@svelte-atoms/core 1.0.0-alpha.14

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

@@ -0,0 +1,42 @@
+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';
+declare function $$render<T>(): {
+    props: VirtualListViewportProps<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T>(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']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const VirtualRoot: $$IsomorphicComponent;
+type VirtualRoot<T> = InstanceType<typeof VirtualRoot<T>>;
+export default VirtualRoot;

package/dist/context/index.d.ts

@@ -0,0 +1 @@
+export { type ModuleName, type Preset, type PresetEntry, getPreset, setPreset } from './preset.svelte';

package/dist/context/index.js

@@ -0,0 +1 @@
+export { getPreset, setPreset } from './preset.svelte';

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

@@ -0,0 +1,12 @@
+import type { ClassValue } from '../utils';
+import type { Base } from '../components/atom';
+export type ModuleName = '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.input' | '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.placeholder' | 'stack' | 'input.value' | '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.item' | 'stack' | '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 PresetEntry = {
+    class?: ClassValue;
+    as?: string;
+    base?: Base;
+};
+export type Preset = Record<ModuleName, PresetEntry>;
+export declare function getPreset<K extends ModuleName>(key: K): PresetEntry | undefined;
+export declare function getPreset(): Partial<Preset> | undefined;
+export declare function setPreset(preset: Partial<Preset>): Partial<Preset>;

package/dist/context/preset.svelte.js

@@ -0,0 +1,15 @@
+import { getContext, setContext } from 'svelte';
+import { merge } from 'es-toolkit';
+const CONTEXT_KEY = '@svelte-atoms/context/preset';
+export function getPreset(...args) {
+    const context = getContext(CONTEXT_KEY);
+    if (args.length) {
+        const key = args[0];
+        return context?.[key];
+    }
+    return context;
+}
+export function setPreset(preset) {
+    const currentPreset = getPreset() || {};
+    return setContext(CONTEXT_KEY, merge(currentPreset, preset));
+}

package/dist/helpers/injector.svelte

@@ -0,0 +1,60 @@
+<script module lang="ts">
+	import type { Override } from '../types';
+
+	export type InjectorProps<T extends Component> = Override<
+		{
+			component: T;
+			target?: Element;
+			anchor?: Element;
+			context?: Map<any, any> | undefined;
+			intro?: boolean;
+			children?: Snippet;
+		},
+		ComponentProps<T> | {}
+	>;
+</script>
+
+<script lang="ts" generics="T extends Component">
+	import { mount, onMount, type Component, type ComponentProps, type Snippet } from 'svelte';
+
+	let {
+		component,
+		target = undefined,
+		anchor = undefined,
+		context,
+		intro = true,
+		children = undefined,
+		...restProps
+	}: InjectorProps<T> = $props();
+
+	let localTarget: HTMLElement | undefined = $state();
+
+	let isLocal = $derived(target === undefined);
+
+	let _target = $derived(target ?? localTarget ?? undefined);
+
+	onMount(() => {
+		if (!component) return;
+		if (!_target) return;
+
+		mount(component, {
+			target: _target,
+			anchor: anchor,
+			context: context,
+			intro: intro,
+			props: {
+				children,
+				...restProps
+			}
+		});
+	});
+</script>
+
+{#if isLocal}
+	<div
+		style="display: contents"
+		{@attach (node) => {
+			localTarget = node as HTMLElement;
+		}}
+	></div>
+{/if}

package/dist/helpers/injector.svelte.d.ts

@@ -0,0 +1,34 @@
+import type { Override } from '../types';
+export type InjectorProps<T extends Component> = Override<{
+    component: T;
+    target?: Element;
+    anchor?: Element;
+    context?: Map<any, any> | undefined;
+    intro?: boolean;
+    children?: Snippet;
+}, ComponentProps<T> | {}>;
+import { type Component, type ComponentProps, type Snippet } from 'svelte';
+declare function $$render<T extends Component>(): {
+    props: InjectorProps<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Component> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Component>(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']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends Component>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Injector: $$IsomorphicComponent;
+type Injector<T extends Component> = InstanceType<typeof Injector<T>>;
+export default Injector;

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

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="size-full" viewBox="0 0 24 24"
+	><!-- Icon from Huge Icons by Hugeicons - undefined --><path
+		fill="none"
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="1.5"
+		d="M18 9s-4.419 6-6 6s-6-6-6-6"
+		color="currentColor"
+	/></svg
+>

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

@@ -0,0 +1,26 @@
+export default IconArrowDown;
+type IconArrowDown = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const IconArrowDown: $$__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/icons/icon-checkmark.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="M4.53 12.97a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l11-11a.75.75 0 0 0-1.06-1.06L8.5 16.94z"
+	/></svg
+>

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

@@ -0,0 +1,26 @@
+export default IconCheckmark;
+type IconCheckmark = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const IconCheckmark: $$__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/icons/icon-close.svelte

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="size-full" fill="none">
+	<path
+		d="M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path>
+</svg>

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

@@ -0,0 +1,26 @@
+export default IconClose;
+type IconClose = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const IconClose: $$__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/icons/icon-more-vert.svelte

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
+	><!-- Icon from Material Symbols Light by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path
+		fill="currentColor"
+		d="M12 18.539q-.413 0-.706-.294T11 17.538t.294-.706t.706-.294t.706.294t.294.706t-.294.707t-.706.293M12 13q-.413 0-.706-.294T11 12t.294-.706T12 11t.706.294T13 12t-.294.706T12 13m0-5.538q-.413 0-.706-.294T11 6.46t.294-.706t.706-.293t.706.293t.294.707t-.294.706T12 7.46"
+	/></svg
+>

package/dist/icons/icon-more-vert.svelte.d.ts

@@ -0,0 +1,26 @@
+export default IconMoreVert;
+type IconMoreVert = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const IconMoreVert: $$__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/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components';
+export * from './utils';
+export * from './shared';
+export * from './runes';
+export * from './attachments';
+export * from './context';
+export * from './types';

package/dist/index.js

@@ -0,0 +1,8 @@
+// Reexport your entry components here
+export * from './components';
+export * from './utils';
+export * from './shared';
+export * from './runes';
+export * from './attachments';
+export * from './context';
+export * from './types';

package/dist/runes/color-scheme.svelte.d.ts

@@ -0,0 +1,4 @@
+export type ColorScheme = 'light' | 'dark';
+export declare function colorScheme(): {
+    readonly current: ColorScheme | undefined;
+};

package/dist/runes/color-scheme.svelte.js

@@ -0,0 +1,21 @@
+export function colorScheme() {
+    let scheme = $state(undefined);
+    $effect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const handleChange = (ev) => {
+            scheme = ev.matches ? 'light' : 'dark';
+        };
+        const media = window.matchMedia('(prefers-color-scheme: light)');
+        media.addEventListener('change', handleChange);
+        scheme = media.matches ? 'light' : 'dark';
+        return () => {
+            media.removeEventListener('change', handleChange);
+        };
+    });
+    return {
+        get current() {
+            return scheme;
+        }
+    };
+}

package/dist/runes/container.svelte.d.ts

@@ -0,0 +1,7 @@
+export declare function container(): {
+    readonly current: {
+        width?: number | undefined;
+        height?: number | undefined;
+    };
+    attach: (node: HTMLElement) => void;
+};

package/dist/runes/container.svelte.js

@@ -0,0 +1,26 @@
+export function container() {
+    let element = $state();
+    let size = $state();
+    $effect(() => {
+        if (!element)
+            return;
+        const observer = new ResizeObserver(() => {
+            size = {
+                width: element.clientWidth,
+                height: element.clientHeight
+            };
+        });
+        observer.observe(element);
+        return () => {
+            observer.disconnect();
+        };
+    });
+    return {
+        get current() {
+            return { ...size };
+        },
+        attach: (node) => {
+            element = node;
+        }
+    };
+}

package/dist/runes/index.d.ts

@@ -0,0 +1,2 @@
+export { colorScheme, type ColorScheme } from './color-scheme.svelte';
+export { mounted } from './lifecycles.svelte';

package/dist/runes/index.js

@@ -0,0 +1,2 @@
+export { colorScheme } from './color-scheme.svelte';
+export { mounted } from './lifecycles.svelte';

package/dist/runes/lifecycles.svelte.d.ts

@@ -0,0 +1,3 @@
+export declare function mounted(): {
+    readonly current: boolean;
+};

package/dist/runes/lifecycles.svelte.js

@@ -0,0 +1,14 @@
+export function mounted() {
+    let value = $state(false);
+    $effect(() => {
+        value = true;
+        return () => {
+            value = false;
+        };
+    });
+    return {
+        get current() {
+            return value;
+        }
+    };
+}

package/dist/runes/viewport.svelte.d.ts

@@ -0,0 +1,7 @@
+export type Viewport = {
+    width: number;
+    height: number;
+};
+export declare function viewport(): {
+    readonly current: Viewport | undefined;
+};

package/dist/runes/viewport.svelte.js

@@ -0,0 +1,21 @@
+export function viewport() {
+    let vp = $state();
+    const onresize = () => {
+        vp = {
+            height: window?.visualViewport?.height ?? 0,
+            width: window?.visualViewport?.width ?? 0
+        };
+    };
+    $effect(() => {
+        window.addEventListener('resize', onresize);
+        onresize();
+        return () => {
+            window.removeEventListener('resize', onresize);
+        };
+    });
+    return {
+        get current() {
+            return vp;
+        }
+    };
+}

package/dist/shared/bond.svelte.d.ts

@@ -0,0 +1,22 @@
+export type BondStateProps = Record<string, unknown> & {
+    id?: string;
+};
+export type BondElements = Record<string, Element | undefined>;
+export declare abstract class Bond<Props extends BondStateProps = BondStateProps, State extends BondState<Props> = BondState<Props>, Elements extends BondElements = BondElements> {
+    #private;
+    static CONTEXT_KEY: string;
+    constructor(state: State);
+    get elements(): Elements;
+    get id(): string;
+    get state(): State;
+    abstract share(): this;
+    destroy(): void;
+    static get(): unknown | undefined;
+    static set(bond: unknown): unknown;
+}
+export declare abstract class BondState<S extends BondStateProps = BondStateProps> {
+    #private;
+    constructor(props: () => S, id?: string);
+    get id(): string;
+    get props(): S;
+}

package/dist/shared/bond.svelte.js

@@ -0,0 +1,39 @@
+import { nanoid } from 'nanoid';
+export class Bond {
+    static CONTEXT_KEY = '@atoms/context/bond';
+    #elements = $state({});
+    #state;
+    constructor(state) {
+        this.#state = state;
+    }
+    get elements() {
+        return this.#elements;
+    }
+    get id() {
+        return this.state.id;
+    }
+    get state() {
+        return this.#state;
+    }
+    destroy() { }
+    static get() {
+        throw new Error('Method not implemented! Use derived class');
+    }
+    static set(bond) {
+        throw new Error('Method not implemented! Use derived class');
+    }
+}
+export class BondState {
+    #id;
+    #props;
+    constructor(props, id = nanoid(8)) {
+        this.#props = props;
+        this.#id = id;
+    }
+    get id() {
+        return this.props?.id ?? this.#id;
+    }
+    get props() {
+        return this.#props();
+    }
+}

package/dist/shared/dom.svelte.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { Bond, BondState, type BondElements, type BondStateProps } from './bond.svelte';
+export { DURATION } from './motion';

package/dist/shared/index.js

@@ -0,0 +1,2 @@
+export { Bond, BondState } from './bond.svelte';
+export { DURATION } from './motion';

package/dist/shared/motion.d.ts

@@ -0,0 +1,8 @@
+export declare const DURATION: {
+    quick: number;
+    fast: number;
+    normal: number;
+    smooth: number;
+    slow: number;
+    dragging: number;
+};

package/dist/shared/motion.js

@@ -0,0 +1,8 @@
+export const DURATION = {
+    quick: 50,
+    fast: 100,
+    normal: 200,
+    smooth: 300,
+    slow: 400,
+    dragging: 500
+};

package/dist/types/index.d.ts

@@ -0,0 +1,17 @@
+import type { Bond, BondStateProps } from '../shared/bond.svelte';
+/**
+ * Deeply merges type U into T, overriding conflicting properties
+ * Provides better IntelliSense and handles edge cases
+ */
+export type Override<T, U> = Omit<T, keyof U> & U;
+/**
+ * Alternative: Partial override that maintains optional properties
+ */
+export type PartialOverride<T, U extends Partial<T>> = Omit<T, keyof U> & U;
+/**
+ * Alternative: Deep override for nested objects
+ */
+export type DeepOverride<T, U> = U extends object ? T extends object ? {
+    [K in keyof T | keyof U]: K extends keyof U ? U[K] : K extends keyof T ? T[K] : never;
+} : U : U;
+export type Factory<T extends Bond> = (props?: BondStateProps) => T;

package/dist/types/index.js

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

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

@@ -0,0 +1,2 @@
+export declare function getElementId(id: string, kind: string): string;
+export declare function isBrowser(): boolean;

package/dist/utils/dom.svelte.js

@@ -0,0 +1,6 @@
+export function getElementId(id, kind) {
+    return `${kind}-${id}`;
+}
+export function isBrowser() {
+    return typeof window !== 'undefined' && typeof document !== 'undefined';
+}

package/dist/utils/gsap.d.ts

@@ -0,0 +1,2 @@
+import type { TransitionConfig } from 'svelte/transition';
+export declare function toTransitionConfig(tween: gsap.core.Tween): TransitionConfig;

package/dist/utils/gsap.js

@@ -0,0 +1,8 @@
+export function toTransitionConfig(tween) {
+    const ease = tween.vars.ease;
+    return {
+        delay: tween.delay() * 1000,
+        duration: tween.duration() * 1000,
+        easing: typeof ease === 'function' ? ease : undefined
+    };
+}

package/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+export { type StateDefiner, defineProperty, defineState } from './state';
+import type { ClassValue as SvelteClassValue } from 'svelte/elements';
+export type ClassValueFunction = <T = unknown>(this: T, ...args: unknown[]) => SvelteClassValue;
+export type ClassValue = SvelteClassValue | ClassValueFunction | undefined;
+export declare function cn(...inputs: SvelteClassValue[]): string;
+export declare function toClassValue(this: unknown, input: ClassValue | ClassValueFunction | undefined, ...args: unknown[]): SvelteClassValue;

package/dist/utils/index.js

@@ -0,0 +1,12 @@
+export { defineProperty, defineState } from './state';
+import clsx from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(...inputs));
+}
+export function toClassValue(input, ...args) {
+    if (typeof input === 'function') {
+        return input.apply(this, args);
+    }
+    return input ?? '';
+}

package/dist/utils/state.d.ts

@@ -0,0 +1,3 @@
+export type StateDefiner<T extends object> = (base: T) => T;
+export declare function defineState<T extends object>(definers: StateDefiner<Partial<T>>[], base?: () => Partial<T>): T;
+export declare function defineProperty<T extends object, R>(property: keyof T | (string & {}), get: () => R, set?: (value: R) => void): (base: T) => T;