@imj_media/ui 1.0.79 → 1.0.80

package/dist/index.esm.js

@@ -12,7 +12,7 @@ import b9, { createPortal as E1 } from "react-dom";
 import $2 from "lottie-react";
 import { Prism as N2 } from "react-syntax-highlighter";
 import { dark as T2, prism as A2, materialLight as z2, materialDark as P2, atomDark as F2, oneLight as E2, oneDark as D2, tomorrow as R2, dracula as _2 } from "react-syntax-highlighter/dist/esm/styles/prism";
-function U(...t) {
+function _(...t) {
   return R9(D9(t));
 }
 l0.add(
@@ -349,7 +349,7 @@ function Q2({
   return /* @__PURE__ */ u(
     "div",
     {
-      className: U("ui-inline-block ui-text-center ui-text-xs ui-text-gray-500", e),
+      className: _("ui-inline-block ui-text-center ui-text-xs ui-text-gray-500", e),
       style: { fontSize: `${C}px` },
       children: [
         "Custom: ",
@@ -18671,7 +18671,7 @@ function Tt({
       role: "button",
       tabIndex: 0,
       onClick: Z,
-      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 ${l[c]}` : "",
@@ -18685,7 +18685,7 @@ function Tt({
   ) : /* @__PURE__ */ i(
     "i",
     {
-      className: U(
+      className: _(
         e,
         "ui-inline-block",
         a ? `ui-rounded-full ui-bg-blue-50 ${l[c]}` : ""
@@ -18782,7 +18782,7 @@ const At = ({
       }
     }
   );
-  return /* @__PURE__ */ i("span", { className: U(d({ color: o, border: r, size: s }), n), ...e, children: t });
+  return /* @__PURE__ */ i("span", { className: _(d({ color: o, border: r, size: s }), n), ...e, children: t });
 }, zt = ({ slot: t, className: o, size: r, fallback: n = "" }) => {
   const [e, a] = q(!1), [c, s] = q(!1), d = i1(null), p = C1("inner-avatar", {
     variants: {
@@ -18832,7 +18832,7 @@ const At = ({
   }, [t]), !t || 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
@@ -18844,7 +18844,7 @@ const At = ({
     {
       src: t,
       alt: "Visual",
-      className: U(o, "ui-rounded-full ui-object-cover", p),
+      className: _(o, "ui-rounded-full ui-object-cover", p),
       onError: l,
       onLoad: L,
       loading: "lazy"
@@ -18852,7 +18852,7 @@ const At = ({
   ) : /* @__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
@@ -19155,26 +19155,26 @@ const At = ({
   });
   return /* @__PURE__ */ i("span", { className: e({ size: o }), role: "img", "aria-label": t, children: n });
 }, Ft = (t = "top", o = "center", r = !1, n = 0, e = !1) => {
-  const [a, c] = q(!1), [s, d] = q({ top: 0, left: 0 }), [C, p] = q({ width: 0, height: 0 }), [l, L] = q(t), h = i1(null), g = i1(null), m = i1(null), f = i1(null), V = i1(null), j = i1(null), I = i1(null), H = i1({ top: 0, left: 0 }), Z = i1({ count: 0, lastTime: 0 }), b = N(() => {
-    c(!1), d({ top: 0, left: 0 }), L(t), I.current = null, Z.current.count = 0, Z.current.lastTime = 0, H.current = { top: 0, left: 0 };
+  const [a, c] = q(!1), [s, d] = q({ top: 0, left: 0 }), [C, p] = q({ width: 0, height: 0 }), [l, L] = q(t), h = i1(null), g = i1(null), m = i1(null), f = i1(null), V = i1(null), j = i1(null), k = i1(null), H = i1({ top: 0, left: 0 }), Z = i1({ count: 0, lastTime: 0 }), b = N(() => {
+    c(!1), d({ top: 0, left: 0 }), L(t), k.current = null, Z.current.count = 0, Z.current.lastTime = 0, H.current = { top: 0, left: 0 };
   }, [t]), v = N(() => {
     if (!h.current || !a) return;
     const w = h.current.getBoundingClientRect(), x = { top: w.top, left: w.left };
-    if (I.current) {
-      const $ = I.current, B = 2;
+    if (k.current) {
+      const $ = k.current, B = 2;
       if (Math.abs(x.top - $.top) > B || Math.abs(x.left - $.left) > B) {
         b();
         return;
       }
     }
-    I.current = x;
+    k.current = x;
   }, [a, b]), S = N(() => {
-    var _, G, R, W, F, P;
+    var U, G, R, W, F, P;
     if (!h.current || !g.current) return;
     const w = h.current.getBoundingClientRect(), x = g.current.getBoundingClientRect(), $ = 8;
     let B = 0, M = 0;
     if (r) {
-      const T = (_ = m.current) == null ? void 0 : _.getBoundingClientRect();
+      const T = (U = m.current) == null ? void 0 : U.getBoundingClientRect();
       if (!T) return;
       const z = w.top - T.top, D = w.left - T.left;
       switch (t) {
@@ -19335,20 +19335,20 @@ const At = ({
       b();
       return;
     }
-    const k = Date.now();
-    if (k - Z.current.lastTime < 100) {
+    const I = Date.now();
+    if (I - Z.current.lastTime < 100) {
       if (Z.current.count++, Z.current.count > 5) {
         b();
         return;
       }
     } else
       Z.current.count = 0;
-    Z.current.lastTime = k, H.current = { top: B, left: M }, d({ top: B, left: M });
+    Z.current.lastTime = I, H.current = { top: B, left: M }, d({ top: B, left: M });
   }, [t, o, r, b]);
   K(() => (a && g.current ? (requestAnimationFrame(() => {
     if (S(), h.current) {
       const w = h.current.getBoundingClientRect();
-      I.current = { top: w.top, left: w.left };
+      k.current = { top: w.top, left: w.left };
     }
   }), j.current = setInterval(v, 100)) : j.current && (clearInterval(j.current), j.current = null), () => {
     j.current && (clearInterval(j.current), j.current = null);
@@ -19614,11 +19614,11 @@ const At = ({
     adjustedPosition: f,
     triggerRef: V,
     tooltipRef: j,
-    containerRef: I,
+    containerRef: k,
     handleMouseEnter: H,
     handleMouseLeave: Z
   } = Ft(r, n, L, c, s), b = _t(e, L), v = Dt(f, e);
-  return /* @__PURE__ */ u("div", { ref: I, className: L ? "ui-relative" : "ui-contents", children: [
+  return /* @__PURE__ */ u("div", { ref: k, className: L ? "ui-relative" : "ui-contents", children: [
     /* @__PURE__ */ i(
       "div",
       {
@@ -19627,7 +19627,7 @@ const At = ({
         onMouseLeave: Z,
         onFocus: H,
         onBlur: Z,
-        className: U("ui-inline-block ui-h-fit ui-w-fit", C ? "ui-w-full" : "ui-w-fit"),
+        className: _("ui-inline-block ui-h-fit ui-w-fit", C ? "ui-w-full" : "ui-w-fit"),
         children: t
       }
     ),
@@ -19636,7 +19636,7 @@ const At = ({
       {
         ref: j,
         id: a,
-        className: U(
+        className: _(
           b,
           "imj-ui-tooltip ui-font-bold",
           d
@@ -19652,7 +19652,7 @@ const At = ({
         ...h,
         children: [
           o,
-          /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", l), style: v })
+          /* @__PURE__ */ i("div", { className: _("tooltip-imj-ui-arrow", l), style: v })
         ]
       }
     ) : E1(
@@ -19661,7 +19661,7 @@ const At = ({
         {
           ref: j,
           id: a,
-          className: U(
+          className: _(
             b,
             "imj-ui-tooltip ui-font-bold",
             d
@@ -19677,7 +19677,7 @@ const At = ({
           ...h,
           children: [
             o,
-            /* @__PURE__ */ i("div", { className: U("tooltip-imj-ui-arrow", l), style: v })
+            /* @__PURE__ */ i("div", { className: _("tooltip-imj-ui-arrow", l), style: v })
           ]
         }
       ),
@@ -19864,7 +19864,7 @@ const At = ({
   size: f,
   square: V = !1,
   target: j = "_self",
-  onClickIcon: I,
+  onClickIcon: k,
   onClickLeftSlot: H,
   onClickRightSlot: Z,
   disabled: b,
@@ -19877,9 +19877,9 @@ const At = ({
   as: $ = "button",
   classNameId: B = "imj-ui-inner-button",
   tooltip: M = "",
-  tooltipPosition: k,
+  tooltipPosition: I,
   tooltipAlignment: A,
-  tooltipColor: _ = "neutral",
+  tooltipColor: U = "neutral",
   tooltipDelay: G,
   tooltipAbsolute: R,
   classNameTooltip: W,
@@ -19938,7 +19938,7 @@ const At = ({
     l && /* @__PURE__ */ u(
       "p",
       {
-        className: U(
+        className: _(
           "ui-relative ui-leading-none",
           n || e ? "" : "ui-w-full",
           s1({ color: L, textAlign: D })
@@ -19957,7 +19957,7 @@ const At = ({
         name: g,
         size: a === "icon" ? f : O !== "none" ? O : f,
         color: v,
-        onClick: a === "icon" ? z || I : void 0
+        onClick: a === "icon" ? z || k : void 0
       }
     ) : g),
     l && e && /* @__PURE__ */ i(
@@ -19972,7 +19972,7 @@ const At = ({
         strokeWidth: a1
       }
     )
-  ] }), r1 = V ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", d1 = x ? _ || "neutral" : C, k1 = C1(
+  ] }), r1 = V ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", d1 = x ? U || "neutral" : C, k1 = C1(
     `${B} ui-h-fit ui-justify-center ui-flex ui-items-center ui-box-border ui-border-solid ui-gap-x-1.5 ui-border-[1.5px] ui-font-bold ui-cursor-default ${S && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${P ? "enabled:!ui-cursor-pointer" : ""} ${p1 ? "ui-transition-all ui-duration-300" : ""}`,
     {
       variants: {
@@ -20028,7 +20028,7 @@ const At = ({
     rounded: p,
     fullWidth: r,
     variant: a,
-    className: U(t)
+    className: _(t)
   });
   return m ? /* @__PURE__ */ i(
     "a",
@@ -20036,14 +20036,14 @@ const At = ({
       ref: T,
       href: m,
       target: j,
-      className: U(k1, t),
+      className: _(k1, t),
       children: l1()
     }
   ) : $ === "div" ? /* @__PURE__ */ i(
     i0,
     {
       label: M,
-      position: k,
+      position: I,
       alignment: A,
       absolute: R,
       color: d1,
@@ -20054,7 +20054,7 @@ const At = ({
         "div",
         {
           ref: T,
-          className: U(k1, t),
+          className: _(k1, t),
           ...J,
           children: l1()
         }
@@ -20064,7 +20064,7 @@ const At = ({
     i0,
     {
       label: M,
-      position: k,
+      position: I,
       alignment: A,
       color: d1,
       delay: G,
@@ -20074,7 +20074,7 @@ const At = ({
         "button",
         {
           ref: T,
-          className: U(k1, t),
+          className: _(k1, t),
           ...u1,
           ...J,
           onClick: e1,
@@ -20535,10 +20535,10 @@ const At = ({
       }
     }
   );
-  return /* @__PURE__ */ u("div", { className: U("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", t), children: [
-    (l || L) && /* @__PURE__ */ u("div", { className: U(g({ status: o })), children: [
+  return /* @__PURE__ */ u("div", { className: _("ui-relative ui-flex ui-w-full ui-gap-2 ui-p-1", t), children: [
+    (l || L) && /* @__PURE__ */ u("div", { className: _(g({ status: o })), children: [
       l && /* @__PURE__ */ i(L1, { name: l, size: "2xl", color: "white", strokeWidth: 4 }),
-      /* @__PURE__ */ i("div", { className: U(m({ borderStyle: p })) })
+      /* @__PURE__ */ i("div", { className: _(m({ 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: [
@@ -20558,7 +20558,7 @@ const At = ({
       /* @__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: h
         }
       )
@@ -20584,7 +20584,7 @@ const At = ({
   duration: f = 3e3,
   size: V = "sm"
 }) => {
-  const { isVisible: j, isLeaving: I } = Wt({ open: t, externalIsLeaving: g });
+  const { isVisible: j, isLeaving: k } = Wt({ open: t, externalIsLeaving: g });
   if (!j)
     return null;
   const H = !!d, Z = (v) => {
@@ -20596,15 +20596,15 @@ const At = ({
   return /* @__PURE__ */ u(
     "div",
     {
-      className: U(
+      className: _(
         "ui-imj-alert ui-relative ui-overflow-hidden",
         n,
-        Qt({ color: o, variant: r, isLeaving: I, animation: h }),
+        Qt({ color: o, variant: r, isLeaving: k, animation: h }),
         H ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
       ),
       onClick: Z,
       children: [
-        /* @__PURE__ */ u("div", { className: U(b[V]), children: [
+        /* @__PURE__ */ u("div", { className: _(b[V]), children: [
           /* @__PURE__ */ i(
             Xt,
             {
@@ -20628,7 +20628,7 @@ const At = ({
             }
           )
         ] }),
-        m && /* @__PURE__ */ i("div", { className: U("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
+        m && /* @__PURE__ */ i("div", { className: _("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
           no,
           {
             progress: 100,
@@ -20821,7 +20821,7 @@ const At = ({
   target: f = "_self",
   onClickIcon: V,
   disabled: j,
-  colorIcon: I,
+  colorIcon: k,
   tooltip: H,
   tooltipPosition: Z,
   tooltipAlignment: b,
@@ -20849,7 +20849,7 @@ const At = ({
     target: f,
     onClickIcon: V,
     disabled: j,
-    colorIcon: I,
+    colorIcon: k,
     className: o,
     tooltip: H,
     tooltipPosition: Z,
@@ -20879,7 +20879,7 @@ const At = ({
     className: f,
     style: V,
     name: j,
-    autosize: I = !1,
+    autosize: k = !1,
     colorLeftIcon: H,
     infoTooltip: Z = "",
     ...b
@@ -20893,22 +20893,22 @@ const At = ({
       defaultValue: l,
       onChange: h
     }), w = (A) => {
-      const _ = A.target.value;
-      y(_), g == null || g(A);
+      const U = A.target.value;
+      y(U), g == null || g(A);
     }, { paddingClasses: x, getIconPosition: $ } = ro({
       size: n,
       leftSlot: a,
       rightSlot: c,
       extraSlot: s,
       value: C
-    }), { baseClasses: B, containerClasses: M, labelClasses: k } = ao({
+    }), { baseClasses: B, containerClasses: M, labelClasses: I } = ao({
       size: n,
       error: o,
       disabled: L,
       fullWidth: p,
       caret: d,
       paddingClasses: x,
-      autosize: I
+      autosize: k
     });
     return uo({
       ref: v,
@@ -20919,7 +20919,7 @@ const At = ({
     }), /* @__PURE__ */ u(
       "div",
       {
-        className: U(
+        className: _(
           "ui-relative ui-flex ui-flex-col ui-gap-1",
           p ? "ui-w-full" : "ui-w-fit",
           f
@@ -20927,7 +20927,7 @@ const At = ({
         style: V,
         children: [
           (t || Z) && /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
-            t && /* @__PURE__ */ i("label", { className: k, children: t }),
+            t && /* @__PURE__ */ i("label", { className: I, children: t }),
             Z && /* @__PURE__ */ i(
               b1,
               {
@@ -21170,7 +21170,7 @@ const M9 = (t, o = {}) => {
   onChangeTab: f,
   headerButtonIcon: V,
   headerButtonOnClick: j,
-  footerButtonIcon: I,
+  footerButtonIcon: k,
   footerButtonOnClick: H,
   cancelButtonSlotLeft: Z,
   successButtonSlotRight: b,
@@ -21197,7 +21197,7 @@ const M9 = (t, o = {}) => {
     onChangeTab: f,
     headerButtonIcon: V,
     headerButtonOnClick: j,
-    footerButtonIcon: I,
+    footerButtonIcon: k,
     footerButtonOnClick: H,
     cancelButtonSlotLeft: Z,
     successButtonSlotRight: b,
@@ -21239,7 +21239,7 @@ const M9 = (t, o = {}) => {
   }), [s, d] = q(o || ((l = t[0]) == null ? void 0 : l.value) || ""), C = (L) => {
     s !== L && (d(L), r && r(L));
   }, 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: t.map((L) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("div", { className: _("ui-relative ui-flex ui-rounded-md ui-bg-neutral-50", p), children: t.map((L) => /* @__PURE__ */ i(
     o1,
     {
       size: n,
@@ -21276,7 +21276,7 @@ const M9 = (t, o = {}) => {
     onChangeTab: h,
     headerButtonIcon: g,
     headerButtonOnClick: m
-  } = k9(), f = o ?? C, V = c ?? g, j = s ?? m, I = (n == null ? void 0 : n.length) > 0 ? n : l, H = (I == null ? void 0 : I.length) ?? !1, Z = a ?? h, b = e ?? L, v = (S) => {
+  } = k9(), f = o ?? C, V = c ?? g, j = s ?? m, k = (n == null ? void 0 : n.length) > 0 ? n : l, H = (k == null ? void 0 : k.length) ?? !1, Z = a ?? h, b = e ?? L, v = (S) => {
     Z && Z(S);
   };
   return /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-flex-wrap ui-items-center ui-justify-between ui-gap-x-md ui-border-b ui-border-neutral-100 ui-p-4", children: [
@@ -21311,7 +21311,7 @@ const M9 = (t, o = {}) => {
     H ? /* @__PURE__ */ i("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-absolute", children: /* @__PURE__ */ i(
       Co,
       {
-        options: I ?? [],
+        options: k ?? [],
         defaultValue: b,
         size: "sm",
         onChange: (S) => {
@@ -21322,7 +21322,7 @@ const M9 = (t, o = {}) => {
   ] });
 };
 J1.displayName = "Modal.Header";
-const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", { className: U(o && "ui-p-4"), children: t }), e9 = ({
+const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", { className: _(o && "ui-p-4"), children: t }), e9 = ({
   children: t,
   footerButtonIcon: o,
   footerButtonOnClick: r,
@@ -21344,7 +21344,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     footerButtonOnClick: f,
     cancelButtonSlotLeft: V,
     successButtonSlotRight: j,
-    successButtonColor: I,
+    successButtonColor: k,
     disableCancelButton: H,
     disableSuccessButton: Z
   } = k9(), b = () => {
@@ -21387,7 +21387,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
               slotLeft: e ?? j,
               onClick: v,
               disabled: Z,
-              color: a ?? I,
+              color: a ?? k,
               children: d
             }
           )
@@ -21427,7 +21427,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   showSuccessButton: f,
   closeAtSuccess: V,
   closeAtCancel: j,
-  tabs: I,
+  tabs: k,
   defaultValueTab: H,
   onChangeTab: Z,
   headerButtonIcon: b,
@@ -21440,7 +21440,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   disableSuccessButton: $,
   successButtonColor: B
 }) => {
-  const { isVisible: M, animateIn: k, container: A, modalRef: _ } = co({
+  const { isVisible: M, animateIn: I, container: A, modalRef: U } = co({
     isOpen: t,
     onClose: o,
     disableEscapeClose: c,
@@ -21459,9 +21459,9 @@ const Lo = ({ children: t, 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"
+              I ? "ui-opacity-40" : "ui-opacity-0"
             ),
             onClick: d ? (F) => F.stopPropagation() : o
           }
@@ -21469,12 +21469,12 @@ const Lo = ({ children: t, 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: _,
+            ref: U,
             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",
               ho[n],
-              k ? "ui-translate-y-0 ui-scale-100 ui-opacity-100" : "ui-translate-y-4 ui-scale-95 ui-opacity-0"
+              I ? "ui-translate-y-0 ui-scale-100 ui-opacity-100" : "ui-translate-y-4 ui-scale-95 ui-opacity-0"
             ),
             onClick: (F) => F.stopPropagation(),
             children: /* @__PURE__ */ u(
@@ -21498,7 +21498,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
                 headerButtonOnClick: v,
                 footerButtonIcon: S,
                 footerButtonOnClick: y,
-                tabs: I,
+                tabs: k,
                 defaultValueTab: H,
                 onChangeTab: Z,
                 cancelButtonSlotLeft: O,
@@ -21584,7 +21584,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
 }, G1 = ({ className: t, vertical: o = !1, padding: r = !0 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: U(
+    className: _(
       "ui-bg-neutral-100",
       t,
       "",
@@ -21609,7 +21609,7 @@ const Lo = ({ children: t, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   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,
         d ? "ui-gap-4" : "",
@@ -21630,7 +21630,7 @@ v1.Header = ({ children: t, className: o }) => /* @__PURE__ */ i("div", { classN
 v1.Body = ({ children: t, className: o, fullHeight: r = !1, scrollable: n = !0 }) => /* @__PURE__ */ i(
   "div",
   {
-    className: U(
+    className: _(
       o,
       r ? "ui-h-full" : "",
       n ? "custom-scrollbar ui-overflow-y-auto" : ""
@@ -21659,14 +21659,14 @@ const mo = (t) => {
   }), [C, p] = q(!1), l = i1(null), L = o === "single" ? r !== void 0 : n !== void 0, h = o === "single" ? r === void 0 : n === void 0, g = o === "single" ? h ? s.internalDate : r : null, m = o === "range" ? h ? s.internalRange : n : { start: null, end: null }, f = (M) => M && M instanceof Date && !isNaN(M.getTime()), V = f(g) ? g : null, j = {
     start: f(m == null ? void 0 : m.start) ? m.start : null,
     end: f(m == null ? void 0 : m.end) ? m.end : null
-  }, I = N(() => {
+  }, k = N(() => {
     if (l.current) {
       const M = l.current.getInputElement();
       if (M) {
-        const k = M.getBoundingClientRect(), A = window.innerHeight, _ = window.innerWidth, G = 320, R = 256, W = 8;
-        let F, P = k.left;
-        const T = A - k.bottom, z = k.top;
-        T >= G + W ? F = k.bottom + W : z >= G + W ? F = k.top - G - W : T > z ? F = k.bottom + W : F = k.top - G - W, k.left + R > _ && (P = k.right - R), P = Math.max(0, Math.min(P, _ - R)), d((D) => ({
+        const I = M.getBoundingClientRect(), A = window.innerHeight, U = window.innerWidth, G = 320, R = 256, W = 8;
+        let F, P = I.left;
+        const T = A - I.bottom, z = I.top;
+        T >= G + W ? F = I.bottom + W : z >= G + W ? F = I.top - G - W : T > z ? F = I.bottom + W : F = I.top - G - W, I.left + R > U && (P = I.right - R), P = Math.max(0, Math.min(P, U - R)), d((D) => ({
           ...D,
           isOpen: !0,
           portalPosition: { top: F, left: P }
@@ -21678,13 +21678,13 @@ const mo = (t) => {
   }, []), H = N(() => {
     d((M) => ({ ...M, isOpen: !1 })), p(!1);
   }, []), Z = N((M) => {
-    d((k) => ({ ...k, currentDate: M }));
+    d((I) => ({ ...I, currentDate: M }));
   }, []), b = N((M) => {
-    d((k) => ({ ...k, viewMode: M }));
+    d((I) => ({ ...I, viewMode: M }));
   }, []), v = N((M) => {
-    d((k) => {
-      const A = new Date(k.currentDate);
-      switch (k.viewMode) {
+    d((I) => {
+      const A = new Date(I.currentDate);
+      switch (I.viewMode) {
         case "days":
           A.setMonth(A.getMonth() + (M === "next" ? 1 : -1));
           break;
@@ -21695,44 +21695,44 @@ const mo = (t) => {
           A.setFullYear(A.getFullYear() + (M === "next" ? 12 : -12));
           break;
       }
-      return { ...k, currentDate: A };
+      return { ...I, currentDate: A };
     });
   }, []), S = N(
     (M) => {
-      var k;
-      o === "single" && (h && d((A) => ({ ...A, internalDate: M })), (k = t.onDateChange) == null || k.call(t, M), a && H());
+      var I;
+      o === "single" && (h && d((A) => ({ ...A, internalDate: M })), (I = t.onDateChange) == null || I.call(t, M), a && H());
     },
     [o, h, t.onDateChange, a, H]
   ), y = N(
     (M) => {
-      var k;
-      o === "range" && (L || d((A) => ({ ...A, internalRange: M })), (k = t.onRangeChange) == null || k.call(t, M), c && M.start && M.end && H());
+      var I;
+      o === "range" && (L || d((A) => ({ ...A, internalRange: M })), (I = t.onRangeChange) == null || I.call(t, M), c && M.start && M.end && H());
     },
     [o, L, t.onRangeChange, c, H]
   ), O = N((M) => {
-    d((k) => ({ ...k, hoverDate: M }));
+    d((I) => ({ ...I, hoverDate: M }));
   }, []), w = N((M) => {
-    d((k) => {
-      const A = new Date(k.currentDate);
+    d((I) => {
+      const A = new Date(I.currentDate);
       return A.setMonth(M), {
-        ...k,
+        ...I,
         currentDate: A,
         viewMode: "days"
       };
     });
   }, []), x = N((M) => {
-    d((k) => {
-      const A = new Date(k.currentDate);
+    d((I) => {
+      const A = new Date(I.currentDate);
       return A.setFullYear(M), {
-        ...k,
+        ...I,
         currentDate: A,
         viewMode: "months"
       };
     });
   }, []), $ = N(() => {
     const M = /* @__PURE__ */ new Date();
-    d((k) => ({
-      ...k,
+    d((I) => ({
+      ...I,
       currentDate: M,
       viewMode: "days"
     }));
@@ -21742,16 +21742,16 @@ const mo = (t) => {
     const M = l.current.getInputElement();
     if (!M)
       return;
-    const k = M.getBoundingClientRect(), A = window.innerHeight, _ = window.innerWidth, G = 320, R = 256, W = 8;
-    let F, P = k.left;
-    const T = A - k.bottom, z = k.top;
-    T >= G + W ? F = k.bottom + W : z >= G + W ? F = k.top - G - W : T > z ? F = k.bottom + W : F = k.top - G - W, k.left + R > _ && (P = k.right - R), P = Math.max(0, Math.min(P, _ - R)), d((D) => ({ ...D, portalPosition: { top: F, left: P } })), p(!0);
+    const I = M.getBoundingClientRect(), A = window.innerHeight, U = window.innerWidth, G = 320, R = 256, W = 8;
+    let F, P = I.left;
+    const T = A - I.bottom, z = I.top;
+    T >= G + W ? F = I.bottom + W : z >= G + W ? F = I.top - G - W : T > z ? F = I.bottom + W : F = I.top - G - W, I.left + R > U && (P = I.right - R), P = Math.max(0, Math.min(P, U - R)), d((D) => ({ ...D, portalPosition: { top: F, left: P } })), p(!0);
   }, []);
   return K(() => {
     if (!s.isOpen) return;
-    const M = () => B(), k = () => B();
-    return window.addEventListener("scroll", M, !0), window.addEventListener("resize", k), () => {
-      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", k);
+    const M = () => B(), I = () => B();
+    return window.addEventListener("scroll", M, !0), window.addEventListener("resize", I), () => {
+      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", I);
     };
   }, [s.isOpen, B]), K(() => {
     if (s.isOpen) {
@@ -21767,7 +21767,7 @@ const mo = (t) => {
     inputRef: l,
     isPortalReady: C,
     actions: {
-      openPicker: I,
+      openPicker: k,
       closePicker: H,
       setCurrentDate: Z,
       setViewMode: b,
@@ -21820,10 +21820,10 @@ const mo = (t) => {
         };
         j = !a(Z, b);
       }
-      let I = !1;
+      let k = !1;
       if (t.start && t.end && m && !g) {
         const Z = new Date(l);
-        Z.setDate(l.getDate() + 1), I = !a(Z, t);
+        Z.setDate(l.getDate() + 1), k = !a(Z, t);
       } else if (t.start && !t.end && L && V) {
         const Z = new Date(l);
         Z.setDate(l.getDate() + 1);
@@ -21831,7 +21831,7 @@ const mo = (t) => {
           start: t.start < L ? t.start : L,
           end: t.start < L ? L : t.start
         };
-        I = !a(Z, b);
+        k = !a(Z, b);
       }
       let H = !0;
       return t.start && !t.end && L ? H = L >= t.start : t.start && t.end && (H = l >= t.start), {
@@ -21841,7 +21841,7 @@ const mo = (t) => {
         isEnd: g,
         isInRange: m,
         isFirstInRange: j,
-        isLastInRange: I,
+        isLastInRange: k,
         afterSelected: H,
         isDisabled: f,
         isHovered: V
@@ -21878,12 +21878,12 @@ const mo = (t) => {
   }, []), a = N(
     (p, l = 1) => {
       const { firstDay: L, lastDay: h, daysInMonth: g, startOfWeek: m } = e(p), f = [], V = (m - l + 7) % 7;
-      for (let I = 0; I < V; I++)
+      for (let k = 0; k < V; k++)
         f.push(null);
-      for (let I = 1; I <= g; I++)
-        f.push(I);
+      for (let k = 1; k <= g; k++)
+        f.push(k);
       const j = (7 - f.length % 7) % 7;
-      for (let I = 0; I < j; I++)
+      for (let k = 0; k < j; k++)
         f.push(null);
       return f;
     },
@@ -21929,7 +21929,7 @@ const mo = (t) => {
     if (!h) return null;
     const m = g.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), f = new RegExp(`^${m}$`), V = h.match(f);
     if (!V) return null;
-    const [, j, I, H] = V, Z = new Date(parseInt(H), parseInt(I) - 1, parseInt(j));
+    const [, j, k, H] = V, Z = new Date(parseInt(H), parseInt(k) - 1, parseInt(j));
     return isNaN(Z.getTime()) ? null : Z;
   }, []), C = N(
     (h, g) => d(h, g) !== null,
@@ -22021,7 +22021,7 @@ const mo = (t) => {
     return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" });
   const j = (b) => {
     b.stopPropagation(), C || L(o);
-  }, I = () => {
+  }, k = () => {
     !C && h && (V.current && (clearTimeout(V.current), V.current = null), h(o));
   }, H = () => {
     !C && g && (r || n || e || a ? V.current = setTimeout(() => {
@@ -22048,7 +22048,7 @@ const mo = (t) => {
     {
       className: Z(),
       onClick: j,
-      onMouseEnter: I,
+      onMouseEnter: k,
       onMouseLeave: H,
       role: "button",
       tabIndex: C ? -1 : 0,
@@ -22241,10 +22241,10 @@ const mo = (t) => {
     c
   ), m = (j) => o ? j.getTime() === o.getTime() : !1, f = (j) => !!(a && j < a || c && j > c), V = L(t, d);
   return /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-grid ui-w-fit ui-grid-cols-7 ui-gap-y-0.5", children: [
-    s.map((j, I) => /* @__PURE__ */ i(jo, { day: j }, I)),
-    V.map((j, I) => {
+    s.map((j, k) => /* @__PURE__ */ i(jo, { day: j }, k)),
+    V.map((j, k) => {
       if (j === null)
-        return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, I);
+        return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, k);
       const H = new Date(t.getFullYear(), t.getMonth(), j), Z = r ? g(H, p || null) : {
         isStart: !1,
         isEnd: !1,
@@ -22275,7 +22275,7 @@ const mo = (t) => {
           onMouseLeave: () => e == null ? void 0 : e(null),
           renderDay: l
         },
-        I
+        k
       );
     })
   ] });
@@ -22570,7 +22570,7 @@ const mo = (t) => {
   startOfWeek: f = 1,
   showWeekNumbers: V = !1,
   yearRange: j = 12,
-  hoverDate: I,
+  hoverDate: k,
   closeOnSelect: H,
   autoCloseRange: Z,
   renderHeader: b,
@@ -22610,7 +22610,7 @@ const mo = (t) => {
             weekDays: g,
             startOfWeek: f,
             showWeekNumbers: V,
-            hoverDate: I,
+            hoverDate: k,
             renderDay: v
           }
         );
@@ -22641,7 +22641,7 @@ const mo = (t) => {
   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",
         H ? "ui-min-h-[280px]" : "ui-min-h-[325px]"
       ),
@@ -22686,7 +22686,7 @@ const mo = (t) => {
   locale: f,
   weekDays: V,
   monthNames: j,
-  startOfWeek: I,
+  startOfWeek: k,
   showWeekNumbers: H,
   yearRange: Z,
   hoverDate: b,
@@ -22698,14 +22698,14 @@ const mo = (t) => {
   renderHeader: x,
   renderDay: $
 }) => {
-  const [B, M] = q(Array(y).fill(h)), [k, A] = q(() => {
+  const [B, M] = q(Array(y).fill(h)), [I, A] = q(() => {
     const P = [];
     for (let T = 0; T < y; T++) {
       const z = new Date(n);
       z.setMonth(z.getMonth() + T), P.push(z);
     }
     return P;
-  }), { renderPortal: _ } = bo(t, o, r, 1100);
+  }), { renderPortal: U } = bo(t, o, r, 1100);
   K(() => {
     M(Array(y).fill(h));
   }, [h, y]), K(() => {
@@ -22735,21 +22735,21 @@ const mo = (t) => {
     const D = [...B];
     D[P] = z, M(D);
   }, R = (P, T) => {
-    const z = [...k];
+    const z = [...I];
     z[P] = new Date(
-      k[P].getFullYear(),
+      I[P].getFullYear(),
       T,
       1
     ), A(z);
     const D = [...B];
     D[P] = "days", M(D), p == null || p(T);
   }, W = (P, T) => {
-    const z = [...k];
-    z[P] = new Date(T, k[P].getMonth(), 1), A(z);
+    const z = [...I];
+    z[P] = new Date(T, I[P].getMonth(), 1), A(z);
     const D = [...B];
     D[P] = "months", M(D), l == null || l(T);
   }, F = (P) => {
-    const T = [...k];
+    const T = [...I];
     T.forEach((z, D) => {
       const n1 = new Date(z);
       switch (B[D]) {
@@ -22766,12 +22766,12 @@ const mo = (t) => {
       T[D] = n1;
     }), A(T), C(P);
   };
-  return _(
+  return U(
     /* @__PURE__ */ i("div", { className: "ui-relative", children: O === "range" && y > 1 ? /* @__PURE__ */ u("div", { className: "ui-overflow-hidden ui-rounded-lg ui-border ui-bg-white ui-shadow-lg", children: [
       /* @__PURE__ */ i(
         yo,
         {
-          calendarDates: k,
+          calendarDates: I,
           viewModes: B,
           onNavigate: F,
           onToggleViewMode: G,
@@ -22781,7 +22781,7 @@ const mo = (t) => {
           renderHeader: x
         }
       ),
-      /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-col ui-flex-wrap ui-gap-4 ui-p-4 md:ui-flex-row", children: k.map((P, T) => /* @__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((P, T) => /* @__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(
         Oo,
         {
           currentDate: P,
@@ -22794,7 +22794,7 @@ const mo = (t) => {
           viewMode: B[T],
           weekDays: V,
           monthNames: j,
-          startOfWeek: I,
+          startOfWeek: k,
           showWeekNumbers: H,
           yearRange: Z,
           hoverDate: b,
@@ -22826,7 +22826,7 @@ const mo = (t) => {
         locale: f,
         weekDays: V,
         monthNames: j,
-        startOfWeek: I,
+        startOfWeek: k,
         showWeekNumbers: H,
         yearRange: Z,
         hoverDate: b,
@@ -22870,7 +22870,7 @@ const mo = (t) => {
     dayClassName: f = "",
     monthClassName: V = "",
     yearClassName: j = "",
-    disabledDayClassName: I = "text-gray-400 cursor-not-allowed",
+    disabledDayClassName: k = "text-gray-400 cursor-not-allowed",
     rangeClassName: H = "bg-blue-100",
     rangeStartClassName: Z = "bg-blue-500 text-white rounded-l-full",
     rangeEndClassName: b = "bg-blue-500 text-white rounded-r-full",
@@ -22883,9 +22883,9 @@ const mo = (t) => {
     placeholder: $ = "Seleccionar fecha",
     format: B = "dd/MM/yyyy",
     calendarsCount: M = 1,
-    renderHeader: k,
+    renderHeader: I,
     renderDay: A
-  } = t, { state: _, selectedDate: G, selectedRange: R, inputRef: W, isPortalReady: F, actions: P } = mo(t), { handleRangeSelection: T } = I9(
+  } = t, { state: U, selectedDate: G, selectedRange: R, inputRef: W, isPortalReady: F, actions: P } = mo(t), { handleRangeSelection: T } = I9(
     R,
     P.setSelectedRange,
     c,
@@ -22905,7 +22905,7 @@ const mo = (t) => {
       console.warn("DatePicker: Se recibió una fecha inválida:", J);
       return;
     }
-    o === "single" ? P.setSelectedDate(J) : T(J, _.hoverDate, P.closePicker);
+    o === "single" ? P.setSelectedDate(J) : T(J, U.hoverDate, P.closePicker);
   }, a1 = (J) => {
     if (J !== null && (!(J instanceof Date) || isNaN(J.getTime()))) {
       console.warn("DatePicker: Se recibió una fecha inválida en hover:", J);
@@ -22921,7 +22921,7 @@ const mo = (t) => {
         value: p1(),
         placeholder: $,
         label: l,
-        isOpen: _.isOpen,
+        isOpen: U.isOpen,
         onInputClick: P.openPicker,
         className: g,
         format: B
@@ -22930,10 +22930,10 @@ const mo = (t) => {
     /* @__PURE__ */ i(
       Io,
       {
-        isOpen: _.isOpen && F,
+        isOpen: U.isOpen && F,
         onClose: P.closePicker,
-        portalPosition: _.portalPosition,
-        currentDate: _.currentDate,
+        portalPosition: U.portalPosition,
+        currentDate: U.currentDate,
         selectedDate: G,
         selectedRange: R,
         onDateSelect: n1,
@@ -22943,7 +22943,7 @@ const mo = (t) => {
         onMonthSelect: P.handleMonthSelect,
         onYearSelect: P.handleYearSelect,
         onGoToToday: P.goToToday,
-        viewMode: _.viewMode,
+        viewMode: U.viewMode,
         minDate: c,
         maxDate: s,
         locale: d,
@@ -22952,19 +22952,19 @@ const mo = (t) => {
         startOfWeek: L,
         showWeekNumbers: S,
         yearRange: y,
-        hoverDate: _.hoverDate,
+        hoverDate: U.hoverDate,
         closeOnSelect: w,
         autoCloseRange: x,
         calendarsCount: M,
         mode: o,
-        renderHeader: k,
+        renderHeader: I,
         renderDay: A
       }
     )
   ] });
 }, $9 = ({ title: t, className: o, icon: r }) => /* @__PURE__ */ u("div", { className: "ui-flex ui-w-full ui-items-center ui-gap-x-2", children: [
   r && /* @__PURE__ */ i(L1, { name: r, background: !0, color: "blue" }),
-  /* @__PURE__ */ i("h2", { className: U("ui-text-2xl ui-font-bold", o), children: t })
+  /* @__PURE__ */ i("h2", { className: _("ui-text-2xl ui-font-bold", o), children: t })
 ] }), Zo = {
   sm: "ui-w-64",
   md: "ui-w-80",
@@ -22991,14 +22991,14 @@ const mo = (t) => {
   showCancelButton: f = !0,
   showSuccessButton: V = !0,
   closeAtSuccess: j = !1,
-  closeAtCancel: I = !0,
+  closeAtCancel: k = !0,
   disabledSuccessButton: H = !1,
   disabledCancelButton: Z = !1
 }) => {
   const b = H9(), { isVisible: v, isAnimating: S } = M9(t), y = i1(null);
   j9(t), W0(t, o, s), V9(t, y, !d);
   const O = () => {
-    g && g(), I && o();
+    g && g(), k && o();
   }, w = () => {
     m && m(), j && o();
   };
@@ -23014,7 +23014,7 @@ const mo = (t) => {
         /* @__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",
               t ? "ui-opacity-100" : "ui-opacity-0"
             )
@@ -23026,7 +23026,7 @@ const mo = (t) => {
             ref: y,
             tabIndex: -1,
             onClick: ($) => $.stopPropagation(),
-            className: U(
+            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",
               Zo[n],
               C === "right" ? "ui-ml-auto" : "ui-mr-auto"
@@ -23034,14 +23034,14 @@ const mo = (t) => {
             style: {
               transform: C === "right" ? S ? "translateX(0)" : "translateX(100%)" : S ? "translateX(0)" : "translateX(-100%)"
             },
-            children: /* @__PURE__ */ u(v1, { rounded: !1, padding: !1, gap: !1, className: U(p), children: [
+            children: /* @__PURE__ */ u(v1, { rounded: !1, padding: !1, gap: !1, className: _(p), children: [
               /* @__PURE__ */ i(v1.Header, { children: /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-justify-between ui-p-4", children: r && /* @__PURE__ */ i($9, { title: r, icon: a }) }) }),
               /* @__PURE__ */ i(v1.Separator, { padding: !1 }),
               /* @__PURE__ */ i(
                 v1.Body,
                 {
                   fullHeight: !0,
-                  className: U("ui-p-4", l ? "ui-overflow-y-auto" : ""),
+                  className: _("ui-p-4", l ? "ui-overflow-y-auto" : ""),
                   scrollable: l,
                   children: e
                 }
@@ -23060,7 +23060,7 @@ const mo = (t) => {
     }
   );
   return b9.createPortal(x, b);
-}, Jr = ({ className: t }) => /* @__PURE__ */ i("div", { className: U("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", t) }), N9 = ({
+}, Jr = ({ className: t }) => /* @__PURE__ */ i("div", { className: _("ui-my-1 ui-h-px ui-w-full ui-bg-neutral-100", t) }), N9 = ({
   children: t,
   icon: o,
   onClick: r,
@@ -23225,7 +23225,7 @@ const mo = (t) => {
 }) => t.length === 0 && !s ? 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
     ),
@@ -23280,15 +23280,15 @@ const mo = (t) => {
   onOpenChange: g,
   withCheckbox: m = !1
 }) => {
-  const f = a0(), V = C || `dropdown-${f}`, [j, I] = q(!1), [H, Z] = q(!1), [b, v] = q(""), [S, y] = q("bottom"), [O, w] = q({}), x = i1(null), $ = i1(null), B = i1(null), M = N(
+  const f = a0(), V = C || `dropdown-${f}`, [j, k] = q(!1), [H, Z] = q(!1), [b, v] = q(""), [S, y] = q("bottom"), [O, w] = q({}), x = i1(null), $ = i1(null), B = i1(null), M = N(
     (E) => E == null ? [] : Array.isArray(E) ? E : [E],
     []
-  ), k = N(
+  ), I = N(
     (E) => E == null || E === "" ? "" : Array.isArray(E) ? E[0] || "" : E,
     []
-  ), [A, _] = q(() => l ? M(o) : k(o)), G = t !== void 0, R = G ? t : A, W = N(
+  ), [A, U] = q(() => l ? M(o) : I(o)), G = t !== void 0, R = G ? t : A, W = N(
     (E) => {
-      G || _(E), a == null || a(E);
+      G || U(E), a == null || a(E);
     },
     [G, a]
   );
@@ -23296,12 +23296,12 @@ const mo = (t) => {
     if (G && t !== void 0)
       if (l) {
         const E = M(t);
-        _((Q) => JSON.stringify(Q) !== JSON.stringify(E) ? E : Q);
+        U((Q) => JSON.stringify(Q) !== JSON.stringify(E) ? E : Q);
       } else {
-        const E = k(t);
-        _((Q) => Q !== E ? E : Q);
+        const E = I(t);
+        U((Q) => Q !== E ? E : Q);
       }
-  }, [t, G, l, M, k]);
+  }, [t, G, l, M, I]);
   const F = l ? r.filter((E) => M(R).includes(E[e])) : [
     r.find((E) => R === "" || R === null || R === void 0 ? !1 : E[e] === -1 ? R === -1 || R === "-1" : E[e] === R)
   ].filter(Boolean), P = (() => {
@@ -23377,7 +23377,7 @@ const mo = (t) => {
     });
   }, [F, n]), n1 = (E) => {
     E && E.stopPropagation(), !p && (j ? a1() : (So(V), v(""), Z(!1), z(), setTimeout(() => {
-      I(!0), t0.add(V), setTimeout(() => {
+      k(!0), t0.add(V), setTimeout(() => {
         z(), setTimeout(() => {
           D();
         }, 50);
@@ -23385,7 +23385,7 @@ const mo = (t) => {
     }, 50)));
   }, a1 = () => {
     Z(!0), setTimeout(() => {
-      I(!1), Z(!1), t0.delete(V);
+      k(!1), Z(!1), t0.delete(V);
     }, 150);
   }, p1 = (E, Q) => {
     if (Q.stopPropagation(), !E.disabled) {
@@ -23494,7 +23494,7 @@ const mo = (t) => {
     onClickRightSlot: t || void 0,
     size: r,
     defaultSizeIcon: !1,
-    className: U("ui:h-fit", o),
+    className: _("ui:h-fit", o),
     classNameId: "imj-ui-tag",
     ...C,
     clickable: !1,
@@ -23517,14 +23517,14 @@ const mo = (t) => {
   valueName: h,
   idName: g
 }) => {
-  const [m, f] = q(!1), [V, j] = q(null), I = i1(null);
+  const [m, f] = q(!1), [V, j] = q(null), k = i1(null);
   return K(() => {
-    if (!I.current || r.length === 0) {
+    if (!k.current || r.length === 0) {
       f(!1), j(null);
       return;
     }
     const Z = setTimeout(() => {
-      const b = I.current;
+      const b = k.current;
       if (b) {
         const v = b.scrollHeight, S = b.clientHeight;
         if (V === null) {
@@ -23556,7 +23556,7 @@ const mo = (t) => {
           r.length > 0 ? /* @__PURE__ */ i(
             "div",
             {
-              ref: I,
+              ref: k,
               className: `ui-flex ui-flex-wrap ui-gap-1 ${m ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
               children: r.map((H) => H ? /* @__PURE__ */ i(
                 A9,
@@ -23613,7 +23613,7 @@ const mo = (t) => {
     options: f = [],
     valueName: V = "label",
     idName: j = "value",
-    onValueChange: I,
+    onValueChange: k,
     onOptionSelect: H,
     onCheckboxChange: Z,
     searchable: b = !1,
@@ -23626,9 +23626,9 @@ const mo = (t) => {
     absolute: $ = !1,
     footer: B = !1,
     defaultOptionSelected: M = !1,
-    withCheckbox: k = !1,
+    withCheckbox: I = !1,
     onHandleAccept: A,
-    ..._
+    ...U
   }, G) => {
     const R = i1(null), [W, F] = q(c), [P, T] = q(null), [z, D] = q(!1), p1 = O ? f : !O && M ? [
       {
@@ -23673,7 +23673,7 @@ const mo = (t) => {
       options: p1,
       valueName: V,
       idName: j,
-      onValueChange: I,
+      onValueChange: k,
       onOptionSelect: H,
       searchable: b,
       closeOnClickOutside: S,
@@ -23682,7 +23682,7 @@ const mo = (t) => {
       multiple: O,
       maxSelectedItems: w,
       absolute: $,
-      withCheckbox: k,
+      withCheckbox: I,
       onOpenChange: (Y) => {
         Y && setTimeout(() => {
           D(!1);
@@ -23720,7 +23720,7 @@ const mo = (t) => {
       () => ({
         getValue: () => t1,
         setValue: (Y) => {
-          r1 || H1(Y), I == null || I(Y);
+          r1 || H1(Y), k == null || k(Y);
         },
         focus: () => {
           var Y, c1;
@@ -23731,7 +23731,7 @@ const mo = (t) => {
           O && x === "tags" ? (Y = R.current) == null || Y.blur() : (c1 = d1.current) == null || c1.blur();
         },
         clear: () => {
-          r1 || H1(O ? [] : ""), I == null || I(O ? [] : "");
+          r1 || H1(O ? [] : ""), k == null || k(O ? [] : "");
         },
         open: () => {
           g || (x1(), setTimeout(() => {
@@ -23747,7 +23747,7 @@ const mo = (t) => {
         r1,
         g,
         x1,
-        I,
+        k,
         A1,
         O,
         H1,
@@ -23785,7 +23785,7 @@ const mo = (t) => {
     const r9 = (Y) => {
       if (O) {
         const g1 = o9(t1).filter((X) => X !== Y);
-        if (H1(g1), k && P1) {
+        if (H1(g1), I && P1) {
           const X = f.find((w1) => w1[j] === Y);
           X && P1(X, !1);
         }
@@ -23845,7 +23845,7 @@ const mo = (t) => {
               const w1 = O ? e1.some(
                 (y1) => y1 && y1[j] === X[j]
               ) : X[j] === -1 && (t1 === -1 || t1 === "-1") || X[j] === t1;
-              return k ? /* @__PURE__ */ i(
+              return I ? /* @__PURE__ */ i(
                 T9,
                 {
                   disabled: X.disabled,
@@ -23962,7 +23962,7 @@ const mo = (t) => {
                 extraSlot: u1 ? "ChevronUp1Outlined" : "ChevronDown1Outlined",
                 name: t,
                 autosize: !0,
-                ..._
+                ...U
               }
             )
           ),
@@ -24001,7 +24001,7 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
   disabled: s = !1,
   absolute: d = !1
 }) => {
-  const C = a0(), p = e || `popup-${C}`, [l, L] = q(!1), [h, g] = q({}), [m, f] = q(!1), V = i1(null), j = i1(null), I = i1(null), H = N(() => {
+  const C = a0(), p = e || `popup-${C}`, [l, L] = q(!1), [h, g] = q({}), [m, f] = q(!1), V = i1(null), j = i1(null), k = i1(null), H = N(() => {
     const v = V.current, S = j.current;
     if (!v || !S) return;
     const y = v.getBoundingClientRect(), O = S.getBoundingClientRect();
@@ -24009,30 +24009,30 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
       return;
     let w = 0, x = 0;
     if (d) {
-      const A = v.offsetTop, _ = v.offsetLeft, G = v.offsetWidth, R = v.offsetHeight;
+      const A = v.offsetTop, U = v.offsetLeft, G = v.offsetWidth, R = v.offsetHeight;
       switch (t) {
         case "top":
-          w = A - O.height - o, x = _ + (G - O.width) / 2;
+          w = A - O.height - o, x = U + (G - O.width) / 2;
           break;
         case "bottom":
         case "bottom-center":
-          w = A + R + o, x = _ + (G - O.width) / 2;
+          w = A + R + o, x = U + (G - O.width) / 2;
           break;
         case "bottom-left":
-          w = A + R + o, x = _;
+          w = A + R + o, x = U;
           break;
         case "bottom-right":
-          w = A + R + o, x = _ + G - O.width;
+          w = A + R + o, x = U + G - O.width;
           break;
         case "left":
-          w = A, x = _ - O.width - o;
+          w = A, x = U - O.width - o;
           break;
         case "right":
-          w = A, x = _ + G + o;
+          w = A, x = U + G + o;
           break;
       }
     } else {
-      const A = window.innerWidth, _ = window.innerHeight, G = y.top, R = y.left, W = y.width, F = y.height;
+      const A = window.innerWidth, U = window.innerHeight, G = y.top, R = y.left, W = y.width, F = y.height;
       switch (t) {
         case "top":
           w = G - O.height - o, x = R + (W - O.width) / 2;
@@ -24054,15 +24054,15 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
           w = G, x = R + W + o;
           break;
       }
-      x < 0 && (x = 0), x + O.width > A && (x = A - O.width), w < 0 && (w = 0), w + O.height > _ && (w = _ - O.height), t === "bottom-right" && O.width > y.width && (x = y.right - O.width, x < 0 && (x = 0));
+      x < 0 && (x = 0), x + O.width > A && (x = A - O.width), w < 0 && (w = 0), w + O.height > U && (w = U - O.height), t === "bottom-right" && O.width > y.width && (x = y.right - O.width, x < 0 && (x = 0));
     }
-    const $ = 1e3, B = parseInt(p.replace(/\D/g, "")) || 0, M = $ + B % 100, k = {
+    const $ = 1e3, B = parseInt(p.replace(/\D/g, "")) || 0, M = $ + B % 100, I = {
       position: d ? "absolute" : "fixed",
       top: `${w}px`,
       left: `${x}px`,
       zIndex: M
     };
-    g(k), f(!0);
+    g(I), f(!0);
   }, [t, o, p, d]), Z = (v) => {
     v && v.stopPropagation(), !s && (l ? b() : (No(p), g({}), f(!1), L(!0), o0.add(p), a == null || a()));
   }, b = () => {
@@ -24098,7 +24098,7 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
     isActive: l,
     disabled: s,
     elementRef: j,
-    containerRef: I,
+    containerRef: k,
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: r,
@@ -24109,7 +24109,7 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
     isPositioned: m,
     triggerRef: V,
     popupRef: j,
-    containerRef: I,
+    containerRef: k,
     popupUniqueId: p,
     togglePopup: Z,
     closePopup: b
@@ -24142,7 +24142,7 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
     slotLeft: f,
     borderRadius: V = "sm",
     slotRight: j,
-    icon: I,
+    icon: k,
     colorIcon: H,
     tooltip: Z,
     tooltipPosition: b,
@@ -24155,9 +24155,9 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
     containerClassName: $,
     buttonTransition: B = !0,
     buttonStyle: M,
-    stopPropagationList: k = !0,
+    stopPropagationList: I = !0,
     onClick: A,
-    ..._
+    ...U
   }, G) => {
     const {
       isOpen: R,
@@ -24215,9 +24215,9 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
           style: u1,
           className: `ui-border ui-border-neutral-100 ui-bg-white ${E} ui-overflow-hidden ui-shadow-lg ${s}`,
           onClick: (e1) => {
-            k && e1.stopPropagation(), w && a1();
+            I && e1.stopPropagation(), w && a1();
           },
-          ..._,
+          ...U,
           children: t
         }
       );
@@ -24227,10 +24227,10 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
       "div",
       {
         ref: z,
-        className: U("ui-relative ui-h-max"),
+        className: _("ui-relative ui-h-max"),
         "data-popup-container-id": D,
         children: [
-          /* @__PURE__ */ i("div", { ref: P, className: U("ui-w-fit", $), children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { ref: P, className: _("ui-w-fit", $), children: /* @__PURE__ */ i(
             b1,
             {
               className: x,
@@ -24240,7 +24240,7 @@ const o0 = /* @__PURE__ */ new Set(), No = (t) => {
               color: L,
               size: h,
               rounded: m,
-              icon: I,
+              icon: k,
               slotLeft: f,
               slotRight: j,
               colorIcon: H,
@@ -25843,10 +25843,10 @@ const s9 = "emoji-picker-recent", Fo = ({
   slotRight: f,
   borderRadius: V = "md",
   disabled: j = !1,
-  buttonClassName: I,
+  buttonClassName: k,
   tooltip: H
 }) => {
-  const [Z, b] = q("recent"), [v, S] = q(""), [y, O] = q([]), [w, x] = q(C || ""), $ = i1(null), B = i1({}), M = i1(!1), k = i1(null);
+  const [Z, b] = q("recent"), [v, S] = q(""), [y, O] = q([]), [w, x] = q(C || ""), $ = i1(null), B = i1({}), M = i1(!1), I = i1(null);
   K(() => {
     if (!M.current)
       if (M.current = !0, a && a.length > 0)
@@ -25865,12 +25865,12 @@ const s9 = "emoji-picker-recent", Fo = ({
     } catch (P) {
       console.error("Error saving recent emojis:", P);
     }
-  }, _ = (F) => {
+  }, U = (F) => {
     const P = [F, ...y.filter((T) => T !== F)].slice(
       0,
       o
     );
-    O(P), A(P), t == null || t(F), d && k.current && k.current.close();
+    O(P), A(P), t == null || t(F), d && I.current && I.current.close();
   }, G = h1(() => !v || v.trim() === "" ? [
     {
       ...R1[0],
@@ -25904,7 +25904,7 @@ const s9 = "emoji-picker-recent", Fo = ({
   return /* @__PURE__ */ i(
     i9,
     {
-      ref: k,
+      ref: I,
       label: w,
       position: p,
       variant: l,
@@ -25914,13 +25914,13 @@ const s9 = "emoji-picker-recent", Fo = ({
       clickable: !1,
       borderRadius: V,
       disabled: j,
-      buttonClassName: I,
+      buttonClassName: k,
       tooltip: H,
       closeOnClick: !1,
       children: /* @__PURE__ */ u(
         "div",
         {
-          className: U("ui-flex ui-flex-col ui-bg-white", r),
+          className: _("ui-flex ui-flex-col ui-bg-white", r),
           style: { width: `${n}px` },
           children: [
             /* @__PURE__ */ i("div", { className: "ui-border-b ui-border-neutral-100 ui-bg-white ui-px-4 ui-py-3", children: /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-wrap ui-gap-2", children: R1.map((F) => /* @__PURE__ */ i(
@@ -25968,7 +25968,7 @@ const s9 = "emoji-picker-recent", Fo = ({
                       /* @__PURE__ */ i("div", { className: "ui-grid ui-grid-cols-8 ui-gap-1", children: F.emojis.length === 0 && F.id === "recent" ? /* @__PURE__ */ i("div", { className: "ui-col-span-8 ui-py-4 ui-text-center ui-text-xs ui-text-neutral-400", children: "No hay emojis recientes" }) : F.emojis.map((P, T) => /* @__PURE__ */ i(
                         "button",
                         {
-                          onClick: () => _(P),
+                          onClick: () => U(P),
                           className: "ui-flex ui-h-8 ui-w-8 ui-cursor-pointer ui-items-center ui-justify-center ui-rounded ui-text-base ui-transition-colors hover:ui-bg-neutral-50",
                           "aria-label": `Emoji ${P}`,
                           type: "button",
@@ -26025,22 +26025,23 @@ const s9 = "emoji-picker-recent", Fo = ({
   error: d = "",
   helperText: C = "",
   maxLength: p = 0,
-  label: l = "Que hace?"
+  label: l = "",
+  fullWidth: L = !0
 }) => {
-  const { isFocused: L, setIsFocused: h, count: g, handleChange: m, handlePaste: f } = Eo({
+  const { isFocused: h, setIsFocused: g, count: m, handleChange: f, handlePaste: V } = Eo({
     maxLength: p,
     onChange: o,
     value: t
-  }), V = h1(() => {
-    const j = "ui-text-sm ui-font-bold";
-    return d ? `${j} ui-text-red-500` : `${j} ui-text-neutral-900`;
+  }), j = h1(() => {
+    const k = "ui-text-sm ui-font-bold";
+    return d ? `${k} ui-text-red-500` : `${k} ui-text-neutral-900`;
   }, [d]);
-  return /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-flex-col ui-gap-1 ui-w-fit", children: [
-    l && /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: l && /* @__PURE__ */ i("label", { className: V, children: l }) }),
+  return /* @__PURE__ */ u("div", { className: _("ui-relative ui-flex ui-flex-col ui-gap-1", L ? "ui-w-full" : "ui-w-fit"), children: [
+    l && /* @__PURE__ */ i("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: l && /* @__PURE__ */ i("label", { className: j, children: l }) }),
     /* @__PURE__ */ u(
       "div",
       {
-        className: U(
+        className: _(
           "ui-relative ui-flex ui-h-full ui-min-h-5 ui-w-full ui-flex-col",
           e
         ),
@@ -26050,21 +26051,21 @@ const s9 = "emoji-picker-recent", Fo = ({
             {
               slot: a,
               className: "ui-absolute ui-left-2 ui-top-2",
-              colorIcon: s ? "neutral_soft" : d ? "red_soft" : L ? "blue" : "neutral"
+              colorIcon: s ? "neutral_soft" : d ? "red_soft" : h ? "blue" : "neutral"
             }
           ),
           /* @__PURE__ */ i(
             "textarea",
             {
               placeholder: r,
-              onFocus: () => h(!0),
+              onFocus: () => g(!0),
               value: t || "",
-              onChange: m,
-              onPaste: f,
-              onBlur: () => h(!1),
+              onChange: f,
+              onPaste: V,
+              onBlur: () => g(!1),
               disabled: s,
               rows: 1,
-              className: U(
+              className: _(
                 "ui-textarea ui-min-h-23 ui-w-full ui-rounded-sm ui-border-1 ui-border-neutral-100 ui-p-2 ui-pt-1.5 ui-text-sm ui-text-neutral-900 placeholder:ui-text-neutral-500 focus:ui-outline-none",
                 p > 0 ? "ui-pb-6.5" : "ui-pb-2",
                 a ? "ui-pl-7" : "ui-pl-2",
@@ -26079,20 +26080,20 @@ const s9 = "emoji-picker-recent", Fo = ({
             {
               slot: c,
               className: "ui-absolute ui-right-2 ui-top-2",
-              colorIcon: s ? "neutral_soft" : d ? "red_soft" : L ? "blue" : "neutral"
+              colorIcon: s ? "neutral_soft" : d ? "red_soft" : h ? "blue" : "neutral"
             }
           ),
           p > 0 && /* @__PURE__ */ u(
             "div",
             {
-              className: U(
+              className: _(
                 "ui-absolute ui-left-2 ui-flex ui-w-full ui-items-center ui-gap-2 ui-px-2",
                 C && d ? "ui-bottom-[50px]" : C || d ? "ui-bottom-[29px]" : "ui-bottom-2"
               ),
               children: [
                 /* @__PURE__ */ i(L1, { name: "FileOutlined", color: "neutral_soft", size: "sm" }),
                 /* @__PURE__ */ u("p", { className: "ui-text-sm ui-leading-none ui-text-neutral-500", children: [
-                  g,
+                  m,
                   "/",
                   p
                 ] })
@@ -26238,7 +26239,7 @@ const s9 = "emoji-picker-recent", Fo = ({
         /* @__PURE__ */ i(G1, {}),
         /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-col ui-gap-y-2 ui-p-4 ui-pt-3", children: [
           t.map((f, V) => {
-            const j = f.keyName || f.label.toLowerCase(), I = `filter-${V}-${f.type}-${f.label}`;
+            const j = f.keyName || f.label.toLowerCase(), k = `filter-${V}-${f.type}-${f.label}`;
             return f.type === "dropdown" ? /* @__PURE__ */ i(
               F1,
               {
@@ -26251,7 +26252,7 @@ const s9 = "emoji-picker-recent", Fo = ({
                 absolute: !1,
                 closeOnClickOutside: !0
               },
-              I
+              k
             ) : f.type === "multiple" ? /* @__PURE__ */ i(
               F1,
               {
@@ -26265,7 +26266,7 @@ const s9 = "emoji-picker-recent", Fo = ({
                 absolute: !1,
                 closeOnClickOutside: !0
               },
-              I
+              k
             ) : f.type === "group" ? /* @__PURE__ */ i(
               F1,
               {
@@ -26281,7 +26282,7 @@ const s9 = "emoji-picker-recent", Fo = ({
                 multiple: !0,
                 withCheckbox: !0
               },
-              I
+              k
             ) : f.type === "input" ? /* @__PURE__ */ i(
               B1,
               {
@@ -26289,7 +26290,7 @@ const s9 = "emoji-picker-recent", Fo = ({
                 value: C[j] || "",
                 onChange: (H) => p(f.label, H.target.value, f)
               },
-              I
+              k
             ) : f.type === "date" ? /* @__PURE__ */ i(
               l9,
               {
@@ -26299,7 +26300,7 @@ const s9 = "emoji-picker-recent", Fo = ({
                 onDateChange: (H) => p(f.label, H, f),
                 placeholder: f.placeholder
               },
-              I
+              k
             ) : f.type === "dateRange" ? /* @__PURE__ */ i(
               l9,
               {
@@ -26309,14 +26310,14 @@ const s9 = "emoji-picker-recent", Fo = ({
                 onRangeChange: (H) => p(f.label, H, f),
                 placeholder: f.placeholder
               },
-              I
+              k
             ) : f.type === "textarea" ? /* @__PURE__ */ i(
               Do,
               {
                 value: C[j] || "",
                 onChange: (H) => p(f.label, H, f)
               },
-              I
+              k
             ) : null;
           }),
           /* @__PURE__ */ i(b1, { color: "blue", onClick: h, children: "Aplicar" })
@@ -26433,8 +26434,8 @@ const s9 = "emoji-picker-recent", Fo = ({
     let S = v.rangeCount > 0 ? v.getRangeAt(0).commonAncestorContainer : t.current, y = null, O = S;
     for (; O && O !== t.current; ) {
       if (O.nodeType === Node.ELEMENT_NODE) {
-        const M = O, k = M.tagName.toLowerCase();
-        if (k === "ul" || k === "ol") {
+        const M = O, I = M.tagName.toLowerCase();
+        if (I === "ul" || I === "ol") {
           y = M;
           break;
         }
@@ -26443,33 +26444,33 @@ const s9 = "emoji-picker-recent", Fo = ({
     }
     if (y)
       if (y.tagName.toLowerCase() === b) {
-        const k = y.parentNode;
-        k && (Array.from(y.children).forEach((A) => {
-          const _ = document.createElement("div");
-          _.innerHTML = A.innerHTML || "<br>", k.insertBefore(_, y);
-        }), k.removeChild(y));
+        const I = y.parentNode;
+        I && (Array.from(y.children).forEach((A) => {
+          const U = document.createElement("div");
+          U.innerHTML = A.innerHTML || "<br>", I.insertBefore(U, y);
+        }), I.removeChild(y));
       } else {
-        const k = document.createElement(b);
-        k.innerHTML = y.innerHTML, (w = y.parentNode) == null || w.replaceChild(k, y);
+        const I = document.createElement(b);
+        I.innerHTML = y.innerHTML, (w = y.parentNode) == null || w.replaceChild(I, y);
       }
     else {
-      const M = document.createElement(b), k = document.createElement("li");
+      const M = document.createElement(b), I = document.createElement("li");
       if (v.rangeCount > 0) {
         const A = v.getRangeAt(0);
         if (A.collapsed) {
-          k.innerHTML = "<br>", M.appendChild(k), t.current.childNodes.length === 0 || ((x = t.current.textContent) == null ? void 0 : x.trim()) === "" ? (t.current.innerHTML = "", t.current.appendChild(M)) : A.insertNode(M);
-          const _ = document.createRange();
-          _.setStart(k, 0), _.collapse(!0), v.removeAllRanges(), v.addRange(_);
+          I.innerHTML = "<br>", M.appendChild(I), t.current.childNodes.length === 0 || ((x = t.current.textContent) == null ? void 0 : x.trim()) === "" ? (t.current.innerHTML = "", t.current.appendChild(M)) : A.insertNode(M);
+          const U = document.createRange();
+          U.setStart(I, 0), U.collapse(!0), v.removeAllRanges(), v.addRange(U);
         } else {
-          const _ = A.extractContents();
-          (($ = _.textContent) == null ? void 0 : $.trim()) === "" ? k.innerHTML = "<br>" : k.appendChild(_), M.appendChild(k), A.insertNode(M);
+          const U = A.extractContents();
+          (($ = U.textContent) == null ? void 0 : $.trim()) === "" ? I.innerHTML = "<br>" : I.appendChild(U), M.appendChild(I), A.insertNode(M);
           const G = document.createRange();
-          G.selectNodeContents(k), G.collapse(!1), v.removeAllRanges(), v.addRange(G);
+          G.selectNodeContents(I), G.collapse(!1), v.removeAllRanges(), v.addRange(G);
         }
       } else {
-        k.innerHTML = "<br>", M.appendChild(k), t.current.appendChild(M);
+        I.innerHTML = "<br>", M.appendChild(I), t.current.appendChild(M);
         const A = document.createRange();
-        A.setStart(k, 0), A.collapse(!0), v.removeAllRanges(), v.addRange(A);
+        A.setStart(I, 0), A.collapse(!0), v.removeAllRanges(), v.addRange(A);
       }
     }
     setTimeout(() => {
@@ -26508,7 +26509,7 @@ const s9 = "emoji-picker-recent", Fo = ({
   }, [m]), j = N(() => {
     var b;
     return ((b = t.current) == null ? void 0 : b.innerHTML) || "";
-  }, []), I = N((b) => {
+  }, []), k = N((b) => {
     t.current && (t.current.innerHTML = b);
   }, []), H = N(() => {
     t.current && (t.current.innerHTML = "");
@@ -26527,7 +26528,7 @@ const s9 = "emoji-picker-recent", Fo = ({
     insertEmoji: f,
     insertMention: V,
     getHTML: j,
-    setHTML: I,
+    setHTML: k,
     clear: H,
     isEmpty: Z
   };
@@ -26537,7 +26538,7 @@ const s9 = "emoji-picker-recent", Fo = ({
     type: "button",
     onClick: o,
     disabled: r,
-    className: U(
+    className: _(
       "ui-flex ui-h-5 ui-w-5 ui-items-center ui-justify-center ui-rounded ui-text-neutral-500 ui-transition-colors hover:ui-bg-white",
       t && "ui-bg-white ui-text-blue-500",
       r && "ui-opacity-50 ui-cursor-not-allowed"
@@ -26568,7 +26569,7 @@ const s9 = "emoji-picker-recent", Fo = ({
   const {
     editorRef: V,
     isFocused: j,
-    setIsFocused: I,
+    setIsFocused: k,
     activeFormats: H,
     execCommand: Z,
     handleEditorClick: b,
@@ -26591,16 +26592,16 @@ const s9 = "emoji-picker-recent", Fo = ({
     !O() && !e && (l == null || l());
   }, M = () => {
     const A = document.createElement("input");
-    A.type = "file", A.onchange = (_) => {
+    A.type = "file", A.onchange = (U) => {
       var R;
-      const G = (R = _.target.files) == null ? void 0 : R[0];
+      const G = (R = U.target.files) == null ? void 0 : R[0];
       G && (s == null || s(G));
     }, A.click();
-  }, k = (A) => H.has(A);
+  }, I = (A) => H.has(A);
   return /* @__PURE__ */ i(
     "div",
     {
-      className: U(
+      className: _(
         "ui-w-full ui-rounded ui-border ui-bg-white ui-transition-colors",
         j ? "ui-border-neutral-300" : "ui-border-neutral-200",
         e && "ui-opacity-50 ui-pointer-events-none",
@@ -26611,7 +26612,7 @@ const s9 = "emoji-picker-recent", Fo = ({
           /* @__PURE__ */ i(
             S1,
             {
-              isActive: k("bold"),
+              isActive: I("bold"),
               onClick: () => Z("bold"),
               disabled: e,
               tooltip: "Negrita",
@@ -26621,7 +26622,7 @@ const s9 = "emoji-picker-recent", Fo = ({
           /* @__PURE__ */ i(
             S1,
             {
-              isActive: k("italic"),
+              isActive: I("italic"),
               onClick: () => Z("italic"),
               disabled: e,
               tooltip: "Cursiva",
@@ -26631,7 +26632,7 @@ const s9 = "emoji-picker-recent", Fo = ({
           /* @__PURE__ */ i(
             S1,
             {
-              isActive: k("underline"),
+              isActive: I("underline"),
               onClick: () => Z("underline"),
               disabled: e,
               tooltip: "Subrayado",
@@ -26644,7 +26645,7 @@ const s9 = "emoji-picker-recent", Fo = ({
           /* @__PURE__ */ i(
             S1,
             {
-              isActive: k("strikethrough"),
+              isActive: I("strikethrough"),
               onClick: () => Z("strikeThrough"),
               disabled: e,
               tooltip: "Tachado",
@@ -26655,7 +26656,7 @@ const s9 = "emoji-picker-recent", Fo = ({
           /* @__PURE__ */ i(
             S1,
             {
-              isActive: k("ul"),
+              isActive: I("ul"),
               onClick: () => Z("insertUnorderedList"),
               disabled: e,
               tooltip: "Lista sin orden",
@@ -26665,7 +26666,7 @@ const s9 = "emoji-picker-recent", Fo = ({
           /* @__PURE__ */ i(
             S1,
             {
-              isActive: k("ol"),
+              isActive: I("ol"),
               onClick: () => Z("insertOrderedList"),
               disabled: e,
               tooltip: "Lista ordenada",
@@ -26692,7 +26693,7 @@ const s9 = "emoji-picker-recent", Fo = ({
           {
             ref: V,
             contentEditable: !e,
-            className: U(
+            className: _(
               "ui-w-full ui-overflow-y-auto ui-px-2 ui-py-1 ui-text-sm ui-text-neutral-700 ui-outline-none",
               "focus:ui-outline-none",
               "[&:empty]:before:ui-text-neutral-400 [&:empty]:before:ui-content-[attr(data-placeholder)]",
@@ -26703,8 +26704,8 @@ const s9 = "emoji-picker-recent", Fo = ({
             ),
             "data-placeholder": n,
             onInput: $,
-            onFocus: () => I(!0),
-            onBlur: () => I(!1),
+            onFocus: () => k(!0),
+            onBlur: () => k(!1),
             onClick: b,
             style: {
               minHeight: `${m}px`,
@@ -26765,7 +26766,7 @@ const s9 = "emoji-picker-recent", Fo = ({
               type: "button",
               onClick: B,
               disabled: e || w,
-              className: U(
+              className: _(
                 "ui-flex ui-h-8 ui-w-8 ui-items-center ui-justify-center ui-rounded ui-text-white ui-transition-colors disabled:ui-opacity-50",
                 w || e ? "ui-bg-neutral-300 ui-cursor-not-allowed" : "ui-bg-blue-500 hover:ui-bg-blue-600"
               ),
@@ -26852,7 +26853,7 @@ const s9 = "emoji-picker-recent", Fo = ({
           "div",
           {
             className: `ui-relative ui-z-10 ui-flex ui-flex-col ui-items-center ui-justify-center ui-gap-4 ui-w-full ui-px-4 ${C}`,
-            onClick: (I) => I.stopPropagation(),
+            onClick: (k) => k.stopPropagation(),
             children: [
               /* @__PURE__ */ u("div", { className: "ui-relative ui-flex ui-items-center ui-justify-center ui-gap-6 ui-w-full", children: [
                 s && f && /* @__PURE__ */ i(
@@ -26914,15 +26915,15 @@ const s9 = "emoji-picker-recent", Fo = ({
                 )
               ] }),
               a && L.title && /* @__PURE__ */ i("div", { className: "ui-text-center ui-text-neutral-900 ui-text-lg ui-font-medium ui-px-4 ui-py-2 ui-bg-black/50 ui-rounded-lg ui-backdrop-blur-sm", children: L.title }),
-              c && t.length > 1 && /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-gap-2 ui-px-4 ui-py-3 ui-bg-black/50 ui-rounded-full ui-backdrop-blur-sm", children: t.map((I, H) => /* @__PURE__ */ i(
+              c && t.length > 1 && /* @__PURE__ */ i("div", { className: "ui-flex ui-items-center ui-gap-2 ui-px-4 ui-py-3 ui-bg-black/50 ui-rounded-full ui-backdrop-blur-sm", children: t.map((k, H) => /* @__PURE__ */ i(
                 "button",
                 {
                   onClick: () => m(H),
                   className: `ui-w-2.5 ui-h-2.5 ui-rounded-full ui-transition-all ui-duration-300 ui-border-1 ${H === l ? "ui-bg-blue-500 ui-border-white" : "ui-bg-white ui-border-neutral-100 hover:ui-bg-blue-500 hover:ui-border-white"}`,
                   "aria-label": `Ir a imagen ${H + 1}`,
-                  title: I.title || `Imagen ${H + 1}`
+                  title: k.title || `Imagen ${H + 1}`
                 },
-                I.id
+                k.id
               )) }),
               d && /* @__PURE__ */ u("div", { className: "ui-absolute ui-bottom-4 ui-left-4 ui-text-white ui-text-sm ui-font-medium ui-px-3 ui-py-1 ui-bg-black/50 ui-rounded-full ui-backdrop-blur-sm", children: [
                 l + 1,
@@ -26973,7 +26974,7 @@ const s9 = "emoji-picker-recent", Fo = ({
   const f = Math.min(t * (r || 0), n || 0) || 0, j = (() => {
     const H = Math.min(Math.max(t, 1), Math.max(o - p + 1, 1)), Z = Math.min(H + p - 1, o);
     return Array.from({ length: Z - H + 1 }, (b, v) => H + v);
-  })(), I = (H) => {
+  })(), k = (H) => {
     m(H), d(H), h(1);
   };
   return /* @__PURE__ */ i(
@@ -27096,7 +27097,7 @@ const s9 = "emoji-picker-recent", Fo = ({
               options: c,
               value: g,
               valueName: "id",
-              onValueChange: (H) => I(Number(H))
+              onValueChange: (H) => k(Number(H))
             }
           )
         ] }) })
@@ -30272,7 +30273,7 @@ const s9 = "emoji-picker-recent", Fo = ({
     r || p(!0);
   }, [r]), j = N(() => {
     p(!1), d(!1);
-  }, []), I = N(
+  }, []), k = N(
     (H) => {
       r || (H.preventDefault(), n && n({
         target: {
@@ -30295,7 +30296,7 @@ const s9 = "emoji-picker-recent", Fo = ({
       handleMouseUp: f,
       handleMouseEnter: V,
       handleMouseLeave: j,
-      handleClick: I
+      handleClick: k
     }
   };
 }, cr = ({
@@ -30320,7 +30321,7 @@ const s9 = "emoji-picker-recent", Fo = ({
     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",
       {
@@ -30343,7 +30344,7 @@ const s9 = "emoji-picker-recent", Fo = ({
         onMouseUp: m.handleMouseUp,
         onMouseEnter: m.handleMouseEnter,
         onMouseLeave: m.handleMouseLeave,
-        className: U(
+        className: _(
           "ui-relative ui-inline-flex ui-cursor-pointer ui-items-center",
           n && "ui-cursor-not-allowed"
         ),
@@ -30359,7 +30360,7 @@ const s9 = "emoji-picker-recent", Fo = ({
               children: L && /* @__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",
@@ -30369,7 +30370,7 @@ const s9 = "emoji-picker-recent", Fo = ({
               )
             }
           ),
-          t && /* @__PURE__ */ i("span", { className: U(sr({ size: o, disabled: n }), a), children: t })
+          t && /* @__PURE__ */ i("span", { className: _(sr({ size: o, disabled: n }), a), children: t })
         ]
       }
     )
@@ -30410,7 +30411,7 @@ const s9 = "emoji-picker-recent", Fo = ({
   return /* @__PURE__ */ i(
     "div",
     {
-      className: U(
+      className: _(
         "ui-flex ui-gap-3",
         c === "horizontal" ? "ui-flex-row" : "ui-flex-col",
         s
@@ -31008,7 +31009,7 @@ export {
   Qr as Wysiwyg,
   Mo as Year,
   B9 as YearGrid,
-  U as cn,
+  _ as cn,
   sr as labelVariants,
   lr as radioButtonVariants,
   kr as toast,