ui-ingredients 0.0.65 → 0.0.66

package/dist/select/select-indicator.svelte

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

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

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

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

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

package/dist/select/select-item-indicator.svelte

@@ -23,7 +23,7 @@
   let itemProps = getSelectItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, select.getItemIndicatorProps(itemProps)),
+    mergeProps(select.getItemIndicatorProps(itemProps), props),
   );
 </script>
 

package/dist/select/select-item-text.svelte

@@ -23,7 +23,7 @@
   let itemProps = getSelectItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, select.getItemTextProps(itemProps)),
+    mergeProps(select.getItemTextProps(itemProps), props),
   );
 </script>
 

package/dist/select/select-item.svelte

@@ -32,7 +32,7 @@
 
   let itemState = $derived(select.getItemState(itemProps));
   let mergedProps = $derived(
-    mergeProps(localProps, select.getItemProps(itemProps)),
+    mergeProps(select.getItemProps(itemProps), localProps),
   );
 
   setSelectItemPropsContext(() => itemProps);

package/dist/select/select-label.svelte

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

package/dist/select/select-list.svelte

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

package/dist/select/select-positioner.svelte

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

package/dist/select/select-root.svelte

@@ -76,7 +76,7 @@
     })),
   );
 
-  let mergedProps = $derived(mergeProps(localProps, select.getRootProps()));
+  let mergedProps = $derived(mergeProps(select.getRootProps(), localProps));
 
   setSelectContext(select);
   setPresenceContext(presence);

package/dist/select/select-trigger.svelte

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

package/dist/select/select-value-text.svelte

@@ -19,7 +19,7 @@
 
   let select = getSelectContext();
 
-  let mergedProps = $derived(mergeProps(props, select.getValueTextProps()));
+  let mergedProps = $derived(mergeProps(select.getValueTextProps(), props));
 </script>
 
 {#if asChild}

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

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

package/dist/signature-pad/signature-pad-clear-trigger.svelte

@@ -19,7 +19,7 @@
   let signaturePad = getSignaturePadContext();
 
   let mergedProps = $derived(
-    mergeProps(props, signaturePad.getClearTriggerProps()),
+    mergeProps(signaturePad.getClearTriggerProps(), props),
   );
 </script>
 

package/dist/signature-pad/signature-pad-control.svelte

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

package/dist/signature-pad/signature-pad-current-segment-path.svelte

@@ -20,10 +20,10 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       signaturePad.getSegmentPathProps({
         path: signaturePad.currentPath ?? '',
       }),
+      props,
     ),
   );
 </script>

package/dist/signature-pad/signature-pad-guide.svelte

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

package/dist/signature-pad/signature-pad-hidden-input.svelte

@@ -23,7 +23,7 @@
   let signaturePad = getSignaturePadContext();
 
   let mergedProps = $derived(
-    mergeProps(props, signaturePad.getHiddenInputProps({value})),
+    mergeProps(signaturePad.getHiddenInputProps({value}), props),
   );
 </script>
 

package/dist/signature-pad/signature-pad-label.svelte

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

package/dist/signature-pad/signature-pad-root.svelte

@@ -44,7 +44,7 @@
   let signaturePad = createSignaturePad(reflect(() => createSignaturePadProps));
 
   let mergedProps = $derived(
-    mergeProps(localProps, signaturePad.getRootProps()),
+    mergeProps(signaturePad.getRootProps(), localProps),
   );
 
   setSignaturePadContext(signaturePad);

package/dist/signature-pad/signature-pad-segment-path.svelte

@@ -24,7 +24,7 @@
   let signaturePad = getSignaturePadContext();
 
   let mergedProps = $derived(
-    mergeProps(props, signaturePad.getSegmentPathProps({path})),
+    mergeProps(signaturePad.getSegmentPathProps({path}), props),
   );
 </script>
 

package/dist/signature-pad/signature-pad-segment.svelte

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

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

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

package/dist/slider/slider-control.svelte

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

package/dist/slider/slider-hidden-input.svelte

@@ -22,7 +22,7 @@
   let thumbProps = getSliderThumbPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, slider.getHiddenInputProps(thumbProps)),
+    mergeProps(slider.getHiddenInputProps(thumbProps), props),
   );
 </script>
 

package/dist/slider/slider-label.svelte

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

package/dist/slider/slider-marker-group.svelte

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

package/dist/slider/slider-marker.svelte

@@ -22,10 +22,10 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       slider.getMarkerProps({
         value,
       }),
+      props,
     ),
   );
 </script>

package/dist/slider/slider-range.svelte

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

package/dist/slider/slider-root.svelte

@@ -55,7 +55,7 @@
 
   let slider = createSlider(reflect(() => createSliderProps));
 
-  let mergedProps = $derived(mergeProps(localProps, slider.getRootProps()));
+  let mergedProps = $derived(mergeProps(slider.getRootProps(), localProps));
 
   setSliderContext(slider);
 </script>

package/dist/slider/slider-thumb.svelte

@@ -28,7 +28,7 @@
   );
 
   let mergedProps = $derived(
-    mergeProps(localProps, slider.getThumbProps(thumbProps)),
+    mergeProps(slider.getThumbProps(thumbProps), localProps),
   );
 
   setSliderThumbPropsContext(() => thumbProps);

package/dist/slider/slider-track.svelte

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

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

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

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

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

package/dist/splitter/splitter-panel.svelte

@@ -25,7 +25,7 @@
   );
 
   let mergedProps = $derived(
-    mergeProps(localProps, splitter.getPanelProps(panelProps)),
+    mergeProps(splitter.getPanelProps(panelProps), localProps),
   );
 </script>
 

package/dist/splitter/splitter-resize-trigger.svelte

@@ -39,7 +39,7 @@
   let itemState = $derived(splitter.getResizeTriggerState(resizeTriggerProps));
 
   let mergedProps = $derived(
-    mergeProps(localProps, splitter.getResizeTriggerProps(resizeTriggerProps)),
+    mergeProps(splitter.getResizeTriggerProps(resizeTriggerProps), localProps),
   );
 </script>
 

package/dist/splitter/splitter-root.svelte

@@ -39,7 +39,7 @@
 
   let splitter = createSplitter(reflect(() => createSplitterProps));
 
-  let mergedProps = $derived(mergeProps(localProps, splitter.getRootProps()));
+  let mergedProps = $derived(mergeProps(splitter.getRootProps(), localProps));
 
   setSplitterContext(splitter);
 </script>

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

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

package/dist/steps/steps-completed-content.svelte

@@ -20,10 +20,10 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       steps.getContentProps({
         index: steps.count,
       }),
+      props,
     ),
   );
 </script>

package/dist/steps/steps-content.svelte

@@ -20,7 +20,7 @@
 
   let steps = getStepsContext();
 
-  let mergedProps = $derived(mergeProps(props, steps.getContentProps({index})));
+  let mergedProps = $derived(mergeProps(steps.getContentProps({index}), props));
 </script>
 
 {#if asChild}

package/dist/steps/steps-indicator.svelte

@@ -24,7 +24,7 @@
   let itemProps = getStepsItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, steps.getIndicatorProps(itemProps)),
+    mergeProps(steps.getIndicatorProps(itemProps), props),
   );
 </script>
 

package/dist/steps/steps-item.svelte

@@ -33,7 +33,7 @@
   let itemState = $derived(steps.getItemState(itemProps));
 
   let mergedProps = $derived(
-    mergeProps(localProps, steps.getItemProps(itemProps)),
+    mergeProps(steps.getItemProps(itemProps), localProps),
   );
 
   setStepsItemPropsContext(() => itemProps);

package/dist/steps/steps-list.svelte

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

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

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

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

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

package/dist/steps/steps-progress.svelte

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

package/dist/steps/steps-root.svelte

@@ -41,7 +41,7 @@
 
   let steps = createSteps(reflect(() => createStepsProps));
 
-  let mergedProps = $derived(mergeProps(localProps, steps.getRootProps()));
+  let mergedProps = $derived(mergeProps(steps.getRootProps(), localProps));
 
   setStepsContext(steps);
 </script>

package/dist/steps/steps-separator.svelte

@@ -23,7 +23,7 @@
   let itemProps = getStepsItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, steps.getSeparatorProps(itemProps)),
+    mergeProps(steps.getSeparatorProps(itemProps), props),
   );
 </script>
 

package/dist/steps/steps-trigger.svelte

@@ -23,7 +23,7 @@
   let itemProps = getStepsItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, steps.getTriggerProps(itemProps)),
+    mergeProps(steps.getTriggerProps(itemProps), props),
   );
 </script>
 

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

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

package/dist/switch/switch-control.svelte

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

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

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

package/dist/switch/switch-label.svelte

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

package/dist/switch/switch-root.svelte

@@ -45,7 +45,7 @@
 
   let switch_ = createSwitch(reflect(() => createSwitchProps));
 
-  let mergedProps = $derived(mergeProps(localProps, switch_.getRootProps()));
+  let mergedProps = $derived(mergeProps(switch_.getRootProps(), localProps));
 
   setSwitchContext(switch_);
 </script>

package/dist/switch/switch-thumb.svelte

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

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

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

package/dist/tabs/tabs-content.svelte

@@ -25,7 +25,7 @@
   );
 
   let mergedProps = $derived(
-    mergeProps(localProps, tabs.getContentProps(contentProps)),
+    mergeProps(tabs.getContentProps(contentProps), localProps),
   );
 </script>
 

package/dist/tabs/tabs-list.svelte

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

package/dist/tabs/tabs-root.svelte

@@ -43,7 +43,7 @@
 
   let tabs = createTabs(reflect(() => createTabsProps));
 
-  let mergedProps = $derived(mergeProps(localProps, tabs.getRootProps()));
+  let mergedProps = $derived(mergeProps(tabs.getRootProps(), localProps));
 
   setTabsContext(tabs);
 </script>

package/dist/tabs/tabs-trigger.svelte

@@ -28,7 +28,7 @@
   );
 
   let mergedProps = $derived(
-    mergeProps(localProps, tabs.getTriggerProps(triggerProps)),
+    mergeProps(tabs.getTriggerProps(triggerProps), localProps),
   );
 </script>
 

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

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

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

@@ -19,7 +19,7 @@
   let tagsInput = getTagsInputContext();
 
   let mergedProps = $derived(
-    mergeProps(props, tagsInput.getClearTriggerProps()),
+    mergeProps(tagsInput.getClearTriggerProps(), props),
   );
 </script>
 

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

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