@svelte-atoms/core 1.0.0-alpha.26 → 1.0.0-alpha.28

package/dist/components/toast/toast-description.svelte.d.ts

@@ -1,38 +1,10 @@
-export type ToastDescriptionProps<T extends keyof HTMLElementTagNameMap> = HtmlAtomProps<T> & {
-    as?: T;
-    children?: Snippet<[{
-        toast?: ToastBond;
-    }]>;
-};
-import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { ToastBond } from './bond';
-import { type HtmlAtomProps } from '../atom';
+import type { ToastDescriptionProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
-    props: Record<string, unknown> & {
-        [key: string]: unknown;
-        class?: import("../..").ClassValue | import("../..").ClassValue[];
-        as?: (string & {}) | T | undefined;
-        global?: boolean;
-        initial?: import("..").NodeFunction<T> | undefined;
-        enter?: import("..").TransitionFunction<T> | undefined;
-        exit?: import("..").TransitionFunction<T> | undefined;
-        animate?: import("..").NodeFunction<T> | undefined;
-        onmount?: import("..").NodeFunction<T> | undefined;
-        ondestroy?: import("..").NodeFunction<T> | undefined;
-        children?: Snippet;
-    } & {
-        bond?: import("../..").Bond;
-        base?: import("../atom").ComponentBase | import("../atom").SnippetBase | undefined;
-        preset?: import("../..").ModuleName | (string & {});
-        variants?: import("../..").VariantDefinition<any> | ((bond: import("../..").Bond, variantProps: Record<string, any>) => Record<string, any>);
-    } & {
-        as?: T | undefined;
-        children?: Snippet<[{
-            toast?: ToastBond;
-        }]>;
-    } & HTMLAttributes<HTMLElementTagNameMap[T]>;
-    exports: {};
+    props: ToastDescriptionProps<T, import("../atom").ComponentBase | import("../atom").SnippetBase> & HTMLAttributes<HTMLElementTagNameMap[T]>;
+    exports: {
+        ToastDescriptionProps: typeof ToastDescriptionProps;
+    };
     bindings: "";
     slots: {};
     events: {};
@@ -42,7 +14,9 @@ declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap> {
     events(): ReturnType<typeof $$render<T>>['events'];
     slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
-    exports(): {};
+    exports(): {
+        ToastDescriptionProps: typeof ToastDescriptionProps;
+    };
 }
 interface $$IsomorphicComponent {
     new <T extends keyof HTMLElementTagNameMap>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {

package/dist/components/toast/toast-root.svelte

@@ -1,22 +1,9 @@
-<script module lang="ts">
-	import type { Factory } from '../../types';
-
-	export type ToastRootProps<T extends keyof HTMLElementTagNameMap> = HtmlAtomProps<T> & {
-		as?: T;
-		open?: boolean;
-		disabled?: boolean;
-		extend?: Record<string, unknown>;
-		factory?: Factory<ToastBond>;
-		children?: Snippet<[{ toast?: ToastBond }]>;
-	};
-</script>
-
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
 	import { ToastBond, ToastBondState, type ToastBondProps } from './bond';
-	import { toClassValue, defineProperty, defineState } from '../../utils';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
+	import { defineProperty, defineState } from '../../utils';
+	import { HtmlAtom } from '../atom';
+	import type { ToastRootProps } from './types';
 
 	let {
 		open = $bindable(false),

package/dist/components/toast/toast-root.svelte.d.ts

@@ -1,48 +1,9 @@
-import type { Factory } from '../../types';
-export type ToastRootProps<T extends keyof HTMLElementTagNameMap> = HtmlAtomProps<T> & {
-    as?: T;
-    open?: boolean;
-    disabled?: boolean;
-    extend?: Record<string, unknown>;
-    factory?: Factory<ToastBond>;
-    children?: Snippet<[{
-        toast?: ToastBond;
-    }]>;
-};
-import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { ToastBond, ToastBondState, type ToastBondProps } from './bond';
-import { type HtmlAtomProps } from '../atom';
+import type { ToastRootProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
-    props: Record<string, unknown> & {
-        [key: string]: unknown;
-        class?: import("../../utils").ClassValue | import("../../utils").ClassValue[];
-        as?: (string & {}) | T | undefined;
-        global?: boolean;
-        initial?: import("..").NodeFunction<T> | undefined;
-        enter?: import("..").TransitionFunction<T> | undefined;
-        exit?: import("..").TransitionFunction<T> | undefined;
-        animate?: import("..").NodeFunction<T> | undefined;
-        onmount?: import("..").NodeFunction<T> | undefined;
-        ondestroy?: import("..").NodeFunction<T> | undefined;
-        children?: Snippet;
-    } & {
-        bond?: import("../..").Bond;
-        base?: import("../atom").ComponentBase | import("../atom").SnippetBase | undefined;
-        preset?: import("../..").ModuleName | (string & {});
-        variants?: import("../../utils").VariantDefinition<any> | ((bond: import("../..").Bond, variantProps: Record<string, any>) => Record<string, any>);
-    } & {
-        as?: T | undefined;
-        open?: boolean;
-        disabled?: boolean;
-        extend?: Record<string, unknown>;
-        factory?: Factory<ToastBond>;
-        children?: Snippet<[{
-            toast?: ToastBond;
-        }]>;
-    } & HTMLAttributes<HTMLElementTagNameMap[T]>;
+    props: ToastRootProps<T, import("../atom").ComponentBase | import("../atom").SnippetBase> & HTMLAttributes<HTMLElementTagNameMap[T]>;
     exports: {
-        getBond: () => ToastBond<ToastBondProps, ToastBondState<ToastBondProps>>;
+        getBond: () => any;
     };
     bindings: "open";
     slots: {};
@@ -54,7 +15,7 @@ declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap> {
     slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "open";
     exports(): {
-        getBond: () => ToastBond<ToastBondProps, ToastBondState<ToastBondProps>>;
+        getBond: () => any;
     };
 }
 interface $$IsomorphicComponent {

package/dist/components/toast/toast-title.svelte

@@ -1,16 +1,8 @@
-<script module lang="ts">
-	export type ToastTitleProps<T extends keyof HTMLElementTagNameMap> = HtmlAtomProps<T> & {
-		as?: T;
-		class?: string;
-		children?: Snippet<[{ toast: ToastBond }]>;
-	};
-</script>
-
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
+	import { HtmlAtom } from '../atom';
 	import { ToastBond } from './bond';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
+	import type { ToastTitleProps } from './types';
 
 	const bond = ToastBond.get();
 

package/dist/components/toast/toast-title.svelte.d.ts

@@ -1,39 +1,7 @@
-export type ToastTitleProps<T extends keyof HTMLElementTagNameMap> = HtmlAtomProps<T> & {
-    as?: T;
-    class?: string;
-    children?: Snippet<[{
-        toast: ToastBond;
-    }]>;
-};
-import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { ToastBond } from './bond';
-import { type HtmlAtomProps } from '../atom';
+import type { ToastTitleProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
-    props: Record<string, unknown> & {
-        [key: string]: unknown;
-        class?: import("../..").ClassValue | import("../..").ClassValue[];
-        as?: (string & {}) | T | undefined;
-        global?: boolean;
-        initial?: import("..").NodeFunction<T> | undefined;
-        enter?: import("..").TransitionFunction<T> | undefined;
-        exit?: import("..").TransitionFunction<T> | undefined;
-        animate?: import("..").NodeFunction<T> | undefined;
-        onmount?: import("..").NodeFunction<T> | undefined;
-        ondestroy?: import("..").NodeFunction<T> | undefined;
-        children?: Snippet;
-    } & {
-        bond?: import("../..").Bond;
-        base?: import("../atom").ComponentBase | import("../atom").SnippetBase | undefined;
-        preset?: import("../..").ModuleName | (string & {});
-        variants?: import("../..").VariantDefinition<any> | ((bond: import("../..").Bond, variantProps: Record<string, any>) => Record<string, any>);
-    } & {
-        as?: T | undefined;
-        class?: string;
-        children?: Snippet<[{
-            toast: ToastBond;
-        }]>;
-    } & HTMLAttributes<HTMLElementTagNameMap[T]>;
+    props: ToastTitleProps<T, import("../atom").ComponentBase | import("../atom").SnippetBase> & HTMLAttributes<HTMLElementTagNameMap[T]>;
     exports: {};
     bindings: "";
     slots: {};

package/dist/components/toast/types.d.ts

@@ -0,0 +1,40 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { Override } from '../../types';
+import type { ToastBond } from './bond';
+/**
+ * Extend this interface to add custom toast root properties in your application.
+ */
+export interface ToastRootExtendProps {
+}
+/**
+ * Extend this interface to add custom toast title properties in your application.
+ */
+export interface ToastTitleExtendProps {
+}
+/**
+ * Extend this interface to add custom toast description properties in your application.
+ */
+export interface ToastDescriptionExtendProps {
+}
+export interface ToastRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        toast?: ToastBond;
+    }]>;
+}>, ToastRootExtendProps {
+    dismissible?: boolean;
+    duration?: number;
+    onclose?: () => void;
+}
+export interface ToastTitleProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        toast: ToastBond;
+    }]>;
+}>, ToastTitleExtendProps {
+}
+export interface ToastDescriptionProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        toast?: ToastBond;
+    }]>;
+}>, ToastDescriptionExtendProps {
+}

package/dist/components/toast/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/tooltip/types.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+/**
+ * Extend this interface to add custom tooltip properties in your application.
+ */
+export interface TooltipExtendProps {
+}
+export interface TooltipTriggerProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Omit<HtmlAtomProps<E, B>, 'children'>, TooltipExtendProps {
+    content?: string | Snippet<[]>;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    delay?: number;
+    children?: Snippet<[]>;
+}

package/dist/components/tooltip/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/tree/index.d.ts

@@ -1 +1,2 @@
+export * from './types';
 export * as Tree from './atoms';

package/dist/components/tree/index.js

@@ -1 +1,2 @@
+export * from './types';
 export * as Tree from './atoms';

package/dist/components/tree/tree-body.svelte

@@ -1,18 +1,7 @@
-<script module lang="ts">
-	export type TreeBodyProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		open?: boolean;
-		disabled?: boolean;
-		children?: Snippet<[{ tree?: TreeBond }]>;
-	};
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
 	import { TreeBond } from './bond.svelte';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import { HtmlAtom, type Base } from '../atom';
+	import type { TreeBodyProps } from './types';
 
 	const bond = TreeBond.get();
 

package/dist/components/tree/tree-body.svelte.d.ts

@@ -1,13 +1,5 @@
-export type TreeBodyProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & {
-    open?: boolean;
-    disabled?: boolean;
-    children?: Snippet<[{
-        tree?: TreeBond;
-    }]>;
-};
-import type { Snippet } from 'svelte';
-import { TreeBond } from './bond.svelte';
-import { type HtmlAtomProps, type Base } from '../atom';
+import { type Base } from '../atom';
+import type { TreeBodyProps } from './types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: TreeBodyProps<E, B>;
     exports: {};

package/dist/components/tree/tree-header.svelte

@@ -1,20 +1,8 @@
-<script module lang="ts">
-	export type TreeHeaderProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		class?: string;
-		open?: boolean;
-		disabled?: boolean;
-		children?: Snippet<[{ tree: TreeBond }]>;
-	};
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import { HtmlAtom, type Base } from '../atom';
 	import { TreeBond } from './bond.svelte';
+	import type { TreeHeaderProps } from './types';
 
 	type Element = HTMLElementTagNameMap[E];
 

package/dist/components/tree/tree-header.svelte.d.ts

@@ -1,38 +1,12 @@
-export type TreeHeaderProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & {
-    class?: string;
-    open?: boolean;
-    disabled?: boolean;
-    children?: Snippet<[{
-        tree: TreeBond;
-    }]>;
-};
-import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { type HtmlAtomProps, type Base } from '../atom';
+import { type Base } from '../atom';
 import { TreeBond } from './bond.svelte';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
-    props: Record<string, unknown> & {
-        [key: string]: unknown;
-        class?: import("../..").ClassValue | import("../..").ClassValue[];
-        as?: (string & {}) | E | undefined;
-        global?: boolean;
-        initial?: import("..").NodeFunction<E> | undefined;
-        enter?: import("..").TransitionFunction<E> | undefined;
-        exit?: import("..").TransitionFunction<E> | undefined;
-        animate?: import("..").NodeFunction<E> | undefined;
-        onmount?: import("..").NodeFunction<E> | undefined;
-        ondestroy?: import("..").NodeFunction<E> | undefined;
-        children?: Snippet;
-    } & {
-        bond?: import("../..").Bond;
-        base?: B | undefined;
-        preset?: import("../..").ModuleName | (string & {});
-        variants?: import("../..").VariantDefinition<any> | ((bond: import("../..").Bond, variantProps: Record<string, any>) => Record<string, any>);
-    } & {
+    props: import("../atom").HtmlAtomProps<E, B> & import("./types").TreeHeaderExtendProps & {
         class?: string;
         open?: boolean;
         disabled?: boolean;
-        children?: Snippet<[{
+        children?: import("svelte").Snippet<[{
             tree: TreeBond;
         }]>;
     } & HTMLAttributes<HTMLElementTagNameMap[E]>;

package/dist/components/tree/tree-indicator.svelte

@@ -1,17 +1,7 @@
-<script lang="ts" module>
-	export type CollapsibleHeaderProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> &
-		TreeBondProps & {
-			children?: Snippet<[{ tree?: TreeBond }]>;
-		};
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
-	import { TreeBond, type TreeBondProps } from './bond.svelte';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import { HtmlAtom, type Base } from '../atom';
+	import { TreeBond } from './bond.svelte';
+	import type { TreeIndicatorProps } from './types';
 
 	const bond = TreeBond.get();
 
@@ -26,7 +16,7 @@
 		exit = undefined,
 		initial = undefined,
 		...restProps
-	}: CollapsibleHeaderProps<E, B> = $props();
+	}: TreeIndicatorProps<E, B> = $props();
 
 	const indicatorProps = $derived({
 		...bond?.indicator(),

package/dist/components/tree/tree-indicator.svelte.d.ts

@@ -1,13 +1,7 @@
-export type CollapsibleHeaderProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & TreeBondProps & {
-    children?: Snippet<[{
-        tree?: TreeBond;
-    }]>;
-};
-import type { Snippet } from 'svelte';
-import { TreeBond, type TreeBondProps } from './bond.svelte';
-import { type HtmlAtomProps, type Base } from '../atom';
+import { type Base } from '../atom';
+import type { TreeIndicatorProps } from './types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
-    props: CollapsibleHeaderProps<E, B>;
+    props: TreeIndicatorProps<E, B>;
     exports: {};
     bindings: "open";
     slots: {};

package/dist/components/tree/tree-root.svelte

@@ -1,23 +1,8 @@
-<script module lang="ts">
-	import type { Factory } from '../../types';
-
-	export type TreeRootProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		class?: string;
-		open?: boolean;
-		disabled?: boolean;
-		factory?: Factory<TreeBond>;
-		children?: Snippet<[{ tree: TreeBond }]>;
-	};
-</script>
-
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
-	import { TreeBond, TreeBondState, type TreeBondProps } from './bond.svelte';
 	import { defineProperty, defineState } from '../../utils';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import { HtmlAtom, type Base } from '../atom';
+	import { TreeBond, TreeBondState, type TreeBondProps } from './bond.svelte';
+	import type { TreeRootProps } from './types';
 
 	let {
 		open = $bindable(false),

package/dist/components/tree/tree-root.svelte.d.ts

@@ -1,16 +1,6 @@
-import type { Factory } from '../../types';
-export type TreeRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & {
-    class?: string;
-    open?: boolean;
-    disabled?: boolean;
-    factory?: Factory<TreeBond>;
-    children?: Snippet<[{
-        tree: TreeBond;
-    }]>;
-};
-import type { Snippet } from 'svelte';
+import { type Base } from '../atom';
 import { TreeBond, TreeBondState, type TreeBondProps } from './bond.svelte';
-import { type HtmlAtomProps, type Base } from '../atom';
+import type { TreeRootProps } from './types';
 declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
     props: TreeRootProps<E, B>;
     exports: {

package/dist/components/tree/types.d.ts

@@ -0,0 +1,59 @@
+import type { Snippet } from 'svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { Factory } from '../../types';
+import type { TreeBond, TreeBondProps } from './bond.svelte';
+/**
+ * tree root properties
+ */
+export interface TreeRootExtendProps {
+}
+export type TreeRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & TreeRootExtendProps & {
+    class?: string;
+    open?: boolean;
+    value?: string;
+    data?: any;
+    disabled?: boolean;
+    factory?: Factory<TreeBond>;
+    children?: Snippet<[{
+        tree: TreeBond;
+    }]>;
+};
+/**
+ * tree header properties
+ */
+export interface TreeHeaderExtendProps {
+}
+export type TreeHeaderProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & TreeHeaderExtendProps & {
+    class?: string;
+    open?: boolean;
+    disabled?: boolean;
+    children?: Snippet<[{
+        tree: TreeBond;
+    }]>;
+};
+/**
+ * tree body properties
+ */
+export interface TreeBodyExtendProps {
+}
+export type TreeBodyProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & TreeBodyExtendProps & {
+    open?: boolean;
+    disabled?: boolean;
+    children?: Snippet<[{
+        tree?: TreeBond;
+    }]>;
+};
+/**
+ * tree indicator properties
+ */
+export interface TreeIndicatorExtendProps {
+}
+export type TreeIndicatorProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = HtmlAtomProps<E, B> & TreeBondProps & TreeIndicatorExtendProps & {
+    children?: Snippet<[{
+        tree?: TreeBond;
+    }]>;
+};
+/**
+ * @deprecated Use TreeRootExtendProps instead
+ */
+export type TreeExtendProps = TreeRootExtendProps;

package/dist/components/tree/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/virtual/types.d.ts

@@ -0,0 +1,23 @@
+import type { Snippet } from 'svelte';
+/**
+ * Extend this interface to add custom virtual list properties in your application.
+ */
+export interface VirtualListViewportExtendProps {
+}
+export interface VirtualListViewportProps<T> extends VirtualListViewportExtendProps {
+    class?: string;
+    data: T[];
+    itemHeight?: number;
+    overscan?: number;
+    onScroll?: (scrollTop: number) => void;
+    scrollToIndex?: number;
+    header?: Snippet;
+    children: Snippet<[
+        {
+            items: {
+                index: number;
+                data: T;
+            }[];
+        }
+    ]>;
+}

package/dist/components/virtual/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/virtual/virtual-root.svelte

@@ -1,26 +1,7 @@
-<script module lang="ts">
-	export type VirtualListViewportProps<T> = {
-		class?: string;
-		data: T[];
-		itemHeight?: number; // Optional for dynamic heights
-		overscan?: number; // Buffer items to render above/below viewport
-		onScroll?: (scrollTop: number) => void;
-		scrollToIndex?: number; // Scroll to specific item
-		header?: Snippet;
-		children: Snippet<
-			[
-				{
-					items: { index: number; data: T }[];
-				}
-			]
-		>;
-	};
-</script>
-
 <script lang="ts" generics="T">
+	import type { VirtualListViewportProps } from './types';
 	import { throttle } from 'es-toolkit';
-
-	import { onMount, tick, type Snippet } from 'svelte';
+	import { onMount, tick } from 'svelte';
 	import { twMerge } from 'tailwind-merge';
 
 	let {

package/dist/components/virtual/virtual-root.svelte.d.ts

@@ -1,21 +1,4 @@
-export type VirtualListViewportProps<T> = {
-    class?: string;
-    data: T[];
-    itemHeight?: number;
-    overscan?: number;
-    onScroll?: (scrollTop: number) => void;
-    scrollToIndex?: number;
-    header?: Snippet;
-    children: Snippet<[
-        {
-            items: {
-                index: number;
-                data: T;
-            }[];
-        }
-    ]>;
-};
-import { type Snippet } from 'svelte';
+import type { VirtualListViewportProps } from './types';
 declare function $$render<T>(): {
     props: VirtualListViewportProps<T>;
     exports: {};

package/dist/context/preset.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { ClassValue } from 'svelte/elements';
 import type { Base } from '../components/atom';
 import type { Bond } from '../shared';
-export type PresetModuleName = 'accordion' | 'accordion.item.body' | 'accordion.item.header' | 'accordion.item.indicator' | 'accordion.item' | 'alert.actions' | 'alert.close-button' | 'alert.content' | 'alert.description' | 'alert.icon' | 'alert' | 'alert.title' | 'card.content' | 'card.description' | 'card.footer' | 'card.header' | 'card.media' | 'card' | 'card.subtitle' | 'card.title' | 'collapsible.body' | 'collapsible.header' | 'collapsible.indicator' | 'collapsible' | 'combobox.control' | 'combobox.trigger' | 'combobox.item' | 'dialog.close-button' | 'dialog.body' | 'dialog.content' | 'dialog.description' | 'dialog.footer' | 'dialog.header' | 'dialog' | 'dialog.title' | 'divider' | 'dropdown.placeholder' | 'dropdown.query' | 'dropdown.trigger' | 'dropdown.value' | 'dropdown' | 'field.control' | 'field.label' | 'field' | 'form' | 'icon' | 'input' | 'input.control' | 'input.placeholder' | 'label' | 'layer.inner' | 'layer' | 'link' | 'list.divider' | 'list.group' | 'list.item' | 'list.item' | 'list.item' | 'dropdown.item' | 'menu.body' | 'popover.arrow' | 'popover.indicator' | 'popover.content' | 'popover.trigger' | 'portal.inner' | 'portal' | 'root' | 'root.portals' | 'sidebar.content' | 'sidebar' | 'drawer.backdrop' | 'drawer.body' | 'drawer.content' | 'drawer.description' | 'drawer.title' | 'drawer.footer' | 'drawer.header' | 'drawer' | 'stack.root' | 'stack.item' | 'tabs.body' | 'tabs.header' | 'tabs' | 'tab.header' | 'tab.body' | 'tab.description' | 'tab' | 'tree.body' | 'tree.header' | 'tree.indicator' | 'tree' | 'datagrid' | 'datagrid.header' | 'datagrid.th' | 'datagrid.body' | 'datagrid.tr' | 'datagrid.td' | 'datagrid.footer' | 'datagrid.checkbox' | 'datagrid.sort-icon' | 'scrollable' | 'scrollable.container' | 'scrollable.content' | 'scrollable.track' | 'scrollable.thumb' | 'breadcrumb' | 'breadcrumb.item' | 'breadcrumb.separator' | 'badge' | 'button' | 'checkbox' | 'checkbox.checkmark' | 'checkbox.indeterminate' | 'radio' | 'radio.group' | 'container';
+export type PresetModuleName = 'accordion' | 'accordion.item.body' | 'accordion.item.header' | 'accordion.item.indicator' | 'accordion.item' | 'alert.actions' | 'alert.close-button' | 'alert.content' | 'alert.description' | 'alert.icon' | 'alert' | 'alert.title' | 'card.content' | 'card.description' | 'card.footer' | 'card.header' | 'card.media' | 'card' | 'card.subtitle' | 'card.title' | 'collapsible.body' | 'collapsible.header' | 'collapsible.indicator' | 'collapsible' | 'combobox.control' | 'combobox.trigger' | 'combobox.item' | 'dialog.close-button' | 'dialog.body' | 'dialog.content' | 'dialog.description' | 'dialog.footer' | 'dialog.header' | 'dialog' | 'dialog.title' | 'divider' | 'dropdown.placeholder' | 'dropdown.query' | 'dropdown.trigger' | 'dropdown.value' | 'dropdown' | 'field.control' | 'field.label' | 'field' | 'form' | 'icon' | 'input' | 'input.control' | 'input.placeholder' | 'label' | 'layer.inner' | 'layer' | 'link' | 'list.divider' | 'list.group' | 'list.item' | 'list.item' | 'list.item' | 'dropdown.item' | 'menu.body' | 'popover.arrow' | 'popover.indicator' | 'popover.content' | 'popover.trigger' | 'portal.inner' | 'portal' | 'root' | 'root.portals' | 'sidebar.content' | 'sidebar' | 'drawer.backdrop' | 'drawer.body' | 'drawer.content' | 'drawer.description' | 'drawer.title' | 'drawer.footer' | 'drawer.header' | 'drawer' | 'stack.root' | 'stack.item' | 'tabs.body' | 'tabs.header' | 'tabs' | 'tab.header' | 'tab.body' | 'tab.description' | 'tab' | 'tree.body' | 'tree.header' | 'tree.indicator' | 'tree' | 'datagrid' | 'datagrid.header' | 'datagrid.th' | 'datagrid.body' | 'datagrid.tr' | 'datagrid.td' | 'datagrid.footer' | 'datagrid.checkbox' | 'datagrid.sort-icon' | 'scrollable' | 'scrollable.container' | 'scrollable.content' | 'scrollable.track' | 'scrollable.thumb' | 'breadcrumb' | 'breadcrumb.item' | 'breadcrumb.separator' | 'badge' | 'button' | 'checkbox' | 'checkbox.checkmark' | 'checkbox.indeterminate' | 'radio' | 'radio.group' | 'container' | 'calendar' | 'calendar.day' | 'calendar.header' | 'calendar.weekday' | 'calendar.body' | 'datepicker.trigger' | 'datepicker.calendar' | 'datepicker.years' | 'datepicker.months' | 'datepicker.header';
 export type PresetEntryRecord = {
     [key: string]: unknown;
     class?: ClassValue;

package/dist/icons/icon-arrow-down.svelte.d.ts

@@ -4,7 +4,7 @@ type IconArrowDown = SvelteComponent<{
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
-    $$bindings?: string | undefined;
+    $$bindings?: string;
 };
 declare const IconArrowDown: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: never;