ui-ingredients 0.23.0 → 0.23.1

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

@@ -1,16 +1,15 @@
 <script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
   import type {Action} from 'svelte/action';
+  import type {HtmlIngredientProps} from '../types.js';
 
   export interface AccordionItemContentProps
     extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '../merge-props.js';
+  import {mergeProps, reflect} from '@zag-js/svelte';
   import {createPresence} from '../presence/create-presence.svelte.js';
   import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
-  import {reflect} from '@zag-js/svelte';
   import {
     getAccordionContext,
     getAccordionItemPropsContext,

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

@@ -1,36 +1,36 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface AccordionIndicatorProps
-    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {
-    getAccordionContext,
-    getAccordionItemPropsContext,
-  } from './accordion-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AccordionIndicatorProps = $props();
-
-  let accordion = getAccordionContext();
-  let itemProps = getAccordionItemPropsContext();
-
-  let mergedProps = $derived(
-    mergeProps(accordion.getItemIndicatorProps(itemProps), 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 AccordionIndicatorProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {
+    getAccordionContext,
+    getAccordionItemPropsContext,
+  } from './accordion-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AccordionIndicatorProps = $props();
+
+  let accordion = getAccordionContext();
+  let itemProps = getAccordionItemPropsContext();
+
+  let mergedProps = $derived(
+    mergeProps(accordion.getItemIndicatorProps(itemProps), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </span>
+{/if}

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

@@ -1,36 +1,36 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface AccordionItemTriggerProps
-    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {
-    getAccordionContext,
-    getAccordionItemPropsContext,
-  } from './accordion-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AccordionItemTriggerProps = $props();
-
-  let accordion = getAccordionContext();
-  let itemProps = getAccordionItemPropsContext();
-
-  let mergedProps = $derived(
-    mergeProps(accordion.getItemTriggerProps(itemProps), 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 AccordionItemTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {
+    getAccordionContext,
+    getAccordionItemPropsContext,
+  } from './accordion-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AccordionItemTriggerProps = $props();
+
+  let accordion = getAccordionContext();
+  let itemProps = getAccordionItemPropsContext();
+
+  let mergedProps = $derived(
+    mergeProps(accordion.getItemTriggerProps(itemProps), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/accordion/accordion-item.svelte

@@ -1,47 +1,47 @@
-<script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {ItemProps, ItemState} from '@zag-js/accordion';
-
-  export interface AccordionItemProps
-    extends Assign<
-      HtmlIngredientProps<'div', HTMLDivElement, ItemState>,
-      ItemProps
-    > {}
-</script>
-
-<script lang="ts">
-  import {createSplitProps} from '../create-split-props.js';
-  import {mergeProps} from '../merge-props.js';
-  import {
-    getAccordionContext,
-    setAccordionItemPropsContext,
-  } from './accordion-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: AccordionItemProps = $props();
-
-  let accordion = getAccordionContext();
-
-  let [itemProps, localProps] = $derived(
-    createSplitProps<ItemProps>(['value', 'disabled'])(props),
-  );
-
-  let itemState = $derived(accordion.getItemState(itemProps));
-  let mergedProps = $derived(
-    mergeProps(accordion.getItemProps(itemProps), localProps),
-  );
-
-  setAccordionItemPropsContext(() => itemProps);
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps, itemState)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.(itemState)}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {ItemProps, ItemState} from '@zag-js/accordion';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+
+  export interface AccordionItemProps
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, ItemState>,
+      ItemProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {createSplitProps} from '../create-split-props.js';
+  import {
+    getAccordionContext,
+    setAccordionItemPropsContext,
+  } from './accordion-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AccordionItemProps = $props();
+
+  let accordion = getAccordionContext();
+
+  let [itemProps, localProps] = $derived(
+    createSplitProps<ItemProps>(['value', 'disabled'])(props),
+  );
+
+  let itemState = $derived(accordion.getItemState(itemProps));
+  let mergedProps = $derived(
+    mergeProps(accordion.getItemProps(itemProps), localProps),
+  );
+
+  setAccordionItemPropsContext(() => itemProps);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, itemState)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    {@render children?.(itemState)}
+  </div>
+{/if}

package/dist/accordion/accordion-item.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps, ItemState } from '@zag-js/accordion';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 export interface AccordionItemProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, ItemState>, ItemProps> {
 }
 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/accordion/accordion-root.svelte

@@ -15,10 +15,9 @@
 </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 {setPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
-  import {reflect} from '@zag-js/svelte';
   import {setAccordionContext} from './accordion-context.svelte.js';
   import {createAccordion} from './create-accordion.svelte.js';
 

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

@@ -1,8 +1,8 @@
+import * as accordion from '@zag-js/accordion';
+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 accordion from '@zag-js/accordion';
-import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 export function createAccordion(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();

package/dist/alert/alert-description.svelte

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

package/dist/alert/alert-description.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const AlertDescription: $$__sveltets_2_IsomorphicComponent<AlertDescriptionProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type AlertDescription = InstanceType<typeof AlertDescription>;
 export default AlertDescription;

package/dist/alert/alert-indicator.svelte

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

package/dist/alert/alert-indicator.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const AlertIndicator: $$__sveltets_2_IsomorphicComponent<AlertIndicatorProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type AlertIndicator = InstanceType<typeof AlertIndicator>;
 export default AlertIndicator;

package/dist/alert/alert-root.svelte

@@ -1,29 +1,34 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-  import type {CreateAlertReturn} from './create-alert.svelte.js';
-
-  export interface AlertProps
-    extends HtmlIngredientProps<'div', HTMLDivElement, CreateAlertReturn> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {setAlertContext} from './alert-context.js';
-  import {createAlert} from './create-alert.svelte.js';
-
-  let {ref, asChild, children, ...props}: AlertProps = $props();
-
-  let alert = createAlert();
-
-  let attrs = $derived(mergeProps(alert.getRootProps(), props));
-
-  setAlertContext(alert);
-</script>
-
-{#if asChild}
-  {@render asChild(attrs, alert)}
-{:else}
-  <div bind:this={ref} {...attrs}>
-    {@render children?.(alert)}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+  import type {CreateAlertReturn} from './create-alert.svelte.js';
+
+  export interface AlertProps
+    extends HtmlIngredientProps<'div', HTMLDivElement, CreateAlertReturn> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {setAlertContext} from './alert-context.js';
+  import {createAlert} from './create-alert.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertProps = $props();
+
+  let alert = createAlert();
+
+  let attrs = $derived(mergeProps(alert.getRootProps(), props));
+
+  setAlertContext(alert);
+</script>
+
+{#if asChild}
+  {@render asChild(attrs, alert)}
+{:else}
+  <div bind:this={ref} {...attrs}>
+    {@render children?.(alert)}
+  </div>
+{/if}

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

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const AlertRoot: $$__sveltets_2_IsomorphicComponent<AlertProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type AlertRoot = InstanceType<typeof AlertRoot>;
 export default AlertRoot;

package/dist/alert/alert-title.svelte

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

package/dist/alert/alert-title.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const AlertTitle: $$__sveltets_2_IsomorphicComponent<AlertTitleProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type AlertTitle = InstanceType<typeof AlertTitle>;
 export default AlertTitle;

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

@@ -1,16 +1,15 @@
 <script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
   import type {Action} from 'svelte/action';
+  import type {HtmlIngredientProps} from '../types.js';
 
   export interface AlertDialogBackdropProps
     extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '../merge-props.js';
+  import {mergeProps, reflect} from '@zag-js/svelte';
   import {createPresence} from '../presence/create-presence.svelte.js';
   import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
-  import {reflect} from '@zag-js/svelte';
   import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
 
   let {

package/dist/alert-dialog/alert-dialog-backdrop.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 AlertDialogBackdropProps 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> {