prometeo-design-system 2.8.5 → 2.8.7

package/dist/InputMultiple.es.js

@@ -1,263 +0,0 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { a as Z, I as T, E as ee } from "./Icons-DtFC5DJ7.js";
-import { c as d } from "./cn-B6yFEsav.js";
-import M, { useRef as _, useState as x, useCallback as te, useEffect as re } from "react";
-const se = ({ label: S, name: D, onChange: f, value: a, icon: C, valueSeparator: w = ",", variant: y = "default", placeholder: K, itemClassName: U, itemIcon: V, helperText: j, errorText: N, disabled: l, onClick: F, className: $, readonly: h, onValueDelete: B, ...O }) => {
-  const o = _(null), E = _(null), [u, n] = x(""), [z, i] = x(0), [q, c] = x(!0), [v, P] = x(!1), [m, p] = x(!1), [k, I] = x(null), g = (e) => {
-    if (h || !e) return;
-    const t = e.selectionStart ?? u.length;
-    i(t);
-  }, A = (e) => {
-    if (h) return;
-    if (e.target.value[e.target.value.length - 1] === w && u.length > 0) {
-      const s = u.trim();
-      if (m) {
-        s.length > 0 ? (n(s), b()) : (p(!1), n(""), c(!0), i(0));
-        return;
-      }
-      if (s.length === 0 || a.includes(s)) {
-        n(""), c(!0), g(e.target);
-        return;
-      }
-      f([...a, s]), n(""), c(!0);
-    } else {
-      if (e.target.value === w) return;
-      n(e.target.value), c(!1);
-    }
-    g(e.target);
-  }, b = te(() => {
-    const e = u.trim();
-    if (e.length === 0) {
-      p(!1), n(""), c(!0), i(0), I(null);
-      return;
-    }
-    p(!1), k !== null && f(Q(a.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), I(null);
-  }, [k, u, f, a]), G = (e) => {
-    if (!h) {
-      if (e.key === "Backspace" && u.length === 0) {
-        if (q) {
-          const t = a[a.length - 1];
-          t && (f(a.filter((s) => s !== t)), n(t), i(t.length));
-        } else
-          c(!0);
-        return;
-      }
-      if (e.key === "Enter") {
-        const t = u.trim();
-        if (m) {
-          t.length > 0 ? (n(t), b()) : (p(!1), n(""), c(!0), i(0));
-          return;
-        }
-        t.length > 0 && !a.includes(t) && t !== w && (f([...a, t]), n(""), c(!0), i(0));
-      }
-      e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), I(null)), g(e.currentTarget);
-    }
-  }, H = (e) => {
-    const t = a.filter((s) => s !== e);
-    f(t), B?.(e);
-  }, J = (e) => {
-    h || (L(e), p(!0), n(e), i(e.length), I(a.length - 1), o.current?.focus());
-  }, L = (e) => {
-    const t = a.filter((s) => s !== e);
-    f([...t, e]);
-  }, Q = (e) => e.filter((t, s, Y) => Y.indexOf(t) === s);
-  re(() => {
-    o.current && (o.current.onfocus = () => {
-      P(!0);
-    }, o.current.onblur = () => {
-      P(!1), m && b();
-    }), E.current && (E.current.onblur = () => {
-      m && b();
-    });
-  }, [m, b]);
-  const W = {
-    isFocused: {
-      error: "border-error-default-focused ring-error-default-focused",
-      success: "border-success-default-focused ring-success-default-focused",
-      warning: "border-warning-default-focused ring-warning-default-focused",
-      default: "border-primary-default-focused ring-primary-default-focused"
-    },
-    default: {
-      error: "border-error-default-default hover:border-error-default-hover",
-      success: "border-success-default-default hover:border-success-default-hover",
-      warning: "border-warning-default-default hover:border-warning-default-hover",
-      default: "border-neutral-default-default hover:border-primary-default-hover"
-    },
-    disabled: {
-      error: "border-error-default-disabled",
-      success: "border-success-default-disabled",
-      warning: "border-warning-default-disabled",
-      default: "border-neutral-default-disabled"
-    }
-  }, X = {
-    default: {
-      default: "text-neutral-default-default",
-      isFocused: "text-neutral-default-focused",
-      disabled: "text-neutral-default-disabled"
-    },
-    error: {
-      default: "text-error-medium-default",
-      isFocused: "text-error-medium-focused",
-      disabled: "text-error-medium-disabled"
-    },
-    success: {
-      default: "text-success-medium-default",
-      isFocused: "text-success-medium-focused",
-      disabled: "text-success-medium-disabled"
-    },
-    warning: {
-      default: "text-warning-default-default",
-      isFocused: "text-warning-default-focused",
-      disabled: "text-warning-default-disabled"
-    }
-  }, R = l ? "disabled" : v ? "isFocused" : "default";
-  return /* @__PURE__ */ r.jsxs("div", { className: d(
-    "relative w-full",
-    $
-  ), children: [
-    /* @__PURE__ */ r.jsx("p", { className: d(
-      "mb-1 px-3",
-      "prometeo-fonts-label-large",
-      X?.[y || "default"]?.[R]
-    ), children: S }),
-    /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ r.jsx(
-        "input",
-        {
-          ref: o,
-          value: u,
-          onKeyUp: G,
-          onChange: A,
-          onClick: (e) => g(e.currentTarget),
-          onSelect: (e) => g(e.currentTarget),
-          name: D,
-          disabled: l,
-          className: d(
-            "absolute inset-0 w-full h-full",
-            "opacity-0 cursor-text z-10",
-            "bg-transparent border-none outline-none",
-            "pointer-events-none"
-          ),
-          autoComplete: "off",
-          autoCorrect: "off",
-          autoCapitalize: "off",
-          spellCheck: "false",
-          inputMode: "text",
-          ...O
-        }
-      ),
-      /* @__PURE__ */ r.jsxs(
-        "div",
-        {
-          ref: E,
-          className: d(
-            "border border-neutral-default-default rounded-md p-3",
-            "flex flex-wrap gap-1 min-h-[58px]",
-            "transition-all duration-300 ease-in-out",
-            "cursor-text",
-            W[R][y],
-            v ? "ring-[1px]" : "",
-            // 'hover:border-primary-default-hover',
-            l && "hover:border-neutral-default-disabled"
-          ),
-          onMouseDown: (e) => {
-            e.stopPropagation(), F?.(e), o.current?.focus();
-            const t = u.length;
-            o.current && (o.current.selectionStart = t, o.current.selectionEnd = t), i(t);
-          },
-          onClick: (e) => {
-            e.stopPropagation(), o.current?.focus(), F?.(e);
-          },
-          children: [
-            C && /* @__PURE__ */ r.jsx("div", { className: d(
-              "flex items-center text-neutral-default-default",
-              l && "text-neutral-default-disabled"
-            ), children: C }),
-            a.map((e, t) => /* @__PURE__ */ r.jsxs(
-              "div",
-              {
-                className: d(
-                  "h-8 max-h-8 rounded-lg bg-primary-light-default border border-neutral-default-default",
-                  "flex items-center gap-2 px-2",
-                  "prometeo-fonts-label-medium z-20",
-                  t === a.length - 1 && m ? "opacity-0 hidden  overflow-hidden" : "",
-                  l && "border-neutral-default-disabled text-neutral-default-disabled",
-                  U
-                ),
-                children: [
-                  V && /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: M.createElement(
-                    V,
-                    {
-                      size: 16,
-                      className: d(
-                        "text-neutral-default-default",
-                        l && "text-neutral-default-disabled"
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ r.jsx(
-                    "span",
-                    {
-                      onClick: (s) => {
-                        s.stopPropagation(), !l && J(e);
-                      },
-                      className: d(
-                        "cursor-pointer hover:text-neutral-default-hover",
-                        l && "cursor-default hover:text-neutral-default-disabled"
-                      ),
-                      children: e
-                    }
-                  ),
-                  /* @__PURE__ */ r.jsx(
-                    "div",
-                    {
-                      onClick: (s) => {
-                        s.stopPropagation(), !l && H(e);
-                      },
-                      className: d(
-                        "cursor-pointer hover:scale-105 transition-all duration-200 ",
-                        l && " cursor-default hover:scale-100 "
-                      ),
-                      children: /* @__PURE__ */ r.jsx(
-                        Z,
-                        {
-                          size: 16,
-                          className: d(
-                            "text-neutral-default-default hover:text-neutral-default-hover transition-all duration-200",
-                            l && "text-neutral-default-disabled hover:text-neutral-default-disabled"
-                          )
-                        }
-                      )
-                    }
-                  )
-                ]
-              },
-              e
-            )),
-            v && !h && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center min-w-[2px]", children: [
-              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap wrap-break-word", children: u.slice(0, z) }),
-              /* @__PURE__ */ r.jsx("span", { className: "animate-[cursor-intermitent_1s_ease-in-out_infinite] bg-neutral-default-pressed w-[2px] h-5 inline-block align-middle mx-px z-20" }),
-              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap wrap-break-word", children: u.slice(z) })
-            ] }),
-            a.length === 0 && !v && /* @__PURE__ */ r.jsx("span", { className: d(
-              "text-neutral-medium-default self-center",
-              l && "text-neutral-default-disabled"
-            ), children: K || `Escribe los valores separados por ${w}` })
-          ]
-        }
-      )
-    ] }),
-    j && y !== "error" && !l && (typeof j == "string" ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-neutral-medium-default ml-3 mt-1 flex items-center gap-1", children: [
-      /* @__PURE__ */ r.jsx(T, { size: 16, className: "text-neutral-medium-default" }),
-      j
-    ] }) : /* @__PURE__ */ r.jsx("div", { className: "ml-3", children: j })),
-    N && typeof N == "string" && !l ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-error-default-default ml-3 mt-1 flex items-center gap-1", children: [
-      /* @__PURE__ */ r.jsx(ee, { size: 16, className: "text-error-default-default" }),
-      N
-    ] }) : N
-  ] });
-}, de = M.memo(se);
-export {
-  de as InputMultiple,
-  de as default
-};

package/dist/LayoutGeneric-CbaoatQB.js

@@ -1,26 +0,0 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
-import { useRef as o, createContext as c, useContext as l, memo as d } from "react";
-const a = c(null), x = ({ children: e }) => {
-  const r = o(null), s = o(null), u = (t) => {
-    t.current && r && (r.current = t.current);
-  }, i = (t) => {
-    t.current && s && (s.current = t.current);
-  };
-  return /* @__PURE__ */ n.jsx(a.Provider, { value: { primarySidebarRef: r, registerPrimarySidebar: u, tabBarRef: s, registerTabBar: i }, children: e });
-}, S = () => {
-  const e = l(a);
-  if (!e)
-    throw new Error("useSidebarContext must be used within a SidebarProvider");
-  return e;
-}, f = ({
-  children: e,
-  sidebar: r
-}) => /* @__PURE__ */ n.jsxs("div", { className: "flex h-screen w-full bg-neutral-default-default", children: [
-  /* @__PURE__ */ n.jsx(x, { children: r }),
-  /* @__PURE__ */ n.jsx("main", { className: "w-full h-full overflow-y-auto", children: e })
-] }), h = d(f);
-export {
-  h as L,
-  x as S,
-  S as u
-};

package/dist/LayoutGeneric.es.js

@@ -1,4 +0,0 @@
-import { L as f } from "./LayoutGeneric-CbaoatQB.js";
-export {
-  f as default
-};

package/dist/Logo.es.js

@@ -1,9 +0,0 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { T as t } from "./Icons-DtFC5DJ7.js";
-const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-linear-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
-  /* @__PURE__ */ e.jsx(t, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),
-  /* @__PURE__ */ e.jsx("span", { className: "font-bold text-[28px] text-primary-medium-pressed font-monserra -tracking-wide text-logo", children: "TICKETS" })
-] });
-export {
-  s as default
-};

package/dist/OtpInput.es.js

@@ -1,301 +0,0 @@
-import { j as p } from "./jsx-runtime-DKDX3adD.js";
-import { C as Re, E as De } from "./Icons-DtFC5DJ7.js";
-import { c as $ } from "./cn-B6yFEsav.js";
-import * as n from "react";
-import ge, { memo as Oe } from "react";
-var Te = Object.defineProperty, We = Object.defineProperties, Ae = Object.getOwnPropertyDescriptors, ee = Object.getOwnPropertySymbols, be = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable, xe = (t, a, r) => a in t ? Te(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, Be = (t, a) => {
-  for (var r in a || (a = {})) be.call(a, r) && xe(t, r, a[r]);
-  if (ee) for (var r of ee(a)) we.call(a, r) && xe(t, r, a[r]);
-  return t;
-}, _e = (t, a) => We(t, Ae(a)), Ie = (t, a) => {
-  var r = {};
-  for (var u in t) be.call(t, u) && a.indexOf(u) < 0 && (r[u] = t[u]);
-  if (t != null && ee) for (var u of ee(t)) a.indexOf(u) < 0 && we.call(t, u) && (r[u] = t[u]);
-  return r;
-};
-function Fe(t) {
-  let a = setTimeout(t, 0), r = setTimeout(t, 10), u = setTimeout(t, 50);
-  return [a, r, u];
-}
-function He(t) {
-  let a = n.useRef();
-  return n.useEffect(() => {
-    a.current = t;
-  }), a.current;
-}
-var Le = 18, ye = 40, $e = `${ye}px`, ze = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
-function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFocused: u }) {
-  let [M, d] = n.useState(!1), [D, k] = n.useState(!1), [O, B] = n.useState(!1), _ = n.useMemo(() => r === "none" ? !1 : (r === "increase-width" || r === "experimental-no-flickering") && M && D, [M, D, r]), x = n.useCallback(() => {
-    let f = t.current, v = a.current;
-    if (!f || !v || O || r === "none") return;
-    let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - Le, C = w;
-    document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, C) === f || (d(!0), B(!0));
-  }, [t, a, O, r]);
-  return n.useEffect(() => {
-    let f = t.current;
-    if (!f || r === "none") return;
-    function v() {
-      let b = window.innerWidth - f.getBoundingClientRect().right;
-      k(b >= ye);
-    }
-    v();
-    let m = setInterval(v, 1e3);
-    return () => {
-      clearInterval(m);
-    };
-  }, [t, r]), n.useEffect(() => {
-    let f = u || document.activeElement === a.current;
-    if (r === "none" || !f) return;
-    let v = setTimeout(x, 0), m = setTimeout(x, 2e3), b = setTimeout(x, 5e3), w = setTimeout(() => {
-      B(!0);
-    }, 6e3);
-    return () => {
-      clearTimeout(v), clearTimeout(m), clearTimeout(b), clearTimeout(w);
-    };
-  }, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: _, PWM_BADGE_SPACE_WIDTH: $e };
-}
-var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
-  var r = t, { value: u, onChange: M, maxLength: d, textAlign: D = "left", pattern: k, placeholder: O, inputMode: B = "numeric", onComplete: _, pushPasswordManagerStrategy: x = "increase-width", pasteTransformer: f, containerClassName: v, noScriptCSSFallback: m = qe, render: b, children: w } = r, o = Ie(r, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), C, N, U, T, V;
-  let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), s = u ?? te, E = He(s), q = n.useCallback((e) => {
-    M?.(e), ne(e);
-  }, [M]), P = n.useMemo(() => k ? typeof k == "string" ? new RegExp(k) : k : null, [k]), c = n.useRef(null), le = n.useRef(null), ae = n.useRef({ value: s, onChange: q, isIOS: typeof window < "u" && ((N = (C = window?.CSS) == null ? void 0 : C.supports) == null ? void 0 : N.call(C, "-webkit-touch-callout", "none")) }), X = n.useRef({ prev: [(U = c.current) == null ? void 0 : U.selectionStart, (T = c.current) == null ? void 0 : T.selectionEnd, (V = c.current) == null ? void 0 : V.selectionDirection] });
-  n.useImperativeHandle(a, () => c.current, []), n.useEffect(() => {
-    let e = c.current, l = le.current;
-    if (!e || !l) return;
-    ae.current.value !== e.value && ae.current.onChange(e.value), X.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
-    function h() {
-      if (document.activeElement !== e) {
-        J(null), K(null);
-        return;
-      }
-      let i = e.selectionStart, g = e.selectionEnd, Y = e.selectionDirection, j = e.maxLength, F = e.value, R = X.current.prev, W = -1, A = -1, H;
-      if (F.length !== 0 && i !== null && g !== null) {
-        let Me = i === g, ke = i === F.length && F.length < j;
-        if (Me && !ke) {
-          let L = i;
-          if (L === 0) W = 0, A = 1, H = "forward";
-          else if (L === j) W = L - 1, A = L, H = "backward";
-          else if (j > 1 && F.length > 1) {
-            let se = 0;
-            if (R[0] !== null && R[1] !== null) {
-              H = L < R[1] ? "backward" : "forward";
-              let Ne = R[0] === R[1] && R[0] < j;
-              H === "backward" && !Ne && (se = -1);
-            }
-            W = se + L, A = se + L + 1;
-          }
-        }
-        W !== -1 && A !== -1 && W !== A && c.current.setSelectionRange(W, A, H);
-      }
-      let he = W !== -1 ? W : i, ve = A !== -1 ? A : g, Pe = H ?? Y;
-      J(he), K(ve), X.current.prev = [he, ve, Pe];
-    }
-    if (document.addEventListener("selectionchange", h, { capture: !0 }), h(), document.activeElement === e && re(!0), !document.getElementById("input-otp-style")) {
-      let i = document.createElement("style");
-      if (i.id = "input-otp-style", document.head.appendChild(i), i.sheet) {
-        let g = "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 { ${g} }`), Q(i.sheet, `[data-input-otp]:-webkit-autofill { ${g} }`), 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 y = () => {
-      l && l.style.setProperty("--root-height", `${e.clientHeight}px`);
-    };
-    y();
-    let S = new ResizeObserver(y);
-    return S.observe(e), () => {
-      document.removeEventListener("selectionchange", h, { capture: !0 }), S.disconnect();
-    };
-  }, []);
-  let [ue, ce] = n.useState(!1), [Z, re] = n.useState(!1), [I, J] = n.useState(null), [z, K] = n.useState(null);
-  n.useEffect(() => {
-    Fe(() => {
-      var e, l, h, y;
-      (e = c.current) == null || e.dispatchEvent(new Event("input"));
-      let S = (l = c.current) == null ? void 0 : l.selectionStart, i = (h = c.current) == null ? void 0 : h.selectionEnd, g = (y = c.current) == null ? void 0 : y.selectionDirection;
-      S !== null && i !== null && (J(S), K(i), X.current.prev = [S, i, g]);
-    });
-  }, [s, Z]), n.useEffect(() => {
-    E !== void 0 && s !== E && E.length < d && s.length === d && _?.(s);
-  }, [d, _, E, s]);
-  let G = Ge({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
-    let l = e.currentTarget.value.slice(0, d);
-    if (l.length > 0 && P && !P.test(l)) {
-      e.preventDefault();
-      return;
-    }
-    typeof E == "string" && l.length < E.length && document.dispatchEvent(new Event("selectionchange")), q(l);
-  }, [d, q, E, P]), fe = n.useCallback(() => {
-    var e;
-    if (c.current) {
-      let l = Math.min(c.current.value.length, d - 1), h = c.current.value.length;
-      (e = c.current) == null || e.setSelectionRange(l, h), J(l), K(h);
-    }
-    re(!0);
-  }, [d]), pe = n.useCallback((e) => {
-    var l, h;
-    let y = c.current;
-    if (!f && (!ae.current.isIOS || !e.clipboardData || !y)) return;
-    let S = e.clipboardData.getData("text/plain"), i = f ? f(S) : S;
-    e.preventDefault();
-    let g = (l = c.current) == null ? void 0 : l.selectionStart, Y = (h = c.current) == null ? void 0 : h.selectionEnd, j = (g !== Y ? s.slice(0, g) + i + s.slice(Y) : s.slice(0, g) + i + s.slice(g)).slice(0, d);
-    if (j.length > 0 && P && !P.test(j)) return;
-    y.value = j, q(j);
-    let F = Math.min(j.length, d - 1), R = j.length;
-    y.setSelectionRange(F, R), J(F), K(R);
-  }, [d, q, P, s]), Ee = n.useMemo(() => ({ position: "relative", cursor: o.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [o.disabled]), me = n.useMemo(() => ({ position: "absolute", inset: 0, width: G.willPushPWMBadge ? `calc(100% + ${G.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: G.willPushPWMBadge ? `inset(0 ${G.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: D, 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" }), [G.PWM_BADGE_SPACE_WIDTH, G.willPushPWMBadge, D]), je = n.useMemo(() => n.createElement("input", _e(Be({ autoComplete: o.autoComplete || "one-time-code" }, o), { "data-input-otp": !0, "data-input-otp-placeholder-shown": s.length === 0 || void 0, "data-input-otp-mss": I, "data-input-otp-mse": z, inputMode: B, pattern: P?.source, "aria-placeholder": O, style: me, maxLength: d, value: s, ref: c, onPaste: (e) => {
-    var l;
-    pe(e), (l = o.onPaste) == null || l.call(o, e);
-  }, onChange: de, onMouseOver: (e) => {
-    var l;
-    ce(!0), (l = o.onMouseOver) == null || l.call(o, e);
-  }, onMouseLeave: (e) => {
-    var l;
-    ce(!1), (l = o.onMouseLeave) == null || l.call(o, e);
-  }, onFocus: (e) => {
-    var l;
-    fe(), (l = o.onFocus) == null || l.call(o, e);
-  }, onBlur: (e) => {
-    var l;
-    re(!1), (l = o.onBlur) == null || l.call(o, e);
-  } })), [de, fe, pe, B, me, d, z, I, o, P?.source, s]), oe = n.useMemo(() => ({ slots: Array.from({ length: d }).map((e, l) => {
-    var h;
-    let y = Z && I !== null && z !== null && (I === z && l === I || l >= I && l < z), S = s[l] !== void 0 ? s[l] : null, i = s[0] !== void 0 ? null : (h = O?.[l]) != null ? h : null;
-    return { char: S, placeholderChar: i, isActive: y, hasFakeCaret: y && S === null };
-  }), isFocused: Z, isHovering: !o.disabled && ue }), [Z, ue, d, z, I, o.disabled, s]), Ce = n.useMemo(() => b ? b(oe) : n.createElement(Ve.Provider, { value: oe }, w), [w, oe, b]);
-  return n.createElement(n.Fragment, null, m !== null && n.createElement("noscript", null, n.createElement("style", null, m)), n.createElement("div", { ref: le, "data-input-otp-container": !0, style: Ee, className: v }, Ce, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
-});
-Se.displayName = "Input";
-function Q(t, a) {
-  try {
-    t.insertRule(a);
-  } catch {
-    console.error("input-otp could not insert CSS rule:", a);
-  }
-}
-var qe = `
-[data-input-otp] {
-  --nojs-bg: white !important;
-  --nojs-fg: black !important;
-
-  background-color: var(--nojs-bg) !important;
-  color: var(--nojs-fg) !important;
-  caret-color: var(--nojs-fg) !important;
-  letter-spacing: .25em !important;
-  text-align: center !important;
-  border: 1px solid var(--nojs-fg) !important;
-  border-radius: 4px !important;
-  width: 100% !important;
-}
-@media (prefers-color-scheme: dark) {
-  [data-input-otp] {
-    --nojs-bg: black !important;
-    --nojs-fg: white !important;
-  }
-}`;
-const Ze = ({
-  value: t = "",
-  name: a,
-  onChange: r,
-  onComplete: u,
-  onBlur: M,
-  maxLength: d = 6,
-  placeholder: D = "•",
-  disabled: k = !1,
-  className: O,
-  autoFocus: B = !1,
-  pasteTransformer: _,
-  errorComponent: x,
-  hasError: f,
-  helperComponent: v,
-  helperAlignment: m = "left",
-  slotClassName: b,
-  variant: w = "default",
-  hideSlotsMiddleSeparator: o = !1
-}) => {
-  const C = m === "left" ? "justify-start w-full text-left" : m === "center" ? "justify-center" : "justify-end text-right w-full", N = {
-    default: {
-      text: "text-neutral-default-default",
-      icon: null
-    },
-    error: {
-      text: "text-error-default-default",
-      icon: /* @__PURE__ */ p.jsx(De, { size: 18, className: "text-error-default-default" })
-    },
-    success: {
-      text: "text-success-default-default",
-      icon: /* @__PURE__ */ p.jsx(Re, { size: 18, className: "text-success-default-default" })
-    }
-  }, U = (T) => {
-    r?.(T, a);
-  };
-  return /* @__PURE__ */ p.jsx(
-    Se,
-    {
-      value: t,
-      name: a,
-      autoFocus: B,
-      onChange: U,
-      onComplete: u,
-      onBlur: M,
-      maxLength: d,
-      disabled: k,
-      pasteTransformer: _,
-      spellCheck: !1,
-      containerClassName: $("group flex items-center has-[:disabled]:opacity-30 w-max justify-center", O),
-      render: ({ slots: T }) => {
-        const V = Math.floor(T.length / 2), te = T.slice(0, V), ne = T.slice(V);
-        return /* @__PURE__ */ p.jsxs("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ p.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ p.jsx("div", { className: "flex", children: te.map((s, E) => /* @__PURE__ */ p.jsx(ie, { ...s, placeholder: D, hasError: f, className: b, variant: w }, E)) }),
-            /* @__PURE__ */ p.jsx("hr", { className: $("w-2 h-1 mx-2 border-neutral-default-default", o && "hidden") }),
-            /* @__PURE__ */ p.jsx("div", { className: "flex", children: ne.map((s, E) => /* @__PURE__ */ p.jsx(ie, { ...s, placeholder: D, hasError: f, variant: w, className: b }, E)) })
-          ] }),
-          f && x && (typeof x == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-error-default-default text-xs mt-1 flex items-center gap-1", C, N.error.text), children: [
-            N.error.icon,
-            x
-          ] }) : ge.cloneElement(x, { className: $(
-            "text-error-default-default text-xs mt-1",
-            C,
-            N.error.text,
-            x?.props?.className
-          ) })),
-          v && m && (typeof v == "string" ? /* @__PURE__ */ p.jsxs("span", { className: $("text-neutral-medium-default text-xs mt-1 flex items-center gap-1", N[w].text, C), children: [
-            N[w].icon,
-            v
-          ] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", C, N[w].text, v?.props?.className) }))
-        ] });
-      }
-    }
-  );
-};
-Ze.displayName = "OtpInput";
-const Je = (t) => {
-  const a = {
-    default: "border-neutral-default-default",
-    error: "border-error-default-default",
-    success: "border-success-default-default"
-  };
-  return /* @__PURE__ */ p.jsxs(
-    "div",
-    {
-      className: $(
-        "relative w-12 h-12 md:w-14 md:h-14 text-[1rem] md:text-[1.2rem] text-white",
-        "flex items-center justify-center",
-        "transition-all duration-300",
-        "border-2 border-neutral-default-default rounded-md mx-1",
-        { "border-2 border-primary-default-default": t.isActive },
-        a[t.variant || "default"],
-        t.className,
-        t.hasError && a.error
-      ),
-      children: [
-        /* @__PURE__ */ p.jsx("div", { className: "group-has-[input[data-input-otp-placeholder-shown]]:opacity-20", children: t.char ?? t.placeholder }),
-        t.hasFakeCaret && /* @__PURE__ */ p.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ p.jsx("div", { className: "w-3 h-1 rounded-full bg-neutral-default-default animate-pulse" }) })
-      ]
-    }
-  );
-}, ie = Oe(Je);
-ie.displayName = "Slot";
-export {
-  Ze as default
-};