prometeo-design-system 2.7.8 → 2.8.1

package/dist/OtpInput.es.js

@@ -1,42 +1,42 @@
 import { j as p } from "./jsx-runtime-DKDX3adD.js";
-import { Check as Re, Error as De } from "./Icons.es.js";
+import { I as ge } from "./Icons-ChYkaR8R.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]);
+import xe, { memo as De } from "react";
+var Oe = Object.defineProperty, Te = Object.defineProperties, We = Object.getOwnPropertyDescriptors, ee = Object.getOwnPropertySymbols, we = Object.prototype.hasOwnProperty, ye = Object.prototype.propertyIsEnumerable, be = (t, a, r) => a in t ? Oe(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, Ae = (t, a) => {
+  for (var r in a || (a = {})) we.call(a, r) && be(t, r, a[r]);
+  if (ee) for (var r of ee(a)) ye.call(a, r) && be(t, r, a[r]);
   return t;
-}, _e = (t, a) => We(t, Ae(a)), Ie = (t, a) => {
+}, Be = (t, a) => Te(t, We(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]);
+  for (var u in t) we.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 && ye.call(t, u) && (r[u] = t[u]);
   return r;
 };
-function Fe(t) {
+function _e(t) {
   let a = setTimeout(t, 0), r = setTimeout(t, 10), u = setTimeout(t, 50);
   return [a, r, u];
 }
-function He(t) {
+function Fe(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(() => {
+var He = 18, Se = 40, Le = `${Se}px`, $e = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
+function ze({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFocused: u }) {
+  let [M, d] = n.useState(!1), [D, k] = n.useState(!1), [O, B] = n.useState(!1), I = 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, P = w;
-    document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, P) === f || (d(!0), B(!0));
+    let m = f, b = m.getBoundingClientRect().left + m.offsetWidth, w = m.getBoundingClientRect().top + m.offsetHeight / 2, o = b - He, P = w;
+    document.querySelectorAll($e).length === 0 && document.elementFromPoint(o, P) === 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);
+      k(b >= Se);
     }
     v();
     let m = setInterval(v, 1e3);
@@ -52,13 +52,13 @@ function Ge({ containerRef: t, inputRef: a, pushPasswordManagerStrategy: r, isFo
     return () => {
       clearTimeout(v), clearTimeout(m), clearTimeout(b), clearTimeout(w);
     };
-  }, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: _, PWM_BADGE_SPACE_WIDTH: $e };
+  }, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: I, PWM_BADGE_SPACE_WIDTH: Le };
 }
-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"]), P, N, U, T, V;
-  let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), i = u ?? te, E = He(i), q = n.useCallback((e) => {
+var Ge = n.createContext({}), Ee = n.forwardRef((t, a) => {
+  var r = t, { value: u, onChange: M, maxLength: d, textAlign: D = "left", pattern: k, placeholder: O, inputMode: B = "numeric", onComplete: I, pushPasswordManagerStrategy: x = "increase-width", pasteTransformer: f, containerClassName: v, noScriptCSSFallback: m = Ve, render: b, children: w } = r, o = Ie(r, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), P, N, U, T, V;
+  let [te, ne] = n.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), s = u ?? te, E = Fe(s), q = n.useCallback((e) => {
     M?.(e), ne(e);
-  }, [M]), C = n.useMemo(() => k ? typeof k == "string" ? new RegExp(k) : k : null, [k]), c = n.useRef(null), le = n.useRef(null), ae = n.useRef({ value: i, onChange: q, isIOS: typeof window < "u" && ((N = (P = window?.CSS) == null ? void 0 : P.supports) == null ? void 0 : N.call(P, "-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] });
+  }, [M]), C = 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 = (P = window?.CSS) == null ? void 0 : P.supports) == null ? void 0 : N.call(P, "-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;
@@ -68,33 +68,33 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
         J(null), K(null);
         return;
       }
-      let s = 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 && s !== null && g !== null) {
-        let Me = s === g, ke = s === F.length && F.length < j;
-        if (Me && !ke) {
-          let L = s;
+      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 ke = i === g, Ne = i === F.length && F.length < j;
+        if (ke && !Ne) {
+          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 ie = 0;
+            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 && (ie = -1);
+              let Re = R[0] === R[1] && R[0] < j;
+              H === "backward" && !Re && (se = -1);
             }
-            W = ie + L, A = ie + L + 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 : s, ve = A !== -1 ? A : g, Ce = H ?? Y;
-      J(he), K(ve), X.current.prev = [he, ve, Ce];
+      let he = W !== -1 ? W : i, ve = A !== -1 ? A : g, Me = H ?? Y;
+      J(he), K(ve), X.current.prev = [he, ve, Me];
     }
     if (document.addEventListener("selectionchange", h, { capture: !0 }), h(), document.activeElement === e && re(!0), !document.getElementById("input-otp-style")) {
-      let s = document.createElement("style");
-      if (s.id = "input-otp-style", document.head.appendChild(s), s.sheet) {
+      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(s.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), Q(s.sheet, `[data-input-otp]:autofill { ${g} }`), Q(s.sheet, `[data-input-otp]:-webkit-autofill { ${g} }`), Q(s.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(s.sheet, "[data-input-otp] + * { pointer-events: all !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 = () => {
@@ -106,18 +106,18 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
       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);
+  let [ue, ce] = n.useState(!1), [Z, re] = n.useState(!1), [_, J] = n.useState(null), [z, K] = n.useState(null);
   n.useEffect(() => {
-    Fe(() => {
+    _e(() => {
       var e, l, h, y;
       (e = c.current) == null || e.dispatchEvent(new Event("input"));
-      let S = (l = c.current) == null ? void 0 : l.selectionStart, s = (h = c.current) == null ? void 0 : h.selectionEnd, g = (y = c.current) == null ? void 0 : y.selectionDirection;
-      S !== null && s !== null && (J(S), K(s), X.current.prev = [S, s, g]);
+      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]);
     });
-  }, [i, Z]), n.useEffect(() => {
-    E !== void 0 && i !== E && E.length < d && i.length === d && _?.(i);
-  }, [d, _, E, i]);
-  let G = Ge({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
+  }, [s, Z]), n.useEffect(() => {
+    E !== void 0 && s !== E && E.length < d && s.length === d && I?.(s);
+  }, [d, I, E, s]);
+  let G = ze({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
     let l = e.currentTarget.value.slice(0, d);
     if (l.length > 0 && C && !C.test(l)) {
       e.preventDefault();
@@ -135,14 +135,14 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
     var l, h;
     let y = c.current;
     if (!f && (!ae.current.isIOS || !e.clipboardData || !y)) return;
-    let S = e.clipboardData.getData("text/plain"), s = f ? f(S) : S;
+    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 ? i.slice(0, g) + s + i.slice(Y) : i.slice(0, g) + s + i.slice(g)).slice(0, d);
+    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 && C && !C.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, C, i]), 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": i.length === 0 || void 0, "data-input-otp-mss": I, "data-input-otp-mse": z, inputMode: B, pattern: C?.source, "aria-placeholder": O, style: me, maxLength: d, value: i, ref: c, onPaste: (e) => {
+  }, [d, q, C, s]), je = 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]), Pe = n.useMemo(() => n.createElement("input", Be(Ae({ 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": _, "data-input-otp-mse": z, inputMode: B, pattern: C?.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) => {
@@ -157,14 +157,14 @@ var Ve = n.createContext({}), Se = n.forwardRef((t, a) => {
   }, onBlur: (e) => {
     var l;
     re(!1), (l = o.onBlur) == null || l.call(o, e);
-  } })), [de, fe, pe, B, me, d, z, I, o, C?.source, i]), oe = n.useMemo(() => ({ slots: Array.from({ length: d }).map((e, l) => {
+  } })), [de, fe, pe, B, me, d, z, _, o, C?.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 = i[l] !== void 0 ? i[l] : null, s = i[0] !== void 0 ? null : (h = O?.[l]) != null ? h : null;
-    return { char: S, placeholderChar: s, isActive: y, hasFakeCaret: y && S === null };
-  }), isFocused: Z, isHovering: !o.disabled && ue }), [Z, ue, d, z, I, o.disabled, i]), Pe = 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 }, Pe, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
+    let y = Z && _ !== null && z !== null && (_ === z && l === _ || l >= _ && 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, _, o.disabled, s]), Ce = n.useMemo(() => b ? b(oe) : n.createElement(Ge.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: je, className: v }, Ce, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, Pe)));
 });
-Se.displayName = "Input";
+Ee.displayName = "Input";
 function Q(t, a) {
   try {
     t.insertRule(a);
@@ -172,7 +172,7 @@ function Q(t, a) {
     console.error("input-otp could not insert CSS rule:", a);
   }
 }
-var qe = `
+var Ve = `
 [data-input-otp] {
   --nojs-bg: white !important;
   --nojs-fg: black !important;
@@ -192,7 +192,7 @@ var qe = `
     --nojs-fg: white !important;
   }
 }`;
-const Ze = ({
+const qe = ({
   value: t = "",
   name: a,
   onChange: r,
@@ -203,7 +203,7 @@ const Ze = ({
   disabled: k = !1,
   className: O,
   autoFocus: B = !1,
-  pasteTransformer: _,
+  pasteTransformer: I,
   errorComponent: x,
   hasError: f,
   helperComponent: v,
@@ -219,17 +219,17 @@ const Ze = ({
     },
     error: {
       text: "text-error-default-default",
-      icon: /* @__PURE__ */ p.jsx(De, { size: 18, className: "text-error-default-default" })
+      icon: /* @__PURE__ */ p.jsx(ge.Error, { 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" })
+      icon: /* @__PURE__ */ p.jsx(ge.Check, { size: 18, className: "text-success-default-default" })
     }
   }, U = (T) => {
     r?.(T, a);
   };
   return /* @__PURE__ */ p.jsx(
-    Se,
+    Ee,
     {
       value: t,
       name: a,
@@ -239,21 +239,21 @@ const Ze = ({
       onBlur: M,
       maxLength: d,
       disabled: k,
-      pasteTransformer: _,
+      pasteTransformer: I,
       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((i, E) => /* @__PURE__ */ p.jsx(se, { ...i, placeholder: D, hasError: f, className: b, variant: w }, E)) }),
+            /* @__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((i, E) => /* @__PURE__ */ p.jsx(se, { ...i, placeholder: D, hasError: f, variant: w, className: b }, E)) })
+            /* @__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", P, N.error.text), children: [
             N.error.icon,
             x
-          ] }) : ge.cloneElement(x, { className: $(
+          ] }) : xe.cloneElement(x, { className: $(
             "text-error-default-default text-xs mt-1",
             P,
             N.error.text,
@@ -262,14 +262,14 @@ const Ze = ({
           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, P), children: [
             N[w].icon,
             v
-          ] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
+          ] }) : xe.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
         ] });
       }
     }
   );
 };
-Ze.displayName = "OtpInput";
-const Je = (t) => {
+qe.displayName = "OtpInput";
+const Ze = (t) => {
   const a = {
     default: "border-neutral-default-default",
     error: "border-error-default-default",
@@ -294,8 +294,8 @@ const Je = (t) => {
       ]
     }
   );
-}, se = Oe(Je);
-se.displayName = "Slot";
+}, ie = De(Ze);
+ie.displayName = "Slot";
 export {
-  Ze as default
+  qe as default
 };

package/dist/Pagination.es.js

@@ -64,7 +64,7 @@ function h({
               a.div,
               {
                 layoutId: "activePage",
-                className: "absolute inset-0 border border-primary-default-default rounded-md",
+                className: "absolute inset-0 border-1 border-primary-default-default rounded-md",
                 initial: !1,
                 transition: {
                   type: "spring",

package/dist/RadioButton.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as t } from "./cn-B6yFEsav.js";
 import { memo as x, forwardRef as k, useRef as g, useEffect as y } from "react";
-import { H as j } from "./HelperComponent-BeNlTMqI.js";
+import { H as j } from "./HelperComponent-CcGxM09g.js";
 const s = k((n, a) => {
   const r = g(null);
   y(() => {

package/dist/{Select-sdfP2TL0.js → Select-D7Cs1OlG.js}

@@ -1,12 +1,12 @@
 import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { Close as Qe, Cancel as Xe, ChevronDown as Ue, Search as Ye } from "./Icons.es.js";
+import { I as Qe, b as Xe, c as Ue, S as Ye } from "./Icons-ChYkaR8R.js";
 import { c as f } from "./cn-B6yFEsav.js";
 import Ne, { memo as Z, useState as De, useRef as ce, useMemo as oe, useCallback as U, useEffect as ve, useImperativeHandle as Ze } from "react";
 import et from "./Spinner.es.js";
 import { createPortal as tt } from "react-dom";
 import { u as nt } from "./useDragScroll-CHN9OMwn.js";
-import { u as rt, I as lt } from "./Input-D6as6xD-.js";
-import { H as ot } from "./HelperComponent-BeNlTMqI.js";
+import { u as rt, I as lt } from "./Input-CsNlU1Hu.js";
+import { H as ot } from "./HelperComponent-CcGxM09g.js";
 import st from "./CheckBox.es.js";
 import { Skeleton as Ke } from "./Skeleton.es.js";
 const at = {
@@ -49,7 +49,7 @@ const at = {
           ),
           type: "button",
           tabIndex: h,
-          children: /* @__PURE__ */ s.jsx(Qe, { size: 18, className: f(u && Fe.icon) })
+          children: /* @__PURE__ */ s.jsx(Qe.Close, { size: 18, className: f(u && Fe.icon) })
         }
       )
     ]

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-sdfP2TL0.js";
+import { S as f } from "./Select-D7Cs1OlG.js";
 export {
   f as default
 };

package/dist/SelectFormik.es.js

@@ -1,6 +1,6 @@
 import { j as c } from "./jsx-runtime-DKDX3adD.js";
 import { useField as y } from "formik";
-import { S as m } from "./Select-sdfP2TL0.js";
+import { S as m } from "./Select-D7Cs1OlG.js";
 import { useRef as p, useEffect as g } from "react";
 function f(e) {
   return Array.isArray(e) && e.every(

package/dist/SelectFormikLegacy.es.js

@@ -1,27 +1,27 @@
 import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { I as g } from "./Icons-ChYkaR8R.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import { useField as $, ErrorMessage as q } from "formik";
 import { memo as G, useState as V, useRef as H, useEffect as J } from "react";
 import K from "./Spinner.es.js";
-import { Close as k, ChevronDown as Q } from "./Icons.es.js";
-const T = ({
-  label: S,
+const Q = ({
+  label: k,
   name: C,
-  placeholder: g = "",
-  disabled: b,
-  containerClassName: I,
+  placeholder: b = "",
+  disabled: j,
+  containerClassName: S,
   className: D,
   options: c = [],
   multiple: i = !1,
   emptyMessage: z = "No hay opciones disponibles",
-  labelVariant: j = "default",
+  labelVariant: w = "default",
   isFetching: E = !1,
   returnFullObject: m = !1
   // Por defecto false para mantener compatibilidad
 }) => {
-  const [r, w, u] = $(C), [l, x] = V(!1), [p, N] = V(!1), h = H(null), v = w.touched && w.error, o = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, A = () => r.value ? Array.isArray(r.value) ? r.value.map(o) : o(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => j === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", L = () => {
+  const [r, N, u] = $(C), [l, x] = V(!1), [p, A] = V(!1), h = H(null), v = N.touched && N.error, o = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, I = () => r.value ? Array.isArray(r.value) ? r.value.map(o) : o(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => w === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", L = () => {
     if (!r.value) return [];
-    const e = A();
+    const e = I();
     return Array.isArray(e) ? c.filter((a) => e.includes(a.id)) : c.filter((a) => a.id === e);
   }, P = (e) => {
     if (i) {
@@ -61,7 +61,7 @@ const T = ({
   }, [l]);
   const R = () => {
     const e = L();
-    return e.length === 0 ? g ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: g }) : null : i ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((a) => /* @__PURE__ */ t.jsxs(
+    return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : i ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((a) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",
@@ -76,7 +76,7 @@ const T = ({
               className: "shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
               type: "button",
               tabIndex: -1,
-              children: /* @__PURE__ */ t.jsx(k, { size: 12, className: "" })
+              children: /* @__PURE__ */ t.jsx(g.Close, { size: 12, className: "" })
             }
           )
         ]
@@ -87,21 +87,21 @@ const T = ({
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: d("relative w-full bg-inherit", I),
+      className: d("relative w-full bg-inherit", S),
       ref: h,
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
           /* @__PURE__ */ t.jsxs(
             "div",
             {
-              onClick: () => !b && x(!l),
-              onFocus: () => N(!0),
-              onBlur: () => N(!1),
+              onClick: () => !j && x(!l),
+              onFocus: () => A(!0),
+              onBlur: () => A(!1),
               className: d(
                 "w-full px-3 h-12 text-left border rounded-lg transition-all duration-300 ease-in-out text-neutral-default-default",
                 "flex items-center justify-between bg-transparent focus:outline-none",
                 f || l || p ? " border-primary-default-focused ring-primary-default-focused ring-2" : v ? "ring-error-default-default ring-2" : "border-neutral-default-default hover:border-primary-default-hover",
-                b && "opacity-50 cursor-default pointer-events-none",
+                j && "opacity-50 cursor-default pointer-events-none",
                 D
               ),
               children: [
@@ -110,13 +110,13 @@ const T = ({
                   {
                     className: d(
                       "absolute pointer-events-none bg-inherit px-1 z-10",
-                      j === "default" && "transition-all duration-200 ease-in-out",
+                      w === "default" && "transition-all duration-200 ease-in-out",
                       "text-md",
                       O(),
                       f || l || p ? "text-primary-default-default" : v ? "text-red-500" : "text-neutral-medium-default",
                       "left-3"
                     ),
-                    children: S
+                    children: k
                   }
                 ),
                 /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: R() }),
@@ -130,11 +130,11 @@ const T = ({
                       className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
                       type: "button",
                       tabIndex: -1,
-                      children: /* @__PURE__ */ t.jsx(k, { size: 16, className: "" })
+                      children: /* @__PURE__ */ t.jsx(g.Close, { size: 16, className: "" })
                     }
                   ),
                   E ? /* @__PURE__ */ t.jsx(K, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
-                    Q,
+                    g.ChevronDown,
                     {
                       size: 20,
                       className: d(
@@ -148,7 +148,7 @@ const T = ({
             }
           ),
           l && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg max-h-60 overflow-auto", children: c.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: z }) : c.map((e) => {
-            const a = A(), s = i ? Array.isArray(a) && a.includes(e.id) : a === e.id;
+            const a = I(), s = i ? Array.isArray(a) && a.includes(e.id) : a === e.id;
             return /* @__PURE__ */ t.jsxs(
               "div",
               {
@@ -188,7 +188,7 @@ const T = ({
       ]
     }
   );
-}, ee = G(T);
+}, _ = G(Q);
 export {
-  ee as default
+  _ as default
 };

package/dist/SelectSearch.es.js

@@ -1,5 +1,5 @@
 import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-sdfP2TL0.js";
+import { g as i, S as H } from "./Select-D7Cs1OlG.js";
 import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
 function te(e) {
   const {

package/dist/Steps.es.js

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { Check as j } from "./Icons.es.js";
-import { c as y } from "./cn-B6yFEsav.js";
+import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";
+import { I as y } from "./Icons-ChYkaR8R.js";
 const b = ({
   index: n,
   isHorizontal: t,
@@ -80,7 +80,7 @@ const b = ({
       }
     )
   ] });
-}, S = ({
+}, k = ({
   steps: n,
   currentStep: t,
   orientation: u = "horizontal",
@@ -115,7 +115,7 @@ const b = ({
       connectorContainer: "px-2",
       iconSize: 28
     }
-  }, w = (a) => a < t ? "completed" : a === t ? "current" : "upcoming", g = (a) => {
+  }, w = (a) => a < t ? "completed" : a === t ? "current" : "upcoming", h = (a) => {
     const l = `${m[i].circle} rounded-full flex items-center justify-center font-medium`;
     switch (a) {
       case "completed":
@@ -125,7 +125,7 @@ const b = ({
       default:
         return `${l} bg-neutral-medium-default text-neutral-medium-default`;
     }
-  }, h = (a) => {
+  }, g = (a) => {
     p && o && o(a);
   }, v = c ? `flex items-center w-full justify-center ${x}` : `space-y-0 ${x}`;
   return /* @__PURE__ */ e.jsx("div", { className: v, children: n.map((a, l) => {
@@ -135,16 +135,16 @@ const b = ({
         /* @__PURE__ */ e.jsx(
           r.div,
           {
-            className: `${g(d)} ${f ? "cursor-pointer" : ""} relative z-10`,
+            className: `${h(d)} ${f ? "cursor-pointer" : ""} relative z-10`,
             initial: { scale: 0.8, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
             transition: { duration: 0.3, delay: l * 0.3 },
             whileTap: f ? { scale: 0.95 } : {},
-            onClick: () => h(l),
-            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
+            onClick: () => g(l),
+            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y.Check, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
           }
         ),
-        s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: y(
+        s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: j(
           "absolute text-center w-28 -bottom-2 translate-y-full",
           m[i].description,
           "text-gray-400 mt-2 text-center",
@@ -171,13 +171,13 @@ const b = ({
         /* @__PURE__ */ e.jsx(
           r.div,
           {
-            className: `${g(d)} ${f ? "cursor-pointer" : ""}`,
+            className: `${h(d)} ${f ? "cursor-pointer" : ""}`,
             initial: { scale: 0.8, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
             transition: { duration: 0.3, delay: l * 0.1 },
             whileTap: f ? { scale: 0.95 } : {},
-            onClick: () => h(l),
-            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
+            onClick: () => g(l),
+            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y.Check, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
           }
         ),
         s !== "minimal" && s !== "numbered-minimal" && /* @__PURE__ */ e.jsx(
@@ -187,7 +187,7 @@ const b = ({
             initial: { opacity: 0, x: -10 },
             animate: { opacity: 1, x: 0 },
             transition: { duration: 0.3, delay: l * 0.1 + 0.1 },
-            children: a.description && /* @__PURE__ */ e.jsx("p", { className: y(
+            children: a.description && /* @__PURE__ */ e.jsx("p", { className: j(
               "h-full text-start flex items-center justify-start ",
               m[i].description,
               "text-gray-400",
@@ -209,5 +209,5 @@ const b = ({
   }) });
 };
 export {
-  S as Steps
+  k as Steps
 };

package/dist/TabLinks.es.js

@@ -20,7 +20,7 @@ function o({
     "div",
     {
       className: r(
-        "flex flex-row justify-around items-end relative border-b border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
+        "flex flex-row justify-around items-end relative border-b-1 border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
         l
       ),
       role: "tablist",
@@ -49,7 +49,7 @@ function o({
                 {
                   layoutId: "tab-indicator",
                   className: r(
-                    "absolute -bottom-px left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
+                    "absolute -bottom-[1px] left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
                     f
                   ),
                   transition: {

package/dist/Table.es.js

@@ -6,7 +6,7 @@ const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div
   {
     ref: a,
     className: l(
-      "w-full caption-bottom text-sm border-b rounded-lg border-neutral-default-default",
+      "w-full caption-bottom text-sm border-b-1 rounded-lg border-neutral-default-default",
       e
     ),
     ...t
@@ -36,7 +36,7 @@ const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   {
     ref: a,
     className: l(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0!",
+      "border-t bg-muted/50 font-medium [&>tr]:last:!border-b-0",
       e
     ),
     ...t