cursedbelt 5.0.1 → 5.2.0

package/src/styles-areas/nav.css

@@ -1,5 +1,5 @@
 /*
- * cursedbelt — the `nav` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ * cursedbelt — the `nav` area's utility candidates. GENERATED BUILD ARTIFACT. Never hand-edit.
  *
  * the AppShell chrome — the command palette, the nav rail, the place bar and the app menus.
  *
@@ -13,476 +13,31 @@
  *   @import "cursedbelt/styles-areas/nav.css";
  *   @import "cursedbelt/theme.css";
  *
- * 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. 801 candidate(s) scanned.
+ * These are CANDIDATES (`@source inline`), not CSS: the app's own Tailwind pass generates
+ * them, sorted together with the app's utilities, so an area can never put a base utility
+ * 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.
+ * 99 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.
  */
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties;
-@layer theme, base, components, utilities;
-@layer theme {
-  :root, :host {
-    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-    --spacing: 0.25rem;
-  }
-}
-@layer utilities {
-  .collapse {
-    visibility: collapse;
-  }
-  .inset-y-1 {
-    inset-block: var(--spacing);
-  }
-  .inset-y-1\.5 {
-    inset-block: calc(var(--spacing) * 1.5);
-  }
-  .-top-1 {
-    top: calc(var(--spacing) * -1);
-  }
-  .top-2 {
-    top: calc(var(--spacing) * 2);
-  }
-  .right-1 {
-    right: var(--spacing);
-  }
-  .left-0 {
-    left: 0px;
-  }
-  .left-3 {
-    left: calc(var(--spacing) * 3);
-  }
-  .-mt-5 {
-    margin-top: calc(var(--spacing) * -5);
-  }
-  .mt-auto {
-    margin-top: auto;
-  }
-  .line-clamp-2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-  }
-  .size-7 {
-    width: calc(var(--spacing) * 7);
-    height: calc(var(--spacing) * 7);
-  }
-  .size-9 {
-    width: calc(var(--spacing) * 9);
-    height: calc(var(--spacing) * 9);
-  }
-  .h-dvh {
-    height: 100dvh;
-  }
-  .max-h-72 {
-    max-height: calc(var(--spacing) * 72);
-  }
-  .max-h-\[40dvh\] {
-    max-height: 40dvh;
-  }
-  .max-h-\[65dvh\] {
-    max-height: 65dvh;
-  }
-  .max-h-\[85dvh\] {
-    max-height: 85dvh;
-  }
-  .max-h-\[inherit\] {
-    max-height: inherit;
-  }
-  .min-h-12 {
-    min-height: calc(var(--spacing) * 12);
-  }
-  .min-h-dvh {
-    min-height: 100dvh;
-  }
-  .w-0\.5 {
-    width: calc(var(--spacing) * 0.5);
-  }
-  .w-52 {
-    width: calc(var(--spacing) * 52);
-  }
-  .w-56 {
-    width: calc(var(--spacing) * 56);
-  }
-  .w-60 {
-    width: calc(var(--spacing) * 60);
-  }
-  .max-w-64 {
-    max-width: calc(var(--spacing) * 64);
-  }
-  .max-w-\[12rem\] {
-    max-width: 12rem;
-  }
-  .max-w-\[20rem\] {
-    max-width: 20rem;
-  }
-  .min-w-3\.5 {
-    min-width: calc(var(--spacing) * 3.5);
-  }
-  .min-w-8 {
-    min-width: calc(var(--spacing) * 8);
-  }
-  .cursor-grab {
-    cursor: grab;
-  }
-  .grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  .place-items-center {
-    place-items: center;
-  }
-  .items-stretch {
-    align-items: stretch;
-  }
-  .justify-around {
-    justify-content: space-around;
-  }
-  .justify-start {
-    justify-content: flex-start;
-  }
-  :where(.space-y-0\.5 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
-  }
-  :where(.space-y-2 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
-  }
-  .rounded-t-xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-  .rounded-l-xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-  .rounded-r-xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-  .border-r {
-    border-right-style: var(--tw-border-style);
-    border-right-width: 1px;
-  }
-  .border-l {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-  }
-  .border-dashed {
-    --tw-border-style: dashed;
-    border-style: dashed;
-  }
-  .border-border\/40 {
-    border-color: var(--border);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--border) 40%, transparent);
-    }
-  }
-  .bg-accent\/15 {
-    background-color: var(--accent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--accent) 15%, transparent);
-    }
-  }
-  .px-0\.5 {
-    padding-inline: calc(var(--spacing) * 0.5);
-  }
-  .pt-1 {
-    padding-top: var(--spacing);
-  }
-  .pr-9 {
-    padding-right: calc(var(--spacing) * 9);
-  }
-  .pb-1 {
-    padding-bottom: var(--spacing);
-  }
-  .pb-2 {
-    padding-bottom: calc(var(--spacing) * 2);
-  }
-  .pb-\[env\(safe-area-inset-bottom\,0px\)\] {
-    padding-bottom: env(safe-area-inset-bottom,0px);
-  }
-  .pl-9 {
-    padding-left: calc(var(--spacing) * 9);
-  }
-  .font-sans {
-    font-family: var(--font-sans);
-  }
-  .text-\[0\.625rem\] {
-    font-size: 0.625rem;
-  }
-  .leading-4 {
-    --tw-leading: calc(var(--spacing) * 4);
-    line-height: calc(var(--spacing) * 4);
-  }
-  .opacity-55 {
-    opacity: 55%;
-  }
-  .opacity-80 {
-    opacity: 80%;
-  }
-  .mix-blend-difference {
-    mix-blend-mode: difference;
-  }
-  .shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  @media (hover: hover) {
-    .group-hover\/navitem\:opacity-100:is(:where(.group\/navitem):hover *) {
-      opacity: 100%;
-    }
-    .group-hover\/tile\:opacity-100:is(:where(.group\/tile):hover *) {
-      opacity: 100%;
-    }
-  }
-  .focus-within\:opacity-100:focus-within {
-    opacity: 100%;
-  }
-  @media (hover: hover) {
-    .hover\:scale-110:hover {
-      --tw-scale-x: 110%;
-      --tw-scale-y: 110%;
-      --tw-scale-z: 110%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
-    .hover\:border-foreground\/20:hover {
-      border-color: var(--foreground);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:border-foreground\/20:hover {
-        border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
-      }
-    }
-    .hover\:decoration-border:hover {
-      text-decoration-color: var(--border);
-    }
-    .hover\:underline-offset-4:hover {
-      text-underline-offset: 4px;
-    }
-  }
-  .disabled\:opacity-40:disabled {
-    opacity: 40%;
-  }
-  @media (hover: hover) {
-    .disabled\:hover\:scale-100:disabled:hover {
-      --tw-scale-x: 100%;
-      --tw-scale-y: 100%;
-      --tw-scale-z: 100%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
-  }
-  .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);
-  }
-  .data-\[state\=checked\]\:ring-foreground[data-state="checked"] {
-    --tw-ring-color: var(--foreground);
-  }
-  .data-\[state\=checked\]\:ring-offset-1[data-state="checked"] {
-    --tw-ring-offset-width: 1px;
-    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  }
-  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
-    --tw-exit-translate-y: 100%;
-  }
-  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
-    --tw-exit-translate-x: -100%;
-  }
-  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
-    --tw-exit-translate-x: 100%;
-  }
-  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
-    --tw-enter-translate-y: 100%;
-  }
-  .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%;
-  }
-  @media (width < 40rem) {
-    .max-sm\:w-10 {
-      width: calc(var(--spacing) * 10);
-    }
-    .max-sm\:flex-none {
-      flex: none;
-    }
-    .max-sm\:justify-center {
-      justify-content: center;
-    }
-    .max-sm\:px-0 {
-      padding-inline: 0px;
-    }
-  }
-  @media (width >= 40rem) {
-    .sm\:inline {
-      display: inline;
-    }
-    .sm\:inline-flex {
-      display: inline-flex;
-    }
-  }
-  @media (width >= 48rem) {
-    .md\:flex {
-      display: flex;
-    }
-    .md\:hidden {
-      display: none;
-    }
-    .md\:shrink-0 {
-      flex-shrink: 0;
-    }
-    .md\:flex-col {
-      flex-direction: column;
-    }
-  }
-  @media (width >= 64rem) {
-    .lg\:flex {
-      display: flex;
-    }
-    .lg\:hidden {
-      display: none;
-    }
-    .lg\:shrink-0 {
-      flex-shrink: 0;
-    }
-    .lg\:flex-col {
-      flex-direction: column;
-    }
-  }
-  .\[\&_svg\]\:size-3\.5 svg {
-    width: calc(var(--spacing) * 3.5);
-    height: calc(var(--spacing) * 3.5);
-  }
-  .\[\&\>\*\]\:min-w-0 > * {
-    min-width: 0px;
-  }
-}
-@property --tw-space-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
-    *, ::before, ::after, ::backdrop {
-      --tw-space-y-reverse: 0;
-      --tw-border-style: solid;
-      --tw-leading: initial;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
-    }
-  }
-}
+@source inline("-mt-5 -top-1 [&>*]:min-w-0 [&_svg]:size-3.5 bg-accent/15 border-border/40 border-dashed border-l");
+@source inline("border-r collapse cursor-grab data-[state=checked]:ring-2 data-[state=checked]:ring-foreground");
+@source inline("data-[state=checked]:ring-offset-1 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("focus-within:opacity-100 font-sans g grid-cols-4 group-hover/navitem:opacity-100");
+@source inline("group-hover/tile:opacity-100 group/navitem group/tile h-dvh hover:border-foreground/20");
+@source inline("hover:decoration-border hover:scale-110 hover:underline-offset-4 inset-y-1 inset-y-1.5");
+@source inline("items-stretch justify-around justify-start lead leading-4 left-0 left-3 lg:flex lg:flex-col");
+@source inline("lg:hidden lg:shrink-0 line-clamp-2 max-h-72 max-h-[40dvh] max-h-[65dvh] max-h-[85dvh]");
+@source inline("max-h-[inherit] max-sm:flex-none max-sm:justify-center max-sm:px-0 max-sm:w-10 max-w max-w-64");
+@source inline("max-w-[12rem] max-w-[20rem] md:flex md:flex-col md:hidden md:shrink-0 min-h-12 min-h-dvh");
+@source inline("min-w-3.5 min-w-8 mix-blend-difference mt-auto opacity-55 opacity-80 pb-1 pb-2");
+@source inline("pb-[env(safe-area-inset-bottom,0px)] pl-9 place-items-center pr-9 pt-1 px-0.5 right-1");
+@source inline("rounded-l-xl rounded-r-xl rounded-t-xl shadow-lg size-7 size-9 sm:inline sm:inline-flex");
+@source inline("space-y-0.5 space-y-2 text-[0.625rem] top-2 w-0.5 w-52 w-56 w-60");