@worldcoin/mini-apps-ui-kit-react 1.0.0-canary.9 → 1.0.0

package/dist/node_modules/.pnpm/input-otp@1.4.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/input-otp/dist/index.js

@@ -1,174 +1,180 @@
-import * as t from "react";
-var Me = Object.defineProperty, xe = Object.defineProperties, Re = Object.getOwnPropertyDescriptors, Z = Object.getOwnPropertySymbols, me = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable, de = (r, l, a) => l in r ? Me(r, l, { enumerable: !0, configurable: !0, writable: !0, value: a }) : r[l] = a, ke = (r, l) => {
-  for (var a in l || (l = {})) me.call(l, a) && de(r, a, l[a]);
-  if (Z) for (var a of Z(l)) fe.call(l, a) && de(r, a, l[a]);
+import * as React from "react";
+var Bt = Object.defineProperty, At = Object.defineProperties;
+var kt = Object.getOwnPropertyDescriptors;
+var Y = Object.getOwnPropertySymbols;
+var gt = Object.prototype.hasOwnProperty, Et = Object.prototype.propertyIsEnumerable;
+var vt = (r, s, e) => s in r ? Bt(r, s, { enumerable: true, configurable: true, writable: true, value: e }) : r[s] = e, St = (r, s) => {
+  for (var e in s || (s = {})) gt.call(s, e) && vt(r, e, s[e]);
+  if (Y) for (var e of Y(s)) Et.call(s, e) && vt(r, e, s[e]);
   return r;
-}, Te = (r, l) => xe(r, Re(l)), De = (r, l) => {
-  var a = {};
-  for (var s in r) me.call(r, s) && l.indexOf(s) < 0 && (a[s] = r[s]);
-  if (r != null && Z) for (var s of Z(r)) l.indexOf(s) < 0 && fe.call(r, s) && (a[s] = r[s]);
-  return a;
+}, bt = (r, s) => At(r, kt(s));
+var Pt = (r, s) => {
+  var e = {};
+  for (var u in r) gt.call(r, u) && s.indexOf(u) < 0 && (e[u] = r[u]);
+  if (r != null && Y) for (var u of Y(r)) s.indexOf(u) < 0 && Et.call(r, u) && (e[u] = r[u]);
+  return e;
 };
-function _e(r) {
-  let l = setTimeout(r, 0), a = setTimeout(r, 10), s = setTimeout(r, 50);
-  return [l, a, s];
+function ht(r) {
+  let s = setTimeout(r, 0), e = setTimeout(r, 10), u = setTimeout(r, 50);
+  return [s, e, u];
 }
-function Ae(r) {
-  let l = t.useRef();
-  return t.useEffect(() => {
-    l.current = r;
-  }), l.current;
+function _t(r) {
+  let s = React.useRef();
+  return React.useEffect(() => {
+    s.current = r;
+  }), s.current;
 }
-var Oe = 18, ve = 40, Ie = `${ve}px`, We = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
-function Be({ containerRef: r, inputRef: l, pushPasswordManagerStrategy: a, isFocused: s }) {
-  let [M, p] = t.useState(!1), [j, x] = t.useState(!1), [A, H] = t.useState(!1), F = t.useMemo(() => a === "none" ? !1 : (a === "increase-width" || a === "experimental-no-flickering") && M && j, [M, j, a]), O = t.useCallback(() => {
-    let v = r.current, P = l.current;
-    if (!v || !P || A || a === "none") return;
-    let h = v, w = h.getBoundingClientRect().left + h.offsetWidth, I = h.getBoundingClientRect().top + h.offsetHeight / 2, i = w - Oe, L = I;
-    document.querySelectorAll(We).length === 0 && document.elementFromPoint(i, L) === v || (p(!0), H(!0));
-  }, [r, l, A, a]);
-  return t.useEffect(() => {
-    let v = r.current;
-    if (!v || a === "none") return;
-    function P() {
-      let w = window.innerWidth - v.getBoundingClientRect().right;
-      x(w >= ve);
+var Ot = 18, wt = 40, Gt = `${wt}px`, xt = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
+function Tt({ containerRef: r, inputRef: s, pushPasswordManagerStrategy: e, isFocused: u }) {
+  let [P, D] = React.useState(false), [G, H] = React.useState(false), [F, W] = React.useState(false), Z = React.useMemo(() => e === "none" ? false : (e === "increase-width" || e === "experimental-no-flickering") && P && G, [P, G, e]), T = React.useCallback(() => {
+    let f = r.current, h = s.current;
+    if (!f || !h || F || e === "none") return;
+    let a = f, B = a.getBoundingClientRect().left + a.offsetWidth, A = a.getBoundingClientRect().top + a.offsetHeight / 2, z = B - Ot, q = A;
+    document.querySelectorAll(xt).length === 0 && document.elementFromPoint(z, q) === f || (D(true), W(true));
+  }, [r, s, F, e]);
+  return React.useEffect(() => {
+    let f = r.current;
+    if (!f || e === "none") return;
+    function h() {
+      let A = window.innerWidth - f.getBoundingClientRect().right;
+      H(A >= wt);
     }
-    P();
-    let h = setInterval(P, 1e3);
+    h();
+    let a = setInterval(h, 1e3);
     return () => {
-      clearInterval(h);
+      clearInterval(a);
     };
-  }, [r, a]), t.useEffect(() => {
-    let v = s || document.activeElement === l.current;
-    if (a === "none" || !v) return;
-    let P = setTimeout(O, 0), h = setTimeout(O, 2e3), w = setTimeout(O, 5e3), I = setTimeout(() => {
-      H(!0);
+  }, [r, e]), React.useEffect(() => {
+    let f = u || document.activeElement === s.current;
+    if (e === "none" || !f) return;
+    let h = setTimeout(T, 0), a = setTimeout(T, 2e3), B = setTimeout(T, 5e3), A = setTimeout(() => {
+      W(true);
     }, 6e3);
     return () => {
-      clearTimeout(P), clearTimeout(h), clearTimeout(w), clearTimeout(I);
+      clearTimeout(h), clearTimeout(a), clearTimeout(B), clearTimeout(A);
     };
-  }, [l, s, a, O]), { hasPWMBadge: M, willPushPWMBadge: F, PWM_BADGE_SPACE_WIDTH: Ie };
+  }, [s, u, e, T]), { hasPWMBadge: P, willPushPWMBadge: Z, PWM_BADGE_SPACE_WIDTH: Gt };
 }
-var je = t.createContext({}), He = t.forwardRef((r, l) => {
-  var a = r, { value: s, onChange: M, maxLength: p, textAlign: j = "left", pattern: x, placeholder: A, inputMode: H = "numeric", onComplete: F, pushPasswordManagerStrategy: O = "increase-width", pasteTransformer: v, containerClassName: P, noScriptCSSFallback: h = Fe, render: w, children: I } = a, i = De(a, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ee, te, ne, re;
-  let [ge, he] = t.useState(typeof i.defaultValue == "string" ? i.defaultValue : ""), u = s ?? ge, R = Ae(u), G = t.useCallback((e) => {
-    M == null || M(e), he(e);
-  }, [M]), E = t.useMemo(() => x ? typeof x == "string" ? new RegExp(x) : x : null, [x]), c = t.useRef(null), q = t.useRef(null), J = t.useRef({ value: u, onChange: G, isIOS: typeof window < "u" && ((ee = (L = window == null ? void 0 : window.CSS) == null ? void 0 : L.supports) == null ? void 0 : ee.call(L, "-webkit-touch-callout", "none")) }), X = t.useRef({ prev: [(te = c.current) == null ? void 0 : te.selectionStart, (ne = c.current) == null ? void 0 : ne.selectionEnd, (re = c.current) == null ? void 0 : re.selectionDirection] });
-  t.useImperativeHandle(l, () => c.current, []), t.useEffect(() => {
-    let e = c.current, n = q.current;
-    if (!e || !n) return;
-    J.current.value !== e.value && J.current.onChange(e.value), X.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
+var jt = React.createContext({}), Lt = React.forwardRef((A, B) => {
+  var z = A, { value: r, onChange: s, maxLength: e, textAlign: u = "left", pattern: P, placeholder: D, inputMode: G = "numeric", onComplete: H, pushPasswordManagerStrategy: F = "increase-width", pasteTransformer: W, containerClassName: Z, noScriptCSSFallback: T = Nt, render: f, children: h } = z, a = Pt(z, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]);
+  var X, lt, ut, dt, ft;
+  let [q, nt] = React.useState(typeof a.defaultValue == "string" ? a.defaultValue : ""), i = r != null ? r : q, I = _t(i), x = React.useCallback((t) => {
+    s == null || s(t), nt(t);
+  }, [s]), m = React.useMemo(() => P ? typeof P == "string" ? new RegExp(P) : P : null, [P]), l = React.useRef(null), K = React.useRef(null), J = React.useRef({ value: i, onChange: x, isIOS: typeof window != "undefined" && ((lt = (X = window == null ? void 0 : window.CSS) == null ? void 0 : X.supports) == null ? void 0 : lt.call(X, "-webkit-touch-callout", "none")) }), V = React.useRef({ prev: [(ut = l.current) == null ? void 0 : ut.selectionStart, (dt = l.current) == null ? void 0 : dt.selectionEnd, (ft = l.current) == null ? void 0 : ft.selectionDirection] });
+  React.useImperativeHandle(B, () => l.current, []), React.useEffect(() => {
+    let t = l.current, o = K.current;
+    if (!t || !o) return;
+    J.current.value !== t.value && J.current.onChange(t.value), V.current.prev = [t.selectionStart, t.selectionEnd, t.selectionDirection];
     function d() {
-      if (document.activeElement !== e) {
-        $(null), z(null);
+      if (document.activeElement !== t) {
+        L(null), N(null);
         return;
       }
-      let o = e.selectionStart, f = e.selectionEnd, Y = e.selectionDirection, b = e.maxLength, T = e.value, S = X.current.prev, C = -1, y = -1, D;
-      if (T.length !== 0 && o !== null && f !== null) {
-        let Pe = o === f, Ce = o === T.length && T.length < b;
-        if (Pe && !Ce) {
-          let _ = o;
-          if (_ === 0) C = 0, y = 1, D = "forward";
-          else if (_ === b) C = _ - 1, y = _, D = "backward";
-          else if (b > 1 && T.length > 1) {
-            let U = 0;
-            if (S[0] !== null && S[1] !== null) {
-              D = _ < S[1] ? "backward" : "forward";
-              let ye = S[0] === S[1] && S[0] < b;
-              D === "backward" && !ye && (U = -1);
+      let c = t.selectionStart, b = t.selectionEnd, mt = t.selectionDirection, v = t.maxLength, C = t.value, _ = V.current.prev, g = -1, E = -1, w;
+      if (C.length !== 0 && c !== null && b !== null) {
+        let Dt = c === b, Ht = c === C.length && C.length < v;
+        if (Dt && !Ht) {
+          let y = c;
+          if (y === 0) g = 0, E = 1, w = "forward";
+          else if (y === v) g = y - 1, E = y, w = "backward";
+          else if (v > 1 && C.length > 1) {
+            let et = 0;
+            if (_[0] !== null && _[1] !== null) {
+              w = y < _[1] ? "backward" : "forward";
+              let Wt = _[0] === _[1] && _[0] < v;
+              w === "backward" && !Wt && (et = -1);
             }
-            C = U + _, y = U + _ + 1;
+            g = et + y, E = et + y + 1;
           }
         }
-        C !== -1 && y !== -1 && C !== y && c.current.setSelectionRange(C, y, D);
+        g !== -1 && E !== -1 && g !== E && l.current.setSelectionRange(g, E, w);
       }
-      let se = C !== -1 ? C : o, pe = y !== -1 ? y : f, Se = D ?? Y;
-      $(se), z(pe), X.current.prev = [se, pe, Se];
+      let pt = g !== -1 ? g : c, Rt = E !== -1 ? E : b, yt = w != null ? w : mt;
+      L(pt), N(Rt), V.current.prev = [pt, Rt, yt];
     }
-    if (document.addEventListener("selectionchange", d, { capture: !0 }), d(), document.activeElement === e && K(!0), !document.getElementById("input-otp-style")) {
-      let o = document.createElement("style");
-      if (o.id = "input-otp-style", document.head.appendChild(o), o.sheet) {
-        let f = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
-        V(o.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), V(o.sheet, `[data-input-otp]:autofill { ${f} }`), V(o.sheet, `[data-input-otp]:-webkit-autofill { ${f} }`), V(o.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), V(o.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+    if (document.addEventListener("selectionchange", d, { capture: true }), d(), document.activeElement === t && Q(true), !document.getElementById("input-otp-style")) {
+      let c = document.createElement("style");
+      if (c.id = "input-otp-style", document.head.appendChild(c), c.sheet) {
+        let b = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
+        $(c.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), $(c.sheet, `[data-input-otp]:autofill { ${b} }`), $(c.sheet, `[data-input-otp]:-webkit-autofill { ${b} }`), $(c.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), $(c.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
       }
     }
-    let g = () => {
-      n && n.style.setProperty("--root-height", `${e.clientHeight}px`);
+    let p = () => {
+      o && o.style.setProperty("--root-height", `${t.clientHeight}px`);
     };
-    g();
-    let m = new ResizeObserver(g);
-    return m.observe(e), () => {
-      document.removeEventListener("selectionchange", d, { capture: !0 }), m.disconnect();
+    p();
+    let R = new ResizeObserver(p);
+    return R.observe(t), () => {
+      document.removeEventListener("selectionchange", d, { capture: true }), R.disconnect();
     };
   }, []);
-  let [le, ae] = t.useState(!1), [N, K] = t.useState(!1), [k, $] = t.useState(null), [W, z] = t.useState(null);
-  t.useEffect(() => {
-    _e(() => {
-      var e, n, d, g;
-      (e = c.current) == null || e.dispatchEvent(new Event("input"));
-      let m = (n = c.current) == null ? void 0 : n.selectionStart, o = (d = c.current) == null ? void 0 : d.selectionEnd, f = (g = c.current) == null ? void 0 : g.selectionDirection;
-      m !== null && o !== null && ($(m), z(o), X.current.prev = [m, o, f]);
+  let [ot, rt] = React.useState(false), [j, Q] = React.useState(false), [M, L] = React.useState(null), [k, N] = React.useState(null);
+  React.useEffect(() => {
+    ht(() => {
+      var p, R, c, b;
+      (p = l.current) == null || p.dispatchEvent(new Event("input"));
+      let t = (R = l.current) == null ? void 0 : R.selectionStart, o = (c = l.current) == null ? void 0 : c.selectionEnd, d = (b = l.current) == null ? void 0 : b.selectionDirection;
+      t !== null && o !== null && (L(t), N(o), V.current.prev = [t, o, d]);
     });
-  }, [u, N]), t.useEffect(() => {
-    R !== void 0 && u !== R && R.length < p && u.length === p && (F == null || F(u));
-  }, [p, F, R, u]);
-  let B = Be({ containerRef: q, inputRef: c, pushPasswordManagerStrategy: O, isFocused: N }), oe = t.useCallback((e) => {
-    let n = e.currentTarget.value.slice(0, p);
-    if (n.length > 0 && E && !E.test(n)) {
-      e.preventDefault();
+  }, [i, j]), React.useEffect(() => {
+    I !== void 0 && i !== I && I.length < e && i.length === e && (H == null || H(i));
+  }, [e, H, I, i]);
+  let O = Tt({ containerRef: K, inputRef: l, pushPasswordManagerStrategy: F, isFocused: j }), st = React.useCallback((t) => {
+    let o = t.currentTarget.value.slice(0, e);
+    if (o.length > 0 && m && !m.test(o)) {
+      t.preventDefault();
       return;
     }
-    typeof R == "string" && n.length < R.length && document.dispatchEvent(new Event("selectionchange")), G(n);
-  }, [p, G, R, E]), ie = t.useCallback(() => {
-    var e;
-    if (c.current) {
-      let n = Math.min(c.current.value.length, p - 1), d = c.current.value.length;
-      (e = c.current) == null || e.setSelectionRange(n, d), $(n), z(d);
+    typeof I == "string" && o.length < I.length && document.dispatchEvent(new Event("selectionchange")), x(o);
+  }, [e, x, I, m]), at = React.useCallback(() => {
+    var t;
+    if (l.current) {
+      let o = Math.min(l.current.value.length, e - 1), d = l.current.value.length;
+      (t = l.current) == null || t.setSelectionRange(o, d), L(o), N(d);
     }
-    K(!0);
-  }, [p]), ue = t.useCallback((e) => {
-    var n, d;
-    let g = c.current;
-    if (!v && (!J.current.isIOS || !e.clipboardData || !g)) return;
-    let m = e.clipboardData.getData("text/plain"), o = v ? v(m) : m;
-    console.log({ _content: m, content: o }), e.preventDefault();
-    let f = (n = c.current) == null ? void 0 : n.selectionStart, Y = (d = c.current) == null ? void 0 : d.selectionEnd, b = (f !== Y ? u.slice(0, f) + o + u.slice(Y) : u.slice(0, f) + o + u.slice(f)).slice(0, p);
-    if (b.length > 0 && E && !E.test(b)) return;
-    g.value = b, G(b);
-    let T = Math.min(b.length, p - 1), S = b.length;
-    g.setSelectionRange(T, S), $(T), z(S);
-  }, [p, G, E, u]), be = t.useMemo(() => ({ position: "relative", cursor: i.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [i.disabled]), ce = t.useMemo(() => ({ position: "absolute", inset: 0, width: B.willPushPWMBadge ? `calc(100% + ${B.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: B.willPushPWMBadge ? `inset(0 ${B.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: j, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [B.PWM_BADGE_SPACE_WIDTH, B.willPushPWMBadge, j]), Ee = t.useMemo(() => t.createElement("input", Te(ke({ autoComplete: i.autoComplete || "one-time-code" }, i), { "data-input-otp": !0, "data-input-otp-placeholder-shown": u.length === 0 || void 0, "data-input-otp-mss": k, "data-input-otp-mse": W, inputMode: H, pattern: E == null ? void 0 : E.source, "aria-placeholder": A, style: ce, maxLength: p, value: u, ref: c, onPaste: (e) => {
-    var n;
-    ue(e), (n = i.onPaste) == null || n.call(i, e);
-  }, onChange: oe, onMouseOver: (e) => {
-    var n;
-    ae(!0), (n = i.onMouseOver) == null || n.call(i, e);
-  }, onMouseLeave: (e) => {
-    var n;
-    ae(!1), (n = i.onMouseLeave) == null || n.call(i, e);
-  }, onFocus: (e) => {
-    var n;
-    ie(), (n = i.onFocus) == null || n.call(i, e);
-  }, onBlur: (e) => {
-    var n;
-    K(!1), (n = i.onBlur) == null || n.call(i, e);
-  } })), [oe, ie, ue, H, ce, p, W, k, i, E == null ? void 0 : E.source, u]), Q = t.useMemo(() => ({ slots: Array.from({ length: p }).map((e, n) => {
-    var d;
-    let g = N && k !== null && W !== null && (k === W && n === k || n >= k && n < W), m = u[n] !== void 0 ? u[n] : null, o = u[0] !== void 0 ? null : (d = A == null ? void 0 : A[n]) != null ? d : null;
-    return { char: m, placeholderChar: o, isActive: g, hasFakeCaret: g && m === null };
-  }), isFocused: N, isHovering: !i.disabled && le }), [N, le, p, W, k, i.disabled, u]), we = t.useMemo(() => w ? w(Q) : t.createElement(je.Provider, { value: Q }, I), [I, Q, w]);
-  return t.createElement(t.Fragment, null, h !== null && t.createElement("noscript", null, t.createElement("style", null, h)), t.createElement("div", { ref: q, "data-input-otp-container": !0, style: be, className: P }, we, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, Ee)));
+    Q(true);
+  }, [e]), ct = React.useCallback((t) => {
+    var g, E;
+    let o = l.current;
+    if (!W && (!J.current.isIOS || !t.clipboardData || !o)) return;
+    let d = t.clipboardData.getData("text/plain"), p = W ? W(d) : d;
+    console.log({ _content: d, content: p }), t.preventDefault();
+    let R = (g = l.current) == null ? void 0 : g.selectionStart, c = (E = l.current) == null ? void 0 : E.selectionEnd, v = (R !== c ? i.slice(0, R) + p + i.slice(c) : i.slice(0, R) + p + i.slice(R)).slice(0, e);
+    if (v.length > 0 && m && !m.test(v)) return;
+    o.value = v, x(v);
+    let C = Math.min(v.length, e - 1), _ = v.length;
+    o.setSelectionRange(C, _), L(C), N(_);
+  }, [e, x, m, i]), It = React.useMemo(() => ({ position: "relative", cursor: a.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [a.disabled]), it = React.useMemo(() => ({ position: "absolute", inset: 0, width: O.willPushPWMBadge ? `calc(100% + ${O.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: O.willPushPWMBadge ? `inset(0 ${O.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: u, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [O.PWM_BADGE_SPACE_WIDTH, O.willPushPWMBadge, u]), Mt = React.useMemo(() => React.createElement("input", bt(St({ autoComplete: a.autoComplete || "one-time-code" }, a), { "data-input-otp": true, "data-input-otp-placeholder-shown": i.length === 0 || void 0, "data-input-otp-mss": M, "data-input-otp-mse": k, inputMode: G, pattern: m == null ? void 0 : m.source, "aria-placeholder": D, style: it, maxLength: e, value: i, ref: l, onPaste: (t) => {
+    var o;
+    ct(t), (o = a.onPaste) == null || o.call(a, t);
+  }, onChange: st, onMouseOver: (t) => {
+    var o;
+    rt(true), (o = a.onMouseOver) == null || o.call(a, t);
+  }, onMouseLeave: (t) => {
+    var o;
+    rt(false), (o = a.onMouseLeave) == null || o.call(a, t);
+  }, onFocus: (t) => {
+    var o;
+    at(), (o = a.onFocus) == null || o.call(a, t);
+  }, onBlur: (t) => {
+    var o;
+    Q(false), (o = a.onBlur) == null || o.call(a, t);
+  } })), [st, at, ct, G, it, e, k, M, a, m == null ? void 0 : m.source, i]), tt = React.useMemo(() => ({ slots: Array.from({ length: e }).map((t, o) => {
+    var c;
+    let d = j && M !== null && k !== null && (M === k && o === M || o >= M && o < k), p = i[o] !== void 0 ? i[o] : null, R = i[0] !== void 0 ? null : (c = D == null ? void 0 : D[o]) != null ? c : null;
+    return { char: p, placeholderChar: R, isActive: d, hasFakeCaret: d && p === null };
+  }), isFocused: j, isHovering: !a.disabled && ot }), [j, ot, e, k, M, a.disabled, i]), Ct = React.useMemo(() => f ? f(tt) : React.createElement(jt.Provider, { value: tt }, h), [h, tt, f]);
+  return React.createElement(React.Fragment, null, T !== null && React.createElement("noscript", null, React.createElement("style", null, T)), React.createElement("div", { ref: K, "data-input-otp-container": true, style: It, className: Z }, Ct, React.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, Mt)));
 });
-He.displayName = "Input";
-function V(r, l) {
+Lt.displayName = "Input";
+function $(r, s) {
   try {
-    r.insertRule(l);
-  } catch {
-    console.error("input-otp could not insert CSS rule:", l);
+    r.insertRule(s);
+  } catch (e) {
+    console.error("input-otp could not insert CSS rule:", s);
   }
 }
-var Fe = `
+var Nt = `
 [data-input-otp] {
   --nojs-bg: white !important;
   --nojs-fg: black !important;
@@ -187,11 +193,12 @@ var Fe = `
     --nojs-bg: black !important;
     --nojs-fg: white !important;
   }
-}`, Le = "^\\d+$", Ge = "^[a-zA-Z]+$", Ne = "^[a-zA-Z0-9]+$";
+}`;
+var Kt = "^\\d+$", Jt = "^[a-zA-Z]+$", Qt = "^[a-zA-Z0-9]+$";
 export {
-  He as OTPInput,
-  je as OTPInputContext,
-  Ge as REGEXP_ONLY_CHARS,
-  Le as REGEXP_ONLY_DIGITS,
-  Ne as REGEXP_ONLY_DIGITS_AND_CHARS
+  Lt as OTPInput,
+  jt as OTPInputContext,
+  Jt as REGEXP_ONLY_CHARS,
+  Kt as REGEXP_ONLY_DIGITS,
+  Qt as REGEXP_ONLY_DIGITS_AND_CHARS
 };