@ai-matrx/design-system 0.48.1 → 0.48.5

package/dist/tap-target.css

@@ -191,7 +191,10 @@
   align-items: center;
   justify-content: center;
 }
-@media (pointer: coarse) {
+/* A phone-width table (its cards layout) is held to the touch floor too, not only a
+   coarse pointer: a 375px view measured 32x32 kebabs and pager buttons (page-pass
+   2026-09-27) — the same width contract `.matrx-touch-targets` uses. */
+@media (pointer: coarse), (max-width: 639px) {
   [data-matrx-table][data-matrx-table-density] :is([data-matrx-table-search], [data-matrx-table-footer], [data-matrx-table-row-actions], [data-matrx-table-toolbar-action]) :is(button, input, a, [role="combobox"]),
   [data-matrx-table][data-matrx-table-density] :is([data-matrx-table-scroll-control], [data-matrx-table-selection-target]) {
     min-height: 2.75rem !important;

package/dist/{types-DuvXeW4i.d.cts → types-Dh3wRc0N.d.cts}

@@ -1,4 +1,5 @@
 import { ContentTransferReference } from './content-transfer.cjs';
+import * as React from 'react';
 import { ReactNode } from 'react';
 import { AgentPayloadInput, AiVariant, AiCustomSource, CopyExportConfig } from './data-table/copy-types.cjs';
 import { TableStyle, ChoiceColorLookup } from './data-table/table-style.cjs';
@@ -10,6 +11,45 @@ import { SpreadsheetIntent, SpreadsheetPastePlan, SpreadsheetController } from '
 import { DateColumnFilterValue } from './data-table/date-filter.cjs';
 import { MatrxTableMenuItem, MatrxTableMenuPayload, MatrxTableMenuSection } from './data-table/menu-targets.cjs';
 
+interface TableViewTab {
+    id: string;
+    label: string;
+    count?: number;
+}
+interface TableViewTabsProps {
+    tabs: readonly TableViewTab[];
+    activeId: string;
+    onSelect: (id: string) => void;
+    onAdd: () => void;
+    onClose: (id: string) => void;
+    onRename: (id: string, label: string) => void;
+    /** Related-data doors use the same row, without creating another table. */
+    related?: ReactNode;
+    /** Open this tab's name field now (a just-created tab asks for its name). */
+    editingId?: string | null;
+    /** The name field closed with Escape (a just-created tab is then discarded). */
+    onEditCancel?: (id: string) => void;
+    /** The name field closed (committed or cancelled). */
+    onEditDone?: () => void;
+}
+/** One shared tab strip; hosts may own URL state without copying its UI. */
+declare function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, related, editingId, onEditCancel, onEditDone }: TableViewTabsProps): React.JSX.Element;
+/** A named view the host persists (its preferences store); the default tab is never stored. */
+interface SavedTableViewTab {
+    id: string;
+    label: string;
+    snapshot: TableViewSnapshot;
+}
+/**
+ * Where working view tabs live. Without a store they are in memory (gone on reload) —
+ * a host that offers the "+" on a page people come back to passes one, so a view
+ * made with "+" is named and survives a reload (page-pass 2026-09-27).
+ */
+interface TableViewTabsStore {
+    views: readonly SavedTableViewTab[];
+    onChange: (views: SavedTableViewTab[]) => void;
+}
+
 type TableSearchRole = "id" | "name" | "description" | "other";
 interface TableSearchScope {
     id: string;
@@ -631,6 +671,12 @@ interface MatrxDataTableToolbar {
     portalInto?: HTMLElement | null;
     /** Keep the toolbar on ONE row at every width; a narrow screen scrolls it sideways. */
     singleRow?: boolean;
+    /**
+     * `false`: no Columns button — the placing page already owns the ONE column picker (a list
+     * shell with its own picker that hands the table only the visible columns; two pickers that
+     * disagree about which columns exist is worse than one). Default: shown.
+     */
+    columns?: boolean;
     /**
      * WHERE THE ROW'S CONTROLS GO WHEN IT HAS NO ROOM (lane C, merged-grid review 2026-09-26):
      * `inline` (default) draws them on the row; `menu` puts the table's controls and `actions`
@@ -1413,6 +1459,11 @@ interface MatrxDataTableProps<T> {
     defaultViewSnapshot?: TableViewSnapshot;
     /** Working view tabs, on by default. Disable for embedded/single-purpose tables. */
     viewTabs?: boolean;
+    /**
+     * Where the working view tabs are kept. Absent: in memory, gone on reload. A page people
+     * return to passes its preferences store, so a view made with "+" is named and survives.
+     */
+    viewTabsStore?: TableViewTabsStore;
     /** Related-data controls shown at the right of the working-view tab strip. */
     relatedTableActions?: ReactNode;
     /** Optional URL/source-owned column order and visibility. */
@@ -1639,4 +1690,4 @@ interface MatrxDataTableProps<T> {
     onRowOpen?: (row: T) => void;
 }
 
-export { inferTableSearchRole as $, type AnyOfColumnSearch as A, type MatrxDataTableQueryControl as B, type ColumnFiltersState as C, type MatrxDataTableReadStatus as D, type MatrxDataTableSelectionConfig as E, type MatrxDataTableSingleExpandedDetailConfig as F, type MatrxDataTableSourceProcessing as G, type MatrxDataTableSpreadsheetConfig as H, type MatrxDataTableStyleConfig as I, type MatrxDataTableToolbar as J, type MatrxDataTableUrlStateConfig as K, type LayeredFilterRule as L, type MatrxColumnDef as M, type MatrxDataTableVirtualizeConfig as N, type MatrxDataTableWindowConfig as O, type MatrxTablePagination as P, type NumberFilterOp as Q, type SortDirection as R, type SortState as S, type TableSearchMatchMode as T, type SpreadsheetSelection as U, type TableRankedSearchOptions as V, type TableSearchRole as W, type TableSearchScope as X, type TableViewQuery as Y, type TextFilterMode as Z, type ToolbarFacet as _, type ColumnFilterValue as a, rankTableSearchRows as a0, resolveTableSearchScopes as a1, LAYERED_FILTER_OPERATORS as a2, LAYERED_FILTER_OPERATOR_LABELS as a3, type LayeredFilterField as a4, type LayeredFilterOperator as a5, columnFiltersToLayeredRules as a6, completeLayeredFilterRules as a7, decodeLayeredFilterRules as a8, encodeLayeredFilterRules as a9, isCompleteLayeredFilterRule as aa, isLayeredFilterOperator as ab, layeredFilterMatchesValue as ac, layeredFilterNeedsValue as ad, layeredFilterRuleSummary as ae, operatorsForLayeredField as af, type TableSavedViewsProps as b, type MatrxDataTableDensity as c, type MatrxDataTableRecordControls as d, type MatrxDataTableQueryState as e, type ColumnFilterKind as f, type MatrxDataTableCopyConfig as g, type MatrxDataTableProps as h, type TableViewSnapshot as i, type MatrxDataTableRead as j, type ColumnMarker as k, type CellEditType as l, type CellEditsMap as m, type MatrxDataTableContextMenuConfig as n, type MatrxDataTableCoverageConfig as o, type MatrxDataTableDetailConfig as p, type MatrxDataTableEditConfig as q, type MatrxDataTableEmptyState as r, type MatrxDataTableExpandedDetailConfig as s, type MatrxDataTableFacetsConfig as t, type MatrxDataTableFilterUi as u, type MatrxDataTableGroupingConfig as v, type MatrxDataTableHierarchyConfig as w, type MatrxDataTableHierarchyMove as x, type MatrxDataTableMobileCardControls as y, type MatrxDataTableMultiExpandedDetailConfig as z };
+export { TableViewTabs as $, type AnyOfColumnSearch as A, type MatrxDataTableQueryControl as B, type ColumnFiltersState as C, type MatrxDataTableReadStatus as D, type MatrxDataTableSelectionConfig as E, type MatrxDataTableSingleExpandedDetailConfig as F, type MatrxDataTableSourceProcessing as G, type MatrxDataTableSpreadsheetConfig as H, type MatrxDataTableStyleConfig as I, type MatrxDataTableToolbar as J, type MatrxDataTableUrlStateConfig as K, type LayeredFilterRule as L, type MatrxColumnDef as M, type MatrxDataTableVirtualizeConfig as N, type MatrxDataTableWindowConfig as O, type MatrxTablePagination as P, type NumberFilterOp as Q, type SavedTableViewTab as R, type SortState as S, type TableSearchMatchMode as T, type SortDirection as U, type SpreadsheetSelection as V, type TableRankedSearchOptions as W, type TableSearchRole as X, type TableSearchScope as Y, type TableViewQuery as Z, type TableViewTab as _, type ColumnFilterValue as a, type TableViewTabsProps as a0, type TableViewTabsStore as a1, type TextFilterMode as a2, type ToolbarFacet as a3, inferTableSearchRole as a4, rankTableSearchRows as a5, resolveTableSearchScopes as a6, LAYERED_FILTER_OPERATORS as a7, LAYERED_FILTER_OPERATOR_LABELS as a8, type LayeredFilterField as a9, type LayeredFilterOperator as aa, columnFiltersToLayeredRules as ab, completeLayeredFilterRules as ac, decodeLayeredFilterRules as ad, encodeLayeredFilterRules as ae, isCompleteLayeredFilterRule as af, isLayeredFilterOperator as ag, layeredFilterMatchesValue as ah, layeredFilterNeedsValue as ai, layeredFilterRuleSummary as aj, operatorsForLayeredField as ak, type TableSavedViewsProps as b, type MatrxDataTableDensity as c, type MatrxDataTableRecordControls as d, type MatrxDataTableQueryState as e, type ColumnFilterKind as f, type MatrxDataTableCopyConfig as g, type MatrxDataTableProps as h, type TableViewSnapshot as i, type MatrxDataTableRead as j, type ColumnMarker as k, type CellEditType as l, type CellEditsMap as m, type MatrxDataTableContextMenuConfig as n, type MatrxDataTableCoverageConfig as o, type MatrxDataTableDetailConfig as p, type MatrxDataTableEditConfig as q, type MatrxDataTableEmptyState as r, type MatrxDataTableExpandedDetailConfig as s, type MatrxDataTableFacetsConfig as t, type MatrxDataTableFilterUi as u, type MatrxDataTableGroupingConfig as v, type MatrxDataTableHierarchyConfig as w, type MatrxDataTableHierarchyMove as x, type MatrxDataTableMobileCardControls as y, type MatrxDataTableMultiExpandedDetailConfig as z };

package/dist/{types-oza_vuRW.d.ts → types-hMqC2Fwn.d.ts}

@@ -1,4 +1,5 @@
 import { ContentTransferReference } from './content-transfer.js';
+import * as React from 'react';
 import { ReactNode } from 'react';
 import { AgentPayloadInput, AiVariant, AiCustomSource, CopyExportConfig } from './data-table/copy-types.js';
 import { TableStyle, ChoiceColorLookup } from './data-table/table-style.js';
@@ -10,6 +11,45 @@ import { SpreadsheetIntent, SpreadsheetPastePlan, SpreadsheetController } from '
 import { DateColumnFilterValue } from './data-table/date-filter.js';
 import { MatrxTableMenuItem, MatrxTableMenuPayload, MatrxTableMenuSection } from './data-table/menu-targets.js';
 
+interface TableViewTab {
+    id: string;
+    label: string;
+    count?: number;
+}
+interface TableViewTabsProps {
+    tabs: readonly TableViewTab[];
+    activeId: string;
+    onSelect: (id: string) => void;
+    onAdd: () => void;
+    onClose: (id: string) => void;
+    onRename: (id: string, label: string) => void;
+    /** Related-data doors use the same row, without creating another table. */
+    related?: ReactNode;
+    /** Open this tab's name field now (a just-created tab asks for its name). */
+    editingId?: string | null;
+    /** The name field closed with Escape (a just-created tab is then discarded). */
+    onEditCancel?: (id: string) => void;
+    /** The name field closed (committed or cancelled). */
+    onEditDone?: () => void;
+}
+/** One shared tab strip; hosts may own URL state without copying its UI. */
+declare function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, related, editingId, onEditCancel, onEditDone }: TableViewTabsProps): React.JSX.Element;
+/** A named view the host persists (its preferences store); the default tab is never stored. */
+interface SavedTableViewTab {
+    id: string;
+    label: string;
+    snapshot: TableViewSnapshot;
+}
+/**
+ * Where working view tabs live. Without a store they are in memory (gone on reload) —
+ * a host that offers the "+" on a page people come back to passes one, so a view
+ * made with "+" is named and survives a reload (page-pass 2026-09-27).
+ */
+interface TableViewTabsStore {
+    views: readonly SavedTableViewTab[];
+    onChange: (views: SavedTableViewTab[]) => void;
+}
+
 type TableSearchRole = "id" | "name" | "description" | "other";
 interface TableSearchScope {
     id: string;
@@ -631,6 +671,12 @@ interface MatrxDataTableToolbar {
     portalInto?: HTMLElement | null;
     /** Keep the toolbar on ONE row at every width; a narrow screen scrolls it sideways. */
     singleRow?: boolean;
+    /**
+     * `false`: no Columns button — the placing page already owns the ONE column picker (a list
+     * shell with its own picker that hands the table only the visible columns; two pickers that
+     * disagree about which columns exist is worse than one). Default: shown.
+     */
+    columns?: boolean;
     /**
      * WHERE THE ROW'S CONTROLS GO WHEN IT HAS NO ROOM (lane C, merged-grid review 2026-09-26):
      * `inline` (default) draws them on the row; `menu` puts the table's controls and `actions`
@@ -1413,6 +1459,11 @@ interface MatrxDataTableProps<T> {
     defaultViewSnapshot?: TableViewSnapshot;
     /** Working view tabs, on by default. Disable for embedded/single-purpose tables. */
     viewTabs?: boolean;
+    /**
+     * Where the working view tabs are kept. Absent: in memory, gone on reload. A page people
+     * return to passes its preferences store, so a view made with "+" is named and survives.
+     */
+    viewTabsStore?: TableViewTabsStore;
     /** Related-data controls shown at the right of the working-view tab strip. */
     relatedTableActions?: ReactNode;
     /** Optional URL/source-owned column order and visibility. */
@@ -1639,4 +1690,4 @@ interface MatrxDataTableProps<T> {
     onRowOpen?: (row: T) => void;
 }
 
-export { inferTableSearchRole as $, type AnyOfColumnSearch as A, type MatrxDataTableQueryControl as B, type ColumnFiltersState as C, type MatrxDataTableReadStatus as D, type MatrxDataTableSelectionConfig as E, type MatrxDataTableSingleExpandedDetailConfig as F, type MatrxDataTableSourceProcessing as G, type MatrxDataTableSpreadsheetConfig as H, type MatrxDataTableStyleConfig as I, type MatrxDataTableToolbar as J, type MatrxDataTableUrlStateConfig as K, type LayeredFilterRule as L, type MatrxColumnDef as M, type MatrxDataTableVirtualizeConfig as N, type MatrxDataTableWindowConfig as O, type MatrxTablePagination as P, type NumberFilterOp as Q, type SortDirection as R, type SortState as S, type TableSearchMatchMode as T, type SpreadsheetSelection as U, type TableRankedSearchOptions as V, type TableSearchRole as W, type TableSearchScope as X, type TableViewQuery as Y, type TextFilterMode as Z, type ToolbarFacet as _, type ColumnFilterValue as a, rankTableSearchRows as a0, resolveTableSearchScopes as a1, LAYERED_FILTER_OPERATORS as a2, LAYERED_FILTER_OPERATOR_LABELS as a3, type LayeredFilterField as a4, type LayeredFilterOperator as a5, columnFiltersToLayeredRules as a6, completeLayeredFilterRules as a7, decodeLayeredFilterRules as a8, encodeLayeredFilterRules as a9, isCompleteLayeredFilterRule as aa, isLayeredFilterOperator as ab, layeredFilterMatchesValue as ac, layeredFilterNeedsValue as ad, layeredFilterRuleSummary as ae, operatorsForLayeredField as af, type TableSavedViewsProps as b, type MatrxDataTableDensity as c, type MatrxDataTableRecordControls as d, type MatrxDataTableQueryState as e, type ColumnFilterKind as f, type MatrxDataTableCopyConfig as g, type MatrxDataTableProps as h, type TableViewSnapshot as i, type MatrxDataTableRead as j, type ColumnMarker as k, type CellEditType as l, type CellEditsMap as m, type MatrxDataTableContextMenuConfig as n, type MatrxDataTableCoverageConfig as o, type MatrxDataTableDetailConfig as p, type MatrxDataTableEditConfig as q, type MatrxDataTableEmptyState as r, type MatrxDataTableExpandedDetailConfig as s, type MatrxDataTableFacetsConfig as t, type MatrxDataTableFilterUi as u, type MatrxDataTableGroupingConfig as v, type MatrxDataTableHierarchyConfig as w, type MatrxDataTableHierarchyMove as x, type MatrxDataTableMobileCardControls as y, type MatrxDataTableMultiExpandedDetailConfig as z };
+export { TableViewTabs as $, type AnyOfColumnSearch as A, type MatrxDataTableQueryControl as B, type ColumnFiltersState as C, type MatrxDataTableReadStatus as D, type MatrxDataTableSelectionConfig as E, type MatrxDataTableSingleExpandedDetailConfig as F, type MatrxDataTableSourceProcessing as G, type MatrxDataTableSpreadsheetConfig as H, type MatrxDataTableStyleConfig as I, type MatrxDataTableToolbar as J, type MatrxDataTableUrlStateConfig as K, type LayeredFilterRule as L, type MatrxColumnDef as M, type MatrxDataTableVirtualizeConfig as N, type MatrxDataTableWindowConfig as O, type MatrxTablePagination as P, type NumberFilterOp as Q, type SavedTableViewTab as R, type SortState as S, type TableSearchMatchMode as T, type SortDirection as U, type SpreadsheetSelection as V, type TableRankedSearchOptions as W, type TableSearchRole as X, type TableSearchScope as Y, type TableViewQuery as Z, type TableViewTab as _, type ColumnFilterValue as a, type TableViewTabsProps as a0, type TableViewTabsStore as a1, type TextFilterMode as a2, type ToolbarFacet as a3, inferTableSearchRole as a4, rankTableSearchRows as a5, resolveTableSearchScopes as a6, LAYERED_FILTER_OPERATORS as a7, LAYERED_FILTER_OPERATOR_LABELS as a8, type LayeredFilterField as a9, type LayeredFilterOperator as aa, columnFiltersToLayeredRules as ab, completeLayeredFilterRules as ac, decodeLayeredFilterRules as ad, encodeLayeredFilterRules as ae, isCompleteLayeredFilterRule as af, isLayeredFilterOperator as ag, layeredFilterMatchesValue as ah, layeredFilterNeedsValue as ai, layeredFilterRuleSummary as aj, operatorsForLayeredField as ak, type TableSavedViewsProps as b, type MatrxDataTableDensity as c, type MatrxDataTableRecordControls as d, type MatrxDataTableQueryState as e, type ColumnFilterKind as f, type MatrxDataTableCopyConfig as g, type MatrxDataTableProps as h, type TableViewSnapshot as i, type MatrxDataTableRead as j, type ColumnMarker as k, type CellEditType as l, type CellEditsMap as m, type MatrxDataTableContextMenuConfig as n, type MatrxDataTableCoverageConfig as o, type MatrxDataTableDetailConfig as p, type MatrxDataTableEditConfig as q, type MatrxDataTableEmptyState as r, type MatrxDataTableExpandedDetailConfig as s, type MatrxDataTableFacetsConfig as t, type MatrxDataTableFilterUi as u, type MatrxDataTableGroupingConfig as v, type MatrxDataTableHierarchyConfig as w, type MatrxDataTableHierarchyMove as x, type MatrxDataTableMobileCardControls as y, type MatrxDataTableMultiExpandedDetailConfig as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/design-system",
-  "version": "0.48.1",
+  "version": "0.48.5",
   "description": "AI Matrx semantic React primitives shared across Vite, Next.js, desktop, and customer-built applications.",
   "type": "module",
   "license": "MIT",