@ai-matrx/design-system 0.61.8 → 0.61.10

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

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, f as ColumnFilterKind } from '../layered-filters-DL5BU8Mf.cjs';
+import { M as MatrxColumnDef, f as ColumnFilterKind } from '../layered-filters-DDgNWqzw.cjs';
 import 'react';
 import '../content-transfer.cjs';
 import '@ai-matrx/kit/content-transfer';

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

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, f as ColumnFilterKind } from '../layered-filters-CCWzLsOC.js';
+import { M as MatrxColumnDef, f as ColumnFilterKind } from '../layered-filters-DnMvx2yK.js';
 import 'react';
 import '../content-transfer.js';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/layered-filters.d.cts

@@ -1,4 +1,4 @@
-export { ai as LAYERED_FILTER_OPERATORS, aj as LAYERED_FILTER_OPERATOR_LABELS, ak as LayeredFilterField, al as LayeredFilterOperator, L as LayeredFilterRule, am as columnFiltersToLayeredRules, an as completeLayeredFilterRules, ao as decodeLayeredFilterRules, ap as encodeLayeredFilterRules, aq as isCompleteLayeredFilterRule, ar as isLayeredFilterOperator, as as layeredFilterMatchesValue, at as layeredFilterNeedsValue, au as layeredFilterRuleSummary, av as operatorsForLayeredField } from '../layered-filters-DL5BU8Mf.cjs';
+export { ai as LAYERED_FILTER_OPERATORS, aj as LAYERED_FILTER_OPERATOR_LABELS, ak as LayeredFilterField, al as LayeredFilterOperator, L as LayeredFilterRule, am as columnFiltersToLayeredRules, an as completeLayeredFilterRules, ao as decodeLayeredFilterRules, ap as encodeLayeredFilterRules, aq as isCompleteLayeredFilterRule, ar as isLayeredFilterOperator, as as layeredFilterMatchesValue, at as layeredFilterNeedsValue, au as layeredFilterRuleSummary, av as operatorsForLayeredField } from '../layered-filters-DDgNWqzw.cjs';
 import 'react';
 import '../content-transfer.cjs';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/layered-filters.d.ts

@@ -1,4 +1,4 @@
-export { ai as LAYERED_FILTER_OPERATORS, aj as LAYERED_FILTER_OPERATOR_LABELS, ak as LayeredFilterField, al as LayeredFilterOperator, L as LayeredFilterRule, am as columnFiltersToLayeredRules, an as completeLayeredFilterRules, ao as decodeLayeredFilterRules, ap as encodeLayeredFilterRules, aq as isCompleteLayeredFilterRule, ar as isLayeredFilterOperator, as as layeredFilterMatchesValue, at as layeredFilterNeedsValue, au as layeredFilterRuleSummary, av as operatorsForLayeredField } from '../layered-filters-CCWzLsOC.js';
+export { ai as LAYERED_FILTER_OPERATORS, aj as LAYERED_FILTER_OPERATOR_LABELS, ak as LayeredFilterField, al as LayeredFilterOperator, L as LayeredFilterRule, am as columnFiltersToLayeredRules, an as completeLayeredFilterRules, ao as decodeLayeredFilterRules, ap as encodeLayeredFilterRules, aq as isCompleteLayeredFilterRule, ar as isLayeredFilterOperator, as as layeredFilterMatchesValue, at as layeredFilterNeedsValue, au as layeredFilterRuleSummary, av as operatorsForLayeredField } from '../layered-filters-DnMvx2yK.js';
 import 'react';
 import '../content-transfer.js';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/query-control.d.cts

@@ -1,5 +1,5 @@
 import { ResolvedFilterKind } from './infer-filter.cjs';
-import { e as MatrxDataTableQueryState, M as MatrxColumnDef } from '../layered-filters-DL5BU8Mf.cjs';
+import { e as MatrxDataTableQueryState, M as MatrxColumnDef } from '../layered-filters-DDgNWqzw.cjs';
 import 'react';
 import '../content-transfer.cjs';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/query-control.d.ts

@@ -1,5 +1,5 @@
 import { ResolvedFilterKind } from './infer-filter.js';
-import { e as MatrxDataTableQueryState, M as MatrxColumnDef } from '../layered-filters-CCWzLsOC.js';
+import { e as MatrxDataTableQueryState, M as MatrxColumnDef } from '../layered-filters-DnMvx2yK.js';
 import 'react';
 import '../content-transfer.js';
 import '@ai-matrx/kit/content-transfer';

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

@@ -1,4 +1,4 @@
-export { A as AnyOfColumnSearch, n as CellEditType, o as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, m as ColumnMarker, M as MatrxColumnDef, j as MatrxDataTableAppearance, p as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, q as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, r as MatrxDataTableDetailConfig, s as MatrxDataTableDrillConfig, t as MatrxDataTableEditConfig, u as MatrxDataTableEmptyState, v as MatrxDataTableExpandedDetailConfig, w as MatrxDataTableFacetsConfig, x as MatrxDataTableFilterUi, y as MatrxDataTableGroupingConfig, z as MatrxDataTableHierarchyConfig, B as MatrxDataTableHierarchyMove, D as MatrxDataTableMobileCardControls, E as MatrxDataTableMultiExpandedDetailConfig, i as MatrxDataTableProps, F as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, l as MatrxDataTableRead, G as MatrxDataTableReadStatus, d as MatrxDataTableRecordControls, H as MatrxDataTableSelectionConfig, I as MatrxDataTableSingleExpandedDetailConfig, J as MatrxDataTableSourceProcessing, K as MatrxDataTableSpreadsheetConfig, N as MatrxDataTableStyleConfig, O as MatrxDataTableSummaryConfig, P as MatrxDataTableSummaryContext, Q as MatrxDataTableSummaryMetric, R as MatrxDataTableToolbar, U as MatrxDataTableUrlStateConfig, V as MatrxDataTableVirtualizeConfig, W as MatrxDataTableWindowConfig, h as MatrxTableIconAction, X as MatrxTablePagination, Y as NumberFilterOp, _ as SortDirection, S as SortState, $ as SpreadsheetSelection, b as TableSavedViewsProps, T as TableSearchMatchMode, a8 as TableViewQuery, k as TableViewSnapshot, ad as TextFilterMode, ae as ToolbarFacet } from '../layered-filters-DL5BU8Mf.cjs';
+export { A as AnyOfColumnSearch, n as CellEditType, o as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, m as ColumnMarker, M as MatrxColumnDef, j as MatrxDataTableAppearance, p as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, q as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, r as MatrxDataTableDetailConfig, s as MatrxDataTableDrillConfig, t as MatrxDataTableEditConfig, u as MatrxDataTableEmptyState, v as MatrxDataTableExpandedDetailConfig, w as MatrxDataTableFacetsConfig, x as MatrxDataTableFilterUi, y as MatrxDataTableGroupingConfig, z as MatrxDataTableHierarchyConfig, B as MatrxDataTableHierarchyMove, D as MatrxDataTableMobileCardControls, E as MatrxDataTableMultiExpandedDetailConfig, i as MatrxDataTableProps, F as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, l as MatrxDataTableRead, G as MatrxDataTableReadStatus, d as MatrxDataTableRecordControls, H as MatrxDataTableSelectionConfig, I as MatrxDataTableSingleExpandedDetailConfig, J as MatrxDataTableSourceProcessing, K as MatrxDataTableSpreadsheetConfig, N as MatrxDataTableStyleConfig, O as MatrxDataTableSummaryConfig, P as MatrxDataTableSummaryContext, Q as MatrxDataTableSummaryMetric, R as MatrxDataTableToolbar, U as MatrxDataTableUrlStateConfig, V as MatrxDataTableVirtualizeConfig, W as MatrxDataTableWindowConfig, h as MatrxTableIconAction, X as MatrxTablePagination, Y as NumberFilterOp, _ as SortDirection, S as SortState, $ as SpreadsheetSelection, b as TableSavedViewsProps, T as TableSearchMatchMode, a8 as TableViewQuery, k as TableViewSnapshot, ad as TextFilterMode, ae as ToolbarFacet } from '../layered-filters-DDgNWqzw.cjs';
 import '../content-transfer.cjs';
 import 'react';
 export { AgentPayloadInput } from './copy-types.cjs';

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

@@ -1,4 +1,4 @@
-export { A as AnyOfColumnSearch, n as CellEditType, o as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, m as ColumnMarker, M as MatrxColumnDef, j as MatrxDataTableAppearance, p as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, q as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, r as MatrxDataTableDetailConfig, s as MatrxDataTableDrillConfig, t as MatrxDataTableEditConfig, u as MatrxDataTableEmptyState, v as MatrxDataTableExpandedDetailConfig, w as MatrxDataTableFacetsConfig, x as MatrxDataTableFilterUi, y as MatrxDataTableGroupingConfig, z as MatrxDataTableHierarchyConfig, B as MatrxDataTableHierarchyMove, D as MatrxDataTableMobileCardControls, E as MatrxDataTableMultiExpandedDetailConfig, i as MatrxDataTableProps, F as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, l as MatrxDataTableRead, G as MatrxDataTableReadStatus, d as MatrxDataTableRecordControls, H as MatrxDataTableSelectionConfig, I as MatrxDataTableSingleExpandedDetailConfig, J as MatrxDataTableSourceProcessing, K as MatrxDataTableSpreadsheetConfig, N as MatrxDataTableStyleConfig, O as MatrxDataTableSummaryConfig, P as MatrxDataTableSummaryContext, Q as MatrxDataTableSummaryMetric, R as MatrxDataTableToolbar, U as MatrxDataTableUrlStateConfig, V as MatrxDataTableVirtualizeConfig, W as MatrxDataTableWindowConfig, h as MatrxTableIconAction, X as MatrxTablePagination, Y as NumberFilterOp, _ as SortDirection, S as SortState, $ as SpreadsheetSelection, b as TableSavedViewsProps, T as TableSearchMatchMode, a8 as TableViewQuery, k as TableViewSnapshot, ad as TextFilterMode, ae as ToolbarFacet } from '../layered-filters-CCWzLsOC.js';
+export { A as AnyOfColumnSearch, n as CellEditType, o as CellEditsMap, f as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, m as ColumnMarker, M as MatrxColumnDef, j as MatrxDataTableAppearance, p as MatrxDataTableContextMenuConfig, g as MatrxDataTableCopyConfig, q as MatrxDataTableCoverageConfig, c as MatrxDataTableDensity, r as MatrxDataTableDetailConfig, s as MatrxDataTableDrillConfig, t as MatrxDataTableEditConfig, u as MatrxDataTableEmptyState, v as MatrxDataTableExpandedDetailConfig, w as MatrxDataTableFacetsConfig, x as MatrxDataTableFilterUi, y as MatrxDataTableGroupingConfig, z as MatrxDataTableHierarchyConfig, B as MatrxDataTableHierarchyMove, D as MatrxDataTableMobileCardControls, E as MatrxDataTableMultiExpandedDetailConfig, i as MatrxDataTableProps, F as MatrxDataTableQueryControl, e as MatrxDataTableQueryState, l as MatrxDataTableRead, G as MatrxDataTableReadStatus, d as MatrxDataTableRecordControls, H as MatrxDataTableSelectionConfig, I as MatrxDataTableSingleExpandedDetailConfig, J as MatrxDataTableSourceProcessing, K as MatrxDataTableSpreadsheetConfig, N as MatrxDataTableStyleConfig, O as MatrxDataTableSummaryConfig, P as MatrxDataTableSummaryContext, Q as MatrxDataTableSummaryMetric, R as MatrxDataTableToolbar, U as MatrxDataTableUrlStateConfig, V as MatrxDataTableVirtualizeConfig, W as MatrxDataTableWindowConfig, h as MatrxTableIconAction, X as MatrxTablePagination, Y as NumberFilterOp, _ as SortDirection, S as SortState, $ as SpreadsheetSelection, b as TableSavedViewsProps, T as TableSearchMatchMode, a8 as TableViewQuery, k as TableViewSnapshot, ad as TextFilterMode, ae as ToolbarFacet } from '../layered-filters-DnMvx2yK.js';
 import '../content-transfer.js';
 import 'react';
 export { AgentPayloadInput } from './copy-types.js';

package/dist/data-table/url-state.d.cts

@@ -1,4 +1,4 @@
-import { S as SortState, e as MatrxDataTableQueryState } from '../layered-filters-DL5BU8Mf.cjs';
+import { S as SortState, e as MatrxDataTableQueryState } from '../layered-filters-DDgNWqzw.cjs';
 import { UrlHistoryMode } from '@ai-matrx/kit/url-state';
 import 'react';
 import '../content-transfer.cjs';

package/dist/data-table/url-state.d.ts

@@ -1,4 +1,4 @@
-import { S as SortState, e as MatrxDataTableQueryState } from '../layered-filters-CCWzLsOC.js';
+import { S as SortState, e as MatrxDataTableQueryState } from '../layered-filters-DnMvx2yK.js';
 import { UrlHistoryMode } from '@ai-matrx/kit/url-state';
 import 'react';
 import '../content-transfer.js';

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

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef } from '../layered-filters-DL5BU8Mf.cjs';
+import { M as MatrxColumnDef } from '../layered-filters-DDgNWqzw.cjs';
 import 'react';
 import '../content-transfer.cjs';
 import '@ai-matrx/kit/content-transfer';

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

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef } from '../layered-filters-CCWzLsOC.js';
+import { M as MatrxColumnDef } from '../layered-filters-DnMvx2yK.js';
 import 'react';
 import '../content-transfer.js';
 import '@ai-matrx/kit/content-transfer';

package/dist/index.cjs

@@ -664,6 +664,7 @@ function Badge({ className, variant, children, title, ...props }) {
 
 // src/pill-guard.ts
 var PILL_MAX_WIDTH_PX = 320;
+var PILL_STRETCH_TOLERANCE_PX = 8;
 var SELECTOR = [
   '[data-slot="badge"]',
   "[data-matrx-pill]",
@@ -719,8 +720,39 @@ function findPillViolation(el, maxWidth = PILL_MAX_WIDTH_PX) {
   if (lines > 1) {
     return `pill wraps to ${lines} lines holding "${describe(el)}" \u2014 a pill is one line: clamp it (Badge, or truncate + max-w + title) or render a list row.`;
   }
+  const slack = stretchSlack(el, own, cs, rect.width, view);
+  if (slack !== null && slack > PILL_STRETCH_TOLERANCE_PX) {
+    return `pill is stretched: ${Math.round(slack)}px of empty capsule beside "${describe(el)}" \u2014 a pill hugs its label; stop the parent stretching it (a grid cell: justify-self-start; drop w-full / flex-1), or render a full-width tappable item as a row, never a pill.`;
+  }
   return null;
 }
+function stretchSlack(el, own, cs, width, view) {
+  const range = el.ownerDocument.createRange?.();
+  if (!range || typeof range.getClientRects !== "function") return null;
+  let left = Infinity;
+  let right = -Infinity;
+  const take = (r) => {
+    if (r.width <= 0 || r.height <= 0) return;
+    left = Math.min(left, r.left);
+    right = Math.max(right, r.right);
+  };
+  for (const node of own) {
+    if (!(node.textContent ?? "").trim()) continue;
+    range.selectNodeContents(node);
+    Array.from(range.getClientRects()).forEach(take);
+  }
+  range.detach?.();
+  if (!Number.isFinite(left)) return null;
+  el.querySelectorAll("svg, img").forEach((g) => {
+    for (let p = g; p && p !== el; p = p.parentElement) {
+      const pcs = view.getComputedStyle(p);
+      if (pcs.position === "absolute" || pcs.position === "fixed" || pcs.display === "none") return;
+    }
+    take(g.getBoundingClientRect());
+  });
+  const inner = width - px(cs.paddingLeft) - px(cs.paddingRight) - px(cs.borderLeftWidth) - px(cs.borderRightWidth);
+  return inner - (right - left);
+}
 function lineCount(el, own, cs, height) {
   const range = el.ownerDocument.createRange?.();
   if (range && typeof range.getClientRects === "function") {