@tenphi/eslint-plugin-tasty 1.5.2 → 1.6.0

package/dist/rules/valid-radius-shape.js

@@ -1,7 +1,7 @@
 import { createRule } from "../create-rule.js";
 import { RADIUS_SHAPES } from "../constants.js";
-import { getKeyName, getStringValue } from "../utils.js";
-import { TastyContext, styleObjectListeners } from "../context.js";
+import { TastyContext } from "../context.js";
+import { stringStyleValueListeners } from "../style-values.js";
 import { replaceStringValue } from "../fix-utils.js";
 
 //#region src/rules/valid-radius-shape.ts
@@ -63,29 +63,9 @@ var valid_radius_shape_default = createRule({
 			for (const shape of RADIUS_SHAPES) if (shape.startsWith(input.slice(0, 3)) || input.startsWith(shape.slice(0, 3))) return shape;
 			return null;
 		}
-		function handleStyleObject(node) {
-			if (!ctx.isStyleObject(node)) return;
-			for (const prop of node.properties) {
-				if (prop.type !== "Property" || prop.computed) continue;
-				if (getKeyName(prop.key) !== "radius") continue;
-				const str = getStringValue(prop.value);
-				if (str) {
-					checkRadiusValue(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) checkRadiusValue(stateStr, stateProp.value);
-				}
-			}
-		}
-		return {
-			ImportDeclaration(node) {
-				ctx.trackImport(node);
-			},
-			...styleObjectListeners(handleStyleObject)
-		};
+		return stringStyleValueListeners(ctx, (value, node, property) => {
+			if (property === "radius") checkRadiusValue(value, node);
+		});
 	}
 });
 

package/dist/rules/valid-radius-shape.js.map

@@ -1 +1 @@
-{"version":3,"file":"valid-radius-shape.js","names":[],"sources":["../../src/rules/valid-radius-shape.ts"],"sourcesContent":["import type { TSESLint, TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\nimport { RADIUS_SHAPES } from '../constants.js';\nimport { replaceStringValue } from '../fix-utils.js';\n\ntype MessageIds = 'unknownShape' | 'replaceWithShape';\n\nconst SHAPE_LIKE = /^[a-z]+$/;\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-radius-shape',\n  meta: {\n    type: 'problem',\n    hasSuggestions: true,\n    docs: {\n      description:\n        'Validate special shape keywords used with the radius property',\n    },\n    messages: {\n      unknownShape:\n        \"Unknown radius shape '{{shape}}'. Valid shapes: {{valid}}.\",\n      replaceWithShape: \"Replace '{{shape}}' with '{{suggestion}}'\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkRadiusValue(value: string, node: TSESTree.Node): void {\n      const trimmed = value.trim();\n      // Only check single-word values that look like keywords\n      if (!SHAPE_LIKE.test(trimmed)) return;\n\n      // Known valid keywords\n      if (RADIUS_SHAPES.has(trimmed)) return;\n      if (trimmed === 'true' || trimmed === 'false') return;\n      if (trimmed === 'none' || trimmed === 'inherit' || trimmed === 'initial')\n        return;\n\n      // Check if it's a directional modifier (handled elsewhere)\n      const directions = new Set([\n        'top',\n        'right',\n        'bottom',\n        'left',\n        'top-left',\n        'top-right',\n        'bottom-left',\n        'bottom-right',\n      ]);\n      if (directions.has(trimmed)) return;\n\n      // It looks like they tried to use a shape keyword\n      const suggestion = findClosestShape(trimmed);\n      const validList = [...RADIUS_SHAPES].join(', ');\n\n      const suggest = suggestion\n        ? [\n            {\n              messageId: 'replaceWithShape' as const,\n              data: { shape: trimmed, suggestion },\n              fix(fixer: TSESLint.RuleFixer) {\n                return replaceStringValue(fixer, node, suggestion);\n              },\n            },\n          ]\n        : undefined;\n\n      context.report({\n        node,\n        messageId: 'unknownShape',\n        data: {\n          shape: trimmed,\n          valid:\n            validList + (suggestion ? `. Did you mean '${suggestion}'?` : ''),\n        },\n        suggest,\n      });\n    }\n\n    function findClosestShape(input: string): string | null {\n      for (const shape of RADIUS_SHAPES) {\n        if (\n          shape.startsWith(input.slice(0, 3)) ||\n          input.startsWith(shape.slice(0, 3))\n        ) {\n          return shape;\n        }\n      }\n      return null;\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 !== 'radius') continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkRadiusValue(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              checkRadiusValue(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":";;;;;;;AASA,MAAM,aAAa;AAEnB,iCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM,EACJ,aACE,iEACH;EACD,UAAU;GACR,cACE;GACF,kBAAkB;GACnB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,iBAAiB,OAAe,MAA2B;GAClE,MAAM,UAAU,MAAM,MAAM;AAE5B,OAAI,CAAC,WAAW,KAAK,QAAQ,CAAE;AAG/B,OAAI,cAAc,IAAI,QAAQ,CAAE;AAChC,OAAI,YAAY,UAAU,YAAY,QAAS;AAC/C,OAAI,YAAY,UAAU,YAAY,aAAa,YAAY,UAC7D;AAaF,OAVmB,IAAI,IAAI;IACzB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAAC,CACa,IAAI,QAAQ,CAAE;GAG7B,MAAM,aAAa,iBAAiB,QAAQ;GAC5C,MAAM,YAAY,CAAC,GAAG,cAAc,CAAC,KAAK,KAAK;GAE/C,MAAM,UAAU,aACZ,CACE;IACE,WAAW;IACX,MAAM;KAAE,OAAO;KAAS;KAAY;IACpC,IAAI,OAA2B;AAC7B,YAAO,mBAAmB,OAAO,MAAM,WAAW;;IAErD,CACF,GACD;AAEJ,WAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM;KACJ,OAAO;KACP,OACE,aAAa,aAAa,mBAAmB,WAAW,MAAM;KACjE;IACD;IACD,CAAC;;EAGJ,SAAS,iBAAiB,OAA8B;AACtD,QAAK,MAAM,SAAS,cAClB,KACE,MAAM,WAAW,MAAM,MAAM,GAAG,EAAE,CAAC,IACnC,MAAM,WAAW,MAAM,MAAM,GAAG,EAAE,CAAC,CAEnC,QAAO;AAGX,UAAO;;EAGT,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;AAG/C,QADY,WAAW,KAAK,IAAI,KACpB,SAAU;IAEtB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,sBAAiB,KAAK,KAAK,MAAM;AACjC;;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,kBAAiB,UAAU,UAAU,MAAM;;;;AAOrD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"valid-radius-shape.js","names":[],"sources":["../../src/rules/valid-radius-shape.ts"],"sourcesContent":["import type { TSESLint, TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { stringStyleValueListeners } from '../style-values.js';\nimport { RADIUS_SHAPES } from '../constants.js';\nimport { replaceStringValue } from '../fix-utils.js';\n\ntype MessageIds = 'unknownShape' | 'replaceWithShape';\n\nconst SHAPE_LIKE = /^[a-z]+$/;\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-radius-shape',\n  meta: {\n    type: 'problem',\n    hasSuggestions: true,\n    docs: {\n      description:\n        'Validate special shape keywords used with the radius property',\n    },\n    messages: {\n      unknownShape:\n        \"Unknown radius shape '{{shape}}'. Valid shapes: {{valid}}.\",\n      replaceWithShape: \"Replace '{{shape}}' with '{{suggestion}}'\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkRadiusValue(value: string, node: TSESTree.Node): void {\n      const trimmed = value.trim();\n      // Only check single-word values that look like keywords\n      if (!SHAPE_LIKE.test(trimmed)) return;\n\n      // Known valid keywords\n      if (RADIUS_SHAPES.has(trimmed)) return;\n      if (trimmed === 'true' || trimmed === 'false') return;\n      if (trimmed === 'none' || trimmed === 'inherit' || trimmed === 'initial')\n        return;\n\n      // Check if it's a directional modifier (handled elsewhere)\n      const directions = new Set([\n        'top',\n        'right',\n        'bottom',\n        'left',\n        'top-left',\n        'top-right',\n        'bottom-left',\n        'bottom-right',\n      ]);\n      if (directions.has(trimmed)) return;\n\n      // It looks like they tried to use a shape keyword\n      const suggestion = findClosestShape(trimmed);\n      const validList = [...RADIUS_SHAPES].join(', ');\n\n      const suggest = suggestion\n        ? [\n            {\n              messageId: 'replaceWithShape' as const,\n              data: { shape: trimmed, suggestion },\n              fix(fixer: TSESLint.RuleFixer) {\n                return replaceStringValue(fixer, node, suggestion);\n              },\n            },\n          ]\n        : undefined;\n\n      context.report({\n        node,\n        messageId: 'unknownShape',\n        data: {\n          shape: trimmed,\n          valid:\n            validList + (suggestion ? `. Did you mean '${suggestion}'?` : ''),\n        },\n        suggest,\n      });\n    }\n\n    function findClosestShape(input: string): string | null {\n      for (const shape of RADIUS_SHAPES) {\n        if (\n          shape.startsWith(input.slice(0, 3)) ||\n          input.startsWith(shape.slice(0, 3))\n        ) {\n          return shape;\n        }\n      }\n      return null;\n    }\n\n    return stringStyleValueListeners(ctx, (value, node, property) => {\n      if (property === 'radius') checkRadiusValue(value, node);\n    });\n  },\n});\n"],"mappings":";;;;;;;AASA,MAAM,aAAa;AAEnB,iCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM,EACJ,aACE,iEACH;EACD,UAAU;GACR,cACE;GACF,kBAAkB;GACnB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,iBAAiB,OAAe,MAA2B;GAClE,MAAM,UAAU,MAAM,MAAM;AAE5B,OAAI,CAAC,WAAW,KAAK,QAAQ,CAAE;AAG/B,OAAI,cAAc,IAAI,QAAQ,CAAE;AAChC,OAAI,YAAY,UAAU,YAAY,QAAS;AAC/C,OAAI,YAAY,UAAU,YAAY,aAAa,YAAY,UAC7D;AAaF,OAVmB,IAAI,IAAI;IACzB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAAC,CACa,IAAI,QAAQ,CAAE;GAG7B,MAAM,aAAa,iBAAiB,QAAQ;GAC5C,MAAM,YAAY,CAAC,GAAG,cAAc,CAAC,KAAK,KAAK;GAE/C,MAAM,UAAU,aACZ,CACE;IACE,WAAW;IACX,MAAM;KAAE,OAAO;KAAS;KAAY;IACpC,IAAI,OAA2B;AAC7B,YAAO,mBAAmB,OAAO,MAAM,WAAW;;IAErD,CACF,GACD;AAEJ,WAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM;KACJ,OAAO;KACP,OACE,aAAa,aAAa,mBAAmB,WAAW,MAAM;KACjE;IACD;IACD,CAAC;;EAGJ,SAAS,iBAAiB,OAA8B;AACtD,QAAK,MAAM,SAAS,cAClB,KACE,MAAM,WAAW,MAAM,MAAM,GAAG,EAAE,CAAC,IACnC,MAAM,WAAW,MAAM,MAAM,GAAG,EAAE,CAAC,CAEnC,QAAO;AAGX,UAAO;;AAGT,SAAO,0BAA0B,MAAM,OAAO,MAAM,aAAa;AAC/D,OAAI,aAAa,SAAU,kBAAiB,OAAO,KAAK;IACxD;;CAEL,CAAC"}

package/dist/rules/valid-recipe.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { getKeyName, getStringValue } from "../utils.js";
-import { TastyContext, styleObjectListeners } from "../context.js";
+import { TastyContext } from "../context.js";
+import { stringStyleValueListeners } from "../style-values.js";
 
 //#region src/rules/valid-recipe.ts
 var valid_recipe_default = createRule({
@@ -29,24 +29,9 @@ var valid_recipe_default = createRule({
 				}
 			}
 		}
-		function checkObject(node) {
-			if (!ctx.isStyleObject(node)) return;
-			for (const prop of node.properties) {
-				if (prop.type !== "Property" || prop.computed) continue;
-				if (getKeyName(prop.key) !== "recipe") continue;
-				const str = getStringValue(prop.value);
-				if (str) checkRecipeValue(str, prop.value);
-			}
-		}
-		function handleStyleObject(node) {
-			checkObject(node);
-		}
-		return {
-			ImportDeclaration(node) {
-				ctx.trackImport(node);
-			},
-			...styleObjectListeners(handleStyleObject)
-		};
+		return stringStyleValueListeners(ctx, (value, node, property) => {
+			if (property === "recipe") checkRecipeValue(value, node);
+		});
 	}
 });
 

package/dist/rules/valid-recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"valid-recipe.js","names":[],"sources":["../../src/rules/valid-recipe.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 = 'unknownRecipe';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-recipe',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate recipe property values against config',\n    },\n    messages: {\n      unknownRecipe:\n        \"Unknown recipe '{{name}}'. Add it to 'recipes' in your tasty config, or use a configured recipe.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkRecipeValue(value: string, node: TSESTree.Node): void {\n      if (ctx.config.recipes.length === 0) return;\n\n      // Split by / for pre/post merge separation\n      const sections = value.split('/');\n      for (const section of sections) {\n        const names = section.trim().split(/\\s+/);\n        for (const name of names) {\n          if (name.length === 0 || name === 'none') continue;\n          if (!ctx.config.recipes.includes(name)) {\n            context.report({\n              node,\n              messageId: 'unknownRecipe',\n              data: { name },\n            });\n          }\n        }\n      }\n    }\n\n    function checkObject(node: TSESTree.ObjectExpression): void {\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 !== 'recipe') continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkRecipeValue(str, prop.value);\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      checkObject(node);\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,2BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,kDACd;EACD,UAAU,EACR,eACE,oGACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,iBAAiB,OAAe,MAA2B;AAClE,OAAI,IAAI,OAAO,QAAQ,WAAW,EAAG;GAGrC,MAAM,WAAW,MAAM,MAAM,IAAI;AACjC,QAAK,MAAM,WAAW,UAAU;IAC9B,MAAM,QAAQ,QAAQ,MAAM,CAAC,MAAM,MAAM;AACzC,SAAK,MAAM,QAAQ,OAAO;AACxB,SAAI,KAAK,WAAW,KAAK,SAAS,OAAQ;AAC1C,SAAI,CAAC,IAAI,OAAO,QAAQ,SAAS,KAAK,CACpC,SAAQ,OAAO;MACb;MACA,WAAW;MACX,MAAM,EAAE,MAAM;MACf,CAAC;;;;EAMV,SAAS,YAAY,MAAuC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;AAG/C,QADY,WAAW,KAAK,IAAI,KACpB,SAAU;IAEtB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,IACF,kBAAiB,KAAK,KAAK,MAAM;;;EAKvC,SAAS,kBAAkB,MAAiC;AAC1D,eAAY,KAAK;;AAGnB,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"valid-recipe.js","names":[],"sources":["../../src/rules/valid-recipe.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { stringStyleValueListeners } from '../style-values.js';\n\ntype MessageIds = 'unknownRecipe';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-recipe',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate recipe property values against config',\n    },\n    messages: {\n      unknownRecipe:\n        \"Unknown recipe '{{name}}'. Add it to 'recipes' in your tasty config, or use a configured recipe.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkRecipeValue(value: string, node: TSESTree.Node): void {\n      if (ctx.config.recipes.length === 0) return;\n\n      // Split by / for pre/post merge separation\n      const sections = value.split('/');\n      for (const section of sections) {\n        const names = section.trim().split(/\\s+/);\n        for (const name of names) {\n          if (name.length === 0 || name === 'none') continue;\n          if (!ctx.config.recipes.includes(name)) {\n            context.report({\n              node,\n              messageId: 'unknownRecipe',\n              data: { name },\n            });\n          }\n        }\n      }\n    }\n\n    return stringStyleValueListeners(ctx, (value, node, property) => {\n      if (property === 'recipe') checkRecipeValue(value, node);\n    });\n  },\n});\n"],"mappings":";;;;;AAOA,2BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,kDACd;EACD,UAAU,EACR,eACE,oGACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,iBAAiB,OAAe,MAA2B;AAClE,OAAI,IAAI,OAAO,QAAQ,WAAW,EAAG;GAGrC,MAAM,WAAW,MAAM,MAAM,IAAI;AACjC,QAAK,MAAM,WAAW,UAAU;IAC9B,MAAM,QAAQ,QAAQ,MAAM,CAAC,MAAM,MAAM;AACzC,SAAK,MAAM,QAAQ,OAAO;AACxB,SAAI,KAAK,WAAW,KAAK,SAAS,OAAQ;AAC1C,SAAI,CAAC,IAAI,OAAO,QAAQ,SAAS,KAAK,CACpC,SAAQ,OAAO;MACb;MACA,WAAW;MACX,MAAM,EAAE,MAAM;MACf,CAAC;;;;AAMV,SAAO,0BAA0B,MAAM,OAAO,MAAM,aAAa;AAC/D,OAAI,aAAa,SAAU,kBAAiB,OAAO,KAAK;IACxD;;CAEL,CAAC"}

package/dist/rules/valid-transition.js

@@ -1,7 +1,7 @@
 import { createRule } from "../create-rule.js";
 import { KNOWN_CSS_PROPERTIES, SEMANTIC_TRANSITIONS, TRANSITION_SEMANTIC_MAPPING } from "../constants.js";
-import { getKeyName, getStringValue } from "../utils.js";
-import { TastyContext, styleObjectListeners } from "../context.js";
+import { TastyContext } from "../context.js";
+import { stringStyleValueListeners } from "../style-values.js";
 import { replaceInStringValue } from "../fix-utils.js";
 
 //#region src/rules/valid-transition.ts
@@ -89,29 +89,9 @@ var valid_transition_default = createRule({
 				offset += group.length + 1;
 			}
 		}
-		function handleStyleObject(node) {
-			if (!ctx.isStyleObject(node)) return;
-			for (const prop of node.properties) {
-				if (prop.type !== "Property" || prop.computed) continue;
-				if (getKeyName(prop.key) !== "transition") continue;
-				const str = getStringValue(prop.value);
-				if (str) {
-					checkTransitionValue(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) checkTransitionValue(stateStr, stateProp.value);
-				}
-			}
-		}
-		return {
-			ImportDeclaration(node) {
-				ctx.trackImport(node);
-			},
-			...styleObjectListeners(handleStyleObject)
-		};
+		return stringStyleValueListeners(ctx, (value, node, property) => {
+			if (property === "transition") checkTransitionValue(value, node);
+		}, { requireTastyJSX: true });
 	}
 });
 

package/dist/rules/valid-transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"valid-transition.js","names":[],"sources":["../../src/rules/valid-transition.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';\nimport {\n  SEMANTIC_TRANSITIONS,\n  KNOWN_CSS_PROPERTIES,\n  TRANSITION_SEMANTIC_MAPPING,\n} from '../constants.js';\nimport { replaceInStringValue } from '../fix-utils.js';\n\ntype MessageIds =\n  | 'unknownTransition'\n  | 'preferSemanticTransition'\n  | 'useSemantic';\n\n/**\n * `KNOWN_CSS_PROPERTIES` is keyed by camelCase style keys, but a `transition`\n * value names *CSS* properties, which are kebab-case (`text-decoration-color`).\n * Tasty emits an unmapped name verbatim into the CSS `transition`, so the\n * kebab form is the correct spelling — normalize before the lookup.\n */\nfunction kebabToCamel(name: string): string {\n  return name.replace(/-([a-z])/g, (_, char: string) => char.toUpperCase());\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-transition',\n  meta: {\n    type: 'suggestion',\n    hasSuggestions: true,\n    docs: {\n      description:\n        'Validate transition property values use valid semantic transition names',\n    },\n    messages: {\n      unknownTransition:\n        \"Unknown transition name '{{name}}'. Use a semantic name ({{known}}) or a CSS property name.\",\n      preferSemanticTransition:\n        \"Transition '{{native}}' has a Tasty semantic equivalent — use '{{semantic}}' instead.\",\n      useSemantic: \"Use '{{semantic}}' instead of '{{native}}'\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkTransitionValue(value: string, node: TSESTree.Node): void {\n      const groups = value.split(',');\n      let offset = 0;\n\n      for (const group of groups) {\n        const parts = group.trim().split(/\\s+/);\n        if (parts.length === 0 || parts[0] === '') {\n          offset += group.length + 1;\n          continue;\n        }\n\n        const name = parts[0];\n\n        // $$ prefix is always valid (custom property reference: $$name -> --name)\n        if (name.startsWith('$$')) {\n          offset += group.length + 1;\n          continue;\n        }\n\n        // ## prefix is always valid (color property reference: ##name -> --name-color)\n        if (name.startsWith('##')) {\n          offset += group.length + 1;\n          continue;\n        }\n\n        const semantic = TRANSITION_SEMANTIC_MAPPING[name];\n        if (semantic) {\n          const nameStartInGroup = group.indexOf(name);\n          const start = offset + nameStartInGroup;\n          const end = start + name.length;\n          context.report({\n            node,\n            messageId: 'preferSemanticTransition',\n            data: { native: name, semantic },\n            suggest: [\n              {\n                messageId: 'useSemantic',\n                data: { native: name, semantic },\n                fix(fixer) {\n                  return replaceInStringValue(\n                    fixer,\n                    node,\n                    [{ start, end, replacement: semantic }],\n                    context.sourceCode,\n                  );\n                },\n              },\n            ],\n          });\n          offset += group.length + 1;\n          continue;\n        }\n\n        if (\n          !SEMANTIC_TRANSITIONS.has(name) &&\n          !KNOWN_CSS_PROPERTIES.has(name) &&\n          !KNOWN_CSS_PROPERTIES.has(kebabToCamel(name)) &&\n          !name.startsWith('--') &&\n          name !== 'all' &&\n          name !== 'none'\n        ) {\n          context.report({\n            node,\n            messageId: 'unknownTransition',\n            data: {\n              name,\n              known: [...SEMANTIC_TRANSITIONS].join(', '),\n            },\n          });\n        }\n\n        offset += group.length + 1;\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 !== 'transition') continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkTransitionValue(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              checkTransitionValue(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":";;;;;;;;;;;;;AAsBA,SAAS,aAAa,MAAsB;AAC1C,QAAO,KAAK,QAAQ,cAAc,GAAG,SAAiB,KAAK,aAAa,CAAC;;AAG3E,+BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM,EACJ,aACE,2EACH;EACD,UAAU;GACR,mBACE;GACF,0BACE;GACF,aAAa;GACd;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,qBAAqB,OAAe,MAA2B;GACtE,MAAM,SAAS,MAAM,MAAM,IAAI;GAC/B,IAAI,SAAS;AAEb,QAAK,MAAM,SAAS,QAAQ;IAC1B,MAAM,QAAQ,MAAM,MAAM,CAAC,MAAM,MAAM;AACvC,QAAI,MAAM,WAAW,KAAK,MAAM,OAAO,IAAI;AACzC,eAAU,MAAM,SAAS;AACzB;;IAGF,MAAM,OAAO,MAAM;AAGnB,QAAI,KAAK,WAAW,KAAK,EAAE;AACzB,eAAU,MAAM,SAAS;AACzB;;AAIF,QAAI,KAAK,WAAW,KAAK,EAAE;AACzB,eAAU,MAAM,SAAS;AACzB;;IAGF,MAAM,WAAW,4BAA4B;AAC7C,QAAI,UAAU;KACZ,MAAM,mBAAmB,MAAM,QAAQ,KAAK;KAC5C,MAAM,QAAQ,SAAS;KACvB,MAAM,MAAM,QAAQ,KAAK;AACzB,aAAQ,OAAO;MACb;MACA,WAAW;MACX,MAAM;OAAE,QAAQ;OAAM;OAAU;MAChC,SAAS,CACP;OACE,WAAW;OACX,MAAM;QAAE,QAAQ;QAAM;QAAU;OAChC,IAAI,OAAO;AACT,eAAO,qBACL,OACA,MACA,CAAC;SAAE;SAAO;SAAK,aAAa;SAAU,CAAC,EACvC,QAAQ,WACT;;OAEJ,CACF;MACF,CAAC;AACF,eAAU,MAAM,SAAS;AACzB;;AAGF,QACE,CAAC,qBAAqB,IAAI,KAAK,IAC/B,CAAC,qBAAqB,IAAI,KAAK,IAC/B,CAAC,qBAAqB,IAAI,aAAa,KAAK,CAAC,IAC7C,CAAC,KAAK,WAAW,KAAK,IACtB,SAAS,SACT,SAAS,OAET,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MACJ;MACA,OAAO,CAAC,GAAG,qBAAqB,CAAC,KAAK,KAAK;MAC5C;KACF,CAAC;AAGJ,cAAU,MAAM,SAAS;;;EAI7B,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;AAG/C,QADY,WAAW,KAAK,IAAI,KACpB,aAAc;IAE1B,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,0BAAqB,KAAK,KAAK,MAAM;AACrC;;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,sBAAqB,UAAU,UAAU,MAAM;;;;AAOzD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"valid-transition.js","names":[],"sources":["../../src/rules/valid-transition.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { stringStyleValueListeners } from '../style-values.js';\nimport {\n  SEMANTIC_TRANSITIONS,\n  KNOWN_CSS_PROPERTIES,\n  TRANSITION_SEMANTIC_MAPPING,\n} from '../constants.js';\nimport { replaceInStringValue } from '../fix-utils.js';\n\ntype MessageIds =\n  | 'unknownTransition'\n  | 'preferSemanticTransition'\n  | 'useSemantic';\n\n/**\n * `KNOWN_CSS_PROPERTIES` is keyed by camelCase style keys, but a `transition`\n * value names *CSS* properties, which are kebab-case (`text-decoration-color`).\n * Tasty emits an unmapped name verbatim into the CSS `transition`, so the\n * kebab form is the correct spelling — normalize before the lookup.\n */\nfunction kebabToCamel(name: string): string {\n  return name.replace(/-([a-z])/g, (_, char: string) => char.toUpperCase());\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-transition',\n  meta: {\n    type: 'suggestion',\n    hasSuggestions: true,\n    docs: {\n      description:\n        'Validate transition property values use valid semantic transition names',\n    },\n    messages: {\n      unknownTransition:\n        \"Unknown transition name '{{name}}'. Use a semantic name ({{known}}) or a CSS property name.\",\n      preferSemanticTransition:\n        \"Transition '{{native}}' has a Tasty semantic equivalent — use '{{semantic}}' instead.\",\n      useSemantic: \"Use '{{semantic}}' instead of '{{native}}'\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkTransitionValue(value: string, node: TSESTree.Node): void {\n      const groups = value.split(',');\n      let offset = 0;\n\n      for (const group of groups) {\n        const parts = group.trim().split(/\\s+/);\n        if (parts.length === 0 || parts[0] === '') {\n          offset += group.length + 1;\n          continue;\n        }\n\n        const name = parts[0];\n\n        // $$ prefix is always valid (custom property reference: $$name -> --name)\n        if (name.startsWith('$$')) {\n          offset += group.length + 1;\n          continue;\n        }\n\n        // ## prefix is always valid (color property reference: ##name -> --name-color)\n        if (name.startsWith('##')) {\n          offset += group.length + 1;\n          continue;\n        }\n\n        const semantic = TRANSITION_SEMANTIC_MAPPING[name];\n        if (semantic) {\n          const nameStartInGroup = group.indexOf(name);\n          const start = offset + nameStartInGroup;\n          const end = start + name.length;\n          context.report({\n            node,\n            messageId: 'preferSemanticTransition',\n            data: { native: name, semantic },\n            suggest: [\n              {\n                messageId: 'useSemantic',\n                data: { native: name, semantic },\n                fix(fixer) {\n                  return replaceInStringValue(\n                    fixer,\n                    node,\n                    [{ start, end, replacement: semantic }],\n                    context.sourceCode,\n                  );\n                },\n              },\n            ],\n          });\n          offset += group.length + 1;\n          continue;\n        }\n\n        if (\n          !SEMANTIC_TRANSITIONS.has(name) &&\n          !KNOWN_CSS_PROPERTIES.has(name) &&\n          !KNOWN_CSS_PROPERTIES.has(kebabToCamel(name)) &&\n          !name.startsWith('--') &&\n          name !== 'all' &&\n          name !== 'none'\n        ) {\n          context.report({\n            node,\n            messageId: 'unknownTransition',\n            data: {\n              name,\n              known: [...SEMANTIC_TRANSITIONS].join(', '),\n            },\n          });\n        }\n\n        offset += group.length + 1;\n      }\n    }\n\n    return stringStyleValueListeners(\n      ctx,\n      (value, node, property) => {\n        if (property === 'transition') checkTransitionValue(value, node);\n      },\n      { requireTastyJSX: true },\n    );\n  },\n});\n"],"mappings":";;;;;;;;;;;;;AAsBA,SAAS,aAAa,MAAsB;AAC1C,QAAO,KAAK,QAAQ,cAAc,GAAG,SAAiB,KAAK,aAAa,CAAC;;AAG3E,+BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM,EACJ,aACE,2EACH;EACD,UAAU;GACR,mBACE;GACF,0BACE;GACF,aAAa;GACd;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,qBAAqB,OAAe,MAA2B;GACtE,MAAM,SAAS,MAAM,MAAM,IAAI;GAC/B,IAAI,SAAS;AAEb,QAAK,MAAM,SAAS,QAAQ;IAC1B,MAAM,QAAQ,MAAM,MAAM,CAAC,MAAM,MAAM;AACvC,QAAI,MAAM,WAAW,KAAK,MAAM,OAAO,IAAI;AACzC,eAAU,MAAM,SAAS;AACzB;;IAGF,MAAM,OAAO,MAAM;AAGnB,QAAI,KAAK,WAAW,KAAK,EAAE;AACzB,eAAU,MAAM,SAAS;AACzB;;AAIF,QAAI,KAAK,WAAW,KAAK,EAAE;AACzB,eAAU,MAAM,SAAS;AACzB;;IAGF,MAAM,WAAW,4BAA4B;AAC7C,QAAI,UAAU;KACZ,MAAM,mBAAmB,MAAM,QAAQ,KAAK;KAC5C,MAAM,QAAQ,SAAS;KACvB,MAAM,MAAM,QAAQ,KAAK;AACzB,aAAQ,OAAO;MACb;MACA,WAAW;MACX,MAAM;OAAE,QAAQ;OAAM;OAAU;MAChC,SAAS,CACP;OACE,WAAW;OACX,MAAM;QAAE,QAAQ;QAAM;QAAU;OAChC,IAAI,OAAO;AACT,eAAO,qBACL,OACA,MACA,CAAC;SAAE;SAAO;SAAK,aAAa;SAAU,CAAC,EACvC,QAAQ,WACT;;OAEJ,CACF;MACF,CAAC;AACF,eAAU,MAAM,SAAS;AACzB;;AAGF,QACE,CAAC,qBAAqB,IAAI,KAAK,IAC/B,CAAC,qBAAqB,IAAI,KAAK,IAC/B,CAAC,qBAAqB,IAAI,aAAa,KAAK,CAAC,IAC7C,CAAC,KAAK,WAAW,KAAK,IACtB,SAAS,SACT,SAAS,OAET,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MACJ;MACA,OAAO,CAAC,GAAG,qBAAqB,CAAC,KAAK,KAAK;MAC5C;KACF,CAAC;AAGJ,cAAU,MAAM,SAAS;;;AAI7B,SAAO,0BACL,MACC,OAAO,MAAM,aAAa;AACzB,OAAI,aAAa,aAAc,sBAAqB,OAAO,KAAK;KAElE,EAAE,iBAAiB,MAAM,CAC1B;;CAEJ,CAAC"}

package/dist/rules/valid-value.js

@@ -1,6 +1,6 @@
 import { createRule } from "../create-rule.js";
-import { getKeyName, getStringValue } from "../utils.js";
-import { TastyContext, styleObjectListeners } from "../context.js";
+import { TastyContext } from "../context.js";
+import { stringStyleValueListeners } from "../style-values.js";
 import { parseValue } from "../parsers/value-parser.js";
 import { getExpectation } from "../property-expectations.js";
 
@@ -136,35 +136,9 @@ var valid_value_default = createRule({
 				}
 			}
 		}
-		function processProperty(prop) {
-			const key = !prop.computed ? getKeyName(prop.key) : null;
-			if (key && (/^[A-Z]/.test(key) || key.startsWith("@"))) return;
-			if (key && (key.startsWith("$") || key.startsWith("#"))) return;
-			if (key && key.startsWith("&")) return;
-			const str = getStringValue(prop.value);
-			if (str) {
-				checkValue(str, key, prop.value);
-				return;
-			}
-			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, key, stateProp.value);
-			}
-		}
-		function handleStyleObject(node) {
-			if (!ctx.isStyleObject(node)) return;
-			for (const prop of node.properties) {
-				if (prop.type !== "Property") continue;
-				processProperty(prop);
-			}
-		}
-		return {
-			ImportDeclaration(node) {
-				ctx.trackImport(node);
-			},
-			...styleObjectListeners(handleStyleObject)
-		};
+		return stringStyleValueListeners(ctx, (value, node, property) => {
+			if (!/^[#$]/.test(property)) checkValue(value, property, node);
+		});
 	}
 });
 const COLOR_FUNC_NAMES = new Set([

package/dist/rules/valid-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"valid-value.js","names":[],"sources":["../../src/rules/valid-value.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';\nimport { parseValue } from '../parsers/value-parser.js';\nimport type { ValueParserOptions } from '../parsers/value-parser.js';\nimport { getExpectation } from '../property-expectations.js';\n\nconst SKIP_PROPERTIES = new Set([\n  'recipe',\n  'preset',\n  'transition',\n  '@keyframes',\n  '@property',\n  '@font-face',\n  '@counter-style',\n  '@function',\n  'content',\n  'animation',\n  'animationName',\n  'gridArea',\n  'gridAreas',\n  'gridColumn',\n  'gridColumnStart',\n  'gridColumnEnd',\n  'gridRow',\n  'gridRowStart',\n  'gridRowEnd',\n  'gridTemplate',\n  'gridTemplateAreas',\n  'gridTemplateColumns',\n  'gridTemplateRows',\n  'listStyle',\n  'willChange',\n]);\n\ntype MessageIds =\n  | 'unbalancedParens'\n  | 'importantNotAllowed'\n  | 'unexpectedMod'\n  | 'unexpectedColor'\n  | 'invalidMod'\n  | 'unknownToken'\n  | 'parseError';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-value',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Parse style values through the value parser and validate against per-property expectations',\n    },\n    messages: {\n      unbalancedParens: 'Unbalanced parentheses in value.',\n      importantNotAllowed:\n        'Do not use !important in tasty styles. Use state specificity instead.',\n      unexpectedMod:\n        \"Unrecognized token '{{mod}}' in '{{property}}' value. This may be a typo.\",\n      unexpectedColor:\n        \"Property '{{property}}' does not accept color tokens, but found '{{color}}'.\",\n      invalidMod:\n        \"Modifier '{{mod}}' is not valid for '{{property}}'. Accepted: {{accepted}}.\",\n      unknownToken:\n        \"Unknown token '{{token}}' in '{{property}}' value. Check for a typo.\",\n      parseError: '{{message}}',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function getParserOpts(): ValueParserOptions {\n      const opts: ValueParserOptions = {};\n      if (ctx.config.units === false) {\n        opts.skipUnitValidation = true;\n      } else if (Array.isArray(ctx.config.units)) {\n        opts.knownUnits = new Set(ctx.config.units);\n      }\n      if (ctx.config.functions === false) {\n        opts.skipFuncValidation = true;\n      } else if (Array.isArray(ctx.config.functions)) {\n        opts.knownFuncs = new Set(ctx.config.functions);\n      }\n      return opts;\n    }\n\n    function checkValue(\n      value: string,\n      property: string | null,\n      node: TSESTree.Node,\n    ): void {\n      if (property && SKIP_PROPERTIES.has(property)) return;\n\n      const result = parseValue(value, getParserOpts());\n\n      const erroredRaws = new Set<string>();\n\n      // Report parser-level errors (bracket balance, unknown units/functions)\n      for (const error of result.errors) {\n        if (error.message.includes('parenthes')) {\n          context.report({ node, messageId: 'unbalancedParens' });\n          return;\n        }\n        context.report({\n          node,\n          messageId: 'parseError',\n          data: { message: error.message },\n        });\n        if (error.raw) {\n          erroredRaws.add(error.raw);\n        }\n      }\n\n      if (!property) return;\n\n      const expectation = getExpectation(property);\n\n      for (const group of result.groups) {\n        for (const part of group.parts) {\n          for (const token of part.tokens) {\n            // Check !important\n            if (token.type === 'important') {\n              context.report({ node, messageId: 'importantNotAllowed' });\n              continue;\n            }\n\n            // Check color tokens in non-color properties\n            if (\n              !expectation.acceptsColor &&\n              (token.type === 'color-token' || token.type === 'color-ref')\n            ) {\n              const colorName =\n                token.type === 'color-token'\n                  ? `#${token.name}`\n                  : `##${token.name}`;\n              context.report({\n                node,\n                messageId: 'unexpectedColor',\n                data: { property, color: colorName },\n              });\n              continue;\n            }\n\n            // Check color functions in non-color properties\n            if (\n              !expectation.acceptsColor &&\n              token.type === 'css-function' &&\n              isColorFunction(token.name)\n            ) {\n              context.report({\n                node,\n                messageId: 'unexpectedColor',\n                data: { property, color: `${token.name}()` },\n              });\n              continue;\n            }\n\n            // Skip tokens already reported via parser errors\n            if (\n              (token.type === 'unknown' || token.type === 'css-function') &&\n              'raw' in token &&\n              token.raw &&\n              erroredRaws.has(token.raw)\n            ) {\n              continue;\n            }\n\n            // Check unknown tokens against property expectations\n            if (token.type === 'unknown') {\n              const raw = token.raw;\n\n              if (expectation.acceptsMods === true) {\n                // Passthrough: accept any unknown token\n              } else if (expectation.acceptsMods === false) {\n                context.report({\n                  node,\n                  messageId: 'unexpectedMod',\n                  data: { property, mod: raw },\n                });\n              } else if (Array.isArray(expectation.acceptsMods)) {\n                if (!expectation.acceptsMods.includes(raw)) {\n                  context.report({\n                    node,\n                    messageId: 'invalidMod',\n                    data: {\n                      property,\n                      mod: raw,\n                      accepted: expectation.acceptsMods.join(', '),\n                    },\n                  });\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    function processProperty(prop: TSESTree.Property): void {\n      const key = !prop.computed ? getKeyName(prop.key) : null;\n\n      if (key && (/^[A-Z]/.test(key) || key.startsWith('@'))) return;\n      if (key && (key.startsWith('$') || key.startsWith('#'))) return;\n      if (key && key.startsWith('&')) return;\n\n      const str = getStringValue(prop.value);\n      if (str) {\n        checkValue(str, key, prop.value);\n        return;\n      }\n\n      // State map\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(stateStr, key, stateProp.value);\n          }\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        processProperty(prop);\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n\nconst COLOR_FUNC_NAMES = new Set([\n  'rgb',\n  'rgba',\n  'hsl',\n  'hsla',\n  'hwb',\n  'lab',\n  'lch',\n  'oklab',\n  'oklch',\n  'color',\n  'color-mix',\n  'color-contrast',\n]);\n\nfunction isColorFunction(name: string): boolean {\n  return COLOR_FUNC_NAMES.has(name);\n}\n"],"mappings":"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"}
+{"version":3,"file":"valid-value.js","names":[],"sources":["../../src/rules/valid-value.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { stringStyleValueListeners } from '../style-values.js';\nimport { parseValue } from '../parsers/value-parser.js';\nimport type { ValueParserOptions } from '../parsers/value-parser.js';\nimport { getExpectation } from '../property-expectations.js';\n\nconst SKIP_PROPERTIES = new Set([\n  'recipe',\n  'preset',\n  'transition',\n  '@keyframes',\n  '@property',\n  '@font-face',\n  '@counter-style',\n  '@function',\n  'content',\n  'animation',\n  'animationName',\n  'gridArea',\n  'gridAreas',\n  'gridColumn',\n  'gridColumnStart',\n  'gridColumnEnd',\n  'gridRow',\n  'gridRowStart',\n  'gridRowEnd',\n  'gridTemplate',\n  'gridTemplateAreas',\n  'gridTemplateColumns',\n  'gridTemplateRows',\n  'listStyle',\n  'willChange',\n]);\n\ntype MessageIds =\n  | 'unbalancedParens'\n  | 'importantNotAllowed'\n  | 'unexpectedMod'\n  | 'unexpectedColor'\n  | 'invalidMod'\n  | 'unknownToken'\n  | 'parseError';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-value',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Parse style values through the value parser and validate against per-property expectations',\n    },\n    messages: {\n      unbalancedParens: 'Unbalanced parentheses in value.',\n      importantNotAllowed:\n        'Do not use !important in tasty styles. Use state specificity instead.',\n      unexpectedMod:\n        \"Unrecognized token '{{mod}}' in '{{property}}' value. This may be a typo.\",\n      unexpectedColor:\n        \"Property '{{property}}' does not accept color tokens, but found '{{color}}'.\",\n      invalidMod:\n        \"Modifier '{{mod}}' is not valid for '{{property}}'. Accepted: {{accepted}}.\",\n      unknownToken:\n        \"Unknown token '{{token}}' in '{{property}}' value. Check for a typo.\",\n      parseError: '{{message}}',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function getParserOpts(): ValueParserOptions {\n      const opts: ValueParserOptions = {};\n      if (ctx.config.units === false) {\n        opts.skipUnitValidation = true;\n      } else if (Array.isArray(ctx.config.units)) {\n        opts.knownUnits = new Set(ctx.config.units);\n      }\n      if (ctx.config.functions === false) {\n        opts.skipFuncValidation = true;\n      } else if (Array.isArray(ctx.config.functions)) {\n        opts.knownFuncs = new Set(ctx.config.functions);\n      }\n      return opts;\n    }\n\n    function checkValue(\n      value: string,\n      property: string | null,\n      node: TSESTree.Node,\n    ): void {\n      if (property && SKIP_PROPERTIES.has(property)) return;\n\n      const result = parseValue(value, getParserOpts());\n\n      const erroredRaws = new Set<string>();\n\n      // Report parser-level errors (bracket balance, unknown units/functions)\n      for (const error of result.errors) {\n        if (error.message.includes('parenthes')) {\n          context.report({ node, messageId: 'unbalancedParens' });\n          return;\n        }\n        context.report({\n          node,\n          messageId: 'parseError',\n          data: { message: error.message },\n        });\n        if (error.raw) {\n          erroredRaws.add(error.raw);\n        }\n      }\n\n      if (!property) return;\n\n      const expectation = getExpectation(property);\n\n      for (const group of result.groups) {\n        for (const part of group.parts) {\n          for (const token of part.tokens) {\n            // Check !important\n            if (token.type === 'important') {\n              context.report({ node, messageId: 'importantNotAllowed' });\n              continue;\n            }\n\n            // Check color tokens in non-color properties\n            if (\n              !expectation.acceptsColor &&\n              (token.type === 'color-token' || token.type === 'color-ref')\n            ) {\n              const colorName =\n                token.type === 'color-token'\n                  ? `#${token.name}`\n                  : `##${token.name}`;\n              context.report({\n                node,\n                messageId: 'unexpectedColor',\n                data: { property, color: colorName },\n              });\n              continue;\n            }\n\n            // Check color functions in non-color properties\n            if (\n              !expectation.acceptsColor &&\n              token.type === 'css-function' &&\n              isColorFunction(token.name)\n            ) {\n              context.report({\n                node,\n                messageId: 'unexpectedColor',\n                data: { property, color: `${token.name}()` },\n              });\n              continue;\n            }\n\n            // Skip tokens already reported via parser errors\n            if (\n              (token.type === 'unknown' || token.type === 'css-function') &&\n              'raw' in token &&\n              token.raw &&\n              erroredRaws.has(token.raw)\n            ) {\n              continue;\n            }\n\n            // Check unknown tokens against property expectations\n            if (token.type === 'unknown') {\n              const raw = token.raw;\n\n              if (expectation.acceptsMods === true) {\n                // Passthrough: accept any unknown token\n              } else if (expectation.acceptsMods === false) {\n                context.report({\n                  node,\n                  messageId: 'unexpectedMod',\n                  data: { property, mod: raw },\n                });\n              } else if (Array.isArray(expectation.acceptsMods)) {\n                if (!expectation.acceptsMods.includes(raw)) {\n                  context.report({\n                    node,\n                    messageId: 'invalidMod',\n                    data: {\n                      property,\n                      mod: raw,\n                      accepted: expectation.acceptsMods.join(', '),\n                    },\n                  });\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    return stringStyleValueListeners(ctx, (value, node, property) => {\n      if (!/^[#$]/.test(property)) checkValue(value, property, node);\n    });\n  },\n});\n\nconst COLOR_FUNC_NAMES = new Set([\n  'rgb',\n  'rgba',\n  'hsl',\n  'hsla',\n  'hwb',\n  'lab',\n  'lch',\n  'oklab',\n  'oklch',\n  'color',\n  'color-mix',\n  'color-contrast',\n]);\n\nfunction isColorFunction(name: string): boolean {\n  return COLOR_FUNC_NAMES.has(name);\n}\n"],"mappings":"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"}

package/dist/style-values.js

@@ -0,0 +1,71 @@
+import { KNOWN_CSS_PROPERTIES, KNOWN_TASTY_PROPERTIES } from "./constants.js";
+import { getKeyName, getStringValue, unwrapExpression } from "./utils.js";
+
+//#region src/style-values.ts
+/** Visit visible values without evaluating bindings, calls, or interpolations. */
+function styleValueListeners(ctx, check, options = {}) {
+	function visit(property, node) {
+		node = unwrapExpression(node);
+		if (node.type === "ObjectExpression") {
+			for (const prop of node.properties) if (prop.type === "Property" && !prop.computed) {
+				const value = unwrapExpression(prop.value);
+				if (value.type !== "ObjectExpression") visit(property, value);
+			}
+		} else if (node.type === "ConditionalExpression") {
+			visit(property, node.consequent);
+			visit(property, node.alternate);
+		} else if (node.type === "LogicalExpression") {
+			const left = unwrapExpression(node.left);
+			const str = getStringValue(left);
+			const known = left.type === "Literal" || str !== null;
+			const value = left.type === "Literal" ? left.value : str;
+			if (node.operator === "&&") {
+				if (!known || value) visit(property, node.right);
+			} else if (known) visit(property, node.operator === "??" ? value == null ? node.right : left : value ? left : node.right);
+			else {
+				visit(property, node.left);
+				visit(property, node.right);
+			}
+		} else check(property, node);
+	}
+	return {
+		ImportDeclaration(node) {
+			ctx.trackImport(node);
+		},
+		ObjectExpression(node) {
+			if (!ctx.isStyleObject(node)) return;
+			options.onStyleObject?.(node);
+			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) || key === "$") continue;
+				visit(key, prop.value);
+			}
+		},
+		JSXAttribute(node) {
+			if (node.name.type !== "JSXIdentifier") return;
+			const key = node.name.name;
+			if (!KNOWN_TASTY_PROPERTIES.has(key) && !KNOWN_CSS_PROPERTIES.has(key) && !ctx.config.styles.includes(key)) return;
+			const opening = node.parent;
+			if (opening?.type !== "JSXOpeningElement") return;
+			let tag = opening.name;
+			while (tag.type === "JSXMemberExpression") tag = tag.object;
+			if (tag.type !== "JSXIdentifier" || !/^[A-Z]/.test(tag.name)) return;
+			if (options.requireTastyJSX && !ctx.isTastyJSXComponent(node, tag.name)) return;
+			const value = node.value?.type === "JSXExpressionContainer" ? node.value.expression : node.value;
+			if (value) visit(key, value);
+			else check(key, node);
+		}
+	};
+}
+/** Adapt a node listener to the string-only rules. */
+function stringStyleValueListeners(ctx, check, options = {}) {
+	return styleValueListeners(ctx, (property, node) => {
+		const value = getStringValue(node);
+		if (value !== null) check(value, node, property);
+	}, options);
+}
+
+//#endregion
+export { stringStyleValueListeners, styleValueListeners };
+//# sourceMappingURL=style-values.js.map

package/dist/style-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-values.js","names":[],"sources":["../src/style-values.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport type { TastyContext } from './context.js';\nimport { KNOWN_CSS_PROPERTIES, KNOWN_TASTY_PROPERTIES } from './constants.js';\nimport { getKeyName, getStringValue, unwrapExpression } from './utils.js';\n\ninterface ValueListenerOptions {\n  /** Collect declarations before checking their values (token existence rules). */\n  onStyleObject?: (node: TSESTree.ObjectExpression) => void;\n  /** Rewrites that depend on Tasty semantics need evidence beyond the prop name. */\n  requireTastyJSX?: boolean;\n}\n\n/** Visit visible values without evaluating bindings, calls, or interpolations. */\nexport function styleValueListeners(\n  ctx: TastyContext,\n  check: (property: string, node: TSESTree.Node) => void,\n  options: ValueListenerOptions = {},\n) {\n  function visit(property: string, node: TSESTree.Node): void {\n    node = unwrapExpression(node);\n    if (node.type === 'ObjectExpression') {\n      // A property value object is a state map, never a sub-element here.\n      for (const prop of node.properties) {\n        if (prop.type === 'Property' && !prop.computed) {\n          const value = unwrapExpression(prop.value);\n          if (value.type !== 'ObjectExpression') visit(property, value);\n        }\n      }\n    } else if (node.type === 'ConditionalExpression') {\n      visit(property, node.consequent);\n      visit(property, node.alternate);\n    } else if (node.type === 'LogicalExpression') {\n      const left = unwrapExpression(node.left);\n      const str = getStringValue(left);\n      const known = left.type === 'Literal' || str !== null;\n      const value = left.type === 'Literal' ? left.value : str;\n      if (node.operator === '&&') {\n        // The left operand can only be the result when it is falsy.\n        if (!known || value) visit(property, node.right);\n      } else if (known) {\n        visit(\n          property,\n          node.operator === '??'\n            ? value == null\n              ? node.right\n              : left\n            : value\n              ? left\n              : node.right,\n        );\n      } else {\n        visit(property, node.left);\n        visit(property, node.right);\n      }\n    } else {\n      check(property, node);\n    }\n  }\n\n  return {\n    ImportDeclaration(node: TSESTree.ImportDeclaration) {\n      ctx.trackImport(node);\n    },\n    ObjectExpression(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n      options.onStyleObject?.(node);\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n        const key = getKeyName(prop.key);\n        if (key === null || /^[A-Z@&]/.test(key) || key === '$') continue;\n        visit(key, prop.value);\n      }\n    },\n    JSXAttribute(node: TSESTree.JSXAttribute) {\n      if (node.name.type !== 'JSXIdentifier') return;\n      const key = node.name.name;\n      if (\n        !KNOWN_TASTY_PROPERTIES.has(key) &&\n        !KNOWN_CSS_PROPERTIES.has(key) &&\n        !ctx.config.styles.includes(key)\n      )\n        return;\n\n      const opening = node.parent;\n      if (opening?.type !== 'JSXOpeningElement') return;\n      let tag = opening.name;\n      while (tag.type === 'JSXMemberExpression') tag = tag.object;\n      // Native HTML/SVG attributes contain CSS, not Tasty's value language.\n      if (tag.type !== 'JSXIdentifier' || !/^[A-Z]/.test(tag.name)) return;\n      if (options.requireTastyJSX && !ctx.isTastyJSXComponent(node, tag.name))\n        return;\n\n      const value =\n        node.value?.type === 'JSXExpressionContainer'\n          ? node.value.expression\n          : node.value;\n      if (value) visit(key, value);\n      else check(key, node); // A bare JSX attribute means boolean true.\n    },\n  };\n}\n\n/** Adapt a node listener to the string-only rules. */\nexport function stringStyleValueListeners(\n  ctx: TastyContext,\n  check: (value: string, node: TSESTree.Node, property: string) => void,\n  options: ValueListenerOptions = {},\n) {\n  return styleValueListeners(\n    ctx,\n    (property, node) => {\n      const value = getStringValue(node);\n      if (value !== null) check(value, node, property);\n    },\n    options,\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgB,oBACd,KACA,OACA,UAAgC,EAAE,EAClC;CACA,SAAS,MAAM,UAAkB,MAA2B;AAC1D,SAAO,iBAAiB,KAAK;AAC7B,MAAI,KAAK,SAAS,oBAEhB;QAAK,MAAM,QAAQ,KAAK,WACtB,KAAI,KAAK,SAAS,cAAc,CAAC,KAAK,UAAU;IAC9C,MAAM,QAAQ,iBAAiB,KAAK,MAAM;AAC1C,QAAI,MAAM,SAAS,mBAAoB,OAAM,UAAU,MAAM;;aAGxD,KAAK,SAAS,yBAAyB;AAChD,SAAM,UAAU,KAAK,WAAW;AAChC,SAAM,UAAU,KAAK,UAAU;aACtB,KAAK,SAAS,qBAAqB;GAC5C,MAAM,OAAO,iBAAiB,KAAK,KAAK;GACxC,MAAM,MAAM,eAAe,KAAK;GAChC,MAAM,QAAQ,KAAK,SAAS,aAAa,QAAQ;GACjD,MAAM,QAAQ,KAAK,SAAS,YAAY,KAAK,QAAQ;AACrD,OAAI,KAAK,aAAa,MAEpB;QAAI,CAAC,SAAS,MAAO,OAAM,UAAU,KAAK,MAAM;cACvC,MACT,OACE,UACA,KAAK,aAAa,OACd,SAAS,OACP,KAAK,QACL,OACF,QACE,OACA,KAAK,MACZ;QACI;AACL,UAAM,UAAU,KAAK,KAAK;AAC1B,UAAM,UAAU,KAAK,MAAM;;QAG7B,OAAM,UAAU,KAAK;;AAIzB,QAAO;EACL,kBAAkB,MAAkC;AAClD,OAAI,YAAY,KAAK;;EAEvB,iBAAiB,MAAiC;AAChD,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAC9B,WAAQ,gBAAgB,KAAK;AAC7B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAC/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,QAAQ,WAAW,KAAK,IAAI,IAAI,QAAQ,IAAK;AACzD,UAAM,KAAK,KAAK,MAAM;;;EAG1B,aAAa,MAA6B;AACxC,OAAI,KAAK,KAAK,SAAS,gBAAiB;GACxC,MAAM,MAAM,KAAK,KAAK;AACtB,OACE,CAAC,uBAAuB,IAAI,IAAI,IAChC,CAAC,qBAAqB,IAAI,IAAI,IAC9B,CAAC,IAAI,OAAO,OAAO,SAAS,IAAI,CAEhC;GAEF,MAAM,UAAU,KAAK;AACrB,OAAI,SAAS,SAAS,oBAAqB;GAC3C,IAAI,MAAM,QAAQ;AAClB,UAAO,IAAI,SAAS,sBAAuB,OAAM,IAAI;AAErD,OAAI,IAAI,SAAS,mBAAmB,CAAC,SAAS,KAAK,IAAI,KAAK,CAAE;AAC9D,OAAI,QAAQ,mBAAmB,CAAC,IAAI,oBAAoB,MAAM,IAAI,KAAK,CACrE;GAEF,MAAM,QACJ,KAAK,OAAO,SAAS,2BACjB,KAAK,MAAM,aACX,KAAK;AACX,OAAI,MAAO,OAAM,KAAK,MAAM;OACvB,OAAM,KAAK,KAAK;;EAExB;;;AAIH,SAAgB,0BACd,KACA,OACA,UAAgC,EAAE,EAClC;AACA,QAAO,oBACL,MACC,UAAU,SAAS;EAClB,MAAM,QAAQ,eAAe,KAAK;AAClC,MAAI,UAAU,KAAM,OAAM,OAAO,MAAM,SAAS;IAElD,QACD"}

package/dist/utils.js

@@ -76,15 +76,6 @@ function isRawHexColor(value) {
 	return /^[0-9a-fA-F]+$/.test(hex);
 }
 /**
-* Extracts custom unit from a value token like "2x", "1.5r", "3cols".
-* Returns the unit name, or null if not a custom-unit value.
-*/
-function extractCustomUnit(token) {
-	const match = token.match(/^-?[\d.]+([a-zA-Z]+)$/);
-	if (!match) return null;
-	return match[1];
-}
-/**
 * Checks if a unit is valid (built-in, CSS, or in config).
 */
 function isValidUnit(unit, config) {
@@ -135,5 +126,5 @@ function collectLocalStateAliases(node) {
 }
 
 //#endregion
-export { collectLocalStateAliases, extractCustomUnit, getKeyName, getStringValue, isKnownStateAlias, isRawHexColor, isStaticValue, isValidSelector, isValidUnit, unwrapExpression, validateColorTokenSyntax };
+export { collectLocalStateAliases, getKeyName, getStringValue, isKnownStateAlias, isRawHexColor, isStaticValue, isValidSelector, isValidUnit, unwrapExpression, validateColorTokenSyntax };
 //# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../src/utils.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport {\n  BUILT_IN_UNITS,\n  CSS_UNITS,\n  BUILT_IN_STATE_PREFIXES,\n} from './constants.js';\nimport type { ResolvedConfig } from './types.js';\n\n/** Strip TypeScript wrappers that do not change an expression's runtime value. */\nexport function unwrapExpression(node: TSESTree.Node): TSESTree.Node {\n  let current = node;\n\n  while (\n    current.type === 'TSAsExpression' ||\n    current.type === 'TSSatisfiesExpression' ||\n    current.type === 'TSNonNullExpression' ||\n    current.type === 'TSTypeAssertion' ||\n    current.type === 'TSInstantiationExpression'\n  ) {\n    current = current.expression;\n  }\n\n  return current;\n}\n\n/**\n * Gets the string value of a property key node.\n */\nexport function getKeyName(key: TSESTree.Node): string | null {\n  if (key.type === 'Identifier') return key.name;\n  if (key.type === 'Literal' && typeof key.value === 'string') return key.value;\n  if (key.type === 'Literal' && typeof key.value === 'number')\n    return String(key.value);\n  return null;\n}\n\n/**\n * Gets the string value of a node if it is a string literal.\n */\nexport function getStringValue(node: TSESTree.Node): string | null {\n  if (node.type === 'Literal' && typeof node.value === 'string') {\n    return node.value;\n  }\n  if (node.type === 'TemplateLiteral' && node.expressions.length === 0) {\n    return node.quasis[0].value.cooked ?? null;\n  }\n  return null;\n}\n\n/**\n * Checks if a value node is a static literal.\n */\nexport function isStaticValue(node: TSESTree.Node): boolean {\n  node = unwrapExpression(node);\n  if (node.type === 'Literal') return true;\n  if (\n    node.type === 'UnaryExpression' &&\n    node.operator === '-' &&\n    node.argument.type === 'Literal'\n  ) {\n    return true;\n  }\n  if (node.type === 'TemplateLiteral' && node.expressions.length === 0) {\n    return true;\n  }\n  if (node.type === 'ArrayExpression') {\n    return node.elements.every((el) => el !== null && isStaticValue(el));\n  }\n  if (node.type === 'ObjectExpression') {\n    return node.properties.every(\n      (prop) =>\n        prop.type === 'Property' && !prop.computed && isStaticValue(prop.value),\n    );\n  }\n  return false;\n}\n\n/**\n * Validates color token syntax.\n * Returns null if valid, or an error message if invalid.\n */\nexport function validateColorTokenSyntax(token: string): string | null {\n  // Strip leading # or ##\n  let name = token;\n  if (name.startsWith('##')) {\n    name = name.slice(2);\n  } else if (name.startsWith('#')) {\n    name = name.slice(1);\n  } else {\n    return 'Color token must start with #';\n  }\n\n  if (name.length === 0) return 'Empty color token name';\n\n  // Check for opacity suffix\n  const dotIndex = name.indexOf('.');\n  if (dotIndex !== -1) {\n    const tokenName = name.slice(0, dotIndex);\n    const opacitySuffix = name.slice(dotIndex + 1);\n\n    if (tokenName.length === 0) return 'Empty color token name before opacity';\n\n    if (opacitySuffix.startsWith('$')) {\n      // Dynamic opacity from CSS custom property — always valid\n      return null;\n    }\n\n    if (opacitySuffix.length === 0) return 'Trailing dot with no opacity value';\n\n    const opacity = Number(opacitySuffix);\n    if (isNaN(opacity)) return `Invalid opacity value '${opacitySuffix}'`;\n    if (opacity < 0) return 'Opacity cannot be negative';\n    if (opacity > 100) return `Opacity '${opacitySuffix}' exceeds 100`;\n  }\n\n  return null;\n}\n\n/**\n * Checks if a string looks like a raw hex color (not a token).\n * Hex colors: #fff, #ffff, #ffffff, #ffffffff (3, 4, 6, or 8 hex chars).\n */\nexport function isRawHexColor(value: string): boolean {\n  if (!value.startsWith('#')) return false;\n  const hex = value.slice(1).split('.')[0];\n  if (![3, 4, 6, 8].includes(hex.length)) return false;\n  return /^[0-9a-fA-F]+$/.test(hex);\n}\n\n/**\n * Extracts custom unit from a value token like \"2x\", \"1.5r\", \"3cols\".\n * Returns the unit name, or null if not a custom-unit value.\n */\nexport function extractCustomUnit(token: string): string | null {\n  const match = token.match(/^-?[\\d.]+([a-zA-Z]+)$/);\n  if (!match) return null;\n  return match[1];\n}\n\n/**\n * Checks if a unit is valid (built-in, CSS, or in config).\n */\nexport function isValidUnit(unit: string, config: ResolvedConfig): boolean {\n  if (config.units === false) return true;\n  if (BUILT_IN_UNITS.has(unit)) return true;\n  if (CSS_UNITS.has(unit)) return true;\n  if (Array.isArray(config.units) && config.units.includes(unit)) return true;\n  return false;\n}\n\n/**\n * Checks if a state alias key (starting with @) is known.\n */\nexport function isKnownStateAlias(\n  key: string,\n  config: ResolvedConfig,\n): boolean {\n  // Built-in prefixes\n  for (const prefix of BUILT_IN_STATE_PREFIXES) {\n    if (key === prefix || key.startsWith(prefix + '(')) return true;\n  }\n  // Container query shorthand\n  if (key.startsWith('@(')) return true;\n  // Config aliases\n  return config.states.includes(key);\n}\n\n/**\n * Checks if a CSS selector string is basically valid.\n */\nexport function isValidSelector(selector: string): string | null {\n  if (selector.length === 0) return 'Selector cannot be empty';\n\n  // Check balanced brackets\n  let depth = 0;\n  for (const char of selector) {\n    if (char === '(' || char === '[') depth++;\n    if (char === ')' || char === ']') depth--;\n    if (depth < 0) return 'Unbalanced brackets in selector';\n  }\n  if (depth !== 0) return 'Unbalanced brackets in selector';\n\n  return null;\n}\n\n/**\n * Finds a property by key name in an object expression.\n */\nexport function findProperty(\n  obj: TSESTree.ObjectExpression,\n  name: string,\n): TSESTree.Property | undefined {\n  for (const prop of obj.properties) {\n    if (prop.type === 'Property' && !prop.computed) {\n      const keyName = getKeyName(prop.key);\n      if (keyName === name) return prop;\n    }\n  }\n  return undefined;\n}\n\n/**\n * Collects local predefined state alias names from a styles ObjectExpression.\n * Local states are top-level `@name` keys with string literal values,\n * mirroring the runtime's `extractLocalPredefinedStates()`.\n */\nexport function collectLocalStateAliases(\n  node: TSESTree.ObjectExpression,\n): string[] {\n  const aliases: string[] = [];\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    if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(key)) continue;\n\n    // Skip built-in prefixes — they are not local state definitions\n    if (BUILT_IN_STATE_PREFIXES.has(key)) continue;\n\n    // Must have a string value to be a state definition\n    if (getStringValue(prop.value) !== null) {\n      aliases.push(key);\n    }\n  }\n\n  return aliases;\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":[],"sources":["../src/utils.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport {\n  BUILT_IN_UNITS,\n  CSS_UNITS,\n  BUILT_IN_STATE_PREFIXES,\n} from './constants.js';\nimport type { ResolvedConfig } from './types.js';\n\n/** Strip TypeScript wrappers that do not change an expression's runtime value. */\nexport function unwrapExpression(node: TSESTree.Node): TSESTree.Node {\n  let current = node;\n\n  while (\n    current.type === 'TSAsExpression' ||\n    current.type === 'TSSatisfiesExpression' ||\n    current.type === 'TSNonNullExpression' ||\n    current.type === 'TSTypeAssertion' ||\n    current.type === 'TSInstantiationExpression'\n  ) {\n    current = current.expression;\n  }\n\n  return current;\n}\n\n/**\n * Gets the string value of a property key node.\n */\nexport function getKeyName(key: TSESTree.Node): string | null {\n  if (key.type === 'Identifier') return key.name;\n  if (key.type === 'Literal' && typeof key.value === 'string') return key.value;\n  if (key.type === 'Literal' && typeof key.value === 'number')\n    return String(key.value);\n  return null;\n}\n\n/**\n * Gets the string value of a node if it is a string literal.\n */\nexport function getStringValue(node: TSESTree.Node): string | null {\n  if (node.type === 'Literal' && typeof node.value === 'string') {\n    return node.value;\n  }\n  if (node.type === 'TemplateLiteral' && node.expressions.length === 0) {\n    return node.quasis[0].value.cooked ?? null;\n  }\n  return null;\n}\n\n/**\n * Checks if a value node is a static literal.\n */\nexport function isStaticValue(node: TSESTree.Node): boolean {\n  node = unwrapExpression(node);\n  if (node.type === 'Literal') return true;\n  if (\n    node.type === 'UnaryExpression' &&\n    node.operator === '-' &&\n    node.argument.type === 'Literal'\n  ) {\n    return true;\n  }\n  if (node.type === 'TemplateLiteral' && node.expressions.length === 0) {\n    return true;\n  }\n  if (node.type === 'ArrayExpression') {\n    return node.elements.every((el) => el !== null && isStaticValue(el));\n  }\n  if (node.type === 'ObjectExpression') {\n    return node.properties.every(\n      (prop) =>\n        prop.type === 'Property' && !prop.computed && isStaticValue(prop.value),\n    );\n  }\n  return false;\n}\n\n/**\n * Validates color token syntax.\n * Returns null if valid, or an error message if invalid.\n */\nexport function validateColorTokenSyntax(token: string): string | null {\n  // Strip leading # or ##\n  let name = token;\n  if (name.startsWith('##')) {\n    name = name.slice(2);\n  } else if (name.startsWith('#')) {\n    name = name.slice(1);\n  } else {\n    return 'Color token must start with #';\n  }\n\n  if (name.length === 0) return 'Empty color token name';\n\n  // Check for opacity suffix\n  const dotIndex = name.indexOf('.');\n  if (dotIndex !== -1) {\n    const tokenName = name.slice(0, dotIndex);\n    const opacitySuffix = name.slice(dotIndex + 1);\n\n    if (tokenName.length === 0) return 'Empty color token name before opacity';\n\n    if (opacitySuffix.startsWith('$')) {\n      // Dynamic opacity from CSS custom property — always valid\n      return null;\n    }\n\n    if (opacitySuffix.length === 0) return 'Trailing dot with no opacity value';\n\n    const opacity = Number(opacitySuffix);\n    if (isNaN(opacity)) return `Invalid opacity value '${opacitySuffix}'`;\n    if (opacity < 0) return 'Opacity cannot be negative';\n    if (opacity > 100) return `Opacity '${opacitySuffix}' exceeds 100`;\n  }\n\n  return null;\n}\n\n/**\n * Checks if a string looks like a raw hex color (not a token).\n * Hex colors: #fff, #ffff, #ffffff, #ffffffff (3, 4, 6, or 8 hex chars).\n */\nexport function isRawHexColor(value: string): boolean {\n  if (!value.startsWith('#')) return false;\n  const hex = value.slice(1).split('.')[0];\n  if (![3, 4, 6, 8].includes(hex.length)) return false;\n  return /^[0-9a-fA-F]+$/.test(hex);\n}\n\n/**\n * Extracts custom unit from a value token like \"2x\", \"1.5r\", \"3cols\".\n * Returns the unit name, or null if not a custom-unit value.\n */\nexport function extractCustomUnit(token: string): string | null {\n  const match = token.match(/^-?[\\d.]+([a-zA-Z]+)$/);\n  if (!match) return null;\n  return match[1];\n}\n\n/**\n * Checks if a unit is valid (built-in, CSS, or in config).\n */\nexport function isValidUnit(unit: string, config: ResolvedConfig): boolean {\n  if (config.units === false) return true;\n  if (BUILT_IN_UNITS.has(unit)) return true;\n  if (CSS_UNITS.has(unit)) return true;\n  if (Array.isArray(config.units) && config.units.includes(unit)) return true;\n  return false;\n}\n\n/**\n * Checks if a state alias key (starting with @) is known.\n */\nexport function isKnownStateAlias(\n  key: string,\n  config: ResolvedConfig,\n): boolean {\n  // Built-in prefixes\n  for (const prefix of BUILT_IN_STATE_PREFIXES) {\n    if (key === prefix || key.startsWith(prefix + '(')) return true;\n  }\n  // Container query shorthand\n  if (key.startsWith('@(')) return true;\n  // Config aliases\n  return config.states.includes(key);\n}\n\n/**\n * Checks if a CSS selector string is basically valid.\n */\nexport function isValidSelector(selector: string): string | null {\n  if (selector.length === 0) return 'Selector cannot be empty';\n\n  // Check balanced brackets\n  let depth = 0;\n  for (const char of selector) {\n    if (char === '(' || char === '[') depth++;\n    if (char === ')' || char === ']') depth--;\n    if (depth < 0) return 'Unbalanced brackets in selector';\n  }\n  if (depth !== 0) return 'Unbalanced brackets in selector';\n\n  return null;\n}\n\n/**\n * Finds a property by key name in an object expression.\n */\nexport function findProperty(\n  obj: TSESTree.ObjectExpression,\n  name: string,\n): TSESTree.Property | undefined {\n  for (const prop of obj.properties) {\n    if (prop.type === 'Property' && !prop.computed) {\n      const keyName = getKeyName(prop.key);\n      if (keyName === name) return prop;\n    }\n  }\n  return undefined;\n}\n\n/**\n * Collects local predefined state alias names from a styles ObjectExpression.\n * Local states are top-level `@name` keys with string literal values,\n * mirroring the runtime's `extractLocalPredefinedStates()`.\n */\nexport function collectLocalStateAliases(\n  node: TSESTree.ObjectExpression,\n): string[] {\n  const aliases: string[] = [];\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    if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(key)) continue;\n\n    // Skip built-in prefixes — they are not local state definitions\n    if (BUILT_IN_STATE_PREFIXES.has(key)) continue;\n\n    // Must have a string value to be a state definition\n    if (getStringValue(prop.value) !== null) {\n      aliases.push(key);\n    }\n  }\n\n  return aliases;\n}\n"],"mappings":"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"}

package/dist/value-words.js

@@ -0,0 +1,76 @@
+//#region src/value-words.ts
+function scan(value) {
+	const words = [];
+	const opaque = [];
+	const pattern = /(?:[#$]{1,2}[\w-]*(?:\.[\w$.-]*)?|[+-]?(?:\d*\.\d+|\d+\.?\d*)(?:e[+-]?\d+)?(?:[a-z][a-z0-9]*|%)?|[a-z_][\w-]*|--[\w-]+)/iy;
+	let i = 0;
+	const skipQuote = () => {
+		const quote = value[i++];
+		while (i < value.length) {
+			const ch = value[i++];
+			if (ch === "\\") i++;
+			else if (ch === quote) break;
+		}
+		i = Math.min(i, value.length);
+	};
+	while (i < value.length) {
+		if (value[i] === "\"" || value[i] === "'") {
+			const start = i;
+			skipQuote();
+			opaque.push({
+				start,
+				end: i
+			});
+			continue;
+		}
+		pattern.lastIndex = i;
+		const match = pattern.exec(value);
+		if (!match) {
+			i++;
+			continue;
+		}
+		const word = match[0];
+		const offset = i;
+		i += word.length;
+		const paren = /^\s*\(/.exec(value.slice(i));
+		if (word.toLowerCase() === "url" && paren) {
+			i += paren[0].length;
+			while (i < value.length) if (value[i] === "\"" || value[i] === "'") skipQuote();
+			else if (value[i] === "\\") i += 2;
+			else if (value[i++] === ")") break;
+			i = Math.min(i, value.length);
+			opaque.push({
+				start: offset,
+				end: i
+			});
+			continue;
+		}
+		words.push({
+			value: word,
+			offset,
+			isFunction: paren !== null
+		});
+	}
+	return {
+		words,
+		opaque
+	};
+}
+/** Scan inside expressions while keeping strings, URLs, and identifiers opaque. */
+function scanValueWords(value) {
+	return scan(value).words;
+}
+/** Hide text that regex-based checks must not rewrite, preserving source offsets. */
+function maskValueLiterals(value) {
+	let result = "";
+	let start = 0;
+	for (const span of scan(value).opaque) {
+		result += value.slice(start, span.start) + " ".repeat(span.end - span.start);
+		start = span.end;
+	}
+	return result + value.slice(start);
+}
+
+//#endregion
+export { maskValueLiterals, scanValueWords };
+//# sourceMappingURL=value-words.js.map

package/dist/value-words.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-words.js","names":[],"sources":["../src/value-words.ts"],"sourcesContent":["export interface ValueWord {\n  value: string;\n  offset: number;\n  isFunction: boolean;\n}\n\ninterface Span {\n  start: number;\n  end: number;\n}\n\nfunction scan(value: string): { words: ValueWord[]; opaque: Span[] } {\n  const words: ValueWord[] = [];\n  const opaque: Span[] = [];\n  // A whole identifier must win over a color name or number inside it.\n  const pattern =\n    /(?:[#$]{1,2}[\\w-]*(?:\\.[\\w$.-]*)?|[+-]?(?:\\d*\\.\\d+|\\d+\\.?\\d*)(?:e[+-]?\\d+)?(?:[a-z][a-z0-9]*|%)?|[a-z_][\\w-]*|--[\\w-]+)/iy;\n  let i = 0;\n  const skipQuote = () => {\n    const quote = value[i++];\n    while (i < value.length) {\n      const ch = value[i++];\n      if (ch === '\\\\') i++;\n      else if (ch === quote) break;\n    }\n    i = Math.min(i, value.length);\n  };\n  while (i < value.length) {\n    if (value[i] === '\"' || value[i] === \"'\") {\n      const start = i;\n      skipQuote();\n      opaque.push({ start, end: i });\n      continue;\n    }\n    pattern.lastIndex = i;\n    const match = pattern.exec(value);\n    if (!match) {\n      i++;\n      continue;\n    }\n    const word = match[0];\n    const offset = i;\n    i += word.length;\n    const paren = /^\\s*\\(/.exec(value.slice(i));\n    if (word.toLowerCase() === 'url' && paren) {\n      i += paren[0].length;\n      while (i < value.length) {\n        if (value[i] === '\"' || value[i] === \"'\") skipQuote();\n        else if (value[i] === '\\\\') i += 2;\n        else if (value[i++] === ')') break;\n      }\n      i = Math.min(i, value.length);\n      opaque.push({ start: offset, end: i });\n      continue;\n    }\n    words.push({ value: word, offset, isFunction: paren !== null });\n  }\n  return { words, opaque };\n}\n\n/** Scan inside expressions while keeping strings, URLs, and identifiers opaque. */\nexport function scanValueWords(value: string): ValueWord[] {\n  return scan(value).words;\n}\n\n/** Hide text that regex-based checks must not rewrite, preserving source offsets. */\nexport function maskValueLiterals(value: string): string {\n  let result = '';\n  let start = 0;\n  for (const span of scan(value).opaque) {\n    result +=\n      value.slice(start, span.start) + ' '.repeat(span.end - span.start);\n    start = span.end;\n  }\n  return result + value.slice(start);\n}\n"],"mappings":";AAWA,SAAS,KAAK,OAAuD;CACnE,MAAM,QAAqB,EAAE;CAC7B,MAAM,SAAiB,EAAE;CAEzB,MAAM,UACJ;CACF,IAAI,IAAI;CACR,MAAM,kBAAkB;EACtB,MAAM,QAAQ,MAAM;AACpB,SAAO,IAAI,MAAM,QAAQ;GACvB,MAAM,KAAK,MAAM;AACjB,OAAI,OAAO,KAAM;YACR,OAAO,MAAO;;AAEzB,MAAI,KAAK,IAAI,GAAG,MAAM,OAAO;;AAE/B,QAAO,IAAI,MAAM,QAAQ;AACvB,MAAI,MAAM,OAAO,QAAO,MAAM,OAAO,KAAK;GACxC,MAAM,QAAQ;AACd,cAAW;AACX,UAAO,KAAK;IAAE;IAAO,KAAK;IAAG,CAAC;AAC9B;;AAEF,UAAQ,YAAY;EACpB,MAAM,QAAQ,QAAQ,KAAK,MAAM;AACjC,MAAI,CAAC,OAAO;AACV;AACA;;EAEF,MAAM,OAAO,MAAM;EACnB,MAAM,SAAS;AACf,OAAK,KAAK;EACV,MAAM,QAAQ,SAAS,KAAK,MAAM,MAAM,EAAE,CAAC;AAC3C,MAAI,KAAK,aAAa,KAAK,SAAS,OAAO;AACzC,QAAK,MAAM,GAAG;AACd,UAAO,IAAI,MAAM,OACf,KAAI,MAAM,OAAO,QAAO,MAAM,OAAO,IAAK,YAAW;YAC5C,MAAM,OAAO,KAAM,MAAK;YACxB,MAAM,SAAS,IAAK;AAE/B,OAAI,KAAK,IAAI,GAAG,MAAM,OAAO;AAC7B,UAAO,KAAK;IAAE,OAAO;IAAQ,KAAK;IAAG,CAAC;AACtC;;AAEF,QAAM,KAAK;GAAE,OAAO;GAAM;GAAQ,YAAY,UAAU;GAAM,CAAC;;AAEjE,QAAO;EAAE;EAAO;EAAQ;;;AAI1B,SAAgB,eAAe,OAA4B;AACzD,QAAO,KAAK,MAAM,CAAC;;;AAIrB,SAAgB,kBAAkB,OAAuB;CACvD,IAAI,SAAS;CACb,IAAI,QAAQ;AACZ,MAAK,MAAM,QAAQ,KAAK,MAAM,CAAC,QAAQ;AACrC,YACE,MAAM,MAAM,OAAO,KAAK,MAAM,GAAG,IAAI,OAAO,KAAK,MAAM,KAAK,MAAM;AACpE,UAAQ,KAAK;;AAEf,QAAO,SAAS,MAAM,MAAM,MAAM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenphi/eslint-plugin-tasty",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "description": "ESLint plugin for validating tasty() and tastyStatic() style objects",
   "type": "module",
   "exports": {