ui-ingredients 0.0.1

package/dist/progress/circle-range.svelte

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

package/dist/progress/circle-range.svelte.d.ts

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

package/dist/progress/circle-track.svelte

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

package/dist/progress/circle-track.svelte.d.ts

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

package/dist/progress/circle.svelte

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

package/dist/progress/circle.svelte.d.ts

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

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

@@ -0,0 +1,8 @@
+import * as progress from '@zag-js/progress';
+export interface CreateProgressContextProps extends progress.Context {
+}
+export interface CreateProgressContextReturn extends ReturnType<typeof createProgressContext> {
+}
+export declare function createProgressContext(props: CreateProgressContextProps): any;
+export declare function setProgressContext(value: CreateProgressContextReturn): void;
+export declare function useProgressContext(): CreateProgressContextReturn;

package/dist/progress/context.svelte.js

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

package/dist/progress/index.d.ts

@@ -0,0 +1,8 @@
+export { default as CircleRange, type ProgressCircleRangeProps } from './circle-range.svelte';
+export { default as CircleTrack, type ProgressCircleTrackProps } from './circle-track.svelte';
+export { default as Circle, type ProgressCircleProps } from './circle.svelte';
+export { default as Label, type ProgressLabelProps } from './label.svelte';
+export { default as Range, type ProgressRangeProps } from './range.svelte';
+export { default as Root, type ProgressProps } from './root.svelte';
+export { default as Track, type ProgressTrackProps } from './track.svelte';
+export { default as ValueText, type ProgressValueTextProps } from './value-text.svelte';

package/dist/progress/index.js

@@ -0,0 +1,8 @@
+export { default as CircleRange } from './circle-range.svelte';
+export { default as CircleTrack } from './circle-track.svelte';
+export { default as Circle } from './circle.svelte';
+export { default as Label } from './label.svelte';
+export { default as Range } from './range.svelte';
+export { default as Root } from './root.svelte';
+export { default as Track } from './track.svelte';
+export { default as ValueText } from './value-text.svelte';

package/dist/progress/label.svelte

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

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

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

package/dist/progress/range.svelte

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

package/dist/progress/range.svelte.d.ts

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

package/dist/progress/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 { createProgressContext, setProgressContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  max,
+  min,
+  value,
+  orientation,
+  translations,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createProgressContext({
+  id,
+  ids,
+  dir,
+  max,
+  min,
+  value: $state.snapshot(value),
+  orientation,
+  translations,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setProgressContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

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

package/dist/progress/track.svelte

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

package/dist/progress/track.svelte.d.ts

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

package/dist/progress/value-text.svelte

@@ -0,0 +1,16 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useProgressContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useProgressContext();
+let attrs = $derived(mergeProps(props, context.getValueTextProps()));
+</script>
+
+<div {...attrs}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {context.percentAsString}
+  {/if}
+</div>

package/dist/progress/value-text.svelte.d.ts

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

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

@@ -0,0 +1,10 @@
+import * as radioGroup from '@zag-js/radio-group';
+export interface CreateRadioGroupContextProps extends radioGroup.Context {
+}
+export interface CreateRadioGroupContextReturn extends ReturnType<typeof createRadioGroupContext> {
+}
+export declare function createRadioGroupContext(props: CreateRadioGroupContextProps): any;
+export declare function setRadioGroupContext(value: CreateRadioGroupContextReturn): void;
+export declare function useRadioGroupContext(): CreateRadioGroupContextReturn;
+export declare function setRadioGroupItemContext(value: radioGroup.ItemProps): void;
+export declare function useRadioGroupItemContext(): radioGroup.ItemProps;

package/dist/radio-group/context.svelte.js

@@ -0,0 +1,20 @@
+import * as radioGroup from '@zag-js/radio-group';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createRadioGroupContext(props) {
+    const [state, send] = useMachine(radioGroup.machine(props));
+    const api = $derived(reflect(() => radioGroup.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setRadioGroupContext(value) {
+    setContext('RadioGroup', value);
+}
+export function useRadioGroupContext() {
+    return getContext('RadioGroup');
+}
+export function setRadioGroupItemContext(value) {
+    setContext('RadioGroupItem', reflect(() => value));
+}
+export function useRadioGroupItemContext() {
+    return getContext('RadioGroupItem');
+}

package/dist/radio-group/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Indicator, type RadioGroupIndicatorProps } from './indicator.svelte';
+export { default as ItemControl, type RadioGroupItemControlProps } from './item-control.svelte';
+export { default as ItemHiddenInput, type RadioGroupItemHiddenInputProps, } from './item-hidden-input.svelte';
+export { default as ItemText, type RadioGroupItemTextProps } from './item-text.svelte';
+export { default as Item, type RadioGroupItemProps } from './item.svelte';
+export { default as Label, type RadioGroupLabelProps } from './label.svelte';
+export { default as Root, type RadioGroupProps } from './root.svelte';

package/dist/radio-group/index.js

@@ -0,0 +1,7 @@
+export { default as Indicator } from './indicator.svelte';
+export { default as ItemControl } from './item-control.svelte';
+export { default as ItemHiddenInput, } from './item-hidden-input.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 Root } from './root.svelte';

package/dist/radio-group/indicator.svelte

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

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

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

package/dist/radio-group/item-control.svelte

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

package/dist/radio-group/item-control.svelte.d.ts

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

package/dist/radio-group/item-hidden-input.svelte

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

package/dist/radio-group/item-hidden-input.svelte.d.ts

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

package/dist/radio-group/item-text.svelte

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

package/dist/radio-group/item-text.svelte.d.ts

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

package/dist/radio-group/item.svelte

@@ -0,0 +1,26 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { setRadioGroupItemContext, useRadioGroupContext } from "./context.svelte.js";
+let { value, invalid, disabled, children, ...props } = $props();
+let context = useRadioGroupContext();
+let attrs = $derived(
+  mergeProps(
+    props,
+    context.getItemProps({
+      value,
+      invalid,
+      disabled
+    })
+  )
+);
+setRadioGroupItemContext({
+  value,
+  invalid,
+  disabled
+});
+</script>
+
+<label {...attrs}>
+  {@render children?.()}
+</label>

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

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

package/dist/radio-group/label.svelte

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