npm - @imj_media/ui - Versions diffs - 1.0.65 → 1.0.67 - Mend

@imj_media/ui 1.0.65 → 1.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/index.css +1 -1
package/dist/index.esm.js +1055 -1035
package/dist/index.esm.js.map +1 -1
package/dist/index.js +3 -3
package/dist/index.js.map +1 -1
package/dist/modules/Popup/components/organims/Popup.d.ts.map +1 -1
package/dist/modules/Popup/stories/popup.stories.d.ts.map +1 -1
package/dist/modules/Visual/Index.d.ts +1 -1
package/dist/modules/Visual/Index.d.ts.map +1 -1
package/dist/modules/Visual/stories/{index.d.ts → index.stories.d.ts} +1 -1
package/dist/modules/Visual/stories/index.stories.d.ts.map +1 -0
package/dist/shared/types/visual.d.ts +7 -1
package/dist/shared/types/visual.d.ts.map +1 -1
package/package.json +1 -1
package/dist/modules/Visual/stories/index.d.ts.map +0 -1

package/dist/index.esm.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as u, Fragment as $1 } from "react/jsx-runtime";
-import M1, { useState as Y, useRef as o1, useEffect as Q, useCallback as P, useMemo as x1, useImperativeHandle as o0, forwardRef as G1, useId as t9, createContext as T9, useContext as A9 } from "react";
+import M1, { useState as Y, useRef as o1, useEffect as Q, useCallback as T, useMemo as x1, useImperativeHandle as r0, forwardRef as G1, useId as t9, createContext as T9, useContext as A9 } from "react";
 import { clsx as F9 } from "clsx";
 import { twMerge as N9 } from "tailwind-merge";
-import { library as r0 } from "@fortawesome/fontawesome-svg-core";
-import { faUser as t0, faHome as u0, faBell as a0, faEdit as l0, faSave as d0, faDownload as s0, faSearch as c0, faTrash as p0, faEye as C0, faHeart as L0, faStar as h0, faPlus as w0, faMinus as g0, faCheck as f0, faTimes as m0, faArrowLeft as M0, faArrowRight as x0, faArrowUp as b0, faArrowDown as v0, faBars as j0, faCog as V0, faInfo as H0, faExclamationTriangle as y0, faExclamationCircle as O0, faCheckCircle as k0, faSpinner as I0, faSync as Z0, faFilter as B0, faSort as S0, faCalendar as $0, faClock as P0, faMapMarkerAlt as T0, faFolder as A0, faCircle as F0, faSquare as N0, faList as D0, faTasks as 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 { library as t0 } from "@fortawesome/fontawesome-svg-core";
+import { faUser as u0, faHome as a0, faBell as l0, faEdit as d0, faSave as s0, faDownload as c0, faSearch as p0, faTrash as C0, faEye as L0, faHeart as h0, faStar as w0, faPlus as g0, faMinus as f0, faCheck as m0, faTimes as M0, faArrowLeft as x0, faArrowRight as b0, faArrowUp as v0, faArrowDown as j0, faBars as V0, faCog as H0, faInfo as y0, faExclamationTriangle as O0, faExclamationCircle as k0, faCheckCircle as I0, faSpinner as Z0, faSync as B0, faFilter as S0, faSort as $0, faCalendar as P0, faClock as T0, faMapMarkerAlt as A0, faFolder as F0, faCircle as N0, faSquare as D0, faList as z0, faTasks as E0, faTools as R0, faShapes as U0, faPalette as _0, faTachometerAlt as G0, faDesktop as q0, faCircleCheck as Y0 } 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";
@@ -15,8 +15,7 @@ import { dark as B2, prism as S2, materialLight as $2, materialDark as P2, atomD
 function U(...o) {
   return N9(F9(o));
 }
-r0.add(
-  t0,
+t0.add(
   u0,
   a0,
   l0,
@@ -56,14 +55,15 @@ r0.add(
   E0,
   R0,
   U0,
-  // Reemplazar faColor con faPalette
   _0,
+  // Reemplazar faColor con faPalette
   G0,
+  q0,
   // Reemplazar faScreen con faDesktop
-  q0
+  Y0
   // Reemplazar faStatus con faCircleCheck
 );
-r0.add(
+t0.add(
   D9,
   z9,
   E9,
@@ -108,7 +108,7 @@ r0.add(
   y2,
   O2
 );
-r0.add(
+t0.add(
   u9,
   a9,
   l9,
@@ -122,49 +122,49 @@ r0.add(
 );
 const z2 = {
   // Solo mapear iconos básicos que sabemos que existen en Font Awesome Pro
-  OutlineUserIcon: t0,
-  OutlineHomeIcon: u0,
-  OutlineBellIcon: a0,
-  OutlineEditIcon: l0,
-  OutlineSaveIcon: d0,
-  OutlineDownloadIcon: s0,
-  OutlineSearchIcon: c0,
-  OutlineTrashIcon: p0,
-  OutlineEyeIcon: C0,
-  OutlineHeartIcon: L0,
-  OutlineStarIcon: h0,
-  OutlinePlusIcon: w0,
-  OutlineMinusIcon: g0,
-  OutlineCheckIcon: f0,
-  OutlineTimesIcon: m0,
-  OutlineArrowLeftIcon: M0,
-  OutlineArrowRightIcon: x0,
-  OutlineArrowUpIcon: b0,
-  OutlineArrowDownIcon: v0,
-  OutlineBarsIcon: j0,
-  OutlineCogIcon: V0,
-  OutlineInfoIcon: H0,
-  OutlineExclamationTriangleIcon: y0,
-  OutlineExclamationCircleIcon: O0,
-  OutlineCheckCircleIcon: k0,
-  OutlineSpinnerIcon: I0,
-  OutlineSyncIcon: Z0,
-  OutlineFilterIcon: B0,
-  OutlineSortIcon: S0,
-  OutlineCalendarIcon: $0,
-  OutlineClockIcon: P0,
-  OutlineMapMarkerAltIcon: T0,
-  OutlineFolderIcon: A0,
-  OutlineCircleIcon: F0,
-  OutlineSquareIcon: N0,
-  OutlineListIcon: D0,
-  OutlineTasksIcon: z0,
-  OutlineToolsIcon: E0,
-  OutlineShapesIcon: R0,
-  OutlineColorIcon: U0,
-  OutlineDashboardIcon: _0,
-  OutlineScreenIcon: G0,
-  OutlineStatusIcon: q0
+  OutlineUserIcon: u0,
+  OutlineHomeIcon: a0,
+  OutlineBellIcon: l0,
+  OutlineEditIcon: d0,
+  OutlineSaveIcon: s0,
+  OutlineDownloadIcon: c0,
+  OutlineSearchIcon: p0,
+  OutlineTrashIcon: C0,
+  OutlineEyeIcon: L0,
+  OutlineHeartIcon: h0,
+  OutlineStarIcon: w0,
+  OutlinePlusIcon: g0,
+  OutlineMinusIcon: f0,
+  OutlineCheckIcon: m0,
+  OutlineTimesIcon: M0,
+  OutlineArrowLeftIcon: x0,
+  OutlineArrowRightIcon: b0,
+  OutlineArrowUpIcon: v0,
+  OutlineArrowDownIcon: j0,
+  OutlineBarsIcon: V0,
+  OutlineCogIcon: H0,
+  OutlineInfoIcon: y0,
+  OutlineExclamationTriangleIcon: O0,
+  OutlineExclamationCircleIcon: k0,
+  OutlineCheckCircleIcon: I0,
+  OutlineSpinnerIcon: Z0,
+  OutlineSyncIcon: B0,
+  OutlineFilterIcon: S0,
+  OutlineSortIcon: $0,
+  OutlineCalendarIcon: P0,
+  OutlineClockIcon: T0,
+  OutlineMapMarkerAltIcon: A0,
+  OutlineFolderIcon: F0,
+  OutlineCircleIcon: N0,
+  OutlineSquareIcon: D0,
+  OutlineListIcon: z0,
+  OutlineTasksIcon: E0,
+  OutlineToolsIcon: R0,
+  OutlineShapesIcon: U0,
+  OutlineColorIcon: _0,
+  OutlineDashboardIcon: G0,
+  OutlineScreenIcon: q0,
+  OutlineStatusIcon: Y0
 }, E2 = {
   // Iconos de marcas (Brands)
   FillFacebookIcon: u9,
@@ -180,49 +180,49 @@ const z2 = {
   FillTelegramIcon: Q1,
   // Usar WhatsApp como fallback
   // Iconos sólidos (Solid)
-  FillUserIcon: t0,
-  FillHomeIcon: u0,
-  FillBellIcon: a0,
-  FillEditIcon: l0,
-  FillSaveIcon: d0,
-  FillDownloadIcon: s0,
-  FillSearchIcon: c0,
-  FillTrashIcon: p0,
-  FillEyeIcon: C0,
-  FillHeartIcon: L0,
-  FillStarIcon: h0,
-  FillPlusIcon: w0,
-  FillMinusIcon: g0,
-  FillCheckIcon: f0,
-  FillTimesIcon: m0,
-  FillArrowLeftIcon: M0,
-  FillArrowRightIcon: x0,
-  FillArrowUpIcon: b0,
-  FillArrowDownIcon: v0,
-  FillBarsIcon: j0,
-  FillCogIcon: V0,
-  FillInfoIcon: H0,
-  FillExclamationTriangleIcon: y0,
-  FillExclamationCircleIcon: O0,
-  FillCheckCircleIcon: k0,
-  FillSpinnerIcon: I0,
-  FillSyncIcon: Z0,
-  FillFilterIcon: B0,
-  FillSortIcon: S0,
-  FillCalendarIcon: $0,
-  FillClockIcon: P0,
-  FillMapMarkerAltIcon: T0,
-  FillFolderIcon: A0,
-  FillCircleIcon: F0,
-  FillSquareIcon: N0,
-  FillListIcon: D0,
-  FillTasksIcon: z0,
-  FillToolsIcon: E0,
-  FillShapesIcon: R0,
-  FillColorIcon: U0,
-  FillDashboardIcon: _0,
-  FillScreenIcon: G0,
-  FillStatusIcon: q0,
+  FillUserIcon: u0,
+  FillHomeIcon: a0,
+  FillBellIcon: l0,
+  FillEditIcon: d0,
+  FillSaveIcon: s0,
+  FillDownloadIcon: c0,
+  FillSearchIcon: p0,
+  FillTrashIcon: C0,
+  FillEyeIcon: L0,
+  FillHeartIcon: h0,
+  FillStarIcon: w0,
+  FillPlusIcon: g0,
+  FillMinusIcon: f0,
+  FillCheckIcon: m0,
+  FillTimesIcon: M0,
+  FillArrowLeftIcon: x0,
+  FillArrowRightIcon: b0,
+  FillArrowUpIcon: v0,
+  FillArrowDownIcon: j0,
+  FillBarsIcon: V0,
+  FillCogIcon: H0,
+  FillInfoIcon: y0,
+  FillExclamationTriangleIcon: O0,
+  FillExclamationCircleIcon: k0,
+  FillCheckCircleIcon: I0,
+  FillSpinnerIcon: Z0,
+  FillSyncIcon: B0,
+  FillFilterIcon: S0,
+  FillSortIcon: $0,
+  FillCalendarIcon: P0,
+  FillClockIcon: T0,
+  FillMapMarkerAltIcon: A0,
+  FillFolderIcon: F0,
+  FillCircleIcon: N0,
+  FillSquareIcon: D0,
+  FillListIcon: z0,
+  FillTasksIcon: E0,
+  FillToolsIcon: R0,
+  FillShapesIcon: U0,
+  FillColorIcon: _0,
+  FillDashboardIcon: G0,
+  FillScreenIcon: q0,
+  FillStatusIcon: Y0,
   // Iconos personalizados (mantener como null)
   FillLogoIcon: null
   // Mantener personalizado
@@ -270,7 +270,7 @@ const _2 = /* @__PURE__ */ new Set([
 function G2(o) {
   return _2.has(o);
 }
-const Y0 = {
+const J0 = {
   none: 0,
   xs: 10,
   sm: 12,
@@ -304,17 +304,17 @@ function q2({
   background: a = !1,
   onClick: c
 }) {
-  const l = Y0[r], s = t === "current" ? "currentColor" : t, C = s === "currentColor" ? "currentColor" : S1[s] || S1.blue, p = /* @__PURE__ */ i(
+  const d = J0[r], s = t === "current" ? "currentColor" : t, C = s === "currentColor" ? "currentColor" : S1[s] || S1.blue, p = /* @__PURE__ */ i(
     k2,
     {
       icon: o.icon,
       style: {
         color: C,
-        fontSize: `${l}px`
+        fontSize: `${d}px`
       },
       className: e
     }
-  ), d = (L) => {
+  ), l = (L) => {
     c && (L.stopPropagation(), c(L));
   };
   return c ? /* @__PURE__ */ i(
@@ -322,7 +322,7 @@ function q2({
     {
       role: "button",
       tabIndex: 0,
-      onClick: d,
+      onClick: l,
       className: `ui-inline-block ui-cursor-pointer ui-rounded-full ui-p-1 ui-transition-all ui-duration-200 ${a ? "ui-rounded-full ui-bg-blue-50 ui-p-2" : ""} hover:ui-bg-[rgba(0,0,0,0.15)] hover:ui-shadow-[0_4px_12px_rgba(0,0,0,0.15)]`,
       style: {
         "--tw-shadow-color": C
@@ -339,10 +339,10 @@ function Y2({
   className: e,
   background: a = !1,
   svgProps: c = {},
-  strokeWidth: l = 2,
+  strokeWidth: d = 2,
   onClick: s
 }) {
-  const C = Y0[r];
+  const C = J0[r];
   return /* @__PURE__ */ u(
     "div",
     {
@@ -18586,7 +18586,7 @@ function Z5({
   className: e,
   background: a = !1,
   svgProps: c = {},
-  strokeWidth: l = 2,
+  strokeWidth: d = 2,
   onClick: s
 }) {
   const p = {
@@ -18609,17 +18609,17 @@ function Z5({
     SquareOutlined: "SquareTextOutlined"
     // Usar SquareText como Square
   }[o] || o;
-  let d = W1[p];
-  if (d || (d = w9[p]), !d)
+  let l = W1[p];
+  if (l || (l = w9[p]), !l)
     return console.warn(`Icono legacy "${o}" no encontrado en ninguna variante`), null;
-  const L = d === W1[p] ? "outline" : "fill", h = Y0[r], f = S1[t === "current" && L === "fill" ? "white" : t] || S1.blue, g = S1[n] || S1.black, m = /* @__PURE__ */ i(
-    d,
+  const L = l === W1[p] ? "outline" : "fill", h = J0[r], f = S1[t === "current" && L === "fill" ? "white" : t] || S1.blue, g = S1[n] || S1.black, m = /* @__PURE__ */ i(
+    l,
     {
       width: h,
       height: h,
       ...L === "outline" ? { stroke: f, fill: "none" } : { fill: g, stroke: f },
       ...c,
-      strokeWidth: l
+      strokeWidth: d
     }
   ), H = (j) => {
     s && (j.stopPropagation(), s(j));
@@ -18661,7 +18661,7 @@ function j1({
   className: e,
   background: a = !1,
   svgProps: c = {},
-  strokeWidth: l = 2,
+  strokeWidth: d = 2,
   onClick: s
 }) {
   const C = U2(o);
@@ -18686,7 +18686,7 @@ function j1({
       className: e,
       background: a,
       svgProps: c,
-      strokeWidth: l,
+      strokeWidth: d,
       onClick: s
     }
   ) : /* @__PURE__ */ i(
@@ -18699,7 +18699,7 @@ function j1({
       className: e,
       background: a,
       svgProps: c,
-      strokeWidth: l,
+      strokeWidth: d,
       onClick: s
     }
   );
@@ -18711,7 +18711,7 @@ const B5 = ({
   className: n,
   ...e
 }) => {
-  const a = o && o.length > 0 && o.length < 3, c = !o || o.length === 0, l = a ? "custom" : c ? "badge" : "auto", s = C1(
+  const a = o && o.length > 0 && o.length < 3, c = !o || o.length === 0, d = a ? "custom" : c ? "badge" : "auto", s = C1(
     `ui-img-badge ui-text-[10px] ui-border-1 ui-border-transparent ui-overflow-hidden ui-text-white ui-rounded-full ui-leading-none ui-inline-flex ui-items-center ui-justify-center ${!a && !c ? "ui-min-w-fit" : ""}`,
     {
       variants: {
@@ -18737,9 +18737,9 @@ const B5 = ({
       }
     }
   );
-  return /* @__PURE__ */ i("span", { className: U(s({ color: r, border: t, size: l }), n), ...e, children: o });
+  return /* @__PURE__ */ i("span", { className: U(s({ color: r, border: t, size: d }), n), ...e, children: o });
 }, S5 = ({ slot: o, className: r, size: t, fallback: n = "" }) => {
-  const [e, a] = Y(!1), [c, l] = Y(!1), s = o1(null), p = C1("inner-avatar", {
+  const [e, a] = Y(!1), [c, d] = Y(!1), s = o1(null), p = C1("inner-avatar", {
     variants: {
       size: {
         xs: "ui-w-2.5 ui-h-2.5 ui-text-[6px]",
@@ -18757,10 +18757,10 @@ const B5 = ({
     defaultVariants: {
       size: "lg"
     }
-  })({ size: t }), d = () => {
-    a(!0), l(!1), s.current && clearTimeout(s.current);
+  })({ size: t }), l = () => {
+    a(!0), d(!1), s.current && clearTimeout(s.current);
   }, L = () => {
-    l(!0), a(!1), s.current && clearTimeout(s.current);
+    d(!0), a(!1), s.current && clearTimeout(s.current);
   }, h = (w) => {
     try {
       return new URL(w), !0;
@@ -18770,17 +18770,17 @@ const B5 = ({
   };
   return Q(() => {
     if (s.current && clearTimeout(s.current), !o || !h(o)) {
-      a(!0), l(!1);
+      a(!0), d(!1);
       return;
     }
-    a(!1), l(!1), s.current = setTimeout(() => {
+    a(!1), d(!1), s.current = setTimeout(() => {
       c || a(!0);
     }, 2e3);
     const w = new Image();
     return w.onload = () => {
-      l(!0), a(!1), s.current && clearTimeout(s.current);
+      d(!0), a(!1), s.current && clearTimeout(s.current);
     }, w.onerror = () => {
-      a(!0), l(!1), s.current && clearTimeout(s.current);
+      a(!0), d(!1), s.current && clearTimeout(s.current);
     }, w.src = o, () => {
       s.current && clearTimeout(s.current);
     };
@@ -18800,7 +18800,7 @@ const B5 = ({
       src: o,
       alt: "Visual",
       className: U(r, "ui-rounded-full ui-object-cover", p),
-      onError: d,
+      onError: l,
       onLoad: L,
       loading: "lazy"
     }
@@ -19109,40 +19109,10 @@ const B5 = ({
     }
   });
   return /* @__PURE__ */ i("span", { className: e({ size: r }), role: "img", "aria-label": o, children: n });
-}, b1 = ({
-  slot: o,
-  className: r,
-  colorIcon: t,
-  size: n,
-  defaultSizeIcon: e = !0,
-  onClick: a,
-  strokeWidth: c,
-  fallback: l
-}) => {
-  const s = typeof o == "string" && o in g9;
-  return typeof o == "string" && (o in W1 || o in w9) ? /* @__PURE__ */ i(
-    j1,
-    {
-      strokeWidth: c,
-      name: o,
-      size: e ? "lg" : n,
-      color: t,
-      className: r,
-      onClick: a
-    }
-  ) : s ? /* @__PURE__ */ i($5, { name: o, size: e ? "sm" : n, className: r }) : typeof o == "string" ? /* @__PURE__ */ i(
-    S5,
-    {
-      slot: o,
-      className: r,
-      size: e ? "lg" : n,
-      fallback: l
-    }
-  ) : 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 }), y = P(() => {
+  const [a, c] = Y(!1), [d, s] = Y({ top: 0, left: 0 }), [C, p] = Y({ width: 0, height: 0 }), [l, 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 = T(() => {
     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(() => {
+  }, [o]), B = T(() => {
     if (!h.current || !a) return;
     const v = h.current.getBoundingClientRect(), x = { top: v.top, left: v.left };
     if (H.current) {
@@ -19153,64 +19123,64 @@ const B5 = ({
       }
     }
     H.current = x;
-  }, [a, y]), E = P(() => {
-    var J, G, R, X, n1, N;
+  }, [a, y]), R = T(() => {
+    var J, q, z, K, n1, N;
     if (!h.current || !w.current) return;
     const v = h.current.getBoundingClientRect(), x = w.current.getBoundingClientRect(), Z = 8;
     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;
+      const I = v.top - $.top, F = v.left - $.left;
       switch (o) {
         case "top":
-          O = k - x.height - Z, M = F + v.width / 2 - x.width / 2;
+          O = I - x.height - Z, M = F + v.width / 2 - x.width / 2;
           break;
         case "bottom":
-          O = k + v.height + Z, M = F + v.width / 2 - x.width / 2;
+          O = I + v.height + Z, M = F + v.width / 2 - x.width / 2;
           break;
         case "left":
-          O = k + v.height / 2 - x.height / 2, M = F - x.width - Z;
+          O = I + v.height / 2 - x.height / 2, M = F - x.width - Z;
           break;
         case "right":
-          O = k + v.height / 2 - x.height / 2, M = F + v.width + Z;
+          O = I + v.height / 2 - x.height / 2, M = F + v.width + Z;
           break;
         case "top-left":
-          O = k - x.height - Z, M = F;
+          O = I - x.height - Z, M = F;
           break;
         case "top-right":
-          O = k - x.height - Z, M = F + v.width - x.width;
+          O = I - x.height - Z, M = F + v.width - x.width;
           break;
         case "bottom-left":
-          O = k + v.height + Z, M = F;
+          O = I + v.height + Z, M = F;
           break;
         case "bottom-right":
-          O = k + v.height + Z, M = F + v.width - x.width;
+          O = I + v.height + Z, M = F + v.width - x.width;
           break;
         case "right-top":
-          O = k, M = F + v.width + Z;
+          O = I, M = F + v.width + Z;
           break;
         case "right-bottom":
-          O = k + v.height - x.height, M = F + v.width + Z;
+          O = I + v.height - x.height, M = F + v.width + Z;
           break;
         case "left-top":
-          O = k, M = F - x.width - Z;
+          O = I, M = F - x.width - Z;
           break;
         case "left-bottom":
-          O = k + v.height - x.height, M = F - x.width - Z;
+          O = I + v.height - x.height, M = F - x.width - Z;
           break;
       }
       O < 0 && (O = 0), M < 0 && (M = 0), (() => {
-        var T;
-        const a1 = (T = f.current) == null ? void 0 : T.getBoundingClientRect();
+        var P;
+        const a1 = (P = f.current) == null ? void 0 : P.getBoundingClientRect();
         if (!a1) return;
         let p1 = o, _ = !1;
         if (!(() => {
           switch (o) {
             case "top":
-              return k >= x.height + Z;
+              return I >= x.height + Z;
             case "bottom":
-              return k + v.height + Z + x.height <= a1.height;
+              return I + v.height + Z + x.height <= a1.height;
             case "left":
               return F >= x.width + Z;
             case "right":
@@ -19218,19 +19188,19 @@ const B5 = ({
             default:
               return !0;
           }
-        })() && (o === "top" ? k + v.height + Z + x.height <= a1.height && (p1 = "bottom", _ = !0) : o === "bottom" ? k >= x.height + Z && (p1 = "top", _ = !0) : o === "left" ? F + v.width + Z + x.width <= a1.width && (p1 = "right", _ = !0) : o === "right" && F >= x.width + Z && (p1 = "left", _ = !0), _)) {
+        })() && (o === "top" ? I + v.height + Z + x.height <= a1.height && (p1 = "bottom", _ = !0) : o === "bottom" ? I >= x.height + Z && (p1 = "top", _ = !0) : o === "left" ? F + v.width + Z + x.width <= a1.width && (p1 = "right", _ = !0) : o === "right" && F >= x.width + Z && (p1 = "left", _ = !0), _)) {
           switch (p1) {
             case "top":
-              O = k - x.height - Z, M = F + v.width / 2 - x.width / 2;
+              O = I - x.height - Z, M = F + v.width / 2 - x.width / 2;
               break;
             case "bottom":
-              O = k + v.height + Z, M = F + v.width / 2 - x.width / 2;
+              O = I + v.height + Z, M = F + v.width / 2 - x.width / 2;
               break;
             case "left":
-              O = k + v.height / 2 - x.height / 2, M = F - x.width - Z;
+              O = I + v.height / 2 - x.height / 2, M = F - x.width - Z;
               break;
             case "right":
-              O = k + v.height / 2 - x.height / 2, M = F + v.width + Z;
+              O = I + v.height / 2 - x.height / 2, M = F + v.width + Z;
               break;
           }
           L(p1);
@@ -19279,14 +19249,14 @@ const B5 = ({
       switch (r) {
         case "start":
           if (t) {
-            const $ = (G = f.current) == null ? void 0 : G.getBoundingClientRect();
+            const $ = (q = f.current) == null ? void 0 : q.getBoundingClientRect();
             $ && (M = v.left - $.left);
           } else
             M = v.left;
           break;
         case "end":
           if (t) {
-            const $ = (R = f.current) == null ? void 0 : R.getBoundingClientRect();
+            const $ = (z = f.current) == null ? void 0 : z.getBoundingClientRect();
             $ && (M = v.right - $.left - x.width);
           } else
             M = v.right - x.width;
@@ -19296,7 +19266,7 @@ const B5 = ({
       switch (r) {
         case "start":
           if (t) {
-            const $ = (X = f.current) == null ? void 0 : X.getBoundingClientRect();
+            const $ = (K = f.current) == null ? void 0 : K.getBoundingClientRect();
             $ && (O = v.top - $.top);
           } else
             O = v.top;
@@ -19313,31 +19283,31 @@ const B5 = ({
       const $ = (N = f.current) == null ? void 0 : N.getBoundingClientRect();
       $ && (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), O < F && (O = F), O + x.height > k - F && (O = k - x.height - F);
+      const $ = window.innerWidth, I = window.innerHeight, F = 8;
+      M < F && (M = F), M + x.width > $ - F && (M = $ - x.width - F), O < F && (O = F), O + x.height > I - F && (O = I - x.height - F);
     }
     if (isNaN(O) || isNaN(M) || O < 0 || M < 0) {
       y();
       return;
     }
-    const I = Date.now();
-    if (I - V.current.lastTime < 100) {
+    const k = Date.now();
+    if (k - V.current.lastTime < 100) {
       if (V.current.count++, V.current.count > 5) {
         y();
         return;
       }
     } else
       V.current.count = 0;
-    V.current.lastTime = I, j.current = { top: O, left: M }, s({ top: O, left: M });
+    V.current.lastTime = k, j.current = { top: O, left: M }, s({ top: O, left: M });
   }, [o, r, t, y]);
   Q(() => (a && w.current ? (requestAnimationFrame(() => {
-    if (E(), h.current) {
+    if (R(), h.current) {
       const v = h.current.getBoundingClientRect();
       H.current = { top: v.top, left: v.left };
     }
   }), m.current = setInterval(B, 100)) : m.current && (clearInterval(m.current), m.current = null), () => {
     m.current && (clearInterval(m.current), m.current = null);
-  }), [a, E, B]), Q(() => {
+  }), [a, R, B]), Q(() => {
     if (h.current)
       return b.current = new IntersectionObserver(
         (v) => {
@@ -19363,26 +19333,26 @@ const B5 = ({
       window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", x);
     };
   }, [a, t, y]);
-  const A = P(() => {
+  const A = T(() => {
     e || (g.current && (clearTimeout(g.current), g.current = null), n > 0 ? g.current = setTimeout(() => {
       c(!0);
     }, n) : c(!0));
-  }, [e, n]), S = P(() => {
+  }, [e, n]), S = T(() => {
     g.current && (clearTimeout(g.current), g.current = null), c(!1), s({ top: 0, left: 0 });
   }, []);
   return Q(() => () => {
     g.current && clearTimeout(g.current), m.current && clearInterval(m.current);
   }, []), {
     isVisible: a,
-    coords: l,
+    coords: d,
     tooltipDimensions: C,
-    adjustedPosition: d,
+    adjustedPosition: l,
     triggerRef: h,
     tooltipRef: w,
     containerRef: f,
     handleMouseEnter: A,
     handleMouseLeave: S,
-    calculatePosition: E
+    calculatePosition: R
   };
 }, T5 = {
   white: { bg: "ui-bg-white", text: "ui-text-gray-900", arrow: "var(--ui-color-white)" },
@@ -19585,11 +19555,11 @@ const B5 = ({
   color: e = "neutral",
   id: a = `tooltip-${Math.random().toString(36).substring(2, 9)}`,
   delay: c = 0,
-  disabled: l = !1,
+  disabled: d = !1,
   className: s = "",
   fullWidth: C = !1,
   style: p,
-  arrowClassName: d,
+  arrowClassName: l,
   absolute: L = !1,
   ...h
 }) => {
@@ -19602,8 +19572,8 @@ const B5 = ({
     containerRef: H,
     handleMouseEnter: j,
     handleMouseLeave: V
-  } = 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: [
+  } = P5(t, n, L, c, d), y = N5(e, L), B = A5(g, e);
+  return /* @__PURE__ */ u("div", { ref: H, className: L ? "ui-relative" : "ui-contents", children: [
     /* @__PURE__ */ i(
       "div",
       {
@@ -19637,7 +19607,7 @@ const B5 = ({
         ...h,
         children: [
           r,
-          /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", d), style: B })
+          /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", l), style: B })
         ]
       }
     ) : D1(
@@ -19662,14 +19632,14 @@ const B5 = ({
           ...h,
           children: [
             r,
-            /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", d), style: B })
+            /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", l), style: B })
           ]
         }
       ),
       document.body
     ))
   ] });
-}, e9 = ({
+}, n0 = ({
   children: o,
   label: r,
   position: t = "top",
@@ -19677,13 +19647,13 @@ const B5 = ({
   color: e = "neutral",
   id: a = `tooltip-${Math.random().toString(36).substring(2, 9)}`,
   delay: c = 0,
-  disabled: l = !1,
+  disabled: d = !1,
   className: s = "",
   style: C,
   arrowClassName: p,
-  absolute: d = !1,
+  absolute: l = !1,
   ...L
-}) => l || !r ? o : /* @__PURE__ */ i(
+}) => d || !r ? o : /* @__PURE__ */ i(
   D5,
   {
     ...L,
@@ -19694,13 +19664,60 @@ const B5 = ({
     color: e,
     id: a,
     delay: c,
-    disabled: l,
+    disabled: d,
     className: s,
     style: C,
     arrowClassName: p,
-    absolute: d
+    absolute: l
   }
-), w1 = (o, r, t, n) => {
+), b1 = ({
+  slot: o,
+  className: r,
+  colorIcon: t,
+  size: n,
+  defaultSizeIcon: e = !0,
+  onClick: a,
+  strokeWidth: c,
+  fallback: d,
+  tooltip: s,
+  tooltipPosition: C = "top",
+  tooltipAlignment: p = "center",
+  tooltipColor: l = "neutral",
+  tooltipDelay: L = 0,
+  tooltipDisabled: h = !1
+}) => {
+  const w = typeof o == "string" && o in g9, f = typeof o == "string" && (o in W1 || o in w9), g = () => f ? /* @__PURE__ */ i(
+    j1,
+    {
+      strokeWidth: c,
+      name: o,
+      size: e ? "lg" : n,
+      color: t,
+      className: r,
+      onClick: a
+    }
+  ) : w ? /* @__PURE__ */ i($5, { name: o, size: e ? "sm" : n, className: r }) : typeof o == "string" ? /* @__PURE__ */ i(
+    S5,
+    {
+      slot: o,
+      className: r,
+      size: e ? "lg" : n,
+      fallback: d
+    }
+  ) : null;
+  return s ? /* @__PURE__ */ i(
+    n0,
+    {
+      label: s,
+      position: C,
+      alignment: p,
+      color: l,
+      delay: L,
+      disabled: h,
+      children: g()
+    }
+  ) : g();
+}, w1 = (o, r, t, n) => {
   const e = o !== "button", a = {
     button: {
       blue: `ui-bg-blue-500 ui-text-white ${t ?? e ? "ui-border-white" : "ui-border-transparent"} ${r ? "enabled:hover:ui-bg-blue-700 active:enabled:ui-border-blue-300" : ""} disabled:ui-bg-blue-100 disabled:ui-cursor-not-allowed`,
@@ -19777,11 +19794,11 @@ const B5 = ({
   slotRight: e,
   variant: a = "button",
   badgeColor: c,
-  badgeLabel: l,
+  badgeLabel: d,
   badgeBorder: s,
   color: C,
   rounded: p,
-  children: d,
+  children: l,
   textColor: L,
   clickable: h = !0,
   icon: w,
@@ -19794,7 +19811,7 @@ const B5 = ({
   onClickRightSlot: V,
   disabled: y,
   colorIcon: B,
-  showShadow: E = !1,
+  showShadow: R = !1,
   borderable: A,
   iconSizeExtended: S = "none",
   defaultSizeIcon: v = !0,
@@ -19802,26 +19819,26 @@ const B5 = ({
   as: Z = "button",
   classNameId: O = "imj-ui-inner-button",
   tooltip: M = "",
-  tooltipPosition: I,
-  tooltipAlignment: z,
+  tooltipPosition: k,
+  tooltipAlignment: D,
   tooltipColor: J = "neutral",
-  tooltipDelay: G,
-  tooltipAbsolute: R,
-  classNameTooltip: X,
+  tooltipDelay: q,
+  tooltipAbsolute: z,
+  classNameTooltip: K,
   stopPropagation: n1 = !0,
   pointer: N = !1,
   ref: $,
-  onClick: k,
+  onClick: I,
   textAlign: F = "center",
-  whiteBackground: e1 = !0,
+  whiteBackground: i1 = !0,
   strokeWidth: a1 = 2,
   transition: p1 = !0,
   ..._
 }) => {
   const u1 = {
     disabled: y
-  }, T = a === "icon", K = T ? !0 : v, i1 = T ? "xs" : g, W = (V1) => {
-    n1 && V1.stopPropagation(), k && k(V1);
+  }, P = a === "icon", X = P ? !0 : v, e1 = P ? "xs" : g, W = (V1) => {
+    n1 && V1.stopPropagation(), I && I(V1);
   }, l1 = C1("", {
     variants: {
       color: {
@@ -19848,7 +19865,7 @@ const B5 = ({
       textAlign: "left"
     }
   }), d1 = () => /* @__PURE__ */ u($1, { children: [
-    d && n && /* @__PURE__ */ i(
+    l && n && /* @__PURE__ */ i(
       b1,
       {
         slot: n,
@@ -19856,11 +19873,11 @@ const B5 = ({
         colorIcon: B,
         className: o,
         onClick: j,
-        defaultSizeIcon: K,
+        defaultSizeIcon: X,
         strokeWidth: a1
       }
     ),
-    d && /* @__PURE__ */ u(
+    l && /* @__PURE__ */ u(
       "p",
       {
         className: U(
@@ -19869,23 +19886,23 @@ const B5 = ({
           l1({ color: L, textAlign: F })
         ),
         children: [
-          d,
+          l,
           " "
         ]
       }
     ),
-    c && d && /* @__PURE__ */ i(B5, { color: c, label: l, border: s }),
-    !d && w && (typeof w == "string" ? /* @__PURE__ */ i(
+    c && l && /* @__PURE__ */ i(B5, { color: c, label: d, border: s }),
+    !l && w && (typeof w == "string" ? /* @__PURE__ */ i(
       j1,
       {
         strokeWidth: a1,
         name: w,
         size: a === "icon" ? g : S !== "none" ? S : g,
         color: B,
-        onClick: a === "icon" ? k || H : void 0
+        onClick: a === "icon" ? I || H : void 0
       }
     ) : w),
-    d && e && /* @__PURE__ */ i(
+    l && e && /* @__PURE__ */ i(
       b1,
       {
         slot: e,
@@ -19893,12 +19910,12 @@ const B5 = ({
         colorIcon: B,
         className: o,
         onClick: V,
-        defaultSizeIcon: K,
+        defaultSizeIcon: X,
         strokeWidth: a1
       }
     )
   ] }), r1 = b ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", s1 = x ? J || "neutral" : C, k1 = C1(
-    `${O} ui-h-fit ui-justify-center ui-flex ui-items-center ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${E && 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 && P ? "!ui-cursor-pointer" : ""} ${p1 ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
         variant: {
@@ -19909,26 +19926,26 @@ const B5 = ({
           icon: " ui-border-transparent"
         },
         size: {
-          xs: `ui-max-h-5 ui-min-h-5 ui-min-w-5 ${d ? "ui-px-1 ui-py-0.5" : "ui-p-0.5 ui-w-5 ui-flex ui-justify-center ui-items-center"} ui-h-5 ui-text-[10px] ${b ? ` ui-max-w-5 ui-min-h-5 ${r1}` : ""}`,
-          sm: `ui-max-h-6 ui-min-h-6 ui-min-w-6 ${d ? "ui-px-2 ui-py-1" : "ui-p-1 ui-w-6 ui-flex ui-justify-center ui-items-center"} ui-h-6 ui-text-[10px] ${b ? ` ui-max-w-6 ui-min-h-6 ${r1}` : ""}`,
-          md: `ui-max-h-[26px] ui-min-h-[26px] ui-min-w-[26px] ${d ? "ui-px-3 ui-py-1.5" : "ui-p-1.5 ui-w-[26px] ui-flex ui-justify-center ui-items-center"} ui-h-[26px] ui-text-[12px] ${b ? ` ui-max-w-[26px] ui-min-h-[26px] ${r1}` : ""}`,
-          lg: `ui-max-h-[32px] ui-min-h-[32px] ui-min-w-[32px] ${d ? "ui-px-4 ui-py-2" : "ui-p-2 ui-w-[32px] ui-flex ui-justify-center ui-items-center"} ui-h-[32px] ui-text-[14px] ${b ? ` ui-max-w-[32px] ui-min-h-[32px] ${r1}` : ""}`,
-          xl: `ui-max-h-[42px] ui-min-h-[42px] ui-min-w-[42px] ${d ? "ui-px-5 ui-py-2.5" : "ui-p-2.5 ui-w-[42px] ui-flex ui-justify-center ui-items-center"} ui-h-[42px] ui-text-[16px] ${b ? ` ui-max-w-[42px] ui-min-h-[42px] ${r1}` : ""}`,
-          "2xl": `ui-max-h-[52px] ui-min-h-[52px] ui-min-w-[52px] ${d ? "ui-px-6 ui-py-3" : "ui-p-3 ui-w-[52px] ui-flex ui-justify-center ui-items-center"} ui-h-[52px] ui-text-[18px] ${b ? ` ui-max-w-[52px] ui-min-h-[52px] ${r1}` : ""}`,
-          "3xl": `ui-max-h-[62px] ui-min-h-[62px] ui-min-w-[62px] ${d ? "ui-px-7 ui-py-3.5" : "ui-p-3.5 ui-w-[62px] ui-flex ui-justify-center ui-items-center"} ui-h-[62px] ui-text-[20px] ${b ? `ui-max-w-[62px] ui-min-h-[62px] ${r1}` : ""}`
+          xs: `ui-max-h-5 ui-min-h-5 ui-min-w-5 ${l ? "ui-px-1 ui-py-0.5" : "ui-p-0.5 ui-w-5 ui-flex ui-justify-center ui-items-center"} ui-h-5 ui-text-[10px] ${b ? ` ui-max-w-5 ui-min-h-5 ${r1}` : ""}`,
+          sm: `ui-max-h-6 ui-min-h-6 ui-min-w-6 ${l ? "ui-px-2 ui-py-1" : "ui-p-1 ui-w-6 ui-flex ui-justify-center ui-items-center"} ui-h-6 ui-text-[10px] ${b ? ` ui-max-w-6 ui-min-h-6 ${r1}` : ""}`,
+          md: `ui-max-h-[26px] ui-min-h-[26px] ui-min-w-[26px] ${l ? "ui-px-3 ui-py-1.5" : "ui-p-1.5 ui-w-[26px] ui-flex ui-justify-center ui-items-center"} ui-h-[26px] ui-text-[12px] ${b ? ` ui-max-w-[26px] ui-min-h-[26px] ${r1}` : ""}`,
+          lg: `ui-max-h-[32px] ui-min-h-[32px] ui-min-w-[32px] ${l ? "ui-px-4 ui-py-2" : "ui-p-2 ui-w-[32px] ui-flex ui-justify-center ui-items-center"} ui-h-[32px] ui-text-[14px] ${b ? ` ui-max-w-[32px] ui-min-h-[32px] ${r1}` : ""}`,
+          xl: `ui-max-h-[42px] ui-min-h-[42px] ui-min-w-[42px] ${l ? "ui-px-5 ui-py-2.5" : "ui-p-2.5 ui-w-[42px] ui-flex ui-justify-center ui-items-center"} ui-h-[42px] ui-text-[16px] ${b ? ` ui-max-w-[42px] ui-min-h-[42px] ${r1}` : ""}`,
+          "2xl": `ui-max-h-[52px] ui-min-h-[52px] ui-min-w-[52px] ${l ? "ui-px-6 ui-py-3" : "ui-p-3 ui-w-[52px] ui-flex ui-justify-center ui-items-center"} ui-h-[52px] ui-text-[18px] ${b ? ` ui-max-w-[52px] ui-min-h-[52px] ${r1}` : ""}`,
+          "3xl": `ui-max-h-[62px] ui-min-h-[62px] ui-min-w-[62px] ${l ? "ui-px-7 ui-py-3.5" : "ui-p-3.5 ui-w-[62px] ui-flex ui-justify-center ui-items-center"} ui-h-[62px] ui-text-[20px] ${b ? `ui-max-w-[62px] ui-min-h-[62px] ${r1}` : ""}`
         },
         color: {
-          blue: w1(a, h, A, e1).blue,
-          "blue-dark": w1(a, h, A, e1)["blue-dark"],
-          orange: w1(a, h, A, e1).orange,
-          red: w1(a, h, A, e1).red,
-          green: w1(a, h, A, e1).green,
-          white: w1(a, h, A, e1).white,
-          yellow: w1(a, h, A, e1).yellow,
-          "blue-light": w1(a, h, A, e1)["blue-light"],
-          neutral: w1(a, h, A, e1).neutral,
-          black: w1(a, h, A, e1).black,
-          transparent: w1(a, h, A, e1).transparent
+          blue: w1(a, h, A, i1).blue,
+          "blue-dark": w1(a, h, A, i1)["blue-dark"],
+          orange: w1(a, h, A, i1).orange,
+          red: w1(a, h, A, i1).red,
+          green: w1(a, h, A, i1).green,
+          white: w1(a, h, A, i1).white,
+          yellow: w1(a, h, A, i1).yellow,
+          "blue-light": w1(a, h, A, i1)["blue-light"],
+          neutral: w1(a, h, A, i1).neutral,
+          black: w1(a, h, A, i1).black,
+          transparent: w1(a, h, A, i1).transparent
         },
         rounded: {
           false: "ui-rounded-sm",
@@ -19936,7 +19953,7 @@ const B5 = ({
         },
         fullWidth: {
           true: "ui-w-full",
-          false: !b && !w && d ? "ui-min-w-fit" : ""
+          false: !b && !w && l ? "ui-min-w-fit" : ""
         }
       },
       defaultVariants: {
@@ -19947,7 +19964,7 @@ const B5 = ({
       }
     }
   )({
-    size: i1,
+    size: e1,
     color: C,
     rounded: p,
     fullWidth: t,
@@ -19964,15 +19981,15 @@ const B5 = ({
       children: d1()
     }
   ) : Z === "div" ? /* @__PURE__ */ i(
-    e9,
+    n0,
     {
       label: M,
-      position: I,
-      alignment: z,
-      absolute: R,
+      position: k,
+      alignment: D,
+      absolute: z,
       color: s1,
-      delay: G,
-      className: X,
+      delay: q,
+      className: K,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "div",
@@ -19985,14 +20002,14 @@ const B5 = ({
       )
     }
   ) : /* @__PURE__ */ i(
-    e9,
+    n0,
     {
       label: M,
-      position: I,
-      alignment: z,
+      position: k,
+      alignment: D,
       color: s1,
-      delay: G,
-      className: X,
+      delay: q,
+      className: K,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "button",
@@ -20042,7 +20059,7 @@ const B5 = ({
   headerClassName: a,
   defaultOpen: c = !1
 }) => {
-  const [l, s] = Y(c);
+  const [d, s] = Y(c);
   return /* @__PURE__ */ u(
     "div",
     {
@@ -20051,14 +20068,14 @@ const B5 = ({
         /* @__PURE__ */ i(
           z5,
           {
-            open: l,
+            open: d,
             title: o,
             setOpen: s,
             className: a,
             children: t
           }
         ),
-        /* @__PURE__ */ u(E5, { open: l, children: [
+        /* @__PURE__ */ u(E5, { open: d, 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
@@ -20069,7 +20086,7 @@ const B5 = ({
   );
 }, Si = (o) => /* @__PURE__ */ i(R5, { ...o }), U5 = () => ({
   getAlertClassName: (e, a, c = "contained") => {
-    const l = "ui-rounded-md ui-p-2 ui-shadow-md ui-transform ui-transition-all ui-duration-300 ui-ease-in-out", s = a ? "ui-opacity-0 ui-translate-x-4" : "ui-opacity-100 ui-translate-x-0", C = {
+    const d = "ui-rounded-md ui-p-2 ui-shadow-md ui-transform ui-transition-all ui-duration-300 ui-ease-in-out", s = a ? "ui-opacity-0 ui-translate-x-4" : "ui-opacity-100 ui-translate-x-0", C = {
       green: "success",
       red: "danger",
       blue: "info",
@@ -20106,8 +20123,8 @@ const B5 = ({
         accent: "ui-bg-gray-300 ui-text-gray-800 ui-border-l-6 ui-border-gray-800",
         minimal: "ui-bg-white ui-text-gray-800"
       }
-    }, d = C[e];
-    return `${l} ${s} ${p[d][c]}`;
+    }, l = C[e];
+    return `${d} ${s} ${p[l][c]}`;
   },
   getPositionClasses: (e) => ({
     "top-left": "ui-fixed ui-top-5 ui-left-5",
@@ -20133,8 +20150,8 @@ const B5 = ({
       warning: "ExclamationTriangleOutlined",
       info: "LikeOutlined",
       gray: "InfoCircleOutlined"
-    }, l = a[e];
-    return c[l];
+    }, d = a[e];
+    return c[d];
   },
   getProgressBarColor: (e, a) => {
     const c = {
@@ -20143,14 +20160,14 @@ const B5 = ({
       blue: "info",
       yellow: "warning",
       neutral: "gray"
-    }, l = {
+    }, d = {
       success: "ui-bg-success-500",
       danger: "ui-bg-danger-500",
       warning: "ui-bg-warning-500",
       info: "ui-bg-info-500",
       gray: "ui-bg-gray-500"
     }, s = c[e];
-    return a === "contained" ? "ui-bg-white" : l[s];
+    return a === "contained" ? "ui-bg-white" : d[s];
   }
 }), _5 = (o) => {
   const { getIconForType: r } = U5(), t = o.variant === "contained", n = (a) => {
@@ -20219,10 +20236,10 @@ const B5 = ({
     }
   }, t = o.variant || "contained";
   if (!(o.onSecondaryClick || o.onPrimaryClick)) return null;
-  const e = (l) => {
-    l.stopPropagation(), o.onPrimaryClick && o.onPrimaryClick();
-  }, a = (l) => {
-    l.stopPropagation(), o.onSecondaryClick && o.onSecondaryClick();
+  const e = (d) => {
+    d.stopPropagation(), o.onPrimaryClick && o.onPrimaryClick();
+  }, a = (d) => {
+    d.stopPropagation(), o.onSecondaryClick && o.onSecondaryClick();
   }, c = t === "outlined";
   return /* @__PURE__ */ u("div", { className: "ui-mt-2 ui-flex ui-w-full ui-justify-end ui-gap-x-2", children: [
     o.onSecondaryClick && /* @__PURE__ */ i(
@@ -20419,11 +20436,11 @@ const B5 = ({
   progressChar: e = "%",
   showLabel: a = !0,
   showProgress: c = !0,
-  size: l = "xs",
+  size: d = "xs",
   duration: s = 0,
   withBackground: C = !0,
   borderStyle: p = "solid",
-  icon: d,
+  icon: l,
   showIcon: L = !1,
   description: h = ""
 }) => {
@@ -20459,8 +20476,8 @@ const B5 = ({
     }
   );
   return /* @__PURE__ */ u("div", { className: U("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", o), children: [
-    (d || L) && /* @__PURE__ */ u("div", { className: U(w({ status: r })), children: [
-      d && /* @__PURE__ */ i(j1, { name: d, size: "2xl", color: "white", strokeWidth: 4 }),
+    (l || L) && /* @__PURE__ */ u("div", { className: U(w({ status: r })), children: [
+      l && /* @__PURE__ */ i(j1, { name: l, size: "2xl", color: "white", strokeWidth: 4 }),
       /* @__PURE__ */ i("div", { className: U(f({ borderStyle: p })) })
     ] }),
     /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-w-full ui-flex-col ui-gap-1.5", children: [
@@ -20472,7 +20489,7 @@ const B5 = ({
         J5,
         {
           progress: t,
-          size: l,
+          size: d,
           color: r,
           duration: s,
           withBackground: C
@@ -20495,11 +20512,11 @@ const B5 = ({
   message: e,
   title: a,
   showCloseButton: c = !0,
-  onClose: l,
+  onClose: d,
   onClick: s,
   onPrimaryClick: C,
   onSecondaryClick: p,
-  primaryButtonText: d = "Aceptar",
+  primaryButtonText: l = "Aceptar",
   secondaryButtonText: L = "Cancelar",
   animation: h = "none",
   isLeaving: w,
@@ -20536,7 +20553,7 @@ const B5 = ({
               color: r,
               variant: t,
               showCloseButton: c,
-              onClose: l
+              onClose: d
             }
           ),
           /* @__PURE__ */ i(
@@ -20546,7 +20563,7 @@ const B5 = ({
               variant: t,
               onPrimaryClick: C,
               onSecondaryClick: p,
-              primaryButtonText: d,
+              primaryButtonText: l,
               secondaryButtonText: L
             }
           )
@@ -20572,11 +20589,11 @@ const B5 = ({
   slotRight: e,
   variant: a = "button",
   badgeColor: c,
-  badgeLabel: l,
+  badgeLabel: d,
   badgeBorder: s,
   clickable: C = !0,
   color: p,
-  rounded: d,
+  rounded: l,
   children: L,
   icon: h,
   link: w,
@@ -20589,7 +20606,7 @@ const B5 = ({
   tooltipPosition: V,
   tooltipAlignment: y,
   tooltipColor: B,
-  tooltipDelay: E,
+  tooltipDelay: R,
   ...A
 }) => /* @__PURE__ */ i(
   t1,
@@ -20597,14 +20614,14 @@ const B5 = ({
     ref: o,
     variant: a,
     color: p,
-    rounded: d,
+    rounded: l,
     fullWidth: t,
     size: f,
     clickable: C,
     children: L,
     icon: h,
     badgeColor: c,
-    badgeLabel: l,
+    badgeLabel: d,
     badgeBorder: s,
     slotLeft: n,
     slotRight: e,
@@ -20618,7 +20635,7 @@ const B5 = ({
     tooltipPosition: V,
     tooltipAlignment: y,
     tooltipColor: B,
-    tooltipDelay: E,
+    tooltipDelay: R,
     ...A
   }
 ), $i = ({
@@ -20628,18 +20645,18 @@ const B5 = ({
   color: n = "white",
   size: e = "md"
 }) => {
-  const a = M1.Children.toArray(o), c = M1.Children.map(o, (l, s) => {
-    if (!M1.isValidElement(l))
-      return l;
-    const C = s === 0, p = s === a.length - 1, d = l.props.icon;
-    return M1.cloneElement(l, {
-      ...l.props,
-      className: `${l.props.className || ""} ${C ? "!ui-rounded-r-none" : p ? "!ui-rounded-l-none" : "!ui-rounded-none"}`.trim(),
+  const a = M1.Children.toArray(o), c = M1.Children.map(o, (d, s) => {
+    if (!M1.isValidElement(d))
+      return d;
+    const C = s === 0, p = s === a.length - 1, l = d.props.icon;
+    return M1.cloneElement(d, {
+      ...d.props,
+      className: `${d.props.className || ""} ${C ? "!ui-rounded-r-none" : p ? "!ui-rounded-l-none" : "!ui-rounded-none"}`.trim(),
       // Asegurar que los botones tengan el mismo tamaño y estilo base
-      size: l.props.size || e,
-      variant: l.props.variant || t,
-      color: l.props.color || n,
-      icon: d ? l.props.icon : void 0
+      size: d.props.size || e,
+      variant: d.props.variant || t,
+      color: d.props.color || n,
+      icon: l ? d.props.icon : void 0
     });
   });
   return /* @__PURE__ */ i("div", { className: `ui-flex ui-items-center ui-gap-0 ${r || ""}`, children: c });
@@ -20661,12 +20678,12 @@ const B5 = ({
   fullHeight: e = !0,
   onClick: a,
   rounded: c = !0,
-  padding: l = !0,
+  padding: d = !0,
   gap: s = !0,
   active: C = !1
 }) => {
-  const p = (d) => {
-    d.stopPropagation(), a && a();
+  const p = (l) => {
+    l.stopPropagation(), a && a();
   };
   return /* @__PURE__ */ i(
     "div",
@@ -20675,7 +20692,7 @@ const B5 = ({
         "ui-flex ui-w-full ui-flex-col ui-border-1 ui-border-neutral-100 ui-bg-white ui-shadow-sm",
         r,
         s ? "ui-gap-4" : "",
-        l ? "ui-p-4" : "",
+        d ? "ui-p-4" : "",
         c ? "ui-rounded-2xl" : "",
         t ? "ui-w-full" : "ui-w-fit",
         e ? "ui-h-full" : "",
@@ -20710,7 +20727,7 @@ const Q5 = (o) => {
     initialViewMode: e = "days",
     closeOnSelect: a = !1,
     autoCloseRange: c = !0
-  } = o, [l, s] = Y({
+  } = o, [d, s] = Y({
     isOpen: !1,
     currentDate: /* @__PURE__ */ new Date(),
     viewMode: e,
@@ -20718,17 +20735,17 @@ const Q5 = (o) => {
     internalRange: { start: null, end: null },
     hoverDate: null,
     portalPosition: { top: 0, left: 0 }
-  }), [C, p] = Y(!1), d = o1(null), L = r === "single" ? t !== void 0 : n !== void 0, h = r === "single" ? t === void 0 : n === void 0, w = r === "single" ? h ? l.internalDate : t : null, f = r === "range" ? h ? l.internalRange : n : { start: null, end: null }, g = (M) => M && M instanceof Date && !isNaN(M.getTime()), b = g(w) ? w : null, m = {
+  }), [C, p] = Y(!1), l = o1(null), L = r === "single" ? t !== void 0 : n !== void 0, h = r === "single" ? t === void 0 : n === void 0, w = r === "single" ? h ? d.internalDate : t : null, f = r === "range" ? h ? d.internalRange : n : { start: null, end: null }, g = (M) => M && M instanceof Date && !isNaN(M.getTime()), b = g(w) ? w : null, m = {
     start: g(f == null ? void 0 : f.start) ? f.start : null,
     end: g(f == null ? void 0 : f.end) ? f.end : null
-  }, H = P(() => {
-    if (d.current) {
-      const M = d.current.getInputElement();
+  }, H = T(() => {
+    if (l.current) {
+      const M = l.current.getInputElement();
       if (M) {
-        const I = M.getBoundingClientRect(), z = window.innerHeight, J = window.innerWidth, G = 320, R = 256, X = 8;
-        let n1, N = I.left;
-        const $ = z - I.bottom, k = I.top;
-        $ >= G + X ? n1 = I.bottom + X : k >= G + X ? n1 = I.top - G + X : $ > k ? n1 = I.bottom + X : n1 = I.top - G + X, I.left + R > J && (N = I.right - R), N = Math.max(0, Math.min(N, J - R)), s((F) => ({
+        const k = M.getBoundingClientRect(), D = window.innerHeight, J = window.innerWidth, q = 320, z = 256, K = 8;
+        let n1, N = k.left;
+        const $ = D - k.bottom, I = k.top;
+        $ >= q + K ? n1 = k.bottom + K : I >= q + K ? n1 = k.top - q + K : $ > I ? n1 = k.bottom + K : n1 = k.top - q + K, k.left + z > J && (N = k.right - z), N = Math.max(0, Math.min(N, J - z)), s((F) => ({
           ...F,
           isOpen: !0,
           portalPosition: { top: n1, left: N }
@@ -20737,92 +20754,92 @@ const Q5 = (o) => {
       }
     }
     s((M) => ({ ...M, isOpen: !0 })), p(!1);
-  }, []), j = P(() => {
+  }, []), j = T(() => {
     s((M) => ({ ...M, isOpen: !1 })), p(!1);
-  }, []), V = P((M) => {
-    s((I) => ({ ...I, currentDate: M }));
-  }, []), y = P((M) => {
-    s((I) => ({ ...I, viewMode: M }));
-  }, []), B = P((M) => {
-    s((I) => {
-      const z = new Date(I.currentDate);
-      switch (I.viewMode) {
+  }, []), V = T((M) => {
+    s((k) => ({ ...k, currentDate: M }));
+  }, []), y = T((M) => {
+    s((k) => ({ ...k, viewMode: M }));
+  }, []), B = T((M) => {
+    s((k) => {
+      const D = new Date(k.currentDate);
+      switch (k.viewMode) {
         case "days":
-          z.setMonth(z.getMonth() + (M === "next" ? 1 : -1));
+          D.setMonth(D.getMonth() + (M === "next" ? 1 : -1));
           break;
         case "months":
-          z.setFullYear(z.getFullYear() + (M === "next" ? 1 : -1));
+          D.setFullYear(D.getFullYear() + (M === "next" ? 1 : -1));
           break;
         case "years":
-          z.setFullYear(z.getFullYear() + (M === "next" ? 12 : -12));
+          D.setFullYear(D.getFullYear() + (M === "next" ? 12 : -12));
           break;
       }
-      return { ...I, currentDate: z };
+      return { ...k, currentDate: D };
     });
-  }, []), E = P(
+  }, []), R = T(
     (M) => {
-      var I;
-      r === "single" && (h && s((z) => ({ ...z, internalDate: M })), (I = o.onDateChange) == null || I.call(o, M), a && j());
+      var k;
+      r === "single" && (h && s((D) => ({ ...D, internalDate: M })), (k = o.onDateChange) == null || k.call(o, M), a && j());
     },
     [r, h, o.onDateChange, a, j]
-  ), A = P(
+  ), A = T(
     (M) => {
-      var I;
-      r === "range" && (L || s((z) => ({ ...z, internalRange: M })), (I = o.onRangeChange) == null || I.call(o, M), c && M.start && M.end && j());
+      var k;
+      r === "range" && (L || s((D) => ({ ...D, internalRange: M })), (k = o.onRangeChange) == null || k.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 z = new Date(I.currentDate);
-      return z.setMonth(M), {
-        ...I,
-        currentDate: z,
+  ), S = T((M) => {
+    s((k) => ({ ...k, hoverDate: M }));
+  }, []), v = T((M) => {
+    s((k) => {
+      const D = new Date(k.currentDate);
+      return D.setMonth(M), {
+        ...k,
+        currentDate: D,
         viewMode: "days"
       };
     });
-  }, []), x = P((M) => {
-    s((I) => {
-      const z = new Date(I.currentDate);
-      return z.setFullYear(M), {
-        ...I,
-        currentDate: z,
+  }, []), x = T((M) => {
+    s((k) => {
+      const D = new Date(k.currentDate);
+      return D.setFullYear(M), {
+        ...k,
+        currentDate: D,
         viewMode: "months"
       };
     });
-  }, []), Z = P(() => {
+  }, []), Z = T(() => {
     const M = /* @__PURE__ */ new Date();
-    s((I) => ({
-      ...I,
+    s((k) => ({
+      ...k,
       currentDate: M,
       viewMode: "days"
     }));
-  }, []), O = P(() => {
-    if (!d.current)
+  }, []), O = T(() => {
+    if (!l.current)
       return;
-    const M = d.current.getInputElement();
+    const M = l.current.getInputElement();
     if (!M)
       return;
-    const I = M.getBoundingClientRect(), z = window.innerHeight, J = window.innerWidth, G = 320, R = 256, X = 8;
-    let n1, N = I.left;
-    const $ = z - I.bottom, k = I.top;
-    $ >= G + X ? n1 = I.bottom + X : k >= G + X ? n1 = I.top - G + X : $ > k ? n1 = I.bottom + X : n1 = I.top - G + X, I.left + R > J && (N = I.right - R), N = Math.max(0, Math.min(N, J - R)), s((F) => ({ ...F, portalPosition: { top: n1, left: N } })), p(!0);
+    const k = M.getBoundingClientRect(), D = window.innerHeight, J = window.innerWidth, q = 320, z = 256, K = 8;
+    let n1, N = k.left;
+    const $ = D - k.bottom, I = k.top;
+    $ >= q + K ? n1 = k.bottom + K : I >= q + K ? n1 = k.top - q + K : $ > I ? n1 = k.bottom + K : n1 = k.top - q + K, k.left + z > J && (N = k.right - z), N = Math.max(0, Math.min(N, J - z)), s((F) => ({ ...F, portalPosition: { top: n1, left: N } })), p(!0);
   }, []);
   return Q(() => {
-    if (!l.isOpen) return;
-    const M = () => O(), I = () => O();
-    return window.addEventListener("scroll", M, !0), window.addEventListener("resize", I), () => {
-      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", I);
+    if (!d.isOpen) return;
+    const M = () => O(), k = () => O();
+    return window.addEventListener("scroll", M, !0), window.addEventListener("resize", k), () => {
+      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", k);
     };
-  }, [l.isOpen, O]), Q(() => {
-    if (l.isOpen) {
+  }, [d.isOpen, O]), Q(() => {
+    if (d.isOpen) {
       const M = setTimeout(() => {
         O();
       }, 0);
       return () => clearTimeout(M);
     }
-  }, [l.isOpen, O]), Q(() => {
+  }, [d.isOpen, O]), Q(() => {
     L && r === "single" && s((M) => ({
       ...M,
       internalDate: t
@@ -20833,17 +20850,17 @@ const Q5 = (o) => {
       internalRange: n || { start: null, end: null }
     }));
   }, [L, r, n]), {
-    state: l,
+    state: d,
     selectedDate: b,
     selectedRange: m,
-    inputRef: d,
+    inputRef: l,
     isPortalReady: C,
     actions: {
       openPicker: H,
       closePicker: j,
       setCurrentDate: V,
       setViewMode: y,
-      setSelectedDate: E,
+      setSelectedDate: R,
       setSelectedRange: A,
       setHoverDate: S,
       updatePortalPosition: O,
@@ -20854,38 +20871,38 @@ const Q5 = (o) => {
     }
   };
 }, O1 = (o) => o && o instanceof Date && !isNaN(o.getTime()), f9 = (o, r, t, n, e) => {
-  const a = P((d, L) => !L.start || !L.end || !O1(L.start) || !O1(L.end) ? !1 : d >= L.start && d <= L.end, []), c = P((d, L) => !L.start || !O1(L.start) ? !1 : d.getTime() === L.start.getTime(), []), l = P((d, L) => !L.end || !O1(L.end) ? !1 : d.getTime() === L.end.getTime(), []), s = P(
-    (d) => !!(!O1(d) || t && O1(t) && d < t || n && O1(n) && d > n),
+  const a = T((l, L) => !L.start || !L.end || !O1(L.start) || !O1(L.end) ? !1 : l >= L.start && l <= L.end, []), c = T((l, L) => !L.start || !O1(L.start) ? !1 : l.getTime() === L.start.getTime(), []), d = T((l, L) => !L.end || !O1(L.end) ? !1 : l.getTime() === L.end.getTime(), []), s = T(
+    (l) => !!(!O1(l) || t && O1(t) && l < t || n && O1(n) && l > n),
     [t, n]
-  ), C = P(
-    (d, L, h) => {
-      if (!O1(d)) {
-        console.warn("useDateRange: Se recibió una fecha inválida:", d);
+  ), C = T(
+    (l, L, h) => {
+      if (!O1(l)) {
+        console.warn("useDateRange: Se recibió una fecha inválida:", l);
         return;
       }
-      if (s(d)) return;
+      if (s(l)) return;
       const w = { ...o };
-      !o.start || o.start && o.end ? (w.start = d, w.end = null) : d < o.start ? (w.start = d, w.end = o.start) : (w.start = o.start, w.end = d), r(w), e && w.start && w.end && h && h();
+      !o.start || o.start && o.end ? (w.start = l, w.end = null) : l < o.start ? (w.start = l, w.end = o.start) : (w.start = o.start, w.end = l), r(w), e && w.start && w.end && h && h();
     },
     [o, r, s, e]
-  ), p = P(
-    (d, L) => {
-      const h = c(d, o), w = l(d, o), f = a(d, o), g = s(d);
+  ), p = T(
+    (l, L) => {
+      const h = c(l, o), w = d(l, o), f = a(l, o), g = s(l);
       let b = !1;
       if (L && o.start && !o.end) {
         const V = {
           start: o.start < L ? o.start : L,
           end: o.start < L ? L : o.start
         };
-        b = a(d, V);
+        b = a(l, V);
       }
       let m = !1;
       if (o.start && o.end && f && !h) {
-        const V = new Date(d);
-        V.setDate(d.getDate() - 1), m = !a(V, o);
+        const V = new Date(l);
+        V.setDate(l.getDate() - 1), m = !a(V, o);
       } else if (o.start && !o.end && L && b) {
-        const V = new Date(d);
-        V.setDate(d.getDate() - 1);
+        const V = new Date(l);
+        V.setDate(l.getDate() - 1);
         const y = {
           start: o.start < L ? o.start : L,
           end: o.start < L ? L : o.start
@@ -20894,11 +20911,11 @@ const Q5 = (o) => {
       }
       let H = !1;
       if (o.start && o.end && f && !w) {
-        const V = new Date(d);
-        V.setDate(d.getDate() + 1), H = !a(V, o);
+        const V = new Date(l);
+        V.setDate(l.getDate() + 1), H = !a(V, o);
       } else if (o.start && !o.end && L && b) {
-        const V = new Date(d);
-        V.setDate(d.getDate() + 1);
+        const V = new Date(l);
+        V.setDate(l.getDate() + 1);
         const y = {
           start: o.start < L ? o.start : L,
           end: o.start < L ? L : o.start
@@ -20906,7 +20923,7 @@ const Q5 = (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), {
+      return o.start && !o.end && L ? j = L >= o.start : o.start && o.end && (j = l >= o.start), {
         isSelectingStart: !o.start || o.start && o.end,
         isSelectingEnd: !!o.start && !o.end,
         isStart: h,
@@ -20919,37 +20936,37 @@ const Q5 = (o) => {
         isHovered: b
       };
     },
-    [o, c, l, a, s]
+    [o, c, d, a, s]
   );
   return {
     isDateInRange: a,
     isDateRangeStart: c,
-    isDateRangeEnd: l,
+    isDateRangeEnd: d,
     isDateDisabled: s,
     handleRangeSelection: C,
     getRangeState: p
   };
 }, q1 = (o, r, t) => {
-  const n = P(
+  const n = T(
     (p) => {
-      const d = new Date(o);
+      const l = new Date(o);
       switch (p) {
         case "prev":
-          d.setMonth(d.getMonth() - 1);
+          l.setMonth(l.getMonth() - 1);
           break;
         case "next":
-          d.setMonth(d.getMonth() + 1);
+          l.setMonth(l.getMonth() + 1);
           break;
       }
       r(p);
     },
     [o, r]
-  ), e = P((p) => {
-    const d = p.getFullYear(), L = p.getMonth(), h = new Date(d, L, 1), w = new Date(d, L + 1, 0), f = w.getDate(), g = h.getDay();
+  ), e = T((p) => {
+    const l = p.getFullYear(), L = p.getMonth(), h = new Date(l, L, 1), w = new Date(l, L + 1, 0), f = w.getDate(), g = h.getDay();
     return { firstDay: h, lastDay: w, daysInMonth: f, startOfWeek: g };
-  }, []), a = P(
-    (p, d = 1) => {
-      const { firstDay: L, lastDay: h, daysInMonth: w, startOfWeek: f } = e(p), g = [], b = (f - d + 7) % 7;
+  }, []), a = T(
+    (p, l = 1) => {
+      const { firstDay: L, lastDay: h, daysInMonth: w, startOfWeek: f } = e(p), g = [], b = (f - l + 7) % 7;
       for (let H = 0; H < b; H++)
         g.push(null);
       for (let H = 1; H <= w; H++)
@@ -20960,28 +20977,28 @@ const Q5 = (o) => {
       return g;
     },
     [e]
-  ), c = P((p = "es-ES") => {
-    const d = [];
+  ), c = T((p = "es-ES") => {
+    const l = [];
     for (let L = 0; L < 12; L++) {
       const h = new Date(2024, L, 1);
-      d.push(h.toLocaleDateString(p, { month: "long" }));
+      l.push(h.toLocaleDateString(p, { month: "long" }));
     }
-    return d;
-  }, []), l = P((p, d = 12) => {
-    const L = [], h = p - Math.floor(d / 2);
-    for (let w = 0; w < d; w++)
+    return l;
+  }, []), d = T((p, l = 12) => {
+    const L = [], h = p - Math.floor(l / 2);
+    for (let w = 0; w < l; w++)
       L.push(h + w);
     return L;
-  }, []), s = P((p) => {
-    const d = /* @__PURE__ */ new Date();
-    return p.getDate() === d.getDate() && p.getMonth() === d.getMonth() && p.getFullYear() === d.getFullYear();
-  }, []), C = P((p, d) => p.toLocaleDateString("es-ES", d), []);
+  }, []), s = T((p) => {
+    const l = /* @__PURE__ */ new Date();
+    return p.getDate() === l.getDate() && p.getMonth() === l.getMonth() && p.getFullYear() === l.getFullYear();
+  }, []), C = T((p, l) => p.toLocaleDateString("es-ES", l), []);
   return {
     navigate: n,
     getDaysInMonth: e,
     getCalendarDays: a,
     getMonthNames: c,
-    getYearRange: l,
+    getYearRange: d,
     isToday: s,
     formatDate: C
   };
@@ -20989,51 +21006,51 @@ const Q5 = (o) => {
   const [n, e] = Y({
     isFocused: !1,
     inputValue: o
-  }), a = P((h) => {
+  }), a = T((h) => {
     e((w) => ({ ...w, isFocused: h }));
-  }, []), c = P((h) => {
+  }, []), c = T((h) => {
     e((w) => ({ ...w, inputValue: h }));
-  }, []), l = P((h, w) => {
+  }, []), d = T((h, w) => {
     if (!h) return "";
     const f = h.getDate().toString().padStart(2, "0"), g = (h.getMonth() + 1).toString().padStart(2, "0"), b = h.getFullYear();
     return w.format.replace("dd", f).replace("MM", g).replace("yyyy", b.toString());
-  }, []), s = P((h, w) => {
+  }, []), s = T((h, w) => {
     if (!h) return null;
     const f = w.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), g = new RegExp(`^${f}$`), b = h.match(g);
     if (!b) return null;
     const [, m, H, j] = b, V = new Date(parseInt(j), parseInt(H) - 1, parseInt(m));
     return isNaN(V.getTime()) ? null : V;
-  }, []), C = P(
+  }, []), C = T(
     (h, w) => s(h, w) !== null,
     [s]
-  ), p = P(
+  ), p = T(
     (h) => {
       c(h);
     },
     [c]
-  ), d = P(() => {
+  ), l = T(() => {
     a(!0);
-  }, [a]), L = P(() => {
+  }, [a]), L = T(() => {
     a(!1);
   }, [a]);
   return {
     state: n,
     setFocused: a,
     setInputValue: c,
-    formatDateForInput: l,
+    formatDateForInput: d,
     parseDateFromInput: s,
     validateDateInput: C,
     handleInputChange: p,
-    handleInputFocus: d,
+    handleInputFocus: l,
     handleInputBlur: L
   };
 }, W5 = (o, r, t, n = 1e3) => {
-  const e = o1(null), a = P(
+  const e = o1(null), a = T(
     (s) => {
       e.current && !e.current.contains(s.target) && r();
     },
     [r]
-  ), c = P(
+  ), c = T(
     (s) => {
       s.key === "Escape" && r();
     },
@@ -21045,7 +21062,7 @@ const Q5 = (o) => {
         document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
       };
   }, [o, a, c]);
-  const l = P(
+  const d = T(
     (s) => o ? D1(
       M1.createElement(
         "div",
@@ -21067,7 +21084,7 @@ const Q5 = (o) => {
   );
   return {
     portalRef: e,
-    renderPortal: l
+    renderPortal: d
   };
 }, n6 = ({
   day: o,
@@ -21077,11 +21094,11 @@ const Q5 = (o) => {
   isStart: e,
   isEnd: a,
   isFirstInRange: c,
-  isLastInRange: l,
+  isLastInRange: d,
   afterSelected: s,
   isDisabled: C,
   isToday: p,
-  isHovered: d,
+  isHovered: l,
   onClick: L,
   onMouseEnter: h,
   onMouseLeave: w,
@@ -21100,8 +21117,8 @@ const Q5 = (o) => {
       w(), b.current = null;
     }, 100) : w());
   }, V = () => {
-    let y = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!l && !n && !c ? "hover:ui-bg-blue-50 hover:ui-text-blue-500 hover:ui-rounded-lg hover:ui-cursor-pointer" : ""} ui-text-xs  ui-transition-colors ui-transition-500`;
-    return C ? y += " ui-text-gray-400 ui-cursor-not-allowed" : t ? y += " ui-bg-blue-500 ui-text-white" : e ? y += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? y += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? y += " ui-bg-blue-50 ui-text-blue-500" : d ? y += " ui-bg-blue-50" : p ? y += " ui-text-blue-500" : y += "hover:ui-bg-neutral-50", `${y} ${f}`;
+    let y = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!d && !n && !c ? "hover:ui-bg-blue-50 hover:ui-text-blue-500 hover:ui-rounded-lg hover:ui-cursor-pointer" : ""} ui-text-xs  ui-transition-colors ui-transition-500`;
+    return 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" : l ? y += " ui-bg-blue-50" : p ? y += " ui-text-blue-500" : y += "hover:ui-bg-neutral-50", `${y} ${f}`;
   };
   return g ? g({
     day: o,
@@ -21111,7 +21128,7 @@ const Q5 = (o) => {
     isStart: e,
     isEnd: a,
     isFirstInRange: c,
-    isLastInRange: l,
+    isLastInRange: d,
     afterSelected: s,
     isDisabled: C,
     isToday: p
@@ -21164,15 +21181,15 @@ const Q5 = (o) => {
   onClick: n,
   className: e = ""
 }) => {
-  const a = (l) => {
-    l.stopPropagation(), t || n(o);
+  const a = (d) => {
+    d.stopPropagation(), t || n(o);
   };
   return /* @__PURE__ */ i(
     "div",
     {
       className: (() => {
-        let l = "ui-w-16 ui-h-12 ui-flex ui-items-center ui-font-medium ui-justify-center ui-text-xs ui-rounded ui-cursor-pointer ui-transition-colors";
-        return t ? l += " ui-text-gray-400 ui-cursor-not-allowed" : r ? l += " ui-bg-blue-500 ui-text-white" : l += " hover:ui-bg-blue-50 hover:ui-text-blue-500", `${l} ${e}`;
+        let d = "ui-w-16 ui-h-12 ui-flex ui-items-center ui-font-medium ui-justify-center ui-text-xs ui-rounded ui-cursor-pointer ui-transition-colors";
+        return t ? d += " ui-text-gray-400 ui-cursor-not-allowed" : r ? d += " ui-bg-blue-500 ui-text-white" : d += " hover:ui-bg-blue-50 hover:ui-text-blue-500", `${d} ${e}`;
       })(),
       onClick: a,
       role: "button",
@@ -21232,7 +21249,7 @@ const Q5 = (o) => {
     "Diciembre"
   ],
   className: c = "",
-  renderHeader: l
+  renderHeader: d
 }) => {
   const s = () => {
     switch (r) {
@@ -21249,7 +21266,7 @@ const Q5 = (o) => {
   }, C = () => {
     n();
   };
-  return l ? l({
+  return d ? d({
     currentDate: o,
     viewMode: r,
     toggleViewMode: C,
@@ -21295,11 +21312,11 @@ const Q5 = (o) => {
   onDateHover: e,
   minDate: a,
   maxDate: c,
-  weekDays: l = ["D", "L", "M", "M", "J", "V", "S"],
+  weekDays: d = ["D", "L", "M", "M", "J", "V", "S"],
   startOfWeek: s = 1,
   showWeekNumbers: C = !1,
   hoverDate: p,
-  renderDay: d
+  renderDay: l
 }) => {
   const { getCalendarDays: L, isToday: h } = q1(
     o,
@@ -21313,7 +21330,7 @@ const Q5 = (o) => {
     c
   ), f = (m) => r ? m.getTime() === r.getTime() : !1, g = (m) => !!(a && m < a || c && m > c), b = L(o, s);
   return /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-grid ui-w-fit ui-grid-cols-7 ui-gap-y-0.5", children: [
-    l.map((m, H) => /* @__PURE__ */ i(o6, { day: m }, H)),
+    d.map((m, H) => /* @__PURE__ */ i(o6, { day: m }, H)),
     b.map((m, H) => {
       if (m === null)
         return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, H);
@@ -21345,7 +21362,7 @@ const Q5 = (o) => {
           onClick: n,
           onMouseEnter: e,
           onMouseLeave: () => e == null ? void 0 : e(null),
-          renderDay: d
+          renderDay: l
         },
         H
       );
@@ -21376,11 +21393,11 @@ const Q5 = (o) => {
     () => {
     }
   ), c = a();
-  return /* @__PURE__ */ i("div", { className: `ui-mx-auto ui-grid ui-w-fit ui-grid-cols-3 ${e}`, children: c.map((l, s) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("div", { className: `ui-mx-auto ui-grid ui-w-fit ui-grid-cols-3 ${e}`, children: c.map((d, s) => /* @__PURE__ */ i(
     e6,
     {
       monthIndex: s,
-      monthName: l,
+      monthName: d,
       isSelected: r === s,
       isDisabled: !1,
       onClick: t
@@ -21399,23 +21416,23 @@ const Q5 = (o) => {
     () => {
     }
   ), c = a(o.getFullYear(), n);
-  return /* @__PURE__ */ i("div", { className: `ui-mx-auto ui-grid ui-w-fit ui-grid-cols-3 ${e}`, children: c.map((l) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("div", { className: `ui-mx-auto ui-grid ui-w-fit ui-grid-cols-3 ${e}`, children: c.map((d) => /* @__PURE__ */ i(
     i6,
     {
-      year: l,
-      isSelected: r === l,
+      year: d,
+      isSelected: r === d,
       isDisabled: !1,
       onClick: t
     },
-    l
+    d
   )) });
 }, t6 = (o) => {
-  const { value: r, defaultValue: t, onChange: n, initialValue: e } = o, a = r !== void 0, c = t !== void 0 ? t : e, [l, s] = Y(c), C = a ? r : l, p = P(
+  const { value: r, defaultValue: t, onChange: n, initialValue: e } = o, a = r !== void 0, c = t !== void 0 ? t : e, [d, s] = Y(c), C = a ? r : d, p = T(
     (L) => {
       a || s(L), n == null || n(L);
     },
     [a, n]
-  ), d = P(() => {
+  ), l = T(() => {
     const L = t !== void 0 ? t : e;
     a || s(L), n == null || n(L);
   }, [a, t, e, n]);
@@ -21425,7 +21442,7 @@ const Q5 = (o) => {
     value: C,
     isControlled: a,
     setValue: p,
-    reset: d
+    reset: l
   };
 }, u6 = (o) => t6(o), a6 = ({
   size: o = "md",
@@ -21434,30 +21451,30 @@ const Q5 = (o) => {
   extraSlot: n,
   value: e
 }) => {
-  const a = !!r, c = !!t, l = !!n, s = x1(() => {
-    const d = {
+  const a = !!r, c = !!t, d = !!n, s = x1(() => {
+    const l = {
       sm: {
         left: a ? "ui-pl-7.5" : "ui-pl-2",
-        right: c && l ? "ui-pr-15" : c || l ? "ui-pr-7.5" : "ui-pr-2"
+        right: c && d ? "ui-pr-15" : c || d ? "ui-pr-7.5" : "ui-pr-2"
       },
       md: {
         left: a ? "ui-pl-8.5" : "ui-pl-3",
-        right: c && l ? "ui-pr-17" : c || l ? "ui-pr-8.5" : "ui-pr-3"
+        right: c && d ? "ui-pr-17" : c || d ? "ui-pr-8.5" : "ui-pr-3"
       },
       lg: {
         left: a ? "ui-pl-10" : "ui-pl-4",
-        right: c && l ? "ui-pr-16" : c || l ? "ui-pr-9.5" : "ui-pr-4"
+        right: c && d ? "ui-pr-16" : c || d ? "ui-pr-9.5" : "ui-pr-4"
       }
     }[o];
-    return `${d.left} ${d.right}`.trim();
-  }, [o, a, c, l]), C = x1(() => (p) => p === "left" ? {
+    return `${l.left} ${l.right}`.trim();
+  }, [o, a, c, d]), C = x1(() => (p) => p === "left" ? {
     sm: "ui-left-2",
     md: "ui-left-2.5",
     lg: "ui-left-4"
   }[o] : p === "right" ? {
-    sm: l ? "ui-right-8" : "ui-right-2",
-    md: l ? "ui-right-9" : "ui-right-2.5",
-    lg: l ? "ui-right-10" : "ui-right-3"
+    sm: d ? "ui-right-8" : "ui-right-2",
+    md: d ? "ui-right-9" : "ui-right-2.5",
+    lg: d ? "ui-right-10" : "ui-right-3"
   }[o] : p === "extra" ? {
     sm: "ui-right-2",
     md: "ui-right-2.5",
@@ -21466,11 +21483,11 @@ const Q5 = (o) => {
     sm: "ui-right-[26px]",
     md: "ui-right-[32px]",
     lg: "ui-right-[36px]"
-  }[o] : "", [o, c, l]);
+  }[o] : "", [o, c, d]);
   return {
     hasLeftSlot: a,
     hasRightSlot: c,
-    hasExtraSlot: l,
+    hasExtraSlot: d,
     paddingClasses: s,
     getIconPosition: C
   };
@@ -21481,30 +21498,30 @@ const Q5 = (o) => {
   isControlled: n,
   inputId: e
 }) => {
-  const a = P(() => {
-    const d = e || "default-input";
-    return document.querySelector(`input[data-input-id="${d}"]`);
-  }, [e]), c = P(() => {
-    const d = a();
-    d == null || d.focus();
-  }, [a]), l = P(() => {
-    const d = a();
-    d == null || d.blur();
-  }, [a]), s = P(() => {
+  const a = T(() => {
+    const l = e || "default-input";
+    return document.querySelector(`input[data-input-id="${l}"]`);
+  }, [e]), c = T(() => {
+    const l = a();
+    l == null || l.focus();
+  }, [a]), d = T(() => {
+    const l = a();
+    l == null || l.blur();
+  }, [a]), s = T(() => {
     t("");
-  }, [t]), C = P(() => r, [r]), p = P(
-    (d) => {
-      t(d);
+  }, [t]), C = T(() => r, [r]), p = T(
+    (l) => {
+      t(l);
     },
     [t]
   );
-  return o0(
+  return r0(
     o,
     () => ({
       getValue: C,
       setValue: p,
       focus: c,
-      blur: l,
+      blur: d,
       clear: s,
       getInputElement: a
     }),
@@ -21512,7 +21529,7 @@ const Q5 = (o) => {
       C,
       p,
       c,
-      l,
+      d,
       s,
       a,
       r,
@@ -21521,7 +21538,7 @@ const Q5 = (o) => {
     ]
   ), {
     focus: c,
-    blur: l,
+    blur: d,
     clear: s,
     getValue: C,
     setValueFromRef: p
@@ -21535,7 +21552,7 @@ const Q5 = (o) => {
   paddingClasses: a,
   autosize: c = !1
 }) => {
-  const l = x1(
+  const d = x1(
     () => ({
       sm: "ui-h-8 ui-text-sm ui-py-1.5",
       md: "ui-h-10 ui-text-sm ui-py-2",
@@ -21543,27 +21560,27 @@ const Q5 = (o) => {
     }),
     []
   ), s = x1(() => {
-    const d = [
+    const l = [
       n ? "ui-w-full" : "ui-min-w-72",
       "ui-border-1 ui-!font-normal ui-border-neutral-100 ui-rounded-sm",
       "focus-visible:ui-outline-blue-500 ui-transition-all ui-duration-100 ui-ease-in-out",
       "disabled:ui-text-neutral-300 disabled:ui-bg-neutral-50",
       a,
       e ? "" : "ui-caret-transparent",
-      l[o],
+      d[o],
       c ? "field-sizing-content" : "",
       r ? "ui-bg-red-50" : "ui-bg-white"
     ];
-    return r ? d.push("ui-border-red-500 focus-visible:ui-outline-red-500 placeholder:ui-text-red-500") : d.push("placeholder:ui-text-neutral-500"), d.filter(Boolean).join(" ");
-  }, [n, a, e, l, o, r]), C = x1(() => {
-    const d = ["ui-relative ui-w-full"];
-    return t ? d.push("ui-text-neutral-500") : r && d.push("ui-text-red-500"), d.join(" ");
+    return r ? l.push("ui-border-red-500 focus-visible:ui-outline-red-500 placeholder:ui-text-red-500") : l.push("placeholder:ui-text-neutral-500"), l.filter(Boolean).join(" ");
+  }, [n, a, e, d, o, r]), C = x1(() => {
+    const l = ["ui-relative ui-w-full"];
+    return t ? l.push("ui-text-neutral-500") : r && l.push("ui-text-red-500"), l.join(" ");
   }, [t, r]), p = x1(() => {
-    const d = "ui-text-sm ui-font-bold";
-    return r ? `${d} ui-text-red-500` : `${d} ui-text-neutral-900`;
+    const l = "ui-text-sm ui-font-bold";
+    return r ? `${l} ui-text-red-500` : `${l} ui-text-neutral-900`;
   }, [r]);
   return {
-    inputSizes: l,
+    inputSizes: d,
     baseClasses: s,
     containerClasses: C,
     labelClasses: p
@@ -21577,11 +21594,11 @@ const Q5 = (o) => {
     color: e,
     leftSlot: a = "",
     rightSlot: c = "",
-    extraSlot: l = "",
+    extraSlot: d = "",
     caret: s = !0,
     value: C,
     fullWidth: p = !1,
-    defaultValue: d = "",
+    defaultValue: l = "",
     disabled: L = !1,
     onValueChange: h,
     onChange: w,
@@ -21595,23 +21612,23 @@ const Q5 = (o) => {
     ...y
   }, B) => {
     const {
-      value: E,
+      value: R,
       setValue: A,
       isControlled: S
     } = u6({
       value: C,
-      defaultValue: d,
+      defaultValue: l,
       onChange: h
-    }), v = (z) => {
-      const J = z.target.value;
-      A(J), w == null || w(z);
+    }), v = (D) => {
+      const J = D.target.value;
+      A(J), w == null || w(D);
     }, { paddingClasses: x, getIconPosition: Z } = a6({
       size: n,
       leftSlot: a,
       rightSlot: c,
-      extraSlot: l,
+      extraSlot: d,
       value: C
-    }), { baseClasses: O, containerClasses: M, labelClasses: I } = d6({
+    }), { baseClasses: O, containerClasses: M, labelClasses: k } = d6({
       size: n,
       error: r,
       disabled: L,
@@ -21622,7 +21639,7 @@ const Q5 = (o) => {
     });
     return l6({
       ref: B,
-      currentValue: E,
+      currentValue: R,
       setValue: A,
       isControlled: S,
       inputId: y.id
@@ -21637,7 +21654,7 @@ const Q5 = (o) => {
         style: b,
         children: [
           (o || V) && /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
-            o && /* @__PURE__ */ i("label", { className: I, children: o }),
+            o && /* @__PURE__ */ i("label", { className: k, children: o }),
             V && /* @__PURE__ */ i(
               v1,
               {
@@ -21667,7 +21684,7 @@ const Q5 = (o) => {
               {
                 placeholder: "Placeholder",
                 disabled: L,
-                value: E,
+                value: R,
                 onChange: v,
                 name: m,
                 "data-input-id": y.id || "default-input",
@@ -21682,19 +21699,19 @@ const Q5 = (o) => {
                 className: `ui-absolute ${Z("right")} ui-top-1/2 ui--translate-y-1/2`
               }
             ),
-            c && l && /* @__PURE__ */ i(
+            c && d && /* @__PURE__ */ i(
               "div",
               {
                 className: `ui-absolute ${Z("separator")} ui-top-1/2 ui-h-5 ui-w-[1px] ui--translate-y-1/2 ${r ? "ui-bg-red-500" : "ui-bg-neutral-100"}`
               }
             ),
-            l && /* @__PURE__ */ i(
+            d && /* @__PURE__ */ i(
               "button",
               {
                 onClick: f,
                 className: `ui-absolute ${Z("extra")} ui-top-1/2 ui-flex ui--translate-y-1/2 ui-place-items-center`,
                 type: "button",
-                children: /* @__PURE__ */ i(b1, { slot: l })
+                children: /* @__PURE__ */ i(b1, { slot: d })
               }
             )
           ] }),
@@ -21715,15 +21732,15 @@ const s6 = G1(
     onInputChange: e,
     onInputFocus: a,
     onInputBlur: c,
-    className: l = "",
+    className: d = "",
     disabled: s = !1,
     readOnly: C = !1,
     format: p = "dd/MM/yyyy",
-    label: d = ""
+    label: l = ""
   }, L) => /* @__PURE__ */ i(
     N1,
     {
-      label: d,
+      label: l,
       ref: L,
       value: o,
       placeholder: r,
@@ -21741,7 +21758,7 @@ const s6 = G1(
       onBlur: () => {
         !s && c && c();
       },
-      className: l,
+      className: d,
       disabled: s,
       readOnly: !0
     }
@@ -21767,16 +21784,16 @@ const s6 = G1(
     "Diciembre"
   ],
   yearRange: c = 12,
-  renderHeader: l
+  renderHeader: d
 }) => {
   const { getYearRange: s } = q1(
     o[0],
     () => {
     }
-  ), C = (d) => {
-    t(d);
-  }, p = (d, L) => {
-    const h = a[d.getMonth()], w = d.getFullYear();
+  ), C = (l) => {
+    t(l);
+  }, p = (l, L) => {
+    const h = a[l.getMonth()], w = l.getFullYear();
     switch (L) {
       case "years":
         const f = s(w, c), g = f[0], b = f[f.length - 1];
@@ -21788,14 +21805,14 @@ const s6 = G1(
         return `${h} ${w}`;
     }
   };
-  return l && o.length > 1 ? /* @__PURE__ */ i("div", { className: "ui-border-b ui-border-neutral-100 ui-p-3", children: l({
+  return d && o.length > 1 ? /* @__PURE__ */ i("div", { className: "ui-border-b ui-border-neutral-100 ui-p-3", children: d({
     currentDate: o[0],
     viewMode: r[0],
     toggleViewMode: () => n(0),
     navigate: C
   }) }) : /* @__PURE__ */ i("div", { className: "ui-border-b ui-border-neutral-100 ui-p-3", children: /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-w-full ui-items-center ui-justify-between", children: [
     /* @__PURE__ */ i(_1, { direction: "prev", onClick: () => t("prev") }),
-    /* @__PURE__ */ i("div", { className: "ui-absolute ui-flex ui-w-full ui-flex-1 ui-items-center ui-justify-center ui-gap-2 ui-px-2 md:ui-px-0", children: o.map((d, L) => /* @__PURE__ */ i(
+    /* @__PURE__ */ i("div", { className: "ui-absolute ui-flex ui-w-full ui-flex-1 ui-items-center ui-justify-center ui-gap-2 ui-px-2 md:ui-px-0", children: o.map((l, L) => /* @__PURE__ */ i(
       "div",
       {
         className: "ui-flex ui-w-full ui-min-w-0 ui-flex-1 ui-items-center ui-justify-center ui-text-center",
@@ -21812,7 +21829,7 @@ const s6 = G1(
             iconSizeExtended: "3xl",
             colorIcon: "blue",
             "aria-label": `Cambiar vista a ${r[L] === "days" ? "meses" : r[L] === "months" ? "años" : "días"}`,
-            children: p(d, r[L])
+            children: p(l, r[L])
           }
         )
       },
@@ -21828,7 +21845,7 @@ const s6 = G1(
   onDateHover: e,
   minDate: a,
   maxDate: c,
-  viewMode: l,
+  viewMode: d,
   weekDays: s = ["D", "L", "M", "M", "J", "V", "S"],
   monthNames: C = [
     "Enero",
@@ -21845,7 +21862,7 @@ const s6 = G1(
     "Diciembre"
   ],
   startOfWeek: p = 1,
-  showWeekNumbers: d = !1,
+  showWeekNumbers: l = !1,
   yearRange: L = 12,
   hoverDate: h,
   onMonthSelect: w,
@@ -21858,7 +21875,7 @@ const s6 = G1(
     f == null || f(j);
   };
   return /* @__PURE__ */ i("div", { className: "ui-flex ui-h-full ui-justify-center ui-p-3", children: (() => {
-    switch (l) {
+    switch (d) {
       case "days":
         return /* @__PURE__ */ i(
           m9,
@@ -21872,7 +21889,7 @@ const s6 = G1(
             maxDate: c,
             weekDays: s,
             startOfWeek: p,
-            showWeekNumbers: d,
+            showWeekNumbers: l,
             hoverDate: h,
             renderDay: g
           }
@@ -21909,11 +21926,11 @@ const s6 = G1(
   onDateHover: e,
   minDate: a,
   maxDate: c,
-  viewMode: l,
+  viewMode: d,
   onViewModeChange: s,
   onNavigate: C,
   onMonthSelect: p,
-  onYearSelect: d,
+  onYearSelect: l,
   onGoToToday: L,
   locale: h = "es-ES",
   weekDays: w = ["D", "L", "M", "M", "J", "V", "S"],
@@ -21940,10 +21957,10 @@ const s6 = G1(
   renderHeader: y,
   renderDay: B
 }) => {
-  const E = (Z) => {
+  const R = (Z) => {
     C == null || C(Z);
   }, A = () => {
-    switch (l) {
+    switch (d) {
       case "days":
         s("months");
         break;
@@ -21957,9 +21974,9 @@ const s6 = G1(
   }, S = (Z) => {
     p == null || p(Z);
   }, v = (Z) => {
-    d == null || d(Z);
+    l == null || l(Z);
   }, x = () => {
-    switch (l) {
+    switch (d) {
       case "days":
         return /* @__PURE__ */ i(
           m9,
@@ -22014,8 +22031,8 @@ const s6 = G1(
           r6,
           {
             currentDate: o,
-            viewMode: l,
-            onNavigate: E,
+            viewMode: d,
+            onNavigate: R,
             onToggleViewMode: A,
             onGoToToday: L,
             monthNames: f,
@@ -22038,11 +22055,11 @@ const s6 = G1(
   selectedDate: e,
   selectedRange: a,
   onDateSelect: c,
-  onDateHover: l,
+  onDateHover: d,
   onViewModeChange: s,
   onNavigate: C,
   onMonthSelect: p,
-  onYearSelect: d,
+  onYearSelect: l,
   onGoToToday: L,
   viewMode: h,
   minDate: w,
@@ -22055,18 +22072,18 @@ const s6 = G1(
   yearRange: V,
   hoverDate: y,
   closeOnSelect: B,
-  autoCloseRange: E,
+  autoCloseRange: R,
   calendarsCount: A = 1,
   mode: S = "single",
   onClickSelected: v = !1,
   renderHeader: x,
   renderDay: Z
 }) => {
-  const [O, M] = Y(Array(A).fill(h)), [I, z] = Y(() => {
+  const [O, M] = Y(Array(A).fill(h)), [k, D] = Y(() => {
     const N = [];
     for (let $ = 0; $ < A; $++) {
-      const k = new Date(n);
-      k.setMonth(k.getMonth() + $), N.push(k);
+      const I = new Date(n);
+      I.setMonth(I.getMonth() + $), N.push(I);
     }
     return N;
   }), { renderPortal: J } = W5(o, r, t, 1100);
@@ -22075,84 +22092,84 @@ const s6 = G1(
   }, [h, A]), Q(() => {
     const N = [];
     for (let $ = 0; $ < A; $++) {
-      const k = new Date(n);
-      k.setMonth(k.getMonth() + $), N.push(k);
+      const I = new Date(n);
+      I.setMonth(I.getMonth() + $), N.push(I);
     }
-    z(N);
+    D(N);
   }, [n, A]);
-  const G = (N) => {
+  const q = (N) => {
     const $ = O[N];
-    let k;
+    let I;
     switch ($) {
       case "days":
-        k = "months";
+        I = "months";
         break;
       case "months":
-        k = "years";
+        I = "years";
         break;
       case "years":
-        k = "days";
+        I = "days";
         break;
       default:
-        k = "days";
+        I = "days";
     }
     const F = [...O];
-    F[N] = k, M(F);
-  }, R = (N, $) => {
-    const k = [...I];
-    k[N] = new Date(
-      I[N].getFullYear(),
+    F[N] = I, M(F);
+  }, z = (N, $) => {
+    const I = [...k];
+    I[N] = new Date(
+      k[N].getFullYear(),
       $,
       1
-    ), z(k);
+    ), D(I);
     const F = [...O];
     F[N] = "days", M(F), p == null || p($);
-  }, X = (N, $) => {
-    const k = [...I];
-    k[N] = new Date($, I[N].getMonth(), 1), z(k);
+  }, K = (N, $) => {
+    const I = [...k];
+    I[N] = new Date($, k[N].getMonth(), 1), D(I);
     const F = [...O];
-    F[N] = "months", M(F), d == null || d($);
+    F[N] = "months", M(F), l == null || l($);
   }, n1 = (N) => {
-    const $ = [...I];
-    $.forEach((k, F) => {
-      const e1 = new Date(k);
+    const $ = [...k];
+    $.forEach((I, F) => {
+      const i1 = new Date(I);
       switch (O[F]) {
         case "days":
-          e1.setMonth(e1.getMonth() + (N === "next" ? 1 : -1));
+          i1.setMonth(i1.getMonth() + (N === "next" ? 1 : -1));
           break;
         case "months":
-          e1.setFullYear(e1.getFullYear() + (N === "next" ? 1 : -1));
+          i1.setFullYear(i1.getFullYear() + (N === "next" ? 1 : -1));
           break;
         case "years":
-          e1.setFullYear(e1.getFullYear() + (N === "next" ? 12 : -12));
+          i1.setFullYear(i1.getFullYear() + (N === "next" ? 12 : -12));
           break;
       }
-      $[F] = e1;
-    }), z($), C(N);
+      $[F] = i1;
+    }), D($), 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: [
       /* @__PURE__ */ i(
         c6,
         {
-          calendarDates: I,
+          calendarDates: k,
           viewModes: O,
           onNavigate: n1,
-          onToggleViewMode: G,
+          onToggleViewMode: q,
           onGoToToday: L,
           monthNames: m,
           yearRange: V,
           renderHeader: x
         }
       ),
-      /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-col ui-flex-wrap ui-gap-4 ui-p-4 md:ui-flex-row", children: I.map((N, $) => /* @__PURE__ */ i("div", { className: "ui-flex-shrink-0", children: /* @__PURE__ */ i("div", { className: "ui-w-full ui-overflow-hidden ui-rounded-lg ui-bg-white", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-col ui-flex-wrap ui-gap-4 ui-p-4 md:ui-flex-row", children: k.map((N, $) => /* @__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(
         p6,
         {
           currentDate: N,
           selectedDate: e,
           selectedRange: a,
           onDateSelect: c,
-          onDateHover: l,
+          onDateHover: d,
           minDate: w,
           maxDate: f,
           viewMode: O[$],
@@ -22162,8 +22179,8 @@ const s6 = G1(
           showWeekNumbers: j,
           yearRange: V,
           hoverDate: y,
-          onMonthSelect: (k) => R($, k),
-          onYearSelect: (k) => X($, k),
+          onMonthSelect: (I) => z($, I),
+          onYearSelect: (I) => K($, I),
           renderDay: Z
         }
       ) }) }, $)) }),
@@ -22178,14 +22195,14 @@ const s6 = G1(
         selectedDate: e,
         selectedRange: a,
         onDateSelect: c,
-        onDateHover: l,
+        onDateHover: d,
         minDate: w,
         maxDate: f,
         viewMode: h,
         onViewModeChange: s,
         onNavigate: C,
         onMonthSelect: p,
-        onYearSelect: d,
+        onYearSelect: l,
         onGoToToday: L,
         locale: g,
         weekDays: b,
@@ -22195,7 +22212,7 @@ const s6 = G1(
         yearRange: V,
         hoverDate: y,
         closeOnSelect: B,
-        autoCloseRange: E,
+        autoCloseRange: R,
         renderHeader: x,
         renderDay: Z
       }
@@ -22209,7 +22226,7 @@ const s6 = G1(
     onDateChange: e,
     onRangeChange: a,
     minDate: c,
-    maxDate: l,
+    maxDate: d,
     locale: s = "es-ES",
     weekDays: C = ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
     monthNames: p = [
@@ -22226,7 +22243,7 @@ const s6 = G1(
       "Noviembre",
       "Diciembre"
     ],
-    label: d = "",
+    label: l = "",
     startOfWeek: L = 1,
     className: h = "",
     inputClassName: w = "",
@@ -22239,7 +22256,7 @@ const s6 = G1(
     rangeStartClassName: V = "bg-blue-500 text-white rounded-l-full",
     rangeEndClassName: y = "bg-blue-500 text-white rounded-r-full",
     todayClassName: B = "border border-blue-500",
-    showWeekNumbers: E = !1,
+    showWeekNumbers: R = !1,
     yearRange: A = 12,
     initialViewMode: S = "days",
     closeOnSelect: v = !1,
@@ -22247,24 +22264,24 @@ const s6 = G1(
     placeholder: Z = "Seleccionar fecha",
     format: O = "dd/MM/yyyy",
     calendarsCount: M = 1,
-    renderHeader: I,
-    renderDay: z
-  } = o, { state: J, selectedDate: G, selectedRange: R, inputRef: X, isPortalReady: n1, actions: N } = Q5(o), { handleRangeSelection: $ } = f9(
-    R,
+    renderHeader: k,
+    renderDay: D
+  } = o, { state: J, selectedDate: q, selectedRange: z, inputRef: K, isPortalReady: n1, actions: N } = Q5(o), { handleRangeSelection: $ } = f9(
+    z,
     N.setSelectedRange,
     c,
-    l,
+    d,
     x
-  ), k = (_) => {
+  ), I = (_) => {
     if (!_ || !(_ instanceof Date) || isNaN(_.getTime()))
       return "";
-    const u1 = _.getDate().toString().padStart(2, "0"), T = (_.getMonth() + 1).toString().padStart(2, "0"), K = _.getFullYear();
-    return O.replace("dd", u1).replace("MM", T).replace("yyyy", K.toString());
+    const u1 = _.getDate().toString().padStart(2, "0"), P = (_.getMonth() + 1).toString().padStart(2, "0"), X = _.getFullYear();
+    return O.replace("dd", u1).replace("MM", P).replace("yyyy", X.toString());
   }, F = (_) => {
     if (!_ || !_.start && !_.end) return "";
-    const u1 = _.start && _.start instanceof Date && !isNaN(_.start.getTime()), T = _.end && _.end instanceof Date && !isNaN(_.end.getTime());
-    return u1 && T ? `${k(_.start)} - ${k(_.end)}` : u1 ? k(_.start) : T ? k(_.end) : "";
-  }, e1 = (_) => {
+    const u1 = _.start && _.start instanceof Date && !isNaN(_.start.getTime()), P = _.end && _.end instanceof Date && !isNaN(_.end.getTime());
+    return u1 && P ? `${I(_.start)} - ${I(_.end)}` : u1 ? I(_.start) : P ? I(_.end) : "";
+  }, i1 = (_) => {
     if (!_ || !(_ instanceof Date) || isNaN(_.getTime())) {
       console.warn("DatePicker: Se recibió una fecha inválida:", _);
       return;
@@ -22276,15 +22293,15 @@ const s6 = G1(
       return;
     }
     N.setHoverDate(_);
-  }, p1 = () => r === "single" ? k(G) : F(R);
+  }, p1 = () => r === "single" ? I(q) : F(z);
   return /* @__PURE__ */ u("div", { className: `relative ${h}`, children: [
     /* @__PURE__ */ i(
       s6,
       {
-        ref: X,
+        ref: K,
         value: p1(),
         placeholder: Z,
-        label: d,
+        label: l,
         isOpen: J.isOpen,
         onInputClick: N.openPicker,
         className: w,
@@ -22298,9 +22315,9 @@ const s6 = G1(
         onClose: N.closePicker,
         portalPosition: J.portalPosition,
         currentDate: J.currentDate,
-        selectedDate: G,
-        selectedRange: R,
-        onDateSelect: e1,
+        selectedDate: q,
+        selectedRange: z,
+        onDateSelect: i1,
         onDateHover: a1,
         onViewModeChange: N.setViewMode,
         onNavigate: N.navigate,
@@ -22309,20 +22326,20 @@ const s6 = G1(
         onGoToToday: N.goToToday,
         viewMode: J.viewMode,
         minDate: c,
-        maxDate: l,
+        maxDate: d,
         locale: s,
         weekDays: C,
         monthNames: p,
         startOfWeek: L,
-        showWeekNumbers: E,
+        showWeekNumbers: R,
         yearRange: A,
         hoverDate: J.hoverDate,
         closeOnSelect: v,
         autoCloseRange: x,
         calendarsCount: M,
         mode: r,
-        renderHeader: I,
-        renderDay: z
+        renderHeader: k,
+        renderDay: D
       }
     )
   ] });
@@ -22330,16 +22347,16 @@ const s6 = G1(
   t && /* @__PURE__ */ i(j1, { name: t, background: !0, color: "blue" }),
   /* @__PURE__ */ i("h2", { className: U("ui-text-2xl ui-font-bold", r), children: o })
 ] }), v9 = (o, r = {}) => {
-  const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = Y(!1), [c, l] = Y(!1);
+  const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = Y(!1), [c, d] = Y(!1);
   return Q(() => {
     if (o) {
       a(!0);
       const s = setTimeout(() => {
-        l(!0);
+        d(!0);
       }, t);
       return () => clearTimeout(s);
     } else {
-      l(!1);
+      d(!1);
       const s = setTimeout(() => a(!1), n);
       return () => clearTimeout(s);
     }
@@ -22352,7 +22369,7 @@ const s6 = G1(
         document.body.style.overflow = "";
       };
   }, [o, r]);
-}, J0 = (o, r, t = !1) => {
+}, X0 = (o, r, t = !1) => {
   Q(() => {
     if (!o || t) return;
     const n = (e) => {
@@ -22372,8 +22389,8 @@ const s6 = G1(
       "[tabindex]:not([tabindex='-1'])"
     ], a = r.current.querySelectorAll(
       n.join(",")
-    ), c = a[0], l = a[a.length - 1], s = (C) => {
-      C.key === "Tab" && (C.shiftKey ? document.activeElement === c && (C.preventDefault(), l == null || l.focus()) : document.activeElement === l && (C.preventDefault(), c == null || c.focus()));
+    ), c = a[0], d = a[a.length - 1], s = (C) => {
+      C.key === "Tab" && (C.shiftKey ? document.activeElement === c && (C.preventDefault(), d == null || d.focus()) : document.activeElement === d && (C.preventDefault(), c == null || c.focus()));
     };
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
   }, [o, t, r]);
@@ -22412,7 +22429,7 @@ const s6 = G1(
   elementId: e,
   elementType: a,
   closeOnClickOutside: c = !0,
-  excludeSelectors: l = [],
+  excludeSelectors: d = [],
   onOutsideClick: s,
   disableSameTypeCheck: C = !1
 }) => {
@@ -22420,12 +22437,12 @@ const s6 = G1(
     if (!o || r || !c) return;
     const p = (L) => {
       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 = (() => {
+      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 = d.some((B) => h.closest(B)), j = (() => {
         let B = h;
         for (; B && B !== document.body; ) {
-          const E = B.attributes;
-          for (let S = 0; S < E.length; S++) {
-            const v = E[S];
+          const R = B.attributes;
+          for (let S = 0; S < R.length; S++) {
+            const v = R[S];
             if (v.name.startsWith("data-") && v.name.endsWith("-id")) {
               if (a === "dropdown" && (v.name.includes("popup") || v.name.includes("dropdown")))
                 continue;
@@ -22451,11 +22468,11 @@ const s6 = G1(
         return !1;
       })();
       w || f || g || b || m || j || s();
-    }, d = (L) => {
+    }, l = (L) => {
       L.detail.id === e && s();
     };
-    return document.addEventListener("mousedown", p, !0), document.addEventListener("click", p), e && document.addEventListener(`close-${a}`, d), () => {
-      document.removeEventListener("mousedown", p, !0), document.removeEventListener("click", p), e && document.removeEventListener(`close-${a}`, d);
+    return document.addEventListener("mousedown", p, !0), document.addEventListener("click", p), e && document.addEventListener(`close-${a}`, l), () => {
+      document.removeEventListener("mousedown", p, !0), document.removeEventListener("click", p), e && document.removeEventListener(`close-${a}`, l);
     };
   }, [
     o,
@@ -22465,7 +22482,7 @@ const s6 = G1(
     n,
     e,
     a,
-    l,
+    d,
     s,
     C
   ]);
@@ -22481,11 +22498,11 @@ const s6 = G1(
   children: e,
   titleIcon: a,
   showCloseButton: c = !0,
-  disableEscapeClose: l = !1,
+  disableEscapeClose: d = !1,
   disableOutsideTab: s = !1,
   position: C = "right",
   className: p,
-  scrollable: d = !0,
+  scrollable: l = !0,
   cancelButtonText: L = "Cancelar",
   successButtonText: h = "Guardar",
   onCancel: w = () => {
@@ -22499,8 +22516,8 @@ const s6 = G1(
   disabledSuccessButton: j = !1,
   disabledCancelButton: V = !1
 }) => {
-  const y = H9(), { isVisible: B, isAnimating: E } = v9(o), A = o1(null);
-  j9(o), J0(o, r, l), V9(o, A, !s);
+  const y = H9(), { isVisible: B, isAnimating: R } = v9(o), A = o1(null);
+  j9(o), X0(o, r, d), V9(o, A, !s);
   const S = () => {
     w && w(), H && r();
   }, v = () => {
@@ -22536,7 +22553,7 @@ const s6 = G1(
               C === "right" ? "ui-ml-auto" : "ui-mr-auto"
             ),
             style: {
-              transform: C === "right" ? E ? "translateX(0)" : "translateX(100%)" : E ? "translateX(0)" : "translateX(-100%)"
+              transform: C === "right" ? R ? "translateX(0)" : "translateX(100%)" : R ? "translateX(0)" : "translateX(-100%)"
             },
             children: /* @__PURE__ */ u(m1, { rounded: !1, padding: !1, gap: !1, className: U(p), children: [
               /* @__PURE__ */ i(m1.Header, { children: /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4", children: t && /* @__PURE__ */ i(b9, { title: t, icon: a }) }) }),
@@ -22545,8 +22562,8 @@ const s6 = G1(
                 m1.Body,
                 {
                   fullHeight: !0,
-                  className: U("ui-p-4", d ? "ui-overflow-y-auto" : ""),
-                  scrollable: d,
+                  className: U("ui-p-4", l ? "ui-overflow-y-auto" : ""),
+                  scrollable: l,
                   children: e
                 }
               ),
@@ -22572,12 +22589,12 @@ const s6 = G1(
   current: e = !1,
   uppercase: a = !1,
   color: c = "blue",
-  "data-option-value": l,
+  "data-option-value": d,
   iconColor: s
 }) => {
   const C = (w) => {
     n || t == null || t(w);
-  }, [p, d] = Y(!1), L = C1(
+  }, [p, l] = Y(!1), L = C1(
     "ui-flex ui-items-center ui-gap-x-4 ui-text-sm ui-transition-all duration-300 ui-font-semibold ui-px-4 ui-h-8 ui-py-1",
     {
       variants: {
@@ -22613,12 +22630,12 @@ const s6 = G1(
         disabled: n
       })} ${a ? "ui-uppercase" : ""} ui-leading-none`,
       onClick: C,
-      "data-option-value": l,
+      "data-option-value": d,
       onMouseEnter: () => {
-        d(!0);
+        l(!0);
       },
       onMouseLeave: () => {
-        d(!1);
+        l(!1);
       },
       children: [
         /* @__PURE__ */ i(
@@ -22643,12 +22660,12 @@ const s6 = G1(
   uppercase: e = !1,
   color: a = "blue",
   "data-option-value": c,
-  iconColor: l,
+  iconColor: d,
   checkboxProps: s,
   isGroupTitle: C = !1,
   groupTitle: p
 }) => {
-  const [d, L] = Y(!1), h = C1(
+  const [l, L] = Y(!1), h = C1(
     "ui-flex ui-items-center ui-gap-x-4 ui-text-sm ui-transition-all duration-300 ui-font-semibold ui-px-4 ui-h-8 ui-py-1",
     {
       variants: {
@@ -22723,17 +22740,17 @@ const s6 = G1(
   valueName: e = "id",
   currentValue: a,
   className: c,
-  children: l,
+  children: d,
   withCheckbox: s = !1,
   onCheckboxChange: C
-}) => o.length === 0 && !l ? null : /* @__PURE__ */ i(
+}) => o.length === 0 && !d ? null : /* @__PURE__ */ i(
   "ul",
   {
     className: U(
       "ui-m-0 ui-flex ui-min-w-max ui-list-none ui-flex-col ui-p-0 ui-py-2",
       c
     ),
-    children: l || o.map((p) => s ? /* @__PURE__ */ i(
+    children: d || o.map((p) => s ? /* @__PURE__ */ i(
       k9,
       {
         icon: p.icon || r,
@@ -22741,7 +22758,7 @@ const s6 = G1(
         current: a === p[e],
         checkboxProps: {
           checked: p.checked || !1,
-          onChange: (d) => C == null ? void 0 : C(p[e], d),
+          onChange: (l) => C == null ? void 0 : C(p[e], l),
           disabled: p.disabled
         },
         children: n && p[n]
@@ -22751,7 +22768,7 @@ const s6 = G1(
       O9,
       {
         icon: p.icon || r,
-        onClick: (d) => t == null ? void 0 : t(p, d),
+        onClick: (l) => t == null ? void 0 : t(p, l),
         disabled: p.disabled,
         current: a === p[e],
         children: n && p[n]
@@ -22759,8 +22776,8 @@ const s6 = G1(
       p.id
     ))
   }
-), n0 = /* @__PURE__ */ new Set(), f6 = (o) => {
-  n0.forEach((r) => {
+), e0 = /* @__PURE__ */ new Set(), f6 = (o) => {
+  e0.forEach((r) => {
     if (r !== o) {
       const t = new CustomEvent("close-dropdown", { detail: { id: r } });
       document.dispatchEvent(t);
@@ -22774,51 +22791,51 @@ const s6 = G1(
   idName: e = "id",
   onValueChange: a,
   onOptionSelect: c,
-  searchable: l = !1,
+  searchable: d = !1,
   closeOnClickOutside: s = !0,
   dropdownId: C,
   disabled: p = !1,
-  multiple: d = !1,
+  multiple: l = !1,
   maxSelectedItems: L,
   absolute: h = !1,
   onOpenChange: w,
   withCheckbox: f = !1
 }) => {
-  const g = t9(), b = C || `dropdown-${g}`, [m, H] = Y(!1), [j, V] = Y(!1), [y, B] = Y(""), [E, A] = Y("bottom"), [S, v] = Y({}), x = o1(null), Z = o1(null), O = o1(null), M = P(
-    (T) => T == null ? [] : Array.isArray(T) ? T : [T],
+  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 = T(
+    (P) => P == null ? [] : Array.isArray(P) ? P : [P],
     []
-  ), I = P(
-    (T) => T == null || T === "" ? "" : Array.isArray(T) ? T[0] || "" : T,
+  ), k = T(
+    (P) => P == null || P === "" ? "" : Array.isArray(P) ? P[0] || "" : P,
     []
-  ), [z, J] = Y(() => d ? M(r) : I(r)), G = o !== void 0, R = G ? o : z, X = P(
-    (T) => {
-      G || J(T), a == null || a(T);
+  ), [D, J] = Y(() => l ? M(r) : k(r)), q = o !== void 0, z = q ? o : D, K = T(
+    (P) => {
+      q || J(P), a == null || a(P);
     },
-    [G, a]
+    [q, a]
   );
   Q(() => {
-    if (G && o !== void 0)
-      if (d) {
-        const T = M(o);
-        J((K) => JSON.stringify(K) !== JSON.stringify(T) ? T : K);
+    if (q && o !== void 0)
+      if (l) {
+        const P = M(o);
+        J((X) => JSON.stringify(X) !== JSON.stringify(P) ? P : X);
       } else {
-        const T = I(o);
-        J((K) => K !== T ? T : K);
+        const P = k(o);
+        J((X) => X !== P ? P : X);
       }
-  }, [o, G, d, M, I]);
-  const n1 = d ? t.filter((T) => M(R).includes(T[e])) : [
-    t.find((T) => R === "" || R === null || R === void 0 ? !1 : T[e] === -1 ? R === -1 || R === "-1" : T[e] === R)
+  }, [o, q, l, M, k]);
+  const n1 = l ? t.filter((P) => M(z).includes(P[e])) : [
+    t.find((P) => z === "" || z === null || z === void 0 ? !1 : P[e] === -1 ? z === -1 || z === "-1" : P[e] === z)
   ].filter(Boolean), N = (() => {
-    if (!l || !y)
+    if (!d || !y)
       return t.filter((l1) => {
-        if (d) {
-          const d1 = M(R).includes(l1[e]);
+        if (l) {
+          const d1 = M(z).includes(l1[e]);
           return f ? !0 : !d1;
         }
-        return !(l1[e] === -1 && (R === -1 || R === "-1"));
+        return !(l1[e] === -1 && (z === -1 || z === "-1"));
       });
-    const T = y.toLowerCase(), K = t.filter((l1) => l1.isGroupTitle ? !1 : l1[n].toLowerCase().includes(T)), i1 = [], W = /* @__PURE__ */ new Set();
-    return K.forEach((l1) => {
+    const P = y.toLowerCase(), X = t.filter((l1) => l1.isGroupTitle ? !1 : l1[n].toLowerCase().includes(P)), e1 = [], W = /* @__PURE__ */ new Set();
+    return X.forEach((l1) => {
       const d1 = t.indexOf(l1);
       let r1 = null;
       for (let s1 = d1 - 1; s1 >= 0; s1--)
@@ -22826,31 +22843,31 @@ const s6 = G1(
           r1 = t[s1];
           break;
         }
-      r1 && !W.has(r1[e]) && (i1.push(r1), W.add(r1[e])), i1.push(l1);
-    }), i1;
-  })(), $ = P(() => {
-    var i1, W;
-    const T = (i1 = O.current) == null ? void 0 : i1.querySelector("input");
-    return T || ((W = O.current) == null ? void 0 : W.querySelector(
+      r1 && !W.has(r1[e]) && (e1.push(r1), W.add(r1[e])), e1.push(l1);
+    }), e1;
+  })(), $ = T(() => {
+    var e1, W;
+    const P = (e1 = O.current) == null ? void 0 : e1.querySelector("input");
+    return P || ((W = O.current) == null ? void 0 : W.querySelector(
       '[data-dropdown-input="true"]'
     ));
-  }, []), k = P(() => {
-    const T = $();
-    T && requestAnimationFrame(() => {
+  }, []), I = T(() => {
+    const P = $();
+    P && requestAnimationFrame(() => {
       var z1;
-      const K = T.getBoundingClientRect(), i1 = window.innerHeight;
+      const X = P.getBoundingClientRect(), e1 = window.innerHeight;
       let W = 0;
       Z.current && (W = Z.current.offsetHeight), W === 0 && (W = Math.min(200, N.length * 40));
-      const l1 = i1 - K.bottom, d1 = K.top, r1 = l1 < W && d1 > l1 ? "top" : "bottom";
+      const l1 = e1 - X.bottom, d1 = X.top, r1 = l1 < W && d1 > l1 ? "top" : "bottom";
       A(r1);
-      let s1 = 0, B1 = 0, k1 = K.width;
+      let s1 = 0, B1 = 0, k1 = X.width;
       if (!h)
-        r1 === "bottom" ? s1 = K.bottom + 4 : s1 = K.top - W - 4, B1 = K.left;
+        r1 === "bottom" ? s1 = X.bottom + 4 : s1 = X.top - W - 4, B1 = X.left;
       else {
         const f1 = (z1 = O.current) == null ? void 0 : z1.getBoundingClientRect();
         if (!f1) return;
-        const T1 = K.top - f1.top, H1 = K.left - f1.left;
-        r1 === "bottom" ? s1 = T1 + K.height + 4 : s1 = T1 - W - 4, B1 = H1;
+        const T1 = X.top - f1.top, H1 = X.left - f1.left;
+        r1 === "bottom" ? s1 = T1 + X.height + 4 : s1 = T1 - W - 4, B1 = H1;
       }
       const V1 = 1100, I1 = parseInt(b.replace(/\D/g, "")) || 0, P1 = V1 + I1 % 100, X1 = {
         position: h ? "absolute" : "fixed",
@@ -22861,54 +22878,54 @@ const s6 = G1(
       };
       v(X1);
     });
-  }, [$, N.length, b, h]), F = P(() => {
+  }, [$, N.length, b, h]), F = T(() => {
     if (!Z.current || !n1.length)
       return;
-    const K = Z.current.querySelector(".ui-overflow-y-auto");
-    if (!K)
+    const X = Z.current.querySelector(".ui-overflow-y-auto");
+    if (!X)
       return;
-    const i1 = n1[0];
-    if (!i1) return;
-    const W = K.querySelector(
-      `[data-option-value="${i1[e]}"]`
+    const e1 = n1[0];
+    if (!e1) return;
+    const W = X.querySelector(
+      `[data-option-value="${e1[e]}"]`
     );
     if (!W)
       return;
-    const l1 = K.clientHeight, d1 = W.offsetTop, r1 = W.clientHeight, s1 = d1 - l1 / 2 + r1 / 2;
-    K.scrollTo({
+    const l1 = X.clientHeight, d1 = W.offsetTop, r1 = W.clientHeight, s1 = d1 - l1 / 2 + r1 / 2;
+    X.scrollTo({
       top: Math.max(0, s1),
       behavior: "smooth"
     });
-  }, [n1, n]), e1 = (T) => {
-    T && T.stopPropagation(), !p && (m ? a1() : (f6(b), B(""), V(!1), k(), setTimeout(() => {
-      H(!0), n0.add(b), setTimeout(() => {
-        k(), setTimeout(() => {
+  }, [n1, n]), i1 = (P) => {
+    P && P.stopPropagation(), !p && (m ? a1() : (f6(b), B(""), V(!1), I(), setTimeout(() => {
+      H(!0), e0.add(b), setTimeout(() => {
+        I(), setTimeout(() => {
           F();
         }, 50);
       }, 50);
     }, 50)));
   }, a1 = () => {
     V(!0), setTimeout(() => {
-      H(!1), V(!1), n0.delete(b);
+      H(!1), V(!1), e0.delete(b);
     }, 150);
-  }, p1 = (T, K) => {
-    if (K.stopPropagation(), !T.disabled) {
-      if (d) {
-        const i1 = M(R), W = T[e];
-        if (L && i1.length >= L && !i1.includes(W))
+  }, p1 = (P, X) => {
+    if (X.stopPropagation(), !P.disabled) {
+      if (l) {
+        const e1 = M(z), W = P[e];
+        if (L && e1.length >= L && !e1.includes(W))
           return;
-        const l1 = i1.includes(W) ? i1.filter((d1) => d1 !== W) : [...i1, W];
-        X(l1);
+        const l1 = e1.includes(W) ? e1.filter((d1) => d1 !== W) : [...e1, W];
+        K(l1);
       } else {
-        const i1 = T[e] === -1 ? -1 : T[e];
-        X(i1), B(""), a1();
+        const e1 = P[e] === -1 ? -1 : P[e];
+        K(e1), B(""), a1();
       }
-      c == null || c(T);
+      c == null || c(P);
     }
-  }, _ = (T) => {
-    B(T.target.value);
-  }, u1 = (T) => {
-    T.stopPropagation(), X(d ? [] : ""), B("");
+  }, _ = (P) => {
+    B(P.target.value);
+  }, u1 = (P) => {
+    P.stopPropagation(), K(l ? [] : ""), B("");
   };
   return Q(() => {
     w == null || w(m);
@@ -22930,48 +22947,48 @@ const s6 = G1(
       }, 0);
     }
   }), Q(() => {
-    const T = () => {
+    const P = () => {
       m && a1();
     };
-    return document.addEventListener("close-all-dropdowns", T), () => {
-      document.removeEventListener("close-all-dropdowns", T);
+    return document.addEventListener("close-all-dropdowns", P), () => {
+      document.removeEventListener("close-all-dropdowns", P);
     };
   }, [m, a1]), Q(() => {
     if (m) {
-      const T = () => {
-        k();
-      }, K = () => {
-        m && !j && k();
+      const P = () => {
+        I();
+      }, X = () => {
+        m && !j && I();
       };
-      return window.addEventListener("resize", T), window.addEventListener("scroll", K, !1), document.addEventListener("scroll", K, !1), () => {
-        window.removeEventListener("resize", T), window.removeEventListener("scroll", K, !1), document.removeEventListener("scroll", K, !1);
+      return window.addEventListener("resize", P), window.addEventListener("scroll", X, !1), document.addEventListener("scroll", X, !1), () => {
+        window.removeEventListener("resize", P), window.removeEventListener("scroll", X, !1), document.removeEventListener("scroll", X, !1);
       };
     }
-  }, [m, k, j]), {
+  }, [m, I, j]), {
     // Estado
     isOpen: m,
     isClosing: j,
     searchValue: y,
-    selectedValue: R,
+    selectedValue: z,
     selectedOptions: n1,
     filteredOptions: N,
-    position: E,
+    position: R,
     dropdownStyle: S,
-    isControlled: G,
-    multiple: d,
+    isControlled: q,
+    multiple: l,
     // Referencias
     inputRef: x,
     dropdownRef: Z,
     containerRef: O,
     dropdownUniqueId: b,
     // Funciones
-    toggleDropdown: e1,
+    toggleDropdown: i1,
     closeDropdown: a1,
     handleOptionSelect: p1,
     handleSearchChange: _,
     handleClear: u1,
-    calculatePosition: k,
-    setValue: X,
+    calculatePosition: I,
+    setValue: K,
     scrollToSelectedOption: F,
     normalizeToArray: M
   };
@@ -22983,7 +23000,7 @@ const s6 = G1(
   variant: e = "button",
   borderable: a,
   rounded: c = !1,
-  badge: l = !1,
+  badge: d = !1,
   color: s,
   ...C
 }) => /* @__PURE__ */ i(
@@ -23012,11 +23029,11 @@ const s6 = G1(
   toggleDropdown: e,
   isOpen: a,
   isOpening: c,
-  setIsOpening: l,
+  setIsOpening: d,
   customInputRef: s,
   disabled: C,
   error: p,
-  helperText: d,
+  helperText: l,
   rightSlot: L,
   valueName: h,
   idName: w
@@ -23030,9 +23047,9 @@ const s6 = G1(
     const V = setTimeout(() => {
       const y = H.current;
       if (y) {
-        const B = y.scrollHeight, E = y.clientHeight;
+        const B = y.scrollHeight, R = y.clientHeight;
         if (b === null) {
-          m(E);
+          m(R);
           return;
         }
         const A = B > b;
@@ -23053,7 +23070,7 @@ const s6 = G1(
           c || e(j);
         },
         onFocus: () => {
-          !a && !c && (l(!0), e());
+          !a && !c && (d(!0), e());
         },
         tabIndex: C ? -1 : 0,
         children: [
@@ -23094,7 +23111,7 @@ const s6 = G1(
       }
     ),
     p && /* @__PURE__ */ i("p", { className: "ui-mt-1 ui-text-sm ui-text-red-600", children: p }),
-    d && /* @__PURE__ */ i("p", { className: "ui-mt-1 ui-text-sm ui-text-gray-500", children: d })
+    l && /* @__PURE__ */ i("p", { className: "ui-mt-1 ui-text-sm ui-text-gray-500", children: l })
   ] });
 }, F1 = G1(
   ({
@@ -23105,11 +23122,11 @@ const s6 = G1(
     size: e = "sm",
     color: a,
     leftSlot: c = "",
-    rightSlot: l = "",
+    rightSlot: d = "",
     searchPlaceholder: s = "Buscar...",
     noResultsText: C = "No hay resultados para",
     noResultsDescription: p = "Puede probar a utilizar otras palabras clave o ajustar los filtros.",
-    caret: d = !0,
+    caret: l = !0,
     value: L,
     defaultValue: h = "",
     disabled: w = !1,
@@ -23122,7 +23139,7 @@ const s6 = G1(
     onCheckboxChange: V,
     searchable: y = !1,
     maxHeight: B = "200px",
-    closeOnClickOutside: E = !0,
+    closeOnClickOutside: R = !0,
     dropdownId: A,
     multiple: S = !1,
     maxSelectedItems: v,
@@ -23130,11 +23147,11 @@ const s6 = G1(
     absolute: Z = !1,
     footer: O = !1,
     defaultOptionSelected: M = !1,
-    withCheckbox: I = !1,
-    onHandleAccept: z,
+    withCheckbox: k = !1,
+    onHandleAccept: D,
     ...J
-  }, G) => {
-    const R = o1(null), [X, n1] = Y(c), [N, $] = Y(null), [k, F] = Y(!1), p1 = S ? g : !S && M ? [
+  }, q) => {
+    const z = o1(null), [K, n1] = Y(c), [N, $] = Y(null), [I, F] = Y(!1), p1 = S ? g : !S && M ? [
       {
         ...{
           label: f || "Selecciona una opción",
@@ -23145,13 +23162,13 @@ const s6 = G1(
         value: -1,
         label: f || "Selecciona una opción"
       },
-      ...g.filter((D) => D[m] !== -1)
+      ...g.filter((E) => E[m] !== -1)
     ] : g, _ = L !== void 0 ? L : M && !S ? -1 : h, {
       // Estado
       isOpen: u1,
-      isClosing: T,
-      searchValue: K,
-      selectedValue: i1,
+      isClosing: P,
+      searchValue: X,
+      selectedValue: e1,
       selectedOptions: W,
       filteredOptions: l1,
       dropdownStyle: d1,
@@ -23164,13 +23181,13 @@ const s6 = G1(
       // Funciones
       toggleDropdown: I1,
       closeDropdown: P1,
-      handleOptionSelect: Q0,
+      handleOptionSelect: W0,
       handleSearchChange: X1,
       handleClear: z1,
       calculatePosition: f1,
       scrollToSelectedOption: T1,
       setValue: H1,
-      normalizeToArray: W0
+      normalizeToArray: n9
     } = m6({
       value: L,
       defaultValue: _,
@@ -23180,28 +23197,28 @@ const s6 = G1(
       onValueChange: H,
       onOptionSelect: j,
       searchable: y,
-      closeOnClickOutside: E,
+      closeOnClickOutside: R,
       dropdownId: A,
       disabled: w,
       multiple: S,
       maxSelectedItems: v,
       absolute: Z,
-      withCheckbox: I,
-      onOpenChange: (D) => {
-        D && setTimeout(() => {
+      withCheckbox: k,
+      onOpenChange: (E) => {
+        E && setTimeout(() => {
           F(!1);
         }, 200);
       }
-    }), A1 = (D, c1) => {
+    }), A1 = (E, c1) => {
       if (S) {
-        const L1 = W0(i1), q = D[m];
+        const L1 = n9(e1), G = E[m];
         if (c1) {
-          if (!L1.includes(q)) {
-            const h1 = [...L1, q];
+          if (!L1.includes(G)) {
+            const h1 = [...L1, G];
             H1(h1);
           }
         } else {
-          const h1 = L1.filter((y1) => y1 !== q);
+          const h1 = L1.filter((y1) => y1 !== G);
           H1(h1);
         }
       }
@@ -23209,30 +23226,30 @@ const s6 = G1(
     Q(() => {
       if (r1 && L !== void 0)
         if (L === "" || L === -1 || L === "-1")
-          n1((D) => D !== c ? c : D), $((D) => D !== null ? null : D);
+          n1((E) => E !== c ? c : E), $((E) => E !== null ? null : E);
         else {
-          const D = p1.find(
+          const E = p1.find(
             (c1) => c1[b] === L || c1[m] === L
           );
-          if (D) {
-            const c1 = D.icon || c, L1 = D.iconColor || null;
-            n1((q) => q !== c1 ? c1 : q), $((q) => q !== L1 ? L1 : q);
+          if (E) {
+            const c1 = E.icon || c, L1 = E.iconColor || null;
+            n1((G) => G !== c1 ? c1 : G), $((G) => G !== L1 ? L1 : G);
           }
         }
-    }, [L, r1, p1, b, m, c]), o0(
-      G,
+    }, [L, r1, p1, b, m, c]), r0(
+      q,
       () => ({
-        getValue: () => i1,
-        setValue: (D) => {
-          r1 || H1(D), H == null || H(D);
+        getValue: () => e1,
+        setValue: (E) => {
+          r1 || H1(E), H == null || H(E);
         },
         focus: () => {
-          var D, c1;
-          S && x === "tags" ? (D = R.current) == null || D.focus() : (c1 = s1.current) == null || c1.focus();
+          var E, c1;
+          S && x === "tags" ? (E = z.current) == null || E.focus() : (c1 = s1.current) == null || c1.focus();
         },
         blur: () => {
-          var D, c1;
-          S && x === "tags" ? (D = R.current) == null || D.blur() : (c1 = s1.current) == null || c1.blur();
+          var E, c1;
+          S && x === "tags" ? (E = z.current) == null || E.blur() : (c1 = s1.current) == null || c1.blur();
         },
         clear: () => {
           r1 || H1(S ? [] : ""), H == null || H(S ? [] : "");
@@ -23247,7 +23264,7 @@ const s6 = G1(
         }
       }),
       [
-        i1,
+        e1,
         r1,
         w,
         f1,
@@ -23260,38 +23277,38 @@ const s6 = G1(
       ]
     ), Q(() => {
       if (u1 && W.length > 0) {
-        const D = setTimeout(() => {
+        const E = setTimeout(() => {
           T1();
         }, 150);
-        return () => clearTimeout(D);
+        return () => clearTimeout(E);
       }
     }, [u1, W, T1]), Q(() => {
       if (u1 && S && x === "tags") {
-        const D = R.current;
-        if (!D) return;
+        const E = z.current;
+        if (!E) return;
         const c1 = new ResizeObserver(() => {
           setTimeout(() => {
             f1();
           }, 50);
         });
-        return c1.observe(D), () => {
+        return c1.observe(E), () => {
           c1.disconnect();
         };
       }
     }, [u1, S, x, f1]), Q(() => {
       if (u1 && S && x === "tags") {
-        const D = setTimeout(() => {
+        const E = setTimeout(() => {
           f1();
         }, 100);
-        return () => clearTimeout(D);
+        return () => clearTimeout(E);
       }
     }, [W, u1, S, x, f1]);
-    const n9 = (D) => {
+    const e9 = (E) => {
       if (S) {
-        const L1 = W0(i1).filter((q) => q !== D);
-        if (H1(L1), I && A1) {
-          const q = g.find((h1) => h1[m] === D);
-          q && A1(q, !1);
+        const L1 = n9(e1).filter((G) => G !== E);
+        if (H1(L1), k && A1) {
+          const G = g.find((h1) => h1[m] === E);
+          G && A1(G, !1);
         }
       }
     }, $9 = () => {
@@ -23301,19 +23318,19 @@ const s6 = G1(
           case "count":
             return `${W.length} elemento${W.length > 1 ? "s" : ""} seleccionado${W.length > 1 ? "s" : ""}`;
           case "text":
-            return W.map((D) => D == null ? void 0 : D[b]).filter(Boolean).join(", ");
+            return W.map((E) => E == null ? void 0 : E[b]).filter(Boolean).join(", ");
           case "tags":
           default:
             return "";
         }
       } else {
-        const D = W[0];
-        return D ? D[m] === -1 || D[b] === -1 || D[b] === "-1" ? f : D[b] || "" : "";
+        const E = W[0];
+        return E ? E[m] === -1 || E[b] === -1 || E[b] === "-1" ? f : E[b] || "" : "";
       }
     }, P9 = () => {
       if (!u1 || !d1.top) return null;
-      const D = T ? "animate-dropdown-exit" : "animate-dropdown-enter", c1 = (q, h1) => {
-        Q0(q, h1), q.icon && n1(q.icon), q.iconColor && $(q.iconColor);
+      const E = P ? "animate-dropdown-exit" : "animate-dropdown-enter", c1 = (G, h1) => {
+        W0(G, h1), G.icon && n1(G.icon), G.iconColor && $(G.iconColor);
       }, L1 = /* @__PURE__ */ u(
         "div",
         {
@@ -23327,13 +23344,13 @@ const s6 = G1(
             width: d1.width,
             zIndex: d1.zIndex
           },
-          className: `py-2 ui-min-w-fit ui-overflow-hidden ui-rounded-sm ui-border ui-border-neutral-200 ui-bg-white ui-shadow-lg ${D}`,
-          onClick: (q) => q.stopPropagation(),
+          className: `py-2 ui-min-w-fit ui-overflow-hidden ui-rounded-sm ui-border ui-border-neutral-200 ui-bg-white ui-shadow-lg ${E}`,
+          onClick: (G) => G.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { children: y && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (q) => q.stopPropagation(), children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { children: y && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (G) => G.stopPropagation(), children: /* @__PURE__ */ i(
               N1,
               {
-                value: K,
+                value: X,
                 onChange: X1,
                 placeholder: s,
                 leftSlot: "SearchOutlined",
@@ -23343,47 +23360,47 @@ const s6 = G1(
               }
             ) }) }),
             y && /* @__PURE__ */ i(U1, {}),
-            /* @__PURE__ */ i("div", { className: "custom-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: l1.length > 0 ? l1.map((q) => {
+            /* @__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] === q[m]
-              ) : q[m] === -1 && (i1 === -1 || i1 === "-1") || q[m] === i1;
-              return I ? /* @__PURE__ */ i(
+                (y1) => y1 && y1[m] === G[m]
+              ) : G[m] === -1 && (e1 === -1 || e1 === "-1") || G[m] === e1;
+              return k ? /* @__PURE__ */ i(
                 k9,
                 {
-                  disabled: q.disabled,
+                  disabled: G.disabled,
                   current: h1 ? "blue" : !1,
-                  "data-option-value": q[m],
-                  icon: q.icon,
-                  iconColor: q.iconColor,
+                  "data-option-value": G[m],
+                  icon: G.icon,
+                  iconColor: G.iconColor,
                   checkboxProps: {
                     checked: h1,
-                    onChange: (y1) => A1 == null ? void 0 : A1(q, y1),
-                    disabled: q.disabled
+                    onChange: (y1) => A1 == null ? void 0 : A1(G, y1),
+                    disabled: G.disabled
                   },
-                  isGroupTitle: q.isGroupTitle,
-                  groupTitle: q.label,
-                  children: q[b]
+                  isGroupTitle: G.isGroupTitle,
+                  groupTitle: G.label,
+                  children: G[b]
                 },
-                q[m] || q[b]
+                G[m] || G[b]
               ) : /* @__PURE__ */ i(
                 O9,
                 {
-                  onClick: (y1) => c1(q, y1),
-                  disabled: q.disabled,
+                  onClick: (y1) => c1(G, y1),
+                  disabled: G.disabled,
                   current: h1 ? "blue" : !1,
-                  "data-option-value": q[m],
-                  icon: q.icon,
-                  iconColor: q.iconColor,
-                  children: q[b]
+                  "data-option-value": G[m],
+                  icon: G.icon,
+                  iconColor: G.iconColor,
+                  children: G[b]
                 },
-                q[m] || q[b]
+                G[m] || G[b]
               );
-            }) : K ? /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
+            }) : X ? /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
               /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(j1, { name: "SearchOutlined", size: "5xl", color: "neutral" }) }),
               /* @__PURE__ */ u("p", { className: "ui-font-semibold ui-text-neutral-800", children: [
                 C,
                 ' "',
-                K,
+                X,
                 '"'
               ] }),
               /* @__PURE__ */ i("p", { className: "ui-mt-2 ui-text-xs ui-text-neutral-500", children: p })
@@ -23426,16 +23443,16 @@ const s6 = G1(
               label: r,
               placeholder: f,
               selectedOptions: W,
-              handleRemoveSelected: n9,
+              handleRemoveSelected: e9,
               toggleDropdown: I1,
               isOpen: u1,
-              isOpening: k,
+              isOpening: I,
               setIsOpening: F,
-              customInputRef: R,
+              customInputRef: z,
               disabled: w,
               error: t,
               helperText: n || "",
-              rightSlot: l,
+              rightSlot: d,
               valueName: b,
               idName: m
             }
@@ -23450,16 +23467,16 @@ const s6 = G1(
                 helperText: n,
                 size: e,
                 color: a,
-                leftSlot: X || void 0,
+                leftSlot: K || void 0,
                 colorLeftIcon: N || void 0,
-                rightSlot: l,
+                rightSlot: d,
                 fullWidth: !0,
-                caret: d,
+                caret: l,
                 disabled: w,
                 placeholder: f,
                 value: $9(),
                 readOnly: !0,
-                onClick: (D) => I1(D),
+                onClick: (E) => I1(E),
                 onClickExtraSlot: () => I1(),
                 extraSlot: u1 ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
                 name: o,
@@ -23468,15 +23485,15 @@ const s6 = G1(
               }
             )
           ),
-          S && x !== "tags" && W.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: W.map((D) => D ? /* @__PURE__ */ i(
+          S && x !== "tags" && W.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: W.map((E) => E ? /* @__PURE__ */ i(
             I9,
             {
-              label: D[b],
+              label: E[b],
               color: "blue",
               size: "sm",
-              onClick: () => n9(D[m])
+              onClick: () => e9(E[m])
             },
-            D[b]
+            E[b]
           ) : null) }),
           P9()
         ]
@@ -23491,21 +23508,21 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     const C = (t || "").length;
     c((p) => p !== C ? C : p);
   }, [t]), { isFocused: n, setIsFocused: e, count: a, handleChange: (C) => {
-    const p = C.target.value, d = p.length;
-    if (o > 0 && d > o) {
+    const p = C.target.value, l = p.length;
+    if (o > 0 && l > o) {
       const L = p.substring(0, o);
       c(o), r == null || r(L);
       return;
     }
-    c(d), r == null || r(p);
+    c(l), r == null || r(p);
   }, handlePaste: (C) => {
     if (o > 0) {
-      const p = C.clipboardData.getData("text"), d = t || "";
-      if (d.length + p.length > o) {
+      const p = C.clipboardData.getData("text"), l = t || "";
+      if (l.length + p.length > o) {
         C.preventDefault();
-        const h = o - d.length, w = p.substring(0, h);
+        const h = o - l.length, w = p.substring(0, h);
         if (h > 0) {
-          const f = d + w;
+          const f = l + w;
           c(f.length), r == null || r(f);
         }
       }
@@ -23519,12 +23536,12 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   containerClassName: e = "",
   leftSlot: a = "",
   rightSlot: c = "",
-  disabled: l = !1,
+  disabled: d = !1,
   error: s = "",
   helperText: C = "",
   maxLength: p = 0
 }) => {
-  const { isFocused: d, setIsFocused: L, count: h, handleChange: w, handlePaste: f } = x6({
+  const { isFocused: l, setIsFocused: L, count: h, handleChange: w, handlePaste: f } = x6({
     maxLength: p,
     onChange: r,
     value: o
@@ -23542,7 +23559,7 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
           {
             slot: a,
             className: "ui-absolute ui-left-2 ui-top-2",
-            colorIcon: l ? "neutral_soft" : s ? "red_soft" : d ? "blue" : "neutral"
+            colorIcon: d ? "neutral_soft" : s ? "red_soft" : l ? "blue" : "neutral"
           }
         ),
         /* @__PURE__ */ i(
@@ -23554,14 +23571,14 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
             onChange: w,
             onPaste: f,
             onBlur: () => L(!1),
-            disabled: l,
+            disabled: d,
             rows: 1,
             className: U(
               "ui-textarea ui-min-h-23 ui-w-full ui-rounded-sm ui-border-1 ui-border-neutral-100 ui-p-2 ui-pt-1.5 ui-text-sm ui-text-neutral-900 placeholder:ui-text-neutral-500 focus:ui-outline-none",
               p > 0 ? "ui-pb-6.5" : "ui-pb-2",
               a ? "ui-pl-7" : "ui-pl-2",
               c ? "ui-pr-7" : "ui-pr-2",
-              l ? "ui-border-neutral-100 ui-text-neutral-500" : s ? "ui-border-red-500 ui-bg-red-50 ui-text-red-500 placeholder:ui-text-red-500 focus:ui-ring-1 focus:ui-ring-red-100" : "ui-border-neutral-100 ui-text-neutral-900 focus:ui-border-blue-500",
+              d ? "ui-border-neutral-100 ui-text-neutral-500" : s ? "ui-border-red-500 ui-bg-red-50 ui-text-red-500 placeholder:ui-text-red-500 focus:ui-ring-1 focus:ui-ring-red-100" : "ui-border-neutral-100 ui-text-neutral-900 focus:ui-border-blue-500",
               n
             )
           }
@@ -23571,7 +23588,7 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
           {
             slot: c,
             className: "ui-absolute ui-right-2 ui-top-2",
-            colorIcon: l ? "neutral_soft" : s ? "red_soft" : d ? "blue" : "neutral"
+            colorIcon: d ? "neutral_soft" : s ? "red_soft" : l ? "blue" : "neutral"
           }
         ),
         p > 0 && /* @__PURE__ */ u(
@@ -23596,8 +23613,8 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
       ]
     }
   );
-}, e0 = /* @__PURE__ */ new Set(), v6 = (o) => {
-  e0.forEach((r) => {
+}, i0 = /* @__PURE__ */ new Set(), v6 = (o) => {
+  i0.forEach((r) => {
     if (r !== o) {
       const t = new CustomEvent("close-popup", { detail: { id: r } });
       document.dispatchEvent(t);
@@ -23611,82 +23628,82 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   popupId: e,
   onOpen: a,
   onClose: c,
-  disabled: l = !1,
+  disabled: d = !1,
   absolute: s = !1
 }) => {
-  const C = t9(), p = e || `popup-${C}`, [d, L] = Y(!1), [h, w] = Y({}), [f, g] = Y(!1), b = o1(null), m = o1(null), H = o1(null), j = P(() => {
-    const B = b.current, E = m.current;
-    if (!B || !E) return;
-    const A = B.getBoundingClientRect(), S = E.getBoundingClientRect();
+  const C = t9(), p = e || `popup-${C}`, [l, L] = Y(!1), [h, w] = Y({}), [f, g] = Y(!1), b = o1(null), m = o1(null), H = o1(null), j = T(() => {
+    const B = b.current, R = m.current;
+    if (!B || !R) return;
+    const A = B.getBoundingClientRect(), S = R.getBoundingClientRect();
     if (S.width === 0 || S.height === 0)
       return;
     let v = 0, x = 0;
     if (s) {
-      const z = B.offsetTop, J = B.offsetLeft, G = B.offsetWidth, R = B.offsetHeight;
+      const D = B.offsetTop, J = B.offsetLeft, q = B.offsetWidth, z = B.offsetHeight;
       switch (o) {
         case "top":
-          v = z - S.height - r, x = J + (G - S.width) / 2;
+          v = D - S.height - r, x = J + (q - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = z + R + r, x = J + (G - S.width) / 2;
+          v = D + z + r, x = J + (q - S.width) / 2;
           break;
         case "bottom-left":
-          v = z + R + r, x = J;
+          v = D + z + r, x = J;
           break;
         case "bottom-right":
-          v = z + R + r, x = J + G - S.width;
+          v = D + z + r, x = J + q - S.width;
           break;
         case "left":
-          v = z, x = J - S.width - r;
+          v = D, x = J - S.width - r;
           break;
         case "right":
-          v = z, x = J + G + r;
+          v = D, x = J + q + r;
           break;
       }
     } else {
-      const z = window.innerWidth, J = window.innerHeight, G = A.top, R = A.left, X = A.width, n1 = A.height;
+      const D = window.innerWidth, J = window.innerHeight, q = A.top, z = A.left, K = A.width, n1 = A.height;
       switch (o) {
         case "top":
-          v = G - S.height - r, x = R + (X - S.width) / 2;
+          v = q - S.height - r, x = z + (K - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = G + n1 + r, x = R + (X - S.width) / 2;
+          v = q + n1 + r, x = z + (K - S.width) / 2;
           break;
         case "bottom-left":
-          v = G + n1 + r, x = R;
+          v = q + n1 + r, x = z;
           break;
         case "bottom-right":
-          v = G + n1 + r, x = R + X - S.width;
+          v = q + n1 + r, x = z + K - S.width;
           break;
         case "left":
-          v = G, x = R - S.width - r;
+          v = q, x = z - S.width - r;
           break;
         case "right":
-          v = G, x = R + X + r;
+          v = q, x = z + K + r;
           break;
       }
-      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));
+      x < 0 && (x = 0), x + S.width > D && (x = D - 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, O = parseInt(p.replace(/\D/g, "")) || 0, M = Z + O % 100, I = {
+    const Z = 1e3, O = parseInt(p.replace(/\D/g, "")) || 0, M = Z + O % 100, k = {
       position: s ? "absolute" : "fixed",
       top: `${v}px`,
       left: `${x}px`,
       zIndex: M
     };
-    w(I), g(!0);
+    w(k), g(!0);
   }, [o, r, p, s]), V = (B) => {
-    B && B.stopPropagation(), !l && (d ? y() : (v6(p), w({}), g(!1), L(!0), e0.add(p), a == null || a()));
+    B && B.stopPropagation(), !d && (l ? y() : (v6(p), w({}), g(!1), L(!0), i0.add(p), a == null || a()));
   }, y = () => {
-    L(!1), g(!1), e0.delete(p), c == null || c();
+    L(!1), g(!1), i0.delete(p), c == null || c();
   };
   return Q(() => {
-    if (d) {
+    if (l) {
       const B = () => {
-        const E = m.current;
-        if (E) {
-          const A = E.getBoundingClientRect();
+        const R = m.current;
+        if (R) {
+          const A = R.getBoundingClientRect();
           A.width > 0 && A.height > 0 && A.width !== 0 && A.height !== 0 ? j() : setTimeout(() => {
             requestAnimationFrame(B);
           }, 10);
@@ -23696,28 +23713,28 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
         requestAnimationFrame(B);
       }, 0);
     }
-  }, [d, j]), Q(() => {
-    if (!d || !f || s) return;
+  }, [l, j]), Q(() => {
+    if (!l || !f || s) return;
     let B = !1;
-    const E = () => {
+    const R = () => {
       B || (requestAnimationFrame(() => {
         j(), B = !1;
       }), B = !0);
     };
-    return window.addEventListener("scroll", E, { passive: !0 }), window.addEventListener("resize", E, { passive: !0 }), () => {
-      window.removeEventListener("scroll", E), window.removeEventListener("resize", E);
+    return window.addEventListener("scroll", R, { passive: !0 }), window.addEventListener("resize", R, { passive: !0 }), () => {
+      window.removeEventListener("scroll", R), window.removeEventListener("resize", R);
     };
-  }, [d, f, s, j]), y9({
-    isActive: d,
-    disabled: l,
+  }, [l, f, s, j]), y9({
+    isActive: l,
+    disabled: d,
     elementRef: m,
     containerRef: H,
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: t,
     onOutsideClick: y
-  }), J0(d, y, !n), {
-    isOpen: d,
+  }), X0(l, y, !n), {
+    isOpen: l,
     popupStyle: h,
     isPositioned: f,
     triggerRef: b,
@@ -23743,11 +23760,11 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     closeOnClickOutside: e = !0,
     closeOnEscape: a = !0,
     popupId: c,
-    className: l = "",
+    className: d = "",
     onOpen: s,
     onClose: C,
     disabled: p = !1,
-    variant: d = "outlined",
+    variant: l = "outlined",
     color: L = "white",
     size: h = "md",
     textColor: w = "inherit",
@@ -23760,7 +23777,7 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     tooltip: V,
     tooltipPosition: y,
     tooltipAlignment: B,
-    tooltipColor: E,
+    tooltipColor: R,
     tooltipDelay: A,
     absolute: S = !1,
     closeOnClick: v = !0,
@@ -23768,19 +23785,20 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     containerClassName: Z,
     buttonTransition: O = !0,
     buttonStyle: M,
-    stopPropagationList: I = !1,
-    ...z
-  }, J) => {
+    stopPropagationList: k = !0,
+    onClick: D,
+    ...J
+  }, q) => {
     const {
-      isOpen: G,
-      popupStyle: R,
-      isPositioned: X,
-      triggerRef: n1,
-      popupRef: N,
-      containerRef: $,
-      popupUniqueId: k,
-      togglePopup: F,
-      closePopup: e1
+      isOpen: z,
+      popupStyle: K,
+      isPositioned: n1,
+      triggerRef: N,
+      popupRef: $,
+      containerRef: I,
+      popupUniqueId: F,
+      togglePopup: i1,
+      closePopup: a1
     } = j6({
       position: t,
       offset: n,
@@ -23792,61 +23810,63 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
       disabled: p,
       absolute: S
     });
-    o0(
-      J,
+    r0(
+      q,
       () => ({
         open: () => {
-          p || F();
+          p || i1();
         },
         close: () => {
-          e1();
+          a1();
         },
-        isOpen: () => G
+        isOpen: () => z
       }),
-      [p, F, e1, G]
+      [p, i1, a1, z]
     );
-    const a1 = () => {
-      if (!G)
+    const p1 = (u1) => {
+      D && D(u1), !u1.defaultPrevented && !p && i1();
+    }, _ = () => {
+      if (!z)
         return null;
-      const p1 = {
+      const u1 = {
         position: S ? "absolute" : "fixed",
         top: S ? "auto" : "-9999px",
         left: S ? "auto" : "-9999px",
-        visibility: X ? "visible" : "hidden",
-        opacity: X ? 1 : 0,
+        visibility: n1 ? "visible" : "hidden",
+        opacity: n1 ? 1 : 0,
         transition: "opacity 0.1s ease-out",
-        ...R
-      }, _ = V6(b), u1 = /* @__PURE__ */ i(
+        ...K
+      }, P = V6(b), X = /* @__PURE__ */ i(
         "div",
         {
-          ref: N,
-          id: k,
-          "data-popup-id": k,
-          style: p1,
-          className: `ui-border ui-border-neutral-100 ui-bg-white ${_} ui-overflow-hidden ui-shadow-lg ${l}`,
-          onClick: (K) => {
-            v && (I && K.stopPropagation(), e1());
+          ref: $,
+          id: F,
+          "data-popup-id": F,
+          style: u1,
+          className: `ui-border ui-border-neutral-100 ui-bg-white ${P} ui-overflow-hidden ui-shadow-lg ${d}`,
+          onClick: (W) => {
+            k && W.stopPropagation(), v && a1();
           },
-          ...z,
+          ...J,
           children: o
         }
       );
-      return S ? u1 : D1(u1, document.body);
+      return S ? X : D1(X, document.body);
     };
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: $,
+        ref: I,
         className: U("ui-relative ui-h-max"),
-        "data-popup-container-id": k,
+        "data-popup-container-id": F,
         children: [
-          /* @__PURE__ */ i("div", { ref: n1, className: U("ui-w-fit", Z), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { ref: N, className: U("ui-w-fit", Z), children: /* @__PURE__ */ i(
             v1,
             {
               className: x,
-              onClick: F,
+              onClick: p1,
               disabled: p,
-              variant: d,
+              variant: l,
               color: L,
               size: h,
               rounded: f,
@@ -23858,14 +23878,14 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
               tooltip: V,
               tooltipPosition: y,
               tooltipAlignment: B,
-              tooltipColor: E,
+              tooltipColor: R,
               tooltipDelay: A,
               transition: O,
               style: M,
               children: r || ""
             }
           ) }),
-          a1()
+          _()
         ]
       }
     );
@@ -23881,7 +23901,7 @@ const Z1 = {
   TEXTAREA: "textarea",
   GROUP: "group"
 }, H6 = ({ filters: o, onClear: r, onApply: t }) => {
-  const n = P((h) => {
+  const n = T((h) => {
     switch (h) {
       case Z1.MULTIPLE:
       case Z1.GROUP:
@@ -23896,34 +23916,34 @@ const Z1 = {
       default:
         return "";
     }
-  }, []), e = P(
+  }, []), e = T(
     (h) => n(h.type),
     [n]
-  ), a = P(
+  ), a = T(
     (h) => n(h.type),
     [n]
-  ), [c, l] = Y(() => {
+  ), [c, d] = Y(() => {
     const h = {};
     return o.forEach((w) => {
       const f = w.keyName || w.label.toLowerCase();
       h[f] = e(w);
     }), h;
-  }), s = P(() => {
+  }), s = T(() => {
     const h = {};
     o.forEach((w) => {
       const f = w.keyName || w.label.toLowerCase(), g = e(w);
       h[f] = g;
-    }), l(h);
+    }), d(h);
   }, [o, e]);
   Q(() => {
     s();
   }, [s]);
-  const C = P(() => {
+  const C = T(() => {
     const h = {};
     o.forEach((w) => {
       const f = w.keyName || w.label.toLowerCase();
       h[f] = a(w);
-    }), l(h), o.forEach((w) => {
+    }), d(h), o.forEach((w) => {
       if (w.onValueChange) {
         const f = a(w);
         w.onValueChange({
@@ -23932,19 +23952,19 @@ const Z1 = {
         });
       }
     }), r == null || r();
-  }, [o, a, r]), p = P(
+  }, [o, a, r]), p = T(
     (h, w, f) => {
       const g = f.keyName || h.toLowerCase(), b = {
         ...c,
         [g]: w
       };
-      l(b), f.onValueChange && f.onValueChange({
+      d(b), f.onValueChange && f.onValueChange({
         current: w,
         filters: b
       });
     },
     [c]
-  ), d = P(() => {
+  ), l = T(() => {
     t == null || t(c);
   }, [t, c]);
   return x1(
@@ -23952,9 +23972,9 @@ const Z1 = {
       filterStates: c,
       handleFilterChange: p,
       handleClear: C,
-      handleApply: d
+      handleApply: l
     }),
-    [c, p, C, d]
+    [c, p, C, l]
   );
 }, Ni = ({
   filters: o = [],
@@ -23964,12 +23984,12 @@ const Z1 = {
   label: e = "Filtros",
   onClear: a,
   onApply: c,
-  closeOnApply: l = !0
+  closeOnApply: d = !0
 }) => {
   const s = o1(null), {
     filterStates: C,
     handleFilterChange: p,
-    handleClear: d,
+    handleClear: l,
     handleApply: L
   } = H6({
     filters: o,
@@ -23977,7 +23997,7 @@ const Z1 = {
     onApply: c
   }), h = () => {
     var g;
-    L(), l && ((g = s.current) == null || g.close());
+    L(), d && ((g = s.current) == null || g.close());
   }, w = () => {
     const g = new CustomEvent("close-all-dropdowns");
     document.dispatchEvent(g);
@@ -24000,7 +24020,7 @@ const Z1 = {
       children: [
         /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4 ui-pb-3", children: [
           /* @__PURE__ */ i(b9, { title: t, icon: n }),
-          /* @__PURE__ */ i(v1, { variant: "text", color: "neutral", colorIcon: "neutral", onClick: d, children: r })
+          /* @__PURE__ */ i(v1, { variant: "text", color: "neutral", colorIcon: "neutral", onClick: l, children: r })
         ] }),
         /* @__PURE__ */ i(U1, {}),
         /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-col ui-gap-y-2 ui-p-4 ui-pt-3", children: [
@@ -24100,10 +24120,10 @@ const Z1 = {
   disableOutsideTab: n = !1,
   disableOutsideClick: e = !1
 }) => {
-  const a = H9(), { isVisible: c, isAnimating: l } = v9(o, { exitDelay: 200 }), s = o1(null);
-  return j9(o), J0(o, r, t), h6(o, s), V9(o, s, !n), w6(o, s, r, e), {
+  const a = H9(), { isVisible: c, isAnimating: d } = v9(o, { exitDelay: 200 }), s = o1(null);
+  return j9(o), X0(o, r, t), h6(o, s), V9(o, s, !n), w6(o, s, r, e), {
     isVisible: c,
-    animateIn: l,
+    animateIn: d,
     container: a,
     modalRef: s
   };
@@ -24115,11 +24135,11 @@ const Z1 = {
   closeAtSuccess: e = !1,
   successButtonText: a = "Guardar",
   showSuccessButton: c = !0,
-  onCancel: l,
+  onCancel: d,
   cancelButtonText: s = "Cancelar",
   closeAtCancel: C = !0,
   showCancelButton: p = !0,
-  showCloseButton: d = !0,
+  showCloseButton: l = !0,
   closeAtCorner: L = !0,
   title: h,
   tabs: w,
@@ -24132,15 +24152,15 @@ const Z1 = {
   cancelButtonSlotLeft: V,
   successButtonSlotRight: y,
   disableCancelButton: B,
-  disableSuccessButton: E
+  disableSuccessButton: R
 }) => {
   const A = {
     onClose: r,
-    showCloseButton: d,
+    showCloseButton: l,
     closeAtCorner: L,
     cancelButtonText: s,
     successButtonText: a,
-    onCancel: l,
+    onCancel: d,
     onSuccess: t,
     showCancelButton: p,
     showSuccessButton: c,
@@ -24158,7 +24178,7 @@ const Z1 = {
     cancelButtonSlotLeft: V,
     successButtonSlotRight: y,
     disableCancelButton: B,
-    disableSuccessButton: E
+    disableSuccessButton: R
   };
   return /* @__PURE__ */ i(B9.Provider, { value: A, children: o });
 }, S9 = () => {
@@ -24174,7 +24194,7 @@ const Z1 = {
   colorIcon: e = "blue",
   fullWidth: a = !1
 }) => {
-  var d;
+  var l;
   const c = C1("", {
     variants: {
       size: {
@@ -24191,8 +24211,8 @@ const Z1 = {
       size: "sm",
       fullWidth: !1
     }
-  }), [l, s] = Y(r || ((d = o[0]) == null ? void 0 : d.value) || ""), C = (L) => {
-    l !== L && (s(L), t && t(L));
+  }), [d, s] = Y(r || ((l = o[0]) == null ? void 0 : l.value) || ""), C = (L) => {
+    d !== L && (s(L), t && t(L));
   }, p = c({ size: n, fullWidth: a });
   return /* @__PURE__ */ i("div", { className: U("ui-relative ui-flex ui-rounded-md ui-bg-neutral-50", p), children: o.map((L) => /* @__PURE__ */ i(
     t1,
@@ -24202,9 +24222,9 @@ const Z1 = {
       onClick: () => C(L.value),
       fullWidth: a,
       variant: "outlined",
-      clickable: l !== L.value,
+      clickable: d !== L.value,
       borderable: !0,
-      color: l === L.value ? "white" : "transparent",
+      color: d === L.value ? "white" : "transparent",
       showShadow: !1,
       slotLeft: L.slotLeft,
       slotRight: L.slotRight,
@@ -24220,19 +24240,19 @@ const Z1 = {
   defaultValueTab: e,
   onChangeTab: a,
   headerButtonIcon: c,
-  headerButtonOnClick: l
+  headerButtonOnClick: d
 }) => {
   const {
     onClose: s,
     showCloseButton: C,
     icon: p,
-    tabs: d,
+    tabs: l,
     defaultValueTab: L,
     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, y = e ?? L, B = (E) => {
-    V && V(E);
+  } = S9(), g = r ?? C, b = c ?? w, m = d ?? f, H = (n == null ? void 0 : n.length) > 0 ? n : l, 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: [
     p && /* @__PURE__ */ i("div", { className: "ui-flex ui-h-8 ui-w-8 ui-items-center ui-justify-center ui-gap-2 ui-rounded-full ui-bg-blue-50 ui-text-blue-500", children: /* @__PURE__ */ i(b1, { slot: p, size: "lg" }) }),
@@ -24269,15 +24289,15 @@ const Z1 = {
         options: H ?? [],
         defaultValue: y,
         size: "sm",
-        onChange: (E) => {
-          B(E);
+        onChange: (R) => {
+          B(R);
         }
       }
     ) }) : null
   ] });
 };
 Y1.displayName = "Modal.Header";
-const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", { className: U(r && "ui-p-4"), children: o }), X0 = ({
+const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", { className: U(r && "ui-p-4"), children: o }), K0 = ({
   children: o,
   footerButtonIcon: r,
   footerButtonOnClick: t,
@@ -24287,11 +24307,11 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   const {
     onClose: a,
     cancelButtonText: c,
-    successButtonText: l,
+    successButtonText: d,
     onCancel: s,
     onSuccess: C,
     showCancelButton: p,
-    showSuccessButton: d,
+    showSuccessButton: l,
     closeAtSuccess: L,
     closeAtCancel: h,
     footerButtonIcon: w,
@@ -24334,13 +24354,13 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
               children: c
             }
           ),
-          d && /* @__PURE__ */ i(
+          l && /* @__PURE__ */ i(
             t1,
             {
               slotLeft: e ?? b,
               onClick: V,
               disabled: H,
-              children: l
+              children: d
             }
           )
         ] })
@@ -24355,11 +24375,11 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   lg: "ui-max-w-[896px]",
   xl: "ui-max-w-[1100px]",
   "2xl": "ui-max-w-[1350px]"
-}, S6 = (o) => K0({ children: o, component: Y1, componentName: "Modal.Header" }), $6 = (o) => K0({ children: o, component: X0, componentName: "Modal.Footer" }), K0 = ({
+}, S6 = (o) => Q0({ children: o, component: Y1, componentName: "Modal.Header" }), $6 = (o) => Q0({ children: o, component: K0, componentName: "Modal.Footer" }), Q0 = ({
   children: o,
   component: r,
   componentName: t
-}) => M1.Children.toArray(o).some((n) => M1.isValidElement(n) ? n.type === r || n.type.displayName === t || n.type.name === t ? !0 : n.type === M1.Fragment || n.props.children ? K0({ children: n.props.children, component: r, componentName: t }) : !1 : !1), P6 = ({
+}) => M1.Children.toArray(o).some((n) => M1.isValidElement(n) ? n.type === r || n.type.displayName === t || n.type.name === t ? !0 : n.type === M1.Fragment || n.props.children ? Q0({ children: n.props.children, component: r, componentName: t }) : !1 : !1), P6 = ({
   isOpen: o,
   onClose: r,
   icon: t,
@@ -24367,11 +24387,11 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   children: e,
   showCloseButton: a = !0,
   disableEscapeClose: c = !1,
-  disableOutsideTab: l = !0,
+  disableOutsideTab: d = !0,
   disableOutsideClick: s = !1,
   closeAtCorner: C = !0,
   cancelButtonText: p,
-  successButtonText: d,
+  successButtonText: l,
   onCancel: L,
   onSuccess: h,
   title: w,
@@ -24384,22 +24404,22 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   onChangeTab: V,
   headerButtonIcon: y,
   headerButtonOnClick: B,
-  footerButtonIcon: E,
+  footerButtonIcon: R,
   footerButtonOnClick: A,
   cancelButtonSlotLeft: S,
   successButtonSlotRight: v,
   disableCancelButton: x,
   disableSuccessButton: Z
 }) => {
-  const { isVisible: O, animateIn: M, container: I, modalRef: z } = O6({
+  const { isVisible: O, animateIn: M, container: k, modalRef: D } = O6({
     isOpen: o,
     onClose: r,
     disableEscapeClose: c,
-    disableOutsideTab: l,
+    disableOutsideTab: d,
     disableOutsideClick: s
   });
-  if (!I || !o && !O) return null;
-  const J = S6(e), G = $6(e), R = /* @__PURE__ */ u(
+  if (!k || !o && !O) return null;
+  const J = S6(e), q = $6(e), z = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -24414,20 +24434,20 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
               "ui-fixed ui-inset-0 ui-bg-black ui-backdrop-blur-sm ui-transition-opacity ui-duration-200",
               M ? "ui-opacity-40" : "ui-opacity-0"
             ),
-            onClick: s ? (X) => X.stopPropagation() : r
+            onClick: s ? (K) => K.stopPropagation() : r
           }
         ),
         /* @__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: z,
+            ref: D,
             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",
               B6[n],
               M ? "ui-translate-y-0 ui-scale-100 ui-opacity-100" : "ui-translate-y-4 ui-scale-95 ui-opacity-0"
             ),
-            onClick: (X) => X.stopPropagation(),
+            onClick: (K) => K.stopPropagation(),
             children: /* @__PURE__ */ u(
               k6,
               {
@@ -24436,7 +24456,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 showCloseButton: a,
                 closeAtCorner: C,
                 cancelButtonText: p,
-                successButtonText: d,
+                successButtonText: l,
                 onCancel: L,
                 onSuccess: h,
                 showCancelButton: f,
@@ -24447,7 +24467,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 icon: t,
                 headerButtonIcon: y,
                 headerButtonOnClick: B,
-                footerButtonIcon: E,
+                footerButtonIcon: R,
                 footerButtonOnClick: A,
                 tabs: H,
                 defaultValueTab: j,
@@ -24459,7 +24479,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 children: [
                   !J && (a || w ? /* @__PURE__ */ i(Y1, { title: w }) : null),
                   e && e,
-                  !G && /* @__PURE__ */ i(X0, {})
+                  !q && /* @__PURE__ */ i(K0, {})
                 ]
               }
             )
@@ -24468,11 +24488,11 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ]
     }
   );
-  return h9.createPortal(R, I);
+  return h9.createPortal(z, k);
 }, zi = Object.assign(P6, {
   Header: Y1,
   Body: Z6,
-  Footer: X0
+  Footer: K0
 }), T6 = [
   { label: "5", id: 5 },
   { label: "10", id: 10 },
@@ -24487,19 +24507,19 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   pageSizeText: e = "",
   showingPagesText: a = "Mostrando página",
   optionsSize: c = T6,
-  onPageChange: l,
+  onPageChange: d,
   handlePageSize: s = () => {
   },
   className: C = "",
   maxVisiblePages: p = 5,
-  showVisiblePages: d = !1,
+  showVisiblePages: l = !1,
   showPagesSelector: L = !1
 }) => {
   Q(() => {
-    o > r && r > 0 && l(r);
-  }, [o, r, l]);
+    o > r && r > 0 && d(r);
+  }, [o, r, d]);
   const h = (j) => {
-    j >= 1 && j <= r && l(j);
+    j >= 1 && j <= r && d(j);
   }, [w, f] = Y(t);
   Q(() => {
     f(t);
@@ -24517,7 +24537,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       role: "navigation",
       "aria-label": "Paginación",
       children: /* @__PURE__ */ u("div", { className: "ui-grid ui-w-full ui-grid-cols-[1fr] ui-grid-rows-3 ui-items-center ui-justify-center ui-gap-x-2 ui-gap-y-2 md:ui-grid-cols-[1fr_auto_1fr] md:ui-grid-rows-1 md:ui-justify-between", children: [
-        d && r > 1 ? /* @__PURE__ */ u("p", { className: "ui-text-black-black_light ui-text-center ui-text-xxs ui-tracking-wider md:ui-text-left", children: [
+        l && r > 1 ? /* @__PURE__ */ u("p", { className: "ui-text-black-black_light ui-text-center ui-text-xxs ui-tracking-wider md:ui-text-left", children: [
           a,
           " ",
           o,
@@ -27798,15 +27818,15 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   name: a,
   id: c
 }) => {
-  const [l, s] = Y(!1), [C, p] = Y(!1), d = c || `radio-${Math.random().toString(36).substr(2, 9)}`, h = o !== void 0 ? o : r !== void 0 ? r : !1, w = P(() => t ? h ? "disabledChecked" : "disabledUnchecked" : l ? h ? "checkedActive" : "uncheckedActive" : C ? h ? "checkedHover" : "uncheckedHover" : h ? "checked" : "unchecked", [t, h, l, C]), f = P(() => {
+  const [d, s] = Y(!1), [C, p] = Y(!1), l = c || `radio-${Math.random().toString(36).substr(2, 9)}`, h = o !== void 0 ? o : r !== void 0 ? r : !1, w = T(() => t ? h ? "disabledChecked" : "disabledUnchecked" : d ? h ? "checkedActive" : "uncheckedActive" : C ? h ? "checkedHover" : "uncheckedHover" : h ? "checked" : "unchecked", [t, h, d, C]), f = T(() => {
     t || s(!0);
-  }, [t]), g = P(() => {
+  }, [t]), g = T(() => {
     s(!1);
-  }, []), b = P(() => {
+  }, []), b = T(() => {
     t || p(!0);
-  }, [t]), m = P(() => {
+  }, [t]), m = T(() => {
     p(!1), s(!1);
-  }, []), H = P(
+  }, []), H = T(
     (j) => {
       t || (j.preventDefault(), n && n({
         target: {
@@ -27821,8 +27841,8 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   );
   return {
     state: w(),
-    radioId: d,
-    isActive: l,
+    radioId: l,
+    isActive: d,
     isHovered: C,
     handlers: {
       handleMouseDown: f,
@@ -27840,13 +27860,13 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   className: e,
   labelClassName: a,
   id: c,
-  checked: l,
+  checked: d,
   onChange: s,
   defaultChecked: C,
   ...p
 }) => {
-  const d = l !== void 0, L = d ? l : C !== void 0 ? C : !1, { state: h, radioId: w, handlers: f } = W6({
-    checked: l,
+  const l = d !== void 0, L = l ? d : C !== void 0 ? C : !1, { state: h, radioId: w, handlers: f } = W6({
+    checked: d,
     defaultChecked: C,
     disabled: n,
     onChange: s,
@@ -27860,8 +27880,8 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       {
         type: "radio",
         id: w,
-        checked: d ? l : void 0,
-        defaultChecked: !d && C !== void 0 ? C : void 0,
+        checked: l ? d : void 0,
+        defaultChecked: !l && C !== void 0 ? C : void 0,
         onChange: s,
         disabled: n,
         className: "ui-sr-only",
@@ -27913,9 +27933,9 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   onChange: r,
   options: t
 }) => {
-  const [n, e] = Y(o), a = o !== void 0 ? o : n, c = P(
-    (l) => {
-      r ? r(l) : e(l);
+  const [n, e] = Y(o), a = o !== void 0 ? o : n, c = T(
+    (d) => {
+      r ? r(d) : e(d);
     },
     [r]
   );
@@ -27931,14 +27951,14 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   color: e = "blue",
   disabled: a = !1,
   orientation: c = "vertical",
-  className: l,
+  className: d,
   name: s
 }) => {
   const { selectedValue: C, handleChange: p } = ei({
     value: r,
     onChange: t,
     options: o
-  }), d = (L) => {
+  }), l = (L) => {
     p(L.target.value);
   };
   return /* @__PURE__ */ i(
@@ -27947,7 +27967,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       className: U(
         "ui-flex ui-gap-3",
         c === "horizontal" ? "ui-flex-row" : "ui-flex-col",
-        l
+        d
       ),
       role: "radiogroup",
       "aria-label": s,
@@ -27957,7 +27977,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
           value: L.value,
           label: L.label,
           checked: C === L.value,
-          onChange: d,
+          onChange: l,
           size: n,
           color: e,
           disabled: a || L.disabled,
@@ -27977,7 +27997,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   return {
     currentStep: c,
     getColorClasses: (p) => {
-      const d = {
+      const l = {
         blue: {
           primary: "ui-bg-blue-500 ui-border-blue-500",
           secondary: "ui-border-blue-100",
@@ -28045,7 +28065,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
           line: "ui-border-transparent"
         }
       };
-      return d[p] || d.blue;
+      return l[p] || l.blue;
     },
     handleStepClick: (p) => {
       t && t(p), r === void 0 && a(p), n && n(p);
@@ -28092,16 +28112,16 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   isLast: e,
   onStepClick: a,
   classNameStep: c = "",
-  classNameStepLabel: l = "",
+  classNameStepLabel: d = "",
   classNameStepIcon: s = "",
   classNameStepNumber: C = "",
   vertical: p = !1,
-  stepClickable: d = !1
+  stepClickable: l = !1
 }) => /* @__PURE__ */ i("div", { className: p ? "ui-flex ui-flex-col ui-items-center ui-h-[60px] ui-min-h-[60px] ui-place-self-start" : "ui-flex ui-items-center ui-w-[130px] ui-min-w-[130px] ui-place-self-start", children: /* @__PURE__ */ u(
   "div",
   {
     className: `${p ? "ui-flex ui-flex-row ui-items-center ui-cursor-pointer ui-relative ui-h-full ui-gap-x-2" : "ui-flex ui-flex-col ui-items-center ui-cursor-pointer ui-relative ui-w-full"} ${c}`,
-    onClick: () => d && a(r),
+    onClick: () => l && a(r),
     children: [
       /* @__PURE__ */ i(
         oi,
@@ -28118,7 +28138,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
         {
           step: o,
           stepIndex: r,
-          className: l,
+          className: d,
           vertical: p
         }
       ),
@@ -28159,11 +28179,11 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   classNameStep: e,
   classNameStepLabel: a,
   classNameStepIcon: c,
-  classNameStepNumber: l,
+  classNameStepNumber: d,
   currentStep: s,
   onClickStep: C,
   onStepChange: p,
-  withScroll: d = !0,
+  withScroll: l = !0,
   vertical: L = !1,
   stepClickable: h = !1
 }) => {
@@ -28173,7 +28193,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     onClickStep: C,
     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) => {
+  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" : ""}`} ${ai({ color: r, size: t, className: n })}`, children: o.map((j, V) => {
     const y = b(V), B = V === o.length - 1;
     return /* @__PURE__ */ i(
       ui,
@@ -28187,7 +28207,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
         classNameStep: e,
         classNameStepLabel: a,
         classNameStepIcon: c,
-        classNameStepNumber: l,
+        classNameStepNumber: d,
         vertical: L,
         stepClickable: h
       },
@@ -28215,8 +28235,8 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       if (typeof p == "boolean")
         return p ? C : `${C}={false}`;
       if (typeof p == "function") {
-        const d = p.toString();
-        return d.includes("=>") ? `${C}={${d}}` : `${C}={${d}}`;
+        const l = p.toString();
+        return l.includes("=>") ? `${C}={${l}}` : `${C}={${l}}`;
       } else {
         if (p === null)
           return `${C}={null}`;
@@ -28235,13 +28255,13 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     let c = "";
     n.children && (Array.isArray(n.children) ? c = n.children.filter((C) => C != null).map((C) => R1(C)).join(`
 `) : c = R1(n.children));
-    const l = a ? ` ${a}` : "";
+    const d = a ? ` ${a}` : "";
     if (!c)
-      return `<${e}${l} />`;
+      return `<${e}${d} />`;
     const s = c.split(`
 `).map((C) => `  ${C}`).join(`
 `);
-    return `<${e}${l}>
+    return `<${e}${d}>
 ${s}
 </${e}>`;
   }
@@ -28269,12 +28289,12 @@ ${s}
       borderRadius: "0.375rem",
       overflow: "hidden"
     };
-  }, l = r9[e] || r9.dracula;
+  }, d = r9[e] || r9.dracula;
   return /* @__PURE__ */ i("div", { className: "w-full", style: c(), children: /* @__PURE__ */ i(
     Z2,
     {
       language: r,
-      style: l,
+      style: d,
       showLineNumbers: t,
       customStyle: {
         margin: 0,
@@ -28318,17 +28338,17 @@ const pi = {
 let g1 = { ...pi };
 const K1 = [];
 let Ci = 0;
-const E1 = /* @__PURE__ */ new Map(), i0 = {
+const E1 = /* @__PURE__ */ new Map(), o0 = {
   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 = E1.get(c);
-    if (s && l - s < 100)
+    const c = `${e}-${r}`, d = Date.now(), s = E1.get(c);
+    if (s && d - s < 100)
       return n;
-    E1.set(c, l);
-    for (const [p, d] of E1.entries())
-      l - d > 1e3 && E1.delete(p);
+    E1.set(c, d);
+    for (const [p, l] of E1.entries())
+      d - l > 1e3 && E1.delete(p);
     const C = {
       id: n,
       message: e,
@@ -28388,39 +28408,39 @@ const E1 = /* @__PURE__ */ new Map(), i0 = {
 }, Li = () => {
   const [o, r] = Y([]), t = o1(/* @__PURE__ */ new Map()), n = o1(null);
   return Q(() => {
-    const a = i0.getListeners();
+    const a = o0.getListeners();
     if (n.current) {
-      const l = a.indexOf(n.current);
-      l > -1 && a.splice(l, 1);
+      const d = a.indexOf(n.current);
+      d > -1 && a.splice(d, 1);
     }
-    const c = (l) => {
-      if (l.isLeaving) {
+    const c = (d) => {
+      if (d.isLeaving) {
         r(
-          (s) => s.map((C) => C.id === l.id ? { ...C, isLeaving: !0 } : C)
+          (s) => s.map((C) => C.id === d.id ? { ...C, isLeaving: !0 } : C)
         ), setTimeout(() => {
-          r((s) => s.filter((C) => C.id !== l.id));
+          r((s) => s.filter((C) => C.id !== d.id));
         }, g1.animationDuration);
         return;
       }
       if (r((s) => {
-        if (s.some((L) => L.id === l.id)) return s;
-        const p = { ...l, isLeaving: !1 };
+        if (s.some((L) => L.id === d.id)) return s;
+        const p = { ...d, isLeaving: !1 };
         return [...s, p].slice(-g1.maxToasts);
-      }), l.duration && l.duration > 0) {
+      }), d.duration && d.duration > 0) {
         const s = setTimeout(() => {
-          i0.dismiss(l.id), t.current.delete(l.id);
-        }, l.duration);
-        t.current.set(l.id, s);
+          o0.dismiss(d.id), t.current.delete(d.id);
+        }, d.duration);
+        t.current.set(d.id, s);
       }
     };
     return n.current = c, a.push(c), () => {
-      const l = a.indexOf(c);
-      l > -1 && a.splice(l, 1), t.current.forEach((s) => clearTimeout(s)), t.current.clear(), n.current = null;
+      const d = a.indexOf(c);
+      d > -1 && a.splice(d, 1), t.current.forEach((s) => clearTimeout(s)), t.current.clear(), n.current = null;
     };
   }, []), { toastsByPosition: x1(
     () => o.reduce((a, c) => {
-      const l = c.position || "top-right";
-      return a[l] || (a[l] = []), a[l].push(c), a;
+      const d = c.position || "top-right";
+      return a[d] || (a[d] = []), a[d].push(c), a;
     }, {}),
     [o]
   ), toasts: o };
@@ -28477,7 +28497,7 @@ const E1 = /* @__PURE__ */ new Map(), i0 = {
     },
     t
   )) });
-}, fi = i0, Gi = () => {
+}, fi = o0, Gi = () => {
   const { toastsByPosition: o } = Li();
   return D1(/* @__PURE__ */ i(gi, { toasts: o }), document.body);
 };
@@ -28532,7 +28552,7 @@ export {
   I9 as Tag,
   b9 as Title,
   Gi as Toaster,
-  e9 as Tooltip,
+  n0 as Tooltip,
   b1 as Visual,
   o6 as WeekDay,
   i6 as Year,