bonsaif-ui 0.1.0

package/dist/bonsaif-ui.js

@@ -0,0 +1,3331 @@
+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";
+import "react-day-picker/dist/style.css";
+import { FiSave as tr } from "react-icons/fi";
+import { Toaster as rr } from "sonner";
+function nr(...t) {
+  return t.filter(Boolean).join(" ");
+}
+function Qr({
+  variant: t = "primary",
+  className: r,
+  type: n = "button",
+  children: a,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      className: nr("bonsaif-ui-button", `bonsaif-ui-button--${t}`, r),
+      type: n,
+      ...l,
+      children: a
+    }
+  );
+}
+function rt(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 = {
+  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 = {
+  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 = {
+  primary: { background: "var(--bg-card)" },
+  secondary: { background: "var(--bg-card)" },
+  danger: { background: "var(--bg-card)" },
+  ghost: {},
+  icon: {}
+};
+function ne({
+  variant: t = "primary",
+  size: r = "md",
+  loading: n = !1,
+  icon: a,
+  height: l,
+  padding: u,
+  children: m,
+  className: p = "",
+  disabled: c,
+  style: d,
+  ...y
+}) {
+  const C = t === "icon";
+  return /* @__PURE__ */ s(
+    "button",
+    {
+      ...y,
+      "data-variant": t,
+      "data-size": r,
+      "data-icon": C ? "true" : void 0,
+      disabled: c || n,
+      className: `${ar} ${or[t]} ${C ? "" : ir[r]} ${p}`,
+      style: {
+        ...sr[t],
+        height: rt(l),
+        padding: rt(u),
+        ...d
+      },
+      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
+      ]
+    }
+  );
+}
+const pt = [
+  "Enero",
+  "Febrero",
+  "Marzo",
+  "Abril",
+  "Mayo",
+  "Junio",
+  "Julio",
+  "Agosto",
+  "Septiembre",
+  "Octubre",
+  "Noviembre",
+  "Diciembre"
+], lr = [
+  "Ene",
+  "Feb",
+  "Mar",
+  "Abr",
+  "May",
+  "Jun",
+  "Jul",
+  "Ago",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dic"
+], cr = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sá"], Ae = 6;
+function He(t, r, n) {
+  return `${t}-${String(r).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
+}
+function dr() {
+  const t = /* @__PURE__ */ new Date();
+  return He(t.getFullYear(), t.getMonth() + 1, t.getDate());
+}
+function ht(t) {
+  const [r, n, a] = t.split("-").map(Number);
+  return { year: r, month: n, day: a };
+}
+function ur(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}`;
+}
+function en({
+  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({
+    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"
+    });
+  }, [p, c]), R(() => {
+    if (!p || !c) return;
+    function o(z) {
+      y.current && (y.current.contains(z.target) || d(!1));
+    }
+    function x(z) {
+      z.key === "Escape" && d(!1);
+    }
+    return document.addEventListener("mousedown", o), document.addEventListener("keydown", x), () => {
+      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", x);
+    };
+  }, [p, c]);
+  function W() {
+    b === 1 ? (g((o) => o - 1), N(12)) : N((o) => o - 1);
+  }
+  function I() {
+    b === 12 ? (g((o) => o + 1), N(1)) : N((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)
+  ];
+  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));
+  }
+  const F = {
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    color: "var(--text-muted)",
+    padding: 4,
+    borderRadius: 6,
+    display: "flex",
+    alignItems: "center"
+  }, U = /* @__PURE__ */ s(
+    "div",
+    {
+      style: {
+        background: "var(--bg-input)",
+        border: "1px solid var(--border)",
+        borderRadius: 10,
+        overflow: "hidden",
+        userSelect: "none",
+        width: 280
+      },
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              padding: "10px 12px",
+              borderBottom: "1px solid var(--border)"
+            },
+            children: L === "days" ? /* @__PURE__ */ s(le, { children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: W,
+                  style: F,
+                  title: "Mes anterior",
+                  children: /* @__PURE__ */ e(Se, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    X("years"), M(0);
+                  },
+                  style: {
+                    background: "none",
+                    border: "none",
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 4,
+                    fontSize: 13,
+                    fontWeight: 700,
+                    color: "var(--text-main)",
+                    borderRadius: 6,
+                    padding: "2px 6px"
+                  },
+                  children: [
+                    pt[b - 1],
+                    " ",
+                    f,
+                    /* @__PURE__ */ e(ge, { size: 13, style: { color: "var(--text-muted)" } })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: I,
+                  style: F,
+                  title: "Mes siguiente",
+                  children: /* @__PURE__ */ e(xe, { size: 16 })
+                }
+              )
+            ] }) : /* @__PURE__ */ s(le, { children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => M((o) => o - Y),
+                  style: F,
+                  children: /* @__PURE__ */ e(Se, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => X("days"),
+                  style: {
+                    background: "none",
+                    border: "none",
+                    cursor: "pointer",
+                    fontSize: 13,
+                    fontWeight: 700,
+                    color: "var(--text-main)",
+                    borderRadius: 6,
+                    padding: "2px 6px"
+                  },
+                  children: [
+                    B[0],
+                    " – ",
+                    B[B.length - 1]
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => M((o) => o + Y),
+                  style: F,
+                  children: /* @__PURE__ */ e(xe, { size: 16 })
+                }
+              )
+            ] })
+          }
+        ),
+        L === "years" && /* @__PURE__ */ s("div", { style: { padding: "8px 10px 10px" }, children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(4,1fr)",
+                gap: 3,
+                marginBottom: 8
+              },
+              children: lr.map((o, x) => {
+                const z = x + 1 === b;
+                return /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => N(x + 1),
+                    style: {
+                      border: "none",
+                      cursor: "pointer",
+                      borderRadius: 6,
+                      fontSize: 11,
+                      fontWeight: z ? 700 : 400,
+                      padding: "4px 0",
+                      background: z ? "var(--primary)" : "transparent",
+                      color: z ? "var(--primary-fg, #ffffff)" : "var(--text-secondary)"
+                    },
+                    children: o
+                  },
+                  o
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: { height: 1, background: "var(--border)", marginBottom: 8 }
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(4,1fr)",
+                gap: 3
+              },
+              children: B.map((o) => {
+                const x = o === f;
+                return /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      g(o), X("days");
+                    },
+                    style: {
+                      border: "none",
+                      cursor: "pointer",
+                      borderRadius: 6,
+                      fontSize: 12,
+                      fontWeight: x ? 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",
+                      outlineOffset: "-2px"
+                    },
+                    children: o
+                  },
+                  o
+                );
+              })
+            }
+          )
+        ] }),
+        L === "days" && /* @__PURE__ */ s(le, { children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(7,1fr)",
+                padding: "6px 8px 0"
+              },
+              children: cr.map((o) => /* @__PURE__ */ e(
+                "div",
+                {
+                  style: {
+                    textAlign: "center",
+                    fontSize: 10,
+                    fontWeight: 700,
+                    color: "var(--text-muted)",
+                    padding: "2px 0",
+                    textTransform: "uppercase"
+                  },
+                  children: o
+                },
+                o
+              ))
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(7,1fr)",
+                gridTemplateRows: `repeat(${Ae},1fr)`,
+                padding: "4px 8px 10px",
+                gap: 2
+              },
+              children: O.map((o, x) => {
+                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(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => !Z && G(o),
+                    style: {
+                      width: "100%",
+                      aspectRatio: "1",
+                      borderRadius: 6,
+                      border: "none",
+                      cursor: Z ? "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",
+                      outlineOffset: "-2px"
+                    },
+                    children: o
+                  },
+                  x
+                );
+              })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  return p ? /* @__PURE__ */ s("div", { ref: y, className: "relative w-full", children: [
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        onClick: () => d((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)"}`,
+          color: "var(--text-main)",
+          boxShadow: c ? "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__ */ e(
+            ge,
+            {
+              className: `w-4 h-4 text-[var(--text-muted)] transition-transform ${c ? "rotate-180" : ""}`
+            }
+          )
+        ]
+      }
+    ),
+    c && /* @__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)" }
+        },
+        children: U
+      }
+    )
+  ] }) : U;
+}
+function nt(t) {
+  if (t !== void 0)
+    return typeof t == "number" ? `${t}px` : t;
+}
+function ft({
+  value: t,
+  onChange: r,
+  options: n,
+  placeholder: a = "Seleccionar…",
+  emptyLabel: l,
+  disabled: u = !1,
+  className: m = "",
+  style: p,
+  height: c = 44,
+  padding: d = "0 12px",
+  searchable: y = !0,
+  minOptionsForSearch: C = 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(
+    (o) => {
+      var x;
+      return o.label.toLowerCase().includes(g.toLowerCase()) || ((x = o.sublabel) == null ? void 0 : x.toLowerCase().includes(g.toLowerCase()));
+    }
+  ) : n, O = Ve(() => {
+    const o = $.current;
+    if (!o) return;
+    const x = o.getBoundingClientRect(), z = T ? 272 : 212, j = window.innerHeight - x.bottom, P = j < z && x.top > j;
+    M({
+      position: "fixed",
+      left: x.left,
+      top: P ? void 0 : x.bottom + 4,
+      bottom: P ? window.innerHeight - x.top + 4 : void 0,
+      width: x.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(""));
+    }
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [w]), R(() => {
+    w && (L(-1), O(), T && setTimeout(() => {
+      var o;
+      return (o = W.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);
+      };
+  }, [w, O]), R(() => {
+    if (N < 0 || !I.current) return;
+    const o = I.current.children[N];
+    o == null || o.scrollIntoView({ block: "nearest" });
+  }, [N]);
+  const G = Ve(
+    (o) => {
+      r(o), f(!1), b("");
+    },
+    [r]
+  );
+  function F(o) {
+    if (!w) {
+      (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));
+  }
+  const U = /* @__PURE__ */ s(
+    "div",
+    {
+      ref: B,
+      className: "rounded-xl shadow-xl overflow-hidden",
+      style: {
+        ...k,
+        background: "var(--bg-card)",
+        border: "1px solid var(--border)"
+      },
+      children: [
+        T && /* @__PURE__ */ s(
+          "div",
+          {
+            className: "flex items-center gap-2 px-3 py-2",
+            style: { borderBottom: "1px solid var(--border)" },
+            children: [
+              /* @__PURE__ */ e(
+                We,
+                {
+                  className: "w-3.5 h-3.5 flex-shrink-0",
+                  style: { color: "var(--text-muted)" }
+                }
+              ),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: W,
+                  value: g,
+                  onChange: (o) => {
+                    b(o.target.value), L(-1);
+                  },
+                  placeholder: "Buscar…",
+                  className: "min-w-0 flex-1 text-sm bg-transparent outline-none",
+                  style: { color: "var(--text-main)" }
+                }
+              ),
+              g && /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onMouseDown: (o) => {
+                    o.preventDefault(), b("");
+                  },
+                  children: /* @__PURE__ */ e(
+                    ce,
+                    {
+                      className: "w-3.5 h-3.5",
+                      style: { color: "var(--text-muted)" }
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          "ul",
+          {
+            ref: I,
+            role: "listbox",
+            className: "overflow-y-auto",
+            style: {
+              maxHeight: T ? 220 : 180,
+              scrollbarWidth: "thin",
+              scrollbarColor: "var(--border) transparent",
+              overscrollBehavior: "contain"
+            },
+            children: [
+              l && /* @__PURE__ */ e(
+                "li",
+                {
+                  role: "option",
+                  "aria-selected": t === "",
+                  onMouseDown: (o) => {
+                    o.preventDefault(), G("");
+                  },
+                  onMouseEnter: () => L(-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",
+                    color: "var(--text-muted)",
+                    fontStyle: "italic"
+                  },
+                  children: l
+                }
+              ),
+              q.map((o, x) => {
+                const j = x === N, P = o.value === t;
+                return /* @__PURE__ */ s(
+                  "li",
+                  {
+                    role: "option",
+                    "aria-selected": P,
+                    onMouseDown: (Z) => {
+                      Z.preventDefault(), o.disabled || G(o.value);
+                    },
+                    onMouseEnter: () => !o.disabled && L(x),
+                    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",
+                      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
+                    },
+                    children: [
+                      o.color && /* @__PURE__ */ e(
+                        "span",
+                        {
+                          className: "flex-shrink-0 w-2.5 h-2.5 rounded-full",
+                          style: { background: o.color }
+                        }
+                      ),
+                      /* @__PURE__ */ s("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",
+                          {
+                            className: "min-w-0 flex-shrink truncate",
+                            style: { color: "var(--text-muted)", fontSize: 12 },
+                            children: o.sublabel
+                          }
+                        )
+                      ] }),
+                      o.badge && /* @__PURE__ */ e(
+                        "span",
+                        {
+                          className: "text-xs flex-shrink-0",
+                          style: { color: "var(--text-muted)" },
+                          children: o.badge
+                        }
+                      )
+                    ]
+                  },
+                  o.value
+                );
+              }),
+              q.length === 0 && /* @__PURE__ */ e(
+                "li",
+                {
+                  className: "px-3 py-4 text-sm text-center",
+                  style: { color: "var(--text-muted)" },
+                  children: "Sin resultados"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: $,
+      className: `relative ${m || "w-full"}`,
+      style: p,
+      onKeyDown: F,
+      children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            disabled: u,
+            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),
+              background: "var(--bg-input)",
+              color: A ? "var(--text-main)" : "var(--text-muted)",
+              border: w ? "1px solid var(--primary)" : "1px solid var(--border)",
+              opacity: u ? 0.5 : 1,
+              cursor: u ? "not-allowed" : "pointer"
+            },
+            "aria-haspopup": "listbox",
+            "aria-expanded": w,
+            children: [
+              (A == null ? void 0 : A.color) && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "flex-shrink-0 w-2.5 h-2.5 rounded-full",
+                  style: { background: A.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(
+                  "span",
+                  {
+                    className: "min-w-0 flex-shrink truncate",
+                    style: { color: "var(--text-muted)", fontSize: 12 },
+                    children: A.sublabel
+                  }
+                )
+              ] }) : /* @__PURE__ */ e("span", { className: "truncate", children: a }) }),
+              A && l ? /* @__PURE__ */ e(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: -1,
+                  onMouseDown: (o) => {
+                    o.preventDefault(), o.stopPropagation(), G("");
+                  },
+                  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" })
+                }
+              ) : /* @__PURE__ */ e(
+                ge,
+                {
+                  className: "flex-shrink-0 w-4 h-4 transition-transform",
+                  style: {
+                    color: "var(--text-muted)",
+                    transform: w ? "rotate(180deg)" : "rotate(0deg)"
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        w && X && Ee(U, document.body)
+      ]
+    }
+  );
+}
+function ke(t) {
+  if (t !== void 0)
+    return typeof t == "number" ? `${t}px` : t;
+}
+function tn({
+  value: t,
+  onChange: r,
+  placeholder: n = "Buscar...",
+  className: a = "",
+  height: l = 44,
+  padding: u = "0 12px 0 34px",
+  iconLeft: m = 12
+}) {
+  return /* @__PURE__ */ s("div", { className: `relative ${a}`, children: [
+    /* @__PURE__ */ e(
+      We,
+      {
+        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) }
+      }
+    ),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        value: t,
+        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) }
+      }
+    )
+  ] });
+}
+function rn({
+  value: t,
+  onChange: r,
+  options: n,
+  placeholder: a,
+  icon: l,
+  className: u = "",
+  height: m = 44,
+  padding: p,
+  iconLeft: c = 12,
+  searchable: d = !0
+}) {
+  const y = l ? n.map(
+    (C, w) => w === 0 && !C.color ? { ...C, sublabel: C.sublabel ?? void 0 } : C
+  ) : n;
+  return /* @__PURE__ */ s("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) },
+        children: l
+      }
+    ),
+    /* @__PURE__ */ e(
+      ft,
+      {
+        value: t,
+        onChange: r,
+        options: y,
+        placeholder: a,
+        searchable: d,
+        minOptionsForSearch: 5,
+        height: m,
+        padding: p ?? (l ? "0 12px 0 34px" : "0 12px"),
+        className: "[&>button]:text-sm [&>button]:[background:var(--bg-card)]"
+      }
+    )
+  ] });
+}
+const mr = {
+  sm: "24rem",
+  md: "28rem",
+  lg: "32rem",
+  xl: "40rem",
+  "2xl": "48rem",
+  "4xl": "56rem",
+  "5xl": "64rem"
+}, Ne = 180;
+function pr({
+  open: t,
+  onClose: r,
+  title: n,
+  subtitle: a,
+  leadingIcon: l,
+  headerActions: u,
+  footer: m,
+  children: p,
+  size: c = "md",
+  maxWidth: d,
+  zIndex: y = 1e3,
+  closeOnBackdrop: C = !0,
+  closeOnEscape: w = !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
+}) {
+  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
+  )), () => {
+    I.current && clearTimeout(I.current);
+  }), [t]), R(() => {
+    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();
+    };
+    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(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": Y ?? n,
+        className: `fixed inset-0 flex ${q} ${X}`,
+        style: { zIndex: y },
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: `absolute inset-0 ${L}`,
+              onClick: C ? r : void 0,
+              style: {
+                opacity: B ? 1 : 0,
+                transition: `opacity ${Ne}ms ease`
+              }
+            }
+          ),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: `relative z-10 flex max-h-[92dvh] w-full flex-col overflow-hidden ${k ? "shadow-none" : "shadow-2xl"} ${O} ${N}`,
+              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`
+              },
+              onClick: (F) => F.stopPropagation(),
+              children: [
+                T && /* @__PURE__ */ s(
+                  "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: [
+                        l && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: l }),
+                        (n || a) && /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+                          n && /* @__PURE__ */ e(
+                            "h2",
+                            {
+                              className: "truncate text-base font-semibold",
+                              style: { color: "var(--text-main)" },
+                              children: n
+                            }
+                          ),
+                          a && /* @__PURE__ */ e(
+                            "p",
+                            {
+                              className: "truncate text-xs",
+                              style: { color: "var(--text-muted)" },
+                              children: a
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ s("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" }) })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e("div", { className: `min-h-0 flex-1 overflow-y-auto ${b}`, children: p }),
+                m && /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "flex flex-shrink-0 justify-end gap-2 px-6 py-4",
+                    style: { borderTop: "1px solid var(--border)" },
+                    children: m
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+}
+const hr = {
+  danger: {
+    iconBg: "rgba(239,68,68,0.12)",
+    iconColor: "var(--danger)",
+    btnBg: "var(--danger)",
+    btnColor: "#fff"
+  },
+  warning: {
+    iconBg: "rgba(245,158,11,0.12)",
+    iconColor: "var(--warning)",
+    btnBg: "var(--warning)",
+    btnColor: "#fff"
+  },
+  primary: {
+    iconBg: "rgba(59,130,246,0.12)",
+    iconColor: "var(--primary)",
+    btnBg: "var(--primary)",
+    btnColor: "#fff"
+  }
+};
+function nn({
+  open: t,
+  title: r,
+  description: n,
+  confirmLabel: a = "Confirmar",
+  cancelLabel: l = "Cancelar",
+  variant: u = "danger",
+  onConfirm: m,
+  onCancel: p
+}) {
+  const c = hr[u];
+  return /* @__PURE__ */ s(
+    pr,
+    {
+      open: t,
+      onClose: p,
+      size: "sm",
+      zIndex: 9998,
+      showCloseButton: !1,
+      bodyClassName: "p-6",
+      panelClassName: "px-1",
+      ariaLabel: r,
+      children: [
+        /* @__PURE__ */ e(
+          ne,
+          {
+            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" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "mb-4 flex h-11 w-11 items-center justify-center rounded-xl",
+            style: {
+              background: c.iconBg
+            },
+            children: /* @__PURE__ */ e(
+              zt,
+              {
+                className: "h-5 w-5",
+                style: { color: c.iconColor }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          "h2",
+          {
+            className: "mb-1 text-base font-semibold",
+            style: { color: "var(--text-main)" },
+            children: r
+          }
+        ),
+        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__ */ e(
+            ne,
+            {
+              variant: "secondary",
+              onClick: p,
+              className: "flex-1",
+              style: { background: "var(--bg-input)" },
+              children: l
+            }
+          ),
+          /* @__PURE__ */ e(
+            ne,
+            {
+              variant: "danger",
+              onClick: m,
+              className: "flex-1",
+              style: {
+                background: c.btnBg,
+                color: c.btnColor,
+                borderColor: "transparent"
+              },
+              children: a
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function fr(t) {
+  var a;
+  const r = Array.from(
+    t.querySelectorAll("*")
+  ).filter(
+    (l) => {
+      var u;
+      return l.scrollWidth > l.clientWidth && !!((u = l.textContent) != null && u.trim()) && l.tagName.toLowerCase() !== "svg" && !l.closest("svg");
+    }
+  );
+  return (t.scrollWidth > t.clientWidth || r.length > 0) && (((a = r[0]) == null ? void 0 : a.textContent) ?? t.textContent ?? "").trim() || null;
+}
+function br({
+  children: t,
+  content: r,
+  onlyWhenOverflow: n = !1,
+  className: a = "",
+  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
+      }
+    );
+  }, [c]);
+  const w = (g, b) => {
+    const N = m.current;
+    if (N) {
+      if (n) {
+        const L = fr(N);
+        if (!L) return;
+        C(L);
+      }
+      !n && !r || d({ mouseX: g, mouseY: b, x: g + 14, y: b + 14 });
+    }
+  }, f = n ? y : r;
+  return /* @__PURE__ */ s(le, { children: [
+    /* @__PURE__ */ e(
+      u,
+      {
+        ref: (g) => {
+          m.current = g;
+        },
+        className: a,
+        style: l,
+        onMouseEnter: (g) => w(g.clientX, g.clientY),
+        onMouseMove: (g) => {
+          c && w(g.clientX, g.clientY);
+        },
+        onMouseLeave: () => d(null),
+        children: t
+      }
+    ),
+    c && f ? Ee(
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: p,
+          role: "tooltip",
+          style: {
+            position: "fixed",
+            top: c.y,
+            left: c.x,
+            zIndex: 9999,
+            background: "var(--bg-card)",
+            border: "1px solid var(--border)",
+            borderRadius: 6,
+            padding: "5px 10px",
+            fontSize: 12,
+            color: "var(--text-main)",
+            boxShadow: "0 4px 16px rgba(0,0,0,0.35)",
+            pointerEvents: "none",
+            maxWidth: "min(420px, calc(100vw - 24px))",
+            whiteSpace: "normal",
+            lineHeight: 1.6,
+            overflowWrap: "anywhere"
+          },
+          children: f
+        }
+      ),
+      document.body
+    ) : 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) {
+  if (!t) return 150;
+  const r = parseInt(t, 10);
+  return isNaN(r) || r <= 0 ? 150 : r;
+}
+function se(t, r) {
+  const n = t.minWidth ?? 80, a = t.maxWidth ?? 1 / 0;
+  return Math.min(a, Math.max(n, r));
+}
+function xr(t, r) {
+  if (r <= 7) return Array.from({ length: r }, (a, l) => l + 1);
+  const n = [1];
+  t > 3 && n.push("...");
+  for (let a = Math.max(2, t - 1); a <= Math.min(r - 1, t + 1); a++)
+    n.push(a);
+  return t < r - 2 && n.push("..."), n.push(r), n;
+}
+function at({
+  children: t,
+  className: r = "",
+  style: n
+}) {
+  return /* @__PURE__ */ e(
+    br,
+    {
+      onlyWhenOverflow: !0,
+      className: r,
+      style: {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        width: "100%",
+        ...n
+      },
+      children: t
+    }
+  );
+}
+function an({
+  columns: t,
+  data: r,
+  getRowId: n,
+  loading: a = !1,
+  skeletonRows: l = 8,
+  emptyIcon: u,
+  emptyText: m = "Sin resultados",
+  onRowClick: p,
+  selected: c,
+  onToggleOne: d,
+  onToggleAll: y,
+  highlightSelected: C = !0,
+  rowClassName: w,
+  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
+}) {
+  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(
+    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(
+        Math.max(
+          120,
+          window.innerHeight - D - h - v - I
+        )
+      );
+    }
+    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(
+    () => Object.fromEntries(
+      t.map((i) => [i.key, se(i, fe(i.width))])
+    )
+  );
+  R(() => {
+    const i = t.map((v) => v.key);
+    if (!B) {
+      ae(i), U.current = !1, G(!0);
+      return;
+    }
+    let h = !1;
+    return U.current = !1, G(!1), fetch(
+      `/api/user/preferences/datatables?key=${encodeURIComponent(B)}`,
+      { 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])
+        ])
+      );
+      ae(H), ve(Ye), F.current = JSON.stringify({
+        columnOrder: H,
+        columnWidths: Ye
+      }), U.current = !0;
+    }).catch(() => {
+      if (!h) {
+        ae(i);
+        const v = Object.fromEntries(
+          t.map((S) => [
+            S.key,
+            se(S, fe(S.width))
+          ])
+        );
+        ve(v), F.current = JSON.stringify({
+          columnOrder: i,
+          columnWidths: v
+        }), U.current = !0;
+      }
+    }).finally(() => {
+      h || G(!0);
+    }), () => {
+      h = !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(() => {
+      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);
+      }).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];
+    });
+  }, [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))])
+      );
+      return Object.fromEntries(
+        t.map((v) => [
+          v.key,
+          se(v, i[v.key] ?? h[v.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)
+      }));
+    }
+    function h() {
+      ye.current && (ye.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);
+    };
+  }, [t]);
+  const we = J(null), [Pe, Me] = E(null);
+  function xt(i, h) {
+    we.current = i, h.dataTransfer.effectAllowed = "move";
+  }
+  function vt(i, h) {
+    h.preventDefault(), h.dataTransfer.dropEffect = "move", Pe !== i && Me(i);
+  }
+  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 wt() {
+    we.current = null, Me(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 [St, $e] = E(1), [_e, Ct] = E(
+    g === !1 ? 0 : g
+  );
+  R(() => {
+    $e(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;
+    }) : 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);
+  }
+  function Bt(i) {
+    Ct(i), ue ? ($(i), M(1)) : $e(1), $ && $(i);
+  }
+  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(
+    "tr",
+    {
+      style: {
+        background: "color-mix(in srgb, var(--bg-input) 72%, transparent)"
+      },
+      children: [
+        te && /* @__PURE__ */ e(
+          "th",
+          {
+            className: `${T ? "px-2 py-1.5" : "px-3 py-2.5"} w-10`,
+            style: W ? {
+              position: "sticky",
+              left: 0,
+              zIndex: 12,
+              background: "color-mix(in srgb, var(--bg-input) 72%, transparent)",
+              backdropFilter: "blur(14px)",
+              WebkitBackdropFilter: "blur(14px)",
+              boxShadow: "inset 0 -2px 0 var(--border)",
+              borderRight: "1px solid var(--border)"
+            } : {
+              borderBottom: "2px solid var(--border)",
+              borderRight: "1px solid var(--border)"
+            },
+            children: /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                checked: Et,
+                ref: (i) => {
+                  i && (i.indeterminate = Mt);
+                },
+                onChange: y,
+                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(
+            "th",
+            {
+              className: `group select-none ${me ? "text-left" : Fe(i.align)}`,
+              style: {
+                ...D ? {
+                  position: "sticky",
+                  left: Le,
+                  zIndex: 12,
+                  background: "color-mix(in srgb, var(--bg-input) 72%, transparent)",
+                  backdropFilter: "blur(14px)",
+                  WebkitBackdropFilter: "blur(14px)",
+                  boxShadow: "3px 0 6px -2px rgba(0,0,0,0.12), inset 0 -2px 0 var(--border)",
+                  borderRight: "1px solid var(--border)"
+                } : {
+                  position: "relative",
+                  borderBottom: "2px solid var(--border)",
+                  borderRight: "1px solid var(--border)"
+                },
+                color: v ? "var(--primary)" : "var(--text-muted)",
+                whiteSpace: "nowrap",
+                transition: "color 0.15s",
+                borderLeft: V ? "2px solid var(--primary)" : "2px solid transparent",
+                cursor: S ? "pointer" : "default",
+                // Padding: room for grip icon left, resize handle right
+                padding: T ? "5px 24px 5px 6px" : "7px 28px 7px 6px"
+              },
+              onDragOver: (_) => vt(h, _),
+              onDrop: (_) => yt(h, _),
+              onClick: S ? () => kt(i) : void 0,
+              children: [
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    draggable: !0,
+                    onDragStart: (_) => {
+                      _.stopPropagation(), xt(h, _);
+                    },
+                    onDragEnd: (_) => {
+                      _.stopPropagation(), wt();
+                    },
+                    onClick: (_) => _.stopPropagation(),
+                    title: "Arrastrar para reordenar",
+                    className: "inline-flex items-center mr-1 opacity-0 group-hover:opacity-40 transition-opacity",
+                    style: {
+                      cursor: "grab",
+                      color: "var(--text-muted)",
+                      verticalAlign: "middle"
+                    },
+                    children: /* @__PURE__ */ e(Kt, { size: 15 })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  at,
+                  {
+                    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"
+                    },
+                    children: /* @__PURE__ */ s(
+                      "span",
+                      {
+                        className: `inline-flex max-w-full items-center gap-1 font-semibold uppercase tracking-wider ${T ? "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",
+                  {
+                    role: "separator",
+                    "aria-orientation": "vertical",
+                    title: "Arrastrar para redimensionar",
+                    onPointerDown: (_) => {
+                      _.preventDefault(), _.stopPropagation(), ye.current = {
+                        colKey: i.key,
+                        startX: _.clientX,
+                        startWidth: de[i.key] ?? 150
+                      }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+                    },
+                    onClick: (_) => _.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(
+                      "span",
+                      {
+                        style: {
+                          width: 3,
+                          height: "40%",
+                          borderRadius: 2,
+                          background: "var(--primary)",
+                          display: "block"
+                        }
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            i.key
+          );
+        })
+      ]
+    }
+  ), Ue = () => {
+    if (!oe || a) return null;
+    const i = xr(Q, Be);
+    return /* @__PURE__ */ s(
+      "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"}`,
+        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__ */ e("span", { style: { color: "var(--text-muted)" }, children: "Filas:" }),
+              /* @__PURE__ */ e(
+                ft,
+                {
+                  value: String(ie),
+                  onChange: (h) => Bt(Number(h)),
+                  options: b.map((h) => ({
+                    value: String(h),
+                    label: String(h)
+                  })),
+                  placeholder: "Filas",
+                  searchable: !1,
+                  height: L,
+                  padding: X,
+                  className: "shrink-0 [&>button]:rounded-md [&>button]:text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",
+                  style: { width: N }
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-0.5", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                disabled: Q <= 1,
+                onClick: () => Re(Q - 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" })
+              }
+            ),
+            i.map(
+              (h, v) => h === "..." ? /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "px-1",
+                  style: { color: "var(--text-muted)" },
+                  children: "…"
+                },
+                `e${v}`
+              ) : /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: () => Re(h),
+                  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)"
+                  },
+                  children: h
+                },
+                h
+              )
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                disabled: Q >= Be,
+                onClick: () => Re(Q + 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" })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  };
+  return a && r.length === 0 ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: "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,
+          {
+            options: { scrollbars: { autoHide: "leave", autoHideDelay: 200 } },
+            className: "w-full",
+            style: { maxHeight: A ? z : void 0 },
+            defer: !0,
+            children: /* @__PURE__ */ s(
+              "table",
+              {
+                className: "text-sm",
+                style: {
+                  tableLayout: "fixed",
+                  width: "100%",
+                  minWidth: "max-content",
+                  borderCollapse: "separate",
+                  borderSpacing: 0
+                },
+                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)"
+                        }
+                      }
+                    ),
+                    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",
+                          {
+                            className: "h-3.5 rounded-full animate-pulse",
+                            style: {
+                              background: "var(--border)",
+                              width: `${o(h, S)}%`,
+                              minWidth: 32
+                            }
+                          }
+                        )
+                      },
+                      v.key
+                    ))
+                  ] }, h)) })
+                ]
+              }
+            )
+          }
+        ) }),
+        Ue()
+      ]
+    }
+  ) : !a && r.length === 0 ? /* @__PURE__ */ s("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(
+    "div",
+    {
+      className: "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,
+          {
+            options: { scrollbars: { autoHide: "leave", autoHideDelay: 200 } },
+            className: "w-full",
+            style: { maxHeight: A ? z : void 0 },
+            defer: !0,
+            children: /* @__PURE__ */ s(
+              "table",
+              {
+                className: "text-sm",
+                style: {
+                  tableLayout: "fixed",
+                  width: "100%",
+                  minWidth: "max-content",
+                  borderCollapse: "separate",
+                  borderSpacing: 0
+                },
+                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",
+                                {
+                                  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",
+                                  ..._ ? {
+                                    position: "sticky",
+                                    left: Le,
+                                    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(at, { children: H.cell(i) })
+                              },
+                              H.key
+                            );
+                          })
+                        ]
+                      },
+                      v
+                    );
+                  }) })
+                ]
+              }
+            )
+          }
+        ) }),
+        Ue()
+      ]
+    }
+  );
+}
+function be(t) {
+  return t ? /* @__PURE__ */ new Date(`${t}T12:00:00`) : void 0;
+}
+function ot(t) {
+  return t.toISOString().slice(0, 10);
+}
+function vr({
+  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(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 8,
+        width: "100%",
+        color: "var(--text-main)",
+        marginBottom: 6
+      },
+      children: [
+        /* @__PURE__ */ e("span", { style: { fontWeight: 700 }, children: p.formatCaption(t.date) }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": m.labelPrevious(n),
+            onClick: () => n && l(n),
+            disabled: !c,
+            style: {
+              height: 28,
+              width: 28,
+              borderRadius: 8,
+              border: "1px solid var(--border)",
+              background: "var(--bg-card)",
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: "var(--text-main)",
+              opacity: c ? 1 : 0.45,
+              cursor: c ? "pointer" : "not-allowed"
+            },
+            children: /* @__PURE__ */ e(Se, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": m.labelNext(a),
+            onClick: () => a && l(a),
+            disabled: !d,
+            style: {
+              height: 28,
+              width: 28,
+              borderRadius: 8,
+              border: "1px solid var(--border)",
+              background: "var(--bg-card)",
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: "var(--text-main)",
+              opacity: d ? 1 : 0.45,
+              cursor: d ? "pointer" : "not-allowed"
+            },
+            children: /* @__PURE__ */ e(xe, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+function yr(t) {
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function on({
+  startDate: t,
+  endDate: r,
+  onChange: n,
+  minDate: a,
+  viewMonth: l,
+  numberOfMonths: u = 1,
+  showSummary: m = !0,
+  startLabel: p = "Inicio",
+  endLabel: c = "Regreso"
+}) {
+  const d = {
+    from: be(t),
+    to: be(r)
+  }, y = be(a), [C, w] = E(
+    be(l || t)
+  );
+  return R(() => {
+    w(be(l || t));
+  }, [l, t]), /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          borderRadius: 10,
+          overflow: "hidden",
+          border: "1px solid var(--border)",
+          background: "var(--bg-input)",
+          display: "flex",
+          justifyContent: "center",
+          padding: "10px 8px"
+        },
+        children: /* @__PURE__ */ e(
+          Qt,
+          {
+            mode: "range",
+            selected: d,
+            month: C,
+            onMonthChange: w,
+            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 });
+            },
+            numberOfMonths: u,
+            hideNavigation: !0,
+            disabled: y ? { before: y } : void 0,
+            showOutsideDays: !1,
+            components: {
+              MonthCaption: vr
+            },
+            className: "text-sm",
+            classNames: {
+              root: "w-full",
+              months: "flex gap-3 justify-center",
+              month: "space-y-2",
+              month_caption: "flex items-center justify-between px-1",
+              caption_label: "capitalize",
+              nav: "flex items-center gap-1",
+              button_previous: "h-8 w-8 inline-flex items-center justify-center rounded-md transition-colors",
+              button_next: "h-8 w-8 inline-flex items-center justify-center rounded-md transition-colors",
+              month_grid: "w-full border-collapse",
+              weekdays: "grid grid-cols-7 gap-1 mb-1",
+              weekday: "text-[11px] font-semibold text-center",
+              week: "grid grid-cols-7 gap-1",
+              day: "h-9 w-9 p-0 flex items-center justify-center",
+              day_button: "h-9 w-9 rounded-md text-sm font-medium transition-colors outline-none",
+              selected: "font-semibold",
+              range_start: "font-semibold",
+              range_middle: "font-medium",
+              range_end: "font-semibold",
+              today: "font-bold",
+              disabled: "opacity-40 cursor-not-allowed",
+              hidden: "invisible"
+            },
+            styles: {
+              month_caption: {
+                color: "var(--text-main)",
+                marginBottom: 6,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between"
+              },
+              caption_label: { color: "var(--text-main)", fontWeight: 700 },
+              nav: {
+                position: "static",
+                display: "flex",
+                alignItems: "center",
+                gap: 6
+              },
+              weekday: {
+                color: "var(--text-muted)",
+                textTransform: "lowercase"
+              },
+              button_previous: {
+                height: 32,
+                width: 32,
+                background: "var(--bg-card)",
+                color: "var(--text-main)",
+                border: "1px solid var(--border)"
+              },
+              button_next: {
+                height: 32,
+                width: 32,
+                background: "var(--bg-card)",
+                color: "var(--text-main)",
+                border: "1px solid var(--border)"
+              },
+              day_button: {
+                color: "var(--text-main)",
+                borderRadius: 8
+              },
+              chevron: {
+                fill: "var(--text-main)"
+              },
+              today: {
+                border: "1px solid color-mix(in srgb, var(--primary) 35%, transparent)"
+              },
+              disabled: {
+                color: "var(--text-muted)"
+              }
+            },
+            modifiersStyles: {
+              selected: {
+                background: "var(--primary)",
+                color: "var(--primary-fg, #ffffff)"
+              },
+              range_start: {
+                background: "var(--primary)",
+                color: "var(--primary-fg, #ffffff)"
+              },
+              range_end: {
+                background: "var(--primary)",
+                color: "var(--primary-fg, #ffffff)"
+              },
+              range_middle: {
+                background: "color-mix(in srgb, var(--primary) 20%, transparent)",
+                color: "var(--text-main)"
+              }
+            },
+            formatters: {
+              formatCaption: (f) => yr(
+                new Intl.DateTimeFormat("es-MX", {
+                  month: "long",
+                  year: "numeric"
+                }).format(f)
+              ),
+              formatWeekdayName: (f) => new Intl.DateTimeFormat("es-MX", {
+                weekday: "short"
+              }).format(f)
+            },
+            labels: {
+              labelMonthDropdown: () => "Mes",
+              labelYearDropdown: () => "Año"
+            }
+          }
+        )
+      }
+    ),
+    m && t && /* @__PURE__ */ s(
+      "div",
+      {
+        style: {
+          marginTop: 8,
+          fontSize: 12,
+          color: "var(--text-muted)",
+          display: "flex",
+          gap: 8,
+          flexWrap: "wrap"
+        },
+        children: [
+          /* @__PURE__ */ s("span", { children: [
+            p,
+            ":",
+            " ",
+            /* @__PURE__ */ e("strong", { style: { color: "var(--text-main)" }, children: t })
+          ] }),
+          r && /* @__PURE__ */ s("span", { children: [
+            c,
+            ":",
+            " ",
+            /* @__PURE__ */ e("strong", { style: { color: "var(--text-main)" }, children: r })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function sn({
+  open: t,
+  onClose: r,
+  title: n,
+  subtitle: a,
+  leadingIcon: l,
+  confirmLabel: u = "Guardar",
+  onConfirm: m,
+  loading: p = !1,
+  confirmDisabled: c = !1,
+  headerActions: d,
+  bodyClassName: y = "flex-1 overflow-y-auto px-6 py-5",
+  width: C = 440,
+  children: w
+}) {
+  const [f, g] = E(!1);
+  return R(() => {
+    g(!0);
+  }, []), R(() => (document.body.style.overflow = t ? "hidden" : "", () => {
+    document.body.style.overflow = "";
+  }), [t]), R(() => {
+    if (!t) return;
+    const b = (N) => {
+      N.key === "Escape" && r();
+    };
+    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+  }, [t, r]), f ? Ee(
+    /* @__PURE__ */ s(
+      "div",
+      {
+        "aria-hidden": !t,
+        className: `fixed inset-0 z-[1000] flex transition-opacity duration-300 ${t ? "opacity-100" : "opacity-0 pointer-events-none"}`,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute inset-0 bg-black/40 backdrop-blur-sm",
+              onClick: r
+            }
+          ),
+          /* @__PURE__ */ s(
+            "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)`,
+                background: "var(--bg-card)",
+                borderLeft: "1px solid var(--border)"
+              },
+              children: [
+                /* @__PURE__ */ s(
+                  "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" }) }),
+                        l && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: l }),
+                        /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+                          /* @__PURE__ */ e(
+                            "h3",
+                            {
+                              className: "text-base font-semibold truncate",
+                              style: { color: "var(--text-main)" },
+                              children: n
+                            }
+                          ),
+                          a && /* @__PURE__ */ e(
+                            "p",
+                            {
+                              className: "text-xs truncate",
+                              style: { color: "var(--text-muted)" },
+                              children: a
+                            }
+                          )
+                        ] })
+                      ] }),
+                      (d || m) && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+                        d,
+                        m && /* @__PURE__ */ s(le, { children: [
+                          /* @__PURE__ */ e(
+                            ne,
+                            {
+                              variant: "secondary",
+                              size: "sm",
+                              onClick: r,
+                              style: { background: "var(--bg-input)" },
+                              children: "Cancelar"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            ne,
+                            {
+                              variant: "primary",
+                              size: "sm",
+                              icon: /* @__PURE__ */ e(tr, { className: "w-4 h-4" }),
+                              onClick: m,
+                              loading: p,
+                              disabled: c,
+                              title: u
+                            }
+                          )
+                        ] })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e("div", { "data-drawer-scroll": "true", className: y, children: w })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  ) : null;
+}
+function it({
+  className: t = "",
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      ...r,
+      className: `h-11 rounded-lg border border-[var(--border)] bg-[var(--bg-input)] px-3 py-2 text-sm text-[var(--text-main)] outline-none placeholder:text-[var(--text-muted)] transition-colors focus:border-[var(--primary)] ${t}`
+    }
+  );
+}
+function ln({
+  label: t,
+  containerClassName: r = "",
+  helperText: n,
+  error: a,
+  labelAction: l,
+  floatingLabel: u = !1,
+  showPasswordToggle: m = !0,
+  className: p = "",
+  required: c,
+  ...d
+}) {
+  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);
+  };
+  return u ? /* @__PURE__ */ s("label", { className: `flex flex-col gap-2 ${r}`, children: [
+    /* @__PURE__ */ s("span", { className: "relative block", children: [
+      /* @__PURE__ */ e(
+        it,
+        {
+          ...d,
+          type: b,
+          required: c,
+          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
+        }
+      ),
+      /* @__PURE__ */ s(
+        "span",
+        {
+          className: "pointer-events-none absolute left-3 transition-all duration-150",
+          style: X,
+          children: [
+            t,
+            c && /* @__PURE__ */ e("span", { className: "ml-1 text-[var(--danger)]", children: "*" })
+          ]
+        }
+      ),
+      l && /* @__PURE__ */ e(
+        "span",
+        {
+          className: "absolute right-2 transition-all duration-150",
+          style: { top: L ? 8 : 15 },
+          children: l
+        }
+      ),
+      g && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "aria-label": w ? "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]" })
+        }
+      )
+    ] }),
+    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__ */ e("span", { children: t }),
+      c && /* @__PURE__ */ e("span", { className: "text-[var(--danger)]", children: "*" }),
+      l && /* @__PURE__ */ e("span", { className: "ml-auto normal-case", children: l })
+    ] }),
+    /* @__PURE__ */ e(
+      it,
+      {
+        ...d,
+        required: c,
+        "aria-invalid": !!a || d["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 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",
+    {
+      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 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(
+          "div",
+          {
+            className: "h-3.5 animate-pulse rounded-full bg-[var(--bg-input)]",
+            style: {
+              width: `${52 + (l * 13 + m * 11) % 36}%`
+            }
+          }
+        ) }, m))
+      },
+      l
+    ))
+  ] });
+}
+const kr = {
+  xs: {
+    width: 28,
+    height: 16,
+    thumb: 12,
+    padding: 2
+  },
+  sm: {
+    width: 36,
+    height: 20,
+    thumb: 16,
+    padding: 2
+  }
+};
+function dn({
+  checked: t,
+  disabled: r,
+  onCheckedChange: n,
+  size: a = "sm",
+  className: l = "",
+  ...u
+}) {
+  const m = kr[a], p = t ? m.width - m.thumb - m.padding * 2 : 0;
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ...u,
+      type: "button",
+      role: "switch",
+      "aria-checked": t,
+      disabled: r,
+      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,
+        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)"
+      },
+      children: /* @__PURE__ */ e(
+        "span",
+        {
+          className: "absolute inline-block rounded-full transition-transform",
+          style: {
+            width: m.thumb,
+            height: m.thumb,
+            left: m.padding,
+            top: "50%",
+            transform: `translate(${p}px, -50%)`,
+            background: t ? "var(--primary-fg)" : "var(--text-muted)"
+          }
+        }
+      )
+    }
+  );
+}
+const st = [
+  ".sidebar-scroll",
+  "[data-overlay-scroll='true']"
+].join(",");
+function Sr(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);
+  return !(![
+    r.overflow,
+    r.overflowX,
+    r.overflowY
+  ].join(" ").match(/auto|scroll/) || t.clientWidth === 0 && t.clientHeight === 0);
+}
+function gt(t) {
+  return t.classList.contains("sidebar-scroll");
+}
+function lt(t) {
+  gt(t) && t.querySelectorAll(".os-scrollbar-horizontal").forEach((r) => {
+    r.style.display = "none", r.style.height = "0", r.style.pointerEvents = "none";
+  });
+}
+function Cr() {
+  return R(() => {
+    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);
+          return;
+        }
+        const p = et(u, {
+          overflow: gt(u) ? { x: "hidden", y: "scroll" } : void 0,
+          scrollbars: {
+            autoHide: "leave",
+            autoHideDelay: 180
+          }
+        });
+        lt(u), t.set(u, p);
+      });
+    }, a = () => {
+      r || (r = window.requestAnimationFrame(n));
+    };
+    n();
+    const l = new MutationObserver(a);
+    return l.observe(document.body, {
+      childList: !0,
+      subtree: !0,
+      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());
+      });
+    };
+  }, []), null;
+}
+const Er = {
+  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) {
+  return typeof t == "string" ? t.trim() : "";
+}
+function Mr(t) {
+  return ct[[...t].reduce((r, n) => r + n.charCodeAt(0), 0) % ct.length];
+}
+function $r({
+  userId: t,
+  username: r,
+  name: n,
+  size: a = "md",
+  className: l = "",
+  style: u
+}) {
+  const { wh: m, text: p } = Er[a], c = dt(n) || dt(r) || "Usuario";
+  return /* @__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]
+    }
+  );
+}
+function Lr({ href: t, className: r, children: n }) {
+  return /* @__PURE__ */ e("a", { href: t, className: r, children: n });
+}
+function Tr(t) {
+  return t.reduce((r, n) => {
+    const a = n.section ?? "Principal";
+    return r[a] = [...r[a] ?? [], n], r;
+  }, {});
+}
+function Br({
+  children: t,
+  navItems: r = [],
+  currentPath: n = typeof window > "u" ? "/" : window.location.pathname,
+  user: a,
+  appName: l = "Bonsaif",
+  appLogo: u,
+  header: m,
+  footer: p,
+  onLogout: c,
+  LinkComponent: d = Lr
+}) {
+  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, {}),
+    /* @__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" })
+      }
+    ),
+    y && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Cerrar navegación",
+        className: "fixed inset-0 z-40 bg-black/45 lg:hidden",
+        onClick: () => C(!1)
+      }
+    ),
+    /* @__PURE__ */ s(
+      "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"}`,
+        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__ */ e("div", { className: "min-w-0 flex-1 truncate text-sm font-semibold", children: l }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                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" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            "nav",
+            {
+              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" }),
+                  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,
+                    {
+                      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"}`,
+                      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 })
+                      ]
+                    },
+                    b.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__ */ e(
+                $r,
+                {
+                  name: a.initials ?? a.name ?? a.email ?? "Usuario",
+                  size: "md"
+                }
+              ),
+              /* @__PURE__ */ s("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,
+              {
+                variant: "ghost",
+                className: "w-full justify-start text-white hover:bg-white/10",
+                onClick: c,
+                children: [
+                  /* @__PURE__ */ e(_t, { className: "h-4 w-4" }),
+                  " Salir"
+                ]
+              }
+            ),
+            p
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "min-h-screen lg:pl-72", children: [
+      m,
+      /* @__PURE__ */ e("main", { className: "min-h-screen", children: t })
+    ] })
+  ] });
+}
+const Rr = {
+  dashboard: "Dashboard",
+  tickets: "Tickets",
+  teams: "Equipos",
+  projects: "Proyectos",
+  clients: "Clientes",
+  surveys: "Encuestas",
+  profile: "Perfil",
+  settings: "Configuración",
+  notifications: "Notificaciones",
+  changelog: "Historial",
+  admin: "Inicio",
+  users: "Usuarios",
+  roles: "Roles",
+  menus: "Menús",
+  guards: "Guardias",
+  vacations: "Vacaciones",
+  audit: "Auditoría",
+  positions: "Puestos",
+  ranks: "Rangos",
+  "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" })
+};
+function Dr({
+  href: t,
+  className: r,
+  style: n,
+  children: a
+}) {
+  return /* @__PURE__ */ e("a", { href: t, className: r, style: n, children: a });
+}
+function Ar(t) {
+  return t.split("-").map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
+}
+function zr(t) {
+  return /^\d+$/.test(t) || /^[a-f0-9]{8,}$/i.test(t);
+}
+function Or(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);
+  return [{ label: "Inicio", href: "/" }, { label: u }];
+}
+function Oe(t) {
+  return (t == null ? void 0 : t.querySelector(":scope > .os-viewport")) ?? (t == null ? void 0 : t.querySelector(
+    ":scope > [data-overlayscrollbars-viewport]"
+  ));
+}
+function Ir(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];
+  const a = r.length > 1 ? r[r.length - 2] : "";
+  return ze[a] ?? /* @__PURE__ */ e(Ce, { className: "h-5 w-5" });
+}
+function un({
+  title: t,
+  subtitle: r,
+  action: n,
+  meta: a,
+  icon: l,
+  className: u = "",
+  contentClassName: m = "",
+  breadcrumbs: p,
+  currentPath: c = typeof window > "u" ? "/" : window.location.pathname,
+  showBreadcrumbs: d = !0,
+  contained: y = !1,
+  LinkComponent: C = Dr
+}) {
+  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);
+      return;
+    }
+    let k = null, M = 0, $ = 0;
+    const B = () => {
+      const T = w.current, A = document.querySelector(
+        "[data-app-scroll='true']"
+      );
+      return (T == null ? void 0 : T.closest(".os-viewport")) ?? (T == null ? void 0 : T.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();
+    };
+    return I(), M = window.requestAnimationFrame(I), $ = window.setTimeout(I, 120), () => {
+      window.cancelAnimationFrame(M), window.clearTimeout($), k == null || k.removeEventListener("scroll", W);
+    };
+  }, [y]), R(() => {
+    if (y) {
+      N(null);
+      return;
+    }
+    let k = 0;
+    const M = [], $ = () => {
+      const O = w.current, G = O == null ? void 0 : O.parentElement, F = document.querySelector(
+        "[data-app-scroll='true']"
+      ), U = Oe(F) ?? F;
+      if (!O || !G || !U) {
+        N(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)
+      };
+      N(
+        (ee) => ee && ee.marginLeft === Z.marginLeft && ee.width === Z.width ? ee : Z
+      );
+    }, B = () => {
+      window.cancelAnimationFrame(k), k = window.requestAnimationFrame($);
+    };
+    B(), window.addEventListener("resize", B);
+    const W = new ResizeObserver(B), I = w.current, T = I == null ? void 0 : I.parentElement, A = 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));
+    };
+  }, [y]), /* @__PURE__ */ e(
+    "div",
+    {
+      ref: w,
+      "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}`,
+      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)",
+        backdropFilter: "saturate(1.2) blur(14px)",
+        WebkitBackdropFilter: "saturate(1.2) blur(14px)",
+        borderBottom: y || f ? "1px solid var(--border)" : "1px solid transparent",
+        boxShadow: f ? "0 10px 28px rgba(12, 54, 53, 0.12)" : "none"
+      },
+      children: /* @__PURE__ */ s(
+        "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}`,
+          children: [
+            /* @__PURE__ */ s(
+              "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(
+                    "nav",
+                    {
+                      "aria-label": "Breadcrumb",
+                      className: "min-w-0 flex-shrink-0 transition-[opacity,transform] duration-300 ease-out",
+                      children: /* @__PURE__ */ e(
+                        "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(
+                              "li",
+                              {
+                                className: "flex min-w-0 items-center gap-1.5",
+                                children: [
+                                  M > 0 && /* @__PURE__ */ e(
+                                    xe,
+                                    {
+                                      className: "h-3.5 w-3.5 transition-[color,transform] duration-300 ease-out",
+                                      style: { color: "var(--text-muted)" }
+                                    }
+                                  ),
+                                  k.href && !$ ? /* @__PURE__ */ e(
+                                    C,
+                                    {
+                                      href: k.href,
+                                      className: "truncate transition-colors duration-300 hover:underline",
+                                      style: { color: "var(--text-muted)" },
+                                      children: k.label
+                                    }
+                                  ) : /* @__PURE__ */ e(
+                                    "span",
+                                    {
+                                      "aria-current": $ ? "page" : void 0,
+                                      className: $ ? "truncate font-semibold" : "truncate",
+                                      style: {
+                                        color: $ ? "var(--text-main)" : "var(--text-muted)"
+                                      },
+                                      children: k.label
+                                    }
+                                  )
+                                ]
+                              },
+                              `${k.label}-${M}`
+                            );
+                          })
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: `flex min-w-0 items-center transition-[gap,transform] duration-300 ease-out ${f ? "gap-2" : "gap-2.5 sm:gap-3"}`,
+                      children: [
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            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)"
+                            },
+                            children: X
+                          }
+                        ),
+                        /* @__PURE__ */ s(
+                          "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__ */ e(
+                                  "h1",
+                                  {
+                                    className: `truncate font-bold tracking-tight transition-[font-size,line-height,color] duration-300 ease-out ${f ? "text-lg sm:text-xl" : "text-xl sm:text-2xl"}`,
+                                    style: { color: "var(--text-main)" },
+                                    children: t
+                                  }
+                                ),
+                                r && /* @__PURE__ */ e(
+                                  "p",
+                                  {
+                                    "aria-hidden": f,
+                                    className: `overflow-hidden text-sm transition-[max-height,opacity,transform,margin] duration-300 ease-out ${f ? "mt-0 max-h-0 -translate-y-1 opacity-0" : "mt-0.5 max-h-6 translate-y-0 opacity-100 sm:mt-1"}`,
+                                    style: { color: "var(--text-muted)" },
+                                    children: r
+                                  }
+                                )
+                              ] }),
+                              a && /* @__PURE__ */ e(
+                                "div",
+                                {
+                                  className: `page-header-meta flex min-w-0 flex-1 basis-full items-center overflow-visible transition-[gap,opacity,transform] duration-300 ease-out sm:basis-auto ${f ? "translate-y-0 gap-1.5 opacity-95" : "gap-2 opacity-100"}`,
+                                  children: a
+                                }
+                              )
+                            ]
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            n && /* @__PURE__ */ e(
+              "div",
+              {
+                className: `page-header-actions flex flex-shrink-0 items-center self-center overflow-visible transition-[gap,min-height,opacity,transform] duration-300 ease-out ${f ? "min-h-10 gap-1.5 opacity-95" : "min-h-11 gap-2 opacity-100"}`,
+                children: n
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+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({
+  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 });
+}
+function ut() {
+  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) {
+  try {
+    const a = new URL(t), l = a.searchParams.get("callbackUrl");
+    if (l) {
+      const u = new URL(l, a.origin);
+      return u.searchParams.set("theme", r), n && (u.searchParams.set("primeAuthOrigin", window.location.origin), u.searchParams.set("primeAuthProjectKey", n)), a.searchParams.set(
+        "callbackUrl",
+        `${u.pathname}${u.search}${u.hash}`
+      ), a.toString();
+    }
+    return a.searchParams.set("theme", r), n && (a.searchParams.set("primeAuthOrigin", window.location.origin), a.searchParams.set("primeAuthProjectKey", n)), a.toString();
+  } catch {
+    return t;
+  }
+}
+function hn({
+  name: t,
+  src: r,
+  projectKey: n
+}) {
+  const [a, l] = E(
+    () => ut()
+  ), u = J(null);
+  R(() => {
+    const c = new MutationObserver(
+      () => l(ut())
+    );
+    return c.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["class"]
+    }), () => c.disconnect();
+  }, []);
+  const m = Je(
+    () => Hr(r, a, n),
+    [n, r, a]
+  ), p = Je(() => {
+    try {
+      return new URL(m).origin;
+    } catch {
+      return "";
+    }
+  }, [m]);
+  return R(() => {
+    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") {
+        window.dispatchEvent(
+          new CustomEvent("prime-auth:microservice-overlay", {
+            detail: { active: !!y.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(
+        new CustomEvent("prime-auth:microservice-navigation")
+      ));
+    }
+    return window.addEventListener("message", d), () => {
+      window.removeEventListener("message", d), window.dispatchEvent(
+        new CustomEvent("prime-auth:microservice-overlay", {
+          detail: { active: !1 }
+        })
+      );
+    };
+  }, [p, n]), /* @__PURE__ */ e("div", { className: "flex h-full min-h-screen flex-col bg-[var(--bg-main)]", children: /* @__PURE__ */ e(
+    "iframe",
+    {
+      ref: u,
+      src: m,
+      title: t,
+      className: "min-h-0 flex-1 border-0 bg-[var(--bg-main)]",
+      allow: "clipboard-write",
+      sandbox: "allow-downloads allow-forms allow-modals allow-popups allow-same-origin allow-scripts",
+      referrerPolicy: "strict-origin-when-cross-origin"
+    }
+  ) });
+}
+function fn() {
+  const [t, r] = E(""), [n, a] = E(!1), [l, u] = E({ width: 96, height: 96 });
+  return R(() => {
+    let m = !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);
+    }).catch(() => {
+    }), () => {
+      m = !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)
+      });
+    };
+    return window.addEventListener("message", m), () => window.removeEventListener("message", m);
+  }, []), t ? /* @__PURE__ */ e(
+    "iframe",
+    {
+      title: "Chat Bonsaif",
+      src: t,
+      allow: "clipboard-write",
+      className: "fixed bottom-0 right-0 z-[70] border-0 bg-transparent transition-[width,height] duration-200",
+      style: {
+        width: n ? `min(${l.width}px, 100vw)` : 96,
+        height: n ? `min(${l.height}px, 100vh)` : 96,
+        background: "transparent",
+        backgroundColor: "transparent",
+        colorScheme: "normal"
+      }
+    }
+  ) : null;
+}
+function mt(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) {
+  const r = document.documentElement, n = new MutationObserver(t);
+  n.observe(r, { attributes: !0, attributeFilter: ["class"] });
+  const a = window.matchMedia("(prefers-color-scheme: dark)");
+  return a.addEventListener("change", t), () => {
+    n.disconnect(), a.removeEventListener("change", t);
+  };
+}
+function Pr() {
+  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() {
+  return "light";
+}
+function bn() {
+  const t = At(
+    Wr,
+    Pr,
+    _r
+  );
+  return /* @__PURE__ */ e(rr, { 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
+};