@widgetic/design-system 0.3.84 → 0.3.86

package/dist/components/shad-editor/icons/strikethrough.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type StrikethroughProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type StrikethroughProps = typeof __propDef.props;
+type StrikethroughProps_ = typeof __propDef.props;
 export type StrikethroughEvents = typeof __propDef.events;
 export type StrikethroughSlots = typeof __propDef.slots;
-export default class Strikethrough extends SvelteComponentTyped<StrikethroughProps, StrikethroughEvents, StrikethroughSlots> {
+export default class Strikethrough extends SvelteComponentTyped<StrikethroughProps_, StrikethroughEvents, StrikethroughSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/subscript.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type SubscriptProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Subscript } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: SubscriptProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/subscript.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type SubscriptProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type SubscriptProps = typeof __propDef.props;
+type SubscriptProps_ = typeof __propDef.props;
 export type SubscriptEvents = typeof __propDef.events;
 export type SubscriptSlots = typeof __propDef.slots;
-export default class Subscript extends SvelteComponentTyped<SubscriptProps, SubscriptEvents, SubscriptSlots> {
+export default class Subscript extends SvelteComponentTyped<SubscriptProps_, SubscriptEvents, SubscriptSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/superscript.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type SuperscriptProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Superscript } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: SuperscriptProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/superscript.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type SuperscriptProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type SuperscriptProps = typeof __propDef.props;
+type SuperscriptProps_ = typeof __propDef.props;
 export type SuperscriptEvents = typeof __propDef.events;
 export type SuperscriptSlots = typeof __propDef.slots;
-export default class Superscript extends SvelteComponentTyped<SuperscriptProps, SuperscriptEvents, SuperscriptSlots> {
+export default class Superscript extends SvelteComponentTyped<SuperscriptProps_, SuperscriptEvents, SuperscriptSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/table.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type TableProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Button } from '../../ui/button/index.js';
 	import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
@@ -5,7 +10,7 @@
 	import { type Editor } from '@tiptap/core';
 	import { Table, ChevronDown } from 'lucide-svelte';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: TableProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/table.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type TableProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type TableProps = typeof __propDef.props;
+type TableProps_ = typeof __propDef.props;
 export type TableEvents = typeof __propDef.events;
 export type TableSlots = typeof __propDef.slots;
-export default class Table extends SvelteComponentTyped<TableProps, TableEvents, TableSlots> {
+export default class Table extends SvelteComponentTyped<TableProps_, TableEvents, TableSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/task-list.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type TaskListProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { CheckSquare } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: TaskListProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/task-list.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type TaskListProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type TaskListProps = typeof __propDef.props;
+type TaskListProps_ = typeof __propDef.props;
 export type TaskListEvents = typeof __propDef.events;
 export type TaskListSlots = typeof __propDef.slots;
-export default class TaskList extends SvelteComponentTyped<TaskListProps, TaskListEvents, TaskListSlots> {
+export default class TaskList extends SvelteComponentTyped<TaskListProps_, TaskListEvents, TaskListSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/text.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type TextProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import {
 		Heading1,
@@ -14,7 +19,7 @@
 	import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
 	import Button from '../../ui/button/button.svelte';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: TextProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/text.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type TextProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type TextProps = typeof __propDef.props;
+type TextProps_ = typeof __propDef.props;
 export type TextEvents = typeof __propDef.events;
 export type TextSlots = typeof __propDef.slots;
-export default class Text extends SvelteComponentTyped<TextProps, TextEvents, TextSlots> {
+export default class Text extends SvelteComponentTyped<TextProps_, TextEvents, TextSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/textalign.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type TextalignProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import {
 		AlignCenter,
@@ -12,7 +17,7 @@
 	import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
 	import Button from '../../ui/button/button.svelte';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: TextalignProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/textalign.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type TextalignProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type TextalignProps = typeof __propDef.props;
+type TextalignProps_ = typeof __propDef.props;
 export type TextalignEvents = typeof __propDef.events;
 export type TextalignSlots = typeof __propDef.slots;
-export default class Textalign extends SvelteComponentTyped<TextalignProps, TextalignEvents, TextalignSlots> {
+export default class Textalign extends SvelteComponentTyped<TextalignProps_, TextalignEvents, TextalignSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/textcolor.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type TextcolorProps = Props;
+</script>
+
 <script lang="ts">
 	import { Baseline } from 'lucide-svelte';
 	import { X } from 'lucide-svelte';
@@ -15,7 +20,7 @@
 		color?: string;
 	}
 
-	let { editor, color = $bindable('') }: Props = $props();
+	let { editor, color = $bindable('') }: TextcolorProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/textcolor.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
+export type TextcolorProps = Props;
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +7,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type TextcolorProps = typeof __propDef.props;
+type TextcolorProps_ = typeof __propDef.props;
 export type TextcolorEvents = typeof __propDef.events;
 export type TextcolorSlots = typeof __propDef.slots;
-export default class Textcolor extends SvelteComponentTyped<TextcolorProps, TextcolorEvents, TextcolorSlots> {
+export default class Textcolor extends SvelteComponentTyped<TextcolorProps_, TextcolorEvents, TextcolorSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/underline.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type UnderlineProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Underline } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: UnderlineProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/underline.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type UnderlineProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type UnderlineProps = typeof __propDef.props;
+type UnderlineProps_ = typeof __propDef.props;
 export type UnderlineEvents = typeof __propDef.events;
 export type UnderlineSlots = typeof __propDef.slots;
-export default class Underline extends SvelteComponentTyped<UnderlineProps, UnderlineEvents, UnderlineSlots> {
+export default class Underline extends SvelteComponentTyped<UnderlineProps_, UnderlineEvents, UnderlineSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/undo.svelte

@@ -1,10 +1,15 @@
+<script lang="ts" module>
+
+	export type UndoProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Undo } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
 	import * as Tooltip from '../../ui/tooltip/index.js';
 	import { Button } from '../../ui/button/index.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: UndoProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/undo.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type UndoProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type UndoProps = typeof __propDef.props;
+type UndoProps_ = typeof __propDef.props;
 export type UndoEvents = typeof __propDef.events;
 export type UndoSlots = typeof __propDef.slots;
-export default class Undo extends SvelteComponentTyped<UndoProps, UndoEvents, UndoSlots> {
+export default class Undo extends SvelteComponentTyped<UndoProps_, UndoEvents, UndoSlots> {
 }
 export {};

package/dist/components/shad-editor/shad-editor.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type ShadEditorProps = Props;
+</script>
+
 <script lang="ts">
 	import './editor.css';
 
@@ -48,7 +53,7 @@
 		showToolbar?: boolean;
 	}
 
-	let { class: className = '', style = '', content = $bindable(null), showToolbar = true }: Props = $props();
+	let { class: className = '', style = '', content = $bindable(null), showToolbar = true }: ShadEditorProps = $props();
 
 	const lowlight = createLowlight(all);
 

package/dist/components/shad-editor/shad-editor.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
+export type ShadEditorProps = Props;
 import './editor.css';
 import { Editor } from '@tiptap/core';
 import './onedark.css';
@@ -16,9 +17,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type ShadEditorProps = typeof __propDef.props;
+type ShadEditorProps_ = typeof __propDef.props;
 export type ShadEditorEvents = typeof __propDef.events;
 export type ShadEditorSlots = typeof __propDef.slots;
-export default class ShadEditor extends SvelteComponentTyped<ShadEditorProps, ShadEditorEvents, ShadEditorSlots> {
+export default class ShadEditor extends SvelteComponentTyped<ShadEditorProps_, ShadEditorEvents, ShadEditorSlots> {
 }
 export {};

package/dist/components/toast/ToasterModal.svelte

@@ -4,7 +4,7 @@ import { toast, Toaster } from '../ui/sonner';
 
 // Import Icons from Icons Folder
 import Close from '../../icons/Exclamation.svelte';
-import Checked from '../../icons/checked.svelte';
+import Checked from '../../icons/Checked.svelte';
 
 // Import Toast Types directly from the svelte-sonner module
 // import type { ToastTypes } from 'svelte-sonner';

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

@@ -4,3 +4,4 @@ import Item from "./accordion-item.svelte";
 import Trigger from "./accordion-trigger.svelte";
 declare const Root: import("svelte").Component<AccordionPrimitive.RootProps, {}, "ref" | "value">;
 export { Root, Content, Item, Trigger, Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger };
+export type { AccordionRootProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, AccordionHeaderProps, } from "bits-ui";

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

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type BreadcrumbEllipsisProps = WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>>;
+</script>
+
 <script lang="ts">
 	import Ellipsis from "lucide-svelte/icons/ellipsis";
 	import type { WithElementRef, WithoutChildren } from "bits-ui";
@@ -8,7 +13,7 @@
 		ref = $bindable(null),
 		class: className,
 		...restProps
-	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();
+	}: BreadcrumbEllipsisProps = $props();
 </script>
 
 <span

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

@@ -1,4 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
+export type BreadcrumbEllipsisProps = WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>>;
+import type { WithElementRef, WithoutChildren } from "bits-ui";
+import type { HTMLAttributes } from "svelte/elements";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type BreadcrumbEllipsisProps = typeof __propDef.props;
+type BreadcrumbEllipsisProps_ = typeof __propDef.props;
 export type BreadcrumbEllipsisEvents = typeof __propDef.events;
 export type BreadcrumbEllipsisSlots = typeof __propDef.slots;
-export default class BreadcrumbEllipsis extends SvelteComponentTyped<BreadcrumbEllipsisProps, BreadcrumbEllipsisEvents, BreadcrumbEllipsisSlots> {
+export default class BreadcrumbEllipsis extends SvelteComponentTyped<BreadcrumbEllipsisProps_, BreadcrumbEllipsisEvents, BreadcrumbEllipsisSlots> {
 }
 export {};

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

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type BreadcrumbItemProps = WithElementRef<HTMLLiAttributes>;
+</script>
+
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLLiAttributes } from "svelte/elements";
@@ -8,7 +13,7 @@
 		class: className,
 		children,
 		...restProps
-	}: WithElementRef<HTMLLiAttributes> = $props();
+	}: BreadcrumbItemProps = $props();
 </script>
 
 <li bind:this={ref} class={cn("inline-flex items-center gap-1.5", className)} {...restProps}>

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

@@ -1,4 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
+export type BreadcrumbItemProps = WithElementRef<HTMLLiAttributes>;
+import type { WithElementRef } from "bits-ui";
+import type { HTMLLiAttributes } from "svelte/elements";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type BreadcrumbItemProps = typeof __propDef.props;
+type BreadcrumbItemProps_ = typeof __propDef.props;
 export type BreadcrumbItemEvents = typeof __propDef.events;
 export type BreadcrumbItemSlots = typeof __propDef.slots;
-export default class BreadcrumbItem extends SvelteComponentTyped<BreadcrumbItemProps, BreadcrumbItemEvents, BreadcrumbItemSlots> {
+export default class BreadcrumbItem extends SvelteComponentTyped<BreadcrumbItemProps_, BreadcrumbItemEvents, BreadcrumbItemSlots> {
 }
 export {};

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

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type BreadcrumbListProps = WithElementRef<HTMLOlAttributes>;
+</script>
+
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLOlAttributes } from "svelte/elements";
@@ -8,7 +13,7 @@
 		class: className,
 		children,
 		...restProps
-	}: WithElementRef<HTMLOlAttributes> = $props();
+	}: BreadcrumbListProps = $props();
 </script>
 
 <ol

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

@@ -1,4 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
+export type BreadcrumbListProps = WithElementRef<HTMLOlAttributes>;
+import type { WithElementRef } from "bits-ui";
+import type { HTMLOlAttributes } from "svelte/elements";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type BreadcrumbListProps = typeof __propDef.props;
+type BreadcrumbListProps_ = typeof __propDef.props;
 export type BreadcrumbListEvents = typeof __propDef.events;
 export type BreadcrumbListSlots = typeof __propDef.slots;
-export default class BreadcrumbList extends SvelteComponentTyped<BreadcrumbListProps, BreadcrumbListEvents, BreadcrumbListSlots> {
+export default class BreadcrumbList extends SvelteComponentTyped<BreadcrumbListProps_, BreadcrumbListEvents, BreadcrumbListSlots> {
 }
 export {};

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

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type BreadcrumbPageProps = WithElementRef<HTMLAttributes<HTMLSpanElement>>;
+</script>
+
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
@@ -8,7 +13,7 @@
 		class: className,
 		children,
 		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+	}: BreadcrumbPageProps = $props();
 </script>
 
 <span

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

@@ -1,4 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
+export type BreadcrumbPageProps = WithElementRef<HTMLAttributes<HTMLSpanElement>>;
+import type { WithElementRef } from "bits-ui";
+import type { HTMLAttributes } from "svelte/elements";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type BreadcrumbPageProps = typeof __propDef.props;
+type BreadcrumbPageProps_ = typeof __propDef.props;
 export type BreadcrumbPageEvents = typeof __propDef.events;
 export type BreadcrumbPageSlots = typeof __propDef.slots;
-export default class BreadcrumbPage extends SvelteComponentTyped<BreadcrumbPageProps, BreadcrumbPageEvents, BreadcrumbPageSlots> {
+export default class BreadcrumbPage extends SvelteComponentTyped<BreadcrumbPageProps_, BreadcrumbPageEvents, BreadcrumbPageSlots> {
 }
 export {};

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

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type BreadcrumbSeparatorProps = WithElementRef<HTMLLiAttributes>;
+</script>
+
 <script lang="ts">
 	import ChevronRight from "lucide-svelte/icons/chevron-right";
 	import type { WithElementRef } from "bits-ui";
@@ -9,7 +14,7 @@
 		class: className,
 		children,
 		...restProps
-	}: WithElementRef<HTMLLiAttributes> = $props();
+	}: BreadcrumbSeparatorProps = $props();
 </script>
 
 <li

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

@@ -1,4 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
+export type BreadcrumbSeparatorProps = WithElementRef<HTMLLiAttributes>;
+import type { WithElementRef } from "bits-ui";
+import type { HTMLLiAttributes } from "svelte/elements";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type BreadcrumbSeparatorProps = typeof __propDef.props;
+type BreadcrumbSeparatorProps_ = typeof __propDef.props;
 export type BreadcrumbSeparatorEvents = typeof __propDef.events;
 export type BreadcrumbSeparatorSlots = typeof __propDef.slots;
-export default class BreadcrumbSeparator extends SvelteComponentTyped<BreadcrumbSeparatorProps, BreadcrumbSeparatorEvents, BreadcrumbSeparatorSlots> {
+export default class BreadcrumbSeparator extends SvelteComponentTyped<BreadcrumbSeparatorProps_, BreadcrumbSeparatorEvents, BreadcrumbSeparatorSlots> {
 }
 export {};

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

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type BreadcrumbProps = WithElementRef<HTMLAttributes<HTMLElement>>;
+</script>
+
 <script lang="ts">
 	import type { WithElementRef } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
@@ -7,7 +12,7 @@
 		class: className,
 		children,
 		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+	}: BreadcrumbProps = $props();
 </script>
 
 <nav bind:this={ref} class={className} aria-label="breadcrumb" {...restProps}>