@ai-matrx/design-system 0.61.21 → 0.61.23

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.61.23
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.61.22..npm/design-system/v0.61.23 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.61.22
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.61.21..npm/design-system/v0.61.22 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.61.21
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/desktop.cjs

@@ -2085,6 +2085,7 @@ function DataTable({
   rowMenu,
   defaultSort,
   rowData,
+  limit,
   className,
   "aria-label": ariaLabel,
   ...rest
@@ -2100,11 +2101,12 @@ function DataTable({
   const [sort, setSort] = React18.useState(defaultSort ?? null);
   const sortColumn = sort ? columns.find((c) => c.key === sort.key && c.sort) : void 0;
   const ordered = React18.useMemo(() => {
-    if (!sort || !sortColumn?.sort) return rows;
+    const cut = (list) => limit !== void 0 && list.length > limit ? list.slice(0, limit) : list;
+    if (!sort || !sortColumn?.sort) return cut(rows);
     const by = sortColumn.sort;
     const sign = sort.direction === "ascending" ? 1 : -1;
-    return [...rows].sort((a, b) => sign * by(a, b));
-  }, [rows, sort, sortColumn]);
+    return cut([...rows].sort((a, b) => sign * by(a, b)));
+  }, [rows, sort, sortColumn, limit]);
   const toggleSort = (key) => setSort((prev) => prev?.key === key ? { key, direction: prev.direction === "ascending" ? "descending" : "ascending" } : { key, direction: "descending" });
   const hasActions = Boolean(rowAction || rowMenu);
   const span = columns.length + (detail ? 1 : 0) + (hasActions ? 1 : 0);
@@ -2157,7 +2159,7 @@ function DataTable({
           column.key
         );
       }),
-      hasActions ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { "aria-label": "Actions", className: "w-px" }) : null
+      hasActions ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { "aria-label": "Actions", className: "w-0 p-0" }) : null
     ] }) }),
     rows.length === 0 && empty ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { colSpan: span, children: empty }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tbody", { ref: bodyRef, children: ordered.map((row, index) => {
       const key = rowKey(row);
@@ -2220,16 +2222,20 @@ function DataTable({
                 },
                 column.key
               )),
-              hasActions ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                "td",
-                {
-                  className: cn(
-                    "w-px whitespace-nowrap px-2",
-                    // Finder: a row's buttons appear on hover, keyboard focus or selection only.
-                    !selected && "opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 has-[[data-state=open]]:opacity-100"
-                  ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RowActions, { action: rowAction?.(row) ?? null, menu: rowMenu?.(row) ?? null })
-                }
+              hasActions ? (
+                // Zero width: the buttons float over the row's trailing edge instead of reserving
+                // an empty column (Finder). They appear on hover, keyboard focus or selection.
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: "relative w-0 p-0", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  "span",
+                  {
+                    className: cn(
+                      "absolute right-2 top-1/2 flex -translate-y-1/2 items-center rounded-control bg-content pl-2",
+                      !selected && "opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 has-[[data-state=open]]:opacity-100",
+                      selected && "bg-selection"
+                    ),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RowActions, { action: rowAction?.(row) ?? null, menu: rowMenu?.(row) ?? null })
+                  }
+                ) })
               ) : null
             ]
           }
@@ -2324,7 +2330,7 @@ var SourceListItem = React19.forwardRef(function SourceListItem2({ icon, label,
       className: cn(
         "focus-ring group/item flex w-full items-center gap-2 rounded-control px-2 text-left text-body text-label transition-colors duration-100 hover:bg-fill disabled:opacity-40",
         hint && !soon ? "min-h-row py-1" : "h-sidebar-row",
-        soon && "text-label-tertiary",
+        soon && (current ? "text-label-secondary" : "text-label-tertiary"),
         current && "bg-selection-muted font-medium hover:bg-selection-muted [[data-window-active=false]_&]:bg-fill",
         className
       ),