rainbowindex 0.5.0 → 0.6.0

package/README.md

@@ -20,6 +20,8 @@ The product is not a visual design tool, a component library, or a framework abs
 
 When tradeoffs arise, we consistently prioritize composability, user control, predictable performance, explicit behavior, and correctness over convenience or familiarity.
 
+Full consumer documentation lives in [docs/](docs/README.md).
+
 ## Install
 
 ```sh
@@ -67,15 +69,21 @@ export default defineConfig({
 ```css
 /* src/styles.css */
 @import "rainbowindex";
+
+@color {
+	brand: 0.18 330;
+}
 ```
 
 ```tsx
 // src/App.tsx
 export default function App() {
-	return <div className="flex gap-4 px-6 py-3 bg-blue-500 text-white">Hello</div>;
+	return <div className="flex gap-4 px-6 py-3 bg-brand-500 text-white">Hello</div>;
 }
 ```
 
+The default palette ships only the neutral `theme` color (plus `black`, `white`, `paper`, `ink`, `transparent`, `current`, `inherit`) — declare your palette with `@color`.
+
 To scaffold a fresh app instead, use the CLI:
 
 ```sh
@@ -86,14 +94,15 @@ pnpm dlx rainbowindex init
 
 ## CLI
 
-The `rainbowindex` binary exposes five subcommands. The default is `build`.
+The `rainbowindex` binary exposes six subcommands. The default is `build`.
 
 ```
 rainbowindex <glob> [options]        Generate CSS from source files
 rainbowindex init                    Wire Rainbow Index into the current Vite app
 rainbowindex create <dir>            Scaffold a Vite app with Rainbow Index ready
 rainbowindex generate-types          Generate TypeScript types for ri() autocomplete
-rainbowindex preload-fonts           Generate <link rel="preload"> tags for resolved fonts
+rainbowindex preload-fonts           Print <link rel="preload"> tags for local faces marked preload
+rainbowindex scan <glob>             Print the class names the scanner extracts from files
 ```
 
 Common flags:
@@ -103,7 +112,7 @@ Common flags:
 | `-o`, `--output <file>` | Output CSS file path. Required with `--watch`. |
 | `--watch` | Re-run on source-file changes (chokidar). |
 | `--minify` | Minification + browser-fallback passes via LightningCSS. `--optimize` is an accepted alias. |
-| `--css <file>` | CSS input with directives. Auto-detected if omitted. |
+| `--css <file>` | CSS input with directives. Auto-detected if omitted. For `init`/`create`: the stylesheet to create or patch (default `src/index.css`). |
 | `--strict` | Drop the string escape hatch in generated types. |
 | `--template <name>` | Vite template to scaffold (default: `react-ts`). |
 
@@ -130,7 +139,7 @@ Options:
 
 | Option | Type | Description |
 | --- | --- | --- |
-| `sources` | `string[]` | Glob patterns for files to scan. Can also be declared via `@source` in CSS. |
+| `sources` | `string[]` | Glob patterns for files to scan. Can also be declared via `@source` in CSS. Any positive glob (here or via `@source`) replaces the default scan patterns. |
 | `cwd` | `string` | Working directory. Defaults to `process.cwd()`. |
 
 ## Vite plugin
@@ -139,7 +148,25 @@ Options:
 import rainbowindex from "rainbowindex/vite";
 ```
 
-Auto-detects your CSS entry, injects a PostCSS config if none exists, supports HMR with file versioning. No options required for the common case.
+Auto-detects your CSS entry, injects a PostCSS config if none exists, supports HMR with file versioning. The plugin takes no options — to pass PostCSS options, create a `postcss.config.js` and register the PostCSS plugin there yourself.
+
+## Vite+
+
+[Vite+](https://viteplus.dev) works out of the box. Directive syntax is not valid CSS, so Oxfmt — the formatter behind `vp fmt` and `vp check` — cannot parse a stylesheet that holds directives, and the whole check fails before it lints or type checks. The Vite plugin prevents that: it adds every activated stylesheet to `fmt.ignorePatterns`, and leaves the rest of the project formatted. Without the Vite plugin, add the pattern yourself.
+
+One more integration is opt-in:
+
+```ts
+// vite.config.ts — lint rule: merge classes with ri(), not clsx/tailwind-merge
+export default defineConfig({
+	lint: {
+		jsPlugins: [{ name: "rainbowindex", specifier: "rainbowindex/oxlint" }],
+		rules: { "rainbowindex/prefer-ri": "error" },
+	},
+});
+```
+
+See [docs/vite-plus.md](docs/vite-plus.md).
 
 ## Class syntax
 
@@ -152,7 +179,7 @@ Roughly the same surface area as Tailwind: spacing, sizing, typography, color, l
 Prefix any utility with one or more variants, separated by `:`.
 
 ```html
-<button class="bg-blue-500 hover:bg-blue-600 dark:bg-blue-400 sm:px-6">…</button>
+<button class="bg-brand-500 hover:bg-brand-600 dark:bg-brand-400 sm:px-6">…</button>
 ```
 
 Supported variants:
@@ -160,11 +187,13 @@ Supported variants:
 - **Pseudo-classes** — `hover`, `focus`, `focus-visible`, `active`, `visited`, `disabled`, `enabled`, `checked`, `empty`, `first`, `last`, `odd`, `even`, `only`
 - **Pseudo-elements** — `before`, `after`, `placeholder`, `file`, `marker`, `selection`, `first-line`, `first-letter`, `backdrop`
 - **Media** — `dark`, `print`, `portrait`, `landscape`, `motion-safe`, `motion-reduce`, `starting`
-- **Breakpoints** — `sm`, `md`, `lg`, `xl` (theme-driven, customizable via `@breakpoint`)
-- **Container queries** — `@sm`, `@md`, …
+- **Breakpoints** — every name from `@breakpoint`; none ships
+- **Container queries** — the same names with an `@` prefix
 - **Attribute selectors** — `data-[state=open]`, `aria-[pressed=true]`
 - **Arbitrary** — `[selector]`, `[@media(...)]`
 
+This list is a subset — the full variant tables are in [docs/class-syntax.md](docs/class-syntax.md).
+
 ### Arbitrary values
 
 ```html
@@ -183,24 +212,21 @@ When multiple utilities share the same variant prefix, group them with `{…}` i
 
 ```html
 <!-- These two lines are equivalent -->
-<div class="hover:text-red-500 hover:bg-blue-100 hover:underline">…</div>
-<div class="hover:{text-red-500 bg-blue-100 underline}">…</div>
+<div class="hover:text-brand-500 hover:bg-brand-100 hover:underline">…</div>
+<div class="hover:{text-brand-500 bg-brand-100 underline}">…</div>
 ```
 
-Groups stack and nest:
+Prefixes chain:
 
 ```html
 <!-- Chained variants -->
-<div class="sm:hover:{bg-gray-700 text-white}">…</div>
+<div class="sm:hover:{bg-theme-700 text-white}">…</div>
 
 <!-- Multiple groups in one class string -->
-<div class="focus:{outline-2 outline-blue-500} disabled:{opacity-50 cursor-not-allowed}">…</div>
-
-<!-- The data-attribute case -->
-<div class="data-[active]:{relative px-2} data-[slot=sidebar]:{fixed leading-none}">…</div>
+<div class="focus:{outline-2 outline-brand-500} disabled:{opacity-50 cursor-not-allowed}">…</div>
 ```
 
-Expansion happens at scan-time, so the runtime never sees the grouped form. Nesting is capped at depth 10; expanded output is capped at 1MB.
+Expansion happens at scan-time, so the runtime never sees the grouped form. Only plain prefixes work — bracketed variants like `data-[state=open]:` cannot prefix a group, and braces do not nest (chain the prefixes instead). Expansion input is capped at 500,000 characters, output at 100,000.
 
 ## Theming with CSS directives
 
@@ -211,8 +237,8 @@ Customization happens in your CSS input, not a JS config. The engine recognizes:
 | `@color` | Define color tokens. Supports generative (`chroma hue`), explicit (`oklch(...)`, `#rrggbb`), light/dark pairs, and aliases. |
 | `@spacing` | Set the spacing base unit. |
 | `@text` | Define text size tokens (`size, line-height`). |
-| `@font`, `@font-face` | Register font families inside a single `@font { … }` block. Local files are repeatable `face:` entries (e.g. upright + italic). Known families get an automatic zero-CLS metrics fallback (`metrics: none` opts out). |
-| `@rounded` | Border-radius tokens; modifier sets corner shape (`round`, `squircle`, `superellipse(N)`, etc). |
+| `@font` | Register font families inside a single `@font { … }` block. Local files are repeatable `face:` entries (e.g. upright + italic). Known families get an automatic zero-CLS metrics fallback (`metrics: none` opts out). Plain `@font-face` rules are standard CSS and pass through untouched. |
+| `@rounded` | Corner shape (`round`, `squircle`, `superellipse(N)`, etc), and named radii. Unnamed radii are spacing multiples: `rounded-4`. |
 | `@fluid` | Configure fluid type/spacing range. |
 | `@animate` | Register named animations with inline `@keyframes`. |
 | `@utility` | Define a custom utility (static or functional `name-*`). |
@@ -221,7 +247,12 @@ Customization happens in your CSS input, not a JS config. The engine recognizes:
 | `@slot` | Slot marker inside `@custom` block form. |
 | `@source` | Declare additional source globs from CSS. Supports `not "..."` and `inline("...")`. |
 | `@preflight` | Toggle preflight base styles. |
-| `@layer`, `@media`, `@custom-media`, `@import` | Standard CSS plus a few extensions. |
+| `@breakpoint`, `@shadow`, `@weight`, `@ease`, `@blur`, `@z`, `@leading`, `@tracking`, `@opacity`, `@duration` | Key-value token scales; `!key;` removes a token. |
+| `@register` | Emit CSS `@property` registrations. |
+| `@layer` | Place the generated output in cascade layers (intercepted, own grammar). |
+| `@media`, `@import`, other standard at-rules | Standard CSS — passed through untouched. |
+
+A named scale can also hold utilities. A `name { … }` block with no colon before it defines a utility in that scale's class family, so `@shadow { lifted-* { … } }` makes `shadow-lifted-*`. See [theming.md](docs/theming.md#utility-blocks).
 
 Example:
 
@@ -250,11 +281,11 @@ Example:
 	}
 }
 
-@source "../emails/**/*.html";
-@source not "../**/legacy/*";
+@source "emails/**/*.html";
+@source not "src/**/legacy/*";
 ```
 
-Default theme keys: `colors`, `spacing`, `text`, `breakpoints`, `rounded`, `shadows`, `weights`, `easing`, `fluid`, `animations`, `blur`, `z`.
+The package ships two defaults: the `colors` palette and the `spacing` base. Every other scale — `text`, `leading`, `tracking`, `shadows`, `radii`, `breakpoints`, `weights`, `easing`, `blur`, `animations`, `fluid`, `z`, `opacity`, `duration` — starts empty, and its directive defines the named tokens. Numeric and keyword class forms are computed, so they work with no theme at all.
 
 ## `ri()` — runtime class merger
 
@@ -263,8 +294,8 @@ Default theme keys: `colors`, `spacing`, `text`, `breakpoints`, `rounded`, `shad
 ```ts
 import { ri } from "rainbowindex";
 
-ri("px-2 py-1", isActive && "bg-blue-500", "px-4");
-// → "py-1 bg-blue-500 px-4"   (px-2 is dropped — px-4 wins)
+ri("px-2 py-1", isActive && "bg-brand-500", "px-4");
+// → "py-1 bg-brand-500 px-4"   (px-2 is dropped — px-4 wins)
 ```
 
 Accepted inputs:
@@ -297,17 +328,17 @@ themes in the same Node process, that shared state will leak — use
 // Anywhere ri() is single-compile-safe (browser, Vite, PostCSS):
 import { ri } from "rainbowindex";
 
-const className = ri("px-2 py-1", isActive && "bg-blue-500", "px-4");
+const className = ri("px-2 py-1", isActive && "bg-brand-500", "px-4");
 ```
 
 ```ts
-// SSR / multi-tenant — capture the snapshot at compile time, bind per-request:
-import { compileProject, createRi, finalizeCompilationContext } from "rainbowindex";
+// SSR / multi-tenant — bind a merger to one compile, isolated per theme:
+import { compileProject, createRi } from "rainbowindex";
+import { createThemeSnapshot } from "rainbowindex/editor";
 
 // At server startup (once per theme):
-const ctx = await compileProject({ cwd, css });
-const snapshot = finalizeCompilationContext(ctx);
-const ri = createRi(snapshot);
+const result = await compileProject({ css });
+const ri = createRi(createThemeSnapshot(result.theme));
 
 // In your request handler:
 function render(req, res) {
@@ -316,9 +347,9 @@ function render(req, res) {
 }
 ```
 
-If you call `ri()` while a compilation is still in progress (e.g. inside a
-server-rendering pass that triggers a fresh compile), the runtime emits a
-throttled `[RI-2004]` warning. That's your signal to switch to `createRi()`.
+In any Node/SSR process, the default `ri()` emits a throttled `[RI-2004]`
+warning (at most once per 60 s) to flag its shared module state. Switching to
+`createRi(snapshot)` silences it.
 
 ## Editor tooling API
 
@@ -370,16 +401,16 @@ Warnings carry `RI-NNNN` codes. Ranges:
 
 | Range | Subsystem |
 | --- | --- |
+| 00xx | PostCSS plugin bootstrap (thrown) |
 | 10xx | Compilation & directives |
-| 11xx | Color directives |
+| 11xx | Color directives & resolver catch-alls |
 | 12xx | Font system |
 | 13xx | Merge / compilation context |
 | 14xx | Source scanner |
 | 15xx | Typography utilities |
 | 16xx | Integration plugins (Vite, PostCSS, CLI wiring) |
-| 20xx | CSS function processing |
-| 21xx | `ri()` runtime |
+| 20xx | CSS functions, `ri()` runtime & `compile()` validation |
 
-See the [diagnostics reference](https://rainbowindex.dev/docs/diagnostics) for the full code → cause → fix table.
+See [docs/diagnostics.md](docs/diagnostics.md) for the full code → cause → fix table.
 
 Warnings are deduplicated and capped at 200 per compile, with 20 slots reserved for high-severity errors.

package/dist/browser.d.ts

@@ -1,5 +1,5 @@
-export { C as ColorDefinition, a as CompilationContext, b as CompilationSnapshot, F as FluidConfig, T as TextSize, c as Theme, d as createCompilationContext, e as defaultTheme, f as finalizeCompilationContext, r as registerColorNames, g as registerCustomFontFamilies, h as registerCustomTextSizes, i as registerCustomUtility } from './context-ruu2x_jR.js';
-export { D as DEFAULT_TEXT_SIZES, c as createRi, r as ri, s as safelist } from './safelist-D9-Plqta.js';
+export { C as ColorDefinition, a as CompilationContext, b as CompilationSnapshot, F as FluidConfig, T as TextSize, c as Theme, d as createCompilationContext, e as defaultTheme, f as finalizeCompilationContext, r as registerColorNames, g as registerCustomFontFamilies, h as registerCustomTextSizes, i as registerCustomUtility } from './index-DSgpB6bS.js';
+export { c as createRi, r as ri, s as safelist } from './safelist-CGCtF-Fr.js';
 
 declare function browserEntryUnavailable(): never;
 

package/dist/browser.mjs

@@ -2,7 +2,6 @@ import {
   safelist
 } from "./chunk-PD4ZXGJ6.mjs";
 import {
-  DEFAULT_TEXT_SIZES,
   createCompilationContext,
   createRi,
   defaultTheme,
@@ -13,7 +12,7 @@ import {
   registerCustomTextSizes,
   registerCustomUtility,
   ri
-} from "./chunk-KRZL4IDK.mjs";
+} from "./chunk-6U4IOFOS.mjs";
 
 // src/entries/browser.ts
 function browserEntryUnavailable() {
@@ -26,7 +25,6 @@ function browserEntryUnavailable() {
 }
 var browser_default = browserEntryUnavailable;
 export {
-  DEFAULT_TEXT_SIZES,
   createCompilationContext,
   createRi,
   browser_default as default,

package/dist/{chunk-CMB6BHVE.mjs → chunk-3LWJTLOJ.mjs}

@@ -1,26 +1,27 @@
 import {
   compileScannedProject
-} from "./chunk-DT5HYIM3.mjs";
+} from "./chunk-WK6S4HTC.mjs";
 import {
   APPLY_ALIASES,
   DIRECTIVE_NAMES_SET,
   MAX_DIRECTIVE_INPUT_SIZE,
   RI_IMPORT_SPECIFIER_ALTERNATION,
   applyVariantWrappers,
+  checkAppliedFontWeights,
   compileCSSFunctions,
   computeSortKey,
   expandVariantGroups,
-  forEachApplyClass,
-  getCustomUtility,
+  forEachApplyClassList,
   hasApplyLikeDirective,
   hasCSSFunctions,
   hasRIActivation,
+  matchCustomUtility,
   parseUtility,
   pushWarningsDeduped,
   resolveUtilityDeclarations,
   resolveVariant,
   splitSelectorList
-} from "./chunk-ZI5ZYNSU.mjs";
+} from "./chunk-KSNYSR3C.mjs";
 
 // src/integrations/postcss/index.ts
 import postcss2 from "postcss";
@@ -28,6 +29,7 @@ import { isAbsolute } from "path";
 
 // src/integrations/postcss/apply.ts
 import postcss from "postcss";
+var applyStateByTheme = /* @__PURE__ */ new WeakMap();
 function makeDeclGroup(r) {
   const sortKey = computeSortKey(r.declarations[0]?.property ?? "");
   return {
@@ -94,22 +96,29 @@ function resolveFullNestingSelector(rule) {
   }
   return composeNestedSelectors(parts);
 }
-function processApply(root, theme, warnings) {
+function processApply(root, theme, warnings, cssPath) {
   for (const alias of APPLY_ALIASES) {
     root.walkAtRules(alias, (atRule) => {
       atRule.name = "apply";
     });
   }
-  const customVariantMap = new Map(theme.customVariants.map((cv) => [cv.name, cv]));
-  const checkedApplyRoots = /* @__PURE__ */ new Set();
-  const resolveCache = /* @__PURE__ */ new Map();
+  let state = applyStateByTheme.get(theme);
+  if (!state) {
+    state = {
+      customVariantMap: new Map(theme.customVariants.map((cv) => [cv.name, cv])),
+      applyRootWarnings: /* @__PURE__ */ new Map(),
+      resolveCache: /* @__PURE__ */ new Map()
+    };
+    applyStateByTheme.set(theme, state);
+  }
+  const { customVariantMap, applyRootWarnings, resolveCache } = state;
   for (let depth = 0; depth < MAX_APPLY_DEPTH; depth++) {
     const applyNodes = [];
     const classListByNode = /* @__PURE__ */ new Map();
     const groupRoots = /* @__PURE__ */ new Set();
     root.walkAtRules("apply", (atRule) => {
       applyNodes.push(atRule);
-      const params = expandVariantGroups(atRule.params, warnings);
+      const params = expandVariantGroups(atRule.params, warnings, cssPath);
       const classNames = params.trim().split(/\s+/).filter(Boolean);
       classListByNode.set(atRule, classNames);
       if (classNames.includes("group")) {
@@ -128,7 +137,7 @@ function processApply(root, theme, warnings) {
         warnings,
         customVariantMap,
         groupRoots,
-        checkedApplyRoots,
+        applyRootWarnings,
         resolveCache
       );
     }
@@ -146,7 +155,7 @@ function processApply(root, theme, warnings) {
     }
   }
 }
-function expandApply(atRule, classNames, theme, warnings, customVariantMap, groupRoots, checkedApplyRoots, resolveCache) {
+function expandApply(atRule, classNames, theme, warnings, customVariantMap, groupRoots, applyRootWarnings, resolveCache) {
   const parentRule = atRule.parent;
   if (parentRule?.type !== "rule") {
     warnings.push("[RI-1006] @apply must be used inside a CSS rule, not at the top level.");
@@ -166,6 +175,7 @@ function expandApply(atRule, classNames, theme, warnings, customVariantMap, grou
     atRule.remove();
     return;
   }
+  checkAppliedFontWeights(classNames, theme, warnings);
   const resolved = [];
   for (const className of classNames) {
     let entry = resolveCache.get(className);
@@ -177,7 +187,7 @@ function expandApply(atRule, classNames, theme, warnings, customVariantMap, grou
           theme,
           entryWarnings,
           customVariantMap,
-          checkedApplyRoots
+          applyRootWarnings
         ),
         warnings: entryWarnings
       };
@@ -252,19 +262,24 @@ function expandApply(atRule, classNames, theme, warnings, customVariantMap, grou
     parentContainer.insertAfter(insertAfter, rule);
     insertAfter = rule;
   }
-  const groupInfoByKey = /* @__PURE__ */ new Map();
-  let hasGroupVariants = false;
-  for (const [key, bucket] of variantBuckets) {
-    const info = resolveGroupVariantInfo(bucket.wrappers, parentRule, groupRoots);
-    groupInfoByKey.set(key, info);
-    if (info) hasGroupVariants = true;
-  }
   let fullSelectorMemo = null;
   const fullNestingSelector = () => {
     if (fullSelectorMemo === null)
       fullSelectorMemo = resolveFullNestingSelector(parentRule);
     return fullSelectorMemo;
   };
+  const groupInfoByKey = /* @__PURE__ */ new Map();
+  let hasGroupVariants = false;
+  for (const [key, bucket] of variantBuckets) {
+    const info = resolveGroupVariantInfo(
+      bucket.wrappers,
+      parentRule,
+      groupRoots,
+      fullNestingSelector
+    );
+    groupInfoByKey.set(key, info);
+    if (info) hasGroupVariants = true;
+  }
   let docRootMemo = null;
   const docRoot = () => {
     if (docRootMemo === null) docRootMemo = parentContainer.root();
@@ -276,7 +291,7 @@ function expandApply(atRule, classNames, theme, warnings, customVariantMap, grou
     if (groupVariantInfo) {
       const fullSelector = fullNestingSelector();
       const { groupRootSelector } = groupVariantInfo;
-      const rootBranches = splitSelectorList(groupRootSelector);
+      const rootBranches = groupVariantInfo.isSelf ? [] : splitSelectorList(groupRootSelector);
       const fullBranches = splitSelectorList(fullSelector);
       const baseBranches = [];
       for (const fb of fullBranches) {
@@ -332,7 +347,7 @@ function expandApply(atRule, classNames, theme, warnings, customVariantMap, grou
   }
   atRule.remove();
 }
-function resolveGroupVariantInfo(wrappers, parentRule, groupRoots) {
+function resolveGroupVariantInfo(wrappers, parentRule, groupRoots, fullNestingSelector) {
   if (groupRoots.size === 0) return null;
   const hasGroupVariant = wrappers.some(
     (w) => w.selectorSuffix && w.replaceAmpersand && GROUP_VARIANT_RE.test(w.selectorSuffix)
@@ -340,28 +355,31 @@ function resolveGroupVariantInfo(wrappers, parentRule, groupRoots) {
   if (!hasGroupVariant) return null;
   const groupInfo = findGroupAncestor(parentRule, groupRoots);
   if (!groupInfo) return null;
+  const isSelf = fullNestingSelector() === groupInfo.groupRootSelector;
   const rewrittenWrappers = wrappers.map((w) => {
     if (!w.selectorSuffix || !w.replaceAmpersand) return w;
     const match = w.selectorSuffix.match(GROUP_VARIANT_RE);
     if (!match) return w;
     const pseudo = match[1];
+    if (isSelf) return { ...w, selectorSuffix: `&${pseudo}` };
     const rootBranches = splitSelectorList(groupInfo.groupRootSelector);
     const newSuffix = rootBranches.map((b) => `${b}${pseudo} &`).join(", ");
     return { ...w, selectorSuffix: newSuffix };
   });
-  return { rewrittenWrappers, groupRootSelector: groupInfo.groupRootSelector };
+  return { rewrittenWrappers, groupRootSelector: groupInfo.groupRootSelector, isSelf };
 }
 var MARKER_CLASSES = /* @__PURE__ */ new Set(["group"]);
 var MAX_CUSTOM_APPLY_DEPTH = 5;
-function findCustomUtility(utility, value, theme) {
-  const target = value === null ? utility : `${utility}-${value}`;
-  const cu = getCustomUtility(theme, target);
-  return cu && !cu.functional ? cu : void 0;
+function findCustomUtility(utility, value, negative, theme) {
+  return matchCustomUtility(utility, value, negative, theme)?.cu;
 }
 function checkCustomApplyWarnings(cu, theme, warnings, visiting = /* @__PURE__ */ new Set()) {
   if (!hasApplyLikeDirective(cu.body)) return;
   const innerClasses = [];
-  forEachApplyClass(cu.body, (cls) => innerClasses.push(cls));
+  forEachApplyClassList(cu.body, (classes) => {
+    checkAppliedFontWeights(classes, theme, warnings);
+    innerClasses.push(...classes);
+  });
   if (innerClasses.length === 0) return;
   if (visiting.has(cu.name)) {
     warnings.push(
@@ -378,12 +396,12 @@ function checkCustomApplyWarnings(cu, theme, warnings, visiting = /* @__PURE__ *
   visiting.add(cu.name);
   for (const innerClass of innerClasses) {
     const parsed = parseUtility(innerClass);
-    const innerCu = findCustomUtility(parsed.utility, parsed.value, theme);
+    const innerCu = findCustomUtility(parsed.utility, parsed.value, parsed.negative, theme);
     if (innerCu) checkCustomApplyWarnings(innerCu, theme, warnings, visiting);
   }
   visiting.delete(cu.name);
 }
-function resolveClassName(className, theme, warnings, customVariantMap, checkedApplyRoots) {
+function resolveClassName(className, theme, warnings, customVariantMap, applyRootWarnings) {
   const parsed = parseUtility(className);
   if (parsed.variants.length === 0 && MARKER_CLASSES.has(parsed.utility) && parsed.value === null) {
     return null;
@@ -394,10 +412,15 @@ function resolveClassName(className, theme, warnings, customVariantMap, checkedA
     return null;
   }
   const declarations = [...utilResult.declarations];
-  const cu = findCustomUtility(parsed.utility, parsed.value, theme);
-  if (cu && !checkedApplyRoots.has(cu.name)) {
-    checkedApplyRoots.add(cu.name);
-    checkCustomApplyWarnings(cu, theme, warnings);
+  const cu = findCustomUtility(parsed.utility, parsed.value, parsed.negative, theme);
+  if (cu) {
+    let cuWarnings = applyRootWarnings.get(cu.name);
+    if (!cuWarnings) {
+      cuWarnings = [];
+      checkCustomApplyWarnings(cu, theme, cuWarnings);
+      applyRootWarnings.set(cu.name, cuWarnings);
+    }
+    warnings.push(...cuWarnings);
   }
   const variantWrappers = [];
   for (const variant of parsed.variants) {
@@ -564,28 +587,29 @@ var rainbowindex = (options = {}) => {
         if (!hasActivation) {
           return;
         }
+        const from = root.source?.input?.file ?? root.source?.input?.id ?? root.source?.input?.from ?? "<rainbowindex>";
         const { compiled, warningSeen } = await compileScannedProject({
           css: rawCSS,
           cwd,
+          cssPath: from,
           surfacePatterns: options.sources,
           onInvalidPattern: (err) => `[RI-1015] ${err}`
         });
         const compilationWarnings = compiled.warnings;
-        const from = root.source?.input?.file ?? root.source?.input?.id ?? root.source?.input?.from ?? "<rainbowindex>";
         stripRIDirectiveNodes(root);
         const slotWarnings = [];
         warnStandaloneSlots(root, slotWarnings);
-        pushWarningsDeduped(compilationWarnings, slotWarnings, warningSeen);
+        pushWarningsDeduped(compilationWarnings, slotWarnings, warningSeen, compiled.suppressed);
         const applyWarnings = [];
-        processApply(root, compiled.theme, applyWarnings);
-        pushWarningsDeduped(compilationWarnings, applyWarnings, warningSeen);
+        processApply(root, compiled.theme, applyWarnings, from);
+        pushWarningsDeduped(compilationWarnings, applyWarnings, warningSeen, compiled.suppressed);
         if (compiled.sections.length > 0) {
           const generatedRoot = postcss2.parse(compiled.sections.join("\n\n"), { from });
           root.prepend(generatedRoot.nodes);
         }
         const cssFnWarnings = [];
         processCSSFunctions(root, compiled.theme, cssFnWarnings);
-        pushWarningsDeduped(compilationWarnings, cssFnWarnings, warningSeen);
+        pushWarningsDeduped(compilationWarnings, cssFnWarnings, warningSeen, compiled.suppressed);
         for (const warning of compilationWarnings) {
           result.warn(warning);
         }