ui-ingredients 0.0.1

package/dist/number-input/increment-trigger.svelte

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

package/dist/number-input/increment-trigger.svelte.d.ts

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

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

@@ -0,0 +1,7 @@
+export { default as Control, type NumberInputControlTriggerProps } from './control.svelte';
+export { default as DecrementTrigger, type NumberInputDecrementTriggerProps, } from './decrement-trigger.svelte';
+export { default as IncrementTrigger, type NumberInputIncrementTriggerProps, } from './increment-trigger.svelte';
+export { default as Input, type NumberInputInputProps } from './input.svelte';
+export { default as Label, type NumberInputLabelProps } from './label.svelte';
+export { default as Root, type NumberInputProps } from './root.svelte';
+export { default as Scrubber, type NumberInputScrubberProps } from './scrubber.svelte';

package/dist/number-input/index.js

@@ -0,0 +1,7 @@
+export { default as Control } from './control.svelte';
+export { default as DecrementTrigger, } from './decrement-trigger.svelte';
+export { default as IncrementTrigger, } from './increment-trigger.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 Scrubber } from './scrubber.svelte';

package/dist/number-input/input.svelte

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

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

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

package/dist/number-input/label.svelte

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

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

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

package/dist/number-input/root.svelte

@@ -0,0 +1,72 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createNumberInputContext, setNumberInputContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  max,
+  min,
+  step,
+  name,
+  form,
+  value,
+  locale,
+  pattern,
+  invalid,
+  disabled,
+  readOnly,
+  required,
+  inputMode,
+  spinOnPress,
+  translations,
+  formatOptions,
+  allowOverflow,
+  allowMouseWheel,
+  clampValueOnBlur,
+  focusInputOnChange,
+  onFocusChange,
+  onValueChange,
+  onValueInvalid,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createNumberInputContext({
+  id,
+  ids,
+  dir,
+  max,
+  min,
+  step,
+  name,
+  form,
+  value,
+  locale,
+  pattern,
+  invalid,
+  disabled,
+  readOnly,
+  required,
+  inputMode,
+  spinOnPress,
+  translations,
+  formatOptions,
+  allowOverflow,
+  allowMouseWheel,
+  clampValueOnBlur,
+  focusInputOnChange,
+  onFocusChange,
+  onValueChange,
+  onValueInvalid,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setNumberInputContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

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

package/dist/number-input/scrubber.svelte

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

package/dist/number-input/scrubber.svelte.d.ts

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

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

@@ -0,0 +1,8 @@
+import * as pagination from '@zag-js/pagination';
+export interface CreatePaginationContextProps extends pagination.Context {
+}
+export interface CreatePaginationContextReturn extends ReturnType<typeof createPaginationContext> {
+}
+export declare function createPaginationContext(props: CreatePaginationContextProps): any;
+export declare function setPaginationContext(value: CreatePaginationContextReturn): void;
+export declare function usePaginationContext(): CreatePaginationContextReturn;

package/dist/pagination/context.svelte.js

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

package/dist/pagination/ellipsis.svelte

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

package/dist/pagination/ellipsis.svelte.d.ts

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

package/dist/pagination/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Ellipsis, type PaginationEllipsisProps } from './ellipsis.svelte';
+export { default as Item, type PaginationItemProps } from './item.svelte';
+export { default as NextTrigger, type PaginationNextTriggerProps } from './next-trigger.svelte';
+export { default as PrevTrigger, type PaginationPrevTriggerProps } from './prev-trigger.svelte';
+export { default as Root, type PaginationProps } from './root.svelte';

package/dist/pagination/index.js

@@ -0,0 +1,5 @@
+export { default as Ellipsis } from './ellipsis.svelte';
+export { default as Item } from './item.svelte';
+export { default as NextTrigger } from './next-trigger.svelte';
+export { default as PrevTrigger } from './prev-trigger.svelte';
+export { default as Root } from './root.svelte';

package/dist/pagination/item.svelte

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

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

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

package/dist/pagination/next-trigger.svelte

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

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

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

package/dist/pagination/prev-trigger.svelte

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

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

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

package/dist/pagination/root.svelte

@@ -0,0 +1,42 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createPaginationContext, setPaginationContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  type,
+  page,
+  pageSize,
+  count,
+  siblingCount,
+  translations,
+  onPageChange,
+  onPageSizeChange,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createPaginationContext({
+  id,
+  ids,
+  dir,
+  type,
+  page,
+  pageSize,
+  count,
+  siblingCount,
+  translations,
+  onPageChange,
+  onPageSizeChange,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setPaginationContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

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

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

@@ -0,0 +1,17 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { usePinInputContext } from "./context.svelte.js";
+let { children, onclick, ...props } = $props();
+let context = usePinInputContext();
+</script>
+
+<button
+  type="button"
+  onclick={(e) => {
+    onclick?.(e);
+    context.clearValue();
+  }}
+  {...props}
+>
+  {@render children?.()}
+</button>

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

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

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

@@ -0,0 +1,8 @@
+import * as pinInput from '@zag-js/pin-input';
+export interface CreatePinInputContextProps extends pinInput.Context {
+}
+export interface CreatePinInputContextReturn extends ReturnType<typeof createPinInputContext> {
+}
+export declare function createPinInputContext(props: CreatePinInputContextProps): any;
+export declare function setPinInputContext(value: CreatePinInputContextReturn): void;
+export declare function usePinInputContext(): CreatePinInputContextReturn;

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

@@ -0,0 +1,14 @@
+import * as pinInput from '@zag-js/pin-input';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createPinInputContext(props) {
+    const [state, send] = useMachine(pinInput.machine(props));
+    const api = $derived(reflect(() => pinInput.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setPinInputContext(value) {
+    setContext('PinInput', value);
+}
+export function usePinInputContext() {
+    return getContext('PinInput');
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+export { default as ClearTrigger, type PinInputClearTriggerProps } from './clear-trigger.svelte';
+export { default as HiddenInput, type PinInputHiddenInputProps } from './hidden-input.svelte';
+export { default as Input, type PinInputInputProps } from './input.svelte';
+export { default as Label, type PinInputLabelProps } from './label.svelte';
+export { default as Root, type PinInputProps } from './root.svelte';

package/dist/pin-input/index.js

@@ -0,0 +1,5 @@
+export { default as ClearTrigger } from './clear-trigger.svelte';
+export { default as HiddenInput } from './hidden-input.svelte';
+export { default as Input } from './input.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';