@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.42.1 → 0.5.0-beta.44.1

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

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