@simpleapps-com/augur-web 2026.11.1 → 2026.11.3

package/dist/data-table.cjs

@@ -10,34 +10,41 @@
 var _chunkNEY26NNFcjs = require('./chunk-NEY26NNF.cjs');
 
 
-var _chunkOQV27VC5cjs = require('./chunk-OQV27VC5.cjs');
+var _chunkL7JN7ED7cjs = require('./chunk-L7JN7ED7.cjs');
 
 
 
 
 
-var _chunkEEJYDSXRcjs = require('./chunk-EEJYDSXR.cjs');
 
+var _chunkKVJQIZSMcjs = require('./chunk-KVJQIZSM.cjs');
 
 
 
 
 
-var _chunk76RSVRGBcjs = require('./chunk-76RSVRGB.cjs');
 
 
+var _chunkN57EZBPEcjs = require('./chunk-N57EZBPE.cjs');
 
 
+var _chunk7EXXNELXcjs = require('./chunk-7EXXNELX.cjs');
+
+
+var _chunkSJGSBMMNcjs = require('./chunk-SJGSBMMN.cjs');
+
 
 
 
-var _chunkJXW4XE2Pcjs = require('./chunk-JXW4XE2P.cjs');
 
 
-var _chunk7EXXNELXcjs = require('./chunk-7EXXNELX.cjs');
 
 
-var _chunk5VMEEKZ5cjs = require('./chunk-5VMEEKZ5.cjs');
+
+
+
+
+var _chunkNBXA42AWcjs = require('./chunk-NBXA42AW.cjs');
 
 
 var _chunkVL6L4GDAcjs = require('./chunk-VL6L4GDA.cjs');
@@ -59,7 +66,7 @@ var _web = require('@simpleapps-com/augur-utils/web');
 var _lu = require('react-icons/lu');
 var _jsxruntime = require('react/jsx-runtime');
 function getAlignCn(meta) {
-  return _chunkEEJYDSXRcjs.alignClass.call(void 0, _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _ => _.align]), () => ( "left")));
+  return _chunkNBXA42AWcjs.alignClassOf.call(void 0, _optionalChain([meta, 'optionalAccess', _ => _.align]));
 }
 function buildTanstackColumns(columns, selectable) {
   const cols = [];
@@ -93,8 +100,8 @@ function buildTanstackColumns(columns, selectable) {
       id: col.key,
       accessorKey: col.key,
       header: col.header,
-      enableSorting: _nullishCoalesce(col.sortable, () => ( false)),
-      enableHiding: col.hideable !== false,
+      enableSorting: _chunkNBXA42AWcjs.enableSorting.call(void 0, col.sortable),
+      enableHiding: _chunkNBXA42AWcjs.enableHiding.call(void 0, col.hideable),
       cell: col.render ? (info) => col.render(info.row.original) : (info) => String(_nullishCoalesce(info.getValue(), () => ( ""))),
       meta: { align: col.align }
     });
@@ -102,9 +109,9 @@ function buildTanstackColumns(columns, selectable) {
   return cols;
 }
 function exportToCsv(columns, data, filename) {
-  const headers = columns.map((c) => c.header);
-  const rows = data.map((row) => columns.map((col) => _chunkEEJYDSXRcjs.csvField.call(void 0, String(_nullishCoalesce(row[col.key], () => ( ""))))));
-  const csv = [headers.join(","), ...rows.map((r) => r.join(","))].join("\n");
+  const headers = columns.map((c) => _chunkNBXA42AWcjs.csvField.call(void 0, c.header));
+  const rows = data.map((row) => columns.map((col) => _chunkNBXA42AWcjs.csvField.call(void 0, String(_nullishCoalesce(row[col.key], () => ( ""))))));
+  const csv = _chunkNBXA42AWcjs.csvText.call(void 0, headers, rows);
   const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
   const url = URL.createObjectURL(blob);
   const link = document.createElement("a");
@@ -114,21 +121,24 @@ function exportToCsv(columns, data, filename) {
   URL.revokeObjectURL(url);
 }
 function SortIndicator({ direction }) {
-  if (direction === "asc") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowUp, { className: "h-4 w-4" });
-  if (direction === "desc") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowDown, { className: "h-4 w-4" });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowUpDown, { className: "text-muted-foreground/50 h-4 w-4" });
+  const slots = _chunkNBXA42AWcjs.sortSlotsOf.call(void 0, direction);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    slots.up.map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowUp, { className: "h-4 w-4" }, slot)),
+    slots.down.map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowDown, { className: "h-4 w-4" }, slot)),
+    slots.both.map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowUpDown, { className: "text-muted-foreground/50 h-4 w-4" }, slot))
+  ] });
 }
 function ColumnToggle({ table }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenu, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVL6L4GDAcjs.Button, { variant: "outline", size: "sm", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkN57EZBPEcjs.DropdownMenu, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN57EZBPEcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVL6L4GDAcjs.Button, { variant: "outline", size: "sm", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuSettings2, { className: "mr-2 h-4 w-4" }),
       "Columns"
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenuLabel, { children: "Toggle columns" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenuSeparator, {}),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkN57EZBPEcjs.DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN57EZBPEcjs.DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN57EZBPEcjs.DropdownMenuSeparator, {}),
       table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJXW4XE2Pcjs.DropdownMenuCheckboxItem,
+        _chunkN57EZBPEcjs.DropdownMenuCheckboxItem,
         {
           checked: col.getIsVisible(),
           onCheckedChange: (v) => col.toggleVisibility(!!v),
@@ -142,7 +152,8 @@ function ColumnToggle({ table }) {
 function HeaderCell({ header }) {
   const canSort = header.column.getCanSort();
   const sorted = header.column.getIsSorted();
-  const ariaSort = _chunkEEJYDSXRcjs.ariaSortOf.call(void 0, canSort, sorted === false ? "unsorted" : sorted);
+  const direction = sorted === false ? "unsorted" : sorted;
+  const ariaSort = _chunkNBXA42AWcjs.ariaSortOf.call(void 0, canSort, direction);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableHead, { className: getAlignCn(header.column.columnDef.meta), "aria-sort": ariaSort, children: canSort ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "button",
     {
@@ -151,7 +162,7 @@ function HeaderCell({ header }) {
       className: "inline-flex cursor-pointer select-none items-center gap-1",
       children: [
         _reacttable.flexRender.call(void 0, header.column.columnDef.header, header.getContext()),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIndicator, { direction: sorted })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIndicator, { direction })
       ]
     }
   ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center gap-1", children: _reacttable.flexRender.call(void 0, header.column.columnDef.header, header.getContext()) }) });
@@ -207,22 +218,29 @@ function Toolbar({
   columnToggle,
   table
 }) {
-  const hasSelection = selectedRows.length > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4", children: [
-    searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkNBXA42AWcjs.slotsWhen.call(void 0, searchable).map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunk7EXXNELXcjs.Input,
       {
         placeholder: searchPlaceholder,
         value: globalFilter,
         onChange: (e) => onGlobalFilterChange(e.target.value),
         className: "max-w-sm"
-      }
-    ),
-    hasSelection && bulkActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BulkActionsBar, { selectedRows, bulkActions }),
+      },
+      slot
+    )),
+    _chunkNBXA42AWcjs.slotsWhen.call(void 0, _chunkNBXA42AWcjs.bulkBarShown.call(void 0, selectedRows.length, Boolean(bulkActions))).map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      BulkActionsBar,
+      {
+        selectedRows,
+        bulkActions
+      },
+      slot
+    )),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-auto flex items-center gap-2", children: [
       toolbar,
-      exportCsv && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExportButton, { columns, data, csvFilename }),
-      columnToggle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ColumnToggle, { table })
+      _chunkNBXA42AWcjs.slotsWhen.call(void 0, exportCsv).map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExportButton, { columns, data, csvFilename }, slot)),
+      _chunkNBXA42AWcjs.slotsWhen.call(void 0, columnToggle).map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ColumnToggle, { table }, slot))
     ] })
   ] });
 }
@@ -233,14 +251,12 @@ function TableBodyContent({
   rows,
   onRowClick
 }) {
-  const view = _chunkEEJYDSXRcjs.bodyViewOf.call(void 0, loading, rows.length);
-  if (view === "loading") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { colSpan, className: "h-24 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VMEEKZ5cjs.Spinner, { size: "lg", className: "mx-auto" }) }) });
-  }
-  if (view === "empty") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { colSpan, className: "h-24 text-center", children: emptyMessage }) });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: rows.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataRow, { row, onRowClick }, row.id)) });
+  const slots = _chunkNBXA42AWcjs.bodySlots.call(void 0, loading, rows.length);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    slots.loading.map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { colSpan, className: "h-24 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSJGSBMMNcjs.Spinner, { size: "lg", className: "mx-auto" }) }) }, slot)),
+    slots.empty.map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { colSpan, className: "h-24 text-center", children: emptyMessage }) }, slot)),
+    slots.rows.map((slot) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, React.Fragment, { children: rows.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataRow, { row, onRowClick }, row.id)) }, slot))
+  ] });
 }
 function PageSizeSelector({
   pageSize,
@@ -249,9 +265,9 @@ function PageSizeSelector({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground text-sm", children: "Rows per page" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk76RSVRGBcjs.Select, { value: String(pageSize), onValueChange: (v) => onChange(Number(v)), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectValue, {}) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectContent, { children: options.map((size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectItem, { value: String(size), children: size }, size)) })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKVJQIZSMcjs.Select, { value: String(pageSize), onValueChange: (v) => onChange(Number(v)), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKVJQIZSMcjs.SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKVJQIZSMcjs.SelectValue, {}) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKVJQIZSMcjs.SelectContent, { children: options.map((size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKVJQIZSMcjs.SelectItem, { value: String(size), children: size }, size)) })
     ] })
   ] });
 }
@@ -270,7 +286,7 @@ function PaginationFooter({ pagination }) {
       }
     ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}),
     showPages && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOQV27VC5cjs.ListPagination,
+      _chunkL7JN7ED7cjs.ListPagination,
       {
         page: pagination.page,
         totalPages: pagination.totalPages,
@@ -335,9 +351,6 @@ function useDataTable(opts) {
   const selectedRows = opts.selectable ? table.getSelectedRowModel().rows.map((r) => r.original) : [];
   return { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows };
 }
-function toolbarVisible(searchable, toolbar, columnToggle, exportCsv, selectedRows) {
-  return Boolean(searchable || toolbar || columnToggle || exportCsv || selectedRows.length > 0);
-}
 function DataTable({
   columns,
   data,
@@ -375,7 +388,13 @@ function DataTable({
     externalRowSelection: rowSelection,
     onRowSelectionChange
   });
-  const showToolbar = toolbarVisible(searchable, toolbar, columnToggle, exportCsv, selectedRows);
+  const showToolbar = _chunkNBXA42AWcjs.toolbarShown.call(void 0, 
+    searchable,
+    Boolean(toolbar),
+    columnToggle,
+    exportCsv,
+    selectedRows.length
+  );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _web.cn.call(void 0, "space-y-4", className), children: [
     showToolbar && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Toolbar,

package/dist/data-table.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/data-table.cjs","../src/data-table.tsx"],"names":[],"mappings":"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","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/data-table.cjs","sourcesContent":[null,"/** Feature-complete admin data table built on TanStack Table. */\n\"use client\";\n\nimport * as React from \"react\";\nimport {\n  flexRender,\n  functionalUpdate,\n  getCoreRowModel,\n  getSortedRowModel,\n  getFilteredRowModel,\n  useReactTable,\n  type ColumnDef as TanstackColumnDef,\n  type SortingState,\n  type RowSelectionState,\n  type Updater,\n  type VisibilityState,\n  type Table as TanstackTable,\n  type Header,\n  type Row,\n  type Cell,\n} from \"@tanstack/react-table\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { LuArrowDown, LuArrowUp, LuArrowUpDown, LuDownload, LuSettings2 } from \"react-icons/lu\";\nimport { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from \"./table\";\nimport { Input } from \"./input\";\nimport { Spinner } from \"./spinner\";\nimport { alignClass, ariaSortOf, bodyViewOf, csvField } from \"./rules\";\nimport { Checkbox } from \"./checkbox\";\nimport { Button } from \"./button\";\nimport { ListPagination } from \"./pagination\";\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from \"./select\";\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuCheckboxItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu\";\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport interface ColumnDef<T> {\n  key: keyof T & string;\n  header: string;\n  sortable?: boolean;\n  render?: (row: T) => React.ReactNode;\n  align?: \"left\" | \"center\" | \"right\";\n  hideable?: boolean;\n}\n\nexport interface DataTablePagination {\n  page: number;\n  totalPages: number;\n  getHref: (page: number) => string;\n  onPageChange?: (page: number) => void;\n  /** Current page size. Required when pageSizeOptions is set. */\n  pageSize?: number;\n  /** Available page size options. Renders a dropdown when provided. */\n  pageSizeOptions?: number[];\n  /** Called when the user selects a different page size. */\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport interface DataTableProps<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  onRowClick?: (row: T) => void;\n  loading?: boolean;\n  emptyMessage?: string;\n  toolbar?: React.ReactNode;\n  className?: string;\n  getRowId?: (row: T) => string;\n  pagination?: DataTablePagination;\n  globalFilter?: string;\n  onGlobalFilterChange?: (value: string) => void;\n  sortingState?: SortingState;\n  onSortingChange?: (state: SortingState) => void;\n  selectable?: boolean;\n  rowSelection?: RowSelectionState;\n  onRowSelectionChange?: (state: RowSelectionState) => void;\n  bulkActions?: (selectedRows: T[]) => React.ReactNode;\n  columnToggle?: boolean;\n  exportCsv?: boolean;\n  csvFilename?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nfunction getAlignCn(meta: unknown): string {\n  return alignClass((meta as { align?: string } | undefined)?.align ?? \"left\");\n}\n\nfunction buildTanstackColumns<T>(\n  columns: ColumnDef<T>[],\n  selectable: boolean,\n): TanstackColumnDef<T, unknown>[] {\n  const cols: TanstackColumnDef<T, unknown>[] = [];\n  if (selectable) {\n    cols.push({\n      id: \"_select\",\n      header: ({ table }) => (\n        <Checkbox\n          checked={table.getIsAllPageRowsSelected()}\n          onCheckedChange={(v) => table.toggleAllPageRowsSelected(!!v)}\n          aria-label=\"Select all\"\n        />\n      ),\n      cell: ({ row }) => (\n        <Checkbox\n          checked={row.getIsSelected()}\n          onCheckedChange={(v) => row.toggleSelected(!!v)}\n          aria-label=\"Select row\"\n          onClick={(e) => e.stopPropagation()}\n        />\n      ),\n      enableSorting: false,\n      enableHiding: false,\n      meta: { align: \"center\" },\n    });\n  }\n  for (const col of columns) {\n    cols.push({\n      id: col.key,\n      accessorKey: col.key,\n      header: col.header,\n      enableSorting: col.sortable ?? false,\n      enableHiding: col.hideable !== false,\n      cell: col.render\n        ? (info) => col.render!(info.row.original)\n        : (info) => String(info.getValue() ?? \"\"),\n      meta: { align: col.align },\n    });\n  }\n  return cols;\n}\n\nfunction exportToCsv<T>(columns: ColumnDef<T>[], data: T[], filename: string) {\n  const headers = columns.map((c) => c.header);\n  const rows = data.map((row) => columns.map((col) => csvField(String(row[col.key] ?? \"\"))));\n  const csv = [headers.join(\",\"), ...rows.map((r) => r.join(\",\"))].join(\"\\n\");\n  const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = `${filename}.csv`;\n  link.click();\n  URL.revokeObjectURL(url);\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nfunction SortIndicator({ direction }: { direction: false | \"asc\" | \"desc\" }) {\n  if (direction === \"asc\") return <LuArrowUp className=\"h-4 w-4\" />;\n  if (direction === \"desc\") return <LuArrowDown className=\"h-4 w-4\" />;\n  return <LuArrowUpDown className=\"text-muted-foreground/50 h-4 w-4\" />;\n}\n\nfunction ColumnToggle<T>({ table }: { table: TanstackTable<T> }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\">\n          <LuSettings2 className=\"mr-2 h-4 w-4\" />\n          Columns\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((col) => col.getCanHide())\n          .map((col) => (\n            <DropdownMenuCheckboxItem\n              key={col.id}\n              checked={col.getIsVisible()}\n              onCheckedChange={(v) => col.toggleVisibility(!!v)}\n            >\n              {col.columnDef.header as string}\n            </DropdownMenuCheckboxItem>\n          ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction HeaderCell<T>({ header }: { header: Header<T, unknown> }) {\n  const canSort = header.column.getCanSort();\n  const sorted = header.column.getIsSorted();\n  // aria-sort announces sort state to screen readers; only meaningful on\n  // sortable columns. Sorting is triggered by a real <button> so it is\n  // keyboard-focusable and Enter/Space-activatable (a click handler on the\n  // <th> alone is mouse-only).\n  // ariaSortOf gives only \"ascending\", \"descending\", \"none\" or undefined.\n  const ariaSort = ariaSortOf(canSort, sorted === false ? \"unsorted\" : sorted) as\n    React.AriaAttributes[\"aria-sort\"] | undefined;\n\n  return (\n    <TableHead className={getAlignCn(header.column.columnDef.meta)} aria-sort={ariaSort}>\n      {canSort ? (\n        <button\n          type=\"button\"\n          onClick={header.column.getToggleSortingHandler()}\n          className=\"inline-flex cursor-pointer select-none items-center gap-1\"\n        >\n          {flexRender(header.column.columnDef.header, header.getContext())}\n          <SortIndicator direction={sorted} />\n        </button>\n      ) : (\n        <span className=\"inline-flex items-center gap-1\">\n          {flexRender(header.column.columnDef.header, header.getContext())}\n        </span>\n      )}\n    </TableHead>\n  );\n}\n\nfunction DataCell<T>({ cell }: { cell: Cell<T, unknown> }) {\n  return (\n    <TableCell className={getAlignCn(cell.column.columnDef.meta)}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </TableCell>\n  );\n}\n\nfunction DataRow<T>({ row, onRowClick }: { row: Row<T>; onRowClick?: (r: T) => void }) {\n  return (\n    <TableRow\n      data-state={row.getIsSelected() ? \"selected\" : undefined}\n      className={cn(onRowClick && \"cursor-pointer\")}\n      onClick={onRowClick ? () => onRowClick(row.original) : undefined}\n    >\n      {row.getVisibleCells().map((cell) => (\n        <DataCell key={cell.id} cell={cell} />\n      ))}\n    </TableRow>\n  );\n}\n\nfunction ExportButton<T>({\n  columns,\n  data,\n  csvFilename,\n}: {\n  columns: ColumnDef<T>[];\n  data: T[];\n  csvFilename: string;\n}) {\n  return (\n    <Button variant=\"outline\" size=\"sm\" onClick={() => exportToCsv(columns, data, csvFilename)}>\n      <LuDownload className=\"mr-2 h-4 w-4\" />\n      Export\n    </Button>\n  );\n}\n\nfunction BulkActionsBar<T>({\n  selectedRows,\n  bulkActions,\n}: {\n  selectedRows: T[];\n  bulkActions: (rows: T[]) => React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className=\"text-muted-foreground text-sm\">{selectedRows.length} selected</span>\n      {bulkActions(selectedRows)}\n    </div>\n  );\n}\n\nfunction Toolbar<T>({\n  searchable,\n  searchPlaceholder,\n  globalFilter,\n  onGlobalFilterChange,\n  selectedRows,\n  bulkActions,\n  toolbar,\n  exportCsv,\n  columns,\n  data,\n  csvFilename,\n  columnToggle,\n  table,\n}: {\n  searchable: boolean;\n  searchPlaceholder: string;\n  globalFilter: string;\n  onGlobalFilterChange: (value: string) => void;\n  selectedRows: T[];\n  bulkActions?: (rows: T[]) => React.ReactNode;\n  toolbar?: React.ReactNode;\n  exportCsv: boolean;\n  columns: ColumnDef<T>[];\n  data: T[];\n  csvFilename: string;\n  columnToggle: boolean;\n  table: TanstackTable<T>;\n}) {\n  const hasSelection = selectedRows.length > 0;\n  return (\n    <div className=\"flex items-center gap-4\">\n      {searchable && (\n        <Input\n          placeholder={searchPlaceholder}\n          value={globalFilter}\n          onChange={(e) => onGlobalFilterChange(e.target.value)}\n          className=\"max-w-sm\"\n        />\n      )}\n      {hasSelection && bulkActions && (\n        <BulkActionsBar selectedRows={selectedRows} bulkActions={bulkActions} />\n      )}\n      <div className=\"ml-auto flex items-center gap-2\">\n        {toolbar}\n        {exportCsv && <ExportButton columns={columns} data={data} csvFilename={csvFilename} />}\n        {columnToggle && <ColumnToggle table={table} />}\n      </div>\n    </div>\n  );\n}\n\nfunction TableBodyContent<T>({\n  loading,\n  colSpan,\n  emptyMessage,\n  rows,\n  onRowClick,\n}: {\n  loading: boolean;\n  colSpan: number;\n  emptyMessage: string;\n  rows: Row<T>[];\n  onRowClick?: (r: T) => void;\n}) {\n  const view = bodyViewOf(loading, rows.length);\n  if (view === \"loading\") {\n    return (\n      <TableRow>\n        <TableCell colSpan={colSpan} className=\"h-24 text-center\">\n          <Spinner size=\"lg\" className=\"mx-auto\" />\n        </TableCell>\n      </TableRow>\n    );\n  }\n  if (view === \"empty\") {\n    return (\n      <TableRow>\n        <TableCell colSpan={colSpan} className=\"h-24 text-center\">\n          {emptyMessage}\n        </TableCell>\n      </TableRow>\n    );\n  }\n  return (\n    <>\n      {rows.map((row) => (\n        <DataRow key={row.id} row={row} onRowClick={onRowClick} />\n      ))}\n    </>\n  );\n}\n\nfunction PageSizeSelector({\n  pageSize,\n  options,\n  onChange,\n}: {\n  pageSize: number;\n  options: number[];\n  onChange: (size: number) => void;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className=\"text-muted-foreground text-sm\">Rows per page</span>\n      <Select value={String(pageSize)} onValueChange={(v) => onChange(Number(v))}>\n        <SelectTrigger className=\"h-8 w-[70px]\">\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((size) => (\n            <SelectItem key={size} value={String(size)}>\n              {size}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n\nfunction PaginationFooter({ pagination }: { pagination?: DataTablePagination }) {\n  if (!pagination) return null;\n  const showPageSize =\n    pagination.pageSizeOptions && pagination.pageSize !== undefined && pagination.onPageSizeChange;\n  const showPages = pagination.totalPages > 1;\n  if (!showPageSize && !showPages) return null;\n  return (\n    <div className=\"flex items-center justify-between\">\n      {showPageSize ? (\n        <PageSizeSelector\n          pageSize={pagination.pageSize!}\n          options={pagination.pageSizeOptions!}\n          onChange={pagination.onPageSizeChange!}\n        />\n      ) : (\n        <div />\n      )}\n      {showPages && (\n        <ListPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages}\n          getHref={pagination.getHref}\n          onPageChange={pagination.onPageChange}\n        />\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Hook: encapsulates all state management and TanStack Table configuration\n// ---------------------------------------------------------------------------\n\ninterface UseDataTableOptions<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  selectable: boolean;\n  getRowId?: (row: T) => string;\n  pagination?: DataTablePagination;\n  externalGlobalFilter?: string;\n  onGlobalFilterChange?: (value: string) => void;\n  externalSorting?: SortingState;\n  onSortingChange?: (state: SortingState) => void;\n  externalRowSelection?: RowSelectionState;\n  onRowSelectionChange?: (state: RowSelectionState) => void;\n}\n\n/**\n * The change handler TanStack calls: the caller's (with TanStack's Updater<S> =\n * S | ((old: S) => S) resolved against the current value via functionalUpdate, so a plain\n * value from resetRowSelection()/setSorting(v) is not called as a function), or the internal\n * state setter when the state is uncontrolled.\n */\nfunction changeHandler<S>(\n  onChange: ((state: S) => void) | undefined,\n  current: S,\n  setInternal: React.Dispatch<React.SetStateAction<S>>,\n): (updater: Updater<S>) => void {\n  if (!onChange) return setInternal;\n  return (updater) => onChange(functionalUpdate(updater, current));\n}\n\n/** TanStack's client-side models, left out when the caller sorts or filters on the server. */\nfunction clientRowModels(isManualSorting: boolean, isManualFiltering: boolean) {\n  return {\n    getSortedRowModel: isManualSorting ? undefined : getSortedRowModel(),\n    getFilteredRowModel: isManualFiltering ? undefined : getFilteredRowModel(),\n  };\n}\n\nfunction useDataTable<T>(opts: UseDataTableOptions<T>) {\n  const isManualFiltering = opts.externalGlobalFilter !== undefined;\n  const isManualSorting = opts.externalSorting !== undefined;\n\n  const [internalSorting, setInternalSorting] = React.useState<SortingState>([]);\n  const [internalGlobalFilter, setInternalGlobalFilter] = React.useState(\"\");\n  const [internalRowSelection, setInternalRowSelection] = React.useState<RowSelectionState>({});\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});\n\n  const sorting = opts.externalSorting ?? internalSorting;\n  const globalFilter = opts.externalGlobalFilter ?? internalGlobalFilter;\n  const rowSelectionState = opts.externalRowSelection ?? internalRowSelection;\n\n  const handleSortingChange = changeHandler(opts.onSortingChange, sorting, setInternalSorting);\n\n  const handleGlobalFilterChange = opts.onGlobalFilterChange ?? setInternalGlobalFilter;\n\n  const handleRowSelectionChange = changeHandler(\n    opts.onRowSelectionChange,\n    rowSelectionState,\n    setInternalRowSelection,\n  );\n\n  const tanstackColumns = React.useMemo(\n    () => buildTanstackColumns(opts.columns, opts.selectable),\n    [opts.columns, opts.selectable],\n  );\n\n  const table = useReactTable({\n    data: opts.data,\n    columns: tanstackColumns,\n    state: {\n      sorting,\n      globalFilter: isManualFiltering ? undefined : globalFilter,\n      rowSelection: rowSelectionState,\n      columnVisibility,\n    },\n    onSortingChange: handleSortingChange,\n    onGlobalFilterChange: isManualFiltering ? undefined : setInternalGlobalFilter,\n    onRowSelectionChange: handleRowSelectionChange,\n    onColumnVisibilityChange: setColumnVisibility,\n    getCoreRowModel: getCoreRowModel(),\n    ...clientRowModels(isManualSorting, isManualFiltering),\n    manualSorting: isManualSorting,\n    manualFiltering: isManualFiltering,\n    manualPagination: opts.pagination !== undefined,\n    enableRowSelection: opts.selectable,\n    getRowId: opts.getRowId ? (row) => opts.getRowId!(row) : undefined,\n  });\n\n  const selectedRows = opts.selectable\n    ? table.getSelectedRowModel().rows.map((r) => r.original)\n    : [];\n\n  return { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows };\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\n/** The toolbar shows when it has something to show: search, custom content, column toggle, CSV export, or a selection. */\nfunction toolbarVisible(\n  searchable: boolean,\n  toolbar: React.ReactNode,\n  columnToggle: boolean,\n  exportCsv: boolean,\n  selectedRows: readonly unknown[],\n): boolean {\n  return Boolean(searchable || toolbar || columnToggle || exportCsv || selectedRows.length > 0);\n}\n\nfunction DataTable<T>({\n  columns,\n  data,\n  searchable = false,\n  searchPlaceholder = \"Search...\",\n  onRowClick,\n  loading = false,\n  emptyMessage = \"No results.\",\n  toolbar,\n  className,\n  getRowId,\n  pagination,\n  globalFilter: externalGlobalFilter,\n  onGlobalFilterChange,\n  sortingState,\n  onSortingChange,\n  selectable = false,\n  rowSelection,\n  onRowSelectionChange,\n  bulkActions,\n  columnToggle = false,\n  exportCsv = false,\n  csvFilename = \"export\",\n}: DataTableProps<T>) {\n  const { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows } =\n    useDataTable({\n      columns,\n      data,\n      selectable,\n      getRowId,\n      pagination,\n      externalGlobalFilter,\n      onGlobalFilterChange,\n      externalSorting: sortingState,\n      onSortingChange,\n      externalRowSelection: rowSelection,\n      onRowSelectionChange,\n    });\n\n  const showToolbar = toolbarVisible(searchable, toolbar, columnToggle, exportCsv, selectedRows);\n\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      {showToolbar && (\n        <Toolbar\n          searchable={searchable}\n          searchPlaceholder={searchPlaceholder}\n          globalFilter={globalFilter}\n          onGlobalFilterChange={handleGlobalFilterChange}\n          selectedRows={selectedRows}\n          bulkActions={bulkActions}\n          toolbar={toolbar}\n          exportCsv={exportCsv}\n          columns={columns}\n          data={data}\n          csvFilename={csvFilename}\n          columnToggle={columnToggle}\n          table={table}\n        />\n      )}\n      <Table>\n        <TableHeader className=\"bg-background sticky top-0 z-10\">\n          {table.getHeaderGroups().map((hg) => (\n            <TableRow key={hg.id}>\n              {hg.headers.map((h) => (\n                <HeaderCell key={h.id} header={h} />\n              ))}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody>\n          <TableBodyContent\n            loading={loading}\n            colSpan={tanstackColumns.length}\n            emptyMessage={emptyMessage}\n            rows={table.getRowModel().rows}\n            onRowClick={onRowClick}\n          />\n        </TableBody>\n      </Table>\n      <PaginationFooter pagination={pagination} />\n    </div>\n  );\n}\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\nexport type { SortingState, RowSelectionState, VisibilityState };\n"]}
+{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/data-table.cjs","../src/data-table.tsx"],"names":[],"mappings":"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","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/data-table.cjs","sourcesContent":[null,"/** Feature-complete admin data table built on TanStack Table. */\n\"use client\";\n\nimport * as React from \"react\";\nimport {\n  flexRender,\n  functionalUpdate,\n  getCoreRowModel,\n  getSortedRowModel,\n  getFilteredRowModel,\n  useReactTable,\n  type ColumnDef as TanstackColumnDef,\n  type SortingState,\n  type RowSelectionState,\n  type Updater,\n  type VisibilityState,\n  type Table as TanstackTable,\n  type Header,\n  type Row,\n  type Cell,\n} from \"@tanstack/react-table\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { LuArrowDown, LuArrowUp, LuArrowUpDown, LuDownload, LuSettings2 } from \"react-icons/lu\";\nimport { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from \"./table\";\nimport { Input } from \"./input\";\nimport { Spinner } from \"./spinner\";\nimport {\n  alignClassOf,\n  ariaSortOf,\n  bodySlots,\n  bulkBarShown,\n  csvField,\n  csvText,\n  enableHiding,\n  enableSorting,\n  slotsWhen,\n  sortSlotsOf,\n  toolbarShown,\n  type SortDir,\n} from \"./rules\";\nimport { Checkbox } from \"./checkbox\";\nimport { Button } from \"./button\";\nimport { ListPagination } from \"./pagination\";\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from \"./select\";\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuCheckboxItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu\";\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport interface ColumnDef<T> {\n  key: keyof T & string;\n  header: string;\n  sortable?: boolean;\n  render?: (row: T) => React.ReactNode;\n  align?: \"left\" | \"center\" | \"right\";\n  hideable?: boolean;\n}\n\nexport interface DataTablePagination {\n  page: number;\n  totalPages: number;\n  getHref: (page: number) => string;\n  onPageChange?: (page: number) => void;\n  /** Current page size. Required when pageSizeOptions is set. */\n  pageSize?: number;\n  /** Available page size options. Renders a dropdown when provided. */\n  pageSizeOptions?: number[];\n  /** Called when the user selects a different page size. */\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport interface DataTableProps<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  onRowClick?: (row: T) => void;\n  loading?: boolean;\n  emptyMessage?: string;\n  toolbar?: React.ReactNode;\n  className?: string;\n  getRowId?: (row: T) => string;\n  pagination?: DataTablePagination;\n  globalFilter?: string;\n  onGlobalFilterChange?: (value: string) => void;\n  sortingState?: SortingState;\n  onSortingChange?: (state: SortingState) => void;\n  selectable?: boolean;\n  rowSelection?: RowSelectionState;\n  onRowSelectionChange?: (state: RowSelectionState) => void;\n  bulkActions?: (selectedRows: T[]) => React.ReactNode;\n  columnToggle?: boolean;\n  exportCsv?: boolean;\n  csvFilename?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nfunction getAlignCn(meta: unknown): string {\n  return alignClassOf((meta as { align?: string } | undefined)?.align);\n}\n\nfunction buildTanstackColumns<T>(\n  columns: ColumnDef<T>[],\n  selectable: boolean,\n): TanstackColumnDef<T, unknown>[] {\n  const cols: TanstackColumnDef<T, unknown>[] = [];\n  if (selectable) {\n    cols.push({\n      id: \"_select\",\n      header: ({ table }) => (\n        <Checkbox\n          checked={table.getIsAllPageRowsSelected()}\n          onCheckedChange={(v) => table.toggleAllPageRowsSelected(!!v)}\n          aria-label=\"Select all\"\n        />\n      ),\n      cell: ({ row }) => (\n        <Checkbox\n          checked={row.getIsSelected()}\n          onCheckedChange={(v) => row.toggleSelected(!!v)}\n          aria-label=\"Select row\"\n          onClick={(e) => e.stopPropagation()}\n        />\n      ),\n      enableSorting: false,\n      enableHiding: false,\n      meta: { align: \"center\" },\n    });\n  }\n  for (const col of columns) {\n    cols.push({\n      id: col.key,\n      accessorKey: col.key,\n      header: col.header,\n      enableSorting: enableSorting(col.sortable),\n      enableHiding: enableHiding(col.hideable),\n      cell: col.render\n        ? (info) => col.render!(info.row.original)\n        : (info) => String(info.getValue() ?? \"\"),\n      meta: { align: col.align },\n    });\n  }\n  return cols;\n}\n\nfunction exportToCsv<T>(columns: ColumnDef<T>[], data: T[], filename: string) {\n  const headers = columns.map((c) => csvField(c.header));\n  const rows = data.map((row) => columns.map((col) => csvField(String(row[col.key] ?? \"\"))));\n  const csv = csvText(headers, rows);\n  const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = `${filename}.csv`;\n  link.click();\n  URL.revokeObjectURL(url);\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nfunction SortIndicator({ direction }: { direction: SortDir }) {\n  const slots = sortSlotsOf(direction);\n  return (\n    <>\n      {slots.up.map((slot) => (\n        <LuArrowUp key={slot} className=\"h-4 w-4\" />\n      ))}\n      {slots.down.map((slot) => (\n        <LuArrowDown key={slot} className=\"h-4 w-4\" />\n      ))}\n      {slots.both.map((slot) => (\n        <LuArrowUpDown key={slot} className=\"text-muted-foreground/50 h-4 w-4\" />\n      ))}\n    </>\n  );\n}\n\nfunction ColumnToggle<T>({ table }: { table: TanstackTable<T> }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\">\n          <LuSettings2 className=\"mr-2 h-4 w-4\" />\n          Columns\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((col) => col.getCanHide())\n          .map((col) => (\n            <DropdownMenuCheckboxItem\n              key={col.id}\n              checked={col.getIsVisible()}\n              onCheckedChange={(v) => col.toggleVisibility(!!v)}\n            >\n              {col.columnDef.header as string}\n            </DropdownMenuCheckboxItem>\n          ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction HeaderCell<T>({ header }: { header: Header<T, unknown> }) {\n  const canSort = header.column.getCanSort();\n  const sorted = header.column.getIsSorted();\n  // aria-sort announces sort state to screen readers; only meaningful on\n  // sortable columns. Sorting is triggered by a real <button> so it is\n  // keyboard-focusable and Enter/Space-activatable (a click handler on the\n  // <th> alone is mouse-only).\n  // ariaSortOf gives only \"ascending\", \"descending\", \"none\" or undefined.\n  const direction: SortDir = sorted === false ? \"unsorted\" : sorted;\n  const ariaSort = ariaSortOf(canSort, direction) as React.AriaAttributes[\"aria-sort\"] | undefined;\n\n  return (\n    <TableHead className={getAlignCn(header.column.columnDef.meta)} aria-sort={ariaSort}>\n      {canSort ? (\n        <button\n          type=\"button\"\n          onClick={header.column.getToggleSortingHandler()}\n          className=\"inline-flex cursor-pointer select-none items-center gap-1\"\n        >\n          {flexRender(header.column.columnDef.header, header.getContext())}\n          <SortIndicator direction={direction} />\n        </button>\n      ) : (\n        <span className=\"inline-flex items-center gap-1\">\n          {flexRender(header.column.columnDef.header, header.getContext())}\n        </span>\n      )}\n    </TableHead>\n  );\n}\n\nfunction DataCell<T>({ cell }: { cell: Cell<T, unknown> }) {\n  return (\n    <TableCell className={getAlignCn(cell.column.columnDef.meta)}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </TableCell>\n  );\n}\n\nfunction DataRow<T>({ row, onRowClick }: { row: Row<T>; onRowClick?: (r: T) => void }) {\n  return (\n    <TableRow\n      data-state={row.getIsSelected() ? \"selected\" : undefined}\n      className={cn(onRowClick && \"cursor-pointer\")}\n      onClick={onRowClick ? () => onRowClick(row.original) : undefined}\n    >\n      {row.getVisibleCells().map((cell) => (\n        <DataCell key={cell.id} cell={cell} />\n      ))}\n    </TableRow>\n  );\n}\n\nfunction ExportButton<T>({\n  columns,\n  data,\n  csvFilename,\n}: {\n  columns: ColumnDef<T>[];\n  data: T[];\n  csvFilename: string;\n}) {\n  return (\n    <Button variant=\"outline\" size=\"sm\" onClick={() => exportToCsv(columns, data, csvFilename)}>\n      <LuDownload className=\"mr-2 h-4 w-4\" />\n      Export\n    </Button>\n  );\n}\n\nfunction BulkActionsBar<T>({\n  selectedRows,\n  bulkActions,\n}: {\n  selectedRows: T[];\n  bulkActions: (rows: T[]) => React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className=\"text-muted-foreground text-sm\">{selectedRows.length} selected</span>\n      {bulkActions(selectedRows)}\n    </div>\n  );\n}\n\nfunction Toolbar<T>({\n  searchable,\n  searchPlaceholder,\n  globalFilter,\n  onGlobalFilterChange,\n  selectedRows,\n  bulkActions,\n  toolbar,\n  exportCsv,\n  columns,\n  data,\n  csvFilename,\n  columnToggle,\n  table,\n}: {\n  searchable: boolean;\n  searchPlaceholder: string;\n  globalFilter: string;\n  onGlobalFilterChange: (value: string) => void;\n  selectedRows: T[];\n  bulkActions?: (rows: T[]) => React.ReactNode;\n  toolbar?: React.ReactNode;\n  exportCsv: boolean;\n  columns: ColumnDef<T>[];\n  data: T[];\n  csvFilename: string;\n  columnToggle: boolean;\n  table: TanstackTable<T>;\n}) {\n  return (\n    <div className=\"flex items-center gap-4\">\n      {slotsWhen(searchable).map((slot) => (\n        <Input\n          key={slot}\n          placeholder={searchPlaceholder}\n          value={globalFilter}\n          onChange={(e) => onGlobalFilterChange(e.target.value)}\n          className=\"max-w-sm\"\n        />\n      ))}\n      {slotsWhen(bulkBarShown(selectedRows.length, Boolean(bulkActions))).map((slot) => (\n        <BulkActionsBar\n          key={slot}\n          selectedRows={selectedRows}\n          bulkActions={bulkActions as (rows: T[]) => React.ReactNode}\n        />\n      ))}\n      <div className=\"ml-auto flex items-center gap-2\">\n        {toolbar}\n        {slotsWhen(exportCsv).map((slot) => (\n          <ExportButton key={slot} columns={columns} data={data} csvFilename={csvFilename} />\n        ))}\n        {slotsWhen(columnToggle).map((slot) => (\n          <ColumnToggle key={slot} table={table} />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction TableBodyContent<T>({\n  loading,\n  colSpan,\n  emptyMessage,\n  rows,\n  onRowClick,\n}: {\n  loading: boolean;\n  colSpan: number;\n  emptyMessage: string;\n  rows: Row<T>[];\n  onRowClick?: (r: T) => void;\n}) {\n  const slots = bodySlots(loading, rows.length);\n  return (\n    <>\n      {slots.loading.map((slot) => (\n        <TableRow key={slot}>\n          <TableCell colSpan={colSpan} className=\"h-24 text-center\">\n            <Spinner size=\"lg\" className=\"mx-auto\" />\n          </TableCell>\n        </TableRow>\n      ))}\n      {slots.empty.map((slot) => (\n        <TableRow key={slot}>\n          <TableCell colSpan={colSpan} className=\"h-24 text-center\">\n            {emptyMessage}\n          </TableCell>\n        </TableRow>\n      ))}\n      {slots.rows.map((slot) => (\n        <React.Fragment key={slot}>\n          {rows.map((row) => (\n            <DataRow key={row.id} row={row} onRowClick={onRowClick} />\n          ))}\n        </React.Fragment>\n      ))}\n    </>\n  );\n}\n\nfunction PageSizeSelector({\n  pageSize,\n  options,\n  onChange,\n}: {\n  pageSize: number;\n  options: number[];\n  onChange: (size: number) => void;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className=\"text-muted-foreground text-sm\">Rows per page</span>\n      <Select value={String(pageSize)} onValueChange={(v) => onChange(Number(v))}>\n        <SelectTrigger className=\"h-8 w-[70px]\">\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          {options.map((size) => (\n            <SelectItem key={size} value={String(size)}>\n              {size}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n\nfunction PaginationFooter({ pagination }: { pagination?: DataTablePagination }) {\n  if (!pagination) return null;\n  const showPageSize =\n    pagination.pageSizeOptions && pagination.pageSize !== undefined && pagination.onPageSizeChange;\n  const showPages = pagination.totalPages > 1;\n  if (!showPageSize && !showPages) return null;\n  return (\n    <div className=\"flex items-center justify-between\">\n      {showPageSize ? (\n        <PageSizeSelector\n          pageSize={pagination.pageSize!}\n          options={pagination.pageSizeOptions!}\n          onChange={pagination.onPageSizeChange!}\n        />\n      ) : (\n        <div />\n      )}\n      {showPages && (\n        <ListPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages}\n          getHref={pagination.getHref}\n          onPageChange={pagination.onPageChange}\n        />\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Hook: encapsulates all state management and TanStack Table configuration\n// ---------------------------------------------------------------------------\n\ninterface UseDataTableOptions<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  selectable: boolean;\n  getRowId?: (row: T) => string;\n  pagination?: DataTablePagination;\n  externalGlobalFilter?: string;\n  onGlobalFilterChange?: (value: string) => void;\n  externalSorting?: SortingState;\n  onSortingChange?: (state: SortingState) => void;\n  externalRowSelection?: RowSelectionState;\n  onRowSelectionChange?: (state: RowSelectionState) => void;\n}\n\n/**\n * The change handler TanStack calls: the caller's (with TanStack's Updater<S> =\n * S | ((old: S) => S) resolved against the current value via functionalUpdate, so a plain\n * value from resetRowSelection()/setSorting(v) is not called as a function), or the internal\n * state setter when the state is uncontrolled.\n */\nfunction changeHandler<S>(\n  onChange: ((state: S) => void) | undefined,\n  current: S,\n  setInternal: React.Dispatch<React.SetStateAction<S>>,\n): (updater: Updater<S>) => void {\n  if (!onChange) return setInternal;\n  return (updater) => onChange(functionalUpdate(updater, current));\n}\n\n/** TanStack's client-side models, left out when the caller sorts or filters on the server. */\nfunction clientRowModels(isManualSorting: boolean, isManualFiltering: boolean) {\n  return {\n    getSortedRowModel: isManualSorting ? undefined : getSortedRowModel(),\n    getFilteredRowModel: isManualFiltering ? undefined : getFilteredRowModel(),\n  };\n}\n\nfunction useDataTable<T>(opts: UseDataTableOptions<T>) {\n  const isManualFiltering = opts.externalGlobalFilter !== undefined;\n  const isManualSorting = opts.externalSorting !== undefined;\n\n  const [internalSorting, setInternalSorting] = React.useState<SortingState>([]);\n  const [internalGlobalFilter, setInternalGlobalFilter] = React.useState(\"\");\n  const [internalRowSelection, setInternalRowSelection] = React.useState<RowSelectionState>({});\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});\n\n  const sorting = opts.externalSorting ?? internalSorting;\n  const globalFilter = opts.externalGlobalFilter ?? internalGlobalFilter;\n  const rowSelectionState = opts.externalRowSelection ?? internalRowSelection;\n\n  const handleSortingChange = changeHandler(opts.onSortingChange, sorting, setInternalSorting);\n\n  const handleGlobalFilterChange = opts.onGlobalFilterChange ?? setInternalGlobalFilter;\n\n  const handleRowSelectionChange = changeHandler(\n    opts.onRowSelectionChange,\n    rowSelectionState,\n    setInternalRowSelection,\n  );\n\n  const tanstackColumns = React.useMemo(\n    () => buildTanstackColumns(opts.columns, opts.selectable),\n    [opts.columns, opts.selectable],\n  );\n\n  const table = useReactTable({\n    data: opts.data,\n    columns: tanstackColumns,\n    state: {\n      sorting,\n      globalFilter: isManualFiltering ? undefined : globalFilter,\n      rowSelection: rowSelectionState,\n      columnVisibility,\n    },\n    onSortingChange: handleSortingChange,\n    onGlobalFilterChange: isManualFiltering ? undefined : setInternalGlobalFilter,\n    onRowSelectionChange: handleRowSelectionChange,\n    onColumnVisibilityChange: setColumnVisibility,\n    getCoreRowModel: getCoreRowModel(),\n    ...clientRowModels(isManualSorting, isManualFiltering),\n    manualSorting: isManualSorting,\n    manualFiltering: isManualFiltering,\n    manualPagination: opts.pagination !== undefined,\n    enableRowSelection: opts.selectable,\n    getRowId: opts.getRowId ? (row) => opts.getRowId!(row) : undefined,\n  });\n\n  const selectedRows = opts.selectable\n    ? table.getSelectedRowModel().rows.map((r) => r.original)\n    : [];\n\n  return { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows };\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nfunction DataTable<T>({\n  columns,\n  data,\n  searchable = false,\n  searchPlaceholder = \"Search...\",\n  onRowClick,\n  loading = false,\n  emptyMessage = \"No results.\",\n  toolbar,\n  className,\n  getRowId,\n  pagination,\n  globalFilter: externalGlobalFilter,\n  onGlobalFilterChange,\n  sortingState,\n  onSortingChange,\n  selectable = false,\n  rowSelection,\n  onRowSelectionChange,\n  bulkActions,\n  columnToggle = false,\n  exportCsv = false,\n  csvFilename = \"export\",\n}: DataTableProps<T>) {\n  const { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows } =\n    useDataTable({\n      columns,\n      data,\n      selectable,\n      getRowId,\n      pagination,\n      externalGlobalFilter,\n      onGlobalFilterChange,\n      externalSorting: sortingState,\n      onSortingChange,\n      externalRowSelection: rowSelection,\n      onRowSelectionChange,\n    });\n\n  const showToolbar = toolbarShown(\n    searchable,\n    Boolean(toolbar),\n    columnToggle,\n    exportCsv,\n    selectedRows.length,\n  );\n\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      {showToolbar && (\n        <Toolbar\n          searchable={searchable}\n          searchPlaceholder={searchPlaceholder}\n          globalFilter={globalFilter}\n          onGlobalFilterChange={handleGlobalFilterChange}\n          selectedRows={selectedRows}\n          bulkActions={bulkActions}\n          toolbar={toolbar}\n          exportCsv={exportCsv}\n          columns={columns}\n          data={data}\n          csvFilename={csvFilename}\n          columnToggle={columnToggle}\n          table={table}\n        />\n      )}\n      <Table>\n        <TableHeader className=\"bg-background sticky top-0 z-10\">\n          {table.getHeaderGroups().map((hg) => (\n            <TableRow key={hg.id}>\n              {hg.headers.map((h) => (\n                <HeaderCell key={h.id} header={h} />\n              ))}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody>\n          <TableBodyContent\n            loading={loading}\n            colSpan={tanstackColumns.length}\n            emptyMessage={emptyMessage}\n            rows={table.getRowModel().rows}\n            onRowClick={onRowClick}\n          />\n        </TableBody>\n      </Table>\n      <PaginationFooter pagination={pagination} />\n    </div>\n  );\n}\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\nexport type { SortingState, RowSelectionState, VisibilityState };\n"]}

package/dist/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../src/data-table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAEtB,KAAK,eAAe,EAKrB,MAAM,uBAAuB,CAAC;AAwB/B,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAscD,iBAAS,SAAS,CAAC,CAAC,EAAE,EACpB,OAAO,EACP,IAAI,EACJ,UAAkB,EAClB,iBAA+B,EAC/B,UAAU,EACV,OAAe,EACf,YAA4B,EAC5B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,EACV,YAAY,EAAE,oBAAoB,EAClC,oBAAoB,EACpB,YAAY,EACZ,eAAe,EACf,UAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,YAAoB,EACpB,SAAiB,EACjB,WAAsB,GACvB,EAAE,cAAc,CAAC,CAAC,CAAC,qBA4DnB;kBAnFQ,SAAS;;;AAsFlB,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../src/data-table.tsx"],"names":[],"mappings":"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"}

package/dist/data-table.js

@@ -10,20 +10,14 @@ import {
 } from "./chunk-XIKSI7NY.js";
 import {
   ListPagination
-} from "./chunk-JWTTXZDS.js";
-import {
-  alignClass,
-  ariaSortOf,
-  bodyViewOf,
-  csvField
-} from "./chunk-VI2IE6RC.js";
+} from "./chunk-YJDVFOVR.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-RCUKSVMF.js";
+} from "./chunk-6USFUHWW.js";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -31,13 +25,26 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunk-MOC5N2N4.js";
+} from "./chunk-BSRLAXZ2.js";
 import {
   Input
 } from "./chunk-HXQF6XTL.js";
 import {
   Spinner
-} from "./chunk-UMNTUD2P.js";
+} from "./chunk-AC3OCGDU.js";
+import {
+  alignClassOf,
+  ariaSortOf,
+  bodySlots,
+  bulkBarShown,
+  csvField,
+  csvText,
+  enableHiding,
+  enableSorting,
+  slotsWhen,
+  sortSlotsOf,
+  toolbarShown
+} from "./chunk-NSMOT7GD.js";
 import {
   Button
 } from "./chunk-QICSGVX3.js";
@@ -57,9 +64,9 @@ import {
 } from "@tanstack/react-table";
 import { cn } from "@simpleapps-com/augur-utils/web";
 import { LuArrowDown, LuArrowUp, LuArrowUpDown, LuDownload, LuSettings2 } from "react-icons/lu";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
 function getAlignCn(meta) {
-  return alignClass(meta?.align ?? "left");
+  return alignClassOf(meta?.align);
 }
 function buildTanstackColumns(columns, selectable) {
   const cols = [];
@@ -93,8 +100,8 @@ function buildTanstackColumns(columns, selectable) {
       id: col.key,
       accessorKey: col.key,
       header: col.header,
-      enableSorting: col.sortable ?? false,
-      enableHiding: col.hideable !== false,
+      enableSorting: enableSorting(col.sortable),
+      enableHiding: enableHiding(col.hideable),
       cell: col.render ? (info) => col.render(info.row.original) : (info) => String(info.getValue() ?? ""),
       meta: { align: col.align }
     });
@@ -102,9 +109,9 @@ function buildTanstackColumns(columns, selectable) {
   return cols;
 }
 function exportToCsv(columns, data, filename) {
-  const headers = columns.map((c) => c.header);
+  const headers = columns.map((c) => csvField(c.header));
   const rows = data.map((row) => columns.map((col) => csvField(String(row[col.key] ?? ""))));
-  const csv = [headers.join(","), ...rows.map((r) => r.join(","))].join("\n");
+  const csv = csvText(headers, rows);
   const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
   const url = URL.createObjectURL(blob);
   const link = document.createElement("a");
@@ -114,9 +121,12 @@ function exportToCsv(columns, data, filename) {
   URL.revokeObjectURL(url);
 }
 function SortIndicator({ direction }) {
-  if (direction === "asc") return /* @__PURE__ */ jsx(LuArrowUp, { className: "h-4 w-4" });
-  if (direction === "desc") return /* @__PURE__ */ jsx(LuArrowDown, { className: "h-4 w-4" });
-  return /* @__PURE__ */ jsx(LuArrowUpDown, { className: "text-muted-foreground/50 h-4 w-4" });
+  const slots = sortSlotsOf(direction);
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    slots.up.map((slot) => /* @__PURE__ */ jsx(LuArrowUp, { className: "h-4 w-4" }, slot)),
+    slots.down.map((slot) => /* @__PURE__ */ jsx(LuArrowDown, { className: "h-4 w-4" }, slot)),
+    slots.both.map((slot) => /* @__PURE__ */ jsx(LuArrowUpDown, { className: "text-muted-foreground/50 h-4 w-4" }, slot))
+  ] });
 }
 function ColumnToggle({ table }) {
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
@@ -142,7 +152,8 @@ function ColumnToggle({ table }) {
 function HeaderCell({ header }) {
   const canSort = header.column.getCanSort();
   const sorted = header.column.getIsSorted();
-  const ariaSort = ariaSortOf(canSort, sorted === false ? "unsorted" : sorted);
+  const direction = sorted === false ? "unsorted" : sorted;
+  const ariaSort = ariaSortOf(canSort, direction);
   return /* @__PURE__ */ jsx(TableHead, { className: getAlignCn(header.column.columnDef.meta), "aria-sort": ariaSort, children: canSort ? /* @__PURE__ */ jsxs(
     "button",
     {
@@ -151,7 +162,7 @@ function HeaderCell({ header }) {
       className: "inline-flex cursor-pointer select-none items-center gap-1",
       children: [
         flexRender(header.column.columnDef.header, header.getContext()),
-        /* @__PURE__ */ jsx(SortIndicator, { direction: sorted })
+        /* @__PURE__ */ jsx(SortIndicator, { direction })
       ]
     }
   ) : /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1", children: flexRender(header.column.columnDef.header, header.getContext()) }) });
@@ -207,22 +218,29 @@ function Toolbar({
   columnToggle,
   table
 }) {
-  const hasSelection = selectedRows.length > 0;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-    searchable && /* @__PURE__ */ jsx(
+    slotsWhen(searchable).map((slot) => /* @__PURE__ */ jsx(
       Input,
       {
         placeholder: searchPlaceholder,
         value: globalFilter,
         onChange: (e) => onGlobalFilterChange(e.target.value),
         className: "max-w-sm"
-      }
-    ),
-    hasSelection && bulkActions && /* @__PURE__ */ jsx(BulkActionsBar, { selectedRows, bulkActions }),
+      },
+      slot
+    )),
+    slotsWhen(bulkBarShown(selectedRows.length, Boolean(bulkActions))).map((slot) => /* @__PURE__ */ jsx(
+      BulkActionsBar,
+      {
+        selectedRows,
+        bulkActions
+      },
+      slot
+    )),
     /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
       toolbar,
-      exportCsv && /* @__PURE__ */ jsx(ExportButton, { columns, data, csvFilename }),
-      columnToggle && /* @__PURE__ */ jsx(ColumnToggle, { table })
+      slotsWhen(exportCsv).map((slot) => /* @__PURE__ */ jsx(ExportButton, { columns, data, csvFilename }, slot)),
+      slotsWhen(columnToggle).map((slot) => /* @__PURE__ */ jsx(ColumnToggle, { table }, slot))
     ] })
   ] });
 }
@@ -233,14 +251,12 @@ function TableBodyContent({
   rows,
   onRowClick
 }) {
-  const view = bodyViewOf(loading, rows.length);
-  if (view === "loading") {
-    return /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan, className: "h-24 text-center", children: /* @__PURE__ */ jsx(Spinner, { size: "lg", className: "mx-auto" }) }) });
-  }
-  if (view === "empty") {
-    return /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan, className: "h-24 text-center", children: emptyMessage }) });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: rows.map((row) => /* @__PURE__ */ jsx(DataRow, { row, onRowClick }, row.id)) });
+  const slots = bodySlots(loading, rows.length);
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    slots.loading.map((slot) => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan, className: "h-24 text-center", children: /* @__PURE__ */ jsx(Spinner, { size: "lg", className: "mx-auto" }) }) }, slot)),
+    slots.empty.map((slot) => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan, className: "h-24 text-center", children: emptyMessage }) }, slot)),
+    slots.rows.map((slot) => /* @__PURE__ */ jsx(React.Fragment, { children: rows.map((row) => /* @__PURE__ */ jsx(DataRow, { row, onRowClick }, row.id)) }, slot))
+  ] });
 }
 function PageSizeSelector({
   pageSize,
@@ -335,9 +351,6 @@ function useDataTable(opts) {
   const selectedRows = opts.selectable ? table.getSelectedRowModel().rows.map((r) => r.original) : [];
   return { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows };
 }
-function toolbarVisible(searchable, toolbar, columnToggle, exportCsv, selectedRows) {
-  return Boolean(searchable || toolbar || columnToggle || exportCsv || selectedRows.length > 0);
-}
 function DataTable({
   columns,
   data,
@@ -375,7 +388,13 @@ function DataTable({
     externalRowSelection: rowSelection,
     onRowSelectionChange
   });
-  const showToolbar = toolbarVisible(searchable, toolbar, columnToggle, exportCsv, selectedRows);
+  const showToolbar = toolbarShown(
+    searchable,
+    Boolean(toolbar),
+    columnToggle,
+    exportCsv,
+    selectedRows.length
+  );
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
     showToolbar && /* @__PURE__ */ jsx(
       Toolbar,