ui-ingredients 0.0.1

package/dist/clipboard/input.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ClipboardInputProps extends Assign<SvelteHTMLElements['input'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Input: $$__sveltets_2_IsomorphicComponent<ClipboardInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Input = InstanceType<typeof Input>;
+export default Input;

package/dist/clipboard/label.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useClipboardContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useClipboardContext();
+let attrs = $derived(mergeProps(props, context.getLabelProps()));
+</script>
+
+<label {...attrs}>
+  {@render children?.()}
+</label>

package/dist/clipboard/label.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ClipboardLabelProps extends Assign<SvelteHTMLElements['label'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Label: $$__sveltets_2_IsomorphicComponent<ClipboardLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/clipboard/root.svelte

@@ -0,0 +1,30 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createClipboardContext, setClipboardContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  value,
+  timeout,
+  onStatusChange,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createClipboardContext({
+  id,
+  ids,
+  value,
+  timeout,
+  onStatusChange,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setClipboardContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

package/dist/clipboard/root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { CreateClipboardContextProps, CreateClipboardContextReturn } from './context.svelte.js';
+export interface ClipboardProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateClipboardContextProps>> {
+    children?: Snippet<[CreateClipboardContextReturn]>;
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<ClipboardProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/clipboard/trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useClipboardContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useClipboardContext();
+let attrs = $derived(mergeProps(props, context.getTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/clipboard/trigger.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ClipboardTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<ClipboardTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/collapsible/content.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useCollapsibleContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useCollapsibleContext();
+let attrs = $derived(mergeProps(props, context.getContentProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/collapsible/content.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface CollapsibleContentProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Content: $$__sveltets_2_IsomorphicComponent<CollapsibleContentProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Content = InstanceType<typeof Content>;
+export default Content;

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

@@ -0,0 +1,8 @@
+import * as collapsible from '@zag-js/collapsible';
+export interface CreateCollapsibleContextProps extends collapsible.Context {
+}
+export interface CreateCollapsibleContextReturn extends ReturnType<typeof createCollapsibleContext> {
+}
+export declare function createCollapsibleContext(props: CreateCollapsibleContextProps): any;
+export declare function setCollapsibleContext(value: CreateCollapsibleContextReturn): void;
+export declare function useCollapsibleContext(): CreateCollapsibleContextReturn;

package/dist/collapsible/context.svelte.js

@@ -0,0 +1,14 @@
+import * as collapsible from '@zag-js/collapsible';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createCollapsibleContext(props) {
+    const [state, send] = useMachine(collapsible.machine(props));
+    const api = $derived(reflect(() => collapsible.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setCollapsibleContext(value) {
+    setContext('Collapsible', value);
+}
+export function useCollapsibleContext() {
+    return getContext('Collapsible');
+}

package/dist/collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Content, type CollapsibleContentProps } from './content.svelte';
+export { default as Root, type CollapsibleProps } from './root.svelte';
+export { default as Trigger, type CollapsibleTriggerProps } from './trigger.svelte';

package/dist/collapsible/index.js

@@ -0,0 +1,3 @@
+export { default as Content } from './content.svelte';
+export { default as Root } from './root.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/collapsible/root.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createCollapsibleContext, setCollapsibleContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  open,
+  "open.controlled": openControlled,
+  disabled,
+  onOpenChange,
+  onExitComplete,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createCollapsibleContext({
+  id,
+  ids,
+  dir,
+  open,
+  "open.controlled": openControlled,
+  disabled,
+  onOpenChange,
+  onExitComplete,
+  getRootNode
+});
+let mergedProps = $derived(mergeProps(props, context.getRootProps()));
+setCollapsibleContext(context);
+</script>
+
+<div {...mergedProps}>
+  {@render children?.(context)}
+</div>

package/dist/collapsible/root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { CreateCollapsibleContextProps, CreateCollapsibleContextReturn } from './context.svelte.js';
+export interface CollapsibleProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateCollapsibleContextProps>> {
+    children?: Snippet<[CreateCollapsibleContextReturn]>;
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<CollapsibleProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/collapsible/trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useCollapsibleContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useCollapsibleContext();
+let mergedProps = $derived(mergeProps(props, context.getTriggerProps()));
+</script>
+
+<button type="button" {...mergedProps}>
+  {@render children?.()}
+</button>

package/dist/collapsible/trigger.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface CollapsibleTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<CollapsibleTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/combobox/clear-trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(mergeProps(props, context.getClearTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxClearTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ClearTrigger: $$__sveltets_2_IsomorphicComponent<ComboboxClearTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ClearTrigger = InstanceType<typeof ClearTrigger>;
+export default ClearTrigger;

package/dist/combobox/content.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(mergeProps(props, context.getContentProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxContentProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Content: $$__sveltets_2_IsomorphicComponent<ComboboxContentProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Content = InstanceType<typeof Content>;
+export default Content;

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

@@ -0,0 +1,16 @@
+import * as combobox from '@zag-js/combobox';
+export interface CreateComboboxContextProps<T> extends Omit<combobox.Context, 'collection'> {
+    items: T[];
+    itemToString?: (item: T) => string;
+    itemToValue?: (item: T) => string;
+    isItemDisabled?: (item: T) => boolean;
+}
+export interface CreateComboboxContextReturn extends ReturnType<typeof createComboboxContext> {
+}
+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;

package/dist/combobox/context.svelte.js

@@ -0,0 +1,38 @@
+import * as combobox from '@zag-js/combobox';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createComboboxContext(props) {
+    const collection = $derived(combobox.collection({
+        items: props.items,
+        itemToValue: (item) => (props.itemToValue ? props.itemToValue(item) : String(item)),
+        itemToString: (item) => (props.itemToString ? props.itemToString(item) : String(item)),
+        isItemDisabled: (item) => (props.isItemDisabled ? props.isItemDisabled(item) : false),
+    }));
+    const [state, send] = useMachine(combobox.machine({
+        ...props,
+        collection,
+    }));
+    const api = $derived(reflect(() => ({
+        ...combobox.connect(state, send, normalizeProps),
+        collection,
+    })));
+    return api;
+}
+export function setComboboxContext(value) {
+    setContext('Combobox', reflect(() => value));
+}
+export function useComboboxContext() {
+    return getContext('Combobox');
+}
+export function setComboboxItemContext(value) {
+    setContext('ComboboxItem', reflect(() => value));
+}
+export function useComboboxItemContext() {
+    return getContext('ComboboxItem');
+}
+export function setComboboxItemGroupContext(value) {
+    setContext('ComboboxItemGroup', reflect(() => value));
+}
+export function useComboboxItemGroupContext() {
+    return getContext('ComboboxItemGroup');
+}

package/dist/combobox/control.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(mergeProps(props, context.getControlProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxControlProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Control: $$__sveltets_2_IsomorphicComponent<ComboboxControlProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Control = InstanceType<typeof Control>;
+export default Control;

package/dist/combobox/index.d.ts

@@ -0,0 +1,14 @@
+export { default as ClearTrigger, type ComboboxClearTriggerProps } from './clear-trigger.svelte';
+export { default as Content, type ComboboxContentProps } from './content.svelte';
+export { default as Control, type ComboboxControlProps } from './control.svelte';
+export { default as Input, type ComboboxInputProps } from './input.svelte';
+export { default as ItemGroupLabel, type ComboboxItemGroupLabelProps, } from './item-group-label.svelte';
+export { default as ItemGroup, type ComboboxItemGroupProps } from './item-group.svelte';
+export { default as ItemIndicator, type ComboboxItemIndicatorProps } from './item-indicator.svelte';
+export { default as ItemText, type ComboboxItemTextProps } from './item-text.svelte';
+export { default as Item, type ComboboxItemProps } from './item.svelte';
+export { default as Label, type ComboboxLabelProps } from './label.svelte';
+export { default as List, type ComboboxListProps } from './list.svelte';
+export { default as Positioner, type ComboboxPositionerProps } from './positioner.svelte';
+export { default as Root, type ComboboxProps } from './root.svelte';
+export { default as Trigger, type ComboboxTriggerProps } from './trigger.svelte';

package/dist/combobox/index.js

@@ -0,0 +1,14 @@
+export { default as ClearTrigger } from './clear-trigger.svelte';
+export { default as Content } from './content.svelte';
+export { default as Control } from './control.svelte';
+export { default as Input } from './input.svelte';
+export { default as ItemGroupLabel, } from './item-group-label.svelte';
+export { default as ItemGroup } from './item-group.svelte';
+export { default as ItemIndicator } from './item-indicator.svelte';
+export { default as ItemText } from './item-text.svelte';
+export { default as Item } from './item.svelte';
+export { default as Label } from './label.svelte';
+export { default as List } from './list.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/combobox/input.svelte

@@ -0,0 +1,10 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext } from "./context.svelte.js";
+let { ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(mergeProps(props, context.getInputProps()));
+</script>
+
+<input {...attrs} />

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxInputProps extends Assign<SvelteHTMLElements['input'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Input: $$__sveltets_2_IsomorphicComponent<ComboboxInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Input = InstanceType<typeof Input>;
+export default Input;

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

@@ -0,0 +1,20 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext, useComboboxItemGroupContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let itemGroupContext = useComboboxItemGroupContext();
+let attrs = $derived(
+  mergeProps(
+    props,
+    context.getItemGroupLabelProps({
+      htmlFor: itemGroupContext.id
+    })
+  )
+);
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxItemGroupLabelProps extends Assign<SvelteHTMLElements['span'], {}> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemGroupLabel: $$__sveltets_2_IsomorphicComponent<ComboboxItemGroupLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ItemGroupLabel = InstanceType<typeof ItemGroupLabel>;
+export default ItemGroupLabel;

package/dist/combobox/item-group.svelte

@@ -0,0 +1,14 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { setComboboxItemGroupContext, useComboboxContext } from "./context.svelte.js";
+let { id = nanoid(), children, ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(mergeProps(props, context.getItemGroupProps({ id })));
+setComboboxItemGroupContext({ id });
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>