better-table 1.0.0 → 1.1.0

package/dist/better-table.es.js

@@ -1,5 +1,5 @@
-import B, { useContext as Ee, createContext as Oe, useCallback as m, useMemo as x, useEffect as Ke, useState as I } from "react";
-import { jsx as r, jsxs as y, Fragment as He } from "react/jsx-runtime";
+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 "./styles.js";
 const Ve = {
   search: "Buscar",
@@ -18,292 +18,290 @@ const Ve = {
   clearFilters: "Limpiar filtros",
   selectAll: "Seleccionar todo",
   deselectAll: "Deseleccionar todo"
-}, Ce = Oe(null);
-function C() {
-  const e = Ee(Ce);
+}, $e = Ke(null);
+function w() {
+  const e = Ee($e);
   if (!e)
     throw new Error("useTableContext must be used within a TableProvider");
   return e;
 }
-function qe({
+function He({
   value: e,
-  children: s
+  children: t
 }) {
-  return /* @__PURE__ */ r(Ce.Provider, { value: e, children: s });
+  return /* @__PURE__ */ i($e.Provider, { value: e, children: t });
 }
-function $e(e) {
-  var s, a, l = "";
-  if (typeof e == "string" || typeof e == "number") l += e;
+function xe(e) {
+  var t, l, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var n = e.length;
-    for (s = 0; s < n; s++) e[s] && (a = $e(e[s])) && (l && (l += " "), l += a);
-  } else for (a in e) e[a] && (l && (l += " "), l += a);
-  return l;
+    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;
 }
-function T() {
-  for (var e, s, a = 0, l = "", n = arguments.length; a < n; a++) (e = arguments[a]) && (s = $e(e)) && (l && (l += " "), l += s);
-  return l;
+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 Je({
+function qe({
   column: e
 }) {
   const {
-    sortState: s,
-    handleSort: a,
-    filters: l,
-    setFilter: n,
-    locale: t
-  } = C(), i = s.columnId === e.id, o = i ? s.direction : null, d = m(() => {
-    e.sortable !== !1 && a(e.id);
-  }, [e.id, e.sortable, a]), b = m(
-    (f) => {
-      const p = f.target.value;
-      e.type === "boolean" ? p === "" ? n(e.id, null) : n(e.id, p === "true") : n(e.id, p || null);
+    sortState: t,
+    handleSort: l,
+    filters: n,
+    setFilter: s,
+    locale: a
+  } = w(), r = t.columnId === e.id, b = r ? t.direction : null, o = m(() => {
+    e.sortable !== !1 && l(e.id);
+  }, [e.id, e.sortable, l]), h = m(
+    (u) => {
+      const v = u.target.value;
+      e.type === "boolean" ? v === "" ? s(e.id, null) : s(e.id, v === "true") : s(e.id, v || null);
     },
-    [e.id, e.type, n]
-  ), u = m(
-    (f) => {
-      f.key === "Enter" && e.sortable !== !1 && a(e.id);
+    [e.id, e.type, s]
+  ), f = m(
+    (u) => {
+      u.key === "Enter" && e.sortable !== !1 && l(e.id);
     },
-    [e.id, e.sortable, a]
-  ), g = () => e.sortable === !1 || e.type === "custom" ? null : /* @__PURE__ */ r(
+    [e.id, e.sortable, l]
+  ), S = () => e.sortable === !1 || e.type === "custom" ? null : /* @__PURE__ */ i(
     "button",
     {
-      className: T("bt-sort-btn", i && "bt-active"),
-      onClick: d,
-      "aria-label": o === "asc" ? t.sortDesc : t.sortAsc,
+      className: P("bt-sort-btn", r && "bt-active"),
+      onClick: o,
+      "aria-label": b === "asc" ? a.sortDesc : a.sortAsc,
       type: "button",
-      children: i ? o === "asc" ? "↑" : "↓" : "⇅"
+      children: r ? b === "asc" ? "↑" : "↓" : "⇅"
     }
-  ), h = () => {
+  ), p = () => {
     if (e.filterable === !1 || e.type === "custom")
       return null;
-    const f = l[e.id];
+    const u = n[e.id];
     return e.type === "boolean" ? /* @__PURE__ */ y(
       "select",
       {
         className: "bt-filter-select",
-        value: f == null ? "" : String(f),
-        onChange: b,
-        "aria-label": `${t.filterBy} ${e.header}`,
+        value: u == null ? "" : String(u),
+        onChange: h,
+        "aria-label": `${a.filterBy} ${e.header}`,
         children: [
-          /* @__PURE__ */ r("option", { value: "", children: "-" }),
-          /* @__PURE__ */ r("option", { value: "true", children: "✅" }),
-          /* @__PURE__ */ r("option", { value: "false", children: "❌" })
+          /* @__PURE__ */ i("option", { value: "", children: "-" }),
+          /* @__PURE__ */ i("option", { value: "true", children: "✅" }),
+          /* @__PURE__ */ i("option", { value: "false", children: "❌" })
         ]
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ i(
       "input",
       {
         type: e.type === "number" ? "number" : "text",
         className: "bt-filter-input",
-        placeholder: `${t.filterBy}...`,
-        value: f != null ? String(f) : "",
-        onChange: b,
-        "aria-label": `${t.filterBy} ${e.header}`
+        placeholder: `${a.filterBy}...`,
+        value: u != null ? String(u) : "",
+        onChange: h,
+        "aria-label": `${a.filterBy} ${e.header}`
       }
     );
   };
-  return e.headerCell ? /* @__PURE__ */ r(
+  return e.headerCell ? /* @__PURE__ */ i(
     "th",
     {
-      className: T("bt-th", e.align && `bt-align-${e.align}`),
+      className: P("bt-th", e.align && `bt-align-${e.align}`),
       style: { width: e.width },
       children: e.headerCell(e)
     }
-  ) : /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ i(
     "th",
     {
-      className: T("bt-th", e.align && `bt-align-${e.align}`),
+      className: P("bt-th", e.align && `bt-align-${e.align}`),
       style: { width: e.width },
       role: "columnheader",
-      "aria-sort": i ? o === "asc" ? "ascending" : "descending" : void 0,
+      "aria-sort": r ? b === "asc" ? "ascending" : "descending" : void 0,
       tabIndex: e.sortable !== !1 ? 0 : void 0,
-      onKeyDown: e.sortable !== !1 ? u : 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__ */ r("span", { className: "bt-th-title", children: e.header }),
-          g()
+          /* @__PURE__ */ i("span", { className: "bt-th-title", children: e.header }),
+          S()
         ] }),
-        e.filterable !== !1 && h()
+        e.filterable !== !1 && p()
       ] })
     }
   );
 }
-const _e = B.memo(
-  Je
+const _e = I.memo(
+  qe
 );
-function Qe() {
+function Je() {
   const {
     columns: e,
-    selectable: s,
-    selectionMode: a,
-    rowActions: l,
-    isAllSelected: n,
-    isPartiallySelected: t,
-    selectAll: i,
-    deselectAll: o,
-    locale: d,
-    stickyHeader: b
-  } = C(), u = e.filter((f) => !f.hidden), g = l && l.length > 0, h = () => {
-    n ? o() : i();
+    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__ */ r("thead", { className: T("bt-thead", b && "bt-sticky"), children: /* @__PURE__ */ y("tr", { className: "bt-tr", children: [
-    s && /* @__PURE__ */ r("th", { className: "bt-th bt-checkbox-cell", children: a === "multiple" && /* @__PURE__ */ 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(
       "input",
       {
         type: "checkbox",
         className: "bt-checkbox",
-        checked: n,
-        ref: (f) => {
-          f && (f.indeterminate = t);
+        checked: s,
+        ref: (u) => {
+          u && (u.indeterminate = a);
         },
-        onChange: h,
-        "aria-label": n ? d.deselectAll : d.selectAll
+        onChange: p,
+        "aria-label": s ? o.deselectAll : o.selectAll
       }
     ) }),
-    u.map((f) => /* @__PURE__ */ r(_e, { column: f }, f.id)),
-    g && /* @__PURE__ */ r("th", { className: "bt-th bt-actions-cell", children: d.actions })
+    f.map((u) => /* @__PURE__ */ i(_e, { column: u }, u.id)),
+    S && /* @__PURE__ */ i("th", { className: "bt-th bt-actions-cell", children: o.actions })
   ] }) });
 }
-const Ge = Qe;
-function R(e, s) {
-  if (!e || !s) return;
-  const a = s.split(".");
-  let l = e;
-  for (const n of a) {
-    if (l == null)
+const Qe = Je;
+function M(e, t) {
+  if (!e || !t) return;
+  const l = t.split(".");
+  let n = e;
+  for (const s of l) {
+    if (n == null)
       return;
-    if (typeof l == "object")
-      l = l[n];
+    if (typeof n == "object")
+      n = n[s];
     else
       return;
   }
-  return l;
+  return n;
 }
-function Ue(e, s, a) {
-  return [...e].sort((l, n) => {
-    const t = R(l, s), i = R(n, s);
-    if (t == null)
-      return a === "asc" ? 1 : -1;
-    if (i == null)
-      return a === "asc" ? -1 : 1;
-    if (typeof t == "string" && typeof i == "string") {
-      const u = t.localeCompare(i, void 0, {
+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 a === "asc" ? u : -u;
+      return l === "asc" ? f : -f;
     }
-    if (typeof t == "number" && typeof i == "number")
-      return a === "asc" ? t - i : i - t;
-    if (typeof t == "boolean" && typeof i == "boolean") {
-      const u = t === i ? 0 : t ? -1 : 1;
-      return a === "asc" ? u : -u;
+    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 (t instanceof Date && i instanceof Date) {
-      const u = t.getTime() - i.getTime();
-      return a === "asc" ? u : -u;
+    if (a instanceof Date && r instanceof Date) {
+      const f = a.getTime() - r.getTime();
+      return l === "asc" ? f : -f;
     }
-    const o = String(t), d = String(i), b = o.localeCompare(d);
-    return a === "asc" ? b : -b;
+    const b = String(a), o = String(r), h = b.localeCompare(o);
+    return l === "asc" ? h : -h;
   });
 }
-function We(e, s, a) {
-  const l = Object.entries(s).filter(
-    ([, n]) => n != null && n !== ""
+function Ue(e, t, l) {
+  const n = Object.entries(t).filter(
+    ([, s]) => s != null && s !== ""
   );
-  return l.length === 0 ? e : e.filter((n) => l.every(([t, i]) => {
-    const o = a.find((u) => u.id === t);
-    if (!o) return !0;
-    const d = R(
-      n,
-      String(o.accessor)
+  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)
     );
-    if (d == null)
+    if (o == null)
       return !1;
-    switch (o.type ?? "string") {
+    switch (b.type ?? "string") {
       case "boolean":
-        return d === i;
+        return o === r;
       case "number":
-        return String(d) === String(i);
+        return String(o) === String(r);
       case "date":
-        if (d instanceof Date && i) {
-          const u = new Date(String(i));
-          return d.toDateString() === u.toDateString();
+        if (o instanceof Date && r) {
+          const f = new Date(String(r));
+          return o.toDateString() === f.toDateString();
         }
-        return String(d).includes(String(i));
-      case "string":
+        return String(o).includes(String(r));
       default:
-        return String(d).toLowerCase().includes(String(i).toLowerCase());
+        return String(o).toLowerCase().includes(String(r).toLowerCase());
     }
   }));
 }
-function Xe(e, s, a, l) {
-  if (!s.trim())
+function We(e, t, l, n) {
+  if (!t.trim())
     return e;
-  const n = s.toLowerCase().trim(), t = l ? a.filter((i) => l.includes(i.id)) : a.filter((i) => i.type !== "custom");
+  const s = t.toLowerCase().trim(), a = n ? l.filter((r) => n.includes(r.id)) : l.filter((r) => r.type !== "custom");
   return e.filter(
-    (i) => t.some((o) => {
-      const d = R(
-        i,
-        String(o.accessor)
+    (r) => a.some((b) => {
+      const o = M(
+        r,
+        String(b.accessor)
       );
-      return d == null ? !1 : String(d).toLowerCase().includes(n);
+      return o == null ? !1 : String(o).toLowerCase().includes(s);
     })
   );
 }
-function Ye({
+function Xe({
   row: e,
-  column: s,
-  rowIndex: a
+  column: t,
+  rowIndex: l
 }) {
-  const l = R(
+  const n = M(
     e,
-    String(s.accessor)
-  ), t = (() => {
-    if (s.cell)
-      return s.cell(l, e, a);
-    if (l == null)
-      return /* @__PURE__ */ r("span", { className: "bt-cell-empty", children: "—" });
-    switch (s.type) {
+    String(t.accessor)
+  ), a = (() => {
+    if (t.cell)
+      return t.cell(n, e, l);
+    if (n == null)
+      return /* @__PURE__ */ i("span", { className: "bt-cell-empty", children: "—" });
+    switch (t.type) {
       case "boolean":
-        return l ? "✅" : "❌";
+        return n ? "✅" : "❌";
       case "date":
-        if (l instanceof Date)
-          return l.toLocaleDateString();
-        const i = new Date(String(l));
-        return isNaN(i.getTime()) ? String(l) : i.toLocaleDateString();
+        if (n instanceof Date)
+          return n.toLocaleDateString();
+        const r = new Date(String(n));
+        return isNaN(r.getTime()) ? String(n) : r.toLocaleDateString();
       case "number":
-        return typeof l == "number" ? l.toLocaleString() : l;
-      case "string":
+        return typeof n == "number" ? n.toLocaleString() : n;
       default:
-        return String(l);
+        return String(n);
     }
   })();
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(
     "td",
     {
-      className: T("bt-td", s.align && `bt-align-${s.align}`),
-      style: { width: s.width },
-      children: t
+      className: P("bt-td", t.align && `bt-align-${t.align}`),
+      style: { width: t.width },
+      children: a
     }
   );
 }
-const Ze = B.memo(Ye);
-function Fe({
+const Ye = I.memo(Xe);
+function Ze({
   row: e,
-  rowIndex: s
+  rowIndex: t
 }) {
-  const { rowActions: a, openModal: l } = C(), n = m(
-    (t) => {
-      if (t.mode === "callback" && t.onClick)
-        t.onClick(e, s);
-      else if (t.mode === "modal" && t.modalContent) {
-        const i = t.modalContent;
-        l(
-          /* @__PURE__ */ r(
-            i,
+  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,
             {
               data: e,
               onClose: () => {
@@ -311,226 +309,377 @@ function Fe({
             }
           )
         );
-      } else if (t.mode === "link" && t.href) {
-        const i = typeof t.href == "function" ? t.href(e) : t.href;
-        window.open(i, "_blank");
+      } else if (a.mode === "link" && a.href) {
+        const r = typeof a.href == "function" ? a.href(e) : a.href;
+        window.open(r, "_blank");
       }
     },
-    [e, s, l]
+    [e, t, n]
   );
-  return !a || a.length === 0 ? null : /* @__PURE__ */ r("td", { className: "bt-td bt-actions-cell", children: /* @__PURE__ */ r("div", { className: "bt-actions-wrapper", children: a.map((t) => {
-    if (t.visible && !t.visible(e))
+  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 i = t.disabled ? t.disabled(e) : !1;
-    if (t.mode === "link" && t.href) {
-      const o = typeof t.href == "function" ? t.href(e) : t.href;
-      return /* @__PURE__ */ r(
+    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",
         {
-          href: o,
+          href: b,
           target: "_blank",
           rel: "noopener noreferrer",
-          className: T(
+          className: P(
             "bt-action-btn",
-            t.variant && `bt-variant-${t.variant}`
+            a.variant && `bt-variant-${a.variant}`
           ),
-          "aria-label": t.label,
-          children: t.icon && /* @__PURE__ */ r("span", { className: "bt-action-icon", children: t.icon })
+          "aria-label": a.label,
+          children: a.icon && /* @__PURE__ */ i("span", { className: "bt-action-icon", children: a.icon })
         },
-        t.id
+        a.id
       );
     }
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ i(
       "button",
       {
-        className: T(
+        className: P(
           "bt-action-btn",
-          t.variant && `bt-variant-${t.variant}`
+          a.variant && `bt-variant-${a.variant}`
         ),
-        onClick: () => n(t),
-        disabled: i,
-        "aria-label": t.label,
-        title: t.label,
+        onClick: () => s(a),
+        disabled: r,
+        "aria-label": a.label,
+        title: a.label,
         type: "button",
-        children: t.icon && /* @__PURE__ */ r("span", { className: "bt-action-icon", children: t.icon })
+        children: a.icon && /* @__PURE__ */ i("span", { className: "bt-action-icon", children: a.icon })
       },
-      t.id
+      a.id
     );
   }) }) });
 }
-const et = B.memo(
-  Fe
+const et = I.memo(
+  Ze
 );
-function tt({ row: e, rowIndex: s }) {
+function tt({ row: e, rowIndex: t }) {
   const {
-    columns: a,
-    selectable: l,
-    rowActions: n,
-    isSelected: t,
-    toggleRow: i,
-    striped: o,
-    hoverable: d,
-    onRowClick: b,
-    onRowDoubleClick: u
-  } = C(), g = a.filter((S) => !S.hidden), h = n && n.length > 0, f = l && t(e, s), p = !!b, N = m(() => {
-    b == null || b(e, s);
-  }, [e, s, b]), P = m(() => {
-    u == null || u(e, s);
-  }, [e, s, u]), $ = m(() => {
-    i(e, s);
-  }, [e, s, i]), w = m(
-    (S) => {
-      S.key === "Enter" && b && N();
+    columns: l,
+    selectable: n,
+    rowActions: s,
+    isSelected: a,
+    toggleRow: r,
+    striped: b,
+    hoverable: o,
+    onRowClick: h,
+    onRowDoubleClick: f
+  } = w(), S = l.filter((k) => !k.hidden), p = s && s.length > 0, u = n && a(e, t), v = !!h, N = m(() => {
+    h?.(e, t);
+  }, [e, t, h]), D = m(() => {
+    f?.(e, t);
+  }, [e, t, f]), $ = m(() => {
+    r(e, t);
+  }, [e, t, r]), T = m(
+    (k) => {
+      k.key === "Enter" && h && N();
     },
-    [N, b]
+    [N, h]
   );
   return /* @__PURE__ */ y(
     "tr",
     {
-      className: T(
+      className: P(
         "bt-tr",
-        o && "bt-striped",
-        d && "bt-hoverable",
-        f && "bt-selected",
-        p && "bt-clickable"
+        b && "bt-striped",
+        o && "bt-hoverable",
+        u && "bt-selected",
+        v && "bt-clickable"
       ),
-      onClick: p ? N : void 0,
-      onDoubleClick: u ? P : void 0,
-      onKeyDown: p ? w : void 0,
-      tabIndex: p ? 0 : void 0,
-      role: p ? "button" : void 0,
-      "aria-selected": l ? f : void 0,
+      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,
       children: [
-        l && /* @__PURE__ */ r("td", { className: "bt-td bt-checkbox-cell", children: /* @__PURE__ */ r(
+        n && /* @__PURE__ */ i("td", { className: "bt-td bt-checkbox-cell", children: /* @__PURE__ */ i(
           "input",
           {
             type: "checkbox",
             className: "bt-checkbox",
-            checked: f,
+            checked: u,
             onChange: $,
-            onClick: (S) => S.stopPropagation(),
-            "aria-label": `Select row ${s + 1}`
+            onClick: (k) => k.stopPropagation(),
+            "aria-label": `Select row ${t + 1}`
           }
         ) }),
-        g.map((S) => /* @__PURE__ */ r(
-          Ze,
+        S.map((k) => /* @__PURE__ */ i(
+          Ye,
           {
             row: e,
-            column: S,
-            rowIndex: s
+            column: k,
+            rowIndex: t
           },
-          S.id
+          k.id
         )),
-        h && /* @__PURE__ */ r(et, { row: e, rowIndex: s })
+        p && /* @__PURE__ */ i(et, { row: e, rowIndex: t })
       ]
     }
   );
 }
-const at = B.memo(tt);
-function lt() {
-  const { processedData: e, rowKey: s } = C(), a = (l, n) => {
-    if (typeof s == "function")
-      return s(l, n);
-    const t = l[s];
-    return String(t !== void 0 ? t : n);
+const at = I.memo(tt);
+function nt() {
+  const { processedData: e, rowKey: t } = w(), l = (n, s) => {
+    if (typeof t == "function")
+      return t(n, s);
+    const a = n[t];
+    return String(a !== void 0 ? a : s);
   };
-  return /* @__PURE__ */ r("tbody", { className: "bt-tbody", children: e.map((l, n) => /* @__PURE__ */ r(at, { row: l, rowIndex: n }, a(l, n))) });
+  return /* @__PURE__ */ i("tbody", { className: "bt-tbody", children: e.map((n, s) => /* @__PURE__ */ i(at, { row: n, rowIndex: s }, l(n, s))) });
 }
-const st = lt;
-function nt() {
+const lt = nt;
+function st({ row: e, rowIndex: t }) {
   const {
-    page: e,
-    pageSize: s,
-    totalPages: a,
-    totalItems: l,
-    goToPage: n,
-    nextPage: t,
-    prevPage: i,
-    changePageSize: o,
-    hasNextPage: d,
-    hasPrevPage: b,
-    startIndex: u,
-    endIndex: g,
-    paginationEnabled: h,
-    pageSizeOptions: f,
-    showSizeChanger: p,
-    locale: N,
-    classNames: P
-  } = C(), $ = m(
+    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) => {
-      o(Number(c.target.value));
+      c.key === "Enter" && o && D();
     },
-    [o]
-  ), w = m(
+    [D, o]
+  ), T = m(
     (c) => {
-      if (c.key === "Enter") {
-        const v = parseInt(c.target.value, 10);
-        !isNaN(v) && v >= 1 && v <= a && n(v);
+      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");
+      }
+    },
+    [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) {
+      case "boolean":
+        return g ? "✅" : "❌";
+      case "date":
+        if (g instanceof Date)
+          return g.toLocaleDateString();
+        const C = new Date(String(g));
+        return isNaN(C.getTime()) ? String(g) : C.toLocaleDateString();
+      case "number":
+        return typeof g == "number" ? g.toLocaleString() : String(g);
+      default:
+        return String(g);
+    }
+  }, d = u ? M(e, String(u.accessor)) : "";
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: P(
+        "bt-card",
+        b && "bt-hoverable",
+        p && "bt-selected",
+        o && "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,
+      children: [
+        /* @__PURE__ */ y("div", { className: "bt-card-header", children: [
+          n && /* @__PURE__ */ i(
+            "input",
+            {
+              type: "checkbox",
+              className: "bt-checkbox",
+              checked: p,
+              onChange: N,
+              onClick: (c) => c.stopPropagation(),
+              "aria-label": `Select row ${t + 1}`
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: "bt-card-title", children: u ? k(u, d) : `Item ${t + 1}` })
+        ] }),
+        v.map((c) => {
+          const g = M(
+            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);
+        }),
+        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",
+              {
+                href: C,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: P(
+                  "bt-action-btn",
+                  c.variant && `bt-variant-${c.variant}`
+                ),
+                onClick: (A) => A.stopPropagation(),
+                children: [
+                  c.icon && /* @__PURE__ */ i("span", { className: "bt-action-icon", children: c.icon }),
+                  /* @__PURE__ */ i("span", { children: c.label })
+                ]
+              },
+              c.id
+            );
+          }
+          return /* @__PURE__ */ y(
+            "button",
+            {
+              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
+          );
+        }) })
+      ]
+    }
+  );
+}
+const rt = I.memo(st);
+function it() {
+  const { processedData: e, rowKey: t } = w(), l = (n, s) => {
+    if (typeof t == "function")
+      return t(n, s);
+    const a = n[t];
+    return String(a !== void 0 ? a : s);
+  };
+  return /* @__PURE__ */ i("div", { className: "bt-cards", children: e.map((n, s) => /* @__PURE__ */ i(rt, { row: n, rowIndex: s }, l(n, s))) });
+}
+const ct = it;
+function ot() {
+  const {
+    page: e,
+    pageSize: t,
+    totalPages: l,
+    totalItems: n,
+    goToPage: s,
+    nextPage: a,
+    prevPage: r,
+    changePageSize: b,
+    hasNextPage: o,
+    hasPrevPage: h,
+    startIndex: f,
+    endIndex: S,
+    paginationEnabled: p,
+    pageSizeOptions: u,
+    showSizeChanger: v,
+    locale: N,
+    classNames: D
+  } = w(), $ = m(
+    (d) => {
+      b(Number(d.target.value));
+    },
+    [b]
+  ), T = m(
+    (d) => {
+      if (d.key === "Enter") {
+        const c = parseInt(d.target.value, 10);
+        !isNaN(c) && c >= 1 && c <= l && s(c);
       }
     },
-    [n, a]
-  ), S = x(() => {
-    const c = [];
-    if (a <= 5)
-      for (let k = 1; k <= a; k++)
-        c.push(k);
+    [s, l]
+  ), k = x(() => {
+    const d = [];
+    if (l <= 5)
+      for (let g = 1; g <= l; g++)
+        d.push(g);
     else {
-      c.push(1), e > 3 && c.push("ellipsis");
-      const k = Math.max(2, e - 1), D = Math.min(a - 1, e + 1);
-      for (let A = k; A <= D; A++)
-        c.push(A);
-      e < a - 2 && c.push("ellipsis"), a > 1 && c.push(a);
+      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);
     }
-    return c;
-  }, [e, a]);
-  return h ? /* @__PURE__ */ y("div", { className: `bt-pagination ${P.pagination || ""}`, children: [
-    /* @__PURE__ */ r("div", { className: "bt-pagination-info", children: l > 0 ? `${u}-${g} ${N.of} ${l} ${N.items}` : `0 ${N.items}` }),
+    return d;
+  }, [e, l]);
+  return p ? /* @__PURE__ */ y("div", { className: `bt-pagination ${D.pagination || ""}`, children: [
+    /* @__PURE__ */ i("div", { className: "bt-pagination-info", children: n > 0 ? `${f}-${S} ${N.of} ${n} ${N.items}` : `0 ${N.items}` }),
     /* @__PURE__ */ y("div", { className: "bt-pagination-controls", children: [
-      p && /* @__PURE__ */ y("div", { className: "bt-page-size", children: [
+      v && /* @__PURE__ */ y("div", { className: "bt-page-size", children: [
         /* @__PURE__ */ y("span", { className: "bt-page-size-label", children: [
           N.rowsPerPage,
           ":"
         ] }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "select",
           {
             className: "bt-page-size-select",
-            value: s,
+            value: t,
             onChange: $,
             "aria-label": N.rowsPerPage,
-            children: f.map((c) => /* @__PURE__ */ r("option", { value: c, children: c }, c))
+            children: u.map((d) => /* @__PURE__ */ i("option", { value: d, children: d }, d))
           }
         )
       ] }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         "button",
         {
           className: "bt-pagination-btn",
-          onClick: i,
-          disabled: !b,
+          onClick: r,
+          disabled: !h,
           "aria-label": "Previous page",
           type: "button",
           children: "←"
         }
       ),
-      /* @__PURE__ */ r("div", { className: "bt-pagination-pages", children: S.map((c, v) => c === "ellipsis" ? /* @__PURE__ */ r("span", { className: "bt-pagination-ellipsis", children: "..." }, `ellipsis-${v}`) : /* @__PURE__ */ r(
+      /* @__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(
         "button",
         {
-          className: `bt-pagination-btn ${e === c ? "bt-active" : ""}`,
-          onClick: () => n(c),
-          "aria-label": `${N.page} ${c}`,
-          "aria-current": e === c ? "page" : void 0,
+          className: `bt-pagination-btn ${e === d ? "bt-active" : ""}`,
+          onClick: () => s(d),
+          "aria-label": `${N.page} ${d}`,
+          "aria-current": e === d ? "page" : void 0,
           type: "button",
-          children: c
+          children: d
         },
-        c
+        d
       )) }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         "button",
         {
           className: "bt-pagination-btn",
-          onClick: t,
-          disabled: !d,
+          onClick: a,
+          disabled: !o,
           "aria-label": "Next page",
           type: "button",
           children: "→"
@@ -541,15 +690,15 @@ function nt() {
           N.page,
           ":"
         ] }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "input",
           {
             type: "number",
             className: "bt-quick-jumper-input",
             min: 1,
-            max: a,
+            max: l,
             defaultValue: e,
-            onKeyDown: w,
+            onKeyDown: T,
             "aria-label": "Jump to page"
           }
         )
@@ -557,504 +706,504 @@ function nt() {
     ] })
   ] }) : null;
 }
-function it() {
+function dt() {
   const {
     searchable: e,
-    searchValue: s,
-    handleSearch: a,
-    clearSearch: l,
-    globalActions: n,
-    selectedRows: t,
-    selectedCount: i,
-    deselectAll: o,
-    data: d,
-    locale: b,
-    classNames: u,
-    selectable: g
-  } = C(), h = m(
-    (p) => {
-      a(p.target.value);
+    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);
     },
-    [a]
+    [l]
   );
-  return e || n && n.length > 0 || g && i > 0 ? /* @__PURE__ */ y("div", { className: `bt-toolbar ${u.toolbar || ""}`, children: [
+  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__ */ r("span", { className: "bt-search-icon", children: "🔍" }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i("span", { className: "bt-search-icon", children: "🔍" }),
+        /* @__PURE__ */ i(
           "input",
           {
             type: "text",
             className: "bt-search-input",
-            placeholder: b.searchPlaceholder,
-            value: s,
-            onChange: h,
-            "aria-label": b.search
+            placeholder: h.searchPlaceholder,
+            value: t,
+            onChange: p,
+            "aria-label": h.search
           }
         ),
-        s && /* @__PURE__ */ r(
+        t && /* @__PURE__ */ i(
           "button",
           {
             className: "bt-search-clear",
-            onClick: l,
+            onClick: n,
             "aria-label": "Clear search",
             type: "button",
             children: "✕"
           }
         )
       ] }),
-      g && i > 0 && /* @__PURE__ */ y("div", { className: "bt-selection-info", children: [
+      S && r > 0 && /* @__PURE__ */ y("div", { className: "bt-selection-info", children: [
         /* @__PURE__ */ y("span", { children: [
-          i,
+          r,
           " ",
-          b.selected
+          h.selected
         ] }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ i(
           "button",
           {
             className: "bt-selection-clear",
-            onClick: o,
+            onClick: b,
             type: "button",
-            children: b.deselectAll
+            children: h.deselectAll
           }
         )
       ] })
     ] }),
-    n && n.length > 0 && /* @__PURE__ */ r("div", { className: "bt-toolbar-right", children: /* @__PURE__ */ r("div", { className: "bt-global-actions", children: n.map((p) => {
-      const N = p.requiresSelection && t.length === 0;
+    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(
         "button",
         {
-          className: T(
+          className: P(
             "bt-global-btn",
-            p.variant && `bt-variant-${p.variant}`
+            v.variant && `bt-variant-${v.variant}`
           ),
-          onClick: () => p.onClick(t, d),
+          onClick: () => v.onClick(a, o),
           disabled: N,
-          title: p.label,
+          title: v.label,
           type: "button",
           children: [
-            p.icon && /* @__PURE__ */ r("span", { className: "bt-global-icon", children: p.icon }),
-            /* @__PURE__ */ r("span", { children: p.label })
+            v.icon && /* @__PURE__ */ i("span", { className: "bt-global-icon", children: v.icon }),
+            /* @__PURE__ */ i("span", { children: v.label })
           ]
         },
-        p.id
+        v.id
       );
     }) }) })
   ] }) : null;
 }
-const rt = it;
-function ct() {
-  const { locale: e, emptyComponent: s, columns: a, selectable: l, rowActions: n } = C(), t = a.filter((d) => !d.hidden), i = n && n.length > 0, o = t.length + (l ? 1 : 0) + (i ? 1 : 0);
-  return s ? /* @__PURE__ */ r("tbody", { className: "bt-tbody", children: /* @__PURE__ */ r("tr", { className: "bt-tr", children: /* @__PURE__ */ r("td", { className: "bt-td", colSpan: o, children: s }) }) }) : /* @__PURE__ */ r("tbody", { className: "bt-tbody", children: /* @__PURE__ */ r("tr", { className: "bt-tr", children: /* @__PURE__ */ r("td", { className: "bt-td", colSpan: o, children: /* @__PURE__ */ y("div", { className: "bt-empty", children: [
-    /* @__PURE__ */ r("div", { className: "bt-empty-icon", children: "📭" }),
-    /* @__PURE__ */ r("div", { className: "bt-empty-text", children: e.noData })
+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 ot({ show: e }) {
-  const { loadingComponent: s, locale: a } = C();
-  return e ? /* @__PURE__ */ r("div", { className: "bt-loading-overlay", role: "status", "aria-live": "polite", children: s || /* @__PURE__ */ y(He, { children: [
-    /* @__PURE__ */ r("div", { className: "bt-loading-spinner", "aria-hidden": "true" }),
-    /* @__PURE__ */ r("span", { className: "bt-loading-text", children: a.loading })
+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 })
   ] }) }) : null;
 }
-function dt() {
-  const { isModalOpen: e, modalContent: s, closeModal: a } = C(), l = m(
-    (t) => {
-      t.target === t.currentTarget && a();
+function ft() {
+  const { isModalOpen: e, modalContent: t, closeModal: l } = w(), n = m(
+    (a) => {
+      a.target === a.currentTarget && l();
     },
-    [a]
-  ), n = m(
-    (t) => {
-      t.key === "Escape" && a();
+    [l]
+  ), s = m(
+    (a) => {
+      a.key === "Escape" && l();
     },
-    [a]
+    [l]
   );
-  return Ke(() => (e && (document.addEventListener("keydown", n), document.body.style.overflow = "hidden"), () => {
-    document.removeEventListener("keydown", n), document.body.style.overflow = "";
-  }), [e, n]), !e || !s ? null : /* @__PURE__ */ r(
+  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(
     "div",
     {
       className: "bt-modal-backdrop",
-      onClick: l,
+      onClick: n,
       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__ */ r("h2", { className: "bt-modal-title", children: "Detalles" }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ i("h2", { className: "bt-modal-title", children: "Detalles" }),
+          /* @__PURE__ */ i(
             "button",
             {
               className: "bt-modal-close",
-              onClick: a,
+              onClick: l,
               "aria-label": "Close modal",
               type: "button",
               children: "✕"
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "bt-modal-body", children: s })
+        /* @__PURE__ */ i("div", { className: "bt-modal-body", children: t })
       ] })
     }
   );
 }
-function bt({
+function pt({
   data: e,
-  initialSort: s,
-  controlledSort: a,
-  onSortChange: l
+  initialSort: t,
+  controlledSort: l,
+  onSortChange: n
 }) {
-  const [n, t] = I(
-    s ?? { columnId: null, direction: "asc" }
-  ), i = a ?? n, o = m(
-    (u) => {
-      const g = {
-        columnId: u,
-        direction: i.columnId === u && i.direction === "asc" ? "desc" : "asc"
+  const [s, a] = z(
+    t ?? { columnId: null, direction: "asc" }
+  ), r = l ?? s, b = m(
+    (f) => {
+      const S = {
+        columnId: f,
+        direction: r.columnId === f && r.direction === "asc" ? "desc" : "asc"
       };
-      a || t(g), l == null || l(g);
+      l || a(S), n?.(S);
     },
-    [i, a, l]
-  ), d = m(() => {
-    const u = { columnId: null, direction: "asc" };
-    a || t(u), l == null || l(u);
-  }, [a, l]);
-  return { sortedData: x(() => i.columnId ? Ue(e, i.columnId, i.direction) : e, [e, i]), sortState: i, handleSort: o, clearSort: d };
+    [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 };
 }
-function ut({
+function gt({
   data: e,
-  columns: s,
-  initialFilters: a,
-  controlledFilters: l,
-  onFilterChange: n
+  columns: t,
+  initialFilters: l,
+  controlledFilters: n,
+  onFilterChange: s
 }) {
-  const [t, i] = I(
-    a ?? {}
-  ), o = l ?? t, d = m(
-    (h, f) => {
-      const p = { ...o };
-      f == null || f === "" ? delete p[h] : p[h] = f, l || i(p), n == null || n(p);
+  const [a, r] = z(
+    l ?? {}
+  ), b = n ?? a, o = m(
+    (p, u) => {
+      const v = { ...b };
+      u == null || u === "" ? delete v[p] : v[p] = u, n || r(v), s?.(v);
     },
-    [o, l, n]
-  ), b = m(
-    (h) => {
-      const f = { ...o };
-      delete f[h], l || i(f), n == null || n(f);
+    [b, n, s]
+  ), h = m(
+    (p) => {
+      const u = { ...b };
+      delete u[p], n || r(u), s?.(u);
     },
-    [o, l, n]
-  ), u = m(() => {
-    l || i({}), n == null || n({});
-  }, [l, n]);
-  return { filteredData: x(() => We(e, o, s), [e, o, s]), filters: o, setFilter: d, clearFilters: u, clearFilter: b };
+    [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 };
 }
-function ft({
+function mt({
   data: e,
-  config: s,
-  onPageChange: a
+  config: t,
+  onPageChange: l
 }) {
-  const l = s !== !1, n = s && typeof s == "object" ? s.page ?? 1 : 1, t = s && typeof s == "object" ? s.pageSize ?? 10 : 10, i = s && typeof s == "object" ? s.totalItems : void 0, [o, d] = I(n), [b, u] = I(t), g = i ?? e.length, h = Math.max(1, Math.ceil(g / b)), f = m(
-    (c) => {
-      const v = Math.max(1, Math.min(c, h));
-      d(v), a == null || a(v, b);
+  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);
     },
-    [h, b, a]
-  ), p = m(() => {
-    o < h && f(o + 1);
-  }, [o, h, f]), N = m(() => {
-    o > 1 && f(o - 1);
-  }, [o, f]), P = m(
-    (c) => {
-      u(c), d(1), a == null || a(1, c);
+    [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);
     },
-    [a]
+    [l]
   ), $ = x(() => {
-    if (!l || i !== void 0)
+    if (!n || r !== void 0)
       return e;
-    const c = (o - 1) * b;
-    return e.slice(c, c + b);
-  }, [e, o, b, l, i]), w = (o - 1) * b + 1, S = Math.min(o * b, g);
+    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);
   return {
     paginatedData: $,
-    page: o,
-    pageSize: b,
-    totalPages: h,
-    totalItems: g,
-    goToPage: f,
-    nextPage: p,
+    page: b,
+    pageSize: h,
+    totalPages: p,
+    totalItems: S,
+    goToPage: u,
+    nextPage: v,
     prevPage: N,
-    changePageSize: P,
-    hasNextPage: o < h,
-    hasPrevPage: o > 1,
-    startIndex: w,
-    endIndex: S
+    changePageSize: D,
+    hasNextPage: b < p,
+    hasPrevPage: b > 1,
+    startIndex: T,
+    endIndex: k
   };
 }
-function ht({
+function vt({
   data: e,
-  rowKey: s,
-  mode: a = "multiple",
-  initialSelection: l,
-  controlledSelection: n,
-  onSelectionChange: t
+  rowKey: t,
+  mode: l = "multiple",
+  initialSelection: n,
+  controlledSelection: s,
+  onSelectionChange: a
 }) {
-  const [i, o] = I(
-    l ?? []
-  ), d = n ?? i, b = m(
-    (c, v) => typeof s == "function" ? s(c, v) : String(c[s]),
-    [s]
-  ), u = x(() => new Set(d.map((c, v) => b(c, v))), [d, b]), g = m(
-    (c, v) => {
-      const k = b(c, v);
-      return u.has(k);
+  const [r, b] = z(
+    n ?? []
+  ), o = s ?? r, h = m(
+    (d, c) => typeof t == "function" ? t(d, c) : String(d[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);
     },
-    [b, u]
-  ), h = m(
-    (c) => {
-      n || o(c), t == null || t(c);
+    [h, f]
+  ), p = m(
+    (d) => {
+      s || b(d), a?.(d);
     },
-    [n, t]
-  ), f = m(
-    (c, v) => {
-      const k = b(c, v);
-      let D;
-      a === "single" ? D = u.has(k) ? [] : [c] : u.has(k) ? D = d.filter((A, M) => b(A, M) !== k) : D = [...d, c], h(D);
+    [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, u, d, b, h]
-  ), p = m(
-    (c, v) => {
-      if (!g(c, v)) {
-        const k = a === "single" ? [c] : [...d, c];
-        h(k);
+    [l, f, o, h, p]
+  ), v = m(
+    (d, c) => {
+      if (!S(d, c)) {
+        const g = l === "single" ? [d] : [...o, d];
+        p(g);
       }
     },
-    [g, a, d, h]
+    [S, l, o, p]
   ), N = m(
-    (c, v) => {
-      const k = b(c, v), D = d.filter(
-        (A, M) => b(A, M) !== k
+    (d, c) => {
+      const g = h(d, c), C = o.filter(
+        (A, L) => h(A, L) !== g
       );
-      h(D);
+      p(C);
     },
-    [d, b, h]
-  ), P = m(() => {
-    a === "multiple" && h([...e]);
-  }, [e, a, h]), $ = m(() => {
-    h([]);
-  }, [h]), w = e.length > 0 && d.length === e.length, S = d.length > 0 && d.length < e.length;
+    [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;
   return {
-    selectedRows: d,
-    isSelected: g,
-    toggleRow: f,
-    selectRow: p,
+    selectedRows: o,
+    isSelected: S,
+    toggleRow: u,
+    selectRow: v,
     deselectRow: N,
-    selectAll: P,
+    selectAll: D,
     deselectAll: $,
-    isAllSelected: w,
-    isPartiallySelected: S,
-    selectedCount: d.length
+    isAllSelected: T,
+    isPartiallySelected: k,
+    selectedCount: o.length
   };
 }
-function pt({
+function yt({
   data: e,
-  columns: s,
-  searchColumns: a,
-  initialValue: l,
-  controlledValue: n,
-  onSearchChange: t
+  columns: t,
+  searchColumns: l,
+  initialValue: n,
+  controlledValue: s,
+  onSearchChange: a
 }) {
-  const [i, o] = I(l ?? ""), d = n ?? i, b = m(
-    (h) => {
-      n === void 0 && o(h), t == null || t(h);
+  const [r, b] = z(n ?? ""), o = s ?? r, h = m(
+    (p) => {
+      s === void 0 && b(p), a?.(p);
     },
-    [n, t]
-  ), u = m(() => {
-    n === void 0 && o(""), t == null || t("");
-  }, [n, t]);
-  return { searchedData: x(() => Xe(e, d, s, a), [e, d, s, a]), searchValue: d, handleSearch: b, clearSearch: u };
+    [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 };
 }
-function mt(e) {
+function St(e) {
   const {
     // Data
-    data: s,
-    columns: a,
-    rowKey: l = "id",
+    data: t,
+    columns: l,
+    rowKey: n = "id",
     // Actions
-    rowActions: n,
-    globalActions: t,
+    rowActions: s,
+    globalActions: a,
     // Pagination
-    pagination: i = { pageSize: 10 },
-    onPageChange: o,
+    pagination: r = { pageSize: 10 },
+    onPageChange: b,
     // Sort
-    sort: d,
-    onSortChange: b,
+    sort: o,
+    onSortChange: h,
     // Filter
-    filters: u,
-    onFilterChange: g,
+    filters: f,
+    onFilterChange: S,
     // Search
-    searchable: h = !1,
-    searchValue: f,
-    onSearchChange: p,
+    searchable: p = !1,
+    searchValue: u,
+    onSearchChange: v,
     searchColumns: N,
     // Selection - now auto-inferred if not explicitly set
-    selectable: P,
+    selectable: D,
     selectedRows: $,
-    onSelectionChange: w,
-    selectionMode: S = "multiple",
+    onSelectionChange: T,
+    selectionMode: k = "multiple",
     // States
-    loading: c = !1,
-    loadingComponent: v,
-    emptyComponent: k,
+    loading: d = !1,
+    loadingComponent: c,
+    emptyComponent: g,
     // Styling
-    classNames: D = {},
+    classNames: C = {},
     styles: A = {},
-    locale: M,
-    stickyHeader: O = !1,
-    maxHeight: ze,
-    bordered: L = !1,
-    striped: K = !1,
-    hoverable: H = !0,
-    size: j = "medium",
+    locale: L,
+    stickyHeader: V = !1,
+    maxHeight: Re,
+    bordered: B = !1,
+    striped: j = !1,
+    hoverable: E = !0,
+    size: K = "medium",
     // Callbacks
-    onRowClick: V,
+    onRowClick: H,
     onRowDoubleClick: q,
     // Accessibility
-    ariaLabel: Ie,
+    ariaLabel: ze,
     ariaDescribedBy: Me
-  } = e, J = x(() => P !== void 0 ? P : (t == null ? void 0 : t.some(
+  } = e, _ = x(() => D !== void 0 ? D : a?.some(
     (je) => je.requiresSelection
-  )) || w !== void 0, [P, t, w]), _ = x(
-    () => ({ ...Ve, ...M }),
-    [M]
-  ), [Q, G] = I(!1), [U, W] = I(null), X = m((xe) => {
-    W(xe), G(!0);
+  ) || 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);
-  }, []), z = x(() => i === !1 ? !1 : {
+  }, []), R = x(() => r === !1 ? !1 : {
     pageSize: 10,
     pageSizeOptions: [10, 20, 50, 100],
     showSizeChanger: !1,
-    ...i
-  }, [i]), {
-    searchedData: Re,
+    ...r
+  }, [r]), {
+    searchedData: Le,
     searchValue: Z,
-    handleSearch: F,
-    clearSearch: ee
-  } = pt({
-    data: s,
-    columns: a,
+    handleSearch: ee,
+    clearSearch: te
+  } = yt({
+    data: t,
+    columns: l,
     searchColumns: N,
-    controlledValue: f,
-    onSearchChange: p
+    controlledValue: u,
+    onSearchChange: v
   }), {
-    filteredData: Be,
-    filters: te,
-    setFilter: ae,
+    filteredData: Ie,
+    filters: ae,
+    setFilter: ne,
     clearFilters: le
-  } = ut({
-    data: Re,
-    columns: a,
-    controlledFilters: u,
-    onFilterChange: g
-  }), { sortedData: se, sortState: ne, handleSort: ie } = bt({
-    data: Be,
-    controlledSort: d,
-    onSortChange: b
+  } = gt({
+    data: Le,
+    columns: l,
+    controlledFilters: f,
+    onFilterChange: S
+  }), { sortedData: se, sortState: re, handleSort: ie } = pt({
+    data: Ie,
+    controlledSort: o,
+    onSortChange: h
   }), {
-    selectedRows: re,
-    isSelected: ce,
-    toggleRow: oe,
-    selectAll: de,
-    deselectAll: be,
+    selectedRows: ce,
+    isSelected: oe,
+    toggleRow: de,
+    selectAll: be,
+    deselectAll: he,
     isAllSelected: ue,
     isPartiallySelected: fe,
-    selectedCount: he
-  } = ht({
+    selectedCount: pe
+  } = vt({
     data: se,
-    rowKey: l,
-    mode: S,
+    rowKey: n,
+    mode: k,
     controlledSelection: $,
-    onSelectionChange: w
+    onSelectionChange: T
   }), {
-    paginatedData: E,
-    page: pe,
+    paginatedData: O,
+    page: ge,
     pageSize: me,
-    totalPages: ge,
-    totalItems: ve,
-    goToPage: ye,
-    nextPage: Ne,
-    prevPage: Se,
+    totalPages: ve,
+    totalItems: ye,
+    goToPage: Se,
+    nextPage: Ce,
+    prevPage: Ne,
     changePageSize: ke,
     hasNextPage: De,
-    hasPrevPage: Te,
-    startIndex: Pe,
-    endIndex: we
-  } = ft({
+    hasPrevPage: Pe,
+    startIndex: Te,
+    endIndex: Ae
+  } = mt({
     data: se,
-    config: z,
-    onPageChange: o
-  }), Le = x(
+    config: R,
+    onPageChange: b
+  }), Be = x(
     () => ({
       // Data
-      data: s,
-      processedData: E,
-      columns: a,
-      rowKey: l,
+      data: t,
+      processedData: O,
+      columns: l,
+      rowKey: n,
       // Actions
-      rowActions: n,
-      globalActions: t,
+      rowActions: s,
+      globalActions: a,
       // Sort
-      sortState: ne,
+      sortState: re,
       handleSort: ie,
       // Filter
-      filters: te,
-      setFilter: ae,
+      filters: ae,
+      setFilter: ne,
       clearFilters: le,
       // Search
       searchValue: Z,
-      handleSearch: F,
-      clearSearch: ee,
-      searchable: h,
+      handleSearch: ee,
+      clearSearch: te,
+      searchable: p,
       // Selection
-      selectedRows: re,
-      isSelected: ce,
-      toggleRow: oe,
-      selectAll: de,
-      deselectAll: be,
+      selectedRows: ce,
+      isSelected: oe,
+      toggleRow: de,
+      selectAll: be,
+      deselectAll: he,
       isAllSelected: ue,
       isPartiallySelected: fe,
-      selectable: J,
-      selectionMode: S,
-      selectedCount: he,
+      selectable: _,
+      selectionMode: k,
+      selectedCount: pe,
       // Pagination
-      page: pe,
+      page: ge,
       pageSize: me,
-      totalPages: ge,
-      totalItems: ve,
-      goToPage: ye,
-      nextPage: Ne,
-      prevPage: Se,
+      totalPages: ve,
+      totalItems: ye,
+      goToPage: Se,
+      nextPage: Ce,
+      prevPage: Ne,
       changePageSize: ke,
       hasNextPage: De,
-      hasPrevPage: Te,
-      startIndex: Pe,
-      endIndex: we,
-      paginationEnabled: i !== !1,
-      pageSizeOptions: z && typeof z == "object" ? z.pageSizeOptions ?? [10, 20, 50, 100] : [10, 20, 50, 100],
-      showSizeChanger: z && typeof z == "object" ? z.showSizeChanger ?? !1 : !1,
+      hasPrevPage: Pe,
+      startIndex: Te,
+      endIndex: Ae,
+      paginationEnabled: r !== !1,
+      pageSizeOptions: R && typeof R == "object" ? R.pageSizeOptions ?? [10, 20, 50, 100] : [10, 20, 50, 100],
+      showSizeChanger: R && typeof R == "object" ? R.showSizeChanger ?? !1 : !1,
       // UI State
-      loading: c,
-      loadingComponent: v,
-      emptyComponent: k,
+      loading: d,
+      loadingComponent: c,
+      emptyComponent: g,
       // Styling
-      locale: _,
-      classNames: D,
-      size: j,
-      bordered: L,
-      striped: K,
-      hoverable: H,
-      stickyHeader: O,
+      locale: J,
+      classNames: C,
+      size: K,
+      bordered: B,
+      striped: j,
+      hoverable: E,
+      stickyHeader: V,
       // Callbacks
-      onRowClick: V,
+      onRowClick: H,
       onRowDoubleClick: q,
       // Modal
       openModal: X,
@@ -1063,120 +1212,124 @@ function mt(e) {
       isModalOpen: Q
     }),
     [
-      s,
-      E,
-      a,
+      t,
+      O,
       l,
       n,
-      t,
-      ne,
+      s,
+      a,
+      re,
       ie,
-      te,
       ae,
+      ne,
       le,
       Z,
-      F,
       ee,
-      h,
-      re,
+      te,
+      p,
       ce,
       oe,
       de,
       be,
+      he,
       ue,
       fe,
-      J,
-      S,
-      he,
+      _,
+      k,
       pe,
-      me,
       ge,
+      me,
       ve,
       ye,
-      Ne,
       Se,
+      Ce,
+      Ne,
       ke,
       De,
-      Te,
       Pe,
-      we,
-      i,
-      z,
+      Te,
+      Ae,
+      r,
+      R,
+      d,
       c,
-      v,
-      k,
-      _,
-      D,
-      j,
-      L,
+      g,
+      J,
+      C,
       K,
-      H,
-      O,
+      B,
+      j,
+      E,
       V,
+      H,
       q,
       X,
       Y,
       U,
       Q
     ]
-  ), Ae = E.length > 0;
-  return /* @__PURE__ */ r(qe, { value: Le, children: /* @__PURE__ */ y(
+  ), F = O.length > 0;
+  return /* @__PURE__ */ i(He, { value: Be, children: /* @__PURE__ */ y(
     "div",
     {
-      className: T(
+      className: P(
         "bt-container",
-        `bt-size-${j}`,
-        c && "bt-container-loading",
-        D.container
+        `bt-size-${K}`,
+        j && "bt-striped",
+        B && "bt-bordered",
+        E && "bt-hoverable",
+        d && "bt-container-loading",
+        C.container
       ),
       style: A.container,
       children: [
-        /* @__PURE__ */ r(rt, {}),
+        /* @__PURE__ */ i(bt, {}),
         /* @__PURE__ */ y(
           "div",
           {
-            className: T("bt-table-wrapper", L && "bt-bordered"),
-            style: { maxHeight: ze },
+            className: "bt-table-wrapper",
+            style: { maxHeight: Re },
             children: [
               /* @__PURE__ */ y(
                 "table",
                 {
-                  className: T("bt-table", D.table),
+                  className: P("bt-table", C.table),
                   style: A.table,
                   role: "grid",
-                  "aria-label": Ie,
+                  "aria-label": ze,
                   "aria-describedby": Me,
-                  "aria-busy": c,
+                  "aria-busy": d,
                   children: [
-                    /* @__PURE__ */ r(Ge, {}),
-                    Ae ? /* @__PURE__ */ r(st, {}) : /* @__PURE__ */ r(ct, {})
+                    /* @__PURE__ */ i(Qe, {}),
+                    F ? /* @__PURE__ */ i(lt, {}) : /* @__PURE__ */ i(ht, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ r(ot, { show: c && Ae })
+              F && /* @__PURE__ */ i(ct, {}),
+              /* @__PURE__ */ i(ut, { show: d && F })
             ]
           }
         ),
-        i !== !1 && /* @__PURE__ */ r(nt, {}),
-        /* @__PURE__ */ r(dt, {})
+        r !== !1 && /* @__PURE__ */ i(ot, {}),
+        /* @__PURE__ */ i(ft, {})
       ]
     }
   ) });
 }
-const St = mt;
+const Pt = St;
 export {
-  St as BetterTable,
-  qe as TableProvider,
+  Pt as BetterTable,
+  He as TableProvider,
   Ve as defaultLocale,
-  We as filterData,
-  R as getValueFromPath,
-  Xe as searchData,
-  Ue as sortData,
-  C as useTableContext,
-  ut as useTableFilter,
-  ft as useTablePagination,
-  pt as useTableSearch,
-  ht as useTableSelection,
-  bt as useTableSort
+  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
 };
 //# sourceMappingURL=better-table.es.js.map