@drskillissue/ganko 0.2.61 → 0.2.72

package/dist/index.cjs

@@ -151,9 +151,29 @@ function canonicalPath(path) {
   return canonical;
 }
 var LOG_LEVELS = ["trace", "debug", "info", "warning", "error", "critical", "off"];
+var Level = {
+  Trace: 0,
+  Debug: 1,
+  Info: 2,
+  Warning: 3,
+  Error: 4,
+  Critical: 5,
+  Off: 6
+};
+var LOG_LEVEL_ORDER = {
+  trace: Level.Trace,
+  debug: Level.Debug,
+  info: Level.Info,
+  warning: Level.Warning,
+  error: Level.Error,
+  critical: Level.Critical,
+  off: Level.Off
+};
 var noopLogger = {
-  enabled: false,
   level: "off",
+  isLevelEnabled() {
+    return false;
+  },
   trace() {
   },
   debug() {
@@ -2790,7 +2810,7 @@ var GraphCache = class {
     const key = canonicalPath(path);
     const cached = this.solids.get(key);
     const hit = cached !== void 0 && cached.version === version;
-    if (this.log.enabled) this.log.debug(`hasSolidGraph: ${key} v=${version} cached=${cached?.version ?? "none"} hit=${hit} (${this.solids.size} total)`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`hasSolidGraph: ${key} v=${version} cached=${cached?.version ?? "none"} hit=${hit} (${this.solids.size} total)`);
     return hit;
   }
   /**
@@ -2807,7 +2827,7 @@ var GraphCache = class {
     const key = canonicalPath(path);
     this.solids.set(key, { version, graph });
     this.solidGeneration++;
-    if (this.log.enabled) this.log.debug(`setSolidGraph: ${key} v=${version} (${this.solids.size} total) solidGen=${this.solidGeneration}`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`setSolidGraph: ${key} v=${version} (${this.solids.size} total) solidGen=${this.solidGeneration}`);
   }
   /**
    * Get a cached SolidGraph without building on miss.
@@ -2823,10 +2843,10 @@ var GraphCache = class {
     const key = canonicalPath(path);
     const cached = this.solids.get(key);
     if (cached !== void 0 && cached.version === version) {
-      if (this.log.enabled) this.log.debug(`getCachedSolidGraph HIT: ${key} v=${version}`);
+      if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getCachedSolidGraph HIT: ${key} v=${version}`);
       return cached.graph;
     }
-    if (this.log.enabled) this.log.debug(`getCachedSolidGraph MISS: ${key} v=${version}`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getCachedSolidGraph MISS: ${key} v=${version}`);
     return null;
   }
   /**
@@ -2843,15 +2863,15 @@ var GraphCache = class {
     const key = canonicalPath(path);
     const cached = this.solids.get(key);
     if (cached !== void 0 && cached.version === version) {
-      if (this.log.enabled) this.log.debug(`getSolidGraph HIT: ${key} v=${version}`);
+      if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getSolidGraph HIT: ${key} v=${version}`);
       return cached.graph;
     }
-    if (this.log.enabled) this.log.debug(`getSolidGraph MISS: ${key} v=${version} (was ${cached?.version ?? "uncached"})`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getSolidGraph MISS: ${key} v=${version} (was ${cached?.version ?? "uncached"})`);
     const t0 = performance.now();
     const graph = build();
     this.solids.set(key, { version, graph });
     this.solidGeneration++;
-    if (this.log.enabled) this.log.debug(`getSolidGraph BUILT: ${key} v=${version} in ${performance.now() - t0}ms (${this.solids.size} total) solidGen=${this.solidGeneration}`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getSolidGraph BUILT: ${key} v=${version} in ${performance.now() - t0}ms (${this.solids.size} total) solidGen=${this.solidGeneration}`);
     return graph;
   }
   /**
@@ -2865,14 +2885,14 @@ var GraphCache = class {
    */
   getCSSGraph(build) {
     if (this.css !== null && this.css.generation === this.cssGeneration) {
-      if (this.log.enabled) this.log.debug(`getCSSGraph HIT: gen=${this.cssGeneration}`);
+      if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getCSSGraph HIT: gen=${this.cssGeneration}`);
       return this.css.graph;
     }
-    if (this.log.enabled) this.log.debug(`getCSSGraph MISS: currentGen=${this.cssGeneration} cachedGen=${this.css?.generation ?? "none"}`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getCSSGraph MISS: currentGen=${this.cssGeneration} cachedGen=${this.css?.generation ?? "none"}`);
     const t0 = performance.now();
     const graph = build();
     this.css = { generation: this.cssGeneration, graph };
-    if (this.log.enabled) this.log.debug(`getCSSGraph BUILT: gen=${this.cssGeneration} in ${performance.now() - t0}ms`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getCSSGraph BUILT: gen=${this.cssGeneration} in ${performance.now() - t0}ms`);
     return graph;
   }
   /**
@@ -2887,10 +2907,10 @@ var GraphCache = class {
     const solidGen = this.solidGeneration;
     const cssGen = this.cssGeneration;
     if (this.layout !== null && this.layout.solidGeneration === solidGen && this.layout.cssGeneration === cssGen) {
-      if (this.log.enabled) this.log.debug(`getLayoutGraph HIT: solidGen=${solidGen} cssGen=${cssGen}`);
+      if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getLayoutGraph HIT: solidGen=${solidGen} cssGen=${cssGen}`);
       return this.layout.graph;
     }
-    if (this.log.enabled) this.log.debug(
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(
       `getLayoutGraph MISS: solidGen=${solidGen} cssGen=${cssGen} cached=${this.layout !== null}`
     );
     const t0 = performance.now();
@@ -2900,7 +2920,7 @@ var GraphCache = class {
       cssGeneration: cssGen,
       graph
     };
-    if (this.log.enabled) this.log.debug(`getLayoutGraph BUILT: in ${performance.now() - t0}ms`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getLayoutGraph BUILT: in ${performance.now() - t0}ms`);
     return graph;
   }
   /**
@@ -2915,7 +2935,7 @@ var GraphCache = class {
   invalidate(path) {
     const key = canonicalPath(path);
     const kind = classifyFile(key);
-    if (this.log.enabled) this.log.debug(`invalidate: ${key} kind=${kind} solids=${this.solids.size} hasCrossFileResults=${this.crossFileResults !== null} hasLayout=${this.layout !== null}`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`invalidate: ${key} kind=${kind} solids=${this.solids.size} hasCrossFileResults=${this.crossFileResults !== null} hasLayout=${this.layout !== null}`);
     if (kind === "solid") {
       const had = this.solids.has(key);
       this.solids.delete(key);
@@ -2923,7 +2943,7 @@ var GraphCache = class {
       this.crossFileResults = null;
       this.solidGeneration++;
       this.layout = null;
-      if (this.log.enabled) this.log.debug(`invalidate SOLID: ${key} wasInCache=${had} solids=${this.solids.size} solidGen=${this.solidGeneration}`);
+      if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`invalidate SOLID: ${key} wasInCache=${had} solids=${this.solids.size} solidGen=${this.solidGeneration}`);
     }
     if (kind === "css") {
       this.crossFileDiagnostics.delete(key);
@@ -2931,7 +2951,7 @@ var GraphCache = class {
       this.cssGeneration++;
       this.css = null;
       this.layout = null;
-      if (this.log.enabled) this.log.debug(`invalidate CSS: ${key} newCssGen=${this.cssGeneration}`);
+      if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`invalidate CSS: ${key} newCssGen=${this.cssGeneration}`);
     }
   }
   /**
@@ -2940,7 +2960,7 @@ var GraphCache = class {
    * Called on workspace-level events like config changes.
    */
   invalidateAll() {
-    if (this.log.enabled) this.log.debug(`invalidateAll: solids=${this.solids.size} solidGen=${this.solidGeneration} cssGen=${this.cssGeneration}`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`invalidateAll: solids=${this.solids.size} solidGen=${this.solidGeneration} cssGen=${this.cssGeneration}`);
     this.solids.clear();
     this.crossFileDiagnostics.clear();
     this.crossFileResults = null;
@@ -2956,7 +2976,7 @@ var GraphCache = class {
    * Used by cross-file analysis which needs all SolidGraphs.
    */
   getAllSolidGraphs() {
-    if (this.log.enabled) this.log.debug(`getAllSolidGraphs: ${this.solids.size} graphs`);
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getAllSolidGraphs: ${this.solids.size} graphs`);
     const out = new Array(this.solids.size);
     let i = 0;
     for (const entry of this.solids.values()) {
@@ -3012,10 +3032,10 @@ var GraphCache = class {
     const solidMatch = this.crossFileResults.solidGeneration === this.solidGeneration;
     const cssMatch = this.crossFileResults.cssGeneration === this.cssGeneration;
     if (solidMatch && cssMatch) {
-      if (this.log.enabled) this.log.debug(`getCachedCrossFileResults HIT: ${this.crossFileResults?.byFile.size} files`);
+      if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(`getCachedCrossFileResults HIT: ${this.crossFileResults?.byFile.size} files`);
       return this.crossFileResults.byFile;
     }
-    if (this.log.enabled) this.log.debug(
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(
       `getCachedCrossFileResults MISS: solidMatch=${solidMatch} cssMatch=${cssMatch} cachedSolidGen=${this.crossFileResults?.solidGeneration} currentSolidGen=${this.solidGeneration} cachedCssGen=${this.crossFileResults?.cssGeneration} currentCssGen=${this.cssGeneration}`
     );
     return null;
@@ -3046,7 +3066,7 @@ var GraphCache = class {
       cssGeneration: this.cssGeneration,
       byFile
     };
-    if (this.log.enabled) this.log.debug(
+    if (this.log.isLevelEnabled(Level.Debug)) this.log.debug(
       `setCachedCrossFileResults: ${allDiagnostics.length} diags across ${byFile.size} files solidGen=${this.solidGeneration} cssGen=${this.cssGeneration}`
     );
     this.crossFileDiagnostics.clear();
@@ -3358,6 +3378,35 @@ var TypeResolver = class {
       return false;
     }
   }
+  /**
+   * Strict array check: only matches Array<T>, T[], ReadonlyArray<T>, and tuples.
+   * Does NOT match typed arrays (Uint8Array, Buffer, etc.) or other types with
+   * a numeric index signature.
+   */
+  isStrictArrayType(node) {
+    try {
+      const tsType = this.checker.getTypeAtLocation(node);
+      return this.checkIsStrictArrayType(tsType);
+    } catch {
+      return false;
+    }
+  }
+  checkIsStrictArrayType(tsType) {
+    if (tsType.flags & 524288) {
+      const objFlags = getObjectFlags(tsType);
+      if (objFlags & 8) return true;
+      if (objFlags & 4) {
+        const name = tsType.getSymbol()?.getName();
+        if (name === "Array" || name === "ReadonlyArray") return true;
+      }
+    }
+    if (tsType.isUnion()) {
+      for (const t of tsType.types) {
+        if (this.checkIsStrictArrayType(t)) return true;
+      }
+    }
+    return false;
+  }
   checkIsArrayType(tsType) {
     if (tsType.flags & 524288) {
       const objFlags = getObjectFlags(tsType);
@@ -3409,7 +3458,7 @@ var TypeResolver = class {
       if (exprTsType.flags & import_typescript2.default.TypeFlags.Any) return false;
       if (targetTsType.flags & import_typescript2.default.TypeFlags.Any) return false;
       const result = this.checker.isTypeAssignableTo(exprTsType, targetTsType);
-      if (this.logger.enabled) {
+      if (this.logger.isLevelEnabled(Level.Debug)) {
         const exprStr = this.checker.typeToString(exprTsType);
         const targetStr = this.checker.typeToString(targetTsType);
         this.logger.debug(`isUnnecessaryCast: expr="${exprStr.slice(0, 120)}" target="${targetStr.slice(0, 120)}" assignable=${result} exprFlags=${exprTsType.flags} targetFlags=${targetTsType.flags}`);
@@ -3926,6 +3975,7 @@ function getStaticStringFromJSXValue(node) {
     const expression = node.expression;
     if (!expression) return null;
     if (import_typescript4.default.isStringLiteral(expression)) return expression.text;
+    if (import_typescript4.default.isNumericLiteral(expression)) return expression.text;
     if (import_typescript4.default.isNoSubstitutionTemplateLiteral(expression)) return expression.text;
     if (import_typescript4.default.isTemplateExpression(expression) && expression.templateSpans.length === 0) {
       return expression.head.text;
@@ -10373,6 +10423,9 @@ function typeIncludesString(graph, node) {
 function typeIsArray(graph, node) {
   return graph.typeResolver.isArrayType(node);
 }
+function typeIsStrictArray(graph, node) {
+  return graph.typeResolver.isStrictArrayType(node);
+}
 function getArrayElementKind(graph, node) {
   return graph.typeResolver.getArrayElementKind(node);
 }
@@ -20168,6 +20221,7 @@ var preferSetLookupInLoop = defineSolidRule({
   options: options77,
   check(graph, emit) {
     const reported = /* @__PURE__ */ new Set();
+    const graphHasTypes = hasTypeInfo(graph);
     for (const method of LINEAR_SEARCH_METHODS) {
       const calls = getCallsByMethodName(graph, method);
       for (let i = 0, len = calls.length; i < len; i++) {
@@ -20185,6 +20239,7 @@ var preferSetLookupInLoop = defineSolidRule({
         const loop = getEnclosingLoop(call.node);
         if (!loop) continue;
         if (!isDeclaredOutsideLoop2(loop, variable)) continue;
+        if (graphHasTypes && !typeIsStrictArray(graph, callee.expression)) continue;
         if (isStringLikeReceiver(graph, callee.expression, variable)) continue;
         const key = `${loop.pos}:var:${variable.id}`;
         if (reported.has(key)) continue;
@@ -29780,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}}`."
 };
@@ -29957,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,
@@ -29984,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,
@@ -30011,7 +29926,7 @@ var cssPolicyTypography = defineCSSRule({
           d.startColumn,
           cssPolicyTypography,
           "lineHeightTooSmall",
-          resolveMessage(messages126.lineHeightTooSmall, {
+          resolveMessage(messages125.lineHeightTooSmall, {
             value: d.value.trim(),
             context,
             min: String(min),
@@ -30029,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) {
@@ -30133,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,
@@ -30196,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,
@@ -30227,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,
@@ -30260,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,
@@ -30296,7 +30211,7 @@ var cssNoUnusedContainerName = defineCSSRule({
           d.startColumn,
           cssNoUnusedContainerName,
           "unusedContainer",
-          resolveMessage(messages130.unusedContainer, { name })
+          resolveMessage(messages129.unusedContainer, { name })
         );
       }
     }
@@ -30304,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,
@@ -30329,7 +30244,7 @@ var layerRequirementForComponentRules = defineCSSRule({
         rule.startColumn,
         layerRequirementForComponentRules,
         "missingLayer",
-        resolveMessage(messages131.missingLayer, {
+        resolveMessage(messages130.missingLayer, {
           selector: rule.selectorText
         })
       );
@@ -30369,7 +30284,6 @@ var rules2 = [
   selectorMaxAttributeAndUniversal,
   selectorMaxSpecificity,
   cssPolicyTypography,
-  cssPolicyTouchTarget,
   cssPolicySpacing,
   cssPolicyContrast
 ];
@@ -30706,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;
   }
 }
@@ -31740,6 +31667,9 @@ function readBaselineOffsetFacts(graph, node) {
 function readElementRef(graph, node) {
   return readElementRefById(graph, node.solidFile, node.elementId);
 }
+function readHostElementRef(graph, node) {
+  return graph.hostElementRefsByNode.get(node) ?? null;
+}
 function readElementRefById(graph, solidFile, elementId) {
   const refs = graph.elementRefsBySolidFileAndId.get(solidFile);
   if (!refs) return null;
@@ -32805,7 +32735,7 @@ function publishLayoutPerfStatsForTest(stats) {
 }
 function maybeLogLayoutPerf(stats, log) {
   if (process.env["SOLID_LINT_LAYOUT_PROFILE"] !== "1") return;
-  if (!log || !log.enabled) return;
+  if (!log || !log.isLevelEnabled(Level.Debug)) return;
   const view = snapshotLayoutPerfStats(stats);
   log.debug(
     `[layout] elements=${view.elementsScanned} candidates=${view.selectorCandidatesChecked} compiledSelectors=${view.compiledSelectorCount} unsupportedSelectors=${view.selectorsRejectedUnsupported} conditionalSelectors=${view.selectorsGuardedConditional} ancestryChecks=${view.ancestryChecks} edges=${view.matchEdgesCreated} collected=${view.casesCollected} cases=${view.casesScored} rejectLowEvidence=${view.casesRejectedLowEvidence} rejectThreshold=${view.casesRejectedThreshold} rejectUndecidable=${view.casesRejectedUndecidable} rejectIdentifiability=${view.casesRejectedIdentifiability} undecidableInterval=${view.undecidableInterval} conditionalSignalRatio=${Math.round(view.conditionalSignalRatio * 1e3) / 1e3} conditionalSignals=${view.conditionalSignals} totalSignals=${view.totalSignals} cohortUnimodalFalse=${view.cohortUnimodalFalse} factorCoverageMean=${Math.round(view.factorCoverageMean * 1e3) / 1e3} posteriorWidthP95=${Math.round(view.posteriorWidthP95 * 1e3) / 1e3} uncertaintyEscalations=${view.uncertaintyEscalations} snapshots=${view.signalSnapshotsBuilt} snapshotHits=${view.signalSnapshotCacheHits} measurementIndexHits=${view.measurementIndexHits} contexts=${view.contextsClassified} diagnostics=${view.diagnosticsEmitted} selectorIndexMs=${Math.round(view.selectorIndexMs * 100) / 100} selectorMatchMs=${Math.round(view.selectorMatchMs * 100) / 100} cascadeBuildMs=${Math.round(view.cascadeBuildMs * 100) / 100} caseBuildMs=${Math.round(view.caseBuildMs * 100) / 100} scoringMs=${Math.round(view.scoringMs * 100) / 100} elapsedMs=${Math.round(view.elapsedMs * 100) / 100}`
@@ -32853,17 +32783,17 @@ function createLayoutComponentHostResolver(solids, moduleResolver, logger = noop
       if (cached !== void 0) return cached;
       const binding = resolveTagBinding(normalizedFile, tag);
       if (binding === null) {
-        if (logger.enabled) logger.trace(`[component-host] resolveHost(${tag}): binding=null`);
+        if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host] resolveHost(${tag}): binding=null`);
         hostByTagCache.set(cacheKey, null);
         return null;
       }
       if (binding.kind === "component") {
-        if (logger.enabled) logger.trace(`[component-host] resolveHost(${tag}): component, tagName=${binding.host.tagName}, attrs=[${[...binding.host.staticAttributes.keys()]}]`);
+        if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host] resolveHost(${tag}): component, tagName=${binding.host.descriptor.tagName}, attrs=[${[...binding.host.descriptor.staticAttributes.keys()]}]`);
         hostByTagCache.set(cacheKey, binding.host);
         return binding.host;
       }
       const host = binding.base ? binding.base.host : null;
-      if (logger.enabled) logger.trace(`[component-host] resolveHost(${tag}): namespace, base=${host?.tagName ?? "null"}`);
+      if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host] resolveHost(${tag}): namespace, base=${host?.descriptor.tagName ?? "null"}`);
       hostByTagCache.set(cacheKey, host);
       return host;
     },
@@ -32876,26 +32806,26 @@ function createLayoutComponentHostResolver(solids, moduleResolver, logger = noop
     }
   };
   function resolveComponentHostEntry(entry) {
-    if (entry.resolution === "resolved") return entry.descriptor;
-    if (logger.enabled) logger.trace(`[component-host] resolveComponentHostEntry: deferred innerTag=${entry.innerTag}, file=${entry.filePath}, attrs=[${[...entry.staticAttributes.keys()]}]`);
+    if (entry.resolution === "resolved") {
+      return { descriptor: entry.descriptor, hostElementRef: entry.hostElementRef };
+    }
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host] resolveComponentHostEntry: deferred innerTag=${entry.innerTag}, file=${entry.filePath}, attrs=[${[...entry.staticAttributes.keys()]}]`);
     const innerBinding = resolveLocalIdentifierBinding(entry.filePath, entry.innerTag);
-    if (logger.enabled) logger.trace(`[component-host]   innerBinding=${innerBinding === null ? "null" : innerBinding.kind}`);
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host]   innerBinding=${innerBinding === null ? "null" : innerBinding.kind}`);
     const innerHost = extractHostFromBinding(innerBinding);
-    if (logger.enabled) logger.trace(`[component-host]   innerHost=${innerHost === null ? "null" : `tagName=${innerHost.tagName}, attrs=[${[...innerHost.staticAttributes.keys()]}]`}`);
-    let tagName = innerHost !== null ? innerHost.tagName : null;
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host]   innerHost=${innerHost === null ? "null" : `tagName=${innerHost.descriptor.tagName}, attrs=[${[...innerHost.descriptor.staticAttributes.keys()]}]`}`);
+    let tagName = innerHost !== null ? innerHost.descriptor.tagName : null;
     if (tagName === null) {
       tagName = resolveTagNameFromPolymorphicProp(entry.staticAttributes);
-      if (logger.enabled) logger.trace(`[component-host]   polymorphic fallback: tagName=${tagName}`);
+      if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host]   polymorphic fallback: tagName=${tagName}`);
     }
-    const staticAttributes = innerHost !== null ? mergeStaticAttributes(entry.staticAttributes, innerHost.staticAttributes) : entry.staticAttributes;
-    const staticClassTokens = innerHost !== null ? mergeStaticClassTokens(entry.staticClassTokens, innerHost.staticClassTokens) : entry.staticClassTokens;
-    const forwardsChildren = entry.forwardsChildren || innerHost !== null && innerHost.forwardsChildren;
-    if (logger.enabled) logger.trace(`[component-host]   resolved: tagName=${tagName}, attrs=[${[...staticAttributes.keys()]}], classes=[${staticClassTokens}]`);
+    const staticAttributes = innerHost !== null ? mergeStaticAttributes(entry.staticAttributes, innerHost.descriptor.staticAttributes) : entry.staticAttributes;
+    const staticClassTokens = innerHost !== null ? mergeStaticClassTokens(entry.staticClassTokens, innerHost.descriptor.staticClassTokens) : entry.staticClassTokens;
+    const forwardsChildren = entry.forwardsChildren || innerHost !== null && innerHost.descriptor.forwardsChildren;
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host]   resolved: tagName=${tagName}, attrs=[${[...staticAttributes.keys()]}], classes=[${staticClassTokens}]`);
     return {
-      tagName,
-      staticAttributes,
-      staticClassTokens,
-      forwardsChildren
+      descriptor: { tagName, staticAttributes, staticClassTokens, forwardsChildren },
+      hostElementRef: innerHost?.hostElementRef ?? null
     };
   }
   function extractHostFromBinding(binding) {
@@ -32936,10 +32866,7 @@ function createLayoutComponentHostResolver(solids, moduleResolver, logger = noop
     if (hostEntry) {
       const resolved = resolveComponentHostEntry(hostEntry);
       if (resolved !== null) {
-        const binding = {
-          kind: "component",
-          host: resolved
-        };
+        const binding = { kind: "component", host: resolved };
         localBindingCache.set(key, binding);
         resolvingLocal.delete(key);
         return binding;
@@ -33000,7 +32927,7 @@ function createLayoutComponentHostResolver(solids, moduleResolver, logger = noop
     const baseExpression = toExpressionArgument(firstArg);
     if (baseExpression === null) return null;
     const baseBinding = resolveBindingFromExpression(filePath, baseExpression);
-    if (logger.enabled) logger.trace(`[component-host] Object.assign base: ${baseBinding === null ? "null" : baseBinding.kind}${baseBinding?.kind === "component" ? `, tagName=${baseBinding.host.tagName}` : ""}`);
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host] Object.assign base: ${baseBinding === null ? "null" : baseBinding.kind}${baseBinding?.kind === "component" ? `, tagName=${baseBinding.host.descriptor.tagName}` : ""}`);
     let baseComponent = null;
     const members = /* @__PURE__ */ new Map();
     if (baseBinding && baseBinding.kind === "component") {
@@ -33026,7 +32953,7 @@ function createLayoutComponentHostResolver(solids, moduleResolver, logger = noop
       if (!import_typescript126.default.isObjectLiteralExpression(argument)) continue;
       appendObjectExpressionMembers(filePath, argument, members);
     }
-    if (logger.enabled) logger.trace(`[component-host] Object.assign result: base=${baseComponent === null ? "null" : `tagName=${baseComponent.host.tagName}`}, members=[${[...members.keys()]}]`);
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host] Object.assign result: base=${baseComponent === null ? "null" : `tagName=${baseComponent.host.descriptor.tagName}`}, members=[${[...members.keys()]}]`);
     if (baseComponent === null && members.size === 0) return null;
     return {
       kind: "namespace",
@@ -33068,7 +32995,7 @@ function createLayoutComponentHostResolver(solids, moduleResolver, logger = noop
   }
   function resolveBindingFromImport(filePath, importBinding) {
     const resolvedModule = moduleResolver.resolveSolid(filePath, importBinding.source) ?? resolveAndIndexExternalModule(filePath, importBinding.source);
-    if (logger.enabled) logger.trace(`[component-host] resolveBindingFromImport: source=${importBinding.source}, kind=${importBinding.kind}, resolvedModule=${resolvedModule}`);
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host] resolveBindingFromImport: source=${importBinding.source}, kind=${importBinding.kind}, resolvedModule=${resolvedModule}`);
     if (resolvedModule === null) return null;
     const normalized = (0, import_node_path4.resolve)(resolvedModule);
     if (importBinding.kind === "namespace") {
@@ -33077,7 +33004,7 @@ function createLayoutComponentHostResolver(solids, moduleResolver, logger = noop
     const exportName = importBinding.kind === "default" ? "default" : importBinding.importedName;
     if (exportName === null) return null;
     const result = resolveExportBinding(normalized, exportName);
-    if (logger.enabled) logger.trace(`[component-host]   export ${exportName}: ${result === null ? "null" : result.kind}`);
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[component-host]   export ${exportName}: ${result === null ? "null" : result.kind}`);
     return result;
   }
   function resolveAndIndexExternalModule(importerFile, importSource) {
@@ -33271,6 +33198,7 @@ function collectComponentHosts(graph) {
 }
 function resolveComponentHostEntryForFunction(graph, fn) {
   let entry = null;
+  let hostElementRefAgreed = true;
   const bodyEntry = resolveHostEntryFromFunctionBody(graph, fn);
   if (bodyEntry !== null) {
     entry = bodyEntry;
@@ -33286,9 +33214,17 @@ function resolveComponentHostEntryForFunction(graph, fn) {
       entry = returnEntry;
       continue;
     }
-    if (areComponentHostEntriesEqual(entry, returnEntry)) continue;
+    if (areComponentHostEntriesEqual(entry, returnEntry)) {
+      if (hostElementRefAgreed && entry.resolution === "resolved" && returnEntry.resolution === "resolved" && entry.hostElementRef !== returnEntry.hostElementRef) {
+        hostElementRefAgreed = false;
+      }
+      continue;
+    }
     return null;
   }
+  if (!hostElementRefAgreed && entry !== null && entry.resolution === "resolved") {
+    return { resolution: "resolved", descriptor: entry.descriptor, hostElementRef: null };
+  }
   return entry;
 }
 function resolveHostEntryFromFunctionBody(graph, fn) {
@@ -33316,7 +33252,8 @@ function resolveHostEntryFromJSXElement(graph, node) {
         staticAttributes: collectStaticAttributes(element),
         staticClassTokens: getStaticClassTokensForElementEntity(graph, element),
         forwardsChildren: detectChildrenForwarding(element)
-      }
+      },
+      hostElementRef: { solid: graph, element }
     };
   }
   if (isContextProviderTag(element.tag)) {
@@ -34026,7 +33963,7 @@ function matchesChain(matcher, node, index, perf, fileRootElements, logger) {
     ancestor = ancestor.parentElementNode;
   }
   if (fileRootElements !== null) {
-    if (logger.enabled) {
+    if (logger.isLevelEnabled(Level.Trace)) {
       const compoundDesc = describeCompound(targetCompound);
       logger.trace(`[selector-match] fallback: node=${node.key} tag=${node.tagName} checking ${fileRootElements.length} roots for compound=${compoundDesc}`);
     }
@@ -34037,11 +33974,11 @@ function matchesChain(matcher, node, index, perf, fileRootElements, logger) {
       if (root.solidFile !== node.solidFile) continue;
       perf.ancestryChecks++;
       const compoundResult = matchesCompound(root, targetCompound);
-      if (logger.enabled && compoundResult === "no-match") {
+      if (logger.isLevelEnabled(Level.Trace) && compoundResult === "no-match") {
         logger.trace(`[selector-match] fallback MISS: root=${root.key} tag=${root.tagName} attrs=[${[...root.attributes.entries()].map(([k, v]) => `${k}=${v}`).join(",")}]`);
       }
       if (compoundResult !== "no-match") {
-        if (logger.enabled) {
+        if (logger.isLevelEnabled(Level.Debug)) {
           const compoundDesc = describeCompound(targetCompound);
           logger.debug(`[selector-match] fallback HIT: node=${node.key} tag=${node.tagName} matched root=${root.key} tag=${root.tagName} compound=${compoundDesc} isFinal=${isFinal}`);
         }
@@ -37243,7 +37180,7 @@ function appendMatchingEdgesFromSelectorIds(ctx, selectorIds, node, applies, app
     };
     applies.push(edge);
     ctx.perf.matchEdgesCreated++;
-    if (ctx.logger.enabled) {
+    if (ctx.logger.isLevelEnabled(Level.Trace)) {
       ctx.logger.trace(
         `[cascade] edge node=${node.key} selector=${selector.id} match=${matchResult} conditional=${edge.conditionalMatch} selector-raw=${selector.raw.slice(0, 80)}`
       );
@@ -37686,7 +37623,7 @@ function getTextualContentState(element, memo, compositionMetaByElementId, logge
     if (!child) continue;
     if (child.kind === "expression") {
       if (isStructuralExpression(child.node)) {
-        if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id} \u2192 unknown (structural expression child)`);
+        if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id} \u2192 unknown (structural expression child)`);
         memo.set(element.id, 2 /* Unknown */);
         return 2 /* Unknown */;
       }
@@ -37708,11 +37645,11 @@ function getTextualContentState(element, memo, compositionMetaByElementId, logge
     if (!child.isDomElement) {
       const childMeta = compositionMetaByElementId.get(child.id);
       if (childMeta !== void 0 && isControlTag(childMeta.tagName)) {
-        if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id}: non-DOM child ${child.tag}#${child.id} resolves to control tag=${childMeta.tagName}, skipping`);
+        if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id}: non-DOM child ${child.tag}#${child.id} resolves to control tag=${childMeta.tagName}, skipping`);
         continue;
       }
       if (childState !== 1 /* No */) {
-        if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id}: non-DOM child ${child.tag ?? child.id}#${child.id} has state=${childState} \u2192 childHasUnknown`);
+        if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id}: non-DOM child ${child.tag ?? child.id}#${child.id} has state=${childState} \u2192 childHasUnknown`);
         childHasUnknown = true;
       }
       continue;
@@ -37725,12 +37662,12 @@ function getTextualContentState(element, memo, compositionMetaByElementId, logge
     if (childState === 3 /* DynamicText */) childHasDynamicText = true;
   }
   if (childHasUnknown) {
-    if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id} \u2192 unknown (child has unknown)`);
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id} \u2192 unknown (child has unknown)`);
     memo.set(element.id, 2 /* Unknown */);
     return 2 /* Unknown */;
   }
   if (hasTextOnlyExpression || childHasDynamicText) {
-    if (logger.enabled) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id} \u2192 dynamic-text`);
+    if (logger.isLevelEnabled(Level.Trace)) logger.trace(`[textual-content] element=${element.tagName ?? element.tag}#${element.id} \u2192 dynamic-text`);
     memo.set(element.id, 3 /* DynamicText */);
     return 3 /* DynamicText */;
   }
@@ -37752,15 +37689,16 @@ function collectLayoutElementRecordsForSolid(solid, selectorRequirements, inline
     const meta = compositionMetaByElementId.get(element.id);
     if (!meta || !meta.participates) continue;
     const localClassTokens = selectorRequirements.needsClassTokens ? getStaticClassTokensForElementEntity(solid, element) : EMPTY_STRING_LIST3;
-    const classTokens = mergeClassTokens(localClassTokens, meta.hostDescriptor?.staticClassTokens);
+    const classTokens = mergeClassTokens(localClassTokens, meta.resolvedHost?.descriptor.staticClassTokens);
     const classTokenSet = classTokens.length === 0 ? EMPTY_CLASS_TOKEN_SET : createClassTokenSet(classTokens);
     const inlineStyleKeys = getStaticStyleKeysForElement(solid, element.id);
     const localAttributes = selectorRequirements.needsAttributes ? collectStaticAttributes(element) : EMPTY_ATTRIBUTES2;
-    const attributes = mergeAttributes(localAttributes, meta.hostDescriptor?.staticAttributes);
+    const attributes = mergeAttributes(localAttributes, meta.resolvedHost?.descriptor.staticAttributes);
     const selectorDispatchKeys = buildSelectorDispatchKeys(attributes, classTokens);
     const inlineStyleValues = inlineStyleValuesByElementId.get(element.id) ?? EMPTY_INLINE_STYLE_VALUES;
     const textualContent = getTextualContentState(element, textContentMemo, compositionMetaByElementId, logger);
     const parentElementId = resolveComposedParentElementId(element, compositionMetaByElementId);
+    const hostElementRef = meta.resolvedHost?.hostElementRef ?? null;
     out.push({
       element,
       key: toLayoutElementKey(solid.file, element.id),
@@ -37773,7 +37711,8 @@ function collectLayoutElementRecordsForSolid(solid, selectorRequirements, inline
       selectorDispatchKeys,
       inlineStyleValues,
       textualContent,
-      parentElementId
+      parentElementId,
+      hostElementRef
     });
   }
   return out;
@@ -37783,7 +37722,7 @@ function collectCompositionMetaByElementId(solid, componentHostResolver) {
   for (let i = 0; i < solid.jsxElements.length; i++) {
     const element = solid.jsxElements[i];
     if (!element) continue;
-    const hostDescriptor = resolveHostDescriptorForElement(
+    const resolvedHost = resolveHostForElement(
       componentHostResolver,
       solid.file,
       element
@@ -37792,30 +37731,30 @@ function collectCompositionMetaByElementId(solid, componentHostResolver) {
       componentHostResolver,
       solid.file,
       element,
-      hostDescriptor
+      resolvedHost
     );
     const participates = element.tag !== null && !isTransparentPrimitive;
-    const tag = resolveEffectiveTag(element, hostDescriptor);
+    const tag = resolveEffectiveTag(element, resolvedHost?.descriptor ?? null);
     const tagName = tag ? tag.toLowerCase() : null;
     out.set(element.id, {
       element,
       participates,
       tag,
       tagName,
-      hostDescriptor
+      resolvedHost
     });
   }
   return out;
 }
-function resolveHostDescriptorForElement(componentHostResolver, solidFile, element) {
+function resolveHostForElement(componentHostResolver, solidFile, element) {
   if (element.tag === null) return null;
   if (element.isDomElement) return null;
   return componentHostResolver.resolveHost(solidFile, element.tag);
 }
-function resolveTransparentPrimitiveStatus(componentHostResolver, solidFile, element, hostDescriptor) {
+function resolveTransparentPrimitiveStatus(componentHostResolver, solidFile, element, resolvedHost) {
   if (element.tag === null) return false;
   if (element.isDomElement) return false;
-  if (hostDescriptor !== null) return false;
+  if (resolvedHost !== null) return false;
   return componentHostResolver.isTransparentPrimitive(solidFile, element.tag);
 }
 function resolveEffectiveTag(element, hostDescriptor) {
@@ -37933,6 +37872,7 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
   const childrenByParentNodeMutable = /* @__PURE__ */ new Map();
   const elementBySolidFileAndIdMutable = /* @__PURE__ */ new Map();
   const elementRefsBySolidFileAndIdMutable = /* @__PURE__ */ new Map();
+  const hostElementRefsByNodeMutable = /* @__PURE__ */ new Map();
   const appliesByElementNodeMutable = /* @__PURE__ */ new Map();
   const selectorsById = /* @__PURE__ */ new Map();
   const monitoredDeclarationsBySelectorId = /* @__PURE__ */ new Map();
@@ -37969,7 +37909,7 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
   const moduleResolver = createLayoutModuleResolver(solids, css);
   const componentHostResolver = createLayoutComponentHostResolver(solids, moduleResolver, logger);
   const cssScopeBySolidFile = collectCSSScopeBySolidFile(solids, css, moduleResolver);
-  if (logger.enabled) {
+  if (logger.isLevelEnabled(Level.Trace)) {
     for (const [solidFile, scopePaths] of cssScopeBySolidFile) {
       if (scopePaths.length > 0) {
         let names = "";
@@ -38064,6 +38004,9 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
         isControl: isControlTag(record.tagName),
         isReplaced: isReplacedTag(record.tagName)
       };
+      if (record.hostElementRef !== null) {
+        hostElementRefsByNodeMutable.set(node, record.hostElementRef);
+      }
       elements.push(node);
       elementById.set(record.element.id, node);
       nodeByElementId.set(record.element.id, node);
@@ -38085,7 +38028,7 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
       }
     }
   }
-  if (logger.enabled) {
+  if (logger.isLevelEnabled(Level.Debug)) {
     for (const [file, roots] of rootElementsByFile) {
       const descs = roots.map((r) => `${r.key}(tag=${r.tagName}, attrs=[${[...r.attributes.entries()].map(([k, v]) => `${k}=${v}`).join(",")}])`);
       logger.debug(`[build] rootElementsByFile file=${file} count=${roots.length}: ${descs.join(", ")}`);
@@ -38128,7 +38071,7 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
     appliesByNode.set(node, edges);
   }
   perf.cascadeBuildMs = performance.now() - cascadeStartedAt;
-  if (logger.enabled) {
+  if (logger.isLevelEnabled(Level.Trace)) {
     for (let i = 0; i < elements.length; i++) {
       const node = elements[i];
       if (!node) continue;
@@ -38184,6 +38127,7 @@ function buildLayoutGraph(solids, css, logger = noopLogger) {
     childrenByParentNode: childrenByParentNodeMutable,
     elementBySolidFileAndId: elementBySolidFileAndIdMutable,
     elementRefsBySolidFileAndId: elementRefsBySolidFileAndIdMutable,
+    hostElementRefsByNode: hostElementRefsByNodeMutable,
     appliesByNode,
     selectorCandidatesByNode,
     selectorsById,
@@ -38584,7 +38528,7 @@ function computeFlowParticipationFact(snapshot) {
 }
 function buildContextIndex(childrenByParentNode, snapshotByElementNode, perf, logger) {
   const out = /* @__PURE__ */ new Map();
-  const trace = logger.enabled;
+  const trace = logger.isLevelEnabled(Level.Trace);
   for (const [parent, children] of childrenByParentNode) {
     if (children.length < 2) continue;
     const snapshot = snapshotByElementNode.get(parent);
@@ -39403,7 +39347,7 @@ function runLayoutDetector(context, detector) {
         result.evidence.posteriorLower,
         result.evidence.posteriorUpper
       );
-      if (log.enabled) {
+      if (log.isLevelEnabled(Level.Debug)) {
         log.debug(
           `[${detector.id}] accept case=${i} severity=${result.evidence.severity.toFixed(2)} confidence=${result.evidence.confidence.toFixed(2)} posterior=[${result.evidence.posteriorLower.toFixed(3)},${result.evidence.posteriorUpper.toFixed(3)}] evidenceMass=${result.evidence.evidenceMass.toFixed(3)} context=${result.evidence.contextKind} offset=${result.evidence.estimatedOffsetPx?.toFixed(2) ?? "null"} topFactors=[${result.evidence.topFactors.join(",")}] causes=[${result.evidence.causes.join("; ")}]`
         );
@@ -39412,7 +39356,7 @@ function runLayoutDetector(context, detector) {
       continue;
     }
     recordPolicyMetrics(context, result.evidenceMass, result.posteriorLower, result.posteriorUpper);
-    if (log.enabled) {
+    if (log.isLevelEnabled(Level.Debug)) {
       log.debug(
         `[${detector.id}] reject case=${i} reason=${result.reason} detail=${result.detail ?? "none"} posterior=[${result.posteriorLower.toFixed(3)},${result.posteriorUpper.toFixed(3)}] evidenceMass=${result.evidenceMass.toFixed(3)}`
       );
@@ -39508,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,
@@ -39533,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"
       ));
     }
@@ -39541,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,
@@ -39571,7 +39515,7 @@ var cssNoUnreferencedComponentClass = defineCrossRule({
           },
           cssNoUnreferencedComponentClass.id,
           "unreferencedClass",
-          resolveMessage(messages133.unreferencedClass, { className }),
+          resolveMessage(messages132.unreferencedClass, { className }),
           "warn"
         )
       );
@@ -39580,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,
@@ -39628,7 +39572,7 @@ var jsxNoDuplicateClassTokenClassClasslist = defineCrossRule({
             solid.sourceFile,
             jsxNoDuplicateClassTokenClassClasslist.id,
             "duplicateClassToken",
-            resolveMessage(messages134.duplicateClassToken, { name: token }),
+            resolveMessage(messages133.duplicateClassToken, { name: token }),
             "warn"
           ));
         }
@@ -39639,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,
@@ -39656,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,
@@ -39695,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"
       ));
     });
@@ -39730,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,
@@ -39750,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,
@@ -39800,7 +39744,7 @@ var jsxClasslistNoAccessorReference = defineCrossRule({
         solid.sourceFile,
         jsxClasslistNoAccessorReference.id,
         "accessorReference",
-        resolveMessage(messages138.accessorReference, { name: v.text }),
+        resolveMessage(messages137.accessorReference, { name: v.text }),
         "error"
       ));
     });
@@ -39809,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,
@@ -39836,7 +39780,7 @@ var jsxStyleKebabCaseKeys = defineCrossRule({
         solid.sourceFile,
         jsxStyleKebabCaseKeys.id,
         "kebabStyleKey",
-        resolveMessage(messages139.kebabStyleKey, { name: n, kebab }),
+        resolveMessage(messages138.kebabStyleKey, { name: n, kebab }),
         "error"
       ));
     });
@@ -39845,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,
@@ -39865,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"));
       }
     });
   }
@@ -39877,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,
@@ -39924,7 +39868,7 @@ var jsxStyleNoUnusedCustomProp = defineCrossRule({
           solid.sourceFile,
           jsxStyleNoUnusedCustomProp.id,
           "unusedInlineVar",
-          resolveMessage(messages141.unusedInlineVar, { name: n }),
+          resolveMessage(messages140.unusedInlineVar, { name: n }),
           "warn"
         ));
       }
@@ -39934,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}}`.",
@@ -39945,28 +39889,54 @@ var INLINE_TOUCH_TARGET_KEYS = /* @__PURE__ */ new Set([
   "height",
   "min-height",
   "width",
-  "min-width",
-  "padding-left",
-  "padding-right",
-  "padding-inline",
-  "padding-inline-start",
-  "padding-inline-end"
+  "min-width"
+]);
+var INTERACTIVE_HTML_TAGS = /* @__PURE__ */ new Set(["button", "a", "input", "select", "textarea", "label", "summary"]);
+var INTERACTIVE_ARIA_ROLES = /* @__PURE__ */ new Set([
+  "button",
+  "link",
+  "checkbox",
+  "radio",
+  "combobox",
+  "listbox",
+  "menuitem",
+  "menuitemcheckbox",
+  "menuitemradio",
+  "option",
+  "switch",
+  "tab"
 ]);
+function isInteractiveElement(solid, element, hostElementRef) {
+  if (element.tagName !== null && INTERACTIVE_HTML_TAGS.has(element.tagName)) return true;
+  const roleAttr = getJSXAttributeEntity(solid, element, "role");
+  if (roleAttr !== null && roleAttr.valueNode !== null) {
+    const role = getStaticStringFromJSXValue(roleAttr.valueNode);
+    if (role !== null && INTERACTIVE_ARIA_ROLES.has(role)) return true;
+  }
+  if (hostElementRef !== null && hostElementRef.element.tagName !== null) {
+    if (INTERACTIVE_HTML_TAGS.has(hostElementRef.element.tagName)) return true;
+  }
+  return false;
+}
+function readNodeHostElementRef(layout, solid, element) {
+  const node = layout.elementBySolidFileAndId.get(solid.file)?.get(element.id) ?? null;
+  return node !== null ? readHostElementRef(layout, node) : null;
+}
 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,
     category: "css-jsx"
   },
   check(context, emit) {
-    const { solids } = context;
+    const { solids, layout } = context;
     const policy = getActivePolicy();
     if (policy === null) return;
     const name = getActivePolicyName() ?? "";
-    forEachStylePropertyAcross(solids, (solid, p) => {
+    forEachStylePropertyAcross(solids, (solid, p, element) => {
       if (!import_typescript135.default.isPropertyAssignment(p)) return;
       const key = objectKeyName(p.name);
       if (!key) return;
@@ -39982,7 +39952,7 @@ var jsxStylePolicy = defineCrossRule({
           solid.sourceFile,
           jsxStylePolicy.id,
           "fontTooSmall",
-          resolveMessage(messages142.fontTooSmall, {
+          resolveMessage(messages141.fontTooSmall, {
             prop: key,
             value: strVal,
             resolved: formatRounded(px),
@@ -40004,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
@@ -40014,6 +39984,8 @@ var jsxStylePolicy = defineCrossRule({
         return;
       }
       if (INLINE_TOUCH_TARGET_KEYS.has(normalizedKey)) {
+        const hostRef = readNodeHostElementRef(layout, solid, element);
+        if (!isInteractiveElement(solid, element, hostRef)) return;
         const strVal = getStaticStringValue(p.initializer);
         if (!strVal) return;
         const px = parsePxValue(strVal);
@@ -40026,7 +39998,7 @@ var jsxStylePolicy = defineCrossRule({
           solid.sourceFile,
           jsxStylePolicy.id,
           "heightTooSmall",
-          resolveMessage(messages142.heightTooSmall, {
+          resolveMessage(messages141.heightTooSmall, {
             prop: key,
             value: strVal,
             resolved: formatRounded(px),
@@ -40048,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),
@@ -40069,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),
@@ -40083,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;
@@ -40092,7 +40064,7 @@ var siblingAlignmentDetector = {
   id: "sibling-alignment-outlier",
   collect: collectAlignmentCases,
   evaluate(input, context) {
-    if (context.logger.enabled) {
+    if (context.logger.isLevelEnabled(Level.Trace)) {
       const ctx = input.context;
       context.logger.trace(
         `[sibling-alignment] evaluate subject=${input.subject.elementKey} tag=${input.subject.tag} parent=${ctx.parentElementKey} parentTag=${ctx.parentTag} context.kind=${ctx.kind} certainty=${ctx.certainty} display=${ctx.parentDisplay} alignItems=${ctx.parentAlignItems} crossAxisIsBlockAxis=${ctx.crossAxisIsBlockAxis} crossAxisCertainty=${ctx.crossAxisIsBlockAxisCertainty} baseline=${ctx.baselineRelevance}`
@@ -40131,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,
@@ -40141,7 +40113,7 @@ var cssLayoutSiblingAlignmentOutlier = defineCrossRule({
     const log = context.logger;
     const detections = runLayoutDetector(context, siblingAlignmentDetector);
     const uniqueDetections = dedupeDetectionsBySubject(detections);
-    if (log.enabled) {
+    if (log.isLevelEnabled(Level.Debug)) {
       log.debug(
         `[sibling-alignment] raw=${detections.length} deduped=${uniqueDetections.length}`
       );
@@ -40155,7 +40127,7 @@ var cssLayoutSiblingAlignmentOutlier = defineCrossRule({
       const subjectId = detection.caseData.subject.elementId;
       const logPrefix = `[sibling-alignment] <${subjectTag}> in <${parentTag}> (${subjectFile}#${subjectId})`;
       if (detection.evidence.confidence < MIN_CONFIDENCE_THRESHOLD) {
-        if (log.enabled) {
+        if (log.isLevelEnabled(Level.Debug)) {
           log.debug(
             `${logPrefix} SKIP: confidence=${detection.evidence.confidence.toFixed(2)} < threshold=${MIN_CONFIDENCE_THRESHOLD}`
           );
@@ -40164,7 +40136,7 @@ var cssLayoutSiblingAlignmentOutlier = defineCrossRule({
       }
       const estimatedOffset = detection.evidence.estimatedOffsetPx;
       if (estimatedOffset !== null && Math.abs(estimatedOffset) < MIN_OFFSET_PX_THRESHOLD && !hasNonOffsetPrimaryEvidence(detection.evidence.topFactors)) {
-        if (log.enabled) {
+        if (log.isLevelEnabled(Level.Debug)) {
           log.debug(
             `${logPrefix} SKIP: offset=${estimatedOffset.toFixed(2)}px < ${MIN_OFFSET_PX_THRESHOLD}px (no non-offset primary evidence, topFactors=[${detection.evidence.topFactors.join(",")}])`
           );
@@ -40176,7 +40148,7 @@ var cssLayoutSiblingAlignmentOutlier = defineCrossRule({
         detection.caseData.cohort.parentElementKey,
         detection.caseData.subject.solidFile
       )) {
-        if (log.enabled) {
+        if (log.isLevelEnabled(Level.Debug)) {
           log.debug(`${logPrefix} SKIP: out-of-flow ancestor`);
         }
         continue;
@@ -40187,7 +40159,7 @@ var cssLayoutSiblingAlignmentOutlier = defineCrossRule({
         detection.caseData.subject.elementId
       );
       if (!subjectRef) {
-        if (log.enabled) {
+        if (log.isLevelEnabled(Level.Debug)) {
           log.debug(`${logPrefix} SKIP: no node ref`);
         }
         continue;
@@ -40203,7 +40175,7 @@ var cssLayoutSiblingAlignmentOutlier = defineCrossRule({
       const primaryFix = detection.evidence.primaryFix;
       const firstChar = primaryFix.length > 0 ? primaryFix[0] : void 0;
       const fix = firstChar !== void 0 ? ` ${firstChar.toUpperCase()}${primaryFix.slice(1)}.` : "";
-      if (log.enabled) {
+      if (log.isLevelEnabled(Level.Debug)) {
         log.debug(
           `${logPrefix} EMIT: severity=${severity} confidence=${confidence} offset=${offset?.toFixed(2) ?? "null"} posterior=[${detection.evidence.posteriorLower.toFixed(3)},${detection.evidence.posteriorUpper.toFixed(3)}] evidenceMass=${detection.evidence.evidenceMass.toFixed(3)} topFactors=[${detection.evidence.topFactors.join(",")}] causes=[${causes}]`
         );
@@ -40215,7 +40187,7 @@ var cssLayoutSiblingAlignmentOutlier = defineCrossRule({
           subjectRef.solid.sourceFile,
           cssLayoutSiblingAlignmentOutlier.id,
           "misalignedSibling",
-          resolveMessage(messages143.misalignedSibling, {
+          resolveMessage(messages142.misalignedSibling, {
             subject,
             parent,
             fix,
@@ -40299,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,
@@ -40329,7 +40301,7 @@ var cssLayoutTransitionLayoutProperty = defineCrossRule({
           },
           cssLayoutTransitionLayoutProperty.id,
           "transitionLayoutProperty",
-          resolveMessage(messages144.transitionLayoutProperty, {
+          resolveMessage(messages143.transitionLayoutProperty, {
             property: target,
             declaration: declaration.property
           }),
@@ -40344,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,
@@ -40378,7 +40350,7 @@ var cssLayoutAnimationLayoutProperty = defineCrossRule({
           },
           cssLayoutAnimationLayoutProperty.id,
           "animationLayoutProperty",
-          resolveMessage(messages145.animationLayoutProperty, {
+          resolveMessage(messages144.animationLayoutProperty, {
             animation: match.name,
             property: match.property
           }),
@@ -40448,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,
@@ -40495,7 +40467,7 @@ var cssLayoutStatefulBoxModelShift = defineCrossRule({
             },
             cssLayoutStatefulBoxModelShift.id,
             "statefulBoxModelShift",
-            resolveMessage(messages146.statefulBoxModelShift, {
+            resolveMessage(messages145.statefulBoxModelShift, {
               selector: match.raw,
               property: declaration.property
             }),
@@ -40589,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,
@@ -40612,7 +40584,8 @@ var cssLayoutUnsizedReplacedElement = defineCrossRule({
       const ref = readNodeRef(context.layout, node);
       if (!ref) continue;
       const reservedSpace = readReservedSpaceFact(context.layout, node);
-      if (hasReservedSize(ref.solid, node.attributes, ref.element, reservedSpace)) continue;
+      const hostRef = readHostElementRef(context.layout, node);
+      if (hasReservedSize(ref.solid, node.attributes, ref.element, reservedSpace, hostRef)) continue;
       emit(
         createDiagnostic(
           ref.solid.file,
@@ -40620,22 +40593,24 @@ var cssLayoutUnsizedReplacedElement = defineCrossRule({
           ref.solid.sourceFile,
           cssLayoutUnsizedReplacedElement.id,
           "unsizedReplacedElement",
-          resolveMessage(messages147.unsizedReplacedElement, { tag }),
+          resolveMessage(messages146.unsizedReplacedElement, { tag }),
           "warn"
         )
       );
     }
   }
 });
-function hasReservedSize(solid, attributes, element, reservedSpaceFact) {
+function hasReservedSize(solid, attributes, element, reservedSpaceFact, hostElementRef) {
   if (reservedSpaceFact.hasReservedSpace) return true;
   const attrWidth = parsePositiveLength(attributes.get("width"));
   const attrHeight = parsePositiveLength(attributes.get("height"));
   const jsxAttrWidth = readPositiveJsxAttribute(solid, element, "width");
   const jsxAttrHeight = readPositiveJsxAttribute(solid, element, "height");
-  if (attrWidth && attrHeight || jsxAttrWidth && jsxAttrHeight) return true;
-  const hasAnyWidth = attrWidth || jsxAttrWidth || reservedSpaceFact.hasUsableInlineDimension;
-  const hasAnyHeight = attrHeight || jsxAttrHeight || reservedSpaceFact.hasUsableBlockDimension || reservedSpaceFact.hasContainIntrinsicSize;
+  const hostJsxWidth = hostElementRef !== null ? readPositiveJsxAttribute(hostElementRef.solid, hostElementRef.element, "width") : false;
+  const hostJsxHeight = hostElementRef !== null ? readPositiveJsxAttribute(hostElementRef.solid, hostElementRef.element, "height") : false;
+  if (attrWidth && attrHeight || jsxAttrWidth && jsxAttrHeight || hostJsxWidth && hostJsxHeight) return true;
+  const hasAnyWidth = attrWidth || jsxAttrWidth || hostJsxWidth || reservedSpaceFact.hasUsableInlineDimension;
+  const hasAnyHeight = attrHeight || jsxAttrHeight || hostJsxHeight || reservedSpaceFact.hasUsableBlockDimension || reservedSpaceFact.hasContainIntrinsicSize;
   if (reservedSpaceFact.hasUsableAspectRatio && (hasAnyWidth || hasAnyHeight)) return true;
   if (reservedSpaceFact.hasContainIntrinsicSize && (hasAnyWidth || hasAnyHeight)) return true;
   return false;
@@ -40671,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"]);
@@ -40693,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,
@@ -40716,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,
@@ -40747,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,
@@ -40777,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,
@@ -40837,7 +40812,7 @@ var cssLayoutFontSwapInstability = defineCrossRule({
             },
             cssLayoutFontSwapInstability.id,
             "unstableFontSwap",
-            resolveMessage(messages151.unstableFontSwap, {
+            resolveMessage(messages150.unstableFontSwap, {
               family,
               display: report.display
             }),
@@ -40850,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,
@@ -40878,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"]);
@@ -40893,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,
@@ -40916,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;
     }
   }
 });
@@ -40938,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,
@@ -40969,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;
     }
   }
 });
@@ -40989,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"]);
@@ -41006,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,
@@ -41024,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;
     }
   }
 });
@@ -41033,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,
@@ -41054,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,
@@ -41092,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`
           }),
@@ -41153,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([
@@ -41176,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,
@@ -41198,7 +41173,7 @@ var jsxLayoutUnstableStyleToggle = defineCrossRule({
           solid.sourceFile,
           jsxLayoutUnstableStyleToggle.id,
           "unstableLayoutStyleToggle",
-          resolveMessage(messages158.unstableLayoutStyleToggle, { property: normalized }),
+          resolveMessage(messages157.unstableLayoutStyleToggle, { property: normalized }),
           "warn"
         )
       );
@@ -41315,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,
@@ -41348,7 +41323,7 @@ var jsxLayoutClasslistGeometryToggle = defineCrossRule({
           solid.sourceFile,
           jsxLayoutClasslistGeometryToggle.id,
           "classListGeometryToggle",
-          resolveMessage(messages159.classListGeometryToggle, {
+          resolveMessage(messages158.classListGeometryToggle, {
             className,
             property
           }),
@@ -41397,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,
@@ -41427,7 +41402,7 @@ var jsxLayoutPictureSourceRatioConsistency = defineCrossRule({
             solid.sourceFile,
             jsxLayoutPictureSourceRatioConsistency.id,
             "inconsistentPictureRatio",
-            resolveMessage(messages160.inconsistentPictureRatio, {
+            resolveMessage(messages159.inconsistentPictureRatio, {
               sourceRatio: mismatch.sourceRatio,
               imgRatio: mismatch.imgRatio
             }),
@@ -41497,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,
@@ -41533,7 +41508,7 @@ var jsxLayoutFillImageParentMustBeSized = defineCrossRule({
             solid.sourceFile,
             jsxLayoutFillImageParentMustBeSized.id,
             "unsizedFillParent",
-            resolveMessage(messages161.unsizedFillParent, {
+            resolveMessage(messages160.unsizedFillParent, {
               component: element.tag ?? "Image"
             }),
             "warn"
@@ -41544,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,
@@ -41575,7 +41754,8 @@ var rules3 = [
   cssLayoutOverflowModeToggleInstability,
   cssLayoutBoxSizingToggleWithChrome,
   cssLayoutContentVisibilityNoIntrinsicSize,
-  cssLayoutConditionalOffsetShift
+  cssLayoutConditionalOffsetShift,
+  jsxLayoutPolicyTouchTarget
 ];
 
 // src/cross-file/plugin.ts
@@ -41877,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",
@@ -41913,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",
@@ -43571,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}}`." } }],