docthub-core-components 3.3.8 → 3.3.9

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docthub-core-components",
-  "version": "3.3.8",
+  "version": "3.3.9",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",