ui-ingredients 0.0.63 → 0.0.65

package/dist/popover/popover-root.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
   import type {Snippet} from 'svelte';
   import type {
@@ -25,23 +25,23 @@
 
   let [createPopoverProps, presenceStrategyProps] = $derived(
     createSplitProps<CreatePopoverProps>([
-      'autoFocus',
-      'closeOnEscape',
-      'closeOnInteractOutside',
-      'defaultOpen',
       'id',
       'ids',
-      'initialFocusEl',
+      'open',
+      'openControlled',
       'modal',
-      'onEscapeKeyDown',
+      'autoFocus',
+      'portalled',
+      'positioning',
+      'closeOnEscape',
+      'initialFocusEl',
+      'persistentElements',
+      'closeOnInteractOutside',
+      'onOpenChange',
       'onFocusOutside',
+      'onEscapeKeyDown',
       'onInteractOutside',
-      'onOpenChange',
       'onPointerDownOutside',
-      'open',
-      'persistentElements',
-      'portalled',
-      'positioning',
     ])(props),
   );
 

package/dist/popover/popover-title.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface PopoverTitleProps

package/dist/popover/popover-trigger.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface PopoverTriggerProps

package/dist/portal/portal.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import {type Snippet} from 'svelte';
 
   export interface PortalProps {

package/dist/presence/presence.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {CreatePresenceProps} from './create-presence.svelte.js';
 

package/dist/progress/progress-circle-range.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface ProgressCircleRangeProps

package/dist/progress/progress-circle-track.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface ProgressCircleTrackProps

package/dist/progress/progress-circle.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface ProgressCircleProps

package/dist/progress/progress-label.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface ProgressLabelProps

package/dist/progress/progress-range.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface ProgressRangeProps

package/dist/progress/progress-root.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateProgressProps,

package/dist/progress/progress-track.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface ProgressTrackProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface ProgressValueTextProps

package/dist/progress/progress-view.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ViewProps} from '@zag-js/progress';
 

package/dist/qr-code/qr-code-frame.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface QrCodeFrameProps

package/dist/qr-code/qr-code-overlay.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface QrCodeOverlayProps

package/dist/qr-code/qr-code-pattern.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface QrCodePatternProps

package/dist/qr-code/qr-code-root.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateQrCodeProps,

package/dist/radio-group/radio-group-indicator.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface RadioGroupIndicatorProps

package/dist/radio-group/radio-group-item-control.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface RadioGroupItemControlProps

package/dist/radio-group/radio-group-item-hidden-input.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface RadioGroupItemHiddenInputProps

package/dist/radio-group/radio-group-item-text.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface RadioGroupItemTextProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ItemProps, ItemState} from '@zag-js/radio-group';
 

package/dist/radio-group/radio-group-label.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface RadioGroupLabelProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateRadioGroupProps,

package/dist/rating-group/rating-group-control.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface RatingGroupControlProps

package/dist/rating-group/rating-group-hidden-input.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface RatingGroupHiddenInputProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ItemProps, ItemState} from '@zag-js/rating-group';
 

package/dist/rating-group/rating-group-label.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface RatingGroupLabelProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateRatingGroupProps,

package/dist/segment-group/segment-group-indicator.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SegmentGroupIndicatorProps

package/dist/segment-group/segment-group-item-control.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SegmentGroupItemControlProps

package/dist/segment-group/segment-group-item-hidden-input.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SegmentGroupItemHiddenInputProps

package/dist/segment-group/segment-group-item-text.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SegmentGroupItemTextProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ItemProps, ItemState} from '@zag-js/radio-group';
 

package/dist/segment-group/segment-group-label.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SegmentGroupLabelProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateSegmentGroupProps,

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

@@ -1,8 +1,8 @@
 import * as select from '@zag-js/select';
 type Omitted = 'id' | 'dir' | 'getRootNode' | 'collection' | 'open.controlled';
 export interface CreateSelectProps<T> extends select.CollectionOptions<T>, Omit<select.Context, Omitted> {
-    id?: string | null;
-    defaultOpen?: boolean;
+    id?: string;
+    openControlled?: boolean;
 }
 export interface CreateSelectReturn extends select.Api {
 }

package/dist/select/create-select.svelte.js

@@ -18,20 +18,19 @@ export function createSelect(props) {
     const environment = getEnvironmentContext();
     const id = uid();
     const context = reflect(() => ({
+        id,
         ids: {
             label: field?.ids.label,
             hiddenSelect: field?.ids.control,
         },
+        dir: locale?.dir,
         invalid: field?.invalid,
         disabled: field?.disabled,
         readOnly: field?.readOnly,
         required: field?.required,
         ...selectProps,
-        id: props.id ?? id,
-        dir: locale?.dir,
-        open: props.defaultOpen ?? props.open,
-        'open.controlled': props.open != null,
         getRootNode: environment?.getRootNode,
+        'open.controlled': props.openControlled,
         collection,
     }));
     const [state, send] = useMachine(select.machine(context), { context });

package/dist/select/select-clear-trigger.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectClearTriggerProps

package/dist/select/select-content.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
   import type {Action} from 'svelte/action';
 

package/dist/select/select-control.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectControlProps

package/dist/select/select-hidden-select.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectHiddenSelectProps

package/dist/select/select-indicator.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectIndicatorProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectItemGroupLabelProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectItemGroupProps

package/dist/select/select-item-indicator.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectItemIndicatorProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectItemTextProps

package/dist/select/select-item.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ItemProps, ItemState} from '@zag-js/select';
 

package/dist/select/select-label.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectLabelProps

package/dist/select/select-list.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectListProps

package/dist/select/select-positioner.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectPositionerProps

package/dist/select/select-root.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
@@ -37,7 +37,7 @@
       'form',
       'name',
       'open',
-      'defaultOpen',
+      'openControlled',
       'value',
       'items',
       'invalid',

package/dist/select/select-trigger.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectTriggerProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SelectValueTextProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SignaturePadClearTriggerProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SignaturePadControlProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SignaturePadCurrentSegmentPathProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SignaturePadGuideProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {HiddenInputProps} from '@zag-js/signature-pad';
 

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SignaturePadLabelProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateSignaturePadProps,

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {SegmentPathProps} from '@zag-js/signature-pad';
 

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SignaturePadSegmentProps

package/dist/slider/slider-control.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SliderControlProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SliderHiddenInputProps

package/dist/slider/slider-label.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SliderLabelProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SliderMarkerGroupProps

package/dist/slider/slider-marker.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {MarkerProps} from '@zag-js/slider';
 

package/dist/slider/slider-range.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SliderRangeProps

package/dist/slider/slider-root.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateSliderProps,

package/dist/slider/slider-thumb.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ThumbProps} from '@zag-js/slider';
 

package/dist/slider/slider-track.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SliderTrackProps

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface SliderValueTextProps

package/dist/splitter/splitter-panel.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {PanelProps} from '@zag-js/splitter';
 

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

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ResizeTriggerProps} from '@zag-js/splitter';