docthub-core-components 3.3.10 → 3.3.12

package/dist/components/overrides/ui/inputs/otp-input.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as F, jsxs as Z } from "react/jsx-runtime";
+import { jsx as B, jsxs as Z } from "react/jsx-runtime";
 import { c as x } from "react-compiler-runtime";
 import { useRef as _, useId as G, useLayoutEffect as tt } from "react";
 import { Input as et } from "../../../ui/input.js";
@@ -10,46 +10,46 @@ const ut = (N) => {
     length: H,
     label: f,
     value: d,
-    onChange: j,
+    onChange: K,
     onComplete: g,
     className: C,
-    error: n,
+    error: a,
     inputClassName: J,
     autoFocus: Q,
     autoSubmit: U,
     secure: V
-  } = N, o = H === void 0 ? 6 : H, K = J === void 0 ? "h-10 w-10" : J, q = Q === void 0 ? !1 : Q, L = U === void 0 ? !1 : U, E = V === void 0 ? !1 : V;
+  } = N, o = H === void 0 ? 6 : H, F = J === void 0 ? "h-10 w-10" : J, j = Q === void 0 ? !1 : Q, q = U === void 0 ? !1 : U, E = V === void 0 ? !1 : V;
+  let L;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (L = [], t[0] = L) : L = t[0];
+  const n = _(L), h = G(), y = G(), S = G();
   let M;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (M = [], t[0] = M) : M = t[0];
-  const a = _(M), h = G(), v = G(), S = G();
-  let O;
   if (t[1] !== o || t[2] !== S) {
     let i;
-    t[4] !== S ? (i = (W, z) => `${S}-digit-${z + 1}`, t[4] = S, t[5] = i) : i = t[5], O = Array.from({
+    t[4] !== S ? (i = (W, z) => `${S}-digit-${z + 1}`, t[4] = S, t[5] = i) : i = t[5], M = Array.from({
       length: o
-    }, i), t[1] = o, t[2] = S, t[3] = O;
+    }, i), t[1] = o, t[2] = S, t[3] = M;
   } else
-    O = t[3];
-  const T = O;
-  let A, P;
-  t[6] !== q ? (A = () => {
+    M = t[3];
+  const T = M;
+  let O, A;
+  t[6] !== j ? (O = () => {
     var i;
-    q && ((i = a.current[0]) == null || i.focus({
+    j && ((i = n.current[0]) == null || i.focus({
       preventScroll: !0
     }));
-  }, P = [q], t[6] = q, t[7] = A, t[8] = P) : (A = t[7], P = t[8]), tt(A, P);
-  let b, y, D, I, u, m;
-  if (t[9] !== L || t[10] !== C || t[11] !== n || t[12] !== v || t[13] !== K || t[14] !== f || t[15] !== h || t[16] !== o || t[17] !== j || t[18] !== g || t[19] !== T || t[20] !== E || t[21] !== d) {
+  }, A = [j], t[6] = j, t[7] = O, t[8] = A) : (O = t[7], A = t[8]), tt(O, A);
+  let v, b, D, I, u, m;
+  if (t[9] !== q || t[10] !== C || t[11] !== a || t[12] !== y || t[13] !== F || t[14] !== f || t[15] !== h || t[16] !== o || t[17] !== K || t[18] !== g || t[19] !== T || t[20] !== E || t[21] !== d) {
     const i = (r, e) => {
       var c;
       const l = e.replace(/\D/g, "").slice(0, 1);
       if (e && !l || e.length > 1 && l.length <= 1)
         return;
       const s = [...d];
-      s[r] = l, j(s), l && r < o - 1 && ((c = a.current[r + 1]) == null || c.focus()), s.every(st) && (g && g(s.join("")), L && queueMicrotask(() => {
+      s[r] = l, K(s), l && r < o - 1 && ((c = n.current[r + 1]) == null || c.focus()), s.every(st) && (g && g(s.join("")), q && queueMicrotask(() => {
         var $;
-        const B = ($ = a.current[r]) == null ? void 0 : $.closest("form");
-        B && B.requestSubmit();
+        const R = ($ = n.current[r]) == null ? void 0 : $.closest("form");
+        R && R.requestSubmit();
       }));
     }, W = (r, e) => {
       var $;
@@ -60,35 +60,35 @@ const ut = (N) => {
       const c = [...d];
       for (let p = 0; p < s.length && r + p < o; p++)
         c[r + p] = s[p];
-      j(c);
-      const B = Math.min(r + s.length, o - 1);
-      ($ = a.current[B]) == null || $.focus(), c.every(ot) && (g && g(c.join("")), L && queueMicrotask(() => {
+      K(c);
+      const R = Math.min(r + s.length, o - 1);
+      ($ = n.current[R]) == null || $.focus(), c.every(ot) && (g && g(c.join("")), q && queueMicrotask(() => {
         var X;
-        const p = (X = a.current[r]) == null ? void 0 : X.closest("form");
+        const p = (X = n.current[r]) == null ? void 0 : X.closest("form");
         p && p.requestSubmit();
       }));
     }, z = (r, e) => {
       var l, s, c;
-      e.key.length === 1 && !/\d/.test(e.key) ? e.preventDefault() : e.key === "Backspace" && !d[r] && r > 0 ? (l = a.current[r - 1]) == null || l.focus() : e.key === "ArrowLeft" && r > 0 ? (e.preventDefault(), (s = a.current[r - 1]) == null || s.focus()) : e.key === "ArrowRight" && r < o - 1 && (e.preventDefault(), (c = a.current[r + 1]) == null || c.focus());
+      !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && !/\d/.test(e.key) ? e.preventDefault() : e.key === "Backspace" && !d[r] && r > 0 ? (l = n.current[r - 1]) == null || l.focus() : e.key === "ArrowLeft" && r > 0 ? (e.preventDefault(), (s = n.current[r - 1]) == null || s.focus()) : e.key === "ArrowRight" && r < o - 1 && (e.preventDefault(), (c = n.current[r + 1]) == null || c.focus());
     };
-    t[28] !== C ? (u = Y("space-y-2", C), t[28] = C, t[29] = u) : u = t[29], t[30] !== f || t[31] !== h ? (m = f && /* @__PURE__ */ F(rt, { id: h, className: "text-sm font-medium text-gray-700", children: f }), t[30] = f, t[31] = h, t[32] = m) : m = t[32], b = "flex gap-2 border-0 p-0 m-0", y = f ? h : void 0, D = n ? v : void 0, I = T.map((r, e) => {
+    t[28] !== C ? (u = Y("space-y-2", C), t[28] = C, t[29] = u) : u = t[29], t[30] !== f || t[31] !== h ? (m = f && /* @__PURE__ */ B(rt, { id: h, className: "text-sm font-medium text-gray-700", children: f }), t[30] = f, t[31] = h, t[32] = m) : m = t[32], v = "flex gap-2 border-0 p-0 m-0", b = f ? h : void 0, D = a ? y : void 0, I = T.map((r, e) => {
       const l = d[e] ?? "";
-      return /* @__PURE__ */ F(et, { ref: (s) => {
-        a.current[e] = s;
-      }, type: E ? "password" : "text", inputMode: "numeric", maxLength: 1, value: l, onChange: (s) => i(e, s.target.value), onKeyDown: (s) => z(e, s), onPaste: (s) => W(e, s), className: Y("text-center p-0 text-lg font-semibold", n && "border-destructive", K), "aria-label": `${f || "OTP"} digit ${e + 1} of ${o}`, "aria-invalid": n ? "true" : "false" }, r);
-    }), t[9] = L, t[10] = C, t[11] = n, t[12] = v, t[13] = K, t[14] = f, t[15] = h, t[16] = o, t[17] = j, t[18] = g, t[19] = T, t[20] = E, t[21] = d, t[22] = b, t[23] = y, t[24] = D, t[25] = I, t[26] = u, t[27] = m;
+      return /* @__PURE__ */ B(et, { ref: (s) => {
+        n.current[e] = s;
+      }, type: E ? "password" : "text", inputMode: "numeric", maxLength: 1, value: l, onChange: (s) => i(e, s.target.value), onKeyDown: (s) => z(e, s), onPaste: (s) => W(e, s), className: Y("text-center p-0 text-lg font-semibold", a && "border-destructive", F), "aria-label": `${f || "OTP"} digit ${e + 1} of ${o}`, "aria-invalid": a ? "true" : "false" }, r);
+    }), t[9] = q, t[10] = C, t[11] = a, t[12] = y, t[13] = F, t[14] = f, t[15] = h, t[16] = o, t[17] = K, t[18] = g, t[19] = T, t[20] = E, t[21] = d, t[22] = v, t[23] = b, t[24] = D, t[25] = I, t[26] = u, t[27] = m;
   } else
-    b = t[22], y = t[23], D = t[24], I = t[25], u = t[26], m = t[27];
+    v = t[22], b = t[23], D = t[24], I = t[25], u = t[26], m = t[27];
   let k;
-  t[33] !== b || t[34] !== y || t[35] !== D || t[36] !== I ? (k = /* @__PURE__ */ F("fieldset", { className: b, "aria-labelledby": y, "aria-describedby": D, children: I }), t[33] = b, t[34] = y, t[35] = D, t[36] = I, t[37] = k) : k = t[37];
+  t[33] !== v || t[34] !== b || t[35] !== D || t[36] !== I ? (k = /* @__PURE__ */ B("fieldset", { className: v, "aria-labelledby": b, "aria-describedby": D, children: I }), t[33] = v, t[34] = b, t[35] = D, t[36] = I, t[37] = k) : k = t[37];
   let w;
-  t[38] !== n || t[39] !== v ? (w = n && /* @__PURE__ */ F("p", { id: v, className: "text-xs text-destructive mt-1", role: "alert", children: n }), t[38] = n, t[39] = v, t[40] = w) : w = t[40];
-  let R;
-  return t[41] !== u || t[42] !== m || t[43] !== k || t[44] !== w ? (R = /* @__PURE__ */ Z("div", { className: u, children: [
+  t[38] !== a || t[39] !== y ? (w = a && /* @__PURE__ */ B("p", { id: y, className: "text-xs text-destructive mt-1", role: "alert", children: a }), t[38] = a, t[39] = y, t[40] = w) : w = t[40];
+  let P;
+  return t[41] !== u || t[42] !== m || t[43] !== k || t[44] !== w ? (P = /* @__PURE__ */ Z("div", { className: u, children: [
     m,
     k,
     w
-  ] }), t[41] = u, t[42] = m, t[43] = k, t[44] = w, t[45] = R) : R = t[45], R;
+  ] }), t[41] = u, t[42] = m, t[43] = k, t[44] = w, t[45] = P) : P = t[45], P;
 };
 function st(N) {
   return N !== "";