cursedbelt 5.40.0 → 5.45.0

package/dist/styles-areas/dashboard-grid.css

@@ -18,12 +18,12 @@
  * 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.
- * 11 candidate(s).
+ * 10 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("active:cursor-grabbing bg-muted/40 cursor-grab focus-visible:outline focus-visible:outline-2");
-@source inline("focus-visible:outline-offset-[-2px] focus-visible:outline-ring min-h-[2.75rem] min-w-[5rem]");
-@source inline("shrink-[2] size-7");
+@source inline("active:cursor-grabbing bg-muted/40 cursor-grab focus-visible:-outline-offset-2");
+@source inline("focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring min-w-20 shrink-[2]");
+@source inline("size-7");

package/dist/styles-areas/data-table.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.
- * 145 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
@@ -28,25 +28,25 @@
 @source inline("@max-2xl:border-0 @max-2xl:min-w-0! @max-2xl:p-0! @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 [&_svg]:size-3 [overflow-wrap:anywhere] active:cursor-grabbing appearance");
-@source inline("appearance-none bg-[var(--cb-frozen-bg)] bg-card/95 bg-gradient-to-t bg-muted/30 bg-muted/50");
-@source inline("border-accent-solid border-accent/60 border-field-error border-l border-r col collapse");
-@source inline("cursor-grab data-[ending-style]:opacity-0 data-[ending-style]:scale-95");
+@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 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 font-sans from-card h-[420px]");
+@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-[22rem] max-h-[40dvh] max-h-[65dvh]");
-@source inline("max-h-[85dvh] max-w-32 max-w-36 max-w-48 max-w-[180px] max-w-[240px] min-h-20 min-h-dvh min-w-0!");
-@source inline("min-w-24 min-w-52 min-w-[var(--anchor-width)] ml-1.5 mr-2 mt-1.5 mt-3 mt-4 not-italic ordinal");
-@source inline("p-0! 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-right");
-@source inline("text-success text-warning text-xl to-transparent top-3 transition-[transform,opacity] w-0! w-11");
-@source inline("w-20 w-28 w-36 w-40 w-[352px]");
+@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");

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.
- * 34 candidate(s).
+ * 31 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 bg-border-strong collapse cursor-help duration-150");
-@source inline("focus-within:border-field-ring focus-within:ring-2 focus-within:ring-field-ring/30 gap-2.5");
+@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/tile:opacity-100 group/tile hover:bg-border");
-@source inline("hover:bg-muted-foreground/10 italic max-w-56 max-w-96 mb-2 min-w-24 min-w-56 mr-0.5 pb-2 pl-2");
-@source inline("pr-1 ring-inset ring-ring rotate-90 self-stretch text-3xl text-[0.6rem] text-muted-foreground/60");
-@source inline("text-success text-warning");
+@source inline("hover:bg-muted-foreground/10 italic max-w-56 max-w-96 mb-2 min-w-24 min-w-56 mr-0.5 pl-2 pr-1");
+@source inline("ring-inset ring-ring rotate-90 self-stretch text-3xl text-[length:var(--text-glyph)]");
+@source inline("text-muted-foreground/60 text-success");

package/dist/styles-areas/emoji.css

@@ -24,5 +24,5 @@
  * `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("h-[420px] hover:border-border-strong hover:border-field-ring max-h-64 min-w-48 shadow-popover");
-@source inline("text-field-placeholder text-xl w-[352px]");
+@source inline("h-105 hover:border-border-strong hover:border-field-ring max-h-64 min-w-48 shadow-popover");
+@source inline("text-field-placeholder text-xl w-88");

package/dist/styles-areas/fields.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.
- * 114 candidate(s).
+ * 111 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
@@ -36,17 +36,16 @@
 @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-12 h-3.5 h-5 h-[420px]");
-@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-border hover:bg-muted/50");
-@source inline("hover:border-field-ring hover:scale-110 hover:text-warning italic leading-5 left-0 left-2.5 li");
-@source inline("list-none max-h-64 max-h-[40dvh] max-h-[65dvh] max-h-[85dvh] min-h-20 min-w-24 min-w-64");
-@source inline("min-w-[var(--anchor-width)] min-w-max mix-blend-difference mr-2 pb-4 pl-1.5 pl-2 pl-2.5");
-@source inline("pointer-coarse:before:absolute pointer-coarse:before:bottom-[-10px]");
-@source inline("pointer-coarse:before:left-[-4px] pointer-coarse:before:right-[-4px]");
-@source inline("pointer-coarse:before:top-[-10px] pointer-coarse:items-center pr-1 pr-16 pr-2 pr-3 pr-9 pt-1");
-@source inline("resize-none resize-y right-1.5 right-3 ring-accent/30 ring-field-error/30 rounded-l-xl");
-@source inline("rounded-r-xl rounded-t-xl self-stretch size-2 size-7 size-9 sm:w-11 sm:w-56");
-@source inline("text-field-placeholder text-right text-success text-warning text-xl top-1.5");
-@source inline("transition-[transform,opacity] w-20 w-28 w-32 w-40 w-[352px] w-fit w-max whitespace");
-@source inline("whitespace-pre");
+@source inline("group-focus-within:opacity-100 h-105 h-12 h-3.5 h-5 has-[[aria-invalid=true]]:border-field-error");
+@source inline("hover:bg-border hover:bg-muted/50 hover:border-field-ring hover:scale-110 hover:text-warning");
+@source inline("italic leading-5 left-0 left-2.5 li list-none max-h-64 max-h-[var(--sheet-h-lg)]");
+@source inline("max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm min-h-20 min-w-24 min-w-64");
+@source inline("min-w-[var(--anchor-width)] min-w-max mix-blend-difference mr-2 pl-1.5 pl-2 pl-2.5");
+@source inline("pointer-coarse:before:-left-1 pointer-coarse:before:-right-1 pointer-coarse:before:absolute");
+@source inline("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-2 size-7 size-9 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/filter-rail.css

@@ -18,16 +18,16 @@
  * 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).
+ * 31 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-2 [&_button]:min-h-0 [&_button]:min-w-0 [&_button]:p-0 [&_button]:size-7 bg-card-overlay");
-@source inline("border-r border-rule duration-150 group-data-[state=open]/rail-section:rotate-90");
+@source inline("-mx-2 -outline-offset-2 [&_button]:min-h-0 [&_button]:min-w-0 [&_button]:p-0 [&_button]:size-7");
+@source inline("bg-card-overlay border-r duration-150 group-data-[state=open]/rail-section:rotate-90");
 @source inline("group-focus-within/rail-row:opacity-100 group-hover/rail-row:opacity-100 group/rail-row");
 @source inline("group/rail-section hover:bg-card-raised last:mb-0 mx-2 opacity-100 outline-2 outline-accent");
-@source inline("outline-dashed outline-offset-[-2px] place-items-center pointer-coarse:[&_button]:min-h-11");
+@source inline("outline-dashed place-items-center pointer-coarse:[&_button]:min-h-11");
 @source inline("pointer-coarse:[&_button]:min-w-11 pointer-coarse:[&_button]:size-11 pt-1 self-stretch");
 @source inline("shadow-[inset_3px_0_0_0_var(--accent)] w-14 w-3 w-56");

package/dist/styles-areas/folder-tree.css

@@ -26,6 +26,6 @@
  */
 @source inline("[&>*]:min-w-0 bg-[var(--background)] bg-[var(--card)] bg-[var(--muted)]/10 bg-[var(--muted)]/20");
 @source inline("bg-[var(--muted)]/30 bg-accent/15 border-[var(--border)] collapse hover:bg-[var(--muted)]/15");
-@source inline("hover:decoration-border hover:underline-offset-4 justify-start max-w max-w-[12rem] max-w-[20rem]");
-@source inline("min-w-8 mx-0.5 p-1.5 place-items-center px-0.5 ring-1 ring-[var(--accent)] self-start");
-@source inline("self-stretch text-[var(--danger)] text-[var(--muted-foreground)] w-36");
+@source inline("hover:decoration-border hover:underline-offset-4 justify-start max-w max-w-48 max-w-80 min-w-8");
+@source inline("mx-0.5 p-1.5 place-items-center px-0.5 ring-1 ring-[var(--accent)] self-start self-stretch");
+@source inline("text-[var(--danger)] text-[var(--muted-foreground)] w-36");

package/dist/styles-areas/markdown.css

@@ -25,4 +25,5 @@
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
 @source inline("bg-black/10 dark:bg-white/10 first:mt-0 hover:opacity-80 italic list-decimal list-disc pl-5 pr-9");
-@source inline("right-1 text-[0.85em] text-[0.9em] top-1 underline-offset-2");
+@source inline("right-1 text-[length:var(--text-code-block)] text-[length:var(--text-code-inline)] top-1");
+@source inline("underline-offset-2");

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.
- * 30 candidate(s).
+ * 29 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,5 +28,5 @@
 @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 gap-x-4 gap-y-1.5 grid-cols-[minmax(5rem,9rem)_1fr]");
 @source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-[var(--muted)] hover:bg-muted/80 mb-1.5");
-@source inline("mb-4 min-h min-h-[44px] min-h-full pb-0.5 pr-1 ring-1 ring-[var(--accent)]/40 ring-accent/30");
-@source inline("ring-inset self-stretch text-[var(--foreground)] text-[var(--muted-foreground)]");
+@source inline("mb-4 min-h min-h-full pb-0.5 pr-1 ring-1 ring-[var(--accent)]/40 ring-accent/30 ring-inset");
+@source inline("self-stretch text-[var(--foreground)] text-[var(--muted-foreground)]");

package/dist/styles-areas/media-gallery.css

@@ -18,17 +18,17 @@
  * 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.
- * 46 candidate(s).
+ * 45 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 appearance appearance-none aspect aspect-video backdrop-blur-[2px] bg-black/55");
-@source inline("bg-black/80 bg-black/85 bg-black/95 bg-white/10 border-none bottom-1");
-@source inline("focus-visible:ring-offset-black focus-within:border-field-ring focus-within:ring-2");
-@source inline("focus-within:ring-field-ring/30 hover:bg-border hover:bg-white/20 hover:border-accent-solid");
-@source inline("hover:text-white inset-4 left-1 min-h-20 min-h-dvh min-w-24 p-1.5 pl-2 pr-1 resize-none right-1");
-@source inline("right-4 size-9 text-tone-amber-ink text-tone-cyan-ink text-tone-emerald-ink text-tone-orange-ink");
+@source inline("[&_svg]:size-3 appearance appearance-none aspect-video backdrop-blur-xs bg-black/55 bg-black/80");
+@source inline("bg-black/85 bg-black/95 bg-white/10 border-none bottom-1 focus-visible:ring-offset-black");
+@source inline("focus-within:border-field-ring focus-within:ring-2 focus-within:ring-field-ring/30");
+@source inline("hover:bg-border hover:bg-white/20 hover:border-accent-solid hover:text-white inset-4 left-1");
+@source inline("min-h-20 min-h-dvh min-w-24 p-1.5 pl-2 pr-1 resize-none right-1 right-4 size-9");
+@source inline("text-tone-amber-ink text-tone-cyan-ink text-tone-emerald-ink text-tone-orange-ink");
 @source inline("text-tone-purple-ink text-tone-rose-ink text-tone-sky-ink text-tone-slate-ink text-white/70");
-@source inline("top-1 top-4 translate translate-x-[1px]");
+@source inline("top-1 top-4 translate translate-x-px");

package/dist/styles-areas/media.css

@@ -18,22 +18,21 @@
  * 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.
- * 92 candidate(s).
+ * 86 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]:max-h-10 [&_svg]:min-h-5 [&_svg]:size-1/3 accent-white active:cursor-grabbing appearance");
-@source inline("appearance-none aspect aspect-square aspect-video backdrop-blur-[2px] bg-accent/15");
-@source inline("bg-background/65 bg-background/85 bg-black bg-black/55 bg-black/60 bg-black/85 bg-black/90");
-@source inline("bg-card-raised bg-center bg-cover bg-linear-to-t bg-muted/40 bg-white/90 border-2");
-@source inline("border-accent-solid border-white/90 border-y-2 bottom-1 bottom-1.5 bottom-2 cursor-crosshair");
-@source inline("cursor-grab cursor-zoom-in ease-in-out focus-within:opacity-100 from-black/80 g gap-x-4");
-@source inline("grayscale group-focus-within:opacity-100 h-11 hover:bg-black/75 hover:bg-destructive");
-@source inline("hover:bg-white/20 hover:border-accent-solid invert left-0 left-1 max-h-[40vh] max-h-[48vh]");
-@source inline("max-h-full max-w-[200px] md:grid-cols-4 min-h-64 min-h-dvh min-w-10 min-w-28 min-w-40 min-w-48 o");
-@source inline("op opacity-100 opacity-80 pb-2 pr-9 pt-8 right-1 right-1.5 right-3 sh");
-@source inline("shadow-[0_0_0_1px_rgba(0,0,0,0.55)] size-7 size-9 sm:gap-3 sm:grid-cols-3");
-@source inline("text-[color:var(--accent)] text-right text-xl to-transparent top-1 top-1.5 translate");
-@source inline("translate-x-[1px] translate-x-px w w-0.5 w-12 w-3 zoom zoom-in");
+@source inline("appearance-none aspect-square aspect-video backdrop-blur-xs bg-accent/15 bg-background/65");
+@source inline("bg-background/85 bg-black bg-black/55 bg-black/60 bg-black/85 bg-black/90 bg-card-raised");
+@source inline("bg-center bg-cover bg-linear-to-t bg-muted/40 bg-white/90 border-2 border-accent-solid");
+@source inline("border-white/90 border-y-2 bottom-1 bottom-1.5 bottom-2 cursor-crosshair cursor-grab");
+@source inline("cursor-zoom-in ease-in-out focus-within:opacity-100 from-black/80 g gap-x-4 grayscale");
+@source inline("group-focus-within:opacity-100 h-11 hover:bg-black/75 hover:bg-destructive hover:bg-white/20");
+@source inline("hover:border-accent-solid invert left-0 left-1 max-h-[40vh] max-h-[var(--media-max-h)]");
+@source inline("max-h-full max-w-50 min-h-64 min-h-dvh min-w-10 min-w-28 min-w-40 min-w-48 o op opacity-100");
+@source inline("opacity-80 pr-9 pt-8 right-1 right-1.5 right-3 sh shadow-[0_0_0_1px_rgba(0,0,0,0.55)] size-7");
+@source inline("size-9 sm:gap-3 sm:grid-cols-3 text-[color:var(--accent)] text-xl to-transparent top-1 top-1.5");
+@source inline("translate translate-x-px w-0.5 w-12 w-3 zoom zoom-in");

package/dist/styles-areas/nav.css

@@ -18,26 +18,40 @@
  * 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.
- * 102 candidate(s).
+ * 141 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("-mt-5 -top-1 [&::-webkit-scrollbar]:hidden [&>*]:min-w-0 [&_svg]:size-3.5 [scrollbar-width:none]");
-@source inline("bg-accent/15 border-border/40 border-dashed border-l border-r collapse cursor-grab");
+@source inline("-mt-5 -right-0.5 -top-0.5 -top-1 [&::-webkit-scrollbar]:hidden [&>*]:min-w-0");
+@source inline("[&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:px-3");
+@source inline("[&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-muted-foreground");
+@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("disabled:hover:scale-100 disabled:opacity-40 focus-within:opacity-100 font-sans g grid-cols-4");
-@source inline("group-hover/navitem:opacity-100 group-hover/tile:opacity-100 group/navitem group/tile h-dvh");
-@source inline("hover:border-foreground/20 hover:decoration-border hover:scale-110 hover:underline-offset-4");
-@source inline("inset-y-1 inset-y-1.5 items-stretch justify-around justify-start lead leading-4 left-0 left-3");
-@source inline("lg:flex lg:flex-col lg:hidden lg:shrink-0 max-h-72 max-h-[40dvh] max-h-[65dvh] max-h-[85dvh]");
-@source inline("max-h-[inherit] max-sm:flex-none max-sm:justify-center max-sm:px-0 max-sm:w-10 max-w max-w-64");
-@source inline("max-w-[12rem] max-w-[20rem] md:flex md:flex-col md:gap-3 md:hidden md:pointer-coarse:w-auto");
-@source inline("md:px-6 md:shrink-0 min-h-12 min-h-dvh min-w-3.5 min-w-8 min-w-9 mix-blend-difference mt-auto");
-@source inline("opacity-55 opacity-80 pb-2 pb-[env(safe-area-inset-bottom,0px)] pl-9 place-items-center pr-9");
-@source inline("pt-1 px-0.5 right-1 rounded-l-xl rounded-r-xl rounded-t-xl shadow-lg size-7 size-9 sm:inline");
-@source inline("sm:inline-flex sm:pointer-coarse:w-auto space-y-0.5 space-y-2 w-0.5 w-52 w-56 w-60 w-max");
+@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 justify-start lead leading-4 left-0 left-3 lg:flex");
+@source inline("lg:flex-col lg:hidden lg:shrink-0 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 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-1 px-0.5 py-8 right-1 rounded-l-xl rounded-r-xl");
+@source inline("rounded-t-xl shadow-lg size-7 size-9 sm:inline sm:inline-block sm:inline-flex space-y-0.5");
+@source inline("space-y-2 top-[var(--palette-top)] w-52 w-56 w-60 w-[calc(100%-2rem)] w-[var(--rail-w)]");
+@source inline("w-[var(--rail-w-collapsed)] w-max");

package/dist/styles-areas/notifications.css

@@ -18,13 +18,13 @@
  * 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).
+ * 27 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("-right-0.5 -top-0.5 [&::-webkit-scrollbar]:hidden [scrollbar-width:none] bg-accent/15");
-@source inline("bg-muted-foreground group-focus-within:opacity-100 hover:bg-muted/80 leading-4 list-none min-h");
-@source inline("min-h-[44px] min-w-4 ml-1.5 ml-2 pb pb-0.5 pb-4 pt pt-2.5 py py-10 right-3 ring-1 ring-accent");
-@source inline("ring-accent/30 ring-inset self-stretch size-2 text-muted-foreground/50 top-3 w-0.5");
+@source inline("bg-muted-foreground group-focus-within:opacity-100 hover:bg-muted/80 leading-4 list-none min-w-4");
+@source inline("ml-1.5 ml-2 pb pb-0.5 py py-10 right-3 ring-1 ring-accent ring-accent/30 ring-inset self-stretch");
+@source inline("size-2 text-muted-foreground/50 top-3 w-0.5");

package/dist/styles-areas/overlays.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.
- * 22 candidate(s).
+ * 23 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,6 +28,6 @@
 @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("hover:border-border-strong left-0 max-h-[40dvh] max-h-[65dvh] max-h-[85dvh]");
-@source inline("max-h-[var(--radix-popover-content-available-height)] max-w-[90vw] rounded-l-xl rounded-r-xl");
-@source inline("rounded-t-xl w-64");
+@source inline("hover:border-border-strong left-0 max-h-[var(--radix-popover-content-available-height)]");
+@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)]");
+@source inline("max-w-[var(--overlay-max-w)] max-w-sm rounded-l-xl rounded-r-xl rounded-t-xl w-64");

package/dist/styles-areas/palette.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.
- * 25 candidate(s).
+ * 24 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,5 +30,6 @@
 @source inline("[&_[cmdk-group-heading]]:uppercase [&_svg]:size-3.5 bg-accent/15 border-dashed");
 @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=open]:slide-in-from-top-2 font-sans h-12 max-h-[60dvh] mx-1 place-items-center");
-@source inline("placeholder:text-muted-foreground py-8 sm:inline-block top-[12vh] w-[calc(100%-2rem)]");
+@source inline("data-[state=open]:slide-in-from-top-2 h-12 max-h-[var(--palette-max-h)] mx-1 place-items-center");
+@source inline("placeholder:text-muted-foreground py-8 sm:inline-block top-[var(--palette-top)]");
+@source inline("w-[calc(100%-2rem)]");

package/dist/styles-areas/rich-text.css

@@ -18,11 +18,11 @@
  * 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.
- * 11 candidate(s).
+ * 8 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-[15px] focus-within:ring-2 focus-within:ring-offset-0 focus-within:ring-ring h-5");
-@source inline("italic min-h-[8rem] self-start text-right text-warning top-full");
+@source inline("focus-within:ring-2 focus-within:ring-offset-0 focus-within:ring-ring h-5 italic min-h-32");
+@source inline("self-start top-full");

package/dist/styles-areas/sharing.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.
- * 29 candidate(s).
+ * 30 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,5 +28,6 @@
 @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-100 hover:opacity-90 justify-start left-0");
-@source inline("left-3 max-h-56 max-h-[40dvh] max-h-[65dvh] max-h-[85dvh] min-w-48 ml-2 mt-4 pl-9 right-3");
-@source inline("rounded-l-xl rounded-r-xl rounded-t-xl space-y-4 text-[var(--muted-foreground)]");
+@source inline("left-3 max-h-56 max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)]");
+@source inline("max-w-sm min-w-48 ml-2 mt-4 pl-9 right-3 rounded-l-xl rounded-r-xl rounded-t-xl space-y-4");
+@source inline("text-[var(--muted-foreground)]");

package/dist/styles-areas/stats.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.
- * 60 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
@@ -26,13 +26,14 @@
  */
 @source inline("[&>div]:sm:[grid-template-columns:…] [&_svg]:size-3.5 bg-accent/15 bg-accent/40 bg-background/70");
 @source inline("bg-border-strong border-l-2 border-l-border-strong border-l-destructive border-l-warning");
-@source inline("bottom-3 col-span-2 col-start-2 collapse cursor-help divide-x first:pl-1 gap-2.5 gap-x-2 gap-x-4");
+@source inline("bottom-3 col-span-2 col-start-2 collapse cursor-help divide-x first:pl-1 gap-x-2 gap-x-4");
 @source inline("gap-y-0.5 grid-cols-[minmax(0,1fr)_auto] group-focus-visible/meter:opacity-100");
 @source inline("group-focus-visible/stat:opacity-100 group-focus-visible/tile:opacity-100");
 @source inline("group-hover/meter:opacity-100 group-hover/stat:opacity-100 group-hover/tile:opacity-100");
-@source inline("group/meter group/stat group/tile h-5 hover:bg-muted/50 last:pr-1 left-3 left-[11px] list-none");
-@source inline("min-w-[8.5rem] min-w-full mr-0.5 normal-case pt-1 row-start-1 self-stretch sm:col-auto");
-@source inline("sm:col-span-1 sm:grid-cols-[minmax(7rem,18rem)_minmax(4rem,1fr)_auto]");
-@source inline("sm:grid-cols-[minmax(7rem,34rem)_minmax(4rem,1fr)_auto] sm:row-auto text-3xl text-[0.6rem]");
-@source inline("text-foreground/80 text-muted-foreground/60 text-success text-warning top-7 tracking-normal w-48");
-@source inline("whitespace-pre z-[1]");
+@source inline("group/meter group/stat group/tile h-5 hover:bg-muted/50 last:pr-1 left-3");
+@source inline("left-[var(--timeline-rail-x)] list-none min-h-9 min-w-34 min-w-full mr-0.5 normal-case pt-1");
+@source inline("rounded-b-md rounded-t-md row-start-1 self-stretch shadow-md sm:col-auto sm:col-span-1");
+@source inline("sm:grid-cols-[minmax(7rem,18rem)_minmax(4rem,1fr)_auto]");
+@source inline("sm:grid-cols-[minmax(7rem,34rem)_minmax(4rem,1fr)_auto] sm:row-auto text-3xl");
+@source inline("text-[length:var(--text-glyph)] text-foreground/80 text-muted-foreground/60 text-success top-7");
+@source inline("tracking-normal w-48 whitespace-pre z-[1]");

package/dist/styles-areas/test-report.css

@@ -27,6 +27,6 @@
 @source inline("border-l border-r 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 h-80");
-@source inline("hover:bg-muted/60 hover:no-underline last:border-0 left-0 max-h-72 max-h-96 max-h-[40dvh]");
-@source inline("max-h-[65dvh] max-h-[85dvh] no-underline rounded-l-xl rounded-r-xl rounded-t-xl self-start");
-@source inline("text-right w-2");
+@source inline("hover:bg-muted/60 hover:no-underline last:border-0 left-0 max-h-72 max-h-96");
+@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("no-underline rounded-l-xl rounded-r-xl rounded-t-xl self-start w-2");

package/dist/styles-areas/wizard.css

@@ -32,9 +32,10 @@
 @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:bg-transparent disabled:opacity-100 duration-100");
 @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 gap-x-4 grid-cols-[auto_1fr] h-[420px]");
+@source inline("focus-within:ring-field-ring/30 gap-x-4 grid-cols-[auto_1fr] h-105");
 @source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-border hover:border-field-ring");
-@source inline("hover:text-warning left-0 max-h-64 max-h-[40dvh] max-h-[65dvh] max-h-[85dvh] min-h-20 min-w-24");
-@source inline("min-w-[var(--anchor-width)] mr-1.5 mr-2 pl-1.5 pl-2 pr-1 pr-16 pr-3 resize-none resize-y");
-@source inline("ring-field-error/30 rounded-l-xl rounded-r-xl rounded-t-xl self-stretch size-2 size-7 sm:inline");
-@source inline("text-field-placeholder text-warning text-xl transition-[transform,opacity] w-28 w-[352px]");
+@source inline("hover:text-warning left-0 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 min-h-20 min-w-24 min-w-[var(--anchor-width)] mr-1.5 mr-2");
+@source inline("pl-1.5 pl-2 pr-1 pr-16 pr-3 resize-none resize-y ring-field-error/30 rounded-l-xl rounded-r-xl");
+@source inline("rounded-t-xl self-stretch size-2 size-7 sm:inline text-field-placeholder text-xl");
+@source inline("transition-[transform,opacity] w-36 w-88");

package/dist/styles-areas/workbench.css

@@ -30,16 +30,17 @@
 @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("data-[state=open]:slide-in-from-right duration-150 flex-row h-105 h-3.5 h-40");
 @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("hover:border-field-ring hover:shadow-popover italic left-0 left-2.5 max-h-[var(--sheet-h-lg)]");
+@source inline("max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-h-full max-w-sm min-h min-h-20 min-h-9");
+@source inline("min-h-dvh min-h-full min-w-20 min-w-40 opacity-100 pb-0.5");
+@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 pr-16 pr-9 resize-none right-4 ring-1 ring-4");
+@source inline("ring-accent/20 ring-accent/30 ring-accent/40 ring-border ring-inset ring-ring rotate-90");
+@source inline("rounded-[var(--radius-device)] 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]");
+@source inline("translate-y-2 w-3.5 w-88");

package/dist/styles-areas/workbook-viewer.css

@@ -18,10 +18,10 @@
  * 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.
- * 5 candidate(s).
+ * 4 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("col collapse min-w-16 w w-48");
+@source inline("col collapse min-w-16 w-48");