@cdx-ui/primitives 0.0.1-alpha.36 → 0.0.1-alpha.37

package/lib/module/otp-input/createOtpInputField.js

@@ -0,0 +1,99 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { Platform } from 'react-native';
+import { mergeRefs } from '@cdx-ui/utils';
+import { useOtpCellIndexContext, useOtpInputContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createOtpInputField = BaseField => /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    cellIndex
+  } = useOtpCellIndexContext();
+  const {
+    value,
+    cellCount,
+    isDisabled,
+    isReadOnly,
+    smsOtpAutofill,
+    getCellProps,
+    cellTestIdPrefix,
+    rootAccessibilityLabel,
+    setFieldRef,
+    handleFieldChange,
+    handleFieldKeyPress
+  } = useOtpInputContext();
+  const char = cellIndex < value.length ? value[cellIndex] ?? '' : '';
+  const extra = getCellProps?.(cellIndex) ?? {};
+  const accessibilityLabel = useMemo(() => {
+    const fromExtra = extra.accessibilityLabel;
+    if (typeof fromExtra === 'string' && fromExtra !== '') {
+      return fromExtra;
+    }
+    if (rootAccessibilityLabel) {
+      return `${rootAccessibilityLabel}, ${String(cellIndex + 1)} of ${String(cellCount)}`;
+    }
+    return `OTP digit ${String(cellIndex + 1)} of ${String(cellCount)}`;
+  }, [cellCount, cellIndex, extra.accessibilityLabel, rootAccessibilityLabel]);
+  const autofillProps = useMemo(() => {
+    if (!smsOtpAutofill || cellIndex !== 0) {
+      return {};
+    }
+    return Platform.select({
+      web: {
+        autoComplete: 'one-time-code'
+      },
+      ios: {
+        textContentType: 'oneTimeCode'
+      },
+      android: {
+        autoComplete: 'sms-otp'
+      },
+      default: {}
+    });
+  }, [cellIndex, smsOtpAutofill]);
+  const editable = !(isDisabled || isReadOnly);
+  const {
+    style: extraStyle,
+    accessibilityLabel: _omitExtraA11y,
+    ...extraRest
+  } = extra;
+  void _omitExtraA11y;
+  const {
+    style: incomingStyle,
+    value: _omitValue,
+    defaultValue: _omitDefault,
+    onChangeText: _omitOnChange,
+    ...incomingRest
+  } = props;
+  void _omitValue;
+  void _omitDefault;
+  void _omitOnChange;
+
+  // Default digit OTP (`number-pad`). Root `getCellProps` is spread after and may override `keyboardType`.
+  return /*#__PURE__*/_jsx(BaseField, {
+    ref: mergeRefs(ref, el => {
+      setFieldRef(cellIndex, el);
+    }),
+    accessibilityLabel: accessibilityLabel,
+    "aria-label": accessibilityLabel,
+    accessible: true,
+    autoFocus: cellIndex === 0 && editable && value.length === 0,
+    editable: editable,
+    keyboardType: "number-pad",
+    returnKeyType: "done",
+    selectTextOnFocus: true,
+    testID: cellTestIdPrefix ? `${cellTestIdPrefix}:${String(cellIndex)}:textField:changeText` : undefined,
+    value: char,
+    onChangeText: text => {
+      handleFieldChange(cellIndex, text);
+    },
+    onKeyPress: e => {
+      handleFieldKeyPress(cellIndex, e.nativeEvent.key);
+    },
+    ...autofillProps,
+    ...extraRest,
+    ...incomingRest,
+    style: [extraStyle, incomingStyle]
+  });
+});
+//# sourceMappingURL=createOtpInputField.js.map

package/lib/module/otp-input/createOtpInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","Platform","mergeRefs","useOtpCellIndexContext","useOtpInputContext","jsx","_jsx","createOtpInputField","BaseField","props","ref","cellIndex","value","cellCount","isDisabled","isReadOnly","smsOtpAutofill","getCellProps","cellTestIdPrefix","rootAccessibilityLabel","setFieldRef","handleFieldChange","handleFieldKeyPress","char","length","extra","accessibilityLabel","fromExtra","String","autofillProps","select","web","autoComplete","ios","textContentType","android","default","editable","style","extraStyle","_omitExtraA11y","extraRest","incomingStyle","_omitValue","defaultValue","_omitDefault","onChangeText","_omitOnChange","incomingRest","el","accessible","autoFocus","keyboardType","returnKeyType","selectTextOnFocus","testID","undefined","text","onKeyPress","e","nativeEvent","key"],"sourceRoot":"../../../src","sources":["otp-input/createOtpInputField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/otp-input/createOtpInputRoot.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+import { useFormControlContext } from '@cdx-ui/utils';
+import { applyOtpInputChange } from './utils/applyValueChange';
+import { OtpCellIndexProvider, OtpInputProvider } from './context';
+import { filterAllowedCharacters, filterByRegExp, filterDigits } from './utils/filterValue';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createOtpInputRoot = (BaseRoot, OtpCell, OtpField) => /*#__PURE__*/forwardRef(({
+  cellCount,
+  value,
+  onChangeText,
+  onComplete,
+  isDisabled: isDisabledProp,
+  isInvalid: isInvalidProp,
+  isReadOnly: isReadOnlyProp,
+  smsOtpAutofill = true,
+  filterInput,
+  allowedCharacters,
+  characterPattern,
+  getCellProps,
+  cellTestIdPrefix,
+  accessibilityLabel: rootAccessibilityLabel,
+  ...rest
+}, ref) => {
+  const form = useFormControlContext();
+  const isDisabled = isDisabledProp ?? form.isDisabled ?? false;
+  const isInvalid = isInvalidProp ?? form.isInvalid ?? false;
+  const isReadOnly = isReadOnlyProp ?? form.isReadOnly ?? false;
+  const fieldRefs = useRef([]);
+  const focusAfterApply = useRef(null);
+  const prevLenRef = useRef(value.length);
+  const prevValueRef = useRef(value);
+  const filter = useMemo(() => {
+    if (filterInput) {
+      return filterInput;
+    }
+    if (allowedCharacters !== undefined) {
+      return filterAllowedCharacters(allowedCharacters);
+    }
+    if (characterPattern !== undefined) {
+      return filterByRegExp(characterPattern);
+    }
+    return filterDigits;
+  }, [filterInput, allowedCharacters, characterPattern]);
+  const setFieldRef = useCallback((index, el) => {
+    fieldRefs.current[index] = el;
+  }, []);
+  const focusCell = useCallback(index => {
+    const safe = Math.max(0, Math.min(index, cellCount - 1));
+    fieldRefs.current[safe]?.focus();
+  }, [cellCount]);
+  const handleFieldChange = useCallback((index, text) => {
+    const {
+      nextValue,
+      focusIndex
+    } = applyOtpInputChange(value, index, text, cellCount, filter);
+    if (nextValue !== value) {
+      onChangeText(nextValue);
+    }
+    focusAfterApply.current = focusIndex;
+  }, [cellCount, filter, onChangeText, value]);
+  const handleFieldKeyPress = useCallback((index, key) => {
+    if (key !== 'Backspace') {
+      return;
+    }
+    const char = index < value.length ? value[index] : '';
+    if (!char && index > 0) {
+      focusCell(index - 1);
+    }
+  }, [focusCell, value]);
+  useLayoutEffect(() => {
+    if (focusAfterApply.current !== null) {
+      const i = focusAfterApply.current;
+      focusAfterApply.current = null;
+      fieldRefs.current[i]?.focus();
+    }
+  });
+  useEffect(() => {
+    const prevLen = prevLenRef.current;
+    const prevVal = prevValueRef.current;
+    const isFull = value.length === cellCount;
+    const becameFullByLength = isFull && prevLen < cellCount;
+    const correctedWhileFull = isFull && prevLen === cellCount && prevVal !== value;
+    if (becameFullByLength || correctedWhileFull) {
+      onComplete?.();
+    }
+    prevLenRef.current = value.length;
+    prevValueRef.current = value;
+  }, [cellCount, onComplete, value]);
+  const contextValue = useMemo(() => ({
+    cellCount,
+    value,
+    isDisabled,
+    isInvalid,
+    isReadOnly,
+    smsOtpAutofill,
+    filter,
+    getCellProps,
+    cellTestIdPrefix,
+    rootAccessibilityLabel,
+    setFieldRef,
+    handleFieldChange,
+    handleFieldKeyPress
+  }), [cellCount, value, isDisabled, isInvalid, isReadOnly, smsOtpAutofill, filter, getCellProps, cellTestIdPrefix, rootAccessibilityLabel, setFieldRef, handleFieldChange, handleFieldKeyPress]);
+
+  // Hermes drops outer-scope closure vars from its environment record when
+  // they are only referenced inside a nested callback (Array.from). Using a
+  // for-loop keeps OtpCell/OtpField references in the render function's own
+  // scope, avoiding the Hermes closure-capture bug.
+  const cells = [];
+  for (let i = 0; i < cellCount; i++) {
+    cells.push(/*#__PURE__*/_jsx(OtpCellIndexProvider, {
+      value: {
+        cellIndex: i
+      },
+      children: /*#__PURE__*/_jsx(OtpCell, {
+        children: /*#__PURE__*/_jsx(OtpField, {})
+      })
+    }, i));
+  }
+  return /*#__PURE__*/_jsx(BaseRoot, {
+    ref: ref,
+    ...rest,
+    children: /*#__PURE__*/_jsx(OtpInputProvider, {
+      value: contextValue,
+      children: cells
+    })
+  });
+});
+//# sourceMappingURL=createOtpInputRoot.js.map

package/lib/module/otp-input/createOtpInputRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useFormControlContext","applyOtpInputChange","OtpCellIndexProvider","OtpInputProvider","filterAllowedCharacters","filterByRegExp","filterDigits","jsx","_jsx","createOtpInputRoot","BaseRoot","OtpCell","OtpField","cellCount","value","onChangeText","onComplete","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","smsOtpAutofill","filterInput","allowedCharacters","characterPattern","getCellProps","cellTestIdPrefix","accessibilityLabel","rootAccessibilityLabel","rest","ref","form","fieldRefs","focusAfterApply","prevLenRef","length","prevValueRef","filter","undefined","setFieldRef","index","el","current","focusCell","safe","Math","max","min","focus","handleFieldChange","text","nextValue","focusIndex","handleFieldKeyPress","key","char","i","prevLen","prevVal","isFull","becameFullByLength","correctedWhileFull","contextValue","cells","push","cellIndex","children"],"sourceRoot":"../../../src","sources":["otp-input/createOtpInputRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/otp-input/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { createOtpInputCell } from './createOtpInputCell';
+import { createOtpInputField } from './createOtpInputField';
+import { createOtpInputRoot } from './createOtpInputRoot';
+export { applyOtpInputChange } from './utils/applyValueChange';
+export { filterAllowedCharacters, filterByRegExp, filterDigits } from './utils/filterValue';
+export function createOtpInput(BaseComponents) {
+  const Cell = createOtpInputCell(BaseComponents.Cell);
+  const Field = createOtpInputField(BaseComponents.Field);
+  const Root = createOtpInputRoot(BaseComponents.Root, Cell, Field);
+  Root.displayName = 'OtpInputPrimitive';
+  Cell.displayName = 'OtpInputPrimitive.Cell';
+  Field.displayName = 'OtpInputPrimitive.Field';
+  return Object.assign(Root, {
+    Cell,
+    Field
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/otp-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createOtpInputCell","createOtpInputField","createOtpInputRoot","applyOtpInputChange","filterAllowedCharacters","filterByRegExp","filterDigits","createOtpInput","BaseComponents","Cell","Field","Root","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["otp-input/index.tsx"],"mappings":";;AACA,SAASA,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AAGzD,SAASC,mBAAmB,QAAQ,0BAA0B;AAC9D,SAASC,uBAAuB,EAAEC,cAAc,EAAEC,YAAY,QAAQ,qBAAqB;AAG3F,OAAO,SAASC,cAAcA,CAM5BC,cAID,EAAE;EACD,MAAMC,IAAI,GAAGT,kBAAkB,CAACQ,cAAc,CAACC,IAAI,CAAC;EACpD,MAAMC,KAAK,GAAGT,mBAAmB,CAACO,cAAc,CAACE,KAAK,CAAC;EACvD,MAAMC,IAAI,GAAGT,kBAAkB,CAACM,cAAc,CAACG,IAAI,EAAEF,IAAI,EAAEC,KAAK,CAAC;EAEjEC,IAAI,CAACC,WAAW,GAAG,mBAAmB;EACtCH,IAAI,CAACG,WAAW,GAAG,wBAAwB;EAC3CF,KAAK,CAACE,WAAW,GAAG,yBAAyB;EAE7C,OAAOC,MAAM,CAACC,MAAM,CAACH,IAAI,EAAE;IACzBF,IAAI;IACJC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/otp-input/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/otp-input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["otp-input/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/otp-input/utils/applyValueChange.js

@@ -0,0 +1,69 @@
+"use strict";
+
+/**
+ * Pure OTP value transition for a controlled prefix string (no explicit empty slots).
+ * - Single-character edits use index-based replace/append (no reorder).
+ * - Multi-character input (paste/autofill) writes at `index` forward, then packs left.
+ */
+export function applyOtpInputChange(value, index, rawText, cellCount, filter) {
+  const text = filter(rawText);
+  if (text.length === 0) {
+    if (index < value.length) {
+      const next = (value.slice(0, index) + value.slice(index + 1)).slice(0, cellCount);
+      return {
+        nextValue: next,
+        focusIndex: Math.max(0, index - 1)
+      };
+    }
+    return {
+      nextValue: value,
+      focusIndex: index
+    };
+  }
+  if (text.length === 1) {
+    if (index < value.length) {
+      const next = (value.slice(0, index) + text + value.slice(index + 1)).slice(0, cellCount);
+      return {
+        nextValue: next,
+        focusIndex: Math.min(index + 1, cellCount - 1)
+      };
+    }
+    if (value.length < cellCount) {
+      if (index === value.length) {
+        const next = (value + text).slice(0, cellCount);
+        return {
+          nextValue: next,
+          focusIndex: Math.min(next.length, cellCount - 1)
+        };
+      }
+      const arr = Array.from({
+        length: cellCount
+      }, (_, i) => i < value.length ? value[i] : '');
+      arr[index] = text;
+      const next = arr.filter(c => c).join('').slice(0, cellCount);
+      return {
+        nextValue: next,
+        focusIndex: Math.min(index + 1, cellCount - 1)
+      };
+    }
+    const next = (value.slice(0, index) + text + value.slice(index + 1)).slice(0, cellCount);
+    return {
+      nextValue: next,
+      focusIndex: Math.min(index + 1, cellCount - 1)
+    };
+  }
+  const arr = Array.from({
+    length: cellCount
+  }, (_, i) => i < value.length ? value[i] : '');
+  for (let k = 0; k < text.length && index + k < cellCount; k++) {
+    arr[index + k] = text.charAt(k);
+  }
+  const next = arr.filter(c => c).join('').slice(0, cellCount);
+  const lastWritten = Math.min(index + text.length - 1, cellCount - 1);
+  const focusIndex = Math.min(Math.max(lastWritten, next.length - 1), cellCount - 1);
+  return {
+    nextValue: next,
+    focusIndex: Math.max(0, focusIndex)
+  };
+}
+//# sourceMappingURL=applyValueChange.js.map

package/lib/module/otp-input/utils/applyValueChange.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["applyOtpInputChange","value","index","rawText","cellCount","filter","text","length","next","slice","nextValue","focusIndex","Math","max","min","arr","Array","from","_","i","c","join","k","charAt","lastWritten"],"sourceRoot":"../../../../src","sources":["otp-input/utils/applyValueChange.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/otp-input/utils/filterValue.js

@@ -0,0 +1,40 @@
+"use strict";
+
+/** Strip to digits (default OTP behavior). */
+export function filterDigits(input) {
+  return input.replace(/\D/g, '');
+}
+
+/** Keep only characters present in `allowed` (treat as a set of UTF-16 code units). */
+export function filterAllowedCharacters(allowed) {
+  const allowedSet = new Set();
+  for (let i = 0; i < allowed.length; i++) {
+    allowedSet.add(allowed.charAt(i));
+  }
+  return input => {
+    let out = '';
+    for (let i = 0; i < input.length; i++) {
+      const ch = input.charAt(i);
+      if (allowedSet.has(ch)) {
+        out += ch;
+      }
+    }
+    return out;
+  };
+}
+
+/** Keep only characters matching `re` (tested per UTF-16 code unit). */
+export function filterByRegExp(re) {
+  return input => {
+    let out = '';
+    for (let i = 0; i < input.length; i++) {
+      const ch = input.charAt(i);
+      re.lastIndex = 0;
+      if (re.test(ch)) {
+        out += ch;
+      }
+    }
+    return out;
+  };
+}
+//# sourceMappingURL=filterValue.js.map

package/lib/module/otp-input/utils/filterValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterDigits","input","replace","filterAllowedCharacters","allowed","allowedSet","Set","i","length","add","charAt","out","ch","has","filterByRegExp","re","lastIndex","test"],"sourceRoot":"../../../../src","sources":["otp-input/utils/filterValue.ts"],"mappings":";;AAAA;AACA,OAAO,SAASA,YAAYA,CAACC,KAAa,EAAU;EAClD,OAAOA,KAAK,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AACjC;;AAEA;AACA,OAAO,SAASC,uBAAuBA,CAACC,OAAe,EAAE;EACvD,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAAS,CAAC;EACpC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,OAAO,CAACI,MAAM,EAAED,CAAC,EAAE,EAAE;IACvCF,UAAU,CAACI,GAAG,CAACL,OAAO,CAACM,MAAM,CAACH,CAAC,CAAC,CAAC;EACnC;EACA,OAAQN,KAAa,IAAK;IACxB,IAAIU,GAAG,GAAG,EAAE;IACZ,KAAK,IAAIJ,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,KAAK,CAACO,MAAM,EAAED,CAAC,EAAE,EAAE;MACrC,MAAMK,EAAE,GAAGX,KAAK,CAACS,MAAM,CAACH,CAAC,CAAC;MAC1B,IAAIF,UAAU,CAACQ,GAAG,CAACD,EAAE,CAAC,EAAE;QACtBD,GAAG,IAAIC,EAAE;MACX;IACF;IACA,OAAOD,GAAG;EACZ,CAAC;AACH;;AAEA;AACA,OAAO,SAASG,cAAcA,CAACC,EAAU,EAAE;EACzC,OAAQd,KAAa,IAAK;IACxB,IAAIU,GAAG,GAAG,EAAE;IACZ,KAAK,IAAIJ,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,KAAK,CAACO,MAAM,EAAED,CAAC,EAAE,EAAE;MACrC,MAAMK,EAAE,GAAGX,KAAK,CAACS,MAAM,CAACH,CAAC,CAAC;MAC1BQ,EAAE,CAACC,SAAS,GAAG,CAAC;MAChB,IAAID,EAAE,CAACE,IAAI,CAACL,EAAE,CAAC,EAAE;QACfD,GAAG,IAAIC,EAAE;MACX;IACF;IACA,OAAOD,GAAG;EACZ,CAAC;AACH","ignoreList":[]}

package/lib/typescript/index.d.ts

@@ -5,6 +5,7 @@ export * from './dialog';
 export * from './field';
 export * from './form';
 export * from './input';
+export * from './otp-input';
 export * from './link';
 export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
 export * from './select';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/typescript/otp-input/context.d.ts

@@ -0,0 +1,10 @@
+import type { OtpInputCellIndexContextValue, OtpInputContextValue } from './types';
+export declare const OtpInputProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: OtpInputContextValue;
+}>, useOtpInputContext: () => OtpInputContextValue;
+export declare const OtpCellIndexProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: OtpInputCellIndexContextValue;
+}>, useOtpCellIndexContext: () => OtpInputCellIndexContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/otp-input/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/otp-input/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEnF,eAAO,MAAO,gBAAgB;;;IAAE,kBAAkB,4BACM,CAAC;AAEzD,eAAO,MAAO,oBAAoB;;;IAAE,sBAAsB,qCACW,CAAC"}

package/lib/typescript/otp-input/createOtpInputCell.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { IOtpInputCellProps } from './types';
+export declare const createOtpInputCell: <T>(BaseCell: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithChildren<IOtpInputCellProps & T>> & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createOtpInputCell.d.ts.map

package/lib/typescript/otp-input/createOtpInputCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOtpInputCell.d.ts","sourceRoot":"","sources":["../../../src/otp-input/createOtpInputCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2IAenE,CAAC"}

package/lib/typescript/otp-input/createOtpInputField.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import { type TextInput } from 'react-native';
+export declare const createOtpInputField: <T>(BaseField: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("react-native").TextInputProps & Omit<T, keyof import("react-native").TextInputProps>> & React.RefAttributes<TextInput>>;
+//# sourceMappingURL=createOtpInputField.d.ts.map

package/lib/typescript/otp-input/createOtpInputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOtpInputField.d.ts","sourceRoot":"","sources":["../../../src/otp-input/createOtpInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAY,KAAK,SAAS,EAA+B,MAAM,cAAc,CAAC;AAKrF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,WAAW,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,0LA0FrE,CAAC"}

package/lib/typescript/otp-input/createOtpInputRoot.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { IOtpInputRootProps } from './types';
+export declare const createOtpInputRoot: <RootProps>(BaseRoot: React.ComponentType<RootProps>, OtpCell: React.ComponentType<any>, OtpField: React.ComponentType<any>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<IOtpInputRootProps & RootProps> & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createOtpInputRoot.d.ts.map

package/lib/typescript/otp-input/createOtpInputRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOtpInputRoot.d.ts","sourceRoot":"","sources":["../../../src/otp-input/createOtpInputRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,kBAAkB,GAAI,SAAS,EAC1C,UAAU,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,EAExC,SAAS,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAEjC,UAAU,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,0HAoKjC,CAAC"}

package/lib/typescript/otp-input/index.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+import type { IOtpInputComponentType } from './types';
+export { applyOtpInputChange } from './utils/applyValueChange';
+export { filterAllowedCharacters, filterByRegExp, filterDigits } from './utils/filterValue';
+export type * from './types';
+export declare function createOtpInput<RootProps, CellProps, FieldProps, RootRef = unknown, FieldRef = unknown>(BaseComponents: {
+    Root: React.ComponentType<RootProps>;
+    Cell: React.ComponentType<CellProps>;
+    Field: React.ComponentType<FieldProps>;
+}): IOtpInputComponentType<RootProps, CellProps, FieldProps, RootRef, FieldRef>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/otp-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/otp-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5F,mBAAmB,SAAS,CAAC;AAE7B,wBAAgB,cAAc,CAC5B,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,GAAG,OAAO,EACjB,QAAQ,GAAG,OAAO,EAClB,cAAc,EAAE;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACxC,GAYO,sBAAsB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAClF"}

package/lib/typescript/otp-input/types.d.ts

@@ -0,0 +1,75 @@
+import type React from 'react';
+import type { ReactNode } from 'react';
+import type { TextInputProps, ViewProps } from 'react-native';
+export interface IOtpInputRootProps extends ViewProps {
+    /** Number of OTP cells (fixed). */
+    cellCount: number;
+    /** Controlled value: characters in order, length 0..`cellCount` (prefix fill). */
+    value: string;
+    onChangeText: (value: string) => void;
+    /**
+     * Called when the code is ready to verify again:
+     * - `value` becomes full (`length === cellCount`) after being shorter, or
+     * - `value` stays full but the string changes (user corrected a digit without dropping below full length).
+     * Does not fire on mount when `value` is already full and unchanged, nor on re-renders with the same full `value`.
+     */
+    onComplete?: () => void;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    /** When false, no SMS / Web OTP autofill hints on the first cell. @default true */
+    smsOtpAutofill?: boolean;
+    /**
+     * Override default digit-only filtering.
+     * Takes priority over `allowedCharacters` and `characterPattern` when truthy.
+     * Does not change the default `keyboardType` (`number-pad`); use `getCellProps` if the allowed
+     * character set needs a different keyboard.
+     */
+    filterInput?: (input: string) => string;
+    /**
+     * Keep only characters present in this string (treated as a set of code units).
+     * Used when `filterInput` is not provided. Takes priority over `characterPattern`.
+     * Default keyboard remains numeric; use `getCellProps` to set `keyboardType` when allowing letters/symbols.
+     */
+    allowedCharacters?: string;
+    /**
+     * Keep only characters matching this pattern (tested per code unit).
+     * Used when neither `filterInput` nor `allowedCharacters` is provided.
+     * Default keyboard remains numeric; use `getCellProps` to set `keyboardType` for non-digit input.
+     */
+    characterPattern?: RegExp;
+    /**
+     * Spread onto each cell after built-in field props (including `keyboardType="number-pad"`),
+     * so consumers can override `keyboardType`, `autoCapitalize`, etc. for non-digit OTPs.
+     */
+    getCellProps?: (index: number) => Partial<TextInputProps>;
+    /** Optional prefix for `testID` on each field: `${cellTestIdPrefix}:${index}:...` */
+    cellTestIdPrefix?: string;
+}
+export interface IOtpInputCellProps extends ViewProps {
+    children?: ReactNode;
+}
+export type IOtpInputFieldProps = TextInputProps;
+export interface OtpInputCellIndexContextValue {
+    cellIndex: number;
+}
+export interface OtpInputContextValue {
+    cellCount: number;
+    value: string;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isReadOnly: boolean;
+    smsOtpAutofill: boolean;
+    filter: (input: string) => string;
+    getCellProps?: (index: number) => Partial<TextInputProps>;
+    cellTestIdPrefix?: string;
+    rootAccessibilityLabel?: string;
+    setFieldRef: (index: number, el: import('react-native').TextInput | null) => void;
+    handleFieldChange: (index: number, text: string) => void;
+    handleFieldKeyPress: (index: number, key: string) => void;
+}
+export type IOtpInputComponentType<RootProps, CellProps, FieldProps, RootRef = unknown, FieldRef = unknown> = React.ForwardRefExoticComponent<React.PropsWithoutRef<RootProps & IOtpInputRootProps> & React.RefAttributes<RootRef>> & {
+    Cell: React.ForwardRefExoticComponent<React.PropsWithoutRef<CellProps & IOtpInputCellProps> & React.RefAttributes<unknown>>;
+    Field: React.ForwardRefExoticComponent<React.PropsWithoutRef<FieldProps & IOtpInputFieldProps> & React.RefAttributes<FieldRef>>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/otp-input/types.d.ts.map

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

package/lib/typescript/otp-input/utils/applyValueChange.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Pure OTP value transition for a controlled prefix string (no explicit empty slots).
+ * - Single-character edits use index-based replace/append (no reorder).
+ * - Multi-character input (paste/autofill) writes at `index` forward, then packs left.
+ */
+export declare function applyOtpInputChange(value: string, index: number, rawText: string, cellCount: number, filter: (input: string) => string): {
+    nextValue: string;
+    focusIndex: number;
+};
+//# sourceMappingURL=applyValueChange.d.ts.map

package/lib/typescript/otp-input/utils/applyValueChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyValueChange.d.ts","sourceRoot":"","sources":["../../../../src/otp-input/utils/applyValueChange.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAChC;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CA4C3C"}

package/lib/typescript/otp-input/utils/filterValue.d.ts

@@ -0,0 +1,7 @@
+/** Strip to digits (default OTP behavior). */
+export declare function filterDigits(input: string): string;
+/** Keep only characters present in `allowed` (treat as a set of UTF-16 code units). */
+export declare function filterAllowedCharacters(allowed: string): (input: string) => string;
+/** Keep only characters matching `re` (tested per UTF-16 code unit). */
+export declare function filterByRegExp(re: RegExp): (input: string) => string;
+//# sourceMappingURL=filterValue.d.ts.map

package/lib/typescript/otp-input/utils/filterValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterValue.d.ts","sourceRoot":"","sources":["../../../../src/otp-input/utils/filterValue.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,uFAAuF;AACvF,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,IAK7C,OAAO,MAAM,YAUtB;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,IAC/B,OAAO,MAAM,YAWtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-alpha.36",
+  "version": "0.0.1-alpha.37",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -57,7 +57,7 @@
     "@react-native-aria/interactions": "^0.2.16",
     "@react-stately/checkbox": "3.7.4",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/utils": "0.0.1-alpha.36"
+    "@cdx-ui/utils": "0.0.1-alpha.37"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/index.ts

@@ -5,6 +5,7 @@ export * from './dialog';
 export * from './field';
 export * from './form';
 export * from './input';
+export * from './otp-input';
 export * from './link';
 export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
 export * from './select';

package/src/otp-input/context.tsx

@@ -0,0 +1,8 @@
+import { createContext } from '@cdx-ui/utils';
+import type { OtpInputCellIndexContextValue, OtpInputContextValue } from './types';
+
+export const [OtpInputProvider, useOtpInputContext] =
+  createContext<OtpInputContextValue>('OtpInputContext');
+
+export const [OtpCellIndexProvider, useOtpCellIndexContext] =
+  createContext<OtpInputCellIndexContextValue>('OtpCellIndexContext');