@svelte-atoms/core 1.0.0-alpha.30 → 1.0.0-alpha.32

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/components/tree/tree.stories.svelte

@@ -1,142 +1,142 @@
-<script module>
-	import { untrack } from 'svelte';
-	import { animate } from 'motion';
-	import { RenderScan } from 'svelte-render-scan';
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { dev } from '$app/environment';
-	import { Tree as Tree_ } from '.';
-	import { tree } from './attachments.svelte';
-	import { TreeBond } from './bond.svelte';
-
-	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-	const { Story } = defineMeta({
-		title: 'Atoms/Tree',
-		// 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(true);
-</script>
-
-<Story name="Tree" args={{}}>
-	<Tree_.Root class="" bind:open>
-		{#if dev}
-			<RenderScan duration={300} />
-		{/if}
-
-		<Tree_.Header>Vehicles</Tree_.Header>
-
-		<Tree_.Body
-			class="border-l border-l-neutral-200"
-			onmount={(node) => {
-				const bond = TreeBond.get();
-				const isOpen = untrack(() => bond?.state.props.open ?? false);
-				animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
-			}}
-			{@attach tree((node, bond) => {
-				const isOpen = bond?.state.props.open ?? false;
-				animate(
-					node,
-					{
-						height: +isOpen ? 'auto' : 0,
-						opacity: +isOpen,
-						pointerEvents: isOpen ? 'all' : 'none'
-					},
-					{ duration: 0.1 }
-				);
-			})}
-		>
-			<Tree_.Root>
-				<Tree_.Header>Cars</Tree_.Header>
-				<Tree_.Body
-					class="border-l border-l-neutral-200"
-					onmount={(node) => {
-						const bond = TreeBond.get();
-						const isOpen = bond?.state.props.open ?? false;
-						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
-					}}
-					animate={(node) => {
-						const bond = TreeBond.get();
-						const isOpen = bond?.state.props.open ?? false;
-						animate(
-							node,
-							{
-								height: +isOpen ? 'auto' : 0,
-								opacity: +isOpen,
-								pointerEvents: isOpen ? 'all' : 'none'
-							},
-							{ duration: 0.1 }
-						);
-					}}
-				>
-					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
-					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
-					dolor diam nascetur.
-				</Tree_.Body>
-			</Tree_.Root>
-
-			<Tree_.Root>
-				<Tree_.Header>Trucks</Tree_.Header>
-				<Tree_.Body
-					class="border-l border-l-neutral-200"
-					onmount={(node) => {
-						const bond = TreeBond.get();
-						const isOpen = bond?.state.props.open ?? false;
-						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
-					}}
-					{@attach tree((node, bond) => {
-						const isOpen = bond?.state.props.open ?? false;
-						animate(
-							node,
-							{
-								height: +isOpen ? 'auto' : 0,
-								opacity: +isOpen,
-								pointerEvents: isOpen ? 'all' : 'none'
-							},
-							{ duration: 0.1 }
-						);
-					})}
-				>
-					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
-					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
-					dolor diam nascetur.
-				</Tree_.Body>
-			</Tree_.Root>
-
-			<Tree_.Root>
-				<Tree_.Header>Bikes</Tree_.Header>
-				<Tree_.Body
-					class="border-l border-l-neutral-200"
-					onmount={(node) => {
-						const bond = TreeBond.get();
-						const isOpen = untrack(() => bond?.state.props.open ?? false);
-						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
-					}}
-					{@attach tree((node, bond) => {
-						const isOpen = bond?.state.props.open ?? false;
-						animate(
-							node,
-							{
-								height: +isOpen ? 'auto' : 0,
-								opacity: +isOpen,
-								pointerEvents: isOpen ? 'all' : 'none'
-							},
-							{ duration: 0.1 }
-						);
-					})}
-				>
-					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
-					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
-					dolor diam nascetur.
-				</Tree_.Body>
-			</Tree_.Root>
-		</Tree_.Body>
-	</Tree_.Root>
-</Story>
+<script module>
+	import { untrack } from 'svelte';
+	import { animate } from 'motion';
+	import { RenderScan } from 'svelte-render-scan';
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { dev } from '$app/environment';
+	import { Tree as Tree_ } from '.';
+	import { tree } from './attachments.svelte';
+	import { TreeBond } from './bond.svelte';
+
+	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+	const { Story } = defineMeta({
+		title: 'Atoms/Tree',
+		// 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(true);
+</script>
+
+<Story name="Tree" args={{}}>
+	<Tree_.Root class="" bind:open>
+		{#if dev}
+			<RenderScan duration={300} />
+		{/if}
+
+		<Tree_.Header>Vehicles</Tree_.Header>
+
+		<Tree_.Body
+			class="border-l border-l-neutral-200"
+			onmount={(node) => {
+				const bond = TreeBond.get();
+				const isOpen = untrack(() => bond?.state.props.open ?? false);
+				animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
+			}}
+			{@attach tree((node, bond) => {
+				const isOpen = bond?.state.props.open ?? false;
+				animate(
+					node,
+					{
+						height: +isOpen ? 'auto' : 0,
+						opacity: +isOpen,
+						pointerEvents: isOpen ? 'all' : 'none'
+					},
+					{ duration: 0.1 }
+				);
+			})}
+		>
+			<Tree_.Root>
+				<Tree_.Header>Cars</Tree_.Header>
+				<Tree_.Body
+					class="border-l border-l-neutral-200"
+					onmount={(node) => {
+						const bond = TreeBond.get();
+						const isOpen = bond?.state.props.open ?? false;
+						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
+					}}
+					animate={(node) => {
+						const bond = TreeBond.get();
+						const isOpen = bond?.state.props.open ?? false;
+						animate(
+							node,
+							{
+								height: +isOpen ? 'auto' : 0,
+								opacity: +isOpen,
+								pointerEvents: isOpen ? 'all' : 'none'
+							},
+							{ duration: 0.1 }
+						);
+					}}
+				>
+					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
+					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
+					dolor diam nascetur.
+				</Tree_.Body>
+			</Tree_.Root>
+
+			<Tree_.Root>
+				<Tree_.Header>Trucks</Tree_.Header>
+				<Tree_.Body
+					class="border-l border-l-neutral-200"
+					onmount={(node) => {
+						const bond = TreeBond.get();
+						const isOpen = bond?.state.props.open ?? false;
+						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
+					}}
+					{@attach tree((node, bond) => {
+						const isOpen = bond?.state.props.open ?? false;
+						animate(
+							node,
+							{
+								height: +isOpen ? 'auto' : 0,
+								opacity: +isOpen,
+								pointerEvents: isOpen ? 'all' : 'none'
+							},
+							{ duration: 0.1 }
+						);
+					})}
+				>
+					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
+					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
+					dolor diam nascetur.
+				</Tree_.Body>
+			</Tree_.Root>
+
+			<Tree_.Root>
+				<Tree_.Header>Bikes</Tree_.Header>
+				<Tree_.Body
+					class="border-l border-l-neutral-200"
+					onmount={(node) => {
+						const bond = TreeBond.get();
+						const isOpen = untrack(() => bond?.state.props.open ?? false);
+						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
+					}}
+					{@attach tree((node, bond) => {
+						const isOpen = bond?.state.props.open ?? false;
+						animate(
+							node,
+							{
+								height: +isOpen ? 'auto' : 0,
+								opacity: +isOpen,
+								pointerEvents: isOpen ? 'all' : 'none'
+							},
+							{ duration: 0.1 }
+						);
+					})}
+				>
+					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
+					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
+					dolor diam nascetur.
+				</Tree_.Body>
+			</Tree_.Root>
+		</Tree_.Body>
+	</Tree_.Root>
+</Story>

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

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

package/dist/icons/icon-copy.svelte.d.ts

@@ -0,0 +1,26 @@
+export default IconCopy;
+type IconCopy = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string;
+};
+declare const IconCopy: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

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.30",
+	"version": "1.0.0-alpha.32",
 	"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",
@@ -31,7 +31,6 @@
 	},
 	"files": [
 		"dist",
-		"llm",
 		"!dist/**/*.test.*",
 		"!dist/**/*.spec.*"
 	],
@@ -390,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",
@@ -451,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;
-}