@spear-ai/spectral 1.3.60 → 1.3.62

package/dist/InputOTP.js

@@ -1,188 +1,227 @@
 "use client";
 import "./styles/main.css";
-import { jsx as j, jsxs as ge } from "react/jsx-runtime";
-import { useFormFieldId as Be, ErrorMessage as _e, getErrorMessageId as Fe } from "./utils/formFieldUtils.js";
-import { c as he } from "./twUtils-CRiPKpXj.js";
-import * as t from "react";
-import { createContext as He, forwardRef as Q, useContext as fe } from "react";
-import { c as Le } from "./createLucideIcon-CI1yJrZf.js";
-/**
- * @license lucide-react v0.542.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ge = [["path", { d: "M5 12h14", key: "1ays0h" }]], $e = Le("minus", Ge);
-var ze = Object.defineProperty, Ve = Object.defineProperties, qe = Object.getOwnPropertyDescriptors, K = Object.getOwnPropertySymbols, be = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable, ve = (n, r, l) => r in n ? ze(n, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[r] = l, Ze = (n, r) => {
-  for (var l in r || (r = {})) be.call(r, l) && ve(n, l, r[l]);
-  if (K) for (var l of K(r)) we.call(r, l) && ve(n, l, r[l]);
-  return n;
-}, Je = (n, r) => Ve(n, qe(r)), Ke = (n, r) => {
-  var l = {};
-  for (var u in n) be.call(n, u) && r.indexOf(u) < 0 && (l[u] = n[u]);
-  if (n != null && K) for (var u of K(n)) r.indexOf(u) < 0 && we.call(n, u) && (l[u] = n[u]);
-  return l;
+import { jsx as P, jsxs as it } from "react/jsx-runtime";
+import "./Icons/AnnotationsIcon.js";
+import "./Icons/CalendarIcon.js";
+import "./Icons/CheckCircleIcon.js";
+import "./Icons/CheckSquareIcon.js";
+import "./Icons/CheckmarkIcon.js";
+import "./Icons/ChevronDownIcon.js";
+import "./Icons/ChevronUpIcon.js";
+import "./Icons/ClockIcon.js";
+import "./Icons/CloseCircleIcon.js";
+import "./Icons/CloseIcon.js";
+import "./Icons/DashboardIcon.js";
+import "./Icons/DeleteIcon.js";
+import "./Icons/DurationIcon.js";
+import "./Icons/EmailIcon.js";
+import "./Icons/EraserIcon.js";
+import "./Icons/ErrorIcon.js";
+import "./Icons/EyeClosedIcon.js";
+import "./Icons/EyeClosedIcon2.js";
+import "./Icons/EyeOpenIcon.js";
+import "./Icons/GoToFirstIcon.js";
+import "./Icons/GoToLastIcon.js";
+import "./Icons/HarmonicCursorsIcon.js";
+import "./Icons/InfoIcon.js";
+import "./Icons/LabelIcon.js";
+import "./Icons/LassoIcon.js";
+import "./Icons/LineToolIcon.js";
+import "./Icons/LiveViewIcon.js";
+import "./Icons/LoaderIcon.js";
+import "./Icons/LocationIcon.js";
+import "./Icons/LogoutIcon.js";
+import "./Icons/MetadataIcon.js";
+import { MinusIcon as _t } from "./Icons/MinusIcon.js";
+import "./Icons/OntologyIcon.js";
+import "./Icons/PanelIconClose.js";
+import "./Icons/PanelIconOpen.js";
+import "./Icons/PlayIcon.js";
+import "./Icons/PlusIcon.js";
+import "./Icons/ResetIcon.js";
+import "./Icons/ScissorsIcon.js";
+import "./Icons/SettingsIcon.js";
+import "./Icons/TrashIcon.js";
+import "./Icons/UndoIcon.js";
+import "./Icons/UserIcon.js";
+import "./Icons/WarningIcon.js";
+import "./Icons/ZoomAllIcon.js";
+import "./Icons/ZoomXIcon.js";
+import "./Icons/ZoomYIcon.js";
+import { useFormFieldId as Ht, ErrorMessage as Gt, getErrorMessageId as $t } from "./utils/formFieldUtils.js";
+import { c as yt } from "./twUtils-CRiPKpXj.js";
+import * as n from "react";
+import { createContext as Et, forwardRef as et, Fragment as Lt, useContext as Pt } from "react";
+var zt = Object.defineProperty, Vt = Object.defineProperties, qt = Object.getOwnPropertyDescriptors, tt = Object.getOwnPropertySymbols, St = Object.prototype.hasOwnProperty, xt = Object.prototype.propertyIsEnumerable, wt = (t, r, a) => r in t ? zt(t, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[r] = a, Zt = (t, r) => {
+  for (var a in r || (r = {})) St.call(r, a) && wt(t, a, r[a]);
+  if (tt) for (var a of tt(r)) xt.call(r, a) && wt(t, a, r[a]);
+  return t;
+}, Jt = (t, r) => Vt(t, qt(r)), Kt = (t, r) => {
+  var a = {};
+  for (var u in t) St.call(t, u) && r.indexOf(u) < 0 && (a[u] = t[u]);
+  if (t != null && tt) for (var u of tt(t)) r.indexOf(u) < 0 && xt.call(t, u) && (a[u] = t[u]);
+  return a;
 };
-function Qe(n) {
-  let r = setTimeout(n, 0), l = setTimeout(n, 10), u = setTimeout(n, 50);
-  return [r, l, u];
+function Qt(t) {
+  let r = setTimeout(t, 0), a = setTimeout(t, 10), u = setTimeout(t, 50);
+  return [r, a, u];
 }
-function Ue(n) {
-  let r = t.useRef();
-  return t.useEffect(() => {
-    r.current = n;
+function Ut(t) {
+  let r = n.useRef();
+  return n.useEffect(() => {
+    r.current = t;
   }), r.current;
 }
-var Xe = 18, ye = 40, Ye = `${ye}px`, et = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
-function tt({ containerRef: n, inputRef: r, pushPasswordManagerStrategy: l, isFocused: u }) {
-  let [g, s] = t.useState(!1), [C, y] = t.useState(!1), [h, D] = t.useState(!1), I = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && g && C, [g, C, l]), M = t.useCallback(() => {
-    let m = n.current, E = r.current;
-    if (!m || !E || h || l === "none") return;
-    let f = m, x = f.getBoundingClientRect().left + f.offsetWidth, T = f.getBoundingClientRect().top + f.offsetHeight / 2, o = x - Xe, L = T;
-    document.querySelectorAll(et).length === 0 && document.elementFromPoint(o, L) === m || (s(!0), D(!0));
-  }, [n, r, h, l]);
-  return t.useEffect(() => {
-    let m = n.current;
-    if (!m || l === "none") return;
-    function E() {
-      let x = window.innerWidth - m.getBoundingClientRect().right;
-      y(x >= ye);
+var Xt = 18, Ct = 40, Yt = `${Ct}px`, te = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
+function ee({ containerRef: t, inputRef: r, pushPasswordManagerStrategy: a, isFocused: u }) {
+  let [h, s] = n.useState(!1), [w, d] = n.useState(!1), [R, S] = n.useState(!1), D = n.useMemo(() => a === "none" ? !1 : (a === "increase-width" || a === "experimental-no-flickering") && h && w, [h, w, a]), T = n.useCallback(() => {
+    let f = t.current, g = r.current;
+    if (!f || !g || R || a === "none") return;
+    let v = f, x = v.getBoundingClientRect().left + v.offsetWidth, O = v.getBoundingClientRect().top + v.offsetHeight / 2, l = x - Xt, W = O;
+    document.querySelectorAll(te).length === 0 && document.elementFromPoint(l, W) === f || (s(!0), S(!0));
+  }, [t, r, R, a]);
+  return n.useEffect(() => {
+    let f = t.current;
+    if (!f || a === "none") return;
+    function g() {
+      let x = window.innerWidth - f.getBoundingClientRect().right;
+      d(x >= Ct);
     }
-    E();
-    let f = setInterval(E, 1e3);
+    g();
+    let v = setInterval(g, 1e3);
     return () => {
-      clearInterval(f);
+      clearInterval(v);
     };
-  }, [n, l]), t.useEffect(() => {
-    let m = u || document.activeElement === r.current;
-    if (l === "none" || !m) return;
-    let E = setTimeout(M, 0), f = setTimeout(M, 2e3), x = setTimeout(M, 5e3), T = setTimeout(() => {
-      D(!0);
+  }, [t, a]), n.useEffect(() => {
+    let f = u || document.activeElement === r.current;
+    if (a === "none" || !f) return;
+    let g = setTimeout(T, 0), v = setTimeout(T, 2e3), x = setTimeout(T, 5e3), O = setTimeout(() => {
+      S(!0);
     }, 6e3);
     return () => {
-      clearTimeout(E), clearTimeout(f), clearTimeout(x), clearTimeout(T);
+      clearTimeout(g), clearTimeout(v), clearTimeout(x), clearTimeout(O);
     };
-  }, [r, u, l, M]), { hasPWMBadge: g, willPushPWMBadge: I, PWM_BADGE_SPACE_WIDTH: Ye };
+  }, [r, u, a, T]), { hasPWMBadge: h, willPushPWMBadge: D, PWM_BADGE_SPACE_WIDTH: Yt };
 }
-var xe = t.createContext({}), Se = t.forwardRef((n, r) => {
-  var l = n, { value: u, onChange: g, maxLength: s, textAlign: C = "left", pattern: y, placeholder: h, inputMode: D = "numeric", onComplete: I, pushPasswordManagerStrategy: M = "increase-width", pasteTransformer: m, containerClassName: E, noScriptCSSFallback: f = nt, render: x, children: T } = l, o = Ke(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ne, re, ae, le;
-  let [Te, Re] = t.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), c = u ?? Te, A = Ue(c), G = t.useCallback((e) => {
-    g?.(e), Re(e);
-  }, [g]), P = t.useMemo(() => y ? typeof y == "string" ? new RegExp(y) : y : null, [y]), p = t.useRef(null), U = t.useRef(null), X = t.useRef({ value: c, onChange: G, isIOS: typeof window < "u" && ((ne = (L = window?.CSS) == null ? void 0 : L.supports) == null ? void 0 : ne.call(L, "-webkit-touch-callout", "none")) }), Z = t.useRef({ prev: [(re = p.current) == null ? void 0 : re.selectionStart, (ae = p.current) == null ? void 0 : ae.selectionEnd, (le = p.current) == null ? void 0 : le.selectionDirection] });
-  t.useImperativeHandle(r, () => p.current, []), t.useEffect(() => {
-    let e = p.current, a = U.current;
-    if (!e || !a) return;
-    X.current.value !== e.value && X.current.onChange(e.value), Z.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
-    function d() {
+var ne = n.createContext({}), Mt = n.forwardRef((t, r) => {
+  var a = t, { value: u, onChange: h, maxLength: s, textAlign: w = "left", pattern: d, placeholder: R, inputMode: S = "numeric", onComplete: D, pushPasswordManagerStrategy: T = "increase-width", pasteTransformer: f, containerClassName: g, noScriptCSSFallback: v = re, render: x, children: O } = a, l = Kt(a, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), W, Q, U, B, I;
+  let [z, It] = n.useState(typeof l.defaultValue == "string" ? l.defaultValue : ""), c = u ?? z, F = Ut(c), V = n.useCallback((e) => {
+    h?.(e), It(e);
+  }, [h]), M = n.useMemo(() => d ? typeof d == "string" ? new RegExp(d) : d : null, [d]), p = n.useRef(null), nt = n.useRef(null), rt = n.useRef({ value: c, onChange: V, isIOS: typeof window < "u" && ((Q = (W = window?.CSS) == null ? void 0 : W.supports) == null ? void 0 : Q.call(W, "-webkit-touch-callout", "none")) }), X = n.useRef({ prev: [(U = p.current) == null ? void 0 : U.selectionStart, (B = p.current) == null ? void 0 : B.selectionEnd, (I = p.current) == null ? void 0 : I.selectionDirection] });
+  n.useImperativeHandle(r, () => p.current, []), n.useEffect(() => {
+    let e = p.current, o = nt.current;
+    if (!e || !o) return;
+    rt.current.value !== e.value && rt.current.onChange(e.value), X.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
+    function m() {
       if (document.activeElement !== e) {
-        z(null), V(null);
+        Z(null), J(null);
         return;
       }
-      let i = e.selectionStart, v = e.selectionEnd, J = e.selectionDirection, S = e.maxLength, W = e.value, k = Z.current.prev, R = -1, O = -1, B;
-      if (W.length !== 0 && i !== null && v !== null) {
-        let Ae = i === v, Ne = i === W.length && W.length < S;
-        if (Ae && !Ne) {
-          let _ = i;
-          if (_ === 0) R = 0, O = 1, B = "forward";
-          else if (_ === S) R = _ - 1, O = _, B = "backward";
-          else if (S > 1 && W.length > 1) {
-            let te = 0;
+      let i = e.selectionStart, b = e.selectionEnd, Y = e.selectionDirection, C = e.maxLength, _ = e.value, k = X.current.prev, A = -1, j = -1, H;
+      if (_.length !== 0 && i !== null && b !== null) {
+        let Bt = i === b, Ft = i === _.length && _.length < C;
+        if (Bt && !Ft) {
+          let G = i;
+          if (G === 0) A = 0, j = 1, H = "forward";
+          else if (G === C) A = G - 1, j = G, H = "backward";
+          else if (C > 1 && _.length > 1) {
+            let lt = 0;
             if (k[0] !== null && k[1] !== null) {
-              B = _ < k[1] ? "backward" : "forward";
-              let We = k[0] === k[1] && k[0] < S;
-              B === "backward" && !We && (te = -1);
+              H = G < k[1] ? "backward" : "forward";
+              let Nt = k[0] === k[1] && k[0] < C;
+              H === "backward" && !Nt && (lt = -1);
             }
-            R = te + _, O = te + _ + 1;
+            A = lt + G, j = lt + G + 1;
           }
         }
-        R !== -1 && O !== -1 && R !== O && p.current.setSelectionRange(R, O, B);
+        A !== -1 && j !== -1 && A !== j && p.current.setSelectionRange(A, j, H);
       }
-      let de = R !== -1 ? R : i, me = O !== -1 ? O : v, Ie = B ?? J;
-      z(de), V(me), Z.current.prev = [de, me, Ie];
+      let gt = A !== -1 ? A : i, bt = j !== -1 ? j : b, Wt = H ?? Y;
+      Z(gt), J(bt), X.current.prev = [gt, bt, Wt];
     }
-    if (document.addEventListener("selectionchange", d, { capture: !0 }), d(), document.activeElement === e && Y(!0), !document.getElementById("input-otp-style")) {
+    if (document.addEventListener("selectionchange", m, { capture: !0 }), m(), document.activeElement === e && ot(!0), !document.getElementById("input-otp-style")) {
       let i = document.createElement("style");
       if (i.id = "input-otp-style", document.head.appendChild(i), i.sheet) {
-        let v = "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;";
-        q(i.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), q(i.sheet, `[data-input-otp]:autofill { ${v} }`), q(i.sheet, `[data-input-otp]:-webkit-autofill { ${v} }`), q(i.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; } }"), q(i.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+        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;";
+        K(i.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), K(i.sheet, `[data-input-otp]:autofill { ${b} }`), K(i.sheet, `[data-input-otp]:-webkit-autofill { ${b} }`), K(i.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; } }"), K(i.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
       }
     }
-    let b = () => {
-      a && a.style.setProperty("--root-height", `${e.clientHeight}px`);
+    let y = () => {
+      o && o.style.setProperty("--root-height", `${e.clientHeight}px`);
     };
-    b();
-    let w = new ResizeObserver(b);
-    return w.observe(e), () => {
-      document.removeEventListener("selectionchange", d, { capture: !0 }), w.disconnect();
+    y();
+    let E = new ResizeObserver(y);
+    return E.observe(e), () => {
+      document.removeEventListener("selectionchange", m, { capture: !0 }), E.disconnect();
     };
   }, []);
-  let [oe, ie] = t.useState(!1), [$, Y] = t.useState(!1), [N, z] = t.useState(null), [F, V] = t.useState(null);
-  t.useEffect(() => {
-    Qe(() => {
-      var e, a, d, b;
+  let [pt, dt] = n.useState(!1), [q, ot] = n.useState(!1), [N, Z] = n.useState(null), [$, J] = n.useState(null);
+  n.useEffect(() => {
+    Qt(() => {
+      var e, o, m, y;
       (e = p.current) == null || e.dispatchEvent(new Event("input"));
-      let w = (a = p.current) == null ? void 0 : a.selectionStart, i = (d = p.current) == null ? void 0 : d.selectionEnd, v = (b = p.current) == null ? void 0 : b.selectionDirection;
-      w !== null && i !== null && (z(w), V(i), Z.current.prev = [w, i, v]);
+      let E = (o = p.current) == null ? void 0 : o.selectionStart, i = (m = p.current) == null ? void 0 : m.selectionEnd, b = (y = p.current) == null ? void 0 : y.selectionDirection;
+      E !== null && i !== null && (Z(E), J(i), X.current.prev = [E, i, b]);
     });
-  }, [c, $]), t.useEffect(() => {
-    A !== void 0 && c !== A && A.length < s && c.length === s && I?.(c);
-  }, [s, I, A, c]);
-  let H = tt({ containerRef: U, inputRef: p, pushPasswordManagerStrategy: M, isFocused: $ }), ue = t.useCallback((e) => {
-    let a = e.currentTarget.value.slice(0, s);
-    if (a.length > 0 && P && !P.test(a)) {
+  }, [c, q]), n.useEffect(() => {
+    F !== void 0 && c !== F && F.length < s && c.length === s && D?.(c);
+  }, [s, D, F, c]);
+  let L = ee({ containerRef: nt, inputRef: p, pushPasswordManagerStrategy: T, isFocused: q }), mt = n.useCallback((e) => {
+    let o = e.currentTarget.value.slice(0, s);
+    if (o.length > 0 && M && !M.test(o)) {
       e.preventDefault();
       return;
     }
-    typeof A == "string" && a.length < A.length && document.dispatchEvent(new Event("selectionchange")), G(a);
-  }, [s, G, A, P]), se = t.useCallback(() => {
+    typeof F == "string" && o.length < F.length && document.dispatchEvent(new Event("selectionchange")), V(o);
+  }, [s, V, F, M]), ft = n.useCallback(() => {
     var e;
     if (p.current) {
-      let a = Math.min(p.current.value.length, s - 1), d = p.current.value.length;
-      (e = p.current) == null || e.setSelectionRange(a, d), z(a), V(d);
+      let o = Math.min(p.current.value.length, s - 1), m = p.current.value.length;
+      (e = p.current) == null || e.setSelectionRange(o, m), Z(o), J(m);
     }
-    Y(!0);
-  }, [s]), ce = t.useCallback((e) => {
-    var a, d;
-    let b = p.current;
-    if (!m && (!X.current.isIOS || !e.clipboardData || !b)) return;
-    let w = e.clipboardData.getData("text/plain"), i = m ? m(w) : w;
+    ot(!0);
+  }, [s]), vt = n.useCallback((e) => {
+    var o, m;
+    let y = p.current;
+    if (!f && (!rt.current.isIOS || !e.clipboardData || !y)) return;
+    let E = e.clipboardData.getData("text/plain"), i = f ? f(E) : E;
     e.preventDefault();
-    let v = (a = p.current) == null ? void 0 : a.selectionStart, J = (d = p.current) == null ? void 0 : d.selectionEnd, S = (v !== J ? c.slice(0, v) + i + c.slice(J) : c.slice(0, v) + i + c.slice(v)).slice(0, s);
-    if (S.length > 0 && P && !P.test(S)) return;
-    b.value = S, G(S);
-    let W = Math.min(S.length, s - 1), k = S.length;
-    b.setSelectionRange(W, k), z(W), V(k);
-  }, [s, G, P, c]), Oe = t.useMemo(() => ({ position: "relative", cursor: o.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [o.disabled]), pe = t.useMemo(() => ({ position: "absolute", inset: 0, width: H.willPushPWMBadge ? `calc(100% + ${H.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: H.willPushPWMBadge ? `inset(0 ${H.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: C, 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" }), [H.PWM_BADGE_SPACE_WIDTH, H.willPushPWMBadge, C]), je = t.useMemo(() => t.createElement("input", Je(Ze({ autoComplete: o.autoComplete || "one-time-code" }, o), { "data-input-otp": !0, "data-input-otp-placeholder-shown": c.length === 0 || void 0, "data-input-otp-mss": N, "data-input-otp-mse": F, inputMode: D, pattern: P?.source, "aria-placeholder": h, style: pe, maxLength: s, value: c, ref: p, onPaste: (e) => {
-    var a;
-    ce(e), (a = o.onPaste) == null || a.call(o, e);
-  }, onChange: ue, onMouseOver: (e) => {
-    var a;
-    ie(!0), (a = o.onMouseOver) == null || a.call(o, e);
+    let b = (o = p.current) == null ? void 0 : o.selectionStart, Y = (m = p.current) == null ? void 0 : m.selectionEnd, C = (b !== Y ? c.slice(0, b) + i + c.slice(Y) : c.slice(0, b) + i + c.slice(b)).slice(0, s);
+    if (C.length > 0 && M && !M.test(C)) return;
+    y.value = C, V(C);
+    let _ = Math.min(C.length, s - 1), k = C.length;
+    y.setSelectionRange(_, k), Z(_), J(k);
+  }, [s, V, M, c]), At = n.useMemo(() => ({ position: "relative", cursor: l.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [l.disabled]), ht = n.useMemo(() => ({ position: "absolute", inset: 0, width: L.willPushPWMBadge ? `calc(100% + ${L.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: L.willPushPWMBadge ? `inset(0 ${L.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: w, 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" }), [L.PWM_BADGE_SPACE_WIDTH, L.willPushPWMBadge, w]), jt = n.useMemo(() => n.createElement("input", Jt(Zt({ autoComplete: l.autoComplete || "one-time-code" }, l), { "data-input-otp": !0, "data-input-otp-placeholder-shown": c.length === 0 || void 0, "data-input-otp-mss": N, "data-input-otp-mse": $, inputMode: S, pattern: M?.source, "aria-placeholder": R, style: ht, maxLength: s, value: c, ref: p, onPaste: (e) => {
+    var o;
+    vt(e), (o = l.onPaste) == null || o.call(l, e);
+  }, onChange: mt, onMouseOver: (e) => {
+    var o;
+    dt(!0), (o = l.onMouseOver) == null || o.call(l, e);
   }, onMouseLeave: (e) => {
-    var a;
-    ie(!1), (a = o.onMouseLeave) == null || a.call(o, e);
+    var o;
+    dt(!1), (o = l.onMouseLeave) == null || o.call(l, e);
   }, onFocus: (e) => {
-    var a;
-    se(), (a = o.onFocus) == null || a.call(o, e);
+    var o;
+    ft(), (o = l.onFocus) == null || o.call(l, e);
   }, onBlur: (e) => {
-    var a;
-    Y(!1), (a = o.onBlur) == null || a.call(o, e);
-  } })), [ue, se, ce, D, pe, s, F, N, o, P?.source, c]), ee = t.useMemo(() => ({ slots: Array.from({ length: s }).map((e, a) => {
-    var d;
-    let b = $ && N !== null && F !== null && (N === F && a === N || a >= N && a < F), w = c[a] !== void 0 ? c[a] : null, i = c[0] !== void 0 ? null : (d = h?.[a]) != null ? d : null;
-    return { char: w, placeholderChar: i, isActive: b, hasFakeCaret: b && w === null };
-  }), isFocused: $, isHovering: !o.disabled && oe }), [$, oe, s, F, N, o.disabled, c]), De = t.useMemo(() => x ? x(ee) : t.createElement(xe.Provider, { value: ee }, T), [T, ee, x]);
-  return t.createElement(t.Fragment, null, f !== null && t.createElement("noscript", null, t.createElement("style", null, f)), t.createElement("div", { ref: U, "data-input-otp-container": !0, style: Oe, className: E }, De, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
+    var o;
+    ot(!1), (o = l.onBlur) == null || o.call(l, e);
+  } })), [mt, ft, vt, S, ht, s, $, N, l, M?.source, c]), at = n.useMemo(() => ({ slots: Array.from({ length: s }).map((e, o) => {
+    var m;
+    let y = q && N !== null && $ !== null && (N === $ && o === N || o >= N && o < $), E = c[o] !== void 0 ? c[o] : null, i = c[0] !== void 0 ? null : (m = R?.[o]) != null ? m : null;
+    return { char: E, placeholderChar: i, isActive: y, hasFakeCaret: y && E === null };
+  }), isFocused: q, isHovering: !l.disabled && pt }), [q, pt, s, $, N, l.disabled, c]), Dt = n.useMemo(() => x ? x(at) : n.createElement(ne.Provider, { value: at }, O), [O, at, x]);
+  return n.createElement(n.Fragment, null, v !== null && n.createElement("noscript", null, n.createElement("style", null, v)), n.createElement("div", { ref: nt, "data-input-otp-container": !0, style: At, className: g }, Dt, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, jt)));
 });
-Se.displayName = "Input";
-function q(n, r) {
+Mt.displayName = "Input";
+function K(t, r) {
   try {
-    n.insertRule(r);
+    t.insertRule(r);
   } catch {
     console.error("input-otp could not insert CSS rule:", r);
   }
 }
-var nt = `
+var re = `
 [data-input-otp] {
   --nojs-bg: white !important;
   --nojs-fg: black !important;
@@ -202,101 +241,127 @@ var nt = `
     --nojs-fg: white !important;
   }
 }`;
-const Ee = He({}), Pe = Q(
+const kt = Et({}), Rt = Et(null), Tt = () => {
+  const t = Pt(Rt);
+  if (!t)
+    throw new Error("useRoot must be used within an InputOTP");
+  return t;
+}, Ot = et(
   ({
-    className: n,
+    autoFocus: t = !1,
     children: r,
-    id: l,
-    name: u,
-    errorMessage: g,
-    hasError: s,
-    inputMode: C = "numeric",
-    onComplete: y,
-    onChange: h,
-    value: D,
-    autoFocus: I = !1,
-    maxLength: M,
-    ...m
-  }, E) => {
-    const f = Be(l, u), x = (T) => {
-      const o = T.clipboardData.getData("text/plain").trim();
-      o.length === M && typeof h == "function" && (h(""), setTimeout(() => {
-        typeof h == "function" && h(o);
+    className: a,
+    errorMessage: u,
+    hasError: h,
+    id: s,
+    inputMode: w = "numeric",
+    maxLength: d,
+    name: R,
+    onChange: S,
+    onComplete: D,
+    value: T,
+    variant: f = "outlined",
+    groupSize: g,
+    separatorPositions: v,
+    ...x
+  }, O) => {
+    const l = Ht(s, R), W = (B) => {
+      const I = B.clipboardData.getData("text/plain").trim();
+      I.length === d && typeof S == "function" && (S(""), setTimeout(() => {
+        typeof S == "function" && S(I);
       }, 0));
-    };
-    return /* @__PURE__ */ j(Ee.Provider, { value: { hasError: s }, children: /* @__PURE__ */ ge("div", { className: "flex w-max flex-col gap-y-1", children: [
-      /* @__PURE__ */ j(
-        Se,
+    }, Q = v ?? (g ? Array.from({ length: Math.ceil(d / g) - 1 }, (B, I) => (I + 1) * g) : []), U = g !== void 0 || v !== void 0;
+    return /* @__PURE__ */ P(kt.Provider, { value: { hasError: h }, children: /* @__PURE__ */ it("div", { className: "flex w-max flex-col gap-y-1", children: [
+      /* @__PURE__ */ P(
+        Mt,
         {
-          ref: E,
-          value: D,
-          onChange: h,
-          onComplete: y,
-          containerClassName: he(
+          autoFocus: t,
+          containerClassName: yt(
             "flex items-center gap-2 has-[:disabled]:opacity-50 disabled:cursor-not-allowed",
-            n
+            a
           ),
-          maxLength: M,
-          autoFocus: I,
-          id: f,
-          inputMode: C,
-          textAlign: "center",
-          onPaste: x,
-          ...m,
-          "data-testid": "input-otp",
-          pushPasswordManagerStrategy: "none",
           "data-1p-ignore": "true",
+          "data-dashlane-disabled-on-field": "true",
           "data-lpignore": "true",
           "data-protonpass-ignore": "true",
-          "data-dashlane-disabled-on-field": "true",
-          children: r
+          "data-testid": "input-otp",
+          id: l,
+          inputMode: w,
+          maxLength: d,
+          onChange: S,
+          onComplete: D,
+          onPaste: W,
+          pushPasswordManagerStrategy: "none",
+          ref: O,
+          textAlign: "center",
+          value: T,
+          ...x,
+          render: ({ slots: B }) => /* @__PURE__ */ P(Rt.Provider, { value: { slots: B, variant: f }, children: U ? /* @__PURE__ */ P(ut, { children: [...Array(d)].map((I, z) => /* @__PURE__ */ it(Lt, { children: [
+            Q.includes(z) && /* @__PURE__ */ P(ct, {}),
+            /* @__PURE__ */ P(st, { index: z })
+          ] }, z)) }) : r })
         }
       ),
-      s && g && /* @__PURE__ */ j(_e, { id: Fe(f), message: g })
+      h && u && /* @__PURE__ */ P(Gt, { id: $t(l), message: u })
     ] }) });
   }
 );
-Pe.displayName = "InputOTP";
-const Ce = Q(({ ...n }, r) => /* @__PURE__ */ j(
+Ot.displayName = "InputOTP";
+const ut = et(({ ...t }, r) => /* @__PURE__ */ P(
   "div",
   {
     ref: r,
-    className: "flex items-center justify-between gap-x-2 min-[390px]:gap-x-3 md:justify-center md:gap-x-4",
-    ...n,
+    className: "flex items-center justify-between justify-center gap-x-2",
+    ...t,
     "data-testid": "input-otp-group"
   }
 ));
-Ce.displayName = "InputOTP.Group";
-const Me = Q(
-  ({ index: n, ...r }, l) => {
-    const { slots: u } = fe(xe), { hasError: g } = fe(Ee), { char: s, hasFakeCaret: C, isActive: y } = u[n];
-    return /* @__PURE__ */ ge(
+ut.displayName = "InputOTP.Group";
+const st = et(
+  ({ index: t, className: r, ...a }, u) => {
+    const { variant: h = "outlined", slots: s = [] } = Tt(), { hasError: w } = Pt(kt), d = s[t] || { char: "", hasFakeCaret: !0, isActive: !1 };
+    return /* @__PURE__ */ it(
       "div",
       {
-        ref: l,
-        className: he(
-          "relative z-10 flex h-10 w-10 items-center justify-center rounded-[8px] text-sm transition duration-200 focus:outline-none",
-          y && "outline-input-border--focus outline-2 outline-offset-2",
-          g && "border-danger-400 focus-visible:outline-danger-400 border-2"
+        ref: u,
+        className: yt(
+          "relative z-10 flex h-12 w-10 items-center justify-center rounded-[8px] border-1 transition duration-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
+          h === "filled" ? "bg-level-one border-level-one" : "border-input-otp-border bg-transparent",
+          !w && "border",
+          w && "border-danger-400 focus-visible:outline-danger-400 border-2",
+          d.isActive && !w && "outline-input-otp-border--focus z-10 outline-2 outline-offset-2",
+          d.isActive && w && "outline-danger-400 outline-2 outline-offset-2",
+          r
         ),
-        ...r,
+        "data-index": t,
         "data-testid": "input-otp-slot",
+        "data-variant": h,
+        ...a,
         children: [
-          s,
-          C && /* @__PURE__ */ j("div", { className: "animate-caret-blink pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ j("div", { className: "bg-concrete h-8 w-px" }) })
+          d.char,
+          d.hasFakeCaret && /* @__PURE__ */ P("div", { className: "animate-caret-blink pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ P("div", { className: "bg-input-otp-caret h-8 w-px" }) })
         ]
       }
     );
   }
 );
-Me.displayName = "InputOTP.Slot";
-const ke = Q(({ ...n }, r) => /* @__PURE__ */ j("div", { ref: r, role: "separator", ...n, "data-testid": "input-otp-separator", children: /* @__PURE__ */ j($e, { className: "text-input-text-placeholder" }) }));
-ke.displayName = "InputOTP.Separator";
-const ut = Object.assign(Pe, {
-  Group: Ce,
-  Slot: Me,
-  Separator: ke
+st.displayName = "InputOTP.Slot";
+const ct = et(({ ...t }, r) => {
+  const { variant: a = "outlined" } = Tt();
+  return /* @__PURE__ */ P("div", { ref: r, role: "separator", ...t, "data-testid": "input-otp-separator", "data-variant": a, children: /* @__PURE__ */ P(
+    _t,
+    {
+      size: 24,
+      color: a === "filled" ? "var(--color-input-otp-filled-separator)" : "var(--color-input-otp-border)"
+    }
+  ) });
+});
+ct.displayName = "InputOTP.Separator";
+const en = Object.assign(Ot, {
+  Group: ut,
+  Slot: st,
+  Separator: ct
 });
 export {
-  ut as InputOTP
+  en as InputOTP
 };

package/dist/components/Avatar/Avatar.d.ts

@@ -1,2 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+type AvatarSize = 'small' | 'medium' | 'large';
+export interface AvatarProps {
+    userFullName?: string;
+    imageSource?: string;
+    icon?: ReactElement;
+    fallback?: ReactNode;
+    size?: AvatarSize;
+    className?: string;
+    alt?: string;
+}
+export declare const Avatar: ({ userFullName, imageSource, icon, fallback, size, className, alt }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAEd,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE9C,MAAM,WAAW,WAAW;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAgCD,eAAO,MAAM,MAAM,GAAI,qEAAgF,WAAW,4CAyGjH,CAAA"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { CheckboxBase } from './CheckboxBase';
+import { ComponentPropsWithoutRef } from 'react';
+export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxBase>, 'onCheckedChange'> {
+    checked?: boolean | 'indeterminate';
+    disabled?: boolean;
+    id: string;
+    labelText: string;
+    name?: string;
+    onCheckedChange: (value: boolean | 'indeterminate') => void;
+    required?: boolean;
+    value?: string;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAGhE,OAAO,EAAE,KAAK,wBAAwB,EAAiC,MAAM,OAAO,CAAA;AAEpF,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAC3G,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,6GAyCpB,CAAA"}