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

ui-ingredients 0.27.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 (365) hide show

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

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

package/dist/color-picker/color-picker-eye-dropper-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: ColorPickerEyeDropperTriggerProps = $props();
   let colorPicker = getColorPickerContext();
   let mergedProps = $derived(
     mergeProps(colorPicker.getEyeDropperTriggerProps(), props),
   );

package/dist/color-picker/color-picker-format-select.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: ColorPickerFormatSelectProps = $props();
   let colorPicker = getColorPickerContext();
   let mergedProps = $derived(
     mergeProps(colorPicker.getFormatSelectProps(), props),
   );

package/dist/color-picker/color-picker-format-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: ColorPickerFormatTriggerProps = $props();
   let colorPicker = getColorPickerContext();
   let mergedProps = $derived(
     mergeProps(colorPicker.getFormatTriggerProps(), props),
   );

package/dist/color-picker/color-picker-hidden-input.svelte CHANGED Viewed

@@ -16,7 +16,6 @@
   }: ColorPickerHiddenInputProps = $props();
   let colorPicker = getColorPickerContext();
   let mergedProps = $derived(
     mergeProps(colorPicker.getHiddenInputProps(), props),
   );

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

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

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

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

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

@@ -37,31 +37,32 @@
   let [createColorPickerProps, localProps] = $derived(
     createSplitProps<CreateColorPickerProps>([
+      'closeOnSelect',
+      'disabled',
+      'format',
       'id',
       'ids',
-      'open',
-      'openControlled',
-      'name',
-      'value',
-      'format',
-      'disabled',
-      'required',
-      'readOnly',
-      'positioning',
-      'onOpenChange',
-      'closeOnSelect',
       'initialFocusEl',
-      'onValueChange',
-      'onValueChangeEnd',
+      'invalid',
+      'name',
       'onFocusOutside',
       'onFormatChange',
       'onInteractOutside',
+      'onOpenChange',
       'onPointerDownOutside',
+      'onValueChange',
+      'onValueChangeEnd',
+      'open',
+      'openAutoFocus',
+      'openControlled',
+      'positioning',
+      'readOnly',
+      'required',
+      'value',
     ])(etc),
   );
   let colorPicker = createColorPicker(reflect(() => createColorPickerProps));
   let presence = createPresence(
     reflect(() => ({
       present: colorPicker.open,

package/dist/color-picker/color-picker-swatch-group.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: ColorPickerSwatchGroupProps = $props();
   let colorPicker = getColorPickerContext();
   let mergedProps = $derived(
     mergeProps(colorPicker.getSwatchGroupProps(), props),
   );

package/dist/color-picker/color-picker-swatch-indicator.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let colorPicker = getColorPickerContext();
   let swatchProps = getColorPickerSwatchPropsContext();
   let mergedProps = $derived(
     mergeProps(colorPicker.getSwatchIndicatorProps(swatchProps), props),
   );

package/dist/color-picker/color-picker-swatch-trigger.svelte CHANGED Viewed

@@ -23,7 +23,6 @@
   }: ColorPickerSwatchTriggerProps = $props();
   let colorPicker = getColorPickerContext();
   let mergedProps = $derived(
     mergeProps(
       colorPicker.getSwatchTriggerProps({

package/dist/color-picker/color-picker-transparency-grid.svelte CHANGED Viewed

@@ -22,7 +22,6 @@
   }: ColorPickerTransparencyGridProps = $props();
   let colorPicker = getColorPickerContext();
   let mergedProps = $derived(
     mergeProps(colorPicker.getTransparencyGridProps({size}), props),
   );

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

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

package/dist/color-picker/color-picker-value-swatch.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   }: ColorPickerValueSwatchProps = $props();
   let colorPicker = getColorPickerContext();
   let swatchProps: SwatchProps = $derived({
     respectAlpha,
     value: colorPicker.valueAsString,

package/dist/color-picker/color-picker-value-text.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: ColorPickerValueTextProps = $props();
   let colorPicker = getColorPickerContext();
   let mergedProps = $derived(
     mergeProps(colorPicker.getValueTextProps(), props),
   );

package/dist/combobox/combobox-clear-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: ComboboxClearTriggerProps = $props();
   let combobox = getComboboxContext();
   let mergedProps = $derived(
     mergeProps(combobox.getClearTriggerProps(), props),
   );

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

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

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

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

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

@@ -12,7 +12,6 @@
   let {ref = $bindable(null), asChild, ...props}: ComboboxInputProps = $props();
   let combobox = getComboboxContext();
   let mergedProps = $derived(
     mergeProps({'aria-expanded': false}, combobox.getInputProps(), props),
   );

package/dist/combobox/combobox-item-group-label.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let combobox = getComboboxContext();
   let itemGroupProps = getComboboxItemGroupPropsContext();
   let mergedProps = $derived(
     mergeProps(
       combobox.getItemGroupLabelProps({

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

@@ -22,13 +22,8 @@
   }: ComboboxItemGroupProps = $props();
   let combobox = getComboboxContext();
-  let id_ = createUniqueId();
-  let comboboxItemGroupProps = $derived({
-    id: id ?? id_,
-  });
+  let uid = createUniqueId();
+  let comboboxItemGroupProps = $derived({id: id ?? uid});
   let mergedProps = $derived(
     mergeProps(combobox.getItemGroupProps(comboboxItemGroupProps), props),
   );

package/dist/combobox/combobox-item-indicator.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let combobox = getComboboxContext();
   let itemProps = getComboboxItemPropsContext();
   let mergedProps = $derived(
     mergeProps(combobox.getItemIndicatorProps(itemProps), props),
   );

package/dist/combobox/combobox-item-text.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let combobox = getComboboxContext();
   let itemProps = getComboboxItemPropsContext();
   let mergedProps = $derived(
     mergeProps(combobox.getItemTextProps(itemProps), props),
   );

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

@@ -24,12 +24,11 @@
     ...props
   }: ComboboxItemProps = $props();
-  let combobox = getComboboxContext();
   let [itemProps, localProps] = $derived(
     createSplitProps<ItemProps>(['item', 'persistFocus'])(props),
   );
+  let combobox = getComboboxContext();
   let itemState = $derived(combobox.getItemState(itemProps));
   let mergedProps = $derived(
     mergeProps(combobox.getItemProps(itemProps), localProps),

package/dist/combobox/combobox-label.svelte CHANGED Viewed

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

package/dist/combobox/combobox-list.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: ComboboxListProps = $props();
   let combobox = getComboboxContext();
   let mergedProps = $derived(mergeProps(combobox.getListProps(), props));
 </script>

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

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

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

@@ -37,43 +37,44 @@
   let [createComboboxProps, localProps] = $derived(
     createSplitProps<CreateComboboxProps>([
-      'id',
-      'ids',
-      'name',
-      'form',
-      'open',
-      'openControlled',
-      'collection',
-      'value',
-      'invalid',
-      'disabled',
-      'multiple',
-      'readOnly',
-      'required',
+      'allowCustomValue',
       'autoFocus',
+      'closeOnSelect',
+      'collection',
       'composite',
-      'loopFocus',
-      'inputValue',
-      'placeholder',
-      'positioning',
-      'translations',
       'disableLayer',
-      'closeOnSelect',
-      'inputBehavior',
-      'openOnChange',
-      'openOnClick',
-      'openOnKeyPress',
-      'allowCustomValue',
+      'disabled',
+      'form',
       'highlightedValue',
-      'selectionBehavior',
-      'onOpenChange',
-      'onValueChange',
+      'id',
+      'ids',
+      'inputBehavior',
+      'inputValue',
+      'invalid',
+      'loopFocus',
+      'multiple',
+      'name',
+      'navigate',
       'onFocusOutside',
       'onHighlightChange',
-      'onInteractOutside',
       'onInputValueChange',
+      'onInteractOutside',
+      'onOpenChange',
       'onPointerDownOutside',
+      'onValueChange',
+      'open',
+      'openControlled',
+      'openOnChange',
+      'openOnClick',
+      'openOnKeyPress',
+      'placeholder',
+      'positioning',
+      'readOnly',
+      'required',
       'scrollToIndexFn',
+      'selectionBehavior',
+      'translations',
+      'value',
     ])(rest),
   );

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

@@ -26,7 +26,6 @@
   );
   let combobox = getComboboxContext();
   let mergedProps = $derived(
     mergeProps(combobox.getTriggerProps(triggerProps), localProps),
   );

package/dist/date-picker/date-picker-anatomy.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "trigger" | "positioner" | "root" | "label" | "control" | "view" | "input" | "table" | "clearTrigger" | "monthSelect" | "nextTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger">;
-export declare const parts: Record<"content" | "trigger" | "positioner" | "root" | "label" | "control" | "view" | "input" | "table" | "clearTrigger" | "monthSelect" | "nextTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger", import("@zag-js/anatomy").AnatomyPart>;
+export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "trigger" | "positioner" | "root" | "label" | "control" | "view" | "table" | "input" | "clearTrigger" | "monthSelect" | "nextTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger">;
+export declare const parts: Record<"content" | "trigger" | "positioner" | "root" | "label" | "control" | "view" | "table" | "input" | "clearTrigger" | "monthSelect" | "nextTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger", import("@zag-js/anatomy").AnatomyPart>;

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

@@ -17,7 +17,6 @@
   }: DatePickerClearTriggerProps = $props();
   let datePicker = getDatePickerContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getClearTriggerProps(), props),
   );

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

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

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

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

package/dist/date-picker/date-picker-day-table-cell-trigger.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let tableCellProps = getDatePickerDayTableCellPropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getDayTableCellTriggerProps(tableCellProps), props),
   );

package/dist/date-picker/date-picker-day-table-cell.svelte CHANGED Viewed

@@ -27,7 +27,7 @@
   let datePicker = getDatePickerContext();
   let [tableCellProps, localProps] = $derived(
-    createSplitProps<DayTableCellProps>(['value', 'disabled', 'visibleRange'])(
+    createSplitProps<DayTableCellProps>(['disabled', 'value', 'visibleRange'])(
       props,
     ),
   );

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

@@ -21,7 +21,6 @@
   }: DatePickerInputProps = $props();
   let datePicker = getDatePickerContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getInputProps({index}), props),
   );

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

@@ -22,7 +22,6 @@
   }: DatePickerLabelProps = $props();
   let datePicker = getDatePickerContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getLabelProps({index}), props),
   );

package/dist/date-picker/date-picker-month-select.svelte CHANGED Viewed

@@ -20,7 +20,6 @@
   }: DatePickerMonthSelectProps = $props();
   let datePicker = getDatePickerContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getMonthSelectProps(), props),
   );

package/dist/date-picker/date-picker-month-table-cell-trigger.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let tableCellProps = getDatePickerTableCellPropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getMonthTableCellTriggerProps(tableCellProps), props),
   );

package/dist/date-picker/date-picker-month-table-cell.svelte CHANGED Viewed

@@ -27,7 +27,7 @@
   let datePicker = getDatePickerContext();
   let [tableCellProps, localProps] = $derived(
-    createSplitProps<TableCellProps>(['value', 'disabled', 'columns'])(props),
+    createSplitProps<TableCellProps>(['columns', 'disabled', 'value'])(props),
   );
   let tableCellState = $derived(

package/dist/date-picker/date-picker-next-trigger.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let viewProps = getDatePickerViewPropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getNextTriggerProps(viewProps), props),
   );

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

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

package/dist/date-picker/date-picker-preset-trigger.svelte CHANGED Viewed

@@ -22,7 +22,6 @@
   }: DatePickerPresetTriggerProps = $props();
   let datePicker = getDatePickerContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getPresetTriggerProps({value}), props),
   );

package/dist/date-picker/date-picker-prev-trigger.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let viewProps = getDatePickerViewPropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getPrevTriggerProps(viewProps), props),
   );

package/dist/date-picker/date-picker-range-text.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DatePickerRangeTextProps = $props();
   let datePicker = getDatePickerContext();
   let mergedProps = $derived(mergeProps(datePicker.getRangeTextProps(), props));
 </script>

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

@@ -35,33 +35,33 @@
   let [createDatePickerProps, localProps] = $derived(
     createSplitProps<CreateDatePickerProps>([
+      'closeOnSelect',
+      'disabled',
+      'fixedWeeks',
+      'focusedValue',
+      'format',
       'id',
       'ids',
-      'min',
+      'isDateUnavailable',
+      'locale',
       'max',
+      'min',
       'name',
+      'numOfMonths',
+      'onFocusChange',
+      'onOpenChange',
+      'onValueChange',
+      'onViewChange',
       'open',
       'openControlled',
-      'view',
-      'value',
-      'format',
-      'locale',
-      'disabled',
+      'positioning',
       'readOnly',
-      'timeZone',
-      'fixedWeeks',
+      'selectionMode',
       'startOfWeek',
-      'positioning',
-      'numOfMonths',
+      'timeZone',
       'translations',
-      'focusedValue',
-      'closeOnSelect',
-      'selectionMode',
-      'onViewChange',
-      'onOpenChange',
-      'onValueChange',
-      'onFocusChange',
-      'isDateUnavailable',
+      'value',
+      'view',
     ])(rest),
   );

package/dist/date-picker/date-picker-table-body.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let tableProps = getDatePickerTablePropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getTableBodyProps(tableProps), props),
   );

package/dist/date-picker/date-picker-table-head.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let tableProps = getDatePickerTablePropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getTableHeadProps(tableProps), props),
   );

package/dist/date-picker/date-picker-table-header.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let tableProps = getDatePickerTablePropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getTableHeaderProps(tableProps), props),
   );

package/dist/date-picker/date-picker-table-row.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let tableProps = getDatePickerTablePropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getTableRowProps(tableProps), props),
   );

package/dist/date-picker/date-picker-table.svelte CHANGED Viewed

@@ -29,7 +29,6 @@
   let datePicker = getDatePickerContext();
   let viewProps = getDatePickerViewPropsContext();
   let tableProps: TableProps = $derived({...viewProps, id, columns});
   let mergedProps = $derived(
     mergeProps(datePicker.getTableProps(tableProps), props),
   );

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

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

package/dist/date-picker/date-picker-view-control.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let viewProps = getDatePickerViewPropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getViewControlProps(viewProps), props),
   );