npm - @imj_media/ui - Versions diffs - 1.2.47 → 1.2.48 - Mend

@imj_media/ui 1.2.47 → 1.2.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.esm.js +593 -590
package/dist/index.esm.js.map +1 -1
package/dist/index.js +7 -7
package/dist/index.js.map +1 -1
package/dist/modules/DatePicker/molecules/CalendarGrid.d.ts.map +1 -1
package/dist/modules/DatePicker/types/Calendar.types.d.ts +3 -0
package/dist/modules/DatePicker/types/Calendar.types.d.ts.map +1 -1
package/package.json +1 -1

package/dist/index.esm.js CHANGED Viewed

@@ -35,7 +35,7 @@ function Qd(e, t) {
   };
 }
 const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
-  const [n, a] = V(!1), [l, u] = V({ top: 0, left: 0 }), [m, d] = V({ width: 0, height: 0 }), [c, f] = V(e), h = Q(null), b = Q(null), p = Q(null), x = Q(null), y = Q(null), w = Q(null), g = Q(null), D = Q({ top: 0, left: 0 }), C = Q({ count: 0, lastTime: 0 }), N = L(() => {
+  const [n, a] = V(!1), [l, u] = V({ top: 0, left: 0 }), [m, d] = V({ width: 0, height: 0 }), [c, f] = V(e), h = Q(null), b = Q(null), p = Q(null), x = Q(null), y = Q(null), N = Q(null), g = Q(null), D = Q({ top: 0, left: 0 }), C = Q({ count: 0, lastTime: 0 }), w = L(() => {
     a(!1), u({ top: 0, left: 0 }), f(e), g.current = null, C.current.count = 0, C.current.lastTime = 0, D.current = { top: 0, left: 0 };
   }, [e]), k = L(() => {
     if (!h.current || !n) return;
@@ -43,12 +43,12 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
     if (g.current) {
       const M = g.current, A = 2;
       if (Math.abs(E.top - M.top) > A || Math.abs(E.left - M.left) > A) {
-        N();
+        w();
         return;
       }
     }
     g.current = E;
-  }, [n, N]), S = L(() => {
+  }, [n, w]), S = L(() => {
     var z, R, W, Y, ie, ae;
     if (!h.current || !b.current) return;
     const v = h.current.getBoundingClientRect(), E = b.current.getBoundingClientRect(), M = 8;
@@ -212,32 +212,32 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
       j < B && (j = B), j + E.width > X - B && (j = X - E.width - B), A < B && (A = B), A + E.height > O - B && (A = O - E.height - B);
     }
     if (isNaN(A) || isNaN(j) || A < 0 || j < 0) {
-      N();
+      w();
       return;
     }
     const H = Date.now();
     if (H - C.current.lastTime < 100) {
       if (C.current.count++, C.current.count > 5) {
-        N();
+        w();
         return;
       }
     } else
       C.current.count = 0;
     C.current.lastTime = H, D.current = { top: A, left: j }, u({ top: A, left: j });
-  }, [e, t, i, N]);
+  }, [e, t, i, w]);
   U(() => (n && b.current ? (requestAnimationFrame(() => {
     if (S(), h.current) {
       const v = h.current.getBoundingClientRect();
       g.current = { top: v.top, left: v.left };
     }
-  }), w.current = setInterval(k, 100)) : w.current && (clearInterval(w.current), w.current = null), () => {
-    w.current && (clearInterval(w.current), w.current = null);
+  }), N.current = setInterval(k, 100)) : N.current && (clearInterval(N.current), N.current = null), () => {
+    N.current && (clearInterval(N.current), N.current = null);
   }), [n, S, k]), U(() => {
     if (h.current)
       return y.current = new IntersectionObserver(
         (v) => {
           v.forEach((E) => {
-            !E.isIntersecting && n && N();
+            !E.isIntersecting && n && w();
           });
         },
         {
@@ -247,17 +247,17 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
       ), y.current.observe(h.current), () => {
         y.current && y.current.disconnect();
       };
-  }, [n, N]), U(() => {
+  }, [n, w]), U(() => {
     if (!n) return;
     const v = () => {
-      i || N();
+      i || w();
     }, E = () => {
-      N();
+      w();
     };
     return window.addEventListener("scroll", v, !0), window.addEventListener("resize", E), () => {
       window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", E);
     };
-  }, [n, i, N]);
+  }, [n, i, w]);
   const T = L(() => {
     o || (x.current && (clearTimeout(x.current), x.current = null), r > 0 ? x.current = setTimeout(() => {
       a(!0);
@@ -266,7 +266,7 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
     x.current && (clearTimeout(x.current), x.current = null), a(!1), u({ top: 0, left: 0 });
   }, []);
   return U(() => () => {
-    x.current && clearTimeout(x.current), w.current && clearInterval(w.current);
+    x.current && clearTimeout(x.current), N.current && clearInterval(N.current);
   }, []), {
     isVisible: n,
     coords: l,
@@ -396,13 +396,13 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
     coords: p,
     adjustedPosition: x,
     triggerRef: y,
-    tooltipRef: w,
+    tooltipRef: N,
     containerRef: g,
     handleMouseEnter: D,
     handleMouseLeave: C
-  } = Zs(i, r, c, n, a), N = ta(c), k = ea(x), [S, T] = V({});
+  } = Zs(i, r, c, n, a), w = ta(c), k = ea(x), [S, T] = V({});
   U(() => {
-    if (!b || !y.current || !w.current) {
+    if (!b || !y.current || !N.current) {
       T({});
       return;
     }
@@ -412,8 +412,8 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
       return;
     }
     requestAnimationFrame(() => {
-      if (!y.current || !w.current) return;
-      const j = y.current.firstElementChild, _ = (j instanceof HTMLElement ? j : y.current).getBoundingClientRect(), z = w.current.getBoundingClientRect(), R = 8, W = 8;
+      if (!y.current || !N.current) return;
+      const j = y.current.firstElementChild, _ = (j instanceof HTMLElement ? j : y.current).getBoundingClientRect(), z = N.current.getBoundingClientRect(), R = 8, W = 8;
       if (M) {
         const ie = _.left + _.width / 2 - z.left - R / 2, ae = Math.max(W, Math.min(ie, z.width - W));
         T({ left: `${ae}px`, right: "auto" });
@@ -469,9 +469,9 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
     b && (c ? /* @__PURE__ */ P(
       "div",
       {
-        ref: w,
+        ref: N,
         id: o,
-        className: I(N, "imj-ui-tooltip ui-font-body-sm-bold", l),
+        className: I(w, "imj-ui-tooltip ui-font-body-sm-bold", l),
         style: {
           top: `${p.top}px`,
           left: `${p.left}px`,
@@ -490,9 +490,9 @@ const Zs = (e = "top", t = "center", i = !1, r = 0, o = !1) => {
       /* @__PURE__ */ P(
         "div",
         {
-          ref: w,
+          ref: N,
           id: o,
-          className: I(N, "imj-ui-tooltip ui-font-body-sm-bold ui-text-danger", l),
+          className: I(w, "imj-ui-tooltip ui-font-body-sm-bold ui-text-danger", l),
           style: {
             top: `${p.top}px`,
             left: `${p.left}px`,
@@ -656,8 +656,8 @@ const ra = (e) => {
   U(() => {
     if (!t || !i || !d.current)
       return;
-    const g = (k) => d.current ? (d.current.textContent = k, d.current.offsetWidth) : 0, D = g(f), C = g(h), N = Math.max(D, C);
-    m((k) => N > k ? N : k);
+    const g = (k) => d.current ? (d.current.textContent = k, d.current.offsetWidth) : 0, D = g(f), C = g(h), w = Math.max(D, C);
+    m((k) => w > k ? w : k);
   }, [f, h, i, t]), U(() => {
     i || m(0);
   }, [i]);
@@ -668,7 +668,7 @@ const ra = (e) => {
   }, []), y = te(() => {
     if (i && t && u > 0)
       return { minWidth: `${u}px` };
-  }, [i, t, u]), w = te(() => I(
+  }, [i, t, u]), N = te(() => I(
     "ui-absolute ui-opacity-0 ui-pointer-events-none ui-invisible ui-whitespace-nowrap ui-leading-none",
     na({ color: o, textAlign: n }),
     // Aplicar el mismo tamaño de fuente que el botón
@@ -686,7 +686,7 @@ const ra = (e) => {
     textRef: c,
     handleMouseEnter: p,
     handleMouseLeave: x,
-    measureSpanClassName: w
+    measureSpanClassName: N
   };
 }, Ot = (e, t, i, r, o = !1) => {
   const a = ["solid", "icon"].includes(e) ? e : "solid", l = a !== "button", u = (d, c) => o ? c : d, m = {
@@ -794,11 +794,11 @@ const ra = (e) => {
   pointer: p,
   transition: x,
   classNameId: y,
-  className: w,
+  className: N,
   isIconVariant: g,
   defaultSizeIcon: D
 }) => {
-  const C = g ? !0 : D, N = g ? "xs" : t || "md", k = te(
+  const C = g ? !0 : D, w = g ? "xs" : t || "md", k = te(
     () => la(
       e,
       a,
@@ -833,17 +833,17 @@ const ra = (e) => {
   return {
     buttonClasses: te(
       () => k({
-        size: N,
+        size: w,
         color: i,
         rounded: r,
         fullWidth: o,
         theme: e,
         pill: n,
-        className: I(w)
+        className: I(N)
       }),
-      [k, N, i, r, o, e, n, w]
+      [k, w, i, r, o, e, n, N]
     ),
-    currentSizeIcon: N,
+    currentSizeIcon: w,
     currentDefaultSizeIcon: C
   };
 }, ca = (e, t, i, r, o) => o ? !0 : e ? !!(i || t !== null && t !== "" || r && r === "dot") : !1, da = (e, t, i) => {
@@ -974,7 +974,7 @@ const ha = {
     ...n
   };
   a && (y["--fa-primary-color"] = Tr[a]), l && (y["--fa-secondary-color"] = Tr[l]), u !== void 0 && (y["--fa-primary-opacity"] = u.toString()), m !== void 0 && (y["--fa-secondary-opacity"] = m.toString());
-  const w = Ge(
+  const N = Ge(
     "ui-transition-all ui-duration-200 ui-ease-in-out",
     {
       variants: {
@@ -1015,7 +1015,7 @@ const ha = {
         size: "xs"
       }
     }
-  ), g = I(w({ size: i, color: r }), e), D = d ? "ui-flex ui-items-center ui-justify-center ui-shrink-0 ui-w-fit ui-h-fit" : "ui-inline-block ui-flex ui-items-center ui-justify-center";
+  ), g = I(N({ size: i, color: r }), e), D = d ? "ui-flex ui-items-center ui-justify-center ui-shrink-0 ui-w-fit ui-h-fit" : "ui-inline-block ui-flex ui-items-center ui-justify-center";
   return o ? /* @__PURE__ */ s(
     "div",
     {
@@ -1349,7 +1349,7 @@ const sn = Fo, cr = "blue", dr = "solid", Si = "md", xa = {
     md: "md",
     lg: "md",
     xl: "lg"
-  }, w = (u == null ? void 0 : u.size) || y[i] || "md";
+  }, N = (u == null ? void 0 : u.size) || y[i] || "md";
   if (!x) {
     const D = I(
       mi(i, r, o, n, a, l, "people"),
@@ -1358,7 +1358,7 @@ const sn = Fo, cr = "blue", dr = "solid", Si = "md", xa = {
     ), C = an[i];
     return /* @__PURE__ */ P("div", { className: "ui-imj ui-relative ui-inline-flex", children: [
       /* @__PURE__ */ s("div", { className: D, children: /* @__PURE__ */ s(be, { name: sn, size: C, color: "current" }) }),
-      u && /* @__PURE__ */ s(hi, { ...u, size: w })
+      u && /* @__PURE__ */ s(hi, { ...u, size: N })
     ] });
   }
   const g = I(
@@ -1383,7 +1383,7 @@ const sn = Fo, cr = "blue", dr = "solid", Si = "md", xa = {
         loading: "lazy"
       }
     ) }),
-    u && /* @__PURE__ */ s(hi, { ...u, size: w })
+    u && /* @__PURE__ */ s(hi, { ...u, size: N })
   ] });
 }, za = ({
   theme: e = dr,
@@ -1589,8 +1589,8 @@ const sn = Fo, cr = "blue", dr = "solid", Si = "md", xa = {
     if (typeof e == "string") {
       if (Fa(e))
         return /* @__PURE__ */ s(St, { type: "people", src: e, className: t, size: x });
-      const w = (a || e || "?").toString();
-      return /* @__PURE__ */ s(St, { type: "letter", text: w, className: t, size: x });
+      const N = (a || e || "?").toString();
+      return /* @__PURE__ */ s(St, { type: "letter", text: N, className: t, size: x });
     }
     return null;
   };
@@ -1695,7 +1695,7 @@ const ei = ({
   const p = e !== null ? String(e) : "", x = p !== "", y = !!l && r !== "dot";
   if (r !== "dot" && !x && !y && !h)
     return null;
-  const w = p.length, g = r === "dot", D = r === "sm", C = D && w === 1, N = D && w > 1, k = Ge(
+  const N = p.length, g = r === "dot", D = r === "sm", C = D && N === 1, w = D && N > 1, k = Ge(
     "ui-inline-flex ui-items-center ui-justify-center ui-font-semibold ui-leading-none ui-overflow-hidden ui-text-body-xs-regular ui-tracking-body-xs",
     {
       variants: {
@@ -1757,7 +1757,7 @@ const ei = ({
     "ui-h-16 ui-w-16",
     "ui-p-4",
     y ? "ui-gap-4 ui-px-8 ui-w-auto" : ""
-  ].join(" ") : "", z = N ? [
+  ].join(" ") : "", z = w ? [
     "ui-rounded-control-sm ui-h-16",
     "ui-px-8 ui-py-2",
     y ? "ui-gap-4 ui-pl-8 ui-pr-8" : ""
@@ -1984,11 +1984,11 @@ const ti = (e, t) => {
   badgeIconDuotoneOpacitySecondary: p,
   badgeLoading: x,
   hoverText: y,
-  color: w,
+  color: N,
   rounded: g,
   children: D,
   textColor: C,
-  clickable: N = !0,
+  clickable: w = !0,
   icon: k,
   link: S,
   size: T,
@@ -2042,7 +2042,7 @@ const ti = (e, t) => {
   tooltipProps: pt,
   ...dt
 }) => {
-  _a({ theme: n, size: T, color: w, pill: Oe, as: F, link: S });
+  _a({ theme: n, size: T, color: N, pill: Oe, as: F, link: S });
   const ut = {
     disabled: j
   }, Je = k && typeof k == "object" && !Te.isValidElement(k) && "icon" in k && ("color" in k || "size" in k || "show" in k || "onClick" in k || "className" in k || "strokeWidth" in k), Ct = Je ? k : void 0, Qt = Je ? void 0 : fn({
@@ -2114,15 +2114,15 @@ const ti = (e, t) => {
   ), Nr = fa(Ne, ee), Sr = da(
     ue,
     Ht,
-    w
+    N
   ), { buttonClasses: Ri } = ua({
     theme: n,
     size: T,
-    color: w,
+    color: N,
     rounded: g,
     fullWidth: i,
     pill: Oe,
-    clickable: N,
+    clickable: w,
     borderable: he,
     whiteBackground: Se,
     active: ct,
@@ -2145,7 +2145,7 @@ const ti = (e, t) => {
       {
         leftSlot: $e,
         size: T,
-        color: w,
+        color: N,
         colorIcon: (Me == null ? void 0 : Me.colorIcon) || H,
         className: e,
         disabled: j,
@@ -2194,7 +2194,7 @@ const ti = (e, t) => {
       {
         rightSlot: st,
         size: T,
-        color: w,
+        color: N,
         colorIcon: (Ae == null ? void 0 : Ae.colorIcon) || H,
         className: e,
         disabled: j,
@@ -2212,7 +2212,7 @@ const ti = (e, t) => {
       {
         icon: qt,
         size: T,
-        color: w,
+        color: N,
         colorIcon: (ve == null ? void 0 : ve.color) || H,
         classNameIcon: (ve == null ? void 0 : ve.className) || nt,
         theme: n,
@@ -2271,8 +2271,8 @@ const ti = (e, t) => {
         {
           ref: ke,
           className: I(Ri, e),
-          role: N && !j ? "button" : void 0,
-          tabIndex: N && !j ? 0 : void 0,
+          role: w && !j ? "button" : void 0,
+          tabIndex: w && !j ? 0 : void 0,
           "aria-disabled": j,
           "aria-label": !Dt && k ? Xe || "Button" : void 0,
           onMouseEnter: zi,
@@ -2852,11 +2852,11 @@ const Ie = ({
   badgeIconDuotoneOpacitySecondary: p,
   clickable: x = !0,
   color: y = "primary",
-  rounded: w,
+  rounded: N,
   children: g,
   icon: D,
   link: C,
-  size: N = "sm",
+  size: w = "sm",
   target: k = "_self",
   onClickIcon: S,
   disabled: T,
@@ -2872,9 +2872,9 @@ const Ie = ({
     ref: e,
     theme: n,
     color: y,
-    rounded: w,
+    rounded: N,
     fullWidth: i,
-    size: N,
+    size: w,
     clickable: x,
     children: g,
     icon: D,
@@ -2973,10 +2973,10 @@ const Ie = ({
     showIcon: p,
     borderStyle: x,
     status: y,
-    ...w
+    ...N
   }) => {
-    const g = Za(t, f, h), D = f && f > 0 ? g : t, C = f && f > 0 ? 0 : u, { color: N, size: k, progressSuffix: S, helperText: T, helperTextType: $ } = el({
-      ...w,
+    const g = Za(t, f, h), D = f && f > 0 ? g : t, C = f && f > 0 ? 0 : u, { color: w, size: k, progressSuffix: S, helperText: T, helperTextType: $ } = el({
+      ...N,
       progress: t,
       label: i
     }), v = L(
@@ -3033,7 +3033,7 @@ const Ie = ({
           {
             progress: D,
             size: k,
-            color: N,
+            color: w,
             duration: C,
             withBackground: m,
             className: "ui-min-w-0 ui-flex-1"
@@ -3053,7 +3053,7 @@ const Ie = ({
             {
               progress: D,
               size: k,
-              color: N,
+              color: w,
               duration: C,
               withBackground: m
             }
@@ -3084,14 +3084,14 @@ const xn = ({
   isLeaving: p,
   size: x = "sm",
   duration: y,
-  children: w,
+  children: N,
   avatar: g
 }) => {
   process.env.NODE_ENV !== "production" && (!o && !n && console.warn('Alert: Either "message" or "title" should be provided'), y !== void 0 && (typeof y != "number" || y <= 0 || !Number.isFinite(y)) && console.warn(`Alert: "duration" must be a positive number, received: ${y}`), t && !["success", "danger", "warning", "info", "neutral", "brand"].includes(t) && console.warn(`Alert: Invalid color "${t}", using "success" as fallback`), i && !["contained", "outlined", "accent", "minimal"].includes(i) && console.warn(`Alert: Invalid variant "${i}", using "contained" as fallback`), x && !["sm", "md"].includes(x) && console.warn(`Alert: Invalid size "${x}", using "sm" as fallback`), b && !["none", "fade", "slide", "zoom", "flip", "bounce", "slide-up"].includes(b) && console.warn(`Alert: Invalid animation "${b}", using "none" as fallback`));
   const { isVisible: D, isLeaving: C } = Ga({ open: e, externalIsLeaving: p });
   if (!D)
     return null;
-  const N = !!m, k = (v) => {
+  const w = !!m, k = (v) => {
     m && (v.stopPropagation(), m());
   }, S = {
     sm: "ui-p-12",
@@ -3121,7 +3121,7 @@ const xn = ({
         "ui-flex-col",
         r,
         Ya({ color: t, variant: i, isLeaving: C, animation: b }),
-        N && "ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out hover:ui-brightness-110"
+        w && "ui-cursor-pointer ui-transition-all ui-duration-300 ui-ease-in-out hover:ui-brightness-110"
       ),
       children: [
         /* @__PURE__ */ s(
@@ -3156,7 +3156,7 @@ const xn = ({
             ) })
           }
         ),
-        w,
+        N,
         y && typeof y == "number" && y > 0 && Number.isFinite(y) ? /* @__PURE__ */ s("div", { className: "ui-w-full", children: /* @__PURE__ */ s(
           yn,
           {
@@ -3375,11 +3375,11 @@ const xn = ({
     onChange: p,
     onClickExtraSlot: x,
     className: y,
-    style: w,
+    style: N,
     name: g,
     autosize: D = !1,
     colorLeftIcon: C,
-    colorRightIcon: N,
+    colorRightIcon: w,
     colorExtraIcon: k,
     leftSlotDuotonePrimary: S,
     leftSlotDuotoneSecondary: T,
@@ -3441,7 +3441,7 @@ const xn = ({
           c ? "ui-w-full" : "ui-w-fit",
           y
         ),
-        style: w,
+        style: N,
         children: [
           (e || W) && /* @__PURE__ */ P("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: [
             e && /* @__PURE__ */ s("label", { className: oe, children: e }),
@@ -3518,14 +3518,14 @@ const xn = ({
                 className: I(
                   `ui-absolute ${se("right")} ui-top-1/2 ui--translate-y-1/2`,
                   "ui-inline-flex ui-leading-[0] ui-transition-colors ui-duration-150",
-                  N ? "" : h ? "ui-text-disabled" : t ? "ui-text-danger" : "ui-text-tertiary group-focus-within:ui-text-brand"
+                  w ? "" : h ? "ui-text-disabled" : t ? "ui-text-danger" : "ui-text-tertiary group-focus-within:ui-text-brand"
                 ),
                 children: /* @__PURE__ */ s(
                   be,
                   {
                     name: a,
                     size: "sm",
-                    color: N || "current",
+                    color: w || "current",
                     colorDuotonePrimary: E,
                     colorDuotoneSecondary: M,
                     opacityDuotonePrimary: A,
@@ -3621,8 +3621,8 @@ const wn = (e, t = {}) => {
   U(() => {
     if (!e || t || !a) return;
     const d = (f) => {
-      var C, N;
-      const h = f.target, b = (C = i.current) == null ? void 0 : C.contains(h), p = (N = r == null ? void 0 : r.current) == null ? void 0 : N.contains(h), x = o ? h.closest(`[data-${n}-id="${o}"]`) : !1, y = n && !m ? h.closest(`[data-${n}-container-id="${o}"]`) : !1, w = l.some((k) => h.closest(k)), D = (() => {
+      var C, w;
+      const h = f.target, b = (C = i.current) == null ? void 0 : C.contains(h), p = (w = r == null ? void 0 : r.current) == null ? void 0 : w.contains(h), x = o ? h.closest(`[data-${n}-id="${o}"]`) : !1, y = n && !m ? h.closest(`[data-${n}-container-id="${o}"]`) : !1, N = l.some((k) => h.closest(k)), D = (() => {
         let k = h;
         for (; k && k !== document.body; ) {
           const S = k.attributes;
@@ -3652,7 +3652,7 @@ const wn = (e, t = {}) => {
         }
         return !1;
       })();
-      b || p || x || y || w || D || u();
+      b || p || x || y || N || D || u();
     }, c = (f) => {
       f.detail.id === o && u();
     };
@@ -3676,35 +3676,35 @@ const wn = (e, t = {}) => {
     isDragging: !1,
     draggedItemId: null,
     dragOverItemId: null
-  }), a = Q(-1), l = Q(-1), u = Q(-1), m = Q(0), d = Q(null), c = L((y, w, g) => {
-    a.current = g, u.current = g, n((N) => ({
-      ...N,
+  }), a = Q(-1), l = Q(-1), u = Q(-1), m = Q(0), d = Q(null), c = L((y, N, g) => {
+    a.current = g, u.current = g, n((w) => ({
+      ...w,
       isDragging: !0,
-      draggedItemId: w
-    })), y.dataTransfer.effectAllowed = "move", y.dataTransfer.setData("text/html", w);
+      draggedItemId: N
+    })), y.dataTransfer.effectAllowed = "move", y.dataTransfer.setData("text/html", N);
     const C = y.currentTarget.parentElement;
     if (C) {
-      const N = C.getBoundingClientRect(), k = document.createElement("canvas"), S = k.getContext("2d"), T = window.devicePixelRatio || 1;
-      if (k.width = N.width * T, k.height = N.height * T, k.style.width = `${N.width}px`, k.style.height = `${N.height}px`, S) {
+      const w = C.getBoundingClientRect(), k = document.createElement("canvas"), S = k.getContext("2d"), T = window.devicePixelRatio || 1;
+      if (k.width = w.width * T, k.height = w.height * T, k.style.width = `${w.width}px`, k.style.height = `${w.height}px`, S) {
         S.scale(T, T), window.getComputedStyle(C);
         const $ = getComputedStyle(document.documentElement).getPropertyValue("--color-bg-fill-hover").trim() || "#f0f1f2", v = getComputedStyle(document.documentElement).getPropertyValue("--color-border-default").trim() || "#c6c8cc", E = getComputedStyle(document.documentElement).getPropertyValue("--color-text-primary").trim() || "#313336", M = getComputedStyle(document.documentElement).getPropertyValue("--color-icon-default").trim() || "#949494";
         S.fillStyle = $, S.shadowColor = "rgba(0, 0, 0, 0.1)", S.shadowBlur = 8, S.shadowOffsetX = 0, S.shadowOffsetY = 2;
         const A = 8;
-        S.beginPath(), S.moveTo(A, 0), S.lineTo(N.width - A, 0), S.quadraticCurveTo(N.width, 0, N.width, A), S.lineTo(N.width, N.height - A), S.quadraticCurveTo(N.width, N.height, N.width - A, N.height), S.lineTo(A, N.height), S.quadraticCurveTo(0, N.height, 0, N.height - A), S.lineTo(0, A), S.quadraticCurveTo(0, 0, A, 0), S.closePath(), S.fill(), S.strokeStyle = v, S.lineWidth = 1, S.stroke(), S.fillStyle = E, S.font = "500 14px Inter, system-ui, sans-serif", S.textBaseline = "middle";
+        S.beginPath(), S.moveTo(A, 0), S.lineTo(w.width - A, 0), S.quadraticCurveTo(w.width, 0, w.width, A), S.lineTo(w.width, w.height - A), S.quadraticCurveTo(w.width, w.height, w.width - A, w.height), S.lineTo(A, w.height), S.quadraticCurveTo(0, w.height, 0, w.height - A), S.lineTo(0, A), S.quadraticCurveTo(0, 0, A, 0), S.closePath(), S.fill(), S.strokeStyle = v, S.lineWidth = 1, S.stroke(), S.fillStyle = E, S.font = "500 14px Inter, system-ui, sans-serif", S.textBaseline = "middle";
         let j = C.querySelector('[class*="font-semibold"]');
         if (j || (j = C.querySelector('[class*="ui-font-body-sm-medium"]') || C.querySelector('[class*="ui-text-body-sm"]') || C.querySelector('[class*="ui-text-primary"]') || C.querySelector('[class*="font-body-sm-medium"]') || C.querySelector('[class*="text-primary"]') || C.querySelector(".ui-flex-1 > div:first-child")), j) {
           const W = j.textContent || "";
-          S.fillText(W, 40, N.height / 2);
+          S.fillText(W, 40, w.height / 2);
         }
         S.fillStyle = M;
-        const H = 2, _ = 4, z = 12, R = N.height / 2;
+        const H = 2, _ = 4, z = 12, R = w.height / 2;
         for (let W = 0; W < 3; W++)
           for (let Y = 0; Y < 2; Y++) {
             const ie = z + Y * _, ae = R - _ + W * _;
             S.beginPath(), S.arc(ie, ae, H, 0, Math.PI * 2), S.fill();
           }
       }
-      k.style.position = "absolute", k.style.top = "-9999px", k.style.left = "-9999px", document.body.appendChild(k), y.dataTransfer.setDragImage(k, 20, N.height / 2), setTimeout(() => {
+      k.style.position = "absolute", k.style.top = "-9999px", k.style.left = "-9999px", document.body.appendChild(k), y.dataTransfer.setDragImage(k, 20, w.height / 2), setTimeout(() => {
         document.body.contains(k) && document.body.removeChild(k);
       }, 0);
     }
@@ -3715,19 +3715,19 @@ const wn = (e, t = {}) => {
       dragOverItemId: null
     }), a.current = -1, l.current = -1, u.current = -1, m.current = 0;
   }, []), h = L(
-    (y, w, g) => {
+    (y, N, g) => {
       y.preventDefault(), y.dataTransfer.dropEffect = "move", l.current = g, i && a.current !== -1 && a.current !== g && Date.now() - m.current >= r && u.current !== g && (d.current !== null && cancelAnimationFrame(d.current), d.current = requestAnimationFrame(() => {
         t == null || t(a.current, g), a.current = g, u.current = g, m.current = Date.now(), d.current = null;
-      })), n((D) => D.dragOverItemId !== w ? {
+      })), n((D) => D.dragOverItemId !== N ? {
         ...D,
-        dragOverItemId: w
+        dragOverItemId: N
       } : D);
     },
     [i, t, r]
   ), b = L((y) => {
     y.preventDefault();
   }, []), p = L(
-    (y, w, g) => {
+    (y, N, g) => {
       if (y.preventDefault(), y.stopPropagation(), d.current !== null && (cancelAnimationFrame(d.current), d.current = null), !i) {
         const D = a.current, C = g;
         D !== -1 && D !== C && (t == null || t(D, C));
@@ -3790,8 +3790,8 @@ const wn = (e, t = {}) => {
       height: a.current.clientHeight
     });
     const f = (b) => {
-      const p = b.target, x = p == null ? void 0 : p.getBoundingClientRect(), y = (x == null ? void 0 : x.x) - e.x, w = (x == null ? void 0 : x.y) - e.y;
-      (y > 20 || y < -20 || w > 20 || w < -20) && (n(!1), t({ x: 0, y: 0 }));
+      const p = b.target, x = p == null ? void 0 : p.getBoundingClientRect(), y = (x == null ? void 0 : x.x) - e.x, N = (x == null ? void 0 : x.y) - e.y;
+      (y > 20 || y < -20 || N > 20 || N < -20) && (n(!1), t({ x: 0, y: 0 }));
     }, h = () => {
       n(!1), t({ x: 0, y: 0 });
     };
@@ -3982,11 +3982,11 @@ const wn = (e, t = {}) => {
   iconDuotoneOpacityPrimary: p,
   iconDuotoneOpacitySecondary: x,
   closeAtSuccess: y = !1,
-  successButtonText: w = "Guardar",
+  successButtonText: N = "Guardar",
   showSuccessButton: g = !0,
   onCancel: D,
   cancelButtonText: C = "Cancelar",
-  closeAtCancel: N = !0,
+  closeAtCancel: w = !0,
   showCancelButton: k = !0,
   showCloseButton: S = !0,
   closeAtCorner: T = !0,
@@ -4105,12 +4105,12 @@ const wn = (e, t = {}) => {
     const Se = ll(u, m);
     return Se.length > 0 ? Se : ml({
       cancelButtonText: C,
-      successButtonText: w,
+      successButtonText: N,
       onCancel: D,
       onSuccess: c,
       showCancelButton: k,
       showSuccessButton: g,
-      closeAtCancel: N,
+      closeAtCancel: w,
       closeAtSuccess: y,
       cancelButtonSlotLeft: B,
       successButtonSlotRight: K,
@@ -4123,12 +4123,12 @@ const wn = (e, t = {}) => {
     u,
     m,
     C,
-    w,
+    N,
     D,
     c,
     k,
     g,
-    N,
+    w,
     y,
     B,
     K,
@@ -4157,13 +4157,13 @@ const wn = (e, t = {}) => {
     showCloseButton: S,
     closeAtCorner: T,
     cancelButtonText: C,
-    successButtonText: w,
+    successButtonText: N,
     onCancel: D,
     onSuccess: c,
     showCancelButton: k,
     showSuccessButton: g,
     closeAtSuccess: y,
-    closeAtCancel: N,
+    closeAtCancel: w,
     title: $,
     icon: f,
     iconDuotonePrimary: h,
@@ -4323,13 +4323,13 @@ const wn = (e, t = {}) => {
   headerButtonOnClick: p,
   badgeIcon: x,
   badgeIconDuotonePrimary: y,
-  badgeIconDuotoneSecondary: w,
+  badgeIconDuotoneSecondary: N,
   badgeIconDuotoneOpacityPrimary: g,
   badgeIconDuotoneOpacitySecondary: D,
   badgeLabel: C
 }) => {
   const {
-    onClose: N,
+    onClose: w,
     showCloseButton: k,
     // Nuevo sistema procesado
     processedIcon: S,
@@ -4410,7 +4410,7 @@ const wn = (e, t = {}) => {
       oe && /* @__PURE__ */ s(
         me,
         {
-          onClick: N,
+          onClick: w,
           "aria-label": "Cerrar modal",
           theme: "solid",
           color: "secondary",
@@ -4507,7 +4507,7 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
               theme: x.theme || "solid",
               size: x.size || "xs",
               pill: x.pill || "sm",
-              onClick: (w) => b(x, w)
+              onClick: (N) => b(x, N)
             }),
             children: x.label
           },
@@ -4527,14 +4527,14 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
   padding: l = "md",
   aspect: u = "none"
 }) => {
-  const { hideFooter: m, currentTab: d } = Ci(), [c, f] = V(!1), [h, b] = V(!1), p = Q(null), x = Q(d), [y, w] = V(null), [g, D] = V(
+  const { hideFooter: m, currentTab: d } = Ci(), [c, f] = V(!1), [h, b] = V(!1), p = Q(null), x = Q(d), [y, N] = V(null), [g, D] = V(
     null
-  ), [C, N] = V(null), [k, S] = V(null), [T, $] = V(null), v = L((z, R) => {
+  ), [C, w] = V(null), [k, S] = V(null), [T, $] = V(null), v = L((z, R) => {
     const W = z.getBoundingClientRect(), Y = R.getBoundingClientRect(), ie = Y.top - W.top, ae = Y.left - W.left;
     D({
       width: Y.width,
       height: Y.height
-    }), N({
+    }), w({
       top: ie,
       left: ae
     });
@@ -4544,7 +4544,7 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
       let z = p.current.parentElement, R = 0;
       for (; z && R < 10; ) {
         if (z.classList.contains("ui-p-16")) {
-          w(z), $(z);
+          N(z), $(z);
           let W = z.parentElement, Y = 0;
           for (; W && Y < 10; ) {
             if ((W.classList.contains("ui-rounded-surface-modal") || W.classList.contains("ui-rounded-lg")) && W.classList.contains("ui-bg-fill") && W.classList.contains("ui-flex")) {
@@ -4557,7 +4557,7 @@ const yl = ({ children: e, withPadding: t = !0 }) => {
         }
         z = z.parentElement, R++;
       }
-    } else !c && !h && (w(null), D(null), N(null), S(null), $(null));
+    } else !c && !h && (N(null), D(null), w(null), S(null), $(null));
   }, [c, h, v]), U(() => {
     if (c && y) {
       const z = window.getComputedStyle(y).position;
@@ -4908,11 +4908,11 @@ const Sl = ({
   zIndex: p = 50,
   showCancelButton: x,
   showSuccessButton: y,
-  closeAtSuccess: w,
+  closeAtSuccess: N,
   closeAtCancel: g,
   tabs: D,
   defaultValueTab: C,
-  onChangeTab: N,
+  onChangeTab: w,
   headerButtonIcon: k,
   iconDuotonePrimary: S,
   iconDuotoneSecondary: T,
@@ -5006,7 +5006,7 @@ const Sl = ({
                 onSuccess: h,
                 showCancelButton: x,
                 showSuccessButton: y,
-                closeAtSuccess: w,
+                closeAtSuccess: N,
                 closeAtCancel: g,
                 title: b,
                 icon: i,
@@ -5028,7 +5028,7 @@ const Sl = ({
                 footerButtonOnClick: ie,
                 tabs: D,
                 defaultValueTab: C,
-                onChangeTab: N,
+                onChangeTab: w,
                 cancelButtonSlotLeft: ae,
                 successButtonSlotRight: X,
                 disableCancelButton: O,
@@ -5082,12 +5082,12 @@ const Sl = ({
   iconContentDuotoneOpacityPrimary: p,
   iconContentDuotoneOpacitySecondary: x,
   placeholder: y = "",
-  title: w,
+  title: N,
   successButtonColor: g = "destructive",
   successButtonText: D = "Confirmar",
   size: C = "md"
 }) => {
-  const [N, k] = V("");
+  const [w, k] = V("");
   return /* @__PURE__ */ s(
     Or,
     {
@@ -5096,13 +5096,13 @@ const Sl = ({
       onSuccess: a,
       size: C,
       zIndex: 60,
-      disableSuccessButton: n ? N !== n : !1,
+      disableSuccessButton: n ? w !== n : !1,
       icon: l,
       iconDuotonePrimary: u,
       iconDuotoneSecondary: m,
       iconDuotoneOpacityPrimary: d,
       iconDuotoneOpacitySecondary: c,
-      title: w,
+      title: N,
       successButtonColor: g,
       successButtonText: D,
       children: /* @__PURE__ */ s(Or.Body, { children: /* @__PURE__ */ P("div", { className: "ui-flex ui-flex-col ui-items-center ui-gap-4 ui-p-4", children: [
@@ -5127,7 +5127,7 @@ const Sl = ({
           {
             fullWidth: !0,
             label: i,
-            value: N,
+            value: w,
             onChange: (S) => k(S.target.value),
             placeholder: y
           }
@@ -5231,7 +5231,7 @@ const Sl = ({
         disabled: ""
       }
     }
-  }), w = Ge(
+  }), N = Ge(
     "ui-flex ui-items-center ui-justify-center ui-shrink-0 ui-rounded-control-xs ui-transition-colors ui-p-2",
     {
       variants: {
@@ -5258,7 +5258,7 @@ const Sl = ({
         disabled: ""
       }
     }
-  }), D = l || i === "disabled", C = D ? "disabled" : i, N = I(
+  }), D = l || i === "disabled", C = D ? "disabled" : i, w = I(
     "ui-inline-flex ui-items-center ui-font-body-xs-semibold ui-transition-colors",
     "ui-text-body-xs-regular ui-pl-6 ui-pr-4 ui-py-2 ui-gap-4 ui-rounded-control-sm",
     n ? "ui-border" : "ui-border-0",
@@ -5281,7 +5281,7 @@ const Sl = ({
   }, $ = () => {
     f(!1);
   }, v = I(
-    w({ color: C }),
+    N({ color: C }),
     !D && "ui-cursor-pointer",
     !D && g({ color: C }),
     D && "ui-cursor-not-allowed"
@@ -5289,7 +5289,7 @@ const Sl = ({
   return /* @__PURE__ */ P(
     "div",
     {
-      className: I("ui-imj", N),
+      className: I("ui-imj", w),
       onClick: S,
       onMouseDown: T,
       onMouseUp: $,
@@ -5348,7 +5348,7 @@ const Sl = ({
     () => kl(e, t, i),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- intención: valor inicial solo al montar
     []
-  ), [u, m] = V(l), [d, c] = V(""), [f, h] = V(!1), [b, p] = V(l.length), x = te(() => r === void 0 ? !0 : u.length < r, [u.length, r]), y = L(() => !i || i.length === 0 ? t : i[b % i.length], [i, b, t]), w = L(
+  ), [u, m] = V(l), [d, c] = V(""), [f, h] = V(!1), [b, p] = V(l.length), x = te(() => r === void 0 ? !0 : u.length < r, [u.length, r]), y = L(() => !i || i.length === 0 ? t : i[b % i.length], [i, b, t]), N = L(
     (D) => {
       const C = D.trim();
       if (!C || !x || u.some(
@@ -5370,11 +5370,11 @@ const Sl = ({
     (D) => {
       const C = u.find((k) => k.id === D);
       if (!C) return;
-      const N = u.filter((k) => k.id !== D);
-      m(N), a == null || a(C), o == null || o({
+      const w = u.filter((k) => k.id !== D);
+      m(w), a == null || a(C), o == null || o({
         type: "remove",
         item: C,
-        items: N
+        items: w
       });
     },
     [u, a, o]
@@ -5385,7 +5385,7 @@ const Sl = ({
     isFocused: f,
     setInputValue: c,
     setIsFocused: h,
-    addBadge: w,
+    addBadge: N,
     removeBadge: g,
     canAddMore: x,
     getNextColor: y,
@@ -5415,11 +5415,11 @@ const Sl = ({
   onBlur: p,
   className: x
 }) => {
-  const y = Q(null), w = Q(null), {
+  const y = Q(null), N = Q(null), {
     badges: g,
     inputValue: D,
     isFocused: C,
-    setInputValue: N,
+    setInputValue: w,
     setIsFocused: k,
     addBadge: S,
     removeBadge: T,
@@ -5460,7 +5460,7 @@ const Sl = ({
   );
   return /* @__PURE__ */ P("div", { className: I("ui-flex ui-flex-col ui-gap-1", m ? "ui-w-full" : "ui-w-fit"), children: [
     i && /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: /* @__PURE__ */ s("label", { className: H, children: i }) }),
-    /* @__PURE__ */ P("div", { ref: w, className: j, onClick: A, children: [
+    /* @__PURE__ */ P("div", { ref: N, className: j, onClick: A, children: [
       g.map((_) => /* @__PURE__ */ s(
         Gt,
         {
@@ -5477,7 +5477,7 @@ const Sl = ({
           ref: y,
           type: "text",
           value: D,
-          onChange: (_) => N(_.target.value),
+          onChange: (_) => w(_.target.value),
           onKeyDown: v,
           onFocus: E,
           onBlur: M,
@@ -5552,7 +5552,7 @@ const Vt = ({
     // Figma: border/focus = #627dd0 (siempre, 1px)
     !r && "focus:ui-border-focus focus:ui-outline-none",
     n
-  ), w = d || c, g = /* @__PURE__ */ P("div", { className: "ui-imj ui-relative ui-inline-flex ui-flex-shrink-0 ui-items-center ui-justify-center", children: [
+  ), N = d || c, g = /* @__PURE__ */ P("div", { className: "ui-imj ui-relative ui-inline-flex ui-flex-shrink-0 ui-items-center ui-justify-center", children: [
     /* @__PURE__ */ s(
       "input",
       {
@@ -5596,7 +5596,7 @@ const Vt = ({
       }
     )
   ] });
-  return w ? /* @__PURE__ */ s("div", { className: "ui-imj ui-flex ui-items-start", children: /* @__PURE__ */ P("div", { className: I("ui-flex ui-items-center ui-gap-8", f), children: [
+  return N ? /* @__PURE__ */ s("div", { className: "ui-imj ui-flex ui-items-start", children: /* @__PURE__ */ P("div", { className: I("ui-flex ui-items-center ui-gap-8", f), children: [
     g,
     /* @__PURE__ */ P("div", { className: "ui-flex ui-flex-col ui-gap-4", children: [
       d && /* @__PURE__ */ s(
@@ -5728,8 +5728,8 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
   disabled: l = !1,
   absolute: u = !1
 }) => {
-  const m = xi(), d = o || `popup-${m}`, [c, f] = V(!1), [h, b] = V({}), [p, x] = V(!1), y = Q(null), w = Q(null), g = Q(null), D = L(() => {
-    const k = y.current, S = w.current;
+  const m = xi(), d = o || `popup-${m}`, [c, f] = V(!1), [h, b] = V({}), [p, x] = V(!1), y = Q(null), N = Q(null), g = Q(null), D = L(() => {
+    const k = y.current, S = N.current;
     if (!k || !S) return;
     const T = k.getBoundingClientRect(), $ = S.getBoundingClientRect();
     if ($.width === 0 || $.height === 0)
@@ -5791,14 +5791,14 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
     };
     b(H), x(!0);
   }, [e, t, d, u]), C = (k) => {
-    k && k.stopPropagation(), !l && (c ? N() : (El(d), b({}), x(!1), f(!0), Ki.add(d), n == null || n()));
-  }, N = () => {
+    k && k.stopPropagation(), !l && (c ? w() : (El(d), b({}), x(!1), f(!0), Ki.add(d), n == null || n()));
+  }, w = () => {
     f(!1), x(!1), Ki.delete(d), a == null || a();
   };
   return U(() => {
     if (c) {
       const k = () => {
-        const S = w.current;
+        const S = N.current;
         if (S) {
           const T = S.getBoundingClientRect();
           T.width > 0 && T.height > 0 && T.width !== 0 && T.height !== 0 ? D() : setTimeout(() => {
@@ -5824,22 +5824,22 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
   }, [c, p, u, D]), Sn({
     isActive: c,
     disabled: l,
-    elementRef: w,
+    elementRef: N,
     containerRef: g,
     elementId: d,
     elementType: "popup",
     closeOnClickOutside: i,
-    onOutsideClick: N
-  }), fr(c, N, !r), {
+    onOutsideClick: w
+  }), fr(c, w, !r), {
     isOpen: c,
     popupStyle: h,
     isPositioned: p,
     triggerRef: y,
-    popupRef: w,
+    popupRef: N,
     containerRef: g,
     popupUniqueId: d,
     togglePopup: C,
-    closePopup: N
+    closePopup: w
   };
 }, Kt = $t(
   ({
@@ -5861,11 +5861,11 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
     rounded: p = !1,
     leftSlot: x,
     borderRadius: y = "sm",
-    rightSlot: w,
+    rightSlot: N,
     icon: g,
     colorIcon: D,
     pill: C = "xs",
-    tooltip: N,
+    tooltip: w,
     tooltipPosition: k,
     tooltipAlignment: S,
     tooltipDelay: T,
@@ -5953,8 +5953,8 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
       classNameIcon: void 0,
       strokeWidth: void 0,
       onClickIcon: void 0
-    }), q = F || G || (g ? { icon: g } : void 0), Z = N && typeof N == "object" && ("label" in N || "position" in N || "alignment" in N || "delay" in N || "absolute" in N || "className" in N), re = Z ? N : void 0, de = Z ? void 0 : mn({
-      tooltip: N,
+    }), q = F || G || (g ? { icon: g } : void 0), Z = w && typeof w == "object" && ("label" in w || "position" in w || "alignment" in w || "delay" in w || "absolute" in w || "className" in w), re = Z ? w : void 0, de = Z ? void 0 : mn({
+      tooltip: w,
       tooltipPosition: k,
       tooltipAlignment: S,
       tooltipDelay: T,
@@ -5981,7 +5981,7 @@ const Ki = /* @__PURE__ */ new Set(), El = (e) => {
               rounded: p,
               iconProps: q,
               leftSlot: x,
-              rightSlot: w,
+              rightSlot: N,
               textColor: b,
               tooltipProps: ge,
               transition: j,
@@ -6024,20 +6024,20 @@ const Il = ({
     f(t ?? null);
   }, [t]);
   const { actions: h, activeTabContent: b } = te(() => {
-    const w = {};
+    const N = {};
     let g = null;
     return Te.Children.forEach(e, (D) => {
       if (Te.isValidElement(D)) {
         const C = D.props;
         if (C.Component)
-          w[C.id] = {
+          N[C.id] = {
             component: C.Component,
             tooltip: C.tooltip,
             tooltipPosition: C.tooltipPosition
           };
         else if (C.icon) {
-          const N = typeof C.icon == "string" ? C.icon : C.id || "icon";
-          w[N] = {
+          const w = typeof C.icon == "string" ? C.icon : C.id || "icon";
+          N[w] = {
             id: C.id,
             tooltip: C.tooltip,
             tooltipPosition: C.tooltipPosition,
@@ -6057,9 +6057,9 @@ const Il = ({
           C.id
         ));
       }
-    }), { actions: w, activeTabContent: g };
-  }, [e, c]), p = (w) => {
-    w && f(w === c ? null : w);
+    }), { actions: N, activeTabContent: g };
+  }, [e, c]), p = (N) => {
+    N && f(N === c ? null : N);
   }, x = typeof l == "number" ? `${l}px` : l, y = typeof u == "number" ? `${u}px` : u;
   return /* @__PURE__ */ P(
     "div",
@@ -6136,16 +6136,16 @@ const Il = ({
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-1 ui-flex-col ui-items-center ui-justify-center ui-gap-8", children: Object.entries(h).map(([w, g]) => {
+                    /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-1 ui-flex-col ui-items-center ui-justify-center ui-gap-8", children: Object.entries(h).map(([N, g]) => {
                       if (g.component)
-                        return /* @__PURE__ */ s(Te.Fragment, { children: g.component }, w);
+                        return /* @__PURE__ */ s(Te.Fragment, { children: g.component }, N);
                       {
-                        const D = c === g.id, C = g.icon, N = g.tooltipPosition || d;
+                        const D = c === g.id, C = g.icon, w = g.tooltipPosition || d;
                         return /* @__PURE__ */ s(
                           Bt,
                           {
                             label: g.tooltip || "",
-                            position: N,
+                            position: w,
                             disabled: !m || !g.tooltip,
                             children: /* @__PURE__ */ s(
                               Ie,
@@ -6158,7 +6158,7 @@ const Il = ({
                               }
                             )
                           },
-                          w
+                          N
                         );
                       }
                     }) })
@@ -6212,9 +6212,9 @@ const Pl = (e) => {
     portalPosition: { top: 0, left: 0 },
     pendingDate: null,
     pendingRange: { start: null, end: null }
-  }), [m, d] = V(!1), c = Q(null), f = Q(null), h = Q(null), b = t === "single" ? e.selectedDate !== void 0 : e.selectedRange !== void 0, p = t === "single" ? e.selectedDate === void 0 : e.selectedRange === void 0, x = t === "single" ? n === !1 && l.pendingDate !== null ? l.pendingDate : p ? l.internalDate : i : null, y = t === "single" ? p ? l.internalDate : i : null, w = t === "range" ? a === !1 && (l.pendingRange.start || l.pendingRange.end) ? l.pendingRange : p ? l.internalRange : r : { start: null, end: null }, g = t === "range" ? p ? l.internalRange : r : { start: null, end: null }, D = (O) => O != null && O instanceof Date && !isNaN(O.getTime()), C = D(x) ? x : null, N = {
-    start: D(w == null ? void 0 : w.start) ? w.start : null,
-    end: D(w == null ? void 0 : w.end) ? w.end : null
+  }), [m, d] = V(!1), c = Q(null), f = Q(null), h = Q(null), b = t === "single" ? e.selectedDate !== void 0 : e.selectedRange !== void 0, p = t === "single" ? e.selectedDate === void 0 : e.selectedRange === void 0, x = t === "single" ? n === !1 && l.pendingDate !== null ? l.pendingDate : p ? l.internalDate : i : null, y = t === "single" ? p ? l.internalDate : i : null, N = t === "range" ? a === !1 && (l.pendingRange.start || l.pendingRange.end) ? l.pendingRange : p ? l.internalRange : r : { start: null, end: null }, g = t === "range" ? p ? l.internalRange : r : { start: null, end: null }, D = (O) => O != null && O instanceof Date && !isNaN(O.getTime()), C = D(x) ? x : null, w = {
+    start: D(N == null ? void 0 : N.start) ? N.start : null,
+    end: D(N == null ? void 0 : N.end) ? N.end : null
   }, k = D(y) ? y : null, S = te(
     () => ({
       start: D(g == null ? void 0 : g.start) ? g.start : null,
@@ -6360,7 +6360,7 @@ const Pl = (e) => {
   }, [l.isOpen, X]), {
     state: l,
     selectedDate: C,
-    selectedRange: N,
+    selectedRange: w,
     selectedDateForInput: k,
     selectedRangeForInput: S,
     inputRef: c,
@@ -6410,18 +6410,18 @@ const Pl = (e) => {
         };
         y = n(c, C);
       }
-      let w = !1;
+      let N = !1;
       if (e.start && e.end && p && !h) {
         const C = new Date(c);
-        C.setDate(c.getDate() - 1), w = !n(C, e);
+        C.setDate(c.getDate() - 1), N = !n(C, e);
       } else if (e.start && !e.end && f && y) {
         const C = new Date(c);
         C.setDate(c.getDate() - 1);
-        const N = {
+        const w = {
           start: e.start < f ? e.start : f,
           end: e.start < f ? f : e.start
         };
-        w = !n(C, N);
+        N = !n(C, w);
       }
       let g = !1;
       if (e.start && e.end && p && !b) {
@@ -6430,11 +6430,11 @@ const Pl = (e) => {
       } else if (e.start && !e.end && f && y) {
         const C = new Date(c);
         C.setDate(c.getDate() + 1);
-        const N = {
+        const w = {
           start: e.start < f ? e.start : f,
           end: e.start < f ? f : e.start
         };
-        g = !n(C, N);
+        g = !n(C, w);
       }
       let D = !0;
       return e.start && !e.end && f ? D = f >= e.start : e.start && e.end && (D = c >= e.start), {
@@ -6443,7 +6443,7 @@ const Pl = (e) => {
         isStart: h,
         isEnd: b,
         isInRange: p,
-        isFirstInRange: w,
+        isFirstInRange: N,
         isLastInRange: g,
         afterSelected: D,
         isDisabled: x,
@@ -6485,8 +6485,8 @@ const Pl = (e) => {
         x.push(null);
       for (let g = 1; g <= b; g++)
         x.push(g);
-      const w = (7 - x.length % 7) % 7;
-      for (let g = 0; g < w; g++)
+      const N = (7 - x.length % 7) % 7;
+      for (let g = 0; g < N; g++)
         x.push(null);
       return x;
     },
@@ -6532,7 +6532,7 @@ const Pl = (e) => {
     if (!h) return null;
     const p = b.replace("dd", "(\\d{2})").replace("MM", "(\\d{2})").replace("yyyy", "(\\d{4})"), x = new RegExp(`^${p}$`), y = h.match(x);
     if (!y) return null;
-    const [, w, g, D] = y, C = new Date(parseInt(D), parseInt(g) - 1, parseInt(w));
+    const [, N, g, D] = y, C = new Date(parseInt(D), parseInt(g) - 1, parseInt(N));
     return isNaN(C.getTime()) ? null : C;
   }, []), m = L(
     (h, b) => u(h, b) !== null,
@@ -6580,8 +6580,8 @@ const Pl = (e) => {
   const y = Q(null);
   if (e === null)
     return /* @__PURE__ */ s("div", { className: "ui-h-control-xs ui-w-control-xs" });
-  const w = (N) => {
-    N.stopPropagation(), m || f(t);
+  const N = (w) => {
+    w.stopPropagation(), m || f(t);
   }, g = () => {
     !m && h && (y.current && (clearTimeout(y.current), y.current = null), h(t));
   }, D = () => {
@@ -6589,8 +6589,8 @@ const Pl = (e) => {
       b(), y.current = null;
     }, 100) : b());
   }, C = () => {
-    let N = `ui-w-control-xs ui-h-control-xs ui-flex ui-items-center ui-select-none ui-justify-center ui-font-body-xs-medium ui-leading-body-xs-medium ui-tracking-body-xs ui-rounded-control-sm ${!l && !r && !a ? "hover:ui-bg-surface-brand hover:ui-text-blue-500 hover:ui-cursor-pointer" : ""}  ui-text-body-xs-medium  ui-transition-colors  `;
-    return m ? N += " ui-text-disabled ui-cursor-not-allowed" : i ? N += " ui-bg-fill-brand ui-text-white " : o ? N += ` ui-bg-fill-brand ui-text-white  ${u ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : n ? N += ` ui-bg-fill-brand ui-text-white  ${u ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : r ? N += " ui-bg-surface-brand ui-text-brand" : c ? N += " ui-bg-surface-brand hover:ui-bg-surface-brand-hover" : d ? N += " ui-text-brand" : N += "hover:ui-bg-surface-disabled", `${N} ${p}`;
+    let w = `ui-w-control-xs ui-h-control-xs ui-flex ui-items-center ui-select-none ui-justify-center ui-font-body-xs-medium ui-leading-body-xs-medium ui-tracking-body-xs ui-rounded-control-sm ${!l && !r && !a ? "hover:ui-bg-surface-brand hover:ui-text-blue-500 hover:ui-cursor-pointer" : ""}  ui-text-body-xs-medium  ui-transition-colors  `;
+    return m ? w += " ui-text-disabled ui-cursor-not-allowed" : i ? w += " ui-bg-fill-brand ui-text-white " : o ? w += ` ui-bg-fill-brand ui-text-white  ${u ? "ui-rounded-l-lg" : "ui-rounded-r-lg"}` : n ? w += ` ui-bg-fill-brand ui-text-white  ${u ? "ui-rounded-r-lg" : "ui-rounded-l-lg"}` : r ? w += " ui-bg-surface-brand ui-text-brand" : c ? w += " ui-bg-surface-brand hover:ui-bg-surface-brand-hover" : d ? w += " ui-text-brand" : w += "hover:ui-bg-surface-disabled", `${w} ${p}`;
   };
   return x ? x({
     day: e,
@@ -6608,7 +6608,7 @@ const Pl = (e) => {
     "div",
     {
       className: C(),
-      onClick: w,
+      onClick: N,
       onMouseEnter: g,
       onMouseLeave: D,
       role: "button",
@@ -6777,7 +6777,7 @@ const Pl = (e) => {
   onDateHover: o,
   minDate: n,
   maxDate: a,
-  weekDays: l = ["D", "L", "M", "M", "J", "V", "S"],
+  weekDays: l = ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
   startOfWeek: u = 1,
   showWeekNumbers: m = !1,
   hoverDate: d,
@@ -6793,43 +6793,46 @@ const Pl = (e) => {
     },
     n,
     a
-  ), p = (w) => t ? w.getTime() === t.getTime() : !1, x = (w) => !!(n && w < n || a && w > a), y = f(e, u);
+  ), p = (g) => t ? g.getTime() === t.getTime() : !1, x = (g) => !!(n && g < n || a && g > a), y = f(e, u), N = Array.from(
+    { length: 7 },
+    (g, D) => l[(u + D) % 7]
+  );
   return /* @__PURE__ */ P("div", { className: "ui-mx-auto ui-grid ui-w-fit ui-grid-cols-7 ui-gap-y-0.5", children: [
-    l.map((w, g) => /* @__PURE__ */ s(Ol, { day: w }, g)),
-    y.map((w, g) => {
-      if (w === null)
-        return /* @__PURE__ */ s("div", { className: "ui-h-control-xs ui-w-control-xs" }, g);
-      const D = new Date(e.getFullYear(), e.getMonth(), w), C = i ? b(D, d || null) : {
+    N.map((g, D) => /* @__PURE__ */ s(Ol, { day: g }, D)),
+    y.map((g, D) => {
+      if (g === null)
+        return /* @__PURE__ */ s("div", { className: "ui-h-control-xs ui-w-control-xs" }, D);
+      const C = new Date(e.getFullYear(), e.getMonth(), g), w = i ? b(C, d || null) : {
         isStart: !1,
         isEnd: !1,
         isInRange: !1,
         isFirstInRange: !1,
         isLastInRange: !1,
         afterSelected: !0,
-        isDisabled: x(D),
+        isDisabled: x(C),
         isHovered: !1
       };
       return /* @__PURE__ */ s(
         Ll,
         {
-          day: w,
-          date: D,
-          isSelected: p(D),
-          isInRange: C.isInRange,
-          isStart: C.isStart,
-          isEnd: C.isEnd,
-          isFirstInRange: C.isFirstInRange,
-          isLastInRange: C.isLastInRange,
-          afterSelected: C.afterSelected,
-          isDisabled: C.isDisabled,
-          isToday: h(D),
-          isHovered: C.isHovered,
+          day: g,
+          date: C,
+          isSelected: p(C),
+          isInRange: w.isInRange,
+          isStart: w.isStart,
+          isEnd: w.isEnd,
+          isFirstInRange: w.isFirstInRange,
+          isLastInRange: w.isLastInRange,
+          afterSelected: w.afterSelected,
+          isDisabled: w.isDisabled,
+          isToday: h(C),
+          isHovered: w.isHovered,
           onClick: r,
           onMouseEnter: o,
           onMouseLeave: () => o == null ? void 0 : o(null),
           renderDay: c
         },
-        g
+        D
       );
     })
   ] });
@@ -6913,7 +6916,7 @@ const Pl = (e) => {
       !u && o && o(g.target.value);
     }, y = () => {
       !u && n && n();
-    }, w = () => {
+    }, N = () => {
       !u && a && a();
     };
     return /* @__PURE__ */ s(
@@ -6930,7 +6933,7 @@ const Pl = (e) => {
         extraSlot: or,
         onChange: x,
         onFocus: y,
-        onBlur: w,
+        onBlur: N,
         className: l,
         disabled: u,
         readOnly: !0,
@@ -7021,7 +7024,7 @@ const Pl = (e) => {
   minDate: n,
   maxDate: a,
   viewMode: l,
-  weekDays: u = ["D", "L", "M", "M", "J", "V", "S"],
+  weekDays: u = ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
   monthNames: m = [
     "Enero",
     "Febrero",
@@ -7046,7 +7049,7 @@ const Pl = (e) => {
 }) => {
   const y = (D) => {
     b == null || b(D);
-  }, w = (D) => {
+  }, N = (D) => {
     p == null || p(D);
   };
   return /* @__PURE__ */ s("div", { className: "ui-flex ui-h-full ui-justify-center ui-p-3", children: (() => {
@@ -7085,7 +7088,7 @@ const Pl = (e) => {
           {
             currentDate: e,
             selectedYear: e.getFullYear(),
-            onYearSelect: w,
+            onYearSelect: N,
             yearRange: f
           }
         );
@@ -7108,7 +7111,7 @@ const Pl = (e) => {
   onYearSelect: c,
   onGoToToday: f,
   locale: h = "es-ES",
-  weekDays: b = ["D", "L", "M", "M", "J", "V", "S"],
+  weekDays: b = ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
   monthNames: p = [
     "Enero",
     "Febrero",
@@ -7125,11 +7128,11 @@ const Pl = (e) => {
   ],
   startOfWeek: x = 1,
   showWeekNumbers: y = !1,
-  yearRange: w = 12,
+  yearRange: N = 12,
   hoverDate: g,
   closeOnSelect: D,
   autoCloseRange: C,
-  onAccept: N,
+  onAccept: w,
   onCancel: k,
   renderHeader: S,
   renderDay: T
@@ -7189,7 +7192,7 @@ const Pl = (e) => {
             currentDate: e,
             selectedYear: e.getFullYear(),
             onYearSelect: M,
-            yearRange: w
+            yearRange: N
           }
         );
       default:
@@ -7219,7 +7222,7 @@ const Pl = (e) => {
         /* @__PURE__ */ s("div", { className: "ui-h-full ui-p-16", children: A() }),
         (!D || i && !C) && /* @__PURE__ */ P("footer", { className: "ui-flex ui-justify-end ui-gap-8 ui-border-t ui-border-default ui-p-3", children: [
           /* @__PURE__ */ s(me, { size: "xs", pill: "sm", color: "secondary", onClick: k, children: "Cancelar" }),
-          /* @__PURE__ */ s(me, { size: "xs", pill: "sm", onClick: N, children: "Aceptar" })
+          /* @__PURE__ */ s(me, { size: "xs", pill: "sm", onClick: w, children: "Aceptar" })
         ] })
       ]
     }
@@ -7285,11 +7288,11 @@ const Pl = (e) => {
   maxDate: p,
   locale: x,
   weekDays: y,
-  monthNames: w,
+  monthNames: N,
   startOfWeek: g,
   showWeekNumbers: D,
   yearRange: C,
-  hoverDate: N,
+  hoverDate: w,
   closeOnSelect: k,
   autoCloseRange: S,
   calendarsCount: T = 1,
@@ -7378,7 +7381,7 @@ const Pl = (e) => {
           onNavigate: X,
           onToggleViewMode: Y,
           onGoToToday: f,
-          monthNames: w,
+          monthNames: N,
           yearRange: C,
           renderHeader: A
         }
@@ -7395,11 +7398,11 @@ const Pl = (e) => {
           maxDate: p,
           viewMode: H[B],
           weekDays: y,
-          monthNames: w,
+          monthNames: N,
           startOfWeek: g,
           showWeekNumbers: D,
           yearRange: C,
-          hoverDate: N,
+          hoverDate: w,
           onMonthSelect: (K) => ie(B, K),
           onYearSelect: (K) => ae(B, K),
           renderDay: j
@@ -7427,11 +7430,11 @@ const Pl = (e) => {
         onGoToToday: f,
         locale: x,
         weekDays: y,
-        monthNames: w,
+        monthNames: N,
         startOfWeek: g,
         showWeekNumbers: D,
         yearRange: C,
-        hoverDate: N,
+        hoverDate: w,
         closeOnSelect: k,
         autoCloseRange: S,
         onAccept: E,
@@ -7473,11 +7476,11 @@ const Pl = (e) => {
     showWeekNumbers: p = !1,
     yearRange: x = 12,
     closeOnSelect: y = !1,
-    autoCloseRange: w = !0,
+    autoCloseRange: N = !0,
     placeholder: g = "Seleccionar fecha",
     format: D = "dd/MM/yyyy",
     calendarsCount: C = 1,
-    renderHeader: N,
+    renderHeader: w,
     renderDay: k,
     size: S = "sm"
   } = e, {
@@ -7516,9 +7519,9 @@ const Pl = (e) => {
     }
     H.setHoverDate(O);
   }, ie = () => {
-    t === "single" ? !y && T.pendingDate !== null && (H.setSelectedDate(T.pendingDate, !0), o == null || o(T.pendingDate)) : t === "range" && !w && (T.pendingRange.start || T.pendingRange.end) && (H.setSelectedRange(T.pendingRange, !0), n == null || n(T.pendingRange)), H.closePicker();
+    t === "single" ? !y && T.pendingDate !== null && (H.setSelectedDate(T.pendingDate, !0), o == null || o(T.pendingDate)) : t === "range" && !N && (T.pendingRange.start || T.pendingRange.end) && (H.setSelectedRange(T.pendingRange, !0), n == null || n(T.pendingRange)), H.closePicker();
   }, ae = () => {
-    t === "single" && !y ? (H.setPendingDate(null), H.restoreOriginalDate()) : t === "range" && !w && (H.setPendingRange({ start: null, end: null }), H.restoreOriginalRange()), H.closePicker();
+    t === "single" && !y ? (H.setPendingDate(null), H.restoreOriginalDate()) : t === "range" && !N && (H.setPendingRange({ start: null, end: null }), H.restoreOriginalRange()), H.closePicker();
   }, X = () => t === "single" ? z(E) : R(M);
   return /* @__PURE__ */ P("div", { className: I("ui-imj", "relative", h), children: [
     /* @__PURE__ */ s(
@@ -7562,12 +7565,12 @@ const Pl = (e) => {
         yearRange: x,
         hoverDate: T.hoverDate,
         closeOnSelect: y,
-        autoCloseRange: w,
+        autoCloseRange: N,
         calendarsCount: C,
         mode: t,
         onAccept: ie,
         onCancel: ae,
-        renderHeader: N,
+        renderHeader: w,
         renderDay: k
       }
     )
@@ -7650,13 +7653,13 @@ const _l = (e) => {
   scrollable: p = !0,
   cancelButtonText: x = "Cancelar",
   successButtonText: y = "Guardar",
-  onCancel: w = () => {
+  onCancel: N = () => {
   },
   onSuccess: g = () => {
   },
   showCancelButton: D = !0,
   showSuccessButton: C = !0,
-  closeAtSuccess: N = !1,
+  closeAtSuccess: w = !1,
   closeAtCancel: k = !0,
   disabledSuccessButton: S = !1,
   disabledCancelButton: T = !1,
@@ -7678,9 +7681,9 @@ const _l = (e) => {
   }, ne = M && M.length > 0;
   Nn(e), fr(e, t, c), Cn(e, ae, !f);
   const se = () => {
-    w && w(), k && t();
+    N && N(), k && t();
   }, he = () => {
-    g && g(), N && t();
+    g && g(), w && t();
   };
   if (!W || !Y) return null;
   const xe = /* @__PURE__ */ P(
@@ -8352,7 +8355,7 @@ const zn = ({
     const { isChecked: x, toggle: y } = Gl({
       ...b,
       disabled: e
-    }), w = I(
+    }), N = I(
       // Base según Figma - usando clases de Tailwind configuradas con Positive Space
       "ui-imj",
       "ui-relative ui-inline-flex ui-shrink-0 ui-cursor-pointer ui-rounded-2xl",
@@ -8421,7 +8424,7 @@ const zn = ({
         onClick: () => {
           e || y();
         },
-        className: w,
+        className: N,
         children: /* @__PURE__ */ s("span", { className: g })
       }
     );
@@ -9054,8 +9057,8 @@ Vuelve más tarde para ver las actualizaciones.`,
     (p, x) => {
       if (t !== "toggle") return;
       const y = e;
-      u((w) => {
-        const g = lr(w, p, x);
+      u((N) => {
+        const g = lr(N, p, x);
         return requestAnimationFrame(() => {
           var D;
           (D = y.onItemsReorder) == null || D.call(y, g);
@@ -9071,25 +9074,25 @@ Vuelve más tarde para ver las actualizaciones.`,
   }), { handlers: f, draggedItemId: h, dragOverItemId: b } = t === "toggle" ? c : { handlers: null, draggedItemId: null, dragOverItemId: null };
   if (t === "default") {
     const { items: p, currentValue: x, onItemClick: y } = e;
-    return /* @__PURE__ */ s("div", { className: I(r, "ui-min-w-[208px]"), children: /* @__PURE__ */ s("ul", { className: "ui-m-0 ui-flex ui-list-none ui-flex-col ui-gap-8 ui-p-0", children: p.map((w) => /* @__PURE__ */ s(
+    return /* @__PURE__ */ s("div", { className: I(r, "ui-min-w-[208px]"), children: /* @__PURE__ */ s("ul", { className: "ui-m-0 ui-flex ui-list-none ui-flex-col ui-gap-8 ui-p-0", children: p.map((N) => /* @__PURE__ */ s(
       Nt,
       {
-        icon: w.icon,
-        iconColor: w.iconColor,
-        disabled: w.disabled,
-        current: x === w.id,
-        color: w.color,
-        onClick: () => y == null ? void 0 : y(w),
-        children: w.label
+        icon: N.icon,
+        iconColor: N.iconColor,
+        disabled: N.disabled,
+        current: x === N.id,
+        color: N.color,
+        onClick: () => y == null ? void 0 : y(N),
+        children: N.label
       },
-      w.id
+      N.id
     )) }) });
   }
   if (t === "separator") {
     const { groups: p, currentValue: x, onItemClick: y } = e;
-    return /* @__PURE__ */ s("div", { className: I(r, "ui-min-w-[208px]"), children: /* @__PURE__ */ s("ul", { className: "ui-m-0 ui-flex ui-list-none ui-flex-col ui-gap-8 ui-p-0", children: p.map((w, g) => /* @__PURE__ */ P(Te.Fragment, { children: [
+    return /* @__PURE__ */ s("div", { className: I(r, "ui-min-w-[208px]"), children: /* @__PURE__ */ s("ul", { className: "ui-m-0 ui-flex ui-list-none ui-flex-col ui-gap-8 ui-p-0", children: p.map((N, g) => /* @__PURE__ */ P(Te.Fragment, { children: [
       g > 0 && /* @__PURE__ */ s(wt, {}),
-      w.items.map((D) => /* @__PURE__ */ s(
+      N.items.map((D) => /* @__PURE__ */ s(
         Nt,
         {
           icon: D.icon,
@@ -9104,16 +9107,16 @@ Vuelve más tarde para ver las actualizaciones.`,
   }
   if (t === "radio") {
     const { items: p, selectedValue: x, onSelectionChange: y } = e;
-    return /* @__PURE__ */ s("div", { className: I(r, "ui-min-w-[195px]"), children: /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-col ui-gap-8", children: p.map((w) => /* @__PURE__ */ s(
+    return /* @__PURE__ */ s("div", { className: I(r, "ui-min-w-[195px]"), children: /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-col ui-gap-8", children: p.map((N) => /* @__PURE__ */ s(
       gr,
       {
-        selected: x === w.id,
-        disabled: w.disabled,
-        onClick: () => !w.disabled && (y == null ? void 0 : y(w.id)),
-        rightContent: w.count ? `(${w.count})` : void 0,
-        children: w.label
+        selected: x === N.id,
+        disabled: N.disabled,
+        onClick: () => !N.disabled && (y == null ? void 0 : y(N.id)),
+        rightContent: N.count ? `(${N.count})` : void 0,
+        children: N.label
       },
-      w.id
+      N.id
     )) }) });
   }
   if (t === "users-select") {
@@ -9121,10 +9124,10 @@ Vuelve más tarde para ver las actualizaciones.`,
       users: p,
       searchPlaceholder: x = "Buscar...",
       deleteButtonLabel: y = "🗑️ Borrar Usuario",
-      onUserToggle: w,
+      onUserToggle: N,
       onDelete: g
-    } = e, D = p.filter((N) => N.selected), C = p.filter(
-      (N) => N.name.toLowerCase().includes(o.toLowerCase())
+    } = e, D = p.filter((w) => w.selected), C = p.filter(
+      (w) => w.name.toLowerCase().includes(o.toLowerCase())
     );
     return /* @__PURE__ */ P("div", { className: I(r, "ui-flex ui-min-w-[240px] ui-flex-col ui-gap-8"), children: [
       /* @__PURE__ */ s(
@@ -9135,10 +9138,10 @@ Vuelve más tarde para ver las actualizaciones.`,
           placeholder: x
         }
       ),
-      C.map((N) => /* @__PURE__ */ P(
+      C.map((w) => /* @__PURE__ */ P(
         "div",
         {
-          onClick: () => w == null ? void 0 : w(N.id),
+          onClick: () => N == null ? void 0 : N(w.id),
           className: I(
             "ui-flex ui-cursor-pointer ui-items-center ui-gap-8 ui-rounded-control-sm ui-px-8 ui-py-6 ui-transition-all",
             {
@@ -9146,26 +9149,26 @@ Vuelve más tarde para ver las actualizaciones.`,
             }
           ),
           children: [
-            /* @__PURE__ */ s("div", { className: "ui-flex ui-h-16 ui-w-16 ui-shrink-0 ui-items-center ui-justify-center ui-rounded-control-pill ui-bg-surface-secondary ui-text-body-xs-regular", children: N.avatar || N.name.substring(0, 1).toUpperCase() }),
-            /* @__PURE__ */ s("span", { className: "ui-flex-1 ui-text-body-sm-regular ui-font-body-sm-medium ui-text-primary", children: N.name }),
+            /* @__PURE__ */ s("div", { className: "ui-flex ui-h-16 ui-w-16 ui-shrink-0 ui-items-center ui-justify-center ui-rounded-control-pill ui-bg-surface-secondary ui-text-body-xs-regular", children: w.avatar || w.name.substring(0, 1).toUpperCase() }),
+            /* @__PURE__ */ s("span", { className: "ui-flex-1 ui-text-body-sm-regular ui-font-body-sm-medium ui-text-primary", children: w.name }),
             /* @__PURE__ */ s(
               Vt,
               {
-                checked: N.selected || !1,
-                onChange: () => w == null ? void 0 : w(N.id),
+                checked: w.selected || !1,
+                onChange: () => N == null ? void 0 : N(w.id),
                 size: "md"
               }
             )
           ]
         },
-        N.id
+        w.id
       )),
       D.length > 0 && /* @__PURE__ */ s(
         "button",
         {
           onClick: () => {
-            const N = D.map((k) => k.id);
-            g == null || g(N);
+            const w = D.map((k) => k.id);
+            g == null || g(w);
           },
           className: "ui-h-32 ui-w-full ui-rounded-control-sm ui-bg-surface-danger ui-px-8 ui-py-4 ui-text-body-sm-regular ui-font-body-sm-bold ui-text-danger ui-transition-colors hover:ui-bg-surface-danger-hover",
           children: y
@@ -9174,7 +9177,7 @@ Vuelve más tarde para ver las actualizaciones.`,
     ] });
   }
   if (t === "toggle") {
-    const { items: p, onToggleChange: x, onItemsReorder: y, enableReordering: w = !1 } = e;
+    const { items: p, onToggleChange: x, onItemsReorder: y, enableReordering: N = !1 } = e;
     return f ? /* @__PURE__ */ s(
       "div",
       {
@@ -9184,7 +9187,7 @@ Vuelve más tarde para ver las actualizaciones.`,
           "[&>*]:ui-transition-transform [&>*]:ui-duration-200 [&>*]:ui-ease-out"
         ),
         children: l.map((g, D) => {
-          const C = w && h === g.id, N = w && b === g.id, k = w ? /* @__PURE__ */ s(
+          const C = N && h === g.id, w = N && b === g.id, k = N ? /* @__PURE__ */ s(
             be,
             {
               name: $s,
@@ -9200,9 +9203,9 @@ Vuelve más tarde para ver las actualizaciones.`,
               checked: g.checked,
               disabled: g.disabled,
               onChange: (S) => x == null ? void 0 : x(g.id, S),
-              draggable: w && (g.draggable ?? !0),
+              draggable: N && (g.draggable ?? !0),
               isDragging: C,
-              isDragOver: N,
+              isDragOver: w,
               onDragStart: (S) => f.onDragStart(S, g.id, D),
               onDragEnd: f.onDragEnd,
               onDragOver: (S) => f.onDragOver(S, g.id, D),
@@ -9218,18 +9221,18 @@ Vuelve más tarde para ver las actualizaciones.`,
   }
   if (t === "user-list") {
     const { users: p, selectedUserId: x, onUserClick: y } = e;
-    return /* @__PURE__ */ s("div", { className: I(r, "ui-flex ui-min-w-[320px] ui-flex-col ui-gap-8"), children: p.map((w) => /* @__PURE__ */ s(
+    return /* @__PURE__ */ s("div", { className: I(r, "ui-flex ui-min-w-[320px] ui-flex-col ui-gap-8"), children: p.map((N) => /* @__PURE__ */ s(
       Ii,
       {
-        name: w.name,
-        subtitle: w.subtitle,
-        avatar: w.avatar,
-        badge: w.badge,
-        badgeVariant: w.badgeVariant,
-        selected: x === w.id,
-        onClick: () => y == null ? void 0 : y(w.id)
+        name: N.name,
+        subtitle: N.subtitle,
+        avatar: N.avatar,
+        badge: N.badge,
+        badgeVariant: N.badgeVariant,
+        selected: x === N.id,
+        onClick: () => y == null ? void 0 : y(N.id)
       },
-      w.id
+      N.id
     )) });
   }
   if (t === "checkbox") {
@@ -9241,7 +9244,7 @@ Vuelve más tarde para ver las actualizaciones.`,
         description: y.description,
         checked: y.checked,
         disabled: y.disabled,
-        onChange: (w) => x == null ? void 0 : x(y.id, w)
+        onChange: (N) => x == null ? void 0 : x(y.id, N)
       },
       y.id
     )) });
@@ -9251,7 +9254,7 @@ Vuelve más tarde para ver las actualizaciones.`,
       user: p,
       menuItems: x,
       selectedItemId: y,
-      darkMode: w = !1,
+      darkMode: N = !1,
       onMenuItemClick: g,
       onDarkModeToggle: D
     } = e, C = () => typeof p.avatar == "string" ? /* @__PURE__ */ s("div", { className: "ui-flex ui-h-32 ui-w-32 ui-items-center ui-justify-center ui-rounded-control-pill ui-bg-fill-brand ui-text-body-sm-regular ui-font-body-sm-semibold ui-text-on-color", children: p.avatar }) : p.avatar || /* @__PURE__ */ s("div", { className: "ui-flex ui-h-32 ui-w-32 ui-items-center ui-justify-center ui-rounded-control-pill ui-bg-fill-brand ui-text-body-sm-regular ui-font-body-sm-semibold ui-text-on-color", children: p.name.substring(0, 2).toUpperCase() });
@@ -9264,22 +9267,22 @@ Vuelve más tarde para ver las actualizaciones.`,
         ] }),
         p.badge && /* @__PURE__ */ s("span", { className: "ui-shrink-0 ui-rounded-control-sm ui-bg-fill-brand ui-px-8 ui-py-2 ui-text-body-xs-regular ui-font-body-xs-semibold ui-text-on-color", children: p.badge })
       ] }),
-      /* @__PURE__ */ s("ul", { className: "ui-m-0 ui-flex ui-list-none ui-flex-col ui-gap-8 ui-p-0", children: x.map((N, k) => N.type === "separator" ? /* @__PURE__ */ s(wt, {}, `separator-${k}`) : N.type === "toggle" ? /* @__PURE__ */ P(
+      /* @__PURE__ */ s("ul", { className: "ui-m-0 ui-flex ui-list-none ui-flex-col ui-gap-8 ui-p-0", children: x.map((w, k) => w.type === "separator" ? /* @__PURE__ */ s(wt, {}, `separator-${k}`) : w.type === "toggle" ? /* @__PURE__ */ P(
         "li",
         {
           className: "ui-flex ui-h-32 ui-items-center ui-justify-between ui-rounded-control-sm ui-px-8 ui-py-6",
           children: [
-            /* @__PURE__ */ s("div", { className: "ui-flex ui-items-center ui-gap-8", children: N.icon && /* @__PURE__ */ s("span", { className: "ui-flex ui-items-center ui-justify-center ui-text-tertiary", children: /* @__PURE__ */ s(Nt, { icon: N.icon, onClick: () => {
-            }, children: N.label }) }) }),
+            /* @__PURE__ */ s("div", { className: "ui-flex ui-items-center ui-gap-8", children: w.icon && /* @__PURE__ */ s("span", { className: "ui-flex ui-items-center ui-justify-center ui-text-tertiary", children: /* @__PURE__ */ s(Nt, { icon: w.icon, onClick: () => {
+            }, children: w.label }) }) }),
             /* @__PURE__ */ s(
               "div",
               {
-                onClick: () => D == null ? void 0 : D(!w),
+                onClick: () => D == null ? void 0 : D(!N),
                 className: I(
                   "ui-flex ui-h-20 ui-w-32 ui-cursor-pointer ui-items-center ui-rounded-2xl ui-px-2 ui-transition-all",
                   {
-                    "ui-justify-end ui-bg-fill-brand": w,
-                    "ui-justify-start ui-bg-fill-brand-disabled": !w
+                    "ui-justify-end ui-bg-fill-brand": N,
+                    "ui-justify-start ui-bg-fill-brand-disabled": !N
                   }
                 ),
                 children: /* @__PURE__ */ s("div", { className: "ui-h-16 ui-w-16 ui-rounded-control-pill ui-bg-fill ui-shadow-lg" })
@@ -9287,27 +9290,27 @@ Vuelve más tarde para ver las actualizaciones.`,
             )
           ]
         },
-        N.id
+        w.id
       ) : /* @__PURE__ */ s(
         Nt,
         {
-          icon: N.icon,
-          iconColor: N.iconColor,
-          current: y === N.id,
-          color: N.color,
-          onClick: () => g == null ? void 0 : g(N.id),
-          children: N.label
+          icon: w.icon,
+          iconColor: w.iconColor,
+          current: y === w.id,
+          color: w.color,
+          onClick: () => g == null ? void 0 : g(w.id),
+          children: w.label
         },
-        N.id
+        w.id
       )) })
     ] });
   }
   if (t === "alphabetic") {
     const { groups: p, selectedItem: x, onItemClick: y } = e;
-    return /* @__PURE__ */ s("div", { className: I(r, "ui-flex ui-min-w-[208px] ui-flex-col ui-gap-8"), children: p.map((w, g) => /* @__PURE__ */ P("div", { children: [
-      /* @__PURE__ */ s("div", { className: "ui-mb-8 ui-text-body-xs-regular ui-font-body-xs-semibold ui-text-secondary", children: w.letter }),
-      /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-col ui-gap-8", children: w.items.map((D, C) => {
-        const N = x === D;
+    return /* @__PURE__ */ s("div", { className: I(r, "ui-flex ui-min-w-[208px] ui-flex-col ui-gap-8"), children: p.map((N, g) => /* @__PURE__ */ P("div", { children: [
+      /* @__PURE__ */ s("div", { className: "ui-mb-8 ui-text-body-xs-regular ui-font-body-xs-semibold ui-text-secondary", children: N.letter }),
+      /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-col ui-gap-8", children: N.items.map((D, C) => {
+        const w = x === D;
         return /* @__PURE__ */ s(
           "div",
           {
@@ -9316,22 +9319,22 @@ Vuelve más tarde para ver las actualizaciones.`,
               "ui-cursor-pointer ui-rounded-control-sm ui-px-8 ui-py-6 ui-text-body-sm-regular ui-font-body-sm-medium ui-transition-all",
               {
                 // Selected: azul oscuro
-                "ui-bg-fill-brand ui-text-on-color": N,
+                "ui-bg-fill-brand ui-text-on-color": w,
                 // Default text
-                "ui-text-primary": !N,
+                "ui-text-primary": !w,
                 // Hover: gris claro (solo cuando no está seleccionado)
-                "hover:ui-bg-fill-hover": !N
+                "hover:ui-bg-fill-hover": !w
               }
             ),
             children: D
           },
-          `${w.letter}-${C}`
+          `${N.letter}-${C}`
         );
       }) })
-    ] }, w.letter)) });
+    ] }, N.letter)) });
   }
   if (t === "filters") {
-    const { title: p = "Filtrar Por", items: x, selectedItemId: y, onItemClick: w } = e;
+    const { title: p = "Filtrar Por", items: x, selectedItemId: y, onItemClick: N } = e;
     return /* @__PURE__ */ P("div", { className: I(r, "ui-flex ui-min-w-[208px] ui-flex-col ui-gap-8"), children: [
       /* @__PURE__ */ s("div", { className: "ui-text-body-sm-regular ui-font-body-sm-bold ui-text-primary", children: p }),
       /* @__PURE__ */ s(wt, {}),
@@ -9340,7 +9343,7 @@ Vuelve más tarde para ver las actualizaciones.`,
         return /* @__PURE__ */ s(
           "div",
           {
-            onClick: () => w == null ? void 0 : w(g.id),
+            onClick: () => N == null ? void 0 : N(g.id),
             className: I(
               "ui-cursor-pointer ui-rounded-control-sm ui-px-8 ui-py-6 ui-text-body-sm-regular ui-font-body-sm-medium ui-transition-all",
               {
@@ -9364,14 +9367,14 @@ Vuelve más tarde para ver las actualizaciones.`,
       title: p = "Headline",
       items: x,
       clearLabel: y = "🧹 Limpiar",
-      applyLabel: w = "Ok",
+      applyLabel: N = "Ok",
       onItemToggle: g,
       onClear: D,
       onApply: C,
-      onBack: N
+      onBack: w
     } = e, k = x.filter((S) => S.checked).map((S) => S.id);
     return /* @__PURE__ */ P("div", { className: I(r, "ui-flex ui-min-w-[208px] ui-flex-col ui-gap-8"), children: [
-      /* @__PURE__ */ s(Fn, { title: p, onBackClick: N }),
+      /* @__PURE__ */ s(Fn, { title: p, onBackClick: w }),
       /* @__PURE__ */ s(wt, {}),
       /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-col ui-gap-8", children: x.map((S) => /* @__PURE__ */ P(
         "div",
@@ -9412,7 +9415,7 @@ Vuelve más tarde para ver las actualizaciones.`,
           {
             onClick: () => C == null ? void 0 : C(k),
             className: "ui-h-20 ui-flex-1 ui-rounded-control-sm ui-bg-fill-brand ui-px-8 ui-py-4 ui-text-body-xs-regular ui-font-body-xs-bold ui-text-on-color ui-transition-colors hover:ui-bg-fill-brand-hover",
-            children: w
+            children: N
           }
         )
       ] })
@@ -9448,7 +9451,7 @@ Vuelve más tarde para ver las actualizaciones.`,
   onOpenChange: b,
   withCheckbox: p = !1
 }) => {
-  const x = xi(), y = m || `dropdown-${x}`, [w, g] = V(!1), [D, C] = V(!1), [N, k] = V(""), [S, T] = V("bottom"), [$, v] = V({}), E = Q(null), M = Q(null), A = Q(null), j = L(
+  const x = xi(), y = m || `dropdown-${x}`, [N, g] = V(!1), [D, C] = V(!1), [w, k] = V(""), [S, T] = V("bottom"), [$, v] = V({}), E = Q(null), M = Q(null), A = Q(null), j = L(
     (F) => F == null ? [] : Array.isArray(F) ? F : [F],
     []
   ), H = L(
@@ -9484,7 +9487,7 @@ Vuelve más tarde para ver las actualizaciones.`,
     });
     return F ? [F] : [];
   })(), X = (() => {
-    if (!l || !N)
+    if (!l || !w)
       return i.filter((re) => {
         if (c) {
           const de = re[o], ge = j(Y).some(
@@ -9494,7 +9497,7 @@ Vuelve más tarde para ver las actualizaciones.`,
         }
         return !(re[o] === -1 && (Y === -1 || Y === "-1"));
       });
-    const F = N.toLowerCase(), G = i.filter((re) => {
+    const F = w.toLowerCase(), G = i.filter((re) => {
       if (re.isGroupTitle)
         return !1;
       const de = re[r];
@@ -9563,7 +9566,7 @@ Vuelve más tarde para ver las actualizaciones.`,
       behavior: "smooth"
     });
   }, [ae, o]), ne = (F) => {
-    F && F.stopPropagation(), !d && (w ? se() : (Ql(y), k(""), C(!1), B(), setTimeout(() => {
+    F && F.stopPropagation(), !d && (N ? se() : (Ql(y), k(""), C(!1), B(), setTimeout(() => {
       g(!0), Qi.add(y), setTimeout(() => {
         B(), setTimeout(() => {
           K();
@@ -9594,9 +9597,9 @@ Vuelve más tarde para ver las actualizaciones.`,
     F.stopPropagation(), ie(c ? [] : ""), k("");
   };
   return U(() => {
-    b == null || b(w);
-  }, [w, b]), Sn({
-    isActive: w,
+    b == null || b(N);
+  }, [N, b]), Sn({
+    isActive: N,
     // Simplificar condición para mejorar detección
     disabled: d,
     elementRef: M,
@@ -9614,27 +9617,27 @@ Vuelve más tarde para ver las actualizaciones.`,
     }
   }), U(() => {
     const F = () => {
-      w && se();
+      N && se();
     };
     return document.addEventListener("close-all-dropdowns", F), () => {
       document.removeEventListener("close-all-dropdowns", F);
     };
-  }, [w, se]), U(() => {
-    if (w) {
+  }, [N, se]), U(() => {
+    if (N) {
       const F = () => {
         B();
       }, G = () => {
-        w && !D && B();
+        N && !D && B();
       };
       return window.addEventListener("resize", F), window.addEventListener("scroll", G, !1), document.addEventListener("scroll", G, !1), () => {
         window.removeEventListener("resize", F), window.removeEventListener("scroll", G, !1), document.removeEventListener("scroll", G, !1);
       };
     }
-  }, [w, B, D]), {
+  }, [N, B, D]), {
     // Estado
-    isOpen: w,
+    isOpen: N,
     isClosing: D,
-    searchValue: N,
+    searchValue: w,
     selectedValue: Y,
     selectedOptions: ae,
     filteredOptions: X,
@@ -9676,7 +9679,7 @@ Vuelve más tarde para ver las actualizaciones.`,
   idName: b,
   size: p
 }) => {
-  const [x, y] = V(!1), [w, g] = V(null), D = Q(null);
+  const [x, y] = V(!1), [N, g] = V(null), D = Q(null);
   return U(() => {
     if (!D.current || i.length === 0) {
       y(!1), g(null);
@@ -9686,16 +9689,16 @@ Vuelve más tarde para ver las actualizaciones.`,
       const S = D.current;
       if (S) {
         const T = S.scrollHeight, $ = S.clientHeight;
-        if (w === null) {
+        if (N === null) {
           g($);
           return;
         }
-        const v = T > w;
+        const v = T > N;
         y(v);
       }
     }, 100);
     return () => clearTimeout(k);
-  }, [i.length, w]), // Input personalizado con tags para modo tags
+  }, [i.length, N]), // Input personalizado con tags para modo tags
   /* @__PURE__ */ P("div", { className: "ui-relative ui-flex ui-w-full ui-flex-col ui-gap-1", children: [
     e && /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-row ui-items-center ui-gap-1 ui-leading-tight", children: /* @__PURE__ */ s("label", { className: "ui-text-label-md-regular ui-font-label-md-semibold ui-text-primary", children: e }) }),
     /* @__PURE__ */ P(
@@ -9709,8 +9712,8 @@ Vuelve más tarde para ver las actualizaciones.`,
           md: `ui-p-8 ${x ? "ui-min-h-control-md" : "ui-h-control-md"}`,
           lg: `ui-p-8 ${x ? "ui-min-h-control-lg" : "ui-h-control-lg"}`
         }[p]} ui-cursor-pointer ui-items-center ui-gap-1 ui-rounded-control-sm ui-border ui-border-default ui-bg-fill ui-py-4 ui-transition-[padding] ui-duration-150 ui-ease-out focus-within:ui-border-brand hover:ui-border-brand`,
-        onClick: (N) => {
-          a || o(N);
+        onClick: (w) => {
+          a || o(w);
         },
         onFocus: () => {
           !n && !a && (l(!0), o());
@@ -9722,9 +9725,9 @@ Vuelve más tarde para ver las actualizaciones.`,
             {
               ref: D,
               className: `ui-flex ui-flex-wrap ui-gap-1 ${x ? "ui-max-h-auto" : "ui-max-h-[40px]"} ui-overflow-hidden`,
-              children: i.map((N) => {
-                if (!N) return null;
-                const k = N[b], S = N[h];
+              children: i.map((w) => {
+                if (!w) return null;
+                const k = w[b], S = w[h];
                 return /* @__PURE__ */ s(
                   Gt,
                   {
@@ -9777,11 +9780,11 @@ Vuelve más tarde para ver las actualizaciones.`,
     disabled: p = !1,
     placeholder: x = "",
     options: y = [],
-    valueName: w = "label",
+    valueName: N = "label",
     idName: g = "value",
     onValueChange: D,
     onOptionSelect: C,
-    onCheckboxChange: N,
+    onCheckboxChange: w,
     searchable: k = !1,
     maxHeight: S = "200px",
     closeOnClickOutside: T = !0,
@@ -9838,7 +9841,7 @@ Vuelve más tarde para ver las actualizaciones.`,
       value: h,
       defaultValue: Z,
       options: q,
-      valueName: w,
+      valueName: N,
       idName: g,
       onValueChange: D,
       onOptionSelect: C,
@@ -9878,13 +9881,13 @@ Vuelve más tarde para ver las actualizaciones.`,
         if (h === "" || h === -1 || h === "-1")
           se((le) => le !== l ? l : le), xe((le) => le !== null ? null : le);
         else {
-          const le = Array.isArray(h) ? h[0] : h, Ce = q.find((Re) => le == null ? !1 : Je(Re[w], le) || Je(Re[g], le));
+          const le = Array.isArray(h) ? h[0] : h, Ce = q.find((Re) => le == null ? !1 : Je(Re[N], le) || Je(Re[g], le));
           if (Ce) {
             const Re = Ce.icon || l, J = Ce.iconColor || null;
             se((Le) => Le !== Re ? Re : Le), xe((Le) => Le !== J ? J : Le);
           }
         }
-    }, [h, Pe, q, w, g, l, Je]), Ut(
+    }, [h, Pe, q, N, g, l, Je]), Ut(
       B,
       () => ({
         getValue: () => fe,
@@ -9967,14 +9970,14 @@ Vuelve más tarde para ver las actualizaciones.`,
           case "count":
             return `${we.length} elemento${we.length > 1 ? "s" : ""} seleccionado${we.length > 1 ? "s" : ""}`;
           case "text":
-            return we.map((le) => le == null ? void 0 : le[w]).filter(Boolean).join(", ");
+            return we.map((le) => le == null ? void 0 : le[N]).filter(Boolean).join(", ");
           case "tags":
           default:
             return "";
         }
       } else {
         const le = we[0];
-        return le ? le[g] === -1 || le[w] === -1 || le[w] === "-1" ? x : String(le[w] || "") : "";
+        return le ? le[g] === -1 || le[N] === -1 || le[N] === "-1" ? x : String(le[N] || "") : "";
       }
     }, _t = () => {
       if (!re || !ke.top) return null;
@@ -10037,11 +10040,11 @@ Vuelve más tarde para ver las actualizaciones.`,
                       isGroupTitle: J.isGroupTitle,
                       groupTitle: J.label,
                       hasCurrent: j,
-                      children: String(J[w] || "")
+                      children: String(J[N] || "")
                     },
-                    String(J[g] || J[w])
+                    String(J[g] || J[N])
                   );
-                const ot = String(J[g] || J[w]);
+                const ot = String(J[g] || J[N]);
                 switch (Y) {
                   case "list-default":
                     return /* @__PURE__ */ s(
@@ -10053,7 +10056,7 @@ Vuelve más tarde para ver las actualizaciones.`,
                         color: J.color || "blue",
                         icon: J.icon,
                         iconColor: J.iconColor,
-                        children: String(J[w] || "")
+                        children: String(J[N] || "")
                       },
                       ot
                     );
@@ -10065,7 +10068,7 @@ Vuelve más tarde para ver las actualizaciones.`,
                         disabled: J.disabled,
                         selected: Le,
                         rightContent: J.rightContent,
-                        children: String(J[w] || "")
+                        children: String(J[N] || "")
                       },
                       ot
                     );
@@ -10073,7 +10076,7 @@ Vuelve más tarde para ver las actualizaciones.`,
                     return /* @__PURE__ */ s(
                       br,
                       {
-                        title: String(J[w] || ""),
+                        title: String(J[N] || ""),
                         description: J.description,
                         checked: J.checked ?? !1,
                         disabled: J.disabled,
@@ -10085,7 +10088,7 @@ Vuelve más tarde para ver las actualizaciones.`,
                     return /* @__PURE__ */ s(
                       Ii,
                       {
-                        name: String(J[w] || ""),
+                        name: String(J[N] || ""),
                         subtitle: J.subtitle,
                         avatar: J.avatar,
                         badge: J.badge,
@@ -10099,7 +10102,7 @@ Vuelve más tarde para ver las actualizaciones.`,
                     return /* @__PURE__ */ s(
                       yr,
                       {
-                        title: String(J[w] || ""),
+                        title: String(J[N] || ""),
                         description: J.description,
                         checked: J.checked ?? Le,
                         disabled: J.disabled,
@@ -10117,7 +10120,7 @@ Vuelve más tarde para ver las actualizaciones.`,
                         color: J.color || "blue",
                         icon: J.icon,
                         iconColor: J.iconColor,
-                        children: String(J[w] || "")
+                        children: String(J[N] || "")
                       },
                       ot
                     );
@@ -10132,7 +10135,7 @@ Vuelve más tarde para ver las actualizaciones.`,
                         "data-option-value": String(J[g]),
                         icon: J.icon,
                         iconColor: J.iconColor,
-                        children: String(J[w] || "")
+                        children: String(J[N] || "")
                       },
                       ot
                     );
@@ -10198,7 +10201,7 @@ Vuelve más tarde para ver las actualizaciones.`,
               error: i,
               helperText: r || "",
               rightSlot: u,
-              valueName: w,
+              valueName: N,
               idName: g
             }
           ) : (
@@ -10235,11 +10238,11 @@ Vuelve más tarde para ver las actualizaciones.`,
           v && M !== "tags" && we.length > 0 && /* @__PURE__ */ s("div", { className: "ui-mt-2 ui-flex ui-flex-wrap ui-gap-2", children: we.map((le) => le ? /* @__PURE__ */ s(
             Gt,
             {
-              label: le[w],
+              label: le[N],
               color: "accent",
               onClose: () => Ct(le[g])
             },
-            le[w]
+            le[N]
           ) : null) }),
           _t()
         ]
@@ -12132,7 +12135,7 @@ const zr = "emoji-picker-recent", iu = ({
   buttonClassName: x,
   tooltip: y
 }) => {
-  const [w, g] = V("recent"), [D, C] = V(""), [N, k] = V([]), [S, T] = V(m || ""), $ = Q(null), v = Q({}), E = Q(!1), M = Q(null);
+  const [N, g] = V("recent"), [D, C] = V(""), [w, k] = V([]), [S, T] = V(m || ""), $ = Q(null), v = Q({}), E = Q(!1), M = Q(null);
   U(() => {
     if (!E.current)
       if (E.current = !0, n && n.length > 0)
@@ -12152,7 +12155,7 @@ const zr = "emoji-picker-recent", iu = ({
       process.env.NODE_ENV !== "production" && console.error("Error saving recent emojis:", W);
     }
   }, j = (R) => {
-    const W = [R, ...N.filter((Y) => Y !== R)].slice(
+    const W = [R, ...w.filter((Y) => Y !== R)].slice(
       0,
       t
     );
@@ -12160,13 +12163,13 @@ const zr = "emoji-picker-recent", iu = ({
   }, H = te(() => !D || D.trim() === "" ? [
     {
       ...ai[0],
-      emojis: N
+      emojis: w
     },
     ...ai.slice(1)
   ] : ai.slice(1).map((Y) => ({
     ...Y,
     emojis: tu(D, Y.emojis)
-  })).filter((Y) => Y.emojis.length > 0), [D, N]), _ = (R) => {
+  })).filter((Y) => Y.emojis.length > 0), [D, w]), _ = (R) => {
     const W = v.current[R];
     if (W && $.current) {
       const Y = $.current, ie = W.offsetTop - Y.offsetTop;
@@ -12207,7 +12210,7 @@ const zr = "emoji-picker-recent", iu = ({
         /* @__PURE__ */ s("div", { className: "ui-border-b ui-border-default ui-bg-surface ui-p-16", children: /* @__PURE__ */ s("div", { className: "ui-flex ui-flex-wrap ui-justify-between ui-gap-8", children: ai.map((R) => /* @__PURE__ */ s(
           Ie,
           {
-            borderable: w === R.id,
+            borderable: N === R.id,
             size: "xs",
             icon: R.icon,
             rounded: !0,
@@ -12313,7 +12316,7 @@ const zr = "emoji-picker-recent", iu = ({
   label: h = "",
   fullWidth: b = !0
 }) => {
-  const { isFocused: p, setIsFocused: x, count: y, handleChange: w, handlePaste: g } = ru({
+  const { isFocused: p, setIsFocused: x, count: y, handleChange: N, handlePaste: g } = ru({
     maxLength: f,
     onChange: t,
     value: e
@@ -12355,7 +12358,7 @@ const zr = "emoji-picker-recent", iu = ({
                     x(!0), i == null || i(C);
                   },
                   value: e || "",
-                  onChange: w,
+                  onChange: N,
                   onPaste: g,
                   onBlur: (C) => {
                     x(!1), r == null || r(C);
@@ -12549,7 +12552,7 @@ const zr = "emoji-picker-recent", iu = ({
         /* @__PURE__ */ s(Qe, {}),
         /* @__PURE__ */ P("div", { className: "ui-flex ui-flex-col ui-gap-y-8 ui-p-16 ui-pt-12", children: [
           e.map((g, D) => {
-            const C = g.keyName || g.label.toLowerCase(), N = `filter-${D}-${g.type}-${g.label}`;
+            const C = g.keyName || g.label.toLowerCase(), w = `filter-${D}-${g.type}-${g.label}`;
             return g.type === "dropdown" ? /* @__PURE__ */ s(
               ht,
               {
@@ -12563,7 +12566,7 @@ const zr = "emoji-picker-recent", iu = ({
                 absolute: !1,
                 closeOnClickOutside: !0
               },
-              N
+              w
             ) : g.type === "multiple" ? /* @__PURE__ */ s(
               ht,
               {
@@ -12577,7 +12580,7 @@ const zr = "emoji-picker-recent", iu = ({
                 absolute: !1,
                 closeOnClickOutside: !0
               },
-              N
+              w
             ) : g.type === "group" ? /* @__PURE__ */ s(
               ht,
               {
@@ -12593,7 +12596,7 @@ const zr = "emoji-picker-recent", iu = ({
                 multiple: !0,
                 withCheckbox: !0
               },
-              N
+              w
             ) : g.type === "input" ? /* @__PURE__ */ s(
               tt,
               {
@@ -12602,7 +12605,7 @@ const zr = "emoji-picker-recent", iu = ({
                 onChange: (k) => h(g.label, k.target.value, g),
                 size: "xs"
               },
-              N
+              w
             ) : g.type === "date" ? /* @__PURE__ */ s(
               Zt,
               {
@@ -12613,7 +12616,7 @@ const zr = "emoji-picker-recent", iu = ({
                 onDateChange: (k) => h(g.label, k, g),
                 placeholder: g.placeholder
               },
-              N
+              w
             ) : g.type === "dateRange" ? /* @__PURE__ */ s(
               Zt,
               {
@@ -12624,14 +12627,14 @@ const zr = "emoji-picker-recent", iu = ({
                 onRangeChange: (k) => h(g.label, k, g),
                 placeholder: g.placeholder
               },
-              N
+              w
             ) : g.type === "textarea" ? /* @__PURE__ */ s(
               nu,
               {
                 value: typeof f[C] == "string" ? f[C] : "",
                 onChange: (k) => h(g.label, k, g)
               },
-              N
+              w
             ) : null;
           }),
           /* @__PURE__ */ s(Ie, { color: "primary", onClick: x, children: "Aplicar" })
@@ -12641,9 +12644,9 @@ const zr = "emoji-picker-recent", iu = ({
   );
 }, su = () => {
   const e = Q(null), [t, i] = V(!1), [r, o] = V(/* @__PURE__ */ new Set()), n = L(() => {
-    const N = window.getSelection();
-    if (!N || N.rangeCount === 0) return;
-    const k = N.getRangeAt(0);
+    const w = window.getSelection();
+    if (!w || w.rangeCount === 0) return;
+    const k = w.getRangeAt(0);
     if (e.current && !e.current.contains(k.commonAncestorContainer)) return;
     const S = /* @__PURE__ */ new Set();
     let T = k.commonAncestorContainer;
@@ -12656,14 +12659,14 @@ const zr = "emoji-picker-recent", iu = ({
     }
     o(S);
   }, []), a = L(
-    (N, k) => {
+    (w, k) => {
       var v;
       const S = window.getSelection();
       if (!S || S.rangeCount === 0) return;
       const T = S.getRangeAt(0);
       if (T.collapsed)
         return;
-      const $ = document.createElement(N);
+      const $ = document.createElement(w);
       k && Object.assign($.style, k);
       try {
         T.surroundContents($);
@@ -12675,7 +12678,7 @@ const zr = "emoji-picker-recent", iu = ({
     },
     [n]
   ), l = L(
-    (N) => {
+    (w) => {
       var $;
       const k = window.getSelection();
       if (!k || k.rangeCount === 0) return;
@@ -12683,7 +12686,7 @@ const zr = "emoji-picker-recent", iu = ({
       for (; T && T !== e.current; ) {
         if (T.nodeType === Node.ELEMENT_NODE) {
           const v = T;
-          if (v.tagName.toLowerCase() === N.toLowerCase()) {
+          if (v.tagName.toLowerCase() === w.toLowerCase()) {
             const E = v.parentNode;
             for (; v.firstChild; )
               E == null || E.insertBefore(v.firstChild, v);
@@ -12696,40 +12699,40 @@ const zr = "emoji-picker-recent", iu = ({
       n(), ($ = e.current) == null || $.focus();
     },
     [n]
-  ), u = L((N) => {
+  ), u = L((w) => {
     const k = window.getSelection();
     if (!k || k.rangeCount === 0) return !1;
     let T = k.getRangeAt(0).commonAncestorContainer;
     for (; T && T !== e.current; ) {
       if (T.nodeType === Node.ELEMENT_NODE) {
         const $ = T, v = $.tagName.toLowerCase();
-        if (N === "bold" && (v === "strong" || v === "b") || N === "italic" && (v === "em" || v === "i") || N === "underline" && v === "u" || N === "strikethrough" && (v === "s" || v === "strike" || v === "del") || N === "ul" && v === "ul" || N === "ol" && v === "ol") return !0;
-        if (N === "bold") {
+        if (w === "bold" && (v === "strong" || v === "b") || w === "italic" && (v === "em" || v === "i") || w === "underline" && v === "u" || w === "strikethrough" && (v === "s" || v === "strike" || v === "del") || w === "ul" && v === "ul" || w === "ol" && v === "ol") return !0;
+        if (w === "bold") {
           const E = window.getComputedStyle($);
           if (parseInt(E.fontWeight) >= 700) return !0;
         }
-        if (N === "italic" && window.getComputedStyle($).fontStyle === "italic" || N === "underline" && window.getComputedStyle($).textDecoration.includes("underline") || N === "strikethrough" && window.getComputedStyle($).textDecoration.includes("line-through"))
+        if (w === "italic" && window.getComputedStyle($).fontStyle === "italic" || w === "underline" && window.getComputedStyle($).textDecoration.includes("underline") || w === "strikethrough" && window.getComputedStyle($).textDecoration.includes("line-through"))
           return !0;
       }
       T = T.parentNode;
     }
     return !1;
   }, []), m = L(
-    (N, k) => {
+    (w, k) => {
       var $;
       const T = {
         bold: "strong",
         italic: "em",
         underline: "u",
         strikeThrough: "s"
-      }[N];
-      T ? u(N === "strikeThrough" ? "strikethrough" : N) ? l(T) : a(T) : N === "insertUnorderedList" ? c("ul") : N === "insertOrderedList" ? c("ol") : N === "createLink" && k ? d(k) : document.execCommand(N, !1, k), n(), ($ = e.current) == null || $.focus();
+      }[w];
+      T ? u(w === "strikeThrough" ? "strikethrough" : w) ? l(T) : a(T) : w === "insertUnorderedList" ? c("ul") : w === "insertOrderedList" ? c("ol") : w === "createLink" && k ? d(k) : document.execCommand(w, !1, k), n(), ($ = e.current) == null || $.focus();
     },
     // createLink y toggleList se definen más abajo; incluirlos crearía dependencia circular
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [a, l, u, n]
   ), d = L(
-    (N) => {
+    (w) => {
       var E;
       if (!e.current) return;
       const k = window.getSelection();
@@ -12739,7 +12742,7 @@ const zr = "emoji-picker-recent", iu = ({
         alert("Por favor selecciona el texto que quieres convertir en enlace");
         return;
       }
-      let T = N.trim();
+      let T = w.trim();
       if (!T) return;
       T.match(/^https?:\/\//i) || (T = "https://" + T);
       const $ = document.createElement("a");
@@ -12755,7 +12758,7 @@ const zr = "emoji-picker-recent", iu = ({
     },
     [n]
   ), c = L(
-    (N) => {
+    (w) => {
       var v, E, M, A;
       if (!e.current) return;
       const k = window.getSelection();
@@ -12773,18 +12776,18 @@ const zr = "emoji-picker-recent", iu = ({
         $ = $.parentNode || null;
       }
       if (T)
-        if (T.tagName.toLowerCase() === N) {
+        if (T.tagName.toLowerCase() === w) {
           const H = T.parentNode;
           H && (Array.from(T.children).forEach((_) => {
             const z = document.createElement("div");
             z.innerHTML = _.innerHTML || "<br>", H.insertBefore(z, T);
           }), H.removeChild(T));
         } else {
-          const H = document.createElement(N);
+          const H = document.createElement(w);
           H.innerHTML = T.innerHTML, (v = T.parentNode) == null || v.replaceChild(H, T);
         }
       else {
-        const j = document.createElement(N), H = document.createElement("li");
+        const j = document.createElement(w), H = document.createElement("li");
         if (k.rangeCount > 0) {
           const _ = k.getRangeAt(0);
           if (_.collapsed) {
@@ -12816,39 +12819,39 @@ const zr = "emoji-picker-recent", iu = ({
   U(() => (document.addEventListener("selectionchange", h), () => {
     document.removeEventListener("selectionchange", h);
   }), [h]);
-  const b = L((N) => {
+  const b = L((w) => {
     if (!e.current) return;
     e.current.focus();
     const k = window.getSelection();
     if (!k) return;
     let S;
     k.rangeCount > 0 ? (S = k.getRangeAt(0), S.deleteContents()) : (S = document.createRange(), S.selectNodeContents(e.current), S.collapse(!1), k.removeAllRanges(), k.addRange(S));
-    const T = document.createTextNode(N);
+    const T = document.createTextNode(w);
     S.insertNode(T), S.setStartAfter(T), S.collapse(!0), k.removeAllRanges(), k.addRange(S);
-  }, []), p = L((N) => {
+  }, []), p = L((w) => {
     if (!e.current) return;
     e.current.focus();
     const k = window.getSelection();
     if (!k) return;
     let S;
     k.rangeCount > 0 ? (S = k.getRangeAt(0), S.deleteContents()) : (S = document.createRange(), S.selectNodeContents(e.current), S.collapse(!1), k.removeAllRanges(), k.addRange(S));
-    const T = S.createContextualFragment(N);
+    const T = S.createContextualFragment(w);
     S.insertNode(T), S.collapse(!1), k.removeAllRanges(), k.addRange(S);
   }, []), x = L(
-    (N) => {
-      b(N);
+    (w) => {
+      b(w);
     },
     [b]
   ), y = L(
-    (N) => {
-      p(`<span contenteditable="false" class="mention">@${N}</span>&nbsp;`);
+    (w) => {
+      p(`<span contenteditable="false" class="mention">@${w}</span>&nbsp;`);
     },
     [p]
-  ), w = L(() => {
-    var N;
-    return ((N = e.current) == null ? void 0 : N.innerHTML) || "";
-  }, []), g = L((N) => {
-    e.current && (e.current.innerHTML = N);
+  ), N = L(() => {
+    var w;
+    return ((w = e.current) == null ? void 0 : w.innerHTML) || "";
+  }, []), g = L((w) => {
+    e.current && (e.current.innerHTML = w);
   }, []), D = L(() => {
     e.current && (e.current.innerHTML = "");
   }, []), C = L(() => {
@@ -12865,7 +12868,7 @@ const zr = "emoji-picker-recent", iu = ({
     handleEditorClick: f,
     insertEmoji: x,
     insertMention: y,
-    getHTML: w,
+    getHTML: N,
     setHTML: g,
     clear: D,
     isEmpty: C
@@ -12903,11 +12906,11 @@ const zr = "emoji-picker-recent", iu = ({
 }) => {
   const {
     editorRef: y,
-    isFocused: w,
+    isFocused: N,
     setIsFocused: g,
     activeFormats: D,
     execCommand: C,
-    handleEditorClick: N,
+    handleEditorClick: w,
     insertEmoji: k,
     getHTML: S,
     setHTML: T,
@@ -12941,7 +12944,7 @@ const zr = "emoji-picker-recent", iu = ({
         "ui-imj",
         "ui-w-full ui-rounded-control-xs ui-border-1 ui-border-default ui-bg-surface-default ui-transition-colors",
         "ui-border-default",
-        w && "ui-border-default",
+        N && "ui-border-default",
         o && "ui-pointer-events-none ui-opacity-50",
         h
       ),
@@ -13052,7 +13055,7 @@ const zr = "emoji-picker-recent", iu = ({
             onBlur: () => {
               g(!1);
             },
-            onClick: N,
+            onClick: w,
             style: {
               minHeight: `${p}px`,
               maxHeight: `${x}px`
@@ -13179,7 +13182,7 @@ const zr = "emoji-picker-recent", iu = ({
   overlayClassName: d = "",
   size: c = "md"
 }) => {
-  const { currentIndex: f, currentImage: h, goToPrevious: b, goToNext: p, goToImage: x, hasPrevious: y, hasNext: w } = au({ images: e, initialIndex: t, onClose: r });
+  const { currentIndex: f, currentImage: h, goToPrevious: b, goToNext: p, goToImage: x, hasPrevious: y, hasNext: N } = au({ images: e, initialIndex: t, onClose: r });
   if (U(() => (i ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [i]), !i || !h) return null;
@@ -13252,7 +13255,7 @@ const zr = "emoji-picker-recent", iu = ({
                     ]
                   }
                 ),
-                l && w && /* @__PURE__ */ s(
+                l && N && /* @__PURE__ */ s(
                   me,
                   {
                     theme: "solid",
@@ -13267,13 +13270,13 @@ const zr = "emoji-picker-recent", iu = ({
                 )
               ] }),
               n && h.title && /* @__PURE__ */ s("div", { className: "ui-bg-black/50 ui-rounded-lg ui-px-4 ui-py-2 ui-text-center ui-text-lg ui-font-medium ui-text-primary ui-backdrop-blur-sm", children: h.title }),
-              a && e.length > 1 && /* @__PURE__ */ s("div", { className: "ui-bg-black/50 ui-flex ui-items-center ui-gap-2 ui-rounded-control-pill ui-px-4 ui-py-3 ui-backdrop-blur-sm", children: e.map((C, N) => /* @__PURE__ */ s(
+              a && e.length > 1 && /* @__PURE__ */ s("div", { className: "ui-bg-black/50 ui-flex ui-items-center ui-gap-2 ui-rounded-control-pill ui-px-4 ui-py-3 ui-backdrop-blur-sm", children: e.map((C, w) => /* @__PURE__ */ s(
                 "button",
                 {
-                  onClick: () => x(N),
-                  className: `ui-h-2.5 ui-w-2.5 ui-rounded-control-pill ui-border-1 ui-transition-all ui-duration-300 ${N === f ? "ui-border-white ui-bg-fill-brand" : "ui-border-default ui-bg-fill hover:ui-border-white hover:ui-bg-fill-brand"}`,
-                  "aria-label": `Ir a imagen ${N + 1}`,
-                  title: C.title || `Imagen ${N + 1}`
+                  onClick: () => x(w),
+                  className: `ui-h-2.5 ui-w-2.5 ui-rounded-control-pill ui-border-1 ui-transition-all ui-duration-300 ${w === f ? "ui-border-white ui-bg-fill-brand" : "ui-border-default ui-bg-fill hover:ui-border-white hover:ui-bg-fill-brand"}`,
+                  "aria-label": `Ir a imagen ${w + 1}`,
+                  title: C.title || `Imagen ${w + 1}`
                 },
                 C.id
               )) }),
@@ -13408,8 +13411,8 @@ const gu = (e, t, i) => {
       if (!(!c || o))
         return pu(f);
     }, [f, c, o]), b = (y) => {
-      const w = Ye(y);
-      et(w) ? n == null || n(w) : (y === "" || y === "#") && (n == null || n(y));
+      const N = Ye(y);
+      et(N) ? n == null || n(N) : (y === "" || y === "#") && (n == null || n(y));
     };
     Ut(u, () => ({
       getValue: () => {
@@ -13417,8 +13420,8 @@ const gu = (e, t, i) => {
         return ((y = m.current) == null ? void 0 : y.getValue()) || "";
       },
       setValue: (y) => {
-        var w;
-        (w = m.current) == null || w.setValue(y), b(y);
+        var N;
+        (N = m.current) == null || N.setValue(y), b(y);
       },
       focus: () => {
         var y;
@@ -13488,7 +13491,7 @@ const bu = ({ color: e, onColorChange: t, className: i }) => {
       h(A), p(j), x(d, A, j);
     },
     [d, x]
-  ), w = L(
+  ), N = L(
     (T) => {
       if (!o.current) return;
       const $ = o.current.getBoundingClientRect(), v = Math.max(0, Math.min(1, (T - $.left) / $.width)), E = Math.round(v * 360);
@@ -13498,11 +13501,11 @@ const bu = ({ color: e, onColorChange: t, className: i }) => {
   ), g = (T) => {
     T.preventDefault(), a(!0), y(T.clientX, T.clientY);
   }, D = (T) => {
-    T.preventDefault(), u(!0), w(T.clientX);
+    T.preventDefault(), u(!0), N(T.clientX);
   };
   U(() => {
     const T = (v) => {
-      n ? y(v.clientX, v.clientY) : l && w(v.clientX);
+      n ? y(v.clientX, v.clientY) : l && N(v.clientX);
     }, $ = () => {
       a(!1), u(!1);
     };
@@ -13510,10 +13513,10 @@ const bu = ({ color: e, onColorChange: t, className: i }) => {
       return document.addEventListener("mousemove", T), document.addEventListener("mouseup", $), () => {
         document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", $);
       };
-  }, [n, l, y, w]);
+  }, [n, l, y, N]);
   const C = {
     background: `linear-gradient(to top, #000 0%, transparent 50%, #fff 100%), linear-gradient(to right, hsl(${d}, 100%, 50%) 0%, transparent 100%)`
-  }, N = `linear-gradient(to right,
+  }, w = `linear-gradient(to right,
     hsl(0, 100%, 50%) 0%,
     hsl(60, 100%, 50%) 16.66%,
     hsl(120, 100%, 50%) 33.33%,
@@ -13547,7 +13550,7 @@ const bu = ({ color: e, onColorChange: t, className: i }) => {
       {
         ref: o,
         className: "ui-relative ui-h-16 ui-w-full ui-cursor-pointer ui-overflow-hidden ui-rounded-control-pill",
-        style: { background: N },
+        style: { background: w },
         onMouseDown: D,
         children: /* @__PURE__ */ s(
           "div",
@@ -13756,7 +13759,7 @@ const Nu = ({
     i(g), a(g), u("");
   }, y = (g) => {
     i(g), a(g), u("");
-  }, w = async () => {
+  }, N = async () => {
     const g = await c();
     if (g) {
       const D = Ye(g);
@@ -13790,7 +13793,7 @@ const Nu = ({
           size: "sm",
           color: "tertiary",
           theme: "solid",
-          onClick: w,
+          onClick: N,
           disabled: d,
           tooltip: d ? "Seleccionando color..." : "Seleccionar color de la pantalla",
           tooltipPosition: "top",
@@ -13832,11 +13835,11 @@ const Nu = ({
     const {
       isOpen: x,
       popupStyle: y,
-      isPositioned: w,
+      isPositioned: N,
       triggerRef: g,
       popupRef: D,
       containerRef: C,
-      togglePopup: N,
+      togglePopup: w,
       closePopup: k
     } = $n({
       position: h,
@@ -13871,17 +13874,17 @@ const Nu = ({
           et(R) && T(R);
         },
         open: () => {
-          f || N();
+          f || w();
         },
         close: () => {
           k();
         },
         isOpen: () => x
       }),
-      [S, f, T, N, k, x]
+      [S, f, T, w, k, x]
     );
     const A = (z) => {
-      f || (z.stopPropagation(), N());
+      f || (z.stopPropagation(), w());
     }, j = (z) => {
       const R = Ye(z);
       et(R) ? (T(R), E(R)) : (z === "" || z === "#") && T(z);
@@ -13891,12 +13894,12 @@ const Nu = ({
       return et(z) ? z : S;
     }, [S]), _ = () => {
       if (!x) return null;
-      const z = u.absolute ? "absolute" : "fixed", R = w ? "visible" : "hidden", W = {
+      const z = u.absolute ? "absolute" : "fixed", R = N ? "visible" : "hidden", W = {
         position: z,
         top: u.absolute ? "auto" : "-9999px",
         left: u.absolute ? "auto" : "-9999px",
         visibility: R,
-        opacity: w ? 1 : 0,
+        opacity: N ? 1 : 0,
         transition: "opacity 0.1s ease-out",
         ...y
       }, Y = /* @__PURE__ */ s(
@@ -13977,17 +13980,17 @@ const ku = [
   U(() => {
     e > t && t > 0 && l(t);
   }, [e, t, l]);
-  const b = (N) => {
-    N >= 1 && N <= t && l(N);
+  const b = (w) => {
+    w >= 1 && w <= t && l(w);
   }, [p, x] = V(i);
   U(() => {
     x(i);
   }, [i]);
-  const y = Math.min(e * (i || 0), r || 0) || 0, w = te(() => !a || a.length === 0 ? 5 : Math.min(...a.map((N) => Number(N.id) || 5)), [a]), D = (() => {
-    const N = Math.min(Math.max(e, 1), Math.max(t - d + 1, 1)), k = Math.min(N + d - 1, t);
-    return Array.from({ length: k - N + 1 }, (S, T) => N + T);
-  })(), C = (N) => {
-    x(N), u(N), b(1);
+  const y = Math.min(e * (i || 0), r || 0) || 0, N = te(() => !a || a.length === 0 ? 5 : Math.min(...a.map((w) => Number(w.id) || 5)), [a]), D = (() => {
+    const w = Math.min(Math.max(e, 1), Math.max(t - d + 1, 1)), k = Math.min(w + d - 1, t);
+    return Array.from({ length: k - w + 1 }, (S, T) => w + T);
+  })(), C = (w) => {
+    x(w), u(w), b(1);
   };
   return /* @__PURE__ */ s(
     "div",
@@ -14046,23 +14049,23 @@ const ku = [
                   tooltipProps: { label: "Primera página", position: "top-left" }
                 }
               ),
-              D.map((N) => /* @__PURE__ */ s(
+              D.map((w) => /* @__PURE__ */ s(
                 me,
                 {
                   square: !0,
-                  onClick: () => b(N),
-                  whiteBackground: e === N,
+                  onClick: () => b(w),
+                  whiteBackground: e === w,
                   size: "xs",
                   theme: "solid",
                   pill: "pill",
                   color: "secondary",
                   disabled: t === 1,
-                  active: e === N,
-                  "aria-label": `Ir a la página ${N}`,
-                  "aria-current": e === N ? "page" : void 0,
-                  children: N
+                  active: e === w,
+                  "aria-label": `Ir a la página ${w}`,
+                  "aria-current": e === w ? "page" : void 0,
+                  children: w
                 },
-                N
+                w
               )),
               /* @__PURE__ */ s(
                 me,
@@ -14095,7 +14098,7 @@ const ku = [
             ]
           }
         ) : /* @__PURE__ */ s("div", {}),
-        /* @__PURE__ */ s("div", { className: "ui-flex ui-w-fit ui-items-center ui-justify-center md:ui-justify-end", children: f && r && r > w && /* @__PURE__ */ P(ze, { children: [
+        /* @__PURE__ */ s("div", { className: "ui-flex ui-w-fit ui-items-center ui-justify-center md:ui-justify-end", children: f && r && r > N && /* @__PURE__ */ P(ze, { children: [
           /* @__PURE__ */ s(
             "label",
             {
@@ -14113,7 +14116,7 @@ const ku = [
               value: p,
               idName: "id",
               className: "ui-min-w-[68px]",
-              onValueChange: (N) => C(Number(N))
+              onValueChange: (w) => C(Number(w))
             }
           )
         ] }) })
@@ -14329,7 +14332,7 @@ const ku = [
     u(!1);
   }, []), y = L(() => {
     i || d(!0);
-  }, [i]), w = L(() => {
+  }, [i]), N = L(() => {
     d(!1), u(!1);
   }, []), g = L(
     (D) => {
@@ -14353,7 +14356,7 @@ const ku = [
       handleMouseDown: p,
       handleMouseUp: x,
       handleMouseEnter: y,
-      handleMouseLeave: w,
+      handleMouseLeave: N,
       handleClick: g
     }
   };
@@ -14765,7 +14768,7 @@ const ku = [
     currentStep: u,
     onClickStep: m,
     onStepChange: d
-  }), w = p(t || "blue"), g = f ? [
+  }), N = p(t || "blue"), g = f ? [
     "ui-flex",
     "ui-flex-col",
     "ui-items-start",
@@ -14780,14 +14783,14 @@ const ku = [
     c && "ui-overflow-x-auto ui-overflow-y-hidden"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ s("div", { className: I("ui-imj", g, Qu({ color: t, size: i, className: r })), children: e.map((D, C) => {
-    const N = y(C), k = C === e.length - 1;
+    const w = y(C), k = C === e.length - 1;
     return /* @__PURE__ */ s(
       Ku,
       {
         step: D,
         stepIndex: C,
-        status: N,
-        colorClasses: w,
+        status: w,
+        colorClasses: N,
         isLast: k,
         onStepClick: x,
         classNameStep: o,
@@ -15079,8 +15082,8 @@ const It = [
   U(() => {
     const g = h.current;
     if (!g) return;
-    const D = () => f(!0), C = (N) => {
-      g.contains(N.relatedTarget) || f(!1);
+    const D = () => f(!0), C = (w) => {
+      g.contains(w.relatedTarget) || f(!1);
     };
     return g.addEventListener("focusin", D), g.addEventListener("focusout", C), () => {
       g.removeEventListener("focusin", D), g.removeEventListener("focusout", C);
@@ -15097,7 +15100,7 @@ const It = [
   ).map((g) => ({
     value: g.value,
     label: g.label
-  })), y = It.find((g) => g.value === n), w = (g) => {
+  })), y = It.find((g) => g.value === n), N = (g) => {
     if (Array.isArray(g) && t.options) {
       const D = t.options.filter((C) => g.includes(C.value));
       p(D);
@@ -15128,7 +15131,7 @@ const It = [
       return `${D} ${g}`;
     if (n === "in") {
       if (b.length > 0) {
-        const C = b.map((N) => `"${N.label}"`).join(", ");
+        const C = b.map((w) => `"${w.label}"`).join(", ");
         return `${D} ${g} [${C}]`;
       }
       return null;
@@ -15186,7 +15189,7 @@ const It = [
             placeholder: "Selecciona opciones...",
             options: t.options,
             value: b.map((g) => g.value),
-            onValueChange: w,
+            onValueChange: N,
             valueName: "label",
             idName: "value",
             size: "xs",
@@ -15207,8 +15210,8 @@ const It = [
               })() : null,
               onDateChange: (g) => {
                 if (g) {
-                  const D = g.getFullYear(), C = String(g.getMonth() + 1).padStart(2, "0"), N = String(g.getDate()).padStart(2, "0");
-                  u(`${D}-${C}-${N}`);
+                  const D = g.getFullYear(), C = String(g.getMonth() + 1).padStart(2, "0"), w = String(g.getDate()).padStart(2, "0");
+                  u(`${D}-${C}-${w}`);
                 } else
                   u("");
               },
@@ -15224,8 +15227,8 @@ const It = [
               })() : null,
               onDateChange: (g) => {
                 if (g) {
-                  const D = g.getFullYear(), C = String(g.getMonth() + 1).padStart(2, "0"), N = String(g.getDate()).padStart(2, "0");
-                  d(`${D}-${C}-${N}`);
+                  const D = g.getFullYear(), C = String(g.getMonth() + 1).padStart(2, "0"), w = String(g.getDate()).padStart(2, "0");
+                  d(`${D}-${C}-${w}`);
                 } else
                   d("");
               },
@@ -15362,7 +15365,7 @@ const It = [
         return v ? v.requiresValue ? $.operator === "in" ? Array.isArray($.value) && $.value.length > 0 : v.requiresSecondValue ? $.value && $.value.toString().trim() !== "" && $.value2 && $.value2.toString().trim() !== "" : $.value && $.value.toString().trim() !== "" : !0 : !1;
       });
       r(S), u(!1), (T = a.current) == null || T.close();
-    }, [m, r]), w = L(() => {
+    }, [m, r]), N = L(() => {
       d([]);
     }, []), g = L(() => {
       if (!c) return;
@@ -15390,7 +15393,7 @@ const It = [
       []
     ), C = L((S) => {
       d((T) => T.filter(($) => $.id !== S));
-    }, []), N = L(
+    }, []), w = L(
       (S, T) => {
         d(
           ($) => $.map((v) => v.id === S ? { ...v, logicOperator: T } : v)
@@ -15499,7 +15502,7 @@ const It = [
                   sc,
                   {
                     value: S.logicOperator || "and",
-                    onChange: (E) => N(S.id, E)
+                    onChange: (E) => w(S.id, E)
                   }
                 )
               ] }, S.id);
@@ -15514,7 +15517,7 @@ const It = [
                 color: "secondary",
                 size: "xs",
                 iconProps: { icon: hs },
-                onClick: w,
+                onClick: N,
                 pill: "pill",
                 tooltipProps: { label: "Limpiar filtros", position: "top-left" }
               }
@@ -15561,11 +15564,11 @@ const ac = ({
   columns: p = [],
   rows: x = [],
   filters: y = [],
-  onColumnConfig: w,
+  onColumnConfig: N,
   onColumnVisibilityChange: g,
   onMultipleColumnVisibilityChange: D,
   onColumnReorder: C,
-  onFiltersApply: N,
+  onFiltersApply: w,
   className: k
 }) => {
   const [S, T] = V(""), [$, v] = V([]), [E, M] = V([]), [A, j] = V(!1), H = Q(null), _ = Q(null);
@@ -15658,9 +15661,9 @@ const ac = ({
     const G = y.filter(
       (q) => !(q.columnId === F.columnId && q.operator === F.operator && q.value === F.value)
     );
-    N == null || N(G);
+    w == null || w(G);
   }, se = () => {
-    N == null || N([]), T(""), d == null || d("");
+    w == null || w([]), T(""), d == null || d("");
   }, he = () => {
     T(""), d == null || d("");
   }, xe = y.length > 0 || S.trim().length > 0, oe = y.length + (S.trim().length > 0 ? 1 : 0);
@@ -15756,7 +15759,7 @@ const ac = ({
                   rows: x,
                   filters: y,
                   onFiltersApply: (F) => {
-                    N == null || N(F);
+                    w == null || w(F);
                   }
                 }
               ),
@@ -15909,9 +15912,9 @@ const Hn = qe(
     const m = it(r, I("", o), i.locked, l, void 0, u), d = rt(i, a), c = gt(i.contentAlign), f = I(
       "ui-flex ui-items-center ui-gap-8 ui-min-w-max ui-h-full",
       c
-    ), h = r === "selected" && !u ? "ui-text-brand-selected" : "ui-text-primary", b = r === "selected" && !u ? "ui-text-brand-selected" : "ui-text-primary", x = typeof e == "object" && e !== null && !Array.isArray(e) ? e : null, y = t && typeof t == "object" && "avatar" in t ? t : null, w = (x == null ? void 0 : x.avatar) ?? (y == null ? void 0 : y.avatar), g = (x == null ? void 0 : x.name) ?? e, D = (x == null ? void 0 : x.subtitle) ?? (y == null ? void 0 : y.subtitle);
+    ), h = r === "selected" && !u ? "ui-text-brand-selected" : "ui-text-primary", b = r === "selected" && !u ? "ui-text-brand-selected" : "ui-text-primary", x = typeof e == "object" && e !== null && !Array.isArray(e) ? e : null, y = t && typeof t == "object" && "avatar" in t ? t : null, N = (x == null ? void 0 : x.avatar) ?? (y == null ? void 0 : y.avatar), g = (x == null ? void 0 : x.name) ?? e, D = (x == null ? void 0 : x.subtitle) ?? (y == null ? void 0 : y.subtitle);
     return /* @__PURE__ */ s("td", { className: m, ...d, onClick: (C) => Ue(C, n), children: /* @__PURE__ */ P("div", { className: f, children: [
-      w && /* @__PURE__ */ s(St, { type: "people", size: "sm", src: w }),
+      N && /* @__PURE__ */ s(St, { type: "people", size: "sm", src: N }),
       /* @__PURE__ */ P("div", { className: "ui-flex ui-flex-col ui-justify-center", children: [
         /* @__PURE__ */ s(
           "span",
@@ -15954,9 +15957,9 @@ const Yn = qe(
     const u = it(i, r, t.locked, a, void 0, l), m = rt(t, n), d = e && typeof e == "object" && "text" in e && "type" in e, c = d ? e.text : String(e || ""), h = (() => {
       if (d)
         return e.type;
-      const w = t.statusMap;
-      if (w && c in w)
-        return w[c];
+      const N = t.statusMap;
+      if (N && c in N)
+        return N[c];
       const g = c.toLowerCase();
       return g.includes("disponible") || g.includes("success") || g.includes("active") || g.includes("activo") || g.includes("enabled") ? "success" : g.includes("ocupado") || g.includes("warning") || g.includes("pendiente") ? "warning" : g.includes("error") || g.includes("danger") || g.includes("rechazado") ? "danger" : "gray";
     })(), b = i === "selected", p = {
@@ -16001,7 +16004,7 @@ const Yn = qe(
         }
       }
     }, x = b ? p[h].selected : p[h].default, y = gt(t.contentAlign);
-    return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (w) => Ue(w, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", y), children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (N) => Ue(N, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", y), children: /* @__PURE__ */ s(
       "div",
       {
         className: I(
@@ -16064,16 +16067,16 @@ const lc = {
     let b = [];
     if (h) {
       const p = e, x = [];
-      Object.entries(lc).forEach(([w, g]) => {
-        const D = w, C = p[D];
+      Object.entries(lc).forEach(([N, g]) => {
+        const D = N, C = p[D];
         if (C && typeof C == "function") {
-          const N = `${D}Disabled`;
+          const w = `${D}Disabled`;
           x.push({
             type: D,
             icon: g.icon,
             tooltip: g.tooltip,
             onClick: C,
-            disabled: p[N]
+            disabled: p[w]
           });
         }
       });
@@ -16143,12 +16146,12 @@ const uc = ({
           },
           b
         );
-      const w = dc(y).slice(0, 3);
+      const N = dc(y).slice(0, 3);
       return /* @__PURE__ */ s(
         St,
         {
           type: "letter",
-          text: w,
+          text: N,
           size: Fr,
           className: "ui-flex-shrink-0 ui-border ui-border-default"
         },
@@ -16171,7 +16174,7 @@ const uc = ({
   isLastLocked: l = !1,
   isRowEditing: u
 }) => {
-  const [m, d] = V(e), [c, f] = V(""), h = Q(e), b = Q(!1), p = i === "selected" && t.editable && t.editable !== "none", x = it(i, o, t.locked, l, p, u), y = rt(t, a), w = gt(t.contentAlign), g = ($) => {
+  const [m, d] = V(e), [c, f] = V(""), h = Q(e), b = Q(!1), p = i === "selected" && t.editable && t.editable !== "none", x = it(i, o, t.locked, l, p, u), y = rt(t, a), N = gt(t.contentAlign), g = ($) => {
     const v = t.type;
     return (v === "number" || v === "numeric") && $ !== "" && $ !== "-" && $ !== "+" && $ !== "." && !/^-?\d*\.?\d*$/.test($) ? "Debe ser un número válido" : "";
   };
@@ -16211,17 +16214,17 @@ const uc = ({
       }
       f("");
     }
-  }, N = ($) => {
+  }, w = ($) => {
     const v = g($);
     f(v), d($), v || (b.current = !0);
   }, k = () => {
     b.current && m !== h.current && (r == null || r(m), h.current = m), b.current = !1;
   }, T = c !== "";
-  return /* @__PURE__ */ s("td", { className: x, ...y, onClick: ($) => Ue($, n), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", w), children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("td", { className: x, ...y, onClick: ($) => Ue($, n), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", N), children: /* @__PURE__ */ s(
     tt,
     {
       value: m ? String(m) : "",
-      onValueChange: N,
+      onValueChange: w,
       onFocus: D,
       onBlur: k,
       onKeyDown: C,
@@ -16290,7 +16293,7 @@ const uc = ({
   isRowEditing: l
 }) => {
   const u = it(i, r, t.locked, a, void 0, l), m = rt(t, n), d = gt(t.contentAlign), f = e && typeof e == "object" && !Array.isArray(e) ? e : null, h = (f == null ? void 0 : f.value) ?? (typeof e == "number" ? e : 0), b = f == null ? void 0 : f.label, p = typeof h == "number" ? Math.min(Math.max(h, 0), 100) : 0, x = i === "selected", y = x && !l ? "ui-text-brand-selected" : "ui-text-secondary";
-  return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (w) => Ue(w, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", d), children: /* @__PURE__ */ P("div", { className: "ui-flex ui-items-center ui-gap-2 ui-w-full", children: [
+  return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (N) => Ue(N, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", d), children: /* @__PURE__ */ P("div", { className: "ui-flex ui-items-center ui-gap-2 ui-w-full", children: [
     /* @__PURE__ */ s(
       gi,
       {
@@ -16360,14 +16363,14 @@ const uc = ({
       const y = bc(t.id);
       return yc(b, y);
     }, [t.id, h, b]), x = gt(t.contentAlign);
-    return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (y) => Ue(y, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", x), children: /* @__PURE__ */ s("div", { className: "ui-flex ui-items-center ui-gap-1", children: d.map((y, w) => {
+    return /* @__PURE__ */ s("td", { className: u, ...m, onClick: (y) => Ue(y, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", x), children: /* @__PURE__ */ s("div", { className: "ui-flex ui-items-center ui-gap-1", children: d.map((y, N) => {
       const g = typeof y == "object" && y !== null ? {
         label: y[c] || y.label || String(y),
         color: y[f] || y.color || "gray",
         avatar: y.avatar,
         onClose: y.onClose
       } : { label: String(y), color: "gray" };
-      return h && p.length > 0 && (g.color = p[w % p.length]), /* @__PURE__ */ s("div", { className: "ui-max-w-[200px] ui-flex-shrink-0", children: /* @__PURE__ */ s(
+      return h && p.length > 0 && (g.color = p[N % p.length]), /* @__PURE__ */ s("div", { className: "ui-max-w-[200px] ui-flex-shrink-0", children: /* @__PURE__ */ s(
         Gt,
         {
           label: g.label,
@@ -16375,7 +16378,7 @@ const uc = ({
           avatar: g.avatar,
           onClose: g.onClose
         }
-      ) }, w);
+      ) }, N);
     }) }) }) });
   }
 );
@@ -16438,8 +16441,8 @@ const bi = (e) => /* @__PURE__ */ s(Vt, { ...e }), xc = ({
       if (typeof C[0] == "string")
         p = [x(C[0])];
       else if ((D = C[0]) != null && D.src) {
-        const N = C[0];
-        N && (p = [N]);
+        const w = C[0];
+        w && (p = [w]);
       }
     } else typeof C == "string" && (p = [x(C)]);
   }
@@ -16643,10 +16646,10 @@ const bi = (e) => /* @__PURE__ */ s(Vt, { ...e }), xc = ({
     isRowEditing: d
   }) => {
     const c = it(i, r, t.locked, a, void 0, d), f = rt(t, n), h = t.dateFormat || l, b = t.locale || u, p = t.dateFallback || m, x = te(() => {
-      const w = Nc(e);
-      return w ? kc(w, h, b) : p;
+      const N = Nc(e);
+      return N ? kc(N, h, b) : p;
     }, [e, h, b, p]), y = gt(t.contentAlign);
-    return t.render ? /* @__PURE__ */ s("td", { className: c, ...f, onClick: (w) => Ue(w, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", y), children: t.render(e, null, t) }) }) : /* @__PURE__ */ s("td", { className: c, ...f, onClick: (w) => Ue(w, o), children: /* @__PURE__ */ s(
+    return t.render ? /* @__PURE__ */ s("td", { className: c, ...f, onClick: (N) => Ue(N, o), children: /* @__PURE__ */ s("div", { className: I("ui-flex ui-h-full ui-items-center", y), children: t.render(e, null, t) }) }) : /* @__PURE__ */ s("td", { className: c, ...f, onClick: (N) => Ue(N, o), children: /* @__PURE__ */ s(
       "div",
       {
         className: I("ui-flex ui-h-full ui-items-center ui-text-body-sm-regular", y),
@@ -16671,11 +16674,11 @@ const Cc = ({
   isActionsColumn: c = !1
 }) => {
   const f = (a == null ? void 0 : a(t.id, e.id)) || !1, h = t._isEditing === !0, b = f ? "focused" : o ? "selected" : "default", p = i && typeof i == "object" && !Array.isArray(i) && "type" in i && "value" in i, x = p ? i.value : i, y = p ? i.onChange : void 0;
-  let w = e.type, g = e, D = !1;
+  let N = e.type, g = e, D = !1;
   if (p) {
     const S = i;
-    w = S.type, g = { ...e, columnOptions: S.options }, D = !0;
-  } else e.editable && e.editable !== "none" && h && (w = e.editable, g = { ...e, columnOptions: e.columnOptions }, D = !0);
+    N = S.type, g = { ...e, columnOptions: S.options }, D = !0;
+  } else e.editable && e.editable !== "none" && h && (N = e.editable, g = { ...e, columnOptions: e.columnOptions }, D = !0);
   const C = (S) => {
     y == null || y(S), l == null || l(t.id, e.id, S);
   }, k = {
@@ -16692,7 +16695,7 @@ const Cc = ({
     isActionsColumn: c,
     isRowEditing: h
   };
-  switch (w) {
+  switch (N) {
     case "primary":
       return /* @__PURE__ */ s(Hn, { ...k });
     case "status":
@@ -16745,10 +16748,10 @@ const Cc = ({
   onLock: p,
   onResize: x,
   onResizeDoubleClick: y,
-  onResizeHover: w,
+  onResizeHover: N,
   className: g
 }) => {
-  const D = Q(null), [C, N] = V(!1), [k, S] = V(!1), [T, $] = V(!1), v = Q(0), E = Q(0), M = Q(0), A = Q(80), j = Q(null), H = Q(!1), _ = Q(x), z = Q(e.id), R = Q(!1), W = Q(), Y = Q();
+  const D = Q(null), [C, w] = V(!1), [k, S] = V(!1), [T, $] = V(!1), v = Q(0), E = Q(0), M = Q(0), A = Q(80), j = Q(null), H = Q(!1), _ = Q(x), z = Q(e.id), R = Q(!1), W = Q(), Y = Q();
   U(() => {
     _.current = x, z.current = e.id, R.current = k;
   }, [x, e.id, k]), U(() => {
@@ -16803,7 +16806,7 @@ const Cc = ({
   const O = (oe) => {
     var Se;
     if (oe.preventDefault(), oe.stopPropagation(), !D.current || !x) return;
-    N(!0), S(!1), R.current = !1, v.current = oe.clientX, E.current = oe.clientX;
+    w(!0), S(!1), R.current = !1, v.current = oe.clientX, E.current = oe.clientX;
     const F = typeof e.width == "number" ? e.width : D.current.offsetWidth;
     isNaN(F) || F <= 0 ? M.current = 150 : M.current = F;
     let G = 0;
@@ -16843,17 +16846,17 @@ const Cc = ({
     W.current = B;
   }, [B]);
   const K = L(() => {
-    N(!1), S(!1), R.current = !1, $(!1), w == null || w(!1), E.current = 0, j.current && (cancelAnimationFrame(j.current), j.current = null);
-  }, [w]);
+    w(!1), S(!1), R.current = !1, $(!1), N == null || N(!1), E.current = 0, j.current && (cancelAnimationFrame(j.current), j.current = null);
+  }, [N]);
   U(() => {
     Y.current = K;
   }, [K]);
   const ne = (oe) => {
     oe.preventDefault(), oe.stopPropagation(), y == null || y();
   }, se = () => {
-    $(!0), w == null || w(!0);
+    $(!0), N == null || N(!0);
   }, he = () => {
-    C || ($(!1), w == null || w(!1));
+    C || ($(!1), N == null || N(!1));
   };
   U(() => {
     if (C) {
@@ -17027,7 +17030,7 @@ const Cc = ({
   isCellFocused: h,
   onCellChange: b
 }) => {
-  const p = t.some((C) => C.locked), x = r.length > 0 ? r.includes(e.id) : i, y = e._isEditing === !0, w = I(
+  const p = t.some((C) => C.locked), x = r.length > 0 ? r.includes(e.id) : i, y = e._isEditing === !0, N = I(
     "ui-group ui-transition-colors ui-duration-150",
     (x || y) && "ui-bg-surface-brand-default",
     // row.expanded ya NO aplica fondo - solo se muestra seleccionado si está checkeado
@@ -17038,7 +17041,7 @@ const Cc = ({
     e.disabled || C.target.closest("button") || l == null || l(e);
   }, D = !e.isParent && "_isChild" in e && e._isChild;
   return /* @__PURE__ */ P(ze, { children: [
-    /* @__PURE__ */ P("tr", { className: w, onClick: g, "data-editing": y ? "true" : void 0, children: [
+    /* @__PURE__ */ P("tr", { className: N, onClick: g, "data-editing": y ? "true" : void 0, children: [
       u && /* @__PURE__ */ s(
         "td",
         {
@@ -17102,15 +17105,15 @@ const Cc = ({
         }
       ),
       (() => {
-        const C = t.filter((S) => S.visible !== !1), N = [
+        const C = t.filter((S) => S.visible !== !1), w = [
           ...C.filter((S) => S.locked),
           ...C.filter((S) => !S.locked)
-        ], k = N.filter((S) => S.locked);
-        return N.map((S, T) => {
+        ], k = w.filter((S) => S.locked);
+        return w.map((S, T) => {
           const $ = S.accessor ? typeof S.accessor == "function" ? S.accessor(e) : e[S.accessor] : void 0, v = S.render ? S.render($, e, S) : $, E = S.locked && k.length > 0 && k[k.length - 1].id === S.id, M = S.type === "actions";
           let A = (u ? 48 : 0) + (m ? 48 : 0);
           for (let H = 0; H < T; H++) {
-            const _ = N[H];
+            const _ = w[H];
             if (_.locked) {
               let z = 150;
               const R = document.querySelector(`th[data-column-id="${_.id}"]`);
@@ -17128,8 +17131,8 @@ const Cc = ({
           let j = 0;
           if (M && c) {
             let H = 0;
-            for (let _ = T + 1; _ < N.length; _++) {
-              const z = N[_];
+            for (let _ = T + 1; _ < w.length; _++) {
+              const z = w[_];
               if (z.type === "actions") {
                 let R = 120;
                 const W = document.querySelector(`th[data-column-id="${z.id}"]`);
@@ -17359,15 +17362,15 @@ const Cc = ({
   onResizeDoubleClick: x,
   onResizeHover: y
 }) => {
-  const w = Q(null), [g, D] = V({}), C = e.filter((S) => S.visible !== !1), N = [
+  const N = Q(null), [g, D] = V({}), C = e.filter((S) => S.visible !== !1), w = [
     ...C.filter((S) => S.locked),
     ...C.filter((S) => !S.locked)
   ], k = e.some((S) => S.locked);
   return U(() => {
-    if (!w.current || !k) return;
+    if (!N.current || !k) return;
     const T = setTimeout(() => {
       var M;
-      const $ = {}, v = (M = w.current) == null ? void 0 : M.querySelectorAll("th[data-column-id]");
+      const $ = {}, v = (M = N.current) == null ? void 0 : M.querySelectorAll("th[data-column-id]");
       v == null || v.forEach((A) => {
         const j = A.getAttribute("data-column-id");
         j && ($[j] = A.getBoundingClientRect().width);
@@ -17377,7 +17380,7 @@ const Cc = ({
   }, [e, k, g]), /* @__PURE__ */ s(
     "thead",
     {
-      ref: w,
+      ref: N,
       className: "ui-bg-fill",
       children: /* @__PURE__ */ P("tr", { children: [
         r && /* @__PURE__ */ s(
@@ -17420,13 +17423,13 @@ const Cc = ({
             }
           }
         ),
-        N.map((S, T) => {
-          const $ = (t == null ? void 0 : t.columnId) === S.id, v = i.some((z) => z.columnId === S.id), E = N.filter((z) => z.locked), M = S.locked && E.length > 0 && E[E.length - 1].id === S.id, A = S.type === "actions";
+        w.map((S, T) => {
+          const $ = (t == null ? void 0 : t.columnId) === S.id, v = i.some((z) => z.columnId === S.id), E = w.filter((z) => z.locked), M = S.locked && E.length > 0 && E[E.length - 1].id === S.id, A = S.type === "actions";
           let j = (r ? 48 : 0) + (o ? 48 : 0), H = 0;
           if (A && d) {
             let z = 0;
-            for (let R = T + 1; R < N.length; R++) {
-              const W = N[R];
+            for (let R = T + 1; R < w.length; R++) {
+              const W = w[R];
               if (W.type === "actions") {
                 const Y = g[W.id] || (typeof W.width == "number" ? W.width : typeof W.width == "string" && parseInt(W.width, 10) || 120);
                 z += Y;
@@ -17436,7 +17439,7 @@ const Cc = ({
           }
           const _ = [];
           for (let z = 0; z < T; z++) {
-            const R = N[z];
+            const R = w[z];
             if (R.locked) {
               let W = g[R.id] || 150;
               if (!g[R.id]) {
@@ -17556,8 +17559,8 @@ const Cc = ({
   isCellFocused: b,
   onCellChange: p
 }) => {
-  const x = t.filter((w) => w.visible !== !1), y = x.length + (a ? 1 : 0) + (l ? 1 : 0);
-  return i ? /* @__PURE__ */ s("tbody", { children: Array.from({ length: 10 }).map((w, g) => /* @__PURE__ */ s(
+  const x = t.filter((N) => N.visible !== !1), y = x.length + (a ? 1 : 0) + (l ? 1 : 0);
+  return i ? /* @__PURE__ */ s("tbody", { children: Array.from({ length: 10 }).map((N, g) => /* @__PURE__ */ s(
     Ec,
     {
       columns: x,
@@ -17565,12 +17568,12 @@ const Cc = ({
       showExpand: l
     },
     g
-  )) }) : e.length === 0 && r ? /* @__PURE__ */ s("tbody", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: y, className: "ui-p-0", children: /* @__PURE__ */ s(Xn, { ...r }) }) }) }) : /* @__PURE__ */ s("tbody", { children: e.map((w) => /* @__PURE__ */ s(
+  )) }) : e.length === 0 && r ? /* @__PURE__ */ s("tbody", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: y, className: "ui-p-0", children: /* @__PURE__ */ s(Xn, { ...r }) }) }) }) : /* @__PURE__ */ s("tbody", { children: e.map((N) => /* @__PURE__ */ s(
     Jn,
     {
-      row: w,
+      row: N,
       columns: t,
-      selected: o.includes(w.id),
+      selected: o.includes(N.id),
       selectedIds: o,
       expandable: n,
       showSelection: a,
@@ -17584,7 +17587,7 @@ const Cc = ({
       isCellFocused: b,
       onCellChange: p
     },
-    w.id
+    N.id
   )) });
 }, $c = ({
   columns: e,
@@ -17605,11 +17608,11 @@ const Cc = ({
   stickyActions: p = !0,
   className: x,
   selectedIds: y = [],
-  allSelected: w = !1,
+  allSelected: N = !1,
   someSelected: g = !1,
   onSelectAll: D,
   onRowSelect: C,
-  onSort: N,
+  onSort: w,
   onFilter: k,
   onLock: S,
   onResize: T,
@@ -17664,14 +17667,14 @@ const Cc = ({
               filters: a,
               showSelection: o == null ? void 0 : o.enabled,
               showExpand: l,
-              allSelected: w,
+              allSelected: N,
               someSelected: g,
               resizable: u,
               stickyHeader: h,
               stickyCheckbox: b,
               stickyActions: p,
               onSelectAll: D,
-              onSort: N,
+              onSort: w,
               onFilter: k,
               onLock: S,
               onResize: T,
@@ -18060,30 +18063,30 @@ const Cc = ({
   const a = e ? `${Uc}${e}` : null, l = L(() => ({
     version: Vr,
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-    columns: i.map((N, k) => ({
-      id: N.id,
+    columns: i.map((w, k) => ({
+      id: w.id,
       order: k,
-      visible: N.visible !== !1,
-      locked: N.locked || !1,
-      width: N.width
+      visible: w.visible !== !1,
+      locked: w.locked || !1,
+      width: w.width
     })),
     sort: r,
     filters: o
   }), [i, r, o]), u = L(() => {
     if (!a || !t) return null;
     try {
-      const N = localStorage.getItem(a);
-      if (!N) return null;
-      const k = JSON.parse(N);
+      const w = localStorage.getItem(a);
+      if (!w) return null;
+      const k = JSON.parse(w);
       return k.version !== Vr ? (process.env.NODE_ENV !== "production" && console.warn(`[useTableConfig] Config version mismatch, resetting config for ${e}`), null) : k;
-    } catch (N) {
-      return process.env.NODE_ENV !== "production" && console.error(`[useTableConfig] Error loading config for ${e}:`, N), null;
+    } catch (w) {
+      return process.env.NODE_ENV !== "production" && console.error(`[useTableConfig] Error loading config for ${e}:`, w), null;
     }
   }, [a, t, e]), m = L(
-    (N) => {
+    (w) => {
       if (!(!a || !t))
         try {
-          localStorage.setItem(a, JSON.stringify(N));
+          localStorage.setItem(a, JSON.stringify(w));
         } catch (k) {
           process.env.NODE_ENV !== "production" && console.error(`[useTableConfig] Error saving config for ${e}:`, k);
         }
@@ -18094,11 +18097,11 @@ const Cc = ({
     u() || c(l());
   }, [i.length]);
   const f = L(
-    (N, k) => {
+    (w, k) => {
       c((S) => {
         const T = {
           ...S,
-          ...N,
+          ...w,
           updatedAt: (/* @__PURE__ */ new Date()).toISOString()
         };
         return m(T), n == null || n(T, k), T;
@@ -18106,9 +18109,9 @@ const Cc = ({
     },
     [m, n]
   ), h = L(() => {
-    const N = new Map(i.map((T) => [T.id, T])), k = [], S = new Set(d.columns.map((T) => T.id));
+    const w = new Map(i.map((T) => [T.id, T])), k = [], S = new Set(d.columns.map((T) => T.id));
     return d.columns.sort((T, $) => T.order - $.order).forEach((T) => {
-      const $ = N.get(T.id);
+      const $ = w.get(T.id);
       $ && k.push({
         ...$,
         visible: T.visible,
@@ -18119,8 +18122,8 @@ const Cc = ({
       S.has(T.id) || k.push(T);
     }), k;
   }, [i, d.columns]), b = L(
-    (N) => {
-      const k = N.map((S, T) => {
+    (w) => {
+      const k = w.map((S, T) => {
         const $ = d.columns.find((v) => v.id === S.id);
         return {
           id: S.id,
@@ -18134,23 +18137,23 @@ const Cc = ({
     },
     [d.columns, f]
   ), p = L(
-    (N, k) => {
+    (w, k) => {
       const S = d.columns.map(
-        (T) => T.id === N ? { ...T, visible: k } : T
+        (T) => T.id === w ? { ...T, visible: k } : T
       );
       f({ columns: S }, "column-visibility");
     },
     [d.columns, f]
   ), x = L(
-    (N) => {
-      const k = new Map(N.map((T) => [T.columnId, T.visible])), S = d.columns.map((T) => k.has(T.id) ? { ...T, visible: k.get(T.id) } : T);
+    (w) => {
+      const k = new Map(w.map((T) => [T.columnId, T.visible])), S = d.columns.map((T) => k.has(T.id) ? { ...T, visible: k.get(T.id) } : T);
       f({ columns: S }, "column-visibility");
     },
     [d.columns, f]
   ), y = L(
-    (N, k) => {
+    (w, k) => {
       const S = d.columns.map(
-        (T) => T.id === N ? { ...T, locked: k } : T
+        (T) => T.id === w ? { ...T, locked: k } : T
       );
       if (k) {
         const T = S.filter((E) => E.locked), $ = S.filter((E) => !E.locked), v = [...T, ...$].map((E, M) => ({
@@ -18162,27 +18165,27 @@ const Cc = ({
         f({ columns: S }, "column-lock");
     },
     [d.columns, f]
-  ), w = L(
-    (N, k) => {
+  ), N = L(
+    (w, k) => {
       const S = d.columns.map(
-        (T) => T.id === N ? { ...T, width: k } : T
+        (T) => T.id === w ? { ...T, width: k } : T
       );
       f({ columns: S }, "column-resize");
     },
     [d.columns, f]
   ), g = L(
-    (N) => {
-      f({ sort: N }, "sort");
+    (w) => {
+      f({ sort: w }, "sort");
     },
     [f]
   ), D = L(
-    (N) => {
-      f({ filters: N }, "filter");
+    (w) => {
+      f({ filters: w }, "filter");
     },
     [f]
   ), C = L(() => {
-    const N = l();
-    c(N), a && t && localStorage.removeItem(a), n == null || n(N, "reset");
+    const w = l();
+    c(w), a && t && localStorage.removeItem(a), n == null || n(w, "reset");
   }, [l, a, t, n]);
   return {
     columns: h(),
@@ -18192,7 +18195,7 @@ const Cc = ({
     updateColumnVisibility: p,
     updateMultipleColumnVisibility: x,
     updateColumnLock: y,
-    updateColumnWidth: w,
+    updateColumnWidth: N,
     updateSort: g,
     updateFilters: D,
     resetConfig: C,
@@ -18354,11 +18357,11 @@ const Cc = ({
   dense: p = !1,
   stickyHeader: x = !0,
   stickyCheckbox: y = !0,
-  stickyActions: w = !0,
+  stickyActions: N = !0,
   showEditActions: g,
   configKey: D,
   persistConfig: C = !1,
-  onConfigChange: N,
+  onConfigChange: w,
   className: k,
   onSort: S,
   onFilter: T,
@@ -18379,7 +18382,7 @@ const Cc = ({
     initialColumns: e,
     initialSort: l,
     initialFilters: u,
-    onConfigChange: N
+    onConfigChange: w
   }), B = C && D ? O.columns : e, K = te(() => B.some((ee) => ee.editable && ee.editable !== "none"), [B]), ne = te(() => {
     if (g === !1 || !K)
       return B;
@@ -18633,7 +18636,7 @@ const Cc = ({
         dense: p,
         stickyHeader: x,
         stickyCheckbox: y,
-        stickyActions: w,
+        stickyActions: N,
         selectedIds: re,
         allSelected: ge,
         someSelected: fe,
@@ -19345,13 +19348,13 @@ function Uf(e = {}) {
     initialSortDirection: o = "asc",
     initialFilters: n = [],
     initialSearch: a = ""
-  } = e, [l, u] = V(t), [m, d] = V(i), [c, f] = V(r), [h, b] = V(o), [p, x] = V(n), [y, w] = V(a), g = L((E) => {
+  } = e, [l, u] = V(t), [m, d] = V(i), [c, f] = V(r), [h, b] = V(o), [p, x] = V(n), [y, N] = V(a), g = L((E) => {
     u(E);
   }, []), D = L((E) => {
     d(E), u(1);
   }, []), C = L((E, M = "asc") => {
     f(E), b(M), u(1);
-  }, []), N = L((E) => {
+  }, []), w = L((E) => {
     x(E), u(1);
   }, []), k = L((E) => {
     x((M) => [...M, E]), u(1);
@@ -19360,9 +19363,9 @@ function Uf(e = {}) {
   }, []), T = L(() => {
     x([]), u(1);
   }, []), $ = L((E) => {
-    w(E), u(1);
+    N(E), u(1);
   }, []), v = L(() => {
-    u(t), d(i), f(r), b(o), x(n), w(a);
+    u(t), d(i), f(r), b(o), x(n), N(a);
   }, [
     t,
     i,
@@ -19383,7 +19386,7 @@ function Uf(e = {}) {
     setPage: g,
     setPageSize: D,
     setSort: C,
-    setFilters: N,
+    setFilters: w,
     addFilter: k,
     removeFilter: S,
     clearFilters: T,
@@ -20347,7 +20350,7 @@ const n0 = () => {
     "ui-border-1 ui-border-default",
     // Posicionamiento para el portal (se aplicará en el contenedor del portal)
     o
-  ), w = I(
+  ), N = I(
     // Posicionamiento fijo en la parte inferior, centrado horizontalmente
     "ui-fixed ui-bottom-6 ui-left-1/2 ui--translate-x-1/2",
     // Z-index alto para estar sobre otros elementos (menor que el DatePicker que usa 1100)
@@ -20366,7 +20369,7 @@ const n0 = () => {
     u == null || u(), m ? l == null || l(null) : c(-1);
   }, C = (v, E) => {
     v.onChange && v.onChange(E);
-  }, N = () => /* @__PURE__ */ P("div", { className: y, children: [
+  }, w = () => /* @__PURE__ */ P("div", { className: y, children: [
     /* @__PURE__ */ s(
       Ie,
       {
@@ -20477,9 +20480,9 @@ const n0 = () => {
       /* @__PURE__ */ s(Qe, { vertical: !0, className: "ui-h-8 ui-border-on-color ui-opacity-30" }),
       /* @__PURE__ */ s(Ie, { color: "secondary", size: "xs", pill: "pill", icon: xt, onClick: r })
     ] })
-  ] }), T = (m ? a !== null && p !== null && x.length > 0 : d >= 0 && p !== null && x.length > 0) ? N() : k();
+  ] }), T = (m ? a !== null && p !== null && x.length > 0 : d >= 0 && p !== null && x.length > 0) ? w() : k();
   return f ? kt(
-    /* @__PURE__ */ s("div", { className: I("ui-imj", w), children: T }),
+    /* @__PURE__ */ s("div", { className: I("ui-imj", N), children: T }),
     document.body
   ) : null;
 }, wd = ({
@@ -20782,7 +20785,7 @@ const n0 = () => {
       maxHeight: `${a}px`,
       transition: `flex-basis ${l}ms ease-in-out, width ${l}ms ease-in-out`,
       backgroundColor: p
-    }, y = `${e.name}: ${e.percent}%`, w = () => {
+    }, y = `${e.name}: ${e.percent}%`, N = () => {
       f(!0), m == null || m(e, t);
     }, g = () => {
       f(!1), d == null || d(e, t);
@@ -20792,7 +20795,7 @@ const n0 = () => {
       {
         className: I("ui-relative ui-h-full ui-flex-shrink-0", b),
         style: x,
-        onMouseEnter: w,
+        onMouseEnter: N,
         onMouseLeave: g,
         role: "progressbar",
         "aria-valuenow": e.percent,
@@ -20915,13 +20918,13 @@ const No = qe(
         style: x,
         role: "list",
         "aria-label": "Lista con datos en hover",
-        children: c.map((y, w) => {
-          const g = f[w % f.length];
+        children: c.map((y, N) => {
+          const g = f[N % f.length];
           return /* @__PURE__ */ s(
             wo,
             {
               item: y,
-              index: w,
+              index: N,
               color: g,
               indicatorSize: h,
               gap: b,
@@ -20931,7 +20934,7 @@ const No = qe(
               onHover: m,
               onLeave: d
             },
-            `list-item-${w}-${y.name}`
+            `list-item-${N}-${y.name}`
           );
         })
       }
@@ -20954,10 +20957,10 @@ const Pd = qe(
     onSegmentHover: d,
     onSegmentLeave: c
   }) => {
-    const f = te(() => !Array.isArray(e) || e.length === 0 ? [] : e.filter((w) => w !== null && typeof w == "object").map((w) => ({
-      name: String(w.name ?? ""),
-      percent: Math.max(0, Math.min(100, Number(w.percent) || 0))
-    })).filter((w) => w.percent > 0), [e]), h = te(() => !Array.isArray(t) || t.length === 0 ? Cd : t.map((w) => Td(w)), [t]), b = te(() => f.reduce((w, g) => w + g.percent, 0), [f]), p = te(() => b === 0 ? f.map(() => 0) : b > 100 ? f.map((w) => w.percent / b * 100) : f.map((w) => w.percent), [f, b]), x = I(
+    const f = te(() => !Array.isArray(e) || e.length === 0 ? [] : e.filter((N) => N !== null && typeof N == "object").map((N) => ({
+      name: String(N.name ?? ""),
+      percent: Math.max(0, Math.min(100, Number(N.percent) || 0))
+    })).filter((N) => N.percent > 0), [e]), h = te(() => !Array.isArray(t) || t.length === 0 ? Cd : t.map((N) => Td(N)), [t]), b = te(() => f.reduce((N, g) => N + g.percent, 0), [f]), p = te(() => b === 0 ? f.map(() => 0) : b > 100 ? f.map((N) => N.percent / b * 100) : f.map((N) => N.percent), [f, b]), x = I(
       "ui-relative ui-w-full",
       m && "ui-opacity-50 ui-pointer-events-none",
       i
@@ -20990,12 +20993,12 @@ const Pd = qe(
           "aria-valuemin": 0,
           "aria-valuemax": 100,
           "aria-label": "Gráfica lineal de progreso",
-          children: f.map((w, g) => {
+          children: f.map((N, g) => {
             const D = h[g % h.length], C = p[g];
             return /* @__PURE__ */ s(
               vo,
               {
-                data: w,
+                data: N,
                 index: g,
                 width: C,
                 color: D,
@@ -21007,7 +21010,7 @@ const Pd = qe(
                 onHover: d,
                 onLeave: c
               },
-              `linear-graphic-segment-${g}-${w.name}`
+              `linear-graphic-segment-${g}-${N.name}`
             );
           })
         }