@verma-consulting/design-library 0.1.63 → 0.1.64

package/dist/index.mjs

@@ -2453,9 +2453,12 @@ var OTPField = ({
   inputFocusStyle,
   sx,
   type = "text",
-  inputMode = "text",
+  inputMode,
   regexCriteria
 }) => {
+  const isNumeric = type === "numeric";
+  const resolvedInputMode = inputMode != null ? inputMode : isNumeric ? "numeric" : "text";
+  const resolvedRegexCriteria = regexCriteria != null ? regexCriteria : isNumeric ? /^[0-9]$/ : void 0;
   const [cells, setCells] = useState7(() => toCells(initialValue, length));
   const cellsRef = useRef5(cells);
   cellsRef.current = cells;
@@ -2485,16 +2488,17 @@ var OTPField = ({
   const charAllowed = useCallback2(
     (ch) => {
       if (!ch) return true;
-      if (type === "numeric" && /\D/.test(ch)) return false;
-      if (regexCriteria && !regexCriteria.test(ch)) return false;
+      if (isNumeric && /\D/.test(ch)) return false;
+      if (resolvedRegexCriteria && !resolvedRegexCriteria.test(ch))
+        return false;
       return true;
     },
-    [regexCriteria, type]
+    [isNumeric, resolvedRegexCriteria]
   );
   const applyMany = useCallback2(
     (startIdx, raw) => {
       var _a2;
-      const incoming = (type === "numeric" ? raw.replace(/\D/g, "") : raw).split("");
+      const incoming = (isNumeric ? raw.replace(/\D/g, "") : raw).split("");
       const next = [...cellsRef.current];
       let i = startIdx;
       for (const ch of incoming) {
@@ -2507,7 +2511,7 @@ var OTPField = ({
       emit(next, focusAt);
       (_a2 = refs.current[focusAt]) == null ? void 0 : _a2.focus();
     },
-    [charAllowed, emit, length, type]
+    [charAllowed, emit, isNumeric, length]
   );
   const onFieldChange = (idx, e) => {
     var _a2;
@@ -2551,7 +2555,7 @@ var OTPField = ({
     if (!text) return;
     applyMany(0, text);
   };
-  const inputType = secret ? "password" : type === "numeric" ? "tel" : "text";
+  const inputType = secret && !isNumeric ? "password" : isNumeric ? "tel" : "text";
   return /* @__PURE__ */ jsx19(
     Box11,
     {
@@ -2591,7 +2595,7 @@ var OTPField = ({
           },
           inputProps: {
             maxLength: 1,
-            inputMode: inputMode != null ? inputMode : void 0,
+            inputMode: resolvedInputMode,
             "aria-label": `Code character ${idx + 1} of ${length}`,
             autoComplete: "one-time-code"
           }