@ai-matrx/design-system 0.60.0 → 0.60.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.60.1
+
+- **A declared actions column is as wide as its controls.** A `customActions` column with no
+  `width` is no longer resizable by default, so it never takes an `auto` share of a table's slack:
+  on a short list filling a wide screen (matrx-frontend's /board/all) the row menu stood alone at
+  the right of a 180 px column under a left-aligned "Actions". It now draws `w-px` + nowrap like
+  the built-in actions column, and a pinned actions column's header sits on the right, over its
+  buttons. A declared `width` or `resizable: true` still wins. Guard:
+  `src/data-table/MatrxDataTable.actions-column-hugs-its-controls.test.tsx` (red on 0.60.0).
+
+### Consumer action
+
+- None. A consumer that wants a wider actions column declares its `width`.
+
 ## 0.60.0
 
 - **THE CURSOR LAW (owner, 2026-10-03; `common-docs/policies/cursor-law.md`).** The cursor is set

package/dist/data-table/index.cjs

@@ -52876,7 +52876,15 @@ function MatrxDataTableCore(coreProps) {
       editable: _edit,
       ...custom
     } = column;
-    return { ...custom, id: columnId(column), reorderable: false, sortable: false, filter: false, editable: false };
+    return {
+      ...custom,
+      id: columnId(column),
+      reorderable: false,
+      sortable: false,
+      filter: false,
+      editable: false,
+      ...custom.resizable === void 0 && custom.width === void 0 ? { resizable: false } : {}
+    };
   }), [suppliedColumns]);
   const embedded = appearance === "embedded";
   const zebra = suppliedZebra ?? !embedded;
@@ -55571,6 +55579,7 @@ function MatrxDataTableCore(coreProps) {
                   sheetCell?.["data-matrx-cell-active"] && "relative z-10 ring-2 ring-inset ring-primary",
                   carriesFillHandle && "relative",
                   col.compact || resolveColumnMarker(col) !== void 0 ? "px-1" : "px-2",
+                  col.customActions && col.width === void 0 && !(resizableColumns && col.resizable !== false) && "w-px whitespace-nowrap",
                   // nowrap (NOT truncate — truncate clips the cell and
                   // defeats w-max, killing the horizontal scroll).
                   "max-sm:whitespace-nowrap",
@@ -56580,6 +56589,8 @@ function MatrxDataTableCore(coreProps) {
                                               "aria-sort": isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : void 0,
                                               className: cn(
                                                 "relative h-9 text-left align-middle max-sm:whitespace-nowrap",
+                                                // A declared actions column with no width shrinks to its controls, like the built-in one.
+                                                col.customActions && width === void 0 && !columnResizable && "w-px whitespace-nowrap",
                                                 // ICON COLUMN (MatrxColumnDef.compact): a 40px star
                                                 // column cannot honor `width: 40` while paying 16px of
                                                 // padding for a 14px glyph.
@@ -56604,7 +56615,7 @@ function MatrxDataTableCore(coreProps) {
                                                 phoneFrozenId === id && FROZEN_PHONE_HEADER_CLASS,
                                                 embedded && (frozenColumns.offsets[id] !== void 0 || phoneFrozenId === id) && "sm:bg-card max-sm:bg-card",
                                                 frozenEdgeId === id && FROZEN_EDGE_CLASS,
-                                                pinnedActionsColumnId === id && "sm:sticky sm:right-0 sm:z-30 sm:bg-muted sm:shadow-[inset_1px_0_0_var(--color-border)]",
+                                                pinnedActionsColumnId === id && "text-right sm:sticky sm:right-0 sm:z-30 sm:bg-muted sm:shadow-[inset_1px_0_0_var(--color-border)]",
                                                 pinnedActionsColumnId === id && embedded && "sm:bg-card"
                                               ),
                                               style: {