@adminiumjs/widgets 0.1.0-rc.1

package/dist/families/tables/DetailKeyValue.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { KeyValueList, KeyValueRow, Tag } from '@adminium/ui';
+import { CellValue } from './cells.js';
+function typeTagText(column) {
+    if (column.fk !== undefined)
+        return `→ ${column.fk.table}`;
+    if (column.logicalType === 'enum')
+        return 'enum';
+    return column.logicalType;
+}
+export function DetailKeyValue({ columns, record, cellContext, showTypeTags = false, testId, }) {
+    return (_jsx(KeyValueList, { "data-testid": testId, "data-part": "detail-key-value", children: columns.map((column) => (_jsx(KeyValueRow, { "data-column": column.name, label: showTypeTags ? (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [column.label, _jsx(Tag, { mono: true, children: typeTagText(column) })] })) : (column.label), className: column.isDisplay ? 'bg-surface-2/50' : undefined, children: _jsx(CellValue, { column: column, row: record, context: cellContext ?? {} }) }, column.name))) }));
+}
+//# sourceMappingURL=DetailKeyValue.js.map

package/dist/families/tables/DetailKeyValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailKeyValue.js","sourceRoot":"","sources":["../../../src/families/tables/DetailKeyValue.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAoBvC,SAAS,WAAW,CAAC,MAAsB;IACzC,IAAI,MAAM,CAAC,EAAE,KAAK,SAAS;QAAE,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;IAC3D,IAAI,MAAM,CAAC,WAAW,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC;IACjD,OAAO,MAAM,CAAC,WAAW,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,WAAW,EACX,YAAY,GAAG,KAAK,EACpB,MAAM,GACc;IACpB,OAAO,CACL,KAAC,YAAY,mBAAc,MAAM,eAAY,kBAAkB,YAC5D,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,WAAW,mBAEG,MAAM,CAAC,IAAI,EACxB,KAAK,EACH,YAAY,CAAC,CAAC,CAAC,CACb,gBAAM,SAAS,EAAC,kCAAkC,aAC/C,MAAM,CAAC,KAAK,EACb,KAAC,GAAG,IAAC,IAAI,kBAAE,WAAW,CAAC,MAAM,CAAC,GAAO,IAChC,CACR,CAAC,CAAC,CAAC,CACF,MAAM,CAAC,KAAK,CACb,EAEH,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,YAE3D,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,IAAI,EAAE,GAAI,IAdjE,MAAM,CAAC,IAAI,CAeJ,CACf,CAAC,GACW,CAChB,CAAC;AACJ,CAAC"}

package/dist/families/tables/GroupedSummaryTable.d.ts

@@ -0,0 +1,25 @@
+import type { GroupedSummaryTableConfig } from './tables-track-f-config.js';
+import type { GroupedSummaryData } from './tables-track-f-types.js';
+import type { WidgetProps } from '../../registry/types.js';
+/**
+ * `grouped-summary-table` (annex §3) — group-header rows with aggregate
+ * columns (a usage progress bar, mono figures), expandable detail rows, and a
+ * Σ totals footer. Binds to a `record-list` of GROUP rows plus per-group
+ * aggregates and grand totals.
+ */
+export { groupedSummaryTableConfigSchema, groupedSummaryTableDemoData } from './tables-track-f-config.js';
+export type { GroupedSummaryTableConfig } from './tables-track-f-config.js';
+export type { AggColumn, AggFormat, GroupedSummaryData, SummaryGroup } from './tables-track-f-types.js';
+export interface GroupedSummaryTableProps {
+    data: GroupedSummaryData;
+    expandable?: boolean | undefined;
+    totalsRow?: boolean | undefined;
+    groupLabel?: string | undefined;
+    totalsLabel?: string | undefined;
+    emptyTitle?: string | undefined;
+    locale?: string | undefined;
+    testId?: string | undefined;
+}
+export declare function GroupedSummaryTable({ data, expandable, totalsRow, groupLabel, totalsLabel, emptyTitle, locale, testId, }: GroupedSummaryTableProps): import("react").JSX.Element;
+export declare function GroupedSummaryTableWidget({ config, data }: WidgetProps<GroupedSummaryTableConfig>): import("react").JSX.Element;
+//# sourceMappingURL=GroupedSummaryTable.d.ts.map

package/dist/families/tables/GroupedSummaryTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedSummaryTable.d.ts","sourceRoot":"","sources":["../../../src/families/tables/GroupedSummaryTable.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EAAa,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;;GAKG;AAOH,OAAO,EAAE,+BAA+B,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC1G,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAmBxG,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,UAAiB,EACjB,SAAgB,EAChB,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,MAAM,GACP,EAAE,wBAAwB,+BA0H1B;AAcD,wBAAgB,yBAAyB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,yBAAyB,CAAC,+BAYjG"}

package/dist/families/tables/GroupedSummaryTable.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getFormatters } from '@adminium/i18n';
+import { EmptyState, MonoText, ProgressBar } from '@adminium/ui';
+import { ChevronRight } from 'lucide-react';
+import { useState } from 'react';
+import { formatMoney } from './column-spec.js';
+/**
+ * `grouped-summary-table` (annex §3) — group-header rows with aggregate
+ * columns (a usage progress bar, mono figures), expandable detail rows, and a
+ * Σ totals footer. Binds to a `record-list` of GROUP rows plus per-group
+ * aggregates and grand totals.
+ */
+// Config schema + deterministic demo payload live in the pure
+// `tables-track-f-config` module, and the aggregate shapes in
+// `tables-track-f-types`, so the registry metadata graph never reaches this
+// component file (04 §2.3). Re-exported here to keep existing import points
+// stable.
+export { groupedSummaryTableConfigSchema, groupedSummaryTableDemoData } from './tables-track-f-config.js';
+function formatCell(value, column, locale) {
+    if (value === undefined)
+        return '—';
+    if (typeof value === 'string')
+        return value;
+    const fmt = getFormatters(locale ?? 'en-US');
+    switch (column.format) {
+        case 'currency':
+            return formatMoney(value, { locale });
+        case 'percent':
+            return `${fmt.number(value, { maximumFractionDigits: 1 })}%`;
+        case 'number':
+        case 'progress':
+            return fmt.number(value);
+        default:
+            return String(value);
+    }
+}
+export function GroupedSummaryTable({ data, expandable = true, totalsRow = true, groupLabel, totalsLabel, emptyTitle, locale, testId, }) {
+    const [open, setOpen] = useState(new Set());
+    const { data: groups, columns, totals } = data;
+    if (groups.length === 0 || columns.length === 0) {
+        return _jsx(EmptyState, { compact: true, preset: "no-data", title: emptyTitle ?? 'No summary data' });
+    }
+    const gridCols = `minmax(8rem,1.4fr) repeat(${columns.length}, minmax(5rem,1fr))`;
+    const cell = (value, column) => {
+        if (column.format === 'progress' && typeof value === 'number') {
+            const max = column.max ?? 100;
+            return (_jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(ProgressBar, { value: value, max: max, size: "sm", tone: column.tone ?? 'accent', className: "max-w-24", label: column.label }), _jsxs(MonoText, { className: "text-caption tabular-nums text-fg-muted", children: [Math.round((value / max) * 100), "%"] })] }));
+        }
+        return _jsx(MonoText, { className: "justify-self-end text-body-sm tabular-nums text-fg", children: formatCell(value, column, locale) });
+    };
+    return (_jsx("div", { "data-widget": "grouped-summary-table", "data-testid": testId, className: "flex h-full flex-col overflow-auto", children: _jsxs("div", { role: "table", className: "min-w-full text-body-sm", children: [_jsxs("div", { role: "row", className: "sticky top-0 z-[1] grid items-center gap-x-4 border-b border-border bg-surface-2 px-3 py-2 text-caption font-bold uppercase tracking-wide text-fg-subtle grid-cols-[var(--adm-cols)]", style: { '--adm-cols': gridCols }, children: [_jsx("span", { children: groupLabel ?? 'Group' }), columns.map((column) => (_jsx("span", { className: "justify-self-end text-end", children: column.label }, column.key)))] }), groups.map((group) => {
+                    const isOpen = open.has(group.key);
+                    const canExpand = expandable && group.rows !== undefined && group.rows.length > 0;
+                    const toggle = () => setOpen((prev) => {
+                        const next = new Set(prev);
+                        if (next.has(group.key))
+                            next.delete(group.key);
+                        else
+                            next.add(group.key);
+                        return next;
+                    });
+                    return (_jsxs("div", { role: "rowgroup", children: [_jsxs("div", { role: "row", "data-part": "group-row", tabIndex: canExpand ? 0 : undefined, "aria-expanded": canExpand ? isOpen : undefined, onClick: canExpand ? toggle : undefined, onKeyDown: canExpand
+                                    ? (event) => {
+                                        if (event.key === 'Enter' || event.key === ' ') {
+                                            event.preventDefault();
+                                            toggle();
+                                        }
+                                    }
+                                    : undefined, className: `grid items-center gap-x-4 border-b border-border/60 px-3 py-2.5 grid-cols-[var(--adm-cols)] ${canExpand ? 'cursor-pointer hover:bg-surface-2/50 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent' : ''}`, style: { '--adm-cols': gridCols }, children: [_jsxs("span", { className: "flex items-center gap-1.5 font-semibold text-fg", children: [canExpand && (_jsx(ChevronRight, { "aria-hidden": "true", className: `size-3.5 text-fg-subtle transition-transform rtl:-scale-x-100 ${isOpen ? 'rotate-90 rtl:-rotate-90' : ''}` })), _jsx("span", { className: "truncate", children: group.label }), group.count !== undefined && (_jsxs("span", { className: "font-mono text-caption font-normal tabular-nums text-fg-subtle", children: ["(", group.count, ")"] }))] }), columns.map((column) => (_jsx("span", { className: "justify-self-end", children: cell(group.aggregates[column.key], column) }, column.key)))] }), isOpen &&
+                                group.rows?.map((detail, index) => (_jsxs("div", { role: "row", "data-part": "detail-row", className: "grid items-center gap-x-4 border-b border-border/40 bg-surface-2/30 px-3 py-1.5 grid-cols-[var(--adm-cols)]", style: { '--adm-cols': gridCols }, children: [_jsx("span", { className: "truncate ps-5 text-caption text-fg-muted", children: detail.label }), columns.map((column) => (_jsx("span", { className: "justify-self-end", children: _jsx(MonoText, { className: "text-caption tabular-nums text-fg-muted", children: formatCell(detail.aggregates[column.key], column, locale) }) }, column.key)))] }, `${group.key}-${String(index)}`)))] }, group.key));
+                }), totalsRow && totals !== undefined && (_jsxs("div", { role: "row", "data-part": "totals-row", className: "grid items-center gap-x-4 border-t-2 border-border px-3 py-2.5 font-semibold grid-cols-[var(--adm-cols)]", style: { '--adm-cols': gridCols }, children: [_jsx("span", { className: "text-fg", children: totalsLabel ?? 'Total' }), columns.map((column) => (_jsx(MonoText, { className: "justify-self-end text-body-sm tabular-nums text-fg", children: formatCell(totals[column.key], { ...column, format: column.format === 'progress' ? 'percent' : column.format }, locale) }, column.key)))] }))] }) }));
+}
+function summaryDataOf(data) {
+    if (typeof data === 'object' && data !== null) {
+        const envelope = data;
+        return {
+            data: Array.isArray(envelope.data) ? envelope.data : [],
+            columns: Array.isArray(envelope.columns) ? envelope.columns : [],
+            ...(envelope.totals === undefined ? {} : { totals: envelope.totals }),
+        };
+    }
+    return { data: [], columns: [] };
+}
+export function GroupedSummaryTableWidget({ config, data }) {
+    return (_jsx(GroupedSummaryTable, { data: summaryDataOf(data), expandable: config.expandable, totalsRow: config.totalsRow, ...(config.groupLabel === undefined ? {} : { groupLabel: config.groupLabel }), ...(config.totalsLabel === undefined ? {} : { totalsLabel: config.totalsLabel }), ...(config.emptyTitle === undefined ? {} : { emptyTitle: config.emptyTitle }), ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }) }));
+}
+//# sourceMappingURL=GroupedSummaryTable.js.map

package/dist/families/tables/GroupedSummaryTable.js.map

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

package/dist/families/tables/LogTable.d.ts

@@ -0,0 +1,36 @@
+import type { Tone } from '@adminium/ui';
+import type { LogTableConfig } from './tables-track-f-config.js';
+import type { LogRow } from './tables-track-f-types.js';
+import type { WidgetProps } from '../../registry/types.js';
+/**
+ * `log-table` (annex §3) — an append-oriented event grid: mono timestamps with
+ * Today/Yesterday smart prefixes, actor avatar, category pill, an event
+ * sentence with a bold mono resource, an HTTP status/code badge, an optional
+ * mono IP/URL, a retry/download/inspect action column, live-tail styling, an
+ * All/Errors filter, and substring search. Binds to a DESC-ordered
+ * `record-list` over an event/log table.
+ */
+export { logTableConfigSchema, logTableDemoData } from './tables-track-f-config.js';
+export type { LogTableConfig } from './tables-track-f-config.js';
+export type { LogRow } from './tables-track-f-types.js';
+/** HTTP-family tone for a numeric status code. */
+export declare function codeTone(code: number): Tone;
+/** True when a row represents an error (danger/warn status or code ≥ 400). */
+export declare function isErrorRow(row: LogRow): boolean;
+/** "Today 14:32" / "Yesterday 09:10" / "Jul 12 08:00" — mono log prefix. */
+export declare function smartTimestamp(iso: string, now: number, locale?: string): string;
+export interface LogTableProps {
+    rows: readonly LogRow[];
+    rowAction?: LogTableConfig['rowAction'];
+    search?: boolean | undefined;
+    filters?: boolean | undefined;
+    liveTail?: boolean | undefined;
+    labels?: LogTableConfig['labels'];
+    now?: number | undefined;
+    locale?: string | undefined;
+    onRowAction?: ((action: 'retry' | 'download' | 'inspect', row: LogRow) => void) | undefined;
+    testId?: string | undefined;
+}
+export declare function LogTable({ rows, rowAction, search, filters, liveTail, labels, now, locale, onRowAction, testId, }: LogTableProps): import("react").JSX.Element;
+export declare function LogTableWidget({ config, data, onEvent }: WidgetProps<LogTableConfig>): import("react").JSX.Element;
+//# sourceMappingURL=LogTable.d.ts.map

package/dist/families/tables/LogTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogTable.d.ts","sourceRoot":"","sources":["../../../src/families/tables/LogTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;;;;GAOG;AAOH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACpF,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAExD,kDAAkD;AAClD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAK3C;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAI/C;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAgBhF;AAID,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5F,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,SAAqB,EACrB,MAAa,EACb,OAAc,EACd,QAAgB,EAChB,MAAM,EACN,GAAG,EACH,MAAM,EACN,WAAW,EACX,MAAM,GACP,EAAE,aAAa,+BAwHf;AA0BD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,WAAW,CAAC,cAAc,CAAC,+BAoBpF"}

package/dist/families/tables/LogTable.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { latnDataTag } from '@adminium/i18n';
+import { Avatar, Badge, IconButton, MonoText, StatusPill } from '@adminium/ui';
+import { Download, RotateCcw, Search, SearchX } from 'lucide-react';
+import { useMemo, useState } from 'react';
+import { formatAbsoluteTime } from './column-spec.js';
+/**
+ * `log-table` (annex §3) — an append-oriented event grid: mono timestamps with
+ * Today/Yesterday smart prefixes, actor avatar, category pill, an event
+ * sentence with a bold mono resource, an HTTP status/code badge, an optional
+ * mono IP/URL, a retry/download/inspect action column, live-tail styling, an
+ * All/Errors filter, and substring search. Binds to a DESC-ordered
+ * `record-list` over an event/log table.
+ */
+// Config schema + deterministic demo payload live in the pure
+// `tables-track-f-config` module, and the row shape in
+// `tables-track-f-types`, so the registry metadata graph never reaches this
+// component file (04 §2.3). Re-exported here to keep existing import points
+// stable.
+export { logTableConfigSchema, logTableDemoData } from './tables-track-f-config.js';
+/** HTTP-family tone for a numeric status code. */
+export function codeTone(code) {
+    if (code >= 500)
+        return 'danger';
+    if (code >= 400)
+        return 'warn';
+    if (code >= 300)
+        return 'info';
+    return 'pos';
+}
+/** True when a row represents an error (danger/warn status or code ≥ 400). */
+export function isErrorRow(row) {
+    if (row.code !== undefined)
+        return row.code >= 400;
+    const s = (row.status ?? '').toLowerCase();
+    return s === 'error' || s === 'failed' || s === 'failure' || s === 'denied';
+}
+/** "Today 14:32" / "Yesterday 09:10" / "Jul 12 08:00" — mono log prefix. */
+export function smartTimestamp(iso, now, locale) {
+    const time = new Date(iso).getTime();
+    if (Number.isNaN(time))
+        return iso;
+    const startOfDay = (ms) => {
+        const d = new Date(ms);
+        return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate());
+    };
+    const diff = Math.round((startOfDay(now) - startOfDay(time)) / 86_400_000);
+    // Data-context tag (latn digits, gregorian) via the format layer — also
+    // coalesces an empty/invalid locale, which raw `?? 'en-US'` misses ('' throws).
+    const tag = latnDataTag(locale ?? 'en-US');
+    const hhmm = new Intl.DateTimeFormat(tag, { hour: '2-digit', minute: '2-digit', hour12: false, timeZone: 'UTC' }).format(time);
+    if (diff <= 0)
+        return `Today ${hhmm}`;
+    if (diff === 1)
+        return `Yesterday ${hhmm}`;
+    const md = new Intl.DateTimeFormat(tag, { month: 'short', day: '2-digit', timeZone: 'UTC' }).format(time);
+    return `${md} ${hhmm}`;
+}
+const ROW_ACTION_ICON = { retry: _jsx(RotateCcw, { size: 14 }), download: _jsx(Download, { size: 14 }), inspect: _jsx(Search, { size: 14 }) };
+export function LogTable({ rows, rowAction = 'inspect', search = true, filters = true, liveTail = false, labels, now, locale, onRowAction, testId, }) {
+    const clock = now ?? Date.now();
+    const [query, setQuery] = useState('');
+    const [errorsOnly, setErrorsOnly] = useState(false);
+    const filtered = useMemo(() => {
+        const needle = query.trim().toLowerCase();
+        return rows.filter((row) => {
+            if (errorsOnly && !isErrorRow(row))
+                return false;
+            if (needle === '')
+                return true;
+            const haystack = [row.actor, row.category, row.action, row.resource, row.ip, row.url, row.status]
+                .filter((v) => typeof v === 'string')
+                .join(' ')
+                .toLowerCase();
+            return haystack.includes(needle);
+        });
+    }, [rows, query, errorsOnly]);
+    return (_jsxs("div", { "data-widget": "log-table", "data-testid": testId, className: "flex h-full flex-col", children: [(search || filters) && (_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [liveTail && (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-caption font-bold uppercase tracking-wide text-pos", children: [_jsx("span", { "aria-hidden": "true", className: "size-2 rounded-full bg-pos motion-safe:animate-pulse" }), labels?.live ?? 'Live'] })), search && (_jsxs("label", { className: "relative flex min-w-0 flex-1 items-center", children: [_jsx(Search, { "aria-hidden": "true", className: "pointer-events-none absolute start-2.5 size-3.5 text-fg-subtle" }), _jsx("input", { type: "search", value: query, onChange: (event) => setQuery(event.target.value), placeholder: labels?.searchPlaceholder ?? 'Search logs…', className: "h-8 w-full rounded-md border border-border bg-surface ps-8 pe-2 text-body-sm text-fg placeholder:text-fg-subtle focus-visible:border-accent focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-accent" })] })), filters && (_jsx("div", { className: "inline-flex shrink-0 items-center rounded-md bg-surface-2 p-0.5", role: "group", "aria-label": "Log filter", children: [
+                            { key: false, label: labels?.all ?? 'All' },
+                            { key: true, label: labels?.errors ?? 'Errors' },
+                        ].map((option) => (_jsx("button", { type: "button", "data-active": errorsOnly === option.key, onClick: () => setErrorsOnly(option.key), className: "rounded px-2.5 py-1 text-caption font-semibold text-fg-muted data-[active=true]:bg-surface data-[active=true]:text-fg data-[active=true]:shadow-sm focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent", children: option.label }, String(option.key)))) }))] })), _jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: filtered.length === 0 ? (_jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 px-4 py-8 text-center", children: [_jsx(SearchX, { "aria-hidden": "true", className: "size-6 text-fg-subtle" }), _jsx("p", { className: "text-body-sm font-semibold text-fg", children: rows.length === 0 ? (labels?.emptyTitle ?? 'No log entries') : (labels?.noMatches ?? 'No matching entries') }), rows.length === 0 && labels?.emptyBody !== undefined && (_jsx("p", { className: "max-w-xs text-caption text-fg-muted", children: labels.emptyBody }))] })) : (_jsx("ul", { className: "divide-y divide-border/50", children: filtered.map((row, index) => (_jsxs("li", { "data-first": liveTail && index === 0, className: "grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-1 px-3 py-2 data-[first=true]:bg-pos/[0.05] hover:bg-surface-2/50 sm:grid-cols-[9.5rem_auto_1fr_auto_auto]", children: [_jsx(MonoText, { className: "col-start-1 whitespace-nowrap text-caption text-fg-subtle", title: formatAbsoluteTime(row.ts, locale), children: smartTimestamp(row.ts, clock, locale) }), _jsxs("span", { className: "hidden items-center gap-1.5 sm:flex", children: [row.actor !== undefined && _jsx(Avatar, { name: row.actor, size: "xs" }), row.category !== undefined && (_jsx(Badge, { tone: row.categoryTone ?? 'neutral', children: row.category }))] }), _jsxs("span", { className: "col-start-2 min-w-0 truncate text-body-sm text-fg-muted sm:col-start-3", children: [row.action !== undefined && _jsxs("span", { children: [row.action, " "] }), row.resource !== undefined && _jsx(MonoText, { className: "font-semibold text-fg", children: row.resource }), (row.ip ?? row.url) !== undefined && (_jsx(MonoText, { className: "ms-2 text-caption text-fg-subtle", children: row.ip ?? row.url }))] }), _jsx("span", { className: "justify-self-end", children: row.code !== undefined ? (_jsx(Badge, { tone: codeTone(row.code), className: "font-mono", children: row.code })) : row.status !== undefined ? (_jsx(StatusPill, { status: row.status })) : null }), rowAction !== 'none' && (_jsx(IconButton, { size: "sm", label: labels?.[rowAction] ?? rowAction, className: "justify-self-end", onClick: () => onRowAction?.(rowAction, row), children: ROW_ACTION_ICON[rowAction] }))] }, row.id))) })) })] }));
+}
+function logRowsOf(data) {
+    const raw = Array.isArray(data)
+        ? data
+        : typeof data === 'object' && data !== null && Array.isArray(data.data)
+            ? data.data
+            : [];
+    return raw.map((entry, index) => {
+        const row = (entry ?? {});
+        return {
+            id: row['id'] ?? index,
+            ts: typeof row['ts'] === 'string' ? row['ts'] : typeof row['created_at'] === 'string' ? row['created_at'] : new Date().toISOString(),
+            actor: typeof row['actor'] === 'string' ? row['actor'] : undefined,
+            category: typeof row['category'] === 'string' ? row['category'] : undefined,
+            categoryTone: typeof row['categoryTone'] === 'string' ? row['categoryTone'] : undefined,
+            action: typeof row['action'] === 'string' ? row['action'] : undefined,
+            resource: typeof row['resource'] === 'string' ? row['resource'] : undefined,
+            status: typeof row['status'] === 'string' ? row['status'] : undefined,
+            code: typeof row['code'] === 'number' ? row['code'] : undefined,
+            ip: typeof row['ip'] === 'string' ? row['ip'] : undefined,
+            url: typeof row['url'] === 'string' ? row['url'] : undefined,
+        };
+    });
+}
+export function LogTableWidget({ config, data, onEvent }) {
+    const source = config.binding;
+    const table = source === undefined ? undefined : source.source.schema === undefined ? source.source.name : `${source.source.schema}.${source.source.name}`;
+    return (_jsx(LogTable, { rows: logRowsOf(data), rowAction: config.rowAction, search: config.search, filters: config.filters, liveTail: config.liveTail, ...(config.labels === undefined ? {} : { labels: config.labels }), ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), ...(config.format?.referenceTime === undefined ? {} : { now: config.format.referenceTime }), onRowAction: (action, row) => {
+            if (action === 'inspect' && table !== undefined && source !== undefined) {
+                onEvent({ type: 'record-open', connectionId: source.connectionId, table, recordId: row.id });
+            }
+        } }));
+}
+//# sourceMappingURL=LogTable.js.map

package/dist/families/tables/LogTable.js.map

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

package/dist/families/tables/MasterList.d.ts

@@ -0,0 +1,29 @@
+import type { GridRow } from './column-spec.js';
+import type { MasterListConfig } from './tables-track-f-config.js';
+import type { WidgetProps } from '../../registry/types.js';
+/**
+ * `master-list` (annex §3) — selectable rich list rows driving a detail pane:
+ * owner avatar, title/subtitle, status pill, optional inline toggle, progress
+ * %, and per-row stats, filtered by a chip bar. Row selection is the primary
+ * interaction (feeds a sibling detail widget); the inline toggle emits a
+ * mutation intent. Binds to a `record-list` + selection state.
+ */
+export { masterListConfigSchema, masterListDemoData } from './tables-track-f-config.js';
+export type { MasterListConfig } from './tables-track-f-config.js';
+export interface MasterListProps {
+    rows: readonly GridRow[];
+    config: Pick<MasterListConfig, 'titleField' | 'subtitleField' | 'statusField' | 'toggleField' | 'progressField' | 'ownerField' | 'updatedField' | 'filterField' | 'selectable'>;
+    selectedId?: string | undefined;
+    allLabel?: string | undefined;
+    emptyTitle?: string | undefined;
+    locale?: string | undefined;
+    /** Injectable clock for deterministic relative timestamps in tests. */
+    now?: number | undefined;
+    rowIdField?: string | undefined;
+    onSelect?: ((id: string, row: GridRow) => void) | undefined;
+    onToggle?: ((id: string, next: boolean, row: GridRow) => void) | undefined;
+    testId?: string | undefined;
+}
+export declare function MasterList({ rows, config, selectedId, allLabel, emptyTitle, locale, now, rowIdField, onSelect, onToggle, testId, }: MasterListProps): import("react").JSX.Element;
+export declare function MasterListWidget({ config, data, onEvent }: WidgetProps<MasterListConfig>): import("react").JSX.Element;
+//# sourceMappingURL=MasterList.d.ts.map

package/dist/families/tables/MasterList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterList.d.ts","sourceRoot":"","sources":["../../../src/families/tables/MasterList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;;;GAMG;AAMH,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACxF,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,OAAO,EAAE,CAAC;IACzB,MAAM,EAAE,IAAI,CACV,gBAAgB,EAChB,YAAY,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,GAAG,eAAe,GAAG,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,CAChJ,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3E,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAMD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,UAAU,EACV,MAAM,EACN,GAAG,EACH,UAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,eAAe,+BAgHjB;AAUD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,WAAW,CAAC,gBAAgB,CAAC,+BAsBxF"}

package/dist/families/tables/MasterList.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, ProgressBar, StatusPill, Switch } from '@adminium/ui';
+import { useState } from 'react';
+import { formatRelativeTime } from './column-spec.js';
+/**
+ * `master-list` (annex §3) — selectable rich list rows driving a detail pane:
+ * owner avatar, title/subtitle, status pill, optional inline toggle, progress
+ * %, and per-row stats, filtered by a chip bar. Row selection is the primary
+ * interaction (feeds a sibling detail widget); the inline toggle emits a
+ * mutation intent. Binds to a `record-list` + selection state.
+ */
+// Config schema + deterministic demo payload live in the pure
+// `tables-track-f-config` module so the registry metadata graph never reaches
+// this component file (04 §2.3). Re-exported here to keep existing import
+// points stable.
+export { masterListConfigSchema, masterListDemoData } from './tables-track-f-config.js';
+function str(value) {
+    return value === null || value === undefined ? undefined : String(value);
+}
+export function MasterList({ rows, config, selectedId, allLabel, emptyTitle, locale, now, rowIdField = 'id', onSelect, onToggle, testId, }) {
+    const [activeFilter, setActiveFilter] = useState('__all__');
+    const [localSelected, setLocalSelected] = useState(selectedId);
+    const selected = selectedId ?? localSelected;
+    const filterValues = config.filterField === undefined
+        ? []
+        : [...new Set(rows.map((row) => str(row[config.filterField])).filter((v) => v !== undefined))];
+    const filtered = config.filterField === undefined || activeFilter === '__all__'
+        ? rows
+        : rows.filter((row) => str(row[config.filterField]) === activeFilter);
+    return (_jsxs("div", { "data-widget": "master-list", "data-testid": testId, className: "flex h-full flex-col", children: [filterValues.length > 0 && (_jsx("div", { className: "flex flex-wrap items-center gap-1.5 border-b border-border px-3 py-2", children: ['__all__', ...filterValues].map((value) => (_jsx("button", { type: "button", "data-active": activeFilter === value, onClick: () => setActiveFilter(value), className: "rounded-full border border-border px-2.5 py-0.5 text-caption font-semibold text-fg-muted data-[active=true]:border-accent data-[active=true]:bg-accent-soft data-[active=true]:text-accent hover:text-fg focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent", children: value === '__all__' ? (allLabel ?? 'All') : value }, value))) })), filtered.length === 0 ? (_jsx("div", { className: "flex flex-1 items-center justify-center px-4 py-8 text-center text-body-sm text-fg-muted", children: emptyTitle ?? 'No items match this filter' })) : (_jsx("ul", { className: "min-h-0 flex-1 divide-y divide-border/60 overflow-y-auto", children: filtered.map((row) => {
+                    const id = String(row[rowIdField] ?? JSON.stringify(row));
+                    const title = str(row[config.titleField]) ?? id;
+                    const subtitle = config.subtitleField === undefined ? undefined : str(row[config.subtitleField]);
+                    const status = config.statusField === undefined ? undefined : str(row[config.statusField]);
+                    const owner = config.ownerField === undefined ? undefined : str(row[config.ownerField]);
+                    const updated = config.updatedField === undefined ? undefined : str(row[config.updatedField]);
+                    const progress = config.progressField === undefined ? undefined : Number(row[config.progressField]);
+                    const toggleOn = config.toggleField === undefined ? undefined : row[config.toggleField] === true;
+                    const isSelected = selected === id;
+                    return (_jsx("li", { children: _jsxs("div", { role: config.selectable ? 'button' : undefined, tabIndex: config.selectable ? 0 : undefined, "aria-current": isSelected ? true : undefined, "data-selected": isSelected, onClick: config.selectable
+                                ? () => {
+                                    setLocalSelected(id);
+                                    onSelect?.(id, row);
+                                }
+                                : undefined, onKeyDown: config.selectable
+                                ? (event) => {
+                                    if (event.key === 'Enter' || event.key === ' ') {
+                                        event.preventDefault();
+                                        setLocalSelected(id);
+                                        onSelect?.(id, row);
+                                    }
+                                }
+                                : undefined, className: "flex items-center gap-3 border-s-2 border-transparent px-3 py-2.5 data-[selected=true]:border-accent data-[selected=true]:bg-accent-soft/60 hover:bg-surface-2/60 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent", children: [owner !== undefined && _jsx(Avatar, { name: owner, size: "sm" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-body-sm font-semibold text-fg", children: title }), status !== undefined && _jsx(StatusPill, { status: status })] }), subtitle !== undefined && _jsx("p", { className: "truncate text-caption text-fg-muted", children: subtitle }), progress !== undefined && Number.isFinite(progress) && (_jsxs("div", { className: "mt-1.5 flex items-center gap-2", children: [_jsx(ProgressBar, { value: progress, size: "sm", className: "max-w-40", label: `${title} progress` }), _jsxs("span", { className: "font-mono text-caption tabular-nums text-fg-subtle", children: [Math.round(progress), "%"] })] })), updated !== undefined && (_jsx("p", { className: "mt-0.5 font-mono text-caption tabular-nums text-fg-subtle", children: formatRelativeTime(updated, { locale, ...(now === undefined ? {} : { now }) }) }))] }), toggleOn !== undefined && (_jsx(Switch, { checked: toggleOn, "aria-label": `Toggle ${title}`, onClick: (event) => event.stopPropagation(), onCheckedChange: (next) => onToggle?.(id, next, row) }))] }) }, id));
+                }) }))] }));
+}
+function rowsOf(data) {
+    if (Array.isArray(data))
+        return data;
+    if (typeof data === 'object' && data !== null && Array.isArray(data.data)) {
+        return data.data;
+    }
+    return [];
+}
+export function MasterListWidget({ config, data, onEvent }) {
+    const source = config.binding;
+    const table = source === undefined ? undefined : source.source.schema === undefined ? source.source.name : `${source.source.schema}.${source.source.name}`;
+    return (_jsx(MasterList, { rows: rowsOf(data), config: config, ...(config.allLabel === undefined ? {} : { allLabel: config.allLabel }), ...(config.emptyTitle === undefined ? {} : { emptyTitle: config.emptyTitle }), ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), onSelect: (id, row) => {
+            if (table !== undefined && source !== undefined) {
+                onEvent({ type: 'record-open', connectionId: source.connectionId, table, recordId: row['id'] ?? id });
+            }
+        }, onToggle: (id, next) => {
+            if (table !== undefined && source !== undefined && config.toggleField !== undefined) {
+                onEvent({ type: 'mutate', intent: 'update', connectionId: source.connectionId, table, recordId: id, values: { [config.toggleField]: next } });
+            }
+        } }));
+}
+//# sourceMappingURL=MasterList.js.map

package/dist/families/tables/MasterList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterList.js","sourceRoot":"","sources":["../../../src/families/tables/MasterList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKtD;;;;;;GAMG;AAEH,8DAA8D;AAC9D,8EAA8E;AAC9E,0EAA0E;AAC1E,iBAAiB;AACjB,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAqBxF,SAAS,GAAG,CAAC,KAAc;IACzB,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC3E,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,UAAU,EACV,MAAM,EACN,GAAG,EACH,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,QAAQ,EACR,MAAM,GACU;IAChB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,SAAS,CAAC,CAAC;IACpE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,UAAU,CAAC,CAAC;IACnF,MAAM,QAAQ,GAAG,UAAU,IAAI,aAAa,CAAC;IAE7C,MAAM,YAAY,GAChB,MAAM,CAAC,WAAW,KAAK,SAAS;QAC9B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,WAAqB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;IAE1H,MAAM,QAAQ,GACZ,MAAM,CAAC,WAAW,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS;QAC5D,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,WAAqB,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC;IAEpF,OAAO,CACL,8BAAiB,aAAa,iBAAc,MAAM,EAAE,SAAS,EAAC,sBAAsB,aACjF,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,cAAK,SAAS,EAAC,sEAAsE,YAClF,CAAC,SAAS,EAAE,GAAG,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3C,iBAEE,IAAI,EAAC,QAAQ,iBACA,YAAY,KAAK,KAAK,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACrC,SAAS,EAAC,+RAA+R,YAExS,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAN7C,KAAK,CAOH,CACV,CAAC,GACE,CACP,EACA,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAC,0FAA0F,YACtG,UAAU,IAAI,4BAA4B,GACvC,CACP,CAAC,CAAC,CAAC,CACF,aAAI,SAAS,EAAC,0DAA0D,YACrE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACpB,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC1D,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAC;oBAChD,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;oBACjG,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;oBAC3F,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;oBACxF,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;oBAC9F,MAAM,QAAQ,GACZ,MAAM,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;oBACrF,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;oBACjG,MAAM,UAAU,GAAG,QAAQ,KAAK,EAAE,CAAC;oBACnC,OAAO,CACL,uBACE,eACE,IAAI,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,kBAC7B,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,mBAC5B,UAAU,EACzB,OAAO,EACL,MAAM,CAAC,UAAU;gCACf,CAAC,CAAC,GAAG,EAAE;oCACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;oCACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;gCACtB,CAAC;gCACH,CAAC,CAAC,SAAS,EAEf,SAAS,EACP,MAAM,CAAC,UAAU;gCACf,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;oCACR,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;wCAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;wCACvB,gBAAgB,CAAC,EAAE,CAAC,CAAC;wCACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;oCACtB,CAAC;gCACH,CAAC;gCACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAC,wPAAwP,aAEjQ,KAAK,KAAK,SAAS,IAAI,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,EACzD,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,6CAA6C,YAAE,KAAK,GAAQ,EAC3E,MAAM,KAAK,SAAS,IAAI,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,IACnD,EACL,QAAQ,KAAK,SAAS,IAAI,YAAG,SAAS,EAAC,qCAAqC,YAAE,QAAQ,GAAK,EAC3F,QAAQ,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CACtD,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,WAAW,IAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,GAAG,KAAK,WAAW,GAAI,EAC3F,gBAAM,SAAS,EAAC,oDAAoD,aAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,IAC/F,CACP,EACA,OAAO,KAAK,SAAS,IAAI,CACxB,YAAG,SAAS,EAAC,2DAA2D,YACrE,kBAAkB,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAC7E,CACL,IACG,EACL,QAAQ,KAAK,SAAS,IAAI,CACzB,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,gBACL,UAAU,KAAK,EAAE,EAC7B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAC3C,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,GACpD,CACH,IACG,IAtDC,EAAE,CAuDN,CACN,CAAC;gBACJ,CAAC,CAAC,GACC,CACN,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,MAAM,CAAC,IAAa;IAC3B,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,IAAiB,CAAC;IAClD,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO,CAAE,IAA2B,CAAC,IAAI,CAAC,EAAE,CAAC;QAClG,OAAQ,IAA4B,CAAC,IAAI,CAAC;IAC5C,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAiC;IACvF,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;IAC9B,MAAM,KAAK,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAC3J,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,EAClB,MAAM,EAAE,MAAM,KACV,CAAC,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,KACpE,CAAC,MAAM,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,KAC1E,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EACjF,QAAQ,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE;YACpB,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBAChD,OAAO,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAG,GAAG,CAAC,IAAI,CAAiC,IAAI,EAAE,EAAE,CAAC,CAAC;YACzI,CAAC;QACH,CAAC,EACD,QAAQ,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;YACrB,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;gBACpF,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;YAChJ,CAAC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/families/tables/MiniTable.d.ts

@@ -0,0 +1,25 @@
+import type { CellContext } from './cells.js';
+import type { GridColumnSpec, GridRow } from './column-spec.js';
+import type { WidgetEvent } from '../../registry/types.js';
+/**
+ * `mini-table` (annex §3) — borderless compact row list inside a dashboard
+ * card ("Recent orders"): 2–3 mapped columns (name · status pill · mono
+ * amount), LIMIT 3–6 rows, optional "View all" drill-through.
+ */
+export interface MiniTableProps {
+    /** 2–3 column mapping (annex config). Extra specs are ignored beyond 3. */
+    columns: readonly GridColumnSpec[];
+    rows: readonly GridRow[];
+    /** Row click → record-open through the host (dashboard drill-through). */
+    onRowOpen?: ((row: GridRow) => void) | undefined;
+    /** Drill-through target for the "View all" footer link. */
+    viewAllHref?: string | undefined;
+    viewAllLabel?: string | undefined;
+    onEvent?: ((event: WidgetEvent) => void) | undefined;
+    cellContext?: CellContext | undefined;
+    /** Rows rendered (annex: LIMIT 3–6). */
+    limit?: number | undefined;
+    testId?: string | undefined;
+}
+export declare function MiniTable({ columns, rows, onRowOpen, viewAllHref, viewAllLabel, onEvent, cellContext, limit, testId, }: MiniTableProps): import("react").JSX.Element;
+//# sourceMappingURL=MiniTable.d.ts.map

package/dist/families/tables/MiniTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniTable.d.ts","sourceRoot":"","sources":["../../../src/families/tables/MiniTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;GAIG;AAEH,MAAM,WAAW,cAAc;IAC7B,2EAA2E;IAC3E,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;IACnC,IAAI,EAAE,SAAS,OAAO,EAAE,CAAC;IACzB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrD,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,WAAW,EACX,KAAS,EACT,MAAM,GACP,EAAE,cAAc,+BA8ChB"}

package/dist/families/tables/MiniTable.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight } from 'lucide-react';
+import { CellValue, cellAlignClass } from './cells.js';
+import { rowIdOf } from './column-spec.js';
+export function MiniTable({ columns, rows, onRowOpen, viewAllHref, viewAllLabel, onEvent, cellContext, limit = 6, testId, }) {
+    const visible = columns.filter((column) => !column.hidden).slice(0, 3);
+    const slice = rows.slice(0, limit);
+    return (_jsxs("div", { "data-part": "mini-table", "data-testid": testId, className: "flex h-full flex-col", children: [_jsx("div", { className: "flex-1 divide-y divide-border/60", children: slice.map((row) => {
+                    const id = rowIdOf(columns, row);
+                    const content = visible.map((column, index) => (_jsx("div", { "data-column": column.name, className: `flex min-w-0 items-center ${index === 0 ? 'flex-1 font-semibold' : 'shrink-0'} ${cellAlignClass(column)} text-body-sm text-fg`, children: _jsx(CellValue, { column: column, row: row, context: cellContext ?? {} }) }, column.name)));
+                    return onRowOpen === undefined ? (_jsx("div", { className: "flex items-center gap-3 px-4 py-2", children: content }, id)) : (_jsx("button", { type: "button", onClick: () => onRowOpen(row), className: "flex w-full items-center gap-3 px-4 py-2 text-start hover:bg-surface-2/60 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent", children: content }, id));
+                }) }), viewAllHref !== undefined && (_jsxs("button", { type: "button", "data-part": "mini-table-view-all", onClick: () => onEvent?.({ type: 'drill-through', href: viewAllHref }), className: "flex items-center gap-1 px-4 py-2.5 text-caption font-bold text-accent hover:underline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent", children: [viewAllLabel ?? 'View all', _jsx(ArrowRight, { className: "size-3 rtl:-scale-x-100", "aria-hidden": "true" })] }))] }));
+}
+//# sourceMappingURL=MiniTable.js.map

package/dist/families/tables/MiniTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniTable.js","sourceRoot":"","sources":["../../../src/families/tables/MiniTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AA0B3C,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,WAAW,EACX,KAAK,GAAG,CAAC,EACT,MAAM,GACS;IACf,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACvE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACnC,OAAO,CACL,4BAAe,YAAY,iBAAc,MAAM,EAAE,SAAS,EAAC,sBAAsB,aAC/E,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjB,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;oBACjC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7C,6BAEe,MAAM,CAAC,IAAI,EACxB,SAAS,EAAE,6BAA6B,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,IAAI,cAAc,CAAC,MAAM,CAAC,uBAAuB,YAE1I,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,IAAI,EAAE,GAAI,IAJ9D,MAAM,CAAC,IAAI,CAKZ,CACP,CAAC,CAAC;oBACH,OAAO,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAC/B,cAAc,SAAS,EAAC,mCAAmC,YACxD,OAAO,IADA,EAAE,CAEN,CACP,CAAC,CAAC,CAAC,CACF,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,EAC7B,SAAS,EAAC,gKAAgK,YAEzK,OAAO,IALH,EAAE,CAMA,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,WAAW,KAAK,SAAS,IAAI,CAC5B,kBACE,IAAI,EAAC,QAAQ,eACH,qBAAqB,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EACtE,SAAS,EAAC,6KAA6K,aAEtL,YAAY,IAAI,UAAU,EAC3B,KAAC,UAAU,IAAC,SAAS,EAAC,yBAAyB,iBAAa,MAAM,GAAG,IAC9D,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/families/tables/PaginationFooter.d.ts

@@ -0,0 +1,36 @@
+/**
+ * `pagination-footer` (annex §3) — keyset flavor (09 §7.1): mono range text
+ * ("1–25 of 8,402" — total optional in cursor mode), prev/next, page-size
+ * select. Attached to `data-grid`; the host owns the cursor stack (the CRUD
+ * API only hands out `cursor.next`, so "prev" replays the host's history).
+ */
+export declare const PAGE_SIZE_OPTIONS: readonly [25, 50, 100, 200];
+export interface PaginationFooterProps {
+    /** 1-based inclusive range of the visible rows (0/0 when empty). */
+    rangeStart: number;
+    rangeEnd: number;
+    /** Total row count when known (offset mode / count probe); null hides it. */
+    total?: number | null | undefined;
+    hasPrev: boolean;
+    hasNext: boolean;
+    onPrev: () => void;
+    onNext: () => void;
+    pageSize: number;
+    pageSizeOptions?: readonly number[] | undefined;
+    onPageSizeChange: (size: number) => void;
+    disabled?: boolean | undefined;
+    /** BCP-47 tag for the mono range counts (data context → latn digits). */
+    locale?: string | undefined;
+    labels?: {
+        prev?: string | undefined;
+        next?: string | undefined;
+        pageSize?: string | undefined;
+        /** Range connective ("of") — i18n. */
+        of?: string | undefined;
+        /** Range shown when no rows match. */
+        empty?: string | undefined;
+    } | undefined;
+    testId?: string | undefined;
+}
+export declare function PaginationFooter({ rangeStart, rangeEnd, total, hasPrev, hasNext, onPrev, onNext, pageSize, pageSizeOptions, onPageSizeChange, disabled, locale, labels, testId, }: PaginationFooterProps): import("react").JSX.Element;
+//# sourceMappingURL=PaginationFooter.d.ts.map

package/dist/families/tables/PaginationFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationFooter.d.ts","sourceRoot":"","sources":["../../../src/families/tables/PaginationFooter.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,eAAO,MAAM,iBAAiB,6BAA8B,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,oEAAoE;IACpE,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAChD,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,MAAM,CAAC,EACH;QACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,sCAAsC;QACtC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QACxB,sCAAsC;QACtC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAC5B,GACD,SAAS,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAmC,EACnC,gBAAgB,EAChB,QAAgB,EAChB,MAAM,EACN,MAAM,EACN,MAAM,GACP,EAAE,qBAAqB,+BAyDvB"}

package/dist/families/tables/PaginationFooter.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getFormatters } from '@adminium/i18n';
+import { IconButton, MonoText, Select } from '@adminium/ui';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+/**
+ * `pagination-footer` (annex §3) — keyset flavor (09 §7.1): mono range text
+ * ("1–25 of 8,402" — total optional in cursor mode), prev/next, page-size
+ * select. Attached to `data-grid`; the host owns the cursor stack (the CRUD
+ * API only hands out `cursor.next`, so "prev" replays the host's history).
+ */
+export const PAGE_SIZE_OPTIONS = [25, 50, 100, 200];
+export function PaginationFooter({ rangeStart, rangeEnd, total, hasPrev, hasNext, onPrev, onNext, pageSize, pageSizeOptions = PAGE_SIZE_OPTIONS, onPageSizeChange, disabled = false, locale, labels, testId, }) {
+    // Mono range counts render in data context (latn digits, aligned in ar_EG).
+    const fmt = getFormatters(locale ?? 'en-US');
+    const empty = rangeEnd === 0;
+    const rangeText = empty
+        ? (labels?.empty ?? '0 rows')
+        : `${fmt.number(rangeStart)}–${fmt.number(rangeEnd)}${total === null || total === undefined ? '' : ` ${labels?.of ?? 'of'} ${fmt.number(total)}`}`;
+    return (_jsxs("div", { "data-part": "pagination-footer", "data-testid": testId, className: "flex items-center justify-between gap-3 border-t border-border bg-surface px-3 py-2", children: [_jsx(MonoText, { "data-part": "pagination-range", className: "text-caption text-fg-muted", children: rangeText }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("label", { className: "flex items-center gap-1.5 text-caption text-fg-muted", children: [labels?.pageSize ?? 'Rows', _jsx(Select, { "aria-label": labels?.pageSize ?? 'Rows per page', value: String(pageSize), disabled: disabled, onChange: (event) => onPageSizeChange(Number(event.target.value)), className: "h-7 text-caption", children: pageSizeOptions.map((size) => (_jsx("option", { value: String(size), children: size }, size))) })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(IconButton, { size: "sm", label: labels?.prev ?? 'Previous page', disabled: disabled || !hasPrev, onClick: onPrev, children: _jsx(ChevronLeft, { className: "size-3.5 rtl:-scale-x-100" }) }), _jsx(IconButton, { size: "sm", label: labels?.next ?? 'Next page', disabled: disabled || !hasNext, onClick: onNext, children: _jsx(ChevronRight, { className: "size-3.5 rtl:-scale-x-100" }) })] })] })] }));
+}
+//# sourceMappingURL=PaginationFooter.js.map