@bamboocss/vite 1.46.2 → 1.47.0

package/dist/css-output-module.cjs

@@ -103,10 +103,11 @@ const pruneStaticCss = (css, session, { environment, prune = true, requiredClass
 			return `  ${className}\n      (${extracted}; no rule in the sheet` + (near.length ? `; a rule exists under ${near.map((n) => JSON.stringify(n)).join(", ")}` : "") + `)`;
 		};
 		const environmentDescription = environment ? ` for the ${JSON.stringify(environment)} environment` : "";
+		const guidance = orphaned.every((className) => prunable.has(require_class_name.bare(className))) ? "Extraction saw every one of these calls, but rule generation produced no declarations for them — the shape of a value nothing resolves, such as a `mixin` naming a composition the theme does not define. Check the class name's property and value against the theme, and look for a `🎋 warn [utility]` line above naming the same value. Set `unresolvedToken: 'error'` to fail fast at the exact call next time." : "The current source generation no longer provides every rule required by the JavaScript outputs still on disk. Bamboo refused to replace the prior stylesheet. Finish rebuilding every output which retains an older generation, then rebuild the stylesheet. If every output is already current, report this as a compiler bug with the block above.";
 		throw new Error(`bamboocss: ${orphaned.length} compiled class(es) still named by live output have no rule in the candidate stylesheet${environmentDescription}. Elements carrying them would render unstyled.\n\n${(0, _bamboocss_shared.truncateList)(orphaned.map(describe), {
 			unit: "class",
 			separator: "\n"
-		})}\n\nThe current source generation no longer provides every rule required by the JavaScript outputs still on disk. Bamboo refused to replace the prior stylesheet. Finish rebuilding every output which retains an older generation, then rebuild the stylesheet. If every output is already current, report this as a compiler bug with the block above.`);
+		})}\n\n` + guidance);
 	}
 	return root.toString();
 };

package/dist/css-output-module.mjs

@@ -98,10 +98,11 @@ const pruneStaticCss = (css, session, { environment, prune = true, requiredClass
 			return `  ${className}\n      (${extracted}; no rule in the sheet` + (near.length ? `; a rule exists under ${near.map((n) => JSON.stringify(n)).join(", ")}` : "") + `)`;
 		};
 		const environmentDescription = environment ? ` for the ${JSON.stringify(environment)} environment` : "";
+		const guidance = orphaned.every((className) => prunable.has(bare(className))) ? "Extraction saw every one of these calls, but rule generation produced no declarations for them — the shape of a value nothing resolves, such as a `mixin` naming a composition the theme does not define. Check the class name's property and value against the theme, and look for a `🎋 warn [utility]` line above naming the same value. Set `unresolvedToken: 'error'` to fail fast at the exact call next time." : "The current source generation no longer provides every rule required by the JavaScript outputs still on disk. Bamboo refused to replace the prior stylesheet. Finish rebuilding every output which retains an older generation, then rebuild the stylesheet. If every output is already current, report this as a compiler bug with the block above.";
 		throw new Error(`bamboocss: ${orphaned.length} compiled class(es) still named by live output have no rule in the candidate stylesheet${environmentDescription}. Elements carrying them would render unstyled.\n\n${truncateList(orphaned.map(describe), {
 			unit: "class",
 			separator: "\n"
-		})}\n\nThe current source generation no longer provides every rule required by the JavaScript outputs still on disk. Bamboo refused to replace the prior stylesheet. Finish rebuilding every output which retains an older generation, then rebuild the stylesheet. If every output is already current, report this as a compiler bug with the block above.`);
+		})}\n\n` + guidance);
 	}
 	return root.toString();
 };

package/dist/fold-module.cjs

@@ -2378,7 +2378,7 @@ const foldSource = (options) => {
 			const definition = entry?.box?.getNode?.();
 			const nameNode = definition?.getSourceFile() === sourceFile ? definition?.getFirstAncestorByKind(ts_morph.SyntaxKind.VariableDeclaration)?.getNameNode() : importSpecifierFor(sourceFile, binding);
 			if (!nameNode || !ts_morph.Node.isIdentifier(nameNode)) continue;
-			const references = localReferencesTo(identifiersByName(), binding, nameNode);
+			const references = localReferencesTo(identifiersByName(), binding, nameNode).filter((reference) => !reference.getFirstAncestorByKind(ts_morph.SyntaxKind.TypeQuery));
 			if (skipped.filter((item) => SURVIVES_TO_RUNTIME.has(item.reason) && item.end > item.start).some((item) => references.some((ref) => ref.getStart() >= item.start && ref.getStart() < item.end))) continue;
 			const survivor = references.find((ref) => !applied.some(([from, to]) => ref.getStart() >= from && ref.getStart() < to));
 			if (!survivor) continue;

package/dist/fold-module.mjs

@@ -2376,7 +2376,7 @@ const foldSource = (options) => {
 			const definition = entry?.box?.getNode?.();
 			const nameNode = definition?.getSourceFile() === sourceFile ? definition?.getFirstAncestorByKind(SyntaxKind.VariableDeclaration)?.getNameNode() : importSpecifierFor(sourceFile, binding);
 			if (!nameNode || !Node.isIdentifier(nameNode)) continue;
-			const references = localReferencesTo(identifiersByName(), binding, nameNode);
+			const references = localReferencesTo(identifiersByName(), binding, nameNode).filter((reference) => !reference.getFirstAncestorByKind(SyntaxKind.TypeQuery));
 			if (skipped.filter((item) => SURVIVES_TO_RUNTIME.has(item.reason) && item.end > item.start).some((item) => references.some((ref) => ref.getStart() >= item.start && ref.getStart() < item.end))) continue;
 			const survivor = references.find((ref) => !applied.some(([from, to]) => ref.getStart() >= from && ref.getStart() < to));
 			if (!survivor) continue;

package/dist/index.cjs

@@ -236,7 +236,6 @@ const bamboocssCss = (options) => {
 		await builder.emit();
 		builder.extract();
 		await new Promise((settle) => setImmediate(settle));
-		if (builder.context?.config.polyfill) throw new Error("bamboocss: the cascade-layer polyfill is incompatible with compiled atomic styles. The polyfill removes the utility-layer boundary required for safe atom reachability and renaming.");
 		if (builder.context) {
 			session.utilityLayer = builder.context.config.layers?.utilities ?? "utilities";
 			session.extractedFiles.clear();
@@ -547,6 +546,15 @@ const bamboocssCss = (options) => {
 //#endregion
 //#region src/plugin.ts
 const DEFAULT_EXTENSIONS = /\.(?:[cm]?[jt]sx?)$/;
+const SFC_EXTENSIONS = /\.(?:vue|svelte|astro)$/i;
+/**
+* Framework script submodules. Vue spells `lang.ts` as a bare query key; Svelte uses
+* `lang=ts`; both set `type=script`. The compiler must see that JS, not the wrapping SFC —
+* folding the SFC uses parser:before offsets that do not match the file Vite emits.
+*/
+const SFC_SCRIPT_QUERY = /[?&](?:type=script(?:&|$)|lang\.tsx?(?:&|$)|lang=tsx?(?:&|$)|lang\.jsx?(?:&|$))/i;
+const SFC_JSX_QUERY = /[?&](?:lang\.tsx|lang=tsx|lang\.jsx|lang=jsx)(?:&|$)/i;
+const SFC_SCRIPT_TAG = /<script[\s>/]/i;
 const NODE_MODULES = /node_modules/;
 const TRANSFORM_META_KEY = "bamboocss:transform";
 const TRANSFORM_ARTIFACT_VERSION = 3;
@@ -594,7 +602,30 @@ const shouldTransform = (id) => {
 	const [filePath] = id.split("?");
 	if (!filePath) return false;
 	if (NODE_MODULES.test(filePath)) return false;
-	return DEFAULT_EXTENSIONS.test(filePath);
+	return DEFAULT_EXTENSIONS.test(filePath) || SFC_EXTENSIONS.test(filePath);
+};
+/**
+* Path ts-morph should parse for this transform.
+*
+* A `.vue` / `.svelte` / `.astro` id is either a raw SFC (skip — offsets would not match), a
+* `type=script` submodule, or the framework's compiled JS stored under the SFC path. The last
+* two are JavaScript or TypeScript: parsing them as the SFC would run `parser:before` and fold
+* the wrong bytes. A sibling `.ts`/`.tsx` path preserves JSX parsing and skips those hooks.
+*
+* Returns `null` when the module is still a raw SFC and must be left to the framework plugin.
+* Astro frontmatter is `---`, not `<script>`, so a tag check alone would parse the template.
+*/
+const compilerParsePath = (id, code) => {
+	const [filePath, query = ""] = id.split("?");
+	if (!filePath) return null;
+	if (!SFC_EXTENSIONS.test(filePath)) return filePath;
+	const normalizedQuery = `?${query}`;
+	if (SFC_SCRIPT_QUERY.test(normalizedQuery)) return `${filePath}.__bamboo__.${SFC_JSX_QUERY.test(normalizedQuery) ? "tsx" : "ts"}`;
+	const trimmed = code.trimStart();
+	if (/\.astro$/i.test(filePath) && (trimmed.startsWith("---") || trimmed.startsWith("<"))) return null;
+	if (SFC_SCRIPT_TAG.test(code) || /<(?:template|style)[\s>/]/i.test(code)) return null;
+	if (trimmed.startsWith("<")) return null;
+	return `${filePath}.__bamboo__.ts`;
 };
 /**
 * Is this file part of the generated `styled-system` rather than the user's source?
@@ -638,15 +669,12 @@ const formatSkipped = (id, skipped) => {
 /**
 * Vite integration for Bamboo CSS.
 *
-* Two plugins, because they do unrelated jobs on different schedules. The first emits the
-* stylesheet as a virtual module and runs in dev and build alike — that is the integration,
-* and nothing styles without it. The second compiles every Bamboo source call in both dev
-* and build; there is no runtime styling fallback.
-*
-* The compiler runs with `enforce: 'pre'` so it sees module source as close as possible to what
-* the CSS extractor reads off disk. A plugin that rewrites style calls before bamboo
-* sees them would otherwise make the two disagree, and a folded class could end up
-* with no matching rule.
+* Three plugins. The first emits the stylesheet as a virtual module. The second compiles
+* JavaScript and TypeScript with `enforce: 'pre'` so it sees source close to what the CSS
+* extractor reads off disk. The third compiles Vue, Svelte and Astro with `enforce: 'post'`
+* so it folds the framework's compiled JavaScript — a `pre` hook that skipped the raw SFC
+* would never run again on the same id. Script submodules (`type=script`) are SFC paths and
+* therefore fold in the post plugin, after the framework has extracted them.
 */
 const bamboocss = (options = {}) => {
 	const { configPath, cwd, reportSkipped = false, reportSummary = true, maxRecipeStates, pruneCss = true } = options;
@@ -794,6 +822,7 @@ const bamboocss = (options = {}) => {
 		dependenciesByModule: /* @__PURE__ */ new Map(),
 		filesByModule: /* @__PURE__ */ new Map(),
 		foldSignatures: /* @__PURE__ */ new Map(),
+		foldInputsByModule: /* @__PURE__ */ new Map(),
 		recipeConfigCache: /* @__PURE__ */ new Map(),
 		transformedModulesThisRun: /* @__PURE__ */ new Set(),
 		unchangedFolds: /* @__PURE__ */ new Map(),
@@ -807,6 +836,7 @@ const bamboocss = (options = {}) => {
 		dependenciesByModule: new Map([...state.dependenciesByModule].map(([moduleId, dependencies]) => [moduleId, new Set(dependencies)])),
 		filesByModule: new Map(state.filesByModule),
 		foldSignatures: new Map(state.foldSignatures),
+		foldInputsByModule: new Map(state.foldInputsByModule),
 		recipeConfigCache: new Map(state.recipeConfigCache),
 		transformedModulesThisRun: new Set(state.transformedModulesThisRun),
 		unchangedFolds: new Map(state.unchangedFolds),
@@ -1223,7 +1253,10 @@ const bamboocss = (options = {}) => {
 		state.transformArtifactsByModule.set(moduleId, artifact);
 		recordFoldDependencies(state, moduleId, file, artifact.dependencies);
 		if (artifact.signature) state.foldSignatures.set(moduleId, artifact.signature);
-		else state.foldSignatures.delete(moduleId);
+		else {
+			state.foldSignatures.delete(moduleId);
+			state.foldInputsByModule.delete(moduleId);
+		}
 	};
 	/**
 	* Replay transform metadata for modules Rollup reused from its cache.
@@ -1302,7 +1335,9 @@ const bamboocss = (options = {}) => {
 		const signature = state.foldSignatures.get(dependent);
 		if (!signature || !ctx || !foldSourceImpl || !runtimeCss || !styleCompiler) return false;
 		try {
-			const code = (0, node_fs.readFileSync)(signature.path, "utf8");
+			const retained = state.foldInputsByModule.get(dependent);
+			const code = retained?.input === signature.input ? retained.code : (0, node_fs.readFileSync)(signature.path, "utf8");
+			const parsePath = retained?.input === signature.input ? retained.parsePath : signature.path;
 			const inputDigest = digest(code);
 			if (inputDigest !== signature.input) return false;
 			/**
@@ -1328,20 +1363,20 @@ const bamboocss = (options = {}) => {
 			}
 			let raw;
 			let parserDependencies;
-			const memoKey = foldMemoKey(signature.path, inputDigest);
+			const memoKey = foldMemoKey(parsePath, inputDigest);
 			const memoized = foldMemoByContent.get(memoKey);
 			if (memoized) {
 				raw = memoized.result;
 				parserDependencies = memoized.parserDependencies;
 			} else {
-				const sourceFile = ctx.project.addSourceFile(signature.path, code);
-				const parserResult = ctx.project.parseSourceFile(signature.path);
+				const sourceFile = ctx.project.addSourceFile(parsePath, code);
+				const parserResult = ctx.project.parseSourceFile(parsePath);
 				if (!parserResult) return false;
 				raw = foldSourceImpl({
 					ctx,
 					code,
 					parserResult,
-					filePath: signature.path,
+					filePath: parsePath,
 					runtimeCss,
 					styleCompiler,
 					maxRecipeStates,
@@ -1358,7 +1393,7 @@ const bamboocss = (options = {}) => {
 					reportedSurvivors: false
 				});
 			}
-			const result = withResolutionClosure(signature.path, raw, parserDependencies, state.dependenciesByModule.get(dependent));
+			const result = withResolutionClosure(parsePath, raw, parserDependencies, state.dependenciesByModule.get(dependent));
 			const unchanged = digest(result.code) === signature.output;
 			/**
 			* Edges re-recorded exactly on the way to suppressing a module. A changed provisional
@@ -1713,6 +1748,7 @@ const bamboocss = (options = {}) => {
 			const [filePath] = id.split("?");
 			if (!filePath) return;
 			for (const state of transformStateByEnvironment.values()) state.recipeConfigCache.clear();
+			if (SFC_EXTENSIONS.test(filePath)) return;
 			if (change.event === "delete") {
 				ctx.project.removeSourceFile(filePath);
 				const deleted = normalizeFsPath(filePath);
@@ -1720,6 +1756,7 @@ const bamboocss = (options = {}) => {
 					if (normalizeFsPath(moduleFile) !== deleted) continue;
 					recordFoldDependencies(state, moduleId, moduleFile, []);
 					state.foldSignatures.delete(moduleId);
+					state.foldInputsByModule.delete(moduleId);
 					state.transformArtifactsByModule.delete(moduleId);
 					state.filesByModule.delete(moduleId);
 				}
@@ -1818,136 +1855,7 @@ const bamboocss = (options = {}) => {
 			return foldDependentModules(environmentState(this), file, modules, legacy.moduleGraph);
 		},
 		async transform(code, id) {
-			if (!shouldTransform(id)) return null;
-			try {
-				await ensureCompilerState();
-			} catch (error) {
-				throw asError(error, "failed to initialize the bamboo compiler");
-			}
-			if (!ctx || !foldSourceImpl || !runtimeCss || !styleCompiler) return null;
-			const [filePath] = id.split("?");
-			if (isGeneratedOutput(filePath, ctx)) return null;
-			const state = environmentState(this);
-			state.transformedModulesThisRun.add(id);
-			let inputDigest;
-			const previousSignature = state.foldSignatures.get(id);
-			const previousDependencies = previousSignature && previousSignature.input === (inputDigest ??= digest(code)) ? state.dependenciesByModule.get(id) : void 0;
-			let result;
-			try {
-				const memoKey = command === "serve" ? foldMemoKey(filePath, inputDigest ??= digest(code)) : void 0;
-				const memoized = memoKey ? foldMemoByContent.get(memoKey) : void 0;
-				let valueReads = [];
-				if (memoized?.reportedSurvivors) {
-					valueReads = memoized.valueReads;
-					result = withResolutionClosure(filePath, memoized.result, memoized.parserDependencies, previousDependencies);
-				} else {
-					const sourceFile = ctx.project.addSourceFile(filePath, code);
-					const parserResult = ctx.project.parseSourceFile(filePath);
-					if (!parserResult) {
-						state.transformArtifactsByModule.delete(id);
-						recordFoldDependencies(state, id, filePath, []);
-						state.foldSignatures.delete(id);
-						return null;
-					}
-					const folded = foldSourceImpl({
-						ctx,
-						code,
-						parserResult,
-						filePath,
-						runtimeCss,
-						styleCompiler,
-						maxRecipeStates,
-						parseModule: (path) => ctx?.project.parseSourceFile(path),
-						recipeConfigCache: state.recipeConfigCache,
-						reportSurvivors: true,
-						sourceFile
-					});
-					const parserDependencies = parserResult.getDependencies();
-					valueReads = parserResult.getExportReads?.() ?? [];
-					if (memoKey) foldMemoByContent.set(memoKey, {
-						result: folded,
-						parserDependencies,
-						valueReads,
-						reportedSurvivors: true
-					});
-					result = withResolutionClosure(filePath, folded, parserDependencies, previousDependencies);
-				}
-				state.exportReadsByModule.set(id, [...valueReads.map((read) => ({
-					kind: "value",
-					...read
-				})), ...result.exportReads]);
-			} catch (error) {
-				_bamboocss_logger.logger.caughtError("vite:transform", `Failed to compile ${filePath}`, error);
-				const previousDependencies = [...state.dependenciesByModule.get(id) ?? []];
-				applyTransformArtifact(state, sealTransformArtifact(environmentName(this), {
-					version: TRANSFORM_ARTIFACT_VERSION,
-					moduleId: id,
-					file: filePath,
-					folded: 0,
-					skipped: [["compile-failed", 1]],
-					survivors: [{
-						line: 1,
-						name: "compiler",
-						reason: "compile-failed"
-					}],
-					transformedFile: false,
-					classNames: [],
-					dependencies: previousDependencies
-				}), id, environmentName(this));
-				state.foldSignatures.delete(id);
-				if (command === "serve") throw asError(error, `failed to compile ${filePath}`);
-				return null;
-			}
-			const skippedHere = /* @__PURE__ */ new Map();
-			for (const entry of result.skipped) skippedHere.set(entry.reason, (skippedHere.get(entry.reason) ?? 0) + 1);
-			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;
-				survivorsHere.push({
-					line: lineAt(code, entry.start),
-					name: entry.name,
-					reason: entry.reason
-				});
-			}
-			const artifact = sealTransformArtifact(environmentName(this), {
-				version: TRANSFORM_ARTIFACT_VERSION,
-				moduleId: id,
-				file: filePath,
-				folded: result.folded.length,
-				skipped: [...skippedHere],
-				survivors: survivorsHere,
-				transformedFile: result.folded.some((entry) => entry.kind === "class" || entry.kind === "slots"),
-				classNames: [...new Set(result.folded.flatMap((entry) => entry.classNames))],
-				dependencies: [...result.dependencies],
-				...result.dependencies.length ? { signature: {
-					input: inputDigest ??= digest(code),
-					output: digest(result.code),
-					path: filePath
-				} } : {}
-			});
-			applyTransformArtifact(state, artifact, id, environmentName(this));
-			if (reportSkipped && result.skipped.length) _bamboocss_logger.logger.info("vite:transform", formatSkipped(filePath, result.skipped));
-			for (const dependency of result.dependencies) this.addWatchFile?.(dependency);
-			if (command === "serve" && artifact.survivors.length) {
-				state.foldSignatures.delete(id);
-				throw createSurvivorError(artifact.survivors.map((survivor) => ({
-					file: filePath,
-					...survivor
-				})));
-			}
-			const meta = { [TRANSFORM_META_KEY]: artifact };
-			if (!result.folded.length) return typeof this.getModuleInfo === "function" ? {
-				code,
-				map: null,
-				meta
-			} : null;
-			_bamboocss_logger.logger.debug("vite:transform", `Compiled ${result.folded.length} call(s) in ${filePath}`);
-			return {
-				code: result.code,
-				map: result.map,
-				meta
-			};
+			return compileModule.call(this, code, id, false);
 		},
 		buildEnd(buildError) {
 			const environment = environmentName(this);
@@ -1995,6 +1903,160 @@ const bamboocss = (options = {}) => {
 			if (state) rollbackEnvironmentGeneration(environment, state);
 		}
 	};
+	const compilerSfc = {
+		name: "bamboocss:compiler-sfc",
+		enforce: "post",
+		sharedDuringBuild: true,
+		async transform(code, id) {
+			return compileModule.call(this, code, id, true);
+		}
+	};
+	async function compileModule(code, id, sfcOnly) {
+		if (!shouldTransform(id)) return null;
+		const [pathForFilter] = id.split("?");
+		if (!pathForFilter) return null;
+		if (SFC_EXTENSIONS.test(pathForFilter) !== sfcOnly) return null;
+		try {
+			await ensureCompilerState();
+		} catch (error) {
+			throw asError(error, "failed to initialize the bamboo compiler");
+		}
+		if (!ctx || !foldSourceImpl || !runtimeCss || !styleCompiler) return null;
+		const [filePath] = id.split("?");
+		if (isGeneratedOutput(filePath, ctx)) return null;
+		const parsePath = compilerParsePath(id, code);
+		if (parsePath === null) return null;
+		const state = environmentState(this);
+		state.transformedModulesThisRun.add(id);
+		let inputDigest;
+		const previousSignature = state.foldSignatures.get(id);
+		const previousDependencies = previousSignature && previousSignature.input === (inputDigest ??= digest(code)) ? state.dependenciesByModule.get(id) : void 0;
+		let result;
+		try {
+			const memoKey = command === "serve" ? foldMemoKey(parsePath, inputDigest ??= digest(code)) : void 0;
+			const memoized = memoKey ? foldMemoByContent.get(memoKey) : void 0;
+			let valueReads = [];
+			if (memoized?.reportedSurvivors) {
+				valueReads = memoized.valueReads;
+				result = withResolutionClosure(parsePath, memoized.result, memoized.parserDependencies, previousDependencies);
+			} else {
+				const sourceFile = ctx.project.addSourceFile(parsePath, code);
+				const parserResult = ctx.project.parseSourceFile(parsePath);
+				if (!parserResult) {
+					state.transformArtifactsByModule.delete(id);
+					recordFoldDependencies(state, id, filePath, []);
+					state.foldSignatures.delete(id);
+					state.foldInputsByModule.delete(id);
+					return null;
+				}
+				const folded = foldSourceImpl({
+					ctx,
+					code,
+					parserResult,
+					filePath: parsePath,
+					runtimeCss,
+					styleCompiler,
+					maxRecipeStates,
+					parseModule: (path) => ctx?.project.parseSourceFile(path),
+					recipeConfigCache: state.recipeConfigCache,
+					reportSurvivors: true,
+					sourceFile
+				});
+				const parserDependencies = parserResult.getDependencies();
+				valueReads = parserResult.getExportReads?.() ?? [];
+				if (memoKey) foldMemoByContent.set(memoKey, {
+					result: folded,
+					parserDependencies,
+					valueReads,
+					reportedSurvivors: true
+				});
+				result = withResolutionClosure(parsePath, folded, parserDependencies, previousDependencies);
+			}
+			state.exportReadsByModule.set(id, [...valueReads.map((read) => ({
+				kind: "value",
+				...read
+			})), ...result.exportReads]);
+		} catch (error) {
+			_bamboocss_logger.logger.caughtError("vite:transform", `Failed to compile ${filePath}`, error);
+			const previousDependencies = [...state.dependenciesByModule.get(id) ?? []];
+			applyTransformArtifact(state, sealTransformArtifact(environmentName(this), {
+				version: TRANSFORM_ARTIFACT_VERSION,
+				moduleId: id,
+				file: filePath,
+				folded: 0,
+				skipped: [["compile-failed", 1]],
+				survivors: [{
+					line: 1,
+					name: "compiler",
+					reason: "compile-failed"
+				}],
+				transformedFile: false,
+				classNames: [],
+				dependencies: previousDependencies
+			}), id, environmentName(this));
+			state.foldSignatures.delete(id);
+			state.foldInputsByModule.delete(id);
+			if (command === "serve") throw asError(error, `failed to compile ${filePath}`);
+			return null;
+		}
+		const skippedHere = /* @__PURE__ */ new Map();
+		for (const entry of result.skipped) skippedHere.set(entry.reason, (skippedHere.get(entry.reason) ?? 0) + 1);
+		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;
+			survivorsHere.push({
+				line: lineAt(code, entry.start),
+				name: entry.name,
+				reason: entry.reason
+			});
+		}
+		const artifact = sealTransformArtifact(environmentName(this), {
+			version: TRANSFORM_ARTIFACT_VERSION,
+			moduleId: id,
+			file: filePath,
+			folded: result.folded.length,
+			skipped: [...skippedHere],
+			survivors: survivorsHere,
+			transformedFile: result.folded.some((entry) => entry.kind === "class" || entry.kind === "slots"),
+			classNames: [...new Set(result.folded.flatMap((entry) => entry.classNames))],
+			dependencies: [...result.dependencies],
+			...result.dependencies.length ? { signature: {
+				input: inputDigest ??= digest(code),
+				output: digest(result.code),
+				path: filePath
+			} } : {}
+		});
+		applyTransformArtifact(state, artifact, id, environmentName(this));
+		if (artifact.signature && (command === "serve" || parsePath !== filePath)) state.foldInputsByModule.set(id, {
+			code,
+			input: artifact.signature.input,
+			parsePath
+		});
+		else state.foldInputsByModule.delete(id);
+		if (reportSkipped && result.skipped.length) _bamboocss_logger.logger.info("vite:transform", formatSkipped(filePath, result.skipped));
+		for (const dependency of result.dependencies) this.addWatchFile?.(dependency);
+		if (command === "serve" && artifact.survivors.length) {
+			state.foldSignatures.delete(id);
+			state.foldInputsByModule.delete(id);
+			throw createSurvivorError(artifact.survivors.map((survivor) => ({
+				file: filePath,
+				...survivor
+			})));
+		}
+		const meta = { [TRANSFORM_META_KEY]: artifact };
+		if (!result.folded.length) return typeof this.getModuleInfo === "function" ? {
+			code,
+			map: null,
+			meta
+		} : null;
+		_bamboocss_logger.logger.debug("vite:transform", `Compiled ${result.folded.length} call(s) in ${filePath}`);
+		return {
+			code: result.code,
+			map: result.map,
+			meta
+		};
+	}
 	const outputWriteObserver = {
 		name: "bamboocss:output-write-observer",
 		enforce: "pre",
@@ -2027,12 +2089,16 @@ const bamboocss = (options = {}) => {
 			}
 		}
 	};
-	return [bamboocssCss({
-		configPath,
-		cwd,
-		session: staticSession,
-		pruneCss
-	}), compiler];
+	return [
+		bamboocssCss({
+			configPath,
+			cwd,
+			session: staticSession,
+			pruneCss
+		}),
+		compiler,
+		compilerSfc
+	];
 };
 //#endregion
 exports.VIRTUAL_CSS_ID = VIRTUAL_CSS_ID;

package/dist/index.d.cts

@@ -67,15 +67,12 @@ interface BambooVitePluginOptions {
 /**
  * Vite integration for Bamboo CSS.
  *
- * Two plugins, because they do unrelated jobs on different schedules. The first emits the
- * stylesheet as a virtual module and runs in dev and build alike — that is the integration,
- * and nothing styles without it. The second compiles every Bamboo source call in both dev
- * and build; there is no runtime styling fallback.
- *
- * The compiler runs with `enforce: 'pre'` so it sees module source as close as possible to what
- * the CSS extractor reads off disk. A plugin that rewrites style calls before bamboo
- * sees them would otherwise make the two disagree, and a folded class could end up
- * with no matching rule.
+ * Three plugins. The first emits the stylesheet as a virtual module. The second compiles
+ * JavaScript and TypeScript with `enforce: 'pre'` so it sees source close to what the CSS
+ * extractor reads off disk. The third compiles Vue, Svelte and Astro with `enforce: 'post'`
+ * so it folds the framework's compiled JavaScript — a `pre` hook that skipped the raw SFC
+ * would never run again on the same id. Script submodules (`type=script`) are SFC paths and
+ * therefore fold in the post plugin, after the framework has extracted them.
  */
 declare const bamboocss: (options?: BambooVitePluginOptions) => Plugin[];
 //#endregion

package/dist/index.d.mts

@@ -67,15 +67,12 @@ interface BambooVitePluginOptions {
 /**
  * Vite integration for Bamboo CSS.
  *
- * Two plugins, because they do unrelated jobs on different schedules. The first emits the
- * stylesheet as a virtual module and runs in dev and build alike — that is the integration,
- * and nothing styles without it. The second compiles every Bamboo source call in both dev
- * and build; there is no runtime styling fallback.
- *
- * The compiler runs with `enforce: 'pre'` so it sees module source as close as possible to what
- * the CSS extractor reads off disk. A plugin that rewrites style calls before bamboo
- * sees them would otherwise make the two disagree, and a folded class could end up
- * with no matching rule.
+ * Three plugins. The first emits the stylesheet as a virtual module. The second compiles
+ * JavaScript and TypeScript with `enforce: 'pre'` so it sees source close to what the CSS
+ * extractor reads off disk. The third compiles Vue, Svelte and Astro with `enforce: 'post'`
+ * so it folds the framework's compiled JavaScript — a `pre` hook that skipped the raw SFC
+ * would never run again on the same id. Script submodules (`type=script`) are SFC paths and
+ * therefore fold in the post plugin, after the framework has extracted them.
  */
 declare const bamboocss: (options?: BambooVitePluginOptions) => Plugin[];
 //#endregion

package/dist/index.mjs

@@ -231,7 +231,6 @@ const bamboocssCss = (options) => {
 		await builder.emit();
 		builder.extract();
 		await new Promise((settle) => setImmediate(settle));
-		if (builder.context?.config.polyfill) throw new Error("bamboocss: the cascade-layer polyfill is incompatible with compiled atomic styles. The polyfill removes the utility-layer boundary required for safe atom reachability and renaming.");
 		if (builder.context) {
 			session.utilityLayer = builder.context.config.layers?.utilities ?? "utilities";
 			session.extractedFiles.clear();
@@ -542,6 +541,15 @@ const bamboocssCss = (options) => {
 //#endregion
 //#region src/plugin.ts
 const DEFAULT_EXTENSIONS = /\.(?:[cm]?[jt]sx?)$/;
+const SFC_EXTENSIONS = /\.(?:vue|svelte|astro)$/i;
+/**
+* Framework script submodules. Vue spells `lang.ts` as a bare query key; Svelte uses
+* `lang=ts`; both set `type=script`. The compiler must see that JS, not the wrapping SFC —
+* folding the SFC uses parser:before offsets that do not match the file Vite emits.
+*/
+const SFC_SCRIPT_QUERY = /[?&](?:type=script(?:&|$)|lang\.tsx?(?:&|$)|lang=tsx?(?:&|$)|lang\.jsx?(?:&|$))/i;
+const SFC_JSX_QUERY = /[?&](?:lang\.tsx|lang=tsx|lang\.jsx|lang=jsx)(?:&|$)/i;
+const SFC_SCRIPT_TAG = /<script[\s>/]/i;
 const NODE_MODULES = /node_modules/;
 const TRANSFORM_META_KEY = "bamboocss:transform";
 const TRANSFORM_ARTIFACT_VERSION = 3;
@@ -589,7 +597,30 @@ const shouldTransform = (id) => {
 	const [filePath] = id.split("?");
 	if (!filePath) return false;
 	if (NODE_MODULES.test(filePath)) return false;
-	return DEFAULT_EXTENSIONS.test(filePath);
+	return DEFAULT_EXTENSIONS.test(filePath) || SFC_EXTENSIONS.test(filePath);
+};
+/**
+* Path ts-morph should parse for this transform.
+*
+* A `.vue` / `.svelte` / `.astro` id is either a raw SFC (skip — offsets would not match), a
+* `type=script` submodule, or the framework's compiled JS stored under the SFC path. The last
+* two are JavaScript or TypeScript: parsing them as the SFC would run `parser:before` and fold
+* the wrong bytes. A sibling `.ts`/`.tsx` path preserves JSX parsing and skips those hooks.
+*
+* Returns `null` when the module is still a raw SFC and must be left to the framework plugin.
+* Astro frontmatter is `---`, not `<script>`, so a tag check alone would parse the template.
+*/
+const compilerParsePath = (id, code) => {
+	const [filePath, query = ""] = id.split("?");
+	if (!filePath) return null;
+	if (!SFC_EXTENSIONS.test(filePath)) return filePath;
+	const normalizedQuery = `?${query}`;
+	if (SFC_SCRIPT_QUERY.test(normalizedQuery)) return `${filePath}.__bamboo__.${SFC_JSX_QUERY.test(normalizedQuery) ? "tsx" : "ts"}`;
+	const trimmed = code.trimStart();
+	if (/\.astro$/i.test(filePath) && (trimmed.startsWith("---") || trimmed.startsWith("<"))) return null;
+	if (SFC_SCRIPT_TAG.test(code) || /<(?:template|style)[\s>/]/i.test(code)) return null;
+	if (trimmed.startsWith("<")) return null;
+	return `${filePath}.__bamboo__.ts`;
 };
 /**
 * Is this file part of the generated `styled-system` rather than the user's source?
@@ -633,15 +664,12 @@ const formatSkipped = (id, skipped) => {
 /**
 * Vite integration for Bamboo CSS.
 *
-* Two plugins, because they do unrelated jobs on different schedules. The first emits the
-* stylesheet as a virtual module and runs in dev and build alike — that is the integration,
-* and nothing styles without it. The second compiles every Bamboo source call in both dev
-* and build; there is no runtime styling fallback.
-*
-* The compiler runs with `enforce: 'pre'` so it sees module source as close as possible to what
-* the CSS extractor reads off disk. A plugin that rewrites style calls before bamboo
-* sees them would otherwise make the two disagree, and a folded class could end up
-* with no matching rule.
+* Three plugins. The first emits the stylesheet as a virtual module. The second compiles
+* JavaScript and TypeScript with `enforce: 'pre'` so it sees source close to what the CSS
+* extractor reads off disk. The third compiles Vue, Svelte and Astro with `enforce: 'post'`
+* so it folds the framework's compiled JavaScript — a `pre` hook that skipped the raw SFC
+* would never run again on the same id. Script submodules (`type=script`) are SFC paths and
+* therefore fold in the post plugin, after the framework has extracted them.
 */
 const bamboocss = (options = {}) => {
 	const { configPath, cwd, reportSkipped = false, reportSummary = true, maxRecipeStates, pruneCss = true } = options;
@@ -789,6 +817,7 @@ const bamboocss = (options = {}) => {
 		dependenciesByModule: /* @__PURE__ */ new Map(),
 		filesByModule: /* @__PURE__ */ new Map(),
 		foldSignatures: /* @__PURE__ */ new Map(),
+		foldInputsByModule: /* @__PURE__ */ new Map(),
 		recipeConfigCache: /* @__PURE__ */ new Map(),
 		transformedModulesThisRun: /* @__PURE__ */ new Set(),
 		unchangedFolds: /* @__PURE__ */ new Map(),
@@ -802,6 +831,7 @@ const bamboocss = (options = {}) => {
 		dependenciesByModule: new Map([...state.dependenciesByModule].map(([moduleId, dependencies]) => [moduleId, new Set(dependencies)])),
 		filesByModule: new Map(state.filesByModule),
 		foldSignatures: new Map(state.foldSignatures),
+		foldInputsByModule: new Map(state.foldInputsByModule),
 		recipeConfigCache: new Map(state.recipeConfigCache),
 		transformedModulesThisRun: new Set(state.transformedModulesThisRun),
 		unchangedFolds: new Map(state.unchangedFolds),
@@ -1218,7 +1248,10 @@ const bamboocss = (options = {}) => {
 		state.transformArtifactsByModule.set(moduleId, artifact);
 		recordFoldDependencies(state, moduleId, file, artifact.dependencies);
 		if (artifact.signature) state.foldSignatures.set(moduleId, artifact.signature);
-		else state.foldSignatures.delete(moduleId);
+		else {
+			state.foldSignatures.delete(moduleId);
+			state.foldInputsByModule.delete(moduleId);
+		}
 	};
 	/**
 	* Replay transform metadata for modules Rollup reused from its cache.
@@ -1297,7 +1330,9 @@ const bamboocss = (options = {}) => {
 		const signature = state.foldSignatures.get(dependent);
 		if (!signature || !ctx || !foldSourceImpl || !runtimeCss || !styleCompiler) return false;
 		try {
-			const code = readFileSync(signature.path, "utf8");
+			const retained = state.foldInputsByModule.get(dependent);
+			const code = retained?.input === signature.input ? retained.code : readFileSync(signature.path, "utf8");
+			const parsePath = retained?.input === signature.input ? retained.parsePath : signature.path;
 			const inputDigest = digest(code);
 			if (inputDigest !== signature.input) return false;
 			/**
@@ -1323,20 +1358,20 @@ const bamboocss = (options = {}) => {
 			}
 			let raw;
 			let parserDependencies;
-			const memoKey = foldMemoKey(signature.path, inputDigest);
+			const memoKey = foldMemoKey(parsePath, inputDigest);
 			const memoized = foldMemoByContent.get(memoKey);
 			if (memoized) {
 				raw = memoized.result;
 				parserDependencies = memoized.parserDependencies;
 			} else {
-				const sourceFile = ctx.project.addSourceFile(signature.path, code);
-				const parserResult = ctx.project.parseSourceFile(signature.path);
+				const sourceFile = ctx.project.addSourceFile(parsePath, code);
+				const parserResult = ctx.project.parseSourceFile(parsePath);
 				if (!parserResult) return false;
 				raw = foldSourceImpl({
 					ctx,
 					code,
 					parserResult,
-					filePath: signature.path,
+					filePath: parsePath,
 					runtimeCss,
 					styleCompiler,
 					maxRecipeStates,
@@ -1353,7 +1388,7 @@ const bamboocss = (options = {}) => {
 					reportedSurvivors: false
 				});
 			}
-			const result = withResolutionClosure(signature.path, raw, parserDependencies, state.dependenciesByModule.get(dependent));
+			const result = withResolutionClosure(parsePath, raw, parserDependencies, state.dependenciesByModule.get(dependent));
 			const unchanged = digest(result.code) === signature.output;
 			/**
 			* Edges re-recorded exactly on the way to suppressing a module. A changed provisional
@@ -1708,6 +1743,7 @@ const bamboocss = (options = {}) => {
 			const [filePath] = id.split("?");
 			if (!filePath) return;
 			for (const state of transformStateByEnvironment.values()) state.recipeConfigCache.clear();
+			if (SFC_EXTENSIONS.test(filePath)) return;
 			if (change.event === "delete") {
 				ctx.project.removeSourceFile(filePath);
 				const deleted = normalizeFsPath(filePath);
@@ -1715,6 +1751,7 @@ const bamboocss = (options = {}) => {
 					if (normalizeFsPath(moduleFile) !== deleted) continue;
 					recordFoldDependencies(state, moduleId, moduleFile, []);
 					state.foldSignatures.delete(moduleId);
+					state.foldInputsByModule.delete(moduleId);
 					state.transformArtifactsByModule.delete(moduleId);
 					state.filesByModule.delete(moduleId);
 				}
@@ -1813,136 +1850,7 @@ const bamboocss = (options = {}) => {
 			return foldDependentModules(environmentState(this), file, modules, legacy.moduleGraph);
 		},
 		async transform(code, id) {
-			if (!shouldTransform(id)) return null;
-			try {
-				await ensureCompilerState();
-			} catch (error) {
-				throw asError(error, "failed to initialize the bamboo compiler");
-			}
-			if (!ctx || !foldSourceImpl || !runtimeCss || !styleCompiler) return null;
-			const [filePath] = id.split("?");
-			if (isGeneratedOutput(filePath, ctx)) return null;
-			const state = environmentState(this);
-			state.transformedModulesThisRun.add(id);
-			let inputDigest;
-			const previousSignature = state.foldSignatures.get(id);
-			const previousDependencies = previousSignature && previousSignature.input === (inputDigest ??= digest(code)) ? state.dependenciesByModule.get(id) : void 0;
-			let result;
-			try {
-				const memoKey = command === "serve" ? foldMemoKey(filePath, inputDigest ??= digest(code)) : void 0;
-				const memoized = memoKey ? foldMemoByContent.get(memoKey) : void 0;
-				let valueReads = [];
-				if (memoized?.reportedSurvivors) {
-					valueReads = memoized.valueReads;
-					result = withResolutionClosure(filePath, memoized.result, memoized.parserDependencies, previousDependencies);
-				} else {
-					const sourceFile = ctx.project.addSourceFile(filePath, code);
-					const parserResult = ctx.project.parseSourceFile(filePath);
-					if (!parserResult) {
-						state.transformArtifactsByModule.delete(id);
-						recordFoldDependencies(state, id, filePath, []);
-						state.foldSignatures.delete(id);
-						return null;
-					}
-					const folded = foldSourceImpl({
-						ctx,
-						code,
-						parserResult,
-						filePath,
-						runtimeCss,
-						styleCompiler,
-						maxRecipeStates,
-						parseModule: (path) => ctx?.project.parseSourceFile(path),
-						recipeConfigCache: state.recipeConfigCache,
-						reportSurvivors: true,
-						sourceFile
-					});
-					const parserDependencies = parserResult.getDependencies();
-					valueReads = parserResult.getExportReads?.() ?? [];
-					if (memoKey) foldMemoByContent.set(memoKey, {
-						result: folded,
-						parserDependencies,
-						valueReads,
-						reportedSurvivors: true
-					});
-					result = withResolutionClosure(filePath, folded, parserDependencies, previousDependencies);
-				}
-				state.exportReadsByModule.set(id, [...valueReads.map((read) => ({
-					kind: "value",
-					...read
-				})), ...result.exportReads]);
-			} catch (error) {
-				logger.caughtError("vite:transform", `Failed to compile ${filePath}`, error);
-				const previousDependencies = [...state.dependenciesByModule.get(id) ?? []];
-				applyTransformArtifact(state, sealTransformArtifact(environmentName(this), {
-					version: TRANSFORM_ARTIFACT_VERSION,
-					moduleId: id,
-					file: filePath,
-					folded: 0,
-					skipped: [["compile-failed", 1]],
-					survivors: [{
-						line: 1,
-						name: "compiler",
-						reason: "compile-failed"
-					}],
-					transformedFile: false,
-					classNames: [],
-					dependencies: previousDependencies
-				}), id, environmentName(this));
-				state.foldSignatures.delete(id);
-				if (command === "serve") throw asError(error, `failed to compile ${filePath}`);
-				return null;
-			}
-			const skippedHere = /* @__PURE__ */ new Map();
-			for (const entry of result.skipped) skippedHere.set(entry.reason, (skippedHere.get(entry.reason) ?? 0) + 1);
-			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;
-				survivorsHere.push({
-					line: lineAt(code, entry.start),
-					name: entry.name,
-					reason: entry.reason
-				});
-			}
-			const artifact = sealTransformArtifact(environmentName(this), {
-				version: TRANSFORM_ARTIFACT_VERSION,
-				moduleId: id,
-				file: filePath,
-				folded: result.folded.length,
-				skipped: [...skippedHere],
-				survivors: survivorsHere,
-				transformedFile: result.folded.some((entry) => entry.kind === "class" || entry.kind === "slots"),
-				classNames: [...new Set(result.folded.flatMap((entry) => entry.classNames))],
-				dependencies: [...result.dependencies],
-				...result.dependencies.length ? { signature: {
-					input: inputDigest ??= digest(code),
-					output: digest(result.code),
-					path: filePath
-				} } : {}
-			});
-			applyTransformArtifact(state, artifact, id, environmentName(this));
-			if (reportSkipped && result.skipped.length) logger.info("vite:transform", formatSkipped(filePath, result.skipped));
-			for (const dependency of result.dependencies) this.addWatchFile?.(dependency);
-			if (command === "serve" && artifact.survivors.length) {
-				state.foldSignatures.delete(id);
-				throw createSurvivorError(artifact.survivors.map((survivor) => ({
-					file: filePath,
-					...survivor
-				})));
-			}
-			const meta = { [TRANSFORM_META_KEY]: artifact };
-			if (!result.folded.length) return typeof this.getModuleInfo === "function" ? {
-				code,
-				map: null,
-				meta
-			} : null;
-			logger.debug("vite:transform", `Compiled ${result.folded.length} call(s) in ${filePath}`);
-			return {
-				code: result.code,
-				map: result.map,
-				meta
-			};
+			return compileModule.call(this, code, id, false);
 		},
 		buildEnd(buildError) {
 			const environment = environmentName(this);
@@ -1990,6 +1898,160 @@ const bamboocss = (options = {}) => {
 			if (state) rollbackEnvironmentGeneration(environment, state);
 		}
 	};
+	const compilerSfc = {
+		name: "bamboocss:compiler-sfc",
+		enforce: "post",
+		sharedDuringBuild: true,
+		async transform(code, id) {
+			return compileModule.call(this, code, id, true);
+		}
+	};
+	async function compileModule(code, id, sfcOnly) {
+		if (!shouldTransform(id)) return null;
+		const [pathForFilter] = id.split("?");
+		if (!pathForFilter) return null;
+		if (SFC_EXTENSIONS.test(pathForFilter) !== sfcOnly) return null;
+		try {
+			await ensureCompilerState();
+		} catch (error) {
+			throw asError(error, "failed to initialize the bamboo compiler");
+		}
+		if (!ctx || !foldSourceImpl || !runtimeCss || !styleCompiler) return null;
+		const [filePath] = id.split("?");
+		if (isGeneratedOutput(filePath, ctx)) return null;
+		const parsePath = compilerParsePath(id, code);
+		if (parsePath === null) return null;
+		const state = environmentState(this);
+		state.transformedModulesThisRun.add(id);
+		let inputDigest;
+		const previousSignature = state.foldSignatures.get(id);
+		const previousDependencies = previousSignature && previousSignature.input === (inputDigest ??= digest(code)) ? state.dependenciesByModule.get(id) : void 0;
+		let result;
+		try {
+			const memoKey = command === "serve" ? foldMemoKey(parsePath, inputDigest ??= digest(code)) : void 0;
+			const memoized = memoKey ? foldMemoByContent.get(memoKey) : void 0;
+			let valueReads = [];
+			if (memoized?.reportedSurvivors) {
+				valueReads = memoized.valueReads;
+				result = withResolutionClosure(parsePath, memoized.result, memoized.parserDependencies, previousDependencies);
+			} else {
+				const sourceFile = ctx.project.addSourceFile(parsePath, code);
+				const parserResult = ctx.project.parseSourceFile(parsePath);
+				if (!parserResult) {
+					state.transformArtifactsByModule.delete(id);
+					recordFoldDependencies(state, id, filePath, []);
+					state.foldSignatures.delete(id);
+					state.foldInputsByModule.delete(id);
+					return null;
+				}
+				const folded = foldSourceImpl({
+					ctx,
+					code,
+					parserResult,
+					filePath: parsePath,
+					runtimeCss,
+					styleCompiler,
+					maxRecipeStates,
+					parseModule: (path) => ctx?.project.parseSourceFile(path),
+					recipeConfigCache: state.recipeConfigCache,
+					reportSurvivors: true,
+					sourceFile
+				});
+				const parserDependencies = parserResult.getDependencies();
+				valueReads = parserResult.getExportReads?.() ?? [];
+				if (memoKey) foldMemoByContent.set(memoKey, {
+					result: folded,
+					parserDependencies,
+					valueReads,
+					reportedSurvivors: true
+				});
+				result = withResolutionClosure(parsePath, folded, parserDependencies, previousDependencies);
+			}
+			state.exportReadsByModule.set(id, [...valueReads.map((read) => ({
+				kind: "value",
+				...read
+			})), ...result.exportReads]);
+		} catch (error) {
+			logger.caughtError("vite:transform", `Failed to compile ${filePath}`, error);
+			const previousDependencies = [...state.dependenciesByModule.get(id) ?? []];
+			applyTransformArtifact(state, sealTransformArtifact(environmentName(this), {
+				version: TRANSFORM_ARTIFACT_VERSION,
+				moduleId: id,
+				file: filePath,
+				folded: 0,
+				skipped: [["compile-failed", 1]],
+				survivors: [{
+					line: 1,
+					name: "compiler",
+					reason: "compile-failed"
+				}],
+				transformedFile: false,
+				classNames: [],
+				dependencies: previousDependencies
+			}), id, environmentName(this));
+			state.foldSignatures.delete(id);
+			state.foldInputsByModule.delete(id);
+			if (command === "serve") throw asError(error, `failed to compile ${filePath}`);
+			return null;
+		}
+		const skippedHere = /* @__PURE__ */ new Map();
+		for (const entry of result.skipped) skippedHere.set(entry.reason, (skippedHere.get(entry.reason) ?? 0) + 1);
+		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;
+			survivorsHere.push({
+				line: lineAt(code, entry.start),
+				name: entry.name,
+				reason: entry.reason
+			});
+		}
+		const artifact = sealTransformArtifact(environmentName(this), {
+			version: TRANSFORM_ARTIFACT_VERSION,
+			moduleId: id,
+			file: filePath,
+			folded: result.folded.length,
+			skipped: [...skippedHere],
+			survivors: survivorsHere,
+			transformedFile: result.folded.some((entry) => entry.kind === "class" || entry.kind === "slots"),
+			classNames: [...new Set(result.folded.flatMap((entry) => entry.classNames))],
+			dependencies: [...result.dependencies],
+			...result.dependencies.length ? { signature: {
+				input: inputDigest ??= digest(code),
+				output: digest(result.code),
+				path: filePath
+			} } : {}
+		});
+		applyTransformArtifact(state, artifact, id, environmentName(this));
+		if (artifact.signature && (command === "serve" || parsePath !== filePath)) state.foldInputsByModule.set(id, {
+			code,
+			input: artifact.signature.input,
+			parsePath
+		});
+		else state.foldInputsByModule.delete(id);
+		if (reportSkipped && result.skipped.length) logger.info("vite:transform", formatSkipped(filePath, result.skipped));
+		for (const dependency of result.dependencies) this.addWatchFile?.(dependency);
+		if (command === "serve" && artifact.survivors.length) {
+			state.foldSignatures.delete(id);
+			state.foldInputsByModule.delete(id);
+			throw createSurvivorError(artifact.survivors.map((survivor) => ({
+				file: filePath,
+				...survivor
+			})));
+		}
+		const meta = { [TRANSFORM_META_KEY]: artifact };
+		if (!result.folded.length) return typeof this.getModuleInfo === "function" ? {
+			code,
+			map: null,
+			meta
+		} : null;
+		logger.debug("vite:transform", `Compiled ${result.folded.length} call(s) in ${filePath}`);
+		return {
+			code: result.code,
+			map: result.map,
+			meta
+		};
+	}
 	const outputWriteObserver = {
 		name: "bamboocss:output-write-observer",
 		enforce: "pre",
@@ -2022,12 +2084,16 @@ const bamboocss = (options = {}) => {
 			}
 		}
 	};
-	return [bamboocssCss({
-		configPath,
-		cwd,
-		session: staticSession,
-		pruneCss
-	}), compiler];
+	return [
+		bamboocssCss({
+			configPath,
+			cwd,
+			session: staticSession,
+			pruneCss
+		}),
+		compiler,
+		compilerSfc
+	];
 };
 //#endregion
 export { VIRTUAL_CSS_ID, bamboocss, bamboocss as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/vite",
-  "version": "1.46.2",
+  "version": "1.47.0",
   "description": "Vite integration for Bamboo CSS",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -42,18 +42,18 @@
     "postcss": "8.5.26",
     "postcss-selector-parser": "7.1.5",
     "ts-morph": "28.0.0",
-    "@bamboocss/config": "1.46.2",
-    "@bamboocss/core": "1.46.2",
-    "@bamboocss/extractor": "1.46.2",
-    "@bamboocss/node": "1.46.2",
-    "@bamboocss/logger": "1.46.2",
-    "@bamboocss/shared": "1.46.2",
-    "@bamboocss/types": "1.46.2"
+    "@bamboocss/core": "1.47.0",
+    "@bamboocss/config": "1.47.0",
+    "@bamboocss/extractor": "1.47.0",
+    "@bamboocss/logger": "1.47.0",
+    "@bamboocss/node": "1.47.0",
+    "@bamboocss/shared": "1.47.0",
+    "@bamboocss/types": "1.47.0"
   },
   "devDependencies": {
     "@jridgewell/trace-mapping": "^0.3.31",
     "vite": "7.2.6",
-    "@bamboocss/fixture": "1.46.2"
+    "@bamboocss/fixture": "1.47.0"
   },
   "peerDependencies": {
     "vite": ">=5"