cursedbelt 5.67.0 → 5.68.0

package/dist/styles-areas/notifications.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.
- * 33 candidate(s).
+ * 32 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,8 +26,8 @@
  */
 @source inline("-right-0.5 -top-0.5 [&::-webkit-scrollbar]:hidden [scrollbar-width:none] bg-accent/15");
 @source inline("group-focus-within:opacity-100 group-focus-within:pointer-events-auto");
-@source inline("group-hover:pointer-events-auto hover:bg-muted/80 leading-4 list-none min-w-4 ml-1.5 ml-2 pb");
-@source inline("pb-0.5 pointer-coarse:basis-full pointer-coarse:bg-transparent pointer-coarse:justify-end");
+@source inline("group-hover:pointer-events-auto hover:bg-muted/80 list-none min-w-4 ml-1.5 ml-2 pb pb-0.5");
+@source inline("pointer-coarse:basis-full pointer-coarse:bg-transparent pointer-coarse:justify-end");
 @source inline("pointer-coarse:p-0 pointer-coarse:pointer-events-auto pointer-coarse:shadow-none");
 @source inline("pointer-coarse:static py py-10 right-3 ring-1 ring-accent ring-accent/30 ring-inset self-stretch");
 @source inline("text-muted-foreground/50 top-3");

package/dist/styles-areas/place-bar.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
@@ -27,7 +27,7 @@
 @source inline("-mt-5 -top-1 bg-accent/15 border-l border-r 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 inset-x-3 items-stretch justify-around leading-4 list-none");
+@source inline("data-[state=open]:slide-in-from-right inset-x-3 items-stretch justify-around list-none");
 @source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm min-h-12");
 @source inline("min-w-3.5 no-underline place-items-center pt-0 px-0.5 rounded-l-xl rounded-r-xl rounded-t-xl");
 @source inline("shadow-lg");

package/dist/styles-utilities.css

@@ -357,6 +357,15 @@
   .z-\[var\(--z-popover\)\] {
     z-index: var(--z-popover);
   }
+  .order-1 {
+    order: 1;
+  }
+  .order-2 {
+    order: 2;
+  }
+  .order-3 {
+    order: 3;
+  }
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -827,6 +836,9 @@
   .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
+  .min-h-14 {
+    min-height: calc(var(--spacing) * 14);
+  }
   .min-h-20 {
     min-height: calc(var(--spacing) * 20);
   }
@@ -1124,6 +1136,9 @@
   .min-w-24 {
     min-width: calc(var(--spacing) * 24);
   }
+  .min-w-26 {
+    min-width: calc(var(--spacing) * 26);
+  }
   .min-w-28 {
     min-width: calc(var(--spacing) * 28);
   }
@@ -1184,6 +1199,9 @@
   .grow {
     flex-grow: 1;
   }
+  .basis-0 {
+    flex-basis: 0px;
+  }
   .basis-40 {
     flex-basis: calc(var(--spacing) * 40);
   }
@@ -4934,12 +4952,24 @@
     }
   }
   @container (width >= 48rem) {
+    .\@3xl\:order-none {
+      order: 0;
+    }
     .\@3xl\:block {
       display: block;
     }
+    .\@3xl\:flex {
+      display: flex;
+    }
     .\@3xl\:hidden {
       display: none;
     }
+    .\@3xl\:shrink-0 {
+      flex-shrink: 0;
+    }
+    .\@3xl\:basis-auto {
+      flex-basis: auto;
+    }
   }
   .dark\:bg-amber-900\/40:where(.dark, .dark *) {
     background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
@@ -5239,6 +5269,9 @@
       min-width: calc(var(--spacing) * 11);
     }
   }
+  .\[\&_select\]\:w-full select {
+    width: 100%;
+  }
   .\[\&_sup\]\:leading-none sup {
     --tw-leading: 1;
     line-height: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cursedbelt",
-	"version": "5.67.0",
+	"version": "5.68.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.",

package/scripts/styleAreas.ts

@@ -155,6 +155,7 @@ export const AREAS: readonly Area[] = [
 			'components/ButtonLink.tsx',
 			'components/CardDisplayControls.tsx',
 			'components/CardTapTarget.tsx',
+			'components/EntityCard.tsx',
 			'components/Checkbox.tsx',
 			'components/ChoiceGroup.tsx',
 			'components/ChoiceMenu.tsx',

package/src/react/canvas-hud/CanvasToolbar.tsx

@@ -0,0 +1,177 @@
+import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { ScrollArea } from '../components/ScrollArea.js';
+import { cn } from '../lib/cn.js';
+
+export interface CanvasToolbarProps {
+  /** The left half: what the canvas shows (a reach, a layer switch). Hidden while the bar is
+   *  under 768px wide when `compactFilters` is given — five stops beside the tools would scroll out of a thumb's sight. */
+  filters?: ReactNode;
+  /** The same choice as a phone wants it, usually the OS picker (`NativeSelect`): shown only while
+   *  the bar is under 768px wide, on row two beside the legend. */
+  compactFilters?: ReactNode;
+  /** A key or chip strip (houses, layers, tags): ONE line that scrolls inside itself, its ends
+   *  fading where there is more. Beside the filters at every width; never under 10rem. */
+  legend?: ReactNode;
+  /** Names the legend strip for a screen reader. */
+  legendLabel?: string;
+  /** The right half: the find box and the views. Never shrinks — the legend does. */
+  tools?: ReactNode;
+  /**
+   * Where the keyboard goes after a control in the bar acts: a POINTER click on a button, tab or
+   * radio, or Escape from one. Default: the `[role="application"]` beside the bar (the canvas the
+   * bar sits above). `false` keeps focus on the control, the browser's default.
+   */
+  returnFocus?: (() => void) | false;
+  'aria-label'?: string;
+  className?: string;
+  /** Rides on the bar's root, for an app's own selectors (`data-view`, …). */
+  [data: `data-${string}`]: string | undefined;
+}
+
+/**
+ * Whether a POINTER click landed on a control that should hand the keyboard back to the canvas
+ * once it has acted — a filter stop, a chip, a HUD button. A field keeps focus (it is typed into);
+ * a click the keyboard made (`detail` 0 — Enter or Space on a focused button) is a reader moving
+ * by Tab, whose focus stays where they put it.
+ *
+ * 🔴 The failure this exists for (family, 2026-10-06): the reach stops are a tab list, and a click
+ * leaves focus on the stop. Every arrow after that went to the stop — ← and → re-rooted and
+ * re-packed the tree — while the reader believed they were walking the family. Figma's rule: a
+ * toolbar click acts and the canvas keeps the keyboard.
+ */
+export function controlReleasesFocus(event: Pick<MouseEvent, 'target' | 'currentTarget' | 'detail'>): boolean {
+  if (event.detail === 0) return false;
+  const target = event.target;
+  if (!(target instanceof Element) || target === event.currentTarget) return false;
+  if (target.closest("input, select, textarea, [contenteditable='true'], [role='combobox'], [role='listbox'], [role='menu']")) {
+    return false;
+  }
+  return target.closest("button, [role='tab'], [role='radio']") !== null;
+}
+
+/** A key on a field is the field's whole language — Escape there is not the way back to the canvas. */
+export const isTextControl = (target: EventTarget | null): boolean =>
+  target instanceof Element && target.closest("input, select, textarea, [contenteditable='true'], [role='combobox']") !== null;
+
+/** The canvas drawn under a bar — the `application` in the box the bar shares with it. */
+const canvasBeside = (bar: Element): HTMLElement | null =>
+  bar.parentElement?.querySelector<HTMLElement>("[role='application']") ?? null;
+
+/**
+ * The toolbar a canvas wears ABOVE itself, in flow — filters left, find and views right, a legend
+ * strip that scrolls inside itself, the OS picker in place of the filters below 768px.
+ *
+ * 🔴 ONE BAR, IN FLOW — never five overlays over the drawing. family's tree floated its reach
+ * buttons, house legend, find box and view switch over the canvas's top edge until 2026-10-06, and
+ * their collisions were fought width by width while cards were drawn under them at every width. A
+ * bar above the canvas, like Figma's and Linear's, cannot collide with anything by construction:
+ * the drawing starts where the bar ends. Built from family's `TreeBar` (forge task 2917) so
+ * patterns' and desk's boards never hand-roll a second one. Not `ListToolbar`: that one is a
+ * search box and a chip filter above a list; a canvas's bar carries its own reach, a legend of
+ * anything, and gives the keyboard back to the drawing.
+ *
+ * Narrow (the BAR under 768px — a container query, so a split pane counts): row one is the
+ * `tools`, right-aligned; row two is what the canvas shows — `compactFilters` (or `filters`) and the
+ * legend strip beside it. A phone's find button and four views do not leave a picker room beside
+ * them (family at 390: 300px of tools in a 366px row), and the picker and the legend are the same
+ * question — who is drawn — so they share a row. Wide: one line when the filters, a
+ * 10rem legend and the tools fit; when they do not (a 900px window), the tools ride down to row two
+ * as a group, right-aligned, rather than the filters being cut — the stops never shrink on a wide
+ * bar. Two rows at most at every width: the legend scrolls rather than wrapping.
+ *
+ * The bar hands the keyboard back to the canvas after a control acts (`returnFocus`), because a
+ * bar in flow sits OUTSIDE the canvas, so the canvas's own hand-back never sees its clicks.
+ */
+export function CanvasToolbar({
+  filters,
+  compactFilters,
+  legend,
+  legendLabel,
+  tools,
+  returnFocus,
+  'aria-label': ariaLabel,
+  className,
+  ...data
+}: CanvasToolbarProps) {
+  const giveBack = (bar: Element) => {
+    if (returnFocus === false) return false;
+    if (returnFocus) {
+      returnFocus();
+      return true;
+    }
+    const canvas = canvasBeside(bar);
+    canvas?.focus({ preventScroll: true });
+    return canvas !== null;
+  };
+  const onClick = (event: MouseEvent<HTMLDivElement>) => {
+    if (controlReleasesFocus(event)) giveBack(event.currentTarget);
+  };
+  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {
+    if (event.key !== 'Escape' || event.target === event.currentTarget || isTextControl(event.target)) return;
+    if (giveBack(event.currentTarget)) event.preventDefault();
+  };
+  return (
+    // The handlers delegate — the bar's buttons, tabs and fields are the controls; these only hand
+    // the keyboard back to the canvas after one of them acts.
+    // biome-ignore lint/a11y/useSemanticElements: a <fieldset> is a FORM's grouping (its legend, its min-width quirk); this is a toolbar's layout box, and `group` only names it. No `toolbar` role: it promises arrow-key roving, which would take the arrows from the find box (ListToolbar's reasoning).
+    <div
+      {...data}
+      data-slot='canvas-toolbar'
+      role='group'
+      aria-label={ariaLabel}
+      onClick={onClick}
+      onKeyDown={onKeyDown}
+      // `@container`: the bar answers to ITS width, not the window's — a canvas in a split pane
+      // or a demo column is a phone-width bar on a desk-width screen.
+      className={cn('@container border-b border-border bg-card', className)}
+    >
+      <div className='flex flex-wrap items-center gap-x-3 gap-y-2 px-3 py-2'>
+        {filters ? (
+          <div
+            data-slot='canvas-toolbar-filters'
+            className={cn(
+              'order-2 min-w-0 items-center gap-2 @3xl:order-none @3xl:shrink-0',
+              compactFilters ? 'hidden @3xl:flex' : 'flex',
+            )}
+          >
+            {filters}
+          </div>
+        ) : null}
+        {compactFilters ? (
+          <div
+            data-slot='canvas-toolbar-compact-filters'
+            className='order-2 flex min-w-26 max-w-48 flex-1 items-center @3xl:hidden [&>*]:w-full [&_select]:w-full'
+          >
+            {compactFilters}
+          </div>
+        ) : null}
+        {legend ? (
+          <ScrollArea
+            axis='x'
+            space='none'
+            safeArea={false}
+            fade
+            role='group'
+            aria-label={legendLabel}
+            data-slot='canvas-toolbar-legend'
+            className={cn(
+              'order-3 flex min-w-40 basis-0 items-center gap-1 px-0.5 @3xl:order-none',
+              // The strip's own scrollbar is hidden; its fading ends are the "there is more" cue.
+              '[scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+            )}
+          >
+            {legend}
+          </ScrollArea>
+        ) : null}
+        {tools ? (
+          <div
+            data-slot='canvas-toolbar-tools'
+            className='order-1 ml-auto flex flex-none basis-full items-center justify-end gap-2 @3xl:order-none @3xl:basis-auto'
+          >
+            {tools}
+          </div>
+        ) : null}
+      </div>
+    </div>
+  );
+}

package/src/react/canvas-hud/index.ts

@@ -7,6 +7,8 @@ export type { CanvasNodeMenuItem, CanvasNodeMenuProps, CanvasNodeMenuSection } f
 export { CanvasNodeMenu } from './CanvasNodeMenu.js';
 export type { CanvasSearchFieldProps } from './CanvasSearchField.js';
 export { CanvasSearchField } from './CanvasSearchField.js';
+export type { CanvasToolbarProps } from './CanvasToolbar.js';
+export { CanvasToolbar, controlReleasesFocus, isTextControl } from './CanvasToolbar.js';
 export type { CanvasZoomHintProps, HudButtonProps, HudZoomControlsProps } from './HudControls.js';
 export { CanvasZoomHint, HudButton, HudZoomControls } from './HudControls.js';
 export type { CanvasWheelMode, CanvasWheelOptions } from './useCanvasWheel.js';

package/src/react/components/EntityCard.tsx

@@ -0,0 +1,76 @@
+import type { ReactNode } from 'react';
+import { cn } from '../lib/cn.js';
+import { CardTapTarget } from './CardTapTarget.js';
+
+export interface EntityCardProps {
+  /** The face: an `Avatar`, a portrait, a cover thumbnail. Drawn at its own size, never squeezed. */
+  media: ReactNode;
+  /** The name — one line, ellipsed. */
+  name: ReactNode;
+  /** One line under the name (dates, a role, a count) — muted, tabular figures, ellipsed. */
+  line?: ReactNode;
+  /** Fired on tap/click and on Enter/Space — the whole card is the target. */
+  onClick: () => void;
+  /** What a tap does, for a screen reader ("Open Ada Lovelace") — the name alone says what, not why. */
+  'aria-label'?: string;
+  /**
+   * Skip `onClick` when the click only completes a text selection inside the card. Default
+   * `false`: a face, a name and one line hold nothing worth selecting, and a press that the
+   * selection check swallows reads as a dead card on a phone.
+   */
+  selectionSafe?: boolean;
+  className?: string;
+  /** Rides on the card's root, for an app's own selectors (`data-ended`, `data-self`, …). */
+  [data: `data-${string}`]: string | undefined;
+}
+
+/**
+ * A person, a title, a game — a face, a name, one line, the whole card one tap target that dips
+ * on press. Built from family's close-family `KinCard` (forge task 2918), on `CardTapTarget`, so
+ * the tap floor (`TAP_TARGET_HEIGHT`), the press dip (`PRESS_SURFACE`) and the iPhone-safe
+ * `div[role=button]` come from the one place they are kept.
+ *
+ * The card is a row: the face left, the text beside it. It fills its grid cell, and its text
+ * truncates rather than wrapping, so every card in a grid row is the same height whatever the
+ * name. `relative isolate` keeps anything the face positions from painting over the next card and
+ * eating its taps (`CardTapTarget`'s other half).
+ */
+export function EntityCard({
+  media,
+  name,
+  line,
+  onClick,
+  'aria-label': ariaLabel,
+  selectionSafe = false,
+  className,
+  ...data
+}: EntityCardProps) {
+  return (
+    <CardTapTarget
+      {...data}
+      onClick={onClick}
+      aria-label={ariaLabel}
+      selectionSafe={selectionSafe}
+      className={cn(
+        'relative isolate flex min-h-14 min-w-0 items-center gap-3 rounded-lg border border-border bg-card px-3 py-2',
+        'hover:border-border-strong hover:bg-card-raised',
+        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',
+        className,
+      )}
+    >
+      <span data-slot='entity-card-media' className='flex flex-none items-center'>
+        {media}
+      </span>
+      <span className='flex min-w-0 flex-col gap-0.5'>
+        <span data-slot='entity-card-name' className='truncate text-sm leading-5 font-medium text-foreground'>
+          {name}
+        </span>
+        {line ? (
+          <span data-slot='entity-card-line' className='truncate text-xs leading-4 text-muted-foreground tabular-nums'>
+            {line}
+          </span>
+        ) : null}
+      </span>
+    </CardTapTarget>
+  );
+}

package/src/react/index.ts

@@ -153,6 +153,7 @@ export {
 } from './components/ChartTablePanel.js';
 export * from './companion-link/index.js';
 export { CardTapTarget, type CardTapTargetProps } from './components/CardTapTarget.js';
+export { EntityCard, type EntityCardProps } from './components/EntityCard.js';
 export { CardDisplayControls, type CardDisplayControlsProps } from './components/CardDisplayControls.js';
 export {
   CARD_SIZES,

package/src/styles-areas/canvas-hud.css

@@ -18,13 +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.
- * 22 candidate(s).
+ * 39 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("[&::-webkit-search-cancel-button]:hidden aria-pressed:bg-muted aria-pressed:text-foreground");
+@source inline("@3xl:basis-auto @3xl:flex @3xl:hidden @3xl:order-none @3xl:shrink-0");
+@source inline("[&::-webkit-scrollbar]:hidden [&::-webkit-search-cancel-button]:hidden [&_select]:w-full");
+@source inline("[scrollbar-width:none] aria-pressed:bg-muted aria-pressed:text-foreground basis-0 basis-full");
 @source inline("bg-background/40 bg-background/70 bottom-3 bottom-4 focus-visible:border-transparent");
-@source inline("focus-visible:ring-0 left-3 min-w-10 ml-2 opacity-100 pb-1.5 pl-0 pl-1 place-items-center pr-1");
-@source inline("pt-1 right-4 w-40 w-64");
+@source inline("focus-visible:ring-0 left-3 max-w-48 min-w-10 min-w-26 min-w-40 ml-2 opacity-100 order-1 order-2");
+@source inline("order-3 pb-1.5 pl-0 pl-1 place-items-center pr-1 pt-1 px-0.5 right-4 w-40 w-64");

package/src/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.
- * 898 candidate(s).
+ * 903 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
@@ -125,16 +125,16 @@
 @source inline("h-[min(var(--region-h-sm),var(--region-h-phone))] h-[var(--control-h-lg)]");
 @source inline("h-[var(--control-h-md)] h-[var(--control-h-sm)] h-[var(--indicator-w)] h-auto h-full h-px hi hid");
 @source inline("hidden hover hover:bg-accent hover:bg-accent-solid-hover hover:bg-accent/10 hover:bg-accent/20");
-@source inline("hover:bg-border hover:bg-destructive-solid hover:bg-destructive-solid-hover");
+@source inline("hover:bg-border hover:bg-card-raised hover:bg-destructive-solid hover:bg-destructive-solid-hover");
 @source inline("hover:bg-destructive/10 hover:bg-muted hover:bg-success-solid-hover hover:bg-transparent");
 @source inline("hover:border-accent hover:border-border-strong hover:border-destructive-solid hover:opacity-70");
 @source inline("hover:text-accent hover:text-destructive hover:text-destructive-foreground hover:text-foreground");
 @source inline("hover:text-foreground! hover:underline i in inline inline-block inline-flex inline-grid inset");
 @source inline("inset-0 inset-x-0 inset-y-0 invisible is iso isolate it item items items-baseline items-center");
 @source inline("items-end items-start just justify-between justify-center justify-end justify-start l last");
-@source inline("last:border-b-0 lead leading leading-none leading-relaxed leading-snug leading-tight left left-0");
-@source inline("left-1/2 left-2 lg lg:px-8 line line-clamp-2 low lower lowercase m m-0 max max-h max-h-[80vh]");
-@source inline("max-h-[calc(var(--radix-popper-available-height,100dvh)-1rem)]");
+@source inline("last:border-b-0 lead leading leading-4 leading-5 leading-none leading-relaxed leading-snug");
+@source inline("leading-tight left left-0 left-1/2 left-2 lg lg:px-8 line line-clamp-2 low lower lowercase m m-0");
+@source inline("max max-h max-h-[80vh] max-h-[calc(var(--radix-popper-available-height,100dvh)-1rem)]");
 @source inline("max-h-[var(--guide-popover-max-h)] max-h-[var(--radix-select-content-available-height)]");
 @source inline("max-sm:border-b-0 max-sm:border-x-0 max-sm:bottom-0");
 @source inline("max-sm:data-[state=closed]:slide-out-to-bottom max-sm:data-[state=open]:slide-in-from-bottom");
@@ -144,7 +144,7 @@
 @source inline("max-w-40 max-w-[var(--modal-w-sm)] max-w-[var(--page-w-dashboard)] max-w-[var(--page-w-form)]");
 @source inline("max-w-[var(--page-w-wide)] max-w-[var(--reading-width)] max-w-full max-w-lg max-w-md max-w-xl");
 @source inline("max-w-xs mb-0.5 mb-1 mb-3 md md:divide-border md:divide-x md:flex-none md:flex-row");
-@source inline("md:grid-cols-4 md:inline md:w-1/3 md:w-2/5 min min-h-0 min-h-11 min-h-[1lh]");
+@source inline("md:grid-cols-4 md:inline md:w-1/3 md:w-2/5 min min-h-0 min-h-11 min-h-14 min-h-[1lh]");
 @source inline("min-h-[var(--control-h-lg)] min-h-[var(--control-h-md)] min-h-[var(--control-h-sm)] min-h-row");
 @source inline("min-w-0 min-w-11 min-w-32 min-w-[var(--radix-select-trigger-width)] ml-1 ml-auto motion");
 @source inline("motion-reduce:active:scale-100 motion-reduce:animate-none motion-reduce:duration-0");
@@ -172,8 +172,8 @@
 @source inline("sm:max-w-[var(--modal-w-lg)] sm:max-w-[var(--modal-w-md)] sm:max-w-[var(--modal-w-sm)] sm:p-4");
 @source inline("sm:p-5 sm:p-8 sm:pointer-fine:text-sm sm:px-6 sm:rounded-xl sm:text-sm sm:top-1/2");
 @source inline("sm:w-[calc(100vw-2rem)] space space-y-1 space-y-3 sr-only stat static sticky stroke");
-@source inline("stroke-accent-solid stroke-destructive stroke-muted stroke-warning t ta tab table tabular-nums");
-@source inline("text text-2xl text-[length:var(--text-glyph-relative)] text-[var(--foreground)]");
+@source inline("stroke-accent-solid stroke-destructive stroke-muted stroke-warning t ta tab table tabular");
+@source inline("tabular-nums text text-2xl text-[length:var(--text-glyph-relative)] text-[var(--foreground)]");
 @source inline("text-[var(--muted-foreground)] text-accent text-accent-strong text-base text-caption text-center");
 @source inline("text-current text-data text-destructive text-destructive-foreground text-destructive-strong");
 @source inline("text-emerald-700 text-field-error text-field-fg text-foreground text-h1 text-h3 text-inherit");

package/src/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.
- * 120 candidate(s).
+ * 119 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
@@ -40,7 +40,7 @@
 @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-2.5 li list-none max-h-64");
+@source inline("hover:scale-110 hover:text-warning italic 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");

package/src/styles-areas/filter-rail.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.
- * 31 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
@@ -27,7 +27,7 @@
 @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 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");
+@source inline("group/rail-section last:mb-0 mx-2 opacity-100 outline-2 outline-accent outline-dashed");
+@source inline("place-items-center pointer-coarse:[&_button]:min-h-11 pointer-coarse:[&_button]:min-w-11");
+@source inline("pointer-coarse:[&_button]:size-11 pt-1 self-stretch shadow-[inset_3px_0_0_0_var(--accent)] w-14");
+@source inline("w-3 w-56");

package/src/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.
- * 142 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
@@ -42,11 +42,11 @@
 @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-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("inset-y-1.5 items-stretch justify-around left-3 lg:flex lg:flex-col lg:hidden lg:shrink-0");
+@source inline("list-none max-h-72 max-h-[inherit] max-h-[var(--palette-max-h)] max-h-[var(--sheet-h-lg)]");
+@source inline("max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-md:-right-0.5 max-md:-top-0.5");
+@source inline("max-md:absolute max-md:hidden max-sm:flex-none max-sm:justify-center max-sm:px-0 max-sm:w-10");
+@source inline("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");

package/src/styles-areas/notifications.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.
- * 33 candidate(s).
+ * 32 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,8 +26,8 @@
  */
 @source inline("-right-0.5 -top-0.5 [&::-webkit-scrollbar]:hidden [scrollbar-width:none] bg-accent/15");
 @source inline("group-focus-within:opacity-100 group-focus-within:pointer-events-auto");
-@source inline("group-hover:pointer-events-auto hover:bg-muted/80 leading-4 list-none min-w-4 ml-1.5 ml-2 pb");
-@source inline("pb-0.5 pointer-coarse:basis-full pointer-coarse:bg-transparent pointer-coarse:justify-end");
+@source inline("group-hover:pointer-events-auto hover:bg-muted/80 list-none min-w-4 ml-1.5 ml-2 pb pb-0.5");
+@source inline("pointer-coarse:basis-full pointer-coarse:bg-transparent pointer-coarse:justify-end");
 @source inline("pointer-coarse:p-0 pointer-coarse:pointer-events-auto pointer-coarse:shadow-none");
 @source inline("pointer-coarse:static py py-10 right-3 ring-1 ring-accent ring-accent/30 ring-inset self-stretch");
 @source inline("text-muted-foreground/50 top-3");

package/src/styles-areas/place-bar.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
@@ -27,7 +27,7 @@
 @source inline("-mt-5 -top-1 bg-accent/15 border-l border-r 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 inset-x-3 items-stretch justify-around leading-4 list-none");
+@source inline("data-[state=open]:slide-in-from-right inset-x-3 items-stretch justify-around list-none");
 @source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm min-h-12");
 @source inline("min-w-3.5 no-underline place-items-center pt-0 px-0.5 rounded-l-xl rounded-r-xl rounded-t-xl");
 @source inline("shadow-lg");