cursedbelt 5.0.1 → 5.2.0

package/src/styles-areas/dashboard-grid.css

@@ -1,5 +1,5 @@
 /*
- * cursedbelt — the `dashboard-grid` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ * cursedbelt — the `dashboard-grid` area's utility candidates. GENERATED BUILD ARTIFACT. Never hand-edit.
  *
  * the draggable widget grid.
  *
@@ -13,72 +13,17 @@
  *   @import "cursedbelt/styles-areas/dashboard-grid.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. 209 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.
+ * 11 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 {
-    --spacing: 0.25rem;
-  }
-}
-@layer utilities {
-  .size-7 {
-    width: calc(var(--spacing) * 7);
-    height: calc(var(--spacing) * 7);
-  }
-  .min-h-\[2\.75rem\] {
-    min-height: 2.75rem;
-  }
-  .min-w-\[5rem\] {
-    min-width: 5rem;
-  }
-  .shrink-\[2\] {
-    flex-shrink: 2;
-  }
-  .cursor-grab {
-    cursor: grab;
-  }
-  .bg-muted\/40 {
-    background-color: var(--muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
-    }
-  }
-  .focus-visible\:outline:focus-visible {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
-  .focus-visible\:outline-2:focus-visible {
-    outline-style: var(--tw-outline-style);
-    outline-width: 2px;
-  }
-  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
-    outline-offset: -2px;
-  }
-  .focus-visible\:outline-ring:focus-visible {
-    outline-color: var(--ring);
-  }
-  .active\:cursor-grabbing:active {
-    cursor: grabbing;
-  }
-}
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@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-outline-style: solid;
-    }
-  }
-}
+@source inline("active:cursor-grabbing bg-muted/40 cursor-grab focus-visible:outline focus-visible:outline-2");
+@source inline("focus-visible:outline-offset-[-2px] focus-visible:outline-ring min-h-[2.75rem] min-w-[5rem]");
+@source inline("shrink-[2] size-7");