npm - ui-ingredients - Versions diffs - 0.0.63 → 0.0.65 - Mend

ui-ingredients 0.0.63 → 0.0.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (392) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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