ui-ingredients 0.0.11 → 0.0.12

package/dist/combobox/clear-trigger.svelte

@@ -1,21 +1,21 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ComboboxClearTriggerProps
-    extends HtmlIngredientProps<'button'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {useComboboxContext} from './context.svelte.js';
-
-  let {children, ...props}: ComboboxClearTriggerProps = $props();
-
-  let context = useComboboxContext();
-
-  let attrs = $derived(mergeProps(props, context.getClearTriggerProps()));
-</script>
-
-<button type="button" {...attrs}>
-  {@render children?.()}
-</button>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ComboboxClearTriggerProps
+    extends HtmlIngredientProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useComboboxContext} from './context.svelte.js';
+
+  let {children, ...props}: ComboboxClearTriggerProps = $props();
+
+  let context = useComboboxContext();
+
+  let attrs = $derived(mergeProps(props, context.getClearTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/combobox/content.svelte

@@ -1,20 +1,20 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ComboboxContentProps extends HtmlIngredientProps<'div'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {useComboboxContext} from './context.svelte.js';
-
-  let {children, ...props}: ComboboxContentProps = $props();
-
-  let context = useComboboxContext();
-
-  let attrs = $derived(mergeProps(props, context.getContentProps()));
-</script>
-
-<div {...attrs}>
-  {@render children?.()}
-</div>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ComboboxContentProps extends HtmlIngredientProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useComboboxContext} from './context.svelte.js';
+
+  let {children, ...props}: ComboboxContentProps = $props();
+
+  let context = useComboboxContext();
+
+  let attrs = $derived(mergeProps(props, context.getContentProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/combobox/context.svelte.d.ts

@@ -10,7 +10,7 @@ export interface CreateComboboxContextReturn extends ReturnType<typeof createCom
 export declare function createComboboxContext<T>(props: CreateComboboxContextProps<T>): any;
 export declare function setComboboxContext(value: CreateComboboxContextReturn): void;
 export declare function useComboboxContext(): CreateComboboxContextReturn;
-export declare function setComboboxItemContext(value: combobox.ItemProps): void;
-export declare function useComboboxItemContext(): combobox.ItemProps;
-export declare function setComboboxItemGroupContext(value: combobox.ItemGroupProps): void;
-export declare function useComboboxItemGroupContext(): combobox.ItemGroupProps;
+export declare function setComboboxItemPropsContext(value: combobox.ItemProps): void;
+export declare function useComboboxItemPropsContext(): combobox.ItemProps;
+export declare function setComboboxItemGroupPropsContext(value: combobox.ItemGroupProps): void;
+export declare function useComboboxItemGroupPropsContext(): combobox.ItemGroupProps;

package/dist/combobox/context.svelte.js

@@ -24,15 +24,15 @@ export function setComboboxContext(value) {
 export function useComboboxContext() {
     return getContext('Combobox');
 }
-export function setComboboxItemContext(value) {
+export function setComboboxItemPropsContext(value) {
     setContext('ComboboxItem', value);
 }
-export function useComboboxItemContext() {
+export function useComboboxItemPropsContext() {
     return getContext('ComboboxItem');
 }
-export function setComboboxItemGroupContext(value) {
+export function setComboboxItemGroupPropsContext(value) {
     setContext('ComboboxItemGroup', value);
 }
-export function useComboboxItemGroupContext() {
+export function useComboboxItemGroupPropsContext() {
     return getContext('ComboboxItemGroup');
 }

package/dist/combobox/control.svelte

@@ -1,20 +1,20 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ComboboxControlProps extends HtmlIngredientProps<'div'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {useComboboxContext} from './context.svelte.js';
-
-  let {children, ...props}: ComboboxControlProps = $props();
-
-  let context = useComboboxContext();
-
-  let attrs = $derived(mergeProps(props, context.getControlProps()));
-</script>
-
-<div {...attrs}>
-  {@render children?.()}
-</div>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ComboboxControlProps extends HtmlIngredientProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useComboboxContext} from './context.svelte.js';
+
+  let {children, ...props}: ComboboxControlProps = $props();
+
+  let context = useComboboxContext();
+
+  let attrs = $derived(mergeProps(props, context.getControlProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/combobox/input.svelte

@@ -1,18 +1,18 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ComboboxInputProps extends HtmlIngredientProps<'input'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {useComboboxContext} from './context.svelte.js';
-
-  let {...props}: ComboboxInputProps = $props();
-
-  let context = useComboboxContext();
-
-  let attrs = $derived(mergeProps(props, context.getInputProps()));
-</script>
-
-<input {...attrs} />
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ComboboxInputProps extends HtmlIngredientProps<'input'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useComboboxContext} from './context.svelte.js';
+
+  let {...props}: ComboboxInputProps = $props();
+
+  let context = useComboboxContext();
+
+  let attrs = $derived(mergeProps(props, context.getInputProps()));
+</script>
+
+<input {...attrs} />

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

@@ -1,32 +1,33 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ComboboxItemGroupLabelProps
-    extends HtmlIngredientProps<'span'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {
-    useComboboxContext,
-    useComboboxItemGroupContext,
-  } from './context.svelte.js';
-
-  let {children, ...props}: ComboboxItemGroupLabelProps = $props();
-
-  let context = useComboboxContext();
-  let itemGroupContext = useComboboxItemGroupContext();
-
-  let attrs = $derived(
-    mergeProps(
-      props,
-      context.getItemGroupLabelProps({
-        htmlFor: itemGroupContext.id,
-      }),
-    ),
-  );
-</script>
-
-<span {...attrs}>
-  {@render children?.()}
-</span>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ComboboxItemGroupLabelProps
+    extends HtmlIngredientProps<'span'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {
+    useComboboxContext,
+    useComboboxItemGroupPropsContext,
+  } from './context.svelte.js';
+
+  let {children, ...props}: ComboboxItemGroupLabelProps = $props();
+
+  let context = useComboboxContext();
+
+  let itemGroupProps = useComboboxItemGroupPropsContext();
+
+  let attrs = $derived(
+    mergeProps(
+      props,
+      context.getItemGroupLabelProps({
+        htmlFor: itemGroupProps.id,
+      }),
+    ),
+  );
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

package/dist/combobox/item-group.svelte

@@ -1,32 +1,32 @@
-<script lang="ts" context="module">
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {ItemGroupProps} from '@zag-js/combobox';
-
-  export interface ComboboxItemGroupProps
-    extends Assign<HtmlIngredientProps<'div'>, Omit<ItemGroupProps, 'id'>> {}
-</script>
-
-<script lang="ts">
-  import {uuid} from '../utils.svelte.js';
-  import {mergeProps} from '@zag-js/svelte';
-  import {
-    setComboboxItemGroupContext,
-    useComboboxContext,
-  } from './context.svelte.js';
-
-  let {id, children, ...props}: ComboboxItemGroupProps = $props();
-
-  let context = useComboboxContext();
-
-  let uid = uuid();
-
-  let attrs = $derived(
-    mergeProps(props, context.getItemGroupProps({id: id ?? uid})),
-  );
-
-  setComboboxItemGroupContext({id: id ?? uid});
-</script>
-
-<div {...attrs}>
-  {@render children?.()}
-</div>
+<script lang="ts" context="module">
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {ItemGroupProps} from '@zag-js/combobox';
+
+  export interface ComboboxItemGroupProps
+    extends Assign<HtmlIngredientProps<'div'>, Omit<ItemGroupProps, 'id'>> {}
+</script>
+
+<script lang="ts">
+  import {uuid} from '../utils.svelte.js';
+  import {mergeProps} from '@zag-js/svelte';
+  import {
+    setComboboxItemGroupPropsContext,
+    useComboboxContext,
+  } from './context.svelte.js';
+
+  let {id, children, ...props}: ComboboxItemGroupProps = $props();
+
+  let context = useComboboxContext();
+
+  let uid = uuid();
+
+  let attrs = $derived(
+    mergeProps(props, context.getItemGroupProps({id: id ?? uid})),
+  );
+
+  setComboboxItemGroupPropsContext({id: id ?? uid});
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/combobox/item-indicator.svelte

@@ -1,27 +1,28 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ComboboxItemIndicatorProps
-    extends HtmlIngredientProps<'span'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {
-    useComboboxContext,
-    useComboboxItemContext,
-  } from './context.svelte.js';
-
-  let {children, ...props}: ComboboxItemIndicatorProps = $props();
-
-  let context = useComboboxContext();
-  let itemContext = useComboboxItemContext();
-
-  let attrs = $derived(
-    mergeProps(props, context.getItemIndicatorProps(itemContext)),
-  );
-</script>
-
-<span {...attrs}>
-  {@render children?.()}
-</span>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ComboboxItemIndicatorProps
+    extends HtmlIngredientProps<'span'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {
+    useComboboxContext,
+    useComboboxItemPropsContext,
+  } from './context.svelte.js';
+
+  let {children, ...props}: ComboboxItemIndicatorProps = $props();
+
+  let context = useComboboxContext();
+
+  let itemProps = useComboboxItemPropsContext();
+
+  let attrs = $derived(
+    mergeProps(props, context.getItemIndicatorProps(itemProps)),
+  );
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

package/dist/combobox/item-text.svelte

@@ -1,30 +1,29 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ComboboxItemTextProps extends HtmlIngredientProps<'span'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {
-    useComboboxContext,
-    useComboboxItemContext,
-  } from './context.svelte.js';
-
-  let {children, ...props}: ComboboxItemTextProps = $props();
-
-  let context = useComboboxContext();
-  let itemContext = useComboboxItemContext();
-
-  let attrs = $derived(
-    mergeProps(props, context.getItemTextProps(itemContext)),
-  );
-</script>
-
-<span {...attrs}>
-  {#if children}
-    {@render children?.()}
-  {:else}
-    {context.collection.stringifyItem(itemContext.item)}
-  {/if}
-</span>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ComboboxItemTextProps extends HtmlIngredientProps<'span'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {
+    useComboboxContext,
+    useComboboxItemPropsContext,
+  } from './context.svelte.js';
+
+  let {children, ...props}: ComboboxItemTextProps = $props();
+
+  let context = useComboboxContext();
+
+  let itemProps = useComboboxItemPropsContext();
+
+  let attrs = $derived(mergeProps(props, context.getItemTextProps(itemProps)));
+</script>
+
+<span {...attrs}>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    {context.collection.stringifyItem(itemProps.item)}
+  {/if}
+</span>

package/dist/combobox/item.svelte

@@ -1,48 +1,48 @@
-<script lang="ts" context="module">
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {ItemProps, ItemState} from '@zag-js/combobox';
-  import type {Snippet} from 'svelte';
-
-  export interface ComboboxItemProps
-    extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, ItemProps> {
-    children?: Snippet<[state: ItemState]>;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {
-    setComboboxItemContext,
-    useComboboxContext,
-  } from './context.svelte.js';
-
-  let {children, item, persistFocus, ...props}: ComboboxItemProps = $props();
-
-  let context = useComboboxContext();
-
-  let state = $derived(
-    context.getItemState({
-      item,
-      persistFocus,
-    }),
-  );
-
-  let attrs = $derived(
-    mergeProps(
-      props,
-      context.getItemProps({
-        item,
-        persistFocus,
-      }),
-    ),
-  );
-
-  setComboboxItemContext({
-    item,
-    persistFocus,
-  });
-</script>
-
-<div {...attrs}>
-  {@render children?.(state)}
-</div>
+<script lang="ts" context="module">
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {ItemProps, ItemState} from '@zag-js/combobox';
+  import type {Snippet} from 'svelte';
+
+  export interface ComboboxItemProps
+    extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, ItemProps> {
+    children?: Snippet<[state: ItemState]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {
+    setComboboxItemPropsContext,
+    useComboboxContext,
+  } from './context.svelte.js';
+
+  let {children, item, persistFocus, ...props}: ComboboxItemProps = $props();
+
+  let context = useComboboxContext();
+
+  let state = $derived(
+    context.getItemState({
+      item,
+      persistFocus,
+    }),
+  );
+
+  let attrs = $derived(
+    mergeProps(
+      props,
+      context.getItemProps({
+        item,
+        persistFocus,
+      }),
+    ),
+  );
+
+  setComboboxItemPropsContext({
+    item,
+    persistFocus,
+  });
+</script>
+
+<div {...attrs}>
+  {@render children?.(state)}
+</div>

package/dist/combobox/label.svelte

@@ -1,20 +1,20 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ComboboxLabelProps extends HtmlIngredientProps<'label'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {useComboboxContext} from './context.svelte.js';
-
-  let {children, ...props}: ComboboxLabelProps = $props();
-
-  let context = useComboboxContext();
-
-  let attrs = $derived(mergeProps(props, context.getLabelProps()));
-</script>
-
-<label {...attrs}>
-  {@render children?.()}
-</label>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ComboboxLabelProps extends HtmlIngredientProps<'label'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useComboboxContext} from './context.svelte.js';
+
+  let {children, ...props}: ComboboxLabelProps = $props();
+
+  let context = useComboboxContext();
+
+  let attrs = $derived(mergeProps(props, context.getLabelProps()));
+</script>
+
+<label {...attrs}>
+  {@render children?.()}
+</label>

package/dist/combobox/list.svelte

@@ -1,20 +1,20 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface ComboboxListProps extends HtmlIngredientProps<'div'> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {useComboboxContext} from './context.svelte.js';
-
-  let {children, ...props}: ComboboxListProps = $props();
-
-  let context = useComboboxContext();
-
-  let attrs = $derived(mergeProps(props, context.getListProps()));
-</script>
-
-<div {...attrs}>
-  {@render children?.()}
-</div>
+<script lang="ts" context="module">
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface ComboboxListProps extends HtmlIngredientProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useComboboxContext} from './context.svelte.js';
+
+  let {children, ...props}: ComboboxListProps = $props();
+
+  let context = useComboboxContext();
+
+  let attrs = $derived(mergeProps(props, context.getListProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>