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

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.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",
@@ -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;
-}

package/dist/components/dropdown/item/bond.svelte.js

@@ -1,99 +0,0 @@
-import { getContext, setContext } from 'svelte';
-import { Bond, BondState } from '../../../shared/bond.svelte';
-import { DropdownBond, DropdownBondState } from '../bond.svelte';
-import { createAttachmentKey } from 'svelte/attachments';
-export class DropdownItemBond extends Bond {
-    static CONTEXT_KEY = '@atoms/context/dropdown/item';
-    #dropdown;
-    constructor(state) {
-        super(state);
-        this.#dropdown = DropdownBond.get();
-        if (!this.#dropdown) {
-            throw new Error('DropdownItemAtom must be used within a DropdownAtom context');
-        }
-    }
-    get value() {
-        return this.state.value;
-    }
-    get text() {
-        const element = (this.elements?.root?.querySelector('[data-text]') ?? this.elements?.root);
-        return element?.innerText ?? '';
-    }
-    get dropdown() {
-        return this.#dropdown;
-    }
-    mount() {
-        this.dropdown?.state.mountItem(this.state.value, this);
-        return () => this.unmount();
-    }
-    unmount() {
-        this.dropdown?.state.unmountItem(this.state.value);
-    }
-    share() {
-        return DropdownItemBond.set(this);
-    }
-    root() {
-        return {
-            'data-selected': this.state.isSelected,
-            [createAttachmentKey()]: (node) => {
-                this.elements.root = node;
-            }
-        };
-    }
-    static get() {
-        return getContext(DropdownItemBond.CONTEXT_KEY);
-    }
-    static set(bond) {
-        return setContext(DropdownItemBond.CONTEXT_KEY, bond);
-    }
-}
-export class DropdownItemBondState extends BondState {
-    #dropdown;
-    constructor(props) {
-        super(props);
-        this.#dropdown = DropdownBond.get();
-        if (!this.#dropdown) {
-            throw new Error('DropdownItemState must be used within a DropdownAtom context');
-        }
-    }
-    get value() {
-        return this.props.value;
-    }
-    get data() {
-        return this.props.data;
-    }
-    get isSelected() {
-        return this.dropdown?.props.values?.includes(this.props.value) ?? false;
-    }
-    set isSelected(val) {
-        if (val) {
-            this.dropdown?.select([this.props.value]);
-        }
-        else {
-            this.dropdown?.unselect([this.props.value]);
-        }
-    }
-    get isHighlighted() {
-        return this.dropdown?.highlightedItem?.id === this.id;
-    }
-    get dropdown() {
-        return this.#dropdown?.state;
-    }
-    select() {
-        this.dropdown?.select([this.value]);
-    }
-    unselect() {
-        this.dropdown?.unselect([this.value]);
-    }
-    toggle() {
-        if (this.isSelected) {
-            this.unselect();
-        }
-        else {
-            this.select();
-        }
-    }
-    close() {
-        this.dropdown?.close();
-    }
-}

package/dist/components/menu/menu-item.svelte

@@ -1,69 +0,0 @@
-<script lang="ts" generics="T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import { PopoverBond } from '../popover/bond.svelte';
-	import type { Base } from '../atom';
-	import { List } from '../list';
-
-	const bond = PopoverBond.get();
-
-	let {
-		class: klass = '',
-		preset: presetKey = 'menu.item',
-		children = undefined,
-		onclick = undefined,
-		disabled = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
-		...restProps
-	} = $props();
-
-	function _onclick(ev: MouseEvent) {
-		onclick?.(ev);
-
-		if (ev.defaultPrevented) {
-			return;
-		}
-
-		bond?.state.close();
-	}
-
-	function _onkeydown(ev: KeyboardEvent) {
-		if (disabled) return;
-
-		// Activate on Enter or Space
-		if (ev.key === 'Enter' || ev.key === ' ') {
-			ev.preventDefault();
-			// Call the click handler if provided
-			// cast to any to avoid strict event-type mismatch when forwarding
-			onclick?.(ev as unknown as MouseEvent);
-			bond?.state.close();
-		}
-	}
-</script>
-
-<List.Item
-	{bond}
-	preset={presetKey}
-	class={[
-		'border-border last:border-b-none hover:bg-foreground/5 active:bg-foreground/10 cursor-pointer border-b',
-		'$preset',
-		klass
-	]}
-	onmount={onmount?.bind(bond.state)}
-	ondestroy={ondestroy?.bind(bond.state)}
-	enter={enter?.bind(bond.state)}
-	exit={exit?.bind(bond.state)}
-	initial={initial?.bind(bond.state)}
-	animate={animate?.bind(bond.state)}
-	role="menuitem"
-	aria-disabled={disabled ? true : undefined}
-	tabIndex={disabled ? -1 : 0}
-	onkeydown={_onkeydown}
-	onclick={_onclick}
-	{...restProps}
->
-	{@render children?.({ menu: bond })}
-</List.Item>

package/dist/components/menu/menu-item.svelte.d.ts

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

package/dist/utils/markdown-to-llm.d.ts

@@ -1,28 +0,0 @@
-export interface PropDefinition {
-    name: string;
-    type: string;
-    default: string;
-    description: string;
-}
-/**
- * Converts prop definitions to markdown table format
- */
-export declare function propsToMarkdown(props: PropDefinition[]): string;
-/**
- * Injects props into markdown content by replacing placeholders
- * Placeholders format: {{propName}}
- */
-export declare function injectPropsIntoMarkdown(markdown: string, propsMap: Record<string, PropDefinition[]>): string;
-/**
- * Converts markdown content to LLM-friendly text format
- * Keeps markdown syntax as-is since LLMs parse it well
- */
-export declare function markdownToLLM(markdown: string): string;
-/**
- * Reads markdown files from the docs directory
- */
-export declare function readMarkdownFile(filePath: string): Promise<string>;
-/**
- * Generate LLM-friendly documentation metadata
- */
-export declare function generateLLMHeader(title: string, description: string, version?: string): string;

package/dist/utils/markdown-to-llm.js

@@ -1,76 +0,0 @@
-/**
- * Converts prop definitions to markdown table format
- */
-export function propsToMarkdown(props) {
-    if (!props || props.length === 0)
-        return '';
-    let markdown = '| Name | Type | Default | Description |\n';
-    markdown += '|------|------|---------|-------------|\n';
-    for (const prop of props) {
-        const name = prop.name.replace(/\|/g, '\\|');
-        const type = prop.type.replace(/\|/g, '\\|');
-        const defaultVal = prop.default.replace(/\|/g, '\\|');
-        const description = prop.description.replace(/\|/g, '\\|');
-        markdown += `| ${name} | ${type} | ${defaultVal} | ${description} |\n`;
-    }
-    return markdown;
-}
-/**
- * Injects props into markdown content by replacing placeholders
- * Placeholders format: {{propName}}
- */
-export function injectPropsIntoMarkdown(markdown, propsMap) {
-    let result = markdown;
-    for (const [key, props] of Object.entries(propsMap)) {
-        const placeholder = new RegExp(`{{${key}}}`, 'g');
-        const propsMarkdown = propsToMarkdown(props);
-        result = result.replace(placeholder, propsMarkdown);
-    }
-    return result;
-}
-/**
- * Converts markdown content to LLM-friendly text format
- * Keeps markdown syntax as-is since LLMs parse it well
- */
-export function markdownToLLM(markdown) {
-    let text = markdown;
-    // Remove HTML comments
-    text = text.replace(/<!--[\s\S]*?-->/g, '');
-    // Remove excessive blank lines (more than 2)
-    text = text.replace(/\n{3,}/g, '\n\n');
-    // Trim whitespace
-    text = text.trim();
-    return text;
-}
-/**
- * Reads markdown files from the docs directory
- */
-export async function readMarkdownFile(filePath) {
-    try {
-        // In production, you might want to use a different approach
-        // This is a placeholder - adjust based on your build setup
-        const response = await fetch(filePath);
-        if (!response.ok)
-            throw new Error(`Failed to fetch ${filePath}`);
-        return await response.text();
-    }
-    catch (error) {
-        console.error(`Error reading markdown file: ${filePath}`, error);
-        return '';
-    }
-}
-/**
- * Generate LLM-friendly documentation metadata
- */
-export function generateLLMHeader(title, description, version = '1.0.0-alpha.30') {
-    return `# ${title}
-
-${description}
-
----
-Generated: ${new Date().toISOString()}
-Version: ${version}
----
-
-`;
-}