@svelte-atoms/core 1.0.0-alpha.44 → 1.0.0-alpha.46

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

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

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

@@ -1,30 +1,26 @@
-import type { HTMLAttributes } from 'svelte/elements';
+import { type Base } from '../atom';
 import type { ToastDescriptionProps } from './types';
-declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
-    props: ToastDescriptionProps<T, import("../atom").SnippetBase> & HTMLAttributes<HTMLElementTagNameMap[T]>;
-    exports: {
-        ToastDescriptionProps: typeof ToastDescriptionProps;
-    };
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base>(): {
+    props: ToastDescriptionProps<E, B>;
+    exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
     bindings(): "";
-    exports(): {
-        ToastDescriptionProps: typeof ToastDescriptionProps;
-    };
+    exports(): {};
 }
 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']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends keyof HTMLElementTagNameMap>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const ToastDescription: $$IsomorphicComponent;
-type ToastDescription<T extends keyof HTMLElementTagNameMap> = InstanceType<typeof ToastDescription<T>>;
+type ToastDescription<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> = InstanceType<typeof ToastDescription<E, B>>;
 export default ToastDescription;

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

@@ -1,25 +1,23 @@
-<script lang="ts" generics="T extends keyof HTMLElementTagNameMap">
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { ToastBond, ToastBondState, type ToastBondProps } from './bond';
+<script lang="ts" generics="E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
+	import { ToastBond, ToastBondState, type ToastBondProps } from './bond.svelte';
 	import { defineProperty, defineState } from '../../utils';
-	import { HtmlAtom } from '../atom';
 	import type { ToastRootProps } from './types';
+	import { untrack } from 'svelte';
 
 	let {
-		open = $bindable(false),
-		class: klass = '',
+		open = $bindable(true),
 		disabled = false,
-		extend = {},
-		factory = _factory,
+		duration = 0,
+		// eslint-disable-next-line @typescript-eslint/no-unused-vars
+		dismissible: _dismissible,
+		class: klass = '',
+		preset = 'toast',
+		factory = defaultFactory,
 		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
+		onclose = undefined,
 		...restProps
-	}: ToastRootProps<T> & HTMLAttributes<HTMLElementTagNameMap[T]> = $props();
+	}: ToastRootProps<E, B> = $props();
 
 	const bondProps = defineState<ToastBondProps>(
 		[
@@ -27,20 +25,37 @@
 				'open',
 				() => open,
 				(v) => {
+					if (open === v) return;
 					open = v;
+					if (!v) onclose?.();
 				}
-			)
+			),
+			defineProperty('rest', () => restProps)
 		],
-		() => ({ disabled, extend })
+		() => ({ disabled })
 	);
 
-	const bond = factory(bondProps).share();
+	const bond = untrack(() => factory(bondProps)).share();
 
-	function _factory(props: typeof bondProps) {
+	function defaultFactory(props: ToastBondProps) {
 		const bondState = new ToastBondState(() => props);
 		return new ToastBond(bondState);
 	}
 
+	const rootProps: Record<string, unknown> = $derived({
+		...bond.root().spread,
+		...restProps
+	});
+
+	// Auto-dismiss when a positive duration is provided
+	$effect(() => {
+		if (!open || duration <= 0) return;
+		const handle = setTimeout(() => {
+			open = false;
+		}, duration);
+		return () => clearTimeout(handle);
+	});
+
 	export function getBond() {
 		return bond;
 	}
@@ -48,14 +63,9 @@
 
 <HtmlAtom
 	{bond}
+	{preset}
 	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)}
+	{...rootProps}
 >
 	{@render children?.({ toast: bond })}
 </HtmlAtom>

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

@@ -1,30 +1,31 @@
-import type { HTMLAttributes } from 'svelte/elements';
+import { type Base } from '../atom';
+import { ToastBond, ToastBondState, type ToastBondProps } from './bond.svelte';
 import type { ToastRootProps } from './types';
-declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
-    props: ToastRootProps<T, import("../atom").SnippetBase> & HTMLAttributes<HTMLElementTagNameMap[T]>;
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
+    props: ToastRootProps<E, B>;
     exports: {
-        getBond: () => any;
+        getBond: () => ToastBond<ToastBondState<ToastBondProps>>;
     };
     bindings: "open";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
     bindings(): "open";
     exports(): {
-        getBond: () => any;
+        getBond: () => ToastBond<ToastBondState<ToastBondProps>>;
     };
 }
 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']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends keyof HTMLElementTagNameMap>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const ToastRoot: $$IsomorphicComponent;
-type ToastRoot<T extends keyof HTMLElementTagNameMap> = InstanceType<typeof ToastRoot<T>>;
+type ToastRoot<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof ToastRoot<E, B>>;
 export default ToastRoot;

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

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

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

@@ -1,26 +1,26 @@
-import type { HTMLAttributes } from 'svelte/elements';
+import { type Base } from '../atom';
 import type { ToastTitleProps } from './types';
-declare function $$render<T extends keyof HTMLElementTagNameMap>(): {
-    props: ToastTitleProps<T, import("../atom").SnippetBase> & HTMLAttributes<HTMLElementTagNameMap[T]>;
+declare function $$render<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base>(): {
+    props: ToastTitleProps<E, B>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> {
+    props(): ReturnType<typeof $$render<E, B>>['props'];
+    events(): ReturnType<typeof $$render<E, B>>['events'];
+    slots(): ReturnType<typeof $$render<E, B>>['slots'];
     bindings(): "";
     exports(): {};
 }
 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']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends keyof HTMLElementTagNameMap>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
+    } & ReturnType<__sveltets_Render<E, B>['exports']>;
+    <E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const ToastTitle: $$IsomorphicComponent;
-type ToastTitle<T extends keyof HTMLElementTagNameMap> = InstanceType<typeof ToastTitle<T>>;
+type ToastTitle<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> = InstanceType<typeof ToastTitle<E, B>>;
 export default ToastTitle;

package/dist/components/toast/toaster.svelte.d.ts

@@ -0,0 +1,38 @@
+import { type Component } from 'svelte';
+export type ToastType = 'info' | 'success' | 'error' | 'warning' | 'default';
+export interface ToastItem<T = unknown> {
+    id: string;
+    type: ToastType;
+    duration: number;
+    dismissible: boolean;
+    component?: Component<{
+        item: ToastItem<T>;
+    }> | undefined;
+    data?: T | undefined;
+}
+export interface ToastOptions<T = unknown> {
+    id?: string;
+    duration?: number;
+    dismissible?: boolean;
+    /** Arbitrary payload accessible from a custom toast component via `item.data`. */
+    data?: T;
+    /** Custom component to render in place of the default toast layout. Receives `{ item }`. */
+    component?: Component<{
+        item: ToastItem<T>;
+    }>;
+}
+export declare class Toaster {
+    #private;
+    get toasts(): ToastItem[];
+    add<T = unknown>(type?: ToastType, options?: ToastOptions<T>): string;
+    dismiss(...ids: string[]): void;
+    /** Pause auto-dismiss timer (e.g. on pointerenter). */
+    pause(...ids: string[]): void;
+    /** Resume previously paused auto-dismiss timer. */
+    resume(...ids: string[]): void;
+    remove(...ids: string[]): void;
+    clear(): void;
+    share(): Toaster;
+    static get: () => Toaster;
+    static set: (context: Toaster) => Toaster;
+}

package/dist/components/toast/toaster.svelte.js

@@ -0,0 +1,107 @@
+import { createContext } from 'svelte';
+import { nanoid } from 'nanoid';
+import { SvelteMap } from 'svelte/reactivity';
+const DEFAULT_DURATION = 4000;
+const [get, set] = createContext();
+export class Toaster {
+    #toasts = new SvelteMap();
+    #toastsArray = $derived([...this.#toasts.values()]);
+    // eslint-disable-next-line svelte/prefer-svelte-reactivity
+    #timers = new Map();
+    get toasts() {
+        return this.#toastsArray;
+    }
+    add(type = 'default', options = {}) {
+        const id = options.id ?? nanoid(8);
+        // If a toast with this id already exists, update it in place
+        const existing = this.#toasts.get(id);
+        if (existing) {
+            existing.type = type;
+            if (options.dismissible !== undefined)
+                existing.dismissible = options.dismissible;
+            if (options.data !== undefined)
+                existing.data = options.data;
+            if (options.component !== undefined)
+                existing.component = options.component;
+            if (options.duration !== undefined) {
+                existing.duration = options.duration;
+                if (options.duration > 0)
+                    this.#startTimer(id, options.duration);
+                else
+                    this.#clearTimer(id);
+            }
+            // Re-open if it was in the middle of closing
+            // if (!existing.bond.state.isOpen) existing.bond.state.open();
+            return id;
+        }
+        const duration = options.duration ?? DEFAULT_DURATION;
+        const dismissible = options.dismissible ?? true;
+        const item = {
+            id,
+            type,
+            duration,
+            dismissible,
+            data: options.data,
+            component: options.component
+        };
+        this.#toasts.set(id, item);
+        if (duration > 0)
+            this.#startTimer(id, duration);
+        return id;
+    }
+    dismiss(...ids) {
+        for (const id of ids) {
+            this.#clearTimer(id);
+            this.#toasts.delete(id);
+        }
+    }
+    /** Pause auto-dismiss timer (e.g. on pointerenter). */
+    pause(...ids) {
+        for (const id of ids) {
+            const t = this.#timers.get(id);
+            if (!t || t.handle === null)
+                continue;
+            clearTimeout(t.handle);
+            const elapsed = Date.now() - t.start;
+            t.remaining = Math.max(0, t.remaining - elapsed);
+            t.handle = null;
+        }
+    }
+    /** Resume previously paused auto-dismiss timer. */
+    resume(...ids) {
+        for (const id of ids) {
+            const t = this.#timers.get(id);
+            if (!t || t.handle !== null || t.remaining <= 0)
+                continue;
+            t.start = Date.now();
+            t.handle = setTimeout(() => this.dismiss(id), t.remaining);
+        }
+    }
+    remove(...ids) {
+        for (const id of ids) {
+            this.#clearTimer(id);
+            this.#toasts.delete(id);
+        }
+    }
+    clear() {
+        for (const id of [...this.#timers.keys()])
+            this.#clearTimer(id);
+        this.#toasts.clear();
+    }
+    #startTimer(id, ms) {
+        this.#clearTimer(id);
+        const handle = setTimeout(() => this.dismiss(id), ms);
+        this.#timers.set(id, { handle, start: Date.now(), remaining: ms });
+    }
+    #clearTimer(id) {
+        const t = this.#timers.get(id);
+        if (t?.handle != null)
+            clearTimeout(t.handle);
+        this.#timers.delete(id);
+    }
+    share() {
+        return Toaster.set(this);
+    }
+    static get = get;
+    static set = set;
+}

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

@@ -1,31 +1,23 @@
 import type { Snippet } from 'svelte';
-import type { HtmlAtomProps, Base, SnippetProps } from '../atom';
-import type { Override } from '../../types';
-import type { ToastBond } from './bond';
-import type { ToastPosition } from './manager.svelte';
-export interface ToastSnippetProps extends SnippetProps {
+import type { HtmlAtomProps, Base } from '../atom';
+import type { ToastBond, ToastBondProps } from './bond.svelte';
+export interface ToastSnippetProps {
     toast: ToastBond | undefined;
 }
 export type ToastChildren = Snippet<[ToastSnippetProps]>;
-export interface ToastRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B, ToastChildren>, {
-    children?: ToastChildren;
-}> {
+export interface ToastRootProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends HtmlAtomProps<E, B, ToastChildren> {
+    open?: boolean;
+    disabled?: boolean;
     dismissible?: boolean;
-    /** Auto-dismiss duration in ms. Set to 0 to disable auto-dismiss. Default: 4000 */
+    /** Auto-dismiss duration in ms. Set to 0 to disable auto-dismiss. Default: 0. */
     duration?: number;
-    onclose?: () => void | undefined;
+    onclose?: () => void;
+    /** Optional factory to construct a custom bond. */
+    factory?: (props: ToastBondProps) => ToastBond;
 }
-export interface ToastTitleProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B, ToastChildren>, {
-    children?: ToastChildren;
-}> {
+export interface ToastTitleProps<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> extends HtmlAtomProps<E, B, ToastChildren> {
 }
-export interface ToastDescriptionProps<E extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B, ToastChildren>, {
-    children?: ToastChildren;
-}> {
+export interface ToastDescriptionProps<E extends keyof HTMLElementTagNameMap = 'p', B extends Base = Base> extends HtmlAtomProps<E, B, ToastChildren> {
 }
-export interface ToasterProps extends HtmlAtomProps<'ol'> {
-    /** Position of the toast stack on screen. Default: 'bottom-right' */
-    position?: ToastPosition | undefined;
-    /** Gap between toasts in px. Default: 8 */
-    gap?: number | undefined;
+export interface ToastCloseProps<E extends keyof HTMLElementTagNameMap = 'button', B extends Base = Base> extends HtmlAtomProps<E, B, ToastChildren> {
 }

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

@@ -9,12 +9,10 @@
 	let {
 		class: klass = '',
 		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = animateTreeBody(),
-		enter = undefined,
-		exit = undefined,
-		initial = animateTreeBody({ duration: 0 }),
+		fallback = {
+			animate: animateTreeBody(),
+			initial: animateTreeBody({ duration: 0 })
+		},
 		...restProps
 	}: TreeBodyProps<E, B> = $props();
 
@@ -28,12 +26,7 @@
 	{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)}
+	{fallback}
 	{...bodyProps}
 >
 	{@render children?.({ tree: bond })}

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

@@ -12,12 +12,6 @@
 		class: klass = '',
 		children = undefined,
 		onpointerdown = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
 		...restProps
 	}: TreeHeaderProps<E, B> & HTMLAttributes<Element> = $props();
 
@@ -41,12 +35,6 @@
 	{bond}
 	preset="tree.header"
 	class={['border-border cursor-pointer', '$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)}
 	onpointerdown={handlePointerDown}
 	{...headerProps}
 >

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

@@ -9,12 +9,6 @@
 		open = $bindable(false),
 		class: klass = '',
 		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
 		...restProps
 	}: TreeIndicatorProps<E, B> = $props();
 
@@ -28,12 +22,6 @@
 	{bond}
 	preset="tree.indicator"
 	class={['border-border aspect-square h-fit', '$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)}
 	{...indicatorProps}
 >
 	{@render children?.({ tree: bond })}

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

@@ -10,12 +10,6 @@
 		class: klass = '',
 		children = undefined,
 		factory = _factory,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
 		...restProps
 	}: TreeRootProps<E, B> = $props();
 
@@ -54,12 +48,6 @@
 	{bond}
 	preset="tree"
 	class={['border-border flex flex-col', '$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)}
 	{...rootProps}
 >
 	{@render children?.({ tree: bond })}