cursedbelt 5.63.0 → 5.64.0

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.
- * 864 candidate(s).
+ * 871 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
@@ -48,27 +48,28 @@
 @source inline("aria-pressed:text-accent auto auto-cols-fr b back backdrop backdrop-blur backdrop-blur-md");
 @source inline("backdrop-blur-sm bg bg-accent bg-accent-solid bg-accent/10 bg-accent/5 bg-background");
 @source inline("bg-background/80 bg-background/90 bg-background/95 bg-black/50 bg-border bg-border-strong");
-@source inline("bg-card bg-current bg-destructive bg-destructive-solid bg-destructive/15 bg-destructive/5");
-@source inline("bg-destructive/8 bg-emerald-100 bg-field-bg bg-muted bg-muted-foreground bg-muted-foreground/40");
-@source inline("bg-muted-foreground/50 bg-muted-foreground/60 bg-muted/20 bg-muted/40 bg-popover bg-popover!");
-@source inline("bg-success bg-success-solid bg-success/15 bg-success/5 bg-surface bg-surface-sunken");
-@source inline("bg-tone-amber-bg bg-tone-amber-fg bg-tone-cyan-bg bg-tone-cyan-fg bg-tone-emerald-bg");
-@source inline("bg-tone-emerald-fg bg-tone-fuchsia-bg bg-tone-fuchsia-fg bg-tone-lime-bg bg-tone-lime-fg");
-@source inline("bg-tone-orange-bg bg-tone-orange-fg bg-tone-purple-bg bg-tone-purple-fg bg-tone-rose-bg");
-@source inline("bg-tone-rose-fg bg-tone-sky-bg bg-tone-sky-fg bg-tone-slate-bg bg-tone-slate-fg bg-tone-teal-bg");
-@source inline("bg-tone-teal-fg bg-tone-violet-bg bg-tone-violet-fg bg-transparent bg-warning bg-warning/15");
-@source inline("bg-warning/5 bg-warning/8 bg-white block blur border border-0 border-accent border-accent/40");
-@source inline("border-accent/50 border-b border-b-0 border-b-2 border-b-[length:var(--status-glyph-h)]");
-@source inline("border-b-current border-border border-border! border-border-strong border-border/60");
-@source inline("border-collapse border-current border-destructive/30 border-destructive/40 border-destructive/50");
-@source inline("border-field-border border-rule border-success/30 border-success/40 border-success/50 border-t");
-@source inline("border-tone-sky-fg/30 border-tone-slate-fg/30 border-transparent border-warning/30");
-@source inline("border-warning/40 border-warning/50 border-x-4 border-x-transparent bot bottom bottom-0 break");
-@source inline("break-all break-words c ca cap capitalize co col-span-full com contain container content");
-@source inline("contents cursor cursor-col-resize cursor-default cursor-ew-resize cursor-not-allowed");
-@source inline("cursor-pointer cursor-row-resize d dark dark:bg-card-overlay dark:bg-card-raised");
-@source inline("dark:bg-gray-800 data data-[disabled]:hover:bg-border data-[disabled]:opacity-50");
-@source inline("data-[disabled]:pointer-events-none data-[interactive=true]:duration-[var(--duration-base)]");
+@source inline("bg-card bg-card-raised bg-current bg-destructive bg-destructive-solid bg-destructive/15");
+@source inline("bg-destructive/5 bg-destructive/8 bg-emerald-100 bg-field-bg bg-foreground/70 bg-muted");
+@source inline("bg-muted-foreground bg-muted-foreground/40 bg-muted-foreground/50 bg-muted-foreground/60");
+@source inline("bg-muted/20 bg-muted/40 bg-popover bg-popover! bg-success bg-success-solid bg-success/15");
+@source inline("bg-success/5 bg-surface bg-surface-sunken bg-tone-amber-bg bg-tone-amber-fg bg-tone-cyan-bg");
+@source inline("bg-tone-cyan-fg bg-tone-emerald-bg bg-tone-emerald-fg bg-tone-fuchsia-bg bg-tone-fuchsia-fg");
+@source inline("bg-tone-lime-bg bg-tone-lime-fg bg-tone-orange-bg bg-tone-orange-fg bg-tone-purple-bg");
+@source inline("bg-tone-purple-fg bg-tone-rose-bg bg-tone-rose-fg bg-tone-sky-bg bg-tone-sky-fg bg-tone-slate-bg");
+@source inline("bg-tone-slate-fg bg-tone-teal-bg bg-tone-teal-fg bg-tone-violet-bg bg-tone-violet-fg");
+@source inline("bg-transparent bg-warning bg-warning/15 bg-warning/5 bg-warning/8 bg-white block blur border");
+@source inline("border-0 border-accent border-accent/40 border-accent/50 border-b border-b-0 border-b-2");
+@source inline("border-b-[length:var(--status-glyph-h)] border-b-current border-border border-border!");
+@source inline("border-border-strong border-border/60 border-collapse border-current border-destructive/30");
+@source inline("border-destructive/40 border-destructive/50 border-field-border border-rule border-success/30");
+@source inline("border-success/40 border-success/50 border-t border-tone-sky-fg/30 border-tone-slate-fg/30");
+@source inline("border-transparent border-warning/30 border-warning/40 border-warning/50 border-x-4");
+@source inline("border-x-transparent bot bottom bottom-0 break break-all break-words c ca cap capitalize co");
+@source inline("col-span-full com contain container content contents cursor cursor-col-resize cursor-default");
+@source inline("cursor-ew-resize cursor-not-allowed cursor-pointer cursor-row-resize d dark dark:bg-card-overlay");
+@source inline("dark:bg-card-raised dark:bg-gray-800 data data-[disabled]:hover:bg-border");
+@source inline("data-[disabled]:opacity-50 data-[disabled]:pointer-events-none");
+@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,10 +80,10 @@
 @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-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]:zoom-out-95");
+@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 data-[state=closed]:zoom-out-95");
 @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]:zoom-in-95");
@@ -108,19 +109,19 @@
 @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");
-@source inline("group-data-[density=compact]/properties:min-h-6 group-data-[state=open]:rotate-90");
-@source inline("group-focus-visible/sep:opacity-100 group-hover group-hover/path:opacity-100");
-@source inline("group-hover/sep:opacity-100 group-hover:opacity-100 group/path group/properties group/sep grow h");
-@source inline("h-0.5 h-1 h-1.5 h-10 h-14 h-16 h-2 h-2.5 h-24 h-3 h-32 h-4 h-5 h-6 h-7 h-8 h-9");
-@source inline("h-[calc(100dvh-…)] h-[min(var(--region-h-lg),var(--region-h-phone))]");
+@source inline("group-data-[density=compact]/properties:min-h-6 group-data-[state=checked]:opacity-100");
+@source inline("group-data-[state=open]:rotate-90 group-focus-visible/sep:opacity-100 group-hover");
+@source inline("group-hover/path:opacity-100 group-hover/sep:opacity-100 group-hover:opacity-100 group/path");
+@source inline("group/properties group/sep grow h h-0.5 h-1 h-1.5 h-10 h-14 h-16 h-2 h-2.5 h-24 h-3 h-32 h-4 h-5");
+@source inline("h-6 h-7 h-8 h-9 h-[calc(100dvh-…)] h-[min(var(--region-h-lg),var(--region-h-phone))]");
 @source inline("h-[min(var(--region-h-md),var(--region-h-phone))]");
 @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-destructive/10 hover:bg-muted hover:bg-success-solid-hover hover:bg-transparent");
-@source inline("hover:border-accent hover:border-destructive-solid hover:opacity-70 hover:text-accent");
-@source inline("hover:text-destructive hover:text-destructive-foreground hover:text-foreground");
+@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");
@@ -142,8 +143,8 @@
 @source inline("motion-reduce:animate-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-y-auto");
-@source inline("overscroll-contain p p-0 p-0.5 p-1 p-2 p-3 p-4 p-6 p-[7px] p-[var(--panel-pad)] pause paused");
-@source inline("pb-0 pb-1 pb-2 pb-3 pb-4 pb-[max(env(safe-area-inset-bottom,0px),0.75rem)]");
+@source inline("overscroll-contain p p-0 p-0.5 p-1 p-1.5 p-2 p-3 p-4 p-6 p-[7px] p-[var(--panel-pad)] pause");
+@source inline("paused pb-0 pb-1 pb-2 pb-3 pb-4 pb-[max(env(safe-area-inset-bottom,0px),0.75rem)]");
 @source inline("pb-[var(--empty-lift)] pl-4 pl-8 place placeholder placeholder:text-field-placeholder point");
 @source inline("pointer pointer-coarse pointer-coarse:-m-2 pointer-coarse:data-[state=checked]:translate-x-8");
 @source inline("pointer-coarse:h-11 pointer-coarse:min-h-11 pointer-coarse:min-w-11 pointer-coarse:opacity-100");
@@ -158,8 +159,8 @@
 @source inline("shadow-raised shadow-sm shrink shrink-0 size size-0 size-1.5 size-10 size-12 size-14 size-2");
 @source inline("size-2.5 size-20 size-3 size-3.5 size-4 size-5 size-6 size-8 sm sm:-translate-x-1/2");
 @source inline("sm:-translate-y-1/2 sm:block sm:data-[state=closed]:zoom-out-95 sm:data-[state=open]:zoom-in-95");
-@source inline("sm:h-[var(--region-h-lg)] sm:h-[var(--region-h-md)] sm:h-[var(--region-h-sm)] sm:hidden");
-@source inline("sm:left-1/2 sm:max-h-[calc(100dvh-2rem)] sm:max-h-[min(90dvh,calc(100dvh-2rem))]");
+@source inline("sm:grid-cols-4 sm:h-[var(--region-h-lg)] sm:h-[var(--region-h-md)] sm:h-[var(--region-h-sm)]");
+@source inline("sm:hidden sm:left-1/2 sm:max-h-[calc(100dvh-2rem)] sm:max-h-[min(90dvh,calc(100dvh-2rem))]");
 @source inline("sm:max-w-[calc(100vw-2rem)] sm:max-w-[var(--modal-w-lg)] sm:max-w-[var(--modal-w-md)]");
 @source inline("sm:max-w-[var(--modal-w-sm)] sm:p-4 sm:p-5 sm:p-8 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");

package/src/styles-areas/emoji.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.
- * 10 candidate(s).
+ * 9 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-border-strong hover:border-field-ring max-h-64 min-w-48 shadow-popover size-7");
-@source inline("text-field-placeholder text-xl w-88");
+@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");

package/src/styles-areas/folder-tree.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.
- * 23 candidate(s).
+ * 22 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,5 +26,5 @@
  */
 @source inline("[&>*]:min-w-0 bg-[var(--card)] bg-[var(--muted)]/10 bg-[var(--muted)]/20 bg-accent/15 collapse");
 @source inline("duration-150 hover:decoration-border hover:underline-offset-4 max-h-72 max-w max-w-48 max-w-80");
-@source inline("min-w-8 mx-0.5 p-1.5 place-items-center px-0.5 ring-1 ring-[var(--accent)] rotate-180");
-@source inline("self-stretch text-[var(--danger)]");
+@source inline("min-w-8 mx-0.5 place-items-center px-0.5 ring-1 ring-[var(--accent)] rotate-180 self-stretch");
+@source inline("text-[var(--danger)]");

package/src/styles-areas/layout-engine.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.
- * 61 candidate(s).
+ * 59 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,8 +30,8 @@
 @source inline("bg-tone-purple-bg/50 bg-tone-rose-bg/50 bg-tone-sky-bg/50 bg-tone-slate-bg/50 border-2");
 @source inline("border-current/20 border-dashed col-span-12 col-span-6 collapse focus:border-accent focus:ring-1");
 @source inline("focus:ring-ring gap-y-3 grid-cols-1 grid-cols-12 group-focus-within:opacity-100");
-@source inline("hover:bg-accent/5 hover:border-border-strong lg:flex-row lg:inset-8 lg:items-start lg:w-72 p-1.5");
-@source inline("p-5 pt-1 ring-1 ring-accent ring-accent/40 self-stretch sm:border sm:border-border sm:inset-4");
-@source inline("text-3xl text-muted-foreground/60 text-muted-foreground/70 text-tone-amber-ink");
-@source inline("text-tone-cyan-ink text-tone-emerald-ink text-tone-purple-ink text-tone-rose-ink");
-@source inline("text-tone-sky-ink text-tone-slate-ink text-xl");
+@source inline("hover:bg-accent/5 lg:flex-row lg:inset-8 lg:items-start lg:w-72 p-5 pt-1 ring-1 ring-accent");
+@source inline("ring-accent/40 self-stretch sm:border sm:border-border sm:inset-4 text-3xl");
+@source inline("text-muted-foreground/60 text-muted-foreground/70 text-tone-amber-ink text-tone-cyan-ink");
+@source inline("text-tone-emerald-ink text-tone-purple-ink text-tone-rose-ink text-tone-sky-ink");
+@source inline("text-tone-slate-ink text-xl");

package/src/styles-areas/media-gallery.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.
- * 57 candidate(s).
+ * 56 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,8 +28,8 @@
 @source inline("bg-black/95 bg-white/10 border-none bottom-1 col collapse ease-in-out f");
 @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-white/20 hover:border-accent-solid hover:text-white");
-@source inline("inset-4 left-1 max-h-[40vh] min-h-20 min-h-dvh min-w-12 min-w-16 min-w-20 min-w-24 mx-1 p-1.5");
-@source inline("pl-2 place-items-center pr-1 resize-none right-1 right-4 size-9 text-tone-amber-ink");
+@source inline("inset-4 left-1 max-h-[40vh] min-h-20 min-h-dvh min-w-12 min-w-16 min-w-20 min-w-24 mx-1 pl-2");
+@source inline("place-items-center pr-1 resize-none right-1 right-4 size-9 text-tone-amber-ink");
 @source inline("text-tone-cyan-ink text-tone-emerald-ink text-tone-orange-ink text-tone-purple-ink");
 @source inline("text-tone-rose-ink text-tone-sky-ink text-tone-slate-ink text-white/70 top-1 top-4 translate");
 @source inline("translate-x-px w-40 w-48 zoom zoom-in");

package/src/styles-areas/media.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.
- * 82 candidate(s).
+ * 81 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,9 +26,9 @@
  */
 @source inline("[&_svg]:max-h-10 [&_svg]:min-h-5 [&_svg]:size-1/3 accent-white active:cursor-grabbing");
 @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-white/90 border-2 border-accent-solid border-white/90");
-@source inline("border-y-2 bottom-1 bottom-1.5 bottom-2 cursor-crosshair cursor-grab cursor-zoom-in ease-in-out");
+@source inline("bg-background/85 bg-black bg-black/55 bg-black/60 bg-black/85 bg-black/90 bg-center bg-cover");
+@source inline("bg-linear-to-t bg-white/90 border-2 border-accent-solid border-white/90 border-y-2 bottom-1");
+@source inline("bottom-1.5 bottom-2 cursor-crosshair cursor-grab cursor-zoom-in ease-in-out");
 @source inline("focus-within:opacity-100 from-black/80 g grayscale group-focus-within:opacity-100 h-11");
 @source inline("hover:bg-black/75 hover:bg-destructive hover:bg-white/20 hover:border-accent-solid invert left-0");
 @source inline("left-1 max-h-[40vh] max-h-[var(--media-max-h)] max-h-full max-w-50 min-h-64 min-h-dvh min-w-10");

package/src/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.
- * 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
@@ -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 hover:border-border");
-@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");
+@source inline("left-0 max-h-[var(--radix-popover-content-available-height)] max-h-[var(--sheet-h-lg)]");
+@source inline("max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-[var(--overlay-max-w)] max-w-sm");
+@source inline("rounded-l-xl rounded-r-xl rounded-t-xl w-64");

package/src/styles-areas/workbench.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 109 candidate(s).
+ * 108 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
@@ -32,12 +32,12 @@
 @source inline("data-[state=open]:slide-in-from-bottom data-[state=open]:slide-in-from-left");
 @source inline("data-[state=open]:slide-in-from-right disabled:opacity-0 duration-150 first:pt-1 flex-row");
 @source inline("group-hover:disabled:opacity-50 h-105 h-40 hover:bg-card-overlay hover:bg-muted-foreground/10");
-@source inline("hover:bg-muted/80 hover:border-border-strong hover:border-field-ring hover:shadow-popover italic");
-@source inline("left-0 left-2.5 max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)]");
-@source inline("max-h-full max-w-sm min-h min-h-20 min-h-8 min-h-9 min-h-dvh min-h-full min-w-20 min-w-40");
-@source inline("opacity-100 pb-0.5 pb-[max(env(safe-area-inset-bottom,0px),0.5rem)] peer-focus");
-@source inline("peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-field-ring/40 peer-focus:rounded-lg");
-@source inline("pl-1 pl-3 pointer-coarse:disabled:opacity-50 pointer-coarse:h-12 pointer-coarse:w-12 pr-16 pr-9");
+@source inline("hover:bg-muted/80 hover:border-field-ring hover:shadow-popover italic left-0 left-2.5");
+@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-h-full");
+@source inline("max-w-sm min-h min-h-20 min-h-8 min-h-9 min-h-dvh min-h-full min-w-20 min-w-40 opacity-100");
+@source inline("pb-0.5 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:disabled:opacity-50 pointer-coarse:h-12 pointer-coarse:w-12 pr-16 pr-9");
 @source inline("resize-none right-4 ring-1 ring-4 ring-accent/20 ring-accent/30 ring-accent/40 ring-border");
 @source inline("ring-inset ring-ring rounded-[var(--radius-device)] rounded-l-xl rounded-r-xl rounded-t-xl");
 @source inline("scale-[1.01] self-stretch shrink-[2] size-7 sm:flex-1 sm:flex-nowrap sm:shrink-0 sm:w-56");

package/src/styles-utilities.css

@@ -2135,6 +2135,12 @@
   .bg-field-bg {
     background-color: var(--field-bg);
   }
+  .bg-foreground\/70 {
+    background-color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
+    }
+  }
   .bg-green-100 {
     background-color: var(--color-green-100);
   }
@@ -3540,6 +3546,9 @@
   .group-data-\[density\=compact\]\/properties\:items-start:is(:where(.group\/properties)[data-density="compact"] *) {
     align-items: flex-start;
   }
+  .group-data-\[state\=checked\]\:opacity-100:is(:where(.group)[data-state="checked"] *) {
+    opacity: 100%;
+  }
   .group-data-\[state\=open\]\:rotate-90:is(:where(.group)[data-state="open"] *) {
     rotate: 90deg;
   }
@@ -4273,6 +4282,10 @@
   .data-\[state\=checked\]\:text-white[data-state="checked"] {
     color: var(--color-white);
   }
+  .data-\[state\=checked\]\:ring-1[data-state="checked"] {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .data-\[state\=checked\]\:ring-2[data-state="checked"] {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4557,6 +4570,9 @@
     .sm\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
+    .sm\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
     .sm\:grid-cols-\[minmax\(7rem\,18rem\)_minmax\(4rem\,1fr\)_auto\] {
       grid-template-columns: minmax(7rem,18rem) minmax(4rem,1fr) auto;
     }