ui-ingredients 0.0.65 → 0.0.66

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-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}

package/dist/popover/popover-arrow.svelte

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

package/dist/popover/popover-close-trigger.svelte

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

package/dist/popover/popover-content.svelte

@@ -22,7 +22,7 @@
   let presence = getPresenceContext();
 
   let mergedProps = $derived(
-    mergeProps(props, popover.getContentProps(), presence.getPresenceProps()),
+    mergeProps(popover.getContentProps(), presence.getPresenceProps(), props),
   );
 </script>
 

package/dist/popover/popover-description.svelte

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

package/dist/popover/popover-positioner.svelte

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

package/dist/popover/popover-title.svelte

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

package/dist/popover/popover-trigger.svelte

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

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

@@ -11,7 +11,7 @@ export interface CreatePresenceProps extends PresenceStrategyProps {
 }
 export interface CreatePresenceReturn {
     ref: Action;
-    getPresenceProps: () => HTMLAttributes<HTMLElement>;
+    getPresenceProps(): HTMLAttributes<HTMLElement>;
     mounted: boolean;
 }
 export declare function createPresence(props: CreatePresenceProps): CreatePresenceReturn;

package/dist/presence/presence.svelte

@@ -29,7 +29,7 @@
   let presence = createPresence(reflect(() => createPresenceProps));
 
   let mergedProps = $derived(
-    mergeProps(localProps, presence.getPresenceProps()),
+    mergeProps(presence.getPresenceProps() as any, localProps),
   );
 </script>
 

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

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

package/dist/progress/progress-circle-range.svelte

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

package/dist/progress/progress-circle-track.svelte

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

package/dist/progress/progress-circle.svelte

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

package/dist/progress/progress-label.svelte

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

package/dist/progress/progress-range.svelte

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

package/dist/progress/progress-root.svelte

@@ -40,7 +40,7 @@
 
   let progress = createProgress(reflect(() => createProgressProps));
 
-  let mergedProps = $derived(mergeProps(localProps, progress.getRootProps()));
+  let mergedProps = $derived(mergeProps(progress.getRootProps(), localProps));
 
   setProgressContext(progress);
 </script>

package/dist/progress/progress-track.svelte

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

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

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

package/dist/progress/progress-view.svelte

@@ -20,7 +20,7 @@
 
   let progress = getProgressContext();
 
-  let mergedProps = $derived(mergeProps(props, progress.getViewProps({state})));
+  let mergedProps = $derived(mergeProps(progress.getViewProps({state}), props));
 </script>
 
 {#if asChild}

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

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

package/dist/qr-code/qr-code-frame.svelte

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

package/dist/qr-code/qr-code-overlay.svelte

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

package/dist/qr-code/qr-code-pattern.svelte

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

package/dist/qr-code/qr-code-root.svelte

@@ -34,7 +34,7 @@
 
   let qrCode = createQRCode(reflect(() => createQrCodeProps));
 
-  let mergedProps = $derived(mergeProps(localProps, qrCode.getRootProps()));
+  let mergedProps = $derived(mergeProps(qrCode.getRootProps(), localProps));
 
   setQrCodeContext(qrCode);
 </script>

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

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

package/dist/radio-group/radio-group-indicator.svelte

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

package/dist/radio-group/radio-group-item-control.svelte

@@ -23,7 +23,7 @@
   let itemProps = getRadioGroupItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, radioGroup.getItemControlProps(itemProps)),
+    mergeProps(radioGroup.getItemControlProps(itemProps), props),
   );
 </script>
 

package/dist/radio-group/radio-group-item-hidden-input.svelte

@@ -22,7 +22,7 @@
   let itemProps = getRadioGroupItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, radioGroup.getItemHiddenInputProps(itemProps)),
+    mergeProps(radioGroup.getItemHiddenInputProps(itemProps), props),
   );
 </script>
 

package/dist/radio-group/radio-group-item-text.svelte

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

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

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

package/dist/radio-group/radio-group-label.svelte

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

package/dist/radio-group/radio-group-root.svelte

@@ -42,7 +42,7 @@
 
   let radioGroup = createRadioGroup(reflect(() => createRadioGroupProps));
 
-  let mergedProps = $derived(mergeProps(localProps, radioGroup.getRootProps()));
+  let mergedProps = $derived(mergeProps(radioGroup.getRootProps(), localProps));
 
   setRadioGroupContext(radioGroup);
 </script>

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

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

package/dist/rating-group/rating-group-control.svelte

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

package/dist/rating-group/rating-group-hidden-input.svelte

@@ -18,7 +18,7 @@
   let radioGroup = getRatingGroupContext();
 
   let mergedProps = $derived(
-    mergeProps(props, radioGroup.getHiddenInputProps()),
+    mergeProps(radioGroup.getHiddenInputProps(), props),
   );
 </script>
 

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

@@ -25,7 +25,7 @@
 
   let itemState = $derived(ratingGroup.getItemState({index}));
   let mergedProps = $derived(
-    mergeProps(props, ratingGroup.getItemProps({index})),
+    mergeProps(ratingGroup.getItemProps({index}), props),
   );
 </script>
 

package/dist/rating-group/rating-group-label.svelte

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

package/dist/rating-group/rating-group-root.svelte

@@ -48,7 +48,7 @@
   let ratingGroup = createRatingGroup(reflect(() => createRatingGroupProps));
 
   let mergedProps = $derived(
-    mergeProps(localProps, ratingGroup.getRootProps()),
+    mergeProps(ratingGroup.getRootProps(), localProps),
   );
 
   setRatingGroupContext(ratingGroup);

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

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

package/dist/segment-group/segment-group-indicator.svelte

@@ -20,7 +20,7 @@
   let segmentGroup = getSegmentGroupContext();
 
   let mergedProps = $derived(
-    mergeProps(props, segmentGroup.getIndicatorProps(), parts.indicator.attrs),
+    mergeProps(segmentGroup.getIndicatorProps(), parts.indicator.attrs, props),
   );
 </script>
 

package/dist/segment-group/segment-group-item-control.svelte

@@ -25,9 +25,9 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       segmentGroup.getItemControlProps(itemProps),
       parts.itemControl.attrs,
+      props,
     ),
   );
 </script>

package/dist/segment-group/segment-group-item-hidden-input.svelte

@@ -22,7 +22,7 @@
   let itemProps = getSegmentGroupItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, segmentGroup.getItemHiddenInputProps(itemProps)),
+    mergeProps(segmentGroup.getItemHiddenInputProps(itemProps), props),
   );
 </script>
 

package/dist/segment-group/segment-group-item-text.svelte

@@ -25,9 +25,9 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       segmentGroup.getItemTextProps(itemProps),
       parts.itemText.attrs,
+      props,
     ),
   );
 </script>

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

@@ -34,9 +34,9 @@
   let itemState = $derived(segmentGroup.getItemState(itemProps));
   let mergedProps = $derived(
     mergeProps(
-      localProps,
       segmentGroup.getItemProps(itemProps),
       parts.item.attrs,
+      localProps,
     ),
   );
 

package/dist/segment-group/segment-group-label.svelte

@@ -20,7 +20,7 @@
   let segmentGroup = getSegmentGroupContext();
 
   let mergedProps = $derived(
-    mergeProps(props, segmentGroup.getLabelProps(), parts.label.attrs),
+    mergeProps(segmentGroup.getLabelProps(), parts.label.attrs, props),
   );
 </script>
 

package/dist/segment-group/segment-group-root.svelte

@@ -44,7 +44,7 @@
   let segmentGroup = createSegmentGroup(reflect(() => createSegmentGroupProps));
 
   let mergedProps = $derived(
-    mergeProps(localProps, segmentGroup.getRootProps(), parts.root.attrs),
+    mergeProps(segmentGroup.getRootProps(), parts.root.attrs, localProps),
   );
 
   setSegmentGroupContext(segmentGroup);

package/dist/select/select-clear-trigger.svelte

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

package/dist/select/select-content.svelte

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

package/dist/select/select-control.svelte

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

package/dist/select/select-hidden-select.svelte

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