@tollerud/ui 1.1.5 → 3.1.0

package/dist/chunk-WDANALHD.js

@@ -0,0 +1,95 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var stepIcon = {
+  pending: "\u25CB",
+  running: "\u25C9",
+  success: "\u25CF",
+  failed: "\u2715",
+  skipped: "\u2014"
+};
+var stepStyles = {
+  pending: "text-tollerud-noir-400",
+  running: "text-tollerud-yellow animate-pulse",
+  success: "text-tollerud-success",
+  failed: "text-tollerud-error",
+  skipped: "text-tollerud-noir-500"
+};
+var RollbackPlan = forwardRef(
+  ({ className, name, steps, executing, loading, ...props }, ref) => {
+    const statusSummary = {
+      pending: steps.filter((s) => s.status === "pending").length,
+      running: steps.filter((s) => s.status === "running").length,
+      success: steps.filter((s) => s.status === "success").length,
+      failed: steps.filter((s) => s.status === "failed").length,
+      skipped: steps.filter((s) => s.status === "skipped").length
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border border-tollerud-border bg-tollerud-surface-raised",
+          loading && "animate-pulse",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-tollerud-border", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground", children: name }),
+              executing && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-tollerud-yellow font-medium animate-pulse", children: "Executing\u2026" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px] text-tollerud-text-muted", children: [
+              statusSummary.success > 0 && /* @__PURE__ */ jsxs("span", { className: "text-tollerud-success", children: [
+                statusSummary.success,
+                " done"
+              ] }),
+              statusSummary.failed > 0 && /* @__PURE__ */ jsxs("span", { className: "text-tollerud-error", children: [
+                statusSummary.failed,
+                " failed"
+              ] }),
+              statusSummary.running > 0 && /* @__PURE__ */ jsxs("span", { className: "text-tollerud-yellow", children: [
+                statusSummary.running,
+                " running"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "p-1", children: steps.map((step) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-start gap-3 px-3 py-2 rounded-md",
+                "transition-colors duration-[150ms]",
+                step.status === "failed" && "bg-tollerud-error/5",
+                step.status === "running" && "bg-tollerud-yellow/5"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: cn("font-mono text-sm mt-0.5 flex-shrink-0", stepStyles[step.status]), children: stepIcon[step.status] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("span", { className: cn(
+                    "text-xs font-medium",
+                    step.status === "success" ? "text-tollerud-success" : step.status === "failed" ? "text-tollerud-error" : step.status === "skipped" ? "text-tollerud-noir-500" : "text-tollerud-foreground"
+                  ), children: step.label }),
+                  step.description && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-tollerud-text-muted mt-0.5", children: step.description })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: cn(
+                  "text-[10px] uppercase font-semibold flex-shrink-0",
+                  stepStyles[step.status]
+                ), children: step.status })
+              ]
+            },
+            step.id
+          )) })
+        ]
+      }
+    );
+  }
+);
+RollbackPlan.displayName = "RollbackPlan";
+
+export { RollbackPlan };
+//# sourceMappingURL=chunk-WDANALHD.js.map
+//# sourceMappingURL=chunk-WDANALHD.js.map

package/dist/chunk-WDANALHD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/RollbackPlan.tsx"],"names":[],"mappings":"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","file":"chunk-WDANALHD.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport type RollbackStepStatus = 'pending' | 'running' | 'success' | 'failed' | 'skipped'\n\nexport interface RollbackStep {\n  id: string\n  label: string\n  description?: string\n  status: RollbackStepStatus\n}\n\nexport interface RollbackPlanProps extends HTMLAttributes<HTMLDivElement> {\n  /** Name/identifier for the plan */\n  name: string\n  /** Rollback steps */\n  steps: RollbackStep[]\n  /** Whether the plan is executing */\n  executing?: boolean\n  /** Whether the plan is loading */\n  loading?: boolean\n}\n\nconst stepIcon: Record<RollbackStepStatus, string> = {\n  pending: '○',\n  running: '◉',\n  success: '●',\n  failed:  '✕',\n  skipped: '—',\n}\n\nconst stepStyles: Record<RollbackStepStatus, string> = {\n  pending:  'text-tollerud-noir-400',\n  running:  'text-tollerud-yellow animate-pulse',\n  success:  'text-tollerud-success',\n  failed:   'text-tollerud-error',\n  skipped:  'text-tollerud-noir-500',\n}\n\nconst RollbackPlan = forwardRef<HTMLDivElement, RollbackPlanProps>(\n  ({ className, name, steps, executing, loading, ...props }, ref) => {\n    const statusSummary: Record<RollbackStepStatus, number> = {\n      pending: steps.filter((s) => s.status === 'pending').length,\n      running: steps.filter((s) => s.status === 'running').length,\n      success: steps.filter((s) => s.status === 'success').length,\n      failed:  steps.filter((s) => s.status === 'failed').length,\n      skipped: steps.filter((s) => s.status === 'skipped').length,\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-lg border border-tollerud-border bg-tollerud-surface-raised',\n          loading && 'animate-pulse',\n          className\n        )}\n        {...props}\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-4 py-3 border-b border-tollerud-border\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm font-semibold text-tollerud-foreground\">{name}</span>\n            {executing && (\n              <span className=\"text-[11px] text-tollerud-yellow font-medium animate-pulse\">Executing…</span>\n            )}\n          </div>\n          <div className=\"flex items-center gap-2 text-[11px] text-tollerud-text-muted\">\n            {statusSummary.success > 0 && <span className=\"text-tollerud-success\">{statusSummary.success} done</span>}\n            {statusSummary.failed > 0 && <span className=\"text-tollerud-error\">{statusSummary.failed} failed</span>}\n            {statusSummary.running > 0 && <span className=\"text-tollerud-yellow\">{statusSummary.running} running</span>}\n          </div>\n        </div>\n\n        {/* Steps */}\n        <div className=\"p-1\">\n          {steps.map((step) => (\n            <div\n              key={step.id}\n              className={cn(\n                'flex items-start gap-3 px-3 py-2 rounded-md',\n                'transition-colors duration-[150ms]',\n                step.status === 'failed' && 'bg-tollerud-error/5',\n                step.status === 'running' && 'bg-tollerud-yellow/5'\n              )}\n            >\n              <span className={cn('font-mono text-sm mt-0.5 flex-shrink-0', stepStyles[step.status])}>\n                {stepIcon[step.status]}\n              </span>\n              <div className=\"flex-1 min-w-0\">\n                <span className={cn(\n                  'text-xs font-medium',\n                  step.status === 'success' ? 'text-tollerud-success' :\n                  step.status === 'failed' ? 'text-tollerud-error' :\n                  step.status === 'skipped' ? 'text-tollerud-noir-500' :\n                  'text-tollerud-foreground'\n                )}>\n                  {step.label}\n                </span>\n                {step.description && (\n                  <p className=\"text-[11px] text-tollerud-text-muted mt-0.5\">{step.description}</p>\n                )}\n              </div>\n              <span className={cn(\n                'text-[10px] uppercase font-semibold flex-shrink-0',\n                stepStyles[step.status]\n              )}>\n                {step.status}\n              </span>\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\nRollbackPlan.displayName = 'RollbackPlan'\n\nexport { RollbackPlan }"]}

package/dist/chunk-WSQNPRGN.js

@@ -0,0 +1,12 @@
+'use client';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };
+//# sourceMappingURL=chunk-WSQNPRGN.js.map
+//# sourceMappingURL=chunk-WSQNPRGN.js.map

package/dist/chunk-WSQNPRGN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/utils.ts"],"names":[],"mappings":";;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-WSQNPRGN.js","sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"]}

package/dist/chunk-YPP7QHYT.js

@@ -0,0 +1,393 @@
+'use client';
+import { Skeleton } from './chunk-AQT3FZRQ.js';
+import { Segmented } from './chunk-NSMU66ZX.js';
+import { Pagination } from './chunk-RJTDQOT2.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, DropdownMenuItem } from './chunk-435JHF7G.js';
+import { Checkbox } from './chunk-T3TQPOVM.js';
+import { Badge } from './chunk-QEHTPQHL.js';
+import { Button } from './chunk-ADE22JSR.js';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef, useMemo, useState } from 'react';
+import { Search, X, MoreHorizontal, ChevronDown } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function DataTableInner({
+  columns,
+  data,
+  rows,
+  rowKey,
+  onRowClick,
+  className,
+  emptyMessage = "No data",
+  searchable = false,
+  searchKeys,
+  searchPlaceholder = "Search\u2026",
+  filter,
+  selectable = false,
+  pageSize,
+  bulkActions = [],
+  rowMenu,
+  toolbarRight,
+  emptyState,
+  loading = false,
+  skeletonRows = 5,
+  forwardedRef
+}) {
+  const tableData = useMemo(() => rows ?? data ?? [], [rows, data]);
+  const isRich = searchable || filter || selectable || pageSize !== void 0 || !!rowMenu || !!toolbarRight || bulkActions.length > 0 || !!emptyState || loading;
+  const [sortKey, setSortKey] = useState(null);
+  const [sortDir, setSortDir] = useState("asc");
+  const [filters, setFilters] = useState({});
+  const [query, setQuery] = useState("");
+  const [filterValue, setFilterValue] = useState("all");
+  const [selected, setSelected] = useState([]);
+  const [page, setPage] = useState(1);
+  const getRowKey = (row, i) => {
+    if (typeof rowKey === "function") return rowKey(row);
+    if (rowKey) return row[rowKey];
+    return row.id ?? row.key ?? i;
+  };
+  const toggleSort = (key) => {
+    if (sortKey === key) {
+      setSortDir((d) => d === "asc" ? "desc" : "asc");
+    } else {
+      setSortKey(key);
+      setSortDir("asc");
+    }
+  };
+  const updateFilter = (key, value) => {
+    setFilters((prev) => {
+      const next = { ...prev };
+      if (value.trim() === "") {
+        delete next[key];
+      } else {
+        next[key] = value;
+      }
+      return next;
+    });
+  };
+  const searchKeysResolved = searchKeys ?? columns.map((c) => c.key);
+  const filterOptions = filter ? filter.options ?? Array.from(new Set(tableData.map((r) => String(r[filter.key] ?? "")))) : [];
+  const filtered = useMemo(() => {
+    let result = tableData;
+    if (isRich && filter && filterValue !== "all") {
+      result = result.filter((row) => String(row[filter.key] ?? "") === filterValue);
+    }
+    if (isRich && searchable && query.trim()) {
+      const q = query.trim().toLowerCase();
+      result = result.filter(
+        (row) => searchKeysResolved.some((key) => String(row[key] ?? "").toLowerCase().includes(q))
+      );
+    }
+    if (!isRich) {
+      const activeFilters = Object.entries(filters).filter(([, v]) => v.trim() !== "");
+      if (activeFilters.length > 0) {
+        result = result.filter(
+          (row) => activeFilters.every(([key, filterVal]) => {
+            const cellValue = String(row[key] ?? "").toLowerCase();
+            return cellValue.includes(filterVal.toLowerCase());
+          })
+        );
+      }
+    }
+    return result;
+  }, [tableData, filters, isRich, filter, filterValue, searchable, query, searchKeysResolved]);
+  const sorted = useMemo(() => {
+    if (!sortKey) return filtered;
+    const col = columns.find((c) => c.key === sortKey);
+    if (!col?.sortable) return filtered;
+    return [...filtered].sort((a, b) => {
+      const aVal = a[sortKey];
+      const bVal = b[sortKey];
+      if (typeof aVal === "number" && typeof bVal === "number") {
+        return sortDir === "asc" ? aVal - bVal : bVal - aVal;
+      }
+      const aStr = String(aVal ?? "");
+      const bStr = String(bVal ?? "");
+      const cmp = aStr.localeCompare(bStr, "nb", { numeric: true });
+      return sortDir === "asc" ? cmp : -cmp;
+    });
+  }, [filtered, sortKey, sortDir, columns]);
+  const pageCount = pageSize ? Math.max(1, Math.ceil(sorted.length / pageSize)) : 1;
+  const currentPage = Math.min(page, pageCount);
+  const pageRows = pageSize ? sorted.slice((currentPage - 1) * pageSize, currentPage * pageSize) : sorted;
+  const clearSelection = () => setSelected([]);
+  const allOnPageSelected = pageRows.length > 0 && pageRows.every((row) => selected.includes(getRowKey(row, 0)));
+  const toggleAllOnPage = () => {
+    const pageIds = pageRows.map((row, i) => getRowKey(row, i));
+    if (allOnPageSelected) {
+      setSelected((prev) => prev.filter((id) => !pageIds.includes(id)));
+    } else {
+      setSelected((prev) => Array.from(/* @__PURE__ */ new Set([...prev, ...pageIds])));
+    }
+  };
+  const toggleRow = (id) => {
+    setSelected((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
+  };
+  const hasActiveFilters = Object.values(filters).some((v) => v.trim() !== "");
+  const filterableColumns = columns.filter((c) => c.filterable);
+  const colSpan = columns.length + (selectable ? 1 : 0) + (rowMenu ? 1 : 0);
+  const sortIndicator = (key) => {
+    const active = sortKey === key;
+    return /* @__PURE__ */ jsx(
+      ChevronDown,
+      {
+        size: 12,
+        className: cn(
+          "shrink-0 transition-transform duration-150",
+          active ? "text-tollerud-yellow opacity-100" : "opacity-25",
+          active && sortDir === "desc" && "rotate-180"
+        ),
+        "aria-hidden": true
+      }
+    );
+  };
+  const headerCell = (col) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: cn(
+        "px-3 py-2.5 text-left text-xs font-semibold text-tollerud-text-muted uppercase tracking-wider",
+        col.sortable && "cursor-pointer select-none hover:text-tollerud-text-primary transition-colors",
+        col.align === "right" && "text-right",
+        col.align === "center" && "text-center"
+      ),
+      style: col.width ? { width: col.width } : void 0,
+      onClick: () => col.sortable && toggleSort(col.key),
+      children: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "inline-flex items-center gap-1",
+            col.align === "right" && "justify-end w-full",
+            col.align === "center" && "justify-center w-full"
+          ),
+          children: [
+            col.label,
+            col.sortable && (isRich ? sortIndicator(col.key) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              sortKey === col.key && /* @__PURE__ */ jsx("span", { className: "text-tollerud-accent", children: sortDir === "asc" ? "\u2191" : "\u2193" }),
+              sortKey !== col.key && /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-muted/30", children: "\u2195" })
+            ] })),
+            !isRich && col.filterable && /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "12",
+                height: "12",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: cn("opacity-40", filters[col.key] && "opacity-100 text-tollerud-yellow"),
+                "aria-hidden": true,
+                children: /* @__PURE__ */ jsx("path", { d: "M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.53A2 2 0 0 1 4 6.16V4z" })
+              }
+            )
+          ]
+        }
+      )
+    },
+    col.key
+  );
+  const tableBody = () => {
+    if (loading) {
+      return /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ jsxs("tr", { className: "border-b border-tollerud-border/20", children: [
+        selectable && /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 w-10", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }) }),
+        columns.map((col, j) => /* @__PURE__ */ jsx("td", { className: cn("px-3 py-2.5", col.align === "right" && "text-right"), children: /* @__PURE__ */ jsx(Skeleton, { className: cn("h-3", j === 0 ? "w-[70%]" : "w-[55%]") }) }, col.key)),
+        rowMenu && /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 w-11", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }) })
+      ] }, i)) });
+    }
+    if (sorted.length === 0) {
+      if (isRich && emptyState) {
+        return null;
+      }
+      return /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, className: "px-3 py-8 text-center text-sm text-tollerud-text-muted", children: hasActiveFilters || query || filterValue !== "all" ? "No matching rows" : emptyMessage }) }) });
+    }
+    return /* @__PURE__ */ jsxs("tbody", { children: [
+      pageRows.map((row, i) => {
+        const id = getRowKey(row, i);
+        const isSelected = selected.includes(id);
+        return /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            className: cn(
+              "border-b border-tollerud-border/20 transition-colors",
+              onRowClick && "cursor-pointer hover:bg-tollerud-surface-raised/50",
+              isSelected && "bg-tollerud-yellow/[0.05]"
+            ),
+            onClick: () => onRowClick?.(row),
+            children: [
+              selectable && /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 w-10", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(Checkbox, { checked: isSelected, onChange: () => toggleRow(id), "aria-label": `Select row ${id}` }) }),
+              columns.map((col) => {
+                const value = row[col.key];
+                return /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    className: cn(
+                      "px-3 py-2.5 text-tollerud-text-secondary",
+                      col.align === "right" && "text-right",
+                      col.align === "center" && "text-center",
+                      !col.render && "font-mono text-xs"
+                    ),
+                    children: col.render ? col.render(value, row) : String(value ?? "\u2014")
+                  },
+                  col.key
+                );
+              }),
+              rowMenu && /* @__PURE__ */ jsx("td", { className: "px-2 py-2 w-11", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-tollerud-text-muted hover:text-tollerud-text-primary hover:bg-tollerud-surface-raised transition-colors tollerud-focus-ring",
+                    "aria-label": "Row actions",
+                    children: /* @__PURE__ */ jsx(MoreHorizontal, { size: 15 })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: rowMenu(row).map((item, index) => {
+                  if (item.sep) return /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, index);
+                  if (item.heading) return /* @__PURE__ */ jsx(DropdownMenuLabel, { children: item.label }, index);
+                  return /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: () => item.onSelect?.(), children: [
+                    item.icon ? /* @__PURE__ */ jsx("span", { className: "mr-2 inline-flex", children: item.icon }) : null,
+                    item.label
+                  ] }, index);
+                }) })
+              ] }) })
+            ]
+          },
+          id
+        );
+      }),
+      isRich && pageSize && pageRows.length < pageSize && Array.from({ length: pageSize - pageRows.length }).map((_, i) => /* @__PURE__ */ jsx("tr", { "aria-hidden": true, className: "h-[49px]", children: /* @__PURE__ */ jsx("td", { colSpan }) }, `spacer-${i}`))
+    ] });
+  };
+  const table = /* @__PURE__ */ jsxs("table", { className: "w-full min-w-[640px] text-sm", children: [
+    /* @__PURE__ */ jsxs("thead", { children: [
+      /* @__PURE__ */ jsxs("tr", { className: "border-b border-tollerud-border/30 bg-tollerud-noir-900", children: [
+        selectable && /* @__PURE__ */ jsx("th", { className: "px-3 py-2.5 w-10", children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: allOnPageSelected,
+            onChange: toggleAllOnPage,
+            "aria-label": "Select all rows on page"
+          }
+        ) }),
+        columns.map((col) => headerCell(col)),
+        rowMenu && /* @__PURE__ */ jsx("th", { className: "w-11" })
+      ] }),
+      !isRich && filterableColumns.length > 0 && /* @__PURE__ */ jsx("tr", { className: "border-b border-tollerud-border/20", children: columns.map((col) => /* @__PURE__ */ jsx(
+        "th",
+        {
+          className: cn("px-1.5 py-1", col.align === "right" && "text-right", col.align === "center" && "text-center"),
+          children: col.filterable ? /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              placeholder: `Filter ${col.label.toLowerCase()}\u2026`,
+              value: filters[col.key] ?? "",
+              onChange: (e) => updateFilter(col.key, e.target.value),
+              className: cn(
+                "w-full px-2 py-1 text-xs rounded border transition-colors outline-none",
+                "bg-tollerud-noir-900/50 border-tollerud-border/20 text-tollerud-text-primary placeholder:text-tollerud-text-muted/40",
+                "focus:border-tollerud-yellow/40 focus:ring-1 focus:ring-tollerud-yellow/20"
+              )
+            }
+          ) : null
+        },
+        `filter-${col.key}`
+      )) })
+    ] }),
+    tableBody()
+  ] });
+  if (!isRich) {
+    return /* @__PURE__ */ jsx("div", { ref: forwardedRef, className: cn("overflow-x-auto rounded-lg border border-tollerud-border/30", className), children: table });
+  }
+  const showEmpty = !loading && sorted.length === 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: forwardedRef,
+      className: cn(
+        "overflow-hidden rounded-lg border border-tollerud-border/30 bg-tollerud-noir-900",
+        className
+      ),
+      children: [
+        (searchable || filter || toolbarRight) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-tollerud-border/30 px-4 py-3.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2.5", children: [
+            searchable && /* @__PURE__ */ jsxs("div", { className: "flex h-9 w-[230px] max-w-full items-center gap-2 rounded-lg border border-tollerud-border/30 bg-tollerud-noir-950 px-3", children: [
+              /* @__PURE__ */ jsx(Search, { size: 15, className: "shrink-0 text-tollerud-text-muted", "aria-hidden": true }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: query,
+                  onChange: (e) => {
+                    setQuery(e.target.value);
+                    setPage(1);
+                  },
+                  placeholder: searchPlaceholder,
+                  className: "min-w-0 flex-1 border-none bg-transparent text-sm text-tollerud-text-primary outline-none placeholder:text-tollerud-text-muted"
+                }
+              ),
+              query && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setQuery(""),
+                  className: "text-tollerud-text-muted hover:text-tollerud-text-primary",
+                  "aria-label": "Clear search",
+                  children: /* @__PURE__ */ jsx(X, { size: 13 })
+                }
+              )
+            ] }),
+            filter && /* @__PURE__ */ jsx(
+              Segmented,
+              {
+                size: "sm",
+                value: filterValue,
+                onChange: (value) => {
+                  setFilterValue(value);
+                  setPage(1);
+                },
+                options: [
+                  { value: "all", label: filter.allLabel ?? "All" },
+                  ...filterOptions.map((opt) => ({ value: opt, label: opt }))
+                ]
+              }
+            )
+          ] }),
+          toolbarRight
+        ] }),
+        selectable && selected.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-tollerud-border/30 bg-tollerud-yellow/[0.07] px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm text-tollerud-text-primary", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: "accent", children: selected.length }),
+            "selected"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: bulkActions.map((action, index) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: action.variant ?? "ghost",
+              size: "sm",
+              onClick: () => action.onRun(selected, clearSelection),
+              children: [
+                action.icon,
+                action.label
+              ]
+            },
+            index
+          )) })
+        ] }),
+        showEmpty ? /* @__PURE__ */ jsx("div", { className: "p-2", children: emptyState ?? /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-tollerud-text-muted", children: "No results." }) }) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: table }),
+        !loading && sorted.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t border-tollerud-border/30 px-4 py-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-tollerud-text-muted", children: pageSize ? `Showing ${(currentPage - 1) * pageSize + 1}\u2013${(currentPage - 1) * pageSize + pageRows.length} of ${sorted.length}` : `${sorted.length} row${sorted.length === 1 ? "" : "s"}` }),
+          pageSize && pageCount > 1 && /* @__PURE__ */ jsx(Pagination, { page: currentPage, pageCount, onChange: setPage, siblingCount: 1 })
+        ] })
+      ]
+    }
+  );
+}
+var DataTable = forwardRef((props, ref) => /* @__PURE__ */ jsx(DataTableInner, { ...props, forwardedRef: ref }));
+DataTable.displayName = "DataTable";
+
+export { DataTable };
+//# sourceMappingURL=chunk-YPP7QHYT.js.map
+//# sourceMappingURL=chunk-YPP7QHYT.js.map

package/dist/chunk-YPP7QHYT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/DataTable.tsx"],"names":[],"mappings":"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","file":"chunk-YPP7QHYT.js","sourcesContent":["'use client'\n\nimport { useState, useMemo, forwardRef, type ReactNode } from 'react'\nimport { ChevronDown, MoreHorizontal, Search, X } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Badge } from './Badge'\nimport { Button } from './Button'\nimport { Checkbox } from './Checkbox'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from './DropdownMenu'\nimport { Pagination } from './Pagination'\nimport { Segmented } from './Segmented'\nimport { Skeleton } from './Skeleton'\n\n/* ──────────────────── Sortable & Filterable Data Table ──────────────────── */\n\nexport interface Column<T> {\n  key: string\n  label: string\n  sortable?: boolean\n  filterable?: boolean\n  align?: 'left' | 'center' | 'right'\n  width?: string\n  render?: (value: unknown, row: T) => ReactNode\n}\n\nexport interface DataTableFilter {\n  key: string\n  options?: string[]\n  allLabel?: string\n}\n\nexport interface DataTableBulkAction {\n  label: string\n  variant?: 'primary' | 'secondary' | 'ghost' | 'destructive' | 'terminal'\n  icon?: ReactNode\n  onRun: (selectedIds: (string | number)[], clearSelection: () => void) => void\n}\n\nexport interface DataTableRowMenuItem {\n  label: string\n  onSelect?: () => void\n  icon?: ReactNode\n  sep?: boolean\n  heading?: boolean\n}\n\nexport interface DataTableProps<T extends Record<string, unknown>> {\n  columns: Column<T>[]\n  /** Row data — use `data` or `rows` (alias). */\n  data?: T[]\n  rows?: T[]\n  /** Row key extractor — defaults to `row.id` or `row.key` */\n  rowKey?: keyof T | ((row: T) => string | number)\n  onRowClick?: (row: T) => void\n  className?: string\n  emptyMessage?: string\n  /** Global search across `searchKeys` (or all column keys). */\n  searchable?: boolean\n  searchKeys?: (keyof T | string)[]\n  searchPlaceholder?: string\n  /** Segmented filter on a single column value. */\n  filter?: DataTableFilter\n  selectable?: boolean\n  pageSize?: number\n  bulkActions?: DataTableBulkAction[]\n  rowMenu?: (row: T) => DataTableRowMenuItem[]\n  toolbarRight?: ReactNode\n  emptyState?: ReactNode\n  loading?: boolean\n  skeletonRows?: number\n}\n\ninterface DataTableInnerProps<T extends Record<string, unknown>> extends DataTableProps<T> {\n  forwardedRef?: React.Ref<HTMLDivElement>\n}\n\nfunction DataTableInner<T extends Record<string, unknown>>({\n  columns,\n  data,\n  rows,\n  rowKey,\n  onRowClick,\n  className,\n  emptyMessage = 'No data',\n  searchable = false,\n  searchKeys,\n  searchPlaceholder = 'Search…',\n  filter,\n  selectable = false,\n  pageSize,\n  bulkActions = [],\n  rowMenu,\n  toolbarRight,\n  emptyState,\n  loading = false,\n  skeletonRows = 5,\n  forwardedRef,\n}: DataTableInnerProps<T>) {\n  const tableData = useMemo(() => rows ?? data ?? [], [rows, data])\n\n  const isRich =\n    searchable ||\n    filter ||\n    selectable ||\n    pageSize !== undefined ||\n    !!rowMenu ||\n    !!toolbarRight ||\n    bulkActions.length > 0 ||\n    !!emptyState ||\n    loading\n\n  const [sortKey, setSortKey] = useState<string | null>(null)\n  const [sortDir, setSortDir] = useState<'asc' | 'desc'>('asc')\n  const [filters, setFilters] = useState<Record<string, string>>({})\n  const [query, setQuery] = useState('')\n  const [filterValue, setFilterValue] = useState('all')\n  const [selected, setSelected] = useState<(string | number)[]>([])\n  const [page, setPage] = useState(1)\n\n  const getRowKey = (row: T, i: number): string | number => {\n    if (typeof rowKey === 'function') return rowKey(row)\n    if (rowKey) return row[rowKey] as string | number\n    return (row.id ?? row.key ?? i) as string | number\n  }\n\n  const toggleSort = (key: string) => {\n    if (sortKey === key) {\n      setSortDir((d) => (d === 'asc' ? 'desc' : 'asc'))\n    } else {\n      setSortKey(key)\n      setSortDir('asc')\n    }\n  }\n\n  const updateFilter = (key: string, value: string) => {\n    setFilters((prev) => {\n      const next = { ...prev }\n      if (value.trim() === '') {\n        delete next[key]\n      } else {\n        next[key] = value\n      }\n      return next\n    })\n  }\n\n  const searchKeysResolved = searchKeys ?? columns.map((c) => c.key)\n  const filterOptions = filter\n    ? (filter.options ?? Array.from(new Set(tableData.map((r) => String(r[filter.key] ?? '')))))\n    : []\n\n  const filtered = useMemo(() => {\n    let result = tableData\n\n    if (isRich && filter && filterValue !== 'all') {\n      result = result.filter((row) => String(row[filter.key] ?? '') === filterValue)\n    }\n\n    if (isRich && searchable && query.trim()) {\n      const q = query.trim().toLowerCase()\n      result = result.filter((row) =>\n        searchKeysResolved.some((key) => String(row[key as keyof T] ?? '').toLowerCase().includes(q))\n      )\n    }\n\n    if (!isRich) {\n      const activeFilters = Object.entries(filters).filter(([, v]) => v.trim() !== '')\n      if (activeFilters.length > 0) {\n        result = result.filter((row) =>\n          activeFilters.every(([key, filterVal]) => {\n            const cellValue = String(row[key] ?? '').toLowerCase()\n            return cellValue.includes(filterVal.toLowerCase())\n          })\n        )\n      }\n    }\n\n    return result\n  }, [tableData, filters, isRich, filter, filterValue, searchable, query, searchKeysResolved])\n\n  const sorted = useMemo(() => {\n    if (!sortKey) return filtered\n    const col = columns.find((c) => c.key === sortKey)\n    if (!col?.sortable) return filtered\n\n    return [...filtered].sort((a, b) => {\n      const aVal = a[sortKey]\n      const bVal = b[sortKey]\n\n      if (typeof aVal === 'number' && typeof bVal === 'number') {\n        return sortDir === 'asc' ? aVal - bVal : bVal - aVal\n      }\n\n      const aStr = String(aVal ?? '')\n      const bStr = String(bVal ?? '')\n      const cmp = aStr.localeCompare(bStr, 'nb', { numeric: true })\n      return sortDir === 'asc' ? cmp : -cmp\n    })\n  }, [filtered, sortKey, sortDir, columns])\n\n  const pageCount = pageSize ? Math.max(1, Math.ceil(sorted.length / pageSize)) : 1\n  const currentPage = Math.min(page, pageCount)\n  const pageRows = pageSize\n    ? sorted.slice((currentPage - 1) * pageSize, currentPage * pageSize)\n    : sorted\n\n  const clearSelection = () => setSelected([])\n  const allOnPageSelected =\n    pageRows.length > 0 && pageRows.every((row) => selected.includes(getRowKey(row, 0)))\n\n  const toggleAllOnPage = () => {\n    const pageIds = pageRows.map((row, i) => getRowKey(row, i))\n    if (allOnPageSelected) {\n      setSelected((prev) => prev.filter((id) => !pageIds.includes(id)))\n    } else {\n      setSelected((prev) => Array.from(new Set([...prev, ...pageIds])))\n    }\n  }\n\n  const toggleRow = (id: string | number) => {\n    setSelected((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]))\n  }\n\n  const hasActiveFilters = Object.values(filters).some((v) => v.trim() !== '')\n  const filterableColumns = columns.filter((c) => c.filterable)\n  const colSpan = columns.length + (selectable ? 1 : 0) + (rowMenu ? 1 : 0)\n\n  const sortIndicator = (key: string) => {\n    const active = sortKey === key\n    return (\n      <ChevronDown\n        size={12}\n        className={cn(\n          'shrink-0 transition-transform duration-150',\n          active ? 'text-tollerud-yellow opacity-100' : 'opacity-25',\n          active && sortDir === 'desc' && 'rotate-180'\n        )}\n        aria-hidden\n      />\n    )\n  }\n\n  const headerCell = (col: Column<T>) => (\n    <th\n      key={col.key}\n      className={cn(\n        'px-3 py-2.5 text-left text-xs font-semibold text-tollerud-text-muted uppercase tracking-wider',\n        col.sortable && 'cursor-pointer select-none hover:text-tollerud-text-primary transition-colors',\n        col.align === 'right' && 'text-right',\n        col.align === 'center' && 'text-center',\n      )}\n      style={col.width ? { width: col.width } : undefined}\n      onClick={() => col.sortable && toggleSort(col.key)}\n    >\n      <span\n        className={cn(\n          'inline-flex items-center gap-1',\n          col.align === 'right' && 'justify-end w-full',\n          col.align === 'center' && 'justify-center w-full',\n        )}\n      >\n        {col.label}\n        {col.sortable && (isRich ? sortIndicator(col.key) : (\n          <>\n            {sortKey === col.key && (\n              <span className=\"text-tollerud-accent\">{sortDir === 'asc' ? '↑' : '↓'}</span>\n            )}\n            {sortKey !== col.key && <span className=\"text-tollerud-text-muted/30\">↕</span>}\n          </>\n        ))}\n        {!isRich && col.filterable && (\n          <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={cn('opacity-40', filters[col.key] && 'opacity-100 text-tollerud-yellow')}\n            aria-hidden\n          >\n            <path d=\"M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.53A2 2 0 0 1 4 6.16V4z\" />\n          </svg>\n        )}\n      </span>\n    </th>\n  )\n\n  const tableBody = () => {\n    if (loading) {\n      return (\n        <tbody>\n          {Array.from({ length: skeletonRows }).map((_, i) => (\n            <tr key={i} className=\"border-b border-tollerud-border/20\">\n              {selectable && (\n                <td className=\"px-3 py-2.5 w-10\">\n                  <Skeleton className=\"h-4 w-4 rounded\" />\n                </td>\n              )}\n              {columns.map((col, j) => (\n                <td key={col.key} className={cn('px-3 py-2.5', col.align === 'right' && 'text-right')}>\n                  <Skeleton className={cn('h-3', j === 0 ? 'w-[70%]' : 'w-[55%]')} />\n                </td>\n              ))}\n              {rowMenu && (\n                <td className=\"px-3 py-2.5 w-11\">\n                  <Skeleton className=\"h-4 w-4 rounded\" />\n                </td>\n              )}\n            </tr>\n          ))}\n        </tbody>\n      )\n    }\n\n    if (sorted.length === 0) {\n      if (isRich && emptyState) {\n        return null\n      }\n      return (\n        <tbody>\n          <tr>\n            <td colSpan={colSpan} className=\"px-3 py-8 text-center text-sm text-tollerud-text-muted\">\n              {hasActiveFilters || query || filterValue !== 'all' ? 'No matching rows' : emptyMessage}\n            </td>\n          </tr>\n        </tbody>\n      )\n    }\n\n    return (\n      <tbody>\n        {pageRows.map((row, i) => {\n          const id = getRowKey(row, i)\n          const isSelected = selected.includes(id)\n          return (\n            <tr\n              key={id}\n              className={cn(\n                'border-b border-tollerud-border/20 transition-colors',\n                onRowClick && 'cursor-pointer hover:bg-tollerud-surface-raised/50',\n                isSelected && 'bg-tollerud-yellow/[0.05]',\n              )}\n              onClick={() => onRowClick?.(row)}\n            >\n              {selectable && (\n                <td className=\"px-3 py-2.5 w-10\" onClick={(e) => e.stopPropagation()}>\n                  <Checkbox checked={isSelected} onChange={() => toggleRow(id)} aria-label={`Select row ${id}`} />\n                </td>\n              )}\n              {columns.map((col) => {\n                const value = row[col.key]\n                return (\n                  <td\n                    key={col.key}\n                    className={cn(\n                      'px-3 py-2.5 text-tollerud-text-secondary',\n                      col.align === 'right' && 'text-right',\n                      col.align === 'center' && 'text-center',\n                      !col.render && 'font-mono text-xs',\n                    )}\n                  >\n                    {col.render ? col.render(value, row) : String(value ?? '—')}\n                  </td>\n                )\n              })}\n              {rowMenu && (\n                <td className=\"px-2 py-2 w-11\" onClick={(e) => e.stopPropagation()}>\n                  <DropdownMenu>\n                    <DropdownMenuTrigger asChild>\n                      <button\n                        type=\"button\"\n                        className=\"inline-flex h-7 w-7 items-center justify-center rounded-md text-tollerud-text-muted hover:text-tollerud-text-primary hover:bg-tollerud-surface-raised transition-colors tollerud-focus-ring\"\n                        aria-label=\"Row actions\"\n                      >\n                        <MoreHorizontal size={15} />\n                      </button>\n                    </DropdownMenuTrigger>\n                    <DropdownMenuContent align=\"end\">\n                      {rowMenu(row).map((item, index) => {\n                        if (item.sep) return <DropdownMenuSeparator key={index} />\n                        if (item.heading) return <DropdownMenuLabel key={index}>{item.label}</DropdownMenuLabel>\n                        return (\n                          <DropdownMenuItem key={index} onSelect={() => item.onSelect?.()}>\n                            {item.icon ? <span className=\"mr-2 inline-flex\">{item.icon}</span> : null}\n                            {item.label}\n                          </DropdownMenuItem>\n                        )\n                      })}\n                    </DropdownMenuContent>\n                  </DropdownMenu>\n                </td>\n              )}\n            </tr>\n          )\n        })}\n        {isRich &&\n          pageSize &&\n          pageRows.length < pageSize &&\n          Array.from({ length: pageSize - pageRows.length }).map((_, i) => (\n            <tr key={`spacer-${i}`} aria-hidden className=\"h-[49px]\">\n              <td colSpan={colSpan} />\n            </tr>\n          ))}\n      </tbody>\n    )\n  }\n\n  const table = (\n    <table className=\"w-full min-w-[640px] text-sm\">\n      <thead>\n        <tr className=\"border-b border-tollerud-border/30 bg-tollerud-noir-900\">\n          {selectable && (\n            <th className=\"px-3 py-2.5 w-10\">\n              <Checkbox\n                checked={allOnPageSelected}\n                onChange={toggleAllOnPage}\n                aria-label=\"Select all rows on page\"\n              />\n            </th>\n          )}\n          {columns.map((col) => headerCell(col))}\n          {rowMenu && <th className=\"w-11\" />}\n        </tr>\n        {!isRich && filterableColumns.length > 0 && (\n          <tr className=\"border-b border-tollerud-border/20\">\n            {columns.map((col) => (\n              <th\n                key={`filter-${col.key}`}\n                className={cn('px-1.5 py-1', col.align === 'right' && 'text-right', col.align === 'center' && 'text-center')}\n              >\n                {col.filterable ? (\n                  <input\n                    type=\"text\"\n                    placeholder={`Filter ${col.label.toLowerCase()}…`}\n                    value={filters[col.key] ?? ''}\n                    onChange={(e) => updateFilter(col.key, e.target.value)}\n                    className={cn(\n                      'w-full px-2 py-1 text-xs rounded border transition-colors outline-none',\n                      'bg-tollerud-noir-900/50 border-tollerud-border/20 text-tollerud-text-primary placeholder:text-tollerud-text-muted/40',\n                      'focus:border-tollerud-yellow/40 focus:ring-1 focus:ring-tollerud-yellow/20',\n                    )}\n                  />\n                ) : null}\n              </th>\n            ))}\n          </tr>\n        )}\n      </thead>\n      {tableBody()}\n    </table>\n  )\n\n  if (!isRich) {\n    return (\n      <div ref={forwardedRef} className={cn('overflow-x-auto rounded-lg border border-tollerud-border/30', className)}>\n        {table}\n      </div>\n    )\n  }\n\n  const showEmpty = !loading && sorted.length === 0\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={cn(\n        'overflow-hidden rounded-lg border border-tollerud-border/30 bg-tollerud-noir-900',\n        className,\n      )}\n    >\n      {(searchable || filter || toolbarRight) && (\n        <div className=\"flex flex-wrap items-center justify-between gap-3 border-b border-tollerud-border/30 px-4 py-3.5\">\n          <div className=\"flex flex-wrap items-center gap-2.5\">\n            {searchable && (\n              <div className=\"flex h-9 w-[230px] max-w-full items-center gap-2 rounded-lg border border-tollerud-border/30 bg-tollerud-noir-950 px-3\">\n                <Search size={15} className=\"shrink-0 text-tollerud-text-muted\" aria-hidden />\n                <input\n                  value={query}\n                  onChange={(e) => {\n                    setQuery(e.target.value)\n                    setPage(1)\n                  }}\n                  placeholder={searchPlaceholder}\n                  className=\"min-w-0 flex-1 border-none bg-transparent text-sm text-tollerud-text-primary outline-none placeholder:text-tollerud-text-muted\"\n                />\n                {query && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setQuery('')}\n                    className=\"text-tollerud-text-muted hover:text-tollerud-text-primary\"\n                    aria-label=\"Clear search\"\n                  >\n                    <X size={13} />\n                  </button>\n                )}\n              </div>\n            )}\n            {filter && (\n              <Segmented\n                size=\"sm\"\n                value={filterValue}\n                onChange={(value) => {\n                  setFilterValue(value)\n                  setPage(1)\n                }}\n                options={[\n                  { value: 'all', label: filter.allLabel ?? 'All' },\n                  ...filterOptions.map((opt) => ({ value: opt, label: opt })),\n                ]}\n              />\n            )}\n          </div>\n          {toolbarRight}\n        </div>\n      )}\n\n      {selectable && selected.length > 0 && (\n        <div className=\"flex flex-wrap items-center justify-between gap-3 border-b border-tollerud-border/30 bg-tollerud-yellow/[0.07] px-4 py-2.5\">\n          <span className=\"flex items-center gap-2 text-sm text-tollerud-text-primary\">\n            <Badge variant=\"accent\">{selected.length}</Badge>\n            selected\n          </span>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {bulkActions.map((action, index) => (\n              <Button\n                key={index}\n                variant={action.variant ?? 'ghost'}\n                size=\"sm\"\n                onClick={() => action.onRun(selected, clearSelection)}\n              >\n                {action.icon}\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {showEmpty ? (\n        <div className=\"p-2\">{emptyState ?? <div className=\"py-12 text-center text-sm text-tollerud-text-muted\">No results.</div>}</div>\n      ) : (\n        <div className=\"overflow-x-auto\">{table}</div>\n      )}\n\n      {!loading && sorted.length > 0 && (\n        <div className=\"flex flex-wrap items-center justify-between gap-3 border-t border-tollerud-border/30 px-4 py-3\">\n          <span className=\"text-xs text-tollerud-text-muted\">\n            {pageSize\n              ? `Showing ${(currentPage - 1) * pageSize + 1}–${(currentPage - 1) * pageSize + pageRows.length} of ${sorted.length}`\n              : `${sorted.length} row${sorted.length === 1 ? '' : 's'}`}\n          </span>\n          {pageSize && pageCount > 1 && (\n            <Pagination page={currentPage} pageCount={pageCount} onChange={setPage} siblingCount={1} />\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst DataTable = forwardRef(<T extends Record<string, unknown>>(\n  props: DataTableProps<T>,\n  ref: React.Ref<HTMLDivElement>\n) => <DataTableInner {...props} forwardedRef={ref} />)\n\nDataTable.displayName = 'DataTable'\n\nexport { DataTable }\n"]}