cursedbelt 5.0.1 → 5.2.0

package/src/styles-areas/rich-text.css

@@ -1,5 +1,5 @@
 /*
- * cursedbelt — the `rich-text` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ * cursedbelt — the `rich-text` area's utility candidates. GENERATED BUILD ARTIFACT. Never hand-edit.
  *
  * the TipTap editor and its toolbar.
  *
@@ -13,155 +13,16 @@
  *   @import "cursedbelt/styles-areas/rich-text.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. 93 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.
+ * 15 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 {
-  .top-full {
-    top: 100%;
-  }
-  .left-0 {
-    left: 0px;
-  }
-  .h-5 {
-    height: calc(var(--spacing) * 5);
-  }
-  .min-h-\[8rem\] {
-    min-height: 8rem;
-  }
-  .w-72 {
-    width: calc(var(--spacing) * 72);
-  }
-  .w-80 {
-    width: calc(var(--spacing) * 80);
-  }
-  .self-start {
-    align-self: flex-start;
-  }
-  .text-right {
-    text-align: right;
-  }
-  .text-warning {
-    color: var(--warning);
-  }
-  .italic {
-    font-style: italic;
-  }
-  .shadow-md {
-    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
-  }
-  .focus-within\:ring-2:focus-within {
-    --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);
-  }
-  .focus-within\:ring-ring:focus-within {
-    --tw-ring-color: var(--ring);
-  }
-  .focus-within\:ring-offset-0:focus-within {
-    --tw-ring-offset-width: 0px;
-    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  }
-  .\[\&_svg\]\:size-\[15px\] svg {
-    width: 15px;
-    height: 15px;
-  }
-}
-@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;
-}
-@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-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;
-    }
-  }
-}
+@source inline("[&_svg]:size-[15px] focus-within:ring-2 focus-within:ring-offset-0 focus-within:ring-ring h-5");
+@source inline("italic left-0 min-h-[8rem] self-start shadow-md text-right text-warning top-full w-72 w-80");

package/src/styles-areas/sharing.css

@@ -1,5 +1,5 @@
 /*
- * cursedbelt — the `sharing` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ * cursedbelt — the `sharing` area's utility candidates. GENERATED BUILD ARTIFACT. Never hand-edit.
  *
  * the share sheet and its permission rows.
  *
@@ -13,141 +13,20 @@
  *   @import "cursedbelt/styles-areas/sharing.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. 155 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.
+ * 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
  * 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 {
-  .right-3 {
-    right: calc(var(--spacing) * 3);
-  }
-  .left-0 {
-    left: 0px;
-  }
-  .left-3 {
-    left: calc(var(--spacing) * 3);
-  }
-  .mt-4 {
-    margin-top: calc(var(--spacing) * 4);
-  }
-  .mb-3 {
-    margin-bottom: calc(var(--spacing) * 3);
-  }
-  .ml-2 {
-    margin-left: calc(var(--spacing) * 2);
-  }
-  .max-h-56 {
-    max-height: calc(var(--spacing) * 56);
-  }
-  .max-h-\[40dvh\] {
-    max-height: 40dvh;
-  }
-  .max-h-\[65dvh\] {
-    max-height: 65dvh;
-  }
-  .max-h-\[85dvh\] {
-    max-height: 85dvh;
-  }
-  .min-w-48 {
-    min-width: calc(var(--spacing) * 48);
-  }
-  .justify-start {
-    justify-content: flex-start;
-  }
-  :where(.space-y-4 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 4) * 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-\[var\(--border\)\] {
-    border-color: var(--border);
-  }
-  .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);
-    }
-  }
-  .pl-9 {
-    padding-left: calc(var(--spacing) * 9);
-  }
-  .text-\[var\(--muted-foreground\)\] {
-    color: var(--muted-foreground);
-  }
-  @media (hover: hover) {
-    .hover\:opacity-90:hover {
-      opacity: 90%;
-    }
-  }
-  .disabled\:opacity-100:disabled {
-    opacity: 100%;
-  }
-  .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%;
-  }
-}
-@property --tw-space-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-border-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-space-y-reverse: 0;
-      --tw-border-style: solid;
-    }
-  }
-}
+@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 justify-start left-0");
+@source inline("left-3 max-h-56 max-h-[40dvh] max-h-[65dvh] max-h-[85dvh] mb-3 min-w-48 ml-2 mt-4 pl-9 right-3");
+@source inline("rounded-l-xl rounded-r-xl rounded-t-xl space-y-4 text-[var(--muted-foreground)]");

package/src/styles-areas/spreadsheet.css

@@ -1,5 +1,5 @@
 /*
- * cursedbelt — the `spreadsheet` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ * cursedbelt — the `spreadsheet` area's utility candidates. GENERATED BUILD ARTIFACT. Never hand-edit.
  *
  * the glide-data-grid host (an optional peer already).
  *
@@ -13,25 +13,15 @@
  *   @import "cursedbelt/styles-areas/spreadsheet.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. 165 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.
+ * 4 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 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';
-    --text-sm: 0.875rem;
-  }
-}
-@layer utilities {
-  .collapse {
-    visibility: collapse;
-  }
-}
+@source inline("--font-sans --text-sm col collapse");

package/src/styles-areas/stats.css

@@ -1,5 +1,5 @@
 /*
- * cursedbelt — the `stats` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ * cursedbelt — the `stats` area's utility candidates. GENERATED BUILD ARTIFACT. Never hand-edit.
  *
  * the KPI/meter/timeline family — dashboards render them, forms and lists never do.
  *
@@ -13,269 +13,26 @@
  *   @import "cursedbelt/styles-areas/stats.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. 361 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.
+ * 63 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;
-    --text-3xl: 1.875rem;
-    --text-3xl--line-height: calc(2.25 / 1.875);
-    --tracking-normal: 0em;
-    --leading-tight: 1.25;
-  }
-}
-@layer utilities {
-  .collapse {
-    visibility: collapse;
-  }
-  .top-7 {
-    top: calc(var(--spacing) * 7);
-  }
-  .bottom-3 {
-    bottom: calc(var(--spacing) * 3);
-  }
-  .left-3 {
-    left: calc(var(--spacing) * 3);
-  }
-  .left-\[11px\] {
-    left: 11px;
-  }
-  .z-\[1\] {
-    z-index: 1;
-  }
-  .col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-  .col-start-2 {
-    grid-column-start: 2;
-  }
-  .row-start-1 {
-    grid-row-start: 1;
-  }
-  .mr-0\.5 {
-    margin-right: calc(var(--spacing) * 0.5);
-  }
-  .mb-3 {
-    margin-bottom: calc(var(--spacing) * 3);
-  }
-  .h-5 {
-    height: calc(var(--spacing) * 5);
-  }
-  .w-48 {
-    width: calc(var(--spacing) * 48);
-  }
-  .min-w-\[8\.5rem\] {
-    min-width: 8.5rem;
-  }
-  .min-w-full {
-    min-width: 100%;
-  }
-  .cursor-help {
-    cursor: help;
-  }
-  .list-none {
-    list-style-type: none;
-  }
-  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
-    grid-template-columns: minmax(0,1fr) auto;
-  }
-  .gap-2\.5 {
-    gap: calc(var(--spacing) * 2.5);
-  }
-  .gap-x-2 {
-    column-gap: calc(var(--spacing) * 2);
-  }
-  .gap-x-4 {
-    column-gap: calc(var(--spacing) * 4);
-  }
-  .gap-y-0\.5 {
-    row-gap: calc(var(--spacing) * 0.5);
-  }
-  :where(.divide-x > :not(:last-child)) {
-    --tw-divide-x-reverse: 0;
-    border-inline-style: var(--tw-border-style);
-    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
-    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-  .self-stretch {
-    align-self: stretch;
-  }
-  .border-l-2 {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 2px;
-  }
-  .border-l-border-strong {
-    border-left-color: var(--border-strong);
-  }
-  .border-l-destructive {
-    border-left-color: var(--destructive);
-  }
-  .border-l-warning {
-    border-left-color: var(--warning);
-  }
-  .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);
-    }
-  }
-  .bg-accent\/40 {
-    background-color: var(--accent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--accent) 40%, transparent);
-    }
-  }
-  .bg-background\/70 {
-    background-color: var(--background);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--background) 70%, transparent);
-    }
-  }
-  .bg-border-strong {
-    background-color: var(--border-strong);
-  }
-  .pt-1 {
-    padding-top: var(--spacing);
-  }
-  .text-3xl {
-    font-size: var(--text-3xl);
-    line-height: var(--tw-leading, var(--text-3xl--line-height));
-  }
-  .text-\[0\.6rem\] {
-    font-size: 0.6rem;
-  }
-  .leading-tight {
-    --tw-leading: var(--leading-tight);
-    line-height: var(--leading-tight);
-  }
-  .tracking-normal {
-    --tw-tracking: var(--tracking-normal);
-    letter-spacing: var(--tracking-normal);
-  }
-  .break-words {
-    overflow-wrap: break-word;
-  }
-  .whitespace-pre {
-    white-space: pre;
-  }
-  .text-foreground\/80 {
-    color: var(--foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--foreground) 80%, transparent);
-    }
-  }
-  .text-muted-foreground\/60 {
-    color: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
-    }
-  }
-  .text-success {
-    color: var(--success);
-  }
-  .text-warning {
-    color: var(--warning);
-  }
-  .normal-case {
-    text-transform: none;
-  }
-  @media (hover: hover) {
-    .group-hover\/meter\:opacity-100:is(:where(.group\/meter):hover *) {
-      opacity: 100%;
-    }
-    .group-hover\/stat\:opacity-100:is(:where(.group\/stat):hover *) {
-      opacity: 100%;
-    }
-    .group-hover\/tile\:opacity-100:is(:where(.group\/tile):hover *) {
-      opacity: 100%;
-    }
-  }
-  .group-focus-visible\/meter\:opacity-100:is(:where(.group\/meter):focus-visible *) {
-    opacity: 100%;
-  }
-  .group-focus-visible\/stat\:opacity-100:is(:where(.group\/stat):focus-visible *) {
-    opacity: 100%;
-  }
-  .group-focus-visible\/tile\:opacity-100:is(:where(.group\/tile):focus-visible *) {
-    opacity: 100%;
-  }
-  .first\:pl-1:first-child {
-    padding-left: var(--spacing);
-  }
-  .last\:pr-1:last-child {
-    padding-right: var(--spacing);
-  }
-  @media (hover: hover) {
-    .hover\:bg-muted\/50:hover {
-      background-color: var(--muted);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-muted\/50:hover {
-        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
-      }
-    }
-  }
-  @media (width >= 40rem) {
-    .sm\:col-auto {
-      grid-column: auto;
-    }
-    .sm\:col-span-1 {
-      grid-column: span 1 / span 1;
-    }
-    .sm\:row-auto {
-      grid-row: auto;
-    }
-    .sm\:grid-cols-\[minmax\(7rem\,18rem\)_minmax\(4rem\,1fr\)_auto\] {
-      grid-template-columns: minmax(7rem,18rem) minmax(4rem,1fr) auto;
-    }
-    .sm\:grid-cols-\[minmax\(7rem\,34rem\)_minmax\(4rem\,1fr\)_auto\] {
-      grid-template-columns: minmax(7rem,34rem) minmax(4rem,1fr) auto;
-    }
-  }
-  .\[\&_svg\]\:size-3\.5 svg {
-    width: calc(var(--spacing) * 3.5);
-    height: calc(var(--spacing) * 3.5);
-  }
-  @media (width >= 40rem) {
-    .\[\&\>div\]\:sm\:\[grid-template-columns\:…\] > div {
-      grid-template-columns: …;
-    }
-  }
-}
-@property --tw-divide-x-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-tracking {
-  syntax: "*";
-  inherits: false;
-}
-@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-divide-x-reverse: 0;
-      --tw-border-style: solid;
-      --tw-leading: initial;
-      --tw-tracking: initial;
-    }
-  }
-}
+@source inline("[&>div]:sm:[grid-template-columns:…] [&_svg]:size-3.5 bg-accent/15 bg-accent/40 bg-background/70");
+@source inline("bg-border-strong border-l-2 border-l-border-strong border-l-destructive border-l-warning");
+@source inline("bottom-3 break-words col-span-2 col-start-2 collapse cursor-help divide-x first:pl-1 gap-2.5");
+@source inline("gap-x-2 gap-x-4 gap-y-0.5 grid-cols-[minmax(0,1fr)_auto] group-focus-visible/meter:opacity-100");
+@source inline("group-focus-visible/stat:opacity-100 group-focus-visible/tile:opacity-100");
+@source inline("group-hover/meter:opacity-100 group-hover/stat:opacity-100 group-hover/tile:opacity-100");
+@source inline("group/meter group/stat group/tile h-5 hover:bg-muted/50 last:pr-1 leading-tight left-3");
+@source inline("left-[11px] list-none mb-3 min-w-[8.5rem] min-w-full mr-0.5 normal-case pt-1 row-start-1");
+@source inline("self-stretch sm:col-auto sm:col-span-1 sm:grid-cols-[minmax(7rem,18rem)_minmax(4rem,1fr)_auto]");
+@source inline("sm:grid-cols-[minmax(7rem,34rem)_minmax(4rem,1fr)_auto] sm:row-auto text-3xl text-[0.6rem]");
+@source inline("text-foreground/80 text-muted-foreground/60 text-success text-warning top-7 tracking-normal w-48");
+@source inline("whitespace-pre z-[1]");