ui-ingredients 0.21.0 → 0.21.1

package/dist/switch/switch-root.svelte

@@ -1,59 +1,59 @@
-<script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {
-    CreateSwitchProps,
-    CreateSwitchReturn,
-  } from './create-switch.svelte.js';
-
-  export interface SwitchProps
-    extends Assign<
-      HtmlIngredientProps<'label', HTMLLabelElement, CreateSwitchReturn>,
-      CreateSwitchProps
-    > {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {reflect} from '@zag-js/svelte';
-  import {createSplitProps} from '@zag-js/utils';
-  import {createSwitch} from './create-switch.svelte.js';
-  import {setSwitchContext} from './switch-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: SwitchProps = $props();
-
-  let [createSwitchProps, localProps] = $derived(
-    createSplitProps<CreateSwitchProps>([
-      'id',
-      'ids',
-      'form',
-      'name',
-      'label',
-      'value',
-      'checked',
-      'invalid',
-      'disabled',
-      'readOnly',
-      'required',
-      'onCheckedChange',
-    ])(props),
-  );
-
-  let switch_ = createSwitch(reflect(() => createSwitchProps));
-
-  let mergedProps = $derived(mergeProps(switch_.getRootProps(), localProps));
-
-  setSwitchContext(switch_);
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps, switch_)}
-{:else}
-  <label bind:this={ref} {...mergedProps}>
-    {@render children?.(switch_)}
-  </label>
-{/if}
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {
+    CreateSwitchProps,
+    CreateSwitchReturn,
+  } from './create-switch.svelte.js';
+
+  export interface SwitchProps
+    extends Assign<
+      HtmlIngredientProps<'label', HTMLLabelElement, CreateSwitchReturn>,
+      CreateSwitchProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {createSwitch} from './create-switch.svelte.js';
+  import {setSwitchContext} from './switch-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: SwitchProps = $props();
+
+  let [createSwitchProps, localProps] = $derived(
+    createSplitProps<CreateSwitchProps>([
+      'id',
+      'ids',
+      'form',
+      'name',
+      'label',
+      'value',
+      'checked',
+      'invalid',
+      'disabled',
+      'readOnly',
+      'required',
+      'onCheckedChange',
+    ])(props),
+  );
+
+  let switch_ = createSwitch(reflect(() => createSwitchProps));
+
+  let mergedProps = $derived(mergeProps(switch_.getRootProps(), localProps));
+
+  setSwitchContext(switch_);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, switch_)}
+{:else}
+  <label bind:this={ref} {...mergedProps}>
+    {@render children?.(switch_)}
+  </label>
+{/if}

package/dist/tabs/tabs-root.svelte

@@ -1,57 +1,57 @@
-<script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {
-    CreateTabsProps,
-    CreateTabsReturn,
-  } from './create-tabs.svelte.js';
-
-  export interface TabsProps
-    extends Assign<
-      HtmlIngredientProps<'div', HTMLDivElement, CreateTabsReturn>,
-      CreateTabsProps
-    > {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {reflect} from '@zag-js/svelte';
-  import {createSplitProps} from '@zag-js/utils';
-  import {createTabs} from './create-tabs.svelte.js';
-  import {setTabsContext} from './tabs-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TabsProps = $props();
-
-  let [createTabsProps, localProps] = $derived(
-    createSplitProps<CreateTabsProps>([
-      'id',
-      'ids',
-      'value',
-      'loopFocus',
-      'composite',
-      'orientation',
-      'translations',
-      'activationMode',
-      'onFocusChange',
-      'onValueChange',
-    ])(props),
-  );
-
-  let tabs = createTabs(reflect(() => createTabsProps));
-
-  let mergedProps = $derived(mergeProps(tabs.getRootProps(), localProps));
-
-  setTabsContext(tabs);
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps, tabs)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.(tabs)}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {
+    CreateTabsProps,
+    CreateTabsReturn,
+  } from './create-tabs.svelte.js';
+
+  export interface TabsProps
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, CreateTabsReturn>,
+      CreateTabsProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {createTabs} from './create-tabs.svelte.js';
+  import {setTabsContext} from './tabs-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TabsProps = $props();
+
+  let [createTabsProps, localProps] = $derived(
+    createSplitProps<CreateTabsProps>([
+      'id',
+      'ids',
+      'value',
+      'loopFocus',
+      'composite',
+      'orientation',
+      'translations',
+      'activationMode',
+      'onFocusChange',
+      'onValueChange',
+    ])(props),
+  );
+
+  let tabs = createTabs(reflect(() => createTabsProps));
+
+  let mergedProps = $derived(mergeProps(tabs.getRootProps(), localProps));
+
+  setTabsContext(tabs);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, tabs)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    {@render children?.(tabs)}
+  </div>
+{/if}

package/dist/tags-input/tags-input-root.svelte

@@ -1,74 +1,74 @@
-<script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {
-    CreateTagsInputProps,
-    CreateTagsInputReturn,
-  } from './create-tags-input.svelte.js';
-
-  export interface TagsInputProps
-    extends Assign<
-      HtmlIngredientProps<'div', HTMLDivElement, CreateTagsInputReturn>,
-      CreateTagsInputProps
-    > {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {reflect} from '@zag-js/svelte';
-  import {createSplitProps} from '@zag-js/utils';
-  import {createTagsInput} from './create-tags-input.svelte.js';
-  import {setTagsInputContext} from './tags-input-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TagsInputProps = $props();
-
-  let [createTagsInputProps, localProps] = $derived(
-    createSplitProps<CreateTagsInputProps>([
-      'id',
-      'ids',
-      'max',
-      'form',
-      'name',
-      'value',
-      'invalid',
-      'disabled',
-      'editable',
-      'readOnly',
-      'validate',
-      'required',
-      'delimiter',
-      'autoFocus',
-      'maxLength',
-      'addOnPaste',
-      'inputValue',
-      'blurBehavior',
-      'translations',
-      'allowOverflow',
-      'onValueChange',
-      'onFocusOutside',
-      'onValueInvalid',
-      'onInteractOutside',
-      'onHighlightChange',
-      'onInputValueChange',
-      'onPointerDownOutside',
-    ])(props),
-  );
-
-  let tagsInput = createTagsInput(reflect(() => createTagsInputProps));
-
-  let mergedProps = $derived(mergeProps(tagsInput.getRootProps(), localProps));
-
-  setTagsInputContext(tagsInput);
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps, tagsInput)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.(tagsInput)}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {
+    CreateTagsInputProps,
+    CreateTagsInputReturn,
+  } from './create-tags-input.svelte.js';
+
+  export interface TagsInputProps
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, CreateTagsInputReturn>,
+      CreateTagsInputProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {createTagsInput} from './create-tags-input.svelte.js';
+  import {setTagsInputContext} from './tags-input-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TagsInputProps = $props();
+
+  let [createTagsInputProps, localProps] = $derived(
+    createSplitProps<CreateTagsInputProps>([
+      'id',
+      'ids',
+      'max',
+      'form',
+      'name',
+      'value',
+      'invalid',
+      'disabled',
+      'editable',
+      'readOnly',
+      'validate',
+      'required',
+      'delimiter',
+      'autoFocus',
+      'maxLength',
+      'addOnPaste',
+      'inputValue',
+      'blurBehavior',
+      'translations',
+      'allowOverflow',
+      'onValueChange',
+      'onFocusOutside',
+      'onValueInvalid',
+      'onInteractOutside',
+      'onHighlightChange',
+      'onInputValueChange',
+      'onPointerDownOutside',
+    ])(props),
+  );
+
+  let tagsInput = createTagsInput(reflect(() => createTagsInputProps));
+
+  let mergedProps = $derived(mergeProps(tagsInput.getRootProps(), localProps));
+
+  setTagsInputContext(tagsInput);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, tagsInput)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    {@render children?.(tagsInput)}
+  </div>
+{/if}

package/dist/time-picker/time-picker-root.svelte

@@ -1,81 +1,81 @@
-<script lang="ts" module>
-  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {
-    CreateTimePickerProps,
-    CreateTimePickerReturn,
-  } from './create-time-picker.svelte.js';
-
-  export interface TimePickerProps
-    extends Assign<
-        HtmlIngredientProps<'div', HTMLDivElement, CreateTimePickerReturn>,
-        CreateTimePickerProps
-      >,
-      PresenceStrategyProps {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {createPresence} from '../presence/create-presence.svelte.js';
-  import {setPresenceContext} from '../presence/presence-context.svelte.js';
-  import {reflect} from '@zag-js/svelte';
-  import {createSplitProps} from '@zag-js/utils';
-  import {createTimePicker} from './create-time-picker.svelte.js';
-  import {setTimePickerContext} from './time-picker-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TimePickerProps = $props();
-
-  let [createTimePickerProps, rest] = $derived(
-    createSplitProps<CreateTimePickerProps>([
-      'id',
-      'ids',
-      'min',
-      'max',
-      'name',
-      'open',
-      'openControlled',
-      'steps',
-      'value',
-      'locale',
-      'readOnly',
-      'disabled',
-      'placeholder',
-      'positioning',
-      'allowSeconds',
-      'disableLayer',
-      'onOpenChange',
-      'onValueChange',
-      'onFocusChange',
-    ])(props),
-  );
-
-  let [presenceStrategyProps, localProps] = $derived(
-    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(rest),
-  );
-
-  let timePicker = createTimePicker(reflect(() => createTimePickerProps));
-  let presence = createPresence(
-    reflect(() => ({
-      ...presenceStrategyProps,
-      present: timePicker.open,
-    })),
-  );
-
-  let mergedProps = $derived(mergeProps(timePicker.getRootProps(), localProps));
-
-  setTimePickerContext(timePicker);
-  setPresenceContext(presence);
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps, timePicker)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.(timePicker)}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {
+    CreateTimePickerProps,
+    CreateTimePickerReturn,
+  } from './create-time-picker.svelte.js';
+
+  export interface TimePickerProps
+    extends Assign<
+        HtmlIngredientProps<'div', HTMLDivElement, CreateTimePickerReturn>,
+        CreateTimePickerProps
+      >,
+      PresenceStrategyProps {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {createPresence} from '../presence/create-presence.svelte.js';
+  import {setPresenceContext} from '../presence/presence-context.svelte.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {createTimePicker} from './create-time-picker.svelte.js';
+  import {setTimePickerContext} from './time-picker-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TimePickerProps = $props();
+
+  let [createTimePickerProps, rest] = $derived(
+    createSplitProps<CreateTimePickerProps>([
+      'id',
+      'ids',
+      'min',
+      'max',
+      'name',
+      'open',
+      'openControlled',
+      'steps',
+      'value',
+      'locale',
+      'readOnly',
+      'disabled',
+      'placeholder',
+      'positioning',
+      'allowSeconds',
+      'disableLayer',
+      'onOpenChange',
+      'onValueChange',
+      'onFocusChange',
+    ])(props),
+  );
+
+  let [presenceStrategyProps, localProps] = $derived(
+    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(rest),
+  );
+
+  let timePicker = createTimePicker(reflect(() => createTimePickerProps));
+  let presence = createPresence(
+    reflect(() => ({
+      ...presenceStrategyProps,
+      present: timePicker.open,
+    })),
+  );
+
+  let mergedProps = $derived(mergeProps(timePicker.getRootProps(), localProps));
+
+  setTimePickerContext(timePicker);
+  setPresenceContext(presence);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, timePicker)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    {@render children?.(timePicker)}
+  </div>
+{/if}

package/dist/timer/timer-root.svelte

@@ -1,55 +1,55 @@
-<script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {
-    CreateTimerProps,
-    CreateTimerReturn,
-  } from './create-timer.svelte.js';
-
-  export interface TimerProps
-    extends Assign<
-      HtmlIngredientProps<'div', HTMLDivElement, CreateTimerReturn>,
-      CreateTimerProps
-    > {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {reflect} from '@zag-js/svelte';
-  import {createSplitProps} from '@zag-js/utils';
-  import {createTimer} from './create-timer.svelte.js';
-  import {setTimerContext} from './timer-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TimerProps = $props();
-
-  let [createTimerProps, localProps] = $derived(
-    createSplitProps<CreateTimerProps>([
-      'id',
-      'startMs',
-      'targetMs',
-      'interval',
-      'autoStart',
-      'countdown',
-      'onTick',
-      'onComplete',
-    ])(props),
-  );
-
-  let timer = createTimer(reflect(() => createTimerProps));
-
-  let mergedProps = $derived(mergeProps(timer.getRootProps(), localProps));
-
-  setTimerContext(timer);
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps, timer)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.(timer)}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {
+    CreateTimerProps,
+    CreateTimerReturn,
+  } from './create-timer.svelte.js';
+
+  export interface TimerProps
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, CreateTimerReturn>,
+      CreateTimerProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {createTimer} from './create-timer.svelte.js';
+  import {setTimerContext} from './timer-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TimerProps = $props();
+
+  let [createTimerProps, localProps] = $derived(
+    createSplitProps<CreateTimerProps>([
+      'id',
+      'startMs',
+      'targetMs',
+      'interval',
+      'autoStart',
+      'countdown',
+      'onTick',
+      'onComplete',
+    ])(props),
+  );
+
+  let timer = createTimer(reflect(() => createTimerProps));
+
+  let mergedProps = $derived(mergeProps(timer.getRootProps(), localProps));
+
+  setTimerContext(timer);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, timer)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    {@render children?.(timer)}
+  </div>
+{/if}

package/dist/toast/create-toaster.svelte.d.ts

@@ -1,5 +1,5 @@
 import * as toast from '@zag-js/toast';
-export interface CreateToasterProps extends Omit<Partial<toast.GroupMachineContext>, 'id'> {
+export interface CreateToasterProps extends Omit<Partial<toast.GroupMachineContext>, 'id' | 'dir' | 'getRootNode'> {
     id?: string;
     placement?: toast.Placement;
 }