@limonify/zest-ui 0.1.0

package/lib/otp-field/input/OTPFieldInput.js

@@ -0,0 +1,164 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OTPFieldInput = OTPFieldInput;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const OTPFieldRootContext_1 = require("../root/OTPFieldRootContext");
+const useCompositeListItem_1 = require("../../internals/composite/list/useCompositeListItem");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const useMergedRefs_1 = require("../../hooks/useMergedRefs");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+const otp_1 = require("../utils/otp");
+const MASK_CHARACTER = '\u2022';
+/**
+ * A single OTP slot.
+ * Renders a `<TextInput>`.
+ *
+ * Its slot index comes from its position among the other inputs, via
+ * `CompositeList` — so slots need no index prop.
+ *
+ * **Diverges from the web deliberately.** Upstream handles paste through a
+ * `paste` event and selection ranges. React Native reports every edit as a whole
+ * string through `onChangeText` and has no paste event, so both cases go through
+ * the same path: whatever arrives is written from this slot onwards. That is also
+ * what makes OS autofill work — iOS and Android deliver the entire SMS code into
+ * the focused slot, which lands here as one long string.
+ */
+function OTPFieldInput(componentProps) {
+    var _a;
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const { activeIndex, autoComplete, disabled, focusInput, id, keyboardType, length, mask, normalizeValue, readOnly, registerInput, reportValueInvalid, setActiveIndex, setValue, state, validationType, value, } = (0, OTPFieldRootContext_1.useOTPFieldRootContext)();
+    const { index, onLayout } = (0, useCompositeListItem_1.useCompositeListItem)();
+    const inputRef = React.useRef(null);
+    const mergedRef = (0, useMergedRefs_1.useMergedRefs)(ref, inputRef);
+    React.useEffect(() => {
+        if (index < 0) {
+            return undefined;
+        }
+        registerInput(index, inputRef.current);
+        return () => registerInput(index, null);
+    }, [index, registerInput]);
+    const slotValue = (_a = value[index]) !== null && _a !== void 0 ? _a : '';
+    // What the input actually shows, which is a bullet when masked. Every
+    // comparison against the reported text has to use this rather than the real
+    // character, or a mask would leave its bullet in the entered text.
+    const displayedValue = mask && slotValue ? MASK_CHARACTER : slotValue;
+    const handleChangeText = (0, useStableCallback_1.useStableCallback)((text) => {
+        if (disabled || readOnly || index < 0) {
+            return;
+        }
+        if (text === '') {
+            // The slot was emptied, which only a backspace on a filled slot can do.
+            const next = (0, otp_1.removeOTPCharacter)(value, index);
+            setValue(next, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.inputClear));
+            return;
+        }
+        // The slot already showed a character, so RN reports the old one plus what
+        // was added. Only the addition is new.
+        let entered = text;
+        if (displayedValue && text.startsWith(displayedValue) && text.length > displayedValue.length) {
+            entered = text.slice(displayedValue.length);
+        }
+        const [normalized, didRejectCharacters] = (0, otp_1.normalizeOTPValueWithDetails)(entered, length - index, validationType, normalizeValue);
+        if (didRejectCharacters) {
+            reportValueInvalid(entered, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.inputChange));
+        }
+        if (normalized === '') {
+            return;
+        }
+        const next = (0, otp_1.replaceOTPValue)(value, index, normalized, length, validationType, normalizeValue);
+        const stored = setValue(next, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.inputChange));
+        if (stored === null) {
+            return;
+        }
+        // Move to the slot after everything just written, which for a pasted or
+        // autofilled code is the end.
+        focusInput(index + normalized.length);
+    });
+    const handleKeyPress = (0, useStableCallback_1.useStableCallback)((event) => {
+        if (disabled || readOnly || event.nativeEvent.key !== 'Backspace' || slotValue !== '') {
+            return;
+        }
+        // Backspace on an empty slot steps back and clears the one before it —
+        // `onChangeText` never fires, because the text did not change.
+        if (index > 0) {
+            setValue((0, otp_1.removeOTPCharacter)(value, index - 1), (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.inputClear));
+            focusInput(index - 1);
+        }
+    });
+    const inputState = (0, OTPFieldRootContext_1.getOTPFieldInputState)(state, slotValue, index);
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.TextInput, componentProps, {
+        state: inputState,
+        ref: mergedRef,
+        props: [
+            {
+                // Spreading this is what lets CompositeList correct the slot order from
+                // measured layout instead of registration order.
+                onLayout,
+                nativeID: getSlotId(id, index),
+                value: displayedValue,
+                onChangeText: handleChangeText,
+                onKeyPress: handleKeyPress,
+                onFocus: () => setActiveIndex(index),
+                onBlur: () => {
+                    if (activeIndex === index) {
+                        setActiveIndex(-1);
+                    }
+                },
+                editable: !disabled && !readOnly,
+                keyboardType,
+                // Only the first slot advertises the code: the OS fills the field it is
+                // on, and every slot claiming it would make the suggestion ambiguous.
+                autoComplete: (index === 0 ? autoComplete : 'off'),
+                textContentType: index === 0 ? 'oneTimeCode' : 'none',
+                enterKeyHint: index === length - 1 ? 'done' : 'next',
+                accessibilityState: { disabled: disabled || undefined },
+            },
+            elementProps,
+        ],
+    });
+}
+/** The first slot uses the root's id; the rest derive theirs from it. */
+function getSlotId(id, index) {
+    if (id === undefined) {
+        return undefined;
+    }
+    return index === 0 ? id : `${id}-${index + 1}`;
+}
+//# sourceMappingURL=OTPFieldInput.js.map

package/lib/otp-field/input/OTPFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPFieldInput.js","sourceRoot":"","sources":["../../../src/otp-field/input/OTPFieldInput.tsx"],"names":[],"mappings":"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"}

package/lib/otp-field/root/OTPFieldRoot.d.ts

@@ -0,0 +1,121 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+import type { ZestChangeEventDetails } from '../../utils/createChangeEventDetails';
+import { REASONS } from '../../utils/reasons';
+import { type OTPValidationType } from '../utils/otp';
+/**
+ * Groups all parts of the OTP field.
+ * Renders a `<View>`.
+ *
+ * **Not ported from upstream.** `name`/`form`/`required`/`autoSubmit` (the hidden
+ * input and form submission — see the standing decision in CLAUDE.md), and
+ * `pattern`, which is HTML constraint validation.
+ */
+export declare function OTPFieldRoot(componentProps: OTPFieldRoot.Props): React.JSX.Element;
+export interface OTPFieldRootState {
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled: boolean;
+    /**
+     * Whether the user should be unable to change the field value.
+     */
+    readOnly: boolean;
+    /**
+     * The current OTP value.
+     */
+    value: string;
+    /**
+     * The number of slots.
+     */
+    length: number;
+    /**
+     * Whether the slots mask their characters.
+     */
+    mask: boolean;
+    /**
+     * Whether every slot is filled.
+     */
+    complete: boolean;
+    /**
+     * The slot that currently has focus, or `-1` when none does.
+     */
+    activeIndex: number;
+}
+export interface OTPFieldRootProps extends Omit<ZestUIComponentProps<typeof View, OTPFieldRootState>, 'id'> {
+    /**
+     * The number of OTP input slots.
+     */
+    length: number;
+    /**
+     * The OTP value.
+     */
+    value?: string | undefined;
+    /**
+     * The uncontrolled OTP value when the component is initially rendered.
+     */
+    defaultValue?: string | undefined;
+    /**
+     * The id of the first input. Subsequent inputs derive theirs from it
+     * (`{id}-2`, `{id}-3`, and so on).
+     */
+    id?: string | undefined;
+    /**
+     * The autofill hint applied to the first slot. `'one-time-code'` is what lets
+     * the OS offer a code it read from an SMS.
+     * @default 'one-time-code'
+     */
+    autoComplete?: string | undefined;
+    /**
+     * Whether the slots should mask entered characters.
+     * @default false
+     */
+    mask?: boolean | undefined;
+    /**
+     * The type of validation applied to the OTP value.
+     * @default 'numeric'
+     */
+    validationType?: OTPValidationType | undefined;
+    /**
+     * Normalizes the OTP value after whitespace and `validationType` filtering.
+     * It must be idempotent: the same value may be normalized more than once.
+     */
+    normalizeValue?: ((value: string) => string) | undefined;
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Whether the user should be unable to change the field value.
+     * @default false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Callback fired when the OTP value changes.
+     */
+    onValueChange?: ((value: string, eventDetails: OTPFieldRoot.ChangeEventDetails) => void) | undefined;
+    /**
+     * Callback fired when entered text contains characters rejected by validation
+     * or normalization. The `value` argument is what the user attempted to enter,
+     * before normalization.
+     */
+    onValueInvalid?: ((value: string, eventDetails: OTPFieldRoot.InvalidEventDetails) => void) | undefined;
+    /**
+     * Callback fired when the OTP value becomes complete.
+     */
+    onValueComplete?: ((value: string, eventDetails: OTPFieldRoot.CompleteEventDetails) => void) | undefined;
+}
+export type OTPFieldRootChangeEventReason = typeof REASONS.inputChange | typeof REASONS.inputClear | typeof REASONS.none;
+export type OTPFieldRootChangeEventDetails = ZestChangeEventDetails<OTPFieldRootChangeEventReason>;
+export declare namespace OTPFieldRoot {
+    type State = OTPFieldRootState;
+    type Props = OTPFieldRootProps;
+    type ValidationType = OTPValidationType;
+    type ChangeEventReason = OTPFieldRootChangeEventReason;
+    type ChangeEventDetails = OTPFieldRootChangeEventDetails;
+    type InvalidEventDetails = OTPFieldRootChangeEventDetails;
+    type CompleteEventDetails = OTPFieldRootChangeEventDetails;
+}
+//# sourceMappingURL=OTPFieldRoot.d.ts.map

package/lib/otp-field/root/OTPFieldRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPFieldRoot.d.ts","sourceRoot":"","sources":["../../../src/otp-field/root/OTPFieldRoot.tsx"],"names":[],"mappings":"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"}

package/lib/otp-field/root/OTPFieldRoot.js

@@ -0,0 +1,157 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OTPFieldRoot = OTPFieldRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useControlled_1 = require("../../hooks/useControlled");
+const useId_1 = require("../../hooks/useId");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const CompositeList_1 = require("../../internals/composite/list/CompositeList");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const otp_1 = require("../utils/otp");
+const OTPFieldRootContext_1 = require("./OTPFieldRootContext");
+/**
+ * Groups all parts of the OTP field.
+ * Renders a `<View>`.
+ *
+ * **Not ported from upstream.** `name`/`form`/`required`/`autoSubmit` (the hidden
+ * input and form submission — see the standing decision in CLAUDE.md), and
+ * `pattern`, which is HTML constraint validation.
+ */
+function OTPFieldRoot(componentProps) {
+    const { autoComplete = 'one-time-code', className, defaultValue, disabled = false, id: idProp, length, mask = false, normalizeValue, onValueChange, onValueComplete, onValueInvalid, readOnly = false, render, style, validationType = 'numeric', value: valueProp, ref, ...elementProps } = componentProps;
+    const id = (0, useId_1.useId)(idProp);
+    const [value, setValueState] = (0, useControlled_1.useControlled)({
+        controlled: valueProp === undefined
+            ? undefined
+            : (0, otp_1.normalizeOTPValue)(valueProp, length, validationType, normalizeValue),
+        default: (0, otp_1.normalizeOTPValue)(defaultValue, length, validationType, normalizeValue),
+        name: 'OTPField',
+        state: 'value',
+    });
+    const [activeIndex, setActiveIndex] = React.useState(-1);
+    const [, setMap] = React.useState(() => new Map());
+    const inputsRef = React.useRef(new Map());
+    const registerInput = (0, useStableCallback_1.useStableCallback)((index, node) => {
+        if (node) {
+            inputsRef.current.set(index, node);
+        }
+        else {
+            inputsRef.current.delete(index);
+        }
+    });
+    const focusInput = (0, useStableCallback_1.useStableCallback)((index) => {
+        var _a;
+        (_a = inputsRef.current.get(Math.min(Math.max(index, 0), length - 1))) === null || _a === void 0 ? void 0 : _a.focus();
+    });
+    const reportValueInvalid = (0, useStableCallback_1.useStableCallback)((invalidValue, eventDetails) => {
+        onValueInvalid === null || onValueInvalid === void 0 ? void 0 : onValueInvalid(invalidValue, eventDetails);
+    });
+    const setValue = (0, useStableCallback_1.useStableCallback)((nextValue, eventDetails) => {
+        const [normalized] = (0, otp_1.normalizeOTPValueWithDetails)(nextValue, length, validationType, normalizeValue);
+        if (normalized === value) {
+            return normalized;
+        }
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(normalized, eventDetails);
+        if (eventDetails.isCanceled) {
+            return null;
+        }
+        setValueState(normalized);
+        if (normalized.length === length) {
+            onValueComplete === null || onValueComplete === void 0 ? void 0 : onValueComplete(normalized, (0, createChangeEventDetails_1.createChangeEventDetails)(eventDetails.reason));
+        }
+        return normalized;
+    });
+    const state = React.useMemo(() => ({
+        disabled,
+        readOnly,
+        value,
+        length,
+        mask,
+        complete: value.length === length,
+        activeIndex,
+    }), [disabled, readOnly, value, length, mask, activeIndex]);
+    const contextValue = React.useMemo(() => {
+        var _a;
+        return ({
+            state,
+            value,
+            length,
+            mask,
+            disabled,
+            readOnly,
+            autoComplete,
+            keyboardType: ((_a = (0, otp_1.getOTPValidationConfig)(validationType)) === null || _a === void 0 ? void 0 : _a.inputMode) === 'numeric'
+                ? 'number-pad'
+                : 'default',
+            activeIndex,
+            setActiveIndex,
+            validationType,
+            normalizeValue,
+            id,
+            registerInput,
+            focusInput,
+            reportValueInvalid,
+            setValue,
+        });
+    }, [
+        state,
+        value,
+        length,
+        mask,
+        disabled,
+        readOnly,
+        autoComplete,
+        validationType,
+        activeIndex,
+        normalizeValue,
+        id,
+        registerInput,
+        focusInput,
+        reportValueInvalid,
+        setValue,
+    ]);
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: elementProps,
+    });
+    return ((0, jsx_runtime_1.jsx)(OTPFieldRootContext_1.OTPFieldRootContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(CompositeList_1.CompositeList, { onMapChange: setMap, children: element }) }));
+}
+//# sourceMappingURL=OTPFieldRoot.js.map

package/lib/otp-field/root/OTPFieldRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPFieldRoot.js","sourceRoot":"","sources":["../../../src/otp-field/root/OTPFieldRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4Bb,oCAuJC;;AAlLD,6CAA+B;AAC/B,+CAAoC;AACpC,6DAA0D;AAC1D,6CAA0C;AAC1C,qEAAkE;AAClE,wEAAqE;AACrE,gFAA6E;AAG7E,mFAAgF;AAEhF,sCAKsB;AACtB,+DAA4D;AAE5D;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,cAAkC;IAC7D,MAAM,EACJ,YAAY,GAAG,eAAe,EAC9B,SAAS,EACT,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,EAAE,EAAE,MAAM,EACV,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,cAAc,EACd,aAAa,EACb,eAAe,EACf,cAAc,EACd,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,EACL,cAAc,GAAG,SAAS,EAC1B,KAAK,EAAE,SAAS,EAChB,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,EAAE,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,IAAA,6BAAa,EAAS;QACnD,UAAU,EACR,SAAS,KAAK,SAAS;YACrB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,IAAA,uBAAiB,EAAC,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,CAAC;QAC1E,OAAO,EAAE,IAAA,uBAAiB,EAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,CAAC;QAChF,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,OAAO;KACf,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAAiC,CAAC,CAAC;IAEzE,MAAM,aAAa,GAAG,IAAA,qCAAiB,EAAC,CAAC,KAAa,EAAE,IAAkC,EAAE,EAAE;QAC5F,IAAI,IAAI,EAAE,CAAC;YACT,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,qCAAiB,EAAC,CAAC,KAAa,EAAE,EAAE;;QACrD,MAAA,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,0CAAE,KAAK,EAAE,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,qCAAiB,EAC1C,CAAC,YAAoB,EAAE,YAA8C,EAAE,EAAE;QACvE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,YAAY,EAAE,YAAY,CAAC,CAAC;IAC/C,CAAC,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,qCAAiB,EAChC,CAAC,SAAiB,EAAE,YAA6C,EAAE,EAAE;QACnE,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,kCAA4B,EAC/C,SAAS,EACT,MAAM,EACN,cAAc,EACd,cAAc,CACf,CAAC;QAEF,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;YACzB,OAAO,UAAU,CAAC;QACpB,CAAC;QAED,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,UAAU,EAAE,YAAY,CAAC,CAAC;QAE1C,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,aAAa,CAAC,UAAU,CAAC,CAAC;QAE1B,IAAI,UAAU,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACjC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,UAAU,EAAE,IAAA,mDAAwB,EAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;QAC/E,CAAC;QAED,OAAO,UAAU,CAAC;IACpB,CAAC,CACF,CAAC;IAEF,MAAM,KAAK,GAAsB,KAAK,CAAC,OAAO,CAC5C,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,QAAQ;QACR,KAAK;QACL,MAAM;QACN,IAAI;QACJ,QAAQ,EAAE,KAAK,CAAC,MAAM,KAAK,MAAM;QACjC,WAAW;KACZ,CAAC,EACF,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,CAAC,CACvD,CAAC;IAEF,MAAM,YAAY,GAAwB,KAAK,CAAC,OAAO,CACrD,GAAG,EAAE;;QAAC,OAAA,CAAC;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,IAAI;YACJ,QAAQ;YACR,QAAQ;YACR,YAAY;YACZ,YAAY,EAAE,CAAA,MAAA,IAAA,4BAAsB,EAAC,cAAc,CAAC,0CAAE,SAAS,MAAK,SAAS;gBAC3E,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,SAAS;YACb,WAAW;YACX,cAAc;YACd,cAAc;YACd,cAAc;YACd,EAAE;YACF,aAAa;YACb,UAAU;YACV,kBAAkB;YAClB,QAAQ;SACT,CAAC,CAAA;KAAA,EACF;QACE,KAAK;QACL,KAAK;QACL,MAAM;QACN,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,YAAY;QACZ,cAAc;QACd,WAAW;QACX,cAAc;QACd,EAAE;QACF,aAAa;QACb,UAAU;QACV,kBAAkB;QAClB,QAAQ;KACT,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE,YAAY;KACpB,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,yCAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC/C,uBAAC,6BAAa,IAAC,WAAW,EAAE,MAAM,YAAG,OAAO,GAAiB,GAChC,CAChC,CAAC;AACJ,CAAC"}

package/lib/otp-field/root/OTPFieldRootContext.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { OTPFieldRoot, OTPFieldRootState } from './OTPFieldRoot';
+import type { OTPFieldInputState } from '../input/OTPFieldInput';
+export interface OTPFieldRootContext {
+    state: OTPFieldRootState;
+    value: string;
+    length: number;
+    mask: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    autoComplete: string | undefined;
+    keyboardType: 'number-pad' | 'default';
+    activeIndex: number;
+    setActiveIndex: (index: number) => void;
+    validationType: OTPFieldRoot.ValidationType;
+    normalizeValue: ((value: string) => string) | undefined;
+    /**
+     * The id of the first slot; the rest derive theirs from it.
+     */
+    id: string | undefined;
+    registerInput: (index: number, node: {
+        focus: () => void;
+    } | null) => void;
+    focusInput: (index: number) => void;
+    reportValueInvalid: (value: string, eventDetails: OTPFieldRoot.InvalidEventDetails) => void;
+    /**
+     * Commits a value, normalized and clamped to `length`. Returns the stored value,
+     * or `null` when the change was vetoed.
+     */
+    setValue: (value: string, eventDetails: OTPFieldRoot.ChangeEventDetails) => string | null;
+}
+export declare const OTPFieldRootContext: React.Context<OTPFieldRootContext | undefined>;
+export declare function useOTPFieldRootContext(): OTPFieldRootContext;
+export declare function getOTPFieldInputState(state: OTPFieldRootState, value: string, index: number): OTPFieldInputState;
+//# sourceMappingURL=OTPFieldRootContext.d.ts.map

package/lib/otp-field/root/OTPFieldRootContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPFieldRootContext.d.ts","sourceRoot":"","sources":["../../../src/otp-field/root/OTPFieldRootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,YAAY,CAAC,cAAc,CAAC;IAC5C,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IACxD;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3E,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,CAAC,mBAAmB,KAAK,IAAI,CAAC;IAC5F;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,CAAC,kBAAkB,KAAK,MAAM,GAAG,IAAI,CAAC;CAC3F;AAED,eAAO,MAAM,mBAAmB,gDAAkE,CAAC;AAEnG,wBAAgB,sBAAsB,wBASrC;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACZ,kBAAkB,CAEpB"}

package/lib/otp-field/root/OTPFieldRootContext.js

@@ -0,0 +1,52 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OTPFieldRootContext = void 0;
+exports.useOTPFieldRootContext = useOTPFieldRootContext;
+exports.getOTPFieldInputState = getOTPFieldInputState;
+const React = __importStar(require("react"));
+exports.OTPFieldRootContext = React.createContext(undefined);
+function useOTPFieldRootContext() {
+    const context = React.useContext(exports.OTPFieldRootContext);
+    if (context === undefined) {
+        throw new Error('Zest: OTPFieldRootContext is missing. OTPField parts must be placed within <OTPField.Root>.');
+    }
+    return context;
+}
+function getOTPFieldInputState(state, value, index) {
+    return { ...state, value, index, filled: value !== '' };
+}
+//# sourceMappingURL=OTPFieldRootContext.js.map

package/lib/otp-field/root/OTPFieldRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPFieldRootContext.js","sourceRoot":"","sources":["../../../src/otp-field/root/OTPFieldRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCb,wDASC;AAED,sDAMC;AAlDD,6CAA+B;AA+BlB,QAAA,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAkC,SAAS,CAAC,CAAC;AAEnG,SAAgB,sBAAsB;IACpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAmB,CAAC,CAAC;IACtD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,6FAA6F,CAC9F,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAgB,qBAAqB,CACnC,KAAwB,EACxB,KAAa,EACb,KAAa;IAEb,OAAO,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC;AAC1D,CAAC"}

package/lib/otp-field/utils/otp.d.ts

@@ -0,0 +1,23 @@
+interface OTPValidationConfig {
+    slotPattern: string;
+    getRootPattern: (length: number) => string;
+    regexp: RegExp;
+    inputMode: 'numeric' | 'text';
+}
+export type OTPValidationType = 'numeric' | 'alpha' | 'alphanumeric' | 'none';
+export declare function getOTPValidationConfig(validationType: OTPValidationType): OTPValidationConfig | null;
+export declare function stripOTPWhitespace(value: string | null | undefined): string;
+/**
+ * Normalizes user-entered OTP text by stripping whitespace, applying validation and custom
+ * normalization, and clamping the final value to the configured slot count.
+ */
+export declare function normalizeOTPValueWithDetails(value: string | null | undefined, length: number, validationType: OTPValidationType, normalizeValue?: ((value: string) => string) | undefined): readonly [value: string, didRejectCharacters: boolean];
+export declare function normalizeOTPValue(value: string | null | undefined, length: number, validationType: OTPValidationType, normalizeValue?: ((value: string) => string) | undefined): string;
+/**
+ * Replaces characters starting at the provided slot index, then re-normalizes the final OTP value
+ * so paste and multi-character edits stay contiguous and length-bounded.
+ */
+export declare function replaceOTPValue(currentValue: string, index: number, nextValue: string, length: number, validationType: OTPValidationType, normalizeValue?: ((value: string) => string) | undefined): string;
+export declare function removeOTPCharacter(currentValue: string, index: number): string;
+export {};
+//# sourceMappingURL=otp.d.ts.map

package/lib/otp-field/utils/otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp.d.ts","sourceRoot":"","sources":["../../../src/otp-field/utils/otp.ts"],"names":[],"mappings":"AAAA,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC;CAC/B;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,MAAM,CAAC;AAuB9E,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,iBAAiB,8BAMvE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,UAElE;AAMD;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,iBAAiB,EACjC,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,GACvD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAqBxD;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,iBAAiB,EACjC,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,UAGzD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,iBAAiB,EACjC,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,UAYzD;AAED,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAMrE"}