cursedbelt 5.64.0 → 5.67.0

package/dist/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.
- * 144 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
@@ -37,20 +37,20 @@
 @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 data-[state=open]:slide-in-from-top-2");
-@source inline("disabled:hover:scale-100 disabled:opacity-40 focus-within:opacity-100 g grid-cols-4");
-@source inline("group-hover/navitem:opacity-100 group-hover/tile:opacity-100 group/navitem group/tile h-12");
-@source inline("h-[var(--header-h)] h-[var(--header-h-dense)] h-[var(--header-h-roomy)] h-dvh");
-@source inline("hover:border-foreground/20 hover:decoration-border hover:scale-110 hover:underline-offset-4");
-@source inline("inset-x-2 inset-x-3 inset-y-1 inset-y-1.5 items-stretch justify-around leading-4 left-0 left-3");
-@source inline("lg:flex lg:flex-col lg:hidden lg:shrink-0 list-none max-h-72 max-h-[inherit]");
-@source inline("max-h-[var(--palette-max-h)] max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)]");
-@source inline("max-h-[var(--sheet-h-sm)] max-md:-right-0.5 max-md:-top-0.5 max-md:absolute max-md:hidden");
-@source inline("max-sm:flex-none max-sm:justify-center max-sm:px-0 max-sm:w-10 max-w max-w-48 max-w-64 max-w-80");
-@source inline("max-w-sm md:flex md:flex-col md:gap-4 md:hidden md:pointer-coarse:w-auto md:px-3 md:px-6");
-@source inline("md:shrink-0 min-h-10 min-h-12 min-h-dvh min-w-3.5 min-w-8 min-w-9 mix-blend-difference mt-auto");
-@source inline("mx-1 no-underline opacity-55 opacity-80 pb-[env(safe-area-inset-bottom,0px)] pl-11 pl-9");
-@source inline("place-items-center placeholder:text-muted-foreground pr-3 pr-9 pt-0 pt-1 px-0.5 py-8 right-1");
-@source inline("rotate-180 rounded-l-xl rounded-r-xl rounded-t-xl shadow-lg size-7 size-9 sm:inline");
-@source inline("sm:inline-block sm:inline-flex space-y-0.5 space-y-2 top-[var(--palette-top)] w-52 w-56 w-60");
-@source inline("w-[calc(100%-2rem)] w-[var(--rail-w)] w-[var(--rail-w-collapsed)] w-max");
+@source inline("data-[state=open]:slide-in-from-right 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 leading-4 left-3 lg:flex lg:flex-col lg:hidden");
+@source inline("lg:shrink-0 list-none max-h-72 max-h-[inherit] max-h-[var(--palette-max-h)]");
+@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-md:-right-0.5");
+@source inline("max-md:-top-0.5 max-md:absolute max-md:hidden max-sm:flex-none max-sm:justify-center max-sm:px-0");
+@source inline("max-sm:w-10 max-w max-w-48 max-w-64 max-w-80 max-w-sm md:flex md:flex-col md:gap-4 md:hidden");
+@source inline("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");

package/dist/styles-areas/overlays.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 24 candidate(s).
+ * 23 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -28,6 +28,6 @@
 @source inline("data-[state=closed]:slide-out-to-bottom data-[state=closed]:slide-out-to-left");
 @source inline("data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-bottom");
 @source inline("data-[state=open]:slide-in-from-left data-[state=open]:slide-in-from-right hover:border-border");
-@source inline("left-0 max-h-[var(--radix-popover-content-available-height)] max-h-[var(--sheet-h-lg)]");
+@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");

package/dist/styles-areas/palette.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 24 candidate(s).
+ * 23 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -29,7 +29,6 @@
 @source inline("[&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:tracking-wide");
 @source inline("[&_[cmdk-group-heading]]:uppercase [&_svg]:size-3.5 bg-accent/15 border-dashed");
 @source inline("data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none");
-@source inline("data-[selected=true]:bg-muted data-[selected=true]:text-foreground");
-@source inline("data-[state=open]:slide-in-from-top-2 h-12 max-h-[var(--palette-max-h)] mx-1 place-items-center");
-@source inline("placeholder:text-muted-foreground py-8 sm:inline-block top-[var(--palette-top)]");
-@source inline("w-[calc(100%-2rem)]");
+@source inline("data-[selected=true]:bg-muted data-[selected=true]:text-foreground h-12");
+@source inline("max-h-[var(--palette-max-h)] mx-1 place-items-center placeholder:text-muted-foreground py-8");
+@source inline("sm:inline-block top-[var(--palette-top)] w-[calc(100%-2rem)]");

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

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 31 candidate(s).
+ * 30 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -27,7 +27,7 @@
 @source inline("-mt-5 -top-1 bg-accent/15 border-l border-r data-[state=closed]:slide-out-to-bottom");
 @source inline("data-[state=closed]:slide-out-to-left data-[state=closed]:slide-out-to-right");
 @source inline("data-[state=open]:slide-in-from-bottom data-[state=open]:slide-in-from-left");
-@source inline("data-[state=open]:slide-in-from-right inset-x-3 items-stretch justify-around leading-4 left-0");
-@source inline("list-none max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm");
-@source inline("min-h-12 min-w-3.5 no-underline place-items-center pt-0 px-0.5 rounded-l-xl rounded-r-xl");
-@source inline("rounded-t-xl shadow-lg");
+@source inline("data-[state=open]:slide-in-from-right inset-x-3 items-stretch justify-around leading-4 list-none");
+@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm min-h-12");
+@source inline("min-w-3.5 no-underline place-items-center pt-0 px-0.5 rounded-l-xl rounded-r-xl rounded-t-xl");
+@source inline("shadow-lg");

package/dist/styles-areas/sharing.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 30 candidate(s).
+ * 29 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -27,6 +27,6 @@
 @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-0 left-3");
-@source inline("max-h-56 max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm");
-@source inline("min-w-48 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("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");

package/dist/styles-areas/test-report.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.
- * 24 candidate(s).
+ * 23 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -27,6 +27,6 @@
 @source inline("border-l border-r data-[state=closed]:slide-out-to-bottom data-[state=closed]:slide-out-to-left");
 @source inline("data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-bottom");
 @source inline("data-[state=open]:slide-in-from-left data-[state=open]:slide-in-from-right h-80");
-@source inline("hover:bg-muted/60 hover:no-underline last:border-0 left-0 max-h-72 max-h-96");
-@source inline("max-h-[var(--sheet-h-lg)] max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm");
-@source inline("no-underline rounded-l-xl rounded-r-xl rounded-t-xl w-2");
+@source inline("hover:bg-muted/60 hover:no-underline last:border-0 max-h-72 max-h-96 max-h-[var(--sheet-h-lg)]");
+@source inline("max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm no-underline rounded-l-xl");
+@source inline("rounded-r-xl rounded-t-xl w-2");

package/dist/styles-areas/wizard.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.
- * 58 candidate(s).
+ * 57 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
@@ -33,7 +33,7 @@
 @source inline("data-[state=open]:slide-in-from-right disabled:bg-transparent disabled:opacity-100 duration-100");
 @source inline("focus-visible:ring-field-ring/40 focus-within:border-field-ring focus-within:ring-2");
 @source inline("focus-within:ring-field-ring/30 h-105 has-[[aria-invalid=true]]:border-field-error");
-@source inline("hover:border-field-ring hover:text-warning left-0 max-h-64 max-h-[var(--sheet-h-lg)]");
+@source inline("hover:border-field-ring hover:text-warning max-h-64 max-h-[var(--sheet-h-lg)]");
 @source inline("max-h-[var(--sheet-h-md)] max-h-[var(--sheet-h-sm)] max-w-sm min-h-20 min-w-24");
 @source inline("min-w-[var(--anchor-width)] mr-1.5 mr-2 pl-1.5 pl-2 pr-1 pr-16 pr-3 resize-none resize-y");
 @source inline("ring-field-error/30 rounded-l-xl rounded-r-xl rounded-t-xl self-stretch size-7 sm:inline");

package/dist/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.
- * 108 candidate(s).
+ * 107 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,7 +32,7 @@
 @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-field-ring hover:shadow-popover italic left-0 left-2.5");
+@source inline("hover:bg-muted/80 hover:border-field-ring hover:shadow-popover italic 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");

package/dist/styles-utilities.css

@@ -3344,6 +3344,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[color\,background-color\,border-color\,box-shadow\,scale\] {
+    transition-property: color,background-color,border-color,box-shadow,scale;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[opacity\,transform\] {
     transition-property: opacity,transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3359,6 +3364,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[transform\,width\] {
+    transition-property: transform,width;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\] {
     transition-property: width;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3400,14 +3410,30 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .duration-\[var\(--duration-base\)\] {
+    --tw-duration: var(--duration-base);
+    transition-duration: var(--duration-base);
+  }
   .duration-\[var\(--duration-fast\)\] {
     --tw-duration: var(--duration-fast);
     transition-duration: var(--duration-fast);
   }
+  .duration-\[var\(--duration-slow\)\] {
+    --tw-duration: var(--duration-slow);
+    transition-duration: var(--duration-slow);
+  }
+  .duration-\[var\(--duration-slow\)\]\! {
+    --tw-duration: var(--duration-slow) !important;
+    transition-duration: var(--duration-slow) !important;
+  }
   .ease-\[var\(--ease-out\)\] {
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
+  .ease-\[var\(--ease-out\)\]\! {
+    --tw-ease: var(--ease-out) !important;
+    transition-timing-function: var(--ease-out) !important;
+  }
   .ease-in-out {
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
@@ -4026,6 +4052,18 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  .active\:scale-100:active {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .active\:scale-\[var\(--press-scale\)\]:active {
+    scale: var(--press-scale);
+  }
+  .active\:scale-\[var\(--press-scale-surface\)\]:active {
+    scale: var(--press-scale-surface);
+  }
   .active\:cursor-grabbing:active {
     cursor: grabbing;
   }
@@ -4082,6 +4120,12 @@
       color: var(--muted-foreground);
     }
   }
+  .disabled\:active\:scale-100:disabled:active {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .has-\[\[aria-invalid\=true\]\]\:border-field-error:has(:is([aria-invalid=true])) {
     border-color: var(--field-error);
   }
@@ -4113,6 +4157,12 @@
       background-color: transparent;
     }
   }
+  .aria-disabled\:active\:scale-100[aria-disabled="true"]:active {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .aria-pressed\:border[aria-pressed="true"] {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -4215,15 +4265,27 @@
   .data-\[selected\=true\]\:text-foreground[data-selected="true"] {
     color: var(--foreground);
   }
+  .data-\[side\=bottom\]\:slide-in-from-top-1[data-side="bottom"] {
+    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
+  }
   .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
     --tw-enter-translate-y: calc(2*var(--spacing)*-1);
   }
+  .data-\[side\=left\]\:slide-in-from-right-1[data-side="left"] {
+    --tw-enter-translate-x: calc(1*var(--spacing));
+  }
   .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
     --tw-enter-translate-x: calc(2*var(--spacing));
   }
+  .data-\[side\=right\]\:slide-in-from-left-1[data-side="right"] {
+    --tw-enter-translate-x: calc(1*var(--spacing)*-1);
+  }
   .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
     --tw-enter-translate-x: calc(2*var(--spacing)*-1);
   }
+  .data-\[side\=top\]\:slide-in-from-bottom-1[data-side="top"] {
+    --tw-enter-translate-y: calc(1*var(--spacing));
+  }
   .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
     --tw-enter-translate-y: calc(2*var(--spacing));
   }
@@ -4310,10 +4372,6 @@
     --tw-exit-opacity: calc(0/100);
     --tw-exit-opacity: 0;
   }
-  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
-    --tw-exit-scale: calc(95*1%);
-    --tw-exit-scale: .95;
-  }
   .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
     --tw-exit-translate-y: 100%;
   }
@@ -4323,6 +4381,19 @@
   .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
     --tw-exit-translate-x: 100%;
   }
+  .data-\[state\=closed\]\:zoom-out-\[0\.985\][data-state="closed"] {
+    --tw-exit-scale: 0.985;
+  }
+  .data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
+  }
+  .data-\[state\=delayed-open\]\:zoom-in-\[0\.985\][data-state="delayed-open"] {
+    --tw-enter-scale: 0.985;
+  }
   .data-\[state\=indeterminate\]\:border-accent-solid[data-state="indeterminate"] {
     border-color: var(--accent-solid);
   }
@@ -4342,21 +4413,20 @@
     --tw-enter-opacity: calc(0/100);
     --tw-enter-opacity: 0;
   }
-  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
-    --tw-enter-scale: calc(95*1%);
-    --tw-enter-scale: .95;
-  }
   .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
     --tw-enter-translate-y: 100%;
   }
+  .data-\[state\=open\]\:slide-in-from-bottom-2[data-state="open"] {
+    --tw-enter-translate-y: calc(2*var(--spacing));
+  }
   .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
     --tw-enter-translate-x: -100%;
   }
   .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
     --tw-enter-translate-x: 100%;
   }
-  .data-\[state\=open\]\:slide-in-from-top-2[data-state="open"] {
-    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
+  .data-\[state\=open\]\:zoom-in-\[0\.985\][data-state="open"] {
+    --tw-enter-scale: 0.985;
   }
   .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
     --tw-translate-x: 0px;
@@ -4369,6 +4439,19 @@
     .motion-reduce\:animate-none {
       animation: none;
     }
+    .motion-reduce\:transition-none {
+      transition-property: none;
+    }
+    .motion-reduce\:duration-0 {
+      --tw-duration: 0ms;
+      transition-duration: 0ms;
+    }
+    .motion-reduce\:active\:scale-100:active {
+      --tw-scale-x: 100%;
+      --tw-scale-y: 100%;
+      --tw-scale-z: 100%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
   }
   @media (width < 48rem) {
     .max-md\:absolute {
@@ -4621,14 +4704,6 @@
       font-size: var(--text-xs);
       line-height: var(--tw-leading, var(--text-xs--line-height));
     }
-    .sm\:data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
-      --tw-exit-scale: calc(95*1%);
-      --tw-exit-scale: .95;
-    }
-    .sm\:data-\[state\=open\]\:zoom-in-95[data-state="open"] {
-      --tw-enter-scale: calc(95*1%);
-      --tw-enter-scale: .95;
-    }
   }
   @media (width >= 48rem) {
     .md\:flex {
@@ -5071,6 +5146,14 @@
       }
     }
   }
+  @media (width >= 40rem) {
+    @media (pointer: fine) {
+      .sm\:pointer-fine\:text-sm {
+        font-size: var(--text-sm);
+        line-height: var(--tw-leading, var(--text-sm--line-height));
+      }
+    }
+  }
   .\[\&_\.alert-icon\]\:text-accent .alert-icon {
     color: var(--accent);
   }
@@ -5768,11 +5851,11 @@
 /*
  * Theme variables cursedbelt's components read BY NAME (`var(--color-card)` in a style prop).
  * Tailwind emits a theme variable only when the app's own pass sees it used, and a `var()` here is
- * that use — `@source inline` cannot mark one. 10 variable(s), derived by
+ * that use — `@source inline` cannot mark one. 13 variable(s), derived by
  * scripts/generateUtilityStyles.ts → themeVariablesReadByName(). Nothing reads this property.
  */
 @layer theme {
   :root, :host {
-    --cb-theme-read-by-name: var(--color-accent) var(--color-border) var(--color-card) var(--color-muted) var(--color-popover) var(--duration-base) var(--ease-out) var(--spacing) var(--text-caption) var(--text-sm);
+    --cb-theme-read-by-name: var(--color-accent) var(--color-border) var(--color-card) var(--color-muted) var(--color-popover) var(--duration-base) var(--duration-slow) var(--ease-out) var(--press-scale) var(--press-scale-surface) var(--spacing) var(--text-caption) var(--text-sm);
   }
 }

package/dist/theme.css

@@ -896,6 +896,47 @@ body {
   color: var(--foreground);
 }
 
+/*
+ * ───────────── Scrollbars: a thin capsule tinted to the pane (forge task 2912) ─────
+ *
+ * The browser's stock scrollbar is a grey trough with a grey slab in it — on Windows and
+ * Linux 15-17px of chrome down the side of every scrolling list, in the OS's colours, not
+ * the app's. Linear and Obsidian draw a thin capsule that tints toward the pane it sits on;
+ * the owner's brief (`owner-drafting-area/linear-art.md/app.css`) does the same, and so does
+ * every app that takes this stylesheet.
+ *
+ * `--scrollbar-thumb` is the token: unset, the thumb is the pane's own `--foreground` at 22%,
+ * resolved per element — so it follows `.dark`, the aurora and every look with no per-scope
+ * literal. A scope that wants another tint sets the token. `scrollbar-width`/`scrollbar-color`
+ * are the standard (Firefox, Chrome 121+, Safari 18.2+); the `::-webkit-scrollbar` rules are
+ * for the Safari that predates them, and Chrome ignores them once the standard pair is set.
+ * A Mac's overlay scrollbars keep their own behaviour — only their colour is ours.
+ *
+ * 🔴 `@layer base`, not bare: this file is unlayered, and an unlayered rule beats every
+ * layered one whatever its specificity — so a bare `*` here would have put a thumb back on
+ * every strip that hides its bar with the `[scrollbar-width:none]` utility (ChipFilterStrip,
+ * TagStrip, TopBar, SectionNav).
+ */
+@layer base {
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-thumb, color-mix(in oklab, var(--foreground) 22%, transparent)) transparent;
+  }
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb, color-mix(in oklab, var(--foreground) 22%, transparent));
+    border: 2px solid transparent;
+    border-radius: 999px;
+    background-clip: content-box;
+  }
+}
+
 /*
  * ───────────── The native <select>'s own list, which the PAGE cannot reach ────
  *
@@ -1099,6 +1140,12 @@ option:disabled {
   --duration-fast: 120ms; /* hover / press */
   --duration-base: 200ms; /* popover */
   --duration-slow: 300ms; /* modal */
+  /* How far a control dips while it is held (Button: `active:scale-[var(--press-scale)]`). One
+     token so every pressable surface answers a finger the same amount; 1 turns it off. */
+  --press-scale: 0.97;
+  /* The same answer for a whole card or row (`CardTapTarget`): a dip is proportional to size, so
+     0.97 of a 400px card moves 12px and reads as a lurch. lib/press.ts has the contract. */
+  --press-scale-surface: 0.99;
 
   /* Fluid typography — headings only (fluid body text causes line-length drift).
      Exposed as text-h1 / text-h2 / text-h3 font-size utilities. */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cursedbelt",
-	"version": "5.64.0",
+	"version": "5.67.0",
 	"license": "ISC",
 	"type": "module",
 	"description": "The React design system of the cursedbelt split — components, styles, theme. cursedbelt-core below it; server tier in cursedbelt-server.",

package/src/react/Toast.tsx

@@ -82,7 +82,10 @@ export function Toaster({ style, ...props }: ToasterProps) {
       closeButton
       toastOptions={{
         classNames: {
-          toast: 'rounded-lg border border-border bg-popover text-foreground shadow-overlay',
+          // The overlay curve and the slow speed (`lib/overlayMotion.ts`, forge task 2912) in place
+          // of sonner's 400ms `ease`. `!` because sonner's own `[data-sonner-toast]` rule sets the
+          // transition shorthand after this stylesheet; its reduced-motion rule still turns it off.
+          toast: 'rounded-lg border border-border bg-popover text-foreground shadow-overlay duration-[var(--duration-slow)]! ease-[var(--ease-out)]!',
           title: 'text-sm font-medium',
           // `!` because sonner colours these two with element rules of its own (`#3f3f3f` for a
           // description, its grey scale for the close button) that no variable reaches.

package/src/react/components/Accordion.tsx

@@ -2,6 +2,7 @@ import * as RadixAccordion from '@radix-ui/react-accordion';
 import { ChevronRight } from 'lucide-react';
 import type { ReactNode } from 'react';
 import { cn } from '../lib/cn.js';
+import { TAP_TARGET_HEIGHT } from '../lib/tapTarget.js';
 
 export interface AccordionItem {
   value: string;
@@ -67,7 +68,13 @@ export function Accordion({
           <RadixAccordion.Header>
             {/* Disabled = muted ink, as SelectableRow: half-opacity faded the chevron and the
                 divider-adjacent text into the surface (forge task 2594). */}
-            <RadixAccordion.Trigger className='group flex w-full items-center justify-start gap-2 py-3 text-left text-sm font-medium text-foreground transition-colors hover:text-accent disabled:cursor-not-allowed disabled:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'>
+            <RadixAccordion.Trigger
+              // `TAP_TARGET_HEIGHT`: a 41px header on a phone (family's Children/Siblings, forge task 2913) is under the 44pt floor — DESIGN.md §5.
+              className={cn(
+                'group flex w-full items-center justify-start gap-2 py-3 text-left text-sm font-medium text-foreground transition-colors hover:text-accent disabled:cursor-not-allowed disabled:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+                TAP_TARGET_HEIGHT,
+              )}
+            >
               {/* The arrow leads (FRM-18), and the trigger takes the rest of the row. */}
               <ChevronRight aria-hidden className='size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-data-[state=open]:rotate-90' />
               <span className='min-w-0 flex-1'>{item.trigger}</span>

package/src/react/components/Button.spec.tsx

@@ -172,6 +172,22 @@ describe('Button', () => {
     expect(getByRole('button').getAttribute('aria-disabled')).toBeNull();
   });
 
+  test('🔴 a press is answered: the control dips to --press-scale while held, eased, and a link never does', () => {
+    const cls = render(<Button tooltip='B'>B</Button>).getByRole('button').className;
+    expect(cls).toContain('active:scale-[var(--press-scale)]');
+    // The dip eases in and out like the colours do — `scale` (the property Tailwind v4's
+    // `scale-*` writes, not `transform`) is in the transition list.
+    expect(cls).toMatch(/transition-\[[^\]]*\bscale\b[^\]]*\]/);
+    // Nothing happened on a refused press, so nothing dips; reduced motion turns it off.
+    expect(cls).toContain('aria-disabled:active:scale-100');
+    expect(cls).toContain('motion-reduce:active:scale-100');
+    cleanup();
+    const link = render(<Button tooltip='L' variant='link'>L</Button>).getByRole('button').className.split(/\s+/);
+    // tailwind-merge keeps the later `active:scale-100` and drops the base dip for a link.
+    expect(link).toContain('active:scale-100');
+    expect(link).not.toContain('active:scale-[var(--press-scale)]');
+  });
+
   test('a pressed toggle and a refused control are drawn by the variant classes', () => {
     const cls = render(<Button tooltip='B'>B</Button>).getByRole('button').className;
     expect(cls).toContain('aria-pressed:border-accent');

package/src/react/components/Button.tsx

@@ -14,6 +14,7 @@ import { cn } from '../lib/cn.js';
 import { Tooltip, type TooltipMobile, type TooltipPlacement } from './Tooltip.js';
 import { TAP_TARGET_HEIGHT } from '../lib/tapTarget.js';
 import { RAW_BUTTON } from '../lib/cn.js';
+import { PRESS } from '../lib/press.js';
 
 /**
  * The single source of truth for every interactive element that triggers an action.
@@ -32,7 +33,9 @@ import { RAW_BUTTON } from '../lib/cn.js';
 export const buttonVariants = cva(
   [
     'relative inline-flex items-center justify-center gap-2 rounded-md font-medium',
-    'transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]',
+    // 🔴 TACTILE (forge task family-app-ux-overhaul, 2026-10-06): a press is answered — eased
+    // colours and a `--press-scale` dip while held. The contract and who is exempt: `lib/press.ts`.
+    PRESS,
     TAP_TARGET_HEIGHT, // ≥44px touch target on coarse pointers
     'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background',
     // Disabled = muted surface + faded + inert (never color-alone): clearly off, not a low-contrast haze.
@@ -129,7 +132,11 @@ export const buttonVariants = cva(
     // before the size's `px-3`/`px-4` and fixed height, so the size won the merge and every link
     // button — sized or on the `md` default — drew a padded box: TotpEntry's "Use a recovery code
     // instead" sat 12px in from the column every other row starts on.
-    compoundVariants: [{ variant: 'link', size: ['sm', 'md', 'lg'], class: 'h-auto px-0 py-0' }],
+    compoundVariants: [
+      { variant: 'link', size: ['sm', 'md', 'lg'], class: 'h-auto px-0 py-0' },
+      // A link is text inside a sentence: it underlines on hover and does not dip on press.
+      { variant: 'link', class: 'active:scale-100' },
+    ],
     defaultVariants: { variant: 'secondary', size: 'md' },
   },
 );

package/src/react/components/CardTapTarget.tsx

@@ -1,5 +1,7 @@
 import { type ReactNode, useRef } from 'react';
 import { cn } from '../lib/cn.js';
+import { PRESS_SURFACE } from '../lib/press.js';
+import { TAP_TARGET_HEIGHT } from '../lib/tapTarget.js';
 import { hasSelectionWithin } from '../lib/textSelection.js';
 
 export interface CardTapTargetProps {
@@ -67,7 +69,10 @@ export const CardTapTarget = ({
           onClick();
         }
       }}
-      className={cn('cursor-pointer touch-manipulation text-left', className)}
+      // `TAP_TARGET_HEIGHT`: a tappable row on a phone answers to a thumb — family's 35px value
+      // rows (`.ft-row`, forge task 2913) were under the 44pt floor. DESIGN.md §5.
+      // `PRESS_SURFACE`: the card answers a press with a dip sized for a surface (forge task 2912).
+      className={cn('cursor-pointer touch-manipulation text-left', TAP_TARGET_HEIGHT, PRESS_SURFACE, className)}
       {...rest}
     >
       {children}

package/src/react/components/ChipFilterStrip.tsx

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import { cn, RAW_BUTTON } from '../lib/cn.js';
+import { PRESS } from '../lib/press.js';
 import { ScrollArea } from './ScrollArea.js';
 
 export interface ChipOption {
@@ -122,7 +123,8 @@ function Chip({ active, onClick, children }: ChipProps) {
         RAW_BUTTON,
         // 44 px min tap target height via py + min-h (STANDARDS §4a). px-4 keeps every
         // pill's internal padding identical regardless of label length.
-        'inline-flex min-h-11 shrink-0 cursor-pointer items-center rounded-full px-4 text-sm font-medium transition-colors',
+        'inline-flex min-h-11 shrink-0 cursor-pointer items-center rounded-full px-4 text-sm font-medium',
+        PRESS,
         'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
         // Soft active state — an accent tint + accent text (the standardized active
         // treatment shared with nav items and the `accent` Badge tone), not a stark