ui-ingredients 0.0.1

package/dist/carousel/item-group.svelte

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

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

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

package/dist/carousel/item.svelte

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

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

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

package/dist/carousel/next-trigger.svelte

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

package/dist/carousel/next-trigger.svelte.d.ts

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

package/dist/carousel/prev-trigger.svelte

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

package/dist/carousel/prev-trigger.svelte.d.ts

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

package/dist/carousel/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 { createCarouselContext, setCarouselContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  loop,
+  align,
+  index,
+  spacing,
+  orientation,
+  slidesPerView,
+  onIndexChange,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createCarouselContext({
+  id,
+  ids,
+  dir,
+  loop,
+  align,
+  index: $state.snapshot(index),
+  spacing,
+  orientation,
+  slidesPerView,
+  onIndexChange,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setCarouselContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

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

package/dist/carousel/viewport.svelte

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

package/dist/carousel/viewport.svelte.d.ts

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

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

@@ -0,0 +1,8 @@
+import * as checkbox from '@zag-js/checkbox';
+export interface CreateCheckboxContextProps extends checkbox.Context {
+}
+export interface CreateCheckboxContextReturn extends ReturnType<typeof createCheckboxContext> {
+}
+export declare function createCheckboxContext(props: CreateCheckboxContextProps): any;
+export declare function setCheckboxContext(value: CreateCheckboxContextReturn): void;
+export declare function useCheckboxContext(): CreateCheckboxContextReturn;

package/dist/checkbox/context.svelte.js

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

package/dist/checkbox/control.svelte

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

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

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

package/dist/checkbox/hidden-input.svelte

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

package/dist/checkbox/hidden-input.svelte.d.ts

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

package/dist/checkbox/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Control, type CheckboxControlProps } from './control.svelte';
+export { default as HiddenInput, type CheckboxHiddenInputProps } from './hidden-input.svelte';
+export { default as Indicator, type CheckboxIndicatorProps } from './indicator.svelte';
+export { default as Label, type CheckboxLabelProps } from './label.svelte';
+export { default as Root, type CheckboxProps } from './root.svelte';

package/dist/checkbox/index.js

@@ -0,0 +1,5 @@
+export { default as Control } from './control.svelte';
+export { default as HiddenInput } from './hidden-input.svelte';
+export { default as Indicator } from './indicator.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';

package/dist/checkbox/indicator.svelte

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

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

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

package/dist/checkbox/label.svelte

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

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

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

package/dist/checkbox/root.svelte

@@ -0,0 +1,44 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createCheckboxContext, setCheckboxContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  form,
+  name,
+  value,
+  checked,
+  invalid,
+  disabled,
+  readOnly,
+  required,
+  onCheckedChange,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createCheckboxContext({
+  id,
+  ids,
+  dir,
+  form,
+  name,
+  value: $state.snapshot(value),
+  checked,
+  invalid,
+  disabled,
+  readOnly,
+  required,
+  onCheckedChange,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setCheckboxContext(context);
+</script>
+
+<label {...attrs}>
+  {@render children?.(context)}
+</label>

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

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

@@ -0,0 +1,8 @@
+import * as clipboard from '@zag-js/clipboard';
+export interface CreateClipboardContextProps extends clipboard.Context {
+}
+export interface CreateClipboardContextReturn extends ReturnType<typeof createClipboardContext> {
+}
+export declare function createClipboardContext(props: CreateClipboardContextProps): any;
+export declare function setClipboardContext(value: CreateClipboardContextReturn): void;
+export declare function useClipboardContext(): CreateClipboardContextReturn;

package/dist/clipboard/context.svelte.js

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

package/dist/clipboard/control.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.getControlProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

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

package/dist/clipboard/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Control, type ClipboardControlProps } from './control.svelte';
+export { default as Indicator, type ClipboardIndicatorProps } from './indicator.svelte';
+export { default as Input, type ClipboardInputProps } from './input.svelte';
+export { default as Label, type ClipboardLabelProps } from './label.svelte';
+export { default as Root, type ClipboardProps } from './root.svelte';
+export { default as Trigger, type ClipboardTriggerProps } from './trigger.svelte';

package/dist/clipboard/index.js

@@ -0,0 +1,6 @@
+export { default as Control } from './control.svelte';
+export { default as Indicator } from './indicator.svelte';
+export { default as Input } from './input.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/clipboard/indicator.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 { copied = false, children, ...props } = $props();
+let context = useClipboardContext();
+let attrs = $derived(mergeProps(props, context.getIndicatorProps({ copied })));
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

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

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

package/dist/clipboard/input.svelte

@@ -0,0 +1,10 @@
+<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.getInputProps()));
+</script>
+
+<input {...attrs} />