ui-ingredients 0.0.57 → 0.0.59

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

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

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

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

package/dist/accordion/accordion-item.svelte

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

package/dist/avatar/avatar-image.svelte

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

package/dist/avatar/avatar-root.svelte

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

package/dist/carousel/carousel-indicator.svelte

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

package/dist/carousel/carousel-item.svelte

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

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

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

package/dist/carousel/carousel-root.svelte

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

package/dist/carousel/carousel-viewport.svelte

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

package/dist/checkbox/checkbox-control.svelte

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

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

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

package/dist/checkbox/checkbox-indicator.svelte

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

package/dist/checkbox/checkbox-label.svelte

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

package/dist/checkbox/checkbox-root.svelte

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

package/dist/clipboard/clipboard-control.svelte

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

package/dist/clipboard/clipboard-indicator.svelte

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

package/dist/clipboard/clipboard-label.svelte

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

package/dist/clipboard/clipboard-root.svelte

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

package/dist/clipboard/clipboard-trigger.svelte

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

package/dist/collapsible/collapsible-content.svelte

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

package/dist/collapsible/collapsible-root.svelte

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

package/dist/collapsible/collapsible-trigger.svelte

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

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

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

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

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

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

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

package/dist/combobox/combobox-content.svelte

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

package/dist/combobox/combobox-input.svelte

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

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

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

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

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

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

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

package/dist/combobox/combobox-item.svelte

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

package/dist/combobox/combobox-list.svelte

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

package/dist/combobox/combobox-positioner.svelte

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

package/dist/combobox/combobox-root.svelte

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

package/dist/combobox/combobox-trigger.svelte

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

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

@@ -34,7 +34,7 @@ export function createCombobox(props) {
         getRootNode: environment?.getRootNode,
         collection,
     }));
-    const [state, send] = useMachine(combobox.machine(context), { context });
+    const [state, send] = useMachine(combobox.machine(context));
     return reflect(() => {
         const o = combobox.connect(state, send, normalizeProps);
         return {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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