bonsaif-ui 0.1.47 → 0.1.48

package/dist/bonsaif-ui.js

@@ -1,5 +1,5 @@
 "use client";
-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 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 { 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), [v, x] = D(!1), h = c || v || 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] = 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";
   Q(() => {
     var k;
     i && ((k = p.current) == null || k.focus());
@@ -53,9 +53,9 @@ function El({
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `relative min-w-0 max-w-full flex-shrink-0 overflow-visible transition-[width] duration-200 ease-out ${h ? S : "w-24 sm:w-28"}`,
+      className: `relative min-w-0 max-w-full flex-shrink-0 overflow-visible transition-[width] duration-200 ease-out ${v ? S : "w-24 sm:w-28"}`,
       onMouseDown: (k) => {
-        h || (k.preventDefault(), w());
+        v || (k.preventDefault(), w());
       },
       children: [
         /* @__PURE__ */ t(
@@ -80,12 +80,12 @@ function El({
             onKeyDown: (k) => {
               k.key === "Escape" && (u == null || u());
             },
-            placeholder: h ? n : "Buscar",
-            className: `${L} w-full py-0 text-sm leading-none placeholder:text-[var(--text-muted)] focus:outline-none transition-all duration-200 ${h ? "pl-9 pr-8" : "cursor-pointer pl-9 pr-3"}`,
+            placeholder: v ? n : "Buscar",
+            className: `${L} w-full py-0 text-sm leading-none placeholder:text-[var(--text-muted)] focus:outline-none transition-all duration-200 ${v ? "pl-9 pr-8" : "cursor-pointer pl-9 pr-3"}`,
             style: {
               height: `var(--page-header-control-height, ${m === "sm" ? "36px" : "40px"})`,
               paddingLeft: "calc(var(--page-header-control-icon-left, 12px) + 24px)",
-              paddingRight: h ? "calc(var(--page-header-control-padding-x, 14px) + 18px)" : "var(--page-header-control-padding-x, 14px)",
+              paddingRight: v ? "calc(var(--page-header-control-padding-x, 14px) + 18px)" : "var(--page-header-control-padding-x, 14px)",
               background: "color-mix(in srgb, var(--bg-card) 86%, transparent)",
               border: "1px solid var(--border)",
               color: "var(--text-main)"
@@ -157,12 +157,12 @@ function Ut({
   className: m = "",
   tooltipClassName: f = "",
   style: p,
-  tooltipStyle: v,
+  tooltipStyle: h,
   as: x = "div"
 }) {
-  const h = le(null), L = le(null), S = le(null), w = le(!1), [k, O] = D(null), [ee, z] = D("");
+  const v = le(null), L = le(null), S = le(null), w = le(!1), [k, O] = A(null), [ee, z] = A("");
   Q(() => {
-    const E = h.current;
+    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"));
@@ -172,21 +172,21 @@ function Ut({
     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, A, j;
-    if (!i && h.current) {
-      const B = h.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, A = _.width - 1) : c === "right" ? (s = B.right + U, y = ce - _.height / 2, A = -7) : (s = ne - _.width / 2, y = B.bottom + U, j = -7);
+    let s = k.mouseX + U, y = k.mouseY + U, D, 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);
     }
-    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 && h.current) {
-      const B = h.current.getBoundingClientRect(), ne = B.left + B.width / 2, ce = B.top + B.height / 2;
-      c === "top" || c === "bottom" ? A = Math.min(Math.max(14, ne - s), _.width - 14) : j = Math.min(Math.max(14, ce - y), _.height - 14);
+    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) {
+      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);
     }
-    (Math.abs(s - k.x) > 0.5 || Math.abs(y - k.y) > 0.5 || A !== k.arrowX || j !== k.arrowY) && O(
+    (Math.abs(s - k.x) > 0.5 || Math.abs(y - k.y) > 0.5 || D !== k.arrowX || j !== k.arrowY) && O(
       (B) => B && {
         ...B,
         x: s,
         y,
-        arrowX: A,
+        arrowX: D,
         arrowY: j
       }
     );
@@ -195,7 +195,7 @@ function Ut({
     S.current && (window.clearTimeout(S.current), S.current = null);
   }, T = (E, R) => {
     if (!$l() || w.current) return;
-    const U = h.current;
+    const U = v.current;
     if (U && !hr(U)) {
       if (n) {
         const _ = Ll(U);
@@ -205,7 +205,7 @@ function Ut({
       !n && !r || O({ mouseX: E, mouseY: R, x: E + 14, y: R + 14 });
     }
   }, q = () => {
-    const E = h.current;
+    const E = v.current;
     if (!E) return;
     const R = E.getBoundingClientRect();
     T(R.left + R.width / 2, R.bottom);
@@ -224,7 +224,7 @@ function Ut({
   };
   Q(() => {
     if (!k) return;
-    if (hr(h.current)) {
+    if (hr(v.current)) {
       O(null);
       return;
     }
@@ -233,7 +233,7 @@ function Ut({
     };
     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);
     const U = new MutationObserver(() => {
-      hr(h.current) && O(null);
+      hr(v.current) && O(null);
     });
     return U.observe(document.body, {
       childList: !0,
@@ -260,7 +260,7 @@ function Ut({
       x,
       {
         ref: (E) => {
-          h.current = E;
+          v.current = E;
         },
         className: m,
         style: p,
@@ -280,7 +280,7 @@ function Ut({
         children: e
       }
     ),
-    k && J && !hr(h.current) ? Ze(
+    k && J && !hr(v.current) ? Ze(
       /* @__PURE__ */ l(
         "div",
         {
@@ -306,7 +306,7 @@ function Ut({
             whiteSpace: "normal",
             lineHeight: 1.6,
             overflowWrap: "anywhere",
-            ...v
+            ...h
           },
           children: [
             u && /* @__PURE__ */ t(
@@ -317,11 +317,11 @@ function Ut({
                   position: "absolute",
                   width: 12,
                   height: 12,
-                  background: (v == null ? void 0 : v.background) ?? "var(--bg-card)",
-                  borderLeft: c === "right" ? (v == null ? void 0 : v.border) ?? "1px solid var(--border)" : void 0,
-                  borderTop: c === "bottom" || c === "right" ? (v == null ? void 0 : v.border) ?? "1px solid var(--border)" : void 0,
-                  borderRight: c === "left" ? (v == null ? void 0 : v.border) ?? "1px solid var(--border)" : void 0,
-                  borderBottom: c === "top" || c === "left" ? (v == null ? void 0 : v.border) ?? "1px solid var(--border)" : void 0,
+                  background: (h == null ? void 0 : h.background) ?? "var(--bg-card)",
+                  borderLeft: c === "right" ? (h == null ? void 0 : h.border) ?? "1px solid var(--border)" : void 0,
+                  borderTop: c === "bottom" || c === "right" ? (h == null ? void 0 : h.border) ?? "1px solid var(--border)" : void 0,
+                  borderRight: c === "left" ? (h == null ? void 0 : h.border) ?? "1px solid var(--border)" : void 0,
+                  borderBottom: c === "top" || c === "left" ? (h == null ? void 0 : h.border) ?? "1px solid var(--border)" : void 0,
                   transform: "rotate(45deg)",
                   left: k.arrowX === void 0 ? void 0 : k.arrowX - 6,
                   top: k.arrowY === void 0 ? void 0 : k.arrowY - 6,
@@ -381,20 +381,20 @@ function Be({
   padding: m,
   children: f,
   className: p = "",
-  disabled: v,
+  disabled: h,
   style: x,
-  ...h
+  ...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 ?? h.title ?? h["aria-label"] ?? (S ? Y : void 0), q = T ? void 0 : h.title, Z = h["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), 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(
     "button",
     {
-      ...h,
+      ...v,
       title: q,
       "aria-label": Z,
       "data-variant": e,
       "data-size": O,
       "data-icon": ee ? "true" : void 0,
-      disabled: v || n,
+      disabled: h || n,
       className: `${Ml} ${z ? Al : Tl[e]} ${ee ? Bl[O] : Dl[O]} ${w && !ee ? "px-2.5" : ""} ${p}`,
       style: {
         ...Ol[e],
@@ -569,9 +569,9 @@ function Ks({
   loadModule: m,
   activeService: f,
   initialService: p,
-  onActiveServiceChange: v,
+  onActiveServiceChange: h,
   canAccess: x,
-  keepAlive: h = !0,
+  keepAlive: v = !0,
   title: L,
   subtitle: S,
   emptyState: w,
@@ -598,18 +598,18 @@ function Ks({
     [x, i, c]
   ), _ = (qe = U.find(
     (ae) => !ae.disabled
-  )) == null ? void 0 : qe.service, [oe, W] = D(
+  )) == null ? void 0 : qe.service, [oe, W] = A(
     p ?? _ ?? ""
-  ), [s, y] = D({}), [A, j] = D({}), [B, ne] = D(""), [ce, pe] = D(!1), $ = le(A), 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(
+  ), [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);
   Q(() => {
     !se && _ && W(_);
   }, [_, se]), Q(() => {
-    $.current = A;
-  }, [A]);
+    $.current = D;
+  }, [D]);
   const g = (ae) => {
-    ae.disabled || (f || W(ae.service), v == null || v(ae.service, ae));
+    ae.disabled || (f || W(ae.service), h == null || h(ae.service, ae));
   }, H = (ae) => {
     q === void 0 && ne(ae), Z == null || Z(ae);
   }, ue = (ae, Me) => {
@@ -622,7 +622,7 @@ function Ks({
   }, be = we(() => {
     if (!se) return;
     const ae = se.service, Me = $.current[ae];
-    if (Me != null && Me.loading || Me != null && Me.component && h) return;
+    if (Me != null && Me.loading || Me != null && Me.component && v) return;
     const Te = (u == null ? void 0 : u[ae]) ?? m;
     if (!Te) {
       j((De) => ({
@@ -639,7 +639,7 @@ function Ks({
       ...De,
       [ae]: { ...De[ae], loading: !0, error: void 0 }
     })), Te(se, i).then((De) => {
-      if (_e !== ie.current && !h) return;
+      if (_e !== ie.current && !v) return;
       const et = Fl(De);
       j((Fe) => ({
         ...Fe,
@@ -652,9 +652,9 @@ function Ks({
         [ae]: { ...Fe[ae], loading: !1, error: et }
       }));
     });
-  }, [i, h, m, u, se]);
+  }, [i, v, m, u, se]);
   Q(be, [be]);
-  const Se = se ? s[se.service] ?? null : null, he = se ? A[se.service] : void 0, Ee = he == null ? void 0 : he.component, ke = (ae) => {
+  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) => ({
       ...Me,
       [se.service]: ae
@@ -919,21 +919,21 @@ function Ys({
   minDate: n,
   displayMode: a = "inline"
 }) {
-  const i = Ul(), u = Da(e || i), m = a === "popover", [f, p] = D(!1), v = le(null), [x, h] = D({
+  const i = Ul(), u = Da(e || i), m = a === "popover", [f, p] = A(!1), h = le(null), [x, v] = A({
     horizontal: "left",
     vertical: "bottom"
-  }), [L, S] = D(u.year), [w, k] = D(u.month), [O, ee] = D("days"), z = 16, [Y, T] = D(0), q = L - 7 + Y, Z = Array.from({ length: z }, (W, s) => q + s);
+  }), [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);
   Q(() => {
-    if (!m || !f || !v.current) return;
-    const W = v.current.getBoundingClientRect(), s = 8, y = 280, A = 340, j = W.left + y > window.innerWidth - s, B = W.right - y >= s, ne = W.bottom + 8 + A > window.innerHeight - s, ce = W.top - 8 - A >= s;
-    h({
+    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;
+    v({
       horizontal: j && B ? "right" : "left",
       vertical: ne && ce ? "top" : "bottom"
     });
   }, [m, f]), Q(() => {
     if (!m || !f) return;
     function W(y) {
-      v.current && (v.current.contains(y.target) || p(!1));
+      h.current && (h.current.contains(y.target) || p(!1));
     }
     function s(y) {
       y.key === "Escape" && p(!1);
@@ -1198,7 +1198,7 @@ function Ys({
               children: R.map((W, s) => {
                 if (W === null)
                   return /* @__PURE__ */ t("div", { style: { aspectRatio: "1" } }, s);
-                const y = ln(L, w, W), A = y === e, j = y === i, B = !!(n && y < n);
+                const y = ln(L, w, W), D = y === e, j = y === i, B = !!(n && y < n);
                 return /* @__PURE__ */ t(
                   "button",
                   {
@@ -1211,11 +1211,11 @@ function Ys({
                       border: "none",
                       cursor: B ? "not-allowed" : "pointer",
                       fontSize: 12,
-                      fontWeight: A || j ? 700 : 400,
-                      background: A ? "var(--primary)" : "transparent",
-                      color: A ? "var(--primary-fg, #ffffff)" : B ? "var(--text-muted)" : "var(--text-main)",
+                      fontWeight: D || j ? 700 : 400,
+                      background: D ? "var(--primary)" : "transparent",
+                      color: D ? "var(--primary-fg, #ffffff)" : B ? "var(--text-muted)" : "var(--text-main)",
                       opacity: B ? 0.4 : 1,
-                      outline: j && !A ? "2px solid var(--primary)" : "none",
+                      outline: j && !D ? "2px solid var(--primary)" : "none",
                       outlineOffset: "-2px"
                     },
                     children: W
@@ -1229,7 +1229,7 @@ function Ys({
       ]
     }
   );
-  return m ? /* @__PURE__ */ l("div", { ref: v, className: "relative w-full", children: [
+  return m ? /* @__PURE__ */ l("div", { ref: h, className: "relative w-full", children: [
     /* @__PURE__ */ l(
       "button",
       {
@@ -1290,7 +1290,7 @@ const sn = ga(function({
   containerClassName: m = "",
   disabled: f,
   ...p
-}, v) {
+}, h) {
   const x = le(null);
   return Q(() => {
     x.current && (x.current.indeterminate = c);
@@ -1304,8 +1304,8 @@ const sn = ga(function({
             "input",
             {
               ...p,
-              ref: (h) => {
-                x.current = h, Yl(v, h);
+              ref: (v) => {
+                x.current = v, Yl(h, v);
               },
               type: "checkbox",
               disabled: f,
@@ -1351,14 +1351,14 @@ function Oa({
   stopPropagation: m = !0,
   onCopied: f,
   onCopyError: p,
-  className: v = "",
+  className: h = "",
   style: x,
-  children: h,
+  children: v,
   onClick: L,
   type: S = "button",
   ...w
 }) {
-  const [k, O] = D(!1), ee = le(null);
+  const [k, O] = A(!1), ee = le(null);
   Q(() => () => {
     ee.current && window.clearTimeout(ee.current);
   }, []);
@@ -1393,7 +1393,7 @@ function Oa({
       title: k ? a : n,
       "aria-label": w["aria-label"] ?? (k ? a : n),
       "data-copied": k ? "true" : void 0,
-      className: `relative inline-flex h-7 shrink-0 items-center justify-center gap-1.5 rounded-md transition-all duration-200 ${h ? "min-w-7 px-2" : "w-7"} ${v}`,
+      className: `relative inline-flex h-7 shrink-0 items-center justify-center gap-1.5 rounded-md transition-all duration-200 ${v ? "min-w-7 px-2" : "w-7"} ${h}`,
       style: {
         cursor: "pointer",
         background: k ? "rgba(22,163,74,0.15)" : "var(--bg-card)",
@@ -1411,7 +1411,7 @@ function Oa({
             children: k ? u : c
           }
         ),
-        h && /* @__PURE__ */ t("span", { className: "text-xs font-semibold leading-none", children: k ? i ?? h : h })
+        v && /* @__PURE__ */ t("span", { className: "text-xs font-semibold leading-none", children: k ? i ?? v : v })
       ]
     }
   );
@@ -1501,20 +1501,20 @@ function At({
   placeholder: m = "Seleccionar…",
   emptyLabel: f,
   disabled: p = !1,
-  className: v = "",
+  className: h = "",
   style: x,
-  dropdownMinWidth: h,
+  dropdownMinWidth: v,
   height: L = 40,
   padding: S = "0 10px",
   searchable: w = !0,
   minOptionsForSearch: k = 6
 }) {
-  const [O, ee] = D(!1), [z, Y] = D(""), [T, q] = D(-1), [Z, te] = D(!1), [P, X] = D({}), 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(
+  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()));
     }
-  ) : n, A = we(() => {
+  ) : 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;
@@ -1524,10 +1524,10 @@ function At({
       top: re ? void 0 : M.bottom + 4,
       bottom: re ? window.innerHeight - M.top + 4 : void 0,
       width: M.width,
-      minWidth: Zr(h),
+      minWidth: Zr(v),
       zIndex: 9999
     });
-  }, [h, _]);
+  }, [v, _]);
   Q(() => te(!0), []), Q(() => {
     if (!O) return;
     function I(M) {
@@ -1537,16 +1537,16 @@ function At({
     }
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, [O]), Q(() => {
-    O && (q(-1), A(), _ && setTimeout(() => {
+    O && (q(-1), D(), _ && setTimeout(() => {
       var I;
       return (I = R.current) == null ? void 0 : I.focus();
     }, 0));
-  }, [O, _, A]), Q(() => {
+  }, [O, _, D]), Q(() => {
     if (O)
-      return window.addEventListener("resize", A), window.addEventListener("scroll", A, !0), () => {
-        window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0);
+      return window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
+        window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
       };
-  }, [O, A]), Q(() => {
+  }, [O, D]), Q(() => {
     if (T < 0 || !U.current) return;
     const I = U.current.children[T];
     I == null || I.scrollIntoView({ block: "nearest" });
@@ -1751,7 +1751,7 @@ function At({
     "div",
     {
       ref: J,
-      className: `relative ${v || "w-full"}`,
+      className: `relative ${h || "w-full"}`,
       style: x,
       children: [
         /* @__PURE__ */ l(
@@ -1868,8 +1868,8 @@ function Zs({
   iconLeft: f = 10,
   searchable: p = !0
 }) {
-  const v = i ? n.map(
-    (x, h) => h === 0 && !x.color ? { ...x, sublabel: x.sublabel ?? void 0 } : x
+  const h = i ? n.map(
+    (x, v) => v === 0 && !x.color ? { ...x, sublabel: x.sublabel ?? void 0 } : x
   ) : n;
   return /* @__PURE__ */ l("div", { className: `relative ${c}`, children: [
     i && /* @__PURE__ */ t(
@@ -1885,7 +1885,7 @@ function Zs({
       {
         value: e,
         onChange: r,
-        options: v,
+        options: h,
         placeholder: a,
         searchable: p,
         minOptionsForSearch: 5,
@@ -1916,9 +1916,9 @@ function Ia({
   children: m,
   size: f = "md",
   maxWidth: p,
-  zIndex: v = 1e3,
+  zIndex: h = 1e3,
   closeOnBackdrop: x = !0,
-  closeOnEscape: h = !0,
+  closeOnEscape: v = !0,
   showCloseButton: L = !0,
   placement: S = "center",
   bodyClassName: w = "px-6 py-5",
@@ -1929,7 +1929,7 @@ function Ia({
   frameless: Y = !1,
   disabled: T = !1
 }) {
-  const [q, Z] = D(!1), [te, P] = D(!1), X = le(null);
+  const [q, Z] = A(!1), [te, P] = A(!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
@@ -1941,12 +1941,12 @@ function Ia({
         document.body.style.overflow = "";
       };
   }, [e]), Q(() => {
-    if (!e || !h) return;
+    if (!e || !v) return;
     const oe = (W) => {
       W.key === "Escape" && r();
     };
     return window.addEventListener("keydown", oe), () => window.removeEventListener("keydown", oe);
-  }, [h, r, e]), !q) return null;
+  }, [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)";
   return Ze(
     /* @__PURE__ */ l(
@@ -1957,7 +1957,7 @@ function Ia({
         "data-bonsaif-overlay": "true",
         "aria-label": z ?? n,
         className: `fixed inset-0 flex ${R} ${ee}`,
-        style: { zIndex: v },
+        style: { zIndex: h },
         children: [
           /* @__PURE__ */ t(
             "div",
@@ -2380,15 +2380,15 @@ function fi(e, r, n) {
     case "bottom10": {
       const p = n.map((x) => ({ value: x, number: qt(x) })).filter(
         (x) => x.number !== null
-      ).sort((x, h) => x.number - h.number).map((x) => x.value);
+      ).sort((x, v) => x.number - v.number).map((x) => x.value);
       return (r.operator === "top10" ? p.slice(-10) : p.slice(0, 10)).includes(e);
     }
     case "aboveAverage":
     case "belowAverage": {
       const f = n.map(qt).filter((x) => x !== null);
       if (f.length === 0) return !1;
-      const p = f.reduce((x, h) => x + h, 0) / f.length, v = qt(e);
-      return v === null ? !1 : r.operator === "aboveAverage" ? v > p : v < p;
+      const p = f.reduce((x, v) => x + v, 0) / f.length, h = qt(e);
+      return h === null ? !1 : r.operator === "aboveAverage" ? h > p : h < p;
     }
     default:
       return !0;
@@ -2426,9 +2426,9 @@ function pi({
   initialEmptyDelay: m = 450,
   onRowClick: f,
   renderExpandedRow: p,
-  getRowCanExpand: v,
+  getRowCanExpand: h,
   expandedRowIds: x,
-  defaultExpandedRowIds: h = [],
+  defaultExpandedRowIds: v = [],
   onExpandedRowIdsChange: L,
   expandOnRowClick: S = !1,
   selected: w,
@@ -2452,7 +2452,7 @@ function pi({
   bottomOffset: W = 0,
   compact: s = !0,
   restrictHeight: y = !0,
-  maxHeight: A,
+  maxHeight: D,
   minTableWidth: j,
   enableColumnVisibility: B = !0,
   enableColumnFilters: ne = !0,
@@ -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] = D(
+  const [Te, _e] = A(
     !_ || !ze
-  ), De = le(null), et = le(!_), Fe = ce !== void 0, [Va, Dt] = D(() => pt(pe, e)), Pe = pt(
+  ), De = le(null), et = le(!_), Fe = ce !== void 0, [Va, Dt] = A(() => pt(pe, e)), Pe = pt(
     Fe ? ce : Va,
     e
-  ), [ot, Kt] = D(!1), [ct, Ya] = D("filter"), [Bt, Vt] = D(
+  ), [ot, Kt] = A(!1), [ct, Ya] = A("filter"), [Bt, Vt] = A(
     null
-  ), [mn, bn] = D(""), [We, Ot] = D({}), [Ke, Yt] = D({}), Tr = x !== void 0, [fn, Ga] = D(h), It = M !== void 0, [Xa, Ar] = D(G), tt = It ? M : 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(
+  ), [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(
     {}
-  ), [Qa, eo] = D(
+  ), [Qa, eo] = A(
     {}
-  ), [jt, Zt] = D(!1), Or = le(null), Jt = le(null), [to, ro] = D(
+  ), [jt, Zt] = A(!1), Or = le(null), Jt = le(null), [to, ro] = A(
     {}
-  ), xn = le(null), Qt = le(null), [Ir, gn] = D(
+  ), xn = le(null), Qt = le(null), [Ir, gn] = A(
     r.length > 0 || a || m === !1
-  ), yn = (o, d) => 50 + (o * 17 + d * 13 + 7) % 40, lt = le(null), [no, ao] = D(
+  ), yn = (o, d) => 50 + (o * 17 + d * 13 + 7) % 40, lt = le(null), [no, ao] = A(
     void 0
-  ), [wn, oo] = D(0), [Rr, lo] = D(!1);
+  ), [wn, oo] = A(0), [Rr, lo] = A(!1);
   Q(() => {
     function o() {
       lo(window.innerWidth < 640);
     }
-    if (!y || A !== void 0)
+    if (!y || D !== 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, A]);
-  const Nn = y ? A ?? no : void 0;
+  }, [a, q, W, y, D]);
+  const Nn = y ? D ?? 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] = D(
+  const [wt, zt] = A(
     () => e.map((o) => o.key)
-  ), [Nt, Ft] = D(
+  ), [Nt, Ft] = A(
     () => Object.fromEntries(
       e.map((o) => [o.key, nt(o, ft(o.width))])
     )
-  ), [$e, kt] = D(null), [io, er] = D(1), [tr, Hr] = D(
+  ), [$e, kt] = A(null), [io, er] = A(1), [tr, Hr] = A(
     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] = D(null);
+  const or = le(null), [An, Pr] = A(null);
   function xo(o, d) {
     or.current = wt.indexOf(o), d.dataTransfer.effectAllowed = "move";
   }
@@ -4485,7 +4485,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                   /* @__PURE__ */ t("div", { role: "rowgroup", children: Bn.map((o, d) => {
                     const C = n(o), b = jn(Y == null ? void 0 : Y(o)), K = d > 0 ? jn(
                       Y == null ? void 0 : Y(Bn[d - 1])
-                    ) : null, N = b && b.key !== (K == null ? void 0 : K.key), de = Ge && w.has(C), F = Ct ? (v == null ? void 0 : v(o)) ?? !0 : !1, Le = F && Dn.has(C), Ce = !!f || S && F, ve = de && ee ? "color-mix(in srgb, var(--primary) 8%, var(--bg-card))" : d % 2 === 1 ? "color-mix(in srgb, var(--bg-input) 30%, var(--bg-card))" : "var(--bg-card)";
+                    ) : null, N = b && b.key !== (K == null ? void 0 : K.key), de = Ge && w.has(C), F = Ct ? (h == null ? void 0 : h(o)) ?? !0 : !1, Le = F && Dn.has(C), Ce = !!f || S && F, ve = de && ee ? "color-mix(in srgb, var(--primary) 8%, var(--bg-card))" : d % 2 === 1 ? "color-mix(in srgb, var(--bg-input) 30%, var(--bg-card))" : "var(--bg-card)";
                     return /* @__PURE__ */ l(je.Fragment, { children: [
                       N && /* @__PURE__ */ t(
                         "div",
@@ -4718,10 +4718,10 @@ function gi({
   onCommit: a,
   onCancel: i
 }) {
-  const [c, u] = D(e), m = le(null), f = (n == null ? void 0 : n.preset) === "date", p = f ? "date" : r === "number" ? "number" : "text";
+  const [c, u] = A(e), m = le(null), f = (n == null ? void 0 : n.preset) === "date", p = f ? "date" : r === "number" ? "number" : "text";
   return Q(() => {
-    var v, x;
-    (v = m.current) == null || v.focus(), f || (x = m.current) == null || x.select();
+    var h, x;
+    (h = m.current) == null || h.focus(), f || (x = m.current) == null || x.select();
   }, [f]), /* @__PURE__ */ t(
     "input",
     {
@@ -4729,12 +4729,12 @@ function gi({
       type: p,
       value: c,
       maxLength: n == null ? void 0 : n.maxLength,
-      onChange: (v) => u(v.target.value),
+      onChange: (h) => u(h.target.value),
       onBlur: () => a(c),
-      onKeyDown: (v) => {
-        v.key === "Enter" && (v.preventDefault(), a(c)), v.key === "Escape" && (v.preventDefault(), i()), (n == null ? void 0 : n.preset) === "integer" && !v.ctrlKey && !v.metaKey && !xi.has(v.key) && !/^[\d-]$/.test(v.key) && v.preventDefault();
+      onKeyDown: (h) => {
+        h.key === "Enter" && (h.preventDefault(), a(c)), h.key === "Escape" && (h.preventDefault(), i()), (n == null ? void 0 : n.preset) === "integer" && !h.ctrlKey && !h.metaKey && !xi.has(h.key) && !/^[\d-]$/.test(h.key) && h.preventDefault();
       },
-      onClick: (v) => v.stopPropagation(),
+      onClick: (h) => h.stopPropagation(),
       className: "w-full min-w-0 border-0 bg-transparent p-0 text-sm text-[var(--text-main)] outline-none"
     }
   );
@@ -4746,27 +4746,33 @@ function yi({
   onCommit: a,
   onCancel: i
 }) {
-  const c = le(null);
+  const c = le(null), [u, m] = A(e);
   return Q(() => {
     if (n) return;
-    const u = setTimeout(() => {
-      var m, f;
-      (f = (m = c.current) == null ? void 0 : m.querySelector("button")) == null || f.click();
+    const f = setTimeout(() => {
+      var p, h;
+      (h = (p = c.current) == null ? void 0 : p.querySelector("button")) == null || h.click();
     }, 0);
-    return () => clearTimeout(u);
+    return () => clearTimeout(f);
   }, [n]), /* @__PURE__ */ t(
     "div",
     {
       ref: c,
       className: "w-full",
-      onKeyDown: (u) => {
-        u.key === "Escape" && (u.stopPropagation(), i());
+      tabIndex: -1,
+      onKeyDown: (f) => {
+        f.key === "Escape" && (f.stopPropagation(), i()), f.key === "Enter" && (f.preventDefault(), f.stopPropagation(), a(u));
       },
       children: /* @__PURE__ */ t(
         At,
         {
-          value: e,
-          onChange: a,
+          value: u,
+          onChange: (f) => {
+            m(f), setTimeout(() => {
+              var p;
+              return (p = c.current) == null ? void 0 : p.focus({ preventScroll: !0 });
+            }, 0);
+          },
           options: r,
           disabled: n,
           placeholder: n ? "Cargando…" : "Seleccionar…",
@@ -4798,45 +4804,45 @@ function ec({
   readOnly: i = !1,
   ...c
 }) {
-  const [u, m] = D(r), f = le(null);
+  const [u, m] = A(r), f = le(null);
   Q(() => {
     f.current || m(r);
   }, [r]);
-  const [p, v] = D(null);
+  const [p, h] = A(null);
   f.current = p;
-  const [x, h] = D(null), L = le(null);
+  const [x, v] = A(null), L = le(null);
   L.current = x;
-  const [S, w] = D({}), [k, O] = D({}), [ee, z] = D({}), Y = le(/* @__PURE__ */ new Set()), T = le(null);
+  const [S, w] = A({}), [k, O] = A({}), [ee, z] = A({}), Y = le(/* @__PURE__ */ new Set()), T = le(null);
   Q(() => {
     var s;
     (s = T.current) == null || s.focus({ preventScroll: !0 });
   }, []);
   const q = e.map((s) => {
-    var y, A, j;
-    return `${s.key}:${((j = (A = (y = s.editable) == null ? void 0 : y.select) == null ? void 0 : A.options) == null ? void 0 : j.length) ?? -1}`;
+    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}`;
   }).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 A = k[s.key];
-      (!Y.current.has(s.key) || (A == null ? void 0 : A.length) === 0 && y.length > 0) && (Y.current.add(s.key), O((ne) => ({ ...ne, [s.key]: y })));
+      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 })));
     });
   }, [q]);
   const Z = we(
     async (s, y) => {
       if (Y.current.has(s)) return;
       Y.current.add(s);
-      const { url: A, fetchOptions: j } = y.select ?? {};
-      if (!(!A && !j)) {
+      const { url: D, fetchOptions: j } = y.select ?? {};
+      if (!(!D && !j)) {
         z((B) => ({ ...B, [s]: !0 }));
         try {
           let B = [];
           if (j)
             B = await j();
-          else if (A) {
-            const ne = await fetch(A);
+          else if (D) {
+            const ne = await fetch(D);
             if (!ne.ok) throw new Error("fetch failed");
             B = await ne.json();
           }
@@ -4861,7 +4867,7 @@ function ec({
   E.current = i, Q(() => {
     if (e.length > 0 && r.length > 0) {
       const s = e.find((y) => y.selectable !== !1);
-      s && h({ rowId: n(r[0]), colKey: s.key });
+      s && v({ rowId: n(r[0]), colKey: s.key });
     }
   }, []), Q(() => {
     if (!x) return;
@@ -4871,8 +4877,8 @@ function ec({
       `[data-cell-id="${x.rowId}:${x.colKey}"]`
     );
     if (!y) return;
-    const A = s.querySelector('[role="rowgroup"]');
-    y.style.scrollMarginTop = `${(A == null ? void 0 : A.offsetHeight) ?? 0}px`;
+    const D = s.querySelector('[role="rowgroup"]');
+    y.style.scrollMarginTop = `${(D == null ? void 0 : D.offsetHeight) ?? 0}px`;
     const j = s.querySelector('[role="row"]');
     let B = 0;
     j && j.querySelectorAll('[role="cell"], [role="columnheader"]').forEach((ne) => {
@@ -4882,11 +4888,11 @@ function ec({
   const R = we(
     (s) => {
       var B;
-      const y = J.current, A = /* @__PURE__ */ new Set(), j = [];
+      const y = J.current, D = /* @__PURE__ */ new Set(), j = [];
       (B = T.current) == null || B.querySelectorAll("[data-cell-id]").forEach((ne) => {
         const ce = ne.dataset.cellId.split(":")[0];
-        A.has(ce) || (A.add(ce), j.push(ce));
-      }), h((ne) => {
+        D.has(ce) || (D.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);
         let $ = ce, ie = pe;
@@ -4907,18 +4913,18 @@ function ec({
     []
   ), U = we(() => {
     const s = f.current;
-    v(null), s && h(s), setTimeout(() => {
+    h(null), s && v(s), setTimeout(() => {
       var y;
       return (y = T.current) == null ? void 0 : y.focus({ preventScroll: !0 });
     }, 0);
   }, []), _ = we(
-    async (s, y, A) => {
+    async (s, y, D) => {
       var se;
       const j = J.current.find((g) => g.key === y);
       if (!(j != null && j.editable)) return;
-      const { field: B, type: ne, mask: ce, validate: pe } = j.editable, $ = ne === "number" ? A === "" ? null : Number(A) : A;
+      const { field: B, type: ne, mask: ce, validate: pe } = j.editable, $ = ne === "number" ? D === "" ? null : Number(D) : D;
       if (ce) {
-        const g = vi(A, ce);
+        const g = vi(D, ce);
         if (g) {
           w((H) => ({ ...H, [`${s}:${y}`]: g }));
           return;
@@ -4934,12 +4940,12 @@ function ec({
       const ie = X.current, I = te.current.find((g) => ie(g) === s);
       if (!I) return;
       const M = I[B];
-      v(null), w((g) => {
+      h(null), w((g) => {
         const H = { ...g };
         return delete H[`${s}:${y}`], H;
       });
       const G = te.current, V = G.findIndex((g) => ie(g) === s), re = G[Math.min(G.length - 1, V + 1)];
-      if (h({ rowId: ie(re), colKey: y }), setTimeout(() => {
+      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;
@@ -4990,7 +4996,7 @@ function ec({
             break;
           case "Enter": {
             const j = J.current.find((B) => B.key === y.colKey);
-            j != null && j.editable && !E.current ? (v(y), j.editable.type === "select" && !Y.current.has(y.colKey) && Z(y.colKey, j.editable)) : R("down");
+            j != null && j.editable && !E.current ? (h(y), j.editable.type === "select" && !Y.current.has(y.colKey) && Z(y.colKey, j.editable)) : R("down");
             break;
           }
         }
@@ -4998,7 +5004,7 @@ function ec({
     [R, Z]
   ), W = at(() => e.map((s) => {
     if (!s.editable || i) {
-      const { editable: A, selectable: j, ...B } = s;
+      const { editable: D, selectable: j, ...B } = s;
       if (s.selectable === !1)
         return { ...B, disableRowClick: !0 };
       const ne = B.cell;
@@ -5016,7 +5022,7 @@ function ec({
                 className: "absolute inset-0 z-10 cursor-default",
                 onClick: () => {
                   var ie;
-                  h({ rowId: pe, colKey: s.key }), (ie = T.current) == null || ie.focus({ preventScroll: !0 });
+                  v({ rowId: pe, colKey: s.key }), (ie = T.current) == null || ie.focus({ preventScroll: !0 });
                 }
               }
             ),
@@ -5038,10 +5044,10 @@ function ec({
       // Make the cell a positioned ancestor so the absolute edit overlay works
       className: `relative ${s.className ?? ""}`.trim(),
       disableRowClick: !0,
-      cell: (A) => {
-        const j = n(A), 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}`], $ = A[y.field], ie = String($ ?? ""), I = () => {
+      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 = () => {
           var G;
-          h({ rowId: j, colKey: B }), v({ 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 = T.current) == null || G.focus({ preventScroll: !0 }), y.type === "select" && !Y.current.has(B) && Z(B, y);
         };
         if (ne) {
           const G = y.type === "select" ? /* @__PURE__ */ t(
@@ -5073,7 +5079,7 @@ function ec({
             }
           );
         }
-        const M = s.cell(A);
+        const M = s.cell(D);
         return /* @__PURE__ */ l(Re, { children: [
           /* @__PURE__ */ t(
             "span",
@@ -5226,11 +5232,11 @@ function tc({
   const p = {
     from: Wt(e),
     to: Wt(r)
-  }, v = Wt(a), [x, h] = D(
+  }, h = Wt(a), [x, v] = A(
     Wt(i || e)
   );
   return Q(() => {
-    h(Wt(i || e));
+    v(Wt(i || e));
   }, [i, e]), /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ t(
       "div",
@@ -5250,14 +5256,14 @@ function tc({
             mode: "range",
             selected: p,
             month: x,
-            onMonthChange: h,
+            onMonthChange: v,
             onSelect: (L) => {
               const S = L != null && L.from ? ea(L.from) : e, w = L != null && L.to ? ea(L.to) : "";
               n({ startDate: S, endDate: w });
             },
             numberOfMonths: c,
             hideNavigation: !0,
-            disabled: v ? { before: v } : void 0,
+            disabled: h ? { before: h } : void 0,
             showOutsideDays: !1,
             components: {
               MonthCaption: Ni
@@ -5417,7 +5423,7 @@ function rc({
   menuClassName: u = "",
   onOpenChange: m
 }) {
-  const [f, p] = D(!1), [v, x] = D(!1), [h, L] = D({}), S = le(null), w = le(null), k = we(
+  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);
     },
@@ -5462,7 +5468,7 @@ function rc({
       role: "menu",
       "data-bonsaif-overlay": "true",
       className: `overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-1 shadow-xl ${u}`,
-      style: h,
+      style: v,
       children: r.map((T) => /* @__PURE__ */ l("div", { children: [
         T.separatorBefore && /* @__PURE__ */ t("div", { className: "my-1 border-t border-[var(--border)]" }),
         /* @__PURE__ */ l(
@@ -5503,7 +5509,7 @@ function rc({
       className: `inline-flex ${i ? "pointer-events-none opacity-60" : ""} ${c}`,
       children: [
         z,
-        v && Y ? Ze(Y, document.body) : null
+        h && Y ? Ze(Y, document.body) : null
       ]
     }
   );
@@ -5520,9 +5526,9 @@ function nc({
   loading: m = !1,
   confirmDisabled: f = !1,
   headerActions: p,
-  bodyClassName: v = "flex-1 overflow-y-auto px-6 py-5",
+  bodyClassName: h = "flex-1 overflow-y-auto px-6 py-5",
   width: x = 440,
-  hasUnsavedChanges: h = !1,
+  hasUnsavedChanges: v = !1,
   unsavedChangesTitle: L = "Descartar cambios",
   unsavedChangesDescription: S = "Hay cambios sin guardar. Si cierras el drawer se perderán.",
   unsavedChangesConfirmLabel: w = "Descartar",
@@ -5531,7 +5537,7 @@ function nc({
   disabled: ee = !1,
   children: z
 }) {
-  const [Y, T] = D(!1), [q, Z] = D(!1), [te, P] = D(!1), X = we(() => {
+  const [Y, T] = A(!1), [q, Z] = A(!1), [te, P] = A(!1), X = we(() => {
     Z(!0), requestAnimationFrame(() => {
       requestAnimationFrame(() => P(!0));
     });
@@ -5541,12 +5547,12 @@ function nc({
       Ei
     );
   }, []), E = we(() => {
-    if (h) {
+    if (v) {
       X();
       return;
     }
     r();
-  }, [h, r, X]), R = we(() => {
+  }, [v, r, X]), R = we(() => {
     P(!1), Z(!1), O == null || O(), r();
   }, [r, O]);
   return Q(() => {
@@ -5648,7 +5654,7 @@ function nc({
                     ]
                   }
                 ),
-                /* @__PURE__ */ t("div", { "data-drawer-scroll": "true", className: v, children: z })
+                /* @__PURE__ */ t("div", { "data-drawer-scroll": "true", className: h, children: z })
               ]
             }
           ),
@@ -5973,11 +5979,11 @@ function Wa({
   floatingLabel: m = !1,
   showPasswordToggle: f = !0,
   nativeValidation: p = !1,
-  className: v = "",
+  className: h = "",
   required: x,
-  ...h
+  ...v
 }) {
-  const [L, S] = D(() => !!h.autoFocus), [w, k] = D(!1), O = h.type === "password" && f, ee = O && w ? "text" : h.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 = h.value !== void 0 ? String(h.value).length > 0 : h.defaultValue !== void 0 && String(h.defaultValue).length > 0, X = L || P, J = {
+  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 = {
     top: X ? 7 : 12,
     color: L ? "var(--primary)" : "var(--text-muted)",
     fontSize: X ? 10 : 13,
@@ -5985,10 +5991,10 @@ function Wa({
     textTransform: X ? "uppercase" : "none"
   }, E = (oe) => {
     var W;
-    S(!0), (W = h.onFocus) == null || W.call(h, oe);
+    S(!0), (W = v.onFocus) == null || W.call(v, oe);
   }, R = (oe) => {
     var W;
-    S(!1), (W = h.onBlur) == null || W.call(h, oe);
+    S(!1), (W = v.onBlur) == null || W.call(v, oe);
   }, U = O ? /* @__PURE__ */ l(
     "button",
     {
@@ -6040,13 +6046,13 @@ function Wa({
       /* @__PURE__ */ t(
         Jr,
         {
-          ...h,
+          ...v,
           type: ee,
           required: q,
           placeholder: " ",
-          "aria-invalid": z || h["aria-invalid"],
+          "aria-invalid": z || v["aria-invalid"],
           "data-has-value": P ? "true" : void 0,
-          className: `h-11 w-full pt-5 ${te} ${Z} ${v}`,
+          className: `h-11 w-full pt-5 ${te} ${Z} ${h}`,
           onFocus: E,
           onBlur: R
         }
@@ -6084,11 +6090,11 @@ function Wa({
       /* @__PURE__ */ t(
         Jr,
         {
-          ...h,
+          ...v,
           type: ee,
           required: q,
-          "aria-invalid": z || h["aria-invalid"],
-          className: `w-full ${te} ${Z} ${v}`,
+          "aria-invalid": z || v["aria-invalid"],
+          className: `w-full ${te} ${Z} ${h}`,
           onFocus: E,
           onBlur: R
         }
@@ -6099,10 +6105,10 @@ function Wa({
       /* @__PURE__ */ t(
         Jr,
         {
-          ...h,
+          ...v,
           required: q,
-          "aria-invalid": z || h["aria-invalid"],
-          className: `w-full ${te} ${Z} ${v}`
+          "aria-invalid": z || v["aria-invalid"],
+          className: `w-full ${te} ${Z} ${h}`
         }
       ),
       _
@@ -6125,9 +6131,9 @@ function bc({
   onChange: f,
   ...p
 }) {
-  const [v, x] = D(
+  const [h, x] = A(
     () => oa(m)
-  ), h = u !== void 0 ? oa(u) : v, L = n && h.length > 0 && !ja(h) ? a : void 0;
+  ), v = u !== void 0 ? oa(u) : h, L = n && v.length > 0 && !ja(v) ? a : void 0;
   return /* @__PURE__ */ t(
     Wa,
     {
@@ -6210,9 +6216,9 @@ function pc({
   onRejectedFiles: m,
   multiple: f = !1,
   maxFiles: p,
-  appendFiles: v = !1,
+  appendFiles: h = !1,
   showFileList: x = !0,
-  clearable: h = !0,
+  clearable: v = !0,
   browseLabel: L = "Buscar archivos",
   dropLabel: S = "Suelta los archivos aqui",
   emptyLabel: w = "Arrastra y suelta archivos",
@@ -6229,14 +6235,14 @@ function pc({
   required: X,
   ...J
 }) {
-  const E = Ho(), R = Z ?? E, U = le(null), [_, oe] = D(!1), [W, s] = D(c), y = i ?? W, A = !!n, j = h && y.length > 0 && !P, B = (re, me) => {
+  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) => {
     i === void 0 && s(re), u == null || u(re, me);
   }, ne = (re, me) => {
     const se = re.filter(
       (be) => la(be, te)
     ), g = re.filter(
       (be) => !la(be, te)
-    ), H = v ? [...y, ...se] : se, ue = Wi(H, f, p);
+    ), H = h ? [...y, ...se] : se, ue = Wi(H, f, p);
     g.length > 0 && (m == null || m(g)), B(ue, me);
   }, ce = () => {
     var re;
@@ -6273,7 +6279,7 @@ function pc({
         multiple: f,
         disabled: P,
         required: X && y.length === 0,
-        "aria-invalid": A || J["aria-invalid"],
+        "aria-invalid": D || J["aria-invalid"],
         className: "sr-only",
         onChange: pe
       }
@@ -6285,8 +6291,8 @@ function pc({
         tabIndex: P ? -1 : 0,
         "aria-controls": R,
         "aria-disabled": P || void 0,
-        "aria-invalid": A || 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)]" : A ? "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": 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}`,
         onClick: ce,
         onDragOver: $,
         onDragLeave: ie,
@@ -6374,9 +6380,9 @@ function hc({
   onSave: f,
   onChange: p
 }) {
-  const [v, x] = D(
+  const [h, x] = A(
     () => e.map((z) => ({ key: !1, type: "", ...z }))
-  ), [h, L] = D(""), [S, w] = D(""), k = we(
+  ), [v, L] = A(""), [S, w] = A(""), k = we(
     (z, Y) => {
       x((T) => {
         const q = T.map((Z, te) => te === z ? { ...Z, ...Y } : Z);
@@ -6385,15 +6391,15 @@ function hc({
     },
     [p]
   ), O = we(() => {
-    f == null || f(v);
-  }, [v, f]), ee = we(() => {
+    f == null || f(h);
+  }, [h, f]), ee = we(() => {
     var q;
-    const z = h.trim();
+    const z = v.trim();
     if (!z) {
       w("Ingresa un nombre de campo.");
       return;
     }
-    if (v.some(
+    if (h.some(
       (Z) => Z.name.toLowerCase() === z.toLowerCase()
     )) {
       w("Ese campo ya existe en el arreglo.");
@@ -6408,7 +6414,7 @@ function hc({
       const te = [...Z, T];
       return p == null || p(te), te;
     }), L(""), w("");
-  }, [n, v, h, p]);
+  }, [n, h, v, p]);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -6447,7 +6453,7 @@ function hc({
           }
         ),
         /* @__PURE__ */ l("div", { className: "max-h-[420px] overflow-y-auto", children: [
-          v.map((z, Y) => /* @__PURE__ */ l(
+          h.map((z, Y) => /* @__PURE__ */ l(
             "div",
             {
               className: "grid grid-cols-[1fr_80px_1fr] items-center gap-4 border-b px-6 py-3 last:border-0 hover:bg-[var(--bg-input)] transition-colors",
@@ -6487,7 +6493,7 @@ function hc({
             },
             z.name
           )),
-          v.length === 0 && /* @__PURE__ */ t(
+          h.length === 0 && /* @__PURE__ */ t(
             "p",
             {
               className: "px-6 py-8 text-center text-sm",
@@ -6508,7 +6514,7 @@ function hc({
                     "input",
                     {
                       type: "text",
-                      value: h,
+                      value: v,
                       onChange: (z) => {
                         L(z.currentTarget.value), S && w("");
                       },
@@ -6593,13 +6599,13 @@ function vc({
   height: m = 40,
   padding: f = "6px 10px",
   searchable: p = !0,
-  minOptionsForSearch: v = 6,
+  minOptionsForSearch: h = 6,
   maxVisibleValues: x = 2,
-  truncateSelectedValues: h = !0,
+  truncateSelectedValues: v = !0,
   emptyText: L = "Sin resultados",
   clearLabel: S = "Limpiar seleccion"
 }) {
-  const [w, k] = D(!1), [O, ee] = D(""), [z, Y] = D(0), [T, q] = D(!1), [Z, te] = D({}), P = le(null), X = le(null), J = le(null), E = le(null), R = p && n.length >= v, U = at(() => new Set(e), [e]), _ = at(
+  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(
     () => n.filter(($) => U.has($.value)),
     [n, U]
   ), oe = x === "all" ? _.length : x, W = _.slice(0, oe), s = Math.max(
@@ -6610,7 +6616,7 @@ function vc({
       var ie;
       return $.label.toLowerCase().includes(O.toLowerCase()) || ((ie = $.sublabel) == null ? void 0 : ie.toLowerCase().includes(O.toLowerCase()));
     }
-  ) : n, A = we(() => {
+  ) : n, D = we(() => {
     const $ = P.current;
     if (!$) return;
     const ie = $.getBoundingClientRect(), I = R ? 304 : 244, M = window.innerHeight - ie.bottom, G = M < I && ie.top > M;
@@ -6645,16 +6651,16 @@ function vc({
     }
     return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
   }, [w]), Q(() => {
-    w && (Y(0), A(), R && setTimeout(() => {
+    w && (Y(0), D(), R && setTimeout(() => {
       var $;
       return ($ = J.current) == null ? void 0 : $.focus();
     }, 0));
-  }, [w, R, A]), Q(() => {
+  }, [w, R, D]), Q(() => {
     if (w)
-      return window.addEventListener("resize", A), window.addEventListener("scroll", A, !0), () => {
-        window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0);
+      return window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
+        window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
       };
-  }, [w, A]), Q(() => {
+  }, [w, D]), Q(() => {
     if (z < 0 || !E.current) return;
     const $ = E.current.children[z];
     $ == null || $.scrollIntoView({ block: "nearest" });
@@ -6870,7 +6876,7 @@ function vc({
                 W.map(($) => /* @__PURE__ */ l(
                   "span",
                   {
-                    className: `inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-semibold ${h ? "max-w-[160px]" : "max-w-full whitespace-normal"}`,
+                    className: `inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-semibold ${v ? "max-w-[160px]" : "max-w-full whitespace-normal"}`,
                     style: {
                       background: "var(--bg-card)",
                       borderColor: "var(--border)",
@@ -6887,7 +6893,7 @@ function vc({
                       /* @__PURE__ */ t(
                         "span",
                         {
-                          className: h ? "truncate" : "break-words",
+                          className: v ? "truncate" : "break-words",
                           children: $.label
                         }
                       )
@@ -6980,13 +6986,13 @@ function gc({
           }
         ),
         f.map(
-          (p, v) => p === "..." ? /* @__PURE__ */ t(
+          (p, h) => p === "..." ? /* @__PURE__ */ t(
             "span",
             {
               className: "flex h-8 min-w-8 items-center justify-center text-xs font-semibold text-[var(--text-muted)]",
               children: "..."
             },
-            `ellipsis-${v}`
+            `ellipsis-${h}`
           ) : /* @__PURE__ */ t(
             "button",
             {
@@ -7247,9 +7253,9 @@ function yc({
   defaultValue: m,
   onChange: f,
   countryCode: p,
-  defaultCountryCode: v = "+1",
+  defaultCountryCode: h = "+1",
   onCountryCodeChange: x,
-  allowedCountryCodes: h,
+  allowedCountryCodes: v,
   countryCodeOptions: L,
   countryCodePlaceholder: S = "Codigo",
   countryCodeClassName: w = "",
@@ -7269,21 +7275,21 @@ function yc({
   ...R
 }) {
   var re;
-  const [U, _] = D(
+  const [U, _] = A(
     () => sa(m)
-  ), [oe, W] = D(
-    () => Nr(v)
+  ), [oe, W] = A(
+    () => Nr(h)
   ), s = at(() => {
-    const me = L ?? Yi, se = h == null ? void 0 : h.map(Nr);
+    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;
-  }, [h, L]), y = ((re = s[0]) == null ? void 0 : re.value) ?? "+1", A = s.some(
+  }, [v, L]), y = ((re = s[0]) == null ? void 0 : re.value) ?? "+1", D = s.some(
     (me) => me.value === Nr(p ?? oe)
-  ) ? Nr(p ?? oe) : y, j = u !== void 0 ? sa(u) : U, B = `${A} ${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) : 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) => {
     const se = me.currentTarget.value;
     u === void 0 && _(se), O == null || O(se, {
-      countryCode: A,
+      countryCode: D,
       nationalNumber: se,
-      fullNumber: `${A} ${se}`.trim()
+      fullNumber: `${D} ${se}`.trim()
     }), f == null || f(me);
   }, G = (me) => {
     p === void 0 && W(me), x == null || x(me), O == null || O(j, {
@@ -7323,7 +7329,7 @@ function yc({
           /* @__PURE__ */ t(
             At,
             {
-              value: A,
+              value: D,
               onChange: G,
               options: s,
               placeholder: S,
@@ -7385,14 +7391,14 @@ function wc({
       {
         className: c === "horizontal" ? "flex flex-wrap gap-2" : "flex flex-col gap-2",
         children: n.map((p) => {
-          const v = p.value === e, x = u || p.disabled;
+          const h = p.value === e, x = u || p.disabled;
           return /* @__PURE__ */ l(
             "label",
             {
               className: `inline-flex min-w-0 items-start gap-2 rounded-lg border px-2.5 py-1.5 transition-colors ${x ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-[var(--bg-input)]"} ${f}`,
               style: {
-                borderColor: v ? "color-mix(in srgb, var(--primary) 48%, var(--border))" : "var(--border)",
-                background: v ? "color-mix(in srgb, var(--primary) 8%, transparent)" : "var(--bg-card)"
+                borderColor: h ? "color-mix(in srgb, var(--primary) 48%, var(--border))" : "var(--border)",
+                background: h ? "color-mix(in srgb, var(--primary) 8%, transparent)" : "var(--bg-card)"
               },
               children: [
                 /* @__PURE__ */ l("span", { className: "relative mt-0.5 inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-[var(--border)] bg-[var(--bg-input)]", children: [
@@ -7402,7 +7408,7 @@ function wc({
                       type: "radio",
                       name: a,
                       value: p.value,
-                      checked: v,
+                      checked: h,
                       disabled: x,
                       onChange: () => r(p.value),
                       className: "absolute inset-0 opacity-0"
@@ -7411,7 +7417,7 @@ function wc({
                   /* @__PURE__ */ t(
                     "span",
                     {
-                      className: `h-2 w-2 rounded-full transition ${v ? "scale-100 opacity-100" : "scale-50 opacity-0"}`,
+                      className: `h-2 w-2 rounded-full transition ${h ? "scale-100 opacity-100" : "scale-50 opacity-0"}`,
                       style: { background: "var(--primary)" }
                     }
                   )
@@ -7469,7 +7475,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), [v, x] = D(() => !e || e.trim() === ""), [h, L] = D(/* @__PURE__ */ new Set()), [S, w] = D(null), [k, O] = D(""), [ee, z] = D(""), [Y, T] = D(""), [q, Z] = D(""), [te, P] = D(!1), X = we(
+  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(
     () => m.current ? c.current : i.current,
     []
   );
@@ -7573,7 +7579,7 @@ function Nc({
   }, y = () => {
     const g = window.getSelection();
     g && u.current && (g.removeAllRanges(), g.addRange(u.current));
-  }, A = (g) => {
+  }, D = (g) => {
     if (s(), g === "link") {
       const H = window.getSelection();
       z(
@@ -7662,7 +7668,7 @@ 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(), A("link")));
+    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")));
   }, G = () => /* @__PURE__ */ t(
     "div",
     {
@@ -7670,7 +7676,7 @@ function Nc({
       style: { background: "var(--border)" }
     }
   ), V = (g, H, ue, be, Se) => {
-    const he = Se ?? (h.has(ue) || ue === "__link" && S === "link" || ue === "__img" && S === "image");
+    const he = Se ?? (v.has(ue) || ue === "__link" && S === "link" || ue === "__img" && S === "image");
     return /* @__PURE__ */ t(
       "button",
       {
@@ -7850,28 +7856,28 @@ function Nc({
           "Parrafo",
           "__paragraph",
           () => oe("p"),
-          h.has("formatBlock:p") || h.has("formatBlock:div")
+          v.has("formatBlock:p") || v.has("formatBlock:div")
         ),
         V(
           /* @__PURE__ */ t(Xo, { className: "h-4 w-4" }),
           "Titulo 2",
           "__h2",
           () => oe("h2"),
-          h.has("formatBlock:h2")
+          v.has("formatBlock:h2")
         ),
         V(
           /* @__PURE__ */ t(Zo, { className: "h-4 w-4" }),
           "Titulo 3",
           "__h3",
           () => oe("h3"),
-          h.has("formatBlock:h3")
+          v.has("formatBlock:h3")
         ),
         V(
           /* @__PURE__ */ t("span", { style: { fontSize: "13px", lineHeight: 1 }, children: "“" }),
           "Cita",
           "__quote",
           () => oe("blockquote"),
-          h.has("formatBlock:blockquote")
+          v.has("formatBlock:blockquote")
         ),
         G(),
         V(/* @__PURE__ */ t("b", { children: "B" }), "Negrita (Ctrl+B)", "bold"),
@@ -7944,7 +7950,7 @@ function Nc({
           /* @__PURE__ */ t(wa, { className: "h-4 w-4" }),
           "Insertar enlace (Ctrl+K)",
           "__link",
-          () => A("link")
+          () => D("link")
         ),
         V(
           /* @__PURE__ */ t(sl, { className: "h-4 w-4" }),
@@ -7955,7 +7961,7 @@ function Nc({
           /* @__PURE__ */ t(cl, { className: "h-4 w-4" }),
           "Insertar imagen",
           "__img",
-          () => A("image")
+          () => D("image")
         ),
         V(
           /* @__PURE__ */ t(Na, { className: "h-4 w-4" }),
@@ -8013,7 +8019,7 @@ function Nc({
               onPaste: pe,
               onMouseDown: re,
               "data-placeholder": n,
-              className: `rich-editor px-3 py-2 text-sm focus:outline-none${v ? " is-empty" : ""}`,
+              className: `rich-editor px-3 py-2 text-sm focus:outline-none${h ? " is-empty" : ""}`,
               style: {
                 color: "var(--text-main)",
                 background: "var(--bg-input)",
@@ -8055,7 +8061,7 @@ function Nc({
               onPaste: pe,
               onMouseDown: re,
               "data-placeholder": n,
-              className: `rich-editor min-h-0 flex-1 overflow-y-auto px-8 py-6 text-sm focus:outline-none${v ? " is-empty" : ""}`,
+              className: `rich-editor min-h-0 flex-1 overflow-y-auto px-8 py-6 text-sm focus:outline-none${h ? " is-empty" : ""}`,
               style: {
                 color: "var(--text-main)",
                 background: "var(--bg-card)",
@@ -8224,12 +8230,12 @@ function Sc({
   ariaLabel: m = "Cambiar estado",
   title: f = "Cambiar estado",
   className: p,
-  selectClassName: v,
+  selectClassName: h,
   menuClassName: x,
-  optionClassName: h,
+  optionClassName: v,
   spinnerClassName: L
 }) {
-  const [S, w] = D(!1), [k, O] = D(!1), [ee, z] = D(-1), [Y, T] = D({}), q = le(null), Z = le(null), te = le(null), P = r.find((s) => s.value === e) ?? r[0], X = {
+  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 = {
     ...P != null && P.tone ? da[P.tone] : void 0,
     ...P == null ? void 0 : P.style
   }, J = i || c || r.length === 0, E = (s) => {
@@ -8239,16 +8245,16 @@ function Sc({
   }, []), U = we(() => {
     const s = q.current;
     if (!s) return;
-    const y = s.getBoundingClientRect(), A = 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 - A / 2),
-      window.innerWidth - A - 8
+    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
     );
     T({
       position: "fixed",
       left: ce,
       top: ne ? void 0 : y.bottom + 6,
       bottom: ne ? window.innerHeight - y.top + 6 : void 0,
-      width: A,
+      width: D,
       zIndex: 9999
     });
   }, [r.length, a]), _ = we(
@@ -8266,8 +8272,8 @@ function Sc({
     if (!S) return;
     function s(y) {
       var j, B;
-      const A = y.target;
-      !((j = q.current) != null && j.contains(A)) && !((B = Z.current) != null && B.contains(A)) && R();
+      const D = y.target;
+      !((j = q.current) != null && j.contains(D)) && !((B = Z.current) != null && B.contains(D)) && R();
     }
     return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
   }, [R, S]), Q(() => {
@@ -8335,7 +8341,7 @@ function Sc({
             overscrollBehavior: "contain"
           },
           children: r.map((s, y) => {
-            const A = s.value === e, j = y === ee, B = {
+            const D = s.value === e, j = y === ee, B = {
               ...s.tone ? da[s.tone] : void 0,
               ...s.style
             };
@@ -8344,7 +8350,7 @@ function Sc({
               {
                 type: "button",
                 role: "option",
-                "aria-selected": A,
+                "aria-selected": D,
                 disabled: s.disabled,
                 onMouseEnter: () => !s.disabled && z(y),
                 onMouseDown: (ne) => {
@@ -8353,16 +8359,16 @@ function Sc({
                 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],
-                  A ? s.className : void 0,
-                  h
+                  D ? s.className : void 0,
+                  v
                 ),
                 style: {
-                  ...A ? B : void 0,
-                  background: A ? B.background ?? "color-mix(in srgb, var(--primary) 12%, transparent)" : j ? "var(--bg-hover)" : "transparent",
-                  color: A ? B.color ?? "var(--primary)" : "var(--text-main)"
+                  ...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)"
                 },
                 children: [
-                  /* @__PURE__ */ t("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center", children: A ? /* @__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: D ? /* @__PURE__ */ t(Ue, { className: "h-4 w-4" }) : null }),
                   /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: s.label })
                 ]
               },
@@ -8396,7 +8402,7 @@ function Sc({
               "inline-flex items-center rounded-full border border-transparent font-medium leading-none outline-none transition-colors hover:border-current focus:border-current disabled:cursor-wait disabled:opacity-70",
               es[a],
               P == null ? void 0 : P.className,
-              v
+              h
             ),
             style: X,
             children: /* @__PURE__ */ t("span", { className: "min-w-0 truncate", children: (P == null ? void 0 : P.label) ?? e })
@@ -8439,7 +8445,7 @@ function Ec({
   listClassName: m = "",
   panelClassName: f = ""
 }) {
-  const p = e.find((S) => !S.disabled) ?? e[0], v = r ?? n ?? (p == null ? void 0 : p.id), x = e.find((S) => S.id === v) ?? p, h = (S) => {
+  const p = e.find((S) => !S.disabled) ?? e[0], h = r ?? n ?? (p == null ? void 0 : p.id), x = e.find((S) => S.id === h) ?? p, v = (S) => {
     S.disabled || a == null || a(S.id);
   };
   return /* @__PURE__ */ l("div", { className: u, children: [
@@ -8454,9 +8460,9 @@ function Ec({
           const k = w.findIndex(
             (O) => O.id === x.id
           );
-          (S.key === "ArrowRight" || S.key === "ArrowDown") && (S.preventDefault(), h(w[(k + 1) % w.length])), (S.key === "ArrowLeft" || S.key === "ArrowUp") && (S.preventDefault(), h(
+          (S.key === "ArrowRight" || S.key === "ArrowDown") && (S.preventDefault(), v(w[(k + 1) % w.length])), (S.key === "ArrowLeft" || S.key === "ArrowUp") && (S.preventDefault(), v(
             w[(k - 1 + w.length) % w.length]
-          )), S.key === "Home" && (S.preventDefault(), h(w[0])), S.key === "End" && (S.preventDefault(), h(w[w.length - 1]));
+          )), S.key === "Home" && (S.preventDefault(), v(w[0])), S.key === "End" && (S.preventDefault(), v(w[w.length - 1]));
         },
         className: `flex min-w-0 gap-1 overflow-x-auto ${c === "underline" ? "border-b border-[var(--border)]" : "rounded-lg border border-[var(--border)] bg-[var(--bg-input)] p-1"} ${m}`,
         children: e.map((S) => {
@@ -8471,7 +8477,7 @@ function Ec({
               id: `${S.id}-tab`,
               disabled: S.disabled,
               tabIndex: w ? 0 : -1,
-              onClick: () => h(S),
+              onClick: () => v(S),
               className: `inline-flex min-h-8 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap px-2.5 text-sm font-semibold transition-colors focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 ${c === "underline" ? "border-b-2" : "rounded-md border"}`,
               style: {
                 color: w ? "var(--primary)" : "var(--text-muted)",
@@ -8515,18 +8521,18 @@ function $c({
   onBlockedStep: m,
   allowBackNavigation: f = !0,
   showFooter: p = !0,
-  previousLabel: v = "Anterior",
+  previousLabel: h = "Anterior",
   nextLabel: x = "Siguiente",
-  blockedNextLabel: h = "Completa este paso",
+  blockedNextLabel: v = "Completa este paso",
   className: L = "",
   headerClassName: S = "",
   contentClassName: w = "",
   footerClassName: k = ""
 }) {
   var I;
-  const O = ((I = e[0]) == null ? void 0 : I.id) ?? "", [ee, z] = D(
+  const O = ((I = e[0]) == null ? void 0 : I.id) ?? "", [ee, z] = A(
     n ?? O
-  ), [Y, T] = D(
+  ), [Y, T] = A(
     i
   ), q = r ?? ee, Z = a ?? Y, te = at(
     () => new Set(Z),
@@ -8555,7 +8561,7 @@ function $c({
     return R(M), !0;
   }, y = (M = X == null ? void 0 : X.id) => {
     !M || te.has(M) || E([...Z, M]);
-  }, A = (M = X == null ? void 0 : X.id) => {
+  }, D = (M = X == null ? void 0 : X.id) => {
     if (!M) return;
     const G = e.findIndex((re) => re.id === M), V = Z.filter((re) => {
       const me = e.findIndex((se) => se.id === re);
@@ -8572,7 +8578,7 @@ function $c({
     isCompleted: U,
     isUnlocked: W,
     completeStep: y,
-    uncompleteStep: A,
+    uncompleteStep: D,
     goToStep: s,
     goNext: B,
     goPrevious: j
@@ -8708,7 +8714,7 @@ function $c({
                   icon: /* @__PURE__ */ t(Tt, {}),
                   disabled: !pe,
                   onClick: j,
-                  children: v
+                  children: h
                 }
               ),
               /* @__PURE__ */ l("div", { className: "flex items-center gap-3 text-xs text-[var(--text-muted)]", children: [
@@ -8732,7 +8738,7 @@ function $c({
                   icon: /* @__PURE__ */ t(st, {}),
                   disabled: !ce || !$,
                   onClick: B,
-                  children: ce && !$ ? h : x
+                  children: ce && !$ ? v : x
                 }
               )
             ]
@@ -8775,9 +8781,9 @@ const ss = ga(
     maxRows: m,
     showCount: f = !1,
     maxCount: p,
-    status: v = "default",
+    status: h = "default",
     icon: x,
-    action: h,
+    action: v,
     style: L,
     value: S,
     defaultValue: w,
@@ -8785,7 +8791,7 @@ const ss = ga(
     onInput: O,
     ...ee
   }, z) {
-    const Y = le(null), T = is(S, w), q = p ?? k, Z = !!(x || h || f), te = v === "error" ? "var(--danger)" : v === "success" ? "#16a34a" : "var(--border)", P = {
+    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 = {
       ...L ?? {},
       ...u ? { minHeight: `${u * 24 + 18}px` } : null,
       ...m ? { maxHeight: `${m * 24 + 18}px` } : null
@@ -8804,18 +8810,18 @@ const ss = ga(
         value: S,
         defaultValue: w,
         maxLength: k,
-        "aria-invalid": v === "error" || ee["aria-invalid"],
+        "aria-invalid": h === "error" || ee["aria-invalid"],
         onInput: (E) => {
           X(), O == null || O(E);
         },
         style: { ...P, borderColor: te },
-        className: `w-full rounded-lg border bg-[var(--bg-input)] text-[var(--text-main)] outline-none placeholder:text-[var(--text-muted)] transition-colors focus:border-[var(--primary)] disabled:cursor-not-allowed disabled:opacity-60 ${as[a]} ${os[c ? "none" : i]} ${x ? "pl-8" : ""} ${h ? "pr-10" : ""} ${r}`
+        className: `w-full rounded-lg border bg-[var(--bg-input)] text-[var(--text-main)] outline-none placeholder:text-[var(--text-muted)] transition-colors focus:border-[var(--primary)] disabled:cursor-not-allowed disabled:opacity-60 ${as[a]} ${os[c ? "none" : i]} ${x ? "pl-8" : ""} ${v ? "pr-10" : ""} ${r}`
       }
     );
     return Z ? /* @__PURE__ */ l("span", { className: `relative block ${n}`, children: [
       x && /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2.5 top-2.5 flex h-4 w-4 items-center justify-center text-[var(--text-muted)]", children: x }),
       J,
-      h && /* @__PURE__ */ t("span", { className: "absolute right-2 top-2 flex items-center justify-center", children: h }),
+      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,
         q ? `/${q}` : ""
@@ -9023,13 +9029,13 @@ function ys({
   fallbackLabel: m = "Usuario",
   wrapperClassName: f = "",
   labelClassName: p = "",
-  labelSize: v = "xs",
+  labelSize: h = "xs",
   avatarVersion: x = 0,
-  className: h = "",
+  className: v = "",
   style: L
 }) {
   var U;
-  const [S, w] = D(!1), k = typeof e == "string" && e.trim() && e !== "undefined" && e !== "null" ? e.trim() : "";
+  const [S, w] = A(!1), k = typeof e == "string" && e.trim() && e !== "undefined" && e !== "null" ? e.trim() : "";
   Q(() => {
     w(!1);
   }, [k, x]);
@@ -9042,7 +9048,7 @@ function ys({
   }[a], J = q ? /* @__PURE__ */ t(
     "span",
     {
-      className: `${O} ${hs[a]} rounded-full flex items-center justify-center bg-[#071f1a] ring-1 ring-emerald-400/35 shadow-[0_0_0_1px_rgba(255,255,255,0.06)] flex-shrink-0 ${h}`,
+      className: `${O} ${hs[a]} rounded-full flex items-center justify-center bg-[#071f1a] ring-1 ring-emerald-400/35 shadow-[0_0_0_1px_rgba(255,255,255,0.06)] flex-shrink-0 ${v}`,
       style: L,
       children: /* @__PURE__ */ t(
         "img",
@@ -9062,7 +9068,7 @@ function ys({
       alt: z,
       width: X,
       height: X,
-      className: `${O} rounded-full object-cover flex-shrink-0 ${h}`,
+      className: `${O} rounded-full object-cover flex-shrink-0 ${v}`,
       style: L,
       onError: () => w(!0)
     },
@@ -9070,7 +9076,7 @@ function ys({
   ) : /* @__PURE__ */ t(
     "span",
     {
-      className: `${O} ${vs(z)} ${ee} rounded-full flex items-center justify-center font-black text-white uppercase flex-shrink-0 ${h}`,
+      className: `${O} ${vs(z)} ${ee} rounded-full flex items-center justify-center font-black text-white uppercase flex-shrink-0 ${v}`,
       style: L,
       title: z,
       children: Y
@@ -9086,7 +9092,7 @@ function ys({
           /* @__PURE__ */ t(
             "span",
             {
-              className: `min-w-0 truncate ${bs[v]} font-medium text-[var(--text-main)] ${p}`,
+              className: `min-w-0 truncate ${bs[h]} font-medium text-[var(--text-main)] ${p}`,
               title: z,
               children: z
             }
@@ -9126,7 +9132,7 @@ function ks({
   onLogout: f,
   LinkComponent: p = ws
 }) {
-  const [v, x] = D(!1), h = Ns(r);
+  const [h, x] = A(!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(
@@ -9139,7 +9145,7 @@ function ks({
         children: /* @__PURE__ */ t(Ea, { className: "h-5 w-5" })
       }
     ),
-    v && /* @__PURE__ */ t(
+    h && /* @__PURE__ */ t(
       "button",
       {
         type: "button",
@@ -9151,7 +9157,7 @@ function ks({
     /* @__PURE__ */ l(
       "aside",
       {
-        className: `fixed inset-y-0 left-0 z-50 flex w-72 flex-col bg-[#071716] text-white shadow-2xl transition-transform duration-200 lg:translate-x-0 ${v ? "translate-x-0" : "-translate-x-full"}`,
+        className: `fixed inset-y-0 left-0 z-50 flex w-72 flex-col bg-[#071716] text-white shadow-2xl transition-transform duration-200 lg:translate-x-0 ${h ? "translate-x-0" : "-translate-x-full"}`,
         children: [
           /* @__PURE__ */ l("div", { className: "flex h-16 items-center gap-3 border-b border-white/10 px-4", children: [
             /* @__PURE__ */ t("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-white/10 text-white", children: c ?? /* @__PURE__ */ t(Er, { className: "h-5 w-5" }) }),
@@ -9172,7 +9178,7 @@ function ks({
             {
               className: "sidebar-scroll min-h-0 flex-1 overflow-y-auto px-3 py-4",
               "data-overlay-scroll": "true",
-              children: Object.entries(h).map(([L, S]) => /* @__PURE__ */ l("div", { className: "mb-5", children: [
+              children: Object.entries(v).map(([L, S]) => /* @__PURE__ */ l("div", { className: "mb-5", children: [
                 /* @__PURE__ */ l("div", { className: "mb-2 flex items-center gap-2 px-2 text-[11px] font-semibold uppercase tracking-wide text-white/35", children: [
                   /* @__PURE__ */ t(Xe, { className: "h-3.5 w-3.5" }),
                   L
@@ -9340,22 +9346,22 @@ function Tc({
   breadcrumbs: m,
   currentPath: f,
   showBreadcrumbs: p = !0,
-  contained: v = !1,
+  contained: h = !1,
   LinkComponent: x = Ss
 }) {
-  const h = le(null), [L, S] = D(!1), [w, k] = D(f ?? "/"), [O, ee] = D(() => ha()), [z, Y] = D(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] = 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;
   Q(() => {
     f || k(window.location.pathname);
   }, [f]), Q(() => {
     ee(ha());
   }, []), Q(() => {
-    if (v) {
+    if (h) {
       S(!1);
       return;
     }
     let J = null, E = 0, R = 0;
     const U = () => {
-      const W = h.current, s = document.querySelector(
+      const W = v.current, s = document.querySelector(
         "[data-app-scroll='true']"
       );
       return (W == null ? void 0 : W.closest(".os-viewport")) ?? (W == null ? void 0 : W.closest(
@@ -9370,17 +9376,17 @@ function Tc({
     return oe(), E = window.requestAnimationFrame(oe), R = window.setTimeout(oe, 120), () => {
       window.cancelAnimationFrame(E), window.clearTimeout(R), J == null || J.removeEventListener("scroll", _);
     };
-  }, [v]), Q(() => {
-    if (v) {
+  }, [h]), Q(() => {
+    if (h) {
       Y(null);
       return;
     }
     let J = 0;
     const E = [], R = () => {
-      const A = h.current, j = A == null ? void 0 : A.parentElement, B = document.querySelector(
+      const D = v.current, j = D == null ? void 0 : D.parentElement, B = document.querySelector(
         "[data-app-scroll='true']"
       ), ne = tn(B) ?? B;
-      if (!A || !j || !ne) {
+      if (!D || !j || !ne) {
         Y(null);
         return;
       }
@@ -9395,33 +9401,33 @@ function Tc({
       window.cancelAnimationFrame(J), J = window.requestAnimationFrame(R);
     };
     U(), window.addEventListener("resize", U);
-    const _ = new ResizeObserver(U), oe = h.current, W = oe == null ? void 0 : oe.parentElement, s = document.querySelector(
+    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((A) => {
-      A && _.observe(A);
+    return [W, s, y].forEach((D) => {
+      D && _.observe(D);
     }), E.push(window.setTimeout(U, 120)), E.push(window.setTimeout(U, 280)), () => {
-      window.cancelAnimationFrame(J), window.removeEventListener("resize", U), _.disconnect(), E.forEach((A) => window.clearTimeout(A));
+      window.cancelAnimationFrame(J), window.removeEventListener("resize", U), _.disconnect(), E.forEach((D) => window.clearTimeout(D));
     };
-  }, [v]);
+  }, [h]);
   const X = {
     ...z ? { marginLeft: z.marginLeft, width: z.width } : null,
     "--page-header-control-height": L ? "34px" : "40px",
     "--page-header-control-padding-x": L ? "10px" : "14px",
     "--page-header-control-icon-left": L ? "10px" : "12px",
-    background: v ? "var(--bg-card)" : L ? "color-mix(in srgb, var(--bg-main) 82%, transparent)" : "color-mix(in srgb, var(--bg-main) 58%, transparent)",
+    background: h ? "var(--bg-card)" : L ? "color-mix(in srgb, var(--bg-main) 82%, transparent)" : "color-mix(in srgb, var(--bg-main) 58%, transparent)",
     backdropFilter: "saturate(1.25) blur(18px)",
     WebkitBackdropFilter: "saturate(1.25) blur(18px)",
-    borderBottom: v || L ? "1px solid var(--border)" : "1px solid transparent",
+    borderBottom: h || L ? "1px solid var(--border)" : "1px solid transparent",
     boxShadow: L ? "0 10px 28px rgba(12, 54, 53, 0.12)" : "none"
   };
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: h,
+      ref: v,
       "data-page-header": "true",
       "data-compact": L ? "true" : "false",
-      className: `sticky top-0 z-30 overflow-visible py-0 transition-[background-color,box-shadow,border-color] duration-300 ease-out ${v ? "mb-0 flex-shrink-0" : "mb-4 sm:mb-0"} ${c}`,
+      className: `sticky top-0 z-30 overflow-visible py-0 transition-[background-color,box-shadow,border-color] duration-300 ease-out ${h ? "mb-0 flex-shrink-0" : "mb-4 sm:mb-0"} ${c}`,
       style: X,
       children: /* @__PURE__ */ l(
         "div",
@@ -9591,7 +9597,7 @@ function Dc({
   src: r,
   projectKey: n
 }) {
-  const [a, i] = D("system"), c = le(null);
+  const [a, i] = A("system"), c = le(null);
   Q(() => {
     i(va());
     const f = new MutationObserver(
@@ -9615,22 +9621,22 @@ function Dc({
   return Q(() => {
     if (!n) return;
     const f = n;
-    function p(v) {
+    function p(h) {
       var L, S, w;
-      if (v.source !== ((L = c.current) == null ? void 0 : L.contentWindow) || m && v.origin !== m) return;
-      if (((S = v.data) == null ? void 0 : S.type) === "prime-microservice:overlay") {
+      if (h.source !== ((L = c.current) == null ? void 0 : L.contentWindow) || m && h.origin !== m) return;
+      if (((S = h.data) == null ? void 0 : S.type) === "prime-microservice:overlay") {
         window.dispatchEvent(
           new CustomEvent("prime-auth:microservice-overlay", {
-            detail: { active: !!v.data.active }
+            detail: { active: !!h.data.active }
           })
         );
         return;
       }
-      if (((w = v.data) == null ? void 0 : w.type) !== "prime-microservice:navigation") return;
-      const x = v.data.path;
+      if (((w = h.data) == null ? void 0 : w.type) !== "prime-microservice:navigation") return;
+      const x = h.data.path;
       if (!x || !x.startsWith("/") || x.startsWith("//")) return;
-      const h = `/apps/${encodeURIComponent(f)}${x}`;
-      `${window.location.pathname}${window.location.search}${window.location.hash}` !== h && (window.history.replaceState(window.history.state, "", h), window.dispatchEvent(
+      const v = `/apps/${encodeURIComponent(f)}${x}`;
+      `${window.location.pathname}${window.location.search}${window.location.hash}` !== v && (window.history.replaceState(window.history.state, "", v), window.dispatchEvent(
         new CustomEvent("prime-auth:microservice-navigation")
       ));
     }
@@ -9655,7 +9661,7 @@ function Dc({
   ) });
 }
 function Bc() {
-  const [e, r] = D(""), [n, a] = D(!1), [i, c] = D({ width: 96, height: 96 });
+  const [e, r] = A(""), [n, a] = A(!1), [i, c] = A({ 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) => {
@@ -9722,11 +9728,11 @@ function Oc({
   return /* @__PURE__ */ t(Nl, { position: e, theme: r, richColors: !0, closeButton: !0 });
 }
 function Ic(e) {
-  const [r, n] = D({}), [a, i] = D(!1), c = we(
+  const [r, n] = A({}), [a, i] = A(!1), c = we(
     (p) => a || r[p] ? e[p] : void 0,
     [e, a, r]
   ), u = we((p) => {
-    n((v) => ({ ...v, [p]: !0 }));
+    n((h) => ({ ...h, [p]: !0 }));
   }, []), m = we(() => {
     i(!0);
   }, []), f = we(() => {