boss-css 0.0.17 → 0.0.19

package/dist/eslint-plugin/index.cjs

@@ -23,7 +23,7 @@ const plugin = {
 		[require_prefer_unitless_values.default.name]: require_prefer_unitless_values.default
 	}
 };
-const plugins = [plugin.meta.name];
+const plugins = { [plugin.meta.name]: plugin };
 const globalOptions = { languageOptions: { globals: { $$: "readonly" } } };
 const createConfig = (name, getRules) => ({
 	[`${name}-error`]: {

package/dist/eslint-plugin/index.mjs

@@ -23,7 +23,7 @@ const plugin = {
 		[prefer_unitless_values_default.name]: prefer_unitless_values_default
 	}
 };
-const plugins = [plugin.meta.name];
+const plugins = { [plugin.meta.name]: plugin };
 const globalOptions = { languageOptions: { globals: { $$: "readonly" } } };
 const createConfig = (name, getRules) => ({
 	[`${name}-error`]: {

package/dist/eslint-plugin/rules/format-classnames.cjs

@@ -4,6 +4,7 @@ const require_defaults = require('../utils/defaults.cjs');
 const require_format = require('../utils/format.cjs');
 const require_boss_classes = require('../utils/boss-classes.cjs');
 const require_order = require('../utils/order.cjs');
+const require_context = require('../utils/context.cjs');
 let boss_css_merge = require("boss-css/merge");
 
 //#region src/eslint-plugin/rules/format-classnames.js
@@ -30,13 +31,14 @@ const formatClassList = (merge, literal, options) => {
 	return next;
 };
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = require_context.getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
 	};
 	const patterns = createPatterns(options);
 	const merge = (0, boss_css_merge.createBossMerge)(options.merge || {});
+	if (!sourceCode) return {};
 	const reportLiteral = (literal) => {
 		if (!literal || !literal.canFix) return;
 		const next = formatClassList(merge, literal, options);

package/dist/eslint-plugin/rules/format-classnames.mjs

@@ -3,6 +3,7 @@ import { DEFAULT_ATTRIBUTE_PATTERNS, DEFAULT_CALLEE_PATTERNS, DEFAULT_TAG_PATTER
 import { buildLiteralReplacement } from "../utils/format.mjs";
 import { splitClassList } from "../utils/boss-classes.mjs";
 import { sortTokens } from "../utils/order.mjs";
+import { getSourceCode } from "../utils/context.mjs";
 import { createBossMerge } from "boss-css/merge";
 
 //#region src/eslint-plugin/rules/format-classnames.js
@@ -29,13 +30,14 @@ const formatClassList = (merge, literal, options) => {
 	return next;
 };
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
 	};
 	const patterns = createPatterns(options);
 	const merge = createBossMerge(options.merge || {});
+	if (!sourceCode) return {};
 	const reportLiteral = (literal) => {
 		if (!literal || !literal.canFix) return;
 		const next = formatClassList(merge, literal, options);

package/dist/eslint-plugin/rules/no-unknown-classes.cjs

@@ -1,6 +1,7 @@
 const require_ast = require('../utils/ast.cjs');
 const require_defaults = require('../utils/defaults.cjs');
 const require_boss_classes = require('../utils/boss-classes.cjs');
+const require_context = require('../utils/context.cjs');
 
 //#region src/eslint-plugin/rules/no-unknown-classes.js
 const RULE_NAME = "no-unknown-classes";
@@ -21,12 +22,13 @@ const createPatterns = (options) => ({
 	tags: require_ast.compilePatterns(options.tags)
 });
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = require_context.getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
 	};
 	const patterns = createPatterns(options);
+	if (!sourceCode) return {};
 	const reportInvalid = (literal) => {
 		if (!literal || !literal.value) return;
 		const invalid = require_boss_classes.findInvalidTokens(literal.value, options);

package/dist/eslint-plugin/rules/no-unknown-classes.mjs

@@ -1,6 +1,7 @@
 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 { findInvalidTokens } from "../utils/boss-classes.mjs";
+import { getSourceCode } from "../utils/context.mjs";
 
 //#region src/eslint-plugin/rules/no-unknown-classes.js
 const RULE_NAME = "no-unknown-classes";
@@ -21,12 +22,13 @@ const createPatterns = (options) => ({
 	tags: compilePatterns(options.tags)
 });
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
 	};
 	const patterns = createPatterns(options);
+	if (!sourceCode) return {};
 	const reportInvalid = (literal) => {
 		if (!literal || !literal.value) return;
 		const invalid = findInvalidTokens(literal.value, options);

package/dist/eslint-plugin/rules/prefer-token-values.cjs

@@ -2,6 +2,7 @@ const require_ast = require('../utils/ast.cjs');
 const require_defaults = require('../utils/defaults.cjs');
 const require_api = require('../utils/api.cjs');
 const require_boss_classes = require('../utils/boss-classes.cjs');
+const require_context = require('../utils/context.cjs');
 
 //#region src/eslint-plugin/rules/prefer-token-values.js
 const RULE_NAME = "prefer-token-values";
@@ -94,7 +95,7 @@ const resolveTokenValue = (groupValues, tokenPath) => {
 	return current;
 };
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = require_context.getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
@@ -105,6 +106,7 @@ const create = (context) => {
 	const { api } = require_api.getApi();
 	const tokenGroups = api?.tokens && typeof api.tokens === "object" ? api.tokens : null;
 	if (!api || !tokenGroups) return {};
+	if (!sourceCode) return {};
 	const reportTokenUsage = (node, propName, tokenKey) => {
 		context.report({
 			node,

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

@@ -2,6 +2,7 @@ import { getJSXAttributeName, getJSXRootName, getLiteralInfo } from "../utils/as
 import { DEFAULT_COMPONENTS } from "../utils/defaults.mjs";
 import { getApi } from "../utils/api.mjs";
 import { getContextSet, isCssPropName } from "../utils/boss-classes.mjs";
+import { getSourceCode } from "../utils/context.mjs";
 
 //#region src/eslint-plugin/rules/prefer-token-values.js
 const RULE_NAME = "prefer-token-values";
@@ -94,7 +95,7 @@ const resolveTokenValue = (groupValues, tokenPath) => {
 	return current;
 };
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
@@ -105,6 +106,7 @@ const create = (context) => {
 	const { api } = getApi();
 	const tokenGroups = api?.tokens && typeof api.tokens === "object" ? api.tokens : null;
 	if (!api || !tokenGroups) return {};
+	if (!sourceCode) return {};
 	const reportTokenUsage = (node, propName, tokenKey) => {
 		context.report({
 			node,

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

@@ -3,6 +3,7 @@ const require_defaults = require('../utils/defaults.cjs');
 const require_format = require('../utils/format.cjs');
 const require_api = require('../utils/api.cjs');
 const require_boss_classes = require('../utils/boss-classes.cjs');
+const require_context = require('../utils/context.cjs');
 
 //#region src/eslint-plugin/rules/prefer-unitless-values.js
 const RULE_NAME = "prefer-unitless-values";
@@ -118,7 +119,7 @@ const analyzeClassList = (classList, unit, extraProps) => {
 	};
 };
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = require_context.getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
@@ -128,6 +129,7 @@ const create = (context) => {
 	const { api } = require_api.getApi();
 	const unit = normalizeUnit(options.unit) || normalizeUnit(api?.unit) || "px";
 	if (!unit) return {};
+	if (!sourceCode) return {};
 	const reportLiteral = (literal) => {
 		if (!literal || !literal.value) return;
 		const { issues, nextClassList } = analyzeClassList(literal.value, unit, extraProps);

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

@@ -3,6 +3,7 @@ import { DEFAULT_ATTRIBUTE_PATTERNS, DEFAULT_CALLEE_PATTERNS, DEFAULT_TAG_PATTER
 import { buildLiteralReplacement } from "../utils/format.mjs";
 import { getApi } from "../utils/api.mjs";
 import { isCssPropName, parseGroupedSelector, splitClassList, splitFragments } from "../utils/boss-classes.mjs";
+import { getSourceCode } from "../utils/context.mjs";
 
 //#region src/eslint-plugin/rules/prefer-unitless-values.js
 const RULE_NAME = "prefer-unitless-values";
@@ -118,7 +119,7 @@ const analyzeClassList = (classList, unit, extraProps) => {
 	};
 };
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
@@ -128,6 +129,7 @@ const create = (context) => {
 	const { api } = getApi();
 	const unit = normalizeUnit(options.unit) || normalizeUnit(api?.unit) || "px";
 	if (!unit) return {};
+	if (!sourceCode) return {};
 	const reportLiteral = (literal) => {
 		if (!literal || !literal.value) return;
 		const { issues, nextClassList } = analyzeClassList(literal.value, unit, extraProps);

package/dist/eslint-plugin/rules/props-only.cjs

@@ -1,6 +1,7 @@
 const require_ast = require('../utils/ast.cjs');
 const require_defaults = require('../utils/defaults.cjs');
 const require_boss_classes = require('../utils/boss-classes.cjs');
+const require_context = require('../utils/context.cjs');
 
 //#region src/eslint-plugin/rules/props-only.js
 const RULE_NAME = "props-only";
@@ -21,12 +22,13 @@ const createPatterns = (options) => ({
 	tags: require_ast.compilePatterns(options.tags)
 });
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = require_context.getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
 	};
 	const patterns = createPatterns(options);
+	if (!sourceCode) return {};
 	const reportLiteral = (literal) => {
 		if (!literal || !literal.value) return;
 		if (!require_boss_classes.containsBossToken(literal.value, options)) return;

package/dist/eslint-plugin/rules/props-only.mjs

@@ -1,6 +1,7 @@
 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 { containsBossToken } from "../utils/boss-classes.mjs";
+import { getSourceCode } from "../utils/context.mjs";
 
 //#region src/eslint-plugin/rules/props-only.js
 const RULE_NAME = "props-only";
@@ -21,12 +22,13 @@ const createPatterns = (options) => ({
 	tags: compilePatterns(options.tags)
 });
 const create = (context) => {
-	const sourceCode = context.getSourceCode();
+	const sourceCode = getSourceCode(context);
 	const options = {
 		...defaultOptions,
 		...context.options[0] || {}
 	};
 	const patterns = createPatterns(options);
+	if (!sourceCode) return {};
 	const reportLiteral = (literal) => {
 		if (!literal || !literal.value) return;
 		if (!containsBossToken(literal.value, options)) return;

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

@@ -0,0 +1,9 @@
+
+//#region src/eslint-plugin/utils/context.js
+const getSourceCode = (context) => {
+	if (typeof context?.getSourceCode === "function") return context.getSourceCode();
+	return context?.sourceCode ?? null;
+};
+
+//#endregion
+exports.getSourceCode = getSourceCode;

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

@@ -0,0 +1,8 @@
+//#region src/eslint-plugin/utils/context.js
+const getSourceCode = (context) => {
+	if (typeof context?.getSourceCode === "function") return context.getSourceCode();
+	return context?.sourceCode ?? null;
+};
+
+//#endregion
+export { getSourceCode };

package/dist/parser/jsx/server.cjs

@@ -141,7 +141,15 @@ type BossComponentProps<C> = C extends keyof BossIntrinsicElements
 type AsProp<C extends BossElementType> = {
     as?: C
 }
-type PolymorphicComponentProp<C extends BossElementType, Props = {}> = Props & BossComponentProps<C> & AsProp<C>
+type BossMergedProps<Props, ComponentProps> = Omit<Props, keyof ComponentProps> &
+    Omit<ComponentProps, keyof Props> & {
+        [K in Extract<keyof ComponentProps, keyof Props>]?: ComponentProps[K] | Props[K]
+    }
+type PolymorphicComponentProp<C extends BossElementType, Props = {}> = BossMergedProps<
+    Props,
+    BossComponentProps<C>
+> &
+    AsProp<C>
 type PolymorphicComponentPropWithRef<C extends BossElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
     ref?: unknown
 }

package/dist/parser/jsx/server.mjs

@@ -140,7 +140,15 @@ type BossComponentProps<C> = C extends keyof BossIntrinsicElements
 type AsProp<C extends BossElementType> = {
     as?: C
 }
-type PolymorphicComponentProp<C extends BossElementType, Props = {}> = Props & BossComponentProps<C> & AsProp<C>
+type BossMergedProps<Props, ComponentProps> = Omit<Props, keyof ComponentProps> &
+    Omit<ComponentProps, keyof Props> & {
+        [K in Extract<keyof ComponentProps, keyof Props>]?: ComponentProps[K] | Props[K]
+    }
+type PolymorphicComponentProp<C extends BossElementType, Props = {}> = BossMergedProps<
+    Props,
+    BossComponentProps<C>
+> &
+    AsProp<C>
 type PolymorphicComponentPropWithRef<C extends BossElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
     ref?: unknown
 }

package/dist/use/token/browser.cjs

@@ -64,7 +64,8 @@ const onBrowserObjectStart = (api, { input }) => {
 			else mutableInput[prop] = toTokenVar(path);
 		} else if (typeof prop === "string") {
 			const rawValue = mutableInput[prop];
-			if (typeof rawValue !== "string") continue;
+			if (typeof rawValue !== "string" && typeof rawValue !== "number") continue;
+			const rawTokenKey = String(rawValue);
 			const dashProp = api.camelCaseToDash?.(prop) ?? prop;
 			const groupCandidates = [];
 			const seen = /* @__PURE__ */ new Set();
@@ -77,8 +78,8 @@ const onBrowserObjectStart = (api, { input }) => {
 			for (const group of require_propMap.getTokenGroupsForProp(dashProp)) addCandidate(group);
 			addCandidate(prop);
 			addCandidate(dashProp);
-			const groupName = groupCandidates.find((group) => tokenPaths.has(`${group}.${rawValue}`));
-			if (groupName && !isClassnameFirst) mutableInput[prop] = toTokenVar(`${groupName}.${rawValue.replace("$$.token.", "")}`);
+			const groupName = groupCandidates.find((group) => tokenPaths.has(`${group}.${rawTokenKey}`));
+			if (groupName && !isClassnameFirst) mutableInput[prop] = toTokenVar(`${groupName}.${rawTokenKey.replace("$$.token.", "")}`);
 		}
 	}
 };

package/dist/use/token/browser.mjs

@@ -64,7 +64,8 @@ const onBrowserObjectStart = (api, { input }) => {
 			else mutableInput[prop] = toTokenVar(path);
 		} else if (typeof prop === "string") {
 			const rawValue = mutableInput[prop];
-			if (typeof rawValue !== "string") continue;
+			if (typeof rawValue !== "string" && typeof rawValue !== "number") continue;
+			const rawTokenKey = String(rawValue);
 			const dashProp = api.camelCaseToDash?.(prop) ?? prop;
 			const groupCandidates = [];
 			const seen = /* @__PURE__ */ new Set();
@@ -77,8 +78,8 @@ const onBrowserObjectStart = (api, { input }) => {
 			for (const group of getTokenGroupsForProp(dashProp)) addCandidate(group);
 			addCandidate(prop);
 			addCandidate(dashProp);
-			const groupName = groupCandidates.find((group) => tokenPaths.has(`${group}.${rawValue}`));
-			if (groupName && !isClassnameFirst) mutableInput[prop] = toTokenVar(`${groupName}.${rawValue.replace("$$.token.", "")}`);
+			const groupName = groupCandidates.find((group) => tokenPaths.has(`${group}.${rawTokenKey}`));
+			if (groupName && !isClassnameFirst) mutableInput[prop] = toTokenVar(`${groupName}.${rawTokenKey.replace("$$.token.", "")}`);
 		}
 	}
 };

package/dist/use/token/runtime-only.cjs

@@ -98,7 +98,8 @@ const getTokenPath = (api, prop, value) => {
 		path: value.replace("$$.token.", ""),
 		source: "group"
 	};
-	if (typeof value !== "string") return null;
+	if (typeof value !== "string" && typeof value !== "number") return null;
+	const rawTokenKey = String(value);
 	const { groups } = getTokenState(api);
 	const dashProp = api?.camelCaseToDash ? api.camelCaseToDash(prop) : prop;
 	const groupCandidates = [];
@@ -113,10 +114,9 @@ const getTokenPath = (api, prop, value) => {
 	addCandidate(prop);
 	addCandidate(dashProp);
 	if (!groupCandidates.length) return null;
-	if (typeof value !== "string") return null;
-	const tokenAlphaCandidate = parseTokenAlphaValue(value);
+	const tokenAlphaCandidate = typeof value === "string" ? parseTokenAlphaValue(value) : null;
 	const baseParts = tokenAlphaCandidate ? tokenAlphaCandidate.base.split(".") : [];
-	const rawParts = value.split(".");
+	const rawParts = rawTokenKey.split(".");
 	const colorTokens = groups?.color;
 	for (const group of groupCandidates) {
 		const values = groups?.[group];
@@ -133,12 +133,12 @@ const getTokenPath = (api, prop, value) => {
 			};
 		}
 		if (resolveTokenParts(values, rawParts) !== void 0) return {
-			path: `${group}.${value}`,
+			path: `${group}.${rawTokenKey}`,
 			source: "prop",
 			values
 		};
-		if (value in values) return {
-			path: `${group}.${value}`,
+		if (rawTokenKey in values) return {
+			path: `${group}.${rawTokenKey}`,
 			source: "prop",
 			values
 		};

package/dist/use/token/runtime-only.mjs

@@ -98,7 +98,8 @@ const getTokenPath = (api, prop, value) => {
 		path: value.replace("$$.token.", ""),
 		source: "group"
 	};
-	if (typeof value !== "string") return null;
+	if (typeof value !== "string" && typeof value !== "number") return null;
+	const rawTokenKey = String(value);
 	const { groups } = getTokenState(api);
 	const dashProp = api?.camelCaseToDash ? api.camelCaseToDash(prop) : prop;
 	const groupCandidates = [];
@@ -113,10 +114,9 @@ const getTokenPath = (api, prop, value) => {
 	addCandidate(prop);
 	addCandidate(dashProp);
 	if (!groupCandidates.length) return null;
-	if (typeof value !== "string") return null;
-	const tokenAlphaCandidate = parseTokenAlphaValue(value);
+	const tokenAlphaCandidate = typeof value === "string" ? parseTokenAlphaValue(value) : null;
 	const baseParts = tokenAlphaCandidate ? tokenAlphaCandidate.base.split(".") : [];
-	const rawParts = value.split(".");
+	const rawParts = rawTokenKey.split(".");
 	const colorTokens = groups?.color;
 	for (const group of groupCandidates) {
 		const values = groups?.[group];
@@ -133,12 +133,12 @@ const getTokenPath = (api, prop, value) => {
 			};
 		}
 		if (resolveTokenParts(values, rawParts) !== void 0) return {
-			path: `${group}.${value}`,
+			path: `${group}.${rawTokenKey}`,
 			source: "prop",
 			values
 		};
-		if (value in values) return {
-			path: `${group}.${value}`,
+		if (rawTokenKey in values) return {
+			path: `${group}.${rawTokenKey}`,
 			source: "prop",
 			values
 		};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "boss-css",
-    "version": "0.0.17",
+    "version": "0.0.19",
     "description": "Polymorphic, usage-driven CSS-in-JS.",
     "bin": {
         "boss": "./dist/cli/index.cjs",
@@ -275,6 +275,7 @@
         "@types/jsdom": "^27.0.0",
         "@types/node": "^25.0.9",
         "@types/react": "^19.2.8",
+        "eslint": "^10.0.2",
         "postcss": "^8.5.6",
         "preact": "^10.28.2",
         "prettier": "^3.8.0",