bonsaif-ui 0.1.50 → 0.1.52

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 B, 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] = 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";
+  const p = le(null), [h, x] = B(!1), v = c || h || e.trim().length > 0, T = 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());
@@ -81,7 +81,7 @@ function El({
               k.key === "Escape" && (u == null || u());
             },
             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"}`,
+            className: `${T} 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)",
@@ -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] = D(null), [ee, z] = D("");
+  const v = le(null), T = le(null), S = le(null), w = le(!1), [k, O] = B(null), [ee, z] = B("");
   Q(() => {
-    const E = v.current;
-    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()));
+    const L = v.current;
+    L && (L.querySelectorAll("[title]").forEach((j) => {
+      const U = j.getAttribute("title");
+      U && (j.getAttribute("aria-label") || j.setAttribute("aria-label", U), j.removeAttribute("title"));
+    }), L.querySelectorAll("svg title").forEach((j) => j.remove()));
   }), Bo(() => {
     if (!k) return;
-    const E = L.current;
-    if (!E) return;
-    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;
+    const L = T.current;
+    if (!L) return;
+    const j = 12, U = 14, _ = L.getBoundingClientRect(), oe = window.innerWidth - _.width - j, W = window.innerHeight - _.height - j;
+    let s = k.mouseX + U, g = k.mouseY + U, E, R;
     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, 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);
+      const D = v.current.getBoundingClientRect(), ne = D.left + D.width / 2, ce = D.top + D.height / 2;
+      c === "top" ? (s = ne - _.width / 2, g = D.top - _.height - U, R = _.height - 1) : c === "left" ? (s = D.left - _.width - U, g = ce - _.height / 2, E = _.width - 1) : c === "right" ? (s = D.right + U, g = ce - _.height / 2, E = -7) : (s = ne - _.width / 2, g = D.bottom + U, R = -7);
     }
-    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" ? T = Math.min(Math.max(14, ne - s), _.width - 14) : j = Math.min(Math.max(14, ce - g), _.height - 14);
+    if (i && (s > oe && (s = k.mouseX - _.width - U), g > W && (g = k.mouseY - _.height - U)), s = Math.min(Math.max(j, s), Math.max(j, oe)), g = Math.min(Math.max(j, g), Math.max(j, W)), !i && v.current) {
+      const D = v.current.getBoundingClientRect(), ne = D.left + D.width / 2, ce = D.top + D.height / 2;
+      c === "top" || c === "bottom" ? E = Math.min(Math.max(14, ne - s), _.width - 14) : R = Math.min(Math.max(14, ce - g), _.height - 14);
     }
-    (Math.abs(s - k.x) > 0.5 || Math.abs(g - k.y) > 0.5 || T !== k.arrowX || j !== k.arrowY) && O(
-      (B) => B && {
-        ...B,
+    (Math.abs(s - k.x) > 0.5 || Math.abs(g - k.y) > 0.5 || E !== k.arrowX || R !== k.arrowY) && O(
+      (D) => D && {
+        ...D,
         x: s,
         y: g,
-        arrowX: T,
-        arrowY: j
+        arrowX: E,
+        arrowY: R
       }
     );
   }, [i, c, k]);
   const Y = () => {
     S.current && (window.clearTimeout(S.current), S.current = null);
-  }, M = (E, H) => {
+  }, $ = (L, j) => {
     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: H, x: E + 14, y: H + 14 });
+      !n && !r || O({ mouseX: L, mouseY: j, x: L + 14, y: j + 14 });
     }
   }, q = () => {
-    const E = v.current;
-    if (!E) return;
-    const H = E.getBoundingClientRect();
-    M(H.left + H.width / 2, H.bottom);
+    const L = v.current;
+    if (!L) return;
+    const j = L.getBoundingClientRect();
+    $(j.left + j.width / 2, j.bottom);
   }, Z = () => {
     Y(), O(null);
   }, te = () => {
@@ -228,10 +228,10 @@ function Ut({
       O(null);
       return;
     }
-    const E = () => O(null), H = () => {
+    const L = () => O(null), j = () => {
       pr(), w.current = !0, O(null);
     };
-    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);
+    document.addEventListener("pointerdown", j, !0), document.addEventListener("click", j, !0), document.addEventListener("scroll", L, !0), window.addEventListener("blur", L), document.addEventListener("visibilitychange", L), document.addEventListener("keydown", L, !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", 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();
+      document.removeEventListener("pointerdown", j, !0), document.removeEventListener("click", j, !0), document.removeEventListener("scroll", L, !0), window.removeEventListener("blur", L), document.removeEventListener("visibilitychange", L), document.removeEventListener("keydown", L, !0), U.disconnect();
     };
   }, [k]), Q(() => {
-    const E = () => pr(), H = () => {
+    const L = () => pr(), j = () => {
       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, H), () => {
-      document.removeEventListener("pointerdown", E, !0), document.removeEventListener("click", E, !0), document.removeEventListener("keydown", E, !0), window.removeEventListener(
+    return document.addEventListener("pointerdown", L, !0), document.addEventListener("click", L, !0), document.addEventListener("keydown", L, !0), window.addEventListener(Yn, j), () => {
+      document.removeEventListener("pointerdown", L, !0), document.removeEventListener("click", L, !0), document.removeEventListener("keydown", L, !0), window.removeEventListener(
         Yn,
-        H
+        j
       );
     };
   }, []);
@@ -259,16 +259,16 @@ function Ut({
     /* @__PURE__ */ t(
       x,
       {
-        ref: (E) => {
-          v.current = E;
+        ref: (L) => {
+          v.current = L;
         },
         className: m,
         style: p,
-        onMouseEnter: (E) => {
-          Y(), X(), i ? M(E.clientX, E.clientY) : q();
+        onMouseEnter: (L) => {
+          Y(), X(), i ? $(L.clientX, L.clientY) : q();
         },
-        onMouseMove: (E) => {
-          k && i && M(E.clientX, E.clientY);
+        onMouseMove: (L) => {
+          k && i && $(L.clientX, L.clientY);
         },
         onMouseDown: P,
         onClick: P,
@@ -284,7 +284,7 @@ function Ut({
       /* @__PURE__ */ l(
         "div",
         {
-          ref: L,
+          ref: T,
           role: "tooltip",
           className: f,
           onMouseEnter: a ? Y : void 0,
@@ -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), 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(
+  const T = Oo($a), S = c ?? T.iconOnly ?? e === "icon", w = T.compact ?? !1, k = T.headerAction ?? !1, O = k && r === "md" ? "sm" : w && !k && r === "md" ? "xs" : r, ee = e === "icon" || S, z = k && ee, Y = on(f), $ = i ?? v.title ?? v["aria-label"] ?? (S ? Y : void 0), q = $ ? void 0 : v.title, Z = v["aria-label"] ?? (typeof $ == "string" ? $ : Y || void 0), te = n ? null : a ?? (S ? Il(f) : null), P = /* @__PURE__ */ l(
     "button",
     {
       ...v,
@@ -420,11 +420,11 @@ function Be({
       ]
     }
   );
-  return M ? /* @__PURE__ */ t(
+  return $ ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
-      content: M,
+      content: $,
       className: "inline-flex shrink-0",
       children: P
     }
@@ -572,7 +572,7 @@ function Ks({
   onActiveServiceChange: h,
   canAccess: x,
   keepAlive: v = !0,
-  title: L,
+  title: T,
   subtitle: S,
   emptyState: w,
   loadingState: k,
@@ -580,15 +580,15 @@ function Ks({
   renderTabLabel: ee,
   searchableTabs: z = "auto",
   tabsSearchThreshold: Y = 6,
-  tabsSearchPlaceholder: M = "Buscar modulo...",
+  tabsSearchPlaceholder: $ = "Buscar modulo...",
   tabsSearchValue: q,
   onTabsSearchChange: Z,
   emptySearchState: te,
   showTabCount: P = !0,
   className: X = "",
   parentClassName: J = "",
-  contentClassName: E = "",
-  tabsClassName: H = ""
+  contentClassName: L = "",
+  tabsClassName: j = ""
 }) {
   var qe;
   const U = at(
@@ -598,16 +598,16 @@ 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] = B(
     p ?? _ ?? ""
-  ), [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(
+  ), [s, g] = B({}), [E, R] = B({}), [D, ne] = B(""), [ce, pe] = B(!1), M = le(E), ie = le(0), H = q ?? D, A = Xn(H), G = z === !0 || z === "auto" && U.length >= Y, V = G && H.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 = T;
-  }, [T]);
+    M.current = E;
+  }, [E]);
   const y = (ae) => {
     ae.disabled || (f || W(ae.service), h == null || h(ae.service, ae));
   }, I = (ae) => {
@@ -621,11 +621,11 @@ function Ks({
     )), 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];
+    const ae = se.service, Me = M.current[ae];
     if (Me != null && Me.loading || Me != null && Me.component && v) return;
     const Te = (u == null ? void 0 : u[ae]) ?? m;
     if (!Te) {
-      j((De) => ({
+      R((De) => ({
         ...De,
         [ae]: {
           loading: !1,
@@ -635,26 +635,26 @@ function Ks({
       return;
     }
     const _e = ++ie.current;
-    j((De) => ({
+    R((De) => ({
       ...De,
       [ae]: { ...De[ae], loading: !0, error: void 0 }
     })), Te(se, i).then((De) => {
       if (_e !== ie.current && !v) return;
       const et = Fl(De);
-      j((Fe) => ({
+      R((Fe) => ({
         ...Fe,
         [ae]: { component: et, loading: !1 }
       }));
     }).catch((De) => {
       const et = De instanceof Error ? De : new Error(String(De));
-      j((Fe) => ({
+      R((Fe) => ({
         ...Fe,
         [ae]: { ...Fe[ae], loading: !1, error: et }
       }));
     });
   }, [i, v, m, u, se]);
   Q(be, [be]);
-  const Se = se ? s[se.service] ?? null : null, he = se ? T[se.service] : void 0, Ee = he == null ? void 0 : he.component, ke = (ae) => {
+  const Se = se ? s[se.service] ?? null : null, he = se ? E[se.service] : void 0, Ee = he == null ? void 0 : he.component, ke = (ae) => {
     se && g((Me) => ({
       ...Me,
       [se.service]: ae
@@ -673,7 +673,7 @@ function Ks({
     selectedLink: se,
     selectedService: se == null ? void 0 : se.service,
     activeItemId: Se,
-    tabsSearch: R,
+    tabsSearch: H,
     onSelectService: y,
     onOpenDetail: ke,
     onBackToList: fe
@@ -693,11 +693,11 @@ function Ks({
         /* @__PURE__ */ l(
           "div",
           {
-            className: `relative min-w-0 overflow-visible rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${E}`,
+            className: `relative min-w-0 overflow-visible rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${L}`,
             children: [
-              (L || S || G || P) && /* @__PURE__ */ t("div", { className: "relative border-b border-[var(--border)] px-4 py-3", children: /* @__PURE__ */ l("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
+              (T || S || G || P) && /* @__PURE__ */ t("div", { className: "relative border-b border-[var(--border)] px-4 py-3", children: /* @__PURE__ */ l("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
                 /* @__PURE__ */ l("div", { className: "min-w-0", children: [
-                  L && /* @__PURE__ */ t("h2", { className: "truncate text-sm font-semibold text-[var(--text-main)]", children: L }),
+                  T && /* @__PURE__ */ t("h2", { className: "truncate text-sm font-semibold text-[var(--text-main)]", children: T }),
                   S && /* @__PURE__ */ t("p", { className: "mt-1 line-clamp-2 text-xs text-[var(--text-muted)]", children: S })
                 ] }),
                 (G || P) && /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-shrink-0 items-center justify-end gap-2", children: [
@@ -715,9 +715,9 @@ function Ks({
                         children: /* @__PURE__ */ t(
                           El,
                           {
-                            value: R,
+                            value: H,
                             onChange: I,
-                            placeholder: M,
+                            placeholder: $,
                             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 && R && I(""), pe((ae) => !ae);
+                          ce && H && 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" }) })
@@ -748,8 +748,8 @@ function Ks({
                 "div",
                 {
                   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 ${H}`,
+                  "aria-label": T ?? "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 ${j}`,
                   children: re.length > 0 ? re.map((ae) => {
                     const Me = ae.service === (se == null ? void 0 : se.service);
                     return /* @__PURE__ */ t(
@@ -919,15 +919,15 @@ function Ys({
   minDate: n,
   displayMode: a = "inline"
 }) {
-  const i = Ul(), u = Da(e || i), m = a === "popover", [f, p] = D(!1), h = le(null), [x, v] = D({
+  const i = Ul(), u = Da(e || i), m = a === "popover", [f, p] = B(!1), h = le(null), [x, v] = B({
     horizontal: "left",
     vertical: "bottom"
-  }), [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);
+  }), [T, S] = B(u.year), [w, k] = B(u.month), [O, ee] = B("days"), z = 16, [Y, $] = B(0), q = T - 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, 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;
+    const W = h.current.getBoundingClientRect(), s = 8, g = 280, E = 340, R = W.left + g > window.innerWidth - s, D = W.right - g >= s, ne = W.bottom + 8 + E > window.innerHeight - s, ce = W.top - 8 - E >= s;
     v({
-      horizontal: j && B ? "right" : "left",
+      horizontal: R && D ? "right" : "left",
       vertical: ne && ce ? "top" : "bottom"
     });
   }, [m, f]), Q(() => {
@@ -948,14 +948,14 @@ function Ys({
   function P() {
     w === 12 ? (S((W) => W + 1), k(1)) : k((W) => W + 1);
   }
-  const X = new Date(L, w - 1, 1).getDay(), J = new Date(L, w, 0).getDate(), E = [
+  const X = new Date(T, w - 1, 1).getDay(), J = new Date(T, w, 0).getDate(), L = [
     ...Array(X).fill(null),
     ...Array.from({ length: J }, (W, s) => s + 1)
   ];
-  for (; E.length < Xr * 7; ) E.push(null);
-  const H = E.slice(0, Xr * 7);
+  for (; L.length < Xr * 7; ) L.push(null);
+  const j = L.slice(0, Xr * 7);
   function U(W) {
-    const s = ln(L, w, W);
+    const s = ln(T, w, W);
     n && s < n || (r(s), m && p(!1));
   }
   const _ = {
@@ -1005,7 +1005,7 @@ function Ys({
                 {
                   type: "button",
                   onClick: () => {
-                    ee("years"), M(0);
+                    ee("years"), $(0);
                   },
                   style: {
                     background: "none",
@@ -1023,7 +1023,7 @@ function Ys({
                   children: [
                     Aa[w - 1],
                     " ",
-                    L,
+                    T,
                     /* @__PURE__ */ t(Xe, { size: 13, style: { color: "var(--text-muted)" } })
                   ]
                 }
@@ -1043,7 +1043,7 @@ function Ys({
                 "button",
                 {
                   type: "button",
-                  onClick: () => M((W) => W - z),
+                  onClick: () => $((W) => W - z),
                   style: _,
                   children: /* @__PURE__ */ t(Tt, { size: 16 })
                 }
@@ -1074,7 +1074,7 @@ function Ys({
                 "button",
                 {
                   type: "button",
-                  onClick: () => M((W) => W + z),
+                  onClick: () => $((W) => W + z),
                   style: _,
                   children: /* @__PURE__ */ t(st, { size: 16 })
                 }
@@ -1131,7 +1131,7 @@ function Ys({
                 gap: 3
               },
               children: Z.map((W) => {
-                const s = W === L;
+                const s = W === T;
                 return /* @__PURE__ */ t(
                   "button",
                   {
@@ -1195,27 +1195,27 @@ function Ys({
                 padding: "4px 8px 10px",
                 gap: 2
               },
-              children: H.map((W, s) => {
+              children: j.map((W, s) => {
                 if (W === null)
                   return /* @__PURE__ */ t("div", { style: { aspectRatio: "1" } }, s);
-                const g = ln(L, w, W), T = g === e, j = g === i, B = !!(n && g < n);
+                const g = ln(T, w, W), E = g === e, R = g === i, D = !!(n && g < n);
                 return /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    onClick: () => !B && U(W),
+                    onClick: () => !D && U(W),
                     style: {
                       width: "100%",
                       aspectRatio: "1",
                       borderRadius: 6,
                       border: "none",
-                      cursor: B ? "not-allowed" : "pointer",
+                      cursor: D ? "not-allowed" : "pointer",
                       fontSize: 12,
-                      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 && !T ? "2px solid var(--primary)" : "none",
+                      fontWeight: E || R ? 700 : 400,
+                      background: E ? "var(--primary)" : "transparent",
+                      color: E ? "var(--primary-fg, #ffffff)" : D ? "var(--text-muted)" : "var(--text-main)",
+                      opacity: D ? 0.4 : 1,
+                      outline: R && !E ? "2px solid var(--primary)" : "none",
                       outlineOffset: "-2px"
                     },
                     children: W
@@ -1354,22 +1354,22 @@ function Oa({
   className: h = "",
   style: x,
   children: v,
-  onClick: L,
+  onClick: T,
   type: S = "button",
   ...w
 }) {
-  const [k, O] = D(!1), ee = le(null);
+  const [k, O] = B(!1), ee = le(null);
   Q(() => () => {
     ee.current && window.clearTimeout(ee.current);
   }, []);
-  function z(M) {
-    O(!0), f == null || f(M), ee.current && window.clearTimeout(ee.current), ee.current = window.setTimeout(() => {
+  function z($) {
+    O(!0), f == null || f($), ee.current && window.clearTimeout(ee.current), ee.current = window.setTimeout(() => {
       O(!1), ee.current = null;
     }, r);
   }
-  async function Y(M) {
+  async function Y($) {
     var Z;
-    if (m && M.stopPropagation(), L == null || L(M), M.defaultPrevented) return;
+    if (m && $.stopPropagation(), T == null || T($), $.defaultPrevented) return;
     const q = Xl(e);
     if (q)
       try {
@@ -1504,20 +1504,20 @@ function At({
   className: h = "",
   style: x,
   dropdownMinWidth: v,
-  height: L = 40,
+  height: T = 40,
   padding: S = "0 10px",
   searchable: w = !0,
   minOptionsForSearch: k = 6
 }) {
-  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) => {
+  const [O, ee] = B(!1), [z, Y] = B(""), [$, q] = B(-1), [Z, te] = B(!1), [P, X] = B({}), J = le(null), L = le(null), j = le(null), U = le(null), _ = w && n.length >= k, oe = n.find((H) => H.value === e) ?? null, W = c === "ghost", s = a === "error" ? "var(--danger)" : O ? "var(--primary)" : "var(--border)", g = _ && z.trim() ? n.filter(
+    (H) => {
       var A;
-      return R.label.toLowerCase().includes(z.toLowerCase()) || ((A = R.sublabel) == null ? void 0 : A.toLowerCase().includes(z.toLowerCase()));
+      return H.label.toLowerCase().includes(z.toLowerCase()) || ((A = H.sublabel) == null ? void 0 : A.toLowerCase().includes(z.toLowerCase()));
     }
-  ) : 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;
+  ) : n, E = we(() => {
+    const H = J.current;
+    if (!H) return;
+    const A = H.getBoundingClientRect(), G = _ ? 272 : 212, V = window.innerHeight - A.bottom, re = V < G && A.top > V;
     X({
       position: "fixed",
       left: A.left,
@@ -1530,47 +1530,47 @@ function At({
   }, [v, _]);
   Q(() => te(!0), []), Q(() => {
     if (!O) return;
-    function R(A) {
+    function H(A) {
       var V, re;
       const G = A.target;
-      !((V = J.current) != null && V.contains(G)) && !((re = E.current) != null && re.contains(G)) && (ee(!1), Y(""));
+      !((V = J.current) != null && V.contains(G)) && !((re = L.current) != null && re.contains(G)) && (ee(!1), Y(""));
     }
-    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
+    return document.addEventListener("mousedown", H), () => document.removeEventListener("mousedown", H);
   }, [O]), Q(() => {
-    O && (q(-1), T(), _ && setTimeout(() => {
-      var R;
-      return (R = H.current) == null ? void 0 : R.focus();
+    O && (q(-1), E(), _ && setTimeout(() => {
+      var H;
+      return (H = j.current) == null ? void 0 : H.focus();
     }, 0));
-  }, [O, _, T]), Q(() => {
+  }, [O, _, E]), Q(() => {
     if (O)
-      return window.addEventListener("resize", T), window.addEventListener("scroll", T, !0), () => {
-        window.removeEventListener("resize", T), window.removeEventListener("scroll", T, !0);
+      return window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), () => {
+        window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
       };
-  }, [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(
-    (R) => {
-      r(R), ee(!1), Y("");
+  }, [O, E]), Q(() => {
+    if ($ < 0 || !U.current) return;
+    const H = U.current.children[$];
+    H == null || H.scrollIntoView({ block: "nearest" });
+  }, [$]);
+  const R = we(
+    (H) => {
+      r(H), ee(!1), Y("");
     },
     [r]
-  ), B = le(O);
-  B.current = O;
+  ), D = le(O);
+  D.current = O;
   const ne = le(g);
   ne.current = g;
-  const ce = le(M);
-  ce.current = M;
+  const ce = le($);
+  ce.current = $;
   const pe = le(f);
   pe.current = f;
-  const $ = le(j);
-  $.current = j, Q(() => {
-    function R(A) {
+  const M = le(R);
+  M.current = R, Q(() => {
+    function H(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;
+      const G = document.activeElement, V = ((me = J.current) == null ? void 0 : me.contains(G)) ?? !1, re = ((se = L.current) == null ? void 0 : se.contains(G)) ?? !1;
       if (!(!V && !re)) {
-        if (!B.current) {
+        if (!D.current) {
           (A.key === "Enter" || A.key === " " || A.key === "ArrowDown") && (A.preventDefault(), ee(!0));
           return;
         }
@@ -1584,7 +1584,7 @@ function At({
           case "Enter": {
             A.preventDefault();
             const y = ce.current, I = ne.current;
-            y === -1 && pe.current ? $.current("") : I[y] && !I[y].disabled && $.current(I[y].value);
+            y === -1 && pe.current ? M.current("") : I[y] && !I[y].disabled && M.current(I[y].value);
             break;
           }
           case "Escape":
@@ -1593,12 +1593,12 @@ function At({
         }
       }
     }
-    return document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R);
+    return document.addEventListener("keydown", H), () => document.removeEventListener("keydown", H);
   }, []);
   const ie = /* @__PURE__ */ l(
     "div",
     {
-      ref: E,
+      ref: L,
       "data-bonsaif-select-dropdown": "true",
       className: "rounded-xl shadow-xl overflow-hidden",
       style: {
@@ -1623,10 +1623,10 @@ function At({
               /* @__PURE__ */ t(
                 "input",
                 {
-                  ref: H,
+                  ref: j,
                   value: z,
-                  onChange: (R) => {
-                    Y(R.target.value), q(-1);
+                  onChange: (H) => {
+                    Y(H.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: (R) => {
-                    R.preventDefault(), Y("");
+                  onMouseDown: (H) => {
+                    H.preventDefault(), Y("");
                   },
                   children: /* @__PURE__ */ t(
                     Ie,
@@ -1670,67 +1670,67 @@ function At({
                 {
                   role: "option",
                   "aria-selected": e === "",
-                  onMouseDown: (R) => {
-                    R.preventDefault(), j("");
+                  onMouseDown: (H) => {
+                    H.preventDefault(), R("");
                   },
                   onMouseEnter: () => q(-1),
                   className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-sm transition-colors",
                   style: {
-                    background: M === -1 && !z.trim() ? "var(--bg-hover)" : "transparent",
+                    background: $ === -1 && !z.trim() ? "var(--bg-hover)" : "transparent",
                     color: "var(--text-muted)",
                     fontStyle: "italic"
                   },
                   children: f
                 }
               ),
-              g.map((R, A) => {
-                const V = A === M, re = R.value === e;
+              g.map((H, A) => {
+                const V = A === $, re = H.value === e;
                 return /* @__PURE__ */ l(
                   "li",
                   {
                     role: "option",
                     "aria-selected": re,
                     onMouseDown: (me) => {
-                      me.preventDefault(), R.disabled || j(R.value);
+                      me.preventDefault(), H.disabled || R(H.value);
                     },
-                    onMouseEnter: () => !R.disabled && q(A),
+                    onMouseEnter: () => !H.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: R.disabled ? "var(--text-muted)" : "var(--text-main)",
-                      cursor: R.disabled ? "not-allowed" : "pointer",
+                      color: H.disabled ? "var(--text-muted)" : "var(--text-main)",
+                      cursor: H.disabled ? "not-allowed" : "pointer",
                       boxShadow: re ? "inset 2px 0 0 var(--primary)" : void 0
                     },
                     children: [
-                      R.color && /* @__PURE__ */ t(
+                      H.color && /* @__PURE__ */ t(
                         "span",
                         {
                           className: "flex-shrink-0 w-2.5 h-2.5 rounded-full",
-                          style: { background: R.color }
+                          style: { background: H.color }
                         }
                       ),
                       /* @__PURE__ */ l("span", { className: "min-w-0 flex flex-1 items-baseline gap-1 overflow-hidden", children: [
-                        /* @__PURE__ */ t("span", { className: "truncate", children: R.label }),
-                        R.sublabel && /* @__PURE__ */ t(
+                        /* @__PURE__ */ t("span", { className: "truncate", children: H.label }),
+                        H.sublabel && /* @__PURE__ */ t(
                           "span",
                           {
                             className: "min-w-0 flex-shrink truncate",
                             style: { color: "var(--text-muted)", fontSize: 12 },
-                            children: R.sublabel
+                            children: H.sublabel
                           }
                         )
                       ] }),
-                      R.badge && /* @__PURE__ */ t(
+                      H.badge && /* @__PURE__ */ t(
                         "span",
                         {
                           className: "text-xs flex-shrink-0",
                           style: { color: "var(--text-muted)" },
-                          children: R.badge
+                          children: H.badge
                         }
                       )
                     ]
                   },
-                  R.value
+                  H.value
                 );
               }),
               g.length === 0 && /* @__PURE__ */ t(
@@ -1759,10 +1759,10 @@ function At({
           {
             type: "button",
             disabled: p,
-            onClick: () => !p && ee((R) => !R),
+            onClick: () => !p && ee((H) => !H),
             className: "flex w-full items-center gap-2 rounded-lg text-left text-sm transition-colors focus:outline-none",
             style: {
-              height: Zr(L),
+              height: Zr(T),
               padding: Zr(S),
               background: W ? "transparent" : "var(--bg-input)",
               color: oe ? "var(--text-main)" : "var(--text-muted)",
@@ -1797,8 +1797,8 @@ function At({
                 {
                   role: "button",
                   tabIndex: -1,
-                  onMouseDown: (R) => {
-                    R.preventDefault(), R.stopPropagation(), j("");
+                  onMouseDown: (H) => {
+                    H.preventDefault(), H.stopPropagation(), R("");
                   },
                   className: "flex-shrink-0 rounded-full p-0.5 transition-colors hover:bg-black/10",
                   style: { color: "var(--text-muted)" },
@@ -1919,7 +1919,7 @@ function Ia({
   zIndex: h = 1e3,
   closeOnBackdrop: x = !0,
   closeOnEscape: v = !0,
-  showCloseButton: L = !0,
+  showCloseButton: T = !0,
   placement: S = "center",
   bodyClassName: w = "px-6 py-5",
   panelClassName: k = "",
@@ -1927,9 +1927,9 @@ function Ia({
   contentClassName: ee = "p-4",
   ariaLabel: z,
   frameless: Y = !1,
-  disabled: M = !1
+  disabled: $ = !1
 }) {
-  const [q, Z] = D(!1), [te, P] = D(!1), X = le(null);
+  const [q, Z] = B(!1), [te, P] = B(!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], 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)";
+  const J = n || a || i || c || T, L = p ?? Zl[f], j = 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 ${H} ${ee}`,
+        className: `fixed inset-0 flex ${j} ${ee}`,
         style: { zIndex: h },
         children: [
           /* @__PURE__ */ t(
@@ -1975,7 +1975,7 @@ function Ia({
             {
               className: `relative z-10 flex max-h-[92dvh] w-full flex-col overflow-hidden ${Y ? "shadow-none" : "shadow-2xl"} ${U} ${k}`,
               style: {
-                maxWidth: E,
+                maxWidth: L,
                 background: Y ? "transparent" : "var(--bg-card)",
                 border: Y ? "none" : "1px solid var(--border)",
                 opacity: te ? 1 : 0,
@@ -1984,7 +1984,7 @@ function Ia({
               },
               onClick: (oe) => oe.stopPropagation(),
               children: [
-                M && /* @__PURE__ */ t(
+                $ && /* @__PURE__ */ t(
                   "div",
                   {
                     className: "absolute inset-0 z-[1002] cursor-not-allowed rounded-2xl",
@@ -2023,7 +2023,7 @@ function Ia({
                       ] }),
                       /* @__PURE__ */ l("div", { className: "flex flex-shrink-0 items-center gap-2", children: [
                         c,
-                        L && /* @__PURE__ */ t(Be, { variant: "icon", onClick: r, title: "Cerrar", children: /* @__PURE__ */ t(Ie, { className: "h-5 w-5" }) })
+                        T && /* @__PURE__ */ t(Be, { variant: "icon", onClick: r, title: "Cerrar", children: /* @__PURE__ */ t(Ie, { className: "h-5 w-5" }) })
                       ] })
                     ]
                   }
@@ -2429,7 +2429,7 @@ function pi({
   getRowCanExpand: h,
   expandedRowIds: x,
   defaultExpandedRowIds: v = [],
-  onExpandedRowIdsChange: L,
+  onExpandedRowIdsChange: T,
   expandOnRowClick: S = !1,
   selected: w,
   onToggleOne: k,
@@ -2437,30 +2437,30 @@ function pi({
   highlightSelected: ee = !0,
   rowClassName: z,
   getRowCategory: Y,
-  stickyHeader: M = !0,
+  stickyHeader: $ = !0,
   pageSize: q = 25,
   pageSizeOptions: Z = [25, 50, 100],
   pageSizeSelectWidth: te = 62,
   pageSizeSelectHeight: P = 30,
   pageSizeSelectPadding: X = "0 7px",
   totalRows: J,
-  page: E,
-  onPageChange: H,
+  page: L,
+  onPageChange: j,
   onPageSizeChange: U,
   storageKey: _,
   stickyFirstColumn: oe = !1,
   bottomOffset: W = 0,
   compact: s = !0,
   restrictHeight: g = !0,
-  maxHeight: T,
-  minTableWidth: j,
-  enableColumnVisibility: B = !0,
+  maxHeight: E,
+  minTableWidth: R,
+  enableColumnVisibility: D = !0,
   enableColumnFilters: ne = !0,
   hiddenColumnKeys: ce,
   defaultHiddenColumnKeys: pe = li,
-  onHiddenColumnKeysChange: $,
+  onHiddenColumnKeysChange: M,
   columnVisibilityLabel: ie = "Columnas",
-  enableBql: R = !1,
+  enableBql: H = !1,
   bqlValue: A,
   defaultBqlValue: G = "",
   onBqlChange: V,
@@ -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] = B(
     !_ || !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] = B(() => pt(pe, e)), Pe = pt(
     Fe ? ce : Va,
     e
-  ), [ot, Kt] = D(!1), [ct, Ya] = D("filter"), [Bt, Vt] = D(
+  ), [ot, Kt] = B(!1), [ct, Ya] = B("filter"), [Bt, Vt] = B(
     null
-  ), [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(
+  ), [mn, bn] = B(""), [We, Ot] = B({}), [Ke, Yt] = B({}), Tr = x !== void 0, [fn, Ga] = B(v), It = A !== void 0, [Xa, Ar] = B(G), tt = It ? A : Xa, [Gt, Xt] = B(tt), [rt, dt] = B(!1), [pn, gt] = B(!1), [hn, yt] = B(!1), [Rt, Ht] = B([]), Dr = le(null), vn = le(null), Br = le(null), [Za, Ja] = B(
     {}
-  ), [Qa, eo] = D(
+  ), [Qa, eo] = B(
     {}
-  ), [jt, Zt] = D(!1), Or = le(null), Jt = le(null), [to, ro] = D(
+  ), [jt, Zt] = B(!1), Or = le(null), Jt = le(null), [to, ro] = B(
     {}
-  ), xn = le(null), Qt = le(null), [Ir, gn] = D(
+  ), xn = le(null), Qt = le(null), [Ir, gn] = B(
     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] = B(
     void 0
-  ), [wn, oo] = D(0), [Rr, lo] = D(!1);
+  ), [wn, oo] = B(0), [Rr, lo] = B(!1);
   Q(() => {
     function o() {
       lo(window.innerWidth < 640);
     }
-    if (!g || T !== void 0)
+    if (!g || E !== 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, g, T]);
-  const Nn = g ? T ?? no : void 0;
+  }, [a, q, W, g, E]);
+  const Nn = g ? E ?? 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] = B(
     () => e.map((o) => o.key)
-  ), [Nt, Ft] = D(
+  ), [Nt, Ft] = B(
     () => 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] = B(null), [io, er] = B(1), [tr, Hr] = B(
     q === !1 ? 0 : q
   );
   Q(() => {
@@ -2835,7 +2835,7 @@ rol IN (admin, employee)`,
   }, [rt, ar]);
   function Mn(o) {
     const d = pt(o, e);
-    Fe || Dt(d), $ == null || $(d);
+    Fe || Dt(d), M == null || M(d);
   }
   function po(o) {
     Mn(
@@ -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] = B(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 = !!(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(
+  const ut = !!(j && U), mt = q !== !1, He = ut ? L ?? 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,16 +3014,16 @@ rol IN (admin, employee)`,
   function Ur(o) {
     if (a) return;
     const d = Math.max(1, Math.min(o, qr));
-    ut ? H(d) : er(d);
+    ut ? j(d) : er(d);
   }
   function Lo(o) {
-    a || (Hr(o), ut ? (U(o), H(1)) : er(1), U && U(o));
+    a || (Hr(o), ut ? (U(o), j(1)) : er(1), U && U(o));
   }
   function On(o) {
     const d = new Set(Dn);
     d.has(o) ? d.delete(o) : d.add(o);
     const C = Array.from(d);
-    Tr || Ga(C), L == null || L(C);
+    Tr || Ga(C), T == null || T(C);
   }
   Q(() => {
     Se == null || Se({
@@ -3048,7 +3048,7 @@ rol IN (admin, employee)`,
   const In = (o) => o === "center" ? "text-center" : o === "right" ? "text-right" : "text-left", Mo = "color-mix(in srgb, var(--primary) 6%, var(--bg-card))", Kr = "linear-gradient(180deg, color-mix(in srgb, var(--bg-input) 90%, var(--bg-card)) 0%, color-mix(in srgb, var(--bg-input) 70%, var(--bg-card)) 100%)", ye = "color-mix(in srgb, var(--border) 62%, var(--bg-card))", Et = "color-mix(in srgb, var(--primary) 24%, var(--border))", ir = `inset 0 0 0 1px ${ye}`, Rn = Ve.reduce(
     (o, d) => o + (Nt[d.key] ?? ft(d.width)),
     (Ct ? 40 : 0) + (Ge ? 40 : 0)
-  ), Hn = typeof j == "number" ? j : typeof j == "string" ? Number(((Wn = j.match(/^(\d+(?:\.\d+)?)px$/)) == null ? void 0 : Wn[1]) ?? NaN) : NaN, Pt = Number.isFinite(Hn) ? Math.max(Rn, Hn, wn) : Math.max(Rn, wn), sr = j ?? Pt, $t = `${Ct ? "40px " : ""}${Ge ? "40px " : ""}${Ve.map((o) => `${Nt[o.key] ?? ft(o.width)}px`).join(" ")}`;
+  ), Hn = typeof R == "number" ? R : typeof R == "string" ? Number(((Wn = R.match(/^(\d+(?:\.\d+)?)px$/)) == null ? void 0 : Wn[1]) ?? NaN) : NaN, Pt = Number.isFinite(Hn) ? Math.max(Rn, Hn, wn) : Math.max(Rn, wn), sr = R ?? Pt, $t = `${Ct ? "40px " : ""}${Ge ? "40px " : ""}${Ve.map((o) => `${Nt[o.key] ?? ft(o.width)}px`).join(" ")}`;
   Q(() => {
     $e && Pe.includes($e.key) && kt(null);
   }, [Pe, $e]);
@@ -3277,7 +3277,7 @@ rol IN (admin, employee)`,
       ]
     }
   ), dr = () => {
-    if (!ot || typeof document > "u" || ct === "visibility" && !B || ct === "filter" && !ne) return null;
+    if (!ot || typeof document > "u" || ct === "visibility" && !D || ct === "filter" && !ne) return null;
     const o = e.find(
       (xe) => xe.key === Bt
     ), d = uo(), C = o ? Object.prototype.hasOwnProperty.call(We, o.key) : !1, b = o ? Ke[o.key] : void 0, K = Mr.find(
@@ -3691,8 +3691,8 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
     ),
     document.body
   ), br = () => {
-    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(
+    const o = H && 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 !D && jr === 0 && !H && !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], {
                 ]
               }
             ),
-            R && /* @__PURE__ */ l(
+            H && /* @__PURE__ */ l(
               "div",
               {
                 ref: Dr,
@@ -4049,7 +4049,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
               children: /* @__PURE__ */ t(Ko, { className: "h-4 w-4" })
             }
           ),
-          B && /* @__PURE__ */ t(
+          D && /* @__PURE__ */ t(
             "button",
             {
               type: "button",
@@ -4190,7 +4190,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                 "div",
                 {
                   role: "rowgroup",
-                  style: M ? {
+                  style: $ ? {
                     position: "sticky",
                     top: 0,
                     zIndex: 10,
@@ -4290,7 +4290,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                     "div",
                     {
                       role: "rowgroup",
-                      style: M ? {
+                      style: $ ? {
                         position: "sticky",
                         top: 0,
                         zIndex: 10,
@@ -4392,7 +4392,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
               "div",
               {
                 role: "rowgroup",
-                style: M ? {
+                style: $ ? {
                   position: "sticky",
                   top: 0,
                   zIndex: 10,
@@ -4472,7 +4472,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                     "div",
                     {
                       role: "rowgroup",
-                      style: M ? {
+                      style: $ ? {
                         position: "sticky",
                         top: 0,
                         zIndex: 10,
@@ -4718,7 +4718,7 @@ 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] = B(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();
@@ -4730,7 +4730,7 @@ function gi({
       value: c,
       maxLength: n == null ? void 0 : n.maxLength,
       onChange: (h) => u(h.target.value),
-      onBlur: () => a(c),
+      onBlur: () => i(),
       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();
       },
@@ -4746,7 +4746,7 @@ function yi({
   onCommit: a,
   onCancel: i
 }) {
-  const c = le(null), [u, m] = D(e);
+  const c = le(null), [u, m] = B(e);
   return Q(() => {
     if (n) return;
     const f = setTimeout(() => {
@@ -4804,54 +4804,54 @@ function ec({
   readOnly: i = !1,
   ...c
 }) {
-  const [u, m] = D(r), f = le(null);
+  const [u, m] = B(r), f = le(null);
   Q(() => {
     f.current || m(r);
   }, [r]);
-  const [p, h] = D(null);
+  const [p, h] = B(null);
   f.current = p;
-  const [x, v] = D(null), L = le(null);
-  L.current = x;
-  const [S, w] = D({}), [k, O] = D({}), [ee, z] = D({}), Y = le(/* @__PURE__ */ new Set()), M = le(null);
+  const [x, v] = B(null), T = le(null);
+  T.current = x;
+  const [S, w] = B({}), [k, O] = B({}), [ee, z] = B({}), Y = le(/* @__PURE__ */ new Set()), $ = le(null);
   Q(() => {
     var g;
     const s = document.activeElement;
-    (!s || s === document.body) && ((g = M.current) == null || g.focus({ preventScroll: !0 }));
+    (!s || s === document.body) && ((g = $.current) == null || g.focus({ preventScroll: !0 }));
   }, []);
   const q = e.map((s) => {
-    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}`;
+    var g, E, R;
+    return `${s.key}:${((R = (E = (g = s.editable) == null ? void 0 : g.select) == null ? void 0 : E.options) == null ? void 0 : R.length) ?? -1}`;
   }).join("|");
   Q(() => {
     e.forEach((s) => {
-      var j, B;
-      const g = (B = (j = s.editable) == null ? void 0 : j.select) == null ? void 0 : B.options;
+      var R, D;
+      const g = (D = (R = s.editable) == null ? void 0 : R.select) == null ? void 0 : D.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 })));
+      const E = k[s.key];
+      (!Y.current.has(s.key) || (E == null ? void 0 : E.length) === 0 && g.length > 0) && (Y.current.add(s.key), O((ne) => ({ ...ne, [s.key]: g })));
     });
   }, [q]);
   const Z = we(
     async (s, g) => {
       if (Y.current.has(s)) return;
       Y.current.add(s);
-      const { url: T, fetchOptions: j } = g.select ?? {};
-      if (!(!T && !j)) {
-        z((B) => ({ ...B, [s]: !0 }));
+      const { url: E, fetchOptions: R } = g.select ?? {};
+      if (!(!E && !R)) {
+        z((D) => ({ ...D, [s]: !0 }));
         try {
-          let B = [];
-          if (j)
-            B = await j();
-          else if (T) {
-            const ne = await fetch(T);
+          let D = [];
+          if (R)
+            D = await R();
+          else if (E) {
+            const ne = await fetch(E);
             if (!ne.ok) throw new Error("fetch failed");
-            B = await ne.json();
+            D = await ne.json();
           }
-          O((ne) => ({ ...ne, [s]: B }));
+          O((ne) => ({ ...ne, [s]: D }));
         } catch {
-          O((B) => ({ ...B, [s]: [] }));
+          O((D) => ({ ...D, [s]: [] }));
         } finally {
-          z((B) => ({ ...B, [s]: !1 }));
+          z((D) => ({ ...D, [s]: !1 }));
         }
       }
     },
@@ -4864,83 +4864,83 @@ function ec({
   X.current = n;
   const J = le(e);
   J.current = e;
-  const E = le(i);
-  E.current = i, Q(() => {
+  const L = le(i);
+  L.current = i, Q(() => {
     if (e.length > 0 && r.length > 0) {
       const s = e.find((g) => g.selectable !== !1);
       s && v({ rowId: n(r[0]), colKey: s.key });
     }
   }, []), Q(() => {
     if (!x) return;
-    const s = M.current;
+    const s = $.current;
     if (!s) return;
     const g = s.querySelector(
       `[data-cell-id="${x.rowId}:${x.colKey}"]`
     );
     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));
-    }), g.style.scrollMarginLeft = `${B}px`, g.scrollIntoView({ block: "nearest", inline: "nearest" });
+    const E = s.querySelector('[role="rowgroup"]');
+    g.style.scrollMarginTop = `${(E == null ? void 0 : E.offsetHeight) ?? 0}px`;
+    const R = s.querySelector('[role="row"]');
+    let D = 0;
+    R && R.querySelectorAll('[role="cell"], [role="columnheader"]').forEach((ne) => {
+      ne.style.position === "sticky" && ne.style.left !== "" && (D = Math.max(D, parseFloat(ne.style.left) + ne.offsetWidth));
+    }), g.style.scrollMarginLeft = `${D}px`, g.scrollIntoView({ block: "nearest", inline: "nearest" });
   }, [x]);
-  const H = we(
+  const j = we(
     (s) => {
-      var B;
-      const g = J.current, T = /* @__PURE__ */ new Set(), j = [];
-      (B = M.current) == null || B.querySelectorAll("[data-cell-id]").forEach((ne) => {
+      var D;
+      const g = J.current, E = /* @__PURE__ */ new Set(), R = [];
+      (D = $.current) == null || D.querySelectorAll("[data-cell-id]").forEach((ne) => {
         const ce = ne.dataset.cellId.split(":")[0];
-        T.has(ce) || (T.add(ce), j.push(ce));
+        E.has(ce) || (E.add(ce), R.push(ce));
       }), v((ne) => {
         if (!ne) return ne;
-        const ce = g.findIndex((R) => R.key === ne.colKey), pe = j.indexOf(ne.rowId);
-        let $ = ce, ie = pe;
+        const ce = g.findIndex((H) => H.key === ne.colKey), pe = R.indexOf(ne.rowId);
+        let M = 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 === "down") ie = Math.min(R.length - 1, pe + 1);
         else if (s === "left") {
-          let R = ce - 1;
-          for (; R >= 0 && g[R].selectable === !1; ) R--;
-          R >= 0 && ($ = R);
+          let H = ce - 1;
+          for (; H >= 0 && g[H].selectable === !1; ) H--;
+          H >= 0 && (M = H);
         } else if (s === "right") {
-          let R = ce + 1;
-          for (; R < g.length && g[R].selectable === !1; ) R++;
-          R < g.length && ($ = R);
+          let H = ce + 1;
+          for (; H < g.length && g[H].selectable === !1; ) H++;
+          H < g.length && (M = H);
         }
-        return $ === ce && ie === pe ? ne : { rowId: j[ie], colKey: g[$].key };
+        return M === ce && ie === pe ? ne : { rowId: R[ie], colKey: g[M].key };
       });
     },
     []
   ), 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 });
+      var E;
+      return (E = $.current) == null ? void 0 : E.focus({ preventScroll: !0 });
     }, 0);
   }, []), _ = we(
-    async (s, g, T) => {
+    async (s, g, E) => {
       var se;
-      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" ? T === "" ? null : Number(T) : T;
+      const R = J.current.find((y) => y.key === g);
+      if (!(R != null && R.editable)) return;
+      const { field: D, type: ne, mask: ce, validate: pe } = R.editable, M = ne === "number" ? E === "" ? null : Number(E) : E;
       if (ce) {
-        const y = vi(T, ce);
+        const y = vi(E, ce);
         if (y) {
           w((I) => ({ ...I, [`${s}:${g}`]: y }));
           return;
         }
       }
       if (pe) {
-        const y = pe($);
+        const y = pe(M);
         if (y) {
           w((I) => ({ ...I, [`${s}:${g}`]: y }));
           return;
         }
       }
-      const ie = X.current, R = te.current.find((y) => ie(y) === s);
-      if (!R) return;
-      const A = R[B];
+      const ie = X.current, H = te.current.find((y) => ie(y) === s);
+      if (!H) return;
+      const A = H[D];
       h(null), w((y) => {
         const I = { ...y };
         return delete I[`${s}:${g}`], I;
@@ -4949,17 +4949,17 @@ function ec({
       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]: $ };
+        (!y || y === document.body || (I = $.current) != null && I.contains(y)) && ((ue = $.current) == null || ue.focus({ preventScroll: !0 }));
+      }, 0), String(A ?? "") === String(M ?? "")) return;
+      const me = { ...H, [D]: M };
       m(
         (y) => y.map((I) => ie(I) === s ? me : I)
       );
       try {
-        await ((se = P.current) == null ? void 0 : se.call(P, { row: R, rowId: s, field: B, oldValue: A, newValue: $ }));
+        await ((se = P.current) == null ? void 0 : se.call(P, { row: H, rowId: s, field: D, oldValue: A, newValue: M }));
       } catch {
         m(
-          (y) => y.map((I) => ie(I) === s ? R : I)
+          (y) => y.map((I) => ie(I) === s ? H : I)
         ), w((y) => ({
           ...y,
           [`${s}:${g}`]: "Error al guardar. Intenta de nuevo."
@@ -4970,7 +4970,7 @@ function ec({
   ), oe = we(
     (s) => {
       if (f.current) return;
-      const g = L.current;
+      const g = T.current;
       if (!(!g || ![
         "ArrowUp",
         "ArrowDown",
@@ -4982,40 +4982,40 @@ function ec({
       ].includes(s.key)))
         switch (s.preventDefault(), s.key) {
           case "ArrowUp":
-            H("up");
+            j("up");
             break;
           case "ArrowDown":
-            H("down");
+            j("down");
             break;
           case "ArrowLeft":
-            H("left");
+            j("left");
             break;
           case "ArrowRight":
-            H("right");
+            j("right");
             break;
           case "Tab":
-            H(s.shiftKey ? "left" : "right");
+            j(s.shiftKey ? "left" : "right");
             break;
           case "Enter": {
-            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");
+            const R = J.current.find((D) => D.key === g.colKey);
+            R != null && R.editable && !L.current ? (h(g), R.editable.type === "select" && !Y.current.has(g.colKey) && Z(g.colKey, R.editable)) : j("down");
             break;
           }
         }
     },
-    [H, Z]
+    [j, Z]
   ), W = at(() => e.map((s) => {
     if (!s.editable || i) {
-      const { editable: T, selectable: j, ...B } = s;
+      const { editable: E, selectable: R, ...D } = s;
       if (s.selectable === !1)
-        return { ...B, disableRowClick: !0 };
-      const ne = B.cell;
+        return { ...D, disableRowClick: !0 };
+      const ne = D.cell;
       return {
-        ...B,
-        className: `relative ${B.className ?? ""}`.trim(),
+        ...D,
+        className: `relative ${D.className ?? ""}`.trim(),
         disableRowClick: !0,
         cell: (ce) => {
-          const pe = n(ce), $ = (x == null ? void 0 : x.rowId) === pe && (x == null ? void 0 : x.colKey) === s.key;
+          const pe = n(ce), M = (x == null ? void 0 : x.rowId) === pe && (x == null ? void 0 : x.colKey) === s.key;
           return /* @__PURE__ */ l(Re, { children: [
             /* @__PURE__ */ t(
               "span",
@@ -5024,11 +5024,11 @@ function ec({
                 className: "absolute inset-0 z-10 cursor-default",
                 onClick: () => {
                   var ie;
-                  v({ rowId: pe, colKey: s.key }), (ie = M.current) == null || ie.focus({ preventScroll: !0 });
+                  v({ rowId: pe, colKey: s.key }), (ie = $.current) == null || ie.focus({ preventScroll: !0 });
                 }
               }
             ),
-            $ && /* @__PURE__ */ t(
+            M && /* @__PURE__ */ t(
               "div",
               {
                 className: "pointer-events-none absolute inset-0 z-20",
@@ -5046,19 +5046,19 @@ function ec({
       // Make the cell a positioned ancestor so the absolute edit overlay works
       className: `relative ${s.className ?? ""}`.trim(),
       disableRowClick: !0,
-      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 = () => {
+      cell: (E) => {
+        const R = n(E), D = s.key, ne = (p == null ? void 0 : p.rowId) === R && (p == null ? void 0 : p.colKey) === D, ce = (x == null ? void 0 : x.rowId) === R && (x == null ? void 0 : x.colKey) === D, pe = S[`${R}:${D}`], M = E[g.field], ie = String(M ?? ""), H = () => {
           var G;
-          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);
+          v({ rowId: R, colKey: D }), h({ rowId: R, colKey: D }), (G = $.current) == null || G.focus({ preventScroll: !0 }), g.type === "select" && !Y.current.has(D) && Z(D, g);
         };
         if (ne) {
           const G = g.type === "select" ? /* @__PURE__ */ t(
             yi,
             {
               initialValue: ie,
-              options: k[B] ?? [],
-              loading: ee[B] ?? !1,
-              onCommit: (V) => _(j, B, V),
+              options: k[D] ?? [],
+              loading: ee[D] ?? !1,
+              onCommit: (V) => _(R, D, V),
               onCancel: U
             }
           ) : /* @__PURE__ */ t(
@@ -5067,7 +5067,7 @@ function ec({
               initialValue: ie,
               type: g.type ?? "text",
               mask: g.mask,
-              onCommit: (V) => _(j, B, V),
+              onCommit: (V) => _(R, D, V),
               onCancel: U
             }
           );
@@ -5081,14 +5081,14 @@ function ec({
             }
           );
         }
-        const A = s.cell(T);
+        const A = s.cell(E);
         return /* @__PURE__ */ l(Re, { children: [
           /* @__PURE__ */ t(
             "span",
             {
-              "data-cell-id": `${j}:${B}`,
+              "data-cell-id": `${R}:${D}`,
               className: "peer absolute inset-0 z-10 cursor-pointer",
-              onClick: R
+              onClick: H
             }
           ),
           ce && /* @__PURE__ */ t(
@@ -5122,12 +5122,16 @@ function ec({
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: M,
+      ref: $,
       tabIndex: 0,
       onKeyDown: oe,
       onBlur: (s) => {
         var g;
-        (g = M.current) != null && g.contains(s.relatedTarget) || U(!1);
+        (g = $.current) != null && g.contains(s.relatedTarget) || setTimeout(() => {
+          var R, D;
+          const E = document.activeElement;
+          E && ((R = E.closest) != null && R.call(E, "[data-bonsaif-select-dropdown]")) || (D = $.current) != null && D.contains(E) || U(!1);
+        }, 0);
       },
       style: { width: "100%", minWidth: 0, outline: "none" },
       children: /* @__PURE__ */ t(
@@ -5234,7 +5238,7 @@ function tc({
   const p = {
     from: Wt(e),
     to: Wt(r)
-  }, h = Wt(a), [x, v] = D(
+  }, h = Wt(a), [x, v] = B(
     Wt(i || e)
   );
   return Q(() => {
@@ -5259,8 +5263,8 @@ function tc({
             selected: p,
             month: x,
             onMonthChange: v,
-            onSelect: (L) => {
-              const S = L != null && L.from ? ea(L.from) : e, w = L != null && L.to ? ea(L.to) : "";
+            onSelect: (T) => {
+              const S = T != null && T.from ? ea(T.from) : e, w = T != null && T.to ? ea(T.to) : "";
               n({ startDate: S, endDate: w });
             },
             numberOfMonths: c,
@@ -5360,15 +5364,15 @@ function tc({
               }
             },
             formatters: {
-              formatCaption: (L) => ki(
+              formatCaption: (T) => ki(
                 new Intl.DateTimeFormat("es-MX", {
                   month: "long",
                   year: "numeric"
-                }).format(L)
+                }).format(T)
               ),
-              formatWeekdayName: (L) => new Intl.DateTimeFormat("es-MX", {
+              formatWeekdayName: (T) => new Intl.DateTimeFormat("es-MX", {
                 weekday: "short"
-              }).format(L)
+              }).format(T)
             },
             labels: {
               labelMonthDropdown: () => "Mes",
@@ -5425,40 +5429,40 @@ function rc({
   menuClassName: u = "",
   onOpenChange: m
 }) {
-  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);
+  const [f, p] = B(!1), [h, x] = B(!1), [v, T] = B({}), S = le(null), w = le(null), k = we(
+    ($) => {
+      p($), m == null || m($);
     },
     [m]
   ), O = we(() => {
-    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({
+    const $ = S.current;
+    if (!$) return;
+    const q = $.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, L = J === void 0 ? window.innerHeight - q.top + 6 : void 0;
+    T({
       position: "fixed",
       zIndex: 9999,
       left: P,
       top: J,
-      bottom: E,
+      bottom: L,
       width: Si(typeof a == "number" ? Z : a)
     });
   }, [n, a]);
   Q(() => x(!0), []), Q(() => {
     if (!f) return;
     O();
-    const M = (Z) => {
+    const $ = (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", 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);
+    return document.addEventListener("mousedown", $), window.addEventListener("keydown", q), window.addEventListener("resize", O), window.addEventListener("scroll", O, !0), () => {
+      document.removeEventListener("mousedown", $), window.removeEventListener("keydown", q), window.removeEventListener("resize", O), window.removeEventListener("scroll", O, !0);
     };
   }, [f, k, O]);
-  const ee = (M) => {
-    i || (M.key === "Enter" || M.key === " ") && (M.preventDefault(), k(!f));
+  const ee = ($) => {
+    i || ($.key === "Enter" || $.key === " ") && ($.preventDefault(), k(!f));
   }, z = cn(e) ? Ro(e, {
     onClick: () => {
       i || (ta(), k(!f));
@@ -5471,32 +5475,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((M) => /* @__PURE__ */ l("div", { children: [
-        M.separatorBefore && /* @__PURE__ */ t("div", { className: "my-1 border-t border-[var(--border)]" }),
+      children: r.map(($) => /* @__PURE__ */ l("div", { children: [
+        $.separatorBefore && /* @__PURE__ */ t("div", { className: "my-1 border-t border-[var(--border)]" }),
         /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             role: "menuitem",
-            disabled: M.disabled,
+            disabled: $.disabled,
             onClick: () => {
               var q;
-              M.disabled || (ta(), (q = M.onSelect) == null || q.call(M), k(!1));
+              $.disabled || (ta(), (q = $.onSelect) == null || q.call($), 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: M.danger ? "var(--danger)" : "var(--text-main)"
+              color: $.danger ? "var(--danger)" : "var(--text-main)"
             },
             children: [
-              M.icon && /* @__PURE__ */ t("span", { className: "mt-0.5 shrink-0", children: M.icon }),
+              $.icon && /* @__PURE__ */ t("span", { className: "mt-0.5 shrink-0", children: $.icon }),
               /* @__PURE__ */ l("span", { className: "min-w-0 flex-1", children: [
-                /* @__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 })
+                /* @__PURE__ */ t("span", { className: "block truncate text-sm font-medium", children: $.label }),
+                $.description && /* @__PURE__ */ t("span", { className: "block truncate text-xs text-[var(--text-muted)]", children: $.description })
               ] })
             ]
           }
         )
-      ] }, M.id))
+      ] }, $.id))
     }
   ) : null;
   return /* @__PURE__ */ l(
@@ -5531,7 +5535,7 @@ function nc({
   bodyClassName: h = "flex-1 overflow-y-auto px-6 py-5",
   width: x = 440,
   hasUnsavedChanges: v = !1,
-  unsavedChangesTitle: L = "Descartar cambios",
+  unsavedChangesTitle: T = "Descartar cambios",
   unsavedChangesDescription: S = "Hay cambios sin guardar. Si cierras el drawer se perderán.",
   unsavedChangesConfirmLabel: w = "Descartar",
   unsavedChangesCancelLabel: k = "Seguir editando",
@@ -5539,7 +5543,7 @@ function nc({
   disabled: ee = !1,
   children: z
 }) {
-  const [Y, M] = D(!1), [q, Z] = D(!1), [te, P] = D(!1), X = we(() => {
+  const [Y, $] = B(!1), [q, Z] = B(!1), [te, P] = B(!1), X = we(() => {
     Z(!0), requestAnimationFrame(() => {
       requestAnimationFrame(() => P(!0));
     });
@@ -5548,17 +5552,17 @@ function nc({
       () => Z(!1),
       Ei
     );
-  }, []), E = we(() => {
+  }, []), L = we(() => {
     if (v) {
       X();
       return;
     }
     r();
-  }, [v, r, X]), H = we(() => {
+  }, [v, r, X]), j = we(() => {
     P(!1), Z(!1), O == null || O(), r();
   }, [r, O]);
   return Q(() => {
-    M(!0);
+    $(!0);
   }, []), Q(() => (document.body.style.overflow = e ? "hidden" : "", e || (P(!1), Z(!1)), () => {
     document.body.style.overflow = "";
   }), [e]), Q(() => {
@@ -5569,11 +5573,11 @@ function nc({
           J();
           return;
         }
-        E();
+        L();
       }
     };
     return window.addEventListener("keydown", U), () => window.removeEventListener("keydown", U);
-  }, [J, q, e, E]), Y ? Ze(
+  }, [J, q, e, L]), Y ? Ze(
     /* @__PURE__ */ l(
       "div",
       {
@@ -5585,7 +5589,7 @@ function nc({
             "div",
             {
               className: `absolute inset-0 ${ra}`,
-              onClick: E
+              onClick: L
             }
           ),
           /* @__PURE__ */ l(
@@ -5605,7 +5609,7 @@ function nc({
                     style: { borderBottom: "1px solid var(--border)" },
                     children: [
                       /* @__PURE__ */ l("div", { className: "flex items-center gap-3 min-w-0", children: [
-                        /* @__PURE__ */ t(Be, { variant: "icon", onClick: E, title: "Cerrar", children: /* @__PURE__ */ t(Ie, { className: "w-5 h-5" }) }),
+                        /* @__PURE__ */ t(Be, { variant: "icon", onClick: L, title: "Cerrar", children: /* @__PURE__ */ t(Ie, { className: "w-5 h-5" }) }),
                         i && /* @__PURE__ */ t("div", { className: "flex-shrink-0", children: i }),
                         /* @__PURE__ */ l("div", { className: "min-w-0", children: [
                           /* @__PURE__ */ t(
@@ -5634,7 +5638,7 @@ function nc({
                             {
                               variant: "secondary",
                               size: "sm",
-                              onClick: E,
+                              onClick: L,
                               style: { background: "var(--bg-input)" },
                               children: "Cancelar"
                             }
@@ -5675,7 +5679,7 @@ function nc({
             {
               role: "dialog",
               "aria-modal": "true",
-              "aria-label": L,
+              "aria-label": T,
               className: "fixed inset-0 z-[1001] flex items-center justify-center p-4",
               children: [
                 /* @__PURE__ */ t(
@@ -5724,7 +5728,7 @@ function nc({
                         {
                           className: "mb-1 text-base font-semibold",
                           style: { color: "var(--text-main, #0f2f2c)" },
-                          children: L
+                          children: T
                         }
                       ),
                       /* @__PURE__ */ t(
@@ -5754,7 +5758,7 @@ function nc({
                           Be,
                           {
                             variant: "secondary",
-                            onClick: H,
+                            onClick: j,
                             className: "flex-1 border",
                             style: {
                               background: "var(--warning, #d97706)",
@@ -5985,16 +5989,16 @@ function Wa({
   required: x,
   ...v
 }) {
-  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 = {
+  const [T, S] = B(() => !!v.autoFocus), [w, k] = B(!1), O = v.type === "password" && f, ee = O && w ? "text" : v.type, z = !!a, Y = z && i !== "tooltip", $ = z && i !== "inline", q = p ? x : void 0, Z = z ? "border-[var(--danger)] focus:border-[var(--danger)]" : "", te = $ ? 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 = T || P, J = {
     top: X ? 7 : 12,
-    color: L ? "var(--primary)" : "var(--text-muted)",
+    color: T ? "var(--primary)" : "var(--text-muted)",
     fontSize: X ? 10 : 13,
     fontWeight: X ? 600 : 400,
     textTransform: X ? "uppercase" : "none"
-  }, E = (oe) => {
+  }, L = (oe) => {
     var W;
     S(!0), (W = v.onFocus) == null || W.call(v, oe);
-  }, H = (oe) => {
+  }, j = (oe) => {
     var W;
     S(!1), (W = v.onBlur) == null || W.call(v, oe);
   }, U = O ? /* @__PURE__ */ l(
@@ -6025,7 +6029,7 @@ function Wa({
         )
       ]
     }
-  ) : null, _ = M ? /* @__PURE__ */ t(
+  ) : null, _ = $ ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
@@ -6055,8 +6059,8 @@ function Wa({
           "aria-invalid": z || v["aria-invalid"],
           "data-has-value": P ? "true" : void 0,
           className: `h-11 w-full pt-5 ${te} ${Z} ${h}`,
-          onFocus: E,
-          onBlur: H
+          onFocus: L,
+          onBlur: j
         }
       ),
       /* @__PURE__ */ l(
@@ -6097,8 +6101,8 @@ function Wa({
           required: q,
           "aria-invalid": z || v["aria-invalid"],
           className: `w-full ${te} ${Z} ${h}`,
-          onFocus: E,
-          onBlur: H
+          onFocus: L,
+          onBlur: j
         }
       ),
       _,
@@ -6133,9 +6137,9 @@ function bc({
   onChange: f,
   ...p
 }) {
-  const [h, x] = D(
+  const [h, x] = B(
     () => oa(m)
-  ), v = u !== void 0 ? oa(u) : h, L = n && v.length > 0 && !ja(v) ? a : void 0;
+  ), v = u !== void 0 ? oa(u) : h, T = n && v.length > 0 && !ja(v) ? a : void 0;
   return /* @__PURE__ */ t(
     Wa,
     {
@@ -6145,7 +6149,7 @@ function bc({
       type: "text",
       inputMode: r,
       autoComplete: e,
-      error: c ?? L,
+      error: c ?? T,
       errorDisplay: i,
       onChange: (w) => {
         u === void 0 && x(w.currentTarget.value), f == null || f(w);
@@ -6221,7 +6225,7 @@ function pc({
   appendFiles: h = !1,
   showFileList: x = !0,
   clearable: v = !0,
-  browseLabel: L = "Buscar archivos",
+  browseLabel: T = "Buscar archivos",
   dropLabel: S = "Suelta los archivos aqui",
   emptyLabel: w = "Arrastra y suelta archivos",
   emptyDescription: k = "o haz click para buscarlos en tu equipo",
@@ -6229,7 +6233,7 @@ function pc({
   size: ee = "md",
   containerClassName: z = "",
   dropzoneClassName: Y = "",
-  fileListClassName: M = "",
+  fileListClassName: $ = "",
   className: q = "",
   id: Z,
   accept: te,
@@ -6237,7 +6241,7 @@ function pc({
   required: X,
   ...J
 }) {
-  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) => {
+  const L = Ho(), j = Z ?? L, U = le(null), [_, oe] = B(!1), [W, s] = B(c), g = i ?? W, E = !!n, R = v && g.length > 0 && !P, D = (re, me) => {
     i === void 0 && s(re), u == null || u(re, me);
   }, ne = (re, me) => {
     const se = re.filter(
@@ -6245,24 +6249,24 @@ function pc({
     ), y = re.filter(
       (be) => !la(be, te)
     ), I = h ? [...g, ...se] : se, ue = Wi(I, f, p);
-    y.length > 0 && (m == null || m(y)), B(ue, me);
+    y.length > 0 && (m == null || m(y)), D(ue, me);
   }, ce = () => {
     var re;
     P || (re = U.current) == null || re.click();
   }, pe = (re) => {
     ne(Array.from(re.target.files ?? []), re), re.target.value = "";
-  }, $ = (re) => {
+  }, M = (re) => {
     re.preventDefault(), P || oe(!0);
   }, ie = (re) => {
     re.currentTarget.contains(re.relatedTarget) || oe(!1);
-  }, R = (re) => {
+  }, H = (re) => {
     re.preventDefault(), oe(!1), !P && ne(Array.from(re.dataTransfer.files), re);
   }, A = (re) => {
     re.key !== "Enter" && re.key !== " " || (re.preventDefault(), ce());
   }, G = (re) => {
-    B(g.filter((me, se) => se !== re));
+    D(g.filter((me, se) => se !== re));
   }, V = () => {
-    B([]);
+    D([]);
   };
   return /* @__PURE__ */ l("div", { className: `flex flex-col gap-2 ${z}`, children: [
     (e || a) && /* @__PURE__ */ l("div", { className: "inline-flex items-center gap-1 text-xs font-semibold uppercase text-[var(--text-muted)]", children: [
@@ -6275,13 +6279,13 @@ function pc({
       {
         ...J,
         ref: U,
-        id: H,
+        id: j,
         type: "file",
         accept: te,
         multiple: f,
         disabled: P,
         required: X && g.length === 0,
-        "aria-invalid": T || J["aria-invalid"],
+        "aria-invalid": E || J["aria-invalid"],
         className: "sr-only",
         onChange: pe
       }
@@ -6291,14 +6295,14 @@ function pc({
       {
         role: "button",
         tabIndex: P ? -1 : 0,
-        "aria-controls": H,
+        "aria-controls": j,
         "aria-disabled": P || void 0,
-        "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}`,
+        "aria-invalid": E || 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)]" : E ? "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: $,
+        onDragOver: M,
         onDragLeave: ie,
-        onDrop: R,
+        onDrop: H,
         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" }) }),
@@ -6306,18 +6310,18 @@ function pc({
             /* @__PURE__ */ t("span", { className: "block text-sm font-semibold text-[var(--text-main)]", children: _ ? S : w }),
             k && /* @__PURE__ */ t("span", { className: "block text-sm text-[var(--text-muted)]", children: k })
           ] }),
-          L && /* @__PURE__ */ t("span", { className: "inline-flex h-9 items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-card)] px-3 text-xs font-semibold text-[var(--text-main)] shadow-sm shadow-black/5 transition-colors", children: L })
+          T && /* @__PURE__ */ t("span", { className: "inline-flex h-9 items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-card)] px-3 text-xs font-semibold text-[var(--text-main)] shadow-sm shadow-black/5 transition-colors", children: T })
         ]
       }
     ),
     x && g.length > 0 && /* @__PURE__ */ l(
       "div",
       {
-        className: `rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${M}`,
+        className: `rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${$}`,
         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 }),
-            j && /* @__PURE__ */ t(
+            R && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
@@ -6382,12 +6386,12 @@ function hc({
   onSave: f,
   onChange: p
 }) {
-  const [h, x] = D(
+  const [h, x] = B(
     () => e.map((z) => ({ key: !1, type: "", ...z }))
-  ), [v, L] = D(""), [S, w] = D(""), k = we(
+  ), [v, T] = B(""), [S, w] = B(""), k = we(
     (z, Y) => {
-      x((M) => {
-        const q = M.map((Z, te) => te === z ? { ...Z, ...Y } : Z);
+      x(($) => {
+        const q = $.map((Z, te) => te === z ? { ...Z, ...Y } : Z);
         return p == null || p(q), q;
       });
     },
@@ -6407,15 +6411,15 @@ function hc({
       w("Ese campo ya existe en el arreglo.");
       return;
     }
-    const M = {
+    const $ = {
       name: z,
       key: !1,
       type: ((q = n[0]) == null ? void 0 : q.value) ?? ""
     };
     x((Z) => {
-      const te = [...Z, M];
+      const te = [...Z, $];
       return p == null || p(te), te;
-    }), L(""), w("");
+    }), T(""), w("");
   }, [n, h, v, p]);
   return /* @__PURE__ */ l(
     "div",
@@ -6474,7 +6478,7 @@ function hc({
                   {
                     size: "sm",
                     checked: z.key ?? !1,
-                    onChange: (M) => k(Y, { key: M.target.checked }),
+                    onChange: ($) => k(Y, { key: $.target.checked }),
                     "aria-label": `${z.name} es clave`
                   }
                 ) }),
@@ -6482,7 +6486,7 @@ function hc({
                   At,
                   {
                     value: z.type ?? "",
-                    onChange: (M) => k(Y, { type: M }),
+                    onChange: ($) => k(Y, { type: $ }),
                     options: n,
                     placeholder: "—",
                     emptyLabel: "—",
@@ -6518,7 +6522,7 @@ function hc({
                       type: "text",
                       value: v,
                       onChange: (z) => {
-                        L(z.currentTarget.value), S && w("");
+                        T(z.currentTarget.value), S && w("");
                       },
                       onKeyDown: (z) => {
                         z.key === "Enter" && (z.preventDefault(), ee());
@@ -6604,24 +6608,24 @@ function vc({
   minOptionsForSearch: h = 6,
   maxVisibleValues: x = 2,
   truncateSelectedValues: v = !0,
-  emptyText: L = "Sin resultados",
+  emptyText: T = "Sin resultados",
   clearLabel: S = "Limpiar seleccion"
 }) {
-  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)),
+  const [w, k] = B(!1), [O, ee] = B(""), [z, Y] = B(0), [$, q] = B(!1), [Z, te] = B({}), P = le(null), X = le(null), J = le(null), L = le(null), j = p && n.length >= h, U = at(() => new Set(e), [e]), _ = at(
+    () => n.filter((M) => U.has(M.value)),
     [n, U]
   ), oe = x === "all" ? _.length : x, W = _.slice(0, oe), s = Math.max(
     0,
     _.length - W.length
-  ), g = H && O.trim() ? n.filter(
-    ($) => {
+  ), g = j && O.trim() ? n.filter(
+    (M) => {
       var ie;
-      return $.label.toLowerCase().includes(O.toLowerCase()) || ((ie = $.sublabel) == null ? void 0 : ie.toLowerCase().includes(O.toLowerCase()));
+      return M.label.toLowerCase().includes(O.toLowerCase()) || ((ie = M.sublabel) == null ? void 0 : ie.toLowerCase().includes(O.toLowerCase()));
     }
-  ) : n, T = we(() => {
-    const $ = P.current;
-    if (!$) return;
-    const ie = $.getBoundingClientRect(), R = H ? 304 : 244, A = window.innerHeight - ie.bottom, G = A < R && ie.top > A;
+  ) : n, E = we(() => {
+    const M = P.current;
+    if (!M) return;
+    const ie = M.getBoundingClientRect(), H = j ? 304 : 244, A = window.innerHeight - ie.bottom, G = A < H && ie.top > A;
     te({
       position: "fixed",
       left: ie.left,
@@ -6630,49 +6634,49 @@ function vc({
       width: ie.width,
       zIndex: 9999
     });
-  }, [H]), j = we(
-    ($) => {
-      Ki(e, $) || r($);
+  }, [j]), R = we(
+    (M) => {
+      Ki(e, M) || r(M);
     },
     [r, e]
-  ), B = we(
-    ($) => {
-      const ie = n.find((A) => A.value === $);
+  ), D = we(
+    (M) => {
+      const ie = n.find((A) => A.value === M);
       if (ie != null && ie.disabled) return;
-      const R = U.has($) ? e.filter((A) => A !== $) : [...e, $];
-      j(R);
+      const H = U.has(M) ? e.filter((A) => A !== M) : [...e, M];
+      R(H);
     },
-    [j, n, e, U]
-  ), ne = we(() => j([]), [j]);
+    [R, n, e, U]
+  ), ne = we(() => R([]), [R]);
   Q(() => q(!0), []), Q(() => {
     if (!w) return;
-    function $(ie) {
+    function M(ie) {
       var A, G;
-      const R = ie.target;
-      !((A = P.current) != null && A.contains(R)) && !((G = X.current) != null && G.contains(R)) && (k(!1), ee(""));
+      const H = ie.target;
+      !((A = P.current) != null && A.contains(H)) && !((G = X.current) != null && G.contains(H)) && (k(!1), ee(""));
     }
-    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
+    return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
   }, [w]), Q(() => {
-    w && (Y(0), T(), H && setTimeout(() => {
-      var $;
-      return ($ = J.current) == null ? void 0 : $.focus();
+    w && (Y(0), E(), j && setTimeout(() => {
+      var M;
+      return (M = J.current) == null ? void 0 : M.focus();
     }, 0));
-  }, [w, H, T]), Q(() => {
+  }, [w, j, E]), Q(() => {
     if (w)
-      return window.addEventListener("resize", T), window.addEventListener("scroll", T, !0), () => {
-        window.removeEventListener("resize", T), window.removeEventListener("scroll", T, !0);
+      return window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), () => {
+        window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
       };
-  }, [w, T]), Q(() => {
-    if (z < 0 || !E.current) return;
-    const $ = E.current.children[z];
-    $ == null || $.scrollIntoView({ block: "nearest" });
+  }, [w, E]), Q(() => {
+    if (z < 0 || !L.current) return;
+    const M = L.current.children[z];
+    M == null || M.scrollIntoView({ block: "nearest" });
   }, [z]);
-  function ce($) {
+  function ce(M) {
     if (!w) {
-      ($.key === "Enter" || $.key === " " || $.key === "ArrowDown") && ($.preventDefault(), k(!0));
+      (M.key === "Enter" || M.key === " " || M.key === "ArrowDown") && (M.preventDefault(), k(!0));
       return;
     }
-    $.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)));
+    M.key === "Escape" && (M.preventDefault(), k(!1), ee("")), M.key === "ArrowDown" && (M.preventDefault(), Y((ie) => Math.min(ie + 1, g.length - 1))), M.key === "ArrowUp" && (M.preventDefault(), Y((ie) => Math.max(ie - 1, 0))), M.key === "Enter" && g[z] && (M.preventDefault(), D(g[z].value)), M.key === "Backspace" && !O && e.length && (M.preventDefault(), R(e.slice(0, -1)));
   }
   const pe = /* @__PURE__ */ l(
     "div",
@@ -6685,7 +6689,7 @@ function vc({
         border: "1px solid var(--border)"
       },
       children: [
-        H && /* @__PURE__ */ l(
+        j && /* @__PURE__ */ l(
           "div",
           {
             className: "flex items-center gap-2 px-3 py-2",
@@ -6703,8 +6707,8 @@ function vc({
                 {
                   ref: J,
                   value: O,
-                  onChange: ($) => {
-                    ee($.target.value), Y(0);
+                  onChange: (M) => {
+                    ee(M.target.value), Y(0);
                   },
                   placeholder: "Buscar…",
                   className: "min-w-0 flex-1 bg-transparent text-sm outline-none",
@@ -6715,8 +6719,8 @@ function vc({
                 "button",
                 {
                   type: "button",
-                  onMouseDown: ($) => {
-                    $.preventDefault(), ee("");
+                  onMouseDown: (M) => {
+                    M.preventDefault(), ee("");
                   },
                   children: /* @__PURE__ */ t(
                     Ie,
@@ -6747,8 +6751,8 @@ function vc({
                 "button",
                 {
                   type: "button",
-                  onMouseDown: ($) => {
-                    $.preventDefault(), ne();
+                  onMouseDown: (M) => {
+                    M.preventDefault(), ne();
                   },
                   className: "font-semibold transition-colors hover:text-[var(--primary)]",
                   children: S
@@ -6760,34 +6764,34 @@ function vc({
         /* @__PURE__ */ l(
           "ul",
           {
-            ref: E,
+            ref: L,
             role: "listbox",
             "aria-multiselectable": "true",
             className: "overflow-y-auto",
             style: {
-              maxHeight: H ? 220 : 200,
+              maxHeight: j ? 220 : 200,
               scrollbarWidth: "thin",
               scrollbarColor: "var(--border) transparent",
               overscrollBehavior: "contain"
             },
             children: [
-              g.map(($, ie) => {
-                const R = ie === z, A = U.has($.value);
+              g.map((M, ie) => {
+                const H = ie === z, A = U.has(M.value);
                 return /* @__PURE__ */ l(
                   "li",
                   {
                     role: "option",
                     "aria-selected": A,
                     onMouseDown: (G) => {
-                      G.preventDefault(), B($.value);
+                      G.preventDefault(), D(M.value);
                     },
-                    onMouseEnter: () => !$.disabled && Y(ie),
+                    onMouseEnter: () => !M.disabled && Y(ie),
                     className: "flex cursor-pointer items-center gap-2 px-3 py-2 text-sm transition-colors",
                     style: {
-                      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
+                      background: H ? "var(--bg-hover)" : A ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
+                      color: M.disabled ? "var(--text-muted)" : "var(--text-main)",
+                      cursor: M.disabled ? "not-allowed" : "pointer",
+                      opacity: M.disabled ? 0.58 : 1
                     },
                     children: [
                       /* @__PURE__ */ t(
@@ -6802,35 +6806,35 @@ function vc({
                           children: A && /* @__PURE__ */ t(Ue, { className: "h-3 w-3" })
                         }
                       ),
-                      $.color && /* @__PURE__ */ t(
+                      M.color && /* @__PURE__ */ t(
                         "span",
                         {
                           className: "h-2.5 w-2.5 flex-shrink-0 rounded-full",
-                          style: { background: $.color }
+                          style: { background: M.color }
                         }
                       ),
                       /* @__PURE__ */ l("span", { className: "flex min-w-0 flex-1 items-baseline gap-1 overflow-hidden", children: [
-                        /* @__PURE__ */ t("span", { className: "truncate", children: $.label }),
-                        $.sublabel && /* @__PURE__ */ t(
+                        /* @__PURE__ */ t("span", { className: "truncate", children: M.label }),
+                        M.sublabel && /* @__PURE__ */ t(
                           "span",
                           {
                             className: "min-w-0 flex-shrink truncate",
                             style: { color: "var(--text-muted)", fontSize: 12 },
-                            children: $.sublabel
+                            children: M.sublabel
                           }
                         )
                       ] }),
-                      $.badge && /* @__PURE__ */ t(
+                      M.badge && /* @__PURE__ */ t(
                         "span",
                         {
                           className: "flex-shrink-0 text-xs",
                           style: { color: "var(--text-muted)" },
-                          children: $.badge
+                          children: M.badge
                         }
                       )
                     ]
                   },
-                  $.value
+                  M.value
                 );
               }),
               g.length === 0 && /* @__PURE__ */ t(
@@ -6838,7 +6842,7 @@ function vc({
                 {
                   className: "px-3 py-4 text-center text-sm",
                   style: { color: "var(--text-muted)" },
-                  children: L
+                  children: T
                 }
               )
             ]
@@ -6860,7 +6864,7 @@ function vc({
           {
             type: "button",
             disabled: i,
-            onClick: () => !i && k(($) => !$),
+            onClick: () => !i && k((M) => !M),
             className: "flex w-full items-center gap-2 rounded-lg text-left text-sm transition-colors focus:outline-none",
             style: {
               minHeight: ia(m),
@@ -6875,7 +6879,7 @@ function vc({
             "aria-expanded": w,
             children: [
               /* @__PURE__ */ t("span", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5 overflow-hidden", children: W.length ? /* @__PURE__ */ l(Re, { children: [
-                W.map(($) => /* @__PURE__ */ l(
+                W.map((M) => /* @__PURE__ */ l(
                   "span",
                   {
                     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"}`,
@@ -6885,23 +6889,23 @@ function vc({
                       color: "var(--text-main)"
                     },
                     children: [
-                      $.color && /* @__PURE__ */ t(
+                      M.color && /* @__PURE__ */ t(
                         "span",
                         {
                           className: "h-1.5 w-1.5 flex-shrink-0 rounded-full",
-                          style: { background: $.color }
+                          style: { background: M.color }
                         }
                       ),
                       /* @__PURE__ */ t(
                         "span",
                         {
                           className: v ? "truncate" : "break-words",
-                          children: $.label
+                          children: M.label
                         }
                       )
                     ]
                   },
-                  $.value
+                  M.value
                 )),
                 s > 0 && /* @__PURE__ */ l(
                   "span",
@@ -6924,8 +6928,8 @@ function vc({
                   role: "button",
                   tabIndex: -1,
                   "aria-label": S,
-                  onMouseDown: ($) => {
-                    $.preventDefault(), $.stopPropagation(), ne();
+                  onMouseDown: (M) => {
+                    M.preventDefault(), M.stopPropagation(), ne();
                   },
                   className: "flex-shrink-0 rounded-full p-0.5 transition-colors hover:bg-black/10",
                   style: { color: "var(--text-muted)" },
@@ -6944,7 +6948,7 @@ function vc({
             ]
           }
         ),
-        w && M && Ze(pe, document.body)
+        w && $ && Ze(pe, document.body)
       ]
     }
   );
@@ -7258,7 +7262,7 @@ function yc({
   defaultCountryCode: h = "+1",
   onCountryCodeChange: x,
   allowedCountryCodes: v,
-  countryCodeOptions: L,
+  countryCodeOptions: T,
   countryCodePlaceholder: S = "Codigo",
   countryCodeClassName: w = "",
   countryCodeWidth: k = 84,
@@ -7266,38 +7270,38 @@ function yc({
   label: ee,
   containerClassName: z = "",
   helperText: Y,
-  labelAction: M,
+  labelAction: $,
   className: q = "",
   required: Z,
   disabled: te,
   floatingLabel: P,
   showPasswordToggle: X,
   nativeValidation: J,
-  errorTooltipLabel: E = "Error de validacion",
-  ...H
+  errorTooltipLabel: L = "Error de validacion",
+  ...j
 }) {
   var re;
-  const [U, _] = D(
+  const [U, _] = B(
     () => sa(m)
-  ), [oe, W] = D(
+  ), [oe, W] = B(
     () => Nr(h)
   ), s = at(() => {
-    const me = L ?? Yi, se = v == null ? void 0 : v.map(Nr);
+    const me = T ?? Yi, se = v == null ? void 0 : v.map(Nr);
     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(
+  }, [v, T]), g = ((re = s[0]) == null ? void 0 : re.value) ?? "+1", E = s.some(
     (me) => me.value === Nr(p ?? oe)
-  ) ? 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) => {
+  ) ? Nr(p ?? oe) : g, R = u !== void 0 ? sa(u) : U, D = `${E} ${R}`.trim(), ne = n && R.length > 0 && !za(D) ? a : void 0, ce = c ?? ne, pe = !!ce, M = pe && i !== "tooltip", ie = pe && i !== "inline", H = 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: T,
+      countryCode: E,
       nationalNumber: se,
-      fullNumber: `${T} ${se}`.trim()
+      fullNumber: `${E} ${se}`.trim()
     }), f == null || f(me);
   }, G = (me) => {
-    p === void 0 && W(me), x == null || x(me), O == null || O(j, {
+    p === void 0 && W(me), x == null || x(me), O == null || O(R, {
       countryCode: me,
-      nationalNumber: j,
-      fullNumber: `${me} ${j}`.trim()
+      nationalNumber: R,
+      fullNumber: `${me} ${R}`.trim()
     });
   }, V = ie ? /* @__PURE__ */ t(
     Ut,
@@ -7310,7 +7314,7 @@ function yc({
         {
           tabIndex: 0,
           role: "img",
-          "aria-label": E,
+          "aria-label": L,
           className: "flex h-full w-full items-center justify-center outline-none",
           children: /* @__PURE__ */ t(Pa, { className: "h-[18px] w-[18px]" })
         }
@@ -7321,17 +7325,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: "*" }),
-      M && /* @__PURE__ */ t("span", { className: "ml-auto normal-case", children: M })
+      $ && /* @__PURE__ */ t("span", { className: "ml-auto normal-case", children: $ })
     ] }),
     /* @__PURE__ */ l(
       "span",
       {
-        className: `flex h-10 min-w-0 items-center overflow-hidden rounded-lg border bg-[var(--bg-input)] transition-colors ${R}`,
+        className: `flex h-10 min-w-0 items-center overflow-hidden rounded-lg border bg-[var(--bg-input)] transition-colors ${H}`,
         children: [
           /* @__PURE__ */ t(
             At,
             {
-              value: T,
+              value: E,
               onChange: G,
               options: s,
               placeholder: S,
@@ -7353,7 +7357,7 @@ function yc({
             /* @__PURE__ */ t(
               "input",
               {
-                ...H,
+                ...j,
                 value: u,
                 defaultValue: m,
                 type: "tel",
@@ -7361,8 +7365,8 @@ function yc({
                 autoComplete: e,
                 disabled: te,
                 required: void 0,
-                "aria-label": H["aria-label"] ?? (typeof ee == "string" ? ee : void 0),
-                "aria-invalid": pe || H["aria-invalid"],
+                "aria-label": j["aria-label"] ?? (typeof ee == "string" ? ee : void 0),
+                "aria-invalid": pe || j["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: A
               }
@@ -7372,7 +7376,7 @@ function yc({
         ]
       }
     ),
-    $ ? /* @__PURE__ */ t("span", { className: "text-xs font-medium normal-case text-[var(--danger)]", children: ce }) : Y ? /* @__PURE__ */ t("span", { className: "text-xs font-medium normal-case text-[var(--text-muted)]", children: Y }) : null
+    M ? /* @__PURE__ */ t("span", { className: "text-xs font-medium normal-case text-[var(--danger)]", children: ce }) : Y ? /* @__PURE__ */ t("span", { className: "text-xs font-medium normal-case text-[var(--text-muted)]", children: Y }) : null
   ] });
 }
 function wc({
@@ -7477,7 +7481,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] = 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(
+  const i = le(null), c = le(null), u = le(null), m = le(!1), f = le(e ?? ""), p = le(r), [h, x] = B(() => !e || e.trim() === ""), [v, T] = B(/* @__PURE__ */ new Set()), [S, w] = B(null), [k, O] = B(""), [ee, z] = B(""), [Y, $] = B(""), [q, Z] = B(""), [te, P] = B(!1), X = we(
     () => m.current ? c.current : i.current,
     []
   );
@@ -7527,7 +7531,7 @@ function Nc({
       I && cancelAnimationFrame(I), ue && clearTimeout(ue), y == null || y();
     };
   }, [te]);
-  const E = we(() => {
+  const L = we(() => {
     const y = [
       "bold",
       "italic",
@@ -7556,8 +7560,8 @@ function Nc({
       return;
     }
     const ue = J();
-    Qr(ue, "uppercase") && I.add("__upper"), Qr(ue, "lowercase") && I.add("__lower"), Qr(ue, "capitalize") && I.add("__cap"), L(I);
-  }, [J]), H = () => {
+    Qr(ue, "uppercase") && I.add("__upper"), Qr(ue, "lowercase") && I.add("__lower"), Qr(ue, "capitalize") && I.add("__cap"), T(I);
+  }, [J]), j = () => {
     var I;
     const y = X();
     y && (f.current = y.innerHTML, p.current(f.current), x(((I = y.textContent) == null ? void 0 : I.trim()) === ""));
@@ -7569,27 +7573,27 @@ function Nc({
     P(!y);
   }, _ = (y, I) => {
     var ue;
-    (ue = X()) == null || ue.focus(), document.execCommand(y, !1, I), H(), E();
+    (ue = X()) == null || ue.focus(), document.execCommand(y, !1, I), j(), L();
   }, oe = (y) => {
     _("formatBlock", y);
   }, W = () => {
     var y;
-    (y = X()) == null || y.focus(), document.execCommand("insertHTML", !1, "<hr><p><br></p>"), H(), E();
+    (y = X()) == null || y.focus(), document.execCommand("insertHTML", !1, "<hr><p><br></p>"), j(), L();
   }, s = () => {
     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) => {
+  }, E = (y) => {
     if (s(), y === "link") {
       const I = window.getSelection();
       z(
         I && !I.isCollapsed ? I.toString() : ""
       ), O("");
     }
-    y === "image" && (M(""), Z("")), w(y);
-  }, j = () => {
+    y === "image" && ($(""), Z("")), w(y);
+  }, R = () => {
     var be;
     if (!k.trim()) return;
     g(), (be = X()) == null || be.focus();
@@ -7598,14 +7602,14 @@ function Nc({
       "insertHTML",
       !1,
       `<a href="${kr(k.trim())}" target="_blank" rel="noopener noreferrer" class="rich-link">${kr(ue)}</a>`
-    ), 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 = () => {
+    ), j(), w(null);
+  }, D = (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())
-    ), H(), w(null));
+      D(Y.trim(), q.trim())
+    ), j(), 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) => {
@@ -7637,10 +7641,10 @@ function Nc({
       (he = X()) == null || he.focus(), document.execCommand(
         "insertHTML",
         !1,
-        B(Se, "imagen")
-      ), H();
+        D(Se, "imagen")
+      ), j();
     });
-  }, $ = (y) => {
+  }, M = (y) => {
     const I = window.getSelection(), ue = X();
     if (!I || !ue || I.rangeCount === 0 || I.isCollapsed)
       return;
@@ -7654,11 +7658,11 @@ function Nc({
     const Ee = document.createTextNode(he);
     be.insertNode(Ee);
     const ke = document.createRange();
-    ke.setStart(Ee, 0), ke.setEnd(Ee, he.length), I.removeAllRanges(), I.addRange(ke), u.current = ke.cloneRange(), H(), E();
+    ke.setStart(Ee, 0), ke.setEnd(Ee, he.length), I.removeAllRanges(), I.addRange(ke), u.current = ke.cloneRange(), j(), L();
   }, ie = () => {
-    s(), E();
-  }, R = () => {
-    H(), E();
+    s(), L();
+  }, H = () => {
+    j(), L();
   }, A = (y) => {
     if (y.key === "Escape") {
       if (S) {
@@ -7670,7 +7674,7 @@ function Nc({
         return;
       }
     }
-    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")));
+    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(), E("link")));
   }, G = () => /* @__PURE__ */ t(
     "div",
     {
@@ -7701,7 +7705,7 @@ function Nc({
     if (I.closest("[data-action='delete-img']")) {
       y.preventDefault();
       const ue = I.closest(".rich-img-wrap");
-      ue && (ue.remove(), H());
+      ue && (ue.remove(), j());
     }
   }, me = (y) => /* @__PURE__ */ l(Re, { children: [
     S === "link" && /* @__PURE__ */ l(
@@ -7718,7 +7722,7 @@ function Nc({
               value: k,
               onChange: (I) => O(I.target.value),
               onKeyDown: (I) => {
-                I.key === "Enter" && (I.preventDefault(), j()), I.key === "Escape" && w(null);
+                I.key === "Enter" && (I.preventDefault(), R()), I.key === "Escape" && w(null);
               },
               placeholder: "https://...",
               className: "min-w-0 flex-1 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7736,7 +7740,7 @@ function Nc({
               value: ee,
               onChange: (I) => z(I.target.value),
               onKeyDown: (I) => {
-                I.key === "Enter" && (I.preventDefault(), j()), I.key === "Escape" && w(null);
+                I.key === "Enter" && (I.preventDefault(), R()), I.key === "Escape" && w(null);
               },
               placeholder: "Texto (opcional)",
               className: "w-32 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7751,7 +7755,7 @@ function Nc({
             "button",
             {
               type: "button",
-              onClick: j,
+              onClick: R,
               className: "rounded px-2.5 py-1 text-xs font-semibold text-white",
               style: { background: "var(--primary)" },
               children: "OK"
@@ -7782,7 +7786,7 @@ function Nc({
               autoFocus: !0,
               type: "url",
               value: Y,
-              onChange: (I) => M(I.target.value),
+              onChange: (I) => $(I.target.value),
               onKeyDown: (I) => {
                 I.key === "Enter" && (I.preventDefault(), ne()), I.key === "Escape" && w(null);
               },
@@ -7933,26 +7937,26 @@ function Nc({
           /* @__PURE__ */ t("span", { style: { fontSize: "10px" }, children: "AA" }),
           "Mayusculas",
           "__upper",
-          () => $("uppercase")
+          () => M("uppercase")
         ),
         V(
           /* @__PURE__ */ t("span", { style: { fontSize: "10px" }, children: "aa" }),
           "Minusculas",
           "__lower",
-          () => $("lowercase")
+          () => M("lowercase")
         ),
         V(
           /* @__PURE__ */ t("span", { style: { fontSize: "10px" }, children: "Aa" }),
           "Capitalizar",
           "__cap",
-          () => $("capitalize")
+          () => M("capitalize")
         ),
         G(),
         V(
           /* @__PURE__ */ t(wa, { className: "h-4 w-4" }),
           "Insertar enlace (Ctrl+K)",
           "__link",
-          () => T("link")
+          () => E("link")
         ),
         V(
           /* @__PURE__ */ t(sl, { className: "h-4 w-4" }),
@@ -7963,7 +7967,7 @@ function Nc({
           /* @__PURE__ */ t(cl, { className: "h-4 w-4" }),
           "Insertar imagen",
           "__img",
-          () => T("image")
+          () => E("image")
         ),
         V(
           /* @__PURE__ */ t(Na, { className: "h-4 w-4" }),
@@ -8013,7 +8017,7 @@ function Nc({
               ref: i,
               contentEditable: !0,
               suppressContentEditableWarning: !0,
-              onInput: R,
+              onInput: H,
               onKeyDown: A,
               onKeyUp: ie,
               onSelect: ie,
@@ -8055,7 +8059,7 @@ function Nc({
               ref: c,
               contentEditable: !0,
               suppressContentEditableWarning: !0,
-              onInput: R,
+              onInput: H,
               onKeyDown: A,
               onKeyUp: ie,
               onSelect: ie,
@@ -8235,35 +8239,35 @@ function Sc({
   selectClassName: h,
   menuClassName: x,
   optionClassName: v,
-  spinnerClassName: L
+  spinnerClassName: T
 }) {
-  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 = {
+  const [S, w] = B(!1), [k, O] = B(!1), [ee, z] = B(-1), [Y, $] = B({}), 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) => {
+  }, J = i || c || r.length === 0, L = (s) => {
     u && s.stopPropagation();
-  }, H = we(() => {
+  }, j = we(() => {
     w(!1), z(-1);
   }, []), U = we(() => {
     const s = q.current;
     if (!s) return;
-    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
+    const g = s.getBoundingClientRect(), E = Math.max(g.width, rs[a]), R = Math.min(Math.max(r.length, 1) * 38 + 12, 260), D = window.innerHeight - g.bottom, ne = D < R && g.top > D, ce = Math.min(
+      Math.max(8, g.left + g.width / 2 - E / 2),
+      window.innerWidth - E - 8
     );
-    M({
+    $({
       position: "fixed",
       left: ce,
       top: ne ? void 0 : g.bottom + 6,
       bottom: ne ? window.innerHeight - g.top + 6 : void 0,
-      width: T,
+      width: E,
       zIndex: 9999
     });
   }, [r.length, a]), _ = we(
     (s) => {
-      s.disabled || (n(s.value), H());
+      s.disabled || (n(s.value), j());
     },
-    [H, n]
+    [j, n]
   );
   Q(() => O(!0), []), Q(() => {
     if (!S) return;
@@ -8273,12 +8277,12 @@ function Sc({
   }, [S, r, U, e]), Q(() => {
     if (!S) return;
     function s(g) {
-      var j, B;
-      const T = g.target;
-      !((j = q.current) != null && j.contains(T)) && !((B = Z.current) != null && B.contains(T)) && H();
+      var R, D;
+      const E = g.target;
+      !((R = q.current) != null && R.contains(E)) && !((D = Z.current) != null && D.contains(E)) && j();
     }
     return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
-  }, [H, S]), Q(() => {
+  }, [j, S]), Q(() => {
     if (S)
       return window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), () => {
         window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
@@ -8295,7 +8299,7 @@ function Sc({
         return;
       }
       if (s.key === "Escape") {
-        s.preventDefault(), H();
+        s.preventDefault(), j();
         return;
       }
       if (s.key === "ArrowDown") {
@@ -8329,9 +8333,9 @@ function Sc({
         borderColor: "var(--border)",
         color: "var(--text-main)"
       },
-      onClick: E,
-      onMouseDown: E,
-      onPointerDown: E,
+      onClick: L,
+      onMouseDown: L,
+      onPointerDown: L,
       children: /* @__PURE__ */ t(
         "div",
         {
@@ -8343,7 +8347,7 @@ function Sc({
             overscrollBehavior: "contain"
           },
           children: r.map((s, g) => {
-            const T = s.value === e, j = g === ee, B = {
+            const E = s.value === e, R = g === ee, D = {
               ...s.tone ? da[s.tone] : void 0,
               ...s.style
             };
@@ -8352,7 +8356,7 @@ function Sc({
               {
                 type: "button",
                 role: "option",
-                "aria-selected": T,
+                "aria-selected": E,
                 disabled: s.disabled,
                 onMouseEnter: () => !s.disabled && z(g),
                 onMouseDown: (ne) => {
@@ -8361,16 +8365,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],
-                  T ? s.className : void 0,
+                  E ? s.className : void 0,
                   v
                 ),
                 style: {
-                  ...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)"
+                  ...E ? D : void 0,
+                  background: E ? D.background ?? "color-mix(in srgb, var(--primary) 12%, transparent)" : R ? "var(--bg-hover)" : "transparent",
+                  color: E ? D.color ?? "var(--primary)" : "var(--text-main)"
                 },
                 children: [
-                  /* @__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: "flex h-4 w-4 shrink-0 items-center justify-center", children: E ? /* @__PURE__ */ t(Ue, { className: "h-4 w-4" }) : null }),
                   /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: s.label })
                 ]
               },
@@ -8387,8 +8391,8 @@ function Sc({
       ref: q,
       className: ht("relative inline-flex shrink-0 items-center", p),
       onKeyDown: oe,
-      onClick: E,
-      onPointerDown: E,
+      onClick: L,
+      onPointerDown: L,
       children: [
         /* @__PURE__ */ t(
           "button",
@@ -8427,7 +8431,7 @@ function Sc({
             "aria-hidden": "true",
             className: ht(
               "absolute -right-1 -top-1 h-2.5 w-2.5 rounded-full border border-current border-t-transparent animate-spin",
-              L
+              T
             )
           }
         ),
@@ -8526,15 +8530,15 @@ function $c({
   previousLabel: h = "Anterior",
   nextLabel: x = "Siguiente",
   blockedNextLabel: v = "Completa este paso",
-  className: L = "",
+  className: T = "",
   headerClassName: S = "",
   contentClassName: w = "",
   footerClassName: k = ""
 }) {
-  var R;
-  const O = ((R = e[0]) == null ? void 0 : R.id) ?? "", [ee, z] = D(
+  var H;
+  const O = ((H = e[0]) == null ? void 0 : H.id) ?? "", [ee, z] = B(
     n ?? O
-  ), [Y, M] = D(
+  ), [Y, $] = B(
     i
   ), q = r ?? ee, Z = a ?? Y, te = at(
     () => new Set(Z),
@@ -8542,9 +8546,9 @@ function $c({
   ), P = Math.max(
     0,
     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) => {
+  ), X = e[P] ?? e[0], J = e.length <= 1 ? 100 : P / (e.length - 1) * 100, L = (A) => {
+    a || $(A), u == null || u(A);
+  }, j = (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) => {
@@ -8560,17 +8564,17 @@ function $c({
       const V = _(G);
       return V && (m == null || m(e[G], V)), !1;
     }
-    return H(A), !0;
+    return j(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) => {
+    !A || te.has(A) || L([...Z, A]);
+  }, E = (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 && H(A);
-  }, j = () => P <= 0 ? !1 : s(e[P - 1].id), B = () => {
+    L(V), G >= 0 && P > G && j(A);
+  }, R = () => P <= 0 ? !1 : s(e[P - 1].id), D = () => {
     const A = e[P + 1];
     return A ? s(A.id) : !1;
   }, ne = {
@@ -8580,19 +8584,19 @@ function $c({
     isCompleted: U,
     isUnlocked: W,
     completeStep: g,
-    uncompleteStep: T,
+    uncompleteStep: E,
     goToStep: s,
-    goNext: B,
-    goPrevious: j
+    goNext: D,
+    goPrevious: R
   };
   if (!X) return null;
-  const ce = e[P + 1], pe = P > 0, $ = ce ? W(ce.id) : !1, ie = typeof X.content == "function" ? X.content(ne) : X.content;
+  const ce = e[P + 1], pe = P > 0, M = ce ? W(ce.id) : !1, ie = typeof X.content == "function" ? X.content(ne) : X.content;
   return /* @__PURE__ */ l(
     "section",
     {
       className: it(
         "overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)]",
-        L
+        T
       ),
       children: [
         /* @__PURE__ */ l(
@@ -8715,7 +8719,7 @@ function $c({
                   padding: "0 14px",
                   icon: /* @__PURE__ */ t(Tt, {}),
                   disabled: !pe,
-                  onClick: j,
+                  onClick: R,
                   children: h
                 }
               ),
@@ -8738,9 +8742,9 @@ function $c({
                   height: 38,
                   padding: "0 14px",
                   icon: /* @__PURE__ */ t(st, {}),
-                  disabled: !ce || !$,
-                  onClick: B,
-                  children: ce && !$ ? v : x
+                  disabled: !ce || !M,
+                  onClick: D,
+                  children: ce && !M ? v : x
                 }
               )
             ]
@@ -8786,35 +8790,35 @@ const ss = ga(
     status: h = "default",
     icon: x,
     action: v,
-    style: L,
+    style: T,
     value: S,
     defaultValue: w,
     maxLength: k,
     onInput: O,
     ...ee
   }, z) {
-    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 ?? {},
+    const Y = le(null), $ = is(S, w), q = p ?? k, Z = !!(x || v || f), te = h === "error" ? "var(--danger)" : h === "success" ? "#16a34a" : "var(--border)", P = {
+      ...T ?? {},
       ...u ? { minHeight: `${u * 24 + 18}px` } : null,
       ...m ? { maxHeight: `${m * 24 + 18}px` } : null
     }, X = () => {
-      const E = Y.current;
-      !E || !c || (E.style.height = "auto", E.style.height = `${E.scrollHeight}px`);
+      const L = Y.current;
+      !L || !c || (L.style.height = "auto", L.style.height = `${L.scrollHeight}px`);
     };
     Q(X, [c, S]);
     const J = /* @__PURE__ */ t(
       "textarea",
       {
         ...ee,
-        ref: (E) => {
-          Y.current = E, ls(z, E);
+        ref: (L) => {
+          Y.current = L, ls(z, L);
         },
         value: S,
         defaultValue: w,
         maxLength: k,
         "aria-invalid": h === "error" || ee["aria-invalid"],
-        onInput: (E) => {
-          X(), O == null || O(E);
+        onInput: (L) => {
+          X(), O == null || O(L);
         },
         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" : ""} ${v ? "pr-10" : ""} ${r}`
@@ -8825,7 +8829,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: [
-        M,
+        $,
         q ? `/${q}` : ""
       ] })
     ] }) : J;
@@ -9034,14 +9038,14 @@ function ys({
   labelSize: h = "xs",
   avatarVersion: x = 0,
   className: v = "",
-  style: L
+  style: T
 }) {
   var U;
-  const [S, w] = D(!1), k = typeof e == "string" && e.trim() && e !== "undefined" && e !== "null" ? e.trim() : "";
+  const [S, w] = B(!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] || "?", 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 = {
+  const { wh: O, text: ee } = ms[a], z = fa(n) || fa(r) || m, Y = z.trim()[0] || "?", $ = typeof process < "u" && ((U = process.env) == null ? void 0 : U.NEXT_PUBLIC_BASE_PATH) || "", q = xs(r, n), Z = gs($, "/favicon.svg"), te = k ? `${$}/api/user/avatar/${k}${x ? `?v=${x}` : ""}` : "", X = {
     xs: 20,
     sm: 28,
     md: 36,
@@ -9051,7 +9055,7 @@ function ys({
     "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 ${v}`,
-      style: L,
+      style: T,
       children: /* @__PURE__ */ t(
         "img",
         {
@@ -9071,7 +9075,7 @@ function ys({
       width: X,
       height: X,
       className: `${O} rounded-full object-cover flex-shrink-0 ${v}`,
-      style: L,
+      style: T,
       onError: () => w(!0)
     },
     `${k}-${x}`
@@ -9079,7 +9083,7 @@ function ys({
     "span",
     {
       className: `${O} ${vs(z)} ${ee} rounded-full flex items-center justify-center font-black text-white uppercase flex-shrink-0 ${v}`,
-      style: L,
+      style: T,
       title: z,
       children: Y
     }
@@ -9102,12 +9106,12 @@ function ys({
         ]
       }
     );
-  const E = c ?? !0, H = u ?? z;
-  return E && H ? /* @__PURE__ */ t(
+  const L = c ?? !0, j = u ?? z;
+  return L && j ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
-      content: H,
+      content: j,
       className: `inline-flex flex-shrink-0 ${f}`,
       children: J
     }
@@ -9134,7 +9138,7 @@ function ks({
   onLogout: f,
   LinkComponent: p = ws
 }) {
-  const [h, x] = D(!1), v = Ns(r);
+  const [h, x] = B(!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(
@@ -9180,10 +9184,10 @@ function ks({
             {
               className: "sidebar-scroll min-h-0 flex-1 overflow-y-auto px-3 py-4",
               "data-overlay-scroll": "true",
-              children: Object.entries(v).map(([L, S]) => /* @__PURE__ */ l("div", { className: "mb-5", children: [
+              children: Object.entries(v).map(([T, 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
+                  T
                 ] }),
                 /* @__PURE__ */ t("div", { className: "space-y-1", children: S.map((w) => {
                   const k = n === w.href || n.startsWith(`${w.href}/`);
@@ -9200,7 +9204,7 @@ function ks({
                     w.href
                   );
                 }) })
-              ] }, L))
+              ] }, T))
             }
           ),
           /* @__PURE__ */ l("div", { className: "border-t border-white/10 p-3", children: [
@@ -9351,7 +9355,7 @@ function Tc({
   contained: h = !1,
   LinkComponent: x = Ss
 }) {
-  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;
+  const v = le(null), [T, S] = B(!1), [w, k] = B(f ?? "/"), [O, ee] = B(() => ha()), [z, Y] = B(null), $ = f ?? w, q = m ?? Ls($), Z = i ?? Ms($), te = p && !O && q.length > 1, P = !te;
   Q(() => {
     f || k(window.location.pathname);
   }, [f]), Q(() => {
@@ -9361,7 +9365,7 @@ function Tc({
       S(!1);
       return;
     }
-    let J = null, E = 0, H = 0;
+    let J = null, L = 0, j = 0;
     const U = () => {
       const W = v.current, s = document.querySelector(
         "[data-app-scroll='true']"
@@ -9375,8 +9379,8 @@ function Tc({
     }, oe = () => {
       J == null || J.removeEventListener("scroll", _), J = U(), J.addEventListener("scroll", _, { passive: !0 }), _();
     };
-    return oe(), E = window.requestAnimationFrame(oe), H = window.setTimeout(oe, 120), () => {
-      window.cancelAnimationFrame(E), window.clearTimeout(H), J == null || J.removeEventListener("scroll", _);
+    return oe(), L = window.requestAnimationFrame(oe), j = window.setTimeout(oe, 120), () => {
+      window.cancelAnimationFrame(L), window.clearTimeout(j), J == null || J.removeEventListener("scroll", _);
     };
   }, [h]), Q(() => {
     if (h) {
@@ -9384,62 +9388,62 @@ function Tc({
       return;
     }
     let J = 0;
-    const E = [], H = () => {
-      const T = v.current, j = T == null ? void 0 : T.parentElement, B = document.querySelector(
+    const L = [], j = () => {
+      const E = v.current, R = E == null ? void 0 : E.parentElement, D = document.querySelector(
         "[data-app-scroll='true']"
-      ), ne = tn(B) ?? B;
-      if (!T || !j || !ne) {
+      ), ne = tn(D) ?? D;
+      if (!E || !R || !ne) {
         Y(null);
         return;
       }
-      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),
+      const ce = R.getBoundingClientRect(), pe = window.getComputedStyle(R), M = ne.getBoundingClientRect(), ie = ne instanceof HTMLElement && ne.clientWidth > 0 ? ne.clientWidth : M.width, H = ce.left + parseFloat(pe.paddingLeft || "0"), A = {
+        marginLeft: Math.round(M.left - H),
         width: Math.round(ie)
       };
       Y(
         (G) => G && G.marginLeft === A.marginLeft && G.width === A.width ? G : A
       );
     }, U = () => {
-      window.cancelAnimationFrame(J), J = window.requestAnimationFrame(H);
+      window.cancelAnimationFrame(J), J = window.requestAnimationFrame(j);
     };
     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']"
     ), 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((T) => window.clearTimeout(T));
+    return [W, s, g].forEach((E) => {
+      E && _.observe(E);
+    }), L.push(window.setTimeout(U, 120)), L.push(window.setTimeout(U, 280)), () => {
+      window.cancelAnimationFrame(J), window.removeEventListener("resize", U), _.disconnect(), L.forEach((E) => window.clearTimeout(E));
     };
   }, [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: h ? "var(--bg-card)" : L ? "color-mix(in srgb, var(--bg-main) 82%, transparent)" : "color-mix(in srgb, var(--bg-main) 58%, transparent)",
+    "--page-header-control-height": T ? "34px" : "40px",
+    "--page-header-control-padding-x": T ? "10px" : "14px",
+    "--page-header-control-icon-left": T ? "10px" : "12px",
+    background: h ? "var(--bg-card)" : T ? "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: h || L ? "1px solid var(--border)" : "1px solid transparent",
-    boxShadow: L ? "0 10px 28px rgba(12, 54, 53, 0.12)" : "none"
+    borderBottom: h || T ? "1px solid var(--border)" : "1px solid transparent",
+    boxShadow: T ? "0 10px 28px rgba(12, 54, 53, 0.12)" : "none"
   };
   return /* @__PURE__ */ t(
     "div",
     {
       ref: v,
       "data-page-header": "true",
-      "data-compact": L ? "true" : "false",
+      "data-compact": T ? "true" : "false",
       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",
         {
-          className: `flex flex-wrap items-center justify-between transition-[gap,min-height,padding] duration-300 ease-out ${L ? "min-h-8 gap-1.5 px-3 py-0 sm:min-h-9 sm:gap-2" : P ? "min-h-9 gap-2 px-4 py-0 sm:min-h-10 sm:gap-2.5" : "min-h-10 gap-2.5 px-4 pt-0.5 sm:min-h-11 sm:gap-3"} ${u}`,
+          className: `flex flex-wrap items-center justify-between transition-[gap,min-height,padding] duration-300 ease-out ${T ? "min-h-8 gap-1.5 px-3 py-0 sm:min-h-9 sm:gap-2" : P ? "min-h-9 gap-2 px-4 py-0 sm:min-h-10 sm:gap-2.5" : "min-h-10 gap-2.5 px-4 pt-0.5 sm:min-h-11 sm:gap-3"} ${u}`,
           children: [
             /* @__PURE__ */ l(
               "div",
               {
-                className: `min-w-0 flex flex-1 flex-col justify-center transition-[gap,transform] duration-300 ease-out ${L || P ? "gap-1" : "gap-1.5 sm:gap-2"}`,
+                className: `min-w-0 flex flex-1 flex-col justify-center transition-[gap,transform] duration-300 ease-out ${T || P ? "gap-1" : "gap-1.5 sm:gap-2"}`,
                 children: [
                   te && /* @__PURE__ */ t(
                     "nav",
@@ -9449,22 +9453,22 @@ function Tc({
                       children: /* @__PURE__ */ t(
                         "ol",
                         {
-                          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 H = E === q.length - 1;
+                          className: `flex flex-wrap items-center gap-1.5 leading-none transition-[font-size,line-height] duration-300 ease-out ${T ? "text-[10px]" : "text-[10px] sm:text-[11px]"}`,
+                          children: q.map((J, L) => {
+                            const j = L === q.length - 1;
                             return /* @__PURE__ */ l(
                               "li",
                               {
                                 className: "flex min-w-0 items-center gap-1.5",
                                 children: [
-                                  E > 0 && /* @__PURE__ */ t(
+                                  L > 0 && /* @__PURE__ */ t(
                                     st,
                                     {
                                       className: "h-3.5 w-3.5 transition-[color,transform] duration-300 ease-out",
                                       style: { color: "var(--text-muted)" }
                                     }
                                   ),
-                                  J.href && !H ? /* @__PURE__ */ t(
+                                  J.href && !j ? /* @__PURE__ */ t(
                                     x,
                                     {
                                       href: J.href,
@@ -9475,17 +9479,17 @@ function Tc({
                                   ) : /* @__PURE__ */ t(
                                     "span",
                                     {
-                                      "aria-current": H ? "page" : void 0,
-                                      className: H ? "truncate font-semibold" : "truncate",
+                                      "aria-current": j ? "page" : void 0,
+                                      className: j ? "truncate font-semibold" : "truncate",
                                       style: {
-                                        color: H ? "var(--text-main)" : "var(--text-muted)"
+                                        color: j ? "var(--text-main)" : "var(--text-muted)"
                                       },
                                       children: J.label
                                     }
                                   )
                                 ]
                               },
-                              `${J.label}-${E}`
+                              `${J.label}-${L}`
                             );
                           })
                         }
@@ -9495,12 +9499,12 @@ function Tc({
                   /* @__PURE__ */ l(
                     "div",
                     {
-                      className: `flex min-w-0 items-center transition-[gap,transform] duration-300 ease-out ${L || P ? "gap-2" : "gap-2.5 sm:gap-3"}`,
+                      className: `flex min-w-0 items-center transition-[gap,transform] duration-300 ease-out ${T || P ? "gap-2" : "gap-2.5 sm:gap-3"}`,
                       children: [
                         /* @__PURE__ */ t(
                           "span",
                           {
-                            className: `flex-shrink-0 transition-[color,transform,opacity] duration-300 ease-out ${L ? "scale-75 opacity-80" : "scale-90 opacity-100"}`,
+                            className: `flex-shrink-0 transition-[color,transform,opacity] duration-300 ease-out ${T ? "scale-75 opacity-80" : "scale-90 opacity-100"}`,
                             style: {
                               color: te ? "var(--text-secondary)" : "var(--text-muted)"
                             },
@@ -9510,13 +9514,13 @@ function Tc({
                         /* @__PURE__ */ l(
                           "div",
                           {
-                            className: `flex min-w-0 flex-1 flex-wrap items-center transition-[gap] duration-300 ease-out ${L ? "gap-x-2 gap-y-1" : "gap-x-3 gap-y-2"}`,
+                            className: `flex min-w-0 flex-1 flex-wrap items-center transition-[gap] duration-300 ease-out ${T ? "gap-x-2 gap-y-1" : "gap-x-3 gap-y-2"}`,
                             children: [
                               /* @__PURE__ */ l("div", { className: "min-w-0 flex-shrink transition-[transform] duration-300 ease-out", children: [
                                 /* @__PURE__ */ t(
                                   "h1",
                                   {
-                                    className: `truncate font-bold tracking-tight transition-[font-size,line-height,color] duration-300 ease-out ${L ? "text-sm sm:text-base" : "text-lg sm:text-xl"}`,
+                                    className: `truncate font-bold tracking-tight transition-[font-size,line-height,color] duration-300 ease-out ${T ? "text-sm sm:text-base" : "text-lg sm:text-xl"}`,
                                     style: { color: "var(--text-main)" },
                                     children: e
                                   }
@@ -9524,8 +9528,8 @@ function Tc({
                                 r && /* @__PURE__ */ t(
                                   "p",
                                   {
-                                    "aria-hidden": L,
-                                    className: `overflow-hidden text-xs transition-[max-height,opacity,transform,margin] duration-300 ease-out ${L ? "mt-0 max-h-0 -translate-y-1 opacity-0" : "mt-0.5 max-h-5 translate-y-0 opacity-100"}`,
+                                    "aria-hidden": T,
+                                    className: `overflow-hidden text-xs transition-[max-height,opacity,transform,margin] duration-300 ease-out ${T ? "mt-0 max-h-0 -translate-y-1 opacity-0" : "mt-0.5 max-h-5 translate-y-0 opacity-100"}`,
                                     style: { color: "var(--text-muted)" },
                                     children: r
                                   }
@@ -9534,7 +9538,7 @@ function Tc({
                               a && /* @__PURE__ */ t(
                                 "div",
                                 {
-                                  className: `page-header-meta flex min-w-0 flex-1 basis-full items-center overflow-visible transition-[gap,opacity,transform] duration-300 ease-out sm:basis-auto ${L ? "translate-y-0 gap-1.5 opacity-95" : "gap-2 opacity-100"}`,
+                                  className: `page-header-meta flex min-w-0 flex-1 basis-full items-center overflow-visible transition-[gap,opacity,transform] duration-300 ease-out sm:basis-auto ${T ? "translate-y-0 gap-1.5 opacity-95" : "gap-2 opacity-100"}`,
                                   children: a
                                 }
                               )
@@ -9550,7 +9554,7 @@ function Tc({
             n && /* @__PURE__ */ t(
               "div",
               {
-                className: `page-header-actions ml-auto flex max-w-full flex-shrink-0 flex-wrap items-center justify-end self-center overflow-visible transition-[gap,min-height,opacity,transform] duration-300 ease-out ${L ? "min-h-9 gap-1 opacity-95" : "min-h-9 gap-1.5 opacity-100"}`,
+                className: `page-header-actions ml-auto flex max-w-full flex-shrink-0 flex-wrap items-center justify-end self-center overflow-visible transition-[gap,min-height,opacity,transform] duration-300 ease-out ${T ? "min-h-9 gap-1 opacity-95" : "min-h-9 gap-1.5 opacity-100"}`,
                 children: /* @__PURE__ */ t(
                   $a.Provider,
                   {
@@ -9599,7 +9603,7 @@ function Dc({
   src: r,
   projectKey: n
 }) {
-  const [a, i] = D("system"), c = le(null);
+  const [a, i] = B("system"), c = le(null);
   Q(() => {
     i(va());
     const f = new MutationObserver(
@@ -9624,8 +9628,8 @@ function Dc({
     if (!n) return;
     const f = n;
     function p(h) {
-      var L, S, w;
-      if (h.source !== ((L = c.current) == null ? void 0 : L.contentWindow) || m && h.origin !== m) return;
+      var T, S, w;
+      if (h.source !== ((T = c.current) == null ? void 0 : T.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", {
@@ -9663,7 +9667,7 @@ function Dc({
   ) });
 }
 function Bc() {
-  const [e, r] = D(""), [n, a] = D(!1), [i, c] = D({ width: 96, height: 96 });
+  const [e, r] = B(""), [n, a] = B(!1), [i, c] = B({ 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) => {
@@ -9730,7 +9734,7 @@ 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] = B({}), [a, i] = B(!1), c = we(
     (p) => a || r[p] ? e[p] : void 0,
     [e, a, r]
   ), u = we((p) => {