ui-ingredients 0.26.0 → 0.28.0

package/dist/select/select-root.svelte

@@ -31,32 +31,32 @@
 
   let [createSelectProps, rest] = $derived(
     createSplitProps<CreateSelectProps>([
+      'closeOnSelect',
+      'collection',
+      'composite',
+      'deselectable',
+      'disabled',
+      'form',
+      'highlightedValue',
       'id',
       'ids',
-      'form',
-      'name',
-      'open',
-      'openControlled',
-      'value',
       'invalid',
-      'multiple',
-      'disabled',
-      'readOnly',
-      'required',
       'loopFocus',
-      'composite',
-      'positioning',
-      'deselectable',
-      'closeOnSelect',
-      'highlightedValue',
-      'onOpenChange',
-      'onValueChange',
+      'multiple',
+      'name',
       'onFocusOutside',
       'onHighlightChange',
       'onInteractOutside',
+      'onOpenChange',
       'onPointerDownOutside',
+      'onValueChange',
+      'open',
+      'openControlled',
+      'positioning',
+      'readOnly',
+      'required',
       'scrollToIndexFn',
-      'collection',
+      'value',
     ])(props),
   );
 

package/dist/select/select-trigger.svelte

@@ -17,7 +17,6 @@
   }: SelectTriggerProps = $props();
 
   let select = getSelectContext();
-
   let mergedProps = $derived(
     mergeProps({'aria-expanded': false}, select.getTriggerProps(), props),
   );

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

@@ -18,7 +18,6 @@
   }: SelectValueTextProps = $props();
 
   let select = getSelectContext();
-
   let mergedProps = $derived(mergeProps(select.getValueTextProps(), props));
 </script>
 

package/dist/signature-pad/signature-pad-clear-trigger.svelte

@@ -17,7 +17,6 @@
   }: SignaturePadClearTriggerProps = $props();
 
   let signaturePad = getSignaturePadContext();
-
   let mergedProps = $derived(
     mergeProps(signaturePad.getClearTriggerProps(), props),
   );

package/dist/signature-pad/signature-pad-control.svelte

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

package/dist/signature-pad/signature-pad-current-segment-path.svelte

@@ -17,12 +17,9 @@
   }: SignaturePadCurrentSegmentPathProps = $props();
 
   let signaturePad = getSignaturePadContext();
-
   let mergedProps = $derived(
     mergeProps(
-      signaturePad.getSegmentPathProps({
-        path: signaturePad.currentPath ?? '',
-      }),
+      signaturePad.getSegmentPathProps({path: signaturePad.currentPath ?? ''}),
       props,
     ),
   );

package/dist/signature-pad/signature-pad-guide.svelte

@@ -17,7 +17,6 @@
   }: SignaturePadGuideProps = $props();
 
   let signaturePad = getSignaturePadContext();
-
   let mergedProps = $derived(mergeProps(signaturePad.getGuideProps(), props));
 </script>
 

package/dist/signature-pad/signature-pad-hidden-input.svelte

@@ -21,7 +21,6 @@
   }: SignaturePadHiddenInputProps = $props();
 
   let signaturePad = getSignaturePadContext();
-
   let mergedProps = $derived(
     mergeProps(signaturePad.getHiddenInputProps({value}), props),
   );

package/dist/signature-pad/signature-pad-label.svelte

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

package/dist/signature-pad/signature-pad-root.svelte

@@ -27,16 +27,16 @@
 
   let [createSignaturePadProps, localProps] = $derived(
     createSplitProps<CreateSignaturePadProps>([
+      'disabled',
+      'drawing',
       'id',
       'ids',
       'name',
-      'drawing',
-      'required',
-      'disabled',
-      'readOnly',
-      'translations',
       'onDraw',
       'onDrawEnd',
+      'readOnly',
+      'required',
+      'translations',
     ])(props),
   );
 

package/dist/signature-pad/signature-pad-segment-path.svelte

@@ -22,7 +22,6 @@
   }: SignaturePadSegmentPathProps = $props();
 
   let signaturePad = getSignaturePadContext();
-
   let mergedProps = $derived(
     mergeProps(signaturePad.getSegmentPathProps({path}), props),
   );

package/dist/signature-pad/signature-pad-segment.svelte

@@ -17,7 +17,6 @@
   }: SignaturePadSegmentProps = $props();
 
   let signaturePad = getSignaturePadContext();
-
   let mergedProps = $derived(mergeProps(signaturePad.getSegmentProps(), props));
 </script>
 

package/dist/slider/slider-control.svelte

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

package/dist/slider/slider-dragging-indicator.svelte

@@ -21,7 +21,6 @@
 
   let slider = getSliderContext();
   let thumbProps = getSliderThumbPropsContext();
-
   let mergedProps = $derived(
     mergeProps(slider.getDraggingIndicatorProps(thumbProps), props),
   );

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

@@ -20,7 +20,6 @@
 
   let slider = getSliderContext();
   let thumbProps = getSliderThumbPropsContext();
-
   let mergedProps = $derived(
     mergeProps(slider.getHiddenInputProps(thumbProps), props),
   );

package/dist/slider/slider-label.svelte

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

package/dist/slider/slider-marker-group.svelte

@@ -17,7 +17,6 @@
   }: SliderMarkerGroupProps = $props();
 
   let slider = getSliderContext();
-
   let mergedProps = $derived(mergeProps(slider.getMarkerGroupProps(), props));
 </script>
 

package/dist/slider/slider-marker.svelte

@@ -19,15 +19,7 @@
   }: SliderMarkerProps = $props();
 
   let slider = getSliderContext();
-
-  let mergedProps = $derived(
-    mergeProps(
-      slider.getMarkerProps({
-        value,
-      }),
-      props,
-    ),
-  );
+  let mergedProps = $derived(mergeProps(slider.getMarkerProps({value}), props));
 </script>
 
 {#if asChild}

package/dist/slider/slider-range.svelte

@@ -17,7 +17,6 @@
   }: SliderRangeProps = $props();
 
   let slider = getSliderContext();
-
   let mergedProps = $derived(mergeProps(slider.getRangeProps(), props));
 </script>
 

package/dist/slider/slider-root.svelte

@@ -27,33 +27,32 @@
 
   let [createSliderProps, localProps] = $derived(
     createSplitProps<CreateSliderProps>([
+      'aria-label',
+      'aria-labelledby',
+      'disabled',
+      'form',
+      'getAriaValueText',
       'id',
       'ids',
+      'invalid',
       'max',
       'min',
-      'step',
-      'form',
+      'minStepsBetweenThumbs',
       'name',
-      'value',
+      'onFocusChange',
+      'onValueChange',
+      'onValueChangeEnd',
+      'orientation',
       'origin',
-      'invalid',
       'readOnly',
-      'disabled',
-      'orientation',
+      'step',
       'thumbAlignment',
       'thumbSize',
-      'minStepsBetweenThumbs',
-      'onFocusChange',
-      'onValueChange',
-      'onValueChangeEnd',
-      'getAriaValueText',
-      'aria-label',
-      'aria-labelledby',
+      'value',
     ])(props),
   );
 
   let slider = createSlider(reflect(() => createSliderProps));
-
   let mergedProps = $derived(mergeProps(slider.getRootProps(), localProps));
 
   setSliderContext(slider);

package/dist/slider/slider-thumb.svelte

@@ -21,12 +21,11 @@
     ...props
   }: SliderThumbProps = $props();
 
-  let slider = getSliderContext();
-
   let [thumbProps, localProps] = $derived(
     createSplitProps<ThumbProps>(['name', 'index'])(props),
   );
 
+  let slider = getSliderContext();
   let mergedProps = $derived(
     mergeProps(slider.getThumbProps(thumbProps), localProps),
   );

package/dist/slider/slider-track.svelte

@@ -17,7 +17,6 @@
   }: SliderTrackProps = $props();
 
   let slider = getSliderContext();
-
   let mergedProps = $derived(mergeProps(slider.getTrackProps(), props));
 </script>
 

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

@@ -17,7 +17,6 @@
   }: SliderValueTextProps = $props();
 
   let slider = getSliderContext();
-
   let mergedProps = $derived(mergeProps(slider.getValueTextProps(), props));
 </script>
 

package/dist/splitter/splitter-panel.svelte

@@ -18,12 +18,11 @@
     ...props
   }: SplitterPanelProps = $props();
 
-  let splitter = getSplitterContext();
-
   let [panelProps, localProps] = $derived(
     createSplitProps<PanelProps>(['id', 'snapSize'])(props),
   );
 
+  let splitter = getSplitterContext();
   let mergedProps = $derived(
     mergeProps(splitter.getPanelProps(panelProps), localProps),
   );

package/dist/splitter/splitter-resize-trigger.svelte

@@ -30,14 +30,12 @@
     ...props
   }: SplitterResizeTriggerProps = $props();
 
-  let splitter = getSplitterContext();
-
   let [resizeTriggerProps, localProps] = $derived(
     createSplitProps<ResizeTriggerProps>(['id', 'step', 'disabled'])(props),
   );
 
+  let splitter = getSplitterContext();
   let itemState = $derived(splitter.getResizeTriggerState(resizeTriggerProps));
-
   let mergedProps = $derived(
     mergeProps(splitter.getResizeTriggerProps(resizeTriggerProps), localProps),
   );

package/dist/splitter/splitter-root.svelte

@@ -29,15 +29,14 @@
     createSplitProps<CreateSplitterProps>([
       'id',
       'ids',
-      'size',
-      'orientation',
       'onSizeChange',
       'onSizeChangeEnd',
+      'orientation',
+      'size',
     ])(props),
   );
 
   let splitter = createSplitter(reflect(() => createSplitterProps));
-
   let mergedProps = $derived(mergeProps(splitter.getRootProps(), localProps));
 
   setSplitterContext(splitter);

package/dist/steps/steps-completed-content.svelte

@@ -21,7 +21,6 @@
 
   let steps = getStepsContext();
   let index = $derived(steps.count);
-
   let presenceStrategyProps = getPresenceStrategyPropsContext();
   let presence = createPresence(
     reflect(() => ({

package/dist/steps/steps-content.svelte

@@ -25,7 +25,6 @@
   }: StepsContentProps = $props();
 
   let steps = getStepsContext();
-
   let presenceStrategyProps = getPresenceStrategyPropsContext();
   let presence = createPresence(
     reflect(() => ({

package/dist/steps/steps-indicator.svelte

@@ -20,9 +20,7 @@
   }: StepsIndicatorProps = $props();
 
   let steps = getStepsContext();
-
   let itemProps = getStepsItemPropsContext();
-
   let mergedProps = $derived(
     mergeProps(steps.getIndicatorProps(itemProps), props),
   );

package/dist/steps/steps-item.svelte

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

package/dist/steps/steps-list.svelte

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

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

@@ -17,7 +17,6 @@
   }: StepsNextTriggerProps = $props();
 
   let steps = getStepsContext();
-
   let mergedProps = $derived(mergeProps(steps.getNextTriggerProps(), props));
 </script>
 

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

@@ -17,7 +17,6 @@
   }: StepsPrevTriggerProps = $props();
 
   let steps = getStepsContext();
-
   let mergedProps = $derived(mergeProps(steps.getPrevTriggerProps(), props));
 </script>
 

package/dist/steps/steps-progress.svelte

@@ -17,7 +17,6 @@
   }: StepsProgressProps = $props();
 
   let steps = getStepsContext();
-
   let mergedProps = $derived(mergeProps(steps.getProgressProps(), props));
 </script>
 

package/dist/steps/steps-root.svelte

@@ -36,19 +36,18 @@
 
   let [createStepsProps, localProps] = $derived(
     createSplitProps<CreateStepsProps>([
+      'count',
       'id',
       'ids',
-      'step',
-      'count',
       'linear',
-      'orientation',
       'onStepChange',
       'onStepComplete',
+      'orientation',
+      'step',
     ])(rest),
   );
 
   let steps = createSteps(reflect(() => createStepsProps));
-
   let mergedProps = $derived(mergeProps(steps.getRootProps(), localProps));
 
   setStepsContext(steps);

package/dist/steps/steps-separator.svelte

@@ -21,7 +21,6 @@
 
   let steps = getStepsContext();
   let itemProps = getStepsItemPropsContext();
-
   let mergedProps = $derived(
     mergeProps(steps.getSeparatorProps(itemProps), props),
   );

package/dist/steps/steps-trigger.svelte

@@ -21,7 +21,6 @@
 
   let steps = getStepsContext();
   let itemProps = getStepsItemPropsContext();
-
   let mergedProps = $derived(
     mergeProps(steps.getTriggerProps(itemProps), props),
   );

package/dist/switch/switch-control.svelte

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

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

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

package/dist/switch/switch-label.svelte

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

package/dist/switch/switch-root.svelte

@@ -27,23 +27,22 @@
 
   let [createSwitchProps, localProps] = $derived(
     createSplitProps<CreateSwitchProps>([
+      'checked',
+      'disabled',
+      'form',
       'id',
       'ids',
-      'form',
-      'name',
-      'label',
-      'value',
-      'checked',
       'invalid',
-      'disabled',
+      'label',
+      'name',
+      'onCheckedChange',
       'readOnly',
       'required',
-      'onCheckedChange',
+      'value',
     ])(props),
   );
 
   let switch_ = createSwitch(reflect(() => createSwitchProps));
-
   let mergedProps = $derived(mergeProps(switch_.getRootProps(), localProps));
 
   setSwitchContext(switch_);

package/dist/switch/switch-thumb.svelte

@@ -17,7 +17,6 @@
   }: SwitchThumbProps = $props();
 
   let switch_ = getSwitchContext();
-
   let mergedProps = $derived(mergeProps(switch_.getThumbProps(), props));
 </script>
 

package/dist/tabs/tabs-content.svelte

@@ -18,12 +18,11 @@
     ...props
   }: TabsContentProps = $props();
 
-  let tabs = getTabsContext();
-
   let [contentProps, localProps] = $derived(
     createSplitProps<ContentProps>(['value'])(props),
   );
 
+  let tabs = getTabsContext();
   let mergedProps = $derived(
     mergeProps(tabs.getContentProps(contentProps), localProps),
   );

package/dist/tabs/tabs-indicator.svelte

@@ -17,7 +17,6 @@
   }: TabsIndicatorProps = $props();
 
   let tabs = getTabsContext();
-
   let mergedProps = $derived(mergeProps(tabs.getIndicatorProps(), props));
 </script>
 

package/dist/tabs/tabs-list.svelte

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

package/dist/tabs/tabs-root.svelte

@@ -27,21 +27,22 @@
 
   let [createTabsProps, localProps] = $derived(
     createSplitProps<CreateTabsProps>([
+      'activationMode',
+      'composite',
+      'deselectable',
       'id',
       'ids',
-      'value',
       'loopFocus',
-      'composite',
-      'orientation',
-      'translations',
-      'activationMode',
+      'navigate',
       'onFocusChange',
       'onValueChange',
+      'orientation',
+      'translations',
+      'value',
     ])(props),
   );
 
   let tabs = createTabs(reflect(() => createTabsProps));
-
   let mergedProps = $derived(mergeProps(tabs.getRootProps(), localProps));
 
   setTabsContext(tabs);

package/dist/tabs/tabs-trigger.svelte

@@ -21,12 +21,11 @@
     ...props
   }: TabsTriggerProps = $props();
 
-  let tabs = getTabsContext();
-
   let [triggerProps, localProps] = $derived(
     createSplitProps<TriggerProps>(['value', 'disabled'])(props),
   );
 
+  let tabs = getTabsContext();
   let mergedProps = $derived(
     mergeProps(tabs.getTriggerProps(triggerProps), localProps),
   );

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

@@ -17,7 +17,6 @@
   }: TagsInputClearTriggerProps = $props();
 
   let tagsInput = getTagsInputContext();
-
   let mergedProps = $derived(
     mergeProps(tagsInput.getClearTriggerProps(), props),
   );

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

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