@tenphi/eslint-plugin-tasty 0.7.0 → 0.9.0

package/dist/rules/valid-custom-unit.js.map

@@ -1 +1 @@
-{"version":3,"file":"valid-custom-unit.js","names":[],"sources":["../../src/rules/valid-custom-unit.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getStringValue, extractCustomUnit, isValidUnit } from '../utils.js';\n\ntype MessageIds = 'unknownUnit';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-custom-unit',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate that custom units in style values are recognized',\n    },\n    messages: {\n      unknownUnit: \"Unknown unit '{{unit}}' in value '{{value}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkUnitsInValue(value: string, node: TSESTree.Node): void {\n      if (ctx.config.units === false) return;\n\n      // Split by spaces and check each token\n      const tokens = value.split(/\\s+/);\n      for (const token of tokens) {\n        // Skip function calls, colors, modifiers, special values\n        if (\n          token.startsWith('#') ||\n          token.startsWith('$') ||\n          token.startsWith('@') ||\n          token.includes('(') ||\n          token.includes(')') ||\n          token === 'true' ||\n          token === 'false' ||\n          token === 'none' ||\n          token === 'auto' ||\n          token === 'inherit' ||\n          token === 'initial' ||\n          token === 'unset' ||\n          token === 'revert'\n        ) {\n          continue;\n        }\n\n        const unit = extractCustomUnit(token);\n        if (unit && !isValidUnit(unit, ctx.config)) {\n          context.report({\n            node,\n            messageId: 'unknownUnit',\n            data: { unit, value: token },\n          });\n        }\n      }\n    }\n\n    function checkNode(node: TSESTree.Node): void {\n      const str = getStringValue(node);\n      if (str) {\n        checkUnitsInValue(str, node);\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,gCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,6DACd;EACD,UAAU,EACR,aAAa,iDACd;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,kBAAkB,OAAe,MAA2B;AACnE,OAAI,IAAI,OAAO,UAAU,MAAO;GAGhC,MAAM,SAAS,MAAM,MAAM,MAAM;AACjC,QAAK,MAAM,SAAS,QAAQ;AAE1B,QACE,MAAM,WAAW,IAAI,IACrB,MAAM,WAAW,IAAI,IACrB,MAAM,WAAW,IAAI,IACrB,MAAM,SAAS,IAAI,IACnB,MAAM,SAAS,IAAI,IACnB,UAAU,UACV,UAAU,WACV,UAAU,UACV,UAAU,UACV,UAAU,aACV,UAAU,aACV,UAAU,WACV,UAAU,SAEV;IAGF,MAAM,OAAO,kBAAkB,MAAM;AACrC,QAAI,QAAQ,CAAC,YAAY,MAAM,IAAI,OAAO,CACxC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE;MAAM,OAAO;MAAO;KAC7B,CAAC;;;EAKR,SAAS,UAAU,MAA2B;GAC5C,MAAM,MAAM,eAAe,KAAK;AAChC,OAAI,IACF,mBAAkB,KAAK,KAAK;;EAIhC,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"}
+{"version":3,"file":"valid-custom-unit.js","names":[],"sources":["../../src/rules/valid-custom-unit.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getStringValue, extractCustomUnit, isValidUnit } from '../utils.js';\n\ntype MessageIds = 'unknownUnit';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-custom-unit',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate that custom units in style values are recognized',\n    },\n    messages: {\n      unknownUnit:\n        \"Unknown unit '{{unit}}' in '{{value}}'. Use a built-in unit (x, r, cr, bw, ow, lh, sf) or a CSS unit, or add '{{unit}}' to 'units' in your tasty config.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkUnitsInValue(value: string, node: TSESTree.Node): void {\n      if (ctx.config.units === false) return;\n\n      // Split by spaces and check each token\n      const tokens = value.split(/\\s+/);\n      for (const token of tokens) {\n        // Skip function calls, colors, modifiers, special values\n        if (\n          token.startsWith('#') ||\n          token.startsWith('$') ||\n          token.startsWith('@') ||\n          token.includes('(') ||\n          token.includes(')') ||\n          token === 'true' ||\n          token === 'false' ||\n          token === 'none' ||\n          token === 'auto' ||\n          token === 'inherit' ||\n          token === 'initial' ||\n          token === 'unset' ||\n          token === 'revert'\n        ) {\n          continue;\n        }\n\n        const unit = extractCustomUnit(token);\n        if (unit && !isValidUnit(unit, ctx.config)) {\n          context.report({\n            node,\n            messageId: 'unknownUnit',\n            data: { unit, value: token },\n          });\n        }\n      }\n    }\n\n    function checkNode(node: TSESTree.Node): void {\n      const str = getStringValue(node);\n      if (str) {\n        checkUnitsInValue(str, node);\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,gCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,6DACd;EACD,UAAU,EACR,aACE,4JACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,kBAAkB,OAAe,MAA2B;AACnE,OAAI,IAAI,OAAO,UAAU,MAAO;GAGhC,MAAM,SAAS,MAAM,MAAM,MAAM;AACjC,QAAK,MAAM,SAAS,QAAQ;AAE1B,QACE,MAAM,WAAW,IAAI,IACrB,MAAM,WAAW,IAAI,IACrB,MAAM,WAAW,IAAI,IACrB,MAAM,SAAS,IAAI,IACnB,MAAM,SAAS,IAAI,IACnB,UAAU,UACV,UAAU,WACV,UAAU,UACV,UAAU,UACV,UAAU,aACV,UAAU,aACV,UAAU,WACV,UAAU,SAEV;IAGF,MAAM,OAAO,kBAAkB,MAAM;AACrC,QAAI,QAAQ,CAAC,YAAY,MAAM,IAAI,OAAO,CACxC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE;MAAM,OAAO;MAAO;KAC7B,CAAC;;;EAKR,SAAS,UAAU,MAA2B;GAC5C,MAAM,MAAM,eAAe,KAAK;AAChC,OAAI,IACF,mBAAkB,KAAK,KAAK;;EAIhC,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/valid-default-state-order.js

@@ -0,0 +1,106 @@
+import { createRule } from "../create-rule.js";
+import { getKeyName } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
+import { movePropertyToIndex, removePropertyWithComma } from "../fix-utils.js";
+
+//#region src/rules/valid-default-state-order.ts
+function getStateKeyName(key) {
+	if (key.type === "Identifier") return key.name;
+	if (key.type === "Literal" && typeof key.value === "string") return key.value;
+	return null;
+}
+var valid_default_state_order_default = createRule({
+	name: "valid-default-state-order",
+	meta: {
+		type: "suggestion",
+		fixable: "code",
+		docs: { description: "Warn when the default ('') state or '_' fallback floor is misplaced or redundant" },
+		messages: {
+			misplacedDefaultState: "Default state ('') in '{{property}}' must be the first key in the state map (or right after the '_' floor when present). Move it before other states — otherwise it overrides them at runtime.",
+			misplacedFloorState: "Fallback floor ('_') in '{{property}}' must be the first key in the state map, above the '' default. Move it to the top — it is the lowest-priority cascade layer.",
+			redundantDefaultState: "Default state ('') in '{{property}}' is redundant when '_' is the only other state. Remove '' — '_' already provides the always-on fallback value."
+		},
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function checkStateMap(property, stateMap) {
+			const stateKeys = [];
+			for (const prop of stateMap.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				const stateKey = getStateKeyName(prop.key);
+				if (stateKey === null) continue;
+				stateKeys.push({
+					key: stateKey,
+					node: prop
+				});
+			}
+			const defaultIndex = stateKeys.findIndex((entry) => entry.key === "");
+			const floorIndex = stateKeys.findIndex((entry) => entry.key === "_");
+			if (defaultIndex !== -1 && floorIndex !== -1 && stateKeys.length === 2) {
+				context.report({
+					node: stateKeys[defaultIndex].node.key,
+					messageId: "redundantDefaultState",
+					data: { property },
+					fix(fixer) {
+						return removePropertyWithComma(fixer, stateKeys[defaultIndex].node, context.sourceCode);
+					}
+				});
+				return;
+			}
+			if (floorIndex !== -1 && floorIndex !== 0) {
+				context.report({
+					node: stateKeys[floorIndex].node.key,
+					messageId: "misplacedFloorState",
+					data: { property },
+					fix(fixer) {
+						return movePropertyToIndex(fixer, stateKeys[floorIndex].node, 0, context.sourceCode);
+					}
+				});
+				return;
+			}
+			if (floorIndex === 0 && defaultIndex !== -1 && defaultIndex !== 1) {
+				context.report({
+					node: stateKeys[defaultIndex].node.key,
+					messageId: "misplacedDefaultState",
+					data: { property },
+					fix(fixer) {
+						return movePropertyToIndex(fixer, stateKeys[defaultIndex].node, 1, context.sourceCode);
+					}
+				});
+				return;
+			}
+			if (floorIndex === -1 && defaultIndex > 0) context.report({
+				node: stateKeys[defaultIndex].node.key,
+				messageId: "misplacedDefaultState",
+				data: { property },
+				fix(fixer) {
+					return movePropertyToIndex(fixer, stateKeys[defaultIndex].node, 0, context.sourceCode);
+				}
+			});
+		}
+		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;
+				if (!ctx.isStateMap(prop.value, prop)) continue;
+				checkStateMap(key, prop.value);
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			...styleObjectListeners(handleStyleObject)
+		};
+	}
+});
+
+//#endregion
+export { valid_default_state_order_default as default };
+//# sourceMappingURL=valid-default-state-order.js.map

package/dist/rules/valid-default-state-order.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valid-default-state-order.js","names":[],"sources":["../../src/rules/valid-default-state-order.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 { removePropertyWithComma, movePropertyToIndex } from '../fix-utils.js';\n\ntype MessageIds =\n  | 'misplacedDefaultState'\n  | 'misplacedFloorState'\n  | 'redundantDefaultState';\n\nfunction getStateKeyName(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  return null;\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-default-state-order',\n  meta: {\n    type: 'suggestion',\n    fixable: 'code',\n    docs: {\n      description:\n        \"Warn when the default ('') state or '_' fallback floor is misplaced or redundant\",\n    },\n    messages: {\n      misplacedDefaultState:\n        \"Default state ('') in '{{property}}' must be the first key in the state map (or right after the '_' floor when present). Move it before other states — otherwise it overrides them at runtime.\",\n      misplacedFloorState:\n        \"Fallback floor ('_') in '{{property}}' must be the first key in the state map, above the '' default. Move it to the top — it is the lowest-priority cascade layer.\",\n      redundantDefaultState:\n        \"Default state ('') in '{{property}}' is redundant when '_' is the only other state. Remove '' — '_' already provides the always-on fallback value.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkStateMap(\n      property: string,\n      stateMap: TSESTree.ObjectExpression,\n    ): void {\n      const stateKeys: {\n        key: string;\n        node: TSESTree.Property;\n      }[] = [];\n\n      for (const prop of stateMap.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n        const stateKey = getStateKeyName(prop.key);\n        if (stateKey === null) continue;\n        stateKeys.push({ key: stateKey, node: prop });\n      }\n\n      const defaultIndex = stateKeys.findIndex((entry) => entry.key === '');\n      const floorIndex = stateKeys.findIndex((entry) => entry.key === '_');\n\n      // 1. Both '' and '_' present with no other states → '' is redundant.\n      if (defaultIndex !== -1 && floorIndex !== -1 && stateKeys.length === 2) {\n        context.report({\n          node: stateKeys[defaultIndex].node.key,\n          messageId: 'redundantDefaultState',\n          data: { property },\n          fix(fixer) {\n            return removePropertyWithComma(\n              fixer,\n              stateKeys[defaultIndex].node,\n              context.sourceCode,\n            );\n          },\n        });\n        return;\n      }\n\n      // 2. '_' present but not first → move it to the top. Re-evaluated next\n      //    pass so a misplaced '' is handled afterwards.\n      if (floorIndex !== -1 && floorIndex !== 0) {\n        context.report({\n          node: stateKeys[floorIndex].node.key,\n          messageId: 'misplacedFloorState',\n          data: { property },\n          fix(fixer) {\n            return movePropertyToIndex(\n              fixer,\n              stateKeys[floorIndex].node,\n              0,\n              context.sourceCode,\n            );\n          },\n        });\n        return;\n      }\n\n      // 3. '_' at top, '' present but not right after it → move '' to index 1.\n      if (floorIndex === 0 && defaultIndex !== -1 && defaultIndex !== 1) {\n        context.report({\n          node: stateKeys[defaultIndex].node.key,\n          messageId: 'misplacedDefaultState',\n          data: { property },\n          fix(fixer) {\n            return movePropertyToIndex(\n              fixer,\n              stateKeys[defaultIndex].node,\n              1,\n              context.sourceCode,\n            );\n          },\n        });\n        return;\n      }\n\n      // 4. No '_', '' not first → move '' to the top.\n      if (floorIndex === -1 && defaultIndex > 0) {\n        context.report({\n          node: stateKeys[defaultIndex].node.key,\n          messageId: 'misplacedDefaultState',\n          data: { property },\n          fix(fixer) {\n            return movePropertyToIndex(\n              fixer,\n              stateKeys[defaultIndex].node,\n              0,\n              context.sourceCode,\n            );\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' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n        if (/^[A-Z@&$#]/.test(key)) continue;\n\n        if (prop.value.type !== 'ObjectExpression') continue;\n        if (!ctx.isStateMap(prop.value, prop)) continue;\n\n        checkStateMap(key, prop.value);\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;AAWA,SAAS,gBAAgB,KAAmC;AAC1D,KAAI,IAAI,SAAS,aAAc,QAAO,IAAI;AAC1C,KAAI,IAAI,SAAS,aAAa,OAAO,IAAI,UAAU,SAAU,QAAO,IAAI;AACxE,QAAO;;AAGT,wCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,SAAS;EACT,MAAM,EACJ,aACE,oFACH;EACD,UAAU;GACR,uBACE;GACF,qBACE;GACF,uBACE;GACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,cACP,UACA,UACM;GACN,MAAM,YAGA,EAAE;AAER,QAAK,MAAM,QAAQ,SAAS,YAAY;AACtC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAC/C,MAAM,WAAW,gBAAgB,KAAK,IAAI;AAC1C,QAAI,aAAa,KAAM;AACvB,cAAU,KAAK;KAAE,KAAK;KAAU,MAAM;KAAM,CAAC;;GAG/C,MAAM,eAAe,UAAU,WAAW,UAAU,MAAM,QAAQ,GAAG;GACrE,MAAM,aAAa,UAAU,WAAW,UAAU,MAAM,QAAQ,IAAI;AAGpE,OAAI,iBAAiB,MAAM,eAAe,MAAM,UAAU,WAAW,GAAG;AACtE,YAAQ,OAAO;KACb,MAAM,UAAU,cAAc,KAAK;KACnC,WAAW;KACX,MAAM,EAAE,UAAU;KAClB,IAAI,OAAO;AACT,aAAO,wBACL,OACA,UAAU,cAAc,MACxB,QAAQ,WACT;;KAEJ,CAAC;AACF;;AAKF,OAAI,eAAe,MAAM,eAAe,GAAG;AACzC,YAAQ,OAAO;KACb,MAAM,UAAU,YAAY,KAAK;KACjC,WAAW;KACX,MAAM,EAAE,UAAU;KAClB,IAAI,OAAO;AACT,aAAO,oBACL,OACA,UAAU,YAAY,MACtB,GACA,QAAQ,WACT;;KAEJ,CAAC;AACF;;AAIF,OAAI,eAAe,KAAK,iBAAiB,MAAM,iBAAiB,GAAG;AACjE,YAAQ,OAAO;KACb,MAAM,UAAU,cAAc,KAAK;KACnC,WAAW;KACX,MAAM,EAAE,UAAU;KAClB,IAAI,OAAO;AACT,aAAO,oBACL,OACA,UAAU,cAAc,MACxB,GACA,QAAQ,WACT;;KAEJ,CAAC;AACF;;AAIF,OAAI,eAAe,MAAM,eAAe,EACtC,SAAQ,OAAO;IACb,MAAM,UAAU,cAAc,KAAK;IACnC,WAAW;IACX,MAAM,EAAE,UAAU;IAClB,IAAI,OAAO;AACT,YAAO,oBACL,OACA,UAAU,cAAc,MACxB,GACA,QAAQ,WACT;;IAEJ,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;AAClB,QAAI,aAAa,KAAK,IAAI,CAAE;AAE5B,QAAI,KAAK,MAAM,SAAS,mBAAoB;AAC5C,QAAI,CAAC,IAAI,WAAW,KAAK,OAAO,KAAK,CAAE;AAEvC,kBAAc,KAAK,KAAK,MAAM;;;AAIlC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/valid-directional-modifier.js

@@ -19,7 +19,7 @@ var valid_directional_modifier_default = createRule({
 	meta: {
 		type: "problem",
 		docs: { description: "Validate that directional modifiers are used only on properties that support them" },
-		messages: { invalidDirectionalModifier: "Property '{{property}}' does not support directional modifier '{{modifier}}'." },
+		messages: { invalidDirectionalModifier: "Property '{{property}}' does not support directional modifiers. They work on: border, radius, padding, margin, fade, inset." },
 		schema: []
 	},
 	defaultOptions: [],

package/dist/rules/valid-directional-modifier.js.map

@@ -1 +1 @@
-{"version":3,"file":"valid-directional-modifier.js","names":[],"sources":["../../src/rules/valid-directional-modifier.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 { DIRECTIONAL_MODIFIERS } from '../constants.js';\n\ntype MessageIds = 'invalidDirectionalModifier';\n\nconst ALL_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\nexport default createRule<[], MessageIds>({\n  name: 'valid-directional-modifier',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate that directional modifiers are used only on properties that support them',\n    },\n    messages: {\n      invalidDirectionalModifier:\n        \"Property '{{property}}' does not support directional modifier '{{modifier}}'.\",\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 tokens = value.trim().split(/\\s+/);\n\n      for (const token of tokens) {\n        if (!ALL_DIRECTIONS.has(token)) continue;\n\n        const allowedMods = DIRECTIONAL_MODIFIERS[property];\n        if (!allowedMods || !allowedMods.has(token)) {\n          context.report({\n            node,\n            messageId: 'invalidDirectionalModifier',\n            data: { property, modifier: token },\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' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        if (!(key in DIRECTIONAL_MODIFIERS)) continue;\n\n        // Direct value\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkValue(key, str, prop.value);\n          continue;\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(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":";;;;;;AAQA,MAAM,iBAAiB,IAAI,IAAI;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,yCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,qFACH;EACD,UAAU,EACR,4BACE,iFACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,WACP,UACA,OACA,MACM;GACN,MAAM,SAAS,MAAM,MAAM,CAAC,MAAM,MAAM;AAExC,QAAK,MAAM,SAAS,QAAQ;AAC1B,QAAI,CAAC,eAAe,IAAI,MAAM,CAAE;IAEhC,MAAM,cAAc,sBAAsB;AAC1C,QAAI,CAAC,eAAe,CAAC,YAAY,IAAI,MAAM,CACzC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE;MAAU,UAAU;MAAO;KACpC,CAAC;;;EAKR,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,EAAE,OAAO,uBAAwB;IAGrC,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,gBAAW,KAAK,KAAK,KAAK,MAAM;AAChC;;AAIF,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"}
+{"version":3,"file":"valid-directional-modifier.js","names":[],"sources":["../../src/rules/valid-directional-modifier.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 { DIRECTIONAL_MODIFIERS } from '../constants.js';\n\ntype MessageIds = 'invalidDirectionalModifier';\n\nconst ALL_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\nexport default createRule<[], MessageIds>({\n  name: 'valid-directional-modifier',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate that directional modifiers are used only on properties that support them',\n    },\n    messages: {\n      invalidDirectionalModifier:\n        \"Property '{{property}}' does not support directional modifiers. They work on: border, radius, padding, margin, fade, inset.\",\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 tokens = value.trim().split(/\\s+/);\n\n      for (const token of tokens) {\n        if (!ALL_DIRECTIONS.has(token)) continue;\n\n        const allowedMods = DIRECTIONAL_MODIFIERS[property];\n        if (!allowedMods || !allowedMods.has(token)) {\n          context.report({\n            node,\n            messageId: 'invalidDirectionalModifier',\n            data: { property, modifier: token },\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' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        if (!(key in DIRECTIONAL_MODIFIERS)) continue;\n\n        // Direct value\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkValue(key, str, prop.value);\n          continue;\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(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":";;;;;;AAQA,MAAM,iBAAiB,IAAI,IAAI;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,yCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,qFACH;EACD,UAAU,EACR,4BACE,+HACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,WACP,UACA,OACA,MACM;GACN,MAAM,SAAS,MAAM,MAAM,CAAC,MAAM,MAAM;AAExC,QAAK,MAAM,SAAS,QAAQ;AAC1B,QAAI,CAAC,eAAe,IAAI,MAAM,CAAE;IAEhC,MAAM,cAAc,sBAAsB;AAC1C,QAAI,CAAC,eAAe,CAAC,YAAY,IAAI,MAAM,CACzC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE;MAAU,UAAU;MAAO;KACpC,CAAC;;;EAKR,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,EAAE,OAAO,uBAAwB;IAGrC,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,gBAAW,KAAK,KAAK,KAAK,MAAM;AAChC;;AAIF,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/valid-preset.js

@@ -10,8 +10,8 @@ var valid_preset_default = createRule({
 		type: "problem",
 		docs: { description: "Validate preset property values against config" },
 		messages: {
-			unknownPreset: "Unknown preset '{{name}}'.",
-			unknownModifier: "Unknown preset modifier '{{modifier}}'."
+			unknownPreset: "Unknown preset '{{name}}'. Add it to 'presets' in your tasty config, or use a configured preset.",
+			unknownModifier: "Unknown preset modifier '{{modifier}}'. Valid modifiers: {{valid}}."
 		},
 		schema: []
 	},
@@ -45,7 +45,10 @@ var valid_preset_default = createRule({
 				for (const mod of modSegment.split(/\s+/).filter(Boolean)) if (!PRESET_MODIFIERS.has(mod)) context.report({
 					node,
 					messageId: "unknownModifier",
-					data: { modifier: mod }
+					data: {
+						modifier: mod,
+						valid: [...PRESET_MODIFIERS].join(", ")
+					}
 				});
 			}
 		}

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

@@ -1 +1 @@
-{"version":3,"file":"valid-preset.js","names":[],"sources":["../../src/rules/valid-preset.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 { PRESET_MODIFIERS } from '../constants.js';\n\ntype MessageIds = 'unknownPreset' | 'unknownModifier';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-preset',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate preset property values against config',\n    },\n    messages: {\n      unknownPreset: \"Unknown preset '{{name}}'.\",\n      unknownModifier: \"Unknown preset modifier '{{modifier}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    const CSS_GLOBAL_KEYWORDS = new Set([\n      'inherit',\n      'initial',\n      'unset',\n      'revert',\n      'revert-layer',\n    ]);\n\n    function checkPresetValue(value: string, node: TSESTree.Node): void {\n      const segments = value.trim().split(/\\s*\\/\\s*/);\n      if (segments.length === 0) return;\n\n      const nameSegment = segments[0].trim();\n      const modSegment = segments[1]?.trim();\n\n      if (!nameSegment) return;\n      if (CSS_GLOBAL_KEYWORDS.has(nameSegment)) return;\n\n      const nameTokens = nameSegment.split(/\\s+/).filter(Boolean);\n      // Mod-only shorthand: every token in the name segment is a recognized\n      // modifier (e.g. preset=\"bold\", preset=\"bold italic\").\n      const isModOnlyShorthand =\n        nameTokens.length > 0 &&\n        nameTokens.every((t) => PRESET_MODIFIERS.has(t));\n\n      if (!isModOnlyShorthand) {\n        const presetName = nameTokens[0];\n        if (\n          presetName &&\n          ctx.config.presets.length > 0 &&\n          !ctx.config.presets.includes(presetName)\n        ) {\n          context.report({\n            node,\n            messageId: 'unknownPreset',\n            data: { name: presetName },\n          });\n        }\n      }\n\n      if (modSegment) {\n        for (const mod of modSegment.split(/\\s+/).filter(Boolean)) {\n          if (!PRESET_MODIFIERS.has(mod)) {\n            context.report({\n              node,\n              messageId: 'unknownModifier',\n              data: { modifier: mod },\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 !== 'preset') continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkPresetValue(str, prop.value);\n          continue;\n        }\n\n        if (prop.value.type === 'Literal' && prop.value.value === true) {\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              checkPresetValue(stateStr, stateProp.value);\n            }\n          }\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":";;;;;;AAQA,2BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,kDACd;EACD,UAAU;GACR,eAAe;GACf,iBAAiB;GAClB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,MAAM,sBAAsB,IAAI,IAAI;GAClC;GACA;GACA;GACA;GACA;GACD,CAAC;EAEF,SAAS,iBAAiB,OAAe,MAA2B;GAClE,MAAM,WAAW,MAAM,MAAM,CAAC,MAAM,WAAW;AAC/C,OAAI,SAAS,WAAW,EAAG;GAE3B,MAAM,cAAc,SAAS,GAAG,MAAM;GACtC,MAAM,aAAa,SAAS,IAAI,MAAM;AAEtC,OAAI,CAAC,YAAa;AAClB,OAAI,oBAAoB,IAAI,YAAY,CAAE;GAE1C,MAAM,aAAa,YAAY,MAAM,MAAM,CAAC,OAAO,QAAQ;AAO3D,OAAI,EAHF,WAAW,SAAS,KACpB,WAAW,OAAO,MAAM,iBAAiB,IAAI,EAAE,CAAC,GAEzB;IACvB,MAAM,aAAa,WAAW;AAC9B,QACE,cACA,IAAI,OAAO,QAAQ,SAAS,KAC5B,CAAC,IAAI,OAAO,QAAQ,SAAS,WAAW,CAExC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM,EAAE,MAAM,YAAY;KAC3B,CAAC;;AAIN,OAAI,YACF;SAAK,MAAM,OAAO,WAAW,MAAM,MAAM,CAAC,OAAO,QAAQ,CACvD,KAAI,CAAC,iBAAiB,IAAI,IAAI,CAC5B,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM,EAAE,UAAU,KAAK;KACxB,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,KAAK;AACP,sBAAiB,KAAK,KAAK,MAAM;AACjC;;AAGF,QAAI,KAAK,MAAM,SAAS,aAAa,KAAK,MAAM,UAAU,KACxD;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;;;;EAOrD,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-preset.js","names":[],"sources":["../../src/rules/valid-preset.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 { PRESET_MODIFIERS } from '../constants.js';\n\ntype MessageIds = 'unknownPreset' | 'unknownModifier';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-preset',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate preset property values against config',\n    },\n    messages: {\n      unknownPreset:\n        \"Unknown preset '{{name}}'. Add it to 'presets' in your tasty config, or use a configured preset.\",\n      unknownModifier:\n        \"Unknown preset modifier '{{modifier}}'. Valid modifiers: {{valid}}.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    const CSS_GLOBAL_KEYWORDS = new Set([\n      'inherit',\n      'initial',\n      'unset',\n      'revert',\n      'revert-layer',\n    ]);\n\n    function checkPresetValue(value: string, node: TSESTree.Node): void {\n      const segments = value.trim().split(/\\s*\\/\\s*/);\n      if (segments.length === 0) return;\n\n      const nameSegment = segments[0].trim();\n      const modSegment = segments[1]?.trim();\n\n      if (!nameSegment) return;\n      if (CSS_GLOBAL_KEYWORDS.has(nameSegment)) return;\n\n      const nameTokens = nameSegment.split(/\\s+/).filter(Boolean);\n      // Mod-only shorthand: every token in the name segment is a recognized\n      // modifier (e.g. preset=\"bold\", preset=\"bold italic\").\n      const isModOnlyShorthand =\n        nameTokens.length > 0 &&\n        nameTokens.every((t) => PRESET_MODIFIERS.has(t));\n\n      if (!isModOnlyShorthand) {\n        const presetName = nameTokens[0];\n        if (\n          presetName &&\n          ctx.config.presets.length > 0 &&\n          !ctx.config.presets.includes(presetName)\n        ) {\n          context.report({\n            node,\n            messageId: 'unknownPreset',\n            data: { name: presetName },\n          });\n        }\n      }\n\n      if (modSegment) {\n        for (const mod of modSegment.split(/\\s+/).filter(Boolean)) {\n          if (!PRESET_MODIFIERS.has(mod)) {\n            context.report({\n              node,\n              messageId: 'unknownModifier',\n              data: {\n                modifier: mod,\n                valid: [...PRESET_MODIFIERS].join(', '),\n              },\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 !== 'preset') continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkPresetValue(str, prop.value);\n          continue;\n        }\n\n        if (prop.value.type === 'Literal' && prop.value.value === true) {\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              checkPresetValue(stateStr, stateProp.value);\n            }\n          }\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":";;;;;;AAQA,2BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,kDACd;EACD,UAAU;GACR,eACE;GACF,iBACE;GACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,MAAM,sBAAsB,IAAI,IAAI;GAClC;GACA;GACA;GACA;GACA;GACD,CAAC;EAEF,SAAS,iBAAiB,OAAe,MAA2B;GAClE,MAAM,WAAW,MAAM,MAAM,CAAC,MAAM,WAAW;AAC/C,OAAI,SAAS,WAAW,EAAG;GAE3B,MAAM,cAAc,SAAS,GAAG,MAAM;GACtC,MAAM,aAAa,SAAS,IAAI,MAAM;AAEtC,OAAI,CAAC,YAAa;AAClB,OAAI,oBAAoB,IAAI,YAAY,CAAE;GAE1C,MAAM,aAAa,YAAY,MAAM,MAAM,CAAC,OAAO,QAAQ;AAO3D,OAAI,EAHF,WAAW,SAAS,KACpB,WAAW,OAAO,MAAM,iBAAiB,IAAI,EAAE,CAAC,GAEzB;IACvB,MAAM,aAAa,WAAW;AAC9B,QACE,cACA,IAAI,OAAO,QAAQ,SAAS,KAC5B,CAAC,IAAI,OAAO,QAAQ,SAAS,WAAW,CAExC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM,EAAE,MAAM,YAAY;KAC3B,CAAC;;AAIN,OAAI,YACF;SAAK,MAAM,OAAO,WAAW,MAAM,MAAM,CAAC,OAAO,QAAQ,CACvD,KAAI,CAAC,iBAAiB,IAAI,IAAI,CAC5B,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MACJ,UAAU;MACV,OAAO,CAAC,GAAG,iBAAiB,CAAC,KAAK,KAAK;MACxC;KACF,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,KAAK;AACP,sBAAiB,KAAK,KAAK,MAAM;AACjC;;AAGF,QAAI,KAAK,MAAM,SAAS,aAAa,KAAK,MAAM,UAAU,KACxD;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;;;;EAOrD,SAAS,kBAAkB,MAAiC;AAC1D,eAAY,KAAK;;AAGnB,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

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

@@ -2,6 +2,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 { replaceStringValue } from "../fix-utils.js";
 
 //#region src/rules/valid-radius-shape.ts
 const SHAPE_LIKE = /^[a-z]+$/;
@@ -9,8 +10,12 @@ var valid_radius_shape_default = createRule({
 	name: "valid-radius-shape",
 	meta: {
 		type: "problem",
+		hasSuggestions: true,
 		docs: { description: "Validate special shape keywords used with the radius property" },
-		messages: { unknownShape: "Unknown radius shape '{{shape}}'. Valid shapes: {{valid}}." },
+		messages: {
+			unknownShape: "Unknown radius shape '{{shape}}'. Valid shapes: {{valid}}.",
+			replaceWithShape: "Replace '{{shape}}' with '{{suggestion}}'"
+		},
 		schema: []
 	},
 	defaultOptions: [],
@@ -34,13 +39,24 @@ var valid_radius_shape_default = createRule({
 			]).has(trimmed)) return;
 			const suggestion = findClosestShape(trimmed);
 			const validList = [...RADIUS_SHAPES].join(", ");
+			const suggest = suggestion ? [{
+				messageId: "replaceWithShape",
+				data: {
+					shape: trimmed,
+					suggestion
+				},
+				fix(fixer) {
+					return replaceStringValue(fixer, node, suggestion);
+				}
+			}] : void 0;
 			context.report({
 				node,
 				messageId: "unknownShape",
 				data: {
 					shape: trimmed,
 					valid: validList + (suggestion ? `. Did you mean '${suggestion}'?` : "")
-				}
+				},
+				suggest
 			});
 		}
 		function findClosestShape(input) {

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 { 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';\n\ntype MessageIds = 'unknownShape';\n\nconst SHAPE_LIKE = /^[a-z]+$/;\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-radius-shape',\n  meta: {\n    type: 'problem',\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    },\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      context.report({\n        node,\n        messageId: 'unknownShape',\n        data: {\n          shape: trimmed,\n          valid:\n            validList + (suggestion ? `. Did you mean '${suggestion}'?` : ''),\n        },\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":";;;;;;AAQA,MAAM,aAAa;AAEnB,iCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,iEACH;EACD,UAAU,EACR,cACE,8DACH;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;AAE/C,WAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM;KACJ,OAAO;KACP,OACE,aAAa,aAAa,mBAAmB,WAAW,MAAM;KACjE;IACF,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, 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"}

package/dist/rules/valid-recipe.js

@@ -8,7 +8,7 @@ var valid_recipe_default = createRule({
 	meta: {
 		type: "problem",
 		docs: { description: "Validate recipe property values against config" },
-		messages: { unknownRecipe: "Unknown recipe '{{name}}'." },
+		messages: { unknownRecipe: "Unknown recipe '{{name}}'. Add it to 'recipes' in your tasty config, or use a configured recipe." },
 		schema: []
 	},
 	defaultOptions: [],

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: \"Unknown recipe '{{name}}'.\",\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,eAAe,8BAChB;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, 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"}

package/dist/rules/valid-transition.js

@@ -1,15 +1,21 @@
 import { createRule } from "../create-rule.js";
-import { KNOWN_CSS_PROPERTIES, SEMANTIC_TRANSITIONS } from "../constants.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 { replaceInStringValue } from "../fix-utils.js";
 
 //#region src/rules/valid-transition.ts
 var valid_transition_default = createRule({
 	name: "valid-transition",
 	meta: {
 		type: "suggestion",
+		hasSuggestions: true,
 		docs: { description: "Validate transition property values use valid semantic transition names" },
-		messages: { unknownTransition: "Unknown transition name '{{name}}'. Use a semantic name ({{known}}) or a CSS property name." },
+		messages: {
+			unknownTransition: "Unknown transition name '{{name}}'. Use a semantic name ({{known}}) or a CSS property name.",
+			preferSemanticTransition: "Transition '{{native}}' has a Tasty semantic equivalent — use '{{semantic}}' instead.",
+			useSemantic: "Use '{{semantic}}' instead of '{{native}}'"
+		},
 		schema: []
 	},
 	defaultOptions: [],
@@ -17,12 +23,52 @@ var valid_transition_default = createRule({
 		const ctx = new TastyContext(context);
 		function checkTransitionValue(value, node) {
 			const groups = value.split(",");
+			let offset = 0;
 			for (const group of groups) {
 				const parts = group.trim().split(/\s+/);
-				if (parts.length === 0) continue;
+				if (parts.length === 0 || parts[0] === "") {
+					offset += group.length + 1;
+					continue;
+				}
 				const name = parts[0];
-				if (name.startsWith("$$")) continue;
-				if (name.startsWith("##")) continue;
+				if (name.startsWith("$$")) {
+					offset += group.length + 1;
+					continue;
+				}
+				if (name.startsWith("##")) {
+					offset += group.length + 1;
+					continue;
+				}
+				const semantic = TRANSITION_SEMANTIC_MAPPING[name];
+				if (semantic) {
+					const nameStartInGroup = group.indexOf(name);
+					const start = offset + nameStartInGroup;
+					const end = start + name.length;
+					context.report({
+						node,
+						messageId: "preferSemanticTransition",
+						data: {
+							native: name,
+							semantic
+						},
+						suggest: [{
+							messageId: "useSemantic",
+							data: {
+								native: name,
+								semantic
+							},
+							fix(fixer) {
+								return replaceInStringValue(fixer, node, [{
+									start,
+									end,
+									replacement: semantic
+								}], context.sourceCode);
+							}
+						}]
+					});
+					offset += group.length + 1;
+					continue;
+				}
 				if (!SEMANTIC_TRANSITIONS.has(name) && !KNOWN_CSS_PROPERTIES.has(name) && name !== "all" && name !== "none") context.report({
 					node,
 					messageId: "unknownTransition",
@@ -31,6 +77,7 @@ var valid_transition_default = createRule({
 						known: [...SEMANTIC_TRANSITIONS].join(", ")
 					}
 				});
+				offset += group.length + 1;
 			}
 		}
 		function handleStyleObject(node) {

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 { SEMANTIC_TRANSITIONS, KNOWN_CSS_PROPERTIES } from '../constants.js';\n\ntype MessageIds = 'unknownTransition';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-transition',\n  meta: {\n    type: 'suggestion',\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    },\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\n      for (const group of groups) {\n        const parts = group.trim().split(/\\s+/);\n        if (parts.length === 0) continue;\n\n        const name = parts[0];\n\n        // $$ prefix is always valid (custom property reference: $$name -> --name)\n        if (name.startsWith('$$')) continue;\n\n        // ## prefix is always valid (color property reference: ##name -> --name-color)\n        if (name.startsWith('##')) continue;\n\n        if (\n          !SEMANTIC_TRANSITIONS.has(name) &&\n          !KNOWN_CSS_PROPERTIES.has(name) &&\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    }\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":";;;;;;AAQA,+BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,2EACH;EACD,UAAU,EACR,mBACE,+FACH;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;AAE/B,QAAK,MAAM,SAAS,QAAQ;IAC1B,MAAM,QAAQ,MAAM,MAAM,CAAC,MAAM,MAAM;AACvC,QAAI,MAAM,WAAW,EAAG;IAExB,MAAM,OAAO,MAAM;AAGnB,QAAI,KAAK,WAAW,KAAK,CAAE;AAG3B,QAAI,KAAK,WAAW,KAAK,CAAE;AAE3B,QACE,CAAC,qBAAqB,IAAI,KAAK,IAC/B,CAAC,qBAAqB,IAAI,KAAK,IAC/B,SAAS,SACT,SAAS,OAET,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MACJ;MACA,OAAO,CAAC,GAAG,qBAAqB,CAAC,KAAK,KAAK;MAC5C;KACF,CAAC;;;EAKR,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, 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\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          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":";;;;;;;AAgBA,+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,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"}

package/dist/rules/valid-value.js

@@ -40,7 +40,7 @@ var valid_value_default = createRule({
 			unexpectedMod: "Unrecognized token '{{mod}}' in '{{property}}' value. This may be a typo.",
 			unexpectedColor: "Property '{{property}}' does not accept color tokens, but found '{{color}}'.",
 			invalidMod: "Modifier '{{mod}}' is not valid for '{{property}}'. Accepted: {{accepted}}.",
-			unknownToken: "Unknown token '{{token}}' in '{{property}}' value.",
+			unknownToken: "Unknown token '{{token}}' in '{{property}}' value. Check for a typo.",
 			parseError: "{{message}}"
 		},
 		schema: []

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  '@properties',\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: \"Unknown token '{{token}}' in '{{property}}' value.\",\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.funcs === false) {\n        opts.skipFuncValidation = true;\n      } else if (Array.isArray(ctx.config.funcs)) {\n        opts.knownFuncs = new Set(ctx.config.funcs);\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, 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  '@properties',\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.funcs === false) {\n        opts.skipFuncValidation = true;\n      } else if (Array.isArray(ctx.config.funcs)) {\n        opts.knownFuncs = new Set(ctx.config.funcs);\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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"}

package/package.json

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