@ai-matrx/design-system 0.18.15 → 0.18.16

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.18.16 — 2026-09-13
+
+Sortable table headers now toggle directly between ascending and descending.
+Clearing a sort remains available in the column menu. This fixes the misleading
+first click on a table whose default sort is descending: it now visibly changes
+the row order instead of clearing the sort and leaving already-descending input
+unchanged.
+
+### Consumer action
+
+Update to 0.18.16. No host configuration changes are required.
+
 ## 0.18.15
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/content-transfer.cjs

@@ -1163,13 +1163,17 @@ function PaletteRows({ title, items, onRun, extra, ai = false, glyphKind, fallba
   if (!items.length && !extra) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "matrx-alchemy-palette-section", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { children: title }),
-    items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: cn("matrx-alchemy-palette-row", ai && "matrx-alchemy-palette-row-ai"), "aria-label": item.ariaLabel, onClick: () => onRun?.(item), children: [
-      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(item.icon, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteGlyph, { ai, ...glyphKind ? { kind: glyphKind } : {} }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
-        item.copyLabel ?? item.label,
-        item.hint ?? fallbackHint ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "matrx-alchemy-menu-hint", children: item.hint ?? fallbackHint }) : null
-      ] })
-    ] }, item.id)),
+    items.map((item) => {
+      const label = item.copyLabel ?? item.label;
+      const hint = item.hint ?? fallbackHint;
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: cn("matrx-alchemy-palette-row", ai && "matrx-alchemy-palette-row-ai"), "aria-label": item.ariaLabel ?? `${label}${hint ? ` ${hint}` : ""}`, onClick: () => onRun?.(item), children: [
+        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(item.icon, { className: "matrx-alchemy-menu-icon" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PaletteGlyph, { ai, ...glyphKind ? { kind: glyphKind } : {} }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+          label,
+          hint ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "matrx-alchemy-menu-hint", children: hint }) : null
+        ] })
+      ] }, item.id);
+    }),
     extra
   ] });
 }