bonsaif-ui 0.1.40 → 0.1.41

package/dist/bonsaif-ui.js

@@ -160,32 +160,32 @@ function Ut({
   tooltipStyle: w,
   as: k = "div"
 }) {
-  const f = se(null), C = se(null), N = se(null), x = se(!1), [y, A] = L(null), [K, B] = L("");
+  const f = se(null), C = se(null), N = se(null), x = se(!1), [y, A] = L(null), [Y, B] = L("");
   Q(() => {
     const S = f.current;
     S && (S.querySelectorAll("[title]").forEach((O) => {
-      const _ = O.getAttribute("title");
-      _ && (O.getAttribute("aria-label") || O.setAttribute("aria-label", _), O.removeAttribute("title"));
+      const R = O.getAttribute("title");
+      R && (O.getAttribute("aria-label") || O.setAttribute("aria-label", R), O.removeAttribute("title"));
     }), S.querySelectorAll("svg title").forEach((O) => O.remove()));
   }), Ao(() => {
     if (!y) return;
     const S = C.current;
     if (!S) return;
-    const O = 12, _ = 14, I = S.getBoundingClientRect(), ee = window.innerWidth - I.width - O, z = window.innerHeight - I.height - O;
-    let h = y.mouseX + _, R = y.mouseY + _, q, ae;
+    const O = 12, R = 14, I = S.getBoundingClientRect(), ee = window.innerWidth - I.width - O, H = window.innerHeight - I.height - O;
+    let h = y.mouseX + R, _ = y.mouseY + R, q, ae;
     if (!i && f.current) {
       const re = f.current.getBoundingClientRect(), ve = re.left + re.width / 2, M = re.top + re.height / 2;
-      c === "top" ? (h = ve - I.width / 2, R = re.top - I.height - _, ae = I.height - 1) : c === "left" ? (h = re.left - I.width - _, R = M - I.height / 2, q = I.width - 1) : c === "right" ? (h = re.right + _, R = M - I.height / 2, q = -7) : (h = ve - I.width / 2, R = re.bottom + _, ae = -7);
+      c === "top" ? (h = ve - I.width / 2, _ = re.top - I.height - R, ae = I.height - 1) : c === "left" ? (h = re.left - I.width - R, _ = M - I.height / 2, q = I.width - 1) : c === "right" ? (h = re.right + R, _ = M - I.height / 2, q = -7) : (h = ve - I.width / 2, _ = re.bottom + R, ae = -7);
     }
-    if (i && (h > ee && (h = y.mouseX - I.width - _), R > z && (R = y.mouseY - I.height - _)), h = Math.min(Math.max(O, h), Math.max(O, ee)), R = Math.min(Math.max(O, R), Math.max(O, z)), !i && f.current) {
+    if (i && (h > ee && (h = y.mouseX - I.width - R), _ > H && (_ = y.mouseY - I.height - R)), h = Math.min(Math.max(O, h), Math.max(O, ee)), _ = Math.min(Math.max(O, _), Math.max(O, H)), !i && f.current) {
       const re = f.current.getBoundingClientRect(), ve = re.left + re.width / 2, M = re.top + re.height / 2;
-      c === "top" || c === "bottom" ? q = Math.min(Math.max(14, ve - h), I.width - 14) : ae = Math.min(Math.max(14, M - R), I.height - 14);
+      c === "top" || c === "bottom" ? q = Math.min(Math.max(14, ve - h), I.width - 14) : ae = Math.min(Math.max(14, M - _), I.height - 14);
     }
-    (Math.abs(h - y.x) > 0.5 || Math.abs(R - y.y) > 0.5 || q !== y.arrowX || ae !== y.arrowY) && A(
+    (Math.abs(h - y.x) > 0.5 || Math.abs(_ - y.y) > 0.5 || q !== y.arrowX || ae !== y.arrowY) && A(
       (re) => re && {
         ...re,
         x: h,
-        y: R,
+        y: _,
         arrowX: q,
         arrowY: ae
       }
@@ -193,32 +193,32 @@ function Ut({
   }, [i, c, y]);
   const V = () => {
     N.current && (window.clearTimeout(N.current), N.current = null);
-  }, E = (S, O) => {
+  }, $ = (S, O) => {
     if (!Sl() || x.current) return;
-    const _ = f.current;
-    if (_ && !hr(_)) {
+    const R = f.current;
+    if (R && !hr(R)) {
       if (a) {
-        const I = El(_);
+        const I = El(R);
         if (!I) return;
         B(I);
       }
       !a && !r || A({ mouseX: S, mouseY: O, x: S + 14, y: O + 14 });
     }
-  }, H = () => {
+  }, j = () => {
     const S = f.current;
     if (!S) return;
     const O = S.getBoundingClientRect();
-    E(O.left + O.width / 2, O.bottom);
-  }, Y = () => {
+    $(O.left + O.width / 2, O.bottom);
+  }, K = () => {
     V(), A(null);
   }, X = () => {
     if (!n) {
-      Y();
+      K();
       return;
     }
     V(), N.current = window.setTimeout(() => A(null), 120);
-  }, j = () => {
-    fr(), x.current = !0, Y();
+  }, F = () => {
+    fr(), x.current = !0, K();
   }, U = () => {
     x.current = !1;
   };
@@ -232,16 +232,16 @@ function Ut({
       fr(), x.current = !0, A(null);
     };
     document.addEventListener("pointerdown", O, !0), document.addEventListener("click", O, !0), document.addEventListener("scroll", S, !0), window.addEventListener("blur", S), document.addEventListener("visibilitychange", S), document.addEventListener("keydown", S, !0);
-    const _ = new MutationObserver(() => {
+    const R = new MutationObserver(() => {
       hr(f.current) && A(null);
     });
-    return _.observe(document.body, {
+    return R.observe(document.body, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       attributeFilter: ["role", "aria-modal", "aria-hidden", "class"]
     }), () => {
-      document.removeEventListener("pointerdown", O, !0), document.removeEventListener("click", O, !0), document.removeEventListener("scroll", S, !0), window.removeEventListener("blur", S), document.removeEventListener("visibilitychange", S), document.removeEventListener("keydown", S, !0), _.disconnect();
+      document.removeEventListener("pointerdown", O, !0), document.removeEventListener("click", O, !0), document.removeEventListener("scroll", S, !0), window.removeEventListener("blur", S), document.removeEventListener("visibilitychange", S), document.removeEventListener("keydown", S, !0), R.disconnect();
     };
   }, [y]), Q(() => {
     const S = () => fr(), O = () => {
@@ -254,7 +254,7 @@ function Ut({
       );
     };
   }, []);
-  const G = a ? K : r;
+  const G = a ? Y : r;
   return /* @__PURE__ */ l(ze, { children: [
     /* @__PURE__ */ t(
       k,
@@ -265,18 +265,18 @@ function Ut({
         className: m,
         style: p,
         onMouseEnter: (S) => {
-          V(), U(), i ? E(S.clientX, S.clientY) : H();
+          V(), U(), i ? $(S.clientX, S.clientY) : j();
         },
         onMouseMove: (S) => {
-          y && i && E(S.clientX, S.clientY);
+          y && i && $(S.clientX, S.clientY);
         },
-        onMouseDown: j,
-        onClick: j,
+        onMouseDown: F,
+        onClick: F,
         onMouseLeave: () => {
           U(), X();
         },
-        onFocus: H,
-        onBlur: Y,
+        onFocus: j,
+        onBlur: K,
         children: e
       }
     ),
@@ -385,23 +385,23 @@ function Be({
   style: k,
   ...f
 }) {
-  const C = Do(Sn), N = c ?? C.iconOnly ?? e === "icon", x = C.compact ?? !1, y = C.headerAction ?? !1, A = y && r === "md" ? "sm" : x && !y && r === "md" ? "xs" : r, K = e === "icon" || N, B = y && K, V = oa(b), E = i ?? f.title ?? f["aria-label"] ?? (N ? V : void 0), H = E ? void 0 : f.title, Y = f["aria-label"] ?? (typeof E == "string" ? E : V || void 0), X = a ? null : n ?? (N ? Bl(b) : null), j = /* @__PURE__ */ l(
+  const C = Do(Sn), N = c ?? C.iconOnly ?? e === "icon", x = C.compact ?? !1, y = C.headerAction ?? !1, A = y && r === "md" ? "sm" : x && !y && r === "md" ? "xs" : r, Y = e === "icon" || N, B = y && Y, V = oa(b), $ = i ?? f.title ?? f["aria-label"] ?? (N ? V : void 0), j = $ ? void 0 : f.title, K = f["aria-label"] ?? (typeof $ == "string" ? $ : V || void 0), X = a ? null : n ?? (N ? Bl(b) : null), F = /* @__PURE__ */ l(
     "button",
     {
       ...f,
-      title: H,
-      "aria-label": Y,
+      title: j,
+      "aria-label": K,
       "data-variant": e,
       "data-size": A,
-      "data-icon": K ? "true" : void 0,
+      "data-icon": Y ? "true" : void 0,
       disabled: w || a,
-      className: `${$l} ${B ? Ml : Ll[e]} ${K ? Al[A] : Tl[A]} ${x && !K ? "px-2.5" : ""} ${p}`,
+      className: `${$l} ${B ? Ml : Ll[e]} ${Y ? Al[A] : Tl[A]} ${x && !Y ? "px-2.5" : ""} ${p}`,
       style: {
         ...Dl[e],
         height: Ya(d),
         padding: Ya(m),
         ...k,
-        ...y && !K ? {
+        ...y && !Y ? {
           height: "var(--page-header-control-height, 34px)",
           padding: "0 var(--page-header-control-padding-x, 10px)",
           borderRadius: "8px"
@@ -420,15 +420,15 @@ function Be({
       ]
     }
   );
-  return E ? /* @__PURE__ */ t(
+  return $ ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
-      content: E,
+      content: $,
       className: "inline-flex shrink-0",
-      children: j
+      children: F
     }
-  ) : j;
+  ) : F;
 }
 function Ol({
   variant: e = "page",
@@ -577,48 +577,48 @@ function js({
   emptyState: x,
   loadingState: y,
   errorState: A = Fl,
-  renderTabLabel: K,
+  renderTabLabel: Y,
   searchableTabs: B = "auto",
   tabsSearchThreshold: V = 6,
-  tabsSearchPlaceholder: E = "Buscar modulo...",
-  tabsSearchValue: H,
-  onTabsSearchChange: Y,
+  tabsSearchPlaceholder: $ = "Buscar modulo...",
+  tabsSearchValue: j,
+  onTabsSearchChange: K,
   emptySearchState: X,
-  showTabCount: j = !0,
+  showTabCount: F = !0,
   className: U = "",
   parentClassName: G = "",
   contentClassName: S = "",
   tabsClassName: O = ""
 }) {
   var qe;
-  const _ = it(
+  const R = it(
     () => c.filter(
       (Z) => !Z.hidden && ((k == null ? void 0 : k(Z, i)) ?? !0)
     ),
     [k, i, c]
-  ), I = (qe = _.find(
+  ), I = (qe = R.find(
     (Z) => !Z.disabled
-  )) == null ? void 0 : qe.service, [ee, z] = L(
+  )) == null ? void 0 : qe.service, [ee, H] = L(
     p ?? I ?? ""
-  ), [h, R] = L({}), [q, ae] = L({}), [re, ve] = L(""), [M, me] = L(!1), T = se(q), ie = se(0), pe = H ?? re, W = Ga(pe), te = B === !0 || B === "auto" && _.length >= V, J = te && pe.trim().length > 0, ne = it(() => W ? _.filter(
+  ), [h, _] = L({}), [q, ae] = L({}), [re, ve] = L(""), [M, me] = L(!1), T = se(q), ie = se(0), pe = j ?? re, W = Ga(pe), te = B === !0 || B === "auto" && R.length >= V, J = te && pe.trim().length > 0, ne = it(() => W ? R.filter(
     (Z) => Ga(jl(Z)).includes(W)
-  ) : _, [W, _]), xe = b ?? ee, le = _.find((Z) => Z.service === xe) ?? _.find((Z) => !Z.disabled);
+  ) : R, [W, R]), xe = b ?? ee, le = R.find((Z) => Z.service === xe) ?? R.find((Z) => !Z.disabled);
   Q(() => {
-    !le && I && z(I);
+    !le && I && H(I);
   }, [I, le]), Q(() => {
     T.current = q;
   }, [q]);
-  const $ = (Z) => {
-    Z.disabled || (b || z(Z.service), w == null || w(Z.service, Z));
+  const E = (Z) => {
+    Z.disabled || (b || H(Z.service), w == null || w(Z.service, Z));
   }, P = (Z) => {
-    H === void 0 && ve(Z), Y == null || Y(Z);
+    j === void 0 && ve(Z), K == null || K(Z);
   }, ce = (Z, Me) => {
     const Te = ne.filter((De) => !De.disabled), _e = Te.findIndex(
       (De) => De.service === Me.service
     );
-    _e < 0 || ((Z.key === "ArrowRight" || Z.key === "ArrowDown") && (Z.preventDefault(), $(Te[(_e + 1) % Te.length])), (Z.key === "ArrowLeft" || Z.key === "ArrowUp") && (Z.preventDefault(), $(
+    _e < 0 || ((Z.key === "ArrowRight" || Z.key === "ArrowDown") && (Z.preventDefault(), E(Te[(_e + 1) % Te.length])), (Z.key === "ArrowLeft" || Z.key === "ArrowUp") && (Z.preventDefault(), E(
       Te[(_e - 1 + Te.length) % Te.length]
-    )), Z.key === "Home" && (Z.preventDefault(), $(Te[0])), Z.key === "End" && (Z.preventDefault(), $(Te[Te.length - 1])));
+    )), Z.key === "Home" && (Z.preventDefault(), E(Te[0])), Z.key === "End" && (Z.preventDefault(), E(Te[Te.length - 1])));
   }, de = Ce(() => {
     if (!le) return;
     const Z = le.service, Me = T.current[Z];
@@ -655,12 +655,12 @@ function js({
   }, [i, f, m, d, le]);
   Q(de, [de]);
   const Se = le ? h[le.service] ?? null : null, be = le ? q[le.service] : void 0, Ee = be == null ? void 0 : be.component, Ne = (Z) => {
-    le && R((Me) => ({
+    le && _((Me) => ({
       ...Me,
       [le.service]: Z
     }));
   }, ue = () => {
-    le && R((Z) => ({
+    le && _((Z) => ({
       ...Z,
       [le.service]: null
     }));
@@ -668,13 +668,13 @@ function js({
     context: i,
     parent: n,
     links: c,
-    visibleLinks: _,
+    visibleLinks: R,
     filteredLinks: ne,
     selectedLink: le,
     selectedService: le == null ? void 0 : le.service,
     activeItemId: Se,
     tabsSearch: pe,
-    onSelectService: $,
+    onSelectService: E,
     onOpenDetail: Ne,
     onBackToList: ue
   }, Qe = a ? a(Fe) : r ? /* @__PURE__ */ t(r, { ...Fe }) : e;
@@ -695,16 +695,16 @@ function js({
           {
             className: `relative min-w-0 overflow-visible rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${S}`,
             children: [
-              (C || N || te || j) && /* @__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: [
+              (C || N || te || F) && /* @__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: [
                   C && /* @__PURE__ */ t("h2", { className: "truncate text-sm font-semibold text-[var(--text-main)]", children: C }),
                   N && /* @__PURE__ */ t("p", { className: "mt-1 line-clamp-2 text-xs text-[var(--text-muted)]", children: N })
                 ] }),
-                (te || j) && /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-shrink-0 items-center justify-end gap-2", children: [
-                  j && /* @__PURE__ */ l("span", { className: "hidden text-xs font-semibold text-[var(--text-muted)] transition-opacity duration-200 sm:inline", children: [
+                (te || F) && /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-shrink-0 items-center justify-end gap-2", children: [
+                  F && /* @__PURE__ */ l("span", { className: "hidden text-xs font-semibold text-[var(--text-muted)] transition-opacity duration-200 sm:inline", children: [
                     ne.length,
                     " / ",
-                    _.length
+                    R.length
                   ] }),
                   te && /* @__PURE__ */ l(ze, { children: [
                     /* @__PURE__ */ t(
@@ -717,7 +717,7 @@ function js({
                           {
                             value: pe,
                             onChange: P,
-                            placeholder: E,
+                            placeholder: $,
                             className: "w-full",
                             autoFocus: M,
                             forceExpanded: !0,
@@ -759,10 +759,10 @@ function js({
                         role: "tab",
                         "aria-selected": Me,
                         disabled: Z.disabled,
-                        onClick: () => $(Z),
+                        onClick: () => E(Z),
                         onKeyDown: (Te) => ce(Te, Z),
                         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: K ? K(Z, Me) : /* @__PURE__ */ l(ze, { children: [
+                        children: Y ? Y(Z, Me) : /* @__PURE__ */ l(ze, { children: [
                           Z.icon,
                           /* @__PURE__ */ t("span", { children: Z.label ?? Ln(Z.service) }),
                           Z.badge && /* @__PURE__ */ t("span", { className: "rounded-full bg-[var(--bg-input)] px-1.5 py-0.5 text-[10px] text-[var(--text-muted)]", children: Z.badge })
@@ -922,40 +922,40 @@ function Fs({
   const i = Wl(), d = Tn(e || i), m = n === "popover", [b, p] = L(!1), w = se(null), [k, f] = L({
     horizontal: "left",
     vertical: "bottom"
-  }), [C, N] = L(d.year), [x, y] = L(d.month), [A, K] = L("days"), B = 16, [V, E] = L(0), H = C - 7 + V, Y = Array.from({ length: B }, (z, h) => H + h);
+  }), [C, N] = L(d.year), [x, y] = L(d.month), [A, Y] = L("days"), B = 16, [V, $] = L(0), j = C - 7 + V, K = Array.from({ length: B }, (H, h) => j + h);
   Q(() => {
     if (!m || !b || !w.current) return;
-    const z = w.current.getBoundingClientRect(), h = 8, R = 280, q = 340, ae = z.left + R > window.innerWidth - h, re = z.right - R >= h, ve = z.bottom + 8 + q > window.innerHeight - h, M = z.top - 8 - q >= h;
+    const H = w.current.getBoundingClientRect(), h = 8, _ = 280, q = 340, ae = H.left + _ > window.innerWidth - h, re = H.right - _ >= h, ve = H.bottom + 8 + q > window.innerHeight - h, M = H.top - 8 - q >= h;
     f({
       horizontal: ae && re ? "right" : "left",
       vertical: ve && M ? "top" : "bottom"
     });
   }, [m, b]), Q(() => {
     if (!m || !b) return;
-    function z(R) {
-      w.current && (w.current.contains(R.target) || p(!1));
+    function H(_) {
+      w.current && (w.current.contains(_.target) || p(!1));
     }
-    function h(R) {
-      R.key === "Escape" && p(!1);
+    function h(_) {
+      _.key === "Escape" && p(!1);
     }
-    return document.addEventListener("mousedown", z), document.addEventListener("keydown", h), () => {
-      document.removeEventListener("mousedown", z), document.removeEventListener("keydown", h);
+    return document.addEventListener("mousedown", H), document.addEventListener("keydown", h), () => {
+      document.removeEventListener("mousedown", H), document.removeEventListener("keydown", h);
     };
   }, [m, b]);
   function X() {
-    x === 1 ? (N((z) => z - 1), y(12)) : y((z) => z - 1);
+    x === 1 ? (N((H) => H - 1), y(12)) : y((H) => H - 1);
   }
-  function j() {
-    x === 12 ? (N((z) => z + 1), y(1)) : y((z) => z + 1);
+  function F() {
+    x === 12 ? (N((H) => H + 1), y(1)) : y((H) => H + 1);
   }
   const U = new Date(C, x - 1, 1).getDay(), G = new Date(C, x, 0).getDate(), S = [
     ...Array(U).fill(null),
-    ...Array.from({ length: G }, (z, h) => h + 1)
+    ...Array.from({ length: G }, (H, h) => h + 1)
   ];
   for (; S.length < Xr * 7; ) S.push(null);
   const O = S.slice(0, Xr * 7);
-  function _(z) {
-    const h = la(C, x, z);
+  function R(H) {
+    const h = la(C, x, H);
     a && h < a || (r(h), m && p(!1));
   }
   const I = {
@@ -1005,7 +1005,7 @@ function Fs({
                 {
                   type: "button",
                   onClick: () => {
-                    K("years"), E(0);
+                    Y("years"), $(0);
                   },
                   style: {
                     background: "none",
@@ -1032,7 +1032,7 @@ function Fs({
                 "button",
                 {
                   type: "button",
-                  onClick: j,
+                  onClick: F,
                   style: I,
                   title: "Mes siguiente",
                   children: /* @__PURE__ */ t(st, { size: 16 })
@@ -1043,7 +1043,7 @@ function Fs({
                 "button",
                 {
                   type: "button",
-                  onClick: () => E((z) => z - B),
+                  onClick: () => $((H) => H - B),
                   style: I,
                   children: /* @__PURE__ */ t(Tt, { size: 16 })
                 }
@@ -1052,7 +1052,7 @@ function Fs({
                 "button",
                 {
                   type: "button",
-                  onClick: () => K("days"),
+                  onClick: () => Y("days"),
                   style: {
                     background: "none",
                     border: "none",
@@ -1064,9 +1064,9 @@ function Fs({
                     padding: "2px 6px"
                   },
                   children: [
-                    Y[0],
+                    K[0],
                     " – ",
-                    Y[Y.length - 1]
+                    K[K.length - 1]
                   ]
                 }
               ),
@@ -1074,7 +1074,7 @@ function Fs({
                 "button",
                 {
                   type: "button",
-                  onClick: () => E((z) => z + B),
+                  onClick: () => $((H) => H + B),
                   style: I,
                   children: /* @__PURE__ */ t(st, { size: 16 })
                 }
@@ -1092,8 +1092,8 @@ function Fs({
                 gap: 3,
                 marginBottom: 8
               },
-              children: _l.map((z, h) => {
-                const R = h + 1 === x;
+              children: _l.map((H, h) => {
+                const _ = h + 1 === x;
                 return /* @__PURE__ */ t(
                   "button",
                   {
@@ -1104,14 +1104,14 @@ function Fs({
                       cursor: "pointer",
                       borderRadius: 6,
                       fontSize: 11,
-                      fontWeight: R ? 700 : 400,
+                      fontWeight: _ ? 700 : 400,
                       padding: "4px 0",
-                      background: R ? "var(--primary)" : "transparent",
-                      color: R ? "var(--primary-fg, #ffffff)" : "var(--text-secondary)"
+                      background: _ ? "var(--primary)" : "transparent",
+                      color: _ ? "var(--primary-fg, #ffffff)" : "var(--text-secondary)"
                     },
-                    children: z
+                    children: H
                   },
-                  z
+                  H
                 );
               })
             }
@@ -1130,14 +1130,14 @@ function Fs({
                 gridTemplateColumns: "repeat(4,1fr)",
                 gap: 3
               },
-              children: Y.map((z) => {
-                const h = z === C;
+              children: K.map((H) => {
+                const h = H === C;
                 return /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      N(z), K("days");
+                      N(H), Y("days");
                     },
                     style: {
                       border: "none",
@@ -1148,12 +1148,12 @@ function Fs({
                       padding: "6px 0",
                       background: h ? "var(--primary)" : "transparent",
                       color: h ? "var(--primary-fg, #ffffff)" : "var(--text-main)",
-                      outline: z === (/* @__PURE__ */ new Date()).getFullYear() && !h ? "2px solid var(--primary)" : "none",
+                      outline: H === (/* @__PURE__ */ new Date()).getFullYear() && !h ? "2px solid var(--primary)" : "none",
                       outlineOffset: "-2px"
                     },
-                    children: z
+                    children: H
                   },
-                  z
+                  H
                 );
               })
             }
@@ -1168,7 +1168,7 @@ function Fs({
                 gridTemplateColumns: "repeat(7,1fr)",
                 padding: "6px 8px 0"
               },
-              children: Pl.map((z) => /* @__PURE__ */ t(
+              children: Pl.map((H) => /* @__PURE__ */ t(
                 "div",
                 {
                   style: {
@@ -1179,9 +1179,9 @@ function Fs({
                     padding: "2px 0",
                     textTransform: "uppercase"
                   },
-                  children: z
+                  children: H
                 },
-                z
+                H
               ))
             }
           ),
@@ -1195,15 +1195,15 @@ function Fs({
                 padding: "4px 8px 10px",
                 gap: 2
               },
-              children: O.map((z, h) => {
-                if (z === null)
+              children: O.map((H, h) => {
+                if (H === null)
                   return /* @__PURE__ */ t("div", { style: { aspectRatio: "1" } }, h);
-                const R = la(C, x, z), q = R === e, ae = R === i, re = !!(a && R < a);
+                const _ = la(C, x, H), q = _ === e, ae = _ === i, re = !!(a && _ < a);
                 return /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    onClick: () => !re && _(z),
+                    onClick: () => !re && R(H),
                     style: {
                       width: "100%",
                       aspectRatio: "1",
@@ -1218,7 +1218,7 @@ function Fs({
                       outline: ae && !q ? "2px solid var(--primary)" : "none",
                       outlineOffset: "-2px"
                     },
-                    children: z
+                    children: H
                   },
                   h
                 );
@@ -1234,7 +1234,7 @@ function Fs({
       "button",
       {
         type: "button",
-        onClick: () => p((z) => !z),
+        onClick: () => p((H) => !H),
         className: "flex h-10 w-full items-center justify-between gap-2 rounded-lg px-2.5 py-0 text-sm transition-all duration-150 focus:outline-none",
         style: {
           background: "var(--bg-input)",
@@ -1358,30 +1358,30 @@ function Dn({
   type: N = "button",
   ...x
 }) {
-  const [y, A] = L(!1), K = se(null);
+  const [y, A] = L(!1), Y = se(null);
   Q(() => () => {
-    K.current && window.clearTimeout(K.current);
+    Y.current && window.clearTimeout(Y.current);
   }, []);
-  function B(E) {
-    A(!0), b == null || b(E), K.current && window.clearTimeout(K.current), K.current = window.setTimeout(() => {
-      A(!1), K.current = null;
+  function B($) {
+    A(!0), b == null || b($), Y.current && window.clearTimeout(Y.current), Y.current = window.setTimeout(() => {
+      A(!1), Y.current = null;
     }, r);
   }
-  async function V(E) {
-    var Y;
-    if (m && E.stopPropagation(), C == null || C(E), E.defaultPrevented) return;
-    const H = Yl(e);
-    if (H)
+  async function V($) {
+    var K;
+    if (m && $.stopPropagation(), C == null || C($), $.defaultPrevented) return;
+    const j = Yl(e);
+    if (j)
       try {
-        await Kl(H), B(H);
+        await Kl(j), B(j);
       } catch (X) {
         try {
-          An(H), B(H);
-        } catch (j) {
-          p == null || p(j, H);
+          An(j), B(j);
+        } catch (F) {
+          p == null || p(F, j);
           return;
         }
-        (Y = navigator.clipboard) != null && Y.writeText || p == null || p(X, H);
+        (K = navigator.clipboard) != null && K.writeText || p == null || p(X, j);
       }
   }
   return /* @__PURE__ */ l(
@@ -1509,7 +1509,7 @@ function qt({
   searchable: x = !0,
   minOptionsForSearch: y = 6
 }) {
-  const [A, K] = L(!1), [B, V] = L(""), [E, H] = L(-1), [Y, X] = L(!1), [j, U] = L({}), G = se(null), S = se(null), O = se(null), _ = se(null), I = x && a.length >= y, ee = a.find((M) => M.value === e) ?? null, z = c === "ghost", h = n === "error" ? "var(--danger)" : A ? "var(--primary)" : "var(--border)", R = I && B.trim() ? a.filter(
+  const [A, Y] = L(!1), [B, V] = L(""), [$, j] = L(-1), [K, X] = L(!1), [F, U] = L({}), G = se(null), S = se(null), O = se(null), R = se(null), I = x && a.length >= y, ee = a.find((M) => M.value === e) ?? null, H = c === "ghost", h = n === "error" ? "var(--danger)" : A ? "var(--primary)" : "var(--border)", _ = I && B.trim() ? a.filter(
     (M) => {
       var me;
       return M.label.toLowerCase().includes(B.toLowerCase()) || ((me = M.sublabel) == null ? void 0 : me.toLowerCase().includes(B.toLowerCase()));
@@ -1533,11 +1533,11 @@ function qt({
     function M(me) {
       var ie, pe;
       const T = me.target;
-      !((ie = G.current) != null && ie.contains(T)) && !((pe = S.current) != null && pe.contains(T)) && (K(!1), V(""));
+      !((ie = G.current) != null && ie.contains(T)) && !((pe = S.current) != null && pe.contains(T)) && (Y(!1), V(""));
     }
     return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
   }, [A]), Q(() => {
-    A && (H(-1), q(), I && setTimeout(() => {
+    A && (j(-1), q(), I && setTimeout(() => {
       var M;
       return (M = O.current) == null ? void 0 : M.focus();
     }, 0));
@@ -1547,22 +1547,22 @@ function qt({
         window.removeEventListener("resize", q), window.removeEventListener("scroll", q, !0);
       };
   }, [A, q]), Q(() => {
-    if (E < 0 || !_.current) return;
-    const M = _.current.children[E];
+    if ($ < 0 || !R.current) return;
+    const M = R.current.children[$];
     M == null || M.scrollIntoView({ block: "nearest" });
-  }, [E]);
+  }, [$]);
   const ae = Ce(
     (M) => {
-      r(M), K(!1), V("");
+      r(M), Y(!1), V("");
     },
     [r]
   );
   function re(M) {
     if (!A) {
-      (M.key === "Enter" || M.key === " " || M.key === "ArrowDown") && (M.preventDefault(), K(!0));
+      (M.key === "Enter" || M.key === " " || M.key === "ArrowDown") && (M.preventDefault(), Y(!0));
       return;
     }
-    M.key === "Escape" ? (M.preventDefault(), K(!1), V("")) : M.key === "ArrowDown" ? (M.preventDefault(), H((me) => Math.min(me + 1, R.length - 1))) : M.key === "ArrowUp" ? (M.preventDefault(), H((me) => Math.max(me - 1, b ? -1 : 0))) : M.key === "Enter" && (M.preventDefault(), E === -1 && b ? ae("") : R[E] && ae(R[E].value));
+    M.key === "Escape" ? (M.preventDefault(), Y(!1), V("")) : M.key === "ArrowDown" ? (M.preventDefault(), j((me) => Math.min(me + 1, _.length - 1))) : M.key === "ArrowUp" ? (M.preventDefault(), j((me) => Math.max(me - 1, b ? -1 : 0))) : M.key === "Enter" && (M.preventDefault(), $ === -1 && b ? ae("") : _[$] && ae(_[$].value));
   }
   const ve = /* @__PURE__ */ l(
     "div",
@@ -1571,7 +1571,7 @@ function qt({
       "data-bonsaif-select-dropdown": "true",
       className: "rounded-xl shadow-xl overflow-hidden",
       style: {
-        ...j,
+        ...F,
         background: "var(--bg-card)",
         border: "1px solid var(--border)"
       },
@@ -1595,7 +1595,7 @@ function qt({
                   ref: O,
                   value: B,
                   onChange: (M) => {
-                    V(M.target.value), H(-1);
+                    V(M.target.value), j(-1);
                   },
                   placeholder: "Buscar…",
                   className: "min-w-0 flex-1 text-sm bg-transparent outline-none",
@@ -1624,7 +1624,7 @@ function qt({
         /* @__PURE__ */ l(
           "ul",
           {
-            ref: _,
+            ref: R,
             role: "listbox",
             className: "overflow-y-auto",
             style: {
@@ -1642,18 +1642,18 @@ function qt({
                   onMouseDown: (M) => {
                     M.preventDefault(), ae("");
                   },
-                  onMouseEnter: () => H(-1),
+                  onMouseEnter: () => j(-1),
                   className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-sm transition-colors",
                   style: {
-                    background: E === -1 ? "var(--bg-hover)" : "transparent",
+                    background: $ === -1 ? "var(--bg-hover)" : "transparent",
                     color: "var(--text-muted)",
                     fontStyle: "italic"
                   },
                   children: b
                 }
               ),
-              R.map((M, me) => {
-                const ie = me === E, pe = M.value === e;
+              _.map((M, me) => {
+                const ie = me === $, pe = M.value === e;
                 return /* @__PURE__ */ l(
                   "li",
                   {
@@ -1662,7 +1662,7 @@ function qt({
                     onMouseDown: (W) => {
                       W.preventDefault(), M.disabled || ae(M.value);
                     },
-                    onMouseEnter: () => !M.disabled && H(me),
+                    onMouseEnter: () => !M.disabled && j(me),
                     className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-sm transition-colors",
                     style: {
                       background: ie ? "var(--bg-hover)" : pe ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
@@ -1702,7 +1702,7 @@ function qt({
                   M.value
                 );
               }),
-              R.length === 0 && /* @__PURE__ */ t(
+              _.length === 0 && /* @__PURE__ */ t(
                 "li",
                 {
                   className: "px-3 py-4 text-sm text-center",
@@ -1729,14 +1729,14 @@ function qt({
           {
             type: "button",
             disabled: p,
-            onClick: () => !p && K((M) => !M),
+            onClick: () => !p && Y((M) => !M),
             className: "flex w-full items-center gap-2 rounded-lg text-left text-sm transition-colors focus:outline-none",
             style: {
               height: Zr(C),
               padding: Zr(N),
-              background: z ? "transparent" : "var(--bg-input)",
+              background: H ? "transparent" : "var(--bg-input)",
               color: ee ? "var(--text-main)" : "var(--text-muted)",
-              border: z ? "1px solid transparent" : `1px solid ${h}`,
+              border: H ? "1px solid transparent" : `1px solid ${h}`,
               opacity: p ? 0.5 : 1,
               cursor: p ? "not-allowed" : "pointer"
             },
@@ -1787,7 +1787,7 @@ function qt({
             ]
           }
         ),
-        A && Y && Ze(ve, document.body)
+        A && K && Ze(ve, document.body)
       ]
     }
   );
@@ -1894,16 +1894,17 @@ function Bn({
   bodyClassName: x = "px-6 py-5",
   panelClassName: y = "",
   backdropClassName: A = Xl,
-  contentClassName: K = "p-4",
+  contentClassName: Y = "p-4",
   ariaLabel: B,
-  frameless: V = !1
+  frameless: V = !1,
+  disabled: $ = !1
 }) {
-  const [E, H] = L(!1), [Y, X] = L(!1), j = se(null);
-  if (Q(() => (e ? (j.current && clearTimeout(j.current), H(!0), requestAnimationFrame(() => requestAnimationFrame(() => X(!0)))) : (X(!1), j.current = setTimeout(
-    () => H(!1),
+  const [j, K] = L(!1), [X, F] = L(!1), U = se(null);
+  if (Q(() => (e ? (U.current && clearTimeout(U.current), K(!0), requestAnimationFrame(() => requestAnimationFrame(() => F(!0)))) : (F(!1), U.current = setTimeout(
+    () => K(!1),
     vr + 40
   )), () => {
-    j.current && clearTimeout(j.current);
+    U.current && clearTimeout(U.current);
   }), [e]), Q(() => {
     if (e)
       return document.body.style.overflow = "hidden", () => {
@@ -1911,12 +1912,12 @@ function Bn({
       };
   }, [e]), Q(() => {
     if (!e || !f) return;
-    const I = (ee) => {
-      ee.key === "Escape" && r();
+    const ee = (H) => {
+      H.key === "Escape" && r();
     };
-    return window.addEventListener("keydown", I), () => window.removeEventListener("keydown", I);
-  }, [f, r, e]), !E) return null;
-  const U = a || n || i || c || C, G = p ?? Gl[b], S = N === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", O = N === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", _ = Y ? "translateY(0) scale(1)" : N === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
+    return window.addEventListener("keydown", ee), () => window.removeEventListener("keydown", ee);
+  }, [f, r, e]), !j) return null;
+  const G = a || n || i || c || C, S = p ?? Gl[b], O = N === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", R = N === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", I = X ? "translateY(0) scale(1)" : N === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
   return Ze(
     /* @__PURE__ */ l(
       "div",
@@ -1925,7 +1926,7 @@ function Bn({
         "aria-modal": "true",
         "data-bonsaif-overlay": "true",
         "aria-label": B ?? a,
-        className: `fixed inset-0 flex ${S} ${K}`,
+        className: `fixed inset-0 flex ${O} ${Y}`,
         style: { zIndex: w },
         children: [
           /* @__PURE__ */ t(
@@ -1934,7 +1935,7 @@ function Bn({
               className: `absolute inset-0 ${A}`,
               onClick: k ? r : void 0,
               style: {
-                opacity: Y ? 1 : 0,
+                opacity: X ? 1 : 0,
                 transition: `opacity ${vr}ms ease`
               }
             }
@@ -1942,18 +1943,28 @@ function Bn({
           /* @__PURE__ */ l(
             "div",
             {
-              className: `relative z-10 flex max-h-[92dvh] w-full flex-col overflow-hidden ${V ? "shadow-none" : "shadow-2xl"} ${O} ${y}`,
+              className: `relative z-10 flex max-h-[92dvh] w-full flex-col overflow-hidden ${V ? "shadow-none" : "shadow-2xl"} ${R} ${y}`,
               style: {
-                maxWidth: G,
+                maxWidth: S,
                 background: V ? "transparent" : "var(--bg-card)",
                 border: V ? "none" : "1px solid var(--border)",
-                opacity: Y ? 1 : 0,
-                transform: _,
+                opacity: X ? 1 : 0,
+                transform: I,
                 transition: `opacity ${vr}ms ease, transform ${vr}ms ease`
               },
-              onClick: (I) => I.stopPropagation(),
+              onClick: (ee) => ee.stopPropagation(),
               children: [
-                U && /* @__PURE__ */ l(
+                $ && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: "absolute inset-0 z-[1002] cursor-not-allowed rounded-2xl",
+                    style: {
+                      background: "color-mix(in srgb, var(--bg-card, #ffffff) 60%, transparent)",
+                      backdropFilter: "blur(2px)"
+                    }
+                  }
+                ),
+                G && /* @__PURE__ */ l(
                   "div",
                   {
                     className: "flex flex-shrink-0 items-center justify-between gap-3 px-6 py-4",
@@ -2393,24 +2404,24 @@ function Us({
   selected: x,
   onToggleOne: y,
   onToggleAll: A,
-  highlightSelected: K = !0,
+  highlightSelected: Y = !0,
   rowClassName: B,
   getRowCategory: V,
-  stickyHeader: E = !0,
-  pageSize: H = 25,
-  pageSizeOptions: Y = [25, 50, 100],
+  stickyHeader: $ = !0,
+  pageSize: j = 25,
+  pageSizeOptions: K = [25, 50, 100],
   pageSizeSelectWidth: X = 62,
-  pageSizeSelectHeight: j = 30,
+  pageSizeSelectHeight: F = 30,
   pageSizeSelectPadding: U = "0 7px",
   totalRows: G,
   page: S,
   onPageChange: O,
-  onPageSizeChange: _,
+  onPageSizeChange: R,
   storageKey: I,
   stickyFirstColumn: ee = !1,
-  bottomOffset: z = 0,
+  bottomOffset: H = 0,
   compact: h = !0,
-  restrictHeight: R = !0,
+  restrictHeight: _ = !0,
   maxHeight: q,
   minTableWidth: ae,
   enableColumnVisibility: re = !0,
@@ -2427,7 +2438,7 @@ function Us({
   bqlPlaceholder: xe = `status = activo
 rol IN (admin, employee)`,
   bqlQuickFilters: le = [],
-  bqlExamples: $ = [],
+  bqlExamples: E = [],
   bqlSuggestions: P = [],
   bqlActiveFilters: ce,
   bqlError: de,
@@ -2461,22 +2472,22 @@ rol IN (admin, employee)`,
     function o() {
       no(window.innerWidth < 640);
     }
-    if (!R || q !== void 0)
+    if (!_ || q !== void 0)
       return o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
-    const g = H !== !1 ? 48 : 0, u = 12;
-    function F() {
+    const g = j !== !1 ? 48 : 0, u = 12;
+    function z() {
       if (o(), !ot.current) return;
       const v = ot.current.getBoundingClientRect().top;
       ro(
         Math.max(
           120,
-          window.innerHeight - v - g - u - z
+          window.innerHeight - v - g - u - H
         )
       );
     }
-    return F(), window.addEventListener("resize", F), () => window.removeEventListener("resize", F);
-  }, [n, H, z, R, q]);
-  const wa = R ? q ?? to : void 0;
+    return z(), window.addEventListener("resize", z), () => window.removeEventListener("resize", z);
+  }, [n, j, H, _, q]);
+  const wa = _ ? q ?? to : void 0;
   Q(() => {
     const o = ot.current;
     if (!o) return;
@@ -2503,7 +2514,7 @@ rol IN (admin, employee)`,
       e.map((o) => [o.key, at(o, pt(o.width))])
     )
   ), [$e, kt] = L(null), [oo, er] = L(1), [tr, jr] = L(
-    H === !1 ? 0 : H
+    j === !1 ? 0 : j
   );
   Q(() => {
     const o = Z.current, s = Me.current, g = o.map((v) => v.key), u = new Set(g);
@@ -2516,12 +2527,12 @@ rol IN (admin, employee)`,
       ), et.current = !1, _e(!0);
       return;
     }
-    let F = !1;
+    let z = !1;
     return et.current = !1, _e(!1), fetch(
       `/api/user/preferences/datatables?key=${encodeURIComponent(I)}`,
       { cache: "no-store" }
     ).then((v) => v.ok ? v.json() : null).then((v) => {
-      if (F) return;
+      if (z) return;
       const oe = Xa(I), D = li(v == null ? void 0 : v.settings) ? v == null ? void 0 : v.settings : oe, Le = ue.layout ? D == null ? void 0 : D.columnOrder : void 0, ke = Array.isArray(Le) ? Le.filter((Ae) => g.includes(Ae)) : [], fe = g.filter((Ae) => !ke.includes(Ae)), ge = ke.length > 0 ? [...ke, ...fe] : g, he = Object.fromEntries(
         o.map((Ae) => [
           Ae.key,
@@ -2570,7 +2581,7 @@ rol IN (admin, employee)`,
         pageSize: typeof (D == null ? void 0 : D.pageSize) == "number" ? D.pageSize : void 0
       }), et.current = !0;
     }).catch(() => {
-      if (!F) {
+      if (!z) {
         const v = Xa(I), oe = ue.layout ? v == null ? void 0 : v.columnOrder : void 0, D = Array.isArray(oe) ? oe.filter((we) => g.includes(we)) : [], Le = g.filter((we) => !D.includes(we)), ke = D.length > 0 ? [...D, ...Le] : g, fe = Object.fromEntries(
           o.map((we) => [
             we.key,
@@ -2627,9 +2638,9 @@ rol IN (admin, employee)`,
         }), et.current = !0;
       }
     }).finally(() => {
-      F || _e(!0);
+      z || _e(!0);
     }), () => {
-      F = !0;
+      z = !0;
     };
   }, [
     I,
@@ -2648,7 +2659,7 @@ rol IN (admin, employee)`,
   ]), Q(() => {
     if (!I || !Te || !Fe || !et.current) return;
     const o = {};
-    ue.layout && (o.columnOrder = wt, o.columnWidths = Nt, o.hiddenColumnKeys = Pe), ue.filters && (o.filters = We, o.conditionFilters = Ve), ue.sort && (o.sort = $e), ue.bql && (o.bql = tt, o.bqlHistory = It), ue.pagination && H !== !1 && (o.pageSize = tr);
+    ue.layout && (o.columnOrder = wt, o.columnWidths = Nt, o.hiddenColumnKeys = Pe), ue.filters && (o.filters = We, o.conditionFilters = Ve), ue.sort && (o.sort = $e), ue.bql && (o.bql = tt, o.bqlHistory = It), ue.pagination && j !== !1 && (o.pageSize = tr);
     const s = JSON.stringify(o);
     if (s === De.current) return;
     ii(I, o), De.current = s;
@@ -2672,7 +2683,7 @@ rol IN (admin, employee)`,
     tt,
     It,
     tr,
-    H,
+    j,
     I,
     Te,
     Fe,
@@ -2683,7 +2694,7 @@ rol IN (admin, employee)`,
     ue.pagination
   ]), Q(() => {
     zt((o) => {
-      const s = e.map((F) => F.key), g = o.filter((F) => s.includes(F)), u = s.filter((F) => !g.includes(F));
+      const s = e.map((z) => z.key), g = o.filter((z) => s.includes(z)), u = s.filter((z) => !g.includes(z));
       return [...g, ...u];
     });
   }, [Qe, e]);
@@ -2693,8 +2704,8 @@ rol IN (admin, employee)`,
   function ka(o) {
     const s = /* @__PURE__ */ new Set();
     return r.reduce((g, u) => {
-      const F = wr(o, u);
-      return !F || s.has(F) || (s.add(F), g.push({ value: F, label: F })), g;
+      const z = wr(o, u);
+      return !z || s.has(z) || (s.add(z), g.push({ value: z, label: z })), g;
     }, []);
   }
   function so() {
@@ -2711,7 +2722,7 @@ rol IN (admin, employee)`,
     });
   }
   function uo(o, s, g, u) {
-    const F = We[o] ?? [], v = u ? F : g.filter((D) => D !== s), oe = u ? F.includes(s) ? F.filter((D) => D !== s) : [...F, s] : v;
+    const z = We[o] ?? [], v = u ? z : g.filter((D) => D !== s), oe = u ? z.includes(s) ? z.filter((D) => D !== s) : [...z, s] : v;
     oe.length === g.length ? Fr(o) : Ca(o, oe);
   }
   function Fr(o) {
@@ -2756,9 +2767,9 @@ rol IN (admin, employee)`,
   const nr = je.useCallback(() => {
     const o = Dr.current;
     if (!o) return;
-    const s = o.getBoundingClientRect(), g = 12, u = 8, F = Math.min(780, Math.max(320, window.innerWidth - 32)), v = Math.max(
+    const s = o.getBoundingClientRect(), g = 12, u = 8, z = Math.min(780, Math.max(320, window.innerWidth - 32)), v = Math.max(
       g,
-      window.innerWidth - F - g
+      window.innerWidth - z - g
     ), oe = Math.min(Math.max(g, s.left), v), D = s.bottom + u, Le = window.innerHeight - s.top + u, ke = window.innerHeight - D - g, fe = s.top - g - u, ge = ke < 280 && fe > ke, he = Math.max(
       240,
       ge ? fe : ke
@@ -2769,7 +2780,7 @@ rol IN (admin, employee)`,
       left: oe,
       top: ge ? void 0 : D,
       bottom: ge ? Le : void 0,
-      width: F,
+      width: z,
       maxWidth: "calc(100vw - 24px)",
       maxHeight: he,
       overflowY: "auto"
@@ -2779,8 +2790,8 @@ rol IN (admin, employee)`,
     if (!rt) return;
     function o(u) {
       var v, oe;
-      const F = u.target;
-      (v = Dr.current) != null && v.contains(F) || (oe = ha.current) != null && oe.contains(F) || (dt(!1), gt(!1), yt(!1));
+      const z = u.target;
+      (v = Dr.current) != null && v.contains(z) || (oe = ha.current) != null && oe.contains(z) || (dt(!1), gt(!1), yt(!1));
     }
     function s(u) {
       u.key === "Escape" && (dt(!1), gt(!1), yt(!1));
@@ -2807,13 +2818,13 @@ rol IN (admin, employee)`,
   const _r = je.useCallback(
     (o = Qt.current) => {
       if (!o) return;
-      const s = o.getBoundingClientRect(), g = Math.min(292, Math.max(240, window.innerWidth - 16)), u = Math.max(8, window.innerWidth - g - 8), F = Math.min(Math.max(8, s.right - g), u), v = window.innerHeight - s.bottom, oe = s.bottom + 6, D = window.innerHeight - s.top + 6, ke = v < 360 && s.top > v ? void 0 : oe, fe = ke === void 0 ? D : void 0, ge = Math.max(
+      const s = o.getBoundingClientRect(), g = Math.min(292, Math.max(240, window.innerWidth - 16)), u = Math.max(8, window.innerWidth - g - 8), z = Math.min(Math.max(8, s.right - g), u), v = window.innerHeight - s.bottom, oe = s.bottom + 6, D = window.innerHeight - s.top + 6, ke = v < 360 && s.top > v ? void 0 : oe, fe = ke === void 0 ? D : void 0, ge = Math.max(
         220,
         ke === void 0 ? s.top - 16 : window.innerHeight - oe - 8
       ), he = {
         position: "fixed",
         zIndex: 9999,
-        left: F,
+        left: z,
         top: ke,
         bottom: fe,
         width: g,
@@ -2840,17 +2851,17 @@ rol IN (admin, employee)`,
     if (!s) return;
     const u = Array.from(
       s.querySelectorAll("[data-dt-column-key]")
-    ).filter((F) => F.dataset.dtColumnKey === o.key).reduce((F, v) => {
+    ).filter((z) => z.dataset.dtColumnKey === o.key).reduce((z, v) => {
       const oe = v.querySelector(
         "[data-dt-autofit-content]"
       ), D = oe ? oe.scrollWidth : Math.max(v.scrollWidth, v.offsetWidth);
       return Math.max(
-        F,
+        z,
         Math.ceil(D + ci(v))
       );
     }, 0);
-    u <= 0 || Ft((F) => ({
-      ...F,
+    u <= 0 || Ft((z) => ({
+      ...z,
       [o.key]: at(o, u + 12)
     }));
   }
@@ -2873,8 +2884,8 @@ rol IN (admin, employee)`,
   }, [Qe, e, Re]), Q(() => {
     function o(u) {
       var oe, D;
-      const F = u.target, v = u.target;
-      v != null && v.closest("[data-bonsaif-select-dropdown='true']") || !((oe = va.current) != null && oe.contains(F)) && !((D = Qt.current) != null && D.contains(F)) && (Vt(!1), Kt(null));
+      const z = u.target, v = u.target;
+      v != null && v.closest("[data-bonsaif-select-dropdown='true']") || !((oe = va.current) != null && oe.contains(z)) && !((D = Qt.current) != null && D.contains(z)) && (Vt(!1), Kt(null));
     }
     function s(u) {
       u.key === "Escape" && (Vt(!1), Kt(null));
@@ -2891,10 +2902,10 @@ rol IN (admin, employee)`,
     function o(g) {
       const u = Rt.current;
       if (!u) return;
-      const F = g.clientX - u.startX, v = e.find((oe) => oe.key === u.colKey);
+      const z = g.clientX - u.startX, v = e.find((oe) => oe.key === u.colKey);
       v && Ft((oe) => ({
         ...oe,
-        [u.colKey]: at(v, u.startWidth + F)
+        [u.colKey]: at(v, u.startWidth + z)
       }));
     }
     function s() {
@@ -2916,8 +2927,8 @@ rol IN (admin, employee)`,
   function xo(o, s) {
     s.preventDefault();
     const g = or.current, u = wt.indexOf(o);
-    g !== null && g !== u && zt((F) => {
-      const v = [...F], [oe] = v.splice(g, 1);
+    g !== null && g !== u && zt((z) => {
+      const v = [...z], [oe] = v.splice(g, 1);
       return v.splice(u, 0, oe), v;
     }), or.current = null, Pr(null);
   }
@@ -2934,7 +2945,7 @@ rol IN (admin, employee)`,
   }, [r]), Q(() => {
     er(1);
   }, [Ve, We]);
-  const ut = !!(O && _), mt = H !== !1, He = ut ? S ?? 1 : oo, Ye = ut || mt ? tr : r.length, Ge = !!x && !!y && !!A, Ct = !!p, Aa = je.useMemo(
+  const ut = !!(O && R), mt = j !== !1, He = ut ? S ?? 1 : oo, Ye = ut || mt ? tr : r.length, Ge = !!x && !!y && !!A, Ct = !!p, Aa = je.useMemo(
     () => new Set(
       Tr ? Array.from(k ?? []) : ba
     ),
@@ -2942,10 +2953,10 @@ rol IN (admin, employee)`,
   ), Wr = (Ct ? 40 : 0) + (Ge ? 40 : 0), wo = Ge && r.length > 0 && x.size === r.length, No = Ge && x.size > 0 && x.size < r.length, lr = je.useMemo(() => {
     const o = Object.entries(We), s = Object.entries(Ve);
     return o.length === 0 && s.length === 0 ? r : r.filter(
-      (g) => o.every(([u, F]) => {
+      (g) => o.every(([u, z]) => {
         const v = e.find((oe) => oe.key === u);
-        return v ? F.includes(wr(v, g)) : !0;
-      }) && s.every(([u, F]) => {
+        return v ? z.includes(wr(v, g)) : !0;
+      }) && s.every(([u, z]) => {
         const v = e.find((D) => D.key === u);
         if (!v) return !0;
         const oe = r.map(
@@ -2953,7 +2964,7 @@ rol IN (admin, employee)`,
         );
         return mi(
           wr(v, g),
-          F,
+          z,
           oe
         );
       })
@@ -2962,7 +2973,7 @@ rol IN (admin, employee)`,
     if (!$e) return lr;
     const o = e.find((s) => s.key === $e.key && s.sortKey);
     return o != null && o.sortKey ? [...lr].sort((s, g) => {
-      const u = s[o.sortKey], F = g[o.sortKey], v = u === F ? 0 : u == null ? 1 : F == null || u < F ? -1 : 1;
+      const u = s[o.sortKey], z = g[o.sortKey], v = u === z ? 0 : u == null ? 1 : z == null || u < z ? -1 : 1;
       return $e.dir === "asc" ? v : -v;
     }) : lr;
   }, [lr, $e, e]), Da = je.useMemo(() => {
@@ -2976,7 +2987,7 @@ rol IN (admin, employee)`,
     ut ? O(s) : er(s);
   }
   function Eo(o) {
-    n || (jr(o), ut ? (_(o), O(1)) : er(1), _ && _(o));
+    n || (jr(o), ut ? (R(o), O(1)) : er(1), R && R(o));
   }
   function Ba(o) {
     const s = new Set(Aa);
@@ -3069,7 +3080,7 @@ rol IN (admin, employee)`,
           }
         ),
         Ke.map((o, s) => {
-          const g = ($e == null ? void 0 : $e.key) === o.key, u = !!o.sortKey, F = vt(o), v = ee && !Hr && s === 0, oe = Ta === s, Le = (Nt[o.key] ?? pt(o.width)) < 120, ke = Object.prototype.hasOwnProperty.call(We, o.key) || Object.prototype.hasOwnProperty.call(Ve, o.key);
+          const g = ($e == null ? void 0 : $e.key) === o.key, u = !!o.sortKey, z = vt(o), v = ee && !Hr && s === 0, oe = Ta === s, Le = (Nt[o.key] ?? pt(o.width)) < 120, ke = Object.prototype.hasOwnProperty.call(We, o.key) || Object.prototype.hasOwnProperty.call(Ve, o.key);
           return /* @__PURE__ */ l(
             "div",
             {
@@ -3096,7 +3107,7 @@ rol IN (admin, employee)`,
                 transition: "color 0.15s",
                 borderLeft: oe ? "2px solid var(--primary)" : "2px solid transparent",
                 cursor: "default",
-                padding: F ? h ? "7px 6px" : "9px 8px" : h ? "8px 6px 10px" : "10px 8px 12px"
+                padding: z ? h ? "7px 6px" : "9px 8px" : h ? "8px 6px 10px" : "10px 8px 12px"
               },
               onDragOver: (fe) => vo(o.key, fe),
               onDrop: (fe) => xo(o.key, fe),
@@ -3104,7 +3115,7 @@ rol IN (admin, employee)`,
                 /* @__PURE__ */ l(
                   "div",
                   {
-                    className: `flex min-w-0 items-center gap-1 ${F ? "justify-center" : Le ? "justify-start" : o.align === "center" ? "justify-center" : o.align === "right" ? "justify-end" : "justify-start"}`,
+                    className: `flex min-w-0 items-center gap-1 ${z ? "justify-center" : Le ? "justify-start" : o.align === "center" ? "justify-center" : o.align === "right" ? "justify-end" : "justify-start"}`,
                     children: [
                       /* @__PURE__ */ t(
                         "span",
@@ -3123,7 +3134,7 @@ rol IN (admin, employee)`,
                           style: { cursor: "grab" }
                         }
                       ),
-                      F ? /* @__PURE__ */ t(
+                      z ? /* @__PURE__ */ t(
                         "span",
                         {
                           className: "inline-flex h-5 w-5 items-center justify-center rounded-md text-[var(--text-muted)]",
@@ -3154,7 +3165,7 @@ rol IN (admin, employee)`,
                           children: g ? $e.dir === "asc" ? /* @__PURE__ */ t(Yr, { className: "h-3 w-3" }) : /* @__PURE__ */ t(Xe, { className: "h-3 w-3" }) : /* @__PURE__ */ t(Ro, { className: "h-3 w-3" })
                         }
                       ),
-                      ve && !F && co(o) && /* @__PURE__ */ t(
+                      ve && !z && co(o) && /* @__PURE__ */ t(
                         "button",
                         {
                           type: "button",
@@ -3170,7 +3181,7 @@ rol IN (admin, employee)`,
                     ]
                   }
                 ),
-                !F && /* @__PURE__ */ t(
+                !z && /* @__PURE__ */ t(
                   "span",
                   {
                     role: "separator",
@@ -3214,7 +3225,7 @@ rol IN (admin, employee)`,
     if (!nt || typeof document > "u" || ct === "visibility" && !re || ct === "filter" && !ve) return null;
     const o = e.find(
       (he) => he.key === Dt
-    ), s = so(), g = o ? Object.prototype.hasOwnProperty.call(We, o.key) : !1, u = o ? Ve[o.key] : void 0, F = Mr.find(
+    ), s = so(), g = o ? Object.prototype.hasOwnProperty.call(We, o.key) : !1, u = o ? Ve[o.key] : void 0, z = Mr.find(
       (he) => he.value === (u == null ? void 0 : u.operator)
     ), v = o ? We[o.key] ?? [] : [], oe = ua.trim().toLowerCase(), D = oe ? s.filter(
       (he) => he.label.toLowerCase().includes(oe)
@@ -3357,7 +3368,7 @@ rol IN (admin, employee)`,
                     className: "min-w-0 [&>button]:rounded-md [&>button]:text-sm [&>button]:font-medium"
                   }
                 ),
-                (F == null ? void 0 : F.valueMode) !== "none" ? /* @__PURE__ */ t(
+                (z == null ? void 0 : z.valueMode) !== "none" ? /* @__PURE__ */ t(
                   "input",
                   {
                     value: (u == null ? void 0 : u.value) ?? "",
@@ -3388,7 +3399,7 @@ rol IN (admin, employee)`,
                   }
                 )
               ] }),
-              (F == null ? void 0 : F.valueMode) === "between" && /* @__PURE__ */ t(
+              (z == null ? void 0 : z.valueMode) === "between" && /* @__PURE__ */ t(
                 "input",
                 {
                   value: (u == null ? void 0 : u.valueTo) ?? "",
@@ -3540,9 +3551,9 @@ rol IN (admin, employee)`,
       (D) => o.map((Le) => Fa(za(Le, D))).join(",")
     ).join(`
 `), u = `${s}
-${g}`, F = new Blob(["\uFEFF" + u], {
+${g}`, z = new Blob(["\uFEFF" + u], {
       type: "text/csv;charset=utf-8;"
-    }), v = URL.createObjectURL(F), oe = document.createElement("a");
+    }), v = URL.createObjectURL(z), oe = document.createElement("a");
     oe.href = v, oe.download = `${Ne}.csv`, document.body.appendChild(oe), oe.click(), document.body.removeChild(oe), URL.revokeObjectURL(v);
   }
   function Mo() {
@@ -3552,7 +3563,7 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
       (oe) => o.map((D) => ur(za(D, oe)))
     ).map(
       (oe) => `<tr>${oe.map((D) => `<td>${D}</td>`).join("")}</tr>`
-    ).join(""), F = `<!DOCTYPE html>
+    ).join(""), z = `<!DOCTYPE html>
 <html lang="es"><head><meta charset="utf-8"><title>${ur(Ne)}</title>
 <style>
   body{font-family:system-ui,sans-serif;font-size:11px;margin:20px;color:#111}
@@ -3570,7 +3581,7 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
 <tbody>${u}</tbody></table>
 <script>window.onload=()=>{window.print()}<\/script>
 </body></html>`, v = window.open("", "_blank");
-    v && (v.document.write(F), v.document.close());
+    v && (v.document.write(z), v.document.close());
   }
   const mr = () => !Ee || !jt ? null : Ze(
     /* @__PURE__ */ l(
@@ -3747,7 +3758,7 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                               },
                               u.label
                             )),
-                            $.length > 0 && /* @__PURE__ */ l(
+                            E.length > 0 && /* @__PURE__ */ l(
                               "button",
                               {
                                 type: "button",
@@ -3814,9 +3825,9 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                                   "button",
                                   {
                                     type: "button",
-                                    onMouseDown: (F) => {
+                                    onMouseDown: (z) => {
                                       var v;
-                                      F.preventDefault(), Rr(u), (v = Br.current) == null || v.focus();
+                                      z.preventDefault(), Rr(u), (v = Br.current) == null || v.focus();
                                     },
                                     className: "block w-full px-4 py-2 text-left text-xs transition-colors hover:bg-[var(--bg-hover)] hover:text-[var(--primary)]",
                                     style: {
@@ -3900,7 +3911,7 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                                     {
                                       type: "button",
                                       onClick: () => Ht(
-                                        (F) => F.filter((v) => v !== u)
+                                        (z) => z.filter((v) => v !== u)
                                       ),
                                       className: "rounded p-1 text-[var(--text-muted)] opacity-0 transition-opacity group-hover:opacity-100",
                                       children: /* @__PURE__ */ t(Ie, { className: "h-3.5 w-3.5" })
@@ -3911,13 +3922,13 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                               u
                             ))
                           ] }),
-                          pa && $.length > 0 && /* @__PURE__ */ t("div", { className: "grid gap-2 sm:grid-cols-2 lg:grid-cols-3", children: $.map((u) => /* @__PURE__ */ l(
+                          pa && E.length > 0 && /* @__PURE__ */ t("div", { className: "grid gap-2 sm:grid-cols-2 lg:grid-cols-3", children: E.map((u) => /* @__PURE__ */ l(
                             "button",
                             {
                               type: "button",
                               onClick: () => {
-                                var F;
-                                Rr(u.bql), gt(!1), (F = Br.current) == null || F.focus();
+                                var z;
+                                Rr(u.bql), gt(!1), (z = Br.current) == null || z.focus();
                               },
                               className: "rounded-lg border border-[var(--border)] bg-[var(--bg-input)] p-2 text-left transition-colors hover:border-[var(--primary)]",
                               children: [
@@ -3972,8 +3983,8 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
               "aria-label": "Exportar datos",
               title: "Exportar datos",
               onClick: () => {
-                var F;
-                const u = (F = Jt.current) == null ? void 0 : F.getBoundingClientRect();
+                var z;
+                const u = (z = Jt.current) == null ? void 0 : z.getBoundingClientRect();
                 u && eo({
                   top: u.bottom + 4,
                   right: window.innerWidth - u.right
@@ -4018,14 +4029,14 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                 {
                   value: String(Ye),
                   onChange: (s) => Eo(Number(s)),
-                  options: Y.map((s) => ({
+                  options: K.map((s) => ({
                     value: String(s),
                     label: String(s)
                   })),
                   placeholder: "Filas",
                   searchable: !1,
                   disabled: n,
-                  height: j,
+                  height: F,
                   padding: U,
                   className: "shrink-0 [&>button]:rounded-md [&>button]:text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",
                   style: { width: X }
@@ -4124,7 +4135,7 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                 "div",
                 {
                   role: "rowgroup",
-                  style: E ? {
+                  style: $ ? {
                     position: "sticky",
                     top: 0,
                     zIndex: 10,
@@ -4224,7 +4235,7 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                     "div",
                     {
                       role: "rowgroup",
-                      style: E ? {
+                      style: $ ? {
                         position: "sticky",
                         top: 0,
                         zIndex: 10,
@@ -4257,14 +4268,14 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                           "select-cell"
                         ),
                         Ke.map((g, u) => {
-                          const F = ee && !Hr && u === 0;
+                          const z = ee && !Hr && u === 0;
                           return /* @__PURE__ */ t(
                             "div",
                             {
                               role: "cell",
                               "data-dt-column-key": g.key,
                               className: h ? "px-2 py-1.5" : "px-3 py-2",
-                              style: F ? {
+                              style: z ? {
                                 position: "sticky",
                                 left: Wr,
                                 zIndex: 1,
@@ -4326,7 +4337,7 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
               "div",
               {
                 role: "rowgroup",
-                style: E ? {
+                style: $ ? {
                   position: "sticky",
                   top: 0,
                   zIndex: 10,
@@ -4406,7 +4417,7 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                     "div",
                     {
                       role: "rowgroup",
-                      style: E ? {
+                      style: $ ? {
                         position: "sticky",
                         top: 0,
                         zIndex: 10,
@@ -4417,9 +4428,9 @@ ${g}`, F = new Blob(["\uFEFF" + u], {
                     }
                   ),
                   /* @__PURE__ */ t("div", { role: "rowgroup", children: Da.map((o, s) => {
-                    const g = a(o), u = ja(V == null ? void 0 : V(o)), F = s > 0 ? ja(
+                    const g = a(o), u = ja(V == null ? void 0 : V(o)), z = s > 0 ? ja(
                       V == null ? void 0 : V(Da[s - 1])
-                    ) : null, v = u && u.key !== (F == null ? void 0 : F.key), oe = Ge && x.has(g), D = Ct ? (w == null ? void 0 : w(o)) ?? !0 : !1, Le = D && Aa.has(g), ke = !!b || N && D, fe = oe && K ? "color-mix(in srgb, var(--primary) 8%, var(--bg-card))" : s % 2 === 1 ? "color-mix(in srgb, var(--bg-input) 30%, var(--bg-card))" : "var(--bg-card)";
+                    ) : null, v = u && u.key !== (z == null ? void 0 : z.key), oe = Ge && x.has(g), D = Ct ? (w == null ? void 0 : w(o)) ?? !0 : !1, Le = D && Aa.has(g), ke = !!b || N && D, fe = oe && Y ? "color-mix(in srgb, var(--primary) 8%, var(--bg-card))" : s % 2 === 1 ? "color-mix(in srgb, var(--bg-input) 30%, var(--bg-card))" : "var(--bg-card)";
                     return /* @__PURE__ */ l(je.Fragment, { children: [
                       v && /* @__PURE__ */ t(
                         "div",
@@ -4899,39 +4910,39 @@ function Ks({
   onOpenChange: m
 }) {
   const [b, p] = L(!1), [w, k] = L(!1), [f, C] = L({}), N = se(null), x = se(null), y = Ce(
-    (E) => {
-      p(E), m == null || m(E);
+    ($) => {
+      p($), m == null || m($);
     },
     [m]
   ), A = Ce(() => {
-    const E = N.current;
-    if (!E) return;
-    const H = E.getBoundingClientRect(), Y = typeof n == "number" ? n : H.width, X = typeof n == "number" ? n : Math.max(H.width, 180), j = a === "end" ? Math.max(8, H.right - X) : Math.min(H.left, window.innerWidth - X - 8), U = window.innerHeight - H.bottom, G = U < 240 && H.top > U ? void 0 : H.bottom + 6, S = G === void 0 ? window.innerHeight - H.top + 6 : void 0;
+    const $ = N.current;
+    if (!$) return;
+    const j = $.getBoundingClientRect(), K = typeof n == "number" ? n : j.width, X = typeof n == "number" ? n : Math.max(j.width, 180), F = a === "end" ? Math.max(8, j.right - X) : Math.min(j.left, window.innerWidth - X - 8), U = window.innerHeight - j.bottom, G = U < 240 && j.top > U ? void 0 : j.bottom + 6, S = G === void 0 ? window.innerHeight - j.top + 6 : void 0;
     C({
       position: "fixed",
       zIndex: 9999,
-      left: j,
+      left: F,
       top: G,
       bottom: S,
-      width: hi(typeof n == "number" ? Y : n)
+      width: hi(typeof n == "number" ? K : n)
     });
   }, [a, n]);
   Q(() => k(!0), []), Q(() => {
     if (!b) return;
     A();
-    const E = (Y) => {
-      var j, U;
-      const X = Y.target;
-      !((j = N.current) != null && j.contains(X)) && !((U = x.current) != null && U.contains(X)) && y(!1);
-    }, H = (Y) => {
-      Y.key === "Escape" && y(!1);
+    const $ = (K) => {
+      var F, U;
+      const X = K.target;
+      !((F = N.current) != null && F.contains(X)) && !((U = x.current) != null && U.contains(X)) && y(!1);
+    }, j = (K) => {
+      K.key === "Escape" && y(!1);
     };
-    return document.addEventListener("mousedown", E), window.addEventListener("keydown", H), window.addEventListener("resize", A), window.addEventListener("scroll", A, !0), () => {
-      document.removeEventListener("mousedown", E), window.removeEventListener("keydown", H), window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0);
+    return document.addEventListener("mousedown", $), window.addEventListener("keydown", j), window.addEventListener("resize", A), window.addEventListener("scroll", A, !0), () => {
+      document.removeEventListener("mousedown", $), window.removeEventListener("keydown", j), window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0);
     };
   }, [b, y, A]);
-  const K = (E) => {
-    i || (E.key === "Enter" || E.key === " ") && (E.preventDefault(), y(!b));
+  const Y = ($) => {
+    i || ($.key === "Enter" || $.key === " ") && ($.preventDefault(), y(!b));
   }, B = sa(e) ? Oo(e, {
     onClick: () => {
       i || (Qa(), y(!b));
@@ -4944,32 +4955,32 @@ function Ks({
       "data-bonsaif-overlay": "true",
       className: `overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-1 shadow-xl ${d}`,
       style: f,
-      children: r.map((E) => /* @__PURE__ */ l("div", { children: [
-        E.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: E.disabled,
+            disabled: $.disabled,
             onClick: () => {
-              var H;
-              E.disabled || (Qa(), (H = E.onSelect) == null || H.call(E), y(!1));
+              var j;
+              $.disabled || (Qa(), (j = $.onSelect) == null || j.call($), y(!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: E.danger ? "var(--danger)" : "var(--text-main)"
+              color: $.danger ? "var(--danger)" : "var(--text-main)"
             },
             children: [
-              E.icon && /* @__PURE__ */ t("span", { className: "mt-0.5 shrink-0", children: E.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: E.label }),
-                E.description && /* @__PURE__ */ t("span", { className: "block truncate text-xs text-[var(--text-muted)]", children: E.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 })
               ] })
             ]
           }
         )
-      ] }, E.id))
+      ] }, $.id))
     }
   ) : null;
   return /* @__PURE__ */ l(
@@ -4980,7 +4991,7 @@ function Ks({
       tabIndex: i ? -1 : 0,
       "aria-haspopup": "menu",
       "aria-expanded": b,
-      onKeyDown: K,
+      onKeyDown: Y,
       className: `inline-flex ${i ? "pointer-events-none opacity-60" : ""} ${c}`,
       children: [
         B,
@@ -5009,43 +5020,44 @@ function Ys({
   unsavedChangesConfirmLabel: x = "Descartar",
   unsavedChangesCancelLabel: y = "Seguir editando",
   onDiscardChanges: A,
-  children: K
+  disabled: Y = !1,
+  children: B
 }) {
-  const [B, V] = L(!1), [E, H] = L(!1), [Y, X] = L(!1), j = Ce(() => {
-    H(!0), requestAnimationFrame(() => {
-      requestAnimationFrame(() => X(!0));
+  const [V, $] = L(!1), [j, K] = L(!1), [X, F] = L(!1), U = Ce(() => {
+    K(!0), requestAnimationFrame(() => {
+      requestAnimationFrame(() => F(!0));
     });
-  }, []), U = Ce(() => {
-    X(!1), window.setTimeout(
-      () => H(!1),
+  }, []), G = Ce(() => {
+    F(!1), window.setTimeout(
+      () => K(!1),
       vi
     );
-  }, []), G = Ce(() => {
+  }, []), S = Ce(() => {
     if (f) {
-      j();
+      U();
       return;
     }
     r();
-  }, [f, r, j]), S = Ce(() => {
-    X(!1), H(!1), A == null || A(), r();
+  }, [f, r, U]), O = Ce(() => {
+    F(!1), K(!1), A == null || A(), r();
   }, [r, A]);
   return Q(() => {
-    V(!0);
-  }, []), Q(() => (document.body.style.overflow = e ? "hidden" : "", e || (X(!1), H(!1)), () => {
+    $(!0);
+  }, []), Q(() => (document.body.style.overflow = e ? "hidden" : "", e || (F(!1), K(!1)), () => {
     document.body.style.overflow = "";
   }), [e]), Q(() => {
     if (!e) return;
-    const O = (_) => {
-      if (_.key === "Escape") {
-        if (E) {
-          U();
+    const R = (I) => {
+      if (I.key === "Escape") {
+        if (j) {
+          G();
           return;
         }
-        G();
+        S();
       }
     };
-    return window.addEventListener("keydown", O), () => window.removeEventListener("keydown", O);
-  }, [U, E, e, G]), B ? Ze(
+    return window.addEventListener("keydown", R), () => window.removeEventListener("keydown", R);
+  }, [G, j, e, S]), V ? Ze(
     /* @__PURE__ */ l(
       "div",
       {
@@ -5057,7 +5069,7 @@ function Ys({
             "div",
             {
               className: `absolute inset-0 ${en}`,
-              onClick: G
+              onClick: S
             }
           ),
           /* @__PURE__ */ l(
@@ -5077,7 +5089,7 @@ function Ys({
                     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: G, title: "Cerrar", children: /* @__PURE__ */ t(Ie, { className: "w-5 h-5" }) }),
+                        /* @__PURE__ */ t(Be, { variant: "icon", onClick: S, 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(
@@ -5106,7 +5118,7 @@ function Ys({
                             {
                               variant: "secondary",
                               size: "sm",
-                              onClick: G,
+                              onClick: S,
                               style: { background: "var(--bg-input)" },
                               children: "Cancelar"
                             }
@@ -5128,11 +5140,21 @@ function Ys({
                     ]
                   }
                 ),
-                /* @__PURE__ */ t("div", { "data-drawer-scroll": "true", className: w, children: K })
+                /* @__PURE__ */ t("div", { "data-drawer-scroll": "true", className: w, children: B })
               ]
             }
           ),
-          E && /* @__PURE__ */ l(
+          Y && /* @__PURE__ */ t(
+            "div",
+            {
+              className: "absolute inset-0 z-[1002] cursor-not-allowed",
+              style: {
+                background: "color-mix(in srgb, var(--bg-card, #ffffff) 60%, transparent)",
+                backdropFilter: "blur(2px)"
+              }
+            }
+          ),
+          j && /* @__PURE__ */ l(
             "div",
             {
               role: "dialog",
@@ -5143,14 +5165,14 @@ function Ys({
                 /* @__PURE__ */ t(
                   "div",
                   {
-                    className: `absolute inset-0 ${en} transition-opacity duration-200 ease-out ${Y ? "opacity-100" : "opacity-0"}`,
-                    onClick: U
+                    className: `absolute inset-0 ${en} transition-opacity duration-200 ease-out ${X ? "opacity-100" : "opacity-0"}`,
+                    onClick: G
                   }
                 ),
                 /* @__PURE__ */ l(
                   "div",
                   {
-                    className: `relative z-10 w-full max-w-sm rounded-2xl border p-6 shadow-2xl transition-[opacity,transform] duration-200 ease-out ${Y ? "translate-y-0 scale-100 opacity-100" : "translate-y-2 scale-[0.96] opacity-0"}`,
+                    className: `relative z-10 w-full max-w-sm rounded-2xl border p-6 shadow-2xl transition-[opacity,transform] duration-200 ease-out ${X ? "translate-y-0 scale-100 opacity-100" : "translate-y-2 scale-[0.96] opacity-0"}`,
                     style: {
                       background: "var(--bg-card, #ffffff)",
                       borderColor: "var(--border, #d8e1dc)"
@@ -5160,7 +5182,7 @@ function Ys({
                         Be,
                         {
                           variant: "icon",
-                          onClick: U,
+                          onClick: G,
                           className: "absolute right-3 top-3 h-7 w-7 hover:opacity-70",
                           style: { color: "var(--text-muted, #6b7f78)" },
                           "aria-label": y,
@@ -5202,7 +5224,7 @@ function Ys({
                           Be,
                           {
                             variant: "secondary",
-                            onClick: U,
+                            onClick: G,
                             className: "flex-1 border",
                             style: {
                               background: "var(--bg-input, #f7faf8)",
@@ -5216,7 +5238,7 @@ function Ys({
                           Be,
                           {
                             variant: "secondary",
-                            onClick: S,
+                            onClick: O,
                             className: "flex-1 border",
                             style: {
                               background: "var(--warning, #d97706)",
@@ -5447,19 +5469,19 @@ function _n({
   required: k,
   ...f
 }) {
-  const [C, N] = L(() => !!f.autoFocus), [x, y] = L(!1), A = f.type === "password" && b, K = A && x ? "text" : f.type, B = !!n, V = B && i !== "tooltip", E = B && i !== "inline", H = p ? k : void 0, Y = B ? "border-[var(--danger)] focus:border-[var(--danger)]" : "", X = E ? A ? "pr-20" : "pr-10" : A ? "pr-10" : "", j = f.value !== void 0 ? String(f.value).length > 0 : f.defaultValue !== void 0 && String(f.defaultValue).length > 0, U = C || j, G = {
+  const [C, N] = L(() => !!f.autoFocus), [x, y] = L(!1), A = f.type === "password" && b, Y = A && x ? "text" : f.type, B = !!n, V = B && i !== "tooltip", $ = B && i !== "inline", j = p ? k : void 0, K = B ? "border-[var(--danger)] focus:border-[var(--danger)]" : "", X = $ ? A ? "pr-20" : "pr-10" : A ? "pr-10" : "", F = f.value !== void 0 ? String(f.value).length > 0 : f.defaultValue !== void 0 && String(f.defaultValue).length > 0, U = C || F, G = {
     top: U ? 7 : 12,
     color: C ? "var(--primary)" : "var(--text-muted)",
     fontSize: U ? 10 : 13,
     fontWeight: U ? 600 : 400,
     textTransform: U ? "uppercase" : "none"
   }, S = (ee) => {
-    var z;
-    N(!0), (z = f.onFocus) == null || z.call(f, ee);
+    var H;
+    N(!0), (H = f.onFocus) == null || H.call(f, ee);
   }, O = (ee) => {
-    var z;
-    N(!1), (z = f.onBlur) == null || z.call(f, ee);
-  }, _ = A ? /* @__PURE__ */ l(
+    var H;
+    N(!1), (H = f.onBlur) == null || H.call(f, ee);
+  }, R = A ? /* @__PURE__ */ l(
     "button",
     {
       type: "button",
@@ -5487,7 +5509,7 @@ function _n({
         )
       ]
     }
-  ) : null, I = E ? /* @__PURE__ */ t(
+  ) : null, I = $ ? /* @__PURE__ */ t(
     Ut,
     {
       as: "span",
@@ -5511,12 +5533,12 @@ function _n({
         Jr,
         {
           ...f,
-          type: K,
-          required: H,
+          type: Y,
+          required: j,
           placeholder: " ",
           "aria-invalid": B || f["aria-invalid"],
-          "data-has-value": j ? "true" : void 0,
-          className: `h-11 w-full pt-5 ${X} ${Y} ${w}`,
+          "data-has-value": F ? "true" : void 0,
+          className: `h-11 w-full pt-5 ${X} ${K} ${w}`,
           onFocus: S,
           onBlur: O
         }
@@ -5541,7 +5563,7 @@ function _n({
         }
       ),
       I,
-      _
+      R
     ] }),
     V ? /* @__PURE__ */ t("span", { className: "text-xs font-medium normal-case text-[var(--danger)]", children: n }) : a ? /* @__PURE__ */ t("span", { className: "text-xs font-medium normal-case text-[var(--text-muted)]", children: a }) : null
   ] }) : /* @__PURE__ */ l("label", { className: `flex flex-col gap-2 ${r}`, children: [
@@ -5555,24 +5577,24 @@ function _n({
         Jr,
         {
           ...f,
-          type: K,
-          required: H,
+          type: Y,
+          required: j,
           "aria-invalid": B || f["aria-invalid"],
-          className: `w-full ${X} ${Y} ${w}`,
+          className: `w-full ${X} ${K} ${w}`,
           onFocus: S,
           onBlur: O
         }
       ),
       I,
-      _
+      R
     ] }) : /* @__PURE__ */ l("span", { className: "relative block", children: [
       /* @__PURE__ */ t(
         Jr,
         {
           ...f,
-          required: H,
+          required: j,
           "aria-invalid": B || f["aria-invalid"],
-          className: `w-full ${X} ${Y} ${w}`
+          className: `w-full ${X} ${K} ${w}`
         }
       ),
       I
@@ -5688,41 +5710,41 @@ function lc({
   emptyLabel: x = "Arrastra y suelta archivos",
   emptyDescription: y = "o haz click para buscarlos en tu equipo",
   selectedLabel: A = "Archivos seleccionados",
-  size: K = "md",
+  size: Y = "md",
   containerClassName: B = "",
   dropzoneClassName: V = "",
-  fileListClassName: E = "",
-  className: H = "",
-  id: Y,
+  fileListClassName: $ = "",
+  className: j = "",
+  id: K,
   accept: X,
-  disabled: j,
+  disabled: F,
   required: U,
   ...G
 }) {
-  const S = Io(), O = Y ?? S, _ = se(null), [I, ee] = L(!1), [z, h] = L(c), R = i ?? z, q = !!a, ae = f && R.length > 0 && !j, re = (ne, xe) => {
+  const S = Io(), O = K ?? S, R = se(null), [I, ee] = L(!1), [H, h] = L(c), _ = i ?? H, q = !!a, ae = f && _.length > 0 && !F, re = (ne, xe) => {
     i === void 0 && h(ne), d == null || d(ne, xe);
   }, ve = (ne, xe) => {
     const le = ne.filter(
       (de) => nn(de, X)
-    ), $ = ne.filter(
+    ), E = ne.filter(
       (de) => !nn(de, X)
-    ), P = w ? [...R, ...le] : le, ce = Oi(P, b, p);
-    $.length > 0 && (m == null || m($)), re(ce, xe);
+    ), P = w ? [..._, ...le] : le, ce = Oi(P, b, p);
+    E.length > 0 && (m == null || m(E)), re(ce, xe);
   }, M = () => {
     var ne;
-    j || (ne = _.current) == null || ne.click();
+    F || (ne = R.current) == null || ne.click();
   }, me = (ne) => {
     ve(Array.from(ne.target.files ?? []), ne), ne.target.value = "";
   }, T = (ne) => {
-    ne.preventDefault(), j || ee(!0);
+    ne.preventDefault(), F || ee(!0);
   }, ie = (ne) => {
     ne.currentTarget.contains(ne.relatedTarget) || ee(!1);
   }, pe = (ne) => {
-    ne.preventDefault(), ee(!1), !j && ve(Array.from(ne.dataTransfer.files), ne);
+    ne.preventDefault(), ee(!1), !F && ve(Array.from(ne.dataTransfer.files), ne);
   }, W = (ne) => {
     ne.key !== "Enter" && ne.key !== " " || (ne.preventDefault(), M());
   }, te = (ne) => {
-    re(R.filter((xe, le) => le !== ne));
+    re(_.filter((xe, le) => le !== ne));
   }, J = () => {
     re([]);
   };
@@ -5736,13 +5758,13 @@ function lc({
       "input",
       {
         ...G,
-        ref: _,
+        ref: R,
         id: O,
         type: "file",
         accept: X,
         multiple: b,
-        disabled: j,
-        required: U && R.length === 0,
+        disabled: F,
+        required: U && _.length === 0,
         "aria-invalid": q || G["aria-invalid"],
         className: "sr-only",
         onChange: me
@@ -5752,11 +5774,11 @@ function lc({
       "div",
       {
         role: "button",
-        tabIndex: j ? -1 : 0,
+        tabIndex: F ? -1 : 0,
         "aria-controls": O,
-        "aria-disabled": j || void 0,
+        "aria-disabled": F || void 0,
         "aria-invalid": q || 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)] ${Di[K]} ${I ? "border-[var(--primary)] bg-[var(--bg-input)]" : q ? "border-[var(--danger)]" : "border-[var(--border)]"} ${j ? "cursor-not-allowed opacity-60" : "hover:border-[var(--primary)] hover:bg-[var(--bg-input)]"} ${V} ${H}`,
+        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)] ${Di[Y]} ${I ? "border-[var(--primary)] bg-[var(--bg-input)]" : q ? "border-[var(--danger)]" : "border-[var(--border)]"} ${F ? "cursor-not-allowed opacity-60" : "hover:border-[var(--primary)] hover:bg-[var(--bg-input)]"} ${V} ${j}`,
         onClick: M,
         onDragOver: T,
         onDragLeave: ie,
@@ -5772,10 +5794,10 @@ function lc({
         ]
       }
     ),
-    k && R.length > 0 && /* @__PURE__ */ l(
+    k && _.length > 0 && /* @__PURE__ */ l(
       "div",
       {
-        className: `rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${E}`,
+        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: A }),
@@ -5790,7 +5812,7 @@ function lc({
               }
             )
           ] }),
-          /* @__PURE__ */ t("ul", { className: "divide-y divide-[var(--border)]", children: R.map((ne, xe) => /* @__PURE__ */ l(
+          /* @__PURE__ */ t("ul", { className: "divide-y divide-[var(--border)]", children: _.map((ne, xe) => /* @__PURE__ */ l(
             "li",
             {
               className: "flex items-center gap-3 px-3 py-2",
@@ -5800,7 +5822,7 @@ function lc({
                   /* @__PURE__ */ t("span", { className: "block truncate text-sm font-medium text-[var(--text-main)]", children: ne.name }),
                   /* @__PURE__ */ t("span", { className: "block text-xs text-[var(--text-muted)]", children: Bi(ne.size) })
                 ] }),
-                !j && /* @__PURE__ */ t(
+                !F && /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
@@ -5848,34 +5870,34 @@ function ic({
     () => e.map((B) => ({ key: !1, type: "", ...B }))
   ), [f, C] = L(""), [N, x] = L(""), y = Ce(
     (B, V) => {
-      k((E) => {
-        const H = E.map((Y, X) => X === B ? { ...Y, ...V } : Y);
-        return p == null || p(H), H;
+      k(($) => {
+        const j = $.map((K, X) => X === B ? { ...K, ...V } : K);
+        return p == null || p(j), j;
       });
     },
     [p]
   ), A = Ce(() => {
     b == null || b(w);
-  }, [w, b]), K = Ce(() => {
-    var H;
+  }, [w, b]), Y = Ce(() => {
+    var j;
     const B = f.trim();
     if (!B) {
       x("Ingresa un nombre de campo.");
       return;
     }
     if (w.some(
-      (Y) => Y.name.toLowerCase() === B.toLowerCase()
+      (K) => K.name.toLowerCase() === B.toLowerCase()
     )) {
       x("Ese campo ya existe en el arreglo.");
       return;
     }
-    const E = {
+    const $ = {
       name: B,
       key: !1,
-      type: ((H = a[0]) == null ? void 0 : H.value) ?? ""
+      type: ((j = a[0]) == null ? void 0 : j.value) ?? ""
     };
-    k((Y) => {
-      const X = [...Y, E];
+    k((K) => {
+      const X = [...K, $];
       return p == null || p(X), X;
     }), C(""), x("");
   }, [a, w, f, p]);
@@ -5936,7 +5958,7 @@ function ic({
                   {
                     size: "sm",
                     checked: B.key ?? !1,
-                    onChange: (E) => y(V, { key: E.target.checked }),
+                    onChange: ($) => y(V, { key: $.target.checked }),
                     "aria-label": `${B.name} es clave`
                   }
                 ) }),
@@ -5944,7 +5966,7 @@ function ic({
                   qt,
                   {
                     value: B.type ?? "",
-                    onChange: (E) => y(V, { type: E }),
+                    onChange: ($) => y(V, { type: $ }),
                     options: a,
                     placeholder: "—",
                     emptyLabel: "—",
@@ -5983,7 +6005,7 @@ function ic({
                         C(B.currentTarget.value), N && x("");
                       },
                       onKeyDown: (B) => {
-                        B.key === "Enter" && (B.preventDefault(), K());
+                        B.key === "Enter" && (B.preventDefault(), Y());
                       },
                       placeholder: c,
                       className: "min-w-0 flex-1 rounded-lg border px-3 py-2 text-sm outline-none transition-colors",
@@ -5999,7 +6021,7 @@ function ic({
                     Be,
                     {
                       variant: "secondary",
-                      onClick: K,
+                      onClick: Y,
                       height: 36,
                       padding: "0 12px",
                       children: d
@@ -6069,19 +6091,19 @@ function sc({
   emptyText: C = "Sin resultados",
   clearLabel: N = "Limpiar seleccion"
 }) {
-  const [x, y] = L(!1), [A, K] = L(""), [B, V] = L(0), [E, H] = L(!1), [Y, X] = L({}), j = se(null), U = se(null), G = se(null), S = se(null), O = p && a.length >= w, _ = it(() => new Set(e), [e]), I = it(
-    () => a.filter((T) => _.has(T.value)),
-    [a, _]
-  ), ee = k === "all" ? I.length : k, z = I.slice(0, ee), h = Math.max(
+  const [x, y] = L(!1), [A, Y] = L(""), [B, V] = L(0), [$, j] = L(!1), [K, X] = L({}), F = se(null), U = se(null), G = se(null), S = se(null), O = p && a.length >= w, R = it(() => new Set(e), [e]), I = it(
+    () => a.filter((T) => R.has(T.value)),
+    [a, R]
+  ), ee = k === "all" ? I.length : k, H = I.slice(0, ee), h = Math.max(
     0,
-    I.length - z.length
-  ), R = O && A.trim() ? a.filter(
+    I.length - H.length
+  ), _ = O && A.trim() ? a.filter(
     (T) => {
       var ie;
       return T.label.toLowerCase().includes(A.toLowerCase()) || ((ie = T.sublabel) == null ? void 0 : ie.toLowerCase().includes(A.toLowerCase()));
     }
   ) : a, q = Ce(() => {
-    const T = j.current;
+    const T = F.current;
     if (!T) return;
     const ie = T.getBoundingClientRect(), pe = O ? 304 : 244, W = window.innerHeight - ie.bottom, te = W < pe && ie.top > W;
     X({
@@ -6101,17 +6123,17 @@ function sc({
     (T) => {
       const ie = a.find((W) => W.value === T);
       if (ie != null && ie.disabled) return;
-      const pe = _.has(T) ? e.filter((W) => W !== T) : [...e, T];
+      const pe = R.has(T) ? e.filter((W) => W !== T) : [...e, T];
       ae(pe);
     },
-    [ae, a, e, _]
+    [ae, a, e, R]
   ), ve = Ce(() => ae([]), [ae]);
-  Q(() => H(!0), []), Q(() => {
+  Q(() => j(!0), []), Q(() => {
     if (!x) return;
     function T(ie) {
       var W, te;
       const pe = ie.target;
-      !((W = j.current) != null && W.contains(pe)) && !((te = U.current) != null && te.contains(pe)) && (y(!1), K(""));
+      !((W = F.current) != null && W.contains(pe)) && !((te = U.current) != null && te.contains(pe)) && (y(!1), Y(""));
     }
     return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
   }, [x]), Q(() => {
@@ -6134,7 +6156,7 @@ function sc({
       (T.key === "Enter" || T.key === " " || T.key === "ArrowDown") && (T.preventDefault(), y(!0));
       return;
     }
-    T.key === "Escape" && (T.preventDefault(), y(!1), K("")), T.key === "ArrowDown" && (T.preventDefault(), V((ie) => Math.min(ie + 1, R.length - 1))), T.key === "ArrowUp" && (T.preventDefault(), V((ie) => Math.max(ie - 1, 0))), T.key === "Enter" && R[B] && (T.preventDefault(), re(R[B].value)), T.key === "Backspace" && !A && e.length && (T.preventDefault(), ae(e.slice(0, -1)));
+    T.key === "Escape" && (T.preventDefault(), y(!1), Y("")), T.key === "ArrowDown" && (T.preventDefault(), V((ie) => Math.min(ie + 1, _.length - 1))), T.key === "ArrowUp" && (T.preventDefault(), V((ie) => Math.max(ie - 1, 0))), T.key === "Enter" && _[B] && (T.preventDefault(), re(_[B].value)), T.key === "Backspace" && !A && e.length && (T.preventDefault(), ae(e.slice(0, -1)));
   }
   const me = /* @__PURE__ */ l(
     "div",
@@ -6142,7 +6164,7 @@ function sc({
       ref: U,
       className: "overflow-hidden rounded-xl shadow-xl",
       style: {
-        ...Y,
+        ...K,
         background: "var(--bg-card)",
         border: "1px solid var(--border)"
       },
@@ -6166,7 +6188,7 @@ function sc({
                   ref: G,
                   value: A,
                   onChange: (T) => {
-                    K(T.target.value), V(0);
+                    Y(T.target.value), V(0);
                   },
                   placeholder: "Buscar…",
                   className: "min-w-0 flex-1 bg-transparent text-sm outline-none",
@@ -6178,7 +6200,7 @@ function sc({
                 {
                   type: "button",
                   onMouseDown: (T) => {
-                    T.preventDefault(), K("");
+                    T.preventDefault(), Y("");
                   },
                   children: /* @__PURE__ */ t(
                     Ie,
@@ -6233,8 +6255,8 @@ function sc({
               overscrollBehavior: "contain"
             },
             children: [
-              R.map((T, ie) => {
-                const pe = ie === B, W = _.has(T.value);
+              _.map((T, ie) => {
+                const pe = ie === B, W = R.has(T.value);
                 return /* @__PURE__ */ l(
                   "li",
                   {
@@ -6295,7 +6317,7 @@ function sc({
                   T.value
                 );
               }),
-              R.length === 0 && /* @__PURE__ */ t(
+              _.length === 0 && /* @__PURE__ */ t(
                 "li",
                 {
                   className: "px-3 py-4 text-center text-sm",
@@ -6312,7 +6334,7 @@ function sc({
   return /* @__PURE__ */ l(
     "div",
     {
-      ref: j,
+      ref: F,
       className: `relative ${c || "w-full"}`,
       style: d,
       onKeyDown: M,
@@ -6336,8 +6358,8 @@ function sc({
             "aria-haspopup": "listbox",
             "aria-expanded": x,
             children: [
-              /* @__PURE__ */ t("span", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5 overflow-hidden", children: z.length ? /* @__PURE__ */ l(ze, { children: [
-                z.map((T) => /* @__PURE__ */ l(
+              /* @__PURE__ */ t("span", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5 overflow-hidden", children: H.length ? /* @__PURE__ */ l(ze, { children: [
+                H.map((T) => /* @__PURE__ */ l(
                   "span",
                   {
                     className: `inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-semibold ${f ? "max-w-[160px]" : "max-w-full whitespace-normal"}`,
@@ -6406,7 +6428,7 @@ function sc({
             ]
           }
         ),
-        x && E && Ze(me, document.body)
+        x && $ && Ze(me, document.body)
       ]
     }
   );
@@ -6725,30 +6747,30 @@ function uc({
   countryCodeClassName: x = "",
   countryCodeWidth: y = 84,
   onPhoneValueChange: A,
-  label: K,
+  label: Y,
   containerClassName: B = "",
   helperText: V,
-  labelAction: E,
-  className: H = "",
-  required: Y,
+  labelAction: $,
+  className: j = "",
+  required: K,
   disabled: X,
-  floatingLabel: j,
+  floatingLabel: F,
   showPasswordToggle: U,
   nativeValidation: G,
   errorTooltipLabel: S = "Error de validacion",
   ...O
 }) {
   var ne;
-  const [_, I] = L(
+  const [R, I] = L(
     () => ln(m)
-  ), [ee, z] = L(
+  ), [ee, H] = L(
     () => Nr(w)
   ), h = it(() => {
     const xe = C ?? Fi, le = f == null ? void 0 : f.map(Nr);
-    return le != null && le.length ? xe.filter(($) => le.includes($.value)) : xe;
-  }, [f, C]), R = ((ne = h[0]) == null ? void 0 : ne.value) ?? "+1", q = h.some(
+    return le != null && le.length ? xe.filter((E) => le.includes(E.value)) : xe;
+  }, [f, C]), _ = ((ne = h[0]) == null ? void 0 : ne.value) ?? "+1", q = h.some(
     (xe) => xe.value === Nr(p ?? ee)
-  ) ? Nr(p ?? ee) : R, ae = d !== void 0 ? ln(d) : _, re = `${q} ${ae}`.trim(), ve = a && ae.length > 0 && !jn(re) ? n : void 0, M = c ?? ve, me = !!M, T = me && i !== "tooltip", ie = me && i !== "inline", pe = me ? "border-[var(--danger)] focus-within:border-[var(--danger)]" : "border-[var(--border)] focus-within:border-[var(--primary)]", W = (xe) => {
+  ) ? Nr(p ?? ee) : _, ae = d !== void 0 ? ln(d) : R, re = `${q} ${ae}`.trim(), ve = a && ae.length > 0 && !jn(re) ? n : void 0, M = c ?? ve, me = !!M, T = me && i !== "tooltip", ie = me && i !== "inline", pe = me ? "border-[var(--danger)] focus-within:border-[var(--danger)]" : "border-[var(--border)] focus-within:border-[var(--primary)]", W = (xe) => {
     const le = xe.currentTarget.value;
     d === void 0 && I(le), A == null || A(le, {
       countryCode: q,
@@ -6756,7 +6778,7 @@ function uc({
       fullNumber: `${q} ${le}`.trim()
     }), b == null || b(xe);
   }, te = (xe) => {
-    p === void 0 && z(xe), k == null || k(xe), A == null || A(ae, {
+    p === void 0 && H(xe), k == null || k(xe), A == null || A(ae, {
       countryCode: xe,
       nationalNumber: ae,
       fullNumber: `${xe} ${ae}`.trim()
@@ -6781,9 +6803,9 @@ function uc({
   ) : null;
   return /* @__PURE__ */ l("div", { className: `flex flex-col gap-2 ${B}`, children: [
     /* @__PURE__ */ l("span", { className: "inline-flex items-center gap-1 text-xs font-semibold uppercase text-[var(--text-muted)]", children: [
-      /* @__PURE__ */ t("span", { children: K }),
-      Y && /* @__PURE__ */ t("span", { className: "text-[var(--danger)]", children: "*" }),
-      E && /* @__PURE__ */ t("span", { className: "ml-auto normal-case", children: E })
+      /* @__PURE__ */ t("span", { children: Y }),
+      K && /* @__PURE__ */ t("span", { className: "text-[var(--danger)]", children: "*" }),
+      $ && /* @__PURE__ */ t("span", { className: "ml-auto normal-case", children: $ })
     ] }),
     /* @__PURE__ */ l(
       "span",
@@ -6823,9 +6845,9 @@ function uc({
                 autoComplete: e,
                 disabled: X,
                 required: void 0,
-                "aria-label": O["aria-label"] ?? (typeof K == "string" ? K : void 0),
+                "aria-label": O["aria-label"] ?? (typeof Y == "string" ? Y : void 0),
                 "aria-invalid": me || O["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" : ""} ${H}`,
+                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" : ""} ${j}`,
                 onChange: W
               }
             ),
@@ -6939,7 +6961,7 @@ function bc({
   placeholder: a = "Escribe algo...",
   minHeight: n = "80px"
 }) {
-  const i = se(null), c = se(null), d = se(null), m = se(!1), b = se(e ?? ""), p = se(r), [w, k] = L(() => !e || e.trim() === ""), [f, C] = L(/* @__PURE__ */ new Set()), [N, x] = L(null), [y, A] = L(""), [K, B] = L(""), [V, E] = L(""), [H, Y] = L(""), [X, j] = L(!1), U = Ce(
+  const i = se(null), c = se(null), d = se(null), m = se(!1), b = se(e ?? ""), p = se(r), [w, k] = L(() => !e || e.trim() === ""), [f, C] = L(/* @__PURE__ */ new Set()), [N, x] = L(null), [y, A] = L(""), [Y, B] = L(""), [V, $] = L(""), [j, K] = L(""), [X, F] = L(!1), U = Ce(
     () => m.current ? c.current : i.current,
     []
   );
@@ -6947,27 +6969,27 @@ function bc({
     p.current = r;
   }, [r]);
   const G = Ce(() => {
-    const $ = window.getSelection(), P = U();
-    if (!$ || !P || $.rangeCount === 0 || $.isCollapsed)
+    const E = window.getSelection(), P = U();
+    if (!E || !P || E.rangeCount === 0 || E.isCollapsed)
       return "";
-    const ce = $.getRangeAt(0);
-    return !P.contains(ce.startContainer) || !P.contains(ce.endContainer) ? "" : $.toString();
+    const ce = E.getRangeAt(0);
+    return !P.contains(ce.startContainer) || !P.contains(ce.endContainer) ? "" : E.toString();
   }, [U]);
   Q(() => {
-    const $ = e ?? "";
-    b.current = $;
+    const E = e ?? "";
+    b.current = E;
     const P = [i.current, c.current].filter(
       (de) => !!de
     );
     P.forEach((de) => {
-      de.innerHTML !== $ && (de.innerHTML = $);
-    }), k(!$ || $.trim() === "");
+      de.innerHTML !== E && (de.innerHTML = E);
+    }), k(!E || E.trim() === "");
     const ce = P.map((de) => sn(de));
     return () => ce.forEach((de) => de());
   }, [e]), Q(() => {
     var de, Se;
     m.current = X;
-    let $, P = 0, ce;
+    let E, P = 0, ce;
     if (X) {
       const be = i.current;
       be && (b.current = be.innerHTML);
@@ -6978,7 +7000,7 @@ function bc({
           P = requestAnimationFrame(Ee);
           return;
         }
-        Ne.innerHTML !== b.current && (Ne.innerHTML = b.current), $ = sn(Ne), k(((ue = Ne.textContent) == null ? void 0 : ue.trim()) === ""), ce = setTimeout(() => Ne.focus(), 60);
+        Ne.innerHTML !== b.current && (Ne.innerHTML = b.current), E = sn(Ne), k(((ue = Ne.textContent) == null ? void 0 : ue.trim()) === ""), ce = setTimeout(() => Ne.focus(), 60);
       };
       P = requestAnimationFrame(Ee);
     } else {
@@ -6986,11 +7008,11 @@ function bc({
       b.current = Ne, Ee && Ee.innerHTML !== Ne && (Ee.innerHTML = Ne), Ne !== ue && p.current(Ne), k(((Se = (de = be ?? Ee) == null ? void 0 : de.textContent) == null ? void 0 : Se.trim()) === "");
     }
     return () => {
-      P && cancelAnimationFrame(P), ce && clearTimeout(ce), $ == null || $();
+      P && cancelAnimationFrame(P), ce && clearTimeout(ce), E == null || E();
     };
   }, [X]);
   const S = Ce(() => {
-    const $ = [
+    const E = [
       "bold",
       "italic",
       "underline",
@@ -7002,7 +7024,7 @@ function bc({
       "justifyRight",
       "justifyFull"
     ], P = /* @__PURE__ */ new Set();
-    $.forEach((de) => {
+    E.forEach((de) => {
       try {
         document.queryCommandState(de) && P.add(de);
       } catch {
@@ -7021,54 +7043,54 @@ function bc({
     Qr(ce, "uppercase") && P.add("__upper"), Qr(ce, "lowercase") && P.add("__lower"), Qr(ce, "capitalize") && P.add("__cap"), C(P);
   }, [G]), O = () => {
     var P;
-    const $ = U();
-    $ && (b.current = $.innerHTML, p.current(b.current), k(((P = $.textContent) == null ? void 0 : P.trim()) === ""));
-  }, _ = ($) => {
-    if (!$) {
+    const E = U();
+    E && (b.current = E.innerHTML, p.current(b.current), k(((P = E.textContent) == null ? void 0 : P.trim()) === ""));
+  }, R = (E) => {
+    if (!E) {
       const P = i.current;
       P && (b.current = P.innerHTML);
     }
-    j(!$);
-  }, I = ($, P) => {
+    F(!E);
+  }, I = (E, P) => {
     var ce;
-    (ce = U()) == null || ce.focus(), document.execCommand($, !1, P), O(), S();
-  }, ee = ($) => {
-    I("formatBlock", $);
-  }, z = () => {
-    var $;
-    ($ = U()) == null || $.focus(), document.execCommand("insertHTML", !1, "<hr><p><br></p>"), O(), S();
+    (ce = U()) == null || ce.focus(), document.execCommand(E, !1, P), O(), S();
+  }, ee = (E) => {
+    I("formatBlock", E);
+  }, H = () => {
+    var E;
+    (E = U()) == null || E.focus(), document.execCommand("insertHTML", !1, "<hr><p><br></p>"), O(), S();
   }, h = () => {
-    const $ = window.getSelection();
-    $ && $.rangeCount > 0 && (d.current = $.getRangeAt(0).cloneRange());
-  }, R = () => {
-    const $ = window.getSelection();
-    $ && d.current && ($.removeAllRanges(), $.addRange(d.current));
-  }, q = ($) => {
-    if (h(), $ === "link") {
+    const E = window.getSelection();
+    E && E.rangeCount > 0 && (d.current = E.getRangeAt(0).cloneRange());
+  }, _ = () => {
+    const E = window.getSelection();
+    E && d.current && (E.removeAllRanges(), E.addRange(d.current));
+  }, q = (E) => {
+    if (h(), E === "link") {
       const P = window.getSelection();
       B(
         P && !P.isCollapsed ? P.toString() : ""
       ), A("");
     }
-    $ === "image" && (E(""), Y("")), x($);
+    E === "image" && ($(""), K("")), x(E);
   }, ae = () => {
     var de;
     if (!y.trim()) return;
-    R(), (de = U()) == null || de.focus();
-    const $ = window.getSelection(), ce = ($ && !$.isCollapsed ? $.toString() : "") || K.trim() || y.trim();
+    _(), (de = U()) == null || de.focus();
+    const E = window.getSelection(), ce = (E && !E.isCollapsed ? E.toString() : "") || Y.trim() || y.trim();
     document.execCommand(
       "insertHTML",
       !1,
       `<a href="${kr(y.trim())}" target="_blank" rel="noopener noreferrer" class="rich-link">${kr(ce)}</a>`
     ), O(), x(null);
-  }, re = ($, P = "") => `<span class="rich-img-wrap" contenteditable="false"><img src="${kr($)}" alt="${kr(P)}" class="rich-img" />${Pn()}</span>`, ve = () => {
-    var $;
-    V.trim() && (R(), ($ = U()) == null || $.focus(), document.execCommand(
+  }, re = (E, P = "") => `<span class="rich-img-wrap" contenteditable="false"><img src="${kr(E)}" alt="${kr(P)}" class="rich-img" />${Pn()}</span>`, ve = () => {
+    var E;
+    V.trim() && (_(), (E = U()) == null || E.focus(), document.execCommand(
       "insertHTML",
       !1,
-      re(V.trim(), H.trim())
+      re(V.trim(), j.trim())
     ), O(), x(null));
-  }, M = ($, P = 1200, ce = 1200, de = 0.72) => new Promise((Se, be) => {
+  }, M = (E, P = 1200, ce = 1200, de = 0.72) => new Promise((Se, be) => {
     const Ee = new FileReader();
     Ee.onerror = be, Ee.onload = (Ne) => {
       var Qe;
@@ -7088,11 +7110,11 @@ function bc({
         }
         Te.drawImage(Fe, 0, 0, qe, Z), Se(Me.toDataURL("image/jpeg", de));
       }, Fe.src = ue;
-    }, Ee.readAsDataURL($);
-  }), me = ($) => {
-    const ce = Array.from($.clipboardData.items).find((Se) => Se.type.startsWith("image/"));
+    }, Ee.readAsDataURL(E);
+  }), me = (E) => {
+    const ce = Array.from(E.clipboardData.items).find((Se) => Se.type.startsWith("image/"));
     if (!ce) return;
-    $.preventDefault();
+    E.preventDefault();
     const de = ce.getAsFile();
     de && M(de).then((Se) => {
       var be;
@@ -7102,7 +7124,7 @@ function bc({
         re(Se, "imagen")
       ), O();
     });
-  }, T = ($) => {
+  }, T = (E) => {
     const P = window.getSelection(), ce = U();
     if (!P || !ce || P.rangeCount === 0 || P.isCollapsed)
       return;
@@ -7112,7 +7134,7 @@ function bc({
     const Se = de.toString();
     if (!Se) return;
     let be = Se;
-    $ === "uppercase" ? be = Se.toLocaleUpperCase() : $ === "lowercase" ? be = Se.toLocaleLowerCase() : be = Wn(Se), de.deleteContents();
+    E === "uppercase" ? be = Se.toLocaleUpperCase() : E === "lowercase" ? be = Se.toLocaleLowerCase() : be = Wn(Se), de.deleteContents();
     const Ee = document.createTextNode(be);
     de.insertNode(Ee);
     const Ne = document.createRange();
@@ -7121,25 +7143,25 @@ function bc({
     h(), S();
   }, pe = () => {
     O(), S();
-  }, W = ($) => {
-    if ($.key === "Escape") {
+  }, W = (E) => {
+    if (E.key === "Escape") {
       if (N) {
         x(null);
         return;
       }
       if (m.current) {
-        j(!1);
+        F(!1);
         return;
       }
     }
-    N || ($.ctrlKey || $.metaKey) && ($.key === "b" && ($.preventDefault(), I("bold")), $.key === "i" && ($.preventDefault(), I("italic")), $.key === "u" && ($.preventDefault(), I("underline")), $.key === "k" && ($.preventDefault(), q("link")));
+    N || (E.ctrlKey || E.metaKey) && (E.key === "b" && (E.preventDefault(), I("bold")), E.key === "i" && (E.preventDefault(), I("italic")), E.key === "u" && (E.preventDefault(), I("underline")), E.key === "k" && (E.preventDefault(), q("link")));
   }, te = () => /* @__PURE__ */ t(
     "div",
     {
       className: "h-4 w-px flex-shrink-0 mx-1",
       style: { background: "var(--border)" }
     }
-  ), J = ($, P, ce, de, Se) => {
+  ), J = (E, P, ce, de, Se) => {
     const be = Se ?? (f.has(ce) || ce === "__link" && N === "link" || ce === "__img" && N === "image");
     return /* @__PURE__ */ t(
       "button",
@@ -7154,23 +7176,23 @@ function bc({
           color: be ? "var(--primary)" : "var(--text-secondary)",
           background: be ? "rgba(59,130,246,0.12)" : "transparent"
         },
-        children: $
+        children: E
       },
       ce
     );
-  }, ne = ($) => {
-    const P = $.target;
+  }, ne = (E) => {
+    const P = E.target;
     if (P.closest("[data-action='delete-img']")) {
-      $.preventDefault();
+      E.preventDefault();
       const ce = P.closest(".rich-img-wrap");
       ce && (ce.remove(), O());
     }
-  }, xe = ($) => /* @__PURE__ */ l(ze, { children: [
+  }, xe = (E) => /* @__PURE__ */ l(ze, { children: [
     N === "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: $ },
+        style: { borderColor: "var(--border)", background: E },
         children: [
           /* @__PURE__ */ t(
             "input",
@@ -7195,7 +7217,7 @@ function bc({
             "input",
             {
               type: "text",
-              value: K,
+              value: Y,
               onChange: (P) => B(P.target.value),
               onKeyDown: (P) => {
                 P.key === "Enter" && (P.preventDefault(), ae()), P.key === "Escape" && x(null);
@@ -7236,7 +7258,7 @@ function bc({
       "div",
       {
         className: "flex flex-shrink-0 flex-wrap items-center gap-2 border-t px-3 py-2",
-        style: { borderColor: "var(--border)", background: $ },
+        style: { borderColor: "var(--border)", background: E },
         children: [
           /* @__PURE__ */ t(
             "input",
@@ -7244,7 +7266,7 @@ function bc({
               autoFocus: !0,
               type: "url",
               value: V,
-              onChange: (P) => E(P.target.value),
+              onChange: (P) => $(P.target.value),
               onKeyDown: (P) => {
                 P.key === "Enter" && (P.preventDefault(), ve()), P.key === "Escape" && x(null);
               },
@@ -7261,8 +7283,8 @@ function bc({
             "input",
             {
               type: "text",
-              value: H,
-              onChange: (P) => Y(P.target.value),
+              value: j,
+              onChange: (P) => K(P.target.value),
               onKeyDown: (P) => {
                 P.key === "Enter" && (P.preventDefault(), ve()), P.key === "Escape" && x(null);
               },
@@ -7298,7 +7320,7 @@ function bc({
         ]
       }
     )
-  ] }), le = ($, P) => /* @__PURE__ */ l(
+  ] }), le = (E, P) => /* @__PURE__ */ l(
     "div",
     {
       className: "flex flex-shrink-0 flex-wrap items-center gap-0.5 border-t px-2 py-1",
@@ -7431,7 +7453,7 @@ function bc({
           /* @__PURE__ */ t(yn, { className: "h-4 w-4" }),
           "Insertar separador",
           "__divider",
-          z
+          H
         ),
         te(),
         J(
@@ -7450,13 +7472,13 @@ function bc({
           "button",
           {
             type: "button",
-            title: $ ? "Salir del modo de enfoque (Esc)" : "Modo de enfoque",
+            title: E ? "Salir del modo de enfoque (Esc)" : "Modo de enfoque",
             onMouseDown: (ce) => {
-              ce.preventDefault(), _($);
+              ce.preventDefault(), R(E);
             },
             className: "flex h-7 w-7 items-center justify-center rounded transition-colors",
             style: { color: "var(--text-secondary)" },
-            children: $ ? /* @__PURE__ */ t(Xo, { className: "h-4 w-4" }) : /* @__PURE__ */ t(Zo, { className: "h-4 w-4" })
+            children: E ? /* @__PURE__ */ t(Xo, { className: "h-4 w-4" }) : /* @__PURE__ */ t(Zo, { className: "h-4 w-4" })
           }
         )
       ]
@@ -7503,7 +7525,7 @@ function bc({
       Bn,
       {
         open: X,
-        onClose: () => j(!1),
+        onClose: () => F(!1),
         title: "Modo de enfoque",
         subtitle: "Esc para salir",
         maxWidth: "920px",
@@ -7699,25 +7721,25 @@ function hc({
   optionClassName: f,
   spinnerClassName: C
 }) {
-  const [N, x] = L(!1), [y, A] = L(!1), [K, B] = L(-1), [V, E] = L({}), H = se(null), Y = se(null), X = se(null), j = r.find((h) => h.value === e) ?? r[0], U = {
-    ...j != null && j.tone ? cn[j.tone] : void 0,
-    ...j == null ? void 0 : j.style
+  const [N, x] = L(!1), [y, A] = L(!1), [Y, B] = L(-1), [V, $] = L({}), j = se(null), K = se(null), X = se(null), F = r.find((h) => h.value === e) ?? r[0], U = {
+    ...F != null && F.tone ? cn[F.tone] : void 0,
+    ...F == null ? void 0 : F.style
   }, G = i || c || r.length === 0, S = (h) => {
     d && h.stopPropagation();
   }, O = Ce(() => {
     x(!1), B(-1);
-  }, []), _ = Ce(() => {
-    const h = H.current;
+  }, []), R = Ce(() => {
+    const h = j.current;
     if (!h) return;
-    const R = h.getBoundingClientRect(), q = Math.max(R.width, Ki[n]), ae = Math.min(Math.max(r.length, 1) * 38 + 12, 260), re = window.innerHeight - R.bottom, ve = re < ae && R.top > re, M = Math.min(
-      Math.max(8, R.left + R.width / 2 - q / 2),
+    const _ = h.getBoundingClientRect(), q = Math.max(_.width, Ki[n]), ae = Math.min(Math.max(r.length, 1) * 38 + 12, 260), re = window.innerHeight - _.bottom, ve = re < ae && _.top > re, M = Math.min(
+      Math.max(8, _.left + _.width / 2 - q / 2),
       window.innerWidth - q - 8
     );
-    E({
+    $({
       position: "fixed",
       left: M,
-      top: ve ? void 0 : R.bottom + 6,
-      bottom: ve ? window.innerHeight - R.top + 6 : void 0,
+      top: ve ? void 0 : _.bottom + 6,
+      bottom: ve ? window.innerHeight - _.top + 6 : void 0,
       width: q,
       zIndex: 9999
     });
@@ -7729,27 +7751,27 @@ function hc({
   );
   Q(() => A(!0), []), Q(() => {
     if (!N) return;
-    _();
-    const h = r.findIndex((R) => R.value === e);
+    R();
+    const h = r.findIndex((_) => _.value === e);
     B(h >= 0 ? h : 0);
-  }, [N, r, _, e]), Q(() => {
+  }, [N, r, R, e]), Q(() => {
     if (!N) return;
-    function h(R) {
+    function h(_) {
       var ae, re;
-      const q = R.target;
-      !((ae = H.current) != null && ae.contains(q)) && !((re = Y.current) != null && re.contains(q)) && O();
+      const q = _.target;
+      !((ae = j.current) != null && ae.contains(q)) && !((re = K.current) != null && re.contains(q)) && O();
     }
     return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
   }, [O, N]), Q(() => {
     if (N)
-      return window.addEventListener("resize", _), window.addEventListener("scroll", _, !0), () => {
-        window.removeEventListener("resize", _), window.removeEventListener("scroll", _, !0);
+      return window.addEventListener("resize", R), window.addEventListener("scroll", R, !0), () => {
+        window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
       };
-  }, [N, _]), Q(() => {
-    if (K < 0 || !X.current) return;
-    const h = X.current.children[K];
+  }, [N, R]), Q(() => {
+    if (Y < 0 || !X.current) return;
+    const h = X.current.children[Y];
     h == null || h.scrollIntoView({ block: "nearest" });
-  }, [K]);
+  }, [Y]);
   function ee(h) {
     if (!G) {
       if (!N) {
@@ -7761,24 +7783,24 @@ function hc({
         return;
       }
       if (h.key === "ArrowDown") {
-        h.preventDefault(), B((R) => Math.min(R + 1, r.length - 1));
+        h.preventDefault(), B((_) => Math.min(_ + 1, r.length - 1));
         return;
       }
       if (h.key === "ArrowUp") {
-        h.preventDefault(), B((R) => Math.max(R - 1, 0));
+        h.preventDefault(), B((_) => Math.max(_ - 1, 0));
         return;
       }
       if (h.key === "Enter" || h.key === " ") {
         h.preventDefault();
-        const R = r[K];
-        R && I(R);
+        const _ = r[Y];
+        _ && I(_);
       }
     }
   }
-  const z = /* @__PURE__ */ t(
+  const H = /* @__PURE__ */ t(
     "div",
     {
-      ref: Y,
+      ref: K,
       role: "listbox",
       "aria-label": m,
       className: ht(
@@ -7804,8 +7826,8 @@ function hc({
             scrollbarColor: "var(--border) transparent",
             overscrollBehavior: "contain"
           },
-          children: r.map((h, R) => {
-            const q = h.value === e, ae = R === K, re = {
+          children: r.map((h, _) => {
+            const q = h.value === e, ae = _ === Y, re = {
               ...h.tone ? cn[h.tone] : void 0,
               ...h.style
             };
@@ -7816,7 +7838,7 @@ function hc({
                 role: "option",
                 "aria-selected": q,
                 disabled: h.disabled,
-                onMouseEnter: () => !h.disabled && B(R),
+                onMouseEnter: () => !h.disabled && B(_),
                 onMouseDown: (ve) => {
                   ve.preventDefault(), I(h);
                 },
@@ -7846,7 +7868,7 @@ function hc({
   return /* @__PURE__ */ l(
     "span",
     {
-      ref: H,
+      ref: j,
       className: ht("relative inline-flex shrink-0 items-center", p),
       onKeyDown: ee,
       onClick: S,
@@ -7865,11 +7887,11 @@ function hc({
             className: ht(
               "inline-flex items-center rounded-full border border-transparent font-medium leading-none outline-none transition-colors hover:border-current focus:border-current disabled:cursor-wait disabled:opacity-70",
               Ui[n],
-              j == null ? void 0 : j.className,
+              F == null ? void 0 : F.className,
               w
             ),
             style: U,
-            children: /* @__PURE__ */ t("span", { className: "min-w-0 truncate", children: (j == null ? void 0 : j.label) ?? e })
+            children: /* @__PURE__ */ t("span", { className: "min-w-0 truncate", children: (F == null ? void 0 : F.label) ?? e })
           }
         ),
         /* @__PURE__ */ t(
@@ -7893,7 +7915,7 @@ function hc({
             )
           }
         ),
-        N && y && Ze(z, document.body)
+        N && y && Ze(H, document.body)
       ]
     }
   );
@@ -7994,25 +8016,25 @@ function xc({
   footerClassName: y = ""
 }) {
   var pe;
-  const A = ((pe = e[0]) == null ? void 0 : pe.id) ?? "", [K, B] = L(
+  const A = ((pe = e[0]) == null ? void 0 : pe.id) ?? "", [Y, B] = L(
     a ?? A
-  ), [V, E] = L(
+  ), [V, $] = L(
     i
-  ), H = r ?? K, Y = n ?? V, X = it(
-    () => new Set(Y),
-    [Y]
-  ), j = Math.max(
+  ), j = r ?? Y, K = n ?? V, X = it(
+    () => new Set(K),
+    [K]
+  ), F = Math.max(
     0,
-    e.findIndex((W) => W.id === H)
-  ), U = e[j] ?? e[0], G = e.length <= 1 ? 100 : j / (e.length - 1) * 100, S = (W) => {
-    n || E(W), d == null || d(W);
+    e.findIndex((W) => W.id === j)
+  ), U = e[F] ?? e[0], G = e.length <= 1 ? 100 : F / (e.length - 1) * 100, S = (W) => {
+    n || $(W), d == null || d(W);
   }, O = (W) => {
     const te = e.find((J) => J.id === W);
     te && (r || B(W), c == null || c(W, te));
-  }, _ = (W) => X.has(W), I = (W) => e.slice(0, W).find((te) => !te.optional && !X.has(te.id)), ee = (W) => {
+  }, R = (W) => X.has(W), I = (W) => e.slice(0, W).find((te) => !te.optional && !X.has(te.id)), ee = (W) => {
     const te = e[W];
-    return !te || te.disabled ? !1 : W === j || b && W < j ? !0 : !I(W);
-  }, z = (W) => {
+    return !te || te.disabled ? !1 : W === F || b && W < F ? !0 : !I(W);
+  }, H = (W) => {
     const te = e.findIndex((J) => J.id === W);
     return te >= 0 && ee(te);
   }, h = (W) => {
@@ -8023,32 +8045,32 @@ function xc({
       return J && (m == null || m(e[te], J)), !1;
     }
     return O(W), !0;
-  }, R = (W = U == null ? void 0 : U.id) => {
-    !W || X.has(W) || S([...Y, W]);
+  }, _ = (W = U == null ? void 0 : U.id) => {
+    !W || X.has(W) || S([...K, W]);
   }, q = (W = U == null ? void 0 : U.id) => {
     if (!W) return;
-    const te = e.findIndex((ne) => ne.id === W), J = Y.filter((ne) => {
+    const te = e.findIndex((ne) => ne.id === W), J = K.filter((ne) => {
       const xe = e.findIndex((le) => le.id === ne);
       return xe >= 0 && xe < te;
     });
-    S(J), te >= 0 && j > te && O(W);
-  }, ae = () => j <= 0 ? !1 : h(e[j - 1].id), re = () => {
-    const W = e[j + 1];
+    S(J), te >= 0 && F > te && O(W);
+  }, ae = () => F <= 0 ? !1 : h(e[F - 1].id), re = () => {
+    const W = e[F + 1];
     return W ? h(W.id) : !1;
   }, ve = {
     activeStep: U,
-    activeIndex: j,
-    completedStepIds: Y,
-    isCompleted: _,
-    isUnlocked: z,
-    completeStep: R,
+    activeIndex: F,
+    completedStepIds: K,
+    isCompleted: R,
+    isUnlocked: H,
+    completeStep: _,
     uncompleteStep: q,
     goToStep: h,
     goNext: re,
     goPrevious: ae
   };
   if (!U) return null;
-  const M = e[j + 1], me = j > 0, T = M ? z(M.id) : !1, ie = typeof U.content == "function" ? U.content(ve) : U.content;
+  const M = e[F + 1], me = F > 0, T = M ? H(M.id) : !1, ie = typeof U.content == "function" ? U.content(ve) : U.content;
   return /* @__PURE__ */ l(
     "section",
     {
@@ -8080,7 +8102,7 @@ function xc({
                     gridTemplateColumns: `repeat(${e.length}, minmax(0, 1fr))`
                   },
                   children: e.map((W, te) => {
-                    const J = W.id === U.id, ne = _(W.id), xe = ee(te), le = I(te);
+                    const J = W.id === U.id, ne = R(W.id), xe = ee(te), le = I(te);
                     return /* @__PURE__ */ l(
                       "button",
                       {
@@ -8184,13 +8206,13 @@ function xc({
               /* @__PURE__ */ l("div", { className: "flex items-center gap-3 text-xs text-[var(--text-muted)]", children: [
                 /* @__PURE__ */ l("span", { children: [
                   "Paso ",
-                  j + 1,
+                  F + 1,
                   " de ",
                   e.length
                 ] }),
                 /* @__PURE__ */ t("span", { className: "h-1 w-1 rounded-full bg-[var(--border)]" }),
                 /* @__PURE__ */ l("span", { children: [
-                  Y.length,
+                  K.length,
                   " completados"
                 ] })
               ] }),
@@ -8253,9 +8275,9 @@ const Qi = xn(
     defaultValue: x,
     maxLength: y,
     onInput: A,
-    ...K
+    ...Y
   }, B) {
-    const V = se(null), E = Ji(N, x), H = p ?? y, Y = !!(k || f || b), X = w === "error" ? "var(--danger)" : w === "success" ? "#16a34a" : "var(--border)", j = {
+    const V = se(null), $ = Ji(N, x), j = p ?? y, K = !!(k || f || b), X = w === "error" ? "var(--danger)" : w === "success" ? "#16a34a" : "var(--border)", F = {
       ...C ?? {},
       ...d ? { minHeight: `${d * 24 + 18}px` } : null,
       ...m ? { maxHeight: `${m * 24 + 18}px` } : null
@@ -8267,28 +8289,28 @@ const Qi = xn(
     const G = /* @__PURE__ */ t(
       "textarea",
       {
-        ...K,
+        ...Y,
         ref: (S) => {
           V.current = S, Zi(B, S);
         },
         value: N,
         defaultValue: x,
         maxLength: y,
-        "aria-invalid": w === "error" || K["aria-invalid"],
+        "aria-invalid": w === "error" || Y["aria-invalid"],
         onInput: (S) => {
           U(), A == null || A(S);
         },
-        style: { ...j, borderColor: X },
+        style: { ...F, borderColor: X },
         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 ${Gi[n]} ${Xi[c ? "none" : i]} ${k ? "pl-8" : ""} ${f ? "pr-10" : ""} ${r}`
       }
     );
-    return Y ? /* @__PURE__ */ l("span", { className: `relative block ${a}`, children: [
+    return K ? /* @__PURE__ */ l("span", { className: `relative block ${a}`, children: [
       k && /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2.5 top-2.5 flex h-4 w-4 items-center justify-center text-[var(--text-muted)]", children: k }),
       G,
       f && /* @__PURE__ */ t("span", { className: "absolute right-2 top-2 flex items-center justify-center", children: f }),
       b && /* @__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: [
-        E,
-        H ? `/${H}` : ""
+        $,
+        j ? `/${j}` : ""
       ] })
     ] }) : G;
   }
@@ -8498,18 +8520,18 @@ function us({
   className: f = "",
   style: C
 }) {
-  var _;
+  var R;
   const [N, x] = L(!1), y = typeof e == "string" && e.trim() && e !== "undefined" && e !== "null" ? e.trim() : "";
   Q(() => {
     x(!1);
   }, [y, k]);
-  const { wh: A, text: K } = as[n], B = bn(a) || bn(r) || m, V = B.trim()[0] || "?", E = typeof process < "u" && ((_ = process.env) == null ? void 0 : _.NEXT_PUBLIC_BASE_PATH) || "", H = cs(r, a), Y = ds(E, "/favicon.svg"), X = y ? `${E}/api/user/avatar/${y}${k ? `?v=${k}` : ""}` : "", U = {
+  const { wh: A, text: Y } = as[n], B = bn(a) || bn(r) || m, V = B.trim()[0] || "?", $ = typeof process < "u" && ((R = process.env) == null ? void 0 : R.NEXT_PUBLIC_BASE_PATH) || "", j = cs(r, a), K = ds($, "/favicon.svg"), X = y ? `${$}/api/user/avatar/${y}${k ? `?v=${k}` : ""}` : "", U = {
     xs: 20,
     sm: 28,
     md: 36,
     lg: 48,
     xl: 64
-  }[n], G = H ? /* @__PURE__ */ t(
+  }[n], G = j ? /* @__PURE__ */ t(
     "span",
     {
       className: `${A} ${is[n]} 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 ${f}`,
@@ -8517,7 +8539,7 @@ function us({
       children: /* @__PURE__ */ t(
         "img",
         {
-          src: Y,
+          src: K,
           alt: B,
           width: U,
           height: U,
@@ -8540,7 +8562,7 @@ function us({
   ) : /* @__PURE__ */ t(
     "span",
     {
-      className: `${A} ${ss(B)} ${K} rounded-full flex items-center justify-center font-black text-white uppercase flex-shrink-0 ${f}`,
+      className: `${A} ${ss(B)} ${Y} rounded-full flex items-center justify-center font-black text-white uppercase flex-shrink-0 ${f}`,
       style: C,
       title: B,
       children: V
@@ -8813,29 +8835,29 @@ function wc({
   contained: w = !1,
   LinkComponent: k = hs
 }) {
-  const f = se(null), [C, N] = L(!1), [x, y] = L(b ?? "/"), [A, K] = L(() => fn()), [B, V] = L(null), E = b ?? x, H = m ?? gs(E), Y = i ?? ys(E), X = p && !A && H.length > 1, j = !X;
+  const f = se(null), [C, N] = L(!1), [x, y] = L(b ?? "/"), [A, Y] = L(() => fn()), [B, V] = L(null), $ = b ?? x, j = m ?? gs($), K = i ?? ys($), X = p && !A && j.length > 1, F = !X;
   Q(() => {
     b || y(window.location.pathname);
   }, [b]), Q(() => {
-    K(fn());
+    Y(fn());
   }, []), Q(() => {
     if (w) {
       N(!1);
       return;
     }
     let G = null, S = 0, O = 0;
-    const _ = () => {
-      const z = f.current, h = document.querySelector(
+    const R = () => {
+      const H = f.current, h = document.querySelector(
         "[data-app-scroll='true']"
       );
-      return (z == null ? void 0 : z.closest(".os-viewport")) ?? (z == null ? void 0 : z.closest(
+      return (H == null ? void 0 : H.closest(".os-viewport")) ?? (H == null ? void 0 : H.closest(
         "[data-overlayscrollbars-viewport]"
       )) ?? ta(h) ?? h ?? window;
     }, I = () => {
-      const z = G && G !== window ? G.scrollTop : window.scrollY;
-      N((h) => h ? z > 24 : z > 72);
+      const H = G && G !== window ? G.scrollTop : window.scrollY;
+      N((h) => h ? H > 24 : H > 72);
     }, ee = () => {
-      G == null || G.removeEventListener("scroll", I), G = _(), G.addEventListener("scroll", I, { passive: !0 }), I();
+      G == null || G.removeEventListener("scroll", I), G = R(), G.addEventListener("scroll", I, { passive: !0 }), I();
     };
     return ee(), S = window.requestAnimationFrame(ee), O = window.setTimeout(ee, 120), () => {
       window.cancelAnimationFrame(S), window.clearTimeout(O), G == null || G.removeEventListener("scroll", I);
@@ -8861,17 +8883,17 @@ function wc({
       V(
         (te) => te && te.marginLeft === W.marginLeft && te.width === W.width ? te : W
       );
-    }, _ = () => {
+    }, R = () => {
       window.cancelAnimationFrame(G), G = window.requestAnimationFrame(O);
     };
-    _(), window.addEventListener("resize", _);
-    const I = new ResizeObserver(_), ee = f.current, z = ee == null ? void 0 : ee.parentElement, h = document.querySelector(
+    R(), window.addEventListener("resize", R);
+    const I = new ResizeObserver(R), ee = f.current, H = ee == null ? void 0 : ee.parentElement, h = document.querySelector(
       "[data-app-scroll='true']"
-    ), R = ta(h) ?? h;
-    return [z, h, R].forEach((q) => {
+    ), _ = ta(h) ?? h;
+    return [H, h, _].forEach((q) => {
       q && I.observe(q);
-    }), S.push(window.setTimeout(_, 120)), S.push(window.setTimeout(_, 280)), () => {
-      window.cancelAnimationFrame(G), window.removeEventListener("resize", _), I.disconnect(), S.forEach((q) => window.clearTimeout(q));
+    }), S.push(window.setTimeout(R, 120)), S.push(window.setTimeout(R, 280)), () => {
+      window.cancelAnimationFrame(G), window.removeEventListener("resize", R), I.disconnect(), S.forEach((q) => window.clearTimeout(q));
     };
   }, [w]);
   const U = {
@@ -8896,12 +8918,12 @@ function wc({
       children: /* @__PURE__ */ l(
         "div",
         {
-          className: `flex flex-wrap items-center justify-between transition-[gap,min-height,padding] duration-300 ease-out ${C ? "min-h-8 gap-1.5 px-3 py-0 sm:min-h-9 sm:gap-2" : j ? "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"} ${d}`,
+          className: `flex flex-wrap items-center justify-between transition-[gap,min-height,padding] duration-300 ease-out ${C ? "min-h-8 gap-1.5 px-3 py-0 sm:min-h-9 sm:gap-2" : F ? "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"} ${d}`,
           children: [
             /* @__PURE__ */ l(
               "div",
               {
-                className: `min-w-0 flex flex-1 flex-col justify-center transition-[gap,transform] duration-300 ease-out ${C || j ? "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 ${C || F ? "gap-1" : "gap-1.5 sm:gap-2"}`,
                 children: [
                   X && /* @__PURE__ */ t(
                     "nav",
@@ -8912,8 +8934,8 @@ function wc({
                         "ol",
                         {
                           className: `flex flex-wrap items-center gap-1.5 leading-none transition-[font-size,line-height] duration-300 ease-out ${C ? "text-[10px]" : "text-[10px] sm:text-[11px]"}`,
-                          children: H.map((G, S) => {
-                            const O = S === H.length - 1;
+                          children: j.map((G, S) => {
+                            const O = S === j.length - 1;
                             return /* @__PURE__ */ l(
                               "li",
                               {
@@ -8957,7 +8979,7 @@ function wc({
                   /* @__PURE__ */ l(
                     "div",
                     {
-                      className: `flex min-w-0 items-center transition-[gap,transform] duration-300 ease-out ${C || j ? "gap-2" : "gap-2.5 sm:gap-3"}`,
+                      className: `flex min-w-0 items-center transition-[gap,transform] duration-300 ease-out ${C || F ? "gap-2" : "gap-2.5 sm:gap-3"}`,
                       children: [
                         /* @__PURE__ */ t(
                           "span",
@@ -8966,7 +8988,7 @@ function wc({
                             style: {
                               color: X ? "var(--text-secondary)" : "var(--text-muted)"
                             },
-                            children: Y
+                            children: K
                           }
                         ),
                         /* @__PURE__ */ l(