@imj_media/ui 1.0.49 → 1.0.50

package/dist/index.esm.js

@@ -18748,19 +18748,19 @@ const y8 = ({
     }
   ) : null;
 }, Z8 = (r = "top", o = "center", t = !1, n = 0, e = !1) => {
-  const [a, c] = J(!1), [l, s] = J({ top: 0, left: 0 }), [L, p] = J({ width: 0, height: 0 }), [d, C] = J(r), h = o1(null), w = o1(null), f = o1(null), j = o1(null), x = o1(null), v = o1(null), V = o1(null), b = o1({ top: 0, left: 0 }), H = o1({ count: 0, lastTime: 0 }), O = P(() => {
-    c(!1), s({ top: 0, left: 0 }), C(r), V.current = null, H.current.count = 0, H.current.lastTime = 0, b.current = { top: 0, left: 0 };
+  const [a, c] = J(!1), [l, s] = J({ top: 0, left: 0 }), [L, p] = J({ width: 0, height: 0 }), [d, C] = J(r), h = o1(null), w = o1(null), f = o1(null), j = o1(null), x = o1(null), v = o1(null), H = o1(null), b = o1({ top: 0, left: 0 }), V = o1({ count: 0, lastTime: 0 }), O = P(() => {
+    c(!1), s({ top: 0, left: 0 }), C(r), H.current = null, V.current.count = 0, V.current.lastTime = 0, b.current = { top: 0, left: 0 };
   }, [r]), T = P(() => {
     if (!h.current || !a) return;
     const M = h.current.getBoundingClientRect(), g = { top: M.top, left: M.left };
-    if (V.current) {
-      const k = V.current, y = 2;
+    if (H.current) {
+      const k = H.current, y = 2;
       if (Math.abs(g.top - k.top) > y || Math.abs(g.left - k.left) > y) {
         O();
         return;
       }
     }
-    V.current = g;
+    H.current = g;
   }, [a, O]), U = P(() => {
     var G, D, Q, X, q, R;
     if (!h.current || !w.current) return;
@@ -18929,19 +18929,19 @@ const y8 = ({
       return;
     }
     const I = Date.now();
-    if (I - H.current.lastTime < 100) {
-      if (H.current.count++, H.current.count > 5) {
+    if (I - V.current.lastTime < 100) {
+      if (V.current.count++, V.current.count > 5) {
         O();
         return;
       }
     } else
-      H.current.count = 0;
-    H.current.lastTime = I, b.current = { top: y, left: m }, s({ top: y, left: m });
+      V.current.count = 0;
+    V.current.lastTime = I, b.current = { top: y, left: m }, s({ top: y, left: m });
   }, [r, o, t, O]);
   W(() => (a && w.current ? (requestAnimationFrame(() => {
     if (U(), h.current) {
       const M = h.current.getBoundingClientRect();
-      V.current = { top: M.top, left: M.left };
+      H.current = { top: M.top, left: M.left };
     }
   }), v.current = setInterval(T, 100)) : v.current && (clearInterval(v.current), v.current = null), () => {
     v.current && (clearInterval(v.current), v.current = null);
@@ -19207,19 +19207,19 @@ const y8 = ({
     adjustedPosition: j,
     triggerRef: x,
     tooltipRef: v,
-    containerRef: V,
+    containerRef: H,
     handleMouseEnter: b,
-    handleMouseLeave: H
+    handleMouseLeave: V
   } = Z8(t, n, C, c, l), O = $8(e, C), T = B8(j, e);
-  return /* @__PURE__ */ u("div", { ref: V, className: C ? "ui-relative" : "", children: [
+  return /* @__PURE__ */ u("div", { ref: H, className: C ? "ui-relative" : "", children: [
     /* @__PURE__ */ i(
       "div",
       {
         ref: x,
         onMouseEnter: b,
-        onMouseLeave: H,
+        onMouseLeave: V,
         onFocus: b,
-        onBlur: H,
+        onBlur: V,
         className: _("ui-inline-block ui-h-fit ui-w-fit", L ? "ui-w-full" : "ui-w-fit"),
         children: r
       }
@@ -19397,9 +19397,9 @@ const y8 = ({
   size: j,
   square: x = !1,
   target: v = "_self",
-  onClickIcon: V,
+  onClickIcon: H,
   onClickLeftSlot: b,
-  onClickRightSlot: H,
+  onClickRightSlot: V,
   disabled: O,
   colorIcon: T,
   showShadow: U = !1,
@@ -19490,7 +19490,7 @@ const y8 = ({
         name: w,
         size: a === "icon" ? j : S !== "none" ? S : j,
         color: T,
-        onClick: a === "icon" ? B || V : void 0
+        onClick: a === "icon" ? B || H : void 0
       }
     ) : w),
     d && e && /* @__PURE__ */ i(
@@ -19500,7 +19500,7 @@ const y8 = ({
         size: S !== "none" ? S : j,
         colorIcon: T,
         className: r,
-        onClick: H,
+        onClick: V,
         defaultSizeIcon: r1,
         strokeWidth: u1
       }
@@ -19763,12 +19763,12 @@ const y8 = ({
 }), A8 = (r) => {
   const { getIconForType: o } = z8(), t = r.variant === "contained", n = (a) => {
     a.stopPropagation(), r.onClose && r.onClose(a);
-  }, e = r.type === "yellow";
+  }, e = r.color === "yellow";
   return /* @__PURE__ */ u("div", { className: `ui-flex ui-gap-x-1 ${r.title ? "ui-items-start" : "ui-items-center"}`, children: [
     /* @__PURE__ */ i(
       j1,
       {
-        name: o(r.type || "green"),
+        name: o(r.color || "green"),
         color: t ? e ? "yellow_dark" : "white" : void 0,
         size: "2xl",
         className: "ui-mt-0.5 ui-flex-shrink-0"
@@ -19778,7 +19778,7 @@ const y8 = ({
       r.title && /* @__PURE__ */ i(
         "div",
         {
-          className: `ui-text-sm ${t ? e ? "ui-text-yellow-900" : "ui-text-white" : ""} ui-mb-1 ui-font-medium`,
+          className: `ui-text-sm ${t ? e ? "ui-text-yellow-900" : "ui-text-white" : ""} ui-font-medium`,
           children: r.title
         }
       ),
@@ -19801,7 +19801,7 @@ const y8 = ({
         variant: "text",
         borderable: !1,
         showShadow: !1,
-        colorIcon: r.variant === "contained" ? e ? "yellow_dark" : "white" : r.variant === "minimal" ? "neutral" : r.type,
+        colorIcon: r.variant === "contained" ? e ? "yellow_dark" : "white" : r.variant === "minimal" ? "neutral" : r.color,
         className: "ui-flex-shrink-0",
         onClick: n
       }
@@ -19832,7 +19832,7 @@ const y8 = ({
   }, a = (l) => {
     l.stopPropagation(), r.onSecondaryClick && r.onSecondaryClick();
   }, c = t === "outlined";
-  return console.log(c), /* @__PURE__ */ u("div", { className: "ui-mt-2 ui-flex ui-w-full ui-justify-end ui-gap-x-2", children: [
+  return /* @__PURE__ */ u("div", { className: "ui-mt-2 ui-flex ui-w-full ui-justify-end ui-gap-x-2", children: [
     r.onSecondaryClick && /* @__PURE__ */ i(
       t1,
       {
@@ -19849,7 +19849,7 @@ const y8 = ({
       {
         clickable: !0,
         variant: o[t].primary,
-        color: c ? r.type : "white",
+        color: c ? r.color : "white",
         size: "md",
         onClick: e,
         children: r.primaryButtonText
@@ -19857,7 +19857,7 @@ const y8 = ({
     )
   ] });
 }, R8 = ({
-  type: r = "green",
+  color: r = "green",
   variant: o = "contained",
   isLeaving: t = !1,
   animation: n = "none"
@@ -19895,31 +19895,31 @@ const y8 = ({
   return `${e} ${c} ${{
     green: {
       contained: "ui-bg-green-500 ui-border-green-500 ui-border-2",
-      outlined: "!ui-text-green-500 ui-border ui-border-green-500 ui-shadow ui-bg-green-100",
+      outlined: "!ui-text-green-500 ui-border ui-border-green-500 ui-shadow ui-bg-green-50",
       accent: "ui-bg-green-50 ui-text-green-500 ui-border-l-6 ui-border-green-500",
       minimal: "ui-bg-white ui-text-green-500"
     },
     red: {
       contained: "ui-bg-red-500 ui-border-red-500 ui-border-2",
-      outlined: "!ui-text-red-500 ui-border ui-border-red-500 ui-shadow ui-bg-red-100",
+      outlined: "!ui-text-red-500 ui-border ui-border-red-500 ui-shadow ui-bg-red-50",
       accent: "ui-bg-red-50 ui-text-red-500 ui-border-l-6 ui-border-red-500",
       minimal: "ui-bg-white ui-text-red-500"
     },
     blue: {
       contained: "ui-bg-blue-500 ui-border-blue-500 ui-border-2",
-      outlined: "!ui-text-blue-500 ui-border ui-border-blue-500 ui-shadow ui-bg-blue-100",
+      outlined: "!ui-text-blue-500 ui-border ui-border-blue-500 ui-shadow ui-bg-blue-50",
       accent: "ui-bg-blue-50 ui-text-blue-500 ui-border-l-6 ui-border-blue-500",
       minimal: "ui-bg-white ui-text-blue-500"
     },
     yellow: {
       contained: "ui-bg-yellow-500 ui-border-yellow-500 ui-border-2",
-      outlined: "!ui-text-yellow-800 ui-border ui-border-yellow-800 ui-shadow ui-bg-yellow-100",
+      outlined: "!ui-text-yellow-800 ui-border ui-border-yellow-800 ui-shadow ui-bg-yellow-50",
       accent: "ui-bg-yellow-50 ui-text-yellow-500 ui-border-l-6 ui-border-yellow-500",
       minimal: "ui-bg-white ui-text-yellow-500"
     },
     neutral: {
       contained: "ui-bg-neutral-800 ui-border-neutral-800 ui-border-2",
-      outlined: "!ui-text-neutral-800 ui-border ui-border-neutral-800 ui-shadow ui-bg-neutral-100",
+      outlined: "!ui-text-neutral-800 ui-border ui-border-neutral-800 ui-shadow ui-bg-neutral-50",
       accent: "ui-bg-neutral-50 ui-text-neutral-800 ui-border-l-6 ui-border-neutral-800",
       minimal: "ui-bg-white ui-text-neutral-800"
     }
@@ -20097,67 +20097,69 @@ const y8 = ({
   ] });
 }, Y8 = ({
   open: r = !1,
-  type: o = "green",
+  color: o = "green",
   variant: t = "contained",
-  message: n,
-  title: e,
-  showCloseButton: a = !0,
-  onClose: c,
-  onClick: l,
-  onPrimaryClick: s,
-  onSecondaryClick: L,
-  primaryButtonText: p = "Aceptar",
-  secondaryButtonText: d = "Cancelar",
-  animation: C = "none",
-  isLeaving: h,
-  progressBarColor: w = !1,
-  duration: f = 3e3
+  className: n,
+  message: e,
+  title: a,
+  showCloseButton: c = !0,
+  onClose: l,
+  onClick: s,
+  onPrimaryClick: L,
+  onSecondaryClick: p,
+  primaryButtonText: d = "Aceptar",
+  secondaryButtonText: C = "Cancelar",
+  animation: h = "none",
+  isLeaving: w,
+  progressBarColor: f = !1,
+  duration: j = 3e3
 }) => {
-  const { isVisible: j, isLeaving: x } = F8({ open: r, externalIsLeaving: h });
-  if (!j)
+  const { isVisible: x, isLeaving: v } = F8({ open: r, externalIsLeaving: w });
+  if (!x)
     return null;
-  const v = !!l, V = (b) => {
-    l && (b.stopPropagation(), l());
+  const H = !!s, b = (V) => {
+    s && (V.stopPropagation(), s());
   };
   return /* @__PURE__ */ u(
     "div",
     {
       className: _(
-        "ui-relative ui-overflow-hidden",
-        R8({ type: o, variant: t, isLeaving: x, animation: C }),
-        v ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
+        "ui-imj-alert ui-relative ui-overflow-hidden",
+        n,
+        R8({ color: o, variant: t, isLeaving: v, animation: h }),
+        H ? "ui-hover:ui-brightness-110 ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out" : ""
       ),
-      onClick: V,
+      onClick: b,
       children: [
-        /* @__PURE__ */ u("div", { className: "ui-p-2", children: [
+        /* @__PURE__ */ u("div", { className: "ui-p-4", children: [
           /* @__PURE__ */ i(
             A8,
             {
-              message: n,
-              title: e,
-              type: o,
+              message: e,
+              title: a,
+              color: o,
               variant: t,
-              showCloseButton: a,
-              onClose: c
+              showCloseButton: c,
+              onClose: l
             }
           ),
           /* @__PURE__ */ i(
             E8,
             {
-              type: o,
+              color: o,
               variant: t,
-              onPrimaryClick: s,
-              onSecondaryClick: L,
-              primaryButtonText: p,
-              secondaryButtonText: d
+              onPrimaryClick: L,
+              onSecondaryClick: p,
+              primaryButtonText: d,
+              secondaryButtonText: C
             }
           )
         ] }),
-        w && /* @__PURE__ */ i("div", { className: _("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
+        f && /* @__PURE__ */ i("div", { className: _("ui-absolute ui-bottom-0 ui-w-full ui-opacity-80"), children: /* @__PURE__ */ i(
           _8,
           {
             progress: 100,
-            duration: f,
+            duration: j,
             color: t === "contained" ? "white" : o,
             showLabel: !1,
             withBackground: !1
@@ -20186,9 +20188,9 @@ const y8 = ({
   target: j = "_self",
   onClickIcon: x,
   disabled: v,
-  colorIcon: V,
+  colorIcon: H,
   tooltip: b,
-  tooltipPosition: H,
+  tooltipPosition: V,
   tooltipAlignment: O,
   tooltipColor: T,
   tooltipDelay: U,
@@ -20214,10 +20216,10 @@ const y8 = ({
     target: j,
     onClickIcon: x,
     disabled: v,
-    colorIcon: V,
+    colorIcon: H,
     className: o,
     tooltip: b,
-    tooltipPosition: H,
+    tooltipPosition: V,
     tooltipAlignment: O,
     tooltipColor: T,
     tooltipDelay: U,
@@ -20323,7 +20325,7 @@ const G8 = (r) => {
   }), [L, p] = J(!1), d = o1(null), C = o === "single" ? t !== void 0 : n !== void 0, h = o === "single" ? t == null : n === void 0, w = o === "single" ? h ? l.internalDate : t : null, f = o === "range" ? h ? l.internalRange : n : { start: null, end: null }, j = (m) => m && m instanceof Date && !isNaN(m.getTime()), x = j(w) ? w : null, v = {
     start: j(f == null ? void 0 : f.start) ? f.start : null,
     end: j(f == null ? void 0 : f.end) ? f.end : null
-  }, V = P(() => {
+  }, H = P(() => {
     if (d.current) {
       const m = d.current.getInputElement();
       if (m) {
@@ -20341,7 +20343,7 @@ const G8 = (r) => {
     s((m) => ({ ...m, isOpen: !0 })), p(!1);
   }, []), b = P(() => {
     s((m) => ({ ...m, isOpen: !1 })), p(!1);
-  }, []), H = P((m) => {
+  }, []), V = P((m) => {
     s((I) => ({ ...I, currentDate: m }));
   }, []), O = P((m) => {
     s((I) => ({ ...I, viewMode: m }));
@@ -20431,9 +20433,9 @@ const G8 = (r) => {
     inputRef: d,
     isPortalReady: L,
     actions: {
-      openPicker: V,
+      openPicker: H,
       closePicker: b,
-      setCurrentDate: H,
+      setCurrentDate: V,
       setViewMode: O,
       setSelectedDate: U,
       setSelectedRange: z,
@@ -20465,37 +20467,37 @@ const G8 = (r) => {
       const h = c(d, r), w = l(d, r), f = a(d, r), j = s(d);
       let x = !1;
       if (C && r.start && !r.end) {
-        const H = {
+        const V = {
           start: r.start < C ? r.start : C,
           end: r.start < C ? C : r.start
         };
-        x = a(d, H);
+        x = a(d, V);
       }
       let v = !1;
       if (r.start && r.end && f && !h) {
-        const H = new Date(d);
-        H.setDate(d.getDate() - 1), v = !a(H, r);
+        const V = new Date(d);
+        V.setDate(d.getDate() - 1), v = !a(V, r);
       } else if (r.start && !r.end && C && x) {
-        const H = new Date(d);
-        H.setDate(d.getDate() - 1);
+        const V = new Date(d);
+        V.setDate(d.getDate() - 1);
         const O = {
           start: r.start < C ? r.start : C,
           end: r.start < C ? C : r.start
         };
-        v = !a(H, O);
+        v = !a(V, O);
       }
-      let V = !1;
+      let H = !1;
       if (r.start && r.end && f && !w) {
-        const H = new Date(d);
-        H.setDate(d.getDate() + 1), V = !a(H, r);
+        const V = new Date(d);
+        V.setDate(d.getDate() + 1), H = !a(V, r);
       } else if (r.start && !r.end && C && x) {
-        const H = new Date(d);
-        H.setDate(d.getDate() + 1);
+        const V = new Date(d);
+        V.setDate(d.getDate() + 1);
         const O = {
           start: r.start < C ? r.start : C,
           end: r.start < C ? C : r.start
         };
-        V = !a(H, O);
+        H = !a(V, O);
       }
       let b = !0;
       return r.start && !r.end && C ? b = C >= r.start : r.start && r.end && (b = d >= r.start), {
@@ -20505,7 +20507,7 @@ const G8 = (r) => {
         isEnd: w,
         isInRange: f,
         isFirstInRange: v,
-        isLastInRange: V,
+        isLastInRange: H,
         afterSelected: b,
         isDisabled: j,
         isHovered: x
@@ -20542,12 +20544,12 @@ const G8 = (r) => {
   }, []), a = P(
     (p, d = 1) => {
       const { firstDay: C, lastDay: h, daysInMonth: w, startOfWeek: f } = e(p), j = [], x = (f - d + 7) % 7;
-      for (let V = 0; V < x; V++)
+      for (let H = 0; H < x; H++)
         j.push(null);
-      for (let V = 1; V <= w; V++)
-        j.push(V);
+      for (let H = 1; H <= w; H++)
+        j.push(H);
       const v = (7 - j.length % 7) % 7;
-      for (let V = 0; V < v; V++)
+      for (let H = 0; H < v; H++)
         j.push(null);
       return j;
     },
@@ -20593,8 +20595,8 @@ const G8 = (r) => {
     if (!h) return null;
     const f = w.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), j = new RegExp(`^${f}$`), x = h.match(j);
     if (!x) return null;
-    const [, v, V, b] = x, H = new Date(parseInt(b), parseInt(V) - 1, parseInt(v));
-    return isNaN(H.getTime()) ? null : H;
+    const [, v, H, b] = x, V = new Date(parseInt(b), parseInt(H) - 1, parseInt(v));
+    return isNaN(V.getTime()) ? null : V;
   }, []), L = P(
     (h, w) => s(h, w) !== null,
     [s]
@@ -20685,13 +20687,13 @@ const G8 = (r) => {
     return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" });
   const v = (O) => {
     O.stopPropagation(), L || C(o);
-  }, V = () => {
+  }, H = () => {
     !L && h && (x.current && (clearTimeout(x.current), x.current = null), h(o));
   }, b = () => {
     !L && w && (t || n || e || a ? x.current = setTimeout(() => {
       w(), x.current = null;
     }, 100) : w());
-  }, H = () => {
+  }, V = () => {
     let O = `ui-w-8 ui-h-8 ui-flex ui-items-center ui-select-none ui-justify-center ui-font-medium ${!l && !n && !c ? "hover:ui-bg-blue-50 hover:ui-text-blue-500 hover:ui-rounded-lg hover:ui-cursor-pointer" : ""} ui-text-xs  ui-transition-colors ui-transition-500`;
     return L ? O += " ui-text-gray-400 ui-cursor-not-allowed" : t ? O += " ui-bg-blue-500 ui-text-white" : e ? O += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : a ? O += ` ui-bg-blue-500 ui-text-white  ${s ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : n ? O += " ui-bg-blue-50 ui-text-blue-500" : d ? O += " ui-bg-blue-50" : p ? O += " ui-text-blue-500" : O += "hover:ui-bg-neutral-50", `${O} ${f}`;
   };
@@ -20710,9 +20712,9 @@ const G8 = (r) => {
   }) : /* @__PURE__ */ i(
     "div",
     {
-      className: H(),
+      className: V(),
       onClick: v,
-      onMouseEnter: V,
+      onMouseEnter: H,
       onMouseLeave: b,
       role: "button",
       tabIndex: L ? -1 : 0,
@@ -20905,11 +20907,11 @@ const G8 = (r) => {
     c
   ), f = (v) => o ? v.getTime() === o.getTime() : !1, j = (v) => !!(a && v < a || c && v > c), x = C(r, s);
   return /* @__PURE__ */ u("div", { className: "ui-mx-auto ui-grid ui-w-fit ui-grid-cols-7 ui-gap-y-0.5", children: [
-    l.map((v, V) => /* @__PURE__ */ i(Q8, { day: v }, V)),
-    x.map((v, V) => {
+    l.map((v, H) => /* @__PURE__ */ i(Q8, { day: v }, H)),
+    x.map((v, H) => {
       if (v === null)
-        return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, V);
-      const b = new Date(r.getFullYear(), r.getMonth(), v), H = t ? w(b, p || null) : {
+        return /* @__PURE__ */ i("div", { className: "ui-h-8 ui-w-8" }, H);
+      const b = new Date(r.getFullYear(), r.getMonth(), v), V = t ? w(b, p || null) : {
         isStart: !1,
         isEnd: !1,
         isInRange: !1,
@@ -20925,21 +20927,21 @@ const G8 = (r) => {
           day: v,
           date: b,
           isSelected: f(b),
-          isInRange: H.isInRange,
-          isStart: H.isStart,
-          isEnd: H.isEnd,
-          isFirstInRange: H.isFirstInRange,
-          isLastInRange: H.isLastInRange,
-          afterSelected: H.afterSelected,
-          isDisabled: H.isDisabled,
+          isInRange: V.isInRange,
+          isStart: V.isStart,
+          isEnd: V.isEnd,
+          isFirstInRange: V.isFirstInRange,
+          isLastInRange: V.isLastInRange,
+          afterSelected: V.afterSelected,
+          isDisabled: V.isDisabled,
           isToday: h(b),
-          isHovered: H.isHovered,
+          isHovered: V.isHovered,
           onClick: n,
           onMouseEnter: e,
           onMouseLeave: () => e == null ? void 0 : e(null),
           renderDay: d
         },
-        V
+        H
       );
     })
   ] });
@@ -21181,9 +21183,9 @@ const G8 = (r) => {
     className: j,
     style: x,
     name: v,
-    autosize: V = !1,
+    autosize: H = !1,
     colorLeftIcon: b,
-    infoTooltip: H = "",
+    infoTooltip: V = "",
     ...O
   }, T) => {
     const {
@@ -21210,7 +21212,7 @@ const G8 = (r) => {
       fullWidth: p,
       caret: s,
       paddingClasses: g,
-      autosize: V
+      autosize: H
     });
     return r3({
       ref: T,
@@ -21228,16 +21230,16 @@ const G8 = (r) => {
         ),
         style: x,
         children: [
-          (r || H) && /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
+          (r || V) && /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
             r && /* @__PURE__ */ i("label", { className: I, children: r }),
-            H && /* @__PURE__ */ i(
+            V && /* @__PURE__ */ i(
               H1,
               {
                 variant: "icon",
                 size: "sm",
                 color: "white",
                 as: "div",
-                tooltip: H,
+                tooltip: V,
                 clickable: !1,
                 pointer: !1,
                 icon: "InfoCircleOutlined"
@@ -21526,9 +21528,9 @@ const t3 = E1(
   startOfWeek: j = 1,
   showWeekNumbers: x = !1,
   yearRange: v = 12,
-  hoverDate: V,
+  hoverDate: H,
   closeOnSelect: b,
-  autoCloseRange: H,
+  autoCloseRange: V,
   renderHeader: O,
   renderDay: T
 }) => {
@@ -21566,7 +21568,7 @@ const t3 = E1(
             weekDays: w,
             startOfWeek: j,
             showWeekNumbers: x,
-            hoverDate: V,
+            hoverDate: H,
             renderDay: T
           }
         );
@@ -21642,9 +21644,9 @@ const t3 = E1(
   locale: j,
   weekDays: x,
   monthNames: v,
-  startOfWeek: V,
+  startOfWeek: H,
   showWeekNumbers: b,
-  yearRange: H,
+  yearRange: V,
   hoverDate: O,
   closeOnSelect: T,
   autoCloseRange: U,
@@ -21733,7 +21735,7 @@ const t3 = E1(
           onToggleViewMode: D,
           onGoToToday: C,
           monthNames: v,
-          yearRange: H,
+          yearRange: V,
           renderHeader: g
         }
       ),
@@ -21750,9 +21752,9 @@ const t3 = E1(
           viewMode: y[Z],
           weekDays: x,
           monthNames: v,
-          startOfWeek: V,
+          startOfWeek: H,
           showWeekNumbers: b,
-          yearRange: H,
+          yearRange: V,
           hoverDate: O,
           onMonthSelect: (B) => Q(Z, B),
           onYearSelect: (B) => X(Z, B),
@@ -21782,9 +21784,9 @@ const t3 = E1(
         locale: j,
         weekDays: x,
         monthNames: v,
-        startOfWeek: V,
+        startOfWeek: H,
         showWeekNumbers: b,
-        yearRange: H,
+        yearRange: V,
         hoverDate: O,
         closeOnSelect: T,
         autoCloseRange: U,
@@ -21826,9 +21828,9 @@ const t3 = E1(
     monthClassName: j = "",
     yearClassName: x = "",
     disabledDayClassName: v = "text-gray-400 cursor-not-allowed",
-    rangeClassName: V = "bg-blue-100",
+    rangeClassName: H = "bg-blue-100",
     rangeStartClassName: b = "bg-blue-500 text-white rounded-l-full",
-    rangeEndClassName: H = "bg-blue-500 text-white rounded-r-full",
+    rangeEndClassName: V = "bg-blue-500 text-white rounded-r-full",
     todayClassName: O = "border border-blue-500",
     showWeekNumbers: T = !1,
     yearRange: U = 12,
@@ -22008,8 +22010,8 @@ const t3 = E1(
   W(() => {
     if (!r || o || !c) return;
     const L = (d) => {
-      var v, V;
-      const C = d.target, h = (v = t.current) == null ? void 0 : v.contains(C), w = (V = n == null ? void 0 : n.current) == null ? void 0 : V.contains(C), f = e ? C.closest(`[data-${a}-id="${e}"]`) : !1, j = a ? C.closest(`[data-${a}-container-id]`) : !1, x = l.some((b) => C.closest(b));
+      var v, H;
+      const C = d.target, h = (v = t.current) == null ? void 0 : v.contains(C), w = (H = n == null ? void 0 : n.current) == null ? void 0 : H.contains(C), f = e ? C.closest(`[data-${a}-id="${e}"]`) : !1, j = a ? C.closest(`[data-${a}-container-id]`) : !1, x = l.some((b) => C.closest(b));
       h || w || f || j || x || s();
     }, p = (d) => {
       d.detail.id === e && s();
@@ -22054,14 +22056,14 @@ const t3 = E1(
   showCancelButton: j = !0,
   showSuccessButton: x = !0,
   closeAtSuccess: v = !1,
-  closeAtCancel: V = !0,
+  closeAtCancel: H = !0,
   disabledSuccessButton: b = !1,
-  disabledCancelButton: H = !1
+  disabledCancelButton: V = !1
 }) => {
   const O = f0(), { isVisible: T, isAnimating: U } = h0(r), z = o1(null);
   w0(r), W1(r, o, l), g0(r, z, !s);
   const S = () => {
-    w && w(), V && o();
+    w && w(), H && o();
   }, M = () => {
     f && f(), v && o();
   };
@@ -22112,7 +22114,7 @@ const t3 = E1(
               (j || x) && /* @__PURE__ */ u(k1, { 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: S, disabled: H, children: C }),
+                  j && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "outlined", color: "white", onClick: S, disabled: V, children: C }),
                   x && /* @__PURE__ */ i(H1, { fullWidth: !0, variant: "button", onClick: M, disabled: b, children: h })
                 ] })
               ] })
@@ -22321,7 +22323,7 @@ const t3 = E1(
   absolute: h = !1,
   onOpenChange: w
 }) => {
-  const f = a0(), j = L || `dropdown-${f}`, [x, v] = J(!1), [V, b] = J(!1), [H, O] = J(""), [T, U] = J("bottom"), [z, S] = J({}), M = o1(null), g = o1(null), k = o1(null), y = P(
+  const f = a0(), j = L || `dropdown-${f}`, [x, v] = J(!1), [H, b] = J(!1), [V, O] = J(""), [T, U] = J("bottom"), [z, S] = J({}), M = o1(null), g = o1(null), k = o1(null), y = P(
     ($) => $ == null ? [] : Array.isArray($) ? $ : [$],
     []
   ), m = P(
@@ -22346,7 +22348,7 @@ const t3 = E1(
   const X = d ? t.filter(($) => y(D).includes($[e])) : [
     t.find(($) => D === "" || D === null || D === void 0 ? !1 : $[e] === -1 ? D === -1 || D === "-1" : $[e] === D)
   ].filter(Boolean), q = t.filter(($) => {
-    const Y = l ? $[n].toLowerCase().includes(H.toLowerCase()) : !0;
+    const Y = l ? $[n].toLowerCase().includes(V.toLowerCase()) : !0;
     if (d) {
       const r1 = y(D).includes($[e]);
       return Y && !r1;
@@ -22455,17 +22457,17 @@ const t3 = E1(
       const $ = () => {
         Z();
       }, Y = () => {
-        x && !V && Z();
+        x && !H && Z();
       };
       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);
       };
     }
-  }, [x, Z, V]), {
+  }, [x, Z, H]), {
     // Estado
     isOpen: x,
-    isClosing: V,
-    searchValue: H,
+    isClosing: H,
+    searchValue: V,
     selectedValue: D,
     selectedOptions: X,
     filteredOptions: q,
@@ -22535,14 +22537,14 @@ const t3 = E1(
   valueName: h,
   idName: w
 }) => {
-  const [f, j] = J(!1), [x, v] = J(null), V = o1(null);
+  const [f, j] = J(!1), [x, v] = J(null), H = o1(null);
   return W(() => {
-    if (!V.current || t.length === 0) {
+    if (!H.current || t.length === 0) {
       j(!1), v(null);
       return;
     }
-    const H = setTimeout(() => {
-      const O = V.current;
+    const V = setTimeout(() => {
+      const O = H.current;
       if (O) {
         const T = O.scrollHeight, U = O.clientHeight;
         if (x === null) {
@@ -22553,7 +22555,7 @@ const t3 = E1(
         j(z);
       }
     }, 100);
-    return () => clearTimeout(H);
+    return () => clearTimeout(V);
   }, [t.length, x]), // Input personalizado con tags para modo tags
   /* @__PURE__ */ u("div", { className: "ui-w-full", children: [
     r && /* @__PURE__ */ i("label", { className: "ui-mb-1 ui-block ui-text-sm ui-font-bold ui-text-gray-700", children: r }),
@@ -22574,7 +22576,7 @@ const t3 = E1(
           t.length > 0 ? /* @__PURE__ */ i(
             "div",
             {
-              ref: V,
+              ref: H,
               className: `ui-flex ui-flex-wrap ui-gap-1 ${f ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
               children: t.map((b) => b ? /* @__PURE__ */ i(
                 v0,
@@ -22583,8 +22585,8 @@ const t3 = E1(
                   label: b[h],
                   color: "blue",
                   size: "xs",
-                  onClick: (H) => {
-                    H.stopPropagation(), n(b[w]);
+                  onClick: (V) => {
+                    V.stopPropagation(), n(b[w]);
                   }
                 },
                 b[h]
@@ -22631,9 +22633,9 @@ const t3 = E1(
     options: j = [],
     valueName: x = "label",
     idName: v = "value",
-    onValueChange: V,
+    onValueChange: H,
     onOptionSelect: b,
-    onCheckboxChange: H,
+    onCheckboxChange: V,
     searchable: O = !1,
     maxHeight: T = "200px",
     closeOnClickOutside: U = !0,
@@ -22690,7 +22692,7 @@ const t3 = E1(
       options: u1,
       valueName: x,
       idName: v,
-      onValueChange: V,
+      onValueChange: H,
       onOptionSelect: b,
       searchable: O,
       closeOnClickOutside: U,
@@ -22723,7 +22725,7 @@ const t3 = E1(
       () => ({
         getValue: () => r1,
         setValue: (E) => {
-          d1 || y1(E), V == null || V(E);
+          d1 || y1(E), H == null || H(E);
         },
         focus: () => {
           var E, l1;
@@ -22734,7 +22736,7 @@ const t3 = E1(
           S && g === "tags" ? (E = D.current) == null || E.blur() : (l1 = a1.current) == null || l1.blur();
         },
         clear: () => {
-          d1 || y1(S ? [] : ""), V == null || V(S ? [] : "");
+          d1 || y1(S ? [] : ""), H == null || H(S ? [] : "");
         },
         open: () => {
           w || (h1(), setTimeout(() => {
@@ -22750,7 +22752,7 @@ const t3 = E1(
         d1,
         w,
         h1,
-        V,
+        H,
         Z1,
         S,
         y1,
@@ -22853,7 +22855,7 @@ const t3 = E1(
                   iconColor: K.iconColor,
                   checkboxProps: {
                     checked: K.checked || !1,
-                    onChange: (O1) => H == null ? void 0 : H(K, O1),
+                    onChange: (O1) => V == null ? void 0 : V(K, O1),
                     disabled: K.disabled
                   },
                   children: K[x]
@@ -23017,9 +23019,9 @@ const g3 = {
   onChangeTab: j,
   headerButtonIcon: x,
   headerButtonOnClick: v,
-  footerButtonIcon: V,
+  footerButtonIcon: H,
   footerButtonOnClick: b,
-  cancelButtonSlotLeft: H,
+  cancelButtonSlotLeft: V,
   successButtonSlotRight: O
 }) => {
   const T = {
@@ -23041,9 +23043,9 @@ const g3 = {
     onChangeTab: j,
     headerButtonIcon: x,
     headerButtonOnClick: v,
-    footerButtonIcon: V,
+    footerButtonIcon: H,
     footerButtonOnClick: b,
-    cancelButtonSlotLeft: H,
+    cancelButtonSlotLeft: V,
     successButtonSlotRight: O
   };
   return /* @__PURE__ */ i(j0.Provider, { value: T, children: r });
@@ -23117,8 +23119,8 @@ const g3 = {
     onChangeTab: h,
     headerButtonIcon: w,
     headerButtonOnClick: f
-  } = V0(), j = o ?? L, x = c ?? w, v = l ?? f, V = (n == null ? void 0 : n.length) > 0 ? n : d, b = (V == null ? void 0 : V.length) ?? !1, H = a ?? h, O = e ?? C, T = (U) => {
-    H && H(U);
+  } = V0(), j = o ?? L, x = c ?? w, v = l ?? f, H = (n == null ? void 0 : n.length) > 0 ? n : d, b = (H == null ? void 0 : H.length) ?? !1, V = a ?? h, O = e ?? C, T = (U) => {
+    V && V(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,7 +23154,7 @@ const g3 = {
     b ? /* @__PURE__ */ i("div", { className: "ui-z-0 ui-mt-2 ui-flex ui-w-full ui-justify-center ui-overflow-x-auto sm:ui-absolute", children: /* @__PURE__ */ i(
       M3,
       {
-        options: V ?? [],
+        options: H ?? [],
         defaultValue: O,
         size: "sm",
         onChange: (U) => {
@@ -23186,15 +23188,15 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     successButtonSlotRight: x
   } = V0(), v = () => {
     s && s(), h && a();
-  }, V = () => {
+  }, H = () => {
     L && L(), C && a();
-  }, b = o ?? w, H = t ?? f;
+  }, b = o ?? w, V = t ?? f;
   return /* @__PURE__ */ u(
     "div",
     {
-      className: `ui-flex ui-border-t ui-border-neutral-100 ui-p-4 ${H ? "ui-justify-between" : "ui-justify-end"} ui-items-center ui-gap-2`,
+      className: `ui-flex ui-border-t ui-border-neutral-100 ui-p-4 ${V ? "ui-justify-between" : "ui-justify-end"} ui-items-center ui-gap-2`,
       children: [
-        H && /* @__PURE__ */ i(
+        V && /* @__PURE__ */ i(
           t1,
           {
             "aria-label": "Header button",
@@ -23203,7 +23205,7 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
             color: "white",
             icon: b ?? "AlignJustifyOutlined",
             size: "lg",
-            onClick: H
+            onClick: V
           }
         ),
         r || /* @__PURE__ */ u("div", { className: "ui-flex ui-gap-2", children: [
@@ -23221,7 +23223,7 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
             t1,
             {
               slotLeft: e ?? x,
-              onClick: V,
+              onClick: H,
               children: l
             }
           )
@@ -23261,9 +23263,9 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   showSuccessButton: j,
   closeAtSuccess: x,
   closeAtCancel: v,
-  tabs: V,
+  tabs: H,
   defaultValueTab: b,
-  onChangeTab: H,
+  onChangeTab: V,
   headerButtonIcon: O,
   headerButtonOnClick: T,
   footerButtonIcon: U,
@@ -23329,9 +23331,9 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
                 headerButtonOnClick: T,
                 footerButtonIcon: U,
                 footerButtonOnClick: z,
-                tabs: V,
+                tabs: H,
                 defaultValueTab: b,
-                onChangeTab: H,
+                onChangeTab: V,
                 cancelButtonSlotLeft: S,
                 successButtonSlotRight: M,
                 children: [
@@ -23369,7 +23371,7 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
   disabled: l = !1,
   absolute: s = !1
 }) => {
-  const L = a0(), p = e || `popup-${L}`, [d, C] = J(!1), [h, w] = J({}), [f, j] = J(!1), x = o1(null), v = o1(null), V = o1(null), b = P(() => {
+  const L = a0(), p = e || `popup-${L}`, [d, C] = J(!1), [h, w] = J({}), [f, j] = J(!1), x = o1(null), v = o1(null), H = o1(null), b = P(() => {
     const T = x.current, U = v.current;
     if (!T || !U) return;
     const z = T.getBoundingClientRect(), S = U.getBoundingClientRect();
@@ -23431,7 +23433,7 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
       zIndex: m
     };
     w(I), j(!0);
-  }, [r, o, p, s]), H = (T) => {
+  }, [r, o, p, s]), V = (T) => {
     T && T.stopPropagation(), !l && (d ? O() : (H3(p), w({}), j(!1), C(!0), X1.add(p), a == null || a()));
   }, O = () => {
     C(!1), j(!1), X1.delete(p), c == null || c();
@@ -23466,7 +23468,7 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     isActive: d,
     disabled: l,
     elementRef: v,
-    containerRef: V,
+    containerRef: H,
     elementId: p,
     elementType: "popup",
     closeOnClickOutside: t,
@@ -23477,9 +23479,9 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     isPositioned: f,
     triggerRef: x,
     popupRef: v,
-    containerRef: V,
+    containerRef: H,
     popupUniqueId: p,
-    togglePopup: H,
+    togglePopup: V,
     closePopup: O
   };
 }, O3 = (r) => ({
@@ -23510,9 +23512,9 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
     slotLeft: j,
     borderRadius: x = "sm",
     slotRight: v,
-    icon: V,
+    icon: H,
     colorIcon: b,
-    tooltip: H,
+    tooltip: V,
     tooltipPosition: O,
     tooltipAlignment: T,
     tooltipColor: U,
@@ -23604,12 +23606,12 @@ const x3 = ({ children: r, withPadding: o = !0 }) => /* @__PURE__ */ i("div", {
               color: C,
               size: h,
               rounded: f,
-              icon: V,
+              icon: H,
               slotLeft: j,
               slotRight: v,
               colorIcon: b,
               textColor: w,
-              tooltip: H,
+              tooltip: V,
               tooltipPosition: O,
               tooltipAlignment: T,
               tooltipColor: U,
@@ -23658,9 +23660,9 @@ const Z3 = [
     f(t);
   }, [t]);
   const j = Math.min(r * (t || 0), n || 0) || 0, v = (() => {
-    const b = Math.min(Math.max(r, 1), Math.max(o - p + 1, 1)), H = Math.min(b + p - 1, o);
-    return Array.from({ length: H - b + 1 }, (O, T) => b + T);
-  })(), V = (b) => {
+    const b = Math.min(Math.max(r, 1), Math.max(o - p + 1, 1)), V = Math.min(b + p - 1, o);
+    return Array.from({ length: V - b + 1 }, (O, T) => b + T);
+  })(), H = (b) => {
     f(b), s(b), h(1);
   };
   return /* @__PURE__ */ i(
@@ -23783,7 +23785,7 @@ const Z3 = [
               options: c,
               value: w,
               valueName: "id",
-              onValueChange: (b) => V(Number(b))
+              onValueChange: (b) => H(Number(b))
             }
           )
         ] }) })
@@ -26959,7 +26961,7 @@ const Z3 = [
     t || p(!0);
   }, [t]), v = P(() => {
     p(!1), s(!1);
-  }, []), V = P(
+  }, []), H = P(
     (b) => {
       t || (b.preventDefault(), n && n({
         target: {
@@ -26982,7 +26984,7 @@ const Z3 = [
       handleMouseUp: j,
       handleMouseEnter: x,
       handleMouseLeave: v,
-      handleClick: V
+      handleClick: H
     }
   };
 }, q3 = ({
@@ -27326,13 +27328,13 @@ const Z3 = [
     onClickStep: L,
     onStepChange: p
   }), v = f(o || "blue");
-  return /* @__PURE__ */ i("div", { className: `${C ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${d ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${d ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${e5({ color: o, size: t, className: n })}`, children: r.map((b, H) => {
-    const O = x(H), T = H === r.length - 1;
+  return /* @__PURE__ */ i("div", { className: `${C ? `ui-flex ui-flex-col ui-items-center ui-min-h-0 ${d ? "ui-overflow-y-auto ui-overflow-x-hidden" : ""}` : `ui-flex ui-items-center ui-min-w-0 ${d ? "ui-overflow-x-auto ui-overflow-y-hidden" : ""}`} ${e5({ color: o, size: t, className: n })}`, children: r.map((b, V) => {
+    const O = x(V), T = V === r.length - 1;
     return /* @__PURE__ */ i(
       n5,
       {
         step: b,
-        stepIndex: H,
+        stepIndex: V,
         status: O,
         colorClasses: v,
         isLast: T,
@@ -27344,7 +27346,7 @@ const Z3 = [
         vertical: C,
         stepClickable: h
       },
-      H
+      V
     );
   }) });
 }, u0 = {
@@ -27485,7 +27487,7 @@ const T1 = /* @__PURE__ */ new Map(), K1 = {
       id: n,
       message: e,
       title: a.title,
-      type: o,
+      color: o,
       onClick: a.onClick,
       onClose: a.onClose,
       onPrimaryClick: a.onPrimaryClick,
@@ -27521,7 +27523,7 @@ const T1 = /* @__PURE__ */ new Map(), K1 = {
         id: r,
         message: "",
         title: "",
-        type: "green",
+        color: "green",
         duration: 0,
         position: w1.position,
         showCloseButton: !0,
@@ -27600,7 +27602,7 @@ const T1 = /* @__PURE__ */ new Map(), K1 = {
   return o ? /* @__PURE__ */ i(
     Y8,
     {
-      type: r.type || "green",
+      color: r.color || "green",
       variant: r.variant || "contained",
       message: r.message,
       title: r.title,