experiment: remove barrel files

src/lib/animations/AutoBox.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { rect } from '$lib/actions';
+    import { rect } from '$lib/actions/rect';
     import { writable } from 'svelte/store';
 
     const bodyRect = writable<DOMRect | null>(null);

src/lib/animations/Products/auth/controls.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { Switch } from '$lib/components';
+    import Switch from '$lib/components/Switch.svelte';
     import { objectKeys } from '$lib/utils/object';
     import { authController } from '.';
 

src/lib/animations/Products/functions/code.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { portal } from '$lib/actions';
+    import { portal } from '$lib/actions/portal';
     import Code from '$lib/animations/CodeWindow/Code.svelte';
     import { fade } from 'svelte/transition';
     import { functionsController } from '.';

src/lib/animations/scroll-indicator.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { rect } from '$lib/actions';
+    import { rect } from '$lib/actions/rect';
     import { clamp } from '$lib/utils/clamp';
     import { onMount } from 'svelte';
     import { writable } from 'svelte/store';

src/lib/components/MobileNav.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { afterNavigate } from '$app/navigation';
-    import { IsLoggedIn } from '$lib/components';
+    import IsLoggedIn from '$lib/components/IsLoggedIn.svelte';
     import { GITHUB_REPO_LINK, GITHUB_STARS } from '$lib/constants';
     import type { NavLink } from '$lib/layouts/Main.svelte';
 

src/lib/layouts/Docs.svelte

@@ -38,7 +38,8 @@
 </script>
 
 <script lang="ts">
-    import { Search, IsLoggedIn } from '$lib/components';
+    import Search from '$lib/components/Search.svelte';
+    import IsLoggedIn from '$lib/components/IsLoggedIn.svelte';
     import { isMac } from '$lib/utils/platform';
     import { getContext, setContext } from 'svelte';
     import { GITHUB_REPO_LINK, GITHUB_STARS } from '$lib/constants';

src/lib/layouts/DocsArticle.svelte

@@ -15,7 +15,7 @@
 <script lang="ts">
     import { scrollToTop } from '$lib/actions/scrollToTop';
 
-    import { Feedback } from '$lib/components';
+    import Feedback from '$lib/components/Feedback.svelte';
 
     export let title: string;
     export let toc: Array<TocItem>;

src/lib/layouts/DocsTutorial.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { scrollToTop } from '$lib/actions/scrollToTop';
-    import { Feedback } from '$lib/components';
+    import Feedback from '$lib/components/Feedback.svelte';
     import type { Tutorial } from '$markdoc/layouts/Tutorial.svelte';
     import type { TocItem } from './DocsArticle.svelte';
     import Heading from '$markdoc/nodes/Heading.svelte';

src/lib/layouts/Main.svelte

@@ -13,7 +13,8 @@
 
 <script lang="ts">
     import { browser } from '$app/environment';
-    import { MobileNav, IsLoggedIn } from '$lib/components';
+    import MobileNav from '$lib/components/MobileNav.svelte';
+    import IsLoggedIn from '$lib/components/IsLoggedIn.svelte';
     import { BANNER_KEY, GITHUB_REPO_LINK, GITHUB_STARS } from '$lib/constants';
     import { isVisible } from '$lib/utils/isVisible';
     import { createScrollInfo } from '$lib/utils/scroll';

src/lib/layouts/Sidebar.svelte

@@ -23,7 +23,8 @@
 
 <script lang="ts">
     import { clickOutside } from '$lib/actions/clickOutside';
-    import { Tooltip, IsLoggedIn } from '$lib/components';
+    import Tooltip from '$lib/components/Tooltip.svelte';
+    import IsLoggedIn from '$lib/components/IsLoggedIn.svelte';
     import { GITHUB_REPO_LINK, GITHUB_STARS } from '$lib/constants';
     import { layoutState, toggleSidenav } from './Docs.svelte';
     import SidebarNavButton from './SidebarNavButton.svelte';

src/markdoc/layouts/Article.svelte

@@ -14,7 +14,7 @@
 </script>
 
 <script lang="ts">
-    import { MainFooter } from '$lib/components';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import SeoOgImage from '$lib/components/SeoOgImage.svelte';
     import { DocsArticle } from '$lib/layouts';
     import type { TocItem } from '$lib/layouts/DocsArticle.svelte';

src/markdoc/layouts/Author.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
-    import { Article, FooterNav, MainFooter } from '$lib/components';
+    import Article from '$lib/components/Article.svelte';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { page } from '$app/stores';
     import { Main } from '$lib/layouts';
     import { getContext } from 'svelte';

src/markdoc/layouts/Category.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
     import { page } from '$app/stores';
-    import { Article, FooterNav, MainFooter } from '$lib/components';
+    import Article from '$lib/components/Article.svelte';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { Main } from '$lib/layouts';
     import { DEFAULT_HOST } from '$lib/utils/metadata';
     import type { AuthorData, PostsData } from '$routes/blog/content';

src/markdoc/layouts/Policy.svelte

@@ -18,7 +18,8 @@
 </script>
 
 <script lang="ts">
-    import { FooterNav, MainFooter } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
 
     import { Main } from '$lib/layouts';
 

src/markdoc/layouts/Post.svelte

@@ -1,7 +1,11 @@
 <script lang="ts">
     import { Media } from '$lib/UI';
     import { scroll } from '$lib/animations';
-    import { Article, FooterNav, MainFooter, Newsletter, Tooltip } from '$lib/components';
+    import Article from '$lib/components/Article.svelte';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
+    import Newsletter from '$lib/components/Newsletter.svelte';
+    import Tooltip from '$lib/components/Tooltip.svelte';
     import { Main } from '$lib/layouts';
     import { formatDate } from '$lib/utils/date';
     import { DEFAULT_HOST } from '$lib/utils/metadata';

src/markdoc/layouts/Tutorial.svelte

@@ -15,7 +15,7 @@
 <script lang="ts">
     import { DocsTutorial } from '$lib/layouts';
     import { getContext, setContext } from 'svelte';
-    import { MainFooter } from '$lib/components';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import type { TocItem } from '$lib/layouts/DocsArticle.svelte';
     import { writable } from 'svelte/store';
     import type { LayoutContext } from './Article.svelte';

src/markdoc/nodes/Fence.svelte

@@ -3,7 +3,7 @@
     import { getCodeHtml, type Language } from '$lib/utils/code';
     import { getContext, hasContext } from 'svelte';
     import { platformMap } from '$lib/utils/references';
-    import { Tooltip } from '$lib/components';
+    import Tooltip from '$lib/components/Tooltip.svelte';
     import { copy } from '$lib/utils/copy';
     import type { CodeContext } from '../tags/MultiCode.svelte';
     import { melt } from '@melt-ui/svelte';

src/markdoc/tags/MultiCode.svelte

@@ -13,7 +13,8 @@
     import { writable } from 'svelte/store';
     import type { Language } from '$lib/utils/code';
     import { copy } from '$lib/utils/copy';
-    import { Select, Tooltip } from '$lib/components';
+    import Select from '$lib/components/Select.svelte';
+    import Tooltip from '$lib/components/Tooltip.svelte';
 
     setContext<CodeContext>('multi-code', {
         selected: writable(null),

src/routes/+error.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     import { page } from '$app/stores';
-    import { FooterNav, MainFooter } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { Main } from '$lib/layouts';
     import DocsError from './docs/+error.svelte';
 

src/routes/assets/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { visible } from '$lib/actions';
+    import { visible } from '$lib/actions/visible';
     import TocNav from '$lib/components/TocNav.svelte';
     import TocRoot from '$lib/components/TocRoot.svelte';
     import { Main } from '$lib/layouts';

src/routes/blog/[[page]]/+page.svelte

@@ -1,7 +1,9 @@
 <script lang="ts">
     import { page } from '$app/stores';
     import { Main } from '$lib/layouts';
-    import { Article, FooterNav, MainFooter } from '$lib/components';
+    import Article from '$lib/components/Article.svelte';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { TITLE_SUFFIX } from '$routes/titles.js';
     import { DEFAULT_HOST } from '$lib/utils/metadata';
     import { onMount, tick } from 'svelte';

src/routes/changelog/[[page]]/+page.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
-    import { FooterNav, MainFooter, PreFooter } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
+    import PreFooter from '$lib/components/PreFooter.svelte';
     import { Main } from '$lib/layouts';
     import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
     import { onMount } from 'svelte';

src/routes/changelog/entry/[entry]/+page.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
-    import { FooterNav, MainFooter, Tooltip } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
+    import Tooltip from '$lib/components/Tooltip.svelte';
     import PreFooter from '$lib/components/PreFooter.svelte';
     import { Main } from '$lib/layouts';
     import { formatDate } from '$lib/utils/date';

src/routes/community/+page.svelte

@@ -43,7 +43,7 @@
 </script>
 
 <script lang="ts">
-    import { Carousel } from '$lib/components';
+    import Carousel from '$lib/components/Carousel.svelte';
     import FloatingHeads from '$lib/components/FloatingHeads.svelte';
     import FooterNav from '$lib/components/FooterNav.svelte';
     import MainFooter from '$lib/components/MainFooter.svelte';

src/routes/docs/+error.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { page } from '$app/stores';
-    import { MainFooter } from '$lib/components';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { Docs } from '$lib/layouts';
     import Sidebar from './Sidebar.svelte';
 </script>

src/routes/docs/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { Carousel } from '$lib/components';
+    import Carousel from '$lib/components/Carousel.svelte';
     import Technologies from '$lib/components/Technologies.svelte';
     import Docs from '$lib/layouts/Docs.svelte';
     import { DEFAULT_HOST } from '$lib/utils/metadata';

src/routes/docs/quick-starts/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { MainFooter } from '$lib/components';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { DEFAULT_HOST } from '$lib/utils/metadata';
     import { DOCS_TITLE_SUFFIX } from '$routes/titles';
 

src/routes/docs/references/[version]/[platform]/[service]/+page.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { page } from '$app/stores';
-    import { MainFooter, Select } from '$lib/components';
+    import MainFooter from '$lib/components/MainFooter.svelte';
+    import Select from '$lib/components/Select.svelte';
     import { DEFAULT_HOST } from '$lib/utils/metadata';
     import { layoutState, toggleReferences } from '$lib/layouts/Docs.svelte';
     import { parse } from '$lib/utils/markdown';

src/routes/docs/tutorials/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { MainFooter } from '$lib/components';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { DEFAULT_HOST } from '$lib/utils/metadata';
     import { DOCS_TITLE_SUFFIX } from '$routes/titles';
 

src/routes/education/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-    import { FooterNav, MainFooter } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { Main } from '$lib/layouts';
     import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
     import CallToAction from './(components)/CallToAction.svelte';

src/routes/heroes/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-    import { FooterNav, MainFooter } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
     import { Main } from '$lib/layouts';
     import { TITLE_SUFFIX } from '$routes/titles';

src/routes/init-0/+page.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
-    import { Carousel, FooterNav, MainFooter } from '$lib/components';
+    import Carousel from '$lib/components/Carousel.svelte';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { Main } from '$lib/layouts';
     import EventCard from '$routes/community/EventCard.svelte';
     import ShinesSvg from './(assets)/shines.svg';

src/routes/init-0/tickets/customize/form.svelte

@@ -28,7 +28,7 @@
     import { page } from '$app/stores';
     import { PUBLIC_APPWRITE_DASHBOARD } from '$env/static/public';
     import { appwriteInit } from '$lib/appwrite/init';
-    import { Switch } from '$lib/components';
+    import Switch from '$lib/components/Switch.svelte';
     import { loginGithub } from '$routes/init-0/helpers';
     import type { TicketVariant } from '../constants';
 

src/routes/init/(components)/EventCarousel.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-    import { Carousel } from '$lib/components';
+    import Carousel from '$lib/components/Carousel.svelte';
     import day0 from '../(assets)/discord/day-0.png';
     import day1 from '../(assets)/discord/day-1.png';
     import day2 from '../(assets)/discord/day-2.png';

src/routes/init/(components)/ticket/TicketActions.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { page } from '$app/stores';
-    import { Switch } from '$lib/components';
+    import  Switch from '$lib/components/Switch.svelte';
     import { createCopy } from '$lib/utils/copy';
     import { loginGithub } from '$routes/init/helpers';
     import Tooltip from '$lib/components/Tooltip.svelte';

src/routes/init/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-    import { FooterNav, MainFooter } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { Main } from '$lib/layouts';
     import { addDays, toReleaseDate } from '$lib/utils/date';
     import { buildOpenGraphImage } from '$lib/utils/metadata';

src/routes/pricing/+page.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
-    import { FooterNav, MainFooter, PreFooter } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
+    import PreFooter from '$lib/components/PreFooter.svelte';
     import { DEFAULT_HOST } from '$lib/utils/metadata';
 
     import { Main } from '$lib/layouts';

src/routes/products/messaging/(components)/MultiCodeContextless.svelte

@@ -3,7 +3,8 @@
     import { writable } from 'svelte/store';
     import { getCodeHtml, type Language } from '$lib/utils/code';
     import { copy } from '$lib/utils/copy';
-    import { Select, Tooltip } from '$lib/components';
+    import Select from '$lib/components/Select.svelte';
+    import Tooltip from '$lib/components/Tooltip.svelte';
 
     export let selected: Language = 'js';
     export let data: { language: string; content: string; platform?: string }[] = [];

src/routes/products/messaging/+page.svelte

@@ -1,5 +1,7 @@
 <script>
-    import { FooterNav, MainFooter, PreFooter } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
+    import PreFooter from '$lib/components/PreFooter.svelte';
     import Main from '$lib/layouts/Main.svelte';
     import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
     import { TITLE_SUFFIX } from '$routes/titles';

src/routes/subscription/verify/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     import { page } from '$app/stores';
-    import { FooterNav, MainFooter } from '$lib/components';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import MainFooter from '$lib/components/MainFooter.svelte';
     import { Main } from '$lib/layouts';
     import { onMount } from 'svelte';
 

src/routes/threads/[id]/CodeRenderer.svelte

@@ -3,7 +3,7 @@
     import { getCodeHtml, type Language } from '$lib/utils/code';
     import { getContext, hasContext } from 'svelte';
     import { platformMap } from '$lib/utils/references';
-    import { Tooltip } from '$lib/components';
+    import Tooltip from '$lib/components/Tooltip.svelte';
     import { copy } from '$lib/utils/copy';
 
     import { melt } from '@melt-ui/svelte';