cursedbelt 5.59.0 → 5.63.0

package/dist/styles-areas/core.css

@@ -15,7 +15,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.
- * 863 candidate(s).
+ * 864 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
@@ -64,11 +64,11 @@
 @source inline("border-field-border border-rule border-success/30 border-success/40 border-success/50 border-t");
 @source inline("border-tone-sky-fg/30 border-tone-slate-fg/30 border-transparent border-warning/30");
 @source inline("border-warning/40 border-warning/50 border-x-4 border-x-transparent bot bottom bottom-0 break");
-@source inline("break-all break-words c ca cap capitalize co com contain container content contents cursor");
-@source inline("cursor-col-resize cursor-default cursor-ew-resize cursor-not-allowed cursor-pointer");
-@source inline("cursor-row-resize d dark dark:bg-card-overlay dark:bg-card-raised dark:bg-gray-800 data");
-@source inline("data-[disabled]:hover:bg-border data-[disabled]:opacity-50 data-[disabled]:pointer-events-none");
-@source inline("data-[interactive=true]:duration-[var(--duration-base)]");
+@source inline("break-all break-words c ca cap capitalize co col-span-full com contain container content");
+@source inline("contents cursor cursor-col-resize cursor-default cursor-ew-resize cursor-not-allowed");
+@source inline("cursor-pointer cursor-row-resize d dark dark:bg-card-overlay dark:bg-card-raised");
+@source inline("dark:bg-gray-800 data data-[disabled]:hover:bg-border data-[disabled]:opacity-50");
+@source inline("data-[disabled]:pointer-events-none data-[interactive=true]:duration-[var(--duration-base)]");
 @source inline("data-[interactive=true]:ease-[var(--ease-out)] data-[interactive=true]:hover:-translate-y-0.5");
 @source inline("data-[interactive=true]:hover:border-border-strong data-[interactive=true]:transition-all");
 @source inline("data-[interactive=true]:transition-colors data-[placeholder]:text-muted-foreground");

package/dist/styles-areas/disk-usage.css

@@ -18,15 +18,15 @@
  * 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.
- * 32 candidate(s).
+ * 33 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 bg-accent/60 collapse cursor-help duration-150 focus-within:border-field-ring");
-@source inline("focus-within:ring-2 focus-within:ring-field-ring/30 group-focus-visible/tile:opacity-100");
-@source inline("group-hover/du-row:opacity-100 group-hover/tile:opacity-100 group/du-row group/tile");
-@source inline("hover:bg-muted-foreground/10 italic max-w-56 max-w-96 mb-2 min-h-8 min-w-24 min-w-56 mr-0.5");
-@source inline("opacity-100 pl-2 pr-1 ring-inset ring-ring self-stretch text-3xl text-[length:var(--text-glyph)]");
-@source inline("text-muted-foreground/60 text-success");
+@source inline("[&_svg]:size-3 bg-accent/60 collapse cursor-help duration-150 first:pt-1");
+@source inline("focus-within:border-field-ring focus-within:ring-2 focus-within:ring-field-ring/30");
+@source inline("group-focus-visible/tile:opacity-100 group-hover/du-row:opacity-100 group-hover/tile:opacity-100");
+@source inline("group/du-row group/tile hover:bg-muted-foreground/10 italic max-w-56 max-w-96 mb-2 min-h-8");
+@source inline("min-w-24 min-w-56 mr-0.5 opacity-100 pl-2 pr-1 ring-inset ring-ring self-stretch text-3xl");
+@source inline("text-[length:var(--text-glyph)] text-muted-foreground/60 text-success");

package/dist/styles-areas/fields.css

@@ -18,35 +18,37 @@
  * 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.
- * 114 candidate(s).
+ * 121 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("-mx-1 [&::-webkit-scrollbar]:hidden [&_svg]:size-3 [scrollbar-width:none] appearance-none");
-@source inline("bg-accent/15 bg-surface-sunken/80 bg-warning/10 border-border/40 border-field-error border-l");
-@source inline("border-r caret-transparent cursor-text 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=checked]:ring-foreground");
-@source inline("data-[state=checked]:ring-offset-1 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:hover:scale-100 disabled:opacity-40 duration-100");
-@source inline("focus-visible:border-border-strong focus-visible:ring-0 focus-visible:ring-field-ring/40");
-@source inline("focus-within:border-field-ring focus-within:ring-2 focus-within:ring-field-ring/30");
-@source inline("group-focus-within:opacity-100 h-105 h-12 h-3.5 has-[[aria-invalid=true]]:border-field-error");
-@source inline("hover:bg-muted/50 hover:border-field-ring hover:scale-110 hover:text-warning italic leading-5");
-@source inline("left-0 left-2.5 li list-none max-h-64 max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)]");
-@source inline("max-h-[var(--sheet-h-sm)] max-w-sm md:flex-col md:gap-0.5 md:justify-start md:overflow-visible");
-@source inline("md:text-left md:w-full min-h-20 min-w-24 min-w-64 min-w-[var(--anchor-width)] min-w-full");
-@source inline("min-w-max mix-blend-difference mr-2 pl-1.5 pl-2 pl-2.5 pointer-coarse:before:-left-1");
-@source inline("pointer-coarse:before:-right-1 pointer-coarse:before:absolute");
-@source inline("pointer-coarse:before:bottom-[calc(var(--hit-slop-y)*-1)]");
+@source inline("-mx-1 [&::-webkit-scrollbar]:hidden [&_svg]:size-3");
+@source inline("[background:var(--cb-swatch-fill,var(--muted))] [scrollbar-width:none] appearance-none");
+@source inline("aria-checked:ring-2 aria-checked:ring-foreground aria-checked:ring-offset-1 bg-accent/15");
+@source inline("bg-surface-sunken/80 bg-warning/10 border-border/40 border-field-error border-l border-r");
+@source inline("caret-transparent cursor-text 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=checked]:ring-foreground data-[state=checked]:ring-offset-1");
+@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");
+@source inline("disabled:hover:scale-100 disabled:opacity-40 duration-100 focus-visible:border-border-strong");
+@source inline("focus-visible:ring-0 focus-visible:ring-field-ring/40 focus-within:border-field-ring");
+@source inline("focus-within:ring-2 focus-within:ring-field-ring/30 focus-within:ring-offset-1");
+@source inline("focus-within:ring-ring group-focus-within:opacity-100 h-105 h-12 h-3.5");
+@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-muted/50 hover:border-field-ring");
+@source inline("hover:scale-110 hover:text-warning italic leading-5 left-0 left-2.5 li list-none max-h-64");
+@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm");
+@source inline("md:flex-col md:gap-0.5 md:justify-start md:overflow-visible md:text-left md:w-full min-h-20");
+@source inline("min-w-24 min-w-64 min-w-[var(--anchor-width)] min-w-full min-w-max mix-blend-difference mr-2");
+@source inline("pl-1.5 pl-2 pl-2.5 pointer-coarse:before:-left-1 pointer-coarse:before:-right-1");
+@source inline("pointer-coarse:before:absolute pointer-coarse:before:bottom-[calc(var(--hit-slop-y)*-1)]");
 @source inline("pointer-coarse:before:top-[calc(var(--hit-slop-y)*-1)] pointer-coarse:items-center pr-1 pr-16");
 @source inline("pr-2 pr-3 pr-9 pt-1 resize-none resize-y right-1.5 right-3 ring-accent/30 ring-field-error/30");
-@source inline("rounded-l-xl rounded-r-xl rounded-t-xl self-stretch size-7 size-9 sm:w-11 sm:w-56");
+@source inline("rounded-l-xl rounded-r-xl rounded-t-xl self-stretch size-7 size-9 size-full sm:w-11 sm:w-56");
 @source inline("text-field-placeholder text-success text-xl top-1.5 transition-[transform,opacity] w-20 w-32");
 @source inline("w-36 w-40 w-88 w-fit w-max whitespace-pre");
 @source inline('pointer-coarse:before:content-[""]');

package/dist/styles-areas/master-detail.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.
- * 24 candidate(s).
+ * 25 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
@@ -28,4 +28,4 @@
 @source inline("bg-accent/15 border-[var(--border)] flex-row focus-within:border-field-ring focus-within:ring-2");
 @source inline("focus-within:ring-field-ring/30 has-[[aria-invalid=true]]:border-field-error");
 @source inline("hover:bg-[var(--muted)] hover:bg-muted/80 mb-1.5 mb-4 min-h min-h-full pb-0.5 pr-1 ring-1");
-@source inline("ring-[var(--accent)]/40 ring-accent/30 ring-inset self-stretch");
+@source inline("ring-[var(--accent)]/40 ring-accent/30 ring-inset self-stretch shrink-[1000]");

package/dist/styles-areas/nav.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.
- * 143 candidate(s).
+ * 144 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
@@ -30,28 +30,27 @@
 @source inline("[&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:tracking-wide");
 @source inline("[&_[cmdk-group-heading]]:uppercase [&_[data-cb-banner-icon]]:text-accent");
 @source inline("[&_[data-cb-banner-icon]]:text-destructive [&_[data-cb-banner-icon]]:text-warning");
-@source inline("[&_svg]:size-3.5 [scrollbar-width:none] bg-accent/15 bg-destructive/10 bg-warning/10");
-@source inline("border-border/40 border-dashed border-l border-r collapse cursor-grab");
-@source inline("data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none");
-@source inline("data-[selected=true]:bg-muted data-[selected=true]:text-foreground");
-@source inline("data-[state=checked]:ring-foreground data-[state=checked]:ring-offset-1");
-@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");
-@source inline("data-[state=open]:slide-in-from-top-2 disabled:hover:scale-100 disabled:opacity-40");
-@source inline("focus-within:opacity-100 g grid-cols-4 group-hover/navitem:opacity-100");
-@source inline("group-hover/tile:opacity-100 group/navitem group/tile h-12 h-[var(--header-h)]");
-@source inline("h-[var(--header-h-dense)] h-[var(--header-h-roomy)] h-dvh hover:border-foreground/20");
-@source inline("hover:decoration-border hover:scale-110 hover:underline-offset-4 inset-x-2 inset-x-3 inset-y-1");
-@source inline("inset-y-1.5 items-stretch justify-around leading-4 left-0 left-3 lg:flex lg:flex-col lg:hidden");
-@source inline("lg:shrink-0 list-none max-h-72 max-h-[inherit] max-h-[var(--palette-max-h)]");
-@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-md:-right-0.5");
-@source inline("max-md:-top-0.5 max-md:absolute max-md:hidden max-sm:flex-none max-sm:justify-center max-sm:px-0");
-@source inline("max-sm:w-10 max-w max-w-48 max-w-64 max-w-80 max-w-sm md:flex md:flex-col md:gap-4 md:hidden");
-@source inline("md:pointer-coarse:w-auto md:px-3 md:px-6 md:shrink-0 min-h-10 min-h-12 min-h-dvh min-w-3.5");
-@source inline("min-w-8 min-w-9 mix-blend-difference mt-auto mx-1 no-underline opacity-55 opacity-80");
-@source inline("pb-[env(safe-area-inset-bottom,0px)] pl-11 pl-9 place-items-center");
-@source inline("placeholder:text-muted-foreground pr-3 pr-9 pt-0 pt-1 px-0.5 py-8 right-1 rotate-180");
-@source inline("rounded-l-xl rounded-r-xl rounded-t-xl shadow-lg size-7 size-9 sm:inline sm:inline-block");
-@source inline("sm:inline-flex space-y-0.5 space-y-2 top-[var(--palette-top)] w-52 w-56 w-60 w-[calc(100%-2rem)]");
-@source inline("w-[var(--rail-w)] w-[var(--rail-w-collapsed)] w-max");
+@source inline("[&_svg]:size-3.5 [scrollbar-width:none] aria-checked:ring-2 aria-checked:ring-foreground");
+@source inline("aria-checked:ring-offset-1 bg-accent/15 bg-destructive/10 bg-warning/10 border-border/40");
+@source inline("border-dashed border-l border-r collapse cursor-grab data-[disabled=true]:opacity-50");
+@source inline("data-[disabled=true]:pointer-events-none data-[selected=true]:bg-muted");
+@source inline("data-[selected=true]:text-foreground 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 data-[state=open]:slide-in-from-top-2");
+@source inline("disabled:hover:scale-100 disabled:opacity-40 focus-within:opacity-100 g grid-cols-4");
+@source inline("group-hover/navitem:opacity-100 group-hover/tile:opacity-100 group/navitem group/tile h-12");
+@source inline("h-[var(--header-h)] h-[var(--header-h-dense)] h-[var(--header-h-roomy)] h-dvh");
+@source inline("hover:border-foreground/20 hover:decoration-border hover:scale-110 hover:underline-offset-4");
+@source inline("inset-x-2 inset-x-3 inset-y-1 inset-y-1.5 items-stretch justify-around leading-4 left-0 left-3");
+@source inline("lg:flex lg:flex-col lg:hidden lg:shrink-0 list-none max-h-72 max-h-[inherit]");
+@source inline("max-h-[var(--palette-max-h)] max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)]");
+@source inline("max-h-[var(--sheet-h-sm)] max-md:-right-0.5 max-md:-top-0.5 max-md:absolute max-md:hidden");
+@source inline("max-sm:flex-none max-sm:justify-center max-sm:px-0 max-sm:w-10 max-w max-w-48 max-w-64 max-w-80");
+@source inline("max-w-sm md:flex md:flex-col md:gap-4 md:hidden md:pointer-coarse:w-auto md:px-3 md:px-6");
+@source inline("md:shrink-0 min-h-10 min-h-12 min-h-dvh min-w-3.5 min-w-8 min-w-9 mix-blend-difference mt-auto");
+@source inline("mx-1 no-underline opacity-55 opacity-80 pb-[env(safe-area-inset-bottom,0px)] pl-11 pl-9");
+@source inline("place-items-center placeholder:text-muted-foreground pr-3 pr-9 pt-0 pt-1 px-0.5 py-8 right-1");
+@source inline("rotate-180 rounded-l-xl rounded-r-xl rounded-t-xl shadow-lg size-7 size-9 sm:inline");
+@source inline("sm:inline-block sm:inline-flex space-y-0.5 space-y-2 top-[var(--palette-top)] w-52 w-56 w-60");
+@source inline("w-[calc(100%-2rem)] w-[var(--rail-w)] w-[var(--rail-w-collapsed)] w-max");

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.
- * 108 candidate(s).
+ * 109 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
@@ -30,7 +30,7 @@
 @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 disabled:opacity-0 duration-150 flex-row");
+@source inline("data-[state=open]:slide-in-from-right disabled:opacity-0 duration-150 first:pt-1 flex-row");
 @source inline("group-hover:disabled:opacity-50 h-105 h-40 hover:bg-card-overlay hover:bg-muted-foreground/10");
 @source inline("hover:bg-muted/80 hover:border-border-strong hover:border-field-ring hover:shadow-popover italic");
 @source inline("left-0 left-2.5 max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)]");

package/dist/styles-utilities.css

@@ -366,6 +366,9 @@
   .col-span-12 {
     grid-column: span 12 / span 12;
   }
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
   .col-start-2 {
     grid-column-start: 2;
   }
@@ -631,6 +634,10 @@
     width: calc(var(--spacing) * 20);
     height: calc(var(--spacing) * 20);
   }
+  .size-full {
+    width: 100%;
+    height: 100%;
+  }
   .h-0\.5 {
     height: calc(var(--spacing) * 0.5);
   }
@@ -1171,6 +1178,9 @@
   .shrink-\[2\] {
     flex-shrink: 2;
   }
+  .shrink-\[1000\] {
+    flex-shrink: 1000;
+  }
   .grow {
     flex-grow: 1;
   }
@@ -3422,6 +3432,9 @@
   .\[-webkit-touch-callout\:none\] {
     -webkit-touch-callout: none;
   }
+  .\[background\:var\(--cb-swatch-fill\,var\(--muted\)\)\] {
+    background: var(--cb-swatch-fill,var(--muted));
+  }
   .\[overflow-clip-margin\:calc\(var\(--spacing\)\*1\)\] {
     overflow-clip-margin: calc(var(--spacing) * 1);
   }
@@ -3580,6 +3593,9 @@
   .first\:mt-0:first-child {
     margin-top: 0px;
   }
+  .first\:pt-1:first-child {
+    padding-top: var(--spacing);
+  }
   .first\:pl-1:first-child {
     padding-left: var(--spacing);
   }
@@ -3627,6 +3643,10 @@
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
+  .focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
   @media (hover: hover) {
     .hover\:scale-110:hover {
       --tw-scale-x: 110%;
@@ -4056,6 +4076,17 @@
   .has-\[\[aria-invalid\=true\]\]\:border-field-error:has(:is([aria-invalid=true])) {
     border-color: var(--field-error);
   }
+  .aria-checked\:ring-2[aria-checked="true"] {
+    --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);
+  }
+  .aria-checked\:ring-foreground[aria-checked="true"] {
+    --tw-ring-color: var(--foreground);
+  }
+  .aria-checked\:ring-offset-1[aria-checked="true"] {
+    --tw-ring-offset-width: 1px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
   .aria-disabled\:pointer-events-none[aria-disabled="true"] {
     pointer-events: none;
   }

package/dist/theme.css

@@ -785,26 +785,29 @@
 
 .cb-aurora.dark,
 .dark .cb-aurora {
-  /* The elevation ladder the "premium dark SaaS" look runs on: never #000 (it
-     destroys depth), always a hint of indigo, each step lighter than the last —
-     canvas < panel < card < raised < overlay. Contrast against `--card` is
-     measured, not guessed: `--muted-foreground` 6.98:1 (AA at metadata sizes),
-     `--border-strong` 3.29:1 (the WCAG non-text floor for interactive edges),
-     `--border` 1.59:1 (quiet but traceable — the default theme's is 1.60:1). */
-  --background: #080b16; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --foreground: #eef2ff; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --surface: #0e1424; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --card: #111830; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --card-foreground: #eef2ff; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --card-raised: #161e38; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --card-overlay: #1d2647; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --popover: #161e38; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --popover-foreground: #eef2ff; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --muted: #1a2238; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --muted-foreground: #97a3c4; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --surface-sunken: #070b15; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --border: #2f3b5c; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
-  --border-strong: #5f6b82; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  /* 🔴 NEUTRAL since 5.63.0 — the same ramp as `.dark` above, value for value. 5.58.0 moved
+     `.dark` to Linear's ramp so "the chrome recedes and the hues that mean something are the
+     only colour on the page", and its report said every app had changed — but ten of the
+     eleven apps put `cb-aurora` on <html>, and this block re-bound them straight back to an
+     indigo ladder (#080b16 / #111830 / #2f3b5c). Seen on vault-stage, dark, 2026-10-05 (forge
+     task 2849): the neutral ramp had reached desk and binary-server and nothing else. The
+     scope keeps what makes it aurora — the glass, the ambient field, the lifted shadows —
+     and its grounds are the belt's grounds. `themeDarkScopeAliases.spec.ts` holds the pair
+     equal, so the two cannot drift apart again. */
+  --background: #08090a; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --foreground: #f7f8f8; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --surface: #101113; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --card: #101113; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --card-foreground: #f7f8f8; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --card-raised: #16171a; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --card-overlay: #1d1e22; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --popover: #17181b; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --popover-foreground: #f7f8f8; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --muted: #202126; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --muted-foreground: #9b9ea7; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --surface-sunken: #0b0c0d; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --border: #31333a; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
+  --border-strong: #62666f; /* guardrails-ignore no-hardcoded-colors: this file IS the theme token source of truth — every value here is necessarily a literal color definition */
   --rule: color-mix(in srgb, var(--border) 55%, transparent);
   /* The "lift the panel off the page" shadow the dark look needs; a near-black
      canvas swallows the default 1px anchor entirely. */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cursedbelt",
-	"version": "5.59.0",
+	"version": "5.63.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.",
@@ -42,7 +42,8 @@
 		],
 		"directoryImport": [
 			"./react",
-			"./react/disk-usage"
+			"./react/disk-usage",
+			"./react/tree-view"
 		]
 	},
 	"unpeered": {
@@ -182,6 +183,12 @@
 			"source": "./src/react/components/CodeChip.tsx",
 			"import": "./dist/react/components/CodeChip.js"
 		},
+		"./react/color-swatches": {
+			"types": "./dist/react/components/ColorSwatches.d.ts",
+			"bun": "./src/react/components/ColorSwatches.tsx",
+			"source": "./src/react/components/ColorSwatches.tsx",
+			"import": "./dist/react/components/ColorSwatches.js"
+		},
 		"./react/copy-button": {
 			"types": "./dist/react/components/CopyButton.d.ts",
 			"bun": "./src/react/components/CopyButton.tsx",
@@ -500,6 +507,12 @@
 			"source": "./src/react/components/SelectionBar.tsx",
 			"import": "./dist/react/components/SelectionBar.js"
 		},
+		"./react/tree-view": {
+			"types": "./dist/react/components/TreeView.d.ts",
+			"bun": "./src/react/components/TreeView.tsx",
+			"source": "./src/react/components/TreeView.tsx",
+			"import": "./dist/react/components/TreeView.js"
+		},
 		"./react/unstyled-button": {
 			"types": "./dist/react/components/UnstyledButton.d.ts",
 			"bun": "./src/react/components/UnstyledButton.tsx",
@@ -584,6 +597,12 @@
 			"source": "./src/react/spreadsheet/index.ts",
 			"import": "./dist/react/spreadsheet/index.js"
 		},
+		"./react/swatch-picker": {
+			"types": "./dist/react/components/SwatchPicker.d.ts",
+			"bun": "./src/react/components/SwatchPicker.tsx",
+			"source": "./src/react/components/SwatchPicker.tsx",
+			"import": "./dist/react/components/SwatchPicker.js"
+		},
 		"./react/switch": {
 			"types": "./dist/react/components/Switch.d.ts",
 			"bun": "./src/react/components/Switch.tsx",
@@ -900,8 +919,8 @@
 		"@types/react-dom": "^19.2.3",
 		"@vidstack/react": "1.15.6",
 		"@vitejs/plugin-react": "^5.2.0",
-		"cursedbelt-server": "^4.40.4",
-		"cursedops": "^0.13.1",
+		"cursedbelt-server": "^4.43.1",
+		"cursedops": "^0.15.0",
 		"diff": "^9.0.0",
 		"emoji-mart": "^5.6.0",
 		"hls.js": "^1.5.0",
@@ -966,7 +985,7 @@
 	},
 	"repository": {
 		"type": "git",
-		"url": "git+https://github.com/curtwphillips/cursedbelt.git"
+		"url": "git+https://github.com/wizardmordamir/cursedforge-cursedbelt.git"
 	},
 	"gate": {
 		"stages": [

package/scripts/guardrails-baseline.json

@@ -22,8 +22,8 @@
     "no-hand-rolled-surface": 0,
     "no-inline-style": 73,
     "no-arbitrary-length": 0,
-    "opt-out-count": 273,
-    "opt-out-needs-cause": 256
+    "opt-out-count": 272,
+    "opt-out-needs-cause": 255
   },
   "cursedshell": {
     "no-raw-action-button": 0,

package/scripts/guardrailsEnforce.spec.ts

@@ -254,6 +254,37 @@ describe('no-raw-overflow', () => {
     `;
     expect(check('no-raw-overflow', source)).toHaveLength(0);
   });
+
+  // forge task 2827: the form kit's plain-CSS scroller is accepted while it is ScrollArea's
+  // equal, and is a raw overflow the moment it is not.
+  const cssCheck = (source: string) => RULES['no-raw-overflow'].check('formKit.css', source);
+  const plainScroll = (body: string, selector = '.cbfk-scroll') => `@layer base {\n\t${selector} {\n${body}\n\t}\n}\n`;
+  const CLEARANCE = [
+    '\t\toverflow: auto;',
+    '\t\toverscroll-behavior: contain;',
+    '\t\tscroll-padding-bottom: calc(var(--keyboard-inset, 0px) + 1rem);',
+  ];
+
+  test('accepts the .cbfk-scroll rule that carries the keyboard clearance', () => {
+    expect(cssCheck(plainScroll(CLEARANCE.join('\n')))).toHaveLength(0);
+  });
+
+  test('flags .cbfk-scroll once its keyboard scroll padding is gone', () => {
+    expect(cssCheck(plainScroll(CLEARANCE.filter((l) => !l.includes('scroll-padding')).join('\n')))).toHaveLength(1);
+  });
+
+  test('flags .cbfk-scroll without overscroll containment', () => {
+    expect(cssCheck(plainScroll(CLEARANCE.filter((l) => !l.includes('overscroll')).join('\n')))).toHaveLength(1);
+  });
+
+  test('flags another selector that copies the clearance instead of taking the class', () => {
+    expect(cssCheck(plainScroll(CLEARANCE.join('\n'), '.cbfk-page-form'))).toHaveLength(1);
+    expect(cssCheck(plainScroll(CLEARANCE.join('\n'), '.cbfk-scroll-y'))).toHaveLength(1);
+  });
+
+  test('accepts it only in a stylesheet', () => {
+    expect(check('no-raw-overflow', plainScroll(CLEARANCE.join('\n')))).toHaveLength(1);
+  });
 });
 
 describe('no-raw-inputs', () => {

package/scripts/guardrailsEnforce.ts

@@ -821,7 +821,12 @@ const rawButtonResetsFace: Rule = {
  *  offending value, an opt-out comment recognized on the match's own line or either of
  *  the two lines immediately above it (covers both an inline trailing comment and a
  *  comment placed on its own line before the offending statement). */
-function makeValueRule(name: string, description: string, valueRe: RegExp): Rule {
+function makeValueRule(
+	name: string,
+	description: string,
+	valueRe: RegExp,
+	accepts?: (filePath: string, scannable: string, index: number) => boolean,
+): Rule {
 	const ignoreRe = new RegExp(`guardrails-ignore\\s+${name}\\s*:`);
 	return {
 		name,
@@ -837,6 +842,7 @@ function makeValueRule(name: string, description: string, valueRe: RegExp): Rule
 				const windowStart = Math.max(0, line - 3);
 				const context = lines.slice(windowStart, line).join("\n");
 				if (ignoreRe.test(context)) continue;
+				if (accepts?.(filePath, scannable, match.index ?? 0)) continue;
 				violations.push({
 					file: filePath,
 					line,
@@ -851,10 +857,39 @@ function makeValueRule(name: string, description: string, valueRe: RegExp): Rule
 const OVERFLOW_VALUE_RE =
 	/overflow(?:-?[xy])?\s*:\s*['"`]?\s*(?:auto|scroll)\b|\boverflow(?:-[xy])?-(?:auto|scroll)\b/gi;
 
+// The form kit's plain-CSS scroller (forge task 2827). `ScrollArea` draws with Tailwind
+// utilities, so a host with no Tailwind (desk) cannot use it; `.cbfk-scroll` in
+// `src/react/components/scrollRegion.css` is the same scroller as one plain rule, and a box that
+// scrolls takes that class instead of writing `overflow` itself. Its own `overflow: auto` is
+// accepted — the way `raw-button-resets-face` accepts `RAW_BUTTON` — but only while the rule
+// still carries what ScrollArea carries: the `--keyboard-inset` scroll padding that keeps a
+// focused field above a phone's keyboard, and `overscroll-behavior: contain`. Strip either and
+// it is a raw overflow again. Exactly the one selector: a second class copying the three lines
+// is the drift this replaced (two boxes, each with its own opt-out).
+const PLAIN_SCROLL_CLASS = "cbfk-scroll";
+const PLAIN_SCROLL_RULE_RE = new RegExp(`(^|[}\\s;])\\.${PLAIN_SCROLL_CLASS}\\s*\\{([^{}]*)\\}`, "g");
+
+function insidePlainScrollRule(filePath: string, scannable: string, index: number): boolean {
+	if (!filePath.endsWith(".css")) return false;
+	PLAIN_SCROLL_RULE_RE.lastIndex = 0;
+	for (const m of scannable.matchAll(PLAIN_SCROLL_RULE_RE)) {
+		const bodyStart = (m.index ?? 0) + m[0].indexOf("{");
+		const bodyEnd = (m.index ?? 0) + m[0].length;
+		if (index < bodyStart || index > bodyEnd) continue;
+		const body = m[2] ?? "";
+		return (
+			/overscroll-behavior\s*:\s*contain\b/.test(body) &&
+			/scroll-padding-bottom\s*:[^;]*var\(\s*--keyboard-inset\b/.test(body)
+		);
+	}
+	return false;
+}
+
 const noRawOverflow: Rule = makeValueRule(
 	"no-raw-overflow",
-	"STANDARDS.md §4: no hand-written overflow:auto|scroll (inline style or Tailwind utility) — use the cursedbelt ScrollArea primitive.",
+	"STANDARDS.md §4: no hand-written overflow:auto|scroll (inline style or Tailwind utility) — use the cursedbelt ScrollArea primitive (or, in a plain stylesheet, the form kit's .cbfk-scroll).",
 	OVERFLOW_VALUE_RE,
+	insidePlainScrollRule,
 );
 
 // ── 🔴 The `sr-only` input: refused outright, whatever the opt-out ───────────────

package/scripts/styleAreas.ts

@@ -253,6 +253,7 @@ export const AREAS: readonly Area[] = [
 			'components/CodeChip.tsx',
 			'components/CodeFieldInput.tsx',
 			'components/ColorField.tsx',
+			'components/ColorSwatches.tsx',
 			'components/ComboboxField.tsx',
 			// The control-studio parameter panel and the shared label column (forge task 2463).
 			'components/ControlPanel.tsx',