ui-ingredients 0.0.65 → 0.0.66

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

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

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

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

package/dist/tags-input/tags-input-item-delete-trigger.svelte

@@ -23,7 +23,7 @@
   let itemProps = getTagsInputItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, tagsInput.getItemDeleteTriggerProps(itemProps)),
+    mergeProps(tagsInput.getItemDeleteTriggerProps(itemProps), props),
   );
 </script>
 

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

@@ -22,7 +22,7 @@
   let itemProps = getTagsInputItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, tagsInput.getItemInputProps(itemProps)),
+    mergeProps(tagsInput.getItemInputProps(itemProps), props),
   );
 </script>
 

package/dist/tags-input/tags-input-item-preview.svelte

@@ -23,7 +23,7 @@
   let itemProps = getTagsInputItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, tagsInput.getItemPreviewProps(itemProps)),
+    mergeProps(tagsInput.getItemPreviewProps(itemProps), props),
   );
 </script>
 

package/dist/tags-input/tags-input-item-text.svelte

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

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

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

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

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

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

@@ -60,7 +60,7 @@
 
   let tagsInput = createTagsInput(reflect(() => createTagsInputProps));
 
-  let mergedProps = $derived(mergeProps(localProps, tagsInput.getRootProps()));
+  let mergedProps = $derived(mergeProps(tagsInput.getRootProps(), localProps));
 
   setTagsInputContext(tagsInput);
 </script>

package/dist/time-picker/time-picker-clear-trigger.svelte

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

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

@@ -21,7 +21,7 @@
   let timePicker = getTimePickerContext();
 
   let mergedProps = $derived(
-    mergeProps(props, timePicker.getColumnProps({unit})),
+    mergeProps(timePicker.getColumnProps({unit}), props),
   );
 </script>
 

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

@@ -23,9 +23,9 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       timePicker.getContentProps(),
       presence.getPresenceProps(),
+      props,
     ),
   );
 </script>

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

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

package/dist/time-picker/time-picker-hour-cell.svelte

@@ -21,7 +21,7 @@
   let timePicker = getTimePickerContext();
 
   let mergedProps = $derived(
-    mergeProps(props, timePicker.getHourCellProps({value})),
+    mergeProps(timePicker.getHourCellProps({value}), props),
   );
 </script>
 

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

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

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

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

package/dist/time-picker/time-picker-minute-cell.svelte

@@ -21,7 +21,7 @@
   let timePicker = getTimePickerContext();
 
   let mergedProps = $derived(
-    mergeProps(props, timePicker.getMinuteCellProps({value})),
+    mergeProps(timePicker.getMinuteCellProps({value}), props),
   );
 </script>
 

package/dist/time-picker/time-picker-period-cell.svelte

@@ -25,10 +25,10 @@
 
   let mergedProps = $derived(
     mergeProps(
-      props,
       timePicker.getPeriodCellProps({
         value,
       }),
+      props,
     ),
   );
 </script>

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

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

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

@@ -66,7 +66,7 @@
     })),
   );
 
-  let mergedProps = $derived(mergeProps(localProps, timePicker.getRootProps()));
+  let mergedProps = $derived(mergeProps(timePicker.getRootProps(), localProps));
 
   setTimePickerContext(timePicker);
   setPresenceContext(presence);

package/dist/time-picker/time-picker-second-cell.svelte

@@ -21,7 +21,7 @@
   let timePicker = getTimePickerContext();
 
   let mergedProps = $derived(
-    mergeProps(props, timePicker.getSecondCellProps({value})),
+    mergeProps(timePicker.getSecondCellProps({value}), props),
   );
 </script>
 

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

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

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

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

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

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

package/dist/timer/timer-action-trigger.svelte

@@ -24,7 +24,7 @@
   let timer = getTimerContext();
 
   let mergedProps = $derived(
-    mergeProps(props, timer.getActionTriggerProps({action})),
+    mergeProps(timer.getActionTriggerProps({action}), props),
   );
 </script>
 

package/dist/timer/timer-area.svelte

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

package/dist/timer/timer-control.svelte

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

package/dist/timer/timer-item-label.svelte

@@ -23,7 +23,7 @@
   let itemProps = getTimerItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, timer.getItemLabelProps(itemProps)),
+    mergeProps(timer.getItemLabelProps(itemProps), props),
   );
 </script>
 

package/dist/timer/timer-item-value.svelte

@@ -23,7 +23,7 @@
   let itemProps = getTimerItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(props, timer.getItemValueProps(itemProps)),
+    mergeProps(timer.getItemValueProps(itemProps), props),
   );
 </script>
 

package/dist/timer/timer-item.svelte

@@ -28,7 +28,7 @@
   );
 
   let mergedProps = $derived(
-    mergeProps(localProps, timer.getItemProps(itemProps)),
+    mergeProps(timer.getItemProps(itemProps), localProps),
   );
 
   setTimerItemPropsContext(() => itemProps);

package/dist/timer/timer-root.svelte

@@ -41,7 +41,7 @@
 
   let timer = createTimer(reflect(() => createTimerProps));
 
-  let mergedProps = $derived(mergeProps(localProps, timer.getRootProps()));
+  let mergedProps = $derived(mergeProps(timer.getRootProps(), localProps));
 
   setTimerContext(timer);
 </script>

package/dist/timer/timer-separator.svelte

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

package/dist/toast/create-toaster.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Machine, StateMachine } from '@zag-js/core';
 import * as toast from '@zag-js/toast';
 export interface CreateToasterProps {
-    id?: string | null;
+    id?: string;
     max?: toast.GroupMachineContext['max'];
     gap?: toast.GroupMachineContext['gap'];
     hotkey?: toast.GroupMachineContext['hotkey'];

package/dist/toast/toast-action-trigger.svelte

@@ -19,7 +19,7 @@
   let context = getToastContext();
 
   let mergedProps = $derived(
-    mergeProps(props, context.getActionTriggerProps()),
+    mergeProps(context.getActionTriggerProps(), props),
   );
 </script>
 

package/dist/toast/toast-actor.svelte

@@ -6,14 +6,14 @@
 
   interface Props {
     actor: toast$.Service;
-    children$: Snippet<[toast: CreateToastReturn]>;
+    children: Snippet<[toast: CreateToastReturn]>;
   }
 
-  let {actor, children$}: Props = $props();
+  let {actor, children}: Props = $props();
 
   let toast = createToast(actor);
 
   setToastContext(toast);
 </script>
 
-{@render children$(toast)}
+{@render children(toast)}

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

@@ -16,7 +16,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const ToastActor: $$__sveltets_2_IsomorphicComponent<{
     actor: toast$.Service;
-    children$: Snippet<[toast: CreateToastReturn]>;
+    children: Snippet<[toast: CreateToastReturn]>;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "">;

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

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

package/dist/toast/toast-description.svelte

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

package/dist/toast/toast-ghost-after.svelte

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

package/dist/toast/toast-ghost-before.svelte

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

package/dist/toast/toast-root.svelte

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

package/dist/toast/toast-title.svelte

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

package/dist/toast/toaster.svelte

@@ -21,7 +21,7 @@
   let {
     ref = $bindable(null),
     toaster,
-    children,
+    children: children_,
     ...props
   }: ToasterProps = $props();
 
@@ -38,15 +38,17 @@
   let placement = $derived(snapshot.context.placement);
   let api = $derived(toast.group.connect(snapshot, send, normalizeProps));
   let toasts = $derived(api.getToastsByPlacement(placement));
-  let mergedProps = $derived(mergeProps(props, api.getGroupProps({placement})));
+  let mergedProps = $derived(
+    mergeProps(api.getGroupProps({placement}) as any, props),
+  );
 </script>
 
 <Portal>
   <div bind:this={ref} {...mergedProps}>
     {#each toasts as toast (toast.id)}
       <ToastActor actor={toast}>
-        {#snippet children$(ctx)}
-          {@render children?.(ctx)}
+        {#snippet children(ctx)}
+          {@render children_?.(ctx)}
         {/snippet}
       </ToastActor>
     {/each}

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

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

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

@@ -30,7 +30,7 @@
   let itemState = $derived(toggleGroup.getItemState(itemProps));
 
   let mergedProps = $derived(
-    mergeProps(localProps, toggleGroup.getItemProps(itemProps)),
+    mergeProps(toggleGroup.getItemProps(itemProps), localProps),
   );
 </script>
 

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

@@ -43,7 +43,7 @@
   let toggleGroup = createToggleGroup(reflect(() => createToggleGroupProps));
 
   let mergedProps = $derived(
-    mergeProps(localProps, toggleGroup.getRootProps()),
+    mergeProps(toggleGroup.getRootProps(), localProps),
   );
 
   setToggleGroupContext(toggleGroup);

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

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

package/dist/tooltip/tooltip-arrow.svelte

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

package/dist/tooltip/tooltip-content.svelte

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

package/dist/tooltip/tooltip-positioner.svelte

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

package/dist/tooltip/tooltip-trigger.svelte

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

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

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

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

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

package/dist/tour/tour-arrow.svelte

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

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

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

package/dist/tour/tour-content.svelte

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

package/dist/tour/tour-description.svelte

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

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

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

package/dist/tour/tour-overlay.svelte

@@ -29,7 +29,7 @@
   );
 
   let mergedProps = $derived(
-    mergeProps(props, tour.getOverlayProps(), presence.getPresenceProps()),
+    mergeProps(tour.getOverlayProps(), presence.getPresenceProps(), props),
   );
 </script>
 

package/dist/tour/tour-positioner.svelte

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