@bamboocss/eslint-plugin 1.15.0 → 1.16.1

package/dist/index.cjs

@@ -8,7 +8,7 @@ require("@typescript-eslint/utils/ts-eslint");
 let _bamboocss_shared = require("@bamboocss/shared");
 //#region package.json
 var name = "@bamboocss/eslint-plugin";
-var version = "1.15.0";
+var version = "1.16.1";
 //#endregion
 //#region src/utils/index.ts
 const createRule = _typescript_eslint_utils.ESLintUtils.RuleCreator((name) => `https://github.com/bamboocss/bamboo/blob/main/packages/eslint-plugin/docs/rules/${name}.md`);
@@ -110,8 +110,6 @@ const matchFile = (name, imports, context) => {
 const isBambooIsh = (name, context) => {
 	const imports = getImports(context);
 	if (imports.length === 0) return false;
-	const jsxFactory = syncAction("getJsxFactory", getSyncOptions(context));
-	if (jsxFactory && name === jsxFactory) return imports.some((imp) => imp.name === name || imp.alias === name);
 	return matchFile(name, imports, context);
 };
 const scopeCache = /* @__PURE__ */ new WeakMap();
@@ -309,8 +307,8 @@ function isRecipeVariant(node, context) {
 }
 //#endregion
 //#region src/rules/file-not-included.ts
-const RULE_NAME$18 = "file-not-included";
-const rule$18 = createRule({
+const RULE_NAME$19 = "file-not-included";
+const rule$19 = createRule({
 	create(context) {
 		if (isValidFile(context)) return {};
 		let hasReported = false;
@@ -331,11 +329,11 @@ const rule$18 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$18
+	name: RULE_NAME$19
 });
 //#endregion
 //#region src/rules/no-config-function-in-source.ts
-const RULE_NAME$17 = "no-config-function-in-source";
+const RULE_NAME$18 = "no-config-function-in-source";
 const CONFIG_FUNCTIONS = new Set([
 	"defineConfig",
 	"defineGlobalStyles",
@@ -352,7 +350,7 @@ const CONFIG_FUNCTIONS = new Set([
 	"defineTokens",
 	"defineUtility"
 ]);
-const rule$17 = createRule({
+const rule$18 = createRule({
 	create(context) {
 		if (!hasPkgImport(context)) return {};
 		if (!isValidFile(context)) return {};
@@ -392,12 +390,12 @@ const rule$17 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$17
+	name: RULE_NAME$18
 });
 //#endregion
 //#region src/rules/no-debug.ts
-const RULE_NAME$16 = "no-debug";
-const rule$16 = createRule({
+const RULE_NAME$17 = "no-debug";
+const rule$17 = createRule({
 	create(context) {
 		const processedNodes = /* @__PURE__ */ new WeakSet();
 		const checkObjectForDebug = (object) => {
@@ -466,12 +464,12 @@ const rule$16 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$16
+	name: RULE_NAME$17
 });
 //#endregion
 //#region src/rules/no-deprecated-tokens.ts
-const RULE_NAME$15 = "no-deprecated-tokens";
-const rule$15 = createRule({
+const RULE_NAME$16 = "no-deprecated-tokens";
+const rule$16 = createRule({
 	create(context) {
 		const deprecatedTokensCache = /* @__PURE__ */ new Map();
 		const sendReport = (property, node, value) => {
@@ -525,12 +523,12 @@ const rule$15 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$15
+	name: RULE_NAME$16
 });
 //#endregion
 //#region src/rules/no-dynamic-styling.ts
-const RULE_NAME$14 = "no-dynamic-styling";
-const rule$14 = createRule({
+const RULE_NAME$15 = "no-dynamic-styling";
+const rule$15 = createRule({
 	create(context) {
 		function isStaticValue(node) {
 			if (!node) return false;
@@ -601,12 +599,12 @@ const rule$14 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$14
+	name: RULE_NAME$15
 });
 //#endregion
 //#region src/rules/no-escape-hatch.ts
-const RULE_NAME$13 = "no-escape-hatch";
-const rule$13 = createRule({
+const RULE_NAME$14 = "no-escape-hatch";
+const rule$14 = createRule({
 	create(context) {
 		const removeBrackets = (range) => {
 			const [start, end] = range;
@@ -679,12 +677,12 @@ const rule$13 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$13
+	name: RULE_NAME$14
 });
 //#endregion
 //#region src/rules/no-hardcoded-color.ts
-const RULE_NAME$12 = "no-hardcoded-color";
-const rule$12 = createRule({
+const RULE_NAME$13 = "no-hardcoded-color";
+const rule$13 = createRule({
 	create(context) {
 		const noOpacity = context.options[0]?.noOpacity;
 		const whitelist = context.options[0]?.whitelist ?? [];
@@ -780,14 +778,14 @@ const rule$12 = createRule({
 		}],
 		type: "problem"
 	},
-	name: RULE_NAME$12
+	name: RULE_NAME$13
 });
 //#endregion
 //#region src/rules/no-important.ts
 const exclamationRegex = /\s*!$/;
 const importantRegex = /\s*!important\s*$/;
-const RULE_NAME$11 = "no-important";
-const rule$11 = createRule({
+const RULE_NAME$12 = "no-important";
+const rule$12 = createRule({
 	create(context) {
 		const removeQuotes = (range) => {
 			const [start, end] = range;
@@ -891,12 +889,12 @@ const rule$11 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$11
+	name: RULE_NAME$12
 });
 //#endregion
 //#region src/rules/no-invalid-nesting.ts
-const RULE_NAME$10 = "no-invalid-nesting";
-const rule$10 = createRule({
+const RULE_NAME$11 = "no-invalid-nesting";
+const rule$11 = createRule({
 	create(context) {
 		const bambooFunctionCache = /* @__PURE__ */ new WeakMap();
 		const jsxPropertyCache = /* @__PURE__ */ new WeakMap();
@@ -951,12 +949,12 @@ const rule$10 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$10
+	name: RULE_NAME$11
 });
 //#endregion
 //#region src/rules/no-invalid-token-paths.ts
-const RULE_NAME$9 = "no-invalid-token-paths";
-const rule$9 = createRule({
+const RULE_NAME$10 = "no-invalid-token-paths";
+const rule$10 = createRule({
 	create(context) {
 		const invalidTokensCache = /* @__PURE__ */ new Map();
 		const sendReport = (node, value) => {
@@ -1033,12 +1031,12 @@ const rule$9 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$9
+	name: RULE_NAME$10
 });
 //#endregion
 //#region src/rules/no-margin-properties.ts
-const RULE_NAME$8 = "no-margin-properties";
-const rule$8 = createRule({
+const RULE_NAME$9 = "no-margin-properties";
+const rule$9 = createRule({
 	create(context) {
 		const whitelist = context.options[0]?.whitelist ?? [];
 		const longhandCache = /* @__PURE__ */ new Map();
@@ -1114,7 +1112,7 @@ const rule$8 = createRule({
 		}],
 		type: "suggestion"
 	},
-	name: RULE_NAME$8
+	name: RULE_NAME$9
 });
 //#endregion
 //#region src/utils/physical-properties.ts
@@ -1158,7 +1156,7 @@ const physicalPropertyValues = { textAlign: {
 } };
 //#endregion
 //#region src/rules/no-physical-properties.ts
-const RULE_NAME$7 = "no-physical-properties";
+const RULE_NAME$8 = "no-physical-properties";
 const MESSAGES = {
 	physical: "Use logical property instead of {{physical}}. Prefer `{{logical}}`.",
 	physicalValue: "Use logical value instead of {{physical}}. Prefer `{{logical}}`.",
@@ -1240,7 +1238,7 @@ const createValueReport = (valueNode, valueText, logical, context) => {
 		}]
 	});
 };
-const rule$7 = createRule({
+const rule$8 = createRule({
 	create(context) {
 		const whitelist = context.options[0]?.whitelist ?? [];
 		const cache = new PropertyCache();
@@ -1296,12 +1294,12 @@ const rule$7 = createRule({
 		}],
 		type: "suggestion"
 	},
-	name: RULE_NAME$7
+	name: RULE_NAME$8
 });
 //#endregion
 //#region src/rules/no-property-renaming.ts
-const RULE_NAME$6 = "no-property-renaming";
-const rule$6 = createRule({
+const RULE_NAME$7 = "no-property-renaming";
+const rule$7 = createRule({
 	create(context) {
 		const bambooPropertyCache = /* @__PURE__ */ new WeakMap();
 		const bambooAttributeCache = /* @__PURE__ */ new WeakMap();
@@ -1365,6 +1363,65 @@ const rule$6 = createRule({
 		schema: [],
 		type: "problem"
 	},
+	name: RULE_NAME$7
+});
+//#endregion
+//#region src/rules/no-unlayered-override.ts
+const RULE_NAME$6 = "no-unlayered-override";
+/**
+* The call whose result is a class string in the `utilities` layer — the same layer a
+* consumer's `css()` is in, so neither can win over the other by cascade.
+*
+* `cva` and `sva` are deliberately absent. Their output is named semantically and emitted
+* into `recipes`, whether they are declared inline or in `theme.recipes`, so a consumer's
+* `css()` beats them by layer in every build. That is the fix this rule points at, and it
+* would be incoherent to report it.
+*/
+const STYLING_CALLS = new Set(["css"]);
+const calleeName = (node) => {
+	if (!isCallExpression(node)) return void 0;
+	if (isIdentifier(node.callee)) return node.callee.name;
+	if (isMemberExpression(node.callee) && isIdentifier(node.callee.property)) return void 0;
+};
+/**
+* An argument the rule cannot see the styles behind: a prop, a parameter, anything whose
+* value arrives at runtime. `props.className` is the shape this exists for.
+*/
+const isOpaque = (node) => {
+	if (isMemberExpression(node)) return true;
+	if (isIdentifier(node) && node.name !== "undefined") return true;
+	return false;
+};
+const rule$6 = createRule({
+	create(context) {
+		if (!isValidFile(context)) return {};
+		const isOwnStyles = (node) => {
+			const name = calleeName(node);
+			return name !== void 0 && STYLING_CALLS.has(name);
+		};
+		return { CallExpression(node) {
+			if (!isIdentifier(node.callee) || node.callee.name !== "cx") return;
+			if (node.arguments.length < 2) return;
+			const own = node.arguments.find((argument) => isOwnStyles(argument));
+			if (!own) return;
+			if (!node.arguments.find((argument) => argument !== own && isOpaque(argument))) return;
+			context.report({
+				messageId: "unlayeredOverride",
+				node: own
+			});
+		} };
+	},
+	defaultOptions: [],
+	meta: {
+		docs: { description: "Disallow joining a class this file styled with a class it cannot see, where neither can win by cascade layer." },
+		messages: { unlayeredOverride: [
+			"`cx` joins class names, it does not resolve conflicts between them.",
+			"These styles and the ones being joined are both in the `utilities` layer, so which applies is decided by stylesheet order rather than by the caller.",
+			"Declare the component styles with `cva` so they land in the `recipes` layer, or accept a style object and merge it with `css(base, props.css)`."
+		].join(" ") },
+		schema: [],
+		type: "problem"
+	},
 	name: RULE_NAME$6
 });
 //#endregion
@@ -2215,6 +2272,7 @@ const rule = createRule({
 //#endregion
 //#region src/rules/index.ts
 const rules = {
+	[RULE_NAME$19]: rule$19,
 	[RULE_NAME$18]: rule$18,
 	[RULE_NAME$17]: rule$17,
 	[RULE_NAME$16]: rule$16,
@@ -2238,9 +2296,9 @@ const rules = {
 //#endregion
 //#region src/configs/all.ts
 const errorRules = [
+	RULE_NAME$19,
 	RULE_NAME$18,
-	RULE_NAME$17,
-	RULE_NAME$9
+	RULE_NAME$10
 ];
 //#endregion
 //#region src/index.ts
@@ -2268,6 +2326,7 @@ const plugin = {
 				"bamboo/no-invalid-nesting": "error",
 				"bamboo/no-invalid-token-paths": "error",
 				"bamboo/no-property-renaming": "warn",
+				"bamboo/no-unlayered-override": "warn",
 				"bamboo/no-unsafe-token-fn-usage": "warn"
 			}
 		}

package/dist/index.d.cts

@@ -27,6 +27,7 @@ declare const plugin: {
         'bamboo/no-invalid-nesting': string;
         'bamboo/no-invalid-token-paths': string;
         'bamboo/no-property-renaming': string;
+        'bamboo/no-unlayered-override': string;
         'bamboo/no-unsafe-token-fn-usage': string;
       };
     };

package/dist/index.d.mts

@@ -27,6 +27,7 @@ declare const plugin: {
         'bamboo/no-invalid-nesting': string;
         'bamboo/no-invalid-token-paths': string;
         'bamboo/no-property-renaming': string;
+        'bamboo/no-unlayered-override': string;
         'bamboo/no-unsafe-token-fn-usage': string;
       };
     };

package/dist/index.mjs

@@ -8,7 +8,7 @@ import "@typescript-eslint/utils/ts-eslint";
 import { getArbitraryValue, parseFallbackValue } from "@bamboocss/shared";
 //#region package.json
 var name = "@bamboocss/eslint-plugin";
-var version = "1.15.0";
+var version = "1.16.1";
 //#endregion
 //#region src/utils/index.ts
 const createRule = ESLintUtils.RuleCreator((name) => `https://github.com/bamboocss/bamboo/blob/main/packages/eslint-plugin/docs/rules/${name}.md`);
@@ -110,8 +110,6 @@ const matchFile = (name, imports, context) => {
 const isBambooIsh = (name, context) => {
 	const imports = getImports(context);
 	if (imports.length === 0) return false;
-	const jsxFactory = syncAction("getJsxFactory", getSyncOptions(context));
-	if (jsxFactory && name === jsxFactory) return imports.some((imp) => imp.name === name || imp.alias === name);
 	return matchFile(name, imports, context);
 };
 const scopeCache = /* @__PURE__ */ new WeakMap();
@@ -309,8 +307,8 @@ function isRecipeVariant(node, context) {
 }
 //#endregion
 //#region src/rules/file-not-included.ts
-const RULE_NAME$18 = "file-not-included";
-const rule$18 = createRule({
+const RULE_NAME$19 = "file-not-included";
+const rule$19 = createRule({
 	create(context) {
 		if (isValidFile(context)) return {};
 		let hasReported = false;
@@ -331,11 +329,11 @@ const rule$18 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$18
+	name: RULE_NAME$19
 });
 //#endregion
 //#region src/rules/no-config-function-in-source.ts
-const RULE_NAME$17 = "no-config-function-in-source";
+const RULE_NAME$18 = "no-config-function-in-source";
 const CONFIG_FUNCTIONS = new Set([
 	"defineConfig",
 	"defineGlobalStyles",
@@ -352,7 +350,7 @@ const CONFIG_FUNCTIONS = new Set([
 	"defineTokens",
 	"defineUtility"
 ]);
-const rule$17 = createRule({
+const rule$18 = createRule({
 	create(context) {
 		if (!hasPkgImport(context)) return {};
 		if (!isValidFile(context)) return {};
@@ -392,12 +390,12 @@ const rule$17 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$17
+	name: RULE_NAME$18
 });
 //#endregion
 //#region src/rules/no-debug.ts
-const RULE_NAME$16 = "no-debug";
-const rule$16 = createRule({
+const RULE_NAME$17 = "no-debug";
+const rule$17 = createRule({
 	create(context) {
 		const processedNodes = /* @__PURE__ */ new WeakSet();
 		const checkObjectForDebug = (object) => {
@@ -466,12 +464,12 @@ const rule$16 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$16
+	name: RULE_NAME$17
 });
 //#endregion
 //#region src/rules/no-deprecated-tokens.ts
-const RULE_NAME$15 = "no-deprecated-tokens";
-const rule$15 = createRule({
+const RULE_NAME$16 = "no-deprecated-tokens";
+const rule$16 = createRule({
 	create(context) {
 		const deprecatedTokensCache = /* @__PURE__ */ new Map();
 		const sendReport = (property, node, value) => {
@@ -525,12 +523,12 @@ const rule$15 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$15
+	name: RULE_NAME$16
 });
 //#endregion
 //#region src/rules/no-dynamic-styling.ts
-const RULE_NAME$14 = "no-dynamic-styling";
-const rule$14 = createRule({
+const RULE_NAME$15 = "no-dynamic-styling";
+const rule$15 = createRule({
 	create(context) {
 		function isStaticValue(node) {
 			if (!node) return false;
@@ -601,12 +599,12 @@ const rule$14 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$14
+	name: RULE_NAME$15
 });
 //#endregion
 //#region src/rules/no-escape-hatch.ts
-const RULE_NAME$13 = "no-escape-hatch";
-const rule$13 = createRule({
+const RULE_NAME$14 = "no-escape-hatch";
+const rule$14 = createRule({
 	create(context) {
 		const removeBrackets = (range) => {
 			const [start, end] = range;
@@ -679,12 +677,12 @@ const rule$13 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$13
+	name: RULE_NAME$14
 });
 //#endregion
 //#region src/rules/no-hardcoded-color.ts
-const RULE_NAME$12 = "no-hardcoded-color";
-const rule$12 = createRule({
+const RULE_NAME$13 = "no-hardcoded-color";
+const rule$13 = createRule({
 	create(context) {
 		const noOpacity = context.options[0]?.noOpacity;
 		const whitelist = context.options[0]?.whitelist ?? [];
@@ -780,14 +778,14 @@ const rule$12 = createRule({
 		}],
 		type: "problem"
 	},
-	name: RULE_NAME$12
+	name: RULE_NAME$13
 });
 //#endregion
 //#region src/rules/no-important.ts
 const exclamationRegex = /\s*!$/;
 const importantRegex = /\s*!important\s*$/;
-const RULE_NAME$11 = "no-important";
-const rule$11 = createRule({
+const RULE_NAME$12 = "no-important";
+const rule$12 = createRule({
 	create(context) {
 		const removeQuotes = (range) => {
 			const [start, end] = range;
@@ -891,12 +889,12 @@ const rule$11 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$11
+	name: RULE_NAME$12
 });
 //#endregion
 //#region src/rules/no-invalid-nesting.ts
-const RULE_NAME$10 = "no-invalid-nesting";
-const rule$10 = createRule({
+const RULE_NAME$11 = "no-invalid-nesting";
+const rule$11 = createRule({
 	create(context) {
 		const bambooFunctionCache = /* @__PURE__ */ new WeakMap();
 		const jsxPropertyCache = /* @__PURE__ */ new WeakMap();
@@ -951,12 +949,12 @@ const rule$10 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$10
+	name: RULE_NAME$11
 });
 //#endregion
 //#region src/rules/no-invalid-token-paths.ts
-const RULE_NAME$9 = "no-invalid-token-paths";
-const rule$9 = createRule({
+const RULE_NAME$10 = "no-invalid-token-paths";
+const rule$10 = createRule({
 	create(context) {
 		const invalidTokensCache = /* @__PURE__ */ new Map();
 		const sendReport = (node, value) => {
@@ -1033,12 +1031,12 @@ const rule$9 = createRule({
 		schema: [],
 		type: "problem"
 	},
-	name: RULE_NAME$9
+	name: RULE_NAME$10
 });
 //#endregion
 //#region src/rules/no-margin-properties.ts
-const RULE_NAME$8 = "no-margin-properties";
-const rule$8 = createRule({
+const RULE_NAME$9 = "no-margin-properties";
+const rule$9 = createRule({
 	create(context) {
 		const whitelist = context.options[0]?.whitelist ?? [];
 		const longhandCache = /* @__PURE__ */ new Map();
@@ -1114,7 +1112,7 @@ const rule$8 = createRule({
 		}],
 		type: "suggestion"
 	},
-	name: RULE_NAME$8
+	name: RULE_NAME$9
 });
 //#endregion
 //#region src/utils/physical-properties.ts
@@ -1158,7 +1156,7 @@ const physicalPropertyValues = { textAlign: {
 } };
 //#endregion
 //#region src/rules/no-physical-properties.ts
-const RULE_NAME$7 = "no-physical-properties";
+const RULE_NAME$8 = "no-physical-properties";
 const MESSAGES = {
 	physical: "Use logical property instead of {{physical}}. Prefer `{{logical}}`.",
 	physicalValue: "Use logical value instead of {{physical}}. Prefer `{{logical}}`.",
@@ -1240,7 +1238,7 @@ const createValueReport = (valueNode, valueText, logical, context) => {
 		}]
 	});
 };
-const rule$7 = createRule({
+const rule$8 = createRule({
 	create(context) {
 		const whitelist = context.options[0]?.whitelist ?? [];
 		const cache = new PropertyCache();
@@ -1296,12 +1294,12 @@ const rule$7 = createRule({
 		}],
 		type: "suggestion"
 	},
-	name: RULE_NAME$7
+	name: RULE_NAME$8
 });
 //#endregion
 //#region src/rules/no-property-renaming.ts
-const RULE_NAME$6 = "no-property-renaming";
-const rule$6 = createRule({
+const RULE_NAME$7 = "no-property-renaming";
+const rule$7 = createRule({
 	create(context) {
 		const bambooPropertyCache = /* @__PURE__ */ new WeakMap();
 		const bambooAttributeCache = /* @__PURE__ */ new WeakMap();
@@ -1365,6 +1363,65 @@ const rule$6 = createRule({
 		schema: [],
 		type: "problem"
 	},
+	name: RULE_NAME$7
+});
+//#endregion
+//#region src/rules/no-unlayered-override.ts
+const RULE_NAME$6 = "no-unlayered-override";
+/**
+* The call whose result is a class string in the `utilities` layer — the same layer a
+* consumer's `css()` is in, so neither can win over the other by cascade.
+*
+* `cva` and `sva` are deliberately absent. Their output is named semantically and emitted
+* into `recipes`, whether they are declared inline or in `theme.recipes`, so a consumer's
+* `css()` beats them by layer in every build. That is the fix this rule points at, and it
+* would be incoherent to report it.
+*/
+const STYLING_CALLS = new Set(["css"]);
+const calleeName = (node) => {
+	if (!isCallExpression(node)) return void 0;
+	if (isIdentifier(node.callee)) return node.callee.name;
+	if (isMemberExpression(node.callee) && isIdentifier(node.callee.property)) return void 0;
+};
+/**
+* An argument the rule cannot see the styles behind: a prop, a parameter, anything whose
+* value arrives at runtime. `props.className` is the shape this exists for.
+*/
+const isOpaque = (node) => {
+	if (isMemberExpression(node)) return true;
+	if (isIdentifier(node) && node.name !== "undefined") return true;
+	return false;
+};
+const rule$6 = createRule({
+	create(context) {
+		if (!isValidFile(context)) return {};
+		const isOwnStyles = (node) => {
+			const name = calleeName(node);
+			return name !== void 0 && STYLING_CALLS.has(name);
+		};
+		return { CallExpression(node) {
+			if (!isIdentifier(node.callee) || node.callee.name !== "cx") return;
+			if (node.arguments.length < 2) return;
+			const own = node.arguments.find((argument) => isOwnStyles(argument));
+			if (!own) return;
+			if (!node.arguments.find((argument) => argument !== own && isOpaque(argument))) return;
+			context.report({
+				messageId: "unlayeredOverride",
+				node: own
+			});
+		} };
+	},
+	defaultOptions: [],
+	meta: {
+		docs: { description: "Disallow joining a class this file styled with a class it cannot see, where neither can win by cascade layer." },
+		messages: { unlayeredOverride: [
+			"`cx` joins class names, it does not resolve conflicts between them.",
+			"These styles and the ones being joined are both in the `utilities` layer, so which applies is decided by stylesheet order rather than by the caller.",
+			"Declare the component styles with `cva` so they land in the `recipes` layer, or accept a style object and merge it with `css(base, props.css)`."
+		].join(" ") },
+		schema: [],
+		type: "problem"
+	},
 	name: RULE_NAME$6
 });
 //#endregion
@@ -2215,6 +2272,7 @@ const rule = createRule({
 //#endregion
 //#region src/rules/index.ts
 const rules = {
+	[RULE_NAME$19]: rule$19,
 	[RULE_NAME$18]: rule$18,
 	[RULE_NAME$17]: rule$17,
 	[RULE_NAME$16]: rule$16,
@@ -2238,9 +2296,9 @@ const rules = {
 //#endregion
 //#region src/configs/all.ts
 const errorRules = [
+	RULE_NAME$19,
 	RULE_NAME$18,
-	RULE_NAME$17,
-	RULE_NAME$9
+	RULE_NAME$10
 ];
 //#endregion
 //#region src/index.ts
@@ -2268,6 +2326,7 @@ const plugin = {
 				"bamboo/no-invalid-nesting": "error",
 				"bamboo/no-invalid-token-paths": "error",
 				"bamboo/no-property-renaming": "warn",
+				"bamboo/no-unlayered-override": "warn",
 				"bamboo/no-unsafe-token-fn-usage": "warn"
 			}
 		}

package/dist/utils/worker.cjs

@@ -83,7 +83,6 @@ async function runAsync(action, options, ...args) {
 		case "filterDeprecatedTokens": return filterDeprecatedTokens(context, ...args);
 		case "filterImports": return filterImports(context, ...args);
 		case "filterInvalidTokens": return filterInvalidTokens(context, ...args);
-		case "getJsxFactory": return getJsxFactory(context);
 		case "getPropCategory": return getPropertyCategory(context, ...args);
 		case "isColorAttribute": return isColorAttribute(context, ...args);
 		case "isColorToken": return isColorToken(context, ...args);
@@ -107,8 +106,7 @@ const isValidFile = (context, fileName) => {
 const isValidProperty = (context, name, patternName) => {
 	if (context.isValidProperty(name)) return true;
 	if (!patternName) return false;
-	if (patternName === context.config.jsxFactory) return false;
-	const pattern = context.patterns.details.find((p) => p.baseName === patternName || p.jsx.includes(patternName))?.config.properties;
+	const pattern = context.patterns.details.find((p) => p.baseName === patternName)?.config.properties;
 	if (!pattern) return false;
 	return Object.keys(pattern).includes(name);
 };
@@ -146,9 +144,6 @@ const resolveLongHand = (context, name) => {
 const resolveShorthands = (context, name) => {
 	return context.utility.getPropShorthandsMap().get(name);
 };
-const getJsxFactory = (context) => {
-	return context.config.jsxFactory;
-};
 (0, synckit.runAsWorker)(run);
 //#endregion
 exports.getContext = getContext;

package/dist/utils/worker.d.cts

@@ -33,7 +33,6 @@ declare function run(action: 'matchImports', options: Options, result: MatchImpo
 declare function run(action: 'filterImports', options: Options, imports: MatchImportResult[]): MatchImportResult[];
 declare function run(action: 'getPropCategory', options: Options, property: string): string;
 declare function run(action: 'filterDeprecatedTokens', options: Options, tokens: DeprecatedToken[]): DeprecatedToken[];
-declare function run(action: 'getJsxFactory', options: Options): string | undefined;
 declare function runAsync(action: 'filterInvalidTokens', options: Options, paths: string[]): Promise<string[]>;
 declare function runAsync(action: 'isColorToken', options: Options, value: string): Promise<boolean>;
 declare function runAsync(action: 'isColorAttribute', options: Options, attribute: string): Promise<boolean>;
@@ -46,6 +45,5 @@ declare function runAsync(action: 'matchImports', options: Options, result: Matc
 declare function runAsync(action: 'filterImports', options: Options, imports: MatchImportResult[]): Promise<MatchImportResult[]>;
 declare function runAsync(action: 'getPropCategory', options: Options, property: string): Promise<string>;
 declare function runAsync(action: 'filterDeprecatedTokens', options: Options, tokens: DeprecatedToken[]): Promise<DeprecatedToken[]>;
-declare function runAsync(action: 'getJsxFactory', options: Options): Promise<string | undefined>;
 //#endregion
 export { DeprecatedToken, getContext, run, runAsync };

package/dist/utils/worker.d.mts

@@ -33,7 +33,6 @@ declare function run(action: 'matchImports', options: Options, result: MatchImpo
 declare function run(action: 'filterImports', options: Options, imports: MatchImportResult[]): MatchImportResult[];
 declare function run(action: 'getPropCategory', options: Options, property: string): string;
 declare function run(action: 'filterDeprecatedTokens', options: Options, tokens: DeprecatedToken[]): DeprecatedToken[];
-declare function run(action: 'getJsxFactory', options: Options): string | undefined;
 declare function runAsync(action: 'filterInvalidTokens', options: Options, paths: string[]): Promise<string[]>;
 declare function runAsync(action: 'isColorToken', options: Options, value: string): Promise<boolean>;
 declare function runAsync(action: 'isColorAttribute', options: Options, attribute: string): Promise<boolean>;
@@ -46,6 +45,5 @@ declare function runAsync(action: 'matchImports', options: Options, result: Matc
 declare function runAsync(action: 'filterImports', options: Options, imports: MatchImportResult[]): Promise<MatchImportResult[]>;
 declare function runAsync(action: 'getPropCategory', options: Options, property: string): Promise<string>;
 declare function runAsync(action: 'filterDeprecatedTokens', options: Options, tokens: DeprecatedToken[]): Promise<DeprecatedToken[]>;
-declare function runAsync(action: 'getJsxFactory', options: Options): Promise<string | undefined>;
 //#endregion
 export { DeprecatedToken, getContext, run, runAsync };

package/dist/utils/worker.mjs

@@ -58,7 +58,6 @@ async function runAsync(action, options, ...args) {
 		case "filterDeprecatedTokens": return filterDeprecatedTokens(context, ...args);
 		case "filterImports": return filterImports(context, ...args);
 		case "filterInvalidTokens": return filterInvalidTokens(context, ...args);
-		case "getJsxFactory": return getJsxFactory(context);
 		case "getPropCategory": return getPropertyCategory(context, ...args);
 		case "isColorAttribute": return isColorAttribute(context, ...args);
 		case "isColorToken": return isColorToken(context, ...args);
@@ -82,8 +81,7 @@ const isValidFile = (context, fileName) => {
 const isValidProperty = (context, name, patternName) => {
 	if (context.isValidProperty(name)) return true;
 	if (!patternName) return false;
-	if (patternName === context.config.jsxFactory) return false;
-	const pattern = context.patterns.details.find((p) => p.baseName === patternName || p.jsx.includes(patternName))?.config.properties;
+	const pattern = context.patterns.details.find((p) => p.baseName === patternName)?.config.properties;
 	if (!pattern) return false;
 	return Object.keys(pattern).includes(name);
 };
@@ -121,9 +119,6 @@ const resolveLongHand = (context, name) => {
 const resolveShorthands = (context, name) => {
 	return context.utility.getPropShorthandsMap().get(name);
 };
-const getJsxFactory = (context) => {
-	return context.config.jsxFactory;
-};
 runAsWorker(run);
 //#endregion
 export { getContext, run, runAsync };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/eslint-plugin",
-  "version": "1.15.0",
+  "version": "1.16.1",
   "description": "ESLint plugin for Bamboo CSS",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -36,9 +36,9 @@
     "@typescript-eslint/utils": "^8.21.0",
     "micromatch": "^4.0.8",
     "synckit": "^0.9.0",
-    "@bamboocss/config": "1.15.0",
-    "@bamboocss/generator": "1.15.0",
-    "@bamboocss/shared": "1.15.0"
+    "@bamboocss/config": "1.16.1",
+    "@bamboocss/generator": "1.16.1",
+    "@bamboocss/shared": "1.16.1"
   },
   "devDependencies": {
     "@types/micromatch": "^4.0.10",
@@ -46,10 +46,10 @@
     "eslint": "^9.35.0",
     "multiline-ts": "^4.0.1",
     "typescript": "^5.7.2",
-    "@bamboocss/dev": "1.15.0",
-    "@bamboocss/preset-bamboo": "1.15.0",
-    "@bamboocss/preset-base": "1.15.0",
-    "@bamboocss/types": "1.15.0"
+    "@bamboocss/dev": "1.16.1",
+    "@bamboocss/preset-bamboo": "1.16.1",
+    "@bamboocss/preset-base": "1.16.1",
+    "@bamboocss/types": "1.16.1"
   },
   "peerDependencies": {
     "eslint": "*"