svelte-firekit 0.0.14 → 0.0.16

package/dist/components/storage/upload.svelte

@@ -1,134 +0,0 @@
-<script lang="ts">
-    import { firekitUploadTask } from "../../firebase/storage/upload-task.svelte.js";
-    import type { Snippet } from "svelte";
-
-    let {
-        path = "",
-        accept = "*",
-        maxSize = 5242880, // 5MB
-        children,
-        progress,
-        error,
-    }: {
-        path: string;
-        accept?: string;
-        maxSize?: number;
-        children?: Snippet<[uploadTask: ReturnType<typeof firekitUploadTask>]>;
-        progress?: Snippet<[percent: number]>;
-        error?: Snippet<[error: Error]>;
-    } = $props();
-
-    let dragover = $state(false);
-    let uploadTask: ReturnType<typeof firekitUploadTask> | null = $state(null);
-
-    function onDrop(e: DragEvent) {
-        e.preventDefault();
-        dragover = false;
-        const file = e.dataTransfer?.files[0];
-        if (file) handleFile(file);
-    }
-
-    function onFileSelect(e: Event) {
-        const file = (e.target as HTMLInputElement).files?.[0];
-        if (file) handleFile(file);
-    }
-
-    function handleFile(file: File) {
-        if (file.size > maxSize) {
-            const error = new Error(
-                `File size exceeds ${maxSize / 1024 / 1024}MB limit`,
-            );
-        }
-
-        const timestamp = Date.now();
-        const fileName = file.name.replace(/[^a-zA-Z0-9.]/g, "-");
-        const fullPath = `${path}/${timestamp}-${fileName}`;
-        uploadTask = firekitUploadTask(fullPath, file);
-    }
-</script>
-
-<div
-    role="button"
-    tabindex="0"
-    aria-label="Upload file dropzone"
-    class="p-12 flex justify-center border-2 border-dashed rounded-xl transition-colors"
-    class:border-blue-500={dragover}
-    class:bg-blue-50={dragover}
-    ondragover={() => (dragover = true)}
-    ondragleave={() => (dragover = false)}
-    ondrop={onDrop}
->
-    {#if !uploadTask}
-        <div class="text-center">
-            <svg
-                class="w-16 text-gray-400 mx-auto dark:text-neutral-400"
-                width="70"
-                height="46"
-                viewBox="0 0 70 46"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-            >
-                <path
-                    d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z"
-                    fill="currentColor"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    class="fill-white stroke-gray-400 dark:fill-neutral-800 dark:stroke-neutral-500"
-                />
-                <path
-                    d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z"
-                    fill="currentColor"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    class="fill-white stroke-gray-400 dark:fill-neutral-800 dark:stroke-neutral-500"
-                />
-                <rect
-                    x="17.0656"
-                    y="1.62305"
-                    width="35.8689"
-                    height="42.7541"
-                    rx="5"
-                    fill="currentColor"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    class="fill-white stroke-gray-400 dark:fill-neutral-800 dark:stroke-neutral-500"
-                />
-                <path
-                    d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    class="stroke-gray-400 dark:stroke-neutral-500"
-                />
-                <circle
-                    cx="39.5902"
-                    cy="14.9672"
-                    r="4.16393"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    class="stroke-gray-400 dark:stroke-neutral-500"
-                />
-            </svg>
-            <div class="mt-4 text-sm">
-                <span>Drop your files here or</span>
-                <label class="text-blue-600 hover:underline cursor-pointer">
-                    browse
-                    <input
-                        type="file"
-                        {accept}
-                        class="hidden"
-                        onchange={onFileSelect}
-                    />
-                </label>
-            </div>
-            <p class="mt-1 text-xs text-gray-400">
-                Maximum file size: {maxSize / 1024 / 1024}MB
-            </p>
-        </div>
-    {:else if children}
-        {@render children(uploadTask)}
-    {:else if uploadTask.error}
-        {@render error?.(uploadTask.error)}
-    {:else}
-        {@render progress?.(uploadTask.progress)}
-    {/if}
-</div>

package/dist/components/storage/upload.svelte.d.ts

@@ -1,11 +0,0 @@
-import { firekitUploadTask } from "../../firebase/storage/upload-task.svelte.js";
-import type { Snippet } from "svelte";
-declare const Upload: import("svelte").Component<{
-    path: string;
-    accept?: string;
-    maxSize?: number;
-    children?: Snippet<[uploadTask: ReturnType<typeof firekitUploadTask>]>;
-    progress?: Snippet<[percent: number]>;
-    error?: Snippet<[error: Error]>;
-}, {}, "">;
-export default Upload;

package/dist/components/ui/alert-dialog/alert-dialog-action.svelte

@@ -1,13 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { buttonVariants } from "../button/index.js";
-	import { cn } from "../../../utils.js";
-
-	let {
-		class: className,
-		ref = $bindable(null),
-		...restProps
-	}: AlertDialogPrimitive.ActionProps = $props();
-</script>
-
-<AlertDialogPrimitive.Action bind:ref class={cn(buttonVariants(), className)} {...restProps} />

package/dist/components/ui/alert-dialog/alert-dialog-action.svelte.d.ts

@@ -1,3 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-declare const AlertDialogAction: import("svelte").Component<AlertDialogPrimitive.TriggerProps, {}, "ref">;
-export default AlertDialogAction;

package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { buttonVariants } from "../button/index.js";
-	import { cn } from "../../../utils.js";
-
-	let {
-		class: className,
-		ref = $bindable(null),
-		...restProps
-	}: AlertDialogPrimitive.CancelProps = $props();
-</script>
-
-<AlertDialogPrimitive.Cancel
-	bind:ref
-	class={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
-	{...restProps}
-/>

package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte.d.ts

@@ -1,3 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-declare const AlertDialogCancel: import("svelte").Component<AlertDialogPrimitive.TriggerProps, {}, "ref">;
-export default AlertDialogCancel;

package/dist/components/ui/alert-dialog/alert-dialog-content.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive, type WithoutChild } from "bits-ui";
-	import AlertDialogOverlay from "./alert-dialog-overlay.svelte";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChild<AlertDialogPrimitive.ContentProps> = $props();
-</script>
-
-<AlertDialogPrimitive.Portal>
-	<AlertDialogOverlay />
-	<AlertDialogPrimitive.Content
-		bind:ref
-		class={cn(
-			"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
-			className
-		)}
-		{...restProps}
-	/>
-</AlertDialogPrimitive.Portal>

package/dist/components/ui/alert-dialog/alert-dialog-content.svelte.d.ts

@@ -1,2 +0,0 @@
-declare const AlertDialogContent: import("svelte").Component<Omit<import("bits-ui").DialogContentProps, "child">, {}, "ref">;
-export default AlertDialogContent;

package/dist/components/ui/alert-dialog/alert-dialog-description.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		class: className,
-		ref = $bindable(null),
-		...restProps
-	}: AlertDialogPrimitive.DescriptionProps = $props();
-</script>
-
-<AlertDialogPrimitive.Description
-	bind:ref
-	class={cn("text-muted-foreground text-sm", className)}
-	{...restProps}
-/>

package/dist/components/ui/alert-dialog/alert-dialog-description.svelte.d.ts

@@ -1,3 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-declare const AlertDialogDescription: import("svelte").Component<AlertDialogPrimitive.DescriptionProps, {}, "ref">;
-export default AlertDialogDescription;

package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	class={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte.d.ts

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

package/dist/components/ui/alert-dialog/alert-dialog-header.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	class={cn("flex flex-col space-y-2 text-center sm:text-left", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/dist/components/ui/alert-dialog/alert-dialog-header.svelte.d.ts

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

package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		class: className,
-		ref = $bindable(null),
-		...restProps
-	}: AlertDialogPrimitive.OverlayProps = $props();
-</script>
-
-<AlertDialogPrimitive.Overlay
-	bind:ref
-	class={cn(
-		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
-		className
-	)}
-	{...restProps}
-/>

package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte.d.ts

@@ -1,3 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-declare const AlertDialogOverlay: import("svelte").Component<AlertDialogPrimitive.OverlayProps, {}, "ref">;
-export default AlertDialogOverlay;

package/dist/components/ui/alert-dialog/alert-dialog-title.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		class: className,
-		level = 3,
-		ref = $bindable(null),
-		...restProps
-	}: AlertDialogPrimitive.TitleProps = $props();
-</script>
-
-<AlertDialogPrimitive.Title
-	bind:ref
-	class={cn("text-lg font-semibold", className)}
-	{level}
-	{...restProps}
-/>

package/dist/components/ui/alert-dialog/alert-dialog-title.svelte.d.ts

@@ -1,3 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-declare const AlertDialogTitle: import("svelte").Component<AlertDialogPrimitive.TitleProps, {}, "ref">;
-export default AlertDialogTitle;

package/dist/components/ui/alert-dialog/index.js

@@ -1,15 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import Title from "./alert-dialog-title.svelte";
-import Action from "./alert-dialog-action.svelte";
-import Cancel from "./alert-dialog-cancel.svelte";
-import Footer from "./alert-dialog-footer.svelte";
-import Header from "./alert-dialog-header.svelte";
-import Overlay from "./alert-dialog-overlay.svelte";
-import Content from "./alert-dialog-content.svelte";
-import Description from "./alert-dialog-description.svelte";
-const Root = AlertDialogPrimitive.Root;
-const Trigger = AlertDialogPrimitive.Trigger;
-const Portal = AlertDialogPrimitive.Portal;
-export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, 
-//
-Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription, };

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,49 +0,0 @@
-<script lang="ts" module>
-	import { type VariantProps, tv } from "tailwind-variants";
-	export const badgeVariants = tv({
-		base: "focus:ring-ring inline-flex select-none items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
-		variants: {
-			variant: {
-				default:
-					"bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
-				secondary:
-					"bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
-				destructive:
-					"bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow",
-				outline: "text-foreground",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-
-	export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
-</script>
-
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLAnchorAttributes } from "svelte/elements";
-	import { cn } 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}
-	{href}
-	class={cn(badgeVariants({ variant, className }))}
-	{...restProps}
->
-	{@render children?.()}
-</svelte:element>

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

@@ -1,59 +0,0 @@
-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:ring-ring inline-flex select-none items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-    };
-}, {
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-    };
-}>, {
-    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:ring-ring inline-flex select-none items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-    };
-}, {
-    variant: {
-        default: string;
-        secondary: string;
-        destructive: string;
-        outline: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
-import type { HTMLAnchorAttributes } from "svelte/elements";
-declare const Badge: import("svelte").Component<HTMLAnchorAttributes & {
-    ref?: HTMLElement | null | undefined;
-} & {
-    variant?: BadgeVariant;
-}, {}, "ref">;
-export default Badge;

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

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

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

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

package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import Ellipsis from "lucide-svelte/icons/ellipsis";
-	import type { WithElementRef, WithoutChildren } from "bits-ui";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();
-</script>
-
-<span
-	bind:this={ref}
-	role="presentation"
-	aria-hidden="true"
-	class={cn("flex size-9 items-center justify-center", className)}
-	{...restProps}
->
-	<Ellipsis class="size-4" />
-	<span class="sr-only">More</span>
-</span>

package/dist/components/ui/breadcrumb/breadcrumb-ellipsis.svelte.d.ts

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

package/dist/components/ui/breadcrumb/breadcrumb-item.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import type { WithElementRef } from "bits-ui";
-	import type { HTMLLiAttributes } from "svelte/elements";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLLiAttributes> = $props();
-</script>
-
-<li bind:this={ref} class={cn("inline-flex items-center gap-1.5", className)} {...restProps}>
-	{@render children?.()}
-</li>

package/dist/components/ui/breadcrumb/breadcrumb-item.svelte.d.ts

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

package/dist/components/ui/breadcrumb/breadcrumb-link.svelte

@@ -1,31 +0,0 @@
-<script lang="ts">
-	import type { HTMLAnchorAttributes } from "svelte/elements";
-	import type { Snippet } from "svelte";
-	import type { WithElementRef } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		href = undefined,
-		child,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAnchorAttributes> & {
-		child?: Snippet<[{ props: HTMLAnchorAttributes }]>;
-	} = $props();
-
-	const attrs = $derived({
-		class: cn("hover:text-foreground transition-colors", className),
-		href,
-		...restProps,
-	});
-</script>
-
-{#if child}
-	{@render child({ props: attrs })}
-{:else}
-	<a bind:this={ref} {...attrs}>
-		{@render children?.()}
-	</a>
-{/if}