@bamboocss/vite 1.55.0 → 1.55.1

package/dist/fold-module.cjs

@@ -1115,6 +1115,7 @@ const FOLDABLE_TYPES = new Set([
 */
 const SURVIVES_TO_RUNTIME = new Set([
 	"dynamic",
+	"opaque-composition",
 	"runtime-binding",
 	"raw-call",
 	"unsupported-kind",
@@ -2056,19 +2057,29 @@ const foldSource = (options) => {
 					supported = false;
 					break;
 				}
-				if (dynamic.length > 1) {
-					skipped.push({
-						name: "cx",
-						reason: "dynamic",
-						start: call.getStart(),
-						end: call.getEnd()
-					});
-					continue;
-				}
-				if (!supported) {
+				if (!supported || dynamic.length > 1) {
+					/**
+					* Does this argument carry declarations Bamboo compiled?
+					*
+					* Only the candidate half of `take`, because the other half is already known here:
+					* `take` returned false, which happens precisely when an argument is opaque. What is
+					* missing after that abort is whether a *later* argument was one of ours, which the
+					* partially populated `matched`/`dynamic` lists cannot answer — the walk stops at the
+					* first thing it cannot take, and everything after it is unvisited.
+					*
+					* Declared inside the branch so the common path — every `cx()` that compiles — does
+					* not allocate a closure it never calls. The fold runs on every module of every dev
+					* transform, so per-call-site work here is not free.
+					*/
+					const composesStyleSet = (arg) => {
+						const candidate = byRange.get(`${arg.getStart()}:${arg.getEnd()}`);
+						if (candidate?.styleSet || candidate?.styleMap?.outputKind === "class" || candidate?.replacement) return true;
+						return _bamboocss_ts_ast.Node.isArrayLiteralExpression(arg) && arg.elements.some(composesStyleSet);
+					};
+					const mixed = !supported && ((0, _bamboocss_ts_ast.childOf)(call, "arguments") ?? []).some(composesStyleSet);
 					skipped.push({
 						name: "cx",
-						reason: "dynamic",
+						reason: mixed ? "opaque-composition" : "dynamic",
 						start: call.getStart(),
 						end: call.getEnd()
 					});

package/dist/fold-module.mjs

@@ -1113,6 +1113,7 @@ const FOLDABLE_TYPES = new Set([
 */
 const SURVIVES_TO_RUNTIME = new Set([
 	"dynamic",
+	"opaque-composition",
 	"runtime-binding",
 	"raw-call",
 	"unsupported-kind",
@@ -2054,19 +2055,29 @@ const foldSource = (options) => {
 					supported = false;
 					break;
 				}
-				if (dynamic.length > 1) {
-					skipped.push({
-						name: "cx",
-						reason: "dynamic",
-						start: call.getStart(),
-						end: call.getEnd()
-					});
-					continue;
-				}
-				if (!supported) {
+				if (!supported || dynamic.length > 1) {
+					/**
+					* Does this argument carry declarations Bamboo compiled?
+					*
+					* Only the candidate half of `take`, because the other half is already known here:
+					* `take` returned false, which happens precisely when an argument is opaque. What is
+					* missing after that abort is whether a *later* argument was one of ours, which the
+					* partially populated `matched`/`dynamic` lists cannot answer — the walk stops at the
+					* first thing it cannot take, and everything after it is unvisited.
+					*
+					* Declared inside the branch so the common path — every `cx()` that compiles — does
+					* not allocate a closure it never calls. The fold runs on every module of every dev
+					* transform, so per-call-site work here is not free.
+					*/
+					const composesStyleSet = (arg) => {
+						const candidate = byRange.get(`${arg.getStart()}:${arg.getEnd()}`);
+						if (candidate?.styleSet || candidate?.styleMap?.outputKind === "class" || candidate?.replacement) return true;
+						return Node.isArrayLiteralExpression(arg) && arg.elements.some(composesStyleSet);
+					};
+					const mixed = !supported && (childOf(call, "arguments") ?? []).some(composesStyleSet);
 					skipped.push({
 						name: "cx",
-						reason: "dynamic",
+						reason: mixed ? "opaque-composition" : "dynamic",
 						start: call.getStart(),
 						end: call.getEnd()
 					});

package/dist/index.cjs

@@ -1127,7 +1127,8 @@ const bamboocss = (options = {}) => {
 		"overlapping",
 		"unresolved-token",
 		"runtime-binding",
-		"compile-failed"
+		"compile-failed",
+		"opaque-composition"
 	]);
 	const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 	const isNonNegativeInteger = (value) => Number.isSafeInteger(value) && value >= 0;
@@ -2609,7 +2610,7 @@ const bamboocss = (options = {}) => {
 		const survivorsHere = [];
 		for (const entry of result.skipped) {
 			if (entry.reason === "not-imported" || entry.reason === "overlapping") continue;
-			if (entry.name === "cx" && entry.reason === "dynamic") continue;
+			if (entry.name === "cx" && (entry.reason === "dynamic" || entry.reason === "opaque-composition")) continue;
 			survivorsHere.push({
 				line: lineAt(code, entry.start),
 				name: entry.name,

package/dist/index.mjs

@@ -1122,7 +1122,8 @@ const bamboocss = (options = {}) => {
 		"overlapping",
 		"unresolved-token",
 		"runtime-binding",
-		"compile-failed"
+		"compile-failed",
+		"opaque-composition"
 	]);
 	const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 	const isNonNegativeInteger = (value) => Number.isSafeInteger(value) && value >= 0;
@@ -2604,7 +2605,7 @@ const bamboocss = (options = {}) => {
 		const survivorsHere = [];
 		for (const entry of result.skipped) {
 			if (entry.reason === "not-imported" || entry.reason === "overlapping") continue;
-			if (entry.name === "cx" && entry.reason === "dynamic") continue;
+			if (entry.name === "cx" && (entry.reason === "dynamic" || entry.reason === "opaque-composition")) continue;
 			survivorsHere.push({
 				line: lineAt(code, entry.start),
 				name: entry.name,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/vite",
-  "version": "1.55.0",
+  "version": "1.55.1",
   "description": "Vite integration for Bamboo CSS",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -42,20 +42,20 @@
     "magic-string": "0.30.21",
     "postcss": "8.5.26",
     "postcss-selector-parser": "7.1.5",
-    "@bamboocss/config": "1.55.0",
-    "@bamboocss/extractor": "1.55.0",
-    "@bamboocss/core": "1.55.0",
-    "@bamboocss/node": "1.55.0",
-    "@bamboocss/logger": "1.55.0",
-    "@bamboocss/types": "1.55.0",
-    "@bamboocss/shared": "1.55.0",
-    "@bamboocss/ts-ast": "1.55.0"
+    "@bamboocss/config": "1.55.1",
+    "@bamboocss/core": "1.55.1",
+    "@bamboocss/extractor": "1.55.1",
+    "@bamboocss/logger": "1.55.1",
+    "@bamboocss/node": "1.55.1",
+    "@bamboocss/ts-ast": "1.55.1",
+    "@bamboocss/shared": "1.55.1",
+    "@bamboocss/types": "1.55.1"
   },
   "devDependencies": {
     "@jridgewell/trace-mapping": "^0.3.31",
     "@typescript/api": "npm:typescript@7.1.0-dev.20260826.1",
     "vite": "7.2.6",
-    "@bamboocss/fixture": "1.55.0"
+    "@bamboocss/fixture": "1.55.1"
   },
   "peerDependencies": {
     "vite": ">=5"