@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/ui/data-table/data-table.js

@@ -1,27 +1,27 @@
-import { jsx as s, jsxs as C, Fragment as V } from "react/jsx-runtime";
-import { useSensors as Pe, useSensor as P, PointerSensor as je, KeyboardSensor as Be, DndContext as Ue, closestCenter as Ye, DragOverlay as $e } from "@dnd-kit/core";
+import { jsx as s, jsxs as y, Fragment as L } from "react/jsx-runtime";
+import { useSensors as Pe, useSensor as P, PointerSensor as $e, KeyboardSensor as je, DndContext as Be, closestCenter as Ue, DragOverlay as Ye } from "@dnd-kit/core";
 import { restrictToHorizontalAxis as qe } from "@dnd-kit/modifiers";
 import { sortableKeyboardCoordinates as We, arrayMove as Xe, SortableContext as Je, horizontalListSortingStrategy as Qe, useSortable as Ze } from "@dnd-kit/sortable";
 import { CSS as et } from "@dnd-kit/utilities";
-import { useReactTable as tt, getPaginationRowModel as nt, getSortedRowModel as ot, getCoreRowModel as rt, flexRender as L } from "@tanstack/react-table";
-import { GripVerticalIcon as st, ArrowUpIcon as at, ArrowDownIcon as it, ArrowUpDownIcon as lt, ChevronDownIcon as ct, ChevronRightIcon as ut } from "lucide-react";
-import * as l from "react";
+import { useReactTable as tt, getPaginationRowModel as nt, getSortedRowModel as ot, getCoreRowModel as rt, flexRender as V } from "@tanstack/react-table";
+import { GripVerticalIcon as st, ArrowUpIcon as lt, ArrowDownIcon as at, ArrowUpDownIcon as it, ChevronDownIcon as ct, ChevronRightIcon as ut } from "lucide-react";
+import * as i from "react";
 import { DataTablePagination as dt } from "./data-table-pagination.js";
-import { Table as j, TableHeader as B, TableBody as U, TableRow as D, TableHead as q, TableCell as I } from "../table.js";
+import { Table as $, TableHeader as j, TableBody as B, TableRow as D, TableHead as q, TableCell as I } from "../../../ui/table.js";
 import { cn as x } from "../../../lib/utils.js";
 function mt(e, n, r) {
-  const t = e.toLowerCase().trim(), a = r.toLowerCase().trim();
+  const t = e.toLowerCase().trim(), l = r.toLowerCase().trim();
   switch (n) {
     case "contains":
-      return t.includes(a);
+      return t.includes(l);
     case "equals":
-      return t === a;
+      return t === l;
     case "not_equals":
-      return t !== a;
+      return t !== l;
     case "starts_with":
-      return t.startsWith(a);
+      return t.startsWith(l);
     case "ends_with":
-      return t.endsWith(a);
+      return t.endsWith(l);
     case "is_empty":
       return t === "";
     case "is_not_empty":
@@ -30,28 +30,28 @@ function mt(e, n, r) {
       return !0;
   }
 }
-const W = l.createContext(null);
-function Ft() {
-  const e = l.useContext(W);
+const W = i.createContext(null);
+function gt() {
+  const e = i.useContext(W);
   if (!e)
     throw new Error("useDataTable must be used within a <DataTable>");
   return e;
 }
-function gt({
+function ft({
   header: e,
   children: n,
   position: r,
   numeric: t,
-  truncate: a
+  truncate: l
 }) {
   const {
-    attributes: i,
+    attributes: a,
     listeners: o,
     setNodeRef: c,
     transform: u,
     transition: d,
     isDragging: m
-  } = Ze({ id: e.column.id }), g = {
+  } = Ze({ id: e.column.id }), { columnLabels: g } = gt(), h = g[e.column.id] ?? e.column.columnDef.meta?.label ?? (typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id), p = {
     transform: et.Transform.toString(
       u ? { ...u, scaleX: 1, scaleY: 1 } : null
     ),
@@ -62,9 +62,9 @@ function gt({
     q,
     {
       ref: c,
-      style: g,
+      style: p,
       variant: t ? "numeric" : void 0,
-      truncate: a,
+      truncate: l,
       className: x(
         "group/header transition-shadow duration-150",
         !m && r === "first" && "hover:shadow-[inset_-1px_0_0_0_var(--color-border)]",
@@ -72,15 +72,16 @@ function gt({
         !m && r === "middle" && "hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]",
         m && "opacity-40"
       ),
-      children: /* @__PURE__ */ C("div", { className: x("flex items-center gap-1 min-w-0", t && "flex-row-reverse"), children: [
+      children: /* @__PURE__ */ y("div", { className: x("flex items-center gap-1 min-w-0", t && "flex-row-reverse"), children: [
         /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: n }),
         /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             "data-drag-handle": "",
+            "aria-label": `Drag to reorder ${h} column`,
             className: "cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing opacity-0 group-hover/header:opacity-100 transition-opacity",
-            ...i,
+            ...a,
             ...o,
             children: /* @__PURE__ */ s(st, { className: "size-3.5" })
           }
@@ -94,31 +95,31 @@ function X({
   enableSorting: n,
   numericColumns: r,
   columnLabels: t,
-  truncate: a
+  truncate: l
 }) {
   if (e.isPlaceholder) return null;
-  const i = n && e.column.getCanSort(), o = e.column.getIsSorted(), c = r.has(e.column.id);
-  return /* @__PURE__ */ C(
+  const a = n && e.column.getCanSort(), o = e.column.getIsSorted(), c = r.has(e.column.id);
+  return /* @__PURE__ */ y(
     "div",
     {
       className: x(
         "flex items-center gap-1 min-w-0",
-        i && "group/sort cursor-pointer select-none",
+        a && "group/sort cursor-pointer select-none",
         c && "flex-row-reverse"
       ),
-      onClick: i ? e.column.getToggleSortingHandler() : void 0,
+      onClick: a ? e.column.getToggleSortingHandler() : void 0,
       onKeyDown: (u) => {
-        (u.key === "Enter" || u.key === " ") && i && e.column.getToggleSortingHandler();
+        (u.key === "Enter" || u.key === " ") && a && e.column.getToggleSortingHandler();
       },
       children: [
-        /* @__PURE__ */ s("span", { className: x("min-w-0", a && "truncate"), children: t[e.column.id] ?? L(e.column.columnDef.header, e.getContext()) }),
-        i && /* @__PURE__ */ s(
+        /* @__PURE__ */ s("span", { className: x("min-w-0", l && "truncate"), children: t[e.column.id] ?? V(e.column.columnDef.header, e.getContext()) }),
+        a && /* @__PURE__ */ s(
           "span",
           {
             className: x(
               !o && "opacity-0 group-hover/sort:opacity-100 transition-opacity"
             ),
-            children: o === "asc" ? /* @__PURE__ */ s(at, { className: "size-3.5 text-foreground" }) : o === "desc" ? /* @__PURE__ */ s(it, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ s(lt, { className: "size-3.5 text-muted-foreground" })
+            children: o === "asc" ? /* @__PURE__ */ s(lt, { className: "size-3.5 text-foreground" }) : o === "desc" ? /* @__PURE__ */ s(at, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ s(it, { className: "size-3.5 text-muted-foreground" })
           }
         )
       ]
@@ -126,26 +127,26 @@ function X({
   );
 }
 const z = "—";
-function ft(e, n) {
+function pt(e, n) {
   const r = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
   for (const o of e) {
     const c = o.getValue(n), u = c == null || c === "", d = u ? z : String(c), m = r.get(d);
     m ? m.push(o) : (r.set(d, [o]), t.set(d, u ? null : c));
   }
-  const a = [...r.keys()], i = a.every((o) => o === z || typeof t.get(o) == "number");
-  return a.sort((o, c) => o === z ? 1 : c === z ? -1 : i ? t.get(o) - t.get(c) : o.localeCompare(c, void 0, { sensitivity: "base", numeric: !0 })), { order: a, buckets: r };
+  const l = [...r.keys()], a = l.every((o) => o === z || typeof t.get(o) == "number");
+  return l.sort((o, c) => o === z ? 1 : c === z ? -1 : a ? t.get(o) - t.get(c) : o.localeCompare(c, void 0, { sensitivity: "base", numeric: !0 })), { order: l, buckets: r };
 }
-function pt(e, n, r, t) {
-  const a = e.getColumn(n);
-  return r.find((i) => i.columnId === n)?.label ?? t[n] ?? (typeof a?.columnDef.header == "string" ? a.columnDef.header : n);
+function ht(e, n, r, t) {
+  const l = e.getColumn(n);
+  return r.find((a) => a.columnId === n)?.label ?? t[n] ?? (typeof l?.columnDef.header == "string" ? l.columnDef.header : n);
 }
-function ht({ row: e, numericColumns: n, truncate: r }) {
+function bt({ row: e, numericColumns: n, truncate: r }) {
   return /* @__PURE__ */ s(D, { "data-state": e.getIsSelected() ? "selected" : void 0, children: e.getVisibleCells().map((t) => /* @__PURE__ */ s(
     I,
     {
       variant: n.has(t.column.id) ? "numeric" : void 0,
       truncate: r && (t.column.columnDef.meta?.truncate ?? !0),
-      children: L(t.column.columnDef.cell, t.getContext())
+      children: V(t.column.columnDef.cell, t.getContext())
     },
     t.id
   )) });
@@ -155,13 +156,13 @@ function St({
   groupLabel: n,
   isExpanded: r,
   colSpan: t,
-  onToggle: a
+  onToggle: l
 }) {
-  return /* @__PURE__ */ s(D, { "data-slot": "data-table-group-header", children: /* @__PURE__ */ s(I, { colSpan: t, className: "p-0 font-medium", children: /* @__PURE__ */ C(
+  return /* @__PURE__ */ s(D, { "data-slot": "data-table-group-header", children: /* @__PURE__ */ s(I, { colSpan: t, className: "p-0 font-medium", children: /* @__PURE__ */ y(
     "button",
     {
       type: "button",
-      onClick: a,
+      onClick: l,
       "aria-expanded": r,
       "aria-label": `${r ? "Collapse" : "Expand"} group ${e}`,
       className: "flex w-full items-center gap-2 text-left p-4 in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
@@ -173,35 +174,35 @@ function St({
     }
   ) }) });
 }
-function bt({
+function vt({
   table: e,
   numericColumns: n,
   truncate: r,
   grouping: t,
-  groupConfig: a,
-  columnLabels: i,
+  groupConfig: l,
+  columnLabels: a,
   collapsedGroups: o,
   onToggleGroup: c
 }) {
   const u = e.getVisibleLeafColumns().length, d = e.getSortedRowModel().rows;
   if (d.length === 0)
     return /* @__PURE__ */ s(D, { children: /* @__PURE__ */ s(I, { colSpan: u, className: "h-24 text-center text-muted-foreground", children: "No results." }) });
-  const { order: m, buckets: g } = ft(d, t), S = pt(e, t, a, i);
-  return /* @__PURE__ */ s(V, { children: m.map((h) => {
-    const b = g.get(h) ?? [], p = !o.has(h);
-    return /* @__PURE__ */ C(l.Fragment, { children: [
+  const { order: m, buckets: g } = pt(d, t), h = ht(e, t, l, a);
+  return /* @__PURE__ */ s(L, { children: m.map((p) => {
+    const S = g.get(p) ?? [], b = !o.has(p);
+    return /* @__PURE__ */ y(i.Fragment, { children: [
       /* @__PURE__ */ s(
         St,
         {
-          groupKey: h,
-          groupLabel: S,
-          isExpanded: p,
+          groupKey: p,
+          groupLabel: h,
+          isExpanded: b,
           colSpan: u,
-          onToggle: () => c(h)
+          onToggle: () => c(p)
         }
       ),
-      p && b.map((v) => /* @__PURE__ */ s(
-        ht,
+      b && S.map((v) => /* @__PURE__ */ s(
+        bt,
         {
           row: v,
           numericColumns: n,
@@ -209,19 +210,19 @@ function bt({
         },
         v.id
       ))
-    ] }, `group-${h}`);
+    ] }, `group-${p}`);
   }) });
 }
-function vt(e, n) {
+function yt(e, n) {
   if (e.length === 0) return /* @__PURE__ */ new Set();
   const r = e[0], t = /* @__PURE__ */ new Set();
-  for (const a of n) {
-    const i = "accessorKey" in a ? String(a.accessorKey) : "";
-    i && typeof r[i] == "number" && t.add(i);
+  for (const l of n) {
+    const a = "accessorKey" in l ? String(l.accessorKey) : "";
+    a && typeof r[a] == "number" && t.add(a);
   }
   return t;
 }
-function Y(e) {
+function U(e) {
   return e.filter((n) => "accessorKey" in n).map((n) => ({ columnId: String(n.accessorKey) }));
 }
 function Ct(e, n) {
@@ -229,58 +230,58 @@ function Ct(e, n) {
     (t) => t.columnId && t.operator && (t.value.trim() !== "" || t.operator === "is_empty" || t.operator === "is_not_empty")
   );
   return r.length === 0 ? e : e.filter(
-    (t) => r.every((a) => {
-      const i = String(t[a.columnId] ?? "");
-      return mt(i, a.operator, a.value);
+    (t) => r.every((l) => {
+      const a = String(t[l.columnId] ?? "");
+      return mt(a, l.operator, l.value);
     })
   );
 }
-function yt(e, n) {
+function wt(e, n) {
   const r = Pe(
-    P(je, { activationConstraint: { distance: 5 } }),
-    P(Be, { coordinateGetter: We })
-  ), [t, a] = l.useState(null), i = l.useCallback((u) => {
-    a(String(u.active.id));
-  }, []), o = l.useCallback(
+    P($e, { activationConstraint: { distance: 5 } }),
+    P(je, { coordinateGetter: We })
+  ), [t, l] = i.useState(null), a = i.useCallback((u) => {
+    l(String(u.active.id));
+  }, []), o = i.useCallback(
     (u) => {
-      a(null);
+      l(null);
       const { active: d, over: m } = u;
       if (!m || d.id === m.id) return;
-      const g = n.length > 0 ? n : e.getAllLeafColumns().map((p) => p.id), S = g.indexOf(String(d.id)), h = g.indexOf(String(m.id));
-      if (S === -1 || h === -1) return;
-      const b = Xe(g, S, h);
-      e.setColumnOrder(b);
+      const g = n.length > 0 ? n : e.getAllLeafColumns().map((b) => b.id), h = g.indexOf(String(d.id)), p = g.indexOf(String(m.id));
+      if (h === -1 || p === -1) return;
+      const S = Xe(g, h, p);
+      e.setColumnOrder(S);
     },
     [n, e]
   ), c = t ? e.getFlatHeaders().find((u) => u.column.id === t) : null;
-  return { sensors: r, draggingHeader: c, handleDragStart: i, handleDragEnd: o };
+  return { sensors: r, draggingHeader: c, handleDragStart: a, handleDragEnd: o };
 }
-function wt(e, n) {
-  const [r, t] = l.useState(null), [a, i] = l.useState(() => /* @__PURE__ */ new Set()), o = e === void 0 ? r : e, c = l.useCallback(
+function xt(e, n) {
+  const [r, t] = i.useState(null), [l, a] = i.useState(() => /* @__PURE__ */ new Set()), o = e === void 0 ? r : e, c = i.useCallback(
     (d) => {
-      i(/* @__PURE__ */ new Set()), (n ?? t)(d);
+      a(/* @__PURE__ */ new Set()), (n ?? t)(d);
     },
     [n]
-  ), u = l.useCallback((d) => {
-    i((m) => {
+  ), u = i.useCallback((d) => {
+    a((m) => {
       const g = new Set(m);
       return g.has(d) ? g.delete(d) : g.add(d), g;
     });
   }, []);
-  return { grouping: o, collapsedGroups: a, handleGroupingChange: c, toggleGroup: u };
+  return { grouping: o, collapsedGroups: l, handleGroupingChange: c, toggleGroup: u };
 }
-function xt({
+function Dt({
   table: e,
   enableSorting: n,
   numericColumns: r,
   columnLabels: t,
-  truncate: a
+  truncate: l
 }) {
-  return /* @__PURE__ */ s(V, { children: e.getHeaderGroups().map((i) => /* @__PURE__ */ s(D, { children: i.headers.map((o) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(L, { children: e.getHeaderGroups().map((a) => /* @__PURE__ */ s(D, { children: a.headers.map((o) => /* @__PURE__ */ s(
     q,
     {
       variant: r.has(o.column.id) ? "numeric" : void 0,
-      truncate: a && (o.column.columnDef.meta?.truncate ?? !0),
+      truncate: l && (o.column.columnDef.meta?.truncate ?? !0),
       children: /* @__PURE__ */ s(
         X,
         {
@@ -288,29 +289,29 @@ function xt({
           enableSorting: n,
           numericColumns: r,
           columnLabels: t,
-          truncate: a && (o.column.columnDef.meta?.truncate ?? !0)
+          truncate: l && (o.column.columnDef.meta?.truncate ?? !0)
         }
       )
     },
     o.id
-  )) }, i.id)) });
+  )) }, a.id)) });
 }
-function Dt({
+function Nt({
   table: e,
   enableSorting: n,
   numericColumns: r,
   columnLabels: t,
-  truncate: a
+  truncate: l
 }) {
-  return /* @__PURE__ */ s(V, { children: e.getHeaderGroups().map((i) => /* @__PURE__ */ s(D, { children: i.headers.map((o, c) => {
-    const u = c === 0 ? "first" : c === i.headers.length - 1 ? "last" : "middle";
+  return /* @__PURE__ */ s(L, { children: e.getHeaderGroups().map((a) => /* @__PURE__ */ s(D, { children: a.headers.map((o, c) => {
+    const u = c === 0 ? "first" : c === a.headers.length - 1 ? "last" : "middle";
     return /* @__PURE__ */ s(
-      gt,
+      ft,
       {
         header: o,
         position: u,
         numeric: r.has(o.column.id),
-        truncate: a && (o.column.columnDef.meta?.truncate ?? !0),
+        truncate: l && (o.column.columnDef.meta?.truncate ?? !0),
         children: /* @__PURE__ */ s(
           X,
           {
@@ -318,15 +319,15 @@ function Dt({
             enableSorting: n,
             numericColumns: r,
             columnLabels: t,
-            truncate: a && (o.column.columnDef.meta?.truncate ?? !0)
+            truncate: l && (o.column.columnDef.meta?.truncate ?? !0)
           }
         )
       },
       o.id
     );
-  }) }, i.id)) });
+  }) }, a.id)) });
 }
-function $({
+function Y({
   table: e,
   useFlexSize: n
 }) {
@@ -340,47 +341,47 @@ function $({
     )
   ) });
 }
-function Nt(e) {
+function _t(e) {
   const {
     table: n,
     columns: r,
     variant: t,
-    containerClassName: a,
-    density: i,
+    containerClassName: l,
+    density: a,
     hasExplicitSize: o,
     enableSorting: c,
     enableColumnReorder: u,
     enableGrouping: d,
     grouping: m,
     groupConfig: g,
-    collapsedGroups: S,
-    onToggleGroup: h,
-    numericColumns: b,
-    columnLabels: p,
+    collapsedGroups: h,
+    onToggleGroup: p,
+    numericColumns: S,
+    columnLabels: b,
     truncate: v,
     reorderSensors: N,
-    draggingHeader: y,
+    draggingHeader: C,
     onDragStart: G,
     onDragEnd: M
   } = e, _ = /* @__PURE__ */ s(
-    _t,
+    Tt,
     {
       table: n,
       columns: r,
-      numericColumns: b,
+      numericColumns: S,
       truncate: v,
       grouping: d ? m : null,
       groupConfig: g,
-      columnLabels: p,
-      collapsedGroups: S,
-      onToggleGroup: h
+      columnLabels: b,
+      collapsedGroups: h,
+      onToggleGroup: p
     }
   );
-  return u ? /* @__PURE__ */ C(
-    Ue,
+  return u ? /* @__PURE__ */ y(
+    Be,
     {
       sensors: N,
-      collisionDetection: Ye,
+      collisionDetection: Ue,
       modifiers: [qe],
       onDragStart: G,
       onDragEnd: M,
@@ -390,77 +391,77 @@ function Nt(e) {
           {
             items: n.getFlatHeaders().map((T) => T.column.id),
             strategy: Qe,
-            children: /* @__PURE__ */ C(
-              j,
+            children: /* @__PURE__ */ y(
+              $,
               {
-                "data-density": i,
+                "data-density": a,
                 variant: t,
-                containerClassName: a,
+                containerClassName: l,
                 layout: o ? "fixed" : void 0,
                 children: [
-                  o && /* @__PURE__ */ s($, { table: n, useFlexSize: !0 }),
-                  /* @__PURE__ */ s(B, { children: /* @__PURE__ */ s(
-                    Dt,
+                  o && /* @__PURE__ */ s(Y, { table: n, useFlexSize: !0 }),
+                  /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s(
+                    Nt,
                     {
                       table: n,
                       enableSorting: c,
-                      numericColumns: b,
-                      columnLabels: p,
+                      numericColumns: S,
+                      columnLabels: b,
                       truncate: v
                     }
                   ) }),
-                  /* @__PURE__ */ s(U, { children: _ })
+                  /* @__PURE__ */ s(B, { children: _ })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ s($e, { dropAnimation: null, children: y && /* @__PURE__ */ s("div", { className: "rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg", children: p[y.column.id] ?? (typeof y.column.columnDef.header == "string" ? y.column.columnDef.header : y.column.id) }) })
+        /* @__PURE__ */ s(Ye, { dropAnimation: null, children: C && /* @__PURE__ */ s("div", { className: "rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-elevation-5", children: b[C.column.id] ?? (typeof C.column.columnDef.header == "string" ? C.column.columnDef.header : C.column.id) }) })
       ]
     }
-  ) : /* @__PURE__ */ C(
-    j,
+  ) : /* @__PURE__ */ y(
+    $,
     {
-      "data-density": i,
+      "data-density": a,
       variant: t,
-      containerClassName: a,
+      containerClassName: l,
       layout: o ? "fixed" : void 0,
       children: [
-        o && /* @__PURE__ */ s($, { table: n, useFlexSize: !1 }),
-        /* @__PURE__ */ s(B, { children: /* @__PURE__ */ s(
-          xt,
+        o && /* @__PURE__ */ s(Y, { table: n, useFlexSize: !1 }),
+        /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s(
+          Dt,
           {
             table: n,
             enableSorting: c,
-            numericColumns: b,
-            columnLabels: p,
+            numericColumns: S,
+            columnLabels: b,
             truncate: v
           }
         ) }),
-        /* @__PURE__ */ s(U, { children: _ })
+        /* @__PURE__ */ s(B, { children: _ })
       ]
     }
   );
 }
-function _t({
+function Tt({
   table: e,
   columns: n,
   numericColumns: r,
   truncate: t,
-  grouping: a,
-  groupConfig: i,
+  grouping: l,
+  groupConfig: a,
   columnLabels: o,
   collapsedGroups: c,
   onToggleGroup: u
 }) {
-  return a ? /* @__PURE__ */ s(
-    bt,
+  return l ? /* @__PURE__ */ s(
+    vt,
     {
       table: e,
       numericColumns: r,
       truncate: t,
-      grouping: a,
-      groupConfig: i,
+      grouping: l,
+      groupConfig: a,
       columnLabels: o,
       collapsedGroups: c,
       onToggleGroup: u
@@ -470,37 +471,37 @@ function _t({
     {
       variant: r.has(m.column.id) ? "numeric" : void 0,
       truncate: t && (m.column.columnDef.meta?.truncate ?? !0),
-      children: L(m.column.columnDef.cell, m.getContext())
+      children: V(m.column.columnDef.cell, m.getContext())
     },
     m.id
   )) }, d.id));
 }
-function Tt(e) {
-  const n = [], r = [], t = [], a = [], i = [];
-  return l.Children.forEach(e, (o) => {
-    l.isValidElement(o) && o.type === Rt ? n.push(o) : l.isValidElement(o) && o.type.displayName === "DataTableFilter" ? r.push(o) : l.isValidElement(o) && o.type.displayName === "DataTableGroup" ? t.push(o) : l.isValidElement(o) && o.type === dt ? a.push(o) : i.push(o);
-  }), { toolbarSlots: n, filterSlots: r, groupSlots: t, paginationSlots: a, restSlots: i };
+function Rt(e) {
+  const n = [], r = [], t = [], l = [], a = [];
+  return i.Children.forEach(e, (o) => {
+    i.isValidElement(o) && o.type === It ? n.push(o) : i.isValidElement(o) && o.type.displayName === "DataTableFilter" ? r.push(o) : i.isValidElement(o) && o.type.displayName === "DataTableGroup" ? t.push(o) : i.isValidElement(o) && o.type === dt ? l.push(o) : a.push(o);
+  }), { toolbarSlots: n, filterSlots: r, groupSlots: t, paginationSlots: l, restSlots: a };
 }
 function Kt({
   columns: e,
   data: n,
   toolbar: r,
   enableSorting: t = !1,
-  enableColumnVisibility: a = !1,
-  children: i,
+  enableColumnVisibility: l = !1,
+  children: a,
   columnOrder: o,
   onColumnOrderChange: c,
   columnVisibility: u,
   onColumnVisibilityChange: d,
   columnLabels: m,
   onColumnLabelChange: g,
-  enablePagination: S = !1,
-  defaultPageSize: h = 10,
-  pagination: b,
-  onPaginationChange: p,
+  enablePagination: h = !1,
+  defaultPageSize: p = 10,
+  pagination: S,
+  onPaginationChange: b,
   enableColumnReorder: v = !1,
   enableFiltering: N = !1,
-  filters: y,
+  filters: C,
   onFiltersChange: G,
   filterConfig: M,
   manualFiltering: _ = !1,
@@ -514,36 +515,36 @@ function Kt({
   containerClassName: ne,
   truncate: oe = !0
 }) {
-  const [re, se] = l.useState([]), [ae, ie] = l.useState({}), [le, ce] = l.useState([]), [ue, de] = l.useState({}), [me, ge] = l.useState({
+  const [re, se] = i.useState([]), [le, ae] = i.useState({}), [ie, ce] = i.useState([]), [ue, de] = i.useState({}), [me, ge] = i.useState({
     pageIndex: 0,
-    pageSize: h
-  }), [fe, pe] = l.useState([]), { grouping: F, collapsedGroups: he, handleGroupingChange: Se, toggleGroup: be } = wt(J, Q), ve = b ?? me, H = y ?? fe, E = u ?? ae, R = o ?? le, K = m ?? ue, Ce = l.useMemo(() => {
-    if (S)
-      return p ? (f) => {
-        const w = typeof f == "function" ? f(b) : f;
-        p(w);
+    pageSize: p
+  }), [fe, pe] = i.useState([]), { grouping: F, collapsedGroups: he, handleGroupingChange: be, toggleGroup: Se } = xt(J, Q), ve = S ?? me, H = C ?? fe, E = u ?? le, R = o ?? ie, K = m ?? ue, ye = i.useMemo(() => {
+    if (h)
+      return b ? (f) => {
+        const w = typeof f == "function" ? f(S) : f;
+        b(w);
       } : ge;
-  }, [S, p, b]), ye = l.useMemo(() => {
-    if (a)
+  }, [h, b, S]), Ce = i.useMemo(() => {
+    if (l)
       return (f) => {
         const w = typeof f == "function" ? f(E) : f;
-        (d ?? ie)(w);
+        (d ?? ae)(w);
       };
-  }, [a, E, d]), we = l.useCallback(
+  }, [l, E, d]), we = i.useCallback(
     (f) => {
       (G ?? pe)(f);
     },
     [G]
-  ), xe = l.useMemo(
-    () => M ?? Y(e),
+  ), xe = i.useMemo(
+    () => M ?? U(e),
     [M, e]
-  ), A = l.useMemo(
-    () => O ?? Y(e),
+  ), A = i.useMemo(
+    () => O ?? U(e),
     [O, e]
-  ), De = l.useMemo(
+  ), De = i.useMemo(
     () => !N || _ ? n : Ct(n, H),
     [n, H, N, _]
-  ), Ne = l.useCallback(
+  ), Ne = i.useCallback(
     (f) => {
       const w = typeof f == "function" ? f(R) : f;
       (c ?? ce)(w);
@@ -554,18 +555,18 @@ function Kt({
     columns: e,
     state: {
       sorting: t ? re : void 0,
-      columnVisibility: a ? E : void 0,
+      columnVisibility: l ? E : void 0,
       columnOrder: R.length > 0 ? R : void 0,
-      ...S ? { pagination: ve } : {}
+      ...h ? { pagination: ve } : {}
     },
     onSortingChange: t ? se : void 0,
-    onPaginationChange: Ce,
-    onColumnVisibilityChange: ye,
+    onPaginationChange: ye,
+    onColumnVisibilityChange: Ce,
     onColumnOrderChange: Ne,
     getCoreRowModel: rt(),
     getSortedRowModel: t || T ? ot() : void 0,
-    getPaginationRowModel: S ? nt() : void 0
-  }), _e = l.useCallback(
+    getPaginationRowModel: h ? nt() : void 0
+  }), _e = i.useCallback(
     (f, w) => {
       (g ?? ((Fe, Ke) => de((Ae) => ({ ...Ae, [Fe]: Ke }))))(f, w);
     },
@@ -575,8 +576,8 @@ function Kt({
     draggingHeader: Re,
     handleDragStart: Ie,
     handleDragEnd: Ge
-  } = yt(k, R), Me = l.useMemo(
-    () => vt(n, e),
+  } = wt(k, R), Me = i.useMemo(
+    () => yt(n, e),
     [n, e]
   ), ze = e.some((f) => f.size != null), He = {
     table: k,
@@ -587,17 +588,17 @@ function Kt({
     filterConfig: xe,
     enableFiltering: N,
     grouping: F,
-    setGrouping: Se,
+    setGrouping: be,
     groupConfig: A,
     enableGrouping: T
-  }, { toolbarSlots: Ee, filterSlots: ke, groupSlots: Ve, paginationSlots: Le, restSlots: Oe } = Tt(i);
-  return /* @__PURE__ */ s(W.Provider, { value: He, children: /* @__PURE__ */ C("div", { "data-slot": "data-table", className: x("w-full space-y-2", ee), children: [
+  }, { toolbarSlots: Ee, filterSlots: ke, groupSlots: Le, paginationSlots: Ve, restSlots: Oe } = Rt(a);
+  return /* @__PURE__ */ s(W.Provider, { value: He, children: /* @__PURE__ */ y("div", { "data-slot": "data-table", className: x("w-full space-y-2", ee), children: [
     r,
     Ee,
     ke,
-    Ve,
+    Le,
     /* @__PURE__ */ s(
-      Nt,
+      _t,
       {
         table: k,
         columns: e,
@@ -611,7 +612,7 @@ function Kt({
         grouping: F,
         groupConfig: A,
         collapsedGroups: he,
-        onToggleGroup: be,
+        onToggleGroup: Se,
         numericColumns: Me,
         columnLabels: K,
         truncate: oe,
@@ -621,11 +622,11 @@ function Kt({
         onDragEnd: Ge
       }
     ),
-    Le,
+    Ve,
     Oe
   ] }) });
 }
-function Rt({
+function It({
   className: e,
   children: n,
   ...r
@@ -642,8 +643,8 @@ function Rt({
 }
 export {
   Kt as DataTable,
-  Rt as TableToolbar,
+  It as TableToolbar,
   mt as applyFilterCondition,
-  Ft as useDataTable
+  gt as useDataTable
 };
 //# sourceMappingURL=data-table.js.map