@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.41.1 → 0.5.0-beta.43.1

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

@@ -1,293 +1,398 @@
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import { useSensors as xe, useSensor as A, PointerSensor as ye, KeyboardSensor as Ce, DndContext as we, closestCenter as De, DragOverlay as Te } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as _e } from "@dnd-kit/modifiers";
-import { sortableKeyboardCoordinates as Ne, arrayMove as Ie, SortableContext as Re, horizontalListSortingStrategy as He, useSortable as Me } from "@dnd-kit/sortable";
-import { CSS as Oe } from "@dnd-kit/utilities";
-import { useReactTable as ke, getPaginationRowModel as ze, getSortedRowModel as Ve, getCoreRowModel as Ee, flexRender as B } from "@tanstack/react-table";
-import { GripVerticalIcon as Ae, ArrowUpIcon as Le, ArrowDownIcon as Ke, ArrowUpDownIcon as Pe } from "lucide-react";
-import * as s from "react";
-import { DataTablePagination as je } from "./data-table-pagination.js";
-import { Table as L, TableHeader as K, TableRow as D, TableBody as P, TableHead as G, TableCell as j } from "../table.js";
-import { cn as S } from "../../../lib/utils.js";
-const X = s.createContext(null);
-function tt() {
-  const o = s.useContext(X);
-  if (!o)
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { useSensors as ke, useSensor as q, PointerSensor as Ve, KeyboardSensor as Ee, DndContext as Le, closestCenter as Ke, DragOverlay as Ae } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as Fe } from "@dnd-kit/modifiers";
+import { sortableKeyboardCoordinates as je, arrayMove as Ge, SortableContext as Pe, horizontalListSortingStrategy as qe, useSortable as Ue } from "@dnd-kit/sortable";
+import { CSS as We } from "@dnd-kit/utilities";
+import { useReactTable as Be, getPaginationRowModel as Xe, getSortedRowModel as Ye, getCoreRowModel as Je, flexRender as Q } from "@tanstack/react-table";
+import { GripVerticalIcon as Qe, ArrowUpIcon as Ze, ArrowDownIcon as $e, ArrowUpDownIcon as et } from "lucide-react";
+import * as i from "react";
+import { DataTablePagination as tt } from "./data-table-pagination.js";
+import { Table as U, TableHeader as W, TableRow as H, TableBody as B, TableHead as Z, TableCell as X } from "../table.js";
+import { cn as h } from "../../../lib/utils.js";
+function ot(n, l, c) {
+  const s = n.toLowerCase().trim(), a = c.toLowerCase().trim();
+  switch (l) {
+    case "contains":
+      return s.includes(a);
+    case "equals":
+      return s === a;
+    case "not_equals":
+      return s !== a;
+    case "starts_with":
+      return s.startsWith(a);
+    case "ends_with":
+      return s.endsWith(a);
+    case "is_empty":
+      return s === "";
+    case "is_not_empty":
+      return s !== "";
+    default:
+      return !0;
+  }
+}
+const $ = i.createContext(null);
+function ht() {
+  const n = i.useContext($);
+  if (!n)
     throw new Error("useDataTable must be used within a <DataTable>");
-  return o;
+  return n;
 }
-function Fe({
-  header: o,
-  children: a,
-  position: l,
-  numeric: i
+function nt({
+  header: n,
+  children: l,
+  position: c,
+  numeric: s,
+  truncate: a
 }) {
   const {
-    attributes: n,
-    listeners: g,
-    setNodeRef: v,
-    transform: m,
-    transition: T,
-    isDragging: f
-  } = Me({ id: o.column.id }), _ = {
-    transform: Oe.Transform.toString(
-      m ? { ...m, scaleX: 1, scaleY: 1 } : null
+    attributes: r,
+    listeners: f,
+    setNodeRef: y,
+    transform: g,
+    transition: C,
+    isDragging: v
+  } = Ue({ id: n.column.id }), D = {
+    transform: We.Transform.toString(
+      g ? { ...g, scaleX: 1, scaleY: 1 } : null
     ),
-    transition: T,
+    transition: C,
     position: "relative"
   };
-  return /* @__PURE__ */ t(
-    G,
+  return /* @__PURE__ */ o(
+    Z,
     {
-      ref: v,
-      style: _,
-      variant: i ? "numeric" : void 0,
-      className: S(
+      ref: y,
+      style: D,
+      variant: s ? "numeric" : void 0,
+      truncate: a,
+      className: h(
         "group/header transition-shadow duration-150",
-        !f && l === "first" && "hover:shadow-[inset_-1px_0_0_0_var(--color-border)]",
-        !f && l === "last" && "hover:shadow-[inset_1px_0_0_0_var(--color-border)]",
-        !f && l === "middle" && "hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]",
-        f && "opacity-40"
+        !v && c === "first" && "hover:shadow-[inset_-1px_0_0_0_var(--color-border)]",
+        !v && c === "last" && "hover:shadow-[inset_1px_0_0_0_var(--color-border)]",
+        !v && c === "middle" && "hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]",
+        v && "opacity-40"
       ),
-      children: /* @__PURE__ */ b("div", { className: S("flex items-center gap-1", i && "flex-row-reverse"), children: [
-        /* @__PURE__ */ t("div", { className: "flex-1", children: a }),
-        /* @__PURE__ */ t(
+      children: /* @__PURE__ */ x("div", { className: h("flex items-center gap-1 min-w-0", s && "flex-row-reverse"), children: [
+        /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: l }),
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             "data-drag-handle": "",
             className: "cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing opacity-0 group-hover/header:opacity-100 transition-opacity",
-            ...n,
-            ...g,
-            children: /* @__PURE__ */ t(Ae, { className: "size-3.5" })
+            ...r,
+            ...f,
+            children: /* @__PURE__ */ o(Qe, { className: "size-3.5" })
           }
         )
       ] })
     }
   );
 }
-function F({
-  header: o,
-  enableSorting: a,
-  numericColumns: l,
-  columnLabels: i
+function Y({
+  header: n,
+  enableSorting: l,
+  numericColumns: c,
+  columnLabels: s,
+  truncate: a
 }) {
-  if (o.isPlaceholder) return null;
-  const n = a && o.column.getCanSort(), g = o.column.getIsSorted(), v = l.has(o.column.id);
-  return /* @__PURE__ */ b(
+  if (n.isPlaceholder) return null;
+  const r = l && n.column.getCanSort(), f = n.column.getIsSorted(), y = c.has(n.column.id);
+  return /* @__PURE__ */ x(
     "div",
     {
-      className: S(
-        "flex items-center gap-1",
-        n && "group/sort cursor-pointer select-none",
-        v && "flex-row-reverse"
+      className: h(
+        "flex items-center gap-1 min-w-0",
+        r && "group/sort cursor-pointer select-none",
+        y && "flex-row-reverse"
       ),
-      onClick: n ? o.column.getToggleSortingHandler() : void 0,
-      onKeyDown: (m) => {
-        (m.key === "Enter" || m.key === " ") && n && o.column.getToggleSortingHandler();
+      onClick: r ? n.column.getToggleSortingHandler() : void 0,
+      onKeyDown: (g) => {
+        (g.key === "Enter" || g.key === " ") && r && n.column.getToggleSortingHandler();
       },
       children: [
-        i[o.column.id] ?? B(o.column.columnDef.header, o.getContext()),
-        n && /* @__PURE__ */ t(
+        /* @__PURE__ */ o("span", { className: h("min-w-0", a && "truncate"), children: s[n.column.id] ?? Q(n.column.columnDef.header, n.getContext()) }),
+        r && /* @__PURE__ */ o(
           "span",
           {
-            className: S(
-              !g && "opacity-0 group-hover/sort:opacity-100 transition-opacity"
+            className: h(
+              !f && "opacity-0 group-hover/sort:opacity-100 transition-opacity"
             ),
-            children: g === "asc" ? /* @__PURE__ */ t(Le, { className: "size-3.5 text-foreground" }) : g === "desc" ? /* @__PURE__ */ t(Ke, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ t(Pe, { className: "size-3.5 text-muted-foreground" })
+            children: f === "asc" ? /* @__PURE__ */ o(Ze, { className: "size-3.5 text-foreground" }) : f === "desc" ? /* @__PURE__ */ o($e, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ o(et, { className: "size-3.5 text-muted-foreground" })
           }
         )
       ]
     }
   );
 }
-function U({
-  table: o,
-  columns: a,
-  numericColumns: l
+function J({
+  table: n,
+  columns: l,
+  numericColumns: c,
+  truncate: s
 }) {
-  return o.getRowModel().rows.length === 0 ? /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(j, { colSpan: a.length, className: "h-24 text-center text-muted-foreground", children: "No results." }) }) : o.getRowModel().rows.map((i) => /* @__PURE__ */ t(D, { "data-state": i.getIsSelected() ? "selected" : void 0, children: i.getVisibleCells().map((n) => /* @__PURE__ */ t(j, { variant: l.has(n.column.id) ? "numeric" : void 0, children: B(n.column.columnDef.cell, n.getContext()) }, n.id)) }, i.id));
+  return n.getRowModel().rows.length === 0 ? /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(X, { colSpan: l.length, className: "h-24 text-center text-muted-foreground", children: "No results." }) }) : n.getRowModel().rows.map((a) => /* @__PURE__ */ o(H, { "data-state": a.getIsSelected() ? "selected" : void 0, children: a.getVisibleCells().map((r) => /* @__PURE__ */ o(
+    X,
+    {
+      variant: c.has(r.column.id) ? "numeric" : void 0,
+      truncate: s && (r.column.columnDef.meta?.truncate ?? !0),
+      children: Q(r.column.columnDef.cell, r.getContext())
+    },
+    r.id
+  )) }, a.id));
 }
-function Ue(o) {
-  const a = [], l = [], i = [];
-  return s.Children.forEach(o, (n) => {
-    s.isValidElement(n) && n.type === Be ? a.push(n) : s.isValidElement(n) && n.type === je ? l.push(n) : i.push(n);
-  }), { toolbarSlots: a, paginationSlots: l, restSlots: i };
+function rt(n) {
+  const l = [], c = [], s = [], a = [];
+  return i.Children.forEach(n, (r) => {
+    i.isValidElement(r) && r.type === st ? l.push(r) : i.isValidElement(r) && r.type.displayName === "DataTableFilter" ? c.push(r) : i.isValidElement(r) && r.type === tt ? s.push(r) : a.push(r);
+  }), { toolbarSlots: l, filterSlots: c, paginationSlots: s, restSlots: a };
 }
-function ot({
-  columns: o,
-  data: a,
-  toolbar: l,
-  enableSorting: i = !1,
-  enableColumnVisibility: n = !1,
-  children: g,
-  columnOrder: v,
-  onColumnOrderChange: m,
-  columnVisibility: T,
-  onColumnVisibilityChange: f,
-  columnLabels: _,
-  onColumnLabelChange: H,
-  enablePagination: y = !1,
-  defaultPageSize: Y = 10,
-  pagination: N,
-  onPaginationChange: I,
-  enableColumnReorder: q = !1,
-  density: M = "default",
-  className: J,
-  variant: O = "card",
-  containerClassName: k
+function yt({
+  columns: n,
+  data: l,
+  toolbar: c,
+  enableSorting: s = !1,
+  enableColumnVisibility: a = !1,
+  children: r,
+  columnOrder: f,
+  onColumnOrderChange: y,
+  columnVisibility: g,
+  onColumnVisibilityChange: C,
+  columnLabels: v,
+  onColumnLabelChange: D,
+  enablePagination: _ = !1,
+  defaultPageSize: ee = 10,
+  pagination: M,
+  onPaginationChange: R,
+  enableColumnReorder: te = !1,
+  enableFiltering: z = !1,
+  filters: oe,
+  onFiltersChange: E,
+  filterConfig: O,
+  manualFiltering: L = !1,
+  density: K = "default",
+  className: ne,
+  variant: A = "card",
+  containerClassName: F,
+  truncate: S = !0
 }) {
-  const [Q, W] = s.useState([]), [Z, $] = s.useState({}), [ee, te] = s.useState([]), [oe, ne] = s.useState({}), [re, se] = s.useState({
+  const [re, se] = i.useState([]), [ie, le] = i.useState({}), [ae, ce] = i.useState([]), [ue, de] = i.useState({}), [me, fe] = i.useState({
     pageIndex: 0,
-    pageSize: Y
-  }), ie = N ?? re, R = T ?? Z, p = v ?? ee, C = _ ?? oe, ae = s.useMemo(() => {
-    if (y)
-      return I ? (e) => {
-        const r = typeof e == "function" ? e(N) : e;
-        I(r);
-      } : se;
-  }, [y, I, N]), le = s.useMemo(() => {
-    if (n)
+    pageSize: ee
+  }), [ge, pe] = i.useState([]), he = M ?? me, k = oe ?? ge, V = g ?? ie, p = f ?? ae, T = v ?? ue, ye = i.useMemo(() => {
+    if (_)
+      return R ? (e) => {
+        const t = typeof e == "function" ? e(M) : e;
+        R(t);
+      } : fe;
+  }, [_, R, M]), ve = i.useMemo(() => {
+    if (a)
       return (e) => {
-        const r = typeof e == "function" ? e(R) : e;
-        (f ?? $)(r);
+        const t = typeof e == "function" ? e(V) : e;
+        (C ?? le)(t);
       };
-  }, [n, R, f]), ce = s.useCallback(
+  }, [a, V, C]), Se = i.useCallback(
     (e) => {
-      const r = typeof e == "function" ? e(p) : e;
-      (m ?? te)(r);
+      (E ?? pe)(e);
     },
-    [p, m]
-  ), d = ke({
-    data: a,
-    columns: o,
+    [E]
+  ), be = i.useMemo(() => O || n.filter((e) => "accessorKey" in e).map((e) => ({ columnId: String(e.accessorKey) })), [O, n]), xe = i.useMemo(() => {
+    if (!z || L) return l;
+    const e = k.filter(
+      (t) => t.columnId && t.operator && (t.value.trim() !== "" || t.operator === "is_empty" || t.operator === "is_not_empty")
+    );
+    return e.length === 0 ? l : l.filter(
+      (t) => e.every((u) => {
+        const m = String(
+          t[u.columnId] ?? ""
+        );
+        return ot(m, u.operator, u.value);
+      })
+    );
+  }, [l, k, z, L]), we = i.useCallback(
+    (e) => {
+      const t = typeof e == "function" ? e(p) : e;
+      (y ?? ce)(t);
+    },
+    [p, y]
+  ), d = Be({
+    data: xe,
+    columns: n,
     state: {
-      sorting: i ? Q : void 0,
-      columnVisibility: n ? R : void 0,
+      sorting: s ? re : void 0,
+      columnVisibility: a ? V : void 0,
       columnOrder: p.length > 0 ? p : void 0,
-      ...y ? { pagination: ie } : {}
+      ..._ ? { pagination: he } : {}
     },
-    onSortingChange: i ? W : void 0,
-    onPaginationChange: ae,
-    onColumnVisibilityChange: le,
-    onColumnOrderChange: ce,
-    getCoreRowModel: Ee(),
-    getSortedRowModel: i ? Ve() : void 0,
-    getPaginationRowModel: y ? ze() : void 0
-  }), de = s.useCallback(
-    (e, r) => {
-      (H ?? ((c, u) => ne((w) => ({ ...w, [c]: u }))))(e, r);
+    onSortingChange: s ? se : void 0,
+    onPaginationChange: ye,
+    onColumnVisibilityChange: ve,
+    onColumnOrderChange: we,
+    getCoreRowModel: Je(),
+    getSortedRowModel: s ? Ye() : void 0,
+    getPaginationRowModel: _ ? Xe() : void 0
+  }), Ce = i.useCallback(
+    (e, t) => {
+      (D ?? ((u, m) => de((N) => ({ ...N, [u]: m }))))(e, t);
     },
-    [H]
-  ), ue = xe(
-    A(ye, { activationConstraint: { distance: 5 } }),
-    A(Ce, { coordinateGetter: Ne })
-  ), [z, V] = s.useState(null), me = s.useCallback(
+    [D]
+  ), De = ke(
+    q(Ve, { activationConstraint: { distance: 5 } }),
+    q(Ee, { coordinateGetter: je })
+  ), [j, G] = i.useState(null), _e = i.useCallback(
     (e) => {
-      V(String(e.active.id));
+      G(String(e.active.id));
     },
     []
-  ), ge = s.useCallback(
+  ), Te = i.useCallback(
     (e) => {
-      V(null);
-      const { active: r, over: c } = e;
-      if (!c || r.id === c.id) return;
-      const u = p.length > 0 ? p : d.getAllLeafColumns().map((ve) => ve.id), w = u.indexOf(String(r.id)), E = u.indexOf(String(c.id));
-      if (w === -1 || E === -1) return;
-      const Se = Ie(u, w, E);
-      d.setColumnOrder(Se);
+      G(null);
+      const { active: t, over: u } = e;
+      if (!u || t.id === u.id) return;
+      const m = p.length > 0 ? p : d.getAllLeafColumns().map((Oe) => Oe.id), N = m.indexOf(String(t.id)), P = m.indexOf(String(u.id));
+      if (N === -1 || P === -1) return;
+      const ze = Ge(m, N, P);
+      d.setColumnOrder(ze);
     },
     [p, d]
-  ), x = z ? d.getFlatHeaders().find((e) => e.column.id === z) : null, h = s.useMemo(() => {
-    if (a.length === 0) return /* @__PURE__ */ new Set();
-    const e = a[0], r = /* @__PURE__ */ new Set();
-    for (const c of o) {
-      const u = "accessorKey" in c ? String(c.accessorKey) : "";
-      u && typeof e[u] == "number" && r.add(u);
+  ), w = j ? d.getFlatHeaders().find((e) => e.column.id === j) : null, b = i.useMemo(() => {
+    if (l.length === 0) return /* @__PURE__ */ new Set();
+    const e = l[0], t = /* @__PURE__ */ new Set();
+    for (const u of n) {
+      const m = "accessorKey" in u ? String(u.accessorKey) : "";
+      m && typeof e[m] == "number" && t.add(m);
     }
-    return r;
-  }, [a, o]), fe = {
+    return t;
+  }, [l, n]), I = n.some((e) => e.size != null), Ie = {
     table: d,
-    columnLabels: C,
-    setColumnLabel: de
-  }, { toolbarSlots: pe, paginationSlots: he, restSlots: be } = Ue(g);
-  return /* @__PURE__ */ t(X.Provider, { value: fe, children: /* @__PURE__ */ b("div", { "data-slot": "data-table", className: S("w-full space-y-2", J), children: [
-    l,
-    pe,
-    q ? /* @__PURE__ */ b(
-      we,
+    columnLabels: T,
+    setColumnLabel: Ce,
+    filters: k,
+    setFilters: Se,
+    filterConfig: be,
+    enableFiltering: z
+  }, { toolbarSlots: Ne, filterSlots: He, paginationSlots: Me, restSlots: Re } = rt(r);
+  return /* @__PURE__ */ o($.Provider, { value: Ie, children: /* @__PURE__ */ x("div", { "data-slot": "data-table", className: h("w-full space-y-2", ne), children: [
+    c,
+    Ne,
+    He,
+    te ? /* @__PURE__ */ x(
+      Le,
       {
-        sensors: ue,
-        collisionDetection: De,
-        modifiers: [_e],
-        onDragStart: me,
-        onDragEnd: ge,
+        sensors: De,
+        collisionDetection: Ke,
+        modifiers: [Fe],
+        onDragStart: _e,
+        onDragEnd: Te,
         children: [
-          /* @__PURE__ */ t(
-            Re,
+          /* @__PURE__ */ o(
+            Pe,
             {
               items: d.getFlatHeaders().map((e) => e.column.id),
-              strategy: He,
-              children: /* @__PURE__ */ b(L, { "data-density": M, variant: O, containerClassName: k, children: [
-                /* @__PURE__ */ t(K, { children: d.getHeaderGroups().map((e) => /* @__PURE__ */ t(D, { children: e.headers.map((r, c) => /* @__PURE__ */ t(
-                  Fe,
-                  {
-                    header: r,
-                    position: c === 0 ? "first" : c === e.headers.length - 1 ? "last" : "middle",
-                    numeric: h.has(r.column.id),
-                    children: /* @__PURE__ */ t(
-                      F,
+              strategy: qe,
+              children: /* @__PURE__ */ x(
+                U,
+                {
+                  "data-density": K,
+                  variant: A,
+                  containerClassName: F,
+                  layout: I ? "fixed" : void 0,
+                  children: [
+                    I && /* @__PURE__ */ o("colgroup", { children: d.getHeaderGroups()[0]?.headers.map((e) => /* @__PURE__ */ o(
+                      "col",
+                      {
+                        style: { width: e.column.getSize() }
+                      },
+                      e.id
+                    )) }),
+                    /* @__PURE__ */ o(W, { children: d.getHeaderGroups().map((e) => /* @__PURE__ */ o(H, { children: e.headers.map((t, u) => /* @__PURE__ */ o(
+                      nt,
                       {
-                        header: r,
-                        enableSorting: i,
-                        numericColumns: h,
-                        columnLabels: C
-                      }
-                    )
-                  },
-                  r.id
-                )) }, e.id)) }),
-                /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(U, { table: d, columns: o, numericColumns: h }) })
-              ] })
+                        header: t,
+                        position: u === 0 ? "first" : u === e.headers.length - 1 ? "last" : "middle",
+                        numeric: b.has(t.column.id),
+                        truncate: S && (t.column.columnDef.meta?.truncate ?? !0),
+                        children: /* @__PURE__ */ o(
+                          Y,
+                          {
+                            header: t,
+                            enableSorting: s,
+                            numericColumns: b,
+                            columnLabels: T,
+                            truncate: S && (t.column.columnDef.meta?.truncate ?? !0)
+                          }
+                        )
+                      },
+                      t.id
+                    )) }, e.id)) }),
+                    /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(J, { table: d, columns: n, numericColumns: b, truncate: S }) })
+                  ]
+                }
+              )
             }
           ),
-          /* @__PURE__ */ t(Te, { dropAnimation: null, children: x && /* @__PURE__ */ t("div", { className: "rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg", children: C[x.column.id] ?? (typeof x.column.columnDef.header == "string" ? x.column.columnDef.header : x.column.id) }) })
+          /* @__PURE__ */ o(Ae, { dropAnimation: null, children: w && /* @__PURE__ */ o("div", { className: "rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg", children: T[w.column.id] ?? (typeof w.column.columnDef.header == "string" ? w.column.columnDef.header : w.column.id) }) })
         ]
       }
-    ) : /* @__PURE__ */ b(L, { "data-density": M, variant: O, containerClassName: k, children: [
-      /* @__PURE__ */ t(K, { children: d.getHeaderGroups().map((e) => /* @__PURE__ */ t(D, { children: e.headers.map((r) => /* @__PURE__ */ t(G, { variant: h.has(r.column.id) ? "numeric" : void 0, children: /* @__PURE__ */ t(
-        F,
-        {
-          header: r,
-          enableSorting: i,
-          numericColumns: h,
-          columnLabels: C
-        }
-      ) }, r.id)) }, e.id)) }),
-      /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(U, { table: d, columns: o, numericColumns: h }) })
-    ] }),
-    he,
-    be
+    ) : /* @__PURE__ */ x(
+      U,
+      {
+        "data-density": K,
+        variant: A,
+        containerClassName: F,
+        layout: I ? "fixed" : void 0,
+        children: [
+          I && /* @__PURE__ */ o("colgroup", { children: d.getHeaderGroups()[0]?.headers.map((e) => /* @__PURE__ */ o(
+            "col",
+            {
+              style: e.column.columnDef.size == null ? void 0 : { width: e.column.columnDef.size }
+            },
+            e.id
+          )) }),
+          /* @__PURE__ */ o(W, { children: d.getHeaderGroups().map((e) => /* @__PURE__ */ o(H, { children: e.headers.map((t) => /* @__PURE__ */ o(
+            Z,
+            {
+              variant: b.has(t.column.id) ? "numeric" : void 0,
+              truncate: S && (t.column.columnDef.meta?.truncate ?? !0),
+              children: /* @__PURE__ */ o(
+                Y,
+                {
+                  header: t,
+                  enableSorting: s,
+                  numericColumns: b,
+                  columnLabels: T,
+                  truncate: S && (t.column.columnDef.meta?.truncate ?? !0)
+                }
+              )
+            },
+            t.id
+          )) }, e.id)) }),
+          /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(J, { table: d, columns: n, numericColumns: b, truncate: S }) })
+        ]
+      }
+    ),
+    Me,
+    Re
   ] }) });
 }
-function Be({
-  className: o,
-  children: a,
-  ...l
+function st({
+  className: n,
+  children: l,
+  ...c
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ o(
     "div",
     {
       "data-slot": "table-toolbar",
-      className: S("flex items-center gap-2", o),
-      ...l,
-      children: a
+      className: h("flex items-center justify-end gap-2", n),
+      ...c,
+      children: l
     }
   );
 }
 export {
-  ot as DataTable,
-  Be as TableToolbar,
-  tt as useDataTable
+  yt as DataTable,
+  st as TableToolbar,
+  ht as useDataTable
 };
 //# sourceMappingURL=data-table.js.map