cursedbelt 5.46.2 → 5.48.0

package/dist/styles-areas/analytics.css

@@ -18,35 +18,36 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 148 candidate(s).
+ * 154 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
-@source inline("-m-1 -mt-2 -mt-6 -mx-1 -my-2.5 -my-3 @3xl:block @3xl:hidden @max-2xl:[&>*]:hidden");
-@source inline("@max-2xl:border-0 @max-2xl:min-w-0! @max-2xl:p-0! @max-2xl:w-0! @max-4xl:[&>*]:hidden");
+@source inline("-m-1 -mt-2 -mt-6 -mx-1 -my-2.5 -my-3 @3xl:block @3xl:hidden @max-2xl @max-2xl:[&>*]:hidden");
+@source inline("@max-2xl:border-0 @max-2xl:inline-flex @max-2xl:justify-center @max-2xl:min-w-0!");
+@source inline("@max-2xl:min-w-11 @max-2xl:p-0! @max-2xl:sr-only @max-2xl:w-0! @max-4xl:[&>*]:hidden");
 @source inline("@max-4xl:border-0 @max-4xl:min-w-0! @max-4xl:p-0! @max-4xl:w-0! @max-6xl:[&>*]:hidden");
 @source inline("@max-6xl:border-0 @max-6xl:min-w-0! @max-6xl:p-0! @max-6xl:w-0! @xl:block @xl:hidden");
-@source inline("[&>*]:hidden [&>*]:max-w-none [&_svg]:size-3 [overflow-wrap:anywhere] active:cursor-grabbing");
-@source inline("appearance appearance-none bg-[var(--cb-frozen-bg)] bg-card/95 bg-gradient-to-t bg-muted/30");
-@source inline("bg-muted/40 bg-muted/50 border-accent-solid border-accent/60 border-field-error border-l");
-@source inline("border-r col collapse cursor-grab data-[ending-style]:opacity-0 data-[ending-style]:scale-95");
-@source inline("data-[highlighted]:bg-accent/10 data-[highlighted]:text-accent-strong");
-@source inline("data-[starting-style]:opacity-0 data-[starting-style]:scale-95");
-@source inline("data-[state=closed]:slide-out-to-bottom data-[state=closed]:slide-out-to-left");
-@source inline("data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-bottom");
-@source inline("data-[state=open]:slide-in-from-left data-[state=open]:slide-in-from-right disabled:opacity-40");
-@source inline("duration-100 fade-in focus-visible:ring-field-ring/40 focus-within:border-field-ring");
-@source inline("focus-within:ring-2 focus-within:ring-field-ring/30 from-card h-105");
-@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-background hover:bg-border");
-@source inline("hover:bg-muted/40 hover:border-field-ring hover:text-warning italic justify-self-end");
-@source inline("last:border-0 left-0 left-11 left-2.5 list-none max-h-64 max-h-88 max-h-[var(--sheet-h-lg)]");
-@source inline("max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-32 max-w-36 max-w-45 max-w-48 max-w-60");
-@source inline("max-w-sm min-h-20 min-h-dvh min-w-0! min-w-20 min-w-24 min-w-52 min-w-[var(--anchor-width)]");
-@source inline("min-w-max ml-1.5 mr-2 mt-1.5 mt-3 mt-4 not-italic ordinal p-0! pb-1.5 pl-1.5 pl-2 pr-0.5 pr-1");
-@source inline("pr-10 pr-16 pr-3 pr-9 pt-1 resize-none resize-y right-3 ring-field-error/30 rounded-l-xl");
-@source inline("rounded-r-xl rounded-t-xl self self-center self-stretch shadow-[1px_0_0_0_var(--color-border)]");
-@source inline("shrink-[2] size-2 size-7 slide-in-from-top-1 table-fixed text-accent-solid-foreground");
-@source inline("text-field-placeholder text-muted-foreground/60 text-success text-xl to-transparent top-3");
-@source inline("transition-[transform,opacity] w-0! w-11 w-20 w-32 w-36 w-40 w-88");
+@source inline("[&>*]:hidden [&>*]:max-w-none [&>svg]:size-3.5 [&_svg]:size-3 [overflow-wrap:anywhere]");
+@source inline("active:cursor-grabbing appearance appearance-none bg-[var(--cb-frozen-bg)] bg-card/95");
+@source inline("bg-gradient-to-t bg-muted/30 bg-muted/40 bg-muted/50 border-accent-solid border-accent/60");
+@source inline("border-field-error border-l border-r col collapse cursor-grab data-[ending-style]:opacity-0");
+@source inline("data-[ending-style]:scale-95 data-[highlighted]:bg-accent/10");
+@source inline("data-[highlighted]:text-accent-strong data-[starting-style]:opacity-0");
+@source inline("data-[starting-style]:scale-95 data-[state=closed]:slide-out-to-bottom");
+@source inline("data-[state=closed]:slide-out-to-left data-[state=closed]:slide-out-to-right");
+@source inline("data-[state=open]:slide-in-from-bottom data-[state=open]:slide-in-from-left");
+@source inline("data-[state=open]:slide-in-from-right disabled:opacity-40 duration-100 fade-in");
+@source inline("focus-visible:ring-field-ring/40 focus-within:border-field-ring focus-within:ring-2");
+@source inline("focus-within:ring-field-ring/30 from-card h-105 has-[[aria-invalid=true]]:border-field-error");
+@source inline("hover:bg-background hover:bg-border hover:bg-muted/40 hover:border-field-ring hover:text-warning");
+@source inline("italic justify-self-end last:border-0 left-0 left-11 left-2.5 list-none max-h-64 max-h-88");
+@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-32 max-w-36");
+@source inline("max-w-45 max-w-48 max-w-60 max-w-sm min-h-20 min-h-dvh min-w-0! min-w-20 min-w-24 min-w-52");
+@source inline("min-w-[var(--anchor-width)] min-w-max ml-1.5 mr-2 mt-1.5 mt-3 mt-4 not-italic ordinal p-0!");
+@source inline("pb-1.5 pl-1.5 pl-2 pr-0.5 pr-1 pr-10 pr-16 pr-3 pr-9 pt-1 resize-none resize-y right-3");
+@source inline("ring-field-error/30 rounded-l-xl rounded-r-xl rounded-t-xl self self-center self-stretch");
+@source inline("shadow-[1px_0_0_0_var(--color-border)] shrink-[2] size-2 size-7 slide-in-from-top-1 table-fixed");
+@source inline("text-accent-solid-foreground text-field-placeholder text-muted-foreground/60 text-success");
+@source inline("text-xl to-transparent top-3 transition-[transform,opacity] w-0! w-11 w-20 w-32 w-36 w-40 w-88");

package/dist/styles-areas/calendar.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 79 candidate(s).
+ * 78 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -32,9 +32,9 @@
 @source inline("dark:bg-sky-900/40 dark:bg-slate-800 dark:bg-teal-900/40 dark:bg-violet-900/40");
 @source inline("dark:text-amber-200 dark:text-blue-200 dark:text-emerald-200 dark:text-green-200");
 @source inline("dark:text-purple-200 dark:text-rose-200 dark:text-sky-200 dark:text-slate-200 dark:text-teal-200");
-@source inline("dark:text-violet-200 focus:opacity-100 g grid-cols-[repeat(7,minmax(0,1fr))]");
+@source inline("dark:text-violet-200 focus:opacity-100 grid-cols-[repeat(7,minmax(0,1fr))]");
 @source inline("group-focus-within:opacity-100 h-3.5 hover:bg-muted/30 hover:bg-muted/40 hover:border-border/80");
 @source inline("last:border-r-0 line-through min-h-28 min-h-40 outline-1 outline-dashed outline-tone-amber-ink");
-@source inline("p-1.5 sm:flex-row sm:gap-1 sm:items-center sm:min-h-0 sm:min-h-24 sm:px-1.5 sm:text-xs");
+@source inline("p-1.5 sm:inline sm:min-h-0 sm:min-h-24 sm:px-1.5 sm:text-xs text-accent-solid-foreground");
 @source inline("text-amber-900 text-blue-800 text-emerald-800 text-green-800 text-purple-800 text-rose-800");
-@source inline("text-sky-800 text-slate-800 text-teal-800 text-tone-amber-ink text-violet-800 w-3.5");
+@source inline("text-sky-800 text-slate-800 text-teal-800 text-tone-amber-ink text-violet-800 w-20 w-3.5");

package/dist/styles-areas/data-table.css

@@ -18,35 +18,36 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 144 candidate(s).
+ * 150 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
-@source inline("-m-1 -mt-2 -mt-6 -mx-1 -my-2.5 -my-3 @3xl:block @3xl:hidden @max-2xl:[&>*]:hidden");
-@source inline("@max-2xl:border-0 @max-2xl:min-w-0! @max-2xl:p-0! @max-2xl:w-0! @max-4xl:[&>*]:hidden");
+@source inline("-m-1 -mt-2 -mt-6 -mx-1 -my-2.5 -my-3 @3xl:block @3xl:hidden @max-2xl @max-2xl:[&>*]:hidden");
+@source inline("@max-2xl:border-0 @max-2xl:inline-flex @max-2xl:justify-center @max-2xl:min-w-0!");
+@source inline("@max-2xl:min-w-11 @max-2xl:p-0! @max-2xl:sr-only @max-2xl:w-0! @max-4xl:[&>*]:hidden");
 @source inline("@max-4xl:border-0 @max-4xl:min-w-0! @max-4xl:p-0! @max-4xl:w-0! @max-6xl:[&>*]:hidden");
 @source inline("@max-6xl:border-0 @max-6xl:min-w-0! @max-6xl:p-0! @max-6xl:w-0! @xl:block @xl:hidden");
-@source inline("[&>*]:hidden [&>*]:max-w-none [&_svg]:size-3 [overflow-wrap:anywhere] active:cursor-grabbing");
-@source inline("appearance appearance-none bg-[var(--cb-frozen-bg)] bg-card/95 bg-gradient-to-t bg-muted/30");
-@source inline("bg-muted/50 border-accent-solid border-accent/60 border-field-error border-l border-r col");
-@source inline("collapse cursor-grab data-[ending-style]:opacity-0 data-[ending-style]:scale-95");
-@source inline("data-[highlighted]:bg-accent/10 data-[highlighted]:text-accent-strong");
-@source inline("data-[starting-style]:opacity-0 data-[starting-style]:scale-95");
-@source inline("data-[state=closed]:slide-out-to-bottom data-[state=closed]:slide-out-to-left");
-@source inline("data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-bottom");
-@source inline("data-[state=open]:slide-in-from-left data-[state=open]:slide-in-from-right disabled:opacity-40");
-@source inline("duration-100 fade-in focus-visible:ring-field-ring/40 focus-within:border-field-ring");
-@source inline("focus-within:ring-2 focus-within:ring-field-ring/30 from-card h-105");
-@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-background hover:bg-border");
-@source inline("hover:bg-muted/40 hover:border-field-ring hover:text-warning justify-self-end last:border-0");
-@source inline("left-0 left-11 left-2.5 list-none max-h-64 max-h-88 max-h-[var(--sheet-h-lg)]");
-@source inline("max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-32 max-w-36 max-w-45 max-w-48 max-w-60");
-@source inline("max-w-sm min-h-20 min-h-dvh min-w-0! min-w-24 min-w-52 min-w-[var(--anchor-width)] min-w-max");
-@source inline("ml-1.5 mr-2 mt-1.5 mt-3 mt-4 not-italic ordinal p-0! pb-1.5 pl-1.5 pl-2 pr-0.5 pr-1 pr-10 pr-16");
-@source inline("pr-3 pr-9 pt-1 resize-none resize-y right-3 ring-field-error/30 rounded-l-xl rounded-r-xl");
-@source inline("rounded-t-xl self self-center self-stretch shadow-[1px_0_0_0_var(--color-border)] size-2 size-7");
-@source inline("slide-in-from-top-1 table-fixed text-accent-solid-foreground text-field-placeholder");
-@source inline("text-muted-foreground/60 text-success text-xl to-transparent top-3");
-@source inline("transition-[transform,opacity] w-0! w-11 w-20 w-32 w-36 w-40 w-88");
+@source inline("[&>*]:hidden [&>*]:max-w-none [&>svg]:size-3.5 [&_svg]:size-3 [overflow-wrap:anywhere]");
+@source inline("active:cursor-grabbing appearance appearance-none bg-[var(--cb-frozen-bg)] bg-card/95");
+@source inline("bg-gradient-to-t bg-muted/30 bg-muted/50 border-accent-solid border-accent/60 border-field-error");
+@source inline("border-l border-r col collapse cursor-grab data-[ending-style]:opacity-0");
+@source inline("data-[ending-style]:scale-95 data-[highlighted]:bg-accent/10");
+@source inline("data-[highlighted]:text-accent-strong data-[starting-style]:opacity-0");
+@source inline("data-[starting-style]:scale-95 data-[state=closed]:slide-out-to-bottom");
+@source inline("data-[state=closed]:slide-out-to-left data-[state=closed]:slide-out-to-right");
+@source inline("data-[state=open]:slide-in-from-bottom data-[state=open]:slide-in-from-left");
+@source inline("data-[state=open]:slide-in-from-right disabled:opacity-40 duration-100 fade-in");
+@source inline("focus-visible:ring-field-ring/40 focus-within:border-field-ring focus-within:ring-2");
+@source inline("focus-within:ring-field-ring/30 from-card h-105 has-[[aria-invalid=true]]:border-field-error");
+@source inline("hover:bg-background hover:bg-border hover:bg-muted/40 hover:border-field-ring hover:text-warning");
+@source inline("justify-self-end last:border-0 left-0 left-11 left-2.5 list-none max-h-64 max-h-88");
+@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-32 max-w-36");
+@source inline("max-w-45 max-w-48 max-w-60 max-w-sm min-h-20 min-h-dvh min-w-0! min-w-24 min-w-52");
+@source inline("min-w-[var(--anchor-width)] min-w-max ml-1.5 mr-2 mt-1.5 mt-3 mt-4 not-italic ordinal p-0!");
+@source inline("pb-1.5 pl-1.5 pl-2 pr-0.5 pr-1 pr-10 pr-16 pr-3 pr-9 pt-1 resize-none resize-y right-3");
+@source inline("ring-field-error/30 rounded-l-xl rounded-r-xl rounded-t-xl self self-center self-stretch");
+@source inline("shadow-[1px_0_0_0_var(--color-border)] size-2 size-7 slide-in-from-top-1 table-fixed");
+@source inline("text-accent-solid-foreground text-field-placeholder text-muted-foreground/60 text-success");
+@source inline("text-xl to-transparent top-3 transition-[transform,opacity] w-0! w-11 w-20 w-32 w-36 w-40 w-88");

package/dist/styles-utilities.css

@@ -4337,18 +4337,9 @@
     .sm\:grid-cols-\[minmax\(7rem\,34rem\)_minmax\(4rem\,1fr\)_auto\] {
       grid-template-columns: minmax(7rem,34rem) minmax(4rem,1fr) auto;
     }
-    .sm\:flex-row {
-      flex-direction: row;
-    }
     .sm\:flex-nowrap {
       flex-wrap: nowrap;
     }
-    .sm\:items-center {
-      align-items: center;
-    }
-    .sm\:gap-1 {
-      gap: var(--spacing);
-    }
     .sm\:gap-3 {
       gap: calc(var(--spacing) * 3);
     }
@@ -4504,12 +4495,32 @@
     }
   }
   @container (width < 42rem) {
+    .\@max-2xl\:sr-only {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+      border-width: 0;
+    }
+    .\@max-2xl\:inline-flex {
+      display: inline-flex;
+    }
     .\@max-2xl\:w-0\! {
       width: 0px !important;
     }
     .\@max-2xl\:min-w-0\! {
       min-width: 0px !important;
     }
+    .\@max-2xl\:min-w-11 {
+      min-width: calc(var(--spacing) * 11);
+    }
+    .\@max-2xl\:justify-center {
+      justify-content: center;
+    }
     .\@max-2xl\:border-0 {
       border-style: var(--tw-border-style);
       border-width: 0px;
@@ -4957,6 +4968,10 @@
   .\[\&\>span\>button\]\:rounded-none > span > button {
     border-radius: 0;
   }
+  .\[\&\>svg\]\:size-3\.5 > svg {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
 }
 @property --tw-translate-x {
   syntax: "*";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cursedbelt",
-	"version": "5.46.2",
+	"version": "5.48.0",
 	"license": "ISC",
 	"type": "module",
 	"description": "The React design system of the cursedbelt split — components, styles, theme. cursedbelt-core below it; server tier in cursedbelt-server.",
@@ -69,6 +69,7 @@
 		"typecheck:scripts": "tsc --noEmit --project tsconfig.scripts.json",
 		"demo:check": "tsc --noEmit --project demo/tsconfig.json",
 		"demo:paths": "bun run demo/generatePaths.ts --write",
+		"demo:coverage": "bun run scripts/demoCoverage.ts",
 		"guardrails:report": "bun run scripts/guardrailsEnforce.ts no-raw-action-button,no-raw-overflow,no-raw-inputs,no-hardcoded-colors,no-raw-modal-footer,no-unguarded-editing-modal,control-height-tokens,no-raw-zindex,no-raw-data-table,no-tailwind-palette,no-raw-title-attr,micro-typography-floor,choice-needs-empty-state,no-select-as-action-menu,no-native-dialog,no-fast-tooltip,no-raw-password,no-raw-lazy,no-raw-popover,no-hand-rolled-scroll-memory,no-hand-rolled-surface,no-inline-style,no-arbitrary-length,opt-out-count,opt-out-needs-cause --scope cursedbelt src/react src/styles.css",
 		"lint": "biome lint --error-on-warnings src e2e demo scripts",
 		"styles": "bun run styles:static && bun run styles:utilities && bun run styles:areas",
@@ -902,6 +903,9 @@
 			{
 				"script": "demo:check"
 			},
+			{
+				"script": "demo:coverage"
+			},
 			{
 				"script": "lint"
 			},

package/scripts/demoCoverage.spec.ts

@@ -0,0 +1,33 @@
+import { describe, expect, test } from "bun:test";
+import { BASELINE, compare, demoText, exportedComponents, readBaseline, undemoed } from "./demoCoverage";
+
+describe("demo coverage — a component with no demo does not ship (forge task 2466)", () => {
+	test("a component named only in an import or a comment is NOT demoed", () => {
+		const components = new Map([
+			["Shown", ["./react"]],
+			["Imported", ["./react"]],
+			["Mentioned", ["./react"]],
+		]);
+		// demoText strips these the same way before matching; this is what survives of a section.
+		const text = "export function Section() { return <Shown label='x' />; }";
+		expect(undemoed(components, text)).toEqual(["Imported", "Mentioned"]);
+	});
+
+	test("🔴 a new component with no demo is a fault, and so is a baseline entry that has outlived its gap", () => {
+		expect(compare(["Old", "New"], ["Old", "Fixed"])).toEqual({ added: ["New"], stale: ["Fixed"] });
+		expect(compare(["Old"], ["Old"])).toEqual({ added: [], stale: [] });
+	});
+
+	test("the export map is read through the type checker — components in, hooks and types out", () => {
+		const components = exportedComponents();
+		expect(components.get("Button")).toContain("./react/button");
+		expect(components.has("DataTable")).toBe(true);
+		expect(components.has("useToast")).toBe(false);
+		expect(components.has("ButtonProps")).toBe(false);
+	});
+
+	test("this repo matches its baseline exactly", () => {
+		const missing = undemoed(exportedComponents(), demoText());
+		expect(compare(missing, readBaseline(BASELINE))).toEqual({ added: [], stale: [] });
+	});
+});

package/scripts/demoCoverage.ts

@@ -0,0 +1,124 @@
+/**
+ * `bun run demo:coverage [--prune]` — every exported component has a demo, or it does not ship.
+ *
+ * ## The trap this exists for
+ *
+ * Forge task 2466 (2026-10-02) set out to review every exported component against the demo, "the
+ * visual contract", and its first step was the list. Generated from the export map rather than
+ * remembered, it said **242 of 383** exported components appeared in no demo page at all —
+ * `Tabs`, `TopBar`, `Menu`, the whole auth kit, chat, calendar — so no review, matrix or design
+ * audit had ever drawn them, and nothing stopped the 384th arriving the same way.
+ *
+ * ## What counts
+ *
+ * A COMPONENT is a capitalised value export of a `./react*` subpath (`package.json` `exports`,
+ * through its `source` file) whose type is a React component: an exotic component (`memo`,
+ * `forwardRef`, `lazy`) or a function returning an element. A component is DEMOED when a file under
+ * `demo/` (not `demo/dist/`) names it outside its imports and comments — a demo that imports a
+ * component and never renders it has not shown it.
+ *
+ * `demoCoverage.baseline` lists the ones that had no demo when this was written. It is a CEILING:
+ * a component missing from the demo and from the baseline fails; a baseline entry that now HAS a
+ * demo (or is no longer exported) fails too, so the list only shrinks — `--prune` removes those,
+ * and refuses to add anything.
+ */
+import { readFileSync, writeFileSync } from "node:fs";
+import { join } from "node:path";
+import * as ts from "typescript";
+
+const ROOT = join(import.meta.dir, "..");
+export const BASELINE = join(ROOT, "demoCoverage.baseline");
+
+/** Every component name → the subpaths that export it. */
+export function exportedComponents(root: string = ROOT): Map<string, string[]> {
+	const pkg = JSON.parse(readFileSync(join(root, "package.json"), "utf8")) as { exports: Record<string, unknown> };
+	const entries: [string, string][] = [];
+	for (const [subpath, target] of Object.entries(pkg.exports)) {
+		const source = typeof target === "object" && target !== null ? (target as { source?: unknown }).source : undefined;
+		if (subpath.startsWith("./react") && typeof source === "string") entries.push([subpath, join(root, source)]);
+	}
+	const program = ts.createProgram(
+		entries.map(([, file]) => file),
+		{
+			jsx: ts.JsxEmit.ReactJSX,
+			module: ts.ModuleKind.ESNext,
+			target: ts.ScriptTarget.ES2022,
+			moduleResolution: ts.ModuleResolutionKind.Bundler,
+			allowImportingTsExtensions: true,
+			noEmit: true,
+			skipLibCheck: true,
+		},
+	);
+	const checker = program.getTypeChecker();
+	const found = new Map<string, string[]>();
+	for (const [subpath, file] of entries) {
+		const source = program.getSourceFile(file);
+		const module = source && checker.getSymbolAtLocation(source);
+		if (!module) continue;
+		for (const exported of checker.getExportsOfModule(module)) {
+			const name = exported.getName();
+			if (!/^[A-Z][a-z0-9]/.test(name)) continue;
+			const symbol = exported.flags & ts.SymbolFlags.Alias ? checker.getAliasedSymbol(exported) : exported;
+			const declaration = symbol.valueDeclaration;
+			if (!(symbol.flags & ts.SymbolFlags.Value) || !declaration) continue;
+			const type = checker.getTypeOfSymbolAtLocation(symbol, declaration);
+			const component =
+				/ExoticComponent|FC<|FunctionComponent/.test(checker.typeToString(type)) ||
+				type.getCallSignatures().some((s) => /Element|ReactNode|ReactPortal/.test(checker.typeToString(s.getReturnType())));
+			if (!component) continue;
+			found.set(name, [...(found.get(name) ?? []), subpath]);
+		}
+	}
+	return found;
+}
+
+/** Every demo source with its imports and comments taken out, as one text. */
+export function demoText(root: string = ROOT): string {
+	const files = [...new Bun.Glob("demo/**/*.{ts,tsx}").scanSync(root)].filter((f) => !f.startsWith("demo/dist/"));
+	return files
+		.map((f) =>
+			readFileSync(join(root, f), "utf8")
+				.replace(/\/\*[\s\S]*?\*\//g, "")
+				.replace(/(^|[^:])\/\/.*$/gm, "$1")
+				.replace(/^\s*import[\s\S]*?from\s+["'][^"']+["'];?/gm, ""),
+		)
+		.join("\n");
+}
+
+/** The components no demo names, sorted. */
+export function undemoed(components: ReadonlyMap<string, string[]>, text: string): string[] {
+	return [...components.keys()].filter((name) => !new RegExp(`\\b${name}\\b`).test(text)).sort();
+}
+
+export function readBaseline(file: string = BASELINE): string[] {
+	return readFileSync(file, "utf8")
+		.split("\n")
+		.map((l) => l.trim())
+		.filter((l) => l && !l.startsWith("#"));
+}
+
+/** What the check says: the new gaps (a fault), and the entries that have outlived their gap (also a fault). */
+export function compare(missing: readonly string[], baseline: readonly string[]): { added: string[]; stale: string[] } {
+	const now = new Set(missing);
+	const allowed = new Set(baseline);
+	return { added: missing.filter((n) => !allowed.has(n)), stale: baseline.filter((n) => !now.has(n)) };
+}
+
+if (import.meta.main) {
+	const components = exportedComponents();
+	const missing = undemoed(components, demoText());
+	const baseline = readBaseline();
+	const { added, stale } = compare(missing, baseline);
+	const prune = process.argv.includes("--prune");
+	if (prune && stale.length > 0) {
+		const text = readFileSync(BASELINE, "utf8");
+		const gone = new Set(stale);
+		writeFileSync(BASELINE, text.split("\n").filter((l) => !gone.has(l.trim())).join("\n"));
+		console.log(`pruned ${stale.length}: ${stale.join(", ")}`);
+	}
+	for (const name of added) console.error(`✗ ${name} (${components.get(name)?.join(", ")}) has no demo — add it to a demo/sections page before it ships.`);
+	if (!prune) for (const name of stale) console.error(`✗ ${name} is in demoCoverage.baseline but no longer needs to be — \`bun run demo:coverage --prune\`.`);
+	const faults = added.length + (prune ? 0 : stale.length);
+	console.log(`${components.size} exported components · ${components.size - missing.length} demoed · ${missing.length} without a demo (baseline ${baseline.length - (prune ? stale.length : 0)})`);
+	process.exit(faults > 0 ? 1 : 0);
+}

package/src/react/charts/IntervalTimeline.tsx

@@ -243,22 +243,24 @@ export function IntervalTimeline({
         </div>
       )}
 
-      <div className='flex justify-between text-caption text-muted-foreground tabular-nums'>
+      {/* The two ends of the axis never wrap ("02:30 / PM" at 390px), and the overflow note takes
+          its own full-width row instead of squeezing between them (forge task 2591). */}
+      <div className='flex flex-wrap justify-between gap-x-3 text-caption text-muted-foreground tabular-nums'>
         {/* Bands and markers are drawn `aria-hidden` and carry no `title` — a native
             tooltip does not exist on touch and cannot be themed (DESIGN.md §4). They
             are NAMED here instead, in text every reader gets. */}
-        <span>
+        <span className='whitespace-nowrap'>
           {formatTime(view.from)}
           {bands.length > 0 && ' · shaded = paused'}
           {markers.filter((m) => m.label).length > 0 &&
             ` · ${markers.filter((m) => m.label).map((m) => m.label).join(', ')} marked`}
         </span>
+        <span className='whitespace-nowrap'>{formatTime(view.to)}</span>
         {lanes.overflow > 0 && (
-          <span className='text-warning'>
+          <span className='w-full text-warning'>
             +{lanes.overflow} more not drawn — the chart stacks {maxLanes} lanes
           </span>
         )}
-        <span>{formatTime(view.to)}</span>
       </div>
     </div>
   );

package/src/react/chat/DateMarker.tsx

@@ -17,6 +17,16 @@ function formatMarkerDate(date: Date, now = new Date()): string {
   return date.toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' });
 }
 
+/**
+ * The LOCAL calendar day as `YYYY-MM-DD` — the same day the label names. `toISOString()` is the
+ * UTC day, so a message at 19:00 in Chicago was labelled "Wednesday, July 1" and stamped
+ * `2026-07-02` (forge task 2591).
+ */
+function localDayKey(date: Date): string {
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+
 // ── Component ─────────────────────────────────────────────────────────────────
 
 export interface DateMarkerProps {
@@ -27,23 +37,29 @@ export interface DateMarkerProps {
 /**
  * Centered date-separator row inserted between messages from different calendar
  * days. Renders "Today", "Yesterday", or a full date ("Monday, July 1").
+ *
+ * A `separator` with the date as its name, not `aria-hidden`: in a transcript the day change is
+ * the only place a screen reader learns WHEN the messages below were sent (Slack and iMessage
+ * both announce it).
  */
 export function DateMarker({ date, className }: DateMarkerProps) {
   const d = date instanceof Date ? date : new Date(date);
   const label = formatMarkerDate(d);
-  const iso = d.toISOString().slice(0, 10);
+  const day = localDayKey(d);
 
   return (
+    // biome-ignore lint/a11y/useSemanticElements: an <hr> cannot hold the date it announces; a named separator role on the row is the labelled-divider pattern
     <div
-      data-chat-date={iso}
+      data-chat-date={day}
+      role='separator'
+      aria-label={label}
       className={cn('flex items-center gap-3 px-4 py-2', className)}
-      aria-hidden='true'
     >
-      <span className='h-px flex-1 bg-border' />
-      <time dateTime={iso} className='text-xs font-medium text-muted-foreground'>
+      <span aria-hidden className='h-px flex-1 bg-border' />
+      <time dateTime={day} className='text-xs font-medium text-muted-foreground'>
         {label}
       </time>
-      <span className='h-px flex-1 bg-border' />
+      <span aria-hidden className='h-px flex-1 bg-border' />
     </div>
   );
 }

package/src/react/chat/MessageThread.spec.tsx

@@ -122,9 +122,33 @@ describe('DateMarker', () => {
   });
 
   test('has data-chat-date attribute', () => {
-    const { container } = render(<DateMarker date={new Date('2026-07-02T00:00:00Z')} />);
+    const { container } = render(<DateMarker date={new Date(2026, 6, 2, 12)} />);
     expect(container.querySelector('[data-chat-date="2026-07-02"]')).toBeTruthy();
   });
+
+  test('stamps the LOCAL day the label names, at either end of it — not the UTC day', () => {
+    // `bun test` runs in UTC, where the local and UTC days agree and the bug cannot show — so the
+    // zone is set here: west of UTC the late message crosses into tomorrow's UTC day, east of it
+    // the early one falls back into yesterday's.
+    const zone = process.env.TZ;
+    try {
+      for (const [tz, hour] of [['America/Chicago', 23], ['Asia/Tokyo', 0]] as const) {
+        process.env.TZ = tz;
+        const { container, unmount } = render(<DateMarker date={new Date(2026, 6, 2, hour, 30)} />);
+        const marker = container.querySelector('[data-chat-date]');
+        expect(marker?.getAttribute('data-chat-date')).toBe('2026-07-02');
+        expect(marker?.querySelector('time')?.getAttribute('dateTime')).toBe('2026-07-02');
+        unmount();
+      }
+    } finally {
+      process.env.TZ = zone;
+    }
+  });
+
+  test('is a named separator a screen reader announces, not hidden from it', () => {
+    render(<DateMarker date={new Date()} />);
+    expect(screen.getByRole('separator', { name: 'Today' })).toBeTruthy();
+  });
 });
 
 // ── StatusMarker ──────────────────────────────────────────────────────────────

package/src/react/components/Button.spec.tsx

@@ -34,6 +34,17 @@ describe('Button', () => {
     expect(cls).toContain('h-[var(--control-h-md)]'); // md, the shared control-height token
   });
 
+  test('a link is unpadded text at every size, so it lines up with the text around it (task 2466)', () => {
+    for (const size of [undefined, 'sm', 'md', 'lg'] as const) {
+      const { getByRole, unmount } = render(<Button tooltip='L' variant='link' size={size}>L</Button>);
+      const cls = getByRole('button').className.split(/\s+/);
+      expect(cls).toContain('px-0');
+      expect(cls).toContain('h-auto');
+      expect(cls.some((c) => /^px-[1-9]/.test(c) || c.startsWith('h-[var(--control-h'))).toBe(false);
+      unmount();
+    }
+  });
+
   test('primary uses the saturated solid accent fill; destructive is quiet at rest', () => {
     const { getByRole, rerender } = render(<Button tooltip='P' variant='primary'>P</Button>);
     expect(getByRole('button').className).toContain('bg-accent-solid');

package/src/react/components/Button.tsx

@@ -119,6 +119,11 @@ export const buttonVariants = cva(
         'icon-lg': 'h-[var(--control-h-lg)] w-[var(--control-h-lg)] p-0 pointer-coarse:min-w-11',
       },
     },
+    // 🔴 A link is a TEXT link at every size (forge task 2466). `link`'s own `px-0 h-auto` came
+    // before the size's `px-3`/`px-4` and fixed height, so the size won the merge and every link
+    // button — sized or on the `md` default — drew a padded box: TotpEntry's "Use a recovery code
+    // instead" sat 12px in from the column every other row starts on.
+    compoundVariants: [{ variant: 'link', size: ['sm', 'md', 'lg'], class: 'h-auto px-0 py-0' }],
     defaultVariants: { variant: 'secondary', size: 'md' },
   },
 );

package/src/react/components/DataTable/DataTable.spec.tsx

@@ -568,3 +568,46 @@ describe('hidePagination shows every row', () => {
     expect(bodyRows(container).length).toBe(50);
   });
 });
+
+/**
+ * 🔴 Forge task 2577: apps/music's Length header read "LE…" at 390px. `headerIcon` paints a glyph
+ * instead of the label below a TABLE width, and the label stays the header's accessible name.
+ */
+describe('ColDef.headerIcon', () => {
+  const CLOCK = <svg data-testid='clock' />;
+  const WITH_ICON: ColDef<Person>[] = [
+    { key: 'name', label: 'Name', type: 'text', sortable: true },
+    { key: 'age', label: 'Length', type: 'number', sortable: true, headerIcon: CLOCK },
+    { key: 'nick', label: 'Plain', type: 'text', headerIcon: CLOCK },
+  ];
+
+  test('the glyph replaces the label below the table step; the label stays for assistive tech', () => {
+    const { container } = render(<DataTable columns={WITH_ICON} data={PEOPLE} />);
+    const heads = [...container.querySelectorAll('thead th')];
+    const length = heads.find((th) => th.textContent?.includes('Length')) as HTMLElement;
+    const label = length.querySelector('[data-cb-header-label]') as HTMLElement;
+    const icon = length.querySelector('[data-cb-header-icon]') as HTMLElement;
+    expect(label.className).toContain('@max-2xl:sr-only');
+    expect(icon.className).toContain('hidden @max-2xl:inline-flex');
+    expect(icon.getAttribute('aria-hidden')).not.toBeNull();
+    expect(icon.querySelector('[data-testid="clock"]')).not.toBeNull();
+    // A sortable header still sorts by its label's name, and stays a 44px target without it.
+    expect(length.querySelector('button')?.textContent).toContain('Length');
+    expect(length.querySelector('button')?.className).toContain('@max-2xl:min-w-11');
+
+    const plain = heads.find((th) => th.textContent?.includes('Plain')) as HTMLElement;
+    // A plain (unsortable) header swaps the same way.
+    expect(plain.querySelector('[data-cb-header-label]')?.className).toContain('@max-2xl:sr-only');
+  });
+
+  test('a column without one renders exactly as before', () => {
+    const { container } = render(<DataTable columns={COLUMNS} data={PEOPLE} />);
+    expect(container.querySelector('[data-cb-header-icon]')).toBeNull();
+    expect(container.querySelector('[data-cb-header-label]')).toBeNull();
+  });
+
+  test('the utility build carries every class the swap uses', async () => {
+    const css = await Bun.file(new URL('../../../styles-utilities.css', import.meta.url)).text();
+    for (const cls of ['sr-only', 'inline-flex', 'min-w-11', 'justify-center']) expect(css).toContain(`.\\@max-2xl\\:${cls}`);
+  });
+});

package/src/react/components/DataTable/DataTable.tsx

@@ -1171,6 +1171,7 @@ export function DataTable<TRow extends Record<string, unknown>>({
             <SortHeader
               column={column}
               label={col.label}
+              icon={col.headerIcon}
               sortable={col.sortable}
               sortIndex={stack.length > 1 ? stack.findIndex((s) => s.id === col.key) : -1}
               onSort={() => toggleSortKey(col.key)}