bonsaif-ui 0.1.0 → 0.1.1

package/dist/bonsaif-ui.js

@@ -1,18 +1,19 @@
-import { jsx as e, jsxs as s, Fragment as le } from "react/jsx-runtime";
-import Xe, { useState as E, useRef as J, useEffect as R, useCallback as Ve, useLayoutEffect as Dt, useMemo as Je, useSyncExternalStore as At } from "react";
-import { HiChevronLeft as Se, HiChevronDown as ge, HiChevronRight as xe, HiCalendarDays as Ie, HiMagnifyingGlass as We, HiXMark as ce, HiExclamationTriangle as zt, HiChevronUp as Ot, HiChevronUpDown as It, HiEyeSlash as Ht, HiEye as Wt, HiBars3 as Pt, HiHome as Ce, HiArrowRightOnRectangle as _t, HiShieldCheck as De, HiInbox as Ft, HiListBullet as Ze, HiBriefcase as jt, HiCog6Tooth as Ke, HiUsers as Qe, HiDocumentText as Ut, HiBell as Yt, HiUser as qt, HiClipboardDocumentList as Gt, HiBuildingOffice2 as Xt, HiRectangleGroup as Vt, HiTicket as Jt, HiChartBar as Zt } from "react-icons/hi2";
-import { OverlayScrollbars as et } from "overlayscrollbars";
-import { createPortal as Ee } from "react-dom";
-import { MdDragIndicator as Kt } from "react-icons/md";
-import { OverlayScrollbarsComponent as tt } from "overlayscrollbars-react";
-import { DayPicker as Qt, useDayPicker as er } from "react-day-picker";
+"use client";
+import { jsx as e, jsxs as i, Fragment as we } from "react/jsx-runtime";
+import ct, { useRef as ie, useState as B, useEffect as O, useMemo as Oe, useCallback as et, useLayoutEffect as _t, useSyncExternalStore as Ht } from "react";
+import { HiMagnifyingGlass as Ye, HiXMark as Se, HiChevronLeft as _e, HiChevronDown as He, HiChevronRight as Te, HiCalendarDays as tt, HiExclamationTriangle as Pt, HiChevronUp as Wt, HiChevronUpDown as jt, HiEyeSlash as Ft, HiEye as Ut, HiCheck as qt, HiLockClosed as Yt, HiBars3 as Gt, HiHome as qe, HiArrowRightOnRectangle as Xt, HiShieldCheck as Ve, HiInbox as Jt, HiListBullet as dt, HiBriefcase as Vt, HiCog6Tooth as ut, HiUsers as mt, HiDocumentText as Kt, HiBell as Zt, HiUser as Qt, HiClipboardDocumentList as er, HiBuildingOffice2 as tr, HiRectangleGroup as rr, HiTicket as nr, HiChartBar as ar } from "react-icons/hi2";
+import { OverlayScrollbars as ft } from "overlayscrollbars";
+import { createPortal as Ge } from "react-dom";
+import { MdDragIndicator as or } from "react-icons/md";
+import { OverlayScrollbarsComponent as pt } from "overlayscrollbars-react";
+import { DayPicker as ir, useDayPicker as sr } from "react-day-picker";
 import "react-day-picker/dist/style.css";
-import { FiSave as tr } from "react-icons/fi";
-import { Toaster as rr } from "sonner";
-function nr(...t) {
+import { FiSave as lr } from "react-icons/fi";
+import { Toaster as cr } from "sonner";
+function dr(...t) {
   return t.filter(Boolean).join(" ");
 }
-function Qr({
+function bn({
   variant: t = "primary",
   className: r,
   type: n = "button",
@@ -22,71 +23,504 @@ function Qr({
   return /* @__PURE__ */ e(
     "button",
     {
-      className: nr("bonsaif-ui-button", `bonsaif-ui-button--${t}`, r),
+      className: dr("bonsaif-ui-button", `bonsaif-ui-button--${t}`, r),
       type: n,
       ...l,
       children: a
     }
   );
 }
-function rt(t) {
+function ur({
+  value: t,
+  onChange: r,
+  placeholder: n,
+  className: a = "",
+  autoFocus: l = !1,
+  forceExpanded: u = !1,
+  onEscape: d,
+  size: p = "default",
+  inputTabIndex: m
+}) {
+  const h = ie(null), [w, N] = B(!1), g = u || w || t.trim().length > 0, f = p === "sm" ? "h-9 rounded-md" : "h-11 rounded-lg";
+  O(() => {
+    var c;
+    l && (N(!0), (c = h.current) == null || c.focus());
+  }, [l]);
+  const v = () => {
+    var c;
+    N(!0), (c = h.current) == null || c.focus();
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `relative flex-shrink-0 overflow-visible transition-[width] duration-200 ease-out ${g ? a || "w-full" : "w-28"}`,
+      onMouseDown: (c) => {
+        g || (c.preventDefault(), v());
+      },
+      children: [
+        /* @__PURE__ */ e(
+          Ye,
+          {
+            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)" }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: h,
+            type: "text",
+            tabIndex: m,
+            "aria-label": n,
+            value: t,
+            onChange: (c) => r(c.target.value),
+            onKeyDown: (c) => {
+              c.key === "Escape" && (d == null || d());
+            },
+            placeholder: g ? n : "Buscar",
+            className: `${f} w-full py-0 text-sm placeholder:text-[var(--text-muted)] focus:outline-none transition-all duration-200 ${g ? "pl-9 pr-9" : "cursor-pointer pl-9 pr-3"}`,
+            style: {
+              background: "var(--bg-card)",
+              border: "1px solid var(--border)",
+              color: "var(--text-main)"
+            },
+            onFocus: (c) => {
+              N(!0), c.currentTarget.style.borderColor = "var(--primary)", c.currentTarget.style.boxShadow = "0 0 0 3px rgba(59,130,246,0.12)";
+            },
+            onBlur: (c) => {
+              N(!1), c.currentTarget.style.borderColor = "var(--border)", c.currentTarget.style.boxShadow = "none";
+            }
+          }
+        ),
+        t && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => r(""),
+            className: "absolute right-2 top-1/2 flex !h-6 !w-6 -translate-y-1/2 items-center justify-center rounded-full !p-0 leading-none transition-colors hover:bg-black/5",
+            style: { color: "var(--text-muted)" },
+            "aria-label": "Limpiar búsqueda",
+            children: /* @__PURE__ */ e(Se, { className: "h-3.5 w-3.5 flex-shrink-0" })
+          }
+        )
+      ]
+    }
+  );
+}
+function ht(t) {
   if (t !== void 0)
     return typeof t == "number" ? `${t}px` : t;
 }
-const ar = "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap leading-none font-medium transition-all duration-150 focus:outline-none disabled:opacity-50 rounded-lg", or = {
+const mr = "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap leading-none font-medium transition-all duration-150 focus:outline-none disabled:opacity-50 rounded-lg", fr = {
   primary: "border border-[var(--border)] text-[var(--text-main)] hover:border-[var(--border)] hover:bg-[var(--bg-input)] active:scale-[0.98] transition-colors",
   secondary: "border border-[var(--border)] text-[var(--text-main)] hover:border-[var(--border)] hover:bg-[var(--bg-input)] active:scale-[0.98] transition-colors",
   danger: "border border-[var(--border)] text-[var(--danger)] hover:border-[var(--danger)] hover:bg-[var(--danger-bg)] active:scale-[0.98] transition-colors",
   ghost: "text-[var(--text-secondary)] hover:opacity-70",
   icon: "h-9 w-9 text-[var(--text-muted)] hover:text-[var(--primary)] hover:bg-primary/5"
-}, ir = {
+}, pr = {
   sm: "h-9 px-3.5 text-xs",
   md: "h-11 px-4 text-sm",
   lg: "h-12 px-5 text-sm font-semibold"
-}, sr = {
+}, hr = {
   primary: { background: "var(--bg-card)" },
   secondary: { background: "var(--bg-card)" },
   danger: { background: "var(--bg-card)" },
   ghost: {},
   icon: {}
 };
-function ne({
+function he({
   variant: t = "primary",
   size: r = "md",
   loading: n = !1,
   icon: a,
   height: l,
   padding: u,
-  children: m,
+  children: d,
   className: p = "",
-  disabled: c,
-  style: d,
-  ...y
+  disabled: m,
+  style: h,
+  ...w
 }) {
-  const C = t === "icon";
-  return /* @__PURE__ */ s(
+  const N = t === "icon";
+  return /* @__PURE__ */ i(
     "button",
     {
-      ...y,
+      ...w,
       "data-variant": t,
       "data-size": r,
-      "data-icon": C ? "true" : void 0,
-      disabled: c || n,
-      className: `${ar} ${or[t]} ${C ? "" : ir[r]} ${p}`,
+      "data-icon": N ? "true" : void 0,
+      disabled: m || n,
+      className: `${mr} ${fr[t]} ${N ? "" : pr[r]} ${p}`,
       style: {
-        ...sr[t],
-        height: rt(l),
-        padding: rt(u),
-        ...d
+        ...hr[t],
+        height: ht(l),
+        padding: ht(u),
+        ...h
       },
       children: [
         n ? /* @__PURE__ */ e("span", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : a,
-        m
+        d
       ]
     }
   );
 }
-const pt = [
+function br({
+  variant: t = "page",
+  title: r = "Cargando...",
+  rows: n = 6,
+  children: a
+}) {
+  return t === "table" ? /* @__PURE__ */ e(Et, { rows: n }) : t === "sections" ? /* @__PURE__ */ e(xr, { rows: n }) : t === "cards" ? /* @__PURE__ */ e(vr, { rows: n }) : /* @__PURE__ */ e("div", { className: "flex min-h-[240px] items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-6", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+    /* @__PURE__ */ e("div", { className: "h-9 w-9 animate-spin rounded-full border-2 border-[var(--border)] border-t-[var(--primary)]" }),
+    /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-[var(--text-main)]", children: r }),
+      a && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-[var(--text-muted)]", children: a })
+    ] })
+  ] }) });
+}
+function xr({ rows: t }) {
+  return /* @__PURE__ */ e("div", { className: "space-y-4", children: Array.from({ length: Math.max(2, Math.min(t, 4)) }).map(
+    (r, n) => /* @__PURE__ */ i(
+      "section",
+      {
+        className: "overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)]",
+        children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-3 border-b border-[var(--border)] px-3 py-3", children: [
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("div", { className: "h-4 w-4 animate-pulse rounded bg-[var(--bg-input)]" }),
+              /* @__PURE__ */ e("div", { className: "h-4 w-32 animate-pulse rounded bg-[var(--bg-input)]" }),
+              /* @__PURE__ */ e("div", { className: "h-5 w-20 animate-pulse rounded-full bg-[var(--bg-input)]" })
+            ] }),
+            /* @__PURE__ */ i("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ e("div", { className: "h-8 w-8 animate-pulse rounded-md bg-[var(--bg-input)]" }),
+              /* @__PURE__ */ e("div", { className: "h-8 w-8 animate-pulse rounded-md bg-[var(--bg-input)]" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(
+            Et,
+            {
+              rows: n === 0 ? t : Math.max(3, t - 2),
+              compact: !0
+            }
+          )
+        ]
+      },
+      n
+    )
+  ) });
+}
+function vr({ rows: t }) {
+  return /* @__PURE__ */ e("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: t }).map((r, n) => /* @__PURE__ */ i(
+    "div",
+    {
+      className: "rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-4",
+      children: [
+        /* @__PURE__ */ e("div", { className: "h-4 w-2/3 animate-pulse rounded bg-[var(--bg-input)]" }),
+        /* @__PURE__ */ e("div", { className: "mt-3 h-3 w-full animate-pulse rounded bg-[var(--bg-input)]" }),
+        /* @__PURE__ */ e("div", { className: "mt-2 h-3 w-4/5 animate-pulse rounded bg-[var(--bg-input)]" })
+      ]
+    },
+    n
+  )) });
+}
+function Et({
+  rows: t,
+  compact: r = !1
+}) {
+  const n = r ? 5 : 6;
+  return /* @__PURE__ */ i("div", { className: "overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)]", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "grid border-b border-[var(--border)]",
+        style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
+        children: Array.from({ length: n }).map((a, l) => /* @__PURE__ */ e("div", { className: "px-3 py-3", children: /* @__PURE__ */ e("div", { className: "h-3 w-2/3 animate-pulse rounded bg-[var(--bg-input)]" }) }, l))
+      }
+    ),
+    Array.from({ length: t }).map((a, l) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: "grid border-b border-[var(--border)] last:border-b-0",
+        style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
+        children: Array.from({ length: n }).map((u, d) => /* @__PURE__ */ e("div", { className: "px-3 py-3", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "h-3.5 animate-pulse rounded-full bg-[var(--bg-input)]",
+            style: {
+              width: `${52 + (l * 13 + d * 11) % 36}%`
+            }
+          }
+        ) }, d))
+      },
+      l
+    ))
+  ] });
+}
+function Mt(t) {
+  const r = t.split("/").filter(Boolean);
+  return (r[r.length - 1] ?? t).replace(/^lv_/, "").split(/[-_]/).filter(Boolean).map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
+}
+function bt(t) {
+  return t.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+}
+function gr(t) {
+  return [
+    t.label,
+    Mt(t.service),
+    t.description,
+    t.service
+  ].filter(Boolean).join(" ");
+}
+function yr(t) {
+  return typeof t == "function" ? t : t.default;
+}
+function wr(t, r) {
+  return /* @__PURE__ */ e("div", { className: "flex min-h-[220px] items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-6 text-center", children: /* @__PURE__ */ i("div", { className: "max-w-md", children: [
+    /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-[var(--text-main)]", children: "No se pudo cargar este modulo" }),
+    /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-[var(--text-muted)]", children: t.message }),
+    /* @__PURE__ */ e(he, { className: "mt-4", height: 36, padding: "0 14px", onClick: r, children: "Reintentar" })
+  ] }) });
+}
+function xn({
+  parentPanel: t,
+  parentPanelComponent: r,
+  renderParentPanel: n,
+  parent: a,
+  context: l,
+  links: u,
+  moduleRegistry: d,
+  loadModule: p,
+  activeService: m,
+  initialService: h,
+  onActiveServiceChange: w,
+  canAccess: N,
+  keepAlive: g = !0,
+  title: f,
+  subtitle: v,
+  emptyState: c,
+  loadingState: $,
+  errorState: D = wr,
+  renderTabLabel: K,
+  searchableTabs: W = "auto",
+  tabsSearchThreshold: E = 6,
+  tabsSearchPlaceholder: T = "Buscar modulo...",
+  tabsSearchValue: I,
+  onTabsSearchChange: L,
+  emptySearchState: F,
+  showTabCount: M = !0,
+  className: S = "",
+  parentClassName: P = "",
+  contentClassName: J = "",
+  tabsClassName: _ = ""
+}) {
+  var ue;
+  const j = Oe(
+    () => u.filter(
+      (b) => !b.hidden && ((N == null ? void 0 : N(b, l)) ?? !0)
+    ),
+    [N, l, u]
+  ), U = (ue = j.find(
+    (b) => !b.disabled
+  )) == null ? void 0 : ue.service, [Z, o] = B(
+    h ?? U ?? ""
+  ), [y, H] = B({}), [q, G] = B({}), [ee, me] = B(""), [te, be] = B(!1), fe = ie(q), ve = ie(0), de = I ?? ee, k = bt(de), A = W === !0 || W === "auto" && j.length >= E, X = A && de.trim().length > 0, ne = Oe(() => k ? j.filter(
+    (b) => bt(gr(b)).includes(k)
+  ) : j, [k, j]), ce = m ?? Z, R = j.find((b) => b.service === ce) ?? j.find((b) => !b.disabled);
+  O(() => {
+    !R && U && o(U);
+  }, [U, R]), O(() => {
+    fe.current = q;
+  }, [q]);
+  const Ne = (b) => {
+    b.disabled || (m || o(b.service), w == null || w(b.service, b));
+  }, Pe = (b) => {
+    I === void 0 && me(b), L == null || L(b);
+  }, xe = (b, V) => {
+    const oe = ne.filter((se) => !se.disabled), Ce = oe.findIndex(
+      (se) => se.service === V.service
+    );
+    Ce < 0 || ((b.key === "ArrowRight" || b.key === "ArrowDown") && (b.preventDefault(), Ne(oe[(Ce + 1) % oe.length])), (b.key === "ArrowLeft" || b.key === "ArrowUp") && (b.preventDefault(), Ne(
+      oe[(Ce - 1 + oe.length) % oe.length]
+    )), b.key === "Home" && (b.preventDefault(), Ne(oe[0])), b.key === "End" && (b.preventDefault(), Ne(oe[oe.length - 1])));
+  }, De = et(() => {
+    if (!R) return;
+    const b = R.service, V = fe.current[b];
+    if (V != null && V.loading || V != null && V.component && g) return;
+    const oe = (d == null ? void 0 : d[b]) ?? p;
+    if (!oe) {
+      G((se) => ({
+        ...se,
+        [b]: {
+          loading: !1,
+          error: new Error(`No module loader found for service "${b}".`)
+        }
+      }));
+      return;
+    }
+    const Ce = ++ve.current;
+    G((se) => ({
+      ...se,
+      [b]: { ...se[b], loading: !0, error: void 0 }
+    })), oe(R, l).then((se) => {
+      if (Ce !== ve.current && !g) return;
+      const $e = yr(se);
+      G((Be) => ({
+        ...Be,
+        [b]: { component: $e, loading: !1 }
+      }));
+    }).catch((se) => {
+      const $e = se instanceof Error ? se : new Error(String(se));
+      G((Be) => ({
+        ...Be,
+        [b]: { ...Be[b], loading: !1, error: $e }
+      }));
+    });
+  }, [l, g, p, d, R]);
+  O(De, [De]);
+  const We = R ? y[R.service] ?? null : null, ae = R ? q[R.service] : void 0, Me = ae == null ? void 0 : ae.component, Ie = (b) => {
+    R && H((V) => ({
+      ...V,
+      [R.service]: b
+    }));
+  }, je = () => {
+    R && H((b) => ({
+      ...b,
+      [R.service]: null
+    }));
+  }, ge = {
+    context: l,
+    parent: a,
+    links: u,
+    visibleLinks: j,
+    filteredLinks: ne,
+    selectedLink: R,
+    selectedService: R == null ? void 0 : R.service,
+    activeItemId: We,
+    tabsSearch: de,
+    onSelectService: Ne,
+    onOpenDetail: Ie,
+    onBackToList: je
+  }, ye = n ? n(ge) : r ? /* @__PURE__ */ e(r, { ...ge }) : t;
+  return /* @__PURE__ */ i(
+    "section",
+    {
+      className: `grid min-h-[520px] gap-4 lg:grid-cols-[minmax(260px,360px)_minmax(0,1fr)] ${S}`,
+      children: [
+        /* @__PURE__ */ e(
+          "aside",
+          {
+            className: `min-w-0 rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-4 ${P}`,
+            children: ye
+          }
+        ),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: `relative min-w-0 overflow-visible rounded-lg border border-[var(--border)] bg-[var(--bg-card)] ${J}`,
+            children: [
+              (f || v || A || M) && /* @__PURE__ */ e("div", { className: "relative border-b border-[var(--border)] px-4 py-3", children: /* @__PURE__ */ i("div", { className: "flex min-w-0 items-start justify-between gap-3", children: [
+                /* @__PURE__ */ i("div", { className: "min-w-0", children: [
+                  f && /* @__PURE__ */ e("h2", { className: "truncate text-sm font-semibold text-[var(--text-main)]", children: f }),
+                  v && /* @__PURE__ */ e("p", { className: "mt-1 line-clamp-2 text-xs text-[var(--text-muted)]", children: v })
+                ] }),
+                (A || M) && /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-shrink-0 items-center justify-end gap-2", children: [
+                  M && /* @__PURE__ */ i("span", { className: "hidden text-xs font-semibold text-[var(--text-muted)] transition-opacity duration-200 sm:inline", children: [
+                    ne.length,
+                    " / ",
+                    j.length
+                  ] }),
+                  A && /* @__PURE__ */ i(we, { children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: `origin-right overflow-hidden transition-[width,opacity,transform] duration-200 ease-out ${te ? "w-[min(20rem,44vw)] translate-x-0 opacity-100" : "w-0 translate-x-2 opacity-0"}`,
+                        "aria-hidden": !te,
+                        children: /* @__PURE__ */ e(
+                          ur,
+                          {
+                            value: de,
+                            onChange: Pe,
+                            placeholder: T,
+                            className: "w-full",
+                            autoFocus: te,
+                            forceExpanded: !0,
+                            onEscape: () => be(!1),
+                            size: "sm",
+                            inputTabIndex: te ? 0 : -1
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": te ? "Cerrar busqueda" : "Buscar tabs",
+                        "aria-expanded": te,
+                        onClick: () => {
+                          te && de && Pe(""), be((b) => !b);
+                        },
+                        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 ${te || X ? "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__ */ e("span", { className: "grid h-4 w-4 place-items-center transition-transform duration-200", children: te || X ? /* @__PURE__ */ e(Se, { className: "h-4 w-4" }) : /* @__PURE__ */ e(Ye, { className: "h-4 w-4" }) })
+                      }
+                    )
+                  ] })
+                ] })
+              ] }) }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  role: "tablist",
+                  "aria-label": f ?? "Modulos relacionados",
+                  className: `flex gap-1 overflow-x-auto border-b border-[var(--border)] bg-[var(--bg-input)] px-2 py-1.5 transition-colors duration-200 ${_}`,
+                  children: ne.length > 0 ? ne.map((b) => {
+                    const V = b.service === (R == null ? void 0 : R.service);
+                    return /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        role: "tab",
+                        "aria-selected": V,
+                        disabled: b.disabled,
+                        onClick: () => Ne(b),
+                        onKeyDown: (oe) => xe(oe, b),
+                        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 ${V ? "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(b, V) : /* @__PURE__ */ i(we, { children: [
+                          b.icon,
+                          /* @__PURE__ */ e("span", { children: b.label ?? Mt(b.service) }),
+                          b.badge && /* @__PURE__ */ e("span", { className: "rounded-full bg-[var(--bg-input)] px-1.5 py-0.5 text-[10px] text-[var(--text-muted)]", children: b.badge })
+                        ] })
+                      },
+                      b.service
+                    );
+                  }) : /* @__PURE__ */ e("div", { className: "flex min-h-9 flex-1 items-center rounded-md border border-dashed border-[var(--border)] px-3 text-xs text-[var(--text-muted)]", children: F ?? "No hay modulos que coincidan con la busqueda." })
+                }
+              ),
+              (R == null ? void 0 : R.description) && /* @__PURE__ */ e("div", { className: "border-b border-[var(--border)] px-4 py-2 text-xs text-[var(--text-muted)]", children: R.description }),
+              /* @__PURE__ */ i("div", { className: "min-h-[420px] p-4", children: [
+                !R && (c ?? /* @__PURE__ */ e("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." })),
+                R && (ae == null ? void 0 : ae.loading) && ($ ?? /* @__PURE__ */ e(br, { title: "Cargando modulo..." })),
+                R && (ae == null ? void 0 : ae.error) && D(ae.error, De),
+                R && Me && !(ae != null && ae.loading) && !(ae != null && ae.error) && /* @__PURE__ */ e(
+                  Me,
+                  {
+                    context: l,
+                    parent: a,
+                    link: R,
+                    activeItemId: We,
+                    onOpenDetail: Ie,
+                    onBackToList: je
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const Bt = [
   "Enero",
   "Febrero",
   "Marzo",
@@ -99,7 +533,7 @@ const pt = [
   "Octubre",
   "Noviembre",
   "Diciembre"
-], lr = [
+], Nr = [
   "Ene",
   "Feb",
   "Mar",
@@ -112,69 +546,69 @@ const pt = [
   "Oct",
   "Nov",
   "Dic"
-], cr = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sá"], Ae = 6;
-function He(t, r, n) {
+], kr = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sá"], Ke = 6;
+function rt(t, r, n) {
   return `${t}-${String(r).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
 }
-function dr() {
+function Sr() {
   const t = /* @__PURE__ */ new Date();
-  return He(t.getFullYear(), t.getMonth() + 1, t.getDate());
+  return rt(t.getFullYear(), t.getMonth() + 1, t.getDate());
 }
-function ht(t) {
+function Lt(t) {
   const [r, n, a] = t.split("-").map(Number);
   return { year: r, month: n, day: a };
 }
-function ur(t) {
+function Cr(t) {
   if (!t) return "Seleccionar fecha";
-  const { year: r, month: n, day: a } = ht(t);
-  return !r || !n || !a ? "Seleccionar fecha" : `${String(a).padStart(2, "0")} ${pt[n - 1]} ${r}`;
+  const { year: r, month: n, day: a } = Lt(t);
+  return !r || !n || !a ? "Seleccionar fecha" : `${String(a).padStart(2, "0")} ${Bt[n - 1]} ${r}`;
 }
-function en({
+function vn({
   value: t,
   onChange: r,
   minDate: n,
   displayMode: a = "inline"
 }) {
-  const l = dr(), m = ht(t || l), p = a === "popover", [c, d] = E(!1), y = J(null), [C, w] = E({
+  const l = Sr(), d = Lt(t || l), p = a === "popover", [m, h] = B(!1), w = ie(null), [N, g] = B({
     horizontal: "left",
     vertical: "bottom"
-  }), [f, g] = E(m.year), [b, N] = E(m.month), [L, X] = E("days"), Y = 16, [k, M] = E(0), $ = f - 7 + k, B = Array.from({ length: Y }, (o, x) => $ + x);
-  R(() => {
-    if (!p || !c || !y.current) return;
-    const o = y.current.getBoundingClientRect(), x = 8, z = 280, j = 340, P = o.left + z > window.innerWidth - x, Z = o.right - z >= x, ee = o.bottom + 8 + j > window.innerHeight - x, ae = o.top - 8 - j >= x;
-    w({
-      horizontal: P && Z ? "right" : "left",
-      vertical: ee && ae ? "top" : "bottom"
+  }), [f, v] = B(d.year), [c, $] = B(d.month), [D, K] = B("days"), W = 16, [E, T] = B(0), I = f - 7 + E, L = Array.from({ length: W }, (o, y) => I + y);
+  O(() => {
+    if (!p || !m || !w.current) return;
+    const o = w.current.getBoundingClientRect(), y = 8, H = 280, q = 340, G = o.left + H > window.innerWidth - y, ee = o.right - H >= y, me = o.bottom + 8 + q > window.innerHeight - y, te = o.top - 8 - q >= y;
+    g({
+      horizontal: G && ee ? "right" : "left",
+      vertical: me && te ? "top" : "bottom"
     });
-  }, [p, c]), R(() => {
-    if (!p || !c) return;
-    function o(z) {
-      y.current && (y.current.contains(z.target) || d(!1));
+  }, [p, m]), O(() => {
+    if (!p || !m) return;
+    function o(H) {
+      w.current && (w.current.contains(H.target) || h(!1));
     }
-    function x(z) {
-      z.key === "Escape" && d(!1);
+    function y(H) {
+      H.key === "Escape" && h(!1);
     }
-    return document.addEventListener("mousedown", o), document.addEventListener("keydown", x), () => {
-      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", x);
+    return document.addEventListener("mousedown", o), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", y);
     };
-  }, [p, c]);
-  function W() {
-    b === 1 ? (g((o) => o - 1), N(12)) : N((o) => o - 1);
+  }, [p, m]);
+  function F() {
+    c === 1 ? (v((o) => o - 1), $(12)) : $((o) => o - 1);
   }
-  function I() {
-    b === 12 ? (g((o) => o + 1), N(1)) : N((o) => o + 1);
+  function M() {
+    c === 12 ? (v((o) => o + 1), $(1)) : $((o) => o + 1);
   }
-  const T = new Date(f, b - 1, 1).getDay(), A = new Date(f, b, 0).getDate(), q = [
-    ...Array(T).fill(null),
-    ...Array.from({ length: A }, (o, x) => x + 1)
+  const S = new Date(f, c - 1, 1).getDay(), P = new Date(f, c, 0).getDate(), J = [
+    ...Array(S).fill(null),
+    ...Array.from({ length: P }, (o, y) => y + 1)
   ];
-  for (; q.length < Ae * 7; ) q.push(null);
-  const O = q.slice(0, Ae * 7);
-  function G(o) {
-    const x = He(f, b, o);
-    n && x < n || (r(x), p && d(!1));
+  for (; J.length < Ke * 7; ) J.push(null);
+  const _ = J.slice(0, Ke * 7);
+  function j(o) {
+    const y = rt(f, c, o);
+    n && y < n || (r(y), p && h(!1));
   }
-  const F = {
+  const U = {
     background: "none",
     border: "none",
     cursor: "pointer",
@@ -183,7 +617,7 @@ function en({
     borderRadius: 6,
     display: "flex",
     alignItems: "center"
-  }, U = /* @__PURE__ */ s(
+  }, Z = /* @__PURE__ */ i(
     "div",
     {
       style: {
@@ -205,23 +639,23 @@ function en({
               padding: "10px 12px",
               borderBottom: "1px solid var(--border)"
             },
-            children: L === "days" ? /* @__PURE__ */ s(le, { children: [
+            children: D === "days" ? /* @__PURE__ */ i(we, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: W,
-                  style: F,
+                  onClick: F,
+                  style: U,
                   title: "Mes anterior",
-                  children: /* @__PURE__ */ e(Se, { size: 16 })
+                  children: /* @__PURE__ */ e(_e, { size: 16 })
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ i(
                 "button",
                 {
                   type: "button",
                   onClick: () => {
-                    X("years"), M(0);
+                    K("years"), T(0);
                   },
                   style: {
                     background: "none",
@@ -237,10 +671,10 @@ function en({
                     padding: "2px 6px"
                   },
                   children: [
-                    pt[b - 1],
+                    Bt[c - 1],
                     " ",
                     f,
-                    /* @__PURE__ */ e(ge, { size: 13, style: { color: "var(--text-muted)" } })
+                    /* @__PURE__ */ e(He, { size: 13, style: { color: "var(--text-muted)" } })
                   ]
                 }
               ),
@@ -248,27 +682,27 @@ function en({
                 "button",
                 {
                   type: "button",
-                  onClick: I,
-                  style: F,
+                  onClick: M,
+                  style: U,
                   title: "Mes siguiente",
-                  children: /* @__PURE__ */ e(xe, { size: 16 })
+                  children: /* @__PURE__ */ e(Te, { size: 16 })
                 }
               )
-            ] }) : /* @__PURE__ */ s(le, { children: [
+            ] }) : /* @__PURE__ */ i(we, { children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: () => M((o) => o - Y),
-                  style: F,
-                  children: /* @__PURE__ */ e(Se, { size: 16 })
+                  onClick: () => T((o) => o - W),
+                  style: U,
+                  children: /* @__PURE__ */ e(_e, { size: 16 })
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ i(
                 "button",
                 {
                   type: "button",
-                  onClick: () => X("days"),
+                  onClick: () => K("days"),
                   style: {
                     background: "none",
                     border: "none",
@@ -280,9 +714,9 @@ function en({
                     padding: "2px 6px"
                   },
                   children: [
-                    B[0],
+                    L[0],
                     " – ",
-                    B[B.length - 1]
+                    L[L.length - 1]
                   ]
                 }
               ),
@@ -290,15 +724,15 @@ function en({
                 "button",
                 {
                   type: "button",
-                  onClick: () => M((o) => o + Y),
-                  style: F,
-                  children: /* @__PURE__ */ e(xe, { size: 16 })
+                  onClick: () => T((o) => o + W),
+                  style: U,
+                  children: /* @__PURE__ */ e(Te, { size: 16 })
                 }
               )
             ] })
           }
         ),
-        L === "years" && /* @__PURE__ */ s("div", { style: { padding: "8px 10px 10px" }, children: [
+        D === "years" && /* @__PURE__ */ i("div", { style: { padding: "8px 10px 10px" }, children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -308,22 +742,22 @@ function en({
                 gap: 3,
                 marginBottom: 8
               },
-              children: lr.map((o, x) => {
-                const z = x + 1 === b;
+              children: Nr.map((o, y) => {
+                const H = y + 1 === c;
                 return /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: () => N(x + 1),
+                    onClick: () => $(y + 1),
                     style: {
                       border: "none",
                       cursor: "pointer",
                       borderRadius: 6,
                       fontSize: 11,
-                      fontWeight: z ? 700 : 400,
+                      fontWeight: H ? 700 : 400,
                       padding: "4px 0",
-                      background: z ? "var(--primary)" : "transparent",
-                      color: z ? "var(--primary-fg, #ffffff)" : "var(--text-secondary)"
+                      background: H ? "var(--primary)" : "transparent",
+                      color: H ? "var(--primary-fg, #ffffff)" : "var(--text-secondary)"
                     },
                     children: o
                   },
@@ -346,25 +780,25 @@ function en({
                 gridTemplateColumns: "repeat(4,1fr)",
                 gap: 3
               },
-              children: B.map((o) => {
-                const x = o === f;
+              children: L.map((o) => {
+                const y = o === f;
                 return /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      g(o), X("days");
+                      v(o), K("days");
                     },
                     style: {
                       border: "none",
                       cursor: "pointer",
                       borderRadius: 6,
                       fontSize: 12,
-                      fontWeight: x ? 700 : 400,
+                      fontWeight: y ? 700 : 400,
                       padding: "6px 0",
-                      background: x ? "var(--primary)" : "transparent",
-                      color: x ? "var(--primary-fg, #ffffff)" : "var(--text-main)",
-                      outline: o === (/* @__PURE__ */ new Date()).getFullYear() && !x ? "2px solid var(--primary)" : "none",
+                      background: y ? "var(--primary)" : "transparent",
+                      color: y ? "var(--primary-fg, #ffffff)" : "var(--text-main)",
+                      outline: o === (/* @__PURE__ */ new Date()).getFullYear() && !y ? "2px solid var(--primary)" : "none",
                       outlineOffset: "-2px"
                     },
                     children: o
@@ -375,7 +809,7 @@ function en({
             }
           )
         ] }),
-        L === "days" && /* @__PURE__ */ s(le, { children: [
+        D === "days" && /* @__PURE__ */ i(we, { children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -384,7 +818,7 @@ function en({
                 gridTemplateColumns: "repeat(7,1fr)",
                 padding: "6px 8px 0"
               },
-              children: cr.map((o) => /* @__PURE__ */ e(
+              children: kr.map((o) => /* @__PURE__ */ e(
                 "div",
                 {
                   style: {
@@ -407,36 +841,36 @@ function en({
               style: {
                 display: "grid",
                 gridTemplateColumns: "repeat(7,1fr)",
-                gridTemplateRows: `repeat(${Ae},1fr)`,
+                gridTemplateRows: `repeat(${Ke},1fr)`,
                 padding: "4px 8px 10px",
                 gap: 2
               },
-              children: O.map((o, x) => {
+              children: _.map((o, y) => {
                 if (o === null)
-                  return /* @__PURE__ */ e("div", { style: { aspectRatio: "1" } }, x);
-                const z = He(f, b, o), j = z === t, P = z === l, Z = !!(n && z < n);
+                  return /* @__PURE__ */ e("div", { style: { aspectRatio: "1" } }, y);
+                const H = rt(f, c, o), q = H === t, G = H === l, ee = !!(n && H < n);
                 return /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: () => !Z && G(o),
+                    onClick: () => !ee && j(o),
                     style: {
                       width: "100%",
                       aspectRatio: "1",
                       borderRadius: 6,
                       border: "none",
-                      cursor: Z ? "not-allowed" : "pointer",
+                      cursor: ee ? "not-allowed" : "pointer",
                       fontSize: 12,
-                      fontWeight: j || P ? 700 : 400,
-                      background: j ? "var(--primary)" : "transparent",
-                      color: j ? "var(--primary-fg, #ffffff)" : Z ? "var(--text-muted)" : "var(--text-main)",
-                      opacity: Z ? 0.4 : 1,
-                      outline: P && !j ? "2px solid var(--primary)" : "none",
+                      fontWeight: q || G ? 700 : 400,
+                      background: q ? "var(--primary)" : "transparent",
+                      color: q ? "var(--primary-fg, #ffffff)" : ee ? "var(--text-muted)" : "var(--text-main)",
+                      opacity: ee ? 0.4 : 1,
+                      outline: G && !q ? "2px solid var(--primary)" : "none",
                       outlineOffset: "-2px"
                     },
                     children: o
                   },
-                  x
+                  y
                 );
               })
             }
@@ -445,137 +879,137 @@ function en({
       ]
     }
   );
-  return p ? /* @__PURE__ */ s("div", { ref: y, className: "relative w-full", children: [
-    /* @__PURE__ */ s(
+  return p ? /* @__PURE__ */ i("div", { ref: w, className: "relative w-full", children: [
+    /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        onClick: () => d((o) => !o),
+        onClick: () => h((o) => !o),
         className: "flex h-11 w-full items-center justify-between gap-2 rounded-lg px-3 py-0 text-sm transition-all duration-150 focus:outline-none",
         style: {
           background: "var(--bg-input)",
-          border: `1px solid ${c ? "var(--primary)" : "var(--border)"}`,
+          border: `1px solid ${m ? "var(--primary)" : "var(--border)"}`,
           color: "var(--text-main)",
-          boxShadow: c ? "0 0 0 3px rgba(59,130,246,0.12)" : "none"
+          boxShadow: m ? "0 0 0 3px rgba(59,130,246,0.12)" : "none"
         },
         children: [
-          /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-2 min-w-0", children: [
-            /* @__PURE__ */ e(Ie, { className: "w-4 h-4 text-[var(--text-muted)]" }),
-            /* @__PURE__ */ e("span", { className: "truncate", children: ur(t) })
+          /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ e(tt, { className: "w-4 h-4 text-[var(--text-muted)]" }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: Cr(t) })
           ] }),
           /* @__PURE__ */ e(
-            ge,
+            He,
             {
-              className: `w-4 h-4 text-[var(--text-muted)] transition-transform ${c ? "rotate-180" : ""}`
+              className: `w-4 h-4 text-[var(--text-muted)] transition-transform ${m ? "rotate-180" : ""}`
             }
           )
         ]
       }
     ),
-    c && /* @__PURE__ */ e(
+    m && /* @__PURE__ */ e(
       "div",
       {
         className: "absolute z-50",
         style: {
-          ...C.horizontal === "left" ? { left: 0 } : { right: 0 },
-          ...C.vertical === "bottom" ? { top: "calc(100% + 8px)" } : { bottom: "calc(100% + 8px)" }
+          ...N.horizontal === "left" ? { left: 0 } : { right: 0 },
+          ...N.vertical === "bottom" ? { top: "calc(100% + 8px)" } : { bottom: "calc(100% + 8px)" }
         },
-        children: U
+        children: Z
       }
     )
-  ] }) : U;
+  ] }) : Z;
 }
-function nt(t) {
+function xt(t) {
   if (t !== void 0)
     return typeof t == "number" ? `${t}px` : t;
 }
-function ft({
+function Tt({
   value: t,
   onChange: r,
   options: n,
   placeholder: a = "Seleccionar…",
   emptyLabel: l,
   disabled: u = !1,
-  className: m = "",
+  className: d = "",
   style: p,
-  height: c = 44,
-  padding: d = "0 12px",
-  searchable: y = !0,
-  minOptionsForSearch: C = 6
+  height: m = 44,
+  padding: h = "0 12px",
+  searchable: w = !0,
+  minOptionsForSearch: N = 6
 }) {
-  const [w, f] = E(!1), [g, b] = E(""), [N, L] = E(-1), [X, Y] = E(!1), [k, M] = E({}), $ = J(null), B = J(null), W = J(null), I = J(null), T = y && n.length >= C, A = n.find((o) => o.value === t) ?? null, q = T && g.trim() ? n.filter(
+  const [g, f] = B(!1), [v, c] = B(""), [$, D] = B(-1), [K, W] = B(!1), [E, T] = B({}), I = ie(null), L = ie(null), F = ie(null), M = ie(null), S = w && n.length >= N, P = n.find((o) => o.value === t) ?? null, J = S && v.trim() ? n.filter(
     (o) => {
-      var x;
-      return o.label.toLowerCase().includes(g.toLowerCase()) || ((x = o.sublabel) == null ? void 0 : x.toLowerCase().includes(g.toLowerCase()));
+      var y;
+      return o.label.toLowerCase().includes(v.toLowerCase()) || ((y = o.sublabel) == null ? void 0 : y.toLowerCase().includes(v.toLowerCase()));
     }
-  ) : n, O = Ve(() => {
-    const o = $.current;
+  ) : n, _ = et(() => {
+    const o = I.current;
     if (!o) return;
-    const x = o.getBoundingClientRect(), z = T ? 272 : 212, j = window.innerHeight - x.bottom, P = j < z && x.top > j;
-    M({
+    const y = o.getBoundingClientRect(), H = S ? 272 : 212, q = window.innerHeight - y.bottom, G = q < H && y.top > q;
+    T({
       position: "fixed",
-      left: x.left,
-      top: P ? void 0 : x.bottom + 4,
-      bottom: P ? window.innerHeight - x.top + 4 : void 0,
-      width: x.width,
+      left: y.left,
+      top: G ? void 0 : y.bottom + 4,
+      bottom: G ? window.innerHeight - y.top + 4 : void 0,
+      width: y.width,
       zIndex: 9999
     });
-  }, [T]);
-  R(() => Y(!0), []), R(() => {
-    if (!w) return;
-    function o(x) {
-      var j, P;
-      const z = x.target;
-      !((j = $.current) != null && j.contains(z)) && !((P = B.current) != null && P.contains(z)) && (f(!1), b(""));
+  }, [S]);
+  O(() => W(!0), []), O(() => {
+    if (!g) return;
+    function o(y) {
+      var q, G;
+      const H = y.target;
+      !((q = I.current) != null && q.contains(H)) && !((G = L.current) != null && G.contains(H)) && (f(!1), c(""));
     }
     return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, [w]), R(() => {
-    w && (L(-1), O(), T && setTimeout(() => {
+  }, [g]), O(() => {
+    g && (D(-1), _(), S && setTimeout(() => {
       var o;
-      return (o = W.current) == null ? void 0 : o.focus();
+      return (o = F.current) == null ? void 0 : o.focus();
     }, 0));
-  }, [w, T, O]), R(() => {
-    if (w)
-      return window.addEventListener("resize", O), window.addEventListener("scroll", O, !0), () => {
-        window.removeEventListener("resize", O), window.removeEventListener("scroll", O, !0);
+  }, [g, S, _]), O(() => {
+    if (g)
+      return window.addEventListener("resize", _), window.addEventListener("scroll", _, !0), () => {
+        window.removeEventListener("resize", _), window.removeEventListener("scroll", _, !0);
       };
-  }, [w, O]), R(() => {
-    if (N < 0 || !I.current) return;
-    const o = I.current.children[N];
+  }, [g, _]), O(() => {
+    if ($ < 0 || !M.current) return;
+    const o = M.current.children[$];
     o == null || o.scrollIntoView({ block: "nearest" });
-  }, [N]);
-  const G = Ve(
+  }, [$]);
+  const j = et(
     (o) => {
-      r(o), f(!1), b("");
+      r(o), f(!1), c("");
     },
     [r]
   );
-  function F(o) {
-    if (!w) {
+  function U(o) {
+    if (!g) {
       (o.key === "Enter" || o.key === " " || o.key === "ArrowDown") && (o.preventDefault(), f(!0));
       return;
     }
-    o.key === "Escape" ? (o.preventDefault(), f(!1), b("")) : o.key === "ArrowDown" ? (o.preventDefault(), L((x) => Math.min(x + 1, q.length - 1))) : o.key === "ArrowUp" ? (o.preventDefault(), L((x) => Math.max(x - 1, l ? -1 : 0))) : o.key === "Enter" && (o.preventDefault(), N === -1 && l ? G("") : q[N] && G(q[N].value));
+    o.key === "Escape" ? (o.preventDefault(), f(!1), c("")) : o.key === "ArrowDown" ? (o.preventDefault(), D((y) => Math.min(y + 1, J.length - 1))) : o.key === "ArrowUp" ? (o.preventDefault(), D((y) => Math.max(y - 1, l ? -1 : 0))) : o.key === "Enter" && (o.preventDefault(), $ === -1 && l ? j("") : J[$] && j(J[$].value));
   }
-  const U = /* @__PURE__ */ s(
+  const Z = /* @__PURE__ */ i(
     "div",
     {
-      ref: B,
+      ref: L,
       className: "rounded-xl shadow-xl overflow-hidden",
       style: {
-        ...k,
+        ...E,
         background: "var(--bg-card)",
         border: "1px solid var(--border)"
       },
       children: [
-        T && /* @__PURE__ */ s(
+        S && /* @__PURE__ */ i(
           "div",
           {
             className: "flex items-center gap-2 px-3 py-2",
             style: { borderBottom: "1px solid var(--border)" },
             children: [
               /* @__PURE__ */ e(
-                We,
+                Ye,
                 {
                   className: "w-3.5 h-3.5 flex-shrink-0",
                   style: { color: "var(--text-muted)" }
@@ -584,25 +1018,25 @@ function ft({
               /* @__PURE__ */ e(
                 "input",
                 {
-                  ref: W,
-                  value: g,
+                  ref: F,
+                  value: v,
                   onChange: (o) => {
-                    b(o.target.value), L(-1);
+                    c(o.target.value), D(-1);
                   },
                   placeholder: "Buscar…",
                   className: "min-w-0 flex-1 text-sm bg-transparent outline-none",
                   style: { color: "var(--text-main)" }
                 }
               ),
-              g && /* @__PURE__ */ e(
+              v && /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   onMouseDown: (o) => {
-                    o.preventDefault(), b("");
+                    o.preventDefault(), c("");
                   },
                   children: /* @__PURE__ */ e(
-                    ce,
+                    Se,
                     {
                       className: "w-3.5 h-3.5",
                       style: { color: "var(--text-muted)" }
@@ -613,14 +1047,14 @@ function ft({
             ]
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "ul",
           {
-            ref: I,
+            ref: M,
             role: "listbox",
             className: "overflow-y-auto",
             style: {
-              maxHeight: T ? 220 : 180,
+              maxHeight: S ? 220 : 180,
               scrollbarWidth: "thin",
               scrollbarColor: "var(--border) transparent",
               overscrollBehavior: "contain"
@@ -632,35 +1066,35 @@ function ft({
                   role: "option",
                   "aria-selected": t === "",
                   onMouseDown: (o) => {
-                    o.preventDefault(), G("");
+                    o.preventDefault(), j("");
                   },
-                  onMouseEnter: () => L(-1),
+                  onMouseEnter: () => D(-1),
                   className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-sm transition-colors",
                   style: {
-                    background: N === -1 ? "var(--bg-hover)" : "transparent",
+                    background: $ === -1 ? "var(--bg-hover)" : "transparent",
                     color: "var(--text-muted)",
                     fontStyle: "italic"
                   },
                   children: l
                 }
               ),
-              q.map((o, x) => {
-                const j = x === N, P = o.value === t;
-                return /* @__PURE__ */ s(
+              J.map((o, y) => {
+                const q = y === $, G = o.value === t;
+                return /* @__PURE__ */ i(
                   "li",
                   {
                     role: "option",
-                    "aria-selected": P,
-                    onMouseDown: (Z) => {
-                      Z.preventDefault(), o.disabled || G(o.value);
+                    "aria-selected": G,
+                    onMouseDown: (ee) => {
+                      ee.preventDefault(), o.disabled || j(o.value);
                     },
-                    onMouseEnter: () => !o.disabled && L(x),
+                    onMouseEnter: () => !o.disabled && D(y),
                     className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-sm transition-colors",
                     style: {
-                      background: j ? "var(--bg-hover)" : P ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
+                      background: q ? "var(--bg-hover)" : G ? "color-mix(in srgb, var(--primary) 6%, transparent)" : "transparent",
                       color: o.disabled ? "var(--text-muted)" : "var(--text-main)",
                       cursor: o.disabled ? "not-allowed" : "pointer",
-                      boxShadow: P ? "inset 2px 0 0 var(--primary)" : void 0
+                      boxShadow: G ? "inset 2px 0 0 var(--primary)" : void 0
                     },
                     children: [
                       o.color && /* @__PURE__ */ e(
@@ -670,7 +1104,7 @@ function ft({
                           style: { background: o.color }
                         }
                       ),
-                      /* @__PURE__ */ s("span", { className: "min-w-0 flex flex-1 items-baseline gap-1 overflow-hidden", children: [
+                      /* @__PURE__ */ i("span", { className: "min-w-0 flex flex-1 items-baseline gap-1 overflow-hidden", children: [
                         /* @__PURE__ */ e("span", { className: "truncate", children: o.label }),
                         o.sublabel && /* @__PURE__ */ e(
                           "span",
@@ -694,7 +1128,7 @@ function ft({
                   o.value
                 );
               }),
-              q.length === 0 && /* @__PURE__ */ e(
+              J.length === 0 && /* @__PURE__ */ e(
                 "li",
                 {
                   className: "px-3 py-4 text-sm text-center",
@@ -708,15 +1142,15 @@ function ft({
       ]
     }
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "div",
     {
-      ref: $,
-      className: `relative ${m || "w-full"}`,
+      ref: I,
+      className: `relative ${d || "w-full"}`,
       style: p,
-      onKeyDown: F,
+      onKeyDown: U,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "button",
           {
             type: "button",
@@ -724,84 +1158,84 @@ function ft({
             onClick: () => !u && f((o) => !o),
             className: "flex w-full items-center gap-2 rounded-lg text-left text-sm transition-colors focus:outline-none",
             style: {
-              height: nt(c),
-              padding: nt(d),
+              height: xt(m),
+              padding: xt(h),
               background: "var(--bg-input)",
-              color: A ? "var(--text-main)" : "var(--text-muted)",
-              border: w ? "1px solid var(--primary)" : "1px solid var(--border)",
+              color: P ? "var(--text-main)" : "var(--text-muted)",
+              border: g ? "1px solid var(--primary)" : "1px solid var(--border)",
               opacity: u ? 0.5 : 1,
               cursor: u ? "not-allowed" : "pointer"
             },
             "aria-haspopup": "listbox",
-            "aria-expanded": w,
+            "aria-expanded": g,
             children: [
-              (A == null ? void 0 : A.color) && /* @__PURE__ */ e(
+              (P == null ? void 0 : P.color) && /* @__PURE__ */ e(
                 "span",
                 {
                   className: "flex-shrink-0 w-2.5 h-2.5 rounded-full",
-                  style: { background: A.color }
+                  style: { background: P.color }
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "min-w-0 flex flex-1 items-baseline gap-1 overflow-hidden", children: A ? /* @__PURE__ */ s(le, { children: [
-                /* @__PURE__ */ e("span", { className: "truncate", children: A.label }),
-                A.sublabel && /* @__PURE__ */ e(
+              /* @__PURE__ */ e("span", { className: "min-w-0 flex flex-1 items-baseline gap-1 overflow-hidden", children: P ? /* @__PURE__ */ i(we, { children: [
+                /* @__PURE__ */ e("span", { className: "truncate", children: P.label }),
+                P.sublabel && /* @__PURE__ */ e(
                   "span",
                   {
                     className: "min-w-0 flex-shrink truncate",
                     style: { color: "var(--text-muted)", fontSize: 12 },
-                    children: A.sublabel
+                    children: P.sublabel
                   }
                 )
               ] }) : /* @__PURE__ */ e("span", { className: "truncate", children: a }) }),
-              A && l ? /* @__PURE__ */ e(
+              P && l ? /* @__PURE__ */ e(
                 "span",
                 {
                   role: "button",
                   tabIndex: -1,
                   onMouseDown: (o) => {
-                    o.preventDefault(), o.stopPropagation(), G("");
+                    o.preventDefault(), o.stopPropagation(), j("");
                   },
                   className: "flex-shrink-0 rounded-full p-0.5 transition-colors hover:bg-black/10",
                   style: { color: "var(--text-muted)" },
-                  children: /* @__PURE__ */ e(ce, { className: "w-3 h-3" })
+                  children: /* @__PURE__ */ e(Se, { className: "w-3 h-3" })
                 }
               ) : /* @__PURE__ */ e(
-                ge,
+                He,
                 {
                   className: "flex-shrink-0 w-4 h-4 transition-transform",
                   style: {
                     color: "var(--text-muted)",
-                    transform: w ? "rotate(180deg)" : "rotate(0deg)"
+                    transform: g ? "rotate(180deg)" : "rotate(0deg)"
                   }
                 }
               )
             ]
           }
         ),
-        w && X && Ee(U, document.body)
+        g && K && Ge(Z, document.body)
       ]
     }
   );
 }
-function ke(t) {
+function Ue(t) {
   if (t !== void 0)
     return typeof t == "number" ? `${t}px` : t;
 }
-function tn({
+function gn({
   value: t,
   onChange: r,
   placeholder: n = "Buscar...",
   className: a = "",
   height: l = 44,
   padding: u = "0 12px 0 34px",
-  iconLeft: m = 12
+  iconLeft: d = 12
 }) {
-  return /* @__PURE__ */ s("div", { className: `relative ${a}`, children: [
+  return /* @__PURE__ */ i("div", { className: `relative ${a}`, children: [
     /* @__PURE__ */ e(
-      We,
+      Ye,
       {
         className: "absolute top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-[var(--text-muted)] pointer-events-none",
-        style: { left: ke(m) }
+        style: { left: Ue(d) }
       }
     ),
     /* @__PURE__ */ e(
@@ -812,52 +1246,52 @@ function tn({
         onChange: (p) => r(p.target.value),
         placeholder: n,
         className: "w-full rounded-lg border border-[var(--border)] [background:var(--bg-card)] text-sm text-[var(--text-main)] placeholder:text-[var(--text-muted)] outline-none transition-[border-color,box-shadow] focus:border-primary focus:ring-2 focus:ring-primary/20",
-        style: { height: ke(l), padding: ke(u) }
+        style: { height: Ue(l), padding: Ue(u) }
       }
     )
   ] });
 }
-function rn({
+function yn({
   value: t,
   onChange: r,
   options: n,
   placeholder: a,
   icon: l,
   className: u = "",
-  height: m = 44,
+  height: d = 44,
   padding: p,
-  iconLeft: c = 12,
-  searchable: d = !0
+  iconLeft: m = 12,
+  searchable: h = !0
 }) {
-  const y = l ? n.map(
-    (C, w) => w === 0 && !C.color ? { ...C, sublabel: C.sublabel ?? void 0 } : C
+  const w = l ? n.map(
+    (N, g) => g === 0 && !N.color ? { ...N, sublabel: N.sublabel ?? void 0 } : N
   ) : n;
-  return /* @__PURE__ */ s("div", { className: `relative ${u}`, children: [
+  return /* @__PURE__ */ i("div", { className: `relative ${u}`, children: [
     l && /* @__PURE__ */ e(
       "span",
       {
         className: "pointer-events-none absolute top-1/2 z-10 -translate-y-1/2 text-[var(--text-muted)]",
-        style: { left: ke(c) },
+        style: { left: Ue(m) },
         children: l
       }
     ),
     /* @__PURE__ */ e(
-      ft,
+      Tt,
       {
         value: t,
         onChange: r,
-        options: y,
+        options: w,
         placeholder: a,
-        searchable: d,
+        searchable: h,
         minOptionsForSearch: 5,
-        height: m,
+        height: d,
         padding: p ?? (l ? "0 12px 0 34px" : "0 12px"),
         className: "[&>button]:text-sm [&>button]:[background:var(--bg-card)]"
       }
     )
   ] });
 }
-const mr = {
+const $r = {
   sm: "24rem",
   md: "28rem",
   lg: "32rem",
@@ -865,93 +1299,93 @@ const mr = {
   "2xl": "48rem",
   "4xl": "56rem",
   "5xl": "64rem"
-}, Ne = 180;
-function pr({
+}, Fe = 180;
+function Er({
   open: t,
   onClose: r,
   title: n,
   subtitle: a,
   leadingIcon: l,
   headerActions: u,
-  footer: m,
+  footer: d,
   children: p,
-  size: c = "md",
-  maxWidth: d,
-  zIndex: y = 1e3,
-  closeOnBackdrop: C = !0,
-  closeOnEscape: w = !0,
+  size: m = "md",
+  maxWidth: h,
+  zIndex: w = 1e3,
+  closeOnBackdrop: N = !0,
+  closeOnEscape: g = !0,
   showCloseButton: f = !0,
-  placement: g = "center",
-  bodyClassName: b = "px-6 py-5",
-  panelClassName: N = "",
-  backdropClassName: L = "bg-black/50 backdrop-blur-sm",
-  contentClassName: X = "p-4",
-  ariaLabel: Y,
-  frameless: k = !1
+  placement: v = "center",
+  bodyClassName: c = "px-6 py-5",
+  panelClassName: $ = "",
+  backdropClassName: D = "bg-black/50 backdrop-blur-sm",
+  contentClassName: K = "p-4",
+  ariaLabel: W,
+  frameless: E = !1
 }) {
-  const [M, $] = E(!1), [B, W] = E(!1), I = J(null);
-  if (R(() => (t ? (I.current && clearTimeout(I.current), $(!0), requestAnimationFrame(() => requestAnimationFrame(() => W(!0)))) : (W(!1), I.current = setTimeout(
-    () => $(!1),
-    Ne + 40
+  const [T, I] = B(!1), [L, F] = B(!1), M = ie(null);
+  if (O(() => (t ? (M.current && clearTimeout(M.current), I(!0), requestAnimationFrame(() => requestAnimationFrame(() => F(!0)))) : (F(!1), M.current = setTimeout(
+    () => I(!1),
+    Fe + 40
   )), () => {
-    I.current && clearTimeout(I.current);
-  }), [t]), R(() => {
+    M.current && clearTimeout(M.current);
+  }), [t]), O(() => {
     if (t)
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
-  }, [t]), R(() => {
-    if (!t || !w) return;
-    const F = (U) => {
-      U.key === "Escape" && r();
+  }, [t]), O(() => {
+    if (!t || !g) return;
+    const U = (Z) => {
+      Z.key === "Escape" && r();
     };
-    return window.addEventListener("keydown", F), () => window.removeEventListener("keydown", F);
-  }, [w, r, t]), !M) return null;
-  const T = n || a || l || u || f, A = d ?? mr[c], q = g === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", O = g === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", G = B ? "translateY(0) scale(1)" : g === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
-  return Ee(
-    /* @__PURE__ */ s(
+    return window.addEventListener("keydown", U), () => window.removeEventListener("keydown", U);
+  }, [g, r, t]), !T) return null;
+  const S = n || a || l || u || f, P = h ?? $r[m], J = v === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", _ = v === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", j = L ? "translateY(0) scale(1)" : v === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
+  return Ge(
+    /* @__PURE__ */ i(
       "div",
       {
         role: "dialog",
         "aria-modal": "true",
-        "aria-label": Y ?? n,
-        className: `fixed inset-0 flex ${q} ${X}`,
-        style: { zIndex: y },
+        "aria-label": W ?? n,
+        className: `fixed inset-0 flex ${J} ${K}`,
+        style: { zIndex: w },
         children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: `absolute inset-0 ${L}`,
-              onClick: C ? r : void 0,
+              className: `absolute inset-0 ${D}`,
+              onClick: N ? r : void 0,
               style: {
-                opacity: B ? 1 : 0,
-                transition: `opacity ${Ne}ms ease`
+                opacity: L ? 1 : 0,
+                transition: `opacity ${Fe}ms ease`
               }
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ i(
             "div",
             {
-              className: `relative z-10 flex max-h-[92dvh] w-full flex-col overflow-hidden ${k ? "shadow-none" : "shadow-2xl"} ${O} ${N}`,
+              className: `relative z-10 flex max-h-[92dvh] w-full flex-col overflow-hidden ${E ? "shadow-none" : "shadow-2xl"} ${_} ${$}`,
               style: {
-                maxWidth: A,
-                background: k ? "transparent" : "var(--bg-card)",
-                border: k ? "none" : "1px solid var(--border)",
-                opacity: B ? 1 : 0,
-                transform: G,
-                transition: `opacity ${Ne}ms ease, transform ${Ne}ms ease`
+                maxWidth: P,
+                background: E ? "transparent" : "var(--bg-card)",
+                border: E ? "none" : "1px solid var(--border)",
+                opacity: L ? 1 : 0,
+                transform: j,
+                transition: `opacity ${Fe}ms ease, transform ${Fe}ms ease`
               },
-              onClick: (F) => F.stopPropagation(),
+              onClick: (U) => U.stopPropagation(),
               children: [
-                T && /* @__PURE__ */ s(
+                S && /* @__PURE__ */ i(
                   "div",
                   {
                     className: "flex flex-shrink-0 items-center justify-between gap-3 px-6 py-4",
                     style: { borderBottom: "1px solid var(--border)" },
                     children: [
-                      /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-3", children: [
+                      /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-3", children: [
                         l && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: l }),
-                        (n || a) && /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+                        (n || a) && /* @__PURE__ */ i("div", { className: "min-w-0", children: [
                           n && /* @__PURE__ */ e(
                             "h2",
                             {
@@ -970,20 +1404,20 @@ function pr({
                           )
                         ] })
                       ] }),
-                      /* @__PURE__ */ s("div", { className: "flex flex-shrink-0 items-center gap-2", children: [
+                      /* @__PURE__ */ i("div", { className: "flex flex-shrink-0 items-center gap-2", children: [
                         u,
-                        f && /* @__PURE__ */ e(ne, { variant: "icon", onClick: r, title: "Cerrar", children: /* @__PURE__ */ e(ce, { className: "h-5 w-5" }) })
+                        f && /* @__PURE__ */ e(he, { variant: "icon", onClick: r, title: "Cerrar", children: /* @__PURE__ */ e(Se, { className: "h-5 w-5" }) })
                       ] })
                     ]
                   }
                 ),
-                /* @__PURE__ */ e("div", { className: `min-h-0 flex-1 overflow-y-auto ${b}`, children: p }),
-                m && /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { className: `min-h-0 flex-1 overflow-y-auto ${c}`, children: p }),
+                d && /* @__PURE__ */ e(
                   "div",
                   {
                     className: "flex flex-shrink-0 justify-end gap-2 px-6 py-4",
                     style: { borderTop: "1px solid var(--border)" },
-                    children: m
+                    children: d
                   }
                 )
               ]
@@ -995,7 +1429,7 @@ function pr({
     document.body
   );
 }
-const hr = {
+const Mr = {
   danger: {
     iconBg: "rgba(239,68,68,0.12)",
     iconColor: "var(--danger)",
@@ -1015,19 +1449,19 @@ const hr = {
     btnColor: "#fff"
   }
 };
-function nn({
+function wn({
   open: t,
   title: r,
   description: n,
   confirmLabel: a = "Confirmar",
   cancelLabel: l = "Cancelar",
   variant: u = "danger",
-  onConfirm: m,
+  onConfirm: d,
   onCancel: p
 }) {
-  const c = hr[u];
-  return /* @__PURE__ */ s(
-    pr,
+  const m = Mr[u];
+  return /* @__PURE__ */ i(
+    Er,
     {
       open: t,
       onClose: p,
@@ -1039,14 +1473,14 @@ function nn({
       ariaLabel: r,
       children: [
         /* @__PURE__ */ e(
-          ne,
+          he,
           {
             variant: "icon",
             onClick: p,
             className: "absolute right-3 top-3 h-7 w-7 hover:opacity-70",
             style: { color: "var(--text-muted)" },
             "aria-label": "Cancelar",
-            children: /* @__PURE__ */ e(ce, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ e(Se, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ e(
@@ -1054,13 +1488,13 @@ function nn({
           {
             className: "mb-4 flex h-11 w-11 items-center justify-center rounded-xl",
             style: {
-              background: c.iconBg
+              background: m.iconBg
             },
             children: /* @__PURE__ */ e(
-              zt,
+              Pt,
               {
                 className: "h-5 w-5",
-                style: { color: c.iconColor }
+                style: { color: m.iconColor }
               }
             )
           }
@@ -1074,9 +1508,9 @@ function nn({
           }
         ),
         n && /* @__PURE__ */ e("p", { className: "text-sm", style: { color: "var(--text-muted)" }, children: n }),
-        /* @__PURE__ */ s("div", { className: "mt-6 flex gap-2", children: [
+        /* @__PURE__ */ i("div", { className: "mt-6 flex gap-2", children: [
           /* @__PURE__ */ e(
-            ne,
+            he,
             {
               variant: "secondary",
               onClick: p,
@@ -1086,14 +1520,14 @@ function nn({
             }
           ),
           /* @__PURE__ */ e(
-            ne,
+            he,
             {
               variant: "danger",
-              onClick: m,
+              onClick: d,
               className: "flex-1",
               style: {
-                background: c.btnBg,
-                color: c.btnColor,
+                background: m.btnBg,
+                color: m.btnColor,
                 borderColor: "transparent"
               },
               children: a
@@ -1104,7 +1538,7 @@ function nn({
     }
   );
 }
-function fr(t) {
+function Br(t) {
   var a;
   const r = Array.from(
     t.querySelectorAll("*")
@@ -1116,7 +1550,7 @@ function fr(t) {
   );
   return (t.scrollWidth > t.clientWidth || r.length > 0) && (((a = r[0]) == null ? void 0 : a.textContent) ?? t.textContent ?? "").trim() || null;
 }
-function br({
+function Dt({
   children: t,
   content: r,
   onlyWhenOverflow: n = !1,
@@ -1124,56 +1558,56 @@ function br({
   style: l,
   as: u = "div"
 }) {
-  const m = J(null), p = J(null), [c, d] = E(null), [y, C] = E("");
-  R(() => {
-    const g = m.current;
-    g && (g.querySelectorAll("[title]").forEach((b) => {
-      const N = b.getAttribute("title");
-      N && (b.getAttribute("aria-label") || b.setAttribute("aria-label", N), b.removeAttribute("title"));
-    }), g.querySelectorAll("svg title").forEach((b) => b.remove()));
-  }), Dt(() => {
-    if (!c) return;
-    const g = p.current;
-    if (!g) return;
-    const b = 12, N = 14, L = g.getBoundingClientRect(), X = window.innerWidth - L.width - b, Y = window.innerHeight - L.height - b;
-    let k = c.mouseX + N, M = c.mouseY + N;
-    k > X && (k = c.mouseX - L.width - N), M > Y && (M = c.mouseY - L.height - N), k = Math.min(Math.max(b, k), Math.max(b, X)), M = Math.min(Math.max(b, M), Math.max(b, Y)), (Math.abs(k - c.x) > 0.5 || Math.abs(M - c.y) > 0.5) && d(
-      ($) => $ && {
-        ...$,
-        x: k,
-        y: M
+  const d = ie(null), p = ie(null), [m, h] = B(null), [w, N] = B("");
+  O(() => {
+    const v = d.current;
+    v && (v.querySelectorAll("[title]").forEach((c) => {
+      const $ = c.getAttribute("title");
+      $ && (c.getAttribute("aria-label") || c.setAttribute("aria-label", $), c.removeAttribute("title"));
+    }), v.querySelectorAll("svg title").forEach((c) => c.remove()));
+  }), _t(() => {
+    if (!m) return;
+    const v = p.current;
+    if (!v) return;
+    const c = 12, $ = 14, D = v.getBoundingClientRect(), K = window.innerWidth - D.width - c, W = window.innerHeight - D.height - c;
+    let E = m.mouseX + $, T = m.mouseY + $;
+    E > K && (E = m.mouseX - D.width - $), T > W && (T = m.mouseY - D.height - $), E = Math.min(Math.max(c, E), Math.max(c, K)), T = Math.min(Math.max(c, T), Math.max(c, W)), (Math.abs(E - m.x) > 0.5 || Math.abs(T - m.y) > 0.5) && h(
+      (I) => I && {
+        ...I,
+        x: E,
+        y: T
       }
     );
-  }, [c]);
-  const w = (g, b) => {
-    const N = m.current;
-    if (N) {
+  }, [m]);
+  const g = (v, c) => {
+    const $ = d.current;
+    if ($) {
       if (n) {
-        const L = fr(N);
-        if (!L) return;
-        C(L);
+        const D = Br($);
+        if (!D) return;
+        N(D);
       }
-      !n && !r || d({ mouseX: g, mouseY: b, x: g + 14, y: b + 14 });
+      !n && !r || h({ mouseX: v, mouseY: c, x: v + 14, y: c + 14 });
     }
-  }, f = n ? y : r;
-  return /* @__PURE__ */ s(le, { children: [
+  }, f = n ? w : r;
+  return /* @__PURE__ */ i(we, { children: [
     /* @__PURE__ */ e(
       u,
       {
-        ref: (g) => {
-          m.current = g;
+        ref: (v) => {
+          d.current = v;
         },
         className: a,
         style: l,
-        onMouseEnter: (g) => w(g.clientX, g.clientY),
-        onMouseMove: (g) => {
-          c && w(g.clientX, g.clientY);
+        onMouseEnter: (v) => g(v.clientX, v.clientY),
+        onMouseMove: (v) => {
+          m && g(v.clientX, v.clientY);
         },
-        onMouseLeave: () => d(null),
+        onMouseLeave: () => h(null),
         children: t
       }
     ),
-    c && f ? Ee(
+    m && f ? Ge(
       /* @__PURE__ */ e(
         "div",
         {
@@ -1181,8 +1615,8 @@ function br({
           role: "tooltip",
           style: {
             position: "fixed",
-            top: c.y,
-            left: c.x,
+            top: m.y,
+            left: m.x,
             zIndex: 9999,
             background: "var(--bg-card)",
             border: "1px solid var(--border)",
@@ -1204,17 +1638,17 @@ function br({
     ) : null
   ] });
 }
-const gr = "[&_button]:h-7 [&_button]:min-h-0 [&_button]:gap-1 [&_button]:px-2 [&_button]:text-xs [&_button_svg]:h-3.5 [&_button_svg]:w-3.5 [&_button[data-icon=true]]:w-7 [&_button[data-icon=true]]:px-0";
-function fe(t) {
+const Lr = "[&_button]:h-7 [&_button]:min-h-0 [&_button]:gap-1 [&_button]:px-2 [&_button]:text-xs [&_button_svg]:h-3.5 [&_button_svg]:w-3.5 [&_button[data-icon=true]]:w-7 [&_button[data-icon=true]]:px-0";
+function ze(t) {
   if (!t) return 150;
   const r = parseInt(t, 10);
   return isNaN(r) || r <= 0 ? 150 : r;
 }
-function se(t, r) {
+function Ee(t, r) {
   const n = t.minWidth ?? 80, a = t.maxWidth ?? 1 / 0;
   return Math.min(a, Math.max(n, r));
 }
-function xr(t, r) {
+function Tr(t, r) {
   if (r <= 7) return Array.from({ length: r }, (a, l) => l + 1);
   const n = [1];
   t > 3 && n.push("...");
@@ -1222,13 +1656,13 @@ function xr(t, r) {
     n.push(a);
   return t < r - 2 && n.push("..."), n.push(r), n;
 }
-function at({
+function vt({
   children: t,
   className: r = "",
   style: n
 }) {
   return /* @__PURE__ */ e(
-    br,
+    Dt,
     {
       onlyWhenOverflow: !0,
       className: r,
@@ -1243,221 +1677,222 @@ function at({
     }
   );
 }
-function an({
+function Nn({
   columns: t,
   data: r,
   getRowId: n,
   loading: a = !1,
   skeletonRows: l = 8,
   emptyIcon: u,
-  emptyText: m = "Sin resultados",
+  emptyText: d = "Sin resultados",
   onRowClick: p,
-  selected: c,
-  onToggleOne: d,
-  onToggleAll: y,
-  highlightSelected: C = !0,
-  rowClassName: w,
+  selected: m,
+  onToggleOne: h,
+  onToggleAll: w,
+  highlightSelected: N = !0,
+  rowClassName: g,
   stickyHeader: f = !0,
-  pageSize: g = 25,
-  pageSizeOptions: b = [25, 50, 100],
-  pageSizeSelectWidth: N = 62,
-  pageSizeSelectHeight: L = 30,
-  pageSizeSelectPadding: X = "0 7px",
-  totalRows: Y,
-  page: k,
-  onPageChange: M,
-  onPageSizeChange: $,
-  storageKey: B,
-  stickyFirstColumn: W = !1,
-  bottomOffset: I = 0,
-  compact: T = !0,
-  restrictHeight: A = !0
+  pageSize: v = 25,
+  pageSizeOptions: c = [25, 50, 100],
+  pageSizeSelectWidth: $ = 62,
+  pageSizeSelectHeight: D = 30,
+  pageSizeSelectPadding: K = "0 7px",
+  totalRows: W,
+  page: E,
+  onPageChange: T,
+  onPageSizeChange: I,
+  storageKey: L,
+  stickyFirstColumn: F = !1,
+  bottomOffset: M = 0,
+  compact: S = !0,
+  restrictHeight: P = !0,
+  minTableWidth: J
 }) {
-  const q = t.map((i) => i.key).join(","), [O, G] = E(!B), F = J(null), U = J(!B), o = (i, h) => 50 + (i * 17 + h * 13 + 7) % 40, x = J(null), [z, j] = E(
+  const _ = t.map((s) => s.key).join(","), [j, U] = B(!L), Z = ie(null), o = ie(!L), y = (s, x) => 50 + (s * 17 + x * 13 + 7) % 40, H = ie(null), [q, G] = B(
     void 0
-  ), [P, Z] = E(!1);
-  R(() => {
-    const h = g !== !1 ? 32 : 0, v = 12;
-    function S() {
-      if (Z(window.innerWidth < 640), !x.current) return;
-      const D = x.current.getBoundingClientRect().top;
-      j(
+  ), [ee, me] = B(!1);
+  O(() => {
+    const x = v !== !1 ? 32 : 0, C = 12;
+    function z() {
+      if (me(window.innerWidth < 640), !H.current) return;
+      const Y = H.current.getBoundingClientRect().top;
+      G(
         Math.max(
           120,
-          window.innerHeight - D - h - v - I
+          window.innerHeight - Y - x - C - M
         )
       );
     }
-    return S(), window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
-  }, [a, g, I]);
-  const [ee, ae] = E(
-    () => t.map((i) => i.key)
-  ), [de, ve] = E(
+    return z(), window.addEventListener("resize", z), () => window.removeEventListener("resize", z);
+  }, [a, v, M]);
+  const [te, be] = B(
+    () => t.map((s) => s.key)
+  ), [fe, ve] = B(
     () => Object.fromEntries(
-      t.map((i) => [i.key, se(i, fe(i.width))])
+      t.map((s) => [s.key, Ee(s, ze(s.width))])
     )
   );
-  R(() => {
-    const i = t.map((v) => v.key);
-    if (!B) {
-      ae(i), U.current = !1, G(!0);
+  O(() => {
+    const s = t.map((C) => C.key);
+    if (!L) {
+      be(s), o.current = !1, U(!0);
       return;
     }
-    let h = !1;
-    return U.current = !1, G(!1), fetch(
-      `/api/user/preferences/datatables?key=${encodeURIComponent(B)}`,
+    let x = !1;
+    return o.current = !1, U(!1), fetch(
+      `/api/user/preferences/datatables?key=${encodeURIComponent(L)}`,
       { cache: "no-store" }
-    ).then((v) => v.ok ? v.json() : null).then((v) => {
-      var qe, Ge;
-      if (h) return;
-      const S = (qe = v == null ? void 0 : v.settings) == null ? void 0 : qe.columnOrder, D = Array.isArray(S) ? S.filter((K) => i.includes(K)) : [], V = i.filter((K) => !D.includes(K)), H = D.length > 0 ? [...D, ...V] : i, me = Object.fromEntries(
-        t.map((K) => [K.key, se(K, fe(K.width))])
-      ), _ = ((Ge = v == null ? void 0 : v.settings) == null ? void 0 : Ge.columnWidths) ?? {}, Ye = Object.fromEntries(
-        t.map((K) => [
-          K.key,
-          se(K, _[K.key] ?? me[K.key])
+    ).then((C) => C.ok ? C.json() : null).then((C) => {
+      var st, lt;
+      if (x) return;
+      const z = (st = C == null ? void 0 : C.settings) == null ? void 0 : st.columnOrder, Y = Array.isArray(z) ? z.filter((pe) => s.includes(pe)) : [], le = s.filter((pe) => !Y.includes(pe)), Q = Y.length > 0 ? [...Y, ...le] : s, Le = Object.fromEntries(
+        t.map((pe) => [pe.key, Ee(pe, ze(pe.width))])
+      ), re = ((lt = C == null ? void 0 : C.settings) == null ? void 0 : lt.columnWidths) ?? {}, it = Object.fromEntries(
+        t.map((pe) => [
+          pe.key,
+          Ee(pe, re[pe.key] ?? Le[pe.key])
         ])
       );
-      ae(H), ve(Ye), F.current = JSON.stringify({
-        columnOrder: H,
-        columnWidths: Ye
-      }), U.current = !0;
+      be(Q), ve(it), Z.current = JSON.stringify({
+        columnOrder: Q,
+        columnWidths: it
+      }), o.current = !0;
     }).catch(() => {
-      if (!h) {
-        ae(i);
-        const v = Object.fromEntries(
-          t.map((S) => [
-            S.key,
-            se(S, fe(S.width))
+      if (!x) {
+        be(s);
+        const C = Object.fromEntries(
+          t.map((z) => [
+            z.key,
+            Ee(z, ze(z.width))
           ])
         );
-        ve(v), F.current = JSON.stringify({
-          columnOrder: i,
-          columnWidths: v
-        }), U.current = !0;
+        ve(C), Z.current = JSON.stringify({
+          columnOrder: s,
+          columnWidths: C
+        }), o.current = !0;
       }
     }).finally(() => {
-      h || G(!0);
+      x || U(!0);
     }), () => {
-      h = !0;
+      x = !0;
     };
-  }, [B, q, t]), R(() => {
-    if (!B || !O || !U.current) return;
-    const i = {
-      columnOrder: ee,
-      columnWidths: de
-    }, h = JSON.stringify(i);
-    if (h === F.current) return;
-    const v = window.setTimeout(() => {
+  }, [L, _, t]), O(() => {
+    if (!L || !j || !o.current) return;
+    const s = {
+      columnOrder: te,
+      columnWidths: fe
+    }, x = JSON.stringify(s);
+    if (x === Z.current) return;
+    const C = window.setTimeout(() => {
       fetch("/api/user/preferences/datatables", {
         method: "PATCH",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ key: B, settings: i })
-      }).then((S) => {
-        S.ok && (F.current = h);
+        body: JSON.stringify({ key: L, settings: s })
+      }).then((z) => {
+        z.ok && (Z.current = x);
       }).catch(() => {
       });
     }, 300);
-    return () => window.clearTimeout(v);
-  }, [ee, de, B, O]), R(() => {
-    ae((i) => {
-      const h = t.map((D) => D.key), v = i.filter((D) => h.includes(D)), S = h.filter((D) => !v.includes(D));
-      return [...v, ...S];
+    return () => window.clearTimeout(C);
+  }, [te, fe, L, j]), O(() => {
+    be((s) => {
+      const x = t.map((Y) => Y.key), C = s.filter((Y) => x.includes(Y)), z = x.filter((Y) => !C.includes(Y));
+      return [...C, ...z];
     });
-  }, [q, t]);
-  const pe = ee.map((i) => t.find((h) => h.key === i)).filter((i) => !!i);
-  R(() => {
-    ve((i) => {
-      const h = Object.fromEntries(
-        t.map((v) => [v.key, se(v, fe(v.width))])
+  }, [_, t]);
+  const de = te.map((s) => t.find((x) => x.key === s)).filter((s) => !!s);
+  O(() => {
+    ve((s) => {
+      const x = Object.fromEntries(
+        t.map((C) => [C.key, Ee(C, ze(C.width))])
       );
       return Object.fromEntries(
-        t.map((v) => [
-          v.key,
-          se(v, i[v.key] ?? h[v.key])
+        t.map((C) => [
+          C.key,
+          Ee(C, s[C.key] ?? x[C.key])
         ])
       );
     });
-  }, [q, t]);
-  const ye = J(null);
-  R(() => {
-    function i(v) {
-      const S = ye.current;
-      if (!S) return;
-      const D = v.clientX - S.startX, V = t.find((H) => H.key === S.colKey);
-      V && ve((H) => ({
-        ...H,
-        [S.colKey]: se(V, S.startWidth + D)
+  }, [_, t]);
+  const k = ie(null);
+  O(() => {
+    function s(C) {
+      const z = k.current;
+      if (!z) return;
+      const Y = C.clientX - z.startX, le = t.find((Q) => Q.key === z.colKey);
+      le && ve((Q) => ({
+        ...Q,
+        [z.colKey]: Ee(le, z.startWidth + Y)
       }));
     }
-    function h() {
-      ye.current && (ye.current = null, document.body.style.cursor = "", document.body.style.userSelect = "");
+    function x() {
+      k.current && (k.current = null, document.body.style.cursor = "", document.body.style.userSelect = "");
     }
-    return document.addEventListener("pointermove", i), document.addEventListener("pointerup", h), () => {
-      document.removeEventListener("pointermove", i), document.removeEventListener("pointerup", h);
+    return document.addEventListener("pointermove", s), document.addEventListener("pointerup", x), () => {
+      document.removeEventListener("pointermove", s), document.removeEventListener("pointerup", x);
     };
   }, [t]);
-  const we = J(null), [Pe, Me] = E(null);
-  function xt(i, h) {
-    we.current = i, h.dataTransfer.effectAllowed = "move";
+  const A = ie(null), [X, ne] = B(null);
+  function ce(s, x) {
+    A.current = s, x.dataTransfer.effectAllowed = "move";
   }
-  function vt(i, h) {
-    h.preventDefault(), h.dataTransfer.dropEffect = "move", Pe !== i && Me(i);
+  function R(s, x) {
+    x.preventDefault(), x.dataTransfer.dropEffect = "move", X !== s && ne(s);
   }
-  function yt(i, h) {
-    h.preventDefault();
-    const v = we.current;
-    v !== null && v !== i && ae((S) => {
-      const D = [...S], [V] = D.splice(v, 1);
-      return D.splice(i, 0, V), D;
-    }), we.current = null, Me(null);
+  function Ne(s, x) {
+    x.preventDefault();
+    const C = A.current;
+    C !== null && C !== s && be((z) => {
+      const Y = [...z], [le] = Y.splice(C, 1);
+      return Y.splice(s, 0, le), Y;
+    }), A.current = null, ne(null);
   }
-  function wt() {
-    we.current = null, Me(null);
+  function Pe() {
+    A.current = null, ne(null);
   }
-  const [re, Nt] = E(null);
-  function kt(i) {
-    i.sortKey && Nt(
-      (h) => (h == null ? void 0 : h.key) === i.key ? { key: i.key, dir: h.dir === "asc" ? "desc" : "asc" } : { key: i.key, dir: "asc" }
+  const [xe, De] = B(null);
+  function We(s) {
+    s.sortKey && De(
+      (x) => (x == null ? void 0 : x.key) === s.key ? { key: s.key, dir: x.dir === "asc" ? "desc" : "asc" } : { key: s.key, dir: "asc" }
     );
   }
-  const [St, $e] = E(1), [_e, Ct] = E(
-    g === !1 ? 0 : g
+  const [ae, Me] = B(1), [Ie, je] = B(
+    v === !1 ? 0 : v
   );
-  R(() => {
-    $e(1);
+  O(() => {
+    Me(1);
   }, [r]);
-  const ue = !!(M && $), oe = g !== !1, Q = ue ? k ?? 1 : St, ie = ue || oe ? _e : r.length, te = !!c && !!d && !!y, Le = te ? 40 : 0, Et = te && r.length > 0 && c.size === r.length, Mt = te && c.size > 0 && c.size < r.length, Te = Xe.useMemo(() => {
-    if (!re) return r;
-    const i = t.find((h) => h.key === re.key && h.sortKey);
-    return i != null && i.sortKey ? [...r].sort((h, v) => {
-      const S = h[i.sortKey], D = v[i.sortKey], V = S === D ? 0 : S == null ? 1 : D == null || S < D ? -1 : 1;
-      return re.dir === "asc" ? V : -V;
+  const ge = !!(T && I), ye = v !== !1, ue = ge ? E ?? 1 : ae, b = ge || ye ? Ie : r.length, V = !!m && !!h && !!w, oe = V ? 40 : 0, Ce = V && r.length > 0 && m.size === r.length, se = V && m.size > 0 && m.size < r.length, $e = ct.useMemo(() => {
+    if (!xe) return r;
+    const s = t.find((x) => x.key === xe.key && x.sortKey);
+    return s != null && s.sortKey ? [...r].sort((x, C) => {
+      const z = x[s.sortKey], Y = C[s.sortKey], le = z === Y ? 0 : z == null ? 1 : Y == null || z < Y ? -1 : 1;
+      return xe.dir === "asc" ? le : -le;
     }) : r;
-  }, [r, re, t]), $t = Xe.useMemo(() => {
-    if (ue || !oe) return Te;
-    const i = (Q - 1) * ie;
-    return Te.slice(i, i + ie);
-  }, [Te, ue, oe, Q, ie]), he = Y ?? r.length, Be = oe ? Math.max(1, Math.ceil(he / ie)) : 1, Lt = oe ? (Q - 1) * ie + 1 : 1, Tt = oe ? Math.min(Q * ie, he) : he;
-  function Re(i) {
-    const h = Math.max(1, Math.min(i, Be));
-    ue ? M(h) : $e(h);
+  }, [r, xe, t]), Be = ct.useMemo(() => {
+    if (ge || !ye) return $e;
+    const s = (ue - 1) * b;
+    return $e.slice(s, s + b);
+  }, [$e, ge, ye, ue, b]), Re = W ?? r.length, Xe = ye ? Math.max(1, Math.ceil(Re / b)) : 1, Rt = ye ? (ue - 1) * b + 1 : 1, zt = ye ? Math.min(ue * b, Re) : Re;
+  function Je(s) {
+    const x = Math.max(1, Math.min(s, Xe));
+    ge ? T(x) : Me(x);
   }
-  function Bt(i) {
-    Ct(i), ue ? ($(i), M(1)) : $e(1), $ && $(i);
+  function At(s) {
+    je(s), ge ? (I(s), T(1)) : Me(1), I && I(s);
   }
-  const Fe = (i) => i === "center" ? "text-center" : i === "right" ? "text-right" : "text-left", Rt = "color-mix(in srgb, var(--primary) 6%, var(--bg-card))", je = () => /* @__PURE__ */ s(
+  const nt = (s) => s === "center" ? "text-center" : s === "right" ? "text-right" : "text-left", Ot = "color-mix(in srgb, var(--primary) 6%, var(--bg-card))", at = () => /* @__PURE__ */ i(
     "tr",
     {
       style: {
         background: "color-mix(in srgb, var(--bg-input) 72%, transparent)"
       },
       children: [
-        te && /* @__PURE__ */ e(
+        V && /* @__PURE__ */ e(
           "th",
           {
-            className: `${T ? "px-2 py-1.5" : "px-3 py-2.5"} w-10`,
-            style: W ? {
+            className: `${S ? "px-2 py-1.5" : "px-3 py-2.5"} w-10`,
+            style: F ? {
               position: "sticky",
               left: 0,
               zIndex: 12,
@@ -1474,26 +1909,26 @@ function an({
               "input",
               {
                 type: "checkbox",
-                checked: Et,
-                ref: (i) => {
-                  i && (i.indeterminate = Mt);
+                checked: Ce,
+                ref: (s) => {
+                  s && (s.indeterminate = se);
                 },
-                onChange: y,
+                onChange: w,
                 className: "rounded cursor-pointer accent-[var(--primary)]"
               }
             )
           }
         ),
-        pe.map((i, h) => {
-          const v = (re == null ? void 0 : re.key) === i.key, S = !!i.sortKey, D = W && !P && h === 0, V = Pe === h, me = (de[i.key] ?? fe(i.width)) < 120;
-          return /* @__PURE__ */ s(
+        de.map((s, x) => {
+          const C = (xe == null ? void 0 : xe.key) === s.key, z = !!s.sortKey, Y = F && !ee && x === 0, le = X === x, Le = (fe[s.key] ?? ze(s.width)) < 120;
+          return /* @__PURE__ */ i(
             "th",
             {
-              className: `group select-none ${me ? "text-left" : Fe(i.align)}`,
+              className: `group select-none ${Le ? "text-left" : nt(s.align)}`,
               style: {
-                ...D ? {
+                ...Y ? {
                   position: "sticky",
-                  left: Le,
+                  left: oe,
                   zIndex: 12,
                   background: "color-mix(in srgb, var(--bg-input) 72%, transparent)",
                   backdropFilter: "blur(14px)",
@@ -1505,29 +1940,29 @@ function an({
                   borderBottom: "2px solid var(--border)",
                   borderRight: "1px solid var(--border)"
                 },
-                color: v ? "var(--primary)" : "var(--text-muted)",
+                color: C ? "var(--primary)" : "var(--text-muted)",
                 whiteSpace: "nowrap",
                 transition: "color 0.15s",
-                borderLeft: V ? "2px solid var(--primary)" : "2px solid transparent",
-                cursor: S ? "pointer" : "default",
+                borderLeft: le ? "2px solid var(--primary)" : "2px solid transparent",
+                cursor: z ? "pointer" : "default",
                 // Padding: room for grip icon left, resize handle right
-                padding: T ? "5px 24px 5px 6px" : "7px 28px 7px 6px"
+                padding: S ? "5px 24px 5px 6px" : "7px 28px 7px 6px"
               },
-              onDragOver: (_) => vt(h, _),
-              onDrop: (_) => yt(h, _),
-              onClick: S ? () => kt(i) : void 0,
+              onDragOver: (re) => R(x, re),
+              onDrop: (re) => Ne(x, re),
+              onClick: z ? () => We(s) : void 0,
               children: [
                 /* @__PURE__ */ e(
                   "span",
                   {
                     draggable: !0,
-                    onDragStart: (_) => {
-                      _.stopPropagation(), xt(h, _);
+                    onDragStart: (re) => {
+                      re.stopPropagation(), ce(x, re);
                     },
-                    onDragEnd: (_) => {
-                      _.stopPropagation(), wt();
+                    onDragEnd: (re) => {
+                      re.stopPropagation(), Pe();
                     },
-                    onClick: (_) => _.stopPropagation(),
+                    onClick: (re) => re.stopPropagation(),
                     title: "Arrastrar para reordenar",
                     className: "inline-flex items-center mr-1 opacity-0 group-hover:opacity-40 transition-opacity",
                     style: {
@@ -1535,24 +1970,24 @@ function an({
                       color: "var(--text-muted)",
                       verticalAlign: "middle"
                     },
-                    children: /* @__PURE__ */ e(Kt, { size: 15 })
+                    children: /* @__PURE__ */ e(or, { size: 15 })
                   }
                 ),
                 /* @__PURE__ */ e(
-                  at,
+                  vt,
                   {
                     className: "inline-block max-w-full align-middle",
                     style: {
                       width: "calc(100% - 22px)",
-                      textAlign: me ? "left" : i.align === "center" ? "center" : i.align === "right" ? "right" : "left"
+                      textAlign: Le ? "left" : s.align === "center" ? "center" : s.align === "right" ? "right" : "left"
                     },
-                    children: /* @__PURE__ */ s(
+                    children: /* @__PURE__ */ i(
                       "span",
                       {
-                        className: `inline-flex max-w-full items-center gap-1 font-semibold uppercase tracking-wider ${T ? "text-[11px]" : "text-xs"}`,
+                        className: `inline-flex max-w-full items-center gap-1 font-semibold uppercase tracking-wider ${S ? "text-[11px]" : "text-xs"}`,
                         children: [
-                          /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: i.header }),
-                          S && /* @__PURE__ */ e("span", { className: "flex-shrink-0 opacity-60", children: v ? re.dir === "asc" ? /* @__PURE__ */ e(Ot, { className: "w-3 h-3" }) : /* @__PURE__ */ e(ge, { className: "w-3 h-3" }) : /* @__PURE__ */ e(It, { className: "w-3 h-3 opacity-40" }) })
+                          /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: s.header }),
+                          z && /* @__PURE__ */ e("span", { className: "flex-shrink-0 opacity-60", children: C ? xe.dir === "asc" ? /* @__PURE__ */ e(Wt, { className: "w-3 h-3" }) : /* @__PURE__ */ e(He, { className: "w-3 h-3" }) : /* @__PURE__ */ e(jt, { className: "w-3 h-3 opacity-40" }) })
                         ]
                       }
                     )
@@ -1564,14 +1999,14 @@ function an({
                     role: "separator",
                     "aria-orientation": "vertical",
                     title: "Arrastrar para redimensionar",
-                    onPointerDown: (_) => {
-                      _.preventDefault(), _.stopPropagation(), ye.current = {
-                        colKey: i.key,
-                        startX: _.clientX,
-                        startWidth: de[i.key] ?? 150
+                    onPointerDown: (re) => {
+                      re.preventDefault(), re.stopPropagation(), k.current = {
+                        colKey: s.key,
+                        startX: re.clientX,
+                        startWidth: fe[s.key] ?? 150
                       }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
                     },
-                    onClick: (_) => _.stopPropagation(),
+                    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 },
                     children: /* @__PURE__ */ e(
@@ -1590,85 +2025,85 @@ function an({
                 )
               ]
             },
-            i.key
+            s.key
           );
         })
       ]
     }
-  ), Ue = () => {
-    if (!oe || a) return null;
-    const i = xr(Q, Be);
-    return /* @__PURE__ */ s(
+  ), ot = () => {
+    if (!ye || a) return null;
+    const s = Tr(ue, Xe);
+    return /* @__PURE__ */ i(
       "div",
       {
-        className: `flex items-center justify-between gap-2 rounded-b-xl border-t text-xs select-none ${T ? "px-2 py-0.5" : "px-3 py-1"}`,
+        className: `flex items-center justify-between gap-2 rounded-b-xl border-t text-xs select-none ${S ? "px-2 py-0.5" : "px-3 py-1"}`,
         style: { borderColor: "var(--border)", background: "var(--bg-input)" },
         children: [
-          /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2", children: [
-            /* @__PURE__ */ e("span", { style: { color: "var(--text-muted)" }, children: he === 0 ? "0 filas" : `${Lt}–${Tt} de ${he}` }),
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ e("span", { style: { color: "var(--text-muted)" }, children: Re === 0 ? "0 filas" : `${Rt}–${zt} de ${Re}` }),
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ e("span", { style: { color: "var(--text-muted)" }, children: "Filas:" }),
               /* @__PURE__ */ e(
-                ft,
+                Tt,
                 {
-                  value: String(ie),
-                  onChange: (h) => Bt(Number(h)),
-                  options: b.map((h) => ({
-                    value: String(h),
-                    label: String(h)
+                  value: String(b),
+                  onChange: (x) => At(Number(x)),
+                  options: c.map((x) => ({
+                    value: String(x),
+                    label: String(x)
                   })),
                   placeholder: "Filas",
                   searchable: !1,
-                  height: L,
-                  padding: X,
+                  height: D,
+                  padding: K,
                   className: "shrink-0 [&>button]:rounded-md [&>button]:text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",
-                  style: { width: N }
+                  style: { width: $ }
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-0.5", children: [
             /* @__PURE__ */ e(
               "button",
               {
-                disabled: Q <= 1,
-                onClick: () => Re(Q - 1),
+                disabled: ue <= 1,
+                onClick: () => Je(ue - 1),
                 className: "rounded p-0.5 transition-colors disabled:opacity-30",
                 style: { color: "var(--text-muted)", background: "transparent" },
-                children: /* @__PURE__ */ e(Se, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ e(_e, { className: "h-3.5 w-3.5" })
               }
             ),
-            i.map(
-              (h, v) => h === "..." ? /* @__PURE__ */ e(
+            s.map(
+              (x, C) => x === "..." ? /* @__PURE__ */ e(
                 "span",
                 {
                   className: "px-1",
                   style: { color: "var(--text-muted)" },
                   children: "…"
                 },
-                `e${v}`
+                `e${C}`
               ) : /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => Re(h),
+                  onClick: () => Je(x),
                   className: "h-5 w-5 rounded text-[11px] font-medium transition-colors",
                   style: {
-                    background: h === Q ? "var(--primary)" : "transparent",
-                    color: h === Q ? "var(--primary-fg)" : "var(--text-muted)"
+                    background: x === ue ? "var(--primary)" : "transparent",
+                    color: x === ue ? "var(--primary-fg)" : "var(--text-muted)"
                   },
-                  children: h
+                  children: x
                 },
-                h
+                x
               )
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                disabled: Q >= Be,
-                onClick: () => Re(Q + 1),
+                disabled: ue >= Xe,
+                onClick: () => Je(ue + 1),
                 className: "rounded p-0.5 transition-colors disabled:opacity-30",
                 style: { color: "var(--text-muted)", background: "transparent" },
-                children: /* @__PURE__ */ e(xe, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" })
               }
             )
           ] })
@@ -1676,266 +2111,286 @@ function an({
       }
     );
   };
-  return a && r.length === 0 ? /* @__PURE__ */ s(
+  return a && r.length === 0 ? /* @__PURE__ */ i(
     "div",
     {
-      className: "w-full flex flex-col rounded-xl overflow-visible",
+      className: "w-full min-w-0 max-w-full flex flex-col rounded-xl overflow-visible",
       style: { border: "1px solid var(--border)" },
       children: [
-        /* @__PURE__ */ e("div", { ref: x, className: "overflow-hidden rounded-t-xl", children: /* @__PURE__ */ e(
-          tt,
+        /* @__PURE__ */ e(
+          "div",
           {
-            options: { scrollbars: { autoHide: "leave", autoHideDelay: 200 } },
-            className: "w-full",
-            style: { maxHeight: A ? z : void 0 },
-            defer: !0,
-            children: /* @__PURE__ */ s(
-              "table",
+            ref: H,
+            className: "min-w-0 max-w-full overflow-hidden rounded-t-xl",
+            children: /* @__PURE__ */ e(
+              pt,
               {
-                className: "text-sm",
+                options: { scrollbars: { autoHide: "leave", autoHideDelay: 200 } },
+                className: "w-full",
                 style: {
-                  tableLayout: "fixed",
-                  width: "100%",
-                  minWidth: "max-content",
-                  borderCollapse: "separate",
-                  borderSpacing: 0
+                  maxHeight: P ? q : void 0,
+                  maxWidth: "100%"
                 },
-                children: [
-                  /* @__PURE__ */ s("colgroup", { children: [
-                    te && /* @__PURE__ */ e("col", { style: { width: 40 } }),
-                    pe.map((i) => /* @__PURE__ */ e(
-                      "col",
-                      {
-                        style: { width: de[i.key] ?? 150 }
-                      },
-                      i.key
-                    ))
-                  ] }),
-                  /* @__PURE__ */ e(
-                    "thead",
-                    {
-                      style: f ? {
-                        position: "sticky",
-                        top: 0,
-                        zIndex: 10,
-                        backdropFilter: "blur(14px)",
-                        WebkitBackdropFilter: "blur(14px)"
-                      } : void 0,
-                      children: je()
-                    }
-                  ),
-                  /* @__PURE__ */ e("tbody", { children: Array.from({ length: l }).map((i, h) => /* @__PURE__ */ s("tr", { children: [
-                    te && /* @__PURE__ */ e(
-                      "td",
-                      {
-                        className: `${T ? "px-2 py-1.5" : "px-3 py-2"} w-10`,
-                        style: {
-                          borderBottom: "1px solid var(--border)",
-                          borderRight: "1px solid var(--border)"
+                defer: !0,
+                children: /* @__PURE__ */ i(
+                  "table",
+                  {
+                    className: "text-sm",
+                    style: {
+                      tableLayout: "fixed",
+                      width: "100%",
+                      minWidth: J ?? "max-content",
+                      borderCollapse: "separate",
+                      borderSpacing: 0
+                    },
+                    children: [
+                      /* @__PURE__ */ i("colgroup", { children: [
+                        V && /* @__PURE__ */ e("col", { style: { width: 40 } }),
+                        de.map((s) => /* @__PURE__ */ e(
+                          "col",
+                          {
+                            style: { width: fe[s.key] ?? 150 }
+                          },
+                          s.key
+                        ))
+                      ] }),
+                      /* @__PURE__ */ e(
+                        "thead",
+                        {
+                          style: f ? {
+                            position: "sticky",
+                            top: 0,
+                            zIndex: 10,
+                            backdropFilter: "blur(14px)",
+                            WebkitBackdropFilter: "blur(14px)"
+                          } : void 0,
+                          children: at()
                         }
-                      }
-                    ),
-                    pe.map((v, S) => /* @__PURE__ */ e(
-                      "td",
-                      {
-                        className: T ? "px-2 py-1.5" : "px-3 py-2",
-                        style: W && !P && S === 0 ? {
-                          position: "sticky",
-                          left: Le,
-                          zIndex: 1,
-                          background: "color-mix(in srgb, var(--bg-card) 72%, transparent)",
-                          backdropFilter: "blur(10px)",
-                          WebkitBackdropFilter: "blur(10px)",
-                          boxShadow: "3px 0 6px -2px rgba(0,0,0,0.12), inset 0 -1px 0 var(--border)",
-                          borderRight: "1px solid var(--border)"
-                        } : {
-                          borderBottom: "1px solid var(--border)",
-                          borderRight: "1px solid var(--border)"
-                        },
-                        children: /* @__PURE__ */ e(
-                          "div",
+                      ),
+                      /* @__PURE__ */ e("tbody", { children: Array.from({ length: l }).map((s, x) => /* @__PURE__ */ i("tr", { children: [
+                        V && /* @__PURE__ */ e(
+                          "td",
                           {
-                            className: "h-3.5 rounded-full animate-pulse",
+                            className: `${S ? "px-2 py-1.5" : "px-3 py-2"} w-10`,
                             style: {
-                              background: "var(--border)",
-                              width: `${o(h, S)}%`,
-                              minWidth: 32
+                              borderBottom: "1px solid var(--border)",
+                              borderRight: "1px solid var(--border)"
                             }
                           }
-                        )
-                      },
-                      v.key
-                    ))
-                  ] }, h)) })
-                ]
+                        ),
+                        de.map((C, z) => /* @__PURE__ */ e(
+                          "td",
+                          {
+                            className: S ? "px-2 py-1.5" : "px-3 py-2",
+                            style: F && !ee && z === 0 ? {
+                              position: "sticky",
+                              left: oe,
+                              zIndex: 1,
+                              background: "color-mix(in srgb, var(--bg-card) 72%, transparent)",
+                              backdropFilter: "blur(10px)",
+                              WebkitBackdropFilter: "blur(10px)",
+                              boxShadow: "3px 0 6px -2px rgba(0,0,0,0.12), inset 0 -1px 0 var(--border)",
+                              borderRight: "1px solid var(--border)"
+                            } : {
+                              borderBottom: "1px solid var(--border)",
+                              borderRight: "1px solid var(--border)"
+                            },
+                            children: /* @__PURE__ */ e(
+                              "div",
+                              {
+                                className: "h-3.5 rounded-full animate-pulse",
+                                style: {
+                                  background: "var(--border)",
+                                  width: `${y(x, z)}%`,
+                                  minWidth: 32
+                                }
+                              }
+                            )
+                          },
+                          C.key
+                        ))
+                      ] }, x)) })
+                    ]
+                  }
+                )
               }
             )
           }
-        ) }),
-        Ue()
+        ),
+        ot()
       ]
     }
-  ) : !a && r.length === 0 ? /* @__PURE__ */ s("div", { className: "py-20 flex flex-col items-center gap-3", children: [
+  ) : !a && r.length === 0 ? /* @__PURE__ */ i("div", { className: "py-20 flex flex-col items-center gap-3", children: [
     u && /* @__PURE__ */ e("div", { style: { color: "var(--text-muted)", opacity: 0.5 }, children: u }),
-    /* @__PURE__ */ e("p", { className: "text-sm", style: { color: "var(--text-muted)" }, children: m })
-  ] }) : /* @__PURE__ */ s(
+    /* @__PURE__ */ e("p", { className: "text-sm", style: { color: "var(--text-muted)" }, children: d })
+  ] }) : /* @__PURE__ */ i(
     "div",
     {
-      className: "w-full flex flex-col rounded-xl overflow-visible",
+      className: "w-full min-w-0 max-w-full flex flex-col rounded-xl overflow-visible",
       style: { border: "1px solid var(--border)" },
       children: [
-        /* @__PURE__ */ e("div", { ref: x, className: "overflow-hidden rounded-t-xl", children: /* @__PURE__ */ e(
-          tt,
+        /* @__PURE__ */ e(
+          "div",
           {
-            options: { scrollbars: { autoHide: "leave", autoHideDelay: 200 } },
-            className: "w-full",
-            style: { maxHeight: A ? z : void 0 },
-            defer: !0,
-            children: /* @__PURE__ */ s(
-              "table",
+            ref: H,
+            className: "min-w-0 max-w-full overflow-hidden rounded-t-xl",
+            children: /* @__PURE__ */ e(
+              pt,
               {
-                className: "text-sm",
+                options: { scrollbars: { autoHide: "leave", autoHideDelay: 200 } },
+                className: "w-full",
                 style: {
-                  tableLayout: "fixed",
-                  width: "100%",
-                  minWidth: "max-content",
-                  borderCollapse: "separate",
-                  borderSpacing: 0
+                  maxHeight: P ? q : void 0,
+                  maxWidth: "100%"
                 },
-                children: [
-                  /* @__PURE__ */ s("colgroup", { children: [
-                    te && /* @__PURE__ */ e("col", { style: { width: 40 } }),
-                    pe.map((i) => /* @__PURE__ */ e(
-                      "col",
-                      {
-                        style: { width: de[i.key] ?? 150 }
-                      },
-                      i.key
-                    ))
-                  ] }),
-                  /* @__PURE__ */ e(
-                    "thead",
-                    {
-                      style: f ? {
-                        position: "sticky",
-                        top: 0,
-                        zIndex: 10,
-                        backdropFilter: "blur(14px)",
-                        WebkitBackdropFilter: "blur(14px)"
-                      } : void 0,
-                      children: je()
-                    }
-                  ),
-                  /* @__PURE__ */ e("tbody", { children: $t.map((i, h) => {
-                    const v = n(i), S = te && c.has(v), D = !!p, V = S && C ? "color-mix(in srgb, var(--primary) 8%, var(--bg-card))" : h % 2 === 1 ? "color-mix(in srgb, var(--bg-input) 50%, var(--bg-card))" : "var(--bg-card)";
-                    return /* @__PURE__ */ s(
-                      "tr",
-                      {
-                        onClick: D ? () => p(i) : void 0,
-                        className: `transition-colors ${D ? "cursor-pointer" : ""} ${w ? w(i) : ""}`,
-                        style: {
-                          "--dt-row-bg": V,
-                          "--dt-sticky-bg": V,
-                          background: "var(--dt-row-bg)"
-                        },
-                        onMouseEnter: (H) => {
-                          S || (H.currentTarget.style.setProperty(
-                            "--dt-row-bg",
-                            "var(--bg-hover)"
-                          ), H.currentTarget.style.setProperty(
-                            "--dt-sticky-bg",
-                            Rt
-                          ));
-                        },
-                        onMouseLeave: (H) => {
-                          H.currentTarget.style.setProperty("--dt-row-bg", V), H.currentTarget.style.setProperty(
-                            "--dt-sticky-bg",
-                            V
-                          );
-                        },
-                        children: [
-                          te && /* @__PURE__ */ e(
-                            "td",
-                            {
-                              className: `${T ? "px-2 py-1.5" : "px-3 py-2"} w-10`,
-                              style: W ? {
-                                position: "sticky",
-                                left: 0,
-                                zIndex: 3,
-                                background: "var(--dt-sticky-bg)",
-                                boxShadow: "inset 0 -1px 0 var(--border)"
-                              } : {
-                                borderBottom: "1px solid var(--border)",
-                                borderRight: "1px solid var(--border)"
-                              },
-                              onClick: (H) => {
-                                H.stopPropagation(), d(v);
-                              },
-                              children: /* @__PURE__ */ e(
-                                "input",
+                defer: !0,
+                children: /* @__PURE__ */ i(
+                  "table",
+                  {
+                    className: "text-sm",
+                    style: {
+                      tableLayout: "fixed",
+                      width: "100%",
+                      minWidth: J ?? "max-content",
+                      borderCollapse: "separate",
+                      borderSpacing: 0
+                    },
+                    children: [
+                      /* @__PURE__ */ i("colgroup", { children: [
+                        V && /* @__PURE__ */ e("col", { style: { width: 40 } }),
+                        de.map((s) => /* @__PURE__ */ e(
+                          "col",
+                          {
+                            style: { width: fe[s.key] ?? 150 }
+                          },
+                          s.key
+                        ))
+                      ] }),
+                      /* @__PURE__ */ e(
+                        "thead",
+                        {
+                          style: f ? {
+                            position: "sticky",
+                            top: 0,
+                            zIndex: 10,
+                            backdropFilter: "blur(14px)",
+                            WebkitBackdropFilter: "blur(14px)"
+                          } : void 0,
+                          children: at()
+                        }
+                      ),
+                      /* @__PURE__ */ e("tbody", { children: Be.map((s, x) => {
+                        const C = n(s), z = V && m.has(C), Y = !!p, le = z && N ? "color-mix(in srgb, var(--primary) 8%, var(--bg-card))" : x % 2 === 1 ? "color-mix(in srgb, var(--bg-input) 50%, var(--bg-card))" : "var(--bg-card)";
+                        return /* @__PURE__ */ i(
+                          "tr",
+                          {
+                            onClick: Y ? () => p(s) : void 0,
+                            className: `transition-colors ${Y ? "cursor-pointer" : ""} ${g ? g(s) : ""}`,
+                            style: {
+                              "--dt-row-bg": le,
+                              "--dt-sticky-bg": le,
+                              background: "var(--dt-row-bg)"
+                            },
+                            onMouseEnter: (Q) => {
+                              z || (Q.currentTarget.style.setProperty(
+                                "--dt-row-bg",
+                                "var(--bg-hover)"
+                              ), Q.currentTarget.style.setProperty(
+                                "--dt-sticky-bg",
+                                Ot
+                              ));
+                            },
+                            onMouseLeave: (Q) => {
+                              Q.currentTarget.style.setProperty("--dt-row-bg", le), Q.currentTarget.style.setProperty(
+                                "--dt-sticky-bg",
+                                le
+                              );
+                            },
+                            children: [
+                              V && /* @__PURE__ */ e(
+                                "td",
                                 {
-                                  type: "checkbox",
-                                  checked: S,
-                                  onClick: (H) => H.stopPropagation(),
-                                  onChange: () => d(v),
-                                  className: "rounded cursor-pointer accent-[var(--primary)]"
-                                }
-                              )
-                            }
-                          ),
-                          pe.map((H, me) => {
-                            const _ = W && !P && me === 0;
-                            return /* @__PURE__ */ e(
-                              "td",
-                              {
-                                className: `${T ? "px-2 py-1.5" : "px-3 py-2"} ${gr} ${Fe(H.align)} ${H.className ?? ""}`,
-                                style: {
-                                  overflow: "hidden",
-                                  whiteSpace: "nowrap",
-                                  ..._ ? {
+                                  className: `${S ? "px-2 py-1.5" : "px-3 py-2"} w-10`,
+                                  style: F ? {
                                     position: "sticky",
-                                    left: Le,
+                                    left: 0,
                                     zIndex: 3,
                                     background: "var(--dt-sticky-bg)",
-                                    boxShadow: "3px 0 6px -2px rgba(0,0,0,0.12), inset 0 -1px 0 var(--border)",
-                                    borderRight: "1px solid var(--border)"
+                                    boxShadow: "inset 0 -1px 0 var(--border)"
                                   } : {
                                     borderBottom: "1px solid var(--border)",
                                     borderRight: "1px solid var(--border)"
-                                  }
-                                },
-                                children: /* @__PURE__ */ e(at, { children: H.cell(i) })
-                              },
-                              H.key
-                            );
-                          })
-                        ]
-                      },
-                      v
-                    );
-                  }) })
-                ]
+                                  },
+                                  onClick: (Q) => {
+                                    Q.stopPropagation(), h(C);
+                                  },
+                                  children: /* @__PURE__ */ e(
+                                    "input",
+                                    {
+                                      type: "checkbox",
+                                      checked: z,
+                                      onClick: (Q) => Q.stopPropagation(),
+                                      onChange: () => h(C),
+                                      className: "rounded cursor-pointer accent-[var(--primary)]"
+                                    }
+                                  )
+                                }
+                              ),
+                              de.map((Q, Le) => {
+                                const re = F && !ee && Le === 0;
+                                return /* @__PURE__ */ e(
+                                  "td",
+                                  {
+                                    className: `${S ? "px-2 py-1.5" : "px-3 py-2"} ${Lr} ${nt(Q.align)} ${Q.className ?? ""}`,
+                                    style: {
+                                      overflow: "hidden",
+                                      whiteSpace: "nowrap",
+                                      ...re ? {
+                                        position: "sticky",
+                                        left: oe,
+                                        zIndex: 3,
+                                        background: "var(--dt-sticky-bg)",
+                                        boxShadow: "3px 0 6px -2px rgba(0,0,0,0.12), inset 0 -1px 0 var(--border)",
+                                        borderRight: "1px solid var(--border)"
+                                      } : {
+                                        borderBottom: "1px solid var(--border)",
+                                        borderRight: "1px solid var(--border)"
+                                      }
+                                    },
+                                    children: /* @__PURE__ */ e(vt, { children: Q.cell(s) })
+                                  },
+                                  Q.key
+                                );
+                              })
+                            ]
+                          },
+                          C
+                        );
+                      }) })
+                    ]
+                  }
+                )
               }
             )
           }
-        ) }),
-        Ue()
+        ),
+        ot()
       ]
     }
   );
 }
-function be(t) {
+function Ae(t) {
   return t ? /* @__PURE__ */ new Date(`${t}T12:00:00`) : void 0;
 }
-function ot(t) {
+function gt(t) {
   return t.toISOString().slice(0, 10);
 }
-function vr({
+function Dr({
   calendarMonth: t,
   displayIndex: r
 }) {
-  const { previousMonth: n, nextMonth: a, goToMonth: l, months: u, labels: m, formatters: p } = er(), c = !!n && r === 0, d = !!a && r === u.length - 1;
-  return /* @__PURE__ */ s(
+  const { previousMonth: n, nextMonth: a, goToMonth: l, months: u, labels: d, formatters: p } = sr(), m = !!n && r === 0, h = !!a && r === u.length - 1;
+  return /* @__PURE__ */ i(
     "div",
     {
       style: {
@@ -1953,9 +2408,9 @@ function vr({
           "button",
           {
             type: "button",
-            "aria-label": m.labelPrevious(n),
+            "aria-label": d.labelPrevious(n),
             onClick: () => n && l(n),
-            disabled: !c,
+            disabled: !m,
             style: {
               height: 28,
               width: 28,
@@ -1966,19 +2421,19 @@ function vr({
               alignItems: "center",
               justifyContent: "center",
               color: "var(--text-main)",
-              opacity: c ? 1 : 0.45,
-              cursor: c ? "pointer" : "not-allowed"
+              opacity: m ? 1 : 0.45,
+              cursor: m ? "pointer" : "not-allowed"
             },
-            children: /* @__PURE__ */ e(Se, { size: 16 })
+            children: /* @__PURE__ */ e(_e, { size: 16 })
           }
         ),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            "aria-label": m.labelNext(a),
+            "aria-label": d.labelNext(a),
             onClick: () => a && l(a),
-            disabled: !d,
+            disabled: !h,
             style: {
               height: 28,
               width: 28,
@@ -1989,39 +2444,39 @@ function vr({
               alignItems: "center",
               justifyContent: "center",
               color: "var(--text-main)",
-              opacity: d ? 1 : 0.45,
-              cursor: d ? "pointer" : "not-allowed"
+              opacity: h ? 1 : 0.45,
+              cursor: h ? "pointer" : "not-allowed"
             },
-            children: /* @__PURE__ */ e(xe, { size: 16 })
+            children: /* @__PURE__ */ e(Te, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function yr(t) {
+function Ir(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function on({
+function kn({
   startDate: t,
   endDate: r,
   onChange: n,
   minDate: a,
   viewMonth: l,
   numberOfMonths: u = 1,
-  showSummary: m = !0,
+  showSummary: d = !0,
   startLabel: p = "Inicio",
-  endLabel: c = "Regreso"
+  endLabel: m = "Regreso"
 }) {
-  const d = {
-    from: be(t),
-    to: be(r)
-  }, y = be(a), [C, w] = E(
-    be(l || t)
+  const h = {
+    from: Ae(t),
+    to: Ae(r)
+  }, w = Ae(a), [N, g] = B(
+    Ae(l || t)
   );
-  return R(() => {
-    w(be(l || t));
-  }, [l, t]), /* @__PURE__ */ s("div", { children: [
+  return O(() => {
+    g(Ae(l || t));
+  }, [l, t]), /* @__PURE__ */ i("div", { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -2035,22 +2490,22 @@ function on({
           padding: "10px 8px"
         },
         children: /* @__PURE__ */ e(
-          Qt,
+          ir,
           {
             mode: "range",
-            selected: d,
-            month: C,
-            onMonthChange: w,
+            selected: h,
+            month: N,
+            onMonthChange: g,
             onSelect: (f) => {
-              const g = f != null && f.from ? ot(f.from) : t, b = f != null && f.to ? ot(f.to) : "";
-              n({ startDate: g, endDate: b });
+              const v = f != null && f.from ? gt(f.from) : t, c = f != null && f.to ? gt(f.to) : "";
+              n({ startDate: v, endDate: c });
             },
             numberOfMonths: u,
             hideNavigation: !0,
-            disabled: y ? { before: y } : void 0,
+            disabled: w ? { before: w } : void 0,
             showOutsideDays: !1,
             components: {
-              MonthCaption: vr
+              MonthCaption: Dr
             },
             className: "text-sm",
             classNames: {
@@ -2142,7 +2597,7 @@ function on({
               }
             },
             formatters: {
-              formatCaption: (f) => yr(
+              formatCaption: (f) => Ir(
                 new Intl.DateTimeFormat("es-MX", {
                   month: "long",
                   year: "numeric"
@@ -2160,7 +2615,7 @@ function on({
         )
       }
     ),
-    m && t && /* @__PURE__ */ s(
+    d && t && /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -2172,14 +2627,14 @@ function on({
           flexWrap: "wrap"
         },
         children: [
-          /* @__PURE__ */ s("span", { children: [
+          /* @__PURE__ */ i("span", { children: [
             p,
             ":",
             " ",
             /* @__PURE__ */ e("strong", { style: { color: "var(--text-main)" }, children: t })
           ] }),
-          r && /* @__PURE__ */ s("span", { children: [
-            c,
+          r && /* @__PURE__ */ i("span", { children: [
+            m,
             ":",
             " ",
             /* @__PURE__ */ e("strong", { style: { color: "var(--text-main)" }, children: r })
@@ -2189,34 +2644,34 @@ function on({
     )
   ] });
 }
-function sn({
+function Sn({
   open: t,
   onClose: r,
   title: n,
   subtitle: a,
   leadingIcon: l,
   confirmLabel: u = "Guardar",
-  onConfirm: m,
+  onConfirm: d,
   loading: p = !1,
-  confirmDisabled: c = !1,
-  headerActions: d,
-  bodyClassName: y = "flex-1 overflow-y-auto px-6 py-5",
-  width: C = 440,
-  children: w
+  confirmDisabled: m = !1,
+  headerActions: h,
+  bodyClassName: w = "flex-1 overflow-y-auto px-6 py-5",
+  width: N = 440,
+  children: g
 }) {
-  const [f, g] = E(!1);
-  return R(() => {
-    g(!0);
-  }, []), R(() => (document.body.style.overflow = t ? "hidden" : "", () => {
+  const [f, v] = B(!1);
+  return O(() => {
+    v(!0);
+  }, []), O(() => (document.body.style.overflow = t ? "hidden" : "", () => {
     document.body.style.overflow = "";
-  }), [t]), R(() => {
+  }), [t]), O(() => {
     if (!t) return;
-    const b = (N) => {
-      N.key === "Escape" && r();
+    const c = ($) => {
+      $.key === "Escape" && r();
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-  }, [t, r]), f ? Ee(
-    /* @__PURE__ */ s(
+    return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
+  }, [t, r]), f ? Ge(
+    /* @__PURE__ */ i(
       "div",
       {
         "aria-hidden": !t,
@@ -2229,26 +2684,26 @@ function sn({
               onClick: r
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ i(
             "div",
             {
               className: `absolute inset-y-0 right-0 flex flex-col shadow-2xl transition-transform duration-300 ${t ? "translate-x-0" : "translate-x-full"}`,
               style: {
-                width: `min(100vw, ${C}px)`,
+                width: `min(100vw, ${N}px)`,
                 background: "var(--bg-card)",
                 borderLeft: "1px solid var(--border)"
               },
               children: [
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ i(
                   "div",
                   {
                     className: "flex items-center justify-between px-6 py-4 flex-shrink-0",
                     style: { borderBottom: "1px solid var(--border)" },
                     children: [
-                      /* @__PURE__ */ s("div", { className: "flex items-center gap-3 min-w-0", children: [
-                        /* @__PURE__ */ e(ne, { variant: "icon", onClick: r, title: "Cerrar", children: /* @__PURE__ */ e(ce, { className: "w-5 h-5" }) }),
+                      /* @__PURE__ */ i("div", { className: "flex items-center gap-3 min-w-0", children: [
+                        /* @__PURE__ */ e(he, { variant: "icon", onClick: r, title: "Cerrar", children: /* @__PURE__ */ e(Se, { className: "w-5 h-5" }) }),
                         l && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: l }),
-                        /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+                        /* @__PURE__ */ i("div", { className: "min-w-0", children: [
                           /* @__PURE__ */ e(
                             "h3",
                             {
@@ -2267,11 +2722,11 @@ function sn({
                           )
                         ] })
                       ] }),
-                      (d || m) && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-                        d,
-                        m && /* @__PURE__ */ s(le, { children: [
+                      (h || d) && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+                        h,
+                        d && /* @__PURE__ */ i(we, { children: [
                           /* @__PURE__ */ e(
-                            ne,
+                            he,
                             {
                               variant: "secondary",
                               size: "sm",
@@ -2281,14 +2736,14 @@ function sn({
                             }
                           ),
                           /* @__PURE__ */ e(
-                            ne,
+                            he,
                             {
                               variant: "primary",
                               size: "sm",
-                              icon: /* @__PURE__ */ e(tr, { className: "w-4 h-4" }),
-                              onClick: m,
+                              icon: /* @__PURE__ */ e(lr, { className: "w-4 h-4" }),
+                              onClick: d,
                               loading: p,
-                              disabled: c,
+                              disabled: m,
                               title: u
                             }
                           )
@@ -2297,7 +2752,7 @@ function sn({
                     ]
                   }
                 ),
-                /* @__PURE__ */ e("div", { "data-drawer-scroll": "true", className: y, children: w })
+                /* @__PURE__ */ e("div", { "data-drawer-scroll": "true", className: w, children: g })
               ]
             }
           )
@@ -2307,7 +2762,7 @@ function sn({
     document.body
   ) : null;
 }
-function it({
+function yt({
   className: t = "",
   ...r
 }) {
@@ -2319,55 +2774,55 @@ function it({
     }
   );
 }
-function ln({
+function Cn({
   label: t,
   containerClassName: r = "",
   helperText: n,
   error: a,
   labelAction: l,
   floatingLabel: u = !1,
-  showPasswordToggle: m = !0,
+  showPasswordToggle: d = !0,
   className: p = "",
-  required: c,
-  ...d
+  required: m,
+  ...h
 }) {
-  const [y, C] = E(() => !!d.autoFocus), [w, f] = E(!1), g = d.type === "password" && m, b = g && w ? "text" : d.type, N = d.value !== void 0 ? String(d.value).length > 0 : d.defaultValue !== void 0 && String(d.defaultValue).length > 0, L = y || N, X = {
-    top: L ? 8 : 15,
-    color: y ? "var(--primary)" : "var(--text-muted)",
-    fontSize: L ? 11 : 14,
-    fontWeight: L ? 600 : 400,
-    textTransform: L ? "uppercase" : "none"
-  }, Y = (M) => {
-    var $;
-    C(!0), ($ = d.onFocus) == null || $.call(d, M);
-  }, k = (M) => {
-    var $;
-    C(!1), ($ = d.onBlur) == null || $.call(d, M);
+  const [w, N] = B(() => !!h.autoFocus), [g, f] = B(!1), v = h.type === "password" && d, c = v && g ? "text" : h.type, $ = h.value !== void 0 ? String(h.value).length > 0 : h.defaultValue !== void 0 && String(h.defaultValue).length > 0, D = w || $, K = {
+    top: D ? 8 : 15,
+    color: w ? "var(--primary)" : "var(--text-muted)",
+    fontSize: D ? 11 : 14,
+    fontWeight: D ? 600 : 400,
+    textTransform: D ? "uppercase" : "none"
+  }, W = (T) => {
+    var I;
+    N(!0), (I = h.onFocus) == null || I.call(h, T);
+  }, E = (T) => {
+    var I;
+    N(!1), (I = h.onBlur) == null || I.call(h, T);
   };
-  return u ? /* @__PURE__ */ s("label", { className: `flex flex-col gap-2 ${r}`, children: [
-    /* @__PURE__ */ s("span", { className: "relative block", children: [
+  return u ? /* @__PURE__ */ i("label", { className: `flex flex-col gap-2 ${r}`, children: [
+    /* @__PURE__ */ i("span", { className: "relative block", children: [
       /* @__PURE__ */ e(
-        it,
+        yt,
         {
-          ...d,
-          type: b,
-          required: c,
+          ...h,
+          type: c,
+          required: m,
           placeholder: " ",
-          "aria-invalid": !!a || d["aria-invalid"],
-          "data-has-value": N ? "true" : void 0,
-          className: `h-12 w-full pt-5 ${g ? "pr-10" : ""} ${p}`,
-          onFocus: Y,
-          onBlur: k
+          "aria-invalid": !!a || h["aria-invalid"],
+          "data-has-value": $ ? "true" : void 0,
+          className: `h-12 w-full pt-5 ${v ? "pr-10" : ""} ${p}`,
+          onFocus: W,
+          onBlur: E
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ i(
         "span",
         {
           className: "pointer-events-none absolute left-3 transition-all duration-150",
-          style: X,
+          style: K,
           children: [
             t,
-            c && /* @__PURE__ */ e("span", { className: "ml-1 text-[var(--danger)]", children: "*" })
+            m && /* @__PURE__ */ e("span", { className: "ml-1 text-[var(--danger)]", children: "*" })
           ]
         }
       ),
@@ -2375,135 +2830,284 @@ function ln({
         "span",
         {
           className: "absolute right-2 transition-all duration-150",
-          style: { top: L ? 8 : 15 },
+          style: { top: D ? 8 : 15 },
           children: l
         }
       ),
-      g && /* @__PURE__ */ e(
+      v && /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          "aria-label": w ? "Ocultar contraseña" : "Mostrar contraseña",
+          "aria-label": g ? "Ocultar contraseña" : "Mostrar contraseña",
           className: "absolute right-3 top-1/2 -translate-y-1/2 transition-colors",
           style: { color: "var(--text-muted)" },
           tabIndex: -1,
-          onClick: () => f((M) => !M),
-          children: w ? /* @__PURE__ */ e(Ht, { className: "h-[18px] w-[18px]" }) : /* @__PURE__ */ e(Wt, { className: "h-[18px] w-[18px]" })
+          onClick: () => f((T) => !T),
+          children: g ? /* @__PURE__ */ e(Ft, { className: "h-[18px] w-[18px]" }) : /* @__PURE__ */ e(Ut, { className: "h-[18px] w-[18px]" })
         }
       )
     ] }),
     a ? /* @__PURE__ */ e("span", { className: "text-xs font-medium normal-case text-[var(--danger)]", children: a }) : n ? /* @__PURE__ */ e("span", { className: "text-xs font-medium normal-case text-[var(--text-muted)]", children: n }) : null
-  ] }) : /* @__PURE__ */ s("label", { className: `flex flex-col gap-2 ${r}`, children: [
-    /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1 text-xs font-semibold uppercase text-[var(--text-muted)]", children: [
+  ] }) : /* @__PURE__ */ i("label", { className: `flex flex-col gap-2 ${r}`, children: [
+    /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-1 text-xs font-semibold uppercase text-[var(--text-muted)]", children: [
       /* @__PURE__ */ e("span", { children: t }),
-      c && /* @__PURE__ */ e("span", { className: "text-[var(--danger)]", children: "*" }),
+      m && /* @__PURE__ */ e("span", { className: "text-[var(--danger)]", children: "*" }),
       l && /* @__PURE__ */ e("span", { className: "ml-auto normal-case", children: l })
     ] }),
     /* @__PURE__ */ e(
-      it,
+      yt,
       {
-        ...d,
-        required: c,
-        "aria-invalid": !!a || d["aria-invalid"],
+        ...h,
+        required: m,
+        "aria-invalid": !!a || h["aria-invalid"],
         className: p
       }
     ),
     a ? /* @__PURE__ */ e("span", { className: "text-xs font-medium normal-case text-[var(--danger)]", children: a }) : n ? /* @__PURE__ */ e("span", { className: "text-xs font-medium normal-case text-[var(--text-muted)]", children: n }) : null
   ] });
 }
-function cn({
-  variant: t = "page",
-  title: r = "Cargando...",
-  rows: n = 6,
-  children: a
-}) {
-  return t === "table" ? /* @__PURE__ */ e(bt, { rows: n }) : t === "sections" ? /* @__PURE__ */ e(wr, { rows: n }) : t === "cards" ? /* @__PURE__ */ e(Nr, { rows: n }) : /* @__PURE__ */ e("div", { className: "flex min-h-[240px] items-center justify-center rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-6", children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-    /* @__PURE__ */ e("div", { className: "h-9 w-9 animate-spin rounded-full border-2 border-[var(--border)] border-t-[var(--primary)]" }),
-    /* @__PURE__ */ s("div", { children: [
-      /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-[var(--text-main)]", children: r }),
-      a && /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-[var(--text-muted)]", children: a })
-    ] })
-  ] }) });
-}
-function wr({ rows: t }) {
-  return /* @__PURE__ */ e("div", { className: "space-y-4", children: Array.from({ length: Math.max(2, Math.min(t, 4)) }).map(
-    (r, n) => /* @__PURE__ */ s(
-      "section",
-      {
-        className: "overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)]",
-        children: [
-          /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-3 border-b border-[var(--border)] px-3 py-3", children: [
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "h-4 w-4 animate-pulse rounded bg-[var(--bg-input)]" }),
-              /* @__PURE__ */ e("div", { className: "h-4 w-32 animate-pulse rounded bg-[var(--bg-input)]" }),
-              /* @__PURE__ */ e("div", { className: "h-5 w-20 animate-pulse rounded-full bg-[var(--bg-input)]" })
-            ] }),
-            /* @__PURE__ */ s("div", { className: "flex gap-1", children: [
-              /* @__PURE__ */ e("div", { className: "h-8 w-8 animate-pulse rounded-md bg-[var(--bg-input)]" }),
-              /* @__PURE__ */ e("div", { className: "h-8 w-8 animate-pulse rounded-md bg-[var(--bg-input)]" })
-            ] })
-          ] }),
-          /* @__PURE__ */ e(
-            bt,
-            {
-              rows: n === 0 ? t : Math.max(3, t - 2),
-              compact: !0
-            }
-          )
-        ]
-      },
-      n
-    )
-  ) });
+function ke(...t) {
+  return t.filter(Boolean).join(" ");
 }
-function Nr({ rows: t }) {
-  return /* @__PURE__ */ e("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: t }).map((r, n) => /* @__PURE__ */ s(
-    "div",
+function $n({
+  steps: t,
+  activeStepId: r,
+  initialStepId: n,
+  completedStepIds: a,
+  defaultCompletedStepIds: l = [],
+  onActiveStepChange: u,
+  onCompletedStepIdsChange: d,
+  onBlockedStep: p,
+  allowBackNavigation: m = !0,
+  showFooter: h = !0,
+  previousLabel: w = "Anterior",
+  nextLabel: N = "Siguiente",
+  blockedNextLabel: g = "Completa este paso",
+  className: f = "",
+  headerClassName: v = "",
+  contentClassName: c = "",
+  footerClassName: $ = ""
+}) {
+  var de;
+  const D = ((de = t[0]) == null ? void 0 : de.id) ?? "", [K, W] = B(
+    n ?? D
+  ), [E, T] = B(
+    l
+  ), I = r ?? K, L = a ?? E, F = Oe(
+    () => new Set(L),
+    [L]
+  ), M = Math.max(
+    0,
+    t.findIndex((k) => k.id === I)
+  ), S = t[M] ?? t[0], P = t.length <= 1 ? 100 : M / (t.length - 1) * 100, J = (k) => {
+    a || T(k), d == null || d(k);
+  }, _ = (k) => {
+    const A = t.find((X) => X.id === k);
+    A && (r || W(k), u == null || u(k, A));
+  }, j = (k) => F.has(k), U = (k) => t.slice(0, k).find((A) => !A.optional && !F.has(A.id)), Z = (k) => {
+    const A = t[k];
+    return !A || A.disabled ? !1 : k === M || m && k < M ? !0 : !U(k);
+  }, o = (k) => {
+    const A = t.findIndex((X) => X.id === k);
+    return A >= 0 && Z(A);
+  }, y = (k) => {
+    const A = t.findIndex((X) => X.id === k);
+    if (A < 0) return !1;
+    if (!Z(A)) {
+      const X = U(A);
+      return X && (p == null || p(t[A], X)), !1;
+    }
+    return _(k), !0;
+  }, H = (k = S == null ? void 0 : S.id) => {
+    !k || F.has(k) || J([...L, k]);
+  }, q = (k = S == null ? void 0 : S.id) => {
+    if (!k) return;
+    const A = t.findIndex((ne) => ne.id === k), X = L.filter((ne) => {
+      const ce = t.findIndex((R) => R.id === ne);
+      return ce >= 0 && ce < A;
+    });
+    J(X), A >= 0 && M > A && _(k);
+  }, G = () => M <= 0 ? !1 : y(t[M - 1].id), ee = () => {
+    const k = t[M + 1];
+    return k ? y(k.id) : !1;
+  }, me = {
+    activeStep: S,
+    activeIndex: M,
+    completedStepIds: L,
+    isCompleted: j,
+    isUnlocked: o,
+    completeStep: H,
+    uncompleteStep: q,
+    goToStep: y,
+    goNext: ee,
+    goPrevious: G
+  };
+  if (!S) return null;
+  const te = t[M + 1], be = M > 0, fe = te ? o(te.id) : !1, ve = typeof S.content == "function" ? S.content(me) : S.content;
+  return /* @__PURE__ */ i(
+    "section",
     {
-      className: "rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-4",
+      className: ke(
+        "overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)]",
+        f
+      ),
       children: [
-        /* @__PURE__ */ e("div", { className: "h-4 w-2/3 animate-pulse rounded bg-[var(--bg-input)]" }),
-        /* @__PURE__ */ e("div", { className: "mt-3 h-3 w-full animate-pulse rounded bg-[var(--bg-input)]" }),
-        /* @__PURE__ */ e("div", { className: "mt-2 h-3 w-4/5 animate-pulse rounded bg-[var(--bg-input)]" })
-      ]
-    },
-    n
-  )) });
-}
-function bt({
-  rows: t,
-  compact: r = !1
-}) {
-  const n = r ? 5 : 6;
-  return /* @__PURE__ */ s("div", { className: "overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)]", children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "grid border-b border-[var(--border)]",
-        style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
-        children: Array.from({ length: n }).map((a, l) => /* @__PURE__ */ e("div", { className: "px-3 py-3", children: /* @__PURE__ */ e("div", { className: "h-3 w-2/3 animate-pulse rounded bg-[var(--bg-input)]" }) }, l))
-      }
-    ),
-    Array.from({ length: t }).map((a, l) => /* @__PURE__ */ e(
-      "div",
-      {
-        className: "grid border-b border-[var(--border)] last:border-b-0",
-        style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
-        children: Array.from({ length: n }).map((u, m) => /* @__PURE__ */ e("div", { className: "px-3 py-3", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ i(
           "div",
           {
-            className: "h-3.5 animate-pulse rounded-full bg-[var(--bg-input)]",
-            style: {
-              width: `${52 + (l * 13 + m * 11) % 36}%`
-            }
+            className: ke(
+              "border-b border-[var(--border)] bg-[var(--bg-input)]",
+              v
+            ),
+            children: [
+              /* @__PURE__ */ e("div", { className: "relative h-1 overflow-hidden bg-[var(--border)]/55", children: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "h-full rounded-r-full bg-[var(--primary)] transition-[width] duration-500 ease-out",
+                  style: { width: `${P}%` }
+                }
+              ) }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "grid gap-2 p-2",
+                  style: {
+                    gridTemplateColumns: `repeat(${t.length}, minmax(0, 1fr))`
+                  },
+                  children: t.map((k, A) => {
+                    const X = k.id === S.id, ne = j(k.id), ce = Z(A), R = U(A);
+                    return /* @__PURE__ */ i(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: !ce,
+                        "aria-current": X ? "step" : void 0,
+                        "aria-disabled": !ce,
+                        title: !ce && R ? `Completa ${R.title}` : k.title,
+                        onClick: () => y(k.id),
+                        className: ke(
+                          "group relative min-h-16 min-w-0 overflow-hidden rounded-md border p-3 text-left transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)]/35 disabled:cursor-not-allowed",
+                          X && "border-[var(--primary)] bg-[var(--bg-card)] shadow-sm",
+                          ne && !X && "border-[var(--primary)]/35 bg-[var(--bg-card)]",
+                          !X && !ne && ce && "border-transparent bg-[var(--bg-card)]/45 hover:border-[var(--border)] hover:bg-[var(--bg-card)]",
+                          !ce && "border-transparent bg-[var(--bg-card)]/35 opacity-60"
+                        ),
+                        children: [
+                          /* @__PURE__ */ e(
+                            "span",
+                            {
+                              className: ke(
+                                "absolute inset-x-0 top-0 h-0.5 origin-left scale-x-0 bg-[var(--primary)] transition-transform duration-300",
+                                X && "scale-x-100"
+                              )
+                            }
+                          ),
+                          /* @__PURE__ */ i("span", { className: "flex min-w-0 items-center gap-2", children: [
+                            /* @__PURE__ */ e(
+                              "span",
+                              {
+                                className: ke(
+                                  "grid h-7 w-7 shrink-0 place-items-center rounded-full border text-xs font-bold transition-all duration-200",
+                                  X && "border-[var(--primary)] bg-[var(--primary)] text-[var(--primary-fg)]",
+                                  ne && !X && "border-[var(--primary)] bg-[var(--primary)]/12 text-[var(--primary)]",
+                                  !ne && !X && ce && "border-[var(--border)] text-[var(--text-muted)]",
+                                  !ce && "border-[var(--border)] text-[var(--text-muted)]"
+                                ),
+                                children: ne ? /* @__PURE__ */ e(qt, { className: "h-4 w-4" }) : ce ? A + 1 : /* @__PURE__ */ e(Yt, { className: "h-3.5 w-3.5" })
+                              }
+                            ),
+                            /* @__PURE__ */ i("span", { className: "min-w-0 flex-1", children: [
+                              /* @__PURE__ */ i(
+                                "span",
+                                {
+                                  className: ke(
+                                    "block truncate text-xs font-semibold transition-colors duration-200",
+                                    X ? "text-[var(--text-main)]" : "text-[var(--text-secondary)]"
+                                  ),
+                                  children: [
+                                    A + 1,
+                                    ". ",
+                                    k.title
+                                  ]
+                                }
+                              ),
+                              k.description && /* @__PURE__ */ e("span", { className: "mt-1 block truncate text-[11px] text-[var(--text-muted)]", children: k.description })
+                            ] }),
+                            k.badge && /* @__PURE__ */ e("span", { className: "shrink-0", children: k.badge })
+                          ] })
+                        ]
+                      },
+                      k.id
+                    );
+                  })
+                }
+              )
+            ]
           }
-        ) }, m))
-      },
-      l
-    ))
-  ] });
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: ke(
+              "min-h-72 animate-[stepWizardIn_220ms_ease-out] p-5",
+              c
+            ),
+            children: ve
+          },
+          S.id
+        ),
+        h && /* @__PURE__ */ i(
+          "div",
+          {
+            className: ke(
+              "flex flex-wrap items-center justify-between gap-3 border-t border-[var(--border)] bg-[var(--bg-input)] px-4 py-3",
+              $
+            ),
+            children: [
+              /* @__PURE__ */ e(
+                he,
+                {
+                  variant: "secondary",
+                  height: 38,
+                  padding: "0 14px",
+                  icon: /* @__PURE__ */ e(_e, {}),
+                  disabled: !be,
+                  onClick: G,
+                  children: w
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "flex items-center gap-3 text-xs text-[var(--text-muted)]", children: [
+                /* @__PURE__ */ i("span", { children: [
+                  "Paso ",
+                  M + 1,
+                  " de ",
+                  t.length
+                ] }),
+                /* @__PURE__ */ e("span", { className: "h-1 w-1 rounded-full bg-[var(--border)]" }),
+                /* @__PURE__ */ i("span", { children: [
+                  L.length,
+                  " completados"
+                ] })
+              ] }),
+              /* @__PURE__ */ e(
+                he,
+                {
+                  height: 38,
+                  padding: "0 14px",
+                  icon: /* @__PURE__ */ e(Te, {}),
+                  disabled: !te || !fe,
+                  onClick: ee,
+                  children: te && !fe ? g : N
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
-const kr = {
+const Rr = {
   xs: {
     width: 28,
     height: 16,
@@ -2517,7 +3121,7 @@ const kr = {
     padding: 2
   }
 };
-function dn({
+function En({
   checked: t,
   disabled: r,
   onCheckedChange: n,
@@ -2525,7 +3129,7 @@ function dn({
   className: l = "",
   ...u
 }) {
-  const m = kr[a], p = t ? m.width - m.thumb - m.padding * 2 : 0;
+  const d = Rr[a], p = t ? d.width - d.thumb - d.padding * 2 : 0;
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2537,8 +3141,8 @@ function dn({
       onClick: () => !r && n(!t),
       className: `relative inline-flex shrink-0 items-center rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)]/50 disabled:cursor-not-allowed disabled:opacity-50 ${l}`,
       style: {
-        width: m.width,
-        height: m.height,
+        width: d.width,
+        height: d.height,
         background: t ? "color-mix(in srgb, var(--primary) 85%, transparent)" : "var(--bg-input)",
         border: t ? "1px solid color-mix(in srgb, var(--primary) 55%, transparent)" : "1px solid var(--border)"
       },
@@ -2547,9 +3151,9 @@ function dn({
         {
           className: "absolute inline-block rounded-full transition-transform",
           style: {
-            width: m.thumb,
-            height: m.thumb,
-            left: m.padding,
+            width: d.thumb,
+            height: d.thumb,
+            left: d.padding,
             top: "50%",
             transform: `translate(${p}px, -50%)`,
             background: t ? "var(--primary-fg)" : "var(--text-muted)"
@@ -2559,11 +3163,11 @@ function dn({
     }
   );
 }
-const st = [
+const wt = [
   ".sidebar-scroll",
   "[data-overlay-scroll='true']"
 ].join(",");
-function Sr(t) {
+function zr(t) {
   if (!(t instanceof HTMLElement) || t.dataset.overlayScroll === "false" || t.closest("[data-overlayscrollbars]") || t.matches("textarea,input,select,[contenteditable='true']"))
     return !1;
   const r = window.getComputedStyle(t);
@@ -2573,33 +3177,33 @@ function Sr(t) {
     r.overflowY
   ].join(" ").match(/auto|scroll/) || t.clientWidth === 0 && t.clientHeight === 0);
 }
-function gt(t) {
+function It(t) {
   return t.classList.contains("sidebar-scroll");
 }
-function lt(t) {
-  gt(t) && t.querySelectorAll(".os-scrollbar-horizontal").forEach((r) => {
+function Nt(t) {
+  It(t) && t.querySelectorAll(".os-scrollbar-horizontal").forEach((r) => {
     r.style.display = "none", r.style.height = "0", r.style.pointerEvents = "none";
   });
 }
-function Cr() {
-  return R(() => {
+function Ar() {
+  return O(() => {
     const t = /* @__PURE__ */ new WeakMap();
     let r = 0;
     const n = () => {
-      r = 0, document.querySelectorAll(st).forEach((u) => {
-        if (!Sr(u)) return;
-        if (et(u)) {
-          lt(u);
+      r = 0, document.querySelectorAll(wt).forEach((u) => {
+        if (!zr(u)) return;
+        if (ft(u)) {
+          Nt(u);
           return;
         }
-        const p = et(u, {
-          overflow: gt(u) ? { x: "hidden", y: "scroll" } : void 0,
+        const p = ft(u, {
+          overflow: It(u) ? { x: "hidden", y: "scroll" } : void 0,
           scrollbars: {
             autoHide: "leave",
             autoHideDelay: 180
           }
         });
-        lt(u), t.set(u, p);
+        Nt(u), t.set(u, p);
       });
     }, a = () => {
       r || (r = window.requestAnimationFrame(n));
@@ -2612,100 +3216,194 @@ function Cr() {
       attributes: !0,
       attributeFilter: ["class", "data-overlay-scroll"]
     }), window.addEventListener("resize", a), () => {
-      r && window.cancelAnimationFrame(r), l.disconnect(), window.removeEventListener("resize", a), document.querySelectorAll(st).forEach((u) => {
-        var m;
-        u instanceof HTMLElement && ((m = t.get(u)) == null || m.destroy());
+      r && window.cancelAnimationFrame(r), l.disconnect(), window.removeEventListener("resize", a), document.querySelectorAll(wt).forEach((u) => {
+        var d;
+        u instanceof HTMLElement && ((d = t.get(u)) == null || d.destroy());
       });
     };
   }, []), null;
 }
-const Er = {
+const Or = {
   xs: { wh: "w-5 h-5", text: "text-[8px]" },
   sm: { wh: "w-7 h-7", text: "text-[11px]" },
   md: { wh: "w-9 h-9", text: "text-sm" },
   lg: { wh: "w-12 h-12", text: "text-base" },
   xl: { wh: "w-16 h-16", text: "text-xl" }
-}, ct = [
-  "bg-emerald-600",
-  "bg-teal-600",
-  "bg-lime-600",
-  "bg-cyan-700",
-  "bg-slate-600"
-];
-function dt(t) {
+}, kt = [
+  "bg-indigo-500",
+  "bg-blue-500",
+  "bg-emerald-500",
+  "bg-violet-500",
+  "bg-amber-500",
+  "bg-teal-500",
+  "bg-rose-500",
+  "bg-cyan-500"
+], _r = {
+  xs: "text-xs",
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg"
+}, Hr = "bonsaif.bot", Pr = "Bonsaif Bot", Wr = {
+  xs: "p-0.5",
+  sm: "p-1",
+  md: "p-1.5",
+  lg: "p-2",
+  xl: "p-2.5"
+};
+function St(t) {
   return typeof t == "string" ? t.trim() : "";
 }
-function Mr(t) {
-  return ct[[...t].reduce((r, n) => r + n.charCodeAt(0), 0) % ct.length];
+function jr(t) {
+  let r = 0;
+  for (const n of t) r = r * 31 + n.charCodeAt(0) & 65535;
+  return kt[r % kt.length];
 }
-function $r({
+function Fr(t, r) {
+  return t === Hr || r === Pr;
+}
+function Ur({
   userId: t,
   username: r,
   name: n,
   size: a = "md",
-  className: l = "",
-  style: u
+  showName: l = !1,
+  showTooltip: u,
+  tooltipContent: d,
+  fallbackLabel: p = "Usuario",
+  wrapperClassName: m = "",
+  labelClassName: h = "",
+  labelSize: w = "xs",
+  avatarVersion: N = 0,
+  className: g = "",
+  style: f
 }) {
-  const { wh: m, text: p } = Er[a], c = dt(n) || dt(r) || "Usuario";
-  return /* @__PURE__ */ e(
+  var _;
+  const [v, c] = B(!1), $ = typeof t == "string" && t.trim() && t !== "undefined" && t !== "null" ? t.trim() : "";
+  O(() => {
+    c(!1);
+  }, [$, N]);
+  const { wh: D, text: K } = Or[a], W = St(n) || St(r) || p, E = W.trim()[0] || "?", T = typeof process < "u" && ((_ = process.env) == null ? void 0 : _.NEXT_PUBLIC_BASE_PATH) || "", I = Fr(r, n), L = $ ? `${T}/api/user/avatar/${$}${N ? `?v=${N}` : ""}` : "", M = {
+    xs: 20,
+    sm: 28,
+    md: 36,
+    lg: 48,
+    xl: 64
+  }[a], S = I ? /* @__PURE__ */ e(
     "span",
     {
-      className: `${m} ${Mr(c)} ${p} rounded-full flex items-center justify-center font-black text-white uppercase flex-shrink-0 ${l}`,
-      style: u,
-      children: c[0]
+      className: `${D} ${Wr[a]} rounded-full flex items-center justify-center bg-[#071f1a] ring-1 ring-emerald-400/35 shadow-[0_0_0_1px_rgba(255,255,255,0.06)] flex-shrink-0 ${g}`,
+      style: f,
+      children: /* @__PURE__ */ e(
+        "img",
+        {
+          src: `${T}/favicon.svg`,
+          alt: W,
+          width: M,
+          height: M,
+          className: "h-full w-full object-contain"
+        }
+      )
+    }
+  ) : L && !v ? /* @__PURE__ */ e(
+    "img",
+    {
+      src: L,
+      alt: W,
+      width: M,
+      height: M,
+      className: `${D} rounded-full object-cover flex-shrink-0 ${g}`,
+      style: f,
+      onError: () => c(!0)
+    },
+    `${$}-${N}`
+  ) : /* @__PURE__ */ e(
+    "span",
+    {
+      className: `${D} ${jr(W)} ${K} rounded-full flex items-center justify-center font-black text-white uppercase flex-shrink-0 ${g}`,
+      style: f,
+      title: W,
+      children: E
     }
   );
+  if (l)
+    return /* @__PURE__ */ i(
+      "span",
+      {
+        className: `inline-flex min-w-0 items-center gap-2 ${m}`,
+        children: [
+          S,
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: `min-w-0 truncate ${_r[w]} font-medium text-[var(--text-main)] ${h}`,
+              title: W,
+              children: W
+            }
+          )
+        ]
+      }
+    );
+  const P = u ?? !0, J = d ?? W;
+  return P && J ? /* @__PURE__ */ e(
+    Dt,
+    {
+      as: "span",
+      content: J,
+      className: `inline-flex flex-shrink-0 ${m}`,
+      children: S
+    }
+  ) : S;
 }
-function Lr({ href: t, className: r, children: n }) {
+function qr({ href: t, className: r, children: n }) {
   return /* @__PURE__ */ e("a", { href: t, className: r, children: n });
 }
-function Tr(t) {
+function Yr(t) {
   return t.reduce((r, n) => {
     const a = n.section ?? "Principal";
     return r[a] = [...r[a] ?? [], n], r;
   }, {});
 }
-function Br({
+function Gr({
   children: t,
   navItems: r = [],
   currentPath: n = typeof window > "u" ? "/" : window.location.pathname,
   user: a,
   appName: l = "Bonsaif",
   appLogo: u,
-  header: m,
+  header: d,
   footer: p,
-  onLogout: c,
-  LinkComponent: d = Lr
+  onLogout: m,
+  LinkComponent: h = qr
 }) {
-  const [y, C] = E(!1), w = Tr(r);
-  return /* @__PURE__ */ s("div", { className: "min-h-screen bg-[var(--bg-main)] text-[var(--text-main)]", children: [
-    /* @__PURE__ */ e(Cr, {}),
+  const [w, N] = B(!1), g = Yr(r);
+  return /* @__PURE__ */ i("div", { className: "min-h-screen bg-[var(--bg-main)] text-[var(--text-main)]", children: [
+    /* @__PURE__ */ e(Ar, {}),
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         "aria-label": "Abrir navegación",
         className: "fixed left-3 top-3 z-50 inline-flex h-9 w-9 items-center justify-center rounded-md border border-white/10 bg-black/70 text-white lg:hidden",
-        onClick: () => C(!0),
-        children: /* @__PURE__ */ e(Pt, { className: "h-5 w-5" })
+        onClick: () => N(!0),
+        children: /* @__PURE__ */ e(Gt, { className: "h-5 w-5" })
       }
     ),
-    y && /* @__PURE__ */ e(
+    w && /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         "aria-label": "Cerrar navegación",
         className: "fixed inset-0 z-40 bg-black/45 lg:hidden",
-        onClick: () => C(!1)
+        onClick: () => N(!1)
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ i(
       "aside",
       {
-        className: `fixed inset-y-0 left-0 z-50 flex w-72 flex-col bg-[#071716] text-white shadow-2xl transition-transform duration-200 lg:translate-x-0 ${y ? "translate-x-0" : "-translate-x-full"}`,
+        className: `fixed inset-y-0 left-0 z-50 flex w-72 flex-col bg-[#071716] text-white shadow-2xl transition-transform duration-200 lg:translate-x-0 ${w ? "translate-x-0" : "-translate-x-full"}`,
         children: [
-          /* @__PURE__ */ s("div", { className: "flex h-16 items-center gap-3 border-b border-white/10 px-4", children: [
-            /* @__PURE__ */ e("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-white/10 text-white", children: u ?? /* @__PURE__ */ e(Ce, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ i("div", { className: "flex h-16 items-center gap-3 border-b border-white/10 px-4", children: [
+            /* @__PURE__ */ e("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-white/10 text-white", children: u ?? /* @__PURE__ */ e(qe, { className: "h-5 w-5" }) }),
             /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 truncate text-sm font-semibold", children: l }),
             /* @__PURE__ */ e(
               "button",
@@ -2713,8 +3411,8 @@ function Br({
                 type: "button",
                 "aria-label": "Cerrar navegación",
                 className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-white/70 hover:bg-white/10 lg:hidden",
-                onClick: () => C(!1),
-                children: /* @__PURE__ */ e(ce, { className: "h-5 w-5" })
+                onClick: () => N(!1),
+                children: /* @__PURE__ */ e(Se, { className: "h-5 w-5" })
               }
             )
           ] }),
@@ -2723,51 +3421,51 @@ function Br({
             {
               className: "sidebar-scroll min-h-0 flex-1 overflow-y-auto px-3 py-4",
               "data-overlay-scroll": "true",
-              children: Object.entries(w).map(([f, g]) => /* @__PURE__ */ s("div", { className: "mb-5", children: [
-                /* @__PURE__ */ s("div", { className: "mb-2 flex items-center gap-2 px-2 text-[11px] font-semibold uppercase tracking-wide text-white/35", children: [
-                  /* @__PURE__ */ e(ge, { className: "h-3.5 w-3.5" }),
+              children: Object.entries(g).map(([f, v]) => /* @__PURE__ */ i("div", { className: "mb-5", children: [
+                /* @__PURE__ */ i("div", { className: "mb-2 flex items-center gap-2 px-2 text-[11px] font-semibold uppercase tracking-wide text-white/35", children: [
+                  /* @__PURE__ */ e(He, { className: "h-3.5 w-3.5" }),
                   f
                 ] }),
-                /* @__PURE__ */ e("div", { className: "space-y-1", children: g.map((b) => {
-                  const N = n === b.href || n.startsWith(`${b.href}/`);
-                  return /* @__PURE__ */ s(
-                    d,
+                /* @__PURE__ */ e("div", { className: "space-y-1", children: v.map((c) => {
+                  const $ = n === c.href || n.startsWith(`${c.href}/`);
+                  return /* @__PURE__ */ i(
+                    h,
                     {
-                      href: b.href,
-                      className: `flex min-w-0 items-center gap-2 rounded-md px-2 py-2 text-sm transition-colors ${N ? "bg-white/10 text-white" : "text-white/55 hover:bg-white/[0.06] hover:text-white/85"}`,
+                      href: c.href,
+                      className: `flex min-w-0 items-center gap-2 rounded-md px-2 py-2 text-sm transition-colors ${$ ? "bg-white/10 text-white" : "text-white/55 hover:bg-white/[0.06] hover:text-white/85"}`,
                       children: [
-                        /* @__PURE__ */ e("span", { className: "flex h-5 w-5 flex-shrink-0 items-center justify-center", children: b.icon ?? /* @__PURE__ */ e(Ce, { className: "h-4 w-4" }) }),
-                        /* @__PURE__ */ e("span", { className: "truncate", children: b.label })
+                        /* @__PURE__ */ e("span", { className: "flex h-5 w-5 flex-shrink-0 items-center justify-center", children: c.icon ?? /* @__PURE__ */ e(qe, { className: "h-4 w-4" }) }),
+                        /* @__PURE__ */ e("span", { className: "truncate", children: c.label })
                       ]
                     },
-                    b.href
+                    c.href
                   );
                 }) })
               ] }, f))
             }
           ),
-          /* @__PURE__ */ s("div", { className: "border-t border-white/10 p-3", children: [
-            a && /* @__PURE__ */ s("div", { className: "mb-3 flex min-w-0 items-center gap-3 rounded-lg bg-white/[0.04] p-2", children: [
+          /* @__PURE__ */ i("div", { className: "border-t border-white/10 p-3", children: [
+            a && /* @__PURE__ */ i("div", { className: "mb-3 flex min-w-0 items-center gap-3 rounded-lg bg-white/[0.04] p-2", children: [
               /* @__PURE__ */ e(
-                $r,
+                Ur,
                 {
                   name: a.initials ?? a.name ?? a.email ?? "Usuario",
                   size: "md"
                 }
               ),
-              /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ e("div", { className: "truncate text-sm font-medium text-white", children: a.name ?? "Usuario" }),
                 a.email && /* @__PURE__ */ e("div", { className: "truncate text-xs text-white/45", children: a.email })
               ] })
             ] }),
-            c && /* @__PURE__ */ s(
-              ne,
+            m && /* @__PURE__ */ i(
+              he,
               {
                 variant: "ghost",
                 className: "w-full justify-start text-white hover:bg-white/10",
-                onClick: c,
+                onClick: m,
                 children: [
-                  /* @__PURE__ */ e(_t, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ e(Xt, { className: "h-4 w-4" }),
                   " Salir"
                 ]
               }
@@ -2777,13 +3475,13 @@ function Br({
         ]
       }
     ),
-    /* @__PURE__ */ s("div", { className: "min-h-screen lg:pl-72", children: [
-      m,
+    /* @__PURE__ */ i("div", { className: "min-h-screen lg:pl-72", children: [
+      d,
       /* @__PURE__ */ e("main", { className: "min-h-screen", children: t })
     ] })
   ] });
 }
-const Rr = {
+const Xr = {
   dashboard: "Dashboard",
   tickets: "Tickets",
   teams: "Equipos",
@@ -2806,30 +3504,30 @@ const Rr = {
   "email-inbox": "Buzones",
   "security-incidents": "Incidentes",
   "guard-schedule": "Guardias"
-}, ze = {
-  dashboard: /* @__PURE__ */ e(Zt, { className: "h-5 w-5" }),
-  tickets: /* @__PURE__ */ e(Jt, { className: "h-5 w-5" }),
-  teams: /* @__PURE__ */ e(Qe, { className: "h-5 w-5" }),
-  projects: /* @__PURE__ */ e(Vt, { className: "h-5 w-5" }),
-  clients: /* @__PURE__ */ e(Xt, { className: "h-5 w-5" }),
-  surveys: /* @__PURE__ */ e(Gt, { className: "h-5 w-5" }),
-  profile: /* @__PURE__ */ e(qt, { className: "h-5 w-5" }),
-  settings: /* @__PURE__ */ e(Ke, { className: "h-5 w-5" }),
-  notifications: /* @__PURE__ */ e(Yt, { className: "h-5 w-5" }),
-  changelog: /* @__PURE__ */ e(Ut, { className: "h-5 w-5" }),
-  admin: /* @__PURE__ */ e(De, { className: "h-5 w-5" }),
-  users: /* @__PURE__ */ e(Qe, { className: "h-5 w-5" }),
-  roles: /* @__PURE__ */ e(De, { className: "h-5 w-5" }),
-  menus: /* @__PURE__ */ e(Ke, { className: "h-5 w-5" }),
-  guards: /* @__PURE__ */ e(Ie, { className: "h-5 w-5" }),
-  vacations: /* @__PURE__ */ e(Ie, { className: "h-5 w-5" }),
-  audit: /* @__PURE__ */ e(Ze, { className: "h-5 w-5" }),
-  positions: /* @__PURE__ */ e(jt, { className: "h-5 w-5" }),
-  ranks: /* @__PURE__ */ e(Ze, { className: "h-5 w-5" }),
-  "email-inbox": /* @__PURE__ */ e(Ft, { className: "h-5 w-5" }),
-  "security-incidents": /* @__PURE__ */ e(De, { className: "h-5 w-5" })
+}, Ze = {
+  dashboard: /* @__PURE__ */ e(ar, { className: "h-5 w-5" }),
+  tickets: /* @__PURE__ */ e(nr, { className: "h-5 w-5" }),
+  teams: /* @__PURE__ */ e(mt, { className: "h-5 w-5" }),
+  projects: /* @__PURE__ */ e(rr, { className: "h-5 w-5" }),
+  clients: /* @__PURE__ */ e(tr, { className: "h-5 w-5" }),
+  surveys: /* @__PURE__ */ e(er, { className: "h-5 w-5" }),
+  profile: /* @__PURE__ */ e(Qt, { className: "h-5 w-5" }),
+  settings: /* @__PURE__ */ e(ut, { className: "h-5 w-5" }),
+  notifications: /* @__PURE__ */ e(Zt, { className: "h-5 w-5" }),
+  changelog: /* @__PURE__ */ e(Kt, { className: "h-5 w-5" }),
+  admin: /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
+  users: /* @__PURE__ */ e(mt, { className: "h-5 w-5" }),
+  roles: /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
+  menus: /* @__PURE__ */ e(ut, { className: "h-5 w-5" }),
+  guards: /* @__PURE__ */ e(tt, { className: "h-5 w-5" }),
+  vacations: /* @__PURE__ */ e(tt, { className: "h-5 w-5" }),
+  audit: /* @__PURE__ */ e(dt, { className: "h-5 w-5" }),
+  positions: /* @__PURE__ */ e(Vt, { className: "h-5 w-5" }),
+  ranks: /* @__PURE__ */ e(dt, { className: "h-5 w-5" }),
+  "email-inbox": /* @__PURE__ */ e(Jt, { className: "h-5 w-5" }),
+  "security-incidents": /* @__PURE__ */ e(Ve, { className: "h-5 w-5" })
 };
-function Dr({
+function Jr({
   href: t,
   className: r,
   style: n,
@@ -2837,127 +3535,127 @@ function Dr({
 }) {
   return /* @__PURE__ */ e("a", { href: t, className: r, style: n, children: a });
 }
-function Ar(t) {
+function Vr(t) {
   return t.split("-").map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
 }
-function zr(t) {
+function Kr(t) {
   return /^\d+$/.test(t) || /^[a-f0-9]{8,}$/i.test(t);
 }
-function Or(t) {
+function Zr(t) {
   const r = t.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, l = zr(n) && a ? a : n, u = Rr[l] ?? Ar(l);
+  const n = decodeURIComponent(r[r.length - 1]), a = r.length > 1 ? decodeURIComponent(r[r.length - 2]) : void 0, l = Kr(n) && a ? a : n, u = Xr[l] ?? Vr(l);
   return [{ label: "Inicio", href: "/" }, { label: u }];
 }
-function Oe(t) {
+function Qe(t) {
   return (t == null ? void 0 : t.querySelector(":scope > .os-viewport")) ?? (t == null ? void 0 : t.querySelector(
     ":scope > [data-overlayscrollbars-viewport]"
   ));
 }
-function Ir(t) {
+function Qr(t) {
   const r = t.split("/").filter(Boolean), n = r[r.length - 1];
-  if (!n) return /* @__PURE__ */ e(Ce, { className: "h-5 w-5" });
-  if (ze[n]) return ze[n];
+  if (!n) return /* @__PURE__ */ e(qe, { className: "h-5 w-5" });
+  if (Ze[n]) return Ze[n];
   const a = r.length > 1 ? r[r.length - 2] : "";
-  return ze[a] ?? /* @__PURE__ */ e(Ce, { className: "h-5 w-5" });
+  return Ze[a] ?? /* @__PURE__ */ e(qe, { className: "h-5 w-5" });
 }
-function un({
+function Mn({
   title: t,
   subtitle: r,
   action: n,
   meta: a,
   icon: l,
   className: u = "",
-  contentClassName: m = "",
+  contentClassName: d = "",
   breadcrumbs: p,
-  currentPath: c = typeof window > "u" ? "/" : window.location.pathname,
-  showBreadcrumbs: d = !0,
-  contained: y = !1,
-  LinkComponent: C = Dr
+  currentPath: m = typeof window > "u" ? "/" : window.location.pathname,
+  showBreadcrumbs: h = !0,
+  contained: w = !1,
+  LinkComponent: N = Jr
 }) {
-  const w = J(null), [f, g] = E(!1), [b, N] = E(null), L = p ?? Or(c), X = l ?? Ir(c), Y = d && L.length > 1;
-  return R(() => {
-    if (y) {
-      g(!1);
+  const g = ie(null), [f, v] = B(!1), [c, $] = B(null), D = p ?? Zr(m), K = l ?? Qr(m), W = h && D.length > 1;
+  return O(() => {
+    if (w) {
+      v(!1);
       return;
     }
-    let k = null, M = 0, $ = 0;
-    const B = () => {
-      const T = w.current, A = document.querySelector(
+    let E = null, T = 0, I = 0;
+    const L = () => {
+      const S = g.current, P = document.querySelector(
         "[data-app-scroll='true']"
       );
-      return (T == null ? void 0 : T.closest(".os-viewport")) ?? (T == null ? void 0 : T.closest(
+      return (S == null ? void 0 : S.closest(".os-viewport")) ?? (S == null ? void 0 : S.closest(
         "[data-overlayscrollbars-viewport]"
-      )) ?? Oe(A) ?? A ?? window;
-    }, W = () => {
-      const T = k && k !== window ? k.scrollTop : window.scrollY;
-      g((A) => A ? T > 24 : T > 72);
-    }, I = () => {
-      k == null || k.removeEventListener("scroll", W), k = B(), k.addEventListener("scroll", W, { passive: !0 }), W();
+      )) ?? Qe(P) ?? P ?? window;
+    }, F = () => {
+      const S = E && E !== window ? E.scrollTop : window.scrollY;
+      v((P) => P ? S > 24 : S > 72);
+    }, M = () => {
+      E == null || E.removeEventListener("scroll", F), E = L(), E.addEventListener("scroll", F, { passive: !0 }), F();
     };
-    return I(), M = window.requestAnimationFrame(I), $ = window.setTimeout(I, 120), () => {
-      window.cancelAnimationFrame(M), window.clearTimeout($), k == null || k.removeEventListener("scroll", W);
+    return M(), T = window.requestAnimationFrame(M), I = window.setTimeout(M, 120), () => {
+      window.cancelAnimationFrame(T), window.clearTimeout(I), E == null || E.removeEventListener("scroll", F);
     };
-  }, [y]), R(() => {
-    if (y) {
-      N(null);
+  }, [w]), O(() => {
+    if (w) {
+      $(null);
       return;
     }
-    let k = 0;
-    const M = [], $ = () => {
-      const O = w.current, G = O == null ? void 0 : O.parentElement, F = document.querySelector(
+    let E = 0;
+    const T = [], I = () => {
+      const _ = g.current, j = _ == null ? void 0 : _.parentElement, U = document.querySelector(
         "[data-app-scroll='true']"
-      ), U = Oe(F) ?? F;
-      if (!O || !G || !U) {
-        N(null);
+      ), Z = Qe(U) ?? U;
+      if (!_ || !j || !Z) {
+        $(null);
         return;
       }
-      const o = G.getBoundingClientRect(), x = window.getComputedStyle(G), z = U.getBoundingClientRect(), j = U instanceof HTMLElement && U.clientWidth > 0 ? U.clientWidth : z.width, P = o.left + parseFloat(x.paddingLeft || "0"), Z = {
-        marginLeft: Math.round(z.left - P),
-        width: Math.round(j)
+      const o = j.getBoundingClientRect(), y = window.getComputedStyle(j), H = Z.getBoundingClientRect(), q = Z instanceof HTMLElement && Z.clientWidth > 0 ? Z.clientWidth : H.width, G = o.left + parseFloat(y.paddingLeft || "0"), ee = {
+        marginLeft: Math.round(H.left - G),
+        width: Math.round(q)
       };
-      N(
-        (ee) => ee && ee.marginLeft === Z.marginLeft && ee.width === Z.width ? ee : Z
+      $(
+        (me) => me && me.marginLeft === ee.marginLeft && me.width === ee.width ? me : ee
       );
-    }, B = () => {
-      window.cancelAnimationFrame(k), k = window.requestAnimationFrame($);
+    }, L = () => {
+      window.cancelAnimationFrame(E), E = window.requestAnimationFrame(I);
     };
-    B(), window.addEventListener("resize", B);
-    const W = new ResizeObserver(B), I = w.current, T = I == null ? void 0 : I.parentElement, A = document.querySelector(
+    L(), window.addEventListener("resize", L);
+    const F = new ResizeObserver(L), M = g.current, S = M == null ? void 0 : M.parentElement, P = document.querySelector(
       "[data-app-scroll='true']"
-    ), q = Oe(A) ?? A;
-    return [T, A, q].forEach((O) => {
-      O && W.observe(O);
-    }), M.push(window.setTimeout(B, 120)), M.push(window.setTimeout(B, 280)), () => {
-      window.cancelAnimationFrame(k), window.removeEventListener("resize", B), W.disconnect(), M.forEach((O) => window.clearTimeout(O));
+    ), J = Qe(P) ?? P;
+    return [S, P, J].forEach((_) => {
+      _ && F.observe(_);
+    }), T.push(window.setTimeout(L, 120)), T.push(window.setTimeout(L, 280)), () => {
+      window.cancelAnimationFrame(E), window.removeEventListener("resize", L), F.disconnect(), T.forEach((_) => window.clearTimeout(_));
     };
-  }, [y]), /* @__PURE__ */ e(
+  }, [w]), /* @__PURE__ */ e(
     "div",
     {
-      ref: w,
+      ref: g,
       "data-page-header": "true",
       "data-compact": f ? "true" : "false",
-      className: `sticky top-0 z-30 overflow-visible py-0 transition-[background-color,box-shadow,border-color] duration-300 ease-out ${y ? "mb-0 flex-shrink-0" : "mb-6 sm:mb-1"} ${u}`,
+      className: `sticky top-0 z-30 overflow-visible py-0 transition-[background-color,box-shadow,border-color] duration-300 ease-out ${w ? "mb-0 flex-shrink-0" : "mb-6 sm:mb-1"} ${u}`,
       style: {
-        ...b ? { marginLeft: b.marginLeft, width: b.width } : null,
-        background: y ? "var(--bg-card)" : f ? "var(--bg-main)" : "color-mix(in srgb, var(--bg-main) 44%, transparent)",
+        ...c ? { marginLeft: c.marginLeft, width: c.width } : null,
+        background: w ? "var(--bg-card)" : f ? "var(--bg-main)" : "color-mix(in srgb, var(--bg-main) 44%, transparent)",
         backdropFilter: "saturate(1.2) blur(14px)",
         WebkitBackdropFilter: "saturate(1.2) blur(14px)",
-        borderBottom: y || f ? "1px solid var(--border)" : "1px solid transparent",
+        borderBottom: w || f ? "1px solid var(--border)" : "1px solid transparent",
         boxShadow: f ? "0 10px 28px rgba(12, 54, 53, 0.12)" : "none"
       },
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ i(
         "div",
         {
-          className: `flex flex-wrap items-center justify-between px-4 pt-0.5 transition-[gap,min-height,padding] duration-300 ease-out ${f ? "min-h-10 gap-2 sm:min-h-11 sm:gap-3" : "min-h-11 gap-3 sm:min-h-12 sm:gap-4"} ${m}`,
+          className: `flex flex-wrap items-center justify-between px-4 pt-0.5 transition-[gap,min-height,padding] duration-300 ease-out ${f ? "min-h-10 gap-2 sm:min-h-11 sm:gap-3" : "min-h-11 gap-3 sm:min-h-12 sm:gap-4"} ${d}`,
           children: [
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ i(
               "div",
               {
                 className: `min-w-0 flex flex-1 flex-col justify-center transition-[gap,transform] duration-300 ease-out ${f ? "gap-1" : "gap-1.5 sm:gap-2"}`,
                 children: [
-                  Y && /* @__PURE__ */ e(
+                  W && /* @__PURE__ */ e(
                     "nav",
                     {
                       "aria-label": "Breadcrumb",
@@ -2966,49 +3664,49 @@ function un({
                         "ol",
                         {
                           className: `flex flex-wrap items-center gap-1.5 leading-none transition-[font-size,line-height] duration-300 ease-out ${f ? "text-[10px] sm:text-[11px]" : "text-[11px] sm:text-xs"}`,
-                          children: L.map((k, M) => {
-                            const $ = M === L.length - 1;
-                            return /* @__PURE__ */ s(
+                          children: D.map((E, T) => {
+                            const I = T === D.length - 1;
+                            return /* @__PURE__ */ i(
                               "li",
                               {
                                 className: "flex min-w-0 items-center gap-1.5",
                                 children: [
-                                  M > 0 && /* @__PURE__ */ e(
-                                    xe,
+                                  T > 0 && /* @__PURE__ */ e(
+                                    Te,
                                     {
                                       className: "h-3.5 w-3.5 transition-[color,transform] duration-300 ease-out",
                                       style: { color: "var(--text-muted)" }
                                     }
                                   ),
-                                  k.href && !$ ? /* @__PURE__ */ e(
-                                    C,
+                                  E.href && !I ? /* @__PURE__ */ e(
+                                    N,
                                     {
-                                      href: k.href,
+                                      href: E.href,
                                       className: "truncate transition-colors duration-300 hover:underline",
                                       style: { color: "var(--text-muted)" },
-                                      children: k.label
+                                      children: E.label
                                     }
                                   ) : /* @__PURE__ */ e(
                                     "span",
                                     {
-                                      "aria-current": $ ? "page" : void 0,
-                                      className: $ ? "truncate font-semibold" : "truncate",
+                                      "aria-current": I ? "page" : void 0,
+                                      className: I ? "truncate font-semibold" : "truncate",
                                       style: {
-                                        color: $ ? "var(--text-main)" : "var(--text-muted)"
+                                        color: I ? "var(--text-main)" : "var(--text-muted)"
                                       },
-                                      children: k.label
+                                      children: E.label
                                     }
                                   )
                                 ]
                               },
-                              `${k.label}-${M}`
+                              `${E.label}-${T}`
                             );
                           })
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ i(
                     "div",
                     {
                       className: `flex min-w-0 items-center transition-[gap,transform] duration-300 ease-out ${f ? "gap-2" : "gap-2.5 sm:gap-3"}`,
@@ -3018,17 +3716,17 @@ function un({
                           {
                             className: `flex-shrink-0 transition-[color,transform,opacity] duration-300 ease-out ${f ? "scale-90 opacity-80" : "scale-100 opacity-100"}`,
                             style: {
-                              color: Y ? "var(--text-secondary)" : "var(--text-muted)"
+                              color: W ? "var(--text-secondary)" : "var(--text-muted)"
                             },
-                            children: X
+                            children: K
                           }
                         ),
-                        /* @__PURE__ */ s(
+                        /* @__PURE__ */ i(
                           "div",
                           {
                             className: `flex min-w-0 flex-1 flex-wrap items-center transition-[gap] duration-300 ease-out ${f ? "gap-x-2 gap-y-1" : "gap-x-3 gap-y-2"}`,
                             children: [
-                              /* @__PURE__ */ s("div", { className: "min-w-0 flex-shrink transition-[transform] duration-300 ease-out", children: [
+                              /* @__PURE__ */ i("div", { className: "min-w-0 flex-shrink transition-[transform] duration-300 ease-out", children: [
                                 /* @__PURE__ */ e(
                                   "h1",
                                   {
@@ -3076,83 +3774,20 @@ function un({
     }
   );
 }
-function mn({
-  value: t,
-  onChange: r,
-  placeholder: n,
-  className: a = ""
-}) {
-  const l = J(null), [u, m] = E(!1), p = u || t.trim().length > 0, c = () => {
-    var d;
-    m(!0), (d = l.current) == null || d.focus();
-  };
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: `relative flex-shrink-0 overflow-visible transition-[width] duration-200 ease-out ${p ? a || "w-full" : "w-28"}`,
-      onMouseDown: (d) => {
-        p || (d.preventDefault(), c());
-      },
-      children: [
-        /* @__PURE__ */ e(
-          We,
-          {
-            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)" }
-          }
-        ),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: l,
-            type: "text",
-            "aria-label": n,
-            value: t,
-            onChange: (d) => r(d.target.value),
-            placeholder: p ? n : "Buscar",
-            className: `h-11 w-full rounded-lg py-0 text-sm placeholder:text-[var(--text-muted)] focus:outline-none transition-all duration-150 ${p ? "pl-9 pr-9" : "cursor-pointer pl-9 pr-3"}`,
-            style: {
-              background: "var(--bg-card)",
-              border: "1px solid var(--border)",
-              color: "var(--text-main)"
-            },
-            onFocus: (d) => {
-              m(!0), d.currentTarget.style.borderColor = "var(--primary)", d.currentTarget.style.boxShadow = "0 0 0 3px rgba(59,130,246,0.12)";
-            },
-            onBlur: (d) => {
-              m(!1), d.currentTarget.style.borderColor = "var(--border)", d.currentTarget.style.boxShadow = "none";
-            }
-          }
-        ),
-        t && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: () => r(""),
-            className: "absolute right-2 top-1/2 flex !h-6 !w-6 -translate-y-1/2 items-center justify-center rounded-full !p-0 leading-none transition-colors hover:bg-black/5",
-            style: { color: "var(--text-muted)" },
-            "aria-label": "Limpiar búsqueda",
-            children: /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5 flex-shrink-0" })
-          }
-        )
-      ]
-    }
-  );
-}
-function pn({
+function Bn({
   children: t,
   currentPath: r = typeof window > "u" ? "/" : window.location.pathname,
   publicRoutes: n = ["/", "/login", "/reset-password"],
   ...a
 }) {
-  return n.includes(r) ? /* @__PURE__ */ e(le, { children: t }) : /* @__PURE__ */ e(Br, { currentPath: r, ...a, children: t });
+  return n.includes(r) ? /* @__PURE__ */ e(we, { children: t }) : /* @__PURE__ */ e(Gr, { currentPath: r, ...a, children: t });
 }
-function ut() {
+function Ct() {
   if (typeof window > "u") return "system";
   const t = localStorage.getItem("theme");
   return t === "light" || t === "dark" ? t : t === "system" ? "system" : document.documentElement.classList.contains("dark") ? "dark" : "light";
 }
-function Hr(t, r, n) {
+function en(t, r, n) {
   try {
     const a = new URL(t), l = a.searchParams.get("callbackUrl");
     if (l) {
@@ -3167,57 +3802,57 @@ function Hr(t, r, n) {
     return t;
   }
 }
-function hn({
+function Ln({
   name: t,
   src: r,
   projectKey: n
 }) {
-  const [a, l] = E(
-    () => ut()
-  ), u = J(null);
-  R(() => {
-    const c = new MutationObserver(
-      () => l(ut())
+  const [a, l] = B(
+    () => Ct()
+  ), u = ie(null);
+  O(() => {
+    const m = new MutationObserver(
+      () => l(Ct())
     );
-    return c.observe(document.documentElement, {
+    return m.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class"]
-    }), () => c.disconnect();
+    }), () => m.disconnect();
   }, []);
-  const m = Je(
-    () => Hr(r, a, n),
+  const d = Oe(
+    () => en(r, a, n),
     [n, r, a]
-  ), p = Je(() => {
+  ), p = Oe(() => {
     try {
-      return new URL(m).origin;
+      return new URL(d).origin;
     } catch {
       return "";
     }
-  }, [m]);
-  return R(() => {
+  }, [d]);
+  return O(() => {
     if (!n) return;
-    const c = n;
-    function d(y) {
-      var f, g, b;
-      if (y.source !== ((f = u.current) == null ? void 0 : f.contentWindow) || p && y.origin !== p) return;
-      if (((g = y.data) == null ? void 0 : g.type) === "prime-microservice:overlay") {
+    const m = n;
+    function h(w) {
+      var f, v, c;
+      if (w.source !== ((f = u.current) == null ? void 0 : f.contentWindow) || p && w.origin !== p) return;
+      if (((v = w.data) == null ? void 0 : v.type) === "prime-microservice:overlay") {
         window.dispatchEvent(
           new CustomEvent("prime-auth:microservice-overlay", {
-            detail: { active: !!y.data.active }
+            detail: { active: !!w.data.active }
           })
         );
         return;
       }
-      if (((b = y.data) == null ? void 0 : b.type) !== "prime-microservice:navigation") return;
-      const C = y.data.path;
-      if (!C || !C.startsWith("/") || C.startsWith("//")) return;
-      const w = `/apps/${encodeURIComponent(c)}${C}`;
-      `${window.location.pathname}${window.location.search}${window.location.hash}` !== w && (window.history.replaceState(window.history.state, "", w), window.dispatchEvent(
+      if (((c = w.data) == null ? void 0 : c.type) !== "prime-microservice:navigation") return;
+      const N = w.data.path;
+      if (!N || !N.startsWith("/") || N.startsWith("//")) return;
+      const g = `/apps/${encodeURIComponent(m)}${N}`;
+      `${window.location.pathname}${window.location.search}${window.location.hash}` !== g && (window.history.replaceState(window.history.state, "", g), window.dispatchEvent(
         new CustomEvent("prime-auth:microservice-navigation")
       ));
     }
-    return window.addEventListener("message", d), () => {
-      window.removeEventListener("message", d), window.dispatchEvent(
+    return window.addEventListener("message", h), () => {
+      window.removeEventListener("message", h), window.dispatchEvent(
         new CustomEvent("prime-auth:microservice-overlay", {
           detail: { active: !1 }
         })
@@ -3227,7 +3862,7 @@ function hn({
     "iframe",
     {
       ref: u,
-      src: m,
+      src: d,
       title: t,
       className: "min-h-0 flex-1 border-0 bg-[var(--bg-main)]",
       allow: "clipboard-write",
@@ -3236,27 +3871,27 @@ function hn({
     }
   ) });
 }
-function fn() {
-  const [t, r] = E(""), [n, a] = E(!1), [l, u] = E({ width: 96, height: 96 });
-  return R(() => {
-    let m = !1;
+function Tn() {
+  const [t, r] = B(""), [n, a] = B(!1), [l, u] = B({ width: 96, height: 96 });
+  return O(() => {
+    let d = !1;
     return fetch("/api/microservices/prime-suite/chat-url", { cache: "no-store" }).then((p) => p.ok ? p.json() : null).then((p) => {
-      !m && (p != null && p.src) && r(p.src);
+      !d && (p != null && p.src) && r(p.src);
     }).catch(() => {
     }), () => {
-      m = !0;
+      d = !0;
     };
-  }, []), R(() => {
-    const m = (p) => {
-      var d;
-      if (((d = p.data) == null ? void 0 : d.type) !== "prime-suite-chat:state") return;
-      const c = !!p.data.active;
-      a(c), u({
-        width: mt(p.data.width, 96, 720),
-        height: mt(p.data.height, 96, 560)
+  }, []), O(() => {
+    const d = (p) => {
+      var h;
+      if (((h = p.data) == null ? void 0 : h.type) !== "prime-suite-chat:state") return;
+      const m = !!p.data.active;
+      a(m), u({
+        width: $t(p.data.width, 96, 720),
+        height: $t(p.data.height, 96, 560)
       });
     };
-    return window.addEventListener("message", m), () => window.removeEventListener("message", m);
+    return window.addEventListener("message", d), () => window.removeEventListener("message", d);
   }, []), t ? /* @__PURE__ */ e(
     "iframe",
     {
@@ -3274,11 +3909,11 @@ function fn() {
     }
   ) : null;
 }
-function mt(t, r, n) {
+function $t(t, r, n) {
   const a = typeof t == "number" && Number.isFinite(t) ? t : r;
   return Math.max(r, Math.min(n, Math.ceil(a)));
 }
-function Wr(t) {
+function tn(t) {
   const r = document.documentElement, n = new MutationObserver(t);
   n.observe(r, { attributes: !0, attributeFilter: ["class"] });
   const a = window.matchMedia("(prefers-color-scheme: dark)");
@@ -3286,46 +3921,48 @@ function Wr(t) {
     n.disconnect(), a.removeEventListener("change", t);
   };
 }
-function Pr() {
+function rn() {
   const t = localStorage.getItem("theme") || "system", r = window.matchMedia("(prefers-color-scheme: dark)").matches;
   return document.documentElement.classList.contains("dark") || t === "dark" || t === "system" && r ? "dark" : "light";
 }
-function _r() {
+function nn() {
   return "light";
 }
-function bn() {
-  const t = At(
-    Wr,
-    Pr,
-    _r
+function Dn() {
+  const t = Ht(
+    tn,
+    rn,
+    nn
   );
-  return /* @__PURE__ */ e(rr, { position: "bottom-center", theme: t, richColors: !0, closeButton: !0 });
+  return /* @__PURE__ */ e(cr, { position: "bottom-center", theme: t, richColors: !0, closeButton: !0 });
 }
 export {
-  Br as AuthShell,
-  Qr as BonsaifButton,
-  ne as Button,
-  en as CalendarPicker,
-  rn as CompactFilterSelect,
-  tn as CompactSearchInput,
-  nn as ConfirmDialog,
-  an as DataTable,
-  on as DateRangePicker,
-  sn as Drawer,
-  Cr as GlobalScrollbars,
-  ln as InputField,
-  cn as LoadingState,
-  hn as MicroserviceFrame,
-  pr as Modal,
-  br as MouseTooltip,
-  un as PageHeader,
-  mn as PageSearchInput,
-  pn as PrimeAuthRouteShell,
-  bn as PrimeAuthToaster,
-  fn as PrimeSuiteChatFrame,
-  ft as SearchableSelect,
-  it as TextInput,
-  dn as Toggle,
-  $r as UserAvatar,
-  nr as cn
+  Gr as AuthShell,
+  bn as BonsaifButton,
+  he as Button,
+  vn as CalendarPicker,
+  yn as CompactFilterSelect,
+  gn as CompactSearchInput,
+  wn as ConfirmDialog,
+  Nn as DataTable,
+  kn as DateRangePicker,
+  Sn as Drawer,
+  xn as DynamicDetailTabs,
+  Ar as GlobalScrollbars,
+  Cn as InputField,
+  br as LoadingState,
+  Ln as MicroserviceFrame,
+  Er as Modal,
+  Dt as MouseTooltip,
+  Mn as PageHeader,
+  ur as PageSearchInput,
+  Bn as PrimeAuthRouteShell,
+  Dn as PrimeAuthToaster,
+  Tn as PrimeSuiteChatFrame,
+  Tt as SearchableSelect,
+  $n as StepWizard,
+  yt as TextInput,
+  En as Toggle,
+  Ur as UserAvatar,
+  dr as cn
 };