@zag-js/pin-input 0.1.10 → 0.1.13

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

@@ -1,27 +0,0 @@
-import type { MachineContext as Ctx } from "./pin-input.types";
-export declare const dom: {
-    getRootNode: (ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }) => Document | ShadowRoot;
-    getDoc: (ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }) => Document;
-    getWin: (ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }) => Window & typeof globalThis;
-    getActiveElement: (ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }) => HTMLElement;
-    getById: <T_1 = HTMLElement>(ctx: {
-        getRootNode?: () => Node | Document | ShadowRoot;
-    }, id: string) => T_1;
-} & {
-    getRootId: (ctx: Ctx) => string;
-    getInputId: (ctx: Ctx, id: string) => string;
-    getHiddenInputId: (ctx: Ctx) => string;
-    getRootEl: (ctx: Ctx) => HTMLElement;
-    getElements: (ctx: Ctx) => HTMLInputElement[];
-    getFocusedEl: (ctx: Ctx) => HTMLInputElement;
-    getFirstInputEl: (ctx: Ctx) => HTMLInputElement;
-    getHiddenInputEl: (ctx: Ctx) => HTMLInputElement;
-};

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

@@ -1,2 +0,0 @@
-import type { MachineContext, MachineState, UserDefinedContext } from "./pin-input.types";
-export declare function machine(ctx: UserDefinedContext): import("@zag-js/core").Machine<MachineContext, MachineState, import("@zag-js/core").StateMachine.AnyEventObject>;

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

@@ -1,122 +0,0 @@
-import type { StateMachine as S } from "@zag-js/core";
-import type { CommonProperties, Context, DirectionProperty, RequiredBy } from "@zag-js/types";
-declare type IntlMessages = {
-    inputLabel: (index: number, length: number) => string;
-};
-declare type ElementIds = Partial<{
-    root: string;
-    hiddenInput: string;
-    input(id: string): string;
-}>;
-declare type PublicContext = DirectionProperty & CommonProperties & {
-    /**
-     * The name of the input element. Useful for form submission.
-     */
-    name?: string;
-    /**
-     * The regular expression that the user-entered input value is checked against.
-     */
-    pattern?: string;
-    /**
-     * The ids of the elements in the pin input. Useful for composition.
-     */
-    ids?: ElementIds;
-    /**
-     * Whether the inputs are disabled
-     */
-    disabled?: boolean;
-    /**
-     * The placeholder text for the input
-     */
-    placeholder?: string;
-    /**
-     * Whether to auto-focus the first input.
-     */
-    autoFocus?: boolean;
-    /**
-     * Whether the pin input is in the invalid state
-     */
-    invalid?: boolean;
-    /**
-     * If `true`, the pin input component signals to its fields that they should
-     * use `autocomplete="one-time-code"`.
-     */
-    otp?: boolean;
-    /**
-     * The value of the the pin input.
-     */
-    value: string[];
-    /**
-     * The type of value the pin-input should allow
-     */
-    type?: "alphanumeric" | "numeric" | "alphabetic";
-    /**
-     * Function called when all inputs have valid values
-     */
-    onComplete?: (details: {
-        value: string[];
-        valueAsString: string;
-    }) => void;
-    /**
-     * Function called on input change
-     */
-    onChange?: (details: {
-        value: string[];
-    }) => void;
-    /**
-     * Function called when an invalid value is entered
-     */
-    onInvalid?: (details: {
-        value: string;
-        index: number;
-    }) => void;
-    /**
-     * If `true`, the input's value will be masked just like `type=password`
-     */
-    mask?: boolean;
-    /**
-     * Whether to blur the input when the value is complete
-     */
-    blurOnComplete?: boolean;
-    /**
-     * Specifies the localized strings that identifies the accessibility elements and their states
-     */
-    messages: IntlMessages;
-};
-export declare type UserDefinedContext = RequiredBy<PublicContext, "id">;
-declare type ComputedContext = Readonly<{
-    /**
-     * @computed
-     * The number of inputs
-     */
-    valueLength: number;
-    /**
-     * @computed
-     * The number of inputs that are not empty
-     */
-    filledValueLength: number;
-    /**
-     * @computed
-     * Whether all input values are valid
-     */
-    isValueComplete: boolean;
-    /**
-     * @computed
-     * The string representation of the input values
-     */
-    valueAsString: string;
-}>;
-declare type PrivateContext = Context<{
-    /**
-     * @internal
-     * The index of the input field that has focus
-     */
-    focusedIndex: number;
-}>;
-export declare type MachineContext = PublicContext & PrivateContext & ComputedContext;
-export declare type MachineState = {
-    value: "unknown" | "idle" | "focused";
-};
-export declare type State = S.State<MachineContext, MachineState>;
-export declare type Send = S.Send<S.AnyEventObject>;
-export {};