@imj_media/ui 1.0.63 → 1.0.64

package/dist/index.esm.js

@@ -3,8 +3,8 @@ import M1, { useState as Y, useRef as o1, useEffect as K, useCallback as P, useM
 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,
@@ -19140,67 +19140,67 @@ 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]), R = P(() => {
+    var J, q, E, 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;
@@ -19221,16 +19221,16 @@ const B5 = ({
         })() && (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), _)) {
           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,40 +19239,40 @@ 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"))
@@ -19286,7 +19286,7 @@ const B5 = ({
           break;
         case "end":
           if (t) {
-            const $ = (z = f.current) == null ? void 0 : z.getBoundingClientRect();
+            const $ = (E = f.current) == null ? void 0 : E.getBoundingClientRect();
             $ && (M = v.right - $.left - x.width);
           } else
             M = v.right - x.width;
@@ -19297,39 +19297,39 @@ 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]);
+    V.current.lastTime = I, j.current = { top: O, left: M }, s({ top: O, left: M });
+  }, [o, r, t, y]);
   K(() => (a && w.current ? (requestAnimationFrame(() => {
     if (R(), h.current) {
       const v = h.current.getBoundingClientRect();
@@ -19342,7 +19342,7 @@ const B5 = ({
       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]), K(() => {
     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);
@@ -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,7 +19792,7 @@ const B5 = ({
   onClickIcon: H,
   onClickLeftSlot: j,
   onClickRightSlot: V,
-  disabled: O,
+  disabled: y,
   colorIcon: B,
   showShadow: R = !1,
   borderable: A,
@@ -19800,13 +19800,13 @@ const B5 = ({
   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,
+  tooltipAbsolute: E,
   classNameTooltip: X,
   stopPropagation: n1 = !0,
   pointer: N = !1,
@@ -19819,7 +19819,7 @@ const B5 = ({
   ..._
 }) => {
   const a1 = {
-    disabled: O
+    disabled: y
   }, T = a === "icon", Q = T ? !0 : v, e1 = T ? "xs" : g, W = (V1) => {
     n1 && V1.stopPropagation(), k && k(V1);
   }, l1 = C1("", {
@@ -19898,7 +19898,7 @@ const B5 = ({
       }
     )
   ] }), 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 ${R && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${N && T ? "!ui-cursor-pointer" : ""} ${p1 ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
         variant: {
@@ -19968,8 +19968,8 @@ const B5 = ({
     {
       label: M,
       position: I,
-      alignment: E,
-      absolute: z,
+      alignment: z,
+      absolute: E,
       color: s1,
       delay: q,
       className: X,
@@ -19989,7 +19989,7 @@ const B5 = ({
     {
       label: M,
       position: I,
-      alignment: E,
+      alignment: z,
       color: s1,
       delay: q,
       className: X,
@@ -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"
@@ -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,7 +20587,7 @@ const B5 = ({
   colorIcon: H,
   tooltip: j,
   tooltipPosition: V,
-  tooltipAlignment: O,
+  tooltipAlignment: y,
   tooltipColor: B,
   tooltipDelay: R,
   ...A
@@ -20612,7 +20616,7 @@ const B5 = ({
     className: r,
     tooltip: j,
     tooltipPosition: V,
-    tooltipAlignment: O,
+    tooltipAlignment: y,
     tooltipColor: B,
     tooltipDelay: R,
     ...A
@@ -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, q = 320, E = 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;
+        $ >= 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 + E > J && (N = I.right - E), N = Math.max(0, Math.min(N, J - E)), 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(
     (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,31 +20798,31 @@ 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, q = 320, E = 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;
+    $ >= 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 + E > J && (N = I.right - E), N = Math.max(0, Math.min(N, J - E)), s((F) => ({ ...F, portalPosition: { top: n1, left: N } })), p(!0);
   }, []);
   return K(() => {
     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]), K(() => {
     if (l.isOpen) {
       const M = setTimeout(() => {
-        y();
+        O();
       }, 0);
       return () => clearTimeout(M);
     }
-  }, [l.isOpen, y]), K(() => {
+  }, [l.isOpen, O]), K(() => {
     L && r === "single" && s((M) => ({
       ...M,
       internalDate: t
@@ -20838,11 +20842,11 @@ const Q5 = (o) => {
       openPicker: H,
       closePicker: j,
       setCurrentDate: V,
-      setViewMode: O,
+      setViewMode: y,
       setSelectedDate: R,
       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), {
@@ -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,
@@ -21588,7 +21592,7 @@ const Q5 = (o) => {
     autosize: H = !1,
     colorLeftIcon: j,
     infoTooltip: V = "",
-    ...O
+    ...y
   }, B) => {
     const {
       value: R,
@@ -21598,16 +21602,16 @@ const Q5 = (o) => {
       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,
@@ -21621,7 +21625,7 @@ const Q5 = (o) => {
       currentValue: R,
       setValue: A,
       isControlled: S,
-      inputId: O.id
+      inputId: y.id
     }), /* @__PURE__ */ u(
       "div",
       {
@@ -21666,9 +21670,9 @@ const Q5 = (o) => {
                 value: R,
                 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,7 +21937,7 @@ const s6 = G1(
   hoverDate: H,
   closeOnSelect: j,
   autoCloseRange: V,
-  renderHeader: O,
+  renderHeader: y,
   renderDay: B
 }) => {
   const R = (Z) => {
@@ -22015,7 +22019,7 @@ const s6 = G1(
             onToggleViewMode: A,
             onGoToToday: L,
             monthNames: f,
-            renderHeader: O
+            renderHeader: y
           }
         ),
         /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: x() }),
@@ -22049,7 +22053,7 @@ const s6 = G1(
   startOfWeek: H,
   showWeekNumbers: j,
   yearRange: V,
-  hoverDate: O,
+  hoverDate: y,
   closeOnSelect: B,
   autoCloseRange: R,
   calendarsCount: A = 1,
@@ -22058,7 +22062,7 @@ const s6 = G1(
   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);
@@ -22074,10 +22078,10 @@ const s6 = G1(
       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 $ = O[N];
     let k;
     switch ($) {
       case "days":
@@ -22092,27 +22096,27 @@ const s6 = G1(
       default:
         k = "days";
     }
-    const F = [...y];
+    const F = [...O];
     F[N] = k, M(F);
-  }, z = (N, $) => {
+  }, E = (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]) {
+      switch (O[F]) {
         case "days":
           i1.setMonth(i1.getMonth() + (N === "next" ? 1 : -1));
           break;
@@ -22124,7 +22128,7 @@ const s6 = G1(
           break;
       }
       $[F] = i1;
-    }), E($), C(N);
+    }), 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,7 +22136,7 @@ const s6 = G1(
         c6,
         {
           calendarDates: I,
-          viewModes: y,
+          viewModes: O,
           onNavigate: n1,
           onToggleViewMode: q,
           onGoToToday: L,
@@ -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) => E($, k),
           onYearSelect: (k) => X($, k),
           renderDay: Z
         }
@@ -22189,7 +22193,7 @@ const s6 = G1(
         startOfWeek: H,
         showWeekNumbers: j,
         yearRange: V,
-        hoverDate: O,
+        hoverDate: y,
         closeOnSelect: B,
         autoCloseRange: R,
         renderHeader: x,
@@ -22233,7 +22237,7 @@ 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,
     yearRange: A = 12,
@@ -22241,12 +22245,12 @@ const s6 = G1(
     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: q, selectedRange: E, inputRef: X, isPortalReady: n1, actions: N } = Q5(o), { handleRangeSelection: $ } = f9(
+    E,
     N.setSelectedRange,
     c,
     l,
@@ -22255,7 +22259,7 @@ const s6 = G1(
     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());
+    return O.replace("dd", a1).replace("MM", T).replace("yyyy", Q.toString());
   }, F = (_) => {
     if (!_ || !_.start && !_.end) return "";
     const a1 = _.start && _.start instanceof Date && !isNaN(_.start.getTime()), T = _.end && _.end instanceof Date && !isNaN(_.end.getTime());
@@ -22272,7 +22276,7 @@ const s6 = G1(
       return;
     }
     N.setHoverDate(_);
-  }, p1 = () => r === "single" ? k(q) : F(z);
+  }, p1 = () => r === "single" ? k(q) : F(E);
   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(
@@ -22295,7 +22299,7 @@ const s6 = G1(
         portalPosition: J.portalPosition,
         currentDate: J.currentDate,
         selectedDate: q,
-        selectedRange: z,
+        selectedRange: E,
         onDateSelect: i1,
         onDateHover: u1,
         onViewModeChange: N.setViewMode,
@@ -22318,7 +22322,7 @@ const s6 = G1(
         calendarsCount: M,
         mode: r,
         renderHeader: I,
-        renderDay: E
+        renderDay: z
       }
     )
   ] });
@@ -22415,8 +22419,8 @@ const s6 = G1(
   K(() => {
     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;
@@ -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: R } = 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",
     {
@@ -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,13 +22784,13 @@ 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(""), [R, 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)), q = o !== void 0, E = q ? o : z, X = P(
     (T) => {
       q || J(T), a == null || a(T);
     },
@@ -22802,18 +22806,18 @@ const s6 = G1(
         J((Q) => Q !== T ? T : Q);
       }
   }, [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)
+  const n1 = d ? t.filter((T) => M(E).includes(T[e])) : [
+    t.find((T) => E === "" || E === null || E === void 0 ? !1 : T[e] === -1 ? E === -1 || E === "-1" : T[e] === E)
   ].filter(Boolean), N = (() => {
-    if (!l || !O)
+    if (!l || !y)
       return t.filter((l1) => {
         if (d) {
-          const d1 = M(z).includes(l1[e]);
+          const d1 = M(E).includes(l1[e]);
           return f ? !0 : !d1;
         }
-        return !(l1[e] === -1 && (z === -1 || z === "-1"));
+        return !(l1[e] === -1 && (E === -1 || E === "-1"));
       });
-    const T = O.toLowerCase(), Q = t.filter((l1) => l1.isGroupTitle ? !1 : l1[n].toLowerCase().includes(T)), e1 = [], W = /* @__PURE__ */ new Set();
+    const T = y.toLowerCase(), Q = t.filter((l1) => l1.isGroupTitle ? !1 : l1[n].toLowerCase().includes(T)), e1 = [], W = /* @__PURE__ */ new Set();
     return Q.forEach((l1) => {
       const d1 = t.indexOf(l1);
       let r1 = null;
@@ -22826,14 +22830,14 @@ const s6 = G1(
     }), e1;
   })(), $ = 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(
+    const T = (e1 = O.current) == null ? void 0 : e1.querySelector("input");
+    return T || ((W = O.current) == null ? void 0 : W.querySelector(
       '[data-dropdown-input="true"]'
     ));
   }, []), k = P(() => {
     const T = $();
     T && requestAnimationFrame(() => {
-      var E1;
+      var z1;
       const Q = T.getBoundingClientRect(), e1 = window.innerHeight;
       let W = 0;
       Z.current && (W = Z.current.offsetHeight), W === 0 && (W = Math.min(200, N.length * 40));
@@ -22843,9 +22847,9 @@ const s6 = G1(
       if (!h)
         r1 === "bottom" ? s1 = Q.bottom + 4 : s1 = Q.top - W - 4, B1 = Q.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;
+        const f1 = (z1 = O.current) == null ? void 0 : z1.getBoundingClientRect();
+        if (!f1) return;
+        const T1 = Q.top - f1.top, H1 = Q.left - f1.left;
         r1 === "bottom" ? s1 = T1 + Q.height + 4 : s1 = T1 - W - 4, B1 = H1;
       }
       const V1 = 1100, I1 = parseInt(b.replace(/\D/g, "")) || 0, P1 = V1 + I1 % 100, X1 = {
@@ -22890,7 +22894,7 @@ const s6 = G1(
   }, p1 = (T, Q) => {
     if (Q.stopPropagation(), !T.disabled) {
       if (d) {
-        const e1 = M(z), W = T[e];
+        const e1 = M(E), W = T[e];
         if (L && e1.length >= L && !e1.includes(W))
           return;
         const l1 = e1.includes(W) ? e1.filter((d1) => d1 !== W) : [...e1, W];
@@ -22913,7 +22917,7 @@ const s6 = G1(
     // 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",
@@ -22947,8 +22951,8 @@ const s6 = G1(
     // Estado
     isOpen: m,
     isClosing: j,
-    searchValue: O,
-    selectedValue: z,
+    searchValue: y,
+    selectedValue: E,
     selectedOptions: n1,
     filteredOptions: N,
     position: R,
@@ -22958,7 +22962,7 @@ const s6 = G1(
     // Referencias
     inputRef: x,
     dropdownRef: Z,
-    containerRef: y,
+    containerRef: O,
     dropdownUniqueId: b,
     // Funciones
     toggleDropdown: i1,
@@ -23024,9 +23028,9 @@ const s6 = G1(
       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, R = y.clientHeight;
         if (b === null) {
           m(R);
           return;
@@ -23116,7 +23120,7 @@ const s6 = G1(
     onValueChange: H,
     onOptionSelect: j,
     onCheckboxChange: V,
-    searchable: O = !1,
+    searchable: y = !1,
     maxHeight: B = "200px",
     closeOnClickOutside: R = !0,
     dropdownId: A,
@@ -23124,13 +23128,13 @@ const s6 = G1(
     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 ? [
+    const E = o1(null), [X, n1] = Y(c), [N, $] = Y(null), [k, F] = Y(!1), p1 = S ? g : !S && M ? [
       {
         ...{
           label: f || "Selecciona una opción",
@@ -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,7 +23179,7 @@ const s6 = G1(
       idName: m,
       onValueChange: H,
       onOptionSelect: j,
-      searchable: O,
+      searchable: y,
       closeOnClickOutside: R,
       dropdownId: A,
       disabled: w,
@@ -23224,17 +23228,17 @@ const s6 = G1(
         },
         focus: () => {
           var D, c1;
-          S && x === "tags" ? (D = z.current) == null || D.focus() : (c1 = s1.current) == null || c1.focus();
+          S && x === "tags" ? (D = E.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 = E.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));
         },
@@ -23246,7 +23250,7 @@ const s6 = G1(
         e1,
         r1,
         w,
-        g1,
+        f1,
         H,
         P1,
         S,
@@ -23263,25 +23267,25 @@ const s6 = G1(
       }
     }, [a1, W, T1]), K(() => {
       if (a1 && S && x === "tags") {
-        const D = z.current;
+        const D = E.current;
         if (!D) return;
         const c1 = new ResizeObserver(() => {
           setTimeout(() => {
-            g1();
+            f1();
           }, 50);
         });
         return c1.observe(D), () => {
           c1.disconnect();
         };
       }
-    }, [a1, S, x, g1]), K(() => {
+    }, [a1, S, x, f1]), K(() => {
       if (a1 && S && x === "tags") {
         const D = setTimeout(() => {
-          g1();
+          f1();
         }, 100);
         return () => clearTimeout(D);
       }
-    }, [W, a1, S, x, g1]);
+    }, [W, a1, S, x, f1]);
     const n9 = (D) => {
       if (S) {
         const L1 = W0(e1).filter((G) => G !== D);
@@ -23326,7 +23330,7 @@ const s6 = G1(
           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(),
           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: (G) => G.stopPropagation(), children: /* @__PURE__ */ i(
               N1,
               {
                 value: Q,
@@ -23338,7 +23342,7 @@ const s6 = G1(
                 size: "sm"
               }
             ) }) }),
-            O && /* @__PURE__ */ i(U1, {}),
+            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((G) => {
               const h1 = S ? W.some(
                 (y1) => y1 && y1[m] === G[m]
@@ -23384,7 +23388,7 @@ const s6 = G1(
               ] }),
               /* @__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"
                   }
                 ),
@@ -23427,7 +23431,7 @@ const s6 = G1(
               isOpen: a1,
               isOpening: k,
               setIsOpening: F,
-              customInputRef: z,
+              customInputRef: E,
               disabled: w,
               error: t,
               helperText: n || "",
@@ -23618,54 +23622,54 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
       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, q = B.offsetWidth, E = B.offsetHeight;
       switch (o) {
         case "top":
-          v = E - S.height - r, x = J + (q - S.width) / 2;
+          v = z - S.height - r, x = J + (q - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = E + z + r, x = J + (q - S.width) / 2;
+          v = z + E + r, x = J + (q - S.width) / 2;
           break;
         case "bottom-left":
-          v = E + z + r, x = J;
+          v = z + E + r, x = J;
           break;
         case "bottom-right":
-          v = E + z + r, x = J + q - S.width;
+          v = z + E + r, x = J + q - 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 + q + 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, q = A.top, E = A.left, X = A.width, n1 = A.height;
       switch (o) {
         case "top":
-          v = q - S.height - r, x = z + (X - S.width) / 2;
+          v = q - S.height - r, x = E + (X - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = q + n1 + r, x = z + (X - S.width) / 2;
+          v = q + n1 + r, x = E + (X - S.width) / 2;
           break;
         case "bottom-left":
-          v = q + n1 + r, x = z;
+          v = q + n1 + r, x = E;
           break;
         case "bottom-right":
-          v = q + n1 + r, x = z + X - S.width;
+          v = q + n1 + r, x = E + X - S.width;
           break;
         case "left":
-          v = q, x = z - S.width - r;
+          v = q, x = E - S.width - r;
           break;
         case "right":
-          v = q, x = z + X + r;
+          v = q, x = E + 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,8 +23677,8 @@ 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(() => {
@@ -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,7 +23758,7 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     icon: H,
     colorIcon: j,
     tooltip: V,
-    tooltipPosition: O,
+    tooltipPosition: y,
     tooltipAlignment: B,
     tooltipColor: R,
     tooltipDelay: A,
@@ -23762,14 +23766,14 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     closeOnClick: v = !0,
     buttonClassName: x,
     containerClassName: Z,
-    buttonTransition: y = !0,
+    buttonTransition: O = !0,
     buttonStyle: M,
     ...I
-  }, E) => {
+  }, z) => {
     const {
       isOpen: J,
       popupStyle: q,
-      isPositioned: z,
+      isPositioned: E,
       triggerRef: X,
       popupRef: n1,
       containerRef: N,
@@ -23788,7 +23792,7 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
       absolute: S
     });
     o0(
-      E,
+      z,
       () => ({
         open: () => {
           p || k();
@@ -23807,8 +23811,8 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
         position: S ? "absolute" : "fixed",
         top: S ? "auto" : "-9999px",
         left: S ? "auto" : "-9999px",
-        visibility: z ? "visible" : "hidden",
-        opacity: z ? 1 : 0,
+        visibility: E ? "visible" : "hidden",
+        opacity: E ? 1 : 0,
         transition: "opacity 0.1s ease-out",
         ...q
       }, p1 = V6(b), _ = /* @__PURE__ */ i(
@@ -23851,11 +23855,11 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
               colorIcon: j,
               textColor: w,
               tooltip: V,
-              tooltipPosition: O,
+              tooltipPosition: y,
               tooltipAlignment: B,
               tooltipColor: R,
               tooltipDelay: A,
-              transition: y,
+              transition: O,
               style: M,
               children: r || ""
             }
@@ -24125,7 +24129,7 @@ const Z1 = {
   footerButtonIcon: H,
   footerButtonOnClick: j,
   cancelButtonSlotLeft: V,
-  successButtonSlotRight: O,
+  successButtonSlotRight: y,
   disableCancelButton: B,
   disableSuccessButton: R
 }) => {
@@ -24151,7 +24155,7 @@ const Z1 = {
     footerButtonIcon: H,
     footerButtonOnClick: j,
     cancelButtonSlotLeft: V,
-    successButtonSlotRight: O,
+    successButtonSlotRight: y,
     disableCancelButton: B,
     disableSuccessButton: R
   };
@@ -24226,7 +24230,7 @@ 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) => {
+  } = 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 = (R) => {
     V && V(R);
   };
   return /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-flex-wrap ui-items-center ui-justify-between ui-gap-x-md ui-border-b ui-border-neutral-100 ui-p-4", children: [
@@ -24262,7 +24266,7 @@ const Z1 = {
       I6,
       {
         options: H ?? [],
-        defaultValue: O,
+        defaultValue: y,
         size: "sm",
         onChange: (R) => {
           B(R);
@@ -24299,7 +24303,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 +24316,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,7 +24381,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   tabs: H,
   defaultValueTab: j,
   onChangeTab: V,
-  headerButtonIcon: O,
+  headerButtonIcon: y,
   headerButtonOnClick: B,
   footerButtonIcon: R,
   footerButtonOnClick: A,
@@ -24386,15 +24390,15 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   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), q = $6(e), E = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -24415,7 +24419,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,7 +24444,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 closeAtCancel: m,
                 title: w,
                 icon: t,
-                headerButtonIcon: O,
+                headerButtonIcon: y,
                 headerButtonOnClick: B,
                 footerButtonIcon: R,
                 footerButtonOnClick: A,
@@ -24463,8 +24467,8 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ]
     }
   );
-  return h9.createPortal(z, I);
-}, Ei = Object.assign(P6, {
+  return h9.createPortal(E, I);
+}, zi = Object.assign(P6, {
   Header: Y1,
   Body: Z6,
   Footer: X0
@@ -24474,7 +24478,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,
@@ -24501,7 +24505,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   }, [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 +24636,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 +27563,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 +28173,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 +28311,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 +28339,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,15 +28371,15 @@ 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;
@@ -28392,13 +28398,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);
@@ -28456,7 +28462,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 +28509,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,