bonsaif-ui 0.1.48 → 0.1.50

package/dist/bonsaif-ui.js

@@ -1,5 +1,5 @@
 "use client";
-import je, { useRef as le, useState as A, useEffect as Q, createContext as Do, useLayoutEffect as Bo, useContext as Oo, isValidElement as cn, Children as Io, useMemo as at, useCallback as we, forwardRef as ga, cloneElement as Ro, useId as Ho, useSyncExternalStore as jo } from "react";
+import je, { useRef as le, useState as D, useEffect as Q, createContext as Do, useLayoutEffect as Bo, useContext as Oo, isValidElement as cn, Children as Io, useMemo as at, useCallback as we, forwardRef as ga, cloneElement as Ro, useId as Ho, useSyncExternalStore as jo } from "react";
 import { jsx as t, jsxs as l, Fragment as Re } from "react/jsx-runtime";
 import { HiMagnifyingGlass as xt, HiXMark as Ie, HiInformationCircle as rn, HiExclamationCircle as ya, HiExclamationTriangle as dn, HiCheckCircle as zo, HiChevronLeft as Tt, HiChevronDown as Xe, HiChevronRight as st, HiCalendarDays as nn, HiCheck as Ue, HiClipboardDocument as Fo, HiLink as wa, HiCog6Tooth as Sr, HiChevronUp as Yr, HiChevronUpDown as _o, HiFunnel as Po, HiEllipsisVertical as Wo, HiMinus as Na, HiTableCells as qo, HiDocumentText as ka, HiCommandLine as Uo, HiClock as qn, HiTrash as Ca, HiArrowDownTray as Ko, HiPencil as Vo, HiInbox as Sa, HiArrowUpTray as Yo, HiDocument as Go, HiH2 as Xo, HiH3 as Zo, HiArrowsPointingIn as Jo, HiArrowsPointingOut as Qo, HiArrowUturnLeft as el, HiArrowUturnRight as tl, HiListBullet as an, HiNumberedList as rl, HiArrowTurnUpLeft as nl, HiArrowTurnDownRight as al, HiBars3BottomLeft as ol, HiBars3CenterLeft as ll, HiBars3BottomRight as il, HiBars3 as Ea, HiLinkSlash as sl, HiPhoto as cl, HiOutlinePaintBrush as dl, HiNoSymbol as ul, HiLockClosed as ml, HiHome as Er, HiArrowRightOnRectangle as bl, HiShieldCheck as Gr, HiBriefcase as fl, HiUsers as Un, HiBell as pl, HiUser as hl, HiClipboardDocumentList as vl, HiBuildingOffice2 as xl, HiRectangleGroup as gl, HiTicket as yl, HiChartBar as wl } from "react-icons/hi2";
 import { createPortal as Ze } from "react-dom";
@@ -41,7 +41,7 @@ function El({
   size: m = "default",
   inputTabIndex: f
 }) {
-  const p = le(null), [h, x] = A(!1), v = c || h || e.trim().length > 0, L = m === "sm" ? "h-9 rounded-md" : "h-10 rounded-lg", S = a || "w-48 max-w-full sm:w-64 lg:w-72";
+  const p = le(null), [h, x] = D(!1), v = c || h || e.trim().length > 0, L = m === "sm" ? "h-9 rounded-md" : "h-10 rounded-lg", S = a || "w-48 max-w-full sm:w-64 lg:w-72";
   Q(() => {
     var k;
     i && ((k = p.current) == null || k.focus());
@@ -160,40 +160,40 @@ function Ut({
   tooltipStyle: h,
   as: x = "div"
 }) {
-  const v = le(null), L = le(null), S = le(null), w = le(!1), [k, O] = A(null), [ee, z] = A("");
+  const v = le(null), L = le(null), S = le(null), w = le(!1), [k, O] = D(null), [ee, z] = D("");
   Q(() => {
     const E = v.current;
-    E && (E.querySelectorAll("[title]").forEach((R) => {
-      const U = R.getAttribute("title");
-      U && (R.getAttribute("aria-label") || R.setAttribute("aria-label", U), R.removeAttribute("title"));
-    }), E.querySelectorAll("svg title").forEach((R) => R.remove()));
+    E && (E.querySelectorAll("[title]").forEach((H) => {
+      const U = H.getAttribute("title");
+      U && (H.getAttribute("aria-label") || H.setAttribute("aria-label", U), H.removeAttribute("title"));
+    }), E.querySelectorAll("svg title").forEach((H) => H.remove()));
   }), Bo(() => {
     if (!k) return;
     const E = L.current;
     if (!E) return;
-    const R = 12, U = 14, _ = E.getBoundingClientRect(), oe = window.innerWidth - _.width - R, W = window.innerHeight - _.height - R;
-    let s = k.mouseX + U, y = k.mouseY + U, D, j;
+    const H = 12, U = 14, _ = E.getBoundingClientRect(), oe = window.innerWidth - _.width - H, W = window.innerHeight - _.height - H;
+    let s = k.mouseX + U, g = k.mouseY + U, T, j;
     if (!i && v.current) {
       const B = v.current.getBoundingClientRect(), ne = B.left + B.width / 2, ce = B.top + B.height / 2;
-      c === "top" ? (s = ne - _.width / 2, y = B.top - _.height - U, j = _.height - 1) : c === "left" ? (s = B.left - _.width - U, y = ce - _.height / 2, D = _.width - 1) : c === "right" ? (s = B.right + U, y = ce - _.height / 2, D = -7) : (s = ne - _.width / 2, y = B.bottom + U, j = -7);
+      c === "top" ? (s = ne - _.width / 2, g = B.top - _.height - U, j = _.height - 1) : c === "left" ? (s = B.left - _.width - U, g = ce - _.height / 2, T = _.width - 1) : c === "right" ? (s = B.right + U, g = ce - _.height / 2, T = -7) : (s = ne - _.width / 2, g = B.bottom + U, j = -7);
     }
-    if (i && (s > oe && (s = k.mouseX - _.width - U), y > W && (y = k.mouseY - _.height - U)), s = Math.min(Math.max(R, s), Math.max(R, oe)), y = Math.min(Math.max(R, y), Math.max(R, W)), !i && v.current) {
+    if (i && (s > oe && (s = k.mouseX - _.width - U), g > W && (g = k.mouseY - _.height - U)), s = Math.min(Math.max(H, s), Math.max(H, oe)), g = Math.min(Math.max(H, g), Math.max(H, W)), !i && v.current) {
       const B = v.current.getBoundingClientRect(), ne = B.left + B.width / 2, ce = B.top + B.height / 2;
-      c === "top" || c === "bottom" ? D = Math.min(Math.max(14, ne - s), _.width - 14) : j = Math.min(Math.max(14, ce - y), _.height - 14);
+      c === "top" || c === "bottom" ? T = Math.min(Math.max(14, ne - s), _.width - 14) : j = Math.min(Math.max(14, ce - g), _.height - 14);
     }
-    (Math.abs(s - k.x) > 0.5 || Math.abs(y - k.y) > 0.5 || D !== k.arrowX || j !== k.arrowY) && O(
+    (Math.abs(s - k.x) > 0.5 || Math.abs(g - k.y) > 0.5 || T !== k.arrowX || j !== k.arrowY) && O(
       (B) => B && {
         ...B,
         x: s,
-        y,
-        arrowX: D,
+        y: g,
+        arrowX: T,
         arrowY: j
       }
     );
   }, [i, c, k]);
   const Y = () => {
     S.current && (window.clearTimeout(S.current), S.current = null);
-  }, T = (E, R) => {
+  }, M = (E, H) => {
     if (!$l() || w.current) return;
     const U = v.current;
     if (U && !hr(U)) {
@@ -202,13 +202,13 @@ function Ut({
         if (!_) return;
         z(_);
       }
-      !n && !r || O({ mouseX: E, mouseY: R, x: E + 14, y: R + 14 });
+      !n && !r || O({ mouseX: E, mouseY: H, x: E + 14, y: H + 14 });
     }
   }, q = () => {
     const E = v.current;
     if (!E) return;
-    const R = E.getBoundingClientRect();
-    T(R.left + R.width / 2, R.bottom);
+    const H = E.getBoundingClientRect();
+    M(H.left + H.width / 2, H.bottom);
   }, Z = () => {
     Y(), O(null);
   }, te = () => {
@@ -228,10 +228,10 @@ function Ut({
       O(null);
       return;
     }
-    const E = () => O(null), R = () => {
+    const E = () => O(null), H = () => {
       pr(), w.current = !0, O(null);
     };
-    document.addEventListener("pointerdown", R, !0), document.addEventListener("click", R, !0), document.addEventListener("scroll", E, !0), window.addEventListener("blur", E), document.addEventListener("visibilitychange", E), document.addEventListener("keydown", E, !0);
+    document.addEventListener("pointerdown", H, !0), document.addEventListener("click", H, !0), document.addEventListener("scroll", E, !0), window.addEventListener("blur", E), document.addEventListener("visibilitychange", E), document.addEventListener("keydown", E, !0);
     const U = new MutationObserver(() => {
       hr(v.current) && O(null);
     });
@@ -241,16 +241,16 @@ function Ut({
       attributes: !0,
       attributeFilter: ["role", "aria-modal", "aria-hidden", "class"]
     }), () => {
-      document.removeEventListener("pointerdown", R, !0), document.removeEventListener("click", R, !0), document.removeEventListener("scroll", E, !0), window.removeEventListener("blur", E), document.removeEventListener("visibilitychange", E), document.removeEventListener("keydown", E, !0), U.disconnect();
+      document.removeEventListener("pointerdown", H, !0), document.removeEventListener("click", H, !0), document.removeEventListener("scroll", E, !0), window.removeEventListener("blur", E), document.removeEventListener("visibilitychange", E), document.removeEventListener("keydown", E, !0), U.disconnect();
     };
   }, [k]), Q(() => {
-    const E = () => pr(), R = () => {
+    const E = () => pr(), H = () => {
       pr(), w.current = !0, O(null);
     };
-    return document.addEventListener("pointerdown", E, !0), document.addEventListener("click", E, !0), document.addEventListener("keydown", E, !0), window.addEventListener(Yn, R), () => {
+    return document.addEventListener("pointerdown", E, !0), document.addEventListener("click", E, !0), document.addEventListener("keydown", E, !0), window.addEventListener(Yn, H), () => {
       document.removeEventListener("pointerdown", E, !0), document.removeEventListener("click", E, !0), document.removeEventListener("keydown", E, !0), window.removeEventListener(
         Yn,
-        R
+        H
       );
     };
   }, []);
@@ -265,10 +265,10 @@ function Ut({
         className: m,
         style: p,
         onMouseEnter: (E) => {
-          Y(), X(), i ? T(E.clientX, E.clientY) : q();
+          Y(), X(), i ? M(E.clientX, E.clientY) : q();
         },
         onMouseMove: (E) => {
-          k && i && T(E.clientX, E.clientY);
+          k && i && M(E.clientX, E.clientY);
         },
         onMouseDown: P,
         onClick: P,
@@ -385,7 +385,7 @@ function Be({
   style: x,
   ...v
 }) {
-  const L = Oo($a), S = c ?? L.iconOnly ?? e === "icon", w = L.compact ?? !1, k = L.headerAction ?? !1, O = k && r === "md" ? "sm" : w && !k && r === "md" ? "xs" : r, ee = e === "icon" || S, z = k && ee, Y = on(f), T = i ?? v.title ?? v["aria-label"] ?? (S ? Y : void 0), q = T ? void 0 : v.title, Z = v["aria-label"] ?? (typeof T == "string" ? T : Y || void 0), te = n ? null : a ?? (S ? Il(f) : null), P = /* @__PURE__ */ l(
+  const L = Oo($a), S = c ?? L.iconOnly ?? e === "icon", w = L.compact ?? !1, k = L.headerAction ?? !1, O = k && r === "md" ? "sm" : w && !k && r === "md" ? "xs" : r, ee = e === "icon" || S, z = k && ee, Y = on(f), M = i ?? v.title ?? v["aria-label"] ?? (S ? Y : void 0), q = M ? void 0 : v.title, Z = v["aria-label"] ?? (typeof M == "string" ? M : Y || void 0), te = n ? null : a ?? (S ? Il(f) : null), P = /* @__PURE__ */ l(
     "button",
     {
       ...v,
@@ -420,11 +420,11 @@ function Be({
       ]
     }
   );
-  return T ? /* @__PURE__ */ t(
+  return M ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
-      content: T,
+      content: M,
       className: "inline-flex shrink-0",
       children: P
     }
@@ -580,7 +580,7 @@ function Ks({
   renderTabLabel: ee,
   searchableTabs: z = "auto",
   tabsSearchThreshold: Y = 6,
-  tabsSearchPlaceholder: T = "Buscar modulo...",
+  tabsSearchPlaceholder: M = "Buscar modulo...",
   tabsSearchValue: q,
   onTabsSearchChange: Z,
   emptySearchState: te,
@@ -588,7 +588,7 @@ function Ks({
   className: X = "",
   parentClassName: J = "",
   contentClassName: E = "",
-  tabsClassName: R = ""
+  tabsClassName: H = ""
 }) {
   var qe;
   const U = at(
@@ -598,27 +598,27 @@ function Ks({
     [x, i, c]
   ), _ = (qe = U.find(
     (ae) => !ae.disabled
-  )) == null ? void 0 : qe.service, [oe, W] = A(
+  )) == null ? void 0 : qe.service, [oe, W] = D(
     p ?? _ ?? ""
-  ), [s, y] = A({}), [D, j] = A({}), [B, ne] = A(""), [ce, pe] = A(!1), $ = le(D), ie = le(0), I = q ?? B, M = Xn(I), G = z === !0 || z === "auto" && U.length >= Y, V = G && I.trim().length > 0, re = at(() => M ? U.filter(
-    (ae) => Xn(zl(ae)).includes(M)
-  ) : U, [M, U]), me = f ?? oe, se = U.find((ae) => ae.service === me) ?? U.find((ae) => !ae.disabled);
+  ), [s, g] = D({}), [T, j] = D({}), [B, ne] = D(""), [ce, pe] = D(!1), $ = le(T), ie = le(0), R = q ?? B, A = Xn(R), G = z === !0 || z === "auto" && U.length >= Y, V = G && R.trim().length > 0, re = at(() => A ? U.filter(
+    (ae) => Xn(zl(ae)).includes(A)
+  ) : U, [A, U]), me = f ?? oe, se = U.find((ae) => ae.service === me) ?? U.find((ae) => !ae.disabled);
   Q(() => {
     !se && _ && W(_);
   }, [_, se]), Q(() => {
-    $.current = D;
-  }, [D]);
-  const g = (ae) => {
+    $.current = T;
+  }, [T]);
+  const y = (ae) => {
     ae.disabled || (f || W(ae.service), h == null || h(ae.service, ae));
-  }, H = (ae) => {
+  }, I = (ae) => {
     q === void 0 && ne(ae), Z == null || Z(ae);
   }, ue = (ae, Me) => {
     const Te = re.filter((De) => !De.disabled), _e = Te.findIndex(
       (De) => De.service === Me.service
     );
-    _e < 0 || ((ae.key === "ArrowRight" || ae.key === "ArrowDown") && (ae.preventDefault(), g(Te[(_e + 1) % Te.length])), (ae.key === "ArrowLeft" || ae.key === "ArrowUp") && (ae.preventDefault(), g(
+    _e < 0 || ((ae.key === "ArrowRight" || ae.key === "ArrowDown") && (ae.preventDefault(), y(Te[(_e + 1) % Te.length])), (ae.key === "ArrowLeft" || ae.key === "ArrowUp") && (ae.preventDefault(), y(
       Te[(_e - 1 + Te.length) % Te.length]
-    )), ae.key === "Home" && (ae.preventDefault(), g(Te[0])), ae.key === "End" && (ae.preventDefault(), g(Te[Te.length - 1])));
+    )), ae.key === "Home" && (ae.preventDefault(), y(Te[0])), ae.key === "End" && (ae.preventDefault(), y(Te[Te.length - 1])));
   }, be = we(() => {
     if (!se) return;
     const ae = se.service, Me = $.current[ae];
@@ -654,13 +654,13 @@ function Ks({
     });
   }, [i, v, m, u, se]);
   Q(be, [be]);
-  const Se = se ? s[se.service] ?? null : null, he = se ? D[se.service] : void 0, Ee = he == null ? void 0 : he.component, ke = (ae) => {
-    se && y((Me) => ({
+  const Se = se ? s[se.service] ?? null : null, he = se ? T[se.service] : void 0, Ee = he == null ? void 0 : he.component, ke = (ae) => {
+    se && g((Me) => ({
       ...Me,
       [se.service]: ae
     }));
   }, fe = () => {
-    se && y((ae) => ({
+    se && g((ae) => ({
       ...ae,
       [se.service]: null
     }));
@@ -673,8 +673,8 @@ function Ks({
     selectedLink: se,
     selectedService: se == null ? void 0 : se.service,
     activeItemId: Se,
-    tabsSearch: I,
-    onSelectService: g,
+    tabsSearch: R,
+    onSelectService: y,
     onOpenDetail: ke,
     onBackToList: fe
   }, Qe = n ? n(ze) : r ? /* @__PURE__ */ t(r, { ...ze }) : e;
@@ -715,9 +715,9 @@ function Ks({
                         children: /* @__PURE__ */ t(
                           El,
                           {
-                            value: I,
-                            onChange: H,
-                            placeholder: T,
+                            value: R,
+                            onChange: I,
+                            placeholder: M,
                             className: "w-full",
                             autoFocus: ce,
                             forceExpanded: !0,
@@ -735,7 +735,7 @@ function Ks({
                         "aria-label": ce ? "Cerrar busqueda" : "Buscar tabs",
                         "aria-expanded": ce,
                         onClick: () => {
-                          ce && I && H(""), pe((ae) => !ae);
+                          ce && R && I(""), pe((ae) => !ae);
                         },
                         className: `inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200 hover:scale-[1.03] active:scale-95 ${ce || V ? "border-[var(--primary)] bg-[var(--bg-input)] text-[var(--text-main)] shadow-sm" : "border-[var(--border)] text-[var(--text-muted)] hover:bg-[var(--bg-input)] hover:text-[var(--text-main)]"}`,
                         children: /* @__PURE__ */ t("span", { className: "grid h-4 w-4 place-items-center transition-transform duration-200", children: ce || V ? /* @__PURE__ */ t(Ie, { className: "h-4 w-4" }) : /* @__PURE__ */ t(xt, { className: "h-4 w-4" }) })
@@ -749,7 +749,7 @@ function Ks({
                 {
                   role: "tablist",
                   "aria-label": L ?? "Modulos relacionados",
-                  className: `flex gap-1 overflow-x-auto border-b border-[var(--border)] bg-[var(--bg-input)] px-2 py-1.5 transition-colors duration-200 ${R}`,
+                  className: `flex gap-1 overflow-x-auto border-b border-[var(--border)] bg-[var(--bg-input)] px-2 py-1.5 transition-colors duration-200 ${H}`,
                   children: re.length > 0 ? re.map((ae) => {
                     const Me = ae.service === (se == null ? void 0 : se.service);
                     return /* @__PURE__ */ t(
@@ -759,7 +759,7 @@ function Ks({
                         role: "tab",
                         "aria-selected": Me,
                         disabled: ae.disabled,
-                        onClick: () => g(ae),
+                        onClick: () => y(ae),
                         onKeyDown: (Te) => ue(Te, ae),
                         className: `inline-flex h-9 min-w-max items-center gap-2 rounded-md border px-3 text-xs font-semibold transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50 ${Me ? "border-[var(--primary)] bg-[var(--bg-card)] text-[var(--text-main)] shadow-sm" : "border-transparent text-[var(--text-muted)] hover:bg-[var(--bg-card)] hover:text-[var(--text-main)]"}`,
                         children: ee ? ee(ae, Me) : /* @__PURE__ */ l(Re, { children: [
@@ -919,24 +919,24 @@ function Ys({
   minDate: n,
   displayMode: a = "inline"
 }) {
-  const i = Ul(), u = Da(e || i), m = a === "popover", [f, p] = A(!1), h = le(null), [x, v] = A({
+  const i = Ul(), u = Da(e || i), m = a === "popover", [f, p] = D(!1), h = le(null), [x, v] = D({
     horizontal: "left",
     vertical: "bottom"
-  }), [L, S] = A(u.year), [w, k] = A(u.month), [O, ee] = A("days"), z = 16, [Y, T] = A(0), q = L - 7 + Y, Z = Array.from({ length: z }, (W, s) => q + s);
+  }), [L, S] = D(u.year), [w, k] = D(u.month), [O, ee] = D("days"), z = 16, [Y, M] = D(0), q = L - 7 + Y, Z = Array.from({ length: z }, (W, s) => q + s);
   Q(() => {
     if (!m || !f || !h.current) return;
-    const W = h.current.getBoundingClientRect(), s = 8, y = 280, D = 340, j = W.left + y > window.innerWidth - s, B = W.right - y >= s, ne = W.bottom + 8 + D > window.innerHeight - s, ce = W.top - 8 - D >= s;
+    const W = h.current.getBoundingClientRect(), s = 8, g = 280, T = 340, j = W.left + g > window.innerWidth - s, B = W.right - g >= s, ne = W.bottom + 8 + T > window.innerHeight - s, ce = W.top - 8 - T >= s;
     v({
       horizontal: j && B ? "right" : "left",
       vertical: ne && ce ? "top" : "bottom"
     });
   }, [m, f]), Q(() => {
     if (!m || !f) return;
-    function W(y) {
-      h.current && (h.current.contains(y.target) || p(!1));
+    function W(g) {
+      h.current && (h.current.contains(g.target) || p(!1));
     }
-    function s(y) {
-      y.key === "Escape" && p(!1);
+    function s(g) {
+      g.key === "Escape" && p(!1);
     }
     return document.addEventListener("mousedown", W), document.addEventListener("keydown", s), () => {
       document.removeEventListener("mousedown", W), document.removeEventListener("keydown", s);
@@ -953,7 +953,7 @@ function Ys({
     ...Array.from({ length: J }, (W, s) => s + 1)
   ];
   for (; E.length < Xr * 7; ) E.push(null);
-  const R = E.slice(0, Xr * 7);
+  const H = E.slice(0, Xr * 7);
   function U(W) {
     const s = ln(L, w, W);
     n && s < n || (r(s), m && p(!1));
@@ -1005,7 +1005,7 @@ function Ys({
                 {
                   type: "button",
                   onClick: () => {
-                    ee("years"), T(0);
+                    ee("years"), M(0);
                   },
                   style: {
                     background: "none",
@@ -1043,7 +1043,7 @@ function Ys({
                 "button",
                 {
                   type: "button",
-                  onClick: () => T((W) => W - z),
+                  onClick: () => M((W) => W - z),
                   style: _,
                   children: /* @__PURE__ */ t(Tt, { size: 16 })
                 }
@@ -1074,7 +1074,7 @@ function Ys({
                 "button",
                 {
                   type: "button",
-                  onClick: () => T((W) => W + z),
+                  onClick: () => M((W) => W + z),
                   style: _,
                   children: /* @__PURE__ */ t(st, { size: 16 })
                 }
@@ -1093,7 +1093,7 @@ function Ys({
                 marginBottom: 8
               },
               children: Wl.map((W, s) => {
-                const y = s + 1 === w;
+                const g = s + 1 === w;
                 return /* @__PURE__ */ t(
                   "button",
                   {
@@ -1104,10 +1104,10 @@ function Ys({
                       cursor: "pointer",
                       borderRadius: 6,
                       fontSize: 11,
-                      fontWeight: y ? 700 : 400,
+                      fontWeight: g ? 700 : 400,
                       padding: "4px 0",
-                      background: y ? "var(--primary)" : "transparent",
-                      color: y ? "var(--primary-fg, #ffffff)" : "var(--text-secondary)"
+                      background: g ? "var(--primary)" : "transparent",
+                      color: g ? "var(--primary-fg, #ffffff)" : "var(--text-secondary)"
                     },
                     children: W
                   },
@@ -1195,10 +1195,10 @@ function Ys({
                 padding: "4px 8px 10px",
                 gap: 2
               },
-              children: R.map((W, s) => {
+              children: H.map((W, s) => {
                 if (W === null)
                   return /* @__PURE__ */ t("div", { style: { aspectRatio: "1" } }, s);
-                const y = ln(L, w, W), D = y === e, j = y === i, B = !!(n && y < n);
+                const g = ln(L, w, W), T = g === e, j = g === i, B = !!(n && g < n);
                 return /* @__PURE__ */ t(
                   "button",
                   {
@@ -1211,11 +1211,11 @@ function Ys({
                       border: "none",
                       cursor: B ? "not-allowed" : "pointer",
                       fontSize: 12,
-                      fontWeight: D || j ? 700 : 400,
-                      background: D ? "var(--primary)" : "transparent",
-                      color: D ? "var(--primary-fg, #ffffff)" : B ? "var(--text-muted)" : "var(--text-main)",
+                      fontWeight: T || j ? 700 : 400,
+                      background: T ? "var(--primary)" : "transparent",
+                      color: T ? "var(--primary-fg, #ffffff)" : B ? "var(--text-muted)" : "var(--text-main)",
                       opacity: B ? 0.4 : 1,
-                      outline: j && !D ? "2px solid var(--primary)" : "none",
+                      outline: j && !T ? "2px solid var(--primary)" : "none",
                       outlineOffset: "-2px"
                     },
                     children: W
@@ -1358,18 +1358,18 @@ function Oa({
   type: S = "button",
   ...w
 }) {
-  const [k, O] = A(!1), ee = le(null);
+  const [k, O] = D(!1), ee = le(null);
   Q(() => () => {
     ee.current && window.clearTimeout(ee.current);
   }, []);
-  function z(T) {
-    O(!0), f == null || f(T), ee.current && window.clearTimeout(ee.current), ee.current = window.setTimeout(() => {
+  function z(M) {
+    O(!0), f == null || f(M), ee.current && window.clearTimeout(ee.current), ee.current = window.setTimeout(() => {
       O(!1), ee.current = null;
     }, r);
   }
-  async function Y(T) {
+  async function Y(M) {
     var Z;
-    if (m && T.stopPropagation(), L == null || L(T), T.defaultPrevented) return;
+    if (m && M.stopPropagation(), L == null || L(M), M.defaultPrevented) return;
     const q = Xl(e);
     if (q)
       try {
@@ -1509,91 +1509,91 @@ function At({
   searchable: w = !0,
   minOptionsForSearch: k = 6
 }) {
-  const [O, ee] = A(!1), [z, Y] = A(""), [T, q] = A(-1), [Z, te] = A(!1), [P, X] = A({}), J = le(null), E = le(null), R = le(null), U = le(null), _ = w && n.length >= k, oe = n.find((I) => I.value === e) ?? null, W = c === "ghost", s = a === "error" ? "var(--danger)" : O ? "var(--primary)" : "var(--border)", y = _ && z.trim() ? n.filter(
-    (I) => {
-      var M;
-      return I.label.toLowerCase().includes(z.toLowerCase()) || ((M = I.sublabel) == null ? void 0 : M.toLowerCase().includes(z.toLowerCase()));
+  const [O, ee] = D(!1), [z, Y] = D(""), [M, q] = D(-1), [Z, te] = D(!1), [P, X] = D({}), J = le(null), E = le(null), H = le(null), U = le(null), _ = w && n.length >= k, oe = n.find((R) => R.value === e) ?? null, W = c === "ghost", s = a === "error" ? "var(--danger)" : O ? "var(--primary)" : "var(--border)", g = _ && z.trim() ? n.filter(
+    (R) => {
+      var A;
+      return R.label.toLowerCase().includes(z.toLowerCase()) || ((A = R.sublabel) == null ? void 0 : A.toLowerCase().includes(z.toLowerCase()));
     }
-  ) : n, D = we(() => {
-    const I = J.current;
-    if (!I) return;
-    const M = I.getBoundingClientRect(), G = _ ? 272 : 212, V = window.innerHeight - M.bottom, re = V < G && M.top > V;
+  ) : n, T = we(() => {
+    const R = J.current;
+    if (!R) return;
+    const A = R.getBoundingClientRect(), G = _ ? 272 : 212, V = window.innerHeight - A.bottom, re = V < G && A.top > V;
     X({
       position: "fixed",
-      left: M.left,
-      top: re ? void 0 : M.bottom + 4,
-      bottom: re ? window.innerHeight - M.top + 4 : void 0,
-      width: M.width,
+      left: A.left,
+      top: re ? void 0 : A.bottom + 4,
+      bottom: re ? window.innerHeight - A.top + 4 : void 0,
+      width: A.width,
       minWidth: Zr(v),
       zIndex: 9999
     });
   }, [v, _]);
   Q(() => te(!0), []), Q(() => {
     if (!O) return;
-    function I(M) {
+    function R(A) {
       var V, re;
-      const G = M.target;
+      const G = A.target;
       !((V = J.current) != null && V.contains(G)) && !((re = E.current) != null && re.contains(G)) && (ee(!1), Y(""));
     }
-    return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
+    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, [O]), Q(() => {
-    O && (q(-1), D(), _ && setTimeout(() => {
-      var I;
-      return (I = R.current) == null ? void 0 : I.focus();
+    O && (q(-1), T(), _ && setTimeout(() => {
+      var R;
+      return (R = H.current) == null ? void 0 : R.focus();
     }, 0));
-  }, [O, _, D]), Q(() => {
+  }, [O, _, T]), Q(() => {
     if (O)
-      return window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
-        window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
+      return window.addEventListener("resize", T), window.addEventListener("scroll", T, !0), () => {
+        window.removeEventListener("resize", T), window.removeEventListener("scroll", T, !0);
       };
-  }, [O, D]), Q(() => {
-    if (T < 0 || !U.current) return;
-    const I = U.current.children[T];
-    I == null || I.scrollIntoView({ block: "nearest" });
-  }, [T]);
+  }, [O, T]), Q(() => {
+    if (M < 0 || !U.current) return;
+    const R = U.current.children[M];
+    R == null || R.scrollIntoView({ block: "nearest" });
+  }, [M]);
   const j = we(
-    (I) => {
-      r(I), ee(!1), Y("");
+    (R) => {
+      r(R), ee(!1), Y("");
     },
     [r]
   ), B = le(O);
   B.current = O;
-  const ne = le(y);
-  ne.current = y;
-  const ce = le(T);
-  ce.current = T;
+  const ne = le(g);
+  ne.current = g;
+  const ce = le(M);
+  ce.current = M;
   const pe = le(f);
   pe.current = f;
   const $ = le(j);
   $.current = j, Q(() => {
-    function I(M) {
+    function R(A) {
       var me, se;
       const G = document.activeElement, V = ((me = J.current) == null ? void 0 : me.contains(G)) ?? !1, re = ((se = E.current) == null ? void 0 : se.contains(G)) ?? !1;
       if (!(!V && !re)) {
         if (!B.current) {
-          (M.key === "Enter" || M.key === " " || M.key === "ArrowDown") && (M.preventDefault(), ee(!0));
+          (A.key === "Enter" || A.key === " " || A.key === "ArrowDown") && (A.preventDefault(), ee(!0));
           return;
         }
-        switch (M.key) {
+        switch (A.key) {
           case "ArrowDown":
-            M.preventDefault(), q((g) => Math.min(g + 1, ne.current.length - 1));
+            A.preventDefault(), q((y) => Math.min(y + 1, ne.current.length - 1));
             break;
           case "ArrowUp":
-            M.preventDefault(), q((g) => Math.max(g - 1, pe.current ? -1 : 0));
+            A.preventDefault(), q((y) => Math.max(y - 1, pe.current ? -1 : 0));
             break;
           case "Enter": {
-            M.preventDefault();
-            const g = ce.current, H = ne.current;
-            g === -1 && pe.current ? $.current("") : H[g] && !H[g].disabled && $.current(H[g].value);
+            A.preventDefault();
+            const y = ce.current, I = ne.current;
+            y === -1 && pe.current ? $.current("") : I[y] && !I[y].disabled && $.current(I[y].value);
             break;
           }
           case "Escape":
-            M.preventDefault(), M.stopPropagation(), ee(!1), Y("");
+            A.preventDefault(), A.stopPropagation(), ee(!1), Y("");
             break;
         }
       }
     }
-    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
+    return document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R);
   }, []);
   const ie = /* @__PURE__ */ l(
     "div",
@@ -1623,10 +1623,10 @@ function At({
               /* @__PURE__ */ t(
                 "input",
                 {
-                  ref: R,
+                  ref: H,
                   value: z,
-                  onChange: (I) => {
-                    Y(I.target.value), q(-1);
+                  onChange: (R) => {
+                    Y(R.target.value), q(-1);
                   },
                   placeholder: "Buscar…",
                   className: "min-w-0 flex-1 text-sm bg-transparent outline-none",
@@ -1637,8 +1637,8 @@ function At({
                 "button",
                 {
                   type: "button",
-                  onMouseDown: (I) => {
-                    I.preventDefault(), Y("");
+                  onMouseDown: (R) => {
+                    R.preventDefault(), Y("");
                   },
                   children: /* @__PURE__ */ t(
                     Ie,
@@ -1670,70 +1670,70 @@ function At({
                 {
                   role: "option",
                   "aria-selected": e === "",
-                  onMouseDown: (I) => {
-                    I.preventDefault(), j("");
+                  onMouseDown: (R) => {
+                    R.preventDefault(), j("");
                   },
                   onMouseEnter: () => q(-1),
                   className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-sm transition-colors",
                   style: {
-                    background: T === -1 && !z.trim() ? "var(--bg-hover)" : "transparent",
+                    background: M === -1 && !z.trim() ? "var(--bg-hover)" : "transparent",
                     color: "var(--text-muted)",
                     fontStyle: "italic"
                   },
                   children: f
                 }
               ),
-              y.map((I, M) => {
-                const V = M === T, re = I.value === e;
+              g.map((R, A) => {
+                const V = A === M, re = R.value === e;
                 return /* @__PURE__ */ l(
                   "li",
                   {
                     role: "option",
                     "aria-selected": re,
                     onMouseDown: (me) => {
-                      me.preventDefault(), I.disabled || j(I.value);
+                      me.preventDefault(), R.disabled || j(R.value);
                     },
-                    onMouseEnter: () => !I.disabled && q(M),
+                    onMouseEnter: () => !R.disabled && q(A),
                     className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-sm transition-colors",
                     style: {
                       background: V ? "var(--bg-hover)" : re ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
-                      color: I.disabled ? "var(--text-muted)" : "var(--text-main)",
-                      cursor: I.disabled ? "not-allowed" : "pointer",
+                      color: R.disabled ? "var(--text-muted)" : "var(--text-main)",
+                      cursor: R.disabled ? "not-allowed" : "pointer",
                       boxShadow: re ? "inset 2px 0 0 var(--primary)" : void 0
                     },
                     children: [
-                      I.color && /* @__PURE__ */ t(
+                      R.color && /* @__PURE__ */ t(
                         "span",
                         {
                           className: "flex-shrink-0 w-2.5 h-2.5 rounded-full",
-                          style: { background: I.color }
+                          style: { background: R.color }
                         }
                       ),
                       /* @__PURE__ */ l("span", { className: "min-w-0 flex flex-1 items-baseline gap-1 overflow-hidden", children: [
-                        /* @__PURE__ */ t("span", { className: "truncate", children: I.label }),
-                        I.sublabel && /* @__PURE__ */ t(
+                        /* @__PURE__ */ t("span", { className: "truncate", children: R.label }),
+                        R.sublabel && /* @__PURE__ */ t(
                           "span",
                           {
                             className: "min-w-0 flex-shrink truncate",
                             style: { color: "var(--text-muted)", fontSize: 12 },
-                            children: I.sublabel
+                            children: R.sublabel
                           }
                         )
                       ] }),
-                      I.badge && /* @__PURE__ */ t(
+                      R.badge && /* @__PURE__ */ t(
                         "span",
                         {
                           className: "text-xs flex-shrink-0",
                           style: { color: "var(--text-muted)" },
-                          children: I.badge
+                          children: R.badge
                         }
                       )
                     ]
                   },
-                  I.value
+                  R.value
                 );
               }),
-              y.length === 0 && /* @__PURE__ */ t(
+              g.length === 0 && /* @__PURE__ */ t(
                 "li",
                 {
                   className: "px-3 py-4 text-sm text-center",
@@ -1759,7 +1759,7 @@ function At({
           {
             type: "button",
             disabled: p,
-            onClick: () => !p && ee((I) => !I),
+            onClick: () => !p && ee((R) => !R),
             className: "flex w-full items-center gap-2 rounded-lg text-left text-sm transition-colors focus:outline-none",
             style: {
               height: Zr(L),
@@ -1797,8 +1797,8 @@ function At({
                 {
                   role: "button",
                   tabIndex: -1,
-                  onMouseDown: (I) => {
-                    I.preventDefault(), I.stopPropagation(), j("");
+                  onMouseDown: (R) => {
+                    R.preventDefault(), R.stopPropagation(), j("");
                   },
                   className: "flex-shrink-0 rounded-full p-0.5 transition-colors hover:bg-black/10",
                   style: { color: "var(--text-muted)" },
@@ -1927,9 +1927,9 @@ function Ia({
   contentClassName: ee = "p-4",
   ariaLabel: z,
   frameless: Y = !1,
-  disabled: T = !1
+  disabled: M = !1
 }) {
-  const [q, Z] = A(!1), [te, P] = A(!1), X = le(null);
+  const [q, Z] = D(!1), [te, P] = D(!1), X = le(null);
   if (Q(() => (e ? (X.current && clearTimeout(X.current), Z(!0), requestAnimationFrame(() => requestAnimationFrame(() => P(!0)))) : (P(!1), X.current = setTimeout(
     () => Z(!1),
     vr + 40
@@ -1947,7 +1947,7 @@ function Ia({
     };
     return window.addEventListener("keydown", oe), () => window.removeEventListener("keydown", oe);
   }, [v, r, e]), !q) return null;
-  const J = n || a || i || c || L, E = p ?? Zl[f], R = S === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", U = S === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", _ = te ? "translateY(0) scale(1)" : S === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
+  const J = n || a || i || c || L, E = p ?? Zl[f], H = S === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", U = S === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", _ = te ? "translateY(0) scale(1)" : S === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
   return Ze(
     /* @__PURE__ */ l(
       "div",
@@ -1956,7 +1956,7 @@ function Ia({
         "aria-modal": "true",
         "data-bonsaif-overlay": "true",
         "aria-label": z ?? n,
-        className: `fixed inset-0 flex ${R} ${ee}`,
+        className: `fixed inset-0 flex ${H} ${ee}`,
         style: { zIndex: h },
         children: [
           /* @__PURE__ */ t(
@@ -1984,7 +1984,7 @@ function Ia({
               },
               onClick: (oe) => oe.stopPropagation(),
               children: [
-                T && /* @__PURE__ */ t(
+                M && /* @__PURE__ */ t(
                   "div",
                   {
                     className: "absolute inset-0 z-[1002] cursor-not-allowed rounded-2xl",
@@ -2437,7 +2437,7 @@ function pi({
   highlightSelected: ee = !0,
   rowClassName: z,
   getRowCategory: Y,
-  stickyHeader: T = !0,
+  stickyHeader: M = !0,
   pageSize: q = 25,
   pageSizeOptions: Z = [25, 50, 100],
   pageSizeSelectWidth: te = 62,
@@ -2445,14 +2445,14 @@ function pi({
   pageSizeSelectPadding: X = "0 7px",
   totalRows: J,
   page: E,
-  onPageChange: R,
+  onPageChange: H,
   onPageSizeChange: U,
   storageKey: _,
   stickyFirstColumn: oe = !1,
   bottomOffset: W = 0,
   compact: s = !0,
-  restrictHeight: y = !0,
-  maxHeight: D,
+  restrictHeight: g = !0,
+  maxHeight: T,
   minTableWidth: j,
   enableColumnVisibility: B = !0,
   enableColumnFilters: ne = !0,
@@ -2460,16 +2460,16 @@ function pi({
   defaultHiddenColumnKeys: pe = li,
   onHiddenColumnKeysChange: $,
   columnVisibilityLabel: ie = "Columnas",
-  enableBql: I = !1,
-  bqlValue: M,
+  enableBql: R = !1,
+  bqlValue: A,
   defaultBqlValue: G = "",
   onBqlChange: V,
   bqlDescription: re = "Filtra registros con Bonsaif Query Language",
   bqlPlaceholder: me = `status = activo
 rol IN (admin, employee)`,
   bqlQuickFilters: se = [],
-  bqlExamples: g = [],
-  bqlSuggestions: H = [],
+  bqlExamples: y = [],
+  bqlSuggestions: I = [],
   bqlActiveFilters: ue,
   bqlError: be,
   onQueryChange: Se,
@@ -2480,29 +2480,29 @@ rol IN (admin, employee)`,
   var Wn;
   const fe = di(he), ze = Object.values(fe).some(Boolean), Qe = e.map((o) => o.key).join(","), qe = pe.join(","), ae = le(e), Me = le(pe);
   ae.current = e, Me.current = pe;
-  const [Te, _e] = A(
+  const [Te, _e] = D(
     !_ || !ze
-  ), De = le(null), et = le(!_), Fe = ce !== void 0, [Va, Dt] = A(() => pt(pe, e)), Pe = pt(
+  ), De = le(null), et = le(!_), Fe = ce !== void 0, [Va, Dt] = D(() => pt(pe, e)), Pe = pt(
     Fe ? ce : Va,
     e
-  ), [ot, Kt] = A(!1), [ct, Ya] = A("filter"), [Bt, Vt] = A(
+  ), [ot, Kt] = D(!1), [ct, Ya] = D("filter"), [Bt, Vt] = D(
     null
-  ), [mn, bn] = A(""), [We, Ot] = A({}), [Ke, Yt] = A({}), Tr = x !== void 0, [fn, Ga] = A(v), It = M !== void 0, [Xa, Ar] = A(G), tt = It ? M : Xa, [Gt, Xt] = A(tt), [rt, dt] = A(!1), [pn, gt] = A(!1), [hn, yt] = A(!1), [Rt, Ht] = A([]), Dr = le(null), vn = le(null), Br = le(null), [Za, Ja] = A(
+  ), [mn, bn] = D(""), [We, Ot] = D({}), [Ke, Yt] = D({}), Tr = x !== void 0, [fn, Ga] = D(v), It = A !== void 0, [Xa, Ar] = D(G), tt = It ? A : Xa, [Gt, Xt] = D(tt), [rt, dt] = D(!1), [pn, gt] = D(!1), [hn, yt] = D(!1), [Rt, Ht] = D([]), Dr = le(null), vn = le(null), Br = le(null), [Za, Ja] = D(
     {}
-  ), [Qa, eo] = A(
+  ), [Qa, eo] = D(
     {}
-  ), [jt, Zt] = A(!1), Or = le(null), Jt = le(null), [to, ro] = A(
+  ), [jt, Zt] = D(!1), Or = le(null), Jt = le(null), [to, ro] = D(
     {}
-  ), xn = le(null), Qt = le(null), [Ir, gn] = A(
+  ), xn = le(null), Qt = le(null), [Ir, gn] = D(
     r.length > 0 || a || m === !1
-  ), yn = (o, d) => 50 + (o * 17 + d * 13 + 7) % 40, lt = le(null), [no, ao] = A(
+  ), yn = (o, d) => 50 + (o * 17 + d * 13 + 7) % 40, lt = le(null), [no, ao] = D(
     void 0
-  ), [wn, oo] = A(0), [Rr, lo] = A(!1);
+  ), [wn, oo] = D(0), [Rr, lo] = D(!1);
   Q(() => {
     function o() {
       lo(window.innerWidth < 640);
     }
-    if (!y || D !== void 0)
+    if (!g || T !== void 0)
       return o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
     const C = q !== !1 ? 48 : 0, b = 12;
     function K() {
@@ -2516,8 +2516,8 @@ rol IN (admin, employee)`,
       );
     }
     return K(), window.addEventListener("resize", K), () => window.removeEventListener("resize", K);
-  }, [a, q, W, y, D]);
-  const Nn = y ? D ?? no : void 0;
+  }, [a, q, W, g, T]);
+  const Nn = g ? T ?? no : void 0;
   Q(() => {
     const o = lt.current;
     if (!o) return;
@@ -2537,13 +2537,13 @@ rol IN (admin, employee)`,
     }, m);
     return () => window.clearTimeout(o);
   }, [r.length, m, Ir, a]);
-  const [wt, zt] = A(
+  const [wt, zt] = D(
     () => e.map((o) => o.key)
-  ), [Nt, Ft] = A(
+  ), [Nt, Ft] = D(
     () => Object.fromEntries(
       e.map((o) => [o.key, nt(o, ft(o.width))])
     )
-  ), [$e, kt] = A(null), [io, er] = A(1), [tr, Hr] = A(
+  ), [$e, kt] = D(null), [io, er] = D(1), [tr, Hr] = D(
     q === !1 ? 0 : q
   );
   Q(() => {
@@ -2945,7 +2945,7 @@ rol IN (admin, employee)`,
       document.removeEventListener("pointermove", o), document.removeEventListener("pointerup", d);
     };
   }, [e]);
-  const or = le(null), [An, Pr] = A(null);
+  const or = le(null), [An, Pr] = D(null);
   function xo(o, d) {
     or.current = wt.indexOf(o), d.dataTransfer.effectAllowed = "move";
   }
@@ -2975,7 +2975,7 @@ rol IN (admin, employee)`,
   }, [r]), Q(() => {
     er(1);
   }, [Ke, We]);
-  const ut = !!(R && U), mt = q !== !1, He = ut ? E ?? 1 : io, Ye = ut || mt ? tr : r.length, Ge = !!w && !!k && !!O, Ct = !!p, Dn = je.useMemo(
+  const ut = !!(H && U), mt = q !== !1, He = ut ? E ?? 1 : io, Ye = ut || mt ? tr : r.length, Ge = !!w && !!k && !!O, Ct = !!p, Dn = je.useMemo(
     () => new Set(
       Tr ? Array.from(x ?? []) : fn
     ),
@@ -3014,10 +3014,10 @@ rol IN (admin, employee)`,
   function Ur(o) {
     if (a) return;
     const d = Math.max(1, Math.min(o, qr));
-    ut ? R(d) : er(d);
+    ut ? H(d) : er(d);
   }
   function Lo(o) {
-    a || (Hr(o), ut ? (U(o), R(1)) : er(1), U && U(o));
+    a || (Hr(o), ut ? (U(o), H(1)) : er(1), U && U(o));
   }
   function On(o) {
     const d = new Set(Dn);
@@ -3691,8 +3691,8 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
     ),
     document.body
   ), br = () => {
-    const o = I && tt.trim().length > 0, d = ue != null && ue.length ? ue : o ? [{ key: "bql", label: "BQL", value: tt }] : [], C = H.filter((b) => b.trim() && b !== Gt).slice(0, 8);
-    return !B && jr === 0 && !I && !Ee ? null : /* @__PURE__ */ l(
+    const o = R && tt.trim().length > 0, d = ue != null && ue.length ? ue : o ? [{ key: "bql", label: "BQL", value: tt }] : [], C = I.filter((b) => b.trim() && b !== Gt).slice(0, 8);
+    return !B && jr === 0 && !R && !Ee ? null : /* @__PURE__ */ l(
       "div",
       {
         className: "relative flex min-h-9 flex-wrap items-center justify-between gap-2 border-b rounded-t-lg px-2 py-1",
@@ -3712,7 +3712,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                 ]
               }
             ),
-            I && /* @__PURE__ */ l(
+            R && /* @__PURE__ */ l(
               "div",
               {
                 ref: Dr,
@@ -3813,7 +3813,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                               },
                               b.label
                             )),
-                            g.length > 0 && /* @__PURE__ */ l(
+                            y.length > 0 && /* @__PURE__ */ l(
                               "button",
                               {
                                 type: "button",
@@ -3977,7 +3977,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                               b
                             ))
                           ] }),
-                          pn && g.length > 0 && /* @__PURE__ */ t("div", { className: "grid gap-2 sm:grid-cols-2 lg:grid-cols-3", children: g.map((b) => /* @__PURE__ */ l(
+                          pn && y.length > 0 && /* @__PURE__ */ t("div", { className: "grid gap-2 sm:grid-cols-2 lg:grid-cols-3", children: y.map((b) => /* @__PURE__ */ l(
                             "button",
                             {
                               type: "button",
@@ -4190,7 +4190,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                 "div",
                 {
                   role: "rowgroup",
-                  style: T ? {
+                  style: M ? {
                     position: "sticky",
                     top: 0,
                     zIndex: 10,
@@ -4290,7 +4290,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                     "div",
                     {
                       role: "rowgroup",
-                      style: T ? {
+                      style: M ? {
                         position: "sticky",
                         top: 0,
                         zIndex: 10,
@@ -4392,7 +4392,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
               "div",
               {
                 role: "rowgroup",
-                style: T ? {
+                style: M ? {
                   position: "sticky",
                   top: 0,
                   zIndex: 10,
@@ -4472,7 +4472,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                     "div",
                     {
                       role: "rowgroup",
-                      style: T ? {
+                      style: M ? {
                         position: "sticky",
                         top: 0,
                         zIndex: 10,
@@ -4718,7 +4718,7 @@ function gi({
   onCommit: a,
   onCancel: i
 }) {
-  const [c, u] = A(e), m = le(null), f = (n == null ? void 0 : n.preset) === "date", p = f ? "date" : r === "number" ? "number" : "text";
+  const [c, u] = D(e), m = le(null), f = (n == null ? void 0 : n.preset) === "date", p = f ? "date" : r === "number" ? "number" : "text";
   return Q(() => {
     var h, x;
     (h = m.current) == null || h.focus(), f || (x = m.current) == null || x.select();
@@ -4746,7 +4746,7 @@ function yi({
   onCommit: a,
   onCancel: i
 }) {
-  const c = le(null), [u, m] = A(e);
+  const c = le(null), [u, m] = D(e);
   return Q(() => {
     if (n) return;
     const f = setTimeout(() => {
@@ -4804,45 +4804,46 @@ function ec({
   readOnly: i = !1,
   ...c
 }) {
-  const [u, m] = A(r), f = le(null);
+  const [u, m] = D(r), f = le(null);
   Q(() => {
     f.current || m(r);
   }, [r]);
-  const [p, h] = A(null);
+  const [p, h] = D(null);
   f.current = p;
-  const [x, v] = A(null), L = le(null);
+  const [x, v] = D(null), L = le(null);
   L.current = x;
-  const [S, w] = A({}), [k, O] = A({}), [ee, z] = A({}), Y = le(/* @__PURE__ */ new Set()), T = le(null);
+  const [S, w] = D({}), [k, O] = D({}), [ee, z] = D({}), Y = le(/* @__PURE__ */ new Set()), M = le(null);
   Q(() => {
-    var s;
-    (s = T.current) == null || s.focus({ preventScroll: !0 });
+    var g;
+    const s = document.activeElement;
+    (!s || s === document.body) && ((g = M.current) == null || g.focus({ preventScroll: !0 }));
   }, []);
   const q = e.map((s) => {
-    var y, D, j;
-    return `${s.key}:${((j = (D = (y = s.editable) == null ? void 0 : y.select) == null ? void 0 : D.options) == null ? void 0 : j.length) ?? -1}`;
+    var g, T, j;
+    return `${s.key}:${((j = (T = (g = s.editable) == null ? void 0 : g.select) == null ? void 0 : T.options) == null ? void 0 : j.length) ?? -1}`;
   }).join("|");
   Q(() => {
     e.forEach((s) => {
       var j, B;
-      const y = (B = (j = s.editable) == null ? void 0 : j.select) == null ? void 0 : B.options;
-      if (!y) return;
-      const D = k[s.key];
-      (!Y.current.has(s.key) || (D == null ? void 0 : D.length) === 0 && y.length > 0) && (Y.current.add(s.key), O((ne) => ({ ...ne, [s.key]: y })));
+      const g = (B = (j = s.editable) == null ? void 0 : j.select) == null ? void 0 : B.options;
+      if (!g) return;
+      const T = k[s.key];
+      (!Y.current.has(s.key) || (T == null ? void 0 : T.length) === 0 && g.length > 0) && (Y.current.add(s.key), O((ne) => ({ ...ne, [s.key]: g })));
     });
   }, [q]);
   const Z = we(
-    async (s, y) => {
+    async (s, g) => {
       if (Y.current.has(s)) return;
       Y.current.add(s);
-      const { url: D, fetchOptions: j } = y.select ?? {};
-      if (!(!D && !j)) {
+      const { url: T, fetchOptions: j } = g.select ?? {};
+      if (!(!T && !j)) {
         z((B) => ({ ...B, [s]: !0 }));
         try {
           let B = [];
           if (j)
             B = await j();
-          else if (D) {
-            const ne = await fetch(D);
+          else if (T) {
+            const ne = await fetch(T);
             if (!ne.ok) throw new Error("fetch failed");
             B = await ne.json();
           }
@@ -4866,101 +4867,102 @@ function ec({
   const E = le(i);
   E.current = i, Q(() => {
     if (e.length > 0 && r.length > 0) {
-      const s = e.find((y) => y.selectable !== !1);
+      const s = e.find((g) => g.selectable !== !1);
       s && v({ rowId: n(r[0]), colKey: s.key });
     }
   }, []), Q(() => {
     if (!x) return;
-    const s = T.current;
+    const s = M.current;
     if (!s) return;
-    const y = s.querySelector(
+    const g = s.querySelector(
       `[data-cell-id="${x.rowId}:${x.colKey}"]`
     );
-    if (!y) return;
-    const D = s.querySelector('[role="rowgroup"]');
-    y.style.scrollMarginTop = `${(D == null ? void 0 : D.offsetHeight) ?? 0}px`;
+    if (!g) return;
+    const T = s.querySelector('[role="rowgroup"]');
+    g.style.scrollMarginTop = `${(T == null ? void 0 : T.offsetHeight) ?? 0}px`;
     const j = s.querySelector('[role="row"]');
     let B = 0;
     j && j.querySelectorAll('[role="cell"], [role="columnheader"]').forEach((ne) => {
       ne.style.position === "sticky" && ne.style.left !== "" && (B = Math.max(B, parseFloat(ne.style.left) + ne.offsetWidth));
-    }), y.style.scrollMarginLeft = `${B}px`, y.scrollIntoView({ block: "nearest", inline: "nearest" });
+    }), g.style.scrollMarginLeft = `${B}px`, g.scrollIntoView({ block: "nearest", inline: "nearest" });
   }, [x]);
-  const R = we(
+  const H = we(
     (s) => {
       var B;
-      const y = J.current, D = /* @__PURE__ */ new Set(), j = [];
-      (B = T.current) == null || B.querySelectorAll("[data-cell-id]").forEach((ne) => {
+      const g = J.current, T = /* @__PURE__ */ new Set(), j = [];
+      (B = M.current) == null || B.querySelectorAll("[data-cell-id]").forEach((ne) => {
         const ce = ne.dataset.cellId.split(":")[0];
-        D.has(ce) || (D.add(ce), j.push(ce));
+        T.has(ce) || (T.add(ce), j.push(ce));
       }), v((ne) => {
         if (!ne) return ne;
-        const ce = y.findIndex((I) => I.key === ne.colKey), pe = j.indexOf(ne.rowId);
+        const ce = g.findIndex((R) => R.key === ne.colKey), pe = j.indexOf(ne.rowId);
         let $ = ce, ie = pe;
         if (s === "up") ie = Math.max(0, pe - 1);
         else if (s === "down") ie = Math.min(j.length - 1, pe + 1);
         else if (s === "left") {
-          let I = ce - 1;
-          for (; I >= 0 && y[I].selectable === !1; ) I--;
-          I >= 0 && ($ = I);
+          let R = ce - 1;
+          for (; R >= 0 && g[R].selectable === !1; ) R--;
+          R >= 0 && ($ = R);
         } else if (s === "right") {
-          let I = ce + 1;
-          for (; I < y.length && y[I].selectable === !1; ) I++;
-          I < y.length && ($ = I);
+          let R = ce + 1;
+          for (; R < g.length && g[R].selectable === !1; ) R++;
+          R < g.length && ($ = R);
         }
-        return $ === ce && ie === pe ? ne : { rowId: j[ie], colKey: y[$].key };
+        return $ === ce && ie === pe ? ne : { rowId: j[ie], colKey: g[$].key };
       });
     },
     []
-  ), U = we(() => {
-    const s = f.current;
-    h(null), s && v(s), setTimeout(() => {
-      var y;
-      return (y = T.current) == null ? void 0 : y.focus({ preventScroll: !0 });
+  ), U = we((s = !0) => {
+    const g = f.current;
+    h(null), g && v(g), s && setTimeout(() => {
+      var T;
+      return (T = M.current) == null ? void 0 : T.focus({ preventScroll: !0 });
     }, 0);
   }, []), _ = we(
-    async (s, y, D) => {
+    async (s, g, T) => {
       var se;
-      const j = J.current.find((g) => g.key === y);
+      const j = J.current.find((y) => y.key === g);
       if (!(j != null && j.editable)) return;
-      const { field: B, type: ne, mask: ce, validate: pe } = j.editable, $ = ne === "number" ? D === "" ? null : Number(D) : D;
+      const { field: B, type: ne, mask: ce, validate: pe } = j.editable, $ = ne === "number" ? T === "" ? null : Number(T) : T;
       if (ce) {
-        const g = vi(D, ce);
-        if (g) {
-          w((H) => ({ ...H, [`${s}:${y}`]: g }));
+        const y = vi(T, ce);
+        if (y) {
+          w((I) => ({ ...I, [`${s}:${g}`]: y }));
           return;
         }
       }
       if (pe) {
-        const g = pe($);
-        if (g) {
-          w((H) => ({ ...H, [`${s}:${y}`]: g }));
+        const y = pe($);
+        if (y) {
+          w((I) => ({ ...I, [`${s}:${g}`]: y }));
           return;
         }
       }
-      const ie = X.current, I = te.current.find((g) => ie(g) === s);
-      if (!I) return;
-      const M = I[B];
-      h(null), w((g) => {
-        const H = { ...g };
-        return delete H[`${s}:${y}`], H;
+      const ie = X.current, R = te.current.find((y) => ie(y) === s);
+      if (!R) return;
+      const A = R[B];
+      h(null), w((y) => {
+        const I = { ...y };
+        return delete I[`${s}:${g}`], I;
       });
-      const G = te.current, V = G.findIndex((g) => ie(g) === s), re = G[Math.min(G.length - 1, V + 1)];
-      if (v({ rowId: ie(re), colKey: y }), setTimeout(() => {
-        var g;
-        return (g = T.current) == null ? void 0 : g.focus({ preventScroll: !0 });
-      }, 0), String(M ?? "") === String($ ?? "")) return;
-      const me = { ...I, [B]: $ };
+      const G = te.current, V = G.findIndex((y) => ie(y) === s), re = G[Math.min(G.length - 1, V + 1)];
+      if (v({ rowId: ie(re), colKey: g }), setTimeout(() => {
+        var I, ue;
+        const y = document.activeElement;
+        (!y || y === document.body || (I = M.current) != null && I.contains(y)) && ((ue = M.current) == null || ue.focus({ preventScroll: !0 }));
+      }, 0), String(A ?? "") === String($ ?? "")) return;
+      const me = { ...R, [B]: $ };
       m(
-        (g) => g.map((H) => ie(H) === s ? me : H)
+        (y) => y.map((I) => ie(I) === s ? me : I)
       );
       try {
-        await ((se = P.current) == null ? void 0 : se.call(P, { row: I, rowId: s, field: B, oldValue: M, newValue: $ }));
+        await ((se = P.current) == null ? void 0 : se.call(P, { row: R, rowId: s, field: B, oldValue: A, newValue: $ }));
       } catch {
         m(
-          (g) => g.map((H) => ie(H) === s ? I : H)
-        ), w((g) => ({
-          ...g,
-          [`${s}:${y}`]: "Error al guardar. Intenta de nuevo."
+          (y) => y.map((I) => ie(I) === s ? R : I)
+        ), w((y) => ({
+          ...y,
+          [`${s}:${g}`]: "Error al guardar. Intenta de nuevo."
         }));
       }
     },
@@ -4968,8 +4970,8 @@ function ec({
   ), oe = we(
     (s) => {
       if (f.current) return;
-      const y = L.current;
-      if (!(!y || ![
+      const g = L.current;
+      if (!(!g || ![
         "ArrowUp",
         "ArrowDown",
         "ArrowLeft",
@@ -4980,31 +4982,31 @@ function ec({
       ].includes(s.key)))
         switch (s.preventDefault(), s.key) {
           case "ArrowUp":
-            R("up");
+            H("up");
             break;
           case "ArrowDown":
-            R("down");
+            H("down");
             break;
           case "ArrowLeft":
-            R("left");
+            H("left");
             break;
           case "ArrowRight":
-            R("right");
+            H("right");
             break;
           case "Tab":
-            R(s.shiftKey ? "left" : "right");
+            H(s.shiftKey ? "left" : "right");
             break;
           case "Enter": {
-            const j = J.current.find((B) => B.key === y.colKey);
-            j != null && j.editable && !E.current ? (h(y), j.editable.type === "select" && !Y.current.has(y.colKey) && Z(y.colKey, j.editable)) : R("down");
+            const j = J.current.find((B) => B.key === g.colKey);
+            j != null && j.editable && !E.current ? (h(g), j.editable.type === "select" && !Y.current.has(g.colKey) && Z(g.colKey, j.editable)) : H("down");
             break;
           }
         }
     },
-    [R, Z]
+    [H, Z]
   ), W = at(() => e.map((s) => {
     if (!s.editable || i) {
-      const { editable: D, selectable: j, ...B } = s;
+      const { editable: T, selectable: j, ...B } = s;
       if (s.selectable === !1)
         return { ...B, disableRowClick: !0 };
       const ne = B.cell;
@@ -5022,7 +5024,7 @@ function ec({
                 className: "absolute inset-0 z-10 cursor-default",
                 onClick: () => {
                   var ie;
-                  v({ rowId: pe, colKey: s.key }), (ie = T.current) == null || ie.focus({ preventScroll: !0 });
+                  v({ rowId: pe, colKey: s.key }), (ie = M.current) == null || ie.focus({ preventScroll: !0 });
                 }
               }
             ),
@@ -5038,19 +5040,19 @@ function ec({
         }
       };
     }
-    const y = s.editable;
+    const g = s.editable;
     return {
       ...s,
       // Make the cell a positioned ancestor so the absolute edit overlay works
       className: `relative ${s.className ?? ""}`.trim(),
       disableRowClick: !0,
-      cell: (D) => {
-        const j = n(D), B = s.key, ne = (p == null ? void 0 : p.rowId) === j && (p == null ? void 0 : p.colKey) === B, ce = (x == null ? void 0 : x.rowId) === j && (x == null ? void 0 : x.colKey) === B, pe = S[`${j}:${B}`], $ = D[y.field], ie = String($ ?? ""), I = () => {
+      cell: (T) => {
+        const j = n(T), B = s.key, ne = (p == null ? void 0 : p.rowId) === j && (p == null ? void 0 : p.colKey) === B, ce = (x == null ? void 0 : x.rowId) === j && (x == null ? void 0 : x.colKey) === B, pe = S[`${j}:${B}`], $ = T[g.field], ie = String($ ?? ""), R = () => {
           var G;
-          v({ rowId: j, colKey: B }), h({ rowId: j, colKey: B }), (G = T.current) == null || G.focus({ preventScroll: !0 }), y.type === "select" && !Y.current.has(B) && Z(B, y);
+          v({ rowId: j, colKey: B }), h({ rowId: j, colKey: B }), (G = M.current) == null || G.focus({ preventScroll: !0 }), g.type === "select" && !Y.current.has(B) && Z(B, g);
         };
         if (ne) {
-          const G = y.type === "select" ? /* @__PURE__ */ t(
+          const G = g.type === "select" ? /* @__PURE__ */ t(
             yi,
             {
               initialValue: ie,
@@ -5063,8 +5065,8 @@ function ec({
             gi,
             {
               initialValue: ie,
-              type: y.type ?? "text",
-              mask: y.mask,
+              type: g.type ?? "text",
+              mask: g.mask,
               onCommit: (V) => _(j, B, V),
               onCancel: U
             }
@@ -5079,14 +5081,14 @@ function ec({
             }
           );
         }
-        const M = s.cell(D);
+        const A = s.cell(T);
         return /* @__PURE__ */ l(Re, { children: [
           /* @__PURE__ */ t(
             "span",
             {
               "data-cell-id": `${j}:${B}`,
               className: "peer absolute inset-0 z-10 cursor-pointer",
-              onClick: I
+              onClick: R
             }
           ),
           ce && /* @__PURE__ */ t(
@@ -5099,7 +5101,7 @@ function ec({
           /* @__PURE__ */ t("span", { className: "relative z-0 inline-flex items-center gap-1 pointer-events-none", children: pe ? /* @__PURE__ */ l("span", { className: "flex items-center gap-1 text-red-500", children: [
             /* @__PURE__ */ t(ya, { className: "h-3.5 w-3.5 shrink-0" }),
             /* @__PURE__ */ t("span", { className: "truncate text-xs", children: pe })
-          ] }) : /* @__PURE__ */ t("span", { className: "truncate", children: M }) }),
+          ] }) : /* @__PURE__ */ t("span", { className: "truncate", children: A }) }),
           /* @__PURE__ */ t(Vo, { className: "pointer-events-none absolute right-1 top-1/2 z-0 h-3 w-3 -translate-y-1/2 shrink-0 text-[var(--text-muted)] opacity-0 transition-opacity peer-hover:opacity-40" })
         ] });
       }
@@ -5120,12 +5122,12 @@ function ec({
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: T,
+      ref: M,
       tabIndex: 0,
       onKeyDown: oe,
       onBlur: (s) => {
-        var y;
-        (y = T.current) != null && y.contains(s.relatedTarget) || U();
+        var g;
+        (g = M.current) != null && g.contains(s.relatedTarget) || U(!1);
       },
       style: { width: "100%", minWidth: 0, outline: "none" },
       children: /* @__PURE__ */ t(
@@ -5232,7 +5234,7 @@ function tc({
   const p = {
     from: Wt(e),
     to: Wt(r)
-  }, h = Wt(a), [x, v] = A(
+  }, h = Wt(a), [x, v] = D(
     Wt(i || e)
   );
   return Q(() => {
@@ -5423,15 +5425,15 @@ function rc({
   menuClassName: u = "",
   onOpenChange: m
 }) {
-  const [f, p] = A(!1), [h, x] = A(!1), [v, L] = A({}), S = le(null), w = le(null), k = we(
-    (T) => {
-      p(T), m == null || m(T);
+  const [f, p] = D(!1), [h, x] = D(!1), [v, L] = D({}), S = le(null), w = le(null), k = we(
+    (M) => {
+      p(M), m == null || m(M);
     },
     [m]
   ), O = we(() => {
-    const T = S.current;
-    if (!T) return;
-    const q = T.getBoundingClientRect(), Z = typeof a == "number" ? a : q.width, te = typeof a == "number" ? a : Math.max(q.width, 180), P = n === "end" ? Math.max(8, q.right - te) : Math.min(q.left, window.innerWidth - te - 8), X = window.innerHeight - q.bottom, J = X < 240 && q.top > X ? void 0 : q.bottom + 6, E = J === void 0 ? window.innerHeight - q.top + 6 : void 0;
+    const M = S.current;
+    if (!M) return;
+    const q = M.getBoundingClientRect(), Z = typeof a == "number" ? a : q.width, te = typeof a == "number" ? a : Math.max(q.width, 180), P = n === "end" ? Math.max(8, q.right - te) : Math.min(q.left, window.innerWidth - te - 8), X = window.innerHeight - q.bottom, J = X < 240 && q.top > X ? void 0 : q.bottom + 6, E = J === void 0 ? window.innerHeight - q.top + 6 : void 0;
     L({
       position: "fixed",
       zIndex: 9999,
@@ -5444,19 +5446,19 @@ function rc({
   Q(() => x(!0), []), Q(() => {
     if (!f) return;
     O();
-    const T = (Z) => {
+    const M = (Z) => {
       var P, X;
       const te = Z.target;
       !((P = S.current) != null && P.contains(te)) && !((X = w.current) != null && X.contains(te)) && k(!1);
     }, q = (Z) => {
       Z.key === "Escape" && k(!1);
     };
-    return document.addEventListener("mousedown", T), window.addEventListener("keydown", q), window.addEventListener("resize", O), window.addEventListener("scroll", O, !0), () => {
-      document.removeEventListener("mousedown", T), window.removeEventListener("keydown", q), window.removeEventListener("resize", O), window.removeEventListener("scroll", O, !0);
+    return document.addEventListener("mousedown", M), window.addEventListener("keydown", q), window.addEventListener("resize", O), window.addEventListener("scroll", O, !0), () => {
+      document.removeEventListener("mousedown", M), window.removeEventListener("keydown", q), window.removeEventListener("resize", O), window.removeEventListener("scroll", O, !0);
     };
   }, [f, k, O]);
-  const ee = (T) => {
-    i || (T.key === "Enter" || T.key === " ") && (T.preventDefault(), k(!f));
+  const ee = (M) => {
+    i || (M.key === "Enter" || M.key === " ") && (M.preventDefault(), k(!f));
   }, z = cn(e) ? Ro(e, {
     onClick: () => {
       i || (ta(), k(!f));
@@ -5469,32 +5471,32 @@ function rc({
       "data-bonsaif-overlay": "true",
       className: `overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-1 shadow-xl ${u}`,
       style: v,
-      children: r.map((T) => /* @__PURE__ */ l("div", { children: [
-        T.separatorBefore && /* @__PURE__ */ t("div", { className: "my-1 border-t border-[var(--border)]" }),
+      children: r.map((M) => /* @__PURE__ */ l("div", { children: [
+        M.separatorBefore && /* @__PURE__ */ t("div", { className: "my-1 border-t border-[var(--border)]" }),
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             role: "menuitem",
-            disabled: T.disabled,
+            disabled: M.disabled,
             onClick: () => {
               var q;
-              T.disabled || (ta(), (q = T.onSelect) == null || q.call(T), k(!1));
+              M.disabled || (ta(), (q = M.onSelect) == null || q.call(M), k(!1));
             },
             className: "flex w-full min-w-0 items-start gap-2 rounded-md px-2.5 py-1.5 text-left transition-colors hover:bg-[var(--bg-input)] disabled:cursor-not-allowed disabled:opacity-50",
             style: {
-              color: T.danger ? "var(--danger)" : "var(--text-main)"
+              color: M.danger ? "var(--danger)" : "var(--text-main)"
             },
             children: [
-              T.icon && /* @__PURE__ */ t("span", { className: "mt-0.5 shrink-0", children: T.icon }),
+              M.icon && /* @__PURE__ */ t("span", { className: "mt-0.5 shrink-0", children: M.icon }),
               /* @__PURE__ */ l("span", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ t("span", { className: "block truncate text-sm font-medium", children: T.label }),
-                T.description && /* @__PURE__ */ t("span", { className: "block truncate text-xs text-[var(--text-muted)]", children: T.description })
+                /* @__PURE__ */ t("span", { className: "block truncate text-sm font-medium", children: M.label }),
+                M.description && /* @__PURE__ */ t("span", { className: "block truncate text-xs text-[var(--text-muted)]", children: M.description })
               ] })
             ]
           }
         )
-      ] }, T.id))
+      ] }, M.id))
     }
   ) : null;
   return /* @__PURE__ */ l(
@@ -5537,7 +5539,7 @@ function nc({
   disabled: ee = !1,
   children: z
 }) {
-  const [Y, T] = A(!1), [q, Z] = A(!1), [te, P] = A(!1), X = we(() => {
+  const [Y, M] = D(!1), [q, Z] = D(!1), [te, P] = D(!1), X = we(() => {
     Z(!0), requestAnimationFrame(() => {
       requestAnimationFrame(() => P(!0));
     });
@@ -5552,11 +5554,11 @@ function nc({
       return;
     }
     r();
-  }, [v, r, X]), R = we(() => {
+  }, [v, r, X]), H = we(() => {
     P(!1), Z(!1), O == null || O(), r();
   }, [r, O]);
   return Q(() => {
-    T(!0);
+    M(!0);
   }, []), Q(() => (document.body.style.overflow = e ? "hidden" : "", e || (P(!1), Z(!1)), () => {
     document.body.style.overflow = "";
   }), [e]), Q(() => {
@@ -5752,7 +5754,7 @@ function nc({
                           Be,
                           {
                             variant: "secondary",
-                            onClick: R,
+                            onClick: H,
                             className: "flex-1 border",
                             style: {
                               background: "var(--warning, #d97706)",
@@ -5983,7 +5985,7 @@ function Wa({
   required: x,
   ...v
 }) {
-  const [L, S] = A(() => !!v.autoFocus), [w, k] = A(!1), O = v.type === "password" && f, ee = O && w ? "text" : v.type, z = !!a, Y = z && i !== "tooltip", T = z && i !== "inline", q = p ? x : void 0, Z = z ? "border-[var(--danger)] focus:border-[var(--danger)]" : "", te = T ? O ? "pr-20" : "pr-10" : O ? "pr-10" : "", P = v.value !== void 0 ? String(v.value).length > 0 : v.defaultValue !== void 0 && String(v.defaultValue).length > 0, X = L || P, J = {
+  const [L, S] = D(() => !!v.autoFocus), [w, k] = D(!1), O = v.type === "password" && f, ee = O && w ? "text" : v.type, z = !!a, Y = z && i !== "tooltip", M = z && i !== "inline", q = p ? x : void 0, Z = z ? "border-[var(--danger)] focus:border-[var(--danger)]" : "", te = M ? O ? "pr-20" : "pr-10" : O ? "pr-10" : "", P = v.value !== void 0 ? String(v.value).length > 0 : v.defaultValue !== void 0 && String(v.defaultValue).length > 0, X = L || P, J = {
     top: X ? 7 : 12,
     color: L ? "var(--primary)" : "var(--text-muted)",
     fontSize: X ? 10 : 13,
@@ -5992,7 +5994,7 @@ function Wa({
   }, E = (oe) => {
     var W;
     S(!0), (W = v.onFocus) == null || W.call(v, oe);
-  }, R = (oe) => {
+  }, H = (oe) => {
     var W;
     S(!1), (W = v.onBlur) == null || W.call(v, oe);
   }, U = O ? /* @__PURE__ */ l(
@@ -6023,7 +6025,7 @@ function Wa({
         )
       ]
     }
-  ) : null, _ = T ? /* @__PURE__ */ t(
+  ) : null, _ = M ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
@@ -6054,7 +6056,7 @@ function Wa({
           "data-has-value": P ? "true" : void 0,
           className: `h-11 w-full pt-5 ${te} ${Z} ${h}`,
           onFocus: E,
-          onBlur: R
+          onBlur: H
         }
       ),
       /* @__PURE__ */ l(
@@ -6096,7 +6098,7 @@ function Wa({
           "aria-invalid": z || v["aria-invalid"],
           className: `w-full ${te} ${Z} ${h}`,
           onFocus: E,
-          onBlur: R
+          onBlur: H
         }
       ),
       _,
@@ -6131,7 +6133,7 @@ function bc({
   onChange: f,
   ...p
 }) {
-  const [h, x] = A(
+  const [h, x] = D(
     () => oa(m)
   ), v = u !== void 0 ? oa(u) : h, L = n && v.length > 0 && !ja(v) ? a : void 0;
   return /* @__PURE__ */ t(
@@ -6227,7 +6229,7 @@ function pc({
   size: ee = "md",
   containerClassName: z = "",
   dropzoneClassName: Y = "",
-  fileListClassName: T = "",
+  fileListClassName: M = "",
   className: q = "",
   id: Z,
   accept: te,
@@ -6235,15 +6237,15 @@ function pc({
   required: X,
   ...J
 }) {
-  const E = Ho(), R = Z ?? E, U = le(null), [_, oe] = A(!1), [W, s] = A(c), y = i ?? W, D = !!n, j = v && y.length > 0 && !P, B = (re, me) => {
+  const E = Ho(), H = Z ?? E, U = le(null), [_, oe] = D(!1), [W, s] = D(c), g = i ?? W, T = !!n, j = v && g.length > 0 && !P, B = (re, me) => {
     i === void 0 && s(re), u == null || u(re, me);
   }, ne = (re, me) => {
     const se = re.filter(
       (be) => la(be, te)
-    ), g = re.filter(
+    ), y = re.filter(
       (be) => !la(be, te)
-    ), H = h ? [...y, ...se] : se, ue = Wi(H, f, p);
-    g.length > 0 && (m == null || m(g)), B(ue, me);
+    ), I = h ? [...g, ...se] : se, ue = Wi(I, f, p);
+    y.length > 0 && (m == null || m(y)), B(ue, me);
   }, ce = () => {
     var re;
     P || (re = U.current) == null || re.click();
@@ -6253,12 +6255,12 @@ function pc({
     re.preventDefault(), P || oe(!0);
   }, ie = (re) => {
     re.currentTarget.contains(re.relatedTarget) || oe(!1);
-  }, I = (re) => {
+  }, R = (re) => {
     re.preventDefault(), oe(!1), !P && ne(Array.from(re.dataTransfer.files), re);
-  }, M = (re) => {
+  }, A = (re) => {
     re.key !== "Enter" && re.key !== " " || (re.preventDefault(), ce());
   }, G = (re) => {
-    B(y.filter((me, se) => se !== re));
+    B(g.filter((me, se) => se !== re));
   }, V = () => {
     B([]);
   };
@@ -6273,13 +6275,13 @@ function pc({
       {
         ...J,
         ref: U,
-        id: R,
+        id: H,
         type: "file",
         accept: te,
         multiple: f,
         disabled: P,
-        required: X && y.length === 0,
-        "aria-invalid": D || J["aria-invalid"],
+        required: X && g.length === 0,
+        "aria-invalid": T || J["aria-invalid"],
         className: "sr-only",
         onChange: pe
       }
@@ -6289,15 +6291,15 @@ function pc({
       {
         role: "button",
         tabIndex: P ? -1 : 0,
-        "aria-controls": R,
+        "aria-controls": H,
         "aria-disabled": P || void 0,
-        "aria-invalid": D || void 0,
-        className: `flex cursor-pointer flex-col items-center justify-center gap-3 rounded-lg border border-dashed bg-[var(--bg-card)] text-center outline-none transition-colors focus:border-[var(--primary)] focus:bg-[var(--bg-input)] ${_i[ee]} ${_ ? "border-[var(--primary)] bg-[var(--bg-input)]" : D ? "border-[var(--danger)]" : "border-[var(--border)]"} ${P ? "cursor-not-allowed opacity-60" : "hover:border-[var(--primary)] hover:bg-[var(--bg-input)]"} ${Y} ${q}`,
+        "aria-invalid": T || void 0,
+        className: `flex cursor-pointer flex-col items-center justify-center gap-3 rounded-lg border border-dashed bg-[var(--bg-card)] text-center outline-none transition-colors focus:border-[var(--primary)] focus:bg-[var(--bg-input)] ${_i[ee]} ${_ ? "border-[var(--primary)] bg-[var(--bg-input)]" : T ? "border-[var(--danger)]" : "border-[var(--border)]"} ${P ? "cursor-not-allowed opacity-60" : "hover:border-[var(--primary)] hover:bg-[var(--bg-input)]"} ${Y} ${q}`,
         onClick: ce,
         onDragOver: $,
         onDragLeave: ie,
-        onDrop: I,
-        onKeyDown: M,
+        onDrop: R,
+        onKeyDown: A,
         children: [
           /* @__PURE__ */ t("span", { className: "flex h-10 w-10 items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-input)] text-[var(--text-muted)]", children: /* @__PURE__ */ t(Yo, { className: "h-5 w-5" }) }),
           /* @__PURE__ */ l("span", { className: "space-y-1", children: [
@@ -6308,10 +6310,10 @@ function pc({
         ]
       }
     ),
-    x && y.length > 0 && /* @__PURE__ */ l(
+    x && g.length > 0 && /* @__PURE__ */ l(
       "div",
       {
-        className: `rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${T}`,
+        className: `rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${M}`,
         children: [
           /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 border-b border-[var(--border)] px-3 py-2", children: [
             /* @__PURE__ */ t("span", { className: "text-xs font-semibold uppercase text-[var(--text-muted)]", children: O }),
@@ -6326,7 +6328,7 @@ function pc({
               }
             )
           ] }),
-          /* @__PURE__ */ t("ul", { className: "divide-y divide-[var(--border)]", children: y.map((re, me) => /* @__PURE__ */ l(
+          /* @__PURE__ */ t("ul", { className: "divide-y divide-[var(--border)]", children: g.map((re, me) => /* @__PURE__ */ l(
             "li",
             {
               className: "flex items-center gap-3 px-3 py-2",
@@ -6380,12 +6382,12 @@ function hc({
   onSave: f,
   onChange: p
 }) {
-  const [h, x] = A(
+  const [h, x] = D(
     () => e.map((z) => ({ key: !1, type: "", ...z }))
-  ), [v, L] = A(""), [S, w] = A(""), k = we(
+  ), [v, L] = D(""), [S, w] = D(""), k = we(
     (z, Y) => {
-      x((T) => {
-        const q = T.map((Z, te) => te === z ? { ...Z, ...Y } : Z);
+      x((M) => {
+        const q = M.map((Z, te) => te === z ? { ...Z, ...Y } : Z);
         return p == null || p(q), q;
       });
     },
@@ -6405,13 +6407,13 @@ function hc({
       w("Ese campo ya existe en el arreglo.");
       return;
     }
-    const T = {
+    const M = {
       name: z,
       key: !1,
       type: ((q = n[0]) == null ? void 0 : q.value) ?? ""
     };
     x((Z) => {
-      const te = [...Z, T];
+      const te = [...Z, M];
       return p == null || p(te), te;
     }), L(""), w("");
   }, [n, h, v, p]);
@@ -6472,7 +6474,7 @@ function hc({
                   {
                     size: "sm",
                     checked: z.key ?? !1,
-                    onChange: (T) => k(Y, { key: T.target.checked }),
+                    onChange: (M) => k(Y, { key: M.target.checked }),
                     "aria-label": `${z.name} es clave`
                   }
                 ) }),
@@ -6480,7 +6482,7 @@ function hc({
                   At,
                   {
                     value: z.type ?? "",
-                    onChange: (T) => k(Y, { type: T }),
+                    onChange: (M) => k(Y, { type: M }),
                     options: n,
                     placeholder: "—",
                     emptyLabel: "—",
@@ -6605,21 +6607,21 @@ function vc({
   emptyText: L = "Sin resultados",
   clearLabel: S = "Limpiar seleccion"
 }) {
-  const [w, k] = A(!1), [O, ee] = A(""), [z, Y] = A(0), [T, q] = A(!1), [Z, te] = A({}), P = le(null), X = le(null), J = le(null), E = le(null), R = p && n.length >= h, U = at(() => new Set(e), [e]), _ = at(
+  const [w, k] = D(!1), [O, ee] = D(""), [z, Y] = D(0), [M, q] = D(!1), [Z, te] = D({}), P = le(null), X = le(null), J = le(null), E = le(null), H = p && n.length >= h, U = at(() => new Set(e), [e]), _ = at(
     () => n.filter(($) => U.has($.value)),
     [n, U]
   ), oe = x === "all" ? _.length : x, W = _.slice(0, oe), s = Math.max(
     0,
     _.length - W.length
-  ), y = R && O.trim() ? n.filter(
+  ), g = H && O.trim() ? n.filter(
     ($) => {
       var ie;
       return $.label.toLowerCase().includes(O.toLowerCase()) || ((ie = $.sublabel) == null ? void 0 : ie.toLowerCase().includes(O.toLowerCase()));
     }
-  ) : n, D = we(() => {
+  ) : n, T = we(() => {
     const $ = P.current;
     if (!$) return;
-    const ie = $.getBoundingClientRect(), I = R ? 304 : 244, M = window.innerHeight - ie.bottom, G = M < I && ie.top > M;
+    const ie = $.getBoundingClientRect(), R = H ? 304 : 244, A = window.innerHeight - ie.bottom, G = A < R && ie.top > A;
     te({
       position: "fixed",
       left: ie.left,
@@ -6628,39 +6630,39 @@ function vc({
       width: ie.width,
       zIndex: 9999
     });
-  }, [R]), j = we(
+  }, [H]), j = we(
     ($) => {
       Ki(e, $) || r($);
     },
     [r, e]
   ), B = we(
     ($) => {
-      const ie = n.find((M) => M.value === $);
+      const ie = n.find((A) => A.value === $);
       if (ie != null && ie.disabled) return;
-      const I = U.has($) ? e.filter((M) => M !== $) : [...e, $];
-      j(I);
+      const R = U.has($) ? e.filter((A) => A !== $) : [...e, $];
+      j(R);
     },
     [j, n, e, U]
   ), ne = we(() => j([]), [j]);
   Q(() => q(!0), []), Q(() => {
     if (!w) return;
     function $(ie) {
-      var M, G;
-      const I = ie.target;
-      !((M = P.current) != null && M.contains(I)) && !((G = X.current) != null && G.contains(I)) && (k(!1), ee(""));
+      var A, G;
+      const R = ie.target;
+      !((A = P.current) != null && A.contains(R)) && !((G = X.current) != null && G.contains(R)) && (k(!1), ee(""));
     }
     return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
   }, [w]), Q(() => {
-    w && (Y(0), D(), R && setTimeout(() => {
+    w && (Y(0), T(), H && setTimeout(() => {
       var $;
       return ($ = J.current) == null ? void 0 : $.focus();
     }, 0));
-  }, [w, R, D]), Q(() => {
+  }, [w, H, T]), Q(() => {
     if (w)
-      return window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
-        window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
+      return window.addEventListener("resize", T), window.addEventListener("scroll", T, !0), () => {
+        window.removeEventListener("resize", T), window.removeEventListener("scroll", T, !0);
       };
-  }, [w, D]), Q(() => {
+  }, [w, T]), Q(() => {
     if (z < 0 || !E.current) return;
     const $ = E.current.children[z];
     $ == null || $.scrollIntoView({ block: "nearest" });
@@ -6670,7 +6672,7 @@ function vc({
       ($.key === "Enter" || $.key === " " || $.key === "ArrowDown") && ($.preventDefault(), k(!0));
       return;
     }
-    $.key === "Escape" && ($.preventDefault(), k(!1), ee("")), $.key === "ArrowDown" && ($.preventDefault(), Y((ie) => Math.min(ie + 1, y.length - 1))), $.key === "ArrowUp" && ($.preventDefault(), Y((ie) => Math.max(ie - 1, 0))), $.key === "Enter" && y[z] && ($.preventDefault(), B(y[z].value)), $.key === "Backspace" && !O && e.length && ($.preventDefault(), j(e.slice(0, -1)));
+    $.key === "Escape" && ($.preventDefault(), k(!1), ee("")), $.key === "ArrowDown" && ($.preventDefault(), Y((ie) => Math.min(ie + 1, g.length - 1))), $.key === "ArrowUp" && ($.preventDefault(), Y((ie) => Math.max(ie - 1, 0))), $.key === "Enter" && g[z] && ($.preventDefault(), B(g[z].value)), $.key === "Backspace" && !O && e.length && ($.preventDefault(), j(e.slice(0, -1)));
   }
   const pe = /* @__PURE__ */ l(
     "div",
@@ -6683,7 +6685,7 @@ function vc({
         border: "1px solid var(--border)"
       },
       children: [
-        R && /* @__PURE__ */ l(
+        H && /* @__PURE__ */ l(
           "div",
           {
             className: "flex items-center gap-2 px-3 py-2",
@@ -6763,26 +6765,26 @@ function vc({
             "aria-multiselectable": "true",
             className: "overflow-y-auto",
             style: {
-              maxHeight: R ? 220 : 200,
+              maxHeight: H ? 220 : 200,
               scrollbarWidth: "thin",
               scrollbarColor: "var(--border) transparent",
               overscrollBehavior: "contain"
             },
             children: [
-              y.map(($, ie) => {
-                const I = ie === z, M = U.has($.value);
+              g.map(($, ie) => {
+                const R = ie === z, A = U.has($.value);
                 return /* @__PURE__ */ l(
                   "li",
                   {
                     role: "option",
-                    "aria-selected": M,
+                    "aria-selected": A,
                     onMouseDown: (G) => {
                       G.preventDefault(), B($.value);
                     },
                     onMouseEnter: () => !$.disabled && Y(ie),
                     className: "flex cursor-pointer items-center gap-2 px-3 py-2 text-sm transition-colors",
                     style: {
-                      background: I ? "var(--bg-hover)" : M ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
+                      background: R ? "var(--bg-hover)" : A ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
                       color: $.disabled ? "var(--text-muted)" : "var(--text-main)",
                       cursor: $.disabled ? "not-allowed" : "pointer",
                       opacity: $.disabled ? 0.58 : 1
@@ -6793,11 +6795,11 @@ function vc({
                         {
                           className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border",
                           style: {
-                            borderColor: M ? "var(--primary)" : "var(--border)",
-                            background: M ? "var(--primary)" : "var(--bg-input)",
+                            borderColor: A ? "var(--primary)" : "var(--border)",
+                            background: A ? "var(--primary)" : "var(--bg-input)",
                             color: "var(--primary-fg)"
                           },
-                          children: M && /* @__PURE__ */ t(Ue, { className: "h-3 w-3" })
+                          children: A && /* @__PURE__ */ t(Ue, { className: "h-3 w-3" })
                         }
                       ),
                       $.color && /* @__PURE__ */ t(
@@ -6831,7 +6833,7 @@ function vc({
                   $.value
                 );
               }),
-              y.length === 0 && /* @__PURE__ */ t(
+              g.length === 0 && /* @__PURE__ */ t(
                 "li",
                 {
                   className: "px-3 py-4 text-center text-sm",
@@ -6942,7 +6944,7 @@ function vc({
             ]
           }
         ),
-        w && T && Ze(pe, document.body)
+        w && M && Ze(pe, document.body)
       ]
     }
   );
@@ -7264,7 +7266,7 @@ function yc({
   label: ee,
   containerClassName: z = "",
   helperText: Y,
-  labelAction: T,
+  labelAction: M,
   className: q = "",
   required: Z,
   disabled: te,
@@ -7272,24 +7274,24 @@ function yc({
   showPasswordToggle: X,
   nativeValidation: J,
   errorTooltipLabel: E = "Error de validacion",
-  ...R
+  ...H
 }) {
   var re;
-  const [U, _] = A(
+  const [U, _] = D(
     () => sa(m)
-  ), [oe, W] = A(
+  ), [oe, W] = D(
     () => Nr(h)
   ), s = at(() => {
     const me = L ?? Yi, se = v == null ? void 0 : v.map(Nr);
-    return se != null && se.length ? me.filter((g) => se.includes(g.value)) : me;
-  }, [v, L]), y = ((re = s[0]) == null ? void 0 : re.value) ?? "+1", D = s.some(
+    return se != null && se.length ? me.filter((y) => se.includes(y.value)) : me;
+  }, [v, L]), g = ((re = s[0]) == null ? void 0 : re.value) ?? "+1", T = s.some(
     (me) => me.value === Nr(p ?? oe)
-  ) ? Nr(p ?? oe) : y, j = u !== void 0 ? sa(u) : U, B = `${D} ${j}`.trim(), ne = n && j.length > 0 && !za(B) ? a : void 0, ce = c ?? ne, pe = !!ce, $ = pe && i !== "tooltip", ie = pe && i !== "inline", I = pe ? "border-[var(--danger)] focus-within:border-[var(--danger)]" : "border-[var(--border)] focus-within:border-[var(--primary)]", M = (me) => {
+  ) ? Nr(p ?? oe) : g, j = u !== void 0 ? sa(u) : U, B = `${T} ${j}`.trim(), ne = n && j.length > 0 && !za(B) ? a : void 0, ce = c ?? ne, pe = !!ce, $ = pe && i !== "tooltip", ie = pe && i !== "inline", R = pe ? "border-[var(--danger)] focus-within:border-[var(--danger)]" : "border-[var(--border)] focus-within:border-[var(--primary)]", A = (me) => {
     const se = me.currentTarget.value;
     u === void 0 && _(se), O == null || O(se, {
-      countryCode: D,
+      countryCode: T,
       nationalNumber: se,
-      fullNumber: `${D} ${se}`.trim()
+      fullNumber: `${T} ${se}`.trim()
     }), f == null || f(me);
   }, G = (me) => {
     p === void 0 && W(me), x == null || x(me), O == null || O(j, {
@@ -7319,17 +7321,17 @@ function yc({
     /* @__PURE__ */ l("span", { className: "inline-flex items-center gap-1 text-xs font-semibold uppercase text-[var(--text-muted)]", children: [
       /* @__PURE__ */ t("span", { children: ee }),
       Z && /* @__PURE__ */ t("span", { className: "text-[var(--danger)]", children: "*" }),
-      T && /* @__PURE__ */ t("span", { className: "ml-auto normal-case", children: T })
+      M && /* @__PURE__ */ t("span", { className: "ml-auto normal-case", children: M })
     ] }),
     /* @__PURE__ */ l(
       "span",
       {
-        className: `flex h-10 min-w-0 items-center overflow-hidden rounded-lg border bg-[var(--bg-input)] transition-colors ${I}`,
+        className: `flex h-10 min-w-0 items-center overflow-hidden rounded-lg border bg-[var(--bg-input)] transition-colors ${R}`,
         children: [
           /* @__PURE__ */ t(
             At,
             {
-              value: D,
+              value: T,
               onChange: G,
               options: s,
               placeholder: S,
@@ -7351,7 +7353,7 @@ function yc({
             /* @__PURE__ */ t(
               "input",
               {
-                ...R,
+                ...H,
                 value: u,
                 defaultValue: m,
                 type: "tel",
@@ -7359,10 +7361,10 @@ function yc({
                 autoComplete: e,
                 disabled: te,
                 required: void 0,
-                "aria-label": R["aria-label"] ?? (typeof ee == "string" ? ee : void 0),
-                "aria-invalid": pe || R["aria-invalid"],
+                "aria-label": H["aria-label"] ?? (typeof ee == "string" ? ee : void 0),
+                "aria-invalid": pe || H["aria-invalid"],
                 className: `h-full w-full min-w-0 bg-transparent px-2 py-1.5 text-sm text-[var(--text-main)] outline-none placeholder:text-[var(--text-muted)] disabled:cursor-not-allowed disabled:opacity-60 ${ie ? "pr-10" : ""} ${q}`,
-                onChange: M
+                onChange: A
               }
             ),
             V
@@ -7475,7 +7477,7 @@ function Nc({
   placeholder: n = "Escribe algo...",
   minHeight: a = "80px"
 }) {
-  const i = le(null), c = le(null), u = le(null), m = le(!1), f = le(e ?? ""), p = le(r), [h, x] = A(() => !e || e.trim() === ""), [v, L] = A(/* @__PURE__ */ new Set()), [S, w] = A(null), [k, O] = A(""), [ee, z] = A(""), [Y, T] = A(""), [q, Z] = A(""), [te, P] = A(!1), X = we(
+  const i = le(null), c = le(null), u = le(null), m = le(!1), f = le(e ?? ""), p = le(r), [h, x] = D(() => !e || e.trim() === ""), [v, L] = D(/* @__PURE__ */ new Set()), [S, w] = D(null), [k, O] = D(""), [ee, z] = D(""), [Y, M] = D(""), [q, Z] = D(""), [te, P] = D(!1), X = we(
     () => m.current ? c.current : i.current,
     []
   );
@@ -7483,27 +7485,27 @@ function Nc({
     p.current = r;
   }, [r]);
   const J = we(() => {
-    const g = window.getSelection(), H = X();
-    if (!g || !H || g.rangeCount === 0 || g.isCollapsed)
+    const y = window.getSelection(), I = X();
+    if (!y || !I || y.rangeCount === 0 || y.isCollapsed)
       return "";
-    const ue = g.getRangeAt(0);
-    return !H.contains(ue.startContainer) || !H.contains(ue.endContainer) ? "" : g.toString();
+    const ue = y.getRangeAt(0);
+    return !I.contains(ue.startContainer) || !I.contains(ue.endContainer) ? "" : y.toString();
   }, [X]);
   Q(() => {
-    const g = e ?? "";
-    f.current = g;
-    const H = [i.current, c.current].filter(
+    const y = e ?? "";
+    f.current = y;
+    const I = [i.current, c.current].filter(
       (be) => !!be
     );
-    H.forEach((be) => {
-      be.innerHTML !== g && (be.innerHTML = g);
-    }), x(!g || g.trim() === "");
-    const ue = H.map((be) => ca(be));
+    I.forEach((be) => {
+      be.innerHTML !== y && (be.innerHTML = y);
+    }), x(!y || y.trim() === "");
+    const ue = I.map((be) => ca(be));
     return () => ue.forEach((be) => be());
   }, [e]), Q(() => {
     var be, Se;
     m.current = te;
-    let g, H = 0, ue;
+    let y, I = 0, ue;
     if (te) {
       const he = i.current;
       he && (f.current = he.innerHTML);
@@ -7511,22 +7513,22 @@ function Nc({
         var fe;
         const ke = c.current;
         if (!ke) {
-          H = requestAnimationFrame(Ee);
+          I = requestAnimationFrame(Ee);
           return;
         }
-        ke.innerHTML !== f.current && (ke.innerHTML = f.current), g = ca(ke), x(((fe = ke.textContent) == null ? void 0 : fe.trim()) === ""), ue = setTimeout(() => ke.focus(), 60);
+        ke.innerHTML !== f.current && (ke.innerHTML = f.current), y = ca(ke), x(((fe = ke.textContent) == null ? void 0 : fe.trim()) === ""), ue = setTimeout(() => ke.focus(), 60);
       };
-      H = requestAnimationFrame(Ee);
+      I = requestAnimationFrame(Ee);
     } else {
       const he = c.current, Ee = i.current, ke = (he == null ? void 0 : he.innerHTML) ?? f.current, fe = f.current;
       f.current = ke, Ee && Ee.innerHTML !== ke && (Ee.innerHTML = ke), ke !== fe && p.current(ke), x(((Se = (be = he ?? Ee) == null ? void 0 : be.textContent) == null ? void 0 : Se.trim()) === "");
     }
     return () => {
-      H && cancelAnimationFrame(H), ue && clearTimeout(ue), g == null || g();
+      I && cancelAnimationFrame(I), ue && clearTimeout(ue), y == null || y();
     };
   }, [te]);
   const E = we(() => {
-    const g = [
+    const y = [
       "bold",
       "italic",
       "underline",
@@ -7537,10 +7539,10 @@ function Nc({
       "justifyCenter",
       "justifyRight",
       "justifyFull"
-    ], H = /* @__PURE__ */ new Set();
-    g.forEach((be) => {
+    ], I = /* @__PURE__ */ new Set();
+    y.forEach((be) => {
       try {
-        document.queryCommandState(be) && H.add(be);
+        document.queryCommandState(be) && I.add(be);
       } catch {
         return;
       }
@@ -7549,70 +7551,70 @@ function Nc({
       const be = Xi(
         document.queryCommandValue("formatBlock")
       );
-      be && H.add(`formatBlock:${be}`);
+      be && I.add(`formatBlock:${be}`);
     } catch {
       return;
     }
     const ue = J();
-    Qr(ue, "uppercase") && H.add("__upper"), Qr(ue, "lowercase") && H.add("__lower"), Qr(ue, "capitalize") && H.add("__cap"), L(H);
-  }, [J]), R = () => {
-    var H;
-    const g = X();
-    g && (f.current = g.innerHTML, p.current(f.current), x(((H = g.textContent) == null ? void 0 : H.trim()) === ""));
-  }, U = (g) => {
-    if (!g) {
-      const H = i.current;
-      H && (f.current = H.innerHTML);
+    Qr(ue, "uppercase") && I.add("__upper"), Qr(ue, "lowercase") && I.add("__lower"), Qr(ue, "capitalize") && I.add("__cap"), L(I);
+  }, [J]), H = () => {
+    var I;
+    const y = X();
+    y && (f.current = y.innerHTML, p.current(f.current), x(((I = y.textContent) == null ? void 0 : I.trim()) === ""));
+  }, U = (y) => {
+    if (!y) {
+      const I = i.current;
+      I && (f.current = I.innerHTML);
     }
-    P(!g);
-  }, _ = (g, H) => {
+    P(!y);
+  }, _ = (y, I) => {
     var ue;
-    (ue = X()) == null || ue.focus(), document.execCommand(g, !1, H), R(), E();
-  }, oe = (g) => {
-    _("formatBlock", g);
+    (ue = X()) == null || ue.focus(), document.execCommand(y, !1, I), H(), E();
+  }, oe = (y) => {
+    _("formatBlock", y);
   }, W = () => {
-    var g;
-    (g = X()) == null || g.focus(), document.execCommand("insertHTML", !1, "<hr><p><br></p>"), R(), E();
+    var y;
+    (y = X()) == null || y.focus(), document.execCommand("insertHTML", !1, "<hr><p><br></p>"), H(), E();
   }, s = () => {
-    const g = window.getSelection();
-    g && g.rangeCount > 0 && (u.current = g.getRangeAt(0).cloneRange());
-  }, y = () => {
-    const g = window.getSelection();
-    g && u.current && (g.removeAllRanges(), g.addRange(u.current));
-  }, D = (g) => {
-    if (s(), g === "link") {
-      const H = window.getSelection();
+    const y = window.getSelection();
+    y && y.rangeCount > 0 && (u.current = y.getRangeAt(0).cloneRange());
+  }, g = () => {
+    const y = window.getSelection();
+    y && u.current && (y.removeAllRanges(), y.addRange(u.current));
+  }, T = (y) => {
+    if (s(), y === "link") {
+      const I = window.getSelection();
       z(
-        H && !H.isCollapsed ? H.toString() : ""
+        I && !I.isCollapsed ? I.toString() : ""
       ), O("");
     }
-    g === "image" && (T(""), Z("")), w(g);
+    y === "image" && (M(""), Z("")), w(y);
   }, j = () => {
     var be;
     if (!k.trim()) return;
-    y(), (be = X()) == null || be.focus();
-    const g = window.getSelection(), ue = (g && !g.isCollapsed ? g.toString() : "") || ee.trim() || k.trim();
+    g(), (be = X()) == null || be.focus();
+    const y = window.getSelection(), ue = (y && !y.isCollapsed ? y.toString() : "") || ee.trim() || k.trim();
     document.execCommand(
       "insertHTML",
       !1,
       `<a href="${kr(k.trim())}" target="_blank" rel="noopener noreferrer" class="rich-link">${kr(ue)}</a>`
-    ), R(), w(null);
-  }, B = (g, H = "") => `<span class="rich-img-wrap" contenteditable="false"><img src="${kr(g)}" alt="${kr(H)}" class="rich-img" />${qa()}</span>`, ne = () => {
-    var g;
-    Y.trim() && (y(), (g = X()) == null || g.focus(), document.execCommand(
+    ), H(), w(null);
+  }, B = (y, I = "") => `<span class="rich-img-wrap" contenteditable="false"><img src="${kr(y)}" alt="${kr(I)}" class="rich-img" />${qa()}</span>`, ne = () => {
+    var y;
+    Y.trim() && (g(), (y = X()) == null || y.focus(), document.execCommand(
       "insertHTML",
       !1,
       B(Y.trim(), q.trim())
-    ), R(), w(null));
-  }, ce = (g, H = 1200, ue = 1200, be = 0.72) => new Promise((Se, he) => {
+    ), H(), w(null));
+  }, ce = (y, I = 1200, ue = 1200, be = 0.72) => new Promise((Se, he) => {
     const Ee = new FileReader();
     Ee.onerror = he, Ee.onload = (ke) => {
       var Qe;
       const fe = (Qe = ke.target) == null ? void 0 : Qe.result, ze = new Image();
       ze.onerror = he, ze.onload = () => {
         let { width: qe, height: ae } = ze;
-        if (qe > H || ae > ue) {
-          const _e = Math.min(H / qe, ue / ae);
+        if (qe > I || ae > ue) {
+          const _e = Math.min(I / qe, ue / ae);
           qe = Math.round(qe * _e), ae = Math.round(ae * _e);
         }
         const Me = document.createElement("canvas");
@@ -7624,11 +7626,11 @@ function Nc({
         }
         Te.drawImage(ze, 0, 0, qe, ae), Se(Me.toDataURL("image/jpeg", be));
       }, ze.src = fe;
-    }, Ee.readAsDataURL(g);
-  }), pe = (g) => {
-    const ue = Array.from(g.clipboardData.items).find((Se) => Se.type.startsWith("image/"));
+    }, Ee.readAsDataURL(y);
+  }), pe = (y) => {
+    const ue = Array.from(y.clipboardData.items).find((Se) => Se.type.startsWith("image/"));
     if (!ue) return;
-    g.preventDefault();
+    y.preventDefault();
     const be = ue.getAsFile();
     be && ce(be).then((Se) => {
       var he;
@@ -7636,29 +7638,29 @@ function Nc({
         "insertHTML",
         !1,
         B(Se, "imagen")
-      ), R();
+      ), H();
     });
-  }, $ = (g) => {
-    const H = window.getSelection(), ue = X();
-    if (!H || !ue || H.rangeCount === 0 || H.isCollapsed)
+  }, $ = (y) => {
+    const I = window.getSelection(), ue = X();
+    if (!I || !ue || I.rangeCount === 0 || I.isCollapsed)
       return;
-    const be = H.getRangeAt(0);
+    const be = I.getRangeAt(0);
     if (!ue.contains(be.startContainer) || !ue.contains(be.endContainer))
       return;
     const Se = be.toString();
     if (!Se) return;
     let he = Se;
-    g === "uppercase" ? he = Se.toLocaleUpperCase() : g === "lowercase" ? he = Se.toLocaleLowerCase() : he = Ua(Se), be.deleteContents();
+    y === "uppercase" ? he = Se.toLocaleUpperCase() : y === "lowercase" ? he = Se.toLocaleLowerCase() : he = Ua(Se), be.deleteContents();
     const Ee = document.createTextNode(he);
     be.insertNode(Ee);
     const ke = document.createRange();
-    ke.setStart(Ee, 0), ke.setEnd(Ee, he.length), H.removeAllRanges(), H.addRange(ke), u.current = ke.cloneRange(), R(), E();
+    ke.setStart(Ee, 0), ke.setEnd(Ee, he.length), I.removeAllRanges(), I.addRange(ke), u.current = ke.cloneRange(), H(), E();
   }, ie = () => {
     s(), E();
-  }, I = () => {
-    R(), E();
-  }, M = (g) => {
-    if (g.key === "Escape") {
+  }, R = () => {
+    H(), E();
+  }, A = (y) => {
+    if (y.key === "Escape") {
       if (S) {
         w(null);
         return;
@@ -7668,20 +7670,20 @@ function Nc({
         return;
       }
     }
-    S || (g.ctrlKey || g.metaKey) && (g.key === "b" && (g.preventDefault(), _("bold")), g.key === "i" && (g.preventDefault(), _("italic")), g.key === "u" && (g.preventDefault(), _("underline")), g.key === "k" && (g.preventDefault(), D("link")));
+    S || (y.ctrlKey || y.metaKey) && (y.key === "b" && (y.preventDefault(), _("bold")), y.key === "i" && (y.preventDefault(), _("italic")), y.key === "u" && (y.preventDefault(), _("underline")), y.key === "k" && (y.preventDefault(), T("link")));
   }, G = () => /* @__PURE__ */ t(
     "div",
     {
       className: "h-4 w-px flex-shrink-0 mx-1",
       style: { background: "var(--border)" }
     }
-  ), V = (g, H, ue, be, Se) => {
+  ), V = (y, I, ue, be, Se) => {
     const he = Se ?? (v.has(ue) || ue === "__link" && S === "link" || ue === "__img" && S === "image");
     return /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        title: H,
+        title: I,
         onMouseDown: (Ee) => {
           Ee.preventDefault(), be ? be() : _(ue);
         },
@@ -7690,23 +7692,23 @@ function Nc({
           color: he ? "var(--primary)" : "var(--text-secondary)",
           background: he ? "rgba(59,130,246,0.12)" : "transparent"
         },
-        children: g
+        children: y
       },
       ue
     );
-  }, re = (g) => {
-    const H = g.target;
-    if (H.closest("[data-action='delete-img']")) {
-      g.preventDefault();
-      const ue = H.closest(".rich-img-wrap");
-      ue && (ue.remove(), R());
+  }, re = (y) => {
+    const I = y.target;
+    if (I.closest("[data-action='delete-img']")) {
+      y.preventDefault();
+      const ue = I.closest(".rich-img-wrap");
+      ue && (ue.remove(), H());
     }
-  }, me = (g) => /* @__PURE__ */ l(Re, { children: [
+  }, me = (y) => /* @__PURE__ */ l(Re, { children: [
     S === "link" && /* @__PURE__ */ l(
       "div",
       {
         className: "flex flex-shrink-0 flex-wrap items-center gap-2 border-t px-3 py-2",
-        style: { borderColor: "var(--border)", background: g },
+        style: { borderColor: "var(--border)", background: y },
         children: [
           /* @__PURE__ */ t(
             "input",
@@ -7714,9 +7716,9 @@ function Nc({
               autoFocus: !0,
               type: "url",
               value: k,
-              onChange: (H) => O(H.target.value),
-              onKeyDown: (H) => {
-                H.key === "Enter" && (H.preventDefault(), j()), H.key === "Escape" && w(null);
+              onChange: (I) => O(I.target.value),
+              onKeyDown: (I) => {
+                I.key === "Enter" && (I.preventDefault(), j()), I.key === "Escape" && w(null);
               },
               placeholder: "https://...",
               className: "min-w-0 flex-1 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7732,9 +7734,9 @@ function Nc({
             {
               type: "text",
               value: ee,
-              onChange: (H) => z(H.target.value),
-              onKeyDown: (H) => {
-                H.key === "Enter" && (H.preventDefault(), j()), H.key === "Escape" && w(null);
+              onChange: (I) => z(I.target.value),
+              onKeyDown: (I) => {
+                I.key === "Enter" && (I.preventDefault(), j()), I.key === "Escape" && w(null);
               },
               placeholder: "Texto (opcional)",
               className: "w-32 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7772,7 +7774,7 @@ function Nc({
       "div",
       {
         className: "flex flex-shrink-0 flex-wrap items-center gap-2 border-t px-3 py-2",
-        style: { borderColor: "var(--border)", background: g },
+        style: { borderColor: "var(--border)", background: y },
         children: [
           /* @__PURE__ */ t(
             "input",
@@ -7780,9 +7782,9 @@ function Nc({
               autoFocus: !0,
               type: "url",
               value: Y,
-              onChange: (H) => T(H.target.value),
-              onKeyDown: (H) => {
-                H.key === "Enter" && (H.preventDefault(), ne()), H.key === "Escape" && w(null);
+              onChange: (I) => M(I.target.value),
+              onKeyDown: (I) => {
+                I.key === "Enter" && (I.preventDefault(), ne()), I.key === "Escape" && w(null);
               },
               placeholder: "URL de la imagen...",
               className: "min-w-0 flex-1 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7798,9 +7800,9 @@ function Nc({
             {
               type: "text",
               value: q,
-              onChange: (H) => Z(H.target.value),
-              onKeyDown: (H) => {
-                H.key === "Enter" && (H.preventDefault(), ne()), H.key === "Escape" && w(null);
+              onChange: (I) => Z(I.target.value),
+              onKeyDown: (I) => {
+                I.key === "Enter" && (I.preventDefault(), ne()), I.key === "Escape" && w(null);
               },
               placeholder: "Texto alt",
               className: "w-28 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7834,11 +7836,11 @@ function Nc({
         ]
       }
     )
-  ] }), se = (g, H) => /* @__PURE__ */ l(
+  ] }), se = (y, I) => /* @__PURE__ */ l(
     "div",
     {
       className: "flex flex-shrink-0 flex-wrap items-center gap-0.5 border-t px-2 py-1",
-      style: { borderColor: "var(--border)", background: H },
+      style: { borderColor: "var(--border)", background: I },
       children: [
         V(
           /* @__PURE__ */ t(el, { className: "h-4 w-4" }),
@@ -7950,7 +7952,7 @@ function Nc({
           /* @__PURE__ */ t(wa, { className: "h-4 w-4" }),
           "Insertar enlace (Ctrl+K)",
           "__link",
-          () => D("link")
+          () => T("link")
         ),
         V(
           /* @__PURE__ */ t(sl, { className: "h-4 w-4" }),
@@ -7961,7 +7963,7 @@ function Nc({
           /* @__PURE__ */ t(cl, { className: "h-4 w-4" }),
           "Insertar imagen",
           "__img",
-          () => D("image")
+          () => T("image")
         ),
         V(
           /* @__PURE__ */ t(Na, { className: "h-4 w-4" }),
@@ -7986,13 +7988,13 @@ function Nc({
           "button",
           {
             type: "button",
-            title: g ? "Salir del modo de enfoque (Esc)" : "Modo de enfoque",
+            title: y ? "Salir del modo de enfoque (Esc)" : "Modo de enfoque",
             onMouseDown: (ue) => {
-              ue.preventDefault(), U(g);
+              ue.preventDefault(), U(y);
             },
             className: "flex h-7 w-7 items-center justify-center rounded transition-colors",
             style: { color: "var(--text-secondary)" },
-            children: g ? /* @__PURE__ */ t(Jo, { className: "h-4 w-4" }) : /* @__PURE__ */ t(Qo, { className: "h-4 w-4" })
+            children: y ? /* @__PURE__ */ t(Jo, { className: "h-4 w-4" }) : /* @__PURE__ */ t(Qo, { className: "h-4 w-4" })
           }
         )
       ]
@@ -8011,8 +8013,8 @@ function Nc({
               ref: i,
               contentEditable: !0,
               suppressContentEditableWarning: !0,
-              onInput: I,
-              onKeyDown: M,
+              onInput: R,
+              onKeyDown: A,
               onKeyUp: ie,
               onSelect: ie,
               onMouseUp: ie,
@@ -8053,8 +8055,8 @@ function Nc({
               ref: c,
               contentEditable: !0,
               suppressContentEditableWarning: !0,
-              onInput: I,
-              onKeyDown: M,
+              onInput: R,
+              onKeyDown: A,
               onKeyUp: ie,
               onSelect: ie,
               onMouseUp: ie,
@@ -8235,48 +8237,48 @@ function Sc({
   optionClassName: v,
   spinnerClassName: L
 }) {
-  const [S, w] = A(!1), [k, O] = A(!1), [ee, z] = A(-1), [Y, T] = A({}), q = le(null), Z = le(null), te = le(null), P = r.find((s) => s.value === e) ?? r[0], X = {
+  const [S, w] = D(!1), [k, O] = D(!1), [ee, z] = D(-1), [Y, M] = D({}), q = le(null), Z = le(null), te = le(null), P = r.find((s) => s.value === e) ?? r[0], X = {
     ...P != null && P.tone ? da[P.tone] : void 0,
     ...P == null ? void 0 : P.style
   }, J = i || c || r.length === 0, E = (s) => {
     u && s.stopPropagation();
-  }, R = we(() => {
+  }, H = we(() => {
     w(!1), z(-1);
   }, []), U = we(() => {
     const s = q.current;
     if (!s) return;
-    const y = s.getBoundingClientRect(), D = Math.max(y.width, rs[a]), j = Math.min(Math.max(r.length, 1) * 38 + 12, 260), B = window.innerHeight - y.bottom, ne = B < j && y.top > B, ce = Math.min(
-      Math.max(8, y.left + y.width / 2 - D / 2),
-      window.innerWidth - D - 8
+    const g = s.getBoundingClientRect(), T = Math.max(g.width, rs[a]), j = Math.min(Math.max(r.length, 1) * 38 + 12, 260), B = window.innerHeight - g.bottom, ne = B < j && g.top > B, ce = Math.min(
+      Math.max(8, g.left + g.width / 2 - T / 2),
+      window.innerWidth - T - 8
     );
-    T({
+    M({
       position: "fixed",
       left: ce,
-      top: ne ? void 0 : y.bottom + 6,
-      bottom: ne ? window.innerHeight - y.top + 6 : void 0,
-      width: D,
+      top: ne ? void 0 : g.bottom + 6,
+      bottom: ne ? window.innerHeight - g.top + 6 : void 0,
+      width: T,
       zIndex: 9999
     });
   }, [r.length, a]), _ = we(
     (s) => {
-      s.disabled || (n(s.value), R());
+      s.disabled || (n(s.value), H());
     },
-    [R, n]
+    [H, n]
   );
   Q(() => O(!0), []), Q(() => {
     if (!S) return;
     U();
-    const s = r.findIndex((y) => y.value === e);
+    const s = r.findIndex((g) => g.value === e);
     z(s >= 0 ? s : 0);
   }, [S, r, U, e]), Q(() => {
     if (!S) return;
-    function s(y) {
+    function s(g) {
       var j, B;
-      const D = y.target;
-      !((j = q.current) != null && j.contains(D)) && !((B = Z.current) != null && B.contains(D)) && R();
+      const T = g.target;
+      !((j = q.current) != null && j.contains(T)) && !((B = Z.current) != null && B.contains(T)) && H();
     }
     return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
-  }, [R, S]), Q(() => {
+  }, [H, S]), Q(() => {
     if (S)
       return window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), () => {
         window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
@@ -8293,21 +8295,21 @@ function Sc({
         return;
       }
       if (s.key === "Escape") {
-        s.preventDefault(), R();
+        s.preventDefault(), H();
         return;
       }
       if (s.key === "ArrowDown") {
-        s.preventDefault(), z((y) => Math.min(y + 1, r.length - 1));
+        s.preventDefault(), z((g) => Math.min(g + 1, r.length - 1));
         return;
       }
       if (s.key === "ArrowUp") {
-        s.preventDefault(), z((y) => Math.max(y - 1, 0));
+        s.preventDefault(), z((g) => Math.max(g - 1, 0));
         return;
       }
       if (s.key === "Enter" || s.key === " ") {
         s.preventDefault();
-        const y = r[ee];
-        y && _(y);
+        const g = r[ee];
+        g && _(g);
       }
     }
   }
@@ -8340,8 +8342,8 @@ function Sc({
             scrollbarColor: "var(--border) transparent",
             overscrollBehavior: "contain"
           },
-          children: r.map((s, y) => {
-            const D = s.value === e, j = y === ee, B = {
+          children: r.map((s, g) => {
+            const T = s.value === e, j = g === ee, B = {
               ...s.tone ? da[s.tone] : void 0,
               ...s.style
             };
@@ -8350,25 +8352,25 @@ function Sc({
               {
                 type: "button",
                 role: "option",
-                "aria-selected": D,
+                "aria-selected": T,
                 disabled: s.disabled,
-                onMouseEnter: () => !s.disabled && z(y),
+                onMouseEnter: () => !s.disabled && z(g),
                 onMouseDown: (ne) => {
                   ne.preventDefault(), _(s);
                 },
                 className: ht(
                   "flex w-full items-center gap-2 rounded-lg font-medium text-left transition-colors disabled:cursor-not-allowed disabled:opacity-45",
                   ns[a],
-                  D ? s.className : void 0,
+                  T ? s.className : void 0,
                   v
                 ),
                 style: {
-                  ...D ? B : void 0,
-                  background: D ? B.background ?? "color-mix(in srgb, var(--primary) 12%, transparent)" : j ? "var(--bg-hover)" : "transparent",
-                  color: D ? B.color ?? "var(--primary)" : "var(--text-main)"
+                  ...T ? B : void 0,
+                  background: T ? B.background ?? "color-mix(in srgb, var(--primary) 12%, transparent)" : j ? "var(--bg-hover)" : "transparent",
+                  color: T ? B.color ?? "var(--primary)" : "var(--text-main)"
                 },
                 children: [
-                  /* @__PURE__ */ t("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center", children: D ? /* @__PURE__ */ t(Ue, { className: "h-4 w-4" }) : null }),
+                  /* @__PURE__ */ t("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center", children: T ? /* @__PURE__ */ t(Ue, { className: "h-4 w-4" }) : null }),
                   /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: s.label })
                 ]
               },
@@ -8529,56 +8531,56 @@ function $c({
   contentClassName: w = "",
   footerClassName: k = ""
 }) {
-  var I;
-  const O = ((I = e[0]) == null ? void 0 : I.id) ?? "", [ee, z] = A(
+  var R;
+  const O = ((R = e[0]) == null ? void 0 : R.id) ?? "", [ee, z] = D(
     n ?? O
-  ), [Y, T] = A(
+  ), [Y, M] = D(
     i
   ), q = r ?? ee, Z = a ?? Y, te = at(
     () => new Set(Z),
     [Z]
   ), P = Math.max(
     0,
-    e.findIndex((M) => M.id === q)
-  ), X = e[P] ?? e[0], J = e.length <= 1 ? 100 : P / (e.length - 1) * 100, E = (M) => {
-    a || T(M), u == null || u(M);
-  }, R = (M) => {
-    const G = e.find((V) => V.id === M);
-    G && (r || z(M), c == null || c(M, G));
-  }, U = (M) => te.has(M), _ = (M) => e.slice(0, M).find((G) => !G.optional && !te.has(G.id)), oe = (M) => {
-    const G = e[M];
-    return !G || G.disabled ? !1 : M === P || f && M < P ? !0 : !_(M);
-  }, W = (M) => {
-    const G = e.findIndex((V) => V.id === M);
+    e.findIndex((A) => A.id === q)
+  ), X = e[P] ?? e[0], J = e.length <= 1 ? 100 : P / (e.length - 1) * 100, E = (A) => {
+    a || M(A), u == null || u(A);
+  }, H = (A) => {
+    const G = e.find((V) => V.id === A);
+    G && (r || z(A), c == null || c(A, G));
+  }, U = (A) => te.has(A), _ = (A) => e.slice(0, A).find((G) => !G.optional && !te.has(G.id)), oe = (A) => {
+    const G = e[A];
+    return !G || G.disabled ? !1 : A === P || f && A < P ? !0 : !_(A);
+  }, W = (A) => {
+    const G = e.findIndex((V) => V.id === A);
     return G >= 0 && oe(G);
-  }, s = (M) => {
-    const G = e.findIndex((V) => V.id === M);
+  }, s = (A) => {
+    const G = e.findIndex((V) => V.id === A);
     if (G < 0) return !1;
     if (!oe(G)) {
       const V = _(G);
       return V && (m == null || m(e[G], V)), !1;
     }
-    return R(M), !0;
-  }, y = (M = X == null ? void 0 : X.id) => {
-    !M || te.has(M) || E([...Z, M]);
-  }, D = (M = X == null ? void 0 : X.id) => {
-    if (!M) return;
-    const G = e.findIndex((re) => re.id === M), V = Z.filter((re) => {
+    return H(A), !0;
+  }, g = (A = X == null ? void 0 : X.id) => {
+    !A || te.has(A) || E([...Z, A]);
+  }, T = (A = X == null ? void 0 : X.id) => {
+    if (!A) return;
+    const G = e.findIndex((re) => re.id === A), V = Z.filter((re) => {
       const me = e.findIndex((se) => se.id === re);
       return me >= 0 && me < G;
     });
-    E(V), G >= 0 && P > G && R(M);
+    E(V), G >= 0 && P > G && H(A);
   }, j = () => P <= 0 ? !1 : s(e[P - 1].id), B = () => {
-    const M = e[P + 1];
-    return M ? s(M.id) : !1;
+    const A = e[P + 1];
+    return A ? s(A.id) : !1;
   }, ne = {
     activeStep: X,
     activeIndex: P,
     completedStepIds: Z,
     isCompleted: U,
     isUnlocked: W,
-    completeStep: y,
-    uncompleteStep: D,
+    completeStep: g,
+    uncompleteStep: T,
     goToStep: s,
     goNext: B,
     goPrevious: j
@@ -8615,8 +8617,8 @@ function $c({
                   style: {
                     gridTemplateColumns: `repeat(${e.length}, minmax(0, 1fr))`
                   },
-                  children: e.map((M, G) => {
-                    const V = M.id === X.id, re = U(M.id), me = oe(G), se = _(G);
+                  children: e.map((A, G) => {
+                    const V = A.id === X.id, re = U(A.id), me = oe(G), se = _(G);
                     return /* @__PURE__ */ l(
                       "button",
                       {
@@ -8624,8 +8626,8 @@ function $c({
                         disabled: !me,
                         "aria-current": V ? "step" : void 0,
                         "aria-disabled": !me,
-                        title: !me && se ? `Completa ${se.title}` : M.title,
-                        onClick: () => s(M.id),
+                        title: !me && se ? `Completa ${se.title}` : A.title,
+                        onClick: () => s(A.id),
                         className: it(
                           "group relative min-h-16 min-w-0 overflow-hidden rounded-md border p-3 text-left transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)]/35 disabled:cursor-not-allowed",
                           V && "border-[var(--primary)] bg-[var(--bg-card)] shadow-sm",
@@ -8668,17 +8670,17 @@ function $c({
                                   children: [
                                     G + 1,
                                     ". ",
-                                    M.title
+                                    A.title
                                   ]
                                 }
                               ),
-                              M.description && /* @__PURE__ */ t("span", { className: "mt-1 block truncate text-[11px] text-[var(--text-muted)]", children: M.description })
+                              A.description && /* @__PURE__ */ t("span", { className: "mt-1 block truncate text-[11px] text-[var(--text-muted)]", children: A.description })
                             ] }),
-                            M.badge && /* @__PURE__ */ t("span", { className: "shrink-0", children: M.badge })
+                            A.badge && /* @__PURE__ */ t("span", { className: "shrink-0", children: A.badge })
                           ] })
                         ]
                       },
-                      M.id
+                      A.id
                     );
                   })
                 }
@@ -8791,7 +8793,7 @@ const ss = ga(
     onInput: O,
     ...ee
   }, z) {
-    const Y = le(null), T = is(S, w), q = p ?? k, Z = !!(x || v || f), te = h === "error" ? "var(--danger)" : h === "success" ? "#16a34a" : "var(--border)", P = {
+    const Y = le(null), M = is(S, w), q = p ?? k, Z = !!(x || v || f), te = h === "error" ? "var(--danger)" : h === "success" ? "#16a34a" : "var(--border)", P = {
       ...L ?? {},
       ...u ? { minHeight: `${u * 24 + 18}px` } : null,
       ...m ? { maxHeight: `${m * 24 + 18}px` } : null
@@ -8823,7 +8825,7 @@ const ss = ga(
       J,
       v && /* @__PURE__ */ t("span", { className: "absolute right-2 top-2 flex items-center justify-center", children: v }),
       f && /* @__PURE__ */ l("span", { className: "absolute bottom-1.5 right-2 rounded bg-[var(--bg-input)] px-1.5 text-[10px] font-semibold text-[var(--text-muted)]", children: [
-        T,
+        M,
         q ? `/${q}` : ""
       ] })
     ] }) : J;
@@ -9035,11 +9037,11 @@ function ys({
   style: L
 }) {
   var U;
-  const [S, w] = A(!1), k = typeof e == "string" && e.trim() && e !== "undefined" && e !== "null" ? e.trim() : "";
+  const [S, w] = D(!1), k = typeof e == "string" && e.trim() && e !== "undefined" && e !== "null" ? e.trim() : "";
   Q(() => {
     w(!1);
   }, [k, x]);
-  const { wh: O, text: ee } = ms[a], z = fa(n) || fa(r) || m, Y = z.trim()[0] || "?", T = typeof process < "u" && ((U = process.env) == null ? void 0 : U.NEXT_PUBLIC_BASE_PATH) || "", q = xs(r, n), Z = gs(T, "/favicon.svg"), te = k ? `${T}/api/user/avatar/${k}${x ? `?v=${x}` : ""}` : "", X = {
+  const { wh: O, text: ee } = ms[a], z = fa(n) || fa(r) || m, Y = z.trim()[0] || "?", M = typeof process < "u" && ((U = process.env) == null ? void 0 : U.NEXT_PUBLIC_BASE_PATH) || "", q = xs(r, n), Z = gs(M, "/favicon.svg"), te = k ? `${M}/api/user/avatar/${k}${x ? `?v=${x}` : ""}` : "", X = {
     xs: 20,
     sm: 28,
     md: 36,
@@ -9100,12 +9102,12 @@ function ys({
         ]
       }
     );
-  const E = c ?? !0, R = u ?? z;
-  return E && R ? /* @__PURE__ */ t(
+  const E = c ?? !0, H = u ?? z;
+  return E && H ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
-      content: R,
+      content: H,
       className: `inline-flex flex-shrink-0 ${f}`,
       children: J
     }
@@ -9132,7 +9134,7 @@ function ks({
   onLogout: f,
   LinkComponent: p = ws
 }) {
-  const [h, x] = A(!1), v = Ns(r);
+  const [h, x] = D(!1), v = Ns(r);
   return /* @__PURE__ */ l("div", { className: "min-h-screen bg-[var(--bg-main)] text-[var(--text-main)]", children: [
     /* @__PURE__ */ t(us, {}),
     /* @__PURE__ */ t(
@@ -9349,7 +9351,7 @@ function Tc({
   contained: h = !1,
   LinkComponent: x = Ss
 }) {
-  const v = le(null), [L, S] = A(!1), [w, k] = A(f ?? "/"), [O, ee] = A(() => ha()), [z, Y] = A(null), T = f ?? w, q = m ?? Ls(T), Z = i ?? Ms(T), te = p && !O && q.length > 1, P = !te;
+  const v = le(null), [L, S] = D(!1), [w, k] = D(f ?? "/"), [O, ee] = D(() => ha()), [z, Y] = D(null), M = f ?? w, q = m ?? Ls(M), Z = i ?? Ms(M), te = p && !O && q.length > 1, P = !te;
   Q(() => {
     f || k(window.location.pathname);
   }, [f]), Q(() => {
@@ -9359,7 +9361,7 @@ function Tc({
       S(!1);
       return;
     }
-    let J = null, E = 0, R = 0;
+    let J = null, E = 0, H = 0;
     const U = () => {
       const W = v.current, s = document.querySelector(
         "[data-app-scroll='true']"
@@ -9373,8 +9375,8 @@ function Tc({
     }, oe = () => {
       J == null || J.removeEventListener("scroll", _), J = U(), J.addEventListener("scroll", _, { passive: !0 }), _();
     };
-    return oe(), E = window.requestAnimationFrame(oe), R = window.setTimeout(oe, 120), () => {
-      window.cancelAnimationFrame(E), window.clearTimeout(R), J == null || J.removeEventListener("scroll", _);
+    return oe(), E = window.requestAnimationFrame(oe), H = window.setTimeout(oe, 120), () => {
+      window.cancelAnimationFrame(E), window.clearTimeout(H), J == null || J.removeEventListener("scroll", _);
     };
   }, [h]), Q(() => {
     if (h) {
@@ -9382,32 +9384,32 @@ function Tc({
       return;
     }
     let J = 0;
-    const E = [], R = () => {
-      const D = v.current, j = D == null ? void 0 : D.parentElement, B = document.querySelector(
+    const E = [], H = () => {
+      const T = v.current, j = T == null ? void 0 : T.parentElement, B = document.querySelector(
         "[data-app-scroll='true']"
       ), ne = tn(B) ?? B;
-      if (!D || !j || !ne) {
+      if (!T || !j || !ne) {
         Y(null);
         return;
       }
-      const ce = j.getBoundingClientRect(), pe = window.getComputedStyle(j), $ = ne.getBoundingClientRect(), ie = ne instanceof HTMLElement && ne.clientWidth > 0 ? ne.clientWidth : $.width, I = ce.left + parseFloat(pe.paddingLeft || "0"), M = {
-        marginLeft: Math.round($.left - I),
+      const ce = j.getBoundingClientRect(), pe = window.getComputedStyle(j), $ = ne.getBoundingClientRect(), ie = ne instanceof HTMLElement && ne.clientWidth > 0 ? ne.clientWidth : $.width, R = ce.left + parseFloat(pe.paddingLeft || "0"), A = {
+        marginLeft: Math.round($.left - R),
         width: Math.round(ie)
       };
       Y(
-        (G) => G && G.marginLeft === M.marginLeft && G.width === M.width ? G : M
+        (G) => G && G.marginLeft === A.marginLeft && G.width === A.width ? G : A
       );
     }, U = () => {
-      window.cancelAnimationFrame(J), J = window.requestAnimationFrame(R);
+      window.cancelAnimationFrame(J), J = window.requestAnimationFrame(H);
     };
     U(), window.addEventListener("resize", U);
     const _ = new ResizeObserver(U), oe = v.current, W = oe == null ? void 0 : oe.parentElement, s = document.querySelector(
       "[data-app-scroll='true']"
-    ), y = tn(s) ?? s;
-    return [W, s, y].forEach((D) => {
-      D && _.observe(D);
+    ), g = tn(s) ?? s;
+    return [W, s, g].forEach((T) => {
+      T && _.observe(T);
     }), E.push(window.setTimeout(U, 120)), E.push(window.setTimeout(U, 280)), () => {
-      window.cancelAnimationFrame(J), window.removeEventListener("resize", U), _.disconnect(), E.forEach((D) => window.clearTimeout(D));
+      window.cancelAnimationFrame(J), window.removeEventListener("resize", U), _.disconnect(), E.forEach((T) => window.clearTimeout(T));
     };
   }, [h]);
   const X = {
@@ -9449,7 +9451,7 @@ function Tc({
                         {
                           className: `flex flex-wrap items-center gap-1.5 leading-none transition-[font-size,line-height] duration-300 ease-out ${L ? "text-[10px]" : "text-[10px] sm:text-[11px]"}`,
                           children: q.map((J, E) => {
-                            const R = E === q.length - 1;
+                            const H = E === q.length - 1;
                             return /* @__PURE__ */ l(
                               "li",
                               {
@@ -9462,7 +9464,7 @@ function Tc({
                                       style: { color: "var(--text-muted)" }
                                     }
                                   ),
-                                  J.href && !R ? /* @__PURE__ */ t(
+                                  J.href && !H ? /* @__PURE__ */ t(
                                     x,
                                     {
                                       href: J.href,
@@ -9473,10 +9475,10 @@ function Tc({
                                   ) : /* @__PURE__ */ t(
                                     "span",
                                     {
-                                      "aria-current": R ? "page" : void 0,
-                                      className: R ? "truncate font-semibold" : "truncate",
+                                      "aria-current": H ? "page" : void 0,
+                                      className: H ? "truncate font-semibold" : "truncate",
                                       style: {
-                                        color: R ? "var(--text-main)" : "var(--text-muted)"
+                                        color: H ? "var(--text-main)" : "var(--text-muted)"
                                       },
                                       children: J.label
                                     }
@@ -9597,7 +9599,7 @@ function Dc({
   src: r,
   projectKey: n
 }) {
-  const [a, i] = A("system"), c = le(null);
+  const [a, i] = D("system"), c = le(null);
   Q(() => {
     i(va());
     const f = new MutationObserver(
@@ -9661,7 +9663,7 @@ function Dc({
   ) });
 }
 function Bc() {
-  const [e, r] = A(""), [n, a] = A(!1), [i, c] = A({ width: 96, height: 96 });
+  const [e, r] = D(""), [n, a] = D(!1), [i, c] = D({ width: 96, height: 96 });
   return Q(() => {
     let u = !1;
     return fetch("/api/microservices/prime-suite/chat-url", { cache: "no-store" }).then((m) => m.ok ? m.json() : null).then((m) => {
@@ -9728,7 +9730,7 @@ function Oc({
   return /* @__PURE__ */ t(Nl, { position: e, theme: r, richColors: !0, closeButton: !0 });
 }
 function Ic(e) {
-  const [r, n] = A({}), [a, i] = A(!1), c = we(
+  const [r, n] = D({}), [a, i] = D(!1), c = we(
     (p) => a || r[p] ? e[p] : void 0,
     [e, a, r]
   ), u = we((p) => {