better-table 1.0.0 → 1.0.1

package/dist/better-table.es.js

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