ui-ingredients 0.0.1

package/dist/radio-group/label.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface RadioGroupLabelProps 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 Label: $$__sveltets_2_IsomorphicComponent<RadioGroupLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/radio-group/root.svelte

@@ -0,0 +1,40 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createRadioGroupContext, setRadioGroupContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  form,
+  name,
+  value,
+  disabled,
+  readOnly,
+  orientation,
+  onValueChange,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createRadioGroupContext({
+  id,
+  ids,
+  dir,
+  form,
+  name,
+  value: $state.snapshot(value),
+  disabled,
+  readOnly,
+  orientation,
+  onValueChange,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setRadioGroupContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

package/dist/radio-group/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 { CreateRadioGroupContextProps, CreateRadioGroupContextReturn } from './context.svelte.js';
+export interface RadioGroupProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateRadioGroupContextProps>> {
+    children?: Snippet<[CreateRadioGroupContextReturn]>;
+}
+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<RadioGroupProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/select/clear-trigger.svelte

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectClearTriggerProps 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<SelectClearTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ClearTrigger = InstanceType<typeof ClearTrigger>;
+export default ClearTrigger;

package/dist/select/content.svelte

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectContentProps 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<SelectContentProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Content = InstanceType<typeof Content>;
+export default Content;

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

@@ -0,0 +1,19 @@
+import * as select from '@zag-js/select';
+export interface CreateSelectContextProps<T> extends Omit<select.Context, 'collection'> {
+    items: T[];
+    itemToString?: (item: T) => string;
+    itemToValue?: (item: T) => string;
+    isItemDisabled?: (item: T) => boolean;
+}
+export interface CreateSelectContextReturn extends ReturnType<typeof createSelectContext> {
+}
+export declare function createSelectContext<T>(props: CreateSelectContextProps<T>): any;
+export declare function setSelectContext(value: CreateSelectContextReturn): void;
+export declare function useSelectContext(): CreateSelectContextReturn;
+export declare function setSelectItemGroupContext(value: select.ItemGroupProps): void;
+export declare function useSelectItemGroupContext(): select.ItemGroupProps;
+export interface CreateItemContextReturn<T> extends select.ItemProps<T> {
+    label: string;
+}
+export declare function setSelectItemContext(value: select.ItemProps): void;
+export declare function useSelectItemContext(): select.ItemProps<any>;

package/dist/select/context.svelte.js

@@ -0,0 +1,38 @@
+import * as select from '@zag-js/select';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createSelectContext(props) {
+    const collection = $derived(select.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(select.machine({
+        ...props,
+        collection,
+    }));
+    const api = $derived(reflect(() => ({
+        ...select.connect(state, send, normalizeProps),
+        collection,
+    })));
+    return api;
+}
+export function setSelectContext(value) {
+    setContext('Select', reflect(() => value));
+}
+export function useSelectContext() {
+    return getContext('Select');
+}
+export function setSelectItemGroupContext(value) {
+    setContext('SelectItemGroup', reflect(() => value));
+}
+export function useSelectItemGroupContext() {
+    return getContext('SelectItemGroup');
+}
+export function setSelectItemContext(value) {
+    setContext('SelectItem', reflect(() => value));
+}
+export function useSelectItemContext() {
+    return getContext('SelectItem');
+}

package/dist/select/control.svelte

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectControlProps 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<SelectControlProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Control = InstanceType<typeof Control>;
+export default Control;

package/dist/select/hidden-select.svelte

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

package/dist/select/hidden-select.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectHiddenSelectProps extends Assign<SvelteHTMLElements['select'], {}> {
+}
+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 HiddenSelect: $$__sveltets_2_IsomorphicComponent<SelectHiddenSelectProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type HiddenSelect = InstanceType<typeof HiddenSelect>;
+export default HiddenSelect;

package/dist/select/index.d.ts

@@ -0,0 +1,16 @@
+export { default as ClearTrigger, type SelectClearTriggerProps } from './clear-trigger.svelte';
+export { default as Content, type SelectContentProps } from './content.svelte';
+export { default as Control, type SelectControlProps } from './control.svelte';
+export { default as HiddenSelect, type SelectHiddenSelectProps } from './hidden-select.svelte';
+export { default as Indicator, type SelectIndicatorProps } from './indicator.svelte';
+export { default as ItemGroupLabel, type SelectItemGroupLabelProps } from './item-group-label.svelte';
+export { default as ItemGroup, type SelectItemGroupProps } from './item-group.svelte';
+export { default as ItemIndicator, type SelectItemIndicatorProps } from './item-indicator.svelte';
+export { default as ItemText, type SelectItemTextProps } from './item-text.svelte';
+export { default as Item, type SelectItemProps } from './item.svelte';
+export { default as Label, type SelectLabelProps } from './label.svelte';
+export { default as List, type SelectListProps } from './list.svelte';
+export { default as Positioner, type SelectPositionerProps } from './positioner.svelte';
+export { default as Root, type SelectProps } from './root.svelte';
+export { default as Trigger, type SelectTriggerProps } from './trigger.svelte';
+export { default as ValueText, type SelectValueTextProps } from './value-text.svelte';

package/dist/select/index.js

@@ -0,0 +1,16 @@
+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 HiddenSelect } from './hidden-select.svelte';
+export { default as Indicator } from './indicator.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';
+export { default as ValueText } from './value-text.svelte';

package/dist/select/indicator.svelte

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

package/dist/select/indicator.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectIndicatorProps 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 Indicator: $$__sveltets_2_IsomorphicComponent<SelectIndicatorProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Indicator = InstanceType<typeof Indicator>;
+export default Indicator;

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

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectItemGroupLabelProps 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<SelectItemGroupLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ItemGroupLabel = InstanceType<typeof ItemGroupLabel>;
+export default ItemGroupLabel;

package/dist/select/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 { setSelectItemGroupContext, useSelectContext } from "./context.svelte.js";
+let { id = nanoid(), children, ...props } = $props();
+let context = useSelectContext();
+let attrs = $derived(mergeProps(props, context.getItemGroupProps({ id })));
+setSelectItemGroupContext({ id });
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/select/item-group.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Assign, OptionalId } from '../types.js';
+import type { ItemGroupProps } from '@zag-js/select';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectItemGroupProps extends Assign<SvelteHTMLElements['div'], OptionalId<ItemGroupProps>> {
+}
+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 ItemGroup: $$__sveltets_2_IsomorphicComponent<SelectItemGroupProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ItemGroup = InstanceType<typeof ItemGroup>;
+export default ItemGroup;

package/dist/select/item-indicator.svelte

@@ -0,0 +1,13 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSelectContext, useSelectItemContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSelectContext();
+let itemContext = useSelectItemContext();
+let attrs = $derived(mergeProps(props, context.getItemIndicatorProps(itemContext)));
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

package/dist/select/item-indicator.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectItemIndicatorProps 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 ItemIndicator: $$__sveltets_2_IsomorphicComponent<SelectItemIndicatorProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ItemIndicator = InstanceType<typeof ItemIndicator>;
+export default ItemIndicator;

package/dist/select/item-text.svelte

@@ -0,0 +1,17 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useSelectContext, useSelectItemContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useSelectContext();
+let itemContext = useSelectItemContext();
+let attrs = $derived(mergeProps(props, context.getItemTextProps(itemContext)));
+</script>
+
+<span {...attrs}>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    {context.collection.stringifyItem(itemContext.item)}
+  {/if}
+</span>

package/dist/select/item-text.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectItemTextProps 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 ItemText: $$__sveltets_2_IsomorphicComponent<SelectItemTextProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ItemText = InstanceType<typeof ItemText>;
+export default ItemText;

package/dist/select/item.svelte

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

package/dist/select/item.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Assign } from '../types.js';
+import type { ItemProps } from '@zag-js/select';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectItemProps extends Assign<SvelteHTMLElements['div'], 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> {
+    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 Item: $$__sveltets_2_IsomorphicComponent<SelectItemProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Item = InstanceType<typeof Item>;
+export default Item;

package/dist/select/label.svelte

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface SelectLabelProps 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<SelectLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/select/list.svelte

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