cursedbelt 5.69.0 → 5.70.0

package/src/react/look/AppearancePanel.tsx

@@ -1,8 +1,6 @@
 import type { ReactNode } from 'react';
-import { useColorScheme } from '../colorScheme/useColorScheme.js';
 import { Popover } from '../components/Popover.js';
-import { SegmentedControl } from '../components/SegmentedControl.js';
-import { LookPicker } from './LookPicker.js';
+import { AppearanceFields } from './AppearanceFields.js';
 import type { LookId } from './lookStore.js';
 
 export interface AppearancePanelProps {
@@ -21,7 +19,6 @@ export interface AppearancePanelProps {
  * arch, 2026-10-07, forge task 2916). Not exported: `AppearanceMenu` is the API.
  */
 export default function AppearancePanel({ trigger, open, onOpenChange, label, looks, align }: AppearancePanelProps) {
-  const { mode, setMode } = useColorScheme();
   return (
     <Popover
       trigger={trigger}
@@ -31,24 +28,7 @@ export default function AppearancePanel({ trigger, open, onOpenChange, label, lo
       label={label}
       width='min(20rem, calc(100vw - 1rem))'
     >
-      <div className='flex flex-col gap-4' data-cb-appearance-menu=''>
-        <LookPicker looks={looks} label='Look' columns={2} />
-        <div className='flex flex-col gap-1.5'>
-          <span className='text-sm font-medium text-foreground'>Light or dark</span>
-          <SegmentedControl
-            size='sm'
-            aria-label='Light or dark'
-            value={mode}
-            onChange={setMode}
-            options={[
-              { value: 'light', label: 'Light' },
-              { value: 'dark', label: 'Dark' },
-              { value: 'system', label: 'System' },
-            ]}
-          />
-        </div>
-        <p className='text-xs text-muted-foreground'>Kept on this device.</p>
-      </div>
+      <AppearanceFields looks={looks} />
     </Popover>
   );
 }

package/src/react/look/AppearanceSheet.tsx

@@ -0,0 +1,45 @@
+import { Suspense, useState } from 'react';
+import { lazyWithReload } from '../lazy/staleChunk.js';
+import type { LookId } from './lookStore.js';
+
+/** The sheet, fetched the first time it is opened (or preloaded) — never in the entry chunk. */
+const loadSheet = () => import('./AppearanceSheetPanel.js');
+const AppearanceSheetPanel = lazyWithReload(loadSheet);
+
+/**
+ * Fetch the sheet's chunk ahead of the press — call it when the row that opens the sheet is drawn
+ * (an account menu opening), so the sheet slides up on the tap instead of after a round trip.
+ */
+export function preloadAppearanceSheet(): void {
+  void loadSheet();
+}
+
+export interface AppearanceSheetProps {
+  open: boolean;
+  onClose: () => void;
+  /** The sheet's title and accessible name. Default 'Appearance'. */
+  label?: string;
+  /** Which looks to offer, in order. Default: every look the stylesheets ship. */
+  looks?: readonly LookId[];
+}
+
+/**
+ * {@link AppearanceMenu}'s choice — the LOOK cards and Light / Dark / System — as a controlled
+ * bottom sheet, for a phone bar with no room for the menu's icon button. Open it from a row in
+ * the account menu ("Appearance…"), as Linear's and Obsidian's phone apps reach their theme
+ * settings from the account / settings list rather than the toolbar (forge task 2932).
+ *
+ * Renders nothing until first opened; from then on the lazy panel stays mounted so the close
+ * animates. Reads and writes the same stores as the menu, so a look picked here is the one the
+ * desktop bar shows.
+ */
+export function AppearanceSheet({ open, onClose, label = 'Appearance', looks }: AppearanceSheetProps) {
+  const [wanted, setWanted] = useState(open);
+  if (open && !wanted) setWanted(true);
+  if (!wanted) return null;
+  return (
+    <Suspense fallback={null}>
+      <AppearanceSheetPanel open={open} onClose={onClose} label={label} looks={looks} />
+    </Suspense>
+  );
+}

package/src/react/look/AppearanceSheetPanel.tsx

@@ -0,0 +1,23 @@
+import { Drawer } from '../components/Drawer.js';
+import { AppearanceFields } from './AppearanceFields.js';
+import type { LookId } from './lookStore.js';
+
+export interface AppearanceSheetPanelProps {
+  open: boolean;
+  onClose: () => void;
+  label: string;
+  looks?: readonly LookId[];
+}
+
+/**
+ * `AppearanceSheet`'s body — the same fields as the TopBar's popover, in a bottom sheet. Its own
+ * module for the reason `AppearancePanel` is: the Drawer, radio group and tabs load when the
+ * sheet is first asked for, never with the entry. Not exported: `AppearanceSheet` is the API.
+ */
+export default function AppearanceSheetPanel({ open, onClose, label, looks }: AppearanceSheetPanelProps) {
+  return (
+    <Drawer open={open} onClose={onClose} side='bottom' size='md' title={label}>
+      <AppearanceFields looks={looks} />
+    </Drawer>
+  );
+}

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.
- * 166 candidate(s).
+ * 151 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,25 +32,19 @@
 @source inline("@max-6xl:p-0! @max-6xl:w-0! @max-xl:contents @xl:basis-auto @xl:block @xl:hidden [&>*]:hidden");
 @source inline("[&>*]:max-w-none [&>svg]:size-3.5 [&_svg]:size-3 [overflow-wrap:anywhere] active:cursor-grabbing");
 @source inline("appearance-none basis basis-full bg-[var(--cb-frozen-bg)] bg-card/95 bg-gradient-to-t");
-@source inline("bg-muted/30 bg-muted/50 border-accent-solid border-accent/60 border-field-error border-l");
-@source inline("border-r border-solid border-t-2 col collapse cursor-grab data-[ending-style]:opacity-0");
-@source inline("data-[ending-style]:scale-95 data-[highlighted]:bg-accent/10");
-@source inline("data-[highlighted]:text-accent-strong data-[starting-style]:opacity-0");
-@source inline("data-[starting-style]:scale-95 data-[state=closed]:slide-out-to-bottom");
-@source inline("data-[state=closed]:slide-out-to-left data-[state=closed]:slide-out-to-right");
-@source inline("data-[state=open]:slide-in-from-bottom data-[state=open]:slide-in-from-left");
-@source inline("data-[state=open]:slide-in-from-right disabled:opacity-40 duration-100 fade-in");
-@source inline("focus-visible:ring-field-ring/40 focus-within:border-field-ring focus-within:ring-2");
+@source inline("bg-muted/30 bg-muted/50 border-accent-solid border-accent/60 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-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-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)]");
-@source inline("max-h-[var(--sheet-h-sm)] 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("max-w-sm min-h-20 min-h-dvh min-w-0! min-w-20 min-w-24 min-w-52 min-w-[var(--anchor-width)]");
+@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("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-52 min-w-[var(--anchor-width)]");
 @source inline("min-w-max ml-1.5 mr-2 mt-1.5 mt-3 mt-4 not-italic ordinal p-0! pb-1.5 pl-1.5 pl-2 pr-0.5 pr-1");
-@source inline("pr-10 pr-16 pr-3 pr-9 pt-1 resize-none resize-y right-3 ring-field-error/30 rounded-l-xl");
-@source inline("rounded-r-xl rounded-t-xl self self-stretch shadow-[1px_0_0_0_var(--color-border)] shrink-[2]");
-@source inline("size-7 slide-in-from-top-1 table-fixed text-accent-solid-foreground text-field-placeholder");
-@source inline("text-success text-xl to-transparent top-3 transition-[transform,opacity] w-0 w-0! w-11 w-12 w-20");
-@source inline("w-32 w-36 w-40 w-88");
+@source inline("pr-10 pr-16 pr-3 pr-9 pt-1 resize-none resize-y right-3 ring-field-error/30 self self-stretch");
+@source inline("shadow-[1px_0_0_0_var(--color-border)] shrink-[2] size-7 slide-in-from-top-1 table-fixed");
+@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-0! w-11 w-12 w-20 w-32 w-36 w-40 w-88");

package/src/styles-areas/auth.css

@@ -18,12 +18,12 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 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("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 max-w-sm");
-@source inline("min-h-dvh self-stretch sm:w-11");
+@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");

package/src/styles-areas/calendar.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.
- * 77 candidate(s).
+ * 76 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,14 +27,14 @@
 @source inline("bg-amber-100 bg-amber-500 bg-blue-100 bg-blue-500 bg-emerald-500 bg-green-100 bg-green-500");
 @source inline("bg-muted/60 bg-purple-100 bg-purple-500 bg-rose-100 bg-rose-500 bg-sky-100 bg-sky-500");
 @source inline("bg-slate-200 bg-slate-500 bg-teal-100 bg-teal-500 bg-violet-100 bg-violet-500 border-border/40");
-@source inline("border-r collapse dark:bg-amber-900/40 dark:bg-blue-900/40 dark:bg-emerald-900/40");
-@source inline("dark:bg-green-900/40 dark:bg-purple-900/40 dark:bg-rose-900/40 dark:bg-sky-900/40");
-@source inline("dark:bg-slate-800 dark:bg-teal-900/40 dark:bg-violet-900/40 dark:text-amber-200");
-@source inline("dark:text-blue-200 dark:text-emerald-200 dark:text-green-200 dark:text-purple-200");
-@source inline("dark:text-rose-200 dark:text-sky-200 dark:text-slate-200 dark:text-teal-200 dark:text-violet-200");
-@source inline("focus:opacity-100 grid-cols-[repeat(7,minmax(0,1fr))] group-focus-within:opacity-100 h-3.5");
-@source inline("hover:bg-muted/30 hover:bg-muted/40 hover:border-border/80 last:border-r-0 line-through min-h-28");
-@source inline("min-h-40 opacity-85 outline-1 outline-dashed outline-tone-amber-ink sm:inline sm:min-h-0");
-@source inline("sm:min-h-24 sm:px-1.5 sm:text-xs text-accent-solid-foreground text-amber-900 text-blue-800");
-@source inline("text-emerald-800 text-green-800 text-purple-800 text-rose-800 text-sky-800 text-slate-800");
-@source inline("text-teal-800 text-tone-amber-ink text-violet-800 w-20 w-3.5");
+@source inline("collapse dark:bg-amber-900/40 dark:bg-blue-900/40 dark:bg-emerald-900/40 dark:bg-green-900/40");
+@source inline("dark:bg-purple-900/40 dark:bg-rose-900/40 dark:bg-sky-900/40 dark:bg-slate-800");
+@source inline("dark:bg-teal-900/40 dark:bg-violet-900/40 dark:text-amber-200 dark:text-blue-200");
+@source inline("dark:text-emerald-200 dark:text-green-200 dark:text-purple-200 dark:text-rose-200");
+@source inline("dark:text-sky-200 dark:text-slate-200 dark:text-teal-200 dark:text-violet-200 focus:opacity-100");
+@source inline("grid-cols-[repeat(7,minmax(0,1fr))] group-focus-within:opacity-100 h-3.5 hover:bg-muted/30");
+@source inline("hover:bg-muted/40 hover:border-border/80 last:border-r-0 line-through min-h-28 min-h-40");
+@source inline("opacity-85 outline-1 outline-dashed outline-tone-amber-ink sm:inline sm:min-h-0 sm:min-h-24");
+@source inline("sm:px-1.5 sm:text-xs text-accent-solid-foreground text-amber-900 text-blue-800 text-emerald-800");
+@source inline("text-green-800 text-purple-800 text-rose-800 text-sky-800 text-slate-800 text-teal-800");
+@source inline("text-tone-amber-ink text-violet-800 w-20 w-3.5");

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.
- * 905 candidate(s).
+ * 920 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
@@ -62,11 +62,11 @@
 @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("border-field-border border-l border-r border-rule border-success/30 border-success/40");
+@source inline("border-success/50 border-t border-tone-sky-fg/30 border-tone-slate-fg/30 border-transparent");
+@source inline("border-warning/30 border-warning/40 border-warning/50 border-x-4 border-x-transparent bot bottom");
+@source inline("bottom-0 break break-all break-words c ca cap capitalize co col-span-full com contain container");
+@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)]");
@@ -86,12 +86,15 @@
 @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]: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");
-@source inline("data-[state=open]:slide-in-from-bottom-2 data-[state=open]:zoom-in-[0.985]");
+@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");
@@ -135,33 +138,34 @@
 @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");
-@source inline("max-sm:h-dvh max-sm:hidden max-sm:inset-x-0 max-sm:max-h-[var(--sheet-h-phone)] max-sm:max-h-dvh");
-@source inline("max-sm:max-w-none max-sm:pt-6 max-sm:rounded-b-none max-sm:rounded-none max-sm:rounded-t-2xl");
-@source inline("max-sm:touch-none max-sm:w-full max-w-(--radix-popover-content-available-width) max-w-2xl");
-@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-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");
-@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-y-auto");
-@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");
-@source inline("pointer-coarse:size-5 pointer-coarse:size-9 pointer-coarse:w-11 pointer-coarse:w-18");
-@source inline("pointer-events pointer-events-auto pointer-events-none pr-8 pt-2 pt-3 px px-0 px-1 px-1.5 px-2");
-@source inline("px-2.5 px-3 px-4 px-5 px-6 px-row-x py-0 py-0.5 py-1 py-1.5 py-12 py-2 py-2.5 py-3 py-4 py-6");
-@source inline("py-[var(--panel-pad)] py-px py-row-y r re relative res resize right right-0 right-2 ring ring-2");
-@source inline("ring-background ro rotate-90 round rounded rounded-[calc(var(--radius-md)-0.25rem)]");
-@source inline("rounded-field rounded-full rounded-l-full rounded-lg rounded-md rounded-none rounded-r-full");
-@source inline("rounded-sm rounded-xl ru run running s select select-all select-none self-start shadow");
+@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");
+@source inline("max-sm:data-[state=open]:slide-in-from-bottom max-sm:h-dvh max-sm:hidden max-sm:inset-x-0");
+@source inline("max-sm:max-h-[var(--sheet-h-phone)] max-sm:max-h-dvh max-sm:max-w-none max-sm:pt-6");
+@source inline("max-sm:rounded-b-none max-sm:rounded-none max-sm:rounded-t-2xl max-sm:touch-none max-sm:w-full");
+@source inline("max-w-(--radix-popover-content-available-width) max-w-2xl max-w-40 max-w-[var(--modal-w-sm)]");
+@source inline("max-w-[var(--page-w-dashboard)] max-w-[var(--page-w-form)] max-w-[var(--page-w-wide)]");
+@source inline("max-w-[var(--reading-width)] max-w-full max-w-lg max-w-md max-w-sm max-w-xl max-w-xs mb-0.5 mb-1");
+@source inline("mb-3 md md:divide-border md:divide-x md:flex-none md:flex-row md:grid-cols-4 md:inline md:w-1/3");
+@source inline("md:w-2/5 min min-h-0 min-h-11 min-h-14 min-h-[1lh] min-h-[var(--control-h-lg)]");
+@source inline("min-h-[var(--control-h-md)] 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-y-auto overscroll-contain p p-0 p-0.5 p-1 p-1.5 p-2 p-3");
+@source inline("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("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("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");
 @source inline("shadow-[var(--shadow-overlay)] shadow-[var(--shadow-popover)] shadow-none shadow-overlay");
 @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 slid slide slide-in-from-left sm");

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.
- * 161 candidate(s).
+ * 146 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,24 +32,19 @@
 @source inline("@max-6xl:p-0! @max-6xl:w-0! @max-xl:contents @xl:basis-auto @xl:block @xl:hidden [&>*]:hidden");
 @source inline("[&>*]:max-w-none [&>svg]:size-3.5 [&_svg]:size-3 [overflow-wrap:anywhere] active:cursor-grabbing");
 @source inline("appearance-none basis-full bg-[var(--cb-frozen-bg)] bg-card/95 bg-gradient-to-t bg-muted/30");
-@source inline("bg-muted/50 border-accent-solid border-accent/60 border-field-error border-l border-r");
-@source inline("border-solid border-t-2 col collapse cursor-grab data-[ending-style]:opacity-0");
-@source inline("data-[ending-style]:scale-95 data-[highlighted]:bg-accent/10");
-@source inline("data-[highlighted]:text-accent-strong data-[starting-style]:opacity-0");
-@source inline("data-[starting-style]:scale-95 data-[state=closed]:slide-out-to-bottom");
-@source inline("data-[state=closed]:slide-out-to-left data-[state=closed]:slide-out-to-right");
-@source inline("data-[state=open]:slide-in-from-bottom data-[state=open]:slide-in-from-left");
-@source inline("data-[state=open]:slide-in-from-right disabled:opacity-40 duration-100 fade-in");
-@source inline("focus-visible:ring-field-ring/40 focus-within:border-field-ring focus-within:ring-2");
+@source inline("bg-muted/50 border-accent-solid border-accent/60 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-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-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)]");
-@source inline("max-h-[var(--sheet-h-sm)] max-sm:flex-1 max-sm:flex-wrap max-sm:min-w-0 max-sm:min-w-24");
+@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("max-w-sm min-h-20 min-h-dvh min-w-0! min-w-24 min-w-52 min-w-[var(--anchor-width)] min-w-max");
-@source inline("ml-1.5 mr-2 mt-1.5 mt-3 mt-4 not-italic ordinal p-0! pb-1.5 pl-1.5 pl-2 pr-0.5 pr-1 pr-10 pr-16");
-@source inline("pr-3 pr-9 pt-1 resize-none resize-y right-3 ring-field-error/30 rounded-l-xl rounded-r-xl");
-@source inline("rounded-t-xl self self-stretch shadow-[1px_0_0_0_var(--color-border)] size-7 slide-in-from-top-1");
-@source inline("table-fixed text-accent-solid-foreground text-field-placeholder text-success text-xl");
-@source inline("to-transparent top-3 transition-[transform,opacity] w-0! w-11 w-12 w-20 w-32 w-36 w-40 w-88");
+@source inline("min-h-20 min-h-dvh min-w-0! min-w-24 min-w-52 min-w-[var(--anchor-width)] min-w-max ml-1.5 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 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");
+@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");

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

package/src/styles-areas/filter-rail.css

@@ -18,14 +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.
- * 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
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
 @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("bg-card-overlay 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 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");

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

package/src/styles-areas/overlays.css

@@ -18,16 +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.
- * 23 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("accent-[var(--accent-solid)] bg-accent/15 bg-warning/10 border-dashed border-l border-r");
-@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("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");
+@source inline("accent-[var(--accent-solid)] bg-accent/15 bg-warning/10 border-dashed hover:border-border");
+@source inline("max-h-[var(--radix-popover-content-available-height)] max-w-[var(--overlay-max-w)] w-64");

package/src/styles-areas/place-bar.css

@@ -18,16 +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.
- * 29 candidate(s).
+ * 14 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
-@source inline("-mt-5 -top-1 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 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");
+@source inline("-mt-5 -top-1 bg-accent/15 inset-x-3 items-stretch justify-around list-none min-h-12 min-w-3.5");
+@source inline("no-underline place-items-center pt-0 px-0.5 shadow-lg");

package/src/styles-areas/problem-detail.css

@@ -18,11 +18,11 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 11 candidate(s).
+ * 10 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
-@source inline("-left-[calc(0.75rem+3px)] bg-card/50 bg-muted/30 border-accent/30 border-l mb-1.5 mb-2 pl-3");
-@source inline("select-text sm:grid-cols-2 top-1.5");
+@source inline("-left-[calc(0.75rem+3px)] bg-card/50 bg-muted/30 border-accent/30 mb-1.5 mb-2 pl-3 select-text");
+@source inline("sm:grid-cols-2 top-1.5");

package/src/styles-areas/sharing.css

@@ -18,15 +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.
- * 29 candidate(s).
+ * 14 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("bg-accent/15 border-[var(--border)] 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 disabled:opacity-100 hover:opacity-90 left-3 max-h-56");
-@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm min-w-48");
-@source inline("ml-2 mt-4 pl-9 right-3 rounded-l-xl rounded-r-xl rounded-t-xl size-9 space-y-4 w-32");
+@source inline("bg-accent/15 border-[var(--border)] disabled:opacity-100 hover:opacity-90 left-3 max-h-56");
+@source inline("min-w-48 ml-2 mt-4 pl-9 right-3 size-9 space-y-4 w-32");