@zag-js/pin-input 0.1.9 → 0.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/pin-input",
-  "version": "0.1.9",
+  "version": "0.1.12",
   "description": "Core logic for the pin-input widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,18 +29,22 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.1.7",
-    "@zag-js/dom-utils": "0.1.6",
-    "@zag-js/types": "0.2.1",
-    "@zag-js/utils": "0.1.2"
+    "@zag-js/core": "0.1.9",
+    "@zag-js/types": "0.2.3"
+  },
+  "devDependencies": {
+    "@zag-js/dom-utils": "0.1.9",
+    "@zag-js/form-utils": "0.1.0",
+    "@zag-js/utils": "0.1.3"
   },
   "scripts": {
-    "build:fast": "zag build",
-    "start": "zag build --watch",
-    "build": "zag build --prod",
+    "build-fast": "tsup src/index.ts --format=esm,cjs",
+    "start": "pnpm build --watch",
+    "build": "tsup src/index.ts --format=esm,cjs --dts",
     "test": "jest --config ../../../jest.config.js --rootDir . --passWithNoTests",
     "lint": "eslint src --ext .ts,.tsx",
-    "test:ci": "yarn test --ci --runInBand",
-    "test:watch": "yarn test --watch --updateSnapshot"
+    "test-ci": "pnpm test --ci --runInBand",
+    "test-watch": "pnpm test --watch -u",
+    "typecheck": "tsc --noEmit"
   }
-}
+}

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

@@ -1,15 +0,0 @@
-import type { NormalizeProps, PropTypes } from "@zag-js/types";
-import type { Send, State } from "./pin-input.types";
-export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): {
-    value: string[];
-    valueAsString: string;
-    isValueComplete: boolean;
-    setValue(value: string[]): void;
-    clearValue(): void;
-    setValueAtIndex(index: number, value: string): void;
-    focus(): void;
-    rootProps: T["element"];
-    getInputProps({ index }: {
-        index: number;
-    }): T["input"];
-};

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

@@ -1,11 +0,0 @@
-import type { MachineContext as Ctx } from "./pin-input.types";
-export declare const dom: {
-    getDoc: (ctx: Ctx) => Document;
-    getRootNode: (ctx: Ctx) => Document | ShadowRoot;
-    getRootId: (ctx: Ctx) => string;
-    getInputId: (ctx: Ctx, id: string) => string;
-    getRootEl: (ctx: Ctx) => HTMLElement;
-    getElements: (ctx: Ctx) => HTMLInputElement[];
-    getFocusedEl: (ctx: Ctx) => HTMLInputElement;
-    getFirstInputEl: (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,113 +0,0 @@
-import type { StateMachine as S } from "@zag-js/core";
-import type { Context, DirectionProperty } from "@zag-js/types";
-declare type IntlMessages = {
-    inputLabel: (index: number, length: number) => string;
-};
-declare type ElementIds = Partial<{
-    root: string;
-    input(id: string): string;
-}>;
-declare type PublicContext = DirectionProperty & {
-    /**
-     * 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 = Partial<PublicContext>;
-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 {};