@cdx-ui/primitives 0.0.1-alpha.9 → 0.0.1-beta.2

package/lib/commonjs/link/useLink.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLink = useLink;
+var _reactNative = require("react-native");
+var _LinkProvider = require("./LinkProvider");
+function defaultNavigate(href) {
+  _reactNative.Linking.canOpenURL(href).then(supported => {
+    if (supported) return _reactNative.Linking.openURL(href);
+    console.warn(`Cannot open URL: ${href}`);
+  }).catch(err => console.error('Failed to open URL', err));
+}
+function useLink(props) {
+  const {
+    href,
+    onPress,
+    action = 'navigate',
+    webProps
+  } = props;
+  const config = (0, _LinkProvider.useLinkConfig)();
+  const providerHandles = !!config && !!href && (config.shouldNavigate?.(href) ?? true);
+  let platformLinkProps = {};
+  if (_reactNative.Platform.OS === 'web') {
+    platformLinkProps = {
+      href: providerHandles ? undefined : href,
+      hrefAttrs: webProps,
+      onPress: event => {
+        onPress?.(event);
+        if (providerHandles) void config.navigate(href, action);
+      }
+    };
+  } else {
+    platformLinkProps = {
+      onPress: event => {
+        onPress?.(event);
+        if (href) {
+          if (providerHandles) {
+            void config.navigate(href, action);
+          } else {
+            defaultNavigate(href);
+          }
+        }
+      }
+    };
+  }
+  return {
+    linkProps: {
+      ...platformLinkProps,
+      role: 'link',
+      accessible: true
+    }
+  };
+}
+//# sourceMappingURL=useLink.js.map

package/lib/commonjs/link/useLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_LinkProvider","defaultNavigate","href","Linking","canOpenURL","then","supported","openURL","console","warn","catch","err","error","useLink","props","onPress","action","webProps","config","useLinkConfig","providerHandles","shouldNavigate","platformLinkProps","Platform","OS","undefined","hrefAttrs","event","navigate","linkProps","role","accessible"],"sourceRoot":"../../../src","sources":["link/useLink.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAGA,SAASE,eAAeA,CAACC,IAAY,EAAQ;EAC3CC,oBAAO,CAACC,UAAU,CAACF,IAAI,CAAC,CACrBG,IAAI,CAAEC,SAAS,IAAK;IACnB,IAAIA,SAAS,EAAE,OAAOH,oBAAO,CAACI,OAAO,CAACL,IAAI,CAAC;IAC3CM,OAAO,CAACC,IAAI,CAAC,oBAAoBP,IAAI,EAAE,CAAC;EAC1C,CAAC,CAAC,CACDQ,KAAK,CAAEC,GAAY,IAAKH,OAAO,CAACI,KAAK,CAAC,oBAAoB,EAAED,GAAG,CAAC,CAAC;AACtE;AAEO,SAASE,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IAAEZ,IAAI;IAAEa,OAAO;IAAEC,MAAM,GAAG,UAAU;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC9D,MAAMI,MAAM,GAAG,IAAAC,2BAAa,EAAC,CAAC;EAE9B,MAAMC,eAAe,GAAG,CAAC,CAACF,MAAM,IAAI,CAAC,CAAChB,IAAI,KAAKgB,MAAM,CAACG,cAAc,GAAGnB,IAAI,CAAC,IAAI,IAAI,CAAC;EAErF,IAAIoB,iBAAiB,GAAG,CAAC,CAAC;EAE1B,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzBF,iBAAiB,GAAG;MAClBpB,IAAI,EAAEkB,eAAe,GAAGK,SAAS,GAAGvB,IAAI;MACxCwB,SAAS,EAAET,QAAQ;MACnBF,OAAO,EAAGY,KAA4B,IAAK;QACzCZ,OAAO,GAAGY,KAAK,CAAC;QAChB,IAAIP,eAAe,EAAE,KAAKF,MAAM,CAACU,QAAQ,CAAC1B,IAAI,EAAEc,MAAM,CAAC;MACzD;IACF,CAAC;EACH,CAAC,MAAM;IACLM,iBAAiB,GAAG;MAClBP,OAAO,EAAGY,KAA4B,IAAK;QACzCZ,OAAO,GAAGY,KAAK,CAAC;QAChB,IAAIzB,IAAI,EAAE;UACR,IAAIkB,eAAe,EAAE;YACnB,KAAKF,MAAM,CAACU,QAAQ,CAAC1B,IAAI,EAAEc,MAAM,CAAC;UACpC,CAAC,MAAM;YACLf,eAAe,CAACC,IAAI,CAAC;UACvB;QACF;MACF;IACF,CAAC;EACH;EAEA,OAAO;IACL2B,SAAS,EAAE;MACT,GAAGP,iBAAiB;MACpBQ,IAAI,EAAE,MAA2B;MACjCC,UAAU,EAAE;IACd;EACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/otp-input/context.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOtpInputContext = exports.useOtpCellIndexContext = exports.OtpInputProvider = exports.OtpCellIndexProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [OtpInputProvider, useOtpInputContext] = (0, _utils.createContext)('OtpInputContext');
+exports.useOtpInputContext = useOtpInputContext;
+exports.OtpInputProvider = OtpInputProvider;
+const [OtpCellIndexProvider, useOtpCellIndexContext] = (0, _utils.createContext)('OtpCellIndexContext');
+exports.useOtpCellIndexContext = useOtpCellIndexContext;
+exports.OtpCellIndexProvider = OtpCellIndexProvider;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/otp-input/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","OtpInputProvider","useOtpInputContext","createContext","exports","OtpCellIndexProvider","useOtpCellIndexContext"],"sourceRoot":"../../../src","sources":["otp-input/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,gBAAgB,EAAEC,kBAAkB,CAAC,GACjD,IAAAC,oBAAa,EAAuB,iBAAiB,CAAC;AAACC,OAAA,CAAAF,kBAAA,GAAAA,kBAAA;AAAAE,OAAA,CAAAH,gBAAA,GAAAA,gBAAA;AAElD,MAAM,CAACI,oBAAoB,EAAEC,sBAAsB,CAAC,GACzD,IAAAH,oBAAa,EAAgC,qBAAqB,CAAC;AAACC,OAAA,CAAAE,sBAAA,GAAAA,sBAAA;AAAAF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/commonjs/otp-input/createOtpInputCell.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createOtpInputCell = void 0;
+var _react = require("react");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const createOtpInputCell = BaseCell => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    isDisabled,
+    isInvalid,
+    isReadOnly
+  } = (0, _context.useOtpInputContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCell, {
+    ref: ref,
+    isDisabled: isDisabled,
+    isInvalid: isInvalid,
+    isReadOnly: isReadOnly,
+    ...props,
+    children: children
+  });
+});
+exports.createOtpInputCell = createOtpInputCell;
+//# sourceMappingURL=createOtpInputCell.js.map

package/lib/commonjs/otp-input/createOtpInputCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_context","_jsxRuntime","createOtpInputCell","BaseCell","forwardRef","children","props","ref","isDisabled","isInvalid","isReadOnly","useOtpInputContext","jsx","exports"],"sourceRoot":"../../../src","sources":["otp-input/createOtpInputCell.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA+C,IAAAE,WAAA,GAAAF,OAAA;AAGxC,MAAMG,kBAAkB,GAAQC,QAAgC,iBACrE,IAAAC,iBAAU,EAAqD,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAM;IAAEC,UAAU;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAElE,oBACE,IAAAV,WAAA,CAAAW,GAAA,EAACT,QAAQ;IACPI,GAAG,EAAEA,GAAI;IACTC,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IAAA,GAClBJ,KAAK;IAAAD,QAAA,EAETA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC;AAACQ,OAAA,CAAAX,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createOtpInputField = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const createOtpInputField = BaseField => /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    cellIndex
+  } = (0, _context.useOtpCellIndexContext)();
+  const {
+    value,
+    cellCount,
+    isDisabled,
+    isReadOnly,
+    smsOtpAutofill,
+    getCellProps,
+    cellTestIdPrefix,
+    rootAccessibilityLabel,
+    setFieldRef,
+    handleFieldChange,
+    handleFieldKeyPress
+  } = (0, _context.useOtpInputContext)();
+  const char = cellIndex < value.length ? value[cellIndex] ?? '' : '';
+  const extra = getCellProps?.(cellIndex) ?? {};
+  const accessibilityLabel = (0, _react.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 = (0, _react.useMemo)(() => {
+    if (!smsOtpAutofill || cellIndex !== 0) {
+      return {};
+    }
+    return _reactNative.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__*/(0, _jsxRuntime.jsx)(BaseField, {
+    ref: (0, _utils.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]
+  });
+});
+exports.createOtpInputField = createOtpInputField;
+//# sourceMappingURL=createOtpInputField.js.map

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

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

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

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createOtpInputRoot = void 0;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+var _applyValueChange = require("./utils/applyValueChange");
+var _context = require("./context");
+var _filterValue = require("./utils/filterValue");
+var _jsxRuntime = require("react/jsx-runtime");
+const createOtpInputRoot = (BaseRoot, OtpCell, OtpField) => /*#__PURE__*/(0, _react.forwardRef)(({
+  cellCount,
+  value,
+  onChangeText,
+  onComplete,
+  isDisabled: isDisabledProp,
+  isInvalid: isInvalidProp,
+  isReadOnly: isReadOnlyProp,
+  smsOtpAutofill = true,
+  filterInput,
+  allowedCharacters,
+  characterPattern,
+  getCellProps,
+  cellTestIdPrefix,
+  accessibilityLabel: rootAccessibilityLabel,
+  ...rest
+}, ref) => {
+  const form = (0, _utils.useFormControlContext)();
+  const isDisabled = isDisabledProp ?? form.isDisabled ?? false;
+  const isInvalid = isInvalidProp ?? form.isInvalid ?? false;
+  const isReadOnly = isReadOnlyProp ?? form.isReadOnly ?? false;
+  const fieldRefs = (0, _react.useRef)([]);
+  const focusAfterApply = (0, _react.useRef)(null);
+  const prevLenRef = (0, _react.useRef)(value.length);
+  const prevValueRef = (0, _react.useRef)(value);
+  const filter = (0, _react.useMemo)(() => {
+    if (filterInput) {
+      return filterInput;
+    }
+    if (allowedCharacters !== undefined) {
+      return (0, _filterValue.filterAllowedCharacters)(allowedCharacters);
+    }
+    if (characterPattern !== undefined) {
+      return (0, _filterValue.filterByRegExp)(characterPattern);
+    }
+    return _filterValue.filterDigits;
+  }, [filterInput, allowedCharacters, characterPattern]);
+  const setFieldRef = (0, _react.useCallback)((index, el) => {
+    fieldRefs.current[index] = el;
+  }, []);
+  const focusCell = (0, _react.useCallback)(index => {
+    const safe = Math.max(0, Math.min(index, cellCount - 1));
+    fieldRefs.current[safe]?.focus();
+  }, [cellCount]);
+  const handleFieldChange = (0, _react.useCallback)((index, text) => {
+    const {
+      nextValue,
+      focusIndex
+    } = (0, _applyValueChange.applyOtpInputChange)(value, index, text, cellCount, filter);
+    if (nextValue !== value) {
+      onChangeText(nextValue);
+    }
+    focusAfterApply.current = focusIndex;
+  }, [cellCount, filter, onChangeText, value]);
+  const handleFieldKeyPress = (0, _react.useCallback)((index, key) => {
+    if (key !== 'Backspace') {
+      return;
+    }
+    const char = index < value.length ? value[index] : '';
+    if (!char && index > 0) {
+      focusCell(index - 1);
+    }
+  }, [focusCell, value]);
+  (0, _react.useLayoutEffect)(() => {
+    if (focusAfterApply.current !== null) {
+      const i = focusAfterApply.current;
+      focusAfterApply.current = null;
+      fieldRefs.current[i]?.focus();
+    }
+  });
+  (0, _react.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 = (0, _react.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__*/(0, _jsxRuntime.jsx)(_context.OtpCellIndexProvider, {
+      value: {
+        cellIndex: i
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OtpCell, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OtpField, {})
+      })
+    }, i));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRoot, {
+    ref: ref,
+    ...rest,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.OtpInputProvider, {
+      value: contextValue,
+      children: cells
+    })
+  });
+});
+exports.createOtpInputRoot = createOtpInputRoot;
+//# sourceMappingURL=createOtpInputRoot.js.map

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "applyOtpInputChange", {
+  enumerable: true,
+  get: function () {
+    return _applyValueChange.applyOtpInputChange;
+  }
+});
+exports.createOtpInput = createOtpInput;
+Object.defineProperty(exports, "filterAllowedCharacters", {
+  enumerable: true,
+  get: function () {
+    return _filterValue.filterAllowedCharacters;
+  }
+});
+Object.defineProperty(exports, "filterByRegExp", {
+  enumerable: true,
+  get: function () {
+    return _filterValue.filterByRegExp;
+  }
+});
+Object.defineProperty(exports, "filterDigits", {
+  enumerable: true,
+  get: function () {
+    return _filterValue.filterDigits;
+  }
+});
+var _createOtpInputCell = require("./createOtpInputCell");
+var _createOtpInputField = require("./createOtpInputField");
+var _createOtpInputRoot = require("./createOtpInputRoot");
+var _applyValueChange = require("./utils/applyValueChange");
+var _filterValue = require("./utils/filterValue");
+function createOtpInput(BaseComponents) {
+  const Cell = (0, _createOtpInputCell.createOtpInputCell)(BaseComponents.Cell);
+  const Field = (0, _createOtpInputField.createOtpInputField)(BaseComponents.Field);
+  const Root = (0, _createOtpInputRoot.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/commonjs/otp-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_createOtpInputCell","require","_createOtpInputField","_createOtpInputRoot","_applyValueChange","_filterValue","createOtpInput","BaseComponents","Cell","createOtpInputCell","Field","createOtpInputField","Root","createOtpInputRoot","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["otp-input/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAGA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAGO,SAASK,cAAcA,CAM5BC,cAID,EAAE;EACD,MAAMC,IAAI,GAAG,IAAAC,sCAAkB,EAACF,cAAc,CAACC,IAAI,CAAC;EACpD,MAAME,KAAK,GAAG,IAAAC,wCAAmB,EAACJ,cAAc,CAACG,KAAK,CAAC;EACvD,MAAME,IAAI,GAAG,IAAAC,sCAAkB,EAACN,cAAc,CAACK,IAAI,EAAEJ,IAAI,EAAEE,KAAK,CAAC;EAEjEE,IAAI,CAACE,WAAW,GAAG,mBAAmB;EACtCN,IAAI,CAACM,WAAW,GAAG,wBAAwB;EAC3CJ,KAAK,CAACI,WAAW,GAAG,yBAAyB;EAE7C,OAAOC,MAAM,CAACC,MAAM,CAACJ,IAAI,EAAE;IACzBJ,IAAI;IACJE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyOtpInputChange = applyOtpInputChange;
+/**
+ * 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.
+ */
+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/commonjs/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/commonjs/otp-input/utils/filterValue.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterAllowedCharacters = filterAllowedCharacters;
+exports.filterByRegExp = filterByRegExp;
+exports.filterDigits = filterDigits;
+/** Strip to digits (default OTP behavior). */
+function filterDigits(input) {
+  return input.replace(/\D/g, '');
+}
+
+/** Keep only characters present in `allowed` (treat as a set of UTF-16 code units). */
+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). */
+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/commonjs/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;AACO,SAASA,YAAYA,CAACC,KAAa,EAAU;EAClD,OAAOA,KAAK,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AACjC;;AAEA;AACO,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;AACO,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/commonjs/overlay/OverlayContainer.js

@@ -6,19 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.OverlayContainer = OverlayContainer;
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _createPortal = require("../utils/createPortal");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-let createPortalFn;
-if (_reactNative.Platform.OS === 'web') {
-  try {
-    createPortalFn = require('react-dom').createPortal;
-  } catch {}
-}
 /**
  * Cross-platform overlay container.
  *
  * - Web: renders children into a `createPortal` at `document.body` with
- *   `position: fixed` and `zIndex: 50`.
+ *   `position: fixed` and `zIndex: 50`. Uses a plain `View` rather than
+ *   Reanimated's `Animated.View` because Reanimated's layout animations
+ *   (`entering`/`exiting`) rely on `require()` calls that break silently
+ *   in Vite production bundles, leaving elements stuck at opacity 0.
+ *   See: https://github.com/software-mansion/react-native-reanimated/issues/6775
  * - Native: renders children inside a transparent `<Modal>` with a
  *   backdrop `<Pressable>` that calls `onDismiss` on press.
  *
@@ -32,10 +31,8 @@ function OverlayContainer({
   style,
   children
 }) {
-  if (_reactNative.Platform.OS === 'web' && createPortalFn) {
-    return createPortalFn(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      entering: entering,
-      exiting: exiting,
+  if (_reactNative.Platform.OS === 'web' && _createPortal.createPortalFn) {
+    return (0, _createPortal.createPortalFn)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [{
         position: 'fixed',
         zIndex: 50

package/lib/commonjs/overlay/OverlayContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_jsxRuntime","e","__esModule","default","createPortalFn","Platform","OS","createPortal","OverlayContainer","onDismiss","entering","exiting","style","children","jsx","View","position","zIndex","document","body","jsxs","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","Pressable","StyleSheet","absoluteFill","onPress","accessible","importantForAccessibility"],"sourceRoot":"../../../src","sources":["overlay/OverlayContainer.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+E,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/E,IAAIG,cAES;AACb,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;EACzB,IAAI;IACFF,cAAc,GAAGP,OAAO,CAAC,WAAW,CAAC,CAACU,YAAY;EACpD,CAAC,CAAC,MAAM,CAAC;AACX;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,gBAAgBA,CAAC;EAC/BC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AAC+B,CAAC,EAAE;EAClC,IAAIR,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIF,cAAc,EAAE;IAC3C,OAAOA,cAAc,cACnB,IAAAJ,WAAA,CAAAc,GAAA,EAAChB,sBAAA,CAAAK,OAAQ,CAACY,IAAI;MACZL,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE,CAAC;QAAEI,QAAQ,EAAE,OAAc;QAAEC,MAAM,EAAE;MAAG,CAAC,EAAEL,KAAK,CAAE;MAAAC,QAAA,EAExDA;IAAQ,CACI,CAAC,EAChBK,QAAQ,CAACC,IACX,CAAC;EACH;EAEA,oBACE,IAAAnB,WAAA,CAAAoB,IAAA,EAACxB,YAAA,CAAAyB,KAAK;IAACC,OAAO;IAACC,WAAW;IAACC,aAAa,EAAC,MAAM;IAACC,oBAAoB;IAACC,cAAc,EAAEjB,SAAU;IAAAI,QAAA,gBAC7F,IAAAb,WAAA,CAAAc,GAAA,EAAClB,YAAA,CAAA+B,SAAS;MACRf,KAAK,EAAEgB,uBAAU,CAACC,YAAa;MAC/BC,OAAO,EAAErB,SAAU;MACnBsB,UAAU,EAAE,KAAM;MAClBC,yBAAyB,EAAC;IAAqB,CAChD,CAAC,eACF,IAAAhC,WAAA,CAAAc,GAAA,EAAChB,sBAAA,CAAAK,OAAQ,CAACY,IAAI;MACZL,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE,CAAC;QAAEI,QAAQ,EAAE;MAAW,CAAC,EAAEJ,KAAK,CAAE;MAAAC,QAAA,EAExCA;IAAQ,CACI,CAAC;EAAA,CACX,CAAC;AAEZ","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_createPortal","_jsxRuntime","e","__esModule","default","OverlayContainer","onDismiss","entering","exiting","style","children","Platform","OS","createPortalFn","jsx","View","position","zIndex","document","body","jsxs","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","Pressable","StyleSheet","absoluteFill","onPress","accessible","importantForAccessibility"],"sourceRoot":"../../../src","sources":["overlay/OverlayContainer.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AASA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAuD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,gBAAgBA,CAAC;EAC/BC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AAC+B,CAAC,EAAE;EAClC,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIC,4BAAc,EAAE;IAC3C,OAAO,IAAAA,4BAAc,eACnB,IAAAZ,WAAA,CAAAa,GAAA,EAAClB,YAAA,CAAAmB,IAAI;MAACN,KAAK,EAAE,CAAC;QAAEO,QAAQ,EAAE,OAAc;QAAEC,MAAM,EAAE;MAAG,CAAC,EAAER,KAAK,CAAE;MAAAC,QAAA,EAAEA;IAAQ,CAAO,CAAC,EACjFQ,QAAQ,CAACC,IACX,CAAC;EACH;EAEA,oBACE,IAAAlB,WAAA,CAAAmB,IAAA,EAACxB,YAAA,CAAAyB,KAAK;IAACC,OAAO;IAACC,WAAW;IAACC,aAAa,EAAC,MAAM;IAACC,oBAAoB;IAACC,cAAc,EAAEpB,SAAU;IAAAI,QAAA,gBAC7F,IAAAT,WAAA,CAAAa,GAAA,EAAClB,YAAA,CAAA+B,SAAS;MACRlB,KAAK,EAAEmB,uBAAU,CAACC,YAAa;MAC/BC,OAAO,EAAExB,SAAU;MACnByB,UAAU,EAAE,KAAM;MAClBC,yBAAyB,EAAC;IAAqB,CAChD,CAAC,eACF,IAAA/B,WAAA,CAAAa,GAAA,EAAChB,sBAAA,CAAAM,OAAQ,CAACW,IAAI;MACZR,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE,CAAC;QAAEO,QAAQ,EAAE;MAAW,CAAC,EAAEP,KAAK,CAAE;MAAAC,QAAA,EAExCA;IAAQ,CACI,CAAC;EAAA,CACX,CAAC;AAEZ","ignoreList":[]}

package/lib/commonjs/overlay/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "useDismissOverlay", {
     return _useDismissOverlay.useDismissOverlay;
   }
 });
+Object.defineProperty(exports, "useEscapeKey", {
+  enumerable: true,
+  get: function () {
+    return _useEscapeKey.useEscapeKey;
+  }
+});
 Object.defineProperty(exports, "useOverlayPosition", {
   enumerable: true,
   get: function () {
@@ -36,5 +42,6 @@ Object.defineProperty(exports, "useOverlayPosition", {
 var _OverlayContainer = require("./OverlayContainer");
 var _useAnchorPosition = require("./useAnchorPosition");
 var _useDismissOverlay = require("./useDismissOverlay");
+var _useEscapeKey = require("./useEscapeKey");
 var _useOverlayPosition = require("./useOverlayPosition");
 //# sourceMappingURL=index.js.map