cursedbelt 0.0.0

package/dist/react/components/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../../src/react/components/ConfirmDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiBjF;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,EACP,YAAY,GAAG,SAAS,EACxB,WAAW,GAAG,QAAQ,EACtB,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,GACI;IACnB,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,CAAC,CAAC;gBAAE,QAAQ,EAAE,CAAC;QACrB,CAAC,YAED,MAAC,aAAa,IACZ,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CACX,4GAA4G,EAC5G,uFAAuF,EACvF,uFAAuF,EACvF,gGAAgG,CACjG;YACD,+EAA+E;YAC/E,uEAAuE;YACvE,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;gBACrB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,UAAU,CAAC,OAAO;oBAChB,EAAE,aAAa,CACb,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,CACvD;oBACD,EAAE,KAAK,EAAE,CAAC;YACd,CAAC,aAED,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAe,EACrE,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,iBAAiB,IAAC,SAAS,EAAC,+BAA+B,YACzD,OAAO,GACU,CACrB,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,MAAM,4BAAgB,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,YAC5E,WAAW,GACL,EACT,KAAC,MAAM,6BAEL,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,SAAS,EAAE,EAC/B,OAAO,EAAE,OAAO,YAEf,YAAY,GACN,IACL,IACQ,GACT,CACV,CAAC;AACJ,CAAC"}

package/dist/react/components/CopyButton.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+import { type TooltipPlacement } from './Tooltip';
+export interface CopyButtonProps {
+    /** Text written to the clipboard (or a resolver called on click). */
+    value: string | (() => string);
+    /** Accessible name + native title (default 'Copy to clipboard'). */
+    label?: string;
+    /** Accessible name during the post-copy confirmation (default 'Copied'). */
+    copiedLabel?: string;
+    /** Optional visible content beside the icon (e.g. "Copy"). */
+    children?: ReactNode;
+    /** Visible confirmation text when `children` is a string (default 'Copied'). */
+    copiedText?: string;
+    /**
+     * Fire a sonner `toast.success` on a successful copy. `true` → "Copied to
+     * clipboard"; a string → that message; `false` → no toast (e.g. when a tooltip
+     * or the inline ✓ already confirms). Default `true`.
+     */
+    confirmToast?: boolean | string;
+    /** Render the leading icon (default true). */
+    showIcon?: boolean;
+    copyIcon?: ReactNode;
+    copiedIcon?: ReactNode;
+    iconSize?: number;
+    onCopied?: (text: string) => void;
+    onError?: () => void;
+    /** Stop the click bubbling (e.g. inside a clickable row). */
+    stopPropagation?: boolean;
+    /** Wrap the button in a styled hover Tooltip. */
+    tooltip?: ReactNode;
+    tooltipPlacement?: TooltipPlacement;
+    /** How long the post-copy ✓ confirmation shows (ms, default 1200). */
+    resetMs?: number;
+    className?: string;
+    disabled?: boolean;
+}
+/** A copy-to-clipboard button: a transient inline ✓ plus a sonner success toast
+ *  (the single, app-wide copy confirmation — no Redux, no hand-rolled toast). */
+export declare function CopyButton({ value, label, copiedLabel, children, copiedText, confirmToast, showIcon, copyIcon, copiedIcon, iconSize, onCopied, onError, stopPropagation, tooltip, tooltipPlacement, resetMs, className, disabled, }: CopyButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/react/components/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,EAAW,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC/B,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;iFACiF;AACjF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAA2B,EAC3B,WAAsB,EACtB,QAAQ,EACR,UAAqB,EACrB,YAAmB,EACnB,QAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAa,EACb,QAAQ,EACR,OAAO,EACP,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,+BA4CjB"}

package/dist/react/components/CopyButton.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Copy } from 'lucide-react';
+import { toast } from 'sonner';
+import { useCopyToClipboard } from '../hooks/useCopyToClipboard';
+import { cn } from '../lib/cn';
+import { Tooltip } from './Tooltip';
+/** A copy-to-clipboard button: a transient inline ✓ plus a sonner success toast
+ *  (the single, app-wide copy confirmation — no Redux, no hand-rolled toast). */
+export function CopyButton({ value, label = 'Copy to clipboard', copiedLabel = 'Copied', children, copiedText = 'Copied', confirmToast = true, showIcon = true, copyIcon, copiedIcon, iconSize = 16, onCopied, onError, stopPropagation, tooltip, tooltipPlacement, resetMs, className, disabled, }) {
+    const { copied, copy } = useCopyToClipboard(resetMs);
+    const onClick = async (e) => {
+        if (stopPropagation)
+            e.stopPropagation();
+        const text = typeof value === 'function' ? value() : value;
+        const ok = await copy(text);
+        if (ok) {
+            if (confirmToast !== false) {
+                toast.success(typeof confirmToast === 'string' ? confirmToast : 'Copied to clipboard');
+            }
+            onCopied?.(text);
+        }
+        else {
+            onError?.();
+        }
+    };
+    const btn = (_jsxs("button", { type: 'button', "aria-label": copied ? copiedLabel : label, title: tooltip ? undefined : copied ? copiedLabel : label, onClick: onClick, disabled: disabled, className: cn('inline-flex shrink-0 cursor-pointer items-center justify-center gap-1 rounded p-1 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:min-h-9 pointer-coarse:min-w-9', className), children: [showIcon
+                ? copied
+                    ? (copiedIcon ?? _jsx(Check, { size: iconSize }))
+                    : (copyIcon ?? _jsx(Copy, { size: iconSize }))
+                : null, typeof children === 'string' ? (copied ? copiedText : children) : children] }));
+    return tooltip && !disabled ? (_jsx(Tooltip, { content: tooltip, side: tooltipPlacement, mobile: 'off', children: btn })) : (btn);
+}
+//# sourceMappingURL=CopyButton.js.map

package/dist/react/components/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/react/components/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAyB,MAAM,WAAW,CAAC;AAqC3D;iFACiF;AACjF,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,QAAQ,EACtB,QAAQ,EACR,UAAU,GAAG,QAAQ,EACrB,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,OAAO,EACP,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,GACQ;IAChB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAgC,EAAE,EAAE;QACzD,IAAI,eAAe;YAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QACzC,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3D,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,EAAE,EAAE,CAAC;YACP,IAAI,YAAY,KAAK,KAAK,EAAE,CAAC;gBAC3B,KAAK,CAAC,OAAO,CAAC,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;YACzF,CAAC;YACD,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,CACV,kBACE,IAAI,EAAC,QAAQ,gBACD,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,EACxC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,EACzD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,+OAA+O,EAC/O,SAAS,CACV,aAEA,QAAQ;gBACP,CAAC,CAAC,MAAM;oBACN,CAAC,CAAC,CAAC,UAAU,IAAI,KAAC,KAAK,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;oBAC3C,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;gBAC1C,CAAC,CAAC,IAAI,EACP,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,IACpE,CACV,CAAC;IACF,OAAO,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC5B,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAC,KAAK,YAC5D,GAAG,GACI,CACX,CAAC,CAAC,CAAC,CACF,GAAG,CACJ,CAAC;AACJ,CAAC"}

package/dist/react/components/DataTable/CardView.d.ts

@@ -0,0 +1,18 @@
+import type { ColDef } from './types';
+export interface CardViewProps<TRow extends Record<string, unknown>> {
+    columns: ColDef<TRow>[];
+    data: TRow[];
+    getRowId?: (row: TRow) => string;
+    onRowClick?: (row: TRow) => void;
+    /** Minimum card width before the grid reflows (container-query based). */
+    cardMinWidth?: string;
+    className?: string;
+}
+/**
+ * The card-grid alternative view over the same data + columns as the table. Crucially it
+ * renders each value through the SAME {@link CellRenderer} registry, so an image/file/
+ * color/tag field shows its real preview here exactly as it does in the table and the
+ * detail Drawer — one renderer per type, every view (the owner's cross-view mandate).
+ */
+export declare function CardView<TRow extends Record<string, unknown>>({ columns, data, getRowId, onRowClick, cardMinWidth, className, }: CardViewProps<TRow>): import("react").JSX.Element;
+//# sourceMappingURL=CardView.d.ts.map

package/dist/react/components/DataTable/CardView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardView.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/CardView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,aAAa,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC7D,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,YAAsB,EACtB,SAAS,GACV,EAAE,aAAa,CAAC,IAAI,CAAC,+BAyBrB"}

package/dist/react/components/DataTable/CardView.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid } from '../Grid';
+import { Stack } from '../layout';
+import { Surface } from '../Surface';
+import { CellRenderer } from './cells/CellRenderer';
+/**
+ * The card-grid alternative view over the same data + columns as the table. Crucially it
+ * renders each value through the SAME {@link CellRenderer} registry, so an image/file/
+ * color/tag field shows its real preview here exactly as it does in the table and the
+ * detail Drawer — one renderer per type, every view (the owner's cross-view mandate).
+ */
+export function CardView({ columns, data, getRowId, onRowClick, cardMinWidth = '16rem', className, }) {
+    const visible = columns.filter((c) => !c.hidden);
+    return (_jsx(Grid, { min: cardMinWidth, gap: 4, className: className, children: data.map((row, i) => {
+            const key = getRowId ? getRowId(row) : `card-${i}`;
+            const body = _jsx(CardRowContent, { columns: visible, row: row });
+            return (_jsx(Surface, { level: 'raised', interactive: !!onRowClick, pad: 'md', radius: 'lg', children: onRowClick ? (_jsx("button", { type: 'button', onClick: () => onRowClick(row), className: 'w-full rounded-md text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: body })) : (body) }, key));
+        }) }));
+}
+function CardRowContent({ columns, row, }) {
+    return (_jsx(Stack, { gap: 2, children: columns.map((col) => (_jsxs("div", { className: 'flex items-baseline justify-between gap-3', children: [_jsx("span", { className: 'shrink-0 text-xs font-medium text-muted-foreground', children: col.label }), _jsx("span", { className: 'min-w-0 text-right text-sm', children: _jsx(CellRenderer, { col: col, value: row[col.key], row: row }) })] }, col.key))) }));
+}
+//# sourceMappingURL=CardView.js.map

package/dist/react/components/DataTable/CardView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardView.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/CardView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAapD;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAuC,EAC7D,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,YAAY,GAAG,OAAO,EACtB,SAAS,GACW;IACpB,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,YAClD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACnB,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnD,MAAM,IAAI,GAAG,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;YAC5D,OAAO,CACL,KAAC,OAAO,IAAW,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,CAAC,UAAU,EAAE,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,YAC9E,UAAU,CAAC,CAAC,CAAC,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAC9B,SAAS,EAAC,qGAAqG,YAE9G,IAAI,GACE,CACV,CAAC,CAAC,CAAC,CACF,IAAI,CACL,IAXW,GAAG,CAYP,CACX,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAuC,EAC5D,OAAO,EACP,GAAG,GAIJ;IACC,OAAO,CACL,KAAC,KAAK,IAAC,GAAG,EAAE,CAAC,YACV,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,eAAmB,SAAS,EAAC,2CAA2C,aACtE,eAAM,SAAS,EAAC,oDAAoD,YAAE,GAAG,CAAC,KAAK,GAAQ,EACvF,eAAM,SAAS,EAAC,4BAA4B,YAC1C,KAAC,YAAY,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,GACpD,KAJC,GAAG,CAAC,GAAG,CAKX,CACP,CAAC,GACI,CACT,CAAC;AACJ,CAAC"}

package/dist/react/components/DataTable/DataTable.d.ts

@@ -0,0 +1,53 @@
+import { type ColumnFiltersState, type PaginationState, type RowData, type SortingState, useReactTable } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+import type { ColDef } from './types';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        label?: string;
+    }
+}
+export type { ColDef } from './types';
+export interface DataTableProps<TRow extends Record<string, unknown>> {
+    columns: ColDef<TRow>[];
+    data: TRow[];
+    /** Stable row id (selection/keys). Falls back to the row index. */
+    getRowId?: (row: TRow) => string;
+    /** Click a row — typically opens the record `Drawer`. */
+    onRowClick?: (row: TRow) => void;
+    /** Trailing per-row Edit action (renders the actions column). */
+    onRowEdit?: (row: TRow) => void;
+    /** Trailing per-row Delete action (renders the actions column). */
+    onRowDelete?: (row: TRow) => void;
+    loading?: boolean;
+    /** Shown when there are no rows (default: a plain "No results"). */
+    emptyState?: ReactNode;
+    /** A toolbar; the function form receives the live table instance (recommended, since
+     *  the table is created inside this component — see {@link TableToolbar}). */
+    toolbar?: ReactNode | ((table: ReturnType<typeof useReactTable<TRow>>) => ReactNode);
+    pageSize?: number;
+    /** Offer a rows-per-page selector in the pager. */
+    pageSizeOptions?: number[];
+    /** Hide the built-in pager (e.g. a short list that always fits one page). */
+    hidePagination?: boolean;
+    /** Accessible `<caption>` (visually hidden) describing the table. */
+    caption?: string;
+    className?: string;
+    /** Server-driven sort/filter/pagination: the table renders `data` verbatim and reports
+     *  state changes up via the callbacks; supply `pageCount`/`rowCount` for the pager. */
+    serverSide?: boolean;
+    pageCount?: number;
+    rowCount?: number;
+    onSortingChange?: (sorting: SortingState) => void;
+    onColumnFiltersChange?: (filters: ColumnFiltersState) => void;
+    onGlobalFilterChange?: (value: string) => void;
+    onPaginationChange?: (pagination: PaginationState) => void;
+}
+/**
+ * The one data-table primitive — a headless TanStack Table v8 instance with our markup.
+ * Sorting, global filtering, column visibility, and pagination all live in TanStack
+ * state; cells dispatch through the {@link CellRenderer} registry (so rich types render
+ * everywhere). Dynamic/user-defined columns are first-class: pass a runtime `ColDef[]`.
+ * A record create/edit flow is a `Drawer` (task 10) opened from `onRowClick`/toolbar add.
+ */
+export declare function DataTable<TRow extends Record<string, unknown>>({ columns, data, getRowId, onRowClick, onRowEdit, onRowDelete, loading, emptyState, toolbar, pageSize, pageSizeOptions, hidePagination, caption, className, serverSide, pageCount, rowCount, onSortingChange, onColumnFiltersChange, onGlobalFilterChange, onPaginationChange, }: DataTableProps<TRow>): import("react").JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/react/components/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,kBAAkB,EAOvB,KAAK,eAAe,EACpB,KAAK,OAAO,EACZ,KAAK,YAAY,EACjB,aAAa,EAEd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAY,SAAS,EAAkB,MAAM,OAAO,CAAC;AASjE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAKtC,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;CACF;AAED,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,cAAc,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;IACjC,yDAAyD;IACzD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,iEAAiE;IACjE,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,mEAAmE;IACnE,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;kFAC8E;IAC9E,OAAO,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;IACrF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,6EAA6E;IAC7E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;2FACuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5D;AAeD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC9D,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,OAAO,EACP,QAAa,EACb,eAAe,EACf,cAAc,EACd,OAAO,EACP,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,EACR,eAAe,EACf,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,GACnB,EAAE,cAAc,CAAC,IAAI,CAAC,+BAsJtB"}

package/dist/react/components/DataTable/DataTable.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import { useMemo, useState } from 'react';
+import { cn } from '../../lib/cn';
+import { EmptyState } from '../EmptyState';
+import { Skeleton } from '../Skeleton';
+import { CellRenderer } from './cells/CellRenderer';
+import { TablePagination } from './Pagination';
+import { RowActions } from './RowActions';
+import { SortHeader } from './SortHeader';
+/** Build an OnChangeFn that updates local state AND notifies an optional listener. */
+function chainUpdater(set, notify) {
+    return (updater) => set((prev) => {
+        const next = typeof updater === 'function' ? updater(prev) : updater;
+        notify?.(next);
+        return next;
+    });
+}
+/**
+ * The one data-table primitive — a headless TanStack Table v8 instance with our markup.
+ * Sorting, global filtering, column visibility, and pagination all live in TanStack
+ * state; cells dispatch through the {@link CellRenderer} registry (so rich types render
+ * everywhere). Dynamic/user-defined columns are first-class: pass a runtime `ColDef[]`.
+ * A record create/edit flow is a `Drawer` (task 10) opened from `onRowClick`/toolbar add.
+ */
+export function DataTable({ columns, data, getRowId, onRowClick, onRowEdit, onRowDelete, loading, emptyState, toolbar, pageSize = 50, pageSizeOptions, hidePagination, caption, className, serverSide, pageCount, rowCount, onSortingChange, onColumnFiltersChange, onGlobalFilterChange, onPaginationChange, }) {
+    const [sorting, setSorting] = useState([]);
+    const [columnFilters, setColumnFilters] = useState([]);
+    const [globalFilter, setGlobalFilter] = useState('');
+    const [columnVisibility, setColumnVisibility] = useState(() => Object.fromEntries(columns.filter((c) => c.hidden).map((c) => [c.key, false])));
+    const [pagination, setPagination] = useState({ pageIndex: 0, pageSize });
+    const tsColumns = useMemo(() => columns.map((col) => ({
+        id: col.key,
+        accessorKey: col.key,
+        meta: { label: col.label },
+        size: col.width,
+        enableSorting: col.sortable ?? false,
+        enableHiding: !col.alwaysVisible,
+        enableGlobalFilter: col.filterable ?? true,
+        enableColumnFilter: col.filterable ?? false,
+        header: ({ column }) => (_jsx(SortHeader, { column: column, label: col.label, sortable: col.sortable })),
+        cell: ({ getValue, row }) => (_jsx(CellRenderer, { col: col, value: getValue(), row: row.original, onEdit: onRowEdit ? () => onRowEdit(row.original) : undefined })),
+    })), [columns, onRowEdit]);
+    const table = useReactTable({
+        data,
+        columns: tsColumns,
+        getRowId,
+        state: { sorting, columnFilters, globalFilter, columnVisibility, pagination },
+        onSortingChange: chainUpdater(setSorting, onSortingChange),
+        onColumnFiltersChange: chainUpdater(setColumnFilters, onColumnFiltersChange),
+        onGlobalFilterChange: chainUpdater(setGlobalFilter, (v) => onGlobalFilterChange?.(String(v ?? ''))),
+        onColumnVisibilityChange: chainUpdater(setColumnVisibility),
+        onPaginationChange: chainUpdater(setPagination, onPaginationChange),
+        globalFilterFn: 'includesString',
+        manualSorting: serverSide,
+        manualFiltering: serverSide,
+        manualPagination: serverSide,
+        pageCount: serverSide ? pageCount : undefined,
+        rowCount: serverSide ? rowCount : undefined,
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: serverSide ? undefined : getSortedRowModel(),
+        getFilteredRowModel: serverSide ? undefined : getFilteredRowModel(),
+        getPaginationRowModel: serverSide ? undefined : getPaginationRowModel(),
+    });
+    const rows = table.getRowModel().rows;
+    const hasActions = !!(onRowEdit || onRowDelete);
+    const toolbarNode = typeof toolbar === 'function' ? toolbar(table) : toolbar;
+    return (_jsxs("div", { className: cn('flex min-h-0 flex-col', className), children: [toolbarNode, loading ? (_jsx("div", { className: 'flex flex-col gap-2 p-4', children: Array.from({ length: 5 }).map((_, i) => (_jsx(Skeleton, { className: 'h-10 w-full' }, `dt-skeleton-${i}`))) })) : rows.length === 0 ? (_jsx("div", { className: 'p-2', children: emptyState ?? _jsx(EmptyState, { title: 'No results' }) })) : (_jsx("div", { className: 'overflow-x-auto', children: _jsxs("table", { className: 'w-full border-collapse text-sm', children: [caption ? _jsx("caption", { className: 'sr-only', children: caption }) : null, _jsx("thead", { children: table.getHeaderGroups().map((hg) => (_jsxs("tr", { className: 'border-b border-border', children: [hg.headers.map((h) => {
+                                        const sorted = h.column.getIsSorted();
+                                        const width = h.column.columnDef.size;
+                                        return (_jsx("th", { scope: 'col', "aria-sort": sorted === 'asc'
+                                                ? 'ascending'
+                                                : sorted === 'desc'
+                                                    ? 'descending'
+                                                    : undefined, style: width != null ? { width } : undefined, className: 'px-4 py-2.5 text-left font-medium text-muted-foreground', children: h.isPlaceholder
+                                                ? null
+                                                : flexRender(h.column.columnDef.header, h.getContext()) }, h.id));
+                                    }), hasActions ? _jsx("th", { className: 'w-20 px-2', "aria-label": 'Row actions' }) : null] }, hg.id))) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { className: cn('border-b border-border transition-colors last:border-0', onRowClick &&
+                                    'cursor-pointer hover:bg-muted/50 focus-visible:bg-muted/50 focus-visible:outline-none'), tabIndex: onRowClick ? 0 : undefined, onClick: onRowClick ? () => onRowClick(row.original) : undefined, onKeyDown: onRowClick
+                                    ? (e) => {
+                                        if (e.key === 'Enter')
+                                            onRowClick(row.original);
+                                    }
+                                    : undefined, children: [row.getVisibleCells().map((cell) => (_jsx("td", { className: 'px-4 py-2.5 align-middle', children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))), hasActions ? (_jsx("td", { className: 'px-2 py-2', children: _jsx(RowActions, { row: row.original, onEdit: onRowEdit, onDelete: onRowDelete }) })) : null] }, row.id))) })] }) })), !loading && rows.length > 0 && !hidePagination ? (_jsx(TablePagination, { table: table, pageSizeOptions: pageSizeOptions })) : null] }));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/react/components/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/DataTable/Pagination.d.ts

@@ -0,0 +1,14 @@
+import type { Table } from '@tanstack/react-table';
+export interface TablePaginationProps<TRow> {
+    table: Table<TRow>;
+    /** Offer a rows-per-page selector with these choices. */
+    pageSizeOptions?: number[];
+}
+/**
+ * The DataTable's pager, wired directly to TanStack pagination state — replaces the old
+ * hand-rolled `Pagination` with no ad-hoc page math. Works for client-side paging and,
+ * unchanged, for `serverSide` manual paging (it reads `getRowCount()` / `getPageCount()`,
+ * which the table derives from the caller-supplied `rowCount` / `pageCount`).
+ */
+export declare function TablePagination<TRow>({ table, pageSizeOptions }: TablePaginationProps<TRow>): import("react").JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/react/components/DataTable/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAMnD,MAAM,WAAW,oBAAoB,CAAC,IAAI;IACxC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,+BAiE3F"}

package/dist/react/components/DataTable/Pagination.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';
+import { IconButton } from '../IconButton';
+import { Cluster } from '../layout';
+import { SelectField } from '../SelectField';
+/**
+ * The DataTable's pager, wired directly to TanStack pagination state — replaces the old
+ * hand-rolled `Pagination` with no ad-hoc page math. Works for client-side paging and,
+ * unchanged, for `serverSide` manual paging (it reads `getRowCount()` / `getPageCount()`,
+ * which the table derives from the caller-supplied `rowCount` / `pageCount`).
+ */
+export function TablePagination({ table, pageSizeOptions }) {
+    const { pageIndex, pageSize } = table.getState().pagination;
+    const total = table.getRowCount();
+    const pageCount = table.getPageCount();
+    const start = total === 0 ? 0 : pageIndex * pageSize + 1;
+    const end = Math.min((pageIndex + 1) * pageSize, total);
+    return (_jsxs("div", { className: 'flex flex-wrap items-center justify-between gap-3 border-t border-border px-4 py-2.5 text-sm text-muted-foreground', children: [_jsxs("div", { className: 'flex items-center gap-3', children: [_jsx("span", { children: total === 0 ? 'No results' : `${start}–${end} of ${total}` }), pageSizeOptions?.length ? (_jsxs("span", { className: 'flex items-center gap-1.5', children: [_jsx("span", { className: 'whitespace-nowrap', children: "Per page" }), _jsx(SelectField, { fieldStyle: false, "aria-label": 'Rows per page', className: 'h-8 rounded-md border border-border bg-background px-2', value: String(pageSize), onValueChange: (v) => table.setPageSize(Number(v)), options: pageSizeOptions.map((n) => ({ value: String(n), label: String(n) })) })] })) : null] }), _jsxs(Cluster, { gap: 1, children: [_jsx(IconButton, { label: 'First page', className: 'size-7 [&_svg]:size-4', onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: _jsx(ChevronsLeft, {}) }), _jsx(IconButton, { label: 'Previous page', className: 'size-7 [&_svg]:size-4', onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: _jsx(ChevronLeft, {}) }), _jsxs("span", { className: 'px-2 tabular-nums', children: [pageIndex + 1, " / ", Math.max(1, pageCount)] }), _jsx(IconButton, { label: 'Next page', className: 'size-7 [&_svg]:size-4', onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: _jsx(ChevronRight, {}) }), _jsx(IconButton, { label: 'Last page', className: 'size-7 [&_svg]:size-4', onClick: () => table.setPageIndex(pageCount - 1), disabled: !table.getCanNextPage(), children: _jsx(ChevronsRight, {}) })] })] }));
+}
+//# sourceMappingURL=Pagination.js.map

package/dist/react/components/DataTable/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/Pagination.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/DataTable/RowActions.d.ts

@@ -0,0 +1,13 @@
+export interface RowActionsProps<TRow> {
+    row: TRow;
+    onEdit?: (row: TRow) => void;
+    onDelete?: (row: TRow) => void;
+}
+/**
+ * The trailing per-row action cell: an Edit and/or Delete affordance. Clicks
+ * `stopPropagation` so an action never also fires the row's `onRowClick`. Confirmation
+ * for a destructive delete is the caller's call (wrap `onDelete` with `confirm()` from
+ * task 10) — this primitive just surfaces the intent.
+ */
+export declare function RowActions<TRow>({ row, onEdit, onDelete }: RowActionsProps<TRow>): import("react").JSX.Element;
+//# sourceMappingURL=RowActions.d.ts.map

package/dist/react/components/DataTable/RowActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/RowActions.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,GAAG,EAAE,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,+BA6BhF"}

package/dist/react/components/DataTable/RowActions.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pencil, Trash2 } from 'lucide-react';
+import { IconButton } from '../IconButton';
+/**
+ * The trailing per-row action cell: an Edit and/or Delete affordance. Clicks
+ * `stopPropagation` so an action never also fires the row's `onRowClick`. Confirmation
+ * for a destructive delete is the caller's call (wrap `onDelete` with `confirm()` from
+ * task 10) — this primitive just surfaces the intent.
+ */
+export function RowActions({ row, onEdit, onDelete }) {
+    return (_jsxs("div", { className: 'flex items-center justify-end gap-0.5', children: [onEdit ? (_jsx(IconButton, { label: 'Edit row', className: 'size-8 [&_svg]:size-4', onClick: (e) => {
+                    e.stopPropagation();
+                    onEdit(row);
+                }, children: _jsx(Pencil, {}) })) : null, onDelete ? (_jsx(IconButton, { label: 'Delete row', className: 'size-8 text-muted-foreground hover:text-destructive [&_svg]:size-4', onClick: (e) => {
+                    e.stopPropagation();
+                    onDelete(row);
+                }, children: _jsx(Trash2, {}) })) : null] }));
+}
+//# sourceMappingURL=RowActions.js.map

package/dist/react/components/DataTable/RowActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/RowActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAyB;IAC/E,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACnD,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,UAAU,IACT,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,MAAM,CAAC,GAAG,CAAC,CAAC;gBACd,CAAC,YAED,KAAC,MAAM,KAAG,GACC,CACd,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,UAAU,IACT,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,oEAAoE,EAC9E,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,QAAQ,CAAC,GAAG,CAAC,CAAC;gBAChB,CAAC,YAED,KAAC,MAAM,KAAG,GACC,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/DataTable/SortHeader.d.ts

@@ -0,0 +1,14 @@
+import type { Column } from '@tanstack/react-table';
+export interface SortHeaderProps<TRow> {
+    column: Column<TRow, unknown>;
+    label: string;
+    sortable?: boolean;
+}
+/**
+ * A column header. When `sortable`, it's a button that cycles asc → desc on click and
+ * shows the current direction; the surrounding `<th>` carries `aria-sort` (set by the
+ * {@link DataTable}) so assistive tech announces the sort state. Non-sortable headers
+ * render as plain text.
+ */
+export declare function SortHeader<TRow>({ column, label, sortable }: SortHeaderProps<TRow>): import("react").JSX.Element;
+//# sourceMappingURL=SortHeader.d.ts.map

package/dist/react/components/DataTable/SortHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortHeader.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/SortHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGpD,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,+BAmBlF"}

package/dist/react/components/DataTable/SortHeader.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';
+/**
+ * A column header. When `sortable`, it's a button that cycles asc → desc on click and
+ * shows the current direction; the surrounding `<th>` carries `aria-sort` (set by the
+ * {@link DataTable}) so assistive tech announces the sort state. Non-sortable headers
+ * render as plain text.
+ */
+export function SortHeader({ column, label, sortable }) {
+    if (!sortable)
+        return _jsx("span", { children: label });
+    const sorted = column.getIsSorted();
+    return (_jsxs("button", { type: 'button', onClick: () => column.toggleSorting(sorted === 'asc'), className: '-mx-1 inline-flex items-center gap-1 rounded px-1 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: [label, sorted === 'asc' ? (_jsx(ArrowUp, { className: 'size-3', "aria-hidden": true })) : sorted === 'desc' ? (_jsx(ArrowDown, { className: 'size-3', "aria-hidden": true })) : (_jsx(ArrowUpDown, { className: 'size-3 opacity-30', "aria-hidden": true }))] }));
+}
+//# sourceMappingURL=SortHeader.js.map

package/dist/react/components/DataTable/SortHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortHeader.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/SortHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAQ/D;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAyB;IACjF,IAAI,CAAC,QAAQ;QAAE,OAAO,yBAAO,KAAK,GAAQ,CAAC;IAC3C,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACpC,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,KAAK,KAAK,CAAC,EACrD,SAAS,EAAC,mKAAmK,aAE5K,KAAK,EACL,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAClB,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,wBAAe,CAC3C,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACtB,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,wBAAe,CAC7C,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,SAAS,EAAC,mBAAmB,wBAAe,CAC1D,IACM,CACV,CAAC;AACJ,CAAC"}

package/dist/react/components/DataTable/Toolbar.d.ts

@@ -0,0 +1,25 @@
+import type { Table } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+export interface TableToolbarProps<TRow> {
+    table: Table<TRow>;
+    /** Global search box driving TanStack's global filter. Default: true. */
+    enableSearch?: boolean;
+    searchPlaceholder?: string;
+    /** Column-visibility menu. Default: true. */
+    enableColumnVisibility?: boolean;
+    onImport?: () => void;
+    onExport?: () => void;
+    /** Opens the record `Drawer` in create mode. */
+    onAdd?: () => void;
+    addLabel?: string;
+    /** Extra controls rendered next to the search box (e.g. a view-mode toggle). */
+    extraActions?: ReactNode;
+}
+/**
+ * The table toolbar: a debounce-free global search box (bound straight to TanStack's
+ * global filter — single source of truth, no shadow state), the column-visibility menu,
+ * and import/export/add actions. Pass it to `DataTable`'s `toolbar` render-prop so it
+ * receives the live `table` instance.
+ */
+export declare function TableToolbar<TRow>({ table, enableSearch, searchPlaceholder, enableColumnVisibility, onImport, onExport, onAdd, addLabel, extraActions, }: TableToolbarProps<TRow>): import("react").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/react/components/DataTable/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,iBAAiB,CAAC,IAAI;IACrC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,EACjC,KAAK,EACL,YAAmB,EACnB,iBAA6B,EAC7B,sBAA6B,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,YAAY,GACb,EAAE,iBAAiB,CAAC,IAAI,CAAC,+BA4CzB"}

package/dist/react/components/DataTable/Toolbar.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Download, Plus, Search, Upload } from 'lucide-react';
+import { Button } from '../Button';
+import { Input } from '../Input';
+import { Cluster, Split } from '../layout';
+import { ViewOptionsMenu } from './ViewOptionsMenu';
+/**
+ * The table toolbar: a debounce-free global search box (bound straight to TanStack's
+ * global filter — single source of truth, no shadow state), the column-visibility menu,
+ * and import/export/add actions. Pass it to `DataTable`'s `toolbar` render-prop so it
+ * receives the live `table` instance.
+ */
+export function TableToolbar({ table, enableSearch = true, searchPlaceholder = 'Search…', enableColumnVisibility = true, onImport, onExport, onAdd, addLabel = 'Add', extraActions, }) {
+    const globalFilter = table.getState().globalFilter ?? '';
+    return (_jsxs(Split, { className: 'gap-2 border-b border-border px-2 py-2', children: [_jsxs("div", { className: 'flex min-w-0 flex-1 items-center gap-2', children: [enableSearch ? (_jsxs("div", { className: 'relative max-w-xs flex-1', children: [_jsx(Search, { className: '-translate-y-1/2 pointer-events-none absolute top-1/2 left-2.5 size-4 text-muted-foreground', "aria-hidden": true }), _jsx(Input, { type: 'search', "aria-label": 'Search', value: globalFilter, onChange: (e) => table.setGlobalFilter(e.target.value), placeholder: searchPlaceholder, className: 'h-9 pl-8' })] })) : null, extraActions] }), _jsxs(Cluster, { gap: 2, children: [enableColumnVisibility ? _jsx(ViewOptionsMenu, { table: table }) : null, onImport ? (_jsx(Button, { size: 'sm', variant: 'ghost', onClick: onImport, leftIcon: _jsx(Upload, {}), children: "Import" })) : null, onExport ? (_jsx(Button, { size: 'sm', variant: 'ghost', onClick: onExport, leftIcon: _jsx(Download, {}), children: "Export" })) : null, onAdd ? (_jsx(Button, { size: 'sm', variant: 'primary', onClick: onAdd, leftIcon: _jsx(Plus, {}), children: addLabel })) : null] })] }));
+}
+//# sourceMappingURL=Toolbar.js.map

package/dist/react/components/DataTable/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/Toolbar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAkBpD;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAO,EACjC,KAAK,EACL,YAAY,GAAG,IAAI,EACnB,iBAAiB,GAAG,SAAS,EAC7B,sBAAsB,GAAG,IAAI,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,YAAY,GACY;IACxB,MAAM,YAAY,GAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAmC,IAAI,EAAE,CAAC;IAEjF,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,EAAC,wCAAwC,aACvD,eAAK,SAAS,EAAC,wCAAwC,aACpD,YAAY,CAAC,CAAC,CAAC,CACd,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,MAAM,IACL,SAAS,EAAC,6FAA6F,wBAEvG,EACF,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,gBACF,QAAQ,EACnB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAC,UAAU,GACpB,IACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,IACT,EACN,MAAC,OAAO,IAAC,GAAG,EAAE,CAAC,aACZ,sBAAsB,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACjE,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAC,MAAM,KAAG,uBAEhE,CACV,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAC,QAAQ,KAAG,uBAElE,CACV,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAC,IAAI,KAAG,YACnE,QAAQ,GACF,CACV,CAAC,CAAC,CAAC,IAAI,IACA,IACJ,CACT,CAAC;AACJ,CAAC"}

package/dist/react/components/DataTable/ViewOptionsMenu.d.ts

@@ -0,0 +1,12 @@
+import type { Table } from '@tanstack/react-table';
+export interface ViewOptionsMenuProps<TRow> {
+    table: Table<TRow>;
+    label?: string;
+}
+/**
+ * Column-visibility toggles on the portal-based {@link DropdownMenu} (task 05/06) — never
+ * clipped by the table's scroll container. Each hideable column is a checkbox item bound
+ * to TanStack's `columnVisibility` state, so toggling one updates the table immediately.
+ */
+export declare function ViewOptionsMenu<TRow>({ table, label }: ViewOptionsMenuProps<TRow>): import("react").JSX.Element | null;
+//# sourceMappingURL=ViewOptionsMenu.d.ts.map

package/dist/react/components/DataTable/ViewOptionsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewOptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/react/components/DataTable/ViewOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAKnD,MAAM,WAAW,oBAAoB,CAAC,IAAI;IACxC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAiB,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,sCAoB7F"}

package/dist/react/components/DataTable/ViewOptionsMenu.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Columns3 } from 'lucide-react';
+import { Button } from '../Button';
+import { DropdownMenu } from '../DropdownMenu';
+/**
+ * Column-visibility toggles on the portal-based {@link DropdownMenu} (task 05/06) — never
+ * clipped by the table's scroll container. Each hideable column is a checkbox item bound
+ * to TanStack's `columnVisibility` state, so toggling one updates the table immediately.
+ */
+export function ViewOptionsMenu({ table, label = 'Columns' }) {
+    const columns = table.getAllColumns().filter((c) => c.getCanHide());
+    if (!columns.length)
+        return null;
+    return (_jsx(DropdownMenu, { align: 'end', trigger: _jsx(Button, { size: 'sm', variant: 'ghost', leftIcon: _jsx(Columns3, {}), children: label }), items: columns.map((col) => ({
+            key: col.id,
+            label: col.columnDef.meta?.label ?? col.id,
+            checked: col.getIsVisible(),
+            onClick: () => col.toggleVisibility(),
+        })) }));
+}
+//# sourceMappingURL=ViewOptionsMenu.js.map

package/dist/react/components/DataTable/ViewOptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewOptionsMenu.js","sourceRoot":"","sources":["../../../../src/react/components/DataTable/ViewOptionsMenu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAO/C;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAO,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAA8B;IAC5F,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IACpE,IAAI,CAAC,OAAO,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEjC,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAC,KAAK,EACX,OAAO,EACL,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,KAAC,QAAQ,KAAG,YACrD,KAAK,GACC,EAEX,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC3B,GAAG,EAAE,GAAG,CAAC,EAAE;YACX,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,IAAI,GAAG,CAAC,EAAE;YAC1C,OAAO,EAAE,GAAG,CAAC,YAAY,EAAE;YAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,gBAAgB,EAAE;SACtC,CAAC,CAAC,GACH,CACH,CAAC;AACJ,CAAC"}

package/dist/react/components/DataTable/cells/CellRenderer.d.ts

@@ -0,0 +1,32 @@
+import type { FC } from 'react';
+import type { ColDef } from '../types';
+/**
+ * What every cell renderer receives. A renderer is READ-ONLY display — it is the
+ * counterpart to a task-08 field control (edit input). The same renderer is reused in
+ * the table cell, the {@link CardView} card, the detail `Drawer`, AND the task-17 layout
+ * view: register a type's renderer ONCE here and every view shows it identically
+ * (the owner mandate that killed "image columns show a raw id in some views").
+ */
+export interface CellRendererProps<TRow = Record<string, unknown>> {
+    col: ColDef<TRow>;
+    value: unknown;
+    row: TRow;
+    /** Present when the table has an edit action — a renderer may surface an inline edit. */
+    onEdit?: () => void;
+}
+/** Inject how an `image`/`file` cell value maps to a fetchable URL (app-global). */
+export declare function setAssetUrlResolver(resolver: (value: unknown, col: ColDef) => string): void;
+/**
+ * Register (or override) a cell renderer for a column `type`. Cursedbelt seeds the base
+ * types; an app registers its own (ca: `budget`, `event`, `recordLink`, …) ONCE at
+ * startup — paired with `registerFieldType` (task 08) so display + edit stay in lockstep.
+ */
+export declare function registerCellRenderer(type: string, renderer: FC<CellRendererProps>): void;
+/** Look up a registered renderer (falls back to the `text` renderer for unknown types). */
+export declare function getCellRenderer(type: string): FC<CellRendererProps>;
+/**
+ * Render a single value for its column type via the registry — the one entry point used
+ * by the table cell, {@link CardView}, the detail `Drawer`, and the layout view.
+ */
+export declare function CellRenderer<TRow extends Record<string, unknown>>(props: CellRendererProps<TRow>): import("react").JSX.Element;
+//# sourceMappingURL=CellRenderer.d.ts.map

package/dist/react/components/DataTable/cells/CellRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/DataTable/cells/CellRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAKpD;;;;;;GAMG;AACH,MAAM,WAAW,iBAAiB,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/D,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,IAAI,CAAC;IACV,yFAAyF;IACzF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAYD,oFAAoF;AACpF,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAE3F;AAoJD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAExF;AAED,2FAA2F;AAC3F,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAEnE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,+BAGhG"}