@imj_media/ui 1.0.63 → 1.0.65

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as u, Fragment as $1 } from "react/jsx-runtime";
-import M1, { useState as Y, useRef as o1, useEffect as K, useCallback as P, useMemo as x1, useImperativeHandle as o0, forwardRef as G1, useId as t9, createContext as T9, useContext as A9 } from "react";
+import M1, { useState as Y, useRef as o1, useEffect as Q, useCallback as P, useMemo as x1, useImperativeHandle as o0, forwardRef as G1, useId as t9, createContext as T9, useContext as A9 } from "react";
 import { clsx as F9 } from "clsx";
 import { twMerge as N9 } from "tailwind-merge";
 import { library as r0 } from "@fortawesome/fontawesome-svg-core";
-import { faUser as t0, faHome as u0, faBell as a0, faEdit as l0, faSave as d0, faDownload as s0, faSearch as c0, faTrash as p0, faEye as C0, faHeart as L0, faStar as h0, faPlus as w0, faMinus as g0, faCheck as f0, faTimes as m0, faArrowLeft as M0, faArrowRight as x0, faArrowUp as b0, faArrowDown as v0, faBars as j0, faCog as V0, faInfo as H0, faExclamationTriangle as y0, faExclamationCircle as O0, faCheckCircle as k0, faSpinner as I0, faSync as Z0, faFilter as B0, faSort as S0, faCalendar as $0, faClock as P0, faMapMarkerAlt as T0, faFolder as A0, faCircle as F0, faSquare as N0, faList as D0, faTasks as E0, faTools as z0, faShapes as R0, faPalette as U0, faTachometerAlt as _0, faDesktop as G0, faCircleCheck as q0 } from "@fortawesome/pro-regular-svg-icons";
-import { faUser as D9, faHome as E9, faBell as z9, faEdit as R9, faSave as U9, faDownload as _9, faSearch as G9, faTrash as q9, faEye as Y9, faHeart as J9, faStar as X9, faPlus as K9, faMinus as Q9, faCheck as W9, faTimes as n2, faArrowLeft as e2, faArrowRight as i2, faArrowUp as o2, faArrowDown as r2, faBars as t2, faCog as u2, faInfo as a2, faExclamationTriangle as l2, faExclamationCircle as d2, faCheckCircle as s2, faSpinner as c2, faSync as p2, faFilter as C2, faSort as L2, faCalendar as h2, faClock as w2, faMapMarkerAlt as g2, faFolder as f2, faCircle as m2, faSquare as M2, faList as x2, faTasks as b2, faTools as v2, faShapes as j2, faPalette as V2, faDashboard as H2, faDesktop as y2, faCircleCheck as O2 } from "@fortawesome/pro-solid-svg-icons";
+import { faUser as t0, faHome as u0, faBell as a0, faEdit as l0, faSave as d0, faDownload as s0, faSearch as c0, faTrash as p0, faEye as C0, faHeart as L0, faStar as h0, faPlus as w0, faMinus as g0, faCheck as f0, faTimes as m0, faArrowLeft as M0, faArrowRight as x0, faArrowUp as b0, faArrowDown as v0, faBars as j0, faCog as V0, faInfo as H0, faExclamationTriangle as y0, faExclamationCircle as O0, faCheckCircle as k0, faSpinner as I0, faSync as Z0, faFilter as B0, faSort as S0, faCalendar as $0, faClock as P0, faMapMarkerAlt as T0, faFolder as A0, faCircle as F0, faSquare as N0, faList as D0, faTasks as z0, faTools as E0, faShapes as R0, faPalette as U0, faTachometerAlt as _0, faDesktop as G0, faCircleCheck as q0 } from "@fortawesome/pro-regular-svg-icons";
+import { faUser as D9, faHome as z9, faBell as E9, faEdit as R9, faSave as U9, faDownload as _9, faSearch as G9, faTrash as q9, faEye as Y9, faHeart as J9, faStar as X9, faPlus as K9, faMinus as Q9, faCheck as W9, faTimes as n2, faArrowLeft as e2, faArrowRight as i2, faArrowUp as o2, faArrowDown as r2, faBars as t2, faCog as u2, faInfo as a2, faExclamationTriangle as l2, faExclamationCircle as d2, faCheckCircle as s2, faSpinner as c2, faSync as p2, faFilter as C2, faSort as L2, faCalendar as h2, faClock as w2, faMapMarkerAlt as g2, faFolder as f2, faCircle as m2, faSquare as M2, faList as x2, faTasks as b2, faTools as v2, faShapes as j2, faPalette as V2, faDashboard as H2, faDesktop as y2, faCircleCheck as O2 } from "@fortawesome/pro-solid-svg-icons";
 import { faFacebook as u9, faInstagram as a9, faTwitter as l9, faWhatsapp as Q1, faLinkedin as d9, faYoutube as s9, faGithub as c9, faGoogle as p9, faApple as C9, faMicrosoft as L9 } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon as k2 } from "@fortawesome/react-fontawesome";
 import { cva as C1 } from "class-variance-authority";
@@ -52,8 +52,8 @@ r0.add(
   F0,
   N0,
   D0,
-  E0,
   z0,
+  E0,
   R0,
   U0,
   // Reemplazar faColor con faPalette
@@ -65,8 +65,8 @@ r0.add(
 );
 r0.add(
   D9,
-  E9,
   z9,
+  E9,
   R9,
   U9,
   _9,
@@ -120,7 +120,7 @@ r0.add(
   C9,
   L9
 );
-const E2 = {
+const z2 = {
   // Solo mapear iconos básicos que sabemos que existen en Font Awesome Pro
   OutlineUserIcon: t0,
   OutlineHomeIcon: u0,
@@ -158,14 +158,14 @@ const E2 = {
   OutlineCircleIcon: F0,
   OutlineSquareIcon: N0,
   OutlineListIcon: D0,
-  OutlineTasksIcon: E0,
-  OutlineToolsIcon: z0,
+  OutlineTasksIcon: z0,
+  OutlineToolsIcon: E0,
   OutlineShapesIcon: R0,
   OutlineColorIcon: U0,
   OutlineDashboardIcon: _0,
   OutlineScreenIcon: G0,
   OutlineStatusIcon: q0
-}, z2 = {
+}, E2 = {
   // Iconos de marcas (Brands)
   FillFacebookIcon: u9,
   FillInstagramIcon: a9,
@@ -216,8 +216,8 @@ const E2 = {
   FillCircleIcon: F0,
   FillSquareIcon: N0,
   FillListIcon: D0,
-  FillTasksIcon: E0,
-  FillToolsIcon: z0,
+  FillTasksIcon: z0,
+  FillToolsIcon: E0,
   FillShapesIcon: R0,
   FillColorIcon: U0,
   FillDashboardIcon: _0,
@@ -227,8 +227,8 @@ const E2 = {
   FillLogoIcon: null
   // Mantener personalizado
 }, R2 = {
-  ...E2,
-  ...z2
+  ...z2,
+  ...E2
 };
 function U2(o) {
   const r = R2[o];
@@ -3027,7 +3027,7 @@ function Dn({
     }
   );
 }
-function En({
+function zn({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -3067,7 +3067,7 @@ function En({
     }
   );
 }
-function zn({
+function En({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -6199,7 +6199,7 @@ function De({
     }
   );
 }
-function Ee({
+function ze({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -6247,7 +6247,7 @@ function Ee({
     }
   );
 }
-function ze({
+function Ee({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -9455,7 +9455,7 @@ function D4({
     }
   );
 }
-function E4({
+function z4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -9483,7 +9483,7 @@ function E4({
     }
   );
 }
-function z4({
+function E4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -12625,7 +12625,7 @@ function D8({
     }
   );
 }
-function E8({
+function z8({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -12685,7 +12685,7 @@ function E8({
     }
   );
 }
-function z8({
+function E8({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -15794,7 +15794,7 @@ function D3({
     }
   );
 }
-function E3({
+function z3({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -15890,7 +15890,7 @@ function E3({
     }
   );
 }
-function z3({
+function E3({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -17933,11 +17933,11 @@ const W1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   AngleDoubleRightOutlined: M3,
   AngleDoubleUpOutlined: l5,
   AngleDownOutlined: c5,
-  AngleLeftOutlined: zn,
+  AngleLeftOutlined: En,
   AngleRightOutlined: W3,
   AngleUpOutlined: m5,
   ArchivarOutlined: I3,
-  AreaOutlined: E8,
+  AreaOutlined: z8,
   ArrowCircleDownOutlined: de,
   ArrowCircleLeftOutlined: P3,
   ArrowCircleRightOutlined: c3,
@@ -17950,7 +17950,7 @@ const W1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ArrowRightOutlined: V3,
   ArrowUpLeftOutlined: J4,
   ArrowUpOutlined: u4,
-  ArrowUpRightOutlined: En,
+  ArrowUpRightOutlined: zn,
   ArrowVerticalOutlined: s4,
   Backward1Outlined: S4,
   Backward2Outlined: l4,
@@ -18049,7 +18049,7 @@ const W1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Folder2Outlined: o8,
   FolderOutlined: O8,
   GanttOutlined: Fn,
-  GaugeOutlined: ze,
+  GaugeOutlined: Ee,
   GearOutlined: N8,
   GestionOutlined: tn,
   GlassOutlined: Ze,
@@ -18070,11 +18070,11 @@ const W1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   InfoCardOutlined: Un,
   InfoCircleOutlined: M4,
   InfoOutlined: $8,
-  InstallOutlined: E3,
+  InstallOutlined: z3,
   InventarioOutlined: p5,
   JoyasOutlined: Mn,
   KanbanOutlined: W2,
-  KeyOutlined: E4,
+  KeyOutlined: z4,
   LatitudeOutlined: o4,
   LegalFileOutlined: w5,
   LightbulbIndifferentOutlined: N3,
@@ -18118,8 +18118,8 @@ const W1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PauseOutlined: dn,
   PautaInteligenteOutlined: Ye,
   PautaTradicionalOutlined: wn,
-  PencilOutlined: z3,
-  PercentageOutlined: Ee,
+  PencilOutlined: E3,
+  PercentageOutlined: ze,
   PerifoneoOutlined: k4,
   PerifoneoSlashOutlined: ce,
   PermisionarioOutlined: We,
@@ -18128,7 +18128,7 @@ const W1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PlantillaOutlined: Ce,
   PlayOutlined: _e,
   Plus1Outlined: Ie,
-  PlusOutlined: z8,
+  PlusOutlined: E8,
   PostventaOutlined: Q2,
   PowerOutlined: b3,
   PreferenciasDeUbicacionOutlined: vn,
@@ -18198,7 +18198,7 @@ const W1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   TrashOutlined: fe,
   TrashSlashOutlined: Wn,
   TreeDiagramOutlined: A8,
-  UbicacionesOutlined: z4,
+  UbicacionesOutlined: E4,
   UndoOutlined: $n,
   UnlockOutlined: B3,
   UpdateOutlined: re,
@@ -18768,7 +18768,7 @@ const B5 = ({
       return !1;
     }
   };
-  return K(() => {
+  return Q(() => {
     if (s.current && clearTimeout(s.current), !o || !h(o)) {
       a(!0), l(!1);
       return;
@@ -19140,97 +19140,97 @@ const B5 = ({
     }
   ) : null;
 }, P5 = (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), h = o1(null), w = o1(null), f = o1(null), g = o1(null), b = o1(null), m = o1(null), H = o1(null), j = o1({ top: 0, left: 0 }), V = o1({ count: 0, lastTime: 0 }), O = 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), b = o1(null), m = o1(null), H = o1(null), j = o1({ top: 0, left: 0 }), V = o1({ count: 0, lastTime: 0 }), y = 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 (!h.current || !a) return;
     const v = h.current.getBoundingClientRect(), x = { top: v.top, left: v.left };
     if (H.current) {
-      const Z = H.current, y = 2;
-      if (Math.abs(x.top - Z.top) > y || Math.abs(x.left - Z.left) > y) {
-        O();
+      const Z = H.current, O = 2;
+      if (Math.abs(x.top - Z.top) > O || Math.abs(x.left - Z.left) > O) {
+        y();
         return;
       }
     }
     H.current = x;
-  }, [a, O]), R = P(() => {
-    var J, q, z, X, n1, N;
+  }, [a, y]), E = P(() => {
+    var J, G, R, X, n1, N;
     if (!h.current || !w.current) return;
     const v = h.current.getBoundingClientRect(), x = w.current.getBoundingClientRect(), Z = 8;
-    let y = 0, M = 0;
+    let O = 0, M = 0;
     if (t) {
       const $ = (J = f.current) == null ? void 0 : J.getBoundingClientRect();
       if (!$) return;
       const k = v.top - $.top, F = v.left - $.left;
       switch (o) {
         case "top":
-          y = k - x.height - Z, M = F + v.width / 2 - x.width / 2;
+          O = k - x.height - Z, M = F + v.width / 2 - x.width / 2;
           break;
         case "bottom":
-          y = k + v.height + Z, M = F + v.width / 2 - x.width / 2;
+          O = k + v.height + Z, M = F + v.width / 2 - x.width / 2;
           break;
         case "left":
-          y = k + v.height / 2 - x.height / 2, M = F - x.width - Z;
+          O = k + v.height / 2 - x.height / 2, M = F - x.width - Z;
           break;
         case "right":
-          y = k + v.height / 2 - x.height / 2, M = F + v.width + Z;
+          O = k + v.height / 2 - x.height / 2, M = F + v.width + Z;
           break;
         case "top-left":
-          y = k - x.height - Z, M = F;
+          O = k - x.height - Z, M = F;
           break;
         case "top-right":
-          y = k - x.height - Z, M = F + v.width - x.width;
+          O = k - x.height - Z, M = F + v.width - x.width;
           break;
         case "bottom-left":
-          y = k + v.height + Z, M = F;
+          O = k + v.height + Z, M = F;
           break;
         case "bottom-right":
-          y = k + v.height + Z, M = F + v.width - x.width;
+          O = k + v.height + Z, M = F + v.width - x.width;
           break;
         case "right-top":
-          y = k, M = F + v.width + Z;
+          O = k, M = F + v.width + Z;
           break;
         case "right-bottom":
-          y = k + v.height - x.height, M = F + v.width + Z;
+          O = k + v.height - x.height, M = F + v.width + Z;
           break;
         case "left-top":
-          y = k, M = F - x.width - Z;
+          O = k, M = F - x.width - Z;
           break;
         case "left-bottom":
-          y = k + v.height - x.height, M = F - x.width - Z;
+          O = k + v.height - x.height, M = F - x.width - Z;
           break;
       }
-      y < 0 && (y = 0), M < 0 && (M = 0), (() => {
+      O < 0 && (O = 0), M < 0 && (M = 0), (() => {
         var T;
-        const u1 = (T = f.current) == null ? void 0 : T.getBoundingClientRect();
-        if (!u1) return;
+        const a1 = (T = f.current) == null ? void 0 : T.getBoundingClientRect();
+        if (!a1) return;
         let p1 = o, _ = !1;
         if (!(() => {
           switch (o) {
             case "top":
               return k >= x.height + Z;
             case "bottom":
-              return k + v.height + Z + x.height <= u1.height;
+              return k + v.height + Z + x.height <= a1.height;
             case "left":
               return F >= x.width + Z;
             case "right":
-              return F + v.width + Z + x.width <= u1.width;
+              return F + v.width + Z + x.width <= a1.width;
             default:
               return !0;
           }
-        })() && (o === "top" ? k + v.height + Z + x.height <= u1.height && (p1 = "bottom", _ = !0) : o === "bottom" ? k >= x.height + Z && (p1 = "top", _ = !0) : o === "left" ? F + v.width + Z + x.width <= u1.width && (p1 = "right", _ = !0) : o === "right" && F >= x.width + Z && (p1 = "left", _ = !0), _)) {
+        })() && (o === "top" ? k + v.height + Z + x.height <= a1.height && (p1 = "bottom", _ = !0) : o === "bottom" ? k >= x.height + Z && (p1 = "top", _ = !0) : o === "left" ? F + v.width + Z + x.width <= a1.width && (p1 = "right", _ = !0) : o === "right" && F >= x.width + Z && (p1 = "left", _ = !0), _)) {
           switch (p1) {
             case "top":
-              y = k - x.height - Z, M = F + v.width / 2 - x.width / 2;
+              O = k - x.height - Z, M = F + v.width / 2 - x.width / 2;
               break;
             case "bottom":
-              y = k + v.height + Z, M = F + v.width / 2 - x.width / 2;
+              O = k + v.height + Z, M = F + v.width / 2 - x.width / 2;
               break;
             case "left":
-              y = k + v.height / 2 - x.height / 2, M = F - x.width - Z;
+              O = k + v.height / 2 - x.height / 2, M = F - x.width - Z;
               break;
             case "right":
-              y = k + v.height / 2 - x.height / 2, M = F + v.width + Z;
+              O = k + v.height / 2 - x.height / 2, M = F + v.width + Z;
               break;
           }
           L(p1);
@@ -19239,54 +19239,54 @@ const B5 = ({
     } else
       switch (o) {
         case "top":
-          y = v.top - x.height - Z, M = v.left + v.width / 2 - x.width / 2;
+          O = v.top - x.height - Z, M = v.left + v.width / 2 - x.width / 2;
           break;
         case "bottom":
-          y = v.bottom + Z, M = v.left + v.width / 2 - x.width / 2;
+          O = v.bottom + Z, M = v.left + v.width / 2 - x.width / 2;
           break;
         case "left":
-          y = v.top + v.height / 2 - x.height / 2, M = v.left - x.width - Z;
+          O = v.top + v.height / 2 - x.height / 2, M = v.left - x.width - Z;
           break;
         case "right":
-          y = v.top + v.height / 2 - x.height / 2, M = v.right + Z;
+          O = v.top + v.height / 2 - x.height / 2, M = v.right + Z;
           break;
         case "top-left":
-          y = v.top - x.height - Z, M = v.left;
+          O = v.top - x.height - Z, M = v.left;
           break;
         case "top-right":
-          y = v.top - x.height - Z, M = v.right - x.width;
+          O = v.top - x.height - Z, M = v.right - x.width;
           break;
         case "bottom-left":
-          y = v.bottom + Z, M = v.left;
+          O = v.bottom + Z, M = v.left;
           break;
         case "bottom-right":
-          y = v.bottom + Z, M = v.right - x.width;
+          O = v.bottom + Z, M = v.right - x.width;
           break;
         case "right-top":
-          y = v.top, M = v.right + Z;
+          O = v.top, M = v.right + Z;
           break;
         case "right-bottom":
-          y = v.bottom - x.height, M = v.right + Z;
+          O = v.bottom - x.height, M = v.right + Z;
           break;
         case "left-top":
-          y = v.top, M = v.left - x.width - Z;
+          O = v.top, M = v.left - x.width - Z;
           break;
         case "left-bottom":
-          y = v.bottom - x.height, M = v.left - x.width - Z;
+          O = v.bottom - x.height, M = v.left - x.width - Z;
           break;
       }
     if (o.includes("top") || o.includes("bottom"))
       switch (r) {
         case "start":
           if (t) {
-            const $ = (q = f.current) == null ? void 0 : q.getBoundingClientRect();
+            const $ = (G = f.current) == null ? void 0 : G.getBoundingClientRect();
             $ && (M = v.left - $.left);
           } else
             M = v.left;
           break;
         case "end":
           if (t) {
-            const $ = (z = f.current) == null ? void 0 : z.getBoundingClientRect();
+            const $ = (R = f.current) == null ? void 0 : R.getBoundingClientRect();
             $ && (M = v.right - $.left - x.width);
           } else
             M = v.right - x.width;
@@ -19297,52 +19297,52 @@ const B5 = ({
         case "start":
           if (t) {
             const $ = (X = f.current) == null ? void 0 : X.getBoundingClientRect();
-            $ && (y = v.top - $.top);
+            $ && (O = v.top - $.top);
           } else
-            y = v.top;
+            O = v.top;
           break;
         case "end":
           if (t) {
             const $ = (n1 = f.current) == null ? void 0 : n1.getBoundingClientRect();
-            $ && (y = v.bottom - $.top - x.height);
+            $ && (O = v.bottom - $.top - x.height);
           } else
-            y = v.bottom - x.height;
+            O = v.bottom - x.height;
           break;
       }
     if (t) {
       const $ = (N = f.current) == null ? void 0 : N.getBoundingClientRect();
-      $ && (M < 8 && (M = 8), M + x.width > $.width - 8 && (M = $.width - x.width - 8), y < 8 && (y = 8), y + x.height > $.height - 8 && (y = $.height - x.height - 8));
+      $ && (M < 8 && (M = 8), M + x.width > $.width - 8 && (M = $.width - x.width - 8), O < 8 && (O = 8), O + x.height > $.height - 8 && (O = $.height - x.height - 8));
     } else {
       const $ = window.innerWidth, k = window.innerHeight, F = 8;
-      M < F && (M = F), M + x.width > $ - F && (M = $ - x.width - F), y < F && (y = F), y + x.height > k - F && (y = k - x.height - F);
+      M < F && (M = F), M + x.width > $ - F && (M = $ - x.width - F), O < F && (O = F), O + x.height > k - F && (O = k - x.height - F);
     }
-    if (isNaN(y) || isNaN(M) || y < 0 || M < 0) {
-      O();
+    if (isNaN(O) || isNaN(M) || O < 0 || M < 0) {
+      y();
       return;
     }
     const I = Date.now();
     if (I - V.current.lastTime < 100) {
       if (V.current.count++, V.current.count > 5) {
-        O();
+        y();
         return;
       }
     } else
       V.current.count = 0;
-    V.current.lastTime = I, j.current = { top: y, left: M }, s({ top: y, left: M });
-  }, [o, r, t, O]);
-  K(() => (a && w.current ? (requestAnimationFrame(() => {
-    if (R(), h.current) {
+    V.current.lastTime = I, j.current = { top: O, left: M }, s({ top: O, left: M });
+  }, [o, r, t, y]);
+  Q(() => (a && w.current ? (requestAnimationFrame(() => {
+    if (E(), h.current) {
       const v = h.current.getBoundingClientRect();
       H.current = { top: v.top, left: v.left };
     }
   }), m.current = setInterval(B, 100)) : m.current && (clearInterval(m.current), m.current = null), () => {
     m.current && (clearInterval(m.current), m.current = null);
-  }), [a, R, B]), K(() => {
+  }), [a, E, B]), Q(() => {
     if (h.current)
       return b.current = new IntersectionObserver(
         (v) => {
           v.forEach((x) => {
-            !x.isIntersecting && a && O();
+            !x.isIntersecting && a && y();
           });
         },
         {
@@ -19352,17 +19352,17 @@ const B5 = ({
       ), b.current.observe(h.current), () => {
         b.current && b.current.disconnect();
       };
-  }, [a, O]), K(() => {
+  }, [a, y]), Q(() => {
     if (!a) return;
     const v = () => {
-      t || O();
+      t || y();
     }, x = () => {
-      O();
+      y();
     };
     return window.addEventListener("scroll", v, !0), window.addEventListener("resize", x), () => {
       window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", x);
     };
-  }, [a, t, O]);
+  }, [a, t, y]);
   const A = P(() => {
     e || (g.current && (clearTimeout(g.current), g.current = null), n > 0 ? g.current = setTimeout(() => {
       c(!0);
@@ -19370,7 +19370,7 @@ const B5 = ({
   }, [e, n]), S = P(() => {
     g.current && (clearTimeout(g.current), g.current = null), c(!1), s({ top: 0, left: 0 });
   }, []);
-  return K(() => () => {
+  return Q(() => () => {
     g.current && clearTimeout(g.current), m.current && clearInterval(m.current);
   }, []), {
     isVisible: a,
@@ -19382,7 +19382,7 @@ const B5 = ({
     containerRef: f,
     handleMouseEnter: A,
     handleMouseLeave: S,
-    calculatePosition: R
+    calculatePosition: E
   };
 }, T5 = {
   white: { bg: "ui-bg-white", text: "ui-text-gray-900", arrow: "var(--ui-color-white)" },
@@ -19602,7 +19602,7 @@ const B5 = ({
     containerRef: H,
     handleMouseEnter: j,
     handleMouseLeave: V
-  } = P5(t, n, L, c, l), O = N5(e, L), B = A5(g, e);
+  } = P5(t, n, L, c, l), y = N5(e, L), B = A5(g, e);
   return /* @__PURE__ */ u("div", { ref: H, className: L ? "ui-relative" : "", children: [
     /* @__PURE__ */ i(
       "div",
@@ -19622,7 +19622,7 @@ const B5 = ({
         ref: m,
         id: a,
         className: U(
-          O,
+          y,
           "imj-ui-tooltip ui-font-bold",
           s
         ),
@@ -19647,7 +19647,7 @@ const B5 = ({
           ref: m,
           id: a,
           className: U(
-            O,
+            y,
             "imj-ui-tooltip ui-font-bold",
             s
           ),
@@ -19792,35 +19792,35 @@ const B5 = ({
   onClickIcon: H,
   onClickLeftSlot: j,
   onClickRightSlot: V,
-  disabled: O,
+  disabled: y,
   colorIcon: B,
-  showShadow: R = !1,
+  showShadow: E = !1,
   borderable: A,
   iconSizeExtended: S = "none",
   defaultSizeIcon: v = !0,
   defaultTooltipColor: x = !0,
   as: Z = "button",
-  classNameId: y = "imj-ui-inner-button",
+  classNameId: O = "imj-ui-inner-button",
   tooltip: M = "",
   tooltipPosition: I,
-  tooltipAlignment: E,
+  tooltipAlignment: z,
   tooltipColor: J = "neutral",
-  tooltipDelay: q,
-  tooltipAbsolute: z,
+  tooltipDelay: G,
+  tooltipAbsolute: R,
   classNameTooltip: X,
   stopPropagation: n1 = !0,
   pointer: N = !1,
   ref: $,
   onClick: k,
   textAlign: F = "center",
-  whiteBackground: i1 = !0,
-  strokeWidth: u1 = 2,
+  whiteBackground: e1 = !0,
+  strokeWidth: a1 = 2,
   transition: p1 = !0,
   ..._
 }) => {
-  const a1 = {
-    disabled: O
-  }, T = a === "icon", Q = T ? !0 : v, e1 = T ? "xs" : g, W = (V1) => {
+  const u1 = {
+    disabled: y
+  }, T = a === "icon", K = T ? !0 : v, i1 = T ? "xs" : g, W = (V1) => {
     n1 && V1.stopPropagation(), k && k(V1);
   }, l1 = C1("", {
     variants: {
@@ -19856,8 +19856,8 @@ const B5 = ({
         colorIcon: B,
         className: o,
         onClick: j,
-        defaultSizeIcon: Q,
-        strokeWidth: u1
+        defaultSizeIcon: K,
+        strokeWidth: a1
       }
     ),
     d && /* @__PURE__ */ u(
@@ -19878,7 +19878,7 @@ const B5 = ({
     !d && w && (typeof w == "string" ? /* @__PURE__ */ i(
       j1,
       {
-        strokeWidth: u1,
+        strokeWidth: a1,
         name: w,
         size: a === "icon" ? g : S !== "none" ? S : g,
         color: B,
@@ -19893,12 +19893,12 @@ const B5 = ({
         colorIcon: B,
         className: o,
         onClick: V,
-        defaultSizeIcon: Q,
-        strokeWidth: u1
+        defaultSizeIcon: K,
+        strokeWidth: a1
       }
     )
   ] }), r1 = b ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", s1 = x ? J || "neutral" : C, k1 = 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 ${N && T ? "!ui-cursor-pointer" : ""} ${p1 ? "ui-transition-all ui-duration-300" : ""}`,
+    `${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 ${E && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${N && T ? "!ui-cursor-pointer" : ""} ${p1 ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
         variant: {
@@ -19918,17 +19918,17 @@ const B5 = ({
           "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] ${b ? `ui-max-w-[62px] ui-min-h-[62px] ${r1}` : ""}`
         },
         color: {
-          blue: w1(a, h, A, i1).blue,
-          "blue-dark": w1(a, h, A, i1)["blue-dark"],
-          orange: w1(a, h, A, i1).orange,
-          red: w1(a, h, A, i1).red,
-          green: w1(a, h, A, i1).green,
-          white: w1(a, h, A, i1).white,
-          yellow: w1(a, h, A, i1).yellow,
-          "blue-light": w1(a, h, A, i1)["blue-light"],
-          neutral: w1(a, h, A, i1).neutral,
-          black: w1(a, h, A, i1).black,
-          transparent: w1(a, h, A, i1).transparent
+          blue: w1(a, h, A, e1).blue,
+          "blue-dark": w1(a, h, A, e1)["blue-dark"],
+          orange: w1(a, h, A, e1).orange,
+          red: w1(a, h, A, e1).red,
+          green: w1(a, h, A, e1).green,
+          white: w1(a, h, A, e1).white,
+          yellow: w1(a, h, A, e1).yellow,
+          "blue-light": w1(a, h, A, e1)["blue-light"],
+          neutral: w1(a, h, A, e1).neutral,
+          black: w1(a, h, A, e1).black,
+          transparent: w1(a, h, A, e1).transparent
         },
         rounded: {
           false: "ui-rounded-sm",
@@ -19947,7 +19947,7 @@ const B5 = ({
       }
     }
   )({
-    size: e1,
+    size: i1,
     color: C,
     rounded: p,
     fullWidth: t,
@@ -19968,10 +19968,10 @@ const B5 = ({
     {
       label: M,
       position: I,
-      alignment: E,
-      absolute: z,
+      alignment: z,
+      absolute: R,
       color: s1,
-      delay: q,
+      delay: G,
       className: X,
       fullWidth: t,
       children: /* @__PURE__ */ i(
@@ -19989,9 +19989,9 @@ const B5 = ({
     {
       label: M,
       position: I,
-      alignment: E,
+      alignment: z,
       color: s1,
-      delay: q,
+      delay: G,
       className: X,
       fullWidth: t,
       children: /* @__PURE__ */ i(
@@ -19999,7 +19999,7 @@ const B5 = ({
         {
           ref: $,
           className: U(k1, o),
-          ...a1,
+          ...u1,
           ..._,
           onClick: W,
           children: d1()
@@ -20007,7 +20007,7 @@ const B5 = ({
       )
     }
   );
-}, E5 = ({
+}, z5 = ({
   title: o,
   open: r,
   setOpen: t,
@@ -20026,7 +20026,7 @@ const B5 = ({
       icon: r || !e ? "Minus2Outlined" : "Plus1Outlined"
     }
   )
-] }), z5 = ({ children: o, open: r }) => /* @__PURE__ */ i(
+] }), E5 = ({ 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"}`,
@@ -20049,7 +20049,7 @@ const B5 = ({
       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(
-          E5,
+          z5,
           {
             open: l,
             title: o,
@@ -20058,7 +20058,7 @@ const B5 = ({
             children: t
           }
         ),
-        /* @__PURE__ */ u(z5, { open: l, children: [
+        /* @__PURE__ */ u(E5, { 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
@@ -20131,7 +20131,7 @@ const B5 = ({
       success: "Check2Outlined",
       danger: "ExclamationTriangleOutlined",
       warning: "ExclamationTriangleOutlined",
-      info: "InfoCircleOutlined",
+      info: "LikeOutlined",
       gray: "InfoCircleOutlined"
     }, l = a[e];
     return c[l];
@@ -20156,14 +20156,14 @@ const B5 = ({
   const { getIconForType: r } = U5(), 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: [
+  return /* @__PURE__ */ u("div", { className: `ui-flex ui-gap-x-2 ${o.title ? "ui-items-start" : "ui-items-center"}`, children: [
     /* @__PURE__ */ i(
       j1,
       {
         name: r(o.color || "green"),
         color: t ? e ? "yellow_dark" : "white" : void 0,
         size: "2xl",
-        className: "ui-mt-0.5 ui-flex-shrink-0"
+        className: "ui-flex-shrink-0"
       }
     ),
     /* @__PURE__ */ u("div", { className: "ui-min-w-0 ui-flex-1", children: [
@@ -20286,31 +20286,31 @@ const B5 = ({
   }, c = t ? a[n].out : a[n].in;
   return `${e} ${c} ${{
     green: {
-      contained: "ui-bg-green-500 ui-border-green-500 ui-border-2",
+      contained: "ui-bg-green-500 ui-border-green-100 ui-border-3",
       outlined: "!ui-text-green-500 ui-border ui-border-green-500 ui-shadow ui-bg-green-50",
       accent: "ui-bg-green-50 ui-text-green-500 ui-border-l-6 ui-border-green-500",
       minimal: "ui-bg-white ui-text-green-500"
     },
     red: {
-      contained: "ui-bg-red-500 ui-border-red-500 ui-border-2",
+      contained: "ui-bg-red-500 ui-border-red-100 ui-border-3",
       outlined: "!ui-text-red-500 ui-border ui-border-red-500 ui-shadow ui-bg-red-50",
       accent: "ui-bg-red-50 ui-text-red-500 ui-border-l-6 ui-border-red-500",
       minimal: "ui-bg-white ui-text-red-500"
     },
     blue: {
-      contained: "ui-bg-blue-500 ui-border-blue-500 ui-border-2",
+      contained: "ui-bg-blue-500 ui-border-blue-100 ui-border-3",
       outlined: "!ui-text-blue-500 ui-border ui-border-blue-500 ui-shadow ui-bg-blue-50",
       accent: "ui-bg-blue-50 ui-text-blue-500 ui-border-l-6 ui-border-blue-500",
       minimal: "ui-bg-white ui-text-blue-500"
     },
     yellow: {
-      contained: "ui-bg-yellow-500 ui-border-yellow-500 ui-border-2",
+      contained: "ui-bg-yellow-500 ui-border-yellow-100 ui-border-3",
       outlined: "!ui-text-yellow-800 ui-border ui-border-yellow-800 ui-shadow ui-bg-yellow-50",
       accent: "ui-bg-yellow-50 ui-text-yellow-500 ui-border-l-6 ui-border-yellow-500",
       minimal: "ui-bg-white ui-text-yellow-500"
     },
     neutral: {
-      contained: "ui-bg-neutral-800 ui-border-neutral-800 ui-border-2",
+      contained: "ui-bg-neutral-800 ui-border-neutral-100 ui-border-3",
       outlined: "!ui-text-neutral-800 ui-border ui-border-neutral-800 ui-shadow ui-bg-neutral-50",
       accent: "ui-bg-neutral-50 ui-text-neutral-800 ui-border-l-6 ui-border-neutral-800",
       minimal: "ui-bg-white ui-text-neutral-800"
@@ -20318,11 +20318,11 @@ const B5 = ({
   }[o][r]}`;
 }, Y5 = ({ open: o, externalIsLeaving: r }) => {
   const [t, n] = Y(!1), [e, a] = Y(!1), c = r !== void 0 ? r : e;
-  return K(() => {
+  return Q(() => {
     o ? (n(!0), a(!1)) : (a(!0), r === void 0 && setTimeout(() => {
       n(!1);
     }, 300));
-  }, [o, r]), K(() => {
+  }, [o, r]), Q(() => {
     r && r !== e && (a(!0), setTimeout(() => {
       n(!1);
     }, 300));
@@ -20504,13 +20504,17 @@ const B5 = ({
   animation: h = "none",
   isLeaving: w,
   progressBarColor: f = !1,
-  duration: g = 3e3
+  duration: g = 3e3,
+  size: b = "sm"
 }) => {
-  const { isVisible: b, isLeaving: m } = Y5({ open: o, externalIsLeaving: w });
-  if (!b)
+  const { isVisible: m, isLeaving: H } = Y5({ open: o, externalIsLeaving: w });
+  if (!m)
     return null;
-  const H = !!s, j = (V) => {
-    s && (V.stopPropagation(), s());
+  const j = !!s, V = (B) => {
+    s && (B.stopPropagation(), s());
+  }, y = {
+    sm: "ui-px-4 ui-py-2",
+    md: "ui-p-4"
   };
   return /* @__PURE__ */ u(
     "div",
@@ -20518,12 +20522,12 @@ const B5 = ({
       className: U(
         "ui-imj-alert ui-relative ui-overflow-hidden",
         n,
-        q5({ color: r, variant: t, isLeaving: m, animation: h }),
-        H ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
+        q5({ color: r, variant: t, isLeaving: H, animation: h }),
+        j ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
       ),
-      onClick: j,
+      onClick: V,
       children: [
-        /* @__PURE__ */ u("div", { className: "ui-p-4", children: [
+        /* @__PURE__ */ u("div", { className: U(y[b]), children: [
           /* @__PURE__ */ i(
             _5,
             {
@@ -20583,9 +20587,9 @@ const B5 = ({
   colorIcon: H,
   tooltip: j,
   tooltipPosition: V,
-  tooltipAlignment: O,
+  tooltipAlignment: y,
   tooltipColor: B,
-  tooltipDelay: R,
+  tooltipDelay: E,
   ...A
 }) => /* @__PURE__ */ i(
   t1,
@@ -20612,9 +20616,9 @@ const B5 = ({
     className: r,
     tooltip: j,
     tooltipPosition: V,
-    tooltipAlignment: O,
+    tooltipAlignment: y,
     tooltipColor: B,
-    tooltipDelay: R,
+    tooltipDelay: E,
     ...A
   }
 ), $i = ({
@@ -20721,10 +20725,10 @@ const Q5 = (o) => {
     if (d.current) {
       const M = d.current.getInputElement();
       if (M) {
-        const I = M.getBoundingClientRect(), E = window.innerHeight, J = window.innerWidth, q = 320, z = 256, X = 8;
+        const I = M.getBoundingClientRect(), z = window.innerHeight, J = window.innerWidth, G = 320, R = 256, X = 8;
         let n1, N = I.left;
-        const $ = E - I.bottom, k = I.top;
-        $ >= q + X ? n1 = I.bottom + X : k >= q + X ? n1 = I.top - q + X : $ > k ? n1 = I.bottom + X : n1 = I.top - q + X, I.left + z > J && (N = I.right - z), N = Math.max(0, Math.min(N, J - z)), s((F) => ({
+        const $ = z - I.bottom, k = I.top;
+        $ >= G + X ? n1 = I.bottom + X : k >= G + X ? n1 = I.top - G + X : $ > k ? n1 = I.bottom + X : n1 = I.top - G + X, I.left + R > J && (N = I.right - R), N = Math.max(0, Math.min(N, J - R)), s((F) => ({
           ...F,
           isOpen: !0,
           portalPosition: { top: n1, left: N }
@@ -20737,53 +20741,53 @@ const Q5 = (o) => {
     s((M) => ({ ...M, isOpen: !1 })), p(!1);
   }, []), V = P((M) => {
     s((I) => ({ ...I, currentDate: M }));
-  }, []), O = P((M) => {
+  }, []), y = P((M) => {
     s((I) => ({ ...I, viewMode: M }));
   }, []), B = P((M) => {
     s((I) => {
-      const E = new Date(I.currentDate);
+      const z = new Date(I.currentDate);
       switch (I.viewMode) {
         case "days":
-          E.setMonth(E.getMonth() + (M === "next" ? 1 : -1));
+          z.setMonth(z.getMonth() + (M === "next" ? 1 : -1));
           break;
         case "months":
-          E.setFullYear(E.getFullYear() + (M === "next" ? 1 : -1));
+          z.setFullYear(z.getFullYear() + (M === "next" ? 1 : -1));
           break;
         case "years":
-          E.setFullYear(E.getFullYear() + (M === "next" ? 12 : -12));
+          z.setFullYear(z.getFullYear() + (M === "next" ? 12 : -12));
           break;
       }
-      return { ...I, currentDate: E };
+      return { ...I, currentDate: z };
     });
-  }, []), R = P(
+  }, []), E = P(
     (M) => {
       var I;
-      r === "single" && (h && s((E) => ({ ...E, internalDate: M })), (I = o.onDateChange) == null || I.call(o, M), a && j());
+      r === "single" && (h && s((z) => ({ ...z, internalDate: M })), (I = o.onDateChange) == null || I.call(o, M), a && j());
     },
     [r, h, o.onDateChange, a, j]
   ), A = P(
     (M) => {
       var I;
-      r === "range" && (L || s((E) => ({ ...E, internalRange: M })), (I = o.onRangeChange) == null || I.call(o, M), c && M.start && M.end && j());
+      r === "range" && (L || s((z) => ({ ...z, internalRange: M })), (I = o.onRangeChange) == null || I.call(o, M), c && M.start && M.end && j());
     },
     [r, L, o.onRangeChange, c, j]
   ), S = P((M) => {
     s((I) => ({ ...I, hoverDate: M }));
   }, []), v = P((M) => {
     s((I) => {
-      const E = new Date(I.currentDate);
-      return E.setMonth(M), {
+      const z = new Date(I.currentDate);
+      return z.setMonth(M), {
         ...I,
-        currentDate: E,
+        currentDate: z,
         viewMode: "days"
       };
     });
   }, []), x = P((M) => {
     s((I) => {
-      const E = new Date(I.currentDate);
-      return E.setFullYear(M), {
+      const z = new Date(I.currentDate);
+      return z.setFullYear(M), {
         ...I,
-        currentDate: E,
+        currentDate: z,
         viewMode: "months"
       };
     });
@@ -20794,36 +20798,36 @@ const Q5 = (o) => {
       currentDate: M,
       viewMode: "days"
     }));
-  }, []), y = P(() => {
+  }, []), O = P(() => {
     if (!d.current)
       return;
     const M = d.current.getInputElement();
     if (!M)
       return;
-    const I = M.getBoundingClientRect(), E = window.innerHeight, J = window.innerWidth, q = 320, z = 256, X = 8;
+    const I = M.getBoundingClientRect(), z = window.innerHeight, J = window.innerWidth, G = 320, R = 256, X = 8;
     let n1, N = I.left;
-    const $ = E - I.bottom, k = I.top;
-    $ >= q + X ? n1 = I.bottom + X : k >= q + X ? n1 = I.top - q + X : $ > k ? n1 = I.bottom + X : n1 = I.top - q + X, I.left + z > J && (N = I.right - z), N = Math.max(0, Math.min(N, J - z)), s((F) => ({ ...F, portalPosition: { top: n1, left: N } })), p(!0);
+    const $ = z - I.bottom, k = I.top;
+    $ >= G + X ? n1 = I.bottom + X : k >= G + X ? n1 = I.top - G + X : $ > k ? n1 = I.bottom + X : n1 = I.top - G + X, I.left + R > J && (N = I.right - R), N = Math.max(0, Math.min(N, J - R)), s((F) => ({ ...F, portalPosition: { top: n1, left: N } })), p(!0);
   }, []);
-  return K(() => {
+  return Q(() => {
     if (!l.isOpen) return;
-    const M = () => y(), I = () => y();
+    const M = () => O(), I = () => O();
     return window.addEventListener("scroll", M, !0), window.addEventListener("resize", I), () => {
       window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", I);
     };
-  }, [l.isOpen, y]), K(() => {
+  }, [l.isOpen, O]), Q(() => {
     if (l.isOpen) {
       const M = setTimeout(() => {
-        y();
+        O();
       }, 0);
       return () => clearTimeout(M);
     }
-  }, [l.isOpen, y]), K(() => {
+  }, [l.isOpen, O]), Q(() => {
     L && r === "single" && s((M) => ({
       ...M,
       internalDate: t
     }));
-  }, [L, r, t]), K(() => {
+  }, [L, r, t]), Q(() => {
     L && r === "range" && s((M) => ({
       ...M,
       internalRange: n || { start: null, end: null }
@@ -20838,11 +20842,11 @@ const Q5 = (o) => {
       openPicker: H,
       closePicker: j,
       setCurrentDate: V,
-      setViewMode: O,
-      setSelectedDate: R,
+      setViewMode: y,
+      setSelectedDate: E,
       setSelectedRange: A,
       setHoverDate: S,
-      updatePortalPosition: y,
+      updatePortalPosition: O,
       navigate: B,
       handleMonthSelect: v,
       handleYearSelect: x,
@@ -20882,11 +20886,11 @@ const Q5 = (o) => {
       } else if (o.start && !o.end && L && b) {
         const V = new Date(d);
         V.setDate(d.getDate() - 1);
-        const O = {
+        const y = {
           start: o.start < L ? o.start : L,
           end: o.start < L ? L : o.start
         };
-        m = !a(V, O);
+        m = !a(V, y);
       }
       let H = !1;
       if (o.start && o.end && f && !w) {
@@ -20895,11 +20899,11 @@ const Q5 = (o) => {
       } else if (o.start && !o.end && L && b) {
         const V = new Date(d);
         V.setDate(d.getDate() + 1);
-        const O = {
+        const y = {
           start: o.start < L ? o.start : L,
           end: o.start < L ? L : o.start
         };
-        H = !a(V, O);
+        H = !a(V, y);
       }
       let j = !0;
       return o.start && !o.end && L ? j = L >= o.start : o.start && o.end && (j = d >= o.start), {
@@ -21035,7 +21039,7 @@ const Q5 = (o) => {
     },
     [r]
   );
-  K(() => {
+  Q(() => {
     if (o)
       return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
         document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
@@ -21087,8 +21091,8 @@ const Q5 = (o) => {
   const b = o1(null);
   if (o === null)
     return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" });
-  const m = (O) => {
-    O.stopPropagation(), C || L(r);
+  const m = (y) => {
+    y.stopPropagation(), C || L(r);
   }, H = () => {
     !C && h && (b.current && (clearTimeout(b.current), b.current = null), h(r));
   }, j = () => {
@@ -21096,8 +21100,8 @@ const Q5 = (o) => {
       w(), b.current = null;
     }, 100) : w());
   }, V = () => {
-    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}`;
+    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} ${f}`;
   };
   return g ? g({
     day: o,
@@ -21415,7 +21419,7 @@ const Q5 = (o) => {
     const L = t !== void 0 ? t : e;
     a || s(L), n == null || n(L);
   }, [a, t, e, n]);
-  return K(() => {
+  return Q(() => {
     a && r !== void 0 && s(r);
   }, [a, r]), {
     value: C,
@@ -21588,26 +21592,26 @@ const Q5 = (o) => {
     autosize: H = !1,
     colorLeftIcon: j,
     infoTooltip: V = "",
-    ...O
+    ...y
   }, B) => {
     const {
-      value: R,
+      value: E,
       setValue: A,
       isControlled: S
     } = u6({
       value: C,
       defaultValue: d,
       onChange: h
-    }), v = (E) => {
-      const J = E.target.value;
-      A(J), w == null || w(E);
+    }), v = (z) => {
+      const J = z.target.value;
+      A(J), w == null || w(z);
     }, { paddingClasses: x, getIconPosition: Z } = a6({
       size: n,
       leftSlot: a,
       rightSlot: c,
       extraSlot: l,
       value: C
-    }), { baseClasses: y, containerClasses: M, labelClasses: I } = d6({
+    }), { baseClasses: O, containerClasses: M, labelClasses: I } = d6({
       size: n,
       error: r,
       disabled: L,
@@ -21618,10 +21622,10 @@ const Q5 = (o) => {
     });
     return l6({
       ref: B,
-      currentValue: R,
+      currentValue: E,
       setValue: A,
       isControlled: S,
-      inputId: O.id
+      inputId: y.id
     }), /* @__PURE__ */ u(
       "div",
       {
@@ -21663,12 +21667,12 @@ const Q5 = (o) => {
               {
                 placeholder: "Placeholder",
                 disabled: L,
-                value: R,
+                value: E,
                 onChange: v,
                 name: m,
-                "data-input-id": O.id || "default-input",
-                className: y + " ui-min-w-12",
-                ...O
+                "data-input-id": y.id || "default-input",
+                className: O + " ui-min-w-12",
+                ...y
               }
             ),
             c && /* @__PURE__ */ i(
@@ -21933,10 +21937,10 @@ const s6 = G1(
   hoverDate: H,
   closeOnSelect: j,
   autoCloseRange: V,
-  renderHeader: O,
+  renderHeader: y,
   renderDay: B
 }) => {
-  const R = (Z) => {
+  const E = (Z) => {
     C == null || C(Z);
   }, A = () => {
     switch (l) {
@@ -22011,11 +22015,11 @@ const s6 = G1(
           {
             currentDate: o,
             viewMode: l,
-            onNavigate: R,
+            onNavigate: E,
             onToggleViewMode: A,
             onGoToToday: L,
             monthNames: f,
-            renderHeader: O
+            renderHeader: y
           }
         ),
         /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: x() }),
@@ -22049,16 +22053,16 @@ const s6 = G1(
   startOfWeek: H,
   showWeekNumbers: j,
   yearRange: V,
-  hoverDate: O,
+  hoverDate: y,
   closeOnSelect: B,
-  autoCloseRange: R,
+  autoCloseRange: E,
   calendarsCount: A = 1,
   mode: S = "single",
   onClickSelected: v = !1,
   renderHeader: x,
   renderDay: Z
 }) => {
-  const [y, M] = Y(Array(A).fill(h)), [I, E] = Y(() => {
+  const [O, M] = Y(Array(A).fill(h)), [I, z] = Y(() => {
     const N = [];
     for (let $ = 0; $ < A; $++) {
       const k = new Date(n);
@@ -22066,18 +22070,18 @@ const s6 = G1(
     }
     return N;
   }), { renderPortal: J } = W5(o, r, t, 1100);
-  K(() => {
+  Q(() => {
     M(Array(A).fill(h));
-  }, [h, A]), K(() => {
+  }, [h, A]), Q(() => {
     const N = [];
     for (let $ = 0; $ < A; $++) {
       const k = new Date(n);
       k.setMonth(k.getMonth() + $), N.push(k);
     }
-    E(N);
+    z(N);
   }, [n, A]);
-  const q = (N) => {
-    const $ = y[N];
+  const G = (N) => {
+    const $ = O[N];
     let k;
     switch ($) {
       case "days":
@@ -22092,39 +22096,39 @@ const s6 = G1(
       default:
         k = "days";
     }
-    const F = [...y];
+    const F = [...O];
     F[N] = k, M(F);
-  }, z = (N, $) => {
+  }, R = (N, $) => {
     const k = [...I];
     k[N] = new Date(
       I[N].getFullYear(),
       $,
       1
-    ), E(k);
-    const F = [...y];
+    ), z(k);
+    const F = [...O];
     F[N] = "days", M(F), p == null || p($);
   }, X = (N, $) => {
     const k = [...I];
-    k[N] = new Date($, I[N].getMonth(), 1), E(k);
-    const F = [...y];
+    k[N] = new Date($, I[N].getMonth(), 1), z(k);
+    const F = [...O];
     F[N] = "months", M(F), d == null || d($);
   }, n1 = (N) => {
     const $ = [...I];
     $.forEach((k, F) => {
-      const i1 = new Date(k);
-      switch (y[F]) {
+      const e1 = new Date(k);
+      switch (O[F]) {
         case "days":
-          i1.setMonth(i1.getMonth() + (N === "next" ? 1 : -1));
+          e1.setMonth(e1.getMonth() + (N === "next" ? 1 : -1));
           break;
         case "months":
-          i1.setFullYear(i1.getFullYear() + (N === "next" ? 1 : -1));
+          e1.setFullYear(e1.getFullYear() + (N === "next" ? 1 : -1));
           break;
         case "years":
-          i1.setFullYear(i1.getFullYear() + (N === "next" ? 12 : -12));
+          e1.setFullYear(e1.getFullYear() + (N === "next" ? 12 : -12));
           break;
       }
-      $[F] = i1;
-    }), E($), C(N);
+      $[F] = e1;
+    }), z($), C(N);
   };
   return J(
     /* @__PURE__ */ i("div", { className: "ui-relative", children: S === "range" && A > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
@@ -22132,9 +22136,9 @@ const s6 = G1(
         c6,
         {
           calendarDates: I,
-          viewModes: y,
+          viewModes: O,
           onNavigate: n1,
-          onToggleViewMode: q,
+          onToggleViewMode: G,
           onGoToToday: L,
           monthNames: m,
           yearRange: V,
@@ -22151,14 +22155,14 @@ const s6 = G1(
           onDateHover: l,
           minDate: w,
           maxDate: f,
-          viewMode: y[$],
+          viewMode: O[$],
           weekDays: b,
           monthNames: m,
           startOfWeek: H,
           showWeekNumbers: j,
           yearRange: V,
-          hoverDate: O,
-          onMonthSelect: (k) => z($, k),
+          hoverDate: y,
+          onMonthSelect: (k) => R($, k),
           onYearSelect: (k) => X($, k),
           renderDay: Z
         }
@@ -22189,9 +22193,9 @@ const s6 = G1(
         startOfWeek: H,
         showWeekNumbers: j,
         yearRange: V,
-        hoverDate: O,
+        hoverDate: y,
         closeOnSelect: B,
-        autoCloseRange: R,
+        autoCloseRange: E,
         renderHeader: x,
         renderDay: Z
       }
@@ -22233,20 +22237,20 @@ const s6 = G1(
     disabledDayClassName: H = "text-gray-400 cursor-not-allowed",
     rangeClassName: j = "bg-blue-100",
     rangeStartClassName: V = "bg-blue-500 text-white rounded-l-full",
-    rangeEndClassName: O = "bg-blue-500 text-white rounded-r-full",
+    rangeEndClassName: y = "bg-blue-500 text-white rounded-r-full",
     todayClassName: B = "border border-blue-500",
-    showWeekNumbers: R = !1,
+    showWeekNumbers: E = !1,
     yearRange: A = 12,
     initialViewMode: S = "days",
     closeOnSelect: v = !1,
     autoCloseRange: x = !0,
     placeholder: Z = "Seleccionar fecha",
-    format: y = "dd/MM/yyyy",
+    format: O = "dd/MM/yyyy",
     calendarsCount: M = 1,
     renderHeader: I,
-    renderDay: E
-  } = o, { state: J, selectedDate: q, selectedRange: z, inputRef: X, isPortalReady: n1, actions: N } = Q5(o), { handleRangeSelection: $ } = f9(
-    z,
+    renderDay: z
+  } = o, { state: J, selectedDate: G, selectedRange: R, inputRef: X, isPortalReady: n1, actions: N } = Q5(o), { handleRangeSelection: $ } = f9(
+    R,
     N.setSelectedRange,
     c,
     l,
@@ -22254,25 +22258,25 @@ const s6 = G1(
   ), k = (_) => {
     if (!_ || !(_ instanceof Date) || isNaN(_.getTime()))
       return "";
-    const a1 = _.getDate().toString().padStart(2, "0"), T = (_.getMonth() + 1).toString().padStart(2, "0"), Q = _.getFullYear();
-    return y.replace("dd", a1).replace("MM", T).replace("yyyy", Q.toString());
+    const u1 = _.getDate().toString().padStart(2, "0"), T = (_.getMonth() + 1).toString().padStart(2, "0"), K = _.getFullYear();
+    return O.replace("dd", u1).replace("MM", T).replace("yyyy", K.toString());
   }, F = (_) => {
     if (!_ || !_.start && !_.end) return "";
-    const a1 = _.start && _.start instanceof Date && !isNaN(_.start.getTime()), T = _.end && _.end instanceof Date && !isNaN(_.end.getTime());
-    return a1 && T ? `${k(_.start)} - ${k(_.end)}` : a1 ? k(_.start) : T ? k(_.end) : "";
-  }, i1 = (_) => {
+    const u1 = _.start && _.start instanceof Date && !isNaN(_.start.getTime()), T = _.end && _.end instanceof Date && !isNaN(_.end.getTime());
+    return u1 && T ? `${k(_.start)} - ${k(_.end)}` : u1 ? k(_.start) : T ? k(_.end) : "";
+  }, e1 = (_) => {
     if (!_ || !(_ instanceof Date) || isNaN(_.getTime())) {
       console.warn("DatePicker: Se recibió una fecha inválida:", _);
       return;
     }
     r === "single" ? N.setSelectedDate(_) : $(_, J.hoverDate, N.closePicker);
-  }, u1 = (_) => {
+  }, a1 = (_) => {
     if (_ !== null && (!(_ instanceof Date) || isNaN(_.getTime()))) {
       console.warn("DatePicker: Se recibió una fecha inválida en hover:", _);
       return;
     }
     N.setHoverDate(_);
-  }, p1 = () => r === "single" ? k(q) : F(z);
+  }, p1 = () => r === "single" ? k(G) : F(R);
   return /* @__PURE__ */ u("div", { className: `relative ${h}`, children: [
     /* @__PURE__ */ i(
       s6,
@@ -22284,7 +22288,7 @@ const s6 = G1(
         isOpen: J.isOpen,
         onInputClick: N.openPicker,
         className: w,
-        format: y
+        format: O
       }
     ),
     /* @__PURE__ */ i(
@@ -22294,10 +22298,10 @@ const s6 = G1(
         onClose: N.closePicker,
         portalPosition: J.portalPosition,
         currentDate: J.currentDate,
-        selectedDate: q,
-        selectedRange: z,
-        onDateSelect: i1,
-        onDateHover: u1,
+        selectedDate: G,
+        selectedRange: R,
+        onDateSelect: e1,
+        onDateHover: a1,
         onViewModeChange: N.setViewMode,
         onNavigate: N.navigate,
         onMonthSelect: N.handleMonthSelect,
@@ -22310,7 +22314,7 @@ const s6 = G1(
         weekDays: C,
         monthNames: p,
         startOfWeek: L,
-        showWeekNumbers: R,
+        showWeekNumbers: E,
         yearRange: A,
         hoverDate: J.hoverDate,
         closeOnSelect: v,
@@ -22318,7 +22322,7 @@ const s6 = G1(
         calendarsCount: M,
         mode: r,
         renderHeader: I,
-        renderDay: E
+        renderDay: z
       }
     )
   ] });
@@ -22327,7 +22331,7 @@ const s6 = G1(
   /* @__PURE__ */ i("h2", { className: U("ui-text-2xl ui-font-bold", r), children: o })
 ] }), v9 = (o, r = {}) => {
   const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = Y(!1), [c, l] = Y(!1);
-  return K(() => {
+  return Q(() => {
     if (o) {
       a(!0);
       const s = setTimeout(() => {
@@ -22342,14 +22346,14 @@ const s6 = G1(
   }, [o, t, n]), { isVisible: e, isAnimating: c };
 }, j9 = (o) => {
   const r = typeof window < "u";
-  K(() => {
+  Q(() => {
     if (r)
       return o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
         document.body.style.overflow = "";
       };
   }, [o, r]);
 }, J0 = (o, r, t = !1) => {
-  K(() => {
+  Q(() => {
     if (!o || t) return;
     const n = (e) => {
       e.key === "Escape" && r();
@@ -22357,7 +22361,7 @@ const s6 = G1(
     return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
   }, [o, r, t]);
 }, V9 = (o, r, t = !1) => {
-  K(() => {
+  Q(() => {
     if (!o || t || !r.current) return;
     const n = [
       "button",
@@ -22374,7 +22378,7 @@ const s6 = G1(
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
   }, [o, t, r]);
 }, h6 = (o, r) => {
-  K(() => {
+  Q(() => {
     o && r.current && requestAnimationFrame(() => {
       var t;
       (t = r.current) == null || t.focus();
@@ -22382,14 +22386,14 @@ const s6 = G1(
   }, [o, r]);
 }, H9 = () => {
   const o = typeof window < "u", [r] = Y(() => o ? document.createElement("div") : null);
-  return K(() => {
+  return Q(() => {
     if (!(!r || !o))
       return document.body.appendChild(r), () => {
         document.body.contains(r) && document.body.removeChild(r);
       };
   }, [r, o]), r;
 }, w6 = (o, r, t, n = !1) => {
-  K(() => {
+  Q(() => {
     if (!o || n) return;
     const e = (a) => {
       var s;
@@ -22412,16 +22416,16 @@ const s6 = G1(
   onOutsideClick: s,
   disableSameTypeCheck: C = !1
 }) => {
-  K(() => {
+  Q(() => {
     if (!o || r || !c) return;
     const p = (L) => {
-      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, b = a && !C ? h.closest(`[data-${a}-container-id="${e}"]`) : !1, m = l.some((B) => h.closest(B)), j = (() => {
+      var V, y;
+      const h = L.target, w = (V = t.current) == null ? void 0 : V.contains(h), f = (y = n == null ? void 0 : n.current) == null ? void 0 : y.contains(h), g = e ? h.closest(`[data-${a}-id="${e}"]`) : !1, b = a && !C ? h.closest(`[data-${a}-container-id="${e}"]`) : !1, m = l.some((B) => h.closest(B)), j = (() => {
         let B = h;
         for (; B && B !== document.body; ) {
-          const R = B.attributes;
-          for (let S = 0; S < R.length; S++) {
-            const v = R[S];
+          const E = B.attributes;
+          for (let S = 0; S < E.length; S++) {
+            const v = E[S];
             if (v.name.startsWith("data-") && v.name.endsWith("-id")) {
               if (a === "dropdown" && (v.name.includes("popup") || v.name.includes("dropdown")))
                 continue;
@@ -22495,14 +22499,14 @@ const s6 = G1(
   disabledSuccessButton: j = !1,
   disabledCancelButton: V = !1
 }) => {
-  const O = H9(), { isVisible: B, isAnimating: R } = v9(o), A = o1(null);
+  const y = H9(), { isVisible: B, isAnimating: E } = v9(o), A = o1(null);
   j9(o), J0(o, r, l), V9(o, A, !s);
   const S = () => {
     w && w(), H && r();
   }, v = () => {
     f && f(), m && r();
   };
-  if (!O || !B) return null;
+  if (!y || !B) return null;
   const x = /* @__PURE__ */ u(
     "div",
     {
@@ -22532,7 +22536,7 @@ const s6 = G1(
               C === "right" ? "ui-ml-auto" : "ui-mr-auto"
             ),
             style: {
-              transform: C === "right" ? R ? "translateX(0)" : "translateX(100%)" : R ? "translateX(0)" : "translateX(-100%)"
+              transform: C === "right" ? E ? "translateX(0)" : "translateX(100%)" : E ? "translateX(0)" : "translateX(-100%)"
             },
             children: /* @__PURE__ */ u(m1, { rounded: !1, padding: !1, gap: !1, className: U(p), children: [
               /* @__PURE__ */ i(m1.Header, { children: /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4", children: t && /* @__PURE__ */ i(b9, { title: t, icon: a }) }) }),
@@ -22559,7 +22563,7 @@ const s6 = G1(
       ]
     }
   );
-  return h9.createPortal(x, O);
+  return h9.createPortal(x, y);
 }, Ai = ({ className: o }) => /* @__PURE__ */ i("div", { className: U("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", o) }), O9 = ({
   children: o,
   icon: r,
@@ -22780,41 +22784,41 @@ const s6 = G1(
   onOpenChange: w,
   withCheckbox: f = !1
 }) => {
-  const g = t9(), b = C || `dropdown-${g}`, [m, H] = Y(!1), [j, V] = Y(!1), [O, B] = Y(""), [R, A] = Y("bottom"), [S, v] = Y({}), x = o1(null), Z = o1(null), y = o1(null), M = P(
+  const g = t9(), b = C || `dropdown-${g}`, [m, H] = Y(!1), [j, V] = Y(!1), [y, B] = Y(""), [E, A] = Y("bottom"), [S, v] = Y({}), x = o1(null), Z = o1(null), O = o1(null), M = P(
     (T) => T == null ? [] : Array.isArray(T) ? T : [T],
     []
   ), I = P(
     (T) => T == null || T === "" ? "" : Array.isArray(T) ? T[0] || "" : T,
     []
-  ), [E, J] = Y(() => d ? M(r) : I(r)), q = o !== void 0, z = q ? o : E, X = P(
+  ), [z, J] = Y(() => d ? M(r) : I(r)), G = o !== void 0, R = G ? o : z, X = P(
     (T) => {
-      q || J(T), a == null || a(T);
+      G || J(T), a == null || a(T);
     },
-    [q, a]
+    [G, a]
   );
-  K(() => {
-    if (q && o !== void 0)
+  Q(() => {
+    if (G && o !== void 0)
       if (d) {
         const T = M(o);
-        J((Q) => JSON.stringify(Q) !== JSON.stringify(T) ? T : Q);
+        J((K) => JSON.stringify(K) !== JSON.stringify(T) ? T : K);
       } else {
         const T = I(o);
-        J((Q) => Q !== T ? T : Q);
+        J((K) => K !== T ? T : K);
       }
-  }, [o, q, d, M, I]);
-  const n1 = d ? t.filter((T) => M(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, M, I]);
+  const n1 = d ? t.filter((T) => M(R).includes(T[e])) : [
+    t.find((T) => R === "" || R === null || R === void 0 ? !1 : T[e] === -1 ? R === -1 || R === "-1" : T[e] === R)
   ].filter(Boolean), N = (() => {
-    if (!l || !O)
+    if (!l || !y)
       return t.filter((l1) => {
         if (d) {
-          const d1 = M(z).includes(l1[e]);
+          const d1 = M(R).includes(l1[e]);
           return f ? !0 : !d1;
         }
-        return !(l1[e] === -1 && (z === -1 || z === "-1"));
+        return !(l1[e] === -1 && (R === -1 || R === "-1"));
       });
-    const T = O.toLowerCase(), Q = t.filter((l1) => l1.isGroupTitle ? !1 : l1[n].toLowerCase().includes(T)), e1 = [], W = /* @__PURE__ */ new Set();
-    return Q.forEach((l1) => {
+    const T = y.toLowerCase(), K = t.filter((l1) => l1.isGroupTitle ? !1 : l1[n].toLowerCase().includes(T)), i1 = [], W = /* @__PURE__ */ new Set();
+    return K.forEach((l1) => {
       const d1 = t.indexOf(l1);
       let r1 = null;
       for (let s1 = d1 - 1; s1 >= 0; s1--)
@@ -22822,31 +22826,31 @@ const s6 = G1(
           r1 = t[s1];
           break;
         }
-      r1 && !W.has(r1[e]) && (e1.push(r1), W.add(r1[e])), e1.push(l1);
-    }), e1;
+      r1 && !W.has(r1[e]) && (i1.push(r1), W.add(r1[e])), i1.push(l1);
+    }), i1;
   })(), $ = P(() => {
-    var e1, W;
-    const T = (e1 = y.current) == null ? void 0 : e1.querySelector("input");
-    return T || ((W = y.current) == null ? void 0 : W.querySelector(
+    var i1, W;
+    const T = (i1 = O.current) == null ? void 0 : i1.querySelector("input");
+    return T || ((W = O.current) == null ? void 0 : W.querySelector(
       '[data-dropdown-input="true"]'
     ));
   }, []), k = P(() => {
     const T = $();
     T && requestAnimationFrame(() => {
-      var E1;
-      const Q = T.getBoundingClientRect(), e1 = window.innerHeight;
+      var z1;
+      const K = T.getBoundingClientRect(), i1 = window.innerHeight;
       let W = 0;
       Z.current && (W = Z.current.offsetHeight), W === 0 && (W = Math.min(200, N.length * 40));
-      const l1 = e1 - Q.bottom, d1 = Q.top, r1 = l1 < W && d1 > l1 ? "top" : "bottom";
+      const l1 = i1 - K.bottom, d1 = K.top, r1 = l1 < W && d1 > l1 ? "top" : "bottom";
       A(r1);
-      let s1 = 0, B1 = 0, k1 = Q.width;
+      let s1 = 0, B1 = 0, k1 = K.width;
       if (!h)
-        r1 === "bottom" ? s1 = Q.bottom + 4 : s1 = Q.top - W - 4, B1 = Q.left;
+        r1 === "bottom" ? s1 = K.bottom + 4 : s1 = K.top - W - 4, B1 = K.left;
       else {
-        const g1 = (E1 = y.current) == null ? void 0 : E1.getBoundingClientRect();
-        if (!g1) return;
-        const T1 = Q.top - g1.top, H1 = Q.left - g1.left;
-        r1 === "bottom" ? s1 = T1 + Q.height + 4 : s1 = T1 - W - 4, B1 = H1;
+        const f1 = (z1 = O.current) == null ? void 0 : z1.getBoundingClientRect();
+        if (!f1) return;
+        const T1 = K.top - f1.top, H1 = K.left - f1.left;
+        r1 === "bottom" ? s1 = T1 + K.height + 4 : s1 = T1 - W - 4, B1 = H1;
       }
       const V1 = 1100, I1 = parseInt(b.replace(/\D/g, "")) || 0, P1 = V1 + I1 % 100, X1 = {
         position: h ? "absolute" : "fixed",
@@ -22860,60 +22864,60 @@ const s6 = G1(
   }, [$, N.length, b, h]), F = P(() => {
     if (!Z.current || !n1.length)
       return;
-    const Q = Z.current.querySelector(".ui-overflow-y-auto");
-    if (!Q)
+    const K = Z.current.querySelector(".ui-overflow-y-auto");
+    if (!K)
       return;
-    const e1 = n1[0];
-    if (!e1) return;
-    const W = Q.querySelector(
-      `[data-option-value="${e1[e]}"]`
+    const i1 = n1[0];
+    if (!i1) return;
+    const W = K.querySelector(
+      `[data-option-value="${i1[e]}"]`
     );
     if (!W)
       return;
-    const l1 = Q.clientHeight, d1 = W.offsetTop, r1 = W.clientHeight, s1 = d1 - l1 / 2 + r1 / 2;
-    Q.scrollTo({
+    const l1 = K.clientHeight, d1 = W.offsetTop, r1 = W.clientHeight, s1 = d1 - l1 / 2 + r1 / 2;
+    K.scrollTo({
       top: Math.max(0, s1),
       behavior: "smooth"
     });
-  }, [n1, n]), i1 = (T) => {
-    T && T.stopPropagation(), !p && (m ? u1() : (f6(b), B(""), V(!1), k(), setTimeout(() => {
+  }, [n1, n]), e1 = (T) => {
+    T && T.stopPropagation(), !p && (m ? a1() : (f6(b), B(""), V(!1), k(), setTimeout(() => {
       H(!0), n0.add(b), setTimeout(() => {
         k(), setTimeout(() => {
           F();
         }, 50);
       }, 50);
     }, 50)));
-  }, u1 = () => {
+  }, a1 = () => {
     V(!0), setTimeout(() => {
       H(!1), V(!1), n0.delete(b);
     }, 150);
-  }, p1 = (T, Q) => {
-    if (Q.stopPropagation(), !T.disabled) {
+  }, p1 = (T, K) => {
+    if (K.stopPropagation(), !T.disabled) {
       if (d) {
-        const e1 = M(z), W = T[e];
-        if (L && e1.length >= L && !e1.includes(W))
+        const i1 = M(R), W = T[e];
+        if (L && i1.length >= L && !i1.includes(W))
           return;
-        const l1 = e1.includes(W) ? e1.filter((d1) => d1 !== W) : [...e1, W];
+        const l1 = i1.includes(W) ? i1.filter((d1) => d1 !== W) : [...i1, W];
         X(l1);
       } else {
-        const e1 = T[e] === -1 ? -1 : T[e];
-        X(e1), B(""), u1();
+        const i1 = T[e] === -1 ? -1 : T[e];
+        X(i1), B(""), a1();
       }
       c == null || c(T);
     }
   }, _ = (T) => {
     B(T.target.value);
-  }, a1 = (T) => {
+  }, u1 = (T) => {
     T.stopPropagation(), X(d ? [] : ""), B("");
   };
-  return K(() => {
+  return Q(() => {
     w == null || w(m);
   }, [m, w]), y9({
     isActive: m,
     // Simplificar condición para mejorar detección
     disabled: p,
     elementRef: Z,
-    containerRef: h ? void 0 : y,
+    containerRef: h ? void 0 : O,
     // No usar containerRef cuando absolute=true
     elementId: b,
     elementType: "dropdown",
@@ -22922,50 +22926,50 @@ const s6 = G1(
     // Deshabilitar isInsideSameType cuando absolute=true
     onOutsideClick: () => {
       setTimeout(() => {
-        u1();
+        a1();
       }, 0);
     }
-  }), K(() => {
+  }), Q(() => {
     const T = () => {
-      m && u1();
+      m && a1();
     };
     return document.addEventListener("close-all-dropdowns", T), () => {
       document.removeEventListener("close-all-dropdowns", T);
     };
-  }, [m, u1]), K(() => {
+  }, [m, a1]), Q(() => {
     if (m) {
       const T = () => {
         k();
-      }, Q = () => {
+      }, K = () => {
         m && !j && k();
       };
-      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);
+      return window.addEventListener("resize", T), window.addEventListener("scroll", K, !1), document.addEventListener("scroll", K, !1), () => {
+        window.removeEventListener("resize", T), window.removeEventListener("scroll", K, !1), document.removeEventListener("scroll", K, !1);
       };
     }
   }, [m, k, j]), {
     // Estado
     isOpen: m,
     isClosing: j,
-    searchValue: O,
-    selectedValue: z,
+    searchValue: y,
+    selectedValue: R,
     selectedOptions: n1,
     filteredOptions: N,
-    position: R,
+    position: E,
     dropdownStyle: S,
-    isControlled: q,
+    isControlled: G,
     multiple: d,
     // Referencias
     inputRef: x,
     dropdownRef: Z,
-    containerRef: y,
+    containerRef: O,
     dropdownUniqueId: b,
     // Funciones
-    toggleDropdown: i1,
-    closeDropdown: u1,
+    toggleDropdown: e1,
+    closeDropdown: a1,
     handleOptionSelect: p1,
     handleSearchChange: _,
-    handleClear: a1,
+    handleClear: u1,
     calculatePosition: k,
     setValue: X,
     scrollToSelectedOption: F,
@@ -23018,17 +23022,17 @@ const s6 = G1(
   idName: w
 }) => {
   const [f, g] = Y(!1), [b, m] = Y(null), H = o1(null);
-  return K(() => {
+  return Q(() => {
     if (!H.current || t.length === 0) {
       g(!1), m(null);
       return;
     }
     const V = setTimeout(() => {
-      const O = H.current;
-      if (O) {
-        const B = O.scrollHeight, R = O.clientHeight;
+      const y = H.current;
+      if (y) {
+        const B = y.scrollHeight, E = y.clientHeight;
         if (b === null) {
-          m(R);
+          m(E);
           return;
         }
         const A = B > b;
@@ -23116,21 +23120,21 @@ const s6 = G1(
     onValueChange: H,
     onOptionSelect: j,
     onCheckboxChange: V,
-    searchable: O = !1,
+    searchable: y = !1,
     maxHeight: B = "200px",
-    closeOnClickOutside: R = !0,
+    closeOnClickOutside: E = !0,
     dropdownId: A,
     multiple: S = !1,
     maxSelectedItems: v,
     selectedItemsDisplay: x = "tags",
     absolute: Z = !1,
-    footer: y = !1,
+    footer: O = !1,
     defaultOptionSelected: M = !1,
     withCheckbox: I = !1,
-    onHandleAccept: E,
+    onHandleAccept: z,
     ...J
-  }, q) => {
-    const z = o1(null), [X, n1] = Y(c), [N, $] = Y(null), [k, F] = Y(!1), p1 = S ? g : !S && M ? [
+  }, G) => {
+    const R = o1(null), [X, n1] = Y(c), [N, $] = Y(null), [k, F] = Y(!1), p1 = S ? g : !S && M ? [
       {
         ...{
           label: f || "Selecciona una opción",
@@ -23144,10 +23148,10 @@ const s6 = G1(
       ...g.filter((D) => D[m] !== -1)
     ] : g, _ = L !== void 0 ? L : M && !S ? -1 : h, {
       // Estado
-      isOpen: a1,
+      isOpen: u1,
       isClosing: T,
-      searchValue: Q,
-      selectedValue: e1,
+      searchValue: K,
+      selectedValue: i1,
       selectedOptions: W,
       filteredOptions: l1,
       dropdownStyle: d1,
@@ -23162,8 +23166,8 @@ const s6 = G1(
       closeDropdown: P1,
       handleOptionSelect: Q0,
       handleSearchChange: X1,
-      handleClear: E1,
-      calculatePosition: g1,
+      handleClear: z1,
+      calculatePosition: f1,
       scrollToSelectedOption: T1,
       setValue: H1,
       normalizeToArray: W0
@@ -23175,8 +23179,8 @@ const s6 = G1(
       idName: m,
       onValueChange: H,
       onOptionSelect: j,
-      searchable: O,
-      closeOnClickOutside: R,
+      searchable: y,
+      closeOnClickOutside: E,
       dropdownId: A,
       disabled: w,
       multiple: S,
@@ -23190,19 +23194,19 @@ const s6 = G1(
       }
     }), A1 = (D, c1) => {
       if (S) {
-        const L1 = W0(e1), G = D[m];
+        const L1 = W0(i1), q = D[m];
         if (c1) {
-          if (!L1.includes(G)) {
-            const h1 = [...L1, G];
+          if (!L1.includes(q)) {
+            const h1 = [...L1, q];
             H1(h1);
           }
         } else {
-          const h1 = L1.filter((y1) => y1 !== G);
+          const h1 = L1.filter((y1) => y1 !== q);
           H1(h1);
         }
       }
     };
-    K(() => {
+    Q(() => {
       if (r1 && L !== void 0)
         if (L === "" || L === -1 || L === "-1")
           n1((D) => D !== c ? c : D), $((D) => D !== null ? null : D);
@@ -23212,29 +23216,29 @@ const s6 = G1(
           );
           if (D) {
             const c1 = D.icon || c, L1 = D.iconColor || null;
-            n1((G) => G !== c1 ? c1 : G), $((G) => G !== L1 ? L1 : G);
+            n1((q) => q !== c1 ? c1 : q), $((q) => q !== L1 ? L1 : q);
           }
         }
     }, [L, r1, p1, b, m, c]), o0(
-      q,
+      G,
       () => ({
-        getValue: () => e1,
+        getValue: () => i1,
         setValue: (D) => {
           r1 || H1(D), H == null || H(D);
         },
         focus: () => {
           var D, c1;
-          S && x === "tags" ? (D = z.current) == null || D.focus() : (c1 = s1.current) == null || c1.focus();
+          S && x === "tags" ? (D = R.current) == null || D.focus() : (c1 = s1.current) == null || c1.focus();
         },
         blur: () => {
           var D, c1;
-          S && x === "tags" ? (D = z.current) == null || D.blur() : (c1 = s1.current) == null || c1.blur();
+          S && x === "tags" ? (D = R.current) == null || D.blur() : (c1 = s1.current) == null || c1.blur();
         },
         clear: () => {
           r1 || H1(S ? [] : ""), H == null || H(S ? [] : "");
         },
         open: () => {
-          w || (g1(), setTimeout(() => {
+          w || (f1(), setTimeout(() => {
             I1();
           }, 50));
         },
@@ -23243,10 +23247,10 @@ const s6 = G1(
         }
       }),
       [
-        e1,
+        i1,
         r1,
         w,
-        g1,
+        f1,
         H,
         P1,
         S,
@@ -23254,40 +23258,40 @@ const s6 = G1(
         I1,
         x
       ]
-    ), K(() => {
-      if (a1 && W.length > 0) {
+    ), Q(() => {
+      if (u1 && W.length > 0) {
         const D = setTimeout(() => {
           T1();
         }, 150);
         return () => clearTimeout(D);
       }
-    }, [a1, W, T1]), K(() => {
-      if (a1 && S && x === "tags") {
-        const D = z.current;
+    }, [u1, W, T1]), Q(() => {
+      if (u1 && S && x === "tags") {
+        const D = R.current;
         if (!D) return;
         const c1 = new ResizeObserver(() => {
           setTimeout(() => {
-            g1();
+            f1();
           }, 50);
         });
         return c1.observe(D), () => {
           c1.disconnect();
         };
       }
-    }, [a1, S, x, g1]), K(() => {
-      if (a1 && S && x === "tags") {
+    }, [u1, S, x, f1]), Q(() => {
+      if (u1 && S && x === "tags") {
         const D = setTimeout(() => {
-          g1();
+          f1();
         }, 100);
         return () => clearTimeout(D);
       }
-    }, [W, a1, S, x, g1]);
+    }, [W, u1, S, x, f1]);
     const n9 = (D) => {
       if (S) {
-        const L1 = W0(e1).filter((G) => G !== D);
+        const L1 = W0(i1).filter((q) => q !== D);
         if (H1(L1), I && A1) {
-          const G = g.find((h1) => h1[m] === D);
-          G && A1(G, !1);
+          const q = g.find((h1) => h1[m] === D);
+          q && A1(q, !1);
         }
       }
     }, $9 = () => {
@@ -23307,9 +23311,9 @@ const s6 = G1(
         return D ? D[m] === -1 || D[b] === -1 || D[b] === "-1" ? f : D[b] || "" : "";
       }
     }, P9 = () => {
-      if (!a1 || !d1.top) return null;
-      const D = T ? "animate-dropdown-exit" : "animate-dropdown-enter", c1 = (G, h1) => {
-        Q0(G, h1), G.icon && n1(G.icon), G.iconColor && $(G.iconColor);
+      if (!u1 || !d1.top) return null;
+      const D = T ? "animate-dropdown-exit" : "animate-dropdown-enter", c1 = (q, h1) => {
+        Q0(q, h1), q.icon && n1(q.icon), q.iconColor && $(q.iconColor);
       }, L1 = /* @__PURE__ */ u(
         "div",
         {
@@ -23324,12 +23328,12 @@ const s6 = G1(
             zIndex: d1.zIndex
           },
           className: `py-2 ui-min-w-fit ui-overflow-hidden ui-rounded-sm ui-border ui-border-neutral-200 ui-bg-white ui-shadow-lg ${D}`,
-          onClick: (G) => G.stopPropagation(),
+          onClick: (q) => q.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { children: O && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (G) => G.stopPropagation(), children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { children: y && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (q) => q.stopPropagation(), children: /* @__PURE__ */ i(
               N1,
               {
-                value: Q,
+                value: K,
                 onChange: X1,
                 placeholder: s,
                 leftSlot: "SearchOutlined",
@@ -23338,53 +23342,53 @@ const s6 = G1(
                 size: "sm"
               }
             ) }) }),
-            O && /* @__PURE__ */ i(U1, {}),
-            /* @__PURE__ */ i("div", { className: "custom-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: l1.length > 0 ? l1.map((G) => {
+            y && /* @__PURE__ */ i(U1, {}),
+            /* @__PURE__ */ i("div", { className: "custom-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: l1.length > 0 ? l1.map((q) => {
               const h1 = S ? W.some(
-                (y1) => y1 && y1[m] === G[m]
-              ) : G[m] === -1 && (e1 === -1 || e1 === "-1") || G[m] === e1;
+                (y1) => y1 && y1[m] === q[m]
+              ) : q[m] === -1 && (i1 === -1 || i1 === "-1") || q[m] === i1;
               return I ? /* @__PURE__ */ i(
                 k9,
                 {
-                  disabled: G.disabled,
+                  disabled: q.disabled,
                   current: h1 ? "blue" : !1,
-                  "data-option-value": G[m],
-                  icon: G.icon,
-                  iconColor: G.iconColor,
+                  "data-option-value": q[m],
+                  icon: q.icon,
+                  iconColor: q.iconColor,
                   checkboxProps: {
                     checked: h1,
-                    onChange: (y1) => A1 == null ? void 0 : A1(G, y1),
-                    disabled: G.disabled
+                    onChange: (y1) => A1 == null ? void 0 : A1(q, y1),
+                    disabled: q.disabled
                   },
-                  isGroupTitle: G.isGroupTitle,
-                  groupTitle: G.label,
-                  children: G[b]
+                  isGroupTitle: q.isGroupTitle,
+                  groupTitle: q.label,
+                  children: q[b]
                 },
-                G[m] || G[b]
+                q[m] || q[b]
               ) : /* @__PURE__ */ i(
                 O9,
                 {
-                  onClick: (y1) => c1(G, y1),
-                  disabled: G.disabled,
+                  onClick: (y1) => c1(q, y1),
+                  disabled: q.disabled,
                   current: h1 ? "blue" : !1,
-                  "data-option-value": G[m],
-                  icon: G.icon,
-                  iconColor: G.iconColor,
-                  children: G[b]
+                  "data-option-value": q[m],
+                  icon: q.icon,
+                  iconColor: q.iconColor,
+                  children: q[b]
                 },
-                G[m] || G[b]
+                q[m] || q[b]
               );
-            }) : 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: [
+            }) : K ? /* @__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(j1, { name: "SearchOutlined", size: "5xl", color: "neutral" }) }),
               /* @__PURE__ */ u("p", { className: "ui-font-semibold ui-text-neutral-800", children: [
                 C,
                 ' "',
-                Q,
+                K,
                 '"'
               ] }),
               /* @__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" }) }),
-            y && /* @__PURE__ */ u($1, { children: [
+            O && /* @__PURE__ */ u($1, { children: [
               /* @__PURE__ */ i(U1, {}),
               /* @__PURE__ */ u("div", { className: "ui-flex ui-min-w-[200px] ui-gap-x-2 ui-px-4 ui-py-2", children: [
                 /* @__PURE__ */ i(
@@ -23395,7 +23399,7 @@ const s6 = G1(
                     variant: "outlined",
                     size: "sm",
                     fullWidth: !0,
-                    onClick: E1,
+                    onClick: z1,
                     children: "Limpiar"
                   }
                 ),
@@ -23407,7 +23411,7 @@ const s6 = G1(
       );
       return Z ? L1 : D1(L1, document.body);
     };
-    return K(() => {
+    return Q(() => {
       c && n1(c);
     }, [c]), /* @__PURE__ */ u(
       "div",
@@ -23424,10 +23428,10 @@ const s6 = G1(
               selectedOptions: W,
               handleRemoveSelected: n9,
               toggleDropdown: I1,
-              isOpen: a1,
+              isOpen: u1,
               isOpening: k,
               setIsOpening: F,
-              customInputRef: z,
+              customInputRef: R,
               disabled: w,
               error: t,
               helperText: n || "",
@@ -23457,7 +23461,7 @@ const s6 = G1(
                 readOnly: !0,
                 onClick: (D) => I1(D),
                 onClickExtraSlot: () => I1(),
-                extraSlot: a1 ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
+                extraSlot: u1 ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
                 name: o,
                 autosize: !0,
                 ...J
@@ -23483,7 +23487,7 @@ const s6 = G1(
 F1.displayName = "Dropdown";
 const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   const [n, e] = Y(!1), [a, c] = Y(() => (t || "").length);
-  return K(() => {
+  return Q(() => {
     const C = (t || "").length;
     c((p) => p !== C ? C : p);
   }, [t]), { isFocused: n, setIsFocused: e, count: a, handleChange: (C) => {
@@ -23611,61 +23615,61 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   absolute: s = !1
 }) => {
   const C = t9(), p = e || `popup-${C}`, [d, L] = Y(!1), [h, w] = Y({}), [f, g] = Y(!1), b = o1(null), m = o1(null), H = o1(null), j = P(() => {
-    const B = b.current, R = m.current;
-    if (!B || !R) return;
-    const A = B.getBoundingClientRect(), S = R.getBoundingClientRect();
+    const B = b.current, E = m.current;
+    if (!B || !E) return;
+    const A = B.getBoundingClientRect(), S = E.getBoundingClientRect();
     if (S.width === 0 || S.height === 0)
       return;
     let v = 0, x = 0;
     if (s) {
-      const E = B.offsetTop, J = B.offsetLeft, q = B.offsetWidth, z = B.offsetHeight;
+      const z = B.offsetTop, J = B.offsetLeft, G = B.offsetWidth, R = B.offsetHeight;
       switch (o) {
         case "top":
-          v = E - S.height - r, x = J + (q - S.width) / 2;
+          v = z - S.height - r, x = J + (G - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = E + z + r, x = J + (q - S.width) / 2;
+          v = z + R + r, x = J + (G - S.width) / 2;
           break;
         case "bottom-left":
-          v = E + z + r, x = J;
+          v = z + R + r, x = J;
           break;
         case "bottom-right":
-          v = E + z + r, x = J + q - S.width;
+          v = z + R + r, x = J + G - S.width;
           break;
         case "left":
-          v = E, x = J - S.width - r;
+          v = z, x = J - S.width - r;
           break;
         case "right":
-          v = E, x = J + q + r;
+          v = z, x = J + G + r;
           break;
       }
     } else {
-      const E = window.innerWidth, J = window.innerHeight, q = A.top, z = A.left, X = A.width, n1 = A.height;
+      const z = window.innerWidth, J = window.innerHeight, G = A.top, R = A.left, X = A.width, n1 = A.height;
       switch (o) {
         case "top":
-          v = q - S.height - r, x = z + (X - S.width) / 2;
+          v = G - S.height - r, x = R + (X - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = q + n1 + r, x = z + (X - S.width) / 2;
+          v = G + n1 + r, x = R + (X - S.width) / 2;
           break;
         case "bottom-left":
-          v = q + n1 + r, x = z;
+          v = G + n1 + r, x = R;
           break;
         case "bottom-right":
-          v = q + n1 + r, x = z + X - S.width;
+          v = G + n1 + r, x = R + X - S.width;
           break;
         case "left":
-          v = q, x = z - S.width - r;
+          v = G, x = R - S.width - r;
           break;
         case "right":
-          v = q, x = z + X + r;
+          v = G, x = R + X + r;
           break;
       }
-      x < 0 && (x = 0), x + S.width > E && (x = E - S.width), v < 0 && (v = 0), v + S.height > J && (v = J - S.height), o === "bottom-right" && S.width > A.width && (x = A.right - S.width, x < 0 && (x = 0));
+      x < 0 && (x = 0), x + S.width > z && (x = z - S.width), v < 0 && (v = 0), v + S.height > J && (v = J - S.height), o === "bottom-right" && S.width > A.width && (x = A.right - S.width, x < 0 && (x = 0));
     }
-    const Z = 1e3, y = parseInt(p.replace(/\D/g, "")) || 0, M = Z + y % 100, I = {
+    const Z = 1e3, O = parseInt(p.replace(/\D/g, "")) || 0, M = Z + O % 100, I = {
       position: s ? "absolute" : "fixed",
       top: `${v}px`,
       left: `${x}px`,
@@ -23673,16 +23677,16 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     };
     w(I), g(!0);
   }, [o, r, p, s]), V = (B) => {
-    B && B.stopPropagation(), !l && (d ? O() : (v6(p), w({}), g(!1), L(!0), e0.add(p), a == null || a()));
-  }, O = () => {
+    B && B.stopPropagation(), !l && (d ? y() : (v6(p), w({}), g(!1), L(!0), e0.add(p), a == null || a()));
+  }, y = () => {
     L(!1), g(!1), e0.delete(p), c == null || c();
   };
-  return K(() => {
+  return Q(() => {
     if (d) {
       const B = () => {
-        const R = m.current;
-        if (R) {
-          const A = R.getBoundingClientRect();
+        const E = m.current;
+        if (E) {
+          const A = E.getBoundingClientRect();
           A.width > 0 && A.height > 0 && A.width !== 0 && A.height !== 0 ? j() : setTimeout(() => {
             requestAnimationFrame(B);
           }, 10);
@@ -23692,16 +23696,16 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
         requestAnimationFrame(B);
       }, 0);
     }
-  }, [d, j]), K(() => {
+  }, [d, j]), Q(() => {
     if (!d || !f || s) return;
     let B = !1;
-    const R = () => {
+    const E = () => {
       B || (requestAnimationFrame(() => {
         j(), B = !1;
       }), B = !0);
     };
-    return window.addEventListener("scroll", R, { passive: !0 }), window.addEventListener("resize", R, { passive: !0 }), () => {
-      window.removeEventListener("scroll", R), window.removeEventListener("resize", R);
+    return window.addEventListener("scroll", E, { passive: !0 }), window.addEventListener("resize", E, { passive: !0 }), () => {
+      window.removeEventListener("scroll", E), window.removeEventListener("resize", E);
     };
   }, [d, f, s, j]), y9({
     isActive: d,
@@ -23711,8 +23715,8 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: t,
-    onOutsideClick: O
-  }), J0(d, O, !n), {
+    onOutsideClick: y
+  }), J0(d, y, !n), {
     isOpen: d,
     popupStyle: h,
     isPositioned: f,
@@ -23721,7 +23725,7 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     containerRef: H,
     popupUniqueId: p,
     togglePopup: V,
-    closePopup: O
+    closePopup: y
   };
 }, V6 = (o) => ({
   sm: "ui-rounded-sm",
@@ -23754,28 +23758,29 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     icon: H,
     colorIcon: j,
     tooltip: V,
-    tooltipPosition: O,
+    tooltipPosition: y,
     tooltipAlignment: B,
-    tooltipColor: R,
+    tooltipColor: E,
     tooltipDelay: A,
     absolute: S = !1,
     closeOnClick: v = !0,
     buttonClassName: x,
     containerClassName: Z,
-    buttonTransition: y = !0,
+    buttonTransition: O = !0,
     buttonStyle: M,
-    ...I
-  }, E) => {
+    stopPropagationList: I = !1,
+    ...z
+  }, J) => {
     const {
-      isOpen: J,
-      popupStyle: q,
-      isPositioned: z,
-      triggerRef: X,
-      popupRef: n1,
-      containerRef: N,
-      popupUniqueId: $,
-      togglePopup: k,
-      closePopup: F
+      isOpen: G,
+      popupStyle: R,
+      isPositioned: X,
+      triggerRef: n1,
+      popupRef: N,
+      containerRef: $,
+      popupUniqueId: k,
+      togglePopup: F,
+      closePopup: e1
     } = j6({
       position: t,
       offset: n,
@@ -23788,58 +23793,58 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
       absolute: S
     });
     o0(
-      E,
+      J,
       () => ({
         open: () => {
-          p || k();
+          p || F();
         },
         close: () => {
-          F();
+          e1();
         },
-        isOpen: () => J
+        isOpen: () => G
       }),
-      [p, k, F, J]
+      [p, F, e1, G]
     );
-    const i1 = () => {
-      if (!J)
+    const a1 = () => {
+      if (!G)
         return null;
-      const u1 = {
+      const p1 = {
         position: S ? "absolute" : "fixed",
         top: S ? "auto" : "-9999px",
         left: S ? "auto" : "-9999px",
-        visibility: z ? "visible" : "hidden",
-        opacity: z ? 1 : 0,
+        visibility: X ? "visible" : "hidden",
+        opacity: X ? 1 : 0,
         transition: "opacity 0.1s ease-out",
-        ...q
-      }, p1 = V6(b), _ = /* @__PURE__ */ i(
+        ...R
+      }, _ = V6(b), u1 = /* @__PURE__ */ i(
         "div",
         {
-          ref: n1,
-          id: $,
-          "data-popup-id": $,
-          style: u1,
-          className: `ui-border ui-border-neutral-100 ui-bg-white ${p1} ui-overflow-hidden ui-shadow-lg ${l}`,
-          onClick: () => {
-            v && F();
+          ref: N,
+          id: k,
+          "data-popup-id": k,
+          style: p1,
+          className: `ui-border ui-border-neutral-100 ui-bg-white ${_} ui-overflow-hidden ui-shadow-lg ${l}`,
+          onClick: (K) => {
+            v && (I && K.stopPropagation(), e1());
           },
-          ...I,
+          ...z,
           children: o
         }
       );
-      return S ? _ : D1(_, document.body);
+      return S ? u1 : D1(u1, document.body);
     };
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: N,
+        ref: $,
         className: U("ui-relative ui-h-max"),
-        "data-popup-container-id": $,
+        "data-popup-container-id": k,
         children: [
-          /* @__PURE__ */ i("div", { ref: X, className: U("ui-w-fit", Z), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { ref: n1, className: U("ui-w-fit", Z), children: /* @__PURE__ */ i(
             v1,
             {
               className: x,
-              onClick: k,
+              onClick: F,
               disabled: p,
               variant: d,
               color: L,
@@ -23851,16 +23856,16 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
               colorIcon: j,
               textColor: w,
               tooltip: V,
-              tooltipPosition: O,
+              tooltipPosition: y,
               tooltipAlignment: B,
-              tooltipColor: R,
+              tooltipColor: E,
               tooltipDelay: A,
-              transition: y,
+              transition: O,
               style: M,
               children: r || ""
             }
           ) }),
-          i1()
+          a1()
         ]
       }
     );
@@ -23910,7 +23915,7 @@ const Z1 = {
       h[f] = g;
     }), l(h);
   }, [o, e]);
-  K(() => {
+  Q(() => {
     s();
   }, [s]);
   const C = P(() => {
@@ -24125,9 +24130,9 @@ const Z1 = {
   footerButtonIcon: H,
   footerButtonOnClick: j,
   cancelButtonSlotLeft: V,
-  successButtonSlotRight: O,
+  successButtonSlotRight: y,
   disableCancelButton: B,
-  disableSuccessButton: R
+  disableSuccessButton: E
 }) => {
   const A = {
     onClose: r,
@@ -24151,9 +24156,9 @@ const Z1 = {
     footerButtonIcon: H,
     footerButtonOnClick: j,
     cancelButtonSlotLeft: V,
-    successButtonSlotRight: O,
+    successButtonSlotRight: y,
     disableCancelButton: B,
-    disableSuccessButton: R
+    disableSuccessButton: E
   };
   return /* @__PURE__ */ i(B9.Provider, { value: A, children: o });
 }, S9 = () => {
@@ -24226,8 +24231,8 @@ const Z1 = {
     onChangeTab: h,
     headerButtonIcon: w,
     headerButtonOnClick: f
-  } = S9(), g = r ?? C, b = c ?? w, m = 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, B = (R) => {
-    V && V(R);
+  } = S9(), g = r ?? C, b = c ?? w, m = l ?? f, H = (n == null ? void 0 : n.length) > 0 ? n : d, j = (H == null ? void 0 : H.length) ?? !1, V = a ?? h, y = e ?? L, B = (E) => {
+    V && V(E);
   };
   return /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-flex-wrap ui-items-center ui-justify-between ui-gap-x-md ui-border-b ui-border-neutral-100 ui-p-4", children: [
     p && /* @__PURE__ */ i("div", { className: "ui-flex ui-h-8 ui-w-8 ui-items-center ui-justify-center ui-gap-2 ui-rounded-full ui-bg-blue-50 ui-text-blue-500", children: /* @__PURE__ */ i(b1, { slot: p, size: "lg" }) }),
@@ -24262,10 +24267,10 @@ const Z1 = {
       I6,
       {
         options: H ?? [],
-        defaultValue: O,
+        defaultValue: y,
         size: "sm",
-        onChange: (R) => {
-          B(R);
+        onChange: (E) => {
+          B(E);
         }
       }
     ) }) : null
@@ -24299,7 +24304,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     s && s(), h && a();
   }, V = () => {
     C && C(), L && a();
-  }, O = r ?? w, B = t ?? f;
+  }, y = r ?? w, B = t ?? f;
   return /* @__PURE__ */ u(
     "div",
     {
@@ -24312,7 +24317,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
             variant: "outlined",
             rounded: !0,
             color: "white",
-            icon: O ?? "AlignJustifyOutlined",
+            icon: y ?? "AlignJustifyOutlined",
             size: "lg",
             onClick: B
           }
@@ -24377,24 +24382,24 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   tabs: H,
   defaultValueTab: j,
   onChangeTab: V,
-  headerButtonIcon: O,
+  headerButtonIcon: y,
   headerButtonOnClick: B,
-  footerButtonIcon: R,
+  footerButtonIcon: E,
   footerButtonOnClick: A,
   cancelButtonSlotLeft: S,
   successButtonSlotRight: v,
   disableCancelButton: x,
   disableSuccessButton: Z
 }) => {
-  const { isVisible: y, animateIn: M, container: I, modalRef: E } = O6({
+  const { isVisible: O, animateIn: M, container: I, modalRef: z } = O6({
     isOpen: o,
     onClose: r,
     disableEscapeClose: c,
     disableOutsideTab: l,
     disableOutsideClick: s
   });
-  if (!I || !o && !y) return null;
-  const J = S6(e), q = $6(e), z = /* @__PURE__ */ u(
+  if (!I || !o && !O) return null;
+  const J = S6(e), G = $6(e), R = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -24415,7 +24420,7 @@ const Z6 = ({ 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: U(
               "ui-relative ui-z-10 ui-my-auto ui-flex ui-w-full ui-transform ui-flex-col ui-rounded-lg ui-bg-white ui-shadow-md ui-outline-none ui-transition-all ui-duration-200",
@@ -24440,9 +24445,9 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 closeAtCancel: m,
                 title: w,
                 icon: t,
-                headerButtonIcon: O,
+                headerButtonIcon: y,
                 headerButtonOnClick: B,
-                footerButtonIcon: R,
+                footerButtonIcon: E,
                 footerButtonOnClick: A,
                 tabs: H,
                 defaultValueTab: j,
@@ -24454,7 +24459,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 children: [
                   !J && (a || w ? /* @__PURE__ */ i(Y1, { title: w }) : null),
                   e && e,
-                  !q && /* @__PURE__ */ i(X0, {})
+                  !G && /* @__PURE__ */ i(X0, {})
                 ]
               }
             )
@@ -24463,8 +24468,8 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ]
     }
   );
-  return h9.createPortal(z, I);
-}, Ei = Object.assign(P6, {
+  return h9.createPortal(R, I);
+}, zi = Object.assign(P6, {
   Header: Y1,
   Body: Z6,
   Footer: X0
@@ -24474,7 +24479,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   { label: "25", id: 25 },
   { label: "50", id: 50 },
   { label: "100", id: 100 }
-], zi = ({
+], Ei = ({
   currentPage: o,
   pageCount: r,
   pageSize: t = 10,
@@ -24490,18 +24495,18 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   showVisiblePages: d = !1,
   showPagesSelector: L = !1
 }) => {
-  K(() => {
+  Q(() => {
     o > r && r > 0 && l(r);
   }, [o, r, l]);
   const h = (j) => {
     j >= 1 && j <= r && l(j);
   }, [w, f] = Y(t);
-  K(() => {
+  Q(() => {
     f(t);
   }, [t]);
   const g = Math.min(o * (t || 0), n || 0) || 0, m = (() => {
     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 }, (O, B) => j + B);
+    return Array.from({ length: V - j + 1 }, (y, B) => j + B);
   })(), H = (j) => {
     f(j), s(j), h(1);
   };
@@ -24632,9 +24637,9 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ] })
     }
   );
-}, A6 = "Main Scene", F6 = 0, N6 = 500, D6 = 500, E6 = {
+}, A6 = "Main Scene", F6 = 0, N6 = 500, D6 = 500, z6 = {
   g: "@lottiefiles/creator 1.47.1"
-}, z6 = [
+}, E6 = [
   {
     ty: 0,
     nm: "logo",
@@ -27559,8 +27564,8 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   ddd: F6,
   h: N6,
   w: D6,
-  meta: E6,
-  layers: z6,
+  meta: z6,
+  layers: E6,
   v: R6,
   fr: U6,
   op: _6,
@@ -28169,13 +28174,13 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     onStepChange: p
   }), m = 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" : ""}`} ${ai({ color: r, size: t, className: n })}`, children: o.map((j, V) => {
-    const O = b(V), B = V === o.length - 1;
+    const y = b(V), B = V === o.length - 1;
     return /* @__PURE__ */ i(
       ui,
       {
         step: j,
         stepIndex: V,
-        status: O,
+        status: y,
         colorClasses: m,
         isLast: B,
         onStepClick: g,
@@ -28307,22 +28312,23 @@ const pi = {
   primaryButtonText: "Aceptar",
   secondaryButtonText: "Cancelar",
   progressBarColor: !1,
-  animationDuration: 300
+  animationDuration: 300,
+  size: "sm"
 };
-let f1 = { ...pi };
+let g1 = { ...pi };
 const K1 = [];
 let Ci = 0;
-const z1 = /* @__PURE__ */ new Map(), i0 = {
+const E1 = /* @__PURE__ */ new Map(), i0 = {
   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 = z1.get(c);
+    const c = `${e}-${r}`, l = Date.now(), s = E1.get(c);
     if (s && l - s < 100)
       return n;
-    z1.set(c, l);
-    for (const [p, d] of z1.entries())
-      l - d > 1e3 && z1.delete(p);
+    E1.set(c, l);
+    for (const [p, d] of E1.entries())
+      l - d > 1e3 && E1.delete(p);
     const C = {
       id: n,
       message: e,
@@ -28334,11 +28340,12 @@ const z1 = /* @__PURE__ */ new Map(), i0 = {
       onSecondaryClick: a.onSecondaryClick,
       showCloseButton: a.showCloseButton ?? !0,
       isLeaving: !1,
-      duration: a.duration ?? f1.duration,
-      position: a.position ?? f1.position,
-      variant: a.variant ?? f1.variant,
-      primaryButtonText: a.primaryButtonText ?? f1.primaryButtonText,
-      secondaryButtonText: a.secondaryButtonText ?? f1.secondaryButtonText
+      duration: a.duration ?? g1.duration,
+      position: a.position ?? g1.position,
+      variant: a.variant ?? g1.variant,
+      primaryButtonText: a.primaryButtonText ?? g1.primaryButtonText,
+      secondaryButtonText: a.secondaryButtonText ?? g1.secondaryButtonText,
+      size: a.size ?? g1.size
     };
     return K1.forEach((p) => p(C)), n;
   },
@@ -28365,22 +28372,22 @@ const z1 = /* @__PURE__ */ new Map(), i0 = {
         title: "",
         color: "green",
         duration: 0,
-        position: f1.position,
+        position: g1.position,
         showCloseButton: !0,
         isLeaving: !0,
-        variant: f1.variant
+        variant: g1.variant
       })
     );
   },
   configure(o) {
-    Object.assign(f1, o);
+    Object.assign(g1, o);
   },
   getListeners() {
     return K1;
   }
 }, Li = () => {
   const [o, r] = Y([]), t = o1(/* @__PURE__ */ new Map()), n = o1(null);
-  return K(() => {
+  return Q(() => {
     const a = i0.getListeners();
     if (n.current) {
       const l = a.indexOf(n.current);
@@ -28392,13 +28399,13 @@ const z1 = /* @__PURE__ */ new Map(), i0 = {
           (s) => s.map((C) => C.id === l.id ? { ...C, isLeaving: !0 } : C)
         ), setTimeout(() => {
           r((s) => s.filter((C) => C.id !== l.id));
-        }, f1.animationDuration);
+        }, g1.animationDuration);
         return;
       }
       if (r((s) => {
         if (s.some((L) => L.id === l.id)) return s;
         const p = { ...l, isLeaving: !1 };
-        return [...s, p].slice(-f1.maxToasts);
+        return [...s, p].slice(-g1.maxToasts);
       }), l.duration && l.duration > 0) {
         const s = setTimeout(() => {
           i0.dismiss(l.id), t.current.delete(l.id);
@@ -28431,7 +28438,7 @@ const z1 = /* @__PURE__ */ new Map(), i0 = {
   })[r]
 }), wi = ({ toastItem: o }) => {
   const [r, t] = Y(!0);
-  K(() => {
+  Q(() => {
     o.isLeaving && setTimeout(() => {
       t(!1);
     }, 300);
@@ -28456,7 +28463,8 @@ const z1 = /* @__PURE__ */ new Map(), i0 = {
       isLeaving: o.isLeaving,
       onClick: o.onClick,
       duration: o.duration,
-      animation: o.animation || "fade"
+      animation: o.animation || "fade",
+      size: o.size || "sm"
     }
   ) : null;
 }, gi = ({ toasts: o }) => {
@@ -28502,13 +28510,13 @@ export {
   k9 as ListItemWithCheckbox,
   Ai as ListSeparator,
   Di as Logo,
-  Ei as Modal,
+  zi as Modal,
   k6 as ModalProvider,
   e6 as Month,
   M9 as MonthGrid,
   c6 as MultipleCalendarsHeader,
   _1 as NavigationButton,
-  zi as Pagination,
+  Ei as Pagination,
   Z9 as Popup,
   ni as RadioButton,
   Ui as RadioButtonGroup,