@imj_media/ui 1.0.46 → 1.0.48

package/dist/index.esm.js

@@ -6,7 +6,7 @@ import { cva as c1 } from "class-variance-authority";
 import l0, { createPortal as B1 } from "react-dom";
 import { Prism as S0 } from "react-syntax-highlighter";
 import { dark as $0, prism as P0, materialLight as N0, materialDark as T0, atomDark as D0, oneLight as z0, oneDark as A0, tomorrow as E0, dracula as R0 } from "react-syntax-highlighter/dist/esm/styles/prism";
-function U(...r) {
+function _(...r) {
   return B0(I0(r));
 }
 function F0({
@@ -18288,7 +18288,7 @@ function j1({
       role: "button",
       tabIndex: 0,
       onClick: v,
-      className: U(
+      className: _(
         e,
         "ui-inline-block ui-cursor-pointer ui-rounded-full ui-p-1 ui-transition-all ui-duration-200",
         a ? "ui-rounded-full ui-bg-blue-50 ui-p-2" : "",
@@ -18302,7 +18302,7 @@ function j1({
   ) : /* @__PURE__ */ i(
     "i",
     {
-      className: U(
+      className: _(
         e,
         "ui-inline-block",
         a ? "ui-rounded-full ui-bg-blue-50 ui-p-2" : ""
@@ -18344,7 +18344,7 @@ const H8 = ({
       }
     }
   );
-  return /* @__PURE__ */ i("span", { className: U(s({ color: o, border: t, size: l }), n), ...e, children: r });
+  return /* @__PURE__ */ i("span", { className: _(s({ color: o, border: t, size: l }), n), ...e, children: r });
 }, O8 = ({ slot: r, className: o, size: t, fallback: n = "" }) => {
   const [e, a] = G(!1), [c, l] = G(!1), s = o1(null), p = c1("inner-avatar", {
     variants: {
@@ -18394,7 +18394,7 @@ const H8 = ({
   }, [r]), !r || e ? /* @__PURE__ */ i(
     "div",
     {
-      className: U(
+      className: _(
         o,
         "ui-rounded-full ui-flex ui-items-center ui-bg-blue-500 ui-justify-center ui-text-white ui-font-medium ui-leading-none",
         p
@@ -18406,7 +18406,7 @@ const H8 = ({
     {
       src: r,
       alt: "Visual",
-      className: U(o, "ui-rounded-full ui-object-cover", p),
+      className: _(o, "ui-rounded-full ui-object-cover", p),
       onError: d,
       onLoad: C,
       loading: "lazy"
@@ -18414,7 +18414,7 @@ const H8 = ({
   ) : /* @__PURE__ */ i(
     "div",
     {
-      className: U(
+      className: _(
         o,
         "ui-rounded-full ui-flex ui-items-center ui-bg-gray-300 ui-justify-center ui-text-gray-600 ui-font-medium",
         p
@@ -18753,58 +18753,58 @@ const H8 = ({
     if (!w.current || !a) return;
     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) {
+      const Z = V.current, O = 2;
+      if (Math.abs(g.top - Z.top) > O || Math.abs(g.left - Z.left) > O) {
         y();
         return;
       }
     }
     V.current = g;
-  }, [a, y]), _ = P(() => {
+  }, [a, y]), U = P(() => {
     var q, D, Q, X, J, R;
     if (!w.current || !h.current) return;
-    const m = w.current.getBoundingClientRect(), g = h.current.getBoundingClientRect(), k = 8;
+    const m = w.current.getBoundingClientRect(), g = h.current.getBoundingClientRect(), Z = 8;
     let O = 0, M = 0;
     if (t) {
-      const Z = (q = f.current) == null ? void 0 : q.getBoundingClientRect();
-      if (!Z) return;
-      const B = m.top - Z.top, z = m.left - Z.left;
+      const k = (q = f.current) == null ? void 0 : q.getBoundingClientRect();
+      if (!k) return;
+      const B = m.top - k.top, A = m.left - k.left;
       switch (r) {
         case "top":
-          O = B - g.height - k, M = z + m.width / 2 - g.width / 2;
+          O = B - g.height - Z, M = A + m.width / 2 - g.width / 2;
           break;
         case "bottom":
-          O = B + m.height + k, M = z + m.width / 2 - g.width / 2;
+          O = B + m.height + Z, M = A + m.width / 2 - g.width / 2;
           break;
         case "left":
-          O = B + m.height / 2 - g.height / 2, M = z - g.width - k;
+          O = B + m.height / 2 - g.height / 2, M = A - g.width - Z;
           break;
         case "right":
-          O = B + m.height / 2 - g.height / 2, M = z + m.width + k;
+          O = B + m.height / 2 - g.height / 2, M = A + m.width + Z;
           break;
         case "top-left":
-          O = B - g.height - k, M = z;
+          O = B - g.height - Z, M = A;
           break;
         case "top-right":
-          O = B - g.height - k, M = z + m.width - g.width;
+          O = B - g.height - Z, M = A + m.width - g.width;
           break;
         case "bottom-left":
-          O = B + m.height + k, M = z;
+          O = B + m.height + Z, M = A;
           break;
         case "bottom-right":
-          O = B + m.height + k, M = z + m.width - g.width;
+          O = B + m.height + Z, M = A + m.width - g.width;
           break;
         case "right-top":
-          O = B, M = z + m.width + k;
+          O = B, M = A + m.width + Z;
           break;
         case "right-bottom":
-          O = B + m.height - g.height, M = z + m.width + k;
+          O = B + m.height - g.height, M = A + m.width + Z;
           break;
         case "left-top":
-          O = B, M = z - g.width - k;
+          O = B, M = A - g.width - Z;
           break;
         case "left-bottom":
-          O = B + m.height - g.height, M = z - g.width - k;
+          O = B + m.height - g.height, M = A - g.width - Z;
           break;
       }
       O < 0 && (O = 0), M < 0 && (M = 0), (() => {
@@ -18815,29 +18815,29 @@ const H8 = ({
         if (!(() => {
           switch (r) {
             case "top":
-              return B >= g.height + k;
+              return B >= g.height + Z;
             case "bottom":
-              return B + m.height + k + g.height <= u1.height;
+              return B + m.height + Z + g.height <= u1.height;
             case "left":
-              return z >= g.width + k;
+              return A >= g.width + Z;
             case "right":
-              return z + m.width + k + g.width <= u1.width;
+              return A + m.width + Z + g.width <= u1.width;
             default:
               return !0;
           }
-        })() && (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" ? z + m.width + k + g.width <= u1.width && (F = "right", i1 = !0) : r === "right" && z >= g.width + k && (F = "left", i1 = !0), i1)) {
+        })() && (r === "top" ? B + m.height + Z + g.height <= u1.height && (F = "bottom", i1 = !0) : r === "bottom" ? B >= g.height + Z && (F = "top", i1 = !0) : r === "left" ? A + m.width + Z + g.width <= u1.width && (F = "right", i1 = !0) : r === "right" && A >= g.width + Z && (F = "left", i1 = !0), i1)) {
           switch (F) {
             case "top":
-              O = B - g.height - k, M = z + m.width / 2 - g.width / 2;
+              O = B - g.height - Z, M = A + m.width / 2 - g.width / 2;
               break;
             case "bottom":
-              O = B + m.height + k, M = z + m.width / 2 - g.width / 2;
+              O = B + m.height + Z, M = A + m.width / 2 - g.width / 2;
               break;
             case "left":
-              O = B + m.height / 2 - g.height / 2, M = z - g.width - k;
+              O = B + m.height / 2 - g.height / 2, M = A - g.width - Z;
               break;
             case "right":
-              O = B + m.height / 2 - g.height / 2, M = z + m.width + k;
+              O = B + m.height / 2 - g.height / 2, M = A + m.width + Z;
               break;
           }
           C(F);
@@ -18846,55 +18846,55 @@ const H8 = ({
     } else
       switch (r) {
         case "top":
-          O = m.top - g.height - k, M = m.left + m.width / 2 - g.width / 2;
+          O = m.top - g.height - Z, M = m.left + m.width / 2 - g.width / 2;
           break;
         case "bottom":
-          O = m.bottom + k, M = m.left + m.width / 2 - g.width / 2;
+          O = m.bottom + Z, M = m.left + m.width / 2 - g.width / 2;
           break;
         case "left":
-          O = m.top + m.height / 2 - g.height / 2, M = m.left - g.width - k;
+          O = m.top + m.height / 2 - g.height / 2, M = m.left - g.width - Z;
           break;
         case "right":
-          O = m.top + m.height / 2 - g.height / 2, M = m.right + k;
+          O = m.top + m.height / 2 - g.height / 2, M = m.right + Z;
           break;
         case "top-left":
-          O = m.top - g.height - k, M = m.left;
+          O = m.top - g.height - Z, M = m.left;
           break;
         case "top-right":
-          O = m.top - g.height - k, M = m.right - g.width;
+          O = m.top - g.height - Z, M = m.right - g.width;
           break;
         case "bottom-left":
-          O = m.bottom + k, M = m.left;
+          O = m.bottom + Z, M = m.left;
           break;
         case "bottom-right":
-          O = m.bottom + k, M = m.right - g.width;
+          O = m.bottom + Z, M = m.right - g.width;
           break;
         case "right-top":
-          O = m.top, M = m.right + k;
+          O = m.top, M = m.right + Z;
           break;
         case "right-bottom":
-          O = m.bottom - g.height, M = m.right + k;
+          O = m.bottom - g.height, M = m.right + Z;
           break;
         case "left-top":
-          O = m.top, M = m.left - g.width - k;
+          O = m.top, M = m.left - g.width - Z;
           break;
         case "left-bottom":
-          O = m.bottom - g.height, M = m.left - g.width - k;
+          O = m.bottom - g.height, M = m.left - g.width - Z;
           break;
       }
     if (r.includes("top") || r.includes("bottom"))
       switch (o) {
         case "start":
           if (t) {
-            const Z = (D = f.current) == null ? void 0 : D.getBoundingClientRect();
-            Z && (M = m.left - Z.left);
+            const k = (D = f.current) == null ? void 0 : D.getBoundingClientRect();
+            k && (M = m.left - k.left);
           } else
             M = m.left;
           break;
         case "end":
           if (t) {
-            const Z = (Q = f.current) == null ? void 0 : Q.getBoundingClientRect();
-            Z && (M = m.right - Z.left - g.width);
+            const k = (Q = f.current) == null ? void 0 : Q.getBoundingClientRect();
+            k && (M = m.right - k.left - g.width);
           } else
             M = m.right - g.width;
           break;
@@ -18903,25 +18903,25 @@ const H8 = ({
       switch (o) {
         case "start":
           if (t) {
-            const Z = (X = f.current) == null ? void 0 : X.getBoundingClientRect();
-            Z && (O = m.top - Z.top);
+            const k = (X = f.current) == null ? void 0 : X.getBoundingClientRect();
+            k && (O = m.top - k.top);
           } else
             O = m.top;
           break;
         case "end":
           if (t) {
-            const Z = (J = f.current) == null ? void 0 : J.getBoundingClientRect();
-            Z && (O = m.bottom - Z.top - g.height);
+            const k = (J = f.current) == null ? void 0 : J.getBoundingClientRect();
+            k && (O = m.bottom - k.top - g.height);
           } else
             O = m.bottom - g.height;
           break;
       }
     if (t) {
-      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));
+      const k = (R = f.current) == null ? void 0 : R.getBoundingClientRect();
+      k && (M < 8 && (M = 8), M + g.width > k.width - 8 && (M = k.width - g.width - 8), O < 8 && (O = 8), O + g.height > k.height - 8 && (O = k.height - g.height - 8));
     } else {
-      const Z = window.innerWidth, B = window.innerHeight, z = 8;
-      M < z && (M = z), M + g.width > Z - z && (M = Z - g.width - z), O < z && (O = z), O + g.height > B - z && (O = B - g.height - z);
+      const k = window.innerWidth, B = window.innerHeight, A = 8;
+      M < A && (M = A), M + g.width > k - A && (M = k - g.width - A), O < A && (O = A), O + g.height > B - A && (O = B - g.height - A);
     }
     if (isNaN(O) || isNaN(M) || O < 0 || M < 0) {
       y();
@@ -18938,13 +18938,13 @@ const H8 = ({
     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 (_(), w.current) {
+    if (U(), w.current) {
       const m = w.current.getBoundingClientRect();
       V.current = { top: m.top, left: m.left };
     }
   }), x.current = setInterval(T, 100)) : x.current && (clearInterval(x.current), x.current = null), () => {
     x.current && (clearInterval(x.current), x.current = null);
-  }), [a, _, T]), W(() => {
+  }), [a, U, T]), W(() => {
     if (w.current)
       return v.current = new IntersectionObserver(
         (m) => {
@@ -18970,7 +18970,7 @@ const H8 = ({
       window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", g);
     };
   }, [a, t, y]);
-  const A = P(() => {
+  const z = P(() => {
     e || (j.current && (clearTimeout(j.current), j.current = null), n > 0 ? j.current = setTimeout(() => {
       c(!0);
     }, n) : c(!0));
@@ -18987,9 +18987,9 @@ const H8 = ({
     triggerRef: w,
     tooltipRef: h,
     containerRef: f,
-    handleMouseEnter: A,
+    handleMouseEnter: z,
     handleMouseLeave: S,
-    calculatePosition: _
+    calculatePosition: U
   };
 }, k8 = {
   white: { bg: "ui-bg-white", text: "ui-text-gray-900", arrow: "var(--ui-color-white)" },
@@ -19219,7 +19219,7 @@ const H8 = ({
         onMouseLeave: H,
         onFocus: b,
         onBlur: H,
-        className: U("ui-inline-block ui-h-fit ui-w-fit", L ? "ui-w-full" : "ui-w-fit"),
+        className: _("ui-inline-block ui-h-fit ui-w-fit", L ? "ui-w-full" : "ui-w-fit"),
         children: r
       }
     ),
@@ -19228,7 +19228,7 @@ const H8 = ({
       {
         ref: x,
         id: a,
-        className: U(
+        className: _(
           y,
           "imj-ui-tooltip ui-font-bold",
           s
@@ -19244,7 +19244,7 @@ const H8 = ({
         ...w,
         children: [
           o,
-          /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", d), style: T })
+          /* @__PURE__ */ i("div", { className: _("tooltip-imj-ui-arrow", d), style: T })
         ]
       }
     ) : B1(
@@ -19253,7 +19253,7 @@ const H8 = ({
         {
           ref: x,
           id: a,
-          className: U(
+          className: _(
             y,
             "imj-ui-tooltip ui-font-bold",
             s
@@ -19269,7 +19269,7 @@ const H8 = ({
           ...w,
           children: [
             o,
-            /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", d), style: T })
+            /* @__PURE__ */ i("div", { className: _("tooltip-imj-ui-arrow", d), style: T })
           ]
         }
       ),
@@ -19401,12 +19401,12 @@ const H8 = ({
   onClickRightSlot: H,
   disabled: y,
   colorIcon: T,
-  showShadow: _ = !1,
-  borderable: A,
+  showShadow: U = !1,
+  borderable: z,
   iconSizeExtended: S = "none",
   defaultSizeIcon: m = !0,
   defaultTooltipColor: g = !0,
-  as: k = "button",
+  as: Z = "button",
   classNameId: O = "imj-ui-inner-button",
   tooltip: M = "",
   tooltipPosition: I,
@@ -19417,9 +19417,9 @@ const H8 = ({
   classNameTooltip: X,
   stopPropagation: J = !0,
   pointer: R = !1,
-  ref: Z,
+  ref: k,
   onClick: B,
-  textAlign: z = "center",
+  textAlign: A = "center",
   whiteBackground: e1 = !1,
   strokeWidth: u1 = 2,
   transition: F = !0,
@@ -19470,10 +19470,10 @@ const H8 = ({
     d && /* @__PURE__ */ u(
       "p",
       {
-        className: U(
+        className: _(
           "ui-relative ui-leading-none",
           n || e ? "" : "ui-w-full",
-          s1({ color: C, textAlign: z })
+          s1({ color: C, textAlign: A })
         ),
         children: [
           d,
@@ -19505,7 +19505,7 @@ const H8 = ({
       }
     )
   ] }), 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 ${_ && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${R && Y ? "!ui-cursor-pointer" : ""} ${F ? "ui-transition-all ui-duration-300" : ""}`,
+    `${O} ui-h-fit ui-justify-center ui-flex ui-items-center ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${U && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${R && Y ? "!ui-cursor-pointer" : ""} ${F ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
         variant: {
@@ -19525,17 +19525,17 @@ const H8 = ({
           "3xl": `ui-max-h-[62px] ui-min-h-[62px] ui-min-w-[62px] ${d ? "ui-px-7 ui-py-3.5" : "ui-p-3.5 ui-w-[62px] ui-flex ui-justify-center ui-items-center"} ui-h-[62px] ui-text-[20px] ${v ? `ui-max-w-[62px] ui-min-h-[62px] ${a1}` : ""}`
         },
         color: {
-          blue: C1(a, w, A, e1).blue,
-          "blue-dark": C1(a, w, A, e1)["blue-dark"],
-          orange: C1(a, w, A, e1).orange,
-          red: C1(a, w, A, e1).red,
-          green: C1(a, w, A, e1).green,
-          white: C1(a, w, A, e1).white,
-          yellow: C1(a, w, A, e1).yellow,
-          "blue-light": C1(a, w, A, e1)["blue-light"],
-          neutral: C1(a, w, A, e1).neutral,
-          black: C1(a, w, A, e1).black,
-          transparent: C1(a, w, A, e1).transparent
+          blue: C1(a, w, z, e1).blue,
+          "blue-dark": C1(a, w, z, e1)["blue-dark"],
+          orange: C1(a, w, z, e1).orange,
+          red: C1(a, w, z, e1).red,
+          green: C1(a, w, z, e1).green,
+          white: C1(a, w, z, e1).white,
+          yellow: C1(a, w, z, e1).yellow,
+          "blue-light": C1(a, w, z, e1)["blue-light"],
+          neutral: C1(a, w, z, e1).neutral,
+          black: C1(a, w, z, e1).black,
+          transparent: C1(a, w, z, e1).transparent
         },
         rounded: {
           false: "ui-rounded-sm",
@@ -19559,18 +19559,18 @@ const H8 = ({
     rounded: p,
     fullWidth: t,
     variant: a,
-    className: U(r)
+    className: _(r)
   });
   return f ? /* @__PURE__ */ i(
     "a",
     {
-      ref: Z,
+      ref: k,
       href: f,
       target: x,
-      className: U(M1, r),
+      className: _(M1, r),
       children: d1()
     }
-  ) : k === "div" ? /* @__PURE__ */ i(
+  ) : Z === "div" ? /* @__PURE__ */ i(
     o0,
     {
       label: M,
@@ -19584,8 +19584,8 @@ const H8 = ({
       children: /* @__PURE__ */ i(
         "div",
         {
-          ref: Z,
-          className: U(M1, r),
+          ref: k,
+          className: _(M1, r),
           ...i1,
           children: d1()
         }
@@ -19604,8 +19604,8 @@ const H8 = ({
       children: /* @__PURE__ */ i(
         "button",
         {
-          ref: Z,
-          className: U(M1, r),
+          ref: k,
+          className: _(M1, r),
           ...$,
           ...i1,
           onClick: p1,
@@ -20065,10 +20065,10 @@ const H8 = ({
       }
     }
   );
-  return /* @__PURE__ */ u("div", { className: U("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", r), children: [
-    (d || C) && /* @__PURE__ */ u("div", { className: U(h({ status: o })), children: [
+  return /* @__PURE__ */ u("div", { className: _("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", r), children: [
+    (d || C) && /* @__PURE__ */ u("div", { className: _(h({ status: o })), children: [
       d && /* @__PURE__ */ i(j1, { name: d, size: "2xl", color: "white", strokeWidth: 4 }),
-      /* @__PURE__ */ i("div", { className: U(f({ borderStyle: p })) })
+      /* @__PURE__ */ i("div", { className: _(f({ borderStyle: p })) })
     ] }),
     /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-w-full ui-flex-col ui-gap-1.5", children: [
       /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-justify-between ui-gap-2", children: [
@@ -20088,7 +20088,7 @@ const H8 = ({
       /* @__PURE__ */ i(
         "p",
         {
-          className: U("ui-text-xxs", o === "red" ? "ui-text-red-500" : "ui-text-neutral-500"),
+          className: _("ui-text-xxs", o === "red" ? "ui-text-red-500" : "ui-text-neutral-500"),
           children: w
         }
       )
@@ -20121,7 +20121,7 @@ const H8 = ({
   return /* @__PURE__ */ u(
     "div",
     {
-      className: U(
+      className: _(
         "ui-relative ui-overflow-hidden",
         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" : ""
@@ -20152,7 +20152,7 @@ const H8 = ({
             }
           )
         ] }),
-        h && /* @__PURE__ */ i("div", { className: U("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
+        h && /* @__PURE__ */ i("div", { className: _("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
           U8,
           {
             progress: 100,
@@ -20190,8 +20190,8 @@ const H8 = ({
   tooltipPosition: H,
   tooltipAlignment: y,
   tooltipColor: T,
-  tooltipDelay: _,
-  ...A
+  tooltipDelay: U,
+  ...z
 }) => /* @__PURE__ */ i(
   t1,
   {
@@ -20219,8 +20219,8 @@ const H8 = ({
     tooltipPosition: H,
     tooltipAlignment: y,
     tooltipColor: T,
-    tooltipDelay: _,
-    ...A
+    tooltipDelay: U,
+    ...z
   }
 ), l5 = ({
   children: r,
@@ -20247,7 +20247,7 @@ const H8 = ({
 }, J1 = ({ className: r, vertical: o = !1, padding: t = !0 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: U(
+    className: _(
       "ui-bg-neutral-100",
       r,
       "",
@@ -20272,7 +20272,7 @@ const H8 = ({
   return /* @__PURE__ */ i(
     "div",
     {
-      className: U(
+      className: _(
         "ui-flex ui-w-full ui-flex-col ui-border-1 ui-border-neutral-100 ui-bg-white ui-shadow-sm",
         o,
         s ? "ui-gap-4" : "",
@@ -20293,7 +20293,7 @@ g1.Header = ({ children: r, className: o }) => /* @__PURE__ */ i("div", { classN
 g1.Body = ({ children: r, className: o, fullHeight: t = !1, scrollable: n = !0 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: U(
+    className: _(
       o,
       t ? "ui-h-full" : "",
       n ? "custom-scrollbar ui-overflow-y-auto" : ""
@@ -20328,9 +20328,9 @@ const Y8 = (r) => {
       if (M) {
         const I = M.getBoundingClientRect(), N = window.innerHeight, q = window.innerWidth, D = 320, Q = 256, X = 8;
         let J, R = I.left;
-        const Z = N - I.bottom, B = I.top;
-        Z >= D + X ? J = I.bottom + X : B >= D + X ? J = I.top - D + X : Z > B ? J = I.bottom + X : J = I.top - D + X, I.left + Q > q && (R = I.right - Q), R = Math.max(0, Math.min(R, q - Q)), s((z) => ({
-          ...z,
+        const k = N - I.bottom, B = I.top;
+        k >= D + X ? J = I.bottom + X : B >= D + X ? J = I.top - D + X : k > B ? J = I.bottom + X : J = I.top - D + X, I.left + Q > q && (R = I.right - Q), R = Math.max(0, Math.min(R, q - Q)), s((A) => ({
+          ...A,
           isOpen: !0,
           portalPosition: { top: J, left: R }
         })), p(!0);
@@ -20360,13 +20360,13 @@ const Y8 = (r) => {
       }
       return { ...I, currentDate: N };
     });
-  }, []), _ = P(
+  }, []), U = P(
     (M) => {
       var I;
       o === "single" && (w && s((N) => ({ ...N, internalDate: M })), (I = r.onDateChange) == null || I.call(r, M), a && b());
     },
     [o, w, r.onDateChange, a, b]
-  ), A = P(
+  ), z = P(
     (M) => {
       var I;
       o === "range" && (C || s((N) => ({ ...N, internalRange: M })), (I = r.onRangeChange) == null || I.call(r, M), c && M.start && M.end && b());
@@ -20392,7 +20392,7 @@ const Y8 = (r) => {
         viewMode: "months"
       };
     });
-  }, []), k = P(() => {
+  }, []), Z = P(() => {
     const M = /* @__PURE__ */ new Date();
     s((I) => ({
       ...I,
@@ -20407,8 +20407,8 @@ const Y8 = (r) => {
       return;
     const I = M.getBoundingClientRect(), N = window.innerHeight, q = window.innerWidth, D = 320, Q = 256, X = 8;
     let J, R = I.left;
-    const Z = N - I.bottom, B = I.top;
-    Z >= D + X ? J = I.bottom + X : B >= D + X ? J = I.top - D + X : Z > B ? J = I.bottom + X : J = I.top - D + X, I.left + Q > q && (R = I.right - Q), R = Math.max(0, Math.min(R, q - Q)), s((z) => ({ ...z, portalPosition: { top: J, left: R } })), p(!0);
+    const k = N - I.bottom, B = I.top;
+    k >= D + X ? J = I.bottom + X : B >= D + X ? J = I.top - D + X : k > B ? J = I.bottom + X : J = I.top - D + X, I.left + Q > q && (R = I.right - Q), R = Math.max(0, Math.min(R, q - Q)), s((A) => ({ ...A, portalPosition: { top: J, left: R } })), p(!0);
   }, []);
   return W(() => {
     if (!l.isOpen) return;
@@ -20434,14 +20434,14 @@ const Y8 = (r) => {
       closePicker: b,
       setCurrentDate: H,
       setViewMode: y,
-      setSelectedDate: _,
-      setSelectedRange: A,
+      setSelectedDate: U,
+      setSelectedRange: z,
       setHoverDate: S,
       updatePortalPosition: O,
       navigate: T,
       handleMonthSelect: m,
       handleYearSelect: g,
-      goToToday: k
+      goToToday: Z
     }
   };
 }, x1 = (r) => r && r instanceof Date && !isNaN(r.getTime()), c0 = (r, o, t, n, e) => {
@@ -21186,8 +21186,8 @@ const Y8 = (r) => {
     ...y
   }, T) => {
     const {
-      value: _,
-      setValue: A,
+      value: U,
+      setValue: z,
       isControlled: S
     } = n3({
       value: L,
@@ -21195,8 +21195,8 @@ const Y8 = (r) => {
       onChange: w
     }), m = (N) => {
       const q = N.target.value;
-      A(q), h == null || h(N);
-    }, { paddingClasses: g, getIconPosition: k } = e3({
+      z(q), h == null || h(N);
+    }, { paddingClasses: g, getIconPosition: Z } = e3({
       size: n,
       leftSlot: a,
       rightSlot: c,
@@ -21213,14 +21213,14 @@ const Y8 = (r) => {
     });
     return i3({
       ref: T,
-      currentValue: _,
-      setValue: A,
+      currentValue: U,
+      setValue: z,
       isControlled: S,
       inputId: y.id
     }), /* @__PURE__ */ u(
       "div",
       {
-        className: U(
+        className: _(
           "ui-relative ui-flex ui-flex-col ui-gap-1",
           p ? "ui-w-full" : "ui-w-fit",
           j
@@ -21249,7 +21249,7 @@ const Y8 = (r) => {
               {
                 slot: a,
                 colorIcon: b,
-                className: `ui-absolute ${k("left")} ui-top-1/2 ui--translate-y-1/2`,
+                className: `ui-absolute ${Z("left")} ui-top-1/2 ui--translate-y-1/2`,
                 fallback: (L == null ? void 0 : L.toString().substring(0, 1)) || ""
               }
             ),
@@ -21258,7 +21258,7 @@ const Y8 = (r) => {
               {
                 placeholder: "Placeholder",
                 disabled: C,
-                value: _,
+                value: U,
                 onChange: m,
                 name: x,
                 "data-input-id": y.id || "default-input",
@@ -21270,20 +21270,20 @@ const Y8 = (r) => {
               b1,
               {
                 slot: c,
-                className: `ui-absolute ${k("right")} ui-top-1/2 ui--translate-y-1/2`
+                className: `ui-absolute ${Z("right")} ui-top-1/2 ui--translate-y-1/2`
               }
             ),
             c && l && /* @__PURE__ */ i(
               "div",
               {
-                className: `ui-absolute ${k("separator")} ui-top-1/2 ui-h-5 ui-w-[1px] ui--translate-y-1/2 ${o ? "ui-bg-red-500" : "ui-bg-neutral-100"}`
+                className: `ui-absolute ${Z("separator")} ui-top-1/2 ui-h-5 ui-w-[1px] ui--translate-y-1/2 ${o ? "ui-bg-red-500" : "ui-bg-neutral-100"}`
               }
             ),
             l && /* @__PURE__ */ i(
               "button",
               {
                 onClick: f,
-                className: `ui-absolute ${k("extra")} ui-top-1/2 ui-flex ui--translate-y-1/2 ui-place-items-center`,
+                className: `ui-absolute ${Z("extra")} ui-top-1/2 ui-flex ui--translate-y-1/2 ui-place-items-center`,
                 type: "button",
                 children: /* @__PURE__ */ i(b1, { slot: l })
               }
@@ -21531,9 +21531,9 @@ const o3 = E1(
   renderHeader: y,
   renderDay: T
 }) => {
-  const _ = (k) => {
-    L == null || L(k);
-  }, A = () => {
+  const U = (Z) => {
+    L == null || L(Z);
+  }, z = () => {
     switch (l) {
       case "days":
         s("months");
@@ -21545,10 +21545,10 @@ const o3 = E1(
         s("days");
         break;
     }
-  }, S = (k) => {
-    p == null || p(k);
-  }, m = (k) => {
-    d == null || d(k);
+  }, S = (Z) => {
+    p == null || p(Z);
+  }, m = (Z) => {
+    d == null || d(Z);
   }, g = () => {
     switch (l) {
       case "days":
@@ -21596,7 +21596,7 @@ const o3 = E1(
   return /* @__PURE__ */ u(
     "div",
     {
-      className: U(
+      className: _(
         "ui-min-w-[254px] ui-overflow-hidden ui-rounded-lg ui-border ui-border-neutral-100 ui-bg-white ui-shadow-lg",
         b ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
       ),
@@ -21606,8 +21606,8 @@ const o3 = E1(
           {
             currentDate: r,
             viewMode: l,
-            onNavigate: _,
-            onToggleViewMode: A,
+            onNavigate: U,
+            onToggleViewMode: z,
             onGoToToday: C,
             monthNames: f,
             renderHeader: y
@@ -21646,35 +21646,35 @@ const o3 = E1(
   yearRange: H,
   hoverDate: y,
   closeOnSelect: T,
-  autoCloseRange: _,
-  calendarsCount: A = 1,
+  autoCloseRange: U,
+  calendarsCount: z = 1,
   mode: S = "single",
   onClickSelected: m = !1,
   renderHeader: g,
-  renderDay: k
+  renderDay: Z
 }) => {
-  const [O, M] = G(Array(A).fill(w)), [I, N] = G(() => {
+  const [O, M] = G(Array(z).fill(w)), [I, N] = G(() => {
     const R = [];
-    for (let Z = 0; Z < A; Z++) {
+    for (let k = 0; k < z; k++) {
       const B = new Date(n);
-      B.setMonth(B.getMonth() + Z), R.push(B);
+      B.setMonth(B.getMonth() + k), R.push(B);
     }
     return R;
   }), { renderPortal: q } = q8(r, o, t, 1100);
   W(() => {
-    M(Array(A).fill(w));
-  }, [w, A]), W(() => {
+    M(Array(z).fill(w));
+  }, [w, z]), W(() => {
     const R = [];
-    for (let Z = 0; Z < A; Z++) {
+    for (let k = 0; k < z; k++) {
       const B = new Date(n);
-      B.setMonth(B.getMonth() + Z), R.push(B);
+      B.setMonth(B.getMonth() + k), R.push(B);
     }
     N(R);
-  }, [n, A]);
+  }, [n, z]);
   const D = (R) => {
-    const Z = O[R];
+    const k = O[R];
     let B;
-    switch (Z) {
+    switch (k) {
       case "days":
         B = "months";
         break;
@@ -21687,27 +21687,27 @@ const o3 = E1(
       default:
         B = "days";
     }
-    const z = [...O];
-    z[R] = B, M(z);
-  }, Q = (R, Z) => {
+    const A = [...O];
+    A[R] = B, M(A);
+  }, Q = (R, k) => {
     const B = [...I];
     B[R] = new Date(
       I[R].getFullYear(),
-      Z,
+      k,
       1
     ), N(B);
-    const z = [...O];
-    z[R] = "days", M(z), p == null || p(Z);
-  }, X = (R, Z) => {
+    const A = [...O];
+    A[R] = "days", M(A), p == null || p(k);
+  }, X = (R, k) => {
     const B = [...I];
-    B[R] = new Date(Z, I[R].getMonth(), 1), N(B);
-    const z = [...O];
-    z[R] = "months", M(z), d == null || d(Z);
+    B[R] = new Date(k, I[R].getMonth(), 1), N(B);
+    const A = [...O];
+    A[R] = "months", M(A), d == null || d(k);
   }, J = (R) => {
-    const Z = [...I];
-    Z.forEach((B, z) => {
+    const k = [...I];
+    k.forEach((B, A) => {
       const e1 = new Date(B);
-      switch (O[z]) {
+      switch (O[A]) {
         case "days":
           e1.setMonth(e1.getMonth() + (R === "next" ? 1 : -1));
           break;
@@ -21718,11 +21718,11 @@ const o3 = E1(
           e1.setFullYear(e1.getFullYear() + (R === "next" ? 12 : -12));
           break;
       }
-      Z[z] = e1;
-    }), N(Z), L(R);
+      k[A] = e1;
+    }), N(k), 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: [
+    /* @__PURE__ */ i("div", { className: "ui-relative", children: S === "range" && z > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
       /* @__PURE__ */ i(
         t3,
         {
@@ -21736,7 +21736,7 @@ const o3 = E1(
           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, 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(
+      /* @__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, k) => /* @__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,
@@ -21746,18 +21746,18 @@ const o3 = E1(
           onDateHover: l,
           minDate: h,
           maxDate: f,
-          viewMode: O[Z],
+          viewMode: O[k],
           weekDays: v,
           monthNames: x,
           startOfWeek: V,
           showWeekNumbers: b,
           yearRange: H,
           hoverDate: y,
-          onMonthSelect: (B) => Q(Z, B),
-          onYearSelect: (B) => X(Z, B),
-          renderDay: k
+          onMonthSelect: (B) => Q(k, B),
+          onYearSelect: (B) => X(k, B),
+          renderDay: Z
         }
-      ) }) }, Z)) }),
+      ) }) }, k)) }),
       /* @__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(t1, { variant: "outlined", size: "md", color: "white", children: "Cancelar" }),
         /* @__PURE__ */ i(t1, { size: "md", children: "Aceptar" })
@@ -21786,9 +21786,9 @@ const o3 = E1(
         yearRange: H,
         hoverDate: y,
         closeOnSelect: T,
-        autoCloseRange: _,
+        autoCloseRange: U,
         renderHeader: g,
-        renderDay: k
+        renderDay: Z
       }
     ) })
   );
@@ -21830,12 +21830,12 @@ const o3 = E1(
     rangeEndClassName: H = "bg-blue-500 text-white rounded-r-full",
     todayClassName: y = "border border-blue-500",
     showWeekNumbers: T = !1,
-    yearRange: _ = 12,
-    initialViewMode: A = "days",
+    yearRange: U = 12,
+    initialViewMode: z = "days",
     closeOnSelect: S = !1,
     autoCloseRange: m = !0,
     placeholder: g = "Seleccionar fecha",
-    format: k = "dd/MM/yyyy",
+    format: Z = "dd/MM/yyyy",
     calendarsCount: O = 1,
     renderHeader: M,
     renderDay: I
@@ -21845,16 +21845,16 @@ const o3 = E1(
     c,
     l,
     m
-  ), Z = (F) => {
+  ), k = (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"), Y = F.getFullYear();
-    return k.replace("dd", i1).replace("MM", $).replace("yyyy", Y.toString());
+    return Z.replace("dd", i1).replace("MM", $).replace("yyyy", Y.toString());
   }, 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 && $ ? `${Z(F.start)} - ${Z(F.end)}` : i1 ? Z(F.start) : $ ? Z(F.end) : "";
-  }, z = (F) => {
+    return i1 && $ ? `${k(F.start)} - ${k(F.end)}` : i1 ? k(F.start) : $ ? k(F.end) : "";
+  }, A = (F) => {
     if (!F || !(F instanceof Date) || isNaN(F.getTime())) {
       console.warn("DatePicker: Se recibió una fecha inválida:", F);
       return;
@@ -21866,7 +21866,7 @@ const o3 = E1(
       return;
     }
     J.setHoverDate(F);
-  }, u1 = () => o === "single" ? Z(q) : B(D);
+  }, u1 = () => o === "single" ? k(q) : B(D);
   return /* @__PURE__ */ u("div", { className: `relative ${C}`, children: [
     /* @__PURE__ */ i(
       o3,
@@ -21877,7 +21877,7 @@ const o3 = E1(
         isOpen: N.isOpen,
         onInputClick: J.openPicker,
         className: w,
-        format: k
+        format: Z
       }
     ),
     /* @__PURE__ */ i(
@@ -21889,7 +21889,7 @@ const o3 = E1(
         currentDate: N.currentDate,
         selectedDate: q,
         selectedRange: D,
-        onDateSelect: z,
+        onDateSelect: A,
         onDateHover: e1,
         onViewModeChange: J.setViewMode,
         onNavigate: J.navigate,
@@ -21904,7 +21904,7 @@ const o3 = E1(
         monthNames: p,
         startOfWeek: d,
         showWeekNumbers: T,
-        yearRange: _,
+        yearRange: U,
         hoverDate: N.hoverDate,
         closeOnSelect: S,
         autoCloseRange: m,
@@ -21917,7 +21917,7 @@ const o3 = E1(
   ] });
 }, d3 = ({ title: r, className: o, icon: t }) => /* @__PURE__ */ u("div", { className: "ui-flex ui-w-full ui-items-center ui-gap-x-2", children: [
   t && /* @__PURE__ */ i(j1, { name: t, background: !0, color: "blue" }),
-  /* @__PURE__ */ i("h2", { className: U("ui-text-2xl ui-font-bold", o), children: r })
+  /* @__PURE__ */ i("h2", { className: _("ui-text-2xl ui-font-bold", o), children: r })
 ] }), w0 = (r, o = {}) => {
   const { enterDelay: t = 10, exitDelay: n = 300 } = o, [e, a] = G(!1), [c, l] = G(!1);
   return W(() => {
@@ -22053,17 +22053,19 @@ const o3 = E1(
   showCancelButton: j = !0,
   showSuccessButton: v = !0,
   closeAtSuccess: x = !1,
-  closeAtCancel: V = !0
+  closeAtCancel: V = !0,
+  disabledSuccessButton: b = !1,
+  disabledCancelButton: H = !1
 }) => {
-  const b = f0(), { isVisible: H, isAnimating: y } = w0(r), T = o1(null);
-  h0(r), W1(r, o, l), g0(r, T, !s);
-  const _ = () => {
+  const y = f0(), { isVisible: T, isAnimating: U } = w0(r), z = o1(null);
+  h0(r), W1(r, o, l), g0(r, z, !s);
+  const S = () => {
     h && h(), V && o();
-  }, A = () => {
+  }, m = () => {
     f && f(), x && o();
   };
-  if (!b || !H) return null;
-  const S = /* @__PURE__ */ u(
+  if (!y || !T) return null;
+  const g = /* @__PURE__ */ u(
     "div",
     {
       "aria-modal": "true",
@@ -22074,7 +22076,7 @@ const o3 = E1(
         /* @__PURE__ */ i(
           "div",
           {
-            className: U(
+            className: _(
               "ui-absolute ui-inset-0 ui-bg-black ui-opacity-50 ui-backdrop-blur-sm ui-transition-opacity ui-duration-300",
               r ? "ui-opacity-100" : "ui-opacity-0"
             )
@@ -22083,25 +22085,25 @@ const o3 = E1(
         /* @__PURE__ */ i(
           "div",
           {
-            ref: T,
+            ref: z,
             tabIndex: -1,
-            onClick: (m) => m.stopPropagation(),
-            className: U(
+            onClick: (Z) => Z.stopPropagation(),
+            className: _(
               "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" ? y ? "translateX(0)" : "translateX(100%)" : y ? "translateX(0)" : "translateX(-100%)"
+              transform: L === "right" ? U ? "translateX(0)" : "translateX(100%)" : U ? "translateX(0)" : "translateX(-100%)"
             },
-            children: /* @__PURE__ */ u(g1, { rounded: !1, padding: !1, gap: !1, className: U(p), children: [
+            children: /* @__PURE__ */ u(g1, { rounded: !1, padding: !1, gap: !1, className: _(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 }) }) }),
               /* @__PURE__ */ i(g1.Separator, { padding: !1 }),
               /* @__PURE__ */ i(
                 g1.Body,
                 {
                   fullHeight: !0,
-                  className: U("ui-p-4", d ? "ui-overflow-y-auto" : ""),
+                  className: _("ui-p-4", d ? "ui-overflow-y-auto" : ""),
                   scrollable: d,
                   children: e
                 }
@@ -22109,8 +22111,8 @@ const o3 = E1(
               (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: [
-                  j && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "outlined", color: "white", onClick: _, children: C }),
-                  v && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "button", onClick: A, children: w })
+                  j && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "outlined", color: "white", onClick: S, disabled: H, children: C }),
+                  v && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "button", onClick: m, disabled: b, children: w })
                 ] })
               ] })
             ] })
@@ -22119,8 +22121,8 @@ const o3 = E1(
       ]
     }
   );
-  return l0.createPortal(S, b);
-}, p5 = ({ className: r }) => /* @__PURE__ */ i("div", { className: U("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", r) }), m0 = ({
+  return l0.createPortal(g, y);
+}, p5 = ({ className: r }) => /* @__PURE__ */ i("div", { className: _("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", r) }), m0 = ({
   children: r,
   icon: o,
   onClick: t,
@@ -22177,7 +22179,7 @@ const o3 = E1(
         d(!1);
       },
       children: [
-        o && /* @__PURE__ */ i(b1, { slot: o, colorIcon: w, size: "2xl", defaultSizeIcon: !1, fallback: r == null ? void 0 : r.toString().substring(0, 1) }),
+        /* @__PURE__ */ i(b1, { slot: o, colorIcon: w, size: "2xl", defaultSizeIcon: !1, fallback: r == null ? void 0 : r.toString().substring(0, 1) }),
         r
       ]
     }
@@ -22264,7 +22266,7 @@ const o3 = E1(
 }) => r.length === 0 && !l ? null : /* @__PURE__ */ i(
   "ul",
   {
-    className: U(
+    className: _(
       "ui-m-0 ui-flex ui-min-w-max ui-list-none ui-flex-col ui-p-0 ui-py-2",
       c
     ),
@@ -22318,7 +22320,7 @@ const o3 = E1(
   absolute: w = !1,
   onOpenChange: h
 }) => {
-  const f = a0(), j = L || `dropdown-${f}`, [v, x] = G(!1), [V, b] = G(!1), [H, y] = G(""), [T, _] = G("bottom"), [A, S] = G({}), m = o1(null), g = o1(null), k = o1(null), O = P(
+  const f = a0(), j = L || `dropdown-${f}`, [v, x] = G(!1), [V, b] = G(!1), [H, y] = G(""), [T, U] = G("bottom"), [z, S] = G({}), m = o1(null), g = o1(null), Z = o1(null), O = P(
     ($) => $ == null ? [] : Array.isArray($) ? $ : [$],
     []
   ), M = P(
@@ -22351,11 +22353,11 @@ const o3 = E1(
     return $[e] === -1 && (D === -1 || D === "-1") ? !1 : Y;
   }), R = P(() => {
     var r1, n1;
-    const $ = (r1 = k.current) == null ? void 0 : r1.querySelector("input");
-    return $ || ((n1 = k.current) == null ? void 0 : n1.querySelector(
+    const $ = (r1 = Z.current) == null ? void 0 : r1.querySelector("input");
+    return $ || ((n1 = Z.current) == null ? void 0 : n1.querySelector(
       '[data-dropdown-input="true"]'
     ));
-  }, []), Z = P(() => {
+  }, []), k = P(() => {
     const $ = R();
     $ && requestAnimationFrame(() => {
       var $1;
@@ -22363,12 +22365,12 @@ const o3 = E1(
       let n1 = 0;
       g.current && (n1 = g.current.offsetHeight), n1 === 0 && (n1 = Math.min(200, J.length * 40));
       const p1 = r1 - Y.bottom, s1 = Y.top, d1 = p1 < n1 && s1 > p1 ? "top" : "bottom";
-      _(d1);
+      U(d1);
       let a1 = 0, v1 = 0, S1 = Y.width;
       if (!w)
         d1 === "bottom" ? a1 = Y.bottom + 4 : a1 = Y.top - n1 - 4, v1 = Y.left;
       else {
-        const w1 = ($1 = k.current) == null ? void 0 : $1.getBoundingClientRect();
+        const w1 = ($1 = Z.current) == null ? void 0 : $1.getBoundingClientRect();
         if (!w1) return;
         const I1 = Y.top - w1.top, O1 = Y.left - w1.left;
         d1 === "bottom" ? a1 = I1 + Y.height + 4 : a1 = I1 - n1 - 4, v1 = O1;
@@ -22400,10 +22402,10 @@ const o3 = E1(
       top: Math.max(0, a1),
       behavior: "smooth"
     });
-  }, [X, n]), z = ($) => {
-    $ && $.stopPropagation(), !p && (v ? e1() : (C3(j), y(""), b(!1), Z(), setTimeout(() => {
+  }, [X, n]), A = ($) => {
+    $ && $.stopPropagation(), !p && (v ? e1() : (C3(j), y(""), b(!1), k(), setTimeout(() => {
       x(!0), G1.add(j), setTimeout(() => {
-        Z(), setTimeout(() => {
+        k(), setTimeout(() => {
           B();
         }, 50);
       }, 50);
@@ -22438,7 +22440,7 @@ const o3 = E1(
     // Simplificar condición para mejorar detección
     disabled: p,
     elementRef: g,
-    containerRef: k,
+    containerRef: Z,
     elementId: j,
     elementType: "dropdown",
     closeOnClickOutside: s,
@@ -22450,15 +22452,15 @@ const o3 = E1(
   }), W(() => {
     if (v) {
       const $ = () => {
-        Z();
+        k();
       }, Y = () => {
-        v && !V && Z();
+        v && !V && k();
       };
       return window.addEventListener("resize", $), window.addEventListener("scroll", Y, !1), document.addEventListener("scroll", Y, !1), () => {
         window.removeEventListener("resize", $), window.removeEventListener("scroll", Y, !1), document.removeEventListener("scroll", Y, !1);
       };
     }
-  }, [v, Z, V]), {
+  }, [v, k, V]), {
     // Estado
     isOpen: v,
     isClosing: V,
@@ -22467,21 +22469,21 @@ const o3 = E1(
     selectedOptions: X,
     filteredOptions: J,
     position: T,
-    dropdownStyle: A,
+    dropdownStyle: z,
     isControlled: q,
     multiple: d,
     // Referencias
     inputRef: m,
     dropdownRef: g,
-    containerRef: k,
+    containerRef: Z,
     dropdownUniqueId: j,
     // Funciones
-    toggleDropdown: z,
+    toggleDropdown: A,
     closeDropdown: e1,
     handleOptionSelect: u1,
     handleSearchChange: F,
     handleClear: i1,
-    calculatePosition: Z,
+    calculatePosition: k,
     setValue: Q,
     scrollToSelectedOption: B,
     normalizeToArray: O
@@ -22509,7 +22511,7 @@ const o3 = E1(
     onClickRightSlot: r || void 0,
     size: t,
     defaultSizeIcon: !1,
-    className: U("ui:h-fit", o),
+    className: _("ui:h-fit", o),
     classNameId: "imj-ui-tag",
     ...L,
     clickable: !1,
@@ -22541,13 +22543,13 @@ const o3 = E1(
     const H = setTimeout(() => {
       const y = V.current;
       if (y) {
-        const T = y.scrollHeight, _ = y.clientHeight;
+        const T = y.scrollHeight, U = y.clientHeight;
         if (v === null) {
-          x(_);
+          x(U);
           return;
         }
-        const A = T > v;
-        j(A);
+        const z = T > v;
+        j(z);
       }
     }, 100);
     return () => clearTimeout(H);
@@ -22633,18 +22635,18 @@ const o3 = E1(
     onCheckboxChange: H,
     searchable: y = !1,
     maxHeight: T = "200px",
-    closeOnClickOutside: _ = !0,
-    dropdownId: A,
+    closeOnClickOutside: U = !0,
+    dropdownId: z,
     multiple: S = !1,
     maxSelectedItems: m,
     selectedItemsDisplay: g = "tags",
-    absolute: k = !1,
+    absolute: Z = !1,
     footer: O = !1,
     defaultOptionSelected: M = !1,
     withCheckbox: I = !1,
     ...N
   }, q) => {
-    const D = o1(null), [Q, X] = G(c), [J, R] = G(null), [Z, B] = G(!1), u1 = S ? j : !S && M ? [
+    const D = o1(null), [Q, X] = G(c), [J, R] = G(null), [k, B] = G(!1), u1 = S ? j : !S && M ? [
       {
         ...{
           label: f || "Selecciona una opción",
@@ -22690,12 +22692,12 @@ const o3 = E1(
       onValueChange: V,
       onOptionSelect: b,
       searchable: y,
-      closeOnClickOutside: _,
-      dropdownId: A,
+      closeOnClickOutside: U,
+      dropdownId: z,
       disabled: h,
       multiple: S,
       maxSelectedItems: m,
-      absolute: k,
+      absolute: Z,
       onOpenChange: (E) => {
         E && setTimeout(() => {
           B(!1);
@@ -22900,7 +22902,7 @@ const o3 = E1(
           ]
         }
       );
-      return k ? V1 : B1(V1, document.body);
+      return Z ? V1 : B1(V1, document.body);
     };
     return W(() => {
       c && X(c);
@@ -22920,7 +22922,7 @@ const o3 = E1(
               handleRemoveSelected: r0,
               toggleDropdown: L1,
               isOpen: i1,
-              isOpening: Z,
+              isOpening: k,
               setIsOpening: B,
               customInputRef: D,
               disabled: h,
@@ -23077,7 +23079,7 @@ const h3 = {
   }), [l, s] = G(o || ((d = r[0]) == null ? void 0 : d.value) || ""), L = (C) => {
     l !== C && (s(C), t && t(C));
   }, p = c({ size: n, fullWidth: a });
-  return /* @__PURE__ */ i("div", { className: U("ui-relative ui-flex ui-rounded-md ui-bg-neutral-50", p), children: r.map((C) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("div", { className: _("ui-relative ui-flex ui-rounded-md ui-bg-neutral-50", p), children: r.map((C) => /* @__PURE__ */ i(
     t1,
     {
       size: n,
@@ -23114,8 +23116,8 @@ const h3 = {
     onChangeTab: w,
     headerButtonIcon: h,
     headerButtonOnClick: f
-  } = V0(), j = o ?? L, v = c ?? h, x = l ?? f, V = (n == null ? void 0 : n.length) > 0 ? n : d, b = (V == null ? void 0 : V.length) ?? !1, H = a ?? w, y = e ?? C, T = (_) => {
-    H && H(_);
+  } = V0(), j = o ?? L, v = c ?? h, x = l ?? f, V = (n == null ? void 0 : n.length) > 0 ? n : d, b = (V == null ? void 0 : V.length) ?? !1, H = a ?? w, y = e ?? C, T = (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" }) }),
@@ -23152,15 +23154,15 @@ const h3 = {
         options: V ?? [],
         defaultValue: y,
         size: "sm",
-        onChange: (_) => {
-          T(_);
+        onChange: (U) => {
+          T(U);
         }
       }
     ) }) : null
   ] });
 };
 F1.displayName = "Modal.Header";
-const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", { className: U(o && "ui-p-4"), children: r }), n0 = ({
+const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", { className: _(o && "ui-p-4"), children: r }), n0 = ({
   children: r,
   footerButtonIcon: o,
   footerButtonOnClick: t,
@@ -23263,12 +23265,12 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   onChangeTab: H,
   headerButtonIcon: y,
   headerButtonOnClick: T,
-  footerButtonIcon: _,
-  footerButtonOnClick: A,
+  footerButtonIcon: U,
+  footerButtonOnClick: z,
   cancelButtonSlotLeft: S,
   successButtonSlotRight: m
 }) => {
-  const { isVisible: g, animateIn: k, container: O, modalRef: M } = g3({
+  const { isVisible: g, animateIn: Z, container: O, modalRef: M } = g3({
     isOpen: r,
     onClose: o,
     disableEscapeClose: c,
@@ -23287,9 +23289,9 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
         /* @__PURE__ */ i(
           "div",
           {
-            className: U(
+            className: _(
               "ui-fixed ui-inset-0 ui-bg-black ui-backdrop-blur-sm ui-transition-opacity ui-duration-200",
-              k ? "ui-opacity-40" : "ui-opacity-0"
+              Z ? "ui-opacity-40" : "ui-opacity-0"
             ),
             onClick: s ? (D) => D.stopPropagation() : o
           }
@@ -23299,10 +23301,10 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
           {
             ref: M,
             tabIndex: -1,
-            className: U(
+            className: _(
               "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",
               v3[n],
-              k ? "ui-translate-y-0 ui-scale-100 ui-opacity-100" : "ui-translate-y-4 ui-scale-95 ui-opacity-0"
+              Z ? "ui-translate-y-0 ui-scale-100 ui-opacity-100" : "ui-translate-y-4 ui-scale-95 ui-opacity-0"
             ),
             onClick: (D) => D.stopPropagation(),
             children: /* @__PURE__ */ u(
@@ -23324,8 +23326,8 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
                 icon: t,
                 headerButtonIcon: y,
                 headerButtonOnClick: T,
-                footerButtonIcon: _,
-                footerButtonOnClick: A,
+                footerButtonIcon: U,
+                footerButtonOnClick: z,
                 tabs: V,
                 defaultValueTab: b,
                 onChangeTab: H,
@@ -23367,9 +23369,9 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   absolute: s = !1
 }) => {
   const L = a0(), p = e || `popup-${L}`, [d, C] = G(!1), [w, h] = G({}), [f, j] = G(!1), v = o1(null), x = o1(null), V = o1(null), b = P(() => {
-    const T = v.current, _ = x.current;
-    if (!T || !_) return;
-    const A = T.getBoundingClientRect(), S = _.getBoundingClientRect();
+    const T = v.current, U = x.current;
+    if (!T || !U) return;
+    const z = T.getBoundingClientRect(), S = U.getBoundingClientRect();
     if (S.width === 0 || S.height === 0)
       return;
     let m = 0, g = 0;
@@ -23397,7 +23399,7 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
           break;
       }
     } else {
-      const N = window.innerWidth, q = window.innerHeight, D = A.top, Q = A.left, X = A.width, J = A.height;
+      const N = window.innerWidth, q = window.innerHeight, D = z.top, Q = z.left, X = z.width, J = z.height;
       switch (r) {
         case "top":
           m = D - S.height - o, g = Q + (X - S.width) / 2;
@@ -23419,9 +23421,9 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
           m = D, g = Q + X + o;
           break;
       }
-      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));
+      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 > z.width && (g = z.right - S.width, g < 0 && (g = 0));
     }
-    const k = 1e3, O = parseInt(p.replace(/\D/g, "")) || 0, M = k + O % 100, I = {
+    const Z = 1e3, O = parseInt(p.replace(/\D/g, "")) || 0, M = Z + O % 100, I = {
       position: s ? "absolute" : "fixed",
       top: `${m}px`,
       left: `${g}px`,
@@ -23436,10 +23438,10 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   return W(() => {
     if (d) {
       const T = () => {
-        const _ = x.current;
-        if (_) {
-          const A = _.getBoundingClientRect();
-          A.width > 0 && A.height > 0 && A.width !== 0 && A.height !== 0 ? b() : setTimeout(() => {
+        const U = x.current;
+        if (U) {
+          const z = U.getBoundingClientRect();
+          z.width > 0 && z.height > 0 && z.width !== 0 && z.height !== 0 ? b() : setTimeout(() => {
             requestAnimationFrame(T);
           }, 10);
         }
@@ -23451,13 +23453,13 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   }, [d, b]), W(() => {
     if (!d || !f || s) return;
     let T = !1;
-    const _ = () => {
+    const U = () => {
       T || (requestAnimationFrame(() => {
         b(), T = !1;
       }), T = !0);
     };
-    return window.addEventListener("scroll", _, { passive: !0 }), window.addEventListener("resize", _, { passive: !0 }), () => {
-      window.removeEventListener("scroll", _), window.removeEventListener("resize", _);
+    return window.addEventListener("scroll", U, { passive: !0 }), window.addEventListener("resize", U, { passive: !0 }), () => {
+      window.removeEventListener("scroll", U), window.removeEventListener("resize", U);
     };
   }, [d, f, s, b]), M0({
     isActive: d,
@@ -23512,12 +23514,12 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     tooltip: H,
     tooltipPosition: y,
     tooltipAlignment: T,
-    tooltipColor: _,
-    tooltipDelay: A,
+    tooltipColor: U,
+    tooltipDelay: z,
     absolute: S = !1,
     closeOnClick: m = !0,
     buttonClassName: g,
-    containerClassName: k,
+    containerClassName: Z,
     buttonTransition: O = !0,
     buttonStyle: M,
     ...I
@@ -23529,9 +23531,9 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
       triggerRef: X,
       popupRef: J,
       containerRef: R,
-      popupUniqueId: Z,
+      popupUniqueId: k,
       togglePopup: B,
-      closePopup: z
+      closePopup: A
     } = H3({
       position: t,
       offset: n,
@@ -23550,11 +23552,11 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
           p || B();
         },
         close: () => {
-          z();
+          A();
         },
         isOpen: () => q
       }),
-      [p, B, z, q]
+      [p, B, A, q]
     );
     const e1 = () => {
       if (!q)
@@ -23571,12 +23573,12 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
         "div",
         {
           ref: J,
-          id: Z,
-          "data-popup-id": Z,
+          id: k,
+          "data-popup-id": k,
           style: u1,
           className: `ui-border ui-border-neutral-100 ui-bg-white ${F} ui-overflow-hidden ui-shadow-lg ${l}`,
           onClick: () => {
-            m && z();
+            m && A();
           },
           ...I,
           children: r
@@ -23588,10 +23590,10 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
       "div",
       {
         ref: R,
-        className: U("ui-relative ui-h-max"),
-        "data-popup-container-id": Z,
+        className: _("ui-relative ui-h-max"),
+        "data-popup-container-id": k,
         children: [
-          /* @__PURE__ */ i("div", { ref: X, className: U("ui-w-fit", k), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { ref: X, className: _("ui-w-fit", Z), children: /* @__PURE__ */ i(
             H1,
             {
               className: g,
@@ -23609,8 +23611,8 @@ const m3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
               tooltip: H,
               tooltipPosition: y,
               tooltipAlignment: T,
-              tooltipColor: _,
-              tooltipDelay: A,
+              tooltipColor: U,
+              tooltipDelay: z,
               transition: O,
               style: M,
               children: o || ""
@@ -24058,7 +24060,7 @@ const Z3 = [
     name: p.name,
     id: c
   });
-  return /* @__PURE__ */ u("div", { className: U("ui-flex ui-items-center", e), children: [
+  return /* @__PURE__ */ u("div", { className: _("ui-flex ui-items-center", e), children: [
     /* @__PURE__ */ i(
       "input",
       {
@@ -24081,7 +24083,7 @@ const Z3 = [
         onMouseUp: f.handleMouseUp,
         onMouseEnter: f.handleMouseEnter,
         onMouseLeave: f.handleMouseLeave,
-        className: U(
+        className: _(
           "ui-relative ui-inline-flex ui-cursor-pointer ui-items-center",
           n && "ui-cursor-not-allowed"
         ),
@@ -24097,7 +24099,7 @@ const Z3 = [
               children: C && /* @__PURE__ */ i(
                 "div",
                 {
-                  className: U("ui-absolute ui-rounded-full", "ui-bg-white"),
+                  className: _("ui-absolute ui-rounded-full", "ui-bg-white"),
                   style: {
                     zIndex: 1,
                     width: o === "sm" ? "4px" : o === "md" ? "6px" : "8px",
@@ -24107,7 +24109,7 @@ const Z3 = [
               )
             }
           ),
-          r && /* @__PURE__ */ i("span", { className: U(B3({ size: o, disabled: n }), a), children: r })
+          r && /* @__PURE__ */ i("span", { className: _(B3({ size: o, disabled: n }), a), children: r })
         ]
       }
     )
@@ -24148,7 +24150,7 @@ const Z3 = [
   return /* @__PURE__ */ i(
     "div",
     {
-      className: U(
+      className: _(
         "ui-flex ui-gap-3",
         c === "horizontal" ? "ui-flex-row" : "ui-flex-col",
         l
@@ -24735,7 +24737,7 @@ export {
   K8 as WeekDay,
   X8 as Year,
   L0 as YearGrid,
-  U as cn,
+  _ as cn,
   B3 as labelVariants,
   I3 as radioButtonVariants,
   Q3 as toast,