@bamboocss/parser 1.21.0 → 1.23.0

package/dist/index.cjs

@@ -65,6 +65,7 @@ function classifyProject(ctx, resultMap) {
 		const { item, kind, filepath, localMaps } = opts;
 		if (!item.box || _bamboocss_extractor.box.isUnresolvable(item.box)) return;
 		if (!item.data) return;
+		if (item.type === "cva-call") return;
 		const componentReportItem = {
 			componentIndex: String(componentIndex++),
 			componentName: item.name,
@@ -523,14 +524,7 @@ const writtenProps = (node) => {
 		uncertain
 	};
 };
-/**
-* Every property of a `css()` call that will not reach the stylesheet.
-*
-* Only meaningful under `cssMode: 'grouped'`, where one class names the whole call: a
-* property the build cannot resolve does not merely go missing, it changes the class, and
-* the element renders with no styles at all. Under `atomic` the same call loses one
-* declaration and keeps the rest, which is why this is not reported there.
-*/
+/** Every property of a `css()` call that will not reach the stylesheet. */
 /**
 * A recipe config the build could not fully read, level by level.
 *
@@ -675,18 +669,13 @@ const hasKeyOutside = (resolved, names) => {
 };
 //#endregion
 //#region src/parser-result.ts
-function cartesian(arrays) {
-	if (arrays.length === 0) return [[]];
-	const [first, ...rest] = arrays;
-	const restProduct = cartesian(rest);
-	return first.flatMap((item) => restProduct.map((combo) => [item, ...combo]));
-}
 var ParserResult = class {
 	context;
 	/** Ordered list of all ResultItem */
 	all = [];
 	css = /* @__PURE__ */ new Set();
 	cva = /* @__PURE__ */ new Set();
+	cvaCall = /* @__PURE__ */ new Set();
 	sva = /* @__PURE__ */ new Set();
 	token = /* @__PURE__ */ new Set();
 	viewTransition = /* @__PURE__ */ new Set();
@@ -697,35 +686,14 @@ var ParserResult = class {
 	/**
 	* `css()` calls whose styles the build could not fully see.
 	*
-	* Only collected under `cssMode: 'grouped'`, where one class names the whole call, so a
-	* property the build cannot resolve changes the class rather than dropping a declaration
-	* from it — and the element renders with no styles at all. Under `atomic` the same call
-	* keeps everything the build did resolve, which is not worth interrupting a build over.
+	* A property the build cannot resolve has no rule behind it, so the declaration is simply
+	* absent from the element — silently. Only the surprising half is collected; see `setCss`.
 	*/
 	unresolved = [];
 	constructor(context, encoder) {
 		this.context = context;
 		this.encoder = encoder ?? context.encoder;
 	}
-	/**
-	* Record a call whose styles the build could not fully see, at the call's own position.
-	*
-	* Used for losses the box tree cannot show — a ternary past the combination cap emits
-	* fragments rather than whole objects, and every individual box in it resolved fine.
-	*/
-	reportUnresolved(result, reason) {
-		const node = result.box?.getNode();
-		const sourceFile = node?.getSourceFile();
-		if (!node || !sourceFile) return;
-		const { line, column } = sourceFile.getLineAndColumnAtPos(node.getStart());
-		this.unresolved.push({
-			filePath: sourceFile.getFilePath(),
-			kind: "grouped",
-			line,
-			column,
-			reason
-		});
-	}
 	append(result) {
 		this.all.push(result);
 		return result;
@@ -750,62 +718,10 @@ var ParserResult = class {
 	setCss(result) {
 		this.css.add(this.append(Object.assign({ type: "css" }, result)));
 		const encoder = this.encoder;
-		const grouped = this.context.config.cssMode === "grouped";
 		const data = result.data.some(Array.isArray) ? result.data.flatMap((obj) => Array.isArray(obj) ? obj : [obj]) : result.data;
-		const unresolved = findUnresolvedStyles(result, grouped ? "grouped" : "atomic").filter((entry) => grouped || entry.reason === "unenumerable-keys");
-		if (unresolved.length) {
-			this.unresolved.push(...unresolved);
-			if (grouped) data.forEach((obj) => encoder.processAtomic(obj));
-		}
-		if (!grouped || data.length <= 1) {
-			data.forEach((obj) => grouped ? encoder.processGrouped(obj) : encoder.processAtomic(obj));
-			return;
-		}
-		const keyCounts = /* @__PURE__ */ new Map();
-		for (const obj of data) for (const key of Object.keys(obj)) keyCounts.set(key, (keyCounts.get(key) || 0) + 1);
-		if (!Array.from(keyCounts.values()).some((c) => c > 1)) {
-			encoder.processGroupedMerge(data);
-			return;
-		}
-		if (this.callArgumentCount(result) > 1) {
-			this.reportUnresolved(result, "ambiguous-merge");
-			data.forEach((obj) => encoder.processAtomic(obj));
-		}
-		const overlappingKeys = /* @__PURE__ */ new Set();
-		keyCounts.forEach((count, key) => {
-			if (count > 1) overlappingKeys.add(key);
-		});
-		const baseEntries = [];
-		const branchEntries = [];
-		for (const obj of data) if (Object.keys(obj).some((k) => overlappingKeys.has(k))) branchEntries.push(obj);
-		else baseEntries.push(obj);
-		const branchGroups = /* @__PURE__ */ new Map();
-		for (const entry of branchEntries) {
-			const keySet = Object.keys(entry).sort().join("\0");
-			const group = branchGroups.get(keySet) || [];
-			group.push(entry);
-			branchGroups.set(keySet, group);
-		}
-		const groupArrays = Array.from(branchGroups.values());
-		if (groupArrays.reduce((acc, g) => acc * g.length, 1) > 32) {
-			this.reportUnresolved(result, "too-many-combinations");
-			data.forEach((obj) => {
-				encoder.processGrouped(obj);
-				encoder.processAtomic(obj);
-			});
-			return;
-		}
-		for (const combo of cartesian(groupArrays)) encoder.processGroupedMerge([...baseEntries, ...combo]);
-	}
-	/**
-	* How many arguments the call this result came from was written with.
-	*
-	* Returns 1 for anything that is not a call — a JSX element, or a box that lost its node —
-	* since the question only separates operands from branches and neither has operands.
-	*/
-	callArgumentCount(result) {
-		const node = result.box?.getNode();
-		return node && ts_morph.Node.isCallExpression(node) ? node.getArguments().length : 1;
+		const unresolved = findUnresolvedStyles(result, "atomic").filter((entry) => entry.reason === "unenumerable-keys");
+		if (unresolved.length) this.unresolved.push(...unresolved);
+		data.forEach((obj) => encoder.processAtomic(obj));
 	}
 	setCva(result) {
 		this.cva.add(this.append(Object.assign({ type: "cva" }, result)));
@@ -813,6 +729,20 @@ var ParserResult = class {
 		const encoder = this.encoder;
 		result.data.forEach((data) => encoder.processAtomicRecipe(data));
 	}
+	/**
+	* A call of a locally-bound inline recipe -- `const badge = cva(...)`, then `badge({...})`.
+	*
+	* Recorded, not encoded. The rules already exist: `setCva` emitted them from the config,
+	* and a recipe's classes are named semantically from that config rather than from this
+	* call. What this adds is *visibility* -- the call site becomes something the fold can see
+	* and report on, where before it was indistinguishable from code nobody had parsed.
+	*/
+	setCvaCall(name, result) {
+		this.cvaCall.add(this.append(Object.assign({
+			type: "cva-call",
+			name
+		}, result)));
+	}
 	setSva(result) {
 		this.sva.add(this.append(Object.assign({ type: "sva" }, result)));
 		this.reportUnresolvedRecipe(result);
@@ -822,10 +752,9 @@ var ParserResult = class {
 	/**
 	* Record a recipe config the build could not fully read.
 	*
-	* Not gated on `cssMode`, unlike the `css()` check in `setCss`. That one exists because
-	* grouping names a whole call with one class; this one exists because a recipe is named
-	* from a *hash of its config*, which is true in every mode. A declaration the build cannot
-	* see changes the hash, so the build emits rules under one name and the browser asks for
+	* Reported in full, unlike the `css()` check in `setCss`, which keeps only the surprising
+	* half. A recipe is named from a *hash of its config*: a declaration the build cannot see
+	* changes the hash, so the build emits rules under one name and the browser asks for
 	* another, and the element renders with no styles at all.
 	*
 	* There is no fallback to pair with it either. Grouped can emit atomic rules alongside the
@@ -853,26 +782,7 @@ var ParserResult = class {
 			type: "pattern",
 			name
 		}, result)));
-		const encoder = this.encoder;
-		const grouped = this.context.config.cssMode === "grouped";
-		result.data.forEach((obj) => encoder.processPattern(name, obj, grouped));
-		if (grouped && !this.groupIsExact(result)) result.data.forEach((obj) => encoder.processPattern(name, obj, false));
-	}
-	/**
-	* Whether the group encoded for this result is the one the runtime will ask for.
-	*
-	* True only when the build saw the whole thing at once: one style object, with every
-	* value in it resolved. Several objects means the runtime merges them into a call this
-	* never encoded — `setCss` reconstructs those combinations, and nothing else does — and
-	* an unresolved value means the merge would not have matched anyway.
-	*
-	* Answering "no" costs a call site its atomic rules, which is CSS that duplicates the
-	* group. Answering a wrong "yes" costs the element every style it has, so this is
-	* deliberately conservative.
-	*/
-	groupIsExact(result) {
-		if (result.data.length !== 1) return false;
-		return findUnresolvedStyles(result, "grouped").length === 0;
+		result.data.forEach((obj) => this.encoder.processPattern(name, obj));
 	}
 	setRecipe(recipeName, result) {
 		(0, _bamboocss_shared.getOrCreateSet)(this.recipe, recipeName).add(this.append(Object.assign({ type: "recipe" }, result)));
@@ -900,6 +810,7 @@ var ParserResult = class {
 		result.css.forEach((item) => this.css.add(this.append(item)));
 		result.cva.forEach((item) => this.cva.add(this.append(item)));
 		result.sva.forEach((item) => this.sva.add(this.append(item)));
+		result.cvaCall.forEach((item) => this.cvaCall.add(this.append(item)));
 		result.token.forEach((item) => this.token.add(this.append(item)));
 		result.viewTransition.forEach((item) => this.viewTransition.add(this.append(item)));
 		result.recipe.forEach((items, name) => {
@@ -921,6 +832,7 @@ var ParserResult = class {
 			css: Array.from(this.css),
 			cva: Array.from(this.cva),
 			sva: Array.from(this.sva),
+			cvaCall: Array.from(this.cvaCall),
 			token: Array.from(this.token),
 			viewTransition: Array.from(this.viewTransition),
 			recipe: Object.fromEntries(Array.from(this.recipe.entries()).map(([key, value]) => [key, Array.from(value)])),
@@ -956,6 +868,20 @@ function createParser(context) {
 		_bamboocss_logger.logger.debug("ast:import", !file.isEmpty() ? `Found import { ${file.toString()} } in ${filePath}` : `No import found in ${filePath}`);
 		const parserResult = new ParserResult(context, encoder);
 		if (file.isEmpty() && !jsx.isEnabled) return parserResult;
+		if (file.importsRecipeFactory()) for (const statement of sourceFile.compilerNode.statements) {
+			if (!ts_morph.ts.isVariableStatement(statement)) continue;
+			if (!(statement.declarationList.flags & ts_morph.ts.NodeFlags.Const)) continue;
+			for (const declaration of statement.declarationList.declarations) {
+				const initializer = declaration.initializer;
+				if (!initializer || !ts_morph.ts.isCallExpression(initializer)) continue;
+				const callee = initializer.expression;
+				if (!ts_morph.ts.isIdentifier(callee) || !ts_morph.ts.isIdentifier(declaration.name)) continue;
+				const imported = file.getName(callee.text);
+				if (imported !== "cva" && imported !== "sva") continue;
+				if (!file.matchFn(callee.text)) continue;
+				file.addLocalRecipe(declaration.name.text);
+			}
+		}
 		(0, _bamboocss_extractor.extract)({
 			ast: sourceFile,
 			tokens: context.tokens ? {
@@ -1005,53 +931,64 @@ function createParser(context) {
 				kind: result.kind,
 				alias
 			} : { kind: result.kind });
-			if (result.kind === "function") (0, ts_pattern.match)(name).when(imports.matchers.css.match, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") if (query.box.value.length > 1) parserResult.set(name, {
-						name,
-						box: query.box,
-						data: query.box.value.reduce((acc, value) => [...acc, ...combineResult((0, _bamboocss_extractor.unbox)(value))], [])
+			if (result.kind === "function") {
+				if (file.isLocalRecipe(alias) && !file.match(alias)) {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setCvaCall(alias, {
+							name: alias,
+							box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
+							data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+						});
 					});
-					else parserResult.set(name, {
-						name,
-						box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
-						data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+					return;
+				}
+				(0, ts_pattern.match)(name).when(imports.matchers.css.match, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") if (query.box.value.length > 1) parserResult.set(name, {
+							name,
+							box: query.box,
+							data: query.box.value.reduce((acc, value) => [...acc, ...combineResult((0, _bamboocss_extractor.unbox)(value))], [])
+						});
+						else parserResult.set(name, {
+							name,
+							box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
+							data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+						});
 					});
-				});
-			}).when(imports.matchers.tokens.match, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") parserResult.setToken({
-						name,
-						box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
-						data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+				}).when(imports.matchers.tokens.match, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setToken({
+							name,
+							box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
+							data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+						});
 					});
-				});
-			}).when(file.isValidPattern, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") parserResult.setPattern(name, {
-						name,
-						box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
-						data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+				}).when(file.isValidPattern, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setPattern(name, {
+							name,
+							box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
+							data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+						});
 					});
-				});
-			}).when(file.isValidRecipe, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") parserResult.setRecipe(name, {
-						name,
-						box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
-						data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+				}).when(file.isValidRecipe, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setRecipe(name, {
+							name,
+							box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
+							data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+						});
 					});
-				});
-			}).when(file.isViewTransitionFn, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") parserResult.setViewTransition({
-						name,
-						box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
-						data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+				}).when(file.isViewTransitionFn, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setViewTransition({
+							name,
+							box: query.box.value[0] ?? _bamboocss_extractor.box.fallback(query.box),
+							data: combineResult((0, _bamboocss_extractor.unbox)(query.box.value[0]))
+						});
 					});
-				});
-			}).otherwise(() => {});
-			else if (jsx.isEnabled && result.kind === "component") result.queryList.forEach((query) => {
+				}).otherwise(() => {});
+			} else if (jsx.isEnabled && result.kind === "component") result.queryList.forEach((query) => {
 				const data = combineResult((0, _bamboocss_extractor.unbox)(query.box));
 				for (const tag of [name, alias]) {
 					if (!jsx.isJsxTagRecipe(tag)) continue;

package/dist/index.d.cts

@@ -38,7 +38,7 @@ declare class Generator extends Context {
    *
    * `keep` carries references this cannot see for itself; see `collectTokenReferences`.
    */
-  pruneTokens: (sheet: Stylesheet, keep?: Set<string>) => {
+  pruneTokens: (sheet: Stylesheet, keep?: Set<string>, tokensReachableFromJs?: boolean) => {
     removed: number;
     kept: number;
     removedProperties?: undefined;
@@ -47,6 +47,18 @@ declare class Generator extends Context {
     removedProperties: number;
     kept: number;
   };
+  /**
+   * Drop the parts of the reset that style elements the source never renders.
+   *
+   * Off unless asked for. Unlike the token and keyframe passes there is no way to prove this
+   * from the build: an element rendered by a dependency, by `dangerouslySetInnerHTML` or by
+   * markdown is invisible to a scan of your own source, and the failure is an element quietly
+   * losing its reset rather than anything that reports itself.
+   */
+  prunePreflight: (sheet: Stylesheet, rendered: Set<string>) => {
+    removedRules: number;
+    removedParts: number;
+  } | undefined;
   /**
    * Drop `@keyframes` nothing can reach. Same completeness requirement as
    * `pruneTokens`: the sheet has to hold the whole stylesheet, or every keyframe looks
@@ -98,20 +110,6 @@ declare class Generator extends Context {
    */
   private getAlwaysKeptTokenVars;
   getParserCss: (decoder: StyleDecoder) => string;
-  /**
-   * The grouped class names this build emitted a rule for.
-   *
-   * Derived from the encoder rather than the decoder, so it is available as soon as
-   * extraction finishes and before a stylesheet exists. Both sides go through
-   * `groupClassName`, which is the same function the browser runtime calls — a registry
-   * built any other way would be a third spelling of a name that already has two.
-   *
-   * Unescaped, unlike `StyleDecoder`'s class names: this is compared against what `css()`
-   * returns into a `class` attribute, not against a selector. A grouped class is an opaque
-   * hash, so the two only differ in principle, but the principle is the one that matters
-   * here — the registry is only useful if it holds exactly what the runtime will ask about.
-   */
-  getGroupRegistry: () => string[];
   getCss: (stylesheet?: Stylesheet) => string;
   /**
    * Get CSS for a specific layer from the stylesheet
@@ -143,16 +141,13 @@ interface UnresolvedStyle {
   /**
    * What the loss costs, which decides how it is explained.
    *
-   * - `grouped` — a `css()` call under `cssMode: 'grouped'`. It degrades: the runtime falls
-   *   back to naming each declaration, and the build emits atomic rules alongside the group
-   *   so the ones it resolved still apply.
-   * - `atomic` — a `css()` call under `cssMode: 'atomic'`. The declarations the build saw
-   *   still apply; the ones it did not have no rule behind them, so they are simply absent.
+   * - `atomic` — a `css()` call. The declarations the build saw still apply; the ones it
+   *   did not have no rule behind them, so they are simply absent.
    * - `recipe` — a `cva`/`sva` config. There is no degrading. A recipe's classes are named
    *   from a hash of its config, so a declaration the build cannot see gives the two sides
    *   different names and *every* rule misses.
    */
-  kind: 'grouped' | 'atomic' | 'recipe';
+  kind: 'atomic' | 'recipe';
   /** The property the build could not resolve, or `undefined` when only the count differs. */
   prop?: string;
   filePath: string;
@@ -164,13 +159,12 @@ interface UnresolvedStyle {
    * - `unresolvable-value` — a value it could not evaluate.
    * - `missing-property` — a key that never arrived in the box tree at all.
    * - `unenumerable-keys` — a spread or computed key, so it cannot say what the call sets.
-   * - `ambiguous-merge` — two arguments setting one property, which it cannot tell from a
    *   pair of alternatives.
    * - `too-many-combinations` — more ternary branches than it will enumerate.
    */
-  reason: 'unresolvable-value' | 'missing-property' | 'unenumerable-keys' | 'ambiguous-merge' | 'too-many-combinations';
+  reason: 'unresolvable-value' | 'missing-property' | 'unenumerable-keys';
 }
-declare const findUnresolvedStyles: (item: ResultItem, kind: "grouped" | "atomic") => UnresolvedStyle[];
+declare const findUnresolvedStyles: (item: ResultItem, kind: "atomic") => UnresolvedStyle[];
 //#endregion
 //#region src/parser-result.d.ts
 declare class ParserResult implements ParserResultInterface {
@@ -179,6 +173,7 @@ declare class ParserResult implements ParserResultInterface {
   all: ResultItem[];
   css: Set<ResultItem>;
   cva: Set<ResultItem>;
+  cvaCall: Set<ResultItem>;
   sva: Set<ResultItem>;
   token: Set<ResultItem>;
   viewTransition: Set<ResultItem>;
@@ -189,39 +184,31 @@ declare class ParserResult implements ParserResultInterface {
   /**
    * `css()` calls whose styles the build could not fully see.
    *
-   * Only collected under `cssMode: 'grouped'`, where one class names the whole call, so a
-   * property the build cannot resolve changes the class rather than dropping a declaration
-   * from it — and the element renders with no styles at all. Under `atomic` the same call
-   * keeps everything the build did resolve, which is not worth interrupting a build over.
+   * A property the build cannot resolve has no rule behind it, so the declaration is simply
+   * absent from the element — silently. Only the surprising half is collected; see `setCss`.
    */
   unresolved: UnresolvedStyle[];
   constructor(context: ParserOptions, encoder?: ParserOptions['encoder']);
-  /**
-   * Record a call whose styles the build could not fully see, at the call's own position.
-   *
-   * Used for losses the box tree cannot show — a ternary past the combination cap emits
-   * fragments rather than whole objects, and every individual box in it resolved fine.
-   */
-  private reportUnresolved;
   append(result: ResultItem): ResultItem;
   set(name: 'cva' | 'css' | 'sva' | 'token', result: ResultItem): void;
   setCss(result: ResultItem): void;
+  setCva(result: ResultItem): void;
   /**
-   * How many arguments the call this result came from was written with.
+   * A call of a locally-bound inline recipe -- `const badge = cva(...)`, then `badge({...})`.
    *
-   * Returns 1 for anything that is not a call — a JSX element, or a box that lost its node —
-   * since the question only separates operands from branches and neither has operands.
+   * Recorded, not encoded. The rules already exist: `setCva` emitted them from the config,
+   * and a recipe's classes are named semantically from that config rather than from this
+   * call. What this adds is *visibility* -- the call site becomes something the fold can see
+   * and report on, where before it was indistinguishable from code nobody had parsed.
    */
-  private callArgumentCount;
-  setCva(result: ResultItem): void;
+  setCvaCall(name: string, result: ResultItem): void;
   setSva(result: ResultItem): void;
   /**
    * Record a recipe config the build could not fully read.
    *
-   * Not gated on `cssMode`, unlike the `css()` check in `setCss`. That one exists because
-   * grouping names a whole call with one class; this one exists because a recipe is named
-   * from a *hash of its config*, which is true in every mode. A declaration the build cannot
-   * see changes the hash, so the build emits rules under one name and the browser asks for
+   * Reported in full, unlike the `css()` check in `setCss`, which keeps only the surprising
+   * half. A recipe is named from a *hash of its config*: a declaration the build cannot see
+   * changes the hash, so the build emits rules under one name and the browser asks for
    * another, and the element renders with no styles at all.
    *
    * There is no fallback to pair with it either. Grouped can emit atomic rules alongside the
@@ -232,19 +219,6 @@ declare class ParserResult implements ParserResultInterface {
   setToken(result: ResultItem): void;
   setViewTransition(result: ResultItem): void;
   setPattern(name: string, result: ResultItem): void;
-  /**
-   * Whether the group encoded for this result is the one the runtime will ask for.
-   *
-   * True only when the build saw the whole thing at once: one style object, with every
-   * value in it resolved. Several objects means the runtime merges them into a call this
-   * never encoded — `setCss` reconstructs those combinations, and nothing else does — and
-   * an unresolved value means the merge would not have matched anyway.
-   *
-   * Answering "no" costs a call site its atomic rules, which is CSS that duplicates the
-   * group. Answering a wrong "yes" costs the element every style it has, so this is
-   * deliberately conservative.
-   */
-  private groupIsExact;
   setRecipe(recipeName: string, result: ResultItem): void;
   isEmpty(): boolean;
   setFilePath(filePath: string): this;
@@ -254,6 +228,7 @@ declare class ParserResult implements ParserResultInterface {
     css: ResultItem[];
     cva: ResultItem[];
     sva: ResultItem[];
+    cvaCall: ResultItem[];
     token: ResultItem[];
     viewTransition: ResultItem[];
     recipe: {

package/dist/index.d.mts

@@ -38,7 +38,7 @@ declare class Generator extends Context {
    *
    * `keep` carries references this cannot see for itself; see `collectTokenReferences`.
    */
-  pruneTokens: (sheet: Stylesheet, keep?: Set<string>) => {
+  pruneTokens: (sheet: Stylesheet, keep?: Set<string>, tokensReachableFromJs?: boolean) => {
     removed: number;
     kept: number;
     removedProperties?: undefined;
@@ -47,6 +47,18 @@ declare class Generator extends Context {
     removedProperties: number;
     kept: number;
   };
+  /**
+   * Drop the parts of the reset that style elements the source never renders.
+   *
+   * Off unless asked for. Unlike the token and keyframe passes there is no way to prove this
+   * from the build: an element rendered by a dependency, by `dangerouslySetInnerHTML` or by
+   * markdown is invisible to a scan of your own source, and the failure is an element quietly
+   * losing its reset rather than anything that reports itself.
+   */
+  prunePreflight: (sheet: Stylesheet, rendered: Set<string>) => {
+    removedRules: number;
+    removedParts: number;
+  } | undefined;
   /**
    * Drop `@keyframes` nothing can reach. Same completeness requirement as
    * `pruneTokens`: the sheet has to hold the whole stylesheet, or every keyframe looks
@@ -98,20 +110,6 @@ declare class Generator extends Context {
    */
   private getAlwaysKeptTokenVars;
   getParserCss: (decoder: StyleDecoder) => string;
-  /**
-   * The grouped class names this build emitted a rule for.
-   *
-   * Derived from the encoder rather than the decoder, so it is available as soon as
-   * extraction finishes and before a stylesheet exists. Both sides go through
-   * `groupClassName`, which is the same function the browser runtime calls — a registry
-   * built any other way would be a third spelling of a name that already has two.
-   *
-   * Unescaped, unlike `StyleDecoder`'s class names: this is compared against what `css()`
-   * returns into a `class` attribute, not against a selector. A grouped class is an opaque
-   * hash, so the two only differ in principle, but the principle is the one that matters
-   * here — the registry is only useful if it holds exactly what the runtime will ask about.
-   */
-  getGroupRegistry: () => string[];
   getCss: (stylesheet?: Stylesheet) => string;
   /**
    * Get CSS for a specific layer from the stylesheet
@@ -143,16 +141,13 @@ interface UnresolvedStyle {
   /**
    * What the loss costs, which decides how it is explained.
    *
-   * - `grouped` — a `css()` call under `cssMode: 'grouped'`. It degrades: the runtime falls
-   *   back to naming each declaration, and the build emits atomic rules alongside the group
-   *   so the ones it resolved still apply.
-   * - `atomic` — a `css()` call under `cssMode: 'atomic'`. The declarations the build saw
-   *   still apply; the ones it did not have no rule behind them, so they are simply absent.
+   * - `atomic` — a `css()` call. The declarations the build saw still apply; the ones it
+   *   did not have no rule behind them, so they are simply absent.
    * - `recipe` — a `cva`/`sva` config. There is no degrading. A recipe's classes are named
    *   from a hash of its config, so a declaration the build cannot see gives the two sides
    *   different names and *every* rule misses.
    */
-  kind: 'grouped' | 'atomic' | 'recipe';
+  kind: 'atomic' | 'recipe';
   /** The property the build could not resolve, or `undefined` when only the count differs. */
   prop?: string;
   filePath: string;
@@ -164,13 +159,12 @@ interface UnresolvedStyle {
    * - `unresolvable-value` — a value it could not evaluate.
    * - `missing-property` — a key that never arrived in the box tree at all.
    * - `unenumerable-keys` — a spread or computed key, so it cannot say what the call sets.
-   * - `ambiguous-merge` — two arguments setting one property, which it cannot tell from a
    *   pair of alternatives.
    * - `too-many-combinations` — more ternary branches than it will enumerate.
    */
-  reason: 'unresolvable-value' | 'missing-property' | 'unenumerable-keys' | 'ambiguous-merge' | 'too-many-combinations';
+  reason: 'unresolvable-value' | 'missing-property' | 'unenumerable-keys';
 }
-declare const findUnresolvedStyles: (item: ResultItem, kind: "grouped" | "atomic") => UnresolvedStyle[];
+declare const findUnresolvedStyles: (item: ResultItem, kind: "atomic") => UnresolvedStyle[];
 //#endregion
 //#region src/parser-result.d.ts
 declare class ParserResult implements ParserResultInterface {
@@ -179,6 +173,7 @@ declare class ParserResult implements ParserResultInterface {
   all: ResultItem[];
   css: Set<ResultItem>;
   cva: Set<ResultItem>;
+  cvaCall: Set<ResultItem>;
   sva: Set<ResultItem>;
   token: Set<ResultItem>;
   viewTransition: Set<ResultItem>;
@@ -189,39 +184,31 @@ declare class ParserResult implements ParserResultInterface {
   /**
    * `css()` calls whose styles the build could not fully see.
    *
-   * Only collected under `cssMode: 'grouped'`, where one class names the whole call, so a
-   * property the build cannot resolve changes the class rather than dropping a declaration
-   * from it — and the element renders with no styles at all. Under `atomic` the same call
-   * keeps everything the build did resolve, which is not worth interrupting a build over.
+   * A property the build cannot resolve has no rule behind it, so the declaration is simply
+   * absent from the element — silently. Only the surprising half is collected; see `setCss`.
    */
   unresolved: UnresolvedStyle[];
   constructor(context: ParserOptions, encoder?: ParserOptions['encoder']);
-  /**
-   * Record a call whose styles the build could not fully see, at the call's own position.
-   *
-   * Used for losses the box tree cannot show — a ternary past the combination cap emits
-   * fragments rather than whole objects, and every individual box in it resolved fine.
-   */
-  private reportUnresolved;
   append(result: ResultItem): ResultItem;
   set(name: 'cva' | 'css' | 'sva' | 'token', result: ResultItem): void;
   setCss(result: ResultItem): void;
+  setCva(result: ResultItem): void;
   /**
-   * How many arguments the call this result came from was written with.
+   * A call of a locally-bound inline recipe -- `const badge = cva(...)`, then `badge({...})`.
    *
-   * Returns 1 for anything that is not a call — a JSX element, or a box that lost its node —
-   * since the question only separates operands from branches and neither has operands.
+   * Recorded, not encoded. The rules already exist: `setCva` emitted them from the config,
+   * and a recipe's classes are named semantically from that config rather than from this
+   * call. What this adds is *visibility* -- the call site becomes something the fold can see
+   * and report on, where before it was indistinguishable from code nobody had parsed.
    */
-  private callArgumentCount;
-  setCva(result: ResultItem): void;
+  setCvaCall(name: string, result: ResultItem): void;
   setSva(result: ResultItem): void;
   /**
    * Record a recipe config the build could not fully read.
    *
-   * Not gated on `cssMode`, unlike the `css()` check in `setCss`. That one exists because
-   * grouping names a whole call with one class; this one exists because a recipe is named
-   * from a *hash of its config*, which is true in every mode. A declaration the build cannot
-   * see changes the hash, so the build emits rules under one name and the browser asks for
+   * Reported in full, unlike the `css()` check in `setCss`, which keeps only the surprising
+   * half. A recipe is named from a *hash of its config*: a declaration the build cannot see
+   * changes the hash, so the build emits rules under one name and the browser asks for
    * another, and the element renders with no styles at all.
    *
    * There is no fallback to pair with it either. Grouped can emit atomic rules alongside the
@@ -232,19 +219,6 @@ declare class ParserResult implements ParserResultInterface {
   setToken(result: ResultItem): void;
   setViewTransition(result: ResultItem): void;
   setPattern(name: string, result: ResultItem): void;
-  /**
-   * Whether the group encoded for this result is the one the runtime will ask for.
-   *
-   * True only when the build saw the whole thing at once: one style object, with every
-   * value in it resolved. Several objects means the runtime merges them into a call this
-   * never encoded — `setCss` reconstructs those combinations, and nothing else does — and
-   * an unresolved value means the merge would not have matched anyway.
-   *
-   * Answering "no" costs a call site its atomic rules, which is CSS that duplicates the
-   * group. Answering a wrong "yes" costs the element every style it has, so this is
-   * deliberately conservative.
-   */
-  private groupIsExact;
   setRecipe(recipeName: string, result: ResultItem): void;
   isEmpty(): boolean;
   setFilePath(filePath: string): this;
@@ -254,6 +228,7 @@ declare class ParserResult implements ParserResultInterface {
     css: ResultItem[];
     cva: ResultItem[];
     sva: ResultItem[];
+    cvaCall: ResultItem[];
     token: ResultItem[];
     viewTransition: ResultItem[];
     recipe: {

package/dist/index.mjs

@@ -64,6 +64,7 @@ function classifyProject(ctx, resultMap) {
 		const { item, kind, filepath, localMaps } = opts;
 		if (!item.box || box.isUnresolvable(item.box)) return;
 		if (!item.data) return;
+		if (item.type === "cva-call") return;
 		const componentReportItem = {
 			componentIndex: String(componentIndex++),
 			componentName: item.name,
@@ -522,14 +523,7 @@ const writtenProps = (node) => {
 		uncertain
 	};
 };
-/**
-* Every property of a `css()` call that will not reach the stylesheet.
-*
-* Only meaningful under `cssMode: 'grouped'`, where one class names the whole call: a
-* property the build cannot resolve does not merely go missing, it changes the class, and
-* the element renders with no styles at all. Under `atomic` the same call loses one
-* declaration and keeps the rest, which is why this is not reported there.
-*/
+/** Every property of a `css()` call that will not reach the stylesheet. */
 /**
 * A recipe config the build could not fully read, level by level.
 *
@@ -674,18 +668,13 @@ const hasKeyOutside = (resolved, names) => {
 };
 //#endregion
 //#region src/parser-result.ts
-function cartesian(arrays) {
-	if (arrays.length === 0) return [[]];
-	const [first, ...rest] = arrays;
-	const restProduct = cartesian(rest);
-	return first.flatMap((item) => restProduct.map((combo) => [item, ...combo]));
-}
 var ParserResult = class {
 	context;
 	/** Ordered list of all ResultItem */
 	all = [];
 	css = /* @__PURE__ */ new Set();
 	cva = /* @__PURE__ */ new Set();
+	cvaCall = /* @__PURE__ */ new Set();
 	sva = /* @__PURE__ */ new Set();
 	token = /* @__PURE__ */ new Set();
 	viewTransition = /* @__PURE__ */ new Set();
@@ -696,35 +685,14 @@ var ParserResult = class {
 	/**
 	* `css()` calls whose styles the build could not fully see.
 	*
-	* Only collected under `cssMode: 'grouped'`, where one class names the whole call, so a
-	* property the build cannot resolve changes the class rather than dropping a declaration
-	* from it — and the element renders with no styles at all. Under `atomic` the same call
-	* keeps everything the build did resolve, which is not worth interrupting a build over.
+	* A property the build cannot resolve has no rule behind it, so the declaration is simply
+	* absent from the element — silently. Only the surprising half is collected; see `setCss`.
 	*/
 	unresolved = [];
 	constructor(context, encoder) {
 		this.context = context;
 		this.encoder = encoder ?? context.encoder;
 	}
-	/**
-	* Record a call whose styles the build could not fully see, at the call's own position.
-	*
-	* Used for losses the box tree cannot show — a ternary past the combination cap emits
-	* fragments rather than whole objects, and every individual box in it resolved fine.
-	*/
-	reportUnresolved(result, reason) {
-		const node = result.box?.getNode();
-		const sourceFile = node?.getSourceFile();
-		if (!node || !sourceFile) return;
-		const { line, column } = sourceFile.getLineAndColumnAtPos(node.getStart());
-		this.unresolved.push({
-			filePath: sourceFile.getFilePath(),
-			kind: "grouped",
-			line,
-			column,
-			reason
-		});
-	}
 	append(result) {
 		this.all.push(result);
 		return result;
@@ -749,62 +717,10 @@ var ParserResult = class {
 	setCss(result) {
 		this.css.add(this.append(Object.assign({ type: "css" }, result)));
 		const encoder = this.encoder;
-		const grouped = this.context.config.cssMode === "grouped";
 		const data = result.data.some(Array.isArray) ? result.data.flatMap((obj) => Array.isArray(obj) ? obj : [obj]) : result.data;
-		const unresolved = findUnresolvedStyles(result, grouped ? "grouped" : "atomic").filter((entry) => grouped || entry.reason === "unenumerable-keys");
-		if (unresolved.length) {
-			this.unresolved.push(...unresolved);
-			if (grouped) data.forEach((obj) => encoder.processAtomic(obj));
-		}
-		if (!grouped || data.length <= 1) {
-			data.forEach((obj) => grouped ? encoder.processGrouped(obj) : encoder.processAtomic(obj));
-			return;
-		}
-		const keyCounts = /* @__PURE__ */ new Map();
-		for (const obj of data) for (const key of Object.keys(obj)) keyCounts.set(key, (keyCounts.get(key) || 0) + 1);
-		if (!Array.from(keyCounts.values()).some((c) => c > 1)) {
-			encoder.processGroupedMerge(data);
-			return;
-		}
-		if (this.callArgumentCount(result) > 1) {
-			this.reportUnresolved(result, "ambiguous-merge");
-			data.forEach((obj) => encoder.processAtomic(obj));
-		}
-		const overlappingKeys = /* @__PURE__ */ new Set();
-		keyCounts.forEach((count, key) => {
-			if (count > 1) overlappingKeys.add(key);
-		});
-		const baseEntries = [];
-		const branchEntries = [];
-		for (const obj of data) if (Object.keys(obj).some((k) => overlappingKeys.has(k))) branchEntries.push(obj);
-		else baseEntries.push(obj);
-		const branchGroups = /* @__PURE__ */ new Map();
-		for (const entry of branchEntries) {
-			const keySet = Object.keys(entry).sort().join("\0");
-			const group = branchGroups.get(keySet) || [];
-			group.push(entry);
-			branchGroups.set(keySet, group);
-		}
-		const groupArrays = Array.from(branchGroups.values());
-		if (groupArrays.reduce((acc, g) => acc * g.length, 1) > 32) {
-			this.reportUnresolved(result, "too-many-combinations");
-			data.forEach((obj) => {
-				encoder.processGrouped(obj);
-				encoder.processAtomic(obj);
-			});
-			return;
-		}
-		for (const combo of cartesian(groupArrays)) encoder.processGroupedMerge([...baseEntries, ...combo]);
-	}
-	/**
-	* How many arguments the call this result came from was written with.
-	*
-	* Returns 1 for anything that is not a call — a JSX element, or a box that lost its node —
-	* since the question only separates operands from branches and neither has operands.
-	*/
-	callArgumentCount(result) {
-		const node = result.box?.getNode();
-		return node && Node.isCallExpression(node) ? node.getArguments().length : 1;
+		const unresolved = findUnresolvedStyles(result, "atomic").filter((entry) => entry.reason === "unenumerable-keys");
+		if (unresolved.length) this.unresolved.push(...unresolved);
+		data.forEach((obj) => encoder.processAtomic(obj));
 	}
 	setCva(result) {
 		this.cva.add(this.append(Object.assign({ type: "cva" }, result)));
@@ -812,6 +728,20 @@ var ParserResult = class {
 		const encoder = this.encoder;
 		result.data.forEach((data) => encoder.processAtomicRecipe(data));
 	}
+	/**
+	* A call of a locally-bound inline recipe -- `const badge = cva(...)`, then `badge({...})`.
+	*
+	* Recorded, not encoded. The rules already exist: `setCva` emitted them from the config,
+	* and a recipe's classes are named semantically from that config rather than from this
+	* call. What this adds is *visibility* -- the call site becomes something the fold can see
+	* and report on, where before it was indistinguishable from code nobody had parsed.
+	*/
+	setCvaCall(name, result) {
+		this.cvaCall.add(this.append(Object.assign({
+			type: "cva-call",
+			name
+		}, result)));
+	}
 	setSva(result) {
 		this.sva.add(this.append(Object.assign({ type: "sva" }, result)));
 		this.reportUnresolvedRecipe(result);
@@ -821,10 +751,9 @@ var ParserResult = class {
 	/**
 	* Record a recipe config the build could not fully read.
 	*
-	* Not gated on `cssMode`, unlike the `css()` check in `setCss`. That one exists because
-	* grouping names a whole call with one class; this one exists because a recipe is named
-	* from a *hash of its config*, which is true in every mode. A declaration the build cannot
-	* see changes the hash, so the build emits rules under one name and the browser asks for
+	* Reported in full, unlike the `css()` check in `setCss`, which keeps only the surprising
+	* half. A recipe is named from a *hash of its config*: a declaration the build cannot see
+	* changes the hash, so the build emits rules under one name and the browser asks for
 	* another, and the element renders with no styles at all.
 	*
 	* There is no fallback to pair with it either. Grouped can emit atomic rules alongside the
@@ -852,26 +781,7 @@ var ParserResult = class {
 			type: "pattern",
 			name
 		}, result)));
-		const encoder = this.encoder;
-		const grouped = this.context.config.cssMode === "grouped";
-		result.data.forEach((obj) => encoder.processPattern(name, obj, grouped));
-		if (grouped && !this.groupIsExact(result)) result.data.forEach((obj) => encoder.processPattern(name, obj, false));
-	}
-	/**
-	* Whether the group encoded for this result is the one the runtime will ask for.
-	*
-	* True only when the build saw the whole thing at once: one style object, with every
-	* value in it resolved. Several objects means the runtime merges them into a call this
-	* never encoded — `setCss` reconstructs those combinations, and nothing else does — and
-	* an unresolved value means the merge would not have matched anyway.
-	*
-	* Answering "no" costs a call site its atomic rules, which is CSS that duplicates the
-	* group. Answering a wrong "yes" costs the element every style it has, so this is
-	* deliberately conservative.
-	*/
-	groupIsExact(result) {
-		if (result.data.length !== 1) return false;
-		return findUnresolvedStyles(result, "grouped").length === 0;
+		result.data.forEach((obj) => this.encoder.processPattern(name, obj));
 	}
 	setRecipe(recipeName, result) {
 		getOrCreateSet(this.recipe, recipeName).add(this.append(Object.assign({ type: "recipe" }, result)));
@@ -899,6 +809,7 @@ var ParserResult = class {
 		result.css.forEach((item) => this.css.add(this.append(item)));
 		result.cva.forEach((item) => this.cva.add(this.append(item)));
 		result.sva.forEach((item) => this.sva.add(this.append(item)));
+		result.cvaCall.forEach((item) => this.cvaCall.add(this.append(item)));
 		result.token.forEach((item) => this.token.add(this.append(item)));
 		result.viewTransition.forEach((item) => this.viewTransition.add(this.append(item)));
 		result.recipe.forEach((items, name) => {
@@ -920,6 +831,7 @@ var ParserResult = class {
 			css: Array.from(this.css),
 			cva: Array.from(this.cva),
 			sva: Array.from(this.sva),
+			cvaCall: Array.from(this.cvaCall),
 			token: Array.from(this.token),
 			viewTransition: Array.from(this.viewTransition),
 			recipe: Object.fromEntries(Array.from(this.recipe.entries()).map(([key, value]) => [key, Array.from(value)])),
@@ -955,6 +867,20 @@ function createParser(context) {
 		logger.debug("ast:import", !file.isEmpty() ? `Found import { ${file.toString()} } in ${filePath}` : `No import found in ${filePath}`);
 		const parserResult = new ParserResult(context, encoder);
 		if (file.isEmpty() && !jsx.isEnabled) return parserResult;
+		if (file.importsRecipeFactory()) for (const statement of sourceFile.compilerNode.statements) {
+			if (!ts.isVariableStatement(statement)) continue;
+			if (!(statement.declarationList.flags & ts.NodeFlags.Const)) continue;
+			for (const declaration of statement.declarationList.declarations) {
+				const initializer = declaration.initializer;
+				if (!initializer || !ts.isCallExpression(initializer)) continue;
+				const callee = initializer.expression;
+				if (!ts.isIdentifier(callee) || !ts.isIdentifier(declaration.name)) continue;
+				const imported = file.getName(callee.text);
+				if (imported !== "cva" && imported !== "sva") continue;
+				if (!file.matchFn(callee.text)) continue;
+				file.addLocalRecipe(declaration.name.text);
+			}
+		}
 		extract({
 			ast: sourceFile,
 			tokens: context.tokens ? {
@@ -1004,53 +930,64 @@ function createParser(context) {
 				kind: result.kind,
 				alias
 			} : { kind: result.kind });
-			if (result.kind === "function") match(name).when(imports.matchers.css.match, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") if (query.box.value.length > 1) parserResult.set(name, {
-						name,
-						box: query.box,
-						data: query.box.value.reduce((acc, value) => [...acc, ...combineResult(unbox(value))], [])
+			if (result.kind === "function") {
+				if (file.isLocalRecipe(alias) && !file.match(alias)) {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setCvaCall(alias, {
+							name: alias,
+							box: query.box.value[0] ?? box.fallback(query.box),
+							data: combineResult(unbox(query.box.value[0]))
+						});
 					});
-					else parserResult.set(name, {
-						name,
-						box: query.box.value[0] ?? box.fallback(query.box),
-						data: combineResult(unbox(query.box.value[0]))
+					return;
+				}
+				match(name).when(imports.matchers.css.match, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") if (query.box.value.length > 1) parserResult.set(name, {
+							name,
+							box: query.box,
+							data: query.box.value.reduce((acc, value) => [...acc, ...combineResult(unbox(value))], [])
+						});
+						else parserResult.set(name, {
+							name,
+							box: query.box.value[0] ?? box.fallback(query.box),
+							data: combineResult(unbox(query.box.value[0]))
+						});
 					});
-				});
-			}).when(imports.matchers.tokens.match, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") parserResult.setToken({
-						name,
-						box: query.box.value[0] ?? box.fallback(query.box),
-						data: combineResult(unbox(query.box.value[0]))
+				}).when(imports.matchers.tokens.match, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setToken({
+							name,
+							box: query.box.value[0] ?? box.fallback(query.box),
+							data: combineResult(unbox(query.box.value[0]))
+						});
 					});
-				});
-			}).when(file.isValidPattern, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") parserResult.setPattern(name, {
-						name,
-						box: query.box.value[0] ?? box.fallback(query.box),
-						data: combineResult(unbox(query.box.value[0]))
+				}).when(file.isValidPattern, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setPattern(name, {
+							name,
+							box: query.box.value[0] ?? box.fallback(query.box),
+							data: combineResult(unbox(query.box.value[0]))
+						});
 					});
-				});
-			}).when(file.isValidRecipe, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") parserResult.setRecipe(name, {
-						name,
-						box: query.box.value[0] ?? box.fallback(query.box),
-						data: combineResult(unbox(query.box.value[0]))
+				}).when(file.isValidRecipe, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setRecipe(name, {
+							name,
+							box: query.box.value[0] ?? box.fallback(query.box),
+							data: combineResult(unbox(query.box.value[0]))
+						});
 					});
-				});
-			}).when(file.isViewTransitionFn, (name) => {
-				result.queryList.forEach((query) => {
-					if (query.kind === "call-expression") parserResult.setViewTransition({
-						name,
-						box: query.box.value[0] ?? box.fallback(query.box),
-						data: combineResult(unbox(query.box.value[0]))
+				}).when(file.isViewTransitionFn, (name) => {
+					result.queryList.forEach((query) => {
+						if (query.kind === "call-expression") parserResult.setViewTransition({
+							name,
+							box: query.box.value[0] ?? box.fallback(query.box),
+							data: combineResult(unbox(query.box.value[0]))
+						});
 					});
-				});
-			}).otherwise(() => {});
-			else if (jsx.isEnabled && result.kind === "component") result.queryList.forEach((query) => {
+				}).otherwise(() => {});
+			} else if (jsx.isEnabled && result.kind === "component") result.queryList.forEach((query) => {
 				const data = combineResult(unbox(query.box));
 				for (const tag of [name, alias]) {
 					if (!jsx.isJsxTagRecipe(tag)) continue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/parser",
-  "version": "1.21.0",
+  "version": "1.23.0",
   "description": "The static parser for bamboo css",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -34,17 +34,17 @@
   "dependencies": {
     "ts-morph": "28.0.0",
     "ts-pattern": "5.9.0",
-    "@bamboocss/config": "^1.21.0",
-    "@bamboocss/core": "^1.21.0",
-    "@bamboocss/extractor": "1.21.0",
-    "@bamboocss/logger": "1.21.0",
-    "@bamboocss/shared": "1.21.0",
-    "@bamboocss/types": "1.21.0"
+    "@bamboocss/config": "^1.23.0",
+    "@bamboocss/core": "^1.23.0",
+    "@bamboocss/extractor": "1.23.0",
+    "@bamboocss/logger": "1.23.0",
+    "@bamboocss/shared": "1.23.0",
+    "@bamboocss/types": "1.23.0"
   },
   "devDependencies": {
-    "@bamboocss/generator": "1.21.0",
-    "@bamboocss/plugin-svelte": "1.21.0",
-    "@bamboocss/plugin-vue": "1.21.0"
+    "@bamboocss/generator": "1.23.0",
+    "@bamboocss/plugin-svelte": "1.23.0",
+    "@bamboocss/plugin-vue": "1.23.0"
   },
   "scripts": {
     "build": "tsdown src/index.ts --format=esm,cjs --dts",