ui-ingredients 0.0.6 → 0.0.8

package/dist/tags-input/item-delete-trigger.svelte.d.ts

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

package/dist/tags-input/item-input.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" context="module">
+  import type {Assign} from '../types.js';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+
+  export interface TagsInputItemInputProps extends Assign<SvelteHTMLElements['input'], {}> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTagsInputContext, useTagsInputItemContext} from './context.svelte.js';
+
+  let {...props}: TagsInputItemInputProps = $props();
+
+  let context = useTagsInputContext();
+  let itemContext = useTagsInputItemContext();
+
+  let attrs = $derived(mergeProps(props, context.getItemInputProps(itemContext)));
+</script>
+
+<input {...attrs} />

package/dist/tags-input/item-input.svelte.d.ts

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

package/dist/tags-input/item-preview.svelte

@@ -0,0 +1,22 @@
+<script lang="ts" context="module">
+  import type {Assign} from '../types.js';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+
+  export interface TagsInputItemPreviewProps extends Assign<SvelteHTMLElements['div'], {}> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTagsInputContext, useTagsInputItemContext} from './context.svelte.js';
+
+  let {children, ...props}: TagsInputItemPreviewProps = $props();
+
+  let context = useTagsInputContext();
+  let itemContext = useTagsInputItemContext();
+
+  let attrs = $derived(mergeProps(props, context.getItemPreviewProps(itemContext)));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/tags-input/item-preview.svelte.d.ts

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

package/dist/tags-input/item-text.svelte

@@ -0,0 +1,22 @@
+<script lang="ts" context="module">
+  import type {Assign} from '../types.js';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+
+  export interface TagsInputItemTextProps extends Assign<SvelteHTMLElements['span'], {}> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTagsInputContext, useTagsInputItemContext} from './context.svelte.js';
+
+  let {children, ...props}: TagsInputItemTextProps = $props();
+
+  let context = useTagsInputContext();
+  let itemContext = useTagsInputItemContext();
+
+  let attrs = $derived(mergeProps(props, context.getItemTextProps(itemContext)));
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

package/dist/tags-input/item-text.svelte.d.ts

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

package/dist/tags-input/item.svelte

@@ -0,0 +1,37 @@
+<script lang="ts" context="module">
+  import type {Assign} from '../types.js';
+  import type {ItemProps} from '@zag-js/tags-input';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+
+  export interface TagsInputItemProps extends Assign<SvelteHTMLElements['div'], ItemProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {setTagsInputItemContext, useTagsInputContext} from './context.svelte.js';
+
+  let {index, value, disabled, children, ...props}: TagsInputItemProps = $props();
+
+  let context = useTagsInputContext();
+
+  let attrs = $derived(
+    mergeProps(
+      props,
+      context.getItemProps({
+        index,
+        value,
+        disabled,
+      }),
+    ),
+  );
+
+  setTagsInputItemContext({
+    index,
+    value,
+    disabled,
+  });
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/tags-input/item.svelte.d.ts

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

package/dist/tags-input/label.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" context="module">
+  import type {Assign} from '../types.js';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+
+  export interface TagsInputLabelProps extends Assign<SvelteHTMLElements['label'], {}> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTagsInputContext} from './context.svelte.js';
+
+  let {children, ...props}: TagsInputLabelProps = $props();
+
+  let context = useTagsInputContext();
+
+  let attrs = $derived(mergeProps(props, context.getLabelProps()));
+</script>
+
+<label {...attrs}>
+  {@render children?.()}
+</label>

package/dist/tags-input/label.svelte.d.ts

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

package/dist/tags-input/root.svelte

@@ -0,0 +1,97 @@
+<script lang="ts" context="module">
+  import type {Assign, OptionalId, WithoutChildren} from '../types.js';
+  import type {Snippet} from 'svelte';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {
+    CreateTagsInputContextProps,
+    CreateTagsInputContextReturn,
+  } from './context.svelte.js';
+
+  export interface TagsInputProps
+    extends Assign<
+      WithoutChildren<SvelteHTMLElements['div']>,
+      OptionalId<CreateTagsInputContextProps>
+    > {
+    children?: Snippet<[CreateTagsInputContextReturn]>;
+  }
+</script>
+
+<script lang="ts">
+  import {uuid} from '../utils.svelte.js';
+  import {mergeProps} from '@zag-js/svelte';
+  import {createTagsInputContext, setTagsInputContext} from './context.svelte.js';
+
+  let {
+    id = uuid(),
+    ids,
+    dir,
+    max,
+    form,
+    name,
+    value,
+    invalid,
+    disabled,
+    editable,
+    readOnly,
+    validate,
+    required,
+    delimiter,
+    autoFocus,
+    maxLength,
+    addOnPaste,
+    inputValue,
+    blurBehavior,
+    translations,
+    allowOverflow,
+    onValueChange,
+    onFocusOutside,
+    onValueInvalid,
+    onInteractOutside,
+    onHighlightChange,
+    onInputValueChange,
+    onPointerDownOutside,
+    getRootNode,
+    children,
+    ...props
+  }: TagsInputProps = $props();
+
+  let context = createTagsInputContext({
+    id,
+    ids,
+    dir,
+    max,
+    form,
+    name,
+    value: $state.snapshot(value),
+    invalid,
+    disabled,
+    editable,
+    readOnly,
+    validate,
+    required,
+    delimiter,
+    autoFocus,
+    maxLength,
+    addOnPaste,
+    inputValue,
+    blurBehavior,
+    translations,
+    allowOverflow,
+    onValueChange,
+    onFocusOutside,
+    onValueInvalid,
+    onInteractOutside,
+    onHighlightChange,
+    onInputValueChange,
+    onPointerDownOutside,
+    getRootNode,
+  });
+
+  let attrs = $derived(mergeProps(props, context.getRootProps()));
+
+  setTagsInputContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

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

package/dist/timer/action-trigger.svelte

@@ -0,0 +1,23 @@
+<script lang="ts" context="module">
+  import type {Assign} from '../types.js';
+  import type {ActionTriggerProps} from '@zag-js/timer';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+
+  export interface TimerActionTriggerProps
+    extends Assign<SvelteHTMLElements['button'], ActionTriggerProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTimerContext} from './context.svelte.js';
+
+  let {action, children, ...props}: TimerActionTriggerProps = $props();
+
+  let context = useTimerContext();
+
+  let attrs = $derived(mergeProps(props, context.getActionTriggerProps({action})));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/timer/action-trigger.svelte.d.ts

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

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

@@ -0,0 +1,10 @@
+import * as timer from '@zag-js/timer';
+export interface CreateTimerContextProps extends timer.Context {
+}
+export interface CreateTimerContextReturn extends ReturnType<typeof createTimerContext> {
+}
+export declare function createTimerContext(props: CreateTimerContextProps): any;
+export declare function setTimerContext(value: CreateTimerContextReturn): void;
+export declare function useTimerContext(): CreateTimerContextReturn;
+export declare function setTimerItemContext(value: timer.ItemProps): void;
+export declare function useTimerItemContext(): timer.ItemProps;

package/dist/timer/context.svelte.js

@@ -0,0 +1,20 @@
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import * as timer from '@zag-js/timer';
+import { getContext, setContext } from 'svelte';
+export function createTimerContext(props) {
+    const [state, send] = useMachine(timer.machine(props));
+    const api = $derived(reflect(() => timer.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setTimerContext(value) {
+    setContext('Timer', value);
+}
+export function useTimerContext() {
+    return getContext('Timer');
+}
+export function setTimerItemContext(value) {
+    setContext('TimerItem', value);
+}
+export function useTimerItemContext() {
+    return getContext('TimerItem');
+}

package/dist/timer/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ActionTrigger, type TimerActionTriggerProps } from './action-trigger.svelte';
+export { default as ItemLabel, type TimerItemLabelProps } from './item-label.svelte';
+export { default as ItemValue, type TimerItemValueProps } from './item-value.svelte';
+export { default as Item, type TimerItemProps } from './item.svelte';
+export { default as Root, type TimerProps } from './root.svelte';
+export { default as Separator, type TimerSeparatorProps } from './separator.svelte';

package/dist/timer/index.js

@@ -0,0 +1,6 @@
+export { default as ActionTrigger } from './action-trigger.svelte';
+export { default as ItemLabel } from './item-label.svelte';
+export { default as ItemValue } from './item-value.svelte';
+export { default as Item } from './item.svelte';
+export { default as Root } from './root.svelte';
+export { default as Separator } from './separator.svelte';

package/dist/timer/item-label.svelte

@@ -0,0 +1,22 @@
+<script lang="ts" context="module">
+  import type {Assign} from '../types.js';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+
+  export interface TimerItemLabelProps extends Assign<SvelteHTMLElements['span'], {}> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTimerContext, useTimerItemContext} from './context.svelte.js';
+
+  let {children, ...props}: TimerItemLabelProps = $props();
+
+  let context = useTimerContext();
+  let itemContext = useTimerItemContext();
+
+  let attrs = $derived(mergeProps(props, context.getItemLabelProps(itemContext)));
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

package/dist/timer/item-label.svelte.d.ts

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

package/dist/timer/item-value.svelte

@@ -0,0 +1,26 @@
+<script lang="ts" context="module">
+  import type {Assign} from '../types.js';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+
+  export interface TimerItemValueProps extends Assign<SvelteHTMLElements['span'], {}> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTimerContext, useTimerItemContext} from './context.svelte.js';
+
+  let {children, ...props}: TimerItemValueProps = $props();
+
+  let context = useTimerContext();
+  let itemContext = useTimerItemContext();
+
+  let attrs = $derived(mergeProps(props, context.getItemValueProps(itemContext)));
+</script>
+
+<span {...attrs}>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    {context.formattedTime[itemContext.type]}
+  {/if}
+</span>

package/dist/timer/item-value.svelte.d.ts

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

package/dist/timer/item.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" context="module">
+  import type {Assign} from '../types.js';
+  import type {ItemProps} from '@zag-js/timer';
+  import type {SvelteHTMLElements} from 'svelte/elements';
+
+  export interface TimerItemProps extends Assign<SvelteHTMLElements['div'], ItemProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {setTimerItemContext, useTimerContext} from './context.svelte.js';
+
+  let {type, children, ...props}: TimerItemProps = $props();
+
+  let context = useTimerContext();
+
+  let attrs = $derived(mergeProps(props, context.getItemProps({type})));
+
+  setTimerItemContext({type});
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

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