@bamboocss/parser 1.21.0 → 1.22.0

package/dist/index.cjs

@@ -523,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.
 *
@@ -675,12 +668,6 @@ 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 */
@@ -697,35 +684,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 +716,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)));
@@ -822,10 +736,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 +766,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)));

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 {
@@ -189,39 +183,22 @@ 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;
-  /**
-   * 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.
-   */
-  private callArgumentCount;
   setCva(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 +209,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;

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 {
@@ -189,39 +183,22 @@ 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;
-  /**
-   * 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.
-   */
-  private callArgumentCount;
   setCva(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 +209,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;

package/dist/index.mjs

@@ -522,14 +522,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,12 +667,6 @@ 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 */
@@ -696,35 +683,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 +715,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)));
@@ -821,10 +735,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 +765,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)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/parser",
-  "version": "1.21.0",
+  "version": "1.22.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.22.0",
+    "@bamboocss/core": "^1.22.0",
+    "@bamboocss/extractor": "1.22.0",
+    "@bamboocss/logger": "1.22.0",
+    "@bamboocss/shared": "1.22.0",
+    "@bamboocss/types": "1.22.0"
   },
   "devDependencies": {
-    "@bamboocss/generator": "1.21.0",
-    "@bamboocss/plugin-svelte": "1.21.0",
-    "@bamboocss/plugin-vue": "1.21.0"
+    "@bamboocss/generator": "1.22.0",
+    "@bamboocss/plugin-svelte": "1.22.0",
+    "@bamboocss/plugin-vue": "1.22.0"
   },
   "scripts": {
     "build": "tsdown src/index.ts --format=esm,cjs --dts",