@svadmin/ui 0.29.0 → 0.29.2

package/src/components/fields/FileField.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-  import { Download } from '@lucide/svelte';
-  interface Props { value: string | null | undefined; title?: string }
-  let { value, title }: Props = $props();
-  const fileName = $derived(value ? value.split('/').pop() ?? value : null);
-</script>
-{#if value}
-  <a href={value} download class="text-primary hover:underline no-underline inline-flex items-center gap-1" title={title ?? fileName ?? ''}>
-    <Download class="h-3.5 w-3.5 opacity-60" />
-    {fileName}
-  </a>
-{:else}
-  <span class="text-muted-foreground">—</span>
-{/if}

package/src/components/fields/ImageField.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-  interface Props { value: string | null | undefined; alt?: string; width?: number; height?: number }
-  let { value, alt = '', width = 80, height = 80 }: Props = $props();
-</script>
-{#if value}
-  <img src={value} {alt} {width} {height} class="rounded-lg object-cover border border-border" />
-{:else}
-  <span class="inline-flex items-center justify-center w-20 h-20 bg-muted rounded-lg text-muted-foreground">—</span>
-{/if}

package/src/components/fields/JsonField.svelte

@@ -1,72 +0,0 @@
-<script lang="ts">
-  import { t } from '@svadmin/core/i18n';
-  import { Button } from '../ui/button/index.js';
-  import { Copy, Check, ChevronDown, ChevronRight } from '@lucide/svelte';
-
-  let { value } = $props<{
-    value: unknown;
-  }>();
-
-  let expanded = $state(false);
-  let copied = $state(false);
-  let copyTimer: ReturnType<typeof setTimeout> | undefined;
-
-  $effect(() => {
-    return () => { if (copyTimer) clearTimeout(copyTimer); };
-  });
-
-  const formatted = $derived(
-    value != null ? JSON.stringify(value, null, 2) : '—'
-  );
-
-  const preview = $derived(
-    value != null ? JSON.stringify(value).slice(0, 80) + (JSON.stringify(value).length > 80 ? '...' : '') : '—'
-  );
-
-  function copyJson() {
-    navigator.clipboard.writeText(formatted);
-    copied = true;
-    if (copyTimer) clearTimeout(copyTimer);
-    copyTimer = setTimeout(() => { copied = false; }, 2000);
-  }
-</script>
-
-{#if value == null}
-  <span class="text-muted-foreground">—</span>
-{:else}
-  <div class="space-y-1">
-    <div class="flex items-center gap-2">
-      <Button
-        variant="ghost"
-        size="sm"
-        class="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground h-auto py-0.5 px-1"
-        onclick={() => { expanded = !expanded; }}
-      >
-        {#if expanded}
-          <ChevronDown class="h-3 w-3" />
-        {:else}
-          <ChevronRight class="h-3 w-3" />
-        {/if}
-        {expanded ? t('common.collapse') : t('common.expand')}
-      </Button>
-      <Button
-        variant="ghost"
-        size="sm"
-        class="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground h-auto py-0.5 px-1"
-        onclick={copyJson}
-        aria-label={t('common.copy')}
-      >
-        {#if copied}
-          <Check class="h-3 w-3 text-emerald-500" />
-        {:else}
-          <Copy class="h-3 w-3" />
-        {/if}
-      </Button>
-    </div>
-    {#if expanded}
-      <pre class="rounded-lg bg-muted p-3 text-xs overflow-auto max-h-64 font-mono">{formatted}</pre>
-    {:else}
-      <code class="text-xs font-mono bg-muted px-1.5 py-0.5 rounded">{preview}</code>
-    {/if}
-  </div>
-{/if}

package/src/components/fields/MarkdownField.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-  interface Props { value: string | null | undefined }
-  let { value }: Props = $props();
-</script>
-{#if value}
-  <div class="prose prose-sm dark:prose-invert max-w-none leading-relaxed [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-[0.875em] [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:rounded-lg [&_pre]:overflow-x-auto [&_a]:text-primary">{@html value}</div>
-{:else}
-  <span class="text-muted-foreground">—</span>
-{/if}

package/src/components/fields/MultiSelectField.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-  import { Badge } from '../ui/badge/index.js';
-
-  let { value, options } = $props<{
-    value: (string | number)[] | null | undefined;
-    options?: { label: string; value: string | number }[];
-  }>();
-
-  const items = $derived(Array.isArray(value) ? value : []);
-</script>
-
-{#if items.length > 0}
-  <div class="flex flex-wrap gap-1">
-    {#each items as v}
-      {@const label = options?.find((o: { label: string; value: string | number }) => o.value === v)?.label ?? String(v)}
-      <Badge variant="secondary" class="font-normal">{label}</Badge>
-    {/each}
-  </div>
-{:else}
-  <span class="text-muted-foreground">—</span>
-{/if}

package/src/components/fields/NumberField.svelte

@@ -1,6 +0,0 @@
-<script lang="ts">
-  interface Props { value: number | string | null | undefined; locale?: string; options?: Intl.NumberFormatOptions }
-  let { value, locale = 'en-US', options = {} }: Props = $props();
-  const formatted = $derived(value != null ? new Intl.NumberFormat(locale, options).format(Number(value)) : '—');
-</script>
-<span class="field-number">{formatted}</span>

package/src/components/fields/RelationField.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-  import { ExternalLink } from '@lucide/svelte';
-
-  let { value, resourceName, displayValue } = $props<{
-    value: string | number | null | undefined;
-    resourceName?: string;
-    displayValue?: string;
-  }>();
-
-  const display = $derived(displayValue ?? (value != null ? `#${value}` : '—'));
-  const href = $derived(resourceName && value != null ? `#/${resourceName}/show/${value}` : undefined);
-</script>
-
-{#if href}
-  <a
-    {href}
-    class="inline-flex items-center gap-1 text-primary hover:underline text-sm"
-  >
-    {display}
-    <ExternalLink class="h-3 w-3" />
-  </a>
-{:else}
-  <span class="text-muted-foreground">{display}</span>
-{/if}

package/src/components/fields/RichTextField.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-  import { t } from '@svadmin/core/i18n';
-  import { Button } from '../ui/button/index.js';
-
-  let { value, maxLength = 200 } = $props<{
-    value: string | null | undefined;
-    maxLength?: number;
-  }>();
-
-  const text = $derived(value ?? '');
-  const truncated = $derived(text.length > maxLength);
-  const display = $derived(truncated ? text.slice(0, maxLength) + '...' : text);
-
-  let showFull = $state(false);
-</script>
-
-{#if !text}
-  <span class="text-muted-foreground">—</span>
-{:else}
-  <div class="prose prose-sm dark:prose-invert max-w-none">
-    <p class="whitespace-pre-wrap text-sm leading-relaxed">
-      {showFull ? text : display}
-    </p>
-    {#if truncated}
-      <Button
-        variant="link"
-        size="sm"
-        class="text-xs text-primary h-auto p-0"
-        onclick={() => { showFull = !showFull; }}
-      >
-        {showFull ? t('common.showLess') : t('common.showMore')}
-      </Button>
-    {/if}
-  </div>
-{/if}

package/src/components/fields/SelectField.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-  import { Badge } from '../ui/badge/index.js';
-
-  let { value, options } = $props<{
-    value: string | number | null | undefined;
-    options?: { label: string; value: string | number }[];
-  }>();
-
-  const label = $derived(
-    options?.find((o: { label: string; value: string | number }) => o.value === value)?.label ?? (value != null ? String(value) : '—')
-  );
-</script>
-
-<Badge variant="outline">{label}</Badge>

package/src/components/fields/TagField.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-  import { Badge } from '../ui/badge/index.js';
-  interface Props { value: string | string[] | null | undefined }
-  let { value }: Props = $props();
-  const tags = $derived(Array.isArray(value) ? value : value ? [value] : []);
-</script>
-<span class="inline-flex flex-wrap gap-1">
-  {#each tags as tag}
-    <Badge variant="secondary">{tag}</Badge>
-  {/each}
-  {#if tags.length === 0}<span class="text-muted-foreground">—</span>{/if}
-</span>

package/src/components/fields/TextField.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  interface Props { value: string | null | undefined; maxLength?: number }
-  let { value, maxLength }: Props = $props();
-  const display = $derived(value && maxLength && value.length > maxLength ? value.slice(0, maxLength) + '…' : value);
-  const needsTooltip = $derived(value && maxLength && value.length > maxLength);
-</script>
-{#if value}
-  <span class="inline-block" title={needsTooltip ? value : undefined}>{display}</span>
-{:else}
-  <span class="text-muted-foreground">—</span>
-{/if}

package/src/components/fields/UrlField.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-  import { ExternalLink } from '@lucide/svelte';
-  interface Props { value: string | null | undefined; label?: string }
-  let { value, label }: Props = $props();
-  const display = $derived(label ?? value ?? '');
-</script>
-{#if value}
-  <a href={value} target="_blank" rel="noopener noreferrer" class="text-primary hover:underline no-underline inline-flex items-center gap-1">
-    {display}
-    <ExternalLink class="h-3 w-3 opacity-60" />
-  </a>
-{:else}
-  <span class="text-muted-foreground">—</span>
-{/if}

package/src/components/ui/alert/alert-description.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>>;
-
-	let { ref = $bindable(null), class: className, children, ...restProps }: Props = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="alert-description"
-	class={cn("col-start-2 text-sm [&_p]:leading-relaxed text-muted-foreground", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/components/ui/alert/alert-title.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	type Props = WithElementRef<HTMLAttributes<HTMLHeadingElement>>;
-
-	let { ref = $bindable(null), class: className, children, ...restProps }: Props = $props();
-</script>
-
-<h5
-	bind:this={ref}
-	data-slot="alert-title"
-	class={cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className)}
-	{...restProps}
->
-	{@render children?.()}
-</h5>

package/src/components/ui/alert/alert.svelte

@@ -1,44 +0,0 @@
-<script lang="ts" module>
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { type VariantProps, tv } from "tailwind-variants";
-
-	export const alertVariants = tv({
-		base: "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-		variants: {
-			variant: {
-				default: "bg-card text-foreground",
-				destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
-				warning: "border-warning/50 text-warning-foreground bg-warning/10 [&>svg]:text-current",
-				success: "border-success/50 text-success bg-success/10 [&>svg]:text-current",
-			},
-		},
-		defaultVariants: { variant: "default" },
-	});
-
-	export type AlertVariant = VariantProps<typeof alertVariants>["variant"];
-</script>
-
-<script lang="ts">
-	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		variant?: AlertVariant;
-	};
-
-	let {
-		ref = $bindable(null),
-		variant = "default",
-		class: className,
-		children,
-		...restProps
-	}: Props = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="alert"
-	role="alert"
-	class={cn(alertVariants({ variant }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/src/components/ui/alert/index.ts

@@ -1,15 +0,0 @@
-// @ts-nocheck
-import Alert, { type AlertVariant, alertVariants } from "./alert.svelte";
-import AlertTitle from "./alert-title.svelte";
-import AlertDescription from "./alert-description.svelte";
-
-export {
-	Alert,
-	AlertTitle,
-	AlertDescription,
-	Alert as Root,
-	AlertTitle as Title,
-	AlertDescription as Description,
-	alertVariants,
-	type AlertVariant,
-};

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

@@ -1,29 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import type { WithoutChildrenOrChild } from "bits-ui";
-	import { cn } from "../../../utils.js";
-	import type { Snippet } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithoutChildrenOrChild<AlertDialogPrimitive.ContentProps> & { children?: Snippet; class?: string } = $props();
-</script>
-
-<AlertDialogPrimitive.Portal>
-	<AlertDialogPrimitive.Overlay
-		class="fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
-	/>
-	<AlertDialogPrimitive.Content
-		bind:ref
-		class={cn(
-			"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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%] sm:rounded-lg",
-			className,
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-	</AlertDialogPrimitive.Content>
-</AlertDialogPrimitive.Portal>

package/src/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 {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: AlertDialogPrimitive.DescriptionProps & { class?: string } = $props();
-</script>
-
-<AlertDialogPrimitive.Description
-	bind:ref
-	class={cn("text-sm text-muted-foreground", className)}
-	{...restProps}
-/>

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

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

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

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

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

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: AlertDialogPrimitive.OverlayProps & { class?: string } = $props();
-</script>
-
-<AlertDialogPrimitive.Overlay
-	bind:ref
-	class={cn("fixed inset-0 z-50 bg-black/80", className)}
-	{...restProps}
-/>

package/src/components/ui/alert-dialog/alert-dialog-portal.svelte

@@ -1,6 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-	let { ...restProps }: AlertDialogPrimitive.PortalProps = $props();
-</script>
-
-<AlertDialogPrimitive.Portal {...restProps} />

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

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

package/src/components/ui/alert-dialog/index.ts

@@ -1,20 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-
-const Root = AlertDialogPrimitive.Root;
-const Trigger = AlertDialogPrimitive.Trigger;
-const Action = AlertDialogPrimitive.Action;
-const Cancel = AlertDialogPrimitive.Cancel;
-
-export {
-	Root,
-	Trigger,
-	Action,
-	Cancel,
-};
-export { default as Content } from "./alert-dialog-content.svelte";
-export { default as Description } from "./alert-dialog-description.svelte";
-export { default as Footer } from "./alert-dialog-footer.svelte";
-export { default as Header } from "./alert-dialog-header.svelte";
-export { default as Overlay } from "./alert-dialog-overlay.svelte";
-export { default as Portal } from "./alert-dialog-portal.svelte";
-export { default as Title } from "./alert-dialog-title.svelte";

package/src/components/ui/avatar/avatar.svelte

@@ -1,63 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLImgAttributes } from "svelte/elements";
-	import { type VariantProps, tv } from "tailwind-variants";
-
-	export const avatarVariants = tv({
-		base: "relative flex shrink-0 overflow-hidden rounded-full",
-		variants: {
-			size: {
-				default: "size-10",
-				sm: "size-8",
-				lg: "size-12",
-				xl: "size-16",
-			},
-		},
-		defaultVariants: { size: "default" },
-	});
-
-	// AvatarSize type is exported from the package index.ts
-	type AvatarSize = VariantProps<typeof avatarVariants>["size"];
-
-	type Props = WithElementRef<HTMLImgAttributes, HTMLImageElement> & {
-		size?: AvatarSize;
-		fallback?: string;
-	};
-
-	let {
-		ref = $bindable(null),
-		src,
-		alt = "",
-		size = "default",
-		fallback,
-		class: className,
-		...restProps
-	}: Props = $props();
-
-	let imgError = $state(false);
-</script>
-
-{#if src && !imgError}
-	<span class={cn(avatarVariants({ size }), className)}>
-		<img
-			bind:this={ref}
-			data-slot="avatar"
-			{src}
-			{alt}
-			class="aspect-square h-full w-full object-cover"
-			onerror={() => { imgError = true; }}
-			{...restProps}
-		/>
-	</span>
-{:else}
-	<span
-		data-slot="avatar-fallback"
-		class={cn(
-			avatarVariants({ size }),
-			"flex items-center justify-center bg-muted text-muted-foreground font-medium text-sm",
-			className
-		)}
-	>
-		{fallback ?? alt?.charAt(0).toUpperCase() ?? "?"}
-	</span>
-{/if}

package/src/components/ui/avatar/index.ts

@@ -1,2 +0,0 @@
-import Root from "./avatar.svelte";
-export { Root, Root as Avatar };

package/src/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: "h-5 gap-1 rounded-[min(var(--radius-sm),10px)] border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none",
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-				destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
-				outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-				ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-		},
-		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/src/components/ui/badge/index.ts

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

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

@@ -1,18 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { Ellipsis } from '@lucide/svelte';
-
-  let { class: className, ...restProps }: HTMLAttributes<HTMLSpanElement> = $props();
-</script>
-
-<span
-  role="presentation"
-  aria-hidden="true"
-  data-slot="breadcrumb-ellipsis"
-  class={cn("flex size-9 items-center justify-center", className)}
-  {...restProps}
->
-  <Ellipsis class="size-4" />
-  <span class="sr-only">More</span>
-</span>

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

@@ -1,15 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-  import type { HTMLLiAttributes } from 'svelte/elements';
-
-  let { class: className, children, ...restProps }: HTMLLiAttributes & { children?: Snippet } = $props();
-</script>
-
-<li
-  data-slot="breadcrumb-item"
-  class={cn("inline-flex items-center gap-1.5", className)}
-  {...restProps}
->
-  {@render children?.()}
-</li>