@drskillissue/ganko 0.2.71 → 0.2.72

package/dist/index.cjs

@@ -29835,148 +29835,8 @@ function checkParagraphSpacing(graph, emit, policy, name) {
   }
 }
 
-// src/css/rules/a11y/css-policy-touch-target.ts
-var messages125 = {
-  heightTooSmall: "`{{property}}` of `{{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for `{{element}}` elements in policy `{{policy}}`.",
-  widthTooSmall: "`{{property}}` of `{{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for `{{element}}` elements in policy `{{policy}}`.",
-  paddingTooSmall: "Horizontal padding `{{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for `{{element}}` elements in policy `{{policy}}`."
-};
-function classifyRule(rule) {
-  if (rule.elementKinds.has("button")) return "button";
-  if (rule.elementKinds.has("input")) return "input";
-  return null;
-}
-var HEIGHT_PROPERTIES = /* @__PURE__ */ new Set(["height", "min-height"]);
-var WIDTH_PROPERTIES = /* @__PURE__ */ new Set(["width", "min-width"]);
-var HPADDING_PROPERTIES = /* @__PURE__ */ new Set(["padding-left", "padding-right", "padding-inline", "padding-inline-start", "padding-inline-end"]);
-var cssPolicyTouchTarget = defineCSSRule({
-  id: "css-policy-touch-target",
-  severity: "warn",
-  messages: messages125,
-  meta: {
-    description: "Enforce minimum interactive element sizes per accessibility policy.",
-    fixable: false,
-    category: "css-a11y"
-  },
-  options: {},
-  check(graph, emit) {
-    const policy = getActivePolicy();
-    if (policy === null) return;
-    const name = getActivePolicyName() ?? "";
-    const decls = graph.declarationsForProperties(
-      "height",
-      "min-height",
-      "width",
-      "min-width",
-      "padding-left",
-      "padding-right",
-      "padding-inline",
-      "padding-inline-start",
-      "padding-inline-end"
-    );
-    for (let i = 0; i < decls.length; i++) {
-      const d = decls[i];
-      if (!d) continue;
-      if (!d.rule) continue;
-      const prop = d.property.toLowerCase();
-      const kind = classifyRule(d.rule);
-      if (!kind) continue;
-      if (isVisuallyHiddenInput(d.rule)) continue;
-      const px = parsePxValue(d.value);
-      if (px === null) continue;
-      if (HEIGHT_PROPERTIES.has(prop)) {
-        const min = kind === "button" ? policy.minButtonHeight : policy.minInputHeight;
-        if (px >= min) continue;
-        emitCSSDiagnostic(
-          emit,
-          d.file.path,
-          d.startLine,
-          d.startColumn,
-          cssPolicyTouchTarget,
-          "heightTooSmall",
-          resolveMessage(messages125.heightTooSmall, {
-            property: d.property,
-            value: d.value.trim(),
-            resolved: String(Math.round(px * 100) / 100),
-            min: String(min),
-            element: kind,
-            policy: name
-          })
-        );
-        continue;
-      }
-      if (WIDTH_PROPERTIES.has(prop)) {
-        const min = kind === "button" ? policy.minButtonWidth : policy.minTouchTarget;
-        if (px >= min) continue;
-        emitCSSDiagnostic(
-          emit,
-          d.file.path,
-          d.startLine,
-          d.startColumn,
-          cssPolicyTouchTarget,
-          "widthTooSmall",
-          resolveMessage(messages125.widthTooSmall, {
-            property: d.property,
-            value: d.value.trim(),
-            resolved: String(Math.round(px * 100) / 100),
-            min: String(min),
-            element: kind,
-            policy: name
-          })
-        );
-        continue;
-      }
-      if (kind === "button" && HPADDING_PROPERTIES.has(prop)) {
-        if (px >= policy.minButtonHorizontalPadding) continue;
-        emitCSSDiagnostic(
-          emit,
-          d.file.path,
-          d.startLine,
-          d.startColumn,
-          cssPolicyTouchTarget,
-          "paddingTooSmall",
-          resolveMessage(messages125.paddingTooSmall, {
-            value: d.value.trim(),
-            resolved: String(Math.round(px * 100) / 100),
-            min: String(policy.minButtonHorizontalPadding),
-            element: kind,
-            policy: name
-          })
-        );
-      }
-    }
-  }
-});
-function isVisuallyHiddenInput(rule) {
-  if (!hasPositionAbsoluteOrFixed(rule)) return false;
-  if (!hasOpacityZero(rule)) return false;
-  return true;
-}
-function hasPositionAbsoluteOrFixed(rule) {
-  const positionDecls = rule.declarationIndex.get("position");
-  if (!positionDecls || positionDecls.length === 0) return false;
-  for (let i = 0; i < positionDecls.length; i++) {
-    const decl = positionDecls[i];
-    if (!decl) continue;
-    const v = decl.value.trim().toLowerCase();
-    if (v === "absolute" || v === "fixed") return true;
-  }
-  return false;
-}
-function hasOpacityZero(rule) {
-  const opacityDecls = rule.declarationIndex.get("opacity");
-  if (!opacityDecls || opacityDecls.length === 0) return false;
-  for (let i = 0; i < opacityDecls.length; i++) {
-    const decl = opacityDecls[i];
-    if (!decl) continue;
-    const v = decl.value.trim();
-    if (v === "0") return true;
-  }
-  return false;
-}
-
 // src/css/rules/a11y/css-policy-typography.ts
-var messages126 = {
+var messages125 = {
   fontTooSmall: "Font size `{{value}}` ({{resolved}}px) is below the `{{context}}` minimum of `{{min}}px` for policy `{{policy}}`.",
   lineHeightTooSmall: "Line height `{{value}}` is below the `{{context}}` minimum of `{{min}}` for policy `{{policy}}`."
 };
@@ -30012,7 +29872,7 @@ function resolveLineHeightContext(d, p) {
 var cssPolicyTypography = defineCSSRule({
   id: "css-policy-typography",
   severity: "warn",
-  messages: messages126,
+  messages: messages125,
   meta: {
     description: "Enforce minimum font sizes and line heights per accessibility policy.",
     fixable: false,
@@ -30039,7 +29899,7 @@ var cssPolicyTypography = defineCSSRule({
           d.startColumn,
           cssPolicyTypography,
           "fontTooSmall",
-          resolveMessage(messages126.fontTooSmall, {
+          resolveMessage(messages125.fontTooSmall, {
             value: d.value.trim(),
             resolved: String(Math.round(px * 100) / 100),
             context,
@@ -30066,7 +29926,7 @@ var cssPolicyTypography = defineCSSRule({
           d.startColumn,
           cssPolicyTypography,
           "lineHeightTooSmall",
-          resolveMessage(messages126.lineHeightTooSmall, {
+          resolveMessage(messages125.lineHeightTooSmall, {
             value: d.value.trim(),
             context,
             min: String(min),
@@ -30084,7 +29944,7 @@ var ZERO_S = /(^|\s|,)0s($|\s|,)/;
 var TIME_VALUE_G = /([0-9]*\.?[0-9]+)(ms|s)/g;
 var AMPERSAND_G = /&/g;
 var WHITESPACE_G = /\s+/g;
-var messages127 = {
+var messages126 = {
   missingReducedMotion: "Animated selector `{{selector}}` lacks prefers-reduced-motion override."
 };
 function isAnimationDecl(p) {
@@ -30188,7 +30048,7 @@ function normalizeSelector2(s) {
 var cssRequireReducedMotionOverride = defineCSSRule({
   id: "css-require-reduced-motion-override",
   severity: "warn",
-  messages: messages127,
+  messages: messages126,
   meta: {
     description: "Require reduced-motion override for animated selectors.",
     fixable: false,
@@ -30251,20 +30111,20 @@ var cssRequireReducedMotionOverride = defineCSSRule({
         d.startColumn,
         cssRequireReducedMotionOverride,
         "missingReducedMotion",
-        resolveMessage(messages127.missingReducedMotion, { selector: r.selectorText })
+        resolveMessage(messages126.missingReducedMotion, { selector: r.selectorText })
       );
     }
   }
 });
 
 // src/css/rules/structure/css-no-empty-rule.ts
-var messages128 = {
+var messages127 = {
   emptyRule: "Empty rule `{{selector}}` should be removed."
 };
 var cssNoEmptyRule = defineCSSRule({
   id: "css-no-empty-rule",
   severity: "warn",
-  messages: messages128,
+  messages: messages127,
   meta: {
     description: "Disallow empty CSS rules.",
     fixable: false,
@@ -30282,20 +30142,20 @@ var cssNoEmptyRule = defineCSSRule({
         rule.startColumn,
         cssNoEmptyRule,
         "emptyRule",
-        resolveMessage(messages128.emptyRule, { selector: rule.selectorText })
+        resolveMessage(messages127.emptyRule, { selector: rule.selectorText })
       );
     }
   }
 });
 
 // src/css/rules/structure/css-no-unknown-container-name.ts
-var messages129 = {
+var messages128 = {
   unknownContainer: "Unknown container name `{{name}}` in @container query."
 };
 var cssNoUnknownContainerName = defineCSSRule({
   id: "css-no-unknown-container-name",
   severity: "error",
-  messages: messages129,
+  messages: messages128,
   meta: {
     description: "Disallow unknown named containers in @container queries.",
     fixable: false,
@@ -30315,20 +30175,20 @@ var cssNoUnknownContainerName = defineCSSRule({
         1,
         cssNoUnknownContainerName,
         "unknownContainer",
-        resolveMessage(messages129.unknownContainer, { name })
+        resolveMessage(messages128.unknownContainer, { name })
       );
     }
   }
 });
 
 // src/css/rules/structure/css-no-unused-container-name.ts
-var messages130 = {
+var messages129 = {
   unusedContainer: "Container name `{{name}}` is declared but never queried."
 };
 var cssNoUnusedContainerName = defineCSSRule({
   id: "css-no-unused-container-name",
   severity: "warn",
-  messages: messages130,
+  messages: messages129,
   meta: {
     description: "Disallow unused named containers.",
     fixable: false,
@@ -30351,7 +30211,7 @@ var cssNoUnusedContainerName = defineCSSRule({
           d.startColumn,
           cssNoUnusedContainerName,
           "unusedContainer",
-          resolveMessage(messages130.unusedContainer, { name })
+          resolveMessage(messages129.unusedContainer, { name })
         );
       }
     }
@@ -30359,13 +30219,13 @@ var cssNoUnusedContainerName = defineCSSRule({
 });
 
 // src/css/rules/structure/layer-requirement-for-component-rules.ts
-var messages131 = {
+var messages130 = {
   missingLayer: "Rule `{{selector}}` is not inside any @layer block while this file uses @layer. Place component rules inside an explicit layer."
 };
 var layerRequirementForComponentRules = defineCSSRule({
   id: "layer-requirement-for-component-rules",
   severity: "warn",
-  messages: messages131,
+  messages: messages130,
   meta: {
     description: "Require style rules to be inside @layer when the file defines layers.",
     fixable: false,
@@ -30384,7 +30244,7 @@ var layerRequirementForComponentRules = defineCSSRule({
         rule.startColumn,
         layerRequirementForComponentRules,
         "missingLayer",
-        resolveMessage(messages131.missingLayer, {
+        resolveMessage(messages130.missingLayer, {
           selector: rule.selectorText
         })
       );
@@ -30424,7 +30284,6 @@ var rules2 = [
   selectorMaxAttributeAndUniversal,
   selectorMaxSpecificity,
   cssPolicyTypography,
-  cssPolicyTouchTarget,
   cssPolicySpacing,
   cssPolicyContrast
 ];
@@ -30761,21 +30620,34 @@ function detectTailwindEntry(files) {
   }
   return themeOnlyFallback;
 }
-async function resolveTailwindValidator(files) {
+async function resolveTailwindValidator(files, logger) {
   const entry = detectTailwindEntry(files);
-  if (!entry) return null;
+  if (!entry) {
+    logger?.info('tailwind: no entry file detected (no @import "tailwindcss" or @theme block found in CSS files)');
+    return null;
+  }
+  logger?.info(`tailwind: entry file detected: ${entry.path}`);
   try {
     const base = (0, import_node_path2.dirname)(entry.path);
     const resolved = resolveTailwindNodePath(base);
-    if (resolved === null) return null;
+    if (resolved === null) {
+      logger?.warning(`tailwind: @tailwindcss/node not resolvable walking up from ${base}`);
+      return null;
+    }
+    logger?.info(`tailwind: @tailwindcss/node resolved to ${resolved}`);
     const mod = await import(resolved);
-    if (typeof mod.__unstable__loadDesignSystem !== "function") return null;
+    if (typeof mod.__unstable__loadDesignSystem !== "function") {
+      logger?.warning("tailwind: @tailwindcss/node module missing __unstable__loadDesignSystem export");
+      return null;
+    }
     const design = await mod.__unstable__loadDesignSystem(
       entry.content,
       { base }
     );
+    logger?.info("tailwind: design system loaded successfully");
     return createLiveValidator(design);
-  } catch {
+  } catch (err) {
+    logger?.warning(`tailwind: failed to load design system: ${err instanceof Error ? err.message : String(err)}`);
     return null;
   }
 }
@@ -39580,13 +39452,13 @@ function emitLayoutDiagnostic(layout, node, emit, ruleId, messageId, template, s
 }
 
 // src/cross-file/rules/undefined-css-class.ts
-var messages132 = {
+var messages131 = {
   undefinedClass: "CSS class '{{className}}' is not defined in project CSS files"
 };
 var jsxNoUndefinedCssClass = defineCrossRule({
   id: "jsx-no-undefined-css-class",
   severity: "error",
-  messages: messages132,
+  messages: messages131,
   meta: {
     description: "Detect undefined CSS class names in JSX",
     fixable: false,
@@ -39605,7 +39477,7 @@ var jsxNoUndefinedCssClass = defineCrossRule({
         ref.solid.sourceFile,
         jsxNoUndefinedCssClass.id,
         "undefinedClass",
-        resolveMessage(messages132.undefinedClass, { className: item.className }),
+        resolveMessage(messages131.undefinedClass, { className: item.className }),
         "error"
       ));
     }
@@ -39613,13 +39485,13 @@ var jsxNoUndefinedCssClass = defineCrossRule({
 });
 
 // src/cross-file/rules/unreferenced-css-class.ts
-var messages133 = {
+var messages132 = {
   unreferencedClass: "CSS class '{{className}}' is defined but not referenced by static JSX class attributes"
 };
 var cssNoUnreferencedComponentClass = defineCrossRule({
   id: "css-no-unreferenced-component-class",
   severity: "warn",
-  messages: messages133,
+  messages: messages132,
   meta: {
     description: "Detect CSS classes that are never referenced by static JSX class attributes.",
     fixable: false,
@@ -39643,7 +39515,7 @@ var cssNoUnreferencedComponentClass = defineCrossRule({
           },
           cssNoUnreferencedComponentClass.id,
           "unreferencedClass",
-          resolveMessage(messages133.unreferencedClass, { className }),
+          resolveMessage(messages132.unreferencedClass, { className }),
           "warn"
         )
       );
@@ -39652,13 +39524,13 @@ var cssNoUnreferencedComponentClass = defineCrossRule({
 });
 
 // src/cross-file/rules/jsx-no-duplicate-class-token-class-classlist.ts
-var messages134 = {
+var messages133 = {
   duplicateClassToken: "Class token `{{name}}` appears in both class and classList."
 };
 var jsxNoDuplicateClassTokenClassClasslist = defineCrossRule({
   id: "jsx-no-duplicate-class-token-class-classlist",
   severity: "warn",
-  messages: messages134,
+  messages: messages133,
   meta: {
     description: "Disallow duplicate class tokens between class and classList on the same JSX element.",
     fixable: false,
@@ -39700,7 +39572,7 @@ var jsxNoDuplicateClassTokenClassClasslist = defineCrossRule({
             solid.sourceFile,
             jsxNoDuplicateClassTokenClassClasslist.id,
             "duplicateClassToken",
-            resolveMessage(messages134.duplicateClassToken, { name: token }),
+            resolveMessage(messages133.duplicateClassToken, { name: token }),
             "warn"
           ));
         }
@@ -39711,13 +39583,13 @@ var jsxNoDuplicateClassTokenClassClasslist = defineCrossRule({
 
 // src/cross-file/rules/jsx-classlist-static-keys.ts
 var import_typescript128 = __toESM(require("typescript"), 1);
-var messages135 = {
+var messages134 = {
   nonStaticKey: "classList key must be statically known for reliable class mapping."
 };
 var jsxClasslistStaticKeys = defineCrossRule({
   id: "jsx-classlist-static-keys",
   severity: "error",
-  messages: messages135,
+  messages: messages134,
   meta: {
     description: "Require classList keys to be static and non-computed.",
     fixable: false,
@@ -39728,26 +39600,26 @@ var jsxClasslistStaticKeys = defineCrossRule({
     forEachClassListPropertyAcross(solids, (solid, p) => {
       if (import_typescript128.default.isSpreadAssignment(p)) return;
       if (!import_typescript128.default.isPropertyAssignment(p)) {
-        emit(createDiagnostic(solid.file, p, solid.sourceFile, jsxClasslistStaticKeys.id, "nonStaticKey", resolveMessage(messages135.nonStaticKey), "error"));
+        emit(createDiagnostic(solid.file, p, solid.sourceFile, jsxClasslistStaticKeys.id, "nonStaticKey", resolveMessage(messages134.nonStaticKey), "error"));
         return;
       }
       if (import_typescript128.default.isComputedPropertyName(p.name)) return;
       if (import_typescript128.default.isIdentifier(p.name)) return;
       if (import_typescript128.default.isStringLiteral(p.name)) return;
-      emit(createDiagnostic(solid.file, p.name, solid.sourceFile, jsxClasslistStaticKeys.id, "nonStaticKey", resolveMessage(messages135.nonStaticKey), "error"));
+      emit(createDiagnostic(solid.file, p.name, solid.sourceFile, jsxClasslistStaticKeys.id, "nonStaticKey", resolveMessage(messages134.nonStaticKey), "error"));
     });
   }
 });
 
 // src/cross-file/rules/jsx-classlist-no-constant-literals.ts
 var import_typescript129 = __toESM(require("typescript"), 1);
-var messages136 = {
+var messages135 = {
   constantEntry: "classList entry `{{name}}: {{value}}` is constant; move it to static class."
 };
 var jsxClasslistNoConstantLiterals = defineCrossRule({
   id: "jsx-classlist-no-constant-literals",
   severity: "warn",
-  messages: messages136,
+  messages: messages135,
   meta: {
     description: "Disallow classList entries with constant true/false values.",
     fixable: false,
@@ -39767,7 +39639,7 @@ var jsxClasslistNoConstantLiterals = defineCrossRule({
         solid.sourceFile,
         jsxClasslistNoConstantLiterals.id,
         "constantEntry",
-        resolveMessage(messages136.constantEntry, { name: n, value: val.kind === import_typescript129.default.SyntaxKind.TrueKeyword ? "true" : "false" }),
+        resolveMessage(messages135.constantEntry, { name: n, value: val.kind === import_typescript129.default.SyntaxKind.TrueKeyword ? "true" : "false" }),
         "warn"
       ));
     });
@@ -39802,13 +39674,13 @@ function isDefinitelyNonBooleanType(solid, node) {
 }
 
 // src/cross-file/rules/jsx-classlist-boolean-values.ts
-var messages137 = {
+var messages136 = {
   nonBooleanValue: "classList value for `{{name}}` must be boolean."
 };
 var jsxClasslistBooleanValues = defineCrossRule({
   id: "jsx-classlist-boolean-values",
   severity: "error",
-  messages: messages137,
+  messages: messages136,
   meta: {
     description: "Require classList values to be boolean-like expressions.",
     fixable: false,
@@ -39822,25 +39694,25 @@ var jsxClasslistBooleanValues = defineCrossRule({
       if (!n) return;
       if (isBooleanish(p.initializer)) return;
       if (isDefinitelyNonBoolean(p.initializer)) {
-        emit(createDiagnostic(solid.file, p.initializer, solid.sourceFile, jsxClasslistBooleanValues.id, "nonBooleanValue", resolveMessage(messages137.nonBooleanValue, { name: n }), "error"));
+        emit(createDiagnostic(solid.file, p.initializer, solid.sourceFile, jsxClasslistBooleanValues.id, "nonBooleanValue", resolveMessage(messages136.nonBooleanValue, { name: n }), "error"));
         return;
       }
       if (isBooleanType(solid, p.initializer)) return;
       if (!isDefinitelyNonBooleanType(solid, p.initializer)) return;
-      emit(createDiagnostic(solid.file, p.initializer, solid.sourceFile, jsxClasslistBooleanValues.id, "nonBooleanValue", resolveMessage(messages137.nonBooleanValue, { name: n }), "error"));
+      emit(createDiagnostic(solid.file, p.initializer, solid.sourceFile, jsxClasslistBooleanValues.id, "nonBooleanValue", resolveMessage(messages136.nonBooleanValue, { name: n }), "error"));
     });
   }
 });
 
 // src/cross-file/rules/jsx-classlist-no-accessor-reference.ts
 var import_typescript131 = __toESM(require("typescript"), 1);
-var messages138 = {
+var messages137 = {
   accessorReference: "Signal accessor `{{name}}` must be called in classList value (use {{name}}())."
 };
 var jsxClasslistNoAccessorReference = defineCrossRule({
   id: "jsx-classlist-no-accessor-reference",
   severity: "error",
-  messages: messages138,
+  messages: messages137,
   meta: {
     description: "Disallow passing accessor references directly as classList values.",
     fixable: false,
@@ -39872,7 +39744,7 @@ var jsxClasslistNoAccessorReference = defineCrossRule({
         solid.sourceFile,
         jsxClasslistNoAccessorReference.id,
         "accessorReference",
-        resolveMessage(messages138.accessorReference, { name: v.text }),
+        resolveMessage(messages137.accessorReference, { name: v.text }),
         "error"
       ));
     });
@@ -39881,13 +39753,13 @@ var jsxClasslistNoAccessorReference = defineCrossRule({
 
 // src/cross-file/rules/jsx-style-kebab-case-keys.ts
 var import_typescript132 = __toESM(require("typescript"), 1);
-var messages139 = {
+var messages138 = {
   kebabStyleKey: "Style key `{{name}}` should be `{{kebab}}` in Solid style objects."
 };
 var jsxStyleKebabCaseKeys = defineCrossRule({
   id: "jsx-style-kebab-case-keys",
   severity: "error",
-  messages: messages139,
+  messages: messages138,
   meta: {
     description: "Require kebab-case keys in JSX style object literals.",
     fixable: false,
@@ -39908,7 +39780,7 @@ var jsxStyleKebabCaseKeys = defineCrossRule({
         solid.sourceFile,
         jsxStyleKebabCaseKeys.id,
         "kebabStyleKey",
-        resolveMessage(messages139.kebabStyleKey, { name: n, kebab }),
+        resolveMessage(messages138.kebabStyleKey, { name: n, kebab }),
         "error"
       ));
     });
@@ -39917,13 +39789,13 @@ var jsxStyleKebabCaseKeys = defineCrossRule({
 
 // src/cross-file/rules/jsx-style-no-function-values.ts
 var import_typescript133 = __toESM(require("typescript"), 1);
-var messages140 = {
+var messages139 = {
   functionStyleValue: "Style value for `{{name}}` is a function; pass computed value instead."
 };
 var jsxStyleNoFunctionValues = defineCrossRule({
   id: "jsx-style-no-function-values",
   severity: "error",
-  messages: messages140,
+  messages: messages139,
   meta: {
     description: "Disallow function values in JSX style objects.",
     fixable: false,
@@ -39937,11 +39809,11 @@ var jsxStyleNoFunctionValues = defineCrossRule({
       if (!n) return;
       const v = p.initializer;
       if (import_typescript133.default.isArrowFunction(v) || import_typescript133.default.isFunctionExpression(v)) {
-        emit(createDiagnostic(solid.file, v, solid.sourceFile, jsxStyleNoFunctionValues.id, "functionStyleValue", resolveMessage(messages140.functionStyleValue, { name: n }), "error"));
+        emit(createDiagnostic(solid.file, v, solid.sourceFile, jsxStyleNoFunctionValues.id, "functionStyleValue", resolveMessage(messages139.functionStyleValue, { name: n }), "error"));
         return;
       }
       if (import_typescript133.default.isIdentifier(v) && solid.typeResolver.isCallableType(v)) {
-        emit(createDiagnostic(solid.file, v, solid.sourceFile, jsxStyleNoFunctionValues.id, "functionStyleValue", resolveMessage(messages140.functionStyleValue, { name: n }), "error"));
+        emit(createDiagnostic(solid.file, v, solid.sourceFile, jsxStyleNoFunctionValues.id, "functionStyleValue", resolveMessage(messages139.functionStyleValue, { name: n }), "error"));
       }
     });
   }
@@ -39949,13 +39821,13 @@ var jsxStyleNoFunctionValues = defineCrossRule({
 
 // src/cross-file/rules/jsx-style-no-unused-custom-prop.ts
 var import_typescript134 = __toESM(require("typescript"), 1);
-var messages141 = {
+var messages140 = {
   unusedInlineVar: "Inline custom property `{{name}}` is never read via var({{name}})."
 };
 var jsxStyleNoUnusedCustomProp = defineCrossRule({
   id: "jsx-style-no-unused-custom-prop",
   severity: "warn",
-  messages: messages141,
+  messages: messages140,
   meta: {
     description: "Detect inline style custom properties that are never consumed by CSS var() references.",
     fixable: false,
@@ -39996,7 +39868,7 @@ var jsxStyleNoUnusedCustomProp = defineCrossRule({
           solid.sourceFile,
           jsxStyleNoUnusedCustomProp.id,
           "unusedInlineVar",
-          resolveMessage(messages141.unusedInlineVar, { name: n }),
+          resolveMessage(messages140.unusedInlineVar, { name: n }),
           "warn"
         ));
       }
@@ -40006,7 +39878,7 @@ var jsxStyleNoUnusedCustomProp = defineCrossRule({
 
 // src/cross-file/rules/jsx-style-policy.ts
 var import_typescript135 = __toESM(require("typescript"), 1);
-var messages142 = {
+var messages141 = {
   fontTooSmall: "Inline style `{{prop}}: {{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for policy `{{policy}}`.",
   lineHeightTooSmall: "Inline style `line-height: {{value}}` is below the minimum `{{min}}` for policy `{{policy}}`.",
   heightTooSmall: "Inline style `{{prop}}: {{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for interactive elements in policy `{{policy}}`.",
@@ -40053,7 +39925,7 @@ function readNodeHostElementRef(layout, solid, element) {
 var jsxStylePolicy = defineCrossRule({
   id: "jsx-style-policy",
   severity: "warn",
-  messages: messages142,
+  messages: messages141,
   meta: {
     description: "Enforce accessibility policy thresholds on inline JSX style objects.",
     fixable: false,
@@ -40080,7 +39952,7 @@ var jsxStylePolicy = defineCrossRule({
           solid.sourceFile,
           jsxStylePolicy.id,
           "fontTooSmall",
-          resolveMessage(messages142.fontTooSmall, {
+          resolveMessage(messages141.fontTooSmall, {
             prop: key,
             value: strVal,
             resolved: formatRounded(px),
@@ -40102,7 +39974,7 @@ var jsxStylePolicy = defineCrossRule({
           solid.sourceFile,
           jsxStylePolicy.id,
           "lineHeightTooSmall",
-          resolveMessage(messages142.lineHeightTooSmall, {
+          resolveMessage(messages141.lineHeightTooSmall, {
             value: String(lh),
             min: String(policy.minLineHeight),
             policy: name
@@ -40126,7 +39998,7 @@ var jsxStylePolicy = defineCrossRule({
           solid.sourceFile,
           jsxStylePolicy.id,
           "heightTooSmall",
-          resolveMessage(messages142.heightTooSmall, {
+          resolveMessage(messages141.heightTooSmall, {
             prop: key,
             value: strVal,
             resolved: formatRounded(px),
@@ -40148,7 +40020,7 @@ var jsxStylePolicy = defineCrossRule({
           solid.sourceFile,
           jsxStylePolicy.id,
           "letterSpacingTooSmall",
-          resolveMessage(messages142.letterSpacingTooSmall, {
+          resolveMessage(messages141.letterSpacingTooSmall, {
             value: strVal,
             resolved: String(em),
             min: String(policy.minLetterSpacing),
@@ -40169,7 +40041,7 @@ var jsxStylePolicy = defineCrossRule({
           solid.sourceFile,
           jsxStylePolicy.id,
           "wordSpacingTooSmall",
-          resolveMessage(messages142.wordSpacingTooSmall, {
+          resolveMessage(messages141.wordSpacingTooSmall, {
             value: strVal,
             resolved: String(em),
             min: String(policy.minWordSpacing),
@@ -40183,7 +40055,7 @@ var jsxStylePolicy = defineCrossRule({
 });
 
 // src/cross-file/rules/css-layout-sibling-alignment-outlier.ts
-var messages143 = {
+var messages142 = {
   misalignedSibling: "Vertically misaligned '{{subject}}' in '{{parent}}'.{{fix}}{{offsetClause}}"
 };
 var MIN_CONFIDENCE_THRESHOLD = 0.48;
@@ -40231,7 +40103,7 @@ var siblingAlignmentDetector = {
 var cssLayoutSiblingAlignmentOutlier = defineCrossRule({
   id: "css-layout-sibling-alignment-outlier",
   severity: "warn",
-  messages: messages143,
+  messages: messages142,
   meta: {
     description: "Detect vertical alignment outliers between sibling elements in shared layout containers.",
     fixable: false,
@@ -40315,7 +40187,7 @@ var cssLayoutSiblingAlignmentOutlier = defineCrossRule({
           subjectRef.solid.sourceFile,
           cssLayoutSiblingAlignmentOutlier.id,
           "misalignedSibling",
-          resolveMessage(messages143.misalignedSibling, {
+          resolveMessage(messages142.misalignedSibling, {
             subject,
             parent,
             fix,
@@ -40399,13 +40271,13 @@ function hasNonOffsetPrimaryEvidence(topFactors) {
 }
 
 // src/cross-file/rules/css-layout-transition-layout-property.ts
-var messages144 = {
+var messages143 = {
   transitionLayoutProperty: "Transition '{{property}}' in '{{declaration}}' animates layout-affecting geometry. Prefer transform/opacity to avoid CLS."
 };
 var cssLayoutTransitionLayoutProperty = defineCrossRule({
   id: "css-layout-transition-layout-property",
   severity: "warn",
-  messages: messages144,
+  messages: messages143,
   meta: {
     description: "Disallow transitions that animate layout-affecting geometry properties.",
     fixable: false,
@@ -40429,7 +40301,7 @@ var cssLayoutTransitionLayoutProperty = defineCrossRule({
           },
           cssLayoutTransitionLayoutProperty.id,
           "transitionLayoutProperty",
-          resolveMessage(messages144.transitionLayoutProperty, {
+          resolveMessage(messages143.transitionLayoutProperty, {
             property: target,
             declaration: declaration.property
           }),
@@ -40444,13 +40316,13 @@ function findLayoutTransitionTarget(raw) {
 }
 
 // src/cross-file/rules/css-layout-animation-layout-property.ts
-var messages145 = {
+var messages144 = {
   animationLayoutProperty: "Animation '{{animation}}' mutates layout-affecting '{{property}}', which can trigger CLS. Prefer transform/opacity or reserve geometry."
 };
 var cssLayoutAnimationLayoutProperty = defineCrossRule({
   id: "css-layout-animation-layout-property",
   severity: "warn",
-  messages: messages145,
+  messages: messages144,
   meta: {
     description: "Disallow keyframe animations that mutate layout-affecting properties and can trigger CLS.",
     fixable: false,
@@ -40478,7 +40350,7 @@ var cssLayoutAnimationLayoutProperty = defineCrossRule({
           },
           cssLayoutAnimationLayoutProperty.id,
           "animationLayoutProperty",
-          resolveMessage(messages145.animationLayoutProperty, {
+          resolveMessage(messages144.animationLayoutProperty, {
             animation: match.name,
             property: match.property
           }),
@@ -40548,13 +40420,13 @@ function firstRiskyAnimationName(names, riskyKeyframes) {
 }
 
 // src/cross-file/rules/css-layout-stateful-box-model-shift.ts
-var messages146 = {
+var messages145 = {
   statefulBoxModelShift: "State selector '{{selector}}' changes layout-affecting '{{property}}'. Keep geometry stable across states to avoid CLS."
 };
 var cssLayoutStatefulBoxModelShift = defineCrossRule({
   id: "css-layout-stateful-box-model-shift",
   severity: "warn",
-  messages: messages146,
+  messages: messages145,
   meta: {
     description: "Disallow stateful selector changes that alter element geometry and trigger layout shifts.",
     fixable: false,
@@ -40595,7 +40467,7 @@ var cssLayoutStatefulBoxModelShift = defineCrossRule({
             },
             cssLayoutStatefulBoxModelShift.id,
             "statefulBoxModelShift",
-            resolveMessage(messages146.statefulBoxModelShift, {
+            resolveMessage(messages145.statefulBoxModelShift, {
               selector: match.raw,
               property: declaration.property
             }),
@@ -40689,14 +40561,14 @@ function lookupBaseByProperty(baseValueIndex, selectorKeys) {
 
 // src/cross-file/rules/css-layout-unsized-replaced-element.ts
 var import_typescript136 = __toESM(require("typescript"), 1);
-var messages147 = {
+var messages146 = {
   unsizedReplacedElement: "Replaced element '{{tag}}' has no stable reserved size (width/height or aspect-ratio with a dimension), which can cause CLS."
 };
 var REPLACED_MEDIA_TAGS = /* @__PURE__ */ new Set(["img", "video", "iframe", "canvas", "svg"]);
 var cssLayoutUnsizedReplacedElement = defineCrossRule({
   id: "css-layout-unsized-replaced-element",
   severity: "warn",
-  messages: messages147,
+  messages: messages146,
   meta: {
     description: "Require stable reserved geometry for replaced media elements to prevent layout shifts.",
     fixable: false,
@@ -40721,7 +40593,7 @@ var cssLayoutUnsizedReplacedElement = defineCrossRule({
           ref.solid.sourceFile,
           cssLayoutUnsizedReplacedElement.id,
           "unsizedReplacedElement",
-          resolveMessage(messages147.unsizedReplacedElement, { tag }),
+          resolveMessage(messages146.unsizedReplacedElement, { tag }),
           "warn"
         )
       );
@@ -40774,7 +40646,7 @@ function readPositiveJsxAttribute(solid, element, name) {
 }
 
 // src/cross-file/rules/css-layout-dynamic-slot-no-reserved-space.ts
-var messages148 = {
+var messages147 = {
   dynamicSlotNoReservedSpace: "Dynamic content container '{{tag}}' does not reserve block space (min-height/height/aspect-ratio/contain-intrinsic-size), which can cause CLS."
 };
 var INLINE_DISPLAYS = /* @__PURE__ */ new Set(["inline", "contents"]);
@@ -40796,7 +40668,7 @@ function hasOutOfFlowAncestor(layout, node) {
 var cssLayoutDynamicSlotNoReservedSpace = defineCrossRule({
   id: "css-layout-dynamic-slot-no-reserved-space",
   severity: "warn",
-  messages: messages148,
+  messages: messages147,
   meta: {
     description: "Require reserved block space for dynamic content containers to avoid layout shifts.",
     fixable: false,
@@ -40819,19 +40691,19 @@ var cssLayoutDynamicSlotNoReservedSpace = defineCrossRule({
       const reservedSpace = readReservedSpaceFact(context.layout, node);
       if (reservedSpace.hasReservedSpace) continue;
       if (hasBlockAxisPadding(snapshot)) continue;
-      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutDynamicSlotNoReservedSpace.id, "dynamicSlotNoReservedSpace", messages148.dynamicSlotNoReservedSpace, cssLayoutDynamicSlotNoReservedSpace.severity)) continue;
+      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutDynamicSlotNoReservedSpace.id, "dynamicSlotNoReservedSpace", messages147.dynamicSlotNoReservedSpace, cssLayoutDynamicSlotNoReservedSpace.severity)) continue;
     }
   }
 });
 
 // src/cross-file/rules/css-layout-scrollbar-gutter-instability.ts
-var messages149 = {
+var messages148 = {
   missingScrollbarGutter: "Scrollable container '{{tag}}' uses overflow auto/scroll without `scrollbar-gutter: stable`, which can trigger CLS when scrollbars appear."
 };
 var cssLayoutScrollbarGutterInstability = defineCrossRule({
   id: "css-layout-scrollbar-gutter-instability",
   severity: "warn",
-  messages: messages149,
+  messages: messages148,
   meta: {
     description: "Require stable scrollbar gutters for scrollable containers to reduce layout shifts.",
     fixable: false,
@@ -40850,19 +40722,19 @@ var cssLayoutScrollbarGutterInstability = defineCrossRule({
       if (scrollbarWidth === "none") continue;
       const gutter = readKnownNormalized(snapshot, "scrollbar-gutter");
       if (gutter !== null && gutter.startsWith("stable")) continue;
-      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutScrollbarGutterInstability.id, "missingScrollbarGutter", messages149.missingScrollbarGutter, cssLayoutScrollbarGutterInstability.severity)) continue;
+      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutScrollbarGutterInstability.id, "missingScrollbarGutter", messages148.missingScrollbarGutter, cssLayoutScrollbarGutterInstability.severity)) continue;
     }
   }
 });
 
 // src/cross-file/rules/css-layout-overflow-anchor-instability.ts
-var messages150 = {
+var messages149 = {
   unstableOverflowAnchor: "Element '{{tag}}' sets `overflow-anchor: none` on a {{context}} container; disabling scroll anchoring can amplify visible layout shifts."
 };
 var cssLayoutOverflowAnchorInstability = defineCrossRule({
   id: "css-layout-overflow-anchor-instability",
   severity: "warn",
-  messages: messages150,
+  messages: messages149,
   meta: {
     description: "Disallow overflow-anchor none on dynamic or scrollable containers prone to visible layout shifts.",
     fixable: false,
@@ -40880,20 +40752,20 @@ var cssLayoutOverflowAnchorInstability = defineCrossRule({
       const isDynamicContainer = isDynamicContainerLike(node);
       if (!isScrollable && !isDynamicContainer) continue;
       const containerContext = isScrollable ? "scrollable" : "dynamic";
-      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutOverflowAnchorInstability.id, "unstableOverflowAnchor", messages150.unstableOverflowAnchor, cssLayoutOverflowAnchorInstability.severity, { context: containerContext })) continue;
+      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutOverflowAnchorInstability.id, "unstableOverflowAnchor", messages149.unstableOverflowAnchor, cssLayoutOverflowAnchorInstability.severity, { context: containerContext })) continue;
     }
   }
 });
 
 // src/cross-file/rules/css-layout-font-swap-instability.ts
-var messages151 = {
+var messages150 = {
   unstableFontSwap: "`@font-face` for '{{family}}' uses `font-display: {{display}}` without metric overrides (for example `size-adjust`), which can cause CLS when the webfont swaps in."
 };
 var SWAP_DISPLAYS = /* @__PURE__ */ new Set(["swap", "fallback"]);
 var cssLayoutFontSwapInstability = defineCrossRule({
   id: "css-layout-font-swap-instability",
   severity: "warn",
-  messages: messages151,
+  messages: messages150,
   meta: {
     description: "Require metric overrides for swapping webfonts to reduce layout shifts during font load.",
     fixable: false,
@@ -40940,7 +40812,7 @@ var cssLayoutFontSwapInstability = defineCrossRule({
             },
             cssLayoutFontSwapInstability.id,
             "unstableFontSwap",
-            resolveMessage(messages151.unstableFontSwap, {
+            resolveMessage(messages150.unstableFontSwap, {
               family,
               display: report.display
             }),
@@ -40953,14 +40825,14 @@ var cssLayoutFontSwapInstability = defineCrossRule({
 });
 
 // src/cross-file/rules/css-layout-conditional-display-collapse.ts
-var messages152 = {
+var messages151 = {
   conditionalDisplayCollapse: "Conditional display sets '{{display}}' on '{{tag}}' without stable reserved space, which can collapse/expand layout and cause CLS."
 };
 var COLLAPSING_DISPLAYS = /* @__PURE__ */ new Set(["none", "contents"]);
 var cssLayoutConditionalDisplayCollapse = defineCrossRule({
   id: "css-layout-conditional-display-collapse",
   severity: "warn",
-  messages: messages152,
+  messages: messages151,
   meta: {
     description: "Disallow conditional display collapse in flow without reserved geometry.",
     fixable: false,
@@ -40981,13 +40853,13 @@ var cssLayoutConditionalDisplayCollapse = defineCrossRule({
       if (!isFlowRelevantBySiblingsOrText(node, snapshot.node.textualContent)) continue;
       const reservedSpace = readReservedSpaceFact(context.layout, node);
       if (reservedSpace.hasReservedSpace) continue;
-      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutConditionalDisplayCollapse.id, "conditionalDisplayCollapse", messages152.conditionalDisplayCollapse, cssLayoutConditionalDisplayCollapse.severity, { display })) continue;
+      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutConditionalDisplayCollapse.id, "conditionalDisplayCollapse", messages151.conditionalDisplayCollapse, cssLayoutConditionalDisplayCollapse.severity, { display })) continue;
     }
   }
 });
 
 // src/cross-file/rules/css-layout-conditional-white-space-wrap-shift.ts
-var messages153 = {
+var messages152 = {
   conditionalWhiteSpaceShift: "Conditional white-space '{{whiteSpace}}' on '{{tag}}' can reflow text and shift siblings; keep wrapping behavior stable or reserve geometry."
 };
 var WRAP_SHIFT_VALUES = /* @__PURE__ */ new Set(["nowrap", "pre"]);
@@ -40996,7 +40868,7 @@ var BLOCK_SIZE_PROPERTIES = ["height", "min-height"];
 var cssLayoutConditionalWhiteSpaceWrapShift = defineCrossRule({
   id: "css-layout-conditional-white-space-wrap-shift",
   severity: "warn",
-  messages: messages153,
+  messages: messages152,
   meta: {
     description: "Disallow conditional white-space wrapping mode toggles that can trigger CLS.",
     fixable: false,
@@ -41019,7 +40891,7 @@ var cssLayoutConditionalWhiteSpaceWrapShift = defineCrossRule({
       if (!flow.inFlow) continue;
       if (!isFlowRelevantBySiblingsOrText(node, snapshot.node.textualContent)) continue;
       if (hasStableTextShell(snapshot)) continue;
-      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutConditionalWhiteSpaceWrapShift.id, "conditionalWhiteSpaceShift", messages153.conditionalWhiteSpaceShift, cssLayoutConditionalWhiteSpaceWrapShift.severity, { whiteSpace })) continue;
+      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutConditionalWhiteSpaceWrapShift.id, "conditionalWhiteSpaceShift", messages152.conditionalWhiteSpaceShift, cssLayoutConditionalWhiteSpaceWrapShift.severity, { whiteSpace })) continue;
     }
   }
 });
@@ -41041,13 +40913,13 @@ function hasWrapShiftDelta(delta) {
 }
 
 // src/cross-file/rules/css-layout-overflow-mode-toggle-instability.ts
-var messages154 = {
+var messages153 = {
   overflowModeToggle: "Conditional overflow mode changes scrolling ('{{overflow}}') on '{{tag}}' without `scrollbar-gutter: stable`, which can trigger CLS."
 };
 var cssLayoutOverflowModeToggleInstability = defineCrossRule({
   id: "css-layout-overflow-mode-toggle-instability",
   severity: "warn",
-  messages: messages154,
+  messages: messages153,
   meta: {
     description: "Disallow conditional overflow mode switches that can introduce scrollbar-induced layout shifts.",
     fixable: false,
@@ -41072,7 +40944,7 @@ var cssLayoutOverflowModeToggleInstability = defineCrossRule({
       const gutter = readKnownNormalizedWithGuard(snapshot, "scrollbar-gutter");
       if (gutter !== null && gutter.startsWith("stable")) continue;
       const overflowValue = scrollFact.overflowY ?? scrollFact.overflow ?? "auto";
-      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutOverflowModeToggleInstability.id, "overflowModeToggle", messages154.overflowModeToggle, cssLayoutOverflowModeToggleInstability.severity, { overflow: overflowValue })) continue;
+      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutOverflowModeToggleInstability.id, "overflowModeToggle", messages153.overflowModeToggle, cssLayoutOverflowModeToggleInstability.severity, { overflow: overflowValue })) continue;
     }
   }
 });
@@ -41092,7 +40964,7 @@ function hasAnyScrollValue(delta) {
 }
 
 // src/cross-file/rules/css-layout-box-sizing-toggle-with-chrome.ts
-var messages155 = {
+var messages154 = {
   boxSizingToggleWithChrome: "Conditional `box-sizing` toggle on '{{tag}}' combines with non-zero padding/border, which can shift layout and trigger CLS."
 };
 var BOX_SIZING_VALUES = /* @__PURE__ */ new Set(["content-box", "border-box"]);
@@ -41109,7 +40981,7 @@ var CHROME_PROPERTIES = [
 var cssLayoutBoxSizingToggleWithChrome = defineCrossRule({
   id: "css-layout-box-sizing-toggle-with-chrome",
   severity: "warn",
-  messages: messages155,
+  messages: messages154,
   meta: {
     description: "Disallow conditional box-sizing mode toggles when box chrome contributes to geometry shifts.",
     fixable: false,
@@ -41127,7 +40999,7 @@ var cssLayoutBoxSizingToggleWithChrome = defineCrossRule({
       if (!boxSizingDelta.hasConditional) continue;
       if (!boxSizingDelta.hasDelta) continue;
       if (!hasNonZeroChrome(snapshot)) continue;
-      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutBoxSizingToggleWithChrome.id, "boxSizingToggleWithChrome", messages155.boxSizingToggleWithChrome, cssLayoutBoxSizingToggleWithChrome.severity)) continue;
+      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutBoxSizingToggleWithChrome.id, "boxSizingToggleWithChrome", messages154.boxSizingToggleWithChrome, cssLayoutBoxSizingToggleWithChrome.severity)) continue;
     }
   }
 });
@@ -41136,13 +41008,13 @@ function hasNonZeroChrome(snapshot) {
 }
 
 // src/cross-file/rules/css-layout-content-visibility-no-intrinsic-size.ts
-var messages156 = {
+var messages155 = {
   missingIntrinsicSize: "`content-visibility: auto` on '{{tag}}' lacks intrinsic size reservation (`contain-intrinsic-size`/min-height/height/aspect-ratio), which can cause CLS."
 };
 var cssLayoutContentVisibilityNoIntrinsicSize = defineCrossRule({
   id: "css-layout-content-visibility-no-intrinsic-size",
   severity: "warn",
-  messages: messages156,
+  messages: messages155,
   meta: {
     description: "Require intrinsic size reservation when using content-visibility auto to avoid late layout shifts.",
     fixable: false,
@@ -41157,19 +41029,19 @@ var cssLayoutContentVisibilityNoIntrinsicSize = defineCrossRule({
       if (!isDeferredContainerLike(node, snapshot.node.textualContent)) continue;
       const reservedSpace = readReservedSpaceFact(context.layout, node);
       if (reservedSpace.hasReservedSpace) continue;
-      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutContentVisibilityNoIntrinsicSize.id, "missingIntrinsicSize", messages156.missingIntrinsicSize, cssLayoutContentVisibilityNoIntrinsicSize.severity)) continue;
+      if (!emitLayoutDiagnostic(context.layout, node, emit, cssLayoutContentVisibilityNoIntrinsicSize.id, "missingIntrinsicSize", messages155.missingIntrinsicSize, cssLayoutContentVisibilityNoIntrinsicSize.severity)) continue;
     }
   }
 });
 
 // src/cross-file/rules/css-layout-conditional-offset-shift.ts
-var messages157 = {
+var messages156 = {
   conditionalOffsetShift: "Conditional style applies non-zero '{{property}}' offset ({{value}}), which can cause layout shifts when conditions toggle."
 };
 var cssLayoutConditionalOffsetShift = defineCrossRule({
   id: "css-layout-conditional-offset-shift",
   severity: "warn",
-  messages: messages157,
+  messages: messages156,
   meta: {
     description: "Disallow conditional non-zero block-axis offsets that can trigger layout shifts.",
     fixable: false,
@@ -41195,7 +41067,7 @@ var cssLayoutConditionalOffsetShift = defineCrossRule({
           ref.solid.sourceFile,
           cssLayoutConditionalOffsetShift.id,
           "conditionalOffsetShift",
-          resolveMessage(messages157.conditionalOffsetShift, {
+          resolveMessage(messages156.conditionalOffsetShift, {
             property: match.property,
             value: `${formatFixed(match.value)}px`
           }),
@@ -41256,7 +41128,7 @@ function hasStableBaseline(baselineBySignal, property, expectedPx) {
 
 // src/cross-file/rules/jsx-layout-unstable-style-toggle.ts
 var import_typescript137 = __toESM(require("typescript"), 1);
-var messages158 = {
+var messages157 = {
   unstableLayoutStyleToggle: "Dynamic style value for '{{property}}' can toggle layout geometry at runtime and cause CLS."
 };
 var PX_NUMBER_PROPERTIES = /* @__PURE__ */ new Set([
@@ -41279,7 +41151,7 @@ var POSITIONED_OFFSET_PROPERTIES = /* @__PURE__ */ new Set([
 var jsxLayoutUnstableStyleToggle = defineCrossRule({
   id: "jsx-layout-unstable-style-toggle",
   severity: "warn",
-  messages: messages158,
+  messages: messages157,
   meta: {
     description: "Flag dynamic inline style values on layout-sensitive properties that can trigger CLS.",
     fixable: false,
@@ -41301,7 +41173,7 @@ var jsxLayoutUnstableStyleToggle = defineCrossRule({
           solid.sourceFile,
           jsxLayoutUnstableStyleToggle.id,
           "unstableLayoutStyleToggle",
-          resolveMessage(messages158.unstableLayoutStyleToggle, { property: normalized }),
+          resolveMessage(messages157.unstableLayoutStyleToggle, { property: normalized }),
           "warn"
         )
       );
@@ -41418,14 +41290,14 @@ function unwrapTypeWrapper(node) {
 
 // src/cross-file/rules/jsx-layout-classlist-geometry-toggle.ts
 var import_typescript138 = __toESM(require("typescript"), 1);
-var messages159 = {
+var messages158 = {
   classListGeometryToggle: "classList toggles '{{className}}', and matching CSS changes layout-affecting '{{property}}', which can cause CLS."
 };
 var OUT_OF_FLOW_POSITIONS2 = /* @__PURE__ */ new Set(["fixed", "absolute"]);
 var jsxLayoutClasslistGeometryToggle = defineCrossRule({
   id: "jsx-layout-classlist-geometry-toggle",
   severity: "warn",
-  messages: messages159,
+  messages: messages158,
   meta: {
     description: "Flag classList-driven class toggles that map to layout-affecting CSS geometry changes.",
     fixable: false,
@@ -41451,7 +41323,7 @@ var jsxLayoutClasslistGeometryToggle = defineCrossRule({
           solid.sourceFile,
           jsxLayoutClasslistGeometryToggle.id,
           "classListGeometryToggle",
-          resolveMessage(messages159.classListGeometryToggle, {
+          resolveMessage(messages158.classListGeometryToggle, {
             className,
             property
           }),
@@ -41500,14 +41372,14 @@ function isDynamicallyToggleable(node) {
 }
 
 // src/cross-file/rules/jsx-layout-picture-source-ratio-consistency.ts
-var messages160 = {
+var messages159 = {
   inconsistentPictureRatio: "`<picture>` source ratio {{sourceRatio}} differs from fallback img ratio {{imgRatio}}, which can cause reserved-space mismatch and CLS."
 };
 var RATIO_DELTA_THRESHOLD = 0.02;
 var jsxLayoutPictureSourceRatioConsistency = defineCrossRule({
   id: "jsx-layout-picture-source-ratio-consistency",
   severity: "warn",
-  messages: messages160,
+  messages: messages159,
   meta: {
     description: "Require consistent intrinsic aspect ratios across <picture> sources and fallback image.",
     fixable: false,
@@ -41530,7 +41402,7 @@ var jsxLayoutPictureSourceRatioConsistency = defineCrossRule({
             solid.sourceFile,
             jsxLayoutPictureSourceRatioConsistency.id,
             "inconsistentPictureRatio",
-            resolveMessage(messages160.inconsistentPictureRatio, {
+            resolveMessage(messages159.inconsistentPictureRatio, {
               sourceRatio: mismatch.sourceRatio,
               imgRatio: mismatch.imgRatio
             }),
@@ -41600,13 +41472,13 @@ function formatRatio(value2) {
 }
 
 // src/cross-file/rules/jsx-layout-fill-image-parent-must-be-sized.ts
-var messages161 = {
+var messages160 = {
   unsizedFillParent: "Fill-image component '{{component}}' is inside a parent without stable size/position; add parent sizing (height/min-height/aspect-ratio) and non-static position to avoid CLS."
 };
 var jsxLayoutFillImageParentMustBeSized = defineCrossRule({
   id: "jsx-layout-fill-image-parent-must-be-sized",
   severity: "warn",
-  messages: messages161,
+  messages: messages160,
   meta: {
     description: "Require stable parent size and positioning for fill-image component usage.",
     fixable: false,
@@ -41636,7 +41508,7 @@ var jsxLayoutFillImageParentMustBeSized = defineCrossRule({
             solid.sourceFile,
             jsxLayoutFillImageParentMustBeSized.id,
             "unsizedFillParent",
-            resolveMessage(messages161.unsizedFillParent, {
+            resolveMessage(messages160.unsizedFillParent, {
               component: element.tag ?? "Image"
             }),
             "warn"
@@ -41647,6 +41519,210 @@ var jsxLayoutFillImageParentMustBeSized = defineCrossRule({
   }
 });
 
+// src/cross-file/rules/jsx-layout-policy-touch-target.ts
+var messages161 = {
+  heightTooSmall: "`{{signal}}` of `{{value}}px` is below the minimum `{{min}}px` for interactive element `<{{tag}}>` in policy `{{policy}}`.",
+  widthTooSmall: "`{{signal}}` of `{{value}}px` is below the minimum `{{min}}px` for interactive element `<{{tag}}>` in policy `{{policy}}`.",
+  paddingTooSmall: "Horizontal padding `{{signal}}` of `{{value}}px` is below the minimum `{{min}}px` for interactive element `<{{tag}}>` in policy `{{policy}}`.",
+  noReservedBlockSize: "Interactive element `<{{tag}}>` has no declared height (minimum `{{min}}px` required by policy `{{policy}}`). The element is content-sized and may not meet the touch-target threshold.",
+  noReservedInlineSize: "Interactive element `<{{tag}}>` has no declared width (minimum `{{min}}px` required by policy `{{policy}}`). The element is content-sized and may not meet the touch-target threshold."
+};
+var INTERACTIVE_HTML_TAGS2 = /* @__PURE__ */ new Set(["button", "a", "input", "select", "textarea", "label", "summary"]);
+var INTERACTIVE_ARIA_ROLES2 = /* @__PURE__ */ new Set([
+  "button",
+  "link",
+  "checkbox",
+  "radio",
+  "combobox",
+  "listbox",
+  "menuitem",
+  "menuitemcheckbox",
+  "menuitemradio",
+  "option",
+  "switch",
+  "tab"
+]);
+function classifyInteractive(node, solid, element, layout) {
+  const tag = node.tagName;
+  if (tag !== null && INTERACTIVE_HTML_TAGS2.has(tag)) {
+    if (tag === "input" || tag === "select" || tag === "textarea") return "input";
+    return "button";
+  }
+  const roleAttr = getJSXAttributeEntity(solid, element, "role");
+  if (roleAttr !== null && roleAttr.valueNode !== null) {
+    const role = getStaticStringFromJSXValue(roleAttr.valueNode);
+    if (role !== null && INTERACTIVE_ARIA_ROLES2.has(role)) return "button";
+  }
+  const hostRef = layout.hostElementRefsByNode.get(node) ?? null;
+  if (hostRef !== null && hostRef.element.tagName !== null) {
+    const hostTag = hostRef.element.tagName;
+    if (INTERACTIVE_HTML_TAGS2.has(hostTag)) {
+      if (hostTag === "input" || hostTag === "select" || hostTag === "textarea") return "input";
+      return "button";
+    }
+  }
+  return null;
+}
+function isVisuallyHidden(snapshot) {
+  const position = readKnownNormalized(snapshot, "position");
+  if (position !== "absolute" && position !== "fixed") return false;
+  const node = snapshot.node;
+  const opacityAttr = node.inlineStyleValues.get("opacity");
+  if (opacityAttr === "0") return true;
+  if (node.classTokenSet.has("opacity-0")) return true;
+  return false;
+}
+var jsxLayoutPolicyTouchTarget = defineCrossRule({
+  id: "jsx-layout-policy-touch-target",
+  severity: "warn",
+  messages: messages161,
+  meta: {
+    description: "Enforce minimum interactive element sizes per accessibility policy via resolved layout signals.",
+    fixable: false,
+    category: "css-a11y"
+  },
+  check(context, emit) {
+    const policy = getActivePolicy();
+    if (policy === null) return;
+    const policyName = getActivePolicyName() ?? "";
+    const { layout } = context;
+    const elements = layout.elements;
+    for (let i = 0; i < elements.length; i++) {
+      const node = elements[i];
+      if (!node) continue;
+      const ref = readElementRef(layout, node);
+      if (!ref) continue;
+      const kind = classifyInteractive(node, ref.solid, ref.element, layout);
+      if (kind === null) continue;
+      const snapshot = collectSignalSnapshot(context, node);
+      if (isVisuallyHidden(snapshot)) continue;
+      const tag = node.tagName ?? node.tag ?? "element";
+      checkDimension(
+        snapshot,
+        "height",
+        kind === "button" ? policy.minButtonHeight : policy.minInputHeight,
+        layout,
+        node,
+        emit,
+        "heightTooSmall",
+        messages161.heightTooSmall,
+        tag,
+        policyName
+      );
+      checkDimension(
+        snapshot,
+        "min-height",
+        kind === "button" ? policy.minButtonHeight : policy.minInputHeight,
+        layout,
+        node,
+        emit,
+        "heightTooSmall",
+        messages161.heightTooSmall,
+        tag,
+        policyName
+      );
+      checkDimension(
+        snapshot,
+        "width",
+        kind === "button" ? policy.minButtonWidth : policy.minTouchTarget,
+        layout,
+        node,
+        emit,
+        "widthTooSmall",
+        messages161.widthTooSmall,
+        tag,
+        policyName
+      );
+      checkDimension(
+        snapshot,
+        "min-width",
+        kind === "button" ? policy.minButtonWidth : policy.minTouchTarget,
+        layout,
+        node,
+        emit,
+        "widthTooSmall",
+        messages161.widthTooSmall,
+        tag,
+        policyName
+      );
+      if (kind === "button") {
+        checkDimension(
+          snapshot,
+          "padding-left",
+          policy.minButtonHorizontalPadding,
+          layout,
+          node,
+          emit,
+          "paddingTooSmall",
+          messages161.paddingTooSmall,
+          tag,
+          policyName
+        );
+        checkDimension(
+          snapshot,
+          "padding-right",
+          policy.minButtonHorizontalPadding,
+          layout,
+          node,
+          emit,
+          "paddingTooSmall",
+          messages161.paddingTooSmall,
+          tag,
+          policyName
+        );
+      }
+      const reservedSpace = readReservedSpaceFact(layout, node);
+      const minBlock = kind === "button" ? policy.minButtonHeight : policy.minInputHeight;
+      const minInline = kind === "button" ? policy.minButtonWidth : policy.minTouchTarget;
+      if (!reservedSpace.hasUsableBlockDimension) {
+        emitLayoutDiagnostic(
+          layout,
+          node,
+          emit,
+          jsxLayoutPolicyTouchTarget.id,
+          "noReservedBlockSize",
+          messages161.noReservedBlockSize,
+          "warn",
+          { tag, min: String(minBlock), policy: policyName }
+        );
+      }
+      if (!reservedSpace.hasUsableInlineDimension) {
+        emitLayoutDiagnostic(
+          layout,
+          node,
+          emit,
+          jsxLayoutPolicyTouchTarget.id,
+          "noReservedInlineSize",
+          messages161.noReservedInlineSize,
+          "warn",
+          { tag, min: String(minInline), policy: policyName }
+        );
+      }
+    }
+  }
+});
+function checkDimension(snapshot, signal, min, layout, node, emit, messageId, template, tag, policyName) {
+  const px = readKnownPx(snapshot, signal);
+  if (px === null) return;
+  if (px >= min) return;
+  emitLayoutDiagnostic(
+    layout,
+    node,
+    emit,
+    jsxLayoutPolicyTouchTarget.id,
+    messageId,
+    template,
+    "warn",
+    {
+      signal,
+      value: formatRounded(px),
+      min: String(min),
+      tag,
+      policy: policyName
+    }
+  );
+}
+
 // src/cross-file/rules/index.ts
 var rules3 = [
   jsxNoUndefinedCssClass,
@@ -41678,7 +41754,8 @@ var rules3 = [
   cssLayoutOverflowModeToggleInstability,
   cssLayoutBoxSizingToggleWithChrome,
   cssLayoutContentVisibilityNoIntrinsicSize,
-  cssLayoutConditionalOffsetShift
+  cssLayoutConditionalOffsetShift,
+  jsxLayoutPolicyTouchTarget
 ];
 
 // src/cross-file/plugin.ts
@@ -41980,19 +42057,6 @@ var RULES = [
       "paragraphSpacingTooSmall": "Paragraph spacing `{{value}}` ({{resolved}}em) is below the minimum `{{min}}em` ({{minMultiplier}}\xD7 font-size) for policy `{{policy}}`."
     }
   },
-  {
-    "id": "css-policy-touch-target",
-    "severity": "warn",
-    "description": "Enforce minimum interactive element sizes per accessibility policy.",
-    "fixable": false,
-    "category": "css-a11y",
-    "plugin": "css",
-    "messages": {
-      "heightTooSmall": "`{{property}}` of `{{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for `{{element}}` elements in policy `{{policy}}`.",
-      "widthTooSmall": "`{{property}}` of `{{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for `{{element}}` elements in policy `{{policy}}`.",
-      "paddingTooSmall": "Horizontal padding `{{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for `{{element}}` elements in policy `{{policy}}`."
-    }
-  },
   {
     "id": "css-policy-typography",
     "severity": "warn",
@@ -42016,6 +42080,21 @@ var RULES = [
       "missingReducedMotion": "Animated selector `{{selector}}` lacks prefers-reduced-motion override."
     }
   },
+  {
+    "id": "jsx-layout-policy-touch-target",
+    "severity": "warn",
+    "description": "Enforce minimum interactive element sizes per accessibility policy via resolved layout signals.",
+    "fixable": false,
+    "category": "css-a11y",
+    "plugin": "cross-file",
+    "messages": {
+      "heightTooSmall": "`{{signal}}` of `{{value}}px` is below the minimum `{{min}}px` for interactive element `<{{tag}}>` in policy `{{policy}}`.",
+      "widthTooSmall": "`{{signal}}` of `{{value}}px` is below the minimum `{{min}}px` for interactive element `<{{tag}}>` in policy `{{policy}}`.",
+      "paddingTooSmall": "Horizontal padding `{{signal}}` of `{{value}}px` is below the minimum `{{min}}px` for interactive element `<{{tag}}>` in policy `{{policy}}`.",
+      "noReservedBlockSize": "Interactive element `<{{tag}}>` has no declared height (minimum `{{min}}px` required by policy `{{policy}}`). The element is content-sized and may not meet the touch-target threshold.",
+      "noReservedInlineSize": "Interactive element `<{{tag}}>` has no declared width (minimum `{{min}}px` required by policy `{{policy}}`). The element is content-sized and may not meet the touch-target threshold."
+    }
+  },
   {
     "id": "css-no-discrete-transition",
     "severity": "error",
@@ -43674,7 +43753,7 @@ var RULES = [
 ];
 var RULES_BY_CATEGORY = {
   "correctness": [{ "id": "avoid-conditional-spreads", "severity": "error", "description": "Disallow conditional spread operators that create empty objects. Patterns like `...(condition ? {...} : {})` are fragile and create unnecessary object creations.", "fixable": false, "category": "correctness", "plugin": "solid", "messages": { "avoidConditionalSpread": "Avoid conditional spread with empty object fallback. Instead of `...(cond ? {...} : {})`, build the object first with conditional property assignment, then spread once.", "avoidLogicalAndSpread": "Avoid logical AND spread pattern. Instead of `...(cond && {...})`, use explicit conditional property assignment for clarity." } }, { "id": "avoid-non-null-assertions", "severity": "error", "description": "Disallow non-null assertion operator (`!`). Use optional chaining, nullish coalescing, or proper type narrowing instead.", "fixable": true, "category": "correctness", "plugin": "solid", "messages": { "avoidNonNull": 'Avoid non-null assertion on "{{name}}". Non-null assertions bypass type safety. Use optional chaining (`?.`), nullish coalescing (`??`), or proper type narrowing instead.' } }, { "id": "avoid-object-assign", "severity": "error", "description": "Disallow Object.assign(). Prefer object spread syntax or structuredClone() for copying objects.", "fixable": true, "category": "correctness", "plugin": "solid", "messages": { "avoidMerge": "Avoid Object.assign() for merging. Use object spread syntax { ...obj } instead.", "avoidMutation": "Avoid Object.assign() for mutation. Consider immutable patterns like { ...existing, ...props }." } }, { "id": "avoid-object-spread", "severity": "error", "description": "Disallow object spread operators that break Solid's fine-grained reactivity.", "fixable": true, "category": "correctness", "plugin": "solid", "messages": { "avoidObjectCopy": "Avoid object spread for copying. Use direct property access.", "avoidObjectMerge": "Avoid object spread for merging. Use mergeProps() from 'solid-js'.", "avoidObjectUpdate": "Avoid object spread for updates. Use produce() or direct assignment.", "avoidJsxSpread": "Avoid JSX prop spreading. Use splitProps() to separate props.", "avoidRestDestructure": "Avoid rest destructuring. Use splitProps() from 'solid-js'.", "avoidPropsSpread": "Spreading props breaks reactivity. Use splitProps() to separate known props.", "avoidStoreSpread": "Spreading store creates a static snapshot. Access properties directly.", "avoidSignalSpread": "Spreading signal result captures current value. Wrap in createMemo().", "avoidClassListSpread": "Spreading in classList breaks reactivity. Wrap in createMemo().", "avoidStyleSpread": "Spreading in style breaks reactivity. Wrap in createMemo().", "unnecessarySplitProps": "Unnecessary splitProps with empty array. Remove it and use {{source}} directly." } }, { "id": "avoid-type-casting", "severity": "error", "description": "Disallow type casting methods that bypass TypeScript's type safety. Includes unnecessary casts, double assertions, casting to any, type predicates, and unsafe generic assertions.", "fixable": true, "category": "correctness", "plugin": "solid", "messages": { "unnecessaryCast": `Unnecessary type assertion: "{{name}}" is already of type "{{exprType}}", which is assignable to "{{type}}". Remove the cast - it adds noise and suggests you don't understand the types.`, "doubleAssertion": 'Double assertion detected: "{{name}}" is cast through unknown/any to "{{type}}". This bypasses type safety. You are creating sloppy architecture.', "castToAny": 'Casting "{{name}}" to `any` disables all type checking. Use `unknown` with proper type guards, or fix the underlying type issue.', "castToUnknown": "Casting to `unknown` requires runtime type checks before use. You are creating sloppy architecture.", "simpleAssertion": 'Type assertion on "{{name}}" to "{{type}}" bypasses type checking. Why are you doing this? Do you EVEN need this? This is sloppy architecture.', "assertionInLoop": 'Type assertion on "{{name}}" inside a loop. Repeated casts to "{{type}}" without validation can mask type errors. Consider validating the type once before the loop.', "importAssertion": 'Type assertion on dynamic import to "{{type}}". Import types should be validated at runtime or use proper module type declarations.', "typePredicate": 'Type predicate function asserts "{{param}}" is "{{type}}". Why are you doing this? Do you EVEN need this? This is sloppy architecture.', "unsafeGeneric": 'Casting to generic type parameter "{{typeParam}}" without runtime validation. The function returns an unverified type. This is sloppy architecture.' } }, { "id": "avoid-unsafe-type-annotations", "severity": "error", "description": "Disallow `any` and `unknown` in value-level type annotation positions (parameters, returns, variables, properties)", "fixable": false, "category": "correctness", "plugin": "solid", "messages": { "anyParameter": "Parameter '{{name}}' is typed `any`{{inFunction}}. This disables type checking for all callers. Use a specific type, a generic, or `unknown` with proper type narrowing.", "anyReturn": "Function '{{name}}' returns `any`. This disables type checking for all callers. Use a specific return type.", "anyVariable": "Variable '{{name}}' is typed `any`. This disables all type checking on this variable. Use a specific type or `unknown` with type narrowing.", "anyProperty": "Property '{{name}}' is typed `any`. This disables type checking for all accesses. Use a specific type.", "unknownParameter": "Parameter '{{name}}' is typed `unknown`{{inFunction}}. Callers can pass anything and the function body requires type narrowing on every use. Use a specific type or a generic constraint.", "unknownReturn": "Function '{{name}}' returns `unknown`. Callers must narrow the return value before use. Use a specific return type or a generic.", "unknownVariable": "Variable '{{name}}' is typed `unknown`. Every use requires type narrowing. Use a specific type or parse the value at the boundary.", "unknownProperty": "Property '{{name}}' is typed `unknown`. Every access requires type narrowing. Use a specific type." } }, { "id": "event-handlers", "severity": "error", "description": "Enforce naming DOM element event handlers consistently and prevent Solid's analysis from misunderstanding whether a prop should be an event handler.", "fixable": true, "category": "correctness", "plugin": "solid", "messages": { "detectedAttr": 'The "{{name}}" prop looks like an event handler but has a static value ({{staticValue}}), so Solid will treat it as an attribute instead of attaching an event listener. Use attr:{{name}} to make this explicit, or provide a function value.', "naming": 'The "{{name}}" prop is ambiguous. Solid cannot determine if this is an event handler or an attribute. Use {{handlerName}} for an event handler, or {{attrName}} for an attribute.', "capitalization": 'The "{{name}}" prop should be {{fixedName}} for Solid to recognize it as an event handler. Event handlers use camelCase with an uppercase letter after "on".', "nonstandard": 'The "{{name}}" prop uses a nonstandard event name. Use {{fixedName}} instead, which is the standard DOM event name that Solid recognizes.', "makeHandler": "Change {{name}} to {{handlerName}} (event handler).", "makeAttr": "Change {{name}} to {{attrName}} (attribute).", "spreadHandler": 'The "{{name}}" prop is being spread into JSX, which prevents Solid from attaching it as an event listener. Add it directly as a JSX attribute instead: {{name}}={...}.' } }, { "id": "missing-jsdoc-comments", "severity": "error", "description": "Require JSDoc comments on functions with appropriate tags for parameters, return values, and throws.", "fixable": false, "category": "correctness", "plugin": "solid", "messages": { "missingJsdoc": "Function '{{name}}' is missing a JSDoc comment.", "missingParam": "JSDoc for '{{name}}' is missing @param tag for '{{param}}'.", "missingReturn": "JSDoc for '{{name}}' is missing @returns tag.", "missingThrows": "JSDoc for '{{name}}' is missing @throws tag.", "missingExample": "JSDoc for '{{name}}' is missing @example tag.", "missingClassJsdoc": "Class '{{name}}' is missing a JSDoc comment.", "missingPropertyJsdoc": "Property '{{name}}' is missing a JSDoc comment." } }, { "id": "no-ai-slop-comments", "severity": "error", "description": "Disallow comments containing specified forbidden words or phrases. Useful for enforcing comment style guidelines and detecting AI-generated boilerplate.", "fixable": true, "category": "correctness", "plugin": "solid", "messages": { "forbiddenWord": "Comment contains forbidden word '{{word}}'." } }, { "id": "no-array-handlers", "severity": "error", "description": "Disallow array handlers in JSX event properties.", "fixable": false, "category": "correctness", "plugin": "solid", "messages": { "noArrayHandlers": 'Passing an array to "{{handlerName}}" is type-unsafe. The array syntax `[handler, data]` passes data as the first argument, making the event object the second argument. Use a closure instead: `{{handlerName}}={() => handler(data)}`.' } }, { "id": "no-banner-comments", "severity": "error", "description": "Disallow banner-style comments with repeated separator characters.", "fixable": true, "category": "correctness", "plugin": "solid", "messages": { "banner": "Avoid banner-style comments with repeated separator characters. Use simple comments instead." } }, { "id": "no-destructure", "severity": "error", "description": "Disallow destructuring props in Solid components. Props must be accessed via property access (props.x) to preserve reactivity.", "fixable": false, "category": "correctness", "plugin": "solid", "messages": { "noDestructure": "Destructuring component props breaks Solid's reactivity. Props are reactive getters, so `{ a }` captures the value at component creation time and won't update. Use `props.a` to access props reactively.", "noDestructureWithDefaults": "Destructuring component props breaks Solid's reactivity. For default values, use `mergeProps({ a: defaultValue }, props)` instead of `{ a = defaultValue }`.", "noDestructureWithRest": "Destructuring component props breaks Solid's reactivity. For rest patterns, use `splitProps(props, ['a', 'b'])` instead of `{ a, b, ...rest }`.", "noDestructureWithBoth": "Destructuring component props breaks Solid's reactivity. For default values with rest, use `splitProps(mergeProps({ a: defaultValue }, props), ['a'])` to combine both patterns." } }, { "id": "no-inline-imports", "severity": "error", "description": "Disallow inline type imports. Import types at the top of the file for clarity and maintainability.", "fixable": false, "category": "correctness", "plugin": "solid", "messages": { "inlineImport": "Avoid inline imports. Import `{{specifier}}` at the top of the file instead." } }, { "id": "string-concat-in-loop", "severity": "error", "description": "Disallow string concatenation with += inside loops. Use array.push() and .join() instead.", "fixable": false, "category": "correctness", "plugin": "solid", "messages": { "stringConcatInLoop": "Avoid string concatenation with += inside loops. Use an array with .push() and .join() instead." } }],
-  "css-a11y": [{ "id": "css-no-outline-none-without-focus-visible", "severity": "error", "description": "Disallow removing outline without explicit focus-visible replacement.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "missingFocusVisible": "Focus outline removed without matching `:focus-visible` replacement." } }, { "id": "css-policy-contrast", "severity": "warn", "description": "Enforce minimum contrast ratio between foreground and background colors per accessibility policy.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "insufficientContrast": "Contrast ratio `{{ratio}}:1` between `{{fg}}` and `{{bg}}` is below the minimum `{{min}}:1` for `{{textSize}}` text in policy `{{policy}}`." } }, { "id": "css-policy-spacing", "severity": "warn", "description": "Enforce minimum letter-spacing, word-spacing, and paragraph spacing per accessibility policy.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "letterSpacingTooSmall": "Letter spacing `{{value}}` ({{resolved}}em) is below the minimum `{{min}}em` for policy `{{policy}}`.", "wordSpacingTooSmall": "Word spacing `{{value}}` ({{resolved}}em) is below the minimum `{{min}}em` for policy `{{policy}}`.", "paragraphSpacingTooSmall": "Paragraph spacing `{{value}}` ({{resolved}}em) is below the minimum `{{min}}em` ({{minMultiplier}}\xD7 font-size) for policy `{{policy}}`." } }, { "id": "css-policy-touch-target", "severity": "warn", "description": "Enforce minimum interactive element sizes per accessibility policy.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "heightTooSmall": "`{{property}}` of `{{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for `{{element}}` elements in policy `{{policy}}`.", "widthTooSmall": "`{{property}}` of `{{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for `{{element}}` elements in policy `{{policy}}`.", "paddingTooSmall": "Horizontal padding `{{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for `{{element}}` elements in policy `{{policy}}`." } }, { "id": "css-policy-typography", "severity": "warn", "description": "Enforce minimum font sizes and line heights per accessibility policy.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "fontTooSmall": "Font size `{{value}}` ({{resolved}}px) is below the `{{context}}` minimum of `{{min}}px` for policy `{{policy}}`.", "lineHeightTooSmall": "Line height `{{value}}` is below the `{{context}}` minimum of `{{min}}` for policy `{{policy}}`." } }, { "id": "css-require-reduced-motion-override", "severity": "warn", "description": "Require reduced-motion override for animated selectors.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "missingReducedMotion": "Animated selector `{{selector}}` lacks prefers-reduced-motion override." } }],
+  "css-a11y": [{ "id": "css-no-outline-none-without-focus-visible", "severity": "error", "description": "Disallow removing outline without explicit focus-visible replacement.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "missingFocusVisible": "Focus outline removed without matching `:focus-visible` replacement." } }, { "id": "css-policy-contrast", "severity": "warn", "description": "Enforce minimum contrast ratio between foreground and background colors per accessibility policy.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "insufficientContrast": "Contrast ratio `{{ratio}}:1` between `{{fg}}` and `{{bg}}` is below the minimum `{{min}}:1` for `{{textSize}}` text in policy `{{policy}}`." } }, { "id": "css-policy-spacing", "severity": "warn", "description": "Enforce minimum letter-spacing, word-spacing, and paragraph spacing per accessibility policy.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "letterSpacingTooSmall": "Letter spacing `{{value}}` ({{resolved}}em) is below the minimum `{{min}}em` for policy `{{policy}}`.", "wordSpacingTooSmall": "Word spacing `{{value}}` ({{resolved}}em) is below the minimum `{{min}}em` for policy `{{policy}}`.", "paragraphSpacingTooSmall": "Paragraph spacing `{{value}}` ({{resolved}}em) is below the minimum `{{min}}em` ({{minMultiplier}}\xD7 font-size) for policy `{{policy}}`." } }, { "id": "css-policy-typography", "severity": "warn", "description": "Enforce minimum font sizes and line heights per accessibility policy.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "fontTooSmall": "Font size `{{value}}` ({{resolved}}px) is below the `{{context}}` minimum of `{{min}}px` for policy `{{policy}}`.", "lineHeightTooSmall": "Line height `{{value}}` is below the `{{context}}` minimum of `{{min}}` for policy `{{policy}}`." } }, { "id": "css-require-reduced-motion-override", "severity": "warn", "description": "Require reduced-motion override for animated selectors.", "fixable": false, "category": "css-a11y", "plugin": "css", "messages": { "missingReducedMotion": "Animated selector `{{selector}}` lacks prefers-reduced-motion override." } }, { "id": "jsx-layout-policy-touch-target", "severity": "warn", "description": "Enforce minimum interactive element sizes per accessibility policy via resolved layout signals.", "fixable": false, "category": "css-a11y", "plugin": "cross-file", "messages": { "heightTooSmall": "`{{signal}}` of `{{value}}px` is below the minimum `{{min}}px` for interactive element `<{{tag}}>` in policy `{{policy}}`.", "widthTooSmall": "`{{signal}}` of `{{value}}px` is below the minimum `{{min}}px` for interactive element `<{{tag}}>` in policy `{{policy}}`.", "paddingTooSmall": "Horizontal padding `{{signal}}` of `{{value}}px` is below the minimum `{{min}}px` for interactive element `<{{tag}}>` in policy `{{policy}}`.", "noReservedBlockSize": "Interactive element `<{{tag}}>` has no declared height (minimum `{{min}}px` required by policy `{{policy}}`). The element is content-sized and may not meet the touch-target threshold.", "noReservedInlineSize": "Interactive element `<{{tag}}>` has no declared width (minimum `{{min}}px` required by policy `{{policy}}`). The element is content-sized and may not meet the touch-target threshold." } }],
   "css-animation": [{ "id": "css-no-discrete-transition", "severity": "error", "description": "Disallow transitions on discrete CSS properties.", "fixable": false, "category": "css-animation", "plugin": "css", "messages": { "discreteTransition": "Property `{{property}}` is discrete and should not be transitioned." } }, { "id": "css-no-empty-keyframes", "severity": "error", "description": "Disallow empty @keyframes rules.", "fixable": false, "category": "css-animation", "plugin": "css", "messages": { "emptyKeyframes": "@keyframes `{{name}}` has no effective keyframes." } }, { "id": "no-layout-property-animation", "severity": "warn", "description": "Disallow animating layout-affecting properties.", "fixable": false, "category": "css-animation", "plugin": "css", "messages": { "avoidLayoutAnimation": "Avoid animating layout property `{{property}}`. Prefer transform or opacity to reduce layout thrashing." } }, { "id": "no-transition-all", "severity": "warn", "description": "Disallow transition: all and transition-property: all.", "fixable": false, "category": "css-animation", "plugin": "css", "messages": { "avoidTransitionAll": "Avoid `transition: all`. Transition specific properties to reduce unnecessary style and paint work." } }, { "id": "no-unknown-animation-name", "severity": "error", "description": "Disallow animation names that do not match declared keyframes.", "fixable": false, "category": "css-animation", "plugin": "css", "messages": { "unknownAnimationName": "Animation name `{{name}}` in `{{property}}` does not match any declared @keyframes." } }, { "id": "no-unused-keyframes", "severity": "warn", "description": "Disallow unused @keyframes declarations.", "fixable": false, "category": "css-animation", "plugin": "css", "messages": { "unusedKeyframes": "@keyframes `{{name}}` is never referenced by animation declarations." } }],
   "css-cascade": [{ "id": "declaration-no-overridden-within-rule", "severity": "warn", "description": "Disallow duplicate declarations of the same property within a single rule block.", "fixable": false, "category": "css-cascade", "plugin": "css", "messages": { "overriddenWithinRule": "Declaration `{{property}}` is overridden later in the same rule. Keep one final declaration per property." } }, { "id": "media-query-overlap-conflict", "severity": "warn", "description": "Disallow conflicting declarations in partially overlapping media queries.", "fixable": false, "category": "css-cascade", "plugin": "css", "messages": { "mediaOverlapConflict": "Overlapping media queries set different `{{property}}` values for `{{selector}}` in the same overlap range." } }, { "id": "no-descending-specificity-conflict", "severity": "warn", "description": "Disallow lower-specificity selectors after higher-specificity selectors for the same property.", "fixable": false, "category": "css-cascade", "plugin": "css", "messages": { "descendingSpecificity": "Lower-specificity selector `{{laterSelector}}` appears after `{{earlierSelector}}` for `{{property}}`, creating brittle cascade behavior." } }, { "id": "no-layer-order-inversion", "severity": "warn", "description": "Disallow source-order assumptions that are inverted by layer precedence.", "fixable": false, "category": "css-cascade", "plugin": "css", "messages": { "layerOrderInversion": "Declaration for `{{property}}` in selector `{{selector}}` appears later but is overridden by an earlier declaration due to @layer precedence." } }, { "id": "no-redundant-override-pairs", "severity": "warn", "description": "Disallow declarations that are deterministically overridden in the same selector context.", "fixable": false, "category": "css-cascade", "plugin": "css", "messages": { "redundantOverride": "Declaration `{{property}}` is always overridden later by the same selector in the same cascade context." } }],
   "css-jsx": [{ "id": "css-no-unreferenced-component-class", "severity": "warn", "description": "Detect CSS classes that are never referenced by static JSX class attributes.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "unreferencedClass": "CSS class '{{className}}' is defined but not referenced by static JSX class attributes" } }, { "id": "jsx-classlist-boolean-values", "severity": "error", "description": "Require classList values to be boolean-like expressions.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "nonBooleanValue": "classList value for `{{name}}` must be boolean." } }, { "id": "jsx-classlist-no-accessor-reference", "severity": "error", "description": "Disallow passing accessor references directly as classList values.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "accessorReference": "Signal accessor `{{name}}` must be called in classList value (use {{name}}())." } }, { "id": "jsx-classlist-no-constant-literals", "severity": "warn", "description": "Disallow classList entries with constant true/false values.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "constantEntry": "classList entry `{{name}}: {{value}}` is constant; move it to static class." } }, { "id": "jsx-classlist-static-keys", "severity": "error", "description": "Require classList keys to be static and non-computed.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "nonStaticKey": "classList key must be statically known for reliable class mapping." } }, { "id": "jsx-layout-classlist-geometry-toggle", "severity": "warn", "description": "Flag classList-driven class toggles that map to layout-affecting CSS geometry changes.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "classListGeometryToggle": "classList toggles '{{className}}', and matching CSS changes layout-affecting '{{property}}', which can cause CLS." } }, { "id": "jsx-layout-fill-image-parent-must-be-sized", "severity": "warn", "description": "Require stable parent size and positioning for fill-image component usage.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "unsizedFillParent": "Fill-image component '{{component}}' is inside a parent without stable size/position; add parent sizing (height/min-height/aspect-ratio) and non-static position to avoid CLS." } }, { "id": "jsx-layout-picture-source-ratio-consistency", "severity": "warn", "description": "Require consistent intrinsic aspect ratios across <picture> sources and fallback image.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "inconsistentPictureRatio": "`<picture>` source ratio {{sourceRatio}} differs from fallback img ratio {{imgRatio}}, which can cause reserved-space mismatch and CLS." } }, { "id": "jsx-layout-unstable-style-toggle", "severity": "warn", "description": "Flag dynamic inline style values on layout-sensitive properties that can trigger CLS.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "unstableLayoutStyleToggle": "Dynamic style value for '{{property}}' can toggle layout geometry at runtime and cause CLS." } }, { "id": "jsx-no-duplicate-class-token-class-classlist", "severity": "warn", "description": "Disallow duplicate class tokens between class and classList on the same JSX element.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "duplicateClassToken": "Class token `{{name}}` appears in both class and classList." } }, { "id": "jsx-no-undefined-css-class", "severity": "error", "description": "Detect undefined CSS class names in JSX", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "undefinedClass": "CSS class '{{className}}' is not defined in project CSS files" } }, { "id": "jsx-style-kebab-case-keys", "severity": "error", "description": "Require kebab-case keys in JSX style object literals.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "kebabStyleKey": "Style key `{{name}}` should be `{{kebab}}` in Solid style objects." } }, { "id": "jsx-style-no-function-values", "severity": "error", "description": "Disallow function values in JSX style objects.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "functionStyleValue": "Style value for `{{name}}` is a function; pass computed value instead." } }, { "id": "jsx-style-no-unused-custom-prop", "severity": "warn", "description": "Detect inline style custom properties that are never consumed by CSS var() references.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "unusedInlineVar": "Inline custom property `{{name}}` is never read via var({{name}})." } }, { "id": "jsx-style-policy", "severity": "warn", "description": "Enforce accessibility policy thresholds on inline JSX style objects.", "fixable": false, "category": "css-jsx", "plugin": "cross-file", "messages": { "fontTooSmall": "Inline style `{{prop}}: {{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for policy `{{policy}}`.", "lineHeightTooSmall": "Inline style `line-height: {{value}}` is below the minimum `{{min}}` for policy `{{policy}}`.", "heightTooSmall": "Inline style `{{prop}}: {{value}}` ({{resolved}}px) is below the minimum `{{min}}px` for interactive elements in policy `{{policy}}`.", "letterSpacingTooSmall": "Inline style `letter-spacing: {{value}}` ({{resolved}}em) is below the minimum `{{min}}em` for policy `{{policy}}`.", "wordSpacingTooSmall": "Inline style `word-spacing: {{value}}` ({{resolved}}em) is below the minimum `{{min}}em` for policy `{{policy}}`." } }],