@ai-matrx/design-system 0.86.348 → 0.86.350

package/dist/controls.css

@@ -294,6 +294,18 @@
   .matrx-control-button[data-variant="link"]:hover:not(:disabled) {
     text-decoration: underline !important;
   }
+  /* meta: a section heading's own action ("Edit" beside "Pinned") — the heading's 11px/500 meta
+     text, muted ink, full ink on hover, a tight inset. Same box, same half-gap. */
+  .matrx-control-button[data-variant="meta"] {
+    padding-inline: 0.375rem !important;
+    color: hsl(var(--muted-foreground)) !important;
+    font-size: var(--matrx-control-meta) !important;
+    font-weight: 500 !important;
+  }
+  .matrx-control-button[data-variant="meta"]:hover:not(:disabled) {
+    background-color: hsl(var(--muted)) !important;
+    color: hsl(var(--foreground)) !important;
+  }
   /* PRESSED (Button pressed): a toggle in a set. On = a primary tint with a primary
      hairline (the old accent gray, rgb 239,239,240, vanished on tinted cards; pinned in
      pressed-contrast.test.ts), full ink; off = no fill, quiet ink. Out-ranks the
@@ -1716,6 +1728,19 @@
     top: 0.25rem;
     inset-inline-end: 0.25rem;
   }
+  /* dense icon tile: a sidebar's pinned grid — tight air, one-line label that ellipsizes
+     (never broken mid-word). */
+  .matrx-tile[data-layout="icon"][data-dense] {
+    gap: 0.125rem !important;
+    min-height: 2.75rem !important;
+    padding: 0.3125rem 0.125rem 0.25rem !important;
+  }
+  .matrx-tile[data-layout="icon"][data-dense] .matrx-tile-title {
+    display: block;
+    -webkit-line-clamp: unset;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 
   /* ── Button meta: the mixed-content fact after a label (0.68.12) ───────── */
   .matrx-control-button-meta {

package/dist/controls.d.cts

@@ -52,7 +52,7 @@ declare const CONTROLS_COLLAPSE_BELOW_REM = 48;
  * publish, mark done); `link` is a text action at the control's height — no
  * fill, no border, primary ink, underline on hover (an inline "View all").
  */
-type ControlVariant = "primary" | "quiet" | "outline" | "danger" | "success" | "link";
+type ControlVariant = "primary" | "quiet" | "outline" | "danger" | "success" | "link" | "meta";
 /**
  * THE NAMED CONTROL WIDTHS (0.68.22) — a button, field or select trigger that should not fill
  * its row takes one of these instead of a pasted `w-40`. Derived from the call sites:
@@ -1224,7 +1224,7 @@ interface CalloutBannerProps {
 declare function CalloutBanner({ tone, icon: Icon, title, description, actions, onDismiss, dismissing, className, }: CalloutBannerProps): React.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "outline" | "success" | "link" | "destructive" | "default" | "secondary" | "ghost" | "subtle" | null | undefined;
+    variant?: "link" | "outline" | "primary" | "success" | "destructive" | "default" | "secondary" | "ghost" | "subtle" | null | undefined;
     size?: "icon" | "xs" | "sm" | "md" | "lg" | "xl" | "default" | "2xl" | "3xl" | "icon-sm" | "roundIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/controls.d.ts

@@ -52,7 +52,7 @@ declare const CONTROLS_COLLAPSE_BELOW_REM = 48;
  * publish, mark done); `link` is a text action at the control's height — no
  * fill, no border, primary ink, underline on hover (an inline "View all").
  */
-type ControlVariant = "primary" | "quiet" | "outline" | "danger" | "success" | "link";
+type ControlVariant = "primary" | "quiet" | "outline" | "danger" | "success" | "link" | "meta";
 /**
  * THE NAMED CONTROL WIDTHS (0.68.22) — a button, field or select trigger that should not fill
  * its row takes one of these instead of a pasted `w-40`. Derived from the call sites:
@@ -1224,7 +1224,7 @@ interface CalloutBannerProps {
 declare function CalloutBanner({ tone, icon: Icon, title, description, actions, onDismiss, dismissing, className, }: CalloutBannerProps): React.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "outline" | "success" | "link" | "destructive" | "default" | "secondary" | "ghost" | "subtle" | null | undefined;
+    variant?: "link" | "outline" | "primary" | "success" | "destructive" | "default" | "secondary" | "ghost" | "subtle" | null | undefined;
     size?: "icon" | "xs" | "sm" | "md" | "lg" | "xl" | "default" | "2xl" | "3xl" | "icon-sm" | "roundIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/controls.js

@@ -69,7 +69,7 @@ import {
   spansOf,
   splitForMiddleTruncate,
   stageStates
-} from "./chunk-KYH42WEX.js";
+} from "./chunk-SC3XPADZ.js";
 import "./chunk-6NOLVA4E.js";
 import {
   Input,
@@ -82,7 +82,7 @@ import {
 } from "./chunk-ZRHVA3DL.js";
 import "./chunk-XERGQT2M.js";
 import "./chunk-WQ2QCMMA.js";
-import "./chunk-MIJMP4WI.js";
+import "./chunk-YRF22M5S.js";
 import {
   ConfirmDelete,
   DangerZone,
@@ -94,7 +94,7 @@ import {
   RowGroup,
   SettingRow,
   Tile
-} from "./chunk-6CDAHINE.js";
+} from "./chunk-UTADJKVR.js";
 import "./chunk-K4XCB576.js";
 import "./chunk-HKLIRHT2.js";
 import "./chunk-DRSBLHOF.js";
@@ -115,7 +115,7 @@ import {
   StatusToken,
   isCollectedValue,
   valueSummary
-} from "./chunk-6QKT52FR.js";
+} from "./chunk-MTE6N7XU.js";
 import "./chunk-WFBPCMPF.js";
 import "./chunk-OPF265PU.js";
 import {
@@ -137,7 +137,7 @@ import {
   Switch,
   Tabs,
   Textarea
-} from "./chunk-XTP6HOB6.js";
+} from "./chunk-6XNYYROM.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import "./chunk-PIQJULQB.js";