@imj_media/ui 1.0.75 → 1.0.77

package/dist/index.esm.js

@@ -3,8 +3,8 @@ import M1, { useState as q, useRef as i1, useEffect as K, useCallback as N, useM
 import { clsx as D9 } from "clsx";
 import { twMerge as R9 } from "tailwind-merge";
 import { library as l0 } from "@fortawesome/fontawesome-svg-core";
-import { faUser as s0, faHome as d0, faBell as c0, faEdit as p0, faSave as C0, faDownload as L0, faSearch as h0, faTrash as g0, faEye as w0, faHeart as f0, faStar as m0, faPlus as b0, faMinus as x0, faCheck as v0, faTimes as M0, faArrowLeft as j0, faArrowRight as V0, faArrowUp as H0, faArrowDown as y0, faBars as O0, faCog as k0, faInfo as I0, faExclamationTriangle as Z0, faExclamationCircle as S0, faCheckCircle as B0, faSpinner as $0, faSync as N0, faFilter as T0, faSort as A0, faCalendar as z0, faClock as P0, faMapMarkerAlt as F0, faFolder as E0, faCircle as D0, faSquare as R0, faList as _0, faTasks as U0, faTools as G0, faShapes as q0, faPalette as Y0, faTachometerAlt as J0, faDesktop as X0, faCircleCheck as K0 } from "@fortawesome/pro-regular-svg-icons";
-import { faUser as _9, faHome as U9, faBell as G9, faEdit as q9, faSave as Y9, faDownload as J9, faSearch as X9, faTrash as K9, faEye as Q9, faHeart as W9, faStar as e2, faPlus as n2, faMinus as i2, faCheck as t2, faTimes as o2, faArrowLeft as r2, faArrowRight as u2, faArrowUp as a2, faArrowDown as l2, faBars as s2, faCog as d2, faInfo as c2, faExclamationTriangle as p2, faExclamationCircle as C2, faCheckCircle as L2, faSpinner as h2, faSync as g2, faFilter as w2, faSort as f2, faCalendar as m2, faClock as b2, faMapMarkerAlt as x2, faFolder as v2, faCircle as M2, faSquare as j2, faList as V2, faTasks as H2, faTools as y2, faShapes as O2, faPalette as k2, faDashboard as I2, faDesktop as Z2, faCircleCheck as S2 } from "@fortawesome/pro-solid-svg-icons";
+import { faUser as s0, faHome as d0, faBell as c0, faEdit as p0, faSave as C0, faDownload as L0, faSearch as h0, faTrash as g0, faEye as w0, faHeart as f0, faStar as m0, faPlus as b0, faMinus as v0, faCheck as x0, faTimes as M0, faArrowLeft as j0, faArrowRight as V0, faArrowUp as H0, faArrowDown as y0, faBars as O0, faCog as k0, faInfo as I0, faExclamationTriangle as Z0, faExclamationCircle as S0, faCheckCircle as B0, faSpinner as $0, faSync as N0, faFilter as T0, faSort as A0, faCalendar as z0, faClock as P0, faMapMarkerAlt as F0, faFolder as E0, faCircle as D0, faSquare as R0, faList as _0, faTasks as U0, faTools as G0, faShapes as q0, faPalette as Y0, faTachometerAlt as J0, faDesktop as X0, faCircleCheck as K0 } from "@fortawesome/pro-regular-svg-icons";
+import { faUser as _9, faHome as U9, faBell as G9, faEdit as q9, faSave as Y9, faDownload as J9, faSearch as X9, faTrash as K9, faEye as Q9, faHeart as W9, faStar as e2, faPlus as n2, faMinus as i2, faCheck as t2, faTimes as o2, faArrowLeft as r2, faArrowRight as u2, faArrowUp as a2, faArrowDown as l2, faBars as s2, faCog as d2, faInfo as c2, faExclamationTriangle as p2, faExclamationCircle as C2, faCheckCircle as L2, faSpinner as h2, faSync as g2, faFilter as w2, faSort as f2, faCalendar as m2, faClock as b2, faMapMarkerAlt as v2, faFolder as x2, faCircle as M2, faSquare as j2, faList as V2, faTasks as H2, faTools as y2, faShapes as O2, faPalette as k2, faDashboard as I2, faDesktop as Z2, faCircleCheck as S2 } from "@fortawesome/pro-solid-svg-icons";
 import { faFacebook as c9, faInstagram as p9, faTwitter as C9, faWhatsapp as e0, faLinkedin as L9, faYoutube as h9, faGithub as g9, faGoogle as w9, faApple as f9, faMicrosoft as m9 } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon as B2 } from "@fortawesome/react-fontawesome";
 import { cva as C1 } from "class-variance-authority";
@@ -28,8 +28,8 @@ l0.add(
   f0,
   m0,
   b0,
-  x0,
   v0,
+  x0,
   M0,
   j0,
   V0,
@@ -95,8 +95,8 @@ l0.add(
   f2,
   m2,
   b2,
-  x2,
   v2,
+  x2,
   M2,
   j2,
   V2,
@@ -134,8 +134,8 @@ const U2 = {
   OutlineHeartIcon: f0,
   OutlineStarIcon: m0,
   OutlinePlusIcon: b0,
-  OutlineMinusIcon: x0,
-  OutlineCheckIcon: v0,
+  OutlineMinusIcon: v0,
+  OutlineCheckIcon: x0,
   OutlineTimesIcon: M0,
   OutlineArrowLeftIcon: j0,
   OutlineArrowRightIcon: V0,
@@ -192,8 +192,8 @@ const U2 = {
   FillHeartIcon: f0,
   FillStarIcon: m0,
   FillPlusIcon: b0,
-  FillMinusIcon: x0,
-  FillCheckIcon: v0,
+  FillMinusIcon: v0,
+  FillCheckIcon: x0,
   FillTimesIcon: M0,
   FillArrowLeftIcon: j0,
   FillArrowRightIcon: V0,
@@ -283,12 +283,15 @@ const Q0 = {
   "5xl": 40,
   "6xl": 48
 }, T1 = {
+  blue_soft: "var(--ui-color-blue-500)",
   blue: "var(--ui-color-blue-700)",
-  neutral: "var(--ui-color-neutral-700)",
   neutral_soft: "var(--ui-color-neutral-500)",
-  red: "var(--ui-color-red-700)",
+  neutral: "var(--ui-color-neutral-700)",
   red_soft: "var(--ui-color-red-500)",
+  red: "var(--ui-color-red-700)",
+  green_soft: "var(--ui-color-green-500)",
   green: "var(--ui-color-green-700)",
+  yellow_soft: "var(--ui-color-yellow-500)",
   yellow: "var(--ui-color-yellow-700)",
   yellow_dark: "var(--ui-color-yellow-900)",
   white: "var(--ui-color-white)",
@@ -1543,7 +1546,7 @@ function be({
     }
   );
 }
-function xe({
+function ve({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -1623,7 +1626,7 @@ function xe({
     }
   );
 }
-function ve({
+function xe({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -4770,7 +4773,7 @@ function bn({
     }
   );
 }
-function xn({
+function vn({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -4875,7 +4878,7 @@ function xn({
     }
   );
 }
-function vn({
+function xn({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -7924,7 +7927,7 @@ function b4({
     }
   );
 }
-function x4({
+function v4({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -8007,7 +8010,7 @@ function x4({
     }
   );
 }
-function v4({
+function x4({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -11028,7 +11031,7 @@ function bi({
     }
   );
 }
-function xi({
+function vi({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -11066,7 +11069,7 @@ function xi({
     }
   );
 }
-function vi({
+function xi({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -14384,7 +14387,7 @@ function b8({
     }
   );
 }
-function x8({
+function v8({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -14424,7 +14427,7 @@ function x8({
     }
   );
 }
-function v8({
+function x8({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -17513,7 +17516,7 @@ function bt({
     }
   );
 }
-function xt({
+function vt({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -17578,7 +17581,7 @@ function xt({
     }
   );
 }
-function vt({
+function xt({
   width: t = 24,
   height: o = 24,
   fill: r = "none",
@@ -17986,7 +17989,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Bill1Outlined: zn,
   BillOutlined: Rn,
   BrainOutlined: Z8,
-  BrushOutlined: xi,
+  BrushOutlined: vi,
   BuildingOutlined: D8,
   BusOutlined: w4,
   CalculcatorOutlined: _i,
@@ -17995,10 +17998,10 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CalendarPlusOutlined: dt,
   CalendarXOutlined: O8,
   CalendarclockOutlined: Ii,
-  CalendarioDeCampanasOutlined: xn,
+  CalendarioDeCampanasOutlined: vn,
   CampanasUrbanosOutlined: kn,
   CaretDownOutlined: a8,
-  CaretLeftOutlined: ve,
+  CaretLeftOutlined: xe,
   CaretRightOutlined: A8,
   CaretUpOutlined: Q8,
   CatalogoOutlined: t8,
@@ -18009,7 +18012,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ChevronCircleLeftOutlined: Mt,
   ChevronCircleRightOutlined: Y4,
   ChevronCircleUpOutlined: An,
-  ChevronDown1Outlined: v8,
+  ChevronDown1Outlined: x8,
   ChevronDownOutlined: tt,
   ChevronHorizontalOutlined: k4,
   ChevronLeft1Outlined: di,
@@ -18092,7 +18095,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ImagesOutlined: m8,
   ImjLogoOutlined: yt,
   ImplementacionOutlined: ge,
-  IndoorOutlined: vt,
+  IndoorOutlined: xt,
   InfoCardOutlined: qe,
   InfoCircleOutlined: j4,
   InfoOutlined: zi,
@@ -18102,7 +18105,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   KanbanOutlined: te,
   KeyOutlined: U4,
   LatitudeOutlined: a4,
-  LegalFileOutlined: xt,
+  LegalFileOutlined: vt,
   LightbulbIndifferentOutlined: R8,
   LightbulbOutlined: Ht,
   LightbulbSlashOutlined: lt,
@@ -18158,7 +18161,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PostventaOutlined: ie,
   PowerOutlined: H8,
   PreferenciasDeUbicacionOutlined: He,
-  PrintOutlined: xe,
+  PrintOutlined: ve,
   PropuestaComercialOutlined: s4,
   Proveedor1Outlined: bn,
   ProveedorOutlined: y4,
@@ -18173,7 +18176,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RefreshOutlined: en,
   RegresarVistaCardsOutlined: Lt,
   RouteOutlined: an,
-  RouteSlashOutlined: vi,
+  RouteSlashOutlined: xi,
   SackDollarOutlined: g8,
   SaveOutlined: fn,
   ScissorsOutlined: Ve,
@@ -18204,7 +18207,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   SortDownOutlined: Hn,
   SortOutlined: Ie,
   SortUpOutlined: W8,
-  SplitOutlined: x4,
+  SplitOutlined: v4,
   SquareDashedOutlined: Li,
   SquareMoneyOutlined: gi,
   SquareTextOutlined: he,
@@ -18212,7 +18215,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   StatusOutlined: Xi,
   StopOutlined: bi,
   SunOutlined: r4,
-  TableOutlined: v4,
+  TableOutlined: x4,
   TagOutlined: _8,
   TaskListOutlined: ke,
   TaskOutlined: w8,
@@ -18221,7 +18224,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   TimelineOutlined: Wi,
   ToolsOutlined: E8,
   TraficoOutlined: C4,
-  TrashOutlined: vn,
+  TrashOutlined: xn,
   TrashSlashOutlined: tn,
   TreeDiagramOutlined: Ei,
   UbicacionesOutlined: G4,
@@ -18232,7 +18235,7 @@ const n0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   UrbanosOutlined: W2,
   UserComercialOutlined: r8,
   UserEditOutlined: nn,
-  UserOutlined: x8,
+  UserOutlined: v8,
   UserPlusOutlined: st,
   UsersOutlined: Ne,
   VallasMovilesOutlined: Ai,
@@ -18593,7 +18596,7 @@ function Nt({ width: t = 24, height: o = 24, fill: r, stroke: n }) {
     }
   );
 }
-const x9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const v9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FacebookFill: St,
   InstagramFill: kt,
@@ -18648,7 +18651,7 @@ function Tt({
     "6xl": "ui-p-9"
   }, L = p[t] || t;
   let h = n0[L];
-  if (h || (h = x9[L]), !h)
+  if (h || (h = v9[L]), !h)
     return console.warn(`Icono legacy "${t}" no encontrado en ninguna variante`), null;
   const g = h === n0[L] ? "outline" : "fill", m = Q0[o], H = T1[r === "current" && g === "fill" ? "white" : r] || T1.blue, j = T1[n] || T1.black, V = /* @__PURE__ */ i(
     h,
@@ -18857,7 +18860,7 @@ const At = ({
       children: n
     }
   );
-}, v9 = {
+}, x9 = {
   // Emociones
   feliz: "😊",
   triste: "😢",
@@ -19131,7 +19134,7 @@ const At = ({
   esgrima: "🤺",
   boxeo: "🥊"
 }, Pt = ({ name: t, size: o, className: r }) => {
-  const n = v9[t], e = C1(`ui-inline-block ui-leading-none ${r}`, {
+  const n = x9[t], e = C1(`ui-inline-block ui-leading-none ${r}`, {
     variants: {
       size: {
         xs: "ui-text-xs",
@@ -19154,21 +19157,21 @@ const At = ({
 }, Ft = (t = "top", o = "center", r = !1, n = 0, e = !1) => {
   const [a, c] = q(!1), [s, d] = q({ top: 0, left: 0 }), [C, p] = q({ width: 0, height: 0 }), [l, L] = q(t), h = i1(null), g = i1(null), m = i1(null), f = i1(null), H = i1(null), j = i1(null), I = i1(null), V = i1({ top: 0, left: 0 }), Z = i1({ count: 0, lastTime: 0 }), b = N(() => {
     c(!1), d({ top: 0, left: 0 }), L(t), I.current = null, Z.current.count = 0, Z.current.lastTime = 0, V.current = { top: 0, left: 0 };
-  }, [t]), v = N(() => {
+  }, [t]), x = N(() => {
     if (!h.current || !a) return;
-    const w = h.current.getBoundingClientRect(), x = { top: w.top, left: w.left };
+    const w = h.current.getBoundingClientRect(), v = { top: w.top, left: w.left };
     if (I.current) {
       const $ = I.current, B = 2;
-      if (Math.abs(x.top - $.top) > B || Math.abs(x.left - $.left) > B) {
+      if (Math.abs(v.top - $.top) > B || Math.abs(v.left - $.left) > B) {
         b();
         return;
       }
     }
-    I.current = x;
+    I.current = v;
   }, [a, b]), S = N(() => {
     var _, G, R, W, F, P;
     if (!h.current || !g.current) return;
-    const w = h.current.getBoundingClientRect(), x = g.current.getBoundingClientRect(), $ = 8;
+    const w = h.current.getBoundingClientRect(), v = g.current.getBoundingClientRect(), $ = 8;
     let B = 0, M = 0;
     if (r) {
       const T = (_ = m.current) == null ? void 0 : _.getBoundingClientRect();
@@ -19176,40 +19179,40 @@ const At = ({
       const z = w.top - T.top, D = w.left - T.left;
       switch (t) {
         case "top":
-          B = z - x.height - $, M = D + w.width / 2 - x.width / 2;
+          B = z - v.height - $, M = D + w.width / 2 - v.width / 2;
           break;
         case "bottom":
-          B = z + w.height + $, M = D + w.width / 2 - x.width / 2;
+          B = z + w.height + $, M = D + w.width / 2 - v.width / 2;
           break;
         case "left":
-          B = z + w.height / 2 - x.height / 2, M = D - x.width - $;
+          B = z + w.height / 2 - v.height / 2, M = D - v.width - $;
           break;
         case "right":
-          B = z + w.height / 2 - x.height / 2, M = D + w.width + $;
+          B = z + w.height / 2 - v.height / 2, M = D + w.width + $;
           break;
         case "top-left":
-          B = z - x.height - $, M = D;
+          B = z - v.height - $, M = D;
           break;
         case "top-right":
-          B = z - x.height - $, M = D + w.width - x.width;
+          B = z - v.height - $, M = D + w.width - v.width;
           break;
         case "bottom-left":
           B = z + w.height + $, M = D;
           break;
         case "bottom-right":
-          B = z + w.height + $, M = D + w.width - x.width;
+          B = z + w.height + $, M = D + w.width - v.width;
           break;
         case "right-top":
           B = z, M = D + w.width + $;
           break;
         case "right-bottom":
-          B = z + w.height - x.height, M = D + w.width + $;
+          B = z + w.height - v.height, M = D + w.width + $;
           break;
         case "left-top":
-          B = z, M = D - x.width - $;
+          B = z, M = D - v.width - $;
           break;
         case "left-bottom":
-          B = z + w.height - x.height, M = D - x.width - $;
+          B = z + w.height - v.height, M = D - v.width - $;
           break;
       }
       B < 0 && (B = 0), M < 0 && (M = 0), (() => {
@@ -19220,29 +19223,29 @@ const At = ({
         if (!(() => {
           switch (t) {
             case "top":
-              return z >= x.height + $;
+              return z >= v.height + $;
             case "bottom":
-              return z + w.height + $ + x.height <= a1.height;
+              return z + w.height + $ + v.height <= a1.height;
             case "left":
-              return D >= x.width + $;
+              return D >= v.width + $;
             case "right":
-              return D + w.width + $ + x.width <= a1.width;
+              return D + w.width + $ + v.width <= a1.width;
             default:
               return !0;
           }
-        })() && (t === "top" ? z + w.height + $ + x.height <= a1.height && (p1 = "bottom", J = !0) : t === "bottom" ? z >= x.height + $ && (p1 = "top", J = !0) : t === "left" ? D + w.width + $ + x.width <= a1.width && (p1 = "right", J = !0) : t === "right" && D >= x.width + $ && (p1 = "left", J = !0), J)) {
+        })() && (t === "top" ? z + w.height + $ + v.height <= a1.height && (p1 = "bottom", J = !0) : t === "bottom" ? z >= v.height + $ && (p1 = "top", J = !0) : t === "left" ? D + w.width + $ + v.width <= a1.width && (p1 = "right", J = !0) : t === "right" && D >= v.width + $ && (p1 = "left", J = !0), J)) {
           switch (p1) {
             case "top":
-              B = z - x.height - $, M = D + w.width / 2 - x.width / 2;
+              B = z - v.height - $, M = D + w.width / 2 - v.width / 2;
               break;
             case "bottom":
-              B = z + w.height + $, M = D + w.width / 2 - x.width / 2;
+              B = z + w.height + $, M = D + w.width / 2 - v.width / 2;
               break;
             case "left":
-              B = z + w.height / 2 - x.height / 2, M = D - x.width - $;
+              B = z + w.height / 2 - v.height / 2, M = D - v.width - $;
               break;
             case "right":
-              B = z + w.height / 2 - x.height / 2, M = D + w.width + $;
+              B = z + w.height / 2 - v.height / 2, M = D + w.width + $;
               break;
           }
           L(p1);
@@ -19251,40 +19254,40 @@ const At = ({
     } else
       switch (t) {
         case "top":
-          B = w.top - x.height - $, M = w.left + w.width / 2 - x.width / 2;
+          B = w.top - v.height - $, M = w.left + w.width / 2 - v.width / 2;
           break;
         case "bottom":
-          B = w.bottom + $, M = w.left + w.width / 2 - x.width / 2;
+          B = w.bottom + $, M = w.left + w.width / 2 - v.width / 2;
           break;
         case "left":
-          B = w.top + w.height / 2 - x.height / 2, M = w.left - x.width - $;
+          B = w.top + w.height / 2 - v.height / 2, M = w.left - v.width - $;
           break;
         case "right":
-          B = w.top + w.height / 2 - x.height / 2, M = w.right + $;
+          B = w.top + w.height / 2 - v.height / 2, M = w.right + $;
           break;
         case "top-left":
-          B = w.top - x.height - $, M = w.left;
+          B = w.top - v.height - $, M = w.left;
           break;
         case "top-right":
-          B = w.top - x.height - $, M = w.right - x.width;
+          B = w.top - v.height - $, M = w.right - v.width;
           break;
         case "bottom-left":
           B = w.bottom + $, M = w.left;
           break;
         case "bottom-right":
-          B = w.bottom + $, M = w.right - x.width;
+          B = w.bottom + $, M = w.right - v.width;
           break;
         case "right-top":
           B = w.top, M = w.right + $;
           break;
         case "right-bottom":
-          B = w.bottom - x.height, M = w.right + $;
+          B = w.bottom - v.height, M = w.right + $;
           break;
         case "left-top":
-          B = w.top, M = w.left - x.width - $;
+          B = w.top, M = w.left - v.width - $;
           break;
         case "left-bottom":
-          B = w.bottom - x.height, M = w.left - x.width - $;
+          B = w.bottom - v.height, M = w.left - v.width - $;
           break;
       }
     if (t.includes("top") || t.includes("bottom"))
@@ -19299,9 +19302,9 @@ const At = ({
         case "end":
           if (r) {
             const T = (R = m.current) == null ? void 0 : R.getBoundingClientRect();
-            T && (M = w.right - T.left - x.width);
+            T && (M = w.right - T.left - v.width);
           } else
-            M = w.right - x.width;
+            M = w.right - v.width;
           break;
       }
     else if (t.includes("left") || t.includes("right"))
@@ -19316,17 +19319,17 @@ const At = ({
         case "end":
           if (r) {
             const T = (F = m.current) == null ? void 0 : F.getBoundingClientRect();
-            T && (B = w.bottom - T.top - x.height);
+            T && (B = w.bottom - T.top - v.height);
           } else
-            B = w.bottom - x.height;
+            B = w.bottom - v.height;
           break;
       }
     if (r) {
       const T = (P = m.current) == null ? void 0 : P.getBoundingClientRect();
-      T && (M < 8 && (M = 8), M + x.width > T.width - 8 && (M = T.width - x.width - 8), B < 8 && (B = 8), B + x.height > T.height - 8 && (B = T.height - x.height - 8));
+      T && (M < 8 && (M = 8), M + v.width > T.width - 8 && (M = T.width - v.width - 8), B < 8 && (B = 8), B + v.height > T.height - 8 && (B = T.height - v.height - 8));
     } else {
       const T = window.innerWidth, z = window.innerHeight, D = 8;
-      M < D && (M = D), M + x.width > T - D && (M = T - x.width - D), B < D && (B = D), B + x.height > z - D && (B = z - x.height - D);
+      M < D && (M = D), M + v.width > T - D && (M = T - v.width - D), B < D && (B = D), B + v.height > z - D && (B = z - v.height - D);
     }
     if (isNaN(B) || isNaN(M) || B < 0 || M < 0) {
       b();
@@ -19347,14 +19350,14 @@ const At = ({
       const w = h.current.getBoundingClientRect();
       I.current = { top: w.top, left: w.left };
     }
-  }), j.current = setInterval(v, 100)) : j.current && (clearInterval(j.current), j.current = null), () => {
+  }), j.current = setInterval(x, 100)) : j.current && (clearInterval(j.current), j.current = null), () => {
     j.current && (clearInterval(j.current), j.current = null);
-  }), [a, S, v]), K(() => {
+  }), [a, S, x]), K(() => {
     if (h.current)
       return H.current = new IntersectionObserver(
         (w) => {
-          w.forEach((x) => {
-            !x.isIntersecting && a && b();
+          w.forEach((v) => {
+            !v.isIntersecting && a && b();
           });
         },
         {
@@ -19368,11 +19371,11 @@ const At = ({
     if (!a) return;
     const w = () => {
       r || b();
-    }, x = () => {
+    }, v = () => {
       b();
     };
-    return window.addEventListener("scroll", w, !0), window.addEventListener("resize", x), () => {
-      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", x);
+    return window.addEventListener("scroll", w, !0), window.addEventListener("resize", v), () => {
+      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", v);
     };
   }, [a, r, b]);
   const y = N(() => {
@@ -19614,7 +19617,7 @@ const At = ({
     containerRef: I,
     handleMouseEnter: V,
     handleMouseLeave: Z
-  } = Ft(r, n, L, c, s), b = _t(e, L), v = Dt(f, e);
+  } = Ft(r, n, L, c, s), b = _t(e, L), x = Dt(f, e);
   return /* @__PURE__ */ u("div", { ref: I, className: L ? "ui-relative" : "ui-contents", children: [
     /* @__PURE__ */ i(
       "div",
@@ -19649,7 +19652,7 @@ const At = ({
         ...h,
         children: [
           o,
-          /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", l), style: v })
+          /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", l), style: x })
         ]
       }
     ) : E1(
@@ -19674,7 +19677,7 @@ const At = ({
           ...h,
           children: [
             o,
-            /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", l), style: v })
+            /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", l), style: x })
           ]
         }
       ),
@@ -19728,7 +19731,7 @@ const At = ({
   tooltipDelay: L = 0,
   tooltipDisabled: h = !1
 }) => {
-  const g = typeof t == "string" && t in v9, m = typeof t == "string" && (t in n0 || t in x9), f = () => m ? /* @__PURE__ */ i(
+  const g = typeof t == "string" && t in x9, m = typeof t == "string" && (t in n0 || t in v9), f = () => m ? /* @__PURE__ */ i(
     L1,
     {
       strokeWidth: c,
@@ -19865,12 +19868,12 @@ const At = ({
   onClickLeftSlot: V,
   onClickRightSlot: Z,
   disabled: b,
-  colorIcon: v,
+  colorIcon: x,
   showShadow: S = !1,
   borderable: y,
   iconSizeExtended: O = "none",
   defaultSizeIcon: w = !0,
-  defaultTooltipColor: x = !0,
+  defaultTooltipColor: v = !0,
   as: $ = "button",
   classNameId: B = "imj-ui-inner-button",
   tooltip: M = "",
@@ -19925,7 +19928,7 @@ const At = ({
       {
         slot: n,
         size: f,
-        colorIcon: v,
+        colorIcon: x,
         className: t,
         onClick: V,
         defaultSizeIcon: Q,
@@ -19953,7 +19956,7 @@ const At = ({
         strokeWidth: a1,
         name: g,
         size: a === "icon" ? f : O !== "none" ? O : f,
-        color: v,
+        color: x,
         onClick: a === "icon" ? z || I : void 0
       }
     ) : g),
@@ -19962,14 +19965,14 @@ const At = ({
       {
         slot: e,
         size: O !== "none" ? O : f,
-        colorIcon: v,
+        colorIcon: x,
         className: t,
         onClick: Z,
         defaultSizeIcon: Q,
         strokeWidth: a1
       }
     )
-  ] }), r1 = H ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", d1 = x ? _ || "neutral" : C, k1 = C1(
+  ] }), r1 = H ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", d1 = v ? _ || "neutral" : C, k1 = C1(
     `${B} ui-h-fit ui-justify-center ui-flex ui-items-center ui-box-border ui-border-solid ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${S && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${P ? "enabled:!ui-cursor-pointer" : ""} ${p1 ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
@@ -20584,8 +20587,8 @@ const At = ({
   const { isVisible: j, isLeaving: I } = Wt({ open: t, externalIsLeaving: g });
   if (!j)
     return null;
-  const V = !!d, Z = (v) => {
-    d && (v.stopPropagation(), d());
+  const V = !!d, Z = (x) => {
+    d && (x.stopPropagation(), d());
   }, b = {
     sm: "ui-px-4 ui-py-2",
     md: "ui-p-4"
@@ -20822,7 +20825,7 @@ const At = ({
   tooltip: V,
   tooltipPosition: Z,
   tooltipAlignment: b,
-  tooltipColor: v,
+  tooltipColor: x,
   tooltipDelay: S,
   ...y
 }) => /* @__PURE__ */ i(
@@ -20851,7 +20854,7 @@ const At = ({
     tooltip: V,
     tooltipPosition: Z,
     tooltipAlignment: b,
-    tooltipColor: v,
+    tooltipColor: x,
     tooltipDelay: S,
     ...y
   }
@@ -20880,7 +20883,7 @@ const At = ({
     colorLeftIcon: V,
     infoTooltip: Z = "",
     ...b
-  }, v) => {
+  }, x) => {
     const {
       value: S,
       setValue: y,
@@ -20892,7 +20895,7 @@ const At = ({
     }), w = (A) => {
       const _ = A.target.value;
       y(_), g == null || g(A);
-    }, { paddingClasses: x, getIconPosition: $ } = ro({
+    }, { paddingClasses: v, getIconPosition: $ } = ro({
       size: n,
       leftSlot: a,
       rightSlot: c,
@@ -20904,11 +20907,11 @@ const At = ({
       disabled: L,
       fullWidth: p,
       caret: d,
-      paddingClasses: x,
+      paddingClasses: v,
       autosize: I
     });
     return uo({
-      ref: v,
+      ref: x,
       currentValue: S,
       setValue: y,
       isControlled: O,
@@ -21084,10 +21087,10 @@ const M9 = (t, o = {}) => {
     if (!t || o || !c) return;
     const p = (L) => {
       var Z, b;
-      const h = L.target, g = (Z = r.current) == null ? void 0 : Z.contains(h), m = (b = n == null ? void 0 : n.current) == null ? void 0 : b.contains(h), f = e ? h.closest(`[data-${a}-id="${e}"]`) : !1, H = a && !C ? h.closest(`[data-${a}-container-id="${e}"]`) : !1, j = s.some((v) => h.closest(v)), V = (() => {
-        let v = h;
-        for (; v && v !== document.body; ) {
-          const S = v.attributes;
+      const h = L.target, g = (Z = r.current) == null ? void 0 : Z.contains(h), m = (b = n == null ? void 0 : n.current) == null ? void 0 : b.contains(h), f = e ? h.closest(`[data-${a}-id="${e}"]`) : !1, H = a && !C ? h.closest(`[data-${a}-container-id="${e}"]`) : !1, j = s.some((x) => h.closest(x)), V = (() => {
+        let x = h;
+        for (; x && x !== document.body; ) {
+          const S = x.attributes;
           for (let O = 0; O < S.length; O++) {
             const w = S[O];
             if (w.name.startsWith("data-") && w.name.endsWith("-id")) {
@@ -21096,7 +21099,7 @@ const M9 = (t, o = {}) => {
               return !0;
             }
           }
-          const y = v.className;
+          const y = x.className;
           if (typeof y == "string") {
             const O = y.split(" ");
             if ([
@@ -21107,10 +21110,10 @@ const M9 = (t, o = {}) => {
               "popover-portal",
               "react-datepicker",
               "react-datepicker-popper"
-            ].some((x) => O.includes(x)) || O.some((x) => x.endsWith("-portal")))
+            ].some((v) => O.includes(v)) || O.some((v) => v.endsWith("-portal")))
               return !0;
           }
-          v = v.parentElement;
+          x = x.parentElement;
         }
         return !1;
       })();
@@ -21171,7 +21174,7 @@ const M9 = (t, o = {}) => {
   footerButtonOnClick: V,
   cancelButtonSlotLeft: Z,
   successButtonSlotRight: b,
-  disableCancelButton: v,
+  disableCancelButton: x,
   disableSuccessButton: S,
   successButtonColor: y = "blue"
 }) => {
@@ -21198,7 +21201,7 @@ const M9 = (t, o = {}) => {
     footerButtonOnClick: V,
     cancelButtonSlotLeft: Z,
     successButtonSlotRight: b,
-    disableCancelButton: v,
+    disableCancelButton: x,
     disableSuccessButton: S,
     successButtonColor: y
   };
@@ -21243,7 +21246,7 @@ const M9 = (t, o = {}) => {
       colorIcon: e,
       onClick: () => C(L.value),
       fullWidth: a,
-      variant: "outlined",
+      variant: "button",
       clickable: s !== L.value,
       borderable: !0,
       color: s === L.value ? "white" : "transparent",
@@ -21273,7 +21276,7 @@ const M9 = (t, o = {}) => {
     onChangeTab: h,
     headerButtonIcon: g,
     headerButtonOnClick: m
-  } = k9(), f = o ?? C, H = c ?? g, j = s ?? m, I = (n == null ? void 0 : n.length) > 0 ? n : l, V = (I == null ? void 0 : I.length) ?? !1, Z = a ?? h, b = e ?? L, v = (S) => {
+  } = k9(), f = o ?? C, H = c ?? g, j = s ?? m, I = (n == null ? void 0 : n.length) > 0 ? n : l, V = (I == null ? void 0 : I.length) ?? !1, Z = a ?? h, b = e ?? L, x = (S) => {
     Z && Z(S);
   };
   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: [
@@ -21312,7 +21315,7 @@ const M9 = (t, o = {}) => {
         defaultValue: b,
         size: "sm",
         onChange: (S) => {
-          v(S);
+          x(S);
         }
       }
     ) }) : null
@@ -21346,7 +21349,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     disableSuccessButton: Z
   } = k9(), b = () => {
     C && C(), g && c();
-  }, v = () => {
+  }, x = () => {
     p && p(), h && c();
   }, S = o ?? m, y = r ?? f;
   return /* @__PURE__ */ u(
@@ -21382,7 +21385,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
             o1,
             {
               slotLeft: e ?? j,
-              onClick: v,
+              onClick: x,
               disabled: Z,
               color: a ?? I,
               children: d
@@ -21428,12 +21431,12 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   defaultValueTab: V,
   onChangeTab: Z,
   headerButtonIcon: b,
-  headerButtonOnClick: v,
+  headerButtonOnClick: x,
   footerButtonIcon: S,
   footerButtonOnClick: y,
   cancelButtonSlotLeft: O,
   successButtonSlotRight: w,
-  disableCancelButton: x,
+  disableCancelButton: v,
   disableSuccessButton: $,
   successButtonColor: B
 }) => {
@@ -21492,7 +21495,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
                 title: g,
                 icon: r,
                 headerButtonIcon: b,
-                headerButtonOnClick: v,
+                headerButtonOnClick: x,
                 footerButtonIcon: S,
                 footerButtonOnClick: y,
                 tabs: I,
@@ -21500,7 +21503,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
                 onChangeTab: Z,
                 cancelButtonSlotLeft: O,
                 successButtonSlotRight: w,
-                disableCancelButton: x,
+                disableCancelButton: v,
                 disableSuccessButton: $,
                 successButtonColor: B,
                 children: [
@@ -21588,7 +21591,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
       o ? "ui-max-h-full ui-min-h-7 ui-w-[1px]" : "ui-h-[1px] ui-w-full"
     )
   }
-), v1 = ({
+), x1 = ({
   children: t,
   className: o,
   fullWidth: r = !1,
@@ -21623,8 +21626,8 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     }
   );
 };
-v1.Header = ({ children: t, className: o }) => /* @__PURE__ */ i("div", { className: o, children: t });
-v1.Body = ({ children: t, className: o, fullHeight: r = !1, scrollable: n = !0 }) => /* @__PURE__ */ i(
+x1.Header = ({ children: t, className: o }) => /* @__PURE__ */ i("div", { className: o, children: t });
+x1.Body = ({ children: t, className: o, fullHeight: r = !1, scrollable: n = !0 }) => /* @__PURE__ */ i(
   "div",
   {
     className: U(
@@ -21635,8 +21638,8 @@ v1.Body = ({ children: t, className: o, fullHeight: r = !1, scrollable: n = !0 }
     children: t
   }
 );
-v1.Footer = ({ children: t, className: o }) => /* @__PURE__ */ i("div", { className: o, children: t });
-v1.Separator = ({ className: t, vertical: o = !1, padding: r = !0 }) => /* @__PURE__ */ i(G1, { vertical: o, padding: r, className: t });
+x1.Footer = ({ children: t, className: o }) => /* @__PURE__ */ i("div", { className: o, children: t });
+x1.Separator = ({ className: t, vertical: o = !1, padding: r = !0 }) => /* @__PURE__ */ i(G1, { vertical: o, padding: r, className: t });
 const mo = (t) => {
   const {
     mode: o = "single",
@@ -21678,7 +21681,7 @@ const mo = (t) => {
     d((k) => ({ ...k, currentDate: M }));
   }, []), b = N((M) => {
     d((k) => ({ ...k, viewMode: M }));
-  }, []), v = N((M) => {
+  }, []), x = N((M) => {
     d((k) => {
       const A = new Date(k.currentDate);
       switch (k.viewMode) {
@@ -21717,7 +21720,7 @@ const mo = (t) => {
         viewMode: "days"
       };
     });
-  }, []), x = N((M) => {
+  }, []), v = N((M) => {
     d((k) => {
       const A = new Date(k.currentDate);
       return A.setFullYear(M), {
@@ -21772,9 +21775,9 @@ const mo = (t) => {
       setSelectedRange: y,
       setHoverDate: O,
       updatePortalPosition: B,
-      navigate: v,
+      navigate: x,
       handleMonthSelect: w,
-      handleYearSelect: x,
+      handleYearSelect: v,
       goToToday: $
     }
   };
@@ -21994,7 +21997,7 @@ const mo = (t) => {
     portalRef: e,
     renderPortal: s
   };
-}, xo = ({
+}, vo = ({
   day: t,
   date: o,
   isSelected: r,
@@ -22055,7 +22058,7 @@ const mo = (t) => {
       children: t
     }
   );
-}, vo = ({
+}, xo = ({
   monthIndex: t,
   monthName: o,
   isSelected: r,
@@ -22253,7 +22256,7 @@ const mo = (t) => {
         isHovered: !1
       };
       return /* @__PURE__ */ i(
-        xo,
+        vo,
         {
           day: j,
           date: V,
@@ -22302,7 +22305,7 @@ const mo = (t) => {
     }
   ), c = a();
   return /* @__PURE__ */ i("div", { className: `ui-mx-auto ui-grid ui-w-fit ui-grid-cols-3 ${e}`, children: c.map((s, d) => /* @__PURE__ */ i(
-    vo,
+    xo,
     {
       monthIndex: d,
       monthName: s,
@@ -22571,7 +22574,7 @@ const mo = (t) => {
   closeOnSelect: V,
   autoCloseRange: Z,
   renderHeader: b,
-  renderDay: v
+  renderDay: x
 }) => {
   const S = ($) => {
     C == null || C($);
@@ -22591,7 +22594,7 @@ const mo = (t) => {
     p == null || p($);
   }, w = ($) => {
     l == null || l($);
-  }, x = () => {
+  }, v = () => {
     switch (s) {
       case "days":
         return /* @__PURE__ */ i(
@@ -22608,7 +22611,7 @@ const mo = (t) => {
             startOfWeek: f,
             showWeekNumbers: H,
             hoverDate: I,
-            renderDay: v
+            renderDay: x
           }
         );
       case "months":
@@ -22655,7 +22658,7 @@ const mo = (t) => {
             renderHeader: b
           }
         ),
-        /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: x() }),
+        /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: v() }),
         !V && /* @__PURE__ */ u("footer", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
           /* @__PURE__ */ i(o1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
           /* @__PURE__ */ i(o1, { size: "md", children: "Aceptar" })
@@ -22687,12 +22690,12 @@ const mo = (t) => {
   showWeekNumbers: V,
   yearRange: Z,
   hoverDate: b,
-  closeOnSelect: v,
+  closeOnSelect: x,
   autoCloseRange: S,
   calendarsCount: y = 1,
   mode: O = "single",
   onClickSelected: w = !1,
-  renderHeader: x,
+  renderHeader: v,
   renderDay: $
 }) => {
   const [B, M] = q(Array(y).fill(h)), [k, A] = q(() => {
@@ -22775,7 +22778,7 @@ const mo = (t) => {
           onGoToToday: L,
           monthNames: j,
           yearRange: Z,
-          renderHeader: x
+          renderHeader: v
         }
       ),
       /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-col ui-flex-wrap ui-gap-4 ui-p-4 md:ui-flex-row", children: k.map((P, T) => /* @__PURE__ */ i("div", { className: "ui-flex-shrink-0", children: /* @__PURE__ */ i("div", { className: "ui-w-full ui-overflow-hidden ui-rounded-lg ui-bg-white", children: /* @__PURE__ */ i(
@@ -22827,9 +22830,9 @@ const mo = (t) => {
         showWeekNumbers: V,
         yearRange: Z,
         hoverDate: b,
-        closeOnSelect: v,
+        closeOnSelect: x,
         autoCloseRange: S,
-        renderHeader: x,
+        renderHeader: v,
         renderDay: $
       }
     ) })
@@ -22871,12 +22874,12 @@ const mo = (t) => {
     rangeClassName: V = "bg-blue-100",
     rangeStartClassName: Z = "bg-blue-500 text-white rounded-l-full",
     rangeEndClassName: b = "bg-blue-500 text-white rounded-r-full",
-    todayClassName: v = "border border-blue-500",
+    todayClassName: x = "border border-blue-500",
     showWeekNumbers: S = !1,
     yearRange: y = 12,
     initialViewMode: O = "days",
     closeOnSelect: w = !1,
-    autoCloseRange: x = !0,
+    autoCloseRange: v = !0,
     placeholder: $ = "Seleccionar fecha",
     format: B = "dd/MM/yyyy",
     calendarsCount: M = 1,
@@ -22887,7 +22890,7 @@ const mo = (t) => {
     P.setSelectedRange,
     c,
     s,
-    x
+    v
   ), z = (J) => {
     if (!J || !(J instanceof Date) || isNaN(J.getTime()))
       return "";
@@ -22951,7 +22954,7 @@ const mo = (t) => {
         yearRange: y,
         hoverDate: _.hoverDate,
         closeOnSelect: w,
-        autoCloseRange: x,
+        autoCloseRange: v,
         calendarsCount: M,
         mode: o,
         renderHeader: k,
@@ -22992,15 +22995,15 @@ const mo = (t) => {
   disabledSuccessButton: V = !1,
   disabledCancelButton: Z = !1
 }) => {
-  const b = H9(), { isVisible: v, isAnimating: S } = M9(t), y = i1(null);
+  const b = H9(), { isVisible: x, isAnimating: S } = M9(t), y = i1(null);
   j9(t), W0(t, o, s), V9(t, y, !d);
   const O = () => {
     g && g(), I && o();
   }, w = () => {
     m && m(), j && o();
   };
-  if (!b || !v) return null;
-  const x = /* @__PURE__ */ u(
+  if (!b || !x) return null;
+  const v = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -23031,11 +23034,11 @@ const mo = (t) => {
             style: {
               transform: C === "right" ? S ? "translateX(0)" : "translateX(100%)" : S ? "translateX(0)" : "translateX(-100%)"
             },
-            children: /* @__PURE__ */ u(v1, { rounded: !1, padding: !1, gap: !1, className: U(p), children: [
-              /* @__PURE__ */ i(v1.Header, { children: /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4", children: r && /* @__PURE__ */ i($9, { title: r, icon: a }) }) }),
-              /* @__PURE__ */ i(v1.Separator, { padding: !1 }),
+            children: /* @__PURE__ */ u(x1, { rounded: !1, padding: !1, gap: !1, className: U(p), children: [
+              /* @__PURE__ */ i(x1.Header, { children: /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4", children: r && /* @__PURE__ */ i($9, { title: r, icon: a }) }) }),
+              /* @__PURE__ */ i(x1.Separator, { padding: !1 }),
               /* @__PURE__ */ i(
-                v1.Body,
+                x1.Body,
                 {
                   fullHeight: !0,
                   className: U("ui-p-4", l ? "ui-overflow-y-auto" : ""),
@@ -23044,8 +23047,8 @@ const mo = (t) => {
                 }
               ),
               (f || H) && /* @__PURE__ */ u($1, { children: [
-                /* @__PURE__ */ i(v1.Separator, { padding: !1 }),
-                /* @__PURE__ */ u(v1.Footer, { className: "ui-flex ui-items-center ui-justify-end ui-gap-x-4 ui-p-4", children: [
+                /* @__PURE__ */ i(x1.Separator, { padding: !1 }),
+                /* @__PURE__ */ u(x1.Footer, { className: "ui-flex ui-items-center ui-justify-end ui-gap-x-4 ui-p-4", children: [
                   f && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "outlined", color: "white", onClick: O, disabled: Z, children: L }),
                   H && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "button", onClick: w, disabled: V, children: h })
                 ] })
@@ -23056,7 +23059,7 @@ const mo = (t) => {
       ]
     }
   );
-  return b9.createPortal(x, b);
+  return b9.createPortal(v, b);
 }, Jr = ({ className: t }) => /* @__PURE__ */ i("div", { className: U("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", t) }), N9 = ({
   children: t,
   icon: o,
@@ -23277,7 +23280,7 @@ const mo = (t) => {
   onOpenChange: g,
   withCheckbox: m = !1
 }) => {
-  const f = a0(), H = C || `dropdown-${f}`, [j, I] = q(!1), [V, Z] = q(!1), [b, v] = q(""), [S, y] = q("bottom"), [O, w] = q({}), x = i1(null), $ = i1(null), B = i1(null), M = N(
+  const f = a0(), H = C || `dropdown-${f}`, [j, I] = q(!1), [V, Z] = q(!1), [b, x] = q(""), [S, y] = q("bottom"), [O, w] = q({}), v = i1(null), $ = i1(null), B = i1(null), M = N(
     (E) => E == null ? [] : Array.isArray(E) ? E : [E],
     []
   ), k = N(
@@ -23340,9 +23343,9 @@ const mo = (t) => {
       if (!h)
         r1 === "bottom" ? d1 = Q.bottom + 4 : d1 = Q.top - e1 - 4, N1 = Q.left;
       else {
-        const x1 = (D1 = B.current) == null ? void 0 : D1.getBoundingClientRect();
-        if (!x1) return;
-        const z1 = Q.top - x1.top, H1 = Q.left - x1.left;
+        const v1 = (D1 = B.current) == null ? void 0 : D1.getBoundingClientRect();
+        if (!v1) return;
+        const z1 = Q.top - v1.top, H1 = Q.left - v1.left;
         r1 === "bottom" ? d1 = z1 + Q.height + 4 : d1 = z1 - e1 - 4, N1 = H1;
       }
       const V1 = h ? 9999 : 1100, I1 = parseInt(H.replace(/\D/g, "")) || 0, A1 = V1 + I1 % 100, Q1 = {
@@ -23373,7 +23376,7 @@ const mo = (t) => {
       behavior: "smooth"
     });
   }, [F, n]), n1 = (E) => {
-    E && E.stopPropagation(), !p && (j ? a1() : (So(H), v(""), Z(!1), z(), setTimeout(() => {
+    E && E.stopPropagation(), !p && (j ? a1() : (So(H), x(""), Z(!1), z(), setTimeout(() => {
       I(!0), t0.add(H), setTimeout(() => {
         z(), setTimeout(() => {
           D();
@@ -23394,14 +23397,14 @@ const mo = (t) => {
         W(s1);
       } else {
         const t1 = E[e] === -1 ? -1 : E[e];
-        W(t1), v(""), a1();
+        W(t1), x(""), a1();
       }
       c == null || c(E);
     }
   }, J = (E) => {
-    v(E.target.value);
+    x(E.target.value);
   }, u1 = (E) => {
-    E.stopPropagation(), W(l ? [] : ""), v("");
+    E.stopPropagation(), W(l ? [] : ""), x("");
   };
   return K(() => {
     g == null || g(j);
@@ -23453,7 +23456,7 @@ const mo = (t) => {
     isControlled: G,
     multiple: l,
     // Referencias
-    inputRef: x,
+    inputRef: v,
     dropdownRef: $,
     containerRef: B,
     dropdownUniqueId: H,
@@ -23523,12 +23526,12 @@ const mo = (t) => {
     const Z = setTimeout(() => {
       const b = I.current;
       if (b) {
-        const v = b.scrollHeight, S = b.clientHeight;
+        const x = b.scrollHeight, S = b.clientHeight;
         if (H === null) {
           j(S);
           return;
         }
-        const y = v > H;
+        const y = x > H;
         f(y);
       }
     }, 100);
@@ -23614,12 +23617,12 @@ const mo = (t) => {
     onOptionSelect: V,
     onCheckboxChange: Z,
     searchable: b = !1,
-    maxHeight: v = "200px",
+    maxHeight: x = "200px",
     closeOnClickOutside: S = !0,
     dropdownId: y,
     multiple: O = !1,
     maxSelectedItems: w,
-    selectedItemsDisplay: x = "tags",
+    selectedItemsDisplay: v = "tags",
     absolute: $ = !1,
     footer: B = !1,
     defaultOptionSelected: M = !1,
@@ -23660,7 +23663,7 @@ const mo = (t) => {
       handleOptionSelect: t9,
       handleSearchChange: Q1,
       handleClear: D1,
-      calculatePosition: x1,
+      calculatePosition: v1,
       scrollToSelectedOption: z1,
       setValue: H1,
       normalizeToArray: o9
@@ -23721,17 +23724,17 @@ const mo = (t) => {
         },
         focus: () => {
           var Y, c1;
-          O && x === "tags" ? (Y = R.current) == null || Y.focus() : (c1 = d1.current) == null || c1.focus();
+          O && v === "tags" ? (Y = R.current) == null || Y.focus() : (c1 = d1.current) == null || c1.focus();
         },
         blur: () => {
           var Y, c1;
-          O && x === "tags" ? (Y = R.current) == null || Y.blur() : (c1 = d1.current) == null || c1.blur();
+          O && v === "tags" ? (Y = R.current) == null || Y.blur() : (c1 = d1.current) == null || c1.blur();
         },
         clear: () => {
           r1 || H1(O ? [] : ""), I == null || I(O ? [] : "");
         },
         open: () => {
-          g || (x1(), setTimeout(() => {
+          g || (v1(), setTimeout(() => {
             I1();
           }, 50));
         },
@@ -23743,13 +23746,13 @@ const mo = (t) => {
         t1,
         r1,
         g,
-        x1,
+        v1,
         I,
         A1,
         O,
         H1,
         I1,
-        x
+        v
       ]
     ), K(() => {
       if (u1 && e1.length > 0) {
@@ -23759,26 +23762,26 @@ const mo = (t) => {
         return () => clearTimeout(Y);
       }
     }, [u1, e1, z1]), K(() => {
-      if (u1 && O && x === "tags") {
+      if (u1 && O && v === "tags") {
         const Y = R.current;
         if (!Y) return;
         const c1 = new ResizeObserver(() => {
           setTimeout(() => {
-            x1();
+            v1();
           }, 50);
         });
         return c1.observe(Y), () => {
           c1.disconnect();
         };
       }
-    }, [u1, O, x, x1]), K(() => {
-      if (u1 && O && x === "tags") {
+    }, [u1, O, v, v1]), K(() => {
+      if (u1 && O && v === "tags") {
         const Y = setTimeout(() => {
-          x1();
+          v1();
         }, 100);
         return () => clearTimeout(Y);
       }
-    }, [e1, u1, O, x, x1]);
+    }, [e1, u1, O, v, v1]);
     const r9 = (Y) => {
       if (O) {
         const h1 = o9(t1).filter((X) => X !== Y);
@@ -23790,7 +23793,7 @@ const mo = (t) => {
     }, z9 = () => {
       if (O) {
         if (e1.length === 0) return "";
-        switch (x) {
+        switch (v) {
           case "count":
             return `${e1.length} elemento${e1.length > 1 ? "s" : ""} seleccionado${e1.length > 1 ? "s" : ""}`;
           case "text":
@@ -23915,7 +23918,7 @@ const mo = (t) => {
         className: "ui-relative ui-w-full",
         "data-dropdown-container-id": V1,
         children: [
-          O && x === "tags" ? /* @__PURE__ */ i(
+          O && v === "tags" ? /* @__PURE__ */ i(
             $o,
             {
               label: o,
@@ -23963,7 +23966,7 @@ const mo = (t) => {
               }
             )
           ),
-          O && x !== "tags" && e1.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: e1.map((Y) => Y ? /* @__PURE__ */ i(
+          O && v !== "tags" && e1.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: e1.map((Y) => Y ? /* @__PURE__ */ i(
             A9,
             {
               label: Y[H],
@@ -23999,94 +24002,94 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
   absolute: d = !1
 }) => {
   const C = a0(), p = e || `popup-${C}`, [l, L] = q(!1), [h, g] = q({}), [m, f] = q(!1), H = i1(null), j = i1(null), I = i1(null), V = N(() => {
-    const v = H.current, S = j.current;
-    if (!v || !S) return;
-    const y = v.getBoundingClientRect(), O = S.getBoundingClientRect();
+    const x = H.current, S = j.current;
+    if (!x || !S) return;
+    const y = x.getBoundingClientRect(), O = S.getBoundingClientRect();
     if (O.width === 0 || O.height === 0)
       return;
-    let w = 0, x = 0;
+    let w = 0, v = 0;
     if (d) {
-      const A = v.offsetTop, _ = v.offsetLeft, G = v.offsetWidth, R = v.offsetHeight;
+      const A = x.offsetTop, _ = x.offsetLeft, G = x.offsetWidth, R = x.offsetHeight;
       switch (t) {
         case "top":
-          w = A - O.height - o, x = _ + (G - O.width) / 2;
+          w = A - O.height - o, v = _ + (G - O.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          w = A + R + o, x = _ + (G - O.width) / 2;
+          w = A + R + o, v = _ + (G - O.width) / 2;
           break;
         case "bottom-left":
-          w = A + R + o, x = _;
+          w = A + R + o, v = _;
           break;
         case "bottom-right":
-          w = A + R + o, x = _ + G - O.width;
+          w = A + R + o, v = _ + G - O.width;
           break;
         case "left":
-          w = A, x = _ - O.width - o;
+          w = A, v = _ - O.width - o;
           break;
         case "right":
-          w = A, x = _ + G + o;
+          w = A, v = _ + G + o;
           break;
       }
     } else {
       const A = window.innerWidth, _ = window.innerHeight, G = y.top, R = y.left, W = y.width, F = y.height;
       switch (t) {
         case "top":
-          w = G - O.height - o, x = R + (W - O.width) / 2;
+          w = G - O.height - o, v = R + (W - O.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          w = G + F + o, x = R + (W - O.width) / 2;
+          w = G + F + o, v = R + (W - O.width) / 2;
           break;
         case "bottom-left":
-          w = G + F + o, x = R;
+          w = G + F + o, v = R;
           break;
         case "bottom-right":
-          w = G + F + o, x = R + W - O.width;
+          w = G + F + o, v = R + W - O.width;
           break;
         case "left":
-          w = G, x = R - O.width - o;
+          w = G, v = R - O.width - o;
           break;
         case "right":
-          w = G, x = R + W + o;
+          w = G, v = R + W + o;
           break;
       }
-      x < 0 && (x = 0), x + O.width > A && (x = A - O.width), w < 0 && (w = 0), w + O.height > _ && (w = _ - O.height), t === "bottom-right" && O.width > y.width && (x = y.right - O.width, x < 0 && (x = 0));
+      v < 0 && (v = 0), v + O.width > A && (v = A - O.width), w < 0 && (w = 0), w + O.height > _ && (w = _ - O.height), t === "bottom-right" && O.width > y.width && (v = y.right - O.width, v < 0 && (v = 0));
     }
     const $ = 1e3, B = parseInt(p.replace(/\D/g, "")) || 0, M = $ + B % 100, k = {
       position: d ? "absolute" : "fixed",
       top: `${w}px`,
-      left: `${x}px`,
+      left: `${v}px`,
       zIndex: M
     };
     g(k), f(!0);
-  }, [t, o, p, d]), Z = (v) => {
-    v && v.stopPropagation(), !s && (l ? b() : (No(p), g({}), f(!1), L(!0), o0.add(p), a == null || a()));
+  }, [t, o, p, d]), Z = (x) => {
+    x && x.stopPropagation(), !s && (l ? b() : (No(p), g({}), f(!1), L(!0), o0.add(p), a == null || a()));
   }, b = () => {
     L(!1), f(!1), o0.delete(p), c == null || c();
   };
   return K(() => {
     if (l) {
-      const v = () => {
+      const x = () => {
         const S = j.current;
         if (S) {
           const y = S.getBoundingClientRect();
           y.width > 0 && y.height > 0 && y.width !== 0 && y.height !== 0 ? V() : setTimeout(() => {
-            requestAnimationFrame(v);
+            requestAnimationFrame(x);
           }, 10);
         }
       };
       setTimeout(() => {
-        requestAnimationFrame(v);
+        requestAnimationFrame(x);
       }, 0);
     }
   }, [l, V]), K(() => {
     if (!l || !m || d) return;
-    let v = !1;
+    let x = !1;
     const S = () => {
-      v || (requestAnimationFrame(() => {
-        V(), v = !1;
-      }), v = !0);
+      x || (requestAnimationFrame(() => {
+        V(), x = !1;
+      }), x = !0);
     };
     return window.addEventListener("scroll", S, { passive: !0 }), window.addEventListener("resize", S, { passive: !0 }), () => {
       window.removeEventListener("scroll", S), window.removeEventListener("resize", S);
@@ -24143,12 +24146,12 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
     colorIcon: V,
     tooltip: Z,
     tooltipPosition: b,
-    tooltipAlignment: v,
+    tooltipAlignment: x,
     tooltipColor: S,
     tooltipDelay: y,
     absolute: O = !1,
     closeOnClick: w = !0,
-    buttonClassName: x,
+    buttonClassName: v,
     containerClassName: $,
     buttonTransition: B = !0,
     buttonStyle: M,
@@ -24230,7 +24233,7 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
           /* @__PURE__ */ i("div", { ref: P, className: U("ui-w-fit", $), children: /* @__PURE__ */ i(
             b1,
             {
-              className: x,
+              className: v,
               onClick: p1,
               disabled: p,
               variant: l,
@@ -24244,7 +24247,7 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
               textColor: g,
               tooltip: Z,
               tooltipPosition: b,
-              tooltipAlignment: v,
+              tooltipAlignment: x,
               tooltipColor: S,
               tooltipDelay: y,
               transition: B,
@@ -25843,7 +25846,7 @@ const s9 = "emoji-picker-recent", Fo = ({
   buttonClassName: I,
   tooltip: V
 }) => {
-  const [Z, b] = q("recent"), [v, S] = q(""), [y, O] = q([]), [w, x] = q(C || ""), $ = i1(null), B = i1({}), M = i1(!1), k = i1(null);
+  const [Z, b] = q("recent"), [x, S] = q(""), [y, O] = q([]), [w, v] = q(C || ""), $ = i1(null), B = i1({}), M = i1(!1), k = i1(null);
   K(() => {
     if (!M.current)
       if (M.current = !0, a && a.length > 0)
@@ -25868,7 +25871,7 @@ const s9 = "emoji-picker-recent", Fo = ({
       o
     );
     O(P), A(P), t == null || t(F), d && k.current && k.current.close();
-  }, G = m1(() => !v || v.trim() === "" ? [
+  }, G = m1(() => !x || x.trim() === "" ? [
     {
       ...R1[0],
       emojis: y
@@ -25876,8 +25879,8 @@ const s9 = "emoji-picker-recent", Fo = ({
     ...R1.slice(1)
   ] : R1.slice(1).map((T) => ({
     ...T,
-    emojis: Po(v, T.emojis)
-  })).filter((T) => T.emojis.length > 0), [v, y]), R = (F) => {
+    emojis: Po(x, T.emojis)
+  })).filter((T) => T.emojis.length > 0), [x, y]), R = (F) => {
     const P = B.current[F];
     if (P && $.current) {
       const T = $.current, z = P.offsetTop - T.offsetTop;
@@ -25941,7 +25944,7 @@ const s9 = "emoji-picker-recent", Fo = ({
               {
                 leftSlot: "SearchOutlined",
                 placeholder: s,
-                value: v,
+                value: x,
                 onValueChange: S,
                 fullWidth: !0,
                 size: "sm"
@@ -26316,21 +26319,21 @@ const s9 = "emoji-picker-recent", Fo = ({
   );
 }, _o = () => {
   const t = i1(null), [o, r] = q(!1), [n, e] = q(/* @__PURE__ */ new Set()), a = N(() => {
-    const b = /* @__PURE__ */ new Set(), v = window.getSelection();
-    if (!v || v.rangeCount === 0) {
+    const b = /* @__PURE__ */ new Set(), x = window.getSelection();
+    if (!x || x.rangeCount === 0) {
       e(b);
       return;
     }
-    let y = v.getRangeAt(0).commonAncestorContainer;
+    let y = x.getRangeAt(0).commonAncestorContainer;
     for (; y && y !== t.current; ) {
       if (y.nodeType === Node.ELEMENT_NODE) {
-        const O = y, w = O.tagName.toLowerCase(), x = window.getComputedStyle(O);
-        (w === "strong" || w === "b") && b.add("bold"), (w === "em" || w === "i") && b.add("italic"), w === "u" && b.add("underline"), (w === "s" || w === "strike" || w === "del") && b.add("strikethrough"), w === "ul" && b.add("ul"), w === "ol" && b.add("ol"), parseInt(x.fontWeight) >= 700 && b.add("bold"), x.fontStyle === "italic" && b.add("italic"), x.textDecoration.includes("underline") && b.add("underline"), x.textDecoration.includes("line-through") && b.add("strikethrough");
+        const O = y, w = O.tagName.toLowerCase(), v = window.getComputedStyle(O);
+        (w === "strong" || w === "b") && b.add("bold"), (w === "em" || w === "i") && b.add("italic"), w === "u" && b.add("underline"), (w === "s" || w === "strike" || w === "del") && b.add("strikethrough"), w === "ul" && b.add("ul"), w === "ol" && b.add("ol"), parseInt(v.fontWeight) >= 700 && b.add("bold"), v.fontStyle === "italic" && b.add("italic"), v.textDecoration.includes("underline") && b.add("underline"), v.textDecoration.includes("line-through") && b.add("strikethrough");
       }
       y = y.parentNode;
     }
     e(b);
-  }, []), c = N((b, v) => {
+  }, []), c = N((b, x) => {
     var w;
     const S = window.getSelection();
     if (!S || S.rangeCount === 0) return;
@@ -26338,7 +26341,7 @@ const s9 = "emoji-picker-recent", Fo = ({
     if (y.collapsed)
       return;
     const O = document.createElement(b);
-    v && Object.assign(O.style, v);
+    x && Object.assign(O.style, x);
     try {
       y.surroundContents(O);
     } catch {
@@ -26348,17 +26351,17 @@ const s9 = "emoji-picker-recent", Fo = ({
     S.removeAllRanges(), a(), (w = t.current) == null || w.focus();
   }, [a]), s = N((b) => {
     var O;
-    const v = window.getSelection();
-    if (!v || v.rangeCount === 0) return;
-    let y = v.getRangeAt(0).commonAncestorContainer;
+    const x = window.getSelection();
+    if (!x || x.rangeCount === 0) return;
+    let y = x.getRangeAt(0).commonAncestorContainer;
     for (; y && y !== t.current; ) {
       if (y.nodeType === Node.ELEMENT_NODE) {
         const w = y;
         if (w.tagName.toLowerCase() === b.toLowerCase()) {
-          const x = w.parentNode;
+          const v = w.parentNode;
           for (; w.firstChild; )
-            x == null || x.insertBefore(w.firstChild, w);
-          x == null || x.removeChild(w);
+            v == null || v.insertBefore(w.firstChild, w);
+          v == null || v.removeChild(w);
           break;
         }
       }
@@ -26366,16 +26369,16 @@ const s9 = "emoji-picker-recent", Fo = ({
     }
     a(), (O = t.current) == null || O.focus();
   }, [a]), d = N((b) => {
-    const v = window.getSelection();
-    if (!v || v.rangeCount === 0) return !1;
-    let y = v.getRangeAt(0).commonAncestorContainer;
+    const x = window.getSelection();
+    if (!x || x.rangeCount === 0) return !1;
+    let y = x.getRangeAt(0).commonAncestorContainer;
     for (; y && y !== t.current; ) {
       if (y.nodeType === Node.ELEMENT_NODE) {
         const O = y, w = O.tagName.toLowerCase();
         if (b === "bold" && (w === "strong" || w === "b") || b === "italic" && (w === "em" || w === "i") || b === "underline" && w === "u" || b === "strikethrough" && (w === "s" || w === "strike" || w === "del") || b === "ul" && w === "ul" || b === "ol" && w === "ol") return !0;
         if (b === "bold") {
-          const x = window.getComputedStyle(O);
-          if (parseInt(x.fontWeight) >= 700) return !0;
+          const v = window.getComputedStyle(O);
+          if (parseInt(v.fontWeight) >= 700) return !0;
         }
         if (b === "italic" && window.getComputedStyle(O).fontStyle === "italic" || b === "underline" && window.getComputedStyle(O).textDecoration.includes("underline") || b === "strikethrough" && window.getComputedStyle(O).textDecoration.includes("line-through"))
           return !0;
@@ -26383,7 +26386,7 @@ const s9 = "emoji-picker-recent", Fo = ({
       y = y.parentNode;
     }
     return !1;
-  }, []), C = N((b, v) => {
+  }, []), C = N((b, x) => {
     var O;
     const y = {
       bold: "strong",
@@ -26391,13 +26394,13 @@ const s9 = "emoji-picker-recent", Fo = ({
       underline: "u",
       strikeThrough: "s"
     }[b];
-    y ? d(b === "strikeThrough" ? "strikethrough" : b) ? s(y) : c(y) : b === "insertUnorderedList" ? l("ul") : b === "insertOrderedList" ? l("ol") : b === "createLink" && v ? p(v) : document.execCommand(b, !1, v), a(), (O = t.current) == null || O.focus();
+    y ? d(b === "strikeThrough" ? "strikethrough" : b) ? s(y) : c(y) : b === "insertUnorderedList" ? l("ul") : b === "insertOrderedList" ? l("ol") : b === "createLink" && x ? p(x) : document.execCommand(b, !1, x), a(), (O = t.current) == null || O.focus();
   }, [c, s, d, a]), p = N((b) => {
-    var x;
+    var v;
     if (!t.current) return;
-    const v = window.getSelection();
-    if (!v || v.rangeCount === 0) return;
-    const S = v.getRangeAt(0);
+    const x = window.getSelection();
+    if (!x || x.rangeCount === 0) return;
+    const S = x.getRangeAt(0);
     if (S.collapsed) {
       alert("Por favor selecciona el texto que quieres convertir en enlace");
       return;
@@ -26414,13 +26417,13 @@ const s9 = "emoji-picker-recent", Fo = ({
       O.appendChild(B), S.insertNode(O);
     }
     const w = document.createRange();
-    w.setStartAfter(O), w.collapse(!0), v.removeAllRanges(), v.addRange(w), (x = t.current) == null || x.focus(), a();
+    w.setStartAfter(O), w.collapse(!0), x.removeAllRanges(), x.addRange(w), (v = t.current) == null || v.focus(), a();
   }, [a]), l = N((b) => {
-    var w, x, $, B;
+    var w, v, $, B;
     if (!t.current) return;
-    const v = window.getSelection();
-    if (!v) return;
-    let S = v.rangeCount > 0 ? v.getRangeAt(0).commonAncestorContainer : t.current, y = null, O = S;
+    const x = window.getSelection();
+    if (!x) return;
+    let S = x.rangeCount > 0 ? x.getRangeAt(0).commonAncestorContainer : t.current, y = null, O = S;
     for (; O && O !== t.current; ) {
       if (O.nodeType === Node.ELEMENT_NODE) {
         const M = O, k = M.tagName.toLowerCase();
@@ -26444,22 +26447,22 @@ const s9 = "emoji-picker-recent", Fo = ({
       }
     else {
       const M = document.createElement(b), k = document.createElement("li");
-      if (v.rangeCount > 0) {
-        const A = v.getRangeAt(0);
+      if (x.rangeCount > 0) {
+        const A = x.getRangeAt(0);
         if (A.collapsed) {
-          k.innerHTML = "<br>", M.appendChild(k), t.current.childNodes.length === 0 || ((x = t.current.textContent) == null ? void 0 : x.trim()) === "" ? (t.current.innerHTML = "", t.current.appendChild(M)) : A.insertNode(M);
+          k.innerHTML = "<br>", M.appendChild(k), t.current.childNodes.length === 0 || ((v = t.current.textContent) == null ? void 0 : v.trim()) === "" ? (t.current.innerHTML = "", t.current.appendChild(M)) : A.insertNode(M);
           const _ = document.createRange();
-          _.setStart(k, 0), _.collapse(!0), v.removeAllRanges(), v.addRange(_);
+          _.setStart(k, 0), _.collapse(!0), x.removeAllRanges(), x.addRange(_);
         } else {
           const _ = A.extractContents();
           (($ = _.textContent) == null ? void 0 : $.trim()) === "" ? k.innerHTML = "<br>" : k.appendChild(_), M.appendChild(k), A.insertNode(M);
           const G = document.createRange();
-          G.selectNodeContents(k), G.collapse(!1), v.removeAllRanges(), v.addRange(G);
+          G.selectNodeContents(k), G.collapse(!1), x.removeAllRanges(), x.addRange(G);
         }
       } else {
         k.innerHTML = "<br>", M.appendChild(k), t.current.appendChild(M);
         const A = document.createRange();
-        A.setStart(k, 0), A.collapse(!0), v.removeAllRanges(), v.addRange(A);
+        A.setStart(k, 0), A.collapse(!0), x.removeAllRanges(), x.addRange(A);
       }
     }
     setTimeout(() => {
@@ -26476,21 +26479,21 @@ const s9 = "emoji-picker-recent", Fo = ({
   const g = N((b) => {
     if (!t.current) return;
     t.current.focus();
-    const v = window.getSelection();
-    if (!v) return;
+    const x = window.getSelection();
+    if (!x) return;
     let S;
-    v.rangeCount > 0 ? (S = v.getRangeAt(0), S.deleteContents()) : (S = document.createRange(), S.selectNodeContents(t.current), S.collapse(!1), v.removeAllRanges(), v.addRange(S));
+    x.rangeCount > 0 ? (S = x.getRangeAt(0), S.deleteContents()) : (S = document.createRange(), S.selectNodeContents(t.current), S.collapse(!1), x.removeAllRanges(), x.addRange(S));
     const y = document.createTextNode(b);
-    S.insertNode(y), S.setStartAfter(y), S.collapse(!0), v.removeAllRanges(), v.addRange(S);
+    S.insertNode(y), S.setStartAfter(y), S.collapse(!0), x.removeAllRanges(), x.addRange(S);
   }, []), m = N((b) => {
     if (!t.current) return;
     t.current.focus();
-    const v = window.getSelection();
-    if (!v) return;
+    const x = window.getSelection();
+    if (!x) return;
     let S;
-    v.rangeCount > 0 ? (S = v.getRangeAt(0), S.deleteContents()) : (S = document.createRange(), S.selectNodeContents(t.current), S.collapse(!1), v.removeAllRanges(), v.addRange(S));
+    x.rangeCount > 0 ? (S = x.getRangeAt(0), S.deleteContents()) : (S = document.createRange(), S.selectNodeContents(t.current), S.collapse(!1), x.removeAllRanges(), x.addRange(S));
     const y = S.createContextualFragment(b);
-    S.insertNode(y), S.collapse(!1), v.removeAllRanges(), v.addRange(S);
+    S.insertNode(y), S.collapse(!1), x.removeAllRanges(), x.addRange(S);
   }, []), f = N((b) => {
     g(b);
   }, [g]), H = N((b) => {
@@ -26503,8 +26506,8 @@ const s9 = "emoji-picker-recent", Fo = ({
   }, []), V = N(() => {
     t.current && (t.current.innerHTML = "");
   }, []), Z = N(() => {
-    var v;
-    return (((v = t.current) == null ? void 0 : v.textContent) || "").trim().length === 0;
+    var x;
+    return (((x = t.current) == null ? void 0 : x.textContent) || "").trim().length === 0;
   }, []);
   return {
     editorRef: t,
@@ -26562,11 +26565,11 @@ const s9 = "emoji-picker-recent", Fo = ({
     activeFormats: V,
     execCommand: Z,
     handleEditorClick: b,
-    insertEmoji: v,
+    insertEmoji: x,
     getHTML: S,
     setHTML: y,
     isEmpty: O
-  } = _o(), [w, x] = q(!0);
+  } = _o(), [w, v] = q(!0);
   K(() => {
     t !== void 0 && H.current && S() !== t && y(t);
   }, [t, S, y]), K(() => {
@@ -26576,7 +26579,7 @@ const s9 = "emoji-picker-recent", Fo = ({
   }, [g]);
   const $ = () => {
     const A = S();
-    r == null || r(A), x(O());
+    r == null || r(A), v(O());
   }, B = () => {
     !O() && !e && (l == null || l());
   }, M = () => {
@@ -26725,7 +26728,7 @@ const s9 = "emoji-picker-recent", Fo = ({
                 color: "white",
                 size: "lg",
                 position: "bottom-left",
-                onEmojiSelect: v,
+                onEmojiSelect: x,
                 closeOnSelect: !0,
                 width: 330,
                 height: 300
@@ -26737,7 +26740,7 @@ const s9 = "emoji-picker-recent", Fo = ({
                 type: "button",
                 onClick: () => {
                   const A = prompt("Mencionar a:");
-                  A && (v(`@${A} `), C == null || C(A));
+                  A && (x(`@${A} `), C == null || C(A));
                 },
                 disabled: e,
                 className: "ui-flex ui-h-5 ui-w-5 ui-items-center ui-justify-center ui-rounded ui-text-neutral-500 ui-transition-colors hover:ui-bg-neutral-50 disabled:ui-opacity-50",
@@ -26962,7 +26965,7 @@ const s9 = "emoji-picker-recent", Fo = ({
   }, [r]);
   const f = Math.min(t * (r || 0), n || 0) || 0, j = (() => {
     const V = Math.min(Math.max(t, 1), Math.max(o - p + 1, 1)), Z = Math.min(V + p - 1, o);
-    return Array.from({ length: Z - V + 1 }, (b, v) => V + v);
+    return Array.from({ length: Z - V + 1 }, (b, x) => V + x);
   })(), I = (V) => {
     m(V), d(V), h(1);
   };
@@ -30435,10 +30438,10 @@ const s9 = "emoji-picker-recent", Fo = ({
     getColorClasses: (p) => {
       const l = {
         blue: {
-          primary: "ui-bg-blue-500 ui-border-blue-500",
+          primary: "ui-bg-blue-500 ui-border-blue-100",
           secondary: "ui-border-blue-100",
           text: "ui-text-blue-500",
-          line: "ui-border-blue-500"
+          line: "ui-border-blue-100"
         },
         red: {
           primary: "ui-bg-red-500 ui-border-red-500",
@@ -30516,12 +30519,12 @@ const s9 = "emoji-picker-recent", Fo = ({
   classNameNumber: e = ""
 }) => {
   const a = "ui-min-w-[38px] ui-min-h-[38px] ui-max-w-[38px] ui-max-h-[38px] ui-rounded-full ui-flex ui-items-center ui-justify-center ui-border-3";
-  return o === "completed" ? /* @__PURE__ */ i("div", { className: `${a} ${r.primary} ${n}`, children: /* @__PURE__ */ i(L1, { name: "Check2Outlined", size: "3xl", color: "white" }) }) : o === "active" ? /* @__PURE__ */ i("div", { className: `${a} ui-bg-white ${r.secondary} ${n}`, children: /* @__PURE__ */ i(
+  return o === "completed" ? /* @__PURE__ */ i("div", { className: `${a} ${r.primary} ${n} `, children: /* @__PURE__ */ i(L1, { name: "Check2Outlined", size: "3xl", color: "white" }) }) : o === "active" ? /* @__PURE__ */ i("div", { className: `${a} ${r.primary.split(" ")[0]}  ${n} ${r.line}`, children: /* @__PURE__ */ i(
     "div",
     {
-      className: `ui-h-[18px] ui-w-[18px] ui-rounded-full ${r.primary.split(" ")[0]}`
+      className: `ui-h-[14px] ui-w-[14px] ui-rounded-full ui-bg-white  ${r.secondary}`
     }
-  ) }) : o === "pending" ? /* @__PURE__ */ i("div", { className: `${a} ui-bg-white ${r.secondary} ${n}`, children: /* @__PURE__ */ i("span", { className: `${r.text} ui-text-2xl ui-font-medium ${e}`, children: t + 1 }) }) : null;
+  ) }) : o === "pending" ? /* @__PURE__ */ i("div", { className: `${a} ui-bg-white  ${r.secondary} ${n}`, children: /* @__PURE__ */ i("span", { className: `${r.text} ui-text-2xl ui-font-medium ${e}`, children: t + 1 }) }) : null;
 }, hr = ({
   step: t,
   stepIndex: o,
@@ -30630,7 +30633,7 @@ const s9 = "emoji-picker-recent", Fo = ({
     onStepChange: p
   }), j = m(o || "blue");
   return /* @__PURE__ */ i("div", { className: `${L ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${l ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${l ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${fr({ color: o, size: r, className: n })}`, children: t.map((V, Z) => {
-    const b = H(Z), v = Z === t.length - 1;
+    const b = H(Z), x = Z === t.length - 1;
     return /* @__PURE__ */ i(
       wr,
       {
@@ -30638,7 +30641,7 @@ const s9 = "emoji-picker-recent", Fo = ({
         stepIndex: Z,
         status: b,
         colorClasses: j,
-        isLast: v,
+        isLast: x,
         onStepClick: f,
         classNameStep: e,
         classNameStepLabel: a,
@@ -30703,7 +30706,7 @@ ${d}
   }
   return Array.isArray(t) ? t.map((o) => U1(o)).join(`
 `) : String(t);
-}, mr = ({ children: t }) => /* @__PURE__ */ i("h2", { className: "ui-text-lg ui-font-semibold ui-text-gray-900", children: t }), br = ({ children: t }) => /* @__PURE__ */ i("p", { className: "ui-text-xs ui-text-gray-500", children: t }), xr = ({ children: t, className: o = "" }) => /* @__PURE__ */ i("div", { className: `ui-flex ui-w-full ui-items-center ui-gap-2 ${o}`, children: t }), vr = ({
+}, mr = ({ children: t }) => /* @__PURE__ */ i("h2", { className: "ui-text-lg ui-font-semibold ui-text-gray-900", children: t }), br = ({ children: t }) => /* @__PURE__ */ i("p", { className: "ui-text-xs ui-text-gray-500", children: t }), vr = ({ children: t, className: o = "" }) => /* @__PURE__ */ i("div", { className: `ui-flex ui-w-full ui-items-center ui-gap-2 ${o}`, children: t }), xr = ({
   children: t,
   language: o = "jsx",
   showLineNumbers: r = !1,
@@ -30758,8 +30761,8 @@ ${d}
 );
 K1.Title = mr;
 K1.Description = br;
-K1.Content = xr;
-K1.Code = vr;
+K1.Content = vr;
+K1.Code = xr;
 const Mr = {
   duration: 5e3,
   maxToasts: 5,
@@ -30948,11 +30951,11 @@ export {
   Oo as CalendarContent,
   Z9 as CalendarGrid,
   Vo as CalendarHeader,
-  v1 as Card,
+  x1 as Card,
   Ho as DateInput,
   l9 as DatePicker,
   Io as DatePickerPortal,
-  xo as Day,
+  vo as Day,
   Yr as Drawer,
   F1 as Dropdown,
   Pt as Emoji,
@@ -30971,7 +30974,7 @@ export {
   e3 as Logo,
   a9 as Modal,
   po as ModalProvider,
-  vo as Month,
+  xo as Month,
   S9 as MonthGrid,
   yo as MultipleCalendarsHeader,
   q1 as NavigationButton,