ui-ingredients 0.0.1

package/dist/slider/thumb.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Assign } from '../types.js';
+import type { ThumbProps } from '@zag-js/slider';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SliderThumbProps extends Assign<SvelteHTMLElements['div'], ThumbProps> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Thumb: $$__sveltets_2_IsomorphicComponent<SliderThumbProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Thumb = InstanceType<typeof Thumb>;
+export default Thumb;

package/dist/slider/track.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSliderContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSliderContext();
+let attrs = $derived(mergeProps(props, context.getTrackProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/slider/track.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SliderTrackProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Track: $$__sveltets_2_IsomorphicComponent<SliderTrackProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Track = InstanceType<typeof Track>;
+export default Track;

package/dist/slider/value-text.svelte

@@ -0,0 +1,16 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSliderContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSliderContext();
+let attrs = $derived(mergeProps(props, context.getValueTextProps()));
+</script>
+
+<span {...attrs}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {context.value.join(', ')}
+  {/if}
+</span>

package/dist/slider/value-text.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SliderValueTextProps extends Assign<SvelteHTMLElements['span'], {}> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ValueText: $$__sveltets_2_IsomorphicComponent<SliderValueTextProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ValueText = InstanceType<typeof ValueText>;
+export default ValueText;

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

@@ -0,0 +1,8 @@
+import * as switch$ from '@zag-js/switch';
+export interface CreateSwitchContextProps extends switch$.Context {
+}
+export interface CreateSwitchContextReturn extends ReturnType<typeof createSwitchContext> {
+}
+export declare function createSwitchContext(props: CreateSwitchContextProps): any;
+export declare function setSwitchContext(value: CreateSwitchContextReturn): void;
+export declare function useSwitchContext(): CreateSwitchContextReturn;

package/dist/switch/context.svelte.js

@@ -0,0 +1,14 @@
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import * as switch$ from '@zag-js/switch';
+import { getContext, setContext } from 'svelte';
+export function createSwitchContext(props) {
+    const [state, send] = useMachine(switch$.machine(props));
+    const api = $derived(reflect(() => switch$.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setSwitchContext(value) {
+    setContext('Switch', value);
+}
+export function useSwitchContext() {
+    return getContext('Switch');
+}

package/dist/switch/control.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSwitchContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSwitchContext();
+let attrs = $derived(mergeProps(props, context.getControlProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/switch/control.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SwitchControlProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Control: $$__sveltets_2_IsomorphicComponent<SwitchControlProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Control = InstanceType<typeof Control>;
+export default Control;

package/dist/switch/hidden-input.svelte

@@ -0,0 +1,10 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSwitchContext } from "./context.svelte.js";
+let { ...props } = $props();
+let context = useSwitchContext();
+let attrs = $derived(mergeProps(props, context.getHiddenInputProps()));
+</script>
+
+<input {...attrs} />

package/dist/switch/hidden-input.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SwitchHiddenInputProps extends Assign<SvelteHTMLElements['input'], {}> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const HiddenInput: $$__sveltets_2_IsomorphicComponent<SwitchHiddenInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type HiddenInput = InstanceType<typeof HiddenInput>;
+export default HiddenInput;

package/dist/switch/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Control, type SwitchControlProps } from './control.svelte';
+export { default as HiddenInput, type SwitchHiddenInputProps } from './hidden-input.svelte';
+export { default as Label, type SwitchLabelProps } from './label.svelte';
+export { default as Root, type SwitchProps } from './root.svelte';
+export { default as Thumb, type SwitchThumbProps } from './thumb.svelte';

package/dist/switch/index.js

@@ -0,0 +1,5 @@
+export { default as Control } from './control.svelte';
+export { default as HiddenInput } from './hidden-input.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';
+export { default as Thumb } from './thumb.svelte';

package/dist/switch/label.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSwitchContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSwitchContext();
+let attrs = $derived(mergeProps(props, context.getLabelProps()));
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

package/dist/switch/label.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SwitchLabelProps extends Assign<SvelteHTMLElements['span'], {}> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Label: $$__sveltets_2_IsomorphicComponent<SwitchLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/switch/root.svelte

@@ -0,0 +1,46 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createSwitchContext, setSwitchContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  form,
+  name,
+  label,
+  value,
+  checked,
+  invalid,
+  disabled,
+  readOnly,
+  required,
+  onCheckedChange,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createSwitchContext({
+  id,
+  ids,
+  dir,
+  form,
+  name,
+  label,
+  value: $state.snapshot(value),
+  checked,
+  invalid,
+  disabled,
+  readOnly,
+  required,
+  onCheckedChange,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setSwitchContext(context);
+</script>
+
+<label {...attrs}>
+  {@render children?.(context)}
+</label>

package/dist/switch/root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { CreateSwitchContextProps, CreateSwitchContextReturn } from './context.svelte.js';
+export interface SwitchProps extends Assign<WithoutChildren<SvelteHTMLElements['label']>, OptionalId<CreateSwitchContextProps>> {
+    children?: Snippet<[CreateSwitchContextReturn]>;
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<SwitchProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/switch/thumb.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSwitchContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSwitchContext();
+let attrs = $derived(mergeProps(props, context.getThumbProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/switch/thumb.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SwitchThumbProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Thumb: $$__sveltets_2_IsomorphicComponent<SwitchThumbProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Thumb = InstanceType<typeof Thumb>;
+export default Thumb;

package/dist/tabs/content.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useTabsContext } from "./context.svelte.js";
+let { value, children, ...props } = $props();
+let context = useTabsContext();
+let attrs = $derived(mergeProps(props, context.getContentProps({ value })));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/tabs/content.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Assign } from '../types.js';
+import type { ContentProps } from '@zag-js/tabs';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface TabsContentProps extends Assign<SvelteHTMLElements['div'], ContentProps> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Content: $$__sveltets_2_IsomorphicComponent<TabsContentProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Content = InstanceType<typeof Content>;
+export default Content;

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

@@ -0,0 +1,8 @@
+import * as tabs from '@zag-js/tabs';
+export interface CreateTabsContextProps extends tabs.Context {
+}
+export interface CreateTabsContextReturn extends ReturnType<typeof createTabsContext> {
+}
+export declare function createTabsContext(props: CreateTabsContextProps): any;
+export declare function setTabsContext(value: CreateTabsContextReturn): void;
+export declare function useTabsContext(): CreateTabsContextReturn;

package/dist/tabs/context.svelte.js

@@ -0,0 +1,14 @@
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import * as tabs from '@zag-js/tabs';
+import { getContext, setContext } from 'svelte';
+export function createTabsContext(props) {
+    const [state, send] = useMachine(tabs.machine(props));
+    const api = $derived(reflect(() => tabs.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setTabsContext(value) {
+    setContext('Tabs', value);
+}
+export function useTabsContext() {
+    return getContext('Tabs');
+}

package/dist/tabs/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Content, type TabsContentProps } from './content.svelte';
+export { default as List, type TabsListProps } from './list.svelte';
+export { default as Root, type TabsProps } from './root.svelte';
+export { default as Trigger, type TabsTriggerProps } from './trigger.svelte';

package/dist/tabs/index.js

@@ -0,0 +1,4 @@
+export { default as Content } from './content.svelte';
+export { default as List } from './list.svelte';
+export { default as Root } from './root.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/tabs/list.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useTabsContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useTabsContext();
+let attrs = $derived(mergeProps(props, context.getListProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/tabs/list.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface TabsListProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const List: $$__sveltets_2_IsomorphicComponent<TabsListProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type List = InstanceType<typeof List>;
+export default List;

package/dist/tabs/root.svelte

@@ -0,0 +1,42 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createTabsContext, setTabsContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  value,
+  loopFocus,
+  composite,
+  orientation,
+  translations,
+  activationMode,
+  onFocusChange,
+  onValueChange,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createTabsContext({
+  id,
+  ids,
+  dir,
+  value: $state.snapshot(value),
+  loopFocus,
+  composite,
+  orientation,
+  translations,
+  activationMode,
+  onFocusChange,
+  onValueChange,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setTabsContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

package/dist/tabs/root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { CreateTabsContextProps, CreateTabsContextReturn } from './context.svelte.js';
+export interface TabsProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateTabsContextProps>> {
+    children?: Snippet<[CreateTabsContextReturn]>;
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<TabsProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/tabs/trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useTabsContext } from "./context.svelte.js";
+let { value, disabled, children, ...props } = $props();
+let context = useTabsContext();
+let attrs = $derived(mergeProps(props, context.getTriggerProps({ value, disabled })));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/tabs/trigger.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Assign } from '../types.js';
+import type { TriggerProps } from '@zag-js/tabs';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface TabsTriggerProps extends Assign<SvelteHTMLElements['button'], TriggerProps> {
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<TabsTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/toast/action-trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useToastContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useToastContext();
+let attrs = $derived(mergeProps(props, context.getActionTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/toast/action-trigger.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+export interface ToastActionTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+}
+import type { SvelteHTMLElements } from 'svelte/elements';
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ActionTrigger: $$__sveltets_2_IsomorphicComponent<ToastActionTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ActionTrigger = InstanceType<typeof ActionTrigger>;
+export default ActionTrigger;

package/dist/toast/actor.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">import * as toast from "@zag-js/toast";
+import {
+  createToastContext,
+  setToastContext
+} from "./context.svelte.js";
+let { actor, children$ } = $props();
+let context = createToastContext(actor);
+setToastContext(context);
+</script>
+
+{@render children$(context)}