better-table 1.1.0 → 1.3.0

package/dist/better-table.es.js

@@ -1,417 +1,819 @@
-import I, { useContext as Ee, createContext as Ke, useCallback as m, useMemo as x, useEffect as Oe, useState as z } from "react";
-import { jsx as i, jsxs as y, Fragment as Fe } from "react/jsx-runtime";
+import z, { createContext as Z, useContext as Q, useCallback as N, useMemo as A, useState as I, useRef as O, useEffect as $ } from "react";
+import { jsx as n, jsxs as C, Fragment as un } from "react/jsx-runtime";
+import { createPortal as hn } from "react-dom";
 import "./styles.js";
-const Ve = {
-  search: "Buscar",
-  searchPlaceholder: "Buscar...",
-  noData: "No hay datos",
-  loading: "Cargando...",
-  page: "Página",
-  of: "de",
-  items: "elementos",
-  selected: "seleccionados",
-  rowsPerPage: "Filas por página",
-  actions: "Acciones",
-  sortAsc: "Ordenar ascendente",
-  sortDesc: "Ordenar descendente",
-  filterBy: "Filtrar por",
-  clearFilters: "Limpiar filtros",
-  selectAll: "Seleccionar todo",
-  deselectAll: "Deseleccionar todo"
-}, $e = Ke(null);
-function w() {
-  const e = Ee($e);
+const Tt = Z(null);
+function j() {
+  const e = Q(Tt);
   if (!e)
-    throw new Error("useTableContext must be used within a TableProvider");
+    throw new Error("useTableData must be used within a TableProvider");
   return e;
 }
-function He({
-  value: e,
-  children: t
+const bn = Tt.Provider, Pt = Z(null);
+function fn() {
+  const e = Q(Pt);
+  if (!e)
+    throw new Error("useTableSortContext must be used within a TableProvider");
+  return e;
+}
+const pn = Pt.Provider, Dt = Z(null);
+function ce() {
+  const e = Q(Dt);
+  if (!e)
+    throw new Error("useTableFilterContext must be used within a TableProvider");
+  return e;
+}
+const mn = Dt.Provider, Lt = Z(null);
+function U() {
+  const e = Q(Lt);
+  if (!e)
+    throw new Error("useTableSelectionContext must be used within a TableProvider");
+  return e;
+}
+const gn = Lt.Provider, At = Z(null);
+function vn() {
+  const e = Q(At);
+  if (!e)
+    throw new Error("useTablePaginationContext must be used within a TableProvider");
+  return e;
+}
+const yn = At.Provider, It = Z(null);
+function R() {
+  const e = Q(It);
+  if (!e)
+    throw new Error("useTableUI must be used within a TableProvider");
+  return e;
+}
+const wn = It.Provider;
+function Cn({
+  data: e,
+  sort: t,
+  filter: i,
+  selection: r,
+  pagination: o,
+  ui: l,
+  children: s
 }) {
-  return /* @__PURE__ */ i($e.Provider, { value: e, children: t });
+  return /* @__PURE__ */ n(bn, { value: e, children: /* @__PURE__ */ n(pn, { value: t, children: /* @__PURE__ */ n(mn, { value: i, children: /* @__PURE__ */ n(gn, { value: r, children: /* @__PURE__ */ n(yn, { value: o, children: /* @__PURE__ */ n(wn, { value: l, children: s }) }) }) }) }) });
 }
-function xe(e) {
-  var t, l, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
+function Et(e) {
+  var t, i, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (t = 0; t < s; t++) e[t] && (l = xe(e[t])) && (n && (n += " "), n += l);
-  } else for (l in e) e[l] && (n && (n += " "), n += l);
-  return n;
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (i = Et(e[t])) && (r && (r += " "), r += i);
+  } else for (i in e) e[i] && (r && (r += " "), r += i);
+  return r;
+}
+function D() {
+  for (var e, t, i = 0, r = "", o = arguments.length; i < o; i++) (e = arguments[i]) && (t = Et(e)) && (r && (r += " "), r += t);
+  return r;
+}
+function Nn() {
+  return /* @__PURE__ */ C("svg", { className: "bt-sort-icon", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ n("path", { d: "M7 2.5L10 5.5H4L7 2.5Z", fill: "currentColor", opacity: "0.4" }),
+    /* @__PURE__ */ n("path", { d: "M7 11.5L4 8.5H10L7 11.5Z", fill: "currentColor", opacity: "0.4" })
+  ] });
 }
-function P() {
-  for (var e, t, l = 0, n = "", s = arguments.length; l < s; l++) (e = arguments[l]) && (t = xe(e)) && (n && (n += " "), n += t);
-  return n;
+function xn() {
+  return /* @__PURE__ */ C("svg", { className: "bt-sort-icon", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ n("path", { d: "M7 2.5L10 5.5H4L7 2.5Z", fill: "currentColor" }),
+    /* @__PURE__ */ n("path", { d: "M7 11.5L4 8.5H10L7 11.5Z", fill: "currentColor", opacity: "0.2" })
+  ] });
 }
-function qe({
+function kn() {
+  return /* @__PURE__ */ C("svg", { className: "bt-sort-icon", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ n("path", { d: "M7 2.5L10 5.5H4L7 2.5Z", fill: "currentColor", opacity: "0.2" }),
+    /* @__PURE__ */ n("path", { d: "M7 11.5L4 8.5H10L7 11.5Z", fill: "currentColor" })
+  ] });
+}
+function Sn({
   column: e
 }) {
-  const {
-    sortState: t,
-    handleSort: l,
-    filters: n,
-    setFilter: s,
-    locale: a
-  } = w(), r = t.columnId === e.id, b = r ? t.direction : null, o = m(() => {
-    e.sortable !== !1 && l(e.id);
-  }, [e.id, e.sortable, l]), h = m(
-    (u) => {
-      const v = u.target.value;
-      e.type === "boolean" ? v === "" ? s(e.id, null) : s(e.id, v === "true") : s(e.id, v || null);
+  const { sortState: t, handleSort: i, multiSortState: r, isMultiSort: o } = fn(), { locale: l, resizable: s, startResize: d, getColumnWidth: c } = R(), a = e.resizable !== void 0 ? e.resizable : s, u = N(
+    (w) => {
+      w.preventDefault(), w.stopPropagation(), d(e.id, w.clientX);
     },
-    [e.id, e.type, s]
-  ), f = m(
-    (u) => {
-      u.key === "Enter" && e.sortable !== !1 && l(e.id);
+    [e.id, d]
+  ), h = t.columnId === e.id, b = o ? r.findIndex((w) => w.columnId === e.id) : -1, f = b >= 0, v = f ? r[b].direction : null, m = o && r.length > 1 && f, P = o ? f : h, S = o ? v : h ? t.direction : null, x = N(() => {
+    e.sortable !== !1 && i(e.id);
+  }, [e.id, e.sortable, i]), y = N(
+    (w) => {
+      w.key === "Enter" && e.sortable !== !1 && i(e.id);
     },
-    [e.id, e.sortable, l]
-  ), S = () => e.sortable === !1 || e.type === "custom" ? null : /* @__PURE__ */ i(
-    "button",
-    {
-      className: P("bt-sort-btn", r && "bt-active"),
-      onClick: o,
-      "aria-label": b === "asc" ? a.sortDesc : a.sortAsc,
-      type: "button",
-      children: r ? b === "asc" ? "↑" : "↓" : "⇅"
-    }
-  ), p = () => {
-    if (e.filterable === !1 || e.type === "custom")
+    [e.id, e.sortable, i]
+  ), g = () => {
+    if (e.sortable === !1 || e.type === "custom")
       return null;
-    const u = n[e.id];
-    return e.type === "boolean" ? /* @__PURE__ */ y(
-      "select",
+    const w = P ? S === "asc" ? xn : kn : Nn;
+    return /* @__PURE__ */ C(
+      "button",
       {
-        className: "bt-filter-select",
-        value: u == null ? "" : String(u),
-        onChange: h,
-        "aria-label": `${a.filterBy} ${e.header}`,
+        className: D("bt-sort-btn", P && "bt-active"),
+        onClick: x,
+        "aria-label": S === "asc" ? l.sortDesc : l.sortAsc,
+        type: "button",
         children: [
-          /* @__PURE__ */ i("option", { value: "", children: "-" }),
-          /* @__PURE__ */ i("option", { value: "true", children: "✅" }),
-          /* @__PURE__ */ i("option", { value: "false", children: "❌" })
+          /* @__PURE__ */ n(w, {}),
+          m && /* @__PURE__ */ n("span", { className: "bt-sort-priority", "aria-label": `${l.sortPriority} ${b + 1}`, children: b + 1 })
         ]
       }
-    ) : /* @__PURE__ */ i(
-      "input",
+    );
+  };
+  if (e.headerCell) {
+    const w = c(e.id);
+    return /* @__PURE__ */ C(
+      "th",
       {
-        type: e.type === "number" ? "number" : "text",
-        className: "bt-filter-input",
-        placeholder: `${a.filterBy}...`,
-        value: u != null ? String(u) : "",
-        onChange: h,
-        "aria-label": `${a.filterBy} ${e.header}`
+        className: D("bt-th", e.align && `bt-align-${e.align}`, a && "bt-th-resizable"),
+        style: { width: w ?? e.width },
+        "data-column-id": e.id,
+        children: [
+          e.headerCell(e),
+          a && /* @__PURE__ */ n(
+            "div",
+            {
+              className: "bt-resize-handle",
+              onMouseDown: u,
+              role: "separator",
+              "aria-orientation": "vertical",
+              "aria-label": `Resize ${e.header}`
+            }
+          )
+        ]
       }
     );
-  };
-  return e.headerCell ? /* @__PURE__ */ i(
-    "th",
-    {
-      className: P("bt-th", e.align && `bt-align-${e.align}`),
-      style: { width: e.width },
-      children: e.headerCell(e)
-    }
-  ) : /* @__PURE__ */ i(
+  }
+  return /* @__PURE__ */ C(
     "th",
     {
-      className: P("bt-th", e.align && `bt-align-${e.align}`),
-      style: { width: e.width },
+      className: D("bt-th", e.align && `bt-align-${e.align}`, P && "bt-sorted", a && "bt-th-resizable"),
+      style: { width: c(e.id) ?? e.width },
+      "data-column-id": e.id,
       role: "columnheader",
-      "aria-sort": r ? b === "asc" ? "ascending" : "descending" : void 0,
+      "aria-sort": P ? S === "asc" ? "ascending" : "descending" : void 0,
       tabIndex: e.sortable !== !1 ? 0 : void 0,
-      onKeyDown: e.sortable !== !1 ? f : void 0,
-      children: /* @__PURE__ */ y("div", { className: "bt-th-content", children: [
-        /* @__PURE__ */ y("div", { className: "bt-th-header", children: [
-          /* @__PURE__ */ i("span", { className: "bt-th-title", children: e.header }),
-          S()
-        ] }),
-        e.filterable !== !1 && p()
-      ] })
+      onKeyDown: e.sortable !== !1 ? y : void 0,
+      children: [
+        /* @__PURE__ */ n("div", { className: "bt-th-content", children: /* @__PURE__ */ C("div", { className: "bt-th-header", children: [
+          /* @__PURE__ */ n("span", { className: "bt-th-title", children: e.header }),
+          g()
+        ] }) }),
+        a && /* @__PURE__ */ n(
+          "div",
+          {
+            className: "bt-resize-handle",
+            onMouseDown: u,
+            role: "separator",
+            "aria-orientation": "vertical",
+            "aria-label": `Resize ${e.header}`
+          }
+        )
+      ]
     }
   );
 }
-const _e = I.memo(
-  qe
+const Tn = z.memo(
+  Sn
+), Nt = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    className: "bt-ff-icon",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n("path", { d: "M1.5 2h13L9.5 8.5V14l-3-1.5V8.5z" })
+  }
 );
-function Je() {
-  const {
-    columns: e,
-    selectable: t,
-    selectionMode: l,
-    rowActions: n,
-    isAllSelected: s,
-    isPartiallySelected: a,
-    selectAll: r,
-    deselectAll: b,
-    locale: o,
-    stickyHeader: h
-  } = w(), f = e.filter((u) => !u.hidden), S = n && n.length > 0, p = () => {
-    s ? b() : r();
-  };
-  return /* @__PURE__ */ i("thead", { className: P("bt-thead", h && "bt-sticky"), children: /* @__PURE__ */ y("tr", { className: "bt-tr", children: [
-    t && /* @__PURE__ */ i("th", { className: "bt-th bt-checkbox-cell", children: l === "multiple" && /* @__PURE__ */ i(
+function Pn() {
+  const { visibleColumns: e, rowActions: t, expandableEnabled: i } = j(), { filters: r, setFilter: o } = ce(), { selectable: l, selectionMode: s } = U(), { locale: d, stickyHeader: c } = R(), a = t && t.length > 0;
+  return e.some(
+    (h) => h.filterable !== !1 && h.type !== "custom"
+  ) ? /* @__PURE__ */ C("tr", { className: D("bt-tr", "bt-floating-filter-row", c && "bt-sticky-filter"), children: [
+    i && /* @__PURE__ */ n("th", { className: "bt-th bt-floating-filter-cell bt-expand-cell" }),
+    l && s === "multiple" && /* @__PURE__ */ n("th", { className: "bt-th bt-floating-filter-cell bt-checkbox-cell" }),
+    l && s === "single" && /* @__PURE__ */ n("th", { className: "bt-th bt-floating-filter-cell bt-checkbox-cell" }),
+    e.map((h) => /* @__PURE__ */ n(
+      "th",
+      {
+        className: D(
+          "bt-th",
+          "bt-floating-filter-cell",
+          h.align && `bt-align-${h.align}`
+        ),
+        style: { width: h.width },
+        children: h.filterable !== !1 && h.type !== "custom" ? /* @__PURE__ */ n(
+          Ln,
+          {
+            column: h,
+            value: r[h.id],
+            setFilter: o,
+            locale: d
+          }
+        ) : null
+      },
+      h.id
+    )),
+    a && /* @__PURE__ */ n("th", { className: "bt-th bt-floating-filter-cell bt-actions-cell" })
+  ] }) : null;
+}
+function Dn({
+  column: e,
+  value: t,
+  setFilter: i,
+  locale: r
+}) {
+  const o = N(
+    (c) => {
+      const a = c.target.value;
+      e.type === "boolean" ? a === "" ? i(e.id, null) : i(e.id, a === "true") : i(e.id, a || null);
+    },
+    [e.id, e.type, i]
+  ), l = N(
+    (c, a) => {
+      const h = { ...t ?? {}, [c]: a || void 0 };
+      i(e.id, h);
+    },
+    [e.id, t, i]
+  ), s = `bt-ff-${e.id}`, d = A(() => {
+    if (t == null) return !1;
+    if (typeof t == "object") {
+      const c = t;
+      return !!(c.from || c.to);
+    }
+    return t !== "";
+  }, [t]);
+  if (e.type === "boolean")
+    return /* @__PURE__ */ C("div", { className: D("bt-ff-wrapper", d && "bt-ff-active"), children: [
+      /* @__PURE__ */ n(Nt, {}),
+      /* @__PURE__ */ C(
+        "select",
+        {
+          id: s,
+          name: s,
+          className: "bt-floating-filter-select",
+          value: t == null ? "" : String(t),
+          onChange: o,
+          "aria-label": `${r.filterBy} ${e.header}`,
+          children: [
+            /* @__PURE__ */ n("option", { value: "", children: "—" }),
+            /* @__PURE__ */ n("option", { value: "true", children: "✅" }),
+            /* @__PURE__ */ n("option", { value: "false", children: "❌" })
+          ]
+        }
+      )
+    ] });
+  if (e.type === "date") {
+    const c = t ?? {};
+    return /* @__PURE__ */ C("div", { className: D("bt-floating-filter-dates", d && "bt-ff-active"), children: [
+      /* @__PURE__ */ n(
+        "input",
+        {
+          id: `${s}-from`,
+          name: `${s}-from`,
+          type: "date",
+          className: "bt-floating-filter-input",
+          value: c.from ?? "",
+          onChange: (a) => l("from", a.target.value),
+          "aria-label": `${r.dateFrom} ${e.header}`,
+          title: r.dateFrom
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: "bt-ff-date-sep", children: "–" }),
+      /* @__PURE__ */ n(
+        "input",
+        {
+          id: `${s}-to`,
+          name: `${s}-to`,
+          type: "date",
+          className: "bt-floating-filter-input",
+          value: c.to ?? "",
+          onChange: (a) => l("to", a.target.value),
+          "aria-label": `${r.dateTo} ${e.header}`,
+          title: r.dateTo
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ C("div", { className: D("bt-ff-wrapper", d && "bt-ff-active"), children: [
+    /* @__PURE__ */ n(Nt, {}),
+    /* @__PURE__ */ n(
       "input",
       {
-        type: "checkbox",
-        className: "bt-checkbox",
-        checked: s,
-        ref: (u) => {
-          u && (u.indeterminate = a);
-        },
-        onChange: p,
-        "aria-label": s ? o.deselectAll : o.selectAll
+        id: s,
+        name: s,
+        type: e.type === "number" ? "number" : "text",
+        className: "bt-floating-filter-input",
+        placeholder: "...",
+        value: t != null ? String(t) : "",
+        onChange: o,
+        "aria-label": `${r.filterBy} ${e.header}`
       }
-    ) }),
-    f.map((u) => /* @__PURE__ */ i(_e, { column: u }, u.id)),
-    S && /* @__PURE__ */ i("th", { className: "bt-th bt-actions-cell", children: o.actions })
-  ] }) });
+    )
+  ] });
+}
+const Ln = z.memo(Dn), An = z.memo(
+  Pn
+);
+function In() {
+  const { visibleColumns: e, rowActions: t, expandableEnabled: i } = j(), { selectable: r, selectionMode: o, isAllSelected: l, isPartiallySelected: s, selectAll: d, deselectAll: c } = U(), { locale: a, stickyHeader: u } = R(), { filterMode: h } = ce(), b = t && t.length > 0, f = h === "floating" || h === "both", v = () => {
+    l ? c() : d();
+  };
+  return /* @__PURE__ */ C("thead", { className: D("bt-thead", u && "bt-sticky"), children: [
+    /* @__PURE__ */ C("tr", { className: "bt-tr", children: [
+      i && /* @__PURE__ */ n("th", { className: "bt-th bt-expand-cell", "aria-label": "Expand" }),
+      r && /* @__PURE__ */ n("th", { className: "bt-th bt-checkbox-cell", children: o === "multiple" && /* @__PURE__ */ n(
+        "input",
+        {
+          id: "bt-select-all",
+          name: "bt-select-all",
+          type: "checkbox",
+          className: "bt-checkbox",
+          checked: l,
+          ref: (m) => {
+            m && (m.indeterminate = s);
+          },
+          onChange: v,
+          "aria-label": l ? a.deselectAll : a.selectAll
+        }
+      ) }),
+      e.map((m) => /* @__PURE__ */ n(Tn, { column: m }, m.id)),
+      b && /* @__PURE__ */ n("th", { className: "bt-th bt-actions-cell", children: a.actions })
+    ] }),
+    f && /* @__PURE__ */ n(An, {})
+  ] });
 }
-const Qe = Je;
-function M(e, t) {
+const En = In;
+function W(e, t) {
   if (!e || !t) return;
-  const l = t.split(".");
-  let n = e;
-  for (const s of l) {
-    if (n == null)
+  const i = t.split(".");
+  let r = e;
+  for (const o of i) {
+    if (r == null)
       return;
-    if (typeof n == "object")
-      n = n[s];
+    if (typeof r == "object")
+      r = r[o];
     else
       return;
   }
-  return n;
+  return r;
 }
-function Ge(e, t, l) {
-  return [...e].sort((n, s) => {
-    const a = M(n, t), r = M(s, t);
-    if (a == null)
-      return l === "asc" ? 1 : -1;
-    if (r == null)
-      return l === "asc" ? -1 : 1;
-    if (typeof a == "string" && typeof r == "string") {
-      const f = a.localeCompare(r, void 0, {
-        sensitivity: "base",
-        numeric: !0
-      });
-      return l === "asc" ? f : -f;
-    }
-    if (typeof a == "number" && typeof r == "number")
-      return l === "asc" ? a - r : r - a;
-    if (typeof a == "boolean" && typeof r == "boolean") {
-      const f = a === r ? 0 : a ? -1 : 1;
-      return l === "asc" ? f : -f;
-    }
-    if (a instanceof Date && r instanceof Date) {
-      const f = a.getTime() - r.getTime();
-      return l === "asc" ? f : -f;
+function Mt(e, t, i) {
+  if (e == null)
+    return i === "asc" ? 1 : -1;
+  if (t == null)
+    return i === "asc" ? -1 : 1;
+  if (typeof e == "string" && typeof t == "string") {
+    const s = e.localeCompare(t, void 0, {
+      sensitivity: "base",
+      numeric: !0
+    });
+    return i === "asc" ? s : -s;
+  }
+  if (typeof e == "number" && typeof t == "number")
+    return i === "asc" ? e - t : t - e;
+  if (typeof e == "boolean" && typeof t == "boolean") {
+    const s = e === t ? 0 : e ? -1 : 1;
+    return i === "asc" ? s : -s;
+  }
+  if (e instanceof Date && t instanceof Date) {
+    const s = e.getTime() - t.getTime();
+    return i === "asc" ? s : -s;
+  }
+  const r = String(e), o = String(t), l = r.localeCompare(o);
+  return i === "asc" ? l : -l;
+}
+function Mn(e, t, i) {
+  return [...e].sort((r, o) => {
+    const l = W(r, t), s = W(o, t);
+    return Mt(l, s, i);
+  });
+}
+function Rn(e, t) {
+  const i = t.filter((r) => r.columnId !== null);
+  return i.length === 0 ? e : [...e].sort((r, o) => {
+    for (const l of i) {
+      const s = W(
+        r,
+        l.columnId
+      ), d = W(
+        o,
+        l.columnId
+      ), c = Mt(s, d, l.direction);
+      if (c !== 0) return c;
     }
-    const b = String(a), o = String(r), h = b.localeCompare(o);
-    return l === "asc" ? h : -h;
+    return 0;
   });
 }
-function Ue(e, t, l) {
-  const n = Object.entries(t).filter(
-    ([, s]) => s != null && s !== ""
+function ae(e) {
+  if (e instanceof Date) return e;
+  if (typeof e == "string" || typeof e == "number") {
+    const t = new Date(e);
+    return isNaN(t.getTime()) ? null : t;
+  }
+  return null;
+}
+function Fn(e, t, i) {
+  const r = Object.entries(t).filter(
+    ([, o]) => o != null && o !== ""
   );
-  return n.length === 0 ? e : e.filter((s) => n.every(([a, r]) => {
-    const b = l.find((f) => f.id === a);
-    if (!b) return !0;
-    const o = M(
-      s,
-      String(b.accessor)
+  return r.length === 0 ? e : e.filter((o) => r.every(([l, s]) => {
+    const d = i.find((u) => u.id === l);
+    if (!d) return !0;
+    const c = W(
+      o,
+      String(d.accessor)
     );
-    if (o == null)
+    if (c == null)
       return !1;
-    switch (b.type ?? "string") {
+    switch (d.type ?? "string") {
       case "boolean":
-        return o === r;
+        return c === s;
       case "number":
-        return String(o) === String(r);
-      case "date":
-        if (o instanceof Date && r) {
-          const f = new Date(String(r));
-          return o.toDateString() === f.toDateString();
+        return String(c) === String(s);
+      case "date": {
+        const u = ae(c);
+        if (!u) return !1;
+        if (s && typeof s == "object" && ("from" in s || "to" in s)) {
+          const b = s;
+          if (b.from) {
+            const f = ae(b.from);
+            if (f && u < f) return !1;
+          }
+          if (b.to) {
+            const f = ae(b.to);
+            if (f) {
+              const v = new Date(f);
+              if (v.setHours(23, 59, 59, 999), u > v) return !1;
+            }
+          }
+          return !0;
         }
-        return String(o).includes(String(r));
+        const h = ae(s);
+        return h ? u.toDateString() === h.toDateString() : String(c).includes(String(s));
+      }
       default:
-        return String(o).toLowerCase().includes(String(r).toLowerCase());
+        return String(c).toLowerCase().includes(String(s).toLowerCase());
     }
   }));
 }
-function We(e, t, l, n) {
+function $n(e, t, i, r) {
   if (!t.trim())
     return e;
-  const s = t.toLowerCase().trim(), a = n ? l.filter((r) => n.includes(r.id)) : l.filter((r) => r.type !== "custom");
+  const o = t.toLowerCase().trim(), l = r ? i.filter(
+    (s) => r.includes(s.id) || r.includes(String(s.accessor))
+  ) : i.filter((s) => s.type !== "custom");
   return e.filter(
-    (r) => a.some((b) => {
-      const o = M(
-        r,
-        String(b.accessor)
+    (s) => l.some((d) => {
+      const c = W(
+        s,
+        String(d.accessor)
       );
-      return o == null ? !1 : String(o).toLowerCase().includes(s);
+      return c == null ? !1 : String(c).toLowerCase().includes(o);
     })
   );
 }
-function Xe({
+function zn({
   row: e,
   column: t,
-  rowIndex: l
+  rowIndex: i
 }) {
-  const n = M(
+  const { resizable: r, getColumnWidth: o } = R(), l = W(
     e,
     String(t.accessor)
-  ), a = (() => {
+  ), d = (() => {
     if (t.cell)
-      return t.cell(n, e, l);
-    if (n == null)
-      return /* @__PURE__ */ i("span", { className: "bt-cell-empty", children: "—" });
+      return t.cell(l, e, i);
+    if (l == null)
+      return /* @__PURE__ */ n("span", { className: "bt-cell-empty", children: "—" });
     switch (t.type) {
       case "boolean":
-        return n ? "✅" : "❌";
+        return l ? "✅" : "❌";
       case "date":
-        if (n instanceof Date)
-          return n.toLocaleDateString();
-        const r = new Date(String(n));
-        return isNaN(r.getTime()) ? String(n) : r.toLocaleDateString();
+        if (l instanceof Date)
+          return l.toLocaleDateString();
+        const a = new Date(String(l));
+        return isNaN(a.getTime()) ? String(l) : a.toLocaleDateString();
       case "number":
-        return typeof n == "number" ? n.toLocaleString() : n;
+        return typeof l == "number" ? l.toLocaleString() : l;
       default:
-        return String(n);
+        return String(l);
     }
-  })();
-  return /* @__PURE__ */ i(
+  })(), c = r ? o(t.id) ?? t.width : t.width;
+  return /* @__PURE__ */ n(
     "td",
     {
-      className: P("bt-td", t.align && `bt-align-${t.align}`),
-      style: { width: t.width },
-      children: a
+      className: D("bt-td", t.align && `bt-align-${t.align}`),
+      style: { width: c },
+      children: d
     }
   );
 }
-const Ye = I.memo(Xe);
-function Ze({
+const On = z.memo(zn), jn = "📦";
+function Bn({
+  actions: e,
+  row: t,
+  rowIndex: i,
+  onActionClick: r,
+  direction: o = "down"
+}) {
+  const { locale: l } = R(), [s, d] = I(!1), [c, a] = I({ top: 0, left: 0, openUp: !1 }), u = O(null), h = O(null), b = N((y) => {
+    y.stopPropagation(), d((g) => {
+      if (!g && u.current) {
+        const w = u.current.getBoundingClientRect(), T = window.innerHeight - w.bottom, L = o === "up" || T < 200;
+        a({
+          top: L ? w.top : w.bottom,
+          left: w.right,
+          openUp: L
+        });
+      }
+      return !g;
+    });
+  }, [o]);
+  $(() => {
+    if (!s) return;
+    const y = (g) => {
+      const w = g.target;
+      u.current && !u.current.contains(w) && h.current && !h.current.contains(w) && d(!1);
+    };
+    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+  }, [s]), $(() => {
+    if (!s) return;
+    const y = (g) => {
+      g.key === "Escape" && d(!1);
+    };
+    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
+  }, [s]), $(() => {
+    if (!s) return;
+    const y = () => d(!1);
+    return window.addEventListener("scroll", y, !0), () => window.removeEventListener("scroll", y, !0);
+  }, [s]);
+  const f = e.filter((y) => y.variant !== "danger"), v = e.filter((y) => y.variant === "danger"), m = [...f, ...v], P = f.length > 0 && v.length > 0, S = f.length, x = c.openUp ? { position: "fixed", bottom: window.innerHeight - c.top, right: window.innerWidth - c.left } : { position: "fixed", top: c.top, right: window.innerWidth - c.left };
+  return /* @__PURE__ */ C("div", { className: "bt-overflow-container", children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        ref: u,
+        className: "bt-action-btn bt-overflow-trigger",
+        onClick: b,
+        "aria-label": l.moreActions,
+        "aria-expanded": s,
+        "aria-haspopup": "menu",
+        title: l.moreActions,
+        type: "button",
+        children: /* @__PURE__ */ n("span", { className: "bt-overflow-icon", children: /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+          /* @__PURE__ */ n("circle", { cx: "3", cy: "8", r: "1.5" }),
+          /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "1.5" }),
+          /* @__PURE__ */ n("circle", { cx: "13", cy: "8", r: "1.5" })
+        ] }) })
+      }
+    ),
+    s && hn(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          ref: h,
+          className: D(
+            "bt-overflow-menu",
+            c.openUp && "bt-overflow-menu-up"
+          ),
+          style: x,
+          role: "menu",
+          children: m.map((y, g) => {
+            if (y.visible && !y.visible(t))
+              return null;
+            const w = y.disabled ? y.disabled(t) : !1, T = y.icon ?? jn, L = P && g === S;
+            return /* @__PURE__ */ C(z.Fragment, { children: [
+              L && /* @__PURE__ */ n("div", { className: "bt-overflow-separator", role: "separator" }),
+              y.mode === "link" && y.href ? /* @__PURE__ */ C(
+                "a",
+                {
+                  href: typeof y.href == "function" ? y.href(t) : y.href,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: D(
+                    "bt-overflow-item",
+                    y.variant === "danger" && "bt-overflow-item-danger"
+                  ),
+                  role: "menuitem",
+                  onClick: (p) => {
+                    p.stopPropagation(), d(!1);
+                  },
+                  children: [
+                    /* @__PURE__ */ n("span", { className: "bt-overflow-item-icon", children: T }),
+                    /* @__PURE__ */ n("span", { className: "bt-overflow-item-label", children: y.label })
+                  ]
+                }
+              ) : /* @__PURE__ */ C(
+                "button",
+                {
+                  className: D(
+                    "bt-overflow-item",
+                    y.variant === "danger" && "bt-overflow-item-danger"
+                  ),
+                  role: "menuitem",
+                  disabled: w,
+                  onClick: (p) => {
+                    p.stopPropagation(), r(y), d(!1);
+                  },
+                  type: "button",
+                  children: [
+                    /* @__PURE__ */ n("span", { className: "bt-overflow-item-icon", children: T }),
+                    /* @__PURE__ */ n("span", { className: "bt-overflow-item-label", children: y.label })
+                  ]
+                }
+              )
+            ] }, y.id);
+          })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+const Rt = z.memo(
+  Bn
+), Wn = "📦";
+function Hn({
   row: e,
   rowIndex: t
 }) {
-  const { rowActions: l, openModal: n } = w(), s = m(
+  const { rowActions: i, maxVisibleActions: r } = j(), { openModal: o, closeModal: l } = R(), s = N(
     (a) => {
       if (a.mode === "callback" && a.onClick)
         a.onClick(e, t);
       else if (a.mode === "modal" && a.modalContent) {
-        const r = a.modalContent;
-        n(
-          /* @__PURE__ */ i(
-            r,
+        const u = a.modalContent;
+        o(
+          /* @__PURE__ */ n(
+            u,
             {
               data: e,
-              onClose: () => {
-              }
+              onClose: l
             }
           )
         );
       } else if (a.mode === "link" && a.href) {
-        const r = typeof a.href == "function" ? a.href(e) : a.href;
-        window.open(r, "_blank");
+        const u = typeof a.href == "function" ? a.href(e) : a.href;
+        window.open(u, "_blank");
       }
     },
-    [e, t, n]
-  );
-  return !l || l.length === 0 ? null : /* @__PURE__ */ i("td", { className: "bt-td bt-actions-cell", children: /* @__PURE__ */ i("div", { className: "bt-actions-wrapper", children: l.map((a) => {
-    if (a.visible && !a.visible(e))
-      return null;
-    const r = a.disabled ? a.disabled(e) : !1;
-    if (a.mode === "link" && a.href) {
-      const b = typeof a.href == "function" ? a.href(e) : a.href;
-      return /* @__PURE__ */ i(
-        "a",
+    [e, t, o, l]
+  ), { inlineActions: d, overflowActions: c } = A(() => {
+    if (!i) return { inlineActions: [], overflowActions: [] };
+    const a = i.filter(
+      (h) => !h.visible || h.visible(e)
+    );
+    if (a.length <= r)
+      return { inlineActions: a, overflowActions: [] };
+    const u = r - 1;
+    return {
+      inlineActions: a.slice(0, u),
+      overflowActions: a.slice(u)
+    };
+  }, [i, r, e]);
+  return !i || i.length === 0 ? null : /* @__PURE__ */ n("td", { className: "bt-td bt-actions-cell", children: /* @__PURE__ */ C("div", { className: "bt-actions-wrapper", children: [
+    d.map((a) => {
+      const u = a.disabled ? a.disabled(e) : !1, h = a.icon ?? Wn;
+      if (a.mode === "link" && a.href) {
+        const b = typeof a.href == "function" ? a.href(e) : a.href;
+        return /* @__PURE__ */ n(
+          "a",
+          {
+            href: b,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: D(
+              "bt-action-btn bt-action-icon-only",
+              a.variant && `bt-variant-${a.variant}`
+            ),
+            "aria-label": a.label,
+            title: a.label,
+            children: /* @__PURE__ */ n("span", { className: "bt-action-icon", children: h })
+          },
+          a.id
+        );
+      }
+      return /* @__PURE__ */ n(
+        "button",
         {
-          href: b,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: P(
-            "bt-action-btn",
+          className: D(
+            "bt-action-btn bt-action-icon-only",
             a.variant && `bt-variant-${a.variant}`
           ),
+          onClick: () => s(a),
+          disabled: u,
           "aria-label": a.label,
-          children: a.icon && /* @__PURE__ */ i("span", { className: "bt-action-icon", children: a.icon })
+          title: a.label,
+          type: "button",
+          children: /* @__PURE__ */ n("span", { className: "bt-action-icon", children: h })
         },
         a.id
       );
-    }
-    return /* @__PURE__ */ i(
-      "button",
+    }),
+    c.length > 0 && /* @__PURE__ */ n(
+      Rt,
       {
-        className: P(
-          "bt-action-btn",
-          a.variant && `bt-variant-${a.variant}`
-        ),
-        onClick: () => s(a),
-        disabled: r,
-        "aria-label": a.label,
-        title: a.label,
-        type: "button",
-        children: a.icon && /* @__PURE__ */ i("span", { className: "bt-action-icon", children: a.icon })
-      },
-      a.id
-    );
-  }) }) });
+        actions: c,
+        row: e,
+        rowIndex: t,
+        onActionClick: s,
+        direction: "down"
+      }
+    )
+  ] }) });
 }
-const et = I.memo(
-  Ze
+const Vn = z.memo(
+  Hn
 );
-function tt({ row: e, rowIndex: t }) {
-  const {
-    columns: l,
-    selectable: n,
-    rowActions: s,
-    isSelected: a,
-    toggleRow: r,
-    striped: b,
-    hoverable: o,
-    onRowClick: h,
-    onRowDoubleClick: f
-  } = w(), S = l.filter((k) => !k.hidden), p = s && s.length > 0, u = n && a(e, t), v = !!h, N = m(() => {
-    h?.(e, t);
-  }, [e, t, h]), D = m(() => {
+function _n({ row: e, rowIndex: t, rowKey: i }) {
+  const { visibleColumns: r, rowActions: o, expandableEnabled: l, isExpanded: s, toggleExpand: d } = j(), { selectable: c, isSelected: a, toggleRow: u } = U(), { striped: h, hoverable: b, onRowClick: f, onRowDoubleClick: v, locale: m } = R(), P = o && o.length > 0, S = c && a(e, t), x = !!f, y = l && s(i), g = N(() => {
     f?.(e, t);
-  }, [e, t, f]), $ = m(() => {
-    r(e, t);
-  }, [e, t, r]), T = m(
+  }, [e, t, f]), w = N(() => {
+    v?.(e, t);
+  }, [e, t, v]), T = N(() => {
+    u(e, t);
+  }, [e, t, u]), L = N(() => {
+    d(i);
+  }, [i, d]), p = N(
     (k) => {
-      k.key === "Enter" && h && N();
+      k.key === "Enter" && f && g();
     },
-    [N, h]
+    [g, f]
   );
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ C(
     "tr",
     {
-      className: P(
+      className: D(
         "bt-tr",
-        b && "bt-striped",
-        o && "bt-hoverable",
-        u && "bt-selected",
-        v && "bt-clickable"
+        h && "bt-striped",
+        b && "bt-hoverable",
+        S && "bt-selected",
+        x && "bt-clickable",
+        y && "bt-expanded"
       ),
-      onClick: v ? N : void 0,
-      onDoubleClick: f ? D : void 0,
-      onKeyDown: v ? T : void 0,
-      tabIndex: v ? 0 : void 0,
-      role: v ? "button" : void 0,
-      "aria-selected": n ? u : void 0,
+      onClick: x ? g : void 0,
+      onDoubleClick: v ? w : void 0,
+      onKeyDown: x ? p : void 0,
+      tabIndex: x ? 0 : void 0,
+      role: x ? "button" : void 0,
+      "aria-selected": c ? S : void 0,
+      "aria-expanded": l ? y : void 0,
       children: [
-        n && /* @__PURE__ */ i("td", { className: "bt-td bt-checkbox-cell", children: /* @__PURE__ */ i(
+        l && /* @__PURE__ */ n("td", { className: "bt-td bt-expand-cell", children: /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: D("bt-expand-button", y && "bt-expand-button-expanded"),
+            onClick: (k) => {
+              k.stopPropagation(), L();
+            },
+            "aria-label": y ? m.collapseRow : m.expandRow,
+            "aria-expanded": y,
+            children: /* @__PURE__ */ n(
+              "svg",
+              {
+                className: "bt-expand-icon",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ n(
+                  "path",
+                  {
+                    d: "M6 4l4 4-4 4",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          }
+        ) }),
+        c && /* @__PURE__ */ n("td", { className: "bt-td bt-checkbox-cell", children: /* @__PURE__ */ n(
           "input",
           {
+            id: `bt-row-select-${t}`,
+            name: `bt-row-select-${t}`,
             type: "checkbox",
             className: "bt-checkbox",
-            checked: u,
-            onChange: $,
+            checked: S,
+            onChange: T,
             onClick: (k) => k.stopPropagation(),
             "aria-label": `Select row ${t + 1}`
           }
         ) }),
-        S.map((k) => /* @__PURE__ */ i(
-          Ye,
+        r.map((k) => /* @__PURE__ */ n(
+          On,
           {
             row: e,
             column: k,
@@ -419,917 +821,1760 @@ function tt({ row: e, rowIndex: t }) {
           },
           k.id
         )),
-        p && /* @__PURE__ */ i(et, { row: e, rowIndex: t })
+        P && /* @__PURE__ */ n(Vn, { row: e, rowIndex: t })
       ]
     }
   );
 }
-const at = I.memo(tt);
-function nt() {
-  const { processedData: e, rowKey: t } = w(), l = (n, s) => {
+const Ft = z.memo(_n);
+function Un({ row: e, rowIndex: t }) {
+  const { visibleColumns: i, rowActions: r, expandableRender: o } = j(), { selectable: l } = U();
+  if (!o) return null;
+  const s = r && r.length > 0, d = 1 + (l ? 1 : 0) + i.length + (s ? 1 : 0);
+  return /* @__PURE__ */ n("tr", { className: "bt-tr bt-expanded-row", role: "row", children: /* @__PURE__ */ n("td", { className: "bt-td bt-expanded-content", colSpan: d, children: o(e, t) }) });
+}
+const qn = Un;
+function Kn() {
+  const { processedData: e, rowKey: t, expandableEnabled: i, isExpanded: r } = j(), o = (l, s) => {
     if (typeof t == "function")
-      return t(n, s);
-    const a = n[t];
-    return String(a !== void 0 ? a : s);
+      return t(l, s);
+    const d = l[t];
+    return String(d !== void 0 ? d : s);
   };
-  return /* @__PURE__ */ i("tbody", { className: "bt-tbody", children: e.map((n, s) => /* @__PURE__ */ i(at, { row: n, rowIndex: s }, l(n, s))) });
+  return /* @__PURE__ */ n("tbody", { className: "bt-tbody", children: e.map((l, s) => {
+    const d = o(l, s), c = i && r(d);
+    return /* @__PURE__ */ C(z.Fragment, { children: [
+      /* @__PURE__ */ n(Ft, { row: l, rowIndex: s, rowKey: d }),
+      c && /* @__PURE__ */ n(qn, { row: l, rowIndex: s })
+    ] }, d);
+  }) });
 }
-const lt = nt;
-function st({ row: e, rowIndex: t }) {
-  const {
-    columns: l,
-    selectable: n,
-    rowActions: s,
-    isSelected: a,
-    toggleRow: r,
-    hoverable: b,
-    onRowClick: o,
-    openModal: h
-  } = w(), f = l.filter((c) => !c.hidden), S = s && s.length > 0, p = n && a(e, t), u = f[0], v = f.slice(1), N = m(() => {
-    r(e, t);
-  }, [e, t, r]), D = m(() => {
-    o?.(e, t);
-  }, [e, t, o]), $ = m(
-    (c) => {
-      c.key === "Enter" && o && D();
+const Zn = Kn, Qn = "📦";
+function Xn({ row: e, rowIndex: t }) {
+  const { visibleColumns: i, rowActions: r, maxVisibleActions: o } = j(), { selectable: l, isSelected: s, toggleRow: d } = U(), { hoverable: c, onRowClick: a, openModal: u, closeModal: h } = R(), b = r && r.length > 0, f = l && s(e, t), v = i[0], m = i.slice(1), { inlineActions: P, overflowActions: S } = A(() => {
+    if (!r) return { inlineActions: [], overflowActions: [] };
+    const p = r.filter(
+      (F) => !F.visible || F.visible(e)
+    );
+    if (p.length <= o)
+      return { inlineActions: p, overflowActions: [] };
+    const k = o - 1;
+    return {
+      inlineActions: p.slice(0, k),
+      overflowActions: p.slice(k)
+    };
+  }, [r, o, e]), x = N(() => {
+    d(e, t);
+  }, [e, t, d]), y = N(() => {
+    a?.(e, t);
+  }, [e, t, a]), g = N(
+    (p) => {
+      p.key === "Enter" && a && y();
     },
-    [D, o]
-  ), T = m(
-    (c) => {
-      if (c.mode === "callback" && c.onClick)
-        c.onClick(e, t);
-      else if (c.mode === "modal" && c.modalContent) {
-        const g = c.modalContent;
-        h(/* @__PURE__ */ i(g, { data: e, onClose: () => {
-        } }));
-      } else if (c.mode === "link" && c.href) {
-        const g = typeof c.href == "function" ? c.href(e) : c.href;
-        window.open(g, "_blank");
+    [y, a]
+  ), w = N(
+    (p) => {
+      if (p.mode === "callback" && p.onClick)
+        p.onClick(e, t);
+      else if (p.mode === "modal" && p.modalContent) {
+        const k = p.modalContent;
+        u(/* @__PURE__ */ n(k, { data: e, onClose: h }));
+      } else if (p.mode === "link" && p.href) {
+        const k = typeof p.href == "function" ? p.href(e) : p.href;
+        window.open(k, "_blank");
       }
     },
-    [e, t, h]
-  ), k = (c, g) => {
-    if (c.cell)
-      return c.cell(g, e, t);
-    if (g == null)
-      return /* @__PURE__ */ i("span", { className: "bt-card-value-empty", children: "—" });
-    switch (c.type) {
+    [e, t, u, h]
+  ), T = (p, k) => {
+    if (p.cell)
+      return p.cell(k, e, t);
+    if (k == null)
+      return /* @__PURE__ */ n("span", { className: "bt-card-value-empty", children: "—" });
+    switch (p.type) {
       case "boolean":
-        return g ? "✅" : "❌";
+        return k ? "✅" : "❌";
       case "date":
-        if (g instanceof Date)
-          return g.toLocaleDateString();
-        const C = new Date(String(g));
-        return isNaN(C.getTime()) ? String(g) : C.toLocaleDateString();
+        if (k instanceof Date)
+          return k.toLocaleDateString();
+        const F = new Date(String(k));
+        return isNaN(F.getTime()) ? String(k) : F.toLocaleDateString();
       case "number":
-        return typeof g == "number" ? g.toLocaleString() : String(g);
+        return typeof k == "number" ? k.toLocaleString() : String(k);
       default:
-        return String(g);
+        return String(k);
     }
-  }, d = u ? M(e, String(u.accessor)) : "";
-  return /* @__PURE__ */ y(
+  }, L = v ? W(e, String(v.accessor)) : "";
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: P(
+      className: D(
         "bt-card",
-        b && "bt-hoverable",
-        p && "bt-selected",
-        o && "bt-clickable"
+        c && "bt-hoverable",
+        f && "bt-selected",
+        a && "bt-clickable"
       ),
-      onClick: o ? D : void 0,
-      onKeyDown: o ? $ : void 0,
-      tabIndex: o ? 0 : void 0,
-      role: o ? "button" : void 0,
-      "aria-selected": n ? p : void 0,
+      onClick: a ? y : void 0,
+      onKeyDown: a ? g : void 0,
+      tabIndex: a ? 0 : void 0,
+      role: a ? "button" : void 0,
+      "aria-selected": l ? f : void 0,
       children: [
-        /* @__PURE__ */ y("div", { className: "bt-card-header", children: [
-          n && /* @__PURE__ */ i(
+        /* @__PURE__ */ C("div", { className: "bt-card-header", children: [
+          l && /* @__PURE__ */ n(
             "input",
             {
+              id: `bt-card-select-${t}`,
+              name: `bt-card-select-${t}`,
               type: "checkbox",
               className: "bt-checkbox",
-              checked: p,
-              onChange: N,
-              onClick: (c) => c.stopPropagation(),
+              checked: f,
+              onChange: x,
+              onClick: (p) => p.stopPropagation(),
               "aria-label": `Select row ${t + 1}`
             }
           ),
-          /* @__PURE__ */ i("span", { className: "bt-card-title", children: u ? k(u, d) : `Item ${t + 1}` })
+          /* @__PURE__ */ n("span", { className: "bt-card-title", children: v ? T(v, L) : `Item ${t + 1}` })
         ] }),
-        v.map((c) => {
-          const g = M(
+        m.map((p) => {
+          const k = W(
             e,
-            String(c.accessor)
-          ), C = k(c, g);
-          return /* @__PURE__ */ y("div", { className: "bt-card-row", children: [
-            /* @__PURE__ */ i("span", { className: "bt-card-label", children: c.header }),
-            /* @__PURE__ */ i("span", { className: "bt-card-value", children: C })
-          ] }, c.id);
+            String(p.accessor)
+          ), F = T(p, k);
+          return /* @__PURE__ */ C("div", { className: "bt-card-row", children: [
+            /* @__PURE__ */ n("span", { className: "bt-card-label", children: p.header }),
+            /* @__PURE__ */ n("span", { className: "bt-card-value", children: F })
+          ] }, p.id);
         }),
-        S && /* @__PURE__ */ i("div", { className: "bt-card-actions", children: s.map((c) => {
-          if (c.visible && !c.visible(e))
-            return null;
-          const g = c.disabled ? c.disabled(e) : !1;
-          if (c.mode === "link" && c.href) {
-            const C = typeof c.href == "function" ? c.href(e) : c.href;
-            return /* @__PURE__ */ y(
-              "a",
+        b && /* @__PURE__ */ C("div", { className: "bt-card-actions", children: [
+          P.map((p) => {
+            const k = p.disabled ? p.disabled(e) : !1, F = p.icon ?? Qn;
+            if (p.mode === "link" && p.href) {
+              const B = typeof p.href == "function" ? p.href(e) : p.href;
+              return /* @__PURE__ */ n(
+                "a",
+                {
+                  href: B,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: D(
+                    "bt-action-btn bt-action-icon-only",
+                    p.variant && `bt-variant-${p.variant}`
+                  ),
+                  "aria-label": p.label,
+                  title: p.label,
+                  onClick: (_) => _.stopPropagation(),
+                  children: /* @__PURE__ */ n("span", { className: "bt-action-icon", children: F })
+                },
+                p.id
+              );
+            }
+            return /* @__PURE__ */ n(
+              "button",
               {
-                href: C,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: P(
-                  "bt-action-btn",
-                  c.variant && `bt-variant-${c.variant}`
+                className: D(
+                  "bt-action-btn bt-action-icon-only",
+                  p.variant && `bt-variant-${p.variant}`
                 ),
-                onClick: (A) => A.stopPropagation(),
-                children: [
-                  c.icon && /* @__PURE__ */ i("span", { className: "bt-action-icon", children: c.icon }),
-                  /* @__PURE__ */ i("span", { children: c.label })
-                ]
+                onClick: (B) => {
+                  B.stopPropagation(), w(p);
+                },
+                disabled: k,
+                "aria-label": p.label,
+                title: p.label,
+                type: "button",
+                children: /* @__PURE__ */ n("span", { className: "bt-action-icon", children: F })
               },
-              c.id
+              p.id
             );
-          }
-          return /* @__PURE__ */ y(
-            "button",
+          }),
+          S.length > 0 && /* @__PURE__ */ n(
+            Rt,
             {
-              className: P(
-                "bt-action-btn",
-                c.variant && `bt-variant-${c.variant}`
-              ),
-              onClick: (C) => {
-                C.stopPropagation(), T(c);
-              },
-              disabled: g,
-              type: "button",
-              children: [
-                c.icon && /* @__PURE__ */ i("span", { className: "bt-action-icon", children: c.icon }),
-                /* @__PURE__ */ i("span", { children: c.label })
-              ]
-            },
-            c.id
-          );
-        }) })
+              actions: S,
+              row: e,
+              rowIndex: t,
+              onActionClick: w,
+              direction: "up"
+            }
+          )
+        ] })
       ]
     }
   );
 }
-const rt = I.memo(st);
-function it() {
-  const { processedData: e, rowKey: t } = w(), l = (n, s) => {
+const Gn = z.memo(Xn);
+function Jn() {
+  const { processedData: e, rowKey: t } = j(), i = (r, o) => {
     if (typeof t == "function")
-      return t(n, s);
-    const a = n[t];
-    return String(a !== void 0 ? a : s);
+      return t(r, o);
+    const l = r[t];
+    return String(l !== void 0 ? l : o);
   };
-  return /* @__PURE__ */ i("div", { className: "bt-cards", children: e.map((n, s) => /* @__PURE__ */ i(rt, { row: n, rowIndex: s }, l(n, s))) });
+  return /* @__PURE__ */ n("div", { className: "bt-cards", children: e.map((r, o) => /* @__PURE__ */ n(Gn, { row: r, rowIndex: o }, i(r, o))) });
+}
+const Yn = Jn;
+function xt() {
+  return /* @__PURE__ */ n("svg", { className: "bt-fp-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M1.5 2H10.5L7 5.87V9.5L5 8.5V5.87L1.5 2Z", stroke: "currentColor", strokeWidth: "1.2", strokeLinejoin: "round" }) });
 }
-const ct = it;
-function ot() {
+function ei({
+  open: e
+}) {
+  const { columns: t, locale: i } = R(), { filters: r, setFilter: o, clearFilter: l, clearFilters: s } = ce(), d = t.filter(
+    (a) => a.filterable !== !1 && a.type !== "custom" && !a.hidden
+  );
+  if (!e || d.length === 0)
+    return null;
+  const c = Object.keys(r).length;
+  return /* @__PURE__ */ C("div", { className: "bt-filter-panel", role: "region", "aria-label": i.filterBy, children: [
+    /* @__PURE__ */ n("div", { className: "bt-filter-panel-grid", children: d.map((a) => /* @__PURE__ */ n(
+      ni,
+      {
+        column: a,
+        value: r[a.id],
+        setFilter: o,
+        clearFilter: l,
+        locale: i
+      },
+      a.id
+    )) }),
+    c > 0 && /* @__PURE__ */ n("div", { className: "bt-filter-panel-footer", children: /* @__PURE__ */ n(
+      "button",
+      {
+        className: "bt-filter-panel-clear",
+        onClick: s,
+        type: "button",
+        children: i.clearFilters
+      }
+    ) })
+  ] });
+}
+function ti({
+  column: e,
+  value: t,
+  setFilter: i,
+  locale: r
+}) {
+  const o = N(
+    (u) => {
+      const h = u.target.value;
+      e.type === "boolean" ? h === "" ? i(e.id, null) : i(e.id, h === "true") : i(e.id, h || null);
+    },
+    [e.id, e.type, i]
+  ), l = N(
+    (u, h) => {
+      const f = { ...t ?? {}, [u]: h || void 0 };
+      i(e.id, f);
+    },
+    [e.id, t, i]
+  ), s = t != null && t !== "", d = s && typeof t == "object" && ("from" in t || "to" in t) && !!(t.from || t.to), c = e.type === "date" ? d : s, a = () => {
+    const u = `bt-filter-${e.id}`;
+    if (e.type === "boolean")
+      return /* @__PURE__ */ C("div", { className: D("bt-fp-wrapper", c && "bt-fp-active"), children: [
+        /* @__PURE__ */ n(xt, {}),
+        /* @__PURE__ */ C(
+          "select",
+          {
+            id: u,
+            name: u,
+            className: "bt-filter-select",
+            value: t == null ? "" : String(t),
+            onChange: o,
+            "aria-label": `${r.filterBy} ${e.header}`,
+            children: [
+              /* @__PURE__ */ n("option", { value: "", children: "—" }),
+              /* @__PURE__ */ n("option", { value: "true", children: "✅" }),
+              /* @__PURE__ */ n("option", { value: "false", children: "❌" })
+            ]
+          }
+        )
+      ] });
+    if (e.type === "date") {
+      const h = t ?? {};
+      return /* @__PURE__ */ C("div", { className: D("bt-fp-wrapper bt-filter-field-dates", c && "bt-fp-active"), children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: `${u}-from`,
+            name: `${u}-from`,
+            type: "date",
+            className: "bt-filter-input",
+            value: h.from ?? "",
+            onChange: (b) => l("from", b.target.value),
+            "aria-label": `${r.dateFrom} ${e.header}`,
+            placeholder: r.dateFrom
+          }
+        ),
+        /* @__PURE__ */ n("span", { className: "bt-filter-field-separator", children: "–" }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: `${u}-to`,
+            name: `${u}-to`,
+            type: "date",
+            className: "bt-filter-input",
+            value: h.to ?? "",
+            onChange: (b) => l("to", b.target.value),
+            "aria-label": `${r.dateTo} ${e.header}`,
+            placeholder: r.dateTo
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ C("div", { className: D("bt-fp-wrapper", c && "bt-fp-active"), children: [
+      /* @__PURE__ */ n(xt, {}),
+      /* @__PURE__ */ n(
+        "input",
+        {
+          id: u,
+          name: u,
+          type: e.type === "number" ? "number" : "text",
+          className: "bt-filter-input",
+          placeholder: "...",
+          value: t != null ? String(t) : "",
+          onChange: o,
+          "aria-label": `${r.filterBy} ${e.header}`
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ C("div", { className: D("bt-filter-field", c && "bt-filter-field-active"), children: [
+    /* @__PURE__ */ n("label", { className: "bt-filter-field-label", htmlFor: `bt-filter-${e.id}`, children: e.header }),
+    a()
+  ] });
+}
+const ni = z.memo(ti), ii = z.memo(
+  ei
+);
+function ri() {
+  return /* @__PURE__ */ C("svg", { className: "bt-columns-svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ n("rect", { x: "1.5", y: "2", width: "4", height: "10", rx: "1", stroke: "currentColor", strokeWidth: "1.3" }),
+    /* @__PURE__ */ n("rect", { x: "8.5", y: "2", width: "4", height: "10", rx: "1", stroke: "currentColor", strokeWidth: "1.3" })
+  ] });
+}
+function si() {
+  return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M2.5 6L5 8.5L9.5 3.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function li() {
+  const {
+    columns: e,
+    hiddenColumnIds: t,
+    toggleColumn: i,
+    showAllColumns: r,
+    isColumnVisible: o,
+    locale: l,
+    columnVisibilityEnabled: s
+  } = R(), [d, c] = I(!1), a = O(null), u = O(null), h = t.size;
+  $(() => {
+    if (!d) return;
+    const v = (P) => {
+      a.current && !a.current.contains(P.target) && c(!1);
+    }, m = (P) => {
+      P.key === "Escape" && (c(!1), u.current?.focus());
+    };
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", m), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", m);
+    };
+  }, [d]);
+  const b = N(() => {
+    c((v) => !v);
+  }, []);
+  if (!s) return null;
+  const f = e.filter((v) => v.type !== "custom");
+  return /* @__PURE__ */ C("div", { className: "bt-column-visibility", ref: a, children: [
+    /* @__PURE__ */ C(
+      "button",
+      {
+        ref: u,
+        className: D("bt-column-visibility-btn", d && "bt-column-visibility-btn-active"),
+        onClick: b,
+        "aria-expanded": d,
+        "aria-haspopup": "true",
+        "aria-label": l.columns,
+        title: l.columns,
+        type: "button",
+        children: [
+          /* @__PURE__ */ n(ri, {}),
+          /* @__PURE__ */ n("span", { className: "bt-column-visibility-label", children: l.columns }),
+          h > 0 && /* @__PURE__ */ n("span", { className: "bt-column-visibility-badge", children: h })
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ C("div", { className: "bt-column-visibility-dropdown", role: "menu", children: [
+      /* @__PURE__ */ C("div", { className: "bt-column-visibility-header", children: [
+        /* @__PURE__ */ n("span", { className: "bt-column-visibility-title", children: l.columns }),
+        h > 0 && /* @__PURE__ */ n(
+          "button",
+          {
+            className: "bt-column-visibility-show-all",
+            onClick: r,
+            type: "button",
+            children: l.showAllColumns
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "bt-column-visibility-list", children: f.map((v) => {
+        const m = o(v.id);
+        return /* @__PURE__ */ C(
+          "button",
+          {
+            className: D(
+              "bt-column-visibility-item",
+              !m && "bt-column-visibility-item-hidden"
+            ),
+            onClick: () => i(v.id),
+            role: "menuitemcheckbox",
+            "aria-checked": m,
+            type: "button",
+            children: [
+              /* @__PURE__ */ n("span", { className: D("bt-column-visibility-check", m && "bt-column-visibility-check-active"), children: m && /* @__PURE__ */ n(si, {}) }),
+              /* @__PURE__ */ n("span", { className: "bt-column-visibility-item-label", children: v.header })
+            ]
+          },
+          v.id
+        );
+      }) })
+    ] })
+  ] });
+}
+const oi = li;
+function ai() {
+  return /* @__PURE__ */ n("svg", { className: "bt-pagination-svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M9 3L5 7L9 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function ci() {
+  return /* @__PURE__ */ n("svg", { className: "bt-pagination-svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M5 3L9 7L5 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function di() {
   const {
     page: e,
     pageSize: t,
-    totalPages: l,
-    totalItems: n,
-    goToPage: s,
-    nextPage: a,
-    prevPage: r,
-    changePageSize: b,
-    hasNextPage: o,
-    hasPrevPage: h,
-    startIndex: f,
-    endIndex: S,
-    paginationEnabled: p,
-    pageSizeOptions: u,
-    showSizeChanger: v,
-    locale: N,
-    classNames: D
-  } = w(), $ = m(
-    (d) => {
-      b(Number(d.target.value));
+    totalPages: i,
+    totalItems: r,
+    goToPage: o,
+    nextPage: l,
+    prevPage: s,
+    changePageSize: d,
+    hasNextPage: c,
+    hasPrevPage: a,
+    startIndex: u,
+    endIndex: h,
+    paginationEnabled: b,
+    pageSizeOptions: f,
+    showSizeChanger: v
+  } = vn(), { locale: m, classNames: P } = R(), S = N(
+    (g) => {
+      d(Number(g.target.value));
     },
-    [b]
-  ), T = m(
-    (d) => {
-      if (d.key === "Enter") {
-        const c = parseInt(d.target.value, 10);
-        !isNaN(c) && c >= 1 && c <= l && s(c);
+    [d]
+  ), x = N(
+    (g) => {
+      if (g.key === "Enter") {
+        const w = parseInt(g.target.value, 10);
+        !isNaN(w) && w >= 1 && w <= i && o(w);
       }
     },
-    [s, l]
-  ), k = x(() => {
-    const d = [];
-    if (l <= 5)
-      for (let g = 1; g <= l; g++)
-        d.push(g);
+    [o, i]
+  ), y = A(() => {
+    const g = [];
+    if (i <= 5)
+      for (let T = 1; T <= i; T++)
+        g.push(T);
     else {
-      d.push(1), e > 3 && d.push("ellipsis");
-      const g = Math.max(2, e - 1), C = Math.min(l - 1, e + 1);
-      for (let A = g; A <= C; A++)
-        d.push(A);
-      e < l - 2 && d.push("ellipsis"), l > 1 && d.push(l);
+      g.push(1), e > 3 && g.push("ellipsis");
+      const T = Math.max(2, e - 1), L = Math.min(i - 1, e + 1);
+      for (let p = T; p <= L; p++)
+        g.push(p);
+      e < i - 2 && g.push("ellipsis"), i > 1 && g.push(i);
     }
-    return d;
-  }, [e, l]);
-  return p ? /* @__PURE__ */ y("div", { className: `bt-pagination ${D.pagination || ""}`, children: [
-    /* @__PURE__ */ i("div", { className: "bt-pagination-info", children: n > 0 ? `${f}-${S} ${N.of} ${n} ${N.items}` : `0 ${N.items}` }),
-    /* @__PURE__ */ y("div", { className: "bt-pagination-controls", children: [
-      v && /* @__PURE__ */ y("div", { className: "bt-page-size", children: [
-        /* @__PURE__ */ y("span", { className: "bt-page-size-label", children: [
-          N.rowsPerPage,
+    return g;
+  }, [e, i]);
+  return b ? /* @__PURE__ */ C("div", { className: `bt-pagination ${P.pagination || ""}`, children: [
+    /* @__PURE__ */ n("div", { className: "bt-pagination-info", children: r > 0 ? `${u}-${h} ${m.of} ${r} ${m.items}` : `0 ${m.items}` }),
+    /* @__PURE__ */ C("div", { className: "bt-pagination-controls", children: [
+      v && /* @__PURE__ */ C("div", { className: "bt-page-size", children: [
+        /* @__PURE__ */ C("label", { className: "bt-page-size-label", htmlFor: "bt-page-size", children: [
+          m.rowsPerPage,
           ":"
         ] }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(
           "select",
           {
+            id: "bt-page-size",
+            name: "bt-page-size",
             className: "bt-page-size-select",
             value: t,
-            onChange: $,
-            "aria-label": N.rowsPerPage,
-            children: u.map((d) => /* @__PURE__ */ i("option", { value: d, children: d }, d))
+            onChange: S,
+            "aria-label": m.rowsPerPage,
+            children: f.map((g) => /* @__PURE__ */ n("option", { value: g, children: g }, g))
           }
         )
       ] }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ n(
         "button",
         {
           className: "bt-pagination-btn",
-          onClick: r,
-          disabled: !h,
-          "aria-label": "Previous page",
+          onClick: s,
+          disabled: !a,
+          "aria-label": m.previousPage,
           type: "button",
-          children: "←"
+          children: /* @__PURE__ */ n(ai, {})
         }
       ),
-      /* @__PURE__ */ i("div", { className: "bt-pagination-pages", children: k.map((d, c) => d === "ellipsis" ? /* @__PURE__ */ i("span", { className: "bt-pagination-ellipsis", children: "..." }, `ellipsis-${c}`) : /* @__PURE__ */ i(
+      /* @__PURE__ */ n("div", { className: "bt-pagination-pages", children: y.map((g, w) => g === "ellipsis" ? /* @__PURE__ */ n("span", { className: "bt-pagination-ellipsis", children: "..." }, `ellipsis-${w}`) : /* @__PURE__ */ n(
         "button",
         {
-          className: `bt-pagination-btn ${e === d ? "bt-active" : ""}`,
-          onClick: () => s(d),
-          "aria-label": `${N.page} ${d}`,
-          "aria-current": e === d ? "page" : void 0,
+          className: `bt-pagination-btn ${e === g ? "bt-active" : ""}`,
+          onClick: () => o(g),
+          "aria-label": `${m.page} ${g}`,
+          "aria-current": e === g ? "page" : void 0,
           type: "button",
-          children: d
+          children: g
         },
-        d
+        g
       )) }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ n(
         "button",
         {
           className: "bt-pagination-btn",
-          onClick: a,
-          disabled: !o,
-          "aria-label": "Next page",
+          onClick: l,
+          disabled: !c,
+          "aria-label": m.nextPage,
           type: "button",
-          children: "→"
+          children: /* @__PURE__ */ n(ci, {})
         }
       ),
-      /* @__PURE__ */ y("div", { className: "bt-quick-jumper", children: [
-        /* @__PURE__ */ y("span", { className: "bt-quick-jumper-label", children: [
-          N.page,
+      /* @__PURE__ */ C("div", { className: "bt-quick-jumper", children: [
+        /* @__PURE__ */ C("label", { className: "bt-quick-jumper-label", htmlFor: "bt-quick-jumper", children: [
+          m.page,
           ":"
         ] }),
-        /* @__PURE__ */ i(
-          "input",
-          {
-            type: "number",
-            className: "bt-quick-jumper-input",
-            min: 1,
-            max: l,
-            defaultValue: e,
-            onKeyDown: T,
-            "aria-label": "Jump to page"
-          }
-        )
+        /* @__PURE__ */ C("div", { className: "bt-qj-wrapper", children: [
+          /* @__PURE__ */ n(
+            "input",
+            {
+              id: "bt-quick-jumper",
+              name: "bt-quick-jumper",
+              type: "number",
+              className: "bt-quick-jumper-input",
+              min: 1,
+              max: i,
+              defaultValue: e,
+              onKeyDown: x,
+              "aria-label": m.jumpToPage
+            },
+            e
+          ),
+          /* @__PURE__ */ n("span", { className: "bt-qj-hint", "aria-hidden": "true", children: "↵" })
+        ] })
       ] })
     ] })
   ] }) : null;
 }
-function dt() {
+function $t(e) {
+  const [t, i] = I(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
+  return $(() => {
+    if (typeof window > "u") return;
+    const r = window.matchMedia(e);
+    i(r.matches);
+    const o = (l) => i(l.matches);
+    return r.addEventListener("change", o), () => r.removeEventListener("change", o);
+  }, [e]), t;
+}
+function kt() {
+  return /* @__PURE__ */ C("svg", { className: "bt-search-svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ n("circle", { cx: "6", cy: "6", r: "4.5", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ n("path", { d: "M9.5 9.5L13 13", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] });
+}
+function St() {
+  return /* @__PURE__ */ n("svg", { className: "bt-clear-svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M3 3L9 9M9 3L3 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+}
+function ui() {
+  return /* @__PURE__ */ n("svg", { className: "bt-check-svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M2.5 6L5 8.5L9.5 3.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function hi() {
+  return /* @__PURE__ */ n("svg", { className: "bt-filter-toggle-svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M1 2.5H11L7.5 6.5V10L4.5 9V6.5L1 2.5Z", stroke: "currentColor", strokeWidth: "1.2", strokeLinejoin: "round" }) });
+}
+function bi() {
   const {
     searchable: e,
     searchValue: t,
-    handleSearch: l,
-    clearSearch: n,
-    globalActions: s,
-    selectedRows: a,
-    selectedCount: r,
-    deselectAll: b,
-    data: o,
-    locale: h,
-    classNames: f,
-    selectable: S
-  } = w(), p = m(
-    (v) => {
-      l(v.target.value);
+    handleSearch: i,
+    clearSearch: r,
+    filters: o,
+    filterPanelOpen: l,
+    toggleFilterPanel: s,
+    hasFilterableColumns: d,
+    filterMode: c
+  } = ce(), { selectable: a, selectedRows: u, selectedCount: h, deselectAll: b } = U(), { data: f, globalActions: v } = j(), { locale: m, classNames: P, columnVisibilityEnabled: S } = R(), x = $t("(max-width: 640px)"), [y, g] = I(!1), w = O(null), T = Object.keys(o).length, L = N(
+    (M) => {
+      i(M.target.value);
     },
-    [l]
-  );
-  return e || s && s.length > 0 || S && r > 0 ? /* @__PURE__ */ y("div", { className: `bt-toolbar ${f.toolbar || ""}`, children: [
-    /* @__PURE__ */ y("div", { className: "bt-toolbar-left", children: [
-      e && /* @__PURE__ */ y("div", { className: "bt-search", children: [
-        /* @__PURE__ */ i("span", { className: "bt-search-icon", children: "🔍" }),
-        /* @__PURE__ */ i(
+    [i]
+  ), p = N(() => {
+    g((M) => (M ? t && r() : setTimeout(() => w.current?.focus(), 50), !M));
+  }, [t, r]);
+  $(() => {
+    t && !y && g(!0);
+  }, [t, y]);
+  const k = d && (c === "panel" || c === "both");
+  if (!(e || k || S || v && v.length > 0 || a && h > 0))
+    return null;
+  const B = x && e && !y, _ = e && (!x || y);
+  return /* @__PURE__ */ C("div", { className: D("bt-toolbar", P.toolbar), children: [
+    /* @__PURE__ */ C("div", { className: "bt-toolbar-left", children: [
+      B && /* @__PURE__ */ n(
+        "button",
+        {
+          className: "bt-search-toggle",
+          onClick: p,
+          "aria-label": m.search,
+          title: m.search,
+          type: "button",
+          children: /* @__PURE__ */ n(kt, {})
+        }
+      ),
+      _ && /* @__PURE__ */ C("div", { className: D("bt-search", x && "bt-search-mobile"), children: [
+        /* @__PURE__ */ n("span", { className: "bt-search-icon", children: /* @__PURE__ */ n(kt, {}) }),
+        /* @__PURE__ */ n(
           "input",
           {
+            id: "bt-search",
+            name: "bt-search",
+            ref: w,
             type: "text",
             className: "bt-search-input",
-            placeholder: h.searchPlaceholder,
+            placeholder: m.searchPlaceholder,
             value: t,
-            onChange: p,
-            "aria-label": h.search
+            onChange: L,
+            "aria-label": m.search
           }
         ),
-        t && /* @__PURE__ */ i(
+        (t || x) && /* @__PURE__ */ n(
           "button",
           {
             className: "bt-search-clear",
-            onClick: n,
-            "aria-label": "Clear search",
+            onClick: x ? p : r,
+            "aria-label": m.clearSearch,
             type: "button",
-            children: "✕"
+            children: /* @__PURE__ */ n(St, {})
           }
         )
       ] }),
-      S && r > 0 && /* @__PURE__ */ y("div", { className: "bt-selection-info", children: [
-        /* @__PURE__ */ y("span", { children: [
-          r,
+      k && /* @__PURE__ */ C(
+        "button",
+        {
+          className: D(
+            "bt-filter-toggle",
+            l && "bt-filter-toggle-active"
+          ),
+          onClick: s,
+          "aria-expanded": l,
+          "aria-label": m.filterBy,
+          title: m.filterBy,
+          type: "button",
+          children: [
+            /* @__PURE__ */ n("span", { className: "bt-filter-toggle-icon", children: /* @__PURE__ */ n(hi, {}) }),
+            !x && /* @__PURE__ */ n("span", { children: m.filterBy }),
+            T > 0 && /* @__PURE__ */ n("span", { className: "bt-filter-toggle-badge", children: T })
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(oi, {}),
+      a && h > 0 && /* @__PURE__ */ C("div", { className: "bt-selection-info", children: [
+        /* @__PURE__ */ n(ui, {}),
+        /* @__PURE__ */ C("span", { className: "bt-selection-count", children: [
+          h,
           " ",
-          h.selected
+          x ? "sel." : m.selected
         ] }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(
           "button",
           {
             className: "bt-selection-clear",
             onClick: b,
             type: "button",
-            children: h.deselectAll
+            children: x ? /* @__PURE__ */ n(St, {}) : m.deselectAll
           }
         )
       ] })
     ] }),
-    s && s.length > 0 && /* @__PURE__ */ i("div", { className: "bt-toolbar-right", children: /* @__PURE__ */ i("div", { className: "bt-global-actions", children: s.map((v) => {
-      const N = v.requiresSelection && a.length === 0;
-      return /* @__PURE__ */ y(
+    v && v.length > 0 && /* @__PURE__ */ n("div", { className: "bt-toolbar-right", children: /* @__PURE__ */ n("div", { className: "bt-global-actions", children: v.map((M) => {
+      const de = M.requiresSelection && u.length === 0;
+      return /* @__PURE__ */ C(
         "button",
         {
-          className: P(
+          className: D(
             "bt-global-btn",
-            v.variant && `bt-variant-${v.variant}`
+            M.variant && `bt-variant-${M.variant}`,
+            x && "bt-global-btn-mobile"
           ),
-          onClick: () => v.onClick(a, o),
-          disabled: N,
-          title: v.label,
+          onClick: () => M.onClick(u, f),
+          disabled: de,
+          title: M.label,
+          "aria-label": M.label,
           type: "button",
           children: [
-            v.icon && /* @__PURE__ */ i("span", { className: "bt-global-icon", children: v.icon }),
-            /* @__PURE__ */ i("span", { children: v.label })
+            M.icon && /* @__PURE__ */ n("span", { className: "bt-global-icon", children: M.icon }),
+            !x && /* @__PURE__ */ n("span", { children: M.label })
           ]
         },
-        v.id
+        M.id
       );
     }) }) })
-  ] }) : null;
+  ] });
+}
+const fi = bi;
+function pi() {
+  return /* @__PURE__ */ C("svg", { className: "bt-empty-svg", width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ n("rect", { x: "12", y: "18", width: "40", height: "32", rx: "3", stroke: "currentColor", strokeWidth: "2", opacity: "0.3" }),
+    /* @__PURE__ */ n("path", { d: "M12 28H52", stroke: "currentColor", strokeWidth: "2", opacity: "0.2" }),
+    /* @__PURE__ */ n("path", { d: "M24 38H40", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", opacity: "0.4" }),
+    /* @__PURE__ */ n("path", { d: "M28 44H36", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", opacity: "0.25" }),
+    /* @__PURE__ */ n("circle", { cx: "32", cy: "12", r: "4", stroke: "currentColor", strokeWidth: "2", opacity: "0.2" })
+  ] });
 }
-const bt = dt;
-function ht() {
-  const { locale: e, emptyComponent: t, columns: l, selectable: n, rowActions: s } = w(), a = l.filter((o) => !o.hidden), r = s && s.length > 0, b = a.length + (n ? 1 : 0) + (r ? 1 : 0);
-  return t ? /* @__PURE__ */ i("tbody", { className: "bt-tbody", children: /* @__PURE__ */ i("tr", { className: "bt-tr", children: /* @__PURE__ */ i("td", { className: "bt-td", colSpan: b, children: t }) }) }) : /* @__PURE__ */ i("tbody", { className: "bt-tbody", children: /* @__PURE__ */ i("tr", { className: "bt-tr", children: /* @__PURE__ */ i("td", { className: "bt-td", colSpan: b, children: /* @__PURE__ */ y("div", { className: "bt-empty", children: [
-    /* @__PURE__ */ i("div", { className: "bt-empty-icon", children: "📭" }),
-    /* @__PURE__ */ i("div", { className: "bt-empty-text", children: e.noData })
+function mi() {
+  const { locale: e, emptyComponent: t } = R(), { visibleColumns: i, rowActions: r } = j(), { selectable: o } = U(), l = r && r.length > 0, s = i.length + (o ? 1 : 0) + (l ? 1 : 0);
+  return t ? /* @__PURE__ */ n("tbody", { className: "bt-tbody", children: /* @__PURE__ */ n("tr", { className: "bt-tr", children: /* @__PURE__ */ n("td", { className: "bt-td", colSpan: s, children: t }) }) }) : /* @__PURE__ */ n("tbody", { className: "bt-tbody", children: /* @__PURE__ */ n("tr", { className: "bt-tr", children: /* @__PURE__ */ n("td", { className: "bt-td", colSpan: s, children: /* @__PURE__ */ C("div", { className: "bt-empty", children: [
+    /* @__PURE__ */ n("div", { className: "bt-empty-icon", children: /* @__PURE__ */ n(pi, {}) }),
+    /* @__PURE__ */ n("div", { className: "bt-empty-text", children: e.noData })
   ] }) }) }) });
 }
-function ut({ show: e }) {
-  const { loadingComponent: t, locale: l } = w();
-  return e ? /* @__PURE__ */ i("div", { className: "bt-loading-overlay", role: "status", "aria-live": "polite", children: t || /* @__PURE__ */ y(Fe, { children: [
-    /* @__PURE__ */ i("div", { className: "bt-loading-spinner", "aria-hidden": "true" }),
-    /* @__PURE__ */ i("span", { className: "bt-loading-text", children: l.loading })
+function gi({ show: e }) {
+  const { loadingComponent: t, locale: i } = R();
+  return e ? /* @__PURE__ */ n("div", { className: "bt-loading-overlay", role: "status", "aria-live": "polite", children: t || /* @__PURE__ */ C(un, { children: [
+    /* @__PURE__ */ n("div", { className: "bt-loading-spinner", "aria-hidden": "true" }),
+    /* @__PURE__ */ n("span", { className: "bt-loading-text", children: i.loading })
   ] }) }) : null;
 }
-function ft() {
-  const { isModalOpen: e, modalContent: t, closeModal: l } = w(), n = m(
-    (a) => {
-      a.target === a.currentTarget && l();
+const vi = [
+  'a[href]:not([disabled]):not([tabindex="-1"])',
+  'button:not([disabled]):not([tabindex="-1"])',
+  'input:not([disabled]):not([tabindex="-1"])',
+  'select:not([disabled]):not([tabindex="-1"])',
+  'textarea:not([disabled]):not([tabindex="-1"])',
+  '[tabindex]:not([tabindex="-1"]):not([disabled])'
+].join(", ");
+function yi(e, t) {
+  const i = O(null), r = N(() => e.current ? Array.from(e.current.querySelectorAll(vi)) : [], [e]);
+  $(() => {
+    if (!t) return;
+    i.current = document.activeElement;
+    const l = setTimeout(() => {
+      const s = r();
+      s.length > 0 && s[0].focus();
+    }, 0);
+    return () => {
+      clearTimeout(l), i.current && typeof i.current.focus == "function" && i.current.focus();
+    };
+  }, [t, r]), $(() => {
+    if (!t) return;
+    const o = (l) => {
+      if (l.key !== "Tab") return;
+      const s = r();
+      if (s.length === 0) return;
+      const d = s[0], c = s[s.length - 1];
+      l.shiftKey ? document.activeElement === d && (l.preventDefault(), c.focus()) : document.activeElement === c && (l.preventDefault(), d.focus());
+    };
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [t, r]);
+}
+function wi() {
+  return /* @__PURE__ */ n("svg", { className: "bt-modal-close-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M4 4L12 12M12 4L4 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) });
+}
+function Ci() {
+  const { isModalOpen: e, modalContent: t, closeModal: i, locale: r } = R(), o = O(null);
+  yi(o, e);
+  const l = N(
+    (d) => {
+      d.target === d.currentTarget && i();
     },
-    [l]
-  ), s = m(
-    (a) => {
-      a.key === "Escape" && l();
+    [i]
+  ), s = N(
+    (d) => {
+      d.key === "Escape" && i();
     },
-    [l]
+    [i]
   );
-  return Oe(() => (e && (document.addEventListener("keydown", s), document.body.style.overflow = "hidden"), () => {
+  return $(() => (e && (document.addEventListener("keydown", s), document.body.style.overflow = "hidden"), () => {
     document.removeEventListener("keydown", s), document.body.style.overflow = "";
-  }), [e, s]), !e || !t ? null : /* @__PURE__ */ i(
+  }), [e, s]), !e || !t ? null : /* @__PURE__ */ n(
     "div",
     {
       className: "bt-modal-backdrop",
-      onClick: n,
+      onClick: l,
       role: "dialog",
       "aria-modal": "true",
-      children: /* @__PURE__ */ y("div", { className: "bt-modal bt-modal-md", children: [
-        /* @__PURE__ */ y("div", { className: "bt-modal-header", children: [
-          /* @__PURE__ */ i("h2", { className: "bt-modal-title", children: "Detalles" }),
-          /* @__PURE__ */ i(
+      children: /* @__PURE__ */ C("div", { className: "bt-modal bt-modal-md", ref: o, children: [
+        /* @__PURE__ */ C("div", { className: "bt-modal-header", children: [
+          /* @__PURE__ */ n("h2", { className: "bt-modal-title", children: r.details }),
+          /* @__PURE__ */ n(
             "button",
             {
               className: "bt-modal-close",
-              onClick: l,
-              "aria-label": "Close modal",
+              onClick: i,
+              "aria-label": r.closeModal,
               type: "button",
-              children: "✕"
+              children: /* @__PURE__ */ n(wi, {})
             }
           )
         ] }),
-        /* @__PURE__ */ i("div", { className: "bt-modal-body", children: t })
+        /* @__PURE__ */ n("div", { className: "bt-modal-body", children: t })
       ] })
     }
   );
 }
-function pt({
+function Ni({
+  startIndex: e,
+  endIndex: t,
+  totalHeight: i,
+  offsetTop: r
+}) {
+  const { processedData: o, rowKey: l } = j(), s = (a, u) => {
+    if (typeof l == "function")
+      return l(a, u);
+    const h = a[l];
+    return String(h !== void 0 ? h : u);
+  }, d = o.slice(e, t), c = i - r - d.length * (i / o.length);
+  return /* @__PURE__ */ C("tbody", { className: "bt-tbody", children: [
+    r > 0 && /* @__PURE__ */ n("tr", { "aria-hidden": "true", children: /* @__PURE__ */ n("td", { style: { height: r, padding: 0, border: "none" } }) }),
+    d.map((a, u) => {
+      const h = e + u;
+      return /* @__PURE__ */ n(
+        Ft,
+        {
+          row: a,
+          rowIndex: h,
+          rowKey: s(a, h)
+        },
+        s(a, h)
+      );
+    }),
+    c > 0 && /* @__PURE__ */ n("tr", { "aria-hidden": "true", children: /* @__PURE__ */ n("td", { style: { height: c, padding: 0, border: "none" } }) })
+  ] });
+}
+const xi = Ni, zt = {
+  search: "Search",
+  searchPlaceholder: "Search...",
+  noData: "No data",
+  loading: "Loading...",
+  page: "Page",
+  of: "of",
+  items: "items",
+  selected: "selected",
+  rowsPerPage: "Rows per page",
+  actions: "Actions",
+  sortAsc: "Sort ascending",
+  sortDesc: "Sort descending",
+  filterBy: "Filter by",
+  clearFilters: "Clear filters",
+  dateFrom: "From",
+  dateTo: "To",
+  selectAll: "Select all",
+  deselectAll: "Deselect all",
+  moreActions: "More actions",
+  clearSearch: "Clear search",
+  closeModal: "Close",
+  previousPage: "Previous page",
+  nextPage: "Next page",
+  jumpToPage: "Go to page",
+  details: "Details",
+  columns: "Columns",
+  showAllColumns: "Show all",
+  hideColumn: "Hide column",
+  sortPriority: "Sort priority",
+  clearSort: "Clear sort",
+  resultsFound: "{count} results found",
+  noResultsFound: "No results found",
+  rowsSelected: "{count} rows selected",
+  expandRow: "Expand row",
+  collapseRow: "Collapse row"
+}, ki = {
+  en: zt,
+  es: {
+    search: "Buscar",
+    searchPlaceholder: "Buscar...",
+    noData: "No hay datos",
+    loading: "Cargando...",
+    page: "Página",
+    of: "de",
+    items: "elementos",
+    selected: "seleccionados",
+    rowsPerPage: "Filas por página",
+    actions: "Acciones",
+    sortAsc: "Ordenar ascendente",
+    sortDesc: "Ordenar descendente",
+    filterBy: "Filtrar por",
+    clearFilters: "Limpiar filtros",
+    dateFrom: "Desde",
+    dateTo: "Hasta",
+    selectAll: "Seleccionar todo",
+    deselectAll: "Deseleccionar todo",
+    moreActions: "Más acciones",
+    clearSearch: "Limpiar búsqueda",
+    closeModal: "Cerrar",
+    previousPage: "Página anterior",
+    nextPage: "Página siguiente",
+    jumpToPage: "Ir a página",
+    details: "Detalles",
+    columns: "Columnas",
+    showAllColumns: "Mostrar todas",
+    hideColumn: "Ocultar columna",
+    sortPriority: "Prioridad de orden",
+    clearSort: "Quitar orden",
+    resultsFound: "{count} resultados encontrados",
+    noResultsFound: "No se encontraron resultados",
+    rowsSelected: "{count} filas seleccionadas",
+    expandRow: "Expandir fila",
+    collapseRow: "Colapsar fila"
+  },
+  pt: {
+    search: "Pesquisar",
+    searchPlaceholder: "Pesquisar...",
+    noData: "Sem dados",
+    loading: "Carregando...",
+    page: "Página",
+    of: "de",
+    items: "itens",
+    selected: "selecionados",
+    rowsPerPage: "Linhas por página",
+    actions: "Ações",
+    sortAsc: "Ordenar ascendente",
+    sortDesc: "Ordenar descendente",
+    filterBy: "Filtrar por",
+    clearFilters: "Limpar filtros",
+    dateFrom: "De",
+    dateTo: "Até",
+    selectAll: "Selecionar tudo",
+    deselectAll: "Desselecionar tudo",
+    moreActions: "Mais ações",
+    clearSearch: "Limpar pesquisa",
+    closeModal: "Fechar",
+    previousPage: "Página anterior",
+    nextPage: "Próxima página",
+    jumpToPage: "Ir para página",
+    details: "Detalhes",
+    columns: "Colunas",
+    showAllColumns: "Mostrar todas",
+    hideColumn: "Ocultar coluna",
+    sortPriority: "Prioridade de ordem",
+    clearSort: "Remover ordem",
+    resultsFound: "{count} resultados encontrados",
+    noResultsFound: "Nenhum resultado encontrado",
+    rowsSelected: "{count} linhas selecionadas",
+    expandRow: "Expandir linha",
+    collapseRow: "Recolher linha"
+  }
+};
+function Si({
   data: e,
   initialSort: t,
-  controlledSort: l,
-  onSortChange: n
+  controlledSort: i,
+  onSortChange: r,
+  multiSort: o = !1,
+  controlledMultiSort: l,
+  onMultiSortChange: s,
+  manual: d = !1
 }) {
-  const [s, a] = z(
+  const [c, a] = I(
     t ?? { columnId: null, direction: "asc" }
-  ), r = l ?? s, b = m(
-    (f) => {
-      const S = {
-        columnId: f,
-        direction: r.columnId === f && r.direction === "asc" ? "desc" : "asc"
-      };
-      l || a(S), n?.(S);
+  ), [u, h] = I(
+    []
+  ), b = i ?? c, f = l ?? u, v = N(
+    (S) => {
+      if (o) {
+        const x = f.findIndex(
+          (T) => T.columnId === S
+        );
+        let y;
+        x >= 0 ? f[x].direction === "asc" ? (y = [...f], y[x] = {
+          columnId: S,
+          direction: "desc"
+        }) : y = f.filter((L, p) => p !== x) : y = [...f, { columnId: S, direction: "asc" }], l || h(y), s?.(y);
+        const g = y[0], w = g ? { columnId: g.columnId, direction: g.direction } : { columnId: null, direction: "asc" };
+        i || a(w), r?.(w);
+      } else {
+        let x;
+        b.columnId !== S ? x = { columnId: S, direction: "asc" } : b.direction === "asc" ? x = { columnId: S, direction: "desc" } : x = { columnId: null, direction: "asc" }, i || a(x), r?.(x);
+      }
     },
-    [r, l, n]
-  ), o = m(() => {
-    const f = { columnId: null, direction: "asc" };
-    l || a(f), n?.(f);
-  }, [l, n]);
-  return { sortedData: x(() => r.columnId ? Ge(e, r.columnId, r.direction) : e, [e, r]), sortState: r, handleSort: b, clearSort: o };
+    [
+      b,
+      f,
+      i,
+      l,
+      r,
+      s,
+      o
+    ]
+  ), m = N(() => {
+    const S = { columnId: null, direction: "asc" };
+    i || a(S), r?.(S), o && (l || h([]), s?.([]));
+  }, [
+    i,
+    l,
+    r,
+    s,
+    o
+  ]);
+  return {
+    sortedData: A(() => d ? e : o && f.length > 0 ? Rn(e, f) : b.columnId ? Mn(e, b.columnId, b.direction) : e, [e, b, f, o, d]),
+    sortState: b,
+    handleSort: v,
+    clearSort: m,
+    multiSortState: f,
+    isMultiSort: o
+  };
 }
-function gt({
+function Ti({
   data: e,
   columns: t,
-  initialFilters: l,
-  controlledFilters: n,
-  onFilterChange: s
+  initialFilters: i,
+  controlledFilters: r,
+  onFilterChange: o,
+  manual: l = !1
 }) {
-  const [a, r] = z(
-    l ?? {}
-  ), b = n ?? a, o = m(
-    (p, u) => {
-      const v = { ...b };
-      u == null || u === "" ? delete v[p] : v[p] = u, n || r(v), s?.(v);
+  const [s, d] = I(
+    i ?? {}
+  ), c = r ?? s, a = N(
+    (f, v) => {
+      const m = { ...c };
+      if (v !== null && typeof v == "object" && "from" in v) {
+        const P = v;
+        !P.from && !P.to ? delete m[f] : m[f] = v;
+      } else v == null || v === "" ? delete m[f] : m[f] = v;
+      r || d(m), o?.(m);
     },
-    [b, n, s]
-  ), h = m(
-    (p) => {
-      const u = { ...b };
-      delete u[p], n || r(u), s?.(u);
+    [c, r, o]
+  ), u = N(
+    (f) => {
+      const v = { ...c };
+      delete v[f], r || d(v), o?.(v);
     },
-    [b, n, s]
-  ), f = m(() => {
-    n || r({}), s?.({});
-  }, [n, s]);
-  return { filteredData: x(() => Ue(e, b, t), [e, b, t]), filters: b, setFilter: o, clearFilters: f, clearFilter: h };
+    [c, r, o]
+  ), h = N(() => {
+    r || d({}), o?.({});
+  }, [r, o]);
+  return { filteredData: A(() => l ? e : Fn(e, c, t), [e, c, t, l]), filters: c, setFilter: a, clearFilters: h, clearFilter: u };
 }
-function mt({
+function Pi({
   data: e,
   config: t,
-  onPageChange: l
+  onPageChange: i,
+  manual: r = !1
 }) {
-  const n = t !== !1, s = t && typeof t == "object" ? t.page ?? 1 : 1, a = t && typeof t == "object" ? t.pageSize ?? 10 : 10, r = t && typeof t == "object" ? t.totalItems : void 0, [b, o] = z(s), [h, f] = z(a), S = r ?? e.length, p = Math.max(1, Math.ceil(S / h)), u = m(
-    (d) => {
-      const c = Math.max(1, Math.min(d, p));
-      o(c), l?.(c, h);
+  const o = t !== !1, l = t && typeof t == "object" ? t.page ?? 1 : 1, s = t && typeof t == "object" ? t.pageSize ?? 10 : 10, d = t && typeof t == "object" ? t.totalItems : void 0, [c, a] = I(l), [u, h] = I(s), b = d ?? e.length, f = Math.max(1, Math.ceil(b / u)), v = N(
+    (w) => {
+      const T = Math.max(1, Math.min(w, f));
+      a(T), i?.(T, u);
     },
-    [p, h, l]
-  ), v = m(() => {
-    b < p && u(b + 1);
-  }, [b, p, u]), N = m(() => {
-    b > 1 && u(b - 1);
-  }, [b, u]), D = m(
-    (d) => {
-      f(d), o(1), l?.(1, d);
+    [f, u, i]
+  ), m = N(() => {
+    c < f && v(c + 1);
+  }, [c, f, v]), P = N(() => {
+    c > 1 && v(c - 1);
+  }, [c, v]), S = N(
+    (w) => {
+      h(w), a(1), i?.(1, w);
     },
-    [l]
-  ), $ = x(() => {
-    if (!n || r !== void 0)
+    [i]
+  ), x = A(() => {
+    if (!o || r || d !== void 0)
       return e;
-    const d = (b - 1) * h;
-    return e.slice(d, d + h);
-  }, [e, b, h, n, r]), T = (b - 1) * h + 1, k = Math.min(b * h, S);
+    const w = (c - 1) * u;
+    return e.slice(w, w + u);
+  }, [e, c, u, o, r, d]), y = (c - 1) * u + 1, g = Math.min(c * u, b);
   return {
-    paginatedData: $,
-    page: b,
-    pageSize: h,
-    totalPages: p,
-    totalItems: S,
-    goToPage: u,
-    nextPage: v,
-    prevPage: N,
-    changePageSize: D,
-    hasNextPage: b < p,
-    hasPrevPage: b > 1,
-    startIndex: T,
-    endIndex: k
+    paginatedData: x,
+    page: c,
+    pageSize: u,
+    totalPages: f,
+    totalItems: b,
+    goToPage: v,
+    nextPage: m,
+    prevPage: P,
+    changePageSize: S,
+    hasNextPage: c < f,
+    hasPrevPage: c > 1,
+    startIndex: y,
+    endIndex: g
   };
 }
-function vt({
+function Di({
   data: e,
   rowKey: t,
-  mode: l = "multiple",
-  initialSelection: n,
-  controlledSelection: s,
-  onSelectionChange: a
+  mode: i = "multiple",
+  initialSelection: r,
+  controlledSelection: o,
+  onSelectionChange: l
 }) {
-  const [r, b] = z(
-    n ?? []
-  ), o = s ?? r, h = m(
-    (d, c) => typeof t == "function" ? t(d, c) : String(d[t]),
+  const [s, d] = I(
+    r ?? []
+  ), c = o ?? s, a = N(
+    (g, w) => typeof t == "function" ? t(g, w) : String(g[t]),
     [t]
-  ), f = x(() => new Set(o.map((d, c) => h(d, c))), [o, h]), S = m(
-    (d, c) => {
-      const g = h(d, c);
-      return f.has(g);
+  ), u = A(() => new Set(c.map((g, w) => a(g, w))), [c, a]), h = N(
+    (g, w) => {
+      const T = a(g, w);
+      return u.has(T);
     },
-    [h, f]
-  ), p = m(
-    (d) => {
-      s || b(d), a?.(d);
+    [a, u]
+  ), b = N(
+    (g) => {
+      o || d(g), l?.(g);
     },
-    [s, a]
-  ), u = m(
-    (d, c) => {
-      const g = h(d, c);
-      let C;
-      l === "single" ? C = f.has(g) ? [] : [d] : f.has(g) ? C = o.filter((A, L) => h(A, L) !== g) : C = [...o, d], p(C);
+    [o, l]
+  ), f = N(
+    (g, w) => {
+      const T = a(g, w);
+      let L;
+      i === "single" ? L = u.has(T) ? [] : [g] : u.has(T) ? L = c.filter((p, k) => a(p, k) !== T) : L = [...c, g], b(L);
     },
-    [l, f, o, h, p]
-  ), v = m(
-    (d, c) => {
-      if (!S(d, c)) {
-        const g = l === "single" ? [d] : [...o, d];
-        p(g);
+    [i, u, c, a, b]
+  ), v = N(
+    (g, w) => {
+      if (!h(g, w)) {
+        const T = i === "single" ? [g] : [...c, g];
+        b(T);
       }
     },
-    [S, l, o, p]
-  ), N = m(
-    (d, c) => {
-      const g = h(d, c), C = o.filter(
-        (A, L) => h(A, L) !== g
+    [h, i, c, b]
+  ), m = N(
+    (g, w) => {
+      const T = a(g, w), L = c.filter(
+        (p, k) => a(p, k) !== T
       );
-      p(C);
+      b(L);
     },
-    [o, h, p]
-  ), D = m(() => {
-    l === "multiple" && p([...e]);
-  }, [e, l, p]), $ = m(() => {
-    p([]);
-  }, [p]), T = e.length > 0 && o.length === e.length, k = o.length > 0 && o.length < e.length;
+    [c, a, b]
+  ), P = N(() => {
+    i === "multiple" && b([...e]);
+  }, [e, i, b]), S = N(() => {
+    b([]);
+  }, [b]), x = e.length > 0 && c.length === e.length, y = c.length > 0 && c.length < e.length;
   return {
-    selectedRows: o,
-    isSelected: S,
-    toggleRow: u,
+    selectedRows: c,
+    isSelected: h,
+    toggleRow: f,
     selectRow: v,
-    deselectRow: N,
-    selectAll: D,
-    deselectAll: $,
-    isAllSelected: T,
-    isPartiallySelected: k,
-    selectedCount: o.length
+    deselectRow: m,
+    selectAll: P,
+    deselectAll: S,
+    isAllSelected: x,
+    isPartiallySelected: y,
+    selectedCount: c.length
   };
 }
-function yt({
+function Li({
   data: e,
   columns: t,
-  searchColumns: l,
-  initialValue: n,
-  controlledValue: s,
-  onSearchChange: a
+  searchColumns: i,
+  initialValue: r,
+  controlledValue: o,
+  onSearchChange: l,
+  debounceMs: s = 0,
+  manual: d = !1
 }) {
-  const [r, b] = z(n ?? ""), o = s ?? r, h = m(
-    (p) => {
-      s === void 0 && b(p), a?.(p);
+  const [c, a] = I(r ?? ""), [u, h] = I(r ?? ""), b = O(null), f = o ?? c;
+  $(() => {
+    if (s <= 0) {
+      h(f);
+      return;
+    }
+    return b.current = setTimeout(() => {
+      h(f);
+    }, s), () => {
+      b.current && clearTimeout(b.current);
+    };
+  }, [f, s]);
+  const v = N(
+    (S) => {
+      o === void 0 && a(S), l?.(S);
+    },
+    [o, l]
+  ), m = N(() => {
+    o === void 0 && a(""), b.current && clearTimeout(b.current), h(""), l?.("");
+  }, [o, l]);
+  return { searchedData: A(() => d ? e : $n(e, u, t, i), [e, u, t, i, d]), searchValue: f, handleSearch: v, clearSearch: m };
+}
+function Ai({
+  columns: e,
+  controlledHiddenColumns: t,
+  onColumnVisibilityChange: i
+}) {
+  const [r, o] = I(
+    () => e.filter((h) => h.hidden).map((h) => h.id)
+  ), l = t ?? r, s = A(
+    () => new Set(l),
+    [l]
+  ), d = N(
+    (h) => {
+      const b = s.has(h) ? l.filter((f) => f !== h) : [...l, h];
+      t || o(b), i?.(b);
+    },
+    [
+      l,
+      s,
+      t,
+      i
+    ]
+  ), c = N(() => {
+    t || o([]), i?.([]);
+  }, [t, i]), a = N(
+    (h) => !s.has(h),
+    [s]
+  );
+  return {
+    visibleColumns: A(
+      () => e.filter((h) => !s.has(h.id)),
+      [e, s]
+    ),
+    hiddenColumnIds: s,
+    toggleColumn: d,
+    showAllColumns: c,
+    isColumnVisible: a,
+    hiddenColumns: l
+  };
+}
+const Ii = 50;
+function Ei({
+  columns: e,
+  enabled: t,
+  minWidth: i = Ii,
+  maxWidth: r,
+  onColumnResize: o,
+  tableRef: l
+}) {
+  const [s, d] = I({}), [c, a] = I(!1), u = O(null), h = N(
+    (m) => {
+      if (!l.current) return 150;
+      const P = l.current.querySelector(`th[data-column-id="${m}"]`);
+      return P ? P.getBoundingClientRect().width : 150;
+    },
+    [l]
+  ), b = N(
+    (m, P) => {
+      if (!t) return;
+      const S = s[m] ?? h(m);
+      u.current = { columnId: m, startX: P, startWidth: S }, a(!0);
+    },
+    [t, s, h]
+  );
+  $(() => {
+    if (!c) return;
+    const m = (S) => {
+      if (!u.current) return;
+      S.preventDefault();
+      const { columnId: x, startX: y, startWidth: g } = u.current, w = S.clientX - y;
+      let T = Math.max(g + w, i);
+      r !== void 0 && (T = Math.min(T, r));
+      const L = e.find((p) => p.id === x);
+      if (L) {
+        const p = L.minWidth ?? i, k = L.maxWidth ?? r;
+        T = Math.max(T, p), k !== void 0 && (T = Math.min(T, k));
+      }
+      d((p) => ({ ...p, [x]: T }));
+    }, P = () => {
+      if (u.current) {
+        const { columnId: S } = u.current, x = s[S];
+        x !== void 0 && o && o(S, x);
+      }
+      u.current = null, a(!1);
+    };
+    return document.addEventListener("mousemove", m), document.addEventListener("mouseup", P), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize", () => {
+      document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", P), document.body.style.userSelect = "", document.body.style.cursor = "";
+    };
+  }, [c, s, e, i, r, o]);
+  const f = N(
+    (m) => s[m],
+    [s]
+  ), v = N(() => {
+    d({});
+  }, []);
+  return {
+    columnWidths: s,
+    isResizing: c,
+    startResize: b,
+    getColumnWidth: f,
+    resetColumnWidths: v
+  };
+}
+function Mi({
+  containerRef: e,
+  itemCount: t,
+  rowHeight: i,
+  buffer: r,
+  enabled: o
+}) {
+  const [l, s] = I(0), [d, c] = I(0);
+  $(() => {
+    if (!o) return;
+    const u = e.current;
+    if (!u) return;
+    const h = () => {
+      s(u.scrollTop);
+    };
+    c(u.clientHeight), s(u.scrollTop), u.addEventListener("scroll", h, { passive: !0 });
+    const b = new ResizeObserver((f) => {
+      for (const v of f)
+        c(v.contentRect.height);
+    });
+    return b.observe(u), () => {
+      u.removeEventListener("scroll", h), b.disconnect();
+    };
+  }, [e, o]);
+  const a = N(() => {
+    e.current && (e.current.scrollTop = 0, s(0));
+  }, [e]);
+  return $(() => {
+    o && a();
+  }, [t, o, a]), A(() => {
+    if (!o || t === 0)
+      return {
+        totalHeight: 0,
+        startIndex: 0,
+        endIndex: t,
+        offsetTop: 0
+      };
+    const u = t * i, h = Math.floor(l / i), b = Math.ceil(d / i), f = Math.max(0, h - r), v = Math.min(t, h + b + r), m = f * i;
+    return { totalHeight: u, startIndex: f, endIndex: v, offsetTop: m };
+  }, [o, t, i, l, d, r]);
+}
+function Ri({
+  controlledExpandedRows: e,
+  onExpandChange: t,
+  accordion: i = !1
+}) {
+  const [r, o] = I([]), l = e !== void 0, s = l ? e : r, d = A(
+    () => new Set(s),
+    [s]
+  ), c = N(
+    (b) => {
+      l || o(b), t?.(b);
+    },
+    [l, t]
+  ), a = N(
+    (b) => d.has(b),
+    [d]
+  ), u = N(
+    (b) => {
+      d.has(b) ? c(s.filter((f) => f !== b)) : c(i ? [b] : [...s, b]);
     },
-    [s, a]
-  ), f = m(() => {
-    s === void 0 && b(""), a?.("");
-  }, [s, a]);
-  return { searchedData: x(() => We(e, o, t, l), [e, o, t, l]), searchValue: o, handleSearch: h, clearSearch: f };
+    [d, s, i, c]
+  ), h = N(() => {
+    c([]);
+  }, [c]);
+  return {
+    expandedRowKeys: d,
+    isExpanded: a,
+    toggleExpand: u,
+    collapseAll: h
+  };
 }
-function St(e) {
+const Fi = 500, $i = 48, zi = 5;
+function Oi(e) {
   const {
     // Data
     data: t,
-    columns: l,
-    rowKey: n = "id",
+    columns: i,
+    rowKey: r = "id",
     // Actions
-    rowActions: s,
-    globalActions: a,
+    rowActions: o,
+    globalActions: l,
+    maxVisibleActions: s = 3,
     // Pagination
-    pagination: r = { pageSize: 10 },
-    onPageChange: b,
+    pagination: d = { pageSize: 10 },
+    onPageChange: c,
     // Sort
-    sort: o,
-    onSortChange: h,
+    sort: a,
+    onSortChange: u,
+    multiSort: h = !1,
+    multiSortState: b,
+    onMultiSortChange: f,
     // Filter
-    filters: f,
-    onFilterChange: S,
+    filters: v,
+    onFilterChange: m,
+    filterMode: P = "floating",
     // Search
-    searchable: p = !1,
-    searchValue: u,
-    onSearchChange: v,
-    searchColumns: N,
+    searchable: S = !1,
+    searchValue: x,
+    onSearchChange: y,
+    searchColumns: g,
+    searchDebounceMs: w = 300,
+    // Server-Side / Manual Mode
+    manualSorting: T = !1,
+    manualFiltering: L = !1,
+    manualPagination: p = !1,
     // Selection - now auto-inferred if not explicitly set
-    selectable: D,
-    selectedRows: $,
-    onSelectionChange: T,
-    selectionMode: k = "multiple",
+    selectable: k,
+    selectedRows: F,
+    onSelectionChange: B,
+    selectionMode: _ = "multiple",
+    // Column Visibility
+    columnVisibility: M = !1,
+    hiddenColumns: de,
+    onColumnVisibilityChange: Ot,
     // States
-    loading: d = !1,
-    loadingComponent: c,
-    emptyComponent: g,
+    loading: X = !1,
+    loadingComponent: Ce,
+    emptyComponent: Ne,
     // Styling
-    classNames: C = {},
-    styles: A = {},
-    locale: L,
-    stickyHeader: V = !1,
-    maxHeight: Re,
-    bordered: B = !1,
-    striped: j = !1,
-    hoverable: E = !0,
-    size: K = "medium",
+    classNames: ie = {},
+    styles: xe = {},
+    locale: G,
+    stickyHeader: ke = !1,
+    maxHeight: Se,
+    bordered: ue = !1,
+    striped: he = !1,
+    hoverable: be = !0,
+    size: fe = "medium",
     // Callbacks
-    onRowClick: H,
-    onRowDoubleClick: q,
+    onRowClick: Te,
+    onRowDoubleClick: Pe,
+    // Column Resizing
+    resizable: J = !1,
+    onColumnResize: jt,
+    minColumnWidth: Bt,
+    maxColumnWidth: Wt,
+    // Expandable Rows
+    expandable: Y,
+    expandedRows: Ht,
+    onExpandChange: Vt,
     // Accessibility
-    ariaLabel: ze,
-    ariaDescribedBy: Me
-  } = e, _ = x(() => D !== void 0 ? D : a?.some(
-    (je) => je.requiresSelection
-  ) || T !== void 0, [D, a, T]), J = x(
-    () => ({ ...Ve, ...L }),
-    [L]
-  ), [Q, G] = z(!1), [U, W] = z(null), X = m((we) => {
-    W(we), G(!0);
-  }, []), Y = m(() => {
-    G(!1), W(null);
-  }, []), R = x(() => r === !1 ? !1 : {
+    ariaLabel: _t,
+    ariaDescribedBy: Ut,
+    // Virtualization
+    virtualize: pe,
+    rowHeight: qt = $i,
+    virtualBuffer: Kt = zi
+  } = e, ee = A(() => k !== void 0 ? k : l?.some(
+    (we) => we.requiresSelection
+  ) || B !== void 0, [k, l, B]), q = A(
+    () => ({ ...typeof G == "string" ? ki[G] : zt, ...typeof G == "object" ? G : {} }),
+    [G]
+  ), [De, Le] = I(!1), [Ae, Ie] = I(null), [me, Zt] = I(!1), Ee = N(() => {
+    Zt((E) => !E);
+  }, []), Me = A(
+    () => i.some((E) => E.filterable !== !1 && E.type !== "custom" && !E.hidden),
+    [i]
+  ), Re = N((E) => {
+    Ie(E), Le(!0);
+  }, []), Fe = N(() => {
+    Le(!1), Ie(null);
+  }, []), H = A(() => d === !1 ? !1 : {
     pageSize: 10,
     pageSizeOptions: [10, 20, 50, 100],
     showSizeChanger: !1,
-    ...r
-  }, [r]), {
-    searchedData: Le,
-    searchValue: Z,
-    handleSearch: ee,
-    clearSearch: te
-  } = yt({
+    ...d
+  }, [d]), {
+    searchedData: Qt,
+    searchValue: re,
+    handleSearch: $e,
+    clearSearch: ze
+  } = Li({
     data: t,
-    columns: l,
-    searchColumns: N,
-    controlledValue: u,
-    onSearchChange: v
+    columns: i,
+    searchColumns: g,
+    controlledValue: x,
+    onSearchChange: y,
+    debounceMs: w,
+    manual: L
+  }), {
+    filteredData: Xt,
+    filters: se,
+    setFilter: Oe,
+    clearFilter: je,
+    clearFilters: Be
+  } = Ti({
+    data: Qt,
+    columns: i,
+    controlledFilters: v,
+    onFilterChange: m,
+    manual: L
+  }), { sortedData: V, sortState: We, handleSort: He, clearSort: Ve, multiSortState: _e, isMultiSort: Ue } = Si({
+    data: Xt,
+    controlledSort: a,
+    onSortChange: u,
+    multiSort: h,
+    controlledMultiSort: b,
+    onMultiSortChange: f,
+    manual: T
   }), {
-    filteredData: Ie,
-    filters: ae,
-    setFilter: ne,
-    clearFilters: le
-  } = gt({
-    data: Le,
-    columns: l,
-    controlledFilters: f,
-    onFilterChange: S
-  }), { sortedData: se, sortState: re, handleSort: ie } = pt({
-    data: Ie,
-    controlledSort: o,
-    onSortChange: h
+    visibleColumns: le,
+    hiddenColumnIds: qe,
+    toggleColumn: Ke,
+    showAllColumns: Ze,
+    isColumnVisible: Qe
+  } = Ai({
+    columns: i,
+    controlledHiddenColumns: de,
+    onColumnVisibilityChange: Ot
   }), {
-    selectedRows: ce,
-    isSelected: oe,
-    toggleRow: de,
-    selectAll: be,
-    deselectAll: he,
-    isAllSelected: ue,
-    isPartiallySelected: fe,
-    selectedCount: pe
-  } = vt({
-    data: se,
-    rowKey: n,
-    mode: k,
-    controlledSelection: $,
-    onSelectionChange: T
+    selectedRows: Xe,
+    isSelected: Ge,
+    toggleRow: Je,
+    selectAll: Ye,
+    deselectAll: et,
+    isAllSelected: tt,
+    isPartiallySelected: nt,
+    selectedCount: te
+  } = Di({
+    data: V,
+    rowKey: r,
+    mode: _,
+    controlledSelection: F,
+    onSelectionChange: B
   }), {
-    paginatedData: O,
-    page: ge,
-    pageSize: me,
-    totalPages: ve,
-    totalItems: ye,
-    goToPage: Se,
-    nextPage: Ce,
-    prevPage: Ne,
-    changePageSize: ke,
-    hasNextPage: De,
-    hasPrevPage: Pe,
-    startIndex: Te,
-    endIndex: Ae
-  } = mt({
-    data: se,
-    config: R,
-    onPageChange: b
-  }), Be = x(
+    paginatedData: Gt,
+    page: it,
+    pageSize: rt,
+    totalPages: st,
+    totalItems: lt,
+    goToPage: ot,
+    nextPage: at,
+    prevPage: ct,
+    changePageSize: dt,
+    hasNextPage: ut,
+    hasPrevPage: ht,
+    startIndex: bt,
+    endIndex: ft
+  } = Pi({
+    data: V,
+    config: H,
+    onPageChange: c,
+    manual: p
+  }), ge = d === !1, oe = A(() => pe !== void 0 ? pe : ge && V.length > Fi, [pe, ge, V.length]), pt = O(null), mt = O(null), {
+    columnWidths: gt,
+    isResizing: vt,
+    startResize: yt,
+    getColumnWidth: ve
+  } = Ei({
+    columns: le,
+    enabled: J,
+    minWidth: Bt,
+    maxWidth: Wt,
+    onColumnResize: jt,
+    tableRef: mt
+  }), {
+    isExpanded: wt,
+    toggleExpand: Ct
+  } = Ri({
+    controlledExpandedRows: Ht,
+    onExpandChange: Vt,
+    accordion: Y?.accordion
+  }), ne = ge ? V : Gt, { totalHeight: Jt, startIndex: Yt, endIndex: en, offsetTop: tn } = Mi({
+    containerRef: pt,
+    itemCount: ne.length,
+    rowHeight: qt,
+    buffer: Kt,
+    enabled: oe
+  }), nn = A(
     () => ({
-      // Data
       data: t,
-      processedData: O,
-      columns: l,
-      rowKey: n,
-      // Actions
-      rowActions: s,
-      globalActions: a,
-      // Sort
-      sortState: re,
-      handleSort: ie,
-      // Filter
-      filters: ae,
-      setFilter: ne,
-      clearFilters: le,
-      // Search
-      searchValue: Z,
-      handleSearch: ee,
-      clearSearch: te,
-      searchable: p,
-      // Selection
-      selectedRows: ce,
-      isSelected: oe,
-      toggleRow: de,
-      selectAll: be,
-      deselectAll: he,
-      isAllSelected: ue,
-      isPartiallySelected: fe,
-      selectable: _,
-      selectionMode: k,
-      selectedCount: pe,
-      // Pagination
-      page: ge,
-      pageSize: me,
-      totalPages: ve,
-      totalItems: ye,
-      goToPage: Se,
-      nextPage: Ce,
-      prevPage: Ne,
-      changePageSize: ke,
-      hasNextPage: De,
-      hasPrevPage: Pe,
-      startIndex: Te,
-      endIndex: Ae,
-      paginationEnabled: r !== !1,
-      pageSizeOptions: R && typeof R == "object" ? R.pageSizeOptions ?? [10, 20, 50, 100] : [10, 20, 50, 100],
-      showSizeChanger: R && typeof R == "object" ? R.showSizeChanger ?? !1 : !1,
-      // UI State
-      loading: d,
-      loadingComponent: c,
-      emptyComponent: g,
-      // Styling
-      locale: J,
-      classNames: C,
-      size: K,
-      bordered: B,
-      striped: j,
-      hoverable: E,
-      stickyHeader: V,
-      // Callbacks
-      onRowClick: H,
-      onRowDoubleClick: q,
-      // Modal
-      openModal: X,
-      closeModal: Y,
-      modalContent: U,
-      isModalOpen: Q
+      processedData: ne,
+      columns: i,
+      visibleColumns: le,
+      rowKey: r,
+      rowActions: o,
+      globalActions: l,
+      maxVisibleActions: s,
+      expandableRender: Y?.render,
+      isExpanded: wt,
+      toggleExpand: Ct,
+      expandableEnabled: Y !== void 0
     }),
-    [
-      t,
-      O,
-      l,
-      n,
-      s,
-      a,
-      re,
-      ie,
-      ae,
-      ne,
-      le,
-      Z,
-      ee,
-      te,
-      p,
-      ce,
-      oe,
-      de,
-      be,
-      he,
-      ue,
-      fe,
-      _,
-      k,
-      pe,
-      ge,
-      me,
-      ve,
-      ye,
-      Se,
-      Ce,
-      Ne,
-      ke,
-      De,
-      Pe,
-      Te,
-      Ae,
-      r,
-      R,
-      d,
-      c,
-      g,
-      J,
-      C,
-      K,
-      B,
-      j,
-      E,
-      V,
-      H,
-      q,
-      X,
-      Y,
-      U,
-      Q
-    ]
-  ), F = O.length > 0;
-  return /* @__PURE__ */ i(He, { value: Be, children: /* @__PURE__ */ y(
+    [t, ne, i, le, r, o, l, s, Y, wt, Ct]
+  ), rn = A(
+    () => ({
+      sortState: We,
+      handleSort: He,
+      multiSortState: _e,
+      isMultiSort: Ue,
+      clearSort: Ve
+    }),
+    [We, He, _e, Ue, Ve]
+  ), sn = A(
+    () => ({
+      filters: se,
+      setFilter: Oe,
+      clearFilter: je,
+      clearFilters: Be,
+      searchValue: re,
+      handleSearch: $e,
+      clearSearch: ze,
+      searchable: S,
+      filterPanelOpen: me,
+      toggleFilterPanel: Ee,
+      hasFilterableColumns: Me,
+      filterMode: P
+    }),
+    [se, Oe, je, Be, re, $e, ze, S, me, Ee, Me, P]
+  ), ln = A(
+    () => ({
+      selectedRows: Xe,
+      isSelected: Ge,
+      toggleRow: Je,
+      selectAll: Ye,
+      deselectAll: et,
+      isAllSelected: tt,
+      isPartiallySelected: nt,
+      selectedCount: te,
+      selectable: ee,
+      selectionMode: _
+    }),
+    [Xe, Ge, Je, Ye, et, tt, nt, te, ee, _]
+  ), on = A(
+    () => ({
+      page: it,
+      pageSize: rt,
+      totalPages: st,
+      totalItems: lt,
+      goToPage: ot,
+      nextPage: at,
+      prevPage: ct,
+      changePageSize: dt,
+      hasNextPage: ut,
+      hasPrevPage: ht,
+      startIndex: bt,
+      endIndex: ft,
+      paginationEnabled: d !== !1,
+      pageSizeOptions: H && typeof H == "object" ? H.pageSizeOptions ?? [10, 20, 50, 100] : [10, 20, 50, 100],
+      showSizeChanger: H && typeof H == "object" ? H.showSizeChanger ?? !1 : !1
+    }),
+    [it, rt, st, lt, ot, at, ct, dt, ut, ht, bt, ft, d, H]
+  ), an = A(
+    () => ({
+      locale: q,
+      classNames: ie,
+      size: fe,
+      bordered: ue,
+      striped: he,
+      hoverable: be,
+      stickyHeader: ke,
+      loading: X,
+      loadingComponent: Ce,
+      emptyComponent: Ne,
+      onRowClick: Te,
+      onRowDoubleClick: Pe,
+      openModal: Re,
+      closeModal: Fe,
+      modalContent: Ae,
+      isModalOpen: De,
+      columnVisibilityEnabled: M,
+      hiddenColumnIds: qe,
+      toggleColumn: Ke,
+      showAllColumns: Ze,
+      isColumnVisible: Qe,
+      columns: i,
+      resizable: J,
+      columnWidths: gt,
+      isResizing: vt,
+      startResize: yt,
+      getColumnWidth: ve
+    }),
+    [q, ie, fe, ue, he, be, ke, X, Ce, Ne, Te, Pe, Re, Fe, Ae, De, M, qe, Ke, Ze, Qe, i, J, gt, vt, yt, ve]
+  ), ye = ne.length > 0, cn = $t("(max-width: 640px)"), dn = A(() => {
+    const E = [], K = re.length > 0, we = Object.keys(se).length > 0;
+    return (K || we) && (V.length === 0 ? E.push(q.noResultsFound) : E.push(q.resultsFound.replace("{count}", String(V.length)))), ee && te > 0 && E.push(q.rowsSelected.replace("{count}", String(te))), E.join(". ");
+  }, [V.length, re, se, ee, te, q]);
+  return /* @__PURE__ */ n(Cn, { data: nn, sort: rn, filter: sn, selection: ln, pagination: on, ui: an, children: /* @__PURE__ */ C(
     "div",
     {
-      className: P(
+      className: D(
         "bt-container",
-        `bt-size-${K}`,
-        j && "bt-striped",
-        B && "bt-bordered",
-        E && "bt-hoverable",
-        d && "bt-container-loading",
-        C.container
+        `bt-size-${fe}`,
+        he && "bt-striped",
+        ue && "bt-bordered",
+        be && "bt-hoverable",
+        X && "bt-container-loading",
+        ie.container
       ),
-      style: A.container,
+      style: xe.container,
       children: [
-        /* @__PURE__ */ i(bt, {}),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ n(fi, {}),
+        (P === "panel" || P === "both") && /* @__PURE__ */ n(ii, { open: me }),
+        /* @__PURE__ */ C(
           "div",
           {
+            ref: pt,
             className: "bt-table-wrapper",
-            style: { maxHeight: Re },
+            style: {
+              maxHeight: Se,
+              ...oe && !Se ? { maxHeight: "80vh", overflow: "auto" } : {}
+            },
             children: [
-              /* @__PURE__ */ y(
-                "table",
-                {
-                  className: P("bt-table", C.table),
-                  style: A.table,
-                  role: "grid",
-                  "aria-label": ze,
-                  "aria-describedby": Me,
-                  "aria-busy": d,
-                  children: [
-                    /* @__PURE__ */ i(Qe, {}),
-                    F ? /* @__PURE__ */ i(lt, {}) : /* @__PURE__ */ i(ht, {})
-                  ]
-                }
+              cn ? (
+                /* Cards (móvil) */
+                ye && /* @__PURE__ */ n(Yn, {})
+              ) : (
+                /* Tabla tradicional (desktop/tablet) */
+                /* @__PURE__ */ C(
+                  "table",
+                  {
+                    ref: mt,
+                    className: D("bt-table", J && "bt-table-resizable", ie.table),
+                    style: xe.table,
+                    role: "grid",
+                    "aria-label": _t,
+                    "aria-describedby": Ut,
+                    "aria-busy": X,
+                    "aria-rowcount": oe ? ne.length : void 0,
+                    children: [
+                      J && /* @__PURE__ */ C("colgroup", { children: [
+                        Y && /* @__PURE__ */ n("col", { style: { width: 40 } }),
+                        ee && /* @__PURE__ */ n("col", { style: { width: 40 } }),
+                        le.map((E) => {
+                          const K = ve(E.id);
+                          return /* @__PURE__ */ n("col", { style: K !== void 0 ? { width: K } : E.width !== void 0 ? { width: E.width } : void 0 }, E.id);
+                        }),
+                        o && o.length > 0 && /* @__PURE__ */ n("col", {})
+                      ] }),
+                      /* @__PURE__ */ n(En, {}),
+                      ye ? oe ? /* @__PURE__ */ n(
+                        xi,
+                        {
+                          startIndex: Yt,
+                          endIndex: en,
+                          totalHeight: Jt,
+                          offsetTop: tn
+                        }
+                      ) : /* @__PURE__ */ n(Zn, {}) : /* @__PURE__ */ n(mi, {})
+                    ]
+                  }
+                )
               ),
-              F && /* @__PURE__ */ i(ct, {}),
-              /* @__PURE__ */ i(ut, { show: d && F })
+              /* @__PURE__ */ n(gi, { show: X && ye })
             ]
           }
         ),
-        r !== !1 && /* @__PURE__ */ i(ot, {}),
-        /* @__PURE__ */ i(ft, {})
+        d !== !1 && /* @__PURE__ */ n(di, {}),
+        /* @__PURE__ */ n(Ci, {}),
+        /* @__PURE__ */ n("div", { "aria-live": "polite", "aria-atomic": "true", className: "bt-sr-only", children: dn })
       ]
     }
   ) });
 }
-const Pt = St;
+const Vi = Oi;
 export {
-  Pt as BetterTable,
-  He as TableProvider,
-  Ve as defaultLocale,
-  Ue as filterData,
-  M as getValueFromPath,
-  We as searchData,
-  Ge as sortData,
-  w as useTableContext,
-  gt as useTableFilter,
-  mt as useTablePagination,
-  yt as useTableSearch,
-  vt as useTableSelection,
-  pt as useTableSort
+  Vi as BetterTable,
+  Cn as TableProvider,
+  zt as defaultLocale,
+  Fn as filterData,
+  W as getValueFromPath,
+  ki as locales,
+  $n as searchData,
+  Mn as sortData,
+  Ai as useColumnVisibility,
+  j as useTableData,
+  Ti as useTableFilter,
+  ce as useTableFilterContext,
+  Pi as useTablePagination,
+  vn as useTablePaginationContext,
+  Li as useTableSearch,
+  Di as useTableSelection,
+  U as useTableSelectionContext,
+  Si as useTableSort,
+  fn as useTableSortContext,
+  R as useTableUI
 };
 //# sourceMappingURL=better-table.es.js.map