boss-css 0.0.13 → 0.0.15

package/dist/eslint-plugin/rules/prefer-unitless-values.mjs

@@ -0,0 +1,217 @@
+import { collectClassLiteralsFromExpression, compilePatterns, getCalleeName, getJSXAttributeName, getLiteralInfo, matchesPattern } from "../utils/ast.mjs";
+import { DEFAULT_ATTRIBUTE_PATTERNS, DEFAULT_CALLEE_PATTERNS, DEFAULT_TAG_PATTERNS, DEFAULT_VARIABLE_PATTERNS } from "../utils/defaults.mjs";
+import { buildLiteralReplacement } from "../utils/format.mjs";
+import { getApi } from "../utils/api.mjs";
+import { isCssPropName, parseGroupedSelector, splitClassList, splitFragments } from "../utils/boss-classes.mjs";
+
+//#region src/eslint-plugin/rules/prefer-unitless-values.js
+const RULE_NAME = "prefer-unitless-values";
+const defaultOptions = {
+	attributes: DEFAULT_ATTRIBUTE_PATTERNS,
+	callees: DEFAULT_CALLEE_PATTERNS,
+	variables: DEFAULT_VARIABLE_PATTERNS,
+	tags: DEFAULT_TAG_PATTERNS,
+	additionalProps: [],
+	unit: null
+};
+const createPatterns = (options) => ({
+	attributes: compilePatterns(options.attributes),
+	callees: compilePatterns(options.callees),
+	variables: compilePatterns(options.variables),
+	tags: compilePatterns(options.tags)
+});
+const normalizeUnit = (value) => {
+	if (typeof value !== "string") return null;
+	const trimmed = value.trim();
+	return trimmed.length ? trimmed : null;
+};
+const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+const createUnitValuePattern = (unit) => new RegExp(`(^|_)([+-]?(?:\\d*\\.\\d+|\\d+))${escapeRegExp(unit)}(?=(_|$))`, "g");
+const stripDefaultUnitSuffixes = (rawValue, unit, pattern = createUnitValuePattern(unit)) => {
+	if (!rawValue || !unit) return null;
+	let changed = false;
+	const nextValue = rawValue.replace(pattern, (_, prefix, numberValue) => {
+		changed = true;
+		return `${prefix}${numberValue}`;
+	});
+	return changed ? nextValue : null;
+};
+const getSimpleTokenValueInfo = (token, extraProps) => {
+	const fragments = splitFragments(token);
+	if (!fragments.length) return null;
+	let propIndex = -1;
+	for (let i = 0; i < fragments.length; i += 1) if (isCssPropName(fragments[i], extraProps)) {
+		propIndex = i;
+		break;
+	}
+	if (propIndex === -1 || propIndex >= fragments.length - 1) return null;
+	return {
+		prop: fragments[propIndex],
+		value: fragments.slice(propIndex + 1).join(":"),
+		prefix: fragments.slice(0, propIndex + 1).join(":")
+	};
+};
+const rewriteGroupedToken = (token, unit, extraProps, pattern) => {
+	const grouped = parseGroupedSelector(token);
+	if (!grouped) return null;
+	let changed = false;
+	const entries = [];
+	const issues = [];
+	for (const entry of grouped.entries) {
+		const current = entry.rawValue;
+		const nextValue = isCssPropName(entry.name, extraProps) ? stripDefaultUnitSuffixes(current, unit, pattern) : null;
+		if (!nextValue) {
+			entries.push(entry);
+			continue;
+		}
+		changed = true;
+		entries.push({
+			...entry,
+			rawValue: nextValue
+		});
+		issues.push({
+			prop: entry.name,
+			value: current,
+			nextValue
+		});
+	}
+	if (!changed) return null;
+	return {
+		nextToken: `${grouped.prefix}:{${entries.map((entry) => `${entry.name}:${entry.rawValue}`).join(";")}}`,
+		issues
+	};
+};
+const rewriteSimpleToken = (token, unit, extraProps, pattern) => {
+	const valueInfo = getSimpleTokenValueInfo(token, extraProps);
+	if (!valueInfo) return null;
+	const nextValue = stripDefaultUnitSuffixes(valueInfo.value, unit, pattern);
+	if (!nextValue) return null;
+	return {
+		nextToken: `${valueInfo.prefix}:${nextValue}`,
+		issues: [{
+			prop: valueInfo.prop,
+			value: valueInfo.value,
+			nextValue
+		}]
+	};
+};
+const rewriteTokenUnitValues = (token, unit, extraProps, pattern = createUnitValuePattern(unit)) => rewriteGroupedToken(token, unit, extraProps, pattern) || rewriteSimpleToken(token, unit, extraProps, pattern);
+const analyzeClassList = (classList, unit, extraProps) => {
+	const tokens = splitClassList(classList);
+	if (!tokens.length) return {
+		issues: [],
+		nextClassList: null
+	};
+	const pattern = createUnitValuePattern(unit);
+	let changed = false;
+	const issues = [];
+	const nextTokens = tokens.map((token) => {
+		const rewritten = rewriteTokenUnitValues(token, unit, extraProps, pattern);
+		if (!rewritten) return token;
+		changed = true;
+		issues.push(...rewritten.issues);
+		return rewritten.nextToken;
+	});
+	return {
+		issues,
+		nextClassList: changed ? nextTokens.join(" ") : null
+	};
+};
+const create = (context) => {
+	const sourceCode = context.getSourceCode();
+	const options = {
+		...defaultOptions,
+		...context.options[0] || {}
+	};
+	const patterns = createPatterns(options);
+	const extraProps = options.additionalProps?.length ? new Set(options.additionalProps) : null;
+	const { api } = getApi();
+	const unit = normalizeUnit(options.unit) || normalizeUnit(api?.unit) || "px";
+	if (!unit) return {};
+	const reportLiteral = (literal) => {
+		if (!literal || !literal.value) return;
+		const { issues, nextClassList } = analyzeClassList(literal.value, unit, extraProps);
+		if (!issues.length) return;
+		const preview = issues.slice(0, 3).map((issue) => `${issue.prop}:${issue.value} -> ${issue.prop}:${issue.nextValue}`).join(", ");
+		const remainder = issues.length > 3 ? ` (+${issues.length - 3} more)` : "";
+		context.report({
+			node: literal.node,
+			messageId: "preferUnitlessValues",
+			data: {
+				unit,
+				values: preview + remainder
+			},
+			fix: literal.canFix && nextClassList ? (fixer) => fixer.replaceText(literal.node, buildLiteralReplacement(literal.node, sourceCode, nextClassList)) : null
+		});
+	};
+	return {
+		JSXAttribute(node) {
+			const name = getJSXAttributeName(node);
+			if (!name || !matchesPattern(patterns.attributes, name)) return;
+			if (!node.value) return;
+			const literals = [];
+			collectClassLiteralsFromExpression(node.value, sourceCode, literals);
+			for (const literal of literals) reportLiteral(literal);
+		},
+		CallExpression(node) {
+			const calleeName = getCalleeName(node.callee);
+			if (!calleeName || !matchesPattern(patterns.callees, calleeName)) return;
+			const literals = [];
+			for (const argument of node.arguments) collectClassLiteralsFromExpression(argument, sourceCode, literals);
+			for (const literal of literals) reportLiteral(literal);
+		},
+		VariableDeclarator(node) {
+			if (!node.id || node.id.type !== "Identifier") return;
+			if (!matchesPattern(patterns.variables, node.id.name)) return;
+			const literals = [];
+			collectClassLiteralsFromExpression(node.init, sourceCode, literals);
+			for (const literal of literals) reportLiteral(literal);
+		},
+		TaggedTemplateExpression(node) {
+			const tagName = getCalleeName(node.tag);
+			if (!tagName || !matchesPattern(patterns.tags, tagName)) return;
+			const literal = getLiteralInfo(node.quasi, sourceCode);
+			if (literal) reportLiteral(literal);
+		}
+	};
+};
+var prefer_unitless_values_default = {
+	name: RULE_NAME,
+	meta: {
+		type: "suggestion",
+		docs: { description: "Prefer unitless numeric class values for the configured default unit (for example border:1_solid over border:1px_solid)." },
+		fixable: "code",
+		schema: [{
+			type: "object",
+			additionalProperties: false,
+			properties: {
+				attributes: {
+					type: "array",
+					items: { type: "string" }
+				},
+				callees: {
+					type: "array",
+					items: { type: "string" }
+				},
+				variables: {
+					type: "array",
+					items: { type: "string" }
+				},
+				tags: {
+					type: "array",
+					items: { type: "string" }
+				},
+				additionalProps: {
+					type: "array",
+					items: { type: "string" }
+				},
+				unit: { type: "string" }
+			}
+		}],
+		messages: { preferUnitlessValues: "Avoid hardcoded \"{{unit}}\" in Boss class values: {{values}}." }
+	},
+	create
+};
+
+//#endregion
+export { prefer_unitless_values_default as default };

package/dist/eslint-plugin/utils/api.cjs

@@ -1,6 +1,5 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let boss_css_api_server = require("boss-css/api/server");
-let boss_css_api_config = require("boss-css/api/config");
+const require_api_server = require('../../api/server.cjs');
+const require_api_config = require('../../api/config.cjs');
 
 //#region src/eslint-plugin/utils/api.js
 let api = null;
@@ -10,7 +9,7 @@ const initApi = () => {
 	if (initPromise) return initPromise;
 	initPromise = (async () => {
 		try {
-			api = await (0, boss_css_api_server.createApi)(await (0, boss_css_api_config.loadConfig)(process.cwd()), true);
+			api = await require_api_server.createApi(await require_api_config.loadConfig(process.cwd()), true);
 		} catch (err) {
 			error = err;
 		}

package/dist/eslint-plugin/utils/api.mjs

@@ -1,5 +1,5 @@
-import { createApi } from "boss-css/api/server";
-import { loadConfig } from "boss-css/api/config";
+import { createApi } from "../../api/server.mjs";
+import { loadConfig } from "../../api/config.mjs";
 
 //#region src/eslint-plugin/utils/api.js
 let api = null;

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/native/server.cjs

@@ -134,10 +134,10 @@ type BaseFn<T extends React.ElementType = DefaultNativeElement> = {
 	api.file.native.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
 `).set("body", "jsx:proxy-utils", `    $: $$NoopFn
     merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
-    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
-    cv: typeof import('boss-css/cx').cv
-    scv: typeof import('boss-css/cx').scv
-    sv: typeof import('boss-css/cx').sv
+    cx: (...inputs: import('boss-css/variants').CxValue[]) => string
+    cv: typeof import('boss-css/variants').cv
+    scv: typeof import('boss-css/variants').scv
+    sv: typeof import('boss-css/variants').sv
     css: CssFn
     style: StyleFn
 `).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {

package/dist/native/server.mjs

@@ -133,10 +133,10 @@ type BaseFn<T extends React.ElementType = DefaultNativeElement> = {
 	api.file.native.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
 `).set("body", "jsx:proxy-utils", `    $: $$NoopFn
     merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
-    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
-    cv: typeof import('boss-css/cx').cv
-    scv: typeof import('boss-css/cx').scv
-    sv: typeof import('boss-css/cx').sv
+    cx: (...inputs: import('boss-css/variants').CxValue[]) => string
+    cv: typeof import('boss-css/variants').cv
+    scv: typeof import('boss-css/variants').scv
+    sv: typeof import('boss-css/variants').sv
     css: CssFn
     style: StyleFn
 `).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {

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/parser/jsx/server.cjs

@@ -23,6 +23,11 @@ const settings = new Map([
 	["types", true],
 	["emitRuntime", false]
 ]);
+const resolveGlobals = (api) => {
+	const configValue = api.userConfig?.jsx?.globals;
+	if (typeof configValue === "boolean") return configValue;
+	return settings.get("globals") !== false;
+};
 /**
 * Style:
 *
@@ -90,6 +95,7 @@ const onBoot = async (api) => {
 	needsRuntime = false;
 	preparedComponents.clear();
 	const needsRuntimeTest = () => needsRuntime || settings.get("emitRuntime") === true;
+	const globalsEnabled = resolveGlobals(api);
 	const proxyVar = api.file.js.import({
 		name: "proxy",
 		from: "boss-css/runtime"
@@ -98,7 +104,7 @@ const onBoot = async (api) => {
 		name: "onBrowserObjectStart",
 		from: "boss-css/parser/jsx/browser"
 	}, needsRuntimeTest);
-	settings.get("globals") && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
+	globalsEnabled && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
 	api.file.js.set("body", "jsx:export-const", `export const ${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
 	api.file.js.set("foot", "jsx:export-default", `export default ${proxyVar}`, needsRuntimeTest);
 	const framework = await require_detect_fw_index.detectFramework({ config: api.userConfig ?? api });
@@ -177,20 +183,20 @@ type BaseFn<T extends BossElementType = 'div'> = {
 	api.file.js.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
 `).set("body", "jsx:proxy-utils", `    $: $$NoopFn
     merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
-    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
-    cv: typeof import('boss-css/cx').cv
-    scv: typeof import('boss-css/cx').scv
-    sv: typeof import('boss-css/cx').sv
+    cx: (...inputs: import('boss-css/variants').CxValue[]) => string
+    cv: typeof import('boss-css/variants').cv
+    scv: typeof import('boss-css/variants').scv
+    sv: typeof import('boss-css/variants').sv
     css: CssFn
     style: StyleFn
 `).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {
     [T in keyof BossIntrinsicElements]: BaseFn<T>
 } & $$Prepared & ProxyCustomMembers`);
 	api.file.js.dts.replace("body", "$$:FinalProps", (value) => {
-		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/cx').CxValue }`;
+		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/variants').CxValue }`;
 	});
 	api.file.js.dts.set("foot", "jsx:export", `export declare const $$: Proxy`);
-	if (settings.get("globals")) api.file.js.dts.set("foot", "jsx:globals", `declare global {
+	if (globalsEnabled) api.file.js.dts.set("foot", "jsx:globals", `declare global {
     const $$: Proxy
 }`);
 	api.file.js.dts.set("foot", "$$:default-export", `export default $$`);

package/dist/parser/jsx/server.mjs

@@ -22,6 +22,11 @@ const settings = new Map([
 	["types", true],
 	["emitRuntime", false]
 ]);
+const resolveGlobals = (api) => {
+	const configValue = api.userConfig?.jsx?.globals;
+	if (typeof configValue === "boolean") return configValue;
+	return settings.get("globals") !== false;
+};
 /**
 * Style:
 *
@@ -89,6 +94,7 @@ const onBoot = async (api) => {
 	needsRuntime = false;
 	preparedComponents.clear();
 	const needsRuntimeTest = () => needsRuntime || settings.get("emitRuntime") === true;
+	const globalsEnabled = resolveGlobals(api);
 	const proxyVar = api.file.js.import({
 		name: "proxy",
 		from: "boss-css/runtime"
@@ -97,7 +103,7 @@ const onBoot = async (api) => {
 		name: "onBrowserObjectStart",
 		from: "boss-css/parser/jsx/browser"
 	}, needsRuntimeTest);
-	settings.get("globals") && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
+	globalsEnabled && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
 	api.file.js.set("body", "jsx:export-const", `export const ${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
 	api.file.js.set("foot", "jsx:export-default", `export default ${proxyVar}`, needsRuntimeTest);
 	const framework = await detectFramework({ config: api.userConfig ?? api });
@@ -176,20 +182,20 @@ type BaseFn<T extends BossElementType = 'div'> = {
 	api.file.js.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
 `).set("body", "jsx:proxy-utils", `    $: $$NoopFn
     merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
-    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
-    cv: typeof import('boss-css/cx').cv
-    scv: typeof import('boss-css/cx').scv
-    sv: typeof import('boss-css/cx').sv
+    cx: (...inputs: import('boss-css/variants').CxValue[]) => string
+    cv: typeof import('boss-css/variants').cv
+    scv: typeof import('boss-css/variants').scv
+    sv: typeof import('boss-css/variants').sv
     css: CssFn
     style: StyleFn
 `).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {
     [T in keyof BossIntrinsicElements]: BaseFn<T>
 } & $$Prepared & ProxyCustomMembers`);
 	api.file.js.dts.replace("body", "$$:FinalProps", (value) => {
-		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/cx').CxValue }`;
+		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/variants').CxValue }`;
 	});
 	api.file.js.dts.set("foot", "jsx:export", `export declare const $$: Proxy`);
-	if (settings.get("globals")) api.file.js.dts.set("foot", "jsx:globals", `declare global {
+	if (globalsEnabled) api.file.js.dts.set("foot", "jsx:globals", `declare global {
     const $$: Proxy
 }`);
 	api.file.js.dts.set("foot", "$$:default-export", `export default $$`);

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/at/shared.cjs

@@ -1,13 +1,13 @@
 
 //#region src/prop/at/shared.ts
 const defaultBreakpoints = {
-	micro: [null, 375],
+	micro: [0, 375],
 	mobile: [376, 639],
 	tablet: [640, 1023],
 	small: [1024, 1439],
 	medium: [1440, 1919],
-	large: [1920, null],
-	device: [null, 1023]
+	large: [1920, 1e5],
+	device: [0, 1023]
 };
 const baseAtValues = [
 	["dark", "@media screen and (prefers-color-scheme: dark)"],

package/dist/prop/at/shared.mjs

@@ -1,12 +1,12 @@
 //#region src/prop/at/shared.ts
 const defaultBreakpoints = {
-	micro: [null, 375],
+	micro: [0, 375],
 	mobile: [376, 639],
 	tablet: [640, 1023],
 	small: [1024, 1439],
 	medium: [1440, 1919],
-	large: [1920, null],
-	device: [null, 1023]
+	large: [1920, 1e5],
+	device: [0, 1023]
 };
 const baseAtValues = [
 	["dark", "@media screen and (prefers-color-scheme: dark)"],

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;