boss-css 0.0.13 → 0.0.15

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) => {