@imj_media/ui 1.0.64 → 1.0.65

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as u, Fragment as $1 } from "react/jsx-runtime";
-import M1, { useState as Y, useRef as o1, useEffect as K, useCallback as P, useMemo as x1, useImperativeHandle as o0, forwardRef as G1, useId as t9, createContext as T9, useContext as A9 } from "react";
+import M1, { useState as Y, useRef as o1, useEffect as Q, useCallback as P, useMemo as x1, useImperativeHandle as o0, forwardRef as G1, useId as t9, createContext as T9, useContext as A9 } from "react";
 import { clsx as F9 } from "clsx";
 import { twMerge as N9 } from "tailwind-merge";
 import { library as r0 } from "@fortawesome/fontawesome-svg-core";
@@ -18768,7 +18768,7 @@ const B5 = ({
       return !1;
     }
   };
-  return K(() => {
+  return Q(() => {
     if (s.current && clearTimeout(s.current), !o || !h(o)) {
       a(!0), l(!1);
       return;
@@ -19153,8 +19153,8 @@ const B5 = ({
       }
     }
     H.current = x;
-  }, [a, y]), R = P(() => {
-    var J, q, E, X, n1, N;
+  }, [a, y]), E = P(() => {
+    var J, G, R, X, n1, N;
     if (!h.current || !w.current) return;
     const v = h.current.getBoundingClientRect(), x = w.current.getBoundingClientRect(), Z = 8;
     let O = 0, M = 0;
@@ -19202,23 +19202,23 @@ const B5 = ({
       }
       O < 0 && (O = 0), M < 0 && (M = 0), (() => {
         var T;
-        const u1 = (T = f.current) == null ? void 0 : T.getBoundingClientRect();
-        if (!u1) return;
+        const a1 = (T = f.current) == null ? void 0 : T.getBoundingClientRect();
+        if (!a1) return;
         let p1 = o, _ = !1;
         if (!(() => {
           switch (o) {
             case "top":
               return k >= x.height + Z;
             case "bottom":
-              return k + v.height + Z + x.height <= u1.height;
+              return k + v.height + Z + x.height <= a1.height;
             case "left":
               return F >= x.width + Z;
             case "right":
-              return F + v.width + Z + x.width <= u1.width;
+              return F + v.width + Z + x.width <= a1.width;
             default:
               return !0;
           }
-        })() && (o === "top" ? k + v.height + Z + x.height <= u1.height && (p1 = "bottom", _ = !0) : o === "bottom" ? k >= x.height + Z && (p1 = "top", _ = !0) : o === "left" ? F + v.width + Z + x.width <= u1.width && (p1 = "right", _ = !0) : o === "right" && F >= x.width + Z && (p1 = "left", _ = !0), _)) {
+        })() && (o === "top" ? k + v.height + Z + x.height <= a1.height && (p1 = "bottom", _ = !0) : o === "bottom" ? k >= x.height + Z && (p1 = "top", _ = !0) : o === "left" ? F + v.width + Z + x.width <= a1.width && (p1 = "right", _ = !0) : o === "right" && F >= x.width + Z && (p1 = "left", _ = !0), _)) {
           switch (p1) {
             case "top":
               O = k - x.height - Z, M = F + v.width / 2 - x.width / 2;
@@ -19279,14 +19279,14 @@ const B5 = ({
       switch (r) {
         case "start":
           if (t) {
-            const $ = (q = f.current) == null ? void 0 : q.getBoundingClientRect();
+            const $ = (G = f.current) == null ? void 0 : G.getBoundingClientRect();
             $ && (M = v.left - $.left);
           } else
             M = v.left;
           break;
         case "end":
           if (t) {
-            const $ = (E = f.current) == null ? void 0 : E.getBoundingClientRect();
+            const $ = (R = f.current) == null ? void 0 : R.getBoundingClientRect();
             $ && (M = v.right - $.left - x.width);
           } else
             M = v.right - x.width;
@@ -19330,14 +19330,14 @@ const B5 = ({
       V.current.count = 0;
     V.current.lastTime = I, j.current = { top: O, left: M }, s({ top: O, left: M });
   }, [o, r, t, y]);
-  K(() => (a && w.current ? (requestAnimationFrame(() => {
-    if (R(), h.current) {
+  Q(() => (a && w.current ? (requestAnimationFrame(() => {
+    if (E(), h.current) {
       const v = h.current.getBoundingClientRect();
       H.current = { top: v.top, left: v.left };
     }
   }), m.current = setInterval(B, 100)) : m.current && (clearInterval(m.current), m.current = null), () => {
     m.current && (clearInterval(m.current), m.current = null);
-  }), [a, R, B]), K(() => {
+  }), [a, E, B]), Q(() => {
     if (h.current)
       return b.current = new IntersectionObserver(
         (v) => {
@@ -19352,7 +19352,7 @@ const B5 = ({
       ), b.current.observe(h.current), () => {
         b.current && b.current.disconnect();
       };
-  }, [a, y]), K(() => {
+  }, [a, y]), Q(() => {
     if (!a) return;
     const v = () => {
       t || y();
@@ -19370,7 +19370,7 @@ const B5 = ({
   }, [e, n]), S = P(() => {
     g.current && (clearTimeout(g.current), g.current = null), c(!1), s({ top: 0, left: 0 });
   }, []);
-  return K(() => () => {
+  return Q(() => () => {
     g.current && clearTimeout(g.current), m.current && clearInterval(m.current);
   }, []), {
     isVisible: a,
@@ -19382,7 +19382,7 @@ const B5 = ({
     containerRef: f,
     handleMouseEnter: A,
     handleMouseLeave: S,
-    calculatePosition: R
+    calculatePosition: E
   };
 }, T5 = {
   white: { bg: "ui-bg-white", text: "ui-text-gray-900", arrow: "var(--ui-color-white)" },
@@ -19794,7 +19794,7 @@ const B5 = ({
   onClickRightSlot: V,
   disabled: y,
   colorIcon: B,
-  showShadow: R = !1,
+  showShadow: E = !1,
   borderable: A,
   iconSizeExtended: S = "none",
   defaultSizeIcon: v = !0,
@@ -19805,22 +19805,22 @@ const B5 = ({
   tooltipPosition: I,
   tooltipAlignment: z,
   tooltipColor: J = "neutral",
-  tooltipDelay: q,
-  tooltipAbsolute: E,
+  tooltipDelay: G,
+  tooltipAbsolute: R,
   classNameTooltip: X,
   stopPropagation: n1 = !0,
   pointer: N = !1,
   ref: $,
   onClick: k,
   textAlign: F = "center",
-  whiteBackground: i1 = !0,
-  strokeWidth: u1 = 2,
+  whiteBackground: e1 = !0,
+  strokeWidth: a1 = 2,
   transition: p1 = !0,
   ..._
 }) => {
-  const a1 = {
+  const u1 = {
     disabled: y
-  }, T = a === "icon", Q = T ? !0 : v, e1 = T ? "xs" : g, W = (V1) => {
+  }, T = a === "icon", K = T ? !0 : v, i1 = T ? "xs" : g, W = (V1) => {
     n1 && V1.stopPropagation(), k && k(V1);
   }, l1 = C1("", {
     variants: {
@@ -19856,8 +19856,8 @@ const B5 = ({
         colorIcon: B,
         className: o,
         onClick: j,
-        defaultSizeIcon: Q,
-        strokeWidth: u1
+        defaultSizeIcon: K,
+        strokeWidth: a1
       }
     ),
     d && /* @__PURE__ */ u(
@@ -19878,7 +19878,7 @@ const B5 = ({
     !d && w && (typeof w == "string" ? /* @__PURE__ */ i(
       j1,
       {
-        strokeWidth: u1,
+        strokeWidth: a1,
         name: w,
         size: a === "icon" ? g : S !== "none" ? S : g,
         color: B,
@@ -19893,12 +19893,12 @@ const B5 = ({
         colorIcon: B,
         className: o,
         onClick: V,
-        defaultSizeIcon: Q,
-        strokeWidth: u1
+        defaultSizeIcon: K,
+        strokeWidth: a1
       }
     )
   ] }), r1 = b ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", s1 = x ? J || "neutral" : C, k1 = C1(
-    `${O} ui-h-fit ui-justify-center ui-flex ui-items-center ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${R && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${N && T ? "!ui-cursor-pointer" : ""} ${p1 ? "ui-transition-all ui-duration-300" : ""}`,
+    `${O} ui-h-fit ui-justify-center ui-flex ui-items-center ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${E && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${N && T ? "!ui-cursor-pointer" : ""} ${p1 ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
         variant: {
@@ -19918,17 +19918,17 @@ const B5 = ({
           "3xl": `ui-max-h-[62px] ui-min-h-[62px] ui-min-w-[62px] ${d ? "ui-px-7 ui-py-3.5" : "ui-p-3.5 ui-w-[62px] ui-flex ui-justify-center ui-items-center"} ui-h-[62px] ui-text-[20px] ${b ? `ui-max-w-[62px] ui-min-h-[62px] ${r1}` : ""}`
         },
         color: {
-          blue: w1(a, h, A, i1).blue,
-          "blue-dark": w1(a, h, A, i1)["blue-dark"],
-          orange: w1(a, h, A, i1).orange,
-          red: w1(a, h, A, i1).red,
-          green: w1(a, h, A, i1).green,
-          white: w1(a, h, A, i1).white,
-          yellow: w1(a, h, A, i1).yellow,
-          "blue-light": w1(a, h, A, i1)["blue-light"],
-          neutral: w1(a, h, A, i1).neutral,
-          black: w1(a, h, A, i1).black,
-          transparent: w1(a, h, A, i1).transparent
+          blue: w1(a, h, A, e1).blue,
+          "blue-dark": w1(a, h, A, e1)["blue-dark"],
+          orange: w1(a, h, A, e1).orange,
+          red: w1(a, h, A, e1).red,
+          green: w1(a, h, A, e1).green,
+          white: w1(a, h, A, e1).white,
+          yellow: w1(a, h, A, e1).yellow,
+          "blue-light": w1(a, h, A, e1)["blue-light"],
+          neutral: w1(a, h, A, e1).neutral,
+          black: w1(a, h, A, e1).black,
+          transparent: w1(a, h, A, e1).transparent
         },
         rounded: {
           false: "ui-rounded-sm",
@@ -19947,7 +19947,7 @@ const B5 = ({
       }
     }
   )({
-    size: e1,
+    size: i1,
     color: C,
     rounded: p,
     fullWidth: t,
@@ -19969,9 +19969,9 @@ const B5 = ({
       label: M,
       position: I,
       alignment: z,
-      absolute: E,
+      absolute: R,
       color: s1,
-      delay: q,
+      delay: G,
       className: X,
       fullWidth: t,
       children: /* @__PURE__ */ i(
@@ -19991,7 +19991,7 @@ const B5 = ({
       position: I,
       alignment: z,
       color: s1,
-      delay: q,
+      delay: G,
       className: X,
       fullWidth: t,
       children: /* @__PURE__ */ i(
@@ -19999,7 +19999,7 @@ const B5 = ({
         {
           ref: $,
           className: U(k1, o),
-          ...a1,
+          ...u1,
           ..._,
           onClick: W,
           children: d1()
@@ -20318,11 +20318,11 @@ const B5 = ({
   }[o][r]}`;
 }, Y5 = ({ open: o, externalIsLeaving: r }) => {
   const [t, n] = Y(!1), [e, a] = Y(!1), c = r !== void 0 ? r : e;
-  return K(() => {
+  return Q(() => {
     o ? (n(!0), a(!1)) : (a(!0), r === void 0 && setTimeout(() => {
       n(!1);
     }, 300));
-  }, [o, r]), K(() => {
+  }, [o, r]), Q(() => {
     r && r !== e && (a(!0), setTimeout(() => {
       n(!1);
     }, 300));
@@ -20589,7 +20589,7 @@ const B5 = ({
   tooltipPosition: V,
   tooltipAlignment: y,
   tooltipColor: B,
-  tooltipDelay: R,
+  tooltipDelay: E,
   ...A
 }) => /* @__PURE__ */ i(
   t1,
@@ -20618,7 +20618,7 @@ const B5 = ({
     tooltipPosition: V,
     tooltipAlignment: y,
     tooltipColor: B,
-    tooltipDelay: R,
+    tooltipDelay: E,
     ...A
   }
 ), $i = ({
@@ -20725,10 +20725,10 @@ const Q5 = (o) => {
     if (d.current) {
       const M = d.current.getInputElement();
       if (M) {
-        const I = M.getBoundingClientRect(), z = window.innerHeight, J = window.innerWidth, q = 320, E = 256, X = 8;
+        const I = M.getBoundingClientRect(), z = window.innerHeight, J = window.innerWidth, G = 320, R = 256, X = 8;
         let n1, N = I.left;
         const $ = z - I.bottom, k = I.top;
-        $ >= q + X ? n1 = I.bottom + X : k >= q + X ? n1 = I.top - q + X : $ > k ? n1 = I.bottom + X : n1 = I.top - q + X, I.left + E > J && (N = I.right - E), N = Math.max(0, Math.min(N, J - E)), s((F) => ({
+        $ >= G + X ? n1 = I.bottom + X : k >= G + X ? n1 = I.top - G + X : $ > k ? n1 = I.bottom + X : n1 = I.top - G + X, I.left + R > J && (N = I.right - R), N = Math.max(0, Math.min(N, J - R)), s((F) => ({
           ...F,
           isOpen: !0,
           portalPosition: { top: n1, left: N }
@@ -20759,7 +20759,7 @@ const Q5 = (o) => {
       }
       return { ...I, currentDate: z };
     });
-  }, []), R = P(
+  }, []), E = P(
     (M) => {
       var I;
       r === "single" && (h && s((z) => ({ ...z, internalDate: M })), (I = o.onDateChange) == null || I.call(o, M), a && j());
@@ -20804,30 +20804,30 @@ const Q5 = (o) => {
     const M = d.current.getInputElement();
     if (!M)
       return;
-    const I = M.getBoundingClientRect(), z = window.innerHeight, J = window.innerWidth, q = 320, E = 256, X = 8;
+    const I = M.getBoundingClientRect(), z = window.innerHeight, J = window.innerWidth, G = 320, R = 256, X = 8;
     let n1, N = I.left;
     const $ = z - I.bottom, k = I.top;
-    $ >= q + X ? n1 = I.bottom + X : k >= q + X ? n1 = I.top - q + X : $ > k ? n1 = I.bottom + X : n1 = I.top - q + X, I.left + E > J && (N = I.right - E), N = Math.max(0, Math.min(N, J - E)), s((F) => ({ ...F, portalPosition: { top: n1, left: N } })), p(!0);
+    $ >= G + X ? n1 = I.bottom + X : k >= G + X ? n1 = I.top - G + X : $ > k ? n1 = I.bottom + X : n1 = I.top - G + X, I.left + R > J && (N = I.right - R), N = Math.max(0, Math.min(N, J - R)), s((F) => ({ ...F, portalPosition: { top: n1, left: N } })), p(!0);
   }, []);
-  return K(() => {
+  return Q(() => {
     if (!l.isOpen) return;
     const M = () => O(), I = () => O();
     return window.addEventListener("scroll", M, !0), window.addEventListener("resize", I), () => {
       window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", I);
     };
-  }, [l.isOpen, O]), K(() => {
+  }, [l.isOpen, O]), Q(() => {
     if (l.isOpen) {
       const M = setTimeout(() => {
         O();
       }, 0);
       return () => clearTimeout(M);
     }
-  }, [l.isOpen, O]), K(() => {
+  }, [l.isOpen, O]), Q(() => {
     L && r === "single" && s((M) => ({
       ...M,
       internalDate: t
     }));
-  }, [L, r, t]), K(() => {
+  }, [L, r, t]), Q(() => {
     L && r === "range" && s((M) => ({
       ...M,
       internalRange: n || { start: null, end: null }
@@ -20843,7 +20843,7 @@ const Q5 = (o) => {
       closePicker: j,
       setCurrentDate: V,
       setViewMode: y,
-      setSelectedDate: R,
+      setSelectedDate: E,
       setSelectedRange: A,
       setHoverDate: S,
       updatePortalPosition: O,
@@ -21039,7 +21039,7 @@ const Q5 = (o) => {
     },
     [r]
   );
-  K(() => {
+  Q(() => {
     if (o)
       return document.addEventListener("mousedown", a), document.addEventListener("keydown", c), () => {
         document.removeEventListener("mousedown", a), document.removeEventListener("keydown", c);
@@ -21419,7 +21419,7 @@ const Q5 = (o) => {
     const L = t !== void 0 ? t : e;
     a || s(L), n == null || n(L);
   }, [a, t, e, n]);
-  return K(() => {
+  return Q(() => {
     a && r !== void 0 && s(r);
   }, [a, r]), {
     value: C,
@@ -21595,7 +21595,7 @@ const Q5 = (o) => {
     ...y
   }, B) => {
     const {
-      value: R,
+      value: E,
       setValue: A,
       isControlled: S
     } = u6({
@@ -21622,7 +21622,7 @@ const Q5 = (o) => {
     });
     return l6({
       ref: B,
-      currentValue: R,
+      currentValue: E,
       setValue: A,
       isControlled: S,
       inputId: y.id
@@ -21667,7 +21667,7 @@ const Q5 = (o) => {
               {
                 placeholder: "Placeholder",
                 disabled: L,
-                value: R,
+                value: E,
                 onChange: v,
                 name: m,
                 "data-input-id": y.id || "default-input",
@@ -21940,7 +21940,7 @@ const s6 = G1(
   renderHeader: y,
   renderDay: B
 }) => {
-  const R = (Z) => {
+  const E = (Z) => {
     C == null || C(Z);
   }, A = () => {
     switch (l) {
@@ -22015,7 +22015,7 @@ const s6 = G1(
           {
             currentDate: o,
             viewMode: l,
-            onNavigate: R,
+            onNavigate: E,
             onToggleViewMode: A,
             onGoToToday: L,
             monthNames: f,
@@ -22055,7 +22055,7 @@ const s6 = G1(
   yearRange: V,
   hoverDate: y,
   closeOnSelect: B,
-  autoCloseRange: R,
+  autoCloseRange: E,
   calendarsCount: A = 1,
   mode: S = "single",
   onClickSelected: v = !1,
@@ -22070,9 +22070,9 @@ const s6 = G1(
     }
     return N;
   }), { renderPortal: J } = W5(o, r, t, 1100);
-  K(() => {
+  Q(() => {
     M(Array(A).fill(h));
-  }, [h, A]), K(() => {
+  }, [h, A]), Q(() => {
     const N = [];
     for (let $ = 0; $ < A; $++) {
       const k = new Date(n);
@@ -22080,7 +22080,7 @@ const s6 = G1(
     }
     z(N);
   }, [n, A]);
-  const q = (N) => {
+  const G = (N) => {
     const $ = O[N];
     let k;
     switch ($) {
@@ -22098,7 +22098,7 @@ const s6 = G1(
     }
     const F = [...O];
     F[N] = k, M(F);
-  }, E = (N, $) => {
+  }, R = (N, $) => {
     const k = [...I];
     k[N] = new Date(
       I[N].getFullYear(),
@@ -22115,19 +22115,19 @@ const s6 = G1(
   }, n1 = (N) => {
     const $ = [...I];
     $.forEach((k, F) => {
-      const i1 = new Date(k);
+      const e1 = new Date(k);
       switch (O[F]) {
         case "days":
-          i1.setMonth(i1.getMonth() + (N === "next" ? 1 : -1));
+          e1.setMonth(e1.getMonth() + (N === "next" ? 1 : -1));
           break;
         case "months":
-          i1.setFullYear(i1.getFullYear() + (N === "next" ? 1 : -1));
+          e1.setFullYear(e1.getFullYear() + (N === "next" ? 1 : -1));
           break;
         case "years":
-          i1.setFullYear(i1.getFullYear() + (N === "next" ? 12 : -12));
+          e1.setFullYear(e1.getFullYear() + (N === "next" ? 12 : -12));
           break;
       }
-      $[F] = i1;
+      $[F] = e1;
     }), z($), C(N);
   };
   return J(
@@ -22138,7 +22138,7 @@ const s6 = G1(
           calendarDates: I,
           viewModes: O,
           onNavigate: n1,
-          onToggleViewMode: q,
+          onToggleViewMode: G,
           onGoToToday: L,
           monthNames: m,
           yearRange: V,
@@ -22162,7 +22162,7 @@ const s6 = G1(
           showWeekNumbers: j,
           yearRange: V,
           hoverDate: y,
-          onMonthSelect: (k) => E($, k),
+          onMonthSelect: (k) => R($, k),
           onYearSelect: (k) => X($, k),
           renderDay: Z
         }
@@ -22195,7 +22195,7 @@ const s6 = G1(
         yearRange: V,
         hoverDate: y,
         closeOnSelect: B,
-        autoCloseRange: R,
+        autoCloseRange: E,
         renderHeader: x,
         renderDay: Z
       }
@@ -22239,7 +22239,7 @@ const s6 = G1(
     rangeStartClassName: V = "bg-blue-500 text-white rounded-l-full",
     rangeEndClassName: y = "bg-blue-500 text-white rounded-r-full",
     todayClassName: B = "border border-blue-500",
-    showWeekNumbers: R = !1,
+    showWeekNumbers: E = !1,
     yearRange: A = 12,
     initialViewMode: S = "days",
     closeOnSelect: v = !1,
@@ -22249,8 +22249,8 @@ const s6 = G1(
     calendarsCount: M = 1,
     renderHeader: I,
     renderDay: z
-  } = o, { state: J, selectedDate: q, selectedRange: E, inputRef: X, isPortalReady: n1, actions: N } = Q5(o), { handleRangeSelection: $ } = f9(
-    E,
+  } = o, { state: J, selectedDate: G, selectedRange: R, inputRef: X, isPortalReady: n1, actions: N } = Q5(o), { handleRangeSelection: $ } = f9(
+    R,
     N.setSelectedRange,
     c,
     l,
@@ -22258,25 +22258,25 @@ const s6 = G1(
   ), k = (_) => {
     if (!_ || !(_ instanceof Date) || isNaN(_.getTime()))
       return "";
-    const a1 = _.getDate().toString().padStart(2, "0"), T = (_.getMonth() + 1).toString().padStart(2, "0"), Q = _.getFullYear();
-    return O.replace("dd", a1).replace("MM", T).replace("yyyy", Q.toString());
+    const u1 = _.getDate().toString().padStart(2, "0"), T = (_.getMonth() + 1).toString().padStart(2, "0"), K = _.getFullYear();
+    return O.replace("dd", u1).replace("MM", T).replace("yyyy", K.toString());
   }, F = (_) => {
     if (!_ || !_.start && !_.end) return "";
-    const a1 = _.start && _.start instanceof Date && !isNaN(_.start.getTime()), T = _.end && _.end instanceof Date && !isNaN(_.end.getTime());
-    return a1 && T ? `${k(_.start)} - ${k(_.end)}` : a1 ? k(_.start) : T ? k(_.end) : "";
-  }, i1 = (_) => {
+    const u1 = _.start && _.start instanceof Date && !isNaN(_.start.getTime()), T = _.end && _.end instanceof Date && !isNaN(_.end.getTime());
+    return u1 && T ? `${k(_.start)} - ${k(_.end)}` : u1 ? k(_.start) : T ? k(_.end) : "";
+  }, e1 = (_) => {
     if (!_ || !(_ instanceof Date) || isNaN(_.getTime())) {
       console.warn("DatePicker: Se recibió una fecha inválida:", _);
       return;
     }
     r === "single" ? N.setSelectedDate(_) : $(_, J.hoverDate, N.closePicker);
-  }, u1 = (_) => {
+  }, a1 = (_) => {
     if (_ !== null && (!(_ instanceof Date) || isNaN(_.getTime()))) {
       console.warn("DatePicker: Se recibió una fecha inválida en hover:", _);
       return;
     }
     N.setHoverDate(_);
-  }, p1 = () => r === "single" ? k(q) : F(E);
+  }, p1 = () => r === "single" ? k(G) : F(R);
   return /* @__PURE__ */ u("div", { className: `relative ${h}`, children: [
     /* @__PURE__ */ i(
       s6,
@@ -22298,10 +22298,10 @@ const s6 = G1(
         onClose: N.closePicker,
         portalPosition: J.portalPosition,
         currentDate: J.currentDate,
-        selectedDate: q,
-        selectedRange: E,
-        onDateSelect: i1,
-        onDateHover: u1,
+        selectedDate: G,
+        selectedRange: R,
+        onDateSelect: e1,
+        onDateHover: a1,
         onViewModeChange: N.setViewMode,
         onNavigate: N.navigate,
         onMonthSelect: N.handleMonthSelect,
@@ -22314,7 +22314,7 @@ const s6 = G1(
         weekDays: C,
         monthNames: p,
         startOfWeek: L,
-        showWeekNumbers: R,
+        showWeekNumbers: E,
         yearRange: A,
         hoverDate: J.hoverDate,
         closeOnSelect: v,
@@ -22331,7 +22331,7 @@ const s6 = G1(
   /* @__PURE__ */ i("h2", { className: U("ui-text-2xl ui-font-bold", r), children: o })
 ] }), v9 = (o, r = {}) => {
   const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = Y(!1), [c, l] = Y(!1);
-  return K(() => {
+  return Q(() => {
     if (o) {
       a(!0);
       const s = setTimeout(() => {
@@ -22346,14 +22346,14 @@ const s6 = G1(
   }, [o, t, n]), { isVisible: e, isAnimating: c };
 }, j9 = (o) => {
   const r = typeof window < "u";
-  K(() => {
+  Q(() => {
     if (r)
       return o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
         document.body.style.overflow = "";
       };
   }, [o, r]);
 }, J0 = (o, r, t = !1) => {
-  K(() => {
+  Q(() => {
     if (!o || t) return;
     const n = (e) => {
       e.key === "Escape" && r();
@@ -22361,7 +22361,7 @@ const s6 = G1(
     return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
   }, [o, r, t]);
 }, V9 = (o, r, t = !1) => {
-  K(() => {
+  Q(() => {
     if (!o || t || !r.current) return;
     const n = [
       "button",
@@ -22378,7 +22378,7 @@ const s6 = G1(
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
   }, [o, t, r]);
 }, h6 = (o, r) => {
-  K(() => {
+  Q(() => {
     o && r.current && requestAnimationFrame(() => {
       var t;
       (t = r.current) == null || t.focus();
@@ -22386,14 +22386,14 @@ const s6 = G1(
   }, [o, r]);
 }, H9 = () => {
   const o = typeof window < "u", [r] = Y(() => o ? document.createElement("div") : null);
-  return K(() => {
+  return Q(() => {
     if (!(!r || !o))
       return document.body.appendChild(r), () => {
         document.body.contains(r) && document.body.removeChild(r);
       };
   }, [r, o]), r;
 }, w6 = (o, r, t, n = !1) => {
-  K(() => {
+  Q(() => {
     if (!o || n) return;
     const e = (a) => {
       var s;
@@ -22416,16 +22416,16 @@ const s6 = G1(
   onOutsideClick: s,
   disableSameTypeCheck: C = !1
 }) => {
-  K(() => {
+  Q(() => {
     if (!o || r || !c) return;
     const p = (L) => {
       var V, y;
       const h = L.target, w = (V = t.current) == null ? void 0 : V.contains(h), f = (y = n == null ? void 0 : n.current) == null ? void 0 : y.contains(h), g = e ? h.closest(`[data-${a}-id="${e}"]`) : !1, b = a && !C ? h.closest(`[data-${a}-container-id="${e}"]`) : !1, m = l.some((B) => h.closest(B)), j = (() => {
         let B = h;
         for (; B && B !== document.body; ) {
-          const R = B.attributes;
-          for (let S = 0; S < R.length; S++) {
-            const v = R[S];
+          const E = B.attributes;
+          for (let S = 0; S < E.length; S++) {
+            const v = E[S];
             if (v.name.startsWith("data-") && v.name.endsWith("-id")) {
               if (a === "dropdown" && (v.name.includes("popup") || v.name.includes("dropdown")))
                 continue;
@@ -22499,7 +22499,7 @@ const s6 = G1(
   disabledSuccessButton: j = !1,
   disabledCancelButton: V = !1
 }) => {
-  const y = H9(), { isVisible: B, isAnimating: R } = v9(o), A = o1(null);
+  const y = H9(), { isVisible: B, isAnimating: E } = v9(o), A = o1(null);
   j9(o), J0(o, r, l), V9(o, A, !s);
   const S = () => {
     w && w(), H && r();
@@ -22536,7 +22536,7 @@ const s6 = G1(
               C === "right" ? "ui-ml-auto" : "ui-mr-auto"
             ),
             style: {
-              transform: C === "right" ? R ? "translateX(0)" : "translateX(100%)" : R ? "translateX(0)" : "translateX(-100%)"
+              transform: C === "right" ? E ? "translateX(0)" : "translateX(100%)" : E ? "translateX(0)" : "translateX(-100%)"
             },
             children: /* @__PURE__ */ u(m1, { rounded: !1, padding: !1, gap: !1, className: U(p), children: [
               /* @__PURE__ */ i(m1.Header, { children: /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4", children: t && /* @__PURE__ */ i(b9, { title: t, icon: a }) }) }),
@@ -22784,41 +22784,41 @@ const s6 = G1(
   onOpenChange: w,
   withCheckbox: f = !1
 }) => {
-  const g = t9(), b = C || `dropdown-${g}`, [m, H] = Y(!1), [j, V] = Y(!1), [y, B] = Y(""), [R, A] = Y("bottom"), [S, v] = Y({}), x = o1(null), Z = o1(null), O = o1(null), M = P(
+  const g = t9(), b = C || `dropdown-${g}`, [m, H] = Y(!1), [j, V] = Y(!1), [y, B] = Y(""), [E, A] = Y("bottom"), [S, v] = Y({}), x = o1(null), Z = o1(null), O = o1(null), M = P(
     (T) => T == null ? [] : Array.isArray(T) ? T : [T],
     []
   ), I = P(
     (T) => T == null || T === "" ? "" : Array.isArray(T) ? T[0] || "" : T,
     []
-  ), [z, J] = Y(() => d ? M(r) : I(r)), q = o !== void 0, E = q ? o : z, X = P(
+  ), [z, J] = Y(() => d ? M(r) : I(r)), G = o !== void 0, R = G ? o : z, X = P(
     (T) => {
-      q || J(T), a == null || a(T);
+      G || J(T), a == null || a(T);
     },
-    [q, a]
+    [G, a]
   );
-  K(() => {
-    if (q && o !== void 0)
+  Q(() => {
+    if (G && o !== void 0)
       if (d) {
         const T = M(o);
-        J((Q) => JSON.stringify(Q) !== JSON.stringify(T) ? T : Q);
+        J((K) => JSON.stringify(K) !== JSON.stringify(T) ? T : K);
       } else {
         const T = I(o);
-        J((Q) => Q !== T ? T : Q);
+        J((K) => K !== T ? T : K);
       }
-  }, [o, q, d, M, I]);
-  const n1 = d ? t.filter((T) => M(E).includes(T[e])) : [
-    t.find((T) => E === "" || E === null || E === void 0 ? !1 : T[e] === -1 ? E === -1 || E === "-1" : T[e] === E)
+  }, [o, G, d, M, I]);
+  const n1 = d ? t.filter((T) => M(R).includes(T[e])) : [
+    t.find((T) => R === "" || R === null || R === void 0 ? !1 : T[e] === -1 ? R === -1 || R === "-1" : T[e] === R)
   ].filter(Boolean), N = (() => {
     if (!l || !y)
       return t.filter((l1) => {
         if (d) {
-          const d1 = M(E).includes(l1[e]);
+          const d1 = M(R).includes(l1[e]);
           return f ? !0 : !d1;
         }
-        return !(l1[e] === -1 && (E === -1 || E === "-1"));
+        return !(l1[e] === -1 && (R === -1 || R === "-1"));
       });
-    const T = y.toLowerCase(), Q = t.filter((l1) => l1.isGroupTitle ? !1 : l1[n].toLowerCase().includes(T)), e1 = [], W = /* @__PURE__ */ new Set();
-    return Q.forEach((l1) => {
+    const T = y.toLowerCase(), K = t.filter((l1) => l1.isGroupTitle ? !1 : l1[n].toLowerCase().includes(T)), i1 = [], W = /* @__PURE__ */ new Set();
+    return K.forEach((l1) => {
       const d1 = t.indexOf(l1);
       let r1 = null;
       for (let s1 = d1 - 1; s1 >= 0; s1--)
@@ -22826,11 +22826,11 @@ const s6 = G1(
           r1 = t[s1];
           break;
         }
-      r1 && !W.has(r1[e]) && (e1.push(r1), W.add(r1[e])), e1.push(l1);
-    }), e1;
+      r1 && !W.has(r1[e]) && (i1.push(r1), W.add(r1[e])), i1.push(l1);
+    }), i1;
   })(), $ = P(() => {
-    var e1, W;
-    const T = (e1 = O.current) == null ? void 0 : e1.querySelector("input");
+    var i1, W;
+    const T = (i1 = O.current) == null ? void 0 : i1.querySelector("input");
     return T || ((W = O.current) == null ? void 0 : W.querySelector(
       '[data-dropdown-input="true"]'
     ));
@@ -22838,19 +22838,19 @@ const s6 = G1(
     const T = $();
     T && requestAnimationFrame(() => {
       var z1;
-      const Q = T.getBoundingClientRect(), e1 = window.innerHeight;
+      const K = T.getBoundingClientRect(), i1 = window.innerHeight;
       let W = 0;
       Z.current && (W = Z.current.offsetHeight), W === 0 && (W = Math.min(200, N.length * 40));
-      const l1 = e1 - Q.bottom, d1 = Q.top, r1 = l1 < W && d1 > l1 ? "top" : "bottom";
+      const l1 = i1 - K.bottom, d1 = K.top, r1 = l1 < W && d1 > l1 ? "top" : "bottom";
       A(r1);
-      let s1 = 0, B1 = 0, k1 = Q.width;
+      let s1 = 0, B1 = 0, k1 = K.width;
       if (!h)
-        r1 === "bottom" ? s1 = Q.bottom + 4 : s1 = Q.top - W - 4, B1 = Q.left;
+        r1 === "bottom" ? s1 = K.bottom + 4 : s1 = K.top - W - 4, B1 = K.left;
       else {
         const f1 = (z1 = O.current) == null ? void 0 : z1.getBoundingClientRect();
         if (!f1) return;
-        const T1 = Q.top - f1.top, H1 = Q.left - f1.left;
-        r1 === "bottom" ? s1 = T1 + Q.height + 4 : s1 = T1 - W - 4, B1 = H1;
+        const T1 = K.top - f1.top, H1 = K.left - f1.left;
+        r1 === "bottom" ? s1 = T1 + K.height + 4 : s1 = T1 - W - 4, B1 = H1;
       }
       const V1 = 1100, I1 = parseInt(b.replace(/\D/g, "")) || 0, P1 = V1 + I1 % 100, X1 = {
         position: h ? "absolute" : "fixed",
@@ -22864,53 +22864,53 @@ const s6 = G1(
   }, [$, N.length, b, h]), F = P(() => {
     if (!Z.current || !n1.length)
       return;
-    const Q = Z.current.querySelector(".ui-overflow-y-auto");
-    if (!Q)
+    const K = Z.current.querySelector(".ui-overflow-y-auto");
+    if (!K)
       return;
-    const e1 = n1[0];
-    if (!e1) return;
-    const W = Q.querySelector(
-      `[data-option-value="${e1[e]}"]`
+    const i1 = n1[0];
+    if (!i1) return;
+    const W = K.querySelector(
+      `[data-option-value="${i1[e]}"]`
     );
     if (!W)
       return;
-    const l1 = Q.clientHeight, d1 = W.offsetTop, r1 = W.clientHeight, s1 = d1 - l1 / 2 + r1 / 2;
-    Q.scrollTo({
+    const l1 = K.clientHeight, d1 = W.offsetTop, r1 = W.clientHeight, s1 = d1 - l1 / 2 + r1 / 2;
+    K.scrollTo({
       top: Math.max(0, s1),
       behavior: "smooth"
     });
-  }, [n1, n]), i1 = (T) => {
-    T && T.stopPropagation(), !p && (m ? u1() : (f6(b), B(""), V(!1), k(), setTimeout(() => {
+  }, [n1, n]), e1 = (T) => {
+    T && T.stopPropagation(), !p && (m ? a1() : (f6(b), B(""), V(!1), k(), setTimeout(() => {
       H(!0), n0.add(b), setTimeout(() => {
         k(), setTimeout(() => {
           F();
         }, 50);
       }, 50);
     }, 50)));
-  }, u1 = () => {
+  }, a1 = () => {
     V(!0), setTimeout(() => {
       H(!1), V(!1), n0.delete(b);
     }, 150);
-  }, p1 = (T, Q) => {
-    if (Q.stopPropagation(), !T.disabled) {
+  }, p1 = (T, K) => {
+    if (K.stopPropagation(), !T.disabled) {
       if (d) {
-        const e1 = M(E), W = T[e];
-        if (L && e1.length >= L && !e1.includes(W))
+        const i1 = M(R), W = T[e];
+        if (L && i1.length >= L && !i1.includes(W))
           return;
-        const l1 = e1.includes(W) ? e1.filter((d1) => d1 !== W) : [...e1, W];
+        const l1 = i1.includes(W) ? i1.filter((d1) => d1 !== W) : [...i1, W];
         X(l1);
       } else {
-        const e1 = T[e] === -1 ? -1 : T[e];
-        X(e1), B(""), u1();
+        const i1 = T[e] === -1 ? -1 : T[e];
+        X(i1), B(""), a1();
       }
       c == null || c(T);
     }
   }, _ = (T) => {
     B(T.target.value);
-  }, a1 = (T) => {
+  }, u1 = (T) => {
     T.stopPropagation(), X(d ? [] : ""), B("");
   };
-  return K(() => {
+  return Q(() => {
     w == null || w(m);
   }, [m, w]), y9({
     isActive: m,
@@ -22926,25 +22926,25 @@ const s6 = G1(
     // Deshabilitar isInsideSameType cuando absolute=true
     onOutsideClick: () => {
       setTimeout(() => {
-        u1();
+        a1();
       }, 0);
     }
-  }), K(() => {
+  }), Q(() => {
     const T = () => {
-      m && u1();
+      m && a1();
     };
     return document.addEventListener("close-all-dropdowns", T), () => {
       document.removeEventListener("close-all-dropdowns", T);
     };
-  }, [m, u1]), K(() => {
+  }, [m, a1]), Q(() => {
     if (m) {
       const T = () => {
         k();
-      }, Q = () => {
+      }, K = () => {
         m && !j && k();
       };
-      return window.addEventListener("resize", T), window.addEventListener("scroll", Q, !1), document.addEventListener("scroll", Q, !1), () => {
-        window.removeEventListener("resize", T), window.removeEventListener("scroll", Q, !1), document.removeEventListener("scroll", Q, !1);
+      return window.addEventListener("resize", T), window.addEventListener("scroll", K, !1), document.addEventListener("scroll", K, !1), () => {
+        window.removeEventListener("resize", T), window.removeEventListener("scroll", K, !1), document.removeEventListener("scroll", K, !1);
       };
     }
   }, [m, k, j]), {
@@ -22952,12 +22952,12 @@ const s6 = G1(
     isOpen: m,
     isClosing: j,
     searchValue: y,
-    selectedValue: E,
+    selectedValue: R,
     selectedOptions: n1,
     filteredOptions: N,
-    position: R,
+    position: E,
     dropdownStyle: S,
-    isControlled: q,
+    isControlled: G,
     multiple: d,
     // Referencias
     inputRef: x,
@@ -22965,11 +22965,11 @@ const s6 = G1(
     containerRef: O,
     dropdownUniqueId: b,
     // Funciones
-    toggleDropdown: i1,
-    closeDropdown: u1,
+    toggleDropdown: e1,
+    closeDropdown: a1,
     handleOptionSelect: p1,
     handleSearchChange: _,
-    handleClear: a1,
+    handleClear: u1,
     calculatePosition: k,
     setValue: X,
     scrollToSelectedOption: F,
@@ -23022,7 +23022,7 @@ const s6 = G1(
   idName: w
 }) => {
   const [f, g] = Y(!1), [b, m] = Y(null), H = o1(null);
-  return K(() => {
+  return Q(() => {
     if (!H.current || t.length === 0) {
       g(!1), m(null);
       return;
@@ -23030,9 +23030,9 @@ const s6 = G1(
     const V = setTimeout(() => {
       const y = H.current;
       if (y) {
-        const B = y.scrollHeight, R = y.clientHeight;
+        const B = y.scrollHeight, E = y.clientHeight;
         if (b === null) {
-          m(R);
+          m(E);
           return;
         }
         const A = B > b;
@@ -23122,7 +23122,7 @@ const s6 = G1(
     onCheckboxChange: V,
     searchable: y = !1,
     maxHeight: B = "200px",
-    closeOnClickOutside: R = !0,
+    closeOnClickOutside: E = !0,
     dropdownId: A,
     multiple: S = !1,
     maxSelectedItems: v,
@@ -23133,8 +23133,8 @@ const s6 = G1(
     withCheckbox: I = !1,
     onHandleAccept: z,
     ...J
-  }, q) => {
-    const E = o1(null), [X, n1] = Y(c), [N, $] = Y(null), [k, F] = Y(!1), p1 = S ? g : !S && M ? [
+  }, G) => {
+    const R = o1(null), [X, n1] = Y(c), [N, $] = Y(null), [k, F] = Y(!1), p1 = S ? g : !S && M ? [
       {
         ...{
           label: f || "Selecciona una opción",
@@ -23148,10 +23148,10 @@ const s6 = G1(
       ...g.filter((D) => D[m] !== -1)
     ] : g, _ = L !== void 0 ? L : M && !S ? -1 : h, {
       // Estado
-      isOpen: a1,
+      isOpen: u1,
       isClosing: T,
-      searchValue: Q,
-      selectedValue: e1,
+      searchValue: K,
+      selectedValue: i1,
       selectedOptions: W,
       filteredOptions: l1,
       dropdownStyle: d1,
@@ -23180,7 +23180,7 @@ const s6 = G1(
       onValueChange: H,
       onOptionSelect: j,
       searchable: y,
-      closeOnClickOutside: R,
+      closeOnClickOutside: E,
       dropdownId: A,
       disabled: w,
       multiple: S,
@@ -23194,19 +23194,19 @@ const s6 = G1(
       }
     }), A1 = (D, c1) => {
       if (S) {
-        const L1 = W0(e1), G = D[m];
+        const L1 = W0(i1), q = D[m];
         if (c1) {
-          if (!L1.includes(G)) {
-            const h1 = [...L1, G];
+          if (!L1.includes(q)) {
+            const h1 = [...L1, q];
             H1(h1);
           }
         } else {
-          const h1 = L1.filter((y1) => y1 !== G);
+          const h1 = L1.filter((y1) => y1 !== q);
           H1(h1);
         }
       }
     };
-    K(() => {
+    Q(() => {
       if (r1 && L !== void 0)
         if (L === "" || L === -1 || L === "-1")
           n1((D) => D !== c ? c : D), $((D) => D !== null ? null : D);
@@ -23216,23 +23216,23 @@ const s6 = G1(
           );
           if (D) {
             const c1 = D.icon || c, L1 = D.iconColor || null;
-            n1((G) => G !== c1 ? c1 : G), $((G) => G !== L1 ? L1 : G);
+            n1((q) => q !== c1 ? c1 : q), $((q) => q !== L1 ? L1 : q);
           }
         }
     }, [L, r1, p1, b, m, c]), o0(
-      q,
+      G,
       () => ({
-        getValue: () => e1,
+        getValue: () => i1,
         setValue: (D) => {
           r1 || H1(D), H == null || H(D);
         },
         focus: () => {
           var D, c1;
-          S && x === "tags" ? (D = E.current) == null || D.focus() : (c1 = s1.current) == null || c1.focus();
+          S && x === "tags" ? (D = R.current) == null || D.focus() : (c1 = s1.current) == null || c1.focus();
         },
         blur: () => {
           var D, c1;
-          S && x === "tags" ? (D = E.current) == null || D.blur() : (c1 = s1.current) == null || c1.blur();
+          S && x === "tags" ? (D = R.current) == null || D.blur() : (c1 = s1.current) == null || c1.blur();
         },
         clear: () => {
           r1 || H1(S ? [] : ""), H == null || H(S ? [] : "");
@@ -23247,7 +23247,7 @@ const s6 = G1(
         }
       }),
       [
-        e1,
+        i1,
         r1,
         w,
         f1,
@@ -23258,16 +23258,16 @@ const s6 = G1(
         I1,
         x
       ]
-    ), K(() => {
-      if (a1 && W.length > 0) {
+    ), Q(() => {
+      if (u1 && W.length > 0) {
         const D = setTimeout(() => {
           T1();
         }, 150);
         return () => clearTimeout(D);
       }
-    }, [a1, W, T1]), K(() => {
-      if (a1 && S && x === "tags") {
-        const D = E.current;
+    }, [u1, W, T1]), Q(() => {
+      if (u1 && S && x === "tags") {
+        const D = R.current;
         if (!D) return;
         const c1 = new ResizeObserver(() => {
           setTimeout(() => {
@@ -23278,20 +23278,20 @@ const s6 = G1(
           c1.disconnect();
         };
       }
-    }, [a1, S, x, f1]), K(() => {
-      if (a1 && S && x === "tags") {
+    }, [u1, S, x, f1]), Q(() => {
+      if (u1 && S && x === "tags") {
         const D = setTimeout(() => {
           f1();
         }, 100);
         return () => clearTimeout(D);
       }
-    }, [W, a1, S, x, f1]);
+    }, [W, u1, S, x, f1]);
     const n9 = (D) => {
       if (S) {
-        const L1 = W0(e1).filter((G) => G !== D);
+        const L1 = W0(i1).filter((q) => q !== D);
         if (H1(L1), I && A1) {
-          const G = g.find((h1) => h1[m] === D);
-          G && A1(G, !1);
+          const q = g.find((h1) => h1[m] === D);
+          q && A1(q, !1);
         }
       }
     }, $9 = () => {
@@ -23311,9 +23311,9 @@ const s6 = G1(
         return D ? D[m] === -1 || D[b] === -1 || D[b] === "-1" ? f : D[b] || "" : "";
       }
     }, P9 = () => {
-      if (!a1 || !d1.top) return null;
-      const D = T ? "animate-dropdown-exit" : "animate-dropdown-enter", c1 = (G, h1) => {
-        Q0(G, h1), G.icon && n1(G.icon), G.iconColor && $(G.iconColor);
+      if (!u1 || !d1.top) return null;
+      const D = T ? "animate-dropdown-exit" : "animate-dropdown-enter", c1 = (q, h1) => {
+        Q0(q, h1), q.icon && n1(q.icon), q.iconColor && $(q.iconColor);
       }, L1 = /* @__PURE__ */ u(
         "div",
         {
@@ -23328,12 +23328,12 @@ const s6 = G1(
             zIndex: d1.zIndex
           },
           className: `py-2 ui-min-w-fit ui-overflow-hidden ui-rounded-sm ui-border ui-border-neutral-200 ui-bg-white ui-shadow-lg ${D}`,
-          onClick: (G) => G.stopPropagation(),
+          onClick: (q) => q.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { children: y && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (G) => G.stopPropagation(), children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { children: y && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (q) => q.stopPropagation(), children: /* @__PURE__ */ i(
               N1,
               {
-                value: Q,
+                value: K,
                 onChange: X1,
                 placeholder: s,
                 leftSlot: "SearchOutlined",
@@ -23343,47 +23343,47 @@ const s6 = G1(
               }
             ) }) }),
             y && /* @__PURE__ */ i(U1, {}),
-            /* @__PURE__ */ i("div", { className: "custom-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: l1.length > 0 ? l1.map((G) => {
+            /* @__PURE__ */ i("div", { className: "custom-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: l1.length > 0 ? l1.map((q) => {
               const h1 = S ? W.some(
-                (y1) => y1 && y1[m] === G[m]
-              ) : G[m] === -1 && (e1 === -1 || e1 === "-1") || G[m] === e1;
+                (y1) => y1 && y1[m] === q[m]
+              ) : q[m] === -1 && (i1 === -1 || i1 === "-1") || q[m] === i1;
               return I ? /* @__PURE__ */ i(
                 k9,
                 {
-                  disabled: G.disabled,
+                  disabled: q.disabled,
                   current: h1 ? "blue" : !1,
-                  "data-option-value": G[m],
-                  icon: G.icon,
-                  iconColor: G.iconColor,
+                  "data-option-value": q[m],
+                  icon: q.icon,
+                  iconColor: q.iconColor,
                   checkboxProps: {
                     checked: h1,
-                    onChange: (y1) => A1 == null ? void 0 : A1(G, y1),
-                    disabled: G.disabled
+                    onChange: (y1) => A1 == null ? void 0 : A1(q, y1),
+                    disabled: q.disabled
                   },
-                  isGroupTitle: G.isGroupTitle,
-                  groupTitle: G.label,
-                  children: G[b]
+                  isGroupTitle: q.isGroupTitle,
+                  groupTitle: q.label,
+                  children: q[b]
                 },
-                G[m] || G[b]
+                q[m] || q[b]
               ) : /* @__PURE__ */ i(
                 O9,
                 {
-                  onClick: (y1) => c1(G, y1),
-                  disabled: G.disabled,
+                  onClick: (y1) => c1(q, y1),
+                  disabled: q.disabled,
                   current: h1 ? "blue" : !1,
-                  "data-option-value": G[m],
-                  icon: G.icon,
-                  iconColor: G.iconColor,
-                  children: G[b]
+                  "data-option-value": q[m],
+                  icon: q.icon,
+                  iconColor: q.iconColor,
+                  children: q[b]
                 },
-                G[m] || G[b]
+                q[m] || q[b]
               );
-            }) : Q ? /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
+            }) : K ? /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
               /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(j1, { name: "SearchOutlined", size: "5xl", color: "neutral" }) }),
               /* @__PURE__ */ u("p", { className: "ui-font-semibold ui-text-neutral-800", children: [
                 C,
                 ' "',
-                Q,
+                K,
                 '"'
               ] }),
               /* @__PURE__ */ i("p", { className: "ui-mt-2 ui-text-xs ui-text-neutral-500", children: p })
@@ -23411,7 +23411,7 @@ const s6 = G1(
       );
       return Z ? L1 : D1(L1, document.body);
     };
-    return K(() => {
+    return Q(() => {
       c && n1(c);
     }, [c]), /* @__PURE__ */ u(
       "div",
@@ -23428,10 +23428,10 @@ const s6 = G1(
               selectedOptions: W,
               handleRemoveSelected: n9,
               toggleDropdown: I1,
-              isOpen: a1,
+              isOpen: u1,
               isOpening: k,
               setIsOpening: F,
-              customInputRef: E,
+              customInputRef: R,
               disabled: w,
               error: t,
               helperText: n || "",
@@ -23461,7 +23461,7 @@ const s6 = G1(
                 readOnly: !0,
                 onClick: (D) => I1(D),
                 onClickExtraSlot: () => I1(),
-                extraSlot: a1 ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
+                extraSlot: u1 ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
                 name: o,
                 autosize: !0,
                 ...J
@@ -23487,7 +23487,7 @@ const s6 = G1(
 F1.displayName = "Dropdown";
 const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   const [n, e] = Y(!1), [a, c] = Y(() => (t || "").length);
-  return K(() => {
+  return Q(() => {
     const C = (t || "").length;
     c((p) => p !== C ? C : p);
   }, [t]), { isFocused: n, setIsFocused: e, count: a, handleChange: (C) => {
@@ -23615,56 +23615,56 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   absolute: s = !1
 }) => {
   const C = t9(), p = e || `popup-${C}`, [d, L] = Y(!1), [h, w] = Y({}), [f, g] = Y(!1), b = o1(null), m = o1(null), H = o1(null), j = P(() => {
-    const B = b.current, R = m.current;
-    if (!B || !R) return;
-    const A = B.getBoundingClientRect(), S = R.getBoundingClientRect();
+    const B = b.current, E = m.current;
+    if (!B || !E) return;
+    const A = B.getBoundingClientRect(), S = E.getBoundingClientRect();
     if (S.width === 0 || S.height === 0)
       return;
     let v = 0, x = 0;
     if (s) {
-      const z = B.offsetTop, J = B.offsetLeft, q = B.offsetWidth, E = B.offsetHeight;
+      const z = B.offsetTop, J = B.offsetLeft, G = B.offsetWidth, R = B.offsetHeight;
       switch (o) {
         case "top":
-          v = z - S.height - r, x = J + (q - S.width) / 2;
+          v = z - S.height - r, x = J + (G - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = z + E + r, x = J + (q - S.width) / 2;
+          v = z + R + r, x = J + (G - S.width) / 2;
           break;
         case "bottom-left":
-          v = z + E + r, x = J;
+          v = z + R + r, x = J;
           break;
         case "bottom-right":
-          v = z + E + r, x = J + q - S.width;
+          v = z + R + r, x = J + G - S.width;
           break;
         case "left":
           v = z, x = J - S.width - r;
           break;
         case "right":
-          v = z, x = J + q + r;
+          v = z, x = J + G + r;
           break;
       }
     } else {
-      const z = window.innerWidth, J = window.innerHeight, q = A.top, E = A.left, X = A.width, n1 = A.height;
+      const z = window.innerWidth, J = window.innerHeight, G = A.top, R = A.left, X = A.width, n1 = A.height;
       switch (o) {
         case "top":
-          v = q - S.height - r, x = E + (X - S.width) / 2;
+          v = G - S.height - r, x = R + (X - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = q + n1 + r, x = E + (X - S.width) / 2;
+          v = G + n1 + r, x = R + (X - S.width) / 2;
           break;
         case "bottom-left":
-          v = q + n1 + r, x = E;
+          v = G + n1 + r, x = R;
           break;
         case "bottom-right":
-          v = q + n1 + r, x = E + X - S.width;
+          v = G + n1 + r, x = R + X - S.width;
           break;
         case "left":
-          v = q, x = E - S.width - r;
+          v = G, x = R - S.width - r;
           break;
         case "right":
-          v = q, x = E + X + r;
+          v = G, x = R + X + r;
           break;
       }
       x < 0 && (x = 0), x + S.width > z && (x = z - S.width), v < 0 && (v = 0), v + S.height > J && (v = J - S.height), o === "bottom-right" && S.width > A.width && (x = A.right - S.width, x < 0 && (x = 0));
@@ -23681,12 +23681,12 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
   }, y = () => {
     L(!1), g(!1), e0.delete(p), c == null || c();
   };
-  return K(() => {
+  return Q(() => {
     if (d) {
       const B = () => {
-        const R = m.current;
-        if (R) {
-          const A = R.getBoundingClientRect();
+        const E = m.current;
+        if (E) {
+          const A = E.getBoundingClientRect();
           A.width > 0 && A.height > 0 && A.width !== 0 && A.height !== 0 ? j() : setTimeout(() => {
             requestAnimationFrame(B);
           }, 10);
@@ -23696,16 +23696,16 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
         requestAnimationFrame(B);
       }, 0);
     }
-  }, [d, j]), K(() => {
+  }, [d, j]), Q(() => {
     if (!d || !f || s) return;
     let B = !1;
-    const R = () => {
+    const E = () => {
       B || (requestAnimationFrame(() => {
         j(), B = !1;
       }), B = !0);
     };
-    return window.addEventListener("scroll", R, { passive: !0 }), window.addEventListener("resize", R, { passive: !0 }), () => {
-      window.removeEventListener("scroll", R), window.removeEventListener("resize", R);
+    return window.addEventListener("scroll", E, { passive: !0 }), window.addEventListener("resize", E, { passive: !0 }), () => {
+      window.removeEventListener("scroll", E), window.removeEventListener("resize", E);
     };
   }, [d, f, s, j]), y9({
     isActive: d,
@@ -23760,7 +23760,7 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     tooltip: V,
     tooltipPosition: y,
     tooltipAlignment: B,
-    tooltipColor: R,
+    tooltipColor: E,
     tooltipDelay: A,
     absolute: S = !1,
     closeOnClick: v = !0,
@@ -23768,18 +23768,19 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
     containerClassName: Z,
     buttonTransition: O = !0,
     buttonStyle: M,
-    ...I
-  }, z) => {
+    stopPropagationList: I = !1,
+    ...z
+  }, J) => {
     const {
-      isOpen: J,
-      popupStyle: q,
-      isPositioned: E,
-      triggerRef: X,
-      popupRef: n1,
-      containerRef: N,
-      popupUniqueId: $,
-      togglePopup: k,
-      closePopup: F
+      isOpen: G,
+      popupStyle: R,
+      isPositioned: X,
+      triggerRef: n1,
+      popupRef: N,
+      containerRef: $,
+      popupUniqueId: k,
+      togglePopup: F,
+      closePopup: e1
     } = j6({
       position: t,
       offset: n,
@@ -23792,58 +23793,58 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
       absolute: S
     });
     o0(
-      z,
+      J,
       () => ({
         open: () => {
-          p || k();
+          p || F();
         },
         close: () => {
-          F();
+          e1();
         },
-        isOpen: () => J
+        isOpen: () => G
       }),
-      [p, k, F, J]
+      [p, F, e1, G]
     );
-    const i1 = () => {
-      if (!J)
+    const a1 = () => {
+      if (!G)
         return null;
-      const u1 = {
+      const p1 = {
         position: S ? "absolute" : "fixed",
         top: S ? "auto" : "-9999px",
         left: S ? "auto" : "-9999px",
-        visibility: E ? "visible" : "hidden",
-        opacity: E ? 1 : 0,
+        visibility: X ? "visible" : "hidden",
+        opacity: X ? 1 : 0,
         transition: "opacity 0.1s ease-out",
-        ...q
-      }, p1 = V6(b), _ = /* @__PURE__ */ i(
+        ...R
+      }, _ = V6(b), u1 = /* @__PURE__ */ i(
         "div",
         {
-          ref: n1,
-          id: $,
-          "data-popup-id": $,
-          style: u1,
-          className: `ui-border ui-border-neutral-100 ui-bg-white ${p1} ui-overflow-hidden ui-shadow-lg ${l}`,
-          onClick: () => {
-            v && F();
+          ref: N,
+          id: k,
+          "data-popup-id": k,
+          style: p1,
+          className: `ui-border ui-border-neutral-100 ui-bg-white ${_} ui-overflow-hidden ui-shadow-lg ${l}`,
+          onClick: (K) => {
+            v && (I && K.stopPropagation(), e1());
           },
-          ...I,
+          ...z,
           children: o
         }
       );
-      return S ? _ : D1(_, document.body);
+      return S ? u1 : D1(u1, document.body);
     };
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: N,
+        ref: $,
         className: U("ui-relative ui-h-max"),
-        "data-popup-container-id": $,
+        "data-popup-container-id": k,
         children: [
-          /* @__PURE__ */ i("div", { ref: X, className: U("ui-w-fit", Z), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { ref: n1, className: U("ui-w-fit", Z), children: /* @__PURE__ */ i(
             v1,
             {
               className: x,
-              onClick: k,
+              onClick: F,
               disabled: p,
               variant: d,
               color: L,
@@ -23857,14 +23858,14 @@ const x6 = ({ maxLength: o = 0, onChange: r, value: t }) => {
               tooltip: V,
               tooltipPosition: y,
               tooltipAlignment: B,
-              tooltipColor: R,
+              tooltipColor: E,
               tooltipDelay: A,
               transition: O,
               style: M,
               children: r || ""
             }
           ) }),
-          i1()
+          a1()
         ]
       }
     );
@@ -23914,7 +23915,7 @@ const Z1 = {
       h[f] = g;
     }), l(h);
   }, [o, e]);
-  K(() => {
+  Q(() => {
     s();
   }, [s]);
   const C = P(() => {
@@ -24131,7 +24132,7 @@ const Z1 = {
   cancelButtonSlotLeft: V,
   successButtonSlotRight: y,
   disableCancelButton: B,
-  disableSuccessButton: R
+  disableSuccessButton: E
 }) => {
   const A = {
     onClose: r,
@@ -24157,7 +24158,7 @@ const Z1 = {
     cancelButtonSlotLeft: V,
     successButtonSlotRight: y,
     disableCancelButton: B,
-    disableSuccessButton: R
+    disableSuccessButton: E
   };
   return /* @__PURE__ */ i(B9.Provider, { value: A, children: o });
 }, S9 = () => {
@@ -24230,8 +24231,8 @@ const Z1 = {
     onChangeTab: h,
     headerButtonIcon: w,
     headerButtonOnClick: f
-  } = S9(), g = r ?? C, b = c ?? w, m = l ?? f, H = (n == null ? void 0 : n.length) > 0 ? n : d, j = (H == null ? void 0 : H.length) ?? !1, V = a ?? h, y = e ?? L, B = (R) => {
-    V && V(R);
+  } = S9(), g = r ?? C, b = c ?? w, m = l ?? f, H = (n == null ? void 0 : n.length) > 0 ? n : d, j = (H == null ? void 0 : H.length) ?? !1, V = a ?? h, y = e ?? L, B = (E) => {
+    V && V(E);
   };
   return /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-flex-wrap ui-items-center ui-justify-between ui-gap-x-md ui-border-b ui-border-neutral-100 ui-p-4", children: [
     p && /* @__PURE__ */ i("div", { className: "ui-flex ui-h-8 ui-w-8 ui-items-center ui-justify-center ui-gap-2 ui-rounded-full ui-bg-blue-50 ui-text-blue-500", children: /* @__PURE__ */ i(b1, { slot: p, size: "lg" }) }),
@@ -24268,8 +24269,8 @@ const Z1 = {
         options: H ?? [],
         defaultValue: y,
         size: "sm",
-        onChange: (R) => {
-          B(R);
+        onChange: (E) => {
+          B(E);
         }
       }
     ) }) : null
@@ -24383,7 +24384,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   onChangeTab: V,
   headerButtonIcon: y,
   headerButtonOnClick: B,
-  footerButtonIcon: R,
+  footerButtonIcon: E,
   footerButtonOnClick: A,
   cancelButtonSlotLeft: S,
   successButtonSlotRight: v,
@@ -24398,7 +24399,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     disableOutsideClick: s
   });
   if (!I || !o && !O) return null;
-  const J = S6(e), q = $6(e), E = /* @__PURE__ */ u(
+  const J = S6(e), G = $6(e), R = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -24446,7 +24447,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 icon: t,
                 headerButtonIcon: y,
                 headerButtonOnClick: B,
-                footerButtonIcon: R,
+                footerButtonIcon: E,
                 footerButtonOnClick: A,
                 tabs: H,
                 defaultValueTab: j,
@@ -24458,7 +24459,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 children: [
                   !J && (a || w ? /* @__PURE__ */ i(Y1, { title: w }) : null),
                   e && e,
-                  !q && /* @__PURE__ */ i(X0, {})
+                  !G && /* @__PURE__ */ i(X0, {})
                 ]
               }
             )
@@ -24467,7 +24468,7 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ]
     }
   );
-  return h9.createPortal(E, I);
+  return h9.createPortal(R, I);
 }, zi = Object.assign(P6, {
   Header: Y1,
   Body: Z6,
@@ -24494,13 +24495,13 @@ const Z6 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   showVisiblePages: d = !1,
   showPagesSelector: L = !1
 }) => {
-  K(() => {
+  Q(() => {
     o > r && r > 0 && l(r);
   }, [o, r, l]);
   const h = (j) => {
     j >= 1 && j <= r && l(j);
   }, [w, f] = Y(t);
-  K(() => {
+  Q(() => {
     f(t);
   }, [t]);
   const g = Math.min(o * (t || 0), n || 0) || 0, m = (() => {
@@ -28386,7 +28387,7 @@ const E1 = /* @__PURE__ */ new Map(), i0 = {
   }
 }, Li = () => {
   const [o, r] = Y([]), t = o1(/* @__PURE__ */ new Map()), n = o1(null);
-  return K(() => {
+  return Q(() => {
     const a = i0.getListeners();
     if (n.current) {
       const l = a.indexOf(n.current);
@@ -28437,7 +28438,7 @@ const E1 = /* @__PURE__ */ new Map(), i0 = {
   })[r]
 }), wi = ({ toastItem: o }) => {
   const [r, t] = Y(!0);
-  K(() => {
+  Q(() => {
     o.isLeaving && setTimeout(() => {
       t(!1);
     }, 300);