@tenphi/eslint-plugin-tasty 0.7.0 → 0.9.0

package/dist/fix-utils.js

@@ -0,0 +1,92 @@
+import { getStringValue } from "./utils.js";
+
+//#region src/fix-utils.ts
+/**
+* Source range of a string literal's content, excluding the surrounding
+* quotes/backticks. Returns null for non-string nodes (or template literals
+* with expressions, whose cooked value is not a simple substring of source).
+*/
+function getStringContentRange(node) {
+	if (node.type === "Literal" && typeof node.value === "string") return {
+		start: node.range[0] + 1,
+		end: node.range[1] - 1
+	};
+	if (node.type === "TemplateLiteral" && node.expressions.length === 0) return {
+		start: node.range[0] + 1,
+		end: node.range[1] - 1
+	};
+	return null;
+}
+/**
+* Build non-overlapping range fixes inside a string literal's content.
+*
+* `edits` are offsets within the value string the rule already scanned (the
+* cooked value returned by `getStringValue`). They are mapped to source ranges
+* inside the literal content.
+*
+* Escape guard: when the raw source content does not equal the cooked value
+* (i.e. the literal contains escape sequences), character offsets would drift,
+* so we bail out and emit no fix. Tasty style values rarely contain escapes,
+* so this loses almost nothing while staying correct.
+*/
+function replaceInStringValue(fixer, valueNode, edits, sourceCode) {
+	const contentRange = getStringContentRange(valueNode);
+	if (!contentRange) return null;
+	const rawContent = sourceCode.getText(valueNode).slice(1, -1);
+	const cooked = getStringValue(valueNode);
+	if (cooked === null || rawContent !== cooked) return null;
+	const sorted = [...edits].sort((a, b) => a.start - b.start);
+	for (let i = 1; i < sorted.length; i++) if (sorted[i].start < sorted[i - 1].end) return null;
+	return sorted.map((edit) => fixer.replaceTextRange([contentRange.start + edit.start, contentRange.start + edit.end], edit.replacement));
+}
+/**
+* Replace the entire content of a string literal (keeping the surrounding
+* quotes/backticks intact). Safe for replacements that contain no quote
+* characters (true for all Tasty token rewrites).
+*/
+function replaceStringValue(fixer, valueNode, newValue) {
+	const contentRange = getStringContentRange(valueNode);
+	if (!contentRange) return null;
+	return fixer.replaceTextRange([contentRange.start, contentRange.end], newValue);
+}
+/**
+* Remove an object property along with an adjacent comma so the result is
+* valid syntax. Prefers removing the comma/whitespace after the property;
+* for a trailing property, removes the comma/whitespace before it instead.
+*/
+function removePropertyWithComma(fixer, prop, sourceCode) {
+	const objectNode = prop.parent;
+	if (!objectNode || objectNode.type !== "ObjectExpression") return null;
+	const props = objectNode.properties;
+	const idx = props.indexOf(prop);
+	if (idx === -1) return null;
+	if (idx < props.length - 1) {
+		const nextStart = props[idx + 1].range[0];
+		return fixer.removeRange([prop.range[0], nextStart]);
+	}
+	const removeStart = idx > 0 ? props[idx - 1].range[1] : objectNode.range[0] + 1;
+	return fixer.removeRange([removeStart, prop.range[1]]);
+}
+/**
+* Move a property to `targetIndex` within its parent object (indexed among
+* `Property` members only). Rebuilds the content between the braces with the
+* properties joined by `, ` — acceptable for state maps, which are simple and
+* rarely carry inline comments. Returns null when the property is already at
+* the target index.
+*/
+function movePropertyToIndex(fixer, prop, targetIndex, sourceCode) {
+	const objectNode = prop.parent;
+	if (!objectNode || objectNode.type !== "ObjectExpression") return null;
+	const props = objectNode.properties.filter((p) => p.type === "Property");
+	const idx = props.indexOf(prop);
+	if (idx === -1 || idx === targetIndex) return null;
+	const reordered = [...props];
+	const [moved] = reordered.splice(idx, 1);
+	reordered.splice(targetIndex, 0, moved);
+	const newText = reordered.map((p) => sourceCode.getText(p)).join(", ");
+	return fixer.replaceTextRange([objectNode.range[0] + 1, objectNode.range[1] - 1], ` ${newText} `);
+}
+
+//#endregion
+export { movePropertyToIndex, removePropertyWithComma, replaceInStringValue, replaceStringValue };
+//# sourceMappingURL=fix-utils.js.map

package/dist/fix-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fix-utils.js","names":[],"sources":["../src/fix-utils.ts"],"sourcesContent":["import type { TSESLint, TSESTree } from '@typescript-eslint/utils';\nimport { getStringValue } from './utils.js';\n\n/**\n * Source range of a string literal's content, excluding the surrounding\n * quotes/backticks. Returns null for non-string nodes (or template literals\n * with expressions, whose cooked value is not a simple substring of source).\n */\nexport function getStringContentRange(\n  node: TSESTree.Node,\n): { start: number; end: number } | null {\n  if (node.type === 'Literal' && typeof node.value === 'string') {\n    return { start: node.range[0] + 1, end: node.range[1] - 1 };\n  }\n  if (node.type === 'TemplateLiteral' && node.expressions.length === 0) {\n    return { start: node.range[0] + 1, end: node.range[1] - 1 };\n  }\n  return null;\n}\n\nexport interface StringEdit {\n  /** Offset within the (cooked) value string where the edit starts. */\n  start: number;\n  /** Offset where the edit ends (exclusive). */\n  end: number;\n  /** Replacement text. */\n  replacement: string;\n}\n\n/**\n * Build non-overlapping range fixes inside a string literal's content.\n *\n * `edits` are offsets within the value string the rule already scanned (the\n * cooked value returned by `getStringValue`). They are mapped to source ranges\n * inside the literal content.\n *\n * Escape guard: when the raw source content does not equal the cooked value\n * (i.e. the literal contains escape sequences), character offsets would drift,\n * so we bail out and emit no fix. Tasty style values rarely contain escapes,\n * so this loses almost nothing while staying correct.\n */\nexport function replaceInStringValue(\n  fixer: TSESLint.RuleFixer,\n  valueNode: TSESTree.Node,\n  edits: StringEdit[],\n  sourceCode: TSESLint.SourceCode,\n): TSESLint.RuleFix[] | null {\n  const contentRange = getStringContentRange(valueNode);\n  if (!contentRange) return null;\n\n  const rawContent = sourceCode.getText(valueNode).slice(1, -1);\n  const cooked = getStringValue(valueNode);\n  if (cooked === null || rawContent !== cooked) return null;\n\n  const sorted = [...edits].sort((a, b) => a.start - b.start);\n  for (let i = 1; i < sorted.length; i++) {\n    if (sorted[i].start < sorted[i - 1].end) return null;\n  }\n\n  return sorted.map((edit) =>\n    fixer.replaceTextRange(\n      [contentRange.start + edit.start, contentRange.start + edit.end],\n      edit.replacement,\n    ),\n  );\n}\n\n/**\n * Replace the entire content of a string literal (keeping the surrounding\n * quotes/backticks intact). Safe for replacements that contain no quote\n * characters (true for all Tasty token rewrites).\n */\nexport function replaceStringValue(\n  fixer: TSESLint.RuleFixer,\n  valueNode: TSESTree.Node,\n  newValue: string,\n): TSESLint.RuleFix | null {\n  const contentRange = getStringContentRange(valueNode);\n  if (!contentRange) return null;\n  return fixer.replaceTextRange(\n    [contentRange.start, contentRange.end],\n    newValue,\n  );\n}\n\n/**\n * Remove an object property along with an adjacent comma so the result is\n * valid syntax. Prefers removing the comma/whitespace after the property;\n * for a trailing property, removes the comma/whitespace before it instead.\n */\nexport function removePropertyWithComma(\n  fixer: TSESLint.RuleFixer,\n  prop: TSESTree.Property,\n  sourceCode: TSESLint.SourceCode,\n): TSESLint.RuleFix | null {\n  const objectNode = prop.parent;\n  if (!objectNode || objectNode.type !== 'ObjectExpression') return null;\n\n  const props = objectNode.properties;\n  const idx = props.indexOf(prop);\n  if (idx === -1) return null;\n\n  void sourceCode;\n\n  if (idx < props.length - 1) {\n    const nextStart = props[idx + 1].range[0];\n    return fixer.removeRange([prop.range[0], nextStart]);\n  }\n\n  const removeStart =\n    idx > 0 ? props[idx - 1].range[1] : objectNode.range[0] + 1;\n  return fixer.removeRange([removeStart, prop.range[1]]);\n}\n\n/**\n * Move a property to `targetIndex` within its parent object (indexed among\n * `Property` members only). Rebuilds the content between the braces with the\n * properties joined by `, ` — acceptable for state maps, which are simple and\n * rarely carry inline comments. Returns null when the property is already at\n * the target index.\n */\nexport function movePropertyToIndex(\n  fixer: TSESLint.RuleFixer,\n  prop: TSESTree.Property,\n  targetIndex: number,\n  sourceCode: TSESLint.SourceCode,\n): TSESLint.RuleFix | null {\n  const objectNode = prop.parent;\n  if (!objectNode || objectNode.type !== 'ObjectExpression') return null;\n\n  const props = objectNode.properties.filter(\n    (p): p is TSESTree.Property => p.type === 'Property',\n  );\n  const idx = props.indexOf(prop);\n  if (idx === -1 || idx === targetIndex) return null;\n\n  const reordered = [...props];\n  const [moved] = reordered.splice(idx, 1);\n  reordered.splice(targetIndex, 0, moved);\n\n  const newText = reordered.map((p) => sourceCode.getText(p)).join(', ');\n\n  return fixer.replaceTextRange(\n    [objectNode.range[0] + 1, objectNode.range[1] - 1],\n    ` ${newText} `,\n  );\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,sBACd,MACuC;AACvC,KAAI,KAAK,SAAS,aAAa,OAAO,KAAK,UAAU,SACnD,QAAO;EAAE,OAAO,KAAK,MAAM,KAAK;EAAG,KAAK,KAAK,MAAM,KAAK;EAAG;AAE7D,KAAI,KAAK,SAAS,qBAAqB,KAAK,YAAY,WAAW,EACjE,QAAO;EAAE,OAAO,KAAK,MAAM,KAAK;EAAG,KAAK,KAAK,MAAM,KAAK;EAAG;AAE7D,QAAO;;;;;;;;;;;;;;AAwBT,SAAgB,qBACd,OACA,WACA,OACA,YAC2B;CAC3B,MAAM,eAAe,sBAAsB,UAAU;AACrD,KAAI,CAAC,aAAc,QAAO;CAE1B,MAAM,aAAa,WAAW,QAAQ,UAAU,CAAC,MAAM,GAAG,GAAG;CAC7D,MAAM,SAAS,eAAe,UAAU;AACxC,KAAI,WAAW,QAAQ,eAAe,OAAQ,QAAO;CAErD,MAAM,SAAS,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAC3D,MAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,IACjC,KAAI,OAAO,GAAG,QAAQ,OAAO,IAAI,GAAG,IAAK,QAAO;AAGlD,QAAO,OAAO,KAAK,SACjB,MAAM,iBACJ,CAAC,aAAa,QAAQ,KAAK,OAAO,aAAa,QAAQ,KAAK,IAAI,EAChE,KAAK,YACN,CACF;;;;;;;AAQH,SAAgB,mBACd,OACA,WACA,UACyB;CACzB,MAAM,eAAe,sBAAsB,UAAU;AACrD,KAAI,CAAC,aAAc,QAAO;AAC1B,QAAO,MAAM,iBACX,CAAC,aAAa,OAAO,aAAa,IAAI,EACtC,SACD;;;;;;;AAQH,SAAgB,wBACd,OACA,MACA,YACyB;CACzB,MAAM,aAAa,KAAK;AACxB,KAAI,CAAC,cAAc,WAAW,SAAS,mBAAoB,QAAO;CAElE,MAAM,QAAQ,WAAW;CACzB,MAAM,MAAM,MAAM,QAAQ,KAAK;AAC/B,KAAI,QAAQ,GAAI,QAAO;AAIvB,KAAI,MAAM,MAAM,SAAS,GAAG;EAC1B,MAAM,YAAY,MAAM,MAAM,GAAG,MAAM;AACvC,SAAO,MAAM,YAAY,CAAC,KAAK,MAAM,IAAI,UAAU,CAAC;;CAGtD,MAAM,cACJ,MAAM,IAAI,MAAM,MAAM,GAAG,MAAM,KAAK,WAAW,MAAM,KAAK;AAC5D,QAAO,MAAM,YAAY,CAAC,aAAa,KAAK,MAAM,GAAG,CAAC;;;;;;;;;AAUxD,SAAgB,oBACd,OACA,MACA,aACA,YACyB;CACzB,MAAM,aAAa,KAAK;AACxB,KAAI,CAAC,cAAc,WAAW,SAAS,mBAAoB,QAAO;CAElE,MAAM,QAAQ,WAAW,WAAW,QACjC,MAA8B,EAAE,SAAS,WAC3C;CACD,MAAM,MAAM,MAAM,QAAQ,KAAK;AAC/B,KAAI,QAAQ,MAAM,QAAQ,YAAa,QAAO;CAE9C,MAAM,YAAY,CAAC,GAAG,MAAM;CAC5B,MAAM,CAAC,SAAS,UAAU,OAAO,KAAK,EAAE;AACxC,WAAU,OAAO,aAAa,GAAG,MAAM;CAEvC,MAAM,UAAU,UAAU,KAAK,MAAM,WAAW,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK;AAEtE,QAAO,MAAM,iBACX,CAAC,WAAW,MAAM,KAAK,GAAG,WAAW,MAAM,KAAK,EAAE,EAClD,IAAI,QAAQ,GACb"}

package/dist/index.js

@@ -26,6 +26,11 @@ import consistent_token_usage_default from "./rules/consistent-token-usage.js";
 import no_runtime_styles_mutation_default from "./rules/no-runtime-styles-mutation.js";
 import valid_state_definition_default from "./rules/valid-state-definition.js";
 import no_own_at_root_default from "./rules/no-own-at-root.js";
+import valid_default_state_order_default from "./rules/valid-default-state-order.js";
+import prefer_auto_calc_default from "./rules/prefer-auto-calc.js";
+import prefer_custom_property_syntax_default from "./rules/prefer-custom-property-syntax.js";
+import prefer_hide_default from "./rules/prefer-hide.js";
+import prefer_directional_shorthand_default from "./rules/prefer-directional-shorthand.js";
 import { recommended, strict } from "./configs.js";
 
 //#region src/index.ts
@@ -62,7 +67,12 @@ const plugin = {
 		"consistent-token-usage": consistent_token_usage_default,
 		"no-runtime-styles-mutation": no_runtime_styles_mutation_default,
 		"valid-state-definition": valid_state_definition_default,
-		"no-own-at-root": no_own_at_root_default
+		"no-own-at-root": no_own_at_root_default,
+		"valid-default-state-order": valid_default_state_order_default,
+		"prefer-auto-calc": prefer_auto_calc_default,
+		"prefer-custom-property-syntax": prefer_custom_property_syntax_default,
+		"prefer-hide": prefer_hide_default,
+		"prefer-directional-shorthand": prefer_directional_shorthand_default
 	},
 	configs: {
 		recommended: {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["rules.knownProperty","rules.validValue","rules.validColorToken","rules.validCustomUnit","rules.validStateKey","rules.validStylesStructure","rules.noNestedSelector","rules.validCustomProperty","rules.validPreset","rules.validRecipe","rules.validBooleanProperty","rules.validDirectionalModifier","rules.validRadiusShape","rules.noImportant","rules.validSubElement","rules.noNestedStateMap","rules.staticNoDynamicValues","rules.staticValidSelector","rules.preferShorthandProperty","rules.validTransition","rules.requireDefaultState","rules.noUnknownStateAlias","rules.noRawColorValues","rules.noStylesProp","rules.consistentTokenUsage","rules.noRuntimeStylesMutation","rules.validStateDefinition","rules.noOwnAtRoot"],"sources":["../src/index.ts"],"sourcesContent":["import type { TSESLint } from '@typescript-eslint/utils';\nimport * as rules from './rules/index.js';\nimport { recommended, strict } from './configs.js';\n\nconst ruleMap: Record<string, TSESLint.RuleModule<string, unknown[]>> = {\n  'known-property': rules.knownProperty,\n  'valid-value': rules.validValue,\n  'valid-color-token': rules.validColorToken,\n  'valid-custom-unit': rules.validCustomUnit,\n  'valid-state-key': rules.validStateKey,\n  'valid-styles-structure': rules.validStylesStructure,\n  'no-nested-selector': rules.noNestedSelector,\n  'valid-custom-property': rules.validCustomProperty,\n  'valid-preset': rules.validPreset,\n  'valid-recipe': rules.validRecipe,\n  'valid-boolean-property': rules.validBooleanProperty,\n  'valid-directional-modifier': rules.validDirectionalModifier,\n  'valid-radius-shape': rules.validRadiusShape,\n  'no-important': rules.noImportant,\n  'valid-sub-element': rules.validSubElement,\n  'no-nested-state-map': rules.noNestedStateMap,\n  'static-no-dynamic-values': rules.staticNoDynamicValues,\n  'static-valid-selector': rules.staticValidSelector,\n  'prefer-shorthand-property': rules.preferShorthandProperty,\n  'valid-transition': rules.validTransition,\n  'require-default-state': rules.requireDefaultState,\n  'no-unknown-state-alias': rules.noUnknownStateAlias,\n  'no-raw-color-values': rules.noRawColorValues,\n  'no-styles-prop': rules.noStylesProp,\n  'consistent-token-usage': rules.consistentTokenUsage,\n  'no-runtime-styles-mutation': rules.noRuntimeStylesMutation,\n  'valid-state-definition': rules.validStateDefinition,\n  'no-own-at-root': rules.noOwnAtRoot,\n};\n\nconst plugin = {\n  meta: {\n    name: '@tenphi/eslint-plugin-tasty',\n    version: '0.1.0',\n  },\n  rules: ruleMap,\n  configs: {\n    recommended: {\n      plugins: {\n        get tasty() {\n          return plugin;\n        },\n      },\n      rules: recommended,\n    },\n    strict: {\n      plugins: {\n        get tasty() {\n          return plugin;\n        },\n      },\n      rules: strict,\n    },\n  },\n} satisfies TSESLint.FlatConfig.Plugin & {\n  configs: Record<string, TSESLint.FlatConfig.Config>;\n};\n\nexport default plugin;\n\nexport { recommended, strict } from './configs.js';\nexport type { TastyValidationConfig, ResolvedConfig } from './types.js';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,SAAS;CACb,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CACD,OApCsE;EACtE,kBAAkBA;EAClB,eAAeC;EACf,qBAAqBC;EACrB,qBAAqBC;EACrB,mBAAmBC;EACnB,0BAA0BC;EAC1B,sBAAsBC;EACtB,yBAAyBC;EACzB,gBAAgBC;EAChB,gBAAgBC;EAChB,0BAA0BC;EAC1B,8BAA8BC;EAC9B,sBAAsBC;EACtB,gBAAgBC;EAChB,qBAAqBC;EACrB,uBAAuBC;EACvB,4BAA4BC;EAC5B,yBAAyBC;EACzB,6BAA6BC;EAC7B,oBAAoBC;EACpB,yBAAyBC;EACzB,0BAA0BC;EAC1B,uBAAuBC;EACvB,kBAAkBC;EAClB,0BAA0BC;EAC1B,8BAA8BC;EAC9B,0BAA0BC;EAC1B,kBAAkBC;EACnB;CAQC,SAAS;EACP,aAAa;GACX,SAAS,EACP,IAAI,QAAQ;AACV,WAAO;MAEV;GACD,OAAO;GACR;EACD,QAAQ;GACN,SAAS,EACP,IAAI,QAAQ;AACV,WAAO;MAEV;GACD,OAAO;GACR;EACF;CACF"}
+{"version":3,"file":"index.js","names":["rules.knownProperty","rules.validValue","rules.validColorToken","rules.validCustomUnit","rules.validStateKey","rules.validStylesStructure","rules.noNestedSelector","rules.validCustomProperty","rules.validPreset","rules.validRecipe","rules.validBooleanProperty","rules.validDirectionalModifier","rules.validRadiusShape","rules.noImportant","rules.validSubElement","rules.noNestedStateMap","rules.staticNoDynamicValues","rules.staticValidSelector","rules.preferShorthandProperty","rules.validTransition","rules.requireDefaultState","rules.noUnknownStateAlias","rules.noRawColorValues","rules.noStylesProp","rules.consistentTokenUsage","rules.noRuntimeStylesMutation","rules.validStateDefinition","rules.noOwnAtRoot","rules.validDefaultStateOrder","rules.preferAutoCalc","rules.preferCustomPropertySyntax","rules.preferHide","rules.preferDirectionalShorthand"],"sources":["../src/index.ts"],"sourcesContent":["import type { TSESLint } from '@typescript-eslint/utils';\nimport * as rules from './rules/index.js';\nimport { recommended, strict } from './configs.js';\n\nconst ruleMap: Record<string, TSESLint.RuleModule<string, unknown[]>> = {\n  'known-property': rules.knownProperty,\n  'valid-value': rules.validValue,\n  'valid-color-token': rules.validColorToken,\n  'valid-custom-unit': rules.validCustomUnit,\n  'valid-state-key': rules.validStateKey,\n  'valid-styles-structure': rules.validStylesStructure,\n  'no-nested-selector': rules.noNestedSelector,\n  'valid-custom-property': rules.validCustomProperty,\n  'valid-preset': rules.validPreset,\n  'valid-recipe': rules.validRecipe,\n  'valid-boolean-property': rules.validBooleanProperty,\n  'valid-directional-modifier': rules.validDirectionalModifier,\n  'valid-radius-shape': rules.validRadiusShape,\n  'no-important': rules.noImportant,\n  'valid-sub-element': rules.validSubElement,\n  'no-nested-state-map': rules.noNestedStateMap,\n  'static-no-dynamic-values': rules.staticNoDynamicValues,\n  'static-valid-selector': rules.staticValidSelector,\n  'prefer-shorthand-property': rules.preferShorthandProperty,\n  'valid-transition': rules.validTransition,\n  'require-default-state': rules.requireDefaultState,\n  'no-unknown-state-alias': rules.noUnknownStateAlias,\n  'no-raw-color-values': rules.noRawColorValues,\n  'no-styles-prop': rules.noStylesProp,\n  'consistent-token-usage': rules.consistentTokenUsage,\n  'no-runtime-styles-mutation': rules.noRuntimeStylesMutation,\n  'valid-state-definition': rules.validStateDefinition,\n  'no-own-at-root': rules.noOwnAtRoot,\n  'valid-default-state-order': rules.validDefaultStateOrder,\n  'prefer-auto-calc': rules.preferAutoCalc,\n  'prefer-custom-property-syntax': rules.preferCustomPropertySyntax,\n  'prefer-hide': rules.preferHide,\n  'prefer-directional-shorthand': rules.preferDirectionalShorthand,\n};\n\nconst plugin = {\n  meta: {\n    name: '@tenphi/eslint-plugin-tasty',\n    version: '0.1.0',\n  },\n  rules: ruleMap,\n  configs: {\n    recommended: {\n      plugins: {\n        get tasty() {\n          return plugin;\n        },\n      },\n      rules: recommended,\n    },\n    strict: {\n      plugins: {\n        get tasty() {\n          return plugin;\n        },\n      },\n      rules: strict,\n    },\n  },\n} satisfies TSESLint.FlatConfig.Plugin & {\n  configs: Record<string, TSESLint.FlatConfig.Config>;\n};\n\nexport default plugin;\n\nexport { recommended, strict } from './configs.js';\nexport type { TastyValidationConfig, ResolvedConfig } from './types.js';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,SAAS;CACb,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CACD,OAzCsE;EACtE,kBAAkBA;EAClB,eAAeC;EACf,qBAAqBC;EACrB,qBAAqBC;EACrB,mBAAmBC;EACnB,0BAA0BC;EAC1B,sBAAsBC;EACtB,yBAAyBC;EACzB,gBAAgBC;EAChB,gBAAgBC;EAChB,0BAA0BC;EAC1B,8BAA8BC;EAC9B,sBAAsBC;EACtB,gBAAgBC;EAChB,qBAAqBC;EACrB,uBAAuBC;EACvB,4BAA4BC;EAC5B,yBAAyBC;EACzB,6BAA6BC;EAC7B,oBAAoBC;EACpB,yBAAyBC;EACzB,0BAA0BC;EAC1B,uBAAuBC;EACvB,kBAAkBC;EAClB,0BAA0BC;EAC1B,8BAA8BC;EAC9B,0BAA0BC;EAC1B,kBAAkBC;EAClB,6BAA6BC;EAC7B,oBAAoBC;EACpB,iCAAiCC;EACjC,eAAeC;EACf,gCAAgCC;EACjC;CAQC,SAAS;EACP,aAAa;GACX,SAAS,EACP,IAAI,QAAQ;AACV,WAAO;MAEV;GACD,OAAO;GACR;EACD,QAAQ;GACN,SAAS,EACP,IAAI,QAAQ;AACV,WAAO;MAEV;GACD,OAAO;GACR;EACF;CACF"}

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

@@ -1,6 +1,7 @@
 import { createRule } from "../create-rule.js";
 import { getKeyName, getStringValue } from "../utils.js";
 import { TastyContext, styleObjectListeners } from "../context.js";
+import { replaceInStringValue, replaceStringValue } from "../fix-utils.js";
 
 //#region src/rules/consistent-token-usage.ts
 const PX_TO_UNIT = {
@@ -17,8 +18,12 @@ var consistent_token_usage_default = createRule({
 	name: "consistent-token-usage",
 	meta: {
 		type: "suggestion",
+		hasSuggestions: true,
 		docs: { description: "Suggest using design tokens and custom units instead of raw CSS values" },
-		messages: { preferToken: "Consider using '{{suggestion}}' instead of '{{raw}}'." },
+		messages: {
+			preferToken: "Consider using '{{suggestion}}' instead of '{{raw}}'.",
+			replaceWithToken: "Replace '{{raw}}' with '{{suggestion}}'"
+		},
 		schema: []
 	},
 	defaultOptions: [],
@@ -27,13 +32,24 @@ var consistent_token_usage_default = createRule({
 		function checkValue(property, value, node) {
 			const trimmed = value.trim();
 			if (trimmed in PX_TO_UNIT) {
+				const suggestion = PX_TO_UNIT[trimmed];
 				context.report({
 					node,
 					messageId: "preferToken",
 					data: {
-						suggestion: PX_TO_UNIT[trimmed],
+						suggestion,
 						raw: trimmed
-					}
+					},
+					suggest: [{
+						messageId: "replaceWithToken",
+						data: {
+							raw: trimmed,
+							suggestion
+						},
+						fix(fixer) {
+							return replaceStringValue(fixer, node, suggestion);
+						}
+					}]
 				});
 				return;
 			}
@@ -44,18 +60,49 @@ var consistent_token_usage_default = createRule({
 					data: {
 						suggestion: "1r",
 						raw: "6px"
-					}
+					},
+					suggest: [{
+						messageId: "replaceWithToken",
+						data: {
+							raw: "6px",
+							suggestion: "1r"
+						},
+						fix(fixer) {
+							return replaceStringValue(fixer, node, "1r");
+						}
+					}]
 				});
 				return;
 			}
-			if (property === "border" && trimmed.includes("1px")) context.report({
-				node,
-				messageId: "preferToken",
-				data: {
-					suggestion: "1bw",
-					raw: "1px"
-				}
-			});
+			if (property === "border" && trimmed.includes("1px")) {
+				const edits = [];
+				const re = /\b1px\b/g;
+				let match;
+				while ((match = re.exec(value)) !== null) edits.push({
+					start: match.index,
+					end: match.index + match[0].length,
+					replacement: "1bw"
+				});
+				if (edits.length === 0) return;
+				context.report({
+					node,
+					messageId: "preferToken",
+					data: {
+						suggestion: "1bw",
+						raw: "1px"
+					},
+					suggest: [{
+						messageId: "replaceWithToken",
+						data: {
+							raw: "1px",
+							suggestion: "1bw"
+						},
+						fix(fixer) {
+							return replaceInStringValue(fixer, node, edits, context.sourceCode);
+						}
+					}]
+				});
+			}
 		}
 		function handleStyleObject(node) {
 			if (!ctx.isStyleObject(node)) return;

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

@@ -1 +1 @@
-{"version":3,"file":"consistent-token-usage.js","names":[],"sources":["../../src/rules/consistent-token-usage.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\n\ntype MessageIds = 'preferToken';\n\nconst PX_TO_UNIT: Record<string, string> = {\n  '8px': '1x',\n  '16px': '2x',\n  '24px': '3x',\n  '32px': '4x',\n  '40px': '5x',\n  '48px': '6x',\n  '56px': '7x',\n  '64px': '8x',\n};\n\nexport default createRule<[], MessageIds>({\n  name: 'consistent-token-usage',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Suggest using design tokens and custom units instead of raw CSS values',\n    },\n    messages: {\n      preferToken: \"Consider using '{{suggestion}}' instead of '{{raw}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkValue(\n      property: string,\n      value: string,\n      node: TSESTree.Node,\n    ): void {\n      const trimmed = value.trim();\n\n      // Check pixel values that map to gap multiples\n      if (trimmed in PX_TO_UNIT) {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: PX_TO_UNIT[trimmed], raw: trimmed },\n        });\n        return;\n      }\n\n      // Check 6px in radius context\n      if (property === 'radius' && trimmed === '6px') {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1r', raw: '6px' },\n        });\n        return;\n      }\n\n      // Check 1px in border context\n      if (property === 'border' && trimmed.includes('1px')) {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1bw', raw: '1px' },\n        });\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkValue(key, str, prop.value);\n          continue;\n        }\n\n        if (prop.value.type === 'ObjectExpression') {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) {\n              checkValue(key, stateStr, stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,MAAM,aAAqC;CACzC,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACT;AAED,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,0EACH;EACD,UAAU,EACR,aAAa,yDACd;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,WACP,UACA,OACA,MACM;GACN,MAAM,UAAU,MAAM,MAAM;AAG5B,OAAI,WAAW,YAAY;AACzB,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY,WAAW;MAAU,KAAK;MAAS;KACxD,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,YAAY,OAAO;AAC9C,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY;MAAM,KAAK;MAAO;KACvC,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,QAAQ,SAAS,MAAM,CAClD,SAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM;KAAE,YAAY;KAAO,KAAK;KAAO;IACxC,CAAC;;EAIN,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;IAElB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,gBAAW,KAAK,KAAK,KAAK,MAAM;AAChC;;AAGF,QAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,SAAI,SACF,YAAW,KAAK,UAAU,UAAU,MAAM;;;;AAOpD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"consistent-token-usage.js","names":[],"sources":["../../src/rules/consistent-token-usage.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\nimport { replaceStringValue, replaceInStringValue } from '../fix-utils.js';\n\ntype MessageIds = 'preferToken' | 'replaceWithToken';\n\nconst PX_TO_UNIT: Record<string, string> = {\n  '8px': '1x',\n  '16px': '2x',\n  '24px': '3x',\n  '32px': '4x',\n  '40px': '5x',\n  '48px': '6x',\n  '56px': '7x',\n  '64px': '8x',\n};\n\nexport default createRule<[], MessageIds>({\n  name: 'consistent-token-usage',\n  meta: {\n    type: 'suggestion',\n    hasSuggestions: true,\n    docs: {\n      description:\n        'Suggest using design tokens and custom units instead of raw CSS values',\n    },\n    messages: {\n      preferToken: \"Consider using '{{suggestion}}' instead of '{{raw}}'.\",\n      replaceWithToken: \"Replace '{{raw}}' with '{{suggestion}}'\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkValue(\n      property: string,\n      value: string,\n      node: TSESTree.Node,\n    ): void {\n      const trimmed = value.trim();\n\n      // Check pixel values that map to gap multiples\n      if (trimmed in PX_TO_UNIT) {\n        const suggestion = PX_TO_UNIT[trimmed];\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion, raw: trimmed },\n          suggest: [\n            {\n              messageId: 'replaceWithToken',\n              data: { raw: trimmed, suggestion },\n              fix(fixer) {\n                return replaceStringValue(fixer, node, suggestion);\n              },\n            },\n          ],\n        });\n        return;\n      }\n\n      // Check 6px in radius context\n      if (property === 'radius' && trimmed === '6px') {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1r', raw: '6px' },\n          suggest: [\n            {\n              messageId: 'replaceWithToken',\n              data: { raw: '6px', suggestion: '1r' },\n              fix(fixer) {\n                return replaceStringValue(fixer, node, '1r');\n              },\n            },\n          ],\n        });\n        return;\n      }\n\n      // Check 1px in border context\n      if (property === 'border' && trimmed.includes('1px')) {\n        const edits: { start: number; end: number; replacement: string }[] = [];\n        const re = /\\b1px\\b/g;\n        let match: RegExpExecArray | null;\n        while ((match = re.exec(value)) !== null) {\n          edits.push({\n            start: match.index,\n            end: match.index + match[0].length,\n            replacement: '1bw',\n          });\n        }\n        if (edits.length === 0) return;\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1bw', raw: '1px' },\n          suggest: [\n            {\n              messageId: 'replaceWithToken',\n              data: { raw: '1px', suggestion: '1bw' },\n              fix(fixer) {\n                return replaceInStringValue(\n                  fixer,\n                  node,\n                  edits,\n                  context.sourceCode,\n                );\n              },\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\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkValue(key, str, prop.value);\n          continue;\n        }\n\n        if (prop.value.type === 'ObjectExpression') {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) {\n              checkValue(key, stateStr, stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;AAQA,MAAM,aAAqC;CACzC,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACT;AAED,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM,EACJ,aACE,0EACH;EACD,UAAU;GACR,aAAa;GACb,kBAAkB;GACnB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,WACP,UACA,OACA,MACM;GACN,MAAM,UAAU,MAAM,MAAM;AAG5B,OAAI,WAAW,YAAY;IACzB,MAAM,aAAa,WAAW;AAC9B,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE;MAAY,KAAK;MAAS;KAClC,SAAS,CACP;MACE,WAAW;MACX,MAAM;OAAE,KAAK;OAAS;OAAY;MAClC,IAAI,OAAO;AACT,cAAO,mBAAmB,OAAO,MAAM,WAAW;;MAErD,CACF;KACF,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,YAAY,OAAO;AAC9C,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY;MAAM,KAAK;MAAO;KACtC,SAAS,CACP;MACE,WAAW;MACX,MAAM;OAAE,KAAK;OAAO,YAAY;OAAM;MACtC,IAAI,OAAO;AACT,cAAO,mBAAmB,OAAO,MAAM,KAAK;;MAE/C,CACF;KACF,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,QAAQ,SAAS,MAAM,EAAE;IACpD,MAAM,QAA+D,EAAE;IACvE,MAAM,KAAK;IACX,IAAI;AACJ,YAAQ,QAAQ,GAAG,KAAK,MAAM,MAAM,KAClC,OAAM,KAAK;KACT,OAAO,MAAM;KACb,KAAK,MAAM,QAAQ,MAAM,GAAG;KAC5B,aAAa;KACd,CAAC;AAEJ,QAAI,MAAM,WAAW,EAAG;AACxB,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY;MAAO,KAAK;MAAO;KACvC,SAAS,CACP;MACE,WAAW;MACX,MAAM;OAAE,KAAK;OAAO,YAAY;OAAO;MACvC,IAAI,OAAO;AACT,cAAO,qBACL,OACA,MACA,OACA,QAAQ,WACT;;MAEJ,CACF;KACF,CAAC;;;EAIN,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;IAElB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,gBAAW,KAAK,KAAK,KAAK,MAAM;AAChC;;AAGF,QAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,SAAI,SACF,YAAW,KAAK,UAAU,UAAU,MAAM;;;;AAOpD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/known-property.js

@@ -9,7 +9,7 @@ var known_property_default = createRule({
 	meta: {
 		type: "problem",
 		docs: { description: "Warn when a style property name is not recognized as a valid tasty or CSS property" },
-		messages: { unknownProperty: "Unknown style property '{{name}}'." },
+		messages: { unknownProperty: "Unknown style property '{{name}}'. Check the spelling or use a valid Tasty/CSS property." },
 		schema: []
 	},
 	defaultOptions: [],

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

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

package/dist/rules/no-important.js

@@ -1,12 +1,14 @@
 import { createRule } from "../create-rule.js";
 import { getStringValue } from "../utils.js";
 import { TastyContext, styleObjectListeners } from "../context.js";
+import { replaceStringValue } from "../fix-utils.js";
 
 //#region src/rules/no-important.ts
 var no_important_default = createRule({
 	name: "no-important",
 	meta: {
 		type: "problem",
+		fixable: "code",
 		docs: { description: "Disallow !important in tasty style values" },
 		messages: { noImportant: "Do not use !important in tasty styles. The tasty system manages specificity via doubled selectors and state ordering." },
 		schema: []
@@ -16,10 +18,16 @@ var no_important_default = createRule({
 		const ctx = new TastyContext(context);
 		function checkNode(node) {
 			const str = getStringValue(node);
-			if (str && str.includes("!important")) context.report({
-				node,
-				messageId: "noImportant"
-			});
+			if (str && str.includes("!important")) {
+				const stripped = str.replace(/\s*!important\s*/g, "").trim();
+				context.report({
+					node,
+					messageId: "noImportant",
+					fix(fixer) {
+						return replaceStringValue(fixer, node, stripped);
+					}
+				});
+			}
 		}
 		function handleStyleObject(node) {
 			if (!ctx.isStyleObject(node)) return;

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

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

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

@@ -6,8 +6,8 @@ import { TastyContext, styleObjectListeners } from "../context.js";
 var no_nested_selector_default = createRule({
 	name: "no-nested-selector",
 	meta: {
-		type: "suggestion",
-		docs: { description: "Discourage &-prefixed nested selectors in favor of sub-element styling" },
+		type: "problem",
+		docs: { description: "Disallow &-prefixed nested selectors in favor of sub-element styling" },
 		messages: { noNestedSelector: "Avoid nested selectors ('{{key}}'). Use sub-element styling with capitalized keys and data-element attributes instead." },
 		schema: []
 	},

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

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

package/dist/rules/no-own-at-root.js

@@ -2,12 +2,14 @@ import { createRule } from "../create-rule.js";
 import { getKeyName, getStringValue } from "../utils.js";
 import { TastyContext, styleObjectListeners } from "../context.js";
 import { parseStateKey } from "../parsers/state-key-parser.js";
+import { replaceStringValue } from "../fix-utils.js";
 
 //#region src/rules/no-own-at-root.ts
 var no_own_at_root_default = createRule({
 	name: "no-own-at-root",
 	meta: {
 		type: "suggestion",
+		fixable: "code",
 		docs: { description: "Warn when @own() is used outside sub-element styles where it is redundant" },
 		messages: { ownAtRoot: "@own() is redundant outside sub-element styles. Use the inner selector directly instead (e.g. :hover instead of @own(:hover))." },
 		schema: []
@@ -38,7 +40,13 @@ var no_own_at_root_default = createRule({
 					if (stateKey === null || stateKey === "" || stateKey === "_") continue;
 					if (parseStateKey(stateKey).hasOwn) context.report({
 						node: stateProp.key,
-						messageId: "ownAtRoot"
+						messageId: "ownAtRoot",
+						fix(fixer) {
+							if (!stateKey.startsWith("@own(") || !stateKey.endsWith(")")) return null;
+							const inner = stateKey.slice(5, -1);
+							if (!inner) return null;
+							return replaceStringValue(fixer, stateProp.key, inner);
+						}
 					});
 				}
 			}

package/dist/rules/no-own-at-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-own-at-root.js","names":[],"sources":["../../src/rules/no-own-at-root.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 { parseStateKey } from '../parsers/state-key-parser.js';\n\ntype MessageIds = 'ownAtRoot';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-own-at-root',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Warn when @own() is used outside sub-element styles where it is redundant',\n    },\n    messages: {\n      ownAtRoot:\n        '@own() is redundant outside sub-element styles. Use the inner selector directly instead (e.g. :hover instead of @own(:hover)).',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function isInsideSubElement(node: TSESTree.Node): boolean {\n      let current: TSESTree.Node | undefined = node.parent;\n      while (current) {\n        if (\n          current.type === 'Property' &&\n          !current.computed &&\n          current.key.type === 'Identifier' &&\n          /^[A-Z]/.test(current.key.name)\n        ) {\n          return true;\n        }\n        current = current.parent;\n      }\n      return false;\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      const insideSubElement = isInsideSubElement(node);\n\n      if (insideSubElement) 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 (/^[A-Z]/.test(key) || key.startsWith('@') || key.startsWith('&'))\n          continue;\n\n        if (prop.value.type !== 'ObjectExpression') continue;\n\n        for (const stateProp of prop.value.properties) {\n          if (stateProp.type !== 'Property') continue;\n\n          const stateKey = !stateProp.computed\n            ? getKeyName(stateProp.key)\n            : getStringValue(stateProp.key);\n          if (stateKey === null || stateKey === '' || stateKey === '_')\n            continue;\n\n          const result = parseStateKey(stateKey);\n\n          if (result.hasOwn) {\n            context.report({\n              node: stateProp.key,\n              messageId: 'ownAtRoot',\n            });\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;AAQA,6BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,6EACH;EACD,UAAU,EACR,WACE,kIACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,mBAAmB,MAA8B;GACxD,IAAI,UAAqC,KAAK;AAC9C,UAAO,SAAS;AACd,QACE,QAAQ,SAAS,cACjB,CAAC,QAAQ,YACT,QAAQ,IAAI,SAAS,gBACrB,SAAS,KAAK,QAAQ,IAAI,KAAK,CAE/B,QAAO;AAET,cAAU,QAAQ;;AAEpB,UAAO;;EAGT,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAI9B,OAFyB,mBAAmB,KAAK,CAE3B;AAEtB,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,SAAS,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,WAAW,IAAI,CAClE;AAEF,QAAI,KAAK,MAAM,SAAS,mBAAoB;AAE5C,SAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KAEnC,MAAM,WAAW,CAAC,UAAU,WACxB,WAAW,UAAU,IAAI,GACzB,eAAe,UAAU,IAAI;AACjC,SAAI,aAAa,QAAQ,aAAa,MAAM,aAAa,IACvD;AAIF,SAFe,cAAc,SAAS,CAE3B,OACT,SAAQ,OAAO;MACb,MAAM,UAAU;MAChB,WAAW;MACZ,CAAC;;;;AAMV,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"no-own-at-root.js","names":[],"sources":["../../src/rules/no-own-at-root.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 { parseStateKey } from '../parsers/state-key-parser.js';\nimport { replaceStringValue } from '../fix-utils.js';\n\ntype MessageIds = 'ownAtRoot';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-own-at-root',\n  meta: {\n    type: 'suggestion',\n    fixable: 'code',\n    docs: {\n      description:\n        'Warn when @own() is used outside sub-element styles where it is redundant',\n    },\n    messages: {\n      ownAtRoot:\n        '@own() is redundant outside sub-element styles. Use the inner selector directly instead (e.g. :hover instead of @own(:hover)).',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function isInsideSubElement(node: TSESTree.Node): boolean {\n      let current: TSESTree.Node | undefined = node.parent;\n      while (current) {\n        if (\n          current.type === 'Property' &&\n          !current.computed &&\n          current.key.type === 'Identifier' &&\n          /^[A-Z]/.test(current.key.name)\n        ) {\n          return true;\n        }\n        current = current.parent;\n      }\n      return false;\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      const insideSubElement = isInsideSubElement(node);\n\n      if (insideSubElement) 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 (/^[A-Z]/.test(key) || key.startsWith('@') || key.startsWith('&'))\n          continue;\n\n        if (prop.value.type !== 'ObjectExpression') continue;\n\n        for (const stateProp of prop.value.properties) {\n          if (stateProp.type !== 'Property') continue;\n\n          const stateKey = !stateProp.computed\n            ? getKeyName(stateProp.key)\n            : getStringValue(stateProp.key);\n          if (stateKey === null || stateKey === '' || stateKey === '_')\n            continue;\n\n          const result = parseStateKey(stateKey);\n\n          if (result.hasOwn) {\n            context.report({\n              node: stateProp.key,\n              messageId: 'ownAtRoot',\n              fix(fixer) {\n                if (!stateKey.startsWith('@own(') || !stateKey.endsWith(')')) {\n                  return null;\n                }\n                const inner = stateKey.slice(5, -1);\n                if (!inner) return null;\n                return replaceStringValue(fixer, stateProp.key, inner);\n              },\n            });\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;;AASA,6BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,SAAS;EACT,MAAM,EACJ,aACE,6EACH;EACD,UAAU,EACR,WACE,kIACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,mBAAmB,MAA8B;GACxD,IAAI,UAAqC,KAAK;AAC9C,UAAO,SAAS;AACd,QACE,QAAQ,SAAS,cACjB,CAAC,QAAQ,YACT,QAAQ,IAAI,SAAS,gBACrB,SAAS,KAAK,QAAQ,IAAI,KAAK,CAE/B,QAAO;AAET,cAAU,QAAQ;;AAEpB,UAAO;;EAGT,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAI9B,OAFyB,mBAAmB,KAAK,CAE3B;AAEtB,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,SAAS,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,WAAW,IAAI,CAClE;AAEF,QAAI,KAAK,MAAM,SAAS,mBAAoB;AAE5C,SAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KAEnC,MAAM,WAAW,CAAC,UAAU,WACxB,WAAW,UAAU,IAAI,GACzB,eAAe,UAAU,IAAI;AACjC,SAAI,aAAa,QAAQ,aAAa,MAAM,aAAa,IACvD;AAIF,SAFe,cAAc,SAAS,CAE3B,OACT,SAAQ,OAAO;MACb,MAAM,UAAU;MAChB,WAAW;MACX,IAAI,OAAO;AACT,WAAI,CAAC,SAAS,WAAW,QAAQ,IAAI,CAAC,SAAS,SAAS,IAAI,CAC1D,QAAO;OAET,MAAM,QAAQ,SAAS,MAAM,GAAG,GAAG;AACnC,WAAI,CAAC,MAAO,QAAO;AACnB,cAAO,mBAAmB,OAAO,UAAU,KAAK,MAAM;;MAEzD,CAAC;;;;AAMV,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

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

@@ -1,18 +1,21 @@
 import { createRule } from "../create-rule.js";
-import { getStringValue } from "../utils.js";
+import { COLOR_BEARING_PROPERTIES, NAMED_CSS_COLORS } from "../constants.js";
+import { getKeyName, getStringValue } from "../utils.js";
 import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/no-raw-color-values.ts
 const HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,8})\b/g;
-const COLOR_FUNC_REGEX = /\b(rgb|rgba|hsl|hsla)\s*\(/gi;
+const COLOR_FUNC_REGEX = /\b(rgb|rgba|hsl|hsla|hwb|lab|lch|oklab|oklch|okhsl|okhsv|okhst|color|device-cmyk|light-dark)\s*\(/gi;
+const NAMED_COLOR_REGEX = new RegExp(`\\b(${[...NAMED_CSS_COLORS].sort((a, b) => b.length - a.length).join("|")})\\b`, "gi");
 var no_raw_color_values_default = createRule({
 	name: "no-raw-color-values",
 	meta: {
 		type: "suggestion",
-		docs: { description: "Suggest using color tokens instead of raw hex/rgb values" },
+		docs: { description: "Suggest using color tokens instead of raw hex/rgb/okhsl/named colors" },
 		messages: {
 			rawHexColor: "Use a color token instead of raw hex color '{{value}}'.",
-			rawColorFunction: "Use a color token instead of raw {{func}}() color."
+			rawColorFunction: "Use a color token instead of raw {{func}}() color.",
+			rawNamedColor: "Use a color token instead of raw named color '{{name}}'."
 		},
 		schema: []
 	},
@@ -34,7 +37,7 @@ var no_raw_color_values_default = createRule({
 			}
 			return false;
 		}
-		function checkValue(value, node) {
+		function checkValue(value, node, propertyKey) {
 			if (isInTokenDefinition(node)) return;
 			HEX_COLOR_REGEX.lastIndex = 0;
 			let match;
@@ -57,17 +60,30 @@ var no_raw_color_values_default = createRule({
 				messageId: "rawColorFunction",
 				data: { func: match[1] }
 			});
+			if (propertyKey && COLOR_BEARING_PROPERTIES.has(propertyKey)) {
+				NAMED_COLOR_REGEX.lastIndex = 0;
+				while ((match = NAMED_COLOR_REGEX.exec(value)) !== null) {
+					const prev = match.index > 0 ? value[match.index - 1] : "";
+					if (prev === "#" || prev === "$") continue;
+					context.report({
+						node,
+						messageId: "rawNamedColor",
+						data: { name: match[1] }
+					});
+				}
+			}
 		}
 		function handleStyleObject(node) {
 			if (!ctx.isStyleObject(node)) return;
 			for (const prop of node.properties) {
 				if (prop.type !== "Property") continue;
+				const key = getKeyName(prop.key);
 				const str = getStringValue(prop.value);
-				if (str) checkValue(str, prop.value);
+				if (str) checkValue(str, prop.value, key);
 				if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
 					if (stateProp.type !== "Property") continue;
 					const stateStr = getStringValue(stateProp.value);
-					if (stateStr) checkValue(stateStr, stateProp.value);
+					if (stateStr) checkValue(stateStr, stateProp.value, key);
 				}
 			}
 		}

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

@@ -1 +1 @@
-{"version":3,"file":"no-raw-color-values.js","names":[],"sources":["../../src/rules/no-raw-color-values.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getStringValue } from '../utils.js';\n\ntype MessageIds = 'rawHexColor' | 'rawColorFunction';\n\nconst HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,8})\\b/g;\nconst COLOR_FUNC_REGEX = /\\b(rgb|rgba|hsl|hsla)\\s*\\(/gi;\n\nexport default createRule<[], MessageIds>({\n  name: 'no-raw-color-values',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description: 'Suggest using color tokens instead of raw hex/rgb values',\n    },\n    messages: {\n      rawHexColor: \"Use a color token instead of raw hex color '{{value}}'.\",\n      rawColorFunction: 'Use a color token instead of raw {{func}}() color.',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function isInTokenDefinition(node: TSESTree.Node): boolean {\n      // Check if this is inside a :root or token-defining context\n      let current: TSESTree.Node | undefined = node;\n      while (current) {\n        if (current.type === 'CallExpression') {\n          const imp = ctx.isTastyCall(current);\n          if (imp && imp.importedName === 'tastyStatic') {\n            const firstArg = current.arguments[0];\n            const selectorStr = getStringValue(firstArg);\n            if (selectorStr === ':root') return true;\n          }\n          break;\n        }\n        current = current.parent;\n      }\n      return false;\n    }\n\n    function checkValue(value: string, node: TSESTree.Node): void {\n      if (isInTokenDefinition(node)) return;\n\n      // Check hex colors\n      HEX_COLOR_REGEX.lastIndex = 0;\n      let match;\n      while ((match = HEX_COLOR_REGEX.exec(value)) !== null) {\n        const hex = match[1];\n        if ([3, 4, 6, 8].includes(hex.length)) {\n          context.report({\n            node,\n            messageId: 'rawHexColor',\n            data: { value: match[0] },\n          });\n        }\n      }\n\n      // Check color functions\n      COLOR_FUNC_REGEX.lastIndex = 0;\n      while ((match = COLOR_FUNC_REGEX.exec(value)) !== null) {\n        context.report({\n          node,\n          messageId: 'rawColorFunction',\n          data: { func: match[1] },\n        });\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property') continue;\n\n        const str = getStringValue(prop.value);\n        if (str) checkValue(str, prop.value);\n\n        if (prop.value.type === 'ObjectExpression') {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) checkValue(stateStr, stateProp.value);\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,MAAM,kBAAkB;AACxB,MAAM,mBAAmB;AAEzB,kCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,4DACd;EACD,UAAU;GACR,aAAa;GACb,kBAAkB;GACnB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,oBAAoB,MAA8B;GAEzD,IAAI,UAAqC;AACzC,UAAO,SAAS;AACd,QAAI,QAAQ,SAAS,kBAAkB;KACrC,MAAM,MAAM,IAAI,YAAY,QAAQ;AACpC,SAAI,OAAO,IAAI,iBAAiB,eAAe;MAC7C,MAAM,WAAW,QAAQ,UAAU;AAEnC,UADoB,eAAe,SAAS,KACxB,QAAS,QAAO;;AAEtC;;AAEF,cAAU,QAAQ;;AAEpB,UAAO;;EAGT,SAAS,WAAW,OAAe,MAA2B;AAC5D,OAAI,oBAAoB,KAAK,CAAE;AAG/B,mBAAgB,YAAY;GAC5B,IAAI;AACJ,WAAQ,QAAQ,gBAAgB,KAAK,MAAM,MAAM,MAAM;IACrD,MAAM,MAAM,MAAM;AAClB,QAAI;KAAC;KAAG;KAAG;KAAG;KAAE,CAAC,SAAS,IAAI,OAAO,CACnC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM,EAAE,OAAO,MAAM,IAAI;KAC1B,CAAC;;AAKN,oBAAiB,YAAY;AAC7B,WAAQ,QAAQ,iBAAiB,KAAK,MAAM,MAAM,KAChD,SAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM,EAAE,MAAM,MAAM,IAAI;IACzB,CAAC;;EAIN,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,WAAY;IAE9B,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,IAAK,YAAW,KAAK,KAAK,MAAM;AAEpC,QAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,SAAI,SAAU,YAAW,UAAU,UAAU,MAAM;;;;AAM3D,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"no-raw-color-values.js","names":[],"sources":["../../src/rules/no-raw-color-values.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getStringValue, getKeyName } from '../utils.js';\nimport { COLOR_BEARING_PROPERTIES, NAMED_CSS_COLORS } from '../constants.js';\n\ntype MessageIds = 'rawHexColor' | 'rawColorFunction' | 'rawNamedColor';\n\nconst HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,8})\\b/g;\nconst COLOR_FUNC_REGEX =\n  /\\b(rgb|rgba|hsl|hsla|hwb|lab|lch|oklab|oklch|okhsl|okhsv|okhst|color|device-cmyk|light-dark)\\s*\\(/gi;\nconst NAMED_COLOR_REGEX = new RegExp(\n  `\\\\b(${[...NAMED_CSS_COLORS].sort((a, b) => b.length - a.length).join('|')})\\\\b`,\n  'gi',\n);\n\nexport default createRule<[], MessageIds>({\n  name: 'no-raw-color-values',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Suggest using color tokens instead of raw hex/rgb/okhsl/named colors',\n    },\n    messages: {\n      rawHexColor: \"Use a color token instead of raw hex color '{{value}}'.\",\n      rawColorFunction: 'Use a color token instead of raw {{func}}() color.',\n      rawNamedColor: \"Use a color token instead of raw named color '{{name}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function isInTokenDefinition(node: TSESTree.Node): boolean {\n      // Check if this is inside a :root or token-defining context\n      let current: TSESTree.Node | undefined = node;\n      while (current) {\n        if (current.type === 'CallExpression') {\n          const imp = ctx.isTastyCall(current);\n          if (imp && imp.importedName === 'tastyStatic') {\n            const firstArg = current.arguments[0];\n            const selectorStr = getStringValue(firstArg);\n            if (selectorStr === ':root') return true;\n          }\n          break;\n        }\n        current = current.parent;\n      }\n      return false;\n    }\n\n    function checkValue(\n      value: string,\n      node: TSESTree.Node,\n      propertyKey?: string | null,\n    ): void {\n      if (isInTokenDefinition(node)) return;\n\n      // Check hex colors\n      HEX_COLOR_REGEX.lastIndex = 0;\n      let match;\n      while ((match = HEX_COLOR_REGEX.exec(value)) !== null) {\n        const hex = match[1];\n        if ([3, 4, 6, 8].includes(hex.length)) {\n          context.report({\n            node,\n            messageId: 'rawHexColor',\n            data: { value: match[0] },\n          });\n        }\n      }\n\n      // Check color functions (rgb, hsl, okhsl, okhst, oklch, …)\n      COLOR_FUNC_REGEX.lastIndex = 0;\n      while ((match = COLOR_FUNC_REGEX.exec(value)) !== null) {\n        context.report({\n          node,\n          messageId: 'rawColorFunction',\n          data: { func: match[1] },\n        });\n      }\n\n      // Check named CSS colors — scoped to color-bearing properties to avoid\n      // false positives on string properties like `content` or `cursor`. Skip\n      // matches that are part of a `#token` or `$prop` reference (e.g. `#purple`,\n      // `$red`) — those are Tasty tokens/custom properties, not raw colors.\n      if (propertyKey && COLOR_BEARING_PROPERTIES.has(propertyKey)) {\n        NAMED_COLOR_REGEX.lastIndex = 0;\n        while ((match = NAMED_COLOR_REGEX.exec(value)) !== null) {\n          const prev = match.index > 0 ? value[match.index - 1] : '';\n          if (prev === '#' || prev === '$') continue;\n          context.report({\n            node,\n            messageId: 'rawNamedColor',\n            data: { name: match[1] },\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        const key = getKeyName(prop.key);\n\n        const str = getStringValue(prop.value);\n        if (str) checkValue(str, prop.value, key);\n\n        if (prop.value.type === 'ObjectExpression') {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) checkValue(stateStr, stateProp.value, key);\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,kBAAkB;AACxB,MAAM,mBACJ;AACF,MAAM,oBAAoB,IAAI,OAC5B,OAAO,CAAC,GAAG,iBAAiB,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC,OAC3E,KACD;AAED,kCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,wEACH;EACD,UAAU;GACR,aAAa;GACb,kBAAkB;GAClB,eAAe;GAChB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,oBAAoB,MAA8B;GAEzD,IAAI,UAAqC;AACzC,UAAO,SAAS;AACd,QAAI,QAAQ,SAAS,kBAAkB;KACrC,MAAM,MAAM,IAAI,YAAY,QAAQ;AACpC,SAAI,OAAO,IAAI,iBAAiB,eAAe;MAC7C,MAAM,WAAW,QAAQ,UAAU;AAEnC,UADoB,eAAe,SAAS,KACxB,QAAS,QAAO;;AAEtC;;AAEF,cAAU,QAAQ;;AAEpB,UAAO;;EAGT,SAAS,WACP,OACA,MACA,aACM;AACN,OAAI,oBAAoB,KAAK,CAAE;AAG/B,mBAAgB,YAAY;GAC5B,IAAI;AACJ,WAAQ,QAAQ,gBAAgB,KAAK,MAAM,MAAM,MAAM;IACrD,MAAM,MAAM,MAAM;AAClB,QAAI;KAAC;KAAG;KAAG;KAAG;KAAE,CAAC,SAAS,IAAI,OAAO,CACnC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM,EAAE,OAAO,MAAM,IAAI;KAC1B,CAAC;;AAKN,oBAAiB,YAAY;AAC7B,WAAQ,QAAQ,iBAAiB,KAAK,MAAM,MAAM,KAChD,SAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM,EAAE,MAAM,MAAM,IAAI;IACzB,CAAC;AAOJ,OAAI,eAAe,yBAAyB,IAAI,YAAY,EAAE;AAC5D,sBAAkB,YAAY;AAC9B,YAAQ,QAAQ,kBAAkB,KAAK,MAAM,MAAM,MAAM;KACvD,MAAM,OAAO,MAAM,QAAQ,IAAI,MAAM,MAAM,QAAQ,KAAK;AACxD,SAAI,SAAS,OAAO,SAAS,IAAK;AAClC,aAAQ,OAAO;MACb;MACA,WAAW;MACX,MAAM,EAAE,MAAM,MAAM,IAAI;MACzB,CAAC;;;;EAKR,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,WAAY;IAC9B,MAAM,MAAM,WAAW,KAAK,IAAI;IAEhC,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,IAAK,YAAW,KAAK,KAAK,OAAO,IAAI;AAEzC,QAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,SAAI,SAAU,YAAW,UAAU,UAAU,OAAO,IAAI;;;;AAMhE,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

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

@@ -8,30 +8,33 @@ var no_runtime_styles_mutation_default = createRule({
 	meta: {
 		type: "suggestion",
 		docs: { description: "Warn when style objects contain runtime-computed values" },
-		messages: { dynamicStyleValue: "Style values should be static. Use modifiers (mods prop), tokens, or CSS custom properties for dynamic behavior." },
+		messages: { dynamicStyleValue: "Style value for '{{property}}' should be static. Use the 'mods' prop, tokens, or CSS custom properties for dynamic behavior." },
 		schema: []
 	},
 	defaultOptions: [],
 	create(context) {
 		const ctx = new TastyContext(context);
-		function checkProperties(node) {
+		function checkProperties(node, parentProperty = null) {
 			for (const prop of node.properties) {
 				if (prop.type === "SpreadElement") {
 					context.report({
 						node: prop,
-						messageId: "dynamicStyleValue"
+						messageId: "dynamicStyleValue",
+						data: { property: parentProperty ?? "(spread)" }
 					});
 					continue;
 				}
 				if (prop.type !== "Property") continue;
+				const key = !prop.computed && prop.key.type === "Identifier" ? prop.key.name : parentProperty;
 				if (!prop.computed && prop.key.type === "Identifier" && /^[A-Z]/.test(prop.key.name)) {
-					if (prop.value.type === "ObjectExpression") checkProperties(prop.value);
+					if (prop.value.type === "ObjectExpression") checkProperties(prop.value, key);
 					continue;
 				}
 				if (!prop.computed && prop.key.type === "Identifier" && prop.key.name.startsWith("@")) continue;
 				if (!isStaticValue(prop.value)) context.report({
 					node: prop.value,
-					messageId: "dynamicStyleValue"
+					messageId: "dynamicStyleValue",
+					data: { property: key ?? "(unknown)" }
 				});
 			}
 		}