boss-css 0.0.13 → 0.0.14

package/dist/compile/jsx.cjs

@@ -465,7 +465,8 @@ const buildInlineFirstOutput = (tree, tag, state) => {
 			if (!expr) continue;
 			if (shouldInline) styleProps.set(propName, expr);
 			else {
-				classNames.add(state.api.contextToClassName(propName, null, contexts, false, state.api.selectorPrefix));
+				const selectorName = prop.selectorName ?? propName;
+				classNames.add(state.api.contextToClassName(selectorName, null, contexts, false, state.api.selectorPrefix));
 				styleProps.set(state.api.contextToCSSVariable(propName, null, contexts, state.api.selectorPrefix), expr);
 			}
 		}
@@ -500,7 +501,8 @@ const buildClassnameFirstOutput = (tree, tag, state) => {
 			const isDynamicFn = prop.dynamic && prop.isFn;
 			const selectorValue = isDynamicFn ? null : resolveSelectorValue(prop);
 			const propName = resolved.name;
-			classNames.add(state.api.contextToClassName(propName, selectorValue, contexts, false, state.api.selectorPrefix));
+			const selectorName = prop.selectorName ?? propName;
+			classNames.add(state.api.contextToClassName(selectorName, selectorValue, contexts, false, state.api.selectorPrefix));
 			if (!isDynamicFn) continue;
 			const expr = propToDynamicExpression(prop, propName, state);
 			if (!expr) continue;

package/dist/compile/jsx.mjs

@@ -464,7 +464,8 @@ const buildInlineFirstOutput = (tree, tag, state) => {
 			if (!expr) continue;
 			if (shouldInline) styleProps.set(propName, expr);
 			else {
-				classNames.add(state.api.contextToClassName(propName, null, contexts, false, state.api.selectorPrefix));
+				const selectorName = prop.selectorName ?? propName;
+				classNames.add(state.api.contextToClassName(selectorName, null, contexts, false, state.api.selectorPrefix));
 				styleProps.set(state.api.contextToCSSVariable(propName, null, contexts, state.api.selectorPrefix), expr);
 			}
 		}
@@ -499,7 +500,8 @@ const buildClassnameFirstOutput = (tree, tag, state) => {
 			const isDynamicFn = prop.dynamic && prop.isFn;
 			const selectorValue = isDynamicFn ? null : resolveSelectorValue(prop);
 			const propName = resolved.name;
-			classNames.add(state.api.contextToClassName(propName, selectorValue, contexts, false, state.api.selectorPrefix));
+			const selectorName = prop.selectorName ?? propName;
+			classNames.add(state.api.contextToClassName(selectorName, selectorValue, contexts, false, state.api.selectorPrefix));
 			if (!isDynamicFn) continue;
 			const expr = propToDynamicExpression(prop, propName, state);
 			if (!expr) continue;

package/dist/native/browser.cjs

@@ -21,6 +21,18 @@ const normalizeValue = (value) => {
 	if (isNumericValue(value)) return typeof value === "string" ? Number(value) : value;
 	return value;
 };
+const resolveTokenLiteral = (api, tokenPath) => {
+	const tokens = typeof api.tokens === "function" ? api.tokens({}) : api.tokens;
+	if (!tokens || typeof tokens !== "object") return void 0;
+	const [group, ...rest] = tokenPath.split(".");
+	let current = tokens[group];
+	for (const key of rest) {
+		if (!current || typeof current !== "object") return void 0;
+		const next = current[key];
+		current = next && typeof next === "object" && "value" in next ? next.value : next;
+	}
+	return current;
+};
 const getStyleProps = (api) => {
 	if (!api.nativeStyleProps) return /* @__PURE__ */ new Set();
 	api.nativeStylePropSet ??= new Set(api.nativeStyleProps);
@@ -49,7 +61,8 @@ const onBrowserObjectStart = (api, { input, output = {} }) => {
 		let value = input[prop];
 		if (typeof value === "function") value = value();
 		const token = require_use_token_runtime_only.resolveRuntimeToken(api, prop, value);
-		if (token) value = token.value;
+		if (token) if (api.runtime?.only === true && typeof token.value === "string" && token.value.startsWith("var(") && token.tokenPath) value = resolveTokenLiteral(api, token.tokenPath) ?? token.value;
+		else value = token.value;
 		bossStyle[prop] = normalizeValue(value);
 		hasBossStyle = true;
 		delete input[prop];

package/dist/native/browser.mjs

@@ -21,6 +21,18 @@ const normalizeValue = (value) => {
 	if (isNumericValue(value)) return typeof value === "string" ? Number(value) : value;
 	return value;
 };
+const resolveTokenLiteral = (api, tokenPath) => {
+	const tokens = typeof api.tokens === "function" ? api.tokens({}) : api.tokens;
+	if (!tokens || typeof tokens !== "object") return void 0;
+	const [group, ...rest] = tokenPath.split(".");
+	let current = tokens[group];
+	for (const key of rest) {
+		if (!current || typeof current !== "object") return void 0;
+		const next = current[key];
+		current = next && typeof next === "object" && "value" in next ? next.value : next;
+	}
+	return current;
+};
 const getStyleProps = (api) => {
 	if (!api.nativeStyleProps) return /* @__PURE__ */ new Set();
 	api.nativeStylePropSet ??= new Set(api.nativeStyleProps);
@@ -49,7 +61,8 @@ const onBrowserObjectStart = (api, { input, output = {} }) => {
 		let value = input[prop];
 		if (typeof value === "function") value = value();
 		const token = resolveRuntimeToken(api, prop, value);
-		if (token) value = token.value;
+		if (token) if (api.runtime?.only === true && typeof token.value === "string" && token.value.startsWith("var(") && token.tokenPath) value = resolveTokenLiteral(api, token.tokenPath) ?? token.value;
+		else value = token.value;
 		bossStyle[prop] = normalizeValue(value);
 		hasBossStyle = true;
 		delete input[prop];

package/dist/parser/classname/server.cjs

@@ -103,6 +103,8 @@ const extractPropTree = async (string, api) => {
 				prop.important = true;
 				prop.classToken = selector;
 			}
+			if (lastProp) prop.selectorName = lastProp;
+			prop.selectorValue = value;
 			createPropPath([...path], prop, tree);
 			selectorTokens.delete(key);
 		}

package/dist/parser/classname/server.mjs

@@ -103,6 +103,8 @@ const extractPropTree = async (string, api) => {
 				prop.important = true;
 				prop.classToken = selector;
 			}
+			if (lastProp) prop.selectorName = lastProp;
+			prop.selectorValue = value;
 			createPropPath([...path], prop, tree);
 			selectorTokens.delete(key);
 		}

package/dist/prop/at/server.cjs

@@ -204,10 +204,11 @@ const onProp = async (api, { name, prop, contexts, preferVariables, file }) => {
 				const isCustomProperty = typeof propName === "string" && propName.startsWith("--");
 				if (!descriptor?.isCSSProp && !isCustomProperty) continue;
 				const propertyName = isCustomProperty ? propName : descriptor?.property ?? api.camelCaseToDash(propName);
-				const selectorValue = propValue.selectorValue ?? (preferVariables ? null : propValue.value);
+				const selectorValue = preferVariables ? null : propValue.selectorValue !== void 0 ? propValue.selectorValue : propValue.value;
 				const classToken = propValue.classToken;
 				const resolvedName = resolved?.name ?? propName;
-				const className = classToken ? null : api.contextToClassName(resolvedName, selectorValue, stepContexts, true, api.selectorPrefix);
+				const selectorName = propValue.selectorName ?? resolvedName;
+				const className = classToken ? null : api.contextToClassName(selectorName, selectorValue, stepContexts, true, api.selectorPrefix);
 				const baseSelector = classToken ? api.classTokenToSelector(classToken) : `.${className}`;
 				const pseudoChain = stepContexts.filter((context) => require_prop_pseudo_server.dependencies.has(context));
 				const baseWithPseudos = pseudoChain.length ? `${baseSelector}:${pseudoChain.join(":")}` : baseSelector;
@@ -253,12 +254,13 @@ const onProp = async (api, { name, prop, contexts, preferVariables, file }) => {
 				const classToken = entry?.classToken;
 				const resolved = api.dictionary.resolve(i);
 				const resolvedName = resolved.descriptor ? resolved.name : i;
+				const selectorName = entry?.selectorName ?? resolvedName;
 				if (resolved.suffix) {
 					entry.named = resolved.suffix;
 					entry.rawName = resolved.raw;
 				}
-				const selectorValue = entry?.selectorValue ?? (preferVariables ? null : entry.value);
-				const className = classToken ? null : api.contextToClassName(resolvedName, selectorValue, nextContexts, true, api.selectorPrefix);
+				const selectorValue = preferVariables ? null : entry?.selectorValue !== void 0 ? entry.selectorValue : entry.value;
+				const className = classToken ? null : api.contextToClassName(selectorName, selectorValue, nextContexts, true, api.selectorPrefix);
 				const baseSelector = classToken ? api.classTokenToSelector(classToken) : `.${className}`;
 				const pseudoChain = nextContexts.filter((context) => require_prop_pseudo_server.dependencies.has(context));
 				const baseWithPseudos = pseudoChain.length ? `${baseSelector}:${pseudoChain.join(":")}` : baseSelector;

package/dist/prop/at/server.mjs

@@ -203,10 +203,11 @@ const onProp = async (api, { name, prop, contexts, preferVariables, file }) => {
 				const isCustomProperty = typeof propName === "string" && propName.startsWith("--");
 				if (!descriptor?.isCSSProp && !isCustomProperty) continue;
 				const propertyName = isCustomProperty ? propName : descriptor?.property ?? api.camelCaseToDash(propName);
-				const selectorValue = propValue.selectorValue ?? (preferVariables ? null : propValue.value);
+				const selectorValue = preferVariables ? null : propValue.selectorValue !== void 0 ? propValue.selectorValue : propValue.value;
 				const classToken = propValue.classToken;
 				const resolvedName = resolved?.name ?? propName;
-				const className = classToken ? null : api.contextToClassName(resolvedName, selectorValue, stepContexts, true, api.selectorPrefix);
+				const selectorName = propValue.selectorName ?? resolvedName;
+				const className = classToken ? null : api.contextToClassName(selectorName, selectorValue, stepContexts, true, api.selectorPrefix);
 				const baseSelector = classToken ? api.classTokenToSelector(classToken) : `.${className}`;
 				const pseudoChain = stepContexts.filter((context) => dependencies$1.has(context));
 				const baseWithPseudos = pseudoChain.length ? `${baseSelector}:${pseudoChain.join(":")}` : baseSelector;
@@ -252,12 +253,13 @@ const onProp = async (api, { name, prop, contexts, preferVariables, file }) => {
 				const classToken = entry?.classToken;
 				const resolved = api.dictionary.resolve(i);
 				const resolvedName = resolved.descriptor ? resolved.name : i;
+				const selectorName = entry?.selectorName ?? resolvedName;
 				if (resolved.suffix) {
 					entry.named = resolved.suffix;
 					entry.rawName = resolved.raw;
 				}
-				const selectorValue = entry?.selectorValue ?? (preferVariables ? null : entry.value);
-				const className = classToken ? null : api.contextToClassName(resolvedName, selectorValue, nextContexts, true, api.selectorPrefix);
+				const selectorValue = preferVariables ? null : entry?.selectorValue !== void 0 ? entry.selectorValue : entry.value;
+				const className = classToken ? null : api.contextToClassName(selectorName, selectorValue, nextContexts, true, api.selectorPrefix);
 				const baseSelector = classToken ? api.classTokenToSelector(classToken) : `.${className}`;
 				const pseudoChain = nextContexts.filter((context) => dependencies$1.has(context));
 				const baseWithPseudos = pseudoChain.length ? `${baseSelector}:${pseudoChain.join(":")}` : baseSelector;

package/dist/prop/bosswind/browser.cjs

@@ -1,3 +1,4 @@
+const require_selectors = require('./selectors.cjs');
 const require_shared = require('./shared.cjs');
 
 //#region src/prop/bosswind/browser.ts
@@ -10,6 +11,8 @@ const onBrowserObjectStart = (api, { input }) => {
 	const rewritten = require_shared.rewriteBosswindInput(api, input, api.bosswind ?? {});
 	Object.keys(input).forEach((key) => delete input[key]);
 	Object.assign(input, rewritten);
+	const selectorMap = require_selectors.getBosswindSelectorMap(rewritten);
+	if (selectorMap) require_selectors.setBosswindSelectorMap(input, selectorMap);
 };
 
 //#endregion

package/dist/prop/bosswind/browser.mjs

@@ -1,3 +1,4 @@
+import { getBosswindSelectorMap, setBosswindSelectorMap } from "./selectors.mjs";
 import { registerBosswindDictionary, rewriteBosswindInput } from "./shared.mjs";
 
 //#region src/prop/bosswind/browser.ts
@@ -10,6 +11,8 @@ const onBrowserObjectStart = (api, { input }) => {
 	const rewritten = rewriteBosswindInput(api, input, api.bosswind ?? {});
 	Object.keys(input).forEach((key) => delete input[key]);
 	Object.assign(input, rewritten);
+	const selectorMap = getBosswindSelectorMap(rewritten);
+	if (selectorMap) setBosswindSelectorMap(input, selectorMap);
 };
 
 //#endregion

package/dist/prop/bosswind/runtime-only.cjs

@@ -1,3 +1,4 @@
+const require_selectors = require('./selectors.cjs');
 const require_shared = require('./shared.cjs');
 
 //#region src/prop/bosswind/runtime-only.ts
@@ -10,6 +11,8 @@ const onBrowserObjectStart = (api, { input }) => {
 	const rewritten = require_shared.rewriteBosswindInput(api, input, api.bosswind ?? {});
 	Object.keys(input).forEach((key) => delete input[key]);
 	Object.assign(input, rewritten);
+	const selectorMap = require_selectors.getBosswindSelectorMap(rewritten);
+	if (selectorMap) require_selectors.setBosswindSelectorMap(input, selectorMap);
 };
 
 //#endregion

package/dist/prop/bosswind/runtime-only.mjs

@@ -1,3 +1,4 @@
+import { getBosswindSelectorMap, setBosswindSelectorMap } from "./selectors.mjs";
 import { registerBosswindDictionary, rewriteBosswindInput } from "./shared.mjs";
 
 //#region src/prop/bosswind/runtime-only.ts
@@ -10,6 +11,8 @@ const onBrowserObjectStart = (api, { input }) => {
 	const rewritten = rewriteBosswindInput(api, input, api.bosswind ?? {});
 	Object.keys(input).forEach((key) => delete input[key]);
 	Object.assign(input, rewritten);
+	const selectorMap = getBosswindSelectorMap(rewritten);
+	if (selectorMap) setBosswindSelectorMap(input, selectorMap);
 };
 
 //#endregion

package/dist/prop/bosswind/selectors.cjs

@@ -0,0 +1,18 @@
+
+//#region src/prop/bosswind/selectors.ts
+const bosswindSelectorKey = Symbol.for("bosswind.selectorMap");
+const getBosswindSelectorMap = (input) => {
+	if (!input || typeof input !== "object") return void 0;
+	return input[bosswindSelectorKey];
+};
+const setBosswindSelectorMap = (input, selectors) => {
+	Object.defineProperty(input, bosswindSelectorKey, {
+		value: selectors,
+		enumerable: false,
+		configurable: true
+	});
+};
+
+//#endregion
+exports.getBosswindSelectorMap = getBosswindSelectorMap;
+exports.setBosswindSelectorMap = setBosswindSelectorMap;

package/dist/prop/bosswind/selectors.mjs

@@ -0,0 +1,16 @@
+//#region src/prop/bosswind/selectors.ts
+const bosswindSelectorKey = Symbol.for("bosswind.selectorMap");
+const getBosswindSelectorMap = (input) => {
+	if (!input || typeof input !== "object") return void 0;
+	return input[bosswindSelectorKey];
+};
+const setBosswindSelectorMap = (input, selectors) => {
+	Object.defineProperty(input, bosswindSelectorKey, {
+		value: selectors,
+		enumerable: false,
+		configurable: true
+	});
+};
+
+//#endregion
+export { getBosswindSelectorMap, setBosswindSelectorMap };

package/dist/prop/bosswind/shared.cjs

@@ -1,3 +1,4 @@
+const require_selectors = require('./selectors.cjs');
 
 //#region src/prop/bosswind/shared.ts
 const toDashCase = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
@@ -580,10 +581,16 @@ const registerBosswindDictionary = (api) => {
 		api.dictionary.set(entry.name, prop);
 	}
 };
-const cloneProp = (prop, value) => ({
-	...prop,
-	value
-});
+const selectorValueUnset = Symbol("selectorValueUnset");
+const cloneProp = (prop, value, selectorName, selectorValue = selectorValueUnset) => {
+	const next = {
+		...prop,
+		value
+	};
+	if (selectorName && selectorName !== prop.selectorName) next.selectorName = selectorName;
+	if (selectorValue !== selectorValueUnset) next.selectorValue = selectorValue;
+	return next;
+};
 const combineAxisValues = (xValue, yValue, defaults) => {
 	if (typeof xValue === "function" || typeof yValue === "function") return () => [resolveTranslateScaleValue(typeof xValue === "function" ? xValue() : xValue, defaults.x), resolveTranslateScaleValue(typeof yValue === "function" ? yValue() : yValue, defaults.y)];
 	return [resolveTranslateScaleValue(xValue, defaults.x), resolveTranslateScaleValue(yValue, defaults.y)];
@@ -606,14 +613,20 @@ const resolveAxisPairs = (entries, node) => {
 	}
 	return results;
 };
-const applyAxisPairsToTree = (entries, node, output, used) => {
+const applyAxisPairsToTree = (entries, node, output, used, getSelectorName) => {
 	const pairs = resolveAxisPairs(entries, node);
 	if (!pairs.length) return;
 	for (const pair of pairs) {
 		if (!Number.isFinite(pair.emitIndex)) continue;
 		const xValue = node[pair.x]?.value ?? null;
 		const yValue = node[pair.y]?.value ?? null;
-		output[pair.prop] = cloneProp(node[pair.x] || node[pair.y], combineAxisValues(xValue, yValue, pair.defaults));
+		const xIndex = entries.findIndex(([name]) => name === pair.x);
+		const yIndex = entries.findIndex(([name]) => name === pair.y);
+		const sourceName = xIndex === -1 ? pair.y : yIndex === -1 ? pair.x : xIndex <= yIndex ? pair.x : pair.y;
+		const selectorName = getSelectorName ? getSelectorName(sourceName) : void 0;
+		const sourceProp = node[sourceName] || node[pair.x] || node[pair.y];
+		const selectorValue = sourceProp?.selectorValue !== void 0 ? sourceProp.selectorValue : sourceProp?.value;
+		output[pair.prop] = cloneProp(sourceProp, combineAxisValues(xValue, yValue, pair.defaults), selectorName, selectorValue);
 		used.set(pair.x, true);
 		used.set(pair.y, true);
 		used.set(`__emit:${pair.emitIndex}:${pair.prop}`, true);
@@ -626,22 +639,29 @@ const rewriteBosswindTree = (api, tree, config, tokens, parser) => {
 		const rawEntries = Object.entries(node);
 		const entries = [];
 		const normalizedNode = {};
+		const rawNameByNormalized = /* @__PURE__ */ new Map();
 		rawEntries.forEach(([rawName, prop]) => {
 			const name = normalizeBosswindName(rawName);
 			if (Object.prototype.hasOwnProperty.call(normalizedNode, name)) return;
 			normalizedNode[name] = prop;
+			rawNameByNormalized.set(name, rawName);
 			entries.push([name, prop]);
 		});
+		const getSelectorName = (name) => rawNameByNormalized.get(name) ?? name;
 		const output = {};
 		const used = /* @__PURE__ */ new Map();
-		applyAxisPairsToTree(entries, normalizedNode, output, used);
+		applyAxisPairsToTree(entries, normalizedNode, output, used, getSelectorName);
 		const hasSkewX = Object.prototype.hasOwnProperty.call(normalizedNode, "skewX");
 		const hasSkewY = Object.prototype.hasOwnProperty.call(normalizedNode, "skewY");
 		if (!Object.prototype.hasOwnProperty.call(normalizedNode, "transform") && (hasSkewX || hasSkewY)) {
 			const transformValue = resolveSkewTransformValue(hasSkewX ? normalizedNode.skewX?.value ?? null : null, hasSkewY ? normalizedNode.skewY?.value ?? null : null, hasSkewX, hasSkewY);
 			if (transformValue) {
-				const sourceProp = normalizedNode.skewX || normalizedNode.skewY;
-				if (sourceProp) output.transform = cloneProp(sourceProp, transformValue);
+				const sourceName = hasSkewX ? "skewX" : "skewY";
+				const sourceProp = normalizedNode[sourceName];
+				if (sourceProp) {
+					const selectorValue = sourceProp.selectorValue !== void 0 ? sourceProp.selectorValue : sourceProp.value;
+					output.transform = cloneProp(sourceProp, transformValue, getSelectorName(sourceName), selectorValue);
+				}
 				used.set("skewX", true);
 				used.set("skewY", true);
 			}
@@ -660,7 +680,7 @@ const rewriteBosswindTree = (api, tree, config, tokens, parser) => {
 			const value = prop?.value;
 			if (name === "flex" || name === "grid") {
 				if (value === null || value === true) {
-					output.display = cloneProp(prop, name);
+					output.display = cloneProp(prop, name, getSelectorName(name), null);
 					usedBosswind = true;
 					return;
 				}
@@ -670,7 +690,7 @@ const rewriteBosswindTree = (api, tree, config, tokens, parser) => {
 			if (displayKeywords.has(name)) {
 				if (value === null || value === true) {
 					const displayValue = displayKeywords.get(name);
-					if (displayValue) output.display = cloneProp(prop, displayValue);
+					if (displayValue) output.display = cloneProp(prop, displayValue, getSelectorName(name), null);
 				}
 				usedBosswind = true;
 				return;
@@ -678,7 +698,7 @@ const rewriteBosswindTree = (api, tree, config, tokens, parser) => {
 			if (positionKeywords.has(name)) {
 				if (value === null || value === true) {
 					const positionValue = positionKeywords.get(name);
-					if (positionValue) output.position = cloneProp(prop, positionValue);
+					if (positionValue) output.position = cloneProp(prop, positionValue, getSelectorName(name), null);
 				}
 				usedBosswind = true;
 				return;
@@ -686,7 +706,7 @@ const rewriteBosswindTree = (api, tree, config, tokens, parser) => {
 			if (booleanAliases.has(name)) {
 				if (value === null || value === true) {
 					const entry = booleanAliases.get(name);
-					if (entry) output[entry.prop] = cloneProp(prop, entry.value);
+					if (entry) output[entry.prop] = cloneProp(prop, entry.value, getSelectorName(name), null);
 				}
 				usedBosswind = true;
 				return;
@@ -696,13 +716,13 @@ const rewriteBosswindTree = (api, tree, config, tokens, parser) => {
 				usedText = true;
 				if (value === null || value === true) return;
 				const resolved = resolveTextTarget(api, value, config, tokens);
-				output[resolved.prop] = cloneProp(prop, resolved.value);
+				output[resolved.prop] = cloneProp(prop, resolved.value, getSelectorName(name));
 				return;
 			}
 			if (name === bgAlias) {
 				usedBosswind = true;
 				if (value === null || value === true) return;
-				output.backgroundColor = cloneProp(prop, typeof value === "string" && tokens?.color ? toTokenPath(value, tokens.color) : value);
+				output.backgroundColor = cloneProp(prop, typeof value === "string" && tokens?.color ? toTokenPath(value, tokens.color) : value, getSelectorName(name));
 				return;
 			}
 			if (name === borderAlias) {
@@ -710,36 +730,39 @@ const rewriteBosswindTree = (api, tree, config, tokens, parser) => {
 				if (parser === "jsx") {
 					const resolvedToken = resolveBorderToken(value, tokens);
 					if (resolvedToken) {
-						output[resolvedToken.prop] = cloneProp(prop, resolvedToken.value);
+						output[resolvedToken.prop] = cloneProp(prop, resolvedToken.value, getSelectorName(name));
 						return;
 					}
-					output[name] = prop;
+					if (value === null || value === true) output[name] = cloneProp(prop, value, getSelectorName(name), null);
+					else output[name] = cloneProp(prop, value, getSelectorName(name));
 					return;
 				}
 				const resolved = resolveBorderTarget(value, config, tokens);
 				if (!resolved) {
-					output[name] = prop;
+					output[name] = cloneProp(prop, value, getSelectorName(name));
 					return;
 				}
-				output[resolved.prop] = cloneProp(prop, resolved.value);
+				if (value === null || value === true) output[resolved.prop] = cloneProp(prop, resolved.value, getSelectorName(name), null);
+				else output[resolved.prop] = cloneProp(prop, resolved.value, getSelectorName(name));
 				return;
 			}
 			if (name === "shadow") {
 				usedBosswind = true;
-				if (value === null || value === true) output.boxShadow = cloneProp(prop, resolveShadowValue(value, config));
-				else output.boxShadow = prop;
+				if (value === null || value === true) output.boxShadow = cloneProp(prop, resolveShadowValue(value, config), getSelectorName(name), null);
+				else output.boxShadow = cloneProp(prop, value, getSelectorName(name));
 				return;
 			}
 			if (name === "rounded") {
 				usedBosswind = true;
-				if (value === null || value === true) output.borderRadius = cloneProp(prop, resolveRoundedValue(value, config));
-				else output.borderRadius = prop;
+				if (value === null || value === true) output.borderRadius = cloneProp(prop, resolveRoundedValue(value, config), getSelectorName(name), null);
+				else output.borderRadius = cloneProp(prop, value, getSelectorName(name));
 				return;
 			}
 			if (name === "grow" || name === "shrink") {
 				usedBosswind = true;
 				const target = name === "grow" ? "flexGrow" : "flexShrink";
-				output[target] = cloneProp(prop, resolveGrowShrinkValue(name, value));
+				if (value === null || value === true) output[target] = cloneProp(prop, resolveGrowShrinkValue(name, value), getSelectorName(name), null);
+				else output[target] = cloneProp(prop, resolveGrowShrinkValue(name, value), getSelectorName(name));
 				return;
 			}
 			if (aliasMap.has(name)) {
@@ -748,7 +771,7 @@ const rewriteBosswindTree = (api, tree, config, tokens, parser) => {
 				const targets = aliasMap.get(name) || [];
 				const resolvedValue = name === "shadow" ? resolveShadowValue(value, config) : value;
 				targets.forEach((target) => {
-					output[target] = cloneProp(prop, resolvedValue);
+					output[target] = cloneProp(prop, resolvedValue, getSelectorName(name));
 				});
 				return;
 			}
@@ -762,7 +785,7 @@ const rewriteBosswindTree = (api, tree, config, tokens, parser) => {
 		usedText
 	};
 };
-const applyAxisPairsToInput = (entries, input, output, used) => {
+const applyAxisPairsToInput = (entries, input, output, used, getSelectorName, setSelector) => {
 	const pairs = resolveAxisPairs(entries, input);
 	if (!pairs.length) return;
 	for (const pair of pairs) {
@@ -770,6 +793,10 @@ const applyAxisPairsToInput = (entries, input, output, used) => {
 		const xValue = input[pair.x];
 		const yValue = input[pair.y];
 		output[pair.prop] = combineAxisValues(xValue, yValue, pair.defaults);
+		const xIndex = entries.findIndex(([name]) => name === pair.x);
+		const yIndex = entries.findIndex(([name]) => name === pair.y);
+		const sourceName = xIndex === -1 ? pair.y : yIndex === -1 ? pair.x : xIndex <= yIndex ? pair.x : pair.y;
+		setSelector(pair.prop, getSelectorName(sourceName));
 		used.set(pair.x, true);
 		used.set(pair.y, true);
 		used.set(`__emit:${pair.emitIndex}:${pair.prop}`, true);
@@ -779,21 +806,31 @@ const rewriteBosswindInput = (api, input, config) => {
 	const rawEntries = Object.entries(input);
 	const entries = [];
 	const normalizedInput = {};
+	const rawNameByNormalized = /* @__PURE__ */ new Map();
 	rawEntries.forEach(([rawName, value]) => {
 		const name = normalizeBosswindName(rawName);
 		if (Object.prototype.hasOwnProperty.call(normalizedInput, name)) return;
 		normalizedInput[name] = value;
+		rawNameByNormalized.set(name, rawName);
 		entries.push([name, value]);
 	});
+	const selectorMap = /* @__PURE__ */ new Map();
+	const getSelectorName = (name) => rawNameByNormalized.get(name) ?? name;
+	const setSelector = (prop, name, valueOverride) => {
+		const entry = { name };
+		if (valueOverride !== void 0) entry.value = valueOverride;
+		selectorMap.set(prop, entry);
+	};
 	const output = {};
 	const used = /* @__PURE__ */ new Map();
-	applyAxisPairsToInput(entries, normalizedInput, output, used);
+	applyAxisPairsToInput(entries, normalizedInput, output, used, getSelectorName, setSelector);
 	const hasSkewX = Object.prototype.hasOwnProperty.call(normalizedInput, "skewX");
 	const hasSkewY = Object.prototype.hasOwnProperty.call(normalizedInput, "skewY");
 	if (!Object.prototype.hasOwnProperty.call(normalizedInput, "transform") && (hasSkewX || hasSkewY)) {
 		const transformValue = resolveSkewTransformValue(hasSkewX ? normalizedInput.skewX : null, hasSkewY ? normalizedInput.skewY : null, hasSkewX, hasSkewY);
 		if (transformValue) {
 			output.transform = transformValue;
+			setSelector("transform", getSelectorName(hasSkewX ? "skewX" : "skewY"));
 			used.set("skewX", true);
 			used.set("skewY", true);
 		}
@@ -806,28 +843,39 @@ const rewriteBosswindInput = (api, input, config) => {
 			return;
 		}
 		if (name === "flex" || name === "grid") {
-			if (value === null || value === true) output.display = name;
-			else output[name] = value;
+			if (value === null || value === true) {
+				output.display = name;
+				setSelector("display", getSelectorName(name), null);
+			} else output[name] = value;
 			return;
 		}
 		if (displayKeywords.has(name)) {
 			if (value === null || value === true) {
 				const displayValue = displayKeywords.get(name);
-				if (displayValue) output.display = displayValue;
+				if (displayValue) {
+					output.display = displayValue;
+					setSelector("display", getSelectorName(name), null);
+				}
 			}
 			return;
 		}
 		if (positionKeywords.has(name)) {
 			if (value === null || value === true) {
 				const positionValue = positionKeywords.get(name);
-				if (positionValue) output.position = positionValue;
+				if (positionValue) {
+					output.position = positionValue;
+					setSelector("position", getSelectorName(name), null);
+				}
 			}
 			return;
 		}
 		if (booleanAliases.has(name)) {
 			if (value === null || value === true) {
 				const entry = booleanAliases.get(name);
-				if (entry) output[entry.prop] = entry.value;
+				if (entry) {
+					output[entry.prop] = entry.value;
+					setSelector(entry.prop, getSelectorName(name), null);
+				}
 			}
 			return;
 		}
@@ -835,43 +883,56 @@ const rewriteBosswindInput = (api, input, config) => {
 			if (value === null || value === true) return;
 			const resolved = resolveTextTarget(api, value, config, void 0);
 			output[resolved.prop] = resolved.value;
+			setSelector(resolved.prop, getSelectorName(name));
 			return;
 		}
 		if (name === bgAlias) {
 			if (value === null || value === true) return;
 			output.backgroundColor = value;
+			setSelector("backgroundColor", getSelectorName(name));
 			return;
 		}
 		if (name === borderAlias) {
 			const resolvedToken = resolveBorderToken(value, api.tokens);
 			if (resolvedToken) {
 				output[resolvedToken.prop] = resolvedToken.value;
+				setSelector(resolvedToken.prop, getSelectorName(name));
 				return;
 			}
 			output[name] = value;
+			if (value === null || value === true) setSelector(name, getSelectorName(name), null);
+			else setSelector(name, getSelectorName(name));
 			return;
 		}
 		if (name === "shadow") {
 			output.boxShadow = resolveShadowValue(value, config);
+			if (value === null || value === true) setSelector("boxShadow", getSelectorName(name), null);
+			else setSelector("boxShadow", getSelectorName(name));
 			return;
 		}
 		if (name === "rounded") {
 			output.borderRadius = resolveRoundedValue(value, config);
+			if (value === null || value === true) setSelector("borderRadius", getSelectorName(name), null);
+			else setSelector("borderRadius", getSelectorName(name));
 			return;
 		}
 		if (name === "grow" || name === "shrink") {
 			output[name === "grow" ? "flexGrow" : "flexShrink"] = resolveGrowShrinkValue(name, value);
+			if (value === null || value === true) setSelector(name === "grow" ? "flexGrow" : "flexShrink", getSelectorName(name), null);
+			else setSelector(name === "grow" ? "flexGrow" : "flexShrink", getSelectorName(name));
 			return;
 		}
 		if (aliasMap.has(name)) {
 			if (value === null || value === true) return;
 			(aliasMap.get(name) || []).forEach((target) => {
 				output[target] = value;
+				setSelector(target, getSelectorName(name));
 			});
 			return;
 		}
 		output[name] = value;
 	});
+	require_selectors.setBosswindSelectorMap(output, selectorMap);
 	return output;
 };
 const getBosswindDefaults = (theme) => {