@ai-matrx/design-system 0.60.8 → 0.60.9

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## 0.60.9 — the pill clamp + pill guard; table placed in a page's rows without overrides
+
+- `Badge` clamps itself: one line, `max-w-[16rem]`, text children truncate (icons do not), and a
+  text label becomes the `title` tooltip. A sentence-length value can no longer stretch a capsule
+  across the page or wrap it (owner, 2026-10-04: "Also made from" pills a quarter of the page wide).
+- `enablePillGuard()` / `findPillViolation()` / `PILL_MAX_WIDTH_PX` (320) — the dev-only twin of
+  the tap-target guard: any rendered Badge, `data-matrx-pill`, or `rounded-full` a/button/span/div
+  carrying text that is wider than 320px or wraps to a second line gets a dashed red outline and
+  one `[pill-guard]` console error. Opt out a deliberately wide capsule with `data-matrx-pill="off"`.
+
+- `toolbar.tabsPortalInto` — the saved-view tabs draw into the page row's leading slot (far
+  left), apart from the table's actions in `toolbar.portalInto`, without the strip's rule.
+- `frameHeight: "content"` — the bordered frame ends at its last row (replaces a host
+  `tableClassName="h-auto max-h-full"`).
+- `emptyHeader: "hide"` — a settled empty result draws no column header unless a column filter
+  is set (replaces a host `[&_thead]:hidden`).
+
+Consumer action: call `enablePillGuard()` beside `enableTapTargetGuard()` in development only; a
+Badge that relied on wrapping (`whitespace-normal` in its className) should become a list row. A host
+that forced these through `className` / `tableClassName` or descendant
+selectors (`[&_[data-matrx-table-*]]`, `[&_thead]`, `[&_td]`) switches to the options; compact rows
+are `density="condensed"`, never `[&_td]:py-1`.
+
 ## 0.60.8
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/data-table/copy-helpers.d.cts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.cjs';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-C9MwGVTc.cjs';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-CisXX8K5.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/copy-helpers.d.ts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.js';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-BsnawJgC.js';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-B0q8G3QR.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/filter-engine.d.cts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-C9MwGVTc.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-CisXX8K5.cjs';
 import 'react';
 import '../content-transfer.cjs';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/filter-engine.d.ts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-BsnawJgC.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-B0q8G3QR.js';
 import 'react';
 import '../content-transfer.js';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/host.d.cts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.cjs';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.cjs';
-import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-C9MwGVTc.cjs';
+import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-CisXX8K5.cjs';
 import { MatrxTableMenuItem, MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.cjs';
 export { MatrxTableMenuSection } from './menu-targets.cjs';
 import '../content-transfer.cjs';

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.js';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.js';
-import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-BsnawJgC.js';
+import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-B0q8G3QR.js';
 import { MatrxTableMenuItem, MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.js';
 export { MatrxTableMenuSection } from './menu-targets.js';
 import '../content-transfer.js';