ui-ingredients 0.0.66 → 0.0.68

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;