ui-ingredients 0.0.7 → 0.0.9

package/dist/tabs/root.svelte

@@ -1,12 +1,17 @@
 <script lang="ts" context="module">
-  import type {Assign, OptionalId, WithoutChildren} from '../types.js';
+  import type {Assign, SvelteHtmlProps} from '../types.js';
   import type {Snippet} from 'svelte';
-  import type {SvelteHTMLElements} from 'svelte/elements';
-  import type {CreateTabsContextProps, CreateTabsContextReturn} from './context.svelte.js';
+  import type {
+    CreateTabsContextProps,
+    CreateTabsContextReturn,
+  } from './context.svelte.js';
 
   export interface TabsProps
-    extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateTabsContextProps>> {
-    children?: Snippet<[CreateTabsContextReturn]>;
+    extends Assign<
+      Omit<SvelteHtmlProps<'div'>, 'children'>,
+      Omit<CreateTabsContextProps, 'id'>
+    > {
+    children?: Snippet<[context: CreateTabsContextReturn]>;
   }
 </script>
 
@@ -16,7 +21,7 @@
   import {createTabsContext, setTabsContext} from './context.svelte.js';
 
   let {
-    id = uuid(),
+    id,
     ids,
     dir,
     value,
@@ -33,7 +38,7 @@
   }: TabsProps = $props();
 
   let context = createTabsContext({
-    id,
+    id: id ?? uuid(),
     ids,
     dir,
     value: $state.snapshot(value),

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

@@ -1,9 +1,8 @@
-import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Assign, SvelteHtmlProps } from '../types.js';
 import type { Snippet } from 'svelte';
-import type { SvelteHTMLElements } from 'svelte/elements';
 import type { CreateTabsContextProps, CreateTabsContextReturn } from './context.svelte.js';
-export interface TabsProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateTabsContextProps>> {
-    children?: Snippet<[CreateTabsContextReturn]>;
+export interface TabsProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreateTabsContextProps, 'id'>> {
+    children?: Snippet<[context: CreateTabsContextReturn]>;
 }
 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> & {

package/dist/tabs/trigger.svelte

@@ -1,9 +1,9 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
+  import type {Assign, SvelteHtmlProps} from '../types.js';
   import type {TriggerProps} from '@zag-js/tabs';
-  import type {SvelteHTMLElements} from 'svelte/elements';
 
-  export interface TabsTriggerProps extends Assign<SvelteHTMLElements['button'], TriggerProps> {}
+  export interface TabsTriggerProps
+    extends Assign<SvelteHtmlProps<'button'>, TriggerProps> {}
 </script>
 
 <script lang="ts">
@@ -14,7 +14,9 @@
 
   let context = useTabsContext();
 
-  let attrs = $derived(mergeProps(props, context.getTriggerProps({value, disabled})));
+  let attrs = $derived(
+    mergeProps(props, context.getTriggerProps({value, disabled})),
+  );
 </script>
 
 <button type="button" {...attrs}>

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

@@ -1,7 +1,6 @@
-import type { Assign } from '../types.js';
+import type { Assign, SvelteHtmlProps } from '../types.js';
 import type { TriggerProps } from '@zag-js/tabs';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface TabsTriggerProps extends Assign<SvelteHTMLElements['button'], TriggerProps> {
+export interface TabsTriggerProps extends Assign<SvelteHtmlProps<'button'>, TriggerProps> {
 }
 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> & {

package/dist/tags-input/clear-trigger.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface TagsInputClearTriggerProps
+    extends SvelteHtmlProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTagsInputContext} from './context.svelte.js';
+
+  let {children, ...props}: TagsInputClearTriggerProps = $props();
+
+  let context = useTagsInputContext();
+
+  let attrs = $derived(mergeProps(props, context.getClearTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/tags-input/clear-trigger.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface TagsInputClearTriggerProps extends SvelteHtmlProps<'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<TagsInputClearTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ClearTrigger = InstanceType<typeof ClearTrigger>;
+export default ClearTrigger;

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

@@ -0,0 +1,10 @@
+import * as tagsInput from '@zag-js/tags-input';
+export interface CreateTagsInputContextProps extends tagsInput.Context {
+}
+export interface CreateTagsInputContextReturn extends ReturnType<typeof createTagsInputContext> {
+}
+export declare function createTagsInputContext(props: CreateTagsInputContextProps): any;
+export declare function setTagsInputContext(value: CreateTagsInputContextReturn): void;
+export declare function useTagsInputContext(): CreateTagsInputContextReturn;
+export declare function setTagsInputItemContext(value: tagsInput.ItemProps): void;
+export declare function useTagsInputItemContext(): tagsInput.ItemProps;

package/dist/tags-input/context.svelte.js

@@ -0,0 +1,20 @@
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import * as tagsInput from '@zag-js/tags-input';
+import { getContext, setContext } from 'svelte';
+export function createTagsInputContext(props) {
+    const [state, send] = useMachine(tagsInput.machine(props));
+    const api = $derived(reflect(() => tagsInput.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setTagsInputContext(value) {
+    setContext('TagsInput', value);
+}
+export function useTagsInputContext() {
+    return getContext('TagsInput');
+}
+export function setTagsInputItemContext(value) {
+    setContext('TagsInputItem', value);
+}
+export function useTagsInputItemContext() {
+    return getContext('TagsInputItem');
+}

package/dist/tags-input/control.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface TagsInputControlProps extends SvelteHtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTagsInputContext} from './context.svelte.js';
+
+  let {children, ...props}: TagsInputControlProps = $props();
+
+  let context = useTagsInputContext();
+
+  let attrs = $derived(mergeProps(props, context.getControlProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface TagsInputControlProps extends SvelteHtmlProps<'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<TagsInputControlProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Control = InstanceType<typeof Control>;
+export default Control;

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

@@ -0,0 +1,18 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface TagsInputHiddenInputProps extends SvelteHtmlProps<'input'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTagsInputContext} from './context.svelte.js';
+
+  let {...props}: TagsInputHiddenInputProps = $props();
+
+  let context = useTagsInputContext();
+
+  let attrs = $derived(mergeProps(props, context.getHiddenInputProps()));
+</script>
+
+<input {...attrs} />

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface TagsInputHiddenInputProps extends SvelteHtmlProps<'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<TagsInputHiddenInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type HiddenInput = InstanceType<typeof HiddenInput>;
+export default HiddenInput;

package/dist/tags-input/index.d.ts

@@ -0,0 +1,11 @@
+export { default as ClearTrigger, type TagsInputClearTriggerProps, } from './clear-trigger.svelte';
+export { default as Control, type TagsInputControlProps } from './control.svelte';
+export { default as HiddenInput, type TagsInputHiddenInputProps, } from './hidden-input.svelte';
+export { default as Input, type TagsInputInputProps } from './input.svelte';
+export { default as ItemDeleteTrigger, type TagsInputItemDeleteTriggerProps, } from './item-delete-trigger.svelte';
+export { default as ItemInput, type TagsInputItemInputProps, } from './item-input.svelte';
+export { default as ItemPreview, type TagsInputItemPreviewProps, } from './item-preview.svelte';
+export { default as ItemText, type TagsInputItemTextProps, } from './item-text.svelte';
+export { default as Item, type TagsInputItemProps } from './item.svelte';
+export { default as Label, type TagsInputLabelProps } from './label.svelte';
+export { default as Root, type TagsInputProps } from './root.svelte';

package/dist/tags-input/index.js

@@ -0,0 +1,11 @@
+export { default as ClearTrigger, } from './clear-trigger.svelte';
+export { default as Control } from './control.svelte';
+export { default as HiddenInput, } from './hidden-input.svelte';
+export { default as Input } from './input.svelte';
+export { default as ItemDeleteTrigger, } from './item-delete-trigger.svelte';
+export { default as ItemInput, } from './item-input.svelte';
+export { default as ItemPreview, } from './item-preview.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/tags-input/input.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface TagsInputInputProps extends SvelteHtmlProps<'input'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useTagsInputContext} from './context.svelte.js';
+
+  let {...props}: TagsInputInputProps = $props();
+
+  let context = useTagsInputContext();
+
+  let attrs = $derived(mergeProps(props, context.getInputProps()));
+</script>
+
+<input {...attrs} />

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

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

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

@@ -0,0 +1,27 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface TagsInputItemDeleteTriggerProps
+    extends SvelteHtmlProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {
+    useTagsInputContext,
+    useTagsInputItemContext,
+  } from './context.svelte.js';
+
+  let {children, ...props}: TagsInputItemDeleteTriggerProps = $props();
+
+  let context = useTagsInputContext();
+  let itemContext = useTagsInputItemContext();
+
+  let attrs = $derived(
+    mergeProps(props, context.getItemDeleteTriggerProps(itemContext)),
+  );
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface TagsInputItemDeleteTriggerProps extends SvelteHtmlProps<'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,24 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface TagsInputItemInputProps extends SvelteHtmlProps<'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,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface TagsInputItemInputProps extends SvelteHtmlProps<'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,26 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface TagsInputItemPreviewProps extends SvelteHtmlProps<'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,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface TagsInputItemPreviewProps extends SvelteHtmlProps<'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,26 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface TagsInputItemTextProps extends SvelteHtmlProps<'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,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface TagsInputItemTextProps extends SvelteHtmlProps<'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,52 @@
+<script lang="ts" context="module">
+  import type {Assign, SvelteHtmlProps} from '../types.js';
+  import type {ItemProps, ItemState} from '@zag-js/tags-input';
+  import type {Snippet} from 'svelte';
+
+  export interface TagsInputItemProps
+    extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, ItemProps> {
+    children?: Snippet<[state: ItemState]>;
+  }
+</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 state = $derived(
+    context.getItemState({
+      index,
+      value,
+      disabled,
+    }),
+  );
+
+  let attrs = $derived(
+    mergeProps(
+      props,
+      context.getItemProps({
+        index,
+        value,
+        disabled,
+      }),
+    ),
+  );
+
+  setTagsInputItemContext({
+    index,
+    value,
+    disabled,
+  });
+</script>
+
+<div {...attrs}>
+  {@render children?.(state)}
+</div>

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

@@ -0,0 +1,24 @@
+import type { Assign, SvelteHtmlProps } from '../types.js';
+import type { ItemProps, ItemState } from '@zag-js/tags-input';
+import type { Snippet } from 'svelte';
+export interface TagsInputItemProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, ItemProps> {
+    children?: Snippet<[state: ItemState]>;
+}
+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,20 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface TagsInputLabelProps extends SvelteHtmlProps<'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,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface TagsInputLabelProps extends SvelteHtmlProps<'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;