ui-ingredients 0.0.65 → 0.0.67

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/floating-panel/floating-panel-drag-trigger.svelte

@@ -19,7 +19,7 @@
   let floatingPanel = getFloatingPanelContext();
 
   let mergedProps = $derived(
-    mergeProps(props, floatingPanel.getDragTriggerProps()),
+    mergeProps(floatingPanel.getDragTriggerProps(), props),
   );
 </script>
 

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

@@ -18,7 +18,7 @@
 
   let floatingPanel = getFloatingPanelContext();
 
-  let mergedProps = $derived(mergeProps(props, floatingPanel.getHeaderProps()));
+  let mergedProps = $derived(mergeProps(floatingPanel.getHeaderProps(), props));
 </script>
 
 {#if asChild}

package/dist/floating-panel/floating-panel-maximize-trigger.svelte

@@ -19,7 +19,7 @@
   let floatingPanel = getFloatingPanelContext();
 
   let mergedProps = $derived(
-    mergeProps(props, floatingPanel.getMaximizeTriggerProps()),
+    mergeProps(floatingPanel.getMaximizeTriggerProps(), props),
   );
 </script>
 

package/dist/floating-panel/floating-panel-minimize-trigger.svelte

@@ -19,7 +19,7 @@
   let floatingPanel = getFloatingPanelContext();
 
   let mergedProps = $derived(
-    mergeProps(props, floatingPanel.getMinimizeTriggerProps()),
+    mergeProps(floatingPanel.getMinimizeTriggerProps(), props),
   );
 </script>
 

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

@@ -22,9 +22,9 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       floatingPanel.getPositionerProps(),
       presence.getPresenceProps(),
+      props,
     ),
   );
 </script>

package/dist/floating-panel/floating-panel-resize-trigger.svelte

@@ -29,8 +29,8 @@
 
   let mergedProps = $derived(
     mergeProps(
-      localProps,
       floatingPanel.getResizeTriggerProps(resizeTriggerProps),
+      localProps,
     ),
   );
 </script>

package/dist/floating-panel/floating-panel-restore-trigger.svelte

@@ -19,7 +19,7 @@
   let floatingPanel = getFloatingPanelContext();
 
   let mergedProps = $derived(
-    mergeProps(props, floatingPanel.getRestoreTriggerProps()),
+    mergeProps(floatingPanel.getRestoreTriggerProps(), props),
   );
 </script>
 

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

@@ -18,7 +18,7 @@
 
   let floatingPanel = getFloatingPanelContext();
 
-  let mergedProps = $derived(mergeProps(props, floatingPanel.getTitleProps()));
+  let mergedProps = $derived(mergeProps(floatingPanel.getTitleProps(), props));
 </script>
 
 {#if asChild}

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

@@ -19,7 +19,7 @@
   let floatingPanel = getFloatingPanelContext();
 
   let mergedProps = $derived(
-    mergeProps(props, floatingPanel.getTriggerProps()),
+    mergeProps(floatingPanel.getTriggerProps(), props),
   );
 </script>
 

package/dist/hover-card/hover-card-arrow-tip.svelte

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

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

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

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

@@ -22,15 +22,15 @@
   let presence = getPresenceContext();
 
   let mergedProps = $derived(
-    mergeProps(props, hoverCard.getContentProps(), presence.getPresenceProps()),
+    mergeProps(hoverCard.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/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/hover-card/hover-card-positioner.svelte

@@ -22,9 +22,9 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       hoverCard.getPositionerProps(),
       presence.getPresenceProps(),
+      props,
     ),
   );
 </script>

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

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

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(props, menu.getArrowTipProps()));
+  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(props, menu.getArrowProps()));
+  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(props, menu.getContentProps(), presence.getPresenceProps()),
+    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(props, menu.getContextTriggerProps()));
+  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 { HTMLAttributes } from 'svelte/elements';
+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: () => HTMLAttributes<HTMLElement>, setMenuTriggerItemContext: (context: HTMLAttributes<HTMLElement> | (() => HTMLAttributes<HTMLElement>)) => HTMLAttributes<HTMLElement>;
+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(props, menu.getIndicatorProps()));
+  let mergedProps = $derived(mergeProps(menu!.getIndicatorProps(), props));
 </script>
 
 {#if asChild}

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

@@ -25,10 +25,10 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
-      menu.getItemGroupLabelProps({
+      menu!.getItemGroupLabelProps({
         htmlFor: itemGroupProps.id,
       }),
+      props,
     ),
   );
 </script>

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

@@ -30,7 +30,7 @@
   });
 
   let mergedProps = $derived(
-    mergeProps(props, menu.getItemGroupProps(itemGroupProps)),
+    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(localProps, menu.getItemProps(itemProps)),
+    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(props, menu.getItemIndicatorProps(itemProps)),
+    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(props, menu.getItemTextProps(itemProps)),
+    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(localProps, menu.getOptionItemProps(itemProps)),
+    mergeProps(menu!.getOptionItemProps(itemProps), localProps),
   );
 
   setMenuOptionItemPropsContext(() => itemProps);

package/dist/menu/menu-positioner.svelte

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

package/dist/menu/menu-separator.svelte

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

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

@@ -18,7 +18,7 @@
 
   let menuTriggerItemProps = getMenuTriggerItemContext();
 
-  let mergedProps = $derived(mergeProps(props, menuTriggerItemProps));
+  let mergedProps = $derived(mergeProps(menuTriggerItemProps, props));
 </script>
 
 {#if asChild}

package/dist/menu/menu-trigger.svelte

@@ -18,7 +18,7 @@
 
   let menu = getMenuContext();
 
-  let mergedProps = $derived(mergeProps(props, menu.getTriggerProps()));
+  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/create-number-input.svelte.d.ts

@@ -1,6 +1,6 @@
 import * as numberInput from '@zag-js/number-input';
 export interface CreateNumberInputProps extends Omit<numberInput.Context, 'id' | 'dir' | 'getRootNode'> {
-    id?: string | null;
+    id?: string;
 }
 export interface CreateNumberInputReturn extends numberInput.Api {
 }

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/number-input/number-input-control.svelte

@@ -18,7 +18,7 @@
 
   let numberInput = getNumberInputContext();
 
-  let mergedProps = $derived(mergeProps(props, numberInput.getControlProps()));
+  let mergedProps = $derived(mergeProps(numberInput.getControlProps(), props));
 </script>
 
 {#if asChild}

package/dist/number-input/number-input-decrement-trigger.svelte

@@ -19,7 +19,7 @@
   let numberInput = getNumberInputContext();
 
   let mergedProps = $derived(
-    mergeProps(props, numberInput.getDecrementTriggerProps()),
+    mergeProps(numberInput.getDecrementTriggerProps(), props),
   );
 </script>
 

package/dist/number-input/number-input-increment-trigger.svelte

@@ -19,7 +19,7 @@
   let numberInput = getNumberInputContext();
 
   let mergedProps = $derived(
-    mergeProps(props, numberInput.getIncrementTriggerProps()),
+    mergeProps(numberInput.getIncrementTriggerProps(), props),
   );
 </script>
 

package/dist/number-input/number-input-input.svelte

@@ -17,7 +17,7 @@
 
   let numberInput = getNumberInputContext();
 
-  let mergedProps = $derived(mergeProps(props, numberInput.getInputProps()));
+  let mergedProps = $derived(mergeProps(numberInput.getInputProps(), props));
 </script>
 
 {#if asChild}

package/dist/number-input/number-input-label.svelte

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

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

@@ -59,7 +59,7 @@
   let numberInput = createNumberInput(reflect(() => createNumberInputProps));
 
   let mergedProps = $derived(
-    mergeProps(localProps, numberInput.getRootProps()),
+    mergeProps(numberInput.getRootProps(), localProps),
   );
 
   setNumberInputContext(numberInput);

package/dist/number-input/number-input-scrubber.svelte

@@ -18,7 +18,7 @@
 
   let numberInput = getNumberInputContext();
 
-  let mergedProps = $derived(mergeProps(props, numberInput.getScrubberProps()));
+  let mergedProps = $derived(mergeProps(numberInput.getScrubberProps(), props));
 </script>
 
 {#if asChild}

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

@@ -1,6 +1,6 @@
 import * as pagination from '@zag-js/pagination';
 export interface CreatePaginationProps extends Omit<pagination.Context, 'id' | 'dir' | 'getRootNode'> {
-    id?: string | null;
+    id?: string;
 }
 export interface CreatePaginationReturn extends pagination.Api {
 }

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/pagination/pagination-ellipsis.svelte

@@ -24,7 +24,7 @@
   let pagination = getPaginationContext();
 
   let mergedProps = $derived(
-    mergeProps(props, pagination.getEllipsisProps({index})),
+    mergeProps(pagination.getEllipsisProps({index}), props),
   );
 </script>
 

package/dist/pagination/pagination-item.svelte

@@ -25,11 +25,11 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       pagination.getItemProps({
         type: 'page',
         value,
       }),
+      props,
     ),
   );
 </script>

package/dist/pagination/pagination-next-trigger.svelte

@@ -19,7 +19,7 @@
   let pagination = getPaginationContext();
 
   let mergedProps = $derived(
-    mergeProps(props, pagination.getNextTriggerProps()),
+    mergeProps(pagination.getNextTriggerProps(), props),
   );
 </script>
 

package/dist/pagination/pagination-prev-trigger.svelte

@@ -19,7 +19,7 @@
   let pagination = getPaginationContext();
 
   let mergedProps = $derived(
-    mergeProps(props, pagination.getPrevTriggerProps()),
+    mergeProps(pagination.getPrevTriggerProps(), props),
   );
 </script>
 

package/dist/pagination/pagination-root.svelte

@@ -43,7 +43,7 @@
 
   let pagination = createPagination(reflect(() => createPaginationProps));
 
-  let mergedProps = $derived(mergeProps(localProps, pagination.getRootProps()));
+  let mergedProps = $derived(mergeProps(pagination.getRootProps(), localProps));
 
   setPaginationContext(pagination);
 </script>

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

@@ -1,9 +1,9 @@
-import type { HtmlProps } from '../types.js';
 import * as pinInput from '@zag-js/pin-input';
+import type { HTMLButtonAttributes } from 'svelte/elements';
 export interface CreatePinInputProps extends Omit<pinInput.Context, 'id' | 'dir' | 'getRootNode'> {
-    id?: string | null;
+    id?: string;
 }
 export interface CreatePinInputReturn extends pinInput.Api {
-    getClearTriggerProps(): HtmlProps<'button'>;
+    getClearTriggerProps(): HTMLButtonAttributes;
 }
 export declare function createPinInputContext(props: CreatePinInputProps): CreatePinInputReturn;

package/dist/pin-input/pin-input-clear-trigger.svelte

@@ -21,9 +21,9 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
-      parts.clearTrigger.attrs,
+      parts.clearTrigger.attrs as any,
       pinInput.getClearTriggerProps(),
+      props,
     ),
   );
 </script>

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/pin-input/pin-input-hidden-input.svelte

@@ -17,7 +17,7 @@
 
   let pinInput = getPinInputContext();
 
-  let mergedProps = $derived(mergeProps(props, pinInput.getHiddenInputProps()));
+  let mergedProps = $derived(mergeProps(pinInput.getHiddenInputProps(), props));
 </script>
 
 {#if asChild}

package/dist/pin-input/pin-input-input.svelte

@@ -23,7 +23,7 @@
   let pinInput = getPinInputContext();
 
   let mergedProps = $derived(
-    mergeProps(props, pinInput.getInputProps({index})),
+    mergeProps(pinInput.getInputProps({index}), props),
   );
 </script>
 

package/dist/pin-input/pin-input-label.svelte

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

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

@@ -54,7 +54,7 @@
 
   let pinInput = createPinInputContext(reflect(() => createPinInputProps));
 
-  let mergedProps = $derived(mergeProps(localProps, pinInput.getRootProps()));
+  let mergedProps = $derived(mergeProps(pinInput.getRootProps(), localProps));
 
   setPinInputContext(pinInput);
 </script>

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

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