ui-ingredients 0.26.0 → 0.28.0

package/dist/floating-panel/floating-panel-restore-trigger.svelte

@@ -17,7 +17,6 @@
   }: FloatingPanelRestoreTriggerProps = $props();
 
   let floatingPanel = getFloatingPanelContext();
-
   let mergedProps = $derived(
     mergeProps(floatingPanel.getRestoreTriggerProps(), props),
   );

package/dist/floating-panel/floating-panel-title.svelte

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

package/dist/floating-panel/floating-panel-trigger.svelte

@@ -17,7 +17,6 @@
   }: FloatingPanelTriggerProps = $props();
 
   let floatingPanel = getFloatingPanelContext();
-
   let mergedProps = $derived(
     mergeProps(floatingPanel.getTriggerProps(), props),
   );

package/dist/highlight/highlight.svelte

@@ -17,10 +17,10 @@
 
   let [highlightWordProps, localProps] = $derived(
     createSplitProps<HighlightWordProps>([
-      'text',
-      'query',
-      'matchAll',
       'ignoreCase',
+      'matchAll',
+      'query',
+      'text',
     ])(props),
   );
 

package/dist/hover-card/hover-card-arrow-tip.svelte

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

package/dist/hover-card/hover-card-arrow.svelte

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

package/dist/hover-card/hover-card-content.svelte

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

package/dist/hover-card/hover-card-positioner.svelte

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

package/dist/hover-card/hover-card-root.svelte

@@ -25,19 +25,18 @@
 
   let [createHoverCardProps, presenceStrategyProps] = $derived(
     createSplitProps<CreateHoverCardProps>([
+      'closeDelay',
       'id',
       'ids',
+      'onOpenChange',
       'open',
       'openControlled',
       'openDelay',
-      'closeDelay',
       'positioning',
-      'onOpenChange',
     ])(props),
   );
 
   let hoverCard = createHoverCard(reflect(() => createHoverCardProps));
-
   let presence = createPresence(
     reflect(() => ({
       ...presenceStrategyProps,

package/dist/hover-card/hover-card-trigger.svelte

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

package/dist/locale-provider/local-provider.svelte

@@ -13,14 +13,10 @@
 
   let {children, ...props}: LocaleProviderProps = $props();
 
-  setLocaleContext({
-    get locale() {
-      return props.locale;
-    },
-    get dir() {
-      return isRTL(props.locale) ? 'rtl' : 'ltr';
-    },
-  });
+  setLocaleContext(() => ({
+    dir: isRTL(props.locale) ? 'rtl' : 'ltr',
+    locale: props.locale,
+  }));
 </script>
 
 {@render children()}

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

@@ -17,7 +17,6 @@
   }: MenuArrowTipProps = $props();
 
   let menu = getMenuContext();
-
   let mergedProps = $derived(mergeProps(menu!.getArrowTipProps(), props));
 </script>
 

package/dist/menu/menu-arrow.svelte

@@ -17,7 +17,6 @@
   }: MenuArrowProps = $props();
 
   let menu = getMenuContext();
-
   let mergedProps = $derived(mergeProps(menu!.getArrowProps(), props));
 </script>
 

package/dist/menu/menu-content.svelte

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

package/dist/menu/menu-context-trigger.svelte

@@ -17,7 +17,6 @@
   }: MenuContextTriggerProps = $props();
 
   let menu = getMenuContext();
-
   let mergedProps = $derived(mergeProps(menu!.getContextTriggerProps(), props));
 </script>
 

package/dist/menu/menu-indicator.svelte

@@ -17,7 +17,6 @@
   }: MenuIndicatorProps = $props();
 
   let menu = getMenuContext();
-
   let mergedProps = $derived(mergeProps(menu!.getIndicatorProps(), props));
 </script>
 

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

@@ -20,14 +20,10 @@
   }: MenuItemGroupLabelProps = $props();
 
   let menu = getMenuContext();
-
   let itemGroupProps = getMenuItemGroupPropsContext();
-
   let mergedProps = $derived(
     mergeProps(
-      menu!.getItemGroupLabelProps({
-        htmlFor: itemGroupProps.id,
-      }),
+      menu!.getItemGroupLabelProps({htmlFor: itemGroupProps.id}),
       props,
     ),
   );

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

@@ -22,13 +22,8 @@
   }: MenuItemGroupProps = $props();
 
   let menu = getMenuContext();
-
-  let id_ = createUniqueId();
-
-  let itemGroupProps = $derived({
-    id: id ?? id_,
-  });
-
+  let uid = createUniqueId();
+  let itemGroupProps = $derived({id: id ?? uid});
   let mergedProps = $derived(
     mergeProps(menu!.getItemGroupProps(itemGroupProps), props),
   );

package/dist/menu/menu-item.svelte

@@ -21,17 +21,16 @@
     ...props
   }: MenuItemProps = $props();
 
-  let menu = getMenuContext();
-
   let [itemProps, localProps] = $derived(
     createSplitProps<ItemProps>([
+      'closeOnSelect',
+      'disabled',
       'value',
       'valueText',
-      'disabled',
-      'closeOnSelect',
     ])(props),
   );
 
+  let menu = getMenuContext();
   let itemState = $derived(menu!.getItemState(itemProps));
   let mergedProps = $derived(
     mergeProps(menu!.getItemProps(itemProps), localProps),

package/dist/menu/menu-option-item-indicator.svelte

@@ -20,9 +20,7 @@
   }: MenuOptionItemIndicatorProps = $props();
 
   let menu = getMenuContext();
-
   let itemProps = getMenuOptionItemPropsContext();
-
   let mergedProps = $derived(
     mergeProps(menu!.getItemIndicatorProps(itemProps), props),
   );

package/dist/menu/menu-option-item-text.svelte

@@ -20,9 +20,7 @@
   }: MenuOptionItemTextProps = $props();
 
   let menu = getMenuContext();
-
   let itemProps = getMenuOptionItemPropsContext();
-
   let mergedProps = $derived(
     mergeProps(menu!.getItemTextProps(itemProps), props),
   );

package/dist/menu/menu-option-item.svelte

@@ -24,22 +24,20 @@
     ...props
   }: MenuOptionItemProps = $props();
 
-  let menu = getMenuContext();
-
   let [itemProps, localProps] = $derived(
     createSplitProps<OptionItemProps>([
-      'type',
-      'value',
       'checked',
-      'disabled',
-      'valueText',
       'closeOnSelect',
+      'disabled',
       'onCheckedChange',
+      'type',
+      'value',
+      'valueText',
     ])(props),
   );
 
+  let menu = getMenuContext();
   let itemState = $derived(menu!.getOptionItemState(itemProps));
-
   let mergedProps = $derived(
     mergeProps(menu!.getOptionItemProps(itemProps), localProps),
   );

package/dist/menu/menu-positioner.svelte

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

package/dist/menu/menu-root.svelte

@@ -29,31 +29,31 @@
 
   let [createMenuProps, presenceStrategyProps] = $derived(
     createSplitProps<CreateMenuProps>([
-      'id',
-      'ids',
-      'open',
-      'openControlled',
-      'loopFocus',
-      'composite',
-      'typeahead',
-      'positioning',
       'anchorPoint',
+      'aria-label',
       'closeOnSelect',
+      'composite',
       'highlightedValue',
-      'aria-label',
-      'onSelect',
-      'onOpenChange',
-      'onFocusOutside',
+      'id',
+      'ids',
+      'loopFocus',
+      'navigate',
       'onEscapeKeyDown',
+      'onFocusOutside',
       'onHighlightChange',
       'onInteractOutside',
+      'onOpenChange',
       'onPointerDownOutside',
+      'onSelect',
+      'open',
+      'openControlled',
+      'positioning',
+      'typeahead',
     ])(props),
   );
 
   let parentMenu = getMenuContext();
   let menu = createMenu(reflect(() => createMenuProps));
-
   let presence = createPresence(
     reflect(() => ({
       ...presenceStrategyProps,

package/dist/menu/menu-separator.svelte

@@ -17,7 +17,6 @@
   }: MenuSeparatorProps = $props();
 
   let menu = getMenuContext();
-
   let mergedProps = $derived(mergeProps(menu!.getSeparatorProps(), props));
 </script>
 

package/dist/menu/menu-trigger-item.svelte

@@ -17,7 +17,6 @@
   }: MenuTriggerItemIndicatorProps = $props();
 
   let menuTriggerItemProps = getMenuTriggerItemContext();
-
   let mergedProps = $derived(mergeProps(menuTriggerItemProps, props));
 </script>
 

package/dist/menu/menu-trigger.svelte

@@ -17,7 +17,6 @@
   }: MenuTriggerProps = $props();
 
   let menu = getMenuContext();
-
   let mergedProps = $derived(mergeProps(menu!.getTriggerProps(), props));
 </script>
 

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

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

package/dist/number-input/number-input-decrement-trigger.svelte

@@ -17,7 +17,6 @@
   }: NumberInputDecrementTriggerProps = $props();
 
   let numberInput = getNumberInputContext();
-
   let mergedProps = $derived(
     mergeProps(numberInput.getDecrementTriggerProps(), props),
   );

package/dist/number-input/number-input-increment-trigger.svelte

@@ -17,7 +17,6 @@
   }: NumberInputIncrementTriggerProps = $props();
 
   let numberInput = getNumberInputContext();
-
   let mergedProps = $derived(
     mergeProps(numberInput.getIncrementTriggerProps(), props),
   );

package/dist/number-input/number-input-input.svelte

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

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

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

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

@@ -27,31 +27,31 @@
 
   let [createNumberInputProps, localProps] = $derived(
     createSplitProps<CreateNumberInputProps>([
+      'allowMouseWheel',
+      'allowOverflow',
+      'clampValueOnBlur',
+      'disabled',
+      'focusInputOnChange',
+      'form',
+      'formatOptions',
       'id',
       'ids',
+      'inputMode',
+      'invalid',
+      'locale',
       'max',
       'min',
-      'step',
       'name',
-      'form',
-      'value',
-      'locale',
+      'onFocusChange',
+      'onValueChange',
+      'onValueInvalid',
       'pattern',
-      'invalid',
-      'disabled',
       'readOnly',
       'required',
-      'inputMode',
       'spinOnPress',
+      'step',
       'translations',
-      'formatOptions',
-      'allowOverflow',
-      'allowMouseWheel',
-      'clampValueOnBlur',
-      'focusInputOnChange',
-      'onFocusChange',
-      'onValueChange',
-      'onValueInvalid',
+      'value',
     ])(props),
   );
 

package/dist/number-input/number-input-scrubber.svelte

@@ -17,7 +17,6 @@
   }: NumberInputScrubberProps = $props();
 
   let numberInput = getNumberInputContext();
-
   let mergedProps = $derived(mergeProps(numberInput.getScrubberProps(), props));
 </script>
 

package/dist/number-input/number-input-value-text.svelte

@@ -17,7 +17,6 @@
   }: NumberInputValueTextProps = $props();
 
   let numberInput = getNumberInputContext();
-
   let mergedProps = $derived(
     mergeProps(numberInput.getValueTextProps(), props),
   );

package/dist/pagination/pagination-ellipsis.svelte

@@ -22,7 +22,6 @@
   }: PaginationEllipsisProps = $props();
 
   let pagination = getPaginationContext();
-
   let mergedProps = $derived(
     mergeProps(pagination.getEllipsisProps({index}), props),
   );

package/dist/pagination/pagination-item.svelte

@@ -22,15 +22,8 @@
   }: PaginationItemProps = $props();
 
   let pagination = getPaginationContext();
-
   let mergedProps = $derived(
-    mergeProps(
-      pagination.getItemProps({
-        type: 'page',
-        value,
-      }),
-      props,
-    ),
+    mergeProps(pagination.getItemProps({type: 'page', value}), props),
   );
 </script>
 

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

@@ -17,7 +17,6 @@
   }: PaginationNextTriggerProps = $props();
 
   let pagination = getPaginationContext();
-
   let mergedProps = $derived(
     mergeProps(pagination.getNextTriggerProps(), props),
   );

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

@@ -17,7 +17,6 @@
   }: PaginationPrevTriggerProps = $props();
 
   let pagination = getPaginationContext();
-
   let mergedProps = $derived(
     mergeProps(pagination.getPrevTriggerProps(), props),
   );

package/dist/pagination/pagination-root.svelte

@@ -27,16 +27,16 @@
 
   let [createPaginationProps, localProps] = $derived(
     createSplitProps<CreatePaginationProps>([
+      'count',
       'id',
       'ids',
-      'type',
+      'onPageChange',
+      'onPageSizeChange',
       'page',
       'pageSize',
-      'count',
       'siblingCount',
       'translations',
-      'onPageChange',
-      'onPageSizeChange',
+      'type',
     ])(props),
   );
 

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

@@ -17,7 +17,6 @@
   }: PinInputClearTriggerProps = $props();
 
   let pinInput = getPinInputContext();
-
   let mergedProps = $derived(
     mergeProps(pinInput.getClearTriggerProps(), props),
   );

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

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

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

@@ -16,7 +16,6 @@
   }: PinInputHiddenInputProps = $props();
 
   let pinInput = getPinInputContext();
-
   let mergedProps = $derived(mergeProps(pinInput.getHiddenInputProps(), props));
 </script>
 

package/dist/pin-input/pin-input-input.svelte

@@ -21,7 +21,6 @@
   }: PinInputInputProps = $props();
 
   let pinInput = getPinInputContext();
-
   let mergedProps = $derived(
     mergeProps(pinInput.getInputProps({index}), props),
   );

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

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

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

@@ -27,32 +27,31 @@
 
   let [createPinInputProps, localProps] = $derived(
     createSplitProps<CreatePinInputProps>([
+      'autoFocus',
+      'blurOnComplete',
+      'disabled',
+      'form',
       'id',
       'ids',
-      'otp',
-      'form',
+      'invalid',
       'mask',
       'name',
-      'type',
-      'value',
+      'onValueChange',
+      'onValueComplete',
+      'onValueInvalid',
+      'otp',
       'pattern',
-      'invalid',
-      'disabled',
+      'placeholder',
       'readOnly',
       'required',
-      'autoFocus',
-      'placeholder',
-      'translations',
       'selectOnFocus',
-      'blurOnComplete',
-      'onValueChange',
-      'onValueInvalid',
-      'onValueComplete',
+      'translations',
+      'type',
+      'value',
     ])(props),
   );
 
   let pinInput = createPinInputContext(reflect(() => createPinInputProps));
-
   let mergedProps = $derived(mergeProps(pinInput.getRootProps(), localProps));
 
   setPinInputContext(pinInput);

package/dist/popover/popover-anchor.svelte

@@ -17,7 +17,6 @@
   }: PopoverAnchorProps = $props();
 
   let popover = getPopoverContext();
-
   let mergedProps = $derived(mergeProps(popover.getAnchorProps(), props));
 </script>
 

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

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

package/dist/popover/popover-arrow.svelte

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