@imj_media/ui 1.0.37 → 1.0.38

package/dist/index.esm.js

@@ -1,12 +1,12 @@
 import { jsxs as u, jsx as i, Fragment as I1 } from "react/jsx-runtime";
-import g1, { useState as J, useRef as u1, useEffect as n1, useCallback as $, useMemo as V1, useImperativeHandle as Q1, forwardRef as E1, useId as l0, createContext as k0, useContext as I0 } from "react";
+import g1, { useState as X, useRef as t1, useEffect as n1, useCallback as P, useMemo as V1, useImperativeHandle as Q1, forwardRef as E1, useId as l0, createContext as k0, useContext as I0 } from "react";
 import { clsx as B0 } from "clsx";
 import { twMerge as S0 } from "tailwind-merge";
 import { cva as c1 } from "class-variance-authority";
 import d0, { createPortal as k1 } from "react-dom";
 import { Prism as $0 } from "react-syntax-highlighter";
 import { dark as P0, prism as N0, materialLight as z0, materialDark as D0, atomDark as A0, oneLight as T0, oneDark as E0, tomorrow as F0, dracula as R0 } from "react-syntax-highlighter/dist/esm/styles/prism";
-function _(...o) {
+function U(...o) {
   return S0(B0(o));
 }
 function U0({
@@ -18270,17 +18270,17 @@ function v1({
   let L = q1[o];
   if (L || (L = s0[o]), !L)
     return console.warn(`Icono "${o}" no encontrado en ninguna variante`), null;
-  const p = L === q1[o] ? "outline" : "fill", l = H8[r], g = N1[t === "current" && p === "fill" ? "white" : t] || N1.blue, w = N1[n] || N1.black, b = /* @__PURE__ */ i(
+  const p = L === q1[o] ? "outline" : "fill", l = H8[r], w = N1[t === "current" && p === "fill" ? "white" : t] || N1.blue, g = N1[n] || N1.black, x = /* @__PURE__ */ i(
     L,
     {
       width: l,
       height: l,
-      ...p === "outline" ? { stroke: g, fill: "none" } : { fill: w, stroke: g },
+      ...p === "outline" ? { stroke: w, fill: "none" } : { fill: g, stroke: w },
       ...c,
       strokeWidth: d
     }
-  ), M = (h) => {
-    s && (h.stopPropagation(), s(h));
+  ), M = (j) => {
+    s && (j.stopPropagation(), s(j));
   };
   return s ? /* @__PURE__ */ i(
     "div",
@@ -18288,26 +18288,26 @@ function v1({
       role: "button",
       tabIndex: 0,
       onClick: M,
-      className: _(
+      className: U(
         e,
         "ui-inline-block ui-cursor-pointer ui-rounded-full ui-p-1 ui-transition-all ui-duration-200",
         a ? "ui-rounded-full ui-bg-blue-50 ui-p-2" : "",
         "hover:ui-bg-[rgba(0,0,0,0.15)] hover:ui-shadow-[0_4px_12px_rgba(0,0,0,0.15)]"
       ),
       style: {
-        "--tw-shadow-color": g
+        "--tw-shadow-color": w
       },
-      children: b
+      children: x
     }
   ) : /* @__PURE__ */ i(
     "i",
     {
-      className: _(
+      className: U(
         e,
         "ui-inline-block",
         a ? "ui-rounded-full ui-bg-blue-50 ui-p-2" : ""
       ),
-      children: b
+      children: x
     }
   );
 }
@@ -18344,7 +18344,7 @@ const O8 = ({
       }
     }
   );
-  return /* @__PURE__ */ i("span", { className: _(s({ color: r, border: t, size: d }), n), ...e, children: o });
+  return /* @__PURE__ */ i("span", { className: U(s({ color: r, border: t, size: d }), n), ...e, children: o });
 }, y8 = ({ slot: o, className: r, size: t }) => {
   const e = c1("inner-avatar", {
     variants: {
@@ -18370,7 +18370,7 @@ const O8 = ({
     {
       src: o,
       alt: "Visual",
-      className: _(r, "ui-rounded-full ui-object-cover", e)
+      className: U(r, "ui-rounded-full ui-object-cover", e)
     }
   );
 }, c0 = {
@@ -18729,181 +18729,186 @@ const O8 = ({
   style: p,
   arrowClassName: l,
   absolute: C = !1,
+  autoClose: w = !1,
   ...g
 }) => {
-  const [w, m] = J(!1), [b, M] = J({ top: 0, left: 0 }), [h, V] = J({ width: 0, height: 0 }), [x, H] = J(!1), Z = u1(null), P = u1(null), E = u1(null), S = u1(null), k = u1(`tooltip-${Math.random().toString(36).substring(2, 9)}-${Date.now()}`);
+  const [m, x] = X(!1), [M, j] = X({ top: 0, left: 0 }), [h, v] = X({ width: 0, height: 0 }), [H, I] = X(!1), D = t1(null), R = t1(null), z = t1(null), O = t1(null), _ = t1(`tooltip-${Math.random().toString(36).substring(2, 9)}-${Date.now()}`);
   n1(() => {
-    P.current && w && requestAnimationFrame(() => {
-      if (P.current) {
-        const f = P.current.getBoundingClientRect(), v = {
+    R.current && m && requestAnimationFrame(() => {
+      if (R.current) {
+        const f = R.current.getBoundingClientRect(), b = {
           width: f.width,
           height: f.height
         };
-        V(v);
+        v(b);
       }
     });
-  }, [w, r]);
-  const U = $(() => {
-    var K, Y, A, D, F, Q;
-    if (!Z.current) return;
-    const f = Z.current.getBoundingClientRect();
-    let v = 0, j = 0;
-    const N = 8;
+  }, [m, r]);
+  const N = P(() => {
+    var T, A, F, K, r1, d1;
+    if (!D.current) return;
+    const f = D.current.getBoundingClientRect();
+    let b = 0, y = 0;
+    const S = 8;
     if (C) {
-      const R = (K = E.current) == null ? void 0 : K.getBoundingClientRect();
-      if (!R) return;
-      const i1 = f.top - R.top, B = f.left - R.left;
+      const B = (T = z.current) == null ? void 0 : T.getBoundingClientRect();
+      if (!B) return;
+      const W = f.top - B.top, V = f.left - B.left;
       switch (t) {
         case "top":
-          v = i1 - h.height - N, j = B + f.width / 2 - h.width / 2;
+          b = W - h.height - S, y = V + f.width / 2 - h.width / 2;
           break;
         case "bottom":
-          v = i1 + f.height + N, j = B + f.width / 2 - h.width / 2;
+          b = W + f.height + S, y = V + f.width / 2 - h.width / 2;
           break;
         case "left":
-          v = i1 + f.height / 2 - h.height / 2, j = B - h.width - N;
+          b = W + f.height / 2 - h.height / 2, y = V - h.width - S;
           break;
         case "right":
-          v = i1 + f.height / 2 - h.height / 2, j = B + f.width + N;
+          b = W + f.height / 2 - h.height / 2, y = V + f.width + S;
           break;
         case "top-left":
-          v = i1 - h.height - N, j = B;
+          b = W - h.height - S, y = V;
           break;
         case "top-right":
-          v = i1 - h.height - N, j = B + f.width - h.width;
+          b = W - h.height - S, y = V + f.width - h.width;
           break;
         case "bottom-left":
-          v = i1 + f.height + N, j = B;
+          b = W + f.height + S, y = V;
           break;
         case "bottom-right":
-          v = i1 + f.height + N, j = B + f.width - h.width;
+          b = W + f.height + S, y = V + f.width - h.width;
           break;
         case "right-top":
-          v = i1, j = B + f.width + N;
+          b = W, y = V + f.width + S;
           break;
         case "right-bottom":
-          v = i1 + f.height - h.height, j = B + f.width + N;
+          b = W + f.height - h.height, y = V + f.width + S;
           break;
         case "left-top":
-          v = i1, j = B - h.width - N;
+          b = W, y = V - h.width - S;
           break;
         case "left-bottom":
-          v = i1 + f.height - h.height, j = B - h.width - N;
+          b = W + f.height - h.height, y = V - h.width - S;
           break;
       }
     } else
       switch (t) {
         case "top":
-          v = f.top - h.height - N, j = f.left + f.width / 2 - h.width / 2;
+          b = f.top - h.height - S, y = f.left + f.width / 2 - h.width / 2;
           break;
         case "bottom":
-          v = f.bottom + N, j = f.left + f.width / 2 - h.width / 2;
+          b = f.bottom + S, y = f.left + f.width / 2 - h.width / 2;
           break;
         case "left":
-          v = f.top + f.height / 2 - h.height / 2, j = f.left - h.width - N;
+          b = f.top + f.height / 2 - h.height / 2, y = f.left - h.width - S;
           break;
         case "right":
-          v = f.top + f.height / 2 - h.height / 2, j = f.right + N;
+          b = f.top + f.height / 2 - h.height / 2, y = f.right + S;
           break;
         case "top-left":
-          v = f.top - h.height - N, j = f.left;
+          b = f.top - h.height - S, y = f.left;
           break;
         case "top-right":
-          v = f.top - h.height - N, j = f.right - h.width;
+          b = f.top - h.height - S, y = f.right - h.width;
           break;
         case "bottom-left":
-          v = f.bottom + N, j = f.left;
+          b = f.bottom + S, y = f.left;
           break;
         case "bottom-right":
-          v = f.bottom + N, j = f.right - h.width;
+          b = f.bottom + S, y = f.right - h.width;
           break;
         case "right-top":
-          v = f.top, j = f.right + N;
+          b = f.top, y = f.right + S;
           break;
         case "right-bottom":
-          v = f.bottom - h.height, j = f.right + N;
+          b = f.bottom - h.height, y = f.right + S;
           break;
         case "left-top":
-          v = f.top, j = f.left - h.width - N;
+          b = f.top, y = f.left - h.width - S;
           break;
         case "left-bottom":
-          v = f.bottom - h.height, j = f.left - h.width - N;
+          b = f.bottom - h.height, y = f.left - h.width - S;
           break;
       }
     if (t.includes("top") || t.includes("bottom"))
       switch (n) {
         case "start":
           if (C) {
-            const R = (Y = E.current) == null ? void 0 : Y.getBoundingClientRect();
-            R && (j = f.left - R.left);
+            const B = (A = z.current) == null ? void 0 : A.getBoundingClientRect();
+            B && (y = f.left - B.left);
           } else
-            j = f.left;
+            y = f.left;
           break;
         case "end":
           if (C) {
-            const R = (A = E.current) == null ? void 0 : A.getBoundingClientRect();
-            R && (j = f.right - R.left - h.width);
+            const B = (F = z.current) == null ? void 0 : F.getBoundingClientRect();
+            B && (y = f.right - B.left - h.width);
           } else
-            j = f.right - h.width;
+            y = f.right - h.width;
           break;
       }
     else if (t.includes("left") || t.includes("right"))
       switch (n) {
         case "start":
           if (C) {
-            const R = (D = E.current) == null ? void 0 : D.getBoundingClientRect();
-            R && (v = f.top - R.top);
+            const B = (K = z.current) == null ? void 0 : K.getBoundingClientRect();
+            B && (b = f.top - B.top);
           } else
-            v = f.top;
+            b = f.top;
           break;
         case "end":
           if (C) {
-            const R = (F = E.current) == null ? void 0 : F.getBoundingClientRect();
-            R && (v = f.bottom - R.top - h.height);
+            const B = (r1 = z.current) == null ? void 0 : r1.getBoundingClientRect();
+            B && (b = f.bottom - B.top - h.height);
           } else
-            v = f.bottom - h.height;
+            b = f.bottom - h.height;
           break;
       }
     if (C) {
-      const R = (Q = E.current) == null ? void 0 : Q.getBoundingClientRect();
-      R && (j < 8 ? j = 8 : j + h.width > R.width - 8 && (j = R.width - h.width - 8), v < 8 ? v = 8 : v + h.height > R.height - 8 && (v = R.height - h.height - 8));
+      const B = (d1 = z.current) == null ? void 0 : d1.getBoundingClientRect();
+      B && (y < 8 ? y = 8 : y + h.width > B.width - 8 && (y = B.width - h.width - 8), b < 8 ? b = 8 : b + h.height > B.height - 8 && (b = B.height - h.height - 8));
     } else {
-      const R = window.innerWidth, i1 = window.innerHeight, B = 8;
-      j < B ? j = B : j + h.width > R - B && (j = R - h.width - B), v < B ? v = B : v + h.height > i1 - B && (v = i1 - h.height - B);
+      const B = window.innerWidth, W = window.innerHeight, V = 8;
+      y < V ? y = V : y + h.width > B - V && (y = B - h.width - V), b < V ? b = V : b + h.height > W - V && (b = W - h.height - V);
     }
-    M({ top: v, left: j }), H(!0);
+    j({ top: b, left: y }), I(!0);
   }, [t, n, h, C]);
   n1(() => {
-    w && h.width > 0 && h.height > 0 && requestAnimationFrame(() => {
-      U();
+    m && h.width > 0 && h.height > 0 && requestAnimationFrame(() => {
+      N();
     });
-  }, [w, h, U]), n1(() => {
+  }, [m, h, N]), n1(() => {
     const f = () => {
-      w && U();
-    }, v = () => {
-      w && U();
+      m && N();
+    }, b = () => {
+      m && N();
     };
-    return window.addEventListener("scroll", f, !0), window.addEventListener("resize", v), () => {
-      window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", v);
+    return window.addEventListener("scroll", f, !0), window.addEventListener("resize", b), () => {
+      window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", b);
     };
-  }, [w, U]);
-  const z = $(() => {
-    d || (S.current && (clearTimeout(S.current), S.current = null), c > 0 ? S.current = setTimeout(() => {
-      m(!0);
-    }, c) : m(!0));
-  }, [d, c]), G = $(() => {
-    S.current && (clearTimeout(S.current), S.current = null), m(!1), H(!1), V({ width: 0, height: 0 });
+  }, [m, N]);
+  const q = P(() => {
+    w && (O.current = setTimeout(() => {
+      x(!1), I(!1), v({ width: 0, height: 0 });
+    }, 3e3));
+  }, [w]), J = P(() => {
+    d || (O.current && (clearTimeout(O.current), O.current = null), c > 0 ? O.current = setTimeout(() => {
+      x(!0), q();
+    }, c) : (x(!0), q()));
+  }, [d, c, q]), k = P(() => {
+    O.current && (clearTimeout(O.current), O.current = null), x(!1), I(!1), v({ width: 0, height: 0 });
   }, []);
   n1(() => () => {
-    S.current && clearTimeout(S.current), m(!1), H(!1), M({ top: 0, left: 0 }), V({ width: 0, height: 0 });
+    O.current && clearTimeout(O.current), x(!1), I(!1), j({ top: 0, left: 0 }), v({ width: 0, height: 0 });
   }, []);
-  const X = () => {
-    if (!w || d || x) return null;
-    const f = W1[e], v = /* @__PURE__ */ i(
+  const Z = () => {
+    if (!m || d || H) return null;
+    const f = W1[e], b = /* @__PURE__ */ i(
       "div",
       {
-        ref: P,
-        className: _(
+        ref: R,
+        className: U(
           C ? "ui-absolute" : "ui-fixed",
           "ui--left-[9999px] ui--top-[9999px] ui--z-10",
           "ui-max-w-[300px] ui-break-words ui-rounded ui-px-2 ui-py-1 ui-text-[10px] ui-leading-relaxed",
@@ -18916,9 +18921,9 @@ const O8 = ({
         children: r
       }
     );
-    return C ? v : k1(v, document.body);
-  }, y = () => {
-    const v = I8(e);
+    return C ? b : k1(b, document.body);
+  }, $ = () => {
+    const b = I8(e);
     switch (t) {
       case "top":
         return {
@@ -18930,7 +18935,7 @@ const O8 = ({
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderTop: `6px solid ${v}`
+          borderTop: `6px solid ${b}`
         };
       case "bottom":
         return {
@@ -18942,7 +18947,7 @@ const O8 = ({
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderBottom: `6px solid ${v}`
+          borderBottom: `6px solid ${b}`
         };
       case "left":
         return {
@@ -18954,7 +18959,7 @@ const O8 = ({
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderLeft: `6px solid ${v}`
+          borderLeft: `6px solid ${b}`
         };
       case "right":
         return {
@@ -18966,7 +18971,7 @@ const O8 = ({
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderRight: `6px solid ${v}`
+          borderRight: `6px solid ${b}`
         };
       case "top-left":
         return {
@@ -18977,7 +18982,7 @@ const O8 = ({
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderTop: `6px solid ${v}`
+          borderTop: `6px solid ${b}`
         };
       case "top-right":
         return {
@@ -18988,7 +18993,7 @@ const O8 = ({
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderTop: `6px solid ${v}`
+          borderTop: `6px solid ${b}`
         };
       case "bottom-left":
         return {
@@ -18999,7 +19004,7 @@ const O8 = ({
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderBottom: `6px solid ${v}`
+          borderBottom: `6px solid ${b}`
         };
       case "bottom-right":
         return {
@@ -19010,7 +19015,7 @@ const O8 = ({
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderBottom: `6px solid ${v}`
+          borderBottom: `6px solid ${b}`
         };
       case "right-top":
         return {
@@ -19021,7 +19026,7 @@ const O8 = ({
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderRight: `6px solid ${v}`
+          borderRight: `6px solid ${b}`
         };
       case "right-bottom":
         return {
@@ -19032,7 +19037,7 @@ const O8 = ({
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderRight: `6px solid ${v}`
+          borderRight: `6px solid ${b}`
         };
       case "left-top":
         return {
@@ -19043,7 +19048,7 @@ const O8 = ({
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderLeft: `6px solid ${v}`
+          borderLeft: `6px solid ${b}`
         };
       case "left-bottom":
         return {
@@ -19054,50 +19059,50 @@ const O8 = ({
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderLeft: `6px solid ${v}`
+          borderLeft: `6px solid ${b}`
         };
       default:
         return {};
     }
-  }, O = () => {
-    if (!w || d || !x) return null;
+  }, Y = () => {
+    if (!m || d || !H) return null;
     const f = /* @__PURE__ */ u(
       "div",
       {
-        ref: P,
-        id: a || k.current,
-        className: _(k8(e, C), "tooltip", s),
+        ref: R,
+        id: a || _.current,
+        className: U(k8(e, C), "tooltip", s),
         style: {
-          top: `${b.top}px`,
-          left: `${b.left}px`,
+          top: `${M.top}px`,
+          left: `${M.left}px`,
           ...p
         },
         role: "tooltip",
-        "aria-hidden": !w,
+        "aria-hidden": !m,
         ...g,
         children: [
           r,
-          /* @__PURE__ */ i("div", { className: _("tooltip-imj-ui-arrow", l), style: y() })
+          /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", l), style: $() })
         ]
       }
     );
     return C ? f : k1(f, document.body);
   };
-  return /* @__PURE__ */ u("div", { ref: E, className: C ? "ui-relative" : "", children: [
+  return /* @__PURE__ */ u("div", { ref: z, className: C ? "ui-relative" : "", children: [
     /* @__PURE__ */ i(
       "div",
       {
-        ref: Z,
-        onMouseEnter: z,
-        onMouseLeave: G,
-        onFocus: z,
-        onBlur: G,
-        className: _("ui-inline-block ui-h-fit ui-w-fit", L ? "ui-w-full" : "ui-w-fit"),
+        ref: D,
+        onMouseEnter: J,
+        onMouseLeave: k,
+        onFocus: J,
+        onBlur: k,
+        className: U("ui-inline-block ui-h-fit ui-w-fit", L ? "ui-w-full" : "ui-w-fit"),
         children: o
       }
     ),
-    X(),
-    O()
+    Z(),
+    Y()
   ] });
 }, t0 = ({
   children: o,
@@ -19112,11 +19117,12 @@ const O8 = ({
   style: L,
   arrowClassName: p,
   absolute: l = !1,
-  ...C
+  autoClose: C = !1,
+  ...w
 }) => d || !r ? o : /* @__PURE__ */ i(
   B8,
   {
-    ...C,
+    ...w,
     label: r,
     children: o,
     position: t,
@@ -19128,7 +19134,8 @@ const O8 = ({
     className: s,
     style: L,
     arrowClassName: p,
-    absolute: l
+    absolute: l,
+    autoClose: C
   }
 ), C1 = (o, r, t, n) => {
   const e = o !== "button", a = {
@@ -19199,7 +19206,7 @@ const O8 = ({
     }
   };
   return a[o] || a.button;
-}, r1 = ({
+}, o1 = ({
   className: o,
   classNameLabel: r,
   fullWidth: t = !1,
@@ -19213,44 +19220,44 @@ const O8 = ({
   rounded: p,
   children: l,
   textColor: C,
-  clickable: g = !0,
-  icon: w,
+  clickable: w = !0,
+  icon: g,
   link: m,
-  size: b,
+  size: x,
   square: M = !1,
-  target: h = "_self",
-  onClickIcon: V,
-  onClickLeftSlot: x,
+  target: j = "_self",
+  onClickIcon: h,
+  onClickLeftSlot: v,
   onClickRightSlot: H,
-  disabled: Z,
-  colorIcon: P,
-  showShadow: E = !1,
-  borderable: S,
-  iconSizeExtended: k = "none",
-  defaultSizeIcon: U = !0,
-  defaultTooltipColor: z = !0,
-  as: G = "button",
-  classNameId: X = "imj-ui-inner-button",
-  tooltip: y = "",
-  tooltipPosition: O,
-  tooltipAlignment: f,
-  tooltipColor: v = "neutral",
-  tooltipDelay: j,
-  classNameTooltip: N,
-  stopPropagation: K = !0,
-  pointer: Y = !1,
-  ref: A,
-  onClick: D,
+  disabled: I,
+  colorIcon: D,
+  showShadow: R = !1,
+  borderable: z,
+  iconSizeExtended: O = "none",
+  defaultSizeIcon: _ = !0,
+  defaultTooltipColor: N = !0,
+  as: q = "button",
+  classNameId: J = "imj-ui-inner-button",
+  tooltip: k = "",
+  tooltipPosition: Z,
+  tooltipAlignment: $,
+  tooltipColor: Y = "neutral",
+  tooltipDelay: f,
+  classNameTooltip: b,
+  stopPropagation: y = !0,
+  pointer: S = !1,
+  ref: T,
+  onClick: A,
   textAlign: F = "center",
-  whiteBackground: Q = !1,
-  strokeWidth: R = 2,
-  transition: i1 = !0,
+  whiteBackground: K = !1,
+  strokeWidth: r1 = 2,
+  transition: d1 = !0,
   ...B
 }) => {
-  const t1 = {
-    disabled: Z
-  }, I = a === "icon", q = I ? !0 : U, o1 = I ? "xs" : b, e1 = (f1) => {
-    K && f1.stopPropagation(), D && D(f1);
+  const W = {
+    disabled: I
+  }, V = a === "icon", G = V ? !0 : _, i1 = V ? "xs" : x, e1 = (f1) => {
+    y && f1.stopPropagation(), A && A(f1);
   }, p1 = c1("", {
     variants: {
       color: {
@@ -19276,23 +19283,23 @@ const O8 = ({
       color: "inherit",
       textAlign: "left"
     }
-  }), d1 = () => /* @__PURE__ */ u(I1, { children: [
+  }), l1 = () => /* @__PURE__ */ u(I1, { children: [
     l && n && /* @__PURE__ */ i(
       m1,
       {
         slot: n,
-        size: b,
-        colorIcon: P,
+        size: x,
+        colorIcon: D,
         className: o,
-        onClick: x,
-        defaultSizeIcon: q,
-        strokeWidth: R
+        onClick: v,
+        defaultSizeIcon: G,
+        strokeWidth: r1
       }
     ),
     l && /* @__PURE__ */ u(
       "p",
       {
-        className: _(
+        className: U(
           "ui-relative ui-leading-none",
           n || e ? "" : "ui-w-full",
           p1({ color: C, textAlign: F })
@@ -19304,60 +19311,60 @@ const O8 = ({
       }
     ),
     c && l && /* @__PURE__ */ i(O8, { color: c, label: d, border: s }),
-    !l && w && (typeof w == "string" ? /* @__PURE__ */ i(
+    !l && g && (typeof g == "string" ? /* @__PURE__ */ i(
       v1,
       {
-        strokeWidth: R,
-        name: w,
-        size: a === "icon" ? b : k !== "none" ? k : b,
-        color: P,
-        onClick: V
+        strokeWidth: r1,
+        name: g,
+        size: a === "icon" ? x : O !== "none" ? O : x,
+        color: D,
+        onClick: h
       }
-    ) : w),
+    ) : g),
     l && e && /* @__PURE__ */ i(
       m1,
       {
         slot: e,
-        size: k !== "none" ? k : b,
-        colorIcon: P,
+        size: O !== "none" ? O : x,
+        colorIcon: D,
         className: o,
         onClick: H,
-        defaultSizeIcon: q,
-        strokeWidth: R
+        defaultSizeIcon: G,
+        strokeWidth: r1
       }
     )
-  ] }), a1 = M ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", s1 = z ? v || "neutral" : L, x1 = c1(
-    `${X} ui-h-fit ui-justify-center ui-flex ui-items-center ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${E && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${Y && I ? "!ui-cursor-pointer" : ""} ${i1 ? "ui-transition-all ui-duration-300" : ""}`,
+  ] }), u1 = M ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", s1 = N ? Y || "neutral" : L, x1 = c1(
+    `${J} ui-h-fit ui-justify-center ui-flex ui-items-center ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${R && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${S && V ? "!ui-cursor-pointer" : ""} ${d1 ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
         variant: {
           button: " ui-border-transparent",
-          text: ` !ui-border-transparent !ui-bg-transparent ${g ? "enabled:hover:ui-underline !ui-active:enabled:ui-underline" : ""} disabled:ui-cursor-not-allowed`,
+          text: ` !ui-border-transparent !ui-bg-transparent ${w ? "enabled:hover:ui-underline !ui-active:enabled:ui-underline" : ""} disabled:ui-cursor-not-allowed`,
           outlined: "",
           soft: "",
           icon: " ui-border-transparent"
         },
         size: {
-          xs: `ui-max-h-5 ui-min-h-5 ui-min-w-5 ${l ? "ui-px-1 ui-py-0.5" : "ui-p-0.5 ui-w-5 ui-flex ui-justify-center ui-items-center"} ui-h-5 ui-text-[10px] ${M ? ` ui-max-w-5 ui-min-h-5 ${a1}` : ""}`,
-          sm: `ui-max-h-6 ui-min-h-6 ui-min-w-6 ${l ? "ui-px-2 ui-py-1" : "ui-p-1 ui-w-6 ui-flex ui-justify-center ui-items-center"} ui-h-6 ui-text-[10px] ${M ? ` ui-max-w-6 ui-min-h-6 ${a1}` : ""}`,
-          md: `ui-max-h-[26px] ui-min-h-[26px] ui-min-w-[26px] ${l ? "ui-px-3 ui-py-1.5" : "ui-p-1.5 ui-w-[26px] ui-flex ui-justify-center ui-items-center"} ui-h-[26px] ui-text-[12px] ${M ? ` ui-max-w-[26px] ui-min-h-[26px] ${a1}` : ""}`,
-          lg: `ui-max-h-[32px] ui-min-h-[32px] ui-min-w-[32px] ${l ? "ui-px-4 ui-py-2" : "ui-p-2 ui-w-[32px] ui-flex ui-justify-center ui-items-center"} ui-h-[32px] ui-text-[14px] ${M ? ` ui-max-w-[32px] ui-min-h-[32px] ${a1}` : ""}`,
-          xl: `ui-max-h-[42px] ui-min-h-[42px] ui-min-w-[42px] ${l ? "ui-px-5 ui-py-2.5" : "ui-p-2.5 ui-w-[42px] ui-flex ui-justify-center ui-items-center"} ui-h-[42px] ui-text-[16px] ${M ? ` ui-max-w-[42px] ui-min-h-[42px] ${a1}` : ""}`,
-          "2xl": `ui-max-h-[52px] ui-min-h-[52px] ui-min-w-[52px] ${l ? "ui-px-6 ui-py-3" : "ui-p-3 ui-w-[52px] ui-flex ui-justify-center ui-items-center"} ui-h-[52px] ui-text-[18px] ${M ? ` ui-max-w-[52px] ui-min-h-[52px] ${a1}` : ""}`,
-          "3xl": `ui-max-h-[62px] ui-min-h-[62px] ui-min-w-[62px] ${l ? "ui-px-7 ui-py-3.5" : "ui-p-3.5 ui-w-[62px] ui-flex ui-justify-center ui-items-center"} ui-h-[62px] ui-text-[20px] ${M ? `ui-max-w-[62px] ui-min-h-[62px] ${a1}` : ""}`
+          xs: `ui-max-h-5 ui-min-h-5 ui-min-w-5 ${l ? "ui-px-1 ui-py-0.5" : "ui-p-0.5 ui-w-5 ui-flex ui-justify-center ui-items-center"} ui-h-5 ui-text-[10px] ${M ? ` ui-max-w-5 ui-min-h-5 ${u1}` : ""}`,
+          sm: `ui-max-h-6 ui-min-h-6 ui-min-w-6 ${l ? "ui-px-2 ui-py-1" : "ui-p-1 ui-w-6 ui-flex ui-justify-center ui-items-center"} ui-h-6 ui-text-[10px] ${M ? ` ui-max-w-6 ui-min-h-6 ${u1}` : ""}`,
+          md: `ui-max-h-[26px] ui-min-h-[26px] ui-min-w-[26px] ${l ? "ui-px-3 ui-py-1.5" : "ui-p-1.5 ui-w-[26px] ui-flex ui-justify-center ui-items-center"} ui-h-[26px] ui-text-[12px] ${M ? ` ui-max-w-[26px] ui-min-h-[26px] ${u1}` : ""}`,
+          lg: `ui-max-h-[32px] ui-min-h-[32px] ui-min-w-[32px] ${l ? "ui-px-4 ui-py-2" : "ui-p-2 ui-w-[32px] ui-flex ui-justify-center ui-items-center"} ui-h-[32px] ui-text-[14px] ${M ? ` ui-max-w-[32px] ui-min-h-[32px] ${u1}` : ""}`,
+          xl: `ui-max-h-[42px] ui-min-h-[42px] ui-min-w-[42px] ${l ? "ui-px-5 ui-py-2.5" : "ui-p-2.5 ui-w-[42px] ui-flex ui-justify-center ui-items-center"} ui-h-[42px] ui-text-[16px] ${M ? ` ui-max-w-[42px] ui-min-h-[42px] ${u1}` : ""}`,
+          "2xl": `ui-max-h-[52px] ui-min-h-[52px] ui-min-w-[52px] ${l ? "ui-px-6 ui-py-3" : "ui-p-3 ui-w-[52px] ui-flex ui-justify-center ui-items-center"} ui-h-[52px] ui-text-[18px] ${M ? ` ui-max-w-[52px] ui-min-h-[52px] ${u1}` : ""}`,
+          "3xl": `ui-max-h-[62px] ui-min-h-[62px] ui-min-w-[62px] ${l ? "ui-px-7 ui-py-3.5" : "ui-p-3.5 ui-w-[62px] ui-flex ui-justify-center ui-items-center"} ui-h-[62px] ui-text-[20px] ${M ? `ui-max-w-[62px] ui-min-h-[62px] ${u1}` : ""}`
         },
         color: {
-          blue: C1(a, g, S, Q).blue,
-          "blue-dark": C1(a, g, S, Q)["blue-dark"],
-          orange: C1(a, g, S, Q).orange,
-          red: C1(a, g, S, Q).red,
-          green: C1(a, g, S, Q).green,
-          white: C1(a, g, S, Q).white,
-          yellow: C1(a, g, S, Q).yellow,
-          "blue-light": C1(a, g, S, Q)["blue-light"],
-          neutral: C1(a, g, S, Q).neutral,
-          black: C1(a, g, S, Q).black,
-          transparent: C1(a, g, S, Q).transparent
+          blue: C1(a, w, z, K).blue,
+          "blue-dark": C1(a, w, z, K)["blue-dark"],
+          orange: C1(a, w, z, K).orange,
+          red: C1(a, w, z, K).red,
+          green: C1(a, w, z, K).green,
+          white: C1(a, w, z, K).white,
+          yellow: C1(a, w, z, K).yellow,
+          "blue-light": C1(a, w, z, K)["blue-light"],
+          neutral: C1(a, w, z, K).neutral,
+          black: C1(a, w, z, K).black,
+          transparent: C1(a, w, z, K).transparent
         },
         rounded: {
           false: "ui-rounded-sm",
@@ -19365,7 +19372,7 @@ const O8 = ({
         },
         fullWidth: {
           true: "ui-w-full",
-          false: !M && !w && l ? "ui-min-w-fit" : ""
+          false: !M && !g && l ? "ui-min-w-fit" : ""
         }
       },
       defaultVariants: {
@@ -19376,61 +19383,61 @@ const O8 = ({
       }
     }
   )({
-    size: o1,
+    size: i1,
     color: L,
     rounded: p,
     fullWidth: t,
     variant: a,
-    className: _(o)
+    className: U(o)
   });
   return m ? /* @__PURE__ */ i(
     "a",
     {
-      ref: A,
+      ref: T,
       href: m,
-      target: h,
-      className: _(x1, o),
-      children: d1()
+      target: j,
+      className: U(x1, o),
+      children: l1()
     }
-  ) : G === "div" ? /* @__PURE__ */ i(
+  ) : q === "div" ? /* @__PURE__ */ i(
     t0,
     {
-      label: y,
-      position: O,
-      alignment: f,
+      label: k,
+      position: Z,
+      alignment: $,
       color: s1,
-      delay: j,
-      className: N,
+      delay: f,
+      className: b,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "div",
         {
-          ref: A,
-          className: _(x1, o),
+          ref: T,
+          className: U(x1, o),
           ...B,
-          children: d1()
+          children: l1()
         }
       )
     }
   ) : /* @__PURE__ */ i(
     t0,
     {
-      label: y,
-      position: O,
-      alignment: f,
+      label: k,
+      position: Z,
+      alignment: $,
       color: s1,
-      delay: j,
-      className: N,
+      delay: f,
+      className: b,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "button",
         {
-          ref: A,
-          className: _(x1, o),
-          ...t1,
+          ref: T,
+          className: U(x1, o),
+          ...W,
           ...B,
           onClick: e1,
-          children: d1()
+          children: l1()
         }
       )
     }
@@ -19444,7 +19451,7 @@ const O8 = ({
 }) => /* @__PURE__ */ u("div", { className: `ui-flex ui-items-center ui-justify-between ${n}`, children: [
   /* @__PURE__ */ i("h3", { className: "ui-text-sm ui-font-bold ui-leading-none ui-text-neutral-900", children: o }),
   /* @__PURE__ */ i(
-    r1,
+    o1,
     {
       variant: "icon",
       size: "2xl",
@@ -19470,7 +19477,7 @@ const O8 = ({
   headerClassName: a,
   defaultOpen: c = !1
 }) => {
-  const [d, s] = J(c);
+  const [d, s] = X(c);
   return /* @__PURE__ */ u(
     "div",
     {
@@ -19611,7 +19618,7 @@ const O8 = ({
       )
     ] }),
     o.showCloseButton && /* @__PURE__ */ i(
-      r1,
+      o1,
       {
         icon: "X2Outlined",
         size: "xs",
@@ -19654,7 +19661,7 @@ const O8 = ({
   }, c = t === "outlined";
   return console.log(c), /* @__PURE__ */ u("div", { className: "ui-mt-2 ui-flex ui-w-full ui-justify-end ui-gap-x-2", children: [
     o.onSecondaryClick && /* @__PURE__ */ i(
-      r1,
+      o1,
       {
         clickable: !0,
         variant: r[t].secondary,
@@ -19665,7 +19672,7 @@ const O8 = ({
       }
     ),
     o.onPrimaryClick && /* @__PURE__ */ i(
-      r1,
+      o1,
       {
         clickable: !0,
         variant: r[t].primary,
@@ -19745,7 +19752,7 @@ const O8 = ({
     }
   }[o][r]}`;
 }, T8 = ({ open: o, externalIsLeaving: r }) => {
-  const [t, n] = J(!1), [e, a] = J(!1), c = r !== void 0 ? r : e;
+  const [t, n] = X(!1), [e, a] = X(!1), c = r !== void 0 ? r : e;
   return n1(() => {
     o ? (n(!0), a(!1)) : (a(!0), r === void 0 && setTimeout(() => {
       n(!1);
@@ -19853,9 +19860,9 @@ const O8 = ({
   borderStyle: p = "solid",
   icon: l,
   showIcon: C = !1,
-  description: g = ""
+  description: w = ""
 }) => {
-  const w = c1(
+  const g = c1(
     "ui-w-11 ui-h-11 ui-min-w-11 ui-min-h-11 ui-rounded-full ui-flex ui-items-center ui-justify-center ui-relative",
     {
       variants: {
@@ -19886,10 +19893,10 @@ const O8 = ({
       }
     }
   );
-  return /* @__PURE__ */ u("div", { className: _("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", o), children: [
-    (l || C) && /* @__PURE__ */ u("div", { className: _(w({ status: r })), children: [
+  return /* @__PURE__ */ u("div", { className: U("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", o), children: [
+    (l || C) && /* @__PURE__ */ u("div", { className: U(g({ status: r })), children: [
       l && /* @__PURE__ */ i(v1, { name: l, size: "2xl", color: "white", strokeWidth: 4 }),
-      /* @__PURE__ */ i("div", { className: _(m({ borderStyle: p })) })
+      /* @__PURE__ */ i("div", { className: U(m({ borderStyle: p })) })
     ] }),
     /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-w-full ui-flex-col ui-gap-1.5", children: [
       /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-justify-between ui-gap-2", children: [
@@ -19909,8 +19916,8 @@ const O8 = ({
       /* @__PURE__ */ i(
         "p",
         {
-          className: _("ui-text-xxs", r === "red" ? "ui-text-red-500" : "ui-text-neutral-500"),
-          children: g
+          className: U("ui-text-xxs", r === "red" ? "ui-text-red-500" : "ui-text-neutral-500"),
+          children: w
         }
       )
     ] })
@@ -19929,25 +19936,25 @@ const O8 = ({
   primaryButtonText: p = "Aceptar",
   secondaryButtonText: l = "Cancelar",
   animation: C = "none",
-  isLeaving: g,
-  progressBarColor: w = !1,
+  isLeaving: w,
+  progressBarColor: g = !1,
   duration: m = 3e3
 }) => {
-  const { isVisible: b, isLeaving: M } = T8({ open: o, externalIsLeaving: g });
-  if (!b)
+  const { isVisible: x, isLeaving: M } = T8({ open: o, externalIsLeaving: w });
+  if (!x)
     return null;
-  const h = !!d, V = (x) => {
-    d && (x.stopPropagation(), d());
+  const j = !!d, h = (v) => {
+    d && (v.stopPropagation(), d());
   };
   return /* @__PURE__ */ u(
     "div",
     {
-      className: _(
+      className: U(
         "ui-relative ui-overflow-hidden",
         A8({ type: r, variant: t, isLeaving: M, animation: C }),
-        h ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
+        j ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
       ),
-      onClick: V,
+      onClick: h,
       children: [
         /* @__PURE__ */ u("div", { className: "ui-p-2", children: [
           /* @__PURE__ */ i(
@@ -19973,7 +19980,7 @@ const O8 = ({
             }
           )
         ] }),
-        w && /* @__PURE__ */ i("div", { className: _("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
+        g && /* @__PURE__ */ i("div", { className: U("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
           F8,
           {
             progress: 100,
@@ -20000,21 +20007,21 @@ const O8 = ({
   color: p,
   rounded: l,
   children: C,
-  icon: g,
-  link: w,
+  icon: w,
+  link: g,
   size: m,
-  target: b = "_self",
+  target: x = "_self",
   onClickIcon: M,
-  disabled: h,
-  colorIcon: V,
-  tooltip: x,
+  disabled: j,
+  colorIcon: h,
+  tooltip: v,
   tooltipPosition: H,
-  tooltipAlignment: Z,
-  tooltipColor: P,
-  tooltipDelay: E,
-  ...S
+  tooltipAlignment: I,
+  tooltipColor: D,
+  tooltipDelay: R,
+  ...z
 }) => /* @__PURE__ */ i(
-  r1,
+  o1,
   {
     ref: o,
     variant: a,
@@ -20024,24 +20031,24 @@ const O8 = ({
     size: m,
     clickable: L,
     children: C,
-    icon: g,
+    icon: w,
     badgeColor: c,
     badgeLabel: d,
     badgeBorder: s,
     slotLeft: n,
     slotRight: e,
-    link: w,
-    target: b,
+    link: g,
+    target: x,
     onClickIcon: M,
-    disabled: h,
-    colorIcon: V,
+    disabled: j,
+    colorIcon: h,
     className: r,
-    tooltip: x,
+    tooltip: v,
     tooltipPosition: H,
-    tooltipAlignment: Z,
-    tooltipColor: P,
-    tooltipDelay: E,
-    ...S
+    tooltipAlignment: I,
+    tooltipColor: D,
+    tooltipDelay: R,
+    ...z
   }
 ), u5 = ({
   children: o,
@@ -20068,7 +20075,7 @@ const O8 = ({
 }, J1 = ({ className: o, vertical: r = !1, padding: t = !0 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: _(
+    className: U(
       "ui-bg-neutral-100",
       o,
       "",
@@ -20093,7 +20100,7 @@ const O8 = ({
   return /* @__PURE__ */ i(
     "div",
     {
-      className: _(
+      className: U(
         "ui-flex ui-w-full ui-flex-col ui-border-1 ui-border-neutral-100 ui-bg-white ui-shadow-sm",
         r,
         s ? "ui-gap-4" : "",
@@ -20114,7 +20121,7 @@ h1.Header = ({ children: o, className: r }) => /* @__PURE__ */ i("div", { classN
 h1.Body = ({ children: o, className: r, fullHeight: t = !1, scrollable: n = !0 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: _(
+    className: U(
       r,
       t ? "ui-h-full" : "",
       n ? "custom-scrollbar ui-overflow-y-auto" : ""
@@ -20132,7 +20139,7 @@ const U8 = (o) => {
     initialViewMode: e = "days",
     closeOnSelect: a = !1,
     autoCloseRange: c = !0
-  } = o, [d, s] = J({
+  } = o, [d, s] = X({
     isOpen: !1,
     currentDate: /* @__PURE__ */ new Date(),
     viewMode: e,
@@ -20140,149 +20147,149 @@ const U8 = (o) => {
     internalRange: { start: null, end: null },
     hoverDate: null,
     portalPosition: { top: 0, left: 0 }
-  }), [L, p] = J(!1), l = u1(null), C = r === "single" ? t !== void 0 : n !== void 0, g = r === "single" ? t == null : n === void 0, w = r === "single" ? g ? d.internalDate : t : null, m = r === "range" ? g ? d.internalRange : n : { start: null, end: null }, b = (y) => y && y instanceof Date && !isNaN(y.getTime()), M = b(w) ? w : null, h = {
-    start: b(m == null ? void 0 : m.start) ? m.start : null,
-    end: b(m == null ? void 0 : m.end) ? m.end : null
-  }, V = $(() => {
+  }), [L, p] = X(!1), l = t1(null), C = r === "single" ? t !== void 0 : n !== void 0, w = r === "single" ? t == null : n === void 0, g = r === "single" ? w ? d.internalDate : t : null, m = r === "range" ? w ? d.internalRange : n : { start: null, end: null }, x = (k) => k && k instanceof Date && !isNaN(k.getTime()), M = x(g) ? g : null, j = {
+    start: x(m == null ? void 0 : m.start) ? m.start : null,
+    end: x(m == null ? void 0 : m.end) ? m.end : null
+  }, h = P(() => {
     if (l.current) {
-      const y = l.current.getInputElement();
-      if (y) {
-        const O = y.getBoundingClientRect(), f = window.innerHeight, v = window.innerWidth, j = 320, N = 256, K = 8;
-        let Y, A = O.left;
-        const D = f - O.bottom, F = O.top;
-        D >= j + K ? Y = O.bottom + K : F >= j + K ? Y = O.top - j + K : D > F ? Y = O.bottom + K : Y = O.top - j + K, O.left + N > v && (A = O.right - N), A = Math.max(0, Math.min(A, v - N)), s((Q) => ({
-          ...Q,
+      const k = l.current.getInputElement();
+      if (k) {
+        const Z = k.getBoundingClientRect(), $ = window.innerHeight, Y = window.innerWidth, f = 320, b = 256, y = 8;
+        let S, T = Z.left;
+        const A = $ - Z.bottom, F = Z.top;
+        A >= f + y ? S = Z.bottom + y : F >= f + y ? S = Z.top - f + y : A > F ? S = Z.bottom + y : S = Z.top - f + y, Z.left + b > Y && (T = Z.right - b), T = Math.max(0, Math.min(T, Y - b)), s((K) => ({
+          ...K,
           isOpen: !0,
-          portalPosition: { top: Y, left: A }
+          portalPosition: { top: S, left: T }
         })), p(!0);
         return;
       }
     }
-    s((y) => ({ ...y, isOpen: !0 })), p(!1);
-  }, []), x = $(() => {
-    s((y) => ({ ...y, isOpen: !1 })), p(!1);
-  }, []), H = $((y) => {
-    s((O) => ({ ...O, currentDate: y }));
-  }, []), Z = $((y) => {
-    s((O) => ({ ...O, viewMode: y }));
-  }, []), P = $((y) => {
-    s((O) => {
-      const f = new Date(O.currentDate);
-      switch (O.viewMode) {
+    s((k) => ({ ...k, isOpen: !0 })), p(!1);
+  }, []), v = P(() => {
+    s((k) => ({ ...k, isOpen: !1 })), p(!1);
+  }, []), H = P((k) => {
+    s((Z) => ({ ...Z, currentDate: k }));
+  }, []), I = P((k) => {
+    s((Z) => ({ ...Z, viewMode: k }));
+  }, []), D = P((k) => {
+    s((Z) => {
+      const $ = new Date(Z.currentDate);
+      switch (Z.viewMode) {
         case "days":
-          f.setMonth(f.getMonth() + (y === "next" ? 1 : -1));
+          $.setMonth($.getMonth() + (k === "next" ? 1 : -1));
           break;
         case "months":
-          f.setFullYear(f.getFullYear() + (y === "next" ? 1 : -1));
+          $.setFullYear($.getFullYear() + (k === "next" ? 1 : -1));
           break;
         case "years":
-          f.setFullYear(f.getFullYear() + (y === "next" ? 12 : -12));
+          $.setFullYear($.getFullYear() + (k === "next" ? 12 : -12));
           break;
       }
-      return { ...O, currentDate: f };
+      return { ...Z, currentDate: $ };
     });
-  }, []), E = $(
-    (y) => {
-      var O;
-      r === "single" && (g && s((f) => ({ ...f, internalDate: y })), (O = o.onDateChange) == null || O.call(o, y), a && x());
+  }, []), R = P(
+    (k) => {
+      var Z;
+      r === "single" && (w && s(($) => ({ ...$, internalDate: k })), (Z = o.onDateChange) == null || Z.call(o, k), a && v());
     },
-    [r, g, o.onDateChange, a, x]
-  ), S = $(
-    (y) => {
-      var O;
-      r === "range" && (C || s((f) => ({ ...f, internalRange: y })), (O = o.onRangeChange) == null || O.call(o, y), c && y.start && y.end && x());
+    [r, w, o.onDateChange, a, v]
+  ), z = P(
+    (k) => {
+      var Z;
+      r === "range" && (C || s(($) => ({ ...$, internalRange: k })), (Z = o.onRangeChange) == null || Z.call(o, k), c && k.start && k.end && v());
     },
-    [r, C, o.onRangeChange, c, x]
-  ), k = $((y) => {
-    s((O) => ({ ...O, hoverDate: y }));
-  }, []), U = $((y) => {
-    s((O) => {
-      const f = new Date(O.currentDate);
-      return f.setMonth(y), {
-        ...O,
-        currentDate: f,
+    [r, C, o.onRangeChange, c, v]
+  ), O = P((k) => {
+    s((Z) => ({ ...Z, hoverDate: k }));
+  }, []), _ = P((k) => {
+    s((Z) => {
+      const $ = new Date(Z.currentDate);
+      return $.setMonth(k), {
+        ...Z,
+        currentDate: $,
         viewMode: "days"
       };
     });
-  }, []), z = $((y) => {
-    s((O) => {
-      const f = new Date(O.currentDate);
-      return f.setFullYear(y), {
-        ...O,
-        currentDate: f,
+  }, []), N = P((k) => {
+    s((Z) => {
+      const $ = new Date(Z.currentDate);
+      return $.setFullYear(k), {
+        ...Z,
+        currentDate: $,
         viewMode: "months"
       };
     });
-  }, []), G = $(() => {
-    const y = /* @__PURE__ */ new Date();
-    s((O) => ({
-      ...O,
-      currentDate: y,
+  }, []), q = P(() => {
+    const k = /* @__PURE__ */ new Date();
+    s((Z) => ({
+      ...Z,
+      currentDate: k,
       viewMode: "days"
     }));
-  }, []), X = $(() => {
+  }, []), J = P(() => {
     if (!l.current)
       return;
-    const y = l.current.getInputElement();
-    if (!y)
+    const k = l.current.getInputElement();
+    if (!k)
       return;
-    const O = y.getBoundingClientRect(), f = window.innerHeight, v = window.innerWidth, j = 320, N = 256, K = 8;
-    let Y, A = O.left;
-    const D = f - O.bottom, F = O.top;
-    D >= j + K ? Y = O.bottom + K : F >= j + K ? Y = O.top - j + K : D > F ? Y = O.bottom + K : Y = O.top - j + K, O.left + N > v && (A = O.right - N), A = Math.max(0, Math.min(A, v - N)), s((Q) => ({ ...Q, portalPosition: { top: Y, left: A } })), p(!0);
+    const Z = k.getBoundingClientRect(), $ = window.innerHeight, Y = window.innerWidth, f = 320, b = 256, y = 8;
+    let S, T = Z.left;
+    const A = $ - Z.bottom, F = Z.top;
+    A >= f + y ? S = Z.bottom + y : F >= f + y ? S = Z.top - f + y : A > F ? S = Z.bottom + y : S = Z.top - f + y, Z.left + b > Y && (T = Z.right - b), T = Math.max(0, Math.min(T, Y - b)), s((K) => ({ ...K, portalPosition: { top: S, left: T } })), p(!0);
   }, []);
   return n1(() => {
     if (!d.isOpen) return;
-    const y = () => X(), O = () => X();
-    return window.addEventListener("scroll", y, !0), window.addEventListener("resize", O), () => {
-      window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", O);
+    const k = () => J(), Z = () => J();
+    return window.addEventListener("scroll", k, !0), window.addEventListener("resize", Z), () => {
+      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", Z);
     };
-  }, [d.isOpen, X]), n1(() => {
+  }, [d.isOpen, J]), n1(() => {
     if (d.isOpen) {
-      const y = setTimeout(() => {
-        X();
+      const k = setTimeout(() => {
+        J();
       }, 0);
-      return () => clearTimeout(y);
+      return () => clearTimeout(k);
     }
-  }, [d.isOpen, X]), {
+  }, [d.isOpen, J]), {
     state: d,
     selectedDate: M,
-    selectedRange: h,
+    selectedRange: j,
     inputRef: l,
     isPortalReady: L,
     actions: {
-      openPicker: V,
-      closePicker: x,
+      openPicker: h,
+      closePicker: v,
       setCurrentDate: H,
-      setViewMode: Z,
-      setSelectedDate: E,
-      setSelectedRange: S,
-      setHoverDate: k,
-      updatePortalPosition: X,
-      navigate: P,
-      handleMonthSelect: U,
-      handleYearSelect: z,
-      goToToday: G
+      setViewMode: I,
+      setSelectedDate: R,
+      setSelectedRange: z,
+      setHoverDate: O,
+      updatePortalPosition: J,
+      navigate: D,
+      handleMonthSelect: _,
+      handleYearSelect: N,
+      goToToday: q
     }
   };
 }, M1 = (o) => o && o instanceof Date && !isNaN(o.getTime()), p0 = (o, r, t, n, e) => {
-  const a = $((l, C) => !C.start || !C.end || !M1(C.start) || !M1(C.end) ? !1 : l >= C.start && l <= C.end, []), c = $((l, C) => !C.start || !M1(C.start) ? !1 : l.getTime() === C.start.getTime(), []), d = $((l, C) => !C.end || !M1(C.end) ? !1 : l.getTime() === C.end.getTime(), []), s = $(
+  const a = P((l, C) => !C.start || !C.end || !M1(C.start) || !M1(C.end) ? !1 : l >= C.start && l <= C.end, []), c = P((l, C) => !C.start || !M1(C.start) ? !1 : l.getTime() === C.start.getTime(), []), d = P((l, C) => !C.end || !M1(C.end) ? !1 : l.getTime() === C.end.getTime(), []), s = P(
     (l) => !!(!M1(l) || t && M1(t) && l < t || n && M1(n) && l > n),
     [t, n]
-  ), L = $(
-    (l, C, g) => {
+  ), L = P(
+    (l, C, w) => {
       if (!M1(l)) {
         console.warn("useDateRange: Se recibió una fecha inválida:", l);
         return;
       }
       if (s(l)) return;
-      const w = { ...o };
-      !o.start || o.start && o.end ? (w.start = l, w.end = null) : l < o.start ? (w.start = l, w.end = o.start) : (w.start = o.start, w.end = l), r(w), e && w.start && w.end && g && g();
+      const g = { ...o };
+      !o.start || o.start && o.end ? (g.start = l, g.end = null) : l < o.start ? (g.start = l, g.end = o.start) : (g.start = o.start, g.end = l), r(g), e && g.start && g.end && w && w();
     },
     [o, r, s, e]
-  ), p = $(
+  ), p = P(
     (l, C) => {
-      const g = c(l, o), w = d(l, o), m = a(l, o), b = s(l);
+      const w = c(l, o), g = d(l, o), m = a(l, o), x = s(l);
       let M = !1;
       if (C && o.start && !o.end) {
         const H = {
@@ -20291,43 +20298,43 @@ const U8 = (o) => {
         };
         M = a(l, H);
       }
-      let h = !1;
-      if (o.start && o.end && m && !g) {
+      let j = !1;
+      if (o.start && o.end && m && !w) {
         const H = new Date(l);
-        H.setDate(l.getDate() - 1), h = !a(H, o);
+        H.setDate(l.getDate() - 1), j = !a(H, o);
       } else if (o.start && !o.end && C && M) {
         const H = new Date(l);
         H.setDate(l.getDate() - 1);
-        const Z = {
+        const I = {
           start: o.start < C ? o.start : C,
           end: o.start < C ? C : o.start
         };
-        h = !a(H, Z);
+        j = !a(H, I);
       }
-      let V = !1;
-      if (o.start && o.end && m && !w) {
+      let h = !1;
+      if (o.start && o.end && m && !g) {
         const H = new Date(l);
-        H.setDate(l.getDate() + 1), V = !a(H, o);
+        H.setDate(l.getDate() + 1), h = !a(H, o);
       } else if (o.start && !o.end && C && M) {
         const H = new Date(l);
         H.setDate(l.getDate() + 1);
-        const Z = {
+        const I = {
           start: o.start < C ? o.start : C,
           end: o.start < C ? C : o.start
         };
-        V = !a(H, Z);
+        h = !a(H, I);
       }
-      let x = !0;
-      return o.start && !o.end && C ? x = C >= o.start : o.start && o.end && (x = l >= o.start), {
+      let v = !0;
+      return o.start && !o.end && C ? v = C >= o.start : o.start && o.end && (v = l >= o.start), {
         isSelectingStart: !o.start || o.start && o.end,
         isSelectingEnd: !!o.start && !o.end,
-        isStart: g,
-        isEnd: w,
+        isStart: w,
+        isEnd: g,
         isInRange: m,
-        isFirstInRange: h,
-        isLastInRange: V,
-        afterSelected: x,
-        isDisabled: b,
+        isFirstInRange: j,
+        isLastInRange: h,
+        afterSelected: v,
+        isDisabled: x,
         isHovered: M
       };
     },
@@ -20342,7 +20349,7 @@ const U8 = (o) => {
     getRangeState: p
   };
 }, F1 = (o, r, t) => {
-  const n = $(
+  const n = P(
     (p) => {
       const l = new Date(o);
       switch (p) {
@@ -20356,38 +20363,38 @@ const U8 = (o) => {
       r(p);
     },
     [o, r]
-  ), e = $((p) => {
-    const l = p.getFullYear(), C = p.getMonth(), g = new Date(l, C, 1), w = new Date(l, C + 1, 0), m = w.getDate(), b = g.getDay();
-    return { firstDay: g, lastDay: w, daysInMonth: m, startOfWeek: b };
-  }, []), a = $(
+  ), e = P((p) => {
+    const l = p.getFullYear(), C = p.getMonth(), w = new Date(l, C, 1), g = new Date(l, C + 1, 0), m = g.getDate(), x = w.getDay();
+    return { firstDay: w, lastDay: g, daysInMonth: m, startOfWeek: x };
+  }, []), a = P(
     (p, l = 1) => {
-      const { firstDay: C, lastDay: g, daysInMonth: w, startOfWeek: m } = e(p), b = [], M = (m - l + 7) % 7;
-      for (let V = 0; V < M; V++)
-        b.push(null);
-      for (let V = 1; V <= w; V++)
-        b.push(V);
-      const h = (7 - b.length % 7) % 7;
-      for (let V = 0; V < h; V++)
-        b.push(null);
-      return b;
+      const { firstDay: C, lastDay: w, daysInMonth: g, startOfWeek: m } = e(p), x = [], M = (m - l + 7) % 7;
+      for (let h = 0; h < M; h++)
+        x.push(null);
+      for (let h = 1; h <= g; h++)
+        x.push(h);
+      const j = (7 - x.length % 7) % 7;
+      for (let h = 0; h < j; h++)
+        x.push(null);
+      return x;
     },
     [e]
-  ), c = $((p = "es-ES") => {
+  ), c = P((p = "es-ES") => {
     const l = [];
     for (let C = 0; C < 12; C++) {
-      const g = new Date(2024, C, 1);
-      l.push(g.toLocaleDateString(p, { month: "long" }));
+      const w = new Date(2024, C, 1);
+      l.push(w.toLocaleDateString(p, { month: "long" }));
     }
     return l;
-  }, []), d = $((p, l = 12) => {
-    const C = [], g = p - Math.floor(l / 2);
-    for (let w = 0; w < l; w++)
-      C.push(g + w);
+  }, []), d = P((p, l = 12) => {
+    const C = [], w = p - Math.floor(l / 2);
+    for (let g = 0; g < l; g++)
+      C.push(w + g);
     return C;
-  }, []), s = $((p) => {
+  }, []), s = P((p) => {
     const l = /* @__PURE__ */ new Date();
     return p.getDate() === l.getDate() && p.getMonth() === l.getMonth() && p.getFullYear() === l.getFullYear();
-  }, []), L = $((p, l) => p.toLocaleDateString("es-ES", l), []);
+  }, []), L = P((p, l) => p.toLocaleDateString("es-ES", l), []);
   return {
     navigate: n,
     getDaysInMonth: e,
@@ -20398,34 +20405,34 @@ const U8 = (o) => {
     formatDate: L
   };
 }, a5 = (o = "", r = "dd/MM/yyyy", t = "es-ES") => {
-  const [n, e] = J({
+  const [n, e] = X({
     isFocused: !1,
     inputValue: o
-  }), a = $((g) => {
-    e((w) => ({ ...w, isFocused: g }));
-  }, []), c = $((g) => {
-    e((w) => ({ ...w, inputValue: g }));
-  }, []), d = $((g, w) => {
-    if (!g) return "";
-    const m = g.getDate().toString().padStart(2, "0"), b = (g.getMonth() + 1).toString().padStart(2, "0"), M = g.getFullYear();
-    return w.format.replace("dd", m).replace("MM", b).replace("yyyy", M.toString());
-  }, []), s = $((g, w) => {
-    if (!g) return null;
-    const m = w.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), b = new RegExp(`^${m}$`), M = g.match(b);
+  }), a = P((w) => {
+    e((g) => ({ ...g, isFocused: w }));
+  }, []), c = P((w) => {
+    e((g) => ({ ...g, inputValue: w }));
+  }, []), d = P((w, g) => {
+    if (!w) return "";
+    const m = w.getDate().toString().padStart(2, "0"), x = (w.getMonth() + 1).toString().padStart(2, "0"), M = w.getFullYear();
+    return g.format.replace("dd", m).replace("MM", x).replace("yyyy", M.toString());
+  }, []), s = P((w, g) => {
+    if (!w) return null;
+    const m = g.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), x = new RegExp(`^${m}$`), M = w.match(x);
     if (!M) return null;
-    const [, h, V, x] = M, H = new Date(parseInt(x), parseInt(V) - 1, parseInt(h));
+    const [, j, h, v] = M, H = new Date(parseInt(v), parseInt(h) - 1, parseInt(j));
     return isNaN(H.getTime()) ? null : H;
-  }, []), L = $(
-    (g, w) => s(g, w) !== null,
+  }, []), L = P(
+    (w, g) => s(w, g) !== null,
     [s]
-  ), p = $(
-    (g) => {
-      c(g);
+  ), p = P(
+    (w) => {
+      c(w);
     },
     [c]
-  ), l = $(() => {
+  ), l = P(() => {
     a(!0);
-  }, [a]), C = $(() => {
+  }, [a]), C = P(() => {
     a(!1);
   }, [a]);
   return {
@@ -20440,12 +20447,12 @@ const U8 = (o) => {
     handleInputBlur: C
   };
 }, _8 = (o, r, t, n = 1e3) => {
-  const e = u1(null), a = $(
+  const e = t1(null), a = P(
     (s) => {
       e.current && !e.current.contains(s.target) && r();
     },
     [r]
-  ), c = $(
+  ), c = P(
     (s) => {
       s.key === "Escape" && r();
     },
@@ -20457,7 +20464,7 @@ const U8 = (o) => {
         document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
       };
   }, [o, a, c]);
-  const d = $(
+  const d = P(
     (s) => o ? k1(
       g1.createElement(
         "div",
@@ -20495,27 +20502,27 @@ const U8 = (o) => {
   isToday: p,
   isHovered: l,
   onClick: C,
-  onMouseEnter: g,
-  onMouseLeave: w,
+  onMouseEnter: w,
+  onMouseLeave: g,
   className: m = "",
-  renderDay: b
+  renderDay: x
 }) => {
-  const M = u1(null);
+  const M = t1(null);
   if (o === null)
     return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" });
-  const h = (Z) => {
-    Z.stopPropagation(), L || C(r);
-  }, V = () => {
-    !L && g && (M.current && (clearTimeout(M.current), M.current = null), g(r));
-  }, x = () => {
-    !L && w && (t || n || e || a ? M.current = setTimeout(() => {
-      w(), M.current = null;
-    }, 100) : w());
+  const j = (I) => {
+    I.stopPropagation(), L || C(r);
+  }, h = () => {
+    !L && w && (M.current && (clearTimeout(M.current), M.current = null), w(r));
+  }, v = () => {
+    !L && g && (t || n || e || a ? M.current = setTimeout(() => {
+      g(), M.current = null;
+    }, 100) : g());
   }, H = () => {
-    let Z = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!d && !n && !c ? "hover:ui-bg-blue-50 hover:ui-text-blue-500 hover:ui-rounded-lg hover:ui-cursor-pointer" : ""} ui-text-xs  ui-transition-colors ui-transition-500`;
-    return L ? Z += " ui-text-gray-400 ui-cursor-not-allowed" : t ? Z += " ui-bg-blue-500 ui-text-white" : e ? Z += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? Z += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? Z += " ui-bg-blue-50 ui-text-blue-500" : l ? Z += " ui-bg-blue-50" : p ? Z += " ui-text-blue-500" : Z += "hover:ui-bg-neutral-50", `${Z} ${m}`;
+    let I = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!d && !n && !c ? "hover:ui-bg-blue-50 hover:ui-text-blue-500 hover:ui-rounded-lg hover:ui-cursor-pointer" : ""} ui-text-xs  ui-transition-colors ui-transition-500`;
+    return L ? I += " ui-text-gray-400 ui-cursor-not-allowed" : t ? I += " ui-bg-blue-500 ui-text-white" : e ? I += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? I += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? I += " ui-bg-blue-50 ui-text-blue-500" : l ? I += " ui-bg-blue-50" : p ? I += " ui-text-blue-500" : I += "hover:ui-bg-neutral-50", `${I} ${m}`;
   };
-  return b ? b({
+  return x ? x({
     day: o,
     date: r,
     isSelected: t,
@@ -20531,9 +20538,9 @@ const U8 = (o) => {
     "div",
     {
       className: H(),
-      onClick: h,
-      onMouseEnter: V,
-      onMouseLeave: x,
+      onClick: j,
+      onMouseEnter: h,
+      onMouseLeave: v,
       role: "button",
       tabIndex: L ? -1 : 0,
       "aria-label": `${o} ${r.toLocaleDateString()}`,
@@ -20610,7 +20617,7 @@ const U8 = (o) => {
   className: n = "",
   children: e
 }) => /* @__PURE__ */ i(I1, { children: /* @__PURE__ */ i(
-  r1,
+  o1,
   {
     variant: "outlined",
     size: "xs",
@@ -20668,7 +20675,7 @@ const U8 = (o) => {
     navigate: t
   }) : /* @__PURE__ */ i("div", { className: `ui-flex ui-flex-col ui-border-b ui-border-neutral-100 ${c}`, children: /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-justify-between ui-px-4 ui-py-3", children: [
     e && /* @__PURE__ */ i(
-      r1,
+      o1,
       {
         onClick: e,
         variant: "outlined",
@@ -20679,7 +20686,7 @@ const U8 = (o) => {
       }
     ),
     /* @__PURE__ */ i(
-      r1,
+      o1,
       {
         onClick: L,
         variant: "text",
@@ -20713,38 +20720,38 @@ const U8 = (o) => {
   hoverDate: p,
   renderDay: l
 }) => {
-  const { getCalendarDays: C, isToday: g } = F1(
+  const { getCalendarDays: C, isToday: w } = F1(
     o,
     () => {
     }
-  ), { getRangeState: w } = p0(
+  ), { getRangeState: g } = p0(
     t || { start: null, end: null },
     () => {
     },
     a,
     c
-  ), m = (h) => r ? h.getTime() === r.getTime() : !1, b = (h) => !!(a && h < a || c && h > c), M = C(o, s);
+  ), m = (j) => r ? j.getTime() === r.getTime() : !1, x = (j) => !!(a && j < a || c && j > c), M = C(o, s);
   return /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-grid ui-w-fit ui-grid-cols-7 ui-gap-y-0.5", children: [
-    d.map((h, V) => /* @__PURE__ */ i(G8, { day: h }, V)),
-    M.map((h, V) => {
-      if (h === null)
-        return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, V);
-      const x = new Date(o.getFullYear(), o.getMonth(), h), H = t ? w(x, p || null) : {
+    d.map((j, h) => /* @__PURE__ */ i(G8, { day: j }, h)),
+    M.map((j, h) => {
+      if (j === null)
+        return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, h);
+      const v = new Date(o.getFullYear(), o.getMonth(), j), H = t ? g(v, p || null) : {
         isStart: !1,
         isEnd: !1,
         isInRange: !1,
         isFirstInRange: !1,
         isLastInRange: !1,
         afterSelected: !0,
-        isDisabled: b(x),
+        isDisabled: x(v),
         isHovered: !1
       };
       return /* @__PURE__ */ i(
         Y8,
         {
-          day: h,
-          date: x,
-          isSelected: m(x),
+          day: j,
+          date: v,
+          isSelected: m(v),
           isInRange: H.isInRange,
           isStart: H.isStart,
           isEnd: H.isEnd,
@@ -20752,14 +20759,14 @@ const U8 = (o) => {
           isLastInRange: H.isLastInRange,
           afterSelected: H.afterSelected,
           isDisabled: H.isDisabled,
-          isToday: g(x),
+          isToday: w(v),
           isHovered: H.isHovered,
           onClick: n,
           onMouseEnter: e,
           onMouseLeave: () => e == null ? void 0 : e(null),
           renderDay: l
         },
-        V
+        h
       );
     })
   ] });
@@ -20822,12 +20829,12 @@ const U8 = (o) => {
     d
   )) });
 }, K8 = (o) => {
-  const { value: r, defaultValue: t, onChange: n, initialValue: e } = o, a = r !== void 0, c = t !== void 0 ? t : e, [d, s] = J(c), L = a ? r : d, p = $(
+  const { value: r, defaultValue: t, onChange: n, initialValue: e } = o, a = r !== void 0, c = t !== void 0 ? t : e, [d, s] = X(c), L = a ? r : d, p = P(
     (C) => {
       a || s(C), n == null || n(C);
     },
     [a, n]
-  ), l = $(() => {
+  ), l = P(() => {
     const C = t !== void 0 ? t : e;
     a || s(C), n == null || n(C);
   }, [a, t, e, n]);
@@ -20892,18 +20899,18 @@ const U8 = (o) => {
   isControlled: n,
   inputId: e
 }) => {
-  const a = $(() => {
+  const a = P(() => {
     const l = e || "default-input";
     return document.querySelector(`input[data-input-id="${l}"]`);
-  }, [e]), c = $(() => {
+  }, [e]), c = P(() => {
     const l = a();
     l == null || l.focus();
-  }, [a]), d = $(() => {
+  }, [a]), d = P(() => {
     const l = a();
     l == null || l.blur();
-  }, [a]), s = $(() => {
+  }, [a]), s = P(() => {
     t("");
-  }, [t]), L = $(() => r, [r]), p = $(
+  }, [t]), L = P(() => r, [r]), p = P(
     (l) => {
       t(l);
     },
@@ -20994,60 +21001,60 @@ const U8 = (o) => {
     fullWidth: p = !1,
     defaultValue: l = "",
     disabled: C = !1,
-    onValueChange: g,
-    onChange: w,
+    onValueChange: w,
+    onChange: g,
     onClickExtraSlot: m,
-    className: b,
+    className: x,
     style: M,
-    name: h,
-    autosize: V = !1,
-    colorLeftIcon: x,
+    name: j,
+    autosize: h = !1,
+    colorLeftIcon: v,
     infoTooltip: H = "",
-    ...Z
-  }, P) => {
+    ...I
+  }, D) => {
     const {
-      value: E,
-      setValue: S,
-      isControlled: k
+      value: R,
+      setValue: z,
+      isControlled: O
     } = Q8({
       value: L,
       defaultValue: l,
-      onChange: g
-    }), U = (f) => {
-      const v = f.target.value;
-      S(v), w == null || w(f);
-    }, { paddingClasses: z, getIconPosition: G } = W8({
+      onChange: w
+    }), _ = ($) => {
+      const Y = $.target.value;
+      z(Y), g == null || g($);
+    }, { paddingClasses: N, getIconPosition: q } = W8({
       size: n,
       leftSlot: a,
       rightSlot: c,
       extraSlot: d
-    }), { baseClasses: X, containerClasses: y, labelClasses: O } = e3({
+    }), { baseClasses: J, containerClasses: k, labelClasses: Z } = e3({
       size: n,
       error: r,
       disabled: C,
       fullWidth: p,
       caret: s,
-      paddingClasses: z,
-      autosize: V
+      paddingClasses: N,
+      autosize: h
     });
     return n3({
-      ref: P,
-      currentValue: E,
-      setValue: S,
-      isControlled: k,
-      inputId: Z.id
+      ref: D,
+      currentValue: R,
+      setValue: z,
+      isControlled: O,
+      inputId: I.id
     }), /* @__PURE__ */ u(
       "div",
       {
-        className: _(
+        className: U(
           "ui-relative ui-flex ui-flex-col ui-gap-1",
           p ? "ui-w-full" : "ui-w-fit",
-          b
+          x
         ),
         style: M,
         children: [
           (o || H) && /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
-            o && /* @__PURE__ */ i("label", { className: O, children: o }),
+            o && /* @__PURE__ */ i("label", { className: Z, children: o }),
             H && /* @__PURE__ */ i(
               H1,
               {
@@ -21062,13 +21069,13 @@ const U8 = (o) => {
               }
             )
           ] }),
-          /* @__PURE__ */ u("div", { className: y, children: [
+          /* @__PURE__ */ u("div", { className: k, children: [
             a && /* @__PURE__ */ i(
               m1,
               {
                 slot: a,
-                colorIcon: x,
-                className: `ui-absolute ${G("left")} ui-top-1/2 ui--translate-y-1/2`
+                colorIcon: v,
+                className: `ui-absolute ${q("left")} ui-top-1/2 ui--translate-y-1/2`
               }
             ),
             /* @__PURE__ */ i(
@@ -21076,32 +21083,32 @@ const U8 = (o) => {
               {
                 placeholder: "Placeholder",
                 disabled: C,
-                value: E,
-                onChange: U,
-                name: h,
-                "data-input-id": Z.id || "default-input",
-                className: X + " ui-min-w-12",
-                ...Z
+                value: R,
+                onChange: _,
+                name: j,
+                "data-input-id": I.id || "default-input",
+                className: J + " ui-min-w-12",
+                ...I
               }
             ),
             c && /* @__PURE__ */ i(
               m1,
               {
                 slot: c,
-                className: `ui-absolute ${G("right")} ui-top-1/2 ui--translate-y-1/2`
+                className: `ui-absolute ${q("right")} ui-top-1/2 ui--translate-y-1/2`
               }
             ),
             c && d && /* @__PURE__ */ i(
               "div",
               {
-                className: `ui-absolute ${G("separator")} ui-top-1/2 ui-h-5 ui-w-[1px] ui--translate-y-1/2 ${r ? "ui-bg-red-500" : "ui-bg-neutral-100"}`
+                className: `ui-absolute ${q("separator")} ui-top-1/2 ui-h-5 ui-w-[1px] ui--translate-y-1/2 ${r ? "ui-bg-red-500" : "ui-bg-neutral-100"}`
               }
             ),
             d && /* @__PURE__ */ i(
               "button",
               {
                 onClick: m,
-                className: `ui-absolute ${G("extra")} ui-top-1/2 ui-flex ui--translate-y-1/2 ui-place-items-center`,
+                className: `ui-absolute ${q("extra")} ui-top-1/2 ui-flex ui--translate-y-1/2 ui-place-items-center`,
                 type: "button",
                 children: /* @__PURE__ */ i(m1, { slot: d })
               }
@@ -21185,16 +21192,16 @@ const i3 = E1(
   ), L = (l) => {
     t(l);
   }, p = (l, C) => {
-    const g = a[l.getMonth()], w = l.getFullYear();
+    const w = a[l.getMonth()], g = l.getFullYear();
     switch (C) {
       case "years":
-        const m = s(w, c), b = m[0], M = m[m.length - 1];
-        return `${b} - ${M}`;
+        const m = s(g, c), x = m[0], M = m[m.length - 1];
+        return `${x} - ${M}`;
       case "months":
-        return `${w}`;
+        return `${g}`;
       case "days":
       default:
-        return `${g} ${w}`;
+        return `${w} ${g}`;
     }
   };
   return d && o.length > 1 ? /* @__PURE__ */ i("div", { className: "ui-border-b ui-border-neutral-100 ui-p-3", children: d({
@@ -21209,7 +21216,7 @@ const i3 = E1(
       {
         className: "ui-flex ui-w-full ui-min-w-0 ui-flex-1 ui-items-center ui-justify-center ui-text-center",
         children: /* @__PURE__ */ i(
-          r1,
+          o1,
           {
             onClick: () => n(C),
             variant: "text",
@@ -21256,15 +21263,15 @@ const i3 = E1(
   startOfWeek: p = 1,
   showWeekNumbers: l = !1,
   yearRange: C = 12,
-  hoverDate: g,
-  onMonthSelect: w,
+  hoverDate: w,
+  onMonthSelect: g,
   onYearSelect: m,
-  renderDay: b
+  renderDay: x
 }) => {
-  const M = (x) => {
-    w == null || w(x);
-  }, h = (x) => {
-    m == null || m(x);
+  const M = (v) => {
+    g == null || g(v);
+  }, j = (v) => {
+    m == null || m(v);
   };
   return /* @__PURE__ */ i("div", { className: "ui-flex ui-h-full ui-justify-center ui-p-3", children: (() => {
     switch (d) {
@@ -21282,8 +21289,8 @@ const i3 = E1(
             weekDays: s,
             startOfWeek: p,
             showWeekNumbers: l,
-            hoverDate: g,
-            renderDay: b
+            hoverDate: w,
+            renderDay: x
           }
         );
       case "months":
@@ -21302,7 +21309,7 @@ const i3 = E1(
           {
             currentDate: o,
             selectedYear: o.getFullYear(),
-            onYearSelect: h,
+            onYearSelect: j,
             yearRange: C
           }
         );
@@ -21324,8 +21331,8 @@ const i3 = E1(
   onMonthSelect: p,
   onYearSelect: l,
   onGoToToday: C,
-  locale: g = "es-ES",
-  weekDays: w = ["D", "L", "M", "M", "J", "V", "S"],
+  locale: w = "es-ES",
+  weekDays: g = ["D", "L", "M", "M", "J", "V", "S"],
   monthNames: m = [
     "Enero",
     "Febrero",
@@ -21340,18 +21347,18 @@ const i3 = E1(
     "Noviembre",
     "Diciembre"
   ],
-  startOfWeek: b = 1,
+  startOfWeek: x = 1,
   showWeekNumbers: M = !1,
-  yearRange: h = 12,
-  hoverDate: V,
-  closeOnSelect: x,
+  yearRange: j = 12,
+  hoverDate: h,
+  closeOnSelect: v,
   autoCloseRange: H,
-  renderHeader: Z,
-  renderDay: P
+  renderHeader: I,
+  renderDay: D
 }) => {
-  const E = (G) => {
-    L == null || L(G);
-  }, S = () => {
+  const R = (q) => {
+    L == null || L(q);
+  }, z = () => {
     switch (d) {
       case "days":
         s("months");
@@ -21363,11 +21370,11 @@ const i3 = E1(
         s("days");
         break;
     }
-  }, k = (G) => {
-    p == null || p(G);
-  }, U = (G) => {
-    l == null || l(G);
-  }, z = () => {
+  }, O = (q) => {
+    p == null || p(q);
+  }, _ = (q) => {
+    l == null || l(q);
+  }, N = () => {
     switch (d) {
       case "days":
         return /* @__PURE__ */ i(
@@ -21380,11 +21387,11 @@ const i3 = E1(
             onDateHover: e,
             minDate: a,
             maxDate: c,
-            weekDays: w,
-            startOfWeek: b,
+            weekDays: g,
+            startOfWeek: x,
             showWeekNumbers: M,
-            hoverDate: V,
-            renderDay: P
+            hoverDate: h,
+            renderDay: D
           }
         );
       case "months":
@@ -21393,7 +21400,7 @@ const i3 = E1(
           {
             currentDate: o,
             selectedMonth: o.getMonth(),
-            onMonthSelect: k,
+            onMonthSelect: O,
             monthNames: m
           }
         );
@@ -21403,8 +21410,8 @@ const i3 = E1(
           {
             currentDate: o,
             selectedYear: o.getFullYear(),
-            onYearSelect: U,
-            yearRange: h
+            onYearSelect: _,
+            yearRange: j
           }
         );
       default:
@@ -21414,9 +21421,9 @@ const i3 = E1(
   return /* @__PURE__ */ u(
     "div",
     {
-      className: _(
+      className: U(
         "ui-min-w-[254px] ui-overflow-hidden ui-rounded-lg ui-border ui-border-neutral-100 ui-bg-white ui-shadow-lg",
-        x ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
+        v ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
       ),
       children: [
         /* @__PURE__ */ i(
@@ -21424,17 +21431,17 @@ const i3 = E1(
           {
             currentDate: o,
             viewMode: d,
-            onNavigate: E,
-            onToggleViewMode: S,
+            onNavigate: R,
+            onToggleViewMode: z,
             onGoToToday: C,
             monthNames: m,
-            renderHeader: Z
+            renderHeader: I
           }
         ),
-        /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: z() }),
-        !x && /* @__PURE__ */ u("footer", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
-          /* @__PURE__ */ i(r1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
-          /* @__PURE__ */ i(r1, { size: "md", children: "Aceptar" })
+        /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: N() }),
+        !v && /* @__PURE__ */ u("footer", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
+          /* @__PURE__ */ i(o1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
+          /* @__PURE__ */ i(o1, { size: "md", children: "Aceptar" })
         ] })
       ]
     }
@@ -21453,46 +21460,46 @@ const i3 = E1(
   onMonthSelect: p,
   onYearSelect: l,
   onGoToToday: C,
-  viewMode: g,
-  minDate: w,
+  viewMode: w,
+  minDate: g,
   maxDate: m,
-  locale: b,
+  locale: x,
   weekDays: M,
-  monthNames: h,
-  startOfWeek: V,
-  showWeekNumbers: x,
+  monthNames: j,
+  startOfWeek: h,
+  showWeekNumbers: v,
   yearRange: H,
-  hoverDate: Z,
-  closeOnSelect: P,
-  autoCloseRange: E,
-  calendarsCount: S = 1,
-  mode: k = "single",
-  onClickSelected: U = !1,
-  renderHeader: z,
-  renderDay: G
+  hoverDate: I,
+  closeOnSelect: D,
+  autoCloseRange: R,
+  calendarsCount: z = 1,
+  mode: O = "single",
+  onClickSelected: _ = !1,
+  renderHeader: N,
+  renderDay: q
 }) => {
-  const [X, y] = J(Array(S).fill(g)), [O, f] = J(() => {
-    const A = [];
-    for (let D = 0; D < S; D++) {
+  const [J, k] = X(Array(z).fill(w)), [Z, $] = X(() => {
+    const T = [];
+    for (let A = 0; A < z; A++) {
       const F = new Date(n);
-      F.setMonth(F.getMonth() + D), A.push(F);
+      F.setMonth(F.getMonth() + A), T.push(F);
     }
-    return A;
-  }), { renderPortal: v } = _8(o, r, t, 1100);
+    return T;
+  }), { renderPortal: Y } = _8(o, r, t, 1100);
   n1(() => {
-    y(Array(S).fill(g));
-  }, [g, S]), n1(() => {
-    const A = [];
-    for (let D = 0; D < S; D++) {
+    k(Array(z).fill(w));
+  }, [w, z]), n1(() => {
+    const T = [];
+    for (let A = 0; A < z; A++) {
       const F = new Date(n);
-      F.setMonth(F.getMonth() + D), A.push(F);
+      F.setMonth(F.getMonth() + A), T.push(F);
     }
-    f(A);
-  }, [n, S]);
-  const j = (A) => {
-    const D = X[A];
+    $(T);
+  }, [n, z]);
+  const f = (T) => {
+    const A = J[T];
     let F;
-    switch (D) {
+    switch (A) {
       case "days":
         F = "months";
         break;
@@ -21505,80 +21512,80 @@ const i3 = E1(
       default:
         F = "days";
     }
-    const Q = [...X];
-    Q[A] = F, y(Q);
-  }, N = (A, D) => {
-    const F = [...O];
-    F[A] = new Date(
-      O[A].getFullYear(),
-      D,
+    const K = [...J];
+    K[T] = F, k(K);
+  }, b = (T, A) => {
+    const F = [...Z];
+    F[T] = new Date(
+      Z[T].getFullYear(),
+      A,
       1
-    ), f(F);
-    const Q = [...X];
-    Q[A] = "days", y(Q), p == null || p(D);
-  }, K = (A, D) => {
-    const F = [...O];
-    F[A] = new Date(D, O[A].getMonth(), 1), f(F);
-    const Q = [...X];
-    Q[A] = "months", y(Q), l == null || l(D);
-  }, Y = (A) => {
-    const D = [...O];
-    D.forEach((F, Q) => {
-      const R = new Date(F);
-      switch (X[Q]) {
+    ), $(F);
+    const K = [...J];
+    K[T] = "days", k(K), p == null || p(A);
+  }, y = (T, A) => {
+    const F = [...Z];
+    F[T] = new Date(A, Z[T].getMonth(), 1), $(F);
+    const K = [...J];
+    K[T] = "months", k(K), l == null || l(A);
+  }, S = (T) => {
+    const A = [...Z];
+    A.forEach((F, K) => {
+      const r1 = new Date(F);
+      switch (J[K]) {
         case "days":
-          R.setMonth(R.getMonth() + (A === "next" ? 1 : -1));
+          r1.setMonth(r1.getMonth() + (T === "next" ? 1 : -1));
           break;
         case "months":
-          R.setFullYear(R.getFullYear() + (A === "next" ? 1 : -1));
+          r1.setFullYear(r1.getFullYear() + (T === "next" ? 1 : -1));
           break;
         case "years":
-          R.setFullYear(R.getFullYear() + (A === "next" ? 12 : -12));
+          r1.setFullYear(r1.getFullYear() + (T === "next" ? 12 : -12));
           break;
       }
-      D[Q] = R;
-    }), f(D), L(A);
+      A[K] = r1;
+    }), $(A), L(T);
   };
-  return v(
-    /* @__PURE__ */ i("div", { className: "ui-relative", children: k === "range" && S > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
+  return Y(
+    /* @__PURE__ */ i("div", { className: "ui-relative", children: O === "range" && z > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
       /* @__PURE__ */ i(
         o3,
         {
-          calendarDates: O,
-          viewModes: X,
-          onNavigate: Y,
-          onToggleViewMode: j,
+          calendarDates: Z,
+          viewModes: J,
+          onNavigate: S,
+          onToggleViewMode: f,
           onGoToToday: C,
-          monthNames: h,
+          monthNames: j,
           yearRange: H,
-          renderHeader: z
+          renderHeader: N
         }
       ),
-      /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-col ui-flex-wrap ui-gap-4 ui-p-4 md:ui-flex-row", children: O.map((A, D) => /* @__PURE__ */ i("div", { className: "ui-flex-shrink-0", children: /* @__PURE__ */ i("div", { className: "ui-w-full ui-overflow-hidden ui-rounded-lg ui-bg-white", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-col ui-flex-wrap ui-gap-4 ui-p-4 md:ui-flex-row", children: Z.map((T, A) => /* @__PURE__ */ i("div", { className: "ui-flex-shrink-0", children: /* @__PURE__ */ i("div", { className: "ui-w-full ui-overflow-hidden ui-rounded-lg ui-bg-white", children: /* @__PURE__ */ i(
         r3,
         {
-          currentDate: A,
+          currentDate: T,
           selectedDate: e,
           selectedRange: a,
           onDateSelect: c,
           onDateHover: d,
-          minDate: w,
+          minDate: g,
           maxDate: m,
-          viewMode: X[D],
+          viewMode: J[A],
           weekDays: M,
-          monthNames: h,
-          startOfWeek: V,
-          showWeekNumbers: x,
+          monthNames: j,
+          startOfWeek: h,
+          showWeekNumbers: v,
           yearRange: H,
-          hoverDate: Z,
-          onMonthSelect: (F) => N(D, F),
-          onYearSelect: (F) => K(D, F),
-          renderDay: G
+          hoverDate: I,
+          onMonthSelect: (F) => b(A, F),
+          onYearSelect: (F) => y(A, F),
+          renderDay: q
         }
-      ) }) }, D)) }),
+      ) }) }, A)) }),
       /* @__PURE__ */ u("div", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
-        /* @__PURE__ */ i(r1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
-        /* @__PURE__ */ i(r1, { size: "md", children: "Aceptar" })
+        /* @__PURE__ */ i(o1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
+        /* @__PURE__ */ i(o1, { size: "md", children: "Aceptar" })
       ] })
     ] }) : /* @__PURE__ */ i(
       t3,
@@ -21588,25 +21595,25 @@ const i3 = E1(
         selectedRange: a,
         onDateSelect: c,
         onDateHover: d,
-        minDate: w,
+        minDate: g,
         maxDate: m,
-        viewMode: g,
+        viewMode: w,
         onViewModeChange: s,
         onNavigate: L,
         onMonthSelect: p,
         onYearSelect: l,
         onGoToToday: C,
-        locale: b,
+        locale: x,
         weekDays: M,
-        monthNames: h,
-        startOfWeek: V,
-        showWeekNumbers: x,
+        monthNames: j,
+        startOfWeek: h,
+        showWeekNumbers: v,
         yearRange: H,
-        hoverDate: Z,
-        closeOnSelect: P,
-        autoCloseRange: E,
-        renderHeader: z,
-        renderDay: G
+        hoverDate: I,
+        closeOnSelect: D,
+        autoCloseRange: R,
+        renderHeader: N,
+        renderDay: q
       }
     ) })
   );
@@ -21637,107 +21644,107 @@ const i3 = E1(
     ],
     startOfWeek: l = 1,
     className: C = "",
-    inputClassName: g = "",
-    headerClassName: w = "",
+    inputClassName: w = "",
+    headerClassName: g = "",
     dayClassName: m = "",
-    monthClassName: b = "",
+    monthClassName: x = "",
     yearClassName: M = "",
-    disabledDayClassName: h = "text-gray-400 cursor-not-allowed",
-    rangeClassName: V = "bg-blue-100",
-    rangeStartClassName: x = "bg-blue-500 text-white rounded-l-full",
+    disabledDayClassName: j = "text-gray-400 cursor-not-allowed",
+    rangeClassName: h = "bg-blue-100",
+    rangeStartClassName: v = "bg-blue-500 text-white rounded-l-full",
     rangeEndClassName: H = "bg-blue-500 text-white rounded-r-full",
-    todayClassName: Z = "border border-blue-500",
-    showWeekNumbers: P = !1,
-    yearRange: E = 12,
-    initialViewMode: S = "days",
-    closeOnSelect: k = !1,
-    autoCloseRange: U = !0,
-    placeholder: z = "Seleccionar fecha",
-    format: G = "dd/MM/yyyy",
-    calendarsCount: X = 1,
-    renderHeader: y,
-    renderDay: O
-  } = o, { state: f, selectedDate: v, selectedRange: j, inputRef: N, isPortalReady: K, actions: Y } = U8(o), { handleRangeSelection: A } = p0(
-    j,
-    Y.setSelectedRange,
+    todayClassName: I = "border border-blue-500",
+    showWeekNumbers: D = !1,
+    yearRange: R = 12,
+    initialViewMode: z = "days",
+    closeOnSelect: O = !1,
+    autoCloseRange: _ = !0,
+    placeholder: N = "Seleccionar fecha",
+    format: q = "dd/MM/yyyy",
+    calendarsCount: J = 1,
+    renderHeader: k,
+    renderDay: Z
+  } = o, { state: $, selectedDate: Y, selectedRange: f, inputRef: b, isPortalReady: y, actions: S } = U8(o), { handleRangeSelection: T } = p0(
+    f,
+    S.setSelectedRange,
     c,
     d,
-    U
-  ), D = (B) => {
+    _
+  ), A = (B) => {
     if (!B || !(B instanceof Date) || isNaN(B.getTime()))
       return "";
-    const t1 = B.getDate().toString().padStart(2, "0"), I = (B.getMonth() + 1).toString().padStart(2, "0"), q = B.getFullYear();
-    return G.replace("dd", t1).replace("MM", I).replace("yyyy", q.toString());
+    const W = B.getDate().toString().padStart(2, "0"), V = (B.getMonth() + 1).toString().padStart(2, "0"), G = B.getFullYear();
+    return q.replace("dd", W).replace("MM", V).replace("yyyy", G.toString());
   }, F = (B) => {
     if (!B || !B.start && !B.end) return "";
-    const t1 = B.start && B.start instanceof Date && !isNaN(B.start.getTime()), I = B.end && B.end instanceof Date && !isNaN(B.end.getTime());
-    return t1 && I ? `${D(B.start)} - ${D(B.end)}` : t1 ? D(B.start) : I ? D(B.end) : "";
-  }, Q = (B) => {
+    const W = B.start && B.start instanceof Date && !isNaN(B.start.getTime()), V = B.end && B.end instanceof Date && !isNaN(B.end.getTime());
+    return W && V ? `${A(B.start)} - ${A(B.end)}` : W ? A(B.start) : V ? A(B.end) : "";
+  }, K = (B) => {
     if (!B || !(B instanceof Date) || isNaN(B.getTime())) {
       console.warn("DatePicker: Se recibió una fecha inválida:", B);
       return;
     }
-    r === "single" ? Y.setSelectedDate(B) : A(B, f.hoverDate, Y.closePicker);
-  }, R = (B) => {
+    r === "single" ? S.setSelectedDate(B) : T(B, $.hoverDate, S.closePicker);
+  }, r1 = (B) => {
     if (B !== null && (!(B instanceof Date) || isNaN(B.getTime()))) {
       console.warn("DatePicker: Se recibió una fecha inválida en hover:", B);
       return;
     }
-    Y.setHoverDate(B);
-  }, i1 = () => r === "single" ? D(v) : F(j);
+    S.setHoverDate(B);
+  }, d1 = () => r === "single" ? A(Y) : F(f);
   return /* @__PURE__ */ u("div", { className: `relative ${C}`, children: [
     /* @__PURE__ */ i(
       i3,
       {
-        ref: N,
-        value: i1(),
-        placeholder: z,
-        isOpen: f.isOpen,
-        onInputClick: Y.openPicker,
-        className: g,
-        format: G
+        ref: b,
+        value: d1(),
+        placeholder: N,
+        isOpen: $.isOpen,
+        onInputClick: S.openPicker,
+        className: w,
+        format: q
       }
     ),
     /* @__PURE__ */ i(
       u3,
       {
-        isOpen: f.isOpen && K,
-        onClose: Y.closePicker,
-        portalPosition: f.portalPosition,
-        currentDate: f.currentDate,
-        selectedDate: v,
-        selectedRange: j,
-        onDateSelect: Q,
-        onDateHover: R,
-        onViewModeChange: Y.setViewMode,
-        onNavigate: Y.navigate,
-        onMonthSelect: Y.handleMonthSelect,
-        onYearSelect: Y.handleYearSelect,
-        onGoToToday: Y.goToToday,
-        viewMode: f.viewMode,
+        isOpen: $.isOpen && y,
+        onClose: S.closePicker,
+        portalPosition: $.portalPosition,
+        currentDate: $.currentDate,
+        selectedDate: Y,
+        selectedRange: f,
+        onDateSelect: K,
+        onDateHover: r1,
+        onViewModeChange: S.setViewMode,
+        onNavigate: S.navigate,
+        onMonthSelect: S.handleMonthSelect,
+        onYearSelect: S.handleYearSelect,
+        onGoToToday: S.goToToday,
+        viewMode: $.viewMode,
         minDate: c,
         maxDate: d,
         locale: s,
         weekDays: L,
         monthNames: p,
         startOfWeek: l,
-        showWeekNumbers: P,
-        yearRange: E,
-        hoverDate: f.hoverDate,
-        closeOnSelect: k,
-        autoCloseRange: U,
-        calendarsCount: X,
+        showWeekNumbers: D,
+        yearRange: R,
+        hoverDate: $.hoverDate,
+        closeOnSelect: O,
+        autoCloseRange: _,
+        calendarsCount: J,
         mode: r,
-        renderHeader: y,
-        renderDay: O
+        renderHeader: k,
+        renderDay: Z
       }
     )
   ] });
 }, a3 = ({ title: o, className: r, icon: t }) => /* @__PURE__ */ u("div", { className: "ui-flex ui-w-full ui-items-center ui-gap-x-2", children: [
   t && /* @__PURE__ */ i(v1, { name: t, background: !0, color: "blue" }),
-  /* @__PURE__ */ i("h2", { className: _("ui-text-2xl ui-font-bold", r), children: o })
+  /* @__PURE__ */ i("h2", { className: U("ui-text-2xl ui-font-bold", r), children: o })
 ] }), h0 = (o, r = {}) => {
-  const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = J(!1), [c, d] = J(!1);
+  const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = X(!1), [c, d] = X(!1);
   return n1(() => {
     if (o) {
       a(!0);
@@ -21792,7 +21799,7 @@ const i3 = E1(
     });
   }, [o, r]);
 }, M0 = () => {
-  const o = typeof window < "u", [r] = J(() => o ? document.createElement("div") : null);
+  const o = typeof window < "u", [r] = X(() => o ? document.createElement("div") : null);
   return n1(() => {
     if (!(!r || !o))
       return document.body.appendChild(r), () => {
@@ -21825,9 +21832,9 @@ const i3 = E1(
   n1(() => {
     if (!o || r || !c) return;
     const L = (l) => {
-      var h, V;
-      const C = l.target, g = (h = t.current) == null ? void 0 : h.contains(C), w = (V = n == null ? void 0 : n.current) == null ? void 0 : V.contains(C), m = e ? C.closest(`[data-${a}-id="${e}"]`) : !1, b = a ? C.closest(`[data-${a}-container-id]`) : !1, M = d.some((x) => C.closest(x));
-      g || w || m || b || M || s();
+      var j, h;
+      const C = l.target, w = (j = t.current) == null ? void 0 : j.contains(C), g = (h = n == null ? void 0 : n.current) == null ? void 0 : h.contains(C), m = e ? C.closest(`[data-${a}-id="${e}"]`) : !1, x = a ? C.closest(`[data-${a}-container-id]`) : !1, M = d.some((v) => C.closest(v));
+      w || g || m || x || M || s();
     }, p = (l) => {
       l.detail.id === e && s();
     };
@@ -21863,25 +21870,25 @@ const i3 = E1(
   className: p,
   scrollable: l = !0,
   cancelButtonText: C = "Cancelar",
-  successButtonText: g = "Guardar",
-  onCancel: w = () => {
+  successButtonText: w = "Guardar",
+  onCancel: g = () => {
   },
   onSuccess: m = () => {
   },
-  showCancelButton: b = !0,
+  showCancelButton: x = !0,
   showSuccessButton: M = !0,
-  closeAtSuccess: h = !1,
-  closeAtCancel: V = !0
+  closeAtSuccess: j = !1,
+  closeAtCancel: h = !0
 }) => {
-  const x = M0(), { isVisible: H, isAnimating: Z } = h0(o), P = u1(null);
-  g0(o), n0(o, r, d), f0(o, P, !s);
-  const E = () => {
-    w && w(), V && r();
-  }, S = () => {
-    m && m(), h && r();
+  const v = M0(), { isVisible: H, isAnimating: I } = h0(o), D = t1(null);
+  g0(o), n0(o, r, d), f0(o, D, !s);
+  const R = () => {
+    g && g(), h && r();
+  }, z = () => {
+    m && m(), j && r();
   };
-  if (!x || !H) return null;
-  const k = /* @__PURE__ */ u(
+  if (!v || !H) return null;
+  const O = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -21892,7 +21899,7 @@ const i3 = E1(
         /* @__PURE__ */ i(
           "div",
           {
-            className: _(
+            className: U(
               "ui-absolute ui-inset-0 ui-bg-black ui-opacity-50 ui-backdrop-blur-sm ui-transition-opacity ui-duration-300",
               o ? "ui-opacity-100" : "ui-opacity-0"
             )
@@ -21901,34 +21908,34 @@ const i3 = E1(
         /* @__PURE__ */ i(
           "div",
           {
-            ref: P,
+            ref: D,
             tabIndex: -1,
-            onClick: (U) => U.stopPropagation(),
-            className: _(
+            onClick: (_) => _.stopPropagation(),
+            className: U(
               "ui-relative ui-z-10 ui-flex ui-flex-col ui-bg-white ui-shadow-xl ui-outline-none ui-transition-transform ui-duration-300 ui-ease-in-out",
               s3[n],
               L === "right" ? "ui-ml-auto" : "ui-mr-auto"
             ),
             style: {
-              transform: L === "right" ? Z ? "translateX(0)" : "translateX(100%)" : Z ? "translateX(0)" : "translateX(-100%)"
+              transform: L === "right" ? I ? "translateX(0)" : "translateX(100%)" : I ? "translateX(0)" : "translateX(-100%)"
             },
-            children: /* @__PURE__ */ u(h1, { rounded: !1, padding: !1, gap: !1, className: _(p), children: [
+            children: /* @__PURE__ */ u(h1, { rounded: !1, padding: !1, gap: !1, className: U(p), children: [
               /* @__PURE__ */ i(h1.Header, { children: /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4", children: t && /* @__PURE__ */ i(a3, { title: t, icon: a }) }) }),
               /* @__PURE__ */ i(h1.Separator, { padding: !1 }),
               /* @__PURE__ */ i(
                 h1.Body,
                 {
                   fullHeight: !0,
-                  className: _("ui-p-4", l ? "ui-overflow-y-auto" : ""),
+                  className: U("ui-p-4", l ? "ui-overflow-y-auto" : ""),
                   scrollable: l,
                   children: e
                 }
               ),
-              (b || M) && /* @__PURE__ */ u(I1, { children: [
+              (x || M) && /* @__PURE__ */ u(I1, { children: [
                 /* @__PURE__ */ i(h1.Separator, { padding: !1 }),
                 /* @__PURE__ */ u(h1.Footer, { className: "ui-flex ui-items-center ui-justify-end ui-gap-x-4 ui-p-4", children: [
-                  b && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "outlined", color: "white", onClick: E, children: C }),
-                  M && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "button", onClick: S, children: g })
+                  x && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "outlined", color: "white", onClick: R, children: C }),
+                  M && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "button", onClick: z, children: w })
                 ] })
               ] })
             ] })
@@ -21937,8 +21944,8 @@ const i3 = E1(
       ]
     }
   );
-  return d0.createPortal(k, x);
-}, s5 = ({ className: o }) => /* @__PURE__ */ i("div", { className: _("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", o) }), v0 = ({
+  return d0.createPortal(O, v);
+}, s5 = ({ className: o }) => /* @__PURE__ */ i("div", { className: U("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", o) }), v0 = ({
   children: o,
   icon: r,
   onClick: t,
@@ -21949,9 +21956,9 @@ const i3 = E1(
   "data-option-value": d,
   iconColor: s
 }) => {
-  const L = (w) => {
-    n || t == null || t(w);
-  }, [p, l] = J(!1), C = c1(
+  const L = (g) => {
+    n || t == null || t(g);
+  }, [p, l] = X(!1), C = c1(
     "ui-flex ui-items-center ui-gap-x-4 ui-text-sm ui-transition-all duration-300 ui-font-semibold ui-px-4 ui-h-8 ui-py-1",
     {
       variants: {
@@ -21977,7 +21984,7 @@ const i3 = E1(
         { current: "red", disabled: !1, className: "hover:ui-bg-red-100 hover:ui-text-red-600" }
       ]
     }
-  ), g = p && !n ? "white" : s || (c === "blue" ? "neutral_soft" : c === "red" ? "current" : "neutral");
+  ), w = p && !n ? "white" : s || (c === "blue" ? "neutral_soft" : c === "red" ? "current" : "neutral");
   return /* @__PURE__ */ u(
     "li",
     {
@@ -21995,7 +22002,7 @@ const i3 = E1(
         l(!1);
       },
       children: [
-        r && /* @__PURE__ */ i(m1, { slot: r, colorIcon: g, size: "2xl", defaultSizeIcon: !1 }),
+        r && /* @__PURE__ */ i(m1, { slot: r, colorIcon: w, size: "2xl", defaultSizeIcon: !1 }),
         o
       ]
     }
@@ -22011,7 +22018,7 @@ const i3 = E1(
   iconColor: d,
   checkboxProps: s
 }) => {
-  const [L, p] = J(!1), l = c1(
+  const [L, p] = X(!1), l = c1(
     "ui-flex ui-items-center ui-gap-x-4 ui-text-sm ui-transition-all duration-300 ui-font-semibold ui-px-4 ui-h-8 ui-py-1",
     {
       variants: {
@@ -22034,8 +22041,8 @@ const i3 = E1(
         { current: "red", disabled: !1, className: "ui-bg-red-50 ui-text-red-500" }
       ]
     }
-  ), C = L && !t ? "white" : d || (a === "blue" ? "neutral_soft" : a === "red" ? "current" : "neutral"), g = (w) => {
-    w.stopPropagation();
+  ), C = L && !t ? "white" : d || (a === "blue" ? "neutral_soft" : a === "red" ? "current" : "neutral"), w = (g) => {
+    g.stopPropagation();
   };
   return /* @__PURE__ */ u(
     "li",
@@ -22053,12 +22060,12 @@ const i3 = E1(
         p(!1);
       },
       children: [
-        /* @__PURE__ */ i("div", { onClick: g, className: "ui-cursor-pointer", children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { onClick: w, className: "ui-cursor-pointer", children: /* @__PURE__ */ i(
           "input",
           {
             type: "checkbox",
             checked: s.checked,
-            onChange: (w) => s.onChange(w.target.checked),
+            onChange: (g) => s.onChange(g.target.checked),
             disabled: s.disabled || t,
             className: "ui-focus:ring-blue-500 ui-focus:ring-2 ui-h-4 ui-w-4 ui-rounded ui-border-gray-300 ui-bg-gray-100 ui-text-blue-600"
           }
@@ -22082,7 +22089,7 @@ const i3 = E1(
 }) => o.length === 0 && !d ? null : /* @__PURE__ */ i(
   "ul",
   {
-    className: _(
+    className: U(
       "ui-m-0 ui-flex ui-min-w-max ui-list-none ui-flex-col ui-p-0 ui-py-2",
       c
     ),
@@ -22133,174 +22140,174 @@ const i3 = E1(
   disabled: p = !1,
   multiple: l = !1,
   maxSelectedItems: C,
-  absolute: g = !1,
-  onOpenChange: w
+  absolute: w = !1,
+  onOpenChange: g
 }) => {
-  const m = l0(), b = L || `dropdown-${m}`, [M, h] = J(!1), [V, x] = J(!1), [H, Z] = J(""), [P, E] = J("bottom"), [S, k] = J({}), U = u1(null), z = u1(null), G = u1(null), X = $(
-    (I) => I == null ? [] : Array.isArray(I) ? I : [I],
+  const m = l0(), x = L || `dropdown-${m}`, [M, j] = X(!1), [h, v] = X(!1), [H, I] = X(""), [D, R] = X("bottom"), [z, O] = X({}), _ = t1(null), N = t1(null), q = t1(null), J = P(
+    (V) => V == null ? [] : Array.isArray(V) ? V : [V],
     []
-  ), y = $(
-    (I) => I == null || I === "" ? "" : Array.isArray(I) ? I[0] || "" : I,
+  ), k = P(
+    (V) => V == null || V === "" ? "" : Array.isArray(V) ? V[0] || "" : V,
     []
-  ), [O, f] = J(() => l ? X(r) : y(r)), v = o !== void 0, j = v ? o : O, N = $(
-    (I) => {
-      v || f(I), a == null || a(I);
+  ), [Z, $] = X(() => l ? J(r) : k(r)), Y = o !== void 0, f = Y ? o : Z, b = P(
+    (V) => {
+      Y || $(V), a == null || a(V);
     },
-    [v, a]
+    [Y, a]
   );
   n1(() => {
-    if (v && o !== void 0)
+    if (Y && o !== void 0)
       if (l) {
-        const I = X(o);
-        f((q) => JSON.stringify(q) !== JSON.stringify(I) ? I : q);
+        const V = J(o);
+        $((G) => JSON.stringify(G) !== JSON.stringify(V) ? V : G);
       } else {
-        const I = y(o);
-        f((q) => q !== I ? I : q);
+        const V = k(o);
+        $((G) => G !== V ? V : G);
       }
-  }, [o, v, l, X, y]);
-  const K = l ? t.filter((I) => X(j).includes(I[n])) : [
-    t.find((I) => j === "" || j === null || j === void 0 ? !1 : I[e] === -1 ? j === -1 || j === "-1" : I[n] === j)
-  ].filter(Boolean), Y = t.filter((I) => {
-    const q = d ? I[n].toLowerCase().includes(H.toLowerCase()) : !0;
+  }, [o, Y, l, J, k]);
+  const y = l ? t.filter((V) => J(f).includes(V[n])) : [
+    t.find((V) => f === "" || f === null || f === void 0 ? !1 : V[e] === -1 ? f === -1 || f === "-1" : V[n] === f)
+  ].filter(Boolean), S = t.filter((V) => {
+    const G = d ? V[n].toLowerCase().includes(H.toLowerCase()) : !0;
     if (l) {
-      const o1 = X(j).includes(I[n]);
-      return q && !o1;
-    }
-    return I[e] === -1 && (j === -1 || j === "-1") ? !1 : q;
-  }), A = $(() => {
-    var o1, e1;
-    const I = (o1 = G.current) == null ? void 0 : o1.querySelector("input");
-    return I || ((e1 = G.current) == null ? void 0 : e1.querySelector(
+      const i1 = J(f).includes(V[n]);
+      return G && !i1;
+    }
+    return V[e] === -1 && (f === -1 || f === "-1") ? !1 : G;
+  }), T = P(() => {
+    var i1, e1;
+    const V = (i1 = q.current) == null ? void 0 : i1.querySelector("input");
+    return V || ((e1 = q.current) == null ? void 0 : e1.querySelector(
       '[data-dropdown-input="true"]'
     ));
-  }, []), D = $(() => {
-    const I = A();
-    I && requestAnimationFrame(() => {
+  }, []), A = P(() => {
+    const V = T();
+    V && requestAnimationFrame(() => {
       var $1;
-      const q = I.getBoundingClientRect(), o1 = window.innerHeight;
+      const G = V.getBoundingClientRect(), i1 = window.innerHeight;
       let e1 = 0;
-      z.current && (e1 = z.current.offsetHeight), e1 === 0 && (e1 = Math.min(200, Y.length * 40));
-      const p1 = o1 - q.bottom, d1 = q.top, a1 = p1 < e1 && d1 > p1 ? "top" : "bottom";
-      E(a1);
-      let s1 = 0, O1 = 0, x1 = q.width;
-      if (!g)
-        a1 === "bottom" ? s1 = q.bottom + 4 : s1 = q.top - e1 - 4, O1 = q.left;
+      N.current && (e1 = N.current.offsetHeight), e1 === 0 && (e1 = Math.min(200, S.length * 40));
+      const p1 = i1 - G.bottom, l1 = G.top, u1 = p1 < e1 && l1 > p1 ? "top" : "bottom";
+      R(u1);
+      let s1 = 0, O1 = 0, x1 = G.width;
+      if (!w)
+        u1 === "bottom" ? s1 = G.bottom + 4 : s1 = G.top - e1 - 4, O1 = G.left;
       else {
-        const L1 = ($1 = G.current) == null ? void 0 : $1.getBoundingClientRect();
+        const L1 = ($1 = q.current) == null ? void 0 : $1.getBoundingClientRect();
         if (!L1) return;
-        const S1 = q.top - L1.top, y1 = q.left - L1.left;
-        a1 === "bottom" ? s1 = S1 + q.height + 4 : s1 = S1 - e1 - 4, O1 = y1;
+        const S1 = G.top - L1.top, y1 = G.left - L1.left;
+        u1 === "bottom" ? s1 = S1 + G.height + 4 : s1 = S1 - e1 - 4, O1 = y1;
       }
-      const f1 = 1100, b1 = parseInt(b.replace(/\D/g, "")) || 0, B1 = f1 + b1 % 100, _1 = {
-        position: g ? "absolute" : "fixed",
+      const f1 = 1100, b1 = parseInt(x.replace(/\D/g, "")) || 0, B1 = f1 + b1 % 100, _1 = {
+        position: w ? "absolute" : "fixed",
         top: `${s1}px`,
         left: `${O1}px`,
         width: `${x1}px`,
         zIndex: B1
       };
-      k(_1);
+      O(_1);
     });
-  }, [A, Y.length, b, g]), F = $(() => {
-    if (!z.current || !K.length)
+  }, [T, S.length, x, w]), F = P(() => {
+    if (!N.current || !y.length)
       return;
-    const q = z.current.querySelector(".ui-overflow-y-auto");
-    if (!q)
+    const G = N.current.querySelector(".ui-overflow-y-auto");
+    if (!G)
       return;
-    const o1 = K[0];
-    if (!o1) return;
-    const e1 = q.querySelector(
-      `[data-option-value="${o1[n]}"]`
+    const i1 = y[0];
+    if (!i1) return;
+    const e1 = G.querySelector(
+      `[data-option-value="${i1[n]}"]`
     );
     if (!e1)
       return;
-    const p1 = q.clientHeight, d1 = e1.offsetTop, a1 = e1.clientHeight, s1 = d1 - p1 / 2 + a1 / 2;
-    q.scrollTo({
+    const p1 = G.clientHeight, l1 = e1.offsetTop, u1 = e1.clientHeight, s1 = l1 - p1 / 2 + u1 / 2;
+    G.scrollTo({
       top: Math.max(0, s1),
       behavior: "smooth"
     });
-  }, [K, n]), Q = (I) => {
-    I && I.stopPropagation(), !p && (M ? R() : (c3(b), Z(""), x(!1), D(), setTimeout(() => {
-      h(!0), G1.add(b), setTimeout(() => {
-        D(), setTimeout(() => {
+  }, [y, n]), K = (V) => {
+    V && V.stopPropagation(), !p && (M ? r1() : (c3(x), I(""), v(!1), A(), setTimeout(() => {
+      j(!0), G1.add(x), setTimeout(() => {
+        A(), setTimeout(() => {
           F();
         }, 50);
       }, 50);
     }, 50)));
-  }, R = () => {
-    x(!0), setTimeout(() => {
-      h(!1), x(!1), G1.delete(b);
+  }, r1 = () => {
+    v(!0), setTimeout(() => {
+      j(!1), v(!1), G1.delete(x);
     }, 150);
-  }, i1 = (I, q) => {
-    if (q.stopPropagation(), !I.disabled) {
+  }, d1 = (V, G) => {
+    if (G.stopPropagation(), !V.disabled) {
       if (l) {
-        const o1 = X(j), e1 = I[n];
-        if (C && o1.length >= C && !o1.includes(e1))
+        const i1 = J(f), e1 = V[n];
+        if (C && i1.length >= C && !i1.includes(e1))
           return;
-        const p1 = o1.includes(e1) ? o1.filter((d1) => d1 !== e1) : [...o1, e1];
-        N(p1);
+        const p1 = i1.includes(e1) ? i1.filter((l1) => l1 !== e1) : [...i1, e1];
+        b(p1);
       } else {
-        const o1 = I[e] === -1 ? -1 : I[n];
-        N(o1), Z(""), R();
+        const i1 = V[e] === -1 ? -1 : V[n];
+        b(i1), I(""), r1();
       }
-      c == null || c(I);
+      c == null || c(V);
     }
-  }, B = (I) => {
-    Z(I.target.value);
-  }, t1 = (I) => {
-    I.stopPropagation(), N(l ? [] : ""), Z("");
+  }, B = (V) => {
+    I(V.target.value);
+  }, W = (V) => {
+    V.stopPropagation(), b(l ? [] : ""), I("");
   };
   return n1(() => {
-    w == null || w(M);
-  }, [M, w]), m0({
-    isActive: M && !V,
+    g == null || g(M);
+  }, [M, g]), m0({
+    isActive: M && !h,
     // Solo activar cuando esté abierto y no cerrando
     disabled: p,
-    elementRef: z,
-    containerRef: G,
-    elementId: b,
+    elementRef: N,
+    containerRef: q,
+    elementId: x,
     elementType: "dropdown",
     closeOnClickOutside: s,
     onOutsideClick: () => {
-      R();
+      r1();
     }
   }), n1(() => {
     if (M) {
-      const I = () => {
-        D();
-      }, q = () => {
-        M && !V && D();
+      const V = () => {
+        A();
+      }, G = () => {
+        M && !h && A();
       };
-      return window.addEventListener("resize", I), window.addEventListener("scroll", q, !1), document.addEventListener("scroll", q, !1), () => {
-        window.removeEventListener("resize", I), window.removeEventListener("scroll", q, !1), document.removeEventListener("scroll", q, !1);
+      return window.addEventListener("resize", V), window.addEventListener("scroll", G, !1), document.addEventListener("scroll", G, !1), () => {
+        window.removeEventListener("resize", V), window.removeEventListener("scroll", G, !1), document.removeEventListener("scroll", G, !1);
       };
     }
-  }, [M, D, V]), {
+  }, [M, A, h]), {
     // Estado
     isOpen: M,
-    isClosing: V,
+    isClosing: h,
     searchValue: H,
-    selectedValue: j,
-    selectedOptions: K,
-    filteredOptions: Y,
-    position: P,
-    dropdownStyle: S,
-    isControlled: v,
+    selectedValue: f,
+    selectedOptions: y,
+    filteredOptions: S,
+    position: D,
+    dropdownStyle: z,
+    isControlled: Y,
     multiple: l,
     // Referencias
-    inputRef: U,
-    dropdownRef: z,
-    containerRef: G,
-    dropdownUniqueId: b,
+    inputRef: _,
+    dropdownRef: N,
+    containerRef: q,
+    dropdownUniqueId: x,
     // Funciones
-    toggleDropdown: Q,
-    closeDropdown: R,
-    handleOptionSelect: i1,
+    toggleDropdown: K,
+    closeDropdown: r1,
+    handleOptionSelect: d1,
     handleSearchChange: B,
-    handleClear: t1,
-    calculatePosition: D,
-    setValue: N,
+    handleClear: W,
+    calculatePosition: A,
+    setValue: b,
     scrollToSelectedOption: F,
-    normalizeToArray: X
+    normalizeToArray: J
   };
 }, b0 = ({
   onClick: o,
@@ -22314,7 +22321,7 @@ const i3 = E1(
   color: s,
   ...L
 }) => /* @__PURE__ */ i(
-  r1,
+  o1,
   {
     slotRight: o ? "X2Outlined" : void 0,
     rounded: c,
@@ -22325,7 +22332,7 @@ const i3 = E1(
     onClickRightSlot: o || void 0,
     size: t,
     defaultSizeIcon: !1,
-    className: _("ui:h-fit", r),
+    className: U("ui:h-fit", r),
     classNameId: "imj-ui-tag",
     ...L,
     clickable: !1,
@@ -22345,28 +22352,28 @@ const i3 = E1(
   error: p,
   helperText: l,
   rightSlot: C,
-  valueName: g
+  valueName: w
 }) => {
-  const [w, m] = J(!1), [b, M] = J(null), h = u1(null);
+  const [g, m] = X(!1), [x, M] = X(null), j = t1(null);
   return n1(() => {
-    if (!h.current || t.length === 0) {
+    if (!j.current || t.length === 0) {
       m(!1), M(null);
       return;
     }
-    const x = setTimeout(() => {
-      const H = h.current;
+    const v = setTimeout(() => {
+      const H = j.current;
       if (H) {
-        const Z = H.scrollHeight, P = H.clientHeight;
-        if (b === null) {
-          M(P);
+        const I = H.scrollHeight, D = H.clientHeight;
+        if (x === null) {
+          M(D);
           return;
         }
-        const E = Z > b;
-        m(E);
+        const R = I > x;
+        m(R);
       }
     }, 100);
-    return () => clearTimeout(x);
-  }, [t.length, b]), // Input personalizado con tags para modo tags
+    return () => clearTimeout(v);
+  }, [t.length, x]), // Input personalizado con tags para modo tags
   /* @__PURE__ */ u("div", { className: "ui-w-full", children: [
     o && /* @__PURE__ */ i("label", { className: "ui-mb-1 ui-block ui-text-sm ui-font-bold ui-text-gray-700", children: o }),
     /* @__PURE__ */ u(
@@ -22374,9 +22381,9 @@ const i3 = E1(
       {
         ref: s,
         "data-dropdown-input": "true",
-        className: `ui-flex ui-min-h-[32px] ui-cursor-pointer ui-items-center ui-gap-1 ui-rounded-md ui-border ui-border-gray-300 ui-bg-white ui-px-2 ${w ? "ui-py-2" : "ui-py-0.5"} ui-transition-[padding] ui-duration-150 ui-ease-out focus-within:ui-border-blue-500 focus-within:ui-ring-2 focus-within:ui-ring-blue-200 hover:ui-border-gray-400`,
-        onClick: (V) => {
-          c || e(V);
+        className: `ui-flex ui-min-h-[32px] ui-cursor-pointer ui-items-center ui-gap-1 ui-rounded-md ui-border ui-border-gray-300 ui-bg-white ui-px-2 ${g ? "ui-py-2" : "ui-py-0.5"} ui-transition-[padding] ui-duration-150 ui-ease-out focus-within:ui-border-blue-500 focus-within:ui-ring-2 focus-within:ui-ring-blue-200 hover:ui-border-gray-400`,
+        onClick: (h) => {
+          c || e(h);
         },
         onFocus: () => {
           !a && !c && (d(!0), e());
@@ -22386,20 +22393,20 @@ const i3 = E1(
           t.length > 0 ? /* @__PURE__ */ i(
             "div",
             {
-              ref: h,
-              className: `ui-flex ui-flex-wrap ui-gap-1 ${w ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
-              children: t.map((V) => V ? /* @__PURE__ */ i(
+              ref: j,
+              className: `ui-flex ui-flex-wrap ui-gap-1 ${g ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
+              children: t.map((h) => h ? /* @__PURE__ */ i(
                 b0,
                 {
                   className: "ui-z-[1010]",
-                  label: V[g],
+                  label: h[w],
                   color: "blue",
                   size: "xs",
-                  onClick: (x) => {
-                    x.stopPropagation(), n(V[g]);
+                  onClick: (v) => {
+                    v.stopPropagation(), n(h[w]);
                   }
                 },
-                V[g]
+                h[w]
               ) : null)
             }
           ) : /* @__PURE__ */ i("span", { className: "ui-text-sm ui-text-neutral-500", children: r }),
@@ -22437,50 +22444,50 @@ const i3 = E1(
     noResultsDescription: p = "Puede probar a utilizar otras palabras clave o ajustar los filtros.",
     caret: l = !0,
     value: C,
-    defaultValue: g = "",
-    disabled: w = !1,
+    defaultValue: w = "",
+    disabled: g = !1,
     placeholder: m = "",
-    options: b = [],
+    options: x = [],
     valueName: M = "label",
-    idName: h = "id",
-    onValueChange: V,
-    onOptionSelect: x,
+    idName: j = "id",
+    onValueChange: h,
+    onOptionSelect: v,
     onCheckboxChange: H,
-    searchable: Z = !1,
-    maxHeight: P = "200px",
-    closeOnClickOutside: E = !0,
-    dropdownId: S,
-    multiple: k = !1,
-    maxSelectedItems: U,
-    selectedItemsDisplay: z = "tags",
-    absolute: G = !1,
-    footer: X = !1,
-    defaultOptionSelected: y = !1,
-    withCheckbox: O = !1,
-    ...f
-  }, v) => {
-    const j = u1(null), [N, K] = J(c), [Y, A] = J(null), [D, F] = J(!1), i1 = k ? b : !k && y ? [
+    searchable: I = !1,
+    maxHeight: D = "200px",
+    closeOnClickOutside: R = !0,
+    dropdownId: z,
+    multiple: O = !1,
+    maxSelectedItems: _,
+    selectedItemsDisplay: N = "tags",
+    absolute: q = !1,
+    footer: J = !1,
+    defaultOptionSelected: k = !1,
+    withCheckbox: Z = !1,
+    ...$
+  }, Y) => {
+    const f = t1(null), [b, y] = X(c), [S, T] = X(null), [A, F] = X(!1), d1 = O ? x : !O && k ? [
       {
         ...{
           label: m || "Selecciona una opción",
           value: -1,
           disabled: !1
         },
-        [h]: -1,
+        [j]: -1,
         value: -1,
         label: m || "Selecciona una opción"
       },
-      ...b.filter((T) => T[h] !== -1)
-    ] : b, B = C !== void 0 ? C : y && !k ? -1 : g, {
+      ...x.filter((E) => E[j] !== -1)
+    ] : x, B = C !== void 0 ? C : k && !O ? -1 : w, {
       // Estado
-      isOpen: t1,
-      isClosing: I,
-      searchValue: q,
-      selectedValue: o1,
+      isOpen: W,
+      isClosing: V,
+      searchValue: G,
+      selectedValue: i1,
       selectedOptions: e1,
       filteredOptions: p1,
-      dropdownStyle: d1,
-      isControlled: a1,
+      dropdownStyle: l1,
+      isControlled: u1,
       // Referencias
       inputRef: s1,
       dropdownRef: O1,
@@ -22499,57 +22506,57 @@ const i3 = E1(
     } = p3({
       value: C,
       defaultValue: B,
-      options: i1,
+      options: d1,
       valueName: M,
-      idName: h,
-      onValueChange: V,
-      onOptionSelect: x,
-      searchable: Z,
-      closeOnClickOutside: E,
-      dropdownId: S,
-      disabled: w,
-      multiple: k,
-      maxSelectedItems: U,
-      absolute: G,
-      onOpenChange: (T) => {
-        T && setTimeout(() => {
+      idName: j,
+      onValueChange: h,
+      onOptionSelect: v,
+      searchable: I,
+      closeOnClickOutside: R,
+      dropdownId: z,
+      disabled: g,
+      multiple: O,
+      maxSelectedItems: _,
+      absolute: q,
+      onOpenChange: (E) => {
+        E && setTimeout(() => {
           F(!1);
         }, 200);
       }
     });
     n1(() => {
-      if (a1 && C !== void 0)
+      if (u1 && C !== void 0)
         if (C === "" || C === -1 || C === "-1")
-          K((T) => T !== c ? c : T), A((T) => T !== null ? null : T);
+          y((E) => E !== c ? c : E), T((E) => E !== null ? null : E);
         else {
-          const T = i1.find(
-            (l1) => l1[M] === C || l1[h] === C
+          const E = d1.find(
+            (a1) => a1[M] === C || a1[j] === C
           );
-          if (T) {
-            const l1 = T.icon || c, j1 = T.iconColor || null;
-            K((W) => W !== l1 ? l1 : W), A((W) => W !== j1 ? j1 : W);
+          if (E) {
+            const a1 = E.icon || c, j1 = E.iconColor || null;
+            y((Q) => Q !== a1 ? a1 : Q), T((Q) => Q !== j1 ? j1 : Q);
           }
         }
-    }, [C, a1, i1, M, h, c]), Q1(
-      v,
+    }, [C, u1, d1, M, j, c]), Q1(
+      Y,
       () => ({
-        getValue: () => o1,
-        setValue: (T) => {
-          a1 || y1(T), V == null || V(T);
+        getValue: () => i1,
+        setValue: (E) => {
+          u1 || y1(E), h == null || h(E);
         },
         focus: () => {
-          var T, l1;
-          k && z === "tags" ? (T = j.current) == null || T.focus() : (l1 = s1.current) == null || l1.focus();
+          var E, a1;
+          O && N === "tags" ? (E = f.current) == null || E.focus() : (a1 = s1.current) == null || a1.focus();
         },
         blur: () => {
-          var T, l1;
-          k && z === "tags" ? (T = j.current) == null || T.blur() : (l1 = s1.current) == null || l1.blur();
+          var E, a1;
+          O && N === "tags" ? (E = f.current) == null || E.blur() : (a1 = s1.current) == null || a1.blur();
         },
         clear: () => {
-          a1 || y1(k ? [] : ""), V == null || V(k ? [] : "");
+          u1 || y1(O ? [] : ""), h == null || h(O ? [] : "");
         },
         open: () => {
-          w || (L1(), setTimeout(() => {
+          g || (L1(), setTimeout(() => {
             b1();
           }, 50));
         },
@@ -22558,70 +22565,70 @@ const i3 = E1(
         }
       }),
       [
-        o1,
-        a1,
-        w,
+        i1,
+        u1,
+        g,
         L1,
-        V,
+        h,
         B1,
-        k,
+        O,
         y1,
         b1,
-        z
+        N
       ]
     ), n1(() => {
-      if (t1 && e1.length > 0) {
-        const T = setTimeout(() => {
+      if (W && e1.length > 0) {
+        const E = setTimeout(() => {
           S1();
         }, 150);
-        return () => clearTimeout(T);
+        return () => clearTimeout(E);
       }
-    }, [t1, e1, S1]), n1(() => {
-      if (t1 && k && z === "tags") {
-        const T = j.current;
-        if (!T) return;
-        const l1 = new ResizeObserver(() => {
+    }, [W, e1, S1]), n1(() => {
+      if (W && O && N === "tags") {
+        const E = f.current;
+        if (!E) return;
+        const a1 = new ResizeObserver(() => {
           setTimeout(() => {
             L1();
           }, 50);
         });
-        return l1.observe(T), () => {
-          l1.disconnect();
+        return a1.observe(E), () => {
+          a1.disconnect();
         };
       }
-    }, [t1, k, z, L1]), n1(() => {
-      if (t1 && k && z === "tags") {
-        const T = setTimeout(() => {
+    }, [W, O, N, L1]), n1(() => {
+      if (W && O && N === "tags") {
+        const E = setTimeout(() => {
           L1();
         }, 100);
-        return () => clearTimeout(T);
+        return () => clearTimeout(E);
       }
-    }, [e1, t1, k, z, L1]);
-    const r0 = (T) => {
-      if (k) {
-        const j1 = O0(o1).filter((W) => W !== T);
+    }, [e1, W, O, N, L1]);
+    const r0 = (E) => {
+      if (O) {
+        const j1 = O0(i1).filter((Q) => Q !== E);
         y1(j1);
       }
     }, y0 = () => {
-      if (k) {
+      if (O) {
         if (e1.length === 0) return "";
-        switch (z) {
+        switch (N) {
           case "count":
             return `${e1.length} elemento${e1.length > 1 ? "s" : ""} seleccionado${e1.length > 1 ? "s" : ""}`;
           case "text":
-            return e1.map((T) => T == null ? void 0 : T[M]).filter(Boolean).join(", ");
+            return e1.map((E) => E == null ? void 0 : E[M]).filter(Boolean).join(", ");
           case "tags":
           default:
             return "";
         }
       } else {
-        const T = e1[0];
-        return T ? T[h] === -1 || T[M] === -1 || T[M] === "-1" ? m : T[M] || "" : "";
+        const E = e1[0];
+        return E ? E[j] === -1 || E[M] === -1 || E[M] === "-1" ? m : E[M] || "" : "";
       }
     }, Z0 = () => {
-      if (!t1 || !d1.top) return null;
-      const T = I ? "animate-dropdown-exit" : "animate-dropdown-enter", l1 = (W, P1) => {
-        o0(W, P1), W.icon && K(W.icon), W.iconColor && A(W.iconColor);
+      if (!W || !l1.top) return null;
+      const E = V ? "animate-dropdown-exit" : "animate-dropdown-enter", a1 = (Q, P1) => {
+        o0(Q, P1), Q.icon && y(Q.icon), Q.iconColor && T(Q.iconColor);
       }, j1 = /* @__PURE__ */ u(
         "div",
         {
@@ -22629,19 +22636,19 @@ const i3 = E1(
           id: f1,
           "data-dropdown-id": f1,
           style: {
-            position: d1.position,
-            top: d1.top,
-            left: d1.left,
-            width: d1.width,
-            zIndex: d1.zIndex
+            position: l1.position,
+            top: l1.top,
+            left: l1.left,
+            width: l1.width,
+            zIndex: l1.zIndex
           },
-          className: `py-2 ui-min-w-fit ui-overflow-hidden ui-rounded-sm ui-border ui-border-neutral-200 ui-bg-white ui-shadow-lg ${T}`,
-          onClick: (W) => W.stopPropagation(),
+          className: `py-2 ui-min-w-fit ui-overflow-hidden ui-rounded-sm ui-border ui-border-neutral-200 ui-bg-white ui-shadow-lg ${E}`,
+          onClick: (Q) => Q.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { children: Z && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (W) => W.stopPropagation(), children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { children: I && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (Q) => Q.stopPropagation(), children: /* @__PURE__ */ i(
               T1,
               {
-                value: q,
+                value: G,
                 onChange: _1,
                 placeholder: s,
                 leftSlot: "SearchOutlined",
@@ -22650,51 +22657,51 @@ const i3 = E1(
                 size: "sm"
               }
             ) }) }),
-            Z && /* @__PURE__ */ i(J1, {}),
-            /* @__PURE__ */ i("div", { className: "no-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: p1.length > 0 ? p1.map((W) => {
-              const P1 = k ? e1.some(
-                (Z1) => Z1 && Z1[M] === W[M]
-              ) : W[h] === -1 && (o1 === -1 || o1 === "-1") || W[M] === o1;
-              return O ? /* @__PURE__ */ i(
+            I && /* @__PURE__ */ i(J1, {}),
+            /* @__PURE__ */ i("div", { className: "no-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: p1.length > 0 ? p1.map((Q) => {
+              const P1 = O ? e1.some(
+                (Z1) => Z1 && Z1[M] === Q[M]
+              ) : Q[j] === -1 && (i1 === -1 || i1 === "-1") || Q[M] === i1;
+              return Z ? /* @__PURE__ */ i(
                 x0,
                 {
-                  disabled: W.disabled,
+                  disabled: Q.disabled,
                   current: P1 ? "blue" : !1,
-                  "data-option-value": W[M],
-                  icon: W.icon,
-                  iconColor: W.iconColor,
+                  "data-option-value": Q[M],
+                  icon: Q.icon,
+                  iconColor: Q.iconColor,
                   checkboxProps: {
-                    checked: W.checked || !1,
-                    onChange: (Z1) => H == null ? void 0 : H(W, Z1),
-                    disabled: W.disabled
+                    checked: Q.checked || !1,
+                    onChange: (Z1) => H == null ? void 0 : H(Q, Z1),
+                    disabled: Q.disabled
                   },
-                  children: W[M]
+                  children: Q[M]
                 },
-                W[h] || W[M]
+                Q[j] || Q[M]
               ) : /* @__PURE__ */ i(
                 v0,
                 {
-                  onClick: (Z1) => l1(W, Z1),
-                  disabled: W.disabled,
+                  onClick: (Z1) => a1(Q, Z1),
+                  disabled: Q.disabled,
                   current: P1 ? "blue" : !1,
-                  "data-option-value": W[M],
-                  icon: W.icon,
-                  iconColor: W.iconColor,
-                  children: W[M]
+                  "data-option-value": Q[M],
+                  icon: Q.icon,
+                  iconColor: Q.iconColor,
+                  children: Q[M]
                 },
-                W[h] || W[M]
+                Q[j] || Q[M]
               );
-            }) : q ? /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
+            }) : G ? /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
               /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(v1, { name: "SearchOutlined", size: "5xl", color: "neutral" }) }),
               /* @__PURE__ */ u("p", { className: "ui-font-semibold ui-text-neutral-800", children: [
                 L,
                 ' "',
-                q,
+                G,
                 '"'
               ] }),
               /* @__PURE__ */ i("p", { className: "ui-mt-2 ui-text-xs ui-text-neutral-500", children: p })
             ] }) : /* @__PURE__ */ i("div", { className: "ui-px-3 ui-text-center ui-text-sm ui-text-neutral-500", children: "Sin opciones" }) }),
-            X && /* @__PURE__ */ u(I1, { children: [
+            J && /* @__PURE__ */ u(I1, { children: [
               /* @__PURE__ */ i(J1, {}),
               /* @__PURE__ */ u("div", { className: "ui-flex ui-min-w-[200px] ui-gap-x-2 ui-px-4 ui-py-2", children: [
                 /* @__PURE__ */ i(
@@ -22715,10 +22722,10 @@ const i3 = E1(
           ]
         }
       );
-      return G ? j1 : k1(j1, document.body);
+      return q ? j1 : k1(j1, document.body);
     };
     return n1(() => {
-      c && K(c);
+      c && y(c);
     }, [c]), /* @__PURE__ */ u(
       "div",
       {
@@ -22726,7 +22733,7 @@ const i3 = E1(
         className: "ui-relative ui-w-full",
         "data-dropdown-container-id": f1,
         children: [
-          k && z === "tags" ? /* @__PURE__ */ i(
+          O && N === "tags" ? /* @__PURE__ */ i(
             C3,
             {
               label: r,
@@ -22734,11 +22741,11 @@ const i3 = E1(
               selectedOptions: e1,
               handleRemoveSelected: r0,
               toggleDropdown: b1,
-              isOpen: t1,
-              isOpening: D,
+              isOpen: W,
+              isOpening: A,
               setIsOpening: F,
-              customInputRef: j,
-              disabled: w,
+              customInputRef: f,
+              disabled: g,
               error: t,
               helperText: n || "",
               rightSlot: d,
@@ -22755,33 +22762,33 @@ const i3 = E1(
                 helperText: n,
                 size: e,
                 color: a,
-                leftSlot: N || void 0,
-                colorLeftIcon: Y || void 0,
+                leftSlot: b || void 0,
+                colorLeftIcon: S || void 0,
                 rightSlot: d,
                 fullWidth: !0,
                 caret: l,
-                disabled: w,
+                disabled: g,
                 placeholder: m,
                 value: y0(),
                 readOnly: !0,
-                onClick: (T) => b1(T),
+                onClick: (E) => b1(E),
                 onClickExtraSlot: () => b1(),
-                extraSlot: t1 ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
+                extraSlot: W ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
                 name: o,
                 autosize: !0,
-                ...f
+                ...$
               }
             )
           ),
-          k && z !== "tags" && e1.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: e1.map((T) => T ? /* @__PURE__ */ i(
+          O && N !== "tags" && e1.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: e1.map((E) => E ? /* @__PURE__ */ i(
             b0,
             {
-              label: T[M],
+              label: E[M],
               color: "blue",
               size: "sm",
-              onClick: () => r0(T[M])
+              onClick: () => r0(E[M])
             },
-            T[M]
+            E[M]
           ) : null) }),
           Z0()
         ]
@@ -22801,7 +22808,7 @@ const L3 = {
   disableOutsideTab: n = !1,
   disableOutsideClick: e = !1
 }) => {
-  const a = M0(), { isVisible: c, isAnimating: d } = h0(o, { exitDelay: 200 }), s = u1(null);
+  const a = M0(), { isVisible: c, isAnimating: d } = h0(o, { exitDelay: 200 }), s = t1(null);
   return g0(o), n0(o, r, t), l3(o, s), f0(o, s, !n), d3(o, s, r, e), {
     isVisible: c,
     animateIn: d,
@@ -22822,18 +22829,18 @@ const L3 = {
   showCancelButton: p = !0,
   showCloseButton: l = !0,
   closeAtCorner: C = !0,
-  title: g,
-  tabs: w,
+  title: w,
+  tabs: g,
   defaultValueTab: m,
-  onChangeTab: b,
+  onChangeTab: x,
   headerButtonIcon: M,
-  headerButtonOnClick: h,
-  footerButtonIcon: V,
-  footerButtonOnClick: x,
+  headerButtonOnClick: j,
+  footerButtonIcon: h,
+  footerButtonOnClick: v,
   cancelButtonSlotLeft: H,
-  successButtonSlotRight: Z
+  successButtonSlotRight: I
 }) => {
-  const P = {
+  const D = {
     onClose: r,
     showCloseButton: l,
     closeAtCorner: C,
@@ -22845,19 +22852,19 @@ const L3 = {
     showSuccessButton: c,
     closeAtSuccess: e,
     closeAtCancel: L,
-    title: g,
+    title: w,
     icon: n,
-    tabs: w,
+    tabs: g,
     defaultValueTab: m,
-    onChangeTab: b,
+    onChangeTab: x,
     headerButtonIcon: M,
-    headerButtonOnClick: h,
-    footerButtonIcon: V,
-    footerButtonOnClick: x,
+    headerButtonOnClick: j,
+    footerButtonIcon: h,
+    footerButtonOnClick: v,
     cancelButtonSlotLeft: H,
-    successButtonSlotRight: Z
+    successButtonSlotRight: I
   };
-  return /* @__PURE__ */ i(V0.Provider, { value: P, children: o });
+  return /* @__PURE__ */ i(V0.Provider, { value: D, children: o });
 }, H0 = () => {
   const o = I0(V0);
   if (!o)
@@ -22888,11 +22895,11 @@ const L3 = {
       size: "sm",
       fullWidth: !1
     }
-  }), [d, s] = J(r || ((l = o[0]) == null ? void 0 : l.value) || ""), L = (C) => {
+  }), [d, s] = X(r || ((l = o[0]) == null ? void 0 : l.value) || ""), L = (C) => {
     d !== C && (s(C), t && t(C));
   }, p = c({ size: n, fullWidth: a });
-  return /* @__PURE__ */ i("div", { className: _("ui-relative ui-flex ui-rounded-md ui-bg-neutral-50", p), children: o.map((C) => /* @__PURE__ */ i(
-    r1,
+  return /* @__PURE__ */ i("div", { className: U("ui-relative ui-flex ui-rounded-md ui-bg-neutral-50", p), children: o.map((C) => /* @__PURE__ */ i(
+    o1,
     {
       size: n,
       colorIcon: e,
@@ -22925,20 +22932,20 @@ const L3 = {
     icon: p,
     tabs: l,
     defaultValueTab: C,
-    onChangeTab: g,
-    headerButtonIcon: w,
+    onChangeTab: w,
+    headerButtonIcon: g,
     headerButtonOnClick: m
-  } = H0(), b = r ?? L, M = c ?? w, h = d ?? m, V = (n == null ? void 0 : n.length) > 0 ? n : l, x = (V == null ? void 0 : V.length) ?? !1, H = a ?? g, Z = e ?? C, P = (E) => {
-    H && H(E);
+  } = H0(), x = r ?? L, M = c ?? g, j = d ?? m, h = (n == null ? void 0 : n.length) > 0 ? n : l, v = (h == null ? void 0 : h.length) ?? !1, H = a ?? w, I = e ?? C, D = (R) => {
+    H && H(R);
   };
   return /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-flex-wrap ui-items-center ui-justify-between ui-gap-x-md ui-border-b ui-border-neutral-100 ui-p-4", children: [
     p && /* @__PURE__ */ i("div", { className: "ui-flex ui-h-8 ui-w-8 ui-items-center ui-justify-center ui-gap-2 ui-rounded-full ui-bg-blue-50 ui-text-blue-500", children: /* @__PURE__ */ i(m1, { slot: p, size: "lg" }) }),
     /* @__PURE__ */ i("div", { className: "ui-flex-1", children: t ? /* @__PURE__ */ i("h2", { className: "ui-text-2xl ui-font-semibold", children: t }) : o }),
     /* @__PURE__ */ u("div", { className: "ui-z-10 ui-flex ui-items-center ui-gap-2", children: [
-      h && /* @__PURE__ */ i(
-        r1,
+      j && /* @__PURE__ */ i(
+        o1,
         {
-          onClick: h,
+          onClick: j,
           "aria-label": "Header button",
           variant: "outlined",
           rounded: !0,
@@ -22947,8 +22954,8 @@ const L3 = {
           size: "lg"
         }
       ),
-      b && /* @__PURE__ */ i(
-        r1,
+      x && /* @__PURE__ */ i(
+        o1,
         {
           onClick: s,
           "aria-label": "Cerrar modal",
@@ -22960,21 +22967,21 @@ const L3 = {
         }
       )
     ] }),
-    x ? /* @__PURE__ */ i("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-absolute", children: /* @__PURE__ */ i(
+    v ? /* @__PURE__ */ i("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-absolute", children: /* @__PURE__ */ i(
       g3,
       {
-        options: V ?? [],
-        defaultValue: Z,
+        options: h ?? [],
+        defaultValue: I,
         size: "sm",
-        onChange: (E) => {
-          P(E);
+        onChange: (R) => {
+          D(R);
         }
       }
     ) }) : null
   ] });
 };
 R1.displayName = "Modal.Header";
-const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", { className: _(r && "ui-p-4"), children: o }), e0 = ({
+const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", { className: U(r && "ui-p-4"), children: o }), e0 = ({
   children: o,
   footerButtonIcon: r,
   footerButtonOnClick: t,
@@ -22990,49 +22997,49 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     showCancelButton: p,
     showSuccessButton: l,
     closeAtSuccess: C,
-    closeAtCancel: g,
-    footerButtonIcon: w,
+    closeAtCancel: w,
+    footerButtonIcon: g,
     footerButtonOnClick: m,
-    cancelButtonSlotLeft: b,
+    cancelButtonSlotLeft: x,
     successButtonSlotRight: M
-  } = H0(), h = () => {
-    s && s(), g && a();
-  }, V = () => {
+  } = H0(), j = () => {
+    s && s(), w && a();
+  }, h = () => {
     L && L(), C && a();
-  }, x = r ?? w, H = t ?? m;
+  }, v = r ?? g, H = t ?? m;
   return /* @__PURE__ */ u(
     "div",
     {
       className: `ui-flex ui-border-t ui-border-neutral-100 ui-p-4 ${H ? "ui-justify-between" : "ui-justify-end"} ui-items-center ui-gap-2`,
       children: [
         H && /* @__PURE__ */ i(
-          r1,
+          o1,
           {
             "aria-label": "Header button",
             variant: "outlined",
             rounded: !0,
             color: "white",
-            icon: x ?? "AlignJustifyOutlined",
+            icon: v ?? "AlignJustifyOutlined",
             size: "lg",
             onClick: H
           }
         ),
         o || /* @__PURE__ */ u("div", { className: "ui-flex ui-gap-2", children: [
           p && /* @__PURE__ */ i(
-            r1,
+            o1,
             {
-              slotLeft: n ?? b,
+              slotLeft: n ?? x,
               color: "white",
               variant: "outlined",
-              onClick: h,
+              onClick: j,
               children: c
             }
           ),
           l && /* @__PURE__ */ i(
-            r1,
+            o1,
             {
               slotLeft: e ?? M,
-              onClick: V,
+              onClick: h,
               children: d
             }
           )
@@ -23066,31 +23073,31 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   cancelButtonText: p,
   successButtonText: l,
   onCancel: C,
-  onSuccess: g,
-  title: w,
+  onSuccess: w,
+  title: g,
   showCancelButton: m,
-  showSuccessButton: b,
+  showSuccessButton: x,
   closeAtSuccess: M,
-  closeAtCancel: h,
-  tabs: V,
-  defaultValueTab: x,
+  closeAtCancel: j,
+  tabs: h,
+  defaultValueTab: v,
   onChangeTab: H,
-  headerButtonIcon: Z,
-  headerButtonOnClick: P,
-  footerButtonIcon: E,
-  footerButtonOnClick: S,
-  cancelButtonSlotLeft: k,
-  successButtonSlotRight: U
+  headerButtonIcon: I,
+  headerButtonOnClick: D,
+  footerButtonIcon: R,
+  footerButtonOnClick: z,
+  cancelButtonSlotLeft: O,
+  successButtonSlotRight: _
 }) => {
-  const { isVisible: z, animateIn: G, container: X, modalRef: y } = w3({
+  const { isVisible: N, animateIn: q, container: J, modalRef: k } = w3({
     isOpen: o,
     onClose: r,
     disableEscapeClose: c,
     disableOutsideTab: d,
     disableOutsideClick: s
   });
-  if (!X || !o && !z) return null;
-  const O = m3(e), f = v3(e), v = /* @__PURE__ */ u(
+  if (!J || !o && !N) return null;
+  const Z = m3(e), $ = v3(e), Y = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -23101,24 +23108,24 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
         /* @__PURE__ */ i(
           "div",
           {
-            className: _(
+            className: U(
               "ui-fixed ui-inset-0 ui-bg-black ui-backdrop-blur-sm ui-transition-opacity ui-duration-200",
-              G ? "ui-opacity-40" : "ui-opacity-0"
+              q ? "ui-opacity-40" : "ui-opacity-0"
             ),
-            onClick: s ? (j) => j.stopPropagation() : r
+            onClick: s ? (f) => f.stopPropagation() : r
           }
         ),
         /* @__PURE__ */ i("div", { className: "ui-flex ui-min-h-full ui-items-start ui-justify-center ui-px-4 ui-py-8", children: /* @__PURE__ */ i(
           "div",
           {
-            ref: y,
+            ref: k,
             tabIndex: -1,
-            className: _(
+            className: U(
               "ui-relative ui-z-10 ui-my-auto ui-flex ui-w-full ui-transform ui-flex-col ui-rounded-lg ui-bg-white ui-shadow-md ui-outline-none ui-transition-all ui-duration-200",
               M3[n],
-              G ? "ui-translate-y-0 ui-scale-100 ui-opacity-100" : "ui-translate-y-4 ui-scale-95 ui-opacity-0"
+              q ? "ui-translate-y-0 ui-scale-100 ui-opacity-100" : "ui-translate-y-4 ui-scale-95 ui-opacity-0"
             ),
-            onClick: (j) => j.stopPropagation(),
+            onClick: (f) => f.stopPropagation(),
             children: /* @__PURE__ */ u(
               h3,
               {
@@ -23129,26 +23136,26 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 cancelButtonText: p,
                 successButtonText: l,
                 onCancel: C,
-                onSuccess: g,
+                onSuccess: w,
                 showCancelButton: m,
-                showSuccessButton: b,
+                showSuccessButton: x,
                 closeAtSuccess: M,
-                closeAtCancel: h,
-                title: w,
+                closeAtCancel: j,
+                title: g,
                 icon: t,
-                headerButtonIcon: Z,
-                headerButtonOnClick: P,
-                footerButtonIcon: E,
-                footerButtonOnClick: S,
-                tabs: V,
-                defaultValueTab: x,
+                headerButtonIcon: I,
+                headerButtonOnClick: D,
+                footerButtonIcon: R,
+                footerButtonOnClick: z,
+                tabs: h,
+                defaultValueTab: v,
                 onChangeTab: H,
-                cancelButtonSlotLeft: k,
-                successButtonSlotRight: U,
+                cancelButtonSlotLeft: O,
+                successButtonSlotRight: _,
                 children: [
-                  !O && (a || w ? /* @__PURE__ */ i(R1, { title: w }) : null),
+                  !Z && (a || g ? /* @__PURE__ */ i(R1, { title: g }) : null),
                   e && e,
-                  !f && /* @__PURE__ */ i(e0, {})
+                  !$ && /* @__PURE__ */ i(e0, {})
                 ]
               }
             )
@@ -23157,7 +23164,7 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ]
     }
   );
-  return d0.createPortal(v, X);
+  return d0.createPortal(Y, J);
 }, C5 = Object.assign(x3, {
   Header: R1,
   Body: f3,
@@ -23180,118 +23187,118 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   disabled: d = !1,
   absolute: s = !1
 }) => {
-  const L = l0(), p = e || `popup-${L}`, [l, C] = J(!1), [g, w] = J({}), [m, b] = J(!1), M = u1(null), h = u1(null), V = u1(null), x = $(() => {
-    const P = M.current, E = h.current;
-    if (!P || !E) return;
-    const S = P.getBoundingClientRect(), k = E.getBoundingClientRect();
-    if (k.width === 0 || k.height === 0)
+  const L = l0(), p = e || `popup-${L}`, [l, C] = X(!1), [w, g] = X({}), [m, x] = X(!1), M = t1(null), j = t1(null), h = t1(null), v = P(() => {
+    const D = M.current, R = j.current;
+    if (!D || !R) return;
+    const z = D.getBoundingClientRect(), O = R.getBoundingClientRect();
+    if (O.width === 0 || O.height === 0)
       return;
-    let U = 0, z = 0;
+    let _ = 0, N = 0;
     if (s) {
-      const f = P.offsetTop, v = P.offsetLeft, j = P.offsetWidth, N = P.offsetHeight;
+      const $ = D.offsetTop, Y = D.offsetLeft, f = D.offsetWidth, b = D.offsetHeight;
       switch (o) {
         case "top":
-          U = f - k.height - r, z = v + (j - k.width) / 2;
+          _ = $ - O.height - r, N = Y + (f - O.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          U = f + N + r, z = v + (j - k.width) / 2;
+          _ = $ + b + r, N = Y + (f - O.width) / 2;
           break;
         case "bottom-left":
-          U = f + N + r, z = v;
+          _ = $ + b + r, N = Y;
           break;
         case "bottom-right":
-          U = f + N + r, z = v + j - k.width;
+          _ = $ + b + r, N = Y + f - O.width;
           break;
         case "left":
-          U = f, z = v - k.width - r;
+          _ = $, N = Y - O.width - r;
           break;
         case "right":
-          U = f, z = v + j + r;
+          _ = $, N = Y + f + r;
           break;
       }
     } else {
-      const f = window.innerWidth, v = window.innerHeight, j = S.top, N = S.left, K = S.width, Y = S.height;
+      const $ = window.innerWidth, Y = window.innerHeight, f = z.top, b = z.left, y = z.width, S = z.height;
       switch (o) {
         case "top":
-          U = j - k.height - r, z = N + (K - k.width) / 2;
+          _ = f - O.height - r, N = b + (y - O.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          U = j + Y + r, z = N + (K - k.width) / 2;
+          _ = f + S + r, N = b + (y - O.width) / 2;
           break;
         case "bottom-left":
-          U = j + Y + r, z = N;
+          _ = f + S + r, N = b;
           break;
         case "bottom-right":
-          U = j + Y + r, z = N + K - k.width;
+          _ = f + S + r, N = b + y - O.width;
           break;
         case "left":
-          U = j, z = N - k.width - r;
+          _ = f, N = b - O.width - r;
           break;
         case "right":
-          U = j, z = N + K + r;
+          _ = f, N = b + y + r;
           break;
       }
-      z < 0 && (z = 0), z + k.width > f && (z = f - k.width), U < 0 && (U = 0), U + k.height > v && (U = v - k.height), o === "bottom-right" && k.width > S.width && (z = S.right - k.width, z < 0 && (z = 0));
+      N < 0 && (N = 0), N + O.width > $ && (N = $ - O.width), _ < 0 && (_ = 0), _ + O.height > Y && (_ = Y - O.height), o === "bottom-right" && O.width > z.width && (N = z.right - O.width, N < 0 && (N = 0));
     }
-    const G = 1e3, X = parseInt(p.replace(/\D/g, "")) || 0, y = G + X % 100, O = {
+    const q = 1e3, J = parseInt(p.replace(/\D/g, "")) || 0, k = q + J % 100, Z = {
       position: s ? "absolute" : "fixed",
-      top: `${U}px`,
-      left: `${z}px`,
-      zIndex: y
+      top: `${_}px`,
+      left: `${N}px`,
+      zIndex: k
     };
-    w(O), b(!0);
-  }, [o, r, p, s]), H = (P) => {
-    P && P.stopPropagation(), !d && (l ? Z() : (b3(p), w({}), b(!1), C(!0), X1.add(p), a == null || a()));
-  }, Z = () => {
-    C(!1), b(!1), X1.delete(p), c == null || c();
+    g(Z), x(!0);
+  }, [o, r, p, s]), H = (D) => {
+    D && D.stopPropagation(), !d && (l ? I() : (b3(p), g({}), x(!1), C(!0), X1.add(p), a == null || a()));
+  }, I = () => {
+    C(!1), x(!1), X1.delete(p), c == null || c();
   };
   return n1(() => {
     if (l) {
-      const P = () => {
-        const E = h.current;
-        if (E) {
-          const S = E.getBoundingClientRect();
-          S.width > 0 && S.height > 0 && S.width !== 0 && S.height !== 0 ? x() : setTimeout(() => {
-            requestAnimationFrame(P);
+      const D = () => {
+        const R = j.current;
+        if (R) {
+          const z = R.getBoundingClientRect();
+          z.width > 0 && z.height > 0 && z.width !== 0 && z.height !== 0 ? v() : setTimeout(() => {
+            requestAnimationFrame(D);
           }, 10);
         }
       };
       setTimeout(() => {
-        requestAnimationFrame(P);
+        requestAnimationFrame(D);
       }, 0);
     }
-  }, [l, x]), n1(() => {
+  }, [l, v]), n1(() => {
     if (!l || !m || s) return;
-    let P = !1;
-    const E = () => {
-      P || (requestAnimationFrame(() => {
-        x(), P = !1;
-      }), P = !0);
+    let D = !1;
+    const R = () => {
+      D || (requestAnimationFrame(() => {
+        v(), D = !1;
+      }), D = !0);
     };
-    return window.addEventListener("scroll", E, { passive: !0 }), window.addEventListener("resize", E, { passive: !0 }), () => {
-      window.removeEventListener("scroll", E), window.removeEventListener("resize", E);
+    return window.addEventListener("scroll", R, { passive: !0 }), window.addEventListener("resize", R, { passive: !0 }), () => {
+      window.removeEventListener("scroll", R), window.removeEventListener("resize", R);
     };
-  }, [l, m, s, x]), m0({
+  }, [l, m, s, v]), m0({
     isActive: l,
     disabled: d,
-    elementRef: h,
-    containerRef: V,
+    elementRef: j,
+    containerRef: h,
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: t,
-    onOutsideClick: Z
-  }), n0(l, Z, !n), {
+    onOutsideClick: I
+  }), n0(l, I, !n), {
     isOpen: l,
-    popupStyle: g,
+    popupStyle: w,
     isPositioned: m,
     triggerRef: M,
-    popupRef: h,
-    containerRef: V,
+    popupRef: j,
+    containerRef: h,
     popupUniqueId: p,
     togglePopup: H,
-    closePopup: Z
+    closePopup: I
   };
 }, V3 = (o) => ({
   sm: "ui-rounded-sm",
@@ -23315,37 +23322,37 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     disabled: p = !1,
     variant: l = "outlined",
     color: C = "white",
-    size: g = "md",
-    textColor: w = "inherit",
+    size: w = "md",
+    textColor: g = "inherit",
     rounded: m = !1,
-    slotLeft: b,
+    slotLeft: x,
     borderRadius: M = "sm",
-    slotRight: h,
-    icon: V,
-    colorIcon: x,
+    slotRight: j,
+    icon: h,
+    colorIcon: v,
     tooltip: H,
-    tooltipPosition: Z,
-    tooltipAlignment: P,
-    tooltipColor: E,
-    tooltipDelay: S,
-    absolute: k = !1,
-    closeOnClick: U = !0,
-    buttonClassName: z,
-    containerClassName: G,
-    buttonTransition: X = !0,
-    buttonStyle: y,
-    ...O
-  }, f) => {
+    tooltipPosition: I,
+    tooltipAlignment: D,
+    tooltipColor: R,
+    tooltipDelay: z,
+    absolute: O = !1,
+    closeOnClick: _ = !0,
+    buttonClassName: N,
+    containerClassName: q,
+    buttonTransition: J = !0,
+    buttonStyle: k,
+    ...Z
+  }, $) => {
     const {
-      isOpen: v,
-      popupStyle: j,
-      isPositioned: N,
-      triggerRef: K,
-      popupRef: Y,
-      containerRef: A,
-      popupUniqueId: D,
+      isOpen: Y,
+      popupStyle: f,
+      isPositioned: b,
+      triggerRef: y,
+      popupRef: S,
+      containerRef: T,
+      popupUniqueId: A,
       togglePopup: F,
-      closePopup: Q
+      closePopup: K
     } = j3({
       position: t,
       offset: n,
@@ -23355,82 +23362,82 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       onOpen: s,
       onClose: L,
       disabled: p,
-      absolute: k
+      absolute: O
     });
     Q1(
-      f,
+      $,
       () => ({
         open: () => {
           p || F();
         },
         close: () => {
-          Q();
+          K();
         },
-        isOpen: () => v
+        isOpen: () => Y
       }),
-      [p, F, Q, v]
+      [p, F, K, Y]
     );
-    const R = () => {
-      if (!v)
+    const r1 = () => {
+      if (!Y)
         return null;
-      const i1 = {
-        position: k ? "absolute" : "fixed",
-        top: k ? "auto" : "-9999px",
-        left: k ? "auto" : "-9999px",
-        visibility: N ? "visible" : "hidden",
-        opacity: N ? 1 : 0,
+      const d1 = {
+        position: O ? "absolute" : "fixed",
+        top: O ? "auto" : "-9999px",
+        left: O ? "auto" : "-9999px",
+        visibility: b ? "visible" : "hidden",
+        opacity: b ? 1 : 0,
         transition: "opacity 0.1s ease-out",
-        ...j
-      }, B = V3(M), t1 = /* @__PURE__ */ i(
+        ...f
+      }, B = V3(M), W = /* @__PURE__ */ i(
         "div",
         {
-          ref: Y,
-          id: D,
-          "data-popup-id": D,
-          style: i1,
+          ref: S,
+          id: A,
+          "data-popup-id": A,
+          style: d1,
           className: `ui-border ui-border-neutral-100 ui-bg-white ${B} ui-overflow-hidden ui-shadow-lg ${d}`,
           onClick: () => {
-            U && Q();
+            _ && K();
           },
-          ...O,
+          ...Z,
           children: o
         }
       );
-      return k ? t1 : k1(t1, document.body);
+      return O ? W : k1(W, document.body);
     };
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: A,
-        className: _("ui-relative ui-h-max"),
-        "data-popup-container-id": D,
+        ref: T,
+        className: U("ui-relative ui-h-max"),
+        "data-popup-container-id": A,
         children: [
-          /* @__PURE__ */ i("div", { ref: K, className: _("ui-w-fit", G), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { ref: y, className: U("ui-w-fit", q), children: /* @__PURE__ */ i(
             H1,
             {
-              className: z,
+              className: N,
               onClick: F,
               disabled: p,
               variant: l,
               color: C,
-              size: g,
+              size: w,
               rounded: m,
-              icon: V,
-              slotLeft: b,
-              slotRight: h,
-              colorIcon: x,
-              textColor: w,
+              icon: h,
+              slotLeft: x,
+              slotRight: j,
+              colorIcon: v,
+              textColor: g,
               tooltip: H,
-              tooltipPosition: Z,
-              tooltipAlignment: P,
-              tooltipColor: E,
-              tooltipDelay: S,
-              transition: X,
-              style: y,
+              tooltipPosition: I,
+              tooltipAlignment: D,
+              tooltipColor: R,
+              tooltipDelay: z,
+              transition: J,
+              style: k,
               children: r || ""
             }
           ) }),
-          R()
+          r1()
         ]
       }
     );
@@ -23462,17 +23469,17 @@ const O3 = [
   n1(() => {
     o > r && r > 0 && d(r);
   }, [o, r, d]);
-  const g = (x) => {
-    x >= 1 && x <= r && d(x);
-  }, [w, m] = J(t);
+  const w = (v) => {
+    v >= 1 && v <= r && d(v);
+  }, [g, m] = X(t);
   n1(() => {
     m(t);
   }, [t]);
-  const b = Math.min(o * (t || 0), n || 0) || 0, h = (() => {
-    const x = Math.min(Math.max(o, 1), Math.max(r - p + 1, 1)), H = Math.min(x + p - 1, r);
-    return Array.from({ length: H - x + 1 }, (Z, P) => x + P);
-  })(), V = (x) => {
-    m(x), s(x), g(1);
+  const x = Math.min(o * (t || 0), n || 0) || 0, j = (() => {
+    const v = Math.min(Math.max(o, 1), Math.max(r - p + 1, 1)), H = Math.min(v + p - 1, r);
+    return Array.from({ length: H - v + 1 }, (I, D) => v + D);
+  })(), h = (v) => {
+    m(v), s(v), w(1);
   };
   return /* @__PURE__ */ i(
     "div",
@@ -23489,9 +23496,9 @@ const O3 = [
           r,
           n && /* @__PURE__ */ u("span", { className: "ui-ml-2", children: [
             "(",
-            b,
+            x,
             "-",
-            b,
+            x,
             " de ",
             n,
             ")"
@@ -23504,7 +23511,7 @@ const O3 = [
             "aria-label": "Navegación de páginas",
             children: [
               /* @__PURE__ */ i(
-                r1,
+                o1,
                 {
                   variant: "outlined",
                   size: "md",
@@ -23512,13 +23519,13 @@ const O3 = [
                   rounded: !0,
                   color: "white",
                   icon: "AngleDoubleLeftOutlined",
-                  onClick: () => g(1),
+                  onClick: () => w(1),
                   disabled: o === 1,
                   "aria-label": "Ir a la primera página"
                 }
               ),
               /* @__PURE__ */ i(
-                r1,
+                o1,
                 {
                   variant: "outlined",
                   size: "md",
@@ -23526,29 +23533,29 @@ const O3 = [
                   rounded: !0,
                   color: "white",
                   icon: "AngleLeftOutlined",
-                  onClick: () => g(o - 1),
+                  onClick: () => w(o - 1),
                   disabled: o === 1,
                   "aria-label": "Ir a la página anterior"
                 }
               ),
-              h.map((x) => /* @__PURE__ */ i(
-                r1,
+              j.map((v) => /* @__PURE__ */ i(
+                o1,
                 {
                   square: !0,
                   rounded: !0,
-                  onClick: () => g(x),
-                  whiteBackground: o === x,
+                  onClick: () => w(v),
+                  whiteBackground: o === v,
                   size: "md",
                   variant: "outlined",
-                  color: o === x ? "neutral" : "white",
-                  "aria-label": `Ir a la página ${x}`,
-                  "aria-current": o === x ? "page" : void 0,
-                  children: x
+                  color: o === v ? "neutral" : "white",
+                  "aria-label": `Ir a la página ${v}`,
+                  "aria-current": o === v ? "page" : void 0,
+                  children: v
                 },
-                x
+                v
               )),
               /* @__PURE__ */ i(
-                r1,
+                o1,
                 {
                   variant: "outlined",
                   size: "md",
@@ -23556,13 +23563,13 @@ const O3 = [
                   rounded: !0,
                   color: "white",
                   icon: "AngleRightOutlined",
-                  onClick: () => g(o + 1),
+                  onClick: () => w(o + 1),
                   disabled: o === r,
                   "aria-label": "Ir a la página siguiente"
                 }
               ),
               /* @__PURE__ */ i(
-                r1,
+                o1,
                 {
                   variant: "outlined",
                   size: "md",
@@ -23570,7 +23577,7 @@ const O3 = [
                   rounded: !0,
                   color: "white",
                   icon: "AngleDoubleRightOutlined",
-                  onClick: () => g(r),
+                  onClick: () => w(r),
                   disabled: o === r,
                   "aria-label": "Ir a la última página"
                 }
@@ -23592,9 +23599,9 @@ const O3 = [
             {
               size: "sm",
               options: c,
-              value: w,
+              value: g,
               valueName: "id",
-              onValueChange: (x) => V(Number(x))
+              onValueChange: (v) => h(Number(v))
             }
           )
         ] }) })
@@ -23816,38 +23823,38 @@ const O3 = [
   name: a,
   id: c
 }) => {
-  const [d, s] = J(!1), [L, p] = J(!1), l = c || `radio-${Math.random().toString(36).substr(2, 9)}`, g = o !== void 0 ? o : r !== void 0 ? r : !1, w = $(() => t ? g ? "disabledChecked" : "disabledUnchecked" : d ? g ? "checkedActive" : "uncheckedActive" : L ? g ? "checkedHover" : "uncheckedHover" : g ? "checked" : "unchecked", [t, g, d, L]), m = $(() => {
+  const [d, s] = X(!1), [L, p] = X(!1), l = c || `radio-${Math.random().toString(36).substr(2, 9)}`, w = o !== void 0 ? o : r !== void 0 ? r : !1, g = P(() => t ? w ? "disabledChecked" : "disabledUnchecked" : d ? w ? "checkedActive" : "uncheckedActive" : L ? w ? "checkedHover" : "uncheckedHover" : w ? "checked" : "unchecked", [t, w, d, L]), m = P(() => {
     t || s(!0);
-  }, [t]), b = $(() => {
+  }, [t]), x = P(() => {
     s(!1);
-  }, []), M = $(() => {
+  }, []), M = P(() => {
     t || p(!0);
-  }, [t]), h = $(() => {
+  }, [t]), j = P(() => {
     p(!1), s(!1);
-  }, []), V = $(
-    (x) => {
-      t || (x.preventDefault(), n && n({
+  }, []), h = P(
+    (v) => {
+      t || (v.preventDefault(), n && n({
         target: {
           value: e,
-          checked: !g,
+          checked: !w,
           type: "radio",
           name: a
         }
       }));
     },
-    [t, n, e, g, a]
+    [t, n, e, w, a]
   );
   return {
-    state: w(),
+    state: g(),
     radioId: l,
     isActive: d,
     isHovered: L,
     handlers: {
       handleMouseDown: m,
-      handleMouseUp: b,
+      handleMouseUp: x,
       handleMouseEnter: M,
-      handleMouseLeave: h,
-      handleClick: V
+      handleMouseLeave: j,
+      handleClick: h
     }
   };
 }, B3 = ({
@@ -23863,7 +23870,7 @@ const O3 = [
   defaultChecked: L,
   ...p
 }) => {
-  const l = d !== void 0, C = l ? d : L !== void 0 ? L : !1, { state: g, radioId: w, handlers: m } = I3({
+  const l = d !== void 0, C = l ? d : L !== void 0 ? L : !1, { state: w, radioId: g, handlers: m } = I3({
     checked: d,
     defaultChecked: L,
     disabled: n,
@@ -23872,12 +23879,12 @@ const O3 = [
     name: p.name,
     id: c
   });
-  return /* @__PURE__ */ u("div", { className: _("ui-flex ui-items-center", e), children: [
+  return /* @__PURE__ */ u("div", { className: U("ui-flex ui-items-center", e), children: [
     /* @__PURE__ */ i(
       "input",
       {
         type: "radio",
-        id: w,
+        id: g,
         checked: l ? d : void 0,
         defaultChecked: !l && L !== void 0 ? L : void 0,
         onChange: s,
@@ -23889,13 +23896,13 @@ const O3 = [
     /* @__PURE__ */ u(
       "label",
       {
-        htmlFor: w,
+        htmlFor: g,
         onClick: m.handleClick,
         onMouseDown: m.handleMouseDown,
         onMouseUp: m.handleMouseUp,
         onMouseEnter: m.handleMouseEnter,
         onMouseLeave: m.handleMouseLeave,
-        className: _(
+        className: U(
           "ui-relative ui-inline-flex ui-cursor-pointer ui-items-center",
           n && "ui-cursor-not-allowed"
         ),
@@ -23906,12 +23913,12 @@ const O3 = [
               className: Z3({
                 size: r,
                 color: t,
-                state: g
+                state: w
               }),
               children: C && /* @__PURE__ */ i(
                 "div",
                 {
-                  className: _("ui-absolute ui-rounded-full", "ui-bg-white"),
+                  className: U("ui-absolute ui-rounded-full", "ui-bg-white"),
                   style: {
                     zIndex: 1,
                     width: r === "sm" ? "4px" : r === "md" ? "6px" : "8px",
@@ -23921,7 +23928,7 @@ const O3 = [
               )
             }
           ),
-          o && /* @__PURE__ */ i("span", { className: _(k3({ size: r, disabled: n }), a), children: o })
+          o && /* @__PURE__ */ i("span", { className: U(k3({ size: r, disabled: n }), a), children: o })
         ]
       }
     )
@@ -23931,7 +23938,7 @@ const O3 = [
   onChange: r,
   options: t
 }) => {
-  const [n, e] = J(o), a = o !== void 0 ? o : n, c = $(
+  const [n, e] = X(o), a = o !== void 0 ? o : n, c = P(
     (d) => {
       r ? r(d) : e(d);
     },
@@ -23962,7 +23969,7 @@ const O3 = [
   return /* @__PURE__ */ i(
     "div",
     {
-      className: _(
+      className: U(
         "ui-flex ui-gap-3",
         c === "horizontal" ? "ui-flex-row" : "ui-flex-col",
         d
@@ -23991,7 +23998,7 @@ const O3 = [
   onClickStep: t,
   onStepChange: n
 }) => {
-  const [e, a] = J(0), c = r !== void 0 ? r : e;
+  const [e, a] = X(0), c = r !== void 0 ? r : e;
   return {
     currentStep: c,
     getColorClasses: (p) => {
@@ -24183,31 +24190,31 @@ const O3 = [
   onStepChange: p,
   withScroll: l = !0,
   vertical: C = !1,
-  stepClickable: g = !1
+  stepClickable: w = !1
 }) => {
-  const { currentStep: w, getColorClasses: m, handleStepClick: b, getStepStatus: M } = $3({
+  const { currentStep: g, getColorClasses: m, handleStepClick: x, getStepStatus: M } = $3({
     steps: o,
     currentStep: s,
     onClickStep: L,
     onStepChange: p
-  }), h = m(r || "blue");
-  return /* @__PURE__ */ i("div", { className: `${C ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${l ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${l ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${A3({ color: r, size: t, className: n })}`, children: o.map((x, H) => {
-    const Z = M(H), P = H === o.length - 1;
+  }), j = m(r || "blue");
+  return /* @__PURE__ */ i("div", { className: `${C ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${l ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${l ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${A3({ color: r, size: t, className: n })}`, children: o.map((v, H) => {
+    const I = M(H), D = H === o.length - 1;
     return /* @__PURE__ */ i(
       D3,
       {
-        step: x,
+        step: v,
         stepIndex: H,
-        status: Z,
-        colorClasses: h,
-        isLast: P,
-        onStepClick: b,
+        status: I,
+        colorClasses: j,
+        isLast: D,
+        onStepClick: x,
         classNameStep: e,
         classNameStepLabel: a,
         classNameStepIcon: c,
         classNameStepNumber: d,
         vertical: C,
-        stepClickable: g
+        stepClickable: w
       },
       H
     );
@@ -24402,7 +24409,7 @@ const z1 = /* @__PURE__ */ new Map(), K1 = {
     return Y1;
   }
 }, Y3 = () => {
-  const [o, r] = J([]), t = u1(/* @__PURE__ */ new Map()), n = u1(null);
+  const [o, r] = X([]), t = t1(/* @__PURE__ */ new Map()), n = t1(null);
   return n1(() => {
     const a = K1.getListeners();
     if (n.current) {
@@ -24453,7 +24460,7 @@ const z1 = /* @__PURE__ */ new Map(), K1 = {
     "bottom-right": "ui-fixed ui-bottom-5 ui-right-5"
   })[r]
 }), J3 = ({ toastItem: o }) => {
-  const [r, t] = J(!0);
+  const [r, t] = X(!0);
   n1(() => {
     o.isLeaving && setTimeout(() => {
       t(!1);
@@ -24516,7 +24523,7 @@ export {
   Z8 as Emoji,
   v1 as Icon,
   y8 as InnerAvatar,
-  r1 as InnerButton,
+  o1 as InnerButton,
   F8 as InnerProgressBar,
   T1 as Input,
   c5 as List,
@@ -24549,7 +24556,7 @@ export {
   G8 as WeekDay,
   J8 as Year,
   w0 as YearGrid,
-  _ as cn,
+  U as cn,
   k3 as labelVariants,
   Z3 as radioButtonVariants,
   X3 as toast,