@imj_media/ui 1.0.44 → 1.0.45

package/dist/index.esm.js

@@ -18270,7 +18270,7 @@ function j1({
   let L = q1[r];
   if (L || (L = d0[r]), !L)
     return console.warn(`Icono "${r}" no encontrado en ninguna variante`), null;
-  const p = L === q1[r] ? "outline" : "fill", l = V8[o], w = N1[t === "current" && p === "fill" ? "white" : t] || N1.blue, h = N1[n] || N1.black, x = /* @__PURE__ */ i(
+  const p = L === q1[r] ? "outline" : "fill", l = V8[o], w = N1[t === "current" && p === "fill" ? "white" : t] || N1.blue, h = N1[n] || N1.black, j = /* @__PURE__ */ i(
     L,
     {
       width: l,
@@ -18279,15 +18279,15 @@ function j1({
       ...c,
       strokeWidth: d
     }
-  ), M = (b) => {
-    s && (b.stopPropagation(), s(b));
+  ), v = (x) => {
+    s && (x.stopPropagation(), s(x));
   };
   return s ? /* @__PURE__ */ i(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      onClick: M,
+      onClick: v,
       className: Y(
         e,
         "ui-inline-block ui-cursor-pointer ui-rounded-full ui-p-1 ui-transition-all ui-duration-200",
@@ -18297,7 +18297,7 @@ function j1({
       style: {
         "--tw-shadow-color": w
       },
-      children: x
+      children: j
     }
   ) : /* @__PURE__ */ i(
     "i",
@@ -18307,7 +18307,7 @@ function j1({
         "ui-inline-block",
         a ? "ui-rounded-full ui-bg-blue-50 ui-p-2" : ""
       ),
-      children: x
+      children: j
     }
   );
 }
@@ -18689,67 +18689,67 @@ const H8 = ({
     }
   ) : d ? /* @__PURE__ */ i(y8, { name: r, size: e ? "sm" : n, className: o }) : typeof r == "string" ? /* @__PURE__ */ i(O8, { slot: r, className: o, size: e ? "lg" : n }) : null;
 }, Z8 = (r = "top", o = "center", t = !1, n = 0, e = !1) => {
-  const [a, c] = X(!1), [d, s] = X({ top: 0, left: 0 }), [L, p] = X({ width: 0, height: 0 }), [l, C] = X(r), w = t1(null), h = t1(null), f = t1(null), x = t1(null), M = t1(null), b = t1(null), V = t1(null), j = t1({ top: 0, left: 0 }), H = t1({ count: 0, lastTime: 0 }), Z = P(() => {
-    c(!1), s({ top: 0, left: 0 }), C(r), V.current = null, H.current.count = 0, H.current.lastTime = 0, j.current = { top: 0, left: 0 };
+  const [a, c] = X(!1), [d, s] = X({ top: 0, left: 0 }), [L, p] = X({ width: 0, height: 0 }), [l, C] = X(r), w = t1(null), h = t1(null), f = t1(null), j = t1(null), v = t1(null), x = t1(null), V = t1(null), b = t1({ top: 0, left: 0 }), H = t1({ count: 0, lastTime: 0 }), y = P(() => {
+    c(!1), s({ top: 0, left: 0 }), C(r), V.current = null, H.current.count = 0, H.current.lastTime = 0, b.current = { top: 0, left: 0 };
   }, [r]), D = P(() => {
     if (!w.current || !a) return;
-    const v = w.current.getBoundingClientRect(), g = { top: v.top, left: v.left };
+    const m = w.current.getBoundingClientRect(), g = { top: m.top, left: m.left };
     if (V.current) {
       const k = V.current, O = 2;
       if (Math.abs(g.top - k.top) > O || Math.abs(g.left - k.left) > O) {
-        Z();
+        y();
         return;
       }
     }
     V.current = g;
-  }, [a, Z]), U = P(() => {
+  }, [a, y]), U = P(() => {
     var q, z, Q, G, J, R;
     if (!w.current || !h.current) return;
-    const v = w.current.getBoundingClientRect(), g = h.current.getBoundingClientRect(), k = 8;
-    let O = 0, m = 0;
+    const m = w.current.getBoundingClientRect(), g = h.current.getBoundingClientRect(), k = 8;
+    let O = 0, M = 0;
     if (t) {
-      const y = (q = f.current) == null ? void 0 : q.getBoundingClientRect();
-      if (!y) return;
-      const B = v.top - y.top, T = v.left - y.left;
+      const Z = (q = f.current) == null ? void 0 : q.getBoundingClientRect();
+      if (!Z) return;
+      const B = m.top - Z.top, T = m.left - Z.left;
       switch (r) {
         case "top":
-          O = B - g.height - k, m = T + v.width / 2 - g.width / 2;
+          O = B - g.height - k, M = T + m.width / 2 - g.width / 2;
           break;
         case "bottom":
-          O = B + v.height + k, m = T + v.width / 2 - g.width / 2;
+          O = B + m.height + k, M = T + m.width / 2 - g.width / 2;
           break;
         case "left":
-          O = B + v.height / 2 - g.height / 2, m = T - g.width - k;
+          O = B + m.height / 2 - g.height / 2, M = T - g.width - k;
           break;
         case "right":
-          O = B + v.height / 2 - g.height / 2, m = T + v.width + k;
+          O = B + m.height / 2 - g.height / 2, M = T + m.width + k;
           break;
         case "top-left":
-          O = B - g.height - k, m = T;
+          O = B - g.height - k, M = T;
           break;
         case "top-right":
-          O = B - g.height - k, m = T + v.width - g.width;
+          O = B - g.height - k, M = T + m.width - g.width;
           break;
         case "bottom-left":
-          O = B + v.height + k, m = T;
+          O = B + m.height + k, M = T;
           break;
         case "bottom-right":
-          O = B + v.height + k, m = T + v.width - g.width;
+          O = B + m.height + k, M = T + m.width - g.width;
           break;
         case "right-top":
-          O = B, m = T + v.width + k;
+          O = B, M = T + m.width + k;
           break;
         case "right-bottom":
-          O = B + v.height - g.height, m = T + v.width + k;
+          O = B + m.height - g.height, M = T + m.width + k;
           break;
         case "left-top":
-          O = B, m = T - g.width - k;
+          O = B, M = T - g.width - k;
           break;
         case "left-bottom":
-          O = B + v.height - g.height, m = T - g.width - k;
+          O = B + m.height - g.height, M = T - g.width - k;
           break;
       }
-      O < 0 && (O = 0), m < 0 && (m = 0), (() => {
+      O < 0 && (O = 0), M < 0 && (M = 0), (() => {
         var _;
         const u1 = (_ = f.current) == null ? void 0 : _.getBoundingClientRect();
         if (!u1) return;
@@ -18759,27 +18759,27 @@ const H8 = ({
             case "top":
               return B >= g.height + k;
             case "bottom":
-              return B + v.height + k + g.height <= u1.height;
+              return B + m.height + k + g.height <= u1.height;
             case "left":
               return T >= g.width + k;
             case "right":
-              return T + v.width + k + g.width <= u1.width;
+              return T + m.width + k + g.width <= u1.width;
             default:
               return !0;
           }
-        })() && (r === "top" ? B + v.height + k + g.height <= u1.height && (F = "bottom", i1 = !0) : r === "bottom" ? B >= g.height + k && (F = "top", i1 = !0) : r === "left" ? T + v.width + k + g.width <= u1.width && (F = "right", i1 = !0) : r === "right" && T >= g.width + k && (F = "left", i1 = !0), i1)) {
+        })() && (r === "top" ? B + m.height + k + g.height <= u1.height && (F = "bottom", i1 = !0) : r === "bottom" ? B >= g.height + k && (F = "top", i1 = !0) : r === "left" ? T + m.width + k + g.width <= u1.width && (F = "right", i1 = !0) : r === "right" && T >= g.width + k && (F = "left", i1 = !0), i1)) {
           switch (F) {
             case "top":
-              O = B - g.height - k, m = T + v.width / 2 - g.width / 2;
+              O = B - g.height - k, M = T + m.width / 2 - g.width / 2;
               break;
             case "bottom":
-              O = B + v.height + k, m = T + v.width / 2 - g.width / 2;
+              O = B + m.height + k, M = T + m.width / 2 - g.width / 2;
               break;
             case "left":
-              O = B + v.height / 2 - g.height / 2, m = T - g.width - k;
+              O = B + m.height / 2 - g.height / 2, M = T - g.width - k;
               break;
             case "right":
-              O = B + v.height / 2 - g.height / 2, m = T + v.width + k;
+              O = B + m.height / 2 - g.height / 2, M = T + m.width + k;
               break;
           }
           C(F);
@@ -18788,139 +18788,139 @@ const H8 = ({
     } else
       switch (r) {
         case "top":
-          O = v.top - g.height - k, m = v.left + v.width / 2 - g.width / 2;
+          O = m.top - g.height - k, M = m.left + m.width / 2 - g.width / 2;
           break;
         case "bottom":
-          O = v.bottom + k, m = v.left + v.width / 2 - g.width / 2;
+          O = m.bottom + k, M = m.left + m.width / 2 - g.width / 2;
           break;
         case "left":
-          O = v.top + v.height / 2 - g.height / 2, m = v.left - g.width - k;
+          O = m.top + m.height / 2 - g.height / 2, M = m.left - g.width - k;
           break;
         case "right":
-          O = v.top + v.height / 2 - g.height / 2, m = v.right + k;
+          O = m.top + m.height / 2 - g.height / 2, M = m.right + k;
           break;
         case "top-left":
-          O = v.top - g.height - k, m = v.left;
+          O = m.top - g.height - k, M = m.left;
           break;
         case "top-right":
-          O = v.top - g.height - k, m = v.right - g.width;
+          O = m.top - g.height - k, M = m.right - g.width;
           break;
         case "bottom-left":
-          O = v.bottom + k, m = v.left;
+          O = m.bottom + k, M = m.left;
           break;
         case "bottom-right":
-          O = v.bottom + k, m = v.right - g.width;
+          O = m.bottom + k, M = m.right - g.width;
           break;
         case "right-top":
-          O = v.top, m = v.right + k;
+          O = m.top, M = m.right + k;
           break;
         case "right-bottom":
-          O = v.bottom - g.height, m = v.right + k;
+          O = m.bottom - g.height, M = m.right + k;
           break;
         case "left-top":
-          O = v.top, m = v.left - g.width - k;
+          O = m.top, M = m.left - g.width - k;
           break;
         case "left-bottom":
-          O = v.bottom - g.height, m = v.left - g.width - k;
+          O = m.bottom - g.height, M = m.left - g.width - k;
           break;
       }
     if (r.includes("top") || r.includes("bottom"))
       switch (o) {
         case "start":
           if (t) {
-            const y = (z = f.current) == null ? void 0 : z.getBoundingClientRect();
-            y && (m = v.left - y.left);
+            const Z = (z = f.current) == null ? void 0 : z.getBoundingClientRect();
+            Z && (M = m.left - Z.left);
           } else
-            m = v.left;
+            M = m.left;
           break;
         case "end":
           if (t) {
-            const y = (Q = f.current) == null ? void 0 : Q.getBoundingClientRect();
-            y && (m = v.right - y.left - g.width);
+            const Z = (Q = f.current) == null ? void 0 : Q.getBoundingClientRect();
+            Z && (M = m.right - Z.left - g.width);
           } else
-            m = v.right - g.width;
+            M = m.right - g.width;
           break;
       }
     else if (r.includes("left") || r.includes("right"))
       switch (o) {
         case "start":
           if (t) {
-            const y = (G = f.current) == null ? void 0 : G.getBoundingClientRect();
-            y && (O = v.top - y.top);
+            const Z = (G = f.current) == null ? void 0 : G.getBoundingClientRect();
+            Z && (O = m.top - Z.top);
           } else
-            O = v.top;
+            O = m.top;
           break;
         case "end":
           if (t) {
-            const y = (J = f.current) == null ? void 0 : J.getBoundingClientRect();
-            y && (O = v.bottom - y.top - g.height);
+            const Z = (J = f.current) == null ? void 0 : J.getBoundingClientRect();
+            Z && (O = m.bottom - Z.top - g.height);
           } else
-            O = v.bottom - g.height;
+            O = m.bottom - g.height;
           break;
       }
     if (t) {
-      const y = (R = f.current) == null ? void 0 : R.getBoundingClientRect();
-      y && (m < 8 && (m = 8), m + g.width > y.width - 8 && (m = y.width - g.width - 8), O < 8 && (O = 8), O + g.height > y.height - 8 && (O = y.height - g.height - 8));
+      const Z = (R = f.current) == null ? void 0 : R.getBoundingClientRect();
+      Z && (M < 8 && (M = 8), M + g.width > Z.width - 8 && (M = Z.width - g.width - 8), O < 8 && (O = 8), O + g.height > Z.height - 8 && (O = Z.height - g.height - 8));
     } else {
-      const y = window.innerWidth, B = window.innerHeight, T = 8;
-      m < T && (m = T), m + g.width > y - T && (m = y - g.width - T), O < T && (O = T), O + g.height > B - T && (O = B - g.height - T);
+      const Z = window.innerWidth, B = window.innerHeight, T = 8;
+      M < T && (M = T), M + g.width > Z - T && (M = Z - g.width - T), O < T && (O = T), O + g.height > B - T && (O = B - g.height - T);
     }
-    if (isNaN(O) || isNaN(m) || O < 0 || m < 0) {
-      Z();
+    if (isNaN(O) || isNaN(M) || O < 0 || M < 0) {
+      y();
       return;
     }
     const I = Date.now();
     if (I - H.current.lastTime < 100) {
       if (H.current.count++, H.current.count > 5) {
-        Z();
+        y();
         return;
       }
     } else
       H.current.count = 0;
-    H.current.lastTime = I, j.current = { top: O, left: m }, s({ top: O, left: m });
-  }, [r, o, t, Z]);
+    H.current.lastTime = I, b.current = { top: O, left: M }, s({ top: O, left: M });
+  }, [r, o, t, y]);
   W(() => (a && h.current ? (requestAnimationFrame(() => {
     if (U(), w.current) {
-      const v = w.current.getBoundingClientRect();
-      V.current = { top: v.top, left: v.left };
+      const m = w.current.getBoundingClientRect();
+      V.current = { top: m.top, left: m.left };
     }
-  }), b.current = setInterval(D, 100)) : b.current && (clearInterval(b.current), b.current = null), () => {
-    b.current && (clearInterval(b.current), b.current = null);
+  }), x.current = setInterval(D, 100)) : x.current && (clearInterval(x.current), x.current = null), () => {
+    x.current && (clearInterval(x.current), x.current = null);
   }), [a, U, D]), W(() => {
     if (w.current)
-      return M.current = new IntersectionObserver(
-        (v) => {
-          v.forEach((g) => {
-            !g.isIntersecting && a && Z();
+      return v.current = new IntersectionObserver(
+        (m) => {
+          m.forEach((g) => {
+            !g.isIntersecting && a && y();
           });
         },
         {
           threshold: 0,
           rootMargin: "8px"
         }
-      ), M.current.observe(w.current), () => {
-        M.current && M.current.disconnect();
+      ), v.current.observe(w.current), () => {
+        v.current && v.current.disconnect();
       };
-  }, [a, Z]), W(() => {
+  }, [a, y]), W(() => {
     if (!a) return;
-    const v = () => {
-      t || Z();
+    const m = () => {
+      t || y();
     }, g = () => {
-      Z();
+      y();
     };
-    return window.addEventListener("scroll", v, !0), window.addEventListener("resize", g), () => {
-      window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", g);
+    return window.addEventListener("scroll", m, !0), window.addEventListener("resize", g), () => {
+      window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", g);
     };
-  }, [a, t, Z]);
+  }, [a, t, y]);
   const A = P(() => {
-    e || (x.current && (clearTimeout(x.current), x.current = null), n > 0 ? x.current = setTimeout(() => {
+    e || (j.current && (clearTimeout(j.current), j.current = null), n > 0 ? j.current = setTimeout(() => {
       c(!0);
     }, n) : c(!0));
   }, [e, n]), S = P(() => {
-    x.current && (clearTimeout(x.current), x.current = null), c(!1), s({ top: 0, left: 0 });
+    j.current && (clearTimeout(j.current), j.current = null), c(!1), s({ top: 0, left: 0 });
   }, []);
   return W(() => () => {
-    x.current && clearTimeout(x.current), b.current && clearInterval(b.current);
+    j.current && clearTimeout(j.current), x.current && clearInterval(x.current);
   }, []), {
     isVisible: a,
     coords: d,
@@ -19145,21 +19145,21 @@ const H8 = ({
   const {
     isVisible: h,
     coords: f,
-    adjustedPosition: x,
-    triggerRef: M,
-    tooltipRef: b,
+    adjustedPosition: j,
+    triggerRef: v,
+    tooltipRef: x,
     containerRef: V,
-    handleMouseEnter: j,
+    handleMouseEnter: b,
     handleMouseLeave: H
-  } = Z8(t, n, C, c, d), Z = S8(e, C), D = I8(x, e);
+  } = Z8(t, n, C, c, d), y = S8(e, C), D = I8(j, e);
   return /* @__PURE__ */ u("div", { ref: V, className: C ? "ui-relative" : "", children: [
     /* @__PURE__ */ i(
       "div",
       {
-        ref: M,
-        onMouseEnter: j,
+        ref: v,
+        onMouseEnter: b,
         onMouseLeave: H,
-        onFocus: j,
+        onFocus: b,
         onBlur: H,
         className: Y("ui-inline-block ui-h-fit ui-w-fit", L ? "ui-w-full" : "ui-w-fit"),
         children: r
@@ -19168,10 +19168,10 @@ const H8 = ({
     h && (C ? /* @__PURE__ */ u(
       "div",
       {
-        ref: b,
+        ref: x,
         id: a,
         className: Y(
-          Z,
+          y,
           "imj-ui-tooltip ui-font-bold",
           s
         ),
@@ -19193,10 +19193,10 @@ const H8 = ({
       /* @__PURE__ */ u(
         "div",
         {
-          ref: b,
+          ref: x,
           id: a,
           className: Y(
-            Z,
+            y,
             "imj-ui-tooltip ui-font-bold",
             s
           ),
@@ -19335,22 +19335,22 @@ const H8 = ({
   clickable: w = !0,
   icon: h,
   link: f,
-  size: x,
-  square: M = !1,
-  target: b = "_self",
+  size: j,
+  square: v = !1,
+  target: x = "_self",
   onClickIcon: V,
-  onClickLeftSlot: j,
+  onClickLeftSlot: b,
   onClickRightSlot: H,
-  disabled: Z,
+  disabled: y,
   colorIcon: D,
   showShadow: U = !1,
   borderable: A,
   iconSizeExtended: S = "none",
-  defaultSizeIcon: v = !0,
+  defaultSizeIcon: m = !0,
   defaultTooltipColor: g = !0,
   as: k = "button",
   classNameId: O = "imj-ui-inner-button",
-  tooltip: m = "",
+  tooltip: M = "",
   tooltipPosition: I,
   tooltipAlignment: N,
   tooltipColor: q = "neutral",
@@ -19359,7 +19359,7 @@ const H8 = ({
   classNameTooltip: G,
   stopPropagation: J = !0,
   pointer: R = !1,
-  ref: y,
+  ref: Z,
   onClick: B,
   textAlign: T = "center",
   whiteBackground: e1 = !1,
@@ -19368,8 +19368,8 @@ const H8 = ({
   ...i1
 }) => {
   const $ = {
-    disabled: Z
-  }, _ = a === "icon", r1 = _ ? !0 : v, n1 = _ ? "xs" : x, p1 = (L1) => {
+    disabled: y
+  }, _ = a === "icon", r1 = _ ? !0 : m, n1 = _ ? "xs" : j, p1 = (L1) => {
     J && L1.stopPropagation(), B && B(L1);
   }, s1 = c1("", {
     variants: {
@@ -19401,10 +19401,10 @@ const H8 = ({
       b1,
       {
         slot: n,
-        size: x,
+        size: j,
         colorIcon: D,
         className: r,
-        onClick: j,
+        onClick: b,
         defaultSizeIcon: r1,
         strokeWidth: u1
       }
@@ -19429,7 +19429,7 @@ const H8 = ({
       {
         strokeWidth: u1,
         name: h,
-        size: a === "icon" ? x : S !== "none" ? S : x,
+        size: a === "icon" ? j : S !== "none" ? S : j,
         color: D,
         onClick: a === "icon" ? B || V : void 0
       }
@@ -19438,7 +19438,7 @@ const H8 = ({
       b1,
       {
         slot: e,
-        size: S !== "none" ? S : x,
+        size: S !== "none" ? S : j,
         colorIcon: D,
         className: r,
         onClick: H,
@@ -19446,7 +19446,7 @@ const H8 = ({
         strokeWidth: u1
       }
     )
-  ] }), a1 = M ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", v1 = g ? q || "neutral" : L, M1 = c1(
+  ] }), a1 = v ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", v1 = g ? q || "neutral" : L, M1 = c1(
     `${O} ui-h-fit ui-justify-center ui-flex ui-items-center ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${U && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${R && _ ? "!ui-cursor-pointer" : ""} ${F ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
@@ -19458,13 +19458,13 @@ const H8 = ({
           icon: " ui-border-transparent"
         },
         size: {
-          xs: `ui-max-h-5 ui-min-h-5 ui-min-w-5 ${l ? "ui-px-1 ui-py-0.5" : "ui-p-0.5 ui-w-5 ui-flex ui-justify-center ui-items-center"} ui-h-5 ui-text-[10px] ${M ? ` ui-max-w-5 ui-min-h-5 ${a1}` : ""}`,
-          sm: `ui-max-h-6 ui-min-h-6 ui-min-w-6 ${l ? "ui-px-2 ui-py-1" : "ui-p-1 ui-w-6 ui-flex ui-justify-center ui-items-center"} ui-h-6 ui-text-[10px] ${M ? ` ui-max-w-6 ui-min-h-6 ${a1}` : ""}`,
-          md: `ui-max-h-[26px] ui-min-h-[26px] ui-min-w-[26px] ${l ? "ui-px-3 ui-py-1.5" : "ui-p-1.5 ui-w-[26px] ui-flex ui-justify-center ui-items-center"} ui-h-[26px] ui-text-[12px] ${M ? ` ui-max-w-[26px] ui-min-h-[26px] ${a1}` : ""}`,
-          lg: `ui-max-h-[32px] ui-min-h-[32px] ui-min-w-[32px] ${l ? "ui-px-4 ui-py-2" : "ui-p-2 ui-w-[32px] ui-flex ui-justify-center ui-items-center"} ui-h-[32px] ui-text-[14px] ${M ? ` ui-max-w-[32px] ui-min-h-[32px] ${a1}` : ""}`,
-          xl: `ui-max-h-[42px] ui-min-h-[42px] ui-min-w-[42px] ${l ? "ui-px-5 ui-py-2.5" : "ui-p-2.5 ui-w-[42px] ui-flex ui-justify-center ui-items-center"} ui-h-[42px] ui-text-[16px] ${M ? ` ui-max-w-[42px] ui-min-h-[42px] ${a1}` : ""}`,
-          "2xl": `ui-max-h-[52px] ui-min-h-[52px] ui-min-w-[52px] ${l ? "ui-px-6 ui-py-3" : "ui-p-3 ui-w-[52px] ui-flex ui-justify-center ui-items-center"} ui-h-[52px] ui-text-[18px] ${M ? ` ui-max-w-[52px] ui-min-h-[52px] ${a1}` : ""}`,
-          "3xl": `ui-max-h-[62px] ui-min-h-[62px] ui-min-w-[62px] ${l ? "ui-px-7 ui-py-3.5" : "ui-p-3.5 ui-w-[62px] ui-flex ui-justify-center ui-items-center"} ui-h-[62px] ui-text-[20px] ${M ? `ui-max-w-[62px] ui-min-h-[62px] ${a1}` : ""}`
+          xs: `ui-max-h-5 ui-min-h-5 ui-min-w-5 ${l ? "ui-px-1 ui-py-0.5" : "ui-p-0.5 ui-w-5 ui-flex ui-justify-center ui-items-center"} ui-h-5 ui-text-[10px] ${v ? ` ui-max-w-5 ui-min-h-5 ${a1}` : ""}`,
+          sm: `ui-max-h-6 ui-min-h-6 ui-min-w-6 ${l ? "ui-px-2 ui-py-1" : "ui-p-1 ui-w-6 ui-flex ui-justify-center ui-items-center"} ui-h-6 ui-text-[10px] ${v ? ` ui-max-w-6 ui-min-h-6 ${a1}` : ""}`,
+          md: `ui-max-h-[26px] ui-min-h-[26px] ui-min-w-[26px] ${l ? "ui-px-3 ui-py-1.5" : "ui-p-1.5 ui-w-[26px] ui-flex ui-justify-center ui-items-center"} ui-h-[26px] ui-text-[12px] ${v ? ` ui-max-w-[26px] ui-min-h-[26px] ${a1}` : ""}`,
+          lg: `ui-max-h-[32px] ui-min-h-[32px] ui-min-w-[32px] ${l ? "ui-px-4 ui-py-2" : "ui-p-2 ui-w-[32px] ui-flex ui-justify-center ui-items-center"} ui-h-[32px] ui-text-[14px] ${v ? ` ui-max-w-[32px] ui-min-h-[32px] ${a1}` : ""}`,
+          xl: `ui-max-h-[42px] ui-min-h-[42px] ui-min-w-[42px] ${l ? "ui-px-5 ui-py-2.5" : "ui-p-2.5 ui-w-[42px] ui-flex ui-justify-center ui-items-center"} ui-h-[42px] ui-text-[16px] ${v ? ` ui-max-w-[42px] ui-min-h-[42px] ${a1}` : ""}`,
+          "2xl": `ui-max-h-[52px] ui-min-h-[52px] ui-min-w-[52px] ${l ? "ui-px-6 ui-py-3" : "ui-p-3 ui-w-[52px] ui-flex ui-justify-center ui-items-center"} ui-h-[52px] ui-text-[18px] ${v ? ` ui-max-w-[52px] ui-min-h-[52px] ${a1}` : ""}`,
+          "3xl": `ui-max-h-[62px] ui-min-h-[62px] ui-min-w-[62px] ${l ? "ui-px-7 ui-py-3.5" : "ui-p-3.5 ui-w-[62px] ui-flex ui-justify-center ui-items-center"} ui-h-[62px] ui-text-[20px] ${v ? `ui-max-w-[62px] ui-min-h-[62px] ${a1}` : ""}`
         },
         color: {
           blue: C1(a, w, A, e1).blue,
@@ -19485,7 +19485,7 @@ const H8 = ({
         },
         fullWidth: {
           true: "ui-w-full",
-          false: !M && !h && l ? "ui-min-w-fit" : ""
+          false: !v && !h && l ? "ui-min-w-fit" : ""
         }
       },
       defaultVariants: {
@@ -19506,16 +19506,16 @@ const H8 = ({
   return f ? /* @__PURE__ */ i(
     "a",
     {
-      ref: y,
+      ref: Z,
       href: f,
-      target: b,
+      target: x,
       className: Y(M1, r),
       children: d1()
     }
   ) : k === "div" ? /* @__PURE__ */ i(
     o0,
     {
-      label: m,
+      label: M,
       position: I,
       alignment: N,
       absolute: Q,
@@ -19526,7 +19526,7 @@ const H8 = ({
       children: /* @__PURE__ */ i(
         "div",
         {
-          ref: y,
+          ref: Z,
           className: Y(M1, r),
           ...i1,
           children: d1()
@@ -19536,7 +19536,7 @@ const H8 = ({
   ) : /* @__PURE__ */ i(
     o0,
     {
-      label: m,
+      label: M,
       position: I,
       alignment: N,
       color: v1,
@@ -19546,7 +19546,7 @@ const H8 = ({
       children: /* @__PURE__ */ i(
         "button",
         {
-          ref: y,
+          ref: Z,
           className: Y(M1, r),
           ...$,
           ...i1,
@@ -20054,19 +20054,19 @@ const H8 = ({
   progressBarColor: h = !1,
   duration: f = 3e3
 }) => {
-  const { isVisible: x, isLeaving: M } = R8({ open: r, externalIsLeaving: w });
-  if (!x)
+  const { isVisible: j, isLeaving: v } = R8({ open: r, externalIsLeaving: w });
+  if (!j)
     return null;
-  const b = !!d, V = (j) => {
-    d && (j.stopPropagation(), d());
+  const x = !!d, V = (b) => {
+    d && (b.stopPropagation(), d());
   };
   return /* @__PURE__ */ u(
     "div",
     {
       className: Y(
         "ui-relative ui-overflow-hidden",
-        E8({ type: o, variant: t, isLeaving: M, animation: C }),
-        b ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
+        E8({ type: o, variant: t, isLeaving: v, animation: C }),
+        x ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
       ),
       onClick: V,
       children: [
@@ -20124,13 +20124,13 @@ const H8 = ({
   icon: w,
   link: h,
   size: f,
-  target: x = "_self",
-  onClickIcon: M,
-  disabled: b,
+  target: j = "_self",
+  onClickIcon: v,
+  disabled: x,
   colorIcon: V,
-  tooltip: j,
+  tooltip: b,
   tooltipPosition: H,
-  tooltipAlignment: Z,
+  tooltipAlignment: y,
   tooltipColor: D,
   tooltipDelay: U,
   ...A
@@ -20152,14 +20152,14 @@ const H8 = ({
     slotLeft: n,
     slotRight: e,
     link: h,
-    target: x,
-    onClickIcon: M,
-    disabled: b,
+    target: j,
+    onClickIcon: v,
+    disabled: x,
     colorIcon: V,
     className: o,
-    tooltip: j,
+    tooltip: b,
     tooltipPosition: H,
-    tooltipAlignment: Z,
+    tooltipAlignment: y,
     tooltipColor: D,
     tooltipDelay: U,
     ...A
@@ -20261,17 +20261,17 @@ const Y8 = (r) => {
     internalRange: { start: null, end: null },
     hoverDate: null,
     portalPosition: { top: 0, left: 0 }
-  }), [L, p] = X(!1), l = t1(null), C = o === "single" ? t !== void 0 : n !== void 0, w = o === "single" ? t == null : n === void 0, h = o === "single" ? w ? d.internalDate : t : null, f = o === "range" ? w ? d.internalRange : n : { start: null, end: null }, x = (m) => m && m instanceof Date && !isNaN(m.getTime()), M = x(h) ? h : null, b = {
-    start: x(f == null ? void 0 : f.start) ? f.start : null,
-    end: x(f == null ? void 0 : f.end) ? f.end : null
+  }), [L, p] = X(!1), l = t1(null), C = o === "single" ? t !== void 0 : n !== void 0, w = o === "single" ? t == null : n === void 0, h = o === "single" ? w ? d.internalDate : t : null, f = o === "range" ? w ? d.internalRange : n : { start: null, end: null }, j = (M) => M && M instanceof Date && !isNaN(M.getTime()), v = j(h) ? h : null, x = {
+    start: j(f == null ? void 0 : f.start) ? f.start : null,
+    end: j(f == null ? void 0 : f.end) ? f.end : null
   }, V = P(() => {
     if (l.current) {
-      const m = l.current.getInputElement();
-      if (m) {
-        const I = m.getBoundingClientRect(), N = window.innerHeight, q = window.innerWidth, z = 320, Q = 256, G = 8;
+      const M = l.current.getInputElement();
+      if (M) {
+        const I = M.getBoundingClientRect(), N = window.innerHeight, q = window.innerWidth, z = 320, Q = 256, G = 8;
         let J, R = I.left;
-        const y = N - I.bottom, B = I.top;
-        y >= z + G ? J = I.bottom + G : B >= z + G ? J = I.top - z + G : y > B ? J = I.bottom + G : J = I.top - z + G, I.left + Q > q && (R = I.right - Q), R = Math.max(0, Math.min(R, q - Q)), s((T) => ({
+        const Z = N - I.bottom, B = I.top;
+        Z >= z + G ? J = I.bottom + G : B >= z + G ? J = I.top - z + G : Z > B ? J = I.bottom + G : J = I.top - z + G, I.left + Q > q && (R = I.right - Q), R = Math.max(0, Math.min(R, q - Q)), s((T) => ({
           ...T,
           isOpen: !0,
           portalPosition: { top: J, left: R }
@@ -20279,109 +20279,109 @@ const Y8 = (r) => {
         return;
       }
     }
-    s((m) => ({ ...m, isOpen: !0 })), p(!1);
-  }, []), j = P(() => {
-    s((m) => ({ ...m, isOpen: !1 })), p(!1);
-  }, []), H = P((m) => {
-    s((I) => ({ ...I, currentDate: m }));
-  }, []), Z = P((m) => {
-    s((I) => ({ ...I, viewMode: m }));
-  }, []), D = P((m) => {
+    s((M) => ({ ...M, isOpen: !0 })), p(!1);
+  }, []), b = P(() => {
+    s((M) => ({ ...M, isOpen: !1 })), p(!1);
+  }, []), H = P((M) => {
+    s((I) => ({ ...I, currentDate: M }));
+  }, []), y = P((M) => {
+    s((I) => ({ ...I, viewMode: M }));
+  }, []), D = P((M) => {
     s((I) => {
       const N = new Date(I.currentDate);
       switch (I.viewMode) {
         case "days":
-          N.setMonth(N.getMonth() + (m === "next" ? 1 : -1));
+          N.setMonth(N.getMonth() + (M === "next" ? 1 : -1));
           break;
         case "months":
-          N.setFullYear(N.getFullYear() + (m === "next" ? 1 : -1));
+          N.setFullYear(N.getFullYear() + (M === "next" ? 1 : -1));
           break;
         case "years":
-          N.setFullYear(N.getFullYear() + (m === "next" ? 12 : -12));
+          N.setFullYear(N.getFullYear() + (M === "next" ? 12 : -12));
           break;
       }
       return { ...I, currentDate: N };
     });
   }, []), U = P(
-    (m) => {
+    (M) => {
       var I;
-      o === "single" && (w && s((N) => ({ ...N, internalDate: m })), (I = r.onDateChange) == null || I.call(r, m), a && j());
+      o === "single" && (w && s((N) => ({ ...N, internalDate: M })), (I = r.onDateChange) == null || I.call(r, M), a && b());
     },
-    [o, w, r.onDateChange, a, j]
+    [o, w, r.onDateChange, a, b]
   ), A = P(
-    (m) => {
+    (M) => {
       var I;
-      o === "range" && (C || s((N) => ({ ...N, internalRange: m })), (I = r.onRangeChange) == null || I.call(r, m), c && m.start && m.end && j());
+      o === "range" && (C || s((N) => ({ ...N, internalRange: M })), (I = r.onRangeChange) == null || I.call(r, M), c && M.start && M.end && b());
     },
-    [o, C, r.onRangeChange, c, j]
-  ), S = P((m) => {
-    s((I) => ({ ...I, hoverDate: m }));
-  }, []), v = P((m) => {
+    [o, C, r.onRangeChange, c, b]
+  ), S = P((M) => {
+    s((I) => ({ ...I, hoverDate: M }));
+  }, []), m = P((M) => {
     s((I) => {
       const N = new Date(I.currentDate);
-      return N.setMonth(m), {
+      return N.setMonth(M), {
         ...I,
         currentDate: N,
         viewMode: "days"
       };
     });
-  }, []), g = P((m) => {
+  }, []), g = P((M) => {
     s((I) => {
       const N = new Date(I.currentDate);
-      return N.setFullYear(m), {
+      return N.setFullYear(M), {
         ...I,
         currentDate: N,
         viewMode: "months"
       };
     });
   }, []), k = P(() => {
-    const m = /* @__PURE__ */ new Date();
+    const M = /* @__PURE__ */ new Date();
     s((I) => ({
       ...I,
-      currentDate: m,
+      currentDate: M,
       viewMode: "days"
     }));
   }, []), O = P(() => {
     if (!l.current)
       return;
-    const m = l.current.getInputElement();
-    if (!m)
+    const M = l.current.getInputElement();
+    if (!M)
       return;
-    const I = m.getBoundingClientRect(), N = window.innerHeight, q = window.innerWidth, z = 320, Q = 256, G = 8;
+    const I = M.getBoundingClientRect(), N = window.innerHeight, q = window.innerWidth, z = 320, Q = 256, G = 8;
     let J, R = I.left;
-    const y = N - I.bottom, B = I.top;
-    y >= z + G ? J = I.bottom + G : B >= z + G ? J = I.top - z + G : y > B ? J = I.bottom + G : J = I.top - z + G, I.left + Q > q && (R = I.right - Q), R = Math.max(0, Math.min(R, q - Q)), s((T) => ({ ...T, portalPosition: { top: J, left: R } })), p(!0);
+    const Z = N - I.bottom, B = I.top;
+    Z >= z + G ? J = I.bottom + G : B >= z + G ? J = I.top - z + G : Z > B ? J = I.bottom + G : J = I.top - z + G, I.left + Q > q && (R = I.right - Q), R = Math.max(0, Math.min(R, q - Q)), s((T) => ({ ...T, portalPosition: { top: J, left: R } })), p(!0);
   }, []);
   return W(() => {
     if (!d.isOpen) return;
-    const m = () => O(), I = () => O();
-    return window.addEventListener("scroll", m, !0), window.addEventListener("resize", I), () => {
-      window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", I);
+    const M = () => O(), I = () => O();
+    return window.addEventListener("scroll", M, !0), window.addEventListener("resize", I), () => {
+      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", I);
     };
   }, [d.isOpen, O]), W(() => {
     if (d.isOpen) {
-      const m = setTimeout(() => {
+      const M = setTimeout(() => {
         O();
       }, 0);
-      return () => clearTimeout(m);
+      return () => clearTimeout(M);
     }
   }, [d.isOpen, O]), {
     state: d,
-    selectedDate: M,
-    selectedRange: b,
+    selectedDate: v,
+    selectedRange: x,
     inputRef: l,
     isPortalReady: L,
     actions: {
       openPicker: V,
-      closePicker: j,
+      closePicker: b,
       setCurrentDate: H,
-      setViewMode: Z,
+      setViewMode: y,
       setSelectedDate: U,
       setSelectedRange: A,
       setHoverDate: S,
       updatePortalPosition: O,
       navigate: D,
-      handleMonthSelect: v,
+      handleMonthSelect: m,
       handleYearSelect: g,
       goToToday: k
     }
@@ -20403,53 +20403,53 @@ const Y8 = (r) => {
     [r, o, s, e]
   ), p = P(
     (l, C) => {
-      const w = c(l, r), h = d(l, r), f = a(l, r), x = s(l);
-      let M = !1;
+      const w = c(l, r), h = d(l, r), f = a(l, r), j = s(l);
+      let v = !1;
       if (C && r.start && !r.end) {
         const H = {
           start: r.start < C ? r.start : C,
           end: r.start < C ? C : r.start
         };
-        M = a(l, H);
+        v = a(l, H);
       }
-      let b = !1;
+      let x = !1;
       if (r.start && r.end && f && !w) {
         const H = new Date(l);
-        H.setDate(l.getDate() - 1), b = !a(H, r);
-      } else if (r.start && !r.end && C && M) {
+        H.setDate(l.getDate() - 1), x = !a(H, r);
+      } else if (r.start && !r.end && C && v) {
         const H = new Date(l);
         H.setDate(l.getDate() - 1);
-        const Z = {
+        const y = {
           start: r.start < C ? r.start : C,
           end: r.start < C ? C : r.start
         };
-        b = !a(H, Z);
+        x = !a(H, y);
       }
       let V = !1;
       if (r.start && r.end && f && !h) {
         const H = new Date(l);
         H.setDate(l.getDate() + 1), V = !a(H, r);
-      } else if (r.start && !r.end && C && M) {
+      } else if (r.start && !r.end && C && v) {
         const H = new Date(l);
         H.setDate(l.getDate() + 1);
-        const Z = {
+        const y = {
           start: r.start < C ? r.start : C,
           end: r.start < C ? C : r.start
         };
-        V = !a(H, Z);
+        V = !a(H, y);
       }
-      let j = !0;
-      return r.start && !r.end && C ? j = C >= r.start : r.start && r.end && (j = l >= r.start), {
+      let b = !0;
+      return r.start && !r.end && C ? b = C >= r.start : r.start && r.end && (b = l >= r.start), {
         isSelectingStart: !r.start || r.start && r.end,
         isSelectingEnd: !!r.start && !r.end,
         isStart: w,
         isEnd: h,
         isInRange: f,
-        isFirstInRange: b,
+        isFirstInRange: x,
         isLastInRange: V,
-        afterSelected: j,
-        isDisabled: x,
-        isHovered: M
+        afterSelected: b,
+        isDisabled: j,
+        isHovered: v
       };
     },
     [r, c, d, a, s]
@@ -20478,19 +20478,19 @@ const Y8 = (r) => {
     },
     [r, o]
   ), e = P((p) => {
-    const l = p.getFullYear(), C = p.getMonth(), w = new Date(l, C, 1), h = new Date(l, C + 1, 0), f = h.getDate(), x = w.getDay();
-    return { firstDay: w, lastDay: h, daysInMonth: f, startOfWeek: x };
+    const l = p.getFullYear(), C = p.getMonth(), w = new Date(l, C, 1), h = new Date(l, C + 1, 0), f = h.getDate(), j = w.getDay();
+    return { firstDay: w, lastDay: h, daysInMonth: f, startOfWeek: j };
   }, []), a = P(
     (p, l = 1) => {
-      const { firstDay: C, lastDay: w, daysInMonth: h, startOfWeek: f } = e(p), x = [], M = (f - l + 7) % 7;
-      for (let V = 0; V < M; V++)
-        x.push(null);
+      const { firstDay: C, lastDay: w, daysInMonth: h, startOfWeek: f } = e(p), j = [], v = (f - l + 7) % 7;
+      for (let V = 0; V < v; V++)
+        j.push(null);
       for (let V = 1; V <= h; V++)
-        x.push(V);
-      const b = (7 - x.length % 7) % 7;
-      for (let V = 0; V < b; V++)
-        x.push(null);
-      return x;
+        j.push(V);
+      const x = (7 - j.length % 7) % 7;
+      for (let V = 0; V < x; V++)
+        j.push(null);
+      return j;
     },
     [e]
   ), c = P((p = "es-ES") => {
@@ -20528,13 +20528,13 @@ const Y8 = (r) => {
     e((h) => ({ ...h, inputValue: w }));
   }, []), d = P((w, h) => {
     if (!w) return "";
-    const f = w.getDate().toString().padStart(2, "0"), x = (w.getMonth() + 1).toString().padStart(2, "0"), M = w.getFullYear();
-    return h.format.replace("dd", f).replace("MM", x).replace("yyyy", M.toString());
+    const f = w.getDate().toString().padStart(2, "0"), j = (w.getMonth() + 1).toString().padStart(2, "0"), v = w.getFullYear();
+    return h.format.replace("dd", f).replace("MM", j).replace("yyyy", v.toString());
   }, []), s = P((w, h) => {
     if (!w) return null;
-    const f = h.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), x = new RegExp(`^${f}$`), M = w.match(x);
-    if (!M) return null;
-    const [, b, V, j] = M, H = new Date(parseInt(j), parseInt(V) - 1, parseInt(b));
+    const f = h.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), j = new RegExp(`^${f}$`), v = w.match(j);
+    if (!v) return null;
+    const [, x, V, b] = v, H = new Date(parseInt(b), parseInt(V) - 1, parseInt(x));
     return isNaN(H.getTime()) ? null : H;
   }, []), L = P(
     (w, h) => s(w, h) !== null,
@@ -20619,24 +20619,24 @@ const Y8 = (r) => {
   onMouseEnter: w,
   onMouseLeave: h,
   className: f = "",
-  renderDay: x
+  renderDay: j
 }) => {
-  const M = t1(null);
+  const v = t1(null);
   if (r === null)
     return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" });
-  const b = (Z) => {
-    Z.stopPropagation(), L || C(o);
+  const x = (y) => {
+    y.stopPropagation(), L || C(o);
   }, V = () => {
-    !L && w && (M.current && (clearTimeout(M.current), M.current = null), w(o));
-  }, j = () => {
-    !L && h && (t || n || e || a ? M.current = setTimeout(() => {
-      h(), M.current = null;
+    !L && w && (v.current && (clearTimeout(v.current), v.current = null), w(o));
+  }, b = () => {
+    !L && h && (t || n || e || a ? v.current = setTimeout(() => {
+      h(), v.current = null;
     }, 100) : h());
   }, H = () => {
-    let Z = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!d && !n && !c ? "hover:ui-bg-blue-50 hover:ui-text-blue-500 hover:ui-rounded-lg hover:ui-cursor-pointer" : ""} ui-text-xs  ui-transition-colors ui-transition-500`;
-    return L ? 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  ${s ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? Z += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? Z += " ui-bg-blue-50 ui-text-blue-500" : l ? Z += " ui-bg-blue-50" : p ? Z += " ui-text-blue-500" : Z += "hover:ui-bg-neutral-50", `${Z} ${f}`;
+    let y = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!d && !n && !c ? "hover:ui-bg-blue-50 hover:ui-text-blue-500 hover:ui-rounded-lg hover:ui-cursor-pointer" : ""} ui-text-xs  ui-transition-colors ui-transition-500`;
+    return L ? y += " ui-text-gray-400 ui-cursor-not-allowed" : t ? y += " ui-bg-blue-500 ui-text-white" : e ? y += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? y += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? y += " ui-bg-blue-50 ui-text-blue-500" : l ? y += " ui-bg-blue-50" : p ? y += " ui-text-blue-500" : y += "hover:ui-bg-neutral-50", `${y} ${f}`;
   };
-  return x ? x({
+  return j ? j({
     day: r,
     date: o,
     isSelected: t,
@@ -20652,9 +20652,9 @@ const Y8 = (r) => {
     "div",
     {
       className: H(),
-      onClick: b,
+      onClick: x,
       onMouseEnter: V,
-      onMouseLeave: j,
+      onMouseLeave: b,
       role: "button",
       tabIndex: L ? -1 : 0,
       "aria-label": `${r} ${o.toLocaleDateString()}`,
@@ -20844,28 +20844,28 @@ const Y8 = (r) => {
     },
     a,
     c
-  ), f = (b) => o ? b.getTime() === o.getTime() : !1, x = (b) => !!(a && b < a || c && b > c), M = C(r, s);
+  ), f = (x) => o ? x.getTime() === o.getTime() : !1, j = (x) => !!(a && x < a || c && x > c), v = C(r, s);
   return /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-grid ui-w-fit ui-grid-cols-7 ui-gap-y-0.5", children: [
-    d.map((b, V) => /* @__PURE__ */ i(K8, { day: b }, V)),
-    M.map((b, V) => {
-      if (b === null)
+    d.map((x, V) => /* @__PURE__ */ i(K8, { day: x }, V)),
+    v.map((x, V) => {
+      if (x === null)
         return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, V);
-      const j = new Date(r.getFullYear(), r.getMonth(), b), H = t ? h(j, p || null) : {
+      const b = new Date(r.getFullYear(), r.getMonth(), x), H = t ? h(b, p || null) : {
         isStart: !1,
         isEnd: !1,
         isInRange: !1,
         isFirstInRange: !1,
         isLastInRange: !1,
         afterSelected: !0,
-        isDisabled: x(j),
+        isDisabled: j(b),
         isHovered: !1
       };
       return /* @__PURE__ */ i(
         J8,
         {
-          day: b,
-          date: j,
-          isSelected: f(j),
+          day: x,
+          date: b,
+          isSelected: f(b),
           isInRange: H.isInRange,
           isStart: H.isStart,
           isEnd: H.isEnd,
@@ -20873,7 +20873,7 @@ const Y8 = (r) => {
           isLastInRange: H.isLastInRange,
           afterSelected: H.afterSelected,
           isDisabled: H.isDisabled,
-          isToday: w(j),
+          isToday: w(b),
           isHovered: H.isHovered,
           onClick: n,
           onMouseEnter: e,
@@ -21118,13 +21118,13 @@ const Y8 = (r) => {
     onValueChange: w,
     onChange: h,
     onClickExtraSlot: f,
-    className: x,
-    style: M,
-    name: b,
+    className: j,
+    style: v,
+    name: x,
     autosize: V = !1,
-    colorLeftIcon: j,
+    colorLeftIcon: b,
     infoTooltip: H = "",
-    ...Z
+    ...y
   }, D) => {
     const {
       value: U,
@@ -21134,7 +21134,7 @@ const Y8 = (r) => {
       value: L,
       defaultValue: l,
       onChange: w
-    }), v = (N) => {
+    }), m = (N) => {
       const q = N.target.value;
       A(q), h == null || h(N);
     }, { paddingClasses: g, getIconPosition: k } = e3({
@@ -21142,7 +21142,7 @@ const Y8 = (r) => {
       leftSlot: a,
       rightSlot: c,
       extraSlot: d
-    }), { baseClasses: O, containerClasses: m, labelClasses: I } = r3({
+    }), { baseClasses: O, containerClasses: M, labelClasses: I } = r3({
       size: n,
       error: o,
       disabled: C,
@@ -21156,16 +21156,16 @@ const Y8 = (r) => {
       currentValue: U,
       setValue: A,
       isControlled: S,
-      inputId: Z.id
+      inputId: y.id
     }), /* @__PURE__ */ u(
       "div",
       {
         className: Y(
           "ui-relative ui-flex ui-flex-col ui-gap-1",
           p ? "ui-w-full" : "ui-w-fit",
-          x
+          j
         ),
-        style: M,
+        style: v,
         children: [
           (r || H) && /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
             r && /* @__PURE__ */ i("label", { className: I, children: r }),
@@ -21183,12 +21183,12 @@ const Y8 = (r) => {
               }
             )
           ] }),
-          /* @__PURE__ */ u("div", { className: m, children: [
+          /* @__PURE__ */ u("div", { className: M, children: [
             a && /* @__PURE__ */ i(
               b1,
               {
                 slot: a,
-                colorIcon: j,
+                colorIcon: b,
                 className: `ui-absolute ${k("left")} ui-top-1/2 ui--translate-y-1/2`
               }
             ),
@@ -21198,11 +21198,11 @@ const Y8 = (r) => {
                 placeholder: "Placeholder",
                 disabled: C,
                 value: U,
-                onChange: v,
-                name: b,
-                "data-input-id": Z.id || "default-input",
+                onChange: m,
+                name: x,
+                "data-input-id": y.id || "default-input",
                 className: O + " ui-min-w-12",
-                ...Z
+                ...y
               }
             ),
             c && /* @__PURE__ */ i(
@@ -21262,8 +21262,8 @@ const o3 = E1(
         s || n();
       },
       extraSlot: "CalendarOutlined",
-      onChange: (M) => {
-        !s && e && e(M.target.value);
+      onChange: (v) => {
+        !s && e && e(v.target.value);
       },
       onFocus: () => {
         !s && a && a();
@@ -21309,8 +21309,8 @@ const o3 = E1(
     const w = a[l.getMonth()], h = l.getFullYear();
     switch (C) {
       case "years":
-        const f = s(h, c), x = f[0], M = f[f.length - 1];
-        return `${x} - ${M}`;
+        const f = s(h, c), j = f[0], v = f[f.length - 1];
+        return `${j} - ${v}`;
       case "months":
         return `${h}`;
       case "days":
@@ -21380,12 +21380,12 @@ const o3 = E1(
   hoverDate: w,
   onMonthSelect: h,
   onYearSelect: f,
-  renderDay: x
+  renderDay: j
 }) => {
-  const M = (j) => {
-    h == null || h(j);
-  }, b = (j) => {
-    f == null || f(j);
+  const v = (b) => {
+    h == null || h(b);
+  }, x = (b) => {
+    f == null || f(b);
   };
   return /* @__PURE__ */ i("div", { className: "ui-flex ui-h-full ui-justify-center ui-p-3", children: (() => {
     switch (d) {
@@ -21404,7 +21404,7 @@ const o3 = E1(
             startOfWeek: p,
             showWeekNumbers: l,
             hoverDate: w,
-            renderDay: x
+            renderDay: j
           }
         );
       case "months":
@@ -21413,7 +21413,7 @@ const o3 = E1(
           {
             currentDate: r,
             selectedMonth: r.getMonth(),
-            onMonthSelect: M,
+            onMonthSelect: v,
             monthNames: L
           }
         );
@@ -21423,7 +21423,7 @@ const o3 = E1(
           {
             currentDate: r,
             selectedYear: r.getFullYear(),
-            onYearSelect: b,
+            onYearSelect: x,
             yearRange: C
           }
         );
@@ -21461,13 +21461,13 @@ const o3 = E1(
     "Noviembre",
     "Diciembre"
   ],
-  startOfWeek: x = 1,
-  showWeekNumbers: M = !1,
-  yearRange: b = 12,
+  startOfWeek: j = 1,
+  showWeekNumbers: v = !1,
+  yearRange: x = 12,
   hoverDate: V,
-  closeOnSelect: j,
+  closeOnSelect: b,
   autoCloseRange: H,
-  renderHeader: Z,
+  renderHeader: y,
   renderDay: D
 }) => {
   const U = (k) => {
@@ -21486,7 +21486,7 @@ const o3 = E1(
     }
   }, S = (k) => {
     p == null || p(k);
-  }, v = (k) => {
+  }, m = (k) => {
     l == null || l(k);
   }, g = () => {
     switch (d) {
@@ -21502,8 +21502,8 @@ const o3 = E1(
             minDate: a,
             maxDate: c,
             weekDays: h,
-            startOfWeek: x,
-            showWeekNumbers: M,
+            startOfWeek: j,
+            showWeekNumbers: v,
             hoverDate: V,
             renderDay: D
           }
@@ -21524,8 +21524,8 @@ const o3 = E1(
           {
             currentDate: r,
             selectedYear: r.getFullYear(),
-            onYearSelect: v,
-            yearRange: b
+            onYearSelect: m,
+            yearRange: x
           }
         );
       default:
@@ -21537,7 +21537,7 @@ const o3 = E1(
     {
       className: Y(
         "ui-min-w-[254px] ui-overflow-hidden ui-rounded-lg ui-border ui-border-neutral-100 ui-bg-white ui-shadow-lg",
-        j ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
+        b ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
       ),
       children: [
         /* @__PURE__ */ i(
@@ -21549,11 +21549,11 @@ const o3 = E1(
             onToggleViewMode: A,
             onGoToToday: C,
             monthNames: f,
-            renderHeader: Z
+            renderHeader: y
           }
         ),
         /* @__PURE__ */ i("div", { className: "ui-h-full ui-p-3", children: g() }),
-        !j && /* @__PURE__ */ u("footer", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
+        !b && /* @__PURE__ */ u("footer", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
           /* @__PURE__ */ i(o1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
           /* @__PURE__ */ i(o1, { size: "md", children: "Aceptar" })
         ] })
@@ -21577,43 +21577,43 @@ const o3 = E1(
   viewMode: w,
   minDate: h,
   maxDate: f,
-  locale: x,
-  weekDays: M,
-  monthNames: b,
+  locale: j,
+  weekDays: v,
+  monthNames: x,
   startOfWeek: V,
-  showWeekNumbers: j,
+  showWeekNumbers: b,
   yearRange: H,
-  hoverDate: Z,
+  hoverDate: y,
   closeOnSelect: D,
   autoCloseRange: U,
   calendarsCount: A = 1,
   mode: S = "single",
-  onClickSelected: v = !1,
+  onClickSelected: m = !1,
   renderHeader: g,
   renderDay: k
 }) => {
-  const [O, m] = X(Array(A).fill(w)), [I, N] = X(() => {
+  const [O, M] = X(Array(A).fill(w)), [I, N] = X(() => {
     const R = [];
-    for (let y = 0; y < A; y++) {
+    for (let Z = 0; Z < A; Z++) {
       const B = new Date(n);
-      B.setMonth(B.getMonth() + y), R.push(B);
+      B.setMonth(B.getMonth() + Z), R.push(B);
     }
     return R;
   }), { renderPortal: q } = q8(r, o, t, 1100);
   W(() => {
-    m(Array(A).fill(w));
+    M(Array(A).fill(w));
   }, [w, A]), W(() => {
     const R = [];
-    for (let y = 0; y < A; y++) {
+    for (let Z = 0; Z < A; Z++) {
       const B = new Date(n);
-      B.setMonth(B.getMonth() + y), R.push(B);
+      B.setMonth(B.getMonth() + Z), R.push(B);
     }
     N(R);
   }, [n, A]);
   const z = (R) => {
-    const y = O[R];
+    const Z = O[R];
     let B;
-    switch (y) {
+    switch (Z) {
       case "days":
         B = "months";
         break;
@@ -21627,24 +21627,24 @@ const o3 = E1(
         B = "days";
     }
     const T = [...O];
-    T[R] = B, m(T);
-  }, Q = (R, y) => {
+    T[R] = B, M(T);
+  }, Q = (R, Z) => {
     const B = [...I];
     B[R] = new Date(
       I[R].getFullYear(),
-      y,
+      Z,
       1
     ), N(B);
     const T = [...O];
-    T[R] = "days", m(T), p == null || p(y);
-  }, G = (R, y) => {
+    T[R] = "days", M(T), p == null || p(Z);
+  }, G = (R, Z) => {
     const B = [...I];
-    B[R] = new Date(y, I[R].getMonth(), 1), N(B);
+    B[R] = new Date(Z, I[R].getMonth(), 1), N(B);
     const T = [...O];
-    T[R] = "months", m(T), l == null || l(y);
+    T[R] = "months", M(T), l == null || l(Z);
   }, J = (R) => {
-    const y = [...I];
-    y.forEach((B, T) => {
+    const Z = [...I];
+    Z.forEach((B, T) => {
       const e1 = new Date(B);
       switch (O[T]) {
         case "days":
@@ -21657,8 +21657,8 @@ const o3 = E1(
           e1.setFullYear(e1.getFullYear() + (R === "next" ? 12 : -12));
           break;
       }
-      y[T] = e1;
-    }), N(y), L(R);
+      Z[T] = e1;
+    }), N(Z), L(R);
   };
   return q(
     /* @__PURE__ */ i("div", { className: "ui-relative", children: S === "range" && A > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
@@ -21670,12 +21670,12 @@ const o3 = E1(
           onNavigate: J,
           onToggleViewMode: z,
           onGoToToday: C,
-          monthNames: b,
+          monthNames: x,
           yearRange: H,
           renderHeader: g
         }
       ),
-      /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-col ui-flex-wrap ui-gap-4 ui-p-4 md:ui-flex-row", children: I.map((R, y) => /* @__PURE__ */ i("div", { className: "ui-flex-shrink-0", children: /* @__PURE__ */ i("div", { className: "ui-w-full ui-overflow-hidden ui-rounded-lg ui-bg-white", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-col ui-flex-wrap ui-gap-4 ui-p-4 md:ui-flex-row", children: I.map((R, Z) => /* @__PURE__ */ i("div", { className: "ui-flex-shrink-0", children: /* @__PURE__ */ i("div", { className: "ui-w-full ui-overflow-hidden ui-rounded-lg ui-bg-white", children: /* @__PURE__ */ i(
         u3,
         {
           currentDate: R,
@@ -21685,18 +21685,18 @@ const o3 = E1(
           onDateHover: d,
           minDate: h,
           maxDate: f,
-          viewMode: O[y],
-          weekDays: M,
-          monthNames: b,
+          viewMode: O[Z],
+          weekDays: v,
+          monthNames: x,
           startOfWeek: V,
-          showWeekNumbers: j,
+          showWeekNumbers: b,
           yearRange: H,
-          hoverDate: Z,
-          onMonthSelect: (B) => Q(y, B),
-          onYearSelect: (B) => G(y, B),
+          hoverDate: y,
+          onMonthSelect: (B) => Q(Z, B),
+          onYearSelect: (B) => G(Z, B),
           renderDay: k
         }
-      ) }) }, y)) }),
+      ) }) }, Z)) }),
       /* @__PURE__ */ u("div", { className: "ui-flex ui-justify-end ui-gap-2 ui-border-t ui-border-neutral-100 ui-p-3", children: [
         /* @__PURE__ */ i(o1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
         /* @__PURE__ */ i(o1, { size: "md", children: "Aceptar" })
@@ -21717,13 +21717,13 @@ const o3 = E1(
         onMonthSelect: p,
         onYearSelect: l,
         onGoToToday: C,
-        locale: x,
-        weekDays: M,
-        monthNames: b,
+        locale: j,
+        weekDays: v,
+        monthNames: x,
         startOfWeek: V,
-        showWeekNumbers: j,
+        showWeekNumbers: b,
         yearRange: H,
-        hoverDate: Z,
+        hoverDate: y,
         closeOnSelect: D,
         autoCloseRange: U,
         renderHeader: g,
@@ -21761,30 +21761,30 @@ const o3 = E1(
     inputClassName: w = "",
     headerClassName: h = "",
     dayClassName: f = "",
-    monthClassName: x = "",
-    yearClassName: M = "",
-    disabledDayClassName: b = "text-gray-400 cursor-not-allowed",
+    monthClassName: j = "",
+    yearClassName: v = "",
+    disabledDayClassName: x = "text-gray-400 cursor-not-allowed",
     rangeClassName: V = "bg-blue-100",
-    rangeStartClassName: j = "bg-blue-500 text-white rounded-l-full",
+    rangeStartClassName: b = "bg-blue-500 text-white rounded-l-full",
     rangeEndClassName: H = "bg-blue-500 text-white rounded-r-full",
-    todayClassName: Z = "border border-blue-500",
+    todayClassName: y = "border border-blue-500",
     showWeekNumbers: D = !1,
     yearRange: U = 12,
     initialViewMode: A = "days",
     closeOnSelect: S = !1,
-    autoCloseRange: v = !0,
+    autoCloseRange: m = !0,
     placeholder: g = "Seleccionar fecha",
     format: k = "dd/MM/yyyy",
     calendarsCount: O = 1,
-    renderHeader: m,
+    renderHeader: M,
     renderDay: I
   } = r, { state: N, selectedDate: q, selectedRange: z, inputRef: Q, isPortalReady: G, actions: J } = Y8(r), { handleRangeSelection: R } = c0(
     z,
     J.setSelectedRange,
     c,
     d,
-    v
-  ), y = (F) => {
+    m
+  ), Z = (F) => {
     if (!F || !(F instanceof Date) || isNaN(F.getTime()))
       return "";
     const i1 = F.getDate().toString().padStart(2, "0"), $ = (F.getMonth() + 1).toString().padStart(2, "0"), _ = F.getFullYear();
@@ -21792,7 +21792,7 @@ const o3 = E1(
   }, B = (F) => {
     if (!F || !F.start && !F.end) return "";
     const i1 = F.start && F.start instanceof Date && !isNaN(F.start.getTime()), $ = F.end && F.end instanceof Date && !isNaN(F.end.getTime());
-    return i1 && $ ? `${y(F.start)} - ${y(F.end)}` : i1 ? y(F.start) : $ ? y(F.end) : "";
+    return i1 && $ ? `${Z(F.start)} - ${Z(F.end)}` : i1 ? Z(F.start) : $ ? Z(F.end) : "";
   }, T = (F) => {
     if (!F || !(F instanceof Date) || isNaN(F.getTime())) {
       console.warn("DatePicker: Se recibió una fecha inválida:", F);
@@ -21805,7 +21805,7 @@ const o3 = E1(
       return;
     }
     J.setHoverDate(F);
-  }, u1 = () => o === "single" ? y(q) : B(z);
+  }, u1 = () => o === "single" ? Z(q) : B(z);
   return /* @__PURE__ */ u("div", { className: `relative ${C}`, children: [
     /* @__PURE__ */ i(
       o3,
@@ -21846,10 +21846,10 @@ const o3 = E1(
         yearRange: U,
         hoverDate: N.hoverDate,
         closeOnSelect: S,
-        autoCloseRange: v,
+        autoCloseRange: m,
         calendarsCount: O,
         mode: o,
-        renderHeader: m,
+        renderHeader: M,
         renderDay: I
       }
     )
@@ -21946,9 +21946,9 @@ const o3 = E1(
   W(() => {
     if (!r || o || !c) return;
     const L = (l) => {
-      var b, V;
-      const C = l.target, w = (b = t.current) == null ? void 0 : b.contains(C), h = (V = n == null ? void 0 : n.current) == null ? void 0 : V.contains(C), f = e ? C.closest(`[data-${a}-id="${e}"]`) : !1, x = a ? C.closest(`[data-${a}-container-id]`) : !1, M = d.some((j) => C.closest(j));
-      w || h || f || x || M || s();
+      var x, V;
+      const C = l.target, w = (x = t.current) == null ? void 0 : x.contains(C), h = (V = n == null ? void 0 : n.current) == null ? void 0 : V.contains(C), f = e ? C.closest(`[data-${a}-id="${e}"]`) : !1, j = a ? C.closest(`[data-${a}-container-id]`) : !1, v = d.some((b) => C.closest(b));
+      w || h || f || j || v || s();
     }, p = (l) => {
       l.detail.id === e && s();
     };
@@ -21989,19 +21989,19 @@ const o3 = E1(
   },
   onSuccess: f = () => {
   },
-  showCancelButton: x = !0,
-  showSuccessButton: M = !0,
-  closeAtSuccess: b = !1,
+  showCancelButton: j = !0,
+  showSuccessButton: v = !0,
+  closeAtSuccess: x = !1,
   closeAtCancel: V = !0
 }) => {
-  const j = f0(), { isVisible: H, isAnimating: Z } = w0(r), D = t1(null);
+  const b = f0(), { isVisible: H, isAnimating: y } = w0(r), D = t1(null);
   h0(r), W1(r, o, d), g0(r, D, !s);
   const U = () => {
     h && h(), V && o();
   }, A = () => {
-    f && f(), b && o();
+    f && f(), x && o();
   };
-  if (!j || !H) return null;
+  if (!b || !H) return null;
   const S = /* @__PURE__ */ u(
     "div",
     {
@@ -22024,14 +22024,14 @@ const o3 = E1(
           {
             ref: D,
             tabIndex: -1,
-            onClick: (v) => v.stopPropagation(),
+            onClick: (m) => m.stopPropagation(),
             className: Y(
               "ui-relative ui-z-10 ui-flex ui-flex-col ui-bg-white ui-shadow-xl ui-outline-none ui-transition-transform ui-duration-300 ui-ease-in-out",
               p3[n],
               L === "right" ? "ui-ml-auto" : "ui-mr-auto"
             ),
             style: {
-              transform: L === "right" ? Z ? "translateX(0)" : "translateX(100%)" : Z ? "translateX(0)" : "translateX(-100%)"
+              transform: L === "right" ? y ? "translateX(0)" : "translateX(100%)" : y ? "translateX(0)" : "translateX(-100%)"
             },
             children: /* @__PURE__ */ u(g1, { rounded: !1, padding: !1, gap: !1, className: Y(p), children: [
               /* @__PURE__ */ i(g1.Header, { children: /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4", children: t && /* @__PURE__ */ i(d3, { title: t, icon: a }) }) }),
@@ -22045,11 +22045,11 @@ const o3 = E1(
                   children: e
                 }
               ),
-              (x || M) && /* @__PURE__ */ u(Z1, { children: [
+              (j || v) && /* @__PURE__ */ u(Z1, { children: [
                 /* @__PURE__ */ i(g1.Separator, { padding: !1 }),
                 /* @__PURE__ */ u(g1.Footer, { className: "ui-flex ui-items-center ui-justify-end ui-gap-x-4 ui-p-4", children: [
-                  x && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "outlined", color: "white", onClick: U, children: C }),
-                  M && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "button", onClick: A, children: w })
+                  j && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "outlined", color: "white", onClick: U, children: C }),
+                  v && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "button", onClick: A, children: w })
                 ] })
               ] })
             ] })
@@ -22058,7 +22058,7 @@ const o3 = E1(
       ]
     }
   );
-  return l0.createPortal(S, j);
+  return l0.createPortal(S, b);
 }, p5 = ({ className: r }) => /* @__PURE__ */ i("div", { className: Y("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", r) }), m0 = ({
   children: r,
   icon: o,
@@ -22257,13 +22257,13 @@ const o3 = E1(
   absolute: w = !1,
   onOpenChange: h
 }) => {
-  const f = a0(), x = L || `dropdown-${f}`, [M, b] = X(!1), [V, j] = X(!1), [H, Z] = X(""), [D, U] = X("bottom"), [A, S] = X({}), v = t1(null), g = t1(null), k = t1(null), O = P(
+  const f = a0(), j = L || `dropdown-${f}`, [v, x] = X(!1), [V, b] = X(!1), [H, y] = X(""), [D, U] = X("bottom"), [A, S] = X({}), m = t1(null), g = t1(null), k = t1(null), O = P(
     ($) => $ == null ? [] : Array.isArray($) ? $ : [$],
     []
-  ), m = P(
+  ), M = P(
     ($) => $ == null || $ === "" ? "" : Array.isArray($) ? $[0] || "" : $,
     []
-  ), [I, N] = X(() => l ? O(o) : m(o)), q = r !== void 0, z = q ? r : I, Q = P(
+  ), [I, N] = X(() => l ? O(o) : M(o)), q = r !== void 0, z = q ? r : I, Q = P(
     ($) => {
       q || N($), a == null || a($);
     },
@@ -22275,16 +22275,16 @@ const o3 = E1(
         const $ = O(r);
         N((_) => JSON.stringify(_) !== JSON.stringify($) ? $ : _);
       } else {
-        const $ = m(r);
+        const $ = M(r);
         N((_) => _ !== $ ? $ : _);
       }
-  }, [r, q, l, O, m]);
-  const G = l ? t.filter(($) => O(z).includes($[n])) : [
-    t.find(($) => z === "" || z === null || z === void 0 ? !1 : $[e] === -1 ? z === -1 || z === "-1" : $[n] === z)
+  }, [r, q, l, O, M]);
+  const G = l ? t.filter(($) => O(z).includes($[e])) : [
+    t.find(($) => z === "" || z === null || z === void 0 ? !1 : $[e] === -1 ? z === -1 || z === "-1" : $[e] === z)
   ].filter(Boolean), J = t.filter(($) => {
     const _ = d ? $[n].toLowerCase().includes(H.toLowerCase()) : !0;
     if (l) {
-      const r1 = O(z).includes($[n]);
+      const r1 = O(z).includes($[e]);
       return _ && !r1;
     }
     return $[e] === -1 && (z === -1 || z === "-1") ? !1 : _;
@@ -22294,7 +22294,7 @@ const o3 = E1(
     return $ || ((n1 = k.current) == null ? void 0 : n1.querySelector(
       '[data-dropdown-input="true"]'
     ));
-  }, []), y = P(() => {
+  }, []), Z = P(() => {
     const $ = R();
     $ && requestAnimationFrame(() => {
       var $1;
@@ -22312,7 +22312,7 @@ const o3 = E1(
         const I1 = _.top - w1.top, O1 = _.left - w1.left;
         d1 === "bottom" ? a1 = I1 + _.height + 4 : a1 = I1 - n1 - 4, v1 = O1;
       }
-      const M1 = 1100, L1 = parseInt(x.replace(/\D/g, "")) || 0, k1 = M1 + L1 % 100, _1 = {
+      const M1 = 1100, L1 = parseInt(j.replace(/\D/g, "")) || 0, k1 = M1 + L1 % 100, _1 = {
         position: w ? "absolute" : "fixed",
         top: `${a1}px`,
         left: `${v1}px`,
@@ -22321,7 +22321,7 @@ const o3 = E1(
       };
       S(_1);
     });
-  }, [R, J.length, x, w]), B = P(() => {
+  }, [R, J.length, j, w]), B = P(() => {
     if (!g.current || !G.length)
       return;
     const _ = g.current.querySelector(".ui-overflow-y-auto");
@@ -22330,7 +22330,7 @@ const o3 = E1(
     const r1 = G[0];
     if (!r1) return;
     const n1 = _.querySelector(
-      `[data-option-value="${r1[n]}"]`
+      `[data-option-value="${r1[e]}"]`
     );
     if (!n1)
       return;
@@ -22340,64 +22340,64 @@ const o3 = E1(
       behavior: "smooth"
     });
   }, [G, n]), T = ($) => {
-    $ && $.stopPropagation(), !p && (M ? e1() : (C3(x), Z(""), j(!1), y(), setTimeout(() => {
-      b(!0), G1.add(x), setTimeout(() => {
-        y(), setTimeout(() => {
+    $ && $.stopPropagation(), !p && (v ? e1() : (C3(j), y(""), b(!1), Z(), setTimeout(() => {
+      x(!0), G1.add(j), setTimeout(() => {
+        Z(), setTimeout(() => {
           B();
         }, 50);
       }, 50);
     }, 50)));
   }, e1 = () => {
-    j(!0), setTimeout(() => {
-      b(!1), j(!1), G1.delete(x);
+    b(!0), setTimeout(() => {
+      x(!1), b(!1), G1.delete(j);
     }, 150);
   }, u1 = ($, _) => {
     if (_.stopPropagation(), !$.disabled) {
       if (l) {
-        const r1 = O(z), n1 = $[n];
+        const r1 = O(z), n1 = $[e];
         if (C && r1.length >= C && !r1.includes(n1))
           return;
         const p1 = r1.includes(n1) ? r1.filter((s1) => s1 !== n1) : [...r1, n1];
         Q(p1);
       } else {
-        const r1 = $[e] === -1 ? -1 : $[n];
-        Q(r1), Z(""), e1();
+        const r1 = $[e] === -1 ? -1 : $[e];
+        Q(r1), y(""), e1();
       }
       c == null || c($);
     }
   }, F = ($) => {
-    Z($.target.value);
+    y($.target.value);
   }, i1 = ($) => {
-    $.stopPropagation(), Q(l ? [] : ""), Z("");
+    $.stopPropagation(), Q(l ? [] : ""), y("");
   };
   return W(() => {
-    h == null || h(M);
-  }, [M, h]), M0({
-    isActive: M && !V,
+    h == null || h(v);
+  }, [v, h]), M0({
+    isActive: v && !V,
     // Solo activar cuando esté abierto y no cerrando
     disabled: p,
     elementRef: g,
     containerRef: k,
-    elementId: x,
+    elementId: j,
     elementType: "dropdown",
     closeOnClickOutside: s,
     onOutsideClick: () => {
       e1();
     }
   }), W(() => {
-    if (M) {
+    if (v) {
       const $ = () => {
-        y();
+        Z();
       }, _ = () => {
-        M && !V && y();
+        v && !V && Z();
       };
       return window.addEventListener("resize", $), window.addEventListener("scroll", _, !1), document.addEventListener("scroll", _, !1), () => {
         window.removeEventListener("resize", $), window.removeEventListener("scroll", _, !1), document.removeEventListener("scroll", _, !1);
       };
     }
-  }, [M, y, V]), {
+  }, [v, Z, V]), {
     // Estado
-    isOpen: M,
+    isOpen: v,
     isClosing: V,
     searchValue: H,
     selectedValue: z,
@@ -22408,17 +22408,17 @@ const o3 = E1(
     isControlled: q,
     multiple: l,
     // Referencias
-    inputRef: v,
+    inputRef: m,
     dropdownRef: g,
     containerRef: k,
-    dropdownUniqueId: x,
+    dropdownUniqueId: j,
     // Funciones
     toggleDropdown: T,
     closeDropdown: e1,
     handleOptionSelect: u1,
     handleSearchChange: F,
     handleClear: i1,
-    calculatePosition: y,
+    calculatePosition: Z,
     setValue: Q,
     scrollToSelectedOption: B,
     normalizeToArray: O
@@ -22466,28 +22466,29 @@ const o3 = E1(
   error: p,
   helperText: l,
   rightSlot: C,
-  valueName: w
+  valueName: w,
+  idName: h
 }) => {
-  const [h, f] = X(!1), [x, M] = X(null), b = t1(null);
+  const [f, j] = X(!1), [v, x] = X(null), V = t1(null);
   return W(() => {
-    if (!b.current || t.length === 0) {
-      f(!1), M(null);
+    if (!V.current || t.length === 0) {
+      j(!1), x(null);
       return;
     }
-    const j = setTimeout(() => {
-      const H = b.current;
-      if (H) {
-        const Z = H.scrollHeight, D = H.clientHeight;
-        if (x === null) {
-          M(D);
+    const H = setTimeout(() => {
+      const y = V.current;
+      if (y) {
+        const D = y.scrollHeight, U = y.clientHeight;
+        if (v === null) {
+          x(U);
           return;
         }
-        const U = Z > x;
-        f(U);
+        const A = D > v;
+        j(A);
       }
     }, 100);
-    return () => clearTimeout(j);
-  }, [t.length, x]), // Input personalizado con tags para modo tags
+    return () => clearTimeout(H);
+  }, [t.length, v]), // Input personalizado con tags para modo tags
   /* @__PURE__ */ u("div", { className: "ui-w-full", children: [
     r && /* @__PURE__ */ i("label", { className: "ui-mb-1 ui-block ui-text-sm ui-font-bold ui-text-gray-700", children: r }),
     /* @__PURE__ */ u(
@@ -22495,9 +22496,9 @@ const o3 = E1(
       {
         ref: s,
         "data-dropdown-input": "true",
-        className: `ui-flex ui-min-h-[32px] ui-cursor-pointer ui-items-center ui-gap-1 ui-rounded-md ui-border ui-border-gray-300 ui-bg-white ui-px-2 ${h ? "ui-py-2" : "ui-py-0.5"} ui-transition-[padding] ui-duration-150 ui-ease-out focus-within:ui-border-blue-500 focus-within:ui-ring-2 focus-within:ui-ring-blue-200 hover:ui-border-gray-400`,
-        onClick: (V) => {
-          c || e(V);
+        className: `ui-flex ui-min-h-[32px] ui-cursor-pointer ui-items-center ui-gap-1 ui-rounded-md ui-border ui-border-gray-300 ui-bg-white ui-px-2 ${f ? "ui-py-2" : "ui-py-0.5"} ui-transition-[padding] ui-duration-150 ui-ease-out focus-within:ui-border-blue-500 focus-within:ui-ring-2 focus-within:ui-ring-blue-200 hover:ui-border-gray-400`,
+        onClick: (b) => {
+          c || e(b);
         },
         onFocus: () => {
           !a && !c && (d(!0), e());
@@ -22507,20 +22508,20 @@ const o3 = E1(
           t.length > 0 ? /* @__PURE__ */ i(
             "div",
             {
-              ref: b,
-              className: `ui-flex ui-flex-wrap ui-gap-1 ${h ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
-              children: t.map((V) => V ? /* @__PURE__ */ i(
+              ref: V,
+              className: `ui-flex ui-flex-wrap ui-gap-1 ${f ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
+              children: t.map((b) => b ? /* @__PURE__ */ i(
                 x0,
                 {
                   className: "ui-z-[1010]",
-                  label: V[w],
+                  label: b[w],
                   color: "blue",
                   size: "xs",
-                  onClick: (j) => {
-                    j.stopPropagation(), n(V[w]);
+                  onClick: (H) => {
+                    H.stopPropagation(), n(b[h]);
                   }
                 },
-                V[w]
+                b[w]
               ) : null)
             }
           ) : /* @__PURE__ */ i("span", { className: "ui-text-sm ui-text-neutral-500", children: o }),
@@ -22561,38 +22562,38 @@ const o3 = E1(
     defaultValue: w = "",
     disabled: h = !1,
     placeholder: f = "",
-    options: x = [],
-    valueName: M = "label",
-    idName: b = "id",
+    options: j = [],
+    valueName: v = "label",
+    idName: x = "value",
     onValueChange: V,
-    onOptionSelect: j,
+    onOptionSelect: b,
     onCheckboxChange: H,
-    searchable: Z = !1,
+    searchable: y = !1,
     maxHeight: D = "200px",
     closeOnClickOutside: U = !0,
     dropdownId: A,
     multiple: S = !1,
-    maxSelectedItems: v,
+    maxSelectedItems: m,
     selectedItemsDisplay: g = "tags",
     absolute: k = !1,
     footer: O = !1,
-    defaultOptionSelected: m = !1,
+    defaultOptionSelected: M = !1,
     withCheckbox: I = !1,
     ...N
   }, q) => {
-    const z = t1(null), [Q, G] = X(c), [J, R] = X(null), [y, B] = X(!1), u1 = S ? x : !S && m ? [
+    const z = t1(null), [Q, G] = X(c), [J, R] = X(null), [Z, B] = X(!1), u1 = S ? j : !S && M ? [
       {
         ...{
           label: f || "Selecciona una opción",
           value: -1,
           disabled: !1
         },
-        [b]: -1,
+        [x]: -1,
         value: -1,
         label: f || "Selecciona una opción"
       },
-      ...x.filter((E) => E[b] !== -1)
-    ] : x, F = C !== void 0 ? C : m && !S ? -1 : w, {
+      ...j.filter((E) => E[x] !== -1)
+    ] : j, F = C !== void 0 ? C : M && !S ? -1 : w, {
       // Estado
       isOpen: i1,
       isClosing: $,
@@ -22621,16 +22622,16 @@ const o3 = E1(
       value: C,
       defaultValue: F,
       options: u1,
-      valueName: M,
-      idName: b,
+      valueName: v,
+      idName: x,
       onValueChange: V,
-      onOptionSelect: j,
-      searchable: Z,
+      onOptionSelect: b,
+      searchable: y,
       closeOnClickOutside: U,
       dropdownId: A,
       disabled: h,
       multiple: S,
-      maxSelectedItems: v,
+      maxSelectedItems: m,
       absolute: k,
       onOpenChange: (E) => {
         E && setTimeout(() => {
@@ -22644,14 +22645,14 @@ const o3 = E1(
           G((E) => E !== c ? c : E), R((E) => E !== null ? null : E);
         else {
           const E = u1.find(
-            (l1) => l1[M] === C || l1[b] === C
+            (l1) => l1[v] === C || l1[x] === C
           );
           if (E) {
             const l1 = E.icon || c, V1 = E.iconColor || null;
             G((K) => K !== l1 ? l1 : K), R((K) => K !== V1 ? V1 : K);
           }
         }
-    }, [C, d1, u1, M, b, c]), Q1(
+    }, [C, d1, u1, v, x, c]), Q1(
       q,
       () => ({
         getValue: () => r1,
@@ -22730,14 +22731,14 @@ const o3 = E1(
           case "count":
             return `${n1.length} elemento${n1.length > 1 ? "s" : ""} seleccionado${n1.length > 1 ? "s" : ""}`;
           case "text":
-            return n1.map((E) => E == null ? void 0 : E[M]).filter(Boolean).join(", ");
+            return n1.map((E) => E == null ? void 0 : E[v]).filter(Boolean).join(", ");
           case "tags":
           default:
             return "";
         }
       } else {
         const E = n1[0];
-        return E ? E[b] === -1 || E[M] === -1 || E[M] === "-1" ? f : E[M] || "" : "";
+        return E ? E[x] === -1 || E[v] === -1 || E[v] === "-1" ? f : E[v] || "" : "";
       }
     }, y0 = () => {
       if (!i1 || !s1.top) return null;
@@ -22759,7 +22760,7 @@ const o3 = E1(
           className: `py-2 ui-min-w-fit ui-overflow-hidden ui-rounded-sm ui-border ui-border-neutral-200 ui-bg-white ui-shadow-lg ${E}`,
           onClick: (K) => K.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { children: Z && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (K) => K.stopPropagation(), children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { children: y && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (K) => K.stopPropagation(), children: /* @__PURE__ */ i(
               A1,
               {
                 value: _,
@@ -22771,17 +22772,17 @@ const o3 = E1(
                 size: "sm"
               }
             ) }) }),
-            Z && /* @__PURE__ */ i(J1, {}),
+            y && /* @__PURE__ */ i(J1, {}),
             /* @__PURE__ */ i("div", { className: "no-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: p1.length > 0 ? p1.map((K) => {
               const P1 = S ? n1.some(
-                (y1) => y1 && y1[M] === K[M]
-              ) : K[b] === -1 && (r1 === -1 || r1 === "-1") || K[M] === r1;
+                (y1) => y1 && y1[x] === K[x]
+              ) : K[x] === -1 && (r1 === -1 || r1 === "-1") || K[x] === r1;
               return I ? /* @__PURE__ */ i(
                 v0,
                 {
                   disabled: K.disabled,
                   current: P1 ? "blue" : !1,
-                  "data-option-value": K[M],
+                  "data-option-value": K[x],
                   icon: K.icon,
                   iconColor: K.iconColor,
                   checkboxProps: {
@@ -22789,21 +22790,21 @@ const o3 = E1(
                     onChange: (y1) => H == null ? void 0 : H(K, y1),
                     disabled: K.disabled
                   },
-                  children: K[M]
+                  children: K[v]
                 },
-                K[b] || K[M]
+                K[x] || K[v]
               ) : /* @__PURE__ */ i(
                 m0,
                 {
                   onClick: (y1) => l1(K, y1),
                   disabled: K.disabled,
                   current: P1 ? "blue" : !1,
-                  "data-option-value": K[M],
+                  "data-option-value": K[x],
                   icon: K.icon,
                   iconColor: K.iconColor,
-                  children: K[M]
+                  children: K[v]
                 },
-                K[b] || K[M]
+                K[x] || K[v]
               );
             }) : _ ? /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
               /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(j1, { name: "SearchOutlined", size: "5xl", color: "neutral" }) }),
@@ -22856,14 +22857,15 @@ const o3 = E1(
               handleRemoveSelected: r0,
               toggleDropdown: L1,
               isOpen: i1,
-              isOpening: y,
+              isOpening: Z,
               setIsOpening: B,
               customInputRef: z,
               disabled: h,
               error: t,
               helperText: n || "",
               rightSlot: d,
-              valueName: M
+              valueName: v,
+              idName: x
             }
           ) : (
             // Input normal para otros modos
@@ -22897,12 +22899,12 @@ const o3 = E1(
           S && g !== "tags" && n1.length > 0 && /* @__PURE__ */ i("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: n1.map((E) => E ? /* @__PURE__ */ i(
             x0,
             {
-              label: E[M],
+              label: E[v],
               color: "blue",
               size: "sm",
-              onClick: () => r0(E[M])
+              onClick: () => r0(E[x])
             },
-            E[M]
+            E[v]
           ) : null) }),
           y0()
         ]
@@ -22946,13 +22948,13 @@ const h3 = {
   title: w,
   tabs: h,
   defaultValueTab: f,
-  onChangeTab: x,
-  headerButtonIcon: M,
-  headerButtonOnClick: b,
+  onChangeTab: j,
+  headerButtonIcon: v,
+  headerButtonOnClick: x,
   footerButtonIcon: V,
-  footerButtonOnClick: j,
+  footerButtonOnClick: b,
   cancelButtonSlotLeft: H,
-  successButtonSlotRight: Z
+  successButtonSlotRight: y
 }) => {
   const D = {
     onClose: o,
@@ -22970,13 +22972,13 @@ const h3 = {
     icon: n,
     tabs: h,
     defaultValueTab: f,
-    onChangeTab: x,
-    headerButtonIcon: M,
-    headerButtonOnClick: b,
+    onChangeTab: j,
+    headerButtonIcon: v,
+    headerButtonOnClick: x,
     footerButtonIcon: V,
-    footerButtonOnClick: j,
+    footerButtonOnClick: b,
     cancelButtonSlotLeft: H,
-    successButtonSlotRight: Z
+    successButtonSlotRight: y
   };
   return /* @__PURE__ */ i(j0.Provider, { value: D, children: r });
 }, V0 = () => {
@@ -23049,26 +23051,26 @@ const h3 = {
     onChangeTab: w,
     headerButtonIcon: h,
     headerButtonOnClick: f
-  } = V0(), x = o ?? L, M = c ?? h, b = d ?? f, V = (n == null ? void 0 : n.length) > 0 ? n : l, j = (V == null ? void 0 : V.length) ?? !1, H = a ?? w, Z = e ?? C, D = (U) => {
+  } = V0(), j = o ?? L, v = c ?? h, x = d ?? f, V = (n == null ? void 0 : n.length) > 0 ? n : l, b = (V == null ? void 0 : V.length) ?? !1, H = a ?? w, y = e ?? C, D = (U) => {
     H && H(U);
   };
   return /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-flex-wrap ui-items-center ui-justify-between ui-gap-x-md ui-border-b ui-border-neutral-100 ui-p-4", children: [
     p && /* @__PURE__ */ i("div", { className: "ui-flex ui-h-8 ui-w-8 ui-items-center ui-justify-center ui-gap-2 ui-rounded-full ui-bg-blue-50 ui-text-blue-500", children: /* @__PURE__ */ i(b1, { slot: p, size: "lg" }) }),
     /* @__PURE__ */ i("div", { className: "ui-flex-1", children: t ? /* @__PURE__ */ i("h2", { className: "ui-text-2xl ui-font-semibold", children: t }) : r }),
     /* @__PURE__ */ u("div", { className: "ui-z-10 ui-flex ui-items-center ui-gap-2", children: [
-      b && /* @__PURE__ */ i(
+      x && /* @__PURE__ */ i(
         o1,
         {
-          onClick: b,
+          onClick: x,
           "aria-label": "Header button",
           variant: "outlined",
           rounded: !0,
           color: "white",
-          icon: M ?? "AlignJustifyOutlined",
+          icon: v ?? "AlignJustifyOutlined",
           size: "lg"
         }
       ),
-      x && /* @__PURE__ */ i(
+      j && /* @__PURE__ */ i(
         o1,
         {
           onClick: s,
@@ -23081,11 +23083,11 @@ const h3 = {
         }
       )
     ] }),
-    j ? /* @__PURE__ */ i("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-absolute", children: /* @__PURE__ */ i(
+    b ? /* @__PURE__ */ i("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-absolute", children: /* @__PURE__ */ i(
       M3,
       {
         options: V ?? [],
-        defaultValue: Z,
+        defaultValue: y,
         size: "sm",
         onChange: (U) => {
           D(U);
@@ -23114,13 +23116,13 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     closeAtCancel: w,
     footerButtonIcon: h,
     footerButtonOnClick: f,
-    cancelButtonSlotLeft: x,
-    successButtonSlotRight: M
-  } = V0(), b = () => {
+    cancelButtonSlotLeft: j,
+    successButtonSlotRight: v
+  } = V0(), x = () => {
     s && s(), w && a();
   }, V = () => {
     L && L(), C && a();
-  }, j = o ?? h, H = t ?? f;
+  }, b = o ?? h, H = t ?? f;
   return /* @__PURE__ */ u(
     "div",
     {
@@ -23133,7 +23135,7 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
             variant: "outlined",
             rounded: !0,
             color: "white",
-            icon: j ?? "AlignJustifyOutlined",
+            icon: b ?? "AlignJustifyOutlined",
             size: "lg",
             onClick: H
           }
@@ -23142,17 +23144,17 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
           p && /* @__PURE__ */ i(
             o1,
             {
-              slotLeft: n ?? x,
+              slotLeft: n ?? j,
               color: "white",
               variant: "outlined",
-              onClick: b,
+              onClick: x,
               children: c
             }
           ),
           l && /* @__PURE__ */ i(
             o1,
             {
-              slotLeft: e ?? M,
+              slotLeft: e ?? v,
               onClick: V,
               children: d
             }
@@ -23190,20 +23192,20 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   onSuccess: w,
   title: h,
   showCancelButton: f,
-  showSuccessButton: x,
-  closeAtSuccess: M,
-  closeAtCancel: b,
+  showSuccessButton: j,
+  closeAtSuccess: v,
+  closeAtCancel: x,
   tabs: V,
-  defaultValueTab: j,
+  defaultValueTab: b,
   onChangeTab: H,
-  headerButtonIcon: Z,
+  headerButtonIcon: y,
   headerButtonOnClick: D,
   footerButtonIcon: U,
   footerButtonOnClick: A,
   cancelButtonSlotLeft: S,
-  successButtonSlotRight: v
+  successButtonSlotRight: m
 }) => {
-  const { isVisible: g, animateIn: k, container: O, modalRef: m } = g3({
+  const { isVisible: g, animateIn: k, container: O, modalRef: M } = g3({
     isOpen: r,
     onClose: o,
     disableEscapeClose: c,
@@ -23232,7 +23234,7 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
         /* @__PURE__ */ i("div", { className: "ui-flex ui-min-h-full ui-items-start ui-justify-center ui-px-4 ui-py-8", children: /* @__PURE__ */ i(
           "div",
           {
-            ref: m,
+            ref: M,
             tabIndex: -1,
             className: Y(
               "ui-relative ui-z-10 ui-my-auto ui-flex ui-w-full ui-transform ui-flex-col ui-rounded-lg ui-bg-white ui-shadow-md ui-outline-none ui-transition-all ui-duration-200",
@@ -23252,20 +23254,20 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
                 onCancel: C,
                 onSuccess: w,
                 showCancelButton: f,
-                showSuccessButton: x,
-                closeAtSuccess: M,
-                closeAtCancel: b,
+                showSuccessButton: j,
+                closeAtSuccess: v,
+                closeAtCancel: x,
                 title: h,
                 icon: t,
-                headerButtonIcon: Z,
+                headerButtonIcon: y,
                 headerButtonOnClick: D,
                 footerButtonIcon: U,
                 footerButtonOnClick: A,
                 tabs: V,
-                defaultValueTab: j,
+                defaultValueTab: b,
                 onChangeTab: H,
                 cancelButtonSlotLeft: S,
-                successButtonSlotRight: v,
+                successButtonSlotRight: m,
                 children: [
                   !I && (a || h ? /* @__PURE__ */ i(F1, { title: h }) : null),
                   e && e,
@@ -23301,80 +23303,80 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   disabled: d = !1,
   absolute: s = !1
 }) => {
-  const L = a0(), p = e || `popup-${L}`, [l, C] = X(!1), [w, h] = X({}), [f, x] = X(!1), M = t1(null), b = t1(null), V = t1(null), j = P(() => {
-    const D = M.current, U = b.current;
+  const L = a0(), p = e || `popup-${L}`, [l, C] = X(!1), [w, h] = X({}), [f, j] = X(!1), v = t1(null), x = t1(null), V = t1(null), b = P(() => {
+    const D = v.current, U = x.current;
     if (!D || !U) return;
     const A = D.getBoundingClientRect(), S = U.getBoundingClientRect();
     if (S.width === 0 || S.height === 0)
       return;
-    let v = 0, g = 0;
+    let m = 0, g = 0;
     if (s) {
       const N = D.offsetTop, q = D.offsetLeft, z = D.offsetWidth, Q = D.offsetHeight;
       switch (r) {
         case "top":
-          v = N - S.height - o, g = q + (z - S.width) / 2;
+          m = N - S.height - o, g = q + (z - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = N + Q + o, g = q + (z - S.width) / 2;
+          m = N + Q + o, g = q + (z - S.width) / 2;
           break;
         case "bottom-left":
-          v = N + Q + o, g = q;
+          m = N + Q + o, g = q;
           break;
         case "bottom-right":
-          v = N + Q + o, g = q + z - S.width;
+          m = N + Q + o, g = q + z - S.width;
           break;
         case "left":
-          v = N, g = q - S.width - o;
+          m = N, g = q - S.width - o;
           break;
         case "right":
-          v = N, g = q + z + o;
+          m = N, g = q + z + o;
           break;
       }
     } else {
       const N = window.innerWidth, q = window.innerHeight, z = A.top, Q = A.left, G = A.width, J = A.height;
       switch (r) {
         case "top":
-          v = z - S.height - o, g = Q + (G - S.width) / 2;
+          m = z - S.height - o, g = Q + (G - S.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          v = z + J + o, g = Q + (G - S.width) / 2;
+          m = z + J + o, g = Q + (G - S.width) / 2;
           break;
         case "bottom-left":
-          v = z + J + o, g = Q;
+          m = z + J + o, g = Q;
           break;
         case "bottom-right":
-          v = z + J + o, g = Q + G - S.width;
+          m = z + J + o, g = Q + G - S.width;
           break;
         case "left":
-          v = z, g = Q - S.width - o;
+          m = z, g = Q - S.width - o;
           break;
         case "right":
-          v = z, g = Q + G + o;
+          m = z, g = Q + G + o;
           break;
       }
-      g < 0 && (g = 0), g + S.width > N && (g = N - S.width), v < 0 && (v = 0), v + S.height > q && (v = q - S.height), r === "bottom-right" && S.width > A.width && (g = A.right - S.width, g < 0 && (g = 0));
+      g < 0 && (g = 0), g + S.width > N && (g = N - S.width), m < 0 && (m = 0), m + S.height > q && (m = q - S.height), r === "bottom-right" && S.width > A.width && (g = A.right - S.width, g < 0 && (g = 0));
     }
-    const k = 1e3, O = parseInt(p.replace(/\D/g, "")) || 0, m = k + O % 100, I = {
+    const k = 1e3, O = parseInt(p.replace(/\D/g, "")) || 0, M = k + O % 100, I = {
       position: s ? "absolute" : "fixed",
-      top: `${v}px`,
+      top: `${m}px`,
       left: `${g}px`,
-      zIndex: m
+      zIndex: M
     };
-    h(I), x(!0);
+    h(I), j(!0);
   }, [r, o, p, s]), H = (D) => {
-    D && D.stopPropagation(), !d && (l ? Z() : (V3(p), h({}), x(!1), C(!0), X1.add(p), a == null || a()));
-  }, Z = () => {
-    C(!1), x(!1), X1.delete(p), c == null || c();
+    D && D.stopPropagation(), !d && (l ? y() : (V3(p), h({}), j(!1), C(!0), X1.add(p), a == null || a()));
+  }, y = () => {
+    C(!1), j(!1), X1.delete(p), c == null || c();
   };
   return W(() => {
     if (l) {
       const D = () => {
-        const U = b.current;
+        const U = x.current;
         if (U) {
           const A = U.getBoundingClientRect();
-          A.width > 0 && A.height > 0 && A.width !== 0 && A.height !== 0 ? j() : setTimeout(() => {
+          A.width > 0 && A.height > 0 && A.width !== 0 && A.height !== 0 ? b() : setTimeout(() => {
             requestAnimationFrame(D);
           }, 10);
         }
@@ -23383,36 +23385,36 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
         requestAnimationFrame(D);
       }, 0);
     }
-  }, [l, j]), W(() => {
+  }, [l, b]), W(() => {
     if (!l || !f || s) return;
     let D = !1;
     const U = () => {
       D || (requestAnimationFrame(() => {
-        j(), D = !1;
+        b(), D = !1;
       }), D = !0);
     };
     return window.addEventListener("scroll", U, { passive: !0 }), window.addEventListener("resize", U, { passive: !0 }), () => {
       window.removeEventListener("scroll", U), window.removeEventListener("resize", U);
     };
-  }, [l, f, s, j]), M0({
+  }, [l, f, s, b]), M0({
     isActive: l,
     disabled: d,
-    elementRef: b,
+    elementRef: x,
     containerRef: V,
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: t,
-    onOutsideClick: Z
-  }), W1(l, Z, !n), {
+    onOutsideClick: y
+  }), W1(l, y, !n), {
     isOpen: l,
     popupStyle: w,
     isPositioned: f,
-    triggerRef: M,
-    popupRef: b,
+    triggerRef: v,
+    popupRef: x,
     containerRef: V,
     popupUniqueId: p,
     togglePopup: H,
-    closePopup: Z
+    closePopup: y
   };
 }, O3 = (r) => ({
   sm: "ui-rounded-sm",
@@ -23439,22 +23441,22 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     size: w = "md",
     textColor: h = "inherit",
     rounded: f = !1,
-    slotLeft: x,
-    borderRadius: M = "sm",
-    slotRight: b,
+    slotLeft: j,
+    borderRadius: v = "sm",
+    slotRight: x,
     icon: V,
-    colorIcon: j,
+    colorIcon: b,
     tooltip: H,
-    tooltipPosition: Z,
+    tooltipPosition: y,
     tooltipAlignment: D,
     tooltipColor: U,
     tooltipDelay: A,
     absolute: S = !1,
-    closeOnClick: v = !0,
+    closeOnClick: m = !0,
     buttonClassName: g,
     containerClassName: k,
     buttonTransition: O = !0,
-    buttonStyle: m,
+    buttonStyle: M,
     ...I
   }, N) => {
     const {
@@ -23464,7 +23466,7 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
       triggerRef: G,
       popupRef: J,
       containerRef: R,
-      popupUniqueId: y,
+      popupUniqueId: Z,
       togglePopup: B,
       closePopup: T
     } = H3({
@@ -23502,16 +23504,16 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
         opacity: Q ? 1 : 0,
         transition: "opacity 0.1s ease-out",
         ...z
-      }, F = O3(M), i1 = /* @__PURE__ */ i(
+      }, F = O3(v), i1 = /* @__PURE__ */ i(
         "div",
         {
           ref: J,
-          id: y,
-          "data-popup-id": y,
+          id: Z,
+          "data-popup-id": Z,
           style: u1,
           className: `ui-border ui-border-neutral-100 ui-bg-white ${F} ui-overflow-hidden ui-shadow-lg ${d}`,
           onClick: () => {
-            v && T();
+            m && T();
           },
           ...I,
           children: r
@@ -23524,7 +23526,7 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
       {
         ref: R,
         className: Y("ui-relative ui-h-max"),
-        "data-popup-container-id": y,
+        "data-popup-container-id": Z,
         children: [
           /* @__PURE__ */ i("div", { ref: G, className: Y("ui-w-fit", k), children: /* @__PURE__ */ i(
             H1,
@@ -23537,17 +23539,17 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
               size: w,
               rounded: f,
               icon: V,
-              slotLeft: x,
-              slotRight: b,
-              colorIcon: j,
+              slotLeft: j,
+              slotRight: x,
+              colorIcon: b,
               textColor: h,
               tooltip: H,
-              tooltipPosition: Z,
+              tooltipPosition: y,
               tooltipAlignment: D,
               tooltipColor: U,
               tooltipDelay: A,
               transition: O,
-              style: m,
+              style: M,
               children: o || ""
             }
           ) }),
@@ -23583,17 +23585,17 @@ const Z3 = [
   W(() => {
     r > o && o > 0 && d(o);
   }, [r, o, d]);
-  const w = (j) => {
-    j >= 1 && j <= o && d(j);
+  const w = (b) => {
+    b >= 1 && b <= o && d(b);
   }, [h, f] = X(t);
   W(() => {
     f(t);
   }, [t]);
-  const x = Math.min(r * (t || 0), n || 0) || 0, b = (() => {
-    const j = Math.min(Math.max(r, 1), Math.max(o - p + 1, 1)), H = Math.min(j + p - 1, o);
-    return Array.from({ length: H - j + 1 }, (Z, D) => j + D);
-  })(), V = (j) => {
-    f(j), s(j), w(1);
+  const j = Math.min(r * (t || 0), n || 0) || 0, x = (() => {
+    const b = Math.min(Math.max(r, 1), Math.max(o - p + 1, 1)), H = Math.min(b + p - 1, o);
+    return Array.from({ length: H - b + 1 }, (y, D) => b + D);
+  })(), V = (b) => {
+    f(b), s(b), w(1);
   };
   return /* @__PURE__ */ i(
     "div",
@@ -23610,9 +23612,9 @@ const Z3 = [
           o,
           n && /* @__PURE__ */ u("span", { className: "ui-ml-2", children: [
             "(",
-            x,
+            j,
             "-",
-            x,
+            j,
             " de ",
             n,
             ")"
@@ -23652,21 +23654,21 @@ const Z3 = [
                   "aria-label": "Ir a la página anterior"
                 }
               ),
-              b.map((j) => /* @__PURE__ */ i(
+              x.map((b) => /* @__PURE__ */ i(
                 o1,
                 {
                   square: !0,
                   rounded: !0,
-                  onClick: () => w(j),
-                  whiteBackground: r === j,
+                  onClick: () => w(b),
+                  whiteBackground: r === b,
                   size: "md",
                   variant: "outlined",
-                  color: r === j ? "neutral" : "white",
-                  "aria-label": `Ir a la página ${j}`,
-                  "aria-current": r === j ? "page" : void 0,
-                  children: j
+                  color: r === b ? "neutral" : "white",
+                  "aria-label": `Ir a la página ${b}`,
+                  "aria-current": r === b ? "page" : void 0,
+                  children: b
                 },
-                j
+                b
               )),
               /* @__PURE__ */ i(
                 o1,
@@ -23715,7 +23717,7 @@ const Z3 = [
               options: c,
               value: h,
               valueName: "id",
-              onValueChange: (j) => V(Number(j))
+              onValueChange: (b) => V(Number(b))
             }
           )
         ] }) })
@@ -23939,15 +23941,15 @@ const Z3 = [
 }) => {
   const [d, s] = X(!1), [L, p] = X(!1), l = c || `radio-${Math.random().toString(36).substr(2, 9)}`, w = r !== void 0 ? r : o !== void 0 ? o : !1, h = P(() => t ? w ? "disabledChecked" : "disabledUnchecked" : d ? w ? "checkedActive" : "uncheckedActive" : L ? w ? "checkedHover" : "uncheckedHover" : w ? "checked" : "unchecked", [t, w, d, L]), f = P(() => {
     t || s(!0);
-  }, [t]), x = P(() => {
+  }, [t]), j = P(() => {
     s(!1);
-  }, []), M = P(() => {
+  }, []), v = P(() => {
     t || p(!0);
-  }, [t]), b = P(() => {
+  }, [t]), x = P(() => {
     p(!1), s(!1);
   }, []), V = P(
-    (j) => {
-      t || (j.preventDefault(), n && n({
+    (b) => {
+      t || (b.preventDefault(), n && n({
         target: {
           value: e,
           checked: !w,
@@ -23965,9 +23967,9 @@ const Z3 = [
     isHovered: L,
     handlers: {
       handleMouseDown: f,
-      handleMouseUp: x,
-      handleMouseEnter: M,
-      handleMouseLeave: b,
+      handleMouseUp: j,
+      handleMouseEnter: v,
+      handleMouseLeave: x,
       handleClick: V
     }
   };
@@ -24306,23 +24308,23 @@ const Z3 = [
   vertical: C = !1,
   stepClickable: w = !1
 }) => {
-  const { currentStep: h, getColorClasses: f, handleStepClick: x, getStepStatus: M } = N3({
+  const { currentStep: h, getColorClasses: f, handleStepClick: j, getStepStatus: v } = N3({
     steps: r,
     currentStep: s,
     onClickStep: L,
     onStepChange: p
-  }), b = f(o || "blue");
-  return /* @__PURE__ */ i("div", { className: `${C ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${l ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${l ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${E3({ color: o, size: t, className: n })}`, children: r.map((j, H) => {
-    const Z = M(H), D = H === r.length - 1;
+  }), x = f(o || "blue");
+  return /* @__PURE__ */ i("div", { className: `${C ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${l ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${l ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${E3({ color: o, size: t, className: n })}`, children: r.map((b, H) => {
+    const y = v(H), D = H === r.length - 1;
     return /* @__PURE__ */ i(
       A3,
       {
-        step: j,
+        step: b,
         stepIndex: H,
-        status: Z,
-        colorClasses: b,
+        status: y,
+        colorClasses: x,
         isLast: D,
-        onStepClick: x,
+        onStepClick: j,
         classNameStep: e,
         classNameStepLabel: a,
         classNameStepIcon: c,