@imj_media/ui 1.0.27 → 1.0.29

package/dist/index.esm.js

@@ -1,13 +1,13 @@
 import { jsxs as u, jsx as i, Fragment as H1 } from "react/jsx-runtime";
-import w1, { useState as q, useRef as t1, useEffect as W, useCallback as S, useMemo as f1, useImperativeHandle as U1, forwardRef as $1, useId as n0, createContext as g0, useContext as M0 } from "react";
-import { clsx as m0 } from "clsx";
-import { twMerge as f0 } from "tailwind-merge";
+import w1, { useState as Y, useRef as t1, useEffect as W, useCallback as I, useMemo as m1, useImperativeHandle as U1, forwardRef as $1, useId as n0, createContext as g0, useContext as M0 } from "react";
+import { clsx as f0 } from "clsx";
+import { twMerge as m0 } from "tailwind-merge";
 import { cva as d1 } from "class-variance-authority";
 import e0, { createPortal as b1 } from "react-dom";
 import { Prism as v0 } from "react-syntax-highlighter";
 import { dark as x0, prism as b0, materialLight as j0, materialDark as V0, atomDark as H0, oneLight as O0, oneDark as y0, tomorrow as Z0, dracula as k0 } from "react-syntax-highlighter/dist/esm/styles/prism";
 function U(...o) {
-  return f0(m0(o));
+  return m0(f0(o));
 }
 function I0({
   width: o = 24,
@@ -609,7 +609,7 @@ function M2({
     /* @__PURE__ */ i("path", { d: "M2.99878 18.9512H9.99715", stroke: n, strokeWidth: e, strokeLinecap: "round" })
   ] });
 }
-function m2({
+function f2({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -624,7 +624,7 @@ function m2({
     /* @__PURE__ */ i("path", { d: "M8.50071 14.002C9.60471 14.002 10.4975 14.8948 10.4975 15.9988H6.50391C6.50391 14.8948 7.39671 14.002 8.50071 14.002Z", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function f2({
+function m2({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -1436,7 +1436,7 @@ function M9({
     /* @__PURE__ */ i("path", { d: "M12 3V15.66", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function m9({
+function f9({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -1448,7 +1448,7 @@ function m9({
     /* @__PURE__ */ i("path", { d: "M6 11.998H20", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function f9({
+function m9({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -2179,7 +2179,7 @@ function Mn({
     /* @__PURE__ */ i("path", { d: "M18.4993 20.3379V22.0035", stroke: n, strokeWidth: e })
   ] });
 }
-function mn({
+function fn({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -2193,7 +2193,7 @@ function mn({
     /* @__PURE__ */ i("path", { d: "M12.7732 15.4616L3.16089 13.5859L10.5729 3C11.3939 4.10727 12.21 5.20978 13.0309 6.31705C14.0857 7.73933 15.1405 9.15683 16.1905 10.5791C15.0498 12.2066 13.9091 13.8389 12.7684 15.4664L12.7732 15.4616Z", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function fn({
+function mn({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -2910,7 +2910,7 @@ function M4({
 }) {
   return /* @__PURE__ */ i("svg", { width: o, height: r, viewBox: "0 0 24 24", fill: t, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i("path", { d: "M9.9984 7.0016V6.92C9.9984 5.8592 9.1392 5 8.0784 5H4.92C3.8592 5 3 5.8592 3 6.92V17.0816C3 18.1424 3.8592 19.0016 4.92 19.0016H19.08C20.1408 19.0016 21 18.1424 21 17.0816V8.9216C21 7.8608 20.1408 7.0016 19.08 7.0016H9.9984Z", stroke: n, strokeWidth: e, strokeLinejoin: "round" }) });
 }
-function m4({
+function f4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -2927,7 +2927,7 @@ function m4({
     /* @__PURE__ */ i("path", { d: "M11.2336 14.6445H13.3552", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function f4({
+function m4({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -3659,7 +3659,7 @@ function Me({
     /* @__PURE__ */ i("path", { d: "M18.0101 18L6.01465 6", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function me({
+function fe({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -3676,7 +3676,7 @@ function me({
     /* @__PURE__ */ i("path", { d: "M15 10V8", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function fe({
+function me({
   width: o = 24,
   height: r = 24,
   fill: t = "none",
@@ -4363,12 +4363,12 @@ const A1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   AngleLeftOutlined: I2,
   AngleRightOutlined: Re,
   AngleUpOutlined: d8,
-  ArchivarOutlined: fe,
+  ArchivarOutlined: me,
   AreaOutlined: I4,
   ArrowCircleDownOutlined: Q2,
   ArrowCircleLeftOutlined: Ve,
   ArrowCircleRightOutlined: ee,
-  ArrowCircleUpOutlined: f2,
+  ArrowCircleUpOutlined: m2,
   ArrowDownLeftOutlined: gn,
   ArrowDownOutlined: Q4,
   ArrowDownRightOutlined: Me,
@@ -4443,7 +4443,7 @@ const A1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CotizadorVallasOutlined: _e,
   DashboardOutlined: u2,
   DiamanteOutlined: R9,
-  DisponibilidadOutlined: fn,
+  DisponibilidadOutlined: mn,
   DocumentOutlined: T9,
   DownloadOutlined: M9,
   DummiesOutlined: p9,
@@ -4479,7 +4479,7 @@ const A1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   GaugeOutlined: I9,
   GearOutlined: Z4,
   GestionOutlined: G0,
-  GlassOutlined: f9,
+  GlassOutlined: m9,
   GridOutlined: ne,
   GroupFilesOutlined: Nn,
   GroupOutlined: $4,
@@ -4488,7 +4488,7 @@ const A1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   HistoryOutlined: w9,
   HomeOutlined: re,
   IconsboxOutlined: w4,
-  IdOutlined: m2,
+  IdOutlined: f2,
   ImageOutlined: D9,
   ImagesOutlined: te,
   ImjLogoOutlined: p8,
@@ -4531,7 +4531,7 @@ const A1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Minus2Outlined: T0,
   MinusOutlined: C2,
   MoonOutlined: J2,
-  MupisOutlined: m4,
+  MupisOutlined: f4,
   MuroOutlined: Te,
   NumberListOutlined: Xe,
   ObpByImjOutlined: p4,
@@ -4547,14 +4547,14 @@ const A1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PautaTradicionalOutlined: t2,
   PencilOutlined: Be,
   PercentageOutlined: k9,
-  PerifoneoOutlined: mn,
+  PerifoneoOutlined: fn,
   PerifoneoSlashOutlined: n9,
   PermisionarioOutlined: F9,
   PlaningOutlined: Vn,
   PlanningOutlined: Kn,
   PlantillaOutlined: i9,
   PlayOutlined: S9,
-  Plus1Outlined: m9,
+  Plus1Outlined: f9,
   PlusOutlined: B4,
   PostventaOutlined: F0,
   PowerOutlined: pe,
@@ -4564,7 +4564,7 @@ const A1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Proveedor1Outlined: t9,
   ProveedorOutlined: Cn,
   ProyectoOutlined: R2,
-  PuentePeatonalOutlined: me,
+  PuentePeatonalOutlined: fe,
   PuntoOutlined: P4,
   PuzzleOutlined: nn,
   QuestionCircleOutlined: V4,
@@ -4639,7 +4639,7 @@ const A1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   VallasMovilesOutlined: b4,
   VistaDerechaOutlined: tn,
   VistaIndefinidaOutlined: hn,
-  VistaIzquierdaOutlined: f4,
+  VistaIzquierdaOutlined: m4,
   VistaListaOutlined: ve,
   WorldOutlined: Jn,
   X2Outlined: He,
@@ -4681,7 +4681,7 @@ function h1({
   let C = A1[o];
   if (C || (C = i0[o]), !C)
     return console.warn(`Icono "${o}" no encontrado en ninguna variante`), null;
-  const p = C === A1[o] ? "outline" : "fill", d = C8[r], g = y1[t === "current" && p === "fill" ? "white" : t] || y1.blue, h = y1[n] || y1.black, j = /* @__PURE__ */ i(
+  const p = C === A1[o] ? "outline" : "fill", d = C8[r], g = y1[t === "current" && p === "fill" ? "white" : t] || y1.blue, h = y1[n] || y1.black, H = /* @__PURE__ */ i(
     C,
     {
       width: d,
@@ -4708,9 +4708,9 @@ function h1({
       style: {
         "--tw-shadow-color": g
       },
-      children: j
+      children: H
     }
-  ) : /* @__PURE__ */ i("i", { className: U(e, "ui-inline-block", a ? "ui-p-2 ui-bg-blue-50 ui-rounded-full" : ""), children: j });
+  ) : /* @__PURE__ */ i("i", { className: U(e, "ui-inline-block", a ? "ui-p-2 ui-bg-blue-50 ui-rounded-full" : ""), children: H });
 }
 const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e }) => {
   const a = o && o.length > 0 && o.length < 3, s = !o || o.length === 0, l = a ? "custom" : s ? "badge" : "auto", c = d1(
@@ -5085,7 +5085,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
 }, g8 = (o = "neutral", r = !1) => {
   const t = _1[o];
   return `${r ? "ui-absolute" : "ui-fixed"} ui-z-[9999] ui-px-2 ui-py-1 ui-rounded ui-text-[10px] ui-leading-relaxed ui-max-w-[300px] ui-break-words ui-shadow-lg ui-pointer-events-none ${t.bg} ${t.text}`;
-}, M8 = (o = "neutral") => _1[o].arrow, m8 = ({
+}, M8 = (o = "neutral") => _1[o].arrow, f8 = ({
   children: o,
   label: r,
   position: t = "top",
@@ -5101,178 +5101,178 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
   absolute: L = !1,
   ...g
 }) => {
-  const [h, f] = q(!1), [j, m] = q({ top: 0, left: 0 }), [w, V] = q({ width: 0, height: 0 }), [k, O] = q(!1), z = t1(null), F = t1(null), R = t1(null), Z = t1(null), Y = t1(`tooltip-${Math.random().toString(36).substring(2, 9)}-${Date.now()}`);
+  const [h, v] = Y(!1), [H, m] = Y({ top: 0, left: 0 }), [w, O] = Y({ width: 0, height: 0 }), [k, Z] = Y(!1), P = t1(null), E = t1(null), F = t1(null), y = t1(null), G = t1(`tooltip-${Math.random().toString(36).substring(2, 9)}-${Date.now()}`);
   W(() => {
-    F.current && h && requestAnimationFrame(() => {
-      if (F.current) {
-        const M = F.current.getBoundingClientRect(), x = {
+    E.current && h && requestAnimationFrame(() => {
+      if (E.current) {
+        const M = E.current.getBoundingClientRect(), f = {
           width: M.width,
           height: M.height
         };
-        V(x);
+        O(f);
       }
     });
   }, [h, r]);
-  const H = S(() => {
-    var X, I, N, T, n1, K;
-    if (!z.current) return;
-    const M = z.current.getBoundingClientRect();
-    let x = 0, y = 0;
-    const $ = 8;
+  const B = I(() => {
+    var n1, $, S, D, Q, q;
+    if (!P.current) return;
+    const M = P.current.getBoundingClientRect();
+    let f = 0, j = 0;
+    const V = 8;
     if (L) {
-      const _ = (X = R.current) == null ? void 0 : X.getBoundingClientRect();
+      const _ = (n1 = F.current) == null ? void 0 : n1.getBoundingClientRect();
       if (!_) return;
-      const Q = M.top - _.top, A = M.left - _.left;
+      const J = M.top - _.top, z = M.left - _.left;
       switch (t) {
         case "top":
-          x = Q - w.height - $, y = A + M.width / 2 - w.width / 2;
+          f = J - w.height - V, j = z + M.width / 2 - w.width / 2;
           break;
         case "bottom":
-          x = Q + M.height + $, y = A + M.width / 2 - w.width / 2;
+          f = J + M.height + V, j = z + M.width / 2 - w.width / 2;
           break;
         case "left":
-          x = Q + M.height / 2 - w.height / 2, y = A - w.width - $;
+          f = J + M.height / 2 - w.height / 2, j = z - w.width - V;
           break;
         case "right":
-          x = Q + M.height / 2 - w.height / 2, y = A + M.width + $;
+          f = J + M.height / 2 - w.height / 2, j = z + M.width + V;
           break;
         case "top-left":
-          x = Q - w.height - $, y = A;
+          f = J - w.height - V, j = z;
           break;
         case "top-right":
-          x = Q - w.height - $, y = A + M.width - w.width;
+          f = J - w.height - V, j = z + M.width - w.width;
           break;
         case "bottom-left":
-          x = Q + M.height + $, y = A;
+          f = J + M.height + V, j = z;
           break;
         case "bottom-right":
-          x = Q + M.height + $, y = A + M.width - w.width;
+          f = J + M.height + V, j = z + M.width - w.width;
           break;
         case "right-top":
-          x = Q, y = A + M.width + $;
+          f = J, j = z + M.width + V;
           break;
         case "right-bottom":
-          x = Q + M.height - w.height, y = A + M.width + $;
+          f = J + M.height - w.height, j = z + M.width + V;
           break;
         case "left-top":
-          x = Q, y = A - w.width - $;
+          f = J, j = z - w.width - V;
           break;
         case "left-bottom":
-          x = Q + M.height - w.height, y = A - w.width - $;
+          f = J + M.height - w.height, j = z - w.width - V;
           break;
       }
     } else
       switch (t) {
         case "top":
-          x = M.top - w.height - $, y = M.left + M.width / 2 - w.width / 2;
+          f = M.top - w.height - V, j = M.left + M.width / 2 - w.width / 2;
           break;
         case "bottom":
-          x = M.bottom + $, y = M.left + M.width / 2 - w.width / 2;
+          f = M.bottom + V, j = M.left + M.width / 2 - w.width / 2;
           break;
         case "left":
-          x = M.top + M.height / 2 - w.height / 2, y = M.left - w.width - $;
+          f = M.top + M.height / 2 - w.height / 2, j = M.left - w.width - V;
           break;
         case "right":
-          x = M.top + M.height / 2 - w.height / 2, y = M.right + $;
+          f = M.top + M.height / 2 - w.height / 2, j = M.right + V;
           break;
         case "top-left":
-          x = M.top - w.height - $, y = M.left;
+          f = M.top - w.height - V, j = M.left;
           break;
         case "top-right":
-          x = M.top - w.height - $, y = M.right - w.width;
+          f = M.top - w.height - V, j = M.right - w.width;
           break;
         case "bottom-left":
-          x = M.bottom + $, y = M.left;
+          f = M.bottom + V, j = M.left;
           break;
         case "bottom-right":
-          x = M.bottom + $, y = M.right - w.width;
+          f = M.bottom + V, j = M.right - w.width;
           break;
         case "right-top":
-          x = M.top, y = M.right + $;
+          f = M.top, j = M.right + V;
           break;
         case "right-bottom":
-          x = M.bottom - w.height, y = M.right + $;
+          f = M.bottom - w.height, j = M.right + V;
           break;
         case "left-top":
-          x = M.top, y = M.left - w.width - $;
+          f = M.top, j = M.left - w.width - V;
           break;
         case "left-bottom":
-          x = M.bottom - w.height, y = M.left - w.width - $;
+          f = M.bottom - w.height, j = M.left - w.width - V;
           break;
       }
     if (t.includes("top") || t.includes("bottom"))
       switch (n) {
         case "start":
           if (L) {
-            const _ = (I = R.current) == null ? void 0 : I.getBoundingClientRect();
-            _ && (y = M.left - _.left);
+            const _ = ($ = F.current) == null ? void 0 : $.getBoundingClientRect();
+            _ && (j = M.left - _.left);
           } else
-            y = M.left;
+            j = M.left;
           break;
         case "end":
           if (L) {
-            const _ = (N = R.current) == null ? void 0 : N.getBoundingClientRect();
-            _ && (y = M.right - _.left - w.width);
+            const _ = (S = F.current) == null ? void 0 : S.getBoundingClientRect();
+            _ && (j = M.right - _.left - w.width);
           } else
-            y = M.right - w.width;
+            j = M.right - w.width;
           break;
       }
     else if (t.includes("left") || t.includes("right"))
       switch (n) {
         case "start":
           if (L) {
-            const _ = (T = R.current) == null ? void 0 : T.getBoundingClientRect();
-            _ && (x = M.top - _.top);
+            const _ = (D = F.current) == null ? void 0 : D.getBoundingClientRect();
+            _ && (f = M.top - _.top);
           } else
-            x = M.top;
+            f = M.top;
           break;
         case "end":
           if (L) {
-            const _ = (n1 = R.current) == null ? void 0 : n1.getBoundingClientRect();
-            _ && (x = M.bottom - _.top - w.height);
+            const _ = (Q = F.current) == null ? void 0 : Q.getBoundingClientRect();
+            _ && (f = M.bottom - _.top - w.height);
           } else
-            x = M.bottom - w.height;
+            f = M.bottom - w.height;
           break;
       }
     if (L) {
-      const _ = (K = R.current) == null ? void 0 : K.getBoundingClientRect();
-      _ && (y < 8 ? y = 8 : y + w.width > _.width - 8 && (y = _.width - w.width - 8), x < 8 ? x = 8 : x + w.height > _.height - 8 && (x = _.height - w.height - 8));
+      const _ = (q = F.current) == null ? void 0 : q.getBoundingClientRect();
+      _ && (j < 8 ? j = 8 : j + w.width > _.width - 8 && (j = _.width - w.width - 8), f < 8 ? f = 8 : f + w.height > _.height - 8 && (f = _.height - w.height - 8));
     } else {
-      const _ = window.innerWidth, Q = window.innerHeight, A = 8;
-      y < A ? y = A : y + w.width > _ - A && (y = _ - w.width - A), x < A ? x = A : x + w.height > Q - A && (x = Q - w.height - A);
+      const _ = window.innerWidth, J = window.innerHeight, z = 8;
+      j < z ? j = z : j + w.width > _ - z && (j = _ - w.width - z), f < z ? f = z : f + w.height > J - z && (f = J - w.height - z);
     }
-    m({ top: x, left: y }), O(!0);
+    m({ top: f, left: j }), Z(!0);
   }, [t, n, w, L]);
   W(() => {
     h && w.width > 0 && w.height > 0 && requestAnimationFrame(() => {
-      H();
+      B();
     });
-  }, [h, w, H]), W(() => {
+  }, [h, w, B]), W(() => {
     const M = () => {
-      h && H();
-    }, x = () => {
-      h && H();
+      h && B();
+    }, f = () => {
+      h && B();
     };
-    return window.addEventListener("scroll", M, !0), window.addEventListener("resize", x), () => {
-      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", x);
+    return window.addEventListener("scroll", M, !0), window.addEventListener("resize", f), () => {
+      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", f);
     };
-  }, [h, H]);
-  const v = S(() => {
-    l || (Z.current && (clearTimeout(Z.current), Z.current = null), s > 0 ? Z.current = setTimeout(() => {
-      f(!0);
-    }, s) : f(!0));
-  }, [l, s]), b = S(() => {
-    Z.current && (clearTimeout(Z.current), Z.current = null), f(!1), O(!1), V({ width: 0, height: 0 });
+  }, [h, B]);
+  const x = I(() => {
+    l || (y.current && (clearTimeout(y.current), y.current = null), s > 0 ? y.current = setTimeout(() => {
+      v(!0);
+    }, s) : v(!0));
+  }, [l, s]), b = I(() => {
+    y.current && (clearTimeout(y.current), y.current = null), v(!1), Z(!1), O({ width: 0, height: 0 });
   }, []);
   W(() => () => {
-    Z.current && clearTimeout(Z.current), f(!1), O(!1), m({ top: 0, left: 0 }), V({ width: 0, height: 0 });
+    y.current && clearTimeout(y.current), v(!1), Z(!1), m({ top: 0, left: 0 }), O({ width: 0, height: 0 });
   }, []);
-  const E = () => {
+  const A = () => {
     if (!h || l || k) return null;
-    const M = _1[e], x = /* @__PURE__ */ i(
+    const M = _1[e], f = /* @__PURE__ */ i(
       "div",
       {
-        ref: F,
+        ref: E,
         className: U(
           L ? "ui-absolute" : "ui-fixed",
           "ui--top-[9999px] ui--left-[9999px] ui--z-10",
@@ -5286,9 +5286,9 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
         children: r
       }
     );
-    return L ? x : b1(x, document.body);
-  }, P = () => {
-    const x = M8(e);
+    return L ? f : b1(f, document.body);
+  }, R = () => {
+    const f = M8(e);
     switch (t) {
       case "top":
         return {
@@ -5300,7 +5300,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderTop: `6px solid ${x}`
+          borderTop: `6px solid ${f}`
         };
       case "bottom":
         return {
@@ -5312,7 +5312,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderBottom: `6px solid ${x}`
+          borderBottom: `6px solid ${f}`
         };
       case "left":
         return {
@@ -5324,7 +5324,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderLeft: `6px solid ${x}`
+          borderLeft: `6px solid ${f}`
         };
       case "right":
         return {
@@ -5336,7 +5336,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderRight: `6px solid ${x}`
+          borderRight: `6px solid ${f}`
         };
       case "top-left":
         return {
@@ -5347,7 +5347,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderTop: `6px solid ${x}`
+          borderTop: `6px solid ${f}`
         };
       case "top-right":
         return {
@@ -5358,7 +5358,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderTop: `6px solid ${x}`
+          borderTop: `6px solid ${f}`
         };
       case "bottom-left":
         return {
@@ -5369,7 +5369,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderBottom: `6px solid ${x}`
+          borderBottom: `6px solid ${f}`
         };
       case "bottom-right":
         return {
@@ -5380,7 +5380,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderLeft: "6px solid transparent",
           borderRight: "6px solid transparent",
-          borderBottom: `6px solid ${x}`
+          borderBottom: `6px solid ${f}`
         };
       case "right-top":
         return {
@@ -5391,7 +5391,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderRight: `6px solid ${x}`
+          borderRight: `6px solid ${f}`
         };
       case "right-bottom":
         return {
@@ -5402,7 +5402,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderRight: `6px solid ${x}`
+          borderRight: `6px solid ${f}`
         };
       case "left-top":
         return {
@@ -5413,7 +5413,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderLeft: `6px solid ${x}`
+          borderLeft: `6px solid ${f}`
         };
       case "left-bottom":
         return {
@@ -5424,26 +5424,26 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           height: 0,
           borderTop: "6px solid transparent",
           borderBottom: "6px solid transparent",
-          borderLeft: `6px solid ${x}`
+          borderLeft: `6px solid ${f}`
         };
       default:
         return {};
     }
-  }, B = () => {
+  }, T = () => {
     if (!h || l || !k) return null;
     const M = /* @__PURE__ */ u(
       "div",
       {
-        ref: F,
-        id: a || Y.current,
+        ref: E,
+        id: a || G.current,
         className: U(
           g8(e, L),
           "tooltip",
           c
         ),
         style: {
-          top: `${j.top}px`,
-          left: `${j.left}px`,
+          top: `${H.top}px`,
+          left: `${H.left}px`,
           ...p
         },
         role: "tooltip",
@@ -5451,27 +5451,27 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
         ...g,
         children: [
           r,
-          /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", d), style: P() })
+          /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", d), style: R() })
         ]
       }
     );
     return L ? M : b1(M, document.body);
   };
-  return /* @__PURE__ */ u("div", { ref: R, className: L ? "ui-relative" : "", children: [
+  return /* @__PURE__ */ u("div", { ref: F, className: L ? "ui-relative" : "", children: [
     /* @__PURE__ */ i(
       "div",
       {
-        ref: z,
-        onMouseEnter: v,
+        ref: P,
+        onMouseEnter: x,
         onMouseLeave: b,
-        onFocus: v,
+        onFocus: x,
         onBlur: b,
         className: U("ui-inline-block ui-h-fit ui-w-fit", C ? "ui-w-full" : "ui-w-fit"),
         children: o
       }
     ),
-    E(),
-    B()
+    A(),
+    T()
   ] });
 }, X1 = ({
   children: o,
@@ -5487,7 +5487,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
   arrowClassName: p,
   absolute: d = !1,
   ...L
-}) => l || !r ? o : /* @__PURE__ */ i(m8, { ...L, label: r, children: o, position: t, alignment: n, color: e, id: a, delay: s, disabled: l, className: c, style: C, arrowClassName: p, absolute: d }), c1 = (o, r, t, n) => {
+}) => l || !r ? o : /* @__PURE__ */ i(f8, { ...L, label: r, children: o, position: t, alignment: n, color: e, id: a, delay: s, disabled: l, className: c, style: C, arrowClassName: p, absolute: d }), c1 = (o, r, t, n) => {
   const e = o !== "button", a = {
     button: {
       blue: `ui-bg-blue-500 ui-text-white ${t ?? e ? "ui-border-white" : "ui-border-transparent"} ${r ? "enabled:hover:ui-bg-blue-700 active:enabled:ui-border-blue-300" : ""} disabled:ui-bg-blue-100 disabled:ui-cursor-not-allowed`,
@@ -5572,41 +5572,41 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
   textColor: L,
   clickable: g = !0,
   icon: h,
-  link: f,
-  size: j,
+  link: v,
+  size: H,
   square: m = !1,
   target: w = "_self",
-  onClickIcon: V,
+  onClickIcon: O,
   onClickLeftSlot: k,
-  onClickRightSlot: O,
-  disabled: z,
-  colorIcon: F,
-  showShadow: R = !1,
-  borderable: Z,
-  iconSizeExtended: Y = "none",
-  defaultSizeIcon: H = !0,
-  defaultTooltipColor: v = !0,
+  onClickRightSlot: Z,
+  disabled: P,
+  colorIcon: E,
+  showShadow: F = !1,
+  borderable: y,
+  iconSizeExtended: G = "none",
+  defaultSizeIcon: B = !0,
+  defaultTooltipColor: x = !0,
   as: b = "button",
-  classNameId: E = "imj-ui-inner-button",
-  tooltip: P = "",
-  tooltipPosition: B,
+  classNameId: A = "imj-ui-inner-button",
+  tooltip: R = "",
+  tooltipPosition: T,
   tooltipAlignment: M,
-  tooltipColor: x = "neutral",
-  tooltipDelay: y,
-  classNameTooltip: $,
-  stopPropagation: X = !0,
-  pointer: I = !1,
-  ref: N,
-  onClick: T,
-  textAlign: n1 = "center",
-  whiteBackground: K = !1,
+  tooltipColor: f = "neutral",
+  tooltipDelay: j,
+  classNameTooltip: V,
+  stopPropagation: n1 = !0,
+  pointer: $ = !1,
+  ref: S,
+  onClick: D,
+  textAlign: Q = "center",
+  whiteBackground: q = !1,
   strokeWidth: _ = 2,
-  ...Q
+  ...J
 }) => {
-  const A = {
-    disabled: z
-  }, D = a === "icon", J = D ? !0 : H, i1 = D ? "xs" : j, o1 = (x1) => {
-    X && x1.stopPropagation(), T && T(x1);
+  const z = {
+    disabled: P
+  }, N = a === "icon", K = N ? !0 : B, i1 = N ? "xs" : H, o1 = (x1) => {
+    n1 && x1.stopPropagation(), D && D(x1);
   }, s1 = d1("", {
     variants: {
       color: {
@@ -5633,20 +5633,20 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
       textAlign: "left"
     }
   }), l1 = () => /* @__PURE__ */ u(H1, { children: [
-    d && n && /* @__PURE__ */ i(v1, { slot: n, size: j, colorIcon: F, className: o, onClick: k, defaultSizeIcon: J, strokeWidth: _ }),
+    d && n && /* @__PURE__ */ i(v1, { slot: n, size: H, colorIcon: E, className: o, onClick: k, defaultSizeIcon: K, strokeWidth: _ }),
     d && /* @__PURE__ */ u("p", { className: U(
       "ui-leading-none ui-relative ",
       n || e ? "" : "ui-w-full",
-      s1({ color: L, textAlign: n1 })
+      s1({ color: L, textAlign: Q })
     ), children: [
       d,
       " "
     ] }),
     s && d && /* @__PURE__ */ i(L8, { color: s, label: l, border: c }),
-    !d && h && (typeof h == "string" ? /* @__PURE__ */ i(h1, { strokeWidth: _, name: h, size: a === "icon" ? j : Y !== "none" ? Y : j, color: F, onClick: V }) : h),
-    d && e && /* @__PURE__ */ i(v1, { slot: e, size: Y !== "none" ? Y : j, colorIcon: F, className: o, onClick: O, defaultSizeIcon: J, strokeWidth: _ })
-  ] }), a1 = m ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", p1 = v ? x || "neutral" : C, m1 = d1(
-    `${E} ui-h-fit ui-justify-center ui-flex ui-items-center ui-gap-x-1.5 ui-transition-all ui-duration-300 ui-border-[1.5px] ui-font-bold ui-cursor-default ${R && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${I && D ? "!ui-cursor-pointer" : ""}`,
+    !d && h && (typeof h == "string" ? /* @__PURE__ */ i(h1, { strokeWidth: _, name: h, size: a === "icon" ? H : G !== "none" ? G : H, color: E, onClick: O }) : h),
+    d && e && /* @__PURE__ */ i(v1, { slot: e, size: G !== "none" ? G : H, colorIcon: E, className: o, onClick: Z, defaultSizeIcon: K, strokeWidth: _ })
+  ] }), a1 = m ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", p1 = x ? f || "neutral" : C, f1 = d1(
+    `${A} ui-h-fit ui-justify-center ui-flex ui-items-center ui-gap-x-1.5 ui-transition-all ui-duration-300 ui-border-[1.5px] ui-font-bold ui-cursor-default ${F && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${$ && N ? "!ui-cursor-pointer" : ""}`,
     {
       variants: {
         variant: {
@@ -5666,17 +5666,17 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           "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] ${m ? `ui-max-w-[62px] ui-min-h-[62px] ${a1}` : ""}`
         },
         color: {
-          blue: c1(a, g, Z, K).blue,
-          "blue-dark": c1(a, g, Z, K)["blue-dark"],
-          orange: c1(a, g, Z, K).orange,
-          red: c1(a, g, Z, K).red,
-          green: c1(a, g, Z, K).green,
-          white: c1(a, g, Z, K).white,
-          yellow: c1(a, g, Z, K).yellow,
-          "blue-light": c1(a, g, Z, K)["blue-light"],
-          neutral: c1(a, g, Z, K).neutral,
-          black: c1(a, g, Z, K).black,
-          transparent: c1(a, g, Z, K).transparent
+          blue: c1(a, g, y, q).blue,
+          "blue-dark": c1(a, g, y, q)["blue-dark"],
+          orange: c1(a, g, y, q).orange,
+          red: c1(a, g, y, q).red,
+          green: c1(a, g, y, q).green,
+          white: c1(a, g, y, q).white,
+          yellow: c1(a, g, y, q).yellow,
+          "blue-light": c1(a, g, y, q)["blue-light"],
+          neutral: c1(a, g, y, q).neutral,
+          black: c1(a, g, y, q).black,
+          transparent: c1(a, g, y, q).transparent
         },
         rounded: {
           false: "ui-rounded-sm",
@@ -5702,22 +5702,22 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
     variant: a,
     className: U(o)
   });
-  return f ? /* @__PURE__ */ i("a", { ref: N, href: f, target: w, className: U(m1, o), children: l1() }) : b === "div" ? /* @__PURE__ */ i(
+  return v ? /* @__PURE__ */ i("a", { ref: S, href: v, target: w, className: U(f1, o), children: l1() }) : b === "div" ? /* @__PURE__ */ i(
     X1,
     {
-      label: P,
-      position: B,
+      label: R,
+      position: T,
       alignment: M,
       color: p1,
-      delay: y,
-      className: $,
+      delay: j,
+      className: V,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "div",
         {
-          ref: N,
-          className: U(m1, o),
-          ...Q,
+          ref: S,
+          className: U(f1, o),
+          ...J,
           children: l1()
         }
       )
@@ -5725,27 +5725,27 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
   ) : /* @__PURE__ */ i(
     X1,
     {
-      label: P,
-      position: B,
+      label: R,
+      position: T,
       alignment: M,
       color: p1,
-      delay: y,
-      className: $,
+      delay: j,
+      className: V,
       fullWidth: t,
       children: /* @__PURE__ */ i(
         "button",
         {
-          ref: N,
-          className: U(m1, o),
-          ...A,
-          ...Q,
+          ref: S,
+          className: U(f1, o),
+          ...z,
+          ...J,
           onClick: o1,
           children: l1()
         }
       )
     }
   );
-}, f8 = ({ title: o, open: r, setOpen: t, className: n, children: e }) => /* @__PURE__ */ u("div", { className: `ui-flex ui-justify-between ui-items-center ${n}`, children: [
+}, m8 = ({ title: o, open: r, setOpen: t, className: n, children: e }) => /* @__PURE__ */ u("div", { className: `ui-flex ui-justify-between ui-items-center ${n}`, children: [
   /* @__PURE__ */ i("h3", { className: "ui-font-bold ui-text-sm ui-text-neutral-900 ui-leading-none", children: o }),
   /* @__PURE__ */ i(
     e1,
@@ -5766,9 +5766,9 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
     children: /* @__PURE__ */ i("div", { className: "ui-bg-gray-50 ui-text-gray-700", children: o })
   }
 ), x8 = ({ title: o, subtitle: r, children: t, id: n, className: e, headerClassName: a, defaultOpen: s = !1 }) => {
-  const [l, c] = q(s);
+  const [l, c] = Y(s);
   return /* @__PURE__ */ u("div", { className: `ui-border ui-border-neutral-100 ui-rounded-lg ui-p-2 ui-bg-white ui-overflow-hidden ui-w-full ${e}`, children: [
-    /* @__PURE__ */ i(f8, { open: l, title: o, setOpen: c, className: a, children: t }),
+    /* @__PURE__ */ i(m8, { open: l, title: o, setOpen: c, className: a, children: t }),
     /* @__PURE__ */ u(v8, { open: l, children: [
       r && /* @__PURE__ */ i("p", { className: "ui-text-xxs ui-text-neutral-500 ui-leading-none ui-mb-3 ui-mt-1", children: r }),
       /* @__PURE__ */ i("div", { className: "ui-h-[1px] ui-w-full ui-bg-neutral-100 ui-mx-1 ui-my-1.5" }),
@@ -5988,7 +5988,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
     }
   }[o][r]}`;
 }, O8 = ({ open: o, externalIsLeaving: r }) => {
-  const [t, n] = q(!1), [e, a] = q(!1), s = r !== void 0 ? r : e;
+  const [t, n] = Y(!1), [e, a] = Y(!1), s = r !== void 0 ? r : e;
   return W(() => {
     o ? (n(!0), a(!1)) : (a(!0), r === void 0 && setTimeout(() => {
       n(!1);
@@ -6099,7 +6099,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
         transparent: "ui-bg-transparent ui-outline-transparent"
       }
     }
-  }), f = d1("ui-absolute ui-border-[3px] ui-p-3.5 ui-rounded-full ui-border-white", {
+  }), v = d1("ui-absolute ui-border-[3px] ui-p-3.5 ui-rounded-full ui-border-white", {
     variants: {
       borderStyle: {
         solid: "ui-border-solid",
@@ -6111,7 +6111,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
   return /* @__PURE__ */ u("div", { className: U("ui-flex ui-gap-2 ui-relative ui-w-full ui-p-1", o), children: [
     (d || L) && /* @__PURE__ */ u("div", { className: U(h({ status: r })), children: [
       d && /* @__PURE__ */ i(h1, { name: d, size: "2xl", color: "white", strokeWidth: 4 }),
-      /* @__PURE__ */ i("div", { className: U(f({ borderStyle: p })) })
+      /* @__PURE__ */ i("div", { className: U(v({ borderStyle: p })) })
     ] }),
     /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-col ui-gap-1.5 ui-relative ui-w-full", children: [
       /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-gap-2 ui-justify-between", children: [
@@ -6138,15 +6138,15 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
   animation: L = "none",
   isLeaving: g,
   progressBarColor: h = !1,
-  duration: f = 3e3
+  duration: v = 3e3
 }) => {
-  const { isVisible: j, isLeaving: m } = O8({ open: o, externalIsLeaving: g });
-  if (!j)
+  const { isVisible: H, isLeaving: m } = O8({ open: o, externalIsLeaving: g });
+  if (!H)
     return null;
-  const w = !!l, V = (k) => {
+  const w = !!l, O = (k) => {
     l && (k.stopPropagation(), l());
   };
-  return /* @__PURE__ */ u("div", { className: U("ui-relative ui-overflow-hidden", H8({ type: r, variant: t, isLeaving: m, animation: L }), w ? "ui-hover:ui-brightness-110 ui-transition-all ui-duration-300 ui-ease-in-out ui-cursor-pointer" : ""), onClick: V, children: [
+  return /* @__PURE__ */ u("div", { className: U("ui-relative ui-overflow-hidden", H8({ type: r, variant: t, isLeaving: m, animation: L }), w ? "ui-hover:ui-brightness-110 ui-transition-all ui-duration-300 ui-ease-in-out ui-cursor-pointer" : ""), onClick: O, children: [
     /* @__PURE__ */ u("div", { className: "ui-p-2", children: [
       /* @__PURE__ */ i(
         j8,
@@ -6179,7 +6179,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
           Z8,
           {
             progress: 100,
-            duration: f,
+            duration: v,
             color: t === "contained" ? "white" : r,
             showLabel: !1,
             withBackground: !1
@@ -6204,17 +6204,17 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
   children: L,
   icon: g,
   link: h,
-  size: f,
-  target: j = "_self",
+  size: v,
+  target: H = "_self",
   onClickIcon: m,
   disabled: w,
-  colorIcon: V,
+  colorIcon: O,
   tooltip: k,
-  tooltipPosition: O,
-  tooltipAlignment: z,
-  tooltipColor: F,
-  tooltipDelay: R,
-  ...Z
+  tooltipPosition: Z,
+  tooltipAlignment: P,
+  tooltipColor: E,
+  tooltipDelay: F,
+  ...y
 }) => /* @__PURE__ */ i(
   e1,
   {
@@ -6223,7 +6223,7 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
     color: p,
     rounded: d,
     fullWidth: t,
-    size: f,
+    size: v,
     clickable: C,
     children: L,
     icon: g,
@@ -6233,17 +6233,17 @@ const L8 = ({ label: o, color: r = "blue", border: t = !1, className: n, ...e })
     slotLeft: n,
     slotRight: e,
     link: h,
-    target: j,
+    target: H,
     onClickIcon: m,
     disabled: w,
-    colorIcon: V,
+    colorIcon: O,
     className: r,
     tooltip: k,
-    tooltipPosition: O,
-    tooltipAlignment: z,
-    tooltipColor: F,
-    tooltipDelay: R,
-    ...Z
+    tooltipPosition: Z,
+    tooltipAlignment: P,
+    tooltipColor: E,
+    tooltipDelay: F,
+    ...y
   }
 ), q3 = ({ children: o, className: r, variant: t = "outlined", color: n = "white", size: e = "md" }) => {
   const a = w1.Children.toArray(o), s = w1.Children.map(o, (l, c) => {
@@ -6288,7 +6288,7 @@ const I8 = (o) => {
     initialViewMode: e = "days",
     closeOnSelect: a = !1,
     autoCloseRange: s = !0
-  } = o, [l, c] = q({
+  } = o, [l, c] = Y({
     isOpen: !1,
     currentDate: /* @__PURE__ */ new Date(),
     viewMode: e,
@@ -6296,162 +6296,162 @@ const I8 = (o) => {
     internalRange: { start: null, end: null },
     hoverDate: null,
     portalPosition: { top: 0, left: 0 }
-  }), [C, p] = q(!1), d = t1(null), L = r === "single" ? t !== void 0 : n !== void 0, g = r === "single" ? t == null : n === void 0, h = r === "single" ? g ? l.internalDate : t : null, f = r === "range" ? g ? l.internalRange : n : { start: null, end: null }, j = S(() => {
+  }), [C, p] = Y(!1), d = t1(null), L = r === "single" ? t !== void 0 : n !== void 0, g = r === "single" ? t == null : n === void 0, h = r === "single" ? g ? l.internalDate : t : null, v = r === "range" ? g ? l.internalRange : n : { start: null, end: null }, H = I(() => {
     if (d.current) {
-      const v = d.current.getInputElement();
-      if (v) {
-        const b = v.getBoundingClientRect(), E = window.innerHeight, P = window.innerWidth, B = 320, M = 256, x = 8;
-        let y, $ = b.left;
-        const X = E - b.bottom, I = b.top;
-        X >= B + x ? y = b.bottom + x : I >= B + x ? y = b.top - B + x : X > I ? y = b.bottom + x : y = b.top - B + x, b.left + M > P && ($ = b.right - M), $ = Math.max(0, Math.min($, P - M)), c((N) => ({
-          ...N,
+      const x = d.current.getInputElement();
+      if (x) {
+        const b = x.getBoundingClientRect(), A = window.innerHeight, R = window.innerWidth, T = 320, M = 256, f = 8;
+        let j, V = b.left;
+        const n1 = A - b.bottom, $ = b.top;
+        n1 >= T + f ? j = b.bottom + f : $ >= T + f ? j = b.top - T + f : n1 > $ ? j = b.bottom + f : j = b.top - T + f, b.left + M > R && (V = b.right - M), V = Math.max(0, Math.min(V, R - M)), c((S) => ({
+          ...S,
           isOpen: !0,
-          portalPosition: { top: y, left: $ }
+          portalPosition: { top: j, left: V }
         })), p(!0);
         return;
       }
     }
-    c((v) => ({ ...v, isOpen: !0 })), p(!1);
-  }, []), m = S(() => {
-    c((v) => ({ ...v, isOpen: !1 })), p(!1);
-  }, []), w = S((v) => {
-    c((b) => ({ ...b, currentDate: v }));
-  }, []), V = S((v) => {
-    c((b) => ({ ...b, viewMode: v }));
-  }, []), k = S((v) => {
+    c((x) => ({ ...x, isOpen: !0 })), p(!1);
+  }, []), m = I(() => {
+    c((x) => ({ ...x, isOpen: !1 })), p(!1);
+  }, []), w = I((x) => {
+    c((b) => ({ ...b, currentDate: x }));
+  }, []), O = I((x) => {
+    c((b) => ({ ...b, viewMode: x }));
+  }, []), k = I((x) => {
     c((b) => {
-      const E = new Date(b.currentDate);
+      const A = new Date(b.currentDate);
       switch (b.viewMode) {
         case "days":
-          E.setMonth(E.getMonth() + (v === "next" ? 1 : -1));
+          A.setMonth(A.getMonth() + (x === "next" ? 1 : -1));
           break;
         case "months":
-          E.setFullYear(E.getFullYear() + (v === "next" ? 1 : -1));
+          A.setFullYear(A.getFullYear() + (x === "next" ? 1 : -1));
           break;
         case "years":
-          E.setFullYear(E.getFullYear() + (v === "next" ? 12 : -12));
+          A.setFullYear(A.getFullYear() + (x === "next" ? 12 : -12));
           break;
       }
-      return { ...b, currentDate: E };
+      return { ...b, currentDate: A };
     });
-  }, []), O = S((v) => {
+  }, []), Z = I((x) => {
     var b;
-    r === "single" && (g && c((E) => ({ ...E, internalDate: v })), (b = o.onDateChange) == null || b.call(o, v), a && m());
-  }, [r, g, o.onDateChange, a, m]), z = S((v) => {
+    r === "single" && (g && c((A) => ({ ...A, internalDate: x })), (b = o.onDateChange) == null || b.call(o, x), a && m());
+  }, [r, g, o.onDateChange, a, m]), P = I((x) => {
     var b;
-    r === "range" && (L || c((E) => ({ ...E, internalRange: v })), (b = o.onRangeChange) == null || b.call(o, v), s && v.start && v.end && m());
-  }, [r, L, o.onRangeChange, s, m]), F = S((v) => {
-    c((b) => ({ ...b, hoverDate: v }));
-  }, []), R = S((v) => {
+    r === "range" && (L || c((A) => ({ ...A, internalRange: x })), (b = o.onRangeChange) == null || b.call(o, x), s && x.start && x.end && m());
+  }, [r, L, o.onRangeChange, s, m]), E = I((x) => {
+    c((b) => ({ ...b, hoverDate: x }));
+  }, []), F = I((x) => {
     c((b) => {
-      const E = new Date(b.currentDate);
-      return E.setMonth(v), {
+      const A = new Date(b.currentDate);
+      return A.setMonth(x), {
         ...b,
-        currentDate: E,
+        currentDate: A,
         viewMode: "days"
       };
     });
-  }, []), Z = S((v) => {
+  }, []), y = I((x) => {
     c((b) => {
-      const E = new Date(b.currentDate);
-      return E.setFullYear(v), {
+      const A = new Date(b.currentDate);
+      return A.setFullYear(x), {
         ...b,
-        currentDate: E,
+        currentDate: A,
         viewMode: "months"
       };
     });
-  }, []), Y = S(() => {
-    const v = /* @__PURE__ */ new Date();
+  }, []), G = I(() => {
+    const x = /* @__PURE__ */ new Date();
     c((b) => ({
       ...b,
-      currentDate: v,
+      currentDate: x,
       viewMode: "days"
     }));
-  }, []), H = S(() => {
+  }, []), B = I(() => {
     if (!d.current)
       return;
-    const v = d.current.getInputElement();
-    if (!v)
+    const x = d.current.getInputElement();
+    if (!x)
       return;
-    const b = v.getBoundingClientRect(), E = window.innerHeight, P = window.innerWidth, B = 320, M = 256, x = 8;
-    let y, $ = b.left;
-    const X = E - b.bottom, I = b.top;
-    X >= B + x ? y = b.bottom + x : I >= B + x ? y = b.top - B + x : X > I ? y = b.bottom + x : y = b.top - B + x, b.left + M > P && ($ = b.right - M), $ = Math.max(0, Math.min($, P - M)), c((N) => ({ ...N, portalPosition: { top: y, left: $ } })), p(!0);
+    const b = x.getBoundingClientRect(), A = window.innerHeight, R = window.innerWidth, T = 320, M = 256, f = 8;
+    let j, V = b.left;
+    const n1 = A - b.bottom, $ = b.top;
+    n1 >= T + f ? j = b.bottom + f : $ >= T + f ? j = b.top - T + f : n1 > $ ? j = b.bottom + f : j = b.top - T + f, b.left + M > R && (V = b.right - M), V = Math.max(0, Math.min(V, R - M)), c((S) => ({ ...S, portalPosition: { top: j, left: V } })), p(!0);
   }, []);
   return W(() => {
     if (!l.isOpen) return;
-    const v = () => H(), b = () => H();
-    return window.addEventListener("scroll", v, !0), window.addEventListener("resize", b), () => {
-      window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", b);
+    const x = () => B(), b = () => B();
+    return window.addEventListener("scroll", x, !0), window.addEventListener("resize", b), () => {
+      window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", b);
     };
-  }, [l.isOpen, H]), W(() => {
+  }, [l.isOpen, B]), W(() => {
     if (l.isOpen) {
-      const v = setTimeout(() => {
-        H();
+      const x = setTimeout(() => {
+        B();
       }, 0);
-      return () => clearTimeout(v);
+      return () => clearTimeout(x);
     }
-  }, [l.isOpen, H]), {
+  }, [l.isOpen, B]), {
     state: l,
     selectedDate: h,
-    selectedRange: f,
+    selectedRange: v,
     inputRef: d,
     isPortalReady: C,
     actions: {
-      openPicker: j,
+      openPicker: H,
       closePicker: m,
       setCurrentDate: w,
-      setViewMode: V,
-      setSelectedDate: O,
-      setSelectedRange: z,
-      setHoverDate: F,
-      updatePortalPosition: H,
+      setViewMode: O,
+      setSelectedDate: Z,
+      setSelectedRange: P,
+      setHoverDate: E,
+      updatePortalPosition: B,
       navigate: k,
-      handleMonthSelect: R,
-      handleYearSelect: Z,
-      goToToday: Y
+      handleMonthSelect: F,
+      handleYearSelect: y,
+      goToToday: G
     }
   };
 }, r0 = (o, r, t, n, e) => {
-  const a = S((d, L) => !L.start || !L.end ? !1 : d >= L.start && d <= L.end, []), s = S((d, L) => L.start ? d.getTime() === L.start.getTime() : !1, []), l = S((d, L) => L.end ? d.getTime() === L.end.getTime() : !1, []), c = S((d) => !!(t && d < t || n && d > n), [t, n]), C = S((d, L, g) => {
+  const a = I((d, L) => !L.start || !L.end ? !1 : d >= L.start && d <= L.end, []), s = I((d, L) => L.start ? d.getTime() === L.start.getTime() : !1, []), l = I((d, L) => L.end ? d.getTime() === L.end.getTime() : !1, []), c = I((d) => !!(t && d < t || n && d > n), [t, n]), C = I((d, L, g) => {
     if (c(d)) return;
     const h = { ...o };
     !o.start || o.start && o.end ? (h.start = d, h.end = null) : d < o.start ? (h.start = d, h.end = o.start) : (h.start = o.start, h.end = d), r(h), e && h.start && h.end && g && g();
-  }, [o, r, c, e]), p = S((d, L) => {
-    const g = s(d, o), h = l(d, o), f = a(d, o), j = c(d);
+  }, [o, r, c, e]), p = I((d, L) => {
+    const g = s(d, o), h = l(d, o), v = a(d, o), H = c(d);
     let m = !1;
     if (L && o.start && !o.end) {
-      const O = {
+      const Z = {
         start: o.start < L ? o.start : L,
         end: o.start < L ? L : o.start
       };
-      m = a(d, O);
+      m = a(d, Z);
     }
     let w = !1;
-    if (o.start && o.end && f && !g) {
-      const O = new Date(d);
-      O.setDate(d.getDate() - 1), w = !a(O, o);
+    if (o.start && o.end && v && !g) {
+      const Z = new Date(d);
+      Z.setDate(d.getDate() - 1), w = !a(Z, o);
     } else if (o.start && !o.end && L && m) {
-      const O = new Date(d);
-      O.setDate(d.getDate() - 1);
-      const z = {
+      const Z = new Date(d);
+      Z.setDate(d.getDate() - 1);
+      const P = {
         start: o.start < L ? o.start : L,
         end: o.start < L ? L : o.start
       };
-      w = !a(O, z);
+      w = !a(Z, P);
     }
-    let V = !1;
-    if (o.start && o.end && f && !h) {
-      const O = new Date(d);
-      O.setDate(d.getDate() + 1), V = !a(O, o);
+    let O = !1;
+    if (o.start && o.end && v && !h) {
+      const Z = new Date(d);
+      Z.setDate(d.getDate() + 1), O = !a(Z, o);
     } else if (o.start && !o.end && L && m) {
-      const O = new Date(d);
-      O.setDate(d.getDate() + 1);
-      const z = {
+      const Z = new Date(d);
+      Z.setDate(d.getDate() + 1);
+      const P = {
         start: o.start < L ? o.start : L,
         end: o.start < L ? L : o.start
       };
-      V = !a(O, z);
+      O = !a(Z, P);
     }
     let k = !0;
     return o.start && !o.end && L ? k = L >= o.start : o.start && o.end && (k = d >= o.start), {
@@ -6459,11 +6459,11 @@ const I8 = (o) => {
       isSelectingEnd: !!o.start && !o.end,
       isStart: g,
       isEnd: h,
-      isInRange: f,
+      isInRange: v,
       isFirstInRange: w,
-      isLastInRange: V,
+      isLastInRange: O,
       afterSelected: k,
-      isDisabled: j,
+      isDisabled: H,
       isHovered: m
     };
   }, [o, s, l, a, c]);
@@ -6476,7 +6476,7 @@ const I8 = (o) => {
     getRangeState: p
   };
 }, S1 = (o, r, t) => {
-  const n = S((p) => {
+  const n = I((p) => {
     const d = new Date(o);
     switch (p) {
       case "prev":
@@ -6487,35 +6487,35 @@ const I8 = (o) => {
         break;
     }
     r(p);
-  }, [o, r]), e = S((p) => {
-    const d = p.getFullYear(), L = p.getMonth(), g = new Date(d, L, 1), h = new Date(d, L + 1, 0), f = h.getDate(), j = g.getDay();
-    return { firstDay: g, lastDay: h, daysInMonth: f, startOfWeek: j };
-  }, []), a = S((p, d = 1) => {
-    const { firstDay: L, lastDay: g, daysInMonth: h, startOfWeek: f } = e(p), j = [], m = (f - d + 7) % 7;
-    for (let V = 0; V < m; V++)
-      j.push(null);
-    for (let V = 1; V <= h; V++)
-      j.push(V);
-    const w = (7 - j.length % 7) % 7;
-    for (let V = 0; V < w; V++)
-      j.push(null);
-    return j;
-  }, [e]), s = S((p = "es-ES") => {
+  }, [o, r]), e = I((p) => {
+    const d = p.getFullYear(), L = p.getMonth(), g = new Date(d, L, 1), h = new Date(d, L + 1, 0), v = h.getDate(), H = g.getDay();
+    return { firstDay: g, lastDay: h, daysInMonth: v, startOfWeek: H };
+  }, []), a = I((p, d = 1) => {
+    const { firstDay: L, lastDay: g, daysInMonth: h, startOfWeek: v } = e(p), H = [], m = (v - d + 7) % 7;
+    for (let O = 0; O < m; O++)
+      H.push(null);
+    for (let O = 1; O <= h; O++)
+      H.push(O);
+    const w = (7 - H.length % 7) % 7;
+    for (let O = 0; O < w; O++)
+      H.push(null);
+    return H;
+  }, [e]), s = I((p = "es-ES") => {
     const d = [];
     for (let L = 0; L < 12; L++) {
       const g = new Date(2024, L, 1);
       d.push(g.toLocaleDateString(p, { month: "long" }));
     }
     return d;
-  }, []), l = S((p, d = 12) => {
+  }, []), l = I((p, d = 12) => {
     const L = [], g = p - Math.floor(d / 2);
     for (let h = 0; h < d; h++)
       L.push(g + h);
     return L;
-  }, []), c = S((p) => {
+  }, []), c = I((p) => {
     const d = /* @__PURE__ */ new Date();
     return p.getDate() === d.getDate() && p.getMonth() === d.getMonth() && p.getFullYear() === d.getFullYear();
-  }, []), C = S((p, d) => p.toLocaleDateString("es-ES", d), []);
+  }, []), C = I((p, d) => p.toLocaleDateString("es-ES", d), []);
   return {
     navigate: n,
     getDaysInMonth: e,
@@ -6526,28 +6526,28 @@ const I8 = (o) => {
     formatDate: C
   };
 }, Y3 = (o = "", r = "dd/MM/yyyy", t = "es-ES") => {
-  const [n, e] = q({
+  const [n, e] = Y({
     isFocused: !1,
     inputValue: o
-  }), a = S((g) => {
+  }), a = I((g) => {
     e((h) => ({ ...h, isFocused: g }));
-  }, []), s = S((g) => {
+  }, []), s = I((g) => {
     e((h) => ({ ...h, inputValue: g }));
-  }, []), l = S((g, h) => {
+  }, []), l = I((g, h) => {
     if (!g) return "";
-    const f = g.getDate().toString().padStart(2, "0"), j = (g.getMonth() + 1).toString().padStart(2, "0"), m = g.getFullYear();
-    return h.format.replace("dd", f).replace("MM", j).replace("yyyy", m.toString());
-  }, []), c = S((g, h) => {
+    const v = g.getDate().toString().padStart(2, "0"), H = (g.getMonth() + 1).toString().padStart(2, "0"), m = g.getFullYear();
+    return h.format.replace("dd", v).replace("MM", H).replace("yyyy", m.toString());
+  }, []), c = I((g, h) => {
     if (!g) return null;
-    const f = h.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), j = new RegExp(`^${f}$`), m = g.match(j);
+    const v = h.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), H = new RegExp(`^${v}$`), m = g.match(H);
     if (!m) return null;
-    const [, w, V, k] = m, O = new Date(parseInt(k), parseInt(V) - 1, parseInt(w));
-    return isNaN(O.getTime()) ? null : O;
-  }, []), C = S((g, h) => c(g, h) !== null, [c]), p = S((g) => {
+    const [, w, O, k] = m, Z = new Date(parseInt(k), parseInt(O) - 1, parseInt(w));
+    return isNaN(Z.getTime()) ? null : Z;
+  }, []), C = I((g, h) => c(g, h) !== null, [c]), p = I((g) => {
     s(g);
-  }, [s]), d = S(() => {
+  }, [s]), d = I(() => {
     a(!0);
-  }, [a]), L = S(() => {
+  }, [a]), L = I(() => {
     a(!1);
   }, [a]);
   return {
@@ -6562,9 +6562,9 @@ const I8 = (o) => {
     handleInputBlur: L
   };
 }, B8 = (o, r, t) => {
-  const n = t1(null), e = S((l) => {
+  const n = t1(null), e = I((l) => {
     n.current && !n.current.contains(l.target) && r();
-  }, [r]), a = S((l) => {
+  }, [r]), a = I((l) => {
     l.key === "Escape" && r();
   }, [r]);
   W(() => {
@@ -6573,7 +6573,7 @@ const I8 = (o) => {
         document.removeEventListener("mousedown", e), document.removeEventListener("keydown", a);
       };
   }, [o, e, a]);
-  const s = S((l) => o ? b1(
+  const s = I((l) => o ? b1(
     w1.createElement("div", {
       ref: n,
       style: {
@@ -6606,25 +6606,25 @@ const I8 = (o) => {
   onClick: L,
   onMouseEnter: g,
   onMouseLeave: h,
-  className: f = "",
-  renderDay: j
+  className: v = "",
+  renderDay: H
 }) => {
   const m = t1(null);
   if (o === null)
     return /* @__PURE__ */ i("div", { className: "ui-w-8 ui-h-8" });
   const w = () => {
     C || L(r);
-  }, V = () => {
+  }, O = () => {
     !C && g && (m.current && (clearTimeout(m.current), m.current = null), g(r));
   }, k = () => {
     !C && h && (t || n || e || a ? m.current = setTimeout(() => {
       h(), m.current = null;
     }, 100) : h());
-  }, O = () => {
-    let z = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!l && !n && !s ? "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 ? z += " ui-text-gray-400 ui-cursor-not-allowed" : t ? z += " ui-bg-blue-500 ui-text-white" : e ? z += ` ui-bg-blue-500 ui-text-white  ${c ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? z += ` ui-bg-blue-500 ui-text-white  ${c ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? z += " ui-bg-blue-50 ui-text-blue-500" : d ? z += " ui-bg-blue-50" : p ? z += " ui-text-blue-500" : z += "hover:ui-bg-neutral-50", `${z} ${f}`;
+  }, Z = () => {
+    let P = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!l && !n && !s ? "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 ? P += " ui-text-gray-400 ui-cursor-not-allowed" : t ? P += " ui-bg-blue-500 ui-text-white" : e ? P += ` ui-bg-blue-500 ui-text-white  ${c ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? P += ` ui-bg-blue-500 ui-text-white  ${c ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? P += " ui-bg-blue-50 ui-text-blue-500" : d ? P += " ui-bg-blue-50" : p ? P += " ui-text-blue-500" : P += "hover:ui-bg-neutral-50", `${P} ${v}`;
   };
-  return j ? j({
+  return H ? H({
     day: o,
     date: r,
     isSelected: t,
@@ -6639,9 +6639,9 @@ const I8 = (o) => {
   }) : /* @__PURE__ */ i(
     "div",
     {
-      className: O(),
+      className: Z(),
       onClick: w,
-      onMouseEnter: V,
+      onMouseEnter: O,
       onMouseLeave: k,
       role: "button",
       tabIndex: C ? -1 : 0,
@@ -6839,20 +6839,20 @@ const I8 = (o) => {
 }) => {
   const { getCalendarDays: L, isToday: g } = S1(o, () => {
   }), { getRangeState: h } = r0(t || { start: null, end: null }, () => {
-  }, a, s), f = (w) => r ? w.getTime() === r.getTime() : !1, j = (w) => !!(a && w < a || s && w > s), m = L(o, c);
+  }, a, s), v = (w) => r ? w.getTime() === r.getTime() : !1, H = (w) => !!(a && w < a || s && w > s), m = L(o, c);
   return /* @__PURE__ */ u("div", { className: "ui-grid ui-grid-cols-7 ui-w-fit ui-gap-y-0.5", children: [
-    l.map((w, V) => /* @__PURE__ */ i(N8, { day: w }, V)),
-    m.map((w, V) => {
+    l.map((w, O) => /* @__PURE__ */ i(N8, { day: w }, O)),
+    m.map((w, O) => {
       if (w === null)
-        return /* @__PURE__ */ i("div", { className: "ui-w-8 ui-h-8" }, V);
-      const k = new Date(o.getFullYear(), o.getMonth(), w), O = t ? h(k, p || null) : {
+        return /* @__PURE__ */ i("div", { className: "ui-w-8 ui-h-8" }, O);
+      const k = new Date(o.getFullYear(), o.getMonth(), w), Z = t ? h(k, p || null) : {
         isStart: !1,
         isEnd: !1,
         isInRange: !1,
         isFirstInRange: !1,
         isLastInRange: !1,
         afterSelected: !0,
-        isDisabled: j(k),
+        isDisabled: H(k),
         isHovered: !1
       };
       return /* @__PURE__ */ i(
@@ -6860,22 +6860,22 @@ const I8 = (o) => {
         {
           day: w,
           date: k,
-          isSelected: f(k),
-          isInRange: O.isInRange,
-          isStart: O.isStart,
-          isEnd: O.isEnd,
-          isFirstInRange: O.isFirstInRange,
-          isLastInRange: O.isLastInRange,
-          afterSelected: O.afterSelected,
-          isDisabled: O.isDisabled,
+          isSelected: v(k),
+          isInRange: Z.isInRange,
+          isStart: Z.isStart,
+          isEnd: Z.isEnd,
+          isFirstInRange: Z.isFirstInRange,
+          isLastInRange: Z.isLastInRange,
+          afterSelected: Z.afterSelected,
+          isDisabled: Z.isDisabled,
           isToday: g(k),
-          isHovered: O.isHovered,
+          isHovered: Z.isHovered,
           onClick: n,
           onMouseEnter: e,
           onMouseLeave: () => e == null ? void 0 : e(null),
           renderDay: d
         },
-        V
+        O
       );
     })
   ] });
@@ -6932,9 +6932,9 @@ const I8 = (o) => {
     l
   )) });
 }, D8 = (o) => {
-  const { value: r, defaultValue: t, onChange: n, initialValue: e } = o, a = r !== void 0, s = t !== void 0 ? t : e, [l, c] = q(s), C = a ? r : l, p = S((L) => {
+  const { value: r, defaultValue: t, onChange: n, initialValue: e } = o, a = r !== void 0, s = t !== void 0 ? t : e, [l, c] = Y(s), C = a ? r : l, p = I((L) => {
     a || c(L), n == null || n(L);
-  }, [a, n]), d = S(() => {
+  }, [a, n]), d = I(() => {
     const L = t !== void 0 ? t : e;
     a || c(L), n == null || n(L);
   }, [a, t, e, n]);
@@ -6952,7 +6952,7 @@ const I8 = (o) => {
   rightSlot: t,
   extraSlot: n
 }) => {
-  const e = !!r, a = !!t, s = !!n, l = f1(() => {
+  const e = !!r, a = !!t, s = !!n, l = m1(() => {
     const p = {
       sm: {
         left: e ? "ui-pl-7.5" : "ui-pl-2",
@@ -6968,7 +6968,7 @@ const I8 = (o) => {
       }
     }[o];
     return `${p.left} ${p.right}`.trim();
-  }, [o, e, a, s]), c = f1(() => (C) => C === "left" ? {
+  }, [o, e, a, s]), c = m1(() => (C) => C === "left" ? {
     sm: "ui-left-2",
     md: "ui-left-2.5",
     lg: "ui-left-4"
@@ -6999,18 +6999,18 @@ const I8 = (o) => {
   isControlled: n,
   inputId: e
 }) => {
-  const a = S(() => {
+  const a = I(() => {
     const d = e || "default-input";
     return document.querySelector(`input[data-input-id="${d}"]`);
-  }, [e]), s = S(() => {
+  }, [e]), s = I(() => {
     const d = a();
     d == null || d.focus();
-  }, [a]), l = S(() => {
+  }, [a]), l = I(() => {
     const d = a();
     d == null || d.blur();
-  }, [a]), c = S(() => {
+  }, [a]), c = I(() => {
     t("");
-  }, [t]), C = S(() => r, [r]), p = S((d) => {
+  }, [t]), C = I(() => r, [r]), p = I((d) => {
     t(d);
   }, [t]);
   return U1(o, () => ({
@@ -7036,11 +7036,11 @@ const I8 = (o) => {
   paddingClasses: a,
   autosize: s = !1
 }) => {
-  const l = f1(() => ({
+  const l = m1(() => ({
     sm: "ui-h-8 ui-text-sm ui-py-1.5",
     md: "ui-h-10 ui-text-sm ui-py-2",
     lg: "ui-h-12 ui-text-base ui-py-2.5"
-  }), []), c = f1(() => {
+  }), []), c = m1(() => {
     const d = [
       n ? "ui-w-full" : "ui-min-w-72",
       "ui-border-1 ui-!font-normal ui-border-neutral-100 ui-rounded-sm",
@@ -7053,10 +7053,10 @@ const I8 = (o) => {
       r ? "ui-bg-red-50" : "ui-bg-white"
     ];
     return r ? d.push("ui-border-red-500 focus-visible:ui-outline-red-500 placeholder:ui-text-red-500") : d.push("placeholder:ui-text-neutral-500"), d.filter(Boolean).join(" ");
-  }, [n, a, e, l, o, r]), C = f1(() => {
+  }, [n, a, e, l, o, r]), C = m1(() => {
     const d = ["ui-relative ui-w-full"];
     return t ? d.push("ui-text-neutral-500") : r && d.push("ui-text-red-500"), d.join(" ");
-  }, [t, r]), p = f1(() => {
+  }, [t, r]), p = m1(() => {
     const d = "ui-text-sm ui-font-bold";
     return r ? `${d} ui-text-red-500` : `${d} ui-text-neutral-900`;
   }, [r]);
@@ -7082,81 +7082,81 @@ const I8 = (o) => {
   disabled: L = !1,
   onValueChange: g,
   onChange: h,
-  onClickExtraSlot: f,
-  className: j,
+  onClickExtraSlot: v,
+  className: H,
   style: m,
   name: w,
-  autosize: V = !1,
+  autosize: O = !1,
   colorLeftIcon: k,
-  infoTooltip: O = "",
-  ...z
-}, F) => {
-  const { value: R, setValue: Z, isControlled: Y } = A8({
+  infoTooltip: Z = "",
+  ...P
+}, E) => {
+  const { value: F, setValue: y, isControlled: G } = A8({
     value: C,
     defaultValue: d,
     onChange: g
-  }), H = (M) => {
-    const x = M.target.value;
-    Z(x), h == null || h(M);
-  }, { paddingClasses: v, getIconPosition: b } = T8({
+  }), B = (M) => {
+    const f = M.target.value;
+    y(f), h == null || h(M);
+  }, { paddingClasses: x, getIconPosition: b } = T8({
     size: n,
     leftSlot: a,
     rightSlot: s,
     extraSlot: l
-  }), { baseClasses: E, containerClasses: P, labelClasses: B } = F8({
+  }), { baseClasses: A, containerClasses: R, labelClasses: T } = F8({
     size: n,
     error: r,
     disabled: L,
     fullWidth: p,
     caret: c,
-    paddingClasses: v,
-    autosize: V
+    paddingClasses: x,
+    autosize: O
   });
   return E8({
-    ref: F,
-    currentValue: R,
-    setValue: Z,
-    isControlled: Y,
-    inputId: z.id
+    ref: E,
+    currentValue: F,
+    setValue: y,
+    isControlled: G,
+    inputId: P.id
   }), /* @__PURE__ */ u("div", { className: U(
     "ui-flex ui-flex-col ui-gap-1 ui-relative",
     p ? "ui-w-full" : "ui-w-fit",
-    j
+    H
   ), style: m, children: [
     /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-gap-1 ui-items-center ui-leading-tight", children: [
-      o && /* @__PURE__ */ i("label", { className: B, children: o }),
-      O && /* @__PURE__ */ i(
+      o && /* @__PURE__ */ i("label", { className: T, children: o }),
+      Z && /* @__PURE__ */ i(
         j1,
         {
           variant: "icon",
           size: "sm",
           color: "white",
           as: "div",
-          tooltip: O,
+          tooltip: Z,
           clickable: !1,
           pointer: !1,
           icon: "InfoCircleOutlined"
         }
       )
     ] }),
-    /* @__PURE__ */ u("div", { className: P, children: [
+    /* @__PURE__ */ u("div", { className: R, children: [
       a && /* @__PURE__ */ i(v1, { slot: a, colorIcon: k, className: `ui-absolute ${b("left")} ui-top-1/2 ui--translate-y-1/2` }),
       /* @__PURE__ */ i(
         "input",
         {
           placeholder: "Placeholder",
           disabled: L,
-          value: R,
-          onChange: H,
+          value: F,
+          onChange: B,
           name: w,
-          "data-input-id": z.id || "default-input",
-          className: E + " ui-min-w-12",
-          ...z
+          "data-input-id": P.id || "default-input",
+          className: A + " ui-min-w-12",
+          ...P
         }
       ),
       s && /* @__PURE__ */ i(v1, { slot: s, className: `ui-absolute ${b("right")} ui-top-1/2 ui--translate-y-1/2` }),
       s && l && /* @__PURE__ */ i("div", { className: `ui-absolute ${b("separator")} ui-top-1/2 ui--translate-y-1/2 ui-h-5 ui-w-[1px] ${r ? "ui-bg-red-500" : "ui-bg-neutral-100"}` }),
-      l && /* @__PURE__ */ i("button", { onClick: f, className: `ui-absolute ${b("extra")} ui-top-1/2 ui--translate-y-1/2 ui-flex ui-place-items-center`, type: "button", children: /* @__PURE__ */ i(v1, { slot: l }) })
+      l && /* @__PURE__ */ i("button", { onClick: v, className: `ui-absolute ${b("extra")} ui-top-1/2 ui--translate-y-1/2 ui-flex ui-place-items-center`, type: "button", children: /* @__PURE__ */ i(v1, { slot: l }) })
     ] }),
     r && /* @__PURE__ */ i("p", { className: "ui-text-xs ui-text-red-500", children: r }),
     t && /* @__PURE__ */ i("p", { className: "ui-text-xs ui-text-gray-500", children: t })
@@ -7186,8 +7186,8 @@ const R8 = $1(({
       c || n();
     },
     extraSlot: "CalendarOutlined",
-    onChange: (j) => {
-      !c && e && e(j.target.value);
+    onChange: (H) => {
+      !c && e && e(H.target.value);
     },
     onFocus: () => {
       !c && a && a();
@@ -7229,8 +7229,8 @@ const R8 = $1(({
     const g = a[d.getMonth()], h = d.getFullYear();
     switch (L) {
       case "years":
-        const f = c(h, s), j = f[0], m = f[f.length - 1];
-        return `${j} - ${m}`;
+        const v = c(h, s), H = v[0], m = v[v.length - 1];
+        return `${H} - ${m}`;
       case "months":
         return `${h}`;
       case "days":
@@ -7311,13 +7311,13 @@ const R8 = $1(({
   yearRange: L = 12,
   hoverDate: g,
   onMonthSelect: h,
-  onYearSelect: f,
-  renderDay: j
+  onYearSelect: v,
+  renderDay: H
 }) => {
   const m = (k) => {
     h == null || h(k);
   }, w = (k) => {
-    f == null || f(k);
+    v == null || v(k);
   };
   return /* @__PURE__ */ i("div", { className: "ui-p-3 ui-h-full ui-flex ui-justify-center", children: (() => {
     switch (l) {
@@ -7336,7 +7336,7 @@ const R8 = $1(({
             startOfWeek: p,
             showWeekNumbers: d,
             hoverDate: g,
-            renderDay: j
+            renderDay: H
           }
         );
       case "months":
@@ -7379,7 +7379,7 @@ const R8 = $1(({
   onGoToToday: L,
   locale: g = "es-ES",
   weekDays: h = ["D", "L", "M", "M", "J", "V", "S"],
-  monthNames: f = [
+  monthNames: v = [
     "Enero",
     "Febrero",
     "Marzo",
@@ -7393,18 +7393,18 @@ const R8 = $1(({
     "Noviembre",
     "Diciembre"
   ],
-  startOfWeek: j = 1,
+  startOfWeek: H = 1,
   showWeekNumbers: m = !1,
   yearRange: w = 12,
-  hoverDate: V,
+  hoverDate: O,
   closeOnSelect: k,
-  autoCloseRange: O,
-  renderHeader: z,
-  renderDay: F
+  autoCloseRange: Z,
+  renderHeader: P,
+  renderDay: E
 }) => {
-  const R = (b) => {
+  const F = (b) => {
     C == null || C(b);
-  }, Z = () => {
+  }, y = () => {
     switch (l) {
       case "days":
         c("months");
@@ -7416,9 +7416,9 @@ const R8 = $1(({
         c("days");
         break;
     }
-  }, Y = (b) => {
+  }, G = (b) => {
     p == null || p(b);
-  }, H = (b) => {
+  }, B = (b) => {
     d == null || d(b);
   };
   return /* @__PURE__ */ u("div", { className: "ui-bg-white ui-rounded-lg ui-shadow-lg ui-border ui-border-neutral-100 ui-overflow-hidden ui-min-w-[274px] ui-min-h-[325px]", children: [
@@ -7427,11 +7427,11 @@ const R8 = $1(({
       {
         currentDate: o,
         viewMode: l,
-        onNavigate: R,
-        onToggleViewMode: Z,
+        onNavigate: F,
+        onToggleViewMode: y,
         onGoToToday: L,
-        monthNames: f,
-        renderHeader: z
+        monthNames: v,
+        renderHeader: P
       }
     ),
     /* @__PURE__ */ i("div", { className: "ui-p-3 ui-h-full", children: (() => {
@@ -7448,10 +7448,10 @@ const R8 = $1(({
               minDate: a,
               maxDate: s,
               weekDays: h,
-              startOfWeek: j,
+              startOfWeek: H,
               showWeekNumbers: m,
-              hoverDate: V,
-              renderDay: F
+              hoverDate: O,
+              renderDay: E
             }
           );
         case "months":
@@ -7460,8 +7460,8 @@ const R8 = $1(({
             {
               currentDate: o,
               selectedMonth: o.getMonth(),
-              onMonthSelect: Y,
-              monthNames: f
+              onMonthSelect: G,
+              monthNames: v
             }
           );
         case "years":
@@ -7470,7 +7470,7 @@ const R8 = $1(({
             {
               currentDate: o,
               selectedYear: o.getFullYear(),
-              onYearSelect: H,
+              onYearSelect: B,
               yearRange: w
             }
           );
@@ -7513,124 +7513,124 @@ const R8 = $1(({
   onGoToToday: L,
   viewMode: g,
   minDate: h,
-  maxDate: f,
-  locale: j,
+  maxDate: v,
+  locale: H,
   weekDays: m,
   monthNames: w,
-  startOfWeek: V,
+  startOfWeek: O,
   showWeekNumbers: k,
-  yearRange: O,
-  hoverDate: z,
-  closeOnSelect: F,
-  autoCloseRange: R,
-  calendarsCount: Z = 1,
-  mode: Y = "single",
-  renderHeader: H,
-  renderDay: v
+  yearRange: Z,
+  hoverDate: P,
+  closeOnSelect: E,
+  autoCloseRange: F,
+  calendarsCount: y = 1,
+  mode: G = "single",
+  renderHeader: B,
+  renderDay: x
 }) => {
-  const [b, E] = q(
-    Array(Z).fill(g)
-  ), [P, B] = q(() => {
-    const I = [];
-    for (let N = 0; N < Z; N++) {
-      const T = new Date(n);
-      T.setMonth(T.getMonth() + N), I.push(T);
+  const [b, A] = Y(
+    Array(y).fill(g)
+  ), [R, T] = Y(() => {
+    const $ = [];
+    for (let S = 0; S < y; S++) {
+      const D = new Date(n);
+      D.setMonth(D.getMonth() + S), $.push(D);
     }
-    return I;
+    return $;
   }), { renderPortal: M } = B8(o, r, t);
   W(() => {
-    E(Array(Z).fill(g));
-  }, [g, Z]), W(() => {
-    const I = [];
-    for (let N = 0; N < Z; N++) {
-      const T = new Date(n);
-      T.setMonth(T.getMonth() + N), I.push(T);
+    A(Array(y).fill(g));
+  }, [g, y]), W(() => {
+    const $ = [];
+    for (let S = 0; S < y; S++) {
+      const D = new Date(n);
+      D.setMonth(D.getMonth() + S), $.push(D);
     }
-    B(I);
-  }, [n, Z]);
-  const x = (I) => {
-    const N = b[I];
-    let T;
-    switch (N) {
+    T($);
+  }, [n, y]);
+  const f = ($) => {
+    const S = b[$];
+    let D;
+    switch (S) {
       case "days":
-        T = "months";
+        D = "months";
         break;
       case "months":
-        T = "years";
+        D = "years";
         break;
       case "years":
-        T = "days";
+        D = "days";
         break;
       default:
-        T = "days";
+        D = "days";
     }
-    const n1 = [...b];
-    n1[I] = T, E(n1);
-  }, y = (I, N) => {
-    const T = [...P];
-    T[I] = new Date(P[I].getFullYear(), N, 1), B(T);
-    const n1 = [...b];
-    n1[I] = "days", E(n1), p == null || p(N);
-  }, $ = (I, N) => {
-    const T = [...P];
-    T[I] = new Date(N, P[I].getMonth(), 1), B(T);
-    const n1 = [...b];
-    n1[I] = "months", E(n1), d == null || d(N);
-  }, X = (I) => {
-    const N = [...P];
-    N.forEach((T, n1) => {
-      const K = new Date(T);
-      switch (b[n1]) {
+    const Q = [...b];
+    Q[$] = D, A(Q);
+  }, j = ($, S) => {
+    const D = [...R];
+    D[$] = new Date(R[$].getFullYear(), S, 1), T(D);
+    const Q = [...b];
+    Q[$] = "days", A(Q), p == null || p(S);
+  }, V = ($, S) => {
+    const D = [...R];
+    D[$] = new Date(S, R[$].getMonth(), 1), T(D);
+    const Q = [...b];
+    Q[$] = "months", A(Q), d == null || d(S);
+  }, n1 = ($) => {
+    const S = [...R];
+    S.forEach((D, Q) => {
+      const q = new Date(D);
+      switch (b[Q]) {
         case "days":
-          K.setMonth(K.getMonth() + (I === "next" ? 1 : -1));
+          q.setMonth(q.getMonth() + ($ === "next" ? 1 : -1));
           break;
         case "months":
-          K.setFullYear(K.getFullYear() + (I === "next" ? 1 : -1));
+          q.setFullYear(q.getFullYear() + ($ === "next" ? 1 : -1));
           break;
         case "years":
-          K.setFullYear(K.getFullYear() + (I === "next" ? 12 : -12));
+          q.setFullYear(q.getFullYear() + ($ === "next" ? 12 : -12));
           break;
       }
-      N[n1] = K;
-    }), B(N), C(I);
+      S[Q] = q;
+    }), T(S), C($);
   };
   return M(
-    /* @__PURE__ */ i("div", { className: "ui-relative", children: Y === "range" && Z > 1 ? /* @__PURE__ */ u("div", { className: "ui-bg-white ui-rounded-lg ui-shadow-lg ui-border ui-overflow-hidden", children: [
+    /* @__PURE__ */ i("div", { className: "ui-relative", children: G === "range" && y > 1 ? /* @__PURE__ */ u("div", { className: "ui-bg-white ui-rounded-lg ui-shadow-lg ui-border ui-overflow-hidden", children: [
       /* @__PURE__ */ i(
         U8,
         {
-          calendarDates: P,
+          calendarDates: R,
           viewModes: b,
-          onNavigate: X,
-          onToggleViewMode: x,
+          onNavigate: n1,
+          onToggleViewMode: f,
           onGoToToday: L,
           monthNames: w,
-          yearRange: O,
-          renderHeader: H
+          yearRange: Z,
+          renderHeader: B
         }
       ),
-      /* @__PURE__ */ i("div", { className: "ui-flex ui-gap-4 ui-p-4 ui-flex-col md:ui-flex-row ui-flex-wrap", children: P.map((I, N) => /* @__PURE__ */ i("div", { className: "ui-flex-shrink-0 ui-min-w-[274px]", children: /* @__PURE__ */ i("div", { className: "ui-bg-white ui-rounded-lg ui-overflow-hidden ui-w-full", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i("div", { className: "ui-flex ui-gap-4 ui-p-4 ui-flex-col md:ui-flex-row ui-flex-wrap", children: R.map(($, S) => /* @__PURE__ */ i("div", { className: "ui-flex-shrink-0 ui-min-w-[274px]", children: /* @__PURE__ */ i("div", { className: "ui-bg-white ui-rounded-lg ui-overflow-hidden ui-w-full", children: /* @__PURE__ */ i(
         _8,
         {
-          currentDate: I,
+          currentDate: $,
           selectedDate: e,
           selectedRange: a,
           onDateSelect: s,
           onDateHover: l,
           minDate: h,
-          maxDate: f,
-          viewMode: b[N],
+          maxDate: v,
+          viewMode: b[S],
           weekDays: m,
           monthNames: w,
-          startOfWeek: V,
+          startOfWeek: O,
           showWeekNumbers: k,
-          yearRange: O,
-          hoverDate: z,
-          onMonthSelect: (T) => y(N, T),
-          onYearSelect: (T) => $(N, T),
-          renderDay: v
+          yearRange: Z,
+          hoverDate: P,
+          onMonthSelect: (D) => j(S, D),
+          onYearSelect: (D) => V(S, D),
+          renderDay: x
         }
-      ) }) }, N)) }),
+      ) }) }, S)) }),
       /* @__PURE__ */ u("div", { className: "ui-p-3 ui-border-t ui-border-neutral-100 ui-flex ui-justify-end ui-gap-2", children: [
         /* @__PURE__ */ i(
           e1,
@@ -7658,24 +7658,24 @@ const R8 = $1(({
         onDateSelect: s,
         onDateHover: l,
         minDate: h,
-        maxDate: f,
+        maxDate: v,
         viewMode: g,
         onViewModeChange: c,
         onNavigate: C,
         onMonthSelect: p,
         onYearSelect: d,
         onGoToToday: L,
-        locale: j,
+        locale: H,
         weekDays: m,
         monthNames: w,
-        startOfWeek: V,
+        startOfWeek: O,
         showWeekNumbers: k,
-        yearRange: O,
-        hoverDate: z,
-        closeOnSelect: F,
-        autoCloseRange: R,
-        renderHeader: H,
-        renderDay: v
+        yearRange: Z,
+        hoverDate: P,
+        closeOnSelect: E,
+        autoCloseRange: F,
+        renderHeader: B,
+        renderDay: x
       }
     ) })
   );
@@ -7708,48 +7708,48 @@ const R8 = $1(({
     className: L = "",
     inputClassName: g = "",
     headerClassName: h = "",
-    dayClassName: f = "",
-    monthClassName: j = "",
+    dayClassName: v = "",
+    monthClassName: H = "",
     yearClassName: m = "",
     disabledDayClassName: w = "text-gray-400 cursor-not-allowed",
-    rangeClassName: V = "bg-blue-100",
+    rangeClassName: O = "bg-blue-100",
     rangeStartClassName: k = "bg-blue-500 text-white rounded-l-full",
-    rangeEndClassName: O = "bg-blue-500 text-white rounded-r-full",
-    todayClassName: z = "border border-blue-500",
-    showWeekNumbers: F = !1,
-    yearRange: R = 12,
-    initialViewMode: Z = "days",
-    closeOnSelect: Y = !1,
-    autoCloseRange: H = !0,
-    placeholder: v = "Seleccionar fecha",
+    rangeEndClassName: Z = "bg-blue-500 text-white rounded-r-full",
+    todayClassName: P = "border border-blue-500",
+    showWeekNumbers: E = !1,
+    yearRange: F = 12,
+    initialViewMode: y = "days",
+    closeOnSelect: G = !1,
+    autoCloseRange: B = !0,
+    placeholder: x = "Seleccionar fecha",
     format: b = "dd/MM/yyyy",
-    calendarsCount: E = 1,
-    renderHeader: P,
-    renderDay: B
-  } = o, { state: M, selectedDate: x, selectedRange: y, inputRef: $, isPortalReady: X, actions: I } = I8(o), { handleRangeSelection: N } = r0(
-    y,
-    I.setSelectedRange,
+    calendarsCount: A = 1,
+    renderHeader: R,
+    renderDay: T
+  } = o, { state: M, selectedDate: f, selectedRange: j, inputRef: V, isPortalReady: n1, actions: $ } = I8(o), { handleRangeSelection: S } = r0(
+    j,
+    $.setSelectedRange,
     s,
     l,
-    H
-  ), T = (A) => {
-    if (!A) return "";
-    const D = A.getDate().toString().padStart(2, "0"), J = (A.getMonth() + 1).toString().padStart(2, "0"), i1 = A.getFullYear();
-    return b.replace("dd", D).replace("MM", J).replace("yyyy", i1.toString());
-  }, n1 = (A) => !A.start && !A.end ? "" : A.start && A.end ? `${T(A.start)} - ${T(A.end)}` : T(A.start) || T(A.end), K = (A) => {
-    r === "single" ? I.setSelectedDate(A) : N(A, M.hoverDate, I.closePicker);
-  }, _ = (A) => {
-    I.setHoverDate(A);
-  }, Q = () => r === "single" ? T(x) : n1(y);
+    B
+  ), D = (z) => {
+    if (!z) return "";
+    const N = z.getDate().toString().padStart(2, "0"), K = (z.getMonth() + 1).toString().padStart(2, "0"), i1 = z.getFullYear();
+    return b.replace("dd", N).replace("MM", K).replace("yyyy", i1.toString());
+  }, Q = (z) => !z.start && !z.end ? "" : z.start && z.end ? `${D(z.start)} - ${D(z.end)}` : D(z.start) || D(z.end), q = (z) => {
+    r === "single" ? $.setSelectedDate(z) : S(z, M.hoverDate, $.closePicker);
+  }, _ = (z) => {
+    $.setHoverDate(z);
+  }, J = () => r === "single" ? D(f) : Q(j);
   return /* @__PURE__ */ u("div", { className: `relative ${L}`, children: [
     /* @__PURE__ */ i(
       R8,
       {
-        ref: $,
-        value: Q(),
-        placeholder: v,
+        ref: V,
+        value: J(),
+        placeholder: x,
         isOpen: M.isOpen,
-        onInputClick: I.openPicker,
+        onInputClick: $.openPicker,
         className: g,
         format: b
       }
@@ -7757,19 +7757,19 @@ const R8 = $1(({
     /* @__PURE__ */ i(
       Y8,
       {
-        isOpen: M.isOpen && X,
-        onClose: I.closePicker,
+        isOpen: M.isOpen && n1,
+        onClose: $.closePicker,
         portalPosition: M.portalPosition,
         currentDate: M.currentDate,
-        selectedDate: x,
-        selectedRange: y,
-        onDateSelect: K,
+        selectedDate: f,
+        selectedRange: j,
+        onDateSelect: q,
         onDateHover: _,
-        onViewModeChange: I.setViewMode,
-        onNavigate: I.navigate,
-        onMonthSelect: I.handleMonthSelect,
-        onYearSelect: I.handleYearSelect,
-        onGoToToday: I.goToToday,
+        onViewModeChange: $.setViewMode,
+        onNavigate: $.navigate,
+        onMonthSelect: $.handleMonthSelect,
+        onYearSelect: $.handleYearSelect,
+        onGoToToday: $.goToToday,
         viewMode: M.viewMode,
         minDate: s,
         maxDate: l,
@@ -7777,15 +7777,15 @@ const R8 = $1(({
         weekDays: C,
         monthNames: p,
         startOfWeek: d,
-        showWeekNumbers: F,
-        yearRange: R,
+        showWeekNumbers: E,
+        yearRange: F,
         hoverDate: M.hoverDate,
-        closeOnSelect: Y,
-        autoCloseRange: H,
-        calendarsCount: E,
+        closeOnSelect: G,
+        autoCloseRange: B,
+        calendarsCount: A,
         mode: r,
-        renderHeader: P,
-        renderDay: B
+        renderHeader: R,
+        renderDay: T
       }
     )
   ] });
@@ -7793,7 +7793,7 @@ const R8 = $1(({
   t && /* @__PURE__ */ i(h1, { name: t, background: !0, color: "blue" }),
   /* @__PURE__ */ i("h2", { className: U("ui-text-2xl ui-font-semibold", r), children: o })
 ] }), l0 = (o, r = {}) => {
-  const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = q(!1), [s, l] = q(!1);
+  const { enterDelay: t = 10, exitDelay: n = 300 } = r, [e, a] = Y(!1), [s, l] = Y(!1);
   return W(() => {
     if (o) {
       a(!0);
@@ -7846,7 +7846,7 @@ const R8 = $1(({
     });
   }, [o, r]);
 }, c0 = () => {
-  const o = typeof window < "u", [r] = q(() => o ? document.createElement("div") : null);
+  const o = typeof window < "u", [r] = Y(() => o ? document.createElement("div") : null);
   return W(() => {
     if (!(!r || !o))
       return document.body.appendChild(r), () => {
@@ -7891,11 +7891,11 @@ const R8 = $1(({
   W(() => {
     if (!o || r || !s) return;
     const C = (d) => {
-      var w, V;
-      const L = d.target, g = (w = t.current) == null ? void 0 : w.contains(L), h = (V = n == null ? void 0 : n.current) == null ? void 0 : V.contains(L), f = e ? L.closest(`[data-${a}-id="${e}"]`) : !1, j = a ? L.closest(`[data-${a}-container-id]`) : !1, m = l.some(
+      var w, O;
+      const L = d.target, g = (w = t.current) == null ? void 0 : w.contains(L), h = (O = n == null ? void 0 : n.current) == null ? void 0 : O.contains(L), v = e ? L.closest(`[data-${a}-id="${e}"]`) : !1, H = a ? L.closest(`[data-${a}-container-id]`) : !1, m = l.some(
         (k) => L.closest(k)
       );
-      g || h || f || j || m || c();
+      g || h || v || H || m || c();
     }, p = (d) => {
       d.detail.id === e && c();
     };
@@ -7924,22 +7924,22 @@ const R8 = $1(({
   successButtonText: g = "Guardar",
   onCancel: h = () => {
   },
-  onSuccess: f = () => {
+  onSuccess: v = () => {
   },
-  showCancelButton: j = !0,
+  showCancelButton: H = !0,
   showSuccessButton: m = !0,
   closeAtSuccess: w = !1,
-  closeAtCancel: V = !0
+  closeAtCancel: O = !0
 }) => {
-  const k = c0(), { isVisible: O, isAnimating: z } = l0(o), F = t1(null);
-  d0(o), q1(o, r, l), s0(o, F, !c);
-  const R = () => {
-    h && h(), V && r();
-  }, Z = () => {
-    f && f(), w && r();
+  const k = c0(), { isVisible: Z, isAnimating: P } = l0(o), E = t1(null);
+  d0(o), q1(o, r, l), s0(o, E, !c);
+  const F = () => {
+    h && h(), O && r();
+  }, y = () => {
+    v && v(), w && r();
   };
-  if (!k || !O) return null;
-  const Y = /* @__PURE__ */ u(
+  if (!k || !Z) return null;
+  const G = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -7959,26 +7959,26 @@ const R8 = $1(({
         /* @__PURE__ */ i(
           "div",
           {
-            ref: F,
+            ref: E,
             tabIndex: -1,
-            onClick: (H) => H.stopPropagation(),
+            onClick: (B) => B.stopPropagation(),
             className: U(
               "ui-relative ui-z-10 ui-flex ui-flex-col ui-bg-white ui-shadow-xl ui-transition-transform ui-duration-300 ui-ease-in-out ui-outline-none",
               Q8[n],
               C === "right" ? "ui-ml-auto" : "ui-mr-auto"
             ),
             style: {
-              transform: C === "right" ? z ? "translateX(0)" : "translateX(100%)" : z ? "translateX(0)" : "translateX(-100%)"
+              transform: C === "right" ? P ? "translateX(0)" : "translateX(100%)" : P ? "translateX(0)" : "translateX(-100%)"
             },
             children: /* @__PURE__ */ u(L1, { rounded: !1, padding: !1, gap: !1, className: U(p), children: [
               /* @__PURE__ */ i(L1.Header, { children: /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4", children: t && /* @__PURE__ */ i(G8, { title: t, icon: a }) }) }),
               /* @__PURE__ */ i(L1.Separator, { padding: !1 }),
               /* @__PURE__ */ i(L1.Body, { fullHeight: !0, className: U("ui-p-4", d ? "ui-overflow-y-auto" : ""), scrollable: d, children: e }),
-              (j || m) && /* @__PURE__ */ u(H1, { children: [
+              (H || m) && /* @__PURE__ */ u(H1, { children: [
                 /* @__PURE__ */ i(L1.Separator, { padding: !1 }),
                 /* @__PURE__ */ u(L1.Footer, { className: "ui-flex ui-items-center ui-justify-end ui-p-4 ui-gap-x-4", children: [
-                  j && /* @__PURE__ */ i(j1, { fullWidth: !0, variant: "outlined", color: "white", onClick: R, children: L }),
-                  m && /* @__PURE__ */ i(j1, { fullWidth: !0, variant: "button", onClick: Z, children: g })
+                  H && /* @__PURE__ */ i(j1, { fullWidth: !0, variant: "outlined", color: "white", onClick: F, children: L }),
+                  m && /* @__PURE__ */ i(j1, { fullWidth: !0, variant: "button", onClick: y, children: g })
                 ] })
               ] })
             ] })
@@ -7987,11 +7987,11 @@ const R8 = $1(({
       ]
     }
   );
-  return e0.createPortal(Y, k);
+  return e0.createPortal(G, k);
 }, C0 = ({ children: o, icon: r, onClick: t, disabled: n = !1, current: e = !1, uppercase: a = !1, "data-option-value": s, iconColor: l }) => {
   const c = (d) => {
     n || t == null || t(d);
-  }, [C, p] = q(!1);
+  }, [C, p] = Y(!1);
   return /* @__PURE__ */ u(
     "li",
     {
@@ -8034,140 +8034,140 @@ const R8 = $1(({
   maxSelectedItems: L,
   absolute: g = !1
 }) => {
-  const h = n0(), f = C || `dropdown-${h}`, [j, m] = q(!1), [w, V] = q(!1), [k, O] = q(""), [z, F] = q("bottom"), [R, Z] = q({}), Y = t1(null), H = t1(null), v = t1(null), b = S((D) => D == null ? [] : Array.isArray(D) ? D : [D], []), E = S((D) => D == null ? "" : Array.isArray(D) ? D[0] || "" : D, []), [P, B] = q(() => d ? b(r) : E(r)), M = o !== void 0, x = M ? o : P, y = S((D) => {
-    M || B(D), a == null || a(D);
-  }, [M, a]), $ = d ? t.filter((D) => b(x).includes(D[n])) : [t.find((D) => D[n] === x)].filter(Boolean), X = t.filter((D) => {
-    const J = l ? D[n].toLowerCase().includes(k.toLowerCase()) : !0;
+  const h = n0(), v = C || `dropdown-${h}`, [H, m] = Y(!1), [w, O] = Y(!1), [k, Z] = Y(""), [P, E] = Y("bottom"), [F, y] = Y({}), G = t1(null), B = t1(null), x = t1(null), b = I((N) => N == null ? [] : Array.isArray(N) ? N : [N], []), A = I((N) => N == null ? "" : Array.isArray(N) ? N[0] || "" : N, []), [R, T] = Y(() => d ? b(r) : A(r)), M = o !== void 0, f = M ? o : R, j = I((N) => {
+    M || T(N), a == null || a(N);
+  }, [M, a]), V = d ? t.filter((N) => b(f).includes(N[n])) : [t.find((N) => N[n] === f)].filter(Boolean), n1 = t.filter((N) => {
+    const K = l ? N[n].toLowerCase().includes(k.toLowerCase()) : !0;
     if (d) {
-      const i1 = b(x).includes(D[n]);
-      return J && !i1;
+      const i1 = b(f).includes(N[n]);
+      return K && !i1;
     }
-    return J;
-  }), I = S(() => {
+    return K;
+  }), $ = I(() => {
     var i1, o1;
-    const D = (i1 = v.current) == null ? void 0 : i1.querySelector("input");
-    return D || ((o1 = v.current) == null ? void 0 : o1.querySelector('[data-dropdown-input="true"]'));
-  }, []), N = S(() => {
-    const D = I();
-    D && requestAnimationFrame(() => {
+    const N = (i1 = x.current) == null ? void 0 : i1.querySelector("input");
+    return N || ((o1 = x.current) == null ? void 0 : o1.querySelector('[data-dropdown-input="true"]'));
+  }, []), S = I(() => {
+    const N = $();
+    N && requestAnimationFrame(() => {
       var u1;
-      const J = D.getBoundingClientRect(), i1 = window.innerHeight;
+      const K = N.getBoundingClientRect(), i1 = window.innerHeight;
       let o1 = 0;
-      H.current && (o1 = H.current.offsetHeight), o1 === 0 && (o1 = Math.min(200, X.length * 40));
-      const s1 = i1 - J.bottom, l1 = J.top, a1 = s1 < o1 && l1 > s1 ? "top" : "bottom";
-      F(a1);
-      let p1 = 0, M1 = 0, m1 = J.width;
+      B.current && (o1 = B.current.offsetHeight), o1 === 0 && (o1 = Math.min(200, n1.length * 40));
+      const s1 = i1 - K.bottom, l1 = K.top, a1 = s1 < o1 && l1 > s1 ? "top" : "bottom";
+      E(a1);
+      let p1 = 0, M1 = 0, f1 = K.width;
       if (!g)
-        p1 = a1 === "bottom" ? J.bottom + 4 : J.top - o1 - 4, M1 = J.left;
+        p1 = a1 === "bottom" ? K.bottom + 4 : K.top - o1 - 4, M1 = K.left;
       else {
-        const g1 = (u1 = v.current) == null ? void 0 : u1.getBoundingClientRect();
+        const g1 = (u1 = x.current) == null ? void 0 : u1.getBoundingClientRect();
         if (!g1) return;
-        const r1 = J.top - g1.top, V1 = J.left - g1.left;
-        p1 = a1 === "bottom" ? r1 + J.height + 4 : r1 - o1 - 4, M1 = V1;
+        const r1 = K.top - g1.top, V1 = K.left - g1.left;
+        p1 = a1 === "bottom" ? r1 + K.height + 4 : r1 - o1 - 4, M1 = V1;
       }
-      const x1 = 1e3, O1 = parseInt(f.replace(/\D/g, "")) || 0, z1 = x1 + O1 % 100, G = {
+      const x1 = 1e3, O1 = parseInt(v.replace(/\D/g, "")) || 0, z1 = x1 + O1 % 100, X = {
         position: g ? "absolute" : "fixed",
         top: `${p1}px`,
         left: `${M1}px`,
-        width: `${m1}px`,
+        width: `${f1}px`,
         zIndex: z1
       };
-      Z(G);
+      y(X);
     });
-  }, [I, X.length, f, g]), T = S(() => {
-    if (!H.current || !$.length)
+  }, [$, n1.length, v, g]), D = I(() => {
+    if (!B.current || !V.length)
       return;
-    const J = H.current.querySelector(".ui-overflow-y-auto");
-    if (!J)
+    const K = B.current.querySelector(".ui-overflow-y-auto");
+    if (!K)
       return;
-    const i1 = $[0];
+    const i1 = V[0];
     if (!i1) return;
-    const o1 = J.querySelector(`[data-option-value="${i1[n]}"]`);
+    const o1 = K.querySelector(`[data-option-value="${i1[n]}"]`);
     if (!o1)
       return;
-    const s1 = J.clientHeight, l1 = o1.offsetTop, a1 = o1.clientHeight, p1 = l1 - s1 / 2 + a1 / 2;
-    J.scrollTo({
+    const s1 = K.clientHeight, l1 = o1.offsetTop, a1 = o1.clientHeight, p1 = l1 - s1 / 2 + a1 / 2;
+    K.scrollTo({
       top: Math.max(0, p1),
       behavior: "smooth"
     });
-  }, [$, n]), n1 = (D) => {
-    D && D.stopPropagation(), !p && (j ? K() : (W8(f), O(""), V(!1), N(), setTimeout(() => {
-      m(!0), E1.add(f), setTimeout(() => {
-        N(), setTimeout(() => {
-          T();
+  }, [V, n]), Q = (N) => {
+    N && N.stopPropagation(), !p && (H ? q() : (W8(v), Z(""), O(!1), S(), setTimeout(() => {
+      m(!0), E1.add(v), setTimeout(() => {
+        S(), setTimeout(() => {
+          D();
         }, 50);
       }, 50);
     }, 50)));
-  }, K = () => {
-    V(!0), setTimeout(() => {
-      m(!1), V(!1), E1.delete(f);
+  }, q = () => {
+    O(!0), setTimeout(() => {
+      m(!1), O(!1), E1.delete(v);
     }, 150);
-  }, _ = (D, J) => {
-    if (J.stopPropagation(), !D.disabled) {
+  }, _ = (N, K) => {
+    if (K.stopPropagation(), !N.disabled) {
       if (d) {
-        const i1 = b(x), o1 = D[n];
+        const i1 = b(f), o1 = N[n];
         if (L && i1.length >= L && !i1.includes(o1))
           return;
         const s1 = i1.includes(o1) ? i1.filter((l1) => l1 !== o1) : [...i1, o1];
-        y(s1);
+        j(s1);
       } else {
-        const i1 = D[n];
-        y(i1), O(""), K();
+        const i1 = N[n];
+        j(i1), Z(""), q();
       }
-      s == null || s(D);
+      s == null || s(N);
     }
-  }, Q = (D) => {
-    O(D.target.value);
-  }, A = (D) => {
-    D.stopPropagation(), y(d ? [] : ""), O("");
+  }, J = (N) => {
+    Z(N.target.value);
+  }, z = (N) => {
+    N.stopPropagation(), j(d ? [] : ""), Z("");
   };
   return p0({
-    isActive: j && !w,
+    isActive: H && !w,
     // Solo activar cuando esté abierto y no cerrando
     disabled: p,
-    elementRef: H,
-    containerRef: v,
-    elementId: f,
+    elementRef: B,
+    containerRef: x,
+    elementId: v,
     elementType: "dropdown",
     closeOnClickOutside: c,
-    onOutsideClick: K
+    onOutsideClick: q
   }), W(() => {
-    if (j) {
-      const D = () => {
-        N();
-      }, J = () => {
-        N();
+    if (H) {
+      const N = () => {
+        S();
+      }, K = () => {
+        S();
       };
-      return window.addEventListener("resize", D), window.addEventListener("scroll", J, !0), document.addEventListener("scroll", J, !0), () => {
-        window.removeEventListener("resize", D), window.removeEventListener("scroll", J, !0), document.removeEventListener("scroll", J, !0);
+      return window.addEventListener("resize", N), window.addEventListener("scroll", K, !0), document.addEventListener("scroll", K, !0), () => {
+        window.removeEventListener("resize", N), window.removeEventListener("scroll", K, !0), document.removeEventListener("scroll", K, !0);
       };
     }
-  }, [j, N]), {
+  }, [H, S]), {
     // Estado
-    isOpen: j,
+    isOpen: H,
     isClosing: w,
     searchValue: k,
-    selectedValue: x,
-    selectedOptions: $,
-    filteredOptions: X,
-    position: z,
-    dropdownStyle: R,
+    selectedValue: f,
+    selectedOptions: V,
+    filteredOptions: n1,
+    position: P,
+    dropdownStyle: F,
     isControlled: M,
     multiple: d,
     // Referencias
-    inputRef: Y,
-    dropdownRef: H,
-    containerRef: v,
-    dropdownUniqueId: f,
+    inputRef: G,
+    dropdownRef: B,
+    containerRef: x,
+    dropdownUniqueId: v,
     // Funciones
-    toggleDropdown: n1,
-    closeDropdown: K,
+    toggleDropdown: Q,
+    closeDropdown: q,
     handleOptionSelect: _,
-    handleSearchChange: Q,
-    handleClear: A,
-    calculatePosition: N,
-    setValue: y,
-    scrollToSelectedOption: T,
+    handleSearchChange: J,
+    handleClear: z,
+    calculatePosition: S,
+    setValue: j,
+    scrollToSelectedOption: D,
     normalizeToArray: b
   };
 }, Q1 = ({ onClick: o, className: r, size: t = "md", label: n = "", variant: e = "button", borderable: a, rounded: s = !1, badge: l = !1, color: c, ...C }) => /* @__PURE__ */ i(
@@ -8203,42 +8203,42 @@ const R8 = $1(({
   value: L,
   defaultValue: g = "",
   disabled: h = !1,
-  placeholder: f = "",
-  options: j = [],
+  placeholder: v = "",
+  options: H = [],
   valueName: m = "label",
   idName: w = "id",
-  onValueChange: V,
+  onValueChange: O,
   onOptionSelect: k,
-  searchable: O = !1,
-  maxHeight: z = "200px",
-  closeOnClickOutside: F = !0,
-  dropdownId: R,
-  multiple: Z = !1,
-  maxSelectedItems: Y,
-  selectedItemsDisplay: H = "tags",
-  absolute: v = !1,
+  searchable: Z = !1,
+  maxHeight: P = "200px",
+  closeOnClickOutside: E = !0,
+  dropdownId: F,
+  multiple: y = !1,
+  maxSelectedItems: G,
+  selectedItemsDisplay: B = "tags",
+  absolute: x = !1,
   ...b
-}, E) => {
-  const P = t1(null), {
+}, A) => {
+  const R = t1(null), {
     // Estado
-    isOpen: B,
+    isOpen: T,
     isClosing: M,
-    searchValue: x,
-    selectedValue: y,
-    selectedOptions: $,
-    filteredOptions: X,
-    dropdownStyle: I,
-    isControlled: N,
+    searchValue: f,
+    selectedValue: j,
+    selectedOptions: V,
+    filteredOptions: n1,
+    dropdownStyle: $,
+    isControlled: S,
     // Referencias
-    inputRef: T,
-    dropdownRef: n1,
-    containerRef: K,
+    inputRef: D,
+    dropdownRef: Q,
+    containerRef: q,
     dropdownUniqueId: _,
     // Funciones
-    toggleDropdown: Q,
-    closeDropdown: A,
-    handleOptionSelect: D,
-    handleSearchChange: J,
+    toggleDropdown: J,
+    closeDropdown: z,
+    handleOptionSelect: N,
+    handleSearchChange: K,
     handleClear: i1,
     calculatePosition: o1,
     scrollToSelectedOption: s1,
@@ -8247,96 +8247,96 @@ const R8 = $1(({
   } = n3({
     value: L,
     defaultValue: g,
-    options: j,
+    options: H,
     valueName: m,
     idName: w,
-    onValueChange: V,
+    onValueChange: O,
     onOptionSelect: k,
-    searchable: O,
-    closeOnClickOutside: F,
-    dropdownId: R,
+    searchable: Z,
+    closeOnClickOutside: E,
+    dropdownId: F,
     disabled: h,
-    multiple: Z,
-    maxSelectedItems: Y,
-    absolute: v
-  }), [p1, M1] = q(s), [m1, x1] = q(null);
-  U1(E, () => ({
-    getValue: () => y,
-    setValue: (G) => {
-      N || l1(G), V == null || V(G);
+    multiple: y,
+    maxSelectedItems: G,
+    absolute: x
+  }), [p1, M1] = Y(s), [f1, x1] = Y(null);
+  U1(A, () => ({
+    getValue: () => j,
+    setValue: (X) => {
+      S || l1(X), O == null || O(X);
     },
     focus: () => {
-      var G, u1;
-      Z && H === "tags" ? (G = P.current) == null || G.focus() : (u1 = T.current) == null || u1.focus();
+      var X, u1;
+      y && B === "tags" ? (X = R.current) == null || X.focus() : (u1 = D.current) == null || u1.focus();
     },
     blur: () => {
-      var G, u1;
-      Z && H === "tags" ? (G = P.current) == null || G.blur() : (u1 = T.current) == null || u1.blur();
+      var X, u1;
+      y && B === "tags" ? (X = R.current) == null || X.blur() : (u1 = D.current) == null || u1.blur();
     },
     clear: () => {
-      N || l1(Z ? [] : ""), V == null || V(Z ? [] : "");
+      S || l1(y ? [] : ""), O == null || O(y ? [] : "");
     },
     open: () => {
       h || (o1(), setTimeout(() => {
-        Q();
+        J();
       }, 50));
     },
     close: () => {
-      A();
+      z();
     }
-  }), [y, N, h, o1, V, A, Z, l1, Q, H]), W(() => {
-    if (B && $.length > 0) {
-      const G = setTimeout(() => {
+  }), [j, S, h, o1, O, z, y, l1, J, B]), W(() => {
+    if (T && V.length > 0) {
+      const X = setTimeout(() => {
         s1();
       }, 150);
-      return () => clearTimeout(G);
+      return () => clearTimeout(X);
     }
-  }, [B, $, s1]);
-  const O1 = (G) => {
-    if (Z) {
-      const g1 = a1(y).filter((r1) => r1 !== G);
+  }, [T, V, s1]);
+  const O1 = (X) => {
+    if (y) {
+      const g1 = a1(j).filter((r1) => r1 !== X);
       l1(g1);
     }
   }, z1 = () => {
-    var G;
-    if (Z) {
-      if ($.length === 0) return "";
-      switch (H) {
+    var X;
+    if (y) {
+      if (V.length === 0) return "";
+      switch (B) {
         case "count":
-          return `${$.length} elemento${$.length > 1 ? "s" : ""} seleccionado${$.length > 1 ? "s" : ""}`;
+          return `${V.length} elemento${V.length > 1 ? "s" : ""} seleccionado${V.length > 1 ? "s" : ""}`;
         case "text":
-          return $.map((u1) => u1 == null ? void 0 : u1[m]).filter(Boolean).join(", ");
+          return V.map((u1) => u1 == null ? void 0 : u1[m]).filter(Boolean).join(", ");
         case "tags":
         default:
           return "";
       }
     } else
-      return ((G = $[0]) == null ? void 0 : G[m]) || "";
+      return ((X = V[0]) == null ? void 0 : X[m]) || "";
   }, J1 = () => {
-    if (!B || !I.top) return null;
-    const G = M ? "animate-dropdown-exit" : "animate-dropdown-enter", u1 = (r1, V1) => {
-      D(r1, V1), r1.icon && M1(r1.icon), r1.iconColor && x1(r1.iconColor);
+    if (!T || !$.top) return null;
+    const X = M ? "animate-dropdown-exit" : "animate-dropdown-enter", u1 = (r1, V1) => {
+      N(r1, V1), r1.icon && M1(r1.icon), r1.iconColor && x1(r1.iconColor);
     }, g1 = /* @__PURE__ */ u(
       "div",
       {
-        ref: n1,
+        ref: Q,
         id: _,
         "data-dropdown-id": _,
         style: {
-          position: I.position,
-          top: I.top,
-          left: I.left,
-          width: I.width,
-          zIndex: I.zIndex
+          position: $.position,
+          top: $.top,
+          left: $.left,
+          width: $.width,
+          zIndex: $.zIndex
         },
-        className: `ui-bg-white ui-border ui-border-neutral-200 ui-rounded-sm ui-shadow-lg  ui-overflow-hidden py-2 ui-min-w-fit ${G}`,
+        className: `ui-bg-white ui-border ui-border-neutral-200 ui-rounded-sm ui-shadow-lg  ui-overflow-hidden py-2 ui-min-w-fit ${X}`,
         onClick: (r1) => r1.stopPropagation(),
         children: [
-          /* @__PURE__ */ i("div", { children: O && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (r1) => r1.stopPropagation(), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { children: Z && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (r1) => r1.stopPropagation(), children: /* @__PURE__ */ i(
             B1,
             {
-              value: x,
-              onChange: J,
+              value: f,
+              onChange: K,
               placeholder: c,
               leftSlot: "SearchOutlined",
               autoFocus: !0,
@@ -8344,8 +8344,8 @@ const R8 = $1(({
               size: "sm"
             }
           ) }) }),
-          O && /* @__PURE__ */ i(T1, {}),
-          /* @__PURE__ */ i("div", { className: "ui-max-h-[200px] ui-overflow-y-auto ui-py-2 no-scrollbar", children: X.length > 0 ? X.map((r1) => /* @__PURE__ */ i(
+          Z && /* @__PURE__ */ i(T1, {}),
+          /* @__PURE__ */ i("div", { className: "ui-max-h-[200px] ui-overflow-y-auto ui-py-2 no-scrollbar", children: n1.length > 0 ? n1.map((r1) => /* @__PURE__ */ i(
             C0,
             {
               onClick: (V1) => u1(r1, V1),
@@ -8362,7 +8362,7 @@ const R8 = $1(({
             /* @__PURE__ */ u("p", { className: "ui-font-semibold ui-text-neutral-800", children: [
               C,
               ' "',
-              x,
+              f,
               '"'
             ] }),
             /* @__PURE__ */ i("p", { className: "ui-text-xs ui-mt-2 ui-text-neutral-500", children: p })
@@ -8370,48 +8370,48 @@ const R8 = $1(({
           /* @__PURE__ */ i(T1, {}),
           /* @__PURE__ */ u("div", { className: "ui-px-4 ui-py-2 ui-flex ui-gap-x-2 ui-min-w-[200px]", children: [
             /* @__PURE__ */ i(j1, { color: "white", slotLeft: "TrashOutlined", variant: "outlined", size: "sm", fullWidth: !0, onClick: i1, children: "Limpiar" }),
-            /* @__PURE__ */ i(j1, { color: "blue", size: "sm", fullWidth: !0, onClick: () => A(), children: "OK" })
+            /* @__PURE__ */ i(j1, { color: "blue", size: "sm", fullWidth: !0, onClick: () => z(), children: "OK" })
           ] })
         ]
       }
     );
-    return v ? g1 : b1(g1, document.body);
+    return x ? g1 : b1(g1, document.body);
   };
   return W(() => {
     s && M1(s);
-  }, [s]), /* @__PURE__ */ u("div", { ref: K, className: "ui-w-full ui-relative", "data-dropdown-container-id": _, children: [
-    Z && H === "tags" ? (
+  }, [s]), /* @__PURE__ */ u("div", { ref: q, className: "ui-w-full ui-relative", "data-dropdown-container-id": _, children: [
+    y && B === "tags" ? (
       // Input personalizado con tags para modo tags
       /* @__PURE__ */ u("div", { className: "ui-w-full", children: [
         r && /* @__PURE__ */ i("label", { className: "ui-block ui-text-sm ui-font-medium ui-text-gray-700 ui-mb-1", children: r }),
         /* @__PURE__ */ u(
           "div",
           {
-            ref: P,
+            ref: R,
             "data-dropdown-input": "true",
             className: "ui-min-h-[40px] ui-border ui-border-gray-300 ui-rounded-md ui-px-3 ui-py-2 ui-bg-white ui-cursor-pointer ui-flex ui-flex-wrap ui-gap-1 ui-items-center hover:ui-border-gray-400 focus-within:ui-border-blue-500 focus-within:ui-ring-2 focus-within:ui-ring-blue-200",
-            onClick: (G) => Q(G),
-            onFocus: () => Q(),
+            onClick: (X) => J(X),
+            onFocus: () => J(),
             tabIndex: h ? -1 : 0,
             children: [
-              $.length > 0 ? /* @__PURE__ */ i(H1, { children: $.map((G) => G ? /* @__PURE__ */ i(
+              V.length > 0 ? /* @__PURE__ */ i(H1, { children: V.map((X) => X ? /* @__PURE__ */ i(
                 Q1,
                 {
-                  label: G[m],
+                  label: X[m],
                   color: "blue",
                   size: "sm",
                   onClick: (u1) => {
-                    u1.stopPropagation(), O1(G[m]);
+                    u1.stopPropagation(), O1(X[m]);
                   }
                 },
-                G[m]
-              ) : null) }) : /* @__PURE__ */ i("span", { className: "ui-text-gray-500", children: f }),
+                X[m]
+              ) : null) }) : /* @__PURE__ */ i("span", { className: "ui-text-gray-500", children: v }),
               /* @__PURE__ */ u("div", { className: "ui-ml-auto ui-flex ui-items-center", children: [
                 l && /* @__PURE__ */ i("span", { className: "ui-mr-2", children: l }),
                 /* @__PURE__ */ i(
                   h1,
                   {
-                    name: B ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
+                    name: T ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
                     size: "sm",
                     color: "neutral"
                   }
@@ -8428,39 +8428,39 @@ const R8 = $1(({
       /* @__PURE__ */ i(
         B1,
         {
-          ref: T,
+          ref: D,
           label: r,
           error: t,
           helperText: n,
           size: e,
           color: a,
           leftSlot: p1 || void 0,
-          colorLeftIcon: m1 || void 0,
+          colorLeftIcon: f1 || void 0,
           rightSlot: l,
           fullWidth: !0,
           caret: d,
           disabled: h,
-          placeholder: f,
+          placeholder: v,
           value: z1(),
           readOnly: !0,
-          onClick: (G) => Q(G),
-          onClickExtraSlot: () => Q(),
-          extraSlot: B ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
+          onClick: (X) => J(X),
+          onClickExtraSlot: () => J(),
+          extraSlot: T ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
           name: o,
           autosize: !0,
           ...b
         }
       )
     ),
-    Z && H !== "tags" && $.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: $.map((G) => G ? /* @__PURE__ */ i(
+    y && B !== "tags" && V.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: V.map((X) => X ? /* @__PURE__ */ i(
       Q1,
       {
-        label: G[m],
+        label: X[m],
         color: "blue",
         size: "sm",
-        onClick: () => O1(G[m])
+        onClick: () => O1(X[m])
       },
-      G[m]
+      X[m]
     ) : null) }),
     J1()
   ] });
@@ -8500,14 +8500,14 @@ const e3 = {
   closeAtCorner: L = !0,
   title: g,
   tabs: h,
-  defaultValueTab: f,
-  onChangeTab: j,
+  defaultValueTab: v,
+  onChangeTab: H,
   headerButtonIcon: m,
   headerButtonOnClick: w,
-  footerButtonIcon: V,
+  footerButtonIcon: O,
   footerButtonOnClick: k
 }) => {
-  const O = {
+  const Z = {
     onClose: r,
     showCloseButton: d,
     closeAtCorner: L,
@@ -8522,14 +8522,14 @@ const e3 = {
     title: g,
     icon: n,
     tabs: h,
-    defaultValueTab: f,
-    onChangeTab: j,
+    defaultValueTab: v,
+    onChangeTab: H,
     headerButtonIcon: m,
     headerButtonOnClick: w,
-    footerButtonIcon: V,
+    footerButtonIcon: O,
     footerButtonOnClick: k
   };
-  return /* @__PURE__ */ i(w0.Provider, { value: O, children: o });
+  return /* @__PURE__ */ i(w0.Provider, { value: Z, children: o });
 }, h0 = () => {
   const o = M0(w0);
   if (!o)
@@ -8553,7 +8553,7 @@ const e3 = {
       size: "sm",
       fullWidth: !1
     }
-  }), [l, c] = q(r || ((d = o[0]) == null ? void 0 : d.value) || ""), C = (L) => {
+  }), [l, c] = Y(r || ((d = o[0]) == null ? void 0 : d.value) || ""), C = (L) => {
     l !== L && (c(L), t && t(L));
   }, p = s({ size: n, fullWidth: a });
   return /* @__PURE__ */ i("div", { className: U("ui-flex ui-rounded-md  ui-relative ui-bg-neutral-50", p), children: o.map((L) => /* @__PURE__ */ i(
@@ -8584,8 +8584,8 @@ const e3 = {
   headerButtonIcon: s,
   headerButtonOnClick: l
 }) => {
-  const { onClose: c, showCloseButton: C, icon: p, tabs: d, defaultValueTab: L, onChangeTab: g, headerButtonIcon: h, headerButtonOnClick: f } = h0(), j = r ?? C, m = s ?? h, w = l ?? f, V = (n == null ? void 0 : n.length) > 0 ? n : d, k = (V == null ? void 0 : V.length) ?? !1, O = a ?? g, z = e ?? L, F = (R) => {
-    O && O(R);
+  const { onClose: c, showCloseButton: C, icon: p, tabs: d, defaultValueTab: L, onChangeTab: g, headerButtonIcon: h, headerButtonOnClick: v } = h0(), H = r ?? C, m = s ?? h, w = l ?? v, O = (n == null ? void 0 : n.length) > 0 ? n : d, k = (O == null ? void 0 : O.length) ?? !1, Z = a ?? g, P = e ?? L, E = (F) => {
+    Z && Z(F);
   };
   return /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-p-4 ui-gap-x-md ui-justify-between ui-border-b ui-border-neutral-100 ui-relative ui-flex-wrap", children: [
     p && /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-center ui-bg-blue-50 ui-rounded-full ui-gap-2 ui-w-8 ui-h-8 ui-text-blue-500", children: /* @__PURE__ */ i(v1, { slot: p, size: "lg" }) }),
@@ -8603,7 +8603,7 @@ const e3 = {
           size: "lg"
         }
       ),
-      j && /* @__PURE__ */ i(
+      H && /* @__PURE__ */ i(
         e1,
         {
           onClick: c,
@@ -8616,8 +8616,8 @@ const e3 = {
         }
       )
     ] }),
-    k ? /* @__PURE__ */ i("div", { className: "sm:ui-absolute ui-flex ui-justify-center ui-w-full ui-mt-2 ui-overflow-x-auto ui-z-0", children: /* @__PURE__ */ i(r3, { options: V ?? [], defaultValue: z, size: "sm", onChange: (R) => {
-      F(R);
+    k ? /* @__PURE__ */ i("div", { className: "sm:ui-absolute ui-flex ui-justify-center ui-w-full ui-mt-2 ui-overflow-x-auto ui-z-0", children: /* @__PURE__ */ i(r3, { options: O ?? [], defaultValue: P, size: "sm", onChange: (F) => {
+      E(F);
     } }) }) : null
   ] });
 };
@@ -8625,9 +8625,9 @@ P1.displayName = "Modal.Header";
 const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", { className: U(r && "ui-p-4"), children: o }), Y1 = ({ children: o, footerButtonIcon: r, footerButtonOnClick: t }) => {
   const { onClose: n, cancelButtonText: e, successButtonText: a, onCancel: s, onSuccess: l, showCancelButton: c, showSuccessButton: C, closeAtSuccess: p, closeAtCancel: d, footerButtonIcon: L, footerButtonOnClick: g } = h0(), h = () => {
     s && s(), d && n();
-  }, f = () => {
+  }, v = () => {
     l && l(), p && n();
-  }, j = r ?? L, m = t ?? g;
+  }, H = r ?? L, m = t ?? g;
   return /* @__PURE__ */ u("div", { className: `ui-p-4 ui-border-t ui-border-neutral-100 ui-flex ${m ? "ui-justify-between" : "ui-justify-end"} ui-items-center ui-gap-2`, children: [
     m && /* @__PURE__ */ i(
       e1,
@@ -8636,14 +8636,14 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
         variant: "outlined",
         rounded: !0,
         color: "white",
-        icon: j ?? "AlignJustifyOutlined",
+        icon: H ?? "AlignJustifyOutlined",
         size: "lg",
         onClick: m
       }
     ),
     o || /* @__PURE__ */ u("div", { className: "ui-flex ui-gap-2", children: [
       c && /* @__PURE__ */ i(e1, { color: "white", variant: "outlined", onClick: h, children: e }),
-      C && /* @__PURE__ */ i(e1, { onClick: f, children: a })
+      C && /* @__PURE__ */ i(e1, { onClick: v, children: a })
     ] })
   ] });
 }, u3 = {
@@ -8670,27 +8670,27 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   onCancel: L,
   onSuccess: g,
   title: h,
-  showCancelButton: f,
-  showSuccessButton: j,
+  showCancelButton: v,
+  showSuccessButton: H,
   closeAtSuccess: m,
   closeAtCancel: w,
-  tabs: V,
+  tabs: O,
   defaultValueTab: k,
-  onChangeTab: O,
-  headerButtonIcon: z,
-  headerButtonOnClick: F,
-  footerButtonIcon: R,
-  footerButtonOnClick: Z
+  onChangeTab: Z,
+  headerButtonIcon: P,
+  headerButtonOnClick: E,
+  footerButtonIcon: F,
+  footerButtonOnClick: y
 }) => {
-  const { isVisible: Y, animateIn: H, container: v, modalRef: b } = i3({
+  const { isVisible: G, animateIn: B, container: x, modalRef: b } = i3({
     isOpen: o,
     onClose: r,
     disableEscapeClose: s,
     disableOutsideTab: l,
     disableOutsideClick: c
   });
-  if (!v || !o && !Y) return null;
-  const E = a3(e), P = l3(e), B = /* @__PURE__ */ u(
+  if (!x || !o && !G) return null;
+  const A = a3(e), R = l3(e), T = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -8703,7 +8703,7 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
           {
             className: U(
               "ui-fixed ui-inset-0 ui-bg-black ui-backdrop-blur-sm ui-transition-opacity ui-duration-200",
-              H ? "ui-opacity-40" : "ui-opacity-0"
+              B ? "ui-opacity-40" : "ui-opacity-0"
             ),
             onClick: c ? (M) => M.stopPropagation() : r
           }
@@ -8716,7 +8716,7 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
             className: U(
               "ui-relative ui-z-10 ui-w-full ui-flex ui-flex-col ui-rounded-lg ui-bg-white ui-shadow-md ui-transition-all ui-duration-200 ui-transform ui-outline-none ui-my-auto",
               u3[n],
-              H ? "ui-opacity-100 ui-scale-100 ui-translate-y-0" : "ui-opacity-0 ui-scale-95 ui-translate-y-4"
+              B ? "ui-opacity-100 ui-scale-100 ui-translate-y-0" : "ui-opacity-0 ui-scale-95 ui-translate-y-4"
             ),
             onClick: (M) => M.stopPropagation(),
             children: /* @__PURE__ */ u(
@@ -8730,23 +8730,23 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
                 successButtonText: d,
                 onCancel: L,
                 onSuccess: g,
-                showCancelButton: f,
-                showSuccessButton: j,
+                showCancelButton: v,
+                showSuccessButton: H,
                 closeAtSuccess: m,
                 closeAtCancel: w,
                 title: h,
                 icon: t,
-                headerButtonIcon: z,
-                headerButtonOnClick: F,
-                footerButtonIcon: R,
-                footerButtonOnClick: Z,
-                tabs: V,
+                headerButtonIcon: P,
+                headerButtonOnClick: E,
+                footerButtonIcon: F,
+                footerButtonOnClick: y,
+                tabs: O,
                 defaultValueTab: k,
-                onChangeTab: O,
+                onChangeTab: Z,
                 children: [
-                  !E && (a || h ? /* @__PURE__ */ i(P1, { title: h }) : null),
+                  !A && (a || h ? /* @__PURE__ */ i(P1, { title: h }) : null),
                   e && e,
-                  !P && /* @__PURE__ */ i(Y1, {})
+                  !R && /* @__PURE__ */ i(Y1, {})
                 ]
               }
             )
@@ -8755,7 +8755,7 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
       ]
     }
   );
-  return e0.createPortal(B, v);
+  return e0.createPortal(T, x);
 }, Q3 = Object.assign(d3, {
   Header: P1,
   Body: t3,
@@ -8778,122 +8778,127 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   disabled: l = !1,
   absolute: c = !1
 }) => {
-  const C = n0(), p = e || `popup-${C}`, [d, L] = q(!1), [g, h] = q({}), [f, j] = q(!1), m = t1(null), w = t1(null), V = t1(null), k = S(() => {
-    const Z = m.current, Y = w.current;
-    if (!Z || !Y) return;
-    const H = Z.getBoundingClientRect(), v = Y.getBoundingClientRect();
-    if (v.width === 0 || v.height === 0)
+  const C = n0(), p = e || `popup-${C}`, [d, L] = Y(!1), [g, h] = Y({}), [v, H] = Y(!1), m = t1(null), w = t1(null), O = t1(null), k = I(() => {
+    const y = m.current, G = w.current;
+    if (!y || !G) return;
+    const B = y.getBoundingClientRect(), x = G.getBoundingClientRect();
+    if (x.width === 0 || x.height === 0)
       return;
-    const b = window.innerWidth, E = window.innerHeight;
-    let P = 0, B = 0;
+    const b = window.innerWidth, A = window.innerHeight, R = y.offsetTop, T = y.offsetLeft, M = y.offsetWidth, f = y.offsetHeight;
+    let j = 0, V = 0;
     if (c) {
-      const X = Z.offsetTop, I = Z.offsetLeft, N = V.current, T = N.clientWidth, n1 = N.clientHeight;
-      switch (o) {
+      const Q = y.offsetTop, q = y.offsetLeft, _ = y.offsetWidth;
+      console.log({
+        relativeLeft: q,
+        relativeWidth: _,
+        position: o
+      });
+      const J = O.current;
+      switch (J.clientWidth, J.clientHeight, o) {
         case "top":
-          P = X - v.height - r, B = I + (H.width - v.width) / 2;
+          j = Q - x.height - r, V = q + (B.width - x.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          P = X + H.height + r, B = I + (H.width - v.width) / 2;
+          j = Q + B.height + r, V = q + (B.width - x.width) / 2;
           break;
         case "bottom-left":
-          P = X + H.height + r, B = I;
+          j = Q + B.height + r, V = q;
           break;
         case "bottom-right":
-          P = X + H.height + r, B = I + H.width - v.width;
+          j = Q + B.height + r, V = q + B.width - x.width;
           break;
         case "left":
-          P = X + (H.height - v.height) / 2, B = I - v.width - r;
+          j = Q + (B.height - x.height) / 2, V = q - x.width - r;
           break;
         case "right":
-          P = X + (H.height - v.height) / 2, B = I + H.width + r;
+          j = Q + (B.height - x.height) / 2, V = _ + r;
           break;
       }
-      P < 0 && (P = 0), B < 0 && o !== "bottom-right" && (B = 0), P + v.height > n1 && (P = Math.max(n1 - v.height, 0)), B + v.width > T && (B = Math.max(T - v.width, 0));
     } else {
       switch (o) {
         case "top":
-          P = H.top - v.height - r, B = H.left + (H.width - v.width) / 2;
+          j = R - x.height - r, V = T + (M - x.width) / 2;
           break;
         case "bottom":
-          P = H.bottom + r, B = H.left + (H.width - v.width) / 2;
+          j = R + f + r, V = T + (M - x.width) / 2;
           break;
         case "bottom-center":
-          P = H.bottom + r, B = H.left + (H.width - v.width) / 2;
+          j = R + f + r, V = T + (M - x.width) / 2;
           break;
         case "bottom-left":
-          P = H.bottom + r, B = H.left;
+          j = R + f + r, V = T;
           break;
         case "bottom-right":
-          P = H.bottom + r, B = H.right - v.width;
+          j = R + f + r, V = T + M - x.width;
           break;
         case "left":
-          P = H.top + (H.height - v.height) / 2, B = H.left - v.width - r;
+          j = R + (f - x.height) / 2, V = T - x.width - r;
           break;
         case "right":
-          P = H.top + (H.height - v.height) / 2, B = H.right + r;
+          j = R + (f - x.height) / 2, V = M + r;
           break;
       }
-      B < 0 && (B = 0), B + v.width > b && (B = b - v.width), P < 0 && (P = 0), P + v.height > E && (P = E - v.height), o === "bottom-right" && v.width > H.width && (B = H.right - v.width, B < 0 && (B = 0));
+      V < 0 && (V = 0), V + x.width > b && (V = b - x.width), j < 0 && (j = 0), j + x.height > A && (j = A - x.height), o === "bottom-right" && x.width > B.width && (V = B.right - x.width, V < 0 && (V = 0));
     }
-    const M = 1e3, x = parseInt(p.replace(/\D/g, "")) || 0, y = M + x % 100, $ = {
+    const n1 = 1e3, $ = parseInt(p.replace(/\D/g, "")) || 0, S = n1 + $ % 100, D = {
       position: c ? "absolute" : "fixed",
-      top: `${P}px`,
-      left: `${B}px`,
-      zIndex: y
+      top: `${j}px`,
+      left: `${V}px`,
+      zIndex: S
     };
-    h($), j(!0);
-  }, [o, r, p, c]), O = S(() => {
-    d && f && requestAnimationFrame(() => {
+    h(D), H(!0);
+  }, [o, r, p, c]), Z = I(() => {
+    d && v && requestAnimationFrame(() => {
       k();
     });
-  }, [d, f, k]), z = S(() => {
-    d && f && requestAnimationFrame(() => {
+  }, [d, v, k]), P = I(() => {
+    d && v && requestAnimationFrame(() => {
       k();
     });
-  }, [d, f, k]), F = (Z) => {
-    Z && Z.stopPropagation(), !l && (d ? R() : (s3(p), h({}), j(!1), L(!0), F1.add(p), a == null || a()));
-  }, R = () => {
-    L(!1), j(!1), F1.delete(p), s == null || s();
+  }, [d, v, k]), E = (y) => {
+    y && y.stopPropagation(), !l && (d ? F() : (s3(p), h({}), H(!1), L(!0), F1.add(p), a == null || a()));
+  }, F = () => {
+    L(!1), H(!1), F1.delete(p), s == null || s();
   };
   return W(() => {
     if (d) {
-      const Z = () => {
-        const Y = w.current;
-        if (Y) {
-          const H = Y.getBoundingClientRect();
-          H.width > 0 && H.height > 0 && H.width !== 0 && H.height !== 0 ? k() : setTimeout(() => {
-            requestAnimationFrame(Z);
+      const y = () => {
+        const G = w.current;
+        if (G) {
+          const B = G.getBoundingClientRect();
+          B.width > 0 && B.height > 0 && B.width !== 0 && B.height !== 0 ? k() : setTimeout(() => {
+            requestAnimationFrame(y);
           }, 10);
         }
       };
       setTimeout(() => {
-        requestAnimationFrame(Z);
+        requestAnimationFrame(y);
       }, 0);
     }
   }, [d, k]), p0({
     isActive: d,
     disabled: l,
     elementRef: w,
-    containerRef: V,
+    containerRef: O,
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: t,
-    onOutsideClick: R
-  }), q1(d, R, !n), X8(
-    d && f,
-    O,
-    z
+    onOutsideClick: F
+  }), q1(d, F, !n), X8(
+    d && v,
+    Z,
+    P
   ), {
     isOpen: d,
     popupStyle: g,
-    isPositioned: f,
+    isPositioned: v,
     triggerRef: m,
     popupRef: w,
-    containerRef: V,
+    containerRef: O,
     popupUniqueId: p,
-    togglePopup: F,
-    closePopup: R
+    togglePopup: E,
+    closePopup: F
   };
 }, p3 = $1(({
   children: o,
@@ -8911,27 +8916,27 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
   color: L = "white",
   size: g = "md",
   textColor: h = "inherit",
-  rounded: f = !1,
-  slotRight: j,
+  rounded: v = !1,
+  slotRight: H,
   colorIcon: m,
   tooltip: w,
-  tooltipPosition: V,
+  tooltipPosition: O,
   tooltipAlignment: k,
-  tooltipColor: O,
-  tooltipDelay: z,
-  absolute: F = !1,
-  ...R
-}, Z) => {
+  tooltipColor: Z,
+  tooltipDelay: P,
+  absolute: E = !1,
+  ...F
+}, y) => {
   const {
-    isOpen: Y,
-    popupStyle: H,
-    isPositioned: v,
+    isOpen: G,
+    popupStyle: B,
+    isPositioned: x,
     triggerRef: b,
-    popupRef: E,
-    containerRef: P,
-    popupUniqueId: B,
+    popupRef: A,
+    containerRef: R,
+    popupUniqueId: T,
     togglePopup: M,
-    closePopup: x
+    closePopup: f
   } = c3({
     position: t,
     offset: n,
@@ -8941,17 +8946,46 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
     onOpen: c,
     onClose: C,
     disabled: p,
-    absolute: F
+    absolute: E
   });
-  return U1(Z, () => ({
+  U1(y, () => ({
     open: () => {
       p || M();
     },
     close: () => {
-      x();
+      f();
     },
-    isOpen: () => Y
-  }), [p, M, x, Y]), /* @__PURE__ */ u("div", { ref: P, className: "ui-relative", "data-popup-container-id": B, children: [
+    isOpen: () => G
+  }), [p, M, f, G]);
+  const j = () => {
+    if (!G)
+      return console.log("🔍 [Popup Debug] Popup no está abierto, no renderizando"), null;
+    const V = {
+      position: E ? "absolute" : "fixed",
+      top: E ? "auto" : "-9999px",
+      left: E ? "auto" : "-9999px",
+      visibility: x ? "visible" : "hidden",
+      opacity: x ? 1 : 0,
+      transition: "opacity 0.1s ease-in-out",
+      ...B
+    }, n1 = /* @__PURE__ */ i(
+      "div",
+      {
+        ref: A,
+        id: T,
+        "data-popup-id": T,
+        style: V,
+        className: `ui-bg-white ui-border ui-border-neutral-100 ui-rounded-sm ui-shadow-lg ui-overflow-hidden ${l}`,
+        onClick: (S) => S.stopPropagation(),
+        ...F,
+        children: o
+      }
+    );
+    return E ? n1 : b1(n1, document.body);
+  };
+  return /* @__PURE__ */ u("div", { ref: R, className: U(
+    "ui-relative"
+  ), "data-popup-container-id": T, children: [
     /* @__PURE__ */ i("div", { ref: b, className: "ui-w-fit", children: /* @__PURE__ */ i(
       j1,
       {
@@ -8960,56 +8994,19 @@ const t3 = ({ children: o, withPadding: r = !0 }) => /* @__PURE__ */ i("div", {
         variant: d,
         color: L,
         size: g,
-        rounded: f,
-        slotRight: j,
+        rounded: v,
+        slotRight: H,
         colorIcon: m,
         textColor: h,
         tooltip: w,
-        tooltipPosition: V,
+        tooltipPosition: O,
         tooltipAlignment: k,
-        tooltipColor: O,
-        tooltipDelay: z,
+        tooltipColor: Z,
+        tooltipDelay: P,
         children: r || ""
       }
     ) }),
-    (() => {
-      if (!Y)
-        return console.log("🔍 [Popup Debug] Popup no está abierto, no renderizando"), null;
-      console.log("🔍 [Popup Debug] Renderizando popup:", {
-        isOpen: Y,
-        isPositioned: v,
-        popupStyle: H,
-        absolute: F,
-        popupId: B
-      });
-      const $ = {
-        position: F ? "absolute" : "fixed",
-        top: F ? "auto" : "-9999px",
-        left: F ? "auto" : "-9999px",
-        visibility: v ? "visible" : "hidden",
-        opacity: v ? 1 : 0,
-        transition: "opacity 0.1s ease-in-out",
-        ...H
-      };
-      console.log("🔍 [Popup Debug] Estilo inicial del popup:", $);
-      const X = /* @__PURE__ */ i(
-        "div",
-        {
-          ref: E,
-          id: B,
-          "data-popup-id": B,
-          style: $,
-          className: `ui-bg-white ui-border ui-border-neutral-100 ui-rounded-sm ui-shadow-lg ui-overflow-hidden ${l}`,
-          onClick: (N) => N.stopPropagation(),
-          ...R,
-          children: o
-        }
-      ), I = F ? X : b1(X, document.body);
-      return console.log("🔍 [Popup Debug] Popup renderizado:", {
-        usingPortal: !F,
-        result: !!I
-      }), I;
-    })()
+    j()
   ] });
 });
 p3.displayName = "Popup";
@@ -9038,16 +9035,16 @@ const C3 = [
   }, [o, r, l]);
   const d = (w) => {
     w >= 1 && w <= r && l(w);
-  }, [L, g] = q(t);
+  }, [L, g] = Y(t);
   W(() => {
     g(t);
   }, [t]);
-  const h = Math.min(o * (t || 0), n || 0) || 0, j = (() => {
+  const h = Math.min(o * (t || 0), n || 0) || 0, H = (() => {
     const w = Math.min(
       Math.max(o, 1),
       Math.max(r - p + 1, 1)
-    ), V = Math.min(w + p - 1, r);
-    return Array.from({ length: V - w + 1 }, (k, O) => w + O);
+    ), O = Math.min(w + p - 1, r);
+    return Array.from({ length: O - w + 1 }, (k, Z) => w + Z);
   })(), m = (w) => {
     g(w), c(w), d(1);
   };
@@ -9103,7 +9100,7 @@ const C3 = [
               "aria-label": "Ir a la página anterior"
             }
           ),
-          j.map((w) => /* @__PURE__ */ i(
+          H.map((w) => /* @__PURE__ */ i(
             e1,
             {
               square: !0,
@@ -9379,15 +9376,15 @@ const C3 = [
   name: a,
   id: s
 }) => {
-  const [l, c] = q(!1), [C, p] = q(!1), d = s || `radio-${Math.random().toString(36).substr(2, 9)}`, g = o !== void 0 ? o : r !== void 0 ? r : !1, h = S(() => t ? g ? "disabledChecked" : "disabledUnchecked" : l ? g ? "checkedActive" : "uncheckedActive" : C ? g ? "checkedHover" : "uncheckedHover" : g ? "checked" : "unchecked", [t, g, l, C]), f = S(() => {
+  const [l, c] = Y(!1), [C, p] = Y(!1), d = s || `radio-${Math.random().toString(36).substr(2, 9)}`, g = o !== void 0 ? o : r !== void 0 ? r : !1, h = I(() => t ? g ? "disabledChecked" : "disabledUnchecked" : l ? g ? "checkedActive" : "uncheckedActive" : C ? g ? "checkedHover" : "uncheckedHover" : g ? "checked" : "unchecked", [t, g, l, C]), v = I(() => {
     t || c(!0);
-  }, [t]), j = S(() => {
+  }, [t]), H = I(() => {
     c(!1);
-  }, []), m = S(() => {
+  }, []), m = I(() => {
     t || p(!0);
-  }, [t]), w = S(() => {
+  }, [t]), w = I(() => {
     p(!1), c(!1);
-  }, []), V = S((k) => {
+  }, []), O = I((k) => {
     t || (k.preventDefault(), n && n({
       target: {
         value: e,
@@ -9403,11 +9400,11 @@ const C3 = [
     isActive: l,
     isHovered: C,
     handlers: {
-      handleMouseDown: f,
-      handleMouseUp: j,
+      handleMouseDown: v,
+      handleMouseUp: H,
       handleMouseEnter: m,
       handleMouseLeave: w,
-      handleClick: V
+      handleClick: O
     }
   };
 }, M3 = ({
@@ -9423,7 +9420,7 @@ const C3 = [
   defaultChecked: C,
   ...p
 }) => {
-  const d = l !== void 0, L = d ? l : C !== void 0 ? C : !1, { state: g, radioId: h, handlers: f } = g3({
+  const d = l !== void 0, L = d ? l : C !== void 0 ? C : !1, { state: g, radioId: h, handlers: v } = g3({
     checked: l,
     defaultChecked: C,
     disabled: n,
@@ -9450,11 +9447,11 @@ const C3 = [
       "label",
       {
         htmlFor: h,
-        onClick: f.handleClick,
-        onMouseDown: f.handleMouseDown,
-        onMouseUp: f.handleMouseUp,
-        onMouseEnter: f.handleMouseEnter,
-        onMouseLeave: f.handleMouseLeave,
+        onClick: v.handleClick,
+        onMouseDown: v.handleMouseDown,
+        onMouseUp: v.handleMouseUp,
+        onMouseEnter: v.handleMouseEnter,
+        onMouseLeave: v.handleMouseLeave,
         className: U(
           "ui-relative ui-inline-flex ui-items-center ui-cursor-pointer",
           n && "ui-cursor-not-allowed"
@@ -9498,14 +9495,14 @@ const C3 = [
       }
     )
   ] });
-}, m3 = ({
+}, f3 = ({
   value: o,
   onChange: r,
   options: t
 }) => {
-  const [n, e] = q(
+  const [n, e] = Y(
     o
-  ), a = o !== void 0 ? o : n, s = S((l) => {
+  ), a = o !== void 0 ? o : n, s = I((l) => {
     r ? r(l) : e(l);
   }, [r]);
   return {
@@ -9523,7 +9520,7 @@ const C3 = [
   className: l,
   name: c
 }) => {
-  const { selectedValue: C, handleChange: p } = m3({
+  const { selectedValue: C, handleChange: p } = f3({
     value: r,
     onChange: t,
     options: o
@@ -9556,13 +9553,13 @@ const C3 = [
       ))
     }
   );
-}, f3 = ({
+}, m3 = ({
   steps: o,
   currentStep: r,
   onClickStep: t,
   onStepChange: n
 }) => {
-  const [e, a] = q(0), s = r !== void 0 ? r : e;
+  const [e, a] = Y(0), s = r !== void 0 ? r : e;
   return {
     currentStep: s,
     getColorClasses: (p) => {
@@ -9749,23 +9746,23 @@ const C3 = [
   withScroll: d = !0,
   vertical: L = !1
 }) => {
-  const { currentStep: g, getColorClasses: h, handleStepClick: f, getStepStatus: j } = f3({
+  const { currentStep: g, getColorClasses: h, handleStepClick: v, getStepStatus: H } = m3({
     steps: o,
     currentStep: c,
     onClickStep: C,
     onStepChange: p
   }), m = h(r || "blue");
-  return /* @__PURE__ */ i("div", { className: `${L ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${d ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""} mb-8` : `ui-flex ui-items-center ui-min-w-0 flex-col ${d ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""} mb-8`} ${V3({ color: r, size: t, className: n })}`, children: o.map((V, k) => {
-    const O = j(k), z = k === o.length - 1;
+  return /* @__PURE__ */ i("div", { className: `${L ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${d ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${d ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${V3({ color: r, size: t, className: n })}`, children: o.map((O, k) => {
+    const Z = H(k), P = k === o.length - 1;
     return /* @__PURE__ */ i(
       j3,
       {
-        step: V,
+        step: O,
         stepIndex: k,
-        status: O,
+        status: Z,
         colorClasses: m,
-        isLast: z,
-        onStepClick: f,
+        isLast: P,
+        onStepClick: v,
         classNameStep: e,
         classNameStepLabel: a,
         classNameStepIcon: s,
@@ -9950,7 +9947,7 @@ const Z1 = /* @__PURE__ */ new Map(), R1 = {
     return D1;
   }
 }, B3 = () => {
-  const [o, r] = q([]), t = t1(/* @__PURE__ */ new Map()), n = t1(null);
+  const [o, r] = Y([]), t = t1(/* @__PURE__ */ new Map()), n = t1(null);
   return W(() => {
     const a = R1.getListeners();
     if (n.current) {
@@ -9981,7 +9978,7 @@ const Z1 = /* @__PURE__ */ new Map(), R1 = {
       const l = a.indexOf(s);
       l > -1 && a.splice(l, 1), t.current.forEach((c) => clearTimeout(c)), t.current.clear(), n.current = null;
     };
-  }, []), { toastsByPosition: f1(() => o.reduce((a, s) => {
+  }, []), { toastsByPosition: m1(() => o.reduce((a, s) => {
     const l = s.position || "top-right";
     return a[l] || (a[l] = []), a[l].push(s), a;
   }, {}), [o]), toasts: o };
@@ -9998,7 +9995,7 @@ const Z1 = /* @__PURE__ */ new Map(), R1 = {
     "bottom-right": "ui-fixed ui-bottom-5 ui-right-5"
   })[r]
 }), S3 = ({ toastItem: o }) => {
-  const [r, t] = q(!0);
+  const [r, t] = Y(!0);
   W(() => {
     o.isLeaving && setTimeout(() => {
       t(!1);
@@ -10103,7 +10100,7 @@ export {
   h0 as useModalContext,
   B8 as usePortal,
   g3 as useRadioButton,
-  m3 as useRadioButtonGroup,
-  f3 as useStepper
+  f3 as useRadioButtonGroup,
+  m3 as useStepper
 };
 //# sourceMappingURL=index.esm.js.map