@tenphi/eslint-plugin-tasty 0.1.0

package/dist/rules/valid-preset.mjs

@@ -0,0 +1,64 @@
+import { createRule } from "../create-rule.mjs";
+import { PRESET_MODIFIERS } from "../constants.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue } from "../utils.mjs";
+
+//#region src/rules/valid-preset.ts
+var valid_preset_default = createRule({
+	name: "valid-preset",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate preset property values against config" },
+		messages: {
+			unknownPreset: "Unknown preset '{{name}}'.",
+			unknownModifier: "Unknown preset modifier '{{modifier}}'."
+		},
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function checkPresetValue(value, node) {
+			const parts = value.trim().split(/\s+/);
+			if (parts.length === 0) return;
+			const [presetName, ...modifiers] = parts;
+			if (ctx.config.presets.length > 0 && !ctx.config.presets.includes(presetName)) context.report({
+				node,
+				messageId: "unknownPreset",
+				data: { name: presetName }
+			});
+			for (const mod of modifiers) if (!PRESET_MODIFIERS.has(mod)) context.report({
+				node,
+				messageId: "unknownModifier",
+				data: { modifier: mod }
+			});
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				for (const prop of node.properties) {
+					if (prop.type !== "Property" || prop.computed) continue;
+					if (getKeyName(prop.key) !== "preset") continue;
+					const str = getStringValue(prop.value);
+					if (str) {
+						checkPresetValue(str, prop.value);
+						continue;
+					}
+					if (prop.value.type === "Literal" && prop.value.value === true) continue;
+					if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+						if (stateProp.type !== "Property") continue;
+						const stateStr = getStringValue(stateProp.value);
+						if (stateStr) checkPresetValue(stateStr, stateProp.value);
+					}
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_preset_default as default };
+//# sourceMappingURL=valid-preset.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valid-preset.mjs","names":[],"sources":["../../src/rules/valid-preset.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\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    function checkPresetValue(value: string, node: TSESTree.Node): void {\n      const parts = value.trim().split(/\\s+/);\n      if (parts.length === 0) return;\n\n      const [presetName, ...modifiers] = parts;\n\n      if (\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      for (const mod of modifiers) {\n        if (!PRESET_MODIFIERS.has(mod)) {\n          context.report({\n            node,\n            messageId: 'unknownModifier',\n            data: { modifier: mod },\n          });\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        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          // Direct string value\n          const str = getStringValue(prop.value);\n          if (str) {\n            checkPresetValue(str, prop.value);\n            continue;\n          }\n\n          // true is always valid\n          if (prop.value.type === 'Literal' && prop.value.value === true) {\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                checkPresetValue(stateStr, stateProp.value);\n              }\n            }\n          }\n        }\n      },\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,SAAS,iBAAiB,OAAe,MAA2B;GAClE,MAAM,QAAQ,MAAM,MAAM,CAAC,MAAM,MAAM;AACvC,OAAI,MAAM,WAAW,EAAG;GAExB,MAAM,CAAC,YAAY,GAAG,aAAa;AAEnC,OACE,IAAI,OAAO,QAAQ,SAAS,KAC5B,CAAC,IAAI,OAAO,QAAQ,SAAS,WAAW,CAExC,SAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM,EAAE,MAAM,YAAY;IAC3B,CAAC;AAGJ,QAAK,MAAM,OAAO,UAChB,KAAI,CAAC,iBAAiB,IAAI,IAAI,CAC5B,SAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM,EAAE,UAAU,KAAK;IACxB,CAAC;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;AAG/C,SADY,WAAW,KAAK,IAAI,KACpB,SAAU;KAGtB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,SAAI,KAAK;AACP,uBAAiB,KAAK,KAAK,MAAM;AACjC;;AAIF,SAAI,KAAK,MAAM,SAAS,aAAa,KAAK,MAAM,UAAU,KACxD;AAIF,SAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,UAAI,UAAU,SAAS,WAAY;MACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,UAAI,SACF,kBAAiB,UAAU,UAAU,MAAM;;;;GAMtD;;CAEJ,CAAC"}

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

@@ -0,0 +1,77 @@
+import { createRule } from "../create-rule.mjs";
+import { RADIUS_SHAPES } from "../constants.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue } from "../utils.mjs";
+
+//#region src/rules/valid-radius-shape.ts
+const SHAPE_LIKE = /^[a-z]+$/;
+var valid_radius_shape_default = createRule({
+	name: "valid-radius-shape",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate special shape keywords used with the radius property" },
+		messages: { unknownShape: "Unknown radius shape '{{shape}}'. Valid shapes: {{valid}}." },
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function checkRadiusValue(value, node) {
+			const trimmed = value.trim();
+			if (!SHAPE_LIKE.test(trimmed)) return;
+			if (RADIUS_SHAPES.has(trimmed)) return;
+			if (trimmed === "true" || trimmed === "false") return;
+			if (trimmed === "none" || trimmed === "inherit" || trimmed === "initial") return;
+			if (new Set([
+				"top",
+				"right",
+				"bottom",
+				"left",
+				"top-left",
+				"top-right",
+				"bottom-left",
+				"bottom-right"
+			]).has(trimmed)) return;
+			const suggestion = findClosestShape(trimmed);
+			const validList = [...RADIUS_SHAPES].join(", ");
+			context.report({
+				node,
+				messageId: "unknownShape",
+				data: {
+					shape: trimmed,
+					valid: validList + (suggestion ? `. Did you mean '${suggestion}'?` : "")
+				}
+			});
+		}
+		function findClosestShape(input) {
+			for (const shape of RADIUS_SHAPES) if (shape.startsWith(input.slice(0, 3)) || input.startsWith(shape.slice(0, 3))) return shape;
+			return null;
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				for (const prop of node.properties) {
+					if (prop.type !== "Property" || prop.computed) continue;
+					if (getKeyName(prop.key) !== "radius") continue;
+					const str = getStringValue(prop.value);
+					if (str) {
+						checkRadiusValue(str, prop.value);
+						continue;
+					}
+					if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+						if (stateProp.type !== "Property") continue;
+						const stateStr = getStringValue(stateProp.value);
+						if (stateStr) checkRadiusValue(stateStr, stateProp.value);
+					}
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_radius_shape_default as default };
+//# sourceMappingURL=valid-radius-shape.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valid-radius-shape.mjs","names":[],"sources":["../../src/rules/valid-radius-shape.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\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    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key !== '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  },\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;;AAGT,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;AAG/C,SADY,WAAW,KAAK,IAAI,KACpB,SAAU;KAEtB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,SAAI,KAAK;AACP,uBAAiB,KAAK,KAAK,MAAM;AACjC;;AAGF,SAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,UAAI,UAAU,SAAS,WAAY;MACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,UAAI,SACF,kBAAiB,UAAU,UAAU,MAAM;;;;GAMtD;;CAEJ,CAAC"}

package/dist/rules/valid-recipe.mjs

@@ -0,0 +1,51 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue } from "../utils.mjs";
+
+//#region src/rules/valid-recipe.ts
+var valid_recipe_default = createRule({
+	name: "valid-recipe",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate recipe property values against config" },
+		messages: { unknownRecipe: "Unknown recipe '{{name}}'." },
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function checkRecipeValue(value, node) {
+			if (ctx.config.recipes.length === 0) return;
+			const sections = value.split("|");
+			for (const section of sections) {
+				const names = section.trim().split(/\s+/);
+				for (const name of names) {
+					if (name.length === 0) continue;
+					if (!ctx.config.recipes.includes(name)) context.report({
+						node,
+						messageId: "unknownRecipe",
+						data: { name }
+					});
+				}
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				for (const prop of node.properties) {
+					if (prop.type !== "Property" || prop.computed) continue;
+					if (getKeyName(prop.key) !== "recipe") continue;
+					const str = getStringValue(prop.value);
+					if (str) checkRecipeValue(str, prop.value);
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_recipe_default as default };
+//# sourceMappingURL=valid-recipe.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valid-recipe.mjs","names":[],"sources":["../../src/rules/valid-recipe.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { 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) continue;\n          if (!ctx.config.recipes.includes(name)) {\n            context.report({\n              node,\n              messageId: 'unknownRecipe',\n              data: { name },\n            });\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key !== 'recipe') continue;\n\n          const str = getStringValue(prop.value);\n          if (str) {\n            checkRecipeValue(str, prop.value);\n          }\n        }\n      },\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,EAAG;AACvB,SAAI,CAAC,IAAI,OAAO,QAAQ,SAAS,KAAK,CACpC,SAAQ,OAAO;MACb;MACA,WAAW;MACX,MAAM,EAAE,MAAM;MACf,CAAC;;;;AAMV,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;AAG/C,SADY,WAAW,KAAK,IAAI,KACpB,SAAU;KAEtB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,SAAI,IACF,kBAAiB,KAAK,KAAK,MAAM;;;GAIxC;;CAEJ,CAAC"}

package/dist/rules/valid-state-key.mjs

@@ -0,0 +1,71 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue, validateStateKey } from "../utils.mjs";
+
+//#region src/rules/valid-state-key.ts
+var valid_state_key_default = createRule({
+	name: "valid-state-key",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate state key syntax in style mapping objects" },
+		messages: {
+			invalidStateKey: "{{reason}}",
+			ownOutsideSubElement: "@own() can only be used inside sub-element styles."
+		},
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function isInsideSubElement(node) {
+			let current = node.parent;
+			while (current) {
+				if (current.type === "Property" && !current.computed && current.key.type === "Identifier" && /^[A-Z]/.test(current.key.name)) return true;
+				current = current.parent;
+			}
+			return false;
+		}
+		function checkStateMapKeys(obj, insideSubElement) {
+			for (const prop of obj.properties) {
+				if (prop.type !== "Property") continue;
+				const key = !prop.computed ? getKeyName(prop.key) : getStringValue(prop.key);
+				if (key === null) continue;
+				const error = validateStateKey(key);
+				if (error) {
+					context.report({
+						node: prop.key,
+						messageId: "invalidStateKey",
+						data: { reason: error }
+					});
+					continue;
+				}
+				if (key.includes("@own(") && !insideSubElement) context.report({
+					node: prop.key,
+					messageId: "ownOutsideSubElement"
+				});
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				const insideSubElement = isInsideSubElement(node);
+				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) || key.startsWith("@") || key.startsWith("&")) continue;
+					if (prop.value.type === "ObjectExpression") {
+						if (!/^[A-Z]/.test(key)) checkStateMapKeys(prop.value, insideSubElement);
+					}
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_state_key_default as default };
+//# sourceMappingURL=valid-state-key.mjs.map

package/dist/rules/valid-state-key.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"valid-state-key.mjs","names":[],"sources":["../../src/rules/valid-state-key.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName, getStringValue, validateStateKey } from '../utils.js';\n\ntype MessageIds = 'invalidStateKey' | 'ownOutsideSubElement';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-state-key',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate state key syntax in style mapping objects',\n    },\n    messages: {\n      invalidStateKey: '{{reason}}',\n      ownOutsideSubElement:\n        '@own() can only be used inside sub-element styles.',\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 checkStateMapKeys(\n      obj: TSESTree.ObjectExpression,\n      insideSubElement: boolean,\n    ): void {\n      for (const prop of obj.properties) {\n        if (prop.type !== 'Property') continue;\n\n        const key = !prop.computed\n          ? getKeyName(prop.key)\n          : getStringValue(prop.key);\n        if (key === null) continue;\n\n        // Validate syntax\n        const error = validateStateKey(key);\n        if (error) {\n          context.report({\n            node: prop.key,\n            messageId: 'invalidStateKey',\n            data: { reason: error },\n          });\n          continue;\n        }\n\n        // Check @own() usage\n        if (key.includes('@own(') && !insideSubElement) {\n          context.report({\n            node: prop.key,\n            messageId: 'ownOutsideSubElement',\n          });\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        const insideSubElement = isInsideSubElement(node);\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          // Skip non-style-property keys\n          if (/^[A-Z]/.test(key) || key.startsWith('@') || key.startsWith('&'))\n            continue;\n\n          // If value is an object, check state map keys\n          if (prop.value.type === 'ObjectExpression') {\n            // Determine if this is actually a sub-element\n            const isSubEl = /^[A-Z]/.test(key);\n            if (!isSubEl) {\n              checkStateMapKeys(prop.value, insideSubElement);\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,8BAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,sDACd;EACD,UAAU;GACR,iBAAiB;GACjB,sBACE;GACH;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,kBACP,KACA,kBACM;AACN,QAAK,MAAM,QAAQ,IAAI,YAAY;AACjC,QAAI,KAAK,SAAS,WAAY;IAE9B,MAAM,MAAM,CAAC,KAAK,WACd,WAAW,KAAK,IAAI,GACpB,eAAe,KAAK,IAAI;AAC5B,QAAI,QAAQ,KAAM;IAGlB,MAAM,QAAQ,iBAAiB,IAAI;AACnC,QAAI,OAAO;AACT,aAAQ,OAAO;MACb,MAAM,KAAK;MACX,WAAW;MACX,MAAM,EAAE,QAAQ,OAAO;MACxB,CAAC;AACF;;AAIF,QAAI,IAAI,SAAS,QAAQ,IAAI,CAAC,iBAC5B,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACZ,CAAC;;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;IAE9B,MAAM,mBAAmB,mBAAmB,KAAK;AAEjD,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;AAGlB,SAAI,SAAS,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,WAAW,IAAI,CAClE;AAGF,SAAI,KAAK,MAAM,SAAS,oBAGtB;UAAI,CADY,SAAS,KAAK,IAAI,CAEhC,mBAAkB,KAAK,OAAO,iBAAiB;;;;GAKxD;;CAEJ,CAAC"}

package/dist/rules/valid-styles-structure.mjs

@@ -0,0 +1,79 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue } from "../utils.mjs";
+
+//#region src/rules/valid-styles-structure.ts
+var valid_styles_structure_default = createRule({
+	name: "valid-styles-structure",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate overall structure of styles object passed to tasty APIs" },
+		messages: {
+			stateKeyAtTopLevel: "State key '{{key}}' at top level is not valid. State maps belong inside property values, not at the root of the styles object.",
+			invalidKeyframesStructure: "@keyframes value must be an object of { name: { step: styles } }.",
+			invalidPropertiesStructure: "@properties value must be an object of { name: { syntax, inherits, initialValue } }.",
+			recipeNotString: "'recipe' value must be a string."
+		},
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		const STATE_KEY_PATTERNS = [
+			/^:/,
+			/^\./,
+			/^\[/
+		];
+		function looksLikeStateKey(key) {
+			if (key === "") return true;
+			return STATE_KEY_PATTERNS.some((p) => p.test(key));
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				for (const prop of node.properties) {
+					if (prop.type !== "Property" || prop.computed) continue;
+					const key = getKeyName(prop.key);
+					if (key === null) continue;
+					if (looksLikeStateKey(key)) {
+						context.report({
+							node: prop.key,
+							messageId: "stateKeyAtTopLevel",
+							data: { key }
+						});
+						continue;
+					}
+					if (key === "@keyframes") {
+						if (prop.value.type !== "ObjectExpression") context.report({
+							node: prop.value,
+							messageId: "invalidKeyframesStructure"
+						});
+						continue;
+					}
+					if (key === "@properties") {
+						if (prop.value.type !== "ObjectExpression") context.report({
+							node: prop.value,
+							messageId: "invalidPropertiesStructure"
+						});
+						continue;
+					}
+					if (key === "recipe") {
+						if (getStringValue(prop.value) === null && prop.value.type !== "Literal") {
+							if (prop.value.type !== "TemplateLiteral" || prop.value.expressions.length > 0) context.report({
+								node: prop.value,
+								messageId: "recipeNotString"
+							});
+						}
+					}
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_styles_structure_default as default };
+//# sourceMappingURL=valid-styles-structure.mjs.map

package/dist/rules/valid-styles-structure.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"valid-styles-structure.mjs","names":[],"sources":["../../src/rules/valid-styles-structure.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\n\ntype MessageIds =\n  | 'stateKeyAtTopLevel'\n  | 'invalidKeyframesStructure'\n  | 'invalidPropertiesStructure'\n  | 'recipeNotString';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-styles-structure',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate overall structure of styles object passed to tasty APIs',\n    },\n    messages: {\n      stateKeyAtTopLevel:\n        \"State key '{{key}}' at top level is not valid. State maps belong inside property values, not at the root of the styles object.\",\n      invalidKeyframesStructure:\n        '@keyframes value must be an object of { name: { step: styles } }.',\n      invalidPropertiesStructure:\n        '@properties value must be an object of { name: { syntax, inherits, initialValue } }.',\n      recipeNotString: \"'recipe' value must be a string.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    const STATE_KEY_PATTERNS = [\n      /^:/, // pseudo-class\n      /^\\./, // class selector\n      /^\\[/, // attribute selector\n    ];\n\n    function looksLikeStateKey(key: string): boolean {\n      if (key === '') return true;\n      return STATE_KEY_PATTERNS.some((p) => p.test(key));\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          // Check for state keys at top level (common mistake)\n          if (looksLikeStateKey(key)) {\n            context.report({\n              node: prop.key,\n              messageId: 'stateKeyAtTopLevel',\n              data: { key },\n            });\n            continue;\n          }\n\n          // Validate @keyframes structure\n          if (key === '@keyframes') {\n            if (prop.value.type !== 'ObjectExpression') {\n              context.report({\n                node: prop.value,\n                messageId: 'invalidKeyframesStructure',\n              });\n            }\n            continue;\n          }\n\n          // Validate @properties structure\n          if (key === '@properties') {\n            if (prop.value.type !== 'ObjectExpression') {\n              context.report({\n                node: prop.value,\n                messageId: 'invalidPropertiesStructure',\n              });\n            }\n            continue;\n          }\n\n          // Validate recipe is a string\n          if (key === 'recipe') {\n            const str = getStringValue(prop.value);\n            if (str === null && prop.value.type !== 'Literal') {\n              // Allow string literals, template literals without expressions\n              if (\n                prop.value.type !== 'TemplateLiteral' ||\n                prop.value.expressions.length > 0\n              ) {\n                context.report({\n                  node: prop.value,\n                  messageId: 'recipeNotString',\n                });\n              }\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAWA,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,oEACH;EACD,UAAU;GACR,oBACE;GACF,2BACE;GACF,4BACE;GACF,iBAAiB;GAClB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,MAAM,qBAAqB;GACzB;GACA;GACA;GACD;EAED,SAAS,kBAAkB,KAAsB;AAC/C,OAAI,QAAQ,GAAI,QAAO;AACvB,UAAO,mBAAmB,MAAM,MAAM,EAAE,KAAK,IAAI,CAAC;;AAGpD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;AAGlB,SAAI,kBAAkB,IAAI,EAAE;AAC1B,cAAQ,OAAO;OACb,MAAM,KAAK;OACX,WAAW;OACX,MAAM,EAAE,KAAK;OACd,CAAC;AACF;;AAIF,SAAI,QAAQ,cAAc;AACxB,UAAI,KAAK,MAAM,SAAS,mBACtB,SAAQ,OAAO;OACb,MAAM,KAAK;OACX,WAAW;OACZ,CAAC;AAEJ;;AAIF,SAAI,QAAQ,eAAe;AACzB,UAAI,KAAK,MAAM,SAAS,mBACtB,SAAQ,OAAO;OACb,MAAM,KAAK;OACX,WAAW;OACZ,CAAC;AAEJ;;AAIF,SAAI,QAAQ,UAEV;UADY,eAAe,KAAK,MAAM,KAC1B,QAAQ,KAAK,MAAM,SAAS,WAEtC;WACE,KAAK,MAAM,SAAS,qBACpB,KAAK,MAAM,YAAY,SAAS,EAEhC,SAAQ,OAAO;QACb,MAAM,KAAK;QACX,WAAW;QACZ,CAAC;;;;;GAMb;;CAEJ,CAAC"}

package/dist/rules/valid-sub-element.mjs

@@ -0,0 +1,46 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName } from "../utils.mjs";
+
+//#region src/rules/valid-sub-element.ts
+var valid_sub_element_default = createRule({
+	name: "valid-sub-element",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate sub-element key format in style objects" },
+		messages: { subElementNotObject: "Sub-element '{{name}}' value must be a style object, not a {{type}}." },
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				for (const prop of node.properties) {
+					if (prop.type !== "Property" || prop.computed) continue;
+					const key = getKeyName(prop.key);
+					if (key === null || !/^[A-Z]/.test(key)) continue;
+					if (prop.value.type !== "ObjectExpression") {
+						const valueType = prop.value.type === "Literal" ? typeof prop.value.value : prop.value.type;
+						context.report({
+							node: prop.value,
+							messageId: "subElementNotObject",
+							data: {
+								name: key,
+								type: valueType
+							}
+						});
+					}
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_sub_element_default as default };
+//# sourceMappingURL=valid-sub-element.mjs.map

package/dist/rules/valid-sub-element.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"valid-sub-element.mjs","names":[],"sources":["../../src/rules/valid-sub-element.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName } from '../utils.js';\n\ntype MessageIds = 'subElementNotObject';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-sub-element',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate sub-element key format in style objects',\n    },\n    messages: {\n      subElementNotObject:\n        \"Sub-element '{{name}}' value must be a style object, not a {{type}}.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null || !/^[A-Z]/.test(key)) continue;\n\n          if (prop.value.type !== 'ObjectExpression') {\n            const valueType =\n              prop.value.type === 'Literal'\n                ? typeof prop.value.value\n                : prop.value.type;\n\n            context.report({\n              node: prop.value,\n              messageId: 'subElementNotObject',\n              data: { name: key, type: valueType },\n            });\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,gCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,oDACd;EACD,UAAU,EACR,qBACE,wEACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;AAErC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,QAAQ,CAAC,SAAS,KAAK,IAAI,CAAE;AAEzC,SAAI,KAAK,MAAM,SAAS,oBAAoB;MAC1C,MAAM,YACJ,KAAK,MAAM,SAAS,YAChB,OAAO,KAAK,MAAM,QAClB,KAAK,MAAM;AAEjB,cAAQ,OAAO;OACb,MAAM,KAAK;OACX,WAAW;OACX,MAAM;QAAE,MAAM;QAAK,MAAM;QAAW;OACrC,CAAC;;;;GAIT;;CAEJ,CAAC"}

package/dist/rules/valid-transition.mjs

@@ -0,0 +1,62 @@
+import { createRule } from "../create-rule.mjs";
+import { KNOWN_CSS_PROPERTIES, SEMANTIC_TRANSITIONS } from "../constants.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue } from "../utils.mjs";
+
+//#region src/rules/valid-transition.ts
+var valid_transition_default = createRule({
+	name: "valid-transition",
+	meta: {
+		type: "suggestion",
+		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." },
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function checkTransitionValue(value, node) {
+			const groups = value.split(",");
+			for (const group of groups) {
+				const parts = group.trim().split(/\s+/);
+				if (parts.length === 0) continue;
+				const name = parts[0];
+				if (name.startsWith("$$")) continue;
+				if (!SEMANTIC_TRANSITIONS.has(name) && !KNOWN_CSS_PROPERTIES.has(name) && name !== "all" && name !== "none") context.report({
+					node,
+					messageId: "unknownTransition",
+					data: {
+						name,
+						known: [...SEMANTIC_TRANSITIONS].join(", ")
+					}
+				});
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				for (const prop of node.properties) {
+					if (prop.type !== "Property" || prop.computed) continue;
+					if (getKeyName(prop.key) !== "transition") continue;
+					const str = getStringValue(prop.value);
+					if (str) {
+						checkTransitionValue(str, prop.value);
+						continue;
+					}
+					if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+						if (stateProp.type !== "Property") continue;
+						const stateStr = getStringValue(stateProp.value);
+						if (stateStr) checkTransitionValue(stateStr, stateProp.value);
+					}
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_transition_default as default };
+//# sourceMappingURL=valid-transition.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valid-transition.mjs","names":[],"sources":["../../src/rules/valid-transition.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { 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)\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    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key !== '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  },\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;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;;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;AAG/C,SADY,WAAW,KAAK,IAAI,KACpB,aAAc;KAE1B,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,SAAI,KAAK;AACP,2BAAqB,KAAK,KAAK,MAAM;AACrC;;AAGF,SAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,UAAI,UAAU,SAAS,WAAY;MACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,UAAI,SACF,sBAAqB,UAAU,UAAU,MAAM;;;;GAM1D;;CAEJ,CAAC"}

package/dist/rules/valid-value.mjs

@@ -0,0 +1,123 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue } from "../utils.mjs";
+import { getParser } from "../parser.mjs";
+import { getExpectation } from "../property-expectations.mjs";
+
+//#region src/rules/valid-value.ts
+var valid_value_default = createRule({
+	name: "valid-value",
+	meta: {
+		type: "problem",
+		docs: { description: "Parse style values through the tasty parser and validate against per-property expectations" },
+		messages: {
+			unbalancedParens: "Unbalanced parentheses in value.",
+			importantNotAllowed: "Do not use !important in tasty styles. Use state specificity instead.",
+			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}}."
+		},
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function checkParenBalance(value, node) {
+			let depth = 0;
+			for (const char of value) {
+				if (char === "(") depth++;
+				if (char === ")") depth--;
+				if (depth < 0) {
+					context.report({
+						node,
+						messageId: "unbalancedParens"
+					});
+					return false;
+				}
+			}
+			if (depth !== 0) {
+				context.report({
+					node,
+					messageId: "unbalancedParens"
+				});
+				return false;
+			}
+			return true;
+		}
+		function checkValue(value, property, node) {
+			if (!checkParenBalance(value, node)) return;
+			if (value.includes("!important")) {
+				context.report({
+					node,
+					messageId: "importantNotAllowed"
+				});
+				return;
+			}
+			if (!property) return;
+			const result = getParser(ctx.config).process(value);
+			const expectation = getExpectation(property);
+			for (const group of result.groups) {
+				if (!expectation.acceptsColor && group.colors.length > 0) for (const color of group.colors) context.report({
+					node,
+					messageId: "unexpectedColor",
+					data: {
+						property,
+						color
+					}
+				});
+				if (expectation.acceptsMods === false && group.mods.length > 0) for (const mod of group.mods) context.report({
+					node,
+					messageId: "unexpectedMod",
+					data: {
+						property,
+						mod
+					}
+				});
+				else if (Array.isArray(expectation.acceptsMods) && group.mods.length > 0) {
+					const allowed = new Set(expectation.acceptsMods);
+					for (const mod of group.mods) if (!allowed.has(mod)) context.report({
+						node,
+						messageId: "invalidMod",
+						data: {
+							property,
+							mod,
+							accepted: expectation.acceptsMods.join(", ")
+						}
+					});
+				}
+			}
+		}
+		function processProperty(prop) {
+			const key = !prop.computed ? getKeyName(prop.key) : null;
+			if (key && (/^[A-Z]/.test(key) || key.startsWith("@"))) return;
+			if (key && (key.startsWith("$") || key.startsWith("#"))) return;
+			if (key && key.startsWith("&")) return;
+			const str = getStringValue(prop.value);
+			if (str) {
+				checkValue(str, key, prop.value);
+				return;
+			}
+			if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+				if (stateProp.type !== "Property") continue;
+				const stateStr = getStringValue(stateProp.value);
+				if (stateStr) checkValue(stateStr, key, stateProp.value);
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				for (const prop of node.properties) {
+					if (prop.type !== "Property") continue;
+					processProperty(prop);
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_value_default as default };
+//# sourceMappingURL=valid-value.mjs.map