npm - ui-ingredients - Versions diffs - 0.26.0 → 0.28.0 - Mend

ui-ingredients 0.26.0 → 0.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (367) hide show

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

@@ -16,7 +16,6 @@
   }: TagsInputHiddenInputProps = $props();
   let tagsInput = getTagsInputContext();
   let mergedProps = $derived(
     mergeProps(tagsInput.getHiddenInputProps(), props),
   );

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

@@ -16,7 +16,6 @@
   }: TagsInputInputProps = $props();
   let tagsInput = getTagsInputContext();
   let mergedProps = $derived(mergeProps(tagsInput.getInputProps(), props));
 </script>

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

@@ -21,7 +21,6 @@
   let tagsInput = getTagsInputContext();
   let itemProps = getTagsInputItemPropsContext();
   let mergedProps = $derived(
     mergeProps(tagsInput.getItemDeleteTriggerProps(itemProps), props),
   );

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

@@ -20,7 +20,6 @@
   let tagsInput = getTagsInputContext();
   let itemProps = getTagsInputItemPropsContext();
   let mergedProps = $derived(
     mergeProps(tagsInput.getItemInputProps(itemProps), props),
   );

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

@@ -21,7 +21,6 @@
   let tagsInput = getTagsInputContext();
   let itemProps = getTagsInputItemPropsContext();
   let mergedProps = $derived(
     mergeProps(tagsInput.getItemPreviewProps(itemProps), props),
   );

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

@@ -21,7 +21,6 @@
   let tagsInput = getTagsInputContext();
   let itemProps = getTagsInputItemPropsContext();
   let mergedProps = $derived(
     mergeProps(tagsInput.getItemTextProps(itemProps), props),
   );

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

@@ -24,14 +24,12 @@
     ...props
   }: TagsInputItemProps = $props();
-  let tagsInput = getTagsInputContext();
   let [itemProps, localProps] = $derived(
     createSplitProps<ItemProps>(['index', 'value', 'disabled'])(props),
   );
+  let tagsInput = getTagsInputContext();
   let itemState = $derived(tagsInput.getItemState(itemProps));
   let mergedProps = $derived(
     mergeProps(tagsInput.getItemProps(itemProps), localProps),
   );

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

@@ -17,7 +17,6 @@
   }: TagsInputLabelProps = $props();
   let tagsInput = getTagsInputContext();
   let mergedProps = $derived(mergeProps(tagsInput.getLabelProps(), props));
 </script>

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

@@ -27,33 +27,33 @@
   let [createTagsInputProps, localProps] = $derived(
     createSplitProps<CreateTagsInputProps>([
+      'addOnPaste',
+      'allowOverflow',
+      'autoFocus',
+      'blurBehavior',
+      'delimiter',
+      'disabled',
+      'editable',
+      'form',
       'id',
       'ids',
-      'max',
-      'form',
-      'name',
-      'value',
+      'inputValue',
       'invalid',
-      'disabled',
-      'editable',
-      'readOnly',
-      'validate',
-      'required',
-      'delimiter',
-      'autoFocus',
+      'max',
       'maxLength',
-      'addOnPaste',
-      'inputValue',
-      'blurBehavior',
-      'translations',
-      'allowOverflow',
-      'onValueChange',
+      'name',
       'onFocusOutside',
-      'onValueInvalid',
-      'onInteractOutside',
       'onHighlightChange',
       'onInputValueChange',
+      'onInteractOutside',
       'onPointerDownOutside',
+      'onValueChange',
+      'onValueInvalid',
+      'readOnly',
+      'required',
+      'translations',
+      'validate',
+      'value',
     ])(props),
   );

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

@@ -17,7 +17,6 @@
   }: TimePickerClearTriggerProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(
     mergeProps(timePicker.getClearTriggerProps(), props),
   );

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

@@ -19,7 +19,6 @@
   }: TimePickerColumnProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(
     mergeProps(timePicker.getColumnProps({unit}), props),
   );

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

@@ -20,7 +20,6 @@
   let timePicker = getTimePickerContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(
       timePicker.getContentProps(),

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

@@ -17,7 +17,6 @@
   }: TimePickerControlProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(mergeProps(timePicker.getControlProps(), props));
 </script>

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

@@ -19,7 +19,6 @@
   }: TimePickerHourCellProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(
     mergeProps(timePicker.getHourCellProps({value}), props),
   );

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

@@ -16,7 +16,6 @@
   }: TimePickerInputProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(mergeProps(timePicker.getInputProps(), props));
 </script>

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

@@ -17,7 +17,6 @@
   }: TimePickerLabelProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(mergeProps(timePicker.getLabelProps(), props));
 </script>

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

@@ -19,7 +19,6 @@
   }: TimePickerMinuteCellProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(
     mergeProps(timePicker.getMinuteCellProps({value}), props),
   );

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

@@ -22,14 +22,8 @@
   }: TimePickerPeriodCellProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(
-    mergeProps(
-      timePicker.getPeriodCellProps({
-        value,
-      }),
-      props,
-    ),
+    mergeProps(timePicker.getPeriodCellProps({value}), props),
   );
 </script>

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

@@ -19,7 +19,6 @@
   let timePicker = getTimePickerContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(
       timePicker.getPositionerProps(),

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

@@ -31,25 +31,25 @@
   let [createTimePickerProps, rest] = $derived(
     createSplitProps<CreateTimePickerProps>([
+      'allowSeconds',
+      'disableLayer',
+      'disabled',
       'id',
       'ids',
-      'min',
+      'locale',
       'max',
+      'min',
       'name',
+      'onFocusChange',
+      'onOpenChange',
+      'onValueChange',
       'open',
       'openControlled',
-      'steps',
-      'value',
-      'locale',
-      'readOnly',
-      'disabled',
       'placeholder',
       'positioning',
-      'allowSeconds',
-      'disableLayer',
-      'onOpenChange',
-      'onValueChange',
-      'onFocusChange',
+      'readOnly',
+      'steps',
+      'value',
     ])(props),
   );

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

@@ -19,7 +19,6 @@
   }: TimePickerSecondCellProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(
     mergeProps(timePicker.getSecondCellProps({value}), props),
   );

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

@@ -17,7 +17,6 @@
   }: TimePickerSpacerProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(mergeProps(timePicker.getSpacerProps(), props));
 </script>

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

@@ -17,7 +17,6 @@
   }: TimePickerTriggerProps = $props();
   let timePicker = getTimePickerContext();
   let mergedProps = $derived(mergeProps(timePicker.getTriggerProps(), props));
 </script>

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

@@ -22,7 +22,6 @@
   }: TimerActionTriggerProps = $props();
   let timer = getTimerContext();
   let mergedProps = $derived(
     mergeProps(timer.getActionTriggerProps({action}), props),
   );

package/dist/timer/timer-area.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TimerAreaProps = $props();
   let timer = getTimerContext();
   let mergedProps = $derived(mergeProps(timer.getAreaProps(), props));
 </script>

package/dist/timer/timer-control.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TimerControlProps = $props();
   let timer = getTimerContext();
   let mergedProps = $derived(mergeProps(timer.getControlProps(), props));
 </script>

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

@@ -21,7 +21,6 @@
   let timer = getTimerContext();
   let itemProps = getTimerItemPropsContext();
   let mergedProps = $derived(
     mergeProps(timer.getItemLabelProps(itemProps), props),
   );

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

@@ -21,7 +21,6 @@
   let timer = getTimerContext();
   let itemProps = getTimerItemPropsContext();
   let mergedProps = $derived(
     mergeProps(timer.getItemValueProps(itemProps), props),
   );

package/dist/timer/timer-item.svelte CHANGED Viewed

@@ -21,12 +21,11 @@
     ...props
   }: TimerItemProps = $props();
-  let timer = getTimerContext();
   let [itemProps, localProps] = $derived(
     createSplitProps<ItemProps>(['type'])(props),
   );
+  let timer = getTimerContext();
   let mergedProps = $derived(
     mergeProps(timer.getItemProps(itemProps), localProps),
   );

package/dist/timer/timer-root.svelte CHANGED Viewed

@@ -27,19 +27,19 @@
   let [createTimerProps, localProps] = $derived(
     createSplitProps<CreateTimerProps>([
-      'id',
-      'startMs',
-      'targetMs',
-      'interval',
       'autoStart',
       'countdown',
-      'onTick',
+      'id',
+      'ids',
+      'interval',
       'onComplete',
+      'onTick',
+      'startMs',
+      'targetMs',
     ])(props),
   );
   let timer = createTimer(reflect(() => createTimerProps));
   let mergedProps = $derived(mergeProps(timer.getRootProps(), localProps));
   setTimerContext(timer);

package/dist/timer/timer-separator.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TimerSeparatorProps = $props();
   let timer = getTimerContext();
   let mergedProps = $derived(mergeProps(timer.getSeparatorProps(), props));
 </script>

package/dist/toggle/toggle-root.svelte CHANGED Viewed

@@ -28,13 +28,12 @@
   let [createToggleProps, localProps] = $derived(
     createSplitProps<CreateToggleProps>([
       'disabled',
-      'pressed',
       'onPressedChange',
+      'pressed',
     ])(props),
   );
   let toggle = createToggle(reflect(() => createToggleProps));
   let mergedProps = $derived(mergeProps(toggle.getRootProps(), localProps));
   setToggleContext(toggle);

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

@@ -21,14 +21,12 @@
     ...props
   }: ToggleGroupItemProps = $props();
-  let toggleGroup = getToggleGroupContext();
   let [itemProps, localProps] = $derived(
     createSplitProps<ItemProps>(['value', 'disabled'])(props),
   );
+  let toggleGroup = getToggleGroupContext();
   let itemState = $derived(toggleGroup.getItemState(itemProps));
   let mergedProps = $derived(
     mergeProps(toggleGroup.getItemProps(itemProps), localProps),
   );

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

@@ -27,20 +27,19 @@
   let [createToggleGroupProps, localProps] = $derived(
     createSplitProps<CreateToggleGroupProps>([
+      'disabled',
       'id',
       'ids',
-      'value',
-      'disabled',
-      'multiple',
       'loopFocus',
-      'rovingFocus',
-      'orientation',
+      'multiple',
       'onValueChange',
+      'orientation',
+      'rovingFocus',
+      'value',
     ])(props),
   );
   let toggleGroup = createToggleGroup(reflect(() => createToggleGroupProps));
   let mergedProps = $derived(
     mergeProps(toggleGroup.getRootProps(), localProps),
   );

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

@@ -17,7 +17,6 @@
   }: TooltipArrowTipProps = $props();
   let tooltip = getTooltipContext();
   let mergedProps = $derived(mergeProps(tooltip.getArrowTipProps(), props));
 </script>

package/dist/tooltip/tooltip-arrow.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TooltipArrowProps = $props();
   let tooltip = getTooltipContext();
   let mergedProps = $derived(mergeProps(tooltip.getArrowProps(), props));
 </script>

package/dist/tooltip/tooltip-content.svelte CHANGED Viewed

@@ -20,7 +20,6 @@
   let tooltip = getTooltipContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(tooltip.getContentProps(), presence.getPresenceProps(), props),
   );

package/dist/tooltip/tooltip-positioner.svelte CHANGED Viewed

@@ -19,7 +19,6 @@
   let tooltip = getTooltipContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(
       tooltip.getPositionerProps(),

package/dist/tooltip/tooltip-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TooltipTriggerProps = $props();
   let tooltip = getTooltipContext();
   let mergedProps = $derived(mergeProps(tooltip.getTriggerProps(), props));
 </script>

package/dist/tour/tour-action-trigger.svelte CHANGED Viewed

@@ -20,7 +20,6 @@
   }: TourActionTriggerProps = $props();
   let tour = getTourContext();
   let mergedProps = $derived(
     mergeProps(tour.getActionTriggerProps({action}), props),
   );

package/dist/tour/tour-anatomy.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "actionTrigger" | "progressText" | "arrow" | "arrowTip" | "spotlight">;
-export declare const parts: Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "actionTrigger" | "progressText" | "arrow" | "arrowTip" | "spotlight", import("@zag-js/anatomy").AnatomyPart>;
+export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "actionTrigger" | "progressText" | "arrow" | "arrowTip" | "spotlight">;
+export declare const parts: Record<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "actionTrigger" | "progressText" | "arrow" | "arrowTip" | "spotlight", import("@zag-js/anatomy").AnatomyPart>;

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

@@ -17,7 +17,6 @@
   }: TourArrowTipProps = $props();
   let tour = getTourContext();
   let mergedProps = $derived(mergeProps(tour.getArrowTipProps(), props));
 </script>

package/dist/tour/tour-arrow.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TourArrowProps = $props();
   let tour = getTourContext();
   let mergedProps = $derived(mergeProps(tour.getArrowProps(), props));
 </script>

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

@@ -17,7 +17,6 @@
   }: TourCloseTriggerProps = $props();
   let tour = getTourContext();
   let mergedProps = $derived(mergeProps(tour.getCloseTriggerProps(), props));
 </script>

package/dist/tour/tour-content.svelte CHANGED Viewed

@@ -18,9 +18,7 @@
   }: TourContentProps = $props();
   let tour = getTourContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(tour.getContentProps(), presence.getPresenceProps(), props),
   );

package/dist/tour/tour-description.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TourDescriptionProps = $props();
   let tour = getTourContext();
   let mergedProps = $derived(mergeProps(tour.getDescriptionProps(), props));
 </script>

package/dist/tour/tour-positioner.svelte CHANGED Viewed

@@ -19,7 +19,6 @@
   let tour = getTourContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(tour.getPositionerProps(), presence.getPresenceProps(), props),
   );

package/dist/tour/tour-progress-text.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TourProgressTextProps = $props();
   let tour = getTourContext();
   let mergedProps = $derived(mergeProps(tour.getProgressTextProps(), props));
 </script>

package/dist/tour/tour-root.svelte CHANGED Viewed

@@ -31,7 +31,6 @@
   );
   let tour = createTour(reflect(() => createTourProps));
   let presence = createPresence(
     reflect(() => ({
       ...presenceStrategyProps,

package/dist/tour/tour-spotlight.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TourSpotlightProps = $props();
   let tour = getTourContext();
   let mergedProps = $derived(mergeProps(tour.getSpotlightProps(), props));
 </script>

package/dist/tour/tour-title.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TourTitleProps = $props();
   let tour = getTourContext();
   let mergedProps = $derived(mergeProps(tour.getTitleProps(), props));
 </script>

package/dist/tour/tour-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: TourTriggerProps = $props();
   let tour = getTourContext();
   let mergedProps = $derived(mergeProps(tour.getTriggerProps(), props));
 </script>

package/dist/tree-view/tree-view-branch-content.svelte CHANGED Viewed

@@ -26,9 +26,7 @@
   let treeView = getTreeViewContext();
   let nodeProps = getTreeViewNodePropsContext();
   let nodeState = $derived(treeView.getNodeState(nodeProps));
   let collapsible = getCollapsibleContext();
   let presenceStrategyProps = getPresenceStrategyPropsContext();
   let presence = createPresence(
     reflect(() => ({

package/dist/tree-view/tree-view-branch.svelte CHANGED Viewed

@@ -26,11 +26,11 @@
     ...props
   }: TreeViewBranchProps = $props();
-  let treeView = getTreeViewContext();
   let [nodeProps, localProps] = $derived(
     createSplitProps<NodeProps>(['node', 'indexPath'])(props),
   );
+  let treeView = getTreeViewContext();
   let nodeState = $derived(treeView.getNodeState(nodeProps));
   let branchContentProps = $derived(treeView.getBranchContentProps(nodeProps));
   let collapbsible = createCollapsible(