svelte-firekit 0.0.14 → 0.0.16

package/dist/components/nav/breadcrumb.svelte.d.ts

@@ -1,19 +0,0 @@
-import * as Breadcrumb from "../ui/breadcrumb/index.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Breadcrumb: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Breadcrumb = InstanceType<typeof Breadcrumb>;
-export default Breadcrumb;

package/dist/components/nav/dark-mode-toggle.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-    import { Moon, Sun } from "lucide-svelte";
-    import { toggleMode } from "mode-watcher";
-    import { Button } from "../../components/ui/button/index.js";
-</script>
-
-<Button onclick={toggleMode} variant="ghost" size="icon">
-    <Sun
-        class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
-    />
-    <Moon
-        class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
-    />
-
-    <span class="sr-only">Toggle theme</span>
-</Button>

package/dist/components/nav/dark-mode-toggle.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DarkModeToggle: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type DarkModeToggle = InstanceType<typeof DarkModeToggle>;
-export default DarkModeToggle;

package/dist/components/nav/nav-main.svelte

@@ -1,70 +0,0 @@
-<script lang="ts">
-  import * as Collapsible from "../ui/collapsible/index.js";
-  import * as Sidebar from "../ui/sidebar/index.js";
-  import { navMain } from "../../config.js";
-  import ChevronRight from "lucide-svelte/icons/chevron-right";
-</script>
-
-{#if navMain}
-  {#each navMain as nav}
-    <Sidebar.Group>
-      <Sidebar.GroupLabel class="capitalize">{nav.title}</Sidebar.GroupLabel>
-      <Sidebar.Menu>
-        {#each nav.items as mainItem (mainItem.title)}
-          {#if mainItem.items && mainItem.items.length > 0}
-            <Collapsible.Root class="group/collapsible">
-              {#snippet child({ props })}
-                <Sidebar.MenuItem {...props}>
-                  <Collapsible.Trigger>
-                    {#snippet child({ props })}
-                      <Sidebar.MenuButton {...props}>
-                        {#snippet tooltipContent()}
-                          {mainItem.title}
-                        {/snippet}
-                        {#if mainItem.icon}
-                          <mainItem.icon />
-                        {/if}
-                        <span>{mainItem.title}</span>
-                        <ChevronRight
-                          class="ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
-                        />
-                      </Sidebar.MenuButton>
-                    {/snippet}
-                  </Collapsible.Trigger>
-                  <Collapsible.Content>
-                    {#if mainItem.items}
-                      <Sidebar.MenuSub>
-                        {#each mainItem.items as subItem (subItem.title)}
-                          <Sidebar.MenuSubItem>
-                            <Sidebar.MenuSubButton>
-                              {#snippet child({ props })}
-                                <a href={subItem.href} {...props}>
-                                  <span>{subItem.title}</span>
-                                </a>
-                              {/snippet}
-                            </Sidebar.MenuSubButton>
-                          </Sidebar.MenuSubItem>
-                        {/each}
-                      </Sidebar.MenuSub>
-                    {/if}
-                  </Collapsible.Content>
-                </Sidebar.MenuItem>
-              {/snippet}
-            </Collapsible.Root>
-          {:else}
-            <Sidebar.MenuItem>
-              <Sidebar.MenuButton>
-                {#snippet child({ props })}
-                  <a href={mainItem.href} {...props}>
-                    <mainItem.icon />
-                    <span>{mainItem.title}</span>
-                  </a>
-                {/snippet}
-              </Sidebar.MenuButton>
-            </Sidebar.MenuItem>
-          {/if}
-        {/each}
-      </Sidebar.Menu>
-    </Sidebar.Group>
-  {/each}
-{/if}

package/dist/components/nav/nav-main.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const NavMain: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type NavMain = InstanceType<typeof NavMain>;
-export default NavMain;

package/dist/components/nav/nav.d.ts

@@ -1,11 +0,0 @@
-export declare const nav: {
-    versions: string[];
-    navMain: {
-        title: string;
-        url: string;
-        items: {
-            title: string;
-            url: string;
-        }[];
-    }[];
-};

package/dist/components/nav/nav.js

@@ -1,157 +0,0 @@
-export const nav = {
-    versions: ["0.0.3"],
-    navMain: [
-        {
-            title: "Getting Started",
-            url: "#",
-            items: [
-                {
-                    title: "Installation",
-                    url: "/docs/installation",
-                },
-                {
-                    title: "Project Structure",
-                    url: "/docs/project-structure",
-                },
-                {
-                    title: "Quick Start",
-                    url: "/docs/quick-start",
-                },
-                {
-                    title: "Configuration",
-                    url: "/docs/configuration",
-                },
-            ],
-        },
-        {
-            title: "Firebase Configuration",
-            url: "#",
-            items: [
-                {
-                    title: "Firebase Config",
-                    url: "/docs/config",
-                },
-                {
-                    title: "Firebase Service",
-                    url: "/docs/service",
-                },
-            ],
-        },
-        {
-            title: "Authentication",
-            url: "#",
-            items: [
-                {
-                    title: "FirekitUser",
-                    url: "/docs/firekit-user",
-                },
-                {
-                    title: "FirekitAuth",
-                    url: "/docs/firekit-auth",
-                },
-                {
-                    title: "AuthGuard",
-                    url: "/docs/firekit-auth-guard",
-                },
-                {
-                    title: "Sign In Page",
-                    url: "/docs/sign-in-page",
-                },
-                {
-                    title: "Sign Up Page",
-                    url: "/docs/sign-up-page",
-                },
-                {
-                    title: "Reset Password Page",
-                    url: "/docs/reset-password-page",
-                },
-                {
-                    title: "Sign In Form",
-                    url: "/docs/sign-in-form",
-                },
-                {
-                    title: "Sign Up Form",
-                    url: "/docs/sign-up-form",
-                },
-                {
-                    title: "Reset Password Form",
-                    url: "/docs/reset-password-form",
-                },
-                {
-                    title: "User Button",
-                    url: "/docs/user-button",
-                },
-            ],
-        },
-        {
-            title: "Firestore",
-            url: "#",
-            items: [
-                {
-                    title: "FirekitDoc",
-                    url: "/docs/firekit-doc",
-                },
-                {
-                    title: "FirekitAwaitableDoc",
-                    url: "/docs/awaitable-doc",
-                },
-                {
-                    title: "FirekitCollection",
-                    url: "/docs/firekit-collection",
-                },
-                {
-                    title: "Document Mutations",
-                    url: "/docs/document-mutations",
-                },
-                {
-                    title: "Collection Component",
-                    url: "/docs/firestore/collection-component",
-                },
-                {
-                    title: "Doc Component",
-                    url: "/docs/firestore/doc-component",
-                },
-            ],
-        },
-        {
-            title: "Storage",
-            url: "#",
-            items: [
-                {
-                    title: "Download URL",
-                    url: "/docs/download-url",
-                },
-                {
-                    title: "Storage List",
-                    url: "/docs/storage-list",
-                },
-                {
-                    title: "Upload Task",
-                    url: "/docs/upload-task",
-                },
-                {
-                    title: "Upload Component",
-                    url: "/docs/upload-component",
-                },
-            ],
-        },
-        {
-            title: "Advanced Topics",
-            url: "#",
-            items: [
-                {
-                    title: "Custom Firebase Integration",
-                    url: "/docs/advanced/custom-firebase-integration",
-                },
-                {
-                    title: "Security Best Practices",
-                    url: "/docs/advanced/security-best-practices",
-                },
-                {
-                    title: "Performance Optimization",
-                    url: "/docs/advanced/performance-optimization",
-                },
-            ],
-        },
-    ],
-};

package/dist/components/nav/search-form.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-	import { Label } from "../ui/label/index.js";
-	import * as Sidebar from "../ui/sidebar/index.js";
-	import type { WithElementRef } from "bits-ui";
-	import Search from "lucide-svelte/icons/search";
-	import type { HTMLFormAttributes } from "svelte/elements";
-
-	let { ref = $bindable(null), ...restProps }: WithElementRef<HTMLFormAttributes> = $props();
-</script>
-
-<form bind:this={ref} {...restProps}>
-	<Sidebar.Group class="py-0">
-		<Sidebar.GroupContent class="relative">
-			<Label for="search" class="sr-only">Search</Label>
-			<Sidebar.Input id="search" placeholder="Search the docs..." class="pl-8" />
-			<Search
-				class="pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50"
-			/>
-		</Sidebar.GroupContent>
-	</Sidebar.Group>
-</form>

package/dist/components/nav/search-form.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { WithElementRef } from "bits-ui";
-import type { HTMLFormAttributes } from "svelte/elements";
-declare const SearchForm: import("svelte").Component<WithElementRef<HTMLFormAttributes>, {}, "ref">;
-export default SearchForm;

package/dist/components/nav/version-switcher.svelte

@@ -1,48 +0,0 @@
-<script lang="ts">
-	import * as DropdownMenu from "../ui/dropdown-menu/index.js";
-	import * as Sidebar from "../ui/sidebar/index.js";
-	import Check from "lucide-svelte/icons/check";
-	import ChevronsUpDown from "lucide-svelte/icons/chevrons-up-down";
-	import GalleryVerticalEnd from "lucide-svelte/icons/gallery-vertical-end";
-
-	let { versions, defaultVersion }: { versions: string[]; defaultVersion: string } = $props();
-
-	let selectedVersion = $state(defaultVersion);
-</script>
-
-<Sidebar.Menu>
-	<Sidebar.MenuItem>
-		<DropdownMenu.Root>
-			<DropdownMenu.Trigger>
-				{#snippet child({ props })}
-					<Sidebar.MenuButton
-						size="lg"
-						class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
-						{...props}
-					>
-						<div
-							class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg"
-						>
-							<GalleryVerticalEnd class="size-4" />
-						</div>
-						<div class="flex flex-col gap-0.5 leading-none">
-							<span class="font-semibold">Documentation</span>
-							<span class="">v{selectedVersion}</span>
-						</div>
-						<ChevronsUpDown class="ml-auto" />
-					</Sidebar.MenuButton>
-				{/snippet}
-			</DropdownMenu.Trigger>
-			<DropdownMenu.Content class="w-[--bits-dropdown-menu-anchor-width]" align="start">
-				{#each versions as version (version)}
-					<DropdownMenu.Item onSelect={() => (selectedVersion = version)}>
-						v{version}
-						{#if version === selectedVersion}
-							<Check class="ml-auto" />
-						{/if}
-					</DropdownMenu.Item>
-				{/each}
-			</DropdownMenu.Content>
-		</DropdownMenu.Root>
-	</Sidebar.MenuItem>
-</Sidebar.Menu>

package/dist/components/nav/version-switcher.svelte.d.ts

@@ -1,5 +0,0 @@
-declare const VersionSwitcher: import("svelte").Component<{
-    versions: string[];
-    defaultVersion: string;
-}, {}, "">;
-export default VersionSwitcher;

package/dist/components/public/footer-main.svelte.d.ts

@@ -1,26 +0,0 @@
-export default FooterMain;
-type FooterMain = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const FooterMain: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/public/nav-main.svelte

@@ -1,136 +0,0 @@
-<script lang="ts">
-    import { Button, buttonVariants } from "../ui/button/index.js";
-    import { Separator } from "../ui/separator/index.js";
-    import { Menu } from "lucide-svelte";
-    import * as DropdownMenu from "../ui/dropdown-menu/index.js";
-    import DarkModeToggle from "../nav/dark-mode-toggle.svelte";
-    import type { NavItem } from "../../types/nav.js";
-
-    let isNavOpen = false;
-    const siteConfig = {
-        title: "Svelte Firekit",
-        description: "Firebase Toolkit for SvelteKit",
-        logo: "/logo.svg",
-        logoDark: "/logo-white.svg",
-        favicon: "/favicon.png",
-        onboarding: true,
-    };
-    const publicNav: NavItem[] = [
-        {
-            title: "Docs",
-            href: "/docs",
-        },
-        {
-            title: "Contact",
-            href: "/contact",
-        },
-        {
-            title: "Blog",
-            href: "/blog",
-        },
-    ];
-</script>
-
-<header
-    class="border-border/40 bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur"
->
-    <nav
-        class="relative mx-auto w-full max-w-[85rem] px-4 py-4 sm:px-6 md:flex md:items-center md:justify-between md:gap-3 lg:px-8"
-    >
-        <!-- Logo w/ Collapse Button -->
-        <div class="flex items-center justify-between">
-            <a href="/">
-                <img
-                    src={siteConfig.logo}
-                    alt={siteConfig.title}
-                    class="h-6 dark:hidden"
-                />
-                <img
-                    src={siteConfig.logoDark}
-                    alt={siteConfig.title}
-                    class="hidden h-6 dark:block"
-                />
-            </a>
-
-            <div class="flex items-center gap-2">
-                <Button
-                    variant="outline"
-                    size="icon"
-                    class="md:hidden"
-                    onclick={() => (isNavOpen = !isNavOpen)}
-                >
-                    <Menu /> <span class="sr-only">Toggle navigation</span>
-                </Button>
-                <!-- End Collapse Button -->
-                <div class="md:hidden">
-                    <DarkModeToggle />
-                </div>
-            </div>
-            <!-- Collapse Button -->
-        </div>
-        <!-- End Logo w/ Collapse Button -->
-
-        <!-- Collapse -->
-        <div
-            class={`${
-                isNavOpen ? "block" : "hidden"
-            } grow basis-full overflow-hidden transition-all duration-300 md:block`}
-            aria-labelledby="header-collapse"
-        >
-            <div
-                class="max-h-[75vh] overflow-hidden overflow-y-auto [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 [&::-webkit-scrollbar-track]:bg-gray-100 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 [&::-webkit-scrollbar]:w-2"
-            >
-                <div
-                    class="flex flex-col gap-0.5 py-2 md:flex-row md:items-center md:justify-end md:gap-1 md:py-0"
-                >
-                    {#each publicNav as item}
-                        {#if item.items && item.items?.length > 0}
-                            <!-- Dropdown for items with sub-items -->
-                            <DropdownMenu.Root>
-                                <DropdownMenu.Trigger
-                                    class="
-                                    {buttonVariants({
-                                        variant: 'ghost',
-                                    })} text-base font-normal"
-                                >
-                                    {item.title}
-                                </DropdownMenu.Trigger>
-                                <DropdownMenu.Content>
-                                    <DropdownMenu.Group>
-                                        {#each item.items as subItem}
-                                            <DropdownMenu.Item>
-                                                <a href={subItem.href}
-                                                    >{subItem.title}</a
-                                                >
-                                            </DropdownMenu.Item>
-                                        {/each}
-                                    </DropdownMenu.Group>
-                                </DropdownMenu.Content>
-                            </DropdownMenu.Root>
-                        {:else}
-                            <!-- Regular Button for single items -->
-                            <Button
-                                variant="ghost"
-                                href={item.href}
-                                class="text-base font-normal"
-                            >
-                                {#if item.icon}
-                                    <item.icon />
-                                {/if}
-                                {item.title}
-                            </Button>
-                        {/if}
-                    {/each}
-                    <Separator
-                        orientation="vertical"
-                        class="mr-2 hidden h-5 md:block"
-                    />
-                    <div class="hidden md:block">
-                        <DarkModeToggle />
-                    </div>
-                </div>
-            </div>
-        </div>
-        <!-- End Collapse -->
-    </nav>
-</header>

package/dist/components/public/nav-main.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const NavMain: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type NavMain = InstanceType<typeof NavMain>;
-export default NavMain;