ui-ingredients 0.0.66 → 0.0.67

package/README.md

@@ -2,8 +2,6 @@
 
 Headless component library for [Svelte](https://svelte.dev/) powered by [zag](https://zagjs.com/)
 
-> ⚠️ This project is currently in the early stages of development. You're welcome to use it and we encourage contributions. Please use with caution as it is still evolving!
-
 ## Installation
 
 ```bash

package/dist/accordion/accordion-item-content.svelte

@@ -46,9 +46,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/accordion/avatar-context.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ItemProps } from '@zag-js/accordion';
 import type { CreateAccordionReturn } from './create-accordion.svelte.js';
-export declare const getAccordionContext: () => CreateAccordionReturn, setAccordionContext: (context: CreateAccordionReturn | (() => CreateAccordionReturn)) => CreateAccordionReturn;
-export declare const getAccordionItemPropsContext: () => ItemProps, setAccordionItemPropsContext: (context: ItemProps | (() => ItemProps)) => ItemProps;
+export declare const getAccordionContext: () => CreateAccordionReturn, setAccordionContext: (context: CreateAccordionReturn | (() => CreateAccordionReturn)) => void;
+export declare const getAccordionItemPropsContext: () => ItemProps, setAccordionItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;

package/dist/avatar/avatar-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateAvatarReturn } from './create-avatar.svelte.js';
-export declare const getAvatarContext: () => CreateAvatarReturn, setAvatarContext: (context: CreateAvatarReturn | (() => CreateAvatarReturn)) => CreateAvatarReturn;
+export declare const getAvatarContext: () => CreateAvatarReturn, setAvatarContext: (context: CreateAvatarReturn | (() => CreateAvatarReturn)) => void;

package/dist/carousel/carousel-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateCarouselReturn } from './create-carousel.svelte.js';
-export declare const getCarouselContext: () => CreateCarouselReturn, setCarouselContext: (context: CreateCarouselReturn | (() => CreateCarouselReturn)) => CreateCarouselReturn;
+export declare const getCarouselContext: () => CreateCarouselReturn, setCarouselContext: (context: CreateCarouselReturn | (() => CreateCarouselReturn)) => void;

package/dist/checkbox/checkbox-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateCheckboxReturn } from './create-checkbox.svelte.js';
-export declare const getCheckboxContext: () => CreateCheckboxReturn, setCheckboxContext: (context: CreateCheckboxReturn | (() => CreateCheckboxReturn)) => CreateCheckboxReturn;
+export declare const getCheckboxContext: () => CreateCheckboxReturn, setCheckboxContext: (context: CreateCheckboxReturn | (() => CreateCheckboxReturn)) => void;

package/dist/clipboard/clipboard-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateClipboardReturn } from './create-clipboard.svelte.js';
-export declare const getClipboardContext: () => CreateClipboardReturn, setClipboardContext: (context: CreateClipboardReturn | (() => CreateClipboardReturn)) => CreateClipboardReturn;
+export declare const getClipboardContext: () => CreateClipboardReturn, setClipboardContext: (context: CreateClipboardReturn | (() => CreateClipboardReturn)) => void;

package/dist/collapsible/collapsible-content.svelte

@@ -1,12 +1,14 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
+  import type {Action} from 'svelte/action';
 
   export interface CollapsibleContentProps
-    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {getPresenceContext} from '../presence/presence-context.svelte.js';
   import {getCollapsibleContext} from './collapsible-context.svelte.js';
 
   let {
@@ -17,14 +19,23 @@
   }: CollapsibleContentProps = $props();
 
   let collapsible = getCollapsibleContext();
+  let presence = getPresenceContext();
 
-  let mergedProps = $derived(mergeProps(collapsible.getContentProps(), props));
+  let mergedProps = $derived(
+    mergeProps(
+      collapsible.getContentProps(),
+      presence.getPresenceProps(),
+      props,
+    ),
+  );
 </script>
 
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </div>
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(presence.setReference, mergedProps)}
+  {:else}
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
 {/if}

package/dist/collapsible/collapsible-content.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface CollapsibleContentProps extends HtmlIngredientProps<'div', HTMLDivElement> {
+import type { Action } from 'svelte/action';
+export interface CollapsibleContentProps extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {
 }
 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> & {

package/dist/collapsible/collapsible-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateCollapsibleReturn } from './create-collapsible.svelte.js';
-export declare const getCollapsibleContext: () => CreateCollapsibleReturn, setCollapsibleContext: (context: CreateCollapsibleReturn | (() => CreateCollapsibleReturn)) => CreateCollapsibleReturn;
+export declare const getCollapsibleContext: () => CreateCollapsibleReturn, setCollapsibleContext: (context: CreateCollapsibleReturn | (() => CreateCollapsibleReturn)) => void;

package/dist/collapsible/collapsible-root.svelte

@@ -1,4 +1,8 @@
 <script lang="ts" module>
+  import {
+    createPresence,
+    type PresenceStrategyProps,
+  } from '../presence/create-presence.svelte.js';
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateCollapsibleProps,
@@ -7,13 +11,15 @@
 
   export interface CollapsibleProps
     extends Assign<
-      HtmlIngredientProps<'div', HTMLDivElement, CreateCollapsibleReturn>,
-      CreateCollapsibleProps
-    > {}
+        HtmlIngredientProps<'div', HTMLDivElement, CreateCollapsibleReturn>,
+        CreateCollapsibleProps
+      >,
+      PresenceStrategyProps {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {setPresenceContext} from '../presence/presence-context.svelte.js';
   import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {setCollapsibleContext} from './collapsible-context.svelte.js';
@@ -26,6 +32,12 @@
     ...props
   }: CollapsibleProps = $props();
 
+  let [presenceStrategyProps, rest] = $derived(
+    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
+      props,
+    ),
+  );
+
   let [createCollapsibleProps, localProps] = $derived(
     createSplitProps<CreateCollapsibleProps>([
       'id',
@@ -35,16 +47,23 @@
       'disabled',
       'onOpenChange',
       'onExitComplete',
-    ])(props),
+    ])(rest),
   );
 
   let collapsible = createCollapsible(reflect(() => createCollapsibleProps));
+  let presence = createPresence(
+    reflect(() => ({
+      present: collapsible.open,
+      ...presenceStrategyProps,
+    })),
+  );
 
   let mergedProps = $derived(
     mergeProps(collapsible.getRootProps(), localProps),
   );
 
   setCollapsibleContext(collapsible);
+  setPresenceContext(presence);
 </script>
 
 {#if asChild}

package/dist/collapsible/collapsible-root.svelte.d.ts

@@ -1,6 +1,7 @@
+import { type PresenceStrategyProps } from '../presence/create-presence.svelte.js';
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateCollapsibleProps, CreateCollapsibleReturn } from './create-collapsible.svelte.js';
-export interface CollapsibleProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateCollapsibleReturn>, CreateCollapsibleProps> {
+export interface CollapsibleProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateCollapsibleReturn>, CreateCollapsibleProps>, PresenceStrategyProps {
 }
 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> & {

package/dist/collapsible/collapsible-trigger.svelte

@@ -17,7 +17,6 @@
   }: CollapsibleTriggerProps = $props();
 
   let collapsible = getCollapsibleContext();
-
   let mergedProps = $derived(mergeProps(collapsible.getTriggerProps(), props));
 </script>
 

package/dist/color-picker/color-picker-channel-slider-value-text.svelte

@@ -36,7 +36,10 @@
     {#if children}
       {@render children()}
     {:else}
-      {colorPicker.getChannelValueText(channelProps.channel, locale.locale)}
+      {colorPicker.getChannelValueText(
+        channelProps.channel,
+        locale?.locale ?? 'en-US',
+      )}
     {/if}
   </div>
 {/if}

package/dist/color-picker/color-picker-content.svelte

@@ -32,9 +32,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/color-picker/color-picker-context.svelte.d.ts

@@ -1,15 +1,13 @@
 import type { AreaProps, ChannelProps, ColorFormat, SwatchProps } from '@zag-js/color-picker';
 import type { CreateColorPickerReturn } from './create-color-picker.svelte.js';
-export declare const getColorPickerContext: () => CreateColorPickerReturn, setColorPickerContext: (context: CreateColorPickerReturn | (() => CreateColorPickerReturn)) => CreateColorPickerReturn;
-export declare const getColorPickerAreaPropsContext: () => AreaProps, setColorPickerAreaPropsContext: (context: AreaProps | (() => AreaProps)) => AreaProps;
-export declare const getColorPickerSwatchPropsContext: () => SwatchProps, setColorPickerSwatchPropsContext: (context: SwatchProps | (() => SwatchProps)) => SwatchProps;
+export declare const getColorPickerContext: () => CreateColorPickerReturn, setColorPickerContext: (context: CreateColorPickerReturn | (() => CreateColorPickerReturn)) => void;
+export declare const getColorPickerAreaPropsContext: () => AreaProps, setColorPickerAreaPropsContext: (context: AreaProps | (() => AreaProps)) => void;
+export declare const getColorPickerSwatchPropsContext: () => SwatchProps, setColorPickerSwatchPropsContext: (context: SwatchProps | (() => SwatchProps)) => void;
 export declare const getColorPickerFormatPropsContext: () => {
     format: ColorFormat;
-}, setColorPickerFormatPropsContext: (context: {
+} | undefined, setColorPickerFormatPropsContext: (context: {
     format: ColorFormat;
 } | (() => {
     format: ColorFormat;
-})) => {
-    format: ColorFormat;
-};
-export declare const getColorPickerChannelPropsContext: () => ChannelProps, setColorPickerChannelPropsContext: (context: ChannelProps | (() => ChannelProps)) => ChannelProps;
+})) => void;
+export declare const getColorPickerChannelPropsContext: () => ChannelProps, setColorPickerChannelPropsContext: (context: ChannelProps | (() => ChannelProps)) => void;

package/dist/combobox/combobox-content.svelte

@@ -28,9 +28,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/combobox/combobox-context.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { ItemGroupProps, ItemProps } from '@zag-js/combobox';
 import type { CreateComboboxReturn } from './create-combobox.svelte.js';
-export declare const getComboboxContext: () => CreateComboboxReturn, setComboboxContext: (context: CreateComboboxReturn | (() => CreateComboboxReturn)) => CreateComboboxReturn;
-export declare const getComboboxItemPropsContext: () => ItemProps, setComboboxItemPropsContext: (context: ItemProps | (() => ItemProps)) => ItemProps;
-export declare const getComboboxItemGroupPropsContext: () => ItemGroupProps, setComboboxItemGroupPropsContext: (context: ItemGroupProps | (() => ItemGroupProps)) => ItemGroupProps;
+export declare const getComboboxContext: () => CreateComboboxReturn, setComboboxContext: (context: CreateComboboxReturn | (() => CreateComboboxReturn)) => void;
+export declare const getComboboxItemPropsContext: () => ItemProps, setComboboxItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;
+export declare const getComboboxItemGroupPropsContext: () => ItemGroupProps, setComboboxItemGroupPropsContext: (context: ItemGroupProps | (() => ItemGroupProps)) => void;

package/dist/create-context.svelte.d.ts

@@ -1,10 +1,13 @@
 import type { GenericObject } from './types.js';
-type GetContext<T extends GenericObject> = () => T;
-type SetContext<T extends GenericObject> = (context: T | (() => T)) => T;
 type HasContext = () => boolean;
-export declare function createContext<T extends GenericObject>(key: string, strict?: boolean): [
-    getContext: GetContext<T>,
+type SetContext<T> = (context: T | (() => T)) => void;
+type GetContext<T, Strict extends boolean> = () => [Strict] extends [true] ? T : T | undefined;
+type CreateContextReturn<T, Strict extends boolean> = [
+    getContext: GetContext<T, Strict>,
     setContext: SetContext<T>,
     hasContext: HasContext
 ];
+export declare function createContext<T extends GenericObject>(key: string): CreateContextReturn<T, true>;
+export declare function createContext<T extends GenericObject>(key: string, strict: true): CreateContextReturn<T, true>;
+export declare function createContext<T extends GenericObject>(key: string, strict: false): CreateContextReturn<T, false>;
 export {};

package/dist/create-context.svelte.js

@@ -1,20 +1,31 @@
 import { reflect } from '@zag-js/svelte';
 import { getContext, hasContext, setContext } from 'svelte';
-export function createContext(key, strict = true) {
-    const has = () => hasContext(key);
-    const set = (context) => {
-        return setContext(key, typeof context === 'function' ? reflect(context) : context);
-    };
-    const get = () => {
-        if (strict && !has())
-            throw err(key);
-        return getContext(key);
-    };
+export function createContext(...args) {
+    const k = args[0];
+    const s = args[1] ?? true;
+    if (k.trim().length < 1) {
+        const e = new Error();
+        e.name = 'ContextError';
+        e.message = 'Context key cannot be empty';
+        throw e;
+    }
+    function has() {
+        return hasContext(k);
+    }
+    function set(v) {
+        setContext(k, isFn(v) ? reflect(v) : v);
+    }
+    function get() {
+        if (s && !has()) {
+            const e = new Error();
+            e.name = 'ContextError';
+            e.message = "No context found for '%s'".replace('%s', k);
+            throw e;
+        }
+        return getContext(k);
+    }
     return [get, set, has];
 }
-function err(k) {
-    const e = new Error();
-    e.name = 'ContextError';
-    e.message = "No context found for '%s'".replace('%s', k);
-    throw e;
+function isFn(v) {
+    return typeof v === 'function';
 }

package/dist/date-picker/date-picker-content.svelte

@@ -32,9 +32,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/date-picker/date-picker-context.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { DayTableCellProps, TableCellProps, TableProps, ViewProps } from '@zag-js/date-picker';
 import type { CreateDatePickerReturn } from './create-date-picker.svelte.js';
-export declare const getDatePickerContext: () => CreateDatePickerReturn, setDatePickerContext: (context: CreateDatePickerReturn | (() => CreateDatePickerReturn)) => CreateDatePickerReturn;
-export declare const getDatePickerViewPropsContext: () => ViewProps, setDatePickerViewPropsContext: (context: ViewProps | (() => ViewProps)) => ViewProps;
-export declare const getDatePickerTablePropsContext: () => TableProps, setDatePickerTablePropsContext: (context: TableProps | (() => TableProps)) => TableProps;
-export declare const getDatePickerTableCellPropsContext: () => TableCellProps, setDatePickerTableCellPropsContext: (context: TableCellProps | (() => TableCellProps)) => TableCellProps;
-export declare const getDatePickerDayTableCellPropsContext: () => DayTableCellProps, setDatePickerDayTableCellPropsContext: (context: DayTableCellProps | (() => DayTableCellProps)) => DayTableCellProps;
+export declare const getDatePickerContext: () => CreateDatePickerReturn, setDatePickerContext: (context: CreateDatePickerReturn | (() => CreateDatePickerReturn)) => void;
+export declare const getDatePickerViewPropsContext: () => ViewProps, setDatePickerViewPropsContext: (context: ViewProps | (() => ViewProps)) => void;
+export declare const getDatePickerTablePropsContext: () => TableProps, setDatePickerTablePropsContext: (context: TableProps | (() => TableProps)) => void;
+export declare const getDatePickerTableCellPropsContext: () => TableCellProps, setDatePickerTableCellPropsContext: (context: TableCellProps | (() => TableCellProps)) => void;
+export declare const getDatePickerDayTableCellPropsContext: () => DayTableCellProps, setDatePickerDayTableCellPropsContext: (context: DayTableCellProps | (() => DayTableCellProps)) => void;

package/dist/dialog/dialog-backdrop.svelte

@@ -36,9 +36,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/dialog/dialog-content.svelte

@@ -28,9 +28,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/dialog/dialog-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateDialogReturn } from './create-dialog.svelte.js';
-export declare const getDialogContext: () => CreateDialogReturn, setDialogContext: (context: CreateDialogReturn | (() => CreateDialogReturn)) => CreateDialogReturn;
+export declare const getDialogContext: () => CreateDialogReturn, setDialogContext: (context: CreateDialogReturn | (() => CreateDialogReturn)) => void;

package/dist/editable/editable-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateEditableReturn } from './create-editable.svelte.js';
-export declare const getEditableContext: () => CreateEditableReturn, setEditableContext: (context: CreateEditableReturn | (() => CreateEditableReturn)) => CreateEditableReturn;
+export declare const getEditableContext: () => CreateEditableReturn, setEditableContext: (context: CreateEditableReturn | (() => CreateEditableReturn)) => void;

package/dist/environment-provider/enviroment-provider-context.svelte.d.ts

@@ -3,4 +3,4 @@ export interface Environment {
     getDocument: () => Document;
     getWindow: () => Window & typeof globalThis;
 }
-export declare const getEnvironmentContext: () => Environment, setEnvironmentContext: (context: Environment | (() => Environment)) => Environment;
+export declare const getEnvironmentContext: () => Environment | undefined, setEnvironmentContext: (context: Environment | (() => Environment)) => void;

package/dist/field/field-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateFieldReturn } from './create-field.svelte.js';
-export declare const getFieldContext: () => CreateFieldReturn, setFieldContext: (context: CreateFieldReturn | (() => CreateFieldReturn)) => CreateFieldReturn;
+export declare const getFieldContext: () => CreateFieldReturn | undefined, setFieldContext: (context: CreateFieldReturn | (() => CreateFieldReturn)) => void;

package/dist/field/field-error-text.svelte

@@ -18,7 +18,9 @@
 
   let field = getFieldContext();
 
-  let mergedProps = $derived(mergeProps(field.getErrorTextProps(), props));
+  let mergedProps = $derived(
+    mergeProps(field?.getErrorTextProps() ?? {}, props),
+  );
 </script>
 
 {#if asChild}

package/dist/field/field-helper-text.svelte

@@ -18,7 +18,9 @@
 
   let field = getFieldContext();
 
-  let mergedProps = $derived(mergeProps(field.getHelperTextProps(), props));
+  let mergedProps = $derived(
+    mergeProps(field?.getHelperTextProps() ?? {}, props),
+  );
 </script>
 
 {#if asChild}

package/dist/field/field-input.svelte

@@ -13,7 +13,7 @@
 
   let field = getFieldContext();
 
-  let mergedProps = $derived(mergeProps(field.getInputProps(), props));
+  let mergedProps = $derived(mergeProps(field?.getInputProps() ?? {}, props));
 </script>
 
 {#if asChild}

package/dist/field/field-label.svelte

@@ -18,7 +18,7 @@
 
   let field = getFieldContext();
 
-  let mergedProps = $derived(mergeProps(field.getLabelProps(), props));
+  let mergedProps = $derived(mergeProps(field?.getLabelProps() ?? {}, props));
 </script>
 
 {#if asChild}

package/dist/field/field-select.svelte

@@ -18,7 +18,7 @@
 
   let field = getFieldContext();
 
-  let mergedProps = $derived(mergeProps(field.getSelectProps(), props));
+  let mergedProps = $derived(mergeProps(field?.getSelectProps() ?? {}, props));
 </script>
 
 {#if asChild}

package/dist/field/field-textarea.svelte

@@ -13,7 +13,9 @@
 
   let field = getFieldContext();
 
-  let mergedProps = $derived(mergeProps(field.getTextareaProps(), props));
+  let mergedProps = $derived(
+    mergeProps(field?.getTextareaProps() ?? {}, props),
+  );
 </script>
 
 {#if asChild}

package/dist/file-upload/file-upload-context.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ItemProps } from '@zag-js/file-upload';
 import type { CreateFileUploadReturn } from './create-file-upload.svelte.js';
-export declare const getFileUploadContext: () => CreateFileUploadReturn, setFileUploadContext: (context: CreateFileUploadReturn | (() => CreateFileUploadReturn)) => CreateFileUploadReturn;
-export declare const getFileUploadItemPropsContext: () => ItemProps, setFileUploadItemPropsContext: (context: ItemProps | (() => ItemProps)) => ItemProps;
+export declare const getFileUploadContext: () => CreateFileUploadReturn, setFileUploadContext: (context: CreateFileUploadReturn | (() => CreateFileUploadReturn)) => void;
+export declare const getFileUploadItemPropsContext: () => ItemProps, setFileUploadItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;

package/dist/floating-panel/floating-panel-content.svelte

@@ -32,9 +32,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/floating-panel/floating-panel-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateFloatingPanelReturn } from './create-floating-panel.svelte.js';
-export declare const getFloatingPanelContext: () => CreateFloatingPanelReturn, setFloatingPanelContext: (context: CreateFloatingPanelReturn | (() => CreateFloatingPanelReturn)) => CreateFloatingPanelReturn;
+export declare const getFloatingPanelContext: () => CreateFloatingPanelReturn, setFloatingPanelContext: (context: CreateFloatingPanelReturn | (() => CreateFloatingPanelReturn)) => void;

package/dist/hover-card/hover-card-content.svelte

@@ -28,9 +28,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/hover-card/hover-card-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateHoverCardReturn } from './create-hover-card.svelte.js';
-export declare const getHoverCardContext: () => CreateHoverCardReturn, setHoverCardContext: (context: CreateHoverCardReturn | (() => CreateHoverCardReturn)) => CreateHoverCardReturn;
+export declare const getHoverCardContext: () => CreateHoverCardReturn, setHoverCardContext: (context: CreateHoverCardReturn | (() => CreateHoverCardReturn)) => void;

package/dist/is-pojo.d.ts

@@ -0,0 +1,2 @@
+import type { GenericObject } from './types.js';
+export declare function isPojo<T extends GenericObject>(value: unknown): value is T;

package/dist/{is-object.js → is-pojo.js}

@@ -1,5 +1,5 @@
 /* Credits: https://github.com/lodash/lodash/blob/main/src/isPlainObject.ts */
-export function isObject(value) {
+export function isPojo(value) {
     if (value === null) {
         return false;
     }

package/dist/locale-provider/local-provider-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { Locale } from '@zag-js/i18n-utils';
-export declare const getLocaleContext: () => Locale, setLocaleContext: (context: Locale | (() => Locale)) => Locale;
+export declare const getLocaleContext: () => Locale | undefined, setLocaleContext: (context: Locale | (() => Locale)) => void;

package/dist/menu/menu-arrow-tip.svelte

@@ -18,7 +18,7 @@
 
   let menu = getMenuContext();
 
-  let mergedProps = $derived(mergeProps(menu.getArrowTipProps(), props));
+  let mergedProps = $derived(mergeProps(menu!.getArrowTipProps(), props));
 </script>
 
 {#if asChild}

package/dist/menu/menu-arrow.svelte

@@ -18,7 +18,7 @@
 
   let menu = getMenuContext();
 
-  let mergedProps = $derived(mergeProps(menu.getArrowProps(), props));
+  let mergedProps = $derived(mergeProps(menu!.getArrowProps(), props));
 </script>
 
 {#if asChild}

package/dist/menu/menu-content.svelte

@@ -22,15 +22,15 @@
   let presence = getPresenceContext();
 
   let mergedProps = $derived(
-    mergeProps(menu.getContentProps(), presence.getPresenceProps(), props),
+    mergeProps(menu!.getContentProps(), presence.getPresenceProps(), props),
   );
 </script>
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/menu/menu-context-trigger.svelte

@@ -18,7 +18,7 @@
 
   let menu = getMenuContext();
 
-  let mergedProps = $derived(mergeProps(menu.getContextTriggerProps(), props));
+  let mergedProps = $derived(mergeProps(menu!.getContextTriggerProps(), props));
 </script>
 
 {#if asChild}

package/dist/menu/menu-context.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { ItemGroupProps, OptionItemProps } from '@zag-js/menu';
 import type { HTMLButtonAttributes } from 'svelte/elements';
 import type { CreateMenuReturn } from './create-menu.svelte.js';
-export declare const getMenuContext: () => CreateMenuReturn, setMenuContext: (context: CreateMenuReturn | (() => CreateMenuReturn)) => CreateMenuReturn;
-export declare const getMenuItemGroupPropsContext: () => ItemGroupProps, setMenuItemGroupPropsContext: (context: ItemGroupProps | (() => ItemGroupProps)) => ItemGroupProps;
-export declare const getMenuOptionItemPropsContext: () => OptionItemProps, setMenuOptionItemPropsContext: (context: OptionItemProps | (() => OptionItemProps)) => OptionItemProps;
-export declare const getMenuTriggerItemContext: () => HTMLButtonAttributes, setMenuTriggerItemContext: (context: HTMLButtonAttributes | (() => HTMLButtonAttributes)) => HTMLButtonAttributes;
+export declare const getMenuContext: () => CreateMenuReturn | undefined, setMenuContext: (context: CreateMenuReturn | (() => CreateMenuReturn)) => void;
+export declare const getMenuItemGroupPropsContext: () => ItemGroupProps, setMenuItemGroupPropsContext: (context: ItemGroupProps | (() => ItemGroupProps)) => void;
+export declare const getMenuOptionItemPropsContext: () => OptionItemProps, setMenuOptionItemPropsContext: (context: OptionItemProps | (() => OptionItemProps)) => void;
+export declare const getMenuTriggerItemContext: () => HTMLButtonAttributes, setMenuTriggerItemContext: (context: HTMLButtonAttributes | (() => HTMLButtonAttributes)) => void;

package/dist/menu/menu-indicator.svelte

@@ -18,7 +18,7 @@
 
   let menu = getMenuContext();
 
-  let mergedProps = $derived(mergeProps(menu.getIndicatorProps(), props));
+  let mergedProps = $derived(mergeProps(menu!.getIndicatorProps(), props));
 </script>
 
 {#if asChild}

package/dist/menu/menu-item-group-label.svelte

@@ -25,7 +25,7 @@
 
   let mergedProps = $derived(
     mergeProps(
-      menu.getItemGroupLabelProps({
+      menu!.getItemGroupLabelProps({
         htmlFor: itemGroupProps.id,
       }),
       props,

package/dist/menu/menu-item-group.svelte

@@ -30,7 +30,7 @@
   });
 
   let mergedProps = $derived(
-    mergeProps(menu.getItemGroupProps(itemGroupProps), props),
+    mergeProps(menu!.getItemGroupProps(itemGroupProps), props),
   );
 
   setMenuItemGroupPropsContext(() => itemGroupProps);

package/dist/menu/menu-item.svelte

@@ -32,9 +32,9 @@
     ])(props),
   );
 
-  let itemState = $derived(menu.getItemState(itemProps));
+  let itemState = $derived(menu!.getItemState(itemProps));
   let mergedProps = $derived(
-    mergeProps(menu.getItemProps(itemProps), localProps),
+    mergeProps(menu!.getItemProps(itemProps), localProps),
   );
 </script>
 

package/dist/menu/menu-option-item-indicator.svelte

@@ -24,7 +24,7 @@
   let itemProps = getMenuOptionItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(menu.getItemIndicatorProps(itemProps), props),
+    mergeProps(menu!.getItemIndicatorProps(itemProps), props),
   );
 </script>
 

package/dist/menu/menu-option-item-text.svelte

@@ -24,7 +24,7 @@
   let itemProps = getMenuOptionItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(menu.getItemTextProps(itemProps), props),
+    mergeProps(menu!.getItemTextProps(itemProps), props),
   );
 </script>
 

package/dist/menu/menu-option-item.svelte

@@ -38,10 +38,10 @@
     ])(props),
   );
 
-  let itemState = $derived(menu.getOptionItemState(itemProps));
+  let itemState = $derived(menu!.getOptionItemState(itemProps));
 
   let mergedProps = $derived(
-    mergeProps(menu.getOptionItemProps(itemProps), localProps),
+    mergeProps(menu!.getOptionItemProps(itemProps), localProps),
   );
 
   setMenuOptionItemPropsContext(() => itemProps);

package/dist/menu/menu-positioner.svelte

@@ -21,7 +21,7 @@
   let presence = getPresenceContext();
 
   let mergedProps = $derived(
-    mergeProps(menu.getPositionerProps(), presence.getPresenceProps(), props),
+    mergeProps(menu!.getPositionerProps(), presence.getPresenceProps(), props),
   );
 </script>
 

package/dist/menu/menu-separator.svelte

@@ -18,7 +18,7 @@
 
   let menu = getMenuContext();
 
-  let mergedProps = $derived(mergeProps(menu.getSeparatorProps(), props));
+  let mergedProps = $derived(mergeProps(menu!.getSeparatorProps(), props));
 </script>
 
 {#if asChild}

package/dist/menu/menu-trigger.svelte

@@ -18,7 +18,7 @@
 
   let menu = getMenuContext();
 
-  let mergedProps = $derived(mergeProps(menu.getTriggerProps(), props));
+  let mergedProps = $derived(mergeProps(menu!.getTriggerProps(), props));
 </script>
 
 {#if asChild}

package/dist/merge-props.js

@@ -1,9 +1,9 @@
 import { mergeProps as fn } from '@zag-js/svelte';
-import { isObject } from './is-object.js';
+import { isPojo } from './is-pojo.js';
 export function mergeProps(...args) {
     const r = fn(...args);
     const i = 'style';
-    if (r[i] && isObject(r[i])) {
+    if (r[i] && isPojo(r[i])) {
         let s = '';
         for (const k in r[i]) {
             const v = r[i][k];

package/dist/number-input/number-input-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateNumberInputReturn } from './create-number-input.svelte.js';
-export declare const getNumberInputContext: () => CreateNumberInputReturn, setNumberInputContext: (context: CreateNumberInputReturn | (() => CreateNumberInputReturn)) => CreateNumberInputReturn;
+export declare const getNumberInputContext: () => CreateNumberInputReturn, setNumberInputContext: (context: CreateNumberInputReturn | (() => CreateNumberInputReturn)) => void;

package/dist/pagination/pagination-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreatePaginationReturn } from './create-pagination.svelte.js';
-export declare const getPaginationContext: () => CreatePaginationReturn, setPaginationContext: (context: CreatePaginationReturn | (() => CreatePaginationReturn)) => CreatePaginationReturn;
+export declare const getPaginationContext: () => CreatePaginationReturn, setPaginationContext: (context: CreatePaginationReturn | (() => CreatePaginationReturn)) => void;

package/dist/pin-input/pin-input-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreatePinInputReturn } from './create-pin-input.svelte.js';
-export declare const getPinInputContext: () => CreatePinInputReturn, setPinInputContext: (context: CreatePinInputReturn | (() => CreatePinInputReturn)) => CreatePinInputReturn;
+export declare const getPinInputContext: () => CreatePinInputReturn, setPinInputContext: (context: CreatePinInputReturn | (() => CreatePinInputReturn)) => void;

package/dist/popover/popover-content.svelte

@@ -28,9 +28,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/popover/popover-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreatePopoverReturn } from './create-popover.svelte.js';
-export declare const getPopoverContext: () => CreatePopoverReturn, setPopoverContext: (context: CreatePopoverReturn | (() => CreatePopoverReturn)) => CreatePopoverReturn;
+export declare const getPopoverContext: () => CreatePopoverReturn, setPopoverContext: (context: CreatePopoverReturn | (() => CreatePopoverReturn)) => void;

package/dist/presence/create-presence.svelte.d.ts

@@ -10,7 +10,7 @@ export interface CreatePresenceProps extends PresenceStrategyProps {
     present: boolean;
 }
 export interface CreatePresenceReturn {
-    ref: Action;
+    setReference: Action;
     getPresenceProps(): HTMLAttributes<HTMLElement>;
     mounted: boolean;
 }

package/dist/presence/create-presence.svelte.js

@@ -34,11 +34,11 @@ export function createPresence(props) {
             return true;
         return false;
     });
-    const ref = (node) => {
+    const setReference = (node) => {
         api.setNode(node);
     };
     return {
-        ref,
+        setReference,
         getPresenceProps,
         get mounted() {
             return !unmounted;

package/dist/presence/presence-context.svelte.d.ts

@@ -1,3 +1,3 @@
 import type { CreatePresenceReturn, PresenceStrategyProps } from './create-presence.svelte.js';
-export declare const getPresenceContext: () => CreatePresenceReturn, setPresenceContext: (context: CreatePresenceReturn | (() => CreatePresenceReturn)) => CreatePresenceReturn;
-export declare const getPresenceStrategyPropsContext: () => PresenceStrategyProps, setPresenceStrategyPropsContext: (context: PresenceStrategyProps | (() => PresenceStrategyProps)) => PresenceStrategyProps;
+export declare const getPresenceContext: () => CreatePresenceReturn, setPresenceContext: (context: CreatePresenceReturn | (() => CreatePresenceReturn)) => void;
+export declare const getPresenceStrategyPropsContext: () => PresenceStrategyProps, setPresenceStrategyPropsContext: (context: PresenceStrategyProps | (() => PresenceStrategyProps)) => void;

package/dist/presence/presence.svelte

@@ -35,9 +35,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div use:presence.ref {...mergedProps}>
+    <div use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/progress/progress-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateProgressReturn } from './create-progress.svelte.js';
-export declare const getProgressContext: () => CreateProgressReturn, setProgressContext: (context: CreateProgressReturn | (() => CreateProgressReturn)) => CreateProgressReturn;
+export declare const getProgressContext: () => CreateProgressReturn, setProgressContext: (context: CreateProgressReturn | (() => CreateProgressReturn)) => void;

package/dist/qr-code/qr-code-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateQrCodeReturn } from './create-qr-code.svelte.js';
-export declare const getQrCodeContext: () => CreateQrCodeReturn, setQrCodeContext: (context: CreateQrCodeReturn | (() => CreateQrCodeReturn)) => CreateQrCodeReturn;
+export declare const getQrCodeContext: () => CreateQrCodeReturn, setQrCodeContext: (context: CreateQrCodeReturn | (() => CreateQrCodeReturn)) => void;

package/dist/radio-group/radio-group-context.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ItemProps } from '@zag-js/radio-group';
 import type { CreateRadioGroupReturn } from './create-radio-group.svelte.js';
-export declare const getRadioGroupContext: () => CreateRadioGroupReturn, setRadioGroupContext: (context: CreateRadioGroupReturn | (() => CreateRadioGroupReturn)) => CreateRadioGroupReturn;
-export declare const getRadioGroupItemPropsContext: () => ItemProps, setRadioGroupItemPropsContext: (context: ItemProps | (() => ItemProps)) => ItemProps;
+export declare const getRadioGroupContext: () => CreateRadioGroupReturn, setRadioGroupContext: (context: CreateRadioGroupReturn | (() => CreateRadioGroupReturn)) => void;
+export declare const getRadioGroupItemPropsContext: () => ItemProps, setRadioGroupItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;

package/dist/rating-group/rating-group-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateRatingGroupReturn } from './create-rating-group.svelte.js';
-export declare const getRatingGroupContext: () => CreateRatingGroupReturn, setRatingGroupContext: (context: CreateRatingGroupReturn | (() => CreateRatingGroupReturn)) => CreateRatingGroupReturn;
+export declare const getRatingGroupContext: () => CreateRatingGroupReturn, setRatingGroupContext: (context: CreateRatingGroupReturn | (() => CreateRatingGroupReturn)) => void;

package/dist/segment-group/segment-group-context.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ItemProps } from '@zag-js/radio-group';
 import type { CreateSegmentGroupReturn } from './create-segment-group.svelte.js';
-export declare const getSegmentGroupContext: () => CreateSegmentGroupReturn, setSegmentGroupContext: (context: CreateSegmentGroupReturn | (() => CreateSegmentGroupReturn)) => CreateSegmentGroupReturn;
-export declare const getSegmentGroupItemPropsContext: () => ItemProps, setSegmentGroupItemPropsContext: (context: ItemProps | (() => ItemProps)) => ItemProps;
+export declare const getSegmentGroupContext: () => CreateSegmentGroupReturn, setSegmentGroupContext: (context: CreateSegmentGroupReturn | (() => CreateSegmentGroupReturn)) => void;
+export declare const getSegmentGroupItemPropsContext: () => ItemProps, setSegmentGroupItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;

package/dist/select/select-content.svelte

@@ -28,9 +28,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/select/select-context.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { ItemGroupProps, ItemProps } from '@zag-js/select';
 import type { CreateSelectReturn } from './create-select.svelte.js';
-export declare const getSelectContext: () => CreateSelectReturn, setSelectContext: (context: CreateSelectReturn | (() => CreateSelectReturn)) => CreateSelectReturn;
-export declare const getSelectItemPropsContext: () => ItemProps<any>, setSelectItemPropsContext: (context: ItemProps<any> | (() => ItemProps<any>)) => ItemProps<any>;
-export declare const getSelectItemGroupPropsContext: () => ItemGroupProps, setSelectItemGroupPropsContext: (context: ItemGroupProps | (() => ItemGroupProps)) => ItemGroupProps;
+export declare const getSelectContext: () => CreateSelectReturn, setSelectContext: (context: CreateSelectReturn | (() => CreateSelectReturn)) => void;
+export declare const getSelectItemPropsContext: () => ItemProps<any>, setSelectItemPropsContext: (context: ItemProps<any> | (() => ItemProps<any>)) => void;
+export declare const getSelectItemGroupPropsContext: () => ItemGroupProps, setSelectItemGroupPropsContext: (context: ItemGroupProps | (() => ItemGroupProps)) => void;

package/dist/signature-pad/signature-pad-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateSignaturePadReturn } from './create-signature-pad.svelte.js';
-export declare const getSignaturePadContext: () => CreateSignaturePadReturn, setSignaturePadContext: (context: CreateSignaturePadReturn | (() => CreateSignaturePadReturn)) => CreateSignaturePadReturn;
+export declare const getSignaturePadContext: () => CreateSignaturePadReturn, setSignaturePadContext: (context: CreateSignaturePadReturn | (() => CreateSignaturePadReturn)) => void;

package/dist/slider/slider-context.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ThumbProps } from '@zag-js/slider';
 import type { CreateSliderReturn } from './create-slider.svelte.js';
-export declare const getSliderContext: () => CreateSliderReturn, setSliderContext: (context: CreateSliderReturn | (() => CreateSliderReturn)) => CreateSliderReturn;
-export declare const getSliderThumbPropsContext: () => ThumbProps, setSliderThumbPropsContext: (context: ThumbProps | (() => ThumbProps)) => ThumbProps;
+export declare const getSliderContext: () => CreateSliderReturn, setSliderContext: (context: CreateSliderReturn | (() => CreateSliderReturn)) => void;
+export declare const getSliderThumbPropsContext: () => ThumbProps, setSliderThumbPropsContext: (context: ThumbProps | (() => ThumbProps)) => void;

package/dist/splitter/splitter-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateSplitterReturn } from './create-splitter.svelte.js';
-export declare const getSplitterContext: () => CreateSplitterReturn, setSplitterContext: (context: CreateSplitterReturn | (() => CreateSplitterReturn)) => CreateSplitterReturn;
+export declare const getSplitterContext: () => CreateSplitterReturn, setSplitterContext: (context: CreateSplitterReturn | (() => CreateSplitterReturn)) => void;

package/dist/steps/steps-context.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ItemProps } from '@zag-js/steps';
 import type { CreateStepsReturn } from './create-steps.svelte.js';
-export declare const getStepsContext: () => CreateStepsReturn, setStepsContext: (context: CreateStepsReturn | (() => CreateStepsReturn)) => CreateStepsReturn;
-export declare const getStepsItemPropsContext: () => ItemProps, setStepsItemPropsContext: (context: ItemProps | (() => ItemProps)) => ItemProps;
+export declare const getStepsContext: () => CreateStepsReturn, setStepsContext: (context: CreateStepsReturn | (() => CreateStepsReturn)) => void;
+export declare const getStepsItemPropsContext: () => ItemProps, setStepsItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;

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

@@ -1,2 +1,2 @@
 import type { CreateSwitchReturn } from './create-switch.svelte.js';
-export declare const getSwitchContext: () => CreateSwitchReturn, setSwitchContext: (context: CreateSwitchReturn | (() => CreateSwitchReturn)) => CreateSwitchReturn;
+export declare const getSwitchContext: () => CreateSwitchReturn, setSwitchContext: (context: CreateSwitchReturn | (() => CreateSwitchReturn)) => void;

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

@@ -1,2 +1,2 @@
 import type { CreateTabsReturn } from './create-tabs.svelte.js';
-export declare const getTabsContext: () => CreateTabsReturn, setTabsContext: (context: CreateTabsReturn | (() => CreateTabsReturn)) => CreateTabsReturn;
+export declare const getTabsContext: () => CreateTabsReturn, setTabsContext: (context: CreateTabsReturn | (() => CreateTabsReturn)) => void;

package/dist/tags-input/tags-input-context.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ItemProps } from '@zag-js/tags-input';
 import type { CreateTagsInputReturn } from './create-tags-input.svelte.js';
-export declare const getTagsInputContext: () => CreateTagsInputReturn, setTagsInputContext: (context: CreateTagsInputReturn | (() => CreateTagsInputReturn)) => CreateTagsInputReturn;
-export declare const getTagsInputItemPropsContext: () => ItemProps, setTagsInputItemPropsContext: (context: ItemProps | (() => ItemProps)) => ItemProps;
+export declare const getTagsInputContext: () => CreateTagsInputReturn, setTagsInputContext: (context: CreateTagsInputReturn | (() => CreateTagsInputReturn)) => void;
+export declare const getTagsInputItemPropsContext: () => ItemProps, setTagsInputItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;

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

@@ -31,9 +31,9 @@
 </script>
 
 {#if asChild}
-  {@render asChild(presence.ref, mergedProps)}
+  {@render asChild(presence.setReference, mergedProps)}
 {:else}
-  <div bind:this={ref} use:presence.ref {...mergedProps}>
+  <div bind:this={ref} use:presence.setReference {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/time-picker/time-picker-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateTimePickerReturn } from './create-time-picker.svelte.js';
-export declare const getTimePickerContext: () => CreateTimePickerReturn, setTimePickerContext: (context: CreateTimePickerReturn | (() => CreateTimePickerReturn)) => CreateTimePickerReturn;
+export declare const getTimePickerContext: () => CreateTimePickerReturn, setTimePickerContext: (context: CreateTimePickerReturn | (() => CreateTimePickerReturn)) => void;

package/dist/timer/timer-context.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { ItemProps } from '@zag-js/timer';
 import type { CreateTimerReturn } from './create-timer.svelte.js';
-export declare const getTimerContext: () => CreateTimerReturn, setTimerContext: (context: CreateTimerReturn | (() => CreateTimerReturn)) => CreateTimerReturn;
-export declare const getTimerItemPropsContext: () => ItemProps, setTimerItemPropsContext: (context: ItemProps | (() => ItemProps)) => ItemProps;
+export declare const getTimerContext: () => CreateTimerReturn, setTimerContext: (context: CreateTimerReturn | (() => CreateTimerReturn)) => void;
+export declare const getTimerItemPropsContext: () => ItemProps, setTimerItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;

package/dist/toast/toast-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateToastReturn } from './create-toast.svelte.js';
-export declare const getToastContext: () => CreateToastReturn, setToastContext: (context: CreateToastReturn | (() => CreateToastReturn)) => CreateToastReturn;
+export declare const getToastContext: () => CreateToastReturn, setToastContext: (context: CreateToastReturn | (() => CreateToastReturn)) => void;

package/dist/toggle-group/toggle-group-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateToggleGroupReturn } from './create-toggle-group.svelte.js';
-export declare const getToggleGroupContext: () => CreateToggleGroupReturn, setToggleGroupContext: (context: CreateToggleGroupReturn | (() => CreateToggleGroupReturn)) => CreateToggleGroupReturn;
+export declare const getToggleGroupContext: () => CreateToggleGroupReturn, setToggleGroupContext: (context: CreateToggleGroupReturn | (() => CreateToggleGroupReturn)) => void;

package/dist/tooltip/tooltip-content.svelte

@@ -28,9 +28,9 @@
 
 {#if presence.mounted}
   {#if asChild}
-    {@render asChild(presence.ref, mergedProps)}
+    {@render asChild(presence.setReference, mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/tooltip/tooltip-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { CreateTooltipReturn } from './create-tooltip.svelte.js';
-export declare const getTooltipContext: () => CreateTooltipReturn, setTooltipContext: (context: CreateTooltipReturn | (() => CreateTooltipReturn)) => CreateTooltipReturn;
+export declare const getTooltipContext: () => CreateTooltipReturn, setTooltipContext: (context: CreateTooltipReturn | (() => CreateTooltipReturn)) => void;

package/dist/tour/tour-content.svelte

@@ -29,7 +29,7 @@
   {#if asChild}
     {@render asChild(mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/tour/tour-context.svelte.d.ts

@@ -1,2 +1,2 @@
 import { type CreateTourReturn } from './create-tour.svelte.js';
-export declare const getTourContext: () => CreateTourReturn, setTourContext: (context: CreateTourReturn | (() => CreateTourReturn)) => CreateTourReturn;
+export declare const getTourContext: () => CreateTourReturn, setTourContext: (context: CreateTourReturn | (() => CreateTourReturn)) => void;

package/dist/tour/tour-overlay.svelte

@@ -37,7 +37,7 @@
   {#if asChild}
     {@render asChild(mergedProps)}
   {:else}
-    <div bind:this={ref} use:presence.ref {...mergedProps}>
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
       {@render children?.()}
     </div>
   {/if}

package/dist/tree-view/tree-view-context.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { BranchProps, ItemProps } from '@zag-js/tree-view';
 import type { CreateTreeViewReturn } from './create-tree-view.svelte.js';
-export declare const getTreeViewContext: () => CreateTreeViewReturn, setTreeViewContext: (context: CreateTreeViewReturn | (() => CreateTreeViewReturn)) => CreateTreeViewReturn;
-export declare const getTreeViewItemPropsContext: () => ItemProps, setTreeViewItemPropsContext: (context: ItemProps | (() => ItemProps)) => ItemProps;
-export declare const getTreeViewBranchPropsContext: () => BranchProps, setTreeViewBranchPropsContext: (context: BranchProps | (() => BranchProps)) => BranchProps;
+export declare const getTreeViewContext: () => CreateTreeViewReturn, setTreeViewContext: (context: CreateTreeViewReturn | (() => CreateTreeViewReturn)) => void;
+export declare const getTreeViewItemPropsContext: () => ItemProps, setTreeViewItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;
+export declare const getTreeViewBranchPropsContext: () => BranchProps, setTreeViewBranchPropsContext: (context: BranchProps | (() => BranchProps)) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.66",
+  "version": "0.0.67",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/is-object.d.ts

@@ -1,2 +0,0 @@
-import type { GenericObject } from './types.js';
-export declare function isObject<T extends GenericObject>(value: unknown): value is T;