prometeo-design-system 2.7.9 → 2.8.2

package/dist/InputMultiple.es.js

@@ -1,13 +1,13 @@
 import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { Icons as C } from "./Icons.es.js";
+import { Close as Z, Info as T, Error as ee } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
-import S, { useRef as M, useState as x, useCallback as T, useEffect as ee } from "react";
-const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator: w = ",", variant: y = "default", placeholder: U, itemClassName: $, itemIcon: F, helperText: j, errorText: N, disabled: a, onClick: z, className: B, readonly: h, onValueDelete: O, ...q }) => {
-  const o = M(null), E = M(null), [u, n] = x(""), [P, i] = x(0), [A, c] = x(!0), [v, R] = x(!1), [m, p] = x(!1), [k, I] = x(null), g = (e) => {
+import M, { useRef as _, useState as x, useCallback as te, useEffect as re } from "react";
+const se = ({ label: S, name: D, onChange: f, value: l, icon: C, valueSeparator: w = ",", variant: I = "default", placeholder: K, itemClassName: U, itemIcon: V, helperText: j, errorText: N, disabled: a, 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, y] = x(null), g = (e) => {
     if (h || !e) return;
     const t = e.selectionStart ?? u.length;
     i(t);
-  }, G = (e) => {
+  }, A = (e) => {
     if (h) return;
     if (e.target.value[e.target.value.length - 1] === w && u.length > 0) {
       const s = u.trim();
@@ -25,17 +25,17 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
       n(e.target.value), c(!1);
     }
     g(e.target);
-  }, b = T(() => {
+  }, b = te(() => {
     const e = u.trim();
     if (e.length === 0) {
-      p(!1), n(""), c(!0), i(0), I(null);
+      p(!1), n(""), c(!0), i(0), y(null);
       return;
     }
-    p(!1), k !== null && f(W(l.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), I(null);
-  }, [k, u, f, l]), H = (e) => {
+    p(!1), k !== null && f(Q(l.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), y(null);
+  }, [k, u, f, l]), G = (e) => {
     if (!h) {
       if (e.key === "Backspace" && u.length === 0) {
-        if (A) {
+        if (q) {
           const t = l[l.length - 1];
           t && (f(l.filter((s) => s !== t)), n(t), i(t.length));
         } else
@@ -50,27 +50,27 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
         }
         t.length > 0 && !l.includes(t) && t !== w && (f([...l, t]), n(""), c(!0), i(0));
       }
-      e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), I(null)), g(e.currentTarget);
+      e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), y(null)), g(e.currentTarget);
     }
-  }, J = (e) => {
+  }, H = (e) => {
     const t = l.filter((s) => s !== e);
-    f(t), O?.(e);
+    f(t), B?.(e);
+  }, J = (e) => {
+    h || (L(e), p(!0), n(e), i(e.length), y(l.length - 1), o.current?.focus());
   }, L = (e) => {
-    h || (Q(e), p(!0), n(e), i(e.length), I(l.length - 1), o.current?.focus());
-  }, Q = (e) => {
     const t = l.filter((s) => s !== e);
     f([...t, e]);
-  }, W = (e) => e.filter((t, s, Z) => Z.indexOf(t) === s);
-  ee(() => {
+  }, Q = (e) => e.filter((t, s, Y) => Y.indexOf(t) === s);
+  re(() => {
     o.current && (o.current.onfocus = () => {
-      R(!0);
+      P(!0);
     }, o.current.onblur = () => {
-      R(!1), m && b();
+      P(!1), m && b();
     }), E.current && (E.current.onblur = () => {
       m && b();
     });
   }, [m, b]);
-  const X = {
+  const W = {
     isFocused: {
       error: "border-error-default-focused ring-error-default-focused",
       success: "border-success-default-focused ring-success-default-focused",
@@ -89,7 +89,7 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
       warning: "border-warning-default-disabled",
       default: "border-neutral-default-disabled"
     }
-  }, Y = {
+  }, X = {
     default: {
       default: "text-neutral-default-default",
       isFocused: "text-neutral-default-focused",
@@ -110,27 +110,27 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
       isFocused: "text-warning-default-focused",
       disabled: "text-warning-default-disabled"
     }
-  }, _ = a ? "disabled" : v ? "isFocused" : "default";
+  }, R = a ? "disabled" : v ? "isFocused" : "default";
   return /* @__PURE__ */ r.jsxs("div", { className: d(
     "relative w-full",
-    B
+    $
   ), children: [
     /* @__PURE__ */ r.jsx("p", { className: d(
       "mb-1 px-3",
       "prometeo-fonts-label-large",
-      Y?.[y || "default"]?.[_]
-    ), children: D }),
+      X?.[I || "default"]?.[R]
+    ), children: S }),
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsx(
         "input",
         {
           ref: o,
           value: u,
-          onKeyUp: H,
-          onChange: G,
+          onKeyUp: G,
+          onChange: A,
           onClick: (e) => g(e.currentTarget),
           onSelect: (e) => g(e.currentTarget),
-          name: K,
+          name: D,
           disabled: a,
           className: d(
             "absolute inset-0 w-full h-full",
@@ -143,7 +143,7 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
           autoCapitalize: "off",
           spellCheck: "false",
           inputMode: "text",
-          ...q
+          ...O
         }
       ),
       /* @__PURE__ */ r.jsxs(
@@ -151,42 +151,42 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
         {
           ref: E,
           className: d(
-            "border-1 border-neutral-default-default rounded-md p-3",
+            "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",
-            X[_][y],
+            W[R][I],
             v ? "ring-[1px]" : "",
             // 'hover:border-primary-default-hover',
             a && "hover:border-neutral-default-disabled"
           ),
           onMouseDown: (e) => {
-            e.stopPropagation(), z?.(e), o.current?.focus();
+            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(), z?.(e);
+            e.stopPropagation(), o.current?.focus(), F?.(e);
           },
           children: [
-            V && /* @__PURE__ */ r.jsx("div", { className: d(
+            C && /* @__PURE__ */ r.jsx("div", { className: d(
               "flex items-center text-neutral-default-default",
               a && "text-neutral-default-disabled"
-            ), children: V }),
+            ), children: C }),
             l.map((e, t) => /* @__PURE__ */ r.jsxs(
               "div",
               {
                 className: d(
-                  "h-8 max-h-8 rounded-lg bg-primary-light-default border-[1px] border-neutral-default-default",
+                  "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 === l.length - 1 && m ? "opacity-0 hidden  overflow-hidden" : "",
                   a && "border-neutral-default-disabled text-neutral-default-disabled",
-                  $
+                  U
                 ),
                 children: [
-                  F && /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: S.createElement(
-                    F,
+                  V && /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: M.createElement(
+                    V,
                     {
                       size: 16,
                       className: d(
@@ -199,7 +199,7 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
                     "span",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !a && L(e);
+                        s.stopPropagation(), !a && J(e);
                       },
                       className: d(
                         "cursor-pointer hover:text-neutral-default-hover",
@@ -212,14 +212,14 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
                     "div",
                     {
                       onClick: (s) => {
-                        s.stopPropagation(), !a && J(e);
+                        s.stopPropagation(), !a && H(e);
                       },
                       className: d(
                         "cursor-pointer hover:scale-105 transition-all duration-200 ",
                         a && " cursor-default hover:scale-100 "
                       ),
                       children: /* @__PURE__ */ r.jsx(
-                        C.Close,
+                        Z,
                         {
                           size: 16,
                           className: d(
@@ -235,28 +235,28 @@ const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator:
               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 break-words", children: u.slice(0, P) }),
-              /* @__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-[1px] z-20" }),
-              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap break-words", children: u.slice(P) })
+              /* @__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) })
             ] }),
             l.length === 0 && !v && /* @__PURE__ */ r.jsx("span", { className: d(
               "text-neutral-medium-default self-center",
               a && "text-neutral-default-disabled"
-            ), children: U || `Escribe los valores separados por ${w}` })
+            ), children: K || `Escribe los valores separados por ${w}` })
           ]
         }
       )
     ] }),
-    j && y !== "error" && !a && (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(C.Info, { size: 16, className: "text-neutral-medium-default" }),
+    j && I !== "error" && !a && (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" && !a ? /* @__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(C.Error, { size: 16, className: "text-error-default-default" }),
+      /* @__PURE__ */ r.jsx(ee, { size: 16, className: "text-error-default-default" }),
       N
     ] }) : N
   ] });
-}, ne = S.memo(te);
+}, de = M.memo(se);
 export {
-  ne as InputMultiple
+  de as InputMultiple
 };

package/dist/Logo.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { Icons as t } from "./Icons.es.js";
-const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
-  /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),
+import { TicketFilled as t } from "./Icons.es.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 {

package/dist/Menu.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { AnimatePresence as n, motion as o } from "framer-motion";
-const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(
+const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(
   o.div,
   {
     initial: { height: 0, opacity: 0 },
@@ -42,7 +42,7 @@ const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("
         ease: "easeInOut"
       }
     },
-    children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border-1 w-full" })
+    children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
   }
 ), d = ({ onClick: t, children: a, className: i }) => /* @__PURE__ */ e.jsx(
   o.button,

package/dist/OtpInput.es.js

@@ -1,42 +1,42 @@
 import { j as p } from "./jsx-runtime-DKDX3adD.js";
-import { Icons as ge } from "./Icons.es.js";
+import { Check as Re, Error as De } from "./Icons.es.js";
 import { c as $ } from "./cn-B6yFEsav.js";
 import * as n from "react";
-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]);
+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;
-}, Be = (t, a) => Te(t, We(a)), _e = (t, a) => {
+}, _e = (t, a) => We(t, Ae(a)), Ie = (t, a) => {
   var r = {};
-  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]);
+  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 Ie(t) {
+function Fe(t) {
   let a = setTimeout(t, 0), r = setTimeout(t, 10), u = setTimeout(t, 50);
   return [a, r, u];
 }
-function Fe(t) {
+function He(t) {
   let a = n.useRef();
   return n.useEffect(() => {
     a.current = t;
   }), a.current;
 }
-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 }) {
+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 - He, P = w;
-    document.querySelectorAll($e).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 - Le, P = w;
+    document.querySelectorAll(ze).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 >= Se);
+      k(b >= ye);
     }
     v();
     let m = setInterval(v, 1e3);
@@ -52,11 +52,11 @@ function ze({ 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: Le };
+  }, [a, u, r, x]), { hasPWMBadge: M, willPushPWMBadge: _, PWM_BADGE_SPACE_WIDTH: $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: _, pushPasswordManagerStrategy: x = "increase-width", pasteTransformer: f, containerClassName: v, noScriptCSSFallback: m = Ve, render: b, children: w } = r, o = _e(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 = Fe(i), q = n.useCallback((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"]), 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) => {
     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] });
   n.useImperativeHandle(a, () => c.current, []), n.useEffect(() => {
@@ -70,8 +70,8 @@ var Ge = n.createContext({}), Ee = n.forwardRef((t, a) => {
       }
       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 ke = s === g, Ne = s === F.length && F.length < j;
-        if (ke && !Ne) {
+        let Me = s === g, ke = s === F.length && F.length < j;
+        if (Me && !ke) {
           let L = s;
           if (L === 0) W = 0, A = 1, H = "forward";
           else if (L === j) W = L - 1, A = L, H = "backward";
@@ -79,16 +79,16 @@ var Ge = n.createContext({}), Ee = n.forwardRef((t, a) => {
             let ie = 0;
             if (R[0] !== null && R[1] !== null) {
               H = L < R[1] ? "backward" : "forward";
-              let Re = R[0] === R[1] && R[0] < j;
-              H === "backward" && !Re && (ie = -1);
+              let Ne = R[0] === R[1] && R[0] < j;
+              H === "backward" && !Ne && (ie = -1);
             }
             W = ie + L, A = ie + 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, Me = H ?? Y;
-      J(he), K(ve), X.current.prev = [he, ve, Me];
+      let he = W !== -1 ? W : s, ve = A !== -1 ? A : g, Ce = H ?? Y;
+      J(he), K(ve), X.current.prev = [he, ve, Ce];
     }
     if (document.addEventListener("selectionchange", h, { capture: !0 }), h(), document.activeElement === e && re(!0), !document.getElementById("input-otp-style")) {
       let s = document.createElement("style");
@@ -108,7 +108,7 @@ var Ge = n.createContext({}), Ee = n.forwardRef((t, a) => {
   }, []);
   let [ue, ce] = n.useState(!1), [Z, re] = n.useState(!1), [I, J] = n.useState(null), [z, K] = n.useState(null);
   n.useEffect(() => {
-    Ie(() => {
+    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, s = (h = c.current) == null ? void 0 : h.selectionEnd, g = (y = c.current) == null ? void 0 : y.selectionDirection;
@@ -117,7 +117,7 @@ var Ge = n.createContext({}), Ee = n.forwardRef((t, a) => {
   }, [i, Z]), n.useEffect(() => {
     E !== void 0 && i !== E && E.length < d && i.length === d && _?.(i);
   }, [d, _, E, i]);
-  let G = ze({ containerRef: le, inputRef: c, pushPasswordManagerStrategy: x, isFocused: Z }), de = n.useCallback((e) => {
+  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 && C && !C.test(l)) {
       e.preventDefault();
@@ -142,7 +142,7 @@ var Ge = n.createContext({}), Ee = n.forwardRef((t, a) => {
     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]), 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": 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, 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) => {
     var l;
     pe(e), (l = o.onPaste) == null || l.call(o, e);
   }, onChange: de, onMouseOver: (e) => {
@@ -161,10 +161,10 @@ var Ge = n.createContext({}), Ee = n.forwardRef((t, a) => {
     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]), 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)));
+  }), 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)));
 });
-Ee.displayName = "Input";
+Se.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 Ve = `
+var qe = `
 [data-input-otp] {
   --nojs-bg: white !important;
   --nojs-fg: black !important;
@@ -192,7 +192,7 @@ var Ve = `
     --nojs-fg: white !important;
   }
 }`;
-const qe = ({
+const Ze = ({
   value: t = "",
   name: a,
   onChange: r,
@@ -219,17 +219,17 @@ const qe = ({
     },
     error: {
       text: "text-error-default-default",
-      icon: /* @__PURE__ */ p.jsx(ge.Error, { size: 18, className: "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(ge.Check, { size: 18, className: "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(
-    Ee,
+    Se,
     {
       value: t,
       name: a,
@@ -253,7 +253,7 @@ const qe = ({
           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
-          ] }) : xe.cloneElement(x, { className: $(
+          ] }) : ge.cloneElement(x, { className: $(
             "text-error-default-default text-xs mt-1",
             P,
             N.error.text,
@@ -262,14 +262,14 @@ const qe = ({
           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
-          ] }) : xe.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
+          ] }) : ge.cloneElement(v, { className: $("text-neutral-medium-default text-xs mt-1", P, N[w].text, v?.props?.className) }))
         ] });
       }
     }
   );
 };
-qe.displayName = "OtpInput";
-const Ze = (t) => {
+Ze.displayName = "OtpInput";
+const Je = (t) => {
   const a = {
     default: "border-neutral-default-default",
     error: "border-error-default-default",
@@ -294,8 +294,8 @@ const Ze = (t) => {
       ]
     }
   );
-}, se = De(Ze);
+}, se = Oe(Je);
 se.displayName = "Slot";
 export {
-  qe as default
+  Ze as default
 };

package/dist/Pagination.es.js

@@ -64,7 +64,7 @@ function h({
               a.div,
               {
                 layoutId: "activePage",
-                className: "absolute inset-0 border-1 border-primary-default-default rounded-md",
+                className: "absolute inset-0 border 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-U6mPwuDH.js";
+import { H as j } from "./HelperComponent-BeNlTMqI.js";
 const s = k((n, a) => {
   const r = g(null);
   y(() => {