onsystem 0.9.0 → 0.9.1

package/README.md

@@ -30,6 +30,8 @@ Using the GitHub Action? `uses: dgesteves/onsystem@v0` checks the lines a pull r
 
 **Website and docs:** [onsystem.vercel.app](https://onsystem.vercel.app), with a [playground](https://onsystem.vercel.app/playground) that checks your own code.
 
+**Feedback wanted:** say where it breaks in the [launch feedback thread](https://github.com/dgesteves/onsystem/discussions/227), see what's next in the [roadmap](https://github.com/dgesteves/onsystem/blob/main/ROADMAP.md), or pick up a [good first issue](https://github.com/dgesteves/onsystem/issues?q=is%3Aissue%20state%3Aopen%20label%3A%22good%20first%20issue%22). If onsystem is useful to you, a star helps other people find it.
+
 <p align="center">
   <a href="https://onsystem.vercel.app"><img src=".github/assets/demo.webp" width="100%" alt="On the website, an agent drafts a settings card, check_ui finds 11 problems with a fix each and the agent applies them. Then a real Claude Code session with the plugin, where Claude looks the components up before writing and check_ui passes. Last, the benchmark."></a>
 </p>

package/dist/cli.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
-import { $ as LEGACY_CONFIG_FILES, A as unrecordedRules, At as relativePath, B as statusKinds, C as countBaseline, D as pruneBaseline, Dt as SCRIPT_FILE, E as onLines, Et as unique, J as ConfigError, L as toDesignMd, M as writeBaseline, Nt as readProjectConfig, O as readBaseline, Ot as isInside, R as toDtcg, S as applyBaseline, T as goneFiles, Y as DEFAULT_DOCS, _ as formatDiagnostics, _t as detectProject, b as BASELINE_FILE, c as silentLogger, et as RULE_IDS, ft as libraryTitle, g as escapeData, gt as declaredConfig, h as uncheckedNotice, i as componentFiles, j as updateBaseline, jt as toPosix, k as rulesRun, kt as matchesGlob, l as stderrLogger, mt as PACKAGE_FIELD, o as loadDesignSystem, pt as notReadYet, q as CONFIG_FILES, rt as excludedBy, s as tokenFiles, st as rulesFor, v as NAME, w as findMoves, wt as plural, x as LEGACY_BASELINE_FILE, y as VERSION, yt as isDesignSystemName } from "./design-system-Bykei5W0.js";
-import { a as notReadNotices, i as missingDependencies, o as explainProject, s as librariesLeftOut, t as serveStdio } from "./stdio-B7u6dqLd.js";
-import { r as loadTarget } from "./workspace-Dp1q8qZ8.js";
+import { $ as LEGACY_CONFIG_FILES, A as unrecordedRules, At as relativePath, B as statusKinds, C as countBaseline, D as pruneBaseline, Dt as SCRIPT_FILE, E as onLines, Et as unique, J as ConfigError, L as toDesignMd, M as writeBaseline, Nt as readProjectConfig, O as readBaseline, Ot as isInside, R as toDtcg, S as applyBaseline, T as goneFiles, Y as DEFAULT_DOCS, _ as formatDiagnostics, _t as detectProject, b as BASELINE_FILE, c as silentLogger, et as RULE_IDS, ft as libraryTitle, g as escapeData, gt as declaredConfig, h as uncheckedNotice, i as componentFiles, j as updateBaseline, jt as toPosix, k as rulesRun, kt as matchesGlob, l as stderrLogger, mt as PACKAGE_FIELD, o as loadDesignSystem, pt as notReadYet, q as CONFIG_FILES, rt as excludedBy, s as tokenFiles, st as rulesFor, v as NAME, w as findMoves, wt as plural, x as LEGACY_BASELINE_FILE, y as VERSION, yt as isDesignSystemName } from "./design-system-DZm2aP1z.js";
+import { a as notReadNotices, i as missingDependencies, o as explainProject, s as librariesLeftOut, t as serveStdio } from "./stdio-BJvjEnKW.js";
+import { r as loadTarget } from "./workspace-Dqu3nkYM.js";
 import fs from "node:fs";
 import path from "node:path";
 import { escapePath, glob } from "tinyglobby";
@@ -1060,7 +1060,9 @@ async function check(patterns, configOptions, values, io) {
 	const warnings = results.reduce((n, r) => n + r.warningCount, 0);
 	if (errors > 0) return 1;
 	if (maxWarnings !== void 0 && warnings > maxWarnings) {
-		if (format === "pretty") io.stderr(`Too many warnings (${warnings}, max ${maxWarnings}).`);
+		const message = `Too many warnings (${warnings}, max ${maxWarnings}).`;
+		if (format === "github") io.stdout(`::error title=${NAME}::${message}`);
+		else io.stderr(message);
 		return 1;
 	}
 	return 0;

package/dist/{design-system-Bykei5W0.js → design-system-DZm2aP1z.js}

@@ -5,10 +5,10 @@ import * as z from "zod";
 import { escapePath, glob, globSync } from "tinyglobby";
 import ts from "typescript";
 import os from "node:os";
+import postcss from "postcss";
 import { clampChroma, colorsNamed, converter, differenceEuclidean, formatHex, parse, wcagContrast } from "culori";
 import { createHash } from "node:crypto";
 import fsp from "node:fs/promises";
-import postcss from "postcss";
 import { LineCounter, isMap, isScalar, parseDocument, stringify } from "yaml";
 import { stemmer } from "stemmer";
 //#region src/extract/program.ts
@@ -142,7 +142,7 @@ function slashGlob(pattern) {
 * `.mjs` and `.cjs` forms, in any case. CSS, Markdown or JSON parsed as TSX gives hundreds of
 * syntax errors (209 for a shadcn/ui `app/globals.css`).
 */
-const SCRIPT_FILE$1 = /\.(?:[jt]sx?|[cm][jt]s)$/i;
+const SCRIPT_FILE$2 = /\.(?:[jt]sx?|[cm][jt]s)$/i;
 /** Path relative to `root`, always with forward slashes. */
 function relativePath(root, file) {
 	return toPosix(path.relative(root, file));
@@ -514,6 +514,59 @@ function isFile$1(file) {
 	}
 }
 //#endregion
+//#region src/tokens/imports.ts
+/** Enough stylesheets for a theme split over files, without reading a whole design system. */
+const MAX_IMPORTED = 50;
+/**
+* The specifiers a stylesheet `@import`s: `@import "./theme.css" layer(base)`,
+* `@import url(theme.css)`, `@import "@acme/theme"`. Empty for CSS that does not parse.
+*/
+function cssImports(css) {
+	let root;
+	try {
+		root = postcss.parse(css);
+	} catch {
+		return [];
+	}
+	const out = [];
+	for (const node of root.nodes) {
+		if (node.type !== "atrule" || node.name !== "import") continue;
+		const match = /^\s*(?:url\(\s*)?(?:"([^"]+)"|'([^']+)'|([^\s"')]+)\s*\))/.exec(node.params);
+		const specifier = match?.[1] ?? match?.[2] ?? match?.[3];
+		if (specifier) out.push(specifier);
+	}
+	return out;
+}
+/**
+* The stylesheets `files` import, and the ones those import in turn, each once, in the order
+* the cascade ranks them, for a reader that keeps the first declaration of a variable. CSS
+* puts an imported stylesheet where its `@import` is, so a later import overrides an earlier
+* one, and the importing stylesheet's own rules override both: `@import "./base.css";
+* @import "./brand.css";` lists brand.css, then what brand.css imports, then base.css. The
+* files themselves are not repeated, and come before all of these.
+*/
+function importedStylesheets(files, resolve) {
+	const seen = new Set(files);
+	const out = [];
+	const visit = (file) => {
+		let text;
+		try {
+			text = fs.readFileSync(file, "utf8");
+		} catch {
+			return;
+		}
+		for (const specifier of cssImports(text).reverse()) {
+			const target = resolve(specifier, file);
+			if (!target || seen.has(target) || out.length >= MAX_IMPORTED) continue;
+			seen.add(target);
+			out.push(target);
+			visit(target);
+		}
+	};
+	for (const file of files) visit(file);
+	return out;
+}
+//#endregion
 //#region src/util/strings.ts
 /** `alert-dialog` / `alert_dialog` / `alertDialog` → `AlertDialog`. */
 function pascalCase(input) {
@@ -579,7 +632,7 @@ function unique(items) {
 const ignore = () => void 0;
 const COMPONENT_FILE = /\.[jt]sx$/;
 /** A module a barrel can lead to: TypeScript or JavaScript, not a declaration file. */
-const SCRIPT_FILE = /(?<!\.d)\.[cm]?[jt]sx?$/;
+const SCRIPT_FILE$1 = /(?<!\.d)\.[cm]?[jt]sx?$/;
 const STYLESHEETS = [
 	"src/styles/globals.css",
 	"src/globals.css",
@@ -588,6 +641,18 @@ const STYLESHEETS = [
 	"src/index.css"
 ];
 /**
+* An app's own stylesheets, where zero config looks for them without components.json (the
+* stylesheets of `DEFAULT_TOKENS` in config.ts).
+*/
+const APP_STYLESHEETS = [
+	"app/globals.css",
+	"src/app/globals.css",
+	"styles/globals.css",
+	"src/styles/globals.css",
+	"src/index.css",
+	"app/app.css"
+];
+/**
 * Finds the design system without a config:
 *
 * 1. `components.json` (shadcn/ui): the `ui` alias, resolved through tsconfig
@@ -892,15 +957,28 @@ function fromComponentsJson(root, dir, json, project, packages, note = ignore) {
 	}
 	const tailwind = asRecord(json.tailwind);
 	const css = typeof tailwind.css === "string" && tailwind.css ? path.resolve(dir, tailwind.css) : void 0;
+	const named = css && fs.existsSync(css) ? [css] : [];
 	return {
 		components: [`${escapePath(relativePath(root, uiDir) || ".")}/**/*.{tsx,jsx}`],
-		tokens: css && fs.existsSync(css) ? [escapePath(relativePath(root, css))] : [],
+		tokens: (dir === root ? withAppStylesheets(root, named) : named).map((f) => escapePath(relativePath(root, f))),
 		imports,
 		dirs: [uiDir],
 		source: `${ui} → ${relativePath(root, uiDir) || "."}`,
 		...ownerPackage(root, uiDir, ui)
 	};
 }
+/**
+* The stylesheets an app's tokens come from when its components.json names a stylesheet in
+* another package, as cal.com's names coss/ui's: the app's own stylesheets first, which hold
+* its own tokens, then the named one, unless they import it, so that the cascade places it.
+*/
+function withAppStylesheets(root, named) {
+	if (named.every((file) => isInside(root, file))) return named;
+	const own = APP_STYLESHEETS.map((f) => path.join(root, f)).filter(isFile);
+	if (!own.length) return named;
+	const imported = new Set(importedStylesheets(own, stylesheetResolver(root)));
+	return [...own, ...named.filter((file) => !imported.has(file))];
+}
 /** How a shadcn registry is named in components.json: `@` and a name, so none leads out of the folder. */
 const REGISTRY_NAMESPACE = /^@[a-z0-9][\w-]*$/i;
 /**
@@ -1056,7 +1134,7 @@ function fromPackage(root, dir, pkg, note = ignore, installed = false) {
 	for (const mapping of mappings) {
 		const file = path.resolve(root, mapping.target);
 		if (installed && isCompiledExport(dir, file)) continue;
-		if (mapping.target.includes("*") || !SCRIPT_FILE.test(file) || !isFile(file)) {
+		if (mapping.target.includes("*") || !SCRIPT_FILE$1.test(file) || !isFile(file)) {
 			add(mapping, COMPONENT_FILE.test(mapping.target));
 			continue;
 		}
@@ -1346,7 +1424,7 @@ function presetResolver(root) {
 		if (file || specifier.startsWith(".")) return file;
 		const name = packageName(specifier);
 		const dir = name ? packages.find(name) : void 0;
-		return name && dir ? exportedFile(dir, `.${specifier.slice(name.length)}`, (f) => SCRIPT_FILE.test(f)) : void 0;
+		return name && dir ? exportedFile(dir, `.${specifier.slice(name.length)}`, (f) => SCRIPT_FILE$1.test(f)) : void 0;
 	};
 }
 /**
@@ -2009,7 +2087,7 @@ const KEYWORDS = /* @__PURE__ */ new Set([
 * `/ alpha` allowed): how Tailwind v3 projects, and shadcn/ui before v4, store
 * colors, to be used as `hsl(var(--border))`.
 */
-const BARE_HSL = /^(-?\d*\.?\d+)(deg)?(?:\s*,\s*|\s+)(\d*\.?\d+)%(?:\s*,\s*|\s+)(\d*\.?\d+)%(?:\s*\/\s*(\d*\.?\d+%?))?$/;
+const BARE_HSL = /^(-?(?:\d+(?:\.\d+)?|\.\d+))(deg)?(?:\s*,\s*|\s+)(\d+(?:\.\d+)?|\.\d+)%(?:\s*,\s*|\s+)(\d+(?:\.\d+)?|\.\d+)%(?:\s*\/\s*((?:\d+(?:\.\d+)?|\.\d+)%?))?$/;
 function isBareHsl(value) {
 	return BARE_HSL.test(value.trim());
 }
@@ -2019,7 +2097,7 @@ function isBareHsl(value) {
 * Three numbers alone are no sure color, so they count as one only in a token already
 * known to be a color: one the Tailwind config reads with `rgb()`.
 */
-const BARE_RGB = /^(\d{1,3})(?:\s*,\s*|\s+)(\d{1,3})(?:\s*,\s*|\s+)(\d{1,3})(?:\s*\/\s*(\d*\.?\d+%?))?$/;
+const BARE_RGB = /^(\d{1,3})(?:\s*,\s*|\s+)(\d{1,3})(?:\s*,\s*|\s+)(\d{1,3})(?:\s*\/\s*((?:\d+(?:\.\d+)?|\.\d+)%?))?$/;
 function isBareRgb(value) {
 	const match = BARE_RGB.exec(value.trim());
 	return match !== null && match.slice(1, 4).every((channel) => Number(channel) <= 255);
@@ -2757,7 +2835,7 @@ function classText(node) {
 	visit(node);
 	return parts.join(" ").replace(/\s+/g, " ").trim();
 }
-const LENGTH = /^(-?(?:\d+\.?\d*|\.\d+))(px|rem|em)?$/i;
+const LENGTH = /^(-?(?:\d+(?:\.\d*)?|\.\d+))(px|rem|em)?$/i;
 /** `"0.5rem"` → 8, `"12px"` → 12, `"4"` → 4. Returns undefined for anything else. */
 function lengthToPx(value) {
 	if (typeof value === "number") return Number.isFinite(value) ? value : void 0;
@@ -2785,13 +2863,27 @@ function evaluateLength(value, resolve, depth = 0) {
 function expandVars(value, resolve, depth) {
 	let out = "";
 	let last = 0;
-	for (const match of value.matchAll(/var\(\s*(--[\w-]+)\s*(?:,\s*([^)]+))?\)/g)) {
-		const [whole, name = "", fallback] = match;
+	for (let at = value.indexOf("var(", last); at !== -1; at = value.indexOf("var(", last)) {
+		let level = 0;
+		let comma = -1;
+		let end = -1;
+		for (let i = at + 3; i < value.length; i++) {
+			const c = value[i];
+			if (c === "(") level++;
+			else if (c === ")" && --level === 0) {
+				end = i;
+				break;
+			} else if (c === "," && level === 1 && comma === -1) comma = i;
+		}
+		if (end === -1) return void 0;
+		const name = value.slice(at + 4, comma === -1 ? end : comma).trim();
+		if (!/^--[\w-]+$/.test(name)) return void 0;
+		const fallback = comma === -1 ? void 0 : value.slice(comma + 1, end);
 		const resolved = resolve(name) ?? fallback;
 		const px = resolved === void 0 ? void 0 : evaluateLength(resolved, resolve, depth + 1);
 		if (px === void 0) return void 0;
-		out += `${value.slice(last, match.index)}${px}px`;
-		last = match.index + whole.length;
+		out += `${value.slice(last, at)}${px}px`;
+		last = end + 1;
 	}
 	return out + value.slice(last);
 }
@@ -2917,6 +3009,10 @@ function utilities(namespace, key) {
 //#region src/tokens/tailwind-config.ts
 /** A preset chain is a few files deep; anything beyond is not a Tailwind config. */
 const MAX_FILES = 12;
+/** A config or preset module, which is read for its theme. */
+const SCRIPT_FILE = /\.[cm]?[jt]s$/;
+/** Tailwind's own modules, such as `tailwindcss/defaultTheme`, which hold its defaults. */
+const TAILWIND_MODULE = /^tailwindcss(?:\/|$)/;
 /**
 * Reads which custom property backs which color class from a Tailwind v3
 * config, without running it: every `colors` object in the file
@@ -2946,7 +3042,7 @@ function readTailwindColors(file, resolve) {
 			}
 			const specifier = importedSpecifier(node);
 			const target = specifier === void 0 ? void 0 : resolve(specifier, current);
-			if (target && /\.[cm]?[jt]s$/.test(target)) queue.push(target);
+			if (target && SCRIPT_FILE.test(target)) queue.push(target);
 			ts.forEachChild(node, visit);
 		};
 		visit(source);
@@ -2978,13 +3074,47 @@ function collect(object, keys, colors, rgb) {
 	}
 }
 /**
+* Tailwind v3's default `borderRadius` scale, which `theme.extend.borderRadius` adds to and
+* `theme.borderRadius` replaces. `none` (0) is left out, as the rule skips zero, and `full`
+* is the token index's own `rounded-full`.
+*/
+const TAILWIND_V3_RADIUS = {
+	sm: "0.125rem",
+	DEFAULT: "0.25rem",
+	md: "0.375rem",
+	lg: "0.5rem",
+	xl: "0.75rem",
+	"2xl": "1rem",
+	"3xl": "1.5rem"
+};
+/** borderRadius entries by key, and which of them are Tailwind's default scale rather than the config's. */
+var RadiusEntries = class extends Map {
+	defaults = /* @__PURE__ */ new Set();
+};
+/**
 * Reads `borderRadius` entries from a Tailwind v3 config without running it:
 * every `borderRadius` object in the file, then in the project modules it
-* imports, such as a shared preset. The config's own entries win.
+* imports, such as a shared preset. The config's own entries win. Tailwind's
+* default scale follows, for the keys none of them sets, unless the first
+* `theme.borderRadius` outside `extend` replaces it without spreading it back
+* in (`...defaultTheme.borderRadius`), a `theme` is a whole module or spreads
+* one (`theme: require("./theme")`, `theme: { ...require("./theme") }`), other
+* than Tailwind's own, `presets: []` drops Tailwind's default config
+* and no `theme.borderRadius` spreads the scale back in, or the scale comes from
+* somewhere this cannot read. That is a module that is no project file (one
+* installed from npm, other than Tailwind's own) that the config takes as a
+* preset, a theme, or the config itself (`module.exports = require("x")`,
+* `{ ...require("x"), content }`), or spreads into a theme, its `extend` or a
+* `borderRadius`; a `presets` that is no array; or a `theme.borderRadius` or
+* `theme.extend.borderRadius` that is no object (`borderRadius: radius`,
+* `borderRadius: ({ theme }) => …`) or spreads anything but Tailwind's scale.
 */
 function readTailwindRadii(file, resolve) {
-	const radii = /* @__PURE__ */ new Map();
+	const radii = new RadiusEntries();
 	const files = [];
+	let keepsDefaults;
+	let unread = false;
+	let noDefaultConfig = false;
 	const queue = [file];
 	while (queue.length && files.length < MAX_FILES) {
 		const current = queue.shift() ?? "";
@@ -2997,18 +3127,58 @@ function readTailwindRadii(file, resolve) {
 		}
 		files.push(current);
 		const source = ts.createSourceFile(current, text, ts.ScriptTarget.Latest, true, scriptKind(current));
+		const bindings = importBindings(source);
+		const external = (specifier) => {
+			if (specifier === void 0 || TAILWIND_MODULE.test(specifier)) return false;
+			const target = resolve(specifier, current);
+			return !(target && SCRIPT_FILE.test(target));
+		};
+		const fromPackage = (value) => external(moduleOf(value, bindings));
+		const fromTailwind = (value) => TAILWIND_MODULE.test(moduleOf(value, bindings) ?? "");
 		const visit = (node) => {
-			if (ts.isPropertyAssignment(node) && propertyName(node.name) === "borderRadius" && ts.isObjectLiteralExpression(node.initializer)) {
-				collectRadius(node.initializer, radii);
-				return;
+			if ((ts.isPropertyAssignment(node) || ts.isShorthandPropertyAssignment(node)) && propertyName(node.name) === "borderRadius") {
+				const value = ts.isPropertyAssignment(node) ? node.initializer : void 0;
+				const holder = themeSection(node.parent);
+				if (value && ts.isObjectLiteralExpression(value)) {
+					collectRadius(value, radii);
+					let spreads = false;
+					for (const property of value.properties) {
+						if (!ts.isSpreadAssignment(property)) continue;
+						if (fromTailwind(property.expression)) spreads = true;
+						else unread = true;
+					}
+					if (holder === "theme") keepsDefaults ??= spreads;
+					return;
+				}
+				if (holder === "theme") keepsDefaults ??= false;
+				else if (holder === "extend") unread = true;
+			}
+			if ((ts.isPropertyAssignment(node) || ts.isShorthandPropertyAssignment(node)) && propertyName(node.name) === "presets") {
+				const value = ts.isPropertyAssignment(node) ? node.initializer : void 0;
+				if (value && ts.isArrayLiteralExpression(value)) {
+					if (!value.elements.length) noDefaultConfig = true;
+					for (const element of value.elements) if (fromPackage(ts.isSpreadElement(element) ? element.expression : element)) unread = true;
+				} else unread = true;
+			}
+			if ((ts.isShorthandPropertyAssignment(node) || ts.isPropertyAssignment(node) && !ts.isObjectLiteralExpression(node.initializer)) && propertyName(node.name) === "theme" && !ts.isPropertyAssignment(node.parent.parent)) {
+				keepsDefaults ??= false;
+				if (fromPackage(ts.isPropertyAssignment(node) ? node.initializer : node.name)) unread = true;
 			}
+			if (ts.isSpreadAssignment(node) && fromPackage(node.expression) && (themeSection(node.parent) !== void 0 || !ts.isPropertyAssignment(node.parent.parent) && !themeValueOnly(node.parent, source))) unread = true;
+			if (ts.isSpreadAssignment(node) && themeSection(node.parent) === "theme" && !fromTailwind(node.expression)) keepsDefaults ??= false;
+			if (ts.isBinaryExpression(node) && node.operatorToken.kind === ts.SyntaxKind.EqualsToken && isModuleExports(node.left) && fromPackage(node.right) || ts.isExportAssignment(node) && fromPackage(node.expression) || ts.isExportDeclaration(node) && !node.isTypeOnly && node.exportClause !== void 0 && ts.isNamedExports(node.exportClause) && node.exportClause.elements.some((element) => element.name.text === "default") && node.moduleSpecifier && ts.isStringLiteral(node.moduleSpecifier) && external(node.moduleSpecifier.text)) unread = true;
 			const specifier = importedSpecifier(node);
 			const target = specifier === void 0 ? void 0 : resolve(specifier, current);
-			if (target && /\.[cm]?[jt]s$/.test(target)) queue.push(target);
+			if (target && SCRIPT_FILE.test(target)) queue.push(target);
 			ts.forEachChild(node, visit);
 		};
 		visit(source);
 	}
+	if ((noDefaultConfig ? keepsDefaults === true : keepsDefaults !== false) && !unread) for (const [key, value] of Object.entries(TAILWIND_V3_RADIUS)) {
+		if (radii.has(key)) continue;
+		radii.set(key, value);
+		radii.defaults.add(key);
+	}
 	return {
 		radii,
 		files
@@ -3028,6 +3198,10 @@ function collectRadius(object, radii) {
 		radii.set(key, raw);
 	}
 }
+/** `module.exports`, as in `module.exports = require("@acme/tailwind-config")`. */
+function isModuleExports(node) {
+	return ts.isPropertyAccessExpression(node) && ts.isIdentifier(node.expression) && node.expression.text === "module" && node.name.text === "exports";
+}
 /**
 * Gives radius tokens their Tailwind v3 class names: each config entry is
 * evaluated (its `var()` against radius token values, so
@@ -3036,15 +3210,29 @@ function collectRadius(object, radii) {
 * token add a synthetic one, so the scale step exists as a candidate
 * (mirrors the spacing-steps synthesis); without it the literal would keep
 * matching the nearest unrelated token. Config entries win over presets.
+*
+* The steps of Tailwind's default scale ({@link RadiusEntries.defaults}) only add
+* a token for a size that has none, named after nothing the project names:
+* `rounded-xl` is 12px in a shadcn/ui v3 project, whose config extends the scale
+* with `lg`, `md` and `sm`. They add none when a config step has no size (its
+* `var(--radius)` is in no stylesheet read), as they would make a scale with
+* holes, nor when the tokens are a Tailwind v4 theme, whose own scale is read from
+* its stylesheet: Tailwind v4's defaults, or a token of an `@theme` variable outside
+* the colors (only v4 reads `@theme`; a v3 config names colors too).
 */
 function applyTailwindRadii(tokens, radii, configFile = "tailwind.config") {
 	const byVar = /* @__PURE__ */ new Map();
 	for (const token of tokens) if (token.category === "radius" && token.cssVar) byVar.set(token.cssVar, token.value);
 	const resolve = (name) => byVar.get(name);
+	const defaults = radii instanceof RadiusEntries ? radii.defaults : /* @__PURE__ */ new Set();
+	const v4 = tokens.some((t) => t.origin === "tailwind-default" || t.category !== "color" && t.tailwind !== void 0);
 	const byPx = /* @__PURE__ */ new Map();
+	let unsized = false;
 	for (const [key, raw] of radii) {
+		if (defaults.has(key)) continue;
 		const px = evaluateLength(raw, resolve);
-		if (px !== void 0 && !byPx.has(px)) byPx.set(px, key);
+		if (px === void 0) unsized = true;
+		else if (!byPx.has(px)) byPx.set(px, key);
 	}
 	const havePx = /* @__PURE__ */ new Set();
 	for (const token of tokens) {
@@ -3076,6 +3264,123 @@ function applyTailwindRadii(tokens, radii, configFile = "tailwind.config") {
 		tokens.push(token);
 		havePx.add(px);
 	}
+	if (unsized || v4) return;
+	const names = new Set(tokens.map((t) => t.name));
+	for (const key of defaults) {
+		const value = radii.get(key) ?? "";
+		const px = evaluateLength(value, resolve);
+		const name = `radius-${key}`;
+		if (px === void 0 || havePx.has(px) || names.has(name)) continue;
+		const token = {
+			name,
+			category: "radius",
+			value,
+			tailwind: key,
+			usage: usageFor({
+				category: "radius",
+				tailwind: key
+			}, "--radius"),
+			description: "Tailwind's default radius scale.",
+			origin: "tailwind-default",
+			source: {
+				file: configFile,
+				line: 1
+			}
+		};
+		tokens.push(token);
+		havePx.add(px);
+	}
+}
+/**
+* Whether an object is the value of a variable that its file uses only as a theme value of a
+* key other than `extend` and `borderRadius`, such as `const brand = { ...blue, ...blueDark }`
+* with `theme: { extend: { colors: brand } }`. What it spreads is then no config, theme or
+* radius scale. A variable that is exported, or used in any other way, may be one.
+*/
+function themeValueOnly(object, source) {
+	let value = object;
+	while (ts.isParenthesizedExpression(value.parent) || ts.isAsExpression(value.parent) || ts.isSatisfiesExpression(value.parent)) value = value.parent;
+	const declaration = value.parent;
+	if (!ts.isVariableDeclaration(declaration) || declaration.initializer !== value || !ts.isIdentifier(declaration.name) || !ts.isVariableStatement(declaration.parent.parent) || declaration.parent.parent.modifiers?.some((m) => m.kind === ts.SyntaxKind.ExportKeyword)) return false;
+	const name = declaration.name;
+	let only = true;
+	const visit = (node) => {
+		if (!only) return;
+		const parent = node.parent;
+		const key = parent !== void 0 && (ts.isPropertyAssignment(parent) || ts.isPropertyAccessExpression(parent)) && parent.name === node;
+		if (ts.isIdentifier(node) && node !== name && node.text === name.text && !key) only = isThemeValue(node);
+		ts.forEachChild(node, visit);
+	};
+	visit(source);
+	return only;
+}
+/**
+* Whether a name is a theme value, under a key other than `extend` and `borderRadius`:
+* `colors: brand`, or `colors: { brand }`.
+*/
+function isThemeValue(reference) {
+	const parent = reference.parent;
+	let property;
+	if (ts.isPropertyAssignment(parent) && parent.initializer === reference) property = parent;
+	else if (ts.isShorthandPropertyAssignment(parent)) property = parent;
+	else return false;
+	for (;;) {
+		const key = propertyName(property.name);
+		const object = property.parent;
+		if (themeSection(object) !== void 0) return key !== void 0 && key !== "extend" && key !== "borderRadius";
+		const holder = object.parent;
+		if (!ts.isPropertyAssignment(holder) || holder.initializer !== object) return false;
+		property = holder;
+	}
+}
+/** `theme` or `extend` for a property of `theme: {…}` or of `theme.extend: {…}`; else undefined. */
+function themeSection(object) {
+	const holder = object.parent;
+	if (!ts.isObjectLiteralExpression(object) || !ts.isPropertyAssignment(holder)) return void 0;
+	const key = propertyName(holder.name);
+	if (key === "theme") return "theme";
+	return key === "extend" && themeSection(holder.parent) === "theme" ? "extend" : void 0;
+}
+/**
+* The names a module binds to what it imports or requires, by specifier: `acme` for
+* `import acme from "x"`, `import { acme } from "x"`, `const acme = require("x")` or
+* `const { default: acme } = require("x")`.
+*/
+function importBindings(source) {
+	const bindings = /* @__PURE__ */ new Map();
+	const bind = (name, specifier) => {
+		if (ts.isIdentifier(name)) {
+			bindings.set(name.text, specifier);
+			return;
+		}
+		for (const element of name.elements) if (!ts.isOmittedExpression(element)) bind(element.name, specifier);
+	};
+	for (const statement of source.statements) if (ts.isImportDeclaration(statement) && ts.isStringLiteral(statement.moduleSpecifier)) {
+		const specifier = statement.moduleSpecifier.text;
+		const clause = statement.importClause;
+		if (clause?.name) bind(clause.name, specifier);
+		const named = clause?.namedBindings;
+		if (named && ts.isNamespaceImport(named)) bind(named.name, specifier);
+		else if (named) for (const element of named.elements) bind(element.name, specifier);
+	} else if (ts.isVariableStatement(statement)) for (const declaration of statement.declarationList.declarations) {
+		const specifier = declaration.initializer && moduleOf(declaration.initializer, bindings);
+		if (specifier !== void 0) bind(declaration.name, specifier);
+	}
+	return bindings;
+}
+/**
+* The module an expression takes its value from: `"x"` for `require("x")`, `import("x")`, a
+* name bound to either ({@link importBindings}), a call of any of these
+* (`createPreset({…})`, `require("x")()`) or a property of one (`require("x").default`).
+*/
+function moduleOf(node, bindings) {
+	let current = node;
+	for (;;) if (ts.isParenthesizedExpression(current) || ts.isAsExpression(current) || ts.isSatisfiesExpression(current) || ts.isNonNullExpression(current) || ts.isAwaitExpression(current) || ts.isPropertyAccessExpression(current)) current = current.expression;
+	else if (ts.isCallExpression(current)) {
+		const specifier = importedSpecifier(current);
+		if (specifier !== void 0) return specifier;
+		current = current.expression;
+	} else return ts.isIdentifier(current) ? bindings.get(current.text) : void 0;
 }
 /** The specifier of `require("x")`, `import x from "x"`, `export { default } from "x"` or `import("x")`. */
 function importedSpecifier(node) {
@@ -6193,7 +6498,7 @@ function cssSheetTokens(sheets) {
 		const category = isSpacingBase ? "spacing" : namespace?.[1] ?? "other";
 		const tailwindKey = isSpacingBase ? "" : variable.name.slice(namespace?.[0].length ?? 0);
 		const tailwindNamespace = isSpacingBase ? "--spacing" : namespace?.[0].slice(0, -1) ?? "";
-		const alias = /^var\(\s*(--[\w-]+)\s*\)$/.exec(variable.value)?.[1];
+		const alias = themeAlias(variable.value, base, lookup);
 		const target = alias ? base.get(alias) : void 0;
 		if (alias && target) {
 			consumed.add(alias);
@@ -6214,7 +6519,7 @@ function cssSheetTokens(sheets) {
 		add(finalize({
 			name: variable.name.slice(2),
 			category,
-			value: variable.value,
+			value: resolveValue(variable.value, lookup),
 			modes: modeValues(variable.name, modes, lookup),
 			cssVar: variable.inline ? void 0 : variable.name,
 			tailwind: tailwindKey,
@@ -6345,6 +6650,22 @@ function categorize$1(name, value) {
 function varAlias(value) {
 	return /^var\(\s*(--[\w-]+)\s*\)$/.exec(value.trim())?.[1];
 }
+/**
+* The base variable an `@theme` variable stands for: `--x` for `var(--x)`, and for
+* `hsl(var(--x))` or `rgb(var(--x))` when `--x` holds bare HSL or RGB channels, as
+* shadcn/ui's Tailwind v4 codemod leaves a v3 theme (`--color-primary: hsl(var(--primary))`).
+* The token is then `--x`, whose usage already wraps the channels (`hsl(var(--primary))`).
+*/
+function themeAlias(value, base, lookup) {
+	const plain = varAlias(value);
+	if (plain) return plain;
+	const match = /^(hsl|rgb)a?\(\s*var\(\s*(--[\w-]+)\s*\)\s*(?:\/\s*<alpha-value>\s*)?\)$/.exec(value.trim());
+	const name = match?.[2];
+	const target = name ? base.get(name) : void 0;
+	if (!match || !name || !target) return void 0;
+	const channels = resolveValue(target.value, lookup);
+	return (match[1] === "hsl" ? isBareHsl(channels) : isBareRgb(channels)) ? name : void 0;
+}
 /** Follows plain `var(--x)` aliases so the token shows its concrete value. */
 function resolveValue(value, lookup, depth = 0) {
 	const alias = /^var\(\s*(--[\w-]+)\s*\)$/.exec(value)?.[1];
@@ -7210,7 +7531,7 @@ function toDtcg(tokens) {
 	const paths = assignPaths(tokens, warnings);
 	const lookup = varLookup(tokens);
 	const byName = new Map(tokens.map((t) => [t.name, t]));
-	const tree = {};
+	const tree = Object.create(null);
 	let count = 0;
 	for (const category of TOKEN_CATEGORIES) for (const token of tokens) {
 		const path = token.category === category ? paths.get(token) : void 0;
@@ -7292,7 +7613,7 @@ function insert(tree, path, node) {
 		const next = group[key];
 		if (isObject$1(next)) group = next;
 		else {
-			const created = {};
+			const created = Object.create(null);
 			group[key] = created;
 			group = created;
 		}
@@ -7524,7 +7845,7 @@ function colorObject(css) {
 	else if (spec.space === "srgb" && components.every((c) => typeof c === "number" && Math.abs(c * 255 - Math.round(c * 255)) < .001)) out.hex = formatHex(color);
 	return out;
 }
-const PLAIN_LENGTH = /^(-?(?:\d+\.?\d*|\.\d+))(px|rem)$/;
+const PLAIN_LENGTH = /^(-?(?:\d+(?:\.\d*)?|\.\d+))(px|rem)$/;
 /** `0.5rem` → `{ value: 0.5, unit: "rem" }`; a `calc()` of tokens → its px value. */
 function dimensionValue(value, lookup) {
 	const plain = plainDimension(value);
@@ -7554,8 +7875,8 @@ function plainDimension(value) {
 		unit: match[2] ?? "px"
 	} : void 0;
 }
-const COMPOSITE = /^[\w-]+\s*:\s*[^;]+(?:;\s*[\w-]+\s*:\s*[^;]+)*;?$/;
-const NUMBER = /^-?(?:\d+\.?\d*|\.\d+)$/;
+const COMPOSITE = /^[\w-]+\s*:[^;]+(?:;\s*[\w-]+\s*:[^;]+)*;?$/;
+const NUMBER = /^-?(?:\d+(?:\.\d*)?|\.\d+)$/;
 /** What a typography token sets, from its name and Tailwind class (`font-sans`, `text-sm`). */
 function typographyKind(token) {
 	const value = token.value.trim();
@@ -7815,7 +8136,7 @@ function frontMatterValue(token, key, lookup) {
 	}
 }
 /** A DESIGN.md dimension: px, em or rem. */
-const DESIGN_DIMENSION = /^-?(?:\d+\.?\d*|\.\d+)(?:px|rem|em)$/;
+const DESIGN_DIMENSION = /^-?(?:\d+(?:\.\d*)?|\.\d+)(?:px|rem|em)$/;
 /**
 * A typography token as a DESIGN.md typography level: `{ fontFamily: "Inter" }` for
 * `--font-sans`, every property of a composite. A `var()` is no font name (`next/font` sets
@@ -11677,7 +11998,7 @@ function isObject(value) {
 var name = "onsystem";
 //#endregion
 //#region src/version.ts
-const VERSION = "0.9.0";
+const VERSION = "0.9.1";
 const NAME = name;
 //#endregion
 //#region src/lint/sarif.ts
@@ -12505,55 +12826,6 @@ function searchComponents(index, query, limit = 5) {
 	}));
 }
 //#endregion
-//#region src/tokens/imports.ts
-/** Enough stylesheets for a theme split over files, without reading a whole design system. */
-const MAX_IMPORTED = 50;
-/**
-* The specifiers a stylesheet `@import`s: `@import "./theme.css" layer(base)`,
-* `@import url(theme.css)`, `@import "@acme/theme"`. Empty for CSS that does not parse.
-*/
-function cssImports(css) {
-	let root;
-	try {
-		root = postcss.parse(css);
-	} catch {
-		return [];
-	}
-	const out = [];
-	for (const node of root.nodes) {
-		if (node.type !== "atrule" || node.name !== "import") continue;
-		const match = /^\s*(?:url\(\s*)?(?:"([^"]+)"|'([^']+)'|([^\s"')]+)\s*\))/.exec(node.params);
-		const specifier = match?.[1] ?? match?.[2] ?? match?.[3];
-		if (specifier) out.push(specifier);
-	}
-	return out;
-}
-/**
-* The stylesheets `files` import, and the ones those import in turn, each once and in the
-* order they are imported. The files themselves are not repeated.
-*/
-function importedStylesheets(files, resolve) {
-	const seen = new Set(files);
-	const out = [];
-	const visit = (file) => {
-		let text;
-		try {
-			text = fs.readFileSync(file, "utf8");
-		} catch {
-			return;
-		}
-		for (const specifier of cssImports(text)) {
-			const target = resolve(specifier, file);
-			if (!target || seen.has(target) || out.length >= MAX_IMPORTED) continue;
-			seen.add(target);
-			out.push(target);
-			visit(target);
-		}
-	};
-	for (const file of files) visit(file);
-	return out;
-}
-//#endregion
 //#region src/util/log.ts
 const stderrLogger = {
 	info: (message) => process.stderr.write(`[onsystem] ${message}\n`),
@@ -13239,4 +13511,4 @@ var DesignSystemHost = class {
 	}
 };
 //#endregion
-export { LEGACY_CONFIG_FILES as $, unrecordedRules as A, relativePath as At, statusKinds as B, countBaseline as C, closest as Ct, pruneBaseline as D, SCRIPT_FILE$1 as Dt, onLines as E, unique as Et, loadTokens as F, parseDoc as G, parseDesignMd as H, mergeTokens as I, ConfigError as J, extractComponents as K, toDesignMd as L, writeBaseline as M, defaultProjectConfig as Mt, RULES as N, readProjectConfig as Nt, readBaseline as O, isInside as Ot, TokenIndex as P, DEFAULT_TEST_FOLDERS as Q, toDtcg as R, applyBaseline as S, workspacePatterns as St, goneFiles as T, truncate as Tt, parseCssTokens as U, parseDtcgTokens as V, attachDocs as W, DEFAULT_SEVERITY as X, DEFAULT_DOCS as Y, DEFAULT_TEST_EXCLUDE as Z, formatDiagnostics as _, detectProject as _t, fingerprint as a, loadConfig as at, BASELINE_FILE as b, isWorkspaceRoot as bt, silentLogger as c, formatPx as ct, descriptionOf as d, LIBRARY_IDS as dt, RULE_IDS as et, searchComponents as f, libraryTitle as ft, escapeData as g, declaredConfig as gt, uncheckedNotice as h, PackageFinder as ht, componentFiles as i, hasOwnConfig as it, updateBaseline as j, toPosix as jt, rulesRun as k, matchesGlob as kt, stderrLogger as l, findVariantDefinitions as lt, checkSource as m, PACKAGE_FIELD as mt, DesignSystemHost as n, defineConfig as nt, loadDesignSystem as o, loadConfigWith as ot, applyFixes as p, notReadYet as pt, CONFIG_FILES as q, buildModel as r, excludedBy as rt, tokenFiles as s, rulesFor as st, DesignSystem as t, configJsonSchema as tt, buildSearchIndex as u, LIBRARIES as ut, NAME as v, findDesignSystemPackage as vt, findMoves as w, plural$1 as wt, LEGACY_BASELINE_FILE as x, workspacePackageDirs as xt, VERSION as y, isDesignSystemName as yt, TOKEN_CATEGORIES as z };
+export { LEGACY_CONFIG_FILES as $, unrecordedRules as A, relativePath as At, statusKinds as B, countBaseline as C, closest as Ct, pruneBaseline as D, SCRIPT_FILE$2 as Dt, onLines as E, unique as Et, loadTokens as F, parseDoc as G, parseDesignMd as H, mergeTokens as I, ConfigError as J, extractComponents as K, toDesignMd as L, writeBaseline as M, defaultProjectConfig as Mt, RULES as N, readProjectConfig as Nt, readBaseline as O, isInside as Ot, TokenIndex as P, DEFAULT_TEST_FOLDERS as Q, toDtcg as R, applyBaseline as S, workspacePatterns as St, goneFiles as T, truncate as Tt, parseCssTokens as U, parseDtcgTokens as V, attachDocs as W, DEFAULT_SEVERITY as X, DEFAULT_DOCS as Y, DEFAULT_TEST_EXCLUDE as Z, formatDiagnostics as _, detectProject as _t, fingerprint as a, loadConfig as at, BASELINE_FILE as b, isWorkspaceRoot as bt, silentLogger as c, formatPx as ct, descriptionOf as d, LIBRARY_IDS as dt, RULE_IDS as et, searchComponents as f, libraryTitle as ft, escapeData as g, declaredConfig as gt, uncheckedNotice as h, PackageFinder as ht, componentFiles as i, hasOwnConfig as it, updateBaseline as j, toPosix as jt, rulesRun as k, matchesGlob as kt, stderrLogger as l, findVariantDefinitions as lt, checkSource as m, PACKAGE_FIELD as mt, DesignSystemHost as n, defineConfig as nt, loadDesignSystem as o, loadConfigWith as ot, applyFixes as p, notReadYet as pt, CONFIG_FILES as q, buildModel as r, excludedBy as rt, tokenFiles as s, rulesFor as st, DesignSystem as t, configJsonSchema as tt, buildSearchIndex as u, LIBRARIES as ut, NAME as v, findDesignSystemPackage as vt, findMoves as w, plural$1 as wt, LEGACY_BASELINE_FILE as x, workspacePackageDirs as xt, VERSION as y, isDesignSystemName as yt, TOKEN_CATEGORIES as z };

package/dist/eslint-worker.js

@@ -1,5 +1,5 @@
-import { At as relativePath, i as componentFiles, r as buildModel, rt as excludedBy } from "./design-system-Bykei5W0.js";
-import { r as loadTarget } from "./workspace-Dp1q8qZ8.js";
+import { At as relativePath, i as componentFiles, r as buildModel, rt as excludedBy } from "./design-system-DZm2aP1z.js";
+import { r as loadTarget } from "./workspace-Dqu3nkYM.js";
 import fs from "node:fs";
 import path from "node:path";
 import { parentPort } from "node:worker_threads";

package/dist/eslint.js

@@ -1,4 +1,4 @@
-import { At as relativePath, N as RULES, Q as DEFAULT_TEST_FOLDERS, X as DEFAULT_SEVERITY, Z as DEFAULT_TEST_EXCLUDE, t as DesignSystem, v as NAME, y as VERSION } from "./design-system-Bykei5W0.js";
+import { At as relativePath, N as RULES, Q as DEFAULT_TEST_FOLDERS, X as DEFAULT_SEVERITY, Z as DEFAULT_TEST_EXCLUDE, t as DesignSystem, v as NAME, y as VERSION } from "./design-system-DZm2aP1z.js";
 import path from "node:path";
 import { MessageChannel, Worker, receiveMessageOnPort } from "node:worker_threads";
 //#region src/eslint/bridge.ts

package/dist/index.js

@@ -1,3 +1,3 @@
-import { F as loadTokens, G as parseDoc, H as parseDesignMd, I as mergeTokens, K as extractComponents, L as toDesignMd, N as RULES, P as TokenIndex, R as toDtcg, U as parseCssTokens, V as parseDtcgTokens, W as attachDocs, _ as formatDiagnostics, a as fingerprint, at as loadConfig, et as RULE_IDS, f as searchComponents, lt as findVariantDefinitions, m as checkSource, n as DesignSystemHost, nt as defineConfig, o as loadDesignSystem, p as applyFixes, r as buildModel, t as DesignSystem, tt as configJsonSchema, y as VERSION } from "./design-system-Bykei5W0.js";
-import { n as INSTRUCTIONS, r as createServer, t as serveStdio } from "./stdio-B7u6dqLd.js";
+import { F as loadTokens, G as parseDoc, H as parseDesignMd, I as mergeTokens, K as extractComponents, L as toDesignMd, N as RULES, P as TokenIndex, R as toDtcg, U as parseCssTokens, V as parseDtcgTokens, W as attachDocs, _ as formatDiagnostics, a as fingerprint, at as loadConfig, et as RULE_IDS, f as searchComponents, lt as findVariantDefinitions, m as checkSource, n as DesignSystemHost, nt as defineConfig, o as loadDesignSystem, p as applyFixes, r as buildModel, t as DesignSystem, tt as configJsonSchema, y as VERSION } from "./design-system-DZm2aP1z.js";
+import { n as INSTRUCTIONS, r as createServer, t as serveStdio } from "./stdio-BJvjEnKW.js";
 export { DesignSystem, DesignSystemHost, INSTRUCTIONS, RULES, RULE_IDS, TokenIndex, VERSION, applyFixes, attachDocs, buildModel, checkSource, configJsonSchema, createServer, defineConfig, extractComponents, findVariantDefinitions, fingerprint, formatDiagnostics, loadConfig, loadDesignSystem, loadTokens, mergeTokens, parseCssTokens, parseDesignMd, parseDoc, parseDtcgTokens, searchComponents, serveStdio, toDesignMd, toDtcg };

package/dist/{stdio-B7u6dqLd.js → stdio-BJvjEnKW.js}

@@ -1,5 +1,5 @@
-import { $ as LEGACY_CONFIG_FILES, At as relativePath, Ct as closest, Dt as SCRIPT_FILE, Et as unique, Mt as defaultProjectConfig, Ot as isInside, Tt as truncate, X as DEFAULT_SEVERITY, _t as detectProject, at as loadConfig, ct as formatPx, d as descriptionOf, dt as LIBRARY_IDS, et as RULE_IDS, f as searchComponents, ft as libraryTitle, h as uncheckedNotice, n as DesignSystemHost, pt as notReadYet, q as CONFIG_FILES, rt as excludedBy, u as buildSearchIndex, ut as LIBRARIES, v as NAME, vt as findDesignSystemPackage, wt as plural, y as VERSION, z as TOKEN_CATEGORIES } from "./design-system-Bykei5W0.js";
-import { n as hasProjectMarker, r as loadTarget, t as findProjectRoot } from "./workspace-Dp1q8qZ8.js";
+import { $ as LEGACY_CONFIG_FILES, At as relativePath, Ct as closest, Dt as SCRIPT_FILE, Et as unique, Mt as defaultProjectConfig, Ot as isInside, Tt as truncate, X as DEFAULT_SEVERITY, _t as detectProject, at as loadConfig, ct as formatPx, d as descriptionOf, dt as LIBRARY_IDS, et as RULE_IDS, f as searchComponents, ft as libraryTitle, h as uncheckedNotice, n as DesignSystemHost, pt as notReadYet, q as CONFIG_FILES, rt as excludedBy, u as buildSearchIndex, ut as LIBRARIES, v as NAME, vt as findDesignSystemPackage, wt as plural, y as VERSION, z as TOKEN_CATEGORIES } from "./design-system-DZm2aP1z.js";
+import { n as hasProjectMarker, r as loadTarget, t as findProjectRoot } from "./workspace-Dqu3nkYM.js";
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
@@ -327,11 +327,16 @@ function listTail(listed) {
 	if (listed.omitted) lines.push("", `${listed.omitted.toLocaleString("en-US")} more not shown: pass a higher \`limit\`, or a \`query\`.`);
 	return lines;
 }
+/** The shared explanation when a project has no design-system components to show. */
+function noComponentsMessage(root, project, monorepo = false) {
+	if (monorepo) return `No design-system components found in any project of this monorepo (root: ${root}). Check the "components" globs in the config. Run \`onsystem inspect\` there to see what was looked at.`;
+	return `No design-system components found${project ? ` in ${project}` : ""}. Check the "components" globs in the config (root: ${root}).`;
+}
 /** `project`: the folder of a workspace root's project the list is for. */
 function renderComponentList(ds, project, filter = {}) {
 	const roots = ds.roots();
 	const where = project ? ` in ${project}` : "";
-	if (!roots.length) return `No components found${where}. Check the "components" globs in the config (root: ${ds.root}).`;
+	if (!roots.length) return noComponentsMessage(ds.root, project);
 	const listed = listComponents(roots, (c) => c, filter);
 	if (!listed.matched) return `No components match ${filterText(filter)}${where} (${roots.length} in all). Call list_components without filters to see them.`;
 	const parts = ds.components.length - roots.length;
@@ -374,7 +379,7 @@ const PICK_PROJECT = "This is a monorepo root: pass `path`, the file you are edi
 /** Every project's components at a workspace root, grouped by the package they come from. */
 function renderCatalogList(catalog, filter = {}) {
 	const roots = catalog.roots();
-	if (!roots.length) return `No components found in any project of this monorepo (root: ${catalog.root}). Run \`onsystem inspect\` there to see what was looked at.`;
+	if (!roots.length) return noComponentsMessage(catalog.root, void 0, true);
 	const listed = listComponents(roots, (e) => e.component, filter, (e) => e.package);
 	if (!listed.matched) return `No components match ${filterText(filter)} in any project (${roots.length} in all). Call list_components without filters to see them.`;
 	const packages = new Set(roots.map((e) => e.package));
@@ -1086,6 +1091,7 @@ function createServer({ getDesignSystem, getProjects }) {
 			const matches = catalog.find(name);
 			const [entry] = matches;
 			if (!entry) {
+				if (!catalog.roots().length) return errorResult(noComponentsMessage(catalog.root, void 0, true));
 				const guess = catalog.suggest(name);
 				const names = [...new Set(catalog.roots().map((e) => e.component.name))];
 				return errorResult(`No component named "${name}" in any project.` + (guess ? ` Did you mean "${guess}"?` : "") + ` Available: ${names.join(", ")}.`);
@@ -1109,6 +1115,13 @@ function createServer({ getDesignSystem, getProjects }) {
 		const { ds } = found;
 		const component = ds.getComponent(name);
 		if (!component) {
+			if (!ds.roots().length) return {
+				isError: true,
+				content: [{
+					type: "text",
+					text: noComponentsMessage(ds.root, found.project?.dir)
+				}]
+			};
 			const guess = ds.suggestComponent(name);
 			return {
 				isError: true,

package/dist/{workspace-Dp1q8qZ8.js → workspace-Dqu3nkYM.js}

@@ -1,4 +1,4 @@
-import { $ as LEGACY_CONFIG_FILES, At as relativePath, Ot as isInside, St as workspacePatterns, at as loadConfig, bt as isWorkspaceRoot, ht as PackageFinder, i as componentFiles, it as hasOwnConfig, ot as loadConfigWith, q as CONFIG_FILES, vt as findDesignSystemPackage, xt as workspacePackageDirs } from "./design-system-Bykei5W0.js";
+import { $ as LEGACY_CONFIG_FILES, At as relativePath, Ot as isInside, St as workspacePatterns, at as loadConfig, bt as isWorkspaceRoot, ht as PackageFinder, i as componentFiles, it as hasOwnConfig, ot as loadConfigWith, q as CONFIG_FILES, vt as findDesignSystemPackage, xt as workspacePackageDirs } from "./design-system-DZm2aP1z.js";
 import fs from "node:fs";
 import path from "node:path";
 import os from "node:os";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "onsystem",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "mcpName": "io.github.dgesteves/onsystem",
   "description": "Keeps coding agents on your design system: catches palette colors, native elements and APIs your system lacks, at every edit and pull request, with the fix. Set it up once in your design-system package; every app in your monorepo gets it.",
   "keywords": [