cursedbelt 5.91.0 → 5.92.0

package/src/react/index.ts

@@ -420,6 +420,7 @@ export {
   type PickedIcon,
 } from './components/IconPicker.js';
 export { FileDropZone, type FileDropZoneProps } from './components/FileDropZone.js';
+export { filesFromDataTransfer } from './components/dropTransfer.js';
 export {
   FileLocation,
   type FileLocationProps,

package/src/react/lib/floatingStyles.spec.ts

@@ -29,7 +29,8 @@ describe('the floating layer — DESIGN.md §5 containment', () => {
       'components/HoverCard.tsx',
       'components/SelectFieldImpl.tsx',
       'components/ComboboxField.tsx',
-      'components/Autocomplete.tsx',
+      // AutocompleteField's and TagsInput's list (forge task 3602 moved it out of Autocomplete.tsx).
+      'components/suggestionList.tsx',
       'components/TooltipImpl.tsx',
     ];
     for (const rel of files) {

package/src/react/media-gallery/MediaMetaEditor.tsx

@@ -40,10 +40,10 @@ import type { MediaGalleryItem } from './types.js';
  * correct use is the one nobody wants.
  *
  * ── Why the vocabulary is offered rather than typed ───────────────────────────────────
- * `suggestions` is every tag already in the gallery, handed to `TagsInput`'s native
- * `<datalist>`. Re-typing `holiday` is how `Holiday` and `holidays` get minted beside it, and
- * three spellings of one tag is three filter chips that each find a third of the album. The
- * model matches case-insensitively for the same reason; this is the half that stops it
+ * `suggestions` is every tag already in the gallery, handed to `TagsInput`, which draws them in
+ * the kit's own list as you type (never a `<datalist>` — forge task 3602). Re-typing `holiday`
+ * is how `Holiday` and `holidays` get minted beside it, and three spellings of one tag is three
+ * filter chips that each find a third of the album. The model matches case-insensitively for the same reason; this is the half that stops it
  * happening at the keyboard rather than cleaning up afterwards.
  */
 export interface MediaMetaEditorProps {

package/src/react/optimistic/optimistic.spec.tsx

@@ -150,6 +150,47 @@ describe('optimistic', () => {
     expect(order).toEqual(['X sent', 'X done', 'Y sent']);
   });
 
+  test('onSuccess says whether a later change under the same key is still pending', async () => {
+    const gate = deferred<void>();
+    const seen: [string, boolean][] = [];
+    const one = optimistic({
+      label: 'move',
+      key: 'image-a',
+      request: async () => {
+        await gate.promise;
+        return 'first';
+      },
+      onSuccess: (answer, { superseded }) => seen.push([answer, superseded]),
+    });
+    const other = optimistic({
+      label: 'move',
+      key: 'image-b',
+      request: async () => 'elsewhere',
+      onSuccess: (answer, { superseded }) => seen.push([answer, superseded]),
+    });
+    const two = optimistic({
+      label: 'move',
+      key: 'image-a',
+      request: async () => 'second',
+      onSuccess: (answer, { superseded }) => seen.push([answer, superseded]),
+    });
+    const unkeyed = optimistic({
+      label: 'save',
+      request: async () => 'no key',
+      onSuccess: (answer, { superseded }) => seen.push([answer, superseded]),
+    });
+    await Promise.all([other, unkeyed]);
+    gate.resolve();
+    await Promise.all([one, two]);
+    // Another key's pending change never supersedes; the last change under a key is never superseded.
+    expect(seen).toEqual([
+      ['no key', false],
+      ['elsewhere', false],
+      ['first', true],
+      ['second', false],
+    ]);
+  });
+
   test('the page asks before closing while a change is unsent, and stops asking after', async () => {
     const server = deferred<void>();
     const done = optimistic({ label: 'save', request: () => server.promise, toast: false });

package/src/react/optimistic/optimistic.ts

@@ -95,8 +95,15 @@ export interface OptimisticOptions<R> {
    * record. No key: the request goes at once.
    */
   key?: string;
-  /** After the server said yes — reconcile a temporary id, refresh a summary. Not reverted. */
-  onSuccess?: (result: R) => void;
+  /**
+   * After the server said yes — reconcile a temporary id, refresh a summary. Not reverted.
+   *
+   * `superseded` is true when a later change under the same {@link key} is still pending. An
+   * answer that is the whole record (a pin list, an image's saved geometry) was computed before
+   * that change reached the server, so writing it into state would draw the later edit undone
+   * until its own answer lands — skip the write while it is true; the last answer has the say.
+   */
+  onSuccess?: (result: R, context: { superseded: boolean }) => void;
   /** After the rollback, beside the toast. */
   onError?: (error: unknown) => void;
   /** `false` silences the failure toast (the caller shows the failure itself). Default on. */
@@ -242,13 +249,15 @@ export function optimistic<R>(options: OptimisticOptions<R>): Promise<Optimistic
   const applied = (targets as (OptimisticTarget<unknown> | OptimisticStep)[]).map((t) =>
     isStep(t) ? applyStep(t) : applyTarget(t),
   );
-  const done = track({ id: nextId++, label, key, startedAt: Date.now() });
+  const id = nextId++;
+  const done = track({ id, label, key, startedAt: Date.now() });
 
   return enqueue(key, request).then(
     (value): OptimisticOutcome<R> => {
       done();
       for (const a of applied) a.settled();
-      onSuccess?.(value);
+      const superseded = key !== undefined && pending.some((p) => p.key === key && p.id > id);
+      onSuccess?.(value, { superseded });
       return { ok: true, value };
     },
     async (error: unknown): Promise<OptimisticOutcome<R>> => {

package/src/styles-areas/analytics.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.
- * 159 candidate(s).
+ * 142 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
@@ -31,22 +31,17 @@
 @source inline("@max-4xl:invisible @max-4xl:min-w-0! @max-4xl:p-0! @max-4xl:text-[length:0] @max-4xl:w-0!");
 @source inline("@max-6xl:[&>*]:hidden @max-6xl:border-0 @max-6xl:invisible @max-6xl:min-w-0! @max-6xl:p-0!");
 @source inline("@max-6xl:text-[length:0] @max-6xl:w-0! @max-xl:contents @xl:basis-auto @xl:block @xl:hidden");
-@source inline("[&>*]:hidden [&>*]:max-w-none [&>svg]:size-3.5 [&_svg]:size-3 active:cursor-grabbing basis");
-@source inline("basis-full bg-[var(--cb-frozen-bg)] bg-accent/15 bg-card/95 bg-gradient-to-t bg-muted/30");
-@source inline("bg-muted/50 border-accent-solid border-accent/60 border-b-0! border-field-error border-solid");
-@source inline("border-t-2 col collapse cursor-grab data-[ending-style]:opacity-0 data-[ending-style]:scale-95");
-@source inline("data-[highlighted]:bg-accent/10 data-[highlighted]:text-accent-strong");
-@source inline("data-[starting-style]:opacity-0 data-[starting-style]:scale-95 disabled:opacity-40 duration-100");
-@source inline("fade-in focus-visible:ring-field-ring/40 focus-within:border-field-ring focus-within:ring-2");
-@source inline("focus-within:ring-field-ring/30 from-card gap-x-6 h-0 h-105");
-@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-background hover:bg-muted/40");
-@source inline("hover:border-field-ring hover:text-warning italic justify-self-end last:border-0 left-11");
-@source inline("left-2.5 list-none max-h-64 max-h-88 max-sm:flex-1 max-sm:flex-wrap max-sm:min-w-0");
+@source inline("[&>*]:hidden [&>*]:max-w-none [&>svg]:size-3.5 active:cursor-grabbing basis basis-full");
+@source inline("bg-[var(--cb-frozen-bg)] bg-accent/15 bg-card/95 bg-gradient-to-t bg-muted/30 bg-muted/50");
+@source inline("border-accent-solid border-accent/60 border-b-0! border-field-error border-solid border-t-2 col");
+@source inline("collapse cursor-grab disabled:opacity-40 fade-in focus-visible:ring-field-ring/40 from-card");
+@source inline("gap-x-6 h-0 h-105 has-[[aria-invalid=true]]:border-field-error hover:bg-background");
+@source inline("hover:bg-muted/40 hover:border-field-ring hover:text-warning italic justify-self-end");
+@source inline("last:border-0 left-11 left-2.5 list-none max-h-88 max-sm:flex-1 max-sm:flex-wrap max-sm:min-w-0");
 @source inline("max-sm:min-w-24 max-sm:min-w-32 max-sm:ml-13.5 max-sm:w-auto max-w-32 max-w-36 max-w-45 max-w-48");
-@source inline("max-w-60 min-h-20 min-h-dvh min-w-0! min-w-20 min-w-24 min-w-4 min-w-52");
-@source inline("min-w-[var(--anchor-width)] min-w-max mr-2 mt-1.5 mt-3 mt-4 not-italic ordinal p-0! pb-1.5");
-@source inline("pl-1.5 pl-2 pr-0.5 pr-1 pr-10 pr-16 pr-3 pr-9 pt-1 py-0! resize-none resize-y right-3");
-@source inline("ring-field-error/30 self self-stretch shadow-[1px_0_0_0_var(--color-border)] shrink-[2] size-7");
-@source inline("slide-in-from-top-1 table-fixed text-[length:0] text-accent-solid-foreground");
-@source inline("text-field-placeholder text-success text-xl to-transparent top-3 transition-[transform,opacity]");
-@source inline("w-0 w-0! w-11 w-12 w-20 w-32 w-36 w-40 w-88");
+@source inline("max-w-60 min-h-20 min-h-dvh min-w-0! min-w-20 min-w-4 min-w-52 min-w-max mr-2 mt-1.5 mt-3 mt-4");
+@source inline("not-italic ordinal p-0! pb-1.5 pl-1.5 pr-0.5 pr-10 pr-16 pr-3 pr-9 pt-1 py-0! resize-none");
+@source inline("resize-y right-3 ring-field-error/30 self self-stretch shadow-[1px_0_0_0_var(--color-border)]");
+@source inline("shrink-[2] size-7 slide-in-from-top-1 table-fixed text-[length:0] text-accent-solid-foreground");
+@source inline("text-field-placeholder text-success text-xl to-transparent top-3 w-0 w-0! w-11 w-12 w-20 w-32");
+@source inline("w-36 w-40 w-88");

package/src/styles-areas/auth.css

@@ -18,12 +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.
- * 9 candidate(s).
+ * 6 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("caret-transparent focus-within:border-field-ring focus-within:ring-2");
-@source inline("focus-within:ring-field-ring/30 h-12 has-[[aria-invalid=true]]:border-field-error min-h-dvh");
-@source inline("self-stretch sm:w-11");
+@source inline("caret-transparent h-12 has-[[aria-invalid=true]]:border-field-error min-h-dvh self-stretch");
+@source inline("sm:w-11");

package/src/styles-areas/canvas-hud.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.
- * 42 candidate(s).
+ * 41 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
@@ -29,5 +29,5 @@
 @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 max-w-48 min-w-10 min-w-26 min-w-40 ml-2 opacity-100 order-1 order-2");
-@source inline("order-3 overflow-visible pb-1.5 pl-0 pl-1 place-items-center pr-1 pt-1 px-0.5 right-3 right-4");
-@source inline("w-40 w-64 z-[5000]");
+@source inline("order-3 overflow-visible pb-1.5 pl-0 pl-1 place-items-center pt-1 px-0.5 right-3 right-4 w-40");
+@source inline("w-64 z-[5000]");

package/src/styles-areas/chat.css

@@ -18,19 +18,18 @@
  * 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.
- * 67 candidate(s).
+ * 66 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("-bottom-0.5 -mx-0.5 -outline-offset-2 -right-0.5 -space-x-2 [&_svg]:size-3 animate-bounce");
-@source inline("bg-background/30 bg-black/10 bg-gradient-to-t border-border/40 bottom-3 col collapse");
-@source inline("dark:bg-white/10 first:mt-0 flex-row flex-row-reverse flex-shrink focus-visible:outline-2");
-@source inline("focus-visible:outline-offset-2 focus-visible:outline-ring from-surface h-105 h-3.5");
-@source inline("hover:bg-background/50 hover:border-field-ring hover:opacity-80 italic list-decimal list-disc");
-@source inline("max-w-4/5 min-h-20 min-w-16 ml-0.5 ml-1.5 mr-9 outline-2 outline-accent outline-dashed pl-5");
-@source inline("pointer-coarse:mr-12 pt-0.5 px-0.5 px-3.5 resize-none right-1 rounded-2xl rounded-bl-md");
-@source inline("rounded-bl-sm rounded-br-md rounded-br-sm size-7 text-[length:var(--text-code-block)]");
-@source inline("text-[length:var(--text-code-inline)] text-xl to-transparent top-1 underline-offset-2 w-1.5 w-3");
-@source inline("w-3.5 w-40 w-48 w-56 w-88 z-[9]");
+@source inline("-bottom-0.5 -mx-0.5 -outline-offset-2 -right-0.5 -space-x-2 animate-bounce bg-background/30");
+@source inline("bg-black/10 bg-gradient-to-t border-border/40 bottom-3 col collapse dark:bg-white/10 first:mt-0");
+@source inline("flex-row flex-row-reverse flex-shrink focus-visible:outline-2 focus-visible:outline-offset-2");
+@source inline("focus-visible:outline-ring from-surface h-105 h-3.5 hover:bg-background/50");
+@source inline("hover:border-field-ring hover:opacity-80 italic list-decimal list-disc max-w-4/5 min-h-20");
+@source inline("min-w-16 ml-0.5 ml-1.5 mr-9 outline-2 outline-accent outline-dashed pl-5 pointer-coarse:mr-12");
+@source inline("pt-0.5 px-0.5 px-3.5 resize-none right-1 rounded-2xl rounded-bl-md rounded-bl-sm rounded-br-md");
+@source inline("rounded-br-sm size-7 text-[length:var(--text-code-block)] text-[length:var(--text-code-inline)]");
+@source inline("text-xl to-transparent top-1 underline-offset-2 w-1.5 w-3 w-3.5 w-40 w-48 w-56 w-88 z-[9]");

package/src/styles-areas/code-editor.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.
- * 6 candidate(s).
+ * 5 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("focus-within:ring-2 focus-within:ring-offset-0 focus-within:ring-ring italic li line-through");
+@source inline("focus-within:ring-offset-0 focus-within:ring-ring italic li line-through");

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.
- * 928 candidate(s).
+ * 945 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
@@ -37,7 +37,7 @@
 @source inline("[&_.alert-icon]:text-muted-foreground [&_.alert-icon]:text-success [&_.alert-icon]:text-warning");
 @source inline("[&_[data-icon]]:text-accent [&_[data-icon]]:text-destructive [&_[data-icon]]:text-success");
 @source inline("[&_[data-icon]]:text-warning [&_sup]:leading-none [&_svg]:shrink-0 [&_svg]:size-12");
-@source inline("[&_svg]:size-4 [&_svg]:size-5 [&_svg]:size-6 [--cbfk-sticky-top:-1rem]");
+@source inline("[&_svg]:size-3 [&_svg]:size-4 [&_svg]:size-5 [&_svg]:size-6 [--cbfk-sticky-top:-1rem]");
 @source inline("[-webkit-touch-callout:none] [@media(orientation:landscape)_and_(max-height:500px)]:py-1.5");
 @source inline("[@media(orientation:landscape)_and_(max-height:500px)]:text-h3 [overflow-wrap:anywhere] a");
 @source inline("absolute act active active:bg-accent active:scale-100 active:scale-[var(--press-scale)]");
@@ -71,7 +71,9 @@
 @source inline("content 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-[disabled]:pointer-events-none 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-[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");
@@ -79,44 +81,47 @@
 @source inline("data-[side=left]:slide-in-from-right-1 data-[side=left]:slide-in-from-right-2");
 @source inline("data-[side=right]:slide-in-from-left-1 data-[side=right]:slide-in-from-left-2");
 @source inline("data-[side=top]:slide-in-from-bottom-1 data-[side=top]:slide-in-from-bottom-2");
-@source inline("data-[state=active]:bg-background data-[state=active]:border-accent");
-@source inline("data-[state=active]:font-semibold data-[state=active]:shadow-raised");
-@source inline("data-[state=active]:text-accent data-[state=active]:text-foreground");
-@source inline("data-[state=checked]:bg-accent-solid data-[state=checked]:bg-accent/10");
-@source inline("data-[state=checked]:border-accent data-[state=checked]:border-accent-solid");
-@source inline("data-[state=checked]:font-medium data-[state=checked]:ring-1 data-[state=checked]:ring-2");
-@source inline("data-[state=checked]:ring-accent data-[state=checked]:text-white");
-@source inline("data-[state=checked]:translate-x-4 data-[state=closed]:animate-collapsible-up");
-@source inline("data-[state=closed]:animate-out data-[state=closed]:fade-out-0");
-@source inline("data-[state=closed]:pointer-events-none! 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=closed]:zoom-out-[0.985] data-[state=delayed-open]:animate-in");
-@source inline("data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-[0.985]");
-@source inline("data-[state=indeterminate]:bg-accent-solid data-[state=indeterminate]:border-accent-solid");
-@source inline("data-[state=indeterminate]:text-white data-[state=open]:animate-collapsible-down");
-@source inline("data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-bottom");
+@source inline("data-[starting-style]:opacity-0 data-[starting-style]:scale-95 data-[state=active]:bg-background");
+@source inline("data-[state=active]:border-accent data-[state=active]:font-semibold");
+@source inline("data-[state=active]:shadow-raised data-[state=active]:text-accent");
+@source inline("data-[state=active]:text-foreground data-[state=checked]:bg-accent-solid");
+@source inline("data-[state=checked]:bg-accent/10 data-[state=checked]:border-accent");
+@source inline("data-[state=checked]:border-accent-solid data-[state=checked]:font-medium");
+@source inline("data-[state=checked]:ring-1 data-[state=checked]:ring-2 data-[state=checked]:ring-accent");
+@source inline("data-[state=checked]:text-white data-[state=checked]:translate-x-4");
+@source inline("data-[state=closed]:animate-collapsible-up data-[state=closed]:animate-out");
+@source inline("data-[state=closed]:fade-out-0 data-[state=closed]:pointer-events-none!");
+@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=closed]:zoom-out-[0.985]");
+@source inline("data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0");
+@source inline("data-[state=delayed-open]:zoom-in-[0.985] data-[state=indeterminate]:bg-accent-solid");
+@source inline("data-[state=indeterminate]:border-accent-solid data-[state=indeterminate]:text-white");
+@source inline("data-[state=open]:animate-collapsible-down data-[state=open]:animate-in");
+@source inline("data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-bottom");
 @source inline("data-[state=open]:slide-in-from-bottom-2 data-[state=open]:slide-in-from-left");
 @source inline("data-[state=open]:slide-in-from-right data-[state=open]:zoom-in-[0.985]");
 @source inline("data-[state=unchecked]:bg-muted data-[state=unchecked]:translate-x-0 disable disabled");
 @source inline("disabled:active:scale-100 disabled:bg-muted disabled:border-transparent");
 @source inline("disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:border-border");
 @source inline("disabled:hover:text-muted-foreground disabled:opacity-50 disabled:pointer-events-none");
-@source inline("disabled:text-muted-foreground div divide-border divide-y duration duration-200 duration-300");
-@source inline("duration-[var(--duration-base)] duration-[var(--duration-fast)] duration-[var(--duration-slow)]");
-@source inline("duration-[var(--duration-slow)]! e ease ease-[var(--ease-out)] ease-[var(--ease-out)]! empty");
-@source inline("empty:hidden fade fade-out file file:bg-transparent file:border-0 file:font-medium file:mr-3");
-@source inline("file:text-foreground file:text-sm fill fill-[var(--color-popover)] fill-border fill-current");
-@source inline("filter fix fixed flex flex-1 flex-col flex-none flex-wrap focus focus-visible");
-@source inline("focus-visible:bg-destructive-solid focus-visible:bg-destructive/10 focus-visible:bg-muted");
-@source inline("focus-visible:border-field-ring focus-visible:opacity-100 focus-visible:outline-none");
-@source inline("focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-accent-solid");
-@source inline("focus-visible:ring-destructive focus-visible:ring-field-ring/30 focus-visible:ring-offset-1");
-@source inline("focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-ring");
-@source inline("focus-visible:ring-success focus-visible:text-destructive-foreground focus:bg-accent/10");
-@source inline("focus:bg-destructive/10 focus:outline-none focus:ring-2 focus:ring-accent focus:text-accent");
-@source inline("focus:text-destructive font font-[inherit] font-bold font-medium font-mono font-normal font-sans");
-@source inline("font-semibold gap gap-0 gap-0.5 gap-1 gap-1.5 gap-12 gap-16 gap-2 gap-3 gap-4 gap-6 gap-8 gap-px");
-@source inline("gap-x-0 gap-x-3 gap-x-4 gap-y-0 gap-y-1 gap-y-2 gap-y-4 gap-y-[var(--col-gap)] grid grid-cols-2");
+@source inline("disabled:text-muted-foreground div divide-border divide-y duration duration-100 duration-200");
+@source inline("duration-300 duration-[var(--duration-base)] duration-[var(--duration-fast)]");
+@source inline("duration-[var(--duration-slow)] duration-[var(--duration-slow)]! e ease ease-[var(--ease-out)]");
+@source inline("ease-[var(--ease-out)]! empty empty:hidden fade fade-out file file:bg-transparent file:border-0");
+@source inline("file:font-medium file:mr-3 file:text-foreground file:text-sm fill fill-[var(--color-popover)]");
+@source inline("fill-border fill-current filter fix fixed flex flex-1 flex-col flex-none flex-wrap focus");
+@source inline("focus-visible focus-visible:bg-destructive-solid focus-visible:bg-destructive/10");
+@source inline("focus-visible:bg-muted focus-visible:border-field-ring focus-visible:opacity-100");
+@source inline("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent");
+@source inline("focus-visible:ring-accent-solid focus-visible:ring-destructive focus-visible:ring-field-ring/30");
+@source inline("focus-visible:ring-offset-1 focus-visible:ring-offset-2 focus-visible:ring-offset-background");
+@source inline("focus-visible:ring-ring focus-visible:ring-success focus-visible:text-destructive-foreground");
+@source inline("focus-within:border-field-ring focus-within:ring-2 focus-within:ring-field-ring/30");
+@source inline("focus:bg-accent/10 focus:bg-destructive/10 focus:outline-none focus:ring-2 focus:ring-accent");
+@source inline("focus:text-accent focus:text-destructive font font-[inherit] font-bold font-medium font-mono");
+@source inline("font-normal font-sans font-semibold gap gap-0 gap-0.5 gap-1 gap-1.5 gap-12 gap-16 gap-2 gap-3");
+@source inline("gap-4 gap-6 gap-8 gap-px gap-x-0 gap-x-3 gap-x-4 gap-y-0 gap-y-1 gap-y-2 gap-y-4");
+@source inline("gap-y-[var(--col-gap)] grid grid-cols-2");
 @source inline("grid-cols-[minmax(0,var(--property-label-w))_minmax(0,1fr)]");
 @source inline("grid-cols-[repeat(auto-fit,minmax(min(var(--cb-grid-min),100%),1fr))] grid-flow-col group");
 @source inline("group-active/sep:opacity-100 group-data-[density=compact]/properties:items-start");
@@ -138,7 +143,7 @@
 @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-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 max-h max-h-64 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-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-sm:border-b-0");
 @source inline("max-sm:border-x-0 max-sm:bottom-0 max-sm:data-[state=closed]:slide-out-to-bottom");
@@ -151,21 +156,22 @@
 @source inline("max-w-lg max-w-md max-w-sm max-w-xl max-w-xs mb-0.5 mb-1 mb-3 md md:divide-border md:divide-x");
 @source inline("md:flex-none md:flex-row md:grid-cols-4 md:inline md:w-1/3 md:w-2/5 min min-h-0 min-h-11");
 @source inline("min-h-14 min-h-[1lh] min-h-[var(--control-h-lg)] min-h-[var(--control-h-md)]");
-@source inline("min-h-[var(--control-h-sm)] min-h-row min-w-0 min-w-11 min-w-32");
-@source inline("min-w-[var(--radix-select-trigger-width)] ml-1 ml-auto motion motion-reduce:active:scale-100");
-@source inline("motion-reduce:animate-none motion-reduce:duration-0 motion-reduce:transition-none mt-0.5 mt-1");
-@source inline("mt-2 mx-auto my my-1 object object-cover opacity opacity-0 opacity-30 opacity-40 opacity-50");
-@source inline("opacity-60 opacity-70 out outline outline-none over overflow overflow-auto overflow-hidden");
-@source inline("overflow-x-auto overflow-x-clip overflow-x-hidden overflow-y-auto overscroll-contain p p-0 p-0.5");
-@source inline("p-1 p-1.5 p-2 p-3 p-4 p-6 p-[7px] p-[var(--panel-pad)] pause paused pb-0 pb-1 pb-2 pb-3 pb-4");
-@source inline("pb-[max(env(safe-area-inset-bottom,0px),0.75rem)] pb-[var(--empty-lift)] pl-4 pl-8 place");
+@source inline("min-h-[var(--control-h-sm)] min-h-row min-w-0 min-w-11 min-w-24 min-w-32");
+@source inline("min-w-[var(--anchor-width)] 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");
+@source inline("motion-reduce:transition-none mt-0.5 mt-1 mt-2 mx-auto my my-1 object object-cover opacity");
+@source inline("opacity-0 opacity-30 opacity-40 opacity-50 opacity-60 opacity-70 out outline outline-none over");
+@source inline("overflow overflow-auto overflow-hidden overflow-x-auto overflow-x-clip overflow-x-hidden");
+@source inline("overflow-y-auto overscroll-contain p p-0 p-0.5 p-1 p-1.5 p-2 p-3 p-4 p-6 p-[7px]");
+@source inline("p-[var(--panel-pad)] pause paused pb-0 pb-1 pb-2 pb-3 pb-4");
+@source inline("pb-[max(env(safe-area-inset-bottom,0px),0.75rem)] pb-[var(--empty-lift)] pl-2 pl-4 pl-8 place");
 @source inline("placeholder placeholder:text-field-placeholder point pointer pointer-coarse pointer-coarse:-m-2");
 @source inline("pointer-coarse:data-[state=checked]:translate-x-8 pointer-coarse:h-11 pointer-coarse:min-h-11");
 @source inline("pointer-coarse:min-w-11 pointer-coarse:opacity-100 pointer-coarse:size-5 pointer-coarse:size-9");
 @source inline("pointer-coarse:w-11 pointer-coarse:w-18 pointer-events pointer-events-auto pointer-events-none");
-@source inline("pr-8 pt-2 pt-3 px px-0 px-1 px-1.5 px-2 px-2.5 px-3 px-4 px-5 px-6 px-row-x py-0 py-0.5 py-1");
-@source inline("py-1.5 py-12 py-2 py-2.5 py-3 py-4 py-6 py-[var(--panel-pad)] py-px py-row-y r re relative res");
-@source inline("resize right right-0 right-2 ring ring-2 ring-background ro rotate-90 round rounded");
+@source inline("pr-1 pr-8 pt-2 pt-3 px px-0 px-1 px-1.5 px-2 px-2.5 px-3 px-4 px-5 px-6 px-row-x py-0 py-0.5");
+@source inline("py-1 py-1.5 py-12 py-2 py-2.5 py-3 py-4 py-6 py-[var(--panel-pad)] py-px py-row-y r re relative");
+@source inline("res resize right right-0 right-2 ring ring-2 ring-background ro rotate-90 round rounded");
 @source inline("rounded-[calc(var(--radius-md)-0.25rem)] rounded-field rounded-full rounded-l-full rounded-l-xl");
 @source inline("rounded-lg rounded-md rounded-none rounded-r-full rounded-r-xl rounded-sm rounded-t-xl");
 @source inline("rounded-xl ru run running s select select-all select-none self-start shadow");
@@ -192,13 +198,13 @@
 @source inline("top-0 top-1/2 top-2 touch touch-manipulation touch-none track tracking tracking-tight");
 @source inline("tracking-wide tracking-wider transform transition");
 @source inline("transition-[color,background-color,border-color,box-shadow,scale] transition-[stroke-dashoffset]");
-@source inline("transition-[transform,width] transition-[width] transition-all transition-colors");
-@source inline("transition-opacity transition-transform translate-x-1/2 translate-y-1/2 truncate under underline");
-@source inline("underline-offset-4 up uppercase v visible w w-0.5 w-1 w-1/2 w-1/3 w-10 w-16 w-2.5 w-2/3 w-24");
-@source inline("w-3/4 w-4 w-6 w-7 w-8 w-9 w-[calc(100vw-2rem)] w-[var(--control-h-lg)] w-[var(--control-h-md)]");
-@source inline("w-[var(--control-h-sm)] w-[var(--indicator-w)] w-auto w-full w-px white whitespace");
-@source inline("whitespace-normal whitespace-nowrap whitespace-pre-wrap wrap wrap-anywhere wrap-break-word z");
-@source inline("z-10 z-20 z-30 z-40 z-50 z-[var(--z-popover)]");
+@source inline("transition-[transform,opacity] transition-[transform,width] transition-[width] transition-all");
+@source inline("transition-colors transition-opacity transition-transform translate-x-1/2 translate-y-1/2");
+@source inline("truncate under underline underline-offset-4 up uppercase v visible w w-0.5 w-1 w-1/2 w-1/3 w-10");
+@source inline("w-16 w-2.5 w-2/3 w-24 w-3/4 w-4 w-6 w-7 w-8 w-9 w-[calc(100vw-2rem)] w-[var(--control-h-lg)]");
+@source inline("w-[var(--control-h-md)] w-[var(--control-h-sm)] w-[var(--indicator-w)] w-auto w-full w-px white");
+@source inline("whitespace whitespace-normal whitespace-nowrap whitespace-pre-wrap wrap wrap-anywhere");
+@source inline("wrap-break-word z z-10 z-20 z-30 z-40 z-50 z-[var(--z-popover)]");
 
 /*
  * Theme variables cursedbelt's components read BY NAME (`var(--color-card)` in a style prop).

package/src/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.
- * 154 candidate(s).
+ * 137 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
@@ -31,21 +31,17 @@
 @source inline("@max-4xl:invisible @max-4xl:min-w-0! @max-4xl:p-0! @max-4xl:text-[length:0] @max-4xl:w-0!");
 @source inline("@max-6xl:[&>*]:hidden @max-6xl:border-0 @max-6xl:invisible @max-6xl:min-w-0! @max-6xl:p-0!");
 @source inline("@max-6xl:text-[length:0] @max-6xl:w-0! @max-xl:contents @xl:basis-auto @xl:block @xl:hidden");
-@source inline("[&>*]:hidden [&>*]:max-w-none [&>svg]:size-3.5 [&_svg]:size-3 active:cursor-grabbing basis-full");
+@source inline("[&>*]:hidden [&>*]:max-w-none [&>svg]:size-3.5 active:cursor-grabbing basis-full");
 @source inline("bg-[var(--cb-frozen-bg)] bg-accent/15 bg-card/95 bg-gradient-to-t bg-muted/30 bg-muted/50");
 @source inline("border-accent-solid border-accent/60 border-b-0! border-field-error border-solid border-t-2 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 disabled:opacity-40 duration-100");
-@source inline("fade-in focus-visible:ring-field-ring/40 focus-within:border-field-ring focus-within:ring-2");
-@source inline("focus-within:ring-field-ring/30 from-card gap-x-6 h-0 h-105");
-@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-background hover:bg-muted/40");
-@source inline("hover:border-field-ring hover:text-warning justify-self-end last:border-0 left-11 left-2.5");
-@source inline("list-none max-h-64 max-h-88 max-sm:flex-1 max-sm:flex-wrap max-sm:min-w-0 max-sm:min-w-24");
-@source inline("max-sm:min-w-32 max-sm:ml-13.5 max-sm:w-auto max-w-32 max-w-36 max-w-45 max-w-48 max-w-60");
-@source inline("min-h-20 min-h-dvh min-w-0! min-w-24 min-w-4 min-w-52 min-w-[var(--anchor-width)] min-w-max mr-2");
-@source inline("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 pr-3 pr-9");
-@source inline("pt-1 py-0! resize-none resize-y right-3 ring-field-error/30 self self-stretch");
-@source inline("shadow-[1px_0_0_0_var(--color-border)] size-7 slide-in-from-top-1 table-fixed text-[length:0]");
-@source inline("text-accent-solid-foreground text-field-placeholder text-success text-xl to-transparent top-3");
-@source inline("transition-[transform,opacity] w-0! w-11 w-12 w-20 w-32 w-36 w-40 w-88");
+@source inline("collapse cursor-grab disabled:opacity-40 fade-in focus-visible:ring-field-ring/40 from-card");
+@source inline("gap-x-6 h-0 h-105 has-[[aria-invalid=true]]:border-field-error hover:bg-background");
+@source inline("hover:bg-muted/40 hover:border-field-ring hover:text-warning justify-self-end last:border-0");
+@source inline("left-11 left-2.5 list-none max-h-88 max-sm:flex-1 max-sm:flex-wrap max-sm:min-w-0");
+@source inline("max-sm:min-w-24 max-sm:min-w-32 max-sm:ml-13.5 max-sm:w-auto max-w-32 max-w-36 max-w-45 max-w-48");
+@source inline("max-w-60 min-h-20 min-h-dvh min-w-0! min-w-4 min-w-52 min-w-max mr-2 mt-1.5 mt-3 mt-4 not-italic");
+@source inline("ordinal p-0! pb-1.5 pl-1.5 pr-0.5 pr-10 pr-16 pr-3 pr-9 pt-1 py-0! resize-none resize-y right-3");
+@source inline("ring-field-error/30 self self-stretch shadow-[1px_0_0_0_var(--color-border)] size-7");
+@source inline("slide-in-from-top-1 table-fixed text-[length:0] text-accent-solid-foreground");
+@source inline("text-field-placeholder text-success text-xl to-transparent top-3 w-0! w-11 w-12 w-20 w-32 w-36");
+@source inline("w-40 w-88");

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

@@ -18,15 +18,14 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 33 candidate(s).
+ * 26 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 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");
+@source inline("bg-accent/60 collapse cursor-help duration-150 first:pt-1 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-56 mr-0.5 opacity-100");
+@source inline("ring-inset ring-ring self-stretch text-3xl text-[length:var(--text-glyph)]");
+@source inline("text-muted-foreground/60 text-success");

package/src/styles-areas/emoji.css

@@ -18,11 +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.
- * 9 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("h-105 hover:border-field-ring max-h-64 min-w-48 shadow-popover size-7 text-field-placeholder");
-@source inline("text-xl w-88");
+@source inline("h-105 hover:border-field-ring min-w-48 shadow-popover size-7 text-field-placeholder text-xl w-88");

package/src/styles-areas/fields.css

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