better-table 1.1.0 → 1.2.0

package/dist/better-table.es.js

@@ -1,1335 +1,2268 @@
-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 R, { useContext as yt, createContext as wt, useCallback as w, useMemo as I, useState as M, useRef as V, useEffect as B } from "react";
+import { jsx as n, jsxs as g, Fragment as Ct } from "react/jsx-runtime";
+import { createPortal as kt } 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 it = {
+  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"
+}, Nt = {
+  en: it,
+  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"
+  },
+  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"
+  }
+}, lt = wt(null);
+function $() {
+  const e = yt(lt);
   if (!e)
     throw new Error("useTableContext must be used within a TableProvider");
   return e;
 }
-function He({
+function St({
   value: e,
   children: t
 }) {
-  return /* @__PURE__ */ i($e.Provider, { value: e, children: t });
+  return /* @__PURE__ */ n(lt.Provider, { value: e, children: t });
 }
-function xe(e) {
-  var t, l, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
+function rt(e) {
+  var t, l, i = "";
+  if (typeof e == "string" || typeof e == "number") i += 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 a = e.length;
+    for (t = 0; t < a; t++) e[t] && (l = rt(e[t])) && (i && (i += " "), i += l);
+  } else for (l in e) e[l] && (i && (i += " "), i += l);
+  return i;
+}
+function x() {
+  for (var e, t, l = 0, i = "", a = arguments.length; l < a; l++) (e = arguments[l]) && (t = rt(e)) && (i && (i += " "), i += t);
+  return i;
+}
+function Pt() {
+  return /* @__PURE__ */ g("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 xt() {
+  return /* @__PURE__ */ g("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 At() {
+  return /* @__PURE__ */ g("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 Lt({
   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(() => {
+    locale: i,
+    multiSortState: a,
+    isMultiSort: o
+  } = $(), s = t.columnId === e.id, d = o ? a.findIndex((k) => k.columnId === e.id) : -1, c = d >= 0, r = c ? a[d].direction : null, h = o && a.length > 1 && c, b = o ? c : s, u = o ? r : s ? t.direction : null, m = w(() => {
     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);
-    },
-    [e.id, e.type, s]
-  ), f = m(
-    (u) => {
-      u.key === "Enter" && e.sortable !== !1 && l(e.id);
+  }, [e.id, e.sortable, l]), v = w(
+    (k) => {
+      k.key === "Enter" && e.sortable !== !1 && l(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")
+  ), N = () => {
+    if (e.sortable === !1 || e.type === "custom")
       return null;
-    const u = n[e.id];
-    return e.type === "boolean" ? /* @__PURE__ */ y(
-      "select",
+    const k = b ? u === "asc" ? xt : At : Pt;
+    return /* @__PURE__ */ g(
+      "button",
       {
-        className: "bt-filter-select",
-        value: u == null ? "" : String(u),
-        onChange: h,
-        "aria-label": `${a.filterBy} ${e.header}`,
+        className: x("bt-sort-btn", b && "bt-active"),
+        onClick: m,
+        "aria-label": u === "asc" ? i.sortDesc : i.sortAsc,
+        type: "button",
         children: [
-          /* @__PURE__ */ i("option", { value: "", children: "-" }),
-          /* @__PURE__ */ i("option", { value: "true", children: "✅" }),
-          /* @__PURE__ */ i("option", { value: "false", children: "❌" })
+          /* @__PURE__ */ n(k, {}),
+          h && /* @__PURE__ */ n("span", { className: "bt-sort-priority", "aria-label": `${i.sortPriority} ${d + 1}`, children: d + 1 })
         ]
       }
-    ) : /* @__PURE__ */ i(
-      "input",
-      {
-        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}`
-      }
     );
   };
-  return e.headerCell ? /* @__PURE__ */ i(
+  return e.headerCell ? /* @__PURE__ */ n(
     "th",
     {
-      className: P("bt-th", e.align && `bt-align-${e.align}`),
+      className: x("bt-th", e.align && `bt-align-${e.align}`),
       style: { width: e.width },
       children: e.headerCell(e)
     }
-  ) : /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ n(
     "th",
     {
-      className: P("bt-th", e.align && `bt-align-${e.align}`),
+      className: x("bt-th", e.align && `bt-align-${e.align}`, b && "bt-sorted"),
       style: { width: e.width },
       role: "columnheader",
-      "aria-sort": r ? b === "asc" ? "ascending" : "descending" : void 0,
+      "aria-sort": b ? u === "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 ? v : void 0,
+      children: /* @__PURE__ */ n("div", { className: "bt-th-content", children: /* @__PURE__ */ g("div", { className: "bt-th-header", children: [
+        /* @__PURE__ */ n("span", { className: "bt-th-title", children: e.header }),
+        N()
+      ] }) })
     }
   );
 }
-const _e = I.memo(
-  qe
+const Dt = R.memo(
+  Lt
+), Ye = () => /* @__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() {
+function Tt() {
   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(
+    visibleColumns: e,
+    filters: t,
+    setFilter: l,
+    selectable: i,
+    selectionMode: a,
+    rowActions: o,
+    locale: s,
+    stickyHeader: d
+  } = $(), c = o && o.length > 0;
+  return e.some(
+    (h) => h.filterable !== !1 && h.type !== "custom"
+  ) ? /* @__PURE__ */ g("tr", { className: x("bt-tr", "bt-floating-filter-row", d && "bt-sticky-filter"), children: [
+    i && a === "multiple" && /* @__PURE__ */ n("th", { className: "bt-th bt-floating-filter-cell bt-checkbox-cell" }),
+    i && a === "single" && /* @__PURE__ */ n("th", { className: "bt-th bt-floating-filter-cell bt-checkbox-cell" }),
+    e.map((h) => /* @__PURE__ */ n(
+      "th",
+      {
+        className: x(
+          "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(
+          It,
+          {
+            column: h,
+            value: t[h.id],
+            setFilter: l,
+            locale: s
+          }
+        ) : null
+      },
+      h.id
+    )),
+    c && /* @__PURE__ */ n("th", { className: "bt-th bt-floating-filter-cell bt-actions-cell" })
+  ] }) : null;
+}
+function Mt({
+  column: e,
+  value: t,
+  setFilter: l,
+  locale: i
+}) {
+  const a = w(
+    (c) => {
+      const r = c.target.value;
+      e.type === "boolean" ? r === "" ? l(e.id, null) : l(e.id, r === "true") : l(e.id, r || null);
+    },
+    [e.id, e.type, l]
+  ), o = w(
+    (c, r) => {
+      const b = { ...t ?? {}, [c]: r || void 0 };
+      l(e.id, b);
+    },
+    [e.id, t, l]
+  ), s = `bt-ff-${e.id}`, d = I(() => {
+    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__ */ g("div", { className: x("bt-ff-wrapper", d && "bt-ff-active"), children: [
+      /* @__PURE__ */ n(Ye, {}),
+      /* @__PURE__ */ g(
+        "select",
+        {
+          id: s,
+          name: s,
+          className: "bt-floating-filter-select",
+          value: t == null ? "" : String(t),
+          onChange: a,
+          "aria-label": `${i.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__ */ g("div", { className: x("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: (r) => o("from", r.target.value),
+          "aria-label": `${i.dateFrom} ${e.header}`,
+          title: i.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: (r) => o("to", r.target.value),
+          "aria-label": `${i.dateTo} ${e.header}`,
+          title: i.dateTo
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ g("div", { className: x("bt-ff-wrapper", d && "bt-ff-active"), children: [
+    /* @__PURE__ */ n(Ye, {}),
+    /* @__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: a,
+        "aria-label": `${i.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 It = R.memo(Mt), $t = R.memo(
+  Tt
+);
+function Ft() {
+  const {
+    visibleColumns: e,
+    selectable: t,
+    selectionMode: l,
+    rowActions: i,
+    isAllSelected: a,
+    isPartiallySelected: o,
+    selectAll: s,
+    deselectAll: d,
+    locale: c,
+    stickyHeader: r,
+    filterMode: h
+  } = $(), b = i && i.length > 0, u = h === "floating" || h === "both", m = () => {
+    a ? d() : s();
+  };
+  return /* @__PURE__ */ g("thead", { className: x("bt-thead", r && "bt-sticky"), children: [
+    /* @__PURE__ */ g("tr", { className: "bt-tr", children: [
+      t && /* @__PURE__ */ n("th", { className: "bt-th bt-checkbox-cell", children: l === "multiple" && /* @__PURE__ */ n(
+        "input",
+        {
+          id: "bt-select-all",
+          name: "bt-select-all",
+          type: "checkbox",
+          className: "bt-checkbox",
+          checked: a,
+          ref: (v) => {
+            v && (v.indeterminate = o);
+          },
+          onChange: m,
+          "aria-label": a ? c.deselectAll : c.selectAll
+        }
+      ) }),
+      e.map((v) => /* @__PURE__ */ n(Dt, { column: v }, v.id)),
+      b && /* @__PURE__ */ n("th", { className: "bt-th bt-actions-cell", children: c.actions })
+    ] }),
+    u && /* @__PURE__ */ n($t, {})
+  ] });
 }
-const Qe = Je;
-function M(e, t) {
+const Rt = Ft;
+function j(e, t) {
   if (!e || !t) return;
   const l = t.split(".");
-  let n = e;
-  for (const s of l) {
-    if (n == null)
+  let i = e;
+  for (const a of l) {
+    if (i == null)
       return;
-    if (typeof n == "object")
-      n = n[s];
+    if (typeof i == "object")
+      i = i[a];
     else
       return;
   }
-  return n;
+  return i;
 }
-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 at(e, t, l) {
+  if (e == null)
+    return l === "asc" ? 1 : -1;
+  if (t == null)
+    return l === "asc" ? -1 : 1;
+  if (typeof e == "string" && typeof t == "string") {
+    const s = e.localeCompare(t, void 0, {
+      sensitivity: "base",
+      numeric: !0
+    });
+    return l === "asc" ? s : -s;
+  }
+  if (typeof e == "number" && typeof t == "number")
+    return l === "asc" ? e - t : t - e;
+  if (typeof e == "boolean" && typeof t == "boolean") {
+    const s = e === t ? 0 : e ? -1 : 1;
+    return l === "asc" ? s : -s;
+  }
+  if (e instanceof Date && t instanceof Date) {
+    const s = e.getTime() - t.getTime();
+    return l === "asc" ? s : -s;
+  }
+  const i = String(e), a = String(t), o = i.localeCompare(a);
+  return l === "asc" ? o : -o;
+}
+function Et(e, t, l) {
+  return [...e].sort((i, a) => {
+    const o = j(i, t), s = j(a, t);
+    return at(o, s, l);
+  });
+}
+function jt(e, t) {
+  const l = t.filter((i) => i.columnId !== null);
+  return l.length === 0 ? e : [...e].sort((i, a) => {
+    for (const o of l) {
+      const s = j(
+        i,
+        o.columnId
+      ), d = j(
+        a,
+        o.columnId
+      ), c = at(s, d, o.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 _(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 Ot(e, t, l) {
+  const i = Object.entries(t).filter(
+    ([, a]) => a != null && a !== ""
   );
-  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 i.length === 0 ? e : e.filter((a) => i.every(([o, s]) => {
+    const d = l.find((h) => h.id === o);
+    if (!d) return !0;
+    const c = j(
+      a,
+      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 h = _(c);
+        if (!h) return !1;
+        if (s && typeof s == "object" && ("from" in s || "to" in s)) {
+          const u = s;
+          if (u.from) {
+            const m = _(u.from);
+            if (m && h < m) return !1;
+          }
+          if (u.to) {
+            const m = _(u.to);
+            if (m) {
+              const v = new Date(m);
+              if (v.setHours(23, 59, 59, 999), h > v) return !1;
+            }
+          }
+          return !0;
         }
-        return String(o).includes(String(r));
+        const b = _(s);
+        return b ? h.toDateString() === b.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 Bt(e, t, l, i) {
   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 a = t.toLowerCase().trim(), o = i ? l.filter(
+    (s) => i.includes(s.id) || i.includes(String(s.accessor))
+  ) : l.filter((s) => s.type !== "custom");
   return e.filter(
-    (r) => a.some((b) => {
-      const o = M(
-        r,
-        String(b.accessor)
+    (s) => o.some((d) => {
+      const c = j(
+        s,
+        String(d.accessor)
       );
-      return o == null ? !1 : String(o).toLowerCase().includes(s);
+      return c == null ? !1 : String(c).toLowerCase().includes(a);
     })
   );
 }
-function Xe({
+function zt({
   row: e,
   column: t,
   rowIndex: l
 }) {
-  const n = M(
+  const i = j(
     e,
     String(t.accessor)
-  ), a = (() => {
+  ), o = (() => {
     if (t.cell)
-      return t.cell(n, e, l);
-    if (n == null)
-      return /* @__PURE__ */ i("span", { className: "bt-cell-empty", children: "—" });
+      return t.cell(i, e, l);
+    if (i == null)
+      return /* @__PURE__ */ n("span", { className: "bt-cell-empty", children: "—" });
     switch (t.type) {
       case "boolean":
-        return n ? "✅" : "❌";
+        return i ? "✅" : "❌";
       case "date":
-        if (n instanceof Date)
-          return n.toLocaleDateString();
-        const r = new Date(String(n));
-        return isNaN(r.getTime()) ? String(n) : r.toLocaleDateString();
+        if (i instanceof Date)
+          return i.toLocaleDateString();
+        const s = new Date(String(i));
+        return isNaN(s.getTime()) ? String(i) : s.toLocaleDateString();
       case "number":
-        return typeof n == "number" ? n.toLocaleString() : n;
+        return typeof i == "number" ? i.toLocaleString() : i;
       default:
-        return String(n);
+        return String(i);
     }
   })();
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     "td",
     {
-      className: P("bt-td", t.align && `bt-align-${t.align}`),
+      className: x("bt-td", t.align && `bt-align-${t.align}`),
       style: { width: t.width },
-      children: a
+      children: o
     }
   );
 }
-const Ye = I.memo(Xe);
-function Ze({
+const Vt = R.memo(zt), Ht = "📦";
+function Wt({
+  actions: e,
+  row: t,
+  rowIndex: l,
+  onActionClick: i,
+  direction: a = "down"
+}) {
+  const { locale: o } = $(), [s, d] = M(!1), [c, r] = M({ top: 0, left: 0, openUp: !1 }), h = V(null), b = V(null), u = w((y) => {
+    y.stopPropagation(), d((f) => {
+      if (!f && h.current) {
+        const C = h.current.getBoundingClientRect(), A = window.innerHeight - C.bottom, D = a === "up" || A < 200;
+        r({
+          top: D ? C.top : C.bottom,
+          left: C.right,
+          openUp: D
+        });
+      }
+      return !f;
+    });
+  }, [a]);
+  B(() => {
+    if (!s) return;
+    const y = (f) => {
+      const C = f.target;
+      h.current && !h.current.contains(C) && b.current && !b.current.contains(C) && d(!1);
+    };
+    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+  }, [s]), B(() => {
+    if (!s) return;
+    const y = (f) => {
+      f.key === "Escape" && d(!1);
+    };
+    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
+  }, [s]), B(() => {
+    if (!s) return;
+    const y = () => d(!1);
+    return window.addEventListener("scroll", y, !0), () => window.removeEventListener("scroll", y, !0);
+  }, [s]);
+  const m = e.filter((y) => y.variant !== "danger"), v = e.filter((y) => y.variant === "danger"), N = [...m, ...v], k = m.length > 0 && v.length > 0, L = m.length, S = 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__ */ g("div", { className: "bt-overflow-container", children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        ref: h,
+        className: "bt-action-btn bt-overflow-trigger",
+        onClick: u,
+        "aria-label": o.moreActions,
+        "aria-expanded": s,
+        "aria-haspopup": "menu",
+        title: o.moreActions,
+        type: "button",
+        children: /* @__PURE__ */ n("span", { className: "bt-overflow-icon", children: /* @__PURE__ */ g("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 && kt(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          ref: b,
+          className: x(
+            "bt-overflow-menu",
+            c.openUp && "bt-overflow-menu-up"
+          ),
+          style: S,
+          role: "menu",
+          children: N.map((y, f) => {
+            if (y.visible && !y.visible(t))
+              return null;
+            const C = y.disabled ? y.disabled(t) : !1, A = y.icon ?? Ht, D = k && f === L;
+            return /* @__PURE__ */ g(R.Fragment, { children: [
+              D && /* @__PURE__ */ n("div", { className: "bt-overflow-separator", role: "separator" }),
+              y.mode === "link" && y.href ? /* @__PURE__ */ g(
+                "a",
+                {
+                  href: typeof y.href == "function" ? y.href(t) : y.href,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: x(
+                    "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: A }),
+                    /* @__PURE__ */ n("span", { className: "bt-overflow-item-label", children: y.label })
+                  ]
+                }
+              ) : /* @__PURE__ */ g(
+                "button",
+                {
+                  className: x(
+                    "bt-overflow-item",
+                    y.variant === "danger" && "bt-overflow-item-danger"
+                  ),
+                  role: "menuitem",
+                  disabled: C,
+                  onClick: (p) => {
+                    p.stopPropagation(), i(y), d(!1);
+                  },
+                  type: "button",
+                  children: [
+                    /* @__PURE__ */ n("span", { className: "bt-overflow-item-icon", children: A }),
+                    /* @__PURE__ */ n("span", { className: "bt-overflow-item-label", children: y.label })
+                  ]
+                }
+              )
+            ] }, y.id);
+          })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+const st = R.memo(
+  Wt
+), qt = "📦";
+function Kt({
   row: e,
   rowIndex: t
 }) {
-  const { rowActions: l, openModal: n } = w(), s = m(
-    (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 { rowActions: l, openModal: i, closeModal: a, maxVisibleActions: o } = $(), s = w(
+    (r) => {
+      if (r.mode === "callback" && r.onClick)
+        r.onClick(e, t);
+      else if (r.mode === "modal" && r.modalContent) {
+        const h = r.modalContent;
+        i(
+          /* @__PURE__ */ n(
+            h,
             {
               data: e,
-              onClose: () => {
-              }
+              onClose: a
             }
           )
         );
-      } else if (a.mode === "link" && a.href) {
-        const r = typeof a.href == "function" ? a.href(e) : a.href;
-        window.open(r, "_blank");
+      } else if (r.mode === "link" && r.href) {
+        const h = typeof r.href == "function" ? r.href(e) : r.href;
+        window.open(h, "_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, i, a]
+  ), { inlineActions: d, overflowActions: c } = I(() => {
+    if (!l) return { inlineActions: [], overflowActions: [] };
+    const r = l.filter(
+      (b) => !b.visible || b.visible(e)
+    );
+    if (r.length <= o)
+      return { inlineActions: r, overflowActions: [] };
+    const h = o - 1;
+    return {
+      inlineActions: r.slice(0, h),
+      overflowActions: r.slice(h)
+    };
+  }, [l, o, e]);
+  return !l || l.length === 0 ? null : /* @__PURE__ */ n("td", { className: "bt-td bt-actions-cell", children: /* @__PURE__ */ g("div", { className: "bt-actions-wrapper", children: [
+    d.map((r) => {
+      const h = r.disabled ? r.disabled(e) : !1, b = r.icon ?? qt;
+      if (r.mode === "link" && r.href) {
+        const u = typeof r.href == "function" ? r.href(e) : r.href;
+        return /* @__PURE__ */ n(
+          "a",
+          {
+            href: u,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: x(
+              "bt-action-btn bt-action-icon-only",
+              r.variant && `bt-variant-${r.variant}`
+            ),
+            "aria-label": r.label,
+            title: r.label,
+            children: /* @__PURE__ */ n("span", { className: "bt-action-icon", children: b })
+          },
+          r.id
+        );
+      }
+      return /* @__PURE__ */ n(
+        "button",
         {
-          href: b,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: P(
-            "bt-action-btn",
-            a.variant && `bt-variant-${a.variant}`
+          className: x(
+            "bt-action-btn bt-action-icon-only",
+            r.variant && `bt-variant-${r.variant}`
           ),
-          "aria-label": a.label,
-          children: a.icon && /* @__PURE__ */ i("span", { className: "bt-action-icon", children: a.icon })
+          onClick: () => s(r),
+          disabled: h,
+          "aria-label": r.label,
+          title: r.label,
+          type: "button",
+          children: /* @__PURE__ */ n("span", { className: "bt-action-icon", children: b })
         },
-        a.id
+        r.id
       );
-    }
-    return /* @__PURE__ */ i(
-      "button",
+    }),
+    c.length > 0 && /* @__PURE__ */ n(
+      st,
       {
-        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 _t = R.memo(
+  Kt
 );
-function tt({ row: e, rowIndex: t }) {
+function Ut({ 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(() => {
+    visibleColumns: l,
+    selectable: i,
+    rowActions: a,
+    isSelected: o,
+    toggleRow: s,
+    striped: d,
+    hoverable: c,
+    onRowClick: r,
+    onRowDoubleClick: h
+  } = $(), b = a && a.length > 0, u = i && o(e, t), m = !!r, v = w(() => {
+    r?.(e, t);
+  }, [e, t, r]), N = w(() => {
     h?.(e, t);
-  }, [e, t, h]), D = m(() => {
-    f?.(e, t);
-  }, [e, t, f]), $ = m(() => {
-    r(e, t);
-  }, [e, t, r]), T = m(
-    (k) => {
-      k.key === "Enter" && h && N();
+  }, [e, t, h]), k = w(() => {
+    s(e, t);
+  }, [e, t, s]), L = w(
+    (S) => {
+      S.key === "Enter" && r && v();
     },
-    [N, h]
+    [v, r]
   );
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ g(
     "tr",
     {
-      className: P(
+      className: x(
         "bt-tr",
-        b && "bt-striped",
-        o && "bt-hoverable",
+        d && "bt-striped",
+        c && "bt-hoverable",
         u && "bt-selected",
-        v && "bt-clickable"
+        m && "bt-clickable"
       ),
-      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: m ? v : void 0,
+      onDoubleClick: h ? N : void 0,
+      onKeyDown: m ? L : void 0,
+      tabIndex: m ? 0 : void 0,
+      role: m ? "button" : void 0,
+      "aria-selected": i ? u : void 0,
       children: [
-        n && /* @__PURE__ */ i("td", { className: "bt-td bt-checkbox-cell", children: /* @__PURE__ */ i(
+        i && /* @__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: $,
-            onClick: (k) => k.stopPropagation(),
+            onChange: k,
+            onClick: (S) => S.stopPropagation(),
             "aria-label": `Select row ${t + 1}`
           }
         ) }),
-        S.map((k) => /* @__PURE__ */ i(
-          Ye,
+        l.map((S) => /* @__PURE__ */ n(
+          Vt,
           {
             row: e,
-            column: k,
+            column: S,
             rowIndex: t
           },
-          k.id
+          S.id
         )),
-        p && /* @__PURE__ */ i(et, { row: e, rowIndex: t })
+        b && /* @__PURE__ */ n(_t, { row: e, rowIndex: t })
       ]
     }
   );
 }
-const at = I.memo(tt);
-function nt() {
-  const { processedData: e, rowKey: t } = w(), l = (n, s) => {
+const Zt = R.memo(Ut);
+function Qt() {
+  const { processedData: e, rowKey: t } = $(), l = (i, a) => {
     if (typeof t == "function")
-      return t(n, s);
-    const a = n[t];
-    return String(a !== void 0 ? a : s);
+      return t(i, a);
+    const o = i[t];
+    return String(o !== void 0 ? o : a);
   };
-  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((i, a) => /* @__PURE__ */ n(Zt, { row: i, rowIndex: a }, l(i, a))) });
 }
-const lt = nt;
-function st({ row: e, rowIndex: t }) {
+const Gt = Qt, Jt = "📦";
+function Xt({ 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();
+    visibleColumns: l,
+    selectable: i,
+    rowActions: a,
+    maxVisibleActions: o,
+    isSelected: s,
+    toggleRow: d,
+    hoverable: c,
+    onRowClick: r,
+    openModal: h,
+    closeModal: b
+  } = $(), u = a && a.length > 0, m = i && s(e, t), v = l[0], N = l.slice(1), { inlineActions: k, overflowActions: L } = I(() => {
+    if (!a) return { inlineActions: [], overflowActions: [] };
+    const p = a.filter(
+      (F) => !F.visible || F.visible(e)
+    );
+    if (p.length <= o)
+      return { inlineActions: p, overflowActions: [] };
+    const P = o - 1;
+    return {
+      inlineActions: p.slice(0, P),
+      overflowActions: p.slice(P)
+    };
+  }, [a, o, e]), S = w(() => {
+    d(e, t);
+  }, [e, t, d]), y = w(() => {
+    r?.(e, t);
+  }, [e, t, r]), f = w(
+    (p) => {
+      p.key === "Enter" && r && 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, r]
+  ), C = w(
+    (p) => {
+      if (p.mode === "callback" && p.onClick)
+        p.onClick(e, t);
+      else if (p.mode === "modal" && p.modalContent) {
+        const P = p.modalContent;
+        h(/* @__PURE__ */ n(P, { data: e, onClose: b }));
+      } else if (p.mode === "link" && p.href) {
+        const P = typeof p.href == "function" ? p.href(e) : p.href;
+        window.open(P, "_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, h, b]
+  ), A = (p, P) => {
+    if (p.cell)
+      return p.cell(P, e, t);
+    if (P == null)
+      return /* @__PURE__ */ n("span", { className: "bt-card-value-empty", children: "—" });
+    switch (p.type) {
       case "boolean":
-        return g ? "✅" : "❌";
+        return P ? "✅" : "❌";
       case "date":
-        if (g instanceof Date)
-          return g.toLocaleDateString();
-        const C = new Date(String(g));
-        return isNaN(C.getTime()) ? String(g) : C.toLocaleDateString();
+        if (P instanceof Date)
+          return P.toLocaleDateString();
+        const F = new Date(String(P));
+        return isNaN(F.getTime()) ? String(P) : F.toLocaleDateString();
       case "number":
-        return typeof g == "number" ? g.toLocaleString() : String(g);
+        return typeof P == "number" ? P.toLocaleString() : String(P);
       default:
-        return String(g);
+        return String(P);
     }
-  }, d = u ? M(e, String(u.accessor)) : "";
-  return /* @__PURE__ */ y(
+  }, D = v ? j(e, String(v.accessor)) : "";
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: P(
+      className: x(
         "bt-card",
-        b && "bt-hoverable",
-        p && "bt-selected",
-        o && "bt-clickable"
+        c && "bt-hoverable",
+        m && "bt-selected",
+        r && "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: r ? y : void 0,
+      onKeyDown: r ? f : void 0,
+      tabIndex: r ? 0 : void 0,
+      role: r ? "button" : void 0,
+      "aria-selected": i ? m : void 0,
       children: [
-        /* @__PURE__ */ y("div", { className: "bt-card-header", children: [
-          n && /* @__PURE__ */ i(
+        /* @__PURE__ */ g("div", { className: "bt-card-header", children: [
+          i && /* @__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: m,
+              onChange: S,
+              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 ? A(v, D) : `Item ${t + 1}` })
         ] }),
-        v.map((c) => {
-          const g = M(
+        N.map((p) => {
+          const P = j(
             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 = A(p, P);
+          return /* @__PURE__ */ g("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",
+        u && /* @__PURE__ */ g("div", { className: "bt-card-actions", children: [
+          k.map((p) => {
+            const P = p.disabled ? p.disabled(e) : !1, F = p.icon ?? Jt;
+            if (p.mode === "link" && p.href) {
+              const z = typeof p.href == "function" ? p.href(e) : p.href;
+              return /* @__PURE__ */ n(
+                "a",
+                {
+                  href: z,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: x(
+                    "bt-action-btn bt-action-icon-only",
+                    p.variant && `bt-variant-${p.variant}`
+                  ),
+                  "aria-label": p.label,
+                  title: p.label,
+                  onClick: (H) => H.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: x(
+                  "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: (z) => {
+                  z.stopPropagation(), C(p);
+                },
+                disabled: P,
+                "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",
+          }),
+          L.length > 0 && /* @__PURE__ */ n(
+            st,
             {
-              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: L,
+              row: e,
+              rowIndex: t,
+              onActionClick: C,
+              direction: "up"
+            }
+          )
+        ] })
       ]
     }
   );
 }
-const rt = I.memo(st);
-function it() {
-  const { processedData: e, rowKey: t } = w(), l = (n, s) => {
+const Yt = R.memo(Xt);
+function en() {
+  const { processedData: e, rowKey: t } = $(), l = (i, a) => {
     if (typeof t == "function")
-      return t(n, s);
-    const a = n[t];
-    return String(a !== void 0 ? a : s);
+      return t(i, a);
+    const o = i[t];
+    return String(o !== void 0 ? o : a);
   };
-  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((i, a) => /* @__PURE__ */ n(Yt, { row: i, rowIndex: a }, l(i, a))) });
+}
+const tn = en;
+function et() {
+  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 nn({
+  open: e
+}) {
+  const { columns: t, filters: l, setFilter: i, clearFilter: a, clearFilters: o, locale: s } = $(), d = t.filter(
+    (r) => r.filterable !== !1 && r.type !== "custom" && !r.hidden
+  );
+  if (!e || d.length === 0)
+    return null;
+  const c = Object.keys(l).length;
+  return /* @__PURE__ */ g("div", { className: "bt-filter-panel", role: "region", "aria-label": s.filterBy, children: [
+    /* @__PURE__ */ n("div", { className: "bt-filter-panel-grid", children: d.map((r) => /* @__PURE__ */ n(
+      rn,
+      {
+        column: r,
+        value: l[r.id],
+        setFilter: i,
+        clearFilter: a,
+        locale: s
+      },
+      r.id
+    )) }),
+    c > 0 && /* @__PURE__ */ n("div", { className: "bt-filter-panel-footer", children: /* @__PURE__ */ n(
+      "button",
+      {
+        className: "bt-filter-panel-clear",
+        onClick: o,
+        type: "button",
+        children: s.clearFilters
+      }
+    ) })
+  ] });
+}
+function ln({
+  column: e,
+  value: t,
+  setFilter: l,
+  locale: i
+}) {
+  const a = w(
+    (h) => {
+      const b = h.target.value;
+      e.type === "boolean" ? b === "" ? l(e.id, null) : l(e.id, b === "true") : l(e.id, b || null);
+    },
+    [e.id, e.type, l]
+  ), o = w(
+    (h, b) => {
+      const m = { ...t ?? {}, [h]: b || void 0 };
+      l(e.id, m);
+    },
+    [e.id, t, l]
+  ), 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, r = () => {
+    const h = `bt-filter-${e.id}`;
+    if (e.type === "boolean")
+      return /* @__PURE__ */ g("div", { className: x("bt-fp-wrapper", c && "bt-fp-active"), children: [
+        /* @__PURE__ */ n(et, {}),
+        /* @__PURE__ */ g(
+          "select",
+          {
+            id: h,
+            name: h,
+            className: "bt-filter-select",
+            value: t == null ? "" : String(t),
+            onChange: a,
+            "aria-label": `${i.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 b = t ?? {};
+      return /* @__PURE__ */ g("div", { className: x("bt-fp-wrapper bt-filter-field-dates", c && "bt-fp-active"), children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: `${h}-from`,
+            name: `${h}-from`,
+            type: "date",
+            className: "bt-filter-input",
+            value: b.from ?? "",
+            onChange: (u) => o("from", u.target.value),
+            "aria-label": `${i.dateFrom} ${e.header}`,
+            placeholder: i.dateFrom
+          }
+        ),
+        /* @__PURE__ */ n("span", { className: "bt-filter-field-separator", children: "–" }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: `${h}-to`,
+            name: `${h}-to`,
+            type: "date",
+            className: "bt-filter-input",
+            value: b.to ?? "",
+            onChange: (u) => o("to", u.target.value),
+            "aria-label": `${i.dateTo} ${e.header}`,
+            placeholder: i.dateTo
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ g("div", { className: x("bt-fp-wrapper", c && "bt-fp-active"), children: [
+      /* @__PURE__ */ n(et, {}),
+      /* @__PURE__ */ n(
+        "input",
+        {
+          id: h,
+          name: h,
+          type: e.type === "number" ? "number" : "text",
+          className: "bt-filter-input",
+          placeholder: "...",
+          value: t != null ? String(t) : "",
+          onChange: a,
+          "aria-label": `${i.filterBy} ${e.header}`
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ g("div", { className: x("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 }),
+    r()
+  ] });
+}
+const rn = R.memo(ln), an = R.memo(
+  nn
+);
+function sn() {
+  return /* @__PURE__ */ g("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 on() {
+  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 cn() {
+  const {
+    columns: e,
+    hiddenColumnIds: t,
+    toggleColumn: l,
+    showAllColumns: i,
+    isColumnVisible: a,
+    locale: o,
+    columnVisibilityEnabled: s
+  } = $(), [d, c] = M(!1), r = V(null), h = V(null), b = t.size;
+  B(() => {
+    if (!d) return;
+    const v = (k) => {
+      r.current && !r.current.contains(k.target) && c(!1);
+    }, N = (k) => {
+      k.key === "Escape" && (c(!1), h.current?.focus());
+    };
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", N), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", N);
+    };
+  }, [d]);
+  const u = w(() => {
+    c((v) => !v);
+  }, []);
+  if (!s) return null;
+  const m = e.filter((v) => v.type !== "custom");
+  return /* @__PURE__ */ g("div", { className: "bt-column-visibility", ref: r, children: [
+    /* @__PURE__ */ g(
+      "button",
+      {
+        ref: h,
+        className: x("bt-column-visibility-btn", d && "bt-column-visibility-btn-active"),
+        onClick: u,
+        "aria-expanded": d,
+        "aria-haspopup": "true",
+        "aria-label": o.columns,
+        title: o.columns,
+        type: "button",
+        children: [
+          /* @__PURE__ */ n(sn, {}),
+          /* @__PURE__ */ n("span", { className: "bt-column-visibility-label", children: o.columns }),
+          b > 0 && /* @__PURE__ */ n("span", { className: "bt-column-visibility-badge", children: b })
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ g("div", { className: "bt-column-visibility-dropdown", role: "menu", children: [
+      /* @__PURE__ */ g("div", { className: "bt-column-visibility-header", children: [
+        /* @__PURE__ */ n("span", { className: "bt-column-visibility-title", children: o.columns }),
+        b > 0 && /* @__PURE__ */ n(
+          "button",
+          {
+            className: "bt-column-visibility-show-all",
+            onClick: i,
+            type: "button",
+            children: o.showAllColumns
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "bt-column-visibility-list", children: m.map((v) => {
+        const N = a(v.id);
+        return /* @__PURE__ */ g(
+          "button",
+          {
+            className: x(
+              "bt-column-visibility-item",
+              !N && "bt-column-visibility-item-hidden"
+            ),
+            onClick: () => l(v.id),
+            role: "menuitemcheckbox",
+            "aria-checked": N,
+            type: "button",
+            children: [
+              /* @__PURE__ */ n("span", { className: x("bt-column-visibility-check", N && "bt-column-visibility-check-active"), children: N && /* @__PURE__ */ n(on, {}) }),
+              /* @__PURE__ */ n("span", { className: "bt-column-visibility-item-label", children: v.header })
+            ]
+          },
+          v.id
+        );
+      }) })
+    ] })
+  ] });
+}
+const dn = cn;
+function hn() {
+  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 bn() {
+  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 un() {
   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,
+    totalItems: i,
+    goToPage: a,
+    nextPage: o,
+    prevPage: s,
+    changePageSize: d,
+    hasNextPage: c,
+    hasPrevPage: r,
+    startIndex: h,
+    endIndex: b,
+    paginationEnabled: u,
+    pageSizeOptions: m,
     showSizeChanger: v,
     locale: N,
-    classNames: D
-  } = w(), $ = m(
-    (d) => {
-      b(Number(d.target.value));
+    classNames: k
+  } = $(), L = w(
+    (f) => {
+      d(Number(f.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]
+  ), S = w(
+    (f) => {
+      if (f.key === "Enter") {
+        const C = parseInt(f.target.value, 10);
+        !isNaN(C) && C >= 1 && C <= l && a(C);
       }
     },
-    [s, l]
-  ), k = x(() => {
-    const d = [];
+    [a, l]
+  ), y = I(() => {
+    const f = [];
     if (l <= 5)
-      for (let g = 1; g <= l; g++)
-        d.push(g);
+      for (let A = 1; A <= l; A++)
+        f.push(A);
     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);
+      f.push(1), e > 3 && f.push("ellipsis");
+      const A = Math.max(2, e - 1), D = Math.min(l - 1, e + 1);
+      for (let p = A; p <= D; p++)
+        f.push(p);
+      e < l - 2 && f.push("ellipsis"), l > 1 && f.push(l);
     }
-    return d;
+    return f;
   }, [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: [
+  return u ? /* @__PURE__ */ g("div", { className: `bt-pagination ${k.pagination || ""}`, children: [
+    /* @__PURE__ */ n("div", { className: "bt-pagination-info", children: i > 0 ? `${h}-${b} ${N.of} ${i} ${N.items}` : `0 ${N.items}` }),
+    /* @__PURE__ */ g("div", { className: "bt-pagination-controls", children: [
+      v && /* @__PURE__ */ g("div", { className: "bt-page-size", children: [
+        /* @__PURE__ */ g("label", { className: "bt-page-size-label", htmlFor: "bt-page-size", children: [
           N.rowsPerPage,
           ":"
         ] }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(
           "select",
           {
+            id: "bt-page-size",
+            name: "bt-page-size",
             className: "bt-page-size-select",
             value: t,
-            onChange: $,
+            onChange: L,
             "aria-label": N.rowsPerPage,
-            children: u.map((d) => /* @__PURE__ */ i("option", { value: d, children: d }, d))
+            children: m.map((f) => /* @__PURE__ */ n("option", { value: f, children: f }, f))
           }
         )
       ] }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ n(
         "button",
         {
           className: "bt-pagination-btn",
-          onClick: r,
-          disabled: !h,
-          "aria-label": "Previous page",
+          onClick: s,
+          disabled: !r,
+          "aria-label": N.previousPage,
           type: "button",
-          children: "←"
+          children: /* @__PURE__ */ n(hn, {})
         }
       ),
-      /* @__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((f, C) => f === "ellipsis" ? /* @__PURE__ */ n("span", { className: "bt-pagination-ellipsis", children: "..." }, `ellipsis-${C}`) : /* @__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 === f ? "bt-active" : ""}`,
+          onClick: () => a(f),
+          "aria-label": `${N.page} ${f}`,
+          "aria-current": e === f ? "page" : void 0,
           type: "button",
-          children: d
+          children: f
         },
-        d
+        f
       )) }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ n(
         "button",
         {
           className: "bt-pagination-btn",
-          onClick: a,
-          disabled: !o,
-          "aria-label": "Next page",
+          onClick: o,
+          disabled: !c,
+          "aria-label": N.nextPage,
           type: "button",
-          children: "→"
+          children: /* @__PURE__ */ n(bn, {})
         }
       ),
-      /* @__PURE__ */ y("div", { className: "bt-quick-jumper", children: [
-        /* @__PURE__ */ y("span", { className: "bt-quick-jumper-label", children: [
+      /* @__PURE__ */ g("div", { className: "bt-quick-jumper", children: [
+        /* @__PURE__ */ g("label", { className: "bt-quick-jumper-label", htmlFor: "bt-quick-jumper", children: [
           N.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__ */ g("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: l,
+              defaultValue: e,
+              onKeyDown: S,
+              "aria-label": N.jumpToPage
+            },
+            e
+          ),
+          /* @__PURE__ */ n("span", { className: "bt-qj-hint", "aria-hidden": "true", children: "↵" })
+        ] })
       ] })
     ] })
   ] }) : null;
 }
-function dt() {
+function ot(e) {
+  const [t, l] = M(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
+  return B(() => {
+    if (typeof window > "u") return;
+    const i = window.matchMedia(e);
+    l(i.matches);
+    const a = (o) => l(o.matches);
+    return i.addEventListener("change", a), () => i.removeEventListener("change", a);
+  }, [e]), t;
+}
+function tt() {
+  return /* @__PURE__ */ g("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 nt() {
+  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 fn() {
+  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 pn() {
+  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 mn() {
   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);
+    clearSearch: i,
+    globalActions: a,
+    selectedRows: o,
+    selectedCount: s,
+    deselectAll: d,
+    data: c,
+    locale: r,
+    classNames: h,
+    selectable: b,
+    filters: u,
+    filterPanelOpen: m,
+    toggleFilterPanel: v,
+    hasFilterableColumns: N,
+    filterMode: k,
+    columnVisibilityEnabled: L
+  } = $(), S = ot("(max-width: 640px)"), [y, f] = M(!1), C = V(null), A = Object.keys(u).length, D = w(
+    (T) => {
+      l(T.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(
+  ), p = w(() => {
+    f((T) => (T ? t && i() : setTimeout(() => C.current?.focus(), 50), !T));
+  }, [t, i]);
+  B(() => {
+    t && !y && f(!0);
+  }, [t, y]);
+  const P = N && (k === "panel" || k === "both");
+  if (!(e || P || L || a && a.length > 0 || b && s > 0))
+    return null;
+  const z = S && e && !y, H = e && (!S || y);
+  return /* @__PURE__ */ g("div", { className: x("bt-toolbar", h.toolbar), children: [
+    /* @__PURE__ */ g("div", { className: "bt-toolbar-left", children: [
+      z && /* @__PURE__ */ n(
+        "button",
+        {
+          className: "bt-search-toggle",
+          onClick: p,
+          "aria-label": r.search,
+          title: r.search,
+          type: "button",
+          children: /* @__PURE__ */ n(tt, {})
+        }
+      ),
+      H && /* @__PURE__ */ g("div", { className: x("bt-search", S && "bt-search-mobile"), children: [
+        /* @__PURE__ */ n("span", { className: "bt-search-icon", children: /* @__PURE__ */ n(tt, {}) }),
+        /* @__PURE__ */ n(
           "input",
           {
+            id: "bt-search",
+            name: "bt-search",
+            ref: C,
             type: "text",
             className: "bt-search-input",
-            placeholder: h.searchPlaceholder,
+            placeholder: r.searchPlaceholder,
             value: t,
-            onChange: p,
-            "aria-label": h.search
+            onChange: D,
+            "aria-label": r.search
           }
         ),
-        t && /* @__PURE__ */ i(
+        (t || S) && /* @__PURE__ */ n(
           "button",
           {
             className: "bt-search-clear",
-            onClick: n,
-            "aria-label": "Clear search",
+            onClick: S ? p : i,
+            "aria-label": r.clearSearch,
             type: "button",
-            children: "✕"
+            children: /* @__PURE__ */ n(nt, {})
           }
         )
       ] }),
-      S && r > 0 && /* @__PURE__ */ y("div", { className: "bt-selection-info", children: [
-        /* @__PURE__ */ y("span", { children: [
-          r,
+      P && /* @__PURE__ */ g(
+        "button",
+        {
+          className: x(
+            "bt-filter-toggle",
+            m && "bt-filter-toggle-active"
+          ),
+          onClick: v,
+          "aria-expanded": m,
+          "aria-label": r.filterBy,
+          title: r.filterBy,
+          type: "button",
+          children: [
+            /* @__PURE__ */ n("span", { className: "bt-filter-toggle-icon", children: /* @__PURE__ */ n(pn, {}) }),
+            !S && /* @__PURE__ */ n("span", { children: r.filterBy }),
+            A > 0 && /* @__PURE__ */ n("span", { className: "bt-filter-toggle-badge", children: A })
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(dn, {}),
+      b && s > 0 && /* @__PURE__ */ g("div", { className: "bt-selection-info", children: [
+        /* @__PURE__ */ n(fn, {}),
+        /* @__PURE__ */ g("span", { className: "bt-selection-count", children: [
+          s,
           " ",
-          h.selected
+          S ? "sel." : r.selected
         ] }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(
           "button",
           {
             className: "bt-selection-clear",
-            onClick: b,
+            onClick: d,
             type: "button",
-            children: h.deselectAll
+            children: S ? /* @__PURE__ */ n(nt, {}) : r.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(
+    a && a.length > 0 && /* @__PURE__ */ n("div", { className: "bt-toolbar-right", children: /* @__PURE__ */ n("div", { className: "bt-global-actions", children: a.map((T) => {
+      const q = T.requiresSelection && o.length === 0;
+      return /* @__PURE__ */ g(
         "button",
         {
-          className: P(
+          className: x(
             "bt-global-btn",
-            v.variant && `bt-variant-${v.variant}`
+            T.variant && `bt-variant-${T.variant}`,
+            S && "bt-global-btn-mobile"
           ),
-          onClick: () => v.onClick(a, o),
-          disabled: N,
-          title: v.label,
+          onClick: () => T.onClick(o, c),
+          disabled: q,
+          title: T.label,
+          "aria-label": T.label,
           type: "button",
           children: [
-            v.icon && /* @__PURE__ */ i("span", { className: "bt-global-icon", children: v.icon }),
-            /* @__PURE__ */ i("span", { children: v.label })
+            T.icon && /* @__PURE__ */ n("span", { className: "bt-global-icon", children: T.icon }),
+            !S && /* @__PURE__ */ n("span", { children: T.label })
           ]
         },
-        v.id
+        T.id
       );
     }) }) })
-  ] }) : null;
+  ] });
+}
+const gn = mn;
+function vn() {
+  return /* @__PURE__ */ g("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 yn() {
+  const { locale: e, emptyComponent: t, visibleColumns: l, selectable: i, rowActions: a } = $(), o = a && a.length > 0, s = l.length + (i ? 1 : 0) + (o ? 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__ */ g("div", { className: "bt-empty", children: [
+    /* @__PURE__ */ n("div", { className: "bt-empty-icon", children: /* @__PURE__ */ n(vn, {}) }),
+    /* @__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 wn({ show: e }) {
+  const { loadingComponent: t, locale: l } = $();
+  return e ? /* @__PURE__ */ n("div", { className: "bt-loading-overlay", role: "status", "aria-live": "polite", children: t || /* @__PURE__ */ g(Ct, { children: [
+    /* @__PURE__ */ n("div", { className: "bt-loading-spinner", "aria-hidden": "true" }),
+    /* @__PURE__ */ n("span", { className: "bt-loading-text", children: l.loading })
   ] }) }) : null;
 }
-function ft() {
-  const { isModalOpen: e, modalContent: t, closeModal: l } = w(), n = m(
-    (a) => {
-      a.target === a.currentTarget && l();
+function Cn() {
+  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 kn() {
+  const { isModalOpen: e, modalContent: t, closeModal: l, locale: i } = $(), a = w(
+    (s) => {
+      s.target === s.currentTarget && l();
     },
     [l]
-  ), s = m(
-    (a) => {
-      a.key === "Escape" && l();
+  ), o = w(
+    (s) => {
+      s.key === "Escape" && l();
     },
     [l]
   );
-  return Oe(() => (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(
+  return B(() => (e && (document.addEventListener("keydown", o), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", o), document.body.style.overflow = "";
+  }), [e, o]), !e || !t ? null : /* @__PURE__ */ n(
     "div",
     {
       className: "bt-modal-backdrop",
-      onClick: n,
+      onClick: a,
       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__ */ g("div", { className: "bt-modal bt-modal-md", children: [
+        /* @__PURE__ */ g("div", { className: "bt-modal-header", children: [
+          /* @__PURE__ */ n("h2", { className: "bt-modal-title", children: i.details }),
+          /* @__PURE__ */ n(
             "button",
             {
               className: "bt-modal-close",
               onClick: l,
-              "aria-label": "Close modal",
+              "aria-label": i.closeModal,
               type: "button",
-              children: "✕"
+              children: /* @__PURE__ */ n(Cn, {})
             }
           )
         ] }),
-        /* @__PURE__ */ i("div", { className: "bt-modal-body", children: t })
+        /* @__PURE__ */ n("div", { className: "bt-modal-body", children: t })
       ] })
     }
   );
 }
-function pt({
+function Nn({
   data: e,
   initialSort: t,
   controlledSort: l,
-  onSortChange: n
+  onSortChange: i,
+  multiSort: a = !1,
+  controlledMultiSort: o,
+  onMultiSortChange: s
 }) {
-  const [s, a] = z(
+  const [d, c] = M(
     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);
+  ), [r, h] = M(
+    []
+  ), b = l ?? d, u = o ?? r, m = w(
+    (k) => {
+      if (a) {
+        const L = u.findIndex(
+          (C) => C.columnId === k
+        );
+        let S;
+        L >= 0 ? u[L].direction === "asc" ? (S = [...u], S[L] = {
+          columnId: k,
+          direction: "desc"
+        }) : S = u.filter((A, D) => D !== L) : S = [...u, { columnId: k, direction: "asc" }], o || h(S), s?.(S);
+        const y = S[0], f = y ? { columnId: y.columnId, direction: y.direction } : { columnId: null, direction: "asc" };
+        l || c(f), i?.(f);
+      } else {
+        let L;
+        b.columnId !== k ? L = { columnId: k, direction: "asc" } : b.direction === "asc" ? L = { columnId: k, direction: "desc" } : L = { columnId: null, direction: "asc" }, l || c(L), i?.(L);
+      }
     },
-    [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,
+      u,
+      l,
+      o,
+      i,
+      s,
+      a
+    ]
+  ), v = w(() => {
+    const k = { columnId: null, direction: "asc" };
+    l || c(k), i?.(k), a && (o || h([]), s?.([]));
+  }, [
+    l,
+    o,
+    i,
+    s,
+    a
+  ]);
+  return {
+    sortedData: I(() => a && u.length > 0 ? jt(e, u) : b.columnId ? Et(e, b.columnId, b.direction) : e, [e, b, u, a]),
+    sortState: b,
+    handleSort: m,
+    clearSort: v,
+    multiSortState: u,
+    isMultiSort: a
+  };
 }
-function gt({
+function Sn({
   data: e,
   columns: t,
   initialFilters: l,
-  controlledFilters: n,
-  onFilterChange: s
+  controlledFilters: i,
+  onFilterChange: a
 }) {
-  const [a, r] = z(
+  const [o, s] = M(
     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);
+  ), d = i ?? o, c = w(
+    (u, m) => {
+      const v = { ...d };
+      if (m !== null && typeof m == "object" && "from" in m) {
+        const N = m;
+        !N.from && !N.to ? delete v[u] : v[u] = m;
+      } else m == null || m === "" ? delete v[u] : v[u] = m;
+      i || s(v), a?.(v);
     },
-    [b, n, s]
-  ), h = m(
-    (p) => {
-      const u = { ...b };
-      delete u[p], n || r(u), s?.(u);
+    [d, i, a]
+  ), r = w(
+    (u) => {
+      const m = { ...d };
+      delete m[u], i || s(m), a?.(m);
     },
-    [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 };
+    [d, i, a]
+  ), h = w(() => {
+    i || s({}), a?.({});
+  }, [i, a]);
+  return { filteredData: I(() => Ot(e, d, t), [e, d, t]), filters: d, setFilter: c, clearFilters: h, clearFilter: r };
 }
-function mt({
+function Pn({
   data: e,
   config: t,
   onPageChange: l
 }) {
-  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 i = t !== !1, a = t && typeof t == "object" ? t.page ?? 1 : 1, o = t && typeof t == "object" ? t.pageSize ?? 10 : 10, s = t && typeof t == "object" ? t.totalItems : void 0, [d, c] = M(a), [r, h] = M(o), b = s ?? e.length, u = Math.max(1, Math.ceil(b / r)), m = w(
+    (f) => {
+      const C = Math.max(1, Math.min(f, u));
+      c(C), l?.(C, r);
     },
-    [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);
+    [u, r, l]
+  ), v = w(() => {
+    d < u && m(d + 1);
+  }, [d, u, m]), N = w(() => {
+    d > 1 && m(d - 1);
+  }, [d, m]), k = w(
+    (f) => {
+      h(f), c(1), l?.(1, f);
     },
     [l]
-  ), $ = x(() => {
-    if (!n || r !== void 0)
+  ), L = I(() => {
+    if (!i || s !== 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 f = (d - 1) * r;
+    return e.slice(f, f + r);
+  }, [e, d, r, i, s]), S = (d - 1) * r + 1, y = Math.min(d * r, b);
   return {
-    paginatedData: $,
-    page: b,
-    pageSize: h,
-    totalPages: p,
-    totalItems: S,
-    goToPage: u,
+    paginatedData: L,
+    page: d,
+    pageSize: r,
+    totalPages: u,
+    totalItems: b,
+    goToPage: m,
     nextPage: v,
     prevPage: N,
-    changePageSize: D,
-    hasNextPage: b < p,
-    hasPrevPage: b > 1,
-    startIndex: T,
-    endIndex: k
+    changePageSize: k,
+    hasNextPage: d < u,
+    hasPrevPage: d > 1,
+    startIndex: S,
+    endIndex: y
   };
 }
-function vt({
+function xn({
   data: e,
   rowKey: t,
   mode: l = "multiple",
-  initialSelection: n,
-  controlledSelection: s,
-  onSelectionChange: a
+  initialSelection: i,
+  controlledSelection: a,
+  onSelectionChange: o
 }) {
-  const [r, b] = z(
-    n ?? []
-  ), o = s ?? r, h = m(
-    (d, c) => typeof t == "function" ? t(d, c) : String(d[t]),
+  const [s, d] = M(
+    i ?? []
+  ), c = a ?? s, r = w(
+    (f, C) => typeof t == "function" ? t(f, C) : String(f[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);
+  ), h = I(() => new Set(c.map((f, C) => r(f, C))), [c, r]), b = w(
+    (f, C) => {
+      const A = r(f, C);
+      return h.has(A);
     },
-    [h, f]
-  ), p = m(
-    (d) => {
-      s || b(d), a?.(d);
+    [r, h]
+  ), u = w(
+    (f) => {
+      a || d(f), o?.(f);
     },
-    [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);
+    [a, o]
+  ), m = w(
+    (f, C) => {
+      const A = r(f, C);
+      let D;
+      l === "single" ? D = h.has(A) ? [] : [f] : h.has(A) ? D = c.filter((p, P) => r(p, P) !== A) : D = [...c, f], u(D);
     },
-    [l, f, o, h, p]
-  ), v = m(
-    (d, c) => {
-      if (!S(d, c)) {
-        const g = l === "single" ? [d] : [...o, d];
-        p(g);
+    [l, h, c, r, u]
+  ), v = w(
+    (f, C) => {
+      if (!b(f, C)) {
+        const A = l === "single" ? [f] : [...c, f];
+        u(A);
       }
     },
-    [S, l, o, p]
-  ), N = m(
-    (d, c) => {
-      const g = h(d, c), C = o.filter(
-        (A, L) => h(A, L) !== g
+    [b, l, c, u]
+  ), N = w(
+    (f, C) => {
+      const A = r(f, C), D = c.filter(
+        (p, P) => r(p, P) !== A
       );
-      p(C);
+      u(D);
     },
-    [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, r, u]
+  ), k = w(() => {
+    l === "multiple" && u([...e]);
+  }, [e, l, u]), L = w(() => {
+    u([]);
+  }, [u]), S = 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: b,
+    toggleRow: m,
     selectRow: v,
     deselectRow: N,
-    selectAll: D,
-    deselectAll: $,
-    isAllSelected: T,
-    isPartiallySelected: k,
-    selectedCount: o.length
+    selectAll: k,
+    deselectAll: L,
+    isAllSelected: S,
+    isPartiallySelected: y,
+    selectedCount: c.length
   };
 }
-function yt({
+function An({
   data: e,
   columns: t,
   searchColumns: l,
-  initialValue: n,
-  controlledValue: s,
-  onSearchChange: a
+  initialValue: i,
+  controlledValue: a,
+  onSearchChange: o,
+  debounceMs: s = 0
 }) {
-  const [r, b] = z(n ?? ""), o = s ?? r, h = m(
-    (p) => {
-      s === void 0 && b(p), a?.(p);
+  const [d, c] = M(i ?? ""), [r, h] = M(i ?? ""), b = V(null), u = a ?? d;
+  B(() => {
+    if (s <= 0) {
+      h(u);
+      return;
+    }
+    return b.current = setTimeout(() => {
+      h(u);
+    }, s), () => {
+      b.current && clearTimeout(b.current);
+    };
+  }, [u, s]);
+  const m = w(
+    (k) => {
+      a === void 0 && c(k), o?.(k);
     },
-    [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 };
+    [a, o]
+  ), v = w(() => {
+    a === void 0 && c(""), b.current && clearTimeout(b.current), h(""), o?.("");
+  }, [a, o]);
+  return { searchedData: I(() => Bt(e, r, t, l), [e, r, t, l]), searchValue: u, handleSearch: m, clearSearch: v };
+}
+function Ln({
+  columns: e,
+  controlledHiddenColumns: t,
+  onColumnVisibilityChange: l
+}) {
+  const [i, a] = M(
+    () => e.filter((b) => b.hidden).map((b) => b.id)
+  ), o = t ?? i, s = I(
+    () => new Set(o),
+    [o]
+  ), d = w(
+    (b) => {
+      const u = s.has(b) ? o.filter((m) => m !== b) : [...o, b];
+      t || a(u), l?.(u);
+    },
+    [
+      o,
+      s,
+      t,
+      l
+    ]
+  ), c = w(() => {
+    t || a([]), l?.([]);
+  }, [t, l]), r = w(
+    (b) => !s.has(b),
+    [s]
+  );
+  return {
+    visibleColumns: I(
+      () => e.filter((b) => !s.has(b.id)),
+      [e, s]
+    ),
+    hiddenColumnIds: s,
+    toggleColumn: d,
+    showAllColumns: c,
+    isColumnVisible: r,
+    hiddenColumns: o
+  };
 }
-function St(e) {
+function Dn(e) {
   const {
     // Data
     data: t,
     columns: l,
-    rowKey: n = "id",
+    rowKey: i = "id",
     // Actions
-    rowActions: s,
-    globalActions: a,
+    rowActions: a,
+    globalActions: o,
+    maxVisibleActions: s = 3,
     // Pagination
-    pagination: r = { pageSize: 10 },
-    onPageChange: b,
+    pagination: d = { pageSize: 10 },
+    onPageChange: c,
     // Sort
-    sort: o,
+    sort: r,
     onSortChange: h,
+    multiSort: b = !1,
+    multiSortState: u,
+    onMultiSortChange: m,
     // Filter
-    filters: f,
-    onFilterChange: S,
+    filters: v,
+    onFilterChange: N,
+    filterMode: k = "floating",
     // Search
-    searchable: p = !1,
-    searchValue: u,
-    onSearchChange: v,
-    searchColumns: N,
+    searchable: L = !1,
+    searchValue: S,
+    onSearchChange: y,
+    searchColumns: f,
+    searchDebounceMs: C = 300,
     // Selection - now auto-inferred if not explicitly set
-    selectable: D,
-    selectedRows: $,
-    onSelectionChange: T,
-    selectionMode: k = "multiple",
+    selectable: A,
+    selectedRows: D,
+    onSelectionChange: p,
+    selectionMode: P = "multiple",
+    // Column Visibility
+    columnVisibility: F = !1,
+    hiddenColumns: z,
+    onColumnVisibilityChange: H,
     // States
-    loading: d = !1,
-    loadingComponent: c,
-    emptyComponent: g,
+    loading: T = !1,
+    loadingComponent: q,
+    emptyComponent: ee,
     // 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: K = {},
+    styles: te = {},
+    locale: W,
+    stickyHeader: ne = !1,
+    maxHeight: ct,
+    bordered: U = !1,
+    striped: Z = !1,
+    hoverable: Q = !0,
+    size: G = "medium",
     // Callbacks
-    onRowClick: H,
-    onRowDoubleClick: q,
+    onRowClick: ie,
+    onRowDoubleClick: le,
     // 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: dt,
+    ariaDescribedBy: ht
+  } = e, re = I(() => A !== void 0 ? A : o?.some(
+    (vt) => vt.requiresSelection
+  ) || p !== void 0, [A, o, p]), ae = I(
+    () => ({ ...typeof W == "string" ? Nt[W] : it, ...typeof W == "object" ? W : {} }),
+    [W]
+  ), [se, oe] = M(!1), [ce, de] = M(null), [J, bt] = M(!1), he = w(() => {
+    bt((E) => !E);
+  }, []), be = I(
+    () => l.some((E) => E.filterable !== !1 && E.type !== "custom" && !E.hidden),
+    [l]
+  ), ue = w((E) => {
+    de(E), oe(!0);
+  }, []), fe = w(() => {
+    oe(!1), de(null);
+  }, []), O = I(() => 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: ut,
+    searchValue: pe,
+    handleSearch: me,
+    clearSearch: ge
+  } = An({
     data: t,
     columns: l,
-    searchColumns: N,
-    controlledValue: u,
-    onSearchChange: v
+    searchColumns: f,
+    controlledValue: S,
+    onSearchChange: y,
+    debounceMs: C
+  }), {
+    filteredData: ft,
+    filters: ve,
+    setFilter: ye,
+    clearFilter: we,
+    clearFilters: Ce
+  } = Sn({
+    data: ut,
+    columns: l,
+    controlledFilters: v,
+    onFilterChange: N
+  }), { sortedData: ke, sortState: Ne, handleSort: Se, clearSort: Pe, multiSortState: xe, isMultiSort: Ae } = Nn({
+    data: ft,
+    controlledSort: r,
+    onSortChange: h,
+    multiSort: b,
+    controlledMultiSort: u,
+    onMultiSortChange: m
   }), {
-    filteredData: Ie,
-    filters: ae,
-    setFilter: ne,
-    clearFilters: le
-  } = gt({
-    data: Le,
+    visibleColumns: Le,
+    hiddenColumnIds: De,
+    toggleColumn: Te,
+    showAllColumns: Me,
+    isColumnVisible: Ie
+  } = Ln({
     columns: l,
-    controlledFilters: f,
-    onFilterChange: S
-  }), { sortedData: se, sortState: re, handleSort: ie } = pt({
-    data: Ie,
-    controlledSort: o,
-    onSortChange: h
+    controlledHiddenColumns: z,
+    onColumnVisibilityChange: H
   }), {
-    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: $e,
+    isSelected: Fe,
+    toggleRow: Re,
+    selectAll: Ee,
+    deselectAll: je,
+    isAllSelected: Oe,
+    isPartiallySelected: Be,
+    selectedCount: ze
+  } = xn({
+    data: ke,
+    rowKey: i,
+    mode: P,
+    controlledSelection: D,
+    onSelectionChange: p
   }), {
-    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: X,
+    page: Ve,
+    pageSize: He,
+    totalPages: We,
+    totalItems: qe,
+    goToPage: Ke,
+    nextPage: _e,
+    prevPage: Ue,
+    changePageSize: Ze,
+    hasNextPage: Qe,
+    hasPrevPage: Ge,
+    startIndex: Je,
+    endIndex: Xe
+  } = Pn({
+    data: ke,
+    config: O,
+    onPageChange: c
+  }), pt = I(
     () => ({
       // Data
       data: t,
-      processedData: O,
+      processedData: X,
       columns: l,
-      rowKey: n,
+      visibleColumns: Le,
+      rowKey: i,
       // Actions
-      rowActions: s,
-      globalActions: a,
+      rowActions: a,
+      globalActions: o,
+      maxVisibleActions: s,
       // Sort
-      sortState: re,
-      handleSort: ie,
+      sortState: Ne,
+      handleSort: Se,
+      multiSortState: xe,
+      isMultiSort: Ae,
+      clearSort: Pe,
+      // Column Visibility
+      columnVisibilityEnabled: F,
+      hiddenColumnIds: De,
+      toggleColumn: Te,
+      showAllColumns: Me,
+      isColumnVisible: Ie,
       // Filter
-      filters: ae,
-      setFilter: ne,
-      clearFilters: le,
+      filters: ve,
+      setFilter: ye,
+      clearFilter: we,
+      clearFilters: Ce,
       // Search
-      searchValue: Z,
-      handleSearch: ee,
-      clearSearch: te,
-      searchable: p,
+      searchValue: pe,
+      handleSearch: me,
+      clearSearch: ge,
+      searchable: L,
       // Selection
-      selectedRows: ce,
-      isSelected: oe,
-      toggleRow: de,
-      selectAll: be,
-      deselectAll: he,
-      isAllSelected: ue,
-      isPartiallySelected: fe,
-      selectable: _,
-      selectionMode: k,
-      selectedCount: pe,
+      selectedRows: $e,
+      isSelected: Fe,
+      toggleRow: Re,
+      selectAll: Ee,
+      deselectAll: je,
+      isAllSelected: Oe,
+      isPartiallySelected: Be,
+      selectable: re,
+      selectionMode: P,
+      selectedCount: ze,
       // 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,
+      page: Ve,
+      pageSize: He,
+      totalPages: We,
+      totalItems: qe,
+      goToPage: Ke,
+      nextPage: _e,
+      prevPage: Ue,
+      changePageSize: Ze,
+      hasNextPage: Qe,
+      hasPrevPage: Ge,
+      startIndex: Je,
+      endIndex: Xe,
+      paginationEnabled: d !== !1,
+      pageSizeOptions: O && typeof O == "object" ? O.pageSizeOptions ?? [10, 20, 50, 100] : [10, 20, 50, 100],
+      showSizeChanger: O && typeof O == "object" ? O.showSizeChanger ?? !1 : !1,
       // UI State
-      loading: d,
-      loadingComponent: c,
-      emptyComponent: g,
+      loading: T,
+      loadingComponent: q,
+      emptyComponent: ee,
       // Styling
-      locale: J,
-      classNames: C,
-      size: K,
-      bordered: B,
-      striped: j,
-      hoverable: E,
-      stickyHeader: V,
+      locale: ae,
+      classNames: K,
+      size: G,
+      bordered: U,
+      striped: Z,
+      hoverable: Q,
+      stickyHeader: ne,
       // Callbacks
-      onRowClick: H,
-      onRowDoubleClick: q,
+      onRowClick: ie,
+      onRowDoubleClick: le,
       // Modal
-      openModal: X,
-      closeModal: Y,
-      modalContent: U,
-      isModalOpen: Q
+      openModal: ue,
+      closeModal: fe,
+      modalContent: ce,
+      isModalOpen: se,
+      // Filter panel
+      filterPanelOpen: J,
+      toggleFilterPanel: he,
+      hasFilterableColumns: be,
+      filterMode: k
     }),
     [
       t,
-      O,
+      X,
       l,
-      n,
-      s,
+      Le,
+      i,
       a,
+      o,
+      s,
+      Ne,
+      Se,
+      xe,
+      Ae,
+      Pe,
+      F,
+      De,
+      Te,
+      Me,
+      Ie,
+      ve,
+      ye,
+      we,
+      Ce,
+      pe,
+      me,
+      ge,
+      L,
+      $e,
+      Fe,
+      Re,
+      Ee,
+      je,
+      Oe,
+      Be,
       re,
-      ie,
+      P,
+      ze,
+      Ve,
+      He,
+      We,
+      qe,
+      Ke,
+      _e,
+      Ue,
+      Ze,
+      Qe,
+      Ge,
+      Je,
+      Xe,
+      d,
+      O,
+      T,
+      q,
+      ee,
       ae,
+      K,
+      G,
+      U,
+      Z,
+      Q,
       ne,
+      ie,
       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,
+      ce,
+      se,
       J,
-      C,
-      K,
-      B,
-      j,
-      E,
-      V,
-      H,
-      q,
-      X,
-      Y,
-      U,
-      Q
+      he,
+      be,
+      k
     ]
-  ), F = O.length > 0;
-  return /* @__PURE__ */ i(He, { value: Be, children: /* @__PURE__ */ y(
+  ), Y = X.length > 0, mt = ot("(max-width: 640px)");
+  return /* @__PURE__ */ n(St, { value: pt, children: /* @__PURE__ */ g(
     "div",
     {
-      className: P(
+      className: x(
         "bt-container",
-        `bt-size-${K}`,
-        j && "bt-striped",
-        B && "bt-bordered",
-        E && "bt-hoverable",
-        d && "bt-container-loading",
-        C.container
+        `bt-size-${G}`,
+        Z && "bt-striped",
+        U && "bt-bordered",
+        Q && "bt-hoverable",
+        T && "bt-container-loading",
+        K.container
       ),
-      style: A.container,
+      style: te.container,
       children: [
-        /* @__PURE__ */ i(bt, {}),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ n(gn, {}),
+        (k === "panel" || k === "both") && /* @__PURE__ */ n(an, { open: J }),
+        /* @__PURE__ */ g(
           "div",
           {
             className: "bt-table-wrapper",
-            style: { maxHeight: Re },
+            style: { maxHeight: ct },
             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, {})
-                  ]
-                }
+              mt ? (
+                /* Cards (móvil) */
+                Y && /* @__PURE__ */ n(tn, {})
+              ) : (
+                /* Tabla tradicional (desktop/tablet) */
+                /* @__PURE__ */ g(
+                  "table",
+                  {
+                    className: x("bt-table", K.table),
+                    style: te.table,
+                    role: "grid",
+                    "aria-label": dt,
+                    "aria-describedby": ht,
+                    "aria-busy": T,
+                    children: [
+                      /* @__PURE__ */ n(Rt, {}),
+                      Y ? /* @__PURE__ */ n(Gt, {}) : /* @__PURE__ */ n(yn, {})
+                    ]
+                  }
+                )
               ),
-              F && /* @__PURE__ */ i(ct, {}),
-              /* @__PURE__ */ i(ut, { show: d && F })
+              /* @__PURE__ */ n(wn, { show: T && Y })
             ]
           }
         ),
-        r !== !1 && /* @__PURE__ */ i(ot, {}),
-        /* @__PURE__ */ i(ft, {})
+        d !== !1 && /* @__PURE__ */ n(un, {}),
+        /* @__PURE__ */ n(kn, {})
       ]
     }
   ) });
 }
-const Pt = St;
+const Fn = Dn;
 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
+  Fn as BetterTable,
+  St as TableProvider,
+  it as defaultLocale,
+  Ot as filterData,
+  j as getValueFromPath,
+  Nt as locales,
+  Bt as searchData,
+  Et as sortData,
+  Ln as useColumnVisibility,
+  $ as useTableContext,
+  Sn as useTableFilter,
+  Pn as useTablePagination,
+  An as useTableSearch,
+  xn as useTableSelection,
+  Nn as useTableSort
 };
 //# sourceMappingURL=better-table.es.js.map