@svelte-atoms/core 1.0.0-alpha.25 → 1.0.0-alpha.27

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

@@ -1,44 +1,38 @@
-<script module lang="ts">
-	export type ToastDescriptionProps<T extends keyof HTMLElementTagNameMap> = HtmlAtomProps<T> & {
-		as?: T;
-		children?: Snippet<[{ toast?: ToastBond }]>;
-	};
-</script>
-
-<script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { ToastBond } from './bond';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
-
-	const bond = ToastBond.get();
-
-	let {
-		as = 'p' as T,
-		class: klass = '',
-		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
-		...restProps
-	}: ToastDescriptionProps<T> & HTMLAttributes<HTMLElementTagNameMap[T]> = $props();
-</script>
-
-<HtmlAtom
-	{as}
-	{bond}
-	preset="toast.description"
-	class={['$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)}
-	{...bond?.title(restProps)}
->
-	{@render children?.({ toast: bond })}
-</HtmlAtom>
+<script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { HtmlAtom } from '../atom';
+	import type { ToastDescriptionProps } from './types';
+	import { ToastBond } from './bond';
+	export type { ToastDescriptionProps } from './types';
+
+	const bond = ToastBond.get();
+
+	let {
+		as = 'p' as T,
+		class: klass = '',
+		children = undefined,
+		onmount = undefined,
+		ondestroy = undefined,
+		animate = undefined,
+		enter = undefined,
+		exit = undefined,
+		initial = undefined,
+		...restProps
+	}: ToastDescriptionProps<T> & HTMLAttributes<HTMLElementTagNameMap[T]> = $props();
+</script>
+
+<HtmlAtom
+	{as}
+	{bond}
+	preset="toast.description"
+	class={['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)}
+	{...bond?.title(restProps)}
+>
+	{@render children?.({ toast: bond })}
+</HtmlAtom>

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

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

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

@@ -1,74 +1,61 @@
-<script module lang="ts">
-	import type { Factory } from '../../types';
-
-	export type ToastRootProps<T extends keyof HTMLElementTagNameMap> = HtmlAtomProps<T> & {
-		as?: T;
-		open?: boolean;
-		disabled?: boolean;
-		extend?: Record<string, unknown>;
-		factory?: Factory<ToastBond>;
-		children?: Snippet<[{ toast?: ToastBond }]>;
-	};
-</script>
-
-<script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { ToastBond, ToastBondState, type ToastBondProps } from './bond';
-	import { toClassValue, defineProperty, defineState } from '../../utils';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
-
-	let {
-		open = $bindable(false),
-		class: klass = '',
-		disabled = false,
-		extend = {},
-		factory = _factory,
-		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
-		...restProps
-	}: ToastRootProps<T> & HTMLAttributes<HTMLElementTagNameMap[T]> = $props();
-
-	const bondProps = defineState<ToastBondProps>(
-		[
-			defineProperty(
-				'open',
-				() => open,
-				(v) => {
-					open = v;
-				}
-			)
-		],
-		() => ({ disabled, extend })
-	);
-
-	const bond = factory(bondProps).share();
-
-	function _factory(props: typeof bondProps) {
-		const bondState = new ToastBondState(() => props);
-		return new ToastBond(bondState);
-	}
-
-	export function getBond() {
-		return bond;
-	}
-</script>
-
-<HtmlAtom
-	{bond}
-	class={['$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)}
-	{...bond?.root(restProps)}
->
-	{@render children?.({ toast: bond })}
-</HtmlAtom>
+<script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { ToastBond, ToastBondState, type ToastBondProps } from './bond';
+	import { defineProperty, defineState } from '../../utils';
+	import { HtmlAtom } from '../atom';
+	import type { ToastRootProps } from './types';
+
+	let {
+		open = $bindable(false),
+		class: klass = '',
+		disabled = false,
+		extend = {},
+		factory = _factory,
+		children = undefined,
+		onmount = undefined,
+		ondestroy = undefined,
+		animate = undefined,
+		enter = undefined,
+		exit = undefined,
+		initial = undefined,
+		...restProps
+	}: ToastRootProps<T> & HTMLAttributes<HTMLElementTagNameMap[T]> = $props();
+
+	const bondProps = defineState<ToastBondProps>(
+		[
+			defineProperty(
+				'open',
+				() => open,
+				(v) => {
+					open = v;
+				}
+			)
+		],
+		() => ({ disabled, extend })
+	);
+
+	const bond = factory(bondProps).share();
+
+	function _factory(props: typeof bondProps) {
+		const bondState = new ToastBondState(() => props);
+		return new ToastBond(bondState);
+	}
+
+	export function getBond() {
+		return bond;
+	}
+</script>
+
+<HtmlAtom
+	{bond}
+	class={['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)}
+	{...bond?.root(restProps)}
+>
+	{@render children?.({ toast: bond })}
+</HtmlAtom>

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

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

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

@@ -1,43 +1,35 @@
-<script module lang="ts">
-	export type ToastTitleProps<T extends keyof HTMLElementTagNameMap> = HtmlAtomProps<T> & {
-		as?: T;
-		class?: string;
-		children?: Snippet<[{ toast: ToastBond }]>;
-	};
-</script>
-
-<script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { ToastBond } from './bond';
-	import { HtmlAtom, type HtmlAtomProps } from '../atom';
-
-	const bond = ToastBond.get();
-
-	let {
-		class: klass = '',
-		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
-		...restProps
-	}: ToastTitleProps<T> & HTMLAttributes<HTMLElementTagNameMap[T]> = $props();
-</script>
-
-<HtmlAtom
-	{bond}
-	preset="toast.title"
-	class={['$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)}
-	{...bond?.title(restProps)}
->
-	{@render children?.({ toast: bond })}
-</HtmlAtom>
+<script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { HtmlAtom } from '../atom';
+	import { ToastBond } from './bond';
+	import type { ToastTitleProps } from './types';
+
+	const bond = ToastBond.get();
+
+	let {
+		class: klass = '',
+		children = undefined,
+		onmount = undefined,
+		ondestroy = undefined,
+		animate = undefined,
+		enter = undefined,
+		exit = undefined,
+		initial = undefined,
+		...restProps
+	}: ToastTitleProps<T> & HTMLAttributes<HTMLElementTagNameMap[T]> = $props();
+</script>
+
+<HtmlAtom
+	{bond}
+	preset="toast.title"
+	class={['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)}
+	{...bond?.title(restProps)}
+>
+	{@render children?.({ toast: bond })}
+</HtmlAtom>

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

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

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

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

package/dist/components/toast/types.js

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

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

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

package/dist/components/tooltip/types.js

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

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

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

package/dist/components/tree/index.js

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

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

@@ -1,50 +1,39 @@
-<script module lang="ts">
-	export type TreeBodyProps<
-		E extends keyof HTMLElementTagNameMap = 'div',
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		open?: boolean;
-		disabled?: boolean;
-		children?: Snippet<[{ tree?: TreeBond }]>;
-	};
-</script>
-
-<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import type { Snippet } from 'svelte';
-	import { TreeBond } from './bond.svelte';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
-
-	const bond = TreeBond.get();
-
-	let {
-		class: klass = '',
-		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
-		...restProps
-	}: TreeBodyProps<E, B> = $props();
-
-	const bodyProps = $derived({
-		...bond?.body(),
-		...restProps
-	});
-</script>
-
-<HtmlAtom
-	{bond}
-	preset="tree.body"
-	class={['pl-4', '$preset', klass]}
-	onmount={onmount?.bind(bond.state)}
-	ondestroy={ondestroy?.bind(bond.state)}
-	animate={animate?.bind(bond.state)}
-	enter={enter?.bind(bond.state)}
-	exit={exit?.bind(bond.state)}
-	initial={initial?.bind(bond.state)}
-	{...bodyProps}
->
-	{@render children?.({ tree: bond })}
-</HtmlAtom>
+<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 type { TreeBodyProps } from './types';
+
+	const bond = TreeBond.get();
+
+	let {
+		class: klass = '',
+		children = undefined,
+		onmount = undefined,
+		ondestroy = undefined,
+		animate = undefined,
+		enter = undefined,
+		exit = undefined,
+		initial = undefined,
+		...restProps
+	}: TreeBodyProps<E, B> = $props();
+
+	const bodyProps = $derived({
+		...bond?.body(),
+		...restProps
+	});
+</script>
+
+<HtmlAtom
+	{bond}
+	preset="tree.body"
+	class={['border-border pl-4', '$preset', klass]}
+	onmount={onmount?.bind(bond.state)}
+	ondestroy={ondestroy?.bind(bond.state)}
+	animate={animate?.bind(bond.state)}
+	enter={enter?.bind(bond.state)}
+	exit={exit?.bind(bond.state)}
+	initial={initial?.bind(bond.state)}
+	{...bodyProps}
+>
+	{@render children?.({ tree: bond })}
+</HtmlAtom>

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

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