svelte-firekit 0.1.6 → 0.1.8

package/dist/components/nav/app-sidebar.svelte

@@ -0,0 +1,175 @@
+<script lang="ts">
+	import NavDocuments from './nav-components.svelte';
+	import NavMain from './nav-main.svelte';
+	import NavSecondary from './nav-secondary.svelte';
+	import * as Sidebar from '../ui/sidebar/index.js';
+	import type { ComponentProps } from 'svelte';
+	import {
+		IconBook,
+		IconBug,
+		IconFlame,
+		IconLock,
+		IconLockAccess,
+		IconPackage,
+		IconDatabase,
+		IconFileText,
+		IconUpload,
+		IconDownload,
+		IconAppWindow,
+		IconList,
+		IconLogin,
+		IconLogout,
+		IconUsers
+	} from '@tabler/icons-svelte';
+
+	const data = {
+		navMain: [
+			{
+				title: 'Get Started',
+				url: '/docs',
+				icon: IconBook
+			},
+			{
+				title: 'Installation',
+				url: '/docs/installation',
+				icon: IconPackage
+			},
+			{
+				title: 'Collection Service',
+				url: '/docs/collection',
+				icon: IconDatabase
+			},
+			{
+				title: 'Document Service',
+				url: '/docs/document',
+				icon: IconFileText
+			},
+			{
+				title: 'User Service',
+				url: '/docs/user',
+				icon: IconUsers
+			},
+			{
+				title: 'Auth Service',
+				url: '/docs/auth',
+				icon: IconLock
+			},
+			{
+				title: 'Storage Service',
+				url: '/docs/storage',
+				icon: IconUpload
+			},
+			{
+				title: 'Presence Service',
+				url: '/docs/presence',
+				icon: IconUsers
+			},
+			{
+				title: 'Realtime Service',
+				url: '/docs/realtime',
+				icon: IconDatabase
+			},
+			{
+				title: 'Mutations Service',
+				url: '/docs/mutations',
+				icon: IconDatabase
+			},
+			{
+				title: 'Analytics Service',
+				url: '/docs/analytics',
+				icon: IconDatabase
+			}
+		],
+
+		navSecondary: [
+			{
+				title: 'Issues',
+				url: 'https://github.com/code-gio/svelte-firekit/issues',
+				icon: IconBug
+			}
+		],
+		components: [
+			{
+				name: 'Collection',
+				url: '/docs/components/collection',
+				icon: IconDatabase
+			},
+			{
+				name: 'Document',
+				url: '/docs/components/doc',
+				icon: IconFileText
+			},
+			{
+				name: 'Node',
+				url: '/docs/components/node',
+				icon: IconDatabase
+			},
+			{
+				name: 'Upload Task',
+				url: '/docs/components/upload-task',
+				icon: IconUpload
+			},
+			{
+				name: 'Storage List',
+				url: '/docs/components/storage-list',
+				icon: IconList
+			},
+			{
+				name: 'Download URL',
+				url: '/docs/components/download-url',
+				icon: IconDownload
+			},
+			{
+				name: 'Auth Guard',
+				url: '/docs/components/auth-guard',
+				icon: IconLock
+			},
+			{
+				name: 'Custom Guard',
+				url: '/docs/components/custom-guard',
+				icon: IconLockAccess
+			},
+			{
+				name: 'Signed In',
+				url: '/docs/components/signed-in',
+				icon: IconLogin
+			},
+			{
+				name: 'Signed Out',
+				url: '/docs/components/signed-out',
+				icon: IconLogout
+			},
+			{
+				name: 'Firebase App',
+				url: '/docs/components/firebase-app',
+				icon: IconAppWindow
+			}
+		]
+	};
+
+	let { ...restProps }: ComponentProps<typeof Sidebar.Root> = $props();
+</script>
+
+<Sidebar.Root collapsible="offcanvas" {...restProps}>
+	<Sidebar.Header>
+		<Sidebar.Menu>
+			<Sidebar.MenuItem>
+				<Sidebar.MenuButton class="data-[slot=sidebar-menu-button]:!p-1.5">
+					{#snippet child({ props })}
+						<a href="/" {...props}>
+							<IconFlame class="!size-5" />
+							<span class="text-base font-semibold">Svelte Firekit</span>
+						</a>
+					{/snippet}
+				</Sidebar.MenuButton>
+			</Sidebar.MenuItem>
+		</Sidebar.Menu>
+	</Sidebar.Header>
+	<Sidebar.Content>
+		<NavMain items={data.navMain} />
+		<NavDocuments items={data.components} />
+	</Sidebar.Content>
+	<Sidebar.Footer>
+		<NavSecondary items={data.navSecondary} />
+	</Sidebar.Footer>
+</Sidebar.Root>

package/dist/components/nav/app-sidebar.svelte.d.ts

@@ -0,0 +1,9 @@
+declare const AppSidebar: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+    ref?: HTMLElement | null | undefined;
+} & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, {}, "">;
+type AppSidebar = ReturnType<typeof AppSidebar>;
+export default AppSidebar;

package/dist/components/nav/auto-breadcrumb.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import * as Breadcrumb from '../ui/breadcrumb/index.js';
+
+	const path = $derived(page.url.pathname);
+	const segments = $derived(path.split('/').filter(Boolean)); // split path and remove empty segments
+	const breadcrumbs = $derived(
+		segments.map((segment, index) => {
+			// Construct the path up to this segment
+			const href = '/' + segments.slice(0, index + 1).join('/');
+			const isId = index === segments.length - 1 && segments[index - 1] === 'services';
+
+			return {
+				name: isId
+					? segment
+					: segment.replace(/-/g, ' ').replace(/\b\w/g, (char) => char.toUpperCase()),
+				href,
+				isId
+			};
+		})
+	);
+</script>
+
+<Breadcrumb.Root>
+	<Breadcrumb.List>
+		{#each breadcrumbs as breadcrumb, i}
+			{#if i > 0}
+				<Breadcrumb.Separator class="hidden md:block" />
+			{/if}
+			<Breadcrumb.Item>
+				{#if i === breadcrumbs.length - 1}
+					<Breadcrumb.Page>{breadcrumb.name}</Breadcrumb.Page>
+				{:else}
+					<Breadcrumb.Link href={breadcrumb.href} class="hidden md:block"
+						>{breadcrumb.name}</Breadcrumb.Link
+					>
+				{/if}
+			</Breadcrumb.Item>
+		{/each}
+	</Breadcrumb.List>
+</Breadcrumb.Root>

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

@@ -0,0 +1,3 @@
+declare const AutoBreadcrumb: import("svelte").Component<Record<string, never>, {}, "">;
+type AutoBreadcrumb = ReturnType<typeof AutoBreadcrumb>;
+export default AutoBreadcrumb;

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

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

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

@@ -0,0 +1,18 @@
+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-components.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import type { Icon } from '@tabler/icons-svelte';
+	import * as Sidebar from '../ui/sidebar/index.js';
+	let { items }: { items: { name: string; url: string; icon: Icon }[] } = $props();
+	const sidebar = Sidebar.useSidebar();
+</script>
+
+<Sidebar.Group class="group-data-[collapsible=icon]:hidden">
+	<Sidebar.GroupLabel>Components</Sidebar.GroupLabel>
+	<Sidebar.Menu>
+		{#each items as item (item.name)}
+			<Sidebar.MenuItem>
+				<Sidebar.MenuButton>
+					{#snippet child({ props })}
+						<a {...props} href={item.url}>
+							<item.icon />
+							<span>{item.name}</span>
+						</a>
+					{/snippet}
+				</Sidebar.MenuButton>
+			</Sidebar.MenuItem>
+		{/each}
+	</Sidebar.Menu>
+</Sidebar.Group>

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

@@ -0,0 +1,11 @@
+import type { Icon } from '@tabler/icons-svelte';
+type $$ComponentProps = {
+    items: {
+        name: string;
+        url: string;
+        icon: Icon;
+    }[];
+};
+declare const NavComponents: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavComponents = ReturnType<typeof NavComponents>;
+export default NavComponents;

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

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import CirclePlusFilledIcon from '@tabler/icons-svelte/icons/circle-plus-filled';
+	import MailIcon from '@tabler/icons-svelte/icons/mail';
+	import { Button } from '../ui/button/index.js';
+	import * as Sidebar from '../ui/sidebar/index.js';
+	import type { Icon } from '@tabler/icons-svelte';
+
+	let { items }: { items: { title: string; url: string; icon?: Icon }[] } = $props();
+</script>
+
+<Sidebar.Group>
+	<Sidebar.GroupContent class="flex flex-col gap-2">
+		<Sidebar.Menu>
+			<Sidebar.MenuItem class="flex items-center gap-2">
+				<Sidebar.MenuButton
+					class="bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground active:bg-primary/90 active:text-primary-foreground min-w-8 duration-200 ease-linear"
+					tooltipContent="Quick create"
+				>
+					{#snippet child({ props })}
+						<a href="https://github.com/code-gio/svelte-firekit-starter" {...props}>
+							<CirclePlusFilledIcon />
+							<span>Use Starter Template</span>
+						</a>
+					{/snippet}
+				</Sidebar.MenuButton>
+			</Sidebar.MenuItem>
+		</Sidebar.Menu>
+		<Sidebar.Menu>
+			{#each items as item (item.title)}
+				<Sidebar.MenuItem>
+					<Sidebar.MenuButton tooltipContent={item.title}>
+						{#snippet child({ props })}
+							<a href={item.url} {...props}>
+								{#if item.icon}
+									<item.icon />
+								{/if}
+								<span>{item.title}</span>
+							</a>
+						{/snippet}
+					</Sidebar.MenuButton>
+				</Sidebar.MenuItem>
+			{/each}
+		</Sidebar.Menu>
+	</Sidebar.GroupContent>
+</Sidebar.Group>

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

@@ -0,0 +1,11 @@
+import type { Icon } from '@tabler/icons-svelte';
+type $$ComponentProps = {
+    items: {
+        title: string;
+        url: string;
+        icon?: Icon;
+    }[];
+};
+declare const NavMain: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavMain = ReturnType<typeof NavMain>;
+export default NavMain;

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

@@ -0,0 +1,32 @@
+<script lang="ts">
+	import * as Sidebar from '../ui/sidebar/index.js';
+	import type { WithoutChildren } from '../../utils.js';
+	import type { ComponentProps } from 'svelte';
+	import type { Icon } from '@tabler/icons-svelte';
+
+	let {
+		items,
+		...restProps
+	}: { items: { title: string; url: string; icon: Icon }[] } & WithoutChildren<
+		ComponentProps<typeof Sidebar.Group>
+	> = $props();
+</script>
+
+<Sidebar.Group {...restProps}>
+	<Sidebar.GroupContent>
+		<Sidebar.Menu>
+			{#each items as item (item.title)}
+				<Sidebar.MenuItem>
+					<Sidebar.MenuButton>
+						{#snippet child({ props })}
+							<a href={item.url} {...props} target="_blank" rel="noopener noreferrer">
+								<item.icon />
+								<span>{item.title}</span>
+							</a>
+						{/snippet}
+					</Sidebar.MenuButton>
+				</Sidebar.MenuItem>
+			{/each}
+		</Sidebar.Menu>
+	</Sidebar.GroupContent>
+</Sidebar.Group>

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

@@ -0,0 +1,14 @@
+import * as Sidebar from '../ui/sidebar/index.js';
+import type { WithoutChildren } from '../../utils.js';
+import type { ComponentProps } from 'svelte';
+import type { Icon } from '@tabler/icons-svelte';
+type $$ComponentProps = {
+    items: {
+        title: string;
+        url: string;
+        icon: Icon;
+    }[];
+} & WithoutChildren<ComponentProps<typeof Sidebar.Group>>;
+declare const NavSecondary: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavSecondary = ReturnType<typeof NavSecondary>;
+export default NavSecondary;

package/dist/components/nav/site-header.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { Button } from '../ui/button/index.js';
+	import { Separator } from '../ui/separator/index.js';
+	import * as Sidebar from '../ui/sidebar/index.js';
+	import { IconBrandGithub } from '@tabler/icons-svelte';
+	import DarkModeToggle from './dark-mode-toggle.svelte';
+	import AutoBreadcrumb from './auto-breadcrumb.svelte';
+</script>
+
+<header
+	class="flex h-(--header-height) shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)"
+>
+	<div class="flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6">
+		<Sidebar.Trigger class="-ml-1" />
+		<Separator orientation="vertical" class="mx-2 data-[orientation=vertical]:h-4" />
+		<AutoBreadcrumb />
+		<div class="ml-auto flex items-center gap-2">
+			<Button
+				href="https://github.com/code-gio/svelte-firekit"
+				variant="ghost"
+				size="sm"
+				class="dark:text-foreground hidden sm:flex"
+				target="_blank"
+				rel="noopener noreferrer"
+			>
+				<IconBrandGithub class="!size-4" />
+				View on GitHub
+			</Button>
+			<DarkModeToggle />
+		</div>
+	</div>
+</header>

package/dist/components/nav/site-header.svelte.d.ts

@@ -0,0 +1,18 @@
+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 SiteHeader: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SiteHeader = InstanceType<typeof SiteHeader>;
+export default SiteHeader;

package/dist/components/ui/avatar/avatar-fallback.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Avatar as AvatarPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: AvatarPrimitive.FallbackProps = $props();
+</script>
+
+<AvatarPrimitive.Fallback
+	bind:ref
+	data-slot="avatar-fallback"
+	class={cn("bg-muted flex size-full items-center justify-center rounded-full", className)}
+	{...restProps}
+/>

package/dist/components/ui/avatar/avatar-fallback.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Avatar as AvatarPrimitive } from "bits-ui";
+declare const AvatarFallback: import("svelte").Component<AvatarPrimitive.FallbackProps, {}, "ref">;
+type AvatarFallback = ReturnType<typeof AvatarFallback>;
+export default AvatarFallback;

package/dist/components/ui/avatar/avatar-image.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Avatar as AvatarPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: AvatarPrimitive.ImageProps = $props();
+</script>
+
+<AvatarPrimitive.Image
+	bind:ref
+	data-slot="avatar-image"
+	class={cn("aspect-square size-full", className)}
+	{...restProps}
+/>

package/dist/components/ui/avatar/avatar-image.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Avatar as AvatarPrimitive } from "bits-ui";
+declare const AvatarImage: import("svelte").Component<AvatarPrimitive.ImageProps, {}, "ref">;
+type AvatarImage = ReturnType<typeof AvatarImage>;
+export default AvatarImage;

package/dist/components/ui/avatar/avatar.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { Avatar as AvatarPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		loadingStatus = $bindable("loading"),
+		class: className,
+		...restProps
+	}: AvatarPrimitive.RootProps = $props();
+</script>
+
+<AvatarPrimitive.Root
+	bind:ref
+	bind:loadingStatus
+	data-slot="avatar"
+	class={cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className)}
+	{...restProps}
+/>

package/dist/components/ui/avatar/avatar.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Avatar as AvatarPrimitive } from "bits-ui";
+declare const Avatar: import("svelte").Component<AvatarPrimitive.RootProps, {}, "ref" | "loadingStatus">;
+type Avatar = ReturnType<typeof Avatar>;
+export default Avatar;

package/dist/components/ui/avatar/index.d.ts

@@ -0,0 +1,4 @@
+import Root from "./avatar.svelte";
+import Image from "./avatar-image.svelte";
+import Fallback from "./avatar-fallback.svelte";
+export { Root, Image, Fallback, Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback, };

package/dist/components/ui/avatar/index.js

@@ -0,0 +1,6 @@
+import Root from "./avatar.svelte";
+import Image from "./avatar-image.svelte";
+import Fallback from "./avatar-fallback.svelte";
+export { Root, Image, Fallback, 
+//
+Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback, };

package/dist/components/ui/badge/badge.svelte

@@ -0,0 +1,50 @@
+<script lang="ts" module>
+	import { type VariantProps, tv } from "tailwind-variants";
+
+	export const badgeVariants = tv({
+		base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-md border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3",
+		variants: {
+			variant: {
+				default:
+					"bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
+				secondary:
+					"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
+				destructive:
+					"bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/70 border-transparent text-white",
+				outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	});
+
+	export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
+</script>
+
+<script lang="ts">
+	import type { HTMLAnchorAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		href,
+		class: className,
+		variant = "default",
+		children,
+		...restProps
+	}: WithElementRef<HTMLAnchorAttributes> & {
+		variant?: BadgeVariant;
+	} = $props();
+</script>
+
+<svelte:element
+	this={href ? "a" : "span"}
+	bind:this={ref}
+	data-slot="badge"
+	{href}
+	class={cn(badgeVariants({ variant }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</svelte:element>

package/dist/components/ui/badge/badge.svelte.d.ts

@@ -0,0 +1,32 @@
+import { type VariantProps } from "tailwind-variants";
+export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-md border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3", {
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        destructive: string;
+        outline: string;
+    };
+}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-md border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3", unknown, unknown, undefined>>;
+export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
+import type { HTMLAnchorAttributes } from "svelte/elements";
+import { type WithElementRef } from "../../../utils.js";
+type $$ComponentProps = WithElementRef<HTMLAnchorAttributes> & {
+    variant?: BadgeVariant;
+};
+declare const Badge: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Badge = ReturnType<typeof Badge>;
+export default Badge;

package/dist/components/ui/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Badge } from "./badge.svelte";
+export { badgeVariants, type BadgeVariant } from "./badge.svelte";

package/dist/components/ui/badge/index.js

@@ -0,0 +1,2 @@
+export { default as Badge } from "./badge.svelte";
+export { badgeVariants } from "./badge.svelte";