ui-ingredients 0.23.0 → 0.23.1

package/dist/alert-dialog/alert-dialog-close-trigger.svelte

@@ -1,32 +1,32 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface AlertDialogCloseTriggerProps
-    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AlertDialogCloseTriggerProps = $props();
-
-  let alertDialog = getAlertDialogContext();
-
-  let mergedProps = $derived(
-    mergeProps(alertDialog.getCloseTriggerProps(), props),
-  );
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <button bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </button>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDialogCloseTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogCloseTriggerProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+
+  let mergedProps = $derived(
+    mergeProps(alertDialog.getCloseTriggerProps(), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/alert-dialog/alert-dialog-content.svelte

@@ -1,41 +1,41 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-  import type {Action} from 'svelte/action';
-
-  export interface AlertDialogContentProps
-    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getPresenceContext} from '../presence/presence-context.svelte.js';
-  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AlertDialogContentProps = $props();
-
-  let alertDialog = getAlertDialogContext();
-  let presence = getPresenceContext();
-
-  let mergedProps = $derived(
-    mergeProps(
-      alertDialog.getContentProps(),
-      presence.getPresenceProps(),
-      props,
-    ),
-  );
-</script>
-
-{#if presence.mounted}
-  {#if asChild}
-    {@render asChild(presence.setReference, mergedProps)}
-  {:else}
-    <div bind:this={ref} use:presence.setReference {...mergedProps}>
-      {@render children?.()}
-    </div>
-  {/if}
-{/if}
+<script lang="ts" module>
+  import type {Action} from 'svelte/action';
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDialogContentProps
+    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {getPresenceContext} from '../presence/presence-context.svelte.js';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogContentProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+  let presence = getPresenceContext();
+
+  let mergedProps = $derived(
+    mergeProps(
+      alertDialog.getContentProps(),
+      presence.getPresenceProps(),
+      props,
+    ),
+  );
+</script>
+
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(presence.setReference, mergedProps)}
+  {:else}
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
+{/if}

package/dist/alert-dialog/alert-dialog-content.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HtmlIngredientProps } from '../types.js';
 import type { Action } from 'svelte/action';
+import type { HtmlIngredientProps } from '../types.js';
 export interface AlertDialogContentProps extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {

package/dist/alert-dialog/alert-dialog-description.svelte

@@ -1,32 +1,32 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface AlertDialogDescriptionProps
-    extends HtmlIngredientProps<'p', HTMLParagraphElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AlertDialogDescriptionProps = $props();
-
-  let alertDialog = getAlertDialogContext();
-
-  let mergedProps = $derived(
-    mergeProps(alertDialog.getDescriptionProps(), props),
-  );
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <p bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </p>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDialogDescriptionProps
+    extends HtmlIngredientProps<'p', HTMLParagraphElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogDescriptionProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+
+  let mergedProps = $derived(
+    mergeProps(alertDialog.getDescriptionProps(), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <p bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </p>
+{/if}

package/dist/alert-dialog/alert-dialog-positioner.svelte

@@ -1,40 +1,40 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface AlertDialogPositionerProps
-    extends HtmlIngredientProps<'div', HTMLDivElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getPresenceContext} from '../presence/presence-context.svelte.js';
-  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AlertDialogPositionerProps = $props();
-
-  let alertDialog = getAlertDialogContext();
-  let presence = getPresenceContext();
-
-  let mergedProps = $derived(
-    mergeProps(
-      alertDialog.getPositionerProps(),
-      presence.getPresenceProps(),
-      props,
-    ),
-  );
-</script>
-
-{#if presence.mounted}
-  {#if asChild}
-    {@render asChild(mergedProps)}
-  {:else}
-    <div bind:this={ref} {...mergedProps}>
-      {@render children?.()}
-    </div>
-  {/if}
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDialogPositionerProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {getPresenceContext} from '../presence/presence-context.svelte.js';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogPositionerProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+  let presence = getPresenceContext();
+
+  let mergedProps = $derived(
+    mergeProps(
+      alertDialog.getPositionerProps(),
+      presence.getPresenceProps(),
+      props,
+    ),
+  );
+</script>
+
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(mergedProps)}
+  {:else}
+    <div bind:this={ref} {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
+{/if}

package/dist/alert-dialog/alert-dialog-root.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
-  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
   import type {Snippet} from 'svelte';
+  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
   import type {
     CreateAlertDialogProps,
     CreateAlertDialogReturn,
@@ -14,13 +14,13 @@
 </script>
 
 <script lang="ts">
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '../create-split-props.js';
   import {createPresence} from '../presence/create-presence.svelte.js';
   import {
     setPresenceContext,
     setPresenceStrategyPropsContext,
   } from '../presence/presence-context.svelte.js';
-  import {reflect} from '@zag-js/svelte';
   import {setAlertDialogContext} from './alert-dialog-context.svelte.js';
   import {createAlertDialog} from './create-alert-dialog.svelte.js';
 

package/dist/alert-dialog/alert-dialog-root.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { PresenceStrategyProps } from '../presence/create-presence.svelte.js';
 import type { Snippet } from 'svelte';
+import type { PresenceStrategyProps } from '../presence/create-presence.svelte.js';
 import type { CreateAlertDialogProps, CreateAlertDialogReturn } from './create-alert-dialog.svelte.js';
 export interface AlertDialogProps extends CreateAlertDialogProps, PresenceStrategyProps {
     children?: Snippet<[CreateAlertDialogReturn]>;

package/dist/alert-dialog/alert-dialog-title.svelte

@@ -1,30 +1,30 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface AlertDialogTitleProps
-    extends HtmlIngredientProps<'h2', HTMLHeadingElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AlertDialogTitleProps = $props();
-
-  let alertDialog = getAlertDialogContext();
-
-  let mergedProps = $derived(mergeProps(alertDialog.getTitleProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <h2 bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </h2>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDialogTitleProps
+    extends HtmlIngredientProps<'h2', HTMLHeadingElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogTitleProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+
+  let mergedProps = $derived(mergeProps(alertDialog.getTitleProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <h2 bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </h2>
+{/if}

package/dist/alert-dialog/alert-dialog-trigger.svelte

@@ -1,30 +1,30 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface AlertDialogTriggerProps
-    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AlertDialogTriggerProps = $props();
-
-  let alertDialog = getAlertDialogContext();
-
-  let mergedProps = $derived(mergeProps(alertDialog.getTriggerProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <button bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </button>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDialogTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogTriggerProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+
+  let mergedProps = $derived(mergeProps(alertDialog.getTriggerProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/alert-dialog/create-alert-dialog.svelte.js

@@ -1,9 +1,8 @@
+import * as dialog from '@zag-js/dialog';
+import { mergeProps, normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/enviroment-provider-context.svelte.js';
 import { getLocaleContext } from '../locale-provider/local-provider-context.svelte.js';
-import { mergeProps } from '../merge-props.js';
-import * as dialog from '@zag-js/dialog';
-import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import { parts } from './alert-dialog-anatomy.js';
 export function createAlertDialog(props) {
     const locale = getLocaleContext();

package/dist/angle-slider/angle-slider-control.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '../merge-props.js';
+  import {mergeProps} from '@zag-js/svelte';
   import {getAngleSliderContext} from './angle-slider-context.svelte.js';
 
   let {

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

@@ -6,7 +6,7 @@
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '../merge-props.js';
+  import {mergeProps} from '@zag-js/svelte';
   import {getAngleSliderContext} from './angle-slider-context.svelte.js';
 
   let {

package/dist/angle-slider/angle-slider-label.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '../merge-props.js';
+  import {mergeProps} from '@zag-js/svelte';
   import {getAngleSliderContext} from './angle-slider-context.svelte.js';
 
   let {

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

@@ -6,7 +6,7 @@
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '../merge-props.js';
+  import {mergeProps} from '@zag-js/svelte';
   import {getAngleSliderContext} from './angle-slider-context.svelte.js';
 
   let {

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

@@ -1,14 +1,14 @@
 <script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {MarkerProps} from '@zag-js/angle-slider';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
 
   export interface AngleSliderMarkerProps
     extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, MarkerProps> {}
 </script>
 
 <script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
   import {createSplitProps} from '../create-split-props.js';
-  import {mergeProps} from '../merge-props.js';
   import {getAngleSliderContext} from './angle-slider-context.svelte.js';
 
   let {

package/dist/angle-slider/angle-slider-marker.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { MarkerProps } from '@zag-js/angle-slider';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 export interface AngleSliderMarkerProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, MarkerProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {

package/dist/angle-slider/angle-slider-root.svelte

@@ -13,9 +13,8 @@
 </script>
 
 <script lang="ts">
+  import {mergeProps, reflect} from '@zag-js/svelte';
   import {createSplitProps} from '../create-split-props.js';
-  import {mergeProps} from '../merge-props.js';
-  import {reflect} from '@zag-js/svelte';
   import {setAngleSliderContext} from './angle-slider-context.svelte.js';
   import {createAngleSlider} from './create-angle-slider.svelte.js';
 

package/dist/angle-slider/angle-slider-thumb.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '../merge-props.js';
+  import {mergeProps} from '@zag-js/svelte';
   import {getAngleSliderContext} from './angle-slider-context.svelte.js';
 
   let {

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

@@ -6,7 +6,7 @@
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '../merge-props.js';
+  import {mergeProps} from '@zag-js/svelte';
   import {getAngleSliderContext} from './angle-slider-context.svelte.js';
 
   let {

package/dist/angle-slider/create-angle-slider.svelte.js

@@ -1,8 +1,8 @@
+import * as angleSlider from '@zag-js/angle-slider';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/enviroment-provider-context.svelte.js';
 import { getLocaleContext } from '../locale-provider/local-provider-context.svelte.js';
-import * as angleSlider from '@zag-js/angle-slider';
-import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 export function createAngleSlider(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();

package/dist/avatar/avatar-fallback.svelte

@@ -1,30 +1,30 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface AvatarFallbackProps
-    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {getAvatarContext} from './avatar-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AvatarFallbackProps = $props();
-
-  let avatar = getAvatarContext();
-
-  let mergedProps = $derived(mergeProps(avatar.getFallbackProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <span bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </span>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AvatarFallbackProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {getAvatarContext} from './avatar-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AvatarFallbackProps = $props();
+
+  let avatar = getAvatarContext();
+
+  let mergedProps = $derived(mergeProps(avatar.getFallbackProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </span>
+{/if}