@imj_media/ui 1.0.39 → 1.0.41

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 K, useRef as t1, useEffect as n1, useCallback as S, useMemo as V1, useImperativeHandle as Q1, forwardRef as E1, useId as l0, createContext as I0, useContext as B0 } from "react";
+import { jsxs as u, jsx as i, Fragment as k1 } from "react/jsx-runtime";
+import f1, { useState as K, useRef as t1, useEffect as W, useCallback as N, useMemo as V1, useImperativeHandle as Q1, forwardRef as E1, useId as l0, createContext as I0, useContext as B0 } from "react";
 import { clsx as S0 } from "clsx";
 import { twMerge as $0 } from "tailwind-merge";
 import { cva as c1 } from "class-variance-authority";
-import d0, { createPortal as k1 } from "react-dom";
+import d0, { createPortal as Z1 } from "react-dom";
 import { Prism as P0 } from "react-syntax-highlighter";
 import { dark as N0, prism as z0, materialLight as D0, materialDark as A0, atomDark as T0, oneLight as E0, oneDark as F0, tomorrow as R0, dracula as U0 } from "react-syntax-highlighter/dist/esm/styles/prism";
-function Y(...o) {
+function q(...o) {
   return $0(S0(o));
 }
 function _0({
@@ -52,7 +52,7 @@ function _0({
     }
   );
 }
-function Y0({
+function q0({
   width: o = 24,
   height: r = 24,
   fill: t,
@@ -113,7 +113,7 @@ function Y0({
     }
   );
 }
-function q0({
+function Y0({
   width: o = 24,
   height: r = 24,
   stroke: t,
@@ -361,11 +361,11 @@ function Q0({ width: o = 24, height: r = 24, fill: t, stroke: n }) {
 const s0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FacebookFill: G0,
-  InstagramFill: Y0,
+  InstagramFill: q0,
   LinkedinFill: K0,
   LogoFill: Q0,
   TelegramFill: J0,
-  TwitterFill: q0,
+  TwitterFill: Y0,
   WhatsappFill: X0,
   YoutubeFill: _0
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3109,7 +3109,7 @@ function _2({
     }
   );
 }
-function Y2({
+function q2({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -3149,7 +3149,7 @@ function Y2({
     }
   );
 }
-function q2({
+function Y2({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -6351,7 +6351,7 @@ function _9({
     }
   );
 }
-function Y9({
+function q9({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -6382,7 +6382,7 @@ function Y9({
     }
   );
 }
-function q9({
+function Y9({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -9497,7 +9497,7 @@ function _n({
     }
   );
 }
-function Yn({
+function qn({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -9535,7 +9535,7 @@ function Yn({
     }
   );
 }
-function qn({
+function Yn({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -12699,7 +12699,7 @@ function _4({
     }
   );
 }
-function Y4({
+function q4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -12727,7 +12727,7 @@ function Y4({
     }
   );
 }
-function q4({
+function Y4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -15904,7 +15904,7 @@ function _e({
     }
   );
 }
-function Ye({
+function qe({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -15954,7 +15954,7 @@ function Ye({
     }
   );
 }
-function qe({
+function Ye({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -17932,7 +17932,7 @@ function H8({
     }
   );
 }
-const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Y1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AaeeOutlined: k9,
   AaeeSlashOutlined: Q4,
@@ -18013,7 +18013,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CirclePlusOutlined: r4,
   CircleXOutlined: M8,
   CityOutlined: u8,
-  ClockOutlined: Y2,
+  ClockOutlined: q2,
   CloneOutlined: Ge,
   CoinOutlined: T9,
   CoinsOutlined: ln,
@@ -18069,7 +18069,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   GlassOutlined: $9,
   GridOutlined: Le,
   GroupFilesOutlined: Xn,
-  GroupOutlined: q4,
+  GroupOutlined: Y4,
   HandOutlined: Ce,
   HardOutlined: mn,
   HistoryOutlined: Z9,
@@ -18081,7 +18081,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ImjLogoOutlined: H8,
   ImplementacionOutlined: h2,
   IndoorOutlined: v8,
-  InfoCardOutlined: q2,
+  InfoCardOutlined: Y2,
   InfoCircleOutlined: jn,
   InfoOutlined: D4,
   InstallOutlined: _e,
@@ -18095,7 +18095,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   LightbulbOutlined: V8,
   LightbulbSlashOutlined: a8,
   LikeOutlined: re,
-  LinkOutlined: qn,
+  LinkOutlined: Yn,
   ListOutlined: le,
   ListaCampanas1Outlined: Vn,
   ListaCampanas2Outlined: en,
@@ -18112,7 +18112,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   MallOutlined: C9,
   MapOutlined: g8,
   MaximizeOutlined: X2,
-  MediumOutlined: q9,
+  MediumOutlined: Y9,
   MinimizeOutlined: b9,
   Minus1Outlined: w9,
   Minus2Outlined: n2,
@@ -18132,7 +18132,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PauseOutlined: p2,
   PautaInteligenteOutlined: K9,
   PautaTradicionalOutlined: M2,
-  PencilOutlined: Ye,
+  PencilOutlined: qe,
   PercentageOutlined: U9,
   PerifoneoOutlined: Sn,
   PerifoneoSlashOutlined: L9,
@@ -18142,7 +18142,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PlantillaOutlined: h9,
   PlayOutlined: J9,
   Plus1Outlined: S9,
-  PlusOutlined: Y4,
+  PlusOutlined: q4,
   PostventaOutlined: i2,
   PowerOutlined: He,
   PreferenciasDeUbicacionOutlined: H2,
@@ -18168,7 +18168,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ScreenOutlined: T4,
   SearchCompanyOutlined: P9,
   SearchMinusOutlined: un,
-  SearchOutlined: Y9,
+  SearchOutlined: q9,
   SearchPlusOutlined: N4,
   SeguimientoOutlined: K4,
   SelectOutlined: Je,
@@ -18186,7 +18186,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   SortAlphaUpOutlined: y2,
   SortAltOutlined: u2,
   SortAmountDownAltOutlined: ue,
-  SortAmountDownOutlined: qe,
+  SortAmountDownOutlined: Ye,
   SortAmountUpAltOutlined: Xe,
   SortAmountUpOutlined: j9,
   SortDownOutlined: V9,
@@ -18212,7 +18212,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   TrashOutlined: v9,
   TrashSlashOutlined: i9,
   TreeDiagramOutlined: E4,
-  UbicacionesOutlined: Yn,
+  UbicacionesOutlined: qn,
   UndoOutlined: z2,
   UnlockOutlined: Ne,
   UpdateOutlined: a9,
@@ -18256,7 +18256,7 @@ const q1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "5xl": 40,
   "6xl": 48
 };
-function v1({
+function b1({
   name: o,
   size: r = "md",
   color: t = "current",
@@ -18267,10 +18267,10 @@ function v1({
   strokeWidth: d = 2,
   onClick: s
 }) {
-  let L = q1[o];
+  let L = Y1[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 = O8[r], w = N1[t === "current" && p === "fill" ? "white" : t] || N1.blue, g = N1[n] || N1.black, x = /* @__PURE__ */ i(
+  const p = L === Y1[o] ? "outline" : "fill", l = O8[r], w = N1[t === "current" && p === "fill" ? "white" : t] || N1.blue, g = N1[n] || N1.black, x = /* @__PURE__ */ i(
     L,
     {
       width: l,
@@ -18279,7 +18279,7 @@ function v1({
       ...c,
       strokeWidth: d
     }
-  ), f = (j) => {
+  ), M = (j) => {
     s && (j.stopPropagation(), s(j));
   };
   return s ? /* @__PURE__ */ i(
@@ -18287,8 +18287,8 @@ function v1({
     {
       role: "button",
       tabIndex: 0,
-      onClick: f,
-      className: Y(
+      onClick: M,
+      className: q(
         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" : "",
@@ -18302,7 +18302,7 @@ function v1({
   ) : /* @__PURE__ */ i(
     "i",
     {
-      className: Y(
+      className: q(
         e,
         "ui-inline-block",
         a ? "ui-rounded-full ui-bg-blue-50 ui-p-2" : ""
@@ -18344,7 +18344,7 @@ const y8 = ({
       }
     }
   );
-  return /* @__PURE__ */ i("span", { className: Y(s({ color: r, border: t, size: d }), n), ...e, children: o });
+  return /* @__PURE__ */ i("span", { className: q(s({ color: r, border: t, size: d }), n), ...e, children: o });
 }, Z8 = ({ slot: o, className: r, size: t }) => {
   const e = c1("inner-avatar", {
     variants: {
@@ -18370,7 +18370,7 @@ const y8 = ({
     {
       src: o,
       alt: "Visual",
-      className: Y(r, "ui-rounded-full ui-object-cover", e)
+      className: q(r, "ui-rounded-full ui-object-cover", e)
     }
   );
 }, c0 = {
@@ -18667,7 +18667,7 @@ const y8 = ({
     }
   });
   return /* @__PURE__ */ i("span", { className: e({ size: r }), role: "img", "aria-label": o, children: n });
-}, m1 = ({
+}, x1 = ({
   slot: o,
   className: r,
   colorIcon: t,
@@ -18677,8 +18677,8 @@ const y8 = ({
   strokeWidth: c
 }) => {
   const d = typeof o == "string" && o in c0;
-  return typeof o == "string" && (o in q1 || o in s0) ? /* @__PURE__ */ i(
-    v1,
+  return typeof o == "string" && (o in Y1 || o in s0) ? /* @__PURE__ */ i(
+    b1,
     {
       strokeWidth: c,
       name: o,
@@ -18729,12 +18729,13 @@ const y8 = ({
   style: p,
   arrowClassName: l,
   absolute: C = !1,
-  autoClose: w = !1,
+  autoClose: w = !0,
+  // Valor por defecto, pero se sobrescribe con el valor del componente exportado
   ...g
 }) => {
-  const [M, x] = K(!1), [f, j] = K({ top: 0, left: 0 }), [h, v] = K({ width: 0, height: 0 }), [V, B] = K(!1), D = t1(null), R = t1(null), z = t1(null), y = t1(null), J = t1(`tooltip-${Math.random().toString(36).substring(2, 9)}-${Date.now()}`);
-  n1(() => {
-    R.current && M && requestAnimationFrame(() => {
+  const [f, x] = K(!1), [M, j] = K({ top: 0, left: 0 }), [h, v] = K({ width: 0, height: 0 }), [V, I] = K(!1), S = t1(null), R = t1(null), D = t1(null), y = t1(null), J = t1(`tooltip-${Math.random().toString(36).substring(2, 9)}-${Date.now()}`);
+  W(() => {
+    R.current && f && requestAnimationFrame(() => {
       if (R.current) {
         const m = R.current.getBoundingClientRect(), b = {
           width: m.width,
@@ -18743,106 +18744,106 @@ const y8 = ({
         v(b);
       }
     });
-  }, [M, r]);
-  const N = S(() => {
-    var T, F, Q, r1, d1, _;
-    if (!D.current) return;
-    const m = D.current.getBoundingClientRect();
+  }, [f, r]);
+  const $ = N(() => {
+    var T, E, i1, e1, l1, _;
+    if (!S.current) return;
+    const m = S.current.getBoundingClientRect();
     let b = 0, O = 0;
-    const k = 8;
+    const Z = 8;
     if (C) {
-      const U = (T = z.current) == null ? void 0 : T.getBoundingClientRect();
+      const U = (T = D.current) == null ? void 0 : T.getBoundingClientRect();
       if (!U) return;
       const H = m.top - U.top, P = m.left - U.left;
       switch (t) {
         case "top":
-          b = H - h.height - k, O = P + m.width / 2 - h.width / 2;
+          b = H - h.height - Z, O = P + m.width / 2 - h.width / 2;
           break;
         case "bottom":
-          b = H + m.height + k, O = P + m.width / 2 - h.width / 2;
+          b = H + m.height + Z, O = P + m.width / 2 - h.width / 2;
           break;
         case "left":
-          b = H + m.height / 2 - h.height / 2, O = P - h.width - k;
+          b = H + m.height / 2 - h.height / 2, O = P - h.width - Z;
           break;
         case "right":
-          b = H + m.height / 2 - h.height / 2, O = P + m.width + k;
+          b = H + m.height / 2 - h.height / 2, O = P + m.width + Z;
           break;
         case "top-left":
-          b = H - h.height - k, O = P;
+          b = H - h.height - Z, O = P;
           break;
         case "top-right":
-          b = H - h.height - k, O = P + m.width - h.width;
+          b = H - h.height - Z, O = P + m.width - h.width;
           break;
         case "bottom-left":
-          b = H + m.height + k, O = P;
+          b = H + m.height + Z, O = P;
           break;
         case "bottom-right":
-          b = H + m.height + k, O = P + m.width - h.width;
+          b = H + m.height + Z, O = P + m.width - h.width;
           break;
         case "right-top":
-          b = H, O = P + m.width + k;
+          b = H, O = P + m.width + Z;
           break;
         case "right-bottom":
-          b = H + m.height - h.height, O = P + m.width + k;
+          b = H + m.height - h.height, O = P + m.width + Z;
           break;
         case "left-top":
-          b = H, O = P - h.width - k;
+          b = H, O = P - h.width - Z;
           break;
         case "left-bottom":
-          b = H + m.height - h.height, O = P - h.width - k;
+          b = H + m.height - h.height, O = P - h.width - Z;
           break;
       }
     } else
       switch (t) {
         case "top":
-          b = m.top - h.height - k, O = m.left + m.width / 2 - h.width / 2;
+          b = m.top - h.height - Z, O = m.left + m.width / 2 - h.width / 2;
           break;
         case "bottom":
-          b = m.bottom + k, O = m.left + m.width / 2 - h.width / 2;
+          b = m.bottom + Z, O = m.left + m.width / 2 - h.width / 2;
           break;
         case "left":
-          b = m.top + m.height / 2 - h.height / 2, O = m.left - h.width - k;
+          b = m.top + m.height / 2 - h.height / 2, O = m.left - h.width - Z;
           break;
         case "right":
-          b = m.top + m.height / 2 - h.height / 2, O = m.right + k;
+          b = m.top + m.height / 2 - h.height / 2, O = m.right + Z;
           break;
         case "top-left":
-          b = m.top - h.height - k, O = m.left;
+          b = m.top - h.height - Z, O = m.left;
           break;
         case "top-right":
-          b = m.top - h.height - k, O = m.right - h.width;
+          b = m.top - h.height - Z, O = m.right - h.width;
           break;
         case "bottom-left":
-          b = m.bottom + k, O = m.left;
+          b = m.bottom + Z, O = m.left;
           break;
         case "bottom-right":
-          b = m.bottom + k, O = m.right - h.width;
+          b = m.bottom + Z, O = m.right - h.width;
           break;
         case "right-top":
-          b = m.top, O = m.right + k;
+          b = m.top, O = m.right + Z;
           break;
         case "right-bottom":
-          b = m.bottom - h.height, O = m.right + k;
+          b = m.bottom - h.height, O = m.right + Z;
           break;
         case "left-top":
-          b = m.top, O = m.left - h.width - k;
+          b = m.top, O = m.left - h.width - Z;
           break;
         case "left-bottom":
-          b = m.bottom - h.height, O = m.left - h.width - k;
+          b = m.bottom - h.height, O = m.left - h.width - Z;
           break;
       }
     if (t.includes("top") || t.includes("bottom"))
       switch (n) {
         case "start":
           if (C) {
-            const U = (F = z.current) == null ? void 0 : F.getBoundingClientRect();
+            const U = (E = D.current) == null ? void 0 : E.getBoundingClientRect();
             U && (O = m.left - U.left);
           } else
             O = m.left;
           break;
         case "end":
           if (C) {
-            const U = (Q = z.current) == null ? void 0 : Q.getBoundingClientRect();
+            const U = (i1 = D.current) == null ? void 0 : i1.getBoundingClientRect();
             U && (O = m.right - U.left - h.width);
           } else
             O = m.right - h.width;
@@ -18852,74 +18853,99 @@ const y8 = ({
       switch (n) {
         case "start":
           if (C) {
-            const U = (r1 = z.current) == null ? void 0 : r1.getBoundingClientRect();
+            const U = (e1 = D.current) == null ? void 0 : e1.getBoundingClientRect();
             U && (b = m.top - U.top);
           } else
             b = m.top;
           break;
         case "end":
           if (C) {
-            const U = (d1 = z.current) == null ? void 0 : d1.getBoundingClientRect();
+            const U = (l1 = D.current) == null ? void 0 : l1.getBoundingClientRect();
             U && (b = m.bottom - U.top - h.height);
           } else
             b = m.bottom - h.height;
           break;
       }
     if (C) {
-      const U = (_ = z.current) == null ? void 0 : _.getBoundingClientRect();
+      const U = (_ = D.current) == null ? void 0 : _.getBoundingClientRect();
       U && (O < 8 ? O = 8 : O + h.width > U.width - 8 && (O = U.width - h.width - 8), b < 8 ? b = 8 : b + h.height > U.height - 8 && (b = U.height - h.height - 8));
     } else {
       const U = window.innerWidth, H = window.innerHeight, P = 8;
       O < P ? O = P : O + h.width > U - P && (O = U - h.width - P), b < P ? b = P : b + h.height > H - P && (b = H - h.height - P);
     }
-    j({ top: b, left: O }), B(!0);
+    j({ top: b, left: O }), I(!0);
   }, [t, n, h, C]);
-  n1(() => {
-    M && h.width > 0 && h.height > 0 && requestAnimationFrame(() => {
-      N();
+  W(() => {
+    f && h.width > 0 && h.height > 0 && requestAnimationFrame(() => {
+      $();
     });
-  }, [M, h, N]), n1(() => {
+  }, [f, h, $]), W(() => {
     const m = () => {
-      M && N();
+      f && $();
     }, b = () => {
-      M && N();
+      f && $();
     };
     return window.addEventListener("scroll", m, !0), window.addEventListener("resize", b), () => {
       window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", b);
     };
-  }, [M, N]);
-  const G = S(() => {
+  }, [f, $]), W(() => {
+    if (!S.current) return;
+    const m = new ResizeObserver(() => {
+      f ? requestAnimationFrame(() => {
+        $();
+      }) : (x(!1), I(!1), v({ width: 0, height: 0 }));
+    });
+    return m.observe(S.current), () => {
+      m.disconnect();
+    };
+  }, [f, $]), W(() => {
+    if (!S.current || !f) return;
+    let m = S.current.getBoundingClientRect();
+    const O = setInterval(() => {
+      if (!S.current) return;
+      const Z = S.current.getBoundingClientRect();
+      if (Math.abs(Z.left - m.left) > 5 || Math.abs(Z.top - m.top) > 5) {
+        x(!1), I(!1), v({ width: 0, height: 0 });
+        return;
+      }
+      m = Z;
+    }, 100);
+    return () => {
+      clearInterval(O);
+    };
+  }, [f]);
+  const G = N(() => {
     w && (y.current = setTimeout(() => {
-      x(!1), B(!1), v({ width: 0, height: 0 });
+      x(!1), I(!1), v({ width: 0, height: 0 });
     }, 3e3));
-  }, [w]), X = S(() => {
+  }, [w]), X = N(() => {
     d || (y.current && (clearTimeout(y.current), y.current = null), c > 0 ? y.current = setTimeout(() => {
       x(!0), G();
     }, c) : (x(!0), G()));
-  }, [d, c, G]), I = S(() => {
-    w && (y.current && (clearTimeout(y.current), y.current = null), x(!1), B(!1), v({ width: 0, height: 0 }));
+  }, [d, c, G]), B = N(() => {
+    w && (y.current && (clearTimeout(y.current), y.current = null), x(!1), I(!1), v({ width: 0, height: 0 }));
   }, [w]);
-  n1(() => () => {
-    y.current && clearTimeout(y.current), x(!1), B(!1), j({ top: 0, left: 0 }), v({ width: 0, height: 0 });
+  W(() => () => {
+    y.current && clearTimeout(y.current), x(!1), I(!1), j({ top: 0, left: 0 }), v({ width: 0, height: 0 });
   }, []);
-  const Z = () => {
-    if (!M || d || V) return null;
+  const k = () => {
+    if (!f || d || V) return null;
     const m = /* @__PURE__ */ i(
       "div",
       {
         ref: R,
-        className: Y(
+        className: q(
           r0(e, C, w),
           "ui--left-[9999px] ui--top-[9999px] ui--z-10",
-          "ui-invisible",
+          "ui-invisible ui-font-bold",
           s
         ),
         style: p,
         children: r
       }
     );
-    return C ? m : k1(m, document.body);
-  }, $ = () => {
+    return C ? m : Z1(m, document.body);
+  }, z = () => {
     const b = I8(e);
     switch (t) {
       case "top":
@@ -19061,57 +19087,57 @@ const y8 = ({
       default:
         return {};
     }
-  }, q = S(() => {
-    w || (x(!1), B(!1), v({ width: 0, height: 0 }));
+  }, Y = N(() => {
+    w || (x(!1), I(!1), v({ width: 0, height: 0 }));
   }, [w]), A = () => {
-    if (!M || d || !V) return null;
+    if (!f || d || !V) return null;
     const m = /* @__PURE__ */ u(
       "div",
       {
         ref: R,
         id: a || J.current,
-        className: Y(
+        className: q(
           r0(e, C, w),
-          "tooltip",
+          "imj-ui-tooltip ui-font-bold",
           s,
           // Agregar cursor pointer cuando autoClose es false para indicar que se puede cerrar
           w ? "" : "ui-cursor-pointer"
         ),
         style: {
-          top: `${f.top}px`,
-          left: `${f.left}px`,
+          top: `${M.top}px`,
+          left: `${M.left}px`,
           ...p
         },
         role: "tooltip",
-        "aria-hidden": !M,
-        onClick: w ? void 0 : q,
+        "aria-hidden": !f,
+        onClick: w ? void 0 : Y,
         onKeyDown: w ? void 0 : (b) => {
-          (b.key === "Enter" || b.key === " ") && q();
+          (b.key === "Enter" || b.key === " ") && Y();
         },
         tabIndex: w ? void 0 : 0,
         ...g,
         children: [
           r,
-          /* @__PURE__ */ i("div", { className: Y("tooltip-imj-ui-arrow", l), style: $() })
+          /* @__PURE__ */ i("div", { className: q("tooltip-imj-ui-arrow", l), style: z() })
         ]
       }
     );
-    return C ? m : k1(m, document.body);
+    return C ? m : Z1(m, document.body);
   };
-  return /* @__PURE__ */ u("div", { ref: z, className: C ? "ui-relative" : "", children: [
+  return /* @__PURE__ */ u("div", { ref: D, className: C ? "ui-relative" : "", children: [
     /* @__PURE__ */ i(
       "div",
       {
-        ref: D,
+        ref: S,
         onMouseEnter: X,
-        onMouseLeave: I,
+        onMouseLeave: B,
         onFocus: X,
-        onBlur: I,
-        className: Y("ui-inline-block ui-h-fit ui-w-fit", L ? "ui-w-full" : "ui-w-fit"),
+        onBlur: B,
+        className: q("ui-inline-block ui-h-fit ui-w-fit", L ? "ui-w-full" : "ui-w-fit"),
         children: o
       }
     ),
-    Z(),
+    k(),
     A()
   ] });
 }, t0 = ({
@@ -19127,7 +19153,8 @@ const y8 = ({
   style: L,
   arrowClassName: p,
   absolute: l = !1,
-  autoClose: C = !1,
+  autoClose: C = !0,
+  // true: tooltip se cierra automáticamente (por defecto), false: permanece abierto hasta cierre manual
   ...w
 }) => d || !r ? o : /* @__PURE__ */ i(
   B8,
@@ -19216,7 +19243,7 @@ const y8 = ({
     }
   };
   return a[o] || a.button;
-}, o1 = ({
+}, r1 = ({
   className: o,
   classNameLabel: r,
   fullWidth: t = !1,
@@ -19232,43 +19259,44 @@ const y8 = ({
   textColor: C,
   clickable: w = !0,
   icon: g,
-  link: M,
+  link: f,
   size: x,
-  square: f = !1,
+  square: M = !1,
   target: j = "_self",
   onClickIcon: h,
   onClickLeftSlot: v,
   onClickRightSlot: V,
-  disabled: B,
-  colorIcon: D,
+  disabled: I,
+  colorIcon: S,
   showShadow: R = !1,
-  borderable: z,
+  borderable: D,
   iconSizeExtended: y = "none",
   defaultSizeIcon: J = !0,
-  defaultTooltipColor: N = !0,
+  defaultTooltipColor: $ = !0,
   as: G = "button",
   classNameId: X = "imj-ui-inner-button",
-  tooltip: I = "",
-  tooltipPosition: Z,
-  tooltipAlignment: $,
-  tooltipColor: q = "neutral",
+  tooltip: B = "",
+  tooltipPosition: k,
+  tooltipAlignment: z,
+  tooltipColor: Y = "neutral",
   tooltipDelay: A,
-  classNameTooltip: m,
-  stopPropagation: b = !0,
-  pointer: O = !1,
-  ref: k,
-  onClick: T,
-  textAlign: F = "center",
-  whiteBackground: Q = !1,
-  strokeWidth: r1 = 2,
-  transition: d1 = !0,
-  ..._
+  tooltipAbsolute: m,
+  classNameTooltip: b,
+  stopPropagation: O = !0,
+  pointer: Z = !1,
+  ref: T,
+  onClick: E,
+  textAlign: i1 = "center",
+  whiteBackground: e1 = !1,
+  strokeWidth: l1 = 2,
+  transition: _ = !0,
+  ...U
 }) => {
-  const U = {
-    disabled: B
-  }, H = a === "icon", P = H ? !0 : J, i1 = H ? "xs" : x, e1 = (f1) => {
-    b && f1.stopPropagation(), T && T(f1);
-  }, p1 = c1("", {
+  const H = {
+    disabled: I
+  }, P = a === "icon", o1 = P ? !0 : J, n1 = P ? "xs" : x, p1 = (L1) => {
+    O && L1.stopPropagation(), E && E(L1);
+  }, s1 = c1("", {
     variants: {
       color: {
         inherit: "ui-text-inherit",
@@ -19293,26 +19321,26 @@ const y8 = ({
       color: "inherit",
       textAlign: "left"
     }
-  }), l1 = () => /* @__PURE__ */ u(I1, { children: [
+  }), d1 = () => /* @__PURE__ */ u(k1, { children: [
     l && n && /* @__PURE__ */ i(
-      m1,
+      x1,
       {
         slot: n,
         size: x,
-        colorIcon: D,
+        colorIcon: S,
         className: o,
         onClick: v,
-        defaultSizeIcon: P,
-        strokeWidth: r1
+        defaultSizeIcon: o1,
+        strokeWidth: l1
       }
     ),
     l && /* @__PURE__ */ u(
       "p",
       {
-        className: Y(
+        className: q(
           "ui-relative ui-leading-none",
           n || e ? "" : "ui-w-full",
-          p1({ color: C, textAlign: F })
+          s1({ color: C, textAlign: i1 })
         ),
         children: [
           l,
@@ -19322,29 +19350,29 @@ const y8 = ({
     ),
     c && l && /* @__PURE__ */ i(y8, { color: c, label: d, border: s }),
     !l && g && (typeof g == "string" ? /* @__PURE__ */ i(
-      v1,
+      b1,
       {
-        strokeWidth: r1,
+        strokeWidth: l1,
         name: g,
         size: a === "icon" ? x : y !== "none" ? y : x,
-        color: D,
-        onClick: h
+        color: S,
+        onClick: a === "icon" ? E || h : void 0
       }
     ) : g),
     l && e && /* @__PURE__ */ i(
-      m1,
+      x1,
       {
         slot: e,
         size: y !== "none" ? y : x,
-        colorIcon: D,
+        colorIcon: S,
         className: o,
         onClick: V,
-        defaultSizeIcon: P,
-        strokeWidth: r1
+        defaultSizeIcon: o1,
+        strokeWidth: l1
       }
     )
-  ] }), u1 = f ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", s1 = N ? q || "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 ${R && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${O && H ? "!ui-cursor-pointer" : ""} ${d1 ? "ui-transition-all ui-duration-300" : ""}`,
+  ] }), u1 = M ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", m1 = $ ? Y || "neutral" : L, M1 = 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 ${R && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${Z && P ? "!ui-cursor-pointer" : ""} ${_ ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
         variant: {
@@ -19355,26 +19383,26 @@ const y8 = ({
           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] ${f ? ` 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] ${f ? ` 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] ${f ? ` 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] ${f ? ` 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] ${f ? ` 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] ${f ? ` 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] ${f ? `ui-max-w-[62px] ui-min-h-[62px] ${u1}` : ""}`
+          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, w, z, Q).blue,
-          "blue-dark": C1(a, w, z, Q)["blue-dark"],
-          orange: C1(a, w, z, Q).orange,
-          red: C1(a, w, z, Q).red,
-          green: C1(a, w, z, Q).green,
-          white: C1(a, w, z, Q).white,
-          yellow: C1(a, w, z, Q).yellow,
-          "blue-light": C1(a, w, z, Q)["blue-light"],
-          neutral: C1(a, w, z, Q).neutral,
-          black: C1(a, w, z, Q).black,
-          transparent: C1(a, w, z, Q).transparent
+          blue: C1(a, w, D, e1).blue,
+          "blue-dark": C1(a, w, D, e1)["blue-dark"],
+          orange: C1(a, w, D, e1).orange,
+          red: C1(a, w, D, e1).red,
+          green: C1(a, w, D, e1).green,
+          white: C1(a, w, D, e1).white,
+          yellow: C1(a, w, D, e1).yellow,
+          "blue-light": C1(a, w, D, e1)["blue-light"],
+          neutral: C1(a, w, D, e1).neutral,
+          black: C1(a, w, D, e1).black,
+          transparent: C1(a, w, D, e1).transparent
         },
         rounded: {
           false: "ui-rounded-sm",
@@ -19382,7 +19410,7 @@ const y8 = ({
         },
         fullWidth: {
           true: "ui-w-full",
-          false: !f && !g && l ? "ui-min-w-fit" : ""
+          false: !M && !g && l ? "ui-min-w-fit" : ""
         }
       },
       defaultVariants: {
@@ -19393,61 +19421,62 @@ const y8 = ({
       }
     }
   )({
-    size: i1,
+    size: n1,
     color: L,
     rounded: p,
     fullWidth: t,
     variant: a,
-    className: Y(o)
+    className: q(o)
   });
-  return M ? /* @__PURE__ */ i(
+  return f ? /* @__PURE__ */ i(
     "a",
     {
-      ref: k,
-      href: M,
+      ref: T,
+      href: f,
       target: j,
-      className: Y(x1, o),
-      children: l1()
+      className: q(M1, o),
+      children: d1()
     }
   ) : G === "div" ? /* @__PURE__ */ i(
     t0,
     {
-      label: I,
-      position: Z,
-      alignment: $,
-      color: s1,
+      label: B,
+      position: k,
+      alignment: z,
+      absolute: m,
+      color: m1,
       delay: A,
-      className: m,
+      className: b,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "div",
         {
-          ref: k,
-          className: Y(x1, o),
-          ..._,
-          children: l1()
+          ref: T,
+          className: q(M1, o),
+          ...U,
+          children: d1()
         }
       )
     }
   ) : /* @__PURE__ */ i(
     t0,
     {
-      label: I,
-      position: Z,
-      alignment: $,
-      color: s1,
+      label: B,
+      position: k,
+      alignment: z,
+      color: m1,
       delay: A,
-      className: m,
+      className: b,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "button",
         {
-          ref: k,
-          className: Y(x1, o),
+          ref: T,
+          className: q(M1, o),
+          ...H,
           ...U,
-          ..._,
-          onClick: e1,
-          children: l1()
+          onClick: p1,
+          children: d1()
         }
       )
     }
@@ -19461,7 +19490,7 @@ const y8 = ({
 }) => /* @__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(
-    o1,
+    r1,
     {
       variant: "icon",
       size: "2xl",
@@ -19603,7 +19632,7 @@ const y8 = ({
   }, e = o.type === "yellow";
   return /* @__PURE__ */ u("div", { className: `ui-flex ui-gap-x-1 ${o.title ? "ui-items-start" : "ui-items-center"}`, children: [
     /* @__PURE__ */ i(
-      v1,
+      b1,
       {
         name: r(o.type || "green"),
         color: t ? e ? "yellow_dark" : "white" : void 0,
@@ -19628,7 +19657,7 @@ const y8 = ({
       )
     ] }),
     o.showCloseButton && /* @__PURE__ */ i(
-      o1,
+      r1,
       {
         icon: "X2Outlined",
         size: "xs",
@@ -19671,7 +19700,7 @@ const y8 = ({
   }, 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(
-      o1,
+      r1,
       {
         clickable: !0,
         variant: r[t].secondary,
@@ -19682,7 +19711,7 @@ const y8 = ({
       }
     ),
     o.onPrimaryClick && /* @__PURE__ */ i(
-      o1,
+      r1,
       {
         clickable: !0,
         variant: r[t].primary,
@@ -19763,11 +19792,11 @@ const y8 = ({
   }[o][r]}`;
 }, T8 = ({ open: o, externalIsLeaving: r }) => {
   const [t, n] = K(!1), [e, a] = K(!1), c = r !== void 0 ? r : e;
-  return n1(() => {
+  return W(() => {
     o ? (n(!0), a(!1)) : (a(!0), r === void 0 && setTimeout(() => {
       n(!1);
     }, 300));
-  }, [o, r]), n1(() => {
+  }, [o, r]), W(() => {
     r && r !== e && (a(!0), setTimeout(() => {
       n(!1);
     }, 300));
@@ -19891,7 +19920,7 @@ const y8 = ({
         }
       }
     }
-  ), M = c1(
+  ), f = c1(
     "ui-absolute ui-border-[3px] ui-p-3.5 ui-rounded-full ui-border-white",
     {
       variants: {
@@ -19903,10 +19932,10 @@ const y8 = ({
       }
     }
   );
-  return /* @__PURE__ */ u("div", { className: Y("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", o), children: [
-    (l || C) && /* @__PURE__ */ u("div", { className: Y(g({ status: r })), children: [
-      l && /* @__PURE__ */ i(v1, { name: l, size: "2xl", color: "white", strokeWidth: 4 }),
-      /* @__PURE__ */ i("div", { className: Y(M({ borderStyle: p })) })
+  return /* @__PURE__ */ u("div", { className: q("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", o), children: [
+    (l || C) && /* @__PURE__ */ u("div", { className: q(g({ status: r })), children: [
+      l && /* @__PURE__ */ i(b1, { name: l, size: "2xl", color: "white", strokeWidth: 4 }),
+      /* @__PURE__ */ i("div", { className: q(f({ 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: [
@@ -19926,7 +19955,7 @@ const y8 = ({
       /* @__PURE__ */ i(
         "p",
         {
-          className: Y("ui-text-xxs", r === "red" ? "ui-text-red-500" : "ui-text-neutral-500"),
+          className: q("ui-text-xxs", r === "red" ? "ui-text-red-500" : "ui-text-neutral-500"),
           children: w
         }
       )
@@ -19948,9 +19977,9 @@ const y8 = ({
   animation: C = "none",
   isLeaving: w,
   progressBarColor: g = !1,
-  duration: M = 3e3
+  duration: f = 3e3
 }) => {
-  const { isVisible: x, isLeaving: f } = T8({ open: o, externalIsLeaving: w });
+  const { isVisible: x, isLeaving: M } = T8({ open: o, externalIsLeaving: w });
   if (!x)
     return null;
   const j = !!d, h = (v) => {
@@ -19959,9 +19988,9 @@ const y8 = ({
   return /* @__PURE__ */ u(
     "div",
     {
-      className: Y(
+      className: q(
         "ui-relative ui-overflow-hidden",
-        A8({ type: r, variant: t, isLeaving: f, animation: C }),
+        A8({ type: r, variant: t, isLeaving: M, animation: C }),
         j ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
       ),
       onClick: h,
@@ -19990,11 +20019,11 @@ const y8 = ({
             }
           )
         ] }),
-        g && /* @__PURE__ */ i("div", { className: Y("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
+        g && /* @__PURE__ */ i("div", { className: q("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
           F8,
           {
             progress: 100,
-            duration: M,
+            duration: f,
             color: t === "contained" ? "white" : r,
             showLabel: !1,
             withBackground: !1
@@ -20019,26 +20048,26 @@ const y8 = ({
   children: C,
   icon: w,
   link: g,
-  size: M,
+  size: f,
   target: x = "_self",
-  onClickIcon: f,
+  onClickIcon: M,
   disabled: j,
   colorIcon: h,
   tooltip: v,
   tooltipPosition: V,
-  tooltipAlignment: B,
-  tooltipColor: D,
+  tooltipAlignment: I,
+  tooltipColor: S,
   tooltipDelay: R,
-  ...z
+  ...D
 }) => /* @__PURE__ */ i(
-  o1,
+  r1,
   {
     ref: o,
     variant: a,
     color: p,
     rounded: l,
     fullWidth: t,
-    size: M,
+    size: f,
     clickable: L,
     children: C,
     icon: w,
@@ -20049,16 +20078,16 @@ const y8 = ({
     slotRight: e,
     link: g,
     target: x,
-    onClickIcon: f,
+    onClickIcon: M,
     disabled: j,
     colorIcon: h,
     className: r,
     tooltip: v,
     tooltipPosition: V,
-    tooltipAlignment: B,
-    tooltipColor: D,
+    tooltipAlignment: I,
+    tooltipColor: S,
     tooltipDelay: R,
-    ...z
+    ...D
   }
 ), u5 = ({
   children: o,
@@ -20067,11 +20096,11 @@ const y8 = ({
   color: n = "white",
   size: e = "md"
 }) => {
-  const a = g1.Children.toArray(o), c = g1.Children.map(o, (d, s) => {
-    if (!g1.isValidElement(d))
+  const a = f1.Children.toArray(o), c = f1.Children.map(o, (d, s) => {
+    if (!f1.isValidElement(d))
       return d;
     const L = s === 0, p = s === a.length - 1, l = d.props.icon;
-    return g1.cloneElement(d, {
+    return f1.cloneElement(d, {
       ...d.props,
       className: `${d.props.className || ""} ${L ? "!ui-rounded-r-none" : p ? "!ui-rounded-l-none" : "!ui-rounded-none"}`.trim(),
       // Asegurar que los botones tengan el mismo tamaño y estilo base
@@ -20085,14 +20114,14 @@ const y8 = ({
 }, J1 = ({ className: o, vertical: r = !1, padding: t = !0 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: Y(
+    className: q(
       "ui-bg-neutral-100",
       o,
       "",
       r ? "ui-max-h-full ui-min-h-7 ui-w-[1px]" : "ui-h-[1px] ui-w-full"
     )
   }
-), h1 = ({
+), g1 = ({
   children: o,
   className: r,
   fullWidth: t = !1,
@@ -20110,7 +20139,7 @@ const y8 = ({
   return /* @__PURE__ */ i(
     "div",
     {
-      className: Y(
+      className: q(
         "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" : "",
@@ -20127,11 +20156,11 @@ const y8 = ({
     }
   );
 };
-h1.Header = ({ children: o, className: r }) => /* @__PURE__ */ i("div", { className: r, children: o });
-h1.Body = ({ children: o, className: r, fullHeight: t = !1, scrollable: n = !0 }) => /* @__PURE__ */ i(
+g1.Header = ({ children: o, className: r }) => /* @__PURE__ */ i("div", { className: r, children: o });
+g1.Body = ({ children: o, className: r, fullHeight: t = !1, scrollable: n = !0 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: Y(
+    className: q(
       r,
       t ? "ui-h-full" : "",
       n ? "custom-scrollbar ui-overflow-y-auto" : ""
@@ -20139,8 +20168,8 @@ h1.Body = ({ children: o, className: r, fullHeight: t = !1, scrollable: n = !0 }
     children: o
   }
 );
-h1.Footer = ({ children: o, className: r }) => /* @__PURE__ */ i("div", { className: r, children: o });
-h1.Separator = ({ className: o, vertical: r = !1, padding: t = !0 }) => /* @__PURE__ */ i(J1, { vertical: r, padding: t, className: o });
+g1.Footer = ({ children: o, className: r }) => /* @__PURE__ */ i("div", { className: r, children: o });
+g1.Separator = ({ className: o, vertical: r = !1, padding: t = !0 }) => /* @__PURE__ */ i(J1, { vertical: r, padding: t, className: o });
 const U8 = (o) => {
   const {
     mode: r = "single",
@@ -20157,113 +20186,113 @@ const U8 = (o) => {
     internalRange: { start: null, end: null },
     hoverDate: null,
     portalPosition: { top: 0, left: 0 }
-  }), [L, p] = K(!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 = (I) => I && I instanceof Date && !isNaN(I.getTime()), f = 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 = S(() => {
+  }), [L, p] = K(!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, f = r === "range" ? w ? d.internalRange : n : { start: null, end: null }, x = (B) => B && B instanceof Date && !isNaN(B.getTime()), M = x(g) ? g : null, j = {
+    start: x(f == null ? void 0 : f.start) ? f.start : null,
+    end: x(f == null ? void 0 : f.end) ? f.end : null
+  }, h = N(() => {
     if (l.current) {
-      const I = l.current.getInputElement();
-      if (I) {
-        const Z = I.getBoundingClientRect(), $ = window.innerHeight, q = window.innerWidth, A = 320, m = 256, b = 8;
-        let O, k = Z.left;
-        const T = $ - Z.bottom, F = Z.top;
-        T >= A + b ? O = Z.bottom + b : F >= A + b ? O = Z.top - A + b : T > F ? O = Z.bottom + b : O = Z.top - A + b, Z.left + m > q && (k = Z.right - m), k = Math.max(0, Math.min(k, q - m)), s((Q) => ({
-          ...Q,
+      const B = l.current.getInputElement();
+      if (B) {
+        const k = B.getBoundingClientRect(), z = window.innerHeight, Y = window.innerWidth, A = 320, m = 256, b = 8;
+        let O, Z = k.left;
+        const T = z - k.bottom, E = k.top;
+        T >= A + b ? O = k.bottom + b : E >= A + b ? O = k.top - A + b : T > E ? O = k.bottom + b : O = k.top - A + b, k.left + m > Y && (Z = k.right - m), Z = Math.max(0, Math.min(Z, Y - m)), s((i1) => ({
+          ...i1,
           isOpen: !0,
-          portalPosition: { top: O, left: k }
+          portalPosition: { top: O, left: Z }
         })), p(!0);
         return;
       }
     }
-    s((I) => ({ ...I, isOpen: !0 })), p(!1);
-  }, []), v = S(() => {
-    s((I) => ({ ...I, isOpen: !1 })), p(!1);
-  }, []), V = S((I) => {
-    s((Z) => ({ ...Z, currentDate: I }));
-  }, []), B = S((I) => {
-    s((Z) => ({ ...Z, viewMode: I }));
-  }, []), D = S((I) => {
-    s((Z) => {
-      const $ = new Date(Z.currentDate);
-      switch (Z.viewMode) {
+    s((B) => ({ ...B, isOpen: !0 })), p(!1);
+  }, []), v = N(() => {
+    s((B) => ({ ...B, isOpen: !1 })), p(!1);
+  }, []), V = N((B) => {
+    s((k) => ({ ...k, currentDate: B }));
+  }, []), I = N((B) => {
+    s((k) => ({ ...k, viewMode: B }));
+  }, []), S = N((B) => {
+    s((k) => {
+      const z = new Date(k.currentDate);
+      switch (k.viewMode) {
         case "days":
-          $.setMonth($.getMonth() + (I === "next" ? 1 : -1));
+          z.setMonth(z.getMonth() + (B === "next" ? 1 : -1));
           break;
         case "months":
-          $.setFullYear($.getFullYear() + (I === "next" ? 1 : -1));
+          z.setFullYear(z.getFullYear() + (B === "next" ? 1 : -1));
           break;
         case "years":
-          $.setFullYear($.getFullYear() + (I === "next" ? 12 : -12));
+          z.setFullYear(z.getFullYear() + (B === "next" ? 12 : -12));
           break;
       }
-      return { ...Z, currentDate: $ };
+      return { ...k, currentDate: z };
     });
-  }, []), R = S(
-    (I) => {
-      var Z;
-      r === "single" && (w && s(($) => ({ ...$, internalDate: I })), (Z = o.onDateChange) == null || Z.call(o, I), a && v());
+  }, []), R = N(
+    (B) => {
+      var k;
+      r === "single" && (w && s((z) => ({ ...z, internalDate: B })), (k = o.onDateChange) == null || k.call(o, B), a && v());
     },
     [r, w, o.onDateChange, a, v]
-  ), z = S(
-    (I) => {
-      var Z;
-      r === "range" && (C || s(($) => ({ ...$, internalRange: I })), (Z = o.onRangeChange) == null || Z.call(o, I), c && I.start && I.end && v());
+  ), D = N(
+    (B) => {
+      var k;
+      r === "range" && (C || s((z) => ({ ...z, internalRange: B })), (k = o.onRangeChange) == null || k.call(o, B), c && B.start && B.end && v());
     },
     [r, C, o.onRangeChange, c, v]
-  ), y = S((I) => {
-    s((Z) => ({ ...Z, hoverDate: I }));
-  }, []), J = S((I) => {
-    s((Z) => {
-      const $ = new Date(Z.currentDate);
-      return $.setMonth(I), {
-        ...Z,
-        currentDate: $,
+  ), y = N((B) => {
+    s((k) => ({ ...k, hoverDate: B }));
+  }, []), J = N((B) => {
+    s((k) => {
+      const z = new Date(k.currentDate);
+      return z.setMonth(B), {
+        ...k,
+        currentDate: z,
         viewMode: "days"
       };
     });
-  }, []), N = S((I) => {
-    s((Z) => {
-      const $ = new Date(Z.currentDate);
-      return $.setFullYear(I), {
-        ...Z,
-        currentDate: $,
+  }, []), $ = N((B) => {
+    s((k) => {
+      const z = new Date(k.currentDate);
+      return z.setFullYear(B), {
+        ...k,
+        currentDate: z,
         viewMode: "months"
       };
     });
-  }, []), G = S(() => {
-    const I = /* @__PURE__ */ new Date();
-    s((Z) => ({
-      ...Z,
-      currentDate: I,
+  }, []), G = N(() => {
+    const B = /* @__PURE__ */ new Date();
+    s((k) => ({
+      ...k,
+      currentDate: B,
       viewMode: "days"
     }));
-  }, []), X = S(() => {
+  }, []), X = N(() => {
     if (!l.current)
       return;
-    const I = l.current.getInputElement();
-    if (!I)
+    const B = l.current.getInputElement();
+    if (!B)
       return;
-    const Z = I.getBoundingClientRect(), $ = window.innerHeight, q = window.innerWidth, A = 320, m = 256, b = 8;
-    let O, k = Z.left;
-    const T = $ - Z.bottom, F = Z.top;
-    T >= A + b ? O = Z.bottom + b : F >= A + b ? O = Z.top - A + b : T > F ? O = Z.bottom + b : O = Z.top - A + b, Z.left + m > q && (k = Z.right - m), k = Math.max(0, Math.min(k, q - m)), s((Q) => ({ ...Q, portalPosition: { top: O, left: k } })), p(!0);
+    const k = B.getBoundingClientRect(), z = window.innerHeight, Y = window.innerWidth, A = 320, m = 256, b = 8;
+    let O, Z = k.left;
+    const T = z - k.bottom, E = k.top;
+    T >= A + b ? O = k.bottom + b : E >= A + b ? O = k.top - A + b : T > E ? O = k.bottom + b : O = k.top - A + b, k.left + m > Y && (Z = k.right - m), Z = Math.max(0, Math.min(Z, Y - m)), s((i1) => ({ ...i1, portalPosition: { top: O, left: Z } })), p(!0);
   }, []);
-  return n1(() => {
+  return W(() => {
     if (!d.isOpen) return;
-    const I = () => X(), Z = () => X();
-    return window.addEventListener("scroll", I, !0), window.addEventListener("resize", Z), () => {
-      window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", Z);
+    const B = () => X(), k = () => X();
+    return window.addEventListener("scroll", B, !0), window.addEventListener("resize", k), () => {
+      window.removeEventListener("scroll", B, !0), window.removeEventListener("resize", k);
     };
-  }, [d.isOpen, X]), n1(() => {
+  }, [d.isOpen, X]), W(() => {
     if (d.isOpen) {
-      const I = setTimeout(() => {
+      const B = setTimeout(() => {
         X();
       }, 0);
-      return () => clearTimeout(I);
+      return () => clearTimeout(B);
     }
   }, [d.isOpen, X]), {
     state: d,
-    selectedDate: f,
+    selectedDate: M,
     selectedRange: j,
     inputRef: l,
     isPortalReady: L,
@@ -20271,24 +20300,24 @@ const U8 = (o) => {
       openPicker: h,
       closePicker: v,
       setCurrentDate: V,
-      setViewMode: B,
+      setViewMode: I,
       setSelectedDate: R,
-      setSelectedRange: z,
+      setSelectedRange: D,
       setHoverDate: y,
       updatePortalPosition: X,
-      navigate: D,
+      navigate: S,
       handleMonthSelect: J,
-      handleYearSelect: N,
+      handleYearSelect: $,
       goToToday: G
     }
   };
-}, M1 = (o) => o && o instanceof Date && !isNaN(o.getTime()), C0 = (o, r, t, n, e) => {
-  const a = S((l, C) => !C.start || !C.end || !M1(C.start) || !M1(C.end) ? !1 : l >= C.start && l <= C.end, []), c = S((l, C) => !C.start || !M1(C.start) ? !1 : l.getTime() === C.start.getTime(), []), d = S((l, C) => !C.end || !M1(C.end) ? !1 : l.getTime() === C.end.getTime(), []), s = S(
-    (l) => !!(!M1(l) || t && M1(t) && l < t || n && M1(n) && l > n),
+}, v1 = (o) => o && o instanceof Date && !isNaN(o.getTime()), C0 = (o, r, t, n, e) => {
+  const a = N((l, C) => !C.start || !C.end || !v1(C.start) || !v1(C.end) ? !1 : l >= C.start && l <= C.end, []), c = N((l, C) => !C.start || !v1(C.start) ? !1 : l.getTime() === C.start.getTime(), []), d = N((l, C) => !C.end || !v1(C.end) ? !1 : l.getTime() === C.end.getTime(), []), s = N(
+    (l) => !!(!v1(l) || t && v1(t) && l < t || n && v1(n) && l > n),
     [t, n]
-  ), L = S(
+  ), L = N(
     (l, C, w) => {
-      if (!M1(l)) {
+      if (!v1(l)) {
         console.warn("useDateRange: Se recibió una fecha inválida:", l);
         return;
       }
@@ -20297,42 +20326,42 @@ const U8 = (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 = S(
+  ), p = N(
     (l, C) => {
-      const w = c(l, o), g = d(l, o), M = a(l, o), x = s(l);
-      let f = !1;
+      const w = c(l, o), g = d(l, o), f = a(l, o), x = s(l);
+      let M = !1;
       if (C && o.start && !o.end) {
         const V = {
           start: o.start < C ? o.start : C,
           end: o.start < C ? C : o.start
         };
-        f = a(l, V);
+        M = a(l, V);
       }
       let j = !1;
-      if (o.start && o.end && M && !w) {
+      if (o.start && o.end && f && !w) {
         const V = new Date(l);
         V.setDate(l.getDate() - 1), j = !a(V, o);
-      } else if (o.start && !o.end && C && f) {
+      } else if (o.start && !o.end && C && M) {
         const V = new Date(l);
         V.setDate(l.getDate() - 1);
-        const B = {
+        const I = {
           start: o.start < C ? o.start : C,
           end: o.start < C ? C : o.start
         };
-        j = !a(V, B);
+        j = !a(V, I);
       }
       let h = !1;
-      if (o.start && o.end && M && !g) {
+      if (o.start && o.end && f && !g) {
         const V = new Date(l);
         V.setDate(l.getDate() + 1), h = !a(V, o);
-      } else if (o.start && !o.end && C && f) {
+      } else if (o.start && !o.end && C && M) {
         const V = new Date(l);
         V.setDate(l.getDate() + 1);
-        const B = {
+        const I = {
           start: o.start < C ? o.start : C,
           end: o.start < C ? C : o.start
         };
-        h = !a(V, B);
+        h = !a(V, I);
       }
       let v = !0;
       return o.start && !o.end && C ? v = C >= o.start : o.start && o.end && (v = l >= o.start), {
@@ -20340,12 +20369,12 @@ const U8 = (o) => {
         isSelectingEnd: !!o.start && !o.end,
         isStart: w,
         isEnd: g,
-        isInRange: M,
+        isInRange: f,
         isFirstInRange: j,
         isLastInRange: h,
         afterSelected: v,
         isDisabled: x,
-        isHovered: f
+        isHovered: M
       };
     },
     [o, c, d, a, s]
@@ -20359,7 +20388,7 @@ const U8 = (o) => {
     getRangeState: p
   };
 }, F1 = (o, r, t) => {
-  const n = S(
+  const n = N(
     (p) => {
       const l = new Date(o);
       switch (p) {
@@ -20373,13 +20402,13 @@ const U8 = (o) => {
       r(p);
     },
     [o, r]
-  ), e = S((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 = S(
+  ), e = N((p) => {
+    const l = p.getFullYear(), C = p.getMonth(), w = new Date(l, C, 1), g = new Date(l, C + 1, 0), f = g.getDate(), x = w.getDay();
+    return { firstDay: w, lastDay: g, daysInMonth: f, startOfWeek: x };
+  }, []), a = N(
     (p, l = 1) => {
-      const { firstDay: C, lastDay: w, daysInMonth: g, startOfWeek: M } = e(p), x = [], f = (M - l + 7) % 7;
-      for (let h = 0; h < f; h++)
+      const { firstDay: C, lastDay: w, daysInMonth: g, startOfWeek: f } = e(p), x = [], M = (f - l + 7) % 7;
+      for (let h = 0; h < M; h++)
         x.push(null);
       for (let h = 1; h <= g; h++)
         x.push(h);
@@ -20389,22 +20418,22 @@ const U8 = (o) => {
       return x;
     },
     [e]
-  ), c = S((p = "es-ES") => {
+  ), c = N((p = "es-ES") => {
     const l = [];
     for (let C = 0; C < 12; C++) {
       const w = new Date(2024, C, 1);
       l.push(w.toLocaleDateString(p, { month: "long" }));
     }
     return l;
-  }, []), d = S((p, l = 12) => {
+  }, []), d = N((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 = S((p) => {
+  }, []), s = N((p) => {
     const l = /* @__PURE__ */ new Date();
     return p.getDate() === l.getDate() && p.getMonth() === l.getMonth() && p.getFullYear() === l.getFullYear();
-  }, []), L = S((p, l) => p.toLocaleDateString("es-ES", l), []);
+  }, []), L = N((p, l) => p.toLocaleDateString("es-ES", l), []);
   return {
     navigate: n,
     getDaysInMonth: e,
@@ -20418,31 +20447,31 @@ const U8 = (o) => {
   const [n, e] = K({
     isFocused: !1,
     inputValue: o
-  }), a = S((w) => {
+  }), a = N((w) => {
     e((g) => ({ ...g, isFocused: w }));
-  }, []), c = S((w) => {
+  }, []), c = N((w) => {
     e((g) => ({ ...g, inputValue: w }));
-  }, []), d = S((w, g) => {
+  }, []), d = N((w, g) => {
     if (!w) return "";
-    const M = w.getDate().toString().padStart(2, "0"), x = (w.getMonth() + 1).toString().padStart(2, "0"), f = w.getFullYear();
-    return g.format.replace("dd", M).replace("MM", x).replace("yyyy", f.toString());
-  }, []), s = S((w, g) => {
+    const f = w.getDate().toString().padStart(2, "0"), x = (w.getMonth() + 1).toString().padStart(2, "0"), M = w.getFullYear();
+    return g.format.replace("dd", f).replace("MM", x).replace("yyyy", M.toString());
+  }, []), s = N((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}$`), f = w.match(x);
-    if (!f) return null;
-    const [, j, h, v] = f, V = new Date(parseInt(v), parseInt(h) - 1, parseInt(j));
+    const f = g.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), x = new RegExp(`^${f}$`), M = w.match(x);
+    if (!M) return null;
+    const [, j, h, v] = M, V = new Date(parseInt(v), parseInt(h) - 1, parseInt(j));
     return isNaN(V.getTime()) ? null : V;
-  }, []), L = S(
+  }, []), L = N(
     (w, g) => s(w, g) !== null,
     [s]
-  ), p = S(
+  ), p = N(
     (w) => {
       c(w);
     },
     [c]
-  ), l = S(() => {
+  ), l = N(() => {
     a(!0);
-  }, [a]), C = S(() => {
+  }, [a]), C = N(() => {
     a(!1);
   }, [a]);
   return {
@@ -20457,26 +20486,26 @@ const U8 = (o) => {
     handleInputBlur: C
   };
 }, _8 = (o, r, t, n = 1e3) => {
-  const e = t1(null), a = S(
+  const e = t1(null), a = N(
     (s) => {
       e.current && !e.current.contains(s.target) && r();
     },
     [r]
-  ), c = S(
+  ), c = N(
     (s) => {
       s.key === "Escape" && r();
     },
     [r]
   );
-  n1(() => {
+  W(() => {
     if (o)
       return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
         document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
       };
   }, [o, a, c]);
-  const d = S(
-    (s) => o ? k1(
-      g1.createElement(
+  const d = N(
+    (s) => o ? Z1(
+      f1.createElement(
         "div",
         {
           ref: e,
@@ -20498,7 +20527,7 @@ const U8 = (o) => {
     portalRef: e,
     renderPortal: d
   };
-}, Y8 = ({
+}, q8 = ({
   day: o,
   date: r,
   isSelected: t,
@@ -20514,23 +20543,23 @@ const U8 = (o) => {
   onClick: C,
   onMouseEnter: w,
   onMouseLeave: g,
-  className: M = "",
+  className: f = "",
   renderDay: x
 }) => {
-  const f = t1(null);
+  const M = t1(null);
   if (o === null)
     return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" });
-  const j = (B) => {
-    B.stopPropagation(), L || C(r);
+  const j = (I) => {
+    I.stopPropagation(), L || C(r);
   }, h = () => {
-    !L && w && (f.current && (clearTimeout(f.current), f.current = null), w(r));
+    !L && w && (M.current && (clearTimeout(M.current), M.current = null), w(r));
   }, v = () => {
-    !L && g && (t || n || e || a ? f.current = setTimeout(() => {
-      g(), f.current = null;
+    !L && g && (t || n || e || a ? M.current = setTimeout(() => {
+      g(), M.current = null;
     }, 100) : g());
   }, V = () => {
-    let B = `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 ? B += " ui-text-gray-400 ui-cursor-not-allowed" : t ? B += " ui-bg-blue-500 ui-text-white" : e ? B += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? B += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? B += " ui-bg-blue-50 ui-text-blue-500" : l ? B += " ui-bg-blue-50" : p ? B += " ui-text-blue-500" : B += "hover:ui-bg-neutral-50", `${B} ${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} ${f}`;
   };
   return x ? x({
     day: o,
@@ -20559,7 +20588,7 @@ const U8 = (o) => {
       children: o
     }
   );
-}, q8 = ({
+}, Y8 = ({
   monthIndex: o,
   monthName: r,
   isSelected: t,
@@ -20626,8 +20655,8 @@ const U8 = (o) => {
   disabled: t = !1,
   className: n = "",
   children: e
-}) => /* @__PURE__ */ i(I1, { children: /* @__PURE__ */ i(
-  o1,
+}) => /* @__PURE__ */ i(k1, { children: /* @__PURE__ */ i(
+  r1,
   {
     variant: "outlined",
     size: "xs",
@@ -20685,7 +20714,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(
-      o1,
+      r1,
       {
         onClick: e,
         variant: "outlined",
@@ -20696,7 +20725,7 @@ const U8 = (o) => {
       }
     ),
     /* @__PURE__ */ i(
-      o1,
+      r1,
       {
         onClick: L,
         variant: "text",
@@ -20740,10 +20769,10 @@ const U8 = (o) => {
     },
     a,
     c
-  ), M = (j) => r ? j.getTime() === r.getTime() : !1, x = (j) => !!(a && j < a || c && j > c), f = C(o, s);
+  ), f = (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((j, h) => /* @__PURE__ */ i(G8, { day: j }, h)),
-    f.map((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), V = t ? g(v, p || null) : {
@@ -20757,11 +20786,11 @@ const U8 = (o) => {
         isHovered: !1
       };
       return /* @__PURE__ */ i(
-        Y8,
+        q8,
         {
           day: j,
           date: v,
-          isSelected: M(v),
+          isSelected: f(v),
           isInRange: V.isInRange,
           isStart: V.isStart,
           isEnd: V.isEnd,
@@ -20806,7 +20835,7 @@ const U8 = (o) => {
     }
   ), c = a();
   return /* @__PURE__ */ i("div", { className: `ui-mx-auto ui-grid ui-w-fit ui-grid-cols-3 ${e}`, children: c.map((d, s) => /* @__PURE__ */ i(
-    q8,
+    Y8,
     {
       monthIndex: s,
       monthName: d,
@@ -20839,16 +20868,16 @@ 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] = K(c), L = a ? r : d, p = S(
+  const { value: r, defaultValue: t, onChange: n, initialValue: e } = o, a = r !== void 0, c = t !== void 0 ? t : e, [d, s] = K(c), L = a ? r : d, p = N(
     (C) => {
       a || s(C), n == null || n(C);
     },
     [a, n]
-  ), l = S(() => {
+  ), l = N(() => {
     const C = t !== void 0 ? t : e;
     a || s(C), n == null || n(C);
   }, [a, t, e, n]);
-  return n1(() => {
+  return W(() => {
     a && r !== void 0 && s(r);
   }, [a, r]), {
     value: L,
@@ -20909,18 +20938,18 @@ const U8 = (o) => {
   isControlled: n,
   inputId: e
 }) => {
-  const a = S(() => {
+  const a = N(() => {
     const l = e || "default-input";
     return document.querySelector(`input[data-input-id="${l}"]`);
-  }, [e]), c = S(() => {
+  }, [e]), c = N(() => {
     const l = a();
     l == null || l.focus();
-  }, [a]), d = S(() => {
+  }, [a]), d = N(() => {
     const l = a();
     l == null || l.blur();
-  }, [a]), s = S(() => {
+  }, [a]), s = N(() => {
     t("");
-  }, [t]), L = S(() => r, [r]), p = S(
+  }, [t]), L = N(() => r, [r]), p = N(
     (l) => {
       t(l);
     },
@@ -21013,58 +21042,58 @@ const U8 = (o) => {
     disabled: C = !1,
     onValueChange: w,
     onChange: g,
-    onClickExtraSlot: M,
+    onClickExtraSlot: f,
     className: x,
-    style: f,
+    style: M,
     name: j,
     autosize: h = !1,
     colorLeftIcon: v,
     infoTooltip: V = "",
-    ...B
-  }, D) => {
+    ...I
+  }, S) => {
     const {
       value: R,
-      setValue: z,
+      setValue: D,
       isControlled: y
     } = Q8({
       value: L,
       defaultValue: l,
       onChange: w
-    }), J = ($) => {
-      const q = $.target.value;
-      z(q), g == null || g($);
-    }, { paddingClasses: N, getIconPosition: G } = W8({
+    }), J = (z) => {
+      const Y = z.target.value;
+      D(Y), g == null || g(z);
+    }, { paddingClasses: $, getIconPosition: G } = W8({
       size: n,
       leftSlot: a,
       rightSlot: c,
       extraSlot: d
-    }), { baseClasses: X, containerClasses: I, labelClasses: Z } = e3({
+    }), { baseClasses: X, containerClasses: B, labelClasses: k } = e3({
       size: n,
       error: r,
       disabled: C,
       fullWidth: p,
       caret: s,
-      paddingClasses: N,
+      paddingClasses: $,
       autosize: h
     });
     return n3({
-      ref: D,
+      ref: S,
       currentValue: R,
-      setValue: z,
+      setValue: D,
       isControlled: y,
-      inputId: B.id
+      inputId: I.id
     }), /* @__PURE__ */ u(
       "div",
       {
-        className: Y(
+        className: q(
           "ui-relative ui-flex ui-flex-col ui-gap-1",
           p ? "ui-w-full" : "ui-w-fit",
           x
         ),
-        style: f,
+        style: M,
         children: [
           (o || V) && /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
-            o && /* @__PURE__ */ i("label", { className: Z, children: o }),
+            o && /* @__PURE__ */ i("label", { className: k, children: o }),
             V && /* @__PURE__ */ i(
               H1,
               {
@@ -21079,9 +21108,9 @@ const U8 = (o) => {
               }
             )
           ] }),
-          /* @__PURE__ */ u("div", { className: I, children: [
+          /* @__PURE__ */ u("div", { className: B, children: [
             a && /* @__PURE__ */ i(
-              m1,
+              x1,
               {
                 slot: a,
                 colorIcon: v,
@@ -21096,13 +21125,13 @@ const U8 = (o) => {
                 value: R,
                 onChange: J,
                 name: j,
-                "data-input-id": B.id || "default-input",
+                "data-input-id": I.id || "default-input",
                 className: X + " ui-min-w-12",
-                ...B
+                ...I
               }
             ),
             c && /* @__PURE__ */ i(
-              m1,
+              x1,
               {
                 slot: c,
                 className: `ui-absolute ${G("right")} ui-top-1/2 ui--translate-y-1/2`
@@ -21117,10 +21146,10 @@ const U8 = (o) => {
             d && /* @__PURE__ */ i(
               "button",
               {
-                onClick: M,
+                onClick: f,
                 className: `ui-absolute ${G("extra")} ui-top-1/2 ui-flex ui--translate-y-1/2 ui-place-items-center`,
                 type: "button",
-                children: /* @__PURE__ */ i(m1, { slot: d })
+                children: /* @__PURE__ */ i(x1, { slot: d })
               }
             )
           ] }),
@@ -21158,8 +21187,8 @@ const i3 = E1(
         s || n();
       },
       extraSlot: "CalendarOutlined",
-      onChange: (f) => {
-        !s && e && e(f.target.value);
+      onChange: (M) => {
+        !s && e && e(M.target.value);
       },
       onFocus: () => {
         !s && a && a();
@@ -21205,8 +21234,8 @@ const i3 = E1(
     const w = a[l.getMonth()], g = l.getFullYear();
     switch (C) {
       case "years":
-        const M = s(g, c), x = M[0], f = M[M.length - 1];
-        return `${x} - ${f}`;
+        const f = s(g, c), x = f[0], M = f[f.length - 1];
+        return `${x} - ${M}`;
       case "months":
         return `${g}`;
       case "days":
@@ -21226,7 +21255,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(
-          o1,
+          r1,
           {
             onClick: () => n(C),
             variant: "text",
@@ -21275,13 +21304,13 @@ const i3 = E1(
   yearRange: C = 12,
   hoverDate: w,
   onMonthSelect: g,
-  onYearSelect: M,
+  onYearSelect: f,
   renderDay: x
 }) => {
-  const f = (v) => {
+  const M = (v) => {
     g == null || g(v);
   }, j = (v) => {
-    M == null || M(v);
+    f == null || f(v);
   };
   return /* @__PURE__ */ i("div", { className: "ui-flex ui-h-full ui-justify-center ui-p-3", children: (() => {
     switch (d) {
@@ -21309,7 +21338,7 @@ const i3 = E1(
           {
             currentDate: o,
             selectedMonth: o.getMonth(),
-            onMonthSelect: f,
+            onMonthSelect: M,
             monthNames: L
           }
         );
@@ -21343,7 +21372,7 @@ const i3 = E1(
   onGoToToday: C,
   locale: w = "es-ES",
   weekDays: g = ["D", "L", "M", "M", "J", "V", "S"],
-  monthNames: M = [
+  monthNames: f = [
     "Enero",
     "Febrero",
     "Marzo",
@@ -21358,17 +21387,17 @@ const i3 = E1(
     "Diciembre"
   ],
   startOfWeek: x = 1,
-  showWeekNumbers: f = !1,
+  showWeekNumbers: M = !1,
   yearRange: j = 12,
   hoverDate: h,
   closeOnSelect: v,
   autoCloseRange: V,
-  renderHeader: B,
-  renderDay: D
+  renderHeader: I,
+  renderDay: S
 }) => {
   const R = (G) => {
     L == null || L(G);
-  }, z = () => {
+  }, D = () => {
     switch (d) {
       case "days":
         s("months");
@@ -21384,7 +21413,7 @@ const i3 = E1(
     p == null || p(G);
   }, J = (G) => {
     l == null || l(G);
-  }, N = () => {
+  }, $ = () => {
     switch (d) {
       case "days":
         return /* @__PURE__ */ i(
@@ -21399,9 +21428,9 @@ const i3 = E1(
             maxDate: c,
             weekDays: g,
             startOfWeek: x,
-            showWeekNumbers: f,
+            showWeekNumbers: M,
             hoverDate: h,
-            renderDay: D
+            renderDay: S
           }
         );
       case "months":
@@ -21411,7 +21440,7 @@ const i3 = E1(
             currentDate: o,
             selectedMonth: o.getMonth(),
             onMonthSelect: y,
-            monthNames: M
+            monthNames: f
           }
         );
       case "years":
@@ -21431,7 +21460,7 @@ const i3 = E1(
   return /* @__PURE__ */ u(
     "div",
     {
-      className: Y(
+      className: q(
         "ui-min-w-[254px] ui-overflow-hidden ui-rounded-lg ui-border ui-border-neutral-100 ui-bg-white ui-shadow-lg",
         v ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
       ),
@@ -21442,16 +21471,16 @@ const i3 = E1(
             currentDate: o,
             viewMode: d,
             onNavigate: R,
-            onToggleViewMode: z,
+            onToggleViewMode: D,
             onGoToToday: C,
-            monthNames: M,
-            renderHeader: B
+            monthNames: f,
+            renderHeader: I
           }
         ),
-        /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: N() }),
+        /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: $() }),
         !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" })
+          /* @__PURE__ */ i(r1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
+          /* @__PURE__ */ i(r1, { size: "md", children: "Aceptar" })
         ] })
       ]
     }
@@ -21472,130 +21501,130 @@ const i3 = E1(
   onGoToToday: C,
   viewMode: w,
   minDate: g,
-  maxDate: M,
+  maxDate: f,
   locale: x,
-  weekDays: f,
+  weekDays: M,
   monthNames: j,
   startOfWeek: h,
   showWeekNumbers: v,
   yearRange: V,
-  hoverDate: B,
-  closeOnSelect: D,
+  hoverDate: I,
+  closeOnSelect: S,
   autoCloseRange: R,
-  calendarsCount: z = 1,
+  calendarsCount: D = 1,
   mode: y = "single",
   onClickSelected: J = !1,
-  renderHeader: N,
+  renderHeader: $,
   renderDay: G
 }) => {
-  const [X, I] = K(Array(z).fill(w)), [Z, $] = K(() => {
-    const k = [];
-    for (let T = 0; T < z; T++) {
-      const F = new Date(n);
-      F.setMonth(F.getMonth() + T), k.push(F);
-    }
-    return k;
-  }), { renderPortal: q } = _8(o, r, t, 1100);
-  n1(() => {
-    I(Array(z).fill(w));
-  }, [w, z]), n1(() => {
-    const k = [];
-    for (let T = 0; T < z; T++) {
-      const F = new Date(n);
-      F.setMonth(F.getMonth() + T), k.push(F);
-    }
-    $(k);
-  }, [n, z]);
-  const A = (k) => {
-    const T = X[k];
-    let F;
+  const [X, B] = K(Array(D).fill(w)), [k, z] = K(() => {
+    const Z = [];
+    for (let T = 0; T < D; T++) {
+      const E = new Date(n);
+      E.setMonth(E.getMonth() + T), Z.push(E);
+    }
+    return Z;
+  }), { renderPortal: Y } = _8(o, r, t, 1100);
+  W(() => {
+    B(Array(D).fill(w));
+  }, [w, D]), W(() => {
+    const Z = [];
+    for (let T = 0; T < D; T++) {
+      const E = new Date(n);
+      E.setMonth(E.getMonth() + T), Z.push(E);
+    }
+    z(Z);
+  }, [n, D]);
+  const A = (Z) => {
+    const T = X[Z];
+    let E;
     switch (T) {
       case "days":
-        F = "months";
+        E = "months";
         break;
       case "months":
-        F = "years";
+        E = "years";
         break;
       case "years":
-        F = "days";
+        E = "days";
         break;
       default:
-        F = "days";
-    }
-    const Q = [...X];
-    Q[k] = F, I(Q);
-  }, m = (k, T) => {
-    const F = [...Z];
-    F[k] = new Date(
-      Z[k].getFullYear(),
+        E = "days";
+    }
+    const i1 = [...X];
+    i1[Z] = E, B(i1);
+  }, m = (Z, T) => {
+    const E = [...k];
+    E[Z] = new Date(
+      k[Z].getFullYear(),
       T,
       1
-    ), $(F);
-    const Q = [...X];
-    Q[k] = "days", I(Q), p == null || p(T);
-  }, b = (k, T) => {
-    const F = [...Z];
-    F[k] = new Date(T, Z[k].getMonth(), 1), $(F);
-    const Q = [...X];
-    Q[k] = "months", I(Q), l == null || l(T);
-  }, O = (k) => {
-    const T = [...Z];
-    T.forEach((F, Q) => {
-      const r1 = new Date(F);
-      switch (X[Q]) {
+    ), z(E);
+    const i1 = [...X];
+    i1[Z] = "days", B(i1), p == null || p(T);
+  }, b = (Z, T) => {
+    const E = [...k];
+    E[Z] = new Date(T, k[Z].getMonth(), 1), z(E);
+    const i1 = [...X];
+    i1[Z] = "months", B(i1), l == null || l(T);
+  }, O = (Z) => {
+    const T = [...k];
+    T.forEach((E, i1) => {
+      const e1 = new Date(E);
+      switch (X[i1]) {
         case "days":
-          r1.setMonth(r1.getMonth() + (k === "next" ? 1 : -1));
+          e1.setMonth(e1.getMonth() + (Z === "next" ? 1 : -1));
           break;
         case "months":
-          r1.setFullYear(r1.getFullYear() + (k === "next" ? 1 : -1));
+          e1.setFullYear(e1.getFullYear() + (Z === "next" ? 1 : -1));
           break;
         case "years":
-          r1.setFullYear(r1.getFullYear() + (k === "next" ? 12 : -12));
+          e1.setFullYear(e1.getFullYear() + (Z === "next" ? 12 : -12));
           break;
       }
-      T[Q] = r1;
-    }), $(T), L(k);
+      T[i1] = e1;
+    }), z(T), L(Z);
   };
-  return q(
-    /* @__PURE__ */ i("div", { className: "ui-relative", children: y === "range" && z > 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: y === "range" && D > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
       /* @__PURE__ */ i(
         o3,
         {
-          calendarDates: Z,
+          calendarDates: k,
           viewModes: X,
           onNavigate: O,
           onToggleViewMode: A,
           onGoToToday: C,
           monthNames: j,
           yearRange: V,
-          renderHeader: N
+          renderHeader: $
         }
       ),
-      /* @__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((k, T) => /* @__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: k.map((Z, T) => /* @__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: k,
+          currentDate: Z,
           selectedDate: e,
           selectedRange: a,
           onDateSelect: c,
           onDateHover: d,
           minDate: g,
-          maxDate: M,
+          maxDate: f,
           viewMode: X[T],
-          weekDays: f,
+          weekDays: M,
           monthNames: j,
           startOfWeek: h,
           showWeekNumbers: v,
           yearRange: V,
-          hoverDate: B,
-          onMonthSelect: (F) => m(T, F),
-          onYearSelect: (F) => b(T, F),
+          hoverDate: I,
+          onMonthSelect: (E) => m(T, E),
+          onYearSelect: (E) => b(T, E),
           renderDay: G
         }
       ) }) }, T)) }),
       /* @__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(o1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
-        /* @__PURE__ */ i(o1, { size: "md", children: "Aceptar" })
+        /* @__PURE__ */ i(r1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
+        /* @__PURE__ */ i(r1, { size: "md", children: "Aceptar" })
       ] })
     ] }) : /* @__PURE__ */ i(
       t3,
@@ -21606,7 +21635,7 @@ const i3 = E1(
         onDateSelect: c,
         onDateHover: d,
         minDate: g,
-        maxDate: M,
+        maxDate: f,
         viewMode: w,
         onViewModeChange: s,
         onNavigate: L,
@@ -21614,15 +21643,15 @@ const i3 = E1(
         onYearSelect: l,
         onGoToToday: C,
         locale: x,
-        weekDays: f,
+        weekDays: M,
         monthNames: j,
         startOfWeek: h,
         showWeekNumbers: v,
         yearRange: V,
-        hoverDate: B,
-        closeOnSelect: D,
+        hoverDate: I,
+        closeOnSelect: S,
         autoCloseRange: R,
-        renderHeader: N,
+        renderHeader: $,
         renderDay: G
       }
     ) })
@@ -21656,25 +21685,25 @@ const i3 = E1(
     className: C = "",
     inputClassName: w = "",
     headerClassName: g = "",
-    dayClassName: M = "",
+    dayClassName: f = "",
     monthClassName: x = "",
-    yearClassName: f = "",
+    yearClassName: M = "",
     disabledDayClassName: j = "text-gray-400 cursor-not-allowed",
     rangeClassName: h = "bg-blue-100",
     rangeStartClassName: v = "bg-blue-500 text-white rounded-l-full",
     rangeEndClassName: V = "bg-blue-500 text-white rounded-r-full",
-    todayClassName: B = "border border-blue-500",
-    showWeekNumbers: D = !1,
+    todayClassName: I = "border border-blue-500",
+    showWeekNumbers: S = !1,
     yearRange: R = 12,
-    initialViewMode: z = "days",
+    initialViewMode: D = "days",
     closeOnSelect: y = !1,
     autoCloseRange: J = !0,
-    placeholder: N = "Seleccionar fecha",
+    placeholder: $ = "Seleccionar fecha",
     format: G = "dd/MM/yyyy",
     calendarsCount: X = 1,
-    renderHeader: I,
-    renderDay: Z
-  } = o, { state: $, selectedDate: q, selectedRange: A, inputRef: m, isPortalReady: b, actions: O } = U8(o), { handleRangeSelection: k } = C0(
+    renderHeader: B,
+    renderDay: k
+  } = o, { state: z, selectedDate: Y, selectedRange: A, inputRef: m, isPortalReady: b, actions: O } = U8(o), { handleRangeSelection: Z } = C0(
     A,
     O.setSelectedRange,
     c,
@@ -21685,31 +21714,31 @@ const i3 = E1(
       return "";
     const U = _.getDate().toString().padStart(2, "0"), H = (_.getMonth() + 1).toString().padStart(2, "0"), P = _.getFullYear();
     return G.replace("dd", U).replace("MM", H).replace("yyyy", P.toString());
-  }, F = (_) => {
+  }, E = (_) => {
     if (!_ || !_.start && !_.end) return "";
     const U = _.start && _.start instanceof Date && !isNaN(_.start.getTime()), H = _.end && _.end instanceof Date && !isNaN(_.end.getTime());
     return U && H ? `${T(_.start)} - ${T(_.end)}` : U ? T(_.start) : H ? T(_.end) : "";
-  }, Q = (_) => {
+  }, i1 = (_) => {
     if (!_ || !(_ instanceof Date) || isNaN(_.getTime())) {
       console.warn("DatePicker: Se recibió una fecha inválida:", _);
       return;
     }
-    r === "single" ? O.setSelectedDate(_) : k(_, $.hoverDate, O.closePicker);
-  }, r1 = (_) => {
+    r === "single" ? O.setSelectedDate(_) : Z(_, z.hoverDate, O.closePicker);
+  }, e1 = (_) => {
     if (_ !== null && (!(_ instanceof Date) || isNaN(_.getTime()))) {
       console.warn("DatePicker: Se recibió una fecha inválida en hover:", _);
       return;
     }
     O.setHoverDate(_);
-  }, d1 = () => r === "single" ? T(q) : F(A);
+  }, l1 = () => r === "single" ? T(Y) : E(A);
   return /* @__PURE__ */ u("div", { className: `relative ${C}`, children: [
     /* @__PURE__ */ i(
       i3,
       {
         ref: m,
-        value: d1(),
-        placeholder: N,
-        isOpen: $.isOpen,
+        value: l1(),
+        placeholder: $,
+        isOpen: z.isOpen,
         onInputClick: O.openPicker,
         className: w,
         format: G
@@ -21718,44 +21747,44 @@ const i3 = E1(
     /* @__PURE__ */ i(
       u3,
       {
-        isOpen: $.isOpen && b,
+        isOpen: z.isOpen && b,
         onClose: O.closePicker,
-        portalPosition: $.portalPosition,
-        currentDate: $.currentDate,
-        selectedDate: q,
+        portalPosition: z.portalPosition,
+        currentDate: z.currentDate,
+        selectedDate: Y,
         selectedRange: A,
-        onDateSelect: Q,
-        onDateHover: r1,
+        onDateSelect: i1,
+        onDateHover: e1,
         onViewModeChange: O.setViewMode,
         onNavigate: O.navigate,
         onMonthSelect: O.handleMonthSelect,
         onYearSelect: O.handleYearSelect,
         onGoToToday: O.goToToday,
-        viewMode: $.viewMode,
+        viewMode: z.viewMode,
         minDate: c,
         maxDate: d,
         locale: s,
         weekDays: L,
         monthNames: p,
         startOfWeek: l,
-        showWeekNumbers: D,
+        showWeekNumbers: S,
         yearRange: R,
-        hoverDate: $.hoverDate,
+        hoverDate: z.hoverDate,
         closeOnSelect: y,
         autoCloseRange: J,
         calendarsCount: X,
         mode: r,
-        renderHeader: I,
-        renderDay: Z
+        renderHeader: B,
+        renderDay: k
       }
     )
   ] });
 }, 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: Y("ui-text-2xl ui-font-bold", r), children: o })
+  t && /* @__PURE__ */ i(b1, { name: t, background: !0, color: "blue" }),
+  /* @__PURE__ */ i("h2", { className: q("ui-text-2xl ui-font-bold", r), children: o })
 ] }), g0 = (o, r = {}) => {
   const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = K(!1), [c, d] = K(!1);
-  return n1(() => {
+  return W(() => {
     if (o) {
       a(!0);
       const s = setTimeout(() => {
@@ -21770,14 +21799,14 @@ const i3 = E1(
   }, [o, t, n]), { isVisible: e, isAnimating: c };
 }, f0 = (o) => {
   const r = typeof window < "u";
-  n1(() => {
+  W(() => {
     if (r)
       return o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
         document.body.style.overflow = "";
       };
   }, [o, r]);
 }, W1 = (o, r, t = !1) => {
-  n1(() => {
+  W(() => {
     if (!o || t) return;
     const n = (e) => {
       e.key === "Escape" && r();
@@ -21785,7 +21814,7 @@ const i3 = E1(
     return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
   }, [o, r, t]);
 }, M0 = (o, r, t = !1) => {
-  n1(() => {
+  W(() => {
     if (!o || t || !r.current) return;
     const n = [
       "button",
@@ -21802,7 +21831,7 @@ const i3 = E1(
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
   }, [o, t, r]);
 }, l3 = (o, r) => {
-  n1(() => {
+  W(() => {
     o && r.current && requestAnimationFrame(() => {
       var t;
       (t = r.current) == null || t.focus();
@@ -21810,14 +21839,14 @@ const i3 = E1(
   }, [o, r]);
 }, m0 = () => {
   const o = typeof window < "u", [r] = K(() => o ? document.createElement("div") : null);
-  return n1(() => {
+  return W(() => {
     if (!(!r || !o))
       return document.body.appendChild(r), () => {
         document.body.contains(r) && document.body.removeChild(r);
       };
   }, [r, o]), r;
 }, d3 = (o, r, t, n = !1) => {
-  n1(() => {
+  W(() => {
     if (!o || n) return;
     const e = (a) => {
       var s;
@@ -21839,12 +21868,12 @@ const i3 = E1(
   excludeSelectors: d = [],
   onOutsideClick: s
 }) => {
-  n1(() => {
+  W(() => {
     if (!o || r || !c) return;
     const L = (l) => {
       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, f = d.some((v) => C.closest(v));
-      w || g || M || x || f || s();
+      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), f = 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 || f || x || M || s();
     }, p = (l) => {
       l.detail.id === e && s();
     };
@@ -21883,19 +21912,19 @@ const i3 = E1(
   successButtonText: w = "Guardar",
   onCancel: g = () => {
   },
-  onSuccess: M = () => {
+  onSuccess: f = () => {
   },
   showCancelButton: x = !0,
-  showSuccessButton: f = !0,
+  showSuccessButton: M = !0,
   closeAtSuccess: j = !1,
   closeAtCancel: h = !0
 }) => {
-  const v = m0(), { isVisible: V, isAnimating: B } = g0(o), D = t1(null);
-  f0(o), W1(o, r, d), M0(o, D, !s);
+  const v = m0(), { isVisible: V, isAnimating: I } = g0(o), S = t1(null);
+  f0(o), W1(o, r, d), M0(o, S, !s);
   const R = () => {
     g && g(), h && r();
-  }, z = () => {
-    M && M(), j && r();
+  }, D = () => {
+    f && f(), j && r();
   };
   if (!v || !V) return null;
   const y = /* @__PURE__ */ u(
@@ -21909,7 +21938,7 @@ const i3 = E1(
         /* @__PURE__ */ i(
           "div",
           {
-            className: Y(
+            className: q(
               "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"
             )
@@ -21918,34 +21947,34 @@ const i3 = E1(
         /* @__PURE__ */ i(
           "div",
           {
-            ref: D,
+            ref: S,
             tabIndex: -1,
             onClick: (J) => J.stopPropagation(),
-            className: Y(
+            className: q(
               "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" ? B ? "translateX(0)" : "translateX(100%)" : B ? "translateX(0)" : "translateX(-100%)"
+              transform: L === "right" ? I ? "translateX(0)" : "translateX(80%)" : I ? "translateX(0)" : "translateX(-100%)"
             },
-            children: /* @__PURE__ */ u(h1, { rounded: !1, padding: !1, gap: !1, className: Y(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 }),
+            children: /* @__PURE__ */ u(g1, { rounded: !1, padding: !1, gap: !1, className: q(p), children: [
+              /* @__PURE__ */ i(g1.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(g1.Separator, { padding: !1 }),
               /* @__PURE__ */ i(
-                h1.Body,
+                g1.Body,
                 {
                   fullHeight: !0,
-                  className: Y("ui-p-4", l ? "ui-overflow-y-auto" : ""),
+                  className: q("ui-p-4", l ? "ui-overflow-y-auto" : ""),
                   scrollable: l,
                   children: e
                 }
               ),
-              (x || f) && /* @__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: [
-                  x && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "outlined", color: "white", onClick: R, children: C }),
-                  f && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "button", onClick: z, children: w })
+              (x || M) && /* @__PURE__ */ u(k1, { children: [
+                /* @__PURE__ */ i(g1.Separator, { padding: !1 }),
+                /* @__PURE__ */ u(g1.Footer, { className: "ui-flex ui-items-center ui-justify-end ui-gap-x-4 ui-p-4", children: [
+                  x && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "outlined", color: "white", tooltip: "Cancelar", onClick: R, children: C }),
+                  M && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "button", onClick: D, children: w })
                 ] })
               ] })
             ] })
@@ -21955,7 +21984,7 @@ const i3 = E1(
     }
   );
   return d0.createPortal(y, v);
-}, s5 = ({ className: o }) => /* @__PURE__ */ i("div", { className: Y("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", o) }), x0 = ({
+}, s5 = ({ className: o }) => /* @__PURE__ */ i("div", { className: q("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", o) }), x0 = ({
   children: o,
   icon: r,
   onClick: t,
@@ -22012,7 +22041,7 @@ const i3 = E1(
         l(!1);
       },
       children: [
-        r && /* @__PURE__ */ i(m1, { slot: r, colorIcon: w, size: "2xl", defaultSizeIcon: !1 }),
+        r && /* @__PURE__ */ i(x1, { slot: r, colorIcon: w, size: "2xl", defaultSizeIcon: !1 }),
         o
       ]
     }
@@ -22080,7 +22109,7 @@ const i3 = E1(
             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"
           }
         ) }),
-        r && /* @__PURE__ */ i(m1, { slot: r, colorIcon: C, size: "2xl", defaultSizeIcon: !1 }),
+        r && /* @__PURE__ */ i(x1, { slot: r, colorIcon: C, size: "2xl", defaultSizeIcon: !1 }),
         o
       ]
     }
@@ -22099,7 +22128,7 @@ const i3 = E1(
 }) => o.length === 0 && !d ? null : /* @__PURE__ */ i(
   "ul",
   {
-    className: Y(
+    className: q(
       "ui-m-0 ui-flex ui-min-w-max ui-list-none ui-flex-col ui-p-0 ui-py-2",
       c
     ),
@@ -22153,170 +22182,170 @@ const i3 = E1(
   absolute: w = !1,
   onOpenChange: g
 }) => {
-  const M = l0(), x = L || `dropdown-${M}`, [f, j] = K(!1), [h, v] = K(!1), [V, B] = K(""), [D, R] = K("bottom"), [z, y] = K({}), J = t1(null), N = t1(null), G = t1(null), X = S(
+  const f = l0(), x = L || `dropdown-${f}`, [M, j] = K(!1), [h, v] = K(!1), [V, I] = K(""), [S, R] = K("bottom"), [D, y] = K({}), J = t1(null), $ = t1(null), G = t1(null), X = N(
     (H) => H == null ? [] : Array.isArray(H) ? H : [H],
     []
-  ), I = S(
+  ), B = N(
     (H) => H == null || H === "" ? "" : Array.isArray(H) ? H[0] || "" : H,
     []
-  ), [Z, $] = K(() => l ? X(r) : I(r)), q = o !== void 0, A = q ? o : Z, m = S(
+  ), [k, z] = K(() => l ? X(r) : B(r)), Y = o !== void 0, A = Y ? o : k, m = N(
     (H) => {
-      q || $(H), a == null || a(H);
+      Y || z(H), a == null || a(H);
     },
-    [q, a]
+    [Y, a]
   );
-  n1(() => {
-    if (q && o !== void 0)
+  W(() => {
+    if (Y && o !== void 0)
       if (l) {
         const H = X(o);
-        $((P) => JSON.stringify(P) !== JSON.stringify(H) ? H : P);
+        z((P) => JSON.stringify(P) !== JSON.stringify(H) ? H : P);
       } else {
-        const H = I(o);
-        $((P) => P !== H ? H : P);
+        const H = B(o);
+        z((P) => P !== H ? H : P);
       }
-  }, [o, q, l, X, I]);
+  }, [o, Y, l, X, B]);
   const b = l ? t.filter((H) => X(A).includes(H[n])) : [
     t.find((H) => A === "" || A === null || A === void 0 ? !1 : H[e] === -1 ? A === -1 || A === "-1" : H[n] === A)
   ].filter(Boolean), O = t.filter((H) => {
     const P = d ? H[n].toLowerCase().includes(V.toLowerCase()) : !0;
     if (l) {
-      const i1 = X(A).includes(H[n]);
-      return P && !i1;
+      const o1 = X(A).includes(H[n]);
+      return P && !o1;
     }
     return H[e] === -1 && (A === -1 || A === "-1") ? !1 : P;
-  }), k = S(() => {
-    var i1, e1;
-    const H = (i1 = G.current) == null ? void 0 : i1.querySelector("input");
-    return H || ((e1 = G.current) == null ? void 0 : e1.querySelector(
+  }), Z = N(() => {
+    var o1, n1;
+    const H = (o1 = G.current) == null ? void 0 : o1.querySelector("input");
+    return H || ((n1 = G.current) == null ? void 0 : n1.querySelector(
       '[data-dropdown-input="true"]'
     ));
-  }, []), T = S(() => {
-    const H = k();
+  }, []), T = N(() => {
+    const H = Z();
     H && requestAnimationFrame(() => {
       var $1;
-      const P = H.getBoundingClientRect(), i1 = window.innerHeight;
-      let e1 = 0;
-      N.current && (e1 = N.current.offsetHeight), e1 === 0 && (e1 = Math.min(200, O.length * 40));
-      const p1 = i1 - P.bottom, l1 = P.top, u1 = p1 < e1 && l1 > p1 ? "top" : "bottom";
-      R(u1);
-      let s1 = 0, O1 = 0, x1 = P.width;
+      const P = H.getBoundingClientRect(), o1 = window.innerHeight;
+      let n1 = 0;
+      $.current && (n1 = $.current.offsetHeight), n1 === 0 && (n1 = Math.min(200, O.length * 40));
+      const p1 = o1 - P.bottom, s1 = P.top, d1 = p1 < n1 && s1 > p1 ? "top" : "bottom";
+      R(d1);
+      let u1 = 0, m1 = 0, S1 = P.width;
       if (!w)
-        u1 === "bottom" ? s1 = P.bottom + 4 : s1 = P.top - e1 - 4, O1 = P.left;
+        d1 === "bottom" ? u1 = P.bottom + 4 : u1 = P.top - n1 - 4, m1 = P.left;
       else {
-        const L1 = ($1 = G.current) == null ? void 0 : $1.getBoundingClientRect();
-        if (!L1) return;
-        const S1 = P.top - L1.top, y1 = P.left - L1.left;
-        u1 === "bottom" ? s1 = S1 + P.height + 4 : s1 = S1 - e1 - 4, O1 = y1;
+        const w1 = ($1 = G.current) == null ? void 0 : $1.getBoundingClientRect();
+        if (!w1) return;
+        const B1 = P.top - w1.top, O1 = P.left - w1.left;
+        d1 === "bottom" ? u1 = B1 + P.height + 4 : u1 = B1 - n1 - 4, m1 = O1;
       }
-      const f1 = 1100, b1 = parseInt(x.replace(/\D/g, "")) || 0, B1 = f1 + b1 % 100, _1 = {
+      const M1 = 1100, L1 = parseInt(x.replace(/\D/g, "")) || 0, I1 = M1 + L1 % 100, _1 = {
         position: w ? "absolute" : "fixed",
-        top: `${s1}px`,
-        left: `${O1}px`,
-        width: `${x1}px`,
-        zIndex: B1
+        top: `${u1}px`,
+        left: `${m1}px`,
+        width: `${S1}px`,
+        zIndex: I1
       };
       y(_1);
     });
-  }, [k, O.length, x, w]), F = S(() => {
-    if (!N.current || !b.length)
+  }, [Z, O.length, x, w]), E = N(() => {
+    if (!$.current || !b.length)
       return;
-    const P = N.current.querySelector(".ui-overflow-y-auto");
+    const P = $.current.querySelector(".ui-overflow-y-auto");
     if (!P)
       return;
-    const i1 = b[0];
-    if (!i1) return;
-    const e1 = P.querySelector(
-      `[data-option-value="${i1[n]}"]`
+    const o1 = b[0];
+    if (!o1) return;
+    const n1 = P.querySelector(
+      `[data-option-value="${o1[n]}"]`
     );
-    if (!e1)
+    if (!n1)
       return;
-    const p1 = P.clientHeight, l1 = e1.offsetTop, u1 = e1.clientHeight, s1 = l1 - p1 / 2 + u1 / 2;
+    const p1 = P.clientHeight, s1 = n1.offsetTop, d1 = n1.clientHeight, u1 = s1 - p1 / 2 + d1 / 2;
     P.scrollTo({
-      top: Math.max(0, s1),
+      top: Math.max(0, u1),
       behavior: "smooth"
     });
-  }, [b, n]), Q = (H) => {
-    H && H.stopPropagation(), !p && (f ? r1() : (c3(x), B(""), v(!1), T(), setTimeout(() => {
+  }, [b, n]), i1 = (H) => {
+    H && H.stopPropagation(), !p && (M ? e1() : (c3(x), I(""), v(!1), T(), setTimeout(() => {
       j(!0), G1.add(x), setTimeout(() => {
         T(), setTimeout(() => {
-          F();
+          E();
         }, 50);
       }, 50);
     }, 50)));
-  }, r1 = () => {
+  }, e1 = () => {
     v(!0), setTimeout(() => {
       j(!1), v(!1), G1.delete(x);
     }, 150);
-  }, d1 = (H, P) => {
+  }, l1 = (H, P) => {
     if (P.stopPropagation(), !H.disabled) {
       if (l) {
-        const i1 = X(A), e1 = H[n];
-        if (C && i1.length >= C && !i1.includes(e1))
+        const o1 = X(A), n1 = H[n];
+        if (C && o1.length >= C && !o1.includes(n1))
           return;
-        const p1 = i1.includes(e1) ? i1.filter((l1) => l1 !== e1) : [...i1, e1];
+        const p1 = o1.includes(n1) ? o1.filter((s1) => s1 !== n1) : [...o1, n1];
         m(p1);
       } else {
-        const i1 = H[e] === -1 ? -1 : H[n];
-        m(i1), B(""), r1();
+        const o1 = H[e] === -1 ? -1 : H[n];
+        m(o1), I(""), e1();
       }
       c == null || c(H);
     }
   }, _ = (H) => {
-    B(H.target.value);
+    I(H.target.value);
   }, U = (H) => {
-    H.stopPropagation(), m(l ? [] : ""), B("");
+    H.stopPropagation(), m(l ? [] : ""), I("");
   };
-  return n1(() => {
-    g == null || g(f);
-  }, [f, g]), v0({
-    isActive: f && !h,
+  return W(() => {
+    g == null || g(M);
+  }, [M, g]), v0({
+    isActive: M && !h,
     // Solo activar cuando esté abierto y no cerrando
     disabled: p,
-    elementRef: N,
+    elementRef: $,
     containerRef: G,
     elementId: x,
     elementType: "dropdown",
     closeOnClickOutside: s,
     onOutsideClick: () => {
-      r1();
+      e1();
     }
-  }), n1(() => {
-    if (f) {
+  }), W(() => {
+    if (M) {
       const H = () => {
         T();
       }, P = () => {
-        f && !h && T();
+        M && !h && T();
       };
       return window.addEventListener("resize", H), window.addEventListener("scroll", P, !1), document.addEventListener("scroll", P, !1), () => {
         window.removeEventListener("resize", H), window.removeEventListener("scroll", P, !1), document.removeEventListener("scroll", P, !1);
       };
     }
-  }, [f, T, h]), {
+  }, [M, T, h]), {
     // Estado
-    isOpen: f,
+    isOpen: M,
     isClosing: h,
     searchValue: V,
     selectedValue: A,
     selectedOptions: b,
     filteredOptions: O,
-    position: D,
-    dropdownStyle: z,
-    isControlled: q,
+    position: S,
+    dropdownStyle: D,
+    isControlled: Y,
     multiple: l,
     // Referencias
     inputRef: J,
-    dropdownRef: N,
+    dropdownRef: $,
     containerRef: G,
     dropdownUniqueId: x,
     // Funciones
-    toggleDropdown: Q,
-    closeDropdown: r1,
-    handleOptionSelect: d1,
+    toggleDropdown: i1,
+    closeDropdown: e1,
+    handleOptionSelect: l1,
     handleSearchChange: _,
     handleClear: U,
     calculatePosition: T,
     setValue: m,
-    scrollToSelectedOption: F,
+    scrollToSelectedOption: E,
     normalizeToArray: X
   };
 }, j0 = ({
@@ -22331,7 +22360,7 @@ const i3 = E1(
   color: s,
   ...L
 }) => /* @__PURE__ */ i(
-  o1,
+  r1,
   {
     slotRight: o ? "X2Outlined" : void 0,
     rounded: c,
@@ -22342,7 +22371,7 @@ const i3 = E1(
     onClickRightSlot: o || void 0,
     size: t,
     defaultSizeIcon: !1,
-    className: Y("ui:h-fit", r),
+    className: q("ui:h-fit", r),
     classNameId: "imj-ui-tag",
     ...L,
     clickable: !1,
@@ -22364,22 +22393,22 @@ const i3 = E1(
   rightSlot: C,
   valueName: w
 }) => {
-  const [g, M] = K(!1), [x, f] = K(null), j = t1(null);
-  return n1(() => {
+  const [g, f] = K(!1), [x, M] = K(null), j = t1(null);
+  return W(() => {
     if (!j.current || t.length === 0) {
-      M(!1), f(null);
+      f(!1), M(null);
       return;
     }
     const v = setTimeout(() => {
       const V = j.current;
       if (V) {
-        const B = V.scrollHeight, D = V.clientHeight;
+        const I = V.scrollHeight, S = V.clientHeight;
         if (x === null) {
-          f(D);
+          M(S);
           return;
         }
-        const R = B > x;
-        M(R);
+        const R = I > x;
+        f(R);
       }
     }, 100);
     return () => clearTimeout(v);
@@ -22456,206 +22485,206 @@ const i3 = E1(
     value: C,
     defaultValue: w = "",
     disabled: g = !1,
-    placeholder: M = "",
+    placeholder: f = "",
     options: x = [],
-    valueName: f = "label",
+    valueName: M = "label",
     idName: j = "id",
     onValueChange: h,
     onOptionSelect: v,
     onCheckboxChange: V,
-    searchable: B = !1,
-    maxHeight: D = "200px",
+    searchable: I = !1,
+    maxHeight: S = "200px",
     closeOnClickOutside: R = !0,
-    dropdownId: z,
+    dropdownId: D,
     multiple: y = !1,
     maxSelectedItems: J,
-    selectedItemsDisplay: N = "tags",
+    selectedItemsDisplay: $ = "tags",
     absolute: G = !1,
     footer: X = !1,
-    defaultOptionSelected: I = !1,
-    withCheckbox: Z = !1,
-    ...$
-  }, q) => {
-    const A = t1(null), [m, b] = K(c), [O, k] = K(null), [T, F] = K(!1), d1 = y ? x : !y && I ? [
+    defaultOptionSelected: B = !1,
+    withCheckbox: k = !1,
+    ...z
+  }, Y) => {
+    const A = t1(null), [m, b] = K(c), [O, Z] = K(null), [T, E] = K(!1), l1 = y ? x : !y && B ? [
       {
         ...{
-          label: M || "Selecciona una opción",
+          label: f || "Selecciona una opción",
           value: -1,
           disabled: !1
         },
         [j]: -1,
         value: -1,
-        label: M || "Selecciona una opción"
+        label: f || "Selecciona una opción"
       },
-      ...x.filter((E) => E[j] !== -1)
-    ] : x, _ = C !== void 0 ? C : I && !y ? -1 : w, {
+      ...x.filter((F) => F[j] !== -1)
+    ] : x, _ = C !== void 0 ? C : B && !y ? -1 : w, {
       // Estado
       isOpen: U,
       isClosing: H,
       searchValue: P,
-      selectedValue: i1,
-      selectedOptions: e1,
+      selectedValue: o1,
+      selectedOptions: n1,
       filteredOptions: p1,
-      dropdownStyle: l1,
-      isControlled: u1,
+      dropdownStyle: s1,
+      isControlled: d1,
       // Referencias
-      inputRef: s1,
-      dropdownRef: O1,
-      containerRef: x1,
-      dropdownUniqueId: f1,
+      inputRef: u1,
+      dropdownRef: m1,
+      containerRef: S1,
+      dropdownUniqueId: M1,
       // Funciones
-      toggleDropdown: b1,
-      closeDropdown: B1,
+      toggleDropdown: L1,
+      closeDropdown: I1,
       handleOptionSelect: i0,
       handleSearchChange: _1,
       handleClear: $1,
-      calculatePosition: L1,
-      scrollToSelectedOption: S1,
-      setValue: y1,
+      calculatePosition: w1,
+      scrollToSelectedOption: B1,
+      setValue: O1,
       normalizeToArray: y0
     } = p3({
       value: C,
       defaultValue: _,
-      options: d1,
-      valueName: f,
+      options: l1,
+      valueName: M,
       idName: j,
       onValueChange: h,
       onOptionSelect: v,
-      searchable: B,
+      searchable: I,
       closeOnClickOutside: R,
-      dropdownId: z,
+      dropdownId: D,
       disabled: g,
       multiple: y,
       maxSelectedItems: J,
       absolute: G,
-      onOpenChange: (E) => {
-        E && setTimeout(() => {
-          F(!1);
+      onOpenChange: (F) => {
+        F && setTimeout(() => {
+          E(!1);
         }, 200);
       }
     });
-    n1(() => {
-      if (u1 && C !== void 0)
+    W(() => {
+      if (d1 && C !== void 0)
         if (C === "" || C === -1 || C === "-1")
-          b((E) => E !== c ? c : E), k((E) => E !== null ? null : E);
+          b((F) => F !== c ? c : F), Z((F) => F !== null ? null : F);
         else {
-          const E = d1.find(
-            (a1) => a1[f] === C || a1[j] === C
+          const F = l1.find(
+            (a1) => a1[M] === C || a1[j] === C
           );
-          if (E) {
-            const a1 = E.icon || c, j1 = E.iconColor || null;
-            b((W) => W !== a1 ? a1 : W), k((W) => W !== j1 ? j1 : W);
+          if (F) {
+            const a1 = F.icon || c, j1 = F.iconColor || null;
+            b((Q) => Q !== a1 ? a1 : Q), Z((Q) => Q !== j1 ? j1 : Q);
           }
         }
-    }, [C, u1, d1, f, j, c]), Q1(
-      q,
+    }, [C, d1, l1, M, j, c]), Q1(
+      Y,
       () => ({
-        getValue: () => i1,
-        setValue: (E) => {
-          u1 || y1(E), h == null || h(E);
+        getValue: () => o1,
+        setValue: (F) => {
+          d1 || O1(F), h == null || h(F);
         },
         focus: () => {
-          var E, a1;
-          y && N === "tags" ? (E = A.current) == null || E.focus() : (a1 = s1.current) == null || a1.focus();
+          var F, a1;
+          y && $ === "tags" ? (F = A.current) == null || F.focus() : (a1 = u1.current) == null || a1.focus();
         },
         blur: () => {
-          var E, a1;
-          y && N === "tags" ? (E = A.current) == null || E.blur() : (a1 = s1.current) == null || a1.blur();
+          var F, a1;
+          y && $ === "tags" ? (F = A.current) == null || F.blur() : (a1 = u1.current) == null || a1.blur();
         },
         clear: () => {
-          u1 || y1(y ? [] : ""), h == null || h(y ? [] : "");
+          d1 || O1(y ? [] : ""), h == null || h(y ? [] : "");
         },
         open: () => {
-          g || (L1(), setTimeout(() => {
-            b1();
+          g || (w1(), setTimeout(() => {
+            L1();
           }, 50));
         },
         close: () => {
-          B1();
+          I1();
         }
       }),
       [
-        i1,
-        u1,
+        o1,
+        d1,
         g,
-        L1,
+        w1,
         h,
-        B1,
+        I1,
         y,
-        y1,
-        b1,
-        N
-      ]
-    ), n1(() => {
-      if (U && e1.length > 0) {
-        const E = setTimeout(() => {
-          S1();
+        O1,
+        L1,
+        $
+      ]
+    ), W(() => {
+      if (U && n1.length > 0) {
+        const F = setTimeout(() => {
+          B1();
         }, 150);
-        return () => clearTimeout(E);
+        return () => clearTimeout(F);
       }
-    }, [U, e1, S1]), n1(() => {
-      if (U && y && N === "tags") {
-        const E = A.current;
-        if (!E) return;
+    }, [U, n1, B1]), W(() => {
+      if (U && y && $ === "tags") {
+        const F = A.current;
+        if (!F) return;
         const a1 = new ResizeObserver(() => {
           setTimeout(() => {
-            L1();
+            w1();
           }, 50);
         });
-        return a1.observe(E), () => {
+        return a1.observe(F), () => {
           a1.disconnect();
         };
       }
-    }, [U, y, N, L1]), n1(() => {
-      if (U && y && N === "tags") {
-        const E = setTimeout(() => {
-          L1();
+    }, [U, y, $, w1]), W(() => {
+      if (U && y && $ === "tags") {
+        const F = setTimeout(() => {
+          w1();
         }, 100);
-        return () => clearTimeout(E);
+        return () => clearTimeout(F);
       }
-    }, [e1, U, y, N, L1]);
-    const o0 = (E) => {
+    }, [n1, U, y, $, w1]);
+    const o0 = (F) => {
       if (y) {
-        const j1 = y0(i1).filter((W) => W !== E);
-        y1(j1);
+        const j1 = y0(o1).filter((Q) => Q !== F);
+        O1(j1);
       }
     }, Z0 = () => {
       if (y) {
-        if (e1.length === 0) return "";
-        switch (N) {
+        if (n1.length === 0) return "";
+        switch ($) {
           case "count":
-            return `${e1.length} elemento${e1.length > 1 ? "s" : ""} seleccionado${e1.length > 1 ? "s" : ""}`;
+            return `${n1.length} elemento${n1.length > 1 ? "s" : ""} seleccionado${n1.length > 1 ? "s" : ""}`;
           case "text":
-            return e1.map((E) => E == null ? void 0 : E[f]).filter(Boolean).join(", ");
+            return n1.map((F) => F == null ? void 0 : F[M]).filter(Boolean).join(", ");
           case "tags":
           default:
             return "";
         }
       } else {
-        const E = e1[0];
-        return E ? E[j] === -1 || E[f] === -1 || E[f] === "-1" ? M : E[f] || "" : "";
+        const F = n1[0];
+        return F ? F[j] === -1 || F[M] === -1 || F[M] === "-1" ? f : F[M] || "" : "";
       }
     }, k0 = () => {
-      if (!U || !l1.top) return null;
-      const E = H ? "animate-dropdown-exit" : "animate-dropdown-enter", a1 = (W, P1) => {
-        i0(W, P1), W.icon && b(W.icon), W.iconColor && k(W.iconColor);
+      if (!U || !s1.top) return null;
+      const F = H ? "animate-dropdown-exit" : "animate-dropdown-enter", a1 = (Q, P1) => {
+        i0(Q, P1), Q.icon && b(Q.icon), Q.iconColor && Z(Q.iconColor);
       }, j1 = /* @__PURE__ */ u(
         "div",
         {
-          ref: O1,
-          id: f1,
-          "data-dropdown-id": f1,
+          ref: m1,
+          id: M1,
+          "data-dropdown-id": M1,
           style: {
-            position: l1.position,
-            top: l1.top,
-            left: l1.left,
-            width: l1.width,
-            zIndex: l1.zIndex
+            position: s1.position,
+            top: s1.top,
+            left: s1.left,
+            width: s1.width,
+            zIndex: s1.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 ${E}`,
-          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 ${F}`,
+          onClick: (Q) => Q.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { children: B && /* @__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: P,
@@ -22667,42 +22696,42 @@ const i3 = E1(
                 size: "sm"
               }
             ) }) }),
-            B && /* @__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 = y ? e1.some(
-                (Z1) => Z1 && Z1[f] === W[f]
-              ) : W[j] === -1 && (i1 === -1 || i1 === "-1") || W[f] === i1;
-              return Z ? /* @__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 = y ? n1.some(
+                (y1) => y1 && y1[M] === Q[M]
+              ) : Q[j] === -1 && (o1 === -1 || o1 === "-1") || Q[M] === o1;
+              return k ? /* @__PURE__ */ i(
                 b0,
                 {
-                  disabled: W.disabled,
+                  disabled: Q.disabled,
                   current: P1 ? "blue" : !1,
-                  "data-option-value": W[f],
-                  icon: W.icon,
-                  iconColor: W.iconColor,
+                  "data-option-value": Q[M],
+                  icon: Q.icon,
+                  iconColor: Q.iconColor,
                   checkboxProps: {
-                    checked: W.checked || !1,
-                    onChange: (Z1) => V == null ? void 0 : V(W, Z1),
-                    disabled: W.disabled
+                    checked: Q.checked || !1,
+                    onChange: (y1) => V == null ? void 0 : V(Q, y1),
+                    disabled: Q.disabled
                   },
-                  children: W[f]
+                  children: Q[M]
                 },
-                W[j] || W[f]
+                Q[j] || Q[M]
               ) : /* @__PURE__ */ i(
                 x0,
                 {
-                  onClick: (Z1) => a1(W, Z1),
-                  disabled: W.disabled,
+                  onClick: (y1) => a1(Q, y1),
+                  disabled: Q.disabled,
                   current: P1 ? "blue" : !1,
-                  "data-option-value": W[f],
-                  icon: W.icon,
-                  iconColor: W.iconColor,
-                  children: W[f]
+                  "data-option-value": Q[M],
+                  icon: Q.icon,
+                  iconColor: Q.iconColor,
+                  children: Q[M]
                 },
-                W[j] || W[f]
+                Q[j] || Q[M]
               );
             }) : P ? /* @__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__ */ i("div", { children: /* @__PURE__ */ i(b1, { name: "SearchOutlined", size: "5xl", color: "neutral" }) }),
               /* @__PURE__ */ u("p", { className: "ui-font-semibold ui-text-neutral-800", children: [
                 L,
                 ' "',
@@ -22711,7 +22740,7 @@ const i3 = E1(
               ] }),
               /* @__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: [
+            X && /* @__PURE__ */ u(k1, { 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(
@@ -22726,47 +22755,47 @@ const i3 = E1(
                     children: "Limpiar"
                   }
                 ),
-                /* @__PURE__ */ i(H1, { color: "blue", size: "sm", fullWidth: !0, onClick: () => B1(), children: "OK" })
+                /* @__PURE__ */ i(H1, { color: "blue", size: "sm", fullWidth: !0, onClick: () => I1(), children: "OK" })
               ] })
             ] })
           ]
         }
       );
-      return G ? j1 : k1(j1, document.body);
+      return G ? j1 : Z1(j1, document.body);
     };
-    return n1(() => {
+    return W(() => {
       c && b(c);
     }, [c]), /* @__PURE__ */ u(
       "div",
       {
-        ref: x1,
+        ref: S1,
         className: "ui-relative ui-w-full",
-        "data-dropdown-container-id": f1,
+        "data-dropdown-container-id": M1,
         children: [
-          y && N === "tags" ? /* @__PURE__ */ i(
+          y && $ === "tags" ? /* @__PURE__ */ i(
             C3,
             {
               label: r,
-              placeholder: M,
-              selectedOptions: e1,
+              placeholder: f,
+              selectedOptions: n1,
               handleRemoveSelected: o0,
-              toggleDropdown: b1,
+              toggleDropdown: L1,
               isOpen: U,
               isOpening: T,
-              setIsOpening: F,
+              setIsOpening: E,
               customInputRef: A,
               disabled: g,
               error: t,
               helperText: n || "",
               rightSlot: d,
-              valueName: f
+              valueName: M
             }
           ) : (
             // Input normal para otros modos
             /* @__PURE__ */ i(
               T1,
               {
-                ref: s1,
+                ref: u1,
                 label: r,
                 error: t,
                 helperText: n,
@@ -22778,27 +22807,27 @@ const i3 = E1(
                 fullWidth: !0,
                 caret: l,
                 disabled: g,
-                placeholder: M,
+                placeholder: f,
                 value: Z0(),
                 readOnly: !0,
-                onClick: (E) => b1(E),
-                onClickExtraSlot: () => b1(),
+                onClick: (F) => L1(F),
+                onClickExtraSlot: () => L1(),
                 extraSlot: U ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
                 name: o,
                 autosize: !0,
-                ...$
+                ...z
               }
             )
           ),
-          y && 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(
+          y && $ !== "tags" && n1.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: n1.map((F) => F ? /* @__PURE__ */ i(
             j0,
             {
-              label: E[f],
+              label: F[M],
               color: "blue",
               size: "sm",
-              onClick: () => o0(E[f])
+              onClick: () => o0(F[M])
             },
-            E[f]
+            F[M]
           ) : null) }),
           k0()
         ]
@@ -22811,7 +22840,7 @@ const L3 = {
   sm: "3xl",
   md: "4xl",
   lg: "5xl"
-}, p5 = ({ size: o = "md" }) => /* @__PURE__ */ i(v1, { name: "LogoFill", size: L3[o] }), w3 = ({
+}, p5 = ({ size: o = "md" }) => /* @__PURE__ */ i(b1, { name: "LogoFill", size: L3[o] }), w3 = ({
   isOpen: o,
   onClose: r,
   disableEscapeClose: t = !1,
@@ -22841,16 +22870,16 @@ const L3 = {
   closeAtCorner: C = !0,
   title: w,
   tabs: g,
-  defaultValueTab: M,
+  defaultValueTab: f,
   onChangeTab: x,
-  headerButtonIcon: f,
+  headerButtonIcon: M,
   headerButtonOnClick: j,
   footerButtonIcon: h,
   footerButtonOnClick: v,
   cancelButtonSlotLeft: V,
-  successButtonSlotRight: B
+  successButtonSlotRight: I
 }) => {
-  const D = {
+  const S = {
     onClose: r,
     showCloseButton: l,
     closeAtCorner: C,
@@ -22865,16 +22894,16 @@ const L3 = {
     title: w,
     icon: n,
     tabs: g,
-    defaultValueTab: M,
+    defaultValueTab: f,
     onChangeTab: x,
-    headerButtonIcon: f,
+    headerButtonIcon: M,
     headerButtonOnClick: j,
     footerButtonIcon: h,
     footerButtonOnClick: v,
     cancelButtonSlotLeft: V,
-    successButtonSlotRight: B
+    successButtonSlotRight: I
   };
-  return /* @__PURE__ */ i(H0.Provider, { value: D, children: o });
+  return /* @__PURE__ */ i(H0.Provider, { value: S, children: o });
 }, O0 = () => {
   const o = B0(H0);
   if (!o)
@@ -22908,8 +22937,8 @@ const L3 = {
   }), [d, s] = K(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: Y("ui-relative ui-flex ui-rounded-md ui-bg-neutral-50", p), children: o.map((C) => /* @__PURE__ */ i(
-    o1,
+  return /* @__PURE__ */ i("div", { className: q("ui-relative ui-flex ui-rounded-md ui-bg-neutral-50", p), children: o.map((C) => /* @__PURE__ */ i(
+    r1,
     {
       size: n,
       colorIcon: e,
@@ -22944,28 +22973,28 @@ const L3 = {
     defaultValueTab: C,
     onChangeTab: w,
     headerButtonIcon: g,
-    headerButtonOnClick: M
-  } = O0(), x = r ?? L, f = c ?? g, j = d ?? M, h = (n == null ? void 0 : n.length) > 0 ? n : l, v = (h == null ? void 0 : h.length) ?? !1, V = a ?? w, B = e ?? C, D = (R) => {
+    headerButtonOnClick: f
+  } = O0(), x = r ?? L, M = c ?? g, j = d ?? f, h = (n == null ? void 0 : n.length) > 0 ? n : l, v = (h == null ? void 0 : h.length) ?? !1, V = a ?? w, I = e ?? C, S = (R) => {
     V && V(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" }) }),
+    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(x1, { 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: [
       j && /* @__PURE__ */ i(
-        o1,
+        r1,
         {
           onClick: j,
           "aria-label": "Header button",
           variant: "outlined",
           rounded: !0,
           color: "white",
-          icon: f ?? "AlignJustifyOutlined",
+          icon: M ?? "AlignJustifyOutlined",
           size: "lg"
         }
       ),
       x && /* @__PURE__ */ i(
-        o1,
+        r1,
         {
           onClick: s,
           "aria-label": "Cerrar modal",
@@ -22981,17 +23010,17 @@ const L3 = {
       g3,
       {
         options: h ?? [],
-        defaultValue: B,
+        defaultValue: I,
         size: "sm",
         onChange: (R) => {
-          D(R);
+          S(R);
         }
       }
     ) }) : null
   ] });
 };
 R1.displayName = "Modal.Header";
-const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", { className: Y(r && "ui-p-4"), children: o }), n0 = ({
+const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", { className: q(r && "ui-p-4"), children: o }), n0 = ({
   children: o,
   footerButtonIcon: r,
   footerButtonOnClick: t,
@@ -23009,21 +23038,21 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     closeAtSuccess: C,
     closeAtCancel: w,
     footerButtonIcon: g,
-    footerButtonOnClick: M,
+    footerButtonOnClick: f,
     cancelButtonSlotLeft: x,
-    successButtonSlotRight: f
+    successButtonSlotRight: M
   } = O0(), j = () => {
     s && s(), w && a();
   }, h = () => {
     L && L(), C && a();
-  }, v = r ?? g, V = t ?? M;
+  }, v = r ?? g, V = t ?? f;
   return /* @__PURE__ */ u(
     "div",
     {
       className: `ui-flex ui-border-t ui-border-neutral-100 ui-p-4 ${V ? "ui-justify-between" : "ui-justify-end"} ui-items-center ui-gap-2`,
       children: [
         V && /* @__PURE__ */ i(
-          o1,
+          r1,
           {
             "aria-label": "Header button",
             variant: "outlined",
@@ -23036,7 +23065,7 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
         ),
         o || /* @__PURE__ */ u("div", { className: "ui-flex ui-gap-2", children: [
           p && /* @__PURE__ */ i(
-            o1,
+            r1,
             {
               slotLeft: n ?? x,
               color: "white",
@@ -23046,9 +23075,9 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
             }
           ),
           l && /* @__PURE__ */ i(
-            o1,
+            r1,
             {
-              slotLeft: e ?? f,
+              slotLeft: e ?? M,
               onClick: h,
               children: d
             }
@@ -23069,7 +23098,7 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   children: o,
   component: r,
   componentName: t
-}) => g1.Children.toArray(o).some((n) => g1.isValidElement(n) ? n.type === r || n.type.displayName === t || n.type.name === t ? !0 : n.type === g1.Fragment || n.props.children ? e0({ children: n.props.children, component: r, componentName: t }) : !1 : !1), x3 = ({
+}) => f1.Children.toArray(o).some((n) => f1.isValidElement(n) ? n.type === r || n.type.displayName === t || n.type.name === t ? !0 : n.type === f1.Fragment || n.props.children ? e0({ children: n.props.children, component: r, componentName: t }) : !1 : !1), x3 = ({
   isOpen: o,
   onClose: r,
   icon: t,
@@ -23085,29 +23114,29 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   onCancel: C,
   onSuccess: w,
   title: g,
-  showCancelButton: M,
+  showCancelButton: f,
   showSuccessButton: x,
-  closeAtSuccess: f,
+  closeAtSuccess: M,
   closeAtCancel: j,
   tabs: h,
   defaultValueTab: v,
   onChangeTab: V,
-  headerButtonIcon: B,
-  headerButtonOnClick: D,
+  headerButtonIcon: I,
+  headerButtonOnClick: S,
   footerButtonIcon: R,
-  footerButtonOnClick: z,
+  footerButtonOnClick: D,
   cancelButtonSlotLeft: y,
   successButtonSlotRight: J
 }) => {
-  const { isVisible: N, animateIn: G, container: X, modalRef: I } = w3({
+  const { isVisible: $, animateIn: G, container: X, modalRef: B } = w3({
     isOpen: o,
     onClose: r,
     disableEscapeClose: c,
     disableOutsideTab: d,
     disableOutsideClick: s
   });
-  if (!X || !o && !N) return null;
-  const Z = m3(e), $ = v3(e), q = /* @__PURE__ */ u(
+  if (!X || !o && !$) return null;
+  const k = m3(e), z = v3(e), Y = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -23118,7 +23147,7 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
         /* @__PURE__ */ i(
           "div",
           {
-            className: Y(
+            className: q(
               "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"
             ),
@@ -23128,9 +23157,9 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
         /* @__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: I,
+            ref: B,
             tabIndex: -1,
-            className: Y(
+            className: q(
               "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"
@@ -23147,25 +23176,25 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 successButtonText: l,
                 onCancel: C,
                 onSuccess: w,
-                showCancelButton: M,
+                showCancelButton: f,
                 showSuccessButton: x,
-                closeAtSuccess: f,
+                closeAtSuccess: M,
                 closeAtCancel: j,
                 title: g,
                 icon: t,
-                headerButtonIcon: B,
-                headerButtonOnClick: D,
+                headerButtonIcon: I,
+                headerButtonOnClick: S,
                 footerButtonIcon: R,
-                footerButtonOnClick: z,
+                footerButtonOnClick: D,
                 tabs: h,
                 defaultValueTab: v,
                 onChangeTab: V,
                 cancelButtonSlotLeft: y,
                 successButtonSlotRight: J,
                 children: [
-                  !Z && (a || g ? /* @__PURE__ */ i(R1, { title: g }) : null),
+                  !k && (a || g ? /* @__PURE__ */ i(R1, { title: g }) : null),
                   e && e,
-                  !$ && /* @__PURE__ */ i(n0, {})
+                  !z && /* @__PURE__ */ i(n0, {})
                 ]
               }
             )
@@ -23174,7 +23203,7 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ]
     }
   );
-  return d0.createPortal(q, X);
+  return d0.createPortal(Y, X);
 }, C5 = Object.assign(x3, {
   Header: R1,
   Body: f3,
@@ -23197,100 +23226,100 @@ 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] = K(!1), [w, g] = K({}), [M, x] = K(!1), f = t1(null), j = t1(null), h = t1(null), v = S(() => {
-    const D = f.current, R = j.current;
-    if (!D || !R) return;
-    const z = D.getBoundingClientRect(), y = R.getBoundingClientRect();
+  const L = l0(), p = e || `popup-${L}`, [l, C] = K(!1), [w, g] = K({}), [f, x] = K(!1), M = t1(null), j = t1(null), h = t1(null), v = N(() => {
+    const S = M.current, R = j.current;
+    if (!S || !R) return;
+    const D = S.getBoundingClientRect(), y = R.getBoundingClientRect();
     if (y.width === 0 || y.height === 0)
       return;
-    let J = 0, N = 0;
+    let J = 0, $ = 0;
     if (s) {
-      const $ = D.offsetTop, q = D.offsetLeft, A = D.offsetWidth, m = D.offsetHeight;
+      const z = S.offsetTop, Y = S.offsetLeft, A = S.offsetWidth, m = S.offsetHeight;
       switch (o) {
         case "top":
-          J = $ - y.height - r, N = q + (A - y.width) / 2;
+          J = z - y.height - r, $ = Y + (A - y.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          J = $ + m + r, N = q + (A - y.width) / 2;
+          J = z + m + r, $ = Y + (A - y.width) / 2;
           break;
         case "bottom-left":
-          J = $ + m + r, N = q;
+          J = z + m + r, $ = Y;
           break;
         case "bottom-right":
-          J = $ + m + r, N = q + A - y.width;
+          J = z + m + r, $ = Y + A - y.width;
           break;
         case "left":
-          J = $, N = q - y.width - r;
+          J = z, $ = Y - y.width - r;
           break;
         case "right":
-          J = $, N = q + A + r;
+          J = z, $ = Y + A + r;
           break;
       }
     } else {
-      const $ = window.innerWidth, q = window.innerHeight, A = z.top, m = z.left, b = z.width, O = z.height;
+      const z = window.innerWidth, Y = window.innerHeight, A = D.top, m = D.left, b = D.width, O = D.height;
       switch (o) {
         case "top":
-          J = A - y.height - r, N = m + (b - y.width) / 2;
+          J = A - y.height - r, $ = m + (b - y.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          J = A + O + r, N = m + (b - y.width) / 2;
+          J = A + O + r, $ = m + (b - y.width) / 2;
           break;
         case "bottom-left":
-          J = A + O + r, N = m;
+          J = A + O + r, $ = m;
           break;
         case "bottom-right":
-          J = A + O + r, N = m + b - y.width;
+          J = A + O + r, $ = m + b - y.width;
           break;
         case "left":
-          J = A, N = m - y.width - r;
+          J = A, $ = m - y.width - r;
           break;
         case "right":
-          J = A, N = m + b + r;
+          J = A, $ = m + b + r;
           break;
       }
-      N < 0 && (N = 0), N + y.width > $ && (N = $ - y.width), J < 0 && (J = 0), J + y.height > q && (J = q - y.height), o === "bottom-right" && y.width > z.width && (N = z.right - y.width, N < 0 && (N = 0));
+      $ < 0 && ($ = 0), $ + y.width > z && ($ = z - y.width), J < 0 && (J = 0), J + y.height > Y && (J = Y - y.height), o === "bottom-right" && y.width > D.width && ($ = D.right - y.width, $ < 0 && ($ = 0));
     }
-    const G = 1e3, X = parseInt(p.replace(/\D/g, "")) || 0, I = G + X % 100, Z = {
+    const G = 1e3, X = parseInt(p.replace(/\D/g, "")) || 0, B = G + X % 100, k = {
       position: s ? "absolute" : "fixed",
       top: `${J}px`,
-      left: `${N}px`,
-      zIndex: I
+      left: `${$}px`,
+      zIndex: B
     };
-    g(Z), x(!0);
-  }, [o, r, p, s]), V = (D) => {
-    D && D.stopPropagation(), !d && (l ? B() : (b3(p), g({}), x(!1), C(!0), X1.add(p), a == null || a()));
-  }, B = () => {
+    g(k), x(!0);
+  }, [o, r, p, s]), V = (S) => {
+    S && S.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(() => {
+  return W(() => {
     if (l) {
-      const D = () => {
+      const S = () => {
         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);
+          const D = R.getBoundingClientRect();
+          D.width > 0 && D.height > 0 && D.width !== 0 && D.height !== 0 ? v() : setTimeout(() => {
+            requestAnimationFrame(S);
           }, 10);
         }
       };
       setTimeout(() => {
-        requestAnimationFrame(D);
+        requestAnimationFrame(S);
       }, 0);
     }
-  }, [l, v]), n1(() => {
-    if (!l || !M || s) return;
-    let D = !1;
+  }, [l, v]), W(() => {
+    if (!l || !f || s) return;
+    let S = !1;
     const R = () => {
-      D || (requestAnimationFrame(() => {
-        v(), D = !1;
-      }), D = !0);
+      S || (requestAnimationFrame(() => {
+        v(), S = !1;
+      }), S = !0);
     };
     return window.addEventListener("scroll", R, { passive: !0 }), window.addEventListener("resize", R, { passive: !0 }), () => {
       window.removeEventListener("scroll", R), window.removeEventListener("resize", R);
     };
-  }, [l, M, s, v]), v0({
+  }, [l, f, s, v]), v0({
     isActive: l,
     disabled: d,
     elementRef: j,
@@ -23298,17 +23327,17 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: t,
-    onOutsideClick: B
-  }), W1(l, B, !n), {
+    onOutsideClick: I
+  }), W1(l, I, !n), {
     isOpen: l,
     popupStyle: w,
-    isPositioned: M,
-    triggerRef: f,
+    isPositioned: f,
+    triggerRef: M,
     popupRef: j,
     containerRef: h,
     popupUniqueId: p,
     togglePopup: V,
-    closePopup: B
+    closePopup: I
   };
 }, V3 = (o) => ({
   sm: "ui-rounded-sm",
@@ -23334,35 +23363,35 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     color: C = "white",
     size: w = "md",
     textColor: g = "inherit",
-    rounded: M = !1,
+    rounded: f = !1,
     slotLeft: x,
-    borderRadius: f = "sm",
+    borderRadius: M = "sm",
     slotRight: j,
     icon: h,
     colorIcon: v,
     tooltip: V,
-    tooltipPosition: B,
-    tooltipAlignment: D,
+    tooltipPosition: I,
+    tooltipAlignment: S,
     tooltipColor: R,
-    tooltipDelay: z,
+    tooltipDelay: D,
     absolute: y = !1,
     closeOnClick: J = !0,
-    buttonClassName: N,
+    buttonClassName: $,
     containerClassName: G,
     buttonTransition: X = !0,
-    buttonStyle: I,
-    ...Z
-  }, $) => {
+    buttonStyle: B,
+    ...k
+  }, z) => {
     const {
-      isOpen: q,
+      isOpen: Y,
       popupStyle: A,
       isPositioned: m,
       triggerRef: b,
       popupRef: O,
-      containerRef: k,
+      containerRef: Z,
       popupUniqueId: T,
-      togglePopup: F,
-      closePopup: Q
+      togglePopup: E,
+      closePopup: i1
     } = j3({
       position: t,
       offset: n,
@@ -23375,22 +23404,22 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       absolute: y
     });
     Q1(
-      $,
+      z,
       () => ({
         open: () => {
-          p || F();
+          p || E();
         },
         close: () => {
-          Q();
+          i1();
         },
-        isOpen: () => q
+        isOpen: () => Y
       }),
-      [p, F, Q, q]
+      [p, E, i1, Y]
     );
-    const r1 = () => {
-      if (!q)
+    const e1 = () => {
+      if (!Y)
         return null;
-      const d1 = {
+      const l1 = {
         position: y ? "absolute" : "fixed",
         top: y ? "auto" : "-9999px",
         left: y ? "auto" : "-9999px",
@@ -23398,56 +23427,56 @@ const f3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
         opacity: m ? 1 : 0,
         transition: "opacity 0.1s ease-out",
         ...A
-      }, _ = V3(f), U = /* @__PURE__ */ i(
+      }, _ = V3(M), U = /* @__PURE__ */ i(
         "div",
         {
           ref: O,
           id: T,
           "data-popup-id": T,
-          style: d1,
+          style: l1,
           className: `ui-border ui-border-neutral-100 ui-bg-white ${_} ui-overflow-hidden ui-shadow-lg ${d}`,
           onClick: () => {
-            J && Q();
+            J && i1();
           },
-          ...Z,
+          ...k,
           children: o
         }
       );
-      return y ? U : k1(U, document.body);
+      return y ? U : Z1(U, document.body);
     };
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: k,
-        className: Y("ui-relative ui-h-max"),
+        ref: Z,
+        className: q("ui-relative ui-h-max"),
         "data-popup-container-id": T,
         children: [
-          /* @__PURE__ */ i("div", { ref: b, className: Y("ui-w-fit", G), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { ref: b, className: q("ui-w-fit", G), children: /* @__PURE__ */ i(
             H1,
             {
-              className: N,
-              onClick: F,
+              className: $,
+              onClick: E,
               disabled: p,
               variant: l,
               color: C,
               size: w,
-              rounded: M,
+              rounded: f,
               icon: h,
               slotLeft: x,
               slotRight: j,
               colorIcon: v,
               textColor: g,
               tooltip: V,
-              tooltipPosition: B,
-              tooltipAlignment: D,
+              tooltipPosition: I,
+              tooltipAlignment: S,
               tooltipColor: R,
-              tooltipDelay: z,
+              tooltipDelay: D,
               transition: X,
-              style: I,
+              style: B,
               children: r || ""
             }
           ) }),
-          r1()
+          e1()
         ]
       }
     );
@@ -23476,20 +23505,20 @@ const O3 = [
   showVisiblePages: l = !1,
   showPagesSelector: C = !1
 }) => {
-  n1(() => {
+  W(() => {
     o > r && r > 0 && d(r);
   }, [o, r, d]);
   const w = (v) => {
     v >= 1 && v <= r && d(v);
-  }, [g, M] = K(t);
-  n1(() => {
-    M(t);
+  }, [g, f] = K(t);
+  W(() => {
+    f(t);
   }, [t]);
   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)), V = Math.min(v + p - 1, r);
-    return Array.from({ length: V - v + 1 }, (B, D) => v + D);
+    return Array.from({ length: V - v + 1 }, (I, S) => v + S);
   })(), h = (v) => {
-    M(v), s(v), w(1);
+    f(v), s(v), w(1);
   };
   return /* @__PURE__ */ i(
     "div",
@@ -23521,7 +23550,7 @@ const O3 = [
             "aria-label": "Navegación de páginas",
             children: [
               /* @__PURE__ */ i(
-                o1,
+                r1,
                 {
                   variant: "outlined",
                   size: "md",
@@ -23535,7 +23564,7 @@ const O3 = [
                 }
               ),
               /* @__PURE__ */ i(
-                o1,
+                r1,
                 {
                   variant: "outlined",
                   size: "md",
@@ -23549,7 +23578,7 @@ const O3 = [
                 }
               ),
               j.map((v) => /* @__PURE__ */ i(
-                o1,
+                r1,
                 {
                   square: !0,
                   rounded: !0,
@@ -23565,7 +23594,7 @@ const O3 = [
                 v
               )),
               /* @__PURE__ */ i(
-                o1,
+                r1,
                 {
                   variant: "outlined",
                   size: "md",
@@ -23579,7 +23608,7 @@ const O3 = [
                 }
               ),
               /* @__PURE__ */ i(
-                o1,
+                r1,
                 {
                   variant: "outlined",
                   size: "md",
@@ -23595,7 +23624,7 @@ const O3 = [
             ]
           }
         ) : /* @__PURE__ */ i("div", {}),
-        /* @__PURE__ */ i("div", { className: "ui-flex ui-w-fit ui-items-center ui-justify-center md:ui-justify-end", children: C && /* @__PURE__ */ u(I1, { children: [
+        /* @__PURE__ */ i("div", { className: "ui-flex ui-w-fit ui-items-center ui-justify-center md:ui-justify-end", children: C && /* @__PURE__ */ u(k1, { children: [
           /* @__PURE__ */ i(
             "label",
             {
@@ -23833,15 +23862,15 @@ const O3 = [
   name: a,
   id: c
 }) => {
-  const [d, s] = K(!1), [L, p] = K(!1), l = c || `radio-${Math.random().toString(36).substr(2, 9)}`, w = o !== void 0 ? o : r !== void 0 ? r : !1, g = S(() => t ? w ? "disabledChecked" : "disabledUnchecked" : d ? w ? "checkedActive" : "uncheckedActive" : L ? w ? "checkedHover" : "uncheckedHover" : w ? "checked" : "unchecked", [t, w, d, L]), M = S(() => {
+  const [d, s] = K(!1), [L, p] = K(!1), l = c || `radio-${Math.random().toString(36).substr(2, 9)}`, w = o !== void 0 ? o : r !== void 0 ? r : !1, g = N(() => t ? w ? "disabledChecked" : "disabledUnchecked" : d ? w ? "checkedActive" : "uncheckedActive" : L ? w ? "checkedHover" : "uncheckedHover" : w ? "checked" : "unchecked", [t, w, d, L]), f = N(() => {
     t || s(!0);
-  }, [t]), x = S(() => {
+  }, [t]), x = N(() => {
     s(!1);
-  }, []), f = S(() => {
+  }, []), M = N(() => {
     t || p(!0);
-  }, [t]), j = S(() => {
+  }, [t]), j = N(() => {
     p(!1), s(!1);
-  }, []), h = S(
+  }, []), h = N(
     (v) => {
       t || (v.preventDefault(), n && n({
         target: {
@@ -23860,9 +23889,9 @@ const O3 = [
     isActive: d,
     isHovered: L,
     handlers: {
-      handleMouseDown: M,
+      handleMouseDown: f,
       handleMouseUp: x,
-      handleMouseEnter: f,
+      handleMouseEnter: M,
       handleMouseLeave: j,
       handleClick: h
     }
@@ -23880,7 +23909,7 @@ const O3 = [
   defaultChecked: L,
   ...p
 }) => {
-  const l = d !== void 0, C = l ? d : L !== void 0 ? L : !1, { state: w, radioId: g, handlers: M } = I3({
+  const l = d !== void 0, C = l ? d : L !== void 0 ? L : !1, { state: w, radioId: g, handlers: f } = I3({
     checked: d,
     defaultChecked: L,
     disabled: n,
@@ -23889,7 +23918,7 @@ const O3 = [
     name: p.name,
     id: c
   });
-  return /* @__PURE__ */ u("div", { className: Y("ui-flex ui-items-center", e), children: [
+  return /* @__PURE__ */ u("div", { className: q("ui-flex ui-items-center", e), children: [
     /* @__PURE__ */ i(
       "input",
       {
@@ -23907,12 +23936,12 @@ const O3 = [
       "label",
       {
         htmlFor: g,
-        onClick: M.handleClick,
-        onMouseDown: M.handleMouseDown,
-        onMouseUp: M.handleMouseUp,
-        onMouseEnter: M.handleMouseEnter,
-        onMouseLeave: M.handleMouseLeave,
-        className: Y(
+        onClick: f.handleClick,
+        onMouseDown: f.handleMouseDown,
+        onMouseUp: f.handleMouseUp,
+        onMouseEnter: f.handleMouseEnter,
+        onMouseLeave: f.handleMouseLeave,
+        className: q(
           "ui-relative ui-inline-flex ui-cursor-pointer ui-items-center",
           n && "ui-cursor-not-allowed"
         ),
@@ -23928,7 +23957,7 @@ const O3 = [
               children: C && /* @__PURE__ */ i(
                 "div",
                 {
-                  className: Y("ui-absolute ui-rounded-full", "ui-bg-white"),
+                  className: q("ui-absolute ui-rounded-full", "ui-bg-white"),
                   style: {
                     zIndex: 1,
                     width: r === "sm" ? "4px" : r === "md" ? "6px" : "8px",
@@ -23938,7 +23967,7 @@ const O3 = [
               )
             }
           ),
-          o && /* @__PURE__ */ i("span", { className: Y(k3({ size: r, disabled: n }), a), children: o })
+          o && /* @__PURE__ */ i("span", { className: q(k3({ size: r, disabled: n }), a), children: o })
         ]
       }
     )
@@ -23948,7 +23977,7 @@ const O3 = [
   onChange: r,
   options: t
 }) => {
-  const [n, e] = K(o), a = o !== void 0 ? o : n, c = S(
+  const [n, e] = K(o), a = o !== void 0 ? o : n, c = N(
     (d) => {
       r ? r(d) : e(d);
     },
@@ -23979,7 +24008,7 @@ const O3 = [
   return /* @__PURE__ */ i(
     "div",
     {
-      className: Y(
+      className: q(
         "ui-flex ui-gap-3",
         c === "horizontal" ? "ui-flex-row" : "ui-flex-col",
         d
@@ -24095,7 +24124,7 @@ const O3 = [
   classNameNumber: e = ""
 }) => {
   const a = "ui-min-w-[38px] ui-min-h-[38px] ui-max-w-[38px] ui-max-h-[38px] ui-rounded-full ui-flex ui-items-center ui-justify-center ui-border-3";
-  return r === "completed" ? /* @__PURE__ */ i("div", { className: `${a} ${t.primary} ${n}`, children: /* @__PURE__ */ i(v1, { name: "Check2Outlined", size: "3xl", color: "white" }) }) : r === "active" ? /* @__PURE__ */ i("div", { className: `${a} ui-bg-white ${t.secondary} ${n}`, children: /* @__PURE__ */ i(
+  return r === "completed" ? /* @__PURE__ */ i("div", { className: `${a} ${t.primary} ${n}`, children: /* @__PURE__ */ i(b1, { name: "Check2Outlined", size: "3xl", color: "white" }) }) : r === "active" ? /* @__PURE__ */ i("div", { className: `${a} ui-bg-white ${t.secondary} ${n}`, children: /* @__PURE__ */ i(
     "div",
     {
       className: `ui-h-[18px] ui-w-[18px] ui-rounded-full ${t.primary.split(" ")[0]}`
@@ -24202,22 +24231,22 @@ const O3 = [
   vertical: C = !1,
   stepClickable: w = !1
 }) => {
-  const { currentStep: g, getColorClasses: M, handleStepClick: x, getStepStatus: f } = $3({
+  const { currentStep: g, getColorClasses: f, handleStepClick: x, getStepStatus: M } = $3({
     steps: o,
     currentStep: s,
     onClickStep: L,
     onStepChange: p
-  }), j = M(r || "blue");
+  }), j = f(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, V) => {
-    const B = f(V), D = V === o.length - 1;
+    const I = M(V), S = V === o.length - 1;
     return /* @__PURE__ */ i(
       D3,
       {
         step: v,
         stepIndex: V,
-        status: B,
+        status: I,
         colorClasses: j,
-        isLast: D,
+        isLast: S,
         onStepClick: x,
         classNameStep: e,
         classNameStepLabel: a,
@@ -24241,7 +24270,7 @@ const O3 = [
   dark: N0
 }, D1 = (o) => {
   if (typeof o == "string") return o;
-  if (g1.isValidElement(o)) {
+  if (f1.isValidElement(o)) {
     const r = o, { type: t, props: n } = r;
     let e = typeof t == "string" ? t : t.name || "Component";
     const a = Object.entries(n).filter(([L]) => L !== "children").map(([L, p]) => {
@@ -24259,7 +24288,7 @@ const O3 = [
           return `${L}={undefined}`;
         if (typeof p == "object")
           try {
-            return p && typeof p == "object" && "$$typeof" in p && g1.isValidElement(p) ? `${L}={/* React Element */}` : `${L}={${JSON.stringify(p)}}`;
+            return p && typeof p == "object" && "$$typeof" in p && f1.isValidElement(p) ? `${L}={/* React Element */}` : `${L}={${JSON.stringify(p)}}`;
           } catch {
             return `${L}={/* objeto complejo */}`;
           }
@@ -24349,8 +24378,8 @@ const U3 = {
   progressBarColor: !1,
   animationDuration: 300
 };
-let w1 = { ...U3 };
-const Y1 = [];
+let h1 = { ...U3 };
+const q1 = [];
 let _3 = 0;
 const z1 = /* @__PURE__ */ new Map(), K1 = {
   show(o, r = "green", t = {}) {
@@ -24374,13 +24403,13 @@ const z1 = /* @__PURE__ */ new Map(), K1 = {
       onSecondaryClick: a.onSecondaryClick,
       showCloseButton: a.showCloseButton ?? !0,
       isLeaving: !1,
-      duration: a.duration ?? w1.duration,
-      position: a.position ?? w1.position,
-      variant: a.variant ?? w1.variant,
-      primaryButtonText: a.primaryButtonText ?? w1.primaryButtonText,
-      secondaryButtonText: a.secondaryButtonText ?? w1.secondaryButtonText
+      duration: a.duration ?? h1.duration,
+      position: a.position ?? h1.position,
+      variant: a.variant ?? h1.variant,
+      primaryButtonText: a.primaryButtonText ?? h1.primaryButtonText,
+      secondaryButtonText: a.secondaryButtonText ?? h1.secondaryButtonText
     };
-    return Y1.forEach((p) => p(L)), n;
+    return q1.forEach((p) => p(L)), n;
   },
   success(o, r) {
     return this.show(o, "green", r);
@@ -24398,29 +24427,29 @@ const z1 = /* @__PURE__ */ new Map(), K1 = {
     return this.show(o, "neutral", r);
   },
   dismiss(o) {
-    Y1.forEach(
+    q1.forEach(
       (r) => r({
         id: o,
         message: "",
         title: "",
         type: "green",
         duration: 0,
-        position: w1.position,
+        position: h1.position,
         showCloseButton: !0,
         isLeaving: !0,
-        variant: w1.variant
+        variant: h1.variant
       })
     );
   },
   configure(o) {
-    Object.assign(w1, o);
+    Object.assign(h1, o);
   },
   getListeners() {
-    return Y1;
+    return q1;
   }
-}, Y3 = () => {
+}, q3 = () => {
   const [o, r] = K([]), t = t1(/* @__PURE__ */ new Map()), n = t1(null);
-  return n1(() => {
+  return W(() => {
     const a = K1.getListeners();
     if (n.current) {
       const d = a.indexOf(n.current);
@@ -24432,13 +24461,13 @@ const z1 = /* @__PURE__ */ new Map(), K1 = {
           (s) => s.map((L) => L.id === d.id ? { ...L, isLeaving: !0 } : L)
         ), setTimeout(() => {
           r((s) => s.filter((L) => L.id !== d.id));
-        }, w1.animationDuration);
+        }, h1.animationDuration);
         return;
       }
       if (r((s) => {
         if (s.some((C) => C.id === d.id)) return s;
         const p = { ...d, isLeaving: !1 };
-        return [...s, p].slice(-w1.maxToasts);
+        return [...s, p].slice(-h1.maxToasts);
       }), d.duration && d.duration > 0) {
         const s = setTimeout(() => {
           K1.dismiss(d.id), t.current.delete(d.id);
@@ -24457,7 +24486,7 @@ const z1 = /* @__PURE__ */ new Map(), K1 = {
     }, {}),
     [o]
   ), toasts: o };
-}, q3 = () => ({
+}, Y3 = () => ({
   getPositionClasses: (r) => ({
     "top-left": "ui-fixed ui-top-5 ui-left-5",
     "top-center": "ui-fixed ui-top-5 ui-left-1/2 ui--translate-x-1/2",
@@ -24471,7 +24500,7 @@ const z1 = /* @__PURE__ */ new Map(), K1 = {
   })[r]
 }), J3 = ({ toastItem: o }) => {
   const [r, t] = K(!0);
-  n1(() => {
+  W(() => {
     o.isLeaving && setTimeout(() => {
       t(!1);
     }, 300);
@@ -24500,8 +24529,8 @@ const z1 = /* @__PURE__ */ new Map(), K1 = {
     }
   ) : null;
 }, G3 = ({ toasts: o }) => {
-  const { getPositionClasses: r } = q3();
-  return /* @__PURE__ */ i(I1, { children: Object.entries(o).map(([t, n]) => /* @__PURE__ */ i(
+  const { getPositionClasses: r } = Y3();
+  return /* @__PURE__ */ i(k1, { children: Object.entries(o).map(([t, n]) => /* @__PURE__ */ i(
     "div",
     {
       className: `${r(t)} ui-z-50 ui-max-w-[350px] ui-space-y-2`,
@@ -24510,8 +24539,8 @@ const z1 = /* @__PURE__ */ new Map(), K1 = {
     t
   )) });
 }, X3 = K1, g5 = () => {
-  const { toastsByPosition: o } = Y3();
-  return k1(/* @__PURE__ */ i(G3, { toasts: o }), document.body);
+  const { toastsByPosition: o } = q3();
+  return Z1(/* @__PURE__ */ i(G3, { toasts: o }), document.body);
 };
 export {
   t5 as Accordion,
@@ -24523,17 +24552,17 @@ export {
   r3 as CalendarContent,
   L0 as CalendarGrid,
   X8 as CalendarHeader,
-  h1 as Card,
+  g1 as Card,
   i3 as DateInput,
   l5 as DatePicker,
   u3 as DatePickerPortal,
-  Y8 as Day,
+  q8 as Day,
   d5 as Drawer,
   V0 as Dropdown,
   k8 as Emoji,
-  v1 as Icon,
+  b1 as Icon,
   Z8 as InnerAvatar,
-  o1 as InnerButton,
+  r1 as InnerButton,
   F8 as InnerProgressBar,
   T1 as Input,
   c5 as List,
@@ -24543,7 +24572,7 @@ export {
   p5 as Logo,
   C5 as Modal,
   h3 as ModalProvider,
-  q8 as Month,
+  Y8 as Month,
   w0 as MonthGrid,
   o3 as MultipleCalendarsHeader,
   A1 as NavigationButton,
@@ -24562,11 +24591,11 @@ export {
   j0 as Tag,
   g5 as Toaster,
   t0 as Tooltip,
-  m1 as Visual,
+  x1 as Visual,
   G8 as WeekDay,
   J8 as Year,
   h0 as YearGrid,
-  Y as cn,
+  q as cn,
   k3 as labelVariants,
   Z3 as radioButtonVariants,
   X3 as toast,