bonsaif-ui 0.1.48 → 0.1.51

package/dist/bonsaif-ui.js

@@ -1,5 +1,5 @@
 "use client";
-import je, { useRef as le, useState as A, useEffect as Q, createContext as Do, useLayoutEffect as Bo, useContext as Oo, isValidElement as cn, Children as Io, useMemo as at, useCallback as we, forwardRef as ga, cloneElement as Ro, useId as Ho, useSyncExternalStore as jo } from "react";
+import je, { useRef as le, useState as 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] = A(!1), v = c || h || e.trim().length > 0, L = m === "sm" ? "h-9 rounded-md" : "h-10 rounded-lg", S = a || "w-48 max-w-full sm:w-64 lg:w-72";
+  const p = le(null), [h, x] = 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] = A(null), [ee, z] = A("");
+  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((R) => {
-      const U = R.getAttribute("title");
-      U && (R.getAttribute("aria-label") || R.setAttribute("aria-label", U), R.removeAttribute("title"));
-    }), E.querySelectorAll("svg title").forEach((R) => R.remove()));
+    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 R = 12, U = 14, _ = E.getBoundingClientRect(), oe = window.innerWidth - _.width - R, W = window.innerHeight - _.height - R;
-    let s = k.mouseX + U, y = k.mouseY + U, D, j;
+    const 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, y = B.top - _.height - U, j = _.height - 1) : c === "left" ? (s = B.left - _.width - U, y = ce - _.height / 2, D = _.width - 1) : c === "right" ? (s = B.right + U, y = ce - _.height / 2, D = -7) : (s = ne - _.width / 2, y = B.bottom + U, j = -7);
+      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), y > W && (y = k.mouseY - _.height - U)), s = Math.min(Math.max(R, s), Math.max(R, oe)), y = Math.min(Math.max(R, y), Math.max(R, W)), !i && v.current) {
-      const B = v.current.getBoundingClientRect(), ne = B.left + B.width / 2, ce = B.top + B.height / 2;
-      c === "top" || c === "bottom" ? D = Math.min(Math.max(14, ne - s), _.width - 14) : j = Math.min(Math.max(14, ce - y), _.height - 14);
+    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(y - k.y) > 0.5 || D !== 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,
-        arrowX: D,
-        arrowY: j
+        y: g,
+        arrowX: E,
+        arrowY: R
       }
     );
   }, [i, c, k]);
   const Y = () => {
     S.current && (window.clearTimeout(S.current), S.current = null);
-  }, T = (E, R) => {
+  }, $ = (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: R, x: E + 14, y: R + 14 });
+      !n && !r || O({ mouseX: L, mouseY: j, x: L + 14, y: j + 14 });
     }
   }, q = () => {
-    const E = v.current;
-    if (!E) return;
-    const R = E.getBoundingClientRect();
-    T(R.left + R.width / 2, R.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), R = () => {
+    const L = () => O(null), j = () => {
       pr(), w.current = !0, O(null);
     };
-    document.addEventListener("pointerdown", R, !0), document.addEventListener("click", R, !0), document.addEventListener("scroll", E, !0), window.addEventListener("blur", E), document.addEventListener("visibilitychange", E), document.addEventListener("keydown", E, !0);
+    document.addEventListener("pointerdown", 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", R, !0), document.removeEventListener("click", R, !0), document.removeEventListener("scroll", E, !0), window.removeEventListener("blur", E), document.removeEventListener("visibilitychange", E), document.removeEventListener("keydown", E, !0), U.disconnect();
+      document.removeEventListener("pointerdown", 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(), R = () => {
+    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, R), () => {
-      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,
-        R
+        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 ? T(E.clientX, E.clientY) : q();
+        onMouseEnter: (L) => {
+          Y(), X(), i ? $(L.clientX, L.clientY) : q();
         },
-        onMouseMove: (E) => {
-          k && i && T(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), T = i ?? v.title ?? v["aria-label"] ?? (S ? Y : void 0), q = T ? void 0 : v.title, Z = v["aria-label"] ?? (typeof T == "string" ? T : Y || void 0), te = n ? null : a ?? (S ? Il(f) : null), P = /* @__PURE__ */ l(
+  const 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 T ? /* @__PURE__ */ t(
+  return $ ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
-      content: T,
+      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: T = "Buscar modulo...",
+  tabsSearchPlaceholder: $ = "Buscar modulo...",
   tabsSearchValue: q,
   onTabsSearchChange: Z,
   emptySearchState: te,
   showTabCount: P = !0,
   className: X = "",
   parentClassName: J = "",
-  contentClassName: E = "",
-  tabsClassName: R = ""
+  contentClassName: L = "",
+  tabsClassName: j = ""
 }) {
   var qe;
   const U = at(
@@ -598,34 +598,34 @@ function Ks({
     [x, i, c]
   ), _ = (qe = U.find(
     (ae) => !ae.disabled
-  )) == null ? void 0 : qe.service, [oe, W] = A(
+  )) == null ? void 0 : qe.service, [oe, W] = B(
     p ?? _ ?? ""
-  ), [s, y] = A({}), [D, j] = A({}), [B, ne] = A(""), [ce, pe] = A(!1), $ = le(D), ie = le(0), I = q ?? B, M = Xn(I), G = z === !0 || z === "auto" && U.length >= Y, V = G && I.trim().length > 0, re = at(() => M ? U.filter(
-    (ae) => Xn(zl(ae)).includes(M)
-  ) : U, [M, U]), me = f ?? oe, se = U.find((ae) => ae.service === me) ?? U.find((ae) => !ae.disabled);
+  ), [s, g] = 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 = D;
-  }, [D]);
-  const g = (ae) => {
+    M.current = E;
+  }, [E]);
+  const y = (ae) => {
     ae.disabled || (f || W(ae.service), h == null || h(ae.service, ae));
-  }, H = (ae) => {
+  }, I = (ae) => {
     q === void 0 && ne(ae), Z == null || Z(ae);
   }, ue = (ae, Me) => {
     const Te = re.filter((De) => !De.disabled), _e = Te.findIndex(
       (De) => De.service === Me.service
     );
-    _e < 0 || ((ae.key === "ArrowRight" || ae.key === "ArrowDown") && (ae.preventDefault(), g(Te[(_e + 1) % Te.length])), (ae.key === "ArrowLeft" || ae.key === "ArrowUp") && (ae.preventDefault(), g(
+    _e < 0 || ((ae.key === "ArrowRight" || ae.key === "ArrowDown") && (ae.preventDefault(), y(Te[(_e + 1) % Te.length])), (ae.key === "ArrowLeft" || ae.key === "ArrowUp") && (ae.preventDefault(), y(
       Te[(_e - 1 + Te.length) % Te.length]
-    )), ae.key === "Home" && (ae.preventDefault(), g(Te[0])), ae.key === "End" && (ae.preventDefault(), g(Te[Te.length - 1])));
+    )), ae.key === "Home" && (ae.preventDefault(), y(Te[0])), ae.key === "End" && (ae.preventDefault(), y(Te[Te.length - 1])));
   }, be = we(() => {
     if (!se) return;
-    const ae = se.service, Me = $.current[ae];
+    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,32 +635,32 @@ 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 ? D[se.service] : void 0, Ee = he == null ? void 0 : he.component, ke = (ae) => {
-    se && y((Me) => ({
+  const Se = se ? s[se.service] ?? null : null, he = se ? E[se.service] : void 0, Ee = he == null ? void 0 : he.component, ke = (ae) => {
+    se && g((Me) => ({
       ...Me,
       [se.service]: ae
     }));
   }, fe = () => {
-    se && y((ae) => ({
+    se && g((ae) => ({
       ...ae,
       [se.service]: null
     }));
@@ -673,8 +673,8 @@ function Ks({
     selectedLink: se,
     selectedService: se == null ? void 0 : se.service,
     activeItemId: Se,
-    tabsSearch: I,
-    onSelectService: g,
+    tabsSearch: H,
+    onSelectService: y,
     onOpenDetail: ke,
     onBackToList: fe
   }, Qe = n ? n(ze) : r ? /* @__PURE__ */ t(r, { ...ze }) : e;
@@ -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: I,
-                            onChange: H,
-                            placeholder: T,
+                            value: H,
+                            onChange: I,
+                            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 && I && H(""), 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 ${R}`,
+                  "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(
@@ -759,7 +759,7 @@ function Ks({
                         role: "tab",
                         "aria-selected": Me,
                         disabled: ae.disabled,
-                        onClick: () => g(ae),
+                        onClick: () => y(ae),
                         onKeyDown: (Te) => ue(Te, ae),
                         className: `inline-flex h-9 min-w-max items-center gap-2 rounded-md border px-3 text-xs font-semibold transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50 ${Me ? "border-[var(--primary)] bg-[var(--bg-card)] text-[var(--text-main)] shadow-sm" : "border-transparent text-[var(--text-muted)] hover:bg-[var(--bg-card)] hover:text-[var(--text-main)]"}`,
                         children: ee ? ee(ae, Me) : /* @__PURE__ */ l(Re, { children: [
@@ -919,24 +919,24 @@ function Ys({
   minDate: n,
   displayMode: a = "inline"
 }) {
-  const i = Ul(), u = Da(e || i), m = a === "popover", [f, p] = A(!1), h = le(null), [x, v] = A({
+  const i = Ul(), u = Da(e || i), m = a === "popover", [f, p] = B(!1), h = le(null), [x, v] = B({
     horizontal: "left",
     vertical: "bottom"
-  }), [L, S] = A(u.year), [w, k] = A(u.month), [O, ee] = A("days"), z = 16, [Y, T] = A(0), q = L - 7 + Y, Z = Array.from({ length: z }, (W, s) => q + s);
+  }), [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, y = 280, D = 340, j = W.left + y > window.innerWidth - s, B = W.right - y >= s, ne = W.bottom + 8 + D > window.innerHeight - s, ce = W.top - 8 - D >= s;
+    const W = h.current.getBoundingClientRect(), s = 8, g = 280, 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(() => {
     if (!m || !f) return;
-    function W(y) {
-      h.current && (h.current.contains(y.target) || p(!1));
+    function W(g) {
+      h.current && (h.current.contains(g.target) || p(!1));
     }
-    function s(y) {
-      y.key === "Escape" && p(!1);
+    function s(g) {
+      g.key === "Escape" && p(!1);
     }
     return document.addEventListener("mousedown", W), document.addEventListener("keydown", s), () => {
       document.removeEventListener("mousedown", W), document.removeEventListener("keydown", s);
@@ -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 R = 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"), T(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: () => T((W) => W - z),
+                  onClick: () => $((W) => W - z),
                   style: _,
                   children: /* @__PURE__ */ t(Tt, { size: 16 })
                 }
@@ -1074,7 +1074,7 @@ function Ys({
                 "button",
                 {
                   type: "button",
-                  onClick: () => T((W) => W + z),
+                  onClick: () => $((W) => W + z),
                   style: _,
                   children: /* @__PURE__ */ t(st, { size: 16 })
                 }
@@ -1093,7 +1093,7 @@ function Ys({
                 marginBottom: 8
               },
               children: Wl.map((W, s) => {
-                const y = s + 1 === w;
+                const g = s + 1 === w;
                 return /* @__PURE__ */ t(
                   "button",
                   {
@@ -1104,10 +1104,10 @@ function Ys({
                       cursor: "pointer",
                       borderRadius: 6,
                       fontSize: 11,
-                      fontWeight: y ? 700 : 400,
+                      fontWeight: g ? 700 : 400,
                       padding: "4px 0",
-                      background: y ? "var(--primary)" : "transparent",
-                      color: y ? "var(--primary-fg, #ffffff)" : "var(--text-secondary)"
+                      background: g ? "var(--primary)" : "transparent",
+                      color: g ? "var(--primary-fg, #ffffff)" : "var(--text-secondary)"
                     },
                     children: W
                   },
@@ -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: R.map((W, s) => {
+              children: j.map((W, s) => {
                 if (W === null)
                   return /* @__PURE__ */ t("div", { style: { aspectRatio: "1" } }, s);
-                const y = ln(L, w, W), D = y === e, j = y === i, B = !!(n && y < n);
+                const g = ln(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: D || j ? 700 : 400,
-                      background: D ? "var(--primary)" : "transparent",
-                      color: D ? "var(--primary-fg, #ffffff)" : B ? "var(--text-muted)" : "var(--text-main)",
-                      opacity: B ? 0.4 : 1,
-                      outline: j && !D ? "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] = A(!1), ee = le(null);
+  const [k, O] = B(!1), ee = le(null);
   Q(() => () => {
     ee.current && window.clearTimeout(ee.current);
   }, []);
-  function z(T) {
-    O(!0), f == null || f(T), ee.current && window.clearTimeout(ee.current), ee.current = window.setTimeout(() => {
+  function z($) {
+    O(!0), f == null || f($), ee.current && window.clearTimeout(ee.current), ee.current = window.setTimeout(() => {
       O(!1), ee.current = null;
     }, r);
   }
-  async function Y(T) {
+  async function Y($) {
     var Z;
-    if (m && T.stopPropagation(), L == null || L(T), T.defaultPrevented) return;
+    if (m && $.stopPropagation(), T == null || T($), $.defaultPrevented) return;
     const q = Xl(e);
     if (q)
       try {
@@ -1504,101 +1504,101 @@ 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] = A(!1), [z, Y] = A(""), [T, q] = A(-1), [Z, te] = A(!1), [P, X] = A({}), J = le(null), E = le(null), R = le(null), U = le(null), _ = w && n.length >= k, oe = n.find((I) => I.value === e) ?? null, W = c === "ghost", s = a === "error" ? "var(--danger)" : O ? "var(--primary)" : "var(--border)", y = _ && z.trim() ? n.filter(
-    (I) => {
-      var M;
-      return I.label.toLowerCase().includes(z.toLowerCase()) || ((M = I.sublabel) == null ? void 0 : M.toLowerCase().includes(z.toLowerCase()));
+  const [O, ee] = 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 H.label.toLowerCase().includes(z.toLowerCase()) || ((A = H.sublabel) == null ? void 0 : A.toLowerCase().includes(z.toLowerCase()));
     }
-  ) : n, D = we(() => {
-    const I = J.current;
-    if (!I) return;
-    const M = I.getBoundingClientRect(), G = _ ? 272 : 212, V = window.innerHeight - M.bottom, re = V < G && M.top > V;
+  ) : n, 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: M.left,
-      top: re ? void 0 : M.bottom + 4,
-      bottom: re ? window.innerHeight - M.top + 4 : void 0,
-      width: M.width,
+      left: A.left,
+      top: re ? void 0 : A.bottom + 4,
+      bottom: re ? window.innerHeight - A.top + 4 : void 0,
+      width: A.width,
       minWidth: Zr(v),
       zIndex: 9999
     });
   }, [v, _]);
   Q(() => te(!0), []), Q(() => {
     if (!O) return;
-    function I(M) {
+    function H(A) {
       var V, re;
-      const G = M.target;
-      !((V = J.current) != null && V.contains(G)) && !((re = E.current) != null && re.contains(G)) && (ee(!1), Y(""));
+      const G = A.target;
+      !((V = J.current) != null && V.contains(G)) && !((re = L.current) != null && re.contains(G)) && (ee(!1), Y(""));
     }
-    return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
+    return document.addEventListener("mousedown", H), () => document.removeEventListener("mousedown", H);
   }, [O]), Q(() => {
-    O && (q(-1), D(), _ && setTimeout(() => {
-      var I;
-      return (I = R.current) == null ? void 0 : I.focus();
+    O && (q(-1), E(), _ && setTimeout(() => {
+      var H;
+      return (H = j.current) == null ? void 0 : H.focus();
     }, 0));
-  }, [O, _, D]), Q(() => {
+  }, [O, _, E]), Q(() => {
     if (O)
-      return window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
-        window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
+      return window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), () => {
+        window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
       };
-  }, [O, D]), Q(() => {
-    if (T < 0 || !U.current) return;
-    const I = U.current.children[T];
-    I == null || I.scrollIntoView({ block: "nearest" });
-  }, [T]);
-  const j = we(
-    (I) => {
-      r(I), 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;
-  const ne = le(y);
-  ne.current = y;
-  const ce = le(T);
-  ce.current = T;
+  ), D = le(O);
+  D.current = O;
+  const ne = le(g);
+  ne.current = g;
+  const ce = le($);
+  ce.current = $;
   const pe = le(f);
   pe.current = f;
-  const $ = le(j);
-  $.current = j, Q(() => {
-    function I(M) {
+  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) {
-          (M.key === "Enter" || M.key === " " || M.key === "ArrowDown") && (M.preventDefault(), ee(!0));
+        if (!D.current) {
+          (A.key === "Enter" || A.key === " " || A.key === "ArrowDown") && (A.preventDefault(), ee(!0));
           return;
         }
-        switch (M.key) {
+        switch (A.key) {
           case "ArrowDown":
-            M.preventDefault(), q((g) => Math.min(g + 1, ne.current.length - 1));
+            A.preventDefault(), q((y) => Math.min(y + 1, ne.current.length - 1));
             break;
           case "ArrowUp":
-            M.preventDefault(), q((g) => Math.max(g - 1, pe.current ? -1 : 0));
+            A.preventDefault(), q((y) => Math.max(y - 1, pe.current ? -1 : 0));
             break;
           case "Enter": {
-            M.preventDefault();
-            const g = ce.current, H = ne.current;
-            g === -1 && pe.current ? $.current("") : H[g] && !H[g].disabled && $.current(H[g].value);
+            A.preventDefault();
+            const y = ce.current, I = ne.current;
+            y === -1 && pe.current ? M.current("") : I[y] && !I[y].disabled && M.current(I[y].value);
             break;
           }
           case "Escape":
-            M.preventDefault(), M.stopPropagation(), ee(!1), Y("");
+            A.preventDefault(), A.stopPropagation(), ee(!1), Y("");
             break;
         }
       }
     }
-    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
+    return document.addEventListener("keydown", 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: R,
+                  ref: j,
                   value: z,
-                  onChange: (I) => {
-                    Y(I.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: (I) => {
-                    I.preventDefault(), Y("");
+                  onMouseDown: (H) => {
+                    H.preventDefault(), Y("");
                   },
                   children: /* @__PURE__ */ t(
                     Ie,
@@ -1670,70 +1670,70 @@ function At({
                 {
                   role: "option",
                   "aria-selected": e === "",
-                  onMouseDown: (I) => {
-                    I.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: T === -1 && !z.trim() ? "var(--bg-hover)" : "transparent",
+                    background: $ === -1 && !z.trim() ? "var(--bg-hover)" : "transparent",
                     color: "var(--text-muted)",
                     fontStyle: "italic"
                   },
                   children: f
                 }
               ),
-              y.map((I, M) => {
-                const V = M === T, re = I.value === e;
+              g.map((H, A) => {
+                const V = A === $, re = H.value === e;
                 return /* @__PURE__ */ l(
                   "li",
                   {
                     role: "option",
                     "aria-selected": re,
                     onMouseDown: (me) => {
-                      me.preventDefault(), I.disabled || j(I.value);
+                      me.preventDefault(), H.disabled || R(H.value);
                     },
-                    onMouseEnter: () => !I.disabled && q(M),
+                    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: I.disabled ? "var(--text-muted)" : "var(--text-main)",
-                      cursor: I.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: [
-                      I.color && /* @__PURE__ */ t(
+                      H.color && /* @__PURE__ */ t(
                         "span",
                         {
                           className: "flex-shrink-0 w-2.5 h-2.5 rounded-full",
-                          style: { background: I.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: I.label }),
-                        I.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: I.sublabel
+                            children: H.sublabel
                           }
                         )
                       ] }),
-                      I.badge && /* @__PURE__ */ t(
+                      H.badge && /* @__PURE__ */ t(
                         "span",
                         {
                           className: "text-xs flex-shrink-0",
                           style: { color: "var(--text-muted)" },
-                          children: I.badge
+                          children: H.badge
                         }
                       )
                     ]
                   },
-                  I.value
+                  H.value
                 );
               }),
-              y.length === 0 && /* @__PURE__ */ t(
+              g.length === 0 && /* @__PURE__ */ t(
                 "li",
                 {
                   className: "px-3 py-4 text-sm text-center",
@@ -1759,10 +1759,10 @@ function At({
           {
             type: "button",
             disabled: p,
-            onClick: () => !p && ee((I) => !I),
+            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: (I) => {
-                    I.preventDefault(), I.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: T = !1
+  disabled: $ = !1
 }) {
-  const [q, Z] = A(!1), [te, P] = A(!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], R = S === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", U = S === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", _ = te ? "translateY(0) scale(1)" : S === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
+  const J = n || a || i || c || 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 ${R} ${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: [
-                T && /* @__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,39 +2437,39 @@ function pi({
   highlightSelected: ee = !0,
   rowClassName: z,
   getRowCategory: Y,
-  stickyHeader: T = !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: R,
+  page: L,
+  onPageChange: j,
   onPageSizeChange: U,
   storageKey: _,
   stickyFirstColumn: oe = !1,
   bottomOffset: W = 0,
   compact: s = !0,
-  restrictHeight: y = !0,
-  maxHeight: D,
-  minTableWidth: j,
-  enableColumnVisibility: B = !0,
+  restrictHeight: g = !0,
+  maxHeight: E,
+  minTableWidth: R,
+  enableColumnVisibility: D = !0,
   enableColumnFilters: ne = !0,
   hiddenColumnKeys: ce,
   defaultHiddenColumnKeys: pe = li,
-  onHiddenColumnKeysChange: $,
+  onHiddenColumnKeysChange: M,
   columnVisibilityLabel: ie = "Columnas",
-  enableBql: I = !1,
-  bqlValue: M,
+  enableBql: H = !1,
+  bqlValue: A,
   defaultBqlValue: G = "",
   onBqlChange: V,
   bqlDescription: re = "Filtra registros con Bonsaif Query Language",
   bqlPlaceholder: me = `status = activo
 rol IN (admin, employee)`,
   bqlQuickFilters: se = [],
-  bqlExamples: g = [],
-  bqlSuggestions: H = [],
+  bqlExamples: y = [],
+  bqlSuggestions: I = [],
   bqlActiveFilters: ue,
   bqlError: be,
   onQueryChange: Se,
@@ -2480,29 +2480,29 @@ rol IN (admin, employee)`,
   var Wn;
   const fe = di(he), ze = Object.values(fe).some(Boolean), Qe = e.map((o) => o.key).join(","), qe = pe.join(","), ae = le(e), Me = le(pe);
   ae.current = e, Me.current = pe;
-  const [Te, _e] = A(
+  const [Te, _e] = B(
     !_ || !ze
-  ), De = le(null), et = le(!_), Fe = ce !== void 0, [Va, Dt] = A(() => pt(pe, e)), Pe = pt(
+  ), De = le(null), et = le(!_), Fe = ce !== void 0, [Va, Dt] = B(() => pt(pe, e)), Pe = pt(
     Fe ? ce : Va,
     e
-  ), [ot, Kt] = A(!1), [ct, Ya] = A("filter"), [Bt, Vt] = A(
+  ), [ot, Kt] = B(!1), [ct, Ya] = B("filter"), [Bt, Vt] = B(
     null
-  ), [mn, bn] = A(""), [We, Ot] = A({}), [Ke, Yt] = A({}), Tr = x !== void 0, [fn, Ga] = A(v), It = M !== void 0, [Xa, Ar] = A(G), tt = It ? M : Xa, [Gt, Xt] = A(tt), [rt, dt] = A(!1), [pn, gt] = A(!1), [hn, yt] = A(!1), [Rt, Ht] = A([]), Dr = le(null), vn = le(null), Br = le(null), [Za, Ja] = A(
+  ), [mn, bn] = 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] = A(
+  ), [Qa, eo] = B(
     {}
-  ), [jt, Zt] = A(!1), Or = le(null), Jt = le(null), [to, ro] = A(
+  ), [jt, Zt] = B(!1), Or = le(null), Jt = le(null), [to, ro] = B(
     {}
-  ), xn = le(null), Qt = le(null), [Ir, gn] = A(
+  ), 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] = A(
+  ), yn = (o, d) => 50 + (o * 17 + d * 13 + 7) % 40, lt = le(null), [no, ao] = B(
     void 0
-  ), [wn, oo] = A(0), [Rr, lo] = A(!1);
+  ), [wn, oo] = B(0), [Rr, lo] = B(!1);
   Q(() => {
     function o() {
       lo(window.innerWidth < 640);
     }
-    if (!y || D !== 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, y, D]);
-  const Nn = y ? D ?? 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] = A(
+  const [wt, zt] = B(
     () => e.map((o) => o.key)
-  ), [Nt, Ft] = A(
+  ), [Nt, Ft] = B(
     () => Object.fromEntries(
       e.map((o) => [o.key, nt(o, ft(o.width))])
     )
-  ), [$e, kt] = A(null), [io, er] = A(1), [tr, Hr] = A(
+  ), [$e, kt] = 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] = A(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 = !!(R && U), mt = q !== !1, He = ut ? E ?? 1 : io, Ye = ut || mt ? tr : r.length, Ge = !!w && !!k && !!O, Ct = !!p, Dn = je.useMemo(
+  const ut = !!(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 ? R(d) : er(d);
+    ut ? j(d) : er(d);
   }
   function Lo(o) {
-    a || (Hr(o), ut ? (U(o), R(1)) : er(1), U && U(o));
+    a || (Hr(o), ut ? (U(o), 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 = I && tt.trim().length > 0, d = ue != null && ue.length ? ue : o ? [{ key: "bql", label: "BQL", value: tt }] : [], C = H.filter((b) => b.trim() && b !== Gt).slice(0, 8);
-    return !B && jr === 0 && !I && !Ee ? null : /* @__PURE__ */ l(
+    const o = 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], {
                 ]
               }
             ),
-            I && /* @__PURE__ */ l(
+            H && /* @__PURE__ */ l(
               "div",
               {
                 ref: Dr,
@@ -3813,7 +3813,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                               },
                               b.label
                             )),
-                            g.length > 0 && /* @__PURE__ */ l(
+                            y.length > 0 && /* @__PURE__ */ l(
                               "button",
                               {
                                 type: "button",
@@ -3977,7 +3977,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                               b
                             ))
                           ] }),
-                          pn && g.length > 0 && /* @__PURE__ */ t("div", { className: "grid gap-2 sm:grid-cols-2 lg:grid-cols-3", children: g.map((b) => /* @__PURE__ */ l(
+                          pn && y.length > 0 && /* @__PURE__ */ t("div", { className: "grid gap-2 sm:grid-cols-2 lg:grid-cols-3", children: y.map((b) => /* @__PURE__ */ l(
                             "button",
                             {
                               type: "button",
@@ -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: T ? {
+                  style: $ ? {
                     position: "sticky",
                     top: 0,
                     zIndex: 10,
@@ -4290,7 +4290,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                     "div",
                     {
                       role: "rowgroup",
-                      style: T ? {
+                      style: $ ? {
                         position: "sticky",
                         top: 0,
                         zIndex: 10,
@@ -4392,7 +4392,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
               "div",
               {
                 role: "rowgroup",
-                style: T ? {
+                style: $ ? {
                   position: "sticky",
                   top: 0,
                   zIndex: 10,
@@ -4472,7 +4472,7 @@ ${C}`, K = new Blob(["\uFEFF" + b], {
                     "div",
                     {
                       role: "rowgroup",
-                      style: T ? {
+                      style: $ ? {
                         position: "sticky",
                         top: 0,
                         zIndex: 10,
@@ -4718,7 +4718,7 @@ function gi({
   onCommit: a,
   onCancel: i
 }) {
-  const [c, u] = A(e), m = le(null), f = (n == null ? void 0 : n.preset) === "date", p = f ? "date" : r === "number" ? "number" : "text";
+  const [c, u] = 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();
@@ -4746,7 +4746,7 @@ function yi({
   onCommit: a,
   onCancel: i
 }) {
-  const c = le(null), [u, m] = A(e);
+  const c = le(null), [u, m] = B(e);
   return Q(() => {
     if (n) return;
     const f = setTimeout(() => {
@@ -4804,53 +4804,54 @@ function ec({
   readOnly: i = !1,
   ...c
 }) {
-  const [u, m] = A(r), f = le(null);
+  const [u, m] = B(r), f = le(null);
   Q(() => {
     f.current || m(r);
   }, [r]);
-  const [p, h] = A(null);
+  const [p, h] = B(null);
   f.current = p;
-  const [x, v] = A(null), L = le(null);
-  L.current = x;
-  const [S, w] = A({}), [k, O] = A({}), [ee, z] = A({}), Y = le(/* @__PURE__ */ new Set()), T = le(null);
+  const [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 s;
-    (s = T.current) == null || s.focus({ preventScroll: !0 });
+    var g;
+    const s = document.activeElement;
+    (!s || s === document.body) && ((g = $.current) == null || g.focus({ preventScroll: !0 }));
   }, []);
   const q = e.map((s) => {
-    var y, D, j;
-    return `${s.key}:${((j = (D = (y = s.editable) == null ? void 0 : y.select) == null ? void 0 : D.options) == null ? void 0 : j.length) ?? -1}`;
+    var g, 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 y = (B = (j = s.editable) == null ? void 0 : j.select) == null ? void 0 : B.options;
-      if (!y) return;
-      const D = k[s.key];
-      (!Y.current.has(s.key) || (D == null ? void 0 : D.length) === 0 && y.length > 0) && (Y.current.add(s.key), O((ne) => ({ ...ne, [s.key]: y })));
+      var R, D;
+      const g = (D = (R = s.editable) == null ? void 0 : R.select) == null ? void 0 : D.options;
+      if (!g) return;
+      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, y) => {
+    async (s, g) => {
       if (Y.current.has(s)) return;
       Y.current.add(s);
-      const { url: D, fetchOptions: j } = y.select ?? {};
-      if (!(!D && !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 (D) {
-            const ne = await fetch(D);
+          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 }));
         }
       }
     },
@@ -4863,104 +4864,105 @@ 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((y) => y.selectable !== !1);
+      const s = e.find((g) => g.selectable !== !1);
       s && v({ rowId: n(r[0]), colKey: s.key });
     }
   }, []), Q(() => {
     if (!x) return;
-    const s = T.current;
+    const s = $.current;
     if (!s) return;
-    const y = s.querySelector(
+    const g = s.querySelector(
       `[data-cell-id="${x.rowId}:${x.colKey}"]`
     );
-    if (!y) return;
-    const D = s.querySelector('[role="rowgroup"]');
-    y.style.scrollMarginTop = `${(D == null ? void 0 : D.offsetHeight) ?? 0}px`;
-    const j = s.querySelector('[role="row"]');
-    let B = 0;
-    j && j.querySelectorAll('[role="cell"], [role="columnheader"]').forEach((ne) => {
-      ne.style.position === "sticky" && ne.style.left !== "" && (B = Math.max(B, parseFloat(ne.style.left) + ne.offsetWidth));
-    }), y.style.scrollMarginLeft = `${B}px`, y.scrollIntoView({ block: "nearest", inline: "nearest" });
+    if (!g) return;
+    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 R = we(
+  const j = we(
     (s) => {
-      var B;
-      const y = J.current, D = /* @__PURE__ */ new Set(), j = [];
-      (B = T.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];
-        D.has(ce) || (D.add(ce), j.push(ce));
+        E.has(ce) || (E.add(ce), R.push(ce));
       }), v((ne) => {
         if (!ne) return ne;
-        const ce = y.findIndex((I) => I.key === ne.colKey), pe = j.indexOf(ne.rowId);
-        let $ = ce, ie = pe;
+        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 I = ce - 1;
-          for (; I >= 0 && y[I].selectable === !1; ) I--;
-          I >= 0 && ($ = I);
+          let H = ce - 1;
+          for (; H >= 0 && g[H].selectable === !1; ) H--;
+          H >= 0 && (M = H);
         } else if (s === "right") {
-          let I = ce + 1;
-          for (; I < y.length && y[I].selectable === !1; ) I++;
-          I < y.length && ($ = I);
+          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: y[$].key };
+        return M === ce && ie === pe ? ne : { rowId: R[ie], colKey: g[M].key };
       });
     },
     []
-  ), U = we(() => {
-    const s = f.current;
-    h(null), s && v(s), setTimeout(() => {
-      var y;
-      return (y = T.current) == null ? void 0 : y.focus({ preventScroll: !0 });
+  ), U = we((s = !0) => {
+    const g = f.current;
+    h(null), g && v(g), s && setTimeout(() => {
+      var E;
+      return (E = $.current) == null ? void 0 : E.focus({ preventScroll: !0 });
     }, 0);
   }, []), _ = we(
-    async (s, y, D) => {
+    async (s, g, E) => {
       var se;
-      const j = J.current.find((g) => g.key === y);
-      if (!(j != null && j.editable)) return;
-      const { field: B, type: ne, mask: ce, validate: pe } = j.editable, $ = ne === "number" ? D === "" ? null : Number(D) : D;
+      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 g = vi(D, ce);
-        if (g) {
-          w((H) => ({ ...H, [`${s}:${y}`]: g }));
+        const y = vi(E, ce);
+        if (y) {
+          w((I) => ({ ...I, [`${s}:${g}`]: y }));
           return;
         }
       }
       if (pe) {
-        const g = pe($);
-        if (g) {
-          w((H) => ({ ...H, [`${s}:${y}`]: g }));
+        const y = pe(M);
+        if (y) {
+          w((I) => ({ ...I, [`${s}:${g}`]: y }));
           return;
         }
       }
-      const ie = X.current, I = te.current.find((g) => ie(g) === s);
-      if (!I) return;
-      const M = I[B];
-      h(null), w((g) => {
-        const H = { ...g };
-        return delete H[`${s}:${y}`], H;
+      const ie = X.current, 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;
       });
-      const G = te.current, V = G.findIndex((g) => ie(g) === s), re = G[Math.min(G.length - 1, V + 1)];
-      if (v({ rowId: ie(re), colKey: y }), setTimeout(() => {
-        var g;
-        return (g = T.current) == null ? void 0 : g.focus({ preventScroll: !0 });
-      }, 0), String(M ?? "") === String($ ?? "")) return;
-      const me = { ...I, [B]: $ };
+      const G = te.current, V = G.findIndex((y) => ie(y) === s), re = G[Math.min(G.length - 1, V + 1)];
+      if (v({ rowId: ie(re), colKey: g }), setTimeout(() => {
+        var I, ue;
+        const y = document.activeElement;
+        (!y || y === document.body || (I = $.current) != null && I.contains(y)) && ((ue = $.current) == null || ue.focus({ preventScroll: !0 }));
+      }, 0), String(A ?? "") === String(M ?? "")) return;
+      const me = { ...H, [D]: M };
       m(
-        (g) => g.map((H) => ie(H) === s ? me : H)
+        (y) => y.map((I) => ie(I) === s ? me : I)
       );
       try {
-        await ((se = P.current) == null ? void 0 : se.call(P, { row: I, rowId: s, field: B, oldValue: M, newValue: $ }));
+        await ((se = P.current) == null ? void 0 : se.call(P, { row: H, rowId: s, field: D, oldValue: A, newValue: M }));
       } catch {
         m(
-          (g) => g.map((H) => ie(H) === s ? I : H)
-        ), w((g) => ({
-          ...g,
-          [`${s}:${y}`]: "Error al guardar. Intenta de nuevo."
+          (y) => y.map((I) => ie(I) === s ? H : I)
+        ), w((y) => ({
+          ...y,
+          [`${s}:${g}`]: "Error al guardar. Intenta de nuevo."
         }));
       }
     },
@@ -4968,8 +4970,8 @@ function ec({
   ), oe = we(
     (s) => {
       if (f.current) return;
-      const y = L.current;
-      if (!(!y || ![
+      const g = T.current;
+      if (!(!g || ![
         "ArrowUp",
         "ArrowDown",
         "ArrowLeft",
@@ -4980,40 +4982,40 @@ function ec({
       ].includes(s.key)))
         switch (s.preventDefault(), s.key) {
           case "ArrowUp":
-            R("up");
+            j("up");
             break;
           case "ArrowDown":
-            R("down");
+            j("down");
             break;
           case "ArrowLeft":
-            R("left");
+            j("left");
             break;
           case "ArrowRight":
-            R("right");
+            j("right");
             break;
           case "Tab":
-            R(s.shiftKey ? "left" : "right");
+            j(s.shiftKey ? "left" : "right");
             break;
           case "Enter": {
-            const j = J.current.find((B) => B.key === y.colKey);
-            j != null && j.editable && !E.current ? (h(y), j.editable.type === "select" && !Y.current.has(y.colKey) && Z(y.colKey, j.editable)) : R("down");
+            const 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;
           }
         }
     },
-    [R, Z]
+    [j, Z]
   ), W = at(() => e.map((s) => {
     if (!s.editable || i) {
-      const { editable: D, 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",
@@ -5022,11 +5024,11 @@ function ec({
                 className: "absolute inset-0 z-10 cursor-default",
                 onClick: () => {
                   var ie;
-                  v({ rowId: pe, colKey: s.key }), (ie = T.current) == null || ie.focus({ preventScroll: !0 });
+                  v({ rowId: pe, colKey: s.key }), (ie = $.current) == null || ie.focus({ preventScroll: !0 });
                 }
               }
             ),
-            $ && /* @__PURE__ */ t(
+            M && /* @__PURE__ */ t(
               "div",
               {
                 className: "pointer-events-none absolute inset-0 z-20",
@@ -5038,34 +5040,34 @@ function ec({
         }
       };
     }
-    const y = s.editable;
+    const g = s.editable;
     return {
       ...s,
       // Make the cell a positioned ancestor so the absolute edit overlay works
       className: `relative ${s.className ?? ""}`.trim(),
       disableRowClick: !0,
-      cell: (D) => {
-        const j = n(D), B = s.key, ne = (p == null ? void 0 : p.rowId) === j && (p == null ? void 0 : p.colKey) === B, ce = (x == null ? void 0 : x.rowId) === j && (x == null ? void 0 : x.colKey) === B, pe = S[`${j}:${B}`], $ = D[y.field], ie = String($ ?? ""), I = () => {
+      cell: (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 = T.current) == null || G.focus({ preventScroll: !0 }), y.type === "select" && !Y.current.has(B) && Z(B, y);
+          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 = y.type === "select" ? /* @__PURE__ */ t(
+          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(
             gi,
             {
               initialValue: ie,
-              type: y.type ?? "text",
-              mask: y.mask,
-              onCommit: (V) => _(j, B, V),
+              type: g.type ?? "text",
+              mask: g.mask,
+              onCommit: (V) => _(R, D, V),
               onCancel: U
             }
           );
@@ -5079,14 +5081,14 @@ function ec({
             }
           );
         }
-        const M = s.cell(D);
+        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: I
+              onClick: H
             }
           ),
           ce && /* @__PURE__ */ t(
@@ -5099,7 +5101,7 @@ function ec({
           /* @__PURE__ */ t("span", { className: "relative z-0 inline-flex items-center gap-1 pointer-events-none", children: pe ? /* @__PURE__ */ l("span", { className: "flex items-center gap-1 text-red-500", children: [
             /* @__PURE__ */ t(ya, { className: "h-3.5 w-3.5 shrink-0" }),
             /* @__PURE__ */ t("span", { className: "truncate text-xs", children: pe })
-          ] }) : /* @__PURE__ */ t("span", { className: "truncate", children: M }) }),
+          ] }) : /* @__PURE__ */ t("span", { className: "truncate", children: A }) }),
           /* @__PURE__ */ t(Vo, { className: "pointer-events-none absolute right-1 top-1/2 z-0 h-3 w-3 -translate-y-1/2 shrink-0 text-[var(--text-muted)] opacity-0 transition-opacity peer-hover:opacity-40" })
         ] });
       }
@@ -5120,12 +5122,16 @@ function ec({
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: T,
+      ref: $,
       tabIndex: 0,
       onKeyDown: oe,
       onBlur: (s) => {
-        var y;
-        (y = T.current) != null && y.contains(s.relatedTarget) || U();
+        var g;
+        (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(
@@ -5232,7 +5238,7 @@ function tc({
   const p = {
     from: Wt(e),
     to: Wt(r)
-  }, h = Wt(a), [x, v] = A(
+  }, h = Wt(a), [x, v] = B(
     Wt(i || e)
   );
   return Q(() => {
@@ -5257,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,
@@ -5358,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",
@@ -5423,40 +5429,40 @@ function rc({
   menuClassName: u = "",
   onOpenChange: m
 }) {
-  const [f, p] = A(!1), [h, x] = A(!1), [v, L] = A({}), S = le(null), w = le(null), k = we(
-    (T) => {
-      p(T), m == null || m(T);
+  const [f, p] = 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 T = S.current;
-    if (!T) return;
-    const q = T.getBoundingClientRect(), Z = typeof a == "number" ? a : q.width, te = typeof a == "number" ? a : Math.max(q.width, 180), P = n === "end" ? Math.max(8, q.right - te) : Math.min(q.left, window.innerWidth - te - 8), X = window.innerHeight - q.bottom, J = X < 240 && q.top > X ? void 0 : q.bottom + 6, E = J === void 0 ? window.innerHeight - q.top + 6 : void 0;
-    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 T = (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", T), window.addEventListener("keydown", q), window.addEventListener("resize", O), window.addEventListener("scroll", O, !0), () => {
-      document.removeEventListener("mousedown", T), window.removeEventListener("keydown", q), window.removeEventListener("resize", O), window.removeEventListener("scroll", O, !0);
+    return document.addEventListener("mousedown", $), 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 = (T) => {
-    i || (T.key === "Enter" || T.key === " ") && (T.preventDefault(), k(!f));
+  const ee = ($) => {
+    i || ($.key === "Enter" || $.key === " ") && ($.preventDefault(), k(!f));
   }, z = cn(e) ? Ro(e, {
     onClick: () => {
       i || (ta(), k(!f));
@@ -5469,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((T) => /* @__PURE__ */ l("div", { children: [
-        T.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: T.disabled,
+            disabled: $.disabled,
             onClick: () => {
               var q;
-              T.disabled || (ta(), (q = T.onSelect) == null || q.call(T), 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: T.danger ? "var(--danger)" : "var(--text-main)"
+              color: $.danger ? "var(--danger)" : "var(--text-main)"
             },
             children: [
-              T.icon && /* @__PURE__ */ t("span", { className: "mt-0.5 shrink-0", children: T.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: T.label }),
-                T.description && /* @__PURE__ */ t("span", { className: "block truncate text-xs text-[var(--text-muted)]", children: T.description })
+                /* @__PURE__ */ t("span", { className: "block truncate text-sm font-medium", children: $.label }),
+                $.description && /* @__PURE__ */ t("span", { className: "block truncate text-xs text-[var(--text-muted)]", children: $.description })
               ] })
             ]
           }
         )
-      ] }, T.id))
+      ] }, $.id))
     }
   ) : null;
   return /* @__PURE__ */ l(
@@ -5529,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",
@@ -5537,7 +5543,7 @@ function nc({
   disabled: ee = !1,
   children: z
 }) {
-  const [Y, T] = A(!1), [q, Z] = A(!1), [te, P] = A(!1), X = we(() => {
+  const [Y, $] = B(!1), [q, Z] = B(!1), [te, P] = B(!1), X = we(() => {
     Z(!0), requestAnimationFrame(() => {
       requestAnimationFrame(() => P(!0));
     });
@@ -5546,17 +5552,17 @@ function nc({
       () => Z(!1),
       Ei
     );
-  }, []), E = we(() => {
+  }, []), L = we(() => {
     if (v) {
       X();
       return;
     }
     r();
-  }, [v, r, X]), R = we(() => {
+  }, [v, r, X]), j = we(() => {
     P(!1), Z(!1), O == null || O(), r();
   }, [r, O]);
   return Q(() => {
-    T(!0);
+    $(!0);
   }, []), Q(() => (document.body.style.overflow = e ? "hidden" : "", e || (P(!1), Z(!1)), () => {
     document.body.style.overflow = "";
   }), [e]), Q(() => {
@@ -5567,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",
       {
@@ -5583,7 +5589,7 @@ function nc({
             "div",
             {
               className: `absolute inset-0 ${ra}`,
-              onClick: E
+              onClick: L
             }
           ),
           /* @__PURE__ */ l(
@@ -5603,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(
@@ -5632,7 +5638,7 @@ function nc({
                             {
                               variant: "secondary",
                               size: "sm",
-                              onClick: E,
+                              onClick: L,
                               style: { background: "var(--bg-input)" },
                               children: "Cancelar"
                             }
@@ -5673,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(
@@ -5722,7 +5728,7 @@ function nc({
                         {
                           className: "mb-1 text-base font-semibold",
                           style: { color: "var(--text-main, #0f2f2c)" },
-                          children: L
+                          children: T
                         }
                       ),
                       /* @__PURE__ */ t(
@@ -5752,7 +5758,7 @@ function nc({
                           Be,
                           {
                             variant: "secondary",
-                            onClick: R,
+                            onClick: j,
                             className: "flex-1 border",
                             style: {
                               background: "var(--warning, #d97706)",
@@ -5983,16 +5989,16 @@ function Wa({
   required: x,
   ...v
 }) {
-  const [L, S] = A(() => !!v.autoFocus), [w, k] = A(!1), O = v.type === "password" && f, ee = O && w ? "text" : v.type, z = !!a, Y = z && i !== "tooltip", T = z && i !== "inline", q = p ? x : void 0, Z = z ? "border-[var(--danger)] focus:border-[var(--danger)]" : "", te = T ? O ? "pr-20" : "pr-10" : O ? "pr-10" : "", P = v.value !== void 0 ? String(v.value).length > 0 : v.defaultValue !== void 0 && String(v.defaultValue).length > 0, X = L || P, J = {
+  const [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);
-  }, R = (oe) => {
+  }, j = (oe) => {
     var W;
     S(!1), (W = v.onBlur) == null || W.call(v, oe);
   }, U = O ? /* @__PURE__ */ l(
@@ -6023,7 +6029,7 @@ function Wa({
         )
       ]
     }
-  ) : null, _ = T ? /* @__PURE__ */ t(
+  ) : null, _ = $ ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
@@ -6053,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: R
+          onFocus: L,
+          onBlur: j
         }
       ),
       /* @__PURE__ */ l(
@@ -6095,8 +6101,8 @@ function Wa({
           required: q,
           "aria-invalid": z || v["aria-invalid"],
           className: `w-full ${te} ${Z} ${h}`,
-          onFocus: E,
-          onBlur: R
+          onFocus: L,
+          onBlur: j
         }
       ),
       _,
@@ -6131,9 +6137,9 @@ function bc({
   onChange: f,
   ...p
 }) {
-  const [h, x] = A(
+  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,
     {
@@ -6143,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);
@@ -6219,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",
@@ -6227,7 +6233,7 @@ function pc({
   size: ee = "md",
   containerClassName: z = "",
   dropzoneClassName: Y = "",
-  fileListClassName: T = "",
+  fileListClassName: $ = "",
   className: q = "",
   id: Z,
   accept: te,
@@ -6235,32 +6241,32 @@ function pc({
   required: X,
   ...J
 }) {
-  const E = Ho(), R = Z ?? E, U = le(null), [_, oe] = A(!1), [W, s] = A(c), y = i ?? W, D = !!n, j = v && y.length > 0 && !P, B = (re, me) => {
+  const 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(
       (be) => la(be, te)
-    ), g = re.filter(
+    ), y = re.filter(
       (be) => !la(be, te)
-    ), H = h ? [...y, ...se] : se, ue = Wi(H, f, p);
-    g.length > 0 && (m == null || m(g)), B(ue, me);
+    ), I = h ? [...g, ...se] : se, ue = Wi(I, f, p);
+    y.length > 0 && (m == null || m(y)), 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);
-  }, I = (re) => {
+  }, H = (re) => {
     re.preventDefault(), oe(!1), !P && ne(Array.from(re.dataTransfer.files), re);
-  }, M = (re) => {
+  }, A = (re) => {
     re.key !== "Enter" && re.key !== " " || (re.preventDefault(), ce());
   }, G = (re) => {
-    B(y.filter((me, se) => se !== re));
+    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: [
@@ -6273,13 +6279,13 @@ function pc({
       {
         ...J,
         ref: U,
-        id: R,
+        id: j,
         type: "file",
         accept: te,
         multiple: f,
         disabled: P,
-        required: X && y.length === 0,
-        "aria-invalid": D || J["aria-invalid"],
+        required: X && g.length === 0,
+        "aria-invalid": E || J["aria-invalid"],
         className: "sr-only",
         onChange: pe
       }
@@ -6289,33 +6295,33 @@ function pc({
       {
         role: "button",
         tabIndex: P ? -1 : 0,
-        "aria-controls": R,
+        "aria-controls": j,
         "aria-disabled": P || void 0,
-        "aria-invalid": D || void 0,
-        className: `flex cursor-pointer flex-col items-center justify-center gap-3 rounded-lg border border-dashed bg-[var(--bg-card)] text-center outline-none transition-colors focus:border-[var(--primary)] focus:bg-[var(--bg-input)] ${_i[ee]} ${_ ? "border-[var(--primary)] bg-[var(--bg-input)]" : D ? "border-[var(--danger)]" : "border-[var(--border)]"} ${P ? "cursor-not-allowed opacity-60" : "hover:border-[var(--primary)] hover:bg-[var(--bg-input)]"} ${Y} ${q}`,
+        "aria-invalid": 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: I,
-        onKeyDown: M,
+        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" }) }),
           /* @__PURE__ */ l("span", { className: "space-y-1", children: [
             /* @__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 && y.length > 0 && /* @__PURE__ */ l(
+    x && g.length > 0 && /* @__PURE__ */ l(
       "div",
       {
-        className: `rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${T}`,
+        className: `rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${$}`,
         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",
@@ -6326,7 +6332,7 @@ function pc({
               }
             )
           ] }),
-          /* @__PURE__ */ t("ul", { className: "divide-y divide-[var(--border)]", children: y.map((re, me) => /* @__PURE__ */ l(
+          /* @__PURE__ */ t("ul", { className: "divide-y divide-[var(--border)]", children: g.map((re, me) => /* @__PURE__ */ l(
             "li",
             {
               className: "flex items-center gap-3 px-3 py-2",
@@ -6380,12 +6386,12 @@ function hc({
   onSave: f,
   onChange: p
 }) {
-  const [h, x] = A(
+  const [h, x] = B(
     () => e.map((z) => ({ key: !1, type: "", ...z }))
-  ), [v, L] = A(""), [S, w] = A(""), k = we(
+  ), [v, T] = B(""), [S, w] = B(""), k = we(
     (z, Y) => {
-      x((T) => {
-        const q = T.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;
       });
     },
@@ -6405,15 +6411,15 @@ function hc({
       w("Ese campo ya existe en el arreglo.");
       return;
     }
-    const T = {
+    const $ = {
       name: z,
       key: !1,
       type: ((q = n[0]) == null ? void 0 : q.value) ?? ""
     };
     x((Z) => {
-      const te = [...Z, T];
+      const te = [...Z, $];
       return p == null || p(te), te;
-    }), L(""), w("");
+    }), T(""), w("");
   }, [n, h, v, p]);
   return /* @__PURE__ */ l(
     "div",
@@ -6472,7 +6478,7 @@ function hc({
                   {
                     size: "sm",
                     checked: z.key ?? !1,
-                    onChange: (T) => k(Y, { key: T.target.checked }),
+                    onChange: ($) => k(Y, { key: $.target.checked }),
                     "aria-label": `${z.name} es clave`
                   }
                 ) }),
@@ -6480,7 +6486,7 @@ function hc({
                   At,
                   {
                     value: z.type ?? "",
-                    onChange: (T) => k(Y, { type: T }),
+                    onChange: ($) => k(Y, { type: $ }),
                     options: n,
                     placeholder: "—",
                     emptyLabel: "—",
@@ -6516,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());
@@ -6602,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] = A(!1), [O, ee] = A(""), [z, Y] = A(0), [T, q] = A(!1), [Z, te] = A({}), P = le(null), X = le(null), J = le(null), E = le(null), R = p && n.length >= h, U = at(() => new Set(e), [e]), _ = at(
-    () => n.filter(($) => U.has($.value)),
+  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
-  ), y = R && 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, D = we(() => {
-    const $ = P.current;
-    if (!$) return;
-    const ie = $.getBoundingClientRect(), I = R ? 304 : 244, M = window.innerHeight - ie.bottom, G = M < I && ie.top > M;
+  ) : 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,
@@ -6628,49 +6634,49 @@ function vc({
       width: ie.width,
       zIndex: 9999
     });
-  }, [R]), j = we(
-    ($) => {
-      Ki(e, $) || r($);
+  }, [j]), R = we(
+    (M) => {
+      Ki(e, M) || r(M);
     },
     [r, e]
-  ), B = we(
-    ($) => {
-      const ie = n.find((M) => M.value === $);
+  ), D = we(
+    (M) => {
+      const ie = n.find((A) => A.value === M);
       if (ie != null && ie.disabled) return;
-      const I = U.has($) ? e.filter((M) => M !== $) : [...e, $];
-      j(I);
+      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) {
-      var M, G;
-      const I = ie.target;
-      !((M = P.current) != null && M.contains(I)) && !((G = X.current) != null && G.contains(I)) && (k(!1), ee(""));
+    function M(ie) {
+      var A, G;
+      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), D(), R && 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, R, D]), Q(() => {
+  }, [w, j, E]), Q(() => {
     if (w)
-      return window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
-        window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
+      return window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), () => {
+        window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
       };
-  }, [w, D]), 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, y.length - 1))), $.key === "ArrowUp" && ($.preventDefault(), Y((ie) => Math.max(ie - 1, 0))), $.key === "Enter" && y[z] && ($.preventDefault(), B(y[z].value)), $.key === "Backspace" && !O && e.length && ($.preventDefault(), j(e.slice(0, -1)));
+    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",
@@ -6683,7 +6689,7 @@ function vc({
         border: "1px solid var(--border)"
       },
       children: [
-        R && /* @__PURE__ */ l(
+        j && /* @__PURE__ */ l(
           "div",
           {
             className: "flex items-center gap-2 px-3 py-2",
@@ -6701,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",
@@ -6713,8 +6719,8 @@ function vc({
                 "button",
                 {
                   type: "button",
-                  onMouseDown: ($) => {
-                    $.preventDefault(), ee("");
+                  onMouseDown: (M) => {
+                    M.preventDefault(), ee("");
                   },
                   children: /* @__PURE__ */ t(
                     Ie,
@@ -6745,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
@@ -6758,34 +6764,34 @@ function vc({
         /* @__PURE__ */ l(
           "ul",
           {
-            ref: E,
+            ref: L,
             role: "listbox",
             "aria-multiselectable": "true",
             className: "overflow-y-auto",
             style: {
-              maxHeight: R ? 220 : 200,
+              maxHeight: j ? 220 : 200,
               scrollbarWidth: "thin",
               scrollbarColor: "var(--border) transparent",
               overscrollBehavior: "contain"
             },
             children: [
-              y.map(($, ie) => {
-                const I = ie === z, M = U.has($.value);
+              g.map((M, ie) => {
+                const H = ie === z, A = U.has(M.value);
                 return /* @__PURE__ */ l(
                   "li",
                   {
                     role: "option",
-                    "aria-selected": M,
+                    "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: I ? "var(--bg-hover)" : M ? "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(
@@ -6793,50 +6799,50 @@ function vc({
                         {
                           className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border",
                           style: {
-                            borderColor: M ? "var(--primary)" : "var(--border)",
-                            background: M ? "var(--primary)" : "var(--bg-input)",
+                            borderColor: A ? "var(--primary)" : "var(--border)",
+                            background: A ? "var(--primary)" : "var(--bg-input)",
                             color: "var(--primary-fg)"
                           },
-                          children: M && /* @__PURE__ */ t(Ue, { className: "h-3 w-3" })
+                          children: A && /* @__PURE__ */ t(Ue, { className: "h-3 w-3" })
                         }
                       ),
-                      $.color && /* @__PURE__ */ t(
+                      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
                 );
               }),
-              y.length === 0 && /* @__PURE__ */ t(
+              g.length === 0 && /* @__PURE__ */ t(
                 "li",
                 {
                   className: "px-3 py-4 text-center text-sm",
                   style: { color: "var(--text-muted)" },
-                  children: L
+                  children: T
                 }
               )
             ]
@@ -6858,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),
@@ -6873,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"}`,
@@ -6883,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",
@@ -6922,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)" },
@@ -6942,7 +6948,7 @@ function vc({
             ]
           }
         ),
-        w && T && Ze(pe, document.body)
+        w && $ && Ze(pe, document.body)
       ]
     }
   );
@@ -7256,7 +7262,7 @@ function yc({
   defaultCountryCode: h = "+1",
   onCountryCodeChange: x,
   allowedCountryCodes: v,
-  countryCodeOptions: L,
+  countryCodeOptions: T,
   countryCodePlaceholder: S = "Codigo",
   countryCodeClassName: w = "",
   countryCodeWidth: k = 84,
@@ -7264,38 +7270,38 @@ function yc({
   label: ee,
   containerClassName: z = "",
   helperText: Y,
-  labelAction: T,
+  labelAction: $,
   className: q = "",
   required: Z,
   disabled: te,
   floatingLabel: P,
   showPasswordToggle: X,
   nativeValidation: J,
-  errorTooltipLabel: E = "Error de validacion",
-  ...R
+  errorTooltipLabel: L = "Error de validacion",
+  ...j
 }) {
   var re;
-  const [U, _] = A(
+  const [U, _] = B(
     () => sa(m)
-  ), [oe, W] = A(
+  ), [oe, W] = B(
     () => Nr(h)
   ), s = at(() => {
-    const me = L ?? Yi, se = v == null ? void 0 : v.map(Nr);
-    return se != null && se.length ? me.filter((g) => se.includes(g.value)) : me;
-  }, [v, L]), y = ((re = s[0]) == null ? void 0 : re.value) ?? "+1", D = s.some(
+    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, T]), g = ((re = s[0]) == null ? void 0 : re.value) ?? "+1", E = s.some(
     (me) => me.value === Nr(p ?? oe)
-  ) ? Nr(p ?? oe) : y, j = u !== void 0 ? sa(u) : U, B = `${D} ${j}`.trim(), ne = n && j.length > 0 && !za(B) ? a : void 0, ce = c ?? ne, pe = !!ce, $ = pe && i !== "tooltip", ie = pe && i !== "inline", I = pe ? "border-[var(--danger)] focus-within:border-[var(--danger)]" : "border-[var(--border)] focus-within:border-[var(--primary)]", M = (me) => {
+  ) ? Nr(p ?? oe) : g, 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: D,
+      countryCode: E,
       nationalNumber: se,
-      fullNumber: `${D} ${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,
@@ -7308,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]" })
         }
@@ -7319,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: "*" }),
-      T && /* @__PURE__ */ t("span", { className: "ml-auto normal-case", children: T })
+      $ && /* @__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 ${I}`,
+        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: D,
+              value: E,
               onChange: G,
               options: s,
               placeholder: S,
@@ -7351,7 +7357,7 @@ function yc({
             /* @__PURE__ */ t(
               "input",
               {
-                ...R,
+                ...j,
                 value: u,
                 defaultValue: m,
                 type: "tel",
@@ -7359,10 +7365,10 @@ function yc({
                 autoComplete: e,
                 disabled: te,
                 required: void 0,
-                "aria-label": R["aria-label"] ?? (typeof ee == "string" ? ee : void 0),
-                "aria-invalid": pe || R["aria-invalid"],
+                "aria-label": 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: M
+                onChange: A
               }
             ),
             V
@@ -7370,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({
@@ -7475,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] = A(() => !e || e.trim() === ""), [v, L] = A(/* @__PURE__ */ new Set()), [S, w] = A(null), [k, O] = A(""), [ee, z] = A(""), [Y, T] = A(""), [q, Z] = A(""), [te, P] = A(!1), X = we(
+  const i = le(null), c = le(null), u = le(null), m = le(!1), f = le(e ?? ""), p = le(r), [h, x] = 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,
     []
   );
@@ -7483,27 +7489,27 @@ function Nc({
     p.current = r;
   }, [r]);
   const J = we(() => {
-    const g = window.getSelection(), H = X();
-    if (!g || !H || g.rangeCount === 0 || g.isCollapsed)
+    const y = window.getSelection(), I = X();
+    if (!y || !I || y.rangeCount === 0 || y.isCollapsed)
       return "";
-    const ue = g.getRangeAt(0);
-    return !H.contains(ue.startContainer) || !H.contains(ue.endContainer) ? "" : g.toString();
+    const ue = y.getRangeAt(0);
+    return !I.contains(ue.startContainer) || !I.contains(ue.endContainer) ? "" : y.toString();
   }, [X]);
   Q(() => {
-    const g = e ?? "";
-    f.current = g;
-    const H = [i.current, c.current].filter(
+    const y = e ?? "";
+    f.current = y;
+    const I = [i.current, c.current].filter(
       (be) => !!be
     );
-    H.forEach((be) => {
-      be.innerHTML !== g && (be.innerHTML = g);
-    }), x(!g || g.trim() === "");
-    const ue = H.map((be) => ca(be));
+    I.forEach((be) => {
+      be.innerHTML !== y && (be.innerHTML = y);
+    }), x(!y || y.trim() === "");
+    const ue = I.map((be) => ca(be));
     return () => ue.forEach((be) => be());
   }, [e]), Q(() => {
     var be, Se;
     m.current = te;
-    let g, H = 0, ue;
+    let y, I = 0, ue;
     if (te) {
       const he = i.current;
       he && (f.current = he.innerHTML);
@@ -7511,22 +7517,22 @@ function Nc({
         var fe;
         const ke = c.current;
         if (!ke) {
-          H = requestAnimationFrame(Ee);
+          I = requestAnimationFrame(Ee);
           return;
         }
-        ke.innerHTML !== f.current && (ke.innerHTML = f.current), g = ca(ke), x(((fe = ke.textContent) == null ? void 0 : fe.trim()) === ""), ue = setTimeout(() => ke.focus(), 60);
+        ke.innerHTML !== f.current && (ke.innerHTML = f.current), y = ca(ke), x(((fe = ke.textContent) == null ? void 0 : fe.trim()) === ""), ue = setTimeout(() => ke.focus(), 60);
       };
-      H = requestAnimationFrame(Ee);
+      I = requestAnimationFrame(Ee);
     } else {
       const he = c.current, Ee = i.current, ke = (he == null ? void 0 : he.innerHTML) ?? f.current, fe = f.current;
       f.current = ke, Ee && Ee.innerHTML !== ke && (Ee.innerHTML = ke), ke !== fe && p.current(ke), x(((Se = (be = he ?? Ee) == null ? void 0 : be.textContent) == null ? void 0 : Se.trim()) === "");
     }
     return () => {
-      H && cancelAnimationFrame(H), ue && clearTimeout(ue), g == null || g();
+      I && cancelAnimationFrame(I), ue && clearTimeout(ue), y == null || y();
     };
   }, [te]);
-  const E = we(() => {
-    const g = [
+  const L = we(() => {
+    const y = [
       "bold",
       "italic",
       "underline",
@@ -7537,10 +7543,10 @@ function Nc({
       "justifyCenter",
       "justifyRight",
       "justifyFull"
-    ], H = /* @__PURE__ */ new Set();
-    g.forEach((be) => {
+    ], I = /* @__PURE__ */ new Set();
+    y.forEach((be) => {
       try {
-        document.queryCommandState(be) && H.add(be);
+        document.queryCommandState(be) && I.add(be);
       } catch {
         return;
       }
@@ -7549,70 +7555,70 @@ function Nc({
       const be = Xi(
         document.queryCommandValue("formatBlock")
       );
-      be && H.add(`formatBlock:${be}`);
+      be && I.add(`formatBlock:${be}`);
     } catch {
       return;
     }
     const ue = J();
-    Qr(ue, "uppercase") && H.add("__upper"), Qr(ue, "lowercase") && H.add("__lower"), Qr(ue, "capitalize") && H.add("__cap"), L(H);
-  }, [J]), R = () => {
-    var H;
-    const g = X();
-    g && (f.current = g.innerHTML, p.current(f.current), x(((H = g.textContent) == null ? void 0 : H.trim()) === ""));
-  }, U = (g) => {
-    if (!g) {
-      const H = i.current;
-      H && (f.current = H.innerHTML);
+    Qr(ue, "uppercase") && I.add("__upper"), Qr(ue, "lowercase") && I.add("__lower"), Qr(ue, "capitalize") && I.add("__cap"), 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()) === ""));
+  }, U = (y) => {
+    if (!y) {
+      const I = i.current;
+      I && (f.current = I.innerHTML);
     }
-    P(!g);
-  }, _ = (g, H) => {
+    P(!y);
+  }, _ = (y, I) => {
     var ue;
-    (ue = X()) == null || ue.focus(), document.execCommand(g, !1, H), R(), E();
-  }, oe = (g) => {
-    _("formatBlock", g);
+    (ue = X()) == null || ue.focus(), document.execCommand(y, !1, I), j(), L();
+  }, oe = (y) => {
+    _("formatBlock", y);
   }, W = () => {
-    var g;
-    (g = X()) == null || g.focus(), document.execCommand("insertHTML", !1, "<hr><p><br></p>"), R(), E();
+    var y;
+    (y = X()) == null || y.focus(), document.execCommand("insertHTML", !1, "<hr><p><br></p>"), j(), L();
   }, s = () => {
-    const g = window.getSelection();
-    g && g.rangeCount > 0 && (u.current = g.getRangeAt(0).cloneRange());
-  }, y = () => {
-    const g = window.getSelection();
-    g && u.current && (g.removeAllRanges(), g.addRange(u.current));
-  }, D = (g) => {
-    if (s(), g === "link") {
-      const H = window.getSelection();
+    const y = window.getSelection();
+    y && y.rangeCount > 0 && (u.current = y.getRangeAt(0).cloneRange());
+  }, g = () => {
+    const y = window.getSelection();
+    y && u.current && (y.removeAllRanges(), y.addRange(u.current));
+  }, E = (y) => {
+    if (s(), y === "link") {
+      const I = window.getSelection();
       z(
-        H && !H.isCollapsed ? H.toString() : ""
+        I && !I.isCollapsed ? I.toString() : ""
       ), O("");
     }
-    g === "image" && (T(""), Z("")), w(g);
-  }, j = () => {
+    y === "image" && ($(""), Z("")), w(y);
+  }, R = () => {
     var be;
     if (!k.trim()) return;
-    y(), (be = X()) == null || be.focus();
-    const g = window.getSelection(), ue = (g && !g.isCollapsed ? g.toString() : "") || ee.trim() || k.trim();
+    g(), (be = X()) == null || be.focus();
+    const y = window.getSelection(), ue = (y && !y.isCollapsed ? y.toString() : "") || ee.trim() || k.trim();
     document.execCommand(
       "insertHTML",
       !1,
       `<a href="${kr(k.trim())}" target="_blank" rel="noopener noreferrer" class="rich-link">${kr(ue)}</a>`
-    ), R(), w(null);
-  }, B = (g, H = "") => `<span class="rich-img-wrap" contenteditable="false"><img src="${kr(g)}" alt="${kr(H)}" class="rich-img" />${qa()}</span>`, ne = () => {
-    var g;
-    Y.trim() && (y(), (g = X()) == null || g.focus(), document.execCommand(
+    ), 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())
-    ), R(), w(null));
-  }, ce = (g, H = 1200, ue = 1200, be = 0.72) => new Promise((Se, he) => {
+      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) => {
       var Qe;
       const fe = (Qe = ke.target) == null ? void 0 : Qe.result, ze = new Image();
       ze.onerror = he, ze.onload = () => {
         let { width: qe, height: ae } = ze;
-        if (qe > H || ae > ue) {
-          const _e = Math.min(H / qe, ue / ae);
+        if (qe > I || ae > ue) {
+          const _e = Math.min(I / qe, ue / ae);
           qe = Math.round(qe * _e), ae = Math.round(ae * _e);
         }
         const Me = document.createElement("canvas");
@@ -7624,41 +7630,41 @@ function Nc({
         }
         Te.drawImage(ze, 0, 0, qe, ae), Se(Me.toDataURL("image/jpeg", be));
       }, ze.src = fe;
-    }, Ee.readAsDataURL(g);
-  }), pe = (g) => {
-    const ue = Array.from(g.clipboardData.items).find((Se) => Se.type.startsWith("image/"));
+    }, Ee.readAsDataURL(y);
+  }), pe = (y) => {
+    const ue = Array.from(y.clipboardData.items).find((Se) => Se.type.startsWith("image/"));
     if (!ue) return;
-    g.preventDefault();
+    y.preventDefault();
     const be = ue.getAsFile();
     be && ce(be).then((Se) => {
       var he;
       (he = X()) == null || he.focus(), document.execCommand(
         "insertHTML",
         !1,
-        B(Se, "imagen")
-      ), R();
+        D(Se, "imagen")
+      ), j();
     });
-  }, $ = (g) => {
-    const H = window.getSelection(), ue = X();
-    if (!H || !ue || H.rangeCount === 0 || H.isCollapsed)
+  }, M = (y) => {
+    const I = window.getSelection(), ue = X();
+    if (!I || !ue || I.rangeCount === 0 || I.isCollapsed)
       return;
-    const be = H.getRangeAt(0);
+    const be = I.getRangeAt(0);
     if (!ue.contains(be.startContainer) || !ue.contains(be.endContainer))
       return;
     const Se = be.toString();
     if (!Se) return;
     let he = Se;
-    g === "uppercase" ? he = Se.toLocaleUpperCase() : g === "lowercase" ? he = Se.toLocaleLowerCase() : he = Ua(Se), be.deleteContents();
+    y === "uppercase" ? he = Se.toLocaleUpperCase() : y === "lowercase" ? he = Se.toLocaleLowerCase() : he = Ua(Se), be.deleteContents();
     const Ee = document.createTextNode(he);
     be.insertNode(Ee);
     const ke = document.createRange();
-    ke.setStart(Ee, 0), ke.setEnd(Ee, he.length), H.removeAllRanges(), H.addRange(ke), u.current = ke.cloneRange(), R(), E();
+    ke.setStart(Ee, 0), ke.setEnd(Ee, he.length), I.removeAllRanges(), I.addRange(ke), u.current = ke.cloneRange(), j(), L();
   }, ie = () => {
-    s(), E();
-  }, I = () => {
-    R(), E();
-  }, M = (g) => {
-    if (g.key === "Escape") {
+    s(), L();
+  }, H = () => {
+    j(), L();
+  }, A = (y) => {
+    if (y.key === "Escape") {
       if (S) {
         w(null);
         return;
@@ -7668,20 +7674,20 @@ function Nc({
         return;
       }
     }
-    S || (g.ctrlKey || g.metaKey) && (g.key === "b" && (g.preventDefault(), _("bold")), g.key === "i" && (g.preventDefault(), _("italic")), g.key === "u" && (g.preventDefault(), _("underline")), g.key === "k" && (g.preventDefault(), D("link")));
+    S || (y.ctrlKey || y.metaKey) && (y.key === "b" && (y.preventDefault(), _("bold")), y.key === "i" && (y.preventDefault(), _("italic")), y.key === "u" && (y.preventDefault(), _("underline")), y.key === "k" && (y.preventDefault(), E("link")));
   }, G = () => /* @__PURE__ */ t(
     "div",
     {
       className: "h-4 w-px flex-shrink-0 mx-1",
       style: { background: "var(--border)" }
     }
-  ), V = (g, H, ue, be, Se) => {
+  ), V = (y, I, ue, be, Se) => {
     const he = Se ?? (v.has(ue) || ue === "__link" && S === "link" || ue === "__img" && S === "image");
     return /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        title: H,
+        title: I,
         onMouseDown: (Ee) => {
           Ee.preventDefault(), be ? be() : _(ue);
         },
@@ -7690,23 +7696,23 @@ function Nc({
           color: he ? "var(--primary)" : "var(--text-secondary)",
           background: he ? "rgba(59,130,246,0.12)" : "transparent"
         },
-        children: g
+        children: y
       },
       ue
     );
-  }, re = (g) => {
-    const H = g.target;
-    if (H.closest("[data-action='delete-img']")) {
-      g.preventDefault();
-      const ue = H.closest(".rich-img-wrap");
-      ue && (ue.remove(), R());
+  }, re = (y) => {
+    const I = y.target;
+    if (I.closest("[data-action='delete-img']")) {
+      y.preventDefault();
+      const ue = I.closest(".rich-img-wrap");
+      ue && (ue.remove(), j());
     }
-  }, me = (g) => /* @__PURE__ */ l(Re, { children: [
+  }, me = (y) => /* @__PURE__ */ l(Re, { children: [
     S === "link" && /* @__PURE__ */ l(
       "div",
       {
         className: "flex flex-shrink-0 flex-wrap items-center gap-2 border-t px-3 py-2",
-        style: { borderColor: "var(--border)", background: g },
+        style: { borderColor: "var(--border)", background: y },
         children: [
           /* @__PURE__ */ t(
             "input",
@@ -7714,9 +7720,9 @@ function Nc({
               autoFocus: !0,
               type: "url",
               value: k,
-              onChange: (H) => O(H.target.value),
-              onKeyDown: (H) => {
-                H.key === "Enter" && (H.preventDefault(), j()), H.key === "Escape" && w(null);
+              onChange: (I) => O(I.target.value),
+              onKeyDown: (I) => {
+                I.key === "Enter" && (I.preventDefault(), R()), I.key === "Escape" && w(null);
               },
               placeholder: "https://...",
               className: "min-w-0 flex-1 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7732,9 +7738,9 @@ function Nc({
             {
               type: "text",
               value: ee,
-              onChange: (H) => z(H.target.value),
-              onKeyDown: (H) => {
-                H.key === "Enter" && (H.preventDefault(), j()), H.key === "Escape" && w(null);
+              onChange: (I) => z(I.target.value),
+              onKeyDown: (I) => {
+                I.key === "Enter" && (I.preventDefault(), R()), I.key === "Escape" && w(null);
               },
               placeholder: "Texto (opcional)",
               className: "w-32 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7749,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"
@@ -7772,7 +7778,7 @@ function Nc({
       "div",
       {
         className: "flex flex-shrink-0 flex-wrap items-center gap-2 border-t px-3 py-2",
-        style: { borderColor: "var(--border)", background: g },
+        style: { borderColor: "var(--border)", background: y },
         children: [
           /* @__PURE__ */ t(
             "input",
@@ -7780,9 +7786,9 @@ function Nc({
               autoFocus: !0,
               type: "url",
               value: Y,
-              onChange: (H) => T(H.target.value),
-              onKeyDown: (H) => {
-                H.key === "Enter" && (H.preventDefault(), ne()), H.key === "Escape" && w(null);
+              onChange: (I) => $(I.target.value),
+              onKeyDown: (I) => {
+                I.key === "Enter" && (I.preventDefault(), ne()), I.key === "Escape" && w(null);
               },
               placeholder: "URL de la imagen...",
               className: "min-w-0 flex-1 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7798,9 +7804,9 @@ function Nc({
             {
               type: "text",
               value: q,
-              onChange: (H) => Z(H.target.value),
-              onKeyDown: (H) => {
-                H.key === "Enter" && (H.preventDefault(), ne()), H.key === "Escape" && w(null);
+              onChange: (I) => Z(I.target.value),
+              onKeyDown: (I) => {
+                I.key === "Enter" && (I.preventDefault(), ne()), I.key === "Escape" && w(null);
               },
               placeholder: "Texto alt",
               className: "w-28 rounded px-2 py-1 text-xs focus:outline-none",
@@ -7834,11 +7840,11 @@ function Nc({
         ]
       }
     )
-  ] }), se = (g, H) => /* @__PURE__ */ l(
+  ] }), se = (y, I) => /* @__PURE__ */ l(
     "div",
     {
       className: "flex flex-shrink-0 flex-wrap items-center gap-0.5 border-t px-2 py-1",
-      style: { borderColor: "var(--border)", background: H },
+      style: { borderColor: "var(--border)", background: I },
       children: [
         V(
           /* @__PURE__ */ t(el, { className: "h-4 w-4" }),
@@ -7931,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",
-          () => D("link")
+          () => E("link")
         ),
         V(
           /* @__PURE__ */ t(sl, { className: "h-4 w-4" }),
@@ -7961,7 +7967,7 @@ function Nc({
           /* @__PURE__ */ t(cl, { className: "h-4 w-4" }),
           "Insertar imagen",
           "__img",
-          () => D("image")
+          () => E("image")
         ),
         V(
           /* @__PURE__ */ t(Na, { className: "h-4 w-4" }),
@@ -7986,13 +7992,13 @@ function Nc({
           "button",
           {
             type: "button",
-            title: g ? "Salir del modo de enfoque (Esc)" : "Modo de enfoque",
+            title: y ? "Salir del modo de enfoque (Esc)" : "Modo de enfoque",
             onMouseDown: (ue) => {
-              ue.preventDefault(), U(g);
+              ue.preventDefault(), U(y);
             },
             className: "flex h-7 w-7 items-center justify-center rounded transition-colors",
             style: { color: "var(--text-secondary)" },
-            children: g ? /* @__PURE__ */ t(Jo, { className: "h-4 w-4" }) : /* @__PURE__ */ t(Qo, { className: "h-4 w-4" })
+            children: y ? /* @__PURE__ */ t(Jo, { className: "h-4 w-4" }) : /* @__PURE__ */ t(Qo, { className: "h-4 w-4" })
           }
         )
       ]
@@ -8011,8 +8017,8 @@ function Nc({
               ref: i,
               contentEditable: !0,
               suppressContentEditableWarning: !0,
-              onInput: I,
-              onKeyDown: M,
+              onInput: H,
+              onKeyDown: A,
               onKeyUp: ie,
               onSelect: ie,
               onMouseUp: ie,
@@ -8053,8 +8059,8 @@ function Nc({
               ref: c,
               contentEditable: !0,
               suppressContentEditableWarning: !0,
-              onInput: I,
-              onKeyDown: M,
+              onInput: H,
+              onKeyDown: A,
               onKeyUp: ie,
               onSelect: ie,
               onMouseUp: ie,
@@ -8233,50 +8239,50 @@ function Sc({
   selectClassName: h,
   menuClassName: x,
   optionClassName: v,
-  spinnerClassName: L
+  spinnerClassName: T
 }) {
-  const [S, w] = A(!1), [k, O] = A(!1), [ee, z] = A(-1), [Y, T] = A({}), q = le(null), Z = le(null), te = le(null), P = r.find((s) => s.value === e) ?? r[0], X = {
+  const [S, w] = 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();
-  }, R = we(() => {
+  }, j = we(() => {
     w(!1), z(-1);
   }, []), U = we(() => {
     const s = q.current;
     if (!s) return;
-    const y = s.getBoundingClientRect(), D = Math.max(y.width, rs[a]), j = Math.min(Math.max(r.length, 1) * 38 + 12, 260), B = window.innerHeight - y.bottom, ne = B < j && y.top > B, ce = Math.min(
-      Math.max(8, y.left + y.width / 2 - D / 2),
-      window.innerWidth - D - 8
+    const g = s.getBoundingClientRect(), 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
     );
-    T({
+    $({
       position: "fixed",
       left: ce,
-      top: ne ? void 0 : y.bottom + 6,
-      bottom: ne ? window.innerHeight - y.top + 6 : void 0,
-      width: D,
+      top: ne ? void 0 : g.bottom + 6,
+      bottom: ne ? window.innerHeight - g.top + 6 : void 0,
+      width: E,
       zIndex: 9999
     });
   }, [r.length, a]), _ = we(
     (s) => {
-      s.disabled || (n(s.value), R());
+      s.disabled || (n(s.value), j());
     },
-    [R, n]
+    [j, n]
   );
   Q(() => O(!0), []), Q(() => {
     if (!S) return;
     U();
-    const s = r.findIndex((y) => y.value === e);
+    const s = r.findIndex((g) => g.value === e);
     z(s >= 0 ? s : 0);
   }, [S, r, U, e]), Q(() => {
     if (!S) return;
-    function s(y) {
-      var j, B;
-      const D = y.target;
-      !((j = q.current) != null && j.contains(D)) && !((B = Z.current) != null && B.contains(D)) && R();
+    function s(g) {
+      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);
-  }, [R, 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);
@@ -8293,21 +8299,21 @@ function Sc({
         return;
       }
       if (s.key === "Escape") {
-        s.preventDefault(), R();
+        s.preventDefault(), j();
         return;
       }
       if (s.key === "ArrowDown") {
-        s.preventDefault(), z((y) => Math.min(y + 1, r.length - 1));
+        s.preventDefault(), z((g) => Math.min(g + 1, r.length - 1));
         return;
       }
       if (s.key === "ArrowUp") {
-        s.preventDefault(), z((y) => Math.max(y - 1, 0));
+        s.preventDefault(), z((g) => Math.max(g - 1, 0));
         return;
       }
       if (s.key === "Enter" || s.key === " ") {
         s.preventDefault();
-        const y = r[ee];
-        y && _(y);
+        const g = r[ee];
+        g && _(g);
       }
     }
   }
@@ -8327,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",
         {
@@ -8340,8 +8346,8 @@ function Sc({
             scrollbarColor: "var(--border) transparent",
             overscrollBehavior: "contain"
           },
-          children: r.map((s, y) => {
-            const D = s.value === e, j = y === ee, B = {
+          children: r.map((s, g) => {
+            const E = s.value === e, R = g === ee, D = {
               ...s.tone ? da[s.tone] : void 0,
               ...s.style
             };
@@ -8350,25 +8356,25 @@ function Sc({
               {
                 type: "button",
                 role: "option",
-                "aria-selected": D,
+                "aria-selected": E,
                 disabled: s.disabled,
-                onMouseEnter: () => !s.disabled && z(y),
+                onMouseEnter: () => !s.disabled && z(g),
                 onMouseDown: (ne) => {
                   ne.preventDefault(), _(s);
                 },
                 className: ht(
                   "flex w-full items-center gap-2 rounded-lg font-medium text-left transition-colors disabled:cursor-not-allowed disabled:opacity-45",
                   ns[a],
-                  D ? s.className : void 0,
+                  E ? s.className : void 0,
                   v
                 ),
                 style: {
-                  ...D ? B : void 0,
-                  background: D ? B.background ?? "color-mix(in srgb, var(--primary) 12%, transparent)" : j ? "var(--bg-hover)" : "transparent",
-                  color: D ? B.color ?? "var(--primary)" : "var(--text-main)"
+                  ...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: D ? /* @__PURE__ */ t(Ue, { className: "h-4 w-4" }) : null }),
+                  /* @__PURE__ */ t("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center", children: E ? /* @__PURE__ */ t(Ue, { className: "h-4 w-4" }) : null }),
                   /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: s.label })
                 ]
               },
@@ -8385,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",
@@ -8425,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
             )
           }
         ),
@@ -8524,73 +8530,73 @@ function $c({
   previousLabel: h = "Anterior",
   nextLabel: x = "Siguiente",
   blockedNextLabel: v = "Completa este paso",
-  className: L = "",
+  className: T = "",
   headerClassName: S = "",
   contentClassName: w = "",
   footerClassName: k = ""
 }) {
-  var I;
-  const O = ((I = e[0]) == null ? void 0 : I.id) ?? "", [ee, z] = A(
+  var H;
+  const O = ((H = e[0]) == null ? void 0 : H.id) ?? "", [ee, z] = B(
     n ?? O
-  ), [Y, T] = A(
+  ), [Y, $] = B(
     i
   ), q = r ?? ee, Z = a ?? Y, te = at(
     () => new Set(Z),
     [Z]
   ), P = Math.max(
     0,
-    e.findIndex((M) => M.id === q)
-  ), X = e[P] ?? e[0], J = e.length <= 1 ? 100 : P / (e.length - 1) * 100, E = (M) => {
-    a || T(M), u == null || u(M);
-  }, R = (M) => {
-    const G = e.find((V) => V.id === M);
-    G && (r || z(M), c == null || c(M, G));
-  }, U = (M) => te.has(M), _ = (M) => e.slice(0, M).find((G) => !G.optional && !te.has(G.id)), oe = (M) => {
-    const G = e[M];
-    return !G || G.disabled ? !1 : M === P || f && M < P ? !0 : !_(M);
-  }, W = (M) => {
-    const G = e.findIndex((V) => V.id === M);
+    e.findIndex((A) => A.id === q)
+  ), X = e[P] ?? e[0], J = e.length <= 1 ? 100 : P / (e.length - 1) * 100, 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) => {
+    const G = e[A];
+    return !G || G.disabled ? !1 : A === P || f && A < P ? !0 : !_(A);
+  }, W = (A) => {
+    const G = e.findIndex((V) => V.id === A);
     return G >= 0 && oe(G);
-  }, s = (M) => {
-    const G = e.findIndex((V) => V.id === M);
+  }, s = (A) => {
+    const G = e.findIndex((V) => V.id === A);
     if (G < 0) return !1;
     if (!oe(G)) {
       const V = _(G);
       return V && (m == null || m(e[G], V)), !1;
     }
-    return R(M), !0;
-  }, y = (M = X == null ? void 0 : X.id) => {
-    !M || te.has(M) || E([...Z, M]);
-  }, D = (M = X == null ? void 0 : X.id) => {
-    if (!M) return;
-    const G = e.findIndex((re) => re.id === M), V = Z.filter((re) => {
+    return j(A), !0;
+  }, g = (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 && R(M);
-  }, j = () => P <= 0 ? !1 : s(e[P - 1].id), B = () => {
-    const M = e[P + 1];
-    return M ? s(M.id) : !1;
+    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 = {
     activeStep: X,
     activeIndex: P,
     completedStepIds: Z,
     isCompleted: U,
     isUnlocked: W,
-    completeStep: y,
-    uncompleteStep: D,
+    completeStep: g,
+    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(
@@ -8615,8 +8621,8 @@ function $c({
                   style: {
                     gridTemplateColumns: `repeat(${e.length}, minmax(0, 1fr))`
                   },
-                  children: e.map((M, G) => {
-                    const V = M.id === X.id, re = U(M.id), me = oe(G), se = _(G);
+                  children: e.map((A, G) => {
+                    const V = A.id === X.id, re = U(A.id), me = oe(G), se = _(G);
                     return /* @__PURE__ */ l(
                       "button",
                       {
@@ -8624,8 +8630,8 @@ function $c({
                         disabled: !me,
                         "aria-current": V ? "step" : void 0,
                         "aria-disabled": !me,
-                        title: !me && se ? `Completa ${se.title}` : M.title,
-                        onClick: () => s(M.id),
+                        title: !me && se ? `Completa ${se.title}` : A.title,
+                        onClick: () => s(A.id),
                         className: it(
                           "group relative min-h-16 min-w-0 overflow-hidden rounded-md border p-3 text-left transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)]/35 disabled:cursor-not-allowed",
                           V && "border-[var(--primary)] bg-[var(--bg-card)] shadow-sm",
@@ -8668,17 +8674,17 @@ function $c({
                                   children: [
                                     G + 1,
                                     ". ",
-                                    M.title
+                                    A.title
                                   ]
                                 }
                               ),
-                              M.description && /* @__PURE__ */ t("span", { className: "mt-1 block truncate text-[11px] text-[var(--text-muted)]", children: M.description })
+                              A.description && /* @__PURE__ */ t("span", { className: "mt-1 block truncate text-[11px] text-[var(--text-muted)]", children: A.description })
                             ] }),
-                            M.badge && /* @__PURE__ */ t("span", { className: "shrink-0", children: M.badge })
+                            A.badge && /* @__PURE__ */ t("span", { className: "shrink-0", children: A.badge })
                           ] })
                         ]
                       },
-                      M.id
+                      A.id
                     );
                   })
                 }
@@ -8713,7 +8719,7 @@ function $c({
                   padding: "0 14px",
                   icon: /* @__PURE__ */ t(Tt, {}),
                   disabled: !pe,
-                  onClick: j,
+                  onClick: R,
                   children: h
                 }
               ),
@@ -8736,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
                 }
               )
             ]
@@ -8784,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), T = 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}`
@@ -8823,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: [
-        T,
+        $,
         q ? `/${q}` : ""
       ] })
     ] }) : J;
@@ -9032,14 +9038,14 @@ function ys({
   labelSize: h = "xs",
   avatarVersion: x = 0,
   className: v = "",
-  style: L
+  style: T
 }) {
   var U;
-  const [S, w] = A(!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] || "?", T = typeof process < "u" && ((U = process.env) == null ? void 0 : U.NEXT_PUBLIC_BASE_PATH) || "", q = xs(r, n), Z = gs(T, "/favicon.svg"), te = k ? `${T}/api/user/avatar/${k}${x ? `?v=${x}` : ""}` : "", X = {
+  const { wh: O, text: ee } = ms[a], z = fa(n) || fa(r) || m, Y = z.trim()[0] || "?", $ = 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,
@@ -9049,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",
         {
@@ -9069,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}`
@@ -9077,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
     }
@@ -9100,12 +9106,12 @@ function ys({
         ]
       }
     );
-  const E = c ?? !0, R = u ?? z;
-  return E && R ? /* @__PURE__ */ t(
+  const L = c ?? !0, j = u ?? z;
+  return L && j ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
-      content: R,
+      content: j,
       className: `inline-flex flex-shrink-0 ${f}`,
       children: J
     }
@@ -9132,7 +9138,7 @@ function ks({
   onLogout: f,
   LinkComponent: p = ws
 }) {
-  const [h, x] = A(!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(
@@ -9178,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}/`);
@@ -9198,7 +9204,7 @@ function ks({
                     w.href
                   );
                 }) })
-              ] }, L))
+              ] }, T))
             }
           ),
           /* @__PURE__ */ l("div", { className: "border-t border-white/10 p-3", children: [
@@ -9349,7 +9355,7 @@ function Tc({
   contained: h = !1,
   LinkComponent: x = Ss
 }) {
-  const v = le(null), [L, S] = A(!1), [w, k] = A(f ?? "/"), [O, ee] = A(() => ha()), [z, Y] = A(null), T = f ?? w, q = m ?? Ls(T), Z = i ?? Ms(T), te = p && !O && q.length > 1, P = !te;
+  const v = le(null), [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(() => {
@@ -9359,7 +9365,7 @@ function Tc({
       S(!1);
       return;
     }
-    let J = null, E = 0, R = 0;
+    let J = null, L = 0, j = 0;
     const U = () => {
       const W = v.current, s = document.querySelector(
         "[data-app-scroll='true']"
@@ -9373,8 +9379,8 @@ function Tc({
     }, oe = () => {
       J == null || J.removeEventListener("scroll", _), J = U(), J.addEventListener("scroll", _, { passive: !0 }), _();
     };
-    return oe(), E = window.requestAnimationFrame(oe), R = window.setTimeout(oe, 120), () => {
-      window.cancelAnimationFrame(E), window.clearTimeout(R), J == null || J.removeEventListener("scroll", _);
+    return oe(), L = window.requestAnimationFrame(oe), j = window.setTimeout(oe, 120), () => {
+      window.cancelAnimationFrame(L), window.clearTimeout(j), J == null || J.removeEventListener("scroll", _);
     };
   }, [h]), Q(() => {
     if (h) {
@@ -9382,62 +9388,62 @@ function Tc({
       return;
     }
     let J = 0;
-    const E = [], R = () => {
-      const D = v.current, j = D == null ? void 0 : D.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 (!D || !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, I = ce.left + parseFloat(pe.paddingLeft || "0"), M = {
-        marginLeft: Math.round($.left - I),
+      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 === M.marginLeft && G.width === M.width ? G : M
+        (G) => G && G.marginLeft === A.marginLeft && G.width === A.width ? G : A
       );
     }, U = () => {
-      window.cancelAnimationFrame(J), J = window.requestAnimationFrame(R);
+      window.cancelAnimationFrame(J), J = window.requestAnimationFrame(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']"
-    ), y = tn(s) ?? s;
-    return [W, s, y].forEach((D) => {
-      D && _.observe(D);
-    }), E.push(window.setTimeout(U, 120)), E.push(window.setTimeout(U, 280)), () => {
-      window.cancelAnimationFrame(J), window.removeEventListener("resize", U), _.disconnect(), E.forEach((D) => window.clearTimeout(D));
+    ), g = tn(s) ?? s;
+    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",
@@ -9447,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 R = 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 && !R ? /* @__PURE__ */ t(
+                                  J.href && !j ? /* @__PURE__ */ t(
                                     x,
                                     {
                                       href: J.href,
@@ -9473,17 +9479,17 @@ function Tc({
                                   ) : /* @__PURE__ */ t(
                                     "span",
                                     {
-                                      "aria-current": R ? "page" : void 0,
-                                      className: R ? "truncate font-semibold" : "truncate",
+                                      "aria-current": j ? "page" : void 0,
+                                      className: j ? "truncate font-semibold" : "truncate",
                                       style: {
-                                        color: R ? "var(--text-main)" : "var(--text-muted)"
+                                        color: j ? "var(--text-main)" : "var(--text-muted)"
                                       },
                                       children: J.label
                                     }
                                   )
                                 ]
                               },
-                              `${J.label}-${E}`
+                              `${J.label}-${L}`
                             );
                           })
                         }
@@ -9493,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)"
                             },
@@ -9508,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
                                   }
@@ -9522,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
                                   }
@@ -9532,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
                                 }
                               )
@@ -9548,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,
                   {
@@ -9597,7 +9603,7 @@ function Dc({
   src: r,
   projectKey: n
 }) {
-  const [a, i] = A("system"), c = le(null);
+  const [a, i] = B("system"), c = le(null);
   Q(() => {
     i(va());
     const f = new MutationObserver(
@@ -9622,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", {
@@ -9661,7 +9667,7 @@ function Dc({
   ) });
 }
 function Bc() {
-  const [e, r] = A(""), [n, a] = A(!1), [i, c] = A({ 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) => {
@@ -9728,7 +9734,7 @@ function Oc({
   return /* @__PURE__ */ t(Nl, { position: e, theme: r, richColors: !0, closeButton: !0 });
 }
 function Ic(e) {
-  const [r, n] = A({}), [a, i] = A(!1), c = we(
+  const [r, n] = B({}), [a, i] = B(!1), c = we(
     (p) => a || r[p] ? e[p] : void 0,
     [e, a, r]
   ), u = we((p) => {