basalt-ui 1.30.2 → 1.31.0

package/dist/dashboard/stat-card.module.css

@@ -1,11 +1,8 @@
 /*
- * StatCard's sparkline placement (docs/CONTROLS-SPEC.md §2.2). `bleed` (default) keeps the historic
- * full-width row beneath the hero value, bled past the card's own inset padding — same negative
- * margins the pre-WidgetHeader version drew inline. `right` sits the sparkline beside the
- * BREAKDOWN row instead, the reference-design look, and collapses back to `bleed`'s stacked layout
- * below `sm` — CSS only for the sparkline's own box, `.metricsRow` below for the row it sits in
- * (`47.99375em` is Mantine's own complement of `min-width: 48em`, same value
- * `content/prose.module.css` derives it from).
+ * StatCard's sparkline placement (docs/CONTROLS-SPEC.md §2.2). `bleed` (default) keeps the full-width
+ * row beneath the hero value, bled past the card's inset padding. `right` sits the sparkline beside
+ * the BREAKDOWN row and collapses back to `bleed`'s stacked layout when the card itself is narrower
+ * than 480px (`container: basalt-card`, set on the Card root in `stat-card.tsx`).
  */
 
 .body {
@@ -131,7 +128,7 @@
 }
 
 /* Asks for `StatCard`'s `SPARKLINE_RIGHT_WIDTH`/`_HEIGHT` (handed down as custom properties, so this
- * rule and the `< sm` reset below can both reach them). `align-self: flex-end` is the one alignment
+ * rule and the narrow-card reset below can both reach them). `align-self: flex-end` is the one alignment
  * this restructure keeps at the SPARKLINE's own level rather than the row's: `.metricsRow` does not
  * set `align-items: flex-end` itself, because a card with no breakdown would then need nothing to
  * anchor against — only the sparkline opts into sitting at the row's bottom edge, which matters once
@@ -146,7 +143,7 @@
   overflow: hidden;
 }
 
-@media (max-width: 47.99375em) {
+@container basalt-card (max-width: 479.9px) {
   .metricsRow {
     flex-direction: column;
     align-items: stretch;

package/dist/dashboard/stat-group.module.css

@@ -2,8 +2,8 @@
  * StatGroup's column law and its optional rail, in CSS (law C9).
  *
  * **The law keys on the CONTAINER, not the viewport.** A viewport breakpoint answers the wrong
- * question — the same one `resolveChartTier` refuses to ask (`charts/primitives/chart-frame-layout.
- * ts`): the shell has regions that change the AVAILABLE width with the viewport held still (a
+ * question — the same one `resolveContainerClass` refuses to ask (`tokens/size-classes.ts`): the
+ * shell has regions that change the AVAILABLE width with the viewport held still (a
  * `PageAside` claiming its 300px, the sidebar collapsing 256px → its 48px rail, a consumer's own
  * split layout), and `@media` cannot see any of them. Measured defect: a `PageAside` mounted on a
  * 1512px desktop left the KPI row ~956px wide, `@media` still resolved `lg`, and four cells of
@@ -26,8 +26,7 @@
  * boundary at the 16px initial font size — 768px and 1200px — but `em` inside a `@container`
  * condition resolves against the CONTAINER's font-size rather than the root's, so a consumer panel
  * with smaller text would silently move the breakpoint. px is the only spelling that cannot drift.
- * (`47.99375em` → `767.9px`, `74.99375em` → `1199.9px`; the same complements `stat-card.module.css`
- * uses.) A condition still cannot read a custom property either way, so the numbers are written;
+ * (`47.99375em` → `767.9px`, `74.99375em` → `1199.9px`.) A condition still cannot read a custom property either way, so the numbers are written;
  * the COUNTS are custom properties the component sets per instance.
  */
 
@@ -44,6 +43,19 @@
   gap: var(--vx-space-stack-md);
 }
 
+/* 260px is StatGroup's own literal (docs/DESIGN-CORE.md § Layout, elevation, shapes), not a container class: one column below it,
+ * so every cell leads a row and the rail draws no leading hairline at all. */
+@container basalt-stat-group (max-width: 259.9px) {
+  .root {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .root[data-divided] > *:nth-child(n) {
+    border-inline-start: 0;
+    padding-inline-start: 0;
+  }
+}
+
 @container basalt-stat-group (min-width: 768px) {
   .root {
     grid-template-columns: repeat(var(--basalt-stat-group-cols-sm), minmax(0, 1fr));

package/dist/dashboard/widget-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget-grid.d.ts","sourceRoot":"","sources":["../../src/dashboard/widget-grid.tsx"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGlD,uGAAuG;AACvG,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAgB1C,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C;8FAC0F;IAC1F,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,8FAA8F;IAC9F,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,+BA8BnF;yBA9Be,UAAU;;;AAgC1B,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,oGAAoG;IACpG,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,sCAAsC;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,iBAAS,cAAc,CAAC,EAAE,IAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,mBAAmB,+BAkBpF"}
+{"version":3,"file":"widget-grid.d.ts","sourceRoot":"","sources":["../../src/dashboard/widget-grid.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAGlD,uGAAuG;AACvG,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAgB1C,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C;8FAC0F;IAC1F,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,8FAA8F;IAC9F,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,+BA8BnF;yBA9Be,UAAU;;;AAgC1B,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,oGAAoG;IACpG,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,sCAAsC;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,iBAAS,cAAc,CAAC,EAAE,IAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,mBAAmB,+BAkBpF"}

package/dist/dashboard/widget-header.d.ts

@@ -24,7 +24,9 @@ export type WidgetHeaderProps = BasaltProps & SlotStylesProps<WidgetHeaderSlot>
     title: string;
     /** Optional leading icon, rendered before the title. Decorative — hidden from assistive tech. */
     icon?: ReactNode;
-    /** Optional muted line rendered below the title row. */
+    /** Optional muted line rendered below the title row. In a card narrower than 480px, or shorter
+     * than 280px regardless of width, it folds into the info glyph's bubble instead (CSS only —
+     * exactly one of the two shows). */
     subtitle?: string;
     /**
      * Renders an info glyph BESIDE the heading (never inside it — this text would otherwise become
@@ -34,8 +36,8 @@ export type WidgetHeaderProps = BasaltProps & SlotStylesProps<WidgetHeaderSlot>
      * click — so a keyboard user gets it too. Mantine-free: a plain state bubble, not a Tooltip.
      */
     info?: string;
-    /** Pre-formatted metric value (mono, hero size). Renders on its own row with `delta`, directly
-     * under the title row — never inline with the title. */
+    /** Pre-formatted metric value (mono, hero size, never truncated). Renders on its own row with
+     * `delta` under the title row, or on the title row in a card 480px or wider. */
     value?: string;
     /**
      * The value's unit, rendered immediately after it on the hero row: muted, mono, `--vx-text-sm`.
@@ -125,8 +127,16 @@ export type WidgetHeaderDeltaProps = Pick<WidgetHeaderProps, 'delta' | 'deltaPer
  * composes it so an inspector row's `hint` is the same glyph, bubble and keyboard behaviour a
  * `WidgetHeader`'s `info` is — not a second one that drifts.
  */
-export declare function InfoGlyph({ text }: {
+export declare function InfoGlyph({ text, note, ariaLabel, className, }: {
     text: string;
+    /** A second paragraph in the bubble, shown only where `.foldNote` is (the folded subtitle). */
+    note?: string;
+    /** The GLYPH's own accessible name. Default `'More information'`; `WidgetHeader` overrides it to
+     * include the subtitle text for its fold-glyph mount (`info === undefined`), where this trigger
+     * IS the subtitle's only accessible surface — the bubble it opens is otherwise unreachable
+     * without first knowing there is something to open. */
+    ariaLabel?: string;
+    className?: string;
 }): import("react").JSX.Element;
 export declare function WidgetHeader({ tier, title, icon, subtitle, info, value, unit, delta, deltaPeriod, deltaPolarity, deltaFormat, deltaGlyph, sparkline, count, actions, className, style, classNames, }: WidgetHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=widget-header.d.ts.map

package/dist/dashboard/widget-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget-header.d.ts","sourceRoot":"","sources":["../../src/dashboard/widget-header.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAGlD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE7D;;;;;;;;;GASG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEnE,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,eAAe,CAAC,gBAAgB,CAAC,GAAG;IAClC;;;;gDAI4C;IAC5C,IAAI,EAAE,gBAAgB,CAAA;IACtB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,iGAAiG;IACjG,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;4DACwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;qEACiE;IACjE,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC;4DACwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;yDACqD;IACrD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;2EACuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;AAEpG;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,CAAC,CAAA;AAE/E;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,iBAAiB,EACjB,OAAO,GAAG,aAAa,GAAG,eAAe,GAAG,aAAa,GAAG,YAAY,CACzE,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,+BA8CnD;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,EACP,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,iBAAiB,+BAoDnB"}
+{"version":3,"file":"widget-header.d.ts","sourceRoot":"","sources":["../../src/dashboard/widget-header.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAGlD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE7D;;;;;;;;;GASG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEnE,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,eAAe,CAAC,gBAAgB,CAAC,GAAG;IAClC;;;;gDAI4C;IAC5C,IAAI,EAAE,gBAAgB,CAAA;IACtB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,iGAAiG;IACjG,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;wCAEoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;oFACgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;qEACiE;IACjE,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC;4DACwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;yDACqD;IACrD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;2EACuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;AAEpG;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,CAAC,CAAA;AAE/E;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,iBAAiB,EACjB,OAAO,GAAG,aAAa,GAAG,eAAe,GAAG,aAAa,GAAG,YAAY,CACzE,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAA8B,EAC9B,SAAS,GACV,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,+FAA+F;IAC/F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;2DAGuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAgDA;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,EACP,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,iBAAiB,+BAiEnB"}

package/dist/dashboard/widget-header.js

@@ -4,7 +4,12 @@ import { cx } from "../common/props.js";
 import { IconSlot } from "../theme/icon-slot.js";
 import { DeltaBadge } from "./delta-badge.js";
 import classes from "./widget-header.module.css";
-function InfoGlyph({ text }) {
+function InfoGlyph({
+  text,
+  note,
+  ariaLabel = "More information",
+  className
+}) {
   const [open, setOpen] = useState(false);
   const tipId = useId();
   const triggerRef = useRef(null);
@@ -17,14 +22,15 @@ function InfoGlyph({ text }) {
     document.addEventListener("pointerdown", handlePointerDown);
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [open]);
-  return /* @__PURE__ */ jsxs("span", { className: classes.info, children: [
+  return /* @__PURE__ */ jsxs("span", { className: cx(classes.info, className), children: [
     /* @__PURE__ */ jsx(
       "button",
       {
         ref: triggerRef,
         type: "button",
+        "data-basalt-hit": true,
         className: classes.infoTrigger,
-        "aria-label": "More information",
+        "aria-label": ariaLabel,
         "aria-describedby": open ? tipId : void 0,
         "data-open": open,
         onMouseEnter: () => setOpen(true),
@@ -38,7 +44,10 @@ function InfoGlyph({ text }) {
         children: /* @__PURE__ */ jsx("svg", { width: 11, height: 11, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm0 5a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0v-7a1 1 0 0 1 1-1z" }) })
       }
     ),
-    open && /* @__PURE__ */ jsx("span", { id: tipId, role: "tooltip", className: classes.infoBubble, children: text })
+    open && /* @__PURE__ */ jsxs("span", { id: tipId, role: "tooltip", className: classes.infoBubble, children: [
+      text,
+      note !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.foldNote, children: note })
+    ] })
   ] });
 }
 function WidgetHeader({
@@ -74,9 +83,17 @@ function WidgetHeader({
             icon !== void 0 && /* @__PURE__ */ jsx(IconSlot, { className: cx(classes.icon, classNames?.icon), children: icon }),
             /* @__PURE__ */ jsx("span", { className: classes.titleText, children: title })
           ] }),
-          info !== void 0 && /* @__PURE__ */ jsx(InfoGlyph, { text: info }),
+          info !== void 0 && /* @__PURE__ */ jsx(InfoGlyph, { text: info, ...subtitle !== void 0 && { note: subtitle } }),
+          info === void 0 && subtitle !== void 0 && /* @__PURE__ */ jsx(
+            InfoGlyph,
+            {
+              text: subtitle,
+              className: classes.foldGlyph,
+              ariaLabel: `More information: ${subtitle}`
+            }
+          ),
           count !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.count, children: count }),
-          actions !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.actions, children: actions })
+          actions !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.actions, "data-basalt-hit-scope": true, children: actions })
         ] }),
         (value !== void 0 || delta !== void 0) && /* @__PURE__ */ jsxs("div", { className: cx(classes.metrics, classNames?.metric), children: [
           value !== void 0 && /* @__PURE__ */ jsx("span", { className: classes.value, children: value }),

package/dist/dashboard/widget-header.module.css

@@ -9,8 +9,13 @@
  * by name with rem fallbacks at their level-0 px value (36/28/6), same idiom as ChartCard's
  * `--mantine-spacing-*` fallbacks.
  *
- * Layout: the title row holds title/icon/info/count/actions only. `value` + `delta` render on
- * their own hero-metric row directly beneath it — for every tier, never inline with the title.
+ * Layout keys on the enclosing card's OWN width (`container: basalt-card`, declared by ChartCard /
+ * StatCard / Section — docs/DESIGN-CORE.md § Layout, elevation, shapes), never the viewport: below 480px the subtitle folds
+ * into the info glyph; from 480px (wave 8) `value` + `delta` move onto the title row. Wrapping and
+ * shrinking are unconditional. The subtitle ALSO folds (regardless of width) whenever the card's own
+ * height is under 280px — see the `[data-basalt-card-short]` block below (wave 8's header-economy
+ * law). No enclosing card, no container: the standard layout. Container conditions are px literals
+ * of CONTAINER_CLASSES.
  */
 
 .root {
@@ -18,73 +23,15 @@
   flex-direction: column;
 }
 
+/* The row WRAPS only when it does not fit (a lone kebab stays beside the title; a wide `actions` slot
+ * takes its own right-aligned line instead of squeezing the heading) — unconditional, so composers
+ * with no `basalt-card` container (`SettingsSection`, `BasaltDataTable`) keep the safety net. */
 .titleRow {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: var(--vx-space-control-gap, 0.375rem);
-}
-
-/*
- * Below `sm` the title row WRAPS, which is the safety net for an `actions` slot too wide to sit
- * beside the title. `flex-wrap` is the right tool precisely because it is conditional: a 30px kebab
- * fits and stays on the row, while a control whose hypothetical size does not fit takes its own line
- * instead of squeezing the heading to an ellipsis. No breakpoint arithmetic, no max-width fraction,
- * and no prop — the row measures the actual content.
- *
- * `row-gap` is the 8px rhythm step, so a wrapped slot reads as the line under the title rather than
- * as a second header. `.actions` keeps its `margin-inline-start: auto`, which on a wrapped line makes
- * it right-aligned — the same edge it holds when it is on the row.
- */
-@media (max-width: 47.99375em) {
-  .titleRow {
-    flex-wrap: wrap;
-    row-gap: var(--vx-space-stack-sm);
-  }
-
-  /*
-   * WRAP ONLY WHEN IT DOES NOT FIT (M4 follow-up) — `flex: 1 1 100%` forced EVERY actions slot onto
-   * its own row, even a single 24px icon that fit beside the title fine (a KPI card's lone `···`
-   * menu dropped under the title and pushed the value down with it). `flex: 0 1 auto` restores
-   * ordinary flex sizing: no grow, so a short slot stays put beside the title on the shared row;
-   * `min-width: 0` plus `flex-shrink: 1` (part of the same shorthand, overriding the base rule's
-   * `flex-shrink: 0`) let it shrink and, once `.titleRow`'s own `flex-wrap: wrap` decides it truly
-   * does not fit, drop to its own line. `max-width: 100%` is the cap once it IS alone on that line —
-   * without it a `.actions` still carrying unshrinkable content (the `visibleFrom="sm"` control plus
-   * a nowrap switch `Group`, see below) can overflow the card rather than shrink into it. The base
-   * rule's `margin-inline-start: auto` still applies in both states — right-aligned beside the title
-   * when it fits, right-aligned as the lone item on its own wrapped line when it does not.
-   *
-   * `.actions` keeps its OWN `flex-wrap: wrap` from the prior fix: `Section` can hand it a `tabs`
-   * control (`CtlSlot`-wrapped) AND an `actions` control (another `CtlSlot`) in the same slot, and
-   * without this a nowrap `Group` of switches beside a view-switch control gets squeezed into one
-   * shared line and overflows below its own min-content width — the exact regression this rule
-   * once fixed. It is orthogonal to the row-level "wrap only when it does not fit" law above: with
-   * one child, wrapping has nothing to do, so a lone `···` menu still stays on the title line.
-   *
-   * The real flex items get `flex: 1 1 auto; min-width: 0` so they can shrink or (via the `> * > *`
-   * twin) stack within whatever width `.actions` itself resolves to — a full-width phone `Select`
-   * still reads as its own full-width line because the CONTROL sets that itself (`ViewTabs`'
-   * `fullWidth`/`.phoneSelect`), not because `.actions` forces it.
-   *
-   * The `> * > *` twin exists because `CtlSlot` (`theme/ctl-theme.tsx`) wraps a home's actions in a
-   * `display: contents` box — invisible to the flex box tree, so its OWN children (not it) are the
-   * real flex items. `display: contents` elements still match `.actions > *` by DOM structure but
-   * carry no box to apply `flex`/`min-width` to, hence styling one level deeper as well; a call site
-   * that skips `CtlSlot` and hands `actions` a real element directly gets the same rule from the
-   * first selector.
-   */
-  .actions {
-    flex: 0 1 auto;
-    flex-wrap: wrap;
-    min-width: 0;
-    max-width: 100%;
-  }
-
-  .actions > *,
-  .actions > * > * {
-    flex: 1 1 auto;
-    min-width: 0;
-  }
+  row-gap: var(--vx-space-stack-sm);
 }
 
 .root[data-tier='section'] .titleRow {
@@ -203,59 +150,28 @@
 }
 
 /*
- * The hero-metric row — value + delta, directly under the title row, for every tier. The delta rides
- * 4px off the value, not 8: it is a suffix ON the number (`$168,920 +47%`), and at 8px it read as a
- * second, unrelated chip in the row. `baseline` alignment is what keeps the mono numeral and the
- * badge's own smaller mono text sitting on one line.
- */
-/*
- * The hero-metric row: the value, then its `DeltaBadge`.
- *
- * The gap is the 8px vertical-rhythm step (`--vx-space-stack-sm`), not the 4px it shipped as. 4px is
- * the rhythm's SMALLEST step — the distance between a label and the thing it labels — and at that
- * distance the badge read as a superscript hanging off the numeral rather than as a second fact
- * beside it. It is a token and not a literal so it tracks the density knob with every other spacing
- * in the header (`deriveSpacing`, `tokens/palette.ts`); `theme/layout-rhythm-css.test.ts`'s sibling
- * assertion in `widget-header.test.tsx` pins it against exactly the literal it used to be.
- *
- * `align-items: center`, not `baseline`. The badge is a BOX with its own padding and a mono 11.5px
- * label, so aligning its text baseline to a 24px KPI numeral's baseline put the box itself low —
- * its top edge sat below the numeral's x-height and its bottom edge hung under the numeral's
- * baseline. A chip beside a numeral is centred on the numeral, the same law the `count` tag in the
- * title row above already follows.
+ * The hero-metric row: the value, then its `DeltaBadge`, 8px apart (`--vx-space-stack-sm`, tracks
+ * density). It always WRAPS — the badge drops under the value when they do not fit, the value never
+ * ellipsizes. `center`, not `baseline`: the badge is a padded box, so a chip beside a numeral is
+ * centred on it (same law as the `count` tag above).
  */
 .metrics {
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   align-items: center;
   gap: var(--vx-space-stack-sm);
+  /* Tight when the badge wraps under the value. */
+  row-gap: 2px;
   margin-top: 2px;
   min-width: 0;
 }
 
-/*
- * Below `sm` the metric row WRAPS, so the badge drops under the value instead of ellipsizing it.
- * `nowrap` plus the `.value` clamp below is right on desktop — a `+18.9%` cannot ellipsize and read,
- * a numeral can — but a KPI's numeral IS the content, and in a 2-up card grid at 390px
- * `$1294.9k ▲18.9%` rendered as `$129… ▲18.9%`. Truncating the number to protect the delta about the
- * number is the wrong way round. Conditional like the title row above it: a short value keeps the
- * badge beside it, and only a value that would otherwise clip gives up the line.
- */
-@media (max-width: 47.99375em) {
-  .metrics {
-    flex-wrap: wrap;
-    row-gap: 2px;
-  }
-}
-
-/* The value is the row's shrinkable half and the delta badge is not: a pre-formatted numeral can
- * ellipsize and still read, a `+18.9%` cannot. Without the clamp the badge grew past the header box
- * and painted over `StatCard`'s 72px sparkline slot beside it. */
+/* NEVER truncated: the numeral IS the content. It shrinks with the card's own width instead —
+ * `cqi` against `basalt-card` (the clamp, at the end of this file), from the `kpi` step down to the
+ * `lg` step (16px), and `overflow-wrap` breaks a pathological string rather than clipping it. */
 .value {
   min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  overflow-wrap: anywhere;
   font-family: var(--basalt-font-mono);
   font-size: var(--vx-text-kpi);
   font-weight: 600;
@@ -266,8 +182,8 @@
 /*
  * The unit beside the hero value. Mono like the number it qualifies (so `412 TSS` sits on one
  * baseline grid), `--vx-text-sm` and `--vx-muted` so it never competes with the numeral — the whole
- * point is that a unit is the SMALL half of the pair. `flex-shrink: 0`: the value is the row's
- * shrinkable half (see `.value`), and a unit that ellipsized to `TS…` would state nothing.
+ * point is that a unit is the SMALL half of the pair. `flex-shrink: 0`: a unit clipped to `TS…`
+ * would state nothing.
  */
 .unit {
   flex-shrink: 0;
@@ -278,14 +194,28 @@
   color: var(--vx-muted);
 }
 
-/* The C1/C5 home for header actions — always pinned right, regardless of what else is present. */
+/* The C1/C5 home for header actions — always pinned right, regardless of what else is present.
+ * Law C15: adopts the shared hit overlay (`data-basalt-hit-scope`, `styles.css`); `--vx-hit-gap`
+ * caps the expansion at the control gap so neighbouring 24px icons never overlap. */
 .actions {
+  --vx-hit-gap: var(--vx-space-control-gap);
   display: inline-flex;
-  flex-shrink: 0;
+  /* No grow, but it may shrink and wrap once `.titleRow` decides it does not fit, capped at 100% once
+   * alone on its line. Its flex items shrink too; the `> * > *` twin reaches through `CtlSlot`'s
+   * `display: contents` wrapper, whose own children are the real items. */
+  flex: 0 1 auto;
+  flex-wrap: wrap;
   align-items: center;
   gap: var(--vx-space-control-gap, 0.375rem);
   margin-inline-start: auto;
   min-width: 0;
+  max-width: 100%;
+}
+
+.actions > *,
+.actions > * > * {
+  flex: 1 1 auto;
+  min-width: 0;
 }
 
 /* Directly under the title row, 4px off it — 1px put it inside the title's own line box, so a
@@ -306,6 +236,7 @@
 /* ── info glyph ─────────────────────────────────────────────────────────────────────────────── */
 
 .info {
+  --vx-hit-gap: var(--vx-space-control-gap);
   position: relative;
   display: inline-flex;
   flex-shrink: 0;
@@ -330,6 +261,12 @@
   color: var(--vx-muted);
 }
 
+/* Folded-subtitle pieces: hidden until a `basalt-card` narrower than 480px shows them (below). */
+.foldGlyph,
+.foldNote {
+  display: none;
+}
+
 /*
  * The tooltip bubble reads like every other floating surface — panel bg + `shadow-card` + card
  * radius (docs/DESIGN-SPEC.md §5). It opens DOWNWARD by convention, into whatever sits below the
@@ -383,33 +320,108 @@
   opacity: 0.6;
 }
 
+/* Card narrower than 480px: the subtitle folds into the info glyph (`InfoGlyph`'s `note`, or
+ * `.foldGlyph` when there is no `info`) — exactly one of the two shows. */
+@container basalt-card (max-width: 479.9px) {
+  .subtitle {
+    display: none;
+  }
+
+  .foldGlyph {
+    display: inline-flex;
+  }
+
+  .foldNote {
+    display: block;
+  }
+}
+
 /*
- * Law C15 — the `actions` slot is the tier-2/tier-3 home, and its controls are 30px (`ctl`) or 24px
- * (`icon`). Below `sm` an `::after` overlay lifts the HIT area to
- * `--vx-space-touch-control-height` (36px at level 0) without moving the visible box, the same
- * overlay `shell/page-bar.module.css` draws for the bar. `overflow: visible` is load-bearing:
- * Mantine's Button/ActionIcon roots are `overflow: hidden`, which clips an overlay that by
- * definition extends past the box — the clipping only exists for their loading overlay, painted
- * under `[data-loading]`, which is excluded here.
+ * The same fold, triggered by the CARD'S OWN HEIGHT instead of its width (wave 8's header-economy
+ * law) — a short-but-wide chart card (a KPI-style plot with little vertical room) still needs the
+ * subtitle line back. Not a `@container basalt-card` SIZE query: `container-type: size` on an
+ * auto-height card collapses it to 0 (see `ChartCard`'s `CARD_SHORT_HEIGHT` doc), so `ChartCard`
+ * measures itself with a ResizeObserver instead and sets `data-basalt-card-short` under 280px.
  */
-@media (max-width: 47.99375em) {
-  .actions :is(button, a) {
-    position: relative;
+[data-basalt-card-short] .subtitle {
+  display: none;
+}
+
+[data-basalt-card-short] .foldGlyph {
+  display: inline-flex;
+}
+
+[data-basalt-card-short] .foldNote {
+  display: block;
+}
+
+/* A short card's KPI numeral is the header's own tallest line (the merged title row has no other
+ * source of height once the subtitle folds) — the same floor the width `cqi` clamp already uses,
+ * so a short card never introduces a THIRD value size. */
+[data-basalt-card-short] .value {
+  font-size: var(--vx-text-lg);
+}
+
+/* The KPI numeral shrinks with its card. `(width >= 0px)` is always true but only inside a
+ * `basalt-card` container, so `cqi` never resolves against an unrelated one (or the viewport) —
+ * with no card the numeral stays at the plain `kpi` step above. 8cqi reaches the 24px `kpi` step at
+ * a 300px card. */
+@container basalt-card (width >= 0px) {
+  .value {
+    font-size: clamp(var(--vx-text-lg), 8cqi, var(--vx-text-kpi));
+  }
+}
+
+/*
+ * From 480px (`CONTAINER_CLASSES.regular`, wave 8's header-economy law) `value` + `delta` ride the
+ * title row: the title row dissolves (`display: contents`) so heading, info, count, metrics and
+ * actions share the root's one flex line, and `order` puts the metrics before the actions. The
+ * metrics take the free space (`margin-inline-start: auto`), which pushes metrics AND actions
+ * right; with no metrics, `.actions` keeps its own auto margin. The heading keeps the tier's row
+ * height (`min-height` was on `.titleRow`), so a title-less header does not collapse.
+ *
+ * This threshold moved from `wide` (800px) in wave 5/7 — most cards sit in the 480-799px `regular`
+ * band, which never reached the merged row before, keeping the taller stacked layout on the
+ * majority of dashboard cards (wave 8, `docs/waves/PLAN.md`).
+ */
+@container basalt-card (min-width: 480px) {
+  .root {
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    column-gap: var(--vx-space-control-gap, 0.375rem);
+  }
+
+  .titleRow {
+    display: contents;
+  }
+
+  .root[data-tier='section'] .heading {
+    min-height: var(--vx-space-section-header-height, 2.25rem);
+  }
+
+  .root[data-tier='widget'] .heading,
+  .root[data-tier='group'] .heading {
+    min-height: var(--vx-space-widget-header-height, 1.75rem);
+  }
+
+  .metrics {
+    order: 1;
+    margin-block: 0;
+    margin-inline-start: auto;
+  }
+
+  .actions {
+    order: 2;
   }
 
-  .actions :is(button, a):not([data-loading]) {
-    overflow: visible;
+  .root:has(.metrics) .actions {
+    margin-inline-start: 0;
   }
 
-  .actions :is(button, a)::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    translate: -50% -50%;
-    width: 100%;
-    height: 100%;
-    min-width: var(--vx-space-touch-control-height, 2.25rem);
-    min-height: var(--vx-space-touch-control-height, 2.25rem);
+  .subtitle,
+  .sparkline {
+    order: 3;
+    flex: 0 0 100%;
   }
 }

package/dist/dashboard/widget-header.module.css.d.ts

@@ -17,6 +17,8 @@ declare const classes: {
   readonly sparkline: string
   readonly info: string
   readonly infoTrigger: string
+  readonly foldGlyph: string
+  readonly foldNote: string
   readonly infoBubble: string
   readonly deltaBadge: string
   readonly deltaGlyph: string

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

@@ -25,6 +25,14 @@ declare module '@tanstack/react-table' {
          * `<td>`'s mono font then overrides what the cell asked for.
          */
         numeral?: boolean;
+        /**
+         * Fold priority for the measured column fold (`docs/CONTROLS-SPEC.md` §2): once the
+         * table no longer fits its wrapper, the HIGHEST-numbered priority column folds first, moving
+         * into a per-row disclosure instead of forcing the table into horizontal scroll. Unset columns
+         * fall back to their declared position, so a bare `<BasaltDataTable data columns />` folds its
+         * LAST column first — nothing regresses with no `meta.priority` set anywhere. See `foldOrder`.
+         */
+        priority?: number;
     }
 }
 /** A single selectable option inside a {@link DataTableFacet}'s `EnumFilter`/`MultiSelectFilter` pill. */
@@ -447,6 +455,21 @@ export type BasaltDataTableProps<T> = BasaltProps & SlotStylesProps<BasaltDataTa
      */
     withTableBorder?: boolean;
 };
+/**
+ * Pure decision: fold columns off the FRONT of `order` (already fold-first sorted) until the
+ * still-unfolded ones — plus `overhead` (the columns excluded from candidacy altogether — pinned,
+ * or `enableHiding: false` — which occupy room but can never fold) and the disclosure toggle's own
+ * width, once anything is folded — fit `room`. A candidate with no measured width yet (never
+ * rendered) is skipped rather than folded blind, since folding it would remove the one place its
+ * width could ever be read from.
+ */
+export declare function planColumnFold(input: {
+    room: number;
+    toggleWidth: number;
+    overhead: number;
+    order: readonly string[];
+    widths: ReadonlyMap<string, number>;
+}): ReadonlySet<string>;
 /**
  * A sortable data table backed by TanStack Table and rendered with Mantine primitives.
  * Generic over `T` — column types are inferred from `ColumnDef<T>`.

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/data/data-table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/data/data-table.tsx"],"names":[],"mappings":"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"}