cursedbelt 5.32.0 → 5.34.0

package/dist/styles-areas/wizard.css

@@ -18,14 +18,14 @@
  * 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.
- * 63 candidate(s).
+ * 62 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("[&_svg]:size-3 border-field-error border-l border-r collapse cursor-not-allowed");
-@source inline("data-[ending-style]:opacity-0 data-[ending-style]:scale-95 data-[highlighted]:bg-accent/10");
+@source inline("[&_svg]:size-3 border-field-error border-l border-r collapse 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");

package/dist/styles-areas/workbench.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.
- * 106 candidate(s).
+ * 103 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
@@ -26,21 +26,20 @@
  */
 @source inline("-my-0.5 [&::-webkit-scrollbar]:hidden [&_svg]:size-3.5 [scrollbar-width:none] bg-accent/15");
 @source inline("bg-accent/40 bg-accent/8 bg-border-strong bg-card-overlay/85 bg-muted/40 bg-muted/60");
-@source inline("bg-success/8 border-0 border-2 border-8 border-accent border-accent-solid border-accent/70");
-@source inline("border-border-strong/60 border-dashed border-l border-r border-solid bottom-6 cursor-not-allowed");
-@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 duration-150 flex-row");
-@source inline("h-3.5 h-40 h-[420px] hover:bg-card-overlay hover:bg-muted-foreground/10 hover:bg-muted/80");
-@source inline("hover:border-border-strong hover:border-field-ring hover:shadow-popover italic left-0");
-@source inline("max-h-[40dvh] max-h-[65dvh] max-h-[85dvh] max-h-full min-h min-h-20 min-h-[2.25rem] min-h-[44px]");
-@source inline("min-h-dvh min-h-full min-w-40 min-w-[5rem] opacity-100 pb-0.5 pb-4");
-@source inline("pb-[max(env(safe-area-inset-bottom,0px),0.5rem)] peer-focus peer-focus:outline-none");
-@source inline("peer-focus:ring-2 peer-focus:ring-field-ring/40 peer-focus:rounded-lg pl-1 pl-3");
-@source inline("pointer-coarse:h-12 pointer-coarse:w-12 resize-none right-4 ring-1 ring-4 ring-accent/20");
-@source inline("ring-accent/30 ring-accent/40 ring-border ring-inset ring-ring rotate-90 rounded-[2.5rem]");
-@source inline("rounded-l-xl rounded-r-xl rounded-t-xl scale-[1.01] self-center self-stretch shrink-[2] sm:w-56");
-@source inline("text-muted-foreground/60 text-tone-amber-ink text-tone-cyan-ink text-tone-emerald-ink");
-@source inline("text-tone-orange-ink text-tone-purple-ink text-tone-rose-ink text-tone-sky-ink");
-@source inline("text-tone-slate-ink text-xl transition-[opacity,transform] translate-y-0 translate-y-2 w-1/2");
-@source inline("w-2/3 w-3.5 w-[352px]");
+@source inline("bg-success/8 border-2 border-8 border-accent-solid border-accent/70 border-border-strong/60");
+@source inline("border-dashed border-l border-r border-solid bottom-6 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 duration-150 flex-row h-3.5 h-40 h-[420px]");
+@source inline("hover:bg-card-overlay hover:bg-muted-foreground/10 hover:bg-muted/80 hover:border-border-strong");
+@source inline("hover:border-field-ring hover:shadow-popover italic left-0 max-h-[40dvh] max-h-[65dvh]");
+@source inline("max-h-[85dvh] max-h-full min-h min-h-20 min-h-[2.25rem] min-h-[44px] min-h-dvh min-h-full");
+@source inline("min-w-40 min-w-[5rem] opacity-100 pb-0.5 pb-4 pb-[max(env(safe-area-inset-bottom,0px),0.5rem)]");
+@source inline("peer-focus peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-field-ring/40");
+@source inline("peer-focus:rounded-lg pl-1 pl-3 pointer-coarse:h-12 pointer-coarse:w-12 resize-none right-4");
+@source inline("ring-1 ring-4 ring-accent/20 ring-accent/30 ring-accent/40 ring-border ring-inset ring-ring");
+@source inline("rotate-90 rounded-[2.5rem] rounded-l-xl rounded-r-xl rounded-t-xl scale-[1.01] self-center");
+@source inline("self-stretch shrink-[2] sm:w-56 text-muted-foreground/60 text-tone-amber-ink text-tone-cyan-ink");
+@source inline("text-tone-emerald-ink text-tone-orange-ink text-tone-purple-ink text-tone-rose-ink");
+@source inline("text-tone-sky-ink text-tone-slate-ink text-xl transition-[opacity,transform] translate-y-0");
+@source inline("translate-y-2 w-1/2 w-2/3 w-3.5 w-[352px]");

package/dist/styles-utilities.css

@@ -797,6 +797,9 @@
   .min-h-full {
     min-height: 100%;
   }
+  .w-0\! {
+    width: 0px !important;
+  }
   .w-0\.5 {
     width: calc(var(--spacing) * 0.5);
   }
@@ -1004,6 +1007,9 @@
   .min-w-0 {
     min-width: 0px;
   }
+  .min-w-0\! {
+    min-width: 0px !important;
+  }
   .min-w-3\.5 {
     min-width: calc(var(--spacing) * 3.5);
   }
@@ -1634,6 +1640,9 @@
   .border-border {
     border-color: var(--border);
   }
+  .border-border\! {
+    border-color: var(--border) !important;
+  }
   .border-border-strong {
     border-color: var(--border-strong);
   }
@@ -2033,6 +2042,12 @@
       background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
     }
   }
+  .bg-muted-foreground\/60 {
+    background-color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
+    }
+  }
   .bg-muted\/20 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2066,6 +2081,9 @@
   .bg-popover {
     background-color: var(--popover);
   }
+  .bg-popover\! {
+    background-color: var(--popover) !important;
+  }
   .bg-purple-100 {
     background-color: var(--color-purple-100);
   }
@@ -2282,6 +2300,9 @@
   .p-0 {
     padding: 0px;
   }
+  .p-0\! {
+    padding: 0px !important;
+  }
   .p-0\.5 {
     padding: calc(var(--spacing) * 0.5);
   }
@@ -2471,6 +2492,9 @@
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
   .pl-5 {
     padding-left: calc(var(--spacing) * 5);
   }
@@ -2630,6 +2654,9 @@
   .break-all {
     word-break: break-all;
   }
+  .whitespace-normal {
+    white-space: normal;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2708,6 +2735,9 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
+  .text-muted-foreground\! {
+    color: var(--muted-foreground) !important;
+  }
   .text-muted-foreground\/50 {
     color: var(--muted-foreground);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3547,6 +3577,9 @@
     .hover\:text-foreground:hover {
       color: var(--foreground);
     }
+    .hover\:text-foreground\!:hover {
+      color: var(--foreground) !important;
+    }
     .hover\:text-warning:hover {
       color: var(--warning);
     }
@@ -3630,6 +3663,12 @@
   .focus-visible\:bg-destructive-solid:focus-visible {
     background-color: var(--destructive-solid);
   }
+  .focus-visible\:bg-destructive\/10:focus-visible {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+    }
+  }
   .focus-visible\:bg-muted:focus-visible {
     background-color: var(--muted);
   }
@@ -3752,6 +3791,9 @@
     .disabled\:hover\:border-border:disabled:hover {
       border-color: var(--border);
     }
+    .disabled\:hover\:bg-transparent:disabled:hover {
+      background-color: transparent;
+    }
     .disabled\:hover\:text-muted-foreground:disabled:hover {
       color: var(--muted-foreground);
     }
@@ -3762,9 +3804,36 @@
   .aria-disabled\:pointer-events-none[aria-disabled="true"] {
     pointer-events: none;
   }
+  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
+    cursor: not-allowed;
+  }
   .aria-disabled\:opacity-30[aria-disabled="true"] {
     opacity: 30%;
   }
+  .aria-disabled\:opacity-50[aria-disabled="true"] {
+    opacity: 50%;
+  }
+  @media (hover: hover) {
+    .aria-disabled\:hover\:bg-transparent[aria-disabled="true"]:hover {
+      background-color: transparent;
+    }
+  }
+  .aria-pressed\:border[aria-pressed="true"] {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .aria-pressed\:border-accent[aria-pressed="true"] {
+    border-color: var(--accent);
+  }
+  .aria-pressed\:bg-accent\/10[aria-pressed="true"] {
+    background-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
+    }
+  }
+  .aria-pressed\:text-accent[aria-pressed="true"] {
+    color: var(--accent);
+  }
   .aria-\[invalid\=true\]\:border-field-error[aria-invalid="true"] {
     border-color: var(--field-error);
   }
@@ -3915,6 +3984,9 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .data-\[state\=checked\]\:ring-accent[data-state="checked"] {
+    --tw-ring-color: var(--accent);
+  }
   .data-\[state\=checked\]\:ring-foreground[data-state="checked"] {
     --tw-ring-color: var(--foreground);
   }

package/dist/testing/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/testing/tooltip.ts"],"names":[],"mappings":"AA+BA,wEAAwE;AACxE,wBAAsB,YAAY,CAAC,IAAI,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC,CAQvF;AAED;;;;;;GAMG;AACH,wBAAsB,SAAS,CAAC,IAAI,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAY/E"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/testing/tooltip.ts"],"names":[],"mappings":"AA6CA,wEAAwE;AACxE,wBAAsB,YAAY,CAAC,IAAI,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC,CASvF;AAED;;;;;;GAMG;AACH,wBAAsB,SAAS,CAAC,IAAI,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAa/E"}

package/dist/testing/tooltip.js

@@ -1,21 +1,9 @@
-/**
- * Reading a cursedbelt `Tooltip` from a test.
- *
- * Two things about `Tooltip` make a naive assertion wrong, and both are load-bearing
- * rather than incidental (see `react/components/Tooltip.tsx`):
- *
- *  1. The Radix implementation is a dynamic `import()`, so nothing is wired at first
- *     paint. A test must WAIT for the upgrade.
- *  2. The upgrade re-parents the trigger under Radix's `Trigger`, which React
- *     reconciles as a remount — so a node captured before the upgrade is detached.
- *     Every helper here re-queries rather than holding a reference.
- *
- * The reason a spec cares at all: `title=""` used to be the fleet's hover hint, and
- * `DESIGN.md` §4 forbids it (the OS draws it after a second, in its own box, and a
- * phone never draws it). A spec that asserted `getAttribute('title')` was asserting
- * the defect; these helpers are what it should assert instead.
- */
-import { fireEvent, waitFor } from "@testing-library/react";
+let cached;
+async function testingLibraryReact() {
+    if (!cached)
+        cached = await import("@testing-library/react");
+    return cached;
+}
 /**
  * Radix renders the bubble's content TWICE — once visibly and once inside a
  * `VisuallyHidden` node that becomes the trigger's accessible description — so the
@@ -30,6 +18,7 @@ function deduplicateAriaCopy(text) {
 }
 /** Wait until the lazy implementation has replaced the bare trigger. */
 export async function tooltipReady(find) {
+    const { waitFor } = await testingLibraryReact();
     await waitFor(() => {
         const el = find();
         if (!el?.getAttribute("data-state"))
@@ -48,6 +37,7 @@ export async function tooltipReady(find) {
  * hover is dispatched.
  */
 export async function hoverHint(find) {
+    const { fireEvent, waitFor } = await testingLibraryReact();
     const el = await tooltipReady(find);
     // Radix opens on `pointermove` over the trigger (not `pointerenter`, which React
     // synthesizes and therefore never sees from a direct dispatch).

package/dist/testing/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/testing/tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;;;;GAKG;AACH,SAAS,mBAAmB,CAAC,IAAY;IACxC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACvC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9E,CAAC;AAED,wEAAwE;AACxE,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,IAA8B;IAChE,MAAM,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;QAClB,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE;QAAE,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;IACxD,OAAO,EAAE,CAAC;AACX,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,IAA8B;IAC7D,MAAM,EAAE,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;IACpC,iFAAiF;IACjF,gEAAgE;IAChE,SAAS,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,MAAM,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC3D,IAAI,CAAC,MAAM,EAAE,WAAW;YAAE,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;QACnE,IAAI,GAAG,mBAAmB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACb,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/testing/tooltip.ts"],"names":[],"mappings":"AA2BA,IAAI,MAAuC,CAAC;AAC5C,KAAK,UAAU,mBAAmB;IACjC,IAAI,CAAC,MAAM;QAAE,MAAM,GAAG,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC;IAC7D,OAAO,MAAM,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,SAAS,mBAAmB,CAAC,IAAY;IACxC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACvC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9E,CAAC;AAED,wEAAwE;AACxE,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,IAA8B;IAChE,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,mBAAmB,EAAE,CAAC;IAChD,MAAM,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;QAClB,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE;QAAE,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;IACxD,OAAO,EAAE,CAAC;AACX,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,IAA8B;IAC7D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,mBAAmB,EAAE,CAAC;IAC3D,MAAM,EAAE,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;IACpC,iFAAiF;IACjF,gEAAgE;IAChE,SAAS,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;IACpD,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,MAAM,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC3D,IAAI,CAAC,MAAM,EAAE,WAAW;YAAE,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;QACnE,IAAI,GAAG,mBAAmB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACb,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cursedbelt",
-	"version": "5.32.0",
+	"version": "5.34.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.",
@@ -128,6 +128,12 @@
 			"source": "./src/react/analytics/index.ts",
 			"import": "./dist/react/analytics/index.js"
 		},
+		"./react/badge": {
+			"types": "./dist/react/components/Badge.d.ts",
+			"bun": "./src/react/components/Badge.tsx",
+			"source": "./src/react/components/Badge.tsx",
+			"import": "./dist/react/components/Badge.js"
+		},
 		"./react/button": {
 			"types": "./dist/react/components/Button.d.ts",
 			"bun": "./src/react/components/Button.tsx",
@@ -158,6 +164,12 @@
 			"source": "./src/react/clipboard/index.ts",
 			"import": "./dist/react/clipboard/index.js"
 		},
+		"./react/code-chip": {
+			"types": "./dist/react/components/CodeChip.d.ts",
+			"bun": "./src/react/components/CodeChip.tsx",
+			"source": "./src/react/components/CodeChip.tsx",
+			"import": "./dist/react/components/CodeChip.js"
+		},
 		"./react/code-editor": {
 			"types": "./dist/react/code-editor/index.d.ts",
 			"bun": "./src/react/code-editor/index.ts",
@@ -206,12 +218,30 @@
 			"source": "./src/react/components/DropdownMenu.tsx",
 			"import": "./dist/react/components/DropdownMenu.js"
 		},
+		"./react/empty-state": {
+			"types": "./dist/react/components/EmptyState.d.ts",
+			"bun": "./src/react/components/EmptyState.tsx",
+			"source": "./src/react/components/EmptyState.tsx",
+			"import": "./dist/react/components/EmptyState.js"
+		},
 		"./react/engagement-beacon": {
 			"types": "./dist/react/engagement/index.d.ts",
 			"bun": "./src/react/engagement/index.ts",
 			"source": "./src/react/engagement/index.ts",
 			"import": "./dist/react/engagement/index.js"
 		},
+		"./react/error-card": {
+			"types": "./dist/react/components/ErrorCard.d.ts",
+			"bun": "./src/react/components/ErrorCard.tsx",
+			"source": "./src/react/components/ErrorCard.tsx",
+			"import": "./dist/react/components/ErrorCard.js"
+		},
+		"./react/field": {
+			"types": "./dist/react/components/Field.d.ts",
+			"bun": "./src/react/components/Field.tsx",
+			"source": "./src/react/components/Field.tsx",
+			"import": "./dist/react/components/Field.js"
+		},
 		"./react/file-tree": {
 			"types": "./dist/react/file-tree/index.d.ts",
 			"bun": "./src/react/file-tree/index.ts",
@@ -242,6 +272,12 @@
 			"source": "./src/react/components/IconButton.tsx",
 			"import": "./dist/react/components/IconButton.js"
 		},
+		"./react/icons": {
+			"types": "./dist/react/icons.d.ts",
+			"bun": "./src/react/icons.tsx",
+			"source": "./src/react/icons.tsx",
+			"import": "./dist/react/icons.js"
+		},
 		"./react/info-hint": {
 			"types": "./dist/react/components/InfoHint.d.ts",
 			"bun": "./src/react/components/InfoHint.tsx",
@@ -398,6 +434,36 @@
 			"source": "./src/react/hooks/useTableSort.ts",
 			"import": "./dist/react/hooks/useTableSort.js"
 		},
+		"./react/menu": {
+			"types": "./dist/react/components/Menu.d.ts",
+			"bun": "./src/react/components/Menu.tsx",
+			"source": "./src/react/components/Menu.tsx",
+			"import": "./dist/react/components/Menu.js"
+		},
+		"./react/save-indicator": {
+			"types": "./dist/react/components/SaveIndicator.d.ts",
+			"bun": "./src/react/components/SaveIndicator.tsx",
+			"source": "./src/react/components/SaveIndicator.tsx",
+			"import": "./dist/react/components/SaveIndicator.js"
+		},
+		"./react/selection-bar": {
+			"types": "./dist/react/components/SelectionBar.d.ts",
+			"bun": "./src/react/components/SelectionBar.tsx",
+			"source": "./src/react/components/SelectionBar.tsx",
+			"import": "./dist/react/components/SelectionBar.js"
+		},
+		"./react/unstyled-button": {
+			"types": "./dist/react/components/UnstyledButton.d.ts",
+			"bun": "./src/react/components/UnstyledButton.tsx",
+			"source": "./src/react/components/UnstyledButton.tsx",
+			"import": "./dist/react/components/UnstyledButton.js"
+		},
+		"./react/modal": {
+			"types": "./dist/react/components/Modal.d.ts",
+			"bun": "./src/react/components/Modal.tsx",
+			"source": "./src/react/components/Modal.tsx",
+			"import": "./dist/react/components/Modal.js"
+		},
 		"./react/multi-select-field": {
 			"types": "./dist/react/components/MultiSelectField.d.ts",
 			"bun": "./src/react/components/MultiSelectField.tsx",
@@ -434,6 +500,18 @@
 			"source": "./src/react/components/Switch.tsx",
 			"import": "./dist/react/components/Switch.js"
 		},
+		"./react/toast": {
+			"types": "./dist/react/Toast.d.ts",
+			"bun": "./src/react/Toast.tsx",
+			"source": "./src/react/Toast.tsx",
+			"import": "./dist/react/Toast.js"
+		},
+		"./react/tooltip": {
+			"types": "./dist/react/components/Tooltip.d.ts",
+			"bun": "./src/react/components/Tooltip.tsx",
+			"source": "./src/react/components/Tooltip.tsx",
+			"import": "./dist/react/components/Tooltip.js"
+		},
 		"./react/upload-direct": {
 			"types": "./dist/react/lib/directUpload.d.ts",
 			"bun": "./src/react/lib/directUpload.ts",
@@ -725,8 +803,8 @@
 		"@types/react-dom": "^19.2.3",
 		"@vidstack/react": "1.15.6",
 		"@vitejs/plugin-react": "^5.2.0",
-		"cursedbelt-server": "^4.40.1",
-		"cursedops": "^0.11.0",
+		"cursedbelt-server": "^4.40.3",
+		"cursedops": "^0.12.0",
 		"diff": "^9.0.0",
 		"emoji-mart": "^5.6.0",
 		"hls.js": "^1.5.0",

package/scripts/guardrails-baseline.json

@@ -19,7 +19,7 @@
     "no-hand-rolled-scroll-memory": 0,
     "no-hand-rolled-surface": 0,
     "no-inline-style": 76,
-    "opt-out-count": 267,
+    "opt-out-count": 269,
     "opt-out-needs-cause": 258
   },
   "cursedshell": {

package/scripts/styleAreas.ts

@@ -173,6 +173,7 @@ export const AREAS: readonly Area[] = [
 			'components/IconButton.tsx',
 			'components/InfoHint.tsx',
 			'components/Input.tsx',
+			'components/Menu.tsx',
 			'components/Modal.tsx',
 			'components/OnlineDot.tsx',
 			'components/Page.tsx',
@@ -196,6 +197,9 @@ export const AREAS: readonly Area[] = [
 			'components/Tooltip.tsx',
 			'components/TooltipImpl.tsx',
 			'components/TruncatedText.tsx',
+			'components/UnstyledButton.tsx',
+			'components/SaveIndicator.tsx',
+			'components/SelectionBar.tsx',
 			'components/dialog.tsx',
 			'components/layout.tsx',
 			'components/revealOnHover.ts',

package/src/react/Toast.spec.tsx

@@ -1,5 +1,5 @@
 import { afterEach, describe, expect, test } from 'bun:test';
-import { cleanup, render } from '@testing-library/react';
+import { act, cleanup, render, waitFor } from '@testing-library/react';
 import { Toaster, toast } from './Toast.js';
 
 afterEach(cleanup);
@@ -15,4 +15,20 @@ describe('Toast', () => {
   test('Toaster mounts without throwing', () => {
     expect(() => render(<Toaster />)).not.toThrow();
   });
+
+  test("the toaster answers sonner's own colour variables with the belt's tokens", async () => {
+    render(<Toaster />);
+    act(() => {
+      toast('Saved');
+    });
+    const toaster = await waitFor(() => {
+      const found = document.querySelector<HTMLElement>('[data-sonner-toaster]');
+      if (!found) throw new Error('no toaster yet');
+      return found;
+    });
+    // sonner's theme sets these on the same element; an inline value is what outranks it.
+    expect(toaster.style.getPropertyValue('--normal-bg')).toBe('var(--popover)');
+    expect(toaster.style.getPropertyValue('--normal-border')).toBe('var(--border)');
+    expect(toaster.style.getPropertyValue('--normal-text')).toBe('var(--popover-foreground)');
+  });
 });

package/src/react/Toast.tsx

@@ -17,19 +17,36 @@ export { toast };
 
 export type ToasterProps = React.ComponentProps<typeof SonnerToaster>;
 
-export function Toaster(props: ToasterProps) {
+/**
+ * 🔴 sonner paints a toast from its OWN variables (`--normal-bg`, `--normal-border`,
+ * `--normal-text`), set per `data-sonner-theme` on the toaster — and its rule outranks the
+ * `bg-popover`/`border-border` classes below wherever the app's utilities are not layered
+ * above it. Measured in desk, 2026-09-30 (forge task 2413): a white toast on the dark theme,
+ * because sonner's theme defaults to light. Answering the variables with the belt's tokens on
+ * the toaster itself makes the toast follow the app's theme whatever sonner thinks it is.
+ */
+const TOKEN_VARS = {
+  '--normal-bg': 'var(--popover)',
+  '--normal-border': 'var(--border)',
+  '--normal-text': 'var(--popover-foreground)',
+} as React.CSSProperties;
+
+export function Toaster({ style, ...props }: ToasterProps) {
   return (
     <SonnerToaster
+      style={{ ...TOKEN_VARS, ...style }}
       position='bottom-right'
       closeButton
       toastOptions={{
         classNames: {
           toast: 'rounded-lg border border-border bg-popover text-foreground shadow-overlay',
           title: 'text-sm font-medium',
-          description: 'text-xs text-muted-foreground',
+          // `!` because sonner colours these two with element rules of its own (`#3f3f3f` for a
+          // description, its grey scale for the close button) that no variable reaches.
+          description: 'text-xs text-muted-foreground!',
           actionButton: 'bg-accent-solid text-white text-xs px-2 py-1 rounded-sm',
           cancelButton: 'bg-muted text-foreground text-xs px-2 py-1 rounded-sm',
-          closeButton: 'border-border bg-popover text-muted-foreground hover:text-foreground',
+          closeButton: 'border-border! bg-popover! text-muted-foreground! hover:text-foreground!',
           error: 'border-destructive/50 [&_[data-icon]]:text-destructive',
           success: 'border-success/50 [&_[data-icon]]:text-success',
           warning: 'border-warning/50 [&_[data-icon]]:text-warning',

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

@@ -1,5 +1,5 @@
 import { afterEach, describe, expect, test } from 'bun:test';
-import { cleanup, render } from '@testing-library/react';
+import { cleanup, fireEvent, render } from '@testing-library/react';
 import { createRef } from 'react';
 import { Button } from './Button.js';
 import { ButtonGroup } from './ButtonGroup.js';
@@ -119,6 +119,54 @@ describe('Button', () => {
     expect((getByRole('button') as HTMLButtonElement).disabled).toBe(true);
   });
 
+  test('unavailableReason REFUSES the press but stays focusable: aria-disabled, not disabled', () => {
+    let clicks = 0;
+    let keys = 0;
+    const { getByRole } = render(
+      <Button tooltip='Sync' unavailableReason='Sync needs the Mac' onClick={() => clicks++} onKeyDown={() => keys++}>
+        Sync
+      </Button>,
+    );
+    const btn = getByRole('button') as HTMLButtonElement;
+    expect(btn.disabled).toBe(false); // still in the tab order, still hoverable
+    expect(btn.getAttribute('aria-disabled')).toBe('true');
+    btn.click();
+    expect(clicks).toBe(0);
+    fireEvent.keyDown(btn, { key: 'Enter' });
+    fireEvent.keyDown(btn, { key: ' ' });
+    expect(keys).toBe(0);
+    fireEvent.keyDown(btn, { key: 'Tab' }); // every other key still reaches the caller
+    expect(keys).toBe(1);
+    btn.focus();
+    expect(document.activeElement).toBe(btn);
+  });
+
+  test('an empty unavailableReason is no refusal, and disabled wins over one', () => {
+    let clicks = 0;
+    const { getByRole, rerender } = render(
+      <Button tooltip='Go' unavailableReason='  ' onClick={() => clicks++}>
+        Go
+      </Button>,
+    );
+    getByRole('button').click();
+    expect(clicks).toBe(1);
+    expect(getByRole('button').getAttribute('aria-disabled')).toBeNull();
+    rerender(
+      <Button tooltip='Go' unavailableReason='Busy' disabled onClick={() => clicks++}>
+        Go
+      </Button>,
+    );
+    expect((getByRole('button') as HTMLButtonElement).disabled).toBe(true);
+    expect(getByRole('button').getAttribute('aria-disabled')).toBeNull();
+  });
+
+  test('a pressed toggle and a refused control are drawn by the variant classes', () => {
+    const cls = render(<Button tooltip='B'>B</Button>).getByRole('button').className;
+    expect(cls).toContain('aria-pressed:border-accent');
+    expect(cls).toContain('aria-disabled:opacity-50');
+    expect(cls).not.toContain('aria-disabled:pointer-events-none'); // the reason must stay reachable
+  });
+
   test('asChild styles the child element directly (no nested button element, no span wrapper)', () => {
     const { container, getByRole } = render(
       <Button tooltip='Action' asChild variant='primary'>