boss-css 0.0.1 → 0.0.2

package/dist/strategy/inline-first/runtime-only.cjs

@@ -0,0 +1,159 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_framework = require('../../shared/framework.cjs');
+const require_cx_index = require('../../cx/index.cjs');
+const require_use_token_runtime_only = require('../../use/token/runtime-only.cjs');
+const require_shared = require('../../prop/at/shared.cjs');
+const require_prop_at_runtime_only = require('../../prop/at/runtime-only.cjs');
+const require_prop_child_runtime_only = require('../../prop/child/runtime-only.cjs');
+const require_prop_css_runtime_only = require('../../prop/css/runtime-only.cjs');
+let _emotion_hash = require("@emotion/hash");
+_emotion_hash = require_rolldown_runtime.__toESM(_emotion_hash);
+let _boss_css_is_css_prop = require("@boss-css/is-css-prop");
+_boss_css_is_css_prop = require_rolldown_runtime.__toESM(_boss_css_is_css_prop);
+
+//#region src/strategy/inline-first/runtime-only.ts
+const name = "inline-first";
+const resolveRuntimeValue = (value) => {
+	if (typeof value !== "function") return value;
+	return resolveRuntimeValue(value());
+};
+const buildAutoKeyframesName = (api, contexts) => {
+	return `kf-${(0, _emotion_hash.default)(`${api.selectorPrefix ?? ""}|${contexts.join("|")}`)}`;
+};
+const handleKeyframes = (api, { output, tag, contexts, prop, value }) => {
+	const info = require_shared.parseKeyframesContext(prop);
+	if (!info || !value || typeof value !== "object" || Array.isArray(value)) return false;
+	const classNameProp = require_framework.getClassNameProp(api.framework);
+	const keyframesContexts = [...contexts, prop];
+	const keyframesName = info.name ?? buildAutoKeyframesName(api, keyframesContexts);
+	const query = require_prop_at_runtime_only.resolveAtQuery(api, keyframesContexts);
+	const frames = /* @__PURE__ */ new Map();
+	const selectors = /* @__PURE__ */ new Set();
+	output.style ??= {};
+	for (const [step, stepValue] of Object.entries(value)) {
+		if (!stepValue || typeof stepValue !== "object" || Array.isArray(stepValue)) continue;
+		const normalizedStep = require_shared.normalizeKeyframeStep(step);
+		if (!normalizedStep) continue;
+		const stepContexts = [...keyframesContexts, step];
+		for (const [propName, rawValue] of Object.entries(stepValue)) {
+			if (!(0, _boss_css_is_css_prop.default)(tag, propName)) continue;
+			let resolved = resolveRuntimeValue(rawValue);
+			const token = require_use_token_runtime_only.resolveRuntimeToken(api, propName, resolved);
+			if (token) resolved = token.value;
+			const cssVarName = api.contextToCSSVariable(propName, null, stepContexts, api.selectorPrefix);
+			output.style[cssVarName] = api.dictionary.toValue(resolved, propName);
+			const className = api.contextToClassName(propName, null, stepContexts, false, api.selectorPrefix);
+			const cssClassName = api.contextToClassName(propName, null, stepContexts, true, api.selectorPrefix);
+			output[classNameProp] = require_cx_index.cx(output[classNameProp], className);
+			const selector = require_prop_css_runtime_only.buildRuntimeSelector(cssClassName, stepContexts);
+			selectors.add(selector);
+			const propertyName = require_prop_css_runtime_only.resolvePropertyName(propName);
+			const valueText = `var(${cssVarName})`;
+			if (!frames.has(normalizedStep)) frames.set(normalizedStep, /* @__PURE__ */ new Map());
+			frames.get(normalizedStep)?.set(propertyName, valueText);
+		}
+	}
+	if (!frames.size) return true;
+	const css = api.css;
+	if (!css) return true;
+	css.addRule(require_shared.buildKeyframesRule(keyframesName, frames), query);
+	for (const selector of selectors) {
+		css.selector({
+			selector,
+			query
+		});
+		css.rule("animation-name", keyframesName, { important: true });
+		css.write();
+	}
+	return true;
+};
+const insertRuntimeRule = (api, className, contexts, prop, value) => {
+	const selector = require_prop_css_runtime_only.buildRuntimeSelector(className, contexts);
+	const query = require_prop_at_runtime_only.resolveAtQuery(api, contexts);
+	const property = require_prop_css_runtime_only.resolvePropertyName(prop);
+	const css = api.css;
+	if (!css) return;
+	css.selector({
+		selector,
+		query
+	});
+	css.rule(property, value, { important: true });
+	css.write();
+};
+const onBrowserObjectStart = (api, { input, output = {}, tag, contexts = [] }) => {
+	const classNameProp = require_framework.getClassNameProp(api.framework);
+	const outputRecord = output;
+	const inputRecord = input;
+	outputRecord.style ??= {};
+	for (const prop in inputRecord) {
+		const rawValue = inputRecord[prop];
+		const resolved = api.dictionary.resolve(prop);
+		const descriptor = resolved.descriptor;
+		const resolvedName = resolved.name;
+		if (prop === "child" && rawValue && typeof rawValue === "object" && !Array.isArray(rawValue)) {
+			for (const [selector, childValue] of Object.entries(rawValue)) {
+				const childContext = require_prop_child_runtime_only.createChildContext(selector);
+				contexts.push(childContext);
+				api.trigger("onBrowserObjectStart", {
+					input: childValue,
+					output,
+					contexts,
+					tag
+				});
+			}
+			continue;
+		}
+		if (rawValue && typeof rawValue === "object" && !Array.isArray(rawValue)) {
+			if (handleKeyframes(api, {
+				output: outputRecord,
+				tag,
+				contexts,
+				prop,
+				value: rawValue
+			})) continue;
+			if (descriptor?.handler) {
+				descriptor.handler({
+					value: rawValue,
+					output: outputRecord,
+					contexts
+				});
+				continue;
+			}
+			contexts.push(prop);
+			api.trigger("onBrowserObjectStart", {
+				input: rawValue,
+				output,
+				contexts,
+				tag
+			});
+			continue;
+		}
+		let value = resolveRuntimeValue(rawValue);
+		const token = require_use_token_runtime_only.resolveRuntimeToken(api, resolvedName, value);
+		if (token) value = token.value;
+		if (descriptor?.handler) {
+			descriptor.handler({
+				value,
+				output: outputRecord,
+				contexts
+			});
+			continue;
+		}
+		const cssProp = (0, _boss_css_is_css_prop.default)(tag, resolvedName);
+		if (!contexts.length && cssProp) {
+			outputRecord.style[resolvedName] = api.dictionary.toValue(value, resolvedName);
+			continue;
+		}
+		const className = api.contextToClassName(resolvedName, null, contexts, false, api.selectorPrefix);
+		const cssClassName = api.contextToClassName(resolvedName, null, contexts, true, api.selectorPrefix);
+		const cssVarName = api.contextToCSSVariable(resolvedName, null, contexts, api.selectorPrefix);
+		outputRecord.style[cssVarName] = api.dictionary.toValue(value, resolvedName);
+		outputRecord[classNameProp] = require_cx_index.cx(outputRecord[classNameProp], className);
+		if (cssProp) insertRuntimeRule(api, cssClassName, contexts, resolvedName, `var(${cssVarName})`);
+	}
+	contexts.pop();
+};
+
+//#endregion
+exports.name = name;
+exports.onBrowserObjectStart = onBrowserObjectStart;

package/dist/strategy/inline-first/runtime-only.mjs

@@ -0,0 +1,155 @@
+import { getClassNameProp } from "../../shared/framework.mjs";
+import { cx } from "../../cx/index.mjs";
+import { resolveRuntimeToken } from "../../use/token/runtime-only.mjs";
+import { buildKeyframesRule, normalizeKeyframeStep, parseKeyframesContext } from "../../prop/at/shared.mjs";
+import { resolveAtQuery } from "../../prop/at/runtime-only.mjs";
+import { createChildContext } from "../../prop/child/runtime-only.mjs";
+import { buildRuntimeSelector, resolvePropertyName } from "../../prop/css/runtime-only.mjs";
+import hash from "@emotion/hash";
+import isCSSProp from "@boss-css/is-css-prop";
+
+//#region src/strategy/inline-first/runtime-only.ts
+const name = "inline-first";
+const resolveRuntimeValue = (value) => {
+	if (typeof value !== "function") return value;
+	return resolveRuntimeValue(value());
+};
+const buildAutoKeyframesName = (api, contexts) => {
+	return `kf-${hash(`${api.selectorPrefix ?? ""}|${contexts.join("|")}`)}`;
+};
+const handleKeyframes = (api, { output, tag, contexts, prop, value }) => {
+	const info = parseKeyframesContext(prop);
+	if (!info || !value || typeof value !== "object" || Array.isArray(value)) return false;
+	const classNameProp = getClassNameProp(api.framework);
+	const keyframesContexts = [...contexts, prop];
+	const keyframesName = info.name ?? buildAutoKeyframesName(api, keyframesContexts);
+	const query = resolveAtQuery(api, keyframesContexts);
+	const frames = /* @__PURE__ */ new Map();
+	const selectors = /* @__PURE__ */ new Set();
+	output.style ??= {};
+	for (const [step, stepValue] of Object.entries(value)) {
+		if (!stepValue || typeof stepValue !== "object" || Array.isArray(stepValue)) continue;
+		const normalizedStep = normalizeKeyframeStep(step);
+		if (!normalizedStep) continue;
+		const stepContexts = [...keyframesContexts, step];
+		for (const [propName, rawValue] of Object.entries(stepValue)) {
+			if (!isCSSProp(tag, propName)) continue;
+			let resolved = resolveRuntimeValue(rawValue);
+			const token = resolveRuntimeToken(api, propName, resolved);
+			if (token) resolved = token.value;
+			const cssVarName = api.contextToCSSVariable(propName, null, stepContexts, api.selectorPrefix);
+			output.style[cssVarName] = api.dictionary.toValue(resolved, propName);
+			const className = api.contextToClassName(propName, null, stepContexts, false, api.selectorPrefix);
+			const cssClassName = api.contextToClassName(propName, null, stepContexts, true, api.selectorPrefix);
+			output[classNameProp] = cx(output[classNameProp], className);
+			const selector = buildRuntimeSelector(cssClassName, stepContexts);
+			selectors.add(selector);
+			const propertyName = resolvePropertyName(propName);
+			const valueText = `var(${cssVarName})`;
+			if (!frames.has(normalizedStep)) frames.set(normalizedStep, /* @__PURE__ */ new Map());
+			frames.get(normalizedStep)?.set(propertyName, valueText);
+		}
+	}
+	if (!frames.size) return true;
+	const css = api.css;
+	if (!css) return true;
+	css.addRule(buildKeyframesRule(keyframesName, frames), query);
+	for (const selector of selectors) {
+		css.selector({
+			selector,
+			query
+		});
+		css.rule("animation-name", keyframesName, { important: true });
+		css.write();
+	}
+	return true;
+};
+const insertRuntimeRule = (api, className, contexts, prop, value) => {
+	const selector = buildRuntimeSelector(className, contexts);
+	const query = resolveAtQuery(api, contexts);
+	const property = resolvePropertyName(prop);
+	const css = api.css;
+	if (!css) return;
+	css.selector({
+		selector,
+		query
+	});
+	css.rule(property, value, { important: true });
+	css.write();
+};
+const onBrowserObjectStart = (api, { input, output = {}, tag, contexts = [] }) => {
+	const classNameProp = getClassNameProp(api.framework);
+	const outputRecord = output;
+	const inputRecord = input;
+	outputRecord.style ??= {};
+	for (const prop in inputRecord) {
+		const rawValue = inputRecord[prop];
+		const resolved = api.dictionary.resolve(prop);
+		const descriptor = resolved.descriptor;
+		const resolvedName = resolved.name;
+		if (prop === "child" && rawValue && typeof rawValue === "object" && !Array.isArray(rawValue)) {
+			for (const [selector, childValue] of Object.entries(rawValue)) {
+				const childContext = createChildContext(selector);
+				contexts.push(childContext);
+				api.trigger("onBrowserObjectStart", {
+					input: childValue,
+					output,
+					contexts,
+					tag
+				});
+			}
+			continue;
+		}
+		if (rawValue && typeof rawValue === "object" && !Array.isArray(rawValue)) {
+			if (handleKeyframes(api, {
+				output: outputRecord,
+				tag,
+				contexts,
+				prop,
+				value: rawValue
+			})) continue;
+			if (descriptor?.handler) {
+				descriptor.handler({
+					value: rawValue,
+					output: outputRecord,
+					contexts
+				});
+				continue;
+			}
+			contexts.push(prop);
+			api.trigger("onBrowserObjectStart", {
+				input: rawValue,
+				output,
+				contexts,
+				tag
+			});
+			continue;
+		}
+		let value = resolveRuntimeValue(rawValue);
+		const token = resolveRuntimeToken(api, resolvedName, value);
+		if (token) value = token.value;
+		if (descriptor?.handler) {
+			descriptor.handler({
+				value,
+				output: outputRecord,
+				contexts
+			});
+			continue;
+		}
+		const cssProp = isCSSProp(tag, resolvedName);
+		if (!contexts.length && cssProp) {
+			outputRecord.style[resolvedName] = api.dictionary.toValue(value, resolvedName);
+			continue;
+		}
+		const className = api.contextToClassName(resolvedName, null, contexts, false, api.selectorPrefix);
+		const cssClassName = api.contextToClassName(resolvedName, null, contexts, true, api.selectorPrefix);
+		const cssVarName = api.contextToCSSVariable(resolvedName, null, contexts, api.selectorPrefix);
+		outputRecord.style[cssVarName] = api.dictionary.toValue(value, resolvedName);
+		outputRecord[classNameProp] = cx(outputRecord[classNameProp], className);
+		if (cssProp) insertRuntimeRule(api, cssClassName, contexts, resolvedName, `var(${cssVarName})`);
+	}
+	contexts.pop();
+};
+
+//#endregion
+export { name, onBrowserObjectStart };

package/dist/strategy/inline-first/server.cjs

@@ -0,0 +1,92 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+
+//#region src/strategy/inline-first/server.ts
+var server_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	name: () => name,
+	onBoot: () => onBoot,
+	onPropTree: () => onPropTree,
+	settings: () => settings
+});
+const settings = new Map([["emitRuntime", false]]);
+let needsRuntime = false;
+const resolveDescriptor = (api, name) => {
+	return api.dictionary.resolve(name);
+};
+const onBoot = async (api) => {
+	const runtimeConfig = api.runtime;
+	const hasRuntimeConfig = Boolean(runtimeConfig && (runtimeConfig.only !== void 0 || runtimeConfig.strategy));
+	const runtimeStrategy = runtimeConfig?.strategy ?? name;
+	const runtimeModule = hasRuntimeConfig ? "boss-css/strategy/runtime/runtime-only" : "boss-css/strategy/inline-first/browser";
+	const shouldEmitRuntime = () => Boolean(needsRuntime || settings.get("emitRuntime") === true);
+	const runtimePlugin = { onBrowserObjectStart: api.file.js.import({
+		name: "onBrowserObjectStart",
+		from: runtimeModule
+	}, shouldEmitRuntime) };
+	if (hasRuntimeConfig) runtimePlugin.onInit = api.file.js.import({
+		name: "onInit",
+		from: runtimeModule
+	}, shouldEmitRuntime);
+	api.file.js.config({
+		from: runtimeModule,
+		config: { plugin: runtimePlugin }
+	}, shouldEmitRuntime);
+	api.file.js.config({
+		from: "boss-css/strategy/inline-first",
+		config: {
+			selectorPrefix: api.selectorPrefix,
+			selectorScope: api.selectorScope,
+			strategy: runtimeStrategy,
+			...hasRuntimeConfig ? { runtime: runtimeConfig } : {}
+		}
+	}, shouldEmitRuntime);
+	api.strategy = name;
+};
+const onPropTree = async (api, { input, tree, preferVariables, parser, file }) => {
+	if (api.runtime?.only === true) return;
+	tree = api.mapPropTree(tree, (name, prop, depth) => {
+		let result = prop;
+		const isCSSProp = api.dictionary.resolve(name).descriptor?.isCSSProp;
+		if (preferVariables && isCSSProp) {
+			needsRuntime ||= parser === "jsx";
+			result = {
+				...prop,
+				value: null
+			};
+		}
+		return result;
+	});
+	for (const [name, prop] of Object.entries(tree)) {
+		const resolved = resolveDescriptor(api, name);
+		if (!resolved.descriptor) continue;
+		if (resolved.suffix) {
+			prop.named = resolved.suffix;
+			prop.rawName = resolved.raw;
+		}
+		const { aliases, isCSSProp, property } = resolved.descriptor;
+		const resolvedName = resolved.name;
+		const isContainerQueryProp = resolvedName === "container" && prop?.value && typeof prop.value === "object" && !Array.isArray(prop.value);
+		if (preferVariables && isCSSProp && property === api.camelCaseToDash(resolvedName) && !isContainerQueryProp) continue;
+		await api.trigger("onProp", {
+			name: resolvedName,
+			prop,
+			contexts: [],
+			preferVariables,
+			file
+		}, ({ dependencies }) => {
+			return !dependencies || aliases.some((alias) => dependencies.has(alias));
+		});
+	}
+};
+const name = "inline-first";
+
+//#endregion
+exports.name = name;
+exports.onBoot = onBoot;
+exports.onPropTree = onPropTree;
+Object.defineProperty(exports, 'server_exports', {
+  enumerable: true,
+  get: function () {
+    return server_exports;
+  }
+});
+exports.settings = settings;

package/dist/strategy/inline-first/server.mjs

@@ -0,0 +1,83 @@
+import { __exportAll } from "../../_virtual/rolldown_runtime.mjs";
+
+//#region src/strategy/inline-first/server.ts
+var server_exports = /* @__PURE__ */ __exportAll({
+	name: () => name,
+	onBoot: () => onBoot,
+	onPropTree: () => onPropTree,
+	settings: () => settings
+});
+const settings = new Map([["emitRuntime", false]]);
+let needsRuntime = false;
+const resolveDescriptor = (api, name) => {
+	return api.dictionary.resolve(name);
+};
+const onBoot = async (api) => {
+	const runtimeConfig = api.runtime;
+	const hasRuntimeConfig = Boolean(runtimeConfig && (runtimeConfig.only !== void 0 || runtimeConfig.strategy));
+	const runtimeStrategy = runtimeConfig?.strategy ?? name;
+	const runtimeModule = hasRuntimeConfig ? "boss-css/strategy/runtime/runtime-only" : "boss-css/strategy/inline-first/browser";
+	const shouldEmitRuntime = () => Boolean(needsRuntime || settings.get("emitRuntime") === true);
+	const runtimePlugin = { onBrowserObjectStart: api.file.js.import({
+		name: "onBrowserObjectStart",
+		from: runtimeModule
+	}, shouldEmitRuntime) };
+	if (hasRuntimeConfig) runtimePlugin.onInit = api.file.js.import({
+		name: "onInit",
+		from: runtimeModule
+	}, shouldEmitRuntime);
+	api.file.js.config({
+		from: runtimeModule,
+		config: { plugin: runtimePlugin }
+	}, shouldEmitRuntime);
+	api.file.js.config({
+		from: "boss-css/strategy/inline-first",
+		config: {
+			selectorPrefix: api.selectorPrefix,
+			selectorScope: api.selectorScope,
+			strategy: runtimeStrategy,
+			...hasRuntimeConfig ? { runtime: runtimeConfig } : {}
+		}
+	}, shouldEmitRuntime);
+	api.strategy = name;
+};
+const onPropTree = async (api, { input, tree, preferVariables, parser, file }) => {
+	if (api.runtime?.only === true) return;
+	tree = api.mapPropTree(tree, (name, prop, depth) => {
+		let result = prop;
+		const isCSSProp = api.dictionary.resolve(name).descriptor?.isCSSProp;
+		if (preferVariables && isCSSProp) {
+			needsRuntime ||= parser === "jsx";
+			result = {
+				...prop,
+				value: null
+			};
+		}
+		return result;
+	});
+	for (const [name, prop] of Object.entries(tree)) {
+		const resolved = resolveDescriptor(api, name);
+		if (!resolved.descriptor) continue;
+		if (resolved.suffix) {
+			prop.named = resolved.suffix;
+			prop.rawName = resolved.raw;
+		}
+		const { aliases, isCSSProp, property } = resolved.descriptor;
+		const resolvedName = resolved.name;
+		const isContainerQueryProp = resolvedName === "container" && prop?.value && typeof prop.value === "object" && !Array.isArray(prop.value);
+		if (preferVariables && isCSSProp && property === api.camelCaseToDash(resolvedName) && !isContainerQueryProp) continue;
+		await api.trigger("onProp", {
+			name: resolvedName,
+			prop,
+			contexts: [],
+			preferVariables,
+			file
+		}, ({ dependencies }) => {
+			return !dependencies || aliases.some((alias) => dependencies.has(alias));
+		});
+	}
+};
+const name = "inline-first";
+
+//#endregion
+export { name, onBoot, onPropTree, server_exports, settings };

package/dist/strategy/runtime/runtime-only.cjs

@@ -0,0 +1,24 @@
+const require_strategy_inline_first_runtime_only = require('../inline-first/runtime-only.cjs');
+const require_strategy_runtime_only_css = require('../runtime-only/css.cjs');
+const require_strategy_classname_first_runtime_only = require('../classname-first/runtime-only.cjs');
+const require_strategy_classic_runtime_only = require('../classic/runtime-only.cjs');
+
+//#region src/strategy/runtime/runtime-only.ts
+const name = "runtime";
+const onInit = require_strategy_runtime_only_css.onInit;
+const getRuntimeHandler = (api) => {
+	switch (api.strategy) {
+		case "classname-first": return require_strategy_classname_first_runtime_only.onBrowserObjectStart;
+		case "classic": return require_strategy_classic_runtime_only.onBrowserObjectStart;
+		case "inline-first":
+		default: return require_strategy_inline_first_runtime_only.onBrowserObjectStart;
+	}
+};
+const onBrowserObjectStart = (api, payload) => {
+	return getRuntimeHandler(api)(api, payload);
+};
+
+//#endregion
+exports.name = name;
+exports.onBrowserObjectStart = onBrowserObjectStart;
+exports.onInit = onInit;

package/dist/strategy/runtime/runtime-only.mjs

@@ -0,0 +1,22 @@
+import { onBrowserObjectStart as onBrowserObjectStart$1 } from "../inline-first/runtime-only.mjs";
+import { onInit as onInit$1 } from "../runtime-only/css.mjs";
+import { onBrowserObjectStart as onBrowserObjectStart$2 } from "../classname-first/runtime-only.mjs";
+import { onBrowserObjectStart as onBrowserObjectStart$3 } from "../classic/runtime-only.mjs";
+
+//#region src/strategy/runtime/runtime-only.ts
+const name = "runtime";
+const onInit = onInit$1;
+const getRuntimeHandler = (api) => {
+	switch (api.strategy) {
+		case "classname-first": return onBrowserObjectStart$2;
+		case "classic": return onBrowserObjectStart$3;
+		case "inline-first":
+		default: return onBrowserObjectStart$1;
+	}
+};
+const onBrowserObjectStart = (api, payload) => {
+	return getRuntimeHandler(api)(api, payload);
+};
+
+//#endregion
+export { name, onBrowserObjectStart, onInit };

package/dist/strategy/runtime/server.cjs

@@ -0,0 +1,72 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_strategy_inline_first_server = require('../inline-first/server.cjs');
+const require_server = require('../classname-first/server.cjs');
+
+//#region src/strategy/runtime/server.ts
+var server_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	name: () => name,
+	onBoot: () => onBoot,
+	onPropTree: () => onPropTree,
+	settings: () => settings
+});
+const name = "runtime";
+const settings = new Map([["emitRuntime", false], ["emitAllTokens", false]]);
+let needsRuntime = false;
+const resolveRuntimeStrategy = (api) => api.runtime?.strategy ?? "inline-first";
+const resolveServerStrategy = (strategy) => {
+	if (strategy === "classname-first") return require_server.server_exports;
+	return require_strategy_inline_first_server.server_exports;
+};
+const onBoot = async (api) => {
+	const runtimeStrategy = resolveRuntimeStrategy(api);
+	const runtimeConfig = api.runtime ?? {};
+	const shouldEmitRuntime = () => needsRuntime || settings.get("emitRuntime") === true;
+	const runtimeModule = "boss-css/strategy/runtime/runtime-only";
+	const onBrowserObjectStartVar = api.file.js.import({
+		name: "onBrowserObjectStart",
+		from: runtimeModule
+	}, shouldEmitRuntime);
+	const onInitVar = api.file.js.import({
+		name: "onInit",
+		from: runtimeModule
+	}, shouldEmitRuntime);
+	api.file.js.config({
+		from: runtimeModule,
+		config: { plugin: {
+			onInit: onInitVar,
+			onBrowserObjectStart: onBrowserObjectStartVar
+		} }
+	}, shouldEmitRuntime);
+	api.file.js.config({
+		from: "boss-css/strategy/runtime",
+		config: {
+			selectorPrefix: api.selectorPrefix,
+			selectorScope: api.selectorScope,
+			strategy: runtimeStrategy,
+			runtime: runtimeConfig
+		}
+	}, shouldEmitRuntime);
+	api.strategy = runtimeStrategy;
+	if (runtimeStrategy === "classname-first") {
+		if (settings.get("emitAllTokens") === true || process.env.NODE_ENV !== "production") api.emitAllTokens = true;
+	}
+};
+const onPropTree = async (api, data) => {
+	needsRuntime ||= data?.parser === "jsx";
+	if (api.runtime?.only === true) return;
+	const serverStrategy = resolveServerStrategy(resolveRuntimeStrategy(api));
+	if (!serverStrategy.onPropTree) return;
+	await serverStrategy.onPropTree(api, data);
+};
+
+//#endregion
+exports.name = name;
+exports.onBoot = onBoot;
+exports.onPropTree = onPropTree;
+Object.defineProperty(exports, 'server_exports', {
+  enumerable: true,
+  get: function () {
+    return server_exports;
+  }
+});
+exports.settings = settings;

package/dist/strategy/runtime/server.mjs

@@ -0,0 +1,63 @@
+import { __exportAll } from "../../_virtual/rolldown_runtime.mjs";
+import { server_exports as server_exports$1 } from "../inline-first/server.mjs";
+import { server_exports as server_exports$2 } from "../classname-first/server.mjs";
+
+//#region src/strategy/runtime/server.ts
+var server_exports = /* @__PURE__ */ __exportAll({
+	name: () => name,
+	onBoot: () => onBoot,
+	onPropTree: () => onPropTree,
+	settings: () => settings
+});
+const name = "runtime";
+const settings = new Map([["emitRuntime", false], ["emitAllTokens", false]]);
+let needsRuntime = false;
+const resolveRuntimeStrategy = (api) => api.runtime?.strategy ?? "inline-first";
+const resolveServerStrategy = (strategy) => {
+	if (strategy === "classname-first") return server_exports$2;
+	return server_exports$1;
+};
+const onBoot = async (api) => {
+	const runtimeStrategy = resolveRuntimeStrategy(api);
+	const runtimeConfig = api.runtime ?? {};
+	const shouldEmitRuntime = () => needsRuntime || settings.get("emitRuntime") === true;
+	const runtimeModule = "boss-css/strategy/runtime/runtime-only";
+	const onBrowserObjectStartVar = api.file.js.import({
+		name: "onBrowserObjectStart",
+		from: runtimeModule
+	}, shouldEmitRuntime);
+	const onInitVar = api.file.js.import({
+		name: "onInit",
+		from: runtimeModule
+	}, shouldEmitRuntime);
+	api.file.js.config({
+		from: runtimeModule,
+		config: { plugin: {
+			onInit: onInitVar,
+			onBrowserObjectStart: onBrowserObjectStartVar
+		} }
+	}, shouldEmitRuntime);
+	api.file.js.config({
+		from: "boss-css/strategy/runtime",
+		config: {
+			selectorPrefix: api.selectorPrefix,
+			selectorScope: api.selectorScope,
+			strategy: runtimeStrategy,
+			runtime: runtimeConfig
+		}
+	}, shouldEmitRuntime);
+	api.strategy = runtimeStrategy;
+	if (runtimeStrategy === "classname-first") {
+		if (settings.get("emitAllTokens") === true || process.env.NODE_ENV !== "production") api.emitAllTokens = true;
+	}
+};
+const onPropTree = async (api, data) => {
+	needsRuntime ||= data?.parser === "jsx";
+	if (api.runtime?.only === true) return;
+	const serverStrategy = resolveServerStrategy(resolveRuntimeStrategy(api));
+	if (!serverStrategy.onPropTree) return;
+	await serverStrategy.onPropTree(api, data);
+};
+
+//#endregion
+export { name, onBoot, onPropTree, server_exports, settings };