@svelte-atoms/core 1.0.0-alpha.31 → 1.0.0-alpha.33

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

@@ -1,8 +1,25 @@
 import type { HtmlAtomProps, Base } from '../atom';
+import type { Snippet } from 'svelte';
 /**
  * Extend this interface to add custom root properties in your application.
  */
 export interface RootExtendProps {
 }
 export interface RootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B>, RootExtendProps {
+    /**
+     * Main content to render inside the root component.
+     */
+    children?: Snippet;
+    /**
+     * Custom portal configuration snippet.
+     */
+    portals?: Snippet;
+    /**
+     * Custom L0 portal snippet (z-10 layer for popovers).
+     */
+    l0portal?: Snippet;
+    /**
+     * Custom L1 portal snippet (z-12 layer).
+     */
+    l1portal?: Snippet;
 }

package/dist/components/sidebar/motion.svelte.js

@@ -4,10 +4,10 @@ import { SidebarBond } from '.';
 export function animateSidebarContent(params) {
     const { duration = DURATION.fast / 1000, delay = 0, ease = 'easeInOut', axis = 'x', '0': collapsedSize = '96px', '1': expandedSize = 'auto' } = params;
     const bond = SidebarBond.get();
-    const isOpen = bond?.state.props.open ?? false;
-    const collapsedProp = axis === 'x' ? 'min-width' : 'min-height';
-    const prop = axis === 'x' ? 'width' : 'height';
     return (node) => {
+        const isOpen = bond?.state.props.open ?? false;
+        const collapsedProp = axis === 'x' ? 'min-width' : 'min-height';
+        const prop = axis === 'x' ? 'width' : 'height';
         animate(node, {
             [prop]: isOpen ? expandedSize : collapsedSize,
             [collapsedProp]: collapsedSize

package/dist/components/sidebar/sidebar-content.svelte

@@ -1,40 +1,40 @@
-<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import { HtmlAtom, type Base } from '../atom';
-	import { SidebarBond } from './bond.svelte';
-	import { animateSidebarContent } from './motion.svelte';
-	import type { SidebarRootProps } from './types';
-
-	const bond = SidebarBond.get();
-
-	let {
-		class: klass = '',
-		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = animateSidebarContent({ '0': '0px', '1': 'auto' }),
-		enter = undefined,
-		exit = undefined,
-		initial = animateSidebarContent({ '0': '0px', '1': 'auto', duration: 0 }),
-		...restProps
-	}: SidebarRootProps<E, B> = $props();
-
-	const contentProps = $derived({
-		...bond?.content(),
-		...restProps
-	});
-</script>
-
-<HtmlAtom
-	{bond}
-	preset="sidebar.content"
-	class={['bg-card border-border', '$preset', klass]}
-	enter={enter?.bind(bond.state)}
-	exit={exit?.bind(bond.state)}
-	initial={initial?.bind(bond.state)}
-	animate={animate?.bind(bond.state)}
-	onmount={onmount?.bind(bond.state)}
-	ondestroy={ondestroy?.bind(bond.state)}
-	{...contentProps}
->
-	{@render children?.({ sidebar: bond })}
-</HtmlAtom>
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
+	import { SidebarBond } from './bond.svelte';
+	import { animateSidebarContent } from './motion.svelte';
+	import type { SidebarRootProps } from './types';
+
+	const bond = SidebarBond.get();
+
+	let {
+		class: klass = '',
+		children = undefined,
+		onmount = undefined,
+		ondestroy = undefined,
+		animate = animateSidebarContent({ '0': '0px', '1': 'auto' }),
+		enter = undefined,
+		exit = undefined,
+		initial = animateSidebarContent({ '0': '0px', '1': 'auto', duration: 0 }),
+		...restProps
+	}: SidebarRootProps<E, B> = $props();
+
+	const contentProps = $derived({
+		...bond?.content(),
+		...restProps
+	});
+</script>
+
+<HtmlAtom
+	{bond}
+	preset="sidebar.content"
+	class={['bg-card border-border', '$preset', klass]}
+	enter={enter?.bind(bond.state)}
+	exit={exit?.bind(bond.state)}
+	initial={initial?.bind(bond.state)}
+	animate={animate?.bind(bond.state)}
+	onmount={onmount?.bind(bond.state)}
+	ondestroy={ondestroy?.bind(bond.state)}
+	{...contentProps}
+>
+	{@render children?.({ sidebar: bond })}
+</HtmlAtom>

package/dist/components/textarea/textarea-input.svelte

@@ -1,9 +1,9 @@
-<script lang="ts">
-	let { class: klass = '', value = $bindable(), ...restProps } = $props();
-</script>
-
-<textarea
-	class={['border-border w-full p-2 outline-none', '$preset', klass]}
-	bind:value
-	{...restProps}
-></textarea>
+<script lang="ts">
+	let { class: klass = '', value = $bindable(), ...restProps } = $props();
+</script>
+
+<textarea
+	class={['border-border w-full p-2 outline-none', '$preset', klass]}
+	bind:value
+	{...restProps}
+></textarea>

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

@@ -1,9 +1,9 @@
-<script>
-	import { Input } from '../input';
-
-	let { class: klass = '', children, ...restProps } = $props();
-</script>
-
-<Input.Root preset="textarea" class={['h-auto', klass]} {...restProps}>
-	{@render children?.()}
-</Input.Root>
+<script>
+	import { Input } from '../input';
+
+	let { class: klass = '', children, ...restProps } = $props();
+</script>
+
+<Input.Root preset="textarea" class={['h-auto', klass]} {...restProps}>
+	{@render children?.()}
+</Input.Root>

package/dist/components/tooltip/tooltip-trigger.svelte

@@ -1,39 +1,39 @@
-<script lang="ts">
-	import { PopoverBond } from '../popover/bond.svelte';
-	import { Trigger } from '../popover/atoms';
-
-	const popoverBond = PopoverBond.get();
-
-	let { onmount, children, onclick = undefined, ...restProps } = $props();
-
-	function tooltip(node: HTMLElement) {
-		const onpointerenter = async () => {
-			requestAnimationFrame(() => {
-				popoverBond?.state.open();
-			});
-			node.addEventListener('pointerleave', onpointerleave);
-		};
-		const onpointerleave = () => {
-			popoverBond?.state.close();
-			node.removeEventListener('pointerleave', onpointerleave);
-		};
-
-		node.addEventListener('pointerenter', onpointerenter, { passive: true });
-
-		const cleanup = () => {
-			node.removeEventListener('pointerenter', onpointerenter);
-			node.removeEventListener('pointerleave', onpointerleave);
-		};
-
-		const unmount = onmount?.(node);
-
-		return () => {
-			cleanup?.();
-			unmount?.();
-		};
-	}
-</script>
-
-<Trigger preset="tooltip.trigger" onmount={tooltip} {onclick} {...restProps}>
-	{@render children?.()}
-</Trigger>
+<script lang="ts">
+	import { PopoverBond } from '../popover/bond.svelte';
+	import { Trigger } from '../popover/atoms';
+
+	const popoverBond = PopoverBond.get();
+
+	let { onmount, children, onclick = undefined, ...restProps } = $props();
+
+	function tooltip(node: HTMLElement) {
+		const onpointerenter = async () => {
+			requestAnimationFrame(() => {
+				popoverBond?.state.open();
+			});
+			node.addEventListener('pointerleave', onpointerleave);
+		};
+		const onpointerleave = () => {
+			popoverBond?.state.close();
+			node.removeEventListener('pointerleave', onpointerleave);
+		};
+
+		node.addEventListener('pointerenter', onpointerenter, { passive: true });
+
+		const cleanup = () => {
+			node.removeEventListener('pointerenter', onpointerenter);
+			node.removeEventListener('pointerleave', onpointerleave);
+		};
+
+		const unmount = onmount?.(node);
+
+		return () => {
+			cleanup?.();
+			unmount?.();
+		};
+	}
+</script>
+
+<Trigger preset="tooltip.trigger" onmount={tooltip} {onclick} {...restProps}>
+	{@render children?.()}
+</Trigger>

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

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

package/dist/components/tree/index.js

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

package/dist/components/tree/motion.svelte.d.ts

@@ -0,0 +1,6 @@
+export type AnimatePopoverContentParams = {
+    duration?: number;
+    delay?: number;
+    ease?: string;
+};
+export declare function animateTreeBody(params?: AnimatePopoverContentParams): (node: HTMLElement) => void;

package/dist/components/tree/motion.svelte.js

@@ -0,0 +1,14 @@
+import { animate } from 'motion';
+import { TreeBond } from './bond.svelte';
+export function animateTreeBody(params = {}) {
+    const bond = TreeBond.get();
+    return (node) => {
+        const { delay = 0, duration = 0.1, ease } = params;
+        const isOpen = bond?.state.props.open ?? false;
+        animate(node, {
+            height: +isOpen ? 'auto' : 0,
+            opacity: +isOpen,
+            pointerEvents: isOpen ? '' : 'none'
+        }, { duration, delay, ease });
+    };
+}

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

@@ -1,7 +1,8 @@
 <script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import { TreeBond } from './bond.svelte';
 	import { HtmlAtom, type Base } from '../atom';
+	import { TreeBond } from './bond.svelte';
 	import type { TreeBodyProps } from './types';
+	import { animateTreeBody } from './motion.svelte';
 
 	const bond = TreeBond.get();
 
@@ -10,10 +11,10 @@
 		children = undefined,
 		onmount = undefined,
 		ondestroy = undefined,
-		animate = undefined,
+		animate = animateTreeBody(),
 		enter = undefined,
 		exit = undefined,
-		initial = undefined,
+		initial = animateTreeBody({ duration: 0 }),
 		...restProps
 	}: TreeBodyProps<E, B> = $props();
 

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

@@ -1,7 +1,8 @@
 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' | 'calendar' | 'calendar.day' | 'calendar.header' | 'calendar.weekday' | 'calendar.body' | 'datepicker.trigger' | 'datepicker.calendar' | 'datepicker.years' | 'datepicker.months' | 'datepicker.header';
+import type { Attachment } from 'svelte/attachments';
+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.body' | '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.content' | '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 interface PresetEntryRecord {
     [key: string]: unknown;
     class?: ClassValue;
@@ -10,6 +11,7 @@ export interface PresetEntryRecord {
     variants?: Record<string, Record<string, any>>;
     compounds?: Array<Record<string, any>>;
     defaults?: Record<string, any>;
+    attachments?: Attachment[];
 }
 export type PresetEntry = (bond: Bond | undefined | null, ...args: any[]) => PresetEntryRecord | (() => PresetEntryRecord);
 export type Preset = Record<PresetModuleName, PresetEntry>;

package/dist/icons/icon-copy.svelte

@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="size-full" viewBox="0 0 24 24"
-	><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path
-		fill="currentColor"
-		d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123M17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2zM7.75 17.25c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75h-9a.75.75 0 0 0-.75.75z"
-	/></svg
->
+<svg xmlns="http://www.w3.org/2000/svg" class="size-full" viewBox="0 0 24 24"
+	><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path
+		fill="currentColor"
+		d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123M17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2zM7.75 17.25c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75h-9a.75.75 0 0 0-.75.75z"
+	/></svg
+>

package/dist/utils/dom.svelte.d.ts

@@ -1,2 +1,4 @@
 export declare function getElementId(id: string, kind: string): string;
 export declare function isBrowser(): boolean;
+export declare function focusTrap(ev: KeyboardEvent): void;
+export declare function focus(element: Element | null): void;

package/dist/utils/dom.svelte.js

@@ -4,3 +4,24 @@ export function getElementId(id, kind) {
 export function isBrowser() {
     return typeof window !== 'undefined' && typeof document !== 'undefined';
 }
+export function focusTrap(ev) {
+    const node = ev.currentTarget;
+    // Tab trap - keep focus within popover
+    if (ev.key === 'Tab') {
+        const focusableElements = node.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])');
+        const firstElement = focusableElements[0];
+        const lastElement = focusableElements[focusableElements.length - 1];
+        if (ev.shiftKey && document.activeElement === firstElement) {
+            ev.preventDefault();
+            lastElement?.focus();
+        }
+        else if (!ev.shiftKey && document.activeElement === lastElement) {
+            ev.preventDefault();
+            firstElement?.focus();
+        }
+    }
+}
+export function focus(element) {
+    const firstFocusable = element?.querySelector('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])');
+    (firstFocusable || element)?.focus();
+}

package/dist/utils/function.d.ts

@@ -1,2 +1,2 @@
-export declare function call<const T = (...args: any) => any>(param: T, ...args: any[]): ReturnType<T>;
+export declare function call<const T extends (...args: any) => any = (...args: any) => any>(param: T, ...args: any[]): ReturnType<T>;
 export declare function call<const T>(param: T, ...args: any[]): T;

package/dist/utils/promise.svelte.d.ts

@@ -0,0 +1,5 @@
+export declare function promiseToState<T>(promise: Promise<T> | (() => Promise<T>)): {
+    readonly promise: Promise<T> | (() => Promise<T>);
+    readonly current: T | null;
+    refresh: () => Promise<void>;
+};

package/dist/utils/promise.svelte.js

@@ -0,0 +1,20 @@
+import { call } from './function';
+export function promiseToState(promise) {
+    let data = $state(null);
+    const refresh = async () => {
+        const result = (await call(promise));
+        data = result;
+    };
+    $effect(() => {
+        refresh();
+    });
+    return {
+        get promise() {
+            return promise;
+        },
+        get current() {
+            return data;
+        },
+        refresh
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@svelte-atoms/core",
-	"version": "1.0.0-alpha.31",
+	"version": "1.0.0-alpha.33",
 	"description": "A modular, accessible, and extensible Svelte UI component library.",
 	"repository": {
 		"type": "git",
@@ -14,7 +14,7 @@
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",
-		"build": "vite build && npm run prepack",
+		"build": "vite build",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync || echo ''",
 		"prepack": "svelte-kit sync && svelte-package && publint",
@@ -389,6 +389,7 @@
 		"@storybook/addon-vitest": "^9.1.3",
 		"@storybook/sveltekit": "^9.1.3",
 		"@sveltejs/adapter-auto": "^6.0.0",
+		"@sveltejs/adapter-netlify": "^5.2.4",
 		"@sveltejs/kit": "^2.22.0",
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^6.0.0",
@@ -450,6 +451,7 @@
 	},
 	"dependencies": {
 		"@floating-ui/dom": "^1.7.0",
+		"@modelcontextprotocol/sdk": "^1.24.3",
 		"@qrcode-js/browser": "^1.2.0",
 		"clsx": "^2.1.1",
 		"date-fns": "^4.1.0",

package/dist/components/combobox/compobox-item.svelte.d.ts

@@ -1,34 +0,0 @@
-import type { Base } from '../atom';
-declare function $$render<D, T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
-    props: {
-        class?: string;
-        children?: any;
-        onmount?: any;
-        ondestroy?: any;
-        animate?: any;
-        enter?: any;
-        exit?: any;
-        initial?: any;
-    } & Record<string, any>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<D, T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
-    props(): ReturnType<typeof $$render<D, T, B>>['props'];
-    events(): ReturnType<typeof $$render<D, T, B>>['events'];
-    slots(): ReturnType<typeof $$render<D, T, B>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <D, T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<D, T, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<D, T, B>['props']>, ReturnType<__sveltets_Render<D, T, B>['events']>, ReturnType<__sveltets_Render<D, T, B>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<D, T, B>['bindings']>;
-    } & ReturnType<__sveltets_Render<D, T, B>['exports']>;
-    <D, T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<D, T, B>['props']> & {}): ReturnType<__sveltets_Render<D, T, B>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
-}
-declare const CompoboxItem: $$IsomorphicComponent;
-type CompoboxItem<D, T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof CompoboxItem<D, T, B>>;
-export default CompoboxItem;

package/dist/components/combobox/compobox.stories.svelte

@@ -1,51 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { Combobox as ACombobox } from '.';
-	import { Input } from '../input';
-	import { Divider } from '../divider';
-
-	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-	const { Story } = defineMeta({
-		title: 'Atoms/Combobox',
-		// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-
-		parameters: {
-			// More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-			layout: 'fullscreen'
-		},
-		args: {}
-	});
-</script>
-
-<script lang="ts">
-	let open = $state(false);
-	let value = $state<string | undefined>('ar');
-	let array = $state([
-		{ value: 'ar', label: 'Arabic' },
-		{ value: 'en', label: 'English' },
-		{ value: 'sp', label: 'Spanish' },
-		{ value: 'it', label: 'Italian' }
-	]);
-</script>
-
-<Story name="Combobox" args={{}}>
-	<ACombobox.Root bind:open bind:value>
-		{#snippet children({ combobox })}
-			<ACombobox.Trigger
-				base={Input.Root}
-				class="h-10 min-w-sm items-center gap-0 rounded-sm p-1 transition-colors duration-200"
-			>
-				<Input.Icon class="text-foreground/50">$</Input.Icon>
-				<Divider class="mx-1" vertical />
-				<ACombobox.Input class="px-1" placeholder="Select a language" />
-			</ACombobox.Trigger>
-			<ACombobox.List>
-				{#each array.filter((item) => !combobox.state.query || item.label
-							.toLowerCase()
-							.includes(combobox.state.query)) as item (item.value)}
-					<ACombobox.Item value={item.value}>{item.label}</ACombobox.Item>
-				{/each}
-			</ACombobox.List>
-		{/snippet}
-	</ACombobox.Root>
-</Story>

package/dist/components/combobox/compobox.stories.svelte.d.ts

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

package/dist/components/dropdown/item/bond.svelte.d.ts

@@ -1,42 +0,0 @@
-import type { PopoverStateProps } from '../../popover/bond.svelte';
-import { Bond, BondState, type BondStateProps } from '../../../shared/bond.svelte';
-import { DropdownBond, DropdownBondState } from '../bond.svelte';
-export type DropdownItemBondProps<T> = BondStateProps & {
-    value: string;
-    selected?: string;
-    data: T;
-};
-export type DropdownItemBondElements = {
-    root: HTMLElement;
-};
-export declare class DropdownItemBond<T = unknown> extends Bond<DropdownItemBondProps<T>, DropdownItemBondState<T>, DropdownItemBondElements> {
-    #private;
-    static CONTEXT_KEY: string;
-    constructor(state: DropdownItemBondState<T>);
-    get value(): string;
-    get text(): string;
-    get dropdown(): DropdownBond<DropdownBondState<PopoverStateProps>, DropdownBondState<DropdownBondState<PopoverStateProps>>, import("..").DropdownBondElements> | undefined;
-    mount(): () => void;
-    unmount(): void;
-    share(): this;
-    root(): {
-        [x: symbol]: (node: HTMLElement) => void;
-        'data-selected': boolean;
-    };
-    static get(): DropdownItemBond | undefined;
-    static set(bond: DropdownItemBond): DropdownItemBond;
-}
-export declare class DropdownItemBondState<T> extends BondState<DropdownItemBondProps<T>> {
-    #private;
-    constructor(props: () => DropdownItemBondProps<T>);
-    get value(): string;
-    get data(): T;
-    get isSelected(): boolean;
-    set isSelected(val: boolean);
-    get isHighlighted(): boolean;
-    get dropdown(): DropdownBondState<DropdownBondState<PopoverStateProps>> | undefined;
-    select(): void;
-    unselect(): void;
-    toggle(): void;
-    close(): void;
-}