bonsaif-ui 0.1.15 → 0.1.17

package/dist/bonsaif-ui.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t, jsxs as o, Fragment as Ce } from "react/jsx-runtime";
-import { HiMagnifyingGlass as Ge, HiXMark as ye, HiInformationCircle as Ht, HiExclamationCircle as Ir, HiExclamationTriangle as $t, HiCheckCircle as jr, HiChevronLeft as qe, HiChevronDown as Ye, HiChevronRight as Ie, HiCalendarDays as kt, HiCheck as Qe, HiClipboardDocument as Pr, HiLink as Rr, HiChevronUp as _r, HiChevronUpDown as Hr, HiEllipsisVertical as Wr, HiInbox as sr, HiLockClosed as Fr, HiBars3 as Ur, HiHome as lt, HiArrowRightOnRectangle as qr, HiShieldCheck as vt, HiListBullet as Wt, HiBriefcase as Yr, HiCog6Tooth as Ft, HiUsers as Ut, HiDocumentText as Gr, HiBell as Kr, HiUser as Vr, HiClipboardDocumentList as Xr, HiBuildingOffice2 as Zr, HiRectangleGroup as Jr, HiTicket as Qr, HiChartBar as en } from "react-icons/hi2";
-import ke, { useRef as J, useState as T, useEffect as H, createContext as tn, useLayoutEffect as rn, useContext as nn, isValidElement as Et, Children as an, useMemo as je, useCallback as ve, cloneElement as on, forwardRef as sn, useSyncExternalStore as ln } from "react";
+import { HiMagnifyingGlass as Ve, HiXMark as ye, HiInformationCircle as Ht, HiExclamationCircle as Ir, HiExclamationTriangle as $t, HiCheckCircle as jr, HiChevronLeft as qe, HiChevronDown as Ye, HiChevronRight as Ie, HiCalendarDays as kt, HiCheck as Qe, HiClipboardDocument as Pr, HiLink as Rr, HiChevronUp as _r, HiChevronUpDown as Hr, HiEllipsisVertical as Wr, HiInbox as sr, HiLockClosed as Fr, HiBars3 as Ur, HiHome as lt, HiArrowRightOnRectangle as qr, HiShieldCheck as vt, HiListBullet as Wt, HiBriefcase as Yr, HiCog6Tooth as Ft, HiUsers as Ut, HiDocumentText as Vr, HiBell as Gr, HiUser as Kr, HiClipboardDocumentList as Xr, HiBuildingOffice2 as Zr, HiRectangleGroup as Jr, HiTicket as Qr, HiChartBar as en } from "react-icons/hi2";
+import ke, { useRef as J, useState as A, useEffect as H, createContext as tn, useLayoutEffect as rn, useContext as nn, isValidElement as Et, Children as an, useMemo as je, useCallback as ve, cloneElement as on, forwardRef as sn, useSyncExternalStore as ln } from "react";
 import { createPortal as Pe } from "react-dom";
 import { OverlayScrollbars as qt } from "overlayscrollbars";
 import { MdDragIndicator as cn } from "react-icons/md";
@@ -41,7 +41,7 @@ function hn({
   size: s = "default",
   inputTabIndex: f
 }) {
-  const p = J(null), [k, N] = T(!1), y = c || k || e.trim().length > 0, v = s === "sm" ? "h-9 rounded-md" : "h-10 rounded-lg", u = a || "w-48 sm:w-64 lg:w-72";
+  const p = J(null), [k, N] = A(!1), y = c || k || e.trim().length > 0, v = s === "sm" ? "h-9 rounded-md" : "h-10 rounded-lg", u = a || "w-48 sm:w-64 lg:w-72";
   H(() => {
     var h;
     i && ((h = p.current) == null || h.focus());
@@ -59,7 +59,7 @@ function hn({
       },
       children: [
         /* @__PURE__ */ t(
-          Ge,
+          Ve,
           {
             className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 pointer-events-none transition-colors duration-200",
             style: { color: "var(--text-muted)" }
@@ -128,7 +128,7 @@ function Mt({
   style: i,
   as: c = "div"
 }) {
-  const d = J(null), s = J(null), [f, p] = T(null), [k, N] = T("");
+  const d = J(null), s = J(null), [f, p] = A(null), [k, N] = A("");
   H(() => {
     const u = d.current;
     u && (u.querySelectorAll("[title]").forEach((b) => {
@@ -208,7 +208,7 @@ function Mt({
     ) : null
   ] });
 }
-function Gt(e) {
+function Vt(e) {
   if (e !== void 0)
     return typeof e == "number" ? `${e}px` : e;
 }
@@ -256,12 +256,12 @@ function pe({
   style: N,
   ...y
 }) {
-  const v = nn(lr), u = c ?? v.iconOnly ?? e === "icon", b = v.compact ?? !1, h = v.headerAction ?? !1, C = b && !h && r === "md" ? "xs" : r, _ = e === "icon" || u, I = h && _, B = St(f), w = i ?? y.title ?? y["aria-label"] ?? (u ? B : void 0), $ = w ? void 0 : y.title, A = y["aria-label"] ?? (typeof w == "string" ? w : B || void 0), j = n ? null : a ?? (u ? kn(f) : null), M = /* @__PURE__ */ o(
+  const v = nn(lr), u = c ?? v.iconOnly ?? e === "icon", b = v.compact ?? !1, h = v.headerAction ?? !1, C = b && !h && r === "md" ? "xs" : r, _ = e === "icon" || u, I = h && _, B = St(f), w = i ?? y.title ?? y["aria-label"] ?? (u ? B : void 0), $ = w ? void 0 : y.title, T = y["aria-label"] ?? (typeof w == "string" ? w : B || void 0), j = n ? null : a ?? (u ? kn(f) : null), M = /* @__PURE__ */ o(
     "button",
     {
       ...y,
       title: $,
-      "aria-label": A,
+      "aria-label": T,
       "data-variant": e,
       "data-size": C,
       "data-icon": _ ? "true" : void 0,
@@ -269,8 +269,8 @@ function pe({
       className: `${xn} ${I ? gn : vn[e]} ${_ ? wn[C] : yn[C]} ${b && !_ ? "px-2.5" : ""} ${p}`,
       style: {
         ...Nn[e],
-        height: Gt(d),
-        padding: Gt(s),
+        height: Vt(d),
+        padding: Vt(s),
         ...N,
         ...I ? {
           width: "40px",
@@ -392,7 +392,7 @@ function dr(e) {
   const r = e.split("/").filter(Boolean);
   return (r[r.length - 1] ?? e).replace(/^lv_/, "").split(/[-_]/).filter(Boolean).map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
 }
-function Kt(e) {
+function Gt(e) {
   return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
 }
 function En(e) {
@@ -437,7 +437,7 @@ function Ja({
   tabsSearchThreshold: B = 6,
   tabsSearchPlaceholder: w = "Buscar modulo...",
   tabsSearchValue: $,
-  onTabsSearchChange: A,
+  onTabsSearchChange: T,
   emptySearchState: j,
   showTabCount: M = !0,
   className: E = "",
@@ -451,23 +451,23 @@ function Ja({
       (L) => !L.hidden && ((N == null ? void 0 : N(L, i)) ?? !0)
     ),
     [N, i, c]
-  ), V = (Me = F.find(
+  ), Z = (Me = F.find(
     (L) => !L.disabled
-  )) == null ? void 0 : Me.service, [ne, m] = T(
-    p ?? V ?? ""
-  ), [D, q] = T({}), [X, Z] = T({}), [ae, de] = T(""), [x, G] = T(!1), he = J(X), te = J(0), Q = $ ?? ae, O = Kt(Q), K = I === !0 || I === "auto" && F.length >= B, ee = K && Q.trim().length > 0, se = je(() => O ? F.filter(
-    (L) => Kt(En(L)).includes(O)
+  )) == null ? void 0 : Me.service, [ne, m] = A(
+    p ?? Z ?? ""
+  ), [D, q] = A({}), [K, X] = A({}), [oe, de] = A(""), [x, V] = A(!1), he = J(K), te = J(0), Q = $ ?? oe, O = Gt(Q), G = I === !0 || I === "auto" && F.length >= B, ee = G && Q.trim().length > 0, se = je(() => O ? F.filter(
+    (L) => Gt(En(L)).includes(O)
   ) : F, [O, F]), be = f ?? ne, Y = F.find((L) => L.service === be) ?? F.find((L) => !L.disabled);
   H(() => {
-    !Y && V && m(V);
-  }, [V, Y]), H(() => {
-    he.current = X;
-  }, [X]);
+    !Y && Z && m(Z);
+  }, [Z, Y]), H(() => {
+    he.current = K;
+  }, [K]);
   const $e = (L) => {
     L.disabled || (f || m(L.service), k == null || k(L.service, L));
   }, Be = (L) => {
-    $ === void 0 && de(L), A == null || A(L);
-  }, Ke = (L, le) => {
+    $ === void 0 && de(L), T == null || T(L);
+  }, Ge = (L, le) => {
     const ue = se.filter((me) => !me.disabled), xe = ue.findIndex(
       (me) => me.service === le.service
     );
@@ -480,7 +480,7 @@ function Ja({
     if (le != null && le.loading || le != null && le.component && y) return;
     const ue = (d == null ? void 0 : d[L]) ?? s;
     if (!ue) {
-      Z((me) => ({
+      X((me) => ({
         ...me,
         [L]: {
           loading: !1,
@@ -490,26 +490,26 @@ function Ja({
       return;
     }
     const xe = ++te.current;
-    Z((me) => ({
+    X((me) => ({
       ...me,
       [L]: { ...me[L], loading: !0, error: void 0 }
     })), ue(Y, i).then((me) => {
       if (xe !== te.current && !y) return;
       const Xe = Mn(me);
-      Z((We) => ({
+      X((We) => ({
         ...We,
         [L]: { component: Xe, loading: !1 }
       }));
     }).catch((me) => {
       const Xe = me instanceof Error ? me : new Error(String(me));
-      Z((We) => ({
+      X((We) => ({
         ...We,
         [L]: { ...We[L], loading: !1, error: Xe }
       }));
     });
   }, [i, y, s, d, Y]);
   H(Re, [Re]);
-  const Ve = Y ? D[Y.service] ?? null : null, oe = Y ? X[Y.service] : void 0, _e = oe == null ? void 0 : oe.component, et = (L) => {
+  const Ke = Y ? D[Y.service] ?? null : null, ie = Y ? K[Y.service] : void 0, _e = ie == null ? void 0 : ie.component, et = (L) => {
     Y && q((le) => ({
       ...le,
       [Y.service]: L
@@ -527,7 +527,7 @@ function Ja({
     filteredLinks: se,
     selectedLink: Y,
     selectedService: Y == null ? void 0 : Y.service,
-    activeItemId: Ve,
+    activeItemId: Ke,
     tabsSearch: Q,
     onSelectService: $e,
     onOpenDetail: et,
@@ -550,18 +550,18 @@ function Ja({
           {
             className: `relative min-w-0 overflow-visible rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${z}`,
             children: [
-              (v || u || K || M) && /* @__PURE__ */ t("div", { className: "relative border-b border-[var(--border)] px-4 py-3", children: /* @__PURE__ */ o("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
+              (v || u || G || M) && /* @__PURE__ */ t("div", { className: "relative border-b border-[var(--border)] px-4 py-3", children: /* @__PURE__ */ o("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
                 /* @__PURE__ */ o("div", { className: "min-w-0", children: [
                   v && /* @__PURE__ */ t("h2", { className: "truncate text-sm font-semibold text-[var(--text-main)]", children: v }),
                   u && /* @__PURE__ */ t("p", { className: "mt-1 line-clamp-2 text-xs text-[var(--text-muted)]", children: u })
                 ] }),
-                (K || M) && /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-shrink-0 items-center justify-end gap-2", children: [
+                (G || M) && /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-shrink-0 items-center justify-end gap-2", children: [
                   M && /* @__PURE__ */ o("span", { className: "hidden text-xs font-semibold text-[var(--text-muted)] transition-opacity duration-200 sm:inline", children: [
                     se.length,
                     " / ",
                     F.length
                   ] }),
-                  K && /* @__PURE__ */ o(Ce, { children: [
+                  G && /* @__PURE__ */ o(Ce, { children: [
                     /* @__PURE__ */ t(
                       "div",
                       {
@@ -576,7 +576,7 @@ function Ja({
                             className: "w-full",
                             autoFocus: x,
                             forceExpanded: !0,
-                            onEscape: () => G(!1),
+                            onEscape: () => V(!1),
                             size: "sm",
                             inputTabIndex: x ? 0 : -1
                           }
@@ -590,10 +590,10 @@ function Ja({
                         "aria-label": x ? "Cerrar busqueda" : "Buscar tabs",
                         "aria-expanded": x,
                         onClick: () => {
-                          x && Q && Be(""), G((L) => !L);
+                          x && Q && Be(""), V((L) => !L);
                         },
                         className: `inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200 hover:scale-[1.03] active:scale-95 ${x || ee ? "border-[var(--primary)] bg-[var(--bg-input)] text-[var(--text-main)] shadow-sm" : "border-[var(--border)] text-[var(--text-muted)] hover:bg-[var(--bg-input)] hover:text-[var(--text-main)]"}`,
-                        children: /* @__PURE__ */ t("span", { className: "grid h-4 w-4 place-items-center transition-transform duration-200", children: x || ee ? /* @__PURE__ */ t(ye, { className: "h-4 w-4" }) : /* @__PURE__ */ t(Ge, { className: "h-4 w-4" }) })
+                        children: /* @__PURE__ */ t("span", { className: "grid h-4 w-4 place-items-center transition-transform duration-200", children: x || ee ? /* @__PURE__ */ t(ye, { className: "h-4 w-4" }) : /* @__PURE__ */ t(Ve, { className: "h-4 w-4" }) })
                       }
                     )
                   ] })
@@ -615,7 +615,7 @@ function Ja({
                         "aria-selected": le,
                         disabled: L.disabled,
                         onClick: () => $e(L),
-                        onKeyDown: (ue) => Ke(ue, L),
+                        onKeyDown: (ue) => Ge(ue, L),
                         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 ${le ? "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: _ ? _(L, le) : /* @__PURE__ */ o(Ce, { children: [
                           L.icon,
@@ -631,15 +631,15 @@ function Ja({
               (Y == null ? void 0 : Y.description) && /* @__PURE__ */ t("div", { className: "border-b border-[var(--border)] px-4 py-2 text-xs text-[var(--text-muted)]", children: Y.description }),
               /* @__PURE__ */ o("div", { className: "min-h-[420px] p-4", children: [
                 !Y && (b ?? /* @__PURE__ */ t("div", { className: "flex min-h-[220px] items-center justify-center rounded-lg border border-dashed border-[var(--border)] text-sm text-[var(--text-muted)]", children: "No hay modulos disponibles." })),
-                Y && (oe == null ? void 0 : oe.loading) && (h ?? /* @__PURE__ */ t(Sn, { title: "Cargando modulo..." })),
-                Y && (oe == null ? void 0 : oe.error) && C(oe.error, Re),
-                Y && _e && !(oe != null && oe.loading) && !(oe != null && oe.error) && /* @__PURE__ */ t(
+                Y && (ie == null ? void 0 : ie.loading) && (h ?? /* @__PURE__ */ t(Sn, { title: "Cargando modulo..." })),
+                Y && (ie == null ? void 0 : ie.error) && C(ie.error, Re),
+                Y && _e && !(ie != null && ie.loading) && !(ie != null && ie.error) && /* @__PURE__ */ t(
                   _e,
                   {
                     context: i,
                     parent: a,
                     link: Y,
-                    activeItemId: Ve,
+                    activeItemId: Ke,
                     onOpenDetail: et,
                     onBackToList: He
                   }
@@ -751,11 +751,11 @@ const ur = [
   "Oct",
   "Nov",
   "Dic"
-], An = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sá"], gt = 6;
+], Tn = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sá"], gt = 6;
 function Ct(e, r, n) {
   return `${e}-${String(r).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
 }
-function Tn() {
+function An() {
   const e = /* @__PURE__ */ new Date();
   return Ct(e.getFullYear(), e.getMonth() + 1, e.getDate());
 }
@@ -774,15 +774,15 @@ function eo({
   minDate: n,
   displayMode: a = "inline"
 }) {
-  const i = Tn(), d = mr(e || i), s = a === "popover", [f, p] = T(!1), k = J(null), [N, y] = T({
+  const i = An(), d = mr(e || i), s = a === "popover", [f, p] = A(!1), k = J(null), [N, y] = A({
     horizontal: "left",
     vertical: "bottom"
-  }), [v, u] = T(d.year), [b, h] = T(d.month), [C, _] = T("days"), I = 16, [B, w] = T(0), $ = v - 7 + B, A = Array.from({ length: I }, (m, D) => $ + D);
+  }), [v, u] = A(d.year), [b, h] = A(d.month), [C, _] = A("days"), I = 16, [B, w] = A(0), $ = v - 7 + B, T = Array.from({ length: I }, (m, D) => $ + D);
   H(() => {
     if (!s || !f || !k.current) return;
-    const m = k.current.getBoundingClientRect(), D = 8, q = 280, X = 340, Z = m.left + q > window.innerWidth - D, ae = m.right - q >= D, de = m.bottom + 8 + X > window.innerHeight - D, x = m.top - 8 - X >= D;
+    const m = k.current.getBoundingClientRect(), D = 8, q = 280, K = 340, X = m.left + q > window.innerWidth - D, oe = m.right - q >= D, de = m.bottom + 8 + K > window.innerHeight - D, x = m.top - 8 - K >= D;
     y({
-      horizontal: Z && ae ? "right" : "left",
+      horizontal: X && oe ? "right" : "left",
       vertical: de && x ? "top" : "bottom"
     });
   }, [s, f]), H(() => {
@@ -813,7 +813,7 @@ function eo({
     const D = Ct(v, b, m);
     n && D < n || (r(D), s && p(!1));
   }
-  const V = {
+  const Z = {
     background: "none",
     border: "none",
     cursor: "pointer",
@@ -850,7 +850,7 @@ function eo({
                 {
                   type: "button",
                   onClick: j,
-                  style: V,
+                  style: Z,
                   title: "Mes anterior",
                   children: /* @__PURE__ */ t(qe, { size: 16 })
                 }
@@ -888,7 +888,7 @@ function eo({
                 {
                   type: "button",
                   onClick: M,
-                  style: V,
+                  style: Z,
                   title: "Mes siguiente",
                   children: /* @__PURE__ */ t(Ie, { size: 16 })
                 }
@@ -899,7 +899,7 @@ function eo({
                 {
                   type: "button",
                   onClick: () => w((m) => m - I),
-                  style: V,
+                  style: Z,
                   children: /* @__PURE__ */ t(qe, { size: 16 })
                 }
               ),
@@ -919,9 +919,9 @@ function eo({
                     padding: "2px 6px"
                   },
                   children: [
-                    A[0],
+                    T[0],
                     " – ",
-                    A[A.length - 1]
+                    T[T.length - 1]
                   ]
                 }
               ),
@@ -930,7 +930,7 @@ function eo({
                 {
                   type: "button",
                   onClick: () => w((m) => m + I),
-                  style: V,
+                  style: Z,
                   children: /* @__PURE__ */ t(Ie, { size: 16 })
                 }
               )
@@ -985,7 +985,7 @@ function eo({
                 gridTemplateColumns: "repeat(4,1fr)",
                 gap: 3
               },
-              children: A.map((m) => {
+              children: T.map((m) => {
                 const D = m === v;
                 return /* @__PURE__ */ t(
                   "button",
@@ -1023,7 +1023,7 @@ function eo({
                 gridTemplateColumns: "repeat(7,1fr)",
                 padding: "6px 8px 0"
               },
-              children: An.map((m) => /* @__PURE__ */ t(
+              children: Tn.map((m) => /* @__PURE__ */ t(
                 "div",
                 {
                   style: {
@@ -1053,24 +1053,24 @@ function eo({
               children: W.map((m, D) => {
                 if (m === null)
                   return /* @__PURE__ */ t("div", { style: { aspectRatio: "1" } }, D);
-                const q = Ct(v, b, m), X = q === e, Z = q === i, ae = !!(n && q < n);
+                const q = Ct(v, b, m), K = q === e, X = q === i, oe = !!(n && q < n);
                 return /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    onClick: () => !ae && F(m),
+                    onClick: () => !oe && F(m),
                     style: {
                       width: "100%",
                       aspectRatio: "1",
                       borderRadius: 6,
                       border: "none",
-                      cursor: ae ? "not-allowed" : "pointer",
+                      cursor: oe ? "not-allowed" : "pointer",
                       fontSize: 12,
-                      fontWeight: X || Z ? 700 : 400,
-                      background: X ? "var(--primary)" : "transparent",
-                      color: X ? "var(--primary-fg, #ffffff)" : ae ? "var(--text-muted)" : "var(--text-main)",
-                      opacity: ae ? 0.4 : 1,
-                      outline: Z && !X ? "2px solid var(--primary)" : "none",
+                      fontWeight: K || X ? 700 : 400,
+                      background: K ? "var(--primary)" : "transparent",
+                      color: K ? "var(--primary-fg, #ffffff)" : oe ? "var(--text-muted)" : "var(--text-main)",
+                      opacity: oe ? 0.4 : 1,
+                      outline: X && !K ? "2px solid var(--primary)" : "none",
                       outlineOffset: "-2px"
                     },
                     children: m
@@ -1198,7 +1198,7 @@ function pr({
   type: u = "button",
   ...b
 }) {
-  const [h, C] = T(!1), _ = J(null);
+  const [h, C] = A(!1), _ = J(null);
   H(() => () => {
     _.current && window.clearTimeout(_.current);
   }, []);
@@ -1208,7 +1208,7 @@ function pr({
     }, r);
   }
   async function B(w) {
-    var A;
+    var T;
     if (s && w.stopPropagation(), v == null || v(w), w.defaultPrevented) return;
     const $ = jn(e);
     if ($)
@@ -1221,7 +1221,7 @@ function pr({
           p == null || p(M, $);
           return;
         }
-        (A = navigator.clipboard) != null && A.writeText || p == null || p(j, $);
+        (T = navigator.clipboard) != null && T.writeText || p == null || p(j, $);
       }
   }
   return /* @__PURE__ */ o(
@@ -1326,7 +1326,7 @@ function ro({
     }
   );
 }
-function Vt(e) {
+function Kt(e) {
   if (e !== void 0)
     return typeof e == "number" ? `${e}px` : e;
 }
@@ -1344,7 +1344,7 @@ function hr({
   searchable: k = !0,
   minOptionsForSearch: N = 6
 }) {
-  const [y, v] = T(!1), [u, b] = T(""), [h, C] = T(-1), [_, I] = T(!1), [B, w] = T({}), $ = J(null), A = J(null), j = J(null), M = J(null), E = k && n.length >= N, P = n.find((m) => m.value === e) ?? null, z = E && u.trim() ? n.filter(
+  const [y, v] = A(!1), [u, b] = A(""), [h, C] = A(-1), [_, I] = A(!1), [B, w] = A({}), $ = J(null), T = J(null), j = J(null), M = J(null), E = k && n.length >= N, P = n.find((m) => m.value === e) ?? null, z = E && u.trim() ? n.filter(
     (m) => {
       var D;
       return m.label.toLowerCase().includes(u.toLowerCase()) || ((D = m.sublabel) == null ? void 0 : D.toLowerCase().includes(u.toLowerCase()));
@@ -1352,12 +1352,12 @@ function hr({
   ) : n, W = ve(() => {
     const m = $.current;
     if (!m) return;
-    const D = m.getBoundingClientRect(), q = E ? 272 : 212, X = window.innerHeight - D.bottom, Z = X < q && D.top > X;
+    const D = m.getBoundingClientRect(), q = E ? 272 : 212, K = window.innerHeight - D.bottom, X = K < q && D.top > K;
     w({
       position: "fixed",
       left: D.left,
-      top: Z ? void 0 : D.bottom + 4,
-      bottom: Z ? window.innerHeight - D.top + 4 : void 0,
+      top: X ? void 0 : D.bottom + 4,
+      bottom: X ? window.innerHeight - D.top + 4 : void 0,
       width: D.width,
       zIndex: 9999
     });
@@ -1365,9 +1365,9 @@ function hr({
   H(() => I(!0), []), H(() => {
     if (!y) return;
     function m(D) {
-      var X, Z;
+      var K, X;
       const q = D.target;
-      !((X = $.current) != null && X.contains(q)) && !((Z = A.current) != null && Z.contains(q)) && (v(!1), b(""));
+      !((K = $.current) != null && K.contains(q)) && !((X = T.current) != null && X.contains(q)) && (v(!1), b(""));
     }
     return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
   }, [y]), H(() => {
@@ -1391,7 +1391,7 @@ function hr({
     },
     [r]
   );
-  function V(m) {
+  function Z(m) {
     if (!y) {
       (m.key === "Enter" || m.key === " " || m.key === "ArrowDown") && (m.preventDefault(), v(!0));
       return;
@@ -1401,7 +1401,7 @@ function hr({
   const ne = /* @__PURE__ */ o(
     "div",
     {
-      ref: A,
+      ref: T,
       className: "rounded-xl shadow-xl overflow-hidden",
       style: {
         ...B,
@@ -1416,7 +1416,7 @@ function hr({
             style: { borderBottom: "1px solid var(--border)" },
             children: [
               /* @__PURE__ */ t(
-                Ge,
+                Ve,
                 {
                   className: "w-3.5 h-3.5 flex-shrink-0",
                   style: { color: "var(--text-muted)" }
@@ -1486,22 +1486,22 @@ function hr({
                 }
               ),
               z.map((m, D) => {
-                const X = D === h, Z = m.value === e;
+                const K = D === h, X = m.value === e;
                 return /* @__PURE__ */ o(
                   "li",
                   {
                     role: "option",
-                    "aria-selected": Z,
-                    onMouseDown: (ae) => {
-                      ae.preventDefault(), m.disabled || F(m.value);
+                    "aria-selected": X,
+                    onMouseDown: (oe) => {
+                      oe.preventDefault(), m.disabled || F(m.value);
                     },
                     onMouseEnter: () => !m.disabled && C(D),
                     className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-sm transition-colors",
                     style: {
-                      background: X ? "var(--bg-hover)" : Z ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
+                      background: K ? "var(--bg-hover)" : X ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
                       color: m.disabled ? "var(--text-muted)" : "var(--text-main)",
                       cursor: m.disabled ? "not-allowed" : "pointer",
-                      boxShadow: Z ? "inset 2px 0 0 var(--primary)" : void 0
+                      boxShadow: X ? "inset 2px 0 0 var(--primary)" : void 0
                     },
                     children: [
                       m.color && /* @__PURE__ */ t(
@@ -1555,7 +1555,7 @@ function hr({
       ref: $,
       className: `relative ${d || "w-full"}`,
       style: s,
-      onKeyDown: V,
+      onKeyDown: Z,
       children: [
         /* @__PURE__ */ o(
           "button",
@@ -1565,8 +1565,8 @@ function hr({
             onClick: () => !c && v((m) => !m),
             className: "flex w-full items-center gap-2 rounded-lg text-left text-sm transition-colors focus:outline-none",
             style: {
-              height: Vt(f),
-              padding: Vt(p),
+              height: Kt(f),
+              padding: Kt(p),
               background: "var(--bg-input)",
               color: P ? "var(--text-main)" : "var(--text-muted)",
               border: y ? "1px solid var(--primary)" : "1px solid var(--border)",
@@ -1639,7 +1639,7 @@ function no({
 }) {
   return /* @__PURE__ */ o("div", { className: `relative ${a}`, children: [
     /* @__PURE__ */ t(
-      Ge,
+      Ve,
       {
         className: "absolute top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-[var(--text-muted)] pointer-events-none",
         style: { left: st(d) }
@@ -1730,7 +1730,7 @@ function Rn({
   ariaLabel: I,
   frameless: B = !1
 }) {
-  const [w, $] = T(!1), [A, j] = T(!1), M = J(null);
+  const [w, $] = A(!1), [T, j] = A(!1), M = J(null);
   if (H(() => (e ? (M.current && clearTimeout(M.current), $(!0), requestAnimationFrame(() => requestAnimationFrame(() => j(!0)))) : (j(!1), M.current = setTimeout(
     () => $(!1),
     it + 40
@@ -1743,12 +1743,12 @@ function Rn({
       };
   }, [e]), H(() => {
     if (!e || !y) return;
-    const V = (ne) => {
+    const Z = (ne) => {
       ne.key === "Escape" && r();
     };
-    return window.addEventListener("keydown", V), () => window.removeEventListener("keydown", V);
+    return window.addEventListener("keydown", Z), () => window.removeEventListener("keydown", Z);
   }, [y, r, e]), !w) return null;
-  const E = n || a || i || c || v, P = p ?? Pn[f], z = u === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", W = u === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", F = A ? "translateY(0) scale(1)" : u === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
+  const E = n || a || i || c || v, P = p ?? Pn[f], z = u === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", W = u === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", F = T ? "translateY(0) scale(1)" : u === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
   return Pe(
     /* @__PURE__ */ o(
       "div",
@@ -1765,7 +1765,7 @@ function Rn({
               className: `absolute inset-0 ${C}`,
               onClick: N ? r : void 0,
               style: {
-                opacity: A ? 1 : 0,
+                opacity: T ? 1 : 0,
                 transition: `opacity ${it}ms ease`
               }
             }
@@ -1778,11 +1778,11 @@ function Rn({
                 maxWidth: P,
                 background: B ? "transparent" : "var(--bg-card)",
                 border: B ? "none" : "1px solid var(--border)",
-                opacity: A ? 1 : 0,
+                opacity: T ? 1 : 0,
                 transform: F,
                 transition: `opacity ${it}ms ease, transform ${it}ms ease`
               },
-              onClick: (V) => V.stopPropagation(),
+              onClick: (Z) => Z.stopPropagation(),
               children: [
                 E && /* @__PURE__ */ o(
                   "div",
@@ -2046,7 +2046,7 @@ function so({
   pageSizeSelectPadding: B = "0 7px",
   totalRows: w,
   page: $,
-  onPageChange: A,
+  onPageChange: T,
   onPageSizeChange: j,
   storageKey: M,
   stickyFirstColumn: E = !1,
@@ -2054,29 +2054,29 @@ function so({
   compact: z = !0,
   restrictHeight: W = !0,
   minTableWidth: F,
-  enableColumnVisibility: V = !0,
+  enableColumnVisibility: Z = !0,
   hiddenColumnKeys: ne,
   defaultHiddenColumnKeys: m = Fn,
   onHiddenColumnKeysChange: D,
   columnVisibilityLabel: q = "Columnas"
 }) {
-  const X = e.map((l) => l.key).join(","), [Z, ae] = T(!M), de = J(null), x = J(!M), G = ne !== void 0, [he, te] = T(() => ze(m, e)), Q = ze(
-    G ? ne : he,
+  const K = e.map((l) => l.key).join(","), [X, oe] = A(!M), de = J(null), x = J(!M), V = ne !== void 0, [he, te] = A(() => ze(m, e)), Q = ze(
+    V ? ne : he,
     e
-  ), [O, K] = T(!1), [ee, se] = T(
+  ), [O, G] = A(!1), [ee, se] = A(
     null
-  ), [be, Y] = T(
+  ), [be, Y] = A(
     {}
-  ), $e = J(null), Be = J(null), [Ke, Re] = T(
+  ), $e = J(null), Be = J(null), [Ge, Re] = A(
     r.length > 0 || a || s === !1
-  ), Ve = (l, g) => 50 + (l * 17 + g * 13 + 7) % 40, oe = J(null), [_e, et] = T(
+  ), Ke = (l, g) => 50 + (l * 17 + g * 13 + 7) % 40, ie = J(null), [_e, et] = A(
     void 0
-  ), [He, tt] = T(!1);
+  ), [He, tt] = A(!1);
   H(() => {
     const g = h !== !1 ? 32 : 0, S = 12;
     function R() {
-      if (tt(window.innerWidth < 640), !oe.current) return;
-      const U = oe.current.getBoundingClientRect().top;
+      if (tt(window.innerWidth < 640), !ie.current) return;
+      const U = ie.current.getBoundingClientRect().top;
       et(
         Math.max(
           120,
@@ -2090,15 +2090,15 @@ function so({
       Re(!0);
       return;
     }
-    if (Ke) return;
+    if (Ge) return;
     const l = window.setTimeout(() => {
       Re(!0);
     }, s);
     return () => window.clearTimeout(l);
-  }, [r.length, s, Ke, a]);
-  const [Ee, Me] = T(
+  }, [r.length, s, Ge, a]);
+  const [Ee, Me] = A(
     () => e.map((l) => l.key)
-  ), [L, le] = T(
+  ), [L, le] = A(
     () => Object.fromEntries(
       e.map((l) => [l.key, Oe(l, Ze(l.width))])
     )
@@ -2106,30 +2106,30 @@ function so({
   H(() => {
     const l = e.map((S) => S.key);
     if (!M) {
-      Me(l), G || te(
+      Me(l), V || te(
         ze(m, e)
-      ), x.current = !1, ae(!0);
+      ), x.current = !1, oe(!0);
       return;
     }
     let g = !1;
-    return x.current = !1, ae(!1), fetch(
+    return x.current = !1, oe(!1), fetch(
       `/api/user/preferences/datatables?key=${encodeURIComponent(M)}`,
       { cache: "no-store" }
     ).then((S) => S.ok ? S.json() : null).then((S) => {
       var ot, Rt, _t;
       if (g) return;
-      const R = (ot = S == null ? void 0 : S.settings) == null ? void 0 : ot.columnOrder, U = Array.isArray(R) ? R.filter((ge) => l.includes(ge)) : [], ie = l.filter((ge) => !U.includes(ge)), ce = U.length > 0 ? [...U, ...ie] : l, Te = Object.fromEntries(
+      const R = (ot = S == null ? void 0 : S.settings) == null ? void 0 : ot.columnOrder, U = Array.isArray(R) ? R.filter((ge) => l.includes(ge)) : [], ae = l.filter((ge) => !U.includes(ge)), ce = U.length > 0 ? [...U, ...ae] : l, Ae = Object.fromEntries(
         e.map((ge) => [ge.key, Oe(ge, Ze(ge.width))])
       ), re = ((Rt = S == null ? void 0 : S.settings) == null ? void 0 : Rt.columnWidths) ?? {}, fe = Object.fromEntries(
         e.map((ge) => [
           ge.key,
-          Oe(ge, re[ge.key] ?? Te[ge.key])
+          Oe(ge, re[ge.key] ?? Ae[ge.key])
         ])
       ), at = ze(
         ((_t = S == null ? void 0 : S.settings) == null ? void 0 : _t.hiddenColumnKeys) ?? m,
         e
       );
-      Me(ce), le(fe), G || te(at), de.current = JSON.stringify({
+      Me(ce), le(fe), V || te(at), de.current = JSON.stringify({
         columnOrder: ce,
         columnWidths: fe,
         hiddenColumnKeys: at
@@ -2148,25 +2148,25 @@ function so({
           m,
           e
         );
-        G || te(R), de.current = JSON.stringify({
+        V || te(R), de.current = JSON.stringify({
           columnOrder: l,
           columnWidths: S,
           hiddenColumnKeys: R
         }), x.current = !0;
       }
     }).finally(() => {
-      g || ae(!0);
+      g || oe(!0);
     }), () => {
       g = !0;
     };
   }, [
     M,
-    X,
+    K,
     e,
     m,
-    G
+    V
   ]), H(() => {
-    if (!M || !Z || !x.current) return;
+    if (!M || !X || !x.current) return;
     const l = {
       columnOrder: Ee,
       columnWidths: L,
@@ -2184,18 +2184,18 @@ function so({
       });
     }, 300);
     return () => window.clearTimeout(S);
-  }, [Ee, L, Q, M, Z]), H(() => {
+  }, [Ee, L, Q, M, X]), H(() => {
     Me((l) => {
       const g = e.map((U) => U.key), S = l.filter((U) => g.includes(U)), R = g.filter((U) => !S.includes(U));
       return [...S, ...R];
     });
-  }, [X, e]);
+  }, [K, e]);
   const ue = Ee.map((l) => e.find((g) => g.key === l)).filter((l) => !!l), xe = ue.filter(
     (l) => !Q.includes(l.key)
   );
   function me(l) {
     const g = ze(l, e);
-    G || te(g), D == null || D(g);
+    V || te(g), D == null || D(g);
   }
   function Xe(l) {
     me(
@@ -2211,12 +2211,12 @@ function so({
       const g = l.getBoundingClientRect(), S = 256, R = Math.min(
         Math.max(8, g.right - S),
         window.innerWidth - S - 8
-      ), U = window.innerHeight - g.bottom, ie = U < 288 && g.top > U ? void 0 : g.bottom + 6, ce = ie === void 0 ? window.innerHeight - g.top + 6 : void 0;
+      ), U = window.innerHeight - g.bottom, ae = U < 288 && g.top > U ? void 0 : g.bottom + 6, ce = ae === void 0 ? window.innerHeight - g.top + 6 : void 0;
       Y({
         position: "fixed",
         zIndex: 9999,
         left: R,
-        top: ie,
+        top: ae,
         bottom: ce,
         width: S
       });
@@ -2227,10 +2227,10 @@ function so({
     l.preventDefault(), l.stopPropagation();
     const S = Be.current === l.currentTarget && ee === g;
     if (O && S) {
-      K(!1), se(null);
+      G(!1), se(null);
       return;
     }
-    Be.current = l.currentTarget, se(g), ut(l.currentTarget), K(!0);
+    Be.current = l.currentTarget, se(g), ut(l.currentTarget), G(!0);
   }
   H(() => {
     le((l) => {
@@ -2244,18 +2244,18 @@ function so({
         ])
       );
     });
-  }, [X, e]), H(() => {
-    G || te(
+  }, [K, e]), H(() => {
+    V || te(
       (l) => ze(l, e)
     );
-  }, [X, e, G]), H(() => {
+  }, [K, e, V]), H(() => {
     function l(R) {
-      var ie, ce;
+      var ae, ce;
       const U = R.target;
-      !((ie = $e.current) != null && ie.contains(U)) && !((ce = Be.current) != null && ce.contains(U)) && (K(!1), se(null));
+      !((ae = $e.current) != null && ae.contains(U)) && !((ce = Be.current) != null && ce.contains(U)) && (G(!1), se(null));
     }
     function g(R) {
-      R.key === "Escape" && (K(!1), se(null));
+      R.key === "Escape" && (G(!1), se(null));
     }
     function S() {
       ut();
@@ -2269,10 +2269,10 @@ function so({
     function l(S) {
       const R = rt.current;
       if (!R) return;
-      const U = S.clientX - R.startX, ie = e.find((ce) => ce.key === R.colKey);
-      ie && le((ce) => ({
+      const U = S.clientX - R.startX, ae = e.find((ce) => ce.key === R.colKey);
+      ae && le((ce) => ({
         ...ce,
-        [R.colKey]: Oe(ie, R.startWidth + U)
+        [R.colKey]: Oe(ae, R.startWidth + U)
       }));
     }
     function g() {
@@ -2282,7 +2282,7 @@ function so({
       document.removeEventListener("pointermove", l), document.removeEventListener("pointerup", g);
     };
   }, [e]);
-  const nt = J(null), [Dt, mt] = T(null);
+  const nt = J(null), [Dt, mt] = A(null);
   function wr(l, g) {
     nt.current = Ee.indexOf(l), g.dataTransfer.effectAllowed = "move";
   }
@@ -2295,45 +2295,45 @@ function so({
     g.preventDefault();
     const S = nt.current, R = Ee.indexOf(l);
     S !== null && S !== R && Me((U) => {
-      const ie = [...U], [ce] = ie.splice(S, 1);
-      return ie.splice(R, 0, ce), ie;
+      const ae = [...U], [ce] = ae.splice(S, 1);
+      return ae.splice(R, 0, ce), ae;
     }), nt.current = null, mt(null);
   }
   function Sr() {
     nt.current = null, mt(null);
   }
-  const [we, Lt] = T(null);
+  const [we, Lt] = A(null);
   function Cr(l) {
     l.sortKey && Lt(
       (g) => (g == null ? void 0 : g.key) === l.key ? { key: l.key, dir: g.dir === "asc" ? "desc" : "asc" } : { key: l.key, dir: "asc" }
     );
   }
-  const [$r, ft] = T(1), [Bt, Er] = T(
+  const [$r, ft] = A(1), [Bt, Er] = A(
     h === !1 ? 0 : h
   );
   H(() => {
     ft(1);
   }, [r]);
-  const Fe = !!(A && j), Ae = h !== !1, Ne = Fe ? $ ?? 1 : $r, De = Fe || Ae ? Bt : r.length, Se = !!p && !!k && !!N, pt = Se ? 40 : 0, Mr = Se && r.length > 0 && p.size === r.length, Dr = Se && p.size > 0 && p.size < r.length, ht = ke.useMemo(() => {
+  const Fe = !!(T && j), Te = h !== !1, Ne = Fe ? $ ?? 1 : $r, De = Fe || Te ? Bt : r.length, Se = !!p && !!k && !!N, pt = Se ? 40 : 0, Mr = Se && r.length > 0 && p.size === r.length, Dr = Se && p.size > 0 && p.size < r.length, ht = ke.useMemo(() => {
     if (!we) return r;
     const l = e.find((g) => g.key === we.key && g.sortKey);
     return l != null && l.sortKey ? [...r].sort((g, S) => {
-      const R = g[l.sortKey], U = S[l.sortKey], ie = R === U ? 0 : R == null ? 1 : U == null || R < U ? -1 : 1;
-      return we.dir === "asc" ? ie : -ie;
+      const R = g[l.sortKey], U = S[l.sortKey], ae = R === U ? 0 : R == null ? 1 : U == null || R < U ? -1 : 1;
+      return we.dir === "asc" ? ae : -ae;
     }) : r;
-  }, [r, we, e]), At = ke.useMemo(() => {
-    if (Fe || !Ae) return ht;
+  }, [r, we, e]), Tt = ke.useMemo(() => {
+    if (Fe || !Te) return ht;
     const l = (Ne - 1) * De;
     return ht.slice(l, l + De);
-  }, [ht, Fe, Ae, Ne, De]), Ue = w ?? r.length, bt = Ae ? Math.max(1, Math.ceil(Ue / De)) : 1, Lr = Ae && Ue > De, Br = Ae ? (Ne - 1) * De + 1 : 1, Ar = Ae ? Math.min(Ne * De, Ue) : Ue;
+  }, [ht, Fe, Te, Ne, De]), Ue = w ?? r.length, bt = Te ? Math.max(1, Math.ceil(Ue / De)) : 1, Lr = Te && Ue > De, Br = Te ? (Ne - 1) * De + 1 : 1, Tr = Te ? Math.min(Ne * De, Ue) : Ue;
   function xt(l) {
     const g = Math.max(1, Math.min(l, bt));
-    Fe ? A(g) : ft(g);
+    Fe ? T(g) : ft(g);
   }
-  function Tr(l) {
-    Er(l), Fe ? (j(l), A(1)) : ft(1), j && j(l);
+  function Ar(l) {
+    Er(l), Fe ? (j(l), T(1)) : ft(1), j && j(l);
   }
-  const Tt = (l) => l === "center" ? "text-center" : l === "right" ? "text-right" : "text-left", Or = "color-mix(in srgb, var(--primary) 6%, var(--bg-card))", zr = xe.length + (Se ? 1 : 0);
+  const At = (l) => l === "center" ? "text-center" : l === "right" ? "text-right" : "text-left", Or = "color-mix(in srgb, var(--primary) 6%, var(--bg-card))", zr = xe.length + (Se ? 1 : 0);
   H(() => {
     we && Q.includes(we.key) && Lt(null);
   }, [Q, we]);
@@ -2379,11 +2379,11 @@ function so({
           }
         ),
         xe.map((l, g) => {
-          const S = (we == null ? void 0 : we.key) === l.key, R = !!l.sortKey, U = E && !He && g === 0, ie = Dt === g, Te = (L[l.key] ?? Ze(l.width)) < 120;
+          const S = (we == null ? void 0 : we.key) === l.key, R = !!l.sortKey, U = E && !He && g === 0, ae = Dt === g, Ae = (L[l.key] ?? Ze(l.width)) < 120;
           return /* @__PURE__ */ o(
             "th",
             {
-              className: `group select-none ${Te ? "text-left" : Tt(l.align)}`,
+              className: `group select-none ${Ae ? "text-left" : At(l.align)}`,
               style: {
                 ...U ? {
                   position: "sticky",
@@ -2402,10 +2402,9 @@ function so({
                 color: S ? "var(--primary)" : "var(--text-muted)",
                 whiteSpace: "nowrap",
                 transition: "color 0.15s",
-                borderLeft: ie ? "2px solid var(--primary)" : "2px solid transparent",
+                borderLeft: ae ? "2px solid var(--primary)" : "2px solid transparent",
                 cursor: R ? "pointer" : "default",
-                // Padding: room for grip icon left, column menu and resize handle right.
-                padding: V ? z ? "5px 48px 5px 6px" : "7px 52px 7px 6px" : z ? "5px 24px 5px 6px" : "7px 28px 7px 6px"
+                padding: z ? "5px 20px 5px 12px" : "7px 24px 7px 12px"
               },
               onDragOver: (re) => Nr(l.key, re),
               onDrop: (re) => kr(l.key, re),
@@ -2423,11 +2422,13 @@ function so({
                     },
                     onClick: (re) => re.stopPropagation(),
                     title: "Arrastrar para reordenar",
-                    className: "inline-flex items-center mr-1 opacity-0 group-hover:opacity-40 transition-opacity",
+                    className: `absolute left-2 top-1/2 inline-flex h-6 w-5 -translate-x-1/2 -translate-y-1/2 scale-90 items-center justify-center rounded-md border opacity-0 shadow-sm transition-[opacity,transform,background-color,border-color] duration-150 group-hover:scale-100 group-hover:opacity-100 ${ae ? "scale-100 opacity-100" : ""}`,
                     style: {
                       cursor: "grab",
-                      color: "var(--text-muted)",
-                      verticalAlign: "middle"
+                      color: ae ? "var(--primary)" : "var(--text-muted)",
+                      background: "var(--bg-card)",
+                      borderColor: ae ? "var(--primary)" : "var(--border)",
+                      zIndex: 5
                     },
                     children: /* @__PURE__ */ t(cn, { size: 15 })
                   }
@@ -2437,8 +2438,8 @@ function so({
                   {
                     className: "inline-block max-w-full align-middle",
                     style: {
-                      width: V ? "calc(100% - 42px)" : "calc(100% - 22px)",
-                      textAlign: Te ? "left" : l.align === "center" ? "center" : l.align === "right" ? "right" : "left"
+                      width: "100%",
+                      textAlign: Ae ? "left" : l.align === "center" ? "center" : l.align === "right" ? "right" : "left"
                     },
                     children: /* @__PURE__ */ o(
                       "span",
@@ -2452,7 +2453,7 @@ function so({
                     )
                   }
                 ),
-                V && /* @__PURE__ */ t(
+                Z && /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
@@ -2461,8 +2462,13 @@ function so({
                     "aria-label": q,
                     title: q,
                     onClick: (re) => yr(re, l.key),
-                    className: `absolute top-1/2 right-3 inline-flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded-md opacity-0 transition-colors transition-opacity hover:bg-[var(--bg-card)] group-hover:opacity-100 focus:opacity-100 ${O && ee === l.key ? "opacity-100" : ""}`,
-                    style: { color: "var(--text-muted)", zIndex: 4 },
+                    className: `absolute right-3 top-1/2 inline-flex h-6 w-6 -translate-y-1/2 scale-95 items-center justify-center rounded-md border opacity-0 shadow-sm transition-[opacity,transform,background-color,border-color] duration-150 hover:bg-[var(--bg-card)] group-hover:scale-100 group-hover:opacity-100 focus:scale-100 focus:opacity-100 ${O && ee === l.key ? "scale-100 opacity-100" : ""}`,
+                    style: {
+                      color: "var(--text-muted)",
+                      background: "var(--bg-card)",
+                      borderColor: "var(--border)",
+                      zIndex: 4
+                    },
                     children: /* @__PURE__ */ t(Wr, { className: "h-4 w-4" })
                   }
                 ),
@@ -2480,8 +2486,8 @@ function so({
                       }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
                     },
                     onClick: (re) => re.stopPropagation(),
-                    className: "absolute right-0 top-0 h-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",
-                    style: { width: 12, cursor: "col-resize", zIndex: 3 },
+                    className: "absolute top-0 flex h-full items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
+                    style: { right: -6, width: 12, cursor: "col-resize", zIndex: 6 },
                     children: /* @__PURE__ */ t(
                       "span",
                       {
@@ -2504,7 +2510,7 @@ function so({
       ]
     }
   ), It = () => {
-    if (!V || !O || typeof document > "u")
+    if (!Z || !O || typeof document > "u")
       return null;
     const l = Q.length;
     return Pe(
@@ -2579,14 +2585,14 @@ function so({
         style: { borderColor: "var(--border)", background: "var(--bg-input)" },
         children: [
           /* @__PURE__ */ o("div", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ t("span", { style: { color: "var(--text-muted)" }, children: Ue === 0 ? "0 filas" : `${Br}–${Ar} de ${Ue}` }),
+            /* @__PURE__ */ t("span", { style: { color: "var(--text-muted)" }, children: Ue === 0 ? "0 filas" : `${Br}–${Tr} de ${Ue}` }),
             /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ t("span", { style: { color: "var(--text-muted)" }, children: "Filas:" }),
               /* @__PURE__ */ t(
                 hr,
                 {
                   value: String(De),
-                  onChange: (g) => Tr(Number(g)),
+                  onChange: (g) => Ar(Number(g)),
                   options: C.map((g) => ({
                     value: String(g),
                     label: String(g)
@@ -2658,7 +2664,7 @@ function so({
       children: /* @__PURE__ */ o(
         "div",
         {
-          ref: oe,
+          ref: ie,
           className: "min-w-0 max-w-full",
           style: {
             maxHeight: W ? _e : void 0,
@@ -2693,7 +2699,7 @@ function so({
                       className: "h-3.5 animate-pulse rounded-full",
                       style: {
                         background: "var(--border)",
-                        width: `${Ve(g, R)}%`,
+                        width: `${Ke(g, R)}%`,
                         minWidth: 32
                       }
                     },
@@ -2708,7 +2714,7 @@ function so({
       )
     }
   );
-  return M && !Z || !a && r.length === 0 && !Ke ? Pt() : a && r.length === 0 ? /* @__PURE__ */ o(
+  return M && !X || !a && r.length === 0 && !Ge ? Pt() : a && r.length === 0 ? /* @__PURE__ */ o(
     "div",
     {
       className: "w-full min-w-0 max-w-full flex flex-col rounded-xl overflow-visible",
@@ -2718,7 +2724,7 @@ function so({
         /* @__PURE__ */ t(
           "div",
           {
-            ref: oe,
+            ref: ie,
             className: "min-w-0 max-w-full overflow-hidden rounded-t-xl",
             children: /* @__PURE__ */ t(
               Yt,
@@ -2799,7 +2805,7 @@ function so({
                                 className: "h-3.5 rounded-full animate-pulse",
                                 style: {
                                   background: "var(--border)",
-                                  width: `${Ve(g, R)}%`,
+                                  width: `${Ke(g, R)}%`,
                                   minWidth: 32
                                 }
                               }
@@ -2836,7 +2842,7 @@ function so({
               background: "color-mix(in srgb, var(--primary) 8%, var(--bg-card))",
               color: "var(--primary)"
             },
-            children: c ?? /* @__PURE__ */ t(Ge, { className: "h-5 w-5" })
+            children: c ?? /* @__PURE__ */ t(Ve, { className: "h-5 w-5" })
           }
         ),
         /* @__PURE__ */ t(
@@ -2860,7 +2866,7 @@ function so({
         /* @__PURE__ */ t(
           "div",
           {
-            ref: oe,
+            ref: ie,
             className: "min-w-0 max-w-full overflow-hidden rounded-t-xl",
             children: /* @__PURE__ */ t(
               Yt,
@@ -2907,12 +2913,12 @@ function so({
                           children: zt()
                         }
                       ),
-                      /* @__PURE__ */ t("tbody", { children: At.map((l, g) => {
+                      /* @__PURE__ */ t("tbody", { children: Tt.map((l, g) => {
                         const S = n(l), R = Ot(u == null ? void 0 : u(l)), U = g > 0 ? Ot(
-                          u == null ? void 0 : u(At[g - 1])
-                        ) : null, ie = R && R.key !== (U == null ? void 0 : U.key), ce = Se && p.has(S), Te = !!f, re = ce && y ? "color-mix(in srgb, var(--primary) 8%, var(--bg-card))" : g % 2 === 1 ? "color-mix(in srgb, var(--bg-input) 50%, var(--bg-card))" : "var(--bg-card)";
+                          u == null ? void 0 : u(Tt[g - 1])
+                        ) : null, ae = R && R.key !== (U == null ? void 0 : U.key), ce = Se && p.has(S), Ae = !!f, re = ce && y ? "color-mix(in srgb, var(--primary) 8%, var(--bg-card))" : g % 2 === 1 ? "color-mix(in srgb, var(--bg-input) 50%, var(--bg-card))" : "var(--bg-card)";
                         return /* @__PURE__ */ o(ke.Fragment, { children: [
-                          ie && /* @__PURE__ */ t("tr", { className: R.className ?? "", children: /* @__PURE__ */ t(
+                          ae && /* @__PURE__ */ t("tr", { className: R.className ?? "", children: /* @__PURE__ */ t(
                             "td",
                             {
                               colSpan: zr,
@@ -2931,8 +2937,8 @@ function so({
                           /* @__PURE__ */ o(
                             "tr",
                             {
-                              onClick: Te ? () => f(l) : void 0,
-                              className: `transition-colors ${Te ? "cursor-pointer" : ""} ${v ? v(l) : ""}`,
+                              onClick: Ae ? () => f(l) : void 0,
+                              className: `transition-colors ${Ae ? "cursor-pointer" : ""} ${v ? v(l) : ""}`,
                               style: {
                                 "--dt-row-bg": re,
                                 "--dt-sticky-bg": re,
@@ -2988,7 +2994,7 @@ function so({
                                   return /* @__PURE__ */ t(
                                     "td",
                                     {
-                                      className: `${z ? "px-2 py-1.5" : "px-3 py-2"} ${Wn} ${Tt(fe.align)} ${fe.className ?? ""}`,
+                                      className: `${z ? "px-2 py-1.5" : "px-3 py-2"} ${Wn} ${At(fe.align)} ${fe.className ?? ""}`,
                                       style: {
                                         overflow: "hidden",
                                         whiteSpace: "nowrap",
@@ -3118,7 +3124,7 @@ function lo({
   const p = {
     from: Je(e),
     to: Je(r)
-  }, k = Je(a), [N, y] = T(
+  }, k = Je(a), [N, y] = A(
     Je(i || e)
   );
   return H(() => {
@@ -3291,7 +3297,7 @@ function lo({
     )
   ] });
 }
-function Gn(e) {
+function Vn(e) {
   if (e !== void 0)
     return typeof e == "number" ? `${e}px` : e;
 }
@@ -3305,7 +3311,7 @@ function co({
   menuClassName: d = "",
   onOpenChange: s
 }) {
-  const [f, p] = T(!1), [k, N] = T(!1), [y, v] = T({}), u = J(null), b = J(null), h = ve(
+  const [f, p] = A(!1), [k, N] = A(!1), [y, v] = A({}), u = J(null), b = J(null), h = ve(
     (w) => {
       p(w), s == null || s(w);
     },
@@ -3313,25 +3319,25 @@ function co({
   ), C = ve(() => {
     const w = u.current;
     if (!w) return;
-    const $ = w.getBoundingClientRect(), A = typeof a == "number" ? a : $.width, j = typeof a == "number" ? a : Math.max($.width, 180), M = n === "end" ? Math.max(8, $.right - j) : Math.min($.left, window.innerWidth - j - 8), E = window.innerHeight - $.bottom, P = E < 240 && $.top > E ? void 0 : $.bottom + 6, z = P === void 0 ? window.innerHeight - $.top + 6 : void 0;
+    const $ = w.getBoundingClientRect(), T = typeof a == "number" ? a : $.width, j = typeof a == "number" ? a : Math.max($.width, 180), M = n === "end" ? Math.max(8, $.right - j) : Math.min($.left, window.innerWidth - j - 8), E = window.innerHeight - $.bottom, P = E < 240 && $.top > E ? void 0 : $.bottom + 6, z = P === void 0 ? window.innerHeight - $.top + 6 : void 0;
     v({
       position: "fixed",
       zIndex: 9999,
       left: M,
       top: P,
       bottom: z,
-      width: Gn(typeof a == "number" ? A : a)
+      width: Vn(typeof a == "number" ? T : a)
     });
   }, [n, a]);
   H(() => N(!0), []), H(() => {
     if (!f) return;
     C();
-    const w = (A) => {
+    const w = (T) => {
       var M, E;
-      const j = A.target;
+      const j = T.target;
       !((M = u.current) != null && M.contains(j)) && !((E = b.current) != null && E.contains(j)) && h(!1);
-    }, $ = (A) => {
-      A.key === "Escape" && h(!1);
+    }, $ = (T) => {
+      T.key === "Escape" && h(!1);
     };
     return document.addEventListener("mousedown", w), window.addEventListener("keydown", $), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0), () => {
       document.removeEventListener("mousedown", w), window.removeEventListener("keydown", $), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
@@ -3393,7 +3399,7 @@ function co({
     }
   );
 }
-const Kn = 180;
+const Gn = 180;
 function uo({
   open: e,
   onClose: r,
@@ -3415,14 +3421,14 @@ function uo({
   onDiscardChanges: C,
   children: _
 }) {
-  const [I, B] = T(!1), [w, $] = T(!1), [A, j] = T(!1), M = ve(() => {
+  const [I, B] = A(!1), [w, $] = A(!1), [T, j] = A(!1), M = ve(() => {
     $(!0), requestAnimationFrame(() => {
       requestAnimationFrame(() => j(!0));
     });
   }, []), E = ve(() => {
     j(!1), window.setTimeout(
       () => $(!1),
-      Kn
+      Gn
     );
   }, []), P = ve(() => {
     if (y) {
@@ -3546,14 +3552,14 @@ function uo({
                 /* @__PURE__ */ t(
                   "div",
                   {
-                    className: `absolute inset-0 bg-black/50 backdrop-blur-sm transition-opacity duration-200 ease-out ${A ? "opacity-100" : "opacity-0"}`,
+                    className: `absolute inset-0 bg-black/50 backdrop-blur-sm transition-opacity duration-200 ease-out ${T ? "opacity-100" : "opacity-0"}`,
                     onClick: E
                   }
                 ),
                 /* @__PURE__ */ o(
                   "div",
                   {
-                    className: `relative z-10 w-full max-w-sm rounded-2xl border p-6 shadow-2xl transition-[opacity,transform] duration-200 ease-out ${A ? "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 ${T ? "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)"
@@ -3643,7 +3649,7 @@ function uo({
     document.body
   ) : null;
 }
-const Vn = {
+const Kn = {
   sm: "min-h-[160px] p-4",
   md: "min-h-[220px] p-6",
   lg: "min-h-[300px] p-8"
@@ -3660,7 +3666,7 @@ function mo({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: `flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-card)] text-center ${Vn[c]} ${d}`,
+      className: `flex items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-card)] text-center ${Kn[c]} ${d}`,
       children: /* @__PURE__ */ o("div", { className: "flex max-w-sm flex-col items-center gap-3", children: [
         n && /* @__PURE__ */ t("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-input)] text-[var(--text-muted)]", children: n }),
         /* @__PURE__ */ o("div", { className: "space-y-1", children: [
@@ -3830,18 +3836,18 @@ function fo({
   required: f,
   ...p
 }) {
-  const [k, N] = T(() => !!p.autoFocus), [y, v] = T(!1), u = p.type === "password" && d, b = u && y ? "text" : p.type, h = p.value !== void 0 ? String(p.value).length > 0 : p.defaultValue !== void 0 && String(p.defaultValue).length > 0, C = k || h, _ = {
+  const [k, N] = A(() => !!p.autoFocus), [y, v] = A(!1), u = p.type === "password" && d, b = u && y ? "text" : p.type, h = p.value !== void 0 ? String(p.value).length > 0 : p.defaultValue !== void 0 && String(p.defaultValue).length > 0, C = k || h, _ = {
     top: C ? 7 : 12,
     color: k ? "var(--primary)" : "var(--text-muted)",
     fontSize: C ? 10 : 13,
     fontWeight: C ? 600 : 400,
     textTransform: C ? "uppercase" : "none"
   }, I = ($) => {
-    var A;
-    N(!0), (A = p.onFocus) == null || A.call(p, $);
+    var T;
+    N(!0), (T = p.onFocus) == null || T.call(p, $);
   }, B = ($) => {
-    var A;
-    N(!1), (A = p.onBlur) == null || A.call(p, $);
+    var T;
+    N(!1), (T = p.onBlur) == null || T.call(p, $);
   }, w = u ? /* @__PURE__ */ o(
     "button",
     {
@@ -3964,27 +3970,27 @@ function po({
   emptyText: y = "Sin resultados",
   clearLabel: v = "Limpiar seleccion"
 }) {
-  const [u, b] = T(!1), [h, C] = T(""), [_, I] = T(0), [B, w] = T(!1), [$, A] = T({}), j = J(null), M = J(null), E = J(null), P = J(null), z = p && n.length >= k, W = je(() => new Set(e), [e]), F = je(
+  const [u, b] = A(!1), [h, C] = A(""), [_, I] = A(0), [B, w] = A(!1), [$, T] = A({}), j = J(null), M = J(null), E = J(null), P = J(null), z = p && n.length >= k, W = je(() => new Set(e), [e]), F = je(
     () => n.filter((x) => W.has(x.value)),
     [n, W]
-  ), V = F.slice(0, N), ne = Math.max(
+  ), Z = F.slice(0, N), ne = Math.max(
     0,
-    F.length - V.length
+    F.length - Z.length
   ), m = z && h.trim() ? n.filter(
     (x) => {
-      var G;
-      return x.label.toLowerCase().includes(h.toLowerCase()) || ((G = x.sublabel) == null ? void 0 : G.toLowerCase().includes(h.toLowerCase()));
+      var V;
+      return x.label.toLowerCase().includes(h.toLowerCase()) || ((V = x.sublabel) == null ? void 0 : V.toLowerCase().includes(h.toLowerCase()));
     }
   ) : n, D = ve(() => {
     const x = j.current;
     if (!x) return;
-    const G = x.getBoundingClientRect(), he = z ? 304 : 244, te = window.innerHeight - G.bottom, Q = te < he && G.top > te;
-    A({
+    const V = x.getBoundingClientRect(), he = z ? 304 : 244, te = window.innerHeight - V.bottom, Q = te < he && V.top > te;
+    T({
       position: "fixed",
-      left: G.left,
-      top: Q ? void 0 : G.bottom + 4,
-      bottom: Q ? window.innerHeight - G.top + 4 : void 0,
-      width: G.width,
+      left: V.left,
+      top: Q ? void 0 : V.bottom + 4,
+      bottom: Q ? window.innerHeight - V.top + 4 : void 0,
+      width: V.width,
       zIndex: 9999
     });
   }, [z]), q = ve(
@@ -3992,20 +3998,20 @@ function po({
       ia(e, x) || r(x);
     },
     [r, e]
-  ), X = ve(
+  ), K = ve(
     (x) => {
-      const G = n.find((te) => te.value === x);
-      if (G != null && G.disabled) return;
+      const V = n.find((te) => te.value === x);
+      if (V != null && V.disabled) return;
       const he = W.has(x) ? e.filter((te) => te !== x) : [...e, x];
       q(he);
     },
     [q, n, e, W]
-  ), Z = ve(() => q([]), [q]);
+  ), X = ve(() => q([]), [q]);
   H(() => w(!0), []), H(() => {
     if (!u) return;
-    function x(G) {
+    function x(V) {
       var te, Q;
-      const he = G.target;
+      const he = V.target;
       !((te = j.current) != null && te.contains(he)) && !((Q = M.current) != null && Q.contains(he)) && (b(!1), C(""));
     }
     return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
@@ -4024,12 +4030,12 @@ function po({
     const x = P.current.children[_];
     x == null || x.scrollIntoView({ block: "nearest" });
   }, [_]);
-  function ae(x) {
+  function oe(x) {
     if (!u) {
       (x.key === "Enter" || x.key === " " || x.key === "ArrowDown") && (x.preventDefault(), b(!0));
       return;
     }
-    x.key === "Escape" && (x.preventDefault(), b(!1), C("")), x.key === "ArrowDown" && (x.preventDefault(), I((G) => Math.min(G + 1, m.length - 1))), x.key === "ArrowUp" && (x.preventDefault(), I((G) => Math.max(G - 1, 0))), x.key === "Enter" && m[_] && (x.preventDefault(), X(m[_].value)), x.key === "Backspace" && !h && e.length && (x.preventDefault(), q(e.slice(0, -1)));
+    x.key === "Escape" && (x.preventDefault(), b(!1), C("")), x.key === "ArrowDown" && (x.preventDefault(), I((V) => Math.min(V + 1, m.length - 1))), x.key === "ArrowUp" && (x.preventDefault(), I((V) => Math.max(V - 1, 0))), x.key === "Enter" && m[_] && (x.preventDefault(), K(m[_].value)), x.key === "Backspace" && !h && e.length && (x.preventDefault(), q(e.slice(0, -1)));
   }
   const de = /* @__PURE__ */ o(
     "div",
@@ -4049,7 +4055,7 @@ function po({
             style: { borderBottom: "1px solid var(--border)" },
             children: [
               /* @__PURE__ */ t(
-                Ge,
+                Ve,
                 {
                   className: "h-3.5 w-3.5 flex-shrink-0",
                   style: { color: "var(--text-muted)" }
@@ -4105,7 +4111,7 @@ function po({
                 {
                   type: "button",
                   onMouseDown: (x) => {
-                    x.preventDefault(), Z();
+                    x.preventDefault(), X();
                   },
                   className: "font-semibold transition-colors hover:text-[var(--primary)]",
                   children: v
@@ -4128,17 +4134,17 @@ function po({
               overscrollBehavior: "contain"
             },
             children: [
-              m.map((x, G) => {
-                const he = G === _, te = W.has(x.value);
+              m.map((x, V) => {
+                const he = V === _, te = W.has(x.value);
                 return /* @__PURE__ */ o(
                   "li",
                   {
                     role: "option",
                     "aria-selected": te,
                     onMouseDown: (Q) => {
-                      Q.preventDefault(), X(x.value);
+                      Q.preventDefault(), K(x.value);
                     },
-                    onMouseEnter: () => !x.disabled && I(G),
+                    onMouseEnter: () => !x.disabled && I(V),
                     className: "flex cursor-pointer items-center gap-2 px-3 py-2 text-sm transition-colors",
                     style: {
                       background: he ? "var(--bg-hover)" : te ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
@@ -4210,7 +4216,7 @@ function po({
       ref: j,
       className: `relative ${c || "w-full"}`,
       style: d,
-      onKeyDown: ae,
+      onKeyDown: oe,
       children: [
         /* @__PURE__ */ o(
           "button",
@@ -4231,8 +4237,8 @@ function po({
             "aria-haspopup": "listbox",
             "aria-expanded": u,
             children: [
-              /* @__PURE__ */ t("span", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5 overflow-hidden", children: V.length ? /* @__PURE__ */ o(Ce, { children: [
-                V.map((x) => /* @__PURE__ */ o(
+              /* @__PURE__ */ t("span", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5 overflow-hidden", children: Z.length ? /* @__PURE__ */ o(Ce, { children: [
+                Z.map((x) => /* @__PURE__ */ o(
                   "span",
                   {
                     className: "inline-flex max-w-[160px] items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-semibold",
@@ -4276,7 +4282,7 @@ function po({
                   tabIndex: -1,
                   "aria-label": v,
                   onMouseDown: (x) => {
-                    x.preventDefault(), x.stopPropagation(), Z();
+                    x.preventDefault(), x.stopPropagation(), X();
                   },
                   className: "flex-shrink-0 rounded-full p-0.5 transition-colors hover:bg-black/10",
                   style: { color: "var(--text-muted)" },
@@ -4632,61 +4638,61 @@ function yo({
   footerClassName: h = ""
 }) {
   var Q;
-  const C = ((Q = e[0]) == null ? void 0 : Q.id) ?? "", [_, I] = T(
+  const C = ((Q = e[0]) == null ? void 0 : Q.id) ?? "", [_, I] = A(
     n ?? C
-  ), [B, w] = T(
+  ), [B, w] = A(
     i
-  ), $ = r ?? _, A = a ?? B, j = je(
-    () => new Set(A),
-    [A]
+  ), $ = r ?? _, T = a ?? B, j = je(
+    () => new Set(T),
+    [T]
   ), M = Math.max(
     0,
     e.findIndex((O) => O.id === $)
   ), E = e[M] ?? e[0], P = e.length <= 1 ? 100 : M / (e.length - 1) * 100, z = (O) => {
     a || w(O), d == null || d(O);
   }, W = (O) => {
-    const K = e.find((ee) => ee.id === O);
-    K && (r || I(O), c == null || c(O, K));
-  }, F = (O) => j.has(O), V = (O) => e.slice(0, O).find((K) => !K.optional && !j.has(K.id)), ne = (O) => {
-    const K = e[O];
-    return !K || K.disabled ? !1 : O === M || f && O < M ? !0 : !V(O);
+    const G = e.find((ee) => ee.id === O);
+    G && (r || I(O), c == null || c(O, G));
+  }, F = (O) => j.has(O), Z = (O) => e.slice(0, O).find((G) => !G.optional && !j.has(G.id)), ne = (O) => {
+    const G = e[O];
+    return !G || G.disabled ? !1 : O === M || f && O < M ? !0 : !Z(O);
   }, m = (O) => {
-    const K = e.findIndex((ee) => ee.id === O);
-    return K >= 0 && ne(K);
+    const G = e.findIndex((ee) => ee.id === O);
+    return G >= 0 && ne(G);
   }, D = (O) => {
-    const K = e.findIndex((ee) => ee.id === O);
-    if (K < 0) return !1;
-    if (!ne(K)) {
-      const ee = V(K);
-      return ee && (s == null || s(e[K], ee)), !1;
+    const G = e.findIndex((ee) => ee.id === O);
+    if (G < 0) return !1;
+    if (!ne(G)) {
+      const ee = Z(G);
+      return ee && (s == null || s(e[G], ee)), !1;
     }
     return W(O), !0;
   }, q = (O = E == null ? void 0 : E.id) => {
-    !O || j.has(O) || z([...A, O]);
-  }, X = (O = E == null ? void 0 : E.id) => {
+    !O || j.has(O) || z([...T, O]);
+  }, K = (O = E == null ? void 0 : E.id) => {
     if (!O) return;
-    const K = e.findIndex((se) => se.id === O), ee = A.filter((se) => {
+    const G = e.findIndex((se) => se.id === O), ee = T.filter((se) => {
       const be = e.findIndex((Y) => Y.id === se);
-      return be >= 0 && be < K;
+      return be >= 0 && be < G;
     });
-    z(ee), K >= 0 && M > K && W(O);
-  }, Z = () => M <= 0 ? !1 : D(e[M - 1].id), ae = () => {
+    z(ee), G >= 0 && M > G && W(O);
+  }, X = () => M <= 0 ? !1 : D(e[M - 1].id), oe = () => {
     const O = e[M + 1];
     return O ? D(O.id) : !1;
   }, de = {
     activeStep: E,
     activeIndex: M,
-    completedStepIds: A,
+    completedStepIds: T,
     isCompleted: F,
     isUnlocked: m,
     completeStep: q,
-    uncompleteStep: X,
+    uncompleteStep: K,
     goToStep: D,
-    goNext: ae,
-    goPrevious: Z
+    goNext: oe,
+    goPrevious: X
   };
   if (!E) return null;
-  const x = e[M + 1], G = M > 0, he = x ? m(x.id) : !1, te = typeof E.content == "function" ? E.content(de) : E.content;
+  const x = e[M + 1], V = M > 0, he = x ? m(x.id) : !1, te = typeof E.content == "function" ? E.content(de) : E.content;
   return /* @__PURE__ */ o(
     "section",
     {
@@ -4717,8 +4723,8 @@ function yo({
                   style: {
                     gridTemplateColumns: `repeat(${e.length}, minmax(0, 1fr))`
                   },
-                  children: e.map((O, K) => {
-                    const ee = O.id === E.id, se = F(O.id), be = ne(K), Y = V(K);
+                  children: e.map((O, G) => {
+                    const ee = O.id === E.id, se = F(O.id), be = ne(G), Y = Z(G);
                     return /* @__PURE__ */ o(
                       "button",
                       {
@@ -4756,7 +4762,7 @@ function yo({
                                   !se && !ee && be && "border-[var(--border)] text-[var(--text-muted)]",
                                   !be && "border-[var(--border)] text-[var(--text-muted)]"
                                 ),
-                                children: se ? /* @__PURE__ */ t(Qe, { className: "h-4 w-4" }) : be ? K + 1 : /* @__PURE__ */ t(Fr, { className: "h-3.5 w-3.5" })
+                                children: se ? /* @__PURE__ */ t(Qe, { className: "h-4 w-4" }) : be ? G + 1 : /* @__PURE__ */ t(Fr, { className: "h-3.5 w-3.5" })
                               }
                             ),
                             /* @__PURE__ */ o("span", { className: "min-w-0 flex-1", children: [
@@ -4768,7 +4774,7 @@ function yo({
                                     ee ? "text-[var(--text-main)]" : "text-[var(--text-secondary)]"
                                   ),
                                   children: [
-                                    K + 1,
+                                    G + 1,
                                     ". ",
                                     O.title
                                   ]
@@ -4814,8 +4820,8 @@ function yo({
                   height: 38,
                   padding: "0 14px",
                   icon: /* @__PURE__ */ t(qe, {}),
-                  disabled: !G,
-                  onClick: Z,
+                  disabled: !V,
+                  onClick: X,
                   children: k
                 }
               ),
@@ -4828,7 +4834,7 @@ function yo({
                 ] }),
                 /* @__PURE__ */ t("span", { className: "h-1 w-1 rounded-full bg-[var(--border)]" }),
                 /* @__PURE__ */ o("span", { children: [
-                  A.length,
+                  T.length,
                   " completados"
                 ] })
               ] }),
@@ -4839,7 +4845,7 @@ function yo({
                   padding: "0 14px",
                   icon: /* @__PURE__ */ t(Ie, {}),
                   disabled: !x || !he,
-                  onClick: ae,
+                  onClick: oe,
                   children: x && !he ? y : N
                 }
               )
@@ -4893,7 +4899,7 @@ const pa = sn(
     onInput: C,
     ..._
   }, I) {
-    const B = J(null), w = fa(u, b), $ = p ?? h, A = !!(N || y || f), j = k === "error" ? "var(--danger)" : k === "success" ? "#16a34a" : "var(--border)", M = {
+    const B = J(null), w = fa(u, b), $ = p ?? h, T = !!(N || y || f), j = k === "error" ? "var(--danger)" : k === "success" ? "#16a34a" : "var(--border)", M = {
       ...v ?? {},
       ...d ? { minHeight: `${d * 24 + 18}px` } : null,
       ...s ? { maxHeight: `${s * 24 + 18}px` } : null
@@ -4920,7 +4926,7 @@ const pa = sn(
         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 ${da[a]} ${ua[c ? "none" : i]} ${N ? "pl-8" : ""} ${y ? "pr-10" : ""} ${r}`
       }
     );
-    return A ? /* @__PURE__ */ o("span", { className: `relative block ${n}`, children: [
+    return T ? /* @__PURE__ */ o("span", { className: `relative block ${n}`, children: [
       N && /* @__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: N }),
       P,
       y && /* @__PURE__ */ t("span", { className: "absolute right-2 top-2 flex items-center justify-center", children: y }),
@@ -5137,11 +5143,11 @@ function $a({
   style: v
 }) {
   var F;
-  const [u, b] = T(!1), h = typeof e == "string" && e.trim() && e !== "undefined" && e !== "null" ? e.trim() : "";
+  const [u, b] = A(!1), h = typeof e == "string" && e.trim() && e !== "undefined" && e !== "null" ? e.trim() : "";
   H(() => {
     b(!1);
   }, [h, N]);
-  const { wh: C, text: _ } = va[a], I = ar(n) || ar(r) || s, B = I.trim()[0] || "?", w = typeof process < "u" && ((F = process.env) == null ? void 0 : F.NEXT_PUBLIC_BASE_PATH) || "", $ = Sa(r, n), A = Ca(w, "/favicon.svg"), j = h ? `${w}/api/user/avatar/${h}${N ? `?v=${N}` : ""}` : "", E = {
+  const { wh: C, text: _ } = va[a], I = ar(n) || ar(r) || s, B = I.trim()[0] || "?", w = typeof process < "u" && ((F = process.env) == null ? void 0 : F.NEXT_PUBLIC_BASE_PATH) || "", $ = Sa(r, n), T = Ca(w, "/favicon.svg"), j = h ? `${w}/api/user/avatar/${h}${N ? `?v=${N}` : ""}` : "", E = {
     xs: 20,
     sm: 28,
     md: 36,
@@ -5155,7 +5161,7 @@ function $a({
       children: /* @__PURE__ */ t(
         "img",
         {
-          src: A,
+          src: T,
           alt: I,
           width: E,
           height: E,
@@ -5234,7 +5240,7 @@ function Da({
   onLogout: f,
   LinkComponent: p = Ea
 }) {
-  const [k, N] = T(!1), y = Ma(r);
+  const [k, N] = A(!1), y = Ma(r);
   return /* @__PURE__ */ o("div", { className: "min-h-screen bg-[var(--bg-main)] text-[var(--text-main)]", children: [
     /* @__PURE__ */ t(xa, {}),
     /* @__PURE__ */ t(
@@ -5370,10 +5376,10 @@ const La = {
   projects: /* @__PURE__ */ t(Jr, { className: "h-5 w-5" }),
   clients: /* @__PURE__ */ t(Zr, { className: "h-5 w-5" }),
   surveys: /* @__PURE__ */ t(Xr, { className: "h-5 w-5" }),
-  profile: /* @__PURE__ */ t(Vr, { className: "h-5 w-5" }),
+  profile: /* @__PURE__ */ t(Kr, { className: "h-5 w-5" }),
   settings: /* @__PURE__ */ t(Ft, { className: "h-5 w-5" }),
-  notifications: /* @__PURE__ */ t(Kr, { className: "h-5 w-5" }),
-  changelog: /* @__PURE__ */ t(Gr, { className: "h-5 w-5" }),
+  notifications: /* @__PURE__ */ t(Gr, { className: "h-5 w-5" }),
+  changelog: /* @__PURE__ */ t(Vr, { className: "h-5 w-5" }),
   admin: /* @__PURE__ */ t(vt, { className: "h-5 w-5" }),
   users: /* @__PURE__ */ t(Ut, { className: "h-5 w-5" }),
   roles: /* @__PURE__ */ t(vt, { className: "h-5 w-5" }),
@@ -5394,17 +5400,17 @@ function Ba({
 }) {
   return /* @__PURE__ */ t("a", { href: e, className: r, style: n, children: a });
 }
-function Aa(e) {
+function Ta(e) {
   return e.split("-").map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
 }
-function Ta(e) {
+function Aa(e) {
   return /^\d+$/.test(e) || /^[a-f0-9]{8,}$/i.test(e);
 }
 function Oa(e) {
   const r = e.split("/").filter(Boolean);
   if (r.length === 0 || r.length === 1 && r[0] === "dashboard")
     return [];
-  const n = decodeURIComponent(r[r.length - 1]), a = r.length > 1 ? decodeURIComponent(r[r.length - 2]) : void 0, i = Ta(n) && a ? a : n, c = La[i] ?? Aa(i);
+  const n = decodeURIComponent(r[r.length - 1]), a = r.length > 1 ? decodeURIComponent(r[r.length - 2]) : void 0, i = Aa(n) && a ? a : n, c = La[i] ?? Ta(i);
   return [{ label: "Inicio", href: "/" }, { label: c }];
 }
 function Nt(e) {
@@ -5433,14 +5439,14 @@ function ko({
   contained: k = !1,
   LinkComponent: N = Ba
 }) {
-  const y = J(null), [v, u] = T(!1), [b, h] = T(null), C = s ?? Oa(f), _ = i ?? za(f), I = p && C.length > 1;
+  const y = J(null), [v, u] = A(!1), [b, h] = A(null), C = s ?? Oa(f), _ = i ?? za(f), I = p && C.length > 1;
   return H(() => {
     if (k) {
       u(!1);
       return;
     }
     let B = null, w = 0, $ = 0;
-    const A = () => {
+    const T = () => {
       const E = y.current, P = document.querySelector(
         "[data-app-scroll='true']"
       );
@@ -5451,7 +5457,7 @@ function ko({
       const E = B && B !== window ? B.scrollTop : window.scrollY;
       u((P) => P ? E > 24 : E > 72);
     }, M = () => {
-      B == null || B.removeEventListener("scroll", j), B = A(), B.addEventListener("scroll", j, { passive: !0 }), j();
+      B == null || B.removeEventListener("scroll", j), B = T(), B.addEventListener("scroll", j, { passive: !0 }), j();
     };
     return M(), w = window.requestAnimationFrame(M), $ = window.setTimeout(M, 120), () => {
       window.cancelAnimationFrame(w), window.clearTimeout($), B == null || B.removeEventListener("scroll", j);
@@ -5463,31 +5469,31 @@ function ko({
     }
     let B = 0;
     const w = [], $ = () => {
-      const W = y.current, F = W == null ? void 0 : W.parentElement, V = document.querySelector(
+      const W = y.current, F = W == null ? void 0 : W.parentElement, Z = document.querySelector(
         "[data-app-scroll='true']"
-      ), ne = Nt(V) ?? V;
+      ), ne = Nt(Z) ?? Z;
       if (!W || !F || !ne) {
         h(null);
         return;
       }
-      const m = F.getBoundingClientRect(), D = window.getComputedStyle(F), q = ne.getBoundingClientRect(), X = ne instanceof HTMLElement && ne.clientWidth > 0 ? ne.clientWidth : q.width, Z = m.left + parseFloat(D.paddingLeft || "0"), ae = {
-        marginLeft: Math.round(q.left - Z),
-        width: Math.round(X)
+      const m = F.getBoundingClientRect(), D = window.getComputedStyle(F), q = ne.getBoundingClientRect(), K = ne instanceof HTMLElement && ne.clientWidth > 0 ? ne.clientWidth : q.width, X = m.left + parseFloat(D.paddingLeft || "0"), oe = {
+        marginLeft: Math.round(q.left - X),
+        width: Math.round(K)
       };
       h(
-        (de) => de && de.marginLeft === ae.marginLeft && de.width === ae.width ? de : ae
+        (de) => de && de.marginLeft === oe.marginLeft && de.width === oe.width ? de : oe
       );
-    }, A = () => {
+    }, T = () => {
       window.cancelAnimationFrame(B), B = window.requestAnimationFrame($);
     };
-    A(), window.addEventListener("resize", A);
-    const j = new ResizeObserver(A), M = y.current, E = M == null ? void 0 : M.parentElement, P = document.querySelector(
+    T(), window.addEventListener("resize", T);
+    const j = new ResizeObserver(T), M = y.current, E = M == null ? void 0 : M.parentElement, P = document.querySelector(
       "[data-app-scroll='true']"
     ), z = Nt(P) ?? P;
     return [E, P, z].forEach((W) => {
       W && j.observe(W);
-    }), w.push(window.setTimeout(A, 120)), w.push(window.setTimeout(A, 280)), () => {
-      window.cancelAnimationFrame(B), window.removeEventListener("resize", A), j.disconnect(), w.forEach((W) => window.clearTimeout(W));
+    }), w.push(window.setTimeout(T, 120)), w.push(window.setTimeout(T, 280)), () => {
+      window.cancelAnimationFrame(B), window.removeEventListener("resize", T), j.disconnect(), w.forEach((W) => window.clearTimeout(W));
     };
   }, [k]), /* @__PURE__ */ t(
     "div",
@@ -5672,7 +5678,7 @@ function Co({
   src: r,
   projectKey: n
 }) {
-  const [a, i] = T(
+  const [a, i] = A(
     () => or()
   ), c = J(null);
   H(() => {
@@ -5737,7 +5743,7 @@ function Co({
   ) });
 }
 function $o() {
-  const [e, r] = T(""), [n, a] = T(!1), [i, c] = T({ width: 96, height: 96 });
+  const [e, r] = A(""), [n, a] = A(!1), [i, c] = A({ width: 96, height: 96 });
   return H(() => {
     let d = !1;
     return fetch("/api/microservices/prime-suite/chat-url", { cache: "no-store" }).then((s) => s.ok ? s.json() : null).then((s) => {