@tenphi/eslint-plugin-tasty 1.0.4 → 1.1.0

package/dist/property-expectations.js.map

@@ -1 +1 @@
-{"version":3,"file":"property-expectations.js","names":[],"sources":["../src/property-expectations.ts"],"sourcesContent":["/**\n * Per-property expectations for parser bucket validation.\n *\n * After parsing a value through StyleParser.process(), each group contains\n * `colors`, `values`, and `mods` arrays. This map defines what is expected\n * for each tasty property so we can flag unexpected tokens.\n *\n * - `acceptsColor`: whether Color bucket tokens are valid\n * - `acceptsMods`: whether Mod bucket tokens are valid, and if so which ones\n *   - `false` = no mods accepted (any mod is an error)\n *   - `true` = any mod accepted (pass-through)\n *   - `string[]` = only these specific mods are accepted\n *\n * Properties NOT listed here default to PASSTHROUGH (accept everything).\n * Only add properties that have actual restrictions.\n */\n\nexport interface PropertyExpectation {\n  acceptsColor: boolean;\n  acceptsMods: boolean | string[];\n}\n\nconst DIRECTIONAL_MODS = ['top', 'right', 'bottom', 'left'];\n// Output modifier accepted by every box property (`padding`, `margin`,\n// `inset`, `border`, `radius`): emit the individual CSS longhands instead of\n// the shorthand, so children can selectively inherit a single side/corner.\nconst LONGHAND_MOD = 'longhand';\n// `inset` additionally accepts `dock`: pin one edge and span its full\n// length (tasty >= 2.10). Other directional properties do not.\nconst INSET_MODS = [...DIRECTIONAL_MODS, 'dock', LONGHAND_MOD];\nconst BOX_DIRECTIONAL_MODS = [...DIRECTIONAL_MODS, LONGHAND_MOD];\nconst RADIUS_DIRECTIONAL_MODS = [\n  ...DIRECTIONAL_MODS,\n  'top-left',\n  'top-right',\n  'bottom-left',\n  'bottom-right',\n  LONGHAND_MOD,\n];\nconst BORDER_STYLE_MODS = [\n  'solid',\n  'dashed',\n  'dotted',\n  'double',\n  'groove',\n  'ridge',\n  'inset',\n  'outset',\n  'none',\n  'hidden',\n];\nconst DIMENSION_MODS = ['min', 'max', 'fixed'];\nconst FLOW_MODS = [\n  'row',\n  'column',\n  'wrap',\n  'nowrap',\n  'dense',\n  'row-reverse',\n  'column-reverse',\n];\nconst OVERFLOW_MODS = [\n  'visible',\n  'hidden',\n  'scroll',\n  'clip',\n  'auto',\n  'overlay',\n];\nconst POSITION_MODS = ['static', 'relative', 'absolute', 'fixed', 'sticky'];\n\nconst COLOR_ONLY: PropertyExpectation = {\n  acceptsColor: true,\n  acceptsMods: false,\n};\n\nconst VALUE_ONLY: PropertyExpectation = {\n  acceptsColor: false,\n  acceptsMods: false,\n};\n\nconst PASSTHROUGH: PropertyExpectation = {\n  acceptsColor: true,\n  acceptsMods: true,\n};\n\nexport const PROPERTY_EXPECTATIONS: Record<string, PropertyExpectation> = {\n  fill: { acceptsColor: true, acceptsMods: ['none', 'transparent'] },\n  color: { acceptsColor: true, acceptsMods: ['none', 'transparent'] },\n  caretColor: COLOR_ONLY,\n  accentColor: COLOR_ONLY,\n  shadow: { acceptsColor: true, acceptsMods: ['inset'] },\n\n  border: {\n    acceptsColor: true,\n    acceptsMods: [...BOX_DIRECTIONAL_MODS, ...BORDER_STYLE_MODS],\n  },\n  outline: {\n    acceptsColor: true,\n    acceptsMods: BORDER_STYLE_MODS,\n  },\n\n  radius: {\n    acceptsColor: false,\n    acceptsMods: [\n      ...RADIUS_DIRECTIONAL_MODS,\n      'round',\n      'ellipse',\n      'leaf',\n      'backleaf',\n    ],\n  },\n\n  padding: { acceptsColor: false, acceptsMods: BOX_DIRECTIONAL_MODS },\n  paddingInline: VALUE_ONLY,\n  paddingBlock: VALUE_ONLY,\n  margin: { acceptsColor: false, acceptsMods: BOX_DIRECTIONAL_MODS },\n  fade: { acceptsColor: true, acceptsMods: DIRECTIONAL_MODS },\n  inset: { acceptsColor: false, acceptsMods: INSET_MODS },\n\n  width: { acceptsColor: false, acceptsMods: DIMENSION_MODS },\n  height: { acceptsColor: false, acceptsMods: DIMENSION_MODS },\n\n  gap: VALUE_ONLY,\n  columnGap: VALUE_ONLY,\n  rowGap: VALUE_ONLY,\n  flexBasis: VALUE_ONLY,\n  flexGrow: VALUE_ONLY,\n  flexShrink: VALUE_ONLY,\n  flex: VALUE_ONLY,\n  order: VALUE_ONLY,\n  zIndex: VALUE_ONLY,\n  opacity: VALUE_ONLY,\n  aspectRatio: VALUE_ONLY,\n  lineClamp: VALUE_ONLY,\n  tabSize: VALUE_ONLY,\n\n  flow: { acceptsColor: false, acceptsMods: FLOW_MODS },\n  display: {\n    acceptsColor: false,\n    acceptsMods: [\n      'block',\n      'inline',\n      'inline-block',\n      'flex',\n      'inline-flex',\n      'grid',\n      'inline-grid',\n      'none',\n      'contents',\n      'table',\n      'table-row',\n      'table-cell',\n      'list-item',\n    ],\n  },\n  overflow: { acceptsColor: false, acceptsMods: OVERFLOW_MODS },\n  position: { acceptsColor: false, acceptsMods: POSITION_MODS },\n};\n\n/**\n * Get expectations for a property. Properties not in the map\n * are treated as passthrough (accept everything).\n */\nexport function getExpectation(property: string): PropertyExpectation {\n  return PROPERTY_EXPECTATIONS[property] ?? PASSTHROUGH;\n}\n"],"mappings":";AAsBA,MAAM,mBAAmB;CAAC;CAAO;CAAS;CAAU;CAAO;AAI3D,MAAM,eAAe;AAGrB,MAAM,aAAa;CAAC,GAAG;CAAkB;CAAQ;CAAa;AAC9D,MAAM,uBAAuB,CAAC,GAAG,kBAAkB,aAAa;AAChE,MAAM,0BAA0B;CAC9B,GAAG;CACH;CACA;CACA;CACA;CACA;CACD;AACD,MAAM,oBAAoB;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AACD,MAAM,iBAAiB;CAAC;CAAO;CAAO;CAAQ;AAC9C,MAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AACD,MAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACD;AACD,MAAM,gBAAgB;CAAC;CAAU;CAAY;CAAY;CAAS;CAAS;AAE3E,MAAM,aAAkC;CACtC,cAAc;CACd,aAAa;CACd;AAED,MAAM,aAAkC;CACtC,cAAc;CACd,aAAa;CACd;AAED,MAAM,cAAmC;CACvC,cAAc;CACd,aAAa;CACd;AAED,MAAa,wBAA6D;CACxE,MAAM;EAAE,cAAc;EAAM,aAAa,CAAC,QAAQ,cAAc;EAAE;CAClE,OAAO;EAAE,cAAc;EAAM,aAAa,CAAC,QAAQ,cAAc;EAAE;CACnE,YAAY;CACZ,aAAa;CACb,QAAQ;EAAE,cAAc;EAAM,aAAa,CAAC,QAAQ;EAAE;CAEtD,QAAQ;EACN,cAAc;EACd,aAAa,CAAC,GAAG,sBAAsB,GAAG,kBAAkB;EAC7D;CACD,SAAS;EACP,cAAc;EACd,aAAa;EACd;CAED,QAAQ;EACN,cAAc;EACd,aAAa;GACX,GAAG;GACH;GACA;GACA;GACA;GACD;EACF;CAED,SAAS;EAAE,cAAc;EAAO,aAAa;EAAsB;CACnE,eAAe;CACf,cAAc;CACd,QAAQ;EAAE,cAAc;EAAO,aAAa;EAAsB;CAClE,MAAM;EAAE,cAAc;EAAM,aAAa;EAAkB;CAC3D,OAAO;EAAE,cAAc;EAAO,aAAa;EAAY;CAEvD,OAAO;EAAE,cAAc;EAAO,aAAa;EAAgB;CAC3D,QAAQ;EAAE,cAAc;EAAO,aAAa;EAAgB;CAE5D,KAAK;CACL,WAAW;CACX,QAAQ;CACR,WAAW;CACX,UAAU;CACV,YAAY;CACZ,MAAM;CACN,OAAO;CACP,QAAQ;CACR,SAAS;CACT,aAAa;CACb,WAAW;CACX,SAAS;CAET,MAAM;EAAE,cAAc;EAAO,aAAa;EAAW;CACrD,SAAS;EACP,cAAc;EACd,aAAa;GACX;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACF;CACD,UAAU;EAAE,cAAc;EAAO,aAAa;EAAe;CAC7D,UAAU;EAAE,cAAc;EAAO,aAAa;EAAe;CAC9D;;;;;AAMD,SAAgB,eAAe,UAAuC;AACpE,QAAO,sBAAsB,aAAa"}
+{"version":3,"file":"property-expectations.js","names":[],"sources":["../src/property-expectations.ts"],"sourcesContent":["/**\n * Per-property expectations for parser bucket validation.\n *\n * After parsing a value through StyleParser.process(), each group contains\n * `colors`, `values`, and `mods` arrays. This map defines what is expected\n * for each tasty property so we can flag unexpected tokens.\n *\n * - `acceptsColor`: whether Color bucket tokens are valid\n * - `acceptsMods`: whether Mod bucket tokens are valid, and if so which ones\n *   - `false` = no mods accepted (any mod is an error)\n *   - `true` = any mod accepted (pass-through)\n *   - `string[]` = only these specific mods are accepted\n *\n * Properties NOT listed here default to PASSTHROUGH (accept everything).\n * Only add properties that have actual restrictions.\n */\n\nexport interface PropertyExpectation {\n  acceptsColor: boolean;\n  acceptsMods: boolean | string[];\n}\n\nconst DIRECTIONAL_MODS = ['top', 'right', 'bottom', 'left'];\n// Output modifier accepted by every box property (`padding`, `margin`,\n// `inset`, `border`, `radius`): emit the individual CSS longhands instead of\n// the shorthand, so children can selectively inherit a single side/corner.\nconst LONGHAND_MOD = 'longhand';\n// `inset` additionally accepts `dock`: pin one edge and span its full\n// length (tasty >= 2.10). Other directional properties do not.\nconst INSET_MODS = [...DIRECTIONAL_MODS, 'dock', LONGHAND_MOD];\nconst BOX_DIRECTIONAL_MODS = [...DIRECTIONAL_MODS, LONGHAND_MOD];\nconst RADIUS_DIRECTIONAL_MODS = [\n  ...DIRECTIONAL_MODS,\n  'top-left',\n  'top-right',\n  'bottom-left',\n  'bottom-right',\n  LONGHAND_MOD,\n];\nconst BORDER_STYLE_MODS = [\n  'solid',\n  'dashed',\n  'dotted',\n  'double',\n  'groove',\n  'ridge',\n  'inset',\n  'outset',\n  'none',\n  'hidden',\n];\nconst DIMENSION_MODS = ['min', 'max', 'fixed'];\n// The logical axis handlers take `start`/`end` in place of the four physical\n// sides, plus the same `longhand` output modifier — it emits the two native\n// start/end declarations instead of the axis shorthand.\nconst LOGICAL_EDGE_MODS = ['start', 'end', LONGHAND_MOD];\nconst FLOW_MODS = [\n  'row',\n  'column',\n  'wrap',\n  'nowrap',\n  'dense',\n  'row-reverse',\n  'column-reverse',\n];\nconst OVERFLOW_MODS = [\n  'visible',\n  'hidden',\n  'scroll',\n  'clip',\n  'auto',\n  'overlay',\n];\nconst POSITION_MODS = ['static', 'relative', 'absolute', 'fixed', 'sticky'];\n\nconst COLOR_ONLY: PropertyExpectation = {\n  acceptsColor: true,\n  acceptsMods: false,\n};\n\nconst VALUE_ONLY: PropertyExpectation = {\n  acceptsColor: false,\n  acceptsMods: false,\n};\n\nconst PASSTHROUGH: PropertyExpectation = {\n  acceptsColor: true,\n  acceptsMods: true,\n};\n\nexport const PROPERTY_EXPECTATIONS: Record<string, PropertyExpectation> = {\n  fill: { acceptsColor: true, acceptsMods: ['none', 'transparent'] },\n  color: { acceptsColor: true, acceptsMods: ['none', 'transparent'] },\n  caretColor: COLOR_ONLY,\n  accentColor: COLOR_ONLY,\n  shadow: { acceptsColor: true, acceptsMods: ['inset'] },\n\n  border: {\n    acceptsColor: true,\n    acceptsMods: [...BOX_DIRECTIONAL_MODS, ...BORDER_STYLE_MODS],\n  },\n  outline: {\n    acceptsColor: true,\n    acceptsMods: BORDER_STYLE_MODS,\n  },\n\n  radius: {\n    acceptsColor: false,\n    acceptsMods: [\n      ...RADIUS_DIRECTIONAL_MODS,\n      'round',\n      'ellipse',\n      'leaf',\n      'backleaf',\n    ],\n  },\n\n  padding: { acceptsColor: false, acceptsMods: BOX_DIRECTIONAL_MODS },\n  margin: { acceptsColor: false, acceptsMods: BOX_DIRECTIONAL_MODS },\n  fade: { acceptsColor: true, acceptsMods: DIRECTIONAL_MODS },\n  inset: { acceptsColor: false, acceptsMods: INSET_MODS },\n  scrollMargin: { acceptsColor: false, acceptsMods: BOX_DIRECTIONAL_MODS },\n  scrollPadding: { acceptsColor: false, acceptsMods: BOX_DIRECTIONAL_MODS },\n\n  // Native logical CSS shorthands. Tasty v3.8 stopped reading these in its\n  // physical handlers, so they are ordinary CSS declarations now: one or two\n  // lengths through the normal value parser, no colours and no modifiers. The\n  // enhanced `blockPadding` / `inlinePadding` below are what take modifiers.\n  paddingInline: VALUE_ONLY,\n  paddingBlock: VALUE_ONLY,\n\n  width: { acceptsColor: false, acceptsMods: DIMENSION_MODS },\n  height: { acceptsColor: false, acceptsMods: DIMENSION_MODS },\n\n  // Enhanced logical styles. Each axis/category pair mirrors its physical\n  // counterpart's vocabulary with `start`/`end` in place of the four sides.\n  blockPadding: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  inlinePadding: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  blockMargin: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  inlineMargin: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  blockInset: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  inlineInset: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  blockScrollMargin: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  inlineScrollMargin: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  blockScrollPadding: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  inlineScrollPadding: { acceptsColor: false, acceptsMods: LOGICAL_EDGE_MODS },\n  blockBorder: {\n    acceptsColor: true,\n    acceptsMods: [...LOGICAL_EDGE_MODS, ...BORDER_STYLE_MODS],\n  },\n  inlineBorder: {\n    acceptsColor: true,\n    acceptsMods: [...LOGICAL_EDGE_MODS, ...BORDER_STYLE_MODS],\n  },\n  blockSize: { acceptsColor: false, acceptsMods: DIMENSION_MODS },\n  inlineSize: { acceptsColor: false, acceptsMods: DIMENSION_MODS },\n\n  gap: VALUE_ONLY,\n  columnGap: VALUE_ONLY,\n  rowGap: VALUE_ONLY,\n  flexBasis: VALUE_ONLY,\n  flexGrow: VALUE_ONLY,\n  flexShrink: VALUE_ONLY,\n  flex: VALUE_ONLY,\n  order: VALUE_ONLY,\n  zIndex: VALUE_ONLY,\n  opacity: VALUE_ONLY,\n  aspectRatio: VALUE_ONLY,\n  lineClamp: VALUE_ONLY,\n  tabSize: VALUE_ONLY,\n\n  flow: { acceptsColor: false, acceptsMods: FLOW_MODS },\n  display: {\n    acceptsColor: false,\n    acceptsMods: [\n      'block',\n      'inline',\n      'inline-block',\n      'flex',\n      'inline-flex',\n      'grid',\n      'inline-grid',\n      'none',\n      'contents',\n      'table',\n      'table-row',\n      'table-cell',\n      'list-item',\n    ],\n  },\n  overflow: { acceptsColor: false, acceptsMods: OVERFLOW_MODS },\n  position: { acceptsColor: false, acceptsMods: POSITION_MODS },\n};\n\n/**\n * Get expectations for a property. Properties not in the map\n * are treated as passthrough (accept everything).\n */\nexport function getExpectation(property: string): PropertyExpectation {\n  return PROPERTY_EXPECTATIONS[property] ?? PASSTHROUGH;\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,20 @@
 import { createRule } from "../create-rule.js";
+import { LOGICAL_BORDER_STYLES } from "../constants.js";
 import { getKeyName, getStringValue } from "../utils.js";
 import { TastyContext, styleObjectListeners } from "../context.js";
 import { replaceInStringValue, replaceStringValue } from "../fix-utils.js";
 
 //#region src/rules/consistent-token-usage.ts
+/**
+* Properties whose value carries a border width, so a `1px` in one is the
+* `1bw` token spelled out.
+*
+* The logical axes belong here for the same reason `border` does: they take the
+* same width/style/colour value, parsed by the same `parseBorderValue`. Leaving
+* them out would make the advice depend on which axis vocabulary the author
+* happened to use.
+*/
+const BORDER_WIDTH_PROPERTIES = new Set(["border", ...LOGICAL_BORDER_STYLES]);
 const PX_TO_UNIT = {
 	"8px": "1x",
 	"16px": "2x",
@@ -74,7 +85,7 @@ var consistent_token_usage_default = createRule({
 				});
 				return;
 			}
-			if (property === "border" && trimmed.includes("1px")) {
+			if (BORDER_WIDTH_PROPERTIES.has(property) && trimmed.includes("1px")) {
 				const edits = [];
 				const re = /\b1px\b/g;
 				let match;

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

@@ -1 +1 @@
-{"version":3,"file":"consistent-token-usage.js","names":[],"sources":["../../src/rules/consistent-token-usage.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\nimport { replaceStringValue, replaceInStringValue } from '../fix-utils.js';\n\ntype MessageIds = 'preferToken' | 'replaceWithToken';\n\nconst PX_TO_UNIT: Record<string, string> = {\n  '8px': '1x',\n  '16px': '2x',\n  '24px': '3x',\n  '32px': '4x',\n  '40px': '5x',\n  '48px': '6x',\n  '56px': '7x',\n  '64px': '8x',\n};\n\nexport default createRule<[], MessageIds>({\n  name: 'consistent-token-usage',\n  meta: {\n    type: 'suggestion',\n    hasSuggestions: true,\n    docs: {\n      description:\n        'Suggest using design tokens and custom units instead of raw CSS values',\n    },\n    messages: {\n      preferToken: \"Consider using '{{suggestion}}' instead of '{{raw}}'.\",\n      replaceWithToken: \"Replace '{{raw}}' with '{{suggestion}}'\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkValue(\n      property: string,\n      value: string,\n      node: TSESTree.Node,\n    ): void {\n      const trimmed = value.trim();\n\n      // Check pixel values that map to gap multiples\n      if (trimmed in PX_TO_UNIT) {\n        const suggestion = PX_TO_UNIT[trimmed];\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion, raw: trimmed },\n          suggest: [\n            {\n              messageId: 'replaceWithToken',\n              data: { raw: trimmed, suggestion },\n              fix(fixer) {\n                return replaceStringValue(fixer, node, suggestion);\n              },\n            },\n          ],\n        });\n        return;\n      }\n\n      // Check 6px in radius context\n      if (property === 'radius' && trimmed === '6px') {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1r', raw: '6px' },\n          suggest: [\n            {\n              messageId: 'replaceWithToken',\n              data: { raw: '6px', suggestion: '1r' },\n              fix(fixer) {\n                return replaceStringValue(fixer, node, '1r');\n              },\n            },\n          ],\n        });\n        return;\n      }\n\n      // Check 1px in border context\n      if (property === 'border' && trimmed.includes('1px')) {\n        const edits: { start: number; end: number; replacement: string }[] = [];\n        const re = /\\b1px\\b/g;\n        let match: RegExpExecArray | null;\n        while ((match = re.exec(value)) !== null) {\n          edits.push({\n            start: match.index,\n            end: match.index + match[0].length,\n            replacement: '1bw',\n          });\n        }\n        if (edits.length === 0) return;\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1bw', raw: '1px' },\n          suggest: [\n            {\n              messageId: 'replaceWithToken',\n              data: { raw: '1px', suggestion: '1bw' },\n              fix(fixer) {\n                return replaceInStringValue(\n                  fixer,\n                  node,\n                  edits,\n                  context.sourceCode,\n                );\n              },\n            },\n          ],\n        });\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkValue(key, str, prop.value);\n          continue;\n        }\n\n        // Only recurse into genuine state maps. Sub-element objects\n        // (`Icon: { … }`) are style objects in their own right and are visited\n        // separately by the listener, so treating them as state maps here both\n        // double-reports and attributes the value to the wrong property.\n        if (\n          prop.value.type === 'ObjectExpression' &&\n          ctx.isStateMap(prop.value, prop)\n        ) {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) {\n              checkValue(key, stateStr, stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;AAQA,MAAM,aAAqC;CACzC,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACT;AAED,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM,EACJ,aACE,0EACH;EACD,UAAU;GACR,aAAa;GACb,kBAAkB;GACnB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,WACP,UACA,OACA,MACM;GACN,MAAM,UAAU,MAAM,MAAM;AAG5B,OAAI,WAAW,YAAY;IACzB,MAAM,aAAa,WAAW;AAC9B,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE;MAAY,KAAK;MAAS;KAClC,SAAS,CACP;MACE,WAAW;MACX,MAAM;OAAE,KAAK;OAAS;OAAY;MAClC,IAAI,OAAO;AACT,cAAO,mBAAmB,OAAO,MAAM,WAAW;;MAErD,CACF;KACF,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,YAAY,OAAO;AAC9C,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY;MAAM,KAAK;MAAO;KACtC,SAAS,CACP;MACE,WAAW;MACX,MAAM;OAAE,KAAK;OAAO,YAAY;OAAM;MACtC,IAAI,OAAO;AACT,cAAO,mBAAmB,OAAO,MAAM,KAAK;;MAE/C,CACF;KACF,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,QAAQ,SAAS,MAAM,EAAE;IACpD,MAAM,QAA+D,EAAE;IACvE,MAAM,KAAK;IACX,IAAI;AACJ,YAAQ,QAAQ,GAAG,KAAK,MAAM,MAAM,KAClC,OAAM,KAAK;KACT,OAAO,MAAM;KACb,KAAK,MAAM,QAAQ,MAAM,GAAG;KAC5B,aAAa;KACd,CAAC;AAEJ,QAAI,MAAM,WAAW,EAAG;AACxB,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY;MAAO,KAAK;MAAO;KACvC,SAAS,CACP;MACE,WAAW;MACX,MAAM;OAAE,KAAK;OAAO,YAAY;OAAO;MACvC,IAAI,OAAO;AACT,cAAO,qBACL,OACA,MACA,OACA,QAAQ,WACT;;MAEJ,CACF;KACF,CAAC;;;EAIN,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;IAElB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,gBAAW,KAAK,KAAK,KAAK,MAAM;AAChC;;AAOF,QACE,KAAK,MAAM,SAAS,sBACpB,IAAI,WAAW,KAAK,OAAO,KAAK,CAEhC,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,SAAI,SACF,YAAW,KAAK,UAAU,UAAU,MAAM;;;;AAOpD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"consistent-token-usage.js","names":[],"sources":["../../src/rules/consistent-token-usage.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\nimport { LOGICAL_BORDER_STYLES } from '../constants.js';\nimport { replaceStringValue, replaceInStringValue } from '../fix-utils.js';\n\ntype MessageIds = 'preferToken' | 'replaceWithToken';\n\n/**\n * Properties whose value carries a border width, so a `1px` in one is the\n * `1bw` token spelled out.\n *\n * The logical axes belong here for the same reason `border` does: they take the\n * same width/style/colour value, parsed by the same `parseBorderValue`. Leaving\n * them out would make the advice depend on which axis vocabulary the author\n * happened to use.\n */\nconst BORDER_WIDTH_PROPERTIES = new Set<string>([\n  'border',\n  ...LOGICAL_BORDER_STYLES,\n]);\n\nconst PX_TO_UNIT: Record<string, string> = {\n  '8px': '1x',\n  '16px': '2x',\n  '24px': '3x',\n  '32px': '4x',\n  '40px': '5x',\n  '48px': '6x',\n  '56px': '7x',\n  '64px': '8x',\n};\n\nexport default createRule<[], MessageIds>({\n  name: 'consistent-token-usage',\n  meta: {\n    type: 'suggestion',\n    hasSuggestions: true,\n    docs: {\n      description:\n        'Suggest using design tokens and custom units instead of raw CSS values',\n    },\n    messages: {\n      preferToken: \"Consider using '{{suggestion}}' instead of '{{raw}}'.\",\n      replaceWithToken: \"Replace '{{raw}}' with '{{suggestion}}'\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkValue(\n      property: string,\n      value: string,\n      node: TSESTree.Node,\n    ): void {\n      const trimmed = value.trim();\n\n      // Check pixel values that map to gap multiples\n      if (trimmed in PX_TO_UNIT) {\n        const suggestion = PX_TO_UNIT[trimmed];\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion, raw: trimmed },\n          suggest: [\n            {\n              messageId: 'replaceWithToken',\n              data: { raw: trimmed, suggestion },\n              fix(fixer) {\n                return replaceStringValue(fixer, node, suggestion);\n              },\n            },\n          ],\n        });\n        return;\n      }\n\n      // Check 6px in radius context\n      if (property === 'radius' && trimmed === '6px') {\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1r', raw: '6px' },\n          suggest: [\n            {\n              messageId: 'replaceWithToken',\n              data: { raw: '6px', suggestion: '1r' },\n              fix(fixer) {\n                return replaceStringValue(fixer, node, '1r');\n              },\n            },\n          ],\n        });\n        return;\n      }\n\n      // Check 1px in border context\n      if (BORDER_WIDTH_PROPERTIES.has(property) && trimmed.includes('1px')) {\n        const edits: { start: number; end: number; replacement: string }[] = [];\n        const re = /\\b1px\\b/g;\n        let match: RegExpExecArray | null;\n        while ((match = re.exec(value)) !== null) {\n          edits.push({\n            start: match.index,\n            end: match.index + match[0].length,\n            replacement: '1bw',\n          });\n        }\n        if (edits.length === 0) return;\n        context.report({\n          node,\n          messageId: 'preferToken',\n          data: { suggestion: '1bw', raw: '1px' },\n          suggest: [\n            {\n              messageId: 'replaceWithToken',\n              data: { raw: '1px', suggestion: '1bw' },\n              fix(fixer) {\n                return replaceInStringValue(\n                  fixer,\n                  node,\n                  edits,\n                  context.sourceCode,\n                );\n              },\n            },\n          ],\n        });\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkValue(key, str, prop.value);\n          continue;\n        }\n\n        // Only recurse into genuine state maps. Sub-element objects\n        // (`Icon: { … }`) are style objects in their own right and are visited\n        // separately by the listener, so treating them as state maps here both\n        // double-reports and attributes the value to the wrong property.\n        if (\n          prop.value.type === 'ObjectExpression' &&\n          ctx.isStateMap(prop.value, prop)\n        ) {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) {\n              checkValue(key, stateStr, stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAM,0BAA0B,IAAI,IAAY,CAC9C,UACA,GAAG,sBACJ,CAAC;AAEF,MAAM,aAAqC;CACzC,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACT;AAED,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM,EACJ,aACE,0EACH;EACD,UAAU;GACR,aAAa;GACb,kBAAkB;GACnB;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,WACP,UACA,OACA,MACM;GACN,MAAM,UAAU,MAAM,MAAM;AAG5B,OAAI,WAAW,YAAY;IACzB,MAAM,aAAa,WAAW;AAC9B,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE;MAAY,KAAK;MAAS;KAClC,SAAS,CACP;MACE,WAAW;MACX,MAAM;OAAE,KAAK;OAAS;OAAY;MAClC,IAAI,OAAO;AACT,cAAO,mBAAmB,OAAO,MAAM,WAAW;;MAErD,CACF;KACF,CAAC;AACF;;AAIF,OAAI,aAAa,YAAY,YAAY,OAAO;AAC9C,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY;MAAM,KAAK;MAAO;KACtC,SAAS,CACP;MACE,WAAW;MACX,MAAM;OAAE,KAAK;OAAO,YAAY;OAAM;MACtC,IAAI,OAAO;AACT,cAAO,mBAAmB,OAAO,MAAM,KAAK;;MAE/C,CACF;KACF,CAAC;AACF;;AAIF,OAAI,wBAAwB,IAAI,SAAS,IAAI,QAAQ,SAAS,MAAM,EAAE;IACpE,MAAM,QAA+D,EAAE;IACvE,MAAM,KAAK;IACX,IAAI;AACJ,YAAQ,QAAQ,GAAG,KAAK,MAAM,MAAM,KAClC,OAAM,KAAK;KACT,OAAO,MAAM;KACb,KAAK,MAAM,QAAQ,MAAM,GAAG;KAC5B,aAAa;KACd,CAAC;AAEJ,QAAI,MAAM,WAAW,EAAG;AACxB,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MAAE,YAAY;MAAO,KAAK;MAAO;KACvC,SAAS,CACP;MACE,WAAW;MACX,MAAM;OAAE,KAAK;OAAO,YAAY;OAAO;MACvC,IAAI,OAAO;AACT,cAAO,qBACL,OACA,MACA,OACA,QAAQ,WACT;;MAEJ,CACF;KACF,CAAC;;;EAIN,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;IAElB,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,gBAAW,KAAK,KAAK,KAAK,MAAM;AAChC;;AAOF,QACE,KAAK,MAAM,SAAS,sBACpB,IAAI,WAAW,KAAK,OAAO,KAAK,CAEhC,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,SAAI,SACF,YAAW,KAAK,UAAU,UAAU,MAAM;;;;AAOpD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

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

@@ -17,17 +17,9 @@ var no_own_at_root_default = createRule({
 	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 handleStyleObject(node) {
 			if (!ctx.isStyleObject(node)) return;
-			if (isInsideSubElement(node)) return;
+			if (ctx.isInsideSubElement(node)) return;
 			for (const prop of node.properties) {
 				if (prop.type !== "Property" || prop.computed) continue;
 				const key = getKeyName(prop.key);

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

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

package/dist/rules/no-raw-transition-duration.js

@@ -0,0 +1,141 @@
+import { createRule } from "../create-rule.js";
+import { getKeyName, getStringValue } from "../utils.js";
+import { TastyContext, styleObjectListeners } from "../context.js";
+import { replaceInStringValue } from "../fix-utils.js";
+
+//#region src/rules/no-raw-transition-duration.ts
+/**
+* A CSS time literal: `0.2s`, `200ms`, `.15s`, `0`.
+*
+* A bare `0` counts because it is a duration in the timing slot — and the one
+* spelling of "no transition" a design system would rather express as a state
+* than as a hardcoded zero.
+*
+* Deliberately narrow. `$fast-transition`, `var(--transition)`, `(0.2s * 2)`
+* and `calc(…)` all reach the same slot and none is a raw literal: the first
+* two are already tokens, and the arithmetic forms are somebody deriving a
+* duration from one, which is not what this rule is about. A unitless non-zero
+* (`fill 200`) is invalid CSS rather than a hardcoded token, so it is left to
+* `valid-value`.
+*/
+const TIME_LITERAL = /^(?:\d*\.?\d+m?s|0)$/i;
+/**
+* A plausible transition name: a semantic name, a CSS property, or a `$$name` /
+* `##name` / `--name` custom-property reference.
+*
+* This is the guard that makes the naive comma split safe. A value can carry a
+* multi-argument easing — `transition: 'fill cubic-bezier(0.4, 0, 0.2, 1) 1s'`
+* — whose commas are not group separators, so the last "group" comes out as
+* `1) 1s`. Requiring the name slot to look like a name drops that fragment
+* instead of reporting a duration for a property called `1)`.
+*/
+const TRANSITION_NAME = /^(?:\$\$|##|--)?[a-zA-Z][\w-]*$/;
+/**
+* Config `tokens` entries that name a duration.
+*
+* Tasty resolves an omitted duration to `var(--<name>-transition,
+* var(--transition))`, so `-transition` is the naming convention the runtime
+* itself imposes; `duration` is the other spelling design systems reach for.
+*/
+const DURATION_TOKEN = /(?:^\$transition$|-transition$|duration)/i;
+/** The default timing tasty substitutes for a group whose duration is omitted. */
+function defaultTimingHint(name) {
+	if (!/^[a-zA-Z][\w-]*$/.test(name)) return "$transition";
+	return `$${name}-transition (falling back to $transition)`;
+}
+var no_raw_transition_duration_default = createRule({
+	name: "no-raw-transition-duration",
+	meta: {
+		type: "suggestion",
+		hasSuggestions: true,
+		docs: { description: "Suggest a duration token, or tasty's default timing, instead of a hardcoded transition duration" },
+		messages: {
+			rawTransitionDuration: "Transition duration '{{duration}}' is hardcoded. Use a duration token{{available}}, or omit it to inherit {{fallback}}.",
+			useDurationToken: "Replace '{{duration}}' with '{{token}}'",
+			useDefaultDuration: "Remove '{{duration}}' to inherit the default transition timing"
+		},
+		schema: []
+	},
+	defaultOptions: [],
+	create(context) {
+		const ctx = new TastyContext(context);
+		/** `$`-prefixed config tokens whose name reads as a duration. */
+		const durationTokens = Array.isArray(ctx.config.tokens) ? ctx.config.tokens.filter((token) => token.startsWith("$") && DURATION_TOKEN.test(token)) : [];
+		function checkTransitionValue(value, node) {
+			let offset = 0;
+			for (const group of value.split(",")) {
+				const [name, timing] = group.trim().split(/\s+/).filter(Boolean);
+				if (!name || !timing || !TRANSITION_NAME.test(name) || !TIME_LITERAL.test(timing)) {
+					offset += group.length + 1;
+					continue;
+				}
+				const nameEnd = group.indexOf(name) + name.length;
+				const startInGroup = group.indexOf(timing, nameEnd);
+				if (startInGroup === -1) {
+					offset += group.length + 1;
+					continue;
+				}
+				const start = offset + startInGroup;
+				const end = start + timing.length;
+				const removeStart = offset + nameEnd;
+				context.report({
+					node,
+					messageId: "rawTransitionDuration",
+					data: {
+						duration: timing,
+						available: durationTokens.length ? ` (${durationTokens.join(", ")})` : "",
+						fallback: defaultTimingHint(name)
+					},
+					suggest: [...durationTokens.map((token) => ({
+						messageId: "useDurationToken",
+						data: {
+							duration: timing,
+							token
+						},
+						fix: (fixer) => replaceInStringValue(fixer, node, [{
+							start,
+							end,
+							replacement: token
+						}], context.sourceCode)
+					})), {
+						messageId: "useDefaultDuration",
+						data: { duration: timing },
+						fix: (fixer) => replaceInStringValue(fixer, node, [{
+							start: removeStart,
+							end,
+							replacement: ""
+						}], context.sourceCode)
+					}]
+				});
+				offset += group.length + 1;
+			}
+		}
+		function handleStyleObject(node) {
+			if (!ctx.isStyleObject(node)) return;
+			for (const prop of node.properties) {
+				if (prop.type !== "Property" || prop.computed) continue;
+				if (getKeyName(prop.key) !== "transition") continue;
+				const str = getStringValue(prop.value);
+				if (str) {
+					checkTransitionValue(str, prop.value);
+					continue;
+				}
+				if (prop.value.type === "ObjectExpression") for (const stateProp of prop.value.properties) {
+					if (stateProp.type !== "Property") continue;
+					const stateStr = getStringValue(stateProp.value);
+					if (stateStr) checkTransitionValue(stateStr, stateProp.value);
+				}
+			}
+		}
+		return {
+			ImportDeclaration(node) {
+				ctx.trackImport(node);
+			},
+			...styleObjectListeners(handleStyleObject)
+		};
+	}
+});
+
+//#endregion
+export { no_raw_transition_duration_default as default };
+//# sourceMappingURL=no-raw-transition-duration.js.map

package/dist/rules/no-raw-transition-duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-raw-transition-duration.js","names":[],"sources":["../../src/rules/no-raw-transition-duration.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\nimport { replaceInStringValue } from '../fix-utils.js';\n\ntype MessageIds =\n  | 'rawTransitionDuration'\n  | 'useDurationToken'\n  | 'useDefaultDuration';\n\n/**\n * A CSS time literal: `0.2s`, `200ms`, `.15s`, `0`.\n *\n * A bare `0` counts because it is a duration in the timing slot — and the one\n * spelling of \"no transition\" a design system would rather express as a state\n * than as a hardcoded zero.\n *\n * Deliberately narrow. `$fast-transition`, `var(--transition)`, `(0.2s * 2)`\n * and `calc(…)` all reach the same slot and none is a raw literal: the first\n * two are already tokens, and the arithmetic forms are somebody deriving a\n * duration from one, which is not what this rule is about. A unitless non-zero\n * (`fill 200`) is invalid CSS rather than a hardcoded token, so it is left to\n * `valid-value`.\n */\nconst TIME_LITERAL = /^(?:\\d*\\.?\\d+m?s|0)$/i;\n\n/**\n * A plausible transition name: a semantic name, a CSS property, or a `$$name` /\n * `##name` / `--name` custom-property reference.\n *\n * This is the guard that makes the naive comma split safe. A value can carry a\n * multi-argument easing — `transition: 'fill cubic-bezier(0.4, 0, 0.2, 1) 1s'`\n * — whose commas are not group separators, so the last \"group\" comes out as\n * `1) 1s`. Requiring the name slot to look like a name drops that fragment\n * instead of reporting a duration for a property called `1)`.\n */\nconst TRANSITION_NAME = /^(?:\\$\\$|##|--)?[a-zA-Z][\\w-]*$/;\n\n/**\n * Config `tokens` entries that name a duration.\n *\n * Tasty resolves an omitted duration to `var(--<name>-transition,\n * var(--transition))`, so `-transition` is the naming convention the runtime\n * itself imposes; `duration` is the other spelling design systems reach for.\n */\nconst DURATION_TOKEN = /(?:^\\$transition$|-transition$|duration)/i;\n\n/** The default timing tasty substitutes for a group whose duration is omitted. */\nfunction defaultTimingHint(name: string): string {\n  // A custom-property reference names no semantic group, so there is no\n  // per-name timing token to point at — only the global one.\n  if (!/^[a-zA-Z][\\w-]*$/.test(name)) return '$transition';\n\n  return `$${name}-transition (falling back to $transition)`;\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'no-raw-transition-duration',\n  meta: {\n    type: 'suggestion',\n    hasSuggestions: true,\n    docs: {\n      description:\n        \"Suggest a duration token, or tasty's default timing, instead of a hardcoded transition duration\",\n    },\n    messages: {\n      rawTransitionDuration:\n        \"Transition duration '{{duration}}' is hardcoded. Use a duration token{{available}}, or omit it to inherit {{fallback}}.\",\n      useDurationToken: \"Replace '{{duration}}' with '{{token}}'\",\n      useDefaultDuration:\n        \"Remove '{{duration}}' to inherit the default transition timing\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    /** `$`-prefixed config tokens whose name reads as a duration. */\n    const durationTokens = Array.isArray(ctx.config.tokens)\n      ? ctx.config.tokens.filter(\n          (token) => token.startsWith('$') && DURATION_TOKEN.test(token),\n        )\n      : [];\n\n    function checkTransitionValue(value: string, node: TSESTree.Node): void {\n      let offset = 0;\n\n      for (const group of value.split(',')) {\n        const tokens = group.trim().split(/\\s+/).filter(Boolean);\n        const [name, timing] = tokens;\n\n        // Only the second token is inspected, which is exactly the slot tasty\n        // reads as the duration. A later time value is a *delay*\n        // (`fill ease-in 0.1s`), and the advice here would not hold for one:\n        // omitting a delay means \"no delay\", a real rendering change, whereas\n        // omitting a duration falls back to the design system's own timing.\n        if (\n          !name ||\n          !timing ||\n          !TRANSITION_NAME.test(name) ||\n          !TIME_LITERAL.test(timing)\n        ) {\n          offset += group.length + 1;\n          continue;\n        }\n\n        // Search from the end of the name so a duration that repeats the name's\n        // own text cannot match the wrong occurrence.\n        const nameEnd = group.indexOf(name) + name.length;\n        const startInGroup = group.indexOf(timing, nameEnd);\n        if (startInGroup === -1) {\n          offset += group.length + 1;\n          continue;\n        }\n\n        const start = offset + startInGroup;\n        const end = start + timing.length;\n        // Removal swallows the separating whitespace too, so dropping the\n        // duration does not leave `fill  ease-in` behind.\n        const removeStart = offset + nameEnd;\n\n        context.report({\n          node,\n          messageId: 'rawTransitionDuration',\n          data: {\n            duration: timing,\n            available: durationTokens.length\n              ? ` (${durationTokens.join(', ')})`\n              : '',\n            fallback: defaultTimingHint(name),\n          },\n          suggest: [\n            // Config tokens first: naming the project's own duration is better\n            // advice than deleting the author's intent, when one exists.\n            ...durationTokens.map((token) => ({\n              messageId: 'useDurationToken' as const,\n              data: { duration: timing, token },\n              fix: (fixer: Parameters<typeof replaceInStringValue>[0]) =>\n                replaceInStringValue(\n                  fixer,\n                  node,\n                  [{ start, end, replacement: token }],\n                  context.sourceCode,\n                ),\n            })),\n            {\n              messageId: 'useDefaultDuration' as const,\n              data: { duration: timing },\n              fix: (fixer: Parameters<typeof replaceInStringValue>[0]) =>\n                replaceInStringValue(\n                  fixer,\n                  node,\n                  [{ start: removeStart, end, replacement: '' }],\n                  context.sourceCode,\n                ),\n            },\n          ],\n        });\n\n        offset += group.length + 1;\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key !== 'transition') continue;\n\n        const str = getStringValue(prop.value);\n        if (str) {\n          checkTransitionValue(str, prop.value);\n          continue;\n        }\n\n        if (prop.value.type === 'ObjectExpression') {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) {\n              checkTransitionValue(stateStr, stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,eAAe;;;;;;;;;;;AAYrB,MAAM,kBAAkB;;;;;;;;AASxB,MAAM,iBAAiB;;AAGvB,SAAS,kBAAkB,MAAsB;AAG/C,KAAI,CAAC,mBAAmB,KAAK,KAAK,CAAE,QAAO;AAE3C,QAAO,IAAI,KAAK;;AAGlB,yCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,gBAAgB;EAChB,MAAM,EACJ,aACE,mGACH;EACD,UAAU;GACR,uBACE;GACF,kBAAkB;GAClB,oBACE;GACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;;EAGrC,MAAM,iBAAiB,MAAM,QAAQ,IAAI,OAAO,OAAO,GACnD,IAAI,OAAO,OAAO,QACf,UAAU,MAAM,WAAW,IAAI,IAAI,eAAe,KAAK,MAAM,CAC/D,GACD,EAAE;EAEN,SAAS,qBAAqB,OAAe,MAA2B;GACtE,IAAI,SAAS;AAEb,QAAK,MAAM,SAAS,MAAM,MAAM,IAAI,EAAE;IAEpC,MAAM,CAAC,MAAM,UADE,MAAM,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ;AAQxD,QACE,CAAC,QACD,CAAC,UACD,CAAC,gBAAgB,KAAK,KAAK,IAC3B,CAAC,aAAa,KAAK,OAAO,EAC1B;AACA,eAAU,MAAM,SAAS;AACzB;;IAKF,MAAM,UAAU,MAAM,QAAQ,KAAK,GAAG,KAAK;IAC3C,MAAM,eAAe,MAAM,QAAQ,QAAQ,QAAQ;AACnD,QAAI,iBAAiB,IAAI;AACvB,eAAU,MAAM,SAAS;AACzB;;IAGF,MAAM,QAAQ,SAAS;IACvB,MAAM,MAAM,QAAQ,OAAO;IAG3B,MAAM,cAAc,SAAS;AAE7B,YAAQ,OAAO;KACb;KACA,WAAW;KACX,MAAM;MACJ,UAAU;MACV,WAAW,eAAe,SACtB,KAAK,eAAe,KAAK,KAAK,CAAC,KAC/B;MACJ,UAAU,kBAAkB,KAAK;MAClC;KACD,SAAS,CAGP,GAAG,eAAe,KAAK,WAAW;MAChC,WAAW;MACX,MAAM;OAAE,UAAU;OAAQ;OAAO;MACjC,MAAM,UACJ,qBACE,OACA,MACA,CAAC;OAAE;OAAO;OAAK,aAAa;OAAO,CAAC,EACpC,QAAQ,WACT;MACJ,EAAE,EACH;MACE,WAAW;MACX,MAAM,EAAE,UAAU,QAAQ;MAC1B,MAAM,UACJ,qBACE,OACA,MACA,CAAC;OAAE,OAAO;OAAa;OAAK,aAAa;OAAI,CAAC,EAC9C,QAAQ,WACT;MACJ,CACF;KACF,CAAC;AAEF,cAAU,MAAM,SAAS;;;EAI7B,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;AAG/C,QADY,WAAW,KAAK,IAAI,KACpB,aAAc;IAE1B,MAAM,MAAM,eAAe,KAAK,MAAM;AACtC,QAAI,KAAK;AACP,0BAAqB,KAAK,KAAK,MAAM;AACrC;;AAGF,QAAI,KAAK,MAAM,SAAS,mBACtB,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;KACnC,MAAM,WAAW,eAAe,UAAU,MAAM;AAChD,SAAI,SACF,sBAAqB,UAAU,UAAU,MAAM;;;;AAOzD,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

package/dist/rules/no-unknown-state-alias.js

@@ -1,5 +1,5 @@
 import { createRule } from "../create-rule.js";
-import { collectLocalStateAliases, findRootStyleObject, getKeyName, getStringValue, isKnownStateAlias } from "../utils.js";
+import { collectLocalStateAliases, getKeyName, getStringValue, isKnownStateAlias } from "../utils.js";
 import { TastyContext, styleObjectListeners } from "../context.js";
 
 //#region src/rules/no-unknown-state-alias.ts
@@ -28,7 +28,7 @@ var no_unknown_state_alias_default = createRule({
 		}
 		function handleStyleObject(node) {
 			if (!ctx.isStyleObject(node)) return;
-			const localAliases = collectLocalStateAliases(findRootStyleObject(node));
+			const localAliases = collectLocalStateAliases(ctx.getRootStyleObject(node));
 			if (ctx.config.states.length === 0 && localAliases.length === 0) return;
 			for (const prop of node.properties) {
 				if (prop.type !== "Property" || prop.computed) continue;

package/dist/rules/no-unknown-state-alias.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-unknown-state-alias.js","names":[],"sources":["../../src/rules/no-unknown-state-alias.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport {\n  getKeyName,\n  getStringValue,\n  isKnownStateAlias,\n  collectLocalStateAliases,\n  findRootStyleObject,\n} from '../utils.js';\n\ntype MessageIds = 'unknownAlias';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-unknown-state-alias',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        \"Warn when a @name state alias is used that isn't in the config\",\n    },\n    messages: {\n      unknownAlias:\n        \"Unknown state alias '{{alias}}'. Add it to 'states' in your tasty config, or define it locally as a '@name' key.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkStateKeys(\n      obj: TSESTree.ObjectExpression,\n      localAliases: string[],\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 || !key.startsWith('@')) continue;\n\n        if (\n          !isKnownStateAlias(key, ctx.config) &&\n          !localAliases.includes(key)\n        ) {\n          context.report({\n            node: prop.key,\n            messageId: 'unknownAlias',\n            data: { alias: key },\n          });\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      const rootObj = findRootStyleObject(node);\n      const localAliases = collectLocalStateAliases(rootObj);\n\n      // Skip if no states configured and no local aliases\n      if (ctx.config.states.length === 0 && localAliases.length === 0) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        // Skip sub-elements and special keys\n        const key = getKeyName(prop.key);\n        if (key === null || /^[A-Z@&]/.test(key)) continue;\n\n        // Check state map objects for unknown aliases\n        if (prop.value.type === 'ObjectExpression') {\n          checkStateKeys(prop.value, localAliases);\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAaA,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,kEACH;EACD,UAAU,EACR,cACE,oHACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,eACP,KACA,cACM;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,QAAQ,CAAC,IAAI,WAAW,IAAI,CAAE;AAE1C,QACE,CAAC,kBAAkB,KAAK,IAAI,OAAO,IACnC,CAAC,aAAa,SAAS,IAAI,CAE3B,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM,EAAE,OAAO,KAAK;KACrB,CAAC;;;EAKR,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;GAG9B,MAAM,eAAe,yBADL,oBAAoB,KAAK,CACa;AAGtD,OAAI,IAAI,OAAO,OAAO,WAAW,KAAK,aAAa,WAAW,EAAG;AAEjE,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAG/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,QAAQ,WAAW,KAAK,IAAI,CAAE;AAG1C,QAAI,KAAK,MAAM,SAAS,mBACtB,gBAAe,KAAK,OAAO,aAAa;;;AAK9C,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"no-unknown-state-alias.js","names":[],"sources":["../../src/rules/no-unknown-state-alias.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport {\n  getKeyName,\n  getStringValue,\n  isKnownStateAlias,\n  collectLocalStateAliases,\n} from '../utils.js';\n\ntype MessageIds = 'unknownAlias';\n\nexport default createRule<[], MessageIds>({\n  name: 'no-unknown-state-alias',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description:\n        \"Warn when a @name state alias is used that isn't in the config\",\n    },\n    messages: {\n      unknownAlias:\n        \"Unknown state alias '{{alias}}'. Add it to 'states' in your tasty config, or define it locally as a '@name' key.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function checkStateKeys(\n      obj: TSESTree.ObjectExpression,\n      localAliases: string[],\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 || !key.startsWith('@')) continue;\n\n        if (\n          !isKnownStateAlias(key, ctx.config) &&\n          !localAliases.includes(key)\n        ) {\n          context.report({\n            node: prop.key,\n            messageId: 'unknownAlias',\n            data: { alias: key },\n          });\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      const rootObj = ctx.getRootStyleObject(node);\n      const localAliases = collectLocalStateAliases(rootObj);\n\n      // Skip if no states configured and no local aliases\n      if (ctx.config.states.length === 0 && localAliases.length === 0) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        // Skip sub-elements and special keys\n        const key = getKeyName(prop.key);\n        if (key === null || /^[A-Z@&]/.test(key)) continue;\n\n        // Check state map objects for unknown aliases\n        if (prop.value.type === 'ObjectExpression') {\n          checkStateKeys(prop.value, localAliases);\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;AAYA,qCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aACE,kEACH;EACD,UAAU,EACR,cACE,oHACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,eACP,KACA,cACM;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,QAAQ,CAAC,IAAI,WAAW,IAAI,CAAE;AAE1C,QACE,CAAC,kBAAkB,KAAK,IAAI,OAAO,IACnC,CAAC,aAAa,SAAS,IAAI,CAE3B,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM,EAAE,OAAO,KAAK;KACrB,CAAC;;;EAKR,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;GAG9B,MAAM,eAAe,yBADL,IAAI,mBAAmB,KAAK,CACU;AAGtD,OAAI,IAAI,OAAO,OAAO,WAAW,KAAK,aAAa,WAAW,EAAG;AAEjE,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAG/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,QAAQ,WAAW,KAAK,IAAI,CAAE;AAG1C,QAAI,KAAK,MAAM,SAAS,mBACtB,gBAAe,KAAK,OAAO,aAAa;;;AAK9C,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

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

@@ -34,32 +34,51 @@ var prefer_shorthand_property_default = createRule({
 		type: "suggestion",
 		fixable: "code",
 		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}}'." },
+		messages: {
+			preferShorthand: "Prefer tasty shorthand '{{alternative}}' instead of '{{native}}'.",
+			preferShorthandExtending: "'{{native}}' patches the base component's '{{property}}' from an extension layer. Expose a token in the base's '{{property}}' — e.g. padding: '$v-padding $h-padding' — and set it from here; '{{alternative}}' would replace the whole '{{property}}'."
+		},
 		schema: []
 	},
 	defaultOptions: [],
 	create(context) {
 		const ctx = new TastyContext(context);
 		function handleStyleObject(node) {
-			if (!ctx.isStyleObject(node)) return;
+			const styleCtx = ctx.getStyleContext(node);
+			if (!styleCtx) 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];
 				const hint = shorthandHint(key, prop);
-				if (mapping && hint) context.report({
-					node: prop.key,
-					messageId: "preferShorthand",
-					data: {
-						native: key,
-						alternative: hint
-					},
-					fix(fixer) {
-						if (!mapping.safeFix) return null;
-						return fixer.replaceText(prop.key, mapping.property);
+				if (mapping && hint) {
+					if (styleCtx.isExtending) {
+						if (!ctx.isOwnedComponent(styleCtx.baseComponent)) continue;
+						context.report({
+							node: prop.key,
+							messageId: "preferShorthandExtending",
+							data: {
+								native: key,
+								alternative: hint,
+								property: mapping.property
+							}
+						});
+						continue;
 					}
-				});
+					context.report({
+						node: prop.key,
+						messageId: "preferShorthand",
+						data: {
+							native: key,
+							alternative: hint
+						},
+						fix(fixer) {
+							if (!mapping.safeFix) return null;
+							return fixer.replaceText(prop.key, mapping.property);
+						}
+					});
+				}
 			}
 		}
 		return {

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

@@ -1 +1 @@
-{"version":3,"file":"prefer-shorthand-property.js","names":[],"sources":["../../src/rules/prefer-shorthand-property.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\nimport { SHORTHAND_MAPPING } from '../constants.js';\n\ntype MessageIds = 'preferShorthand';\n\nconst CSS_WIDE_KEYWORDS = new Set([\n  'inherit',\n  'initial',\n  'unset',\n  'revert',\n  'revert-layer',\n]);\n\n/**\n * `font` resolves to `<value>, var(--font-sans, var(--font-sans-fallback))`,\n * so it cannot express a CSS-wide keyword — `font: 'inherit'` emits\n * `font-family: inherit, …`, which is invalid and drops the inherit.\n *\n * `preset` is the property that handles these: a CSS-wide keyword used as the\n * preset name short-circuits token lookup and is emitted verbatim across the\n * whole typography group, so `preset: 'inherit'` yields a real\n * `font-family: inherit`. Point at that instead of `font`.\n */\nfunction shorthandHint(key: string, prop: TSESTree.Property): string | null {\n  const mapping = SHORTHAND_MAPPING[key];\n  if (!mapping) return null;\n  if (key !== 'fontFamily') return mapping.hint;\n\n  const value = getStringValue(prop.value)?.trim().toLowerCase();\n  return value && CSS_WIDE_KEYWORDS.has(value)\n    ? `preset: '${value}'`\n    : mapping.hint;\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'prefer-shorthand-property',\n  meta: {\n    type: 'suggestion',\n    fixable: 'code',\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    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        const mapping = SHORTHAND_MAPPING[key];\n        const hint = shorthandHint(key, prop);\n        if (mapping && hint) {\n          context.report({\n            node: prop.key,\n            messageId: 'preferShorthand',\n            data: { native: key, alternative: hint },\n            fix(fixer) {\n              // Only auto-fix the carry-over subset where the value passes\n              // through unchanged (e.g. backgroundColor → fill, borderRadius →\n              // radius). Directional / min/max / border-* renames change\n              // semantics and stay report-only.\n              if (!mapping.safeFix) return null;\n              return fixer.replaceText(prop.key, mapping.property);\n            },\n          });\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;AAQA,MAAM,oBAAoB,IAAI,IAAI;CAChC;CACA;CACA;CACA;CACA;CACD,CAAC;;;;;;;;;;;AAYF,SAAS,cAAc,KAAa,MAAwC;CAC1E,MAAM,UAAU,kBAAkB;AAClC,KAAI,CAAC,QAAS,QAAO;AACrB,KAAI,QAAQ,aAAc,QAAO,QAAQ;CAEzC,MAAM,QAAQ,eAAe,KAAK,MAAM,EAAE,MAAM,CAAC,aAAa;AAC9D,QAAO,SAAS,kBAAkB,IAAI,MAAM,GACxC,YAAY,MAAM,KAClB,QAAQ;;AAGd,wCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,SAAS;EACT,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;EAErC,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;IAElB,MAAM,UAAU,kBAAkB;IAClC,MAAM,OAAO,cAAc,KAAK,KAAK;AACrC,QAAI,WAAW,KACb,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM;MAAE,QAAQ;MAAK,aAAa;MAAM;KACxC,IAAI,OAAO;AAKT,UAAI,CAAC,QAAQ,QAAS,QAAO;AAC7B,aAAO,MAAM,YAAY,KAAK,KAAK,QAAQ,SAAS;;KAEvD,CAAC;;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"prefer-shorthand-property.js","names":[],"sources":["../../src/rules/prefer-shorthand-property.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\nimport { SHORTHAND_MAPPING } from '../constants.js';\n\ntype MessageIds = 'preferShorthand' | 'preferShorthandExtending';\n\nconst CSS_WIDE_KEYWORDS = new Set([\n  'inherit',\n  'initial',\n  'unset',\n  'revert',\n  'revert-layer',\n]);\n\n/**\n * `font` resolves to `<value>, var(--font-sans, var(--font-sans-fallback))`,\n * so it cannot express a CSS-wide keyword — `font: 'inherit'` emits\n * `font-family: inherit, …`, which is invalid and drops the inherit.\n *\n * `preset` is the property that handles these: a CSS-wide keyword used as the\n * preset name short-circuits token lookup and is emitted verbatim across the\n * whole typography group, so `preset: 'inherit'` yields a real\n * `font-family: inherit`. Point at that instead of `font`.\n */\nfunction shorthandHint(key: string, prop: TSESTree.Property): string | null {\n  const mapping = SHORTHAND_MAPPING[key];\n  if (!mapping) return null;\n  if (key !== 'fontFamily') return mapping.hint;\n\n  const value = getStringValue(prop.value)?.trim().toLowerCase();\n  return value && CSS_WIDE_KEYWORDS.has(value)\n    ? `preset: '${value}'`\n    : mapping.hint;\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'prefer-shorthand-property',\n  meta: {\n    type: 'suggestion',\n    fixable: 'code',\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      preferShorthandExtending:\n        \"'{{native}}' patches the base component's '{{property}}' from an extension layer. Expose a token in the base's '{{property}}' — e.g. padding: '$v-padding $h-padding' — and set it from here; '{{alternative}}' would replace the whole '{{property}}'.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      const styleCtx = ctx.getStyleContext(node);\n      if (!styleCtx) 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        const hint = shorthandHint(key, prop);\n        if (mapping && hint) {\n          // An extension layer merges per key, so renaming the key replaces the\n          // base component's whole `mapping.property` instead of patching the\n          // one part written here — `paddingTop: '2x'` -> `padding: '2x top'`\n          // drops the base's other three edges to 0. The token seam belongs in\n          // the base component, which is another file and may not even be the\n          // author's to edit, so this stays a report with no fix.\n          if (styleCtx.isExtending) {\n            // The token seam has to be added to the base component's own\n            // definition, so the suggestion is only actionable when that file\n            // belongs to this project. Over an imported base — a UI kit, say —\n            // the author's remaining options are the longhand they already\n            // wrote or a rewrite that would clobber the base, and a warning\n            // recommending neither is just noise. `ownedSources` opts a\n            // published-from-this-monorepo design system back in.\n            if (!ctx.isOwnedComponent(styleCtx.baseComponent)) continue;\n\n            context.report({\n              node: prop.key,\n              messageId: 'preferShorthandExtending',\n              data: {\n                native: key,\n                alternative: hint,\n                property: mapping.property,\n              },\n            });\n\n            continue;\n          }\n\n          context.report({\n            node: prop.key,\n            messageId: 'preferShorthand',\n            data: { native: key, alternative: hint },\n            fix(fixer) {\n              // Only auto-fix the carry-over subset where the value passes\n              // through unchanged (e.g. backgroundColor → fill, borderRadius →\n              // radius). Directional / min/max / border-* renames change\n              // semantics and stay report-only.\n              if (!mapping.safeFix) return null;\n              return fixer.replaceText(prop.key, mapping.property);\n            },\n          });\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;AAQA,MAAM,oBAAoB,IAAI,IAAI;CAChC;CACA;CACA;CACA;CACA;CACD,CAAC;;;;;;;;;;;AAYF,SAAS,cAAc,KAAa,MAAwC;CAC1E,MAAM,UAAU,kBAAkB;AAClC,KAAI,CAAC,QAAS,QAAO;AACrB,KAAI,QAAQ,aAAc,QAAO,QAAQ;CAEzC,MAAM,QAAQ,eAAe,KAAK,MAAM,EAAE,MAAM,CAAC,aAAa;AAC9D,QAAO,SAAS,kBAAkB,IAAI,MAAM,GACxC,YAAY,MAAM,KAClB,QAAQ;;AAGd,wCAAe,WAA2B;CACxC,MAAM;CACN,MAAM;EACJ,MAAM;EACN,SAAS;EACT,MAAM,EACJ,aACE,uFACH;EACD,UAAU;GACR,iBACE;GACF,0BACE;GACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;EACd,MAAM,MAAM,IAAI,aAAa,QAAQ;EAErC,SAAS,kBAAkB,MAAiC;GAC1D,MAAM,WAAW,IAAI,gBAAgB,KAAK;AAC1C,OAAI,CAAC,SAAU;AAEf,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;IAElB,MAAM,UAAU,kBAAkB;IAClC,MAAM,OAAO,cAAc,KAAK,KAAK;AACrC,QAAI,WAAW,MAAM;AAOnB,SAAI,SAAS,aAAa;AAQxB,UAAI,CAAC,IAAI,iBAAiB,SAAS,cAAc,CAAE;AAEnD,cAAQ,OAAO;OACb,MAAM,KAAK;OACX,WAAW;OACX,MAAM;QACJ,QAAQ;QACR,aAAa;QACb,UAAU,QAAQ;QACnB;OACF,CAAC;AAEF;;AAGF,aAAQ,OAAO;MACb,MAAM,KAAK;MACX,WAAW;MACX,MAAM;OAAE,QAAQ;OAAK,aAAa;OAAM;MACxC,IAAI,OAAO;AAKT,WAAI,CAAC,QAAQ,QAAS,QAAO;AAC7B,cAAO,MAAM,YAAY,KAAK,KAAK,QAAQ,SAAS;;MAEvD,CAAC;;;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAEvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

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

@@ -15,6 +15,16 @@ var valid_boolean_property_default = createRule({
 	defaultOptions: [],
 	create(context) {
 		const ctx = new TastyContext(context);
+		function report(name, node) {
+			context.report({
+				node,
+				messageId: "invalidBooleanTrue",
+				data: {
+					name,
+					allowed: [...BOOLEAN_TRUE_PROPERTIES].join(", ")
+				}
+			});
+		}
 		function handleStyleObject(node) {
 			if (!ctx.isStyleObject(node)) return;
 			for (const prop of node.properties) {
@@ -22,14 +32,15 @@ var valid_boolean_property_default = createRule({
 				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(", ")
-					}
-				});
+				if (BOOLEAN_TRUE_PROPERTIES.has(key)) continue;
+				if (prop.value.type === "Literal" && prop.value.value === true) {
+					report(key, prop.value);
+					continue;
+				}
+				if (prop.value.type === "ObjectExpression" && ctx.isStateMap(prop.value, prop)) for (const stateProp of prop.value.properties) {
+					if (stateProp.type !== "Property") continue;
+					if (stateProp.value.type === "Literal" && stateProp.value.value === true) report(key, stateProp.value);
+				}
 			}
 		}
 		return {

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

@@ -1 +1 @@
-{"version":3,"file":"valid-boolean-property.js","names":[],"sources":["../../src/rules/valid-boolean-property.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName } from '../utils.js';\nimport { 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    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        // 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    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      ...styleObjectListeners(handleStyleObject),\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;EAErC,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;AAGlB,QAAI,aAAa,KAAK,IAAI,CAAE;AAG5B,QACE,KAAK,MAAM,SAAS,aACpB,KAAK,MAAM,UAAU,QACrB,CAAC,wBAAwB,IAAI,IAAI,CAEjC,SAAQ,OAAO;KACb,MAAM,KAAK;KACX,WAAW;KACX,MAAM;MACJ,MAAM;MACN,SAAS,CAAC,GAAG,wBAAwB,CAAC,KAAK,KAAK;MACjD;KACF,CAAC;;;AAKR,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}
+{"version":3,"file":"valid-boolean-property.js","names":[],"sources":["../../src/rules/valid-boolean-property.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName } from '../utils.js';\nimport { 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    function report(name: string, node: TSESTree.Node): void {\n      context.report({\n        node,\n        messageId: 'invalidBooleanTrue',\n        data: { name, allowed: [...BOOLEAN_TRUE_PROPERTIES].join(', ') },\n      });\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        // Skip sub-elements and special keys\n        if (/^[A-Z@&$#]/.test(key)) continue;\n\n        if (BOOLEAN_TRUE_PROPERTIES.has(key)) continue;\n\n        // Check for true literal — false is always valid (tombstone)\n        if (prop.value.type === 'Literal' && prop.value.value === true) {\n          report(key, prop.value);\n          continue;\n        }\n\n        // A state map holds values for the same property, so `true` is exactly\n        // as unsupported in one as it is written directly — and rather more\n        // likely, since a per-state default (`fill: { '': '#clear', hovered:\n        // true }`) is the shape that reads as if it should work.\n        //\n        // Only genuine state maps: a sub-element object is a style object in its\n        // own right and is visited by the listener, so descending into one here\n        // would attribute its keys to the outer property.\n        if (\n          prop.value.type === 'ObjectExpression' &&\n          ctx.isStateMap(prop.value, prop)\n        ) {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            if (\n              stateProp.value.type === 'Literal' &&\n              stateProp.value.value === true\n            ) {\n              report(key, stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":";;;;;;AAQA,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;EAErC,SAAS,OAAO,MAAc,MAA2B;AACvD,WAAQ,OAAO;IACb;IACA,WAAW;IACX,MAAM;KAAE;KAAM,SAAS,CAAC,GAAG,wBAAwB,CAAC,KAAK,KAAK;KAAE;IACjE,CAAC;;EAGJ,SAAS,kBAAkB,MAAiC;AAC1D,OAAI,CAAC,IAAI,cAAc,KAAK,CAAE;AAE9B,QAAK,MAAM,QAAQ,KAAK,YAAY;AAClC,QAAI,KAAK,SAAS,cAAc,KAAK,SAAU;IAE/C,MAAM,MAAM,WAAW,KAAK,IAAI;AAChC,QAAI,QAAQ,KAAM;AAGlB,QAAI,aAAa,KAAK,IAAI,CAAE;AAE5B,QAAI,wBAAwB,IAAI,IAAI,CAAE;AAGtC,QAAI,KAAK,MAAM,SAAS,aAAa,KAAK,MAAM,UAAU,MAAM;AAC9D,YAAO,KAAK,KAAK,MAAM;AACvB;;AAWF,QACE,KAAK,MAAM,SAAS,sBACpB,IAAI,WAAW,KAAK,OAAO,KAAK,CAEhC,MAAK,MAAM,aAAa,KAAK,MAAM,YAAY;AAC7C,SAAI,UAAU,SAAS,WAAY;AACnC,SACE,UAAU,MAAM,SAAS,aACzB,UAAU,MAAM,UAAU,KAE1B,QAAO,KAAK,UAAU,MAAM;;;;AAOtC,SAAO;GACL,kBAAkB,MAAM;AACtB,QAAI,YAAY,KAAK;;GAGvB,GAAG,qBAAqB,kBAAkB;GAC3C;;CAEJ,CAAC"}

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

@@ -5,6 +5,19 @@ import { TastyContext, styleObjectListeners } from "../context.js";
 import { parseValue } from "../parsers/value-parser.js";
 
 //#region src/rules/valid-directional-modifier.ts
+/**
+* Every direction word the rule recognises, across physical and logical
+* vocabularies. A word here is read as a *modifier*; whether it is accepted is
+* then decided per property by `DIRECTIONAL_MODIFIERS`.
+*
+* `start` and `end` are ordinary CSS *values* for a long tail of properties
+* (`textAlign: 'start'`, `justifyContent: 'end'`), which is exactly what the
+* `DIRECTIONAL_MODIFIERS` gate in `checkValue` exists to keep out: only the
+* properties with a directional vocabulary are ever inspected. Inside that set
+* no property takes `start`/`end` as a value, so reading them as modifiers is
+* safe — and it is what turns `padding: '1x start'` (a physical property given
+* a logical edge, which the handler drops) into a report.
+*/
 const ALL_DIRECTIONS = new Set([
 	"top",
 	"right",
@@ -13,7 +26,9 @@ const ALL_DIRECTIONS = new Set([
 	"top-left",
 	"top-right",
 	"bottom-left",
-	"bottom-right"
+	"bottom-right",
+	"start",
+	"end"
 ]);
 /**
 * Token types that count as a *value* rather than a modifier.

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

@@ -1 +1 @@
-{"version":3,"file":"valid-directional-modifier.js","names":[],"sources":["../../src/rules/valid-directional-modifier.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\nimport {\n  DIRECTIONAL_MODIFIERS,\n  DOCK_PROPERTIES,\n  SINGLE_VALUE_DIRECTIONAL_PROPERTIES,\n} from '../constants.js';\nimport { parseValue } from '../parsers/index.js';\nimport type { ValueToken } from '../parsers/index.js';\n\ntype MessageIds = 'invalidDirectionalModifier' | 'tooManyValues';\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\n/**\n * Token types that count as a *value* rather than a modifier.\n *\n * Deliberately excludes `keyword`: direction words, `solid`, `inherit` and every\n * other bare word classify as keywords, and a CSS-wide keyword alongside a\n * direction (`padding: 'inherit top'`) is legal while carrying no value of its own.\n *\n * Also excludes colors: a `fade` group carries a width plus up to two mask\n * colors, so colors must not count toward the one-value limit.\n */\nconst VALUE_TOKEN_TYPES = new Set<ValueToken['type']>([\n  'custom-unit',\n  'css-unit',\n  'number',\n  'custom-prop',\n  'custom-prop-ref',\n  'css-function',\n  'tasty-function',\n  'group-expr',\n]);\n\n/** The source text of a token. `keyword` tokens carry `value` rather than `raw`. */\nfunction tokenText(token: ValueToken): string {\n  if ('raw' in token && typeof token.raw === 'string') return token.raw;\n  if (token.type === 'keyword') return token.value;\n\n  return '';\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-directional-modifier',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate directional modifiers: only on properties that support them, and one value per group',\n    },\n    messages: {\n      invalidDirectionalModifier:\n        \"Modifier '{{modifier}}' is not valid for '{{property}}'. Accepted: {{accepted}}.\",\n      tooManyValues:\n        'A group that names directions takes {{limit}}, but \\'{{group}}\\' has {{count}}. Values and modifiers are parsed into separate buckets, so their order is not recoverable — use comma-separated groups for per-side values, e.g. \"2x top, 4x right\".',\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 allowedMods = DIRECTIONAL_MODIFIERS[property];\n      // Only properties with a directional vocabulary are checked.\n      //\n      // This gate looks like it makes the \"wrong property\" case unreachable, and\n      // it does — but removing it is not the fix. Direction words are ordinary CSS\n      // *values* for a long tail of properties: `verticalAlign: 'bottom'`,\n      // `textAlign: 'left'`, `transformOrigin: 'top center'`,\n      // `backgroundPosition`, `objectPosition`, `float`, `clear`,\n      // `scrollSnapAlign`, and `transition` (whose value names properties, which\n      // can themselves be `left`/`top`). Checking every property reported all of\n      // those as errors across a real design system. Catching `fill: '#purple\n      // top'` is not worth an allowlist of every property that takes a\n      // positional keyword.\n      if (!allowedMods) return;\n\n      // `parseValue` splits on commas (groups) and spaced slashes (parts), which\n      // is what makes a per-group arity check possible at all.\n      const { groups } = parseValue(value, {\n        skipUnitValidation: true,\n        skipFuncValidation: true,\n      });\n\n      for (const group of groups) {\n        const tokens = group.parts.flatMap((part) => part.tokens);\n        const directions: string[] = [];\n        let valueCount = 0;\n        let hasSpanModifier = false;\n\n        for (const token of tokens) {\n          if (VALUE_TOKEN_TYPES.has(token.type)) {\n            valueCount++;\n            continue;\n          }\n\n          const word = tokenText(token);\n\n          if (ALL_DIRECTIONS.has(word)) {\n            directions.push(word);\n          } else if (word === 'dock' && DOCK_PROPERTIES.has(property)) {\n            hasSpanModifier = true;\n          }\n        }\n\n        if (directions.length === 0) continue;\n\n        let reportedUnknown = false;\n        for (const direction of directions) {\n          if (!allowedMods.has(direction)) {\n            context.report({\n              node,\n              messageId: 'invalidDirectionalModifier',\n              data: {\n                property,\n                modifier: direction,\n                accepted: [...allowedMods].join(', '),\n              },\n            });\n            reportedUnknown = true;\n          }\n        }\n\n        // Don't pile an arity complaint on top of an already-invalid modifier.\n        if (reportedUnknown) continue;\n\n        if (!SINGLE_VALUE_DIRECTIONAL_PROPERTIES.has(property)) continue;\n\n        // Values and modifiers are bucketed separately by the parser, so the\n        // pairing a reader infers from source order does not survive parsing: a\n        // group naming directions carries one value, applied to every direction it\n        // names. `dock` is the exception — its second value insets the sides the\n        // dock spans.\n        const limit = hasSpanModifier ? 2 : 1;\n\n        if (valueCount > limit) {\n          context.report({\n            node,\n            messageId: 'tooManyValues',\n            data: {\n              group: tokens.map(tokenText).filter(Boolean).join(' '),\n              count: `${valueCount}`,\n              limit: hasSpanModifier ? 'at most two values' : 'a single value',\n            },\n          });\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        // Sub-elements, at-rules, token declarations, nested selectors, and the\n        // `$` affix (which holds a selector, not a value) are not style values.\n        if (\n          key === '$' ||\n          key.startsWith('@') ||\n          key.startsWith('$') ||\n          key.startsWith('#') ||\n          key.startsWith('&') ||\n          /^[A-Z]/.test(key)\n        ) {\n          continue;\n        }\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 (\n          prop.value.type === 'ObjectExpression' &&\n          ctx.isStateMap(prop.value, prop)\n        ) {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) {\n              checkValue(key, stateStr, stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"valid-directional-modifier.js","names":[],"sources":["../../src/rules/valid-directional-modifier.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue } from '../utils.js';\nimport {\n  DIRECTIONAL_MODIFIERS,\n  DOCK_PROPERTIES,\n  SINGLE_VALUE_DIRECTIONAL_PROPERTIES,\n} from '../constants.js';\nimport { parseValue } from '../parsers/index.js';\nimport type { ValueToken } from '../parsers/index.js';\n\ntype MessageIds = 'invalidDirectionalModifier' | 'tooManyValues';\n\n/**\n * Every direction word the rule recognises, across physical and logical\n * vocabularies. A word here is read as a *modifier*; whether it is accepted is\n * then decided per property by `DIRECTIONAL_MODIFIERS`.\n *\n * `start` and `end` are ordinary CSS *values* for a long tail of properties\n * (`textAlign: 'start'`, `justifyContent: 'end'`), which is exactly what the\n * `DIRECTIONAL_MODIFIERS` gate in `checkValue` exists to keep out: only the\n * properties with a directional vocabulary are ever inspected. Inside that set\n * no property takes `start`/`end` as a value, so reading them as modifiers is\n * safe — and it is what turns `padding: '1x start'` (a physical property given\n * a logical edge, which the handler drops) into a report.\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  'start',\n  'end',\n]);\n\n/**\n * Token types that count as a *value* rather than a modifier.\n *\n * Deliberately excludes `keyword`: direction words, `solid`, `inherit` and every\n * other bare word classify as keywords, and a CSS-wide keyword alongside a\n * direction (`padding: 'inherit top'`) is legal while carrying no value of its own.\n *\n * Also excludes colors: a `fade` group carries a width plus up to two mask\n * colors, so colors must not count toward the one-value limit.\n */\nconst VALUE_TOKEN_TYPES = new Set<ValueToken['type']>([\n  'custom-unit',\n  'css-unit',\n  'number',\n  'custom-prop',\n  'custom-prop-ref',\n  'css-function',\n  'tasty-function',\n  'group-expr',\n]);\n\n/** The source text of a token. `keyword` tokens carry `value` rather than `raw`. */\nfunction tokenText(token: ValueToken): string {\n  if ('raw' in token && typeof token.raw === 'string') return token.raw;\n  if (token.type === 'keyword') return token.value;\n\n  return '';\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-directional-modifier',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate directional modifiers: only on properties that support them, and one value per group',\n    },\n    messages: {\n      invalidDirectionalModifier:\n        \"Modifier '{{modifier}}' is not valid for '{{property}}'. Accepted: {{accepted}}.\",\n      tooManyValues:\n        'A group that names directions takes {{limit}}, but \\'{{group}}\\' has {{count}}. Values and modifiers are parsed into separate buckets, so their order is not recoverable — use comma-separated groups for per-side values, e.g. \"2x top, 4x right\".',\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 allowedMods = DIRECTIONAL_MODIFIERS[property];\n      // Only properties with a directional vocabulary are checked.\n      //\n      // This gate looks like it makes the \"wrong property\" case unreachable, and\n      // it does — but removing it is not the fix. Direction words are ordinary CSS\n      // *values* for a long tail of properties: `verticalAlign: 'bottom'`,\n      // `textAlign: 'left'`, `transformOrigin: 'top center'`,\n      // `backgroundPosition`, `objectPosition`, `float`, `clear`,\n      // `scrollSnapAlign`, and `transition` (whose value names properties, which\n      // can themselves be `left`/`top`). Checking every property reported all of\n      // those as errors across a real design system. Catching `fill: '#purple\n      // top'` is not worth an allowlist of every property that takes a\n      // positional keyword.\n      if (!allowedMods) return;\n\n      // `parseValue` splits on commas (groups) and spaced slashes (parts), which\n      // is what makes a per-group arity check possible at all.\n      const { groups } = parseValue(value, {\n        skipUnitValidation: true,\n        skipFuncValidation: true,\n      });\n\n      for (const group of groups) {\n        const tokens = group.parts.flatMap((part) => part.tokens);\n        const directions: string[] = [];\n        let valueCount = 0;\n        let hasSpanModifier = false;\n\n        for (const token of tokens) {\n          if (VALUE_TOKEN_TYPES.has(token.type)) {\n            valueCount++;\n            continue;\n          }\n\n          const word = tokenText(token);\n\n          if (ALL_DIRECTIONS.has(word)) {\n            directions.push(word);\n          } else if (word === 'dock' && DOCK_PROPERTIES.has(property)) {\n            hasSpanModifier = true;\n          }\n        }\n\n        if (directions.length === 0) continue;\n\n        let reportedUnknown = false;\n        for (const direction of directions) {\n          if (!allowedMods.has(direction)) {\n            context.report({\n              node,\n              messageId: 'invalidDirectionalModifier',\n              data: {\n                property,\n                modifier: direction,\n                accepted: [...allowedMods].join(', '),\n              },\n            });\n            reportedUnknown = true;\n          }\n        }\n\n        // Don't pile an arity complaint on top of an already-invalid modifier.\n        if (reportedUnknown) continue;\n\n        if (!SINGLE_VALUE_DIRECTIONAL_PROPERTIES.has(property)) continue;\n\n        // Values and modifiers are bucketed separately by the parser, so the\n        // pairing a reader infers from source order does not survive parsing: a\n        // group naming directions carries one value, applied to every direction it\n        // names. `dock` is the exception — its second value insets the sides the\n        // dock spans.\n        const limit = hasSpanModifier ? 2 : 1;\n\n        if (valueCount > limit) {\n          context.report({\n            node,\n            messageId: 'tooManyValues',\n            data: {\n              group: tokens.map(tokenText).filter(Boolean).join(' '),\n              count: `${valueCount}`,\n              limit: hasSpanModifier ? 'at most two values' : 'a single value',\n            },\n          });\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (!ctx.isStyleObject(node)) return;\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property' || prop.computed) continue;\n\n        const key = getKeyName(prop.key);\n        if (key === null) continue;\n\n        // Sub-elements, at-rules, token declarations, nested selectors, and the\n        // `$` affix (which holds a selector, not a value) are not style values.\n        if (\n          key === '$' ||\n          key.startsWith('@') ||\n          key.startsWith('$') ||\n          key.startsWith('#') ||\n          key.startsWith('&') ||\n          /^[A-Z]/.test(key)\n        ) {\n          continue;\n        }\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 (\n          prop.value.type === 'ObjectExpression' &&\n          ctx.isStateMap(prop.value, prop)\n        ) {\n          for (const stateProp of prop.value.properties) {\n            if (stateProp.type !== 'Property') continue;\n            const stateStr = getStringValue(stateProp.value);\n            if (stateStr) {\n              checkValue(key, stateStr, stateProp.value);\n            }\n          }\n        }\n      }\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":"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"}