@tenphi/eslint-plugin-tasty 0.1.0

package/dist/rules/prefer-shorthand-property.mjs

@@ -0,0 +1,45 @@
+import { createRule } from "../create-rule.mjs";
+import { SHORTHAND_MAPPING } from "../constants.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName } from "../utils.mjs";
+
+//#region src/rules/prefer-shorthand-property.ts
+var prefer_shorthand_property_default = createRule({
+	name: "prefer-shorthand-property",
+	meta: {
+		type: "suggestion",
+		docs: { description: "Suggest tasty shorthand when a native CSS property with a tasty alternative is used" },
+		messages: { preferShorthand: "Prefer tasty shorthand '{{alternative}}' instead of '{{native}}'." },
+		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) continue;
+					const mapping = SHORTHAND_MAPPING[key];
+					if (mapping) context.report({
+						node: prop.key,
+						messageId: "preferShorthand",
+						data: {
+							native: key,
+							alternative: mapping.hint
+						}
+					});
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { prefer_shorthand_property_default as default };
+//# sourceMappingURL=prefer-shorthand-property.mjs.map

package/dist/rules/prefer-shorthand-property.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefer-shorthand-property.mjs","names":[],"sources":["../../src/rules/prefer-shorthand-property.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName } from '../utils.js';\nimport { SHORTHAND_MAPPING } from '../constants.js';\n\ntype MessageIds = 'preferShorthand';\n\nexport default createRule<[], MessageIds>({\n  name: 'prefer-shorthand-property',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        'Suggest tasty shorthand when a native CSS property with a tasty alternative is used',\n    },\n    messages: {\n      preferShorthand:\n        \"Prefer tasty shorthand '{{alternative}}' instead of '{{native}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          const mapping = SHORTHAND_MAPPING[key];\n          if (mapping) {\n            context.report({\n              node: prop.key,\n              messageId: 'preferShorthand',\n              data: { native: key, alternative: mapping.hint },\n            });\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;;AAQA,wCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,uFACH;EACD,UAAU,EACR,iBACE,qEACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;AAErC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;KAElB,MAAM,UAAU,kBAAkB;AAClC,SAAI,QACF,SAAQ,OAAO;MACb,MAAM,KAAK;MACX,WAAW;MACX,MAAM;OAAE,QAAQ;OAAK,aAAa,QAAQ;OAAM;MACjD,CAAC;;;GAIT;;CAEJ,CAAC"}

package/dist/rules/require-default-state.mjs

@@ -0,0 +1,47 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName } from "../utils.mjs";
+
+//#region src/rules/require-default-state.ts
+var require_default_state_default = createRule({
+	name: "require-default-state",
+	meta: {
+		type: "suggestion",
+		docs: { description: "Warn when a state mapping object doesn't have a default ('') key" },
+		messages: { missingDefaultState: "State mapping for '{{property}}' has no default ('') value." },
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				const styleCtx = ctx.getStyleContext(node);
+				if (!styleCtx) return;
+				if (styleCtx.isExtending) return;
+				for (const prop of node.properties) {
+					if (prop.type !== "Property" || prop.computed) continue;
+					const key = getKeyName(prop.key);
+					if (key === null) continue;
+					if (/^[A-Z@&$#]/.test(key)) continue;
+					if (prop.value.type !== "ObjectExpression") continue;
+					if (!prop.value.properties.some((p) => {
+						if (p.type !== "Property") return false;
+						return (p.key.type === "Literal" ? p.key.value : null) === "";
+					})) context.report({
+						node: prop.value,
+						messageId: "missingDefaultState",
+						data: { property: key }
+					});
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { require_default_state_default as default };
+//# sourceMappingURL=require-default-state.mjs.map

package/dist/rules/require-default-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"require-default-state.mjs","names":[],"sources":["../../src/rules/require-default-state.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 = 'missingDefaultState';\n\nexport default createRule<[], MessageIds>({\n  name: 'require-default-state',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        \"Warn when a state mapping object doesn't have a default ('') key\",\n    },\n    messages: {\n      missingDefaultState:\n        \"State mapping for '{{property}}' has no default ('') value.\",\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        const styleCtx = ctx.getStyleContext(node);\n        if (!styleCtx) return;\n\n        // Skip if extending (omitting '' is intentional)\n        if (styleCtx.isExtending) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          // Skip sub-elements and special keys\n          if (/^[A-Z@&$#]/.test(key)) continue;\n\n          if (prop.value.type !== 'ObjectExpression') continue;\n\n          // Check if this object has a '' key\n          const hasDefault = prop.value.properties.some((p) => {\n            if (p.type !== 'Property') return false;\n            const stateKey = p.key.type === 'Literal' ? p.key.value : null;\n            return stateKey === '';\n          });\n\n          if (!hasDefault) {\n            context.report({\n              node: prop.value,\n              messageId: 'missingDefaultState',\n              data: { property: key },\n            });\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,oCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,oEACH;EACD,UAAU,EACR,qBACE,+DACH;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;IACjE,MAAM,WAAW,IAAI,gBAAgB,KAAK;AAC1C,QAAI,CAAC,SAAU;AAGf,QAAI,SAAS,YAAa;AAE1B,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,aAAa,KAAK,IAAI,CAAE;AAE5B,SAAI,KAAK,MAAM,SAAS,mBAAoB;AAS5C,SAAI,CANe,KAAK,MAAM,WAAW,MAAM,MAAM;AACnD,UAAI,EAAE,SAAS,WAAY,QAAO;AAElC,cADiB,EAAE,IAAI,SAAS,YAAY,EAAE,IAAI,QAAQ,UACtC;OACpB,CAGA,SAAQ,OAAO;MACb,MAAM,KAAK;MACX,WAAW;MACX,MAAM,EAAE,UAAU,KAAK;MACxB,CAAC;;;GAIT;;CAEJ,CAAC"}

package/dist/rules/static-no-dynamic-values.mjs

@@ -0,0 +1,54 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { isStaticValue } from "../utils.mjs";
+
+//#region src/rules/static-no-dynamic-values.ts
+var static_no_dynamic_values_default = createRule({
+	name: "static-no-dynamic-values",
+	meta: {
+		type: "problem",
+		docs: { description: "Ensure all values in tastyStatic() calls are static literals" },
+		messages: { dynamicValue: "tastyStatic() values must be static (string, number, boolean, null, or objects/arrays of those). Dynamic expressions are not supported." },
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function checkProperties(node) {
+			for (const prop of node.properties) {
+				if (prop.type === "SpreadElement") {
+					context.report({
+						node: prop,
+						messageId: "dynamicValue"
+					});
+					continue;
+				}
+				if (prop.computed) {
+					context.report({
+						node: prop.key,
+						messageId: "dynamicValue"
+					});
+					continue;
+				}
+				if (!isStaticValue(prop.value)) context.report({
+					node: prop.value,
+					messageId: "dynamicValue"
+				});
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				const styleCtx = ctx.getStyleContext(node);
+				if (!styleCtx || !styleCtx.isStaticCall) return;
+				checkProperties(node);
+			}
+		};
+	}
+});
+
+//#endregion
+export { static_no_dynamic_values_default as default };
+//# sourceMappingURL=static-no-dynamic-values.mjs.map

package/dist/rules/static-no-dynamic-values.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-no-dynamic-values.mjs","names":[],"sources":["../../src/rules/static-no-dynamic-values.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { isStaticValue } from '../utils.js';\n\ntype MessageIds = 'dynamicValue';\n\nexport default createRule<[], MessageIds>({\n  name: 'static-no-dynamic-values',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Ensure all values in tastyStatic() calls are static literals',\n    },\n    messages: {\n      dynamicValue:\n        'tastyStatic() values must be static (string, number, boolean, null, or objects/arrays of those). Dynamic expressions are not supported.',\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkProperties(node: TSESTree.ObjectExpression): void {\n      for (const prop of node.properties) {\n        if (prop.type === 'SpreadElement') {\n          context.report({ node: prop, messageId: 'dynamicValue' });\n          continue;\n        }\n\n        if (prop.computed) {\n          context.report({ node: prop.key, messageId: 'dynamicValue' });\n          continue;\n        }\n\n        if (!isStaticValue(prop.value)) {\n          context.report({ node: prop.value, messageId: 'dynamicValue' });\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        const styleCtx = ctx.getStyleContext(node);\n        if (!styleCtx || !styleCtx.isStaticCall) return;\n\n        checkProperties(node);\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,uCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,gEACH;EACD,UAAU,EACR,cACE,2IACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,gBAAgB,MAAuC;AAC9D,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,iBAAiB;AACjC,aAAQ,OAAO;MAAE,MAAM;MAAM,WAAW;MAAgB,CAAC;AACzD;;AAGF,QAAI,KAAK,UAAU;AACjB,aAAQ,OAAO;MAAE,MAAM,KAAK;MAAK,WAAW;MAAgB,CAAC;AAC7D;;AAGF,QAAI,CAAC,cAAc,KAAK,MAAM,CAC5B,SAAQ,OAAO;KAAE,MAAM,KAAK;KAAO,WAAW;KAAgB,CAAC;;;AAKrE,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;IACjE,MAAM,WAAW,IAAI,gBAAgB,KAAK;AAC1C,QAAI,CAAC,YAAY,CAAC,SAAS,aAAc;AAEzC,oBAAgB,KAAK;;GAExB;;CAEJ,CAAC"}

package/dist/rules/static-valid-selector.mjs

@@ -0,0 +1,51 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { getStringValue, isValidSelector } from "../utils.mjs";
+
+//#region src/rules/static-valid-selector.ts
+var static_valid_selector_default = createRule({
+	name: "static-valid-selector",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate the selector string in tastyStatic(selector, styles) calls" },
+		messages: {
+			invalidSelector: "Invalid CSS selector: {{reason}}",
+			selectorNotString: "tastyStatic() selector must be a string literal."
+		},
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			CallExpression(node) {
+				const imp = ctx.isTastyCall(node);
+				if (!imp || imp.importedName !== "tastyStatic") return;
+				if (node.arguments.length !== 2) return;
+				const firstArg = node.arguments[0];
+				const selectorValue = getStringValue(firstArg);
+				if (selectorValue === null) {
+					if (firstArg.type === "Identifier" || firstArg.type === "MemberExpression") return;
+					context.report({
+						node: firstArg,
+						messageId: "selectorNotString"
+					});
+					return;
+				}
+				const error = isValidSelector(selectorValue);
+				if (error) context.report({
+					node: firstArg,
+					messageId: "invalidSelector",
+					data: { reason: error }
+				});
+			}
+		};
+	}
+});
+
+//#endregion
+export { static_valid_selector_default as default };
+//# sourceMappingURL=static-valid-selector.mjs.map

package/dist/rules/static-valid-selector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-valid-selector.mjs","names":[],"sources":["../../src/rules/static-valid-selector.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getStringValue, isValidSelector } from '../utils.js';\n\ntype MessageIds = 'invalidSelector' | 'selectorNotString';\n\nexport default createRule<[], MessageIds>({\n  name: 'static-valid-selector',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate the selector string in tastyStatic(selector, styles) calls',\n    },\n    messages: {\n      invalidSelector: 'Invalid CSS selector: {{reason}}',\n      selectorNotString: 'tastyStatic() selector must be a string literal.',\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(node: TSESTree.CallExpression) {\n        const imp = ctx.isTastyCall(node);\n        if (!imp || imp.importedName !== 'tastyStatic') return;\n\n        // Only check selector mode: tastyStatic(selector, styles)\n        if (node.arguments.length !== 2) return;\n\n        const firstArg = node.arguments[0];\n\n        // Must be a string literal\n        const selectorValue = getStringValue(firstArg);\n        if (selectorValue === null) {\n          // Could be a StaticStyle object (extending), which is fine\n          if (\n            firstArg.type === 'Identifier' ||\n            firstArg.type === 'MemberExpression'\n          ) {\n            return;\n          }\n\n          context.report({\n            node: firstArg,\n            messageId: 'selectorNotString',\n          });\n          return;\n        }\n\n        const error = isValidSelector(selectorValue);\n        if (error) {\n          context.report({\n            node: firstArg,\n            messageId: 'invalidSelector',\n            data: { reason: error },\n          });\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,oCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,uEACH;EACD,UAAU;GACR,iBAAiB;GACjB,mBAAmB;GACpB;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,eAAe,MAA+B;IAC5C,MAAM,MAAM,IAAI,YAAY,KAAK;AACjC,QAAI,CAAC,OAAO,IAAI,iBAAiB,cAAe;AAGhD,QAAI,KAAK,UAAU,WAAW,EAAG;IAEjC,MAAM,WAAW,KAAK,UAAU;IAGhC,MAAM,gBAAgB,eAAe,SAAS;AAC9C,QAAI,kBAAkB,MAAM;AAE1B,SACE,SAAS,SAAS,gBAClB,SAAS,SAAS,mBAElB;AAGF,aAAQ,OAAO;MACb,MAAM;MACN,WAAW;MACZ,CAAC;AACF;;IAGF,MAAM,QAAQ,gBAAgB,cAAc;AAC5C,QAAI,MACF,SAAQ,OAAO;KACb,MAAM;KACN,WAAW;KACX,MAAM,EAAE,QAAQ,OAAO;KACxB,CAAC;;GAGP;;CAEJ,CAAC"}

package/dist/rules/valid-boolean-property.mjs

@@ -0,0 +1,45 @@
+import { createRule } from "../create-rule.mjs";
+import { BOOLEAN_TRUE_PROPERTIES } from "../constants.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName } from "../utils.mjs";
+
+//#region src/rules/valid-boolean-property.ts
+var valid_boolean_property_default = createRule({
+	name: "valid-boolean-property",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate that true/false values are only used on properties that support them" },
+		messages: { invalidBooleanTrue: "Property '{{name}}' does not accept boolean true. Only these properties support it: {{allowed}}." },
+		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) continue;
+					if (/^[A-Z@&$#]/.test(key)) continue;
+					if (prop.value.type === "Literal" && prop.value.value === true && !BOOLEAN_TRUE_PROPERTIES.has(key)) context.report({
+						node: prop.value,
+						messageId: "invalidBooleanTrue",
+						data: {
+							name: key,
+							allowed: [...BOOLEAN_TRUE_PROPERTIES].join(", ")
+						}
+					});
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_boolean_property_default as default };
+//# sourceMappingURL=valid-boolean-property.mjs.map

package/dist/rules/valid-boolean-property.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"valid-boolean-property.mjs","names":[],"sources":["../../src/rules/valid-boolean-property.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getKeyName } from '../utils.js';\nimport { BOOLEAN_TRUE_PROPERTIES } from '../constants.js';\n\ntype MessageIds = 'invalidBooleanTrue';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-boolean-property',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate that true/false values are only used on properties that support them',\n    },\n    messages: {\n      invalidBooleanTrue:\n        \"Property '{{name}}' does not accept boolean true. Only these properties support it: {{allowed}}.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression'(node: TSESTree.ObjectExpression) {\n        if (!ctx.isStyleObject(node)) return;\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property' || prop.computed) continue;\n\n          const key = getKeyName(prop.key);\n          if (key === null) continue;\n\n          // Skip sub-elements and special keys\n          if (/^[A-Z@&$#]/.test(key)) continue;\n\n          // Check for true literal — false is always valid (tombstone)\n          if (\n            prop.value.type === 'Literal' &&\n            prop.value.value === true &&\n            !BOOLEAN_TRUE_PROPERTIES.has(key)\n          ) {\n            context.report({\n              node: prop.value,\n              messageId: 'invalidBooleanTrue',\n              data: {\n                name: key,\n                allowed: [...BOOLEAN_TRUE_PROPERTIES].join(', '),\n              },\n            });\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;;AAQA,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,iFACH;EACD,UAAU,EACR,oBACE,oGACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;AAErC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,cAAc,KAAK,SAAU;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;AAGlB,SAAI,aAAa,KAAK,IAAI,CAAE;AAG5B,SACE,KAAK,MAAM,SAAS,aACpB,KAAK,MAAM,UAAU,QACrB,CAAC,wBAAwB,IAAI,IAAI,CAEjC,SAAQ,OAAO;MACb,MAAM,KAAK;MACX,WAAW;MACX,MAAM;OACJ,MAAM;OACN,SAAS,CAAC,GAAG,wBAAwB,CAAC,KAAK,KAAK;OACjD;MACF,CAAC;;;GAIT;;CAEJ,CAAC"}

package/dist/rules/valid-color-token.mjs

@@ -0,0 +1,84 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue, isRawHexColor, validateColorTokenSyntax } from "../utils.mjs";
+
+//#region src/rules/valid-color-token.ts
+var valid_color_token_default = createRule({
+	name: "valid-color-token",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate color token syntax and existence" },
+		messages: {
+			invalidSyntax: "Invalid color token '{{token}}': {{reason}}.",
+			unknownToken: "Unknown color token '{{token}}'."
+		},
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		const fileColorTokens = /* @__PURE__ */ new Set();
+		function collectLocalTokens(node) {
+			for (const prop of node.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				const key = getKeyName(prop.key);
+				if (key && key.startsWith("#") && !key.startsWith("##")) fileColorTokens.add(key);
+			}
+		}
+		function checkColorTokensInValue(value, node) {
+			const tokenRegex = /##?[a-zA-Z][a-zA-Z0-9-]*(?:\.\$?[a-zA-Z0-9-]+)?/g;
+			let match;
+			while ((match = tokenRegex.exec(value)) !== null) {
+				const token = match[0];
+				if (isRawHexColor(token)) continue;
+				const syntaxError = validateColorTokenSyntax(token);
+				if (syntaxError) {
+					context.report({
+						node,
+						messageId: "invalidSyntax",
+						data: {
+							token,
+							reason: syntaxError
+						}
+					});
+					continue;
+				}
+				if (ctx.config.tokens === false) continue;
+				const baseName = token.startsWith("##") ? "#" + token.slice(2).split(".")[0] : "#" + token.slice(1).split(".")[0];
+				if (baseName === "#current") continue;
+				if (!fileColorTokens.has(baseName) && !(Array.isArray(ctx.config.tokens) && ctx.config.tokens.includes(baseName))) {
+					if (Array.isArray(ctx.config.tokens) && ctx.config.tokens.length > 0) context.report({
+						node,
+						messageId: "unknownToken",
+						data: { token }
+					});
+				}
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				collectLocalTokens(node);
+				for (const prop of node.properties) {
+					if (prop.type !== "Property") continue;
+					if (prop.value.type === "Literal") {
+						const str = getStringValue(prop.value);
+						if (str && str.includes("#")) checkColorTokensInValue(str, prop.value);
+					}
+					if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+						if (stateProp.type !== "Property") continue;
+						const str = getStringValue(stateProp.value);
+						if (str && str.includes("#")) checkColorTokensInValue(str, stateProp.value);
+					}
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_color_token_default as default };
+//# sourceMappingURL=valid-color-token.mjs.map

package/dist/rules/valid-color-token.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"valid-color-token.mjs","names":[],"sources":["../../src/rules/valid-color-token.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport {\n  getKeyName,\n  getStringValue,\n  validateColorTokenSyntax,\n  isRawHexColor,\n} from '../utils.js';\n\ntype MessageIds = 'invalidSyntax' | 'unknownToken';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-color-token',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate color token syntax and existence',\n    },\n    messages: {\n      invalidSyntax: \"Invalid color token '{{token}}': {{reason}}.\",\n      unknownToken: \"Unknown color token '{{token}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n    const fileColorTokens = new Set<string>();\n\n    function collectLocalTokens(node: TSESTree.ObjectExpression): void {\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n        const key = getKeyName(prop.key);\n        if (key && key.startsWith('#') && !key.startsWith('##')) {\n          fileColorTokens.add(key);\n        }\n      }\n    }\n\n    function checkColorTokensInValue(value: string, node: TSESTree.Node): void {\n      // Match color token references: #name or #name.N or ##name\n      const tokenRegex = /##?[a-zA-Z][a-zA-Z0-9-]*(?:\\.\\$?[a-zA-Z0-9-]+)?/g;\n      let match;\n\n      while ((match = tokenRegex.exec(value)) !== null) {\n        const token = match[0];\n\n        // Skip raw hex colors\n        if (isRawHexColor(token)) continue;\n\n        // Check syntax\n        const syntaxError = validateColorTokenSyntax(token);\n        if (syntaxError) {\n          context.report({\n            node,\n            messageId: 'invalidSyntax',\n            data: { token, reason: syntaxError },\n          });\n          continue;\n        }\n\n        // Check existence (if tokens config is not false)\n        if (ctx.config.tokens === false) continue;\n\n        const baseName = token.startsWith('##')\n          ? '#' + token.slice(2).split('.')[0]\n          : '#' + token.slice(1).split('.')[0];\n\n        if (baseName === '#current') continue;\n\n        if (\n          !fileColorTokens.has(baseName) &&\n          !(\n            Array.isArray(ctx.config.tokens) &&\n            ctx.config.tokens.includes(baseName)\n          )\n        ) {\n          // Only warn if config.tokens is a non-empty array\n          if (\n            Array.isArray(ctx.config.tokens) &&\n            ctx.config.tokens.length > 0\n          ) {\n            context.report({\n              node,\n              messageId: 'unknownToken',\n              data: { token },\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        collectLocalTokens(node);\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property') continue;\n\n          // Check string values for color tokens\n          if (prop.value.type === 'Literal') {\n            const str = getStringValue(prop.value);\n            if (str && str.includes('#')) {\n              checkColorTokensInValue(str, prop.value);\n            }\n          }\n\n          // Check state map values\n          if (prop.value.type === 'ObjectExpression') {\n            for (const stateProp of prop.value.properties) {\n              if (stateProp.type !== 'Property') continue;\n              const str = getStringValue(stateProp.value);\n              if (str && str.includes('#')) {\n                checkColorTokensInValue(str, stateProp.value);\n              }\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAYA,gCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,6CACd;EACD,UAAU;GACR,eAAe;GACf,cAAc;GACf;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EACrC,MAAM,kCAAkB,IAAI,KAAa;EAEzC,SAAS,mBAAmB,MAAuC;AACjE,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAC/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,OAAO,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,WAAW,KAAK,CACrD,iBAAgB,IAAI,IAAI;;;EAK9B,SAAS,wBAAwB,OAAe,MAA2B;GAEzE,MAAM,aAAa;GACnB,IAAI;AAEJ,WAAQ,QAAQ,WAAW,KAAK,MAAM,MAAM,MAAM;IAChD,MAAM,QAAQ,MAAM;AAGpB,QAAI,cAAc,MAAM,CAAE;IAG1B,MAAM,cAAc,yBAAyB,MAAM;AACnD,QAAI,aAAa;AACf,aAAQ,OAAO;MACb;MACA,WAAW;MACX,MAAM;OAAE;OAAO,QAAQ;OAAa;MACrC,CAAC;AACF;;AAIF,QAAI,IAAI,OAAO,WAAW,MAAO;IAEjC,MAAM,WAAW,MAAM,WAAW,KAAK,GACnC,MAAM,MAAM,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC,KAChC,MAAM,MAAM,MAAM,EAAE,CAAC,MAAM,IAAI,CAAC;AAEpC,QAAI,aAAa,WAAY;AAE7B,QACE,CAAC,gBAAgB,IAAI,SAAS,IAC9B,EACE,MAAM,QAAQ,IAAI,OAAO,OAAO,IAChC,IAAI,OAAO,OAAO,SAAS,SAAS,GAItC;SACE,MAAM,QAAQ,IAAI,OAAO,OAAO,IAChC,IAAI,OAAO,OAAO,SAAS,EAE3B,SAAQ,OAAO;MACb;MACA,WAAW;MACX,MAAM,EAAE,OAAO;MAChB,CAAC;;;;AAMV,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAC9B,uBAAmB,KAAK;AAExB,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,WAAY;AAG9B,SAAI,KAAK,MAAM,SAAS,WAAW;MACjC,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,UAAI,OAAO,IAAI,SAAS,IAAI,CAC1B,yBAAwB,KAAK,KAAK,MAAM;;AAK5C,SAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,UAAI,UAAU,SAAS,WAAY;MACnC,MAAM,MAAM,eAAe,UAAU,MAAM;AAC3C,UAAI,OAAO,IAAI,SAAS,IAAI,CAC1B,yBAAwB,KAAK,UAAU,MAAM;;;;GAMxD;;CAEJ,CAAC"}

package/dist/rules/valid-custom-property.mjs

@@ -0,0 +1,69 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue } from "../utils.mjs";
+
+//#region src/rules/valid-custom-property.ts
+const CUSTOM_PROP_REGEX = /\$\$?[a-zA-Z][a-zA-Z0-9-]*/g;
+var valid_custom_property_default = createRule({
+	name: "valid-custom-property",
+	meta: {
+		type: "suggestion",
+		docs: { description: "Validate $name custom property references" },
+		messages: {
+			invalidSyntax: "Invalid custom property syntax '{{token}}'.",
+			unknownProperty: "Unknown custom property '{{token}}'."
+		},
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		const fileCustomProperties = /* @__PURE__ */ new Set();
+		function collectLocalProperties(node) {
+			for (const prop of node.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				const key = getKeyName(prop.key);
+				if (key && key.startsWith("$") && !key.startsWith("$$")) fileCustomProperties.add(key);
+			}
+		}
+		function checkValue(value, node) {
+			if (ctx.config.tokens === false) return;
+			let match;
+			CUSTOM_PROP_REGEX.lastIndex = 0;
+			while ((match = CUSTOM_PROP_REGEX.exec(value)) !== null) {
+				const token = match[0];
+				const baseName = token.startsWith("$$") ? "$" + token.slice(2) : token;
+				if (fileCustomProperties.has(baseName)) continue;
+				if (Array.isArray(ctx.config.tokens) && ctx.config.tokens.includes(baseName)) continue;
+				if (Array.isArray(ctx.config.tokens) && ctx.config.tokens.length > 0) context.report({
+					node,
+					messageId: "unknownProperty",
+					data: { token }
+				});
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				collectLocalProperties(node);
+				for (const prop of node.properties) {
+					if (prop.type !== "Property") continue;
+					const str = getStringValue(prop.value);
+					if (str && str.includes("$")) checkValue(str, prop.value);
+					if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+						if (stateProp.type !== "Property") continue;
+						const stateStr = getStringValue(stateProp.value);
+						if (stateStr && stateStr.includes("$")) checkValue(stateStr, stateProp.value);
+					}
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_custom_property_default as default };
+//# sourceMappingURL=valid-custom-property.mjs.map

package/dist/rules/valid-custom-property.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"valid-custom-property.mjs","names":[],"sources":["../../src/rules/valid-custom-property.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 = 'invalidSyntax' | 'unknownProperty';\n\nconst CUSTOM_PROP_REGEX = /\\$\\$?[a-zA-Z][a-zA-Z0-9-]*/g;\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-custom-property',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description: 'Validate $name custom property references',\n    },\n    messages: {\n      invalidSyntax: \"Invalid custom property syntax '{{token}}'.\",\n      unknownProperty: \"Unknown custom property '{{token}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n    const fileCustomProperties = new Set<string>();\n\n    function collectLocalProperties(node: TSESTree.ObjectExpression): void {\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n        const key = getKeyName(prop.key);\n        if (key && key.startsWith('$') && !key.startsWith('$$')) {\n          fileCustomProperties.add(key);\n        }\n      }\n    }\n\n    function checkValue(value: string, node: TSESTree.Node): void {\n      if (ctx.config.tokens === false) return;\n\n      let match;\n      CUSTOM_PROP_REGEX.lastIndex = 0;\n\n      while ((match = CUSTOM_PROP_REGEX.exec(value)) !== null) {\n        const token = match[0];\n        const baseName = token.startsWith('$$') ? '$' + token.slice(2) : token;\n\n        if (fileCustomProperties.has(baseName)) continue;\n\n        if (\n          Array.isArray(ctx.config.tokens) &&\n          ctx.config.tokens.includes(baseName)\n        ) {\n          continue;\n        }\n\n        if (Array.isArray(ctx.config.tokens) && ctx.config.tokens.length > 0) {\n          context.report({\n            node,\n            messageId: 'unknownProperty',\n            data: { token },\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        collectLocalProperties(node);\n\n        for (const prop of node.properties) {\n          if (prop.type !== 'Property') continue;\n\n          const str = getStringValue(prop.value);\n          if (str && str.includes('$')) {\n            checkValue(str, prop.value);\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 && stateStr.includes('$')) {\n                checkValue(stateStr, stateProp.value);\n              }\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,MAAM,oBAAoB;AAE1B,oCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,6CACd;EACD,UAAU;GACR,eAAe;GACf,iBAAiB;GAClB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EACrC,MAAM,uCAAuB,IAAI,KAAa;EAE9C,SAAS,uBAAuB,MAAuC;AACrE,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAC/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,OAAO,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,WAAW,KAAK,CACrD,sBAAqB,IAAI,IAAI;;;EAKnC,SAAS,WAAW,OAAe,MAA2B;AAC5D,OAAI,IAAI,OAAO,WAAW,MAAO;GAEjC,IAAI;AACJ,qBAAkB,YAAY;AAE9B,WAAQ,QAAQ,kBAAkB,KAAK,MAAM,MAAM,MAAM;IACvD,MAAM,QAAQ,MAAM;IACpB,MAAM,WAAW,MAAM,WAAW,KAAK,GAAG,MAAM,MAAM,MAAM,EAAE,GAAG;AAEjE,QAAI,qBAAqB,IAAI,SAAS,CAAE;AAExC,QACE,MAAM,QAAQ,IAAI,OAAO,OAAO,IAChC,IAAI,OAAO,OAAO,SAAS,SAAS,CAEpC;AAGF,QAAI,MAAM,QAAQ,IAAI,OAAO,OAAO,IAAI,IAAI,OAAO,OAAO,SAAS,EACjE,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM,EAAE,OAAO;KAChB,CAAC;;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,kCAAkC,MAAiC;AACjE,QAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAC9B,2BAAuB,KAAK;AAE5B,SAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,SAAI,KAAK,SAAS,WAAY;KAE9B,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,SAAI,OAAO,IAAI,SAAS,IAAI,CAC1B,YAAW,KAAK,KAAK,MAAM;AAG7B,SAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,UAAI,UAAU,SAAS,WAAY;MACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,UAAI,YAAY,SAAS,SAAS,IAAI,CACpC,YAAW,UAAU,UAAU,MAAM;;;;GAMhD;;CAEJ,CAAC"}

package/dist/rules/valid-custom-unit.mjs

@@ -0,0 +1,62 @@
+import { createRule } from "../create-rule.mjs";
+import { TastyContext } from "../context.mjs";
+import { extractCustomUnit, getStringValue, isValidUnit } from "../utils.mjs";
+
+//#region src/rules/valid-custom-unit.ts
+var valid_custom_unit_default = createRule({
+	name: "valid-custom-unit",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate that custom units in style values are recognized" },
+		messages: { unknownUnit: "Unknown unit '{{unit}}' in value '{{value}}'." },
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function checkUnitsInValue(value, node) {
+			if (ctx.config.units === false) return;
+			const tokens = value.split(/\s+/);
+			for (const token of tokens) {
+				if (token.startsWith("#") || token.startsWith("$") || token.startsWith("@") || token.includes("(") || token.includes(")") || token === "true" || token === "false" || token === "none" || token === "auto" || token === "inherit" || token === "initial" || token === "unset" || token === "revert") continue;
+				const unit = extractCustomUnit(token);
+				if (unit && !isValidUnit(unit, ctx.config)) context.report({
+					node,
+					messageId: "unknownUnit",
+					data: {
+						unit,
+						value: token
+					}
+				});
+			}
+		}
+		function checkNode(node) {
+			const str = getStringValue(node);
+			if (str) checkUnitsInValue(str, node);
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression Property"(node) {
+				const objExpr = node.parent;
+				const callExpr = objExpr.parent;
+				if (callExpr?.type !== "CallExpression" && callExpr?.type !== "Property") return;
+				let current = objExpr;
+				while (current) {
+					if (current.type === "ObjectExpression" && ctx.isStyleObject(current)) break;
+					current = current.parent;
+				}
+				if (!current) return;
+				checkNode(node.value);
+				if (node.value.type === "ObjectExpression") {
+					for (const stateProp of node.value.properties) if (stateProp.type === "Property") checkNode(stateProp.value);
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_custom_unit_default as default };
+//# sourceMappingURL=valid-custom-unit.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valid-custom-unit.mjs","names":[],"sources":["../../src/rules/valid-custom-unit.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { getStringValue, extractCustomUnit, isValidUnit } from '../utils.js';\n\ntype MessageIds = 'unknownUnit';\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-custom-unit',\n  meta: {\n    type: 'problem',\n    docs: {\n      description: 'Validate that custom units in style values are recognized',\n    },\n    messages: {\n      unknownUnit: \"Unknown unit '{{unit}}' in value '{{value}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkUnitsInValue(value: string, node: TSESTree.Node): void {\n      if (ctx.config.units === false) return;\n\n      // Split by spaces and check each token\n      const tokens = value.split(/\\s+/);\n      for (const token of tokens) {\n        // Skip function calls, colors, modifiers, special values\n        if (\n          token.startsWith('#') ||\n          token.startsWith('$') ||\n          token.startsWith('@') ||\n          token.includes('(') ||\n          token.includes(')') ||\n          token === 'true' ||\n          token === 'false' ||\n          token === 'none' ||\n          token === 'auto' ||\n          token === 'inherit' ||\n          token === 'initial' ||\n          token === 'unset' ||\n          token === 'revert'\n        ) {\n          continue;\n        }\n\n        const unit = extractCustomUnit(token);\n        if (unit && !isValidUnit(unit, ctx.config)) {\n          context.report({\n            node,\n            messageId: 'unknownUnit',\n            data: { unit, value: token },\n          });\n        }\n      }\n    }\n\n    function checkNode(node: TSESTree.Node): void {\n      const str = getStringValue(node);\n      if (str) {\n        checkUnitsInValue(str, node);\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      'CallExpression ObjectExpression Property'(node: TSESTree.Property) {\n        const objExpr = node.parent as TSESTree.ObjectExpression;\n        const callExpr = objExpr.parent;\n        if (\n          callExpr?.type !== 'CallExpression' &&\n          callExpr?.type !== 'Property'\n        )\n          return;\n\n        // Find closest object expression that is a style object\n        let current: TSESTree.Node | undefined = objExpr;\n        while (current) {\n          if (\n            current.type === 'ObjectExpression' &&\n            ctx.isStyleObject(current)\n          ) {\n            break;\n          }\n          current = current.parent;\n        }\n        if (!current) return;\n\n        // Check value\n        checkNode(node.value);\n\n        // Check state map values\n        if (node.value.type === 'ObjectExpression') {\n          for (const stateProp of node.value.properties) {\n            if (stateProp.type === 'Property') {\n              checkNode(stateProp.value);\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;AAOA,gCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,6DACd;EACD,UAAU,EACR,aAAa,iDACd;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,kBAAkB,OAAe,MAA2B;AACnE,OAAI,IAAI,OAAO,UAAU,MAAO;GAGhC,MAAM,SAAS,MAAM,MAAM,MAAM;AACjC,QAAK,MAAM,SAAS,QAAQ;AAE1B,QACE,MAAM,WAAW,IAAI,IACrB,MAAM,WAAW,IAAI,IACrB,MAAM,WAAW,IAAI,IACrB,MAAM,SAAS,IAAI,IACnB,MAAM,SAAS,IAAI,IACnB,UAAU,UACV,UAAU,WACV,UAAU,UACV,UAAU,UACV,UAAU,aACV,UAAU,aACV,UAAU,WACV,UAAU,SAEV;IAGF,MAAM,OAAO,kBAAkB,MAAM;AACrC,QAAI,QAAQ,CAAC,YAAY,MAAM,IAAI,OAAO,CACxC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE;MAAM,OAAO;MAAO;KAC7B,CAAC;;;EAKR,SAAS,UAAU,MAA2B;GAC5C,MAAM,MAAM,eAAe,KAAK;AAChC,OAAI,IACF,mBAAkB,KAAK,KAAK;;AAIhC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,2CAA2C,MAAyB;IAClE,MAAM,UAAU,KAAK;IACrB,MAAM,WAAW,QAAQ;AACzB,QACE,UAAU,SAAS,oBACnB,UAAU,SAAS,WAEnB;IAGF,IAAI,UAAqC;AACzC,WAAO,SAAS;AACd,SACE,QAAQ,SAAS,sBACjB,IAAI,cAAc,QAAQ,CAE1B;AAEF,eAAU,QAAQ;;AAEpB,QAAI,CAAC,QAAS;AAGd,cAAU,KAAK,MAAM;AAGrB,QAAI,KAAK,MAAM,SAAS,oBACtB;UAAK,MAAM,aAAa,KAAK,MAAM,WACjC,KAAI,UAAU,SAAS,WACrB,WAAU,UAAU,MAAM;;;GAKnC;;CAEJ,CAAC"}

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

@@ -0,0 +1,71 @@
+import { createRule } from "../create-rule.mjs";
+import { DIRECTIONAL_MODIFIERS } from "../constants.mjs";
+import { TastyContext } from "../context.mjs";
+import { getKeyName, getStringValue } from "../utils.mjs";
+
+//#region src/rules/valid-directional-modifier.ts
+const ALL_DIRECTIONS = new Set([
+	"top",
+	"right",
+	"bottom",
+	"left",
+	"top-left",
+	"top-right",
+	"bottom-left",
+	"bottom-right"
+]);
+var valid_directional_modifier_default = createRule({
+	name: "valid-directional-modifier",
+	meta: {
+		type: "problem",
+		docs: { description: "Validate that directional modifiers are used only on properties that support them" },
+		messages: { invalidDirectionalModifier: "Property '{{property}}' does not support directional modifier '{{modifier}}'." },
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		function checkValue(property, value, node) {
+			const tokens = value.trim().split(/\s+/);
+			for (const token of tokens) {
+				if (!ALL_DIRECTIONS.has(token)) continue;
+				const allowedMods = DIRECTIONAL_MODIFIERS[property];
+				if (!allowedMods || !allowedMods.has(token)) context.report({
+					node,
+					messageId: "invalidDirectionalModifier",
+					data: {
+						property,
+						modifier: token
+					}
+				});
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			"CallExpression ObjectExpression"(node) {
+				if (!ctx.isStyleObject(node)) return;
+				for (const prop of node.properties) {
+					if (prop.type !== "Property" || prop.computed) continue;
+					const key = getKeyName(prop.key);
+					if (key === null) continue;
+					const str = getStringValue(prop.value);
+					if (str) {
+						checkValue(key, str, prop.value);
+						continue;
+					}
+					if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+						if (stateProp.type !== "Property") continue;
+						const stateStr = getStringValue(stateProp.value);
+						if (stateStr) checkValue(key, stateStr, stateProp.value);
+					}
+				}
+			}
+		};
+	}
+});
+
+//#endregion
+export { valid_directional_modifier_default as default };
+//# sourceMappingURL=valid-directional-modifier.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valid-directional-modifier.mjs","names":[],"sources":["../../src/rules/valid-directional-modifier.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 { DIRECTIONAL_MODIFIERS } from '../constants.js';\n\ntype MessageIds = 'invalidDirectionalModifier';\n\nconst ALL_DIRECTIONS = new Set([\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'top-left',\n  'top-right',\n  'bottom-left',\n  'bottom-right',\n]);\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-directional-modifier',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate that directional modifiers are used only on properties that support them',\n    },\n    messages: {\n      invalidDirectionalModifier:\n        \"Property '{{property}}' does not support directional modifier '{{modifier}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkValue(\n      property: string,\n      value: string,\n      node: TSESTree.Node,\n    ): void {\n      const tokens = value.trim().split(/\\s+/);\n\n      for (const token of tokens) {\n        if (!ALL_DIRECTIONS.has(token)) continue;\n\n        const allowedMods = DIRECTIONAL_MODIFIERS[property];\n        if (!allowedMods || !allowedMods.has(token)) {\n          context.report({\n            node,\n            messageId: 'invalidDirectionalModifier',\n            data: { property, modifier: token },\n          });\n        }\n      }\n    }\n\n    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          // Direct value\n          const str = getStringValue(prop.value);\n          if (str) {\n            checkValue(key, str, prop.value);\n            continue;\n          }\n\n          // State map\n          if (prop.value.type === 'ObjectExpression') {\n            for (const stateProp of prop.value.properties) {\n              if (stateProp.type !== 'Property') continue;\n              const stateStr = getStringValue(stateProp.value);\n              if (stateStr) {\n                checkValue(key, stateStr, stateProp.value);\n              }\n            }\n          }\n        }\n      },\n    };\n  },\n});\n"],"mappings":";;;;;;AAQA,MAAM,iBAAiB,IAAI,IAAI;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,yCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,qFACH;EACD,UAAU,EACR,4BACE,iFACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,WACP,UACA,OACA,MACM;GACN,MAAM,SAAS,MAAM,MAAM,CAAC,MAAM,MAAM;AAExC,QAAK,MAAM,SAAS,QAAQ;AAC1B,QAAI,CAAC,eAAe,IAAI,MAAM,CAAE;IAEhC,MAAM,cAAc,sBAAsB;AAC1C,QAAI,CAAC,eAAe,CAAC,YAAY,IAAI,MAAM,CACzC,SAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE;MAAU,UAAU;MAAO;KACpC,CAAC;;;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;KAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,SAAI,QAAQ,KAAM;KAGlB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,SAAI,KAAK;AACP,iBAAW,KAAK,KAAK,KAAK,MAAM;AAChC;;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,YAAW,KAAK,UAAU,UAAU,MAAM;;;;GAMrD;;CAEJ,CAAC"}