@tenphi/eslint-plugin-tasty 0.3.1 → 0.4.1

package/dist/rules/consistent-token-usage.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { TastyContext } from "../context.js";
 import { getKeyName, getStringValue } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/consistent-token-usage.ts
 const PX_TO_UNIT = {
@@ -57,28 +57,29 @@ var consistent_token_usage_default = createRule({
 				}
 			});
 		}
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			for (const prop of node.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				const key = getKeyName(prop.key);
+				if (key === null) continue;
+				const str = getStringValue(prop.value);
+				if (str) {
+					checkValue(key, str, prop.value);
+					continue;
+				}
+				if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+					if (stateProp.type !== "Property") continue;
+					const stateStr = getStringValue(stateProp.value);
+					if (stateStr) checkValue(key, stateStr, stateProp.value);
+				}
+			}
+		}
 		return {
 			ImportDeclaration(node) {
 				ctx.trackImport(node);
 			},
-			"CallExpression ObjectExpression"(node) {
-				if (!ctx.isStyleObject(node)) return;
-				for (const prop of node.properties) {
-					if (prop.type !== "Property" || prop.computed) continue;
-					const key = getKeyName(prop.key);
-					if (key === null) continue;
-					const str = getStringValue(prop.value);
-					if (str) {
-						checkValue(key, str, prop.value);
-						continue;
-					}
-					if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
-						if (stateProp.type !== "Property") continue;
-						const stateStr = getStringValue(stateProp.value);
-						if (stateStr) checkValue(key, stateStr, stateProp.value);
-					}
-				}
-			}
+			...styleObjectListeners(handleStyleObject)
 		};
 	}
 });

package/dist/rules/consistent-token-usage.js.map

@@ -1 +1 @@
-{"version":3,"file":"consistent-token-usage.js","names":[],"sources":["../../src/rules/consistent-token-usage.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\n\ntype MessageIds = 'preferToken';\n\nconst PX_TO_UNIT: Record<string, string> = {\n  '8px': '1x',\n  '16px': '2x',\n  '24px': '3x',\n  '32px': '4x',\n  '40px': '5x',\n  '48px': '6x',\n  '56px': '7x',\n  '64px': '8x',\n};\n\nexport default createRule<[], MessageIds>({\n  name: 'consistent-token-usage',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Suggest using design tokens and custom units instead of raw CSS values',\n    },\n    messages: {\n      preferToken: \"Consider using '{{suggestion}}' instead of '{{raw}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkValue(\n      property: string,\n      value: string,\n      node: TSESTree.Node,\n    ): void {\n      const trimmed = value.trim();\n\n      // Check pixel values that map to gap multiples\n      if (trimmed in PX_TO_UNIT) {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: PX_TO_UNIT[trimmed], raw: trimmed },\n        });\n        return;\n      }\n\n      // Check 6px in radius context\n      if (property === 'radius' && trimmed === '6px') {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1r', raw: '6px' },\n        });\n        return;\n      }\n\n      // Check 1px in border context\n      if (property === 'border' && trimmed.includes('1px')) {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1bw', raw: '1px' },\n        });\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          const str = getStringValue(prop.value);\n          if (str) {\n            checkValue(key, str, prop.value);\n            continue;\n          }\n\n          if (prop.value.type === 'ObjectExpression') {\n            for (const stateProp of prop.value.properties) {\n              if (stateProp.type !== 'Property') continue;\n              const stateStr = getStringValue(stateProp.value);\n              if (stateStr) {\n                checkValue(key, stateStr, stateProp.value);\n              }\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,MAAM,aAAqC;CACzC,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACT;AAED,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,0EACH;EACD,UAAU,EACR,aAAa,yDACd;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,WACP,UACA,OACA,MACM;GACN,MAAM,UAAU,MAAM,MAAM;AAG5B,OAAI,WAAW,YAAY;AACzB,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY,WAAW;MAAU,KAAK;MAAS;KACxD,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,YAAY,OAAO;AAC9C,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY;MAAM,KAAK;MAAO;KACvC,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,QAAQ,SAAS,MAAM,CAClD,SAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM;KAAE,YAAY;KAAO,KAAK;KAAO;IACxC,CAAC;;AAIN,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;KAElB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,SAAI,KAAK;AACP,iBAAW,KAAK,KAAK,KAAK,MAAM;AAChC;;AAGF,SAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,UAAI,UAAU,SAAS,WAAY;MACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,UAAI,SACF,YAAW,KAAK,UAAU,UAAU,MAAM;;;;GAMrD;;CAEJ,CAAC"}
+{"version":3,"file":"consistent-token-usage.js","names":[],"sources":["../../src/rules/consistent-token-usage.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\n\ntype MessageIds = 'preferToken';\n\nconst PX_TO_UNIT: Record<string, string> = {\n  '8px': '1x',\n  '16px': '2x',\n  '24px': '3x',\n  '32px': '4x',\n  '40px': '5x',\n  '48px': '6x',\n  '56px': '7x',\n  '64px': '8x',\n};\n\nexport default createRule<[], MessageIds>({\n  name: 'consistent-token-usage',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Suggest using design tokens and custom units instead of raw CSS values',\n    },\n    messages: {\n      preferToken: \"Consider using '{{suggestion}}' instead of '{{raw}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkValue(\n      property: string,\n      value: string,\n      node: TSESTree.Node,\n    ): void {\n      const trimmed = value.trim();\n\n      // Check pixel values that map to gap multiples\n      if (trimmed in PX_TO_UNIT) {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: PX_TO_UNIT[trimmed], raw: trimmed },\n        });\n        return;\n      }\n\n      // Check 6px in radius context\n      if (property === 'radius' && trimmed === '6px') {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1r', raw: '6px' },\n        });\n        return;\n      }\n\n      // Check 1px in border context\n      if (property === 'border' && trimmed.includes('1px')) {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1bw', raw: '1px' },\n        });\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkValue(key, str, prop.value);\n          continue;\n        }\n\n        if (prop.value.type === 'ObjectExpression') {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) {\n              checkValue(key, stateStr, stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,MAAM,aAAqC;CACzC,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACT;AAED,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,0EACH;EACD,UAAU,EACR,aAAa,yDACd;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,WACP,UACA,OACA,MACM;GACN,MAAM,UAAU,MAAM,MAAM;AAG5B,OAAI,WAAW,YAAY;AACzB,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY,WAAW;MAAU,KAAK;MAAS;KACxD,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,YAAY,OAAO;AAC9C,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY;MAAM,KAAK;MAAO;KACvC,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,QAAQ,SAAS,MAAM,CAClD,SAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM;KAAE,YAAY;KAAO,KAAK;KAAO;IACxC,CAAC;;EAIN,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;IAElB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,gBAAW,KAAK,KAAK,KAAK,MAAM;AAChC;;AAGF,QAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,SAAI,SACF,YAAW,KAAK,UAAU,UAAU,MAAM;;;;AAOpD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/known-property.js

@@ -1,7 +1,7 @@
 import { createRule } from "../create-rule.js";
 import { KNOWN_CSS_PROPERTIES, KNOWN_TASTY_PROPERTIES, SHORTHAND_MAPPING, SPECIAL_STYLE_KEYS } from "../constants.js";
-import { TastyContext } from "../context.js";
 import { getKeyName } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/known-property.ts
 var known_property_default = createRule({
@@ -15,39 +15,40 @@ var known_property_default = createRule({
 	defaultOptions: [],
 	create(context) {
 		const ctx = new TastyContext(context);
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			for (const prop of node.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				const key = getKeyName(prop.key);
+				if (key === null) continue;
+				if (/^[A-Z]/.test(key)) continue;
+				if (key.startsWith("&")) continue;
+				if (key.startsWith("@")) continue;
+				if (key.startsWith("$")) continue;
+				if (key.startsWith("#")) continue;
+				if (key.startsWith("--")) continue;
+				if (key.startsWith("-")) continue;
+				if (KNOWN_TASTY_PROPERTIES.has(key)) continue;
+				if (KNOWN_CSS_PROPERTIES.has(key)) continue;
+				if (SPECIAL_STYLE_KEYS.has(key)) continue;
+				if (key in SHORTHAND_MAPPING) continue;
+				if (ctx.config.styles.includes(key)) continue;
+				if (prop.value.type === "ObjectExpression" && node.parent?.type === "Property") {
+					const parentProp = node.parent;
+					if (!parentProp.computed && ctx.isStateMap(node, parentProp)) continue;
+				}
+				context.report({
+					node: prop.key,
+					messageId: "unknownProperty",
+					data: { name: key }
+				});
+			}
+		}
 		return {
 			ImportDeclaration(node) {
 				ctx.trackImport(node);
 			},
-			"CallExpression ObjectExpression"(node) {
-				if (!ctx.isStyleObject(node)) return;
-				for (const prop of node.properties) {
-					if (prop.type !== "Property" || prop.computed) continue;
-					const key = getKeyName(prop.key);
-					if (key === null) continue;
-					if (/^[A-Z]/.test(key)) continue;
-					if (key.startsWith("&")) continue;
-					if (key.startsWith("@")) continue;
-					if (key.startsWith("$")) continue;
-					if (key.startsWith("#")) continue;
-					if (key.startsWith("--")) continue;
-					if (key.startsWith("-")) continue;
-					if (KNOWN_TASTY_PROPERTIES.has(key)) continue;
-					if (KNOWN_CSS_PROPERTIES.has(key)) continue;
-					if (SPECIAL_STYLE_KEYS.has(key)) continue;
-					if (key in SHORTHAND_MAPPING) continue;
-					if (ctx.config.styles.includes(key)) continue;
-					if (prop.value.type === "ObjectExpression" && node.parent?.type === "Property") {
-						const parentProp = node.parent;
-						if (!parentProp.computed && ctx.isStateMap(node, parentProp)) continue;
-					}
-					context.report({
-						node: prop.key,
-						messageId: "unknownProperty",
-						data: { name: key }
-					});
-				}
-			}
+			...styleObjectListeners(handleStyleObject)
 		};
 	}
 });

package/dist/rules/known-property.js.map

@@ -1 +1 @@
-{"version":3,"file":"known-property.js","names":[],"sources":["../../src/rules/known-property.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName } from '../utils.js';\nimport {\n  KNOWN_TASTY_PROPERTIES,\n  KNOWN_CSS_PROPERTIES,\n  SPECIAL_STYLE_KEYS,\n  SHORTHAND_MAPPING,\n} from '../constants.js';\n\ntype MessageIds = 'unknownProperty';\n\nexport default createRule<[], MessageIds>({\n  name: 'known-property',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Warn when a style property name is not recognized as a valid tasty or CSS property',\n    },\n    messages: {\n      unknownProperty: \"Unknown style property '{{name}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          // Sub-element keys (uppercase start)\n          if (/^[A-Z]/.test(key)) continue;\n\n          // Nested selectors (handled by no-nested-selector)\n          if (key.startsWith('&')) continue;\n\n          // Special @ keys\n          if (key.startsWith('@')) continue;\n\n          // Custom CSS property definitions\n          if (key.startsWith('$')) continue;\n\n          // Color token definitions\n          if (key.startsWith('#')) continue;\n\n          // CSS custom properties (--foo)\n          if (key.startsWith('--')) continue;\n\n          // Vendor-prefixed properties (-webkit-*, -moz-*, etc.)\n          if (key.startsWith('-')) continue;\n\n          // Known tasty property\n          if (KNOWN_TASTY_PROPERTIES.has(key)) continue;\n\n          // Known CSS property\n          if (KNOWN_CSS_PROPERTIES.has(key)) continue;\n\n          // Special style keys\n          if (SPECIAL_STYLE_KEYS.has(key)) continue;\n\n          // Shorthand mappings (reported by prefer-shorthand-property)\n          if (key in SHORTHAND_MAPPING) continue;\n\n          // Custom styles from config\n          if (ctx.config.styles.includes(key)) continue;\n\n          // Check if the parent is a state map — state keys are not properties\n          if (\n            prop.value.type === 'ObjectExpression' &&\n            node.parent?.type === 'Property'\n          ) {\n            const parentProp = node.parent as TSESTree.Property;\n            if (!parentProp.computed && ctx.isStateMap(node, parentProp)) {\n              continue;\n            }\n          }\n\n          context.report({\n            node: prop.key,\n            messageId: 'unknownProperty',\n            data: { name: key },\n          });\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;;AAaA,6BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,sFACH;EACD,UAAU,EACR,iBAAiB,sCAClB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;AAErC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;AAGlB,SAAI,SAAS,KAAK,IAAI,CAAE;AAGxB,SAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,SAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,SAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,SAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,SAAI,IAAI,WAAW,KAAK,CAAE;AAG1B,SAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,SAAI,uBAAuB,IAAI,IAAI,CAAE;AAGrC,SAAI,qBAAqB,IAAI,IAAI,CAAE;AAGnC,SAAI,mBAAmB,IAAI,IAAI,CAAE;AAGjC,SAAI,OAAO,kBAAmB;AAG9B,SAAI,IAAI,OAAO,OAAO,SAAS,IAAI,CAAE;AAGrC,SACE,KAAK,MAAM,SAAS,sBACpB,KAAK,QAAQ,SAAS,YACtB;MACA,MAAM,aAAa,KAAK;AACxB,UAAI,CAAC,WAAW,YAAY,IAAI,WAAW,MAAM,WAAW,CAC1D;;AAIJ,aAAQ,OAAO;MACb,MAAM,KAAK;MACX,WAAW;MACX,MAAM,EAAE,MAAM,KAAK;MACpB,CAAC;;;GAGP;;CAEJ,CAAC"}
+{"version":3,"file":"known-property.js","names":[],"sources":["../../src/rules/known-property.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName } from '../utils.js';\nimport {\n  KNOWN_TASTY_PROPERTIES,\n  KNOWN_CSS_PROPERTIES,\n  SPECIAL_STYLE_KEYS,\n  SHORTHAND_MAPPING,\n} from '../constants.js';\n\ntype MessageIds = 'unknownProperty';\n\nexport default createRule<[], MessageIds>({\n  name: 'known-property',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Warn when a style property name is not recognized as a valid tasty or CSS property',\n    },\n    messages: {\n      unknownProperty: \"Unknown style property '{{name}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        // Sub-element keys (uppercase start)\n        if (/^[A-Z]/.test(key)) continue;\n\n        // Nested selectors (handled by no-nested-selector)\n        if (key.startsWith('&')) continue;\n\n        // Special @ keys\n        if (key.startsWith('@')) continue;\n\n        // Custom CSS property definitions\n        if (key.startsWith('$')) continue;\n\n        // Color token definitions\n        if (key.startsWith('#')) continue;\n\n        // CSS custom properties (--foo)\n        if (key.startsWith('--')) continue;\n\n        // Vendor-prefixed properties (-webkit-*, -moz-*, etc.)\n        if (key.startsWith('-')) continue;\n\n        // Known tasty property\n        if (KNOWN_TASTY_PROPERTIES.has(key)) continue;\n\n        // Known CSS property\n        if (KNOWN_CSS_PROPERTIES.has(key)) continue;\n\n        // Special style keys\n        if (SPECIAL_STYLE_KEYS.has(key)) continue;\n\n        // Shorthand mappings (reported by prefer-shorthand-property)\n        if (key in SHORTHAND_MAPPING) continue;\n\n        // Custom styles from config\n        if (ctx.config.styles.includes(key)) continue;\n\n        // Check if the parent is a state map — state keys are not properties\n        if (\n          prop.value.type === 'ObjectExpression' &&\n          node.parent?.type === 'Property'\n        ) {\n          const parentProp = node.parent as TSESTree.Property;\n          if (!parentProp.computed && ctx.isStateMap(node, parentProp)) {\n            continue;\n          }\n        }\n\n        context.report({\n          node: prop.key,\n          messageId: 'unknownProperty',\n          data: { name: key },\n        });\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;AAaA,6BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,sFACH;EACD,UAAU,EACR,iBAAiB,sCAClB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;AAGlB,QAAI,SAAS,KAAK,IAAI,CAAE;AAGxB,QAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,QAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,QAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,QAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,QAAI,IAAI,WAAW,KAAK,CAAE;AAG1B,QAAI,IAAI,WAAW,IAAI,CAAE;AAGzB,QAAI,uBAAuB,IAAI,IAAI,CAAE;AAGrC,QAAI,qBAAqB,IAAI,IAAI,CAAE;AAGnC,QAAI,mBAAmB,IAAI,IAAI,CAAE;AAGjC,QAAI,OAAO,kBAAmB;AAG9B,QAAI,IAAI,OAAO,OAAO,SAAS,IAAI,CAAE;AAGrC,QACE,KAAK,MAAM,SAAS,sBACpB,KAAK,QAAQ,SAAS,YACtB;KACA,MAAM,aAAa,KAAK;AACxB,SAAI,CAAC,WAAW,YAAY,IAAI,WAAW,MAAM,WAAW,CAC1D;;AAIJ,YAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM,EAAE,MAAM,KAAK;KACpB,CAAC;;;AAIN,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/no-duplicate-state.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { TastyContext } from "../context.js";
 import { getKeyName, getStringValue } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/no-duplicate-state.ts
 var no_duplicate_state_default = createRule({
@@ -28,20 +28,21 @@ var no_duplicate_state_default = createRule({
 				else seen.set(key, prop.key);
 			}
 		}
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			for (const prop of node.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				const key = getKeyName(prop.key);
+				if (key === null) continue;
+				if (/^[A-Z@&]/.test(key)) continue;
+				if (prop.value.type === "ObjectExpression") checkDuplicates(prop.value);
+			}
+		}
 		return {
 			ImportDeclaration(node) {
 				ctx.trackImport(node);
 			},
-			"CallExpression ObjectExpression"(node) {
-				if (!ctx.isStyleObject(node)) return;
-				for (const prop of node.properties) {
-					if (prop.type !== "Property" || prop.computed) continue;
-					const key = getKeyName(prop.key);
-					if (key === null) continue;
-					if (/^[A-Z@&]/.test(key)) continue;
-					if (prop.value.type === "ObjectExpression") checkDuplicates(prop.value);
-				}
-			}
+			...styleObjectListeners(handleStyleObject)
 		};
 	}
 });

package/dist/rules/no-duplicate-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-duplicate-state.js","names":[],"sources":["../../src/rules/no-duplicate-state.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\n\ntype MessageIds = 'duplicateState';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-duplicate-state',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Warn when the same state key appears more than once in a style mapping',\n    },\n    messages: {\n      duplicateState: \"Duplicate state key '{{key}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkDuplicates(obj: TSESTree.ObjectExpression): void {\n      const seen = new Map<string, TSESTree.Node>();\n\n      for (const prop of obj.properties) {\n        if (prop.type !== 'Property') continue;\n\n        const key = !prop.computed\n          ? getKeyName(prop.key)\n          : getStringValue(prop.key);\n\n        if (key === null) continue;\n\n        if (seen.has(key)) {\n          context.report({\n            node: prop.key,\n            messageId: 'duplicateState',\n            data: { key },\n          });\n        } else {\n          seen.set(key, prop.key);\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          // Skip sub-elements and special keys\n          if (/^[A-Z@&]/.test(key)) continue;\n\n          // Check state map objects for duplicates\n          if (prop.value.type === 'ObjectExpression') {\n            checkDuplicates(prop.value);\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,iCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,0EACH;EACD,UAAU,EACR,gBAAgB,kCACjB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,gBAAgB,KAAsC;GAC7D,MAAM,uBAAO,IAAI,KAA4B;AAE7C,QAAK,MAAM,QAAQ,IAAI,YAAY;AACjC,QAAI,KAAK,SAAS,WAAY;IAE9B,MAAM,MAAM,CAAC,KAAK,WACd,WAAW,KAAK,IAAI,GACpB,eAAe,KAAK,IAAI;AAE5B,QAAI,QAAQ,KAAM;AAElB,QAAI,KAAK,IAAI,IAAI,CACf,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM,EAAE,KAAK;KACd,CAAC;QAEF,MAAK,IAAI,KAAK,KAAK,IAAI;;;AAK7B,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;AAGlB,SAAI,WAAW,KAAK,IAAI,CAAE;AAG1B,SAAI,KAAK,MAAM,SAAS,mBACtB,iBAAgB,KAAK,MAAM;;;GAIlC;;CAEJ,CAAC"}
+{"version":3,"file":"no-duplicate-state.js","names":[],"sources":["../../src/rules/no-duplicate-state.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\n\ntype MessageIds = 'duplicateState';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-duplicate-state',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Warn when the same state key appears more than once in a style mapping',\n    },\n    messages: {\n      duplicateState: \"Duplicate state key '{{key}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkDuplicates(obj: TSESTree.ObjectExpression): void {\n      const seen = new Map<string, TSESTree.Node>();\n\n      for (const prop of obj.properties) {\n        if (prop.type !== 'Property') continue;\n\n        const key = !prop.computed\n          ? getKeyName(prop.key)\n          : getStringValue(prop.key);\n\n        if (key === null) continue;\n\n        if (seen.has(key)) {\n          context.report({\n            node: prop.key,\n            messageId: 'duplicateState',\n            data: { key },\n          });\n        } else {\n          seen.set(key, prop.key);\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        // Skip sub-elements and special keys\n        if (/^[A-Z@&]/.test(key)) continue;\n\n        // Check state map objects for duplicates\n        if (prop.value.type === 'ObjectExpression') {\n          checkDuplicates(prop.value);\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,iCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,0EACH;EACD,UAAU,EACR,gBAAgB,kCACjB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,gBAAgB,KAAsC;GAC7D,MAAM,uBAAO,IAAI,KAA4B;AAE7C,QAAK,MAAM,QAAQ,IAAI,YAAY;AACjC,QAAI,KAAK,SAAS,WAAY;IAE9B,MAAM,MAAM,CAAC,KAAK,WACd,WAAW,KAAK,IAAI,GACpB,eAAe,KAAK,IAAI;AAE5B,QAAI,QAAQ,KAAM;AAElB,QAAI,KAAK,IAAI,IAAI,CACf,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM,EAAE,KAAK;KACd,CAAC;QAEF,MAAK,IAAI,KAAK,KAAK,IAAI;;;EAK7B,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;AAGlB,QAAI,WAAW,KAAK,IAAI,CAAE;AAG1B,QAAI,KAAK,MAAM,SAAS,mBACtB,iBAAgB,KAAK,MAAM;;;AAKjC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/no-important.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { TastyContext } from "../context.js";
 import { getStringValue } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/no-important.ts
 var no_important_default = createRule({
@@ -21,20 +21,21 @@ var no_important_default = createRule({
 				messageId: "noImportant"
 			});
 		}
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			for (const prop of node.properties) {
+				if (prop.type !== "Property") continue;
+				checkNode(prop.value);
+				if (prop.value.type === "ObjectExpression") {
+					for (const stateProp of prop.value.properties) if (stateProp.type === "Property") checkNode(stateProp.value);
+				}
+			}
+		}
 		return {
 			ImportDeclaration(node) {
 				ctx.trackImport(node);
 			},
-			"CallExpression ObjectExpression"(node) {
-				if (!ctx.isStyleObject(node)) return;
-				for (const prop of node.properties) {
-					if (prop.type !== "Property") continue;
-					checkNode(prop.value);
-					if (prop.value.type === "ObjectExpression") {
-						for (const stateProp of prop.value.properties) if (stateProp.type === "Property") checkNode(stateProp.value);
-					}
-				}
-			}
+			...styleObjectListeners(handleStyleObject)
 		};
 	}
 });

package/dist/rules/no-important.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-important.js","names":[],"sources":["../../src/rules/no-important.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getStringValue } from '../utils.js';\n\ntype MessageIds = 'noImportant';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-important',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Disallow !important in tasty style values',\n    },\n    messages: {\n      noImportant:\n        'Do not use !important in tasty styles. The tasty system manages specificity via doubled selectors and state ordering.',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkNode(node: TSESTree.Node): void {\n      const str = getStringValue(node);\n      if (str && str.includes('!important')) {\n        context.report({ node, messageId: 'noImportant' });\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property') continue;\n\n          checkNode(prop.value);\n\n          if (prop.value.type === 'ObjectExpression') {\n            for (const stateProp of prop.value.properties) {\n              if (stateProp.type === 'Property') {\n                checkNode(stateProp.value);\n              }\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,2BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,6CACd;EACD,UAAU,EACR,aACE,yHACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,UAAU,MAA2B;GAC5C,MAAM,MAAM,eAAe,KAAK;AAChC,OAAI,OAAO,IAAI,SAAS,aAAa,CACnC,SAAQ,OAAO;IAAE;IAAM,WAAW;IAAe,CAAC;;AAItD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,WAAY;AAE9B,eAAU,KAAK,MAAM;AAErB,SAAI,KAAK,MAAM,SAAS,oBACtB;WAAK,MAAM,aAAa,KAAK,MAAM,WACjC,KAAI,UAAU,SAAS,WACrB,WAAU,UAAU,MAAM;;;;GAMrC;;CAEJ,CAAC"}
+{"version":3,"file":"no-important.js","names":[],"sources":["../../src/rules/no-important.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getStringValue } from '../utils.js';\n\ntype MessageIds = 'noImportant';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-important',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Disallow !important in tasty style values',\n    },\n    messages: {\n      noImportant:\n        'Do not use !important in tasty styles. The tasty system manages specificity via doubled selectors and state ordering.',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkNode(node: TSESTree.Node): void {\n      const str = getStringValue(node);\n      if (str && str.includes('!important')) {\n        context.report({ node, messageId: 'noImportant' });\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property') continue;\n\n        checkNode(prop.value);\n\n        if (prop.value.type === 'ObjectExpression') {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type === 'Property') {\n              checkNode(stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,2BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,6CACd;EACD,UAAU,EACR,aACE,yHACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,UAAU,MAA2B;GAC5C,MAAM,MAAM,eAAe,KAAK;AAChC,OAAI,OAAO,IAAI,SAAS,aAAa,CACnC,SAAQ,OAAO;IAAE;IAAM,WAAW;IAAe,CAAC;;EAItD,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,WAAY;AAE9B,cAAU,KAAK,MAAM;AAErB,QAAI,KAAK,MAAM,SAAS,oBACtB;UAAK,MAAM,aAAa,KAAK,MAAM,WACjC,KAAI,UAAU,SAAS,WACrB,WAAU,UAAU,MAAM;;;;AAOpC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/no-nested-selector.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { TastyContext } from "../context.js";
 import { getKeyName } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/no-nested-selector.ts
 var no_nested_selector_default = createRule({
@@ -14,23 +14,24 @@ var no_nested_selector_default = createRule({
 	defaultOptions: [],
 	create(context) {
 		const ctx = new TastyContext(context);
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			for (const prop of node.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				const key = getKeyName(prop.key);
+				if (key === null) continue;
+				if (key.startsWith("&") && !key.startsWith("&::")) context.report({
+					node: prop.key,
+					messageId: "noNestedSelector",
+					data: { key }
+				});
+			}
+		}
 		return {
 			ImportDeclaration(node) {
 				ctx.trackImport(node);
 			},
-			"CallExpression ObjectExpression"(node) {
-				if (!ctx.isStyleObject(node)) return;
-				for (const prop of node.properties) {
-					if (prop.type !== "Property" || prop.computed) continue;
-					const key = getKeyName(prop.key);
-					if (key === null) continue;
-					if (key.startsWith("&") && !key.startsWith("&::")) context.report({
-						node: prop.key,
-						messageId: "noNestedSelector",
-						data: { key }
-					});
-				}
-			}
+			...styleObjectListeners(handleStyleObject)
 		};
 	}
 });

package/dist/rules/no-nested-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-nested-selector.js","names":[],"sources":["../../src/rules/no-nested-selector.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName } from '../utils.js';\n\ntype MessageIds = 'noNestedSelector';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-nested-selector',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Discourage &-prefixed nested selectors in favor of sub-element styling',\n    },\n    messages: {\n      noNestedSelector:\n        \"Avoid nested selectors ('{{key}}'). Use sub-element styling with capitalized keys and data-element attributes instead.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          if (key.startsWith('&') && !key.startsWith('&::')) {\n            context.report({\n              node: prop.key,\n              messageId: 'noNestedSelector',\n              data: { key },\n            });\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,iCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,0EACH;EACD,UAAU,EACR,kBACE,0HACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;AAErC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;AAElB,SAAI,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,WAAW,MAAM,CAC/C,SAAQ,OAAO;MACb,MAAM,KAAK;MACX,WAAW;MACX,MAAM,EAAE,KAAK;MACd,CAAC;;;GAIT;;CAEJ,CAAC"}
+{"version":3,"file":"no-nested-selector.js","names":[],"sources":["../../src/rules/no-nested-selector.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName } from '../utils.js';\n\ntype MessageIds = 'noNestedSelector';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-nested-selector',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Discourage &-prefixed nested selectors in favor of sub-element styling',\n    },\n    messages: {\n      noNestedSelector:\n        \"Avoid nested selectors ('{{key}}'). Use sub-element styling with capitalized keys and data-element attributes instead.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        if (key.startsWith('&') && !key.startsWith('&::')) {\n          context.report({\n            node: prop.key,\n            messageId: 'noNestedSelector',\n            data: { key },\n          });\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,iCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,0EACH;EACD,UAAU,EACR,kBACE,0HACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;AAElB,QAAI,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,WAAW,MAAM,CAC/C,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM,EAAE,KAAK;KACd,CAAC;;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/no-nested-state-map.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { TastyContext } from "../context.js";
 import { getKeyName } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/no-nested-state-map.ts
 var no_nested_state_map_default = createRule({
@@ -14,27 +14,28 @@ var no_nested_state_map_default = createRule({
 	defaultOptions: [],
 	create(context) {
 		const ctx = new TastyContext(context);
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			for (const prop of node.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				const key = getKeyName(prop.key);
+				if (key === null) continue;
+				if (/^[A-Z@&]/.test(key)) continue;
+				if (prop.value.type !== "ObjectExpression") continue;
+				for (const stateProp of prop.value.properties) {
+					if (stateProp.type !== "Property") continue;
+					if (stateProp.value.type === "ObjectExpression") context.report({
+						node: stateProp.value,
+						messageId: "nestedStateMap"
+					});
+				}
+			}
+		}
 		return {
 			ImportDeclaration(node) {
 				ctx.trackImport(node);
 			},
-			"CallExpression ObjectExpression"(node) {
-				if (!ctx.isStyleObject(node)) return;
-				for (const prop of node.properties) {
-					if (prop.type !== "Property" || prop.computed) continue;
-					const key = getKeyName(prop.key);
-					if (key === null) continue;
-					if (/^[A-Z@&]/.test(key)) continue;
-					if (prop.value.type !== "ObjectExpression") continue;
-					for (const stateProp of prop.value.properties) {
-						if (stateProp.type !== "Property") continue;
-						if (stateProp.value.type === "ObjectExpression") context.report({
-							node: stateProp.value,
-							messageId: "nestedStateMap"
-						});
-					}
-				}
-			}
+			...styleObjectListeners(handleStyleObject)
 		};
 	}
 });

package/dist/rules/no-nested-state-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-nested-state-map.js","names":[],"sources":["../../src/rules/no-nested-state-map.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName } from '../utils.js';\n\ntype MessageIds = 'nestedStateMap';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-nested-state-map',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Prevent state mapping objects inside state mapping objects',\n    },\n    messages: {\n      nestedStateMap:\n        \"Nested state maps are not allowed. Use combined state keys instead (e.g., 'hovered & pressed').\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          // Skip sub-elements and special keys\n          if (/^[A-Z@&]/.test(key)) continue;\n\n          // If value is an object (state map), check for nested objects\n          if (prop.value.type !== 'ObjectExpression') continue;\n\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n\n            if (stateProp.value.type === 'ObjectExpression') {\n              context.report({\n                node: stateProp.value,\n                messageId: 'nestedStateMap',\n              });\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,kCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,8DACd;EACD,UAAU,EACR,gBACE,mGACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;AAErC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;AAGlB,SAAI,WAAW,KAAK,IAAI,CAAE;AAG1B,SAAI,KAAK,MAAM,SAAS,mBAAoB;AAE5C,UAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,UAAI,UAAU,SAAS,WAAY;AAEnC,UAAI,UAAU,MAAM,SAAS,mBAC3B,SAAQ,OAAO;OACb,MAAM,UAAU;OAChB,WAAW;OACZ,CAAC;;;;GAKX;;CAEJ,CAAC"}
+{"version":3,"file":"no-nested-state-map.js","names":[],"sources":["../../src/rules/no-nested-state-map.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName } from '../utils.js';\n\ntype MessageIds = 'nestedStateMap';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-nested-state-map',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Prevent state mapping objects inside state mapping objects',\n    },\n    messages: {\n      nestedStateMap:\n        \"Nested state maps are not allowed. Use combined state keys instead (e.g., 'hovered & pressed').\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        // Skip sub-elements and special keys\n        if (/^[A-Z@&]/.test(key)) continue;\n\n        // If value is an object (state map), check for nested objects\n        if (prop.value.type !== 'ObjectExpression') continue;\n\n        for (const stateProp of prop.value.properties) {\n          if (stateProp.type !== 'Property') continue;\n\n          if (stateProp.value.type === 'ObjectExpression') {\n            context.report({\n              node: stateProp.value,\n              messageId: 'nestedStateMap',\n            });\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,kCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,8DACd;EACD,UAAU,EACR,gBACE,mGACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;AAGlB,QAAI,WAAW,KAAK,IAAI,CAAE;AAG1B,QAAI,KAAK,MAAM,SAAS,mBAAoB;AAE5C,SAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;AAEnC,SAAI,UAAU,MAAM,SAAS,mBAC3B,SAAQ,OAAO;MACb,MAAM,UAAU;MAChB,WAAW;MACZ,CAAC;;;;AAMV,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/no-raw-color-values.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { TastyContext } from "../context.js";
 import { getStringValue } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/no-raw-color-values.ts
 const HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,8})\b/g;
@@ -58,23 +58,24 @@ var no_raw_color_values_default = createRule({
 				data: { func: match[1] }
 			});
 		}
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			for (const prop of node.properties) {
+				if (prop.type !== "Property") continue;
+				const str = getStringValue(prop.value);
+				if (str) checkValue(str, prop.value);
+				if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+					if (stateProp.type !== "Property") continue;
+					const stateStr = getStringValue(stateProp.value);
+					if (stateStr) checkValue(stateStr, stateProp.value);
+				}
+			}
+		}
 		return {
 			ImportDeclaration(node) {
 				ctx.trackImport(node);
 			},
-			"CallExpression ObjectExpression"(node) {
-				if (!ctx.isStyleObject(node)) return;
-				for (const prop of node.properties) {
-					if (prop.type !== "Property") continue;
-					const str = getStringValue(prop.value);
-					if (str) checkValue(str, prop.value);
-					if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
-						if (stateProp.type !== "Property") continue;
-						const stateStr = getStringValue(stateProp.value);
-						if (stateStr) checkValue(stateStr, stateProp.value);
-					}
-				}
-			}
+			...styleObjectListeners(handleStyleObject)
 		};
 	}
 });

package/dist/rules/no-raw-color-values.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-raw-color-values.js","names":[],"sources":["../../src/rules/no-raw-color-values.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getStringValue } from '../utils.js';\n\ntype MessageIds = 'rawHexColor' | 'rawColorFunction';\n\nconst HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,8})\\b/g;\nconst COLOR_FUNC_REGEX = /\\b(rgb|rgba|hsl|hsla)\\s*\\(/gi;\n\nexport default createRule<[], MessageIds>({\n  name: 'no-raw-color-values',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description: 'Suggest using color tokens instead of raw hex/rgb values',\n    },\n    messages: {\n      rawHexColor: \"Use a color token instead of raw hex color '{{value}}'.\",\n      rawColorFunction: 'Use a color token instead of raw {{func}}() color.',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function isInTokenDefinition(node: TSESTree.Node): boolean {\n      // Check if this is inside a :root or token-defining context\n      let current: TSESTree.Node | undefined = node;\n      while (current) {\n        if (current.type === 'CallExpression') {\n          const imp = ctx.isTastyCall(current);\n          if (imp && imp.importedName === 'tastyStatic') {\n            const firstArg = current.arguments[0];\n            const selectorStr = getStringValue(firstArg);\n            if (selectorStr === ':root') return true;\n          }\n          break;\n        }\n        current = current.parent;\n      }\n      return false;\n    }\n\n    function checkValue(value: string, node: TSESTree.Node): void {\n      if (isInTokenDefinition(node)) return;\n\n      // Check hex colors\n      HEX_COLOR_REGEX.lastIndex = 0;\n      let match;\n      while ((match = HEX_COLOR_REGEX.exec(value)) !== null) {\n        const hex = match[1];\n        if ([3, 4, 6, 8].includes(hex.length)) {\n          context.report({\n            node,\n            messageId: 'rawHexColor',\n            data: { value: match[0] },\n          });\n        }\n      }\n\n      // Check color functions\n      COLOR_FUNC_REGEX.lastIndex = 0;\n      while ((match = COLOR_FUNC_REGEX.exec(value)) !== null) {\n        context.report({\n          node,\n          messageId: 'rawColorFunction',\n          data: { func: match[1] },\n        });\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property') continue;\n\n          const str = getStringValue(prop.value);\n          if (str) checkValue(str, prop.value);\n\n          if (prop.value.type === 'ObjectExpression') {\n            for (const stateProp of prop.value.properties) {\n              if (stateProp.type !== 'Property') continue;\n              const stateStr = getStringValue(stateProp.value);\n              if (stateStr) checkValue(stateStr, stateProp.value);\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,MAAM,kBAAkB;AACxB,MAAM,mBAAmB;AAEzB,kCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,4DACd;EACD,UAAU;GACR,aAAa;GACb,kBAAkB;GACnB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,oBAAoB,MAA8B;GAEzD,IAAI,UAAqC;AACzC,UAAO,SAAS;AACd,QAAI,QAAQ,SAAS,kBAAkB;KACrC,MAAM,MAAM,IAAI,YAAY,QAAQ;AACpC,SAAI,OAAO,IAAI,iBAAiB,eAAe;MAC7C,MAAM,WAAW,QAAQ,UAAU;AAEnC,UADoB,eAAe,SAAS,KACxB,QAAS,QAAO;;AAEtC;;AAEF,cAAU,QAAQ;;AAEpB,UAAO;;EAGT,SAAS,WAAW,OAAe,MAA2B;AAC5D,OAAI,oBAAoB,KAAK,CAAE;AAG/B,mBAAgB,YAAY;GAC5B,IAAI;AACJ,WAAQ,QAAQ,gBAAgB,KAAK,MAAM,MAAM,MAAM;IACrD,MAAM,MAAM,MAAM;AAClB,QAAI;KAAC;KAAG;KAAG;KAAG;KAAE,CAAC,SAAS,IAAI,OAAO,CACnC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM,EAAE,OAAO,MAAM,IAAI;KAC1B,CAAC;;AAKN,oBAAiB,YAAY;AAC7B,WAAQ,QAAQ,iBAAiB,KAAK,MAAM,MAAM,KAChD,SAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM,EAAE,MAAM,MAAM,IAAI;IACzB,CAAC;;AAIN,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,WAAY;KAE9B,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,SAAI,IAAK,YAAW,KAAK,KAAK,MAAM;AAEpC,SAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,UAAI,UAAU,SAAS,WAAY;MACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,UAAI,SAAU,YAAW,UAAU,UAAU,MAAM;;;;GAK5D;;CAEJ,CAAC"}
+{"version":3,"file":"no-raw-color-values.js","names":[],"sources":["../../src/rules/no-raw-color-values.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getStringValue } from '../utils.js';\n\ntype MessageIds = 'rawHexColor' | 'rawColorFunction';\n\nconst HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,8})\\b/g;\nconst COLOR_FUNC_REGEX = /\\b(rgb|rgba|hsl|hsla)\\s*\\(/gi;\n\nexport default createRule<[], MessageIds>({\n  name: 'no-raw-color-values',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description: 'Suggest using color tokens instead of raw hex/rgb values',\n    },\n    messages: {\n      rawHexColor: \"Use a color token instead of raw hex color '{{value}}'.\",\n      rawColorFunction: 'Use a color token instead of raw {{func}}() color.',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function isInTokenDefinition(node: TSESTree.Node): boolean {\n      // Check if this is inside a :root or token-defining context\n      let current: TSESTree.Node | undefined = node;\n      while (current) {\n        if (current.type === 'CallExpression') {\n          const imp = ctx.isTastyCall(current);\n          if (imp && imp.importedName === 'tastyStatic') {\n            const firstArg = current.arguments[0];\n            const selectorStr = getStringValue(firstArg);\n            if (selectorStr === ':root') return true;\n          }\n          break;\n        }\n        current = current.parent;\n      }\n      return false;\n    }\n\n    function checkValue(value: string, node: TSESTree.Node): void {\n      if (isInTokenDefinition(node)) return;\n\n      // Check hex colors\n      HEX_COLOR_REGEX.lastIndex = 0;\n      let match;\n      while ((match = HEX_COLOR_REGEX.exec(value)) !== null) {\n        const hex = match[1];\n        if ([3, 4, 6, 8].includes(hex.length)) {\n          context.report({\n            node,\n            messageId: 'rawHexColor',\n            data: { value: match[0] },\n          });\n        }\n      }\n\n      // Check color functions\n      COLOR_FUNC_REGEX.lastIndex = 0;\n      while ((match = COLOR_FUNC_REGEX.exec(value)) !== null) {\n        context.report({\n          node,\n          messageId: 'rawColorFunction',\n          data: { func: match[1] },\n        });\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property') continue;\n\n        const str = getStringValue(prop.value);\n        if (str) checkValue(str, prop.value);\n\n        if (prop.value.type === 'ObjectExpression') {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) checkValue(stateStr, stateProp.value);\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,MAAM,kBAAkB;AACxB,MAAM,mBAAmB;AAEzB,kCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,4DACd;EACD,UAAU;GACR,aAAa;GACb,kBAAkB;GACnB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,oBAAoB,MAA8B;GAEzD,IAAI,UAAqC;AACzC,UAAO,SAAS;AACd,QAAI,QAAQ,SAAS,kBAAkB;KACrC,MAAM,MAAM,IAAI,YAAY,QAAQ;AACpC,SAAI,OAAO,IAAI,iBAAiB,eAAe;MAC7C,MAAM,WAAW,QAAQ,UAAU;AAEnC,UADoB,eAAe,SAAS,KACxB,QAAS,QAAO;;AAEtC;;AAEF,cAAU,QAAQ;;AAEpB,UAAO;;EAGT,SAAS,WAAW,OAAe,MAA2B;AAC5D,OAAI,oBAAoB,KAAK,CAAE;AAG/B,mBAAgB,YAAY;GAC5B,IAAI;AACJ,WAAQ,QAAQ,gBAAgB,KAAK,MAAM,MAAM,MAAM;IACrD,MAAM,MAAM,MAAM;AAClB,QAAI;KAAC;KAAG;KAAG;KAAG;KAAE,CAAC,SAAS,IAAI,OAAO,CACnC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM,EAAE,OAAO,MAAM,IAAI;KAC1B,CAAC;;AAKN,oBAAiB,YAAY;AAC7B,WAAQ,QAAQ,iBAAiB,KAAK,MAAM,MAAM,KAChD,SAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM,EAAE,MAAM,MAAM,IAAI;IACzB,CAAC;;EAIN,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,WAAY;IAE9B,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,IAAK,YAAW,KAAK,KAAK,MAAM;AAEpC,QAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,SAAI,SAAU,YAAW,UAAU,UAAU,MAAM;;;;AAM3D,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/no-runtime-styles-mutation.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { TastyContext } from "../context.js";
 import { isStaticValue } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/no-runtime-styles-mutation.ts
 var no_runtime_styles_mutation_default = createRule({
@@ -35,14 +35,15 @@ var no_runtime_styles_mutation_default = createRule({
 				});
 			}
 		}
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			checkProperties(node);
+		}
 		return {
 			ImportDeclaration(node) {
 				ctx.trackImport(node);
 			},
-			"CallExpression ObjectExpression"(node) {
-				if (!ctx.isStyleObject(node)) return;
-				checkProperties(node);
-			}
+			...styleObjectListeners(handleStyleObject)
 		};
 	}
 });

package/dist/rules/no-runtime-styles-mutation.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-runtime-styles-mutation.js","names":[],"sources":["../../src/rules/no-runtime-styles-mutation.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { isStaticValue } from '../utils.js';\n\ntype MessageIds = 'dynamicStyleValue';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-runtime-styles-mutation',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description: 'Warn when style objects contain runtime-computed values',\n    },\n    messages: {\n      dynamicStyleValue:\n        'Style values should be static. Use modifiers (mods prop), tokens, or CSS custom properties for dynamic behavior.',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkProperties(node: TSESTree.ObjectExpression): void {\n      for (const prop of node.properties) {\n        if (prop.type === 'SpreadElement') {\n          context.report({ node: prop, messageId: 'dynamicStyleValue' });\n          continue;\n        }\n\n        if (prop.type !== 'Property') continue;\n\n        // Skip sub-elements (they contain nested style objects)\n        if (\n          !prop.computed &&\n          prop.key.type === 'Identifier' &&\n          /^[A-Z]/.test(prop.key.name)\n        ) {\n          if (prop.value.type === 'ObjectExpression') {\n            checkProperties(prop.value);\n          }\n          continue;\n        }\n\n        // Skip @keyframes and @properties\n        if (\n          !prop.computed &&\n          prop.key.type === 'Identifier' &&\n          prop.key.name.startsWith('@')\n        ) {\n          continue;\n        }\n\n        if (!isStaticValue(prop.value)) {\n          context.report({\n            node: prop.value,\n            messageId: 'dynamicStyleValue',\n          });\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n        checkProperties(node);\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,yCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,2DACd;EACD,UAAU,EACR,mBACE,oHACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,gBAAgB,MAAuC;AAC9D,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,iBAAiB;AACjC,aAAQ,OAAO;MAAE,MAAM;MAAM,WAAW;MAAqB,CAAC;AAC9D;;AAGF,QAAI,KAAK,SAAS,WAAY;AAG9B,QACE,CAAC,KAAK,YACN,KAAK,IAAI,SAAS,gBAClB,SAAS,KAAK,KAAK,IAAI,KAAK,EAC5B;AACA,SAAI,KAAK,MAAM,SAAS,mBACtB,iBAAgB,KAAK,MAAM;AAE7B;;AAIF,QACE,CAAC,KAAK,YACN,KAAK,IAAI,SAAS,gBAClB,KAAK,IAAI,KAAK,WAAW,IAAI,CAE7B;AAGF,QAAI,CAAC,cAAc,KAAK,MAAM,CAC5B,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACZ,CAAC;;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAC9B,oBAAgB,KAAK;;GAExB;;CAEJ,CAAC"}
+{"version":3,"file":"no-runtime-styles-mutation.js","names":[],"sources":["../../src/rules/no-runtime-styles-mutation.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { isStaticValue } from '../utils.js';\n\ntype MessageIds = 'dynamicStyleValue';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-runtime-styles-mutation',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description: 'Warn when style objects contain runtime-computed values',\n    },\n    messages: {\n      dynamicStyleValue:\n        'Style values should be static. Use modifiers (mods prop), tokens, or CSS custom properties for dynamic behavior.',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkProperties(node: TSESTree.ObjectExpression): void {\n      for (const prop of node.properties) {\n        if (prop.type === 'SpreadElement') {\n          context.report({ node: prop, messageId: 'dynamicStyleValue' });\n          continue;\n        }\n\n        if (prop.type !== 'Property') continue;\n\n        // Skip sub-elements (they contain nested style objects)\n        if (\n          !prop.computed &&\n          prop.key.type === 'Identifier' &&\n          /^[A-Z]/.test(prop.key.name)\n        ) {\n          if (prop.value.type === 'ObjectExpression') {\n            checkProperties(prop.value);\n          }\n          continue;\n        }\n\n        // Skip @keyframes and @properties\n        if (\n          !prop.computed &&\n          prop.key.type === 'Identifier' &&\n          prop.key.name.startsWith('@')\n        ) {\n          continue;\n        }\n\n        if (!isStaticValue(prop.value)) {\n          context.report({\n            node: prop.value,\n            messageId: 'dynamicStyleValue',\n          });\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n      checkProperties(node);\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,yCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,2DACd;EACD,UAAU,EACR,mBACE,oHACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,gBAAgB,MAAuC;AAC9D,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,iBAAiB;AACjC,aAAQ,OAAO;MAAE,MAAM;MAAM,WAAW;MAAqB,CAAC;AAC9D;;AAGF,QAAI,KAAK,SAAS,WAAY;AAG9B,QACE,CAAC,KAAK,YACN,KAAK,IAAI,SAAS,gBAClB,SAAS,KAAK,KAAK,IAAI,KAAK,EAC5B;AACA,SAAI,KAAK,MAAM,SAAS,mBACtB,iBAAgB,KAAK,MAAM;AAE7B;;AAIF,QACE,CAAC,KAAK,YACN,KAAK,IAAI,SAAS,gBAClB,KAAK,IAAI,KAAK,WAAW,IAAI,CAE7B;AAGF,QAAI,CAAC,cAAc,KAAK,MAAM,CAC5B,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACZ,CAAC;;;EAKR,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAC9B,mBAAgB,KAAK;;AAGvB,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/no-unknown-state-alias.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { TastyContext } from "../context.js";
 import { getKeyName, getStringValue, isKnownStateAlias } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/no-unknown-state-alias.ts
 var no_unknown_state_alias_default = createRule({
@@ -26,20 +26,21 @@ var no_unknown_state_alias_default = createRule({
 				});
 			}
 		}
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			if (ctx.config.states.length === 0) return;
+			for (const prop of node.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				const key = getKeyName(prop.key);
+				if (key === null || /^[A-Z@&]/.test(key)) continue;
+				if (prop.value.type === "ObjectExpression") checkStateKeys(prop.value);
+			}
+		}
 		return {
 			ImportDeclaration(node) {
 				ctx.trackImport(node);
 			},
-			"CallExpression ObjectExpression"(node) {
-				if (!ctx.isStyleObject(node)) return;
-				if (ctx.config.states.length === 0) return;
-				for (const prop of node.properties) {
-					if (prop.type !== "Property" || prop.computed) continue;
-					const key = getKeyName(prop.key);
-					if (key === null || /^[A-Z@&]/.test(key)) continue;
-					if (prop.value.type === "ObjectExpression") checkStateKeys(prop.value);
-				}
-			}
+			...styleObjectListeners(handleStyleObject)
 		};
 	}
 });

package/dist/rules/no-unknown-state-alias.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-unknown-state-alias.js","names":[],"sources":["../../src/rules/no-unknown-state-alias.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName, getStringValue, isKnownStateAlias } from '../utils.js';\n\ntype MessageIds = 'unknownAlias';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-unknown-state-alias',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        \"Warn when a @name state alias is used that isn't in the config\",\n    },\n    messages: {\n      unknownAlias: \"Unknown state alias '{{alias}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkStateKeys(obj: TSESTree.ObjectExpression): void {\n      for (const prop of obj.properties) {\n        if (prop.type !== 'Property') continue;\n\n        const key = !prop.computed\n          ? getKeyName(prop.key)\n          : getStringValue(prop.key);\n        if (key === null || !key.startsWith('@')) continue;\n\n        if (!isKnownStateAlias(key, ctx.config)) {\n          context.report({\n            node: prop.key,\n            messageId: 'unknownAlias',\n            data: { alias: key },\n          });\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        // Skip if no states configured\n        if (ctx.config.states.length === 0) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          // Skip sub-elements and special keys\n          const key = getKeyName(prop.key);\n          if (key === null || /^[A-Z@&]/.test(key)) continue;\n\n          // Check state map objects for unknown aliases\n          if (prop.value.type === 'ObjectExpression') {\n            checkStateKeys(prop.value);\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,kEACH;EACD,UAAU,EACR,cAAc,oCACf;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,eAAe,KAAsC;AAC5D,QAAK,MAAM,QAAQ,IAAI,YAAY;AACjC,QAAI,KAAK,SAAS,WAAY;IAE9B,MAAM,MAAM,CAAC,KAAK,WACd,WAAW,KAAK,IAAI,GACpB,eAAe,KAAK,IAAI;AAC5B,QAAI,QAAQ,QAAQ,CAAC,IAAI,WAAW,IAAI,CAAE;AAE1C,QAAI,CAAC,kBAAkB,KAAK,IAAI,OAAO,CACrC,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM,EAAE,OAAO,KAAK;KACrB,CAAC;;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAG9B,QAAI,IAAI,OAAO,OAAO,WAAW,EAAG;AAEpC,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAG/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,QAAQ,WAAW,KAAK,IAAI,CAAE;AAG1C,SAAI,KAAK,MAAM,SAAS,mBACtB,gBAAe,KAAK,MAAM;;;GAIjC;;CAEJ,CAAC"}
+{"version":3,"file":"no-unknown-state-alias.js","names":[],"sources":["../../src/rules/no-unknown-state-alias.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue, isKnownStateAlias } from '../utils.js';\n\ntype MessageIds = 'unknownAlias';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-unknown-state-alias',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        \"Warn when a @name state alias is used that isn't in the config\",\n    },\n    messages: {\n      unknownAlias: \"Unknown state alias '{{alias}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkStateKeys(obj: TSESTree.ObjectExpression): void {\n      for (const prop of obj.properties) {\n        if (prop.type !== 'Property') continue;\n\n        const key = !prop.computed\n          ? getKeyName(prop.key)\n          : getStringValue(prop.key);\n        if (key === null || !key.startsWith('@')) continue;\n\n        if (!isKnownStateAlias(key, ctx.config)) {\n          context.report({\n            node: prop.key,\n            messageId: 'unknownAlias',\n            data: { alias: key },\n          });\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      // Skip if no states configured\n      if (ctx.config.states.length === 0) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        // Skip sub-elements and special keys\n        const key = getKeyName(prop.key);\n        if (key === null || /^[A-Z@&]/.test(key)) continue;\n\n        // Check state map objects for unknown aliases\n        if (prop.value.type === 'ObjectExpression') {\n          checkStateKeys(prop.value);\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,kEACH;EACD,UAAU,EACR,cAAc,oCACf;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,eAAe,KAAsC;AAC5D,QAAK,MAAM,QAAQ,IAAI,YAAY;AACjC,QAAI,KAAK,SAAS,WAAY;IAE9B,MAAM,MAAM,CAAC,KAAK,WACd,WAAW,KAAK,IAAI,GACpB,eAAe,KAAK,IAAI;AAC5B,QAAI,QAAQ,QAAQ,CAAC,IAAI,WAAW,IAAI,CAAE;AAE1C,QAAI,CAAC,kBAAkB,KAAK,IAAI,OAAO,CACrC,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM,EAAE,OAAO,KAAK;KACrB,CAAC;;;EAKR,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAG9B,OAAI,IAAI,OAAO,OAAO,WAAW,EAAG;AAEpC,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAG/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,QAAQ,WAAW,KAAK,IAAI,CAAE;AAG1C,QAAI,KAAK,MAAM,SAAS,mBACtB,gBAAe,KAAK,MAAM;;;AAKhC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}