@imj_media/ui 1.0.57 → 1.0.58

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as u, Fragment as Z1 } from "react/jsx-runtime";
-import f1, { useState as Y, useRef as o1, useEffect as X, useCallback as P, useMemo as m1, useImperativeHandle as e0, forwardRef as U1, useId as i9, createContext as $9, useContext as P9 } from "react";
+import f1, { useState as Y, useRef as o1, useEffect as K, useCallback as P, useMemo as m1, useImperativeHandle as e0, forwardRef as U1, useId as i9, createContext as $9, useContext as P9 } from "react";
 import { clsx as T9 } from "clsx";
 import { twMerge as N9 } from "tailwind-merge";
 import { library as i0 } from "@fortawesome/fontawesome-svg-core";
-import { faUser as o0, faHome as r0, faBell as t0, faEdit as u0, faSave as a0, faDownload as l0, faSearch as d0, faTrash as s0, faEye as c0, faHeart as p0, faStar as C0, faPlus as L0, faMinus as h0, faCheck as w0, faTimes as g0, faArrowLeft as f0, faArrowRight as m0, faArrowUp as M0, faArrowDown as x0, faBars as b0, faCog as v0, faInfo as j0, faExclamationTriangle as V0, faExclamationCircle as H0, faCheckCircle as y0, faSpinner as O0, faSync as k0, faFilter as I0, faSort as Z0, faCalendar as B0, faClock as S0, faMapMarkerAlt as $0, faFolder as P0, faCircle as T0, faSquare as N0, faList as A0, faTasks as D0, faTools as F0, faShapes as E0, faPalette as z0, faTachometerAlt as R0, faDesktop as U0, faCircleCheck as _0 } from "@fortawesome/pro-regular-svg-icons";
-import { faUser as A9, faHome as D9, faBell as F9, faEdit as E9, faSave as z9, faDownload as R9, faSearch as U9, faTrash as _9, faEye as G9, faHeart as q9, faStar as Y9, faPlus as J9, faMinus as X9, faCheck as K9, faTimes as Q9, faArrowLeft as W9, faArrowRight as n2, faArrowUp as e2, faArrowDown as i2, faBars as o2, faCog as r2, faInfo as t2, faExclamationTriangle as u2, faExclamationCircle as a2, faCheckCircle as l2, faSpinner as d2, faSync as s2, faFilter as c2, faSort as p2, faCalendar as C2, faClock as L2, faMapMarkerAlt as h2, faFolder as w2, faCircle as g2, faSquare as f2, faList as m2, faTasks as M2, faTools as x2, faShapes as b2, faPalette as v2, faDashboard as j2, faDesktop as V2, faCircleCheck as H2 } from "@fortawesome/pro-solid-svg-icons";
+import { faUser as o0, faHome as r0, faBell as t0, faEdit as u0, faSave as a0, faDownload as l0, faSearch as d0, faTrash as s0, faEye as c0, faHeart as p0, faStar as C0, faPlus as L0, faMinus as h0, faCheck as w0, faTimes as g0, faArrowLeft as f0, faArrowRight as m0, faArrowUp as M0, faArrowDown as x0, faBars as b0, faCog as v0, faInfo as j0, faExclamationTriangle as V0, faExclamationCircle as H0, faCheckCircle as y0, faSpinner as O0, faSync as k0, faFilter as I0, faSort as Z0, faCalendar as B0, faClock as S0, faMapMarkerAlt as $0, faFolder as P0, faCircle as T0, faSquare as N0, faList as A0, faTasks as F0, faTools as D0, faShapes as z0, faPalette as E0, faTachometerAlt as R0, faDesktop as U0, faCircleCheck as _0 } from "@fortawesome/pro-regular-svg-icons";
+import { faUser as A9, faHome as F9, faBell as D9, faEdit as z9, faSave as E9, faDownload as R9, faSearch as U9, faTrash as _9, faEye as G9, faHeart as q9, faStar as Y9, faPlus as J9, faMinus as X9, faCheck as K9, faTimes as Q9, faArrowLeft as W9, faArrowRight as n2, faArrowUp as e2, faArrowDown as i2, faBars as o2, faCog as r2, faInfo as t2, faExclamationTriangle as u2, faExclamationCircle as a2, faCheckCircle as l2, faSpinner as d2, faSync as s2, faFilter as c2, faSort as p2, faCalendar as C2, faClock as L2, faMapMarkerAlt as h2, faFolder as w2, faCircle as g2, faSquare as f2, faList as m2, faTasks as M2, faTools as x2, faShapes as b2, faPalette as v2, faDashboard as j2, faDesktop as V2, faCircleCheck as H2 } from "@fortawesome/pro-solid-svg-icons";
 import { faFacebook as o9, faInstagram as r9, faTwitter as t9, faWhatsapp as X1, faLinkedin as u9, faYoutube as a9, faGithub as l9, faGoogle as d9, faApple as s9, faMicrosoft as c9 } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon as y2 } from "@fortawesome/react-fontawesome";
 import { cva as c1 } from "class-variance-authority";
@@ -52,10 +52,10 @@ i0.add(
   T0,
   N0,
   A0,
-  D0,
   F0,
-  E0,
+  D0,
   z0,
+  E0,
   // Reemplazar faColor con faPalette
   R0,
   U0,
@@ -65,10 +65,10 @@ i0.add(
 );
 i0.add(
   A9,
-  D9,
   F9,
-  E9,
+  D9,
   z9,
+  E9,
   R9,
   U9,
   _9,
@@ -120,7 +120,7 @@ i0.add(
   s9,
   c9
 );
-const D2 = {
+const F2 = {
   // Solo mapear iconos básicos que sabemos que existen en Font Awesome Pro
   OutlineUserIcon: o0,
   OutlineHomeIcon: r0,
@@ -158,14 +158,14 @@ const D2 = {
   OutlineCircleIcon: T0,
   OutlineSquareIcon: N0,
   OutlineListIcon: A0,
-  OutlineTasksIcon: D0,
-  OutlineToolsIcon: F0,
-  OutlineShapesIcon: E0,
-  OutlineColorIcon: z0,
+  OutlineTasksIcon: F0,
+  OutlineToolsIcon: D0,
+  OutlineShapesIcon: z0,
+  OutlineColorIcon: E0,
   OutlineDashboardIcon: R0,
   OutlineScreenIcon: U0,
   OutlineStatusIcon: _0
-}, F2 = {
+}, D2 = {
   // Iconos de marcas (Brands)
   FillFacebookIcon: o9,
   FillInstagramIcon: r9,
@@ -216,22 +216,22 @@ const D2 = {
   FillCircleIcon: T0,
   FillSquareIcon: N0,
   FillListIcon: A0,
-  FillTasksIcon: D0,
-  FillToolsIcon: F0,
-  FillShapesIcon: E0,
-  FillColorIcon: z0,
+  FillTasksIcon: F0,
+  FillToolsIcon: D0,
+  FillShapesIcon: z0,
+  FillColorIcon: E0,
   FillDashboardIcon: R0,
   FillScreenIcon: U0,
   FillStatusIcon: _0,
   // Iconos personalizados (mantener como null)
   FillLogoIcon: null
   // Mantener personalizado
-}, E2 = {
-  ...D2,
-  ...F2
+}, z2 = {
+  ...F2,
+  ...D2
 };
-function z2(o) {
-  const r = E2[o];
+function E2(o) {
+  const r = z2[o];
   return r ? o.startsWith("Fill") ? o.includes("Facebook") || o.includes("Instagram") || o.includes("Twitter") || o.includes("Whatsapp") || o.includes("Linkedin") || o.includes("Youtube") || o.includes("Github") || o.includes("Google") || o.includes("Apple") || o.includes("Microsoft") || o.includes("Telegram") ? {
     icon: r,
     variant: "brands",
@@ -3027,7 +3027,7 @@ function An({
     }
   );
 }
-function Dn({
+function Fn({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -3067,7 +3067,7 @@ function Dn({
     }
   );
 }
-function Fn({
+function Dn({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -3095,7 +3095,7 @@ function Fn({
     }
   );
 }
-function En({
+function zn({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -3135,7 +3135,7 @@ function En({
     }
   );
 }
-function zn({
+function En({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -6199,7 +6199,7 @@ function Ae({
     }
   );
 }
-function De({
+function Fe({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -6247,7 +6247,7 @@ function De({
     }
   );
 }
-function Fe({
+function De({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -6337,7 +6337,7 @@ function Fe({
     }
   );
 }
-function Ee({
+function ze({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -6368,7 +6368,7 @@ function Ee({
     }
   );
 }
-function ze({
+function Ee({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -9455,7 +9455,7 @@ function A4({
     }
   );
 }
-function D4({
+function F4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -9483,7 +9483,7 @@ function D4({
     }
   );
 }
-function F4({
+function D4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -9521,7 +9521,7 @@ function F4({
     }
   );
 }
-function E4({
+function z4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -9559,7 +9559,7 @@ function E4({
     }
   );
 }
-function z4({
+function E4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -12625,7 +12625,7 @@ function A8({
     }
   );
 }
-function D8({
+function F8({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -12685,7 +12685,7 @@ function D8({
     }
   );
 }
-function F8({
+function D8({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -12713,7 +12713,7 @@ function F8({
     }
   );
 }
-function E8({
+function z8({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -12771,7 +12771,7 @@ function E8({
     }
   );
 }
-function z8({
+function E8({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -15794,7 +15794,7 @@ function A3({
     }
   );
 }
-function D3({
+function F3({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -15890,7 +15890,7 @@ function D3({
     }
   );
 }
-function F3({
+function D3({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -15940,7 +15940,7 @@ function F3({
     }
   );
 }
-function E3({
+function z3({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -16020,7 +16020,7 @@ function E3({
     }
   );
 }
-function z3({
+function E3({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -17933,11 +17933,11 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   AngleDoubleRightOutlined: f3,
   AngleDoubleUpOutlined: u5,
   AngleDownOutlined: d5,
-  AngleLeftOutlined: Fn,
+  AngleLeftOutlined: Dn,
   AngleRightOutlined: K3,
   AngleUpOutlined: g5,
   ArchivarOutlined: O3,
-  AreaOutlined: D8,
+  AreaOutlined: F8,
   ArrowCircleDownOutlined: ae,
   ArrowCircleLeftOutlined: S3,
   ArrowCircleRightOutlined: d3,
@@ -17950,7 +17950,7 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ArrowRightOutlined: v3,
   ArrowUpLeftOutlined: q4,
   ArrowUpOutlined: r4,
-  ArrowUpRightOutlined: Dn,
+  ArrowUpRightOutlined: Fn,
   ArrowVerticalOutlined: l4,
   Backward1Outlined: Z4,
   Backward2Outlined: u4,
@@ -17982,7 +17982,7 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CheckOutlined: c8,
   ChevronCircleDownOutlined: Sn,
   ChevronCircleLeftOutlined: w5,
-  ChevronCircleRightOutlined: z4,
+  ChevronCircleRightOutlined: E4,
   ChevronCircleUpOutlined: Ze,
   ChevronDown1Outlined: w3,
   ChevronDownOutlined: X3,
@@ -17999,7 +17999,7 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CirclePlusOutlined: Q4,
   CircleXOutlined: C5,
   CityOutlined: n5,
-  ClockOutlined: En,
+  ClockOutlined: zn,
   CloneOutlined: R3,
   CoinOutlined: Pe,
   CoinsOutlined: i4,
@@ -18049,13 +18049,13 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Folder2Outlined: e8,
   FolderOutlined: H8,
   GanttOutlined: Tn,
-  GaugeOutlined: Fe,
+  GaugeOutlined: De,
   GearOutlined: N8,
   GestionOutlined: on,
   GlassOutlined: ke,
   GridOutlined: l3,
   GroupFilesOutlined: U4,
-  GroupOutlined: E8,
+  GroupOutlined: z8,
   HandOutlined: a3,
   HardOutlined: L4,
   HistoryOutlined: je,
@@ -18067,21 +18067,21 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ImjLogoOutlined: M5,
   ImplementacionOutlined: cn,
   IndoorOutlined: h5,
-  InfoCardOutlined: zn,
+  InfoCardOutlined: En,
   InfoCircleOutlined: f4,
   InfoOutlined: B8,
-  InstallOutlined: D3,
+  InstallOutlined: F3,
   InventarioOutlined: s5,
   JoyasOutlined: fn,
   KanbanOutlined: K2,
-  KeyOutlined: D4,
+  KeyOutlined: F4,
   LatitudeOutlined: e4,
   LegalFileOutlined: L5,
   LightbulbIndifferentOutlined: N3,
   LightbulbOutlined: m5,
   LightbulbSlashOutlined: e5,
   LikeOutlined: Q8,
-  LinkOutlined: E4,
+  LinkOutlined: z4,
   ListOutlined: i3,
   ListaCampanas1Outlined: m4,
   ListaCampanas2Outlined: Xe,
@@ -18098,7 +18098,7 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   MallOutlined: le,
   MapOutlined: c5,
   MaximizeOutlined: _n,
-  MediumOutlined: ze,
+  MediumOutlined: Ee,
   MinimizeOutlined: fe,
   Minus1Outlined: se,
   Minus2Outlined: Y2,
@@ -18118,8 +18118,8 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PauseOutlined: an,
   PautaInteligenteOutlined: Ge,
   PautaTradicionalOutlined: Ln,
-  PencilOutlined: F3,
-  PercentageOutlined: De,
+  PencilOutlined: D3,
+  PercentageOutlined: Fe,
   PerifoneoOutlined: y4,
   PerifoneoSlashOutlined: de,
   PermisionarioOutlined: Ke,
@@ -18128,7 +18128,7 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PlantillaOutlined: ce,
   PlayOutlined: Re,
   Plus1Outlined: Oe,
-  PlusOutlined: F8,
+  PlusOutlined: D8,
   PostventaOutlined: X2,
   PowerOutlined: M3,
   PreferenciasDeUbicacionOutlined: xn,
@@ -18154,10 +18154,10 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ScreenOutlined: $8,
   SearchCompanyOutlined: Ie,
   SearchMinusOutlined: n4,
-  SearchOutlined: Ee,
+  SearchOutlined: ze,
   SearchPlusOutlined: I8,
   SeguimientoOutlined: _8,
-  SelectOutlined: z3,
+  SelectOutlined: E3,
   SelectSlashOutlined: K4,
   ShapesOutlined: ue,
   ShareOutlined: An,
@@ -18172,7 +18172,7 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   SortAlphaUpOutlined: vn,
   SortAltOutlined: nn,
   SortAmountDownAltOutlined: n3,
-  SortAmountDownOutlined: E3,
+  SortAmountDownOutlined: z3,
   SortAmountUpAltOutlined: U3,
   SortAmountUpOutlined: me,
   SortDownOutlined: Me,
@@ -18198,11 +18198,11 @@ const K1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   TrashOutlined: we,
   TrashSlashOutlined: Kn,
   TreeDiagramOutlined: P8,
-  UbicacionesOutlined: F4,
+  UbicacionesOutlined: D4,
   UndoOutlined: Bn,
   UnlockOutlined: I3,
   UpdateOutlined: ie,
-  UploadOutlined: z8,
+  UploadOutlined: E8,
   UrbanosOutlined: q2,
   UserComercialOutlined: W8,
   UserEditOutlined: Xn,
@@ -18612,12 +18612,12 @@ function k5({
   let d = K1[p];
   if (d || (d = C9[p]), !d)
     return console.warn(`Icono legacy "${o}" no encontrado en ninguna variante`), null;
-  const L = d === K1[p] ? "outline" : "fill", w = G0[r], h = I1[t === "current" && L === "fill" ? "white" : t] || I1.blue, b = I1[n] || I1.black, v = /* @__PURE__ */ i(
+  const L = d === K1[p] ? "outline" : "fill", h = G0[r], f = I1[t === "current" && L === "fill" ? "white" : t] || I1.blue, g = I1[n] || I1.black, v = /* @__PURE__ */ i(
     d,
     {
-      width: w,
-      height: w,
-      ...L === "outline" ? { stroke: h, fill: "none" } : { fill: b, stroke: h },
+      width: h,
+      height: h,
+      ...L === "outline" ? { stroke: f, fill: "none" } : { fill: g, stroke: f },
       ...c,
       strokeWidth: l
     }
@@ -18637,7 +18637,7 @@ function k5({
         "hover:ui-bg-[rgba(0,0,0,0.15)] hover:ui-shadow-[0_4px_12px_rgba(0,0,0,0.15)]"
       ),
       style: {
-        "--tw-shadow-color": h
+        "--tw-shadow-color": f
       },
       children: v
     }
@@ -18664,7 +18664,7 @@ function v1({
   strokeWidth: l = 2,
   onClick: s
 }) {
-  const C = z2(o);
+  const C = E2(o);
   return C ? /* @__PURE__ */ i(
     _2,
     {
@@ -18761,27 +18761,27 @@ const I5 = ({
     a(!0), l(!1), s.current && clearTimeout(s.current);
   }, L = () => {
     l(!0), a(!1), s.current && clearTimeout(s.current);
-  }, w = (g) => {
+  }, h = (w) => {
     try {
-      return new URL(g), !0;
+      return new URL(w), !0;
     } catch {
       return !1;
     }
   };
-  return X(() => {
-    if (s.current && clearTimeout(s.current), !o || !w(o)) {
+  return K(() => {
+    if (s.current && clearTimeout(s.current), !o || !h(o)) {
       a(!0), l(!1);
       return;
     }
     a(!1), l(!1), s.current = setTimeout(() => {
       c || a(!0);
     }, 2e3);
-    const g = new Image();
-    return g.onload = () => {
+    const w = new Image();
+    return w.onload = () => {
       l(!0), a(!1), s.current && clearTimeout(s.current);
-    }, g.onerror = () => {
+    }, w.onerror = () => {
       a(!0), l(!1), s.current && clearTimeout(s.current);
-    }, g.src = o, () => {
+    }, w.src = o, () => {
       s.current && clearTimeout(s.current);
     };
   }, [o]), !o || e ? /* @__PURE__ */ i(
@@ -19140,97 +19140,97 @@ const I5 = ({
     }
   ) : null;
 }, S5 = (o = "top", r = "center", t = !1, n = 0, e = !1) => {
-  const [a, c] = Y(!1), [l, s] = Y({ top: 0, left: 0 }), [C, p] = Y({ width: 0, height: 0 }), [d, L] = Y(o), w = o1(null), g = o1(null), h = o1(null), b = o1(null), f = o1(null), v = o1(null), H = o1(null), j = o1({ top: 0, left: 0 }), V = o1({ count: 0, lastTime: 0 }), y = P(() => {
+  const [a, c] = Y(!1), [l, s] = Y({ top: 0, left: 0 }), [C, p] = Y({ width: 0, height: 0 }), [d, L] = Y(o), h = o1(null), w = o1(null), f = o1(null), g = o1(null), M = o1(null), v = o1(null), H = o1(null), j = o1({ top: 0, left: 0 }), V = o1({ count: 0, lastTime: 0 }), O = P(() => {
     c(!1), s({ top: 0, left: 0 }), L(o), H.current = null, V.current.count = 0, V.current.lastTime = 0, j.current = { top: 0, left: 0 };
-  }, [o]), B = P(() => {
-    if (!w.current || !a) return;
-    const x = w.current.getBoundingClientRect(), m = { top: x.top, left: x.left };
+  }, [o]), $ = P(() => {
+    if (!h.current || !a) return;
+    const b = h.current.getBoundingClientRect(), m = { top: b.top, left: b.left };
     if (H.current) {
-      const I = H.current, O = 2;
-      if (Math.abs(m.top - I.top) > O || Math.abs(m.left - I.left) > O) {
-        y();
+      const I = H.current, y = 2;
+      if (Math.abs(m.top - I.top) > y || Math.abs(m.left - I.left) > y) {
+        O();
         return;
       }
     }
     H.current = m;
-  }, [a, y]), R = P(() => {
-    var G, z, K, J, n1, A;
-    if (!w.current || !g.current) return;
-    const x = w.current.getBoundingClientRect(), m = g.current.getBoundingClientRect(), I = 8;
-    let O = 0, M = 0;
+  }, [a, O]), R = P(() => {
+    var G, E, X, J, n1, A;
+    if (!h.current || !w.current) return;
+    const b = h.current.getBoundingClientRect(), m = w.current.getBoundingClientRect(), I = 8;
+    let y = 0, x = 0;
     if (t) {
-      const S = (G = h.current) == null ? void 0 : G.getBoundingClientRect();
-      if (!S) return;
-      const k = x.top - S.top, F = x.left - S.left;
+      const B = (G = f.current) == null ? void 0 : G.getBoundingClientRect();
+      if (!B) return;
+      const k = b.top - B.top, D = b.left - B.left;
       switch (o) {
         case "top":
-          O = k - m.height - I, M = F + x.width / 2 - m.width / 2;
+          y = k - m.height - I, x = D + b.width / 2 - m.width / 2;
           break;
         case "bottom":
-          O = k + x.height + I, M = F + x.width / 2 - m.width / 2;
+          y = k + b.height + I, x = D + b.width / 2 - m.width / 2;
           break;
         case "left":
-          O = k + x.height / 2 - m.height / 2, M = F - m.width - I;
+          y = k + b.height / 2 - m.height / 2, x = D - m.width - I;
           break;
         case "right":
-          O = k + x.height / 2 - m.height / 2, M = F + x.width + I;
+          y = k + b.height / 2 - m.height / 2, x = D + b.width + I;
           break;
         case "top-left":
-          O = k - m.height - I, M = F;
+          y = k - m.height - I, x = D;
           break;
         case "top-right":
-          O = k - m.height - I, M = F + x.width - m.width;
+          y = k - m.height - I, x = D + b.width - m.width;
           break;
         case "bottom-left":
-          O = k + x.height + I, M = F;
+          y = k + b.height + I, x = D;
           break;
         case "bottom-right":
-          O = k + x.height + I, M = F + x.width - m.width;
+          y = k + b.height + I, x = D + b.width - m.width;
           break;
         case "right-top":
-          O = k, M = F + x.width + I;
+          y = k, x = D + b.width + I;
           break;
         case "right-bottom":
-          O = k + x.height - m.height, M = F + x.width + I;
+          y = k + b.height - m.height, x = D + b.width + I;
           break;
         case "left-top":
-          O = k, M = F - m.width - I;
+          y = k, x = D - m.width - I;
           break;
         case "left-bottom":
-          O = k + x.height - m.height, M = F - m.width - I;
+          y = k + b.height - m.height, x = D - m.width - I;
           break;
       }
-      O < 0 && (O = 0), M < 0 && (M = 0), (() => {
+      y < 0 && (y = 0), x < 0 && (x = 0), (() => {
         var q;
-        const t1 = (q = h.current) == null ? void 0 : q.getBoundingClientRect();
+        const t1 = (q = f.current) == null ? void 0 : q.getBoundingClientRect();
         if (!t1) return;
-        let l1 = o, D = !1;
+        let l1 = o, F = !1;
         if (!(() => {
           switch (o) {
             case "top":
               return k >= m.height + I;
             case "bottom":
-              return k + x.height + I + m.height <= t1.height;
+              return k + b.height + I + m.height <= t1.height;
             case "left":
-              return F >= m.width + I;
+              return D >= m.width + I;
             case "right":
-              return F + x.width + I + m.width <= t1.width;
+              return D + b.width + I + m.width <= t1.width;
             default:
               return !0;
           }
-        })() && (o === "top" ? k + x.height + I + m.height <= t1.height && (l1 = "bottom", D = !0) : o === "bottom" ? k >= m.height + I && (l1 = "top", D = !0) : o === "left" ? F + x.width + I + m.width <= t1.width && (l1 = "right", D = !0) : o === "right" && F >= m.width + I && (l1 = "left", D = !0), D)) {
+        })() && (o === "top" ? k + b.height + I + m.height <= t1.height && (l1 = "bottom", F = !0) : o === "bottom" ? k >= m.height + I && (l1 = "top", F = !0) : o === "left" ? D + b.width + I + m.width <= t1.width && (l1 = "right", F = !0) : o === "right" && D >= m.width + I && (l1 = "left", F = !0), F)) {
           switch (l1) {
             case "top":
-              O = k - m.height - I, M = F + x.width / 2 - m.width / 2;
+              y = k - m.height - I, x = D + b.width / 2 - m.width / 2;
               break;
             case "bottom":
-              O = k + x.height + I, M = F + x.width / 2 - m.width / 2;
+              y = k + b.height + I, x = D + b.width / 2 - m.width / 2;
               break;
             case "left":
-              O = k + x.height / 2 - m.height / 2, M = F - m.width - I;
+              y = k + b.height / 2 - m.height / 2, x = D - m.width - I;
               break;
             case "right":
-              O = k + x.height / 2 - m.height / 2, M = F + x.width + I;
+              y = k + b.height / 2 - m.height / 2, x = D + b.width + I;
               break;
           }
           L(l1);
@@ -19239,149 +19239,149 @@ const I5 = ({
     } else
       switch (o) {
         case "top":
-          O = x.top - m.height - I, M = x.left + x.width / 2 - m.width / 2;
+          y = b.top - m.height - I, x = b.left + b.width / 2 - m.width / 2;
           break;
         case "bottom":
-          O = x.bottom + I, M = x.left + x.width / 2 - m.width / 2;
+          y = b.bottom + I, x = b.left + b.width / 2 - m.width / 2;
           break;
         case "left":
-          O = x.top + x.height / 2 - m.height / 2, M = x.left - m.width - I;
+          y = b.top + b.height / 2 - m.height / 2, x = b.left - m.width - I;
           break;
         case "right":
-          O = x.top + x.height / 2 - m.height / 2, M = x.right + I;
+          y = b.top + b.height / 2 - m.height / 2, x = b.right + I;
           break;
         case "top-left":
-          O = x.top - m.height - I, M = x.left;
+          y = b.top - m.height - I, x = b.left;
           break;
         case "top-right":
-          O = x.top - m.height - I, M = x.right - m.width;
+          y = b.top - m.height - I, x = b.right - m.width;
           break;
         case "bottom-left":
-          O = x.bottom + I, M = x.left;
+          y = b.bottom + I, x = b.left;
           break;
         case "bottom-right":
-          O = x.bottom + I, M = x.right - m.width;
+          y = b.bottom + I, x = b.right - m.width;
           break;
         case "right-top":
-          O = x.top, M = x.right + I;
+          y = b.top, x = b.right + I;
           break;
         case "right-bottom":
-          O = x.bottom - m.height, M = x.right + I;
+          y = b.bottom - m.height, x = b.right + I;
           break;
         case "left-top":
-          O = x.top, M = x.left - m.width - I;
+          y = b.top, x = b.left - m.width - I;
           break;
         case "left-bottom":
-          O = x.bottom - m.height, M = x.left - m.width - I;
+          y = b.bottom - m.height, x = b.left - m.width - I;
           break;
       }
     if (o.includes("top") || o.includes("bottom"))
       switch (r) {
         case "start":
           if (t) {
-            const S = (z = h.current) == null ? void 0 : z.getBoundingClientRect();
-            S && (M = x.left - S.left);
+            const B = (E = f.current) == null ? void 0 : E.getBoundingClientRect();
+            B && (x = b.left - B.left);
           } else
-            M = x.left;
+            x = b.left;
           break;
         case "end":
           if (t) {
-            const S = (K = h.current) == null ? void 0 : K.getBoundingClientRect();
-            S && (M = x.right - S.left - m.width);
+            const B = (X = f.current) == null ? void 0 : X.getBoundingClientRect();
+            B && (x = b.right - B.left - m.width);
           } else
-            M = x.right - m.width;
+            x = b.right - m.width;
           break;
       }
     else if (o.includes("left") || o.includes("right"))
       switch (r) {
         case "start":
           if (t) {
-            const S = (J = h.current) == null ? void 0 : J.getBoundingClientRect();
-            S && (O = x.top - S.top);
+            const B = (J = f.current) == null ? void 0 : J.getBoundingClientRect();
+            B && (y = b.top - B.top);
           } else
-            O = x.top;
+            y = b.top;
           break;
         case "end":
           if (t) {
-            const S = (n1 = h.current) == null ? void 0 : n1.getBoundingClientRect();
-            S && (O = x.bottom - S.top - m.height);
+            const B = (n1 = f.current) == null ? void 0 : n1.getBoundingClientRect();
+            B && (y = b.bottom - B.top - m.height);
           } else
-            O = x.bottom - m.height;
+            y = b.bottom - m.height;
           break;
       }
     if (t) {
-      const S = (A = h.current) == null ? void 0 : A.getBoundingClientRect();
-      S && (M < 8 && (M = 8), M + m.width > S.width - 8 && (M = S.width - m.width - 8), O < 8 && (O = 8), O + m.height > S.height - 8 && (O = S.height - m.height - 8));
+      const B = (A = f.current) == null ? void 0 : A.getBoundingClientRect();
+      B && (x < 8 && (x = 8), x + m.width > B.width - 8 && (x = B.width - m.width - 8), y < 8 && (y = 8), y + m.height > B.height - 8 && (y = B.height - m.height - 8));
     } else {
-      const S = window.innerWidth, k = window.innerHeight, F = 8;
-      M < F && (M = F), M + m.width > S - F && (M = S - m.width - F), O < F && (O = F), O + m.height > k - F && (O = k - m.height - F);
+      const B = window.innerWidth, k = window.innerHeight, D = 8;
+      x < D && (x = D), x + m.width > B - D && (x = B - m.width - D), y < D && (y = D), y + m.height > k - D && (y = k - m.height - D);
     }
-    if (isNaN(O) || isNaN(M) || O < 0 || M < 0) {
-      y();
+    if (isNaN(y) || isNaN(x) || y < 0 || x < 0) {
+      O();
       return;
     }
     const Z = Date.now();
     if (Z - V.current.lastTime < 100) {
       if (V.current.count++, V.current.count > 5) {
-        y();
+        O();
         return;
       }
     } else
       V.current.count = 0;
-    V.current.lastTime = Z, j.current = { top: O, left: M }, s({ top: O, left: M });
-  }, [o, r, t, y]);
-  X(() => (a && g.current ? (requestAnimationFrame(() => {
-    if (R(), w.current) {
-      const x = w.current.getBoundingClientRect();
-      H.current = { top: x.top, left: x.left };
-    }
-  }), v.current = setInterval(B, 100)) : v.current && (clearInterval(v.current), v.current = null), () => {
+    V.current.lastTime = Z, j.current = { top: y, left: x }, s({ top: y, left: x });
+  }, [o, r, t, O]);
+  K(() => (a && w.current ? (requestAnimationFrame(() => {
+    if (R(), h.current) {
+      const b = h.current.getBoundingClientRect();
+      H.current = { top: b.top, left: b.left };
+    }
+  }), v.current = setInterval($, 100)) : v.current && (clearInterval(v.current), v.current = null), () => {
     v.current && (clearInterval(v.current), v.current = null);
-  }), [a, R, B]), X(() => {
-    if (w.current)
-      return f.current = new IntersectionObserver(
-        (x) => {
-          x.forEach((m) => {
-            !m.isIntersecting && a && y();
+  }), [a, R, $]), K(() => {
+    if (h.current)
+      return M.current = new IntersectionObserver(
+        (b) => {
+          b.forEach((m) => {
+            !m.isIntersecting && a && O();
           });
         },
         {
           threshold: 0,
           rootMargin: "8px"
         }
-      ), f.current.observe(w.current), () => {
-        f.current && f.current.disconnect();
+      ), M.current.observe(h.current), () => {
+        M.current && M.current.disconnect();
       };
-  }, [a, y]), X(() => {
+  }, [a, O]), K(() => {
     if (!a) return;
-    const x = () => {
-      t || y();
+    const b = () => {
+      t || O();
     }, m = () => {
-      y();
+      O();
     };
-    return window.addEventListener("scroll", x, !0), window.addEventListener("resize", m), () => {
-      window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", m);
+    return window.addEventListener("scroll", b, !0), window.addEventListener("resize", m), () => {
+      window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", m);
     };
-  }, [a, t, y]);
+  }, [a, t, O]);
   const N = P(() => {
-    e || (b.current && (clearTimeout(b.current), b.current = null), n > 0 ? b.current = setTimeout(() => {
+    e || (g.current && (clearTimeout(g.current), g.current = null), n > 0 ? g.current = setTimeout(() => {
       c(!0);
     }, n) : c(!0));
-  }, [e, n]), $ = P(() => {
-    b.current && (clearTimeout(b.current), b.current = null), c(!1), s({ top: 0, left: 0 });
+  }, [e, n]), S = P(() => {
+    g.current && (clearTimeout(g.current), g.current = null), c(!1), s({ top: 0, left: 0 });
   }, []);
-  return X(() => () => {
-    b.current && clearTimeout(b.current), v.current && clearInterval(v.current);
+  return K(() => () => {
+    g.current && clearTimeout(g.current), v.current && clearInterval(v.current);
   }, []), {
     isVisible: a,
     coords: l,
     tooltipDimensions: C,
     adjustedPosition: d,
-    triggerRef: w,
-    tooltipRef: g,
-    containerRef: h,
+    triggerRef: h,
+    tooltipRef: w,
+    containerRef: f,
     handleMouseEnter: N,
-    handleMouseLeave: $,
+    handleMouseLeave: S,
     calculatePosition: R
   };
 }, $5 = {
@@ -19591,23 +19591,23 @@ const I5 = ({
   style: p,
   arrowClassName: d,
   absolute: L = !1,
-  ...w
+  ...h
 }) => {
   const {
-    isVisible: g,
-    coords: h,
-    adjustedPosition: b,
-    triggerRef: f,
+    isVisible: w,
+    coords: f,
+    adjustedPosition: g,
+    triggerRef: M,
     tooltipRef: v,
     containerRef: H,
     handleMouseEnter: j,
     handleMouseLeave: V
-  } = S5(t, n, L, c, l), y = N5(e, L), B = P5(b, e);
+  } = S5(t, n, L, c, l), O = N5(e, L), $ = P5(g, e);
   return /* @__PURE__ */ u("div", { ref: H, className: L ? "ui-relative" : "", children: [
     /* @__PURE__ */ i(
       "div",
       {
-        ref: f,
+        ref: M,
         onMouseEnter: j,
         onMouseLeave: V,
         onFocus: j,
@@ -19616,28 +19616,28 @@ const I5 = ({
         children: o
       }
     ),
-    g && (L ? /* @__PURE__ */ u(
+    w && (L ? /* @__PURE__ */ u(
       "div",
       {
         ref: v,
         id: a,
         className: _(
-          y,
+          O,
           "imj-ui-tooltip ui-font-bold",
           s
         ),
         style: {
-          top: `${h.top}px`,
-          left: `${h.left}px`,
-          opacity: h.top === 0 && h.left === 0 ? 0 : 1,
+          top: `${f.top}px`,
+          left: `${f.left}px`,
+          opacity: f.top === 0 && f.left === 0 ? 0 : 1,
           ...p
         },
         role: "tooltip",
-        "aria-hidden": !g,
-        ...w,
+        "aria-hidden": !w,
+        ...h,
         children: [
           r,
-          /* @__PURE__ */ i("div", { className: _("tooltip-imj-ui-arrow", d), style: B })
+          /* @__PURE__ */ i("div", { className: _("tooltip-imj-ui-arrow", d), style: $ })
         ]
       }
     ) : P1(
@@ -19647,22 +19647,22 @@ const I5 = ({
           ref: v,
           id: a,
           className: _(
-            y,
+            O,
             "imj-ui-tooltip ui-font-bold",
             s
           ),
           style: {
-            top: `${h.top}px`,
-            left: `${h.left}px`,
-            opacity: h.top === 0 && h.left === 0 ? 0 : 1,
+            top: `${f.top}px`,
+            left: `${f.left}px`,
+            opacity: f.top === 0 && f.left === 0 ? 0 : 1,
             ...p
           },
           role: "tooltip",
-          "aria-hidden": !g,
-          ...w,
+          "aria-hidden": !w,
+          ...h,
           children: [
             r,
-            /* @__PURE__ */ i("div", { className: _("tooltip-imj-ui-arrow", d), style: B })
+            /* @__PURE__ */ i("div", { className: _("tooltip-imj-ui-arrow", d), style: $ })
           ]
         }
       ),
@@ -19783,44 +19783,44 @@ const I5 = ({
   rounded: p,
   children: d,
   textColor: L,
-  clickable: w = !0,
-  icon: g,
-  link: h,
-  size: b,
-  square: f = !1,
+  clickable: h = !0,
+  icon: w,
+  link: f,
+  size: g,
+  square: M = !1,
   target: v = "_self",
   onClickIcon: H,
   onClickLeftSlot: j,
   onClickRightSlot: V,
-  disabled: y,
-  colorIcon: B,
+  disabled: O,
+  colorIcon: $,
   showShadow: R = !1,
   borderable: N,
-  iconSizeExtended: $ = "none",
-  defaultSizeIcon: x = !0,
+  iconSizeExtended: S = "none",
+  defaultSizeIcon: b = !0,
   defaultTooltipColor: m = !0,
   as: I = "button",
-  classNameId: O = "imj-ui-inner-button",
-  tooltip: M = "",
+  classNameId: y = "imj-ui-inner-button",
+  tooltip: x = "",
   tooltipPosition: Z,
-  tooltipAlignment: E,
+  tooltipAlignment: z,
   tooltipColor: G = "neutral",
-  tooltipDelay: z,
-  tooltipAbsolute: K,
+  tooltipDelay: E,
+  tooltipAbsolute: X,
   classNameTooltip: J,
   stopPropagation: n1 = !0,
   pointer: A = !1,
-  ref: S,
+  ref: B,
   onClick: k,
-  textAlign: F = "center",
+  textAlign: D = "center",
   whiteBackground: e1 = !1,
   strokeWidth: t1 = 2,
   transition: l1 = !0,
-  ...D
+  ...F
 }) => {
   const T = {
-    disabled: y
-  }, q = a === "icon", i1 = q ? !0 : x, W = q ? "xs" : b, p1 = (L1) => {
+    disabled: O
+  }, q = a === "icon", i1 = q ? !0 : b, W = q ? "xs" : g, p1 = (L1) => {
     n1 && L1.stopPropagation(), k && k(L1);
   }, s1 = c1("", {
     variants: {
@@ -19852,8 +19852,8 @@ const I5 = ({
       M1,
       {
         slot: n,
-        size: b,
-        colorIcon: B,
+        size: g,
+        colorIcon: $,
         className: o,
         onClick: j,
         defaultSizeIcon: i1,
@@ -19866,7 +19866,7 @@ const I5 = ({
         className: _(
           "ui-relative ui-leading-none",
           n || e ? "" : "ui-w-full",
-          s1({ color: L, textAlign: F })
+          s1({ color: L, textAlign: D })
         ),
         children: [
           d,
@@ -19875,60 +19875,60 @@ const I5 = ({
       }
     ),
     c && d && /* @__PURE__ */ i(I5, { color: c, label: l, border: s }),
-    !d && g && (typeof g == "string" ? /* @__PURE__ */ i(
+    !d && w && (typeof w == "string" ? /* @__PURE__ */ i(
       v1,
       {
         strokeWidth: t1,
-        name: g,
-        size: a === "icon" ? b : $ !== "none" ? $ : b,
-        color: B,
+        name: w,
+        size: a === "icon" ? g : S !== "none" ? S : g,
+        color: $,
         onClick: a === "icon" ? k || H : void 0
       }
-    ) : g),
+    ) : w),
     d && e && /* @__PURE__ */ i(
       M1,
       {
         slot: e,
-        size: $ !== "none" ? $ : b,
-        colorIcon: B,
+        size: S !== "none" ? S : g,
+        colorIcon: $,
         className: o,
         onClick: V,
         defaultSizeIcon: i1,
         strokeWidth: t1
       }
     )
-  ] }), u1 = f ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", j1 = m ? G || "neutral" : C, x1 = c1(
-    `${O} 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 ${A && q ? "!ui-cursor-pointer" : ""} ${l1 ? "ui-transition-all ui-duration-300" : ""}`,
+  ] }), u1 = M ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", j1 = m ? G || "neutral" : C, x1 = c1(
+    `${y} 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 ${A && q ? "!ui-cursor-pointer" : ""} ${l1 ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
         variant: {
           button: " ui-border-transparent",
-          text: ` !ui-border-transparent !ui-bg-transparent ${w ? "enabled:hover:ui-underline !ui-active:enabled:ui-underline" : ""} disabled:ui-cursor-not-allowed`,
+          text: ` !ui-border-transparent !ui-bg-transparent ${h ? "enabled:hover:ui-underline !ui-active:enabled:ui-underline" : ""} disabled:ui-cursor-not-allowed`,
           outlined: "",
           soft: "",
           icon: " ui-border-transparent"
         },
         size: {
-          xs: `ui-max-h-5 ui-min-h-5 ui-min-w-5 ${d ? "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 ${d ? "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] ${d ? "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] ${d ? "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] ${d ? "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] ${d ? "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] ${d ? "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 ${d ? "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 ${d ? "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] ${d ? "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] ${d ? "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] ${d ? "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] ${d ? "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] ${d ? "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, N, e1).blue,
-          "blue-dark": C1(a, w, N, e1)["blue-dark"],
-          orange: C1(a, w, N, e1).orange,
-          red: C1(a, w, N, e1).red,
-          green: C1(a, w, N, e1).green,
-          white: C1(a, w, N, e1).white,
-          yellow: C1(a, w, N, e1).yellow,
-          "blue-light": C1(a, w, N, e1)["blue-light"],
-          neutral: C1(a, w, N, e1).neutral,
-          black: C1(a, w, N, e1).black,
-          transparent: C1(a, w, N, e1).transparent
+          blue: C1(a, h, N, e1).blue,
+          "blue-dark": C1(a, h, N, e1)["blue-dark"],
+          orange: C1(a, h, N, e1).orange,
+          red: C1(a, h, N, e1).red,
+          green: C1(a, h, N, e1).green,
+          white: C1(a, h, N, e1).white,
+          yellow: C1(a, h, N, e1).yellow,
+          "blue-light": C1(a, h, N, e1)["blue-light"],
+          neutral: C1(a, h, N, e1).neutral,
+          black: C1(a, h, N, e1).black,
+          transparent: C1(a, h, N, e1).transparent
         },
         rounded: {
           false: "ui-rounded-sm",
@@ -19936,7 +19936,7 @@ const I5 = ({
         },
         fullWidth: {
           true: "ui-w-full",
-          false: !f && !g && d ? "ui-min-w-fit" : ""
+          false: !M && !w && d ? "ui-min-w-fit" : ""
         }
       },
       defaultVariants: {
@@ -19954,11 +19954,11 @@ const I5 = ({
     variant: a,
     className: _(o)
   });
-  return h ? /* @__PURE__ */ i(
+  return f ? /* @__PURE__ */ i(
     "a",
     {
-      ref: S,
-      href: h,
+      ref: B,
+      href: f,
       target: v,
       className: _(x1, o),
       children: d1()
@@ -19966,20 +19966,20 @@ const I5 = ({
   ) : I === "div" ? /* @__PURE__ */ i(
     Q0,
     {
-      label: M,
+      label: x,
       position: Z,
-      alignment: E,
-      absolute: K,
+      alignment: z,
+      absolute: X,
       color: j1,
-      delay: z,
+      delay: E,
       className: J,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "div",
         {
-          ref: S,
+          ref: B,
           className: _(x1, o),
-          ...D,
+          ...F,
           children: d1()
         }
       )
@@ -19987,27 +19987,27 @@ const I5 = ({
   ) : /* @__PURE__ */ i(
     Q0,
     {
-      label: M,
+      label: x,
       position: Z,
-      alignment: E,
+      alignment: z,
       color: j1,
-      delay: z,
+      delay: E,
       className: J,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "button",
         {
-          ref: S,
+          ref: B,
           className: _(x1, o),
           ...T,
-          ...D,
+          ...F,
           onClick: p1,
           children: d1()
         }
       )
     }
   );
-}, D5 = ({
+}, F5 = ({
   title: o,
   open: r,
   setOpen: t,
@@ -20026,14 +20026,14 @@ const I5 = ({
       icon: r || !e ? "Minus2Outlined" : "Plus1Outlined"
     }
   )
-] }), F5 = ({ children: o, open: r }) => /* @__PURE__ */ i(
+] }), D5 = ({ children: o, open: r }) => /* @__PURE__ */ i(
   "div",
   {
     className: `ui-w-full ui-overflow-hidden ui-transition-all ui-ease-in-out ${r ? "ui-duration-600 ui-max-h-96 ui-opacity-100" : "ui-max-h-0 ui-opacity-0 ui-duration-300"}`,
     "aria-hidden": !r,
     children: /* @__PURE__ */ i("div", { className: "ui-bg-gray-50 ui-text-gray-700", children: o })
   }
-), E5 = ({
+), z5 = ({
   title: o,
   subtitle: r,
   children: t,
@@ -20049,7 +20049,7 @@ const I5 = ({
       className: `ui-w-full ui-overflow-hidden ui-rounded-lg ui-border ui-border-neutral-100 ui-bg-white ui-p-2 ${e}`,
       children: [
         /* @__PURE__ */ i(
-          D5,
+          F5,
           {
             open: l,
             title: o,
@@ -20058,7 +20058,7 @@ const I5 = ({
             children: t
           }
         ),
-        /* @__PURE__ */ u(F5, { open: l, children: [
+        /* @__PURE__ */ u(D5, { open: l, children: [
           r && /* @__PURE__ */ i("p", { className: "ui-mb-3 ui-mt-1 ui-text-xxs ui-leading-none ui-text-neutral-500", children: r }),
           /* @__PURE__ */ i("div", { className: "ui-mx-1 ui-my-1.5 ui-h-[1px] ui-w-full ui-bg-neutral-100" }),
           t && t
@@ -20067,7 +20067,7 @@ const I5 = ({
     },
     n
   );
-}, Zi = (o) => /* @__PURE__ */ i(E5, { ...o }), z5 = () => ({
+}, Zi = (o) => /* @__PURE__ */ i(z5, { ...o }), E5 = () => ({
   getAlertClassName: (e, a, c = "contained") => {
     const l = "ui-rounded-md ui-p-2 ui-shadow-md ui-transform ui-transition-all ui-duration-300 ui-ease-in-out", s = a ? "ui-opacity-0 ui-translate-x-4" : "ui-opacity-100 ui-translate-x-0", C = {
       green: "success",
@@ -20153,7 +20153,7 @@ const I5 = ({
     return a === "contained" ? "ui-bg-white" : l[s];
   }
 }), R5 = (o) => {
-  const { getIconForType: r } = z5(), t = o.variant === "contained", n = (a) => {
+  const { getIconForType: r } = E5(), t = o.variant === "contained", n = (a) => {
     a.stopPropagation(), o.onClose && o.onClose(a);
   }, e = o.color === "yellow";
   return /* @__PURE__ */ u("div", { className: `ui-flex ui-gap-x-1 ${o.title ? "ui-items-start" : "ui-items-center"}`, children: [
@@ -20318,11 +20318,11 @@ const I5 = ({
   }[o][r]}`;
 }, G5 = ({ open: o, externalIsLeaving: r }) => {
   const [t, n] = Y(!1), [e, a] = Y(!1), c = r !== void 0 ? r : e;
-  return X(() => {
+  return K(() => {
     o ? (n(!0), a(!1)) : (a(!0), r === void 0 && setTimeout(() => {
       n(!1);
     }, 300));
-  }, [o, r]), X(() => {
+  }, [o, r]), K(() => {
     r && r !== e && (a(!0), setTimeout(() => {
       n(!1);
     }, 300));
@@ -20425,9 +20425,9 @@ const I5 = ({
   borderStyle: p = "solid",
   icon: d,
   showIcon: L = !1,
-  description: w = ""
+  description: h = ""
 }) => {
-  const g = c1(
+  const w = c1(
     "ui-w-11 ui-h-11 ui-min-w-11 ui-min-h-11 ui-rounded-full ui-flex ui-items-center ui-justify-center ui-relative",
     {
       variants: {
@@ -20446,7 +20446,7 @@ const I5 = ({
         }
       }
     }
-  ), h = c1(
+  ), f = c1(
     "ui-absolute ui-border-[3px] ui-p-3.5 ui-rounded-full ui-border-white",
     {
       variants: {
@@ -20459,9 +20459,9 @@ const I5 = ({
     }
   );
   return /* @__PURE__ */ u("div", { className: _("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", o), children: [
-    (d || L) && /* @__PURE__ */ u("div", { className: _(g({ status: r })), children: [
+    (d || L) && /* @__PURE__ */ u("div", { className: _(w({ status: r })), children: [
       d && /* @__PURE__ */ i(v1, { name: d, size: "2xl", color: "white", strokeWidth: 4 }),
-      /* @__PURE__ */ i("div", { className: _(h({ borderStyle: p })) })
+      /* @__PURE__ */ i("div", { className: _(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: [
@@ -20482,7 +20482,7 @@ const I5 = ({
         "p",
         {
           className: _("ui-text-xxs", r === "red" ? "ui-text-red-500" : "ui-text-neutral-500"),
-          children: w
+          children: h
         }
       )
     ] })
@@ -20501,13 +20501,13 @@ const I5 = ({
   onSecondaryClick: p,
   primaryButtonText: d = "Aceptar",
   secondaryButtonText: L = "Cancelar",
-  animation: w = "none",
-  isLeaving: g,
-  progressBarColor: h = !1,
-  duration: b = 3e3
+  animation: h = "none",
+  isLeaving: w,
+  progressBarColor: f = !1,
+  duration: g = 3e3
 }) => {
-  const { isVisible: f, isLeaving: v } = G5({ open: o, externalIsLeaving: g });
-  if (!f)
+  const { isVisible: M, isLeaving: v } = G5({ open: o, externalIsLeaving: w });
+  if (!M)
     return null;
   const H = !!s, j = (V) => {
     s && (V.stopPropagation(), s());
@@ -20518,7 +20518,7 @@ const I5 = ({
       className: _(
         "ui-imj-alert ui-relative ui-overflow-hidden",
         n,
-        _5({ color: r, variant: t, isLeaving: v, animation: w }),
+        _5({ color: r, variant: t, isLeaving: v, animation: h }),
         H ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
       ),
       onClick: j,
@@ -20547,11 +20547,11 @@ const I5 = ({
             }
           )
         ] }),
-        h && /* @__PURE__ */ i("div", { className: _("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
+        f && /* @__PURE__ */ i("div", { className: _("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
           Y5,
           {
             progress: 100,
-            duration: b,
+            duration: g,
             color: t === "contained" ? "white" : r,
             showLabel: !1,
             withBackground: !1
@@ -20574,17 +20574,17 @@ const I5 = ({
   color: p,
   rounded: d,
   children: L,
-  icon: w,
-  link: g,
-  size: h,
-  target: b = "_self",
-  onClickIcon: f,
+  icon: h,
+  link: w,
+  size: f,
+  target: g = "_self",
+  onClickIcon: M,
   disabled: v,
   colorIcon: H,
   tooltip: j,
   tooltipPosition: V,
-  tooltipAlignment: y,
-  tooltipColor: B,
+  tooltipAlignment: O,
+  tooltipColor: $,
   tooltipDelay: R,
   ...N
 }) => /* @__PURE__ */ i(
@@ -20595,25 +20595,25 @@ const I5 = ({
     color: p,
     rounded: d,
     fullWidth: t,
-    size: h,
+    size: f,
     clickable: C,
     children: L,
-    icon: w,
+    icon: h,
     badgeColor: c,
     badgeLabel: l,
     badgeBorder: s,
     slotLeft: n,
     slotRight: e,
-    link: g,
-    target: b,
-    onClickIcon: f,
+    link: w,
+    target: g,
+    onClickIcon: M,
     disabled: v,
     colorIcon: H,
     className: r,
     tooltip: j,
     tooltipPosition: V,
-    tooltipAlignment: y,
-    tooltipColor: B,
+    tooltipAlignment: O,
+    tooltipColor: $,
     tooltipDelay: R,
     ...N
   }
@@ -20639,7 +20639,7 @@ const I5 = ({
     });
   });
   return /* @__PURE__ */ i("div", { className: `ui-flex ui-items-center ui-gap-0 ${r || ""}`, children: c });
-}, E1 = ({ className: o, vertical: r = !1, padding: t = !0 }) => /* @__PURE__ */ i(
+}, z1 = ({ className: o, vertical: r = !1, padding: t = !0 }) => /* @__PURE__ */ i(
   "div",
   {
     className: _(
@@ -20697,7 +20697,7 @@ g1.Body = ({ children: o, className: r, fullHeight: t = !1, scrollable: n = !0 }
   }
 );
 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(E1, { vertical: r, padding: t, className: o });
+g1.Separator = ({ className: o, vertical: r = !1, padding: t = !0 }) => /* @__PURE__ */ i(z1, { vertical: r, padding: t, className: o });
 const X5 = (o) => {
   const {
     mode: r = "single",
@@ -20714,123 +20714,123 @@ const X5 = (o) => {
     internalRange: { start: null, end: null },
     hoverDate: null,
     portalPosition: { top: 0, left: 0 }
-  }), [C, p] = Y(!1), d = o1(null), L = r === "single" ? t !== void 0 : n !== void 0, w = r === "single" ? t === void 0 : n === void 0, g = r === "single" ? w ? l.internalDate : t : null, h = r === "range" ? w ? l.internalRange : n : { start: null, end: null }, b = (M) => M && M instanceof Date && !isNaN(M.getTime()), f = b(g) ? g : null, v = {
-    start: b(h == null ? void 0 : h.start) ? h.start : null,
-    end: b(h == null ? void 0 : h.end) ? h.end : null
+  }), [C, p] = Y(!1), d = o1(null), L = r === "single" ? t !== void 0 : n !== void 0, h = r === "single" ? t === void 0 : n === void 0, w = r === "single" ? h ? l.internalDate : t : null, f = r === "range" ? h ? l.internalRange : n : { start: null, end: null }, g = (x) => x && x instanceof Date && !isNaN(x.getTime()), M = g(w) ? w : null, v = {
+    start: g(f == null ? void 0 : f.start) ? f.start : null,
+    end: g(f == null ? void 0 : f.end) ? f.end : null
   }, H = P(() => {
     if (d.current) {
-      const M = d.current.getInputElement();
-      if (M) {
-        const Z = M.getBoundingClientRect(), E = window.innerHeight, G = window.innerWidth, z = 320, K = 256, J = 8;
+      const x = d.current.getInputElement();
+      if (x) {
+        const Z = x.getBoundingClientRect(), z = window.innerHeight, G = window.innerWidth, E = 320, X = 256, J = 8;
         let n1, A = Z.left;
-        const S = E - Z.bottom, k = Z.top;
-        S >= z + J ? n1 = Z.bottom + J : k >= z + J ? n1 = Z.top - z + J : S > k ? n1 = Z.bottom + J : n1 = Z.top - z + J, Z.left + K > G && (A = Z.right - K), A = Math.max(0, Math.min(A, G - K)), s((F) => ({
-          ...F,
+        const B = z - Z.bottom, k = Z.top;
+        B >= E + J ? n1 = Z.bottom + J : k >= E + J ? n1 = Z.top - E + J : B > k ? n1 = Z.bottom + J : n1 = Z.top - E + J, Z.left + X > G && (A = Z.right - X), A = Math.max(0, Math.min(A, G - X)), s((D) => ({
+          ...D,
           isOpen: !0,
           portalPosition: { top: n1, left: A }
         })), p(!0);
         return;
       }
     }
-    s((M) => ({ ...M, isOpen: !0 })), p(!1);
+    s((x) => ({ ...x, isOpen: !0 })), p(!1);
   }, []), j = P(() => {
-    s((M) => ({ ...M, isOpen: !1 })), p(!1);
-  }, []), V = P((M) => {
-    s((Z) => ({ ...Z, currentDate: M }));
-  }, []), y = P((M) => {
-    s((Z) => ({ ...Z, viewMode: M }));
-  }, []), B = P((M) => {
+    s((x) => ({ ...x, isOpen: !1 })), p(!1);
+  }, []), V = P((x) => {
+    s((Z) => ({ ...Z, currentDate: x }));
+  }, []), O = P((x) => {
+    s((Z) => ({ ...Z, viewMode: x }));
+  }, []), $ = P((x) => {
     s((Z) => {
-      const E = new Date(Z.currentDate);
+      const z = new Date(Z.currentDate);
       switch (Z.viewMode) {
         case "days":
-          E.setMonth(E.getMonth() + (M === "next" ? 1 : -1));
+          z.setMonth(z.getMonth() + (x === "next" ? 1 : -1));
           break;
         case "months":
-          E.setFullYear(E.getFullYear() + (M === "next" ? 1 : -1));
+          z.setFullYear(z.getFullYear() + (x === "next" ? 1 : -1));
           break;
         case "years":
-          E.setFullYear(E.getFullYear() + (M === "next" ? 12 : -12));
+          z.setFullYear(z.getFullYear() + (x === "next" ? 12 : -12));
           break;
       }
-      return { ...Z, currentDate: E };
+      return { ...Z, currentDate: z };
     });
   }, []), R = P(
-    (M) => {
+    (x) => {
       var Z;
-      r === "single" && (w && s((E) => ({ ...E, internalDate: M })), (Z = o.onDateChange) == null || Z.call(o, M), a && j());
+      r === "single" && (h && s((z) => ({ ...z, internalDate: x })), (Z = o.onDateChange) == null || Z.call(o, x), a && j());
     },
-    [r, w, o.onDateChange, a, j]
+    [r, h, o.onDateChange, a, j]
   ), N = P(
-    (M) => {
+    (x) => {
       var Z;
-      r === "range" && (L || s((E) => ({ ...E, internalRange: M })), (Z = o.onRangeChange) == null || Z.call(o, M), c && M.start && M.end && j());
+      r === "range" && (L || s((z) => ({ ...z, internalRange: x })), (Z = o.onRangeChange) == null || Z.call(o, x), c && x.start && x.end && j());
     },
     [r, L, o.onRangeChange, c, j]
-  ), $ = P((M) => {
-    s((Z) => ({ ...Z, hoverDate: M }));
-  }, []), x = P((M) => {
+  ), S = P((x) => {
+    s((Z) => ({ ...Z, hoverDate: x }));
+  }, []), b = P((x) => {
     s((Z) => {
-      const E = new Date(Z.currentDate);
-      return E.setMonth(M), {
+      const z = new Date(Z.currentDate);
+      return z.setMonth(x), {
         ...Z,
-        currentDate: E,
+        currentDate: z,
         viewMode: "days"
       };
     });
-  }, []), m = P((M) => {
+  }, []), m = P((x) => {
     s((Z) => {
-      const E = new Date(Z.currentDate);
-      return E.setFullYear(M), {
+      const z = new Date(Z.currentDate);
+      return z.setFullYear(x), {
         ...Z,
-        currentDate: E,
+        currentDate: z,
         viewMode: "months"
       };
     });
   }, []), I = P(() => {
-    const M = /* @__PURE__ */ new Date();
+    const x = /* @__PURE__ */ new Date();
     s((Z) => ({
       ...Z,
-      currentDate: M,
+      currentDate: x,
       viewMode: "days"
     }));
-  }, []), O = P(() => {
+  }, []), y = P(() => {
     if (!d.current)
       return;
-    const M = d.current.getInputElement();
-    if (!M)
+    const x = d.current.getInputElement();
+    if (!x)
       return;
-    const Z = M.getBoundingClientRect(), E = window.innerHeight, G = window.innerWidth, z = 320, K = 256, J = 8;
+    const Z = x.getBoundingClientRect(), z = window.innerHeight, G = window.innerWidth, E = 320, X = 256, J = 8;
     let n1, A = Z.left;
-    const S = E - Z.bottom, k = Z.top;
-    S >= z + J ? n1 = Z.bottom + J : k >= z + J ? n1 = Z.top - z + J : S > k ? n1 = Z.bottom + J : n1 = Z.top - z + J, Z.left + K > G && (A = Z.right - K), A = Math.max(0, Math.min(A, G - K)), s((F) => ({ ...F, portalPosition: { top: n1, left: A } })), p(!0);
+    const B = z - Z.bottom, k = Z.top;
+    B >= E + J ? n1 = Z.bottom + J : k >= E + J ? n1 = Z.top - E + J : B > k ? n1 = Z.bottom + J : n1 = Z.top - E + J, Z.left + X > G && (A = Z.right - X), A = Math.max(0, Math.min(A, G - X)), s((D) => ({ ...D, portalPosition: { top: n1, left: A } })), p(!0);
   }, []);
-  return X(() => {
+  return K(() => {
     if (!l.isOpen) return;
-    const M = () => O(), Z = () => O();
-    return window.addEventListener("scroll", M, !0), window.addEventListener("resize", Z), () => {
-      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", Z);
+    const x = () => y(), Z = () => y();
+    return window.addEventListener("scroll", x, !0), window.addEventListener("resize", Z), () => {
+      window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", Z);
     };
-  }, [l.isOpen, O]), X(() => {
+  }, [l.isOpen, y]), K(() => {
     if (l.isOpen) {
-      const M = setTimeout(() => {
-        O();
+      const x = setTimeout(() => {
+        y();
       }, 0);
-      return () => clearTimeout(M);
+      return () => clearTimeout(x);
     }
-  }, [l.isOpen, O]), X(() => {
-    L && r === "single" && s((M) => ({
-      ...M,
+  }, [l.isOpen, y]), K(() => {
+    L && r === "single" && s((x) => ({
+      ...x,
       internalDate: t
     }));
-  }, [L, r, t]), X(() => {
-    L && r === "range" && s((M) => ({
-      ...M,
+  }, [L, r, t]), K(() => {
+    L && r === "range" && s((x) => ({
+      ...x,
       internalRange: n || { start: null, end: null }
     }));
   }, [L, r, n]), {
     state: l,
-    selectedDate: f,
+    selectedDate: M,
     selectedRange: v,
     inputRef: d,
     isPortalReady: C,
@@ -20838,13 +20838,13 @@ const X5 = (o) => {
       openPicker: H,
       closePicker: j,
       setCurrentDate: V,
-      setViewMode: y,
+      setViewMode: O,
       setSelectedDate: R,
       setSelectedRange: N,
-      setHoverDate: $,
-      updatePortalPosition: O,
-      navigate: B,
-      handleMonthSelect: x,
+      setHoverDate: S,
+      updatePortalPosition: y,
+      navigate: $,
+      handleMonthSelect: b,
       handleYearSelect: m,
       goToToday: I
     }
@@ -20854,65 +20854,65 @@ const X5 = (o) => {
     (d) => !!(!V1(d) || t && V1(t) && d < t || n && V1(n) && d > n),
     [t, n]
   ), C = P(
-    (d, L, w) => {
+    (d, L, h) => {
       if (!V1(d)) {
         console.warn("useDateRange: Se recibió una fecha inválida:", d);
         return;
       }
       if (s(d)) return;
-      const g = { ...o };
-      !o.start || o.start && o.end ? (g.start = d, g.end = null) : d < o.start ? (g.start = d, g.end = o.start) : (g.start = o.start, g.end = d), r(g), e && g.start && g.end && w && w();
+      const w = { ...o };
+      !o.start || o.start && o.end ? (w.start = d, w.end = null) : d < o.start ? (w.start = d, w.end = o.start) : (w.start = o.start, w.end = d), r(w), e && w.start && w.end && h && h();
     },
     [o, r, s, e]
   ), p = P(
     (d, L) => {
-      const w = c(d, o), g = l(d, o), h = a(d, o), b = s(d);
-      let f = !1;
+      const h = c(d, o), w = l(d, o), f = a(d, o), g = s(d);
+      let M = !1;
       if (L && o.start && !o.end) {
         const V = {
           start: o.start < L ? o.start : L,
           end: o.start < L ? L : o.start
         };
-        f = a(d, V);
+        M = a(d, V);
       }
       let v = !1;
-      if (o.start && o.end && h && !w) {
+      if (o.start && o.end && f && !h) {
         const V = new Date(d);
         V.setDate(d.getDate() - 1), v = !a(V, o);
-      } else if (o.start && !o.end && L && f) {
+      } else if (o.start && !o.end && L && M) {
         const V = new Date(d);
         V.setDate(d.getDate() - 1);
-        const y = {
+        const O = {
           start: o.start < L ? o.start : L,
           end: o.start < L ? L : o.start
         };
-        v = !a(V, y);
+        v = !a(V, O);
       }
       let H = !1;
-      if (o.start && o.end && h && !g) {
+      if (o.start && o.end && f && !w) {
         const V = new Date(d);
         V.setDate(d.getDate() + 1), H = !a(V, o);
-      } else if (o.start && !o.end && L && f) {
+      } else if (o.start && !o.end && L && M) {
         const V = new Date(d);
         V.setDate(d.getDate() + 1);
-        const y = {
+        const O = {
           start: o.start < L ? o.start : L,
           end: o.start < L ? L : o.start
         };
-        H = !a(V, y);
+        H = !a(V, O);
       }
       let j = !0;
       return o.start && !o.end && L ? j = L >= o.start : o.start && o.end && (j = d >= o.start), {
         isSelectingStart: !o.start || o.start && o.end,
         isSelectingEnd: !!o.start && !o.end,
-        isStart: w,
-        isEnd: g,
-        isInRange: h,
+        isStart: h,
+        isEnd: w,
+        isInRange: f,
         isFirstInRange: v,
         isLastInRange: H,
         afterSelected: j,
-        isDisabled: b,
-        isHovered: f
+        isDisabled: g,
+        isHovered: M
       };
     },
     [o, c, l, a, s]
@@ -20941,32 +20941,32 @@ const X5 = (o) => {
     },
     [o, r]
   ), e = P((p) => {
-    const d = p.getFullYear(), L = p.getMonth(), w = new Date(d, L, 1), g = new Date(d, L + 1, 0), h = g.getDate(), b = w.getDay();
-    return { firstDay: w, lastDay: g, daysInMonth: h, startOfWeek: b };
+    const d = p.getFullYear(), L = p.getMonth(), h = new Date(d, L, 1), w = new Date(d, L + 1, 0), f = w.getDate(), g = h.getDay();
+    return { firstDay: h, lastDay: w, daysInMonth: f, startOfWeek: g };
   }, []), a = P(
     (p, d = 1) => {
-      const { firstDay: L, lastDay: w, daysInMonth: g, startOfWeek: h } = e(p), b = [], f = (h - d + 7) % 7;
-      for (let H = 0; H < f; H++)
-        b.push(null);
-      for (let H = 1; H <= g; H++)
-        b.push(H);
-      const v = (7 - b.length % 7) % 7;
+      const { firstDay: L, lastDay: h, daysInMonth: w, startOfWeek: f } = e(p), g = [], M = (f - d + 7) % 7;
+      for (let H = 0; H < M; H++)
+        g.push(null);
+      for (let H = 1; H <= w; H++)
+        g.push(H);
+      const v = (7 - g.length % 7) % 7;
       for (let H = 0; H < v; H++)
-        b.push(null);
-      return b;
+        g.push(null);
+      return g;
     },
     [e]
   ), c = P((p = "es-ES") => {
     const d = [];
     for (let L = 0; L < 12; L++) {
-      const w = new Date(2024, L, 1);
-      d.push(w.toLocaleDateString(p, { month: "long" }));
+      const h = new Date(2024, L, 1);
+      d.push(h.toLocaleDateString(p, { month: "long" }));
     }
     return d;
   }, []), l = P((p, d = 12) => {
-    const L = [], w = p - Math.floor(d / 2);
-    for (let g = 0; g < d; g++)
-      L.push(w + g);
+    const L = [], h = p - Math.floor(d / 2);
+    for (let w = 0; w < d; w++)
+      L.push(h + w);
     return L;
   }, []), s = P((p) => {
     const d = /* @__PURE__ */ new Date();
@@ -20985,26 +20985,26 @@ const X5 = (o) => {
   const [n, e] = Y({
     isFocused: !1,
     inputValue: o
-  }), a = P((w) => {
-    e((g) => ({ ...g, isFocused: w }));
-  }, []), c = P((w) => {
-    e((g) => ({ ...g, inputValue: w }));
-  }, []), l = P((w, g) => {
-    if (!w) return "";
-    const h = w.getDate().toString().padStart(2, "0"), b = (w.getMonth() + 1).toString().padStart(2, "0"), f = w.getFullYear();
-    return g.format.replace("dd", h).replace("MM", b).replace("yyyy", f.toString());
-  }, []), s = P((w, g) => {
-    if (!w) return null;
-    const h = g.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), b = new RegExp(`^${h}$`), f = w.match(b);
-    if (!f) return null;
-    const [, v, H, j] = f, V = new Date(parseInt(j), parseInt(H) - 1, parseInt(v));
+  }), a = P((h) => {
+    e((w) => ({ ...w, isFocused: h }));
+  }, []), c = P((h) => {
+    e((w) => ({ ...w, inputValue: h }));
+  }, []), l = P((h, w) => {
+    if (!h) return "";
+    const f = h.getDate().toString().padStart(2, "0"), g = (h.getMonth() + 1).toString().padStart(2, "0"), M = h.getFullYear();
+    return w.format.replace("dd", f).replace("MM", g).replace("yyyy", M.toString());
+  }, []), s = P((h, w) => {
+    if (!h) return null;
+    const f = w.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), g = new RegExp(`^${f}$`), M = h.match(g);
+    if (!M) return null;
+    const [, v, H, j] = M, V = new Date(parseInt(j), parseInt(H) - 1, parseInt(v));
     return isNaN(V.getTime()) ? null : V;
   }, []), C = P(
-    (w, g) => s(w, g) !== null,
+    (h, w) => s(h, w) !== null,
     [s]
   ), p = P(
-    (w) => {
-      c(w);
+    (h) => {
+      c(h);
     },
     [c]
   ), d = P(() => {
@@ -21035,7 +21035,7 @@ const X5 = (o) => {
     },
     [r]
   );
-  X(() => {
+  K(() => {
     if (o)
       return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
         document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
@@ -21079,27 +21079,27 @@ const X5 = (o) => {
   isToday: p,
   isHovered: d,
   onClick: L,
-  onMouseEnter: w,
-  onMouseLeave: g,
-  className: h = "",
-  renderDay: b
+  onMouseEnter: h,
+  onMouseLeave: w,
+  className: f = "",
+  renderDay: g
 }) => {
-  const f = o1(null);
+  const M = o1(null);
   if (o === null)
     return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" });
-  const v = (y) => {
-    y.stopPropagation(), C || L(r);
+  const v = (O) => {
+    O.stopPropagation(), C || L(r);
   }, H = () => {
-    !C && w && (f.current && (clearTimeout(f.current), f.current = null), w(r));
+    !C && h && (M.current && (clearTimeout(M.current), M.current = null), h(r));
   }, j = () => {
-    !C && g && (t || n || e || a ? f.current = setTimeout(() => {
-      g(), f.current = null;
-    }, 100) : g());
+    !C && w && (t || n || e || a ? M.current = setTimeout(() => {
+      w(), M.current = null;
+    }, 100) : w());
   }, V = () => {
-    let y = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!l && !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 C ? y += " ui-text-gray-400 ui-cursor-not-allowed" : t ? y += " ui-bg-blue-500 ui-text-white" : e ? y += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? y += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? y += " ui-bg-blue-50 ui-text-blue-500" : d ? y += " ui-bg-blue-50" : p ? y += " ui-text-blue-500" : y += "hover:ui-bg-neutral-50", `${y} ${h}`;
+    let O = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!l && !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 C ? O += " ui-text-gray-400 ui-cursor-not-allowed" : t ? O += " ui-bg-blue-500 ui-text-white" : e ? O += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? O += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? O += " ui-bg-blue-50 ui-text-blue-500" : d ? O += " ui-bg-blue-50" : p ? O += " ui-text-blue-500" : O += "hover:ui-bg-neutral-50", `${O} ${f}`;
   };
-  return b ? b({
+  return g ? g({
     day: o,
     date: r,
     isSelected: t,
@@ -21187,7 +21187,7 @@ const X5 = (o) => {
     "aria-label": `Día ${o}`,
     children: o
   }
-), z1 = ({
+), E1 = ({
   direction: o,
   onClick: r,
   disabled: t = !1,
@@ -21279,8 +21279,8 @@ const X5 = (o) => {
       }
     ),
     /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-gap-1", children: [
-      /* @__PURE__ */ i(z1, { direction: "prev", onClick: () => t("prev") }),
-      /* @__PURE__ */ i(z1, { direction: "next", onClick: () => t("next") })
+      /* @__PURE__ */ i(E1, { direction: "prev", onClick: () => t("prev") }),
+      /* @__PURE__ */ i(E1, { direction: "next", onClick: () => t("next") })
     ] })
   ] }) });
 }, w9 = ({
@@ -21297,30 +21297,30 @@ const X5 = (o) => {
   hoverDate: p,
   renderDay: d
 }) => {
-  const { getCalendarDays: L, isToday: w } = _1(
+  const { getCalendarDays: L, isToday: h } = _1(
     o,
     () => {
     }
-  ), { getRangeState: g } = h9(
+  ), { getRangeState: w } = h9(
     t || { start: null, end: null },
     () => {
     },
     a,
     c
-  ), h = (v) => r ? v.getTime() === r.getTime() : !1, b = (v) => !!(a && v < a || c && v > c), f = L(o, s);
+  ), f = (v) => r ? v.getTime() === r.getTime() : !1, g = (v) => !!(a && v < a || c && v > c), M = L(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: [
     l.map((v, H) => /* @__PURE__ */ i(e6, { day: v }, H)),
-    f.map((v, H) => {
+    M.map((v, H) => {
       if (v === null)
         return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, H);
-      const j = new Date(o.getFullYear(), o.getMonth(), v), V = t ? g(j, p || null) : {
+      const j = new Date(o.getFullYear(), o.getMonth(), v), V = t ? w(j, p || null) : {
         isStart: !1,
         isEnd: !1,
         isInRange: !1,
         isFirstInRange: !1,
         isLastInRange: !1,
         afterSelected: !0,
-        isDisabled: b(j),
+        isDisabled: g(j),
         isHovered: !1
       };
       return /* @__PURE__ */ i(
@@ -21328,7 +21328,7 @@ const X5 = (o) => {
         {
           day: v,
           date: j,
-          isSelected: h(j),
+          isSelected: f(j),
           isInRange: V.isInRange,
           isStart: V.isStart,
           isEnd: V.isEnd,
@@ -21336,7 +21336,7 @@ const X5 = (o) => {
           isLastInRange: V.isLastInRange,
           afterSelected: V.afterSelected,
           isDisabled: V.isDisabled,
-          isToday: w(j),
+          isToday: h(j),
           isHovered: V.isHovered,
           onClick: n,
           onMouseEnter: e,
@@ -21415,7 +21415,7 @@ const X5 = (o) => {
     const L = t !== void 0 ? t : e;
     a || s(L), n == null || n(L);
   }, [a, t, e, n]);
-  return X(() => {
+  return K(() => {
     a && r !== void 0 && s(r);
   }, [a, r]), {
     value: C,
@@ -21579,35 +21579,35 @@ const X5 = (o) => {
     fullWidth: p = !1,
     defaultValue: d = "",
     disabled: L = !1,
-    onValueChange: w,
-    onChange: g,
-    onClickExtraSlot: h,
-    className: b,
-    style: f,
+    onValueChange: h,
+    onChange: w,
+    onClickExtraSlot: f,
+    className: g,
+    style: M,
     name: v,
     autosize: H = !1,
     colorLeftIcon: j,
     infoTooltip: V = "",
-    ...y
-  }, B) => {
+    ...O
+  }, $) => {
     const {
       value: R,
       setValue: N,
-      isControlled: $
+      isControlled: S
     } = r6({
       value: C,
       defaultValue: d,
-      onChange: w
-    }), x = (E) => {
-      const G = E.target.value;
-      N(G), g == null || g(E);
+      onChange: h
+    }), b = (z) => {
+      const G = z.target.value;
+      N(G), w == null || w(z);
     }, { paddingClasses: m, getIconPosition: I } = t6({
       size: n,
       leftSlot: a,
       rightSlot: c,
       extraSlot: l,
       value: C
-    }), { baseClasses: O, containerClasses: M, labelClasses: Z } = a6({
+    }), { baseClasses: y, containerClasses: x, labelClasses: Z } = a6({
       size: n,
       error: r,
       disabled: L,
@@ -21617,20 +21617,20 @@ const X5 = (o) => {
       autosize: H
     });
     return u6({
-      ref: B,
+      ref: $,
       currentValue: R,
       setValue: N,
-      isControlled: $,
-      inputId: y.id
+      isControlled: S,
+      inputId: O.id
     }), /* @__PURE__ */ u(
       "div",
       {
         className: _(
           "ui-relative ui-flex ui-flex-col ui-gap-1",
           p ? "ui-w-full" : "ui-w-fit",
-          b
+          g
         ),
-        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 }),
@@ -21648,7 +21648,7 @@ const X5 = (o) => {
               }
             )
           ] }),
-          /* @__PURE__ */ u("div", { className: M, children: [
+          /* @__PURE__ */ u("div", { className: x, children: [
             a && C && /* @__PURE__ */ i(
               M1,
               {
@@ -21664,11 +21664,11 @@ const X5 = (o) => {
                 placeholder: "Placeholder",
                 disabled: L,
                 value: R,
-                onChange: x,
+                onChange: b,
                 name: v,
-                "data-input-id": y.id || "default-input",
-                className: O + " ui-min-w-12",
-                ...y
+                "data-input-id": O.id || "default-input",
+                className: y + " ui-min-w-12",
+                ...O
               }
             ),
             c && /* @__PURE__ */ i(
@@ -21687,7 +21687,7 @@ const X5 = (o) => {
             l && /* @__PURE__ */ i(
               "button",
               {
-                onClick: h,
+                onClick: f,
                 className: `ui-absolute ${I("extra")} ui-top-1/2 ui-flex ui--translate-y-1/2 ui-place-items-center`,
                 type: "button",
                 children: /* @__PURE__ */ i(M1, { slot: l })
@@ -21728,8 +21728,8 @@ const l6 = U1(
         s || n();
       },
       extraSlot: "CalendarOutlined",
-      onChange: (f) => {
-        !s && e && e(f.target.value);
+      onChange: (M) => {
+        !s && e && e(M.target.value);
       },
       onFocus: () => {
         !s && a && a();
@@ -21772,16 +21772,16 @@ const l6 = U1(
   ), C = (d) => {
     t(d);
   }, p = (d, L) => {
-    const w = a[d.getMonth()], g = d.getFullYear();
+    const h = a[d.getMonth()], w = d.getFullYear();
     switch (L) {
       case "years":
-        const h = s(g, c), b = h[0], f = h[h.length - 1];
-        return `${b} - ${f}`;
+        const f = s(w, c), g = f[0], M = f[f.length - 1];
+        return `${g} - ${M}`;
       case "months":
-        return `${g}`;
+        return `${w}`;
       case "days":
       default:
-        return `${w} ${g}`;
+        return `${h} ${w}`;
     }
   };
   return l && o.length > 1 ? /* @__PURE__ */ i("div", { className: "ui-border-b ui-border-neutral-100 ui-p-3", children: l({
@@ -21790,7 +21790,7 @@ const l6 = U1(
     toggleViewMode: () => n(0),
     navigate: C
   }) }) : /* @__PURE__ */ i("div", { className: "ui-border-b ui-border-neutral-100 ui-p-3", children: /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-w-full ui-items-center ui-justify-between", children: [
-    /* @__PURE__ */ i(z1, { direction: "prev", onClick: () => t("prev") }),
+    /* @__PURE__ */ i(E1, { direction: "prev", onClick: () => t("prev") }),
     /* @__PURE__ */ i("div", { className: "ui-absolute ui-flex ui-w-full ui-flex-1 ui-items-center ui-justify-center ui-gap-2 ui-px-2 md:ui-px-0", children: o.map((d, L) => /* @__PURE__ */ i(
       "div",
       {
@@ -21814,7 +21814,7 @@ const l6 = U1(
       },
       L
     )) }),
-    /* @__PURE__ */ i(z1, { direction: "next", onClick: () => t("next") })
+    /* @__PURE__ */ i(E1, { direction: "next", onClick: () => t("next") })
   ] }) });
 }, s6 = ({
   currentDate: o,
@@ -21843,15 +21843,15 @@ const l6 = U1(
   startOfWeek: p = 1,
   showWeekNumbers: d = !1,
   yearRange: L = 12,
-  hoverDate: w,
-  onMonthSelect: g,
-  onYearSelect: h,
-  renderDay: b
+  hoverDate: h,
+  onMonthSelect: w,
+  onYearSelect: f,
+  renderDay: g
 }) => {
-  const f = (j) => {
-    g == null || g(j);
+  const M = (j) => {
+    w == null || w(j);
   }, v = (j) => {
-    h == null || h(j);
+    f == null || f(j);
   };
   return /* @__PURE__ */ i("div", { className: "ui-flex ui-h-full ui-justify-center ui-p-3", children: (() => {
     switch (l) {
@@ -21869,8 +21869,8 @@ const l6 = U1(
             weekDays: s,
             startOfWeek: p,
             showWeekNumbers: d,
-            hoverDate: w,
-            renderDay: b
+            hoverDate: h,
+            renderDay: g
           }
         );
       case "months":
@@ -21879,7 +21879,7 @@ const l6 = U1(
           {
             currentDate: o,
             selectedMonth: o.getMonth(),
-            onMonthSelect: f,
+            onMonthSelect: M,
             monthNames: C
           }
         );
@@ -21911,9 +21911,9 @@ const l6 = U1(
   onMonthSelect: p,
   onYearSelect: d,
   onGoToToday: L,
-  locale: w = "es-ES",
-  weekDays: g = ["D", "L", "M", "M", "J", "V", "S"],
-  monthNames: h = [
+  locale: h = "es-ES",
+  weekDays: w = ["D", "L", "M", "M", "J", "V", "S"],
+  monthNames: f = [
     "Enero",
     "Febrero",
     "Marzo",
@@ -21927,14 +21927,14 @@ const l6 = U1(
     "Noviembre",
     "Diciembre"
   ],
-  startOfWeek: b = 1,
-  showWeekNumbers: f = !1,
+  startOfWeek: g = 1,
+  showWeekNumbers: M = !1,
   yearRange: v = 12,
   hoverDate: H,
   closeOnSelect: j,
   autoCloseRange: V,
-  renderHeader: y,
-  renderDay: B
+  renderHeader: O,
+  renderDay: $
 }) => {
   const R = (I) => {
     C == null || C(I);
@@ -21950,9 +21950,9 @@ const l6 = U1(
         s("days");
         break;
     }
-  }, $ = (I) => {
+  }, S = (I) => {
     p == null || p(I);
-  }, x = (I) => {
+  }, b = (I) => {
     d == null || d(I);
   }, m = () => {
     switch (l) {
@@ -21967,11 +21967,11 @@ const l6 = U1(
             onDateHover: e,
             minDate: a,
             maxDate: c,
-            weekDays: g,
-            startOfWeek: b,
-            showWeekNumbers: f,
+            weekDays: w,
+            startOfWeek: g,
+            showWeekNumbers: M,
             hoverDate: H,
-            renderDay: B
+            renderDay: $
           }
         );
       case "months":
@@ -21980,8 +21980,8 @@ const l6 = U1(
           {
             currentDate: o,
             selectedMonth: o.getMonth(),
-            onMonthSelect: $,
-            monthNames: h
+            onMonthSelect: S,
+            monthNames: f
           }
         );
       case "years":
@@ -21990,7 +21990,7 @@ const l6 = U1(
           {
             currentDate: o,
             selectedYear: o.getFullYear(),
-            onYearSelect: x,
+            onYearSelect: b,
             yearRange: v
           }
         );
@@ -22014,8 +22014,8 @@ const l6 = U1(
             onNavigate: R,
             onToggleViewMode: N,
             onGoToToday: L,
-            monthNames: h,
-            renderHeader: y
+            monthNames: f,
+            renderHeader: O
           }
         ),
         /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: m() }),
@@ -22040,46 +22040,46 @@ const l6 = U1(
   onMonthSelect: p,
   onYearSelect: d,
   onGoToToday: L,
-  viewMode: w,
-  minDate: g,
-  maxDate: h,
-  locale: b,
-  weekDays: f,
+  viewMode: h,
+  minDate: w,
+  maxDate: f,
+  locale: g,
+  weekDays: M,
   monthNames: v,
   startOfWeek: H,
   showWeekNumbers: j,
   yearRange: V,
-  hoverDate: y,
-  closeOnSelect: B,
+  hoverDate: O,
+  closeOnSelect: $,
   autoCloseRange: R,
   calendarsCount: N = 1,
-  mode: $ = "single",
-  onClickSelected: x = !1,
+  mode: S = "single",
+  onClickSelected: b = !1,
   renderHeader: m,
   renderDay: I
 }) => {
-  const [O, M] = Y(Array(N).fill(w)), [Z, E] = Y(() => {
+  const [y, x] = Y(Array(N).fill(h)), [Z, z] = Y(() => {
     const A = [];
-    for (let S = 0; S < N; S++) {
+    for (let B = 0; B < N; B++) {
       const k = new Date(n);
-      k.setMonth(k.getMonth() + S), A.push(k);
+      k.setMonth(k.getMonth() + B), A.push(k);
     }
     return A;
   }), { renderPortal: G } = K5(o, r, t, 1100);
-  X(() => {
-    M(Array(N).fill(w));
-  }, [w, N]), X(() => {
+  K(() => {
+    x(Array(N).fill(h));
+  }, [h, N]), K(() => {
     const A = [];
-    for (let S = 0; S < N; S++) {
+    for (let B = 0; B < N; B++) {
       const k = new Date(n);
-      k.setMonth(k.getMonth() + S), A.push(k);
+      k.setMonth(k.getMonth() + B), A.push(k);
     }
-    E(A);
+    z(A);
   }, [n, N]);
-  const z = (A) => {
-    const S = O[A];
+  const E = (A) => {
+    const B = y[A];
     let k;
-    switch (S) {
+    switch (B) {
       case "days":
         k = "months";
         break;
@@ -22092,27 +22092,27 @@ const l6 = U1(
       default:
         k = "days";
     }
-    const F = [...O];
-    F[A] = k, M(F);
-  }, K = (A, S) => {
+    const D = [...y];
+    D[A] = k, x(D);
+  }, X = (A, B) => {
     const k = [...Z];
     k[A] = new Date(
       Z[A].getFullYear(),
-      S,
+      B,
       1
-    ), E(k);
-    const F = [...O];
-    F[A] = "days", M(F), p == null || p(S);
-  }, J = (A, S) => {
+    ), z(k);
+    const D = [...y];
+    D[A] = "days", x(D), p == null || p(B);
+  }, J = (A, B) => {
     const k = [...Z];
-    k[A] = new Date(S, Z[A].getMonth(), 1), E(k);
-    const F = [...O];
-    F[A] = "months", M(F), d == null || d(S);
+    k[A] = new Date(B, Z[A].getMonth(), 1), z(k);
+    const D = [...y];
+    D[A] = "months", x(D), d == null || d(B);
   }, n1 = (A) => {
-    const S = [...Z];
-    S.forEach((k, F) => {
+    const B = [...Z];
+    B.forEach((k, D) => {
       const e1 = new Date(k);
-      switch (O[F]) {
+      switch (y[D]) {
         case "days":
           e1.setMonth(e1.getMonth() + (A === "next" ? 1 : -1));
           break;
@@ -22123,25 +22123,25 @@ const l6 = U1(
           e1.setFullYear(e1.getFullYear() + (A === "next" ? 12 : -12));
           break;
       }
-      S[F] = e1;
-    }), E(S), C(A);
+      B[D] = e1;
+    }), z(B), C(A);
   };
   return G(
-    /* @__PURE__ */ i("div", { className: "ui-relative", children: $ === "range" && N > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
+    /* @__PURE__ */ i("div", { className: "ui-relative", children: S === "range" && N > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
       /* @__PURE__ */ i(
         d6,
         {
           calendarDates: Z,
-          viewModes: O,
+          viewModes: y,
           onNavigate: n1,
-          onToggleViewMode: z,
+          onToggleViewMode: E,
           onGoToToday: L,
           monthNames: v,
           yearRange: V,
           renderHeader: m
         }
       ),
-      /* @__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((A, S) => /* @__PURE__ */ i("div", { className: "ui-flex-shrink-0", children: /* @__PURE__ */ i("div", { className: "ui-w-full ui-overflow-hidden ui-rounded-lg ui-bg-white", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-col ui-flex-wrap ui-gap-4 ui-p-4 md:ui-flex-row", children: Z.map((A, B) => /* @__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(
         s6,
         {
           currentDate: A,
@@ -22149,20 +22149,20 @@ const l6 = U1(
           selectedRange: a,
           onDateSelect: c,
           onDateHover: l,
-          minDate: g,
-          maxDate: h,
-          viewMode: O[S],
-          weekDays: f,
+          minDate: w,
+          maxDate: f,
+          viewMode: y[B],
+          weekDays: M,
           monthNames: v,
           startOfWeek: H,
           showWeekNumbers: j,
           yearRange: V,
-          hoverDate: y,
-          onMonthSelect: (k) => K(S, k),
-          onYearSelect: (k) => J(S, k),
+          hoverDate: O,
+          onMonthSelect: (k) => X(B, k),
+          onYearSelect: (k) => J(B, k),
           renderDay: I
         }
-      ) }) }, S)) }),
+      ) }) }, B)) }),
       /* @__PURE__ */ u("div", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
         /* @__PURE__ */ i(r1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
         /* @__PURE__ */ i(r1, { size: "md", children: "Aceptar" })
@@ -22175,22 +22175,22 @@ const l6 = U1(
         selectedRange: a,
         onDateSelect: c,
         onDateHover: l,
-        minDate: g,
-        maxDate: h,
-        viewMode: w,
+        minDate: w,
+        maxDate: f,
+        viewMode: h,
         onViewModeChange: s,
         onNavigate: C,
         onMonthSelect: p,
         onYearSelect: d,
         onGoToToday: L,
-        locale: b,
-        weekDays: f,
+        locale: g,
+        weekDays: M,
         monthNames: v,
         startOfWeek: H,
         showWeekNumbers: j,
         yearRange: V,
-        hoverDate: y,
-        closeOnSelect: B,
+        hoverDate: O,
+        closeOnSelect: $,
         autoCloseRange: R,
         renderHeader: m,
         renderDay: I
@@ -22224,56 +22224,56 @@ const l6 = U1(
     ],
     label: d = "",
     startOfWeek: L = 1,
-    className: w = "",
-    inputClassName: g = "",
-    headerClassName: h = "",
-    dayClassName: b = "",
-    monthClassName: f = "",
+    className: h = "",
+    inputClassName: w = "",
+    headerClassName: f = "",
+    dayClassName: g = "",
+    monthClassName: M = "",
     yearClassName: v = "",
     disabledDayClassName: H = "text-gray-400 cursor-not-allowed",
     rangeClassName: j = "bg-blue-100",
     rangeStartClassName: V = "bg-blue-500 text-white rounded-l-full",
-    rangeEndClassName: y = "bg-blue-500 text-white rounded-r-full",
-    todayClassName: B = "border border-blue-500",
+    rangeEndClassName: O = "bg-blue-500 text-white rounded-r-full",
+    todayClassName: $ = "border border-blue-500",
     showWeekNumbers: R = !1,
     yearRange: N = 12,
-    initialViewMode: $ = "days",
-    closeOnSelect: x = !1,
+    initialViewMode: S = "days",
+    closeOnSelect: b = !1,
     autoCloseRange: m = !0,
     placeholder: I = "Seleccionar fecha",
-    format: O = "dd/MM/yyyy",
-    calendarsCount: M = 1,
+    format: y = "dd/MM/yyyy",
+    calendarsCount: x = 1,
     renderHeader: Z,
-    renderDay: E
-  } = o, { state: G, selectedDate: z, selectedRange: K, inputRef: J, isPortalReady: n1, actions: A } = X5(o), { handleRangeSelection: S } = h9(
-    K,
+    renderDay: z
+  } = o, { state: G, selectedDate: E, selectedRange: X, inputRef: J, isPortalReady: n1, actions: A } = X5(o), { handleRangeSelection: B } = h9(
+    X,
     A.setSelectedRange,
     c,
     l,
     m
-  ), k = (D) => {
-    if (!D || !(D instanceof Date) || isNaN(D.getTime()))
+  ), k = (F) => {
+    if (!F || !(F instanceof Date) || isNaN(F.getTime()))
       return "";
-    const T = D.getDate().toString().padStart(2, "0"), q = (D.getMonth() + 1).toString().padStart(2, "0"), i1 = D.getFullYear();
-    return O.replace("dd", T).replace("MM", q).replace("yyyy", i1.toString());
-  }, F = (D) => {
-    if (!D || !D.start && !D.end) return "";
-    const T = D.start && D.start instanceof Date && !isNaN(D.start.getTime()), q = D.end && D.end instanceof Date && !isNaN(D.end.getTime());
-    return T && q ? `${k(D.start)} - ${k(D.end)}` : T ? k(D.start) : q ? k(D.end) : "";
-  }, e1 = (D) => {
-    if (!D || !(D instanceof Date) || isNaN(D.getTime())) {
-      console.warn("DatePicker: Se recibió una fecha inválida:", D);
+    const T = F.getDate().toString().padStart(2, "0"), q = (F.getMonth() + 1).toString().padStart(2, "0"), i1 = F.getFullYear();
+    return y.replace("dd", T).replace("MM", q).replace("yyyy", i1.toString());
+  }, D = (F) => {
+    if (!F || !F.start && !F.end) return "";
+    const T = F.start && F.start instanceof Date && !isNaN(F.start.getTime()), q = F.end && F.end instanceof Date && !isNaN(F.end.getTime());
+    return T && q ? `${k(F.start)} - ${k(F.end)}` : T ? k(F.start) : q ? k(F.end) : "";
+  }, e1 = (F) => {
+    if (!F || !(F instanceof Date) || isNaN(F.getTime())) {
+      console.warn("DatePicker: Se recibió una fecha inválida:", F);
       return;
     }
-    r === "single" ? A.setSelectedDate(D) : S(D, G.hoverDate, A.closePicker);
-  }, t1 = (D) => {
-    if (D !== null && (!(D instanceof Date) || isNaN(D.getTime()))) {
-      console.warn("DatePicker: Se recibió una fecha inválida en hover:", D);
+    r === "single" ? A.setSelectedDate(F) : B(F, G.hoverDate, A.closePicker);
+  }, t1 = (F) => {
+    if (F !== null && (!(F instanceof Date) || isNaN(F.getTime()))) {
+      console.warn("DatePicker: Se recibió una fecha inválida en hover:", F);
       return;
     }
-    A.setHoverDate(D);
-  }, l1 = () => r === "single" ? k(z) : F(K);
-  return /* @__PURE__ */ u("div", { className: `relative ${w}`, children: [
+    A.setHoverDate(F);
+  }, l1 = () => r === "single" ? k(E) : D(X);
+  return /* @__PURE__ */ u("div", { className: `relative ${h}`, children: [
     /* @__PURE__ */ i(
       l6,
       {
@@ -22283,8 +22283,8 @@ const l6 = U1(
         label: d,
         isOpen: G.isOpen,
         onInputClick: A.openPicker,
-        className: g,
-        format: O
+        className: w,
+        format: y
       }
     ),
     /* @__PURE__ */ i(
@@ -22294,8 +22294,8 @@ const l6 = U1(
         onClose: A.closePicker,
         portalPosition: G.portalPosition,
         currentDate: G.currentDate,
-        selectedDate: z,
-        selectedRange: K,
+        selectedDate: E,
+        selectedRange: X,
         onDateSelect: e1,
         onDateHover: t1,
         onViewModeChange: A.setViewMode,
@@ -22313,12 +22313,12 @@ const l6 = U1(
         showWeekNumbers: R,
         yearRange: N,
         hoverDate: G.hoverDate,
-        closeOnSelect: x,
+        closeOnSelect: b,
         autoCloseRange: m,
-        calendarsCount: M,
+        calendarsCount: x,
         mode: r,
         renderHeader: Z,
-        renderDay: E
+        renderDay: z
       }
     )
   ] });
@@ -22327,7 +22327,7 @@ const l6 = U1(
   /* @__PURE__ */ i("h2", { className: _("ui-text-2xl ui-font-bold", r), children: o })
 ] }), M9 = (o, r = {}) => {
   const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = Y(!1), [c, l] = Y(!1);
-  return X(() => {
+  return K(() => {
     if (o) {
       a(!0);
       const s = setTimeout(() => {
@@ -22342,14 +22342,14 @@ const l6 = U1(
   }, [o, t, n]), { isVisible: e, isAnimating: c };
 }, x9 = (o) => {
   const r = typeof window < "u";
-  X(() => {
+  K(() => {
     if (r)
       return o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
         document.body.style.overflow = "";
       };
   }, [o, r]);
 }, q0 = (o, r, t = !1) => {
-  X(() => {
+  K(() => {
     if (!o || t) return;
     const n = (e) => {
       e.key === "Escape" && r();
@@ -22357,7 +22357,7 @@ const l6 = U1(
     return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
   }, [o, r, t]);
 }, b9 = (o, r, t = !1) => {
-  X(() => {
+  K(() => {
     if (!o || t || !r.current) return;
     const n = [
       "button",
@@ -22374,7 +22374,7 @@ const l6 = U1(
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
   }, [o, t, r]);
 }, C6 = (o, r) => {
-  X(() => {
+  K(() => {
     o && r.current && requestAnimationFrame(() => {
       var t;
       (t = r.current) == null || t.focus();
@@ -22382,14 +22382,14 @@ const l6 = U1(
   }, [o, r]);
 }, v9 = () => {
   const o = typeof window < "u", [r] = Y(() => o ? document.createElement("div") : null);
-  return X(() => {
+  return K(() => {
     if (!(!r || !o))
       return document.body.appendChild(r), () => {
         document.body.contains(r) && document.body.removeChild(r);
       };
   }, [r, o]), r;
 }, L6 = (o, r, t, n = !1) => {
-  X(() => {
+  K(() => {
     if (!o || n) return;
     const e = (a) => {
       var s;
@@ -22412,25 +22412,25 @@ const l6 = U1(
   onOutsideClick: s,
   disableSameTypeCheck: C = !1
 }) => {
-  X(() => {
+  K(() => {
     if (!o || r || !c) return;
     const p = (L) => {
-      var V, y;
-      const w = L.target, g = (V = t.current) == null ? void 0 : V.contains(w), h = (y = n == null ? void 0 : n.current) == null ? void 0 : y.contains(w), b = e ? w.closest(`[data-${a}-id="${e}"]`) : !1, f = a && !C ? w.closest(`[data-${a}-container-id="${e}"]`) : !1, v = l.some((B) => w.closest(B)), j = (() => {
-        let B = w;
-        for (; B && B !== document.body; ) {
-          const R = B.attributes;
-          for (let $ = 0; $ < R.length; $++) {
-            const x = R[$];
-            if (x.name.startsWith("data-") && x.name.endsWith("-id")) {
-              if (a === "dropdown" && (x.name.includes("popup") || x.name.includes("dropdown")))
+      var V, O;
+      const h = L.target, w = (V = t.current) == null ? void 0 : V.contains(h), f = (O = n == null ? void 0 : n.current) == null ? void 0 : O.contains(h), g = e ? h.closest(`[data-${a}-id="${e}"]`) : !1, M = a && !C ? h.closest(`[data-${a}-container-id="${e}"]`) : !1, v = l.some(($) => h.closest($)), j = (() => {
+        let $ = h;
+        for (; $ && $ !== document.body; ) {
+          const R = $.attributes;
+          for (let S = 0; S < R.length; S++) {
+            const b = R[S];
+            if (b.name.startsWith("data-") && b.name.endsWith("-id")) {
+              if (a === "dropdown" && (b.name.includes("popup") || b.name.includes("dropdown")))
                 continue;
               return !0;
             }
           }
-          const N = B.className;
+          const N = $.className;
           if (typeof N == "string") {
-            const $ = N.split(" ");
+            const S = N.split(" ");
             if ([
               "date-picker-portal",
               "dropdown-portal",
@@ -22439,14 +22439,14 @@ const l6 = U1(
               "popover-portal",
               "react-datepicker",
               "react-datepicker-popper"
-            ].some((m) => $.includes(m)) || $.some((m) => m.endsWith("-portal")))
+            ].some((m) => S.includes(m)) || S.some((m) => m.endsWith("-portal")))
               return !0;
           }
-          B = B.parentElement;
+          $ = $.parentElement;
         }
         return !1;
       })();
-      g || h || b || f || v || j || s();
+      w || f || g || M || v || j || s();
     }, d = (L) => {
       L.detail.id === e && s();
     };
@@ -22483,26 +22483,26 @@ const l6 = U1(
   className: p,
   scrollable: d = !0,
   cancelButtonText: L = "Cancelar",
-  successButtonText: w = "Guardar",
-  onCancel: g = () => {
+  successButtonText: h = "Guardar",
+  onCancel: w = () => {
   },
-  onSuccess: h = () => {
+  onSuccess: f = () => {
   },
-  showCancelButton: b = !0,
-  showSuccessButton: f = !0,
+  showCancelButton: g = !0,
+  showSuccessButton: M = !0,
   closeAtSuccess: v = !1,
   closeAtCancel: H = !0,
   disabledSuccessButton: j = !1,
   disabledCancelButton: V = !1
 }) => {
-  const y = v9(), { isVisible: B, isAnimating: R } = M9(o), N = o1(null);
+  const O = v9(), { isVisible: $, isAnimating: R } = M9(o), N = o1(null);
   x9(o), q0(o, r, l), b9(o, N, !s);
-  const $ = () => {
-    g && g(), H && r();
-  }, x = () => {
-    h && h(), v && r();
+  const S = () => {
+    w && w(), H && r();
+  }, b = () => {
+    f && f(), v && r();
   };
-  if (!y || !B) return null;
+  if (!O || !$) return null;
   const m = /* @__PURE__ */ u(
     "div",
     {
@@ -22546,11 +22546,11 @@ const l6 = U1(
                   children: e
                 }
               ),
-              (b || f) && /* @__PURE__ */ u(Z1, { children: [
+              (g || M) && /* @__PURE__ */ u(Z1, { 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: [
-                  b && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "outlined", color: "white", onClick: $, disabled: V, children: L }),
-                  f && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "button", onClick: x, disabled: j, children: w })
+                  g && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "outlined", color: "white", onClick: S, disabled: V, children: L }),
+                  M && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "button", onClick: b, disabled: j, children: h })
                 ] })
               ] })
             ] })
@@ -22559,7 +22559,7 @@ const l6 = U1(
       ]
     }
   );
-  return p9.createPortal(m, y);
+  return p9.createPortal(m, O);
 }, Pi = ({ className: o }) => /* @__PURE__ */ i("div", { className: _("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", o) }), V9 = ({
   children: o,
   icon: r,
@@ -22571,8 +22571,8 @@ const l6 = U1(
   "data-option-value": l,
   iconColor: s
 }) => {
-  const C = (g) => {
-    n || t == null || t(g);
+  const C = (w) => {
+    n || t == null || t(w);
   }, [p, d] = Y(!1), L = c1(
     "ui-flex ui-items-center ui-gap-x-4 ui-text-sm ui-transition-all duration-300 ui-font-semibold ui-px-4 ui-h-8 ui-py-1",
     {
@@ -22599,7 +22599,7 @@ const l6 = U1(
         { current: "red", disabled: !1, className: "hover:ui-bg-red-100 hover:ui-text-red-600" }
       ]
     }
-  ), w = p && !n ? "white" : s || (c === "blue" ? "neutral_soft" : c === "red" ? "current" : "neutral");
+  ), h = p && !n ? "white" : s || (c === "blue" ? "neutral_soft" : c === "red" ? "current" : "neutral");
   return /* @__PURE__ */ u(
     "li",
     {
@@ -22617,7 +22617,7 @@ const l6 = U1(
         d(!1);
       },
       children: [
-        /* @__PURE__ */ i(M1, { slot: r, colorIcon: w, size: "2xl", defaultSizeIcon: !1, fallback: o == null ? void 0 : o.toString().substring(0, 1) }),
+        /* @__PURE__ */ i(M1, { slot: r, colorIcon: h, size: "2xl", defaultSizeIcon: !1, fallback: o == null ? void 0 : o.toString().substring(0, 1) }),
         o
       ]
     }
@@ -22656,8 +22656,8 @@ const l6 = U1(
         { current: "red", disabled: !1, className: "ui-bg-red-50 ui-text-red-500" }
       ]
     }
-  ), L = C && !t ? "white" : l || (a === "blue" ? "neutral_soft" : a === "red" ? "current" : "neutral"), w = (g) => {
-    g.stopPropagation();
+  ), L = C && !t ? "white" : l || (a === "blue" ? "neutral_soft" : a === "red" ? "current" : "neutral"), h = (w) => {
+    w.stopPropagation();
   };
   return /* @__PURE__ */ u(
     "li",
@@ -22675,12 +22675,12 @@ const l6 = U1(
         p(!1);
       },
       children: [
-        /* @__PURE__ */ i("div", { onClick: w, className: "ui-cursor-pointer", children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { onClick: h, className: "ui-cursor-pointer", children: /* @__PURE__ */ i(
           "input",
           {
             type: "checkbox",
             checked: s.checked,
-            onChange: (g) => s.onChange(g.target.checked),
+            onChange: (w) => s.onChange(w.target.checked),
             disabled: s.disabled || t,
             className: "ui-focus:ring-blue-500 ui-focus:ring-2 ui-h-4 ui-w-4 ui-rounded ui-border-gray-300 ui-bg-gray-100 ui-text-blue-600"
           }
@@ -22755,47 +22755,47 @@ const l6 = U1(
   disabled: p = !1,
   multiple: d = !1,
   maxSelectedItems: L,
-  absolute: w = !1,
-  onOpenChange: g
+  absolute: h = !1,
+  onOpenChange: w
 }) => {
-  const h = i9(), b = C || `dropdown-${h}`, [f, v] = Y(!1), [H, j] = Y(!1), [V, y] = Y(""), [B, R] = Y("bottom"), [N, $] = Y({}), x = o1(null), m = o1(null), I = o1(null), O = P(
+  const f = i9(), g = C || `dropdown-${f}`, [M, v] = Y(!1), [H, j] = Y(!1), [V, O] = Y(""), [$, R] = Y("bottom"), [N, S] = Y({}), b = o1(null), m = o1(null), I = o1(null), y = P(
     (T) => T == null ? [] : Array.isArray(T) ? T : [T],
     []
-  ), M = P(
+  ), x = P(
     (T) => T == null || T === "" ? "" : Array.isArray(T) ? T[0] || "" : T,
     []
-  ), [Z, E] = Y(() => d ? O(r) : M(r)), G = o !== void 0, z = G ? o : Z, K = P(
+  ), [Z, z] = Y(() => d ? y(r) : x(r)), G = o !== void 0, E = G ? o : Z, X = P(
     (T) => {
-      G || E(T), a == null || a(T);
+      G || z(T), a == null || a(T);
     },
     [G, a]
   );
-  X(() => {
+  K(() => {
     if (G && o !== void 0)
       if (d) {
-        const T = O(o);
-        E((q) => JSON.stringify(q) !== JSON.stringify(T) ? T : q);
+        const T = y(o);
+        z((q) => JSON.stringify(q) !== JSON.stringify(T) ? T : q);
       } else {
-        const T = M(o);
-        E((q) => q !== T ? T : q);
+        const T = x(o);
+        z((q) => q !== T ? T : q);
       }
-  }, [o, G, d, O, M]);
-  const J = d ? t.filter((T) => O(z).includes(T[e])) : [
-    t.find((T) => z === "" || z === null || z === void 0 ? !1 : T[e] === -1 ? z === -1 || z === "-1" : T[e] === z)
+  }, [o, G, d, y, x]);
+  const J = d ? t.filter((T) => y(E).includes(T[e])) : [
+    t.find((T) => E === "" || E === null || E === void 0 ? !1 : T[e] === -1 ? E === -1 || E === "-1" : T[e] === E)
   ].filter(Boolean), n1 = t.filter((T) => {
     const q = l ? T[n].toLowerCase().includes(V.toLowerCase()) : !0;
     if (d) {
-      const i1 = O(z).includes(T[e]);
+      const i1 = y(E).includes(T[e]);
       return q && !i1;
     }
-    return T[e] === -1 && (z === -1 || z === "-1") ? !1 : q;
+    return T[e] === -1 && (E === -1 || E === "-1") ? !1 : q;
   }), A = P(() => {
     var i1, W;
     const T = (i1 = I.current) == null ? void 0 : i1.querySelector("input");
     return T || ((W = I.current) == null ? void 0 : W.querySelector(
       '[data-dropdown-input="true"]'
     ));
-  }, []), S = P(() => {
+  }, []), B = P(() => {
     const T = A();
     T && requestAnimationFrame(() => {
       var N1;
@@ -22805,7 +22805,7 @@ const l6 = U1(
       const p1 = i1 - q.bottom, s1 = q.top, d1 = p1 < W && s1 > p1 ? "top" : "bottom";
       R(d1);
       let u1 = 0, j1 = 0, T1 = q.width;
-      if (!w)
+      if (!h)
         d1 === "bottom" ? u1 = q.bottom + 4 : u1 = q.top - W - 4, j1 = q.left;
       else {
         const h1 = (N1 = I.current) == null ? void 0 : N1.getBoundingClientRect();
@@ -22813,16 +22813,16 @@ const l6 = U1(
         const S1 = q.top - h1.top, y1 = q.left - h1.left;
         d1 === "bottom" ? u1 = S1 + q.height + 4 : u1 = S1 - W - 4, j1 = y1;
       }
-      const x1 = 1100, L1 = parseInt(b.replace(/\D/g, "")) || 0, B1 = x1 + L1 % 100, Y1 = {
-        position: w ? "absolute" : "fixed",
+      const x1 = 1100, L1 = parseInt(g.replace(/\D/g, "")) || 0, B1 = x1 + L1 % 100, Y1 = {
+        position: h ? "absolute" : "fixed",
         top: `${u1}px`,
         left: `${j1}px`,
         width: `${T1}px`,
         zIndex: B1
       };
-      $(Y1);
+      S(Y1);
     });
-  }, [A, n1.length, b, w]), k = P(() => {
+  }, [A, n1.length, g, h]), k = P(() => {
     if (!m.current || !J.length)
       return;
     const q = m.current.querySelector(".ui-overflow-y-auto");
@@ -22840,101 +22840,101 @@ const l6 = U1(
       top: Math.max(0, u1),
       behavior: "smooth"
     });
-  }, [J, n]), F = (T) => {
-    T && T.stopPropagation(), !p && (f ? e1() : (w6(b), y(""), j(!1), S(), setTimeout(() => {
-      v(!0), Q1.add(b), setTimeout(() => {
-        S(), setTimeout(() => {
+  }, [J, n]), D = (T) => {
+    T && T.stopPropagation(), !p && (M ? e1() : (w6(g), O(""), j(!1), B(), setTimeout(() => {
+      v(!0), Q1.add(g), setTimeout(() => {
+        B(), setTimeout(() => {
           k();
         }, 50);
       }, 50);
     }, 50)));
   }, e1 = () => {
     j(!0), setTimeout(() => {
-      v(!1), j(!1), Q1.delete(b);
+      v(!1), j(!1), Q1.delete(g);
     }, 150);
   }, t1 = (T, q) => {
     if (q.stopPropagation(), !T.disabled) {
       if (d) {
-        const i1 = O(z), W = T[e];
+        const i1 = y(E), W = T[e];
         if (L && i1.length >= L && !i1.includes(W))
           return;
         const p1 = i1.includes(W) ? i1.filter((s1) => s1 !== W) : [...i1, W];
-        K(p1);
+        X(p1);
       } else {
         const i1 = T[e] === -1 ? -1 : T[e];
-        K(i1), y(""), e1();
+        X(i1), O(""), e1();
       }
       c == null || c(T);
     }
   }, l1 = (T) => {
-    y(T.target.value);
-  }, D = (T) => {
-    T.stopPropagation(), K(d ? [] : ""), y("");
+    O(T.target.value);
+  }, F = (T) => {
+    T.stopPropagation(), X(d ? [] : ""), O("");
   };
-  return X(() => {
-    g == null || g(f);
-  }, [f, g]), j9({
-    isActive: f,
+  return K(() => {
+    w == null || w(M);
+  }, [M, w]), j9({
+    isActive: M,
     // Simplificar condición para mejorar detección
     disabled: p,
     elementRef: m,
-    containerRef: w ? void 0 : I,
+    containerRef: h ? void 0 : I,
     // No usar containerRef cuando absolute=true
-    elementId: b,
+    elementId: g,
     elementType: "dropdown",
     closeOnClickOutside: s,
-    disableSameTypeCheck: w,
+    disableSameTypeCheck: h,
     // Deshabilitar isInsideSameType cuando absolute=true
     onOutsideClick: () => {
       setTimeout(() => {
         e1();
       }, 0);
     }
-  }), X(() => {
+  }), K(() => {
     const T = () => {
-      f && e1();
+      M && e1();
     };
     return document.addEventListener("close-all-dropdowns", T), () => {
       document.removeEventListener("close-all-dropdowns", T);
     };
-  }, [f, e1]), X(() => {
-    if (f) {
+  }, [M, e1]), K(() => {
+    if (M) {
       const T = () => {
-        S();
+        B();
       }, q = () => {
-        f && !H && S();
+        M && !H && B();
       };
       return window.addEventListener("resize", T), window.addEventListener("scroll", q, !1), document.addEventListener("scroll", q, !1), () => {
         window.removeEventListener("resize", T), window.removeEventListener("scroll", q, !1), document.removeEventListener("scroll", q, !1);
       };
     }
-  }, [f, S, H]), {
+  }, [M, B, H]), {
     // Estado
-    isOpen: f,
+    isOpen: M,
     isClosing: H,
     searchValue: V,
-    selectedValue: z,
+    selectedValue: E,
     selectedOptions: J,
     filteredOptions: n1,
-    position: B,
+    position: $,
     dropdownStyle: N,
     isControlled: G,
     multiple: d,
     // Referencias
-    inputRef: x,
+    inputRef: b,
     dropdownRef: m,
     containerRef: I,
-    dropdownUniqueId: b,
+    dropdownUniqueId: g,
     // Funciones
-    toggleDropdown: F,
+    toggleDropdown: D,
     closeDropdown: e1,
     handleOptionSelect: t1,
     handleSearchChange: l1,
-    handleClear: D,
-    calculatePosition: S,
-    setValue: K,
+    handleClear: F,
+    calculatePosition: B,
+    setValue: X,
     scrollToSelectedOption: k,
-    normalizeToArray: O
+    normalizeToArray: y
   };
 }, y9 = ({
   onClick: o,
@@ -22979,29 +22979,29 @@ const l6 = U1(
   error: p,
   helperText: d,
   rightSlot: L,
-  valueName: w,
-  idName: g
+  valueName: h,
+  idName: w
 }) => {
-  const [h, b] = Y(!1), [f, v] = Y(null), H = o1(null);
-  return X(() => {
+  const [f, g] = Y(!1), [M, v] = Y(null), H = o1(null);
+  return K(() => {
     if (!H.current || t.length === 0) {
-      b(!1), v(null);
+      g(!1), v(null);
       return;
     }
     const V = setTimeout(() => {
-      const y = H.current;
-      if (y) {
-        const B = y.scrollHeight, R = y.clientHeight;
-        if (f === null) {
+      const O = H.current;
+      if (O) {
+        const $ = O.scrollHeight, R = O.clientHeight;
+        if (M === null) {
           v(R);
           return;
         }
-        const N = B > f;
-        b(N);
+        const N = $ > M;
+        g(N);
       }
     }, 100);
     return () => clearTimeout(V);
-  }, [t.length, f]), // Input personalizado con tags para modo tags
+  }, [t.length, M]), // Input personalizado con tags para modo tags
   /* @__PURE__ */ u("div", { className: "ui-w-full", children: [
     o && /* @__PURE__ */ i("label", { className: "ui-mb-1 ui-block ui-text-sm ui-font-bold ui-text-gray-700", children: o }),
     /* @__PURE__ */ u(
@@ -23009,7 +23009,7 @@ const l6 = U1(
       {
         ref: s,
         "data-dropdown-input": "true",
-        className: `ui-flex ui-min-h-[32px] ui-cursor-pointer ui-items-center ui-gap-1 ui-rounded-md ui-border ui-border-gray-300 ui-bg-white ui-px-2 ${h ? "ui-py-2" : "ui-py-0.5"} ui-transition-[padding] ui-duration-150 ui-ease-out focus-within:ui-border-blue-500 focus-within:ui-ring-2 focus-within:ui-ring-blue-200 hover:ui-border-gray-400`,
+        className: `ui-flex ui-min-h-[32px] ui-cursor-pointer ui-items-center ui-gap-1 ui-rounded-md ui-border ui-border-gray-300 ui-bg-white ui-px-2 ${f ? "ui-py-2" : "ui-py-0.5"} ui-transition-[padding] ui-duration-150 ui-ease-out focus-within:ui-border-blue-500 focus-within:ui-ring-2 focus-within:ui-ring-blue-200 hover:ui-border-gray-400`,
         onClick: (j) => {
           c || e(j);
         },
@@ -23022,19 +23022,19 @@ const l6 = U1(
             "div",
             {
               ref: H,
-              className: `ui-flex ui-flex-wrap ui-gap-1 ${h ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
+              className: `ui-flex ui-flex-wrap ui-gap-1 ${f ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
               children: t.map((j) => j ? /* @__PURE__ */ i(
                 y9,
                 {
                   className: "ui-z-[1010]",
-                  label: j[w],
+                  label: j[h],
                   color: "blue",
                   size: "xs",
                   onClick: (V) => {
-                    V.stopPropagation(), n(j[g]);
+                    V.stopPropagation(), n(j[w]);
                   }
                 },
-                j[w]
+                j[h]
               ) : null)
             }
           ) : /* @__PURE__ */ i("span", { className: "ui-text-sm ui-text-neutral-500", children: r }),
@@ -23072,43 +23072,43 @@ const l6 = U1(
     noResultsDescription: p = "Puede probar a utilizar otras palabras clave o ajustar los filtros.",
     caret: d = !0,
     value: L,
-    defaultValue: w = "",
-    disabled: g = !1,
-    placeholder: h = "",
-    options: b = [],
-    valueName: f = "label",
+    defaultValue: h = "",
+    disabled: w = !1,
+    placeholder: f = "",
+    options: g = [],
+    valueName: M = "label",
     idName: v = "value",
     onValueChange: H,
     onOptionSelect: j,
     onCheckboxChange: V,
-    searchable: y = !1,
-    maxHeight: B = "200px",
+    searchable: O = !1,
+    maxHeight: $ = "200px",
     closeOnClickOutside: R = !0,
     dropdownId: N,
-    multiple: $ = !1,
-    maxSelectedItems: x,
+    multiple: S = !1,
+    maxSelectedItems: b,
     selectedItemsDisplay: m = "tags",
     absolute: I = !1,
-    footer: O = !1,
-    defaultOptionSelected: M = !1,
+    footer: y = !1,
+    defaultOptionSelected: x = !1,
     withCheckbox: Z = !1,
-    ...E
+    ...z
   }, G) => {
-    const z = o1(null), [K, J] = Y(c), [n1, A] = Y(null), [S, k] = Y(!1), t1 = $ ? b : !$ && M ? [
+    const E = o1(null), [X, J] = Y(c), [n1, A] = Y(null), [B, k] = Y(!1), t1 = S ? g : !S && x ? [
       {
         ...{
-          label: h || "Selecciona una opción",
+          label: f || "Selecciona una opción",
           value: -1,
           disabled: !1
         },
         [v]: -1,
         value: -1,
-        label: h || "Selecciona una opción"
+        label: f || "Selecciona una opción"
       },
-      ...b.filter((U) => U[v] !== -1)
-    ] : b, l1 = L !== void 0 ? L : M && !$ ? -1 : w, {
+      ...g.filter((U) => U[v] !== -1)
+    ] : g, l1 = L !== void 0 ? L : x && !S ? -1 : h, {
       // Estado
-      isOpen: D,
+      isOpen: F,
       isClosing: T,
       searchValue: q,
       selectedValue: i1,
@@ -23135,16 +23135,16 @@ const l6 = U1(
       value: L,
       defaultValue: l1,
       options: t1,
-      valueName: f,
+      valueName: M,
       idName: v,
       onValueChange: H,
       onOptionSelect: j,
-      searchable: y,
+      searchable: O,
       closeOnClickOutside: R,
       dropdownId: N,
-      disabled: g,
-      multiple: $,
-      maxSelectedItems: x,
+      disabled: w,
+      multiple: S,
+      maxSelectedItems: b,
       absolute: I,
       onOpenChange: (U) => {
         U && setTimeout(() => {
@@ -23152,20 +23152,20 @@ const l6 = U1(
         }, 200);
       }
     });
-    X(() => {
+    K(() => {
       if (d1 && L !== void 0)
         if (L === "" || L === -1 || L === "-1")
           J((U) => U !== c ? c : U), A((U) => U !== null ? null : U);
         else {
           const U = t1.find(
-            (a1) => a1[f] === L || a1[v] === L
+            (a1) => a1[M] === L || a1[v] === L
           );
           if (U) {
             const a1 = U.icon || c, H1 = U.iconColor || null;
             J((Q) => Q !== a1 ? a1 : Q), A((Q) => Q !== H1 ? H1 : Q);
           }
         }
-    }, [L, d1, t1, f, v, c]), e0(
+    }, [L, d1, t1, M, v, c]), e0(
       G,
       () => ({
         getValue: () => i1,
@@ -23174,17 +23174,17 @@ const l6 = U1(
         },
         focus: () => {
           var U, a1;
-          $ && m === "tags" ? (U = z.current) == null || U.focus() : (a1 = u1.current) == null || a1.focus();
+          S && m === "tags" ? (U = E.current) == null || U.focus() : (a1 = u1.current) == null || a1.focus();
         },
         blur: () => {
           var U, a1;
-          $ && m === "tags" ? (U = z.current) == null || U.blur() : (a1 = u1.current) == null || a1.blur();
+          S && m === "tags" ? (U = E.current) == null || U.blur() : (a1 = u1.current) == null || a1.blur();
         },
         clear: () => {
-          d1 || y1($ ? [] : ""), H == null || H($ ? [] : "");
+          d1 || y1(S ? [] : ""), H == null || H(S ? [] : "");
         },
         open: () => {
-          g || (h1(), setTimeout(() => {
+          w || (h1(), setTimeout(() => {
             L1();
           }, 50));
         },
@@ -23195,25 +23195,25 @@ const l6 = U1(
       [
         i1,
         d1,
-        g,
+        w,
         h1,
         H,
         B1,
-        $,
+        S,
         y1,
         L1,
         m
       ]
-    ), X(() => {
-      if (D && W.length > 0) {
+    ), K(() => {
+      if (F && W.length > 0) {
         const U = setTimeout(() => {
           S1();
         }, 150);
         return () => clearTimeout(U);
       }
-    }, [D, W, S1]), X(() => {
-      if (D && $ && m === "tags") {
-        const U = z.current;
+    }, [F, W, S1]), K(() => {
+      if (F && S && m === "tags") {
+        const U = E.current;
         if (!U) return;
         const a1 = new ResizeObserver(() => {
           setTimeout(() => {
@@ -23224,37 +23224,37 @@ const l6 = U1(
           a1.disconnect();
         };
       }
-    }, [D, $, m, h1]), X(() => {
-      if (D && $ && m === "tags") {
+    }, [F, S, m, h1]), K(() => {
+      if (F && S && m === "tags") {
         const U = setTimeout(() => {
           h1();
         }, 100);
         return () => clearTimeout(U);
       }
-    }, [W, D, $, m, h1]);
+    }, [W, F, S, m, h1]);
     const K0 = (U) => {
-      if ($) {
+      if (S) {
         const H1 = Z9(i1).filter((Q) => Q !== U);
         y1(H1);
       }
     }, B9 = () => {
-      if ($) {
+      if (S) {
         if (W.length === 0) return "";
         switch (m) {
           case "count":
             return `${W.length} elemento${W.length > 1 ? "s" : ""} seleccionado${W.length > 1 ? "s" : ""}`;
           case "text":
-            return W.map((U) => U == null ? void 0 : U[f]).filter(Boolean).join(", ");
+            return W.map((U) => U == null ? void 0 : U[M]).filter(Boolean).join(", ");
           case "tags":
           default:
             return "";
         }
       } else {
         const U = W[0];
-        return U ? U[v] === -1 || U[f] === -1 || U[f] === "-1" ? h : U[f] || "" : "";
+        return U ? U[v] === -1 || U[M] === -1 || U[M] === "-1" ? f : U[M] || "" : "";
       }
     }, S9 = () => {
-      if (!D || !s1.top) return null;
+      if (!F || !s1.top) return null;
       const U = T ? "animate-dropdown-exit" : "animate-dropdown-enter", a1 = (Q, A1) => {
         X0(Q, A1), Q.icon && J(Q.icon), Q.iconColor && A(Q.iconColor);
       }, H1 = /* @__PURE__ */ u(
@@ -23273,7 +23273,7 @@ const l6 = U1(
           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 ${U}`,
           onClick: (Q) => Q.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { children: y && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (Q) => Q.stopPropagation(), children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { children: O && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (Q) => Q.stopPropagation(), children: /* @__PURE__ */ i(
               $1,
               {
                 value: q,
@@ -23285,9 +23285,9 @@ const l6 = U1(
                 size: "sm"
               }
             ) }) }),
-            y && /* @__PURE__ */ i(E1, {}),
+            O && /* @__PURE__ */ i(z1, {}),
             /* @__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 A1 = $ ? W.some(
+              const A1 = S ? W.some(
                 (O1) => O1 && O1[v] === Q[v]
               ) : Q[v] === -1 && (i1 === -1 || i1 === "-1") || Q[v] === i1;
               return Z ? /* @__PURE__ */ i(
@@ -23303,9 +23303,9 @@ const l6 = U1(
                     onChange: (O1) => V == null ? void 0 : V(Q, O1),
                     disabled: Q.disabled
                   },
-                  children: Q[f]
+                  children: Q[M]
                 },
-                Q[v] || Q[f]
+                Q[v] || Q[M]
               ) : /* @__PURE__ */ i(
                 V9,
                 {
@@ -23315,9 +23315,9 @@ const l6 = U1(
                   "data-option-value": Q[v],
                   icon: Q.icon,
                   iconColor: Q.iconColor,
-                  children: Q[f]
+                  children: Q[M]
                 },
-                Q[v] || Q[f]
+                Q[v] || Q[M]
               );
             }) : q ? /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
               /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(v1, { name: "SearchOutlined", size: "5xl", color: "neutral" }) }),
@@ -23329,8 +23329,8 @@ const l6 = U1(
               ] }),
               /* @__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" }) }),
-            O && /* @__PURE__ */ u(Z1, { children: [
-              /* @__PURE__ */ i(E1, {}),
+            y && /* @__PURE__ */ u(Z1, { children: [
+              /* @__PURE__ */ i(z1, {}),
               /* @__PURE__ */ u("div", { className: "ui-flex ui-min-w-[200px] ui-gap-x-2 ui-px-4 ui-py-2", children: [
                 /* @__PURE__ */ i(
                   b1,
@@ -23352,7 +23352,7 @@ const l6 = U1(
       );
       return I ? H1 : P1(H1, document.body);
     };
-    return X(() => {
+    return K(() => {
       c && J(c);
     }, [c]), /* @__PURE__ */ u(
       "div",
@@ -23361,23 +23361,23 @@ const l6 = U1(
         className: "ui-relative ui-w-full",
         "data-dropdown-container-id": x1,
         children: [
-          $ && m === "tags" ? /* @__PURE__ */ i(
+          S && m === "tags" ? /* @__PURE__ */ i(
             f6,
             {
               label: r,
-              placeholder: h,
+              placeholder: f,
               selectedOptions: W,
               handleRemoveSelected: K0,
               toggleDropdown: L1,
-              isOpen: D,
-              isOpening: S,
+              isOpen: F,
+              isOpening: B,
               setIsOpening: k,
-              customInputRef: z,
-              disabled: g,
+              customInputRef: E,
+              disabled: w,
               error: t,
               helperText: n || "",
               rightSlot: l,
-              valueName: f,
+              valueName: M,
               idName: v
             }
           ) : (
@@ -23391,33 +23391,33 @@ const l6 = U1(
                 helperText: n,
                 size: e,
                 color: a,
-                leftSlot: K || void 0,
+                leftSlot: X || void 0,
                 colorLeftIcon: n1 || void 0,
                 rightSlot: l,
                 fullWidth: !0,
                 caret: d,
-                disabled: g,
-                placeholder: h,
+                disabled: w,
+                placeholder: f,
                 value: B9(),
                 readOnly: !0,
                 onClick: (U) => L1(U),
                 onClickExtraSlot: () => L1(),
-                extraSlot: D ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
+                extraSlot: F ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
                 name: o,
                 autosize: !0,
-                ...E
+                ...z
               }
             )
           ),
-          $ && m !== "tags" && W.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: W.map((U) => U ? /* @__PURE__ */ i(
+          S && m !== "tags" && W.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: W.map((U) => U ? /* @__PURE__ */ i(
             y9,
             {
-              label: U[f],
+              label: U[M],
               color: "blue",
               size: "sm",
               onClick: () => K0(U[v])
             },
-            U[f]
+            U[M]
           ) : null) }),
           S9()
         ]
@@ -23428,7 +23428,7 @@ const l6 = U1(
 R1.displayName = "Dropdown";
 const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   const [n, e] = Y(!1), [a, c] = Y(() => (t || "").length);
-  return X(() => {
+  return K(() => {
     const C = (t || "").length;
     c((p) => p !== C ? C : p);
   }, [t]), { isFocused: n, setIsFocused: e, count: a, handleChange: (C) => {
@@ -23444,10 +23444,10 @@ const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
       const p = C.clipboardData.getData("text"), d = t || "";
       if (d.length + p.length > o) {
         C.preventDefault();
-        const w = o - d.length, g = p.substring(0, w);
-        if (w > 0) {
-          const h = d + g;
-          c(h.length), r == null || r(h);
+        const h = o - d.length, w = p.substring(0, h);
+        if (h > 0) {
+          const f = d + w;
+          c(f.length), r == null || r(f);
         }
       }
     }
@@ -23465,7 +23465,7 @@ const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   helperText: C = "",
   maxLength: p = 0
 }) => {
-  const { isFocused: d, setIsFocused: L, count: w, handleChange: g, handlePaste: h } = m6({
+  const { isFocused: d, setIsFocused: L, count: h, handleChange: w, handlePaste: f } = m6({
     maxLength: p,
     onChange: r,
     value: o
@@ -23492,8 +23492,8 @@ const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
             placeholder: t,
             onFocus: () => L(!0),
             value: o || "",
-            onChange: g,
-            onPaste: h,
+            onChange: w,
+            onPaste: f,
             onBlur: () => L(!1),
             disabled: l,
             rows: 1,
@@ -23525,7 +23525,7 @@ const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
             children: [
               /* @__PURE__ */ i(v1, { name: "FileOutlined", color: "neutral_soft", size: "sm" }),
               /* @__PURE__ */ u("p", { className: "ui-text-sm ui-leading-none ui-text-neutral-500", children: [
-                w,
+                h,
                 "/",
                 p
               ] })
@@ -23555,100 +23555,100 @@ const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   disabled: l = !1,
   absolute: s = !1
 }) => {
-  const C = i9(), p = e || `popup-${C}`, [d, L] = Y(!1), [w, g] = Y({}), [h, b] = Y(!1), f = o1(null), v = o1(null), H = o1(null), j = P(() => {
-    const B = f.current, R = v.current;
-    if (!B || !R) return;
-    const N = B.getBoundingClientRect(), $ = R.getBoundingClientRect();
-    if ($.width === 0 || $.height === 0)
+  const C = i9(), p = e || `popup-${C}`, [d, L] = Y(!1), [h, w] = Y({}), [f, g] = Y(!1), M = o1(null), v = o1(null), H = o1(null), j = P(() => {
+    const $ = M.current, R = v.current;
+    if (!$ || !R) return;
+    const N = $.getBoundingClientRect(), S = R.getBoundingClientRect();
+    if (S.width === 0 || S.height === 0)
       return;
-    let x = 0, m = 0;
+    let b = 0, m = 0;
     if (s) {
-      const E = B.offsetTop, G = B.offsetLeft, z = B.offsetWidth, K = B.offsetHeight;
+      const z = $.offsetTop, G = $.offsetLeft, E = $.offsetWidth, X = $.offsetHeight;
       switch (o) {
         case "top":
-          x = E - $.height - r, m = G + (z - $.width) / 2;
+          b = z - S.height - r, m = G + (E - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          x = E + K + r, m = G + (z - $.width) / 2;
+          b = z + X + r, m = G + (E - S.width) / 2;
           break;
         case "bottom-left":
-          x = E + K + r, m = G;
+          b = z + X + r, m = G;
           break;
         case "bottom-right":
-          x = E + K + r, m = G + z - $.width;
+          b = z + X + r, m = G + E - S.width;
           break;
         case "left":
-          x = E, m = G - $.width - r;
+          b = z, m = G - S.width - r;
           break;
         case "right":
-          x = E, m = G + z + r;
+          b = z, m = G + E + r;
           break;
       }
     } else {
-      const E = window.innerWidth, G = window.innerHeight, z = N.top, K = N.left, J = N.width, n1 = N.height;
+      const z = window.innerWidth, G = window.innerHeight, E = N.top, X = N.left, J = N.width, n1 = N.height;
       switch (o) {
         case "top":
-          x = z - $.height - r, m = K + (J - $.width) / 2;
+          b = E - S.height - r, m = X + (J - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          x = z + n1 + r, m = K + (J - $.width) / 2;
+          b = E + n1 + r, m = X + (J - S.width) / 2;
           break;
         case "bottom-left":
-          x = z + n1 + r, m = K;
+          b = E + n1 + r, m = X;
           break;
         case "bottom-right":
-          x = z + n1 + r, m = K + J - $.width;
+          b = E + n1 + r, m = X + J - S.width;
           break;
         case "left":
-          x = z, m = K - $.width - r;
+          b = E, m = X - S.width - r;
           break;
         case "right":
-          x = z, m = K + J + r;
+          b = E, m = X + J + r;
           break;
       }
-      m < 0 && (m = 0), m + $.width > E && (m = E - $.width), x < 0 && (x = 0), x + $.height > G && (x = G - $.height), o === "bottom-right" && $.width > N.width && (m = N.right - $.width, m < 0 && (m = 0));
+      m < 0 && (m = 0), m + S.width > z && (m = z - S.width), b < 0 && (b = 0), b + S.height > G && (b = G - S.height), o === "bottom-right" && S.width > N.width && (m = N.right - S.width, m < 0 && (m = 0));
     }
-    const I = 1e3, O = parseInt(p.replace(/\D/g, "")) || 0, M = I + O % 100, Z = {
+    const I = 1e3, y = parseInt(p.replace(/\D/g, "")) || 0, x = I + y % 100, Z = {
       position: s ? "absolute" : "fixed",
-      top: `${x}px`,
+      top: `${b}px`,
       left: `${m}px`,
-      zIndex: M
+      zIndex: x
     };
-    g(Z), b(!0);
-  }, [o, r, p, s]), V = (B) => {
-    B && B.stopPropagation(), !l && (d ? y() : (x6(p), g({}), b(!1), L(!0), W1.add(p), a == null || a()));
-  }, y = () => {
-    L(!1), b(!1), W1.delete(p), c == null || c();
+    w(Z), g(!0);
+  }, [o, r, p, s]), V = ($) => {
+    $ && $.stopPropagation(), !l && (d ? O() : (x6(p), w({}), g(!1), L(!0), W1.add(p), a == null || a()));
+  }, O = () => {
+    L(!1), g(!1), W1.delete(p), c == null || c();
   };
-  return X(() => {
+  return K(() => {
     if (d) {
-      const B = () => {
+      const $ = () => {
         const R = v.current;
         if (R) {
           const N = R.getBoundingClientRect();
           N.width > 0 && N.height > 0 && N.width !== 0 && N.height !== 0 ? j() : setTimeout(() => {
-            requestAnimationFrame(B);
+            requestAnimationFrame($);
           }, 10);
         }
       };
       setTimeout(() => {
-        requestAnimationFrame(B);
+        requestAnimationFrame($);
       }, 0);
     }
-  }, [d, j]), X(() => {
-    if (!d || !h || s) return;
-    let B = !1;
+  }, [d, j]), K(() => {
+    if (!d || !f || s) return;
+    let $ = !1;
     const R = () => {
-      B || (requestAnimationFrame(() => {
-        j(), B = !1;
-      }), B = !0);
+      $ || (requestAnimationFrame(() => {
+        j(), $ = !1;
+      }), $ = !0);
     };
     return window.addEventListener("scroll", R, { passive: !0 }), window.addEventListener("resize", R, { passive: !0 }), () => {
       window.removeEventListener("scroll", R), window.removeEventListener("resize", R);
     };
-  }, [d, h, s, j]), j9({
+  }, [d, f, s, j]), j9({
     isActive: d,
     disabled: l,
     elementRef: v,
@@ -23656,17 +23656,17 @@ const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: t,
-    onOutsideClick: y
-  }), q0(d, y, !n), {
+    onOutsideClick: O
+  }), q0(d, O, !n), {
     isOpen: d,
-    popupStyle: w,
-    isPositioned: h,
-    triggerRef: f,
+    popupStyle: h,
+    isPositioned: f,
+    triggerRef: M,
     popupRef: v,
     containerRef: H,
     popupUniqueId: p,
     togglePopup: V,
-    closePopup: y
+    closePopup: O
   };
 }, v6 = (o) => ({
   sm: "ui-rounded-sm",
@@ -23690,37 +23690,37 @@ const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     disabled: p = !1,
     variant: d = "outlined",
     color: L = "white",
-    size: w = "md",
-    textColor: g = "inherit",
-    rounded: h = !1,
-    slotLeft: b,
-    borderRadius: f = "sm",
+    size: h = "md",
+    textColor: w = "inherit",
+    rounded: f = !1,
+    slotLeft: g,
+    borderRadius: M = "sm",
     slotRight: v,
     icon: H,
     colorIcon: j,
     tooltip: V,
-    tooltipPosition: y,
-    tooltipAlignment: B,
+    tooltipPosition: O,
+    tooltipAlignment: $,
     tooltipColor: R,
     tooltipDelay: N,
-    absolute: $ = !1,
-    closeOnClick: x = !0,
+    absolute: S = !1,
+    closeOnClick: b = !0,
     buttonClassName: m,
     containerClassName: I,
-    buttonTransition: O = !0,
-    buttonStyle: M,
+    buttonTransition: y = !0,
+    buttonStyle: x,
     ...Z
-  }, E) => {
+  }, z) => {
     const {
       isOpen: G,
-      popupStyle: z,
-      isPositioned: K,
+      popupStyle: E,
+      isPositioned: X,
       triggerRef: J,
       popupRef: n1,
       containerRef: A,
-      popupUniqueId: S,
+      popupUniqueId: B,
       togglePopup: k,
-      closePopup: F
+      closePopup: D
     } = b6({
       position: t,
       offset: n,
@@ -23730,55 +23730,55 @@ const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
       onOpen: s,
       onClose: C,
       disabled: p,
-      absolute: $
+      absolute: S
     });
     e0(
-      E,
+      z,
       () => ({
         open: () => {
           p || k();
         },
         close: () => {
-          F();
+          D();
         },
         isOpen: () => G
       }),
-      [p, k, F, G]
+      [p, k, D, G]
     );
     const e1 = () => {
       if (!G)
         return null;
       const t1 = {
-        position: $ ? "absolute" : "fixed",
-        top: $ ? "auto" : "-9999px",
-        left: $ ? "auto" : "-9999px",
-        visibility: K ? "visible" : "hidden",
-        opacity: K ? 1 : 0,
+        position: S ? "absolute" : "fixed",
+        top: S ? "auto" : "-9999px",
+        left: S ? "auto" : "-9999px",
+        visibility: X ? "visible" : "hidden",
+        opacity: X ? 1 : 0,
         transition: "opacity 0.1s ease-out",
-        ...z
-      }, l1 = v6(f), D = /* @__PURE__ */ i(
+        ...E
+      }, l1 = v6(M), F = /* @__PURE__ */ i(
         "div",
         {
           ref: n1,
-          id: S,
-          "data-popup-id": S,
+          id: B,
+          "data-popup-id": B,
           style: t1,
           className: `ui-border ui-border-neutral-100 ui-bg-white ${l1} ui-overflow-hidden ui-shadow-lg ${l}`,
           onClick: () => {
-            x && F();
+            b && D();
           },
           ...Z,
           children: o
         }
       );
-      return $ ? D : P1(D, document.body);
+      return S ? F : P1(F, document.body);
     };
     return /* @__PURE__ */ u(
       "div",
       {
         ref: A,
         className: _("ui-relative ui-h-max"),
-        "data-popup-container-id": S,
+        "data-popup-container-id": B,
         children: [
           /* @__PURE__ */ i("div", { ref: J, className: _("ui-w-fit", I), children: /* @__PURE__ */ i(
             b1,
@@ -23788,20 +23788,20 @@ const m6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
               disabled: p,
               variant: d,
               color: L,
-              size: w,
-              rounded: h,
+              size: h,
+              rounded: f,
               icon: H,
-              slotLeft: b,
+              slotLeft: g,
               slotRight: v,
               colorIcon: j,
-              textColor: g,
+              textColor: w,
               tooltip: V,
-              tooltipPosition: y,
-              tooltipAlignment: B,
+              tooltipPosition: O,
+              tooltipAlignment: $,
               tooltipColor: R,
               tooltipDelay: N,
-              transition: O,
-              style: M,
+              transition: y,
+              style: x,
               children: r || ""
             }
           ) }),
@@ -23820,8 +23820,8 @@ const k1 = {
   DATE_RANGE: "dateRange",
   TEXTAREA: "textarea"
 }, j6 = ({ filters: o, onClear: r, onApply: t }) => {
-  const n = P((w) => {
-    switch (w) {
+  const n = P((h) => {
+    switch (h) {
       case k1.MULTIPLE:
         return [];
       case k1.DATE:
@@ -23835,50 +23835,50 @@ const k1 = {
         return "";
     }
   }, []), e = P(
-    (w) => n(w.type),
+    (h) => n(h.type),
     [n]
   ), a = P(
-    (w) => n(w.type),
+    (h) => n(h.type),
     [n]
   ), [c, l] = Y(() => {
-    const w = {};
-    return o.forEach((g) => {
-      const h = g.keyName || g.label.toLowerCase();
-      w[h] = e(g);
-    }), w;
+    const h = {};
+    return o.forEach((w) => {
+      const f = w.keyName || w.label.toLowerCase();
+      h[f] = e(w);
+    }), h;
   }), s = P(() => {
-    const w = {};
-    o.forEach((g) => {
-      const h = g.keyName || g.label.toLowerCase(), b = e(g);
-      w[h] = b;
-    }), l(w);
+    const h = {};
+    o.forEach((w) => {
+      const f = w.keyName || w.label.toLowerCase(), g = e(w);
+      h[f] = g;
+    }), l(h);
   }, [o, e]);
-  X(() => {
+  K(() => {
     s();
   }, [s]);
   const C = P(() => {
-    const w = {};
-    o.forEach((g) => {
-      const h = g.keyName || g.label.toLowerCase();
-      w[h] = a(g);
-    }), l(w), o.forEach((g) => {
-      if (g.onValueChange) {
-        const h = a(g);
-        g.onValueChange({
-          current: h,
-          filters: w
+    const h = {};
+    o.forEach((w) => {
+      const f = w.keyName || w.label.toLowerCase();
+      h[f] = a(w);
+    }), l(h), o.forEach((w) => {
+      if (w.onValueChange) {
+        const f = a(w);
+        w.onValueChange({
+          current: f,
+          filters: h
         });
       }
     }), r == null || r();
   }, [o, a, r]), p = P(
-    (w, g, h) => {
-      const b = h.keyName || w.toLowerCase(), f = {
+    (h, w, f) => {
+      const g = f.keyName || h.toLowerCase(), M = {
         ...c,
-        [b]: g
+        [g]: w
       };
-      l(f), h.onValueChange && h.onValueChange({
-        current: g,
-        filters: f
+      l(M), f.onValueChange && f.onValueChange({
+        current: w,
+        filters: M
       });
     },
     [c]
@@ -23899,120 +23899,109 @@ const k1 = {
   clearText: r = "Limpiar",
   title: t = "Filtros",
   icon: n = "FilterOutlined",
-  onClear: e,
-  onApply: a,
-  closeOnApply: c = !0
+  label: e = "Filtros",
+  onClear: a,
+  onApply: c,
+  closeOnApply: l = !0
 }) => {
-  const l = o1(null), { filterStates: s, handleFilterChange: C, handleClear: p, handleApply: d } = j6({
+  const s = o1(null), { filterStates: C, handleFilterChange: p, handleClear: d, handleApply: L } = j6({
     filters: o,
-    onClear: e,
-    onApply: a
-  }), L = () => {
-    var h;
-    d(), c && ((h = l.current) == null || h.close());
+    onClear: a,
+    onApply: c
+  }), h = () => {
+    var g;
+    L(), l && ((g = s.current) == null || g.close());
   }, w = () => {
-    const h = new CustomEvent("close-all-dropdowns");
-    document.dispatchEvent(h);
-  }, g = () => {
-    w();
+    const g = new CustomEvent("close-all-dropdowns");
+    document.dispatchEvent(g);
   };
-  return X(() => {
-    const h = (b) => {
-      var y, B;
-      const f = b.target;
-      if (!((y = l.current) != null && y.isOpen()))
-        return;
-      const v = document.querySelector("[data-popup-container-id]"), H = v == null ? void 0 : v.contains(f);
-      document.querySelector("[data-dropdown-id]") || H || (B = l.current) == null || B.close();
-    };
-    return document.addEventListener("mousedown", h, !1), () => {
-      document.removeEventListener("mousedown", h, !1);
-    };
-  }, []), /* @__PURE__ */ u(
+  return /* @__PURE__ */ u(
     O9,
     {
       borderRadius: "2xl",
-      absolute: !0,
-      label: "Lista",
+      absolute: !1,
+      label: e,
       slotLeft: "FilterOutlined",
       size: "lg",
       closeOnClick: !1,
       closeOnClickOutside: !0,
       className: "ui-w-[320px]",
-      ref: l,
-      onClose: g,
+      ref: s,
+      onClose: () => {
+        w();
+      },
       children: [
         /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4 ui-pb-3", children: [
           /* @__PURE__ */ i(m9, { title: t, icon: n }),
-          /* @__PURE__ */ i(b1, { variant: "text", color: "neutral", colorIcon: "neutral", onClick: p, children: r })
+          /* @__PURE__ */ i(b1, { variant: "text", color: "neutral", colorIcon: "neutral", onClick: d, children: r })
         ] }),
-        /* @__PURE__ */ i(E1, {}),
+        /* @__PURE__ */ i(z1, {}),
         /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-col ui-gap-y-2 ui-p-4 ui-pt-3", children: [
-          o.map((h) => {
-            const b = h.keyName || h.label.toLowerCase();
-            return h.type === "dropdown" ? /* @__PURE__ */ i(
+          o.map((g) => {
+            const M = g.keyName || g.label.toLowerCase();
+            return g.type === "dropdown" ? /* @__PURE__ */ i(
               R1,
               {
-                label: h.label,
-                options: h.options || [],
-                onValueChange: (f) => C(h.label, f, h),
-                value: s[b] || "",
-                placeholder: h.placeholder,
-                absolute: !0,
+                label: g.label,
+                options: g.options || [],
+                onValueChange: (v) => p(g.label, v, g),
+                value: C[M] || "",
+                placeholder: g.placeholder,
+                absolute: !1,
                 closeOnClickOutside: !0
               },
-              `${h.type}-${h.label}`
-            ) : h.type === "multiple" ? /* @__PURE__ */ i(
+              `${g.type}-${g.label}`
+            ) : g.type === "multiple" ? /* @__PURE__ */ i(
               R1,
               {
-                label: h.label,
-                options: h.options || [],
+                label: g.label,
+                options: g.options || [],
                 size: "md",
-                onValueChange: (f) => C(h.label, f, h),
-                value: s[b] || "",
-                placeholder: h.placeholder,
+                onValueChange: (v) => p(g.label, v, g),
+                value: C[M] || "",
+                placeholder: g.placeholder,
                 multiple: !0,
-                absolute: !0,
+                absolute: !1,
                 closeOnClickOutside: !0
               },
-              `${h.type}-${h.label}`
-            ) : h.type === "input" ? /* @__PURE__ */ i(
+              `${g.type}-${g.label}`
+            ) : g.type === "input" ? /* @__PURE__ */ i(
               $1,
               {
-                label: h.label,
-                value: s[b] || "",
-                onChange: (f) => C(h.label, f.target.value, h)
+                label: g.label,
+                value: C[M] || "",
+                onChange: (v) => p(g.label, v.target.value, g)
               },
-              `${h.type}-${h.label}`
-            ) : h.type === "date" ? /* @__PURE__ */ i(
+              `${g.type}-${g.label}`
+            ) : g.type === "date" ? /* @__PURE__ */ i(
               n9,
               {
                 closeOnSelect: !0,
-                label: h.label,
-                selectedDate: s[b] || null,
-                onDateChange: (f) => C(h.label, f, h),
-                placeholder: h.placeholder
+                label: g.label,
+                selectedDate: C[M] || null,
+                onDateChange: (v) => p(g.label, v, g),
+                placeholder: g.placeholder
               },
-              `${h.type}-${h.label}`
-            ) : h.type === "dateRange" ? /* @__PURE__ */ i(
+              `${g.type}-${g.label}`
+            ) : g.type === "dateRange" ? /* @__PURE__ */ i(
               n9,
               {
-                label: h.label,
-                selectedRange: s[b] || { start: null, end: null },
-                onRangeChange: (f) => C(h.label, f, h),
-                placeholder: h.placeholder
+                label: g.label,
+                selectedRange: C[M] || { start: null, end: null },
+                onRangeChange: (v) => p(g.label, v, g),
+                placeholder: g.placeholder
               },
-              `${h.type}-${h.label}`
-            ) : h.type === "textarea" ? /* @__PURE__ */ i(
+              `${g.type}-${g.label}`
+            ) : g.type === "textarea" ? /* @__PURE__ */ i(
               M6,
               {
-                value: s[b] || "",
-                onChange: (f) => C(h.label, f, h)
+                value: C[M] || "",
+                onChange: (v) => p(g.label, v, g)
               },
-              `${h.type}-${h.label}`
+              `${g.type}-${g.label}`
             ) : null;
           }),
-          /* @__PURE__ */ i(b1, { color: "blue", onClick: L, children: "Aplicar" })
+          /* @__PURE__ */ i(b1, { color: "blue", onClick: h, children: "Aplicar" })
         ] })
       ]
     }
@@ -24049,17 +24038,17 @@ const k1 = {
   showCancelButton: p = !0,
   showCloseButton: d = !0,
   closeAtCorner: L = !0,
-  title: w,
-  tabs: g,
-  defaultValueTab: h,
-  onChangeTab: b,
-  headerButtonIcon: f,
+  title: h,
+  tabs: w,
+  defaultValueTab: f,
+  onChangeTab: g,
+  headerButtonIcon: M,
   headerButtonOnClick: v,
   footerButtonIcon: H,
   footerButtonOnClick: j,
   cancelButtonSlotLeft: V,
-  successButtonSlotRight: y,
-  disableCancelButton: B,
+  successButtonSlotRight: O,
+  disableCancelButton: $,
   disableSuccessButton: R
 }) => {
   const N = {
@@ -24074,18 +24063,18 @@ const k1 = {
     showSuccessButton: c,
     closeAtSuccess: e,
     closeAtCancel: C,
-    title: w,
+    title: h,
     icon: n,
-    tabs: g,
-    defaultValueTab: h,
-    onChangeTab: b,
-    headerButtonIcon: f,
+    tabs: w,
+    defaultValueTab: f,
+    onChangeTab: g,
+    headerButtonIcon: M,
     headerButtonOnClick: v,
     footerButtonIcon: H,
     footerButtonOnClick: j,
     cancelButtonSlotLeft: V,
-    successButtonSlotRight: y,
-    disableCancelButton: B,
+    successButtonSlotRight: O,
+    disableCancelButton: $,
     disableSuccessButton: R
   };
   return /* @__PURE__ */ i(k9.Provider, { value: N, children: o });
@@ -24156,10 +24145,10 @@ const k1 = {
     icon: p,
     tabs: d,
     defaultValueTab: L,
-    onChangeTab: w,
-    headerButtonIcon: g,
-    headerButtonOnClick: h
-  } = I9(), b = r ?? C, f = c ?? g, v = l ?? h, H = (n == null ? void 0 : n.length) > 0 ? n : d, j = (H == null ? void 0 : H.length) ?? !1, V = a ?? w, y = e ?? L, B = (R) => {
+    onChangeTab: h,
+    headerButtonIcon: w,
+    headerButtonOnClick: f
+  } = I9(), g = r ?? C, M = c ?? w, v = l ?? f, H = (n == null ? void 0 : n.length) > 0 ? n : d, j = (H == null ? void 0 : H.length) ?? !1, V = a ?? h, O = e ?? L, $ = (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: [
@@ -24174,11 +24163,11 @@ const k1 = {
           variant: "outlined",
           rounded: !0,
           color: "white",
-          icon: f ?? "AlignJustifyOutlined",
+          icon: M ?? "AlignJustifyOutlined",
           size: "lg"
         }
       ),
-      b && /* @__PURE__ */ i(
+      g && /* @__PURE__ */ i(
         r1,
         {
           onClick: s,
@@ -24195,10 +24184,10 @@ const k1 = {
       O6,
       {
         options: H ?? [],
-        defaultValue: y,
+        defaultValue: O,
         size: "sm",
         onChange: (R) => {
-          B(R);
+          $(R);
         }
       }
     ) }) : null
@@ -24221,40 +24210,40 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     showCancelButton: p,
     showSuccessButton: d,
     closeAtSuccess: L,
-    closeAtCancel: w,
-    footerButtonIcon: g,
-    footerButtonOnClick: h,
-    cancelButtonSlotLeft: b,
-    successButtonSlotRight: f,
+    closeAtCancel: h,
+    footerButtonIcon: w,
+    footerButtonOnClick: f,
+    cancelButtonSlotLeft: g,
+    successButtonSlotRight: M,
     disableCancelButton: v,
     disableSuccessButton: H
   } = I9(), j = () => {
-    s && s(), w && a();
+    s && s(), h && a();
   }, V = () => {
     C && C(), L && a();
-  }, y = r ?? g, B = t ?? h;
+  }, O = r ?? w, $ = t ?? f;
   return /* @__PURE__ */ u(
     "div",
     {
-      className: `ui-flex ui-border-t ui-border-neutral-100 ui-p-4 ${B ? "ui-justify-between" : "ui-justify-end"} ui-items-center ui-gap-2`,
+      className: `ui-flex ui-border-t ui-border-neutral-100 ui-p-4 ${$ ? "ui-justify-between" : "ui-justify-end"} ui-items-center ui-gap-2`,
       children: [
-        B && /* @__PURE__ */ i(
+        $ && /* @__PURE__ */ i(
           r1,
           {
             "aria-label": "Header button",
             variant: "outlined",
             rounded: !0,
             color: "white",
-            icon: y ?? "AlignJustifyOutlined",
+            icon: O ?? "AlignJustifyOutlined",
             size: "lg",
-            onClick: B
+            onClick: $
           }
         ),
         o || /* @__PURE__ */ u("div", { className: "ui-flex ui-gap-2", children: [
           p && /* @__PURE__ */ i(
             r1,
             {
-              slotLeft: n ?? b,
+              slotLeft: n ?? g,
               color: "white",
               variant: "outlined",
               onClick: j,
@@ -24265,7 +24254,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
           d && /* @__PURE__ */ i(
             r1,
             {
-              slotLeft: e ?? f,
+              slotLeft: e ?? M,
               onClick: V,
               disabled: H,
               children: l
@@ -24301,33 +24290,33 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   cancelButtonText: p,
   successButtonText: d,
   onCancel: L,
-  onSuccess: w,
-  title: g,
-  showCancelButton: h,
-  showSuccessButton: b,
-  closeAtSuccess: f,
+  onSuccess: h,
+  title: w,
+  showCancelButton: f,
+  showSuccessButton: g,
+  closeAtSuccess: M,
   closeAtCancel: v,
   tabs: H,
   defaultValueTab: j,
   onChangeTab: V,
-  headerButtonIcon: y,
-  headerButtonOnClick: B,
+  headerButtonIcon: O,
+  headerButtonOnClick: $,
   footerButtonIcon: R,
   footerButtonOnClick: N,
-  cancelButtonSlotLeft: $,
-  successButtonSlotRight: x,
+  cancelButtonSlotLeft: S,
+  successButtonSlotRight: b,
   disableCancelButton: m,
   disableSuccessButton: I
 }) => {
-  const { isVisible: O, animateIn: M, container: Z, modalRef: E } = H6({
+  const { isVisible: y, animateIn: x, container: Z, modalRef: z } = H6({
     isOpen: o,
     onClose: r,
     disableEscapeClose: c,
     disableOutsideTab: l,
     disableOutsideClick: s
   });
-  if (!Z || !o && !O) return null;
-  const G = Z6(e), z = B6(e), K = /* @__PURE__ */ u(
+  if (!Z || !o && !y) return null;
+  const G = Z6(e), E = B6(e), X = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -24340,7 +24329,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
           {
             className: _(
               "ui-fixed ui-inset-0 ui-bg-black ui-backdrop-blur-sm ui-transition-opacity ui-duration-200",
-              M ? "ui-opacity-40" : "ui-opacity-0"
+              x ? "ui-opacity-40" : "ui-opacity-0"
             ),
             onClick: s ? (J) => J.stopPropagation() : r
           }
@@ -24348,12 +24337,12 @@ const k6 = ({ 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: E,
+            ref: z,
             tabIndex: -1,
             className: _(
               "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",
               I6[n],
-              M ? "ui-translate-y-0 ui-scale-100 ui-opacity-100" : "ui-translate-y-4 ui-scale-95 ui-opacity-0"
+              x ? "ui-translate-y-0 ui-scale-100 ui-opacity-100" : "ui-translate-y-4 ui-scale-95 ui-opacity-0"
             ),
             onClick: (J) => J.stopPropagation(),
             children: /* @__PURE__ */ u(
@@ -24366,28 +24355,28 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 cancelButtonText: p,
                 successButtonText: d,
                 onCancel: L,
-                onSuccess: w,
-                showCancelButton: h,
-                showSuccessButton: b,
-                closeAtSuccess: f,
+                onSuccess: h,
+                showCancelButton: f,
+                showSuccessButton: g,
+                closeAtSuccess: M,
                 closeAtCancel: v,
-                title: g,
+                title: w,
                 icon: t,
-                headerButtonIcon: y,
-                headerButtonOnClick: B,
+                headerButtonIcon: O,
+                headerButtonOnClick: $,
                 footerButtonIcon: R,
                 footerButtonOnClick: N,
                 tabs: H,
                 defaultValueTab: j,
                 onChangeTab: V,
-                cancelButtonSlotLeft: $,
-                successButtonSlotRight: x,
+                cancelButtonSlotLeft: S,
+                successButtonSlotRight: b,
                 disableCancelButton: m,
                 disableSuccessButton: I,
                 children: [
-                  !G && (a || g ? /* @__PURE__ */ i(G1, { title: g }) : null),
+                  !G && (a || w ? /* @__PURE__ */ i(G1, { title: w }) : null),
                   e && e,
-                  !z && /* @__PURE__ */ i(Y0, {})
+                  !E && /* @__PURE__ */ i(Y0, {})
                 ]
               }
             )
@@ -24396,8 +24385,8 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ]
     }
   );
-  return p9.createPortal(K, Z);
-}, Di = Object.assign(S6, {
+  return p9.createPortal(X, Z);
+}, Fi = Object.assign(S6, {
   Header: G1,
   Body: k6,
   Footer: Y0
@@ -24407,7 +24396,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   { label: "25", id: 25 },
   { label: "50", id: 50 },
   { label: "100", id: 100 }
-], Fi = ({
+], Di = ({
   currentPage: o,
   pageCount: r,
   pageSize: t = 10,
@@ -24423,20 +24412,20 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   showVisiblePages: d = !1,
   showPagesSelector: L = !1
 }) => {
-  X(() => {
+  K(() => {
     o > r && r > 0 && l(r);
   }, [o, r, l]);
-  const w = (j) => {
+  const h = (j) => {
     j >= 1 && j <= r && l(j);
-  }, [g, h] = Y(t);
-  X(() => {
-    h(t);
+  }, [w, f] = Y(t);
+  K(() => {
+    f(t);
   }, [t]);
-  const b = Math.min(o * (t || 0), n || 0) || 0, v = (() => {
+  const g = Math.min(o * (t || 0), n || 0) || 0, v = (() => {
     const j = Math.min(Math.max(o, 1), Math.max(r - p + 1, 1)), V = Math.min(j + p - 1, r);
-    return Array.from({ length: V - j + 1 }, (y, B) => j + B);
+    return Array.from({ length: V - j + 1 }, (O, $) => j + $);
   })(), H = (j) => {
-    h(j), s(j), w(1);
+    f(j), s(j), h(1);
   };
   return /* @__PURE__ */ i(
     "div",
@@ -24453,9 +24442,9 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
           r,
           n && /* @__PURE__ */ u("span", { className: "ui-ml-2", children: [
             "(",
-            b,
+            g,
             "-",
-            b,
+            g,
             " de ",
             n,
             ")"
@@ -24476,7 +24465,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                   rounded: !0,
                   color: "white",
                   icon: "AngleDoubleLeftOutlined",
-                  onClick: () => w(1),
+                  onClick: () => h(1),
                   disabled: o === 1,
                   "aria-label": "Ir a la primera página"
                 }
@@ -24490,7 +24479,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                   rounded: !0,
                   color: "white",
                   icon: "AngleLeftOutlined",
-                  onClick: () => w(o - 1),
+                  onClick: () => h(o - 1),
                   disabled: o === 1,
                   "aria-label": "Ir a la página anterior"
                 }
@@ -24500,7 +24489,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 {
                   square: !0,
                   rounded: !0,
-                  onClick: () => w(j),
+                  onClick: () => h(j),
                   whiteBackground: o === j,
                   size: "md",
                   variant: "outlined",
@@ -24520,7 +24509,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                   rounded: !0,
                   color: "white",
                   icon: "AngleRightOutlined",
-                  onClick: () => w(o + 1),
+                  onClick: () => h(o + 1),
                   disabled: o === r,
                   "aria-label": "Ir a la página siguiente"
                 }
@@ -24534,7 +24523,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                   rounded: !0,
                   color: "white",
                   icon: "AngleDoubleRightOutlined",
-                  onClick: () => w(r),
+                  onClick: () => h(r),
                   disabled: o === r,
                   "aria-label": "Ir a la última página"
                 }
@@ -24556,7 +24545,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
             {
               size: "sm",
               options: c,
-              value: g,
+              value: w,
               valueName: "id",
               onValueChange: (j) => H(Number(j))
             }
@@ -24565,9 +24554,9 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ] })
     }
   );
-}, P6 = "Main Scene", T6 = 0, N6 = 500, A6 = 500, D6 = {
+}, P6 = "Main Scene", T6 = 0, N6 = 500, A6 = 500, F6 = {
   g: "@lottiefiles/creator 1.47.1"
-}, F6 = [
+}, D6 = [
   {
     ty: 0,
     nm: "logo",
@@ -25627,7 +25616,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     ],
     ind: 2
   }
-], E6 = "5.7.0", z6 = 30, R6 = 150, U6 = 0, _6 = [
+], z6 = "5.7.0", E6 = 30, R6 = 150, U6 = 0, _6 = [
   {
     nm: "Nested Scene 2",
     id: "precomp_Shape Layer - SVG_29362cac-4bba-4dc9-85b7-4d7b9600fad1",
@@ -27492,15 +27481,15 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   ddd: T6,
   h: N6,
   w: A6,
-  meta: D6,
-  layers: F6,
-  v: E6,
-  fr: z6,
+  meta: F6,
+  layers: D6,
+  v: z6,
+  fr: E6,
   op: R6,
   ip: U6,
   assets: _6,
   slots: G6
-}, Ei = ({ size: o = 96, loop: r = !0, style: t, className: n }) => /* @__PURE__ */ i(
+}, zi = ({ size: o = 96, loop: r = !0, style: t, className: n }) => /* @__PURE__ */ i(
   "div",
   {
     className: n,
@@ -27726,11 +27715,11 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   name: a,
   id: c
 }) => {
-  const [l, s] = Y(!1), [C, p] = Y(!1), d = c || `radio-${Math.random().toString(36).substr(2, 9)}`, w = o !== void 0 ? o : r !== void 0 ? r : !1, g = P(() => t ? w ? "disabledChecked" : "disabledUnchecked" : l ? w ? "checkedActive" : "uncheckedActive" : C ? w ? "checkedHover" : "uncheckedHover" : w ? "checked" : "unchecked", [t, w, l, C]), h = P(() => {
+  const [l, s] = Y(!1), [C, p] = Y(!1), d = c || `radio-${Math.random().toString(36).substr(2, 9)}`, h = o !== void 0 ? o : r !== void 0 ? r : !1, w = P(() => t ? h ? "disabledChecked" : "disabledUnchecked" : l ? h ? "checkedActive" : "uncheckedActive" : C ? h ? "checkedHover" : "uncheckedHover" : h ? "checked" : "unchecked", [t, h, l, C]), f = P(() => {
     t || s(!0);
-  }, [t]), b = P(() => {
+  }, [t]), g = P(() => {
     s(!1);
-  }, []), f = P(() => {
+  }, []), M = P(() => {
     t || p(!0);
   }, [t]), v = P(() => {
     p(!1), s(!1);
@@ -27739,23 +27728,23 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       t || (j.preventDefault(), n && n({
         target: {
           value: e,
-          checked: !w,
+          checked: !h,
           type: "radio",
           name: a
         }
       }));
     },
-    [t, n, e, w, a]
+    [t, n, e, h, a]
   );
   return {
-    state: g(),
+    state: w(),
     radioId: d,
     isActive: l,
     isHovered: C,
     handlers: {
-      handleMouseDown: h,
-      handleMouseUp: b,
-      handleMouseEnter: f,
+      handleMouseDown: f,
+      handleMouseUp: g,
+      handleMouseEnter: M,
       handleMouseLeave: v,
       handleClick: H
     }
@@ -27773,7 +27762,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   defaultChecked: C,
   ...p
 }) => {
-  const d = l !== void 0, L = d ? l : C !== void 0 ? C : !1, { state: w, radioId: g, handlers: h } = K6({
+  const d = l !== void 0, L = d ? l : C !== void 0 ? C : !1, { state: h, radioId: w, handlers: f } = K6({
     checked: l,
     defaultChecked: C,
     disabled: n,
@@ -27787,7 +27776,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       "input",
       {
         type: "radio",
-        id: g,
+        id: w,
         checked: d ? l : void 0,
         defaultChecked: !d && C !== void 0 ? C : void 0,
         onChange: s,
@@ -27799,12 +27788,12 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     /* @__PURE__ */ u(
       "label",
       {
-        htmlFor: g,
-        onClick: h.handleClick,
-        onMouseDown: h.handleMouseDown,
-        onMouseUp: h.handleMouseUp,
-        onMouseEnter: h.handleMouseEnter,
-        onMouseLeave: h.handleMouseLeave,
+        htmlFor: w,
+        onClick: f.handleClick,
+        onMouseDown: f.handleMouseDown,
+        onMouseUp: f.handleMouseUp,
+        onMouseEnter: f.handleMouseEnter,
+        onMouseLeave: f.handleMouseLeave,
         className: _(
           "ui-relative ui-inline-flex ui-cursor-pointer ui-items-center",
           n && "ui-cursor-not-allowed"
@@ -27816,7 +27805,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
               className: J6({
                 size: r,
                 color: t,
-                state: w
+                state: h
               }),
               children: L && /* @__PURE__ */ i(
                 "div",
@@ -27851,7 +27840,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     selectedValue: a,
     handleChange: c
   };
-}, zi = ({
+}, Ei = ({
   options: o,
   value: r,
   onChange: t,
@@ -28093,31 +28082,31 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   onStepChange: p,
   withScroll: d = !0,
   vertical: L = !1,
-  stepClickable: w = !1
+  stepClickable: h = !1
 }) => {
-  const { currentStep: g, getColorClasses: h, handleStepClick: b, getStepStatus: f } = ni({
+  const { currentStep: w, getColorClasses: f, handleStepClick: g, getStepStatus: M } = ni({
     steps: o,
     currentStep: s,
     onClickStep: C,
     onStepChange: p
-  }), v = h(r || "blue");
+  }), v = f(r || "blue");
   return /* @__PURE__ */ i("div", { className: `${L ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${d ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${d ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${ti({ color: r, size: t, className: n })}`, children: o.map((j, V) => {
-    const y = f(V), B = V === o.length - 1;
+    const O = M(V), $ = V === o.length - 1;
     return /* @__PURE__ */ i(
       ri,
       {
         step: j,
         stepIndex: V,
-        status: y,
+        status: O,
         colorClasses: v,
-        isLast: B,
-        onStepClick: b,
+        isLast: $,
+        onStepClick: g,
         classNameStep: e,
         classNameStepLabel: a,
         classNameStepIcon: c,
         classNameStepNumber: l,
         vertical: L,
-        stepClickable: w
+        stepClickable: h
       },
       V
     );
@@ -28132,7 +28121,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   materialLight: B2,
   prism: Z2,
   dark: I2
-}, F1 = (o) => {
+}, D1 = (o) => {
   if (typeof o == "string") return o;
   if (f1.isValidElement(o)) {
     const r = o, { type: t, props: n } = r;
@@ -28161,8 +28150,8 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       }
     }).join(" ");
     let c = "";
-    n.children && (Array.isArray(n.children) ? c = n.children.filter((C) => C != null).map((C) => F1(C)).join(`
-`) : c = F1(n.children));
+    n.children && (Array.isArray(n.children) ? c = n.children.filter((C) => C != null).map((C) => D1(C)).join(`
+`) : c = D1(n.children));
     const l = a ? ` ${a}` : "";
     if (!c)
       return `<${e}${l} />`;
@@ -28173,7 +28162,7 @@ const k6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
 ${s}
 </${e}>`;
   }
-  return Array.isArray(o) ? o.map((r) => F1(r)).join(`
+  return Array.isArray(o) ? o.map((r) => D1(r)).join(`
 `) : String(o);
 }, ui = ({ children: o }) => /* @__PURE__ */ i("h2", { className: "ui-text-lg ui-font-semibold ui-text-gray-900", children: o }), ai = ({ children: o }) => /* @__PURE__ */ i("p", { className: "ui-text-xs ui-text-gray-500", children: o }), li = ({ children: o, className: r = "" }) => /* @__PURE__ */ i("div", { className: `ui-flex ui-w-full ui-items-center ui-gap-2 ${r}`, children: o }), di = ({
   children: o,
@@ -28182,7 +28171,7 @@ ${s}
   customStyle: n = {},
   theme: e = "prism"
 }) => {
-  const a = typeof o == "string" ? o : F1(o), c = () => {
+  const a = typeof o == "string" ? o : D1(o), c = () => {
     const s = [
       "dracula",
       "tomorrow",
@@ -28245,17 +28234,17 @@ const si = {
 let w1 = { ...si };
 const J1 = [];
 let ci = 0;
-const D1 = /* @__PURE__ */ new Map(), n0 = {
+const F1 = /* @__PURE__ */ new Map(), n0 = {
   show(o, r = "green", t = {}) {
     const n = Date.now() + ++ci;
     let e, a;
     typeof o == "string" ? (e = o, a = t) : (e = o.message, a = { ...t, ...o });
-    const c = `${e}-${r}`, l = Date.now(), s = D1.get(c);
+    const c = `${e}-${r}`, l = Date.now(), s = F1.get(c);
     if (s && l - s < 100)
       return n;
-    D1.set(c, l);
-    for (const [p, d] of D1.entries())
-      l - d > 1e3 && D1.delete(p);
+    F1.set(c, l);
+    for (const [p, d] of F1.entries())
+      l - d > 1e3 && F1.delete(p);
     const C = {
       id: n,
       message: e,
@@ -28313,7 +28302,7 @@ const D1 = /* @__PURE__ */ new Map(), n0 = {
   }
 }, pi = () => {
   const [o, r] = Y([]), t = o1(/* @__PURE__ */ new Map()), n = o1(null);
-  return X(() => {
+  return K(() => {
     const a = n0.getListeners();
     if (n.current) {
       const l = a.indexOf(n.current);
@@ -28364,7 +28353,7 @@ const D1 = /* @__PURE__ */ new Map(), n0 = {
   })[r]
 }), Li = ({ toastItem: o }) => {
   const [r, t] = Y(!0);
-  X(() => {
+  K(() => {
     o.isLeaving && setTimeout(() => {
       t(!1);
     }, 300);
@@ -28435,18 +28424,18 @@ export {
   H9 as ListItemWithCheckbox,
   Pi as ListSeparator,
   Ai as Logo,
-  Di as Modal,
+  Fi as Modal,
   y6 as ModalProvider,
   W5 as Month,
   g9 as MonthGrid,
   d6 as MultipleCalendarsHeader,
-  z1 as NavigationButton,
-  Fi as Pagination,
+  E1 as NavigationButton,
+  Di as Pagination,
   O9 as Popup,
   Q6 as RadioButton,
-  zi as RadioButtonGroup,
-  E1 as Separator,
-  Ei as Spinner,
+  Ei as RadioButtonGroup,
+  z1 as Separator,
+  zi as Spinner,
   oi as StepConnector,
   ei as StepIcon,
   ri as StepItem,