rainbowindex 0.4.1 → 0.5.0

package/CHANGELOG.md

@@ -5,6 +5,77 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.5.0] - 2026-08-27
+
+### Added
+
+- **`rainbowindex scan <file|glob…>`** — prints every class candidate the
+  scanner extracts from each file, with scanner warnings on stderr. Answers
+  "why doesn't my class generate?" directly: a class missing from the list
+  was never seen by the scanner (check the markup), while a class listed
+  there that still produces no rule fails later (check the build warnings).
+- **RI-1411 — skipped over-long lines are now reported.** The scanner drops
+  lines above the minified-input guard, previously in silence. It now warns
+  once per file with the path and line count. Suppressed for `node_modules`
+  paths, where minified dists are the guard's intended target.
+- **RI-1038 — uppercase `@utility` names warn.** The markup scanner only
+  matches lowercase tokens, so `@utility cardHeader` could never trigger
+  from `class="cardHeader"`. The utility still works through `@a`/`@apply`
+  and inline `@source`, so it is kept — but no longer silently unreachable.
+
+### Changed
+
+- **Fallback stacks moved from preflight into `@font`.** The
+  `--sans-fallback` / `--serif-fallback` / `--mono-fallback` variables were
+  emitted into every project and referenced by nothing. A manual `@font`
+  slot that declares no fallbacks now gets the default system stack appended
+  to its `--font-<slot>` value instead (`sans: "Chartwell";` →
+  `"Chartwell", ui-sans-serif, system-ui, …`); a slot that declares its own
+  fallbacks is untouched. Font tokens no longer depend on a preflight
+  category that users can switch off.
+- **Focus ring uses literal lengths.** `:focus-visible` drew its outline at
+  `var(--spacing)` (4px by default) and offset at half that, so changing the
+  spacing scale silently resized every focus ring. Now a flat 2px width and
+  2px offset.
+- **Placeholder color follows the text color** —
+  `color-mix(in oklab, currentColor 48%, transparent)` instead of a
+  hardcoded gray that ignored the theme in dark mode.
+- **Scanner line-length guard raised from 2,000 to 10,000 characters.** Real
+  minified files run far above this, while hand-written long lines (inline
+  SVG path data, long attribute stacks) sit below it. `MAX_LINE_LENGTH` is
+  exported so tooling and tests derive from it instead of hardcoding.
+- **Default source patterns scan every root HTML file** (`*.html`, not just
+  `index.html`), so Vite multi-page apps are covered without an explicit
+  `@source`. `dist`, `build`, and `public` remain excluded.
+
+### Removed
+
+- **Preflight `select-reset`.** It styled rather than reset, and shipped
+  three defects: its chevron was a `currentColor` SVG in a `background-image`,
+  which resolves to black and disappears on dark backgrounds; the bare
+  `select` selector also hit `<select multiple>`, giving listboxes a floating
+  chevron and 2.5rem of padding; and `appearance: none` stripped the native
+  control on every platform. Style selects in your own CSS.
+- **Preflight `:focus:not(:focus-visible) { outline: none }`** — no current
+  browser draws an outline for plain `:focus`, so the rule was dead.
+
+### Fixed
+
+- **Quoted class attributes on over-long lines are no longer lost.** A
+  `className="…"` sharing a line with multi-KB inline SVG path data
+  generated nothing: the whole-file scan skipped the line for length, and
+  the attribute collector stripped the quotes and then searched only for
+  string literals *nested inside* the value, of which a plain quoted
+  attribute has none. Quoted attribute values are now tokenized directly, in
+  the one shared collector — so JSX, HTML, Vue, Svelte, and object-literal
+  (`{ className: "…" }`) syntax are all fixed together. Non-quoted
+  expression values keep their existing semantics.
+- **List margins are reset.** `list-reset` removed bullets and padding while
+  `ol`, `ul`, and `menu` kept the browser's `margin-block: 1em`, leaving
+  unexplained gaps around navigation and menus.
+- **`fieldset` and `legend` are reset** — their default margin and padding
+  survived while every other form control was flush.
+
 ## [0.4.1] - 2026-08-25
 
 ### Added

package/dist/{chunk-IYIUS7AE.mjs → chunk-CMB6BHVE.mjs}

@@ -1,6 +1,6 @@
 import {
   compileScannedProject
-} from "./chunk-53WD6U2X.mjs";
+} from "./chunk-DT5HYIM3.mjs";
 import {
   APPLY_ALIASES,
   DIRECTIVE_NAMES_SET,
@@ -20,7 +20,7 @@ import {
   resolveUtilityDeclarations,
   resolveVariant,
   splitSelectorList
-} from "./chunk-6GTG5SZJ.mjs";
+} from "./chunk-ZI5ZYNSU.mjs";
 
 // src/integrations/postcss/index.ts
 import postcss2 from "postcss";

package/dist/{chunk-53WD6U2X.mjs → chunk-DT5HYIM3.mjs}

@@ -19,7 +19,7 @@ import {
   renderCSS,
   scanCSSForTokenUsage,
   withTimeout
-} from "./chunk-6GTG5SZJ.mjs";
+} from "./chunk-ZI5ZYNSU.mjs";
 import {
   checkPaletteContrast,
   generateAllColorVariables,
@@ -629,7 +629,8 @@ function generateFontCSS(slot) {
     return { imports, fontFaces, variables, warnings };
   }
   if (slot.kind === "manual") {
-    const stack = [`"${escapeFontFamily(slot.family)}"`, ...slot.fallback].join(", ");
+    const fallback = slot.fallback.length > 0 ? slot.fallback.join(", ") : getFallbackStack(slot.slot);
+    const stack = [`"${escapeFontFamily(slot.family)}"`, fallback].join(", ");
     variables.push(`--font-${slot.slot}: ${stack};`);
     pushFeatureVars();
     return { imports, fontFaces, variables, warnings };
@@ -813,7 +814,7 @@ function errMessage(err) {
 
 // src/scanner/sources.ts
 var DEFAULT_PATTERNS = Object.freeze([
-  "index.html",
+  "*.html",
   "src/**/*.{html,js,jsx,ts,tsx,mdx,vue,svelte}"
 ]);
 var DEFAULT_EXCLUDES = Object.freeze([
@@ -1209,7 +1210,7 @@ var modules = [
   {
     name: "margins",
     category: "core",
-    css: `body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, pre {
+    css: `body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, pre, ol, ul, menu {
   margin: 0;
 }`
   },
@@ -1226,9 +1227,6 @@ var modules = [
     name: "root-defaults",
     category: "core",
     css: `:root {
-  --sans-fallback: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --serif-fallback: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   tab-size: 4;
@@ -1337,7 +1335,7 @@ button {
     category: "forms",
     css: `input::placeholder, textarea::placeholder {
   opacity: 1;
-  color: oklch(0.556 0 0);
+  color: color-mix(in oklab, currentColor 48%, transparent);
 }
 input:where([type="button"], [type="reset"], [type="submit"]) {
   -webkit-appearance: button;
@@ -1352,16 +1350,14 @@ input:where([type="button"], [type="reset"], [type="submit"]) {
 }`
   },
   {
-    name: "select-reset",
+    name: "fieldset-reset",
     category: "forms",
-    css: `select {
-  -webkit-appearance: none;
-  appearance: none;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath fill-rule='evenodd' d='M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06z' clip-rule='evenodd'/%3e%3c/svg%3e");
-  background-position: right 0.5rem center;
-  background-repeat: no-repeat;
-  background-size: 1.5em 1.5em;
-  padding-inline-end: 2.5rem;
+    css: `fieldset {
+  margin: 0;
+  padding: 0;
+}
+legend {
+  padding: 0;
 }`
   },
   // ── Interactive ──────────────────────────────────────────
@@ -1369,13 +1365,10 @@ input:where([type="button"], [type="reset"], [type="submit"]) {
     name: "focus-visible",
     category: "interactive",
     css: `:focus-visible {
-  outline-width: var(--spacing);
+  outline-width: 2px;
   outline-style: solid;
-  outline-offset: calc(var(--spacing) * 0.5);
+  outline-offset: 2px;
   outline-color: currentColor;
-}
-:focus:not(:focus-visible) {
-  outline: none;
 }`
   },
   {

package/dist/{chunk-WYMCN5OC.mjs → chunk-NXJZX6KI.mjs}

@@ -15,7 +15,7 @@ import {
   codepointCompare,
   parseUtility,
   resolveUtilityDeclarations
-} from "./chunk-6GTG5SZJ.mjs";
+} from "./chunk-ZI5ZYNSU.mjs";
 import {
   SPECIAL_COLORS
 } from "./chunk-KRZL4IDK.mjs";

package/dist/{chunk-6GTG5SZJ.mjs → chunk-ZI5ZYNSU.mjs}

@@ -1319,7 +1319,14 @@ function stripLeadingClassDot(name) {
   return name.startsWith(".") ? name.slice(1) : name;
 }
 function isValidUtilityName(name, warnings) {
-  if (IDENT_KEY_RE.test(name)) return true;
+  if (IDENT_KEY_RE.test(name)) {
+    if (/[A-Z]/.test(name)) {
+      warnings?.push(
+        `[RI-1038] @utility name "${name}" contains uppercase letters \u2014 the markup scanner only matches lowercase tokens, so class="${name}" will never generate it. It still works via @a/@apply and inline @source. Prefer a lowercase-hyphen name.`
+      );
+    }
+    return true;
+  }
   warnings?.push(
     `[RI-1035] Invalid @utility name "${name}" \u2014 names may only contain letters, numbers, hyphens, and underscores (plus an optional trailing "-*" for functional utilities). The utility was skipped.`
   );
@@ -9205,7 +9212,8 @@ function readAssignedValue(source, start) {
     return {
       value: source.slice(i + 1, end2),
       end: end2,
-      valueStart: i + 1
+      valueStart: i + 1,
+      quoted: true
     };
   }
   if (ch === "`") {
@@ -9213,7 +9221,8 @@ function readAssignedValue(source, start) {
     return {
       value: source.slice(i + 1, end2),
       end: end2,
-      valueStart: i + 1
+      valueStart: i + 1,
+      quoted: false
     };
   }
   if (ch in BRACKET_PAIRS) {
@@ -9222,7 +9231,8 @@ function readAssignedValue(source, start) {
     return {
       value: source.slice(i + 1, end2),
       end: end2,
-      valueStart: i + 1
+      valueStart: i + 1,
+      quoted: false
     };
   }
   let end = i;
@@ -9230,7 +9240,8 @@ function readAssignedValue(source, start) {
   return {
     value: source.slice(i, end),
     end: end - 1,
-    valueStart: i
+    valueStart: i,
+    quoted: false
   };
 }
 function splitTopLevelArgs(source) {
@@ -9425,7 +9436,7 @@ var ARBITRARY_PROPERTY = /\[[a-z-][^\]]*:[^\]]+\](?:\/(?:[\w.]+|\[[^\]]*\]|\([^)
 var CLASS_RE_SOURCE = `${BOUNDARY}(${NEGATIVE}${VARIANT_PREFIX}(?:${UTILITY_VALUE}|${VARIANT_GROUP}|${ARBITRARY_PROPERTY})${IMPORTANT_SUFFIX})`;
 var CLASS_RE = new RegExp(CLASS_RE_SOURCE, "g");
 var VARIANT_STRIP_RE = new RegExp(`^(?:${VARIANT_SEGMENT})+`);
-var MAX_LINE_LENGTH = 2e3;
+var MAX_LINE_LENGTH = 1e4;
 var CLASS_HELPERS = [
   "clsx",
   "cn",
@@ -9628,12 +9639,11 @@ function collectAssignedValues(sink, source, regex, visitor = scanClassTokens, b
     const value = raw.trim();
     if (!value) continue;
     sink.markContext?.(base + parsed.valueStart, base + parsed.valueStart + raw.length);
-    visitor(
-      sink,
-      value,
-      base + parsed.valueStart + (raw.length - raw.trimStart().length),
-      warnings
-    );
+    const valueOffset = base + parsed.valueStart + (raw.length - raw.trimStart().length);
+    if (parsed.quoted && visitor !== scanClassTokens) {
+      scanClassTokens(sink, value, valueOffset, warnings);
+    }
+    visitor(sink, value, valueOffset, warnings);
     regex.lastIndex = Math.max(regex.lastIndex, parsed.end + 1);
   }
 }
@@ -9807,10 +9817,8 @@ var NOOP_VISITOR = () => void 0;
 function extractHTML(sink, context, warnings) {
   sink.setOrigin?.("plain");
   scanClassTokens(sink, context.content, 0, warnings);
-  if (sink.wantsPositions) {
-    sink.setOrigin?.("attribute");
-    collectAssignedValues(sink, context.content, /\bclass\s*=/g, NOOP_VISITOR, 0, warnings);
-  }
+  sink.setOrigin?.("attribute");
+  collectAssignedValues(sink, context.content, /\bclass\s*=/g, NOOP_VISITOR, 0, warnings);
 }
 function extractJSXTSX(sink, context, warnings) {
   const content = context.content;
@@ -9854,16 +9862,7 @@ function extractVue(sink, context, warnings) {
     0,
     warnings
   );
-  if (sink.wantsPositions) {
-    collectAssignedValues(
-      sink,
-      context.content,
-      /(?<![:\w-])class\s*=/g,
-      NOOP_VISITOR,
-      0,
-      warnings
-    );
-  }
+  collectAssignedValues(sink, context.content, /(?<![:\w-])class\s*=/g, NOOP_VISITOR, 0, warnings);
 }
 function extractSvelte(sink, context, warnings) {
   sink.setOrigin?.("plain");
@@ -9897,7 +9896,26 @@ var EXTRACTORS = [
     extract: extractJSXTSX
   }
 ];
+function warnOverLongLines(input, warnings) {
+  const content = input.content;
+  if (!warnings || content.length <= MAX_LINE_LENGTH) return;
+  if (input.path?.includes("node_modules")) return;
+  let count = 0;
+  let start = 0;
+  for (; ; ) {
+    const idx = content.indexOf("\n", start);
+    const end = idx === -1 ? content.length : idx;
+    if (end - start > MAX_LINE_LENGTH) count++;
+    if (idx === -1) break;
+    start = idx + 1;
+  }
+  if (count === 0) return;
+  warnings.push(
+    `[RI-1411] ${input.path ?? "<source>"}: ${count} line(s) longer than ${MAX_LINE_LENGTH} characters were skipped by the class scanner (minified-input guard). Quoted class attributes on those lines are still read; other class references there are not \u2014 split the long lines.`
+  );
+}
 function extractInto(sink, input, warnings) {
+  warnOverLongLines(input, warnings);
   let handled = false;
   for (const extractor of EXTRACTORS) {
     if (extractor.test(input)) {

package/dist/cli.mjs

@@ -2,28 +2,30 @@
 import {
   CSS_ENTRY_CANDIDATES,
   enumerateClassNames
-} from "./chunk-WYMCN5OC.mjs";
+} from "./chunk-NXJZX6KI.mjs";
 import {
   DEFAULT_EXCLUDES,
   DEFAULT_PATTERNS,
   compileScannedProject,
   getFontPreloadLinks
-} from "./chunk-53WD6U2X.mjs";
+} from "./chunk-DT5HYIM3.mjs";
 import {
   MAX_DIRECTIVE_INPUT_SIZE,
+  codepointCompare,
+  extractClassesFromSource,
   extractDirectives,
   hasApplyLikeDirective,
   hasRIActivation,
   listVariants,
   resolveDirectives
-} from "./chunk-6GTG5SZJ.mjs";
+} from "./chunk-ZI5ZYNSU.mjs";
 import {
   devWarn
 } from "./chunk-KRZL4IDK.mjs";
 
 // src/entries/cli.ts
 import { realpathSync } from "fs";
-import { resolve as resolve6 } from "path";
+import { resolve as resolve7 } from "path";
 import { pathToFileURL } from "url";
 
 // src/cli/args.ts
@@ -153,6 +155,22 @@ Examples:
   rainbowindex generate-types
   rainbowindex generate-types --strict --css src/styles.css`
   },
+  scan: {
+    summary: "Show what the class scanner extracts (debugging)",
+    usage: "  rainbowindex scan <file|glob...>",
+    flags: [],
+    positionals: "globs",
+    body: `Output:
+  One line per extracted class candidate, per file. Scanner warnings (skipped
+  over-long lines, unreadable files) print to stderr with [RI-NNNN] codes.
+  A class missing here was never seen by the scanner \u2014 check how it appears
+  in the markup. A class listed here that still does not generate fails
+  later \u2014 check the build warnings.
+
+Examples:
+  rainbowindex scan src/components/icons/logo.tsx
+  rainbowindex scan "src/**/*.tsx"`
+  },
   "preload-fonts": {
     summary: 'Generate <link rel="preload"> tags',
     usage: "  rainbowindex preload-fonts [options]",
@@ -261,6 +279,11 @@ function parseArgs(argv, callbacks) {
   if (opts.command === "create" && !opts.targetDir) {
     throw new Error("create requires a project directory. Example: rainbowindex create my-app");
   }
+  if (opts.command === "scan" && opts.globs.length === 0) {
+    throw new Error(
+      'scan requires at least one file or glob. Example: rainbowindex scan "src/**/*.tsx"'
+    );
+  }
   if (opts.watch && !opts.output) {
     throw new Error(
       '--output is required with --watch. Example: rainbowindex "src/**/*.tsx" --watch -o dist/styles.css'
@@ -303,8 +326,7 @@ function printHelp(subcommand) {
 ${spec.usage}`,
       ...spec.intro ? [spec.intro] : [],
       `Options:
-${renderFlagLines(spec.flags)}
-${HELP_LINE}`,
+${[renderFlagLines(spec.flags), HELP_LINE].filter(Boolean).join("\n")}`,
       spec.body
     ];
     console.log(`
@@ -321,6 +343,7 @@ Usage:
   rainbowindex create <dir>            Scaffold a Vite app with Rainbow Index ready
   rainbowindex generate-types          Generate TypeScript types for ri()
   rainbowindex preload-fonts           Generate font preload link tags
+  rainbowindex scan <file...>          Show what the class scanner extracts
 
 Run \`rainbowindex <subcommand> --help\` for subcommand-specific options.
 
@@ -772,11 +795,40 @@ async function watchMode(opts, cwd) {
   process.on("SIGTERM", cleanup);
 }
 
+// src/cli/scan.ts
+import { readFile as readFile3 } from "fs/promises";
+import { relative as relative2, resolve as resolve5 } from "path";
+import { glob } from "tinyglobby";
+async function scanFiles(opts, cwd) {
+  const files = [...new Set(await glob(opts.globs, { cwd }))].sort(codepointCompare);
+  if (files.length === 0) {
+    throw new Error(`No files matched ${opts.globs.map((g) => `"${g}"`).join(", ")}.`);
+  }
+  for (const file of files) {
+    const path = resolve5(cwd, file);
+    const warnings = [];
+    const classes = extractClassesFromSource(
+      { path, content: await readFile3(path, "utf-8") },
+      warnings
+    );
+    const sorted = [...classes].sort(codepointCompare);
+    console.log(
+      `${relative2(cwd, path)} (${sorted.length} class${sorted.length === 1 ? "" : "es"})`
+    );
+    for (const cls of sorted) {
+      console.log(`  ${cls}`);
+    }
+    for (const warning of warnings) {
+      console.error(`  ${warning}`);
+    }
+  }
+}
+
 // src/cli/vite-setup.ts
 import { spawn } from "child_process";
 import { existsSync as existsSync3, readFileSync } from "fs";
-import { mkdir as mkdir2, readFile as readFile3, readdir, writeFile as writeFile3 } from "fs/promises";
-import { dirname as dirname3, relative as relative2, resolve as resolve5 } from "path";
+import { mkdir as mkdir2, readFile as readFile4, readdir, writeFile as writeFile3 } from "fs/promises";
+import { dirname as dirname3, relative as relative3, resolve as resolve6 } from "path";
 var VITE_CONFIG_FILES = [
   "vite.config.ts",
   "vite.config.mts",
@@ -839,32 +891,32 @@ async function initViteProject(opts, cwd, deps = {}) {
     ensureStylesheet(cssPath)
   ]);
   const entryChanged = cssCreated ? await ensureStylesheetImport(entryFile, cssPath) : false;
-  const rootLabel = relative2(process.cwd(), cwd) || ".";
+  const rootLabel = relative3(process.cwd(), cwd) || ".";
   console.log(`[rainbowindex] Initialized Vite project: ${rootLabel}`);
   if (dependencyInstalled) {
     console.log("[rainbowindex] Added dev dependency: rainbowindex");
   }
   if (configCreated) {
     console.log(
-      `[rainbowindex] Created Vite config: ${relative2(cwd, configPath).replaceAll("\\", "/")}`
+      `[rainbowindex] Created Vite config: ${relative3(cwd, configPath).replaceAll("\\", "/")}`
     );
   } else if (configChanged) {
     console.log(
-      `[rainbowindex] Updated Vite config: ${relative2(cwd, configPath).replaceAll("\\", "/")}`
+      `[rainbowindex] Updated Vite config: ${relative3(cwd, configPath).replaceAll("\\", "/")}`
     );
   }
   if (cssCreated) {
     console.log(
-      `[rainbowindex] Created stylesheet: ${relative2(cwd, cssPath).replaceAll("\\", "/")}`
+      `[rainbowindex] Created stylesheet: ${relative3(cwd, cssPath).replaceAll("\\", "/")}`
     );
   } else if (cssChanged) {
     console.log(
-      `[rainbowindex] Updated stylesheet: ${relative2(cwd, cssPath).replaceAll("\\", "/")}`
+      `[rainbowindex] Updated stylesheet: ${relative3(cwd, cssPath).replaceAll("\\", "/")}`
     );
   }
   if (entryChanged && entryFile) {
     console.log(
-      `[rainbowindex] Added stylesheet import: ${relative2(cwd, entryFile).replaceAll("\\", "/")}`
+      `[rainbowindex] Added stylesheet import: ${relative3(cwd, entryFile).replaceAll("\\", "/")}`
     );
   }
   if (!dependencyInstalled && !configChanged && !configCreated && !cssChanged && !cssCreated) {
@@ -888,7 +940,7 @@ async function createViteProject(opts, cwd, deps = {}) {
   const packageManager = deps.packageManager ?? detectPackageManager(cwd, deps.env);
   const runner = deps.runner ?? DEFAULT_RUNNER;
   const targetDir = opts.targetDir;
-  const targetRoot = resolve5(cwd, targetDir);
+  const targetRoot = resolve6(cwd, targetDir);
   await ensureScaffoldTargetIsUsable(targetRoot);
   const template = opts.template || DEFAULT_CREATE_TEMPLATE;
   const scaffold = getCreateCommand(packageManager, targetDir, template);
@@ -899,15 +951,15 @@ async function createViteProject(opts, cwd, deps = {}) {
     packageManager,
     runner
   });
-  const displayTarget = relative2(cwd, targetRoot) || ".";
+  const displayTarget = relative3(cwd, targetRoot) || ".";
   console.log(`[rainbowindex] Ready: ${displayTarget}`);
   console.log(`[rainbowindex] Next: cd ${displayTarget} && ${packageManager} run dev`);
 }
 function detectPackageManager(cwd, env = process.env) {
-  if (existsSync3(resolve5(cwd, "pnpm-lock.yaml"))) return "pnpm";
-  if (existsSync3(resolve5(cwd, "yarn.lock"))) return "yarn";
-  if (existsSync3(resolve5(cwd, "bun.lock")) || existsSync3(resolve5(cwd, "bun.lockb"))) return "bun";
-  if (existsSync3(resolve5(cwd, "package-lock.json")) || existsSync3(resolve5(cwd, "npm-shrinkwrap.json"))) {
+  if (existsSync3(resolve6(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync3(resolve6(cwd, "yarn.lock"))) return "yarn";
+  if (existsSync3(resolve6(cwd, "bun.lock")) || existsSync3(resolve6(cwd, "bun.lockb"))) return "bun";
+  if (existsSync3(resolve6(cwd, "package-lock.json")) || existsSync3(resolve6(cwd, "npm-shrinkwrap.json"))) {
     return "npm";
   }
   const packageJSON = readPackageJSONSync(cwd);
@@ -952,12 +1004,12 @@ async function installRainbowIndex(cwd, packageManager, runner) {
 async function ensureViteConfig(cwd, packageJSON, existingPath) {
   if (!existingPath) {
     const fileName = chooseViteConfigName(cwd, packageJSON);
-    const configPath = resolve5(cwd, fileName);
+    const configPath = resolve6(cwd, fileName);
     const content = 'import { defineConfig } from "vite";\nimport rainbowindex from "rainbowindex/vite";\n\nexport default defineConfig({\n	plugins: [rainbowindex()],\n});\n';
     await writeFile3(configPath, content, "utf-8");
     return { path: configPath, changed: true, created: true };
   }
-  const original = await readFile3(existingPath, "utf-8");
+  const original = await readFile4(existingPath, "utf-8");
   const updated = patchViteConfig(original, existingPath);
   if (updated === original) {
     return { path: existingPath, changed: false, created: false };
@@ -1086,14 +1138,14 @@ function findMatchingDelimiter(input, start, open, close) {
   return -1;
 }
 async function resolveStylesheetPath(cwd, cssFile) {
-  if (cssFile) return resolve5(cwd, cssFile);
+  if (cssFile) return resolve6(cwd, cssFile);
   const importedCSS = await findImportedStylesheet(cwd);
   if (importedCSS) return importedCSS;
   for (const candidate of CSS_ENTRY_CANDIDATES) {
-    const fullPath = resolve5(cwd, candidate);
+    const fullPath = resolve6(cwd, candidate);
     if (existsSync3(fullPath)) return fullPath;
   }
-  return existsSync3(resolve5(cwd, "src")) ? resolve5(cwd, "src/index.css") : resolve5(cwd, "index.css");
+  return existsSync3(resolve6(cwd, "src")) ? resolve6(cwd, "src/index.css") : resolve6(cwd, "index.css");
 }
 async function ensureStylesheet(cssPath) {
   if (!existsSync3(cssPath)) {
@@ -1101,7 +1153,7 @@ async function ensureStylesheet(cssPath) {
     await writeFile3(cssPath, '@import "rainbowindex";\n', "utf-8");
     return { changed: true, created: true };
   }
-  const original = await readFile3(cssPath, "utf-8");
+  const original = await readFile4(cssPath, "utf-8");
   if (/@import\s+["']rainbowindex["']/.test(original)) {
     return { changed: false, created: false };
   }
@@ -1128,7 +1180,7 @@ ${content}`;
 }
 async function ensureStylesheetImport(entryFile, cssPath) {
   if (!entryFile || !existsSync3(entryFile)) return false;
-  const original = await readFile3(entryFile, "utf-8");
+  const original = await readFile4(entryFile, "utf-8");
   const relativePath = toImportPath(dirname3(entryFile), cssPath);
   if (hasStylesheetImport(original, relativePath)) {
     return false;
@@ -1139,16 +1191,16 @@ async function ensureStylesheetImport(entryFile, cssPath) {
 }
 async function findImportedStylesheet(cwd) {
   for (const entryFile of ENTRY_FILES) {
-    const fullPath = resolve5(cwd, entryFile);
+    const fullPath = resolve6(cwd, entryFile);
     if (!existsSync3(fullPath)) continue;
-    const content = await readFile3(fullPath, "utf-8");
+    const content = await readFile4(fullPath, "utf-8");
     const matches = content.matchAll(
       /import\s+(?:.+?\s+from\s+)?["']([^"']+\.css(?:\?[^"']*)?)["']/g
     );
     for (const match of matches) {
       const importPath = match[1].split("?")[0];
       if (!importPath.startsWith(".")) continue;
-      const stylesheet = resolve5(dirname3(fullPath), importPath);
+      const stylesheet = resolve6(dirname3(fullPath), importPath);
       if (existsSync3(stylesheet)) return stylesheet;
     }
   }
@@ -1156,7 +1208,7 @@ async function findImportedStylesheet(cwd) {
 }
 async function findEntryFile(cwd) {
   for (const entryFile of ENTRY_FILES) {
-    const fullPath = resolve5(cwd, entryFile);
+    const fullPath = resolve6(cwd, entryFile);
     if (existsSync3(fullPath)) return fullPath;
   }
   return null;
@@ -1166,18 +1218,18 @@ function hasStylesheetImport(source, importPath) {
   return new RegExp(`import\\s+(?:.+?\\s+from\\s+)?["']${escapedPath}["']`).test(source);
 }
 function toImportPath(fromDir, targetFile) {
-  const rel = relative2(fromDir, targetFile).replaceAll("\\", "/");
+  const rel = relative3(fromDir, targetFile).replaceAll("\\", "/");
   return rel.startsWith(".") ? rel : `./${rel}`;
 }
 function findExistingViteConfig(cwd) {
   for (const name of VITE_CONFIG_FILES) {
-    const fullPath = resolve5(cwd, name);
+    const fullPath = resolve6(cwd, name);
     if (existsSync3(fullPath)) return fullPath;
   }
   return null;
 }
 function chooseViteConfigName(cwd, packageJSON) {
-  if (existsSync3(resolve5(cwd, "tsconfig.json")) || existsSync3(resolve5(cwd, "tsconfig.app.json")) || existsSync3(resolve5(cwd, "src/main.ts")) || existsSync3(resolve5(cwd, "src/main.tsx")) || packageJSON?.dependencies?.typescript || packageJSON?.devDependencies?.typescript) {
+  if (existsSync3(resolve6(cwd, "tsconfig.json")) || existsSync3(resolve6(cwd, "tsconfig.app.json")) || existsSync3(resolve6(cwd, "src/main.ts")) || existsSync3(resolve6(cwd, "src/main.tsx")) || packageJSON?.dependencies?.typescript || packageJSON?.devDependencies?.typescript) {
     return "vite.config.ts";
   }
   return packageJSON?.type === "module" ? "vite.config.js" : "vite.config.mjs";
@@ -1225,7 +1277,7 @@ function getInstallCommand(packageManager) {
   }
 }
 function readPackageJSONSync(cwd) {
-  const packagePath = resolve5(cwd, "package.json");
+  const packagePath = resolve6(cwd, "package.json");
   if (!existsSync3(packagePath)) return null;
   try {
     return JSON.parse(readFileSync(packagePath, "utf-8"));
@@ -1236,7 +1288,7 @@ function readPackageJSONSync(cwd) {
 
 // src/entries/cli.ts
 function getVersion() {
-  return true ? "0.4.1" : "unknown";
+  return true ? "0.5.0" : "unknown";
 }
 async function main() {
   const args = process.argv.slice(2);
@@ -1260,6 +1312,9 @@ async function main() {
     case "preload-fonts":
       await preloadFonts(opts, cwd);
       break;
+    case "scan":
+      await scanFiles(opts, cwd);
+      break;
     case "build": {
       if (opts.watch) {
         await watchMode(opts, cwd);
@@ -1280,7 +1335,7 @@ var isDirectExecution = (() => {
   const entry = process.argv[1];
   if (entry === void 0) return false;
   try {
-    return import.meta.url === pathToFileURL(realpathSync(resolve6(entry))).href;
+    return import.meta.url === pathToFileURL(realpathSync(resolve7(entry))).href;
   } catch {
     return false;
   }

package/dist/editor.mjs

@@ -2,7 +2,7 @@ import {
   CSS_ENTRY_CANDIDATES,
   UTILITY_VALUE_SPACES,
   enumerateClassNames
-} from "./chunk-WYMCN5OC.mjs";
+} from "./chunk-NXJZX6KI.mjs";
 import {
   isSourceFile
 } from "./chunk-3HRMFZGE.mjs";
@@ -27,7 +27,7 @@ import {
   parseUtility,
   severityForCode,
   warningCode
-} from "./chunk-6GTG5SZJ.mjs";
+} from "./chunk-ZI5ZYNSU.mjs";
 import {
   computeDarkStop,
   defaultTheme,
@@ -383,7 +383,7 @@ function createEditorSession(options = {}) {
 }
 
 // src/entries/editor.ts
-var version = true ? "0.4.1" : "0.0.0-dev";
+var version = true ? "0.5.0" : "0.0.0-dev";
 var EDITOR_API_VERSION = 1;
 var editorCapabilities = Object.freeze([
   "class-candidates",

package/dist/index.mjs

@@ -3,17 +3,17 @@ import {
 } from "./chunk-PD4ZXGJ6.mjs";
 import {
   postcss_default
-} from "./chunk-IYIUS7AE.mjs";
+} from "./chunk-CMB6BHVE.mjs";
 import {
   finalizeProjectCompilation,
   resolveGoogleFonts
-} from "./chunk-53WD6U2X.mjs";
+} from "./chunk-DT5HYIM3.mjs";
 import {
   analyzeProjectCSS,
   createCompiler,
   extractClassesFromSource,
   pushWarningsDeduped
-} from "./chunk-6GTG5SZJ.mjs";
+} from "./chunk-ZI5ZYNSU.mjs";
 import {
   DEFAULT_TEXT_SIZES,
   createCompilationContext,

package/dist/vite.mjs

@@ -1,7 +1,7 @@
 import {
   postcss_default
-} from "./chunk-IYIUS7AE.mjs";
-import "./chunk-53WD6U2X.mjs";
+} from "./chunk-CMB6BHVE.mjs";
+import "./chunk-DT5HYIM3.mjs";
 import {
   isSourceFile
 } from "./chunk-3HRMFZGE.mjs";
@@ -12,7 +12,7 @@ import {
   hasRIActivation,
   isAtRuleBoundary,
   isAtRuleNameChar
-} from "./chunk-6GTG5SZJ.mjs";
+} from "./chunk-ZI5ZYNSU.mjs";
 import {
   devWarn
 } from "./chunk-KRZL4IDK.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "rainbowindex",
-	"version": "0.4.1",
+	"version": "0.5.0",
 	"description": "CSS-first system for building and maintaining consistent user interfaces",
 	"keywords": [
 		"css",