ui-ingredients 0.0.63 → 0.0.65

package/dist/accordion/accordion-item-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/accordion/accordion-item-indicator.svelte

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

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

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

package/dist/accordion/accordion-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/accordion';
 

package/dist/accordion/accordion-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 {

package/dist/avatar/avatar-fallback.svelte

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

package/dist/avatar/avatar-image.svelte

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

package/dist/avatar/avatar-root.svelte

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

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

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

package/dist/carousel/carousel-indicator.svelte

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

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

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

package/dist/carousel/carousel-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/carousel';
 

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

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

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

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

package/dist/carousel/carousel-root.svelte

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

package/dist/carousel/carousel-viewport.svelte

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

package/dist/checkbox/checkbox-control.svelte

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

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

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

package/dist/checkbox/checkbox-indicator.svelte

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

package/dist/checkbox/checkbox-label.svelte

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

package/dist/checkbox/checkbox-root.svelte

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

package/dist/clipboard/clipboard-control.svelte

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

package/dist/clipboard/clipboard-indicator.svelte

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

package/dist/clipboard/clipboard-input.svelte

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

package/dist/clipboard/clipboard-label.svelte

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

package/dist/clipboard/clipboard-root.svelte

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

package/dist/clipboard/clipboard-trigger.svelte

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

package/dist/collapsible/collapsible-content.svelte

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

package/dist/collapsible/collapsible-root.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {
     CreateCollapsibleProps,
@@ -31,8 +31,8 @@
       'id',
       'ids',
       'open',
+      'openControlled',
       'disabled',
-      'defaultOpen',
       'onOpenChange',
       'onExitComplete',
     ])(props),

package/dist/collapsible/collapsible-trigger.svelte

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

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

@@ -1,7 +1,7 @@
 import * as collapsible from '@zag-js/collapsible';
 export interface CreateCollapsibleProps extends Omit<collapsible.Context, 'id' | 'dir' | 'getRootNode' | 'open.controlled'> {
-    id?: string | null;
-    defaultOpen?: boolean;
+    id?: string;
+    openControlled?: boolean;
 }
 export interface CreateCollapsibleReturn extends collapsible.Api {
 }

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

@@ -8,12 +8,11 @@ export function createCollapsible(props) {
     const environment = getEnvironmentContext();
     const id = uid();
     const context = reflect(() => ({
-        ...props,
-        id: props.id ?? id,
+        id,
         dir: locale?.dir,
-        open: props.defaultOpen ?? props.open,
+        ...props,
         getRootNode: environment?.getRootNode,
-        'open.controlled': props.open != null,
+        'open.controlled': props.openControlled,
     }));
     const [state, send] = useMachine(collapsible.machine(context), { context });
     return reflect(() => collapsible.connect(state, send, normalizeProps));

package/dist/color-picker/color-picker-area-background.svelte

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

package/dist/color-picker/color-picker-area-thumb.svelte

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

package/dist/color-picker/color-picker-area.svelte

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

package/dist/color-picker/color-picker-channel-input.svelte

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

package/dist/color-picker/color-picker-channel-slider-label.svelte

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

package/dist/color-picker/color-picker-channel-slider-thumb.svelte

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

package/dist/color-picker/color-picker-channel-slider-track.svelte

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

package/dist/color-picker/color-picker-channel-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 ColorPickerChannelSliderValueTextProps

package/dist/color-picker/color-picker-channel-slider.svelte

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

package/dist/color-picker/color-picker-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/color-picker/color-picker-control.svelte

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/color-picker/color-picker-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 {
@@ -41,13 +41,13 @@
       'id',
       'ids',
       'open',
+      'openControlled',
       'name',
       'value',
       'format',
       'disabled',
       'required',
       'readOnly',
-      'defaultOpen',
       'positioning',
       'onOpenChange',
       'closeOnSelect',

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

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

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

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

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

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

package/dist/color-picker/color-picker-swatch.svelte

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

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

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

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

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

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

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

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

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

package/dist/color-picker/color-picker-view.svelte

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

package/dist/color-picker/create-color-picker.svelte.d.ts

@@ -2,9 +2,9 @@ import type { GenericObject } from '../types.js';
 import * as colorPicker from '@zag-js/color-picker';
 type Omitted = 'id' | 'dir' | 'value' | 'getRootNode' | 'open.controlled';
 export interface CreateColorPickerProps extends Omit<colorPicker.Context, Omitted> {
-    id?: string | null;
+    id?: string;
     value?: string;
-    defaultOpen?: boolean;
+    openControlled?: boolean;
 }
 export interface CreateColorPickerReturn extends colorPicker.Api {
     getViewProps(props: {

package/dist/color-picker/create-color-picker.svelte.js

@@ -9,13 +9,12 @@ export function createColorPicker(props) {
     const environment = getEnvironmentContext();
     const id = uid();
     const context = $derived.by(() => ({
-        ...props,
-        id: props.id ?? id,
+        id,
         dir: locale?.dir,
-        open: props.defaultOpen ?? props.open,
+        ...props,
         value: props.value ? colorPicker.parse(props.value) : undefined,
         getRootNode: environment?.getRootNode,
-        'open.controlled': props.open != null,
+        'open.controlled': props.openControlled,
     }));
     const [state, send] = useMachine(colorPicker.machine(context), { context });
     return reflect(() => {

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

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

package/dist/combobox/combobox-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/combobox/combobox-control.svelte

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

package/dist/combobox/combobox-input.svelte

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

package/dist/combobox/combobox-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 ComboboxItemGroupLabelProps

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

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

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

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

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

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

package/dist/combobox/combobox-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/combobox';
 

package/dist/combobox/combobox-label.svelte

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

package/dist/combobox/combobox-list.svelte

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

package/dist/combobox/combobox-positioner.svelte

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

package/dist/combobox/combobox-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 {
@@ -43,7 +43,7 @@
       'name',
       'form',
       'open',
-      'defaultOpen',
+      'openControlled',
       'items',
       'value',
       'invalid',

package/dist/combobox/combobox-trigger.svelte

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