@imj_media/ui 1.0.74 → 1.0.75

package/dist/index.esm.js

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as u, Fragment as $1 } from "react/jsx-runtime";
-import M1, { useState as q, useRef as i1, useEffect as J, useCallback as N, useMemo as m1, useImperativeHandle as u0, forwardRef as Y1, createContext as F9, useContext as E9, useId as d9 } from "react";
+import M1, { useState as q, useRef as i1, useEffect as K, useCallback as N, useMemo as m1, useImperativeHandle as u0, forwardRef as Y1, createContext as F9, useContext as E9, useId as a0 } from "react";
 import { clsx as D9 } from "clsx";
 import { twMerge as R9 } from "tailwind-merge";
-import { library as a0 } from "@fortawesome/fontawesome-svg-core";
-import { faUser as l0, faHome as s0, faBell as d0, faEdit as c0, faSave as p0, faDownload as C0, faSearch as L0, faTrash as h0, faEye as g0, faHeart as w0, faStar as f0, faPlus as m0, faMinus as b0, faCheck as x0, faTimes as v0, faArrowLeft as M0, faArrowRight as j0, faArrowUp as V0, faArrowDown as H0, faBars as y0, faCog as O0, faInfo as k0, faExclamationTriangle as I0, faExclamationCircle as Z0, faCheckCircle as S0, faSpinner as B0, faSync as $0, faFilter as N0, faSort as T0, faCalendar as A0, faClock as z0, faMapMarkerAlt as P0, faFolder as F0, faCircle as E0, faSquare as D0, faList as R0, faTasks as _0, faTools as U0, faShapes as G0, faPalette as q0, faTachometerAlt as Y0, faDesktop as J0, faCircleCheck as X0 } from "@fortawesome/pro-regular-svg-icons";
+import { library as l0 } from "@fortawesome/fontawesome-svg-core";
+import { faUser as s0, faHome as d0, faBell as c0, faEdit as p0, faSave as C0, faDownload as L0, faSearch as h0, faTrash as g0, faEye as w0, faHeart as f0, faStar as m0, faPlus as b0, faMinus as x0, faCheck as v0, faTimes as M0, faArrowLeft as j0, faArrowRight as V0, faArrowUp as H0, faArrowDown as y0, faBars as O0, faCog as k0, faInfo as I0, faExclamationTriangle as Z0, faExclamationCircle as S0, faCheckCircle as B0, faSpinner as $0, faSync as N0, faFilter as T0, faSort as A0, faCalendar as z0, faClock as P0, faMapMarkerAlt as F0, faFolder as E0, faCircle as D0, faSquare as R0, faList as _0, faTasks as U0, faTools as G0, faShapes as q0, faPalette as Y0, faTachometerAlt as J0, faDesktop as X0, faCircleCheck as K0 } from "@fortawesome/pro-regular-svg-icons";
 import { faUser as _9, faHome as U9, faBell as G9, faEdit as q9, faSave as Y9, faDownload as J9, faSearch as X9, faTrash as K9, faEye as Q9, faHeart as W9, faStar as e2, faPlus as n2, faMinus as i2, faCheck as t2, faTimes as o2, faArrowLeft as r2, faArrowRight as u2, faArrowUp as a2, faArrowDown as l2, faBars as s2, faCog as d2, faInfo as c2, faExclamationTriangle as p2, faExclamationCircle as C2, faCheckCircle as L2, faSpinner as h2, faSync as g2, faFilter as w2, faSort as f2, faCalendar as m2, faClock as b2, faMapMarkerAlt as x2, faFolder as v2, faCircle as M2, faSquare as j2, faList as V2, faTasks as H2, faTools as y2, faShapes as O2, faPalette as k2, faDashboard as I2, faDesktop as Z2, faCircleCheck as S2 } from "@fortawesome/pro-solid-svg-icons";
 import { faFacebook as c9, faInstagram as p9, faTwitter as C9, faWhatsapp as e0, faLinkedin as L9, faYoutube as h9, faGithub as g9, faGoogle as w9, faApple as f9, faMicrosoft as m9 } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon as B2 } from "@fortawesome/react-fontawesome";
@@ -15,8 +15,7 @@ import { dark as T2, prism as A2, materialLight as z2, materialDark as P2, atomD
 function U(...t) {
   return R9(D9(t));
 }
-a0.add(
-  l0,
+l0.add(
   s0,
   d0,
   c0,
@@ -56,14 +55,15 @@ a0.add(
   U0,
   G0,
   q0,
-  // Reemplazar faColor con faPalette
   Y0,
+  // Reemplazar faColor con faPalette
   J0,
+  X0,
   // Reemplazar faScreen con faDesktop
-  X0
+  K0
   // Reemplazar faStatus con faCircleCheck
 );
-a0.add(
+l0.add(
   _9,
   U9,
   G9,
@@ -108,7 +108,7 @@ a0.add(
   Z2,
   S2
 );
-a0.add(
+l0.add(
   c9,
   p9,
   C9,
@@ -122,49 +122,49 @@ a0.add(
 );
 const U2 = {
   // Solo mapear iconos básicos que sabemos que existen en Font Awesome Pro
-  OutlineUserIcon: l0,
-  OutlineHomeIcon: s0,
-  OutlineBellIcon: d0,
-  OutlineEditIcon: c0,
-  OutlineSaveIcon: p0,
-  OutlineDownloadIcon: C0,
-  OutlineSearchIcon: L0,
-  OutlineTrashIcon: h0,
-  OutlineEyeIcon: g0,
-  OutlineHeartIcon: w0,
-  OutlineStarIcon: f0,
-  OutlinePlusIcon: m0,
-  OutlineMinusIcon: b0,
-  OutlineCheckIcon: x0,
-  OutlineTimesIcon: v0,
-  OutlineArrowLeftIcon: M0,
-  OutlineArrowRightIcon: j0,
-  OutlineArrowUpIcon: V0,
-  OutlineArrowDownIcon: H0,
-  OutlineBarsIcon: y0,
-  OutlineCogIcon: O0,
-  OutlineInfoIcon: k0,
-  OutlineExclamationTriangleIcon: I0,
-  OutlineExclamationCircleIcon: Z0,
-  OutlineCheckCircleIcon: S0,
-  OutlineSpinnerIcon: B0,
-  OutlineSyncIcon: $0,
-  OutlineFilterIcon: N0,
-  OutlineSortIcon: T0,
-  OutlineCalendarIcon: A0,
-  OutlineClockIcon: z0,
-  OutlineMapMarkerAltIcon: P0,
-  OutlineFolderIcon: F0,
-  OutlineCircleIcon: E0,
-  OutlineSquareIcon: D0,
-  OutlineListIcon: R0,
-  OutlineTasksIcon: _0,
-  OutlineToolsIcon: U0,
-  OutlineShapesIcon: G0,
-  OutlineColorIcon: q0,
-  OutlineDashboardIcon: Y0,
-  OutlineScreenIcon: J0,
-  OutlineStatusIcon: X0
+  OutlineUserIcon: s0,
+  OutlineHomeIcon: d0,
+  OutlineBellIcon: c0,
+  OutlineEditIcon: p0,
+  OutlineSaveIcon: C0,
+  OutlineDownloadIcon: L0,
+  OutlineSearchIcon: h0,
+  OutlineTrashIcon: g0,
+  OutlineEyeIcon: w0,
+  OutlineHeartIcon: f0,
+  OutlineStarIcon: m0,
+  OutlinePlusIcon: b0,
+  OutlineMinusIcon: x0,
+  OutlineCheckIcon: v0,
+  OutlineTimesIcon: M0,
+  OutlineArrowLeftIcon: j0,
+  OutlineArrowRightIcon: V0,
+  OutlineArrowUpIcon: H0,
+  OutlineArrowDownIcon: y0,
+  OutlineBarsIcon: O0,
+  OutlineCogIcon: k0,
+  OutlineInfoIcon: I0,
+  OutlineExclamationTriangleIcon: Z0,
+  OutlineExclamationCircleIcon: S0,
+  OutlineCheckCircleIcon: B0,
+  OutlineSpinnerIcon: $0,
+  OutlineSyncIcon: N0,
+  OutlineFilterIcon: T0,
+  OutlineSortIcon: A0,
+  OutlineCalendarIcon: z0,
+  OutlineClockIcon: P0,
+  OutlineMapMarkerAltIcon: F0,
+  OutlineFolderIcon: E0,
+  OutlineCircleIcon: D0,
+  OutlineSquareIcon: R0,
+  OutlineListIcon: _0,
+  OutlineTasksIcon: U0,
+  OutlineToolsIcon: G0,
+  OutlineShapesIcon: q0,
+  OutlineColorIcon: Y0,
+  OutlineDashboardIcon: J0,
+  OutlineScreenIcon: X0,
+  OutlineStatusIcon: K0
 }, G2 = {
   // Iconos de marcas (Brands)
   FillFacebookIcon: c9,
@@ -180,49 +180,49 @@ const U2 = {
   FillTelegramIcon: e0,
   // Usar WhatsApp como fallback
   // Iconos sólidos (Solid)
-  FillUserIcon: l0,
-  FillHomeIcon: s0,
-  FillBellIcon: d0,
-  FillEditIcon: c0,
-  FillSaveIcon: p0,
-  FillDownloadIcon: C0,
-  FillSearchIcon: L0,
-  FillTrashIcon: h0,
-  FillEyeIcon: g0,
-  FillHeartIcon: w0,
-  FillStarIcon: f0,
-  FillPlusIcon: m0,
-  FillMinusIcon: b0,
-  FillCheckIcon: x0,
-  FillTimesIcon: v0,
-  FillArrowLeftIcon: M0,
-  FillArrowRightIcon: j0,
-  FillArrowUpIcon: V0,
-  FillArrowDownIcon: H0,
-  FillBarsIcon: y0,
-  FillCogIcon: O0,
-  FillInfoIcon: k0,
-  FillExclamationTriangleIcon: I0,
-  FillExclamationCircleIcon: Z0,
-  FillCheckCircleIcon: S0,
-  FillSpinnerIcon: B0,
-  FillSyncIcon: $0,
-  FillFilterIcon: N0,
-  FillSortIcon: T0,
-  FillCalendarIcon: A0,
-  FillClockIcon: z0,
-  FillMapMarkerAltIcon: P0,
-  FillFolderIcon: F0,
-  FillCircleIcon: E0,
-  FillSquareIcon: D0,
-  FillListIcon: R0,
-  FillTasksIcon: _0,
-  FillToolsIcon: U0,
-  FillShapesIcon: G0,
-  FillColorIcon: q0,
-  FillDashboardIcon: Y0,
-  FillScreenIcon: J0,
-  FillStatusIcon: X0,
+  FillUserIcon: s0,
+  FillHomeIcon: d0,
+  FillBellIcon: c0,
+  FillEditIcon: p0,
+  FillSaveIcon: C0,
+  FillDownloadIcon: L0,
+  FillSearchIcon: h0,
+  FillTrashIcon: g0,
+  FillEyeIcon: w0,
+  FillHeartIcon: f0,
+  FillStarIcon: m0,
+  FillPlusIcon: b0,
+  FillMinusIcon: x0,
+  FillCheckIcon: v0,
+  FillTimesIcon: M0,
+  FillArrowLeftIcon: j0,
+  FillArrowRightIcon: V0,
+  FillArrowUpIcon: H0,
+  FillArrowDownIcon: y0,
+  FillBarsIcon: O0,
+  FillCogIcon: k0,
+  FillInfoIcon: I0,
+  FillExclamationTriangleIcon: Z0,
+  FillExclamationCircleIcon: S0,
+  FillCheckCircleIcon: B0,
+  FillSpinnerIcon: $0,
+  FillSyncIcon: N0,
+  FillFilterIcon: T0,
+  FillSortIcon: A0,
+  FillCalendarIcon: z0,
+  FillClockIcon: P0,
+  FillMapMarkerAltIcon: F0,
+  FillFolderIcon: E0,
+  FillCircleIcon: D0,
+  FillSquareIcon: R0,
+  FillListIcon: _0,
+  FillTasksIcon: U0,
+  FillToolsIcon: G0,
+  FillShapesIcon: q0,
+  FillColorIcon: Y0,
+  FillDashboardIcon: J0,
+  FillScreenIcon: X0,
+  FillStatusIcon: K0,
   // Iconos personalizados (mantener como null)
   FillLogoIcon: null
   // Mantener personalizado
@@ -270,7 +270,7 @@ const J2 = /* @__PURE__ */ new Set([
 function X2(t) {
   return J2.has(t);
 }
-const K0 = {
+const Q0 = {
   none: 0,
   xs: 10,
   sm: 12,
@@ -304,7 +304,7 @@ function K2({
   background: a = !1,
   onClick: c
 }) {
-  const s = K0[o], d = r === "current" ? "currentColor" : r, C = d === "currentColor" ? "currentColor" : T1[d] || T1.blue, p = /* @__PURE__ */ i(
+  const s = Q0[o], d = r === "current" ? "currentColor" : r, C = d === "currentColor" ? "currentColor" : T1[d] || T1.blue, p = /* @__PURE__ */ i(
     B2,
     {
       icon: t.icon,
@@ -342,7 +342,7 @@ function Q2({
   strokeWidth: s = 2,
   onClick: d
 }) {
-  const C = K0[o];
+  const C = Q0[o];
   return /* @__PURE__ */ u(
     "div",
     {
@@ -18650,16 +18650,16 @@ function Tt({
   let h = n0[L];
   if (h || (h = x9[L]), !h)
     return console.warn(`Icono legacy "${t}" no encontrado en ninguna variante`), null;
-  const g = h === n0[L] ? "outline" : "fill", m = K0[o], V = T1[r === "current" && g === "fill" ? "white" : r] || T1.blue, j = T1[n] || T1.black, O = /* @__PURE__ */ i(
+  const g = h === n0[L] ? "outline" : "fill", m = Q0[o], H = T1[r === "current" && g === "fill" ? "white" : r] || T1.blue, j = T1[n] || T1.black, V = /* @__PURE__ */ i(
     h,
     {
       width: m,
       height: m,
-      ...g === "outline" ? { stroke: V, fill: "none" } : { fill: j, stroke: V },
+      ...g === "outline" ? { stroke: H, fill: "none" } : { fill: j, stroke: H },
       ...s,
       strokeWidth: d
     }
-  ), I = (b) => {
+  ), Z = (b) => {
     C && (b.stopPropagation(), C(b));
   };
   return C ? /* @__PURE__ */ i(
@@ -18667,7 +18667,7 @@ function Tt({
     {
       role: "button",
       tabIndex: 0,
-      onClick: I,
+      onClick: Z,
       className: U(
         e,
         "ui-inline-block ui-cursor-pointer ui-rounded-full ui-p-1 ui-transition-all ui-duration-200",
@@ -18675,9 +18675,9 @@ function Tt({
         "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": V
+        "--tw-shadow-color": H
       },
-      children: O
+      children: V
     }
   ) : /* @__PURE__ */ i(
     "i",
@@ -18687,7 +18687,7 @@ function Tt({
         "ui-inline-block",
         a ? `ui-rounded-full ui-bg-blue-50 ${l[c]}` : ""
       ),
-      children: O
+      children: V
     }
   );
 }
@@ -18810,7 +18810,7 @@ const At = ({
       return !1;
     }
   };
-  return J(() => {
+  return K(() => {
     if (d.current && clearTimeout(d.current), !t || !h(t)) {
       a(!0), s(!1);
       return;
@@ -19152,97 +19152,97 @@ const At = ({
   });
   return /* @__PURE__ */ i("span", { className: e({ size: o }), role: "img", "aria-label": t, children: n });
 }, Ft = (t = "top", o = "center", r = !1, n = 0, e = !1) => {
-  const [a, c] = q(!1), [s, d] = q({ top: 0, left: 0 }), [C, p] = q({ width: 0, height: 0 }), [l, L] = q(t), h = i1(null), g = i1(null), m = i1(null), w = i1(null), V = i1(null), j = i1(null), Z = i1(null), O = i1({ top: 0, left: 0 }), I = i1({ count: 0, lastTime: 0 }), b = N(() => {
-    c(!1), d({ top: 0, left: 0 }), L(t), Z.current = null, I.current.count = 0, I.current.lastTime = 0, O.current = { top: 0, left: 0 };
+  const [a, c] = q(!1), [s, d] = q({ top: 0, left: 0 }), [C, p] = q({ width: 0, height: 0 }), [l, L] = q(t), h = i1(null), g = i1(null), m = i1(null), f = i1(null), H = i1(null), j = i1(null), I = i1(null), V = i1({ top: 0, left: 0 }), Z = i1({ count: 0, lastTime: 0 }), b = N(() => {
+    c(!1), d({ top: 0, left: 0 }), L(t), I.current = null, Z.current.count = 0, Z.current.lastTime = 0, V.current = { top: 0, left: 0 };
   }, [t]), v = N(() => {
     if (!h.current || !a) return;
-    const f = h.current.getBoundingClientRect(), x = { top: f.top, left: f.left };
-    if (Z.current) {
-      const $ = Z.current, B = 2;
+    const w = h.current.getBoundingClientRect(), x = { top: w.top, left: w.left };
+    if (I.current) {
+      const $ = I.current, B = 2;
       if (Math.abs(x.top - $.top) > B || Math.abs(x.left - $.left) > B) {
         b();
         return;
       }
     }
-    Z.current = x;
+    I.current = x;
   }, [a, b]), S = N(() => {
     var _, G, R, W, F, P;
     if (!h.current || !g.current) return;
-    const f = h.current.getBoundingClientRect(), x = g.current.getBoundingClientRect(), $ = 8;
+    const w = h.current.getBoundingClientRect(), x = g.current.getBoundingClientRect(), $ = 8;
     let B = 0, M = 0;
     if (r) {
       const T = (_ = m.current) == null ? void 0 : _.getBoundingClientRect();
       if (!T) return;
-      const z = f.top - T.top, D = f.left - T.left;
+      const z = w.top - T.top, D = w.left - T.left;
       switch (t) {
         case "top":
-          B = z - x.height - $, M = D + f.width / 2 - x.width / 2;
+          B = z - x.height - $, M = D + w.width / 2 - x.width / 2;
           break;
         case "bottom":
-          B = z + f.height + $, M = D + f.width / 2 - x.width / 2;
+          B = z + w.height + $, M = D + w.width / 2 - x.width / 2;
           break;
         case "left":
-          B = z + f.height / 2 - x.height / 2, M = D - x.width - $;
+          B = z + w.height / 2 - x.height / 2, M = D - x.width - $;
           break;
         case "right":
-          B = z + f.height / 2 - x.height / 2, M = D + f.width + $;
+          B = z + w.height / 2 - x.height / 2, M = D + w.width + $;
           break;
         case "top-left":
           B = z - x.height - $, M = D;
           break;
         case "top-right":
-          B = z - x.height - $, M = D + f.width - x.width;
+          B = z - x.height - $, M = D + w.width - x.width;
           break;
         case "bottom-left":
-          B = z + f.height + $, M = D;
+          B = z + w.height + $, M = D;
           break;
         case "bottom-right":
-          B = z + f.height + $, M = D + f.width - x.width;
+          B = z + w.height + $, M = D + w.width - x.width;
           break;
         case "right-top":
-          B = z, M = D + f.width + $;
+          B = z, M = D + w.width + $;
           break;
         case "right-bottom":
-          B = z + f.height - x.height, M = D + f.width + $;
+          B = z + w.height - x.height, M = D + w.width + $;
           break;
         case "left-top":
           B = z, M = D - x.width - $;
           break;
         case "left-bottom":
-          B = z + f.height - x.height, M = D - x.width - $;
+          B = z + w.height - x.height, M = D - x.width - $;
           break;
       }
       B < 0 && (B = 0), M < 0 && (M = 0), (() => {
         var E;
         const a1 = (E = m.current) == null ? void 0 : E.getBoundingClientRect();
         if (!a1) return;
-        let p1 = t, X = !1;
+        let p1 = t, J = !1;
         if (!(() => {
           switch (t) {
             case "top":
               return z >= x.height + $;
             case "bottom":
-              return z + f.height + $ + x.height <= a1.height;
+              return z + w.height + $ + x.height <= a1.height;
             case "left":
               return D >= x.width + $;
             case "right":
-              return D + f.width + $ + x.width <= a1.width;
+              return D + w.width + $ + x.width <= a1.width;
             default:
               return !0;
           }
-        })() && (t === "top" ? z + f.height + $ + x.height <= a1.height && (p1 = "bottom", X = !0) : t === "bottom" ? z >= x.height + $ && (p1 = "top", X = !0) : t === "left" ? D + f.width + $ + x.width <= a1.width && (p1 = "right", X = !0) : t === "right" && D >= x.width + $ && (p1 = "left", X = !0), X)) {
+        })() && (t === "top" ? z + w.height + $ + x.height <= a1.height && (p1 = "bottom", J = !0) : t === "bottom" ? z >= x.height + $ && (p1 = "top", J = !0) : t === "left" ? D + w.width + $ + x.width <= a1.width && (p1 = "right", J = !0) : t === "right" && D >= x.width + $ && (p1 = "left", J = !0), J)) {
           switch (p1) {
             case "top":
-              B = z - x.height - $, M = D + f.width / 2 - x.width / 2;
+              B = z - x.height - $, M = D + w.width / 2 - x.width / 2;
               break;
             case "bottom":
-              B = z + f.height + $, M = D + f.width / 2 - x.width / 2;
+              B = z + w.height + $, M = D + w.width / 2 - x.width / 2;
               break;
             case "left":
-              B = z + f.height / 2 - x.height / 2, M = D - x.width - $;
+              B = z + w.height / 2 - x.height / 2, M = D - x.width - $;
               break;
             case "right":
-              B = z + f.height / 2 - x.height / 2, M = D + f.width + $;
+              B = z + w.height / 2 - x.height / 2, M = D + w.width + $;
               break;
           }
           L(p1);
@@ -19251,40 +19251,40 @@ const At = ({
     } else
       switch (t) {
         case "top":
-          B = f.top - x.height - $, M = f.left + f.width / 2 - x.width / 2;
+          B = w.top - x.height - $, M = w.left + w.width / 2 - x.width / 2;
           break;
         case "bottom":
-          B = f.bottom + $, M = f.left + f.width / 2 - x.width / 2;
+          B = w.bottom + $, M = w.left + w.width / 2 - x.width / 2;
           break;
         case "left":
-          B = f.top + f.height / 2 - x.height / 2, M = f.left - x.width - $;
+          B = w.top + w.height / 2 - x.height / 2, M = w.left - x.width - $;
           break;
         case "right":
-          B = f.top + f.height / 2 - x.height / 2, M = f.right + $;
+          B = w.top + w.height / 2 - x.height / 2, M = w.right + $;
           break;
         case "top-left":
-          B = f.top - x.height - $, M = f.left;
+          B = w.top - x.height - $, M = w.left;
           break;
         case "top-right":
-          B = f.top - x.height - $, M = f.right - x.width;
+          B = w.top - x.height - $, M = w.right - x.width;
           break;
         case "bottom-left":
-          B = f.bottom + $, M = f.left;
+          B = w.bottom + $, M = w.left;
           break;
         case "bottom-right":
-          B = f.bottom + $, M = f.right - x.width;
+          B = w.bottom + $, M = w.right - x.width;
           break;
         case "right-top":
-          B = f.top, M = f.right + $;
+          B = w.top, M = w.right + $;
           break;
         case "right-bottom":
-          B = f.bottom - x.height, M = f.right + $;
+          B = w.bottom - x.height, M = w.right + $;
           break;
         case "left-top":
-          B = f.top, M = f.left - x.width - $;
+          B = w.top, M = w.left - x.width - $;
           break;
         case "left-bottom":
-          B = f.bottom - x.height, M = f.left - x.width - $;
+          B = w.bottom - x.height, M = w.left - x.width - $;
           break;
       }
     if (t.includes("top") || t.includes("bottom"))
@@ -19292,16 +19292,16 @@ const At = ({
         case "start":
           if (r) {
             const T = (G = m.current) == null ? void 0 : G.getBoundingClientRect();
-            T && (M = f.left - T.left);
+            T && (M = w.left - T.left);
           } else
-            M = f.left;
+            M = w.left;
           break;
         case "end":
           if (r) {
             const T = (R = m.current) == null ? void 0 : R.getBoundingClientRect();
-            T && (M = f.right - T.left - x.width);
+            T && (M = w.right - T.left - x.width);
           } else
-            M = f.right - x.width;
+            M = w.right - x.width;
           break;
       }
     else if (t.includes("left") || t.includes("right"))
@@ -19309,16 +19309,16 @@ const At = ({
         case "start":
           if (r) {
             const T = (W = m.current) == null ? void 0 : W.getBoundingClientRect();
-            T && (B = f.top - T.top);
+            T && (B = w.top - T.top);
           } else
-            B = f.top;
+            B = w.top;
           break;
         case "end":
           if (r) {
             const T = (F = m.current) == null ? void 0 : F.getBoundingClientRect();
-            T && (B = f.bottom - T.top - x.height);
+            T && (B = w.bottom - T.top - x.height);
           } else
-            B = f.bottom - x.height;
+            B = w.bottom - x.height;
           break;
       }
     if (r) {
@@ -19333,27 +19333,27 @@ const At = ({
       return;
     }
     const k = Date.now();
-    if (k - I.current.lastTime < 100) {
-      if (I.current.count++, I.current.count > 5) {
+    if (k - Z.current.lastTime < 100) {
+      if (Z.current.count++, Z.current.count > 5) {
         b();
         return;
       }
     } else
-      I.current.count = 0;
-    I.current.lastTime = k, O.current = { top: B, left: M }, d({ top: B, left: M });
+      Z.current.count = 0;
+    Z.current.lastTime = k, V.current = { top: B, left: M }, d({ top: B, left: M });
   }, [t, o, r, b]);
-  J(() => (a && g.current ? (requestAnimationFrame(() => {
+  K(() => (a && g.current ? (requestAnimationFrame(() => {
     if (S(), h.current) {
-      const f = h.current.getBoundingClientRect();
-      Z.current = { top: f.top, left: f.left };
+      const w = h.current.getBoundingClientRect();
+      I.current = { top: w.top, left: w.left };
     }
   }), j.current = setInterval(v, 100)) : j.current && (clearInterval(j.current), j.current = null), () => {
     j.current && (clearInterval(j.current), j.current = null);
-  }), [a, S, v]), J(() => {
+  }), [a, S, v]), K(() => {
     if (h.current)
-      return V.current = new IntersectionObserver(
-        (f) => {
-          f.forEach((x) => {
+      return H.current = new IntersectionObserver(
+        (w) => {
+          w.forEach((x) => {
             !x.isIntersecting && a && b();
           });
         },
@@ -19361,29 +19361,29 @@ const At = ({
           threshold: 0,
           rootMargin: "8px"
         }
-      ), V.current.observe(h.current), () => {
-        V.current && V.current.disconnect();
+      ), H.current.observe(h.current), () => {
+        H.current && H.current.disconnect();
       };
-  }, [a, b]), J(() => {
+  }, [a, b]), K(() => {
     if (!a) return;
-    const f = () => {
+    const w = () => {
       r || b();
     }, x = () => {
       b();
     };
-    return window.addEventListener("scroll", f, !0), window.addEventListener("resize", x), () => {
-      window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", x);
+    return window.addEventListener("scroll", w, !0), window.addEventListener("resize", x), () => {
+      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", x);
     };
   }, [a, r, b]);
-  const H = N(() => {
-    e || (w.current && (clearTimeout(w.current), w.current = null), n > 0 ? w.current = setTimeout(() => {
+  const y = N(() => {
+    e || (f.current && (clearTimeout(f.current), f.current = null), n > 0 ? f.current = setTimeout(() => {
       c(!0);
     }, n) : c(!0));
-  }, [e, n]), y = N(() => {
-    w.current && (clearTimeout(w.current), w.current = null), c(!1), d({ top: 0, left: 0 });
+  }, [e, n]), O = N(() => {
+    f.current && (clearTimeout(f.current), f.current = null), c(!1), d({ top: 0, left: 0 });
   }, []);
-  return J(() => () => {
-    w.current && clearTimeout(w.current), j.current && clearInterval(j.current);
+  return K(() => () => {
+    f.current && clearTimeout(f.current), j.current && clearInterval(j.current);
   }, []), {
     isVisible: a,
     coords: s,
@@ -19392,8 +19392,8 @@ const At = ({
     triggerRef: h,
     tooltipRef: g,
     containerRef: m,
-    handleMouseEnter: H,
-    handleMouseLeave: y,
+    handleMouseEnter: y,
+    handleMouseLeave: O,
     calculatePosition: S
   };
 }, Et = {
@@ -19608,22 +19608,22 @@ const At = ({
   const {
     isVisible: g,
     coords: m,
-    adjustedPosition: w,
-    triggerRef: V,
+    adjustedPosition: f,
+    triggerRef: H,
     tooltipRef: j,
-    containerRef: Z,
-    handleMouseEnter: O,
-    handleMouseLeave: I
-  } = Ft(r, n, L, c, s), b = _t(e, L), v = Dt(w, e);
-  return /* @__PURE__ */ u("div", { ref: Z, className: L ? "ui-relative" : "ui-contents", children: [
+    containerRef: I,
+    handleMouseEnter: V,
+    handleMouseLeave: Z
+  } = Ft(r, n, L, c, s), b = _t(e, L), v = Dt(f, e);
+  return /* @__PURE__ */ u("div", { ref: I, className: L ? "ui-relative" : "ui-contents", children: [
     /* @__PURE__ */ i(
       "div",
       {
-        ref: V,
-        onMouseEnter: O,
-        onMouseLeave: I,
-        onFocus: O,
-        onBlur: I,
+        ref: H,
+        onMouseEnter: V,
+        onMouseLeave: Z,
+        onFocus: V,
+        onBlur: Z,
         className: U("ui-inline-block ui-h-fit ui-w-fit", C ? "ui-w-full" : "ui-w-fit"),
         children: t
       }
@@ -19728,7 +19728,7 @@ const At = ({
   tooltipDelay: L = 0,
   tooltipDisabled: h = !1
 }) => {
-  const g = typeof t == "string" && t in v9, m = typeof t == "string" && (t in n0 || t in x9), w = () => m ? /* @__PURE__ */ i(
+  const g = typeof t == "string" && t in v9, m = typeof t == "string" && (t in n0 || t in x9), f = () => m ? /* @__PURE__ */ i(
     L1,
     {
       strokeWidth: c,
@@ -19756,9 +19756,9 @@ const At = ({
       color: l,
       delay: L,
       disabled: h,
-      children: w()
+      children: f()
     }
-  ) : w();
+  ) : f();
 }, w1 = (t, o, r, n) => {
   const e = t !== "button", a = {
     button: {
@@ -19858,18 +19858,18 @@ const At = ({
   clickable: h = !0,
   icon: g,
   link: m,
-  size: w,
-  square: V = !1,
+  size: f,
+  square: H = !1,
   target: j = "_self",
-  onClickIcon: Z,
-  onClickLeftSlot: O,
-  onClickRightSlot: I,
+  onClickIcon: I,
+  onClickLeftSlot: V,
+  onClickRightSlot: Z,
   disabled: b,
   colorIcon: v,
   showShadow: S = !1,
-  borderable: H,
-  iconSizeExtended: y = "none",
-  defaultSizeIcon: f = !0,
+  borderable: y,
+  iconSizeExtended: O = "none",
+  defaultSizeIcon: w = !0,
   defaultTooltipColor: x = !0,
   as: $ = "button",
   classNameId: B = "imj-ui-inner-button",
@@ -19888,11 +19888,11 @@ const At = ({
   whiteBackground: n1 = !0,
   strokeWidth: a1 = 2,
   transition: p1 = !0,
-  ...X
+  ...J
 }) => {
   const u1 = {
     disabled: b
-  }, E = a === "icon", Q = E ? !0 : f, t1 = E ? "xs" : w, e1 = (V1) => {
+  }, E = a === "icon", Q = E ? !0 : w, t1 = E ? "xs" : f, e1 = (V1) => {
     F && V1.stopPropagation(), z && z(V1);
   }, s1 = C1("", {
     variants: {
@@ -19924,10 +19924,10 @@ const At = ({
       j1,
       {
         slot: n,
-        size: w,
+        size: f,
         colorIcon: v,
         className: t,
-        onClick: O,
+        onClick: V,
         defaultSizeIcon: Q,
         strokeWidth: a1
       }
@@ -19952,24 +19952,24 @@ const At = ({
       {
         strokeWidth: a1,
         name: g,
-        size: a === "icon" ? w : y !== "none" ? y : w,
+        size: a === "icon" ? f : O !== "none" ? O : f,
         color: v,
-        onClick: a === "icon" ? z || Z : void 0
+        onClick: a === "icon" ? z || I : void 0
       }
     ) : g),
     l && e && /* @__PURE__ */ i(
       j1,
       {
         slot: e,
-        size: y !== "none" ? y : w,
+        size: O !== "none" ? O : f,
         colorIcon: v,
         className: t,
-        onClick: I,
+        onClick: Z,
         defaultSizeIcon: Q,
         strokeWidth: a1
       }
     )
-  ] }), r1 = V ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", d1 = x ? _ || "neutral" : C, k1 = C1(
+  ] }), r1 = H ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", d1 = x ? _ || "neutral" : C, k1 = C1(
     `${B} ui-h-fit ui-justify-center ui-flex ui-items-center ui-box-border ui-border-solid ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${S && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${P ? "enabled:!ui-cursor-pointer" : ""} ${p1 ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
@@ -19982,26 +19982,26 @@ const At = ({
           emoji: " ui-border-transparent"
         },
         size: {
-          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] ${V ? ` 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] ${V ? ` 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] ${V ? ` 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] ${V ? ` 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] ${V ? ` 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] ${V ? ` 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] ${V ? `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] ${H ? ` 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] ${H ? ` 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] ${H ? ` 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] ${H ? ` 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] ${H ? ` 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] ${H ? ` 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] ${H ? `ui-max-w-[62px] ui-min-h-[62px] ${r1}` : ""}`
         },
         color: {
-          blue: w1(a, h, H, n1).blue,
-          "blue-dark": w1(a, h, H, n1)["blue-dark"],
-          orange: w1(a, h, H, n1).orange,
-          red: w1(a, h, H, n1).red,
-          green: w1(a, h, H, n1).green,
-          white: w1(a, h, H, n1).white,
-          yellow: w1(a, h, H, n1).yellow,
-          "blue-light": w1(a, h, H, n1)["blue-light"],
-          neutral: w1(a, h, H, n1).neutral,
-          black: w1(a, h, H, n1).black,
-          transparent: w1(a, h, H, n1).transparent
+          blue: w1(a, h, y, n1).blue,
+          "blue-dark": w1(a, h, y, n1)["blue-dark"],
+          orange: w1(a, h, y, n1).orange,
+          red: w1(a, h, y, n1).red,
+          green: w1(a, h, y, n1).green,
+          white: w1(a, h, y, n1).white,
+          yellow: w1(a, h, y, n1).yellow,
+          "blue-light": w1(a, h, y, n1)["blue-light"],
+          neutral: w1(a, h, y, n1).neutral,
+          black: w1(a, h, y, n1).black,
+          transparent: w1(a, h, y, n1).transparent
         },
         rounded: {
           false: "ui-rounded-sm",
@@ -20009,7 +20009,7 @@ const At = ({
         },
         fullWidth: {
           true: "ui-w-full",
-          false: !V && !g && l ? "ui-min-w-fit" : ""
+          false: !H && !g && l ? "ui-min-w-fit" : ""
         }
       },
       defaultVariants: {
@@ -20052,7 +20052,7 @@ const At = ({
         {
           ref: T,
           className: U(k1, t),
-          ...X,
+          ...J,
           children: l1()
         }
       )
@@ -20073,7 +20073,7 @@ const At = ({
           ref: T,
           className: U(k1, t),
           ...u1,
-          ...X,
+          ...J,
           onClick: e1,
           children: l1()
         }
@@ -20392,11 +20392,11 @@ const At = ({
   }[t][o]}`;
 }, Wt = ({ open: t, externalIsLeaving: o }) => {
   const [r, n] = q(!1), [e, a] = q(!1), c = o !== void 0 ? o : e;
-  return J(() => {
+  return K(() => {
     t ? (n(!0), a(!1)) : (a(!0), o === void 0 && setTimeout(() => {
       n(!1);
     }, 300));
-  }, [t, o]), J(() => {
+  }, [t, o]), K(() => {
     o && o !== e && (a(!0), setTimeout(() => {
       n(!1);
     }, 300));
@@ -20404,7 +20404,7 @@ const At = ({
     isVisible: r,
     isLeaving: c
   };
-}, r9 = ({ progress: t, label: o }) => /* @__PURE__ */ u("p", { className: "ui-whitespace-nowrap ui-text-base ui-font-semibold ui-text-neutral-900", children: [
+}, u9 = ({ progress: t, label: o }) => /* @__PURE__ */ u("p", { className: "ui-whitespace-nowrap ui-text-base ui-font-semibold ui-text-neutral-900", children: [
   t,
   o
 ] }), eo = ({
@@ -20539,8 +20539,8 @@ const At = ({
     ] }),
     /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-w-full ui-flex-col ui-gap-1.5", children: [
       /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-justify-between ui-gap-2", children: [
-        a && /* @__PURE__ */ i(r9, { label: n }),
-        c && /* @__PURE__ */ i(r9, { progress: r, label: e })
+        a && /* @__PURE__ */ i(u9, { label: n }),
+        c && /* @__PURE__ */ i(u9, { progress: r, label: e })
       ] }),
       /* @__PURE__ */ i(
         eo,
@@ -20578,13 +20578,13 @@ const At = ({
   animation: h = "none",
   isLeaving: g,
   progressBarColor: m = !1,
-  duration: w = 3e3,
-  size: V = "sm"
+  duration: f = 3e3,
+  size: H = "sm"
 }) => {
-  const { isVisible: j, isLeaving: Z } = Wt({ open: t, externalIsLeaving: g });
+  const { isVisible: j, isLeaving: I } = Wt({ open: t, externalIsLeaving: g });
   if (!j)
     return null;
-  const O = !!d, I = (v) => {
+  const V = !!d, Z = (v) => {
     d && (v.stopPropagation(), d());
   }, b = {
     sm: "ui-px-4 ui-py-2",
@@ -20596,12 +20596,12 @@ const At = ({
       className: U(
         "ui-imj-alert ui-relative ui-overflow-hidden",
         n,
-        Qt({ color: o, variant: r, isLeaving: Z, animation: h }),
-        O ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
+        Qt({ color: o, variant: r, isLeaving: I, animation: h }),
+        V ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
       ),
-      onClick: I,
+      onClick: Z,
       children: [
-        /* @__PURE__ */ u("div", { className: U(b[V]), children: [
+        /* @__PURE__ */ u("div", { className: U(b[H]), children: [
           /* @__PURE__ */ i(
             Xt,
             {
@@ -20629,7 +20629,7 @@ const At = ({
           no,
           {
             progress: 100,
-            duration: w,
+            duration: f,
             color: r === "contained" ? "white" : o,
             showLabel: !1,
             withBackground: !1
@@ -20648,7 +20648,7 @@ const At = ({
     const L = r !== void 0 ? r : e;
     a || d(L), n == null || n(L);
   }, [a, r, e, n]);
-  return J(() => {
+  return K(() => {
     a && o !== void 0 && d(o);
   }, [a, o]), {
     value: C,
@@ -20815,16 +20815,16 @@ const At = ({
   icon: h,
   link: g,
   size: m,
-  target: w = "_self",
-  onClickIcon: V,
+  target: f = "_self",
+  onClickIcon: H,
   disabled: j,
-  colorIcon: Z,
-  tooltip: O,
-  tooltipPosition: I,
+  colorIcon: I,
+  tooltip: V,
+  tooltipPosition: Z,
   tooltipAlignment: b,
   tooltipColor: v,
   tooltipDelay: S,
-  ...H
+  ...y
 }) => /* @__PURE__ */ i(
   o1,
   {
@@ -20843,17 +20843,17 @@ const At = ({
     slotLeft: n,
     slotRight: e,
     link: g,
-    target: w,
-    onClickIcon: V,
+    target: f,
+    onClickIcon: H,
     disabled: j,
-    colorIcon: Z,
+    colorIcon: I,
     className: o,
-    tooltip: O,
-    tooltipPosition: I,
+    tooltip: V,
+    tooltipPosition: Z,
     tooltipAlignment: b,
     tooltipColor: v,
     tooltipDelay: S,
-    ...H
+    ...y
   }
 ), B1 = Y1(
   ({
@@ -20873,25 +20873,25 @@ const At = ({
     onValueChange: h,
     onChange: g,
     onClickExtraSlot: m,
-    className: w,
-    style: V,
+    className: f,
+    style: H,
     name: j,
-    autosize: Z = !1,
-    colorLeftIcon: O,
-    infoTooltip: I = "",
+    autosize: I = !1,
+    colorLeftIcon: V,
+    infoTooltip: Z = "",
     ...b
   }, v) => {
     const {
       value: S,
-      setValue: H,
-      isControlled: y
+      setValue: y,
+      isControlled: O
     } = oo({
       value: C,
       defaultValue: l,
       onChange: h
-    }), f = (A) => {
+    }), w = (A) => {
       const _ = A.target.value;
-      H(_), g == null || g(A);
+      y(_), g == null || g(A);
     }, { paddingClasses: x, getIconPosition: $ } = ro({
       size: n,
       leftSlot: a,
@@ -20905,13 +20905,13 @@ const At = ({
       fullWidth: p,
       caret: d,
       paddingClasses: x,
-      autosize: Z
+      autosize: I
     });
     return uo({
       ref: v,
       currentValue: S,
-      setValue: H,
-      isControlled: y,
+      setValue: y,
+      isControlled: O,
       inputId: b.id
     }), /* @__PURE__ */ u(
       "div",
@@ -20919,20 +20919,20 @@ const At = ({
         className: U(
           "ui-relative ui-flex ui-flex-col ui-gap-1",
           p ? "ui-w-full" : "ui-w-fit",
-          w
+          f
         ),
-        style: V,
+        style: H,
         children: [
-          (t || I) && /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
+          (t || Z) && /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
             t && /* @__PURE__ */ i("label", { className: k, children: t }),
-            I && /* @__PURE__ */ i(
+            Z && /* @__PURE__ */ i(
               b1,
               {
                 variant: "icon",
                 size: "sm",
                 color: "white",
                 as: "div",
-                tooltip: I,
+                tooltip: Z,
                 clickable: !1,
                 pointer: !1,
                 icon: "InfoCircleOutlined"
@@ -20944,7 +20944,7 @@ const At = ({
               j1,
               {
                 slot: a,
-                colorIcon: O,
+                colorIcon: V,
                 className: `ui-absolute ${$("left")} ui-top-1/2 ui--translate-y-1/2`,
                 fallback: (C == null ? void 0 : C.toString().substring(0, 1)) || ""
               }
@@ -20955,7 +20955,7 @@ const At = ({
                 placeholder: "Placeholder",
                 disabled: L,
                 value: S,
-                onChange: f,
+                onChange: w,
                 name: j,
                 "data-input-id": b.id || "default-input",
                 className: B + " ui-min-w-12",
@@ -20995,7 +20995,7 @@ const At = ({
 B1.displayName = "Input";
 const M9 = (t, o = {}) => {
   const { enterDelay: r = 10, exitDelay: n = 300 } = o, [e, a] = q(!1), [c, s] = q(!1);
-  return J(() => {
+  return K(() => {
     if (t) {
       a(!0);
       const d = setTimeout(() => {
@@ -21010,14 +21010,14 @@ const M9 = (t, o = {}) => {
   }, [t, r, n]), { isVisible: e, isAnimating: c };
 }, j9 = (t) => {
   const o = typeof window < "u";
-  J(() => {
+  K(() => {
     if (o)
       return t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
         document.body.style.overflow = "";
       };
   }, [t, o]);
-}, Q0 = (t, o, r = !1) => {
-  J(() => {
+}, W0 = (t, o, r = !1) => {
+  K(() => {
     if (!t || r) return;
     const n = (e) => {
       e.key === "Escape" && o();
@@ -21025,7 +21025,7 @@ const M9 = (t, o = {}) => {
     return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
   }, [t, o, r]);
 }, V9 = (t, o, r = !1) => {
-  J(() => {
+  K(() => {
     if (!t || r || !o.current) return;
     const n = [
       "button",
@@ -21042,7 +21042,7 @@ const M9 = (t, o = {}) => {
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [t, r, o]);
 }, lo = (t, o) => {
-  J(() => {
+  K(() => {
     t && o.current && requestAnimationFrame(() => {
       var r;
       (r = o.current) == null || r.focus();
@@ -21050,14 +21050,14 @@ const M9 = (t, o = {}) => {
   }, [t, o]);
 }, H9 = () => {
   const t = typeof window < "u", [o] = q(() => t ? document.createElement("div") : null);
-  return J(() => {
+  return K(() => {
     if (!(!o || !t))
       return document.body.appendChild(o), () => {
         document.body.contains(o) && document.body.removeChild(o);
       };
   }, [o, t]), o;
 }, so = (t, o, r, n = !1) => {
-  J(() => {
+  K(() => {
     if (!t || n) return;
     const e = (a) => {
       var d;
@@ -21080,25 +21080,25 @@ const M9 = (t, o = {}) => {
   onOutsideClick: d,
   disableSameTypeCheck: C = !1
 }) => {
-  J(() => {
+  K(() => {
     if (!t || o || !c) return;
     const p = (L) => {
-      var I, b;
-      const h = L.target, g = (I = r.current) == null ? void 0 : I.contains(h), m = (b = n == null ? void 0 : n.current) == null ? void 0 : b.contains(h), w = e ? h.closest(`[data-${a}-id="${e}"]`) : !1, V = a && !C ? h.closest(`[data-${a}-container-id="${e}"]`) : !1, j = s.some((v) => h.closest(v)), O = (() => {
+      var Z, b;
+      const h = L.target, g = (Z = r.current) == null ? void 0 : Z.contains(h), m = (b = n == null ? void 0 : n.current) == null ? void 0 : b.contains(h), f = e ? h.closest(`[data-${a}-id="${e}"]`) : !1, H = a && !C ? h.closest(`[data-${a}-container-id="${e}"]`) : !1, j = s.some((v) => h.closest(v)), V = (() => {
         let v = h;
         for (; v && v !== document.body; ) {
           const S = v.attributes;
-          for (let y = 0; y < S.length; y++) {
-            const f = S[y];
-            if (f.name.startsWith("data-") && f.name.endsWith("-id")) {
-              if (a === "dropdown" && (f.name.includes("popup") || f.name.includes("dropdown")))
+          for (let O = 0; O < S.length; O++) {
+            const w = S[O];
+            if (w.name.startsWith("data-") && w.name.endsWith("-id")) {
+              if (a === "dropdown" && (w.name.includes("popup") || w.name.includes("dropdown")))
                 continue;
               return !0;
             }
           }
-          const H = v.className;
-          if (typeof H == "string") {
-            const y = H.split(" ");
+          const y = v.className;
+          if (typeof y == "string") {
+            const O = y.split(" ");
             if ([
               "date-picker-portal",
               "dropdown-portal",
@@ -21107,14 +21107,14 @@ const M9 = (t, o = {}) => {
               "popover-portal",
               "react-datepicker",
               "react-datepicker-popper"
-            ].some((x) => y.includes(x)) || y.some((x) => x.endsWith("-portal")))
+            ].some((x) => O.includes(x)) || O.some((x) => x.endsWith("-portal")))
               return !0;
           }
           v = v.parentElement;
         }
         return !1;
       })();
-      g || m || w || V || j || O || d();
+      g || m || f || H || j || V || d();
     }, l = (L) => {
       L.detail.id === e && d();
     };
@@ -21141,7 +21141,7 @@ const M9 = (t, o = {}) => {
   disableOutsideClick: e = !1
 }) => {
   const a = H9(), { isVisible: c, isAnimating: s } = M9(t, { exitDelay: 200 }), d = i1(null);
-  return j9(t), Q0(t, o, r), lo(t, d), V9(t, d, !n), so(t, d, o, e), {
+  return j9(t), W0(t, o, r), lo(t, d), V9(t, d, !n), so(t, d, o, e), {
     isVisible: c,
     animateIn: s,
     container: a,
@@ -21164,18 +21164,18 @@ const M9 = (t, o = {}) => {
   title: h,
   tabs: g,
   defaultValueTab: m,
-  onChangeTab: w,
-  headerButtonIcon: V,
+  onChangeTab: f,
+  headerButtonIcon: H,
   headerButtonOnClick: j,
-  footerButtonIcon: Z,
-  footerButtonOnClick: O,
-  cancelButtonSlotLeft: I,
+  footerButtonIcon: I,
+  footerButtonOnClick: V,
+  cancelButtonSlotLeft: Z,
   successButtonSlotRight: b,
   disableCancelButton: v,
   disableSuccessButton: S,
-  successButtonColor: H = "blue"
+  successButtonColor: y = "blue"
 }) => {
-  const y = {
+  const O = {
     onClose: o,
     showCloseButton: l,
     closeAtCorner: L,
@@ -21191,18 +21191,18 @@ const M9 = (t, o = {}) => {
     icon: n,
     tabs: g,
     defaultValueTab: m,
-    onChangeTab: w,
-    headerButtonIcon: V,
+    onChangeTab: f,
+    headerButtonIcon: H,
     headerButtonOnClick: j,
-    footerButtonIcon: Z,
-    footerButtonOnClick: O,
-    cancelButtonSlotLeft: I,
+    footerButtonIcon: I,
+    footerButtonOnClick: V,
+    cancelButtonSlotLeft: Z,
     successButtonSlotRight: b,
     disableCancelButton: v,
     disableSuccessButton: S,
-    successButtonColor: H
+    successButtonColor: y
   };
-  return /* @__PURE__ */ i(O9.Provider, { value: y, children: t });
+  return /* @__PURE__ */ i(O9.Provider, { value: O, children: t });
 }, k9 = () => {
   const t = E9(O9);
   if (!t)
@@ -21273,8 +21273,8 @@ const M9 = (t, o = {}) => {
     onChangeTab: h,
     headerButtonIcon: g,
     headerButtonOnClick: m
-  } = k9(), w = o ?? C, V = c ?? g, j = s ?? m, Z = (n == null ? void 0 : n.length) > 0 ? n : l, O = (Z == null ? void 0 : Z.length) ?? !1, I = a ?? h, b = e ?? L, v = (S) => {
-    I && I(S);
+  } = k9(), f = o ?? C, H = c ?? g, j = s ?? m, I = (n == null ? void 0 : n.length) > 0 ? n : l, V = (I == null ? void 0 : I.length) ?? !1, Z = a ?? h, b = e ?? L, v = (S) => {
+    Z && Z(S);
   };
   return /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-flex-wrap ui-items-center ui-justify-between ui-gap-x-md ui-border-b ui-border-neutral-100 ui-p-4", children: [
     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(j1, { slot: p, size: "lg" }) }),
@@ -21288,11 +21288,11 @@ const M9 = (t, o = {}) => {
           variant: "outlined",
           rounded: !0,
           color: "white",
-          icon: V ?? "AlignJustifyOutlined",
+          icon: H ?? "AlignJustifyOutlined",
           size: "lg"
         }
       ),
-      w && /* @__PURE__ */ i(
+      f && /* @__PURE__ */ i(
         o1,
         {
           onClick: d,
@@ -21305,10 +21305,10 @@ const M9 = (t, o = {}) => {
         }
       )
     ] }),
-    O ? /* @__PURE__ */ i("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-absolute", children: /* @__PURE__ */ i(
+    V ? /* @__PURE__ */ i("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-absolute", children: /* @__PURE__ */ i(
       Co,
       {
-        options: Z ?? [],
+        options: I ?? [],
         defaultValue: b,
         size: "sm",
         onChange: (S) => {
@@ -21319,7 +21319,7 @@ const M9 = (t, o = {}) => {
   ] });
 };
 J1.displayName = "Modal.Header";
-const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", { className: U(o && "ui-p-4"), children: t }), W0 = ({
+const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", { className: U(o && "ui-p-4"), children: t }), e9 = ({
   children: t,
   footerButtonIcon: o,
   footerButtonOnClick: r,
@@ -21338,23 +21338,23 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     closeAtSuccess: h,
     closeAtCancel: g,
     footerButtonIcon: m,
-    footerButtonOnClick: w,
-    cancelButtonSlotLeft: V,
+    footerButtonOnClick: f,
+    cancelButtonSlotLeft: H,
     successButtonSlotRight: j,
-    successButtonColor: Z,
-    disableCancelButton: O,
-    disableSuccessButton: I
+    successButtonColor: I,
+    disableCancelButton: V,
+    disableSuccessButton: Z
   } = k9(), b = () => {
     C && C(), g && c();
   }, v = () => {
     p && p(), h && c();
-  }, S = o ?? m, H = r ?? w;
+  }, S = o ?? m, y = r ?? f;
   return /* @__PURE__ */ u(
     "div",
     {
-      className: `ui-flex ui-border-t ui-border-neutral-100 ui-p-4 ${H ? "ui-justify-between" : "ui-justify-end"} ui-items-center ui-gap-2`,
+      className: `ui-flex ui-border-t ui-border-neutral-100 ui-p-4 ${y ? "ui-justify-between" : "ui-justify-end"} ui-items-center ui-gap-2`,
       children: [
-        H && /* @__PURE__ */ i(
+        y && /* @__PURE__ */ i(
           o1,
           {
             "aria-label": "Header button",
@@ -21363,18 +21363,18 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
             color: "white",
             icon: S ?? "AlignJustifyOutlined",
             size: "lg",
-            onClick: H
+            onClick: y
           }
         ),
         t || /* @__PURE__ */ u("div", { className: "ui-flex ui-gap-2", children: [
           l && /* @__PURE__ */ i(
             o1,
             {
-              slotLeft: n ?? V,
+              slotLeft: n ?? H,
               color: "white",
               variant: "outlined",
               onClick: b,
-              disabled: O,
+              disabled: V,
               children: s
             }
           ),
@@ -21383,8 +21383,8 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
             {
               slotLeft: e ?? j,
               onClick: v,
-              disabled: I,
-              color: a ?? Z,
+              disabled: Z,
+              color: a ?? I,
               children: d
             }
           )
@@ -21400,11 +21400,11 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   lg: "ui-max-w-[896px]",
   xl: "ui-max-w-[1100px]",
   "2xl": "ui-max-w-[1350px]"
-}, go = (t) => e9({ children: t, component: J1, componentName: "Modal.Header" }), wo = (t) => e9({ children: t, component: W0, componentName: "Modal.Footer" }), e9 = ({
+}, go = (t) => n9({ children: t, component: J1, componentName: "Modal.Header" }), wo = (t) => n9({ children: t, component: e9, componentName: "Modal.Footer" }), n9 = ({
   children: t,
   component: o,
   componentName: r
-}) => M1.Children.toArray(t).some((n) => M1.isValidElement(n) ? n.type === o || n.type.displayName === r || n.type.name === r ? !0 : n.type === M1.Fragment || n.props.children ? e9({ children: n.props.children, component: o, componentName: r }) : !1 : !1), fo = ({
+}) => M1.Children.toArray(t).some((n) => M1.isValidElement(n) ? n.type === o || n.type.displayName === r || n.type.name === r ? !0 : n.type === M1.Fragment || n.props.children ? n9({ children: n.props.children, component: o, componentName: r }) : !1 : !1), fo = ({
   isOpen: t,
   onClose: o,
   icon: r,
@@ -21421,18 +21421,18 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   onSuccess: h,
   title: g,
   showCancelButton: m,
-  showSuccessButton: w,
-  closeAtSuccess: V,
+  showSuccessButton: f,
+  closeAtSuccess: H,
   closeAtCancel: j,
-  tabs: Z,
-  defaultValueTab: O,
-  onChangeTab: I,
+  tabs: I,
+  defaultValueTab: V,
+  onChangeTab: Z,
   headerButtonIcon: b,
   headerButtonOnClick: v,
   footerButtonIcon: S,
-  footerButtonOnClick: H,
-  cancelButtonSlotLeft: y,
-  successButtonSlotRight: f,
+  footerButtonOnClick: y,
+  cancelButtonSlotLeft: O,
+  successButtonSlotRight: w,
   disableCancelButton: x,
   disableSuccessButton: $,
   successButtonColor: B
@@ -21486,27 +21486,27 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
                 onCancel: L,
                 onSuccess: h,
                 showCancelButton: m,
-                showSuccessButton: w,
-                closeAtSuccess: V,
+                showSuccessButton: f,
+                closeAtSuccess: H,
                 closeAtCancel: j,
                 title: g,
                 icon: r,
                 headerButtonIcon: b,
                 headerButtonOnClick: v,
                 footerButtonIcon: S,
-                footerButtonOnClick: H,
-                tabs: Z,
-                defaultValueTab: O,
-                onChangeTab: I,
-                cancelButtonSlotLeft: y,
-                successButtonSlotRight: f,
+                footerButtonOnClick: y,
+                tabs: I,
+                defaultValueTab: V,
+                onChangeTab: Z,
+                cancelButtonSlotLeft: O,
+                successButtonSlotRight: w,
                 disableCancelButton: x,
                 disableSuccessButton: $,
                 successButtonColor: B,
                 children: [
                   !G && (a || g ? /* @__PURE__ */ i(J1, { title: g }) : null),
                   e && e,
-                  !R && /* @__PURE__ */ i(W0, {})
+                  !R && /* @__PURE__ */ i(e9, {})
                 ]
               }
             )
@@ -21516,10 +21516,10 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     }
   );
   return b9.createPortal(W, A);
-}, u9 = Object.assign(fo, {
+}, a9 = Object.assign(fo, {
   Header: J1,
   Body: Lo,
-  Footer: W0
+  Footer: e9
 }), Ur = ({
   isOpen: t,
   onClose: o,
@@ -21537,7 +21537,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
 }) => {
   const [h, g] = q("");
   return /* @__PURE__ */ i(
-    u9,
+    a9,
     {
       isOpen: t,
       onClose: o,
@@ -21548,7 +21548,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
       title: p,
       successButtonColor: l,
       successButtonText: L,
-      children: /* @__PURE__ */ i(u9.Body, { children: /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-flex-col ui-gap-4 ui-p-4", children: [
+      children: /* @__PURE__ */ i(a9.Body, { children: /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-flex-col ui-gap-4 ui-p-4", children: [
         d && /* @__PURE__ */ i(L1, { name: d, background: !0, size: "4xl", color: "blue", backgroundSize: "lg" }),
         n && /* @__PURE__ */ i("h2", { className: "ui-text-3xl ui-font-semibold ui-text-neutral-700", children: n }),
         e && /* @__PURE__ */ i("h3", { className: "ui-text-neutral-500 ui-text-center", children: e }),
@@ -21653,17 +21653,17 @@ const mo = (t) => {
     internalRange: { start: null, end: null },
     hoverDate: null,
     portalPosition: { top: 0, left: 0 }
-  }), [C, p] = q(!1), l = i1(null), L = o === "single" ? r !== void 0 : n !== void 0, h = o === "single" ? r === void 0 : n === void 0, g = o === "single" ? h ? s.internalDate : r : null, m = o === "range" ? h ? s.internalRange : n : { start: null, end: null }, w = (M) => M && M instanceof Date && !isNaN(M.getTime()), V = w(g) ? g : null, j = {
-    start: w(m == null ? void 0 : m.start) ? m.start : null,
-    end: w(m == null ? void 0 : m.end) ? m.end : null
-  }, Z = N(() => {
+  }), [C, p] = q(!1), l = i1(null), L = o === "single" ? r !== void 0 : n !== void 0, h = o === "single" ? r === void 0 : n === void 0, g = o === "single" ? h ? s.internalDate : r : null, m = o === "range" ? h ? s.internalRange : n : { start: null, end: null }, f = (M) => M && M instanceof Date && !isNaN(M.getTime()), H = f(g) ? g : null, j = {
+    start: f(m == null ? void 0 : m.start) ? m.start : null,
+    end: f(m == null ? void 0 : m.end) ? m.end : null
+  }, I = N(() => {
     if (l.current) {
       const M = l.current.getInputElement();
       if (M) {
         const k = M.getBoundingClientRect(), A = window.innerHeight, _ = window.innerWidth, G = 320, R = 256, W = 8;
         let F, P = k.left;
         const T = A - k.bottom, z = k.top;
-        T >= G + W ? F = k.bottom + W : z >= G + W ? F = k.top - G + W : T > z ? F = k.bottom + W : F = k.top - G + W, k.left + R > _ && (P = k.right - R), P = Math.max(0, Math.min(P, _ - R)), d((D) => ({
+        T >= G + W ? F = k.bottom + W : z >= G + W ? F = k.top - G - W : T > z ? F = k.bottom + W : F = k.top - G - W, k.left + R > _ && (P = k.right - R), P = Math.max(0, Math.min(P, _ - R)), d((D) => ({
           ...D,
           isOpen: !0,
           portalPosition: { top: F, left: P }
@@ -21672,9 +21672,9 @@ const mo = (t) => {
       }
     }
     d((M) => ({ ...M, isOpen: !0 })), p(!1);
-  }, []), O = N(() => {
+  }, []), V = N(() => {
     d((M) => ({ ...M, isOpen: !1 })), p(!1);
-  }, []), I = N((M) => {
+  }, []), Z = N((M) => {
     d((k) => ({ ...k, currentDate: M }));
   }, []), b = N((M) => {
     d((k) => ({ ...k, viewMode: M }));
@@ -21697,18 +21697,18 @@ const mo = (t) => {
   }, []), S = N(
     (M) => {
       var k;
-      o === "single" && (h && d((A) => ({ ...A, internalDate: M })), (k = t.onDateChange) == null || k.call(t, M), a && O());
+      o === "single" && (h && d((A) => ({ ...A, internalDate: M })), (k = t.onDateChange) == null || k.call(t, M), a && V());
     },
-    [o, h, t.onDateChange, a, O]
-  ), H = N(
+    [o, h, t.onDateChange, a, V]
+  ), y = N(
     (M) => {
       var k;
-      o === "range" && (L || d((A) => ({ ...A, internalRange: M })), (k = t.onRangeChange) == null || k.call(t, M), c && M.start && M.end && O());
+      o === "range" && (L || d((A) => ({ ...A, internalRange: M })), (k = t.onRangeChange) == null || k.call(t, M), c && M.start && M.end && V());
     },
-    [o, L, t.onRangeChange, c, O]
-  ), y = N((M) => {
+    [o, L, t.onRangeChange, c, V]
+  ), O = N((M) => {
     d((k) => ({ ...k, hoverDate: M }));
-  }, []), f = N((M) => {
+  }, []), w = N((M) => {
     d((k) => {
       const A = new Date(k.currentDate);
       return A.setMonth(M), {
@@ -21742,48 +21742,38 @@ const mo = (t) => {
     const k = M.getBoundingClientRect(), A = window.innerHeight, _ = window.innerWidth, G = 320, R = 256, W = 8;
     let F, P = k.left;
     const T = A - k.bottom, z = k.top;
-    T >= G + W ? F = k.bottom + W : z >= G + W ? F = k.top - G + W : T > z ? F = k.bottom + W : F = k.top - G + W, k.left + R > _ && (P = k.right - R), P = Math.max(0, Math.min(P, _ - R)), d((D) => ({ ...D, portalPosition: { top: F, left: P } })), p(!0);
+    T >= G + W ? F = k.bottom + W : z >= G + W ? F = k.top - G - W : T > z ? F = k.bottom + W : F = k.top - G - W, k.left + R > _ && (P = k.right - R), P = Math.max(0, Math.min(P, _ - R)), d((D) => ({ ...D, portalPosition: { top: F, left: P } })), p(!0);
   }, []);
-  return J(() => {
+  return K(() => {
     if (!s.isOpen) return;
     const M = () => B(), k = () => B();
     return window.addEventListener("scroll", M, !0), window.addEventListener("resize", k), () => {
       window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", k);
     };
-  }, [s.isOpen, B]), J(() => {
+  }, [s.isOpen, B]), K(() => {
     if (s.isOpen) {
       const M = setTimeout(() => {
         B();
       }, 0);
       return () => clearTimeout(M);
     }
-  }, [s.isOpen, B]), J(() => {
-    L && o === "single" && d((M) => ({
-      ...M,
-      internalDate: r
-    }));
-  }, [L, o, r]), J(() => {
-    L && o === "range" && d((M) => ({
-      ...M,
-      internalRange: n || { start: null, end: null }
-    }));
-  }, [L, o, n]), {
+  }, [s.isOpen, B]), {
     state: s,
-    selectedDate: V,
+    selectedDate: H,
     selectedRange: j,
     inputRef: l,
     isPortalReady: C,
     actions: {
-      openPicker: Z,
-      closePicker: O,
-      setCurrentDate: I,
+      openPicker: I,
+      closePicker: V,
+      setCurrentDate: Z,
       setViewMode: b,
       setSelectedDate: S,
-      setSelectedRange: H,
-      setHoverDate: y,
+      setSelectedRange: y,
+      setHoverDate: O,
       updatePortalPosition: B,
       navigate: v,
-      handleMonthSelect: f,
+      handleMonthSelect: w,
       handleYearSelect: x,
       goToToday: $
     }
@@ -21805,53 +21795,53 @@ const mo = (t) => {
     [t, o, d, e]
   ), p = N(
     (l, L) => {
-      const h = c(l, t), g = s(l, t), m = a(l, t), w = d(l);
-      let V = !1;
+      const h = c(l, t), g = s(l, t), m = a(l, t), f = d(l);
+      let H = !1;
       if (L && t.start && !t.end) {
-        const I = {
+        const Z = {
           start: t.start < L ? t.start : L,
           end: t.start < L ? L : t.start
         };
-        V = a(l, I);
+        H = a(l, Z);
       }
       let j = !1;
       if (t.start && t.end && m && !h) {
-        const I = new Date(l);
-        I.setDate(l.getDate() - 1), j = !a(I, t);
-      } else if (t.start && !t.end && L && V) {
-        const I = new Date(l);
-        I.setDate(l.getDate() - 1);
+        const Z = new Date(l);
+        Z.setDate(l.getDate() - 1), j = !a(Z, t);
+      } else if (t.start && !t.end && L && H) {
+        const Z = new Date(l);
+        Z.setDate(l.getDate() - 1);
         const b = {
           start: t.start < L ? t.start : L,
           end: t.start < L ? L : t.start
         };
-        j = !a(I, b);
+        j = !a(Z, b);
       }
-      let Z = !1;
+      let I = !1;
       if (t.start && t.end && m && !g) {
-        const I = new Date(l);
-        I.setDate(l.getDate() + 1), Z = !a(I, t);
-      } else if (t.start && !t.end && L && V) {
-        const I = new Date(l);
-        I.setDate(l.getDate() + 1);
+        const Z = new Date(l);
+        Z.setDate(l.getDate() + 1), I = !a(Z, t);
+      } else if (t.start && !t.end && L && H) {
+        const Z = new Date(l);
+        Z.setDate(l.getDate() + 1);
         const b = {
           start: t.start < L ? t.start : L,
           end: t.start < L ? L : t.start
         };
-        Z = !a(I, b);
+        I = !a(Z, b);
       }
-      let O = !0;
-      return t.start && !t.end && L ? O = L >= t.start : t.start && t.end && (O = l >= t.start), {
+      let V = !0;
+      return t.start && !t.end && L ? V = L >= t.start : t.start && t.end && (V = l >= t.start), {
         isSelectingStart: !t.start || t.start && t.end,
         isSelectingEnd: !!t.start && !t.end,
         isStart: h,
         isEnd: g,
         isInRange: m,
         isFirstInRange: j,
-        isLastInRange: Z,
-        afterSelected: O,
-        isDisabled: w,
-        isHovered: V
+        isLastInRange: I,
+        afterSelected: V,
+        isDisabled: f,
+        isHovered: H
       };
     },
     [t, c, s, a, d]
@@ -21880,19 +21870,19 @@ const mo = (t) => {
     },
     [t, o]
   ), e = N((p) => {
-    const l = p.getFullYear(), L = p.getMonth(), h = new Date(l, L, 1), g = new Date(l, L + 1, 0), m = g.getDate(), w = h.getDay();
-    return { firstDay: h, lastDay: g, daysInMonth: m, startOfWeek: w };
+    const l = p.getFullYear(), L = p.getMonth(), h = new Date(l, L, 1), g = new Date(l, L + 1, 0), m = g.getDate(), f = h.getDay();
+    return { firstDay: h, lastDay: g, daysInMonth: m, startOfWeek: f };
   }, []), a = N(
     (p, l = 1) => {
-      const { firstDay: L, lastDay: h, daysInMonth: g, startOfWeek: m } = e(p), w = [], V = (m - l + 7) % 7;
-      for (let Z = 0; Z < V; Z++)
-        w.push(null);
-      for (let Z = 1; Z <= g; Z++)
-        w.push(Z);
-      const j = (7 - w.length % 7) % 7;
-      for (let Z = 0; Z < j; Z++)
-        w.push(null);
-      return w;
+      const { firstDay: L, lastDay: h, daysInMonth: g, startOfWeek: m } = e(p), f = [], H = (m - l + 7) % 7;
+      for (let I = 0; I < H; I++)
+        f.push(null);
+      for (let I = 1; I <= g; I++)
+        f.push(I);
+      const j = (7 - f.length % 7) % 7;
+      for (let I = 0; I < j; I++)
+        f.push(null);
+      return f;
     },
     [e]
   ), c = N((p = "es-ES") => {
@@ -21930,14 +21920,14 @@ const mo = (t) => {
     e((g) => ({ ...g, inputValue: h }));
   }, []), s = N((h, g) => {
     if (!h) return "";
-    const m = h.getDate().toString().padStart(2, "0"), w = (h.getMonth() + 1).toString().padStart(2, "0"), V = h.getFullYear();
-    return g.format.replace("dd", m).replace("MM", w).replace("yyyy", V.toString());
+    const m = h.getDate().toString().padStart(2, "0"), f = (h.getMonth() + 1).toString().padStart(2, "0"), H = h.getFullYear();
+    return g.format.replace("dd", m).replace("MM", f).replace("yyyy", H.toString());
   }, []), d = N((h, g) => {
     if (!h) return null;
-    const m = g.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), w = new RegExp(`^${m}$`), V = h.match(w);
-    if (!V) return null;
-    const [, j, Z, O] = V, I = new Date(parseInt(O), parseInt(Z) - 1, parseInt(j));
-    return isNaN(I.getTime()) ? null : I;
+    const m = g.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), f = new RegExp(`^${m}$`), H = h.match(f);
+    if (!H) return null;
+    const [, j, I, V] = H, Z = new Date(parseInt(V), parseInt(I) - 1, parseInt(j));
+    return isNaN(Z.getTime()) ? null : Z;
   }, []), C = N(
     (h, g) => d(h, g) !== null,
     [d]
@@ -21974,7 +21964,7 @@ const mo = (t) => {
     },
     [o]
   );
-  J(() => {
+  K(() => {
     if (t)
       return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
         document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
@@ -21988,8 +21978,8 @@ const mo = (t) => {
           ref: e,
           style: {
             position: "fixed",
-            top: r.top,
-            left: r.left,
+            top: `${r.top}px`,
+            left: `${r.left}px`,
             zIndex: n
           },
           className: "date-picker-portal ui-bg-white ui-rounded-lg ui-shadow-xl ui-border ui-border-gray-200"
@@ -21998,7 +21988,7 @@ const mo = (t) => {
       ),
       document.body
     ) : null,
-    [t, r]
+    [t, r, n]
   );
   return {
     portalRef: e,
@@ -22021,24 +22011,24 @@ const mo = (t) => {
   onMouseEnter: h,
   onMouseLeave: g,
   className: m = "",
-  renderDay: w
+  renderDay: f
 }) => {
-  const V = i1(null);
+  const H = i1(null);
   if (t === null)
     return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" });
   const j = (b) => {
     b.stopPropagation(), C || L(o);
-  }, Z = () => {
-    !C && h && (V.current && (clearTimeout(V.current), V.current = null), h(o));
-  }, O = () => {
-    !C && g && (r || n || e || a ? V.current = setTimeout(() => {
-      g(), V.current = null;
-    }, 100) : g());
   }, I = () => {
+    !C && h && (H.current && (clearTimeout(H.current), H.current = null), h(o));
+  }, V = () => {
+    !C && g && (r || n || e || a ? H.current = setTimeout(() => {
+      g(), H.current = null;
+    }, 100) : g());
+  }, Z = () => {
     let b = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!s && !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 ? b += " ui-text-gray-400 ui-cursor-not-allowed" : r ? b += " ui-bg-blue-500 ui-text-white" : e ? b += ` ui-bg-blue-500 ui-text-white  ${d ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? b += ` ui-bg-blue-500 ui-text-white  ${d ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? b += " ui-bg-blue-50 ui-text-blue-500" : l ? b += " ui-bg-blue-50" : p ? b += " ui-text-blue-500" : b += "hover:ui-bg-neutral-50", `${b} ${m}`;
   };
-  return w ? w({
+  return f ? f({
     day: t,
     date: o,
     isSelected: r,
@@ -22053,10 +22043,10 @@ const mo = (t) => {
   }) : /* @__PURE__ */ i(
     "div",
     {
-      className: I(),
+      className: Z(),
       onClick: j,
-      onMouseEnter: Z,
-      onMouseLeave: O,
+      onMouseEnter: I,
+      onMouseLeave: V,
       role: "button",
       tabIndex: C ? -1 : 0,
       "aria-label": `${t} ${o.toLocaleDateString()}`,
@@ -22246,43 +22236,43 @@ const mo = (t) => {
     },
     a,
     c
-  ), m = (j) => o ? j.getTime() === o.getTime() : !1, w = (j) => !!(a && j < a || c && j > c), V = L(t, d);
+  ), m = (j) => o ? j.getTime() === o.getTime() : !1, f = (j) => !!(a && j < a || c && j > c), H = L(t, d);
   return /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-grid ui-w-fit ui-grid-cols-7 ui-gap-y-0.5", children: [
-    s.map((j, Z) => /* @__PURE__ */ i(jo, { day: j }, Z)),
-    V.map((j, Z) => {
+    s.map((j, I) => /* @__PURE__ */ i(jo, { day: j }, I)),
+    H.map((j, I) => {
       if (j === null)
-        return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, Z);
-      const O = new Date(t.getFullYear(), t.getMonth(), j), I = r ? g(O, p || null) : {
+        return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, I);
+      const V = new Date(t.getFullYear(), t.getMonth(), j), Z = r ? g(V, p || null) : {
         isStart: !1,
         isEnd: !1,
         isInRange: !1,
         isFirstInRange: !1,
         isLastInRange: !1,
         afterSelected: !0,
-        isDisabled: w(O),
+        isDisabled: f(V),
         isHovered: !1
       };
       return /* @__PURE__ */ i(
         xo,
         {
           day: j,
-          date: O,
-          isSelected: m(O),
-          isInRange: I.isInRange,
-          isStart: I.isStart,
-          isEnd: I.isEnd,
-          isFirstInRange: I.isFirstInRange,
-          isLastInRange: I.isLastInRange,
-          afterSelected: I.afterSelected,
-          isDisabled: I.isDisabled,
-          isToday: h(O),
-          isHovered: I.isHovered,
+          date: V,
+          isSelected: m(V),
+          isInRange: Z.isInRange,
+          isStart: Z.isStart,
+          isEnd: Z.isEnd,
+          isFirstInRange: Z.isFirstInRange,
+          isLastInRange: Z.isLastInRange,
+          afterSelected: Z.afterSelected,
+          isDisabled: Z.isDisabled,
+          isToday: h(V),
+          isHovered: Z.isHovered,
           onClick: n,
           onMouseEnter: e,
           onMouseLeave: () => e == null ? void 0 : e(null),
           renderDay: l
         },
-        Z
+        I
       );
     })
   ] });
@@ -22358,32 +22348,37 @@ const mo = (t) => {
     readOnly: C = !1,
     format: p = "dd/MM/yyyy",
     label: l = ""
-  }, L) => /* @__PURE__ */ i(
-    B1,
-    {
-      label: l,
-      ref: L,
-      value: t,
-      placeholder: o,
-      "aria-expanded": r,
-      onClickExtraSlot: () => {
-        d || n();
-      },
-      extraSlot: "CalendarOutlined",
-      onChange: (V) => {
-        !d && e && e(V.target.value);
-      },
-      onFocus: () => {
-        !d && a && a();
-      },
-      onBlur: () => {
-        !d && c && c();
-      },
-      className: s,
-      disabled: d,
-      readOnly: !0
-    }
-  )
+  }, L) => {
+    const h = a0(), g = () => {
+      d || n();
+    }, m = (j) => {
+      !d && e && e(j.target.value);
+    }, f = () => {
+      !d && a && a();
+    }, H = () => {
+      !d && c && c();
+    };
+    return /* @__PURE__ */ i(
+      B1,
+      {
+        id: `date-picker-input-${h}`,
+        label: l,
+        ref: L,
+        value: t,
+        placeholder: o,
+        "aria-expanded": r,
+        onClickExtraSlot: g,
+        extraSlot: "CalendarOutlined",
+        onChange: m,
+        onFocus: f,
+        onBlur: H,
+        className: s,
+        disabled: d,
+        readOnly: !0,
+        fullWidth: !0
+      }
+    );
+  }
 ), yo = ({
   calendarDates: t,
   viewModes: o,
@@ -22417,8 +22412,8 @@ const mo = (t) => {
     const h = a[l.getMonth()], g = l.getFullYear();
     switch (L) {
       case "years":
-        const m = d(g, c), w = m[0], V = m[m.length - 1];
-        return `${w} - ${V}`;
+        const m = d(g, c), f = m[0], H = m[m.length - 1];
+        return `${f} - ${H}`;
       case "months":
         return `${g}`;
       case "days":
@@ -22488,12 +22483,12 @@ const mo = (t) => {
   hoverDate: h,
   onMonthSelect: g,
   onYearSelect: m,
-  renderDay: w
+  renderDay: f
 }) => {
-  const V = (O) => {
-    g == null || g(O);
-  }, j = (O) => {
-    m == null || m(O);
+  const H = (V) => {
+    g == null || g(V);
+  }, j = (V) => {
+    m == null || m(V);
   };
   return /* @__PURE__ */ i("div", { className: "ui-flex ui-h-full ui-justify-center ui-p-3", children: (() => {
     switch (s) {
@@ -22512,7 +22507,7 @@ const mo = (t) => {
             startOfWeek: p,
             showWeekNumbers: l,
             hoverDate: h,
-            renderDay: w
+            renderDay: f
           }
         );
       case "months":
@@ -22521,7 +22516,7 @@ const mo = (t) => {
           {
             currentDate: t,
             selectedMonth: t.getMonth(),
-            onMonthSelect: V,
+            onMonthSelect: H,
             monthNames: C
           }
         );
@@ -22569,18 +22564,18 @@ const mo = (t) => {
     "Noviembre",
     "Diciembre"
   ],
-  startOfWeek: w = 1,
-  showWeekNumbers: V = !1,
+  startOfWeek: f = 1,
+  showWeekNumbers: H = !1,
   yearRange: j = 12,
-  hoverDate: Z,
-  closeOnSelect: O,
-  autoCloseRange: I,
+  hoverDate: I,
+  closeOnSelect: V,
+  autoCloseRange: Z,
   renderHeader: b,
   renderDay: v
 }) => {
   const S = ($) => {
     C == null || C($);
-  }, H = () => {
+  }, y = () => {
     switch (s) {
       case "days":
         d("months");
@@ -22592,9 +22587,9 @@ const mo = (t) => {
         d("days");
         break;
     }
-  }, y = ($) => {
+  }, O = ($) => {
     p == null || p($);
-  }, f = ($) => {
+  }, w = ($) => {
     l == null || l($);
   }, x = () => {
     switch (s) {
@@ -22610,9 +22605,9 @@ const mo = (t) => {
             minDate: a,
             maxDate: c,
             weekDays: g,
-            startOfWeek: w,
-            showWeekNumbers: V,
-            hoverDate: Z,
+            startOfWeek: f,
+            showWeekNumbers: H,
+            hoverDate: I,
             renderDay: v
           }
         );
@@ -22622,7 +22617,7 @@ const mo = (t) => {
           {
             currentDate: t,
             selectedMonth: t.getMonth(),
-            onMonthSelect: y,
+            onMonthSelect: O,
             monthNames: m
           }
         );
@@ -22632,7 +22627,7 @@ const mo = (t) => {
           {
             currentDate: t,
             selectedYear: t.getFullYear(),
-            onYearSelect: f,
+            onYearSelect: w,
             yearRange: j
           }
         );
@@ -22645,7 +22640,7 @@ const mo = (t) => {
     {
       className: U(
         "ui-min-w-[254px] ui-overflow-hidden ui-rounded-lg ui-border ui-border-neutral-100 ui-bg-white ui-shadow-lg",
-        O ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
+        V ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
       ),
       children: [
         /* @__PURE__ */ i(
@@ -22654,14 +22649,14 @@ const mo = (t) => {
             currentDate: t,
             viewMode: s,
             onNavigate: S,
-            onToggleViewMode: H,
+            onToggleViewMode: y,
             onGoToToday: L,
             monthNames: m,
             renderHeader: b
           }
         ),
         /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: x() }),
-        !O && /* @__PURE__ */ u("footer", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
+        !V && /* @__PURE__ */ u("footer", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
           /* @__PURE__ */ i(o1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
           /* @__PURE__ */ i(o1, { size: "md", children: "Aceptar" })
         ] })
@@ -22685,39 +22680,39 @@ const mo = (t) => {
   viewMode: h,
   minDate: g,
   maxDate: m,
-  locale: w,
-  weekDays: V,
+  locale: f,
+  weekDays: H,
   monthNames: j,
-  startOfWeek: Z,
-  showWeekNumbers: O,
-  yearRange: I,
+  startOfWeek: I,
+  showWeekNumbers: V,
+  yearRange: Z,
   hoverDate: b,
   closeOnSelect: v,
   autoCloseRange: S,
-  calendarsCount: H = 1,
-  mode: y = "single",
-  onClickSelected: f = !1,
+  calendarsCount: y = 1,
+  mode: O = "single",
+  onClickSelected: w = !1,
   renderHeader: x,
   renderDay: $
 }) => {
-  const [B, M] = q(Array(H).fill(h)), [k, A] = q(() => {
+  const [B, M] = q(Array(y).fill(h)), [k, A] = q(() => {
     const P = [];
-    for (let T = 0; T < H; T++) {
+    for (let T = 0; T < y; T++) {
       const z = new Date(n);
       z.setMonth(z.getMonth() + T), P.push(z);
     }
     return P;
   }), { renderPortal: _ } = bo(t, o, r, 1100);
-  J(() => {
-    M(Array(H).fill(h));
-  }, [h, H]), J(() => {
+  K(() => {
+    M(Array(y).fill(h));
+  }, [h, y]), K(() => {
     const P = [];
-    for (let T = 0; T < H; T++) {
+    for (let T = 0; T < y; T++) {
       const z = new Date(n);
       z.setMonth(z.getMonth() + T), P.push(z);
     }
     A(P);
-  }, [n, H]);
+  }, [n, y]);
   const G = (P) => {
     const T = B[P];
     let z;
@@ -22769,7 +22764,7 @@ const mo = (t) => {
     }), A(T), C(P);
   };
   return _(
-    /* @__PURE__ */ i("div", { className: "ui-relative", children: y === "range" && H > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
+    /* @__PURE__ */ i("div", { className: "ui-relative", children: O === "range" && y > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
       /* @__PURE__ */ i(
         yo,
         {
@@ -22779,7 +22774,7 @@ const mo = (t) => {
           onToggleViewMode: G,
           onGoToToday: L,
           monthNames: j,
-          yearRange: I,
+          yearRange: Z,
           renderHeader: x
         }
       ),
@@ -22794,11 +22789,11 @@ const mo = (t) => {
           minDate: g,
           maxDate: m,
           viewMode: B[T],
-          weekDays: V,
+          weekDays: H,
           monthNames: j,
-          startOfWeek: Z,
-          showWeekNumbers: O,
-          yearRange: I,
+          startOfWeek: I,
+          showWeekNumbers: V,
+          yearRange: Z,
           hoverDate: b,
           onMonthSelect: (z) => R(T, z),
           onYearSelect: (z) => W(T, z),
@@ -22825,12 +22820,12 @@ const mo = (t) => {
         onMonthSelect: p,
         onYearSelect: l,
         onGoToToday: L,
-        locale: w,
-        weekDays: V,
+        locale: f,
+        weekDays: H,
         monthNames: j,
-        startOfWeek: Z,
-        showWeekNumbers: O,
-        yearRange: I,
+        startOfWeek: I,
+        showWeekNumbers: V,
+        yearRange: Z,
         hoverDate: b,
         closeOnSelect: v,
         autoCloseRange: S,
@@ -22839,7 +22834,7 @@ const mo = (t) => {
       }
     ) })
   );
-}, a9 = (t) => {
+}, l9 = (t) => {
   const {
     mode: o = "single",
     selectedDate: r = null,
@@ -22869,18 +22864,18 @@ const mo = (t) => {
     className: h = "",
     inputClassName: g = "",
     headerClassName: m = "",
-    dayClassName: w = "",
-    monthClassName: V = "",
+    dayClassName: f = "",
+    monthClassName: H = "",
     yearClassName: j = "",
-    disabledDayClassName: Z = "text-gray-400 cursor-not-allowed",
-    rangeClassName: O = "bg-blue-100",
-    rangeStartClassName: I = "bg-blue-500 text-white rounded-l-full",
+    disabledDayClassName: I = "text-gray-400 cursor-not-allowed",
+    rangeClassName: V = "bg-blue-100",
+    rangeStartClassName: Z = "bg-blue-500 text-white rounded-l-full",
     rangeEndClassName: b = "bg-blue-500 text-white rounded-r-full",
     todayClassName: v = "border border-blue-500",
     showWeekNumbers: S = !1,
-    yearRange: H = 12,
-    initialViewMode: y = "days",
-    closeOnSelect: f = !1,
+    yearRange: y = 12,
+    initialViewMode: O = "days",
+    closeOnSelect: w = !1,
     autoCloseRange: x = !0,
     placeholder: $ = "Seleccionar fecha",
     format: B = "dd/MM/yyyy",
@@ -22893,27 +22888,27 @@ const mo = (t) => {
     c,
     s,
     x
-  ), z = (X) => {
-    if (!X || !(X instanceof Date) || isNaN(X.getTime()))
+  ), z = (J) => {
+    if (!J || !(J instanceof Date) || isNaN(J.getTime()))
       return "";
-    const u1 = X.getDate().toString().padStart(2, "0"), E = (X.getMonth() + 1).toString().padStart(2, "0"), Q = X.getFullYear();
+    const u1 = J.getDate().toString().padStart(2, "0"), E = (J.getMonth() + 1).toString().padStart(2, "0"), Q = J.getFullYear();
     return B.replace("dd", u1).replace("MM", E).replace("yyyy", Q.toString());
-  }, D = (X) => {
-    if (!X || !X.start && !X.end) return "";
-    const u1 = X.start && X.start instanceof Date && !isNaN(X.start.getTime()), E = X.end && X.end instanceof Date && !isNaN(X.end.getTime());
-    return u1 && E ? `${z(X.start)} - ${z(X.end)}` : u1 ? z(X.start) : E ? z(X.end) : "";
-  }, n1 = (X) => {
-    if (!X || !(X instanceof Date) || isNaN(X.getTime())) {
-      console.warn("DatePicker: Se recibió una fecha inválida:", X);
+  }, D = (J) => {
+    if (!J || !J.start && !J.end) return "";
+    const u1 = J.start && J.start instanceof Date && !isNaN(J.start.getTime()), E = J.end && J.end instanceof Date && !isNaN(J.end.getTime());
+    return u1 && E ? `${z(J.start)} - ${z(J.end)}` : u1 ? z(J.start) : E ? z(J.end) : "";
+  }, n1 = (J) => {
+    if (!J || !(J instanceof Date) || isNaN(J.getTime())) {
+      console.warn("DatePicker: Se recibió una fecha inválida:", J);
       return;
     }
-    o === "single" ? P.setSelectedDate(X) : T(X, _.hoverDate, P.closePicker);
-  }, a1 = (X) => {
-    if (X !== null && (!(X instanceof Date) || isNaN(X.getTime()))) {
-      console.warn("DatePicker: Se recibió una fecha inválida en hover:", X);
+    o === "single" ? P.setSelectedDate(J) : T(J, _.hoverDate, P.closePicker);
+  }, a1 = (J) => {
+    if (J !== null && (!(J instanceof Date) || isNaN(J.getTime()))) {
+      console.warn("DatePicker: Se recibió una fecha inválida en hover:", J);
       return;
     }
-    P.setHoverDate(X);
+    P.setHoverDate(J);
   }, p1 = () => o === "single" ? z(G) : D(R);
   return /* @__PURE__ */ u("div", { className: `relative ${h}`, children: [
     /* @__PURE__ */ i(
@@ -22953,9 +22948,9 @@ const mo = (t) => {
         monthNames: p,
         startOfWeek: L,
         showWeekNumbers: S,
-        yearRange: H,
+        yearRange: y,
         hoverDate: _.hoverDate,
-        closeOnSelect: f,
+        closeOnSelect: w,
         autoCloseRange: x,
         calendarsCount: M,
         mode: o,
@@ -22990,18 +22985,18 @@ const mo = (t) => {
   },
   onSuccess: m = () => {
   },
-  showCancelButton: w = !0,
-  showSuccessButton: V = !0,
+  showCancelButton: f = !0,
+  showSuccessButton: H = !0,
   closeAtSuccess: j = !1,
-  closeAtCancel: Z = !0,
-  disabledSuccessButton: O = !1,
-  disabledCancelButton: I = !1
+  closeAtCancel: I = !0,
+  disabledSuccessButton: V = !1,
+  disabledCancelButton: Z = !1
 }) => {
-  const b = H9(), { isVisible: v, isAnimating: S } = M9(t), H = i1(null);
-  j9(t), Q0(t, o, s), V9(t, H, !d);
-  const y = () => {
-    g && g(), Z && o();
-  }, f = () => {
+  const b = H9(), { isVisible: v, isAnimating: S } = M9(t), y = i1(null);
+  j9(t), W0(t, o, s), V9(t, y, !d);
+  const O = () => {
+    g && g(), I && o();
+  }, w = () => {
     m && m(), j && o();
   };
   if (!b || !v) return null;
@@ -23025,7 +23020,7 @@ const mo = (t) => {
         /* @__PURE__ */ i(
           "div",
           {
-            ref: H,
+            ref: y,
             tabIndex: -1,
             onClick: ($) => $.stopPropagation(),
             className: U(
@@ -23048,11 +23043,11 @@ const mo = (t) => {
                   children: e
                 }
               ),
-              (w || V) && /* @__PURE__ */ u($1, { children: [
+              (f || H) && /* @__PURE__ */ u($1, { children: [
                 /* @__PURE__ */ i(v1.Separator, { padding: !1 }),
                 /* @__PURE__ */ u(v1.Footer, { className: "ui-flex ui-items-center ui-justify-end ui-gap-x-4 ui-p-4", children: [
-                  w && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "outlined", color: "white", onClick: y, disabled: I, children: L }),
-                  V && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "button", onClick: f, disabled: O, children: h })
+                  f && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "outlined", color: "white", onClick: O, disabled: Z, children: L }),
+                  H && /* @__PURE__ */ i(b1, { fullWidth: !0, variant: "button", onClick: w, disabled: V, children: h })
                 ] })
               ] })
             ] })
@@ -23282,7 +23277,7 @@ const mo = (t) => {
   onOpenChange: g,
   withCheckbox: m = !1
 }) => {
-  const w = d9(), V = C || `dropdown-${w}`, [j, Z] = q(!1), [O, I] = q(!1), [b, v] = q(""), [S, H] = q("bottom"), [y, f] = q({}), x = i1(null), $ = i1(null), B = i1(null), M = N(
+  const f = a0(), H = C || `dropdown-${f}`, [j, I] = q(!1), [V, Z] = q(!1), [b, v] = q(""), [S, y] = q("bottom"), [O, w] = q({}), x = i1(null), $ = i1(null), B = i1(null), M = N(
     (E) => E == null ? [] : Array.isArray(E) ? E : [E],
     []
   ), k = N(
@@ -23294,7 +23289,7 @@ const mo = (t) => {
     },
     [G, a]
   );
-  J(() => {
+  K(() => {
     if (G && t !== void 0)
       if (l) {
         const E = M(t);
@@ -23340,7 +23335,7 @@ const mo = (t) => {
       let e1 = 0;
       $.current && (e1 = $.current.offsetHeight), e1 === 0 && (e1 = Math.min(200, P.length * 40));
       const s1 = t1 - Q.bottom, l1 = Q.top, r1 = s1 < e1 && l1 > s1 ? "top" : "bottom";
-      H(r1);
+      y(r1);
       let d1 = 0, N1 = 0, k1 = Q.width;
       if (!h)
         r1 === "bottom" ? d1 = Q.bottom + 4 : d1 = Q.top - e1 - 4, N1 = Q.left;
@@ -23350,16 +23345,16 @@ const mo = (t) => {
         const z1 = Q.top - x1.top, H1 = Q.left - x1.left;
         r1 === "bottom" ? d1 = z1 + Q.height + 4 : d1 = z1 - e1 - 4, N1 = H1;
       }
-      const V1 = h ? 9999 : 1100, I1 = parseInt(V.replace(/\D/g, "")) || 0, A1 = V1 + I1 % 100, Q1 = {
+      const V1 = h ? 9999 : 1100, I1 = parseInt(H.replace(/\D/g, "")) || 0, A1 = V1 + I1 % 100, Q1 = {
         position: h ? "absolute" : "fixed",
         top: `${d1}px`,
         left: `${N1}px`,
         width: `${k1}px`,
         zIndex: A1
       };
-      f(Q1);
+      w(Q1);
     });
-  }, [T, P.length, V, h]), D = N(() => {
+  }, [T, P.length, H, h]), D = N(() => {
     if (!$.current || !F.length)
       return;
     const Q = $.current.querySelector(".ui-overflow-y-auto");
@@ -23378,16 +23373,16 @@ const mo = (t) => {
       behavior: "smooth"
     });
   }, [F, n]), n1 = (E) => {
-    E && E.stopPropagation(), !p && (j ? a1() : (So(V), v(""), I(!1), z(), setTimeout(() => {
-      Z(!0), t0.add(V), setTimeout(() => {
+    E && E.stopPropagation(), !p && (j ? a1() : (So(H), v(""), Z(!1), z(), setTimeout(() => {
+      I(!0), t0.add(H), setTimeout(() => {
         z(), setTimeout(() => {
           D();
         }, 50);
       }, 50);
     }, 50)));
   }, a1 = () => {
-    I(!0), setTimeout(() => {
-      Z(!1), I(!1), t0.delete(V);
+    Z(!0), setTimeout(() => {
+      I(!1), Z(!1), t0.delete(H);
     }, 150);
   }, p1 = (E, Q) => {
     if (Q.stopPropagation(), !E.disabled) {
@@ -23403,12 +23398,12 @@ const mo = (t) => {
       }
       c == null || c(E);
     }
-  }, X = (E) => {
+  }, J = (E) => {
     v(E.target.value);
   }, u1 = (E) => {
     E.stopPropagation(), W(l ? [] : ""), v("");
   };
-  return J(() => {
+  return K(() => {
     g == null || g(j);
   }, [j, g]), y9({
     isActive: j,
@@ -23417,7 +23412,7 @@ const mo = (t) => {
     elementRef: $,
     containerRef: h ? void 0 : B,
     // No usar containerRef cuando absolute=true
-    elementId: V,
+    elementId: H,
     elementType: "dropdown",
     closeOnClickOutside: d,
     disableSameTypeCheck: h,
@@ -23427,46 +23422,46 @@ const mo = (t) => {
         a1();
       }, 0);
     }
-  }), J(() => {
+  }), K(() => {
     const E = () => {
       j && a1();
     };
     return document.addEventListener("close-all-dropdowns", E), () => {
       document.removeEventListener("close-all-dropdowns", E);
     };
-  }, [j, a1]), J(() => {
+  }, [j, a1]), K(() => {
     if (j) {
       const E = () => {
         z();
       }, Q = () => {
-        j && !O && z();
+        j && !V && z();
       };
       return window.addEventListener("resize", E), window.addEventListener("scroll", Q, !1), document.addEventListener("scroll", Q, !1), () => {
         window.removeEventListener("resize", E), window.removeEventListener("scroll", Q, !1), document.removeEventListener("scroll", Q, !1);
       };
     }
-  }, [j, z, O]), {
+  }, [j, z, V]), {
     // Estado
     isOpen: j,
-    isClosing: O,
+    isClosing: V,
     searchValue: b,
     selectedValue: R,
     selectedOptions: F,
     filteredOptions: P,
     position: S,
-    dropdownStyle: y,
+    dropdownStyle: O,
     isControlled: G,
     multiple: l,
     // Referencias
     inputRef: x,
     dropdownRef: $,
     containerRef: B,
-    dropdownUniqueId: V,
+    dropdownUniqueId: H,
     // Funciones
     toggleDropdown: n1,
     closeDropdown: a1,
     handleOptionSelect: p1,
-    handleSearchChange: X,
+    handleSearchChange: J,
     handleClear: u1,
     calculatePosition: z,
     setValue: W,
@@ -23519,26 +23514,26 @@ const mo = (t) => {
   valueName: h,
   idName: g
 }) => {
-  const [m, w] = q(!1), [V, j] = q(null), Z = i1(null);
-  return J(() => {
-    if (!Z.current || r.length === 0) {
-      w(!1), j(null);
+  const [m, f] = q(!1), [H, j] = q(null), I = i1(null);
+  return K(() => {
+    if (!I.current || r.length === 0) {
+      f(!1), j(null);
       return;
     }
-    const I = setTimeout(() => {
-      const b = Z.current;
+    const Z = setTimeout(() => {
+      const b = I.current;
       if (b) {
         const v = b.scrollHeight, S = b.clientHeight;
-        if (V === null) {
+        if (H === null) {
           j(S);
           return;
         }
-        const H = v > V;
-        w(H);
+        const y = v > H;
+        f(y);
       }
     }, 100);
-    return () => clearTimeout(I);
-  }, [r.length, V]), // Input personalizado con tags para modo tags
+    return () => clearTimeout(Z);
+  }, [r.length, H]), // Input personalizado con tags para modo tags
   /* @__PURE__ */ u("div", { className: "ui-w-full", children: [
     t && /* @__PURE__ */ i("label", { className: "ui-mb-1 ui-block ui-text-sm ui-font-bold ui-text-gray-700", children: t }),
     /* @__PURE__ */ u(
@@ -23547,8 +23542,8 @@ const mo = (t) => {
         ref: d,
         "data-dropdown-input": "true",
         className: `ui-flex ui-min-h-[32px] ui-cursor-pointer ui-items-center ui-gap-1 ui-rounded-md ui-border ui-border-gray-300 ui-bg-white ui-px-2 ${m ? "ui-py-2" : "ui-py-0.5"} ui-transition-[padding] ui-duration-150 ui-ease-out focus-within:ui-border-blue-500 focus-within:ui-ring-2 focus-within:ui-ring-blue-200 hover:ui-border-gray-400`,
-        onClick: (O) => {
-          c || e(O);
+        onClick: (V) => {
+          c || e(V);
         },
         onFocus: () => {
           !a && !c && (s(!0), e());
@@ -23558,20 +23553,20 @@ const mo = (t) => {
           r.length > 0 ? /* @__PURE__ */ i(
             "div",
             {
-              ref: Z,
+              ref: I,
               className: `ui-flex ui-flex-wrap ui-gap-1 ${m ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
-              children: r.map((O) => O ? /* @__PURE__ */ i(
+              children: r.map((V) => V ? /* @__PURE__ */ i(
                 A9,
                 {
                   className: "ui-z-[1010]",
-                  label: O[h],
+                  label: V[h],
                   color: "blue",
                   size: "xs",
-                  onClick: (I) => {
-                    I.stopPropagation(), n(O[g]);
+                  onClick: (Z) => {
+                    Z.stopPropagation(), n(V[g]);
                   }
                 },
-                O[h]
+                V[h]
               ) : null)
             }
           ) : /* @__PURE__ */ i("span", { className: "ui-text-sm ui-text-neutral-500", children: o }),
@@ -23612,18 +23607,18 @@ const mo = (t) => {
     defaultValue: h = "",
     disabled: g = !1,
     placeholder: m = "",
-    options: w = [],
-    valueName: V = "label",
+    options: f = [],
+    valueName: H = "label",
     idName: j = "value",
-    onValueChange: Z,
-    onOptionSelect: O,
-    onCheckboxChange: I,
+    onValueChange: I,
+    onOptionSelect: V,
+    onCheckboxChange: Z,
     searchable: b = !1,
     maxHeight: v = "200px",
     closeOnClickOutside: S = !0,
-    dropdownId: H,
-    multiple: y = !1,
-    maxSelectedItems: f,
+    dropdownId: y,
+    multiple: O = !1,
+    maxSelectedItems: w,
     selectedItemsDisplay: x = "tags",
     absolute: $ = !1,
     footer: B = !1,
@@ -23632,7 +23627,7 @@ const mo = (t) => {
     onHandleAccept: A,
     ..._
   }, G) => {
-    const R = i1(null), [W, F] = q(c), [P, T] = q(null), [z, D] = q(!1), p1 = y ? w : !y && M ? [
+    const R = i1(null), [W, F] = q(c), [P, T] = q(null), [z, D] = q(!1), p1 = O ? f : !O && M ? [
       {
         ...{
           label: m || "Selecciona una opción",
@@ -23643,8 +23638,8 @@ const mo = (t) => {
         value: -1,
         label: m || "Selecciona una opción"
       },
-      ...w.filter((Y) => Y[j] !== -1)
-    ] : w, X = L !== void 0 ? L : M && !y ? -1 : h, {
+      ...f.filter((Y) => Y[j] !== -1)
+    ] : f, J = L !== void 0 ? L : M && !O ? -1 : h, {
       // Estado
       isOpen: u1,
       isClosing: E,
@@ -23662,27 +23657,27 @@ const mo = (t) => {
       // Funciones
       toggleDropdown: I1,
       closeDropdown: A1,
-      handleOptionSelect: i9,
+      handleOptionSelect: t9,
       handleSearchChange: Q1,
       handleClear: D1,
       calculatePosition: x1,
       scrollToSelectedOption: z1,
       setValue: H1,
-      normalizeToArray: t9
+      normalizeToArray: o9
     } = Bo({
       value: L,
-      defaultValue: X,
+      defaultValue: J,
       options: p1,
-      valueName: V,
+      valueName: H,
       idName: j,
-      onValueChange: Z,
-      onOptionSelect: O,
+      onValueChange: I,
+      onOptionSelect: V,
       searchable: b,
       closeOnClickOutside: S,
-      dropdownId: H,
+      dropdownId: y,
       disabled: g,
-      multiple: y,
-      maxSelectedItems: f,
+      multiple: O,
+      maxSelectedItems: w,
       absolute: $,
       withCheckbox: k,
       onOpenChange: (Y) => {
@@ -23691,49 +23686,49 @@ const mo = (t) => {
         }, 200);
       }
     }), P1 = (Y, c1) => {
-      if (y) {
-        const h1 = t9(t1), K = Y[j];
+      if (O) {
+        const h1 = o9(t1), X = Y[j];
         if (c1) {
-          if (!h1.includes(K)) {
-            const g1 = [...h1, K];
+          if (!h1.includes(X)) {
+            const g1 = [...h1, X];
             H1(g1);
           }
         } else {
-          const g1 = h1.filter((y1) => y1 !== K);
+          const g1 = h1.filter((y1) => y1 !== X);
           H1(g1);
         }
       }
     };
-    J(() => {
+    K(() => {
       if (r1 && L !== void 0)
         if (L === "" || L === -1 || L === "-1")
           F((Y) => Y !== c ? c : Y), T((Y) => Y !== null ? null : Y);
         else {
           const Y = p1.find(
-            (c1) => c1[V] === L || c1[j] === L
+            (c1) => c1[H] === L || c1[j] === L
           );
           if (Y) {
             const c1 = Y.icon || c, h1 = Y.iconColor || null;
-            F((K) => K !== c1 ? c1 : K), T((K) => K !== h1 ? h1 : K);
+            F((X) => X !== c1 ? c1 : X), T((X) => X !== h1 ? h1 : X);
           }
         }
-    }, [L, r1, p1, V, j, c]), u0(
+    }, [L, r1, p1, H, j, c]), u0(
       G,
       () => ({
         getValue: () => t1,
         setValue: (Y) => {
-          r1 || H1(Y), Z == null || Z(Y);
+          r1 || H1(Y), I == null || I(Y);
         },
         focus: () => {
           var Y, c1;
-          y && x === "tags" ? (Y = R.current) == null || Y.focus() : (c1 = d1.current) == null || c1.focus();
+          O && x === "tags" ? (Y = R.current) == null || Y.focus() : (c1 = d1.current) == null || c1.focus();
         },
         blur: () => {
           var Y, c1;
-          y && x === "tags" ? (Y = R.current) == null || Y.blur() : (c1 = d1.current) == null || c1.blur();
+          O && x === "tags" ? (Y = R.current) == null || Y.blur() : (c1 = d1.current) == null || c1.blur();
         },
         clear: () => {
-          r1 || H1(y ? [] : ""), Z == null || Z(y ? [] : "");
+          r1 || H1(O ? [] : ""), I == null || I(O ? [] : "");
         },
         open: () => {
           g || (x1(), setTimeout(() => {
@@ -23749,22 +23744,22 @@ const mo = (t) => {
         r1,
         g,
         x1,
-        Z,
+        I,
         A1,
-        y,
+        O,
         H1,
         I1,
         x
       ]
-    ), J(() => {
+    ), K(() => {
       if (u1 && e1.length > 0) {
         const Y = setTimeout(() => {
           z1();
         }, 150);
         return () => clearTimeout(Y);
       }
-    }, [u1, e1, z1]), J(() => {
-      if (u1 && y && x === "tags") {
+    }, [u1, e1, z1]), K(() => {
+      if (u1 && O && x === "tags") {
         const Y = R.current;
         if (!Y) return;
         const c1 = new ResizeObserver(() => {
@@ -23776,42 +23771,42 @@ const mo = (t) => {
           c1.disconnect();
         };
       }
-    }, [u1, y, x, x1]), J(() => {
-      if (u1 && y && x === "tags") {
+    }, [u1, O, x, x1]), K(() => {
+      if (u1 && O && x === "tags") {
         const Y = setTimeout(() => {
           x1();
         }, 100);
         return () => clearTimeout(Y);
       }
-    }, [e1, u1, y, x, x1]);
-    const o9 = (Y) => {
-      if (y) {
-        const h1 = t9(t1).filter((K) => K !== Y);
+    }, [e1, u1, O, x, x1]);
+    const r9 = (Y) => {
+      if (O) {
+        const h1 = o9(t1).filter((X) => X !== Y);
         if (H1(h1), k && P1) {
-          const K = w.find((g1) => g1[j] === Y);
-          K && P1(K, !1);
+          const X = f.find((g1) => g1[j] === Y);
+          X && P1(X, !1);
         }
       }
     }, z9 = () => {
-      if (y) {
+      if (O) {
         if (e1.length === 0) return "";
         switch (x) {
           case "count":
             return `${e1.length} elemento${e1.length > 1 ? "s" : ""} seleccionado${e1.length > 1 ? "s" : ""}`;
           case "text":
-            return e1.map((Y) => Y == null ? void 0 : Y[V]).filter(Boolean).join(", ");
+            return e1.map((Y) => Y == null ? void 0 : Y[H]).filter(Boolean).join(", ");
           case "tags":
           default:
             return "";
         }
       } else {
         const Y = e1[0];
-        return Y ? Y[j] === -1 || Y[V] === -1 || Y[V] === "-1" ? m : Y[V] || "" : "";
+        return Y ? Y[j] === -1 || Y[H] === -1 || Y[H] === "-1" ? m : Y[H] || "" : "";
       }
     }, P9 = () => {
       if (!u1 || !l1.top) return null;
-      const Y = E ? "animate-dropdown-exit" : "animate-dropdown-enter", c1 = (K, g1) => {
-        i9(K, g1), K.icon && F(K.icon), K.iconColor && T(K.iconColor);
+      const Y = E ? "animate-dropdown-exit" : "animate-dropdown-enter", c1 = (X, g1) => {
+        t9(X, g1), X.icon && F(X.icon), X.iconColor && T(X.iconColor);
       }, h1 = /* @__PURE__ */ u(
         "div",
         {
@@ -23828,9 +23823,9 @@ const mo = (t) => {
             "--dropdown-z-index": l1.zIndex
           },
           className: `ui-dropdown-portal py-2 ui-min-w-fit ui-overflow-hidden ui-rounded-sm ui-border ui-border-neutral-200 ui-bg-white ui-shadow-lg ${Y}`,
-          onClick: (K) => K.stopPropagation(),
+          onClick: (X) => X.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { children: b && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (K) => K.stopPropagation(), children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { children: b && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (X) => X.stopPropagation(), children: /* @__PURE__ */ i(
               B1,
               {
                 value: Q,
@@ -23843,40 +23838,40 @@ const mo = (t) => {
               }
             ) }) }),
             b && /* @__PURE__ */ i(G1, {}),
-            /* @__PURE__ */ i("div", { className: "custom-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: s1.length > 0 ? s1.map((K) => {
-              const g1 = y ? e1.some(
-                (y1) => y1 && y1[j] === K[j]
-              ) : K[j] === -1 && (t1 === -1 || t1 === "-1") || K[j] === t1;
+            /* @__PURE__ */ i("div", { className: "custom-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: s1.length > 0 ? s1.map((X) => {
+              const g1 = O ? e1.some(
+                (y1) => y1 && y1[j] === X[j]
+              ) : X[j] === -1 && (t1 === -1 || t1 === "-1") || X[j] === t1;
               return k ? /* @__PURE__ */ i(
                 T9,
                 {
-                  disabled: K.disabled,
+                  disabled: X.disabled,
                   current: g1 ? "blue" : !1,
-                  "data-option-value": K[j],
-                  icon: K.icon,
-                  iconColor: K.iconColor,
+                  "data-option-value": X[j],
+                  icon: X.icon,
+                  iconColor: X.iconColor,
                   checkboxProps: {
                     checked: g1,
-                    onChange: (y1) => P1 == null ? void 0 : P1(K, y1),
-                    disabled: K.disabled
+                    onChange: (y1) => P1 == null ? void 0 : P1(X, y1),
+                    disabled: X.disabled
                   },
-                  isGroupTitle: K.isGroupTitle,
-                  groupTitle: K.label,
-                  children: K[V]
+                  isGroupTitle: X.isGroupTitle,
+                  groupTitle: X.label,
+                  children: X[H]
                 },
-                K[j] || K[V]
+                X[j] || X[H]
               ) : /* @__PURE__ */ i(
                 N9,
                 {
-                  onClick: (y1) => c1(K, y1),
-                  disabled: K.disabled,
+                  onClick: (y1) => c1(X, y1),
+                  disabled: X.disabled,
                   current: g1 ? "blue" : !1,
-                  "data-option-value": K[j],
-                  icon: K.icon,
-                  iconColor: K.iconColor,
-                  children: K[V]
+                  "data-option-value": X[j],
+                  icon: X.icon,
+                  iconColor: X.iconColor,
+                  children: X[H]
                 },
-                K[j] || K[V]
+                X[j] || X[H]
               );
             }) : Q ? /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
               /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(L1, { name: "SearchOutlined", size: "5xl", color: "neutral" }) }),
@@ -23911,7 +23906,7 @@ const mo = (t) => {
       );
       return $ ? h1 : E1(h1, document.body);
     };
-    return J(() => {
+    return K(() => {
       c && F(c);
     }, [c]), /* @__PURE__ */ u(
       "div",
@@ -23920,13 +23915,13 @@ const mo = (t) => {
         className: "ui-relative ui-w-full",
         "data-dropdown-container-id": V1,
         children: [
-          y && x === "tags" ? /* @__PURE__ */ i(
+          O && x === "tags" ? /* @__PURE__ */ i(
             $o,
             {
               label: o,
               placeholder: m,
               selectedOptions: e1,
-              handleRemoveSelected: o9,
+              handleRemoveSelected: r9,
               toggleDropdown: I1,
               isOpen: u1,
               isOpening: z,
@@ -23936,7 +23931,7 @@ const mo = (t) => {
               error: r,
               helperText: n || "",
               rightSlot: s,
-              valueName: V,
+              valueName: H,
               idName: j
             }
           ) : (
@@ -23968,15 +23963,15 @@ const mo = (t) => {
               }
             )
           ),
-          y && x !== "tags" && e1.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: e1.map((Y) => Y ? /* @__PURE__ */ i(
+          O && x !== "tags" && e1.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: e1.map((Y) => Y ? /* @__PURE__ */ i(
             A9,
             {
-              label: Y[V],
+              label: Y[H],
               color: "blue",
               size: "sm",
-              onClick: () => o9(Y[j])
+              onClick: () => r9(Y[j])
             },
-            Y[V]
+            Y[H]
           ) : null) }),
           P9()
         ]
@@ -24003,80 +23998,80 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
   disabled: s = !1,
   absolute: d = !1
 }) => {
-  const C = d9(), p = e || `popup-${C}`, [l, L] = q(!1), [h, g] = q({}), [m, w] = q(!1), V = i1(null), j = i1(null), Z = i1(null), O = N(() => {
-    const v = V.current, S = j.current;
+  const C = a0(), p = e || `popup-${C}`, [l, L] = q(!1), [h, g] = q({}), [m, f] = q(!1), H = i1(null), j = i1(null), I = i1(null), V = N(() => {
+    const v = H.current, S = j.current;
     if (!v || !S) return;
-    const H = v.getBoundingClientRect(), y = S.getBoundingClientRect();
-    if (y.width === 0 || y.height === 0)
+    const y = v.getBoundingClientRect(), O = S.getBoundingClientRect();
+    if (O.width === 0 || O.height === 0)
       return;
-    let f = 0, x = 0;
+    let w = 0, x = 0;
     if (d) {
       const A = v.offsetTop, _ = v.offsetLeft, G = v.offsetWidth, R = v.offsetHeight;
       switch (t) {
         case "top":
-          f = A - y.height - o, x = _ + (G - y.width) / 2;
+          w = A - O.height - o, x = _ + (G - O.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          f = A + R + o, x = _ + (G - y.width) / 2;
+          w = A + R + o, x = _ + (G - O.width) / 2;
           break;
         case "bottom-left":
-          f = A + R + o, x = _;
+          w = A + R + o, x = _;
           break;
         case "bottom-right":
-          f = A + R + o, x = _ + G - y.width;
+          w = A + R + o, x = _ + G - O.width;
           break;
         case "left":
-          f = A, x = _ - y.width - o;
+          w = A, x = _ - O.width - o;
           break;
         case "right":
-          f = A, x = _ + G + o;
+          w = A, x = _ + G + o;
           break;
       }
     } else {
-      const A = window.innerWidth, _ = window.innerHeight, G = H.top, R = H.left, W = H.width, F = H.height;
+      const A = window.innerWidth, _ = window.innerHeight, G = y.top, R = y.left, W = y.width, F = y.height;
       switch (t) {
         case "top":
-          f = G - y.height - o, x = R + (W - y.width) / 2;
+          w = G - O.height - o, x = R + (W - O.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          f = G + F + o, x = R + (W - y.width) / 2;
+          w = G + F + o, x = R + (W - O.width) / 2;
           break;
         case "bottom-left":
-          f = G + F + o, x = R;
+          w = G + F + o, x = R;
           break;
         case "bottom-right":
-          f = G + F + o, x = R + W - y.width;
+          w = G + F + o, x = R + W - O.width;
           break;
         case "left":
-          f = G, x = R - y.width - o;
+          w = G, x = R - O.width - o;
           break;
         case "right":
-          f = G, x = R + W + o;
+          w = G, x = R + W + o;
           break;
       }
-      x < 0 && (x = 0), x + y.width > A && (x = A - y.width), f < 0 && (f = 0), f + y.height > _ && (f = _ - y.height), t === "bottom-right" && y.width > H.width && (x = H.right - y.width, x < 0 && (x = 0));
+      x < 0 && (x = 0), x + O.width > A && (x = A - O.width), w < 0 && (w = 0), w + O.height > _ && (w = _ - O.height), t === "bottom-right" && O.width > y.width && (x = y.right - O.width, x < 0 && (x = 0));
     }
     const $ = 1e3, B = parseInt(p.replace(/\D/g, "")) || 0, M = $ + B % 100, k = {
       position: d ? "absolute" : "fixed",
-      top: `${f}px`,
+      top: `${w}px`,
       left: `${x}px`,
       zIndex: M
     };
-    g(k), w(!0);
-  }, [t, o, p, d]), I = (v) => {
-    v && v.stopPropagation(), !s && (l ? b() : (No(p), g({}), w(!1), L(!0), o0.add(p), a == null || a()));
+    g(k), f(!0);
+  }, [t, o, p, d]), Z = (v) => {
+    v && v.stopPropagation(), !s && (l ? b() : (No(p), g({}), f(!1), L(!0), o0.add(p), a == null || a()));
   }, b = () => {
-    L(!1), w(!1), o0.delete(p), c == null || c();
+    L(!1), f(!1), o0.delete(p), c == null || c();
   };
-  return J(() => {
+  return K(() => {
     if (l) {
       const v = () => {
         const S = j.current;
         if (S) {
-          const H = S.getBoundingClientRect();
-          H.width > 0 && H.height > 0 && H.width !== 0 && H.height !== 0 ? O() : setTimeout(() => {
+          const y = S.getBoundingClientRect();
+          y.width > 0 && y.height > 0 && y.width !== 0 && y.height !== 0 ? V() : setTimeout(() => {
             requestAnimationFrame(v);
           }, 10);
         }
@@ -24085,35 +24080,35 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
         requestAnimationFrame(v);
       }, 0);
     }
-  }, [l, O]), J(() => {
+  }, [l, V]), K(() => {
     if (!l || !m || d) return;
     let v = !1;
     const S = () => {
       v || (requestAnimationFrame(() => {
-        O(), v = !1;
+        V(), v = !1;
       }), v = !0);
     };
     return window.addEventListener("scroll", S, { passive: !0 }), window.addEventListener("resize", S, { passive: !0 }), () => {
       window.removeEventListener("scroll", S), window.removeEventListener("resize", S);
     };
-  }, [l, m, d, O]), y9({
+  }, [l, m, d, V]), y9({
     isActive: l,
     disabled: s,
     elementRef: j,
-    containerRef: Z,
+    containerRef: I,
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: r,
     onOutsideClick: b
-  }), Q0(l, b, !n), {
+  }), W0(l, b, !n), {
     isOpen: l,
     popupStyle: h,
     isPositioned: m,
-    triggerRef: V,
+    triggerRef: H,
     popupRef: j,
-    containerRef: Z,
+    containerRef: I,
     popupUniqueId: p,
-    togglePopup: I,
+    togglePopup: Z,
     closePopup: b
   };
 }, Ao = (t) => ({
@@ -24123,7 +24118,7 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
   xl: "ui-rounded-xl",
   "2xl": "ui-rounded-2xl",
   "3xl": "ui-rounded-3xl"
-})[t || "md"] || "ui-rounded-md", n9 = Y1(
+})[t || "md"] || "ui-rounded-md", i9 = Y1(
   ({
     children: t,
     label: o,
@@ -24141,18 +24136,18 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
     size: h = "md",
     textColor: g = "inherit",
     rounded: m = !1,
-    slotLeft: w,
-    borderRadius: V = "sm",
+    slotLeft: f,
+    borderRadius: H = "sm",
     slotRight: j,
-    icon: Z,
-    colorIcon: O,
-    tooltip: I,
+    icon: I,
+    colorIcon: V,
+    tooltip: Z,
     tooltipPosition: b,
     tooltipAlignment: v,
     tooltipColor: S,
-    tooltipDelay: H,
-    absolute: y = !1,
-    closeOnClick: f = !0,
+    tooltipDelay: y,
+    absolute: O = !1,
+    closeOnClick: w = !0,
     buttonClassName: x,
     containerClassName: $,
     buttonTransition: B = !0,
@@ -24180,7 +24175,7 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
       onOpen: d,
       onClose: C,
       disabled: p,
-      absolute: y
+      absolute: O
     });
     u0(
       G,
@@ -24197,18 +24192,18 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
     );
     const p1 = (u1) => {
       A && A(u1), !u1.defaultPrevented && !p && n1();
-    }, X = () => {
+    }, J = () => {
       if (!R)
         return null;
       const u1 = {
-        position: y ? "absolute" : "fixed",
-        top: y ? "auto" : "-9999px",
-        left: y ? "auto" : "-9999px",
+        position: O ? "absolute" : "fixed",
+        top: O ? "auto" : "-9999px",
+        left: O ? "auto" : "-9999px",
         visibility: F ? "visible" : "hidden",
         opacity: F ? 1 : 0,
         transition: "opacity 0.1s ease-out",
         ...W
-      }, E = Ao(V), Q = /* @__PURE__ */ i(
+      }, E = Ao(H), Q = /* @__PURE__ */ i(
         "div",
         {
           ref: T,
@@ -24217,13 +24212,13 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
           style: u1,
           className: `ui-border ui-border-neutral-100 ui-bg-white ${E} ui-overflow-hidden ui-shadow-lg ${s}`,
           onClick: (e1) => {
-            k && e1.stopPropagation(), f && a1();
+            k && e1.stopPropagation(), w && a1();
           },
           ..._,
           children: t
         }
       );
-      return y ? Q : E1(Q, document.body);
+      return O ? Q : E1(Q, document.body);
     };
     return /* @__PURE__ */ u(
       "div",
@@ -24242,28 +24237,28 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
               color: L,
               size: h,
               rounded: m,
-              icon: Z,
-              slotLeft: w,
+              icon: I,
+              slotLeft: f,
               slotRight: j,
-              colorIcon: O,
+              colorIcon: V,
               textColor: g,
-              tooltip: I,
+              tooltip: Z,
               tooltipPosition: b,
               tooltipAlignment: v,
               tooltipColor: S,
-              tooltipDelay: H,
+              tooltipDelay: y,
               transition: B,
               style: M,
               children: o || ""
             }
           ) }),
-          X()
+          J()
         ]
       }
     );
   }
 );
-n9.displayName = "Popup";
+i9.displayName = "Popup";
 const R1 = [
   {
     id: "recent",
@@ -25824,7 +25819,7 @@ function Po(t, o) {
     return e ? e.some((a) => a.includes(r)) : !1;
   });
 }
-const l9 = "emoji-picker-recent", Fo = ({
+const s9 = "emoji-picker-recent", Fo = ({
   onEmojiSelect: t,
   maxRecentEmojis: o = 16,
   className: r = "",
@@ -25842,47 +25837,47 @@ const l9 = "emoji-picker-recent", Fo = ({
   size: h = "lg",
   icon: g = "FacebookFill",
   slotLeft: m,
-  slotRight: w,
-  borderRadius: V = "md",
+  slotRight: f,
+  borderRadius: H = "md",
   disabled: j = !1,
-  buttonClassName: Z,
-  tooltip: O
+  buttonClassName: I,
+  tooltip: V
 }) => {
-  const [I, b] = q("recent"), [v, S] = q(""), [H, y] = q([]), [f, x] = q(C || ""), $ = i1(null), B = i1({}), M = i1(!1), k = i1(null);
-  J(() => {
+  const [Z, b] = q("recent"), [v, S] = q(""), [y, O] = q([]), [w, x] = q(C || ""), $ = i1(null), B = i1({}), M = i1(!1), k = i1(null);
+  K(() => {
     if (!M.current)
       if (M.current = !0, a && a.length > 0)
-        y(a);
+        O(a);
       else
         try {
-          const F = localStorage.getItem(l9);
-          F && y(JSON.parse(F));
+          const F = localStorage.getItem(s9);
+          F && O(JSON.parse(F));
         } catch (F) {
           console.error("Error loading recent emojis:", F);
         }
   }, []);
   const A = (F) => {
     try {
-      localStorage.setItem(l9, JSON.stringify(F));
+      localStorage.setItem(s9, JSON.stringify(F));
     } catch (P) {
       console.error("Error saving recent emojis:", P);
     }
   }, _ = (F) => {
-    const P = [F, ...H.filter((T) => T !== F)].slice(
+    const P = [F, ...y.filter((T) => T !== F)].slice(
       0,
       o
     );
-    y(P), A(P), t == null || t(F), d && k.current && k.current.close();
+    O(P), A(P), t == null || t(F), d && k.current && k.current.close();
   }, G = m1(() => !v || v.trim() === "" ? [
     {
       ...R1[0],
-      emojis: H
+      emojis: y
     },
     ...R1.slice(1)
   ] : R1.slice(1).map((T) => ({
     ...T,
     emojis: Po(v, T.emojis)
-  })).filter((T) => T.emojis.length > 0), [v, H]), R = (F) => {
+  })).filter((T) => T.emojis.length > 0), [v, y]), R = (F) => {
     const P = B.current[F];
     if (P && $.current) {
       const T = $.current, z = P.offsetTop - T.offsetTop;
@@ -25904,20 +25899,20 @@ const l9 = "emoji-picker-recent", Fo = ({
     }), b(T);
   };
   return /* @__PURE__ */ i(
-    n9,
+    i9,
     {
       ref: k,
-      label: f,
+      label: w,
       position: p,
       variant: l,
       color: L,
       size: h,
       icon: "FaceSmileOutlined",
       clickable: !1,
-      borderRadius: V,
+      borderRadius: H,
       disabled: j,
-      buttonClassName: Z,
-      tooltip: O,
+      buttonClassName: I,
+      tooltip: V,
       closeOnClick: !1,
       children: /* @__PURE__ */ u(
         "div",
@@ -25929,7 +25924,7 @@ const l9 = "emoji-picker-recent", Fo = ({
               b1,
               {
                 variant: "emoji",
-                borderable: I === F.id,
+                borderable: Z === F.id,
                 size: "md",
                 icon: F.icon,
                 rounded: !0,
@@ -25991,7 +25986,7 @@ const l9 = "emoji-picker-recent", Fo = ({
   );
 }, Eo = ({ maxLength: t = 0, onChange: o, value: r }) => {
   const [n, e] = q(!1), [a, c] = q(() => (r || "").length);
-  return J(() => {
+  return K(() => {
     const C = (r || "").length;
     c((p) => p !== C ? C : p);
   }, [r]), { isFocused: n, setIsFocused: e, count: a, handleChange: (C) => {
@@ -26139,11 +26134,11 @@ const l9 = "emoji-picker-recent", Fo = ({
   }), d = N(() => {
     const h = {};
     t.forEach((g) => {
-      const m = g.keyName || g.label.toLowerCase(), w = e(g);
-      h[m] = w;
+      const m = g.keyName || g.label.toLowerCase(), f = e(g);
+      h[m] = f;
     }), s(h);
   }, [t, e]);
-  J(() => {
+  K(() => {
     d();
   }, [d]);
   const C = N(() => {
@@ -26162,13 +26157,13 @@ const l9 = "emoji-picker-recent", Fo = ({
     }), o == null || o();
   }, [t, a, o]), p = N(
     (h, g, m) => {
-      const w = m.keyName || h.toLowerCase(), V = {
+      const f = m.keyName || h.toLowerCase(), H = {
         ...c,
-        [w]: g
+        [f]: g
       };
-      s(V), m.onValueChange && m.onValueChange({
+      s(H), m.onValueChange && m.onValueChange({
         current: g,
-        filters: V
+        filters: H
       });
     },
     [c]
@@ -26204,14 +26199,14 @@ const l9 = "emoji-picker-recent", Fo = ({
     onClear: a,
     onApply: c
   }), h = () => {
-    var w;
-    L(), s && ((w = d.current) == null || w.close());
+    var f;
+    L(), s && ((f = d.current) == null || f.close());
   }, g = () => {
-    const w = new CustomEvent("close-all-dropdowns");
-    document.dispatchEvent(w);
+    const f = new CustomEvent("close-all-dropdowns");
+    document.dispatchEvent(f);
   };
   return /* @__PURE__ */ u(
-    n9,
+    i9,
     {
       borderRadius: "2xl",
       absolute: !1,
@@ -26232,85 +26227,86 @@ const l9 = "emoji-picker-recent", Fo = ({
         ] }),
         /* @__PURE__ */ i(G1, {}),
         /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-col ui-gap-y-2 ui-p-4 ui-pt-3", children: [
-          t.map((w) => {
-            const V = w.keyName || w.label.toLowerCase();
-            return w.type === "dropdown" ? /* @__PURE__ */ i(
+          t.map((f, H) => {
+            const j = f.keyName || f.label.toLowerCase(), I = `filter-${H}-${f.type}-${f.label}`;
+            return f.type === "dropdown" ? /* @__PURE__ */ i(
               F1,
               {
                 fullWidth: !0,
-                label: w.label,
-                options: w.options || [],
-                onValueChange: (j) => p(w.label, j, w),
-                value: C[V] || "",
-                placeholder: w.placeholder,
+                label: f.label,
+                options: f.options || [],
+                onValueChange: (V) => p(f.label, V, f),
+                value: C[j] || "",
+                placeholder: f.placeholder,
                 absolute: !1,
                 closeOnClickOutside: !0
               },
-              `${w.type}-${w.label}`
-            ) : w.type === "multiple" ? /* @__PURE__ */ i(
+              I
+            ) : f.type === "multiple" ? /* @__PURE__ */ i(
               F1,
               {
-                label: w.label,
-                options: w.options || [],
+                label: f.label,
+                options: f.options || [],
                 size: "md",
-                onValueChange: (j) => p(w.label, j, w),
-                value: C[V] || "",
-                placeholder: w.placeholder,
+                onValueChange: (V) => p(f.label, V, f),
+                value: C[j] || "",
+                placeholder: f.placeholder,
                 multiple: !0,
                 absolute: !1,
                 closeOnClickOutside: !0
               },
-              `${w.type}-${w.label}`
-            ) : w.type === "group" ? /* @__PURE__ */ i(
+              I
+            ) : f.type === "group" ? /* @__PURE__ */ i(
               F1,
               {
-                label: w.label,
-                options: w.options,
+                label: f.label,
+                options: f.options,
                 size: "md",
-                onValueChange: (j) => p(w.label, j, w),
-                value: C[V] || "",
-                placeholder: w.placeholder,
+                onValueChange: (V) => p(f.label, V, f),
+                value: C[j] || "",
+                placeholder: f.placeholder,
                 selectedItemsDisplay: "tags",
                 searchable: !0,
                 footer: !0,
                 multiple: !0,
                 withCheckbox: !0
               },
-              `${w.type}-${w.label}`
-            ) : w.type === "input" ? /* @__PURE__ */ i(
+              I
+            ) : f.type === "input" ? /* @__PURE__ */ i(
               B1,
               {
-                label: w.label,
-                value: C[V] || "",
-                onChange: (j) => p(w.label, j.target.value, w)
+                label: f.label,
+                value: C[j] || "",
+                onChange: (V) => p(f.label, V.target.value, f)
               },
-              `${w.type}-${w.label}`
-            ) : w.type === "date" ? /* @__PURE__ */ i(
-              a9,
+              I
+            ) : f.type === "date" ? /* @__PURE__ */ i(
+              l9,
               {
                 closeOnSelect: !0,
-                label: w.label,
-                selectedDate: C[V] || null,
-                onDateChange: (j) => p(w.label, j, w),
-                placeholder: w.placeholder
+                label: f.label,
+                selectedDate: C[j] || null,
+                onDateChange: (V) => p(f.label, V, f),
+                placeholder: f.placeholder
               },
-              `${w.type}-${w.label}`
-            ) : w.type === "dateRange" ? /* @__PURE__ */ i(
-              a9,
+              I
+            ) : f.type === "dateRange" ? /* @__PURE__ */ i(
+              l9,
               {
-                label: w.label,
-                selectedRange: C[V] || { start: null, end: null },
-                onRangeChange: (j) => p(w.label, j, w),
-                placeholder: w.placeholder
+                label: f.label,
+                mode: "range",
+                selectedRange: C[j] || { start: null, end: null },
+                onRangeChange: (V) => p(f.label, V, f),
+                placeholder: f.placeholder
               },
-              `${w.type}-${w.label}`
-            ) : w.type === "textarea" ? /* @__PURE__ */ i(
+              I
+            ) : f.type === "textarea" ? /* @__PURE__ */ i(
               Do,
               {
-                value: C[V] || "",
-                onChange: (j) => p(w.label, j, w)
+                value: C[j] || "",
+                onChange: (V) => p(f.label, V, f)
               },
-              `${w.type}-${w.label}`
+              I
             ) : null;
           }),
           /* @__PURE__ */ i(b1, { color: "blue", onClick: h, children: "Aplicar" })
@@ -26325,77 +26321,77 @@ const l9 = "emoji-picker-recent", Fo = ({
       e(b);
       return;
     }
-    let H = v.getRangeAt(0).commonAncestorContainer;
-    for (; H && H !== t.current; ) {
-      if (H.nodeType === Node.ELEMENT_NODE) {
-        const y = H, f = y.tagName.toLowerCase(), x = window.getComputedStyle(y);
-        (f === "strong" || f === "b") && b.add("bold"), (f === "em" || f === "i") && b.add("italic"), f === "u" && b.add("underline"), (f === "s" || f === "strike" || f === "del") && b.add("strikethrough"), f === "ul" && b.add("ul"), f === "ol" && b.add("ol"), parseInt(x.fontWeight) >= 700 && b.add("bold"), x.fontStyle === "italic" && b.add("italic"), x.textDecoration.includes("underline") && b.add("underline"), x.textDecoration.includes("line-through") && b.add("strikethrough");
+    let y = v.getRangeAt(0).commonAncestorContainer;
+    for (; y && y !== t.current; ) {
+      if (y.nodeType === Node.ELEMENT_NODE) {
+        const O = y, w = O.tagName.toLowerCase(), x = window.getComputedStyle(O);
+        (w === "strong" || w === "b") && b.add("bold"), (w === "em" || w === "i") && b.add("italic"), w === "u" && b.add("underline"), (w === "s" || w === "strike" || w === "del") && b.add("strikethrough"), w === "ul" && b.add("ul"), w === "ol" && b.add("ol"), parseInt(x.fontWeight) >= 700 && b.add("bold"), x.fontStyle === "italic" && b.add("italic"), x.textDecoration.includes("underline") && b.add("underline"), x.textDecoration.includes("line-through") && b.add("strikethrough");
       }
-      H = H.parentNode;
+      y = y.parentNode;
     }
     e(b);
   }, []), c = N((b, v) => {
-    var f;
+    var w;
     const S = window.getSelection();
     if (!S || S.rangeCount === 0) return;
-    const H = S.getRangeAt(0);
-    if (H.collapsed)
+    const y = S.getRangeAt(0);
+    if (y.collapsed)
       return;
-    const y = document.createElement(b);
-    v && Object.assign(y.style, v);
+    const O = document.createElement(b);
+    v && Object.assign(O.style, v);
     try {
-      H.surroundContents(y);
+      y.surroundContents(O);
     } catch {
-      const $ = H.extractContents();
-      y.appendChild($), H.insertNode(y);
+      const $ = y.extractContents();
+      O.appendChild($), y.insertNode(O);
     }
-    S.removeAllRanges(), a(), (f = t.current) == null || f.focus();
+    S.removeAllRanges(), a(), (w = t.current) == null || w.focus();
   }, [a]), s = N((b) => {
-    var y;
+    var O;
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) return;
-    let H = v.getRangeAt(0).commonAncestorContainer;
-    for (; H && H !== t.current; ) {
-      if (H.nodeType === Node.ELEMENT_NODE) {
-        const f = H;
-        if (f.tagName.toLowerCase() === b.toLowerCase()) {
-          const x = f.parentNode;
-          for (; f.firstChild; )
-            x == null || x.insertBefore(f.firstChild, f);
-          x == null || x.removeChild(f);
+    let y = v.getRangeAt(0).commonAncestorContainer;
+    for (; y && y !== t.current; ) {
+      if (y.nodeType === Node.ELEMENT_NODE) {
+        const w = y;
+        if (w.tagName.toLowerCase() === b.toLowerCase()) {
+          const x = w.parentNode;
+          for (; w.firstChild; )
+            x == null || x.insertBefore(w.firstChild, w);
+          x == null || x.removeChild(w);
           break;
         }
       }
-      H = H.parentNode;
+      y = y.parentNode;
     }
-    a(), (y = t.current) == null || y.focus();
+    a(), (O = t.current) == null || O.focus();
   }, [a]), d = N((b) => {
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) return !1;
-    let H = v.getRangeAt(0).commonAncestorContainer;
-    for (; H && H !== t.current; ) {
-      if (H.nodeType === Node.ELEMENT_NODE) {
-        const y = H, f = y.tagName.toLowerCase();
-        if (b === "bold" && (f === "strong" || f === "b") || b === "italic" && (f === "em" || f === "i") || b === "underline" && f === "u" || b === "strikethrough" && (f === "s" || f === "strike" || f === "del") || b === "ul" && f === "ul" || b === "ol" && f === "ol") return !0;
+    let y = v.getRangeAt(0).commonAncestorContainer;
+    for (; y && y !== t.current; ) {
+      if (y.nodeType === Node.ELEMENT_NODE) {
+        const O = y, w = O.tagName.toLowerCase();
+        if (b === "bold" && (w === "strong" || w === "b") || b === "italic" && (w === "em" || w === "i") || b === "underline" && w === "u" || b === "strikethrough" && (w === "s" || w === "strike" || w === "del") || b === "ul" && w === "ul" || b === "ol" && w === "ol") return !0;
         if (b === "bold") {
-          const x = window.getComputedStyle(y);
+          const x = window.getComputedStyle(O);
           if (parseInt(x.fontWeight) >= 700) return !0;
         }
-        if (b === "italic" && window.getComputedStyle(y).fontStyle === "italic" || b === "underline" && window.getComputedStyle(y).textDecoration.includes("underline") || b === "strikethrough" && window.getComputedStyle(y).textDecoration.includes("line-through"))
+        if (b === "italic" && window.getComputedStyle(O).fontStyle === "italic" || b === "underline" && window.getComputedStyle(O).textDecoration.includes("underline") || b === "strikethrough" && window.getComputedStyle(O).textDecoration.includes("line-through"))
           return !0;
       }
-      H = H.parentNode;
+      y = y.parentNode;
     }
     return !1;
   }, []), C = N((b, v) => {
-    var y;
-    const H = {
+    var O;
+    const y = {
       bold: "strong",
       italic: "em",
       underline: "u",
       strikeThrough: "s"
     }[b];
-    H ? d(b === "strikeThrough" ? "strikethrough" : b) ? s(H) : c(H) : b === "insertUnorderedList" ? l("ul") : b === "insertOrderedList" ? l("ol") : b === "createLink" && v ? p(v) : document.execCommand(b, !1, v), a(), (y = t.current) == null || y.focus();
+    y ? d(b === "strikeThrough" ? "strikethrough" : b) ? s(y) : c(y) : b === "insertUnorderedList" ? l("ul") : b === "insertOrderedList" ? l("ol") : b === "createLink" && v ? p(v) : document.execCommand(b, !1, v), a(), (O = t.current) == null || O.focus();
   }, [c, s, d, a]), p = N((b) => {
     var x;
     if (!t.current) return;
@@ -26406,45 +26402,45 @@ const l9 = "emoji-picker-recent", Fo = ({
       alert("Por favor selecciona el texto que quieres convertir en enlace");
       return;
     }
-    let H = b.trim();
-    if (!H) return;
-    H.match(/^https?:\/\//i) || (H = "https://" + H);
-    const y = document.createElement("a");
-    y.href = H, y.target = "_blank", y.rel = "noopener noreferrer", y.style.color = "#3658c1", y.style.textDecoration = "underline";
+    let y = b.trim();
+    if (!y) return;
+    y.match(/^https?:\/\//i) || (y = "https://" + y);
+    const O = document.createElement("a");
+    O.href = y, O.target = "_blank", O.rel = "noopener noreferrer", O.style.color = "#3658c1", O.style.textDecoration = "underline";
     try {
-      S.surroundContents(y);
+      S.surroundContents(O);
     } catch {
       const B = S.extractContents();
-      y.appendChild(B), S.insertNode(y);
+      O.appendChild(B), S.insertNode(O);
     }
-    const f = document.createRange();
-    f.setStartAfter(y), f.collapse(!0), v.removeAllRanges(), v.addRange(f), (x = t.current) == null || x.focus(), a();
+    const w = document.createRange();
+    w.setStartAfter(O), w.collapse(!0), v.removeAllRanges(), v.addRange(w), (x = t.current) == null || x.focus(), a();
   }, [a]), l = N((b) => {
-    var f, x, $, B;
+    var w, x, $, B;
     if (!t.current) return;
     const v = window.getSelection();
     if (!v) return;
-    let S = v.rangeCount > 0 ? v.getRangeAt(0).commonAncestorContainer : t.current, H = null, y = S;
-    for (; y && y !== t.current; ) {
-      if (y.nodeType === Node.ELEMENT_NODE) {
-        const M = y, k = M.tagName.toLowerCase();
+    let S = v.rangeCount > 0 ? v.getRangeAt(0).commonAncestorContainer : t.current, y = null, O = S;
+    for (; O && O !== t.current; ) {
+      if (O.nodeType === Node.ELEMENT_NODE) {
+        const M = O, k = M.tagName.toLowerCase();
         if (k === "ul" || k === "ol") {
-          H = M;
+          y = M;
           break;
         }
       }
-      y = y.parentNode || null;
+      O = O.parentNode || null;
     }
-    if (H)
-      if (H.tagName.toLowerCase() === b) {
-        const k = H.parentNode;
-        k && (Array.from(H.children).forEach((A) => {
+    if (y)
+      if (y.tagName.toLowerCase() === b) {
+        const k = y.parentNode;
+        k && (Array.from(y.children).forEach((A) => {
           const _ = document.createElement("div");
-          _.innerHTML = A.innerHTML || "<br>", k.insertBefore(_, H);
-        }), k.removeChild(H));
+          _.innerHTML = A.innerHTML || "<br>", k.insertBefore(_, y);
+        }), k.removeChild(y));
       } else {
         const k = document.createElement(b);
-        k.innerHTML = H.innerHTML, (f = H.parentNode) == null || f.replaceChild(k, H);
+        k.innerHTML = y.innerHTML, (w = y.parentNode) == null || w.replaceChild(k, y);
       }
     else {
       const M = document.createElement(b), k = document.createElement("li");
@@ -26474,7 +26470,7 @@ const l9 = "emoji-picker-recent", Fo = ({
   }, [a]), h = N(() => {
     o && a();
   }, [o, a]);
-  J(() => (document.addEventListener("selectionchange", h), () => {
+  K(() => (document.addEventListener("selectionchange", h), () => {
     document.removeEventListener("selectionchange", h);
   }), [h]);
   const g = N((b) => {
@@ -26484,8 +26480,8 @@ const l9 = "emoji-picker-recent", Fo = ({
     if (!v) return;
     let S;
     v.rangeCount > 0 ? (S = v.getRangeAt(0), S.deleteContents()) : (S = document.createRange(), S.selectNodeContents(t.current), S.collapse(!1), v.removeAllRanges(), v.addRange(S));
-    const H = document.createTextNode(b);
-    S.insertNode(H), S.setStartAfter(H), S.collapse(!0), v.removeAllRanges(), v.addRange(S);
+    const y = document.createTextNode(b);
+    S.insertNode(y), S.setStartAfter(y), S.collapse(!0), v.removeAllRanges(), v.addRange(S);
   }, []), m = N((b) => {
     if (!t.current) return;
     t.current.focus();
@@ -26493,20 +26489,20 @@ const l9 = "emoji-picker-recent", Fo = ({
     if (!v) return;
     let S;
     v.rangeCount > 0 ? (S = v.getRangeAt(0), S.deleteContents()) : (S = document.createRange(), S.selectNodeContents(t.current), S.collapse(!1), v.removeAllRanges(), v.addRange(S));
-    const H = S.createContextualFragment(b);
-    S.insertNode(H), S.collapse(!1), v.removeAllRanges(), v.addRange(S);
-  }, []), w = N((b) => {
+    const y = S.createContextualFragment(b);
+    S.insertNode(y), S.collapse(!1), v.removeAllRanges(), v.addRange(S);
+  }, []), f = N((b) => {
     g(b);
-  }, [g]), V = N((b) => {
+  }, [g]), H = N((b) => {
     m(`<span contenteditable="false" class="mention">@${b}</span>&nbsp;`);
   }, [m]), j = N(() => {
     var b;
     return ((b = t.current) == null ? void 0 : b.innerHTML) || "";
-  }, []), Z = N((b) => {
+  }, []), I = N((b) => {
     t.current && (t.current.innerHTML = b);
-  }, []), O = N(() => {
+  }, []), V = N(() => {
     t.current && (t.current.innerHTML = "");
-  }, []), I = N(() => {
+  }, []), Z = N(() => {
     var v;
     return (((v = t.current) == null ? void 0 : v.textContent) || "").trim().length === 0;
   }, []);
@@ -26518,12 +26514,12 @@ const l9 = "emoji-picker-recent", Fo = ({
     execCommand: C,
     updateActiveFormats: a,
     handleEditorClick: L,
-    insertEmoji: w,
-    insertMention: V,
+    insertEmoji: f,
+    insertMention: H,
     getHTML: j,
-    setHTML: Z,
-    clear: O,
-    isEmpty: I
+    setHTML: I,
+    clear: V,
+    isEmpty: Z
   };
 }, S1 = ({ isActive: t, onClick: o, disabled: r, children: n, tooltip: e }) => /* @__PURE__ */ i(
   "button",
@@ -26557,32 +26553,32 @@ const l9 = "emoji-picker-recent", Fo = ({
   className: h = "",
   autoFocus: g = !1,
   minHeight: m = 60,
-  maxHeight: w = 300
+  maxHeight: f = 300
 }) => {
   const {
-    editorRef: V,
+    editorRef: H,
     isFocused: j,
-    setIsFocused: Z,
-    activeFormats: O,
-    execCommand: I,
+    setIsFocused: I,
+    activeFormats: V,
+    execCommand: Z,
     handleEditorClick: b,
     insertEmoji: v,
     getHTML: S,
-    setHTML: H,
-    isEmpty: y
-  } = _o(), [f, x] = q(!0);
-  J(() => {
-    t !== void 0 && V.current && S() !== t && H(t);
-  }, [t, S, H]), J(() => {
-    o && V.current && !V.current.innerHTML && H(o);
-  }, [o, H]), J(() => {
-    g && V.current && V.current.focus();
+    setHTML: y,
+    isEmpty: O
+  } = _o(), [w, x] = q(!0);
+  K(() => {
+    t !== void 0 && H.current && S() !== t && y(t);
+  }, [t, S, y]), K(() => {
+    o && H.current && !H.current.innerHTML && y(o);
+  }, [o, y]), K(() => {
+    g && H.current && H.current.focus();
   }, [g]);
   const $ = () => {
     const A = S();
-    r == null || r(A), x(y());
+    r == null || r(A), x(O());
   }, B = () => {
-    !y() && !e && (l == null || l());
+    !O() && !e && (l == null || l());
   }, M = () => {
     const A = document.createElement("input");
     A.type = "file", A.onchange = (_) => {
@@ -26590,7 +26586,7 @@ const l9 = "emoji-picker-recent", Fo = ({
       const G = (R = _.target.files) == null ? void 0 : R[0];
       G && (s == null || s(G));
     }, A.click();
-  }, k = (A) => O.has(A);
+  }, k = (A) => V.has(A);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -26606,7 +26602,7 @@ const l9 = "emoji-picker-recent", Fo = ({
             S1,
             {
               isActive: k("bold"),
-              onClick: () => I("bold"),
+              onClick: () => Z("bold"),
               disabled: e,
               tooltip: "Negrita",
               children: /* @__PURE__ */ i("svg", { className: "ui-h-4 ui-w-4", fill: "currentColor", viewBox: "0 0 16 16", children: /* @__PURE__ */ i("path", { d: "M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z" }) })
@@ -26616,7 +26612,7 @@ const l9 = "emoji-picker-recent", Fo = ({
             S1,
             {
               isActive: k("italic"),
-              onClick: () => I("italic"),
+              onClick: () => Z("italic"),
               disabled: e,
               tooltip: "Cursiva",
               children: /* @__PURE__ */ i("svg", { className: "ui-h-4 ui-w-4", fill: "currentColor", viewBox: "0 0 16 16", children: /* @__PURE__ */ i("path", { d: "M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z" }) })
@@ -26626,7 +26622,7 @@ const l9 = "emoji-picker-recent", Fo = ({
             S1,
             {
               isActive: k("underline"),
-              onClick: () => I("underline"),
+              onClick: () => Z("underline"),
               disabled: e,
               tooltip: "Subrayado",
               children: /* @__PURE__ */ u("svg", { className: "ui-h-4 ui-w-4", fill: "currentColor", viewBox: "0 0 16 16", children: [
@@ -26639,7 +26635,7 @@ const l9 = "emoji-picker-recent", Fo = ({
             S1,
             {
               isActive: k("strikethrough"),
-              onClick: () => I("strikeThrough"),
+              onClick: () => Z("strikeThrough"),
               disabled: e,
               tooltip: "Tachado",
               children: /* @__PURE__ */ i("svg", { className: "ui-h-4 ui-w-4", fill: "currentColor", viewBox: "0 0 16 16", children: /* @__PURE__ */ i("path", { d: "M6.333 5.686c0 .31.083.581.27.814H5.166a2.776 2.776 0 0 1-.099-.76c0-1.627 1.436-2.768 3.48-2.768 1.969 0 3.39 1.175 3.445 2.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23 0-2.18.602-2.18 1.607zm2.194 7.478c-2.153 0-3.589-1.107-3.705-2.81h1.23c.144 1.06 1.129 1.703 2.544 1.703 1.34 0 2.31-.705 2.31-1.675 0-.827-.547-1.374-1.914-1.675L8.046 8.5H1v-1h14v1h-3.504c.468.437.675.994.675 1.697 0 1.826-1.436 2.967-3.644 2.967z" }) })
@@ -26650,7 +26646,7 @@ const l9 = "emoji-picker-recent", Fo = ({
             S1,
             {
               isActive: k("ul"),
-              onClick: () => I("insertUnorderedList"),
+              onClick: () => Z("insertUnorderedList"),
               disabled: e,
               tooltip: "Lista sin orden",
               children: /* @__PURE__ */ i(L1, { name: "ListOutlined", size: "sm" })
@@ -26660,7 +26656,7 @@ const l9 = "emoji-picker-recent", Fo = ({
             S1,
             {
               isActive: k("ol"),
-              onClick: () => I("insertOrderedList"),
+              onClick: () => Z("insertOrderedList"),
               disabled: e,
               tooltip: "Lista ordenada",
               children: /* @__PURE__ */ i(L1, { name: "NumberListOutlined", size: "sm" })
@@ -26673,7 +26669,7 @@ const l9 = "emoji-picker-recent", Fo = ({
               isActive: !1,
               onClick: () => {
                 const A = prompt("Ingresa la URL:");
-                A && I("createLink", A);
+                A && Z("createLink", A);
               },
               disabled: e,
               tooltip: "Insertar enlace",
@@ -26684,7 +26680,7 @@ const l9 = "emoji-picker-recent", Fo = ({
         /* @__PURE__ */ i(
           "div",
           {
-            ref: V,
+            ref: H,
             contentEditable: !e,
             className: U(
               "ui-w-full ui-overflow-y-auto ui-px-2 ui-py-1 ui-text-sm ui-text-neutral-700 ui-outline-none",
@@ -26697,12 +26693,12 @@ const l9 = "emoji-picker-recent", Fo = ({
             ),
             "data-placeholder": n,
             onInput: $,
-            onFocus: () => Z(!0),
-            onBlur: () => Z(!1),
+            onFocus: () => I(!0),
+            onBlur: () => I(!1),
             onClick: b,
             style: {
               minHeight: `${m}px`,
-              maxHeight: `${w}px`
+              maxHeight: `${f}px`
             }
           }
         ),
@@ -26758,10 +26754,10 @@ const l9 = "emoji-picker-recent", Fo = ({
             {
               type: "button",
               onClick: B,
-              disabled: e || f,
+              disabled: e || w,
               className: U(
                 "ui-flex ui-h-8 ui-w-8 ui-items-center ui-justify-center ui-rounded ui-text-white ui-transition-colors disabled:ui-opacity-50",
-                f || e ? "ui-bg-neutral-300 ui-cursor-not-allowed" : "ui-bg-blue-500 hover:ui-bg-blue-600"
+                w || e ? "ui-bg-neutral-300 ui-cursor-not-allowed" : "ui-bg-blue-500 hover:ui-bg-blue-600"
               ),
               title: L || "Enviar",
               children: /* @__PURE__ */ i("svg", { className: "ui-h-4 ui-w-4", fill: "currentColor", viewBox: "0 0 16 16", children: /* @__PURE__ */ i("path", { d: "M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z" }) })
@@ -26773,7 +26769,7 @@ const l9 = "emoji-picker-recent", Fo = ({
   );
 }, Uo = ({ images: t, initialIndex: o, onClose: r }) => {
   const [n, e] = q(o);
-  J(() => {
+  K(() => {
     e(o);
   }, [o]);
   const a = N(() => {
@@ -26783,7 +26779,7 @@ const l9 = "emoji-picker-recent", Fo = ({
   }, [t.length]), s = N((l) => {
     l >= 0 && l < t.length && e(l);
   }, [t.length]);
-  J(() => {
+  K(() => {
     const l = (L) => {
       switch (L.key) {
         case "ArrowLeft":
@@ -26828,10 +26824,10 @@ const l9 = "emoji-picker-recent", Fo = ({
     goToPrevious: h,
     goToNext: g,
     goToImage: m,
-    hasPrevious: w,
-    hasNext: V
+    hasPrevious: f,
+    hasNext: H
   } = Uo({ images: t, initialIndex: o, onClose: n });
-  if (J(() => (r ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  if (K(() => (r ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [r]), !r || !L) return null;
   const j = e === "square" ? "ui-w-[450px] ui-h-[450px]" : "ui-w-[calc(100vw-112px)] ui-h-[450px]";
@@ -26846,10 +26842,10 @@ const l9 = "emoji-picker-recent", Fo = ({
           "div",
           {
             className: `ui-relative ui-z-10 ui-flex ui-flex-col ui-items-center ui-justify-center ui-gap-4 ui-w-full ui-px-4 ${C}`,
-            onClick: (Z) => Z.stopPropagation(),
+            onClick: (I) => I.stopPropagation(),
             children: [
               /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-items-center ui-justify-center ui-gap-6 ui-w-full", children: [
-                s && w && /* @__PURE__ */ i(
+                s && f && /* @__PURE__ */ i(
                   o1,
                   {
                     variant: "button",
@@ -26890,7 +26886,7 @@ const l9 = "emoji-picker-recent", Fo = ({
                     }
                   ) })
                 ] }),
-                s && V && /* @__PURE__ */ i(
+                s && H && /* @__PURE__ */ i(
                   o1,
                   {
                     variant: "button",
@@ -26908,15 +26904,15 @@ const l9 = "emoji-picker-recent", Fo = ({
                 )
               ] }),
               a && L.title && /* @__PURE__ */ i("div", { className: "ui-text-center ui-text-neutral-900 ui-text-lg ui-font-medium ui-px-4 ui-py-2 ui-bg-black/50 ui-rounded-lg ui-backdrop-blur-sm", children: L.title }),
-              c && t.length > 1 && /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-gap-2 ui-px-4 ui-py-3 ui-bg-black/50 ui-rounded-full ui-backdrop-blur-sm", children: t.map((Z, O) => /* @__PURE__ */ i(
+              c && t.length > 1 && /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-gap-2 ui-px-4 ui-py-3 ui-bg-black/50 ui-rounded-full ui-backdrop-blur-sm", children: t.map((I, V) => /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: () => m(O),
-                  className: `ui-w-2.5 ui-h-2.5 ui-rounded-full ui-transition-all ui-duration-300 ui-border-1 ${O === l ? "ui-bg-blue-500 ui-border-white" : "ui-bg-white ui-border-neutral-100 hover:ui-bg-blue-500 hover:ui-border-white"}`,
-                  "aria-label": `Ir a imagen ${O + 1}`,
-                  title: Z.title || `Imagen ${O + 1}`
+                  onClick: () => m(V),
+                  className: `ui-w-2.5 ui-h-2.5 ui-rounded-full ui-transition-all ui-duration-300 ui-border-1 ${V === l ? "ui-bg-blue-500 ui-border-white" : "ui-bg-white ui-border-neutral-100 hover:ui-bg-blue-500 hover:ui-border-white"}`,
+                  "aria-label": `Ir a imagen ${V + 1}`,
+                  title: I.title || `Imagen ${V + 1}`
                 },
-                Z.id
+                I.id
               )) }),
               d && /* @__PURE__ */ u("div", { className: "ui-absolute ui-bottom-4 ui-left-4 ui-text-white ui-text-sm ui-font-medium ui-px-3 ui-py-1 ui-bg-black/50 ui-rounded-full ui-backdrop-blur-sm", children: [
                 l + 1,
@@ -26955,20 +26951,20 @@ const l9 = "emoji-picker-recent", Fo = ({
   showVisiblePages: l = !1,
   showPagesSelector: L = !1
 }) => {
-  J(() => {
+  K(() => {
     t > o && o > 0 && s(o);
   }, [t, o, s]);
-  const h = (O) => {
-    O >= 1 && O <= o && s(O);
+  const h = (V) => {
+    V >= 1 && V <= o && s(V);
   }, [g, m] = q(r);
-  J(() => {
+  K(() => {
     m(r);
   }, [r]);
-  const w = Math.min(t * (r || 0), n || 0) || 0, j = (() => {
-    const O = Math.min(Math.max(t, 1), Math.max(o - p + 1, 1)), I = Math.min(O + p - 1, o);
-    return Array.from({ length: I - O + 1 }, (b, v) => O + v);
-  })(), Z = (O) => {
-    m(O), d(O), h(1);
+  const f = Math.min(t * (r || 0), n || 0) || 0, j = (() => {
+    const V = Math.min(Math.max(t, 1), Math.max(o - p + 1, 1)), Z = Math.min(V + p - 1, o);
+    return Array.from({ length: Z - V + 1 }, (b, v) => V + v);
+  })(), I = (V) => {
+    m(V), d(V), h(1);
   };
   return /* @__PURE__ */ i(
     "div",
@@ -26985,9 +26981,9 @@ const l9 = "emoji-picker-recent", Fo = ({
           o,
           n && /* @__PURE__ */ u("span", { className: "ui-ml-2", children: [
             "(",
-            w,
+            f,
             "-",
-            w,
+            f,
             " de ",
             n,
             ")"
@@ -27027,21 +27023,21 @@ const l9 = "emoji-picker-recent", Fo = ({
                   "aria-label": "Ir a la página anterior"
                 }
               ),
-              j.map((O) => /* @__PURE__ */ i(
+              j.map((V) => /* @__PURE__ */ i(
                 o1,
                 {
                   square: !0,
                   rounded: !0,
-                  onClick: () => h(O),
-                  whiteBackground: t === O,
+                  onClick: () => h(V),
+                  whiteBackground: t === V,
                   size: "md",
                   variant: "outlined",
-                  color: t === O ? "neutral" : "white",
-                  "aria-label": `Ir a la página ${O}`,
-                  "aria-current": t === O ? "page" : void 0,
-                  children: O
+                  color: t === V ? "neutral" : "white",
+                  "aria-label": `Ir a la página ${V}`,
+                  "aria-current": t === V ? "page" : void 0,
+                  children: V
                 },
-                O
+                V
               )),
               /* @__PURE__ */ i(
                 o1,
@@ -27090,7 +27086,7 @@ const l9 = "emoji-picker-recent", Fo = ({
               options: c,
               value: g,
               valueName: "id",
-              onValueChange: (O) => Z(Number(O))
+              onValueChange: (V) => I(Number(V))
             }
           )
         ] }) })
@@ -30260,15 +30256,15 @@ const l9 = "emoji-picker-recent", Fo = ({
 }) => {
   const [s, d] = q(!1), [C, p] = q(!1), l = c || `radio-${Math.random().toString(36).substr(2, 9)}`, h = t !== void 0 ? t : o !== void 0 ? o : !1, g = N(() => r ? h ? "disabledChecked" : "disabledUnchecked" : s ? h ? "checkedActive" : "uncheckedActive" : C ? h ? "checkedHover" : "uncheckedHover" : h ? "checked" : "unchecked", [r, h, s, C]), m = N(() => {
     r || d(!0);
-  }, [r]), w = N(() => {
+  }, [r]), f = N(() => {
     d(!1);
-  }, []), V = N(() => {
+  }, []), H = N(() => {
     r || p(!0);
   }, [r]), j = N(() => {
     p(!1), d(!1);
-  }, []), Z = N(
-    (O) => {
-      r || (O.preventDefault(), n && n({
+  }, []), I = N(
+    (V) => {
+      r || (V.preventDefault(), n && n({
         target: {
           value: e,
           checked: !h,
@@ -30286,10 +30282,10 @@ const l9 = "emoji-picker-recent", Fo = ({
     isHovered: C,
     handlers: {
       handleMouseDown: m,
-      handleMouseUp: w,
-      handleMouseEnter: V,
+      handleMouseUp: f,
+      handleMouseEnter: H,
       handleMouseLeave: j,
-      handleClick: Z
+      handleClick: I
     }
   };
 }, cr = ({
@@ -30627,23 +30623,23 @@ const l9 = "emoji-picker-recent", Fo = ({
   vertical: L = !1,
   stepClickable: h = !1
 }) => {
-  const { currentStep: g, getColorClasses: m, handleStepClick: w, getStepStatus: V } = Cr({
+  const { currentStep: g, getColorClasses: m, handleStepClick: f, getStepStatus: H } = Cr({
     steps: t,
     currentStep: d,
     onClickStep: C,
     onStepChange: p
   }), j = m(o || "blue");
-  return /* @__PURE__ */ i("div", { className: `${L ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${l ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${l ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${fr({ color: o, size: r, className: n })}`, children: t.map((O, I) => {
-    const b = V(I), v = I === t.length - 1;
+  return /* @__PURE__ */ i("div", { className: `${L ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${l ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${l ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${fr({ color: o, size: r, className: n })}`, children: t.map((V, Z) => {
+    const b = H(Z), v = Z === t.length - 1;
     return /* @__PURE__ */ i(
       wr,
       {
-        step: O,
-        stepIndex: I,
+        step: V,
+        stepIndex: Z,
         status: b,
         colorClasses: j,
         isLast: v,
-        onStepClick: w,
+        onStepClick: f,
         classNameStep: e,
         classNameStepLabel: a,
         classNameStepIcon: c,
@@ -30651,10 +30647,10 @@ const l9 = "emoji-picker-recent", Fo = ({
         vertical: L,
         stepClickable: h
       },
-      I
+      Z
     );
   }) });
-}, s9 = {
+}, d9 = {
   dracula: _2,
   tomorrow: R2,
   oneDark: D2,
@@ -30729,7 +30725,7 @@ ${d}
       borderRadius: "0.375rem",
       overflow: "hidden"
     };
-  }, s = s9[e] || s9.dracula;
+  }, s = d9[e] || d9.dracula;
   return /* @__PURE__ */ i("div", { className: "w-full", style: c(), children: /* @__PURE__ */ i(
     N2,
     {
@@ -30847,7 +30843,7 @@ const _1 = /* @__PURE__ */ new Map(), r0 = {
   }
 }, Vr = () => {
   const [t, o] = q([]), r = i1(/* @__PURE__ */ new Map()), n = i1(null);
-  return J(() => {
+  return K(() => {
     const a = r0.getListeners();
     if (n.current) {
       const s = a.indexOf(n.current);
@@ -30898,7 +30894,7 @@ const _1 = /* @__PURE__ */ new Map(), r0 = {
   })[o]
 }), yr = ({ toastItem: t }) => {
   const [o, r] = q(!0);
-  J(() => {
+  K(() => {
     t.isLeaving && setTimeout(() => {
       r(!1);
     }, 300);
@@ -30954,7 +30950,7 @@ export {
   Vo as CalendarHeader,
   v1 as Card,
   Ho as DateInput,
-  a9 as DatePicker,
+  l9 as DatePicker,
   Io as DatePickerPortal,
   xo as Day,
   Yr as Drawer,
@@ -30973,14 +30969,14 @@ export {
   T9 as ListItemWithCheckbox,
   Jr as ListSeparator,
   e3 as Logo,
-  u9 as Modal,
+  a9 as Modal,
   po as ModalProvider,
   vo as Month,
   S9 as MonthGrid,
   yo as MultipleCalendarsHeader,
   q1 as NavigationButton,
   n3 as Pagination,
-  n9 as Popup,
+  i9 as Popup,
   cr as RadioButton,
   t3 as RadioButtonGroup,
   G1 as Separator,