@drskillissue/ganko 0.2.7 → 0.2.8

package/dist/index.d.cts

@@ -1622,7 +1622,7 @@ interface TailwindValidator {
 declare function resolveTailwindValidator(files: readonly {
     path: string;
     content: string;
-}[]): Promise<TailwindValidator | null>;
+}[], logger?: Logger): Promise<TailwindValidator | null>;
 
 /**
  * CSSInput - Input type for building CSSGraph from CSS/SCSS source files.
@@ -2031,8 +2031,40 @@ interface SelectorAttributeConstraint {
     value: string | null;
     caseInsensitive: boolean;
 }
+interface NthPattern {
+    readonly step: number;
+    readonly offset: number;
+}
+declare const enum PseudoConstraintKind {
+    Simple = 0,
+    FirstChild = 1,
+    LastChild = 2,
+    OnlyChild = 3,
+    NthChild = 4,
+    NthLastChild = 5,
+    NthOfType = 6,
+    NthLastOfType = 7,
+    MatchesAny = 8,
+    NoneOf = 9
+}
+interface ParsedPseudoConstraint {
+    readonly name: string;
+    readonly raw: string;
+    readonly kind: PseudoConstraintKind;
+    readonly nthPattern: NthPattern | null;
+    readonly nestedCompounds: readonly SelectorCompound[][] | null;
+}
+interface SelectorCompound {
+    readonly parts: readonly SelectorPart[];
+    readonly tagName: string | null;
+    readonly idValue: string | null;
+    readonly classes: readonly string[];
+    readonly attributes: readonly SelectorAttributeConstraint[];
+    readonly pseudoClasses: readonly ParsedPseudoConstraint[];
+}
 interface SelectorAnchor {
     subjectTag: string | null;
+    idValue: string | null;
     classes: readonly string[];
     attributes: readonly SelectorAttributeConstraint[];
     includesDescendantCombinator: boolean;
@@ -2062,6 +2094,8 @@ interface SelectorEntity {
     specificity: Specificity;
     specificityScore: number;
     complexity: SelectorComplexity;
+    compounds: readonly SelectorCompound[];
+    combinators: readonly CombinatorType[];
     parts: SelectorPart[];
     anchor: SelectorAnchor;
     overrides: SelectorEntity[];
@@ -2293,7 +2327,8 @@ declare class CSSGraph {
     readonly parseErrors: CSSParseError[];
     readonly failedFilePaths: string[];
     readonly tokenCategories: TokenCategory[];
-    readonly filesWithLayers: Set<string>;
+    private _filesWithLayers;
+    get filesWithLayers(): ReadonlySet<string>;
     readonly selectorsByPseudoClass: Map<string, SelectorEntity[]>;
     readonly knownKeyframeNames: Set<string>;
     readonly unresolvedAnimationRefs: UnresolvedAnimationRef[];
@@ -2305,17 +2340,14 @@ declare class CSSGraph {
     readonly multiDeclarationProperties: Map<string, readonly DeclarationEntity[]>;
     /** Declarations whose parent rule is inside a @keyframes block. */
     readonly keyframeDeclarations: DeclarationEntity[];
-    /** Rules with zero declarations and zero nested rules. */
-    readonly emptyRules: RuleEntity[];
+    /** Rules with zero declarations, zero nested rules, and zero nested at-rules. */
+    private _emptyRules;
+    get emptyRules(): readonly RuleEntity[];
     /** @keyframes at-rules with no effective keyframe declarations. */
-    readonly emptyKeyframes: AtRuleEntity[];
-    readonly colorDeclarations: DeclarationEntity[];
-    readonly calcDeclarations: DeclarationEntity[];
-    readonly varDeclarations: DeclarationEntity[];
-    readonly urlDeclarations: DeclarationEntity[];
-    readonly vendorPrefixedDeclarations: DeclarationEntity[];
-    readonly hardcodedColorDeclarations: DeclarationEntity[];
-    readonly overqualifiedSelectors: SelectorEntity[];
+    private _emptyKeyframes;
+    get emptyKeyframes(): readonly AtRuleEntity[];
+    private _overqualifiedSelectors;
+    get overqualifiedSelectors(): readonly SelectorEntity[];
     readonly idSelectors: SelectorEntity[];
     readonly attributeSelectors: SelectorEntity[];
     readonly universalSelectors: SelectorEntity[];
@@ -2331,7 +2363,8 @@ declare class CSSGraph {
     readonly usedFontFamilies: Set<string>;
     /** Tailwind validator for utility class lookup (null if not a Tailwind project). */
     readonly tailwind: TailwindValidator | null;
-    readonly deepNestedRules: RuleEntity[];
+    private _deepNestedRules;
+    get deepNestedRules(): readonly RuleEntity[];
     constructor(input: CSSInput);
     intern(s: string): string;
     nextFileId(): number;
@@ -2377,37 +2410,16 @@ declare class CSSGraph {
      * Called after all phases complete.
      */
     buildDerivedIndexes(): void;
-    private buildRuleDeclarationIndexes;
     private buildContainingMediaStacks;
-    private buildKeyframeIndex;
+    private buildKeyframeIndexes;
     private buildContainerNameIndexes;
-    private buildElementKinds;
-    private buildFilesWithLayers;
-    private buildSelectorPseudoClassIndex;
     /**
      * Sort each declarationsByProperty list by sourceOrder and populate
      * multiDeclarationProperties with only those having 2+ entries.
      */
     private buildMultiDeclarationProperties;
-    /**
-     * Collect declarations whose parent rule is inside a @keyframes block.
-     */
-    private buildKeyframeDeclarations;
-    private buildKeyframeLayoutMutationsByName;
-    /**
-     * Collect rules with no declarations and no nested rules.
-     */
-    private buildEmptyRules;
-    /**
-     * Collect @keyframes with no effective keyframe declarations.
-     */
-    private buildEmptyKeyframes;
-    private buildDeclarationDerivedIndexes;
-    private buildSelectorDerivedIndexes;
     private buildLayoutPropertiesByClassToken;
-    private buildFontFamilyUsageByRule;
-    private buildFontFaceDescriptorsByFamily;
-    private buildRuleDerivedIndexes;
+    private buildFontIndexes;
     buildUnusedIndexes(): void;
 }
 
@@ -2533,18 +2545,26 @@ declare const enum LayoutSignalUnit {
     Keyword = 2,
     Unknown = 3
 }
+declare const enum SignalValueKind {
+    Known = 0,
+    Unknown = 1
+}
+declare const enum SignalQuality {
+    Exact = 0,
+    Estimated = 1
+}
 interface LayoutKnownSignalValue {
-    readonly kind: "known";
+    readonly kind: SignalValueKind.Known;
     readonly name: LayoutSignalName;
     readonly normalized: string;
     readonly source: LayoutSignalSource;
     readonly guard: LayoutRuleGuard;
     readonly unit: LayoutSignalUnit;
     readonly px: number | null;
-    readonly quality: "exact" | "estimated";
+    readonly quality: SignalQuality;
 }
 interface LayoutUnknownSignalValue {
-    readonly kind: "unknown";
+    readonly kind: SignalValueKind.Unknown;
     readonly name: LayoutSignalName;
     readonly source: LayoutSignalSource | null;
     readonly guard: LayoutRuleGuard;
@@ -2782,10 +2802,10 @@ type LayoutReservedSpaceReason = "height" | "block-size" | "min-height" | "min-b
 interface LayoutReservedSpaceFact {
     readonly hasReservedSpace: boolean;
     readonly reasons: readonly LayoutReservedSpaceReason[];
-    readonly hasUsableInlineDimension: boolean;
-    readonly hasUsableBlockDimension: boolean;
     readonly hasContainIntrinsicSize: boolean;
     readonly hasUsableAspectRatio: boolean;
+    readonly hasDeclaredInlineDimension: boolean;
+    readonly hasDeclaredBlockDimension: boolean;
 }
 declare const enum LayoutScrollAxis {
     None = 0,
@@ -2843,46 +2863,35 @@ interface LayoutNormalizedRuleDeclaration {
     readonly startColumn: number;
     readonly propertyLength: number;
 }
-interface LayoutGraphTopology {
+interface LayoutElementRecord {
+    readonly ref: LayoutElementRef | null;
+    readonly edges: readonly LayoutMatchEdge[];
+    readonly cascade: ReadonlyMap<string, LayoutCascadedDeclaration>;
+    readonly snapshot: LayoutSignalSnapshot;
+    readonly hotSignals: LayoutSnapshotHotSignals;
+    readonly reservedSpace: LayoutReservedSpaceFact;
+    readonly scrollContainer: LayoutScrollContainerFact;
+    readonly flowParticipation: LayoutFlowParticipationFact;
+    readonly containingBlock: LayoutContainingBlockFact;
+    readonly conditionalDelta: ReadonlyMap<LayoutSignalName, LayoutConditionalSignalDeltaFact> | null;
+    readonly baselineOffsets: ReadonlyMap<LayoutSignalName, readonly number[]> | null;
+}
+interface LayoutGraph {
     readonly elements: readonly LayoutElementNode[];
     readonly childrenByParentNode: ReadonlyMap<LayoutElementNode, readonly LayoutElementNode[]>;
     readonly elementBySolidFileAndId: ReadonlyMap<string, ReadonlyMap<number, LayoutElementNode>>;
     readonly elementRefsBySolidFileAndId: ReadonlyMap<string, ReadonlyMap<number, LayoutElementRef>>;
     readonly elementsByTagName: ReadonlyMap<string, readonly LayoutElementNode[]>;
     readonly measurementNodeByRootKey: ReadonlyMap<string, LayoutElementNode>;
-    /**
-     * Maps component call-site nodes to their resolved host DOM element reference.
-     * Only populated for nodes that represent a component resolved to a concrete DOM
-     * element. Native DOM element nodes and unresolvable components are absent.
-     * Used by rules that need to inspect the host element's JSX attributes (e.g.
-     * dynamic `width`/`height` expressions not capturable as static strings).
-     */
     readonly hostElementRefsByNode: ReadonlyMap<LayoutElementNode, LayoutElementRef>;
-}
-interface LayoutGraphCascade {
     readonly styleRules: readonly LayoutStyleRuleNode[];
     readonly applies: readonly LayoutMatchEdge[];
     readonly cssScopeBySolidFile: ReadonlyMap<string, readonly string[]>;
-    readonly appliesByNode: ReadonlyMap<LayoutElementNode, readonly LayoutMatchEdge[]>;
     readonly selectorCandidatesByNode: ReadonlyMap<LayoutElementNode, readonly number[]>;
     readonly selectorsById: ReadonlyMap<number, SelectorEntity>;
-    readonly cascadeByElementNode: WeakMap<LayoutElementNode, ReadonlyMap<string, LayoutCascadedDeclaration>>;
-    readonly snapshotByElementNode: WeakMap<LayoutElementNode, LayoutSignalSnapshot>;
-    readonly snapshotHotSignalsByNode: ReadonlyMap<LayoutElementNode, LayoutSnapshotHotSignals>;
-}
-interface LayoutGraphFacts {
-    readonly reservedSpaceFactsByNode: ReadonlyMap<LayoutElementNode, LayoutReservedSpaceFact>;
-    readonly scrollContainerFactsByNode: ReadonlyMap<LayoutElementNode, LayoutScrollContainerFact>;
-    readonly flowParticipationFactsByNode: ReadonlyMap<LayoutElementNode, LayoutFlowParticipationFact>;
-    readonly containingBlockFactsByNode: ReadonlyMap<LayoutElementNode, LayoutContainingBlockFact>;
-    readonly conditionalSignalDeltaFactsByNode: ReadonlyMap<LayoutElementNode, ReadonlyMap<LayoutSignalName, LayoutConditionalSignalDeltaFact>>;
-    readonly baselineOffsetFactsByNode: ReadonlyMap<LayoutElementNode, ReadonlyMap<LayoutSignalName, readonly number[]>>;
-}
-interface LayoutGraphCohorts {
+    readonly records: ReadonlyMap<LayoutElementNode, LayoutElementRecord>;
     readonly cohortStatsByParentNode: ReadonlyMap<LayoutElementNode, LayoutCohortStats>;
     readonly contextByParentNode: ReadonlyMap<LayoutElementNode, AlignmentContext>;
-}
-interface LayoutGraphIndexes {
     readonly elementsWithConditionalDeltaBySignal: ReadonlyMap<LayoutSignalName, readonly LayoutElementNode[]>;
     readonly elementsWithConditionalOverflowDelta: readonly LayoutElementNode[];
     readonly elementsWithConditionalOffsetDelta: readonly LayoutElementNode[];
@@ -2892,8 +2901,6 @@ interface LayoutGraphIndexes {
     readonly statefulSelectorEntriesByRuleId: ReadonlyMap<number, readonly LayoutStatefulSelectorEntry[]>;
     readonly statefulNormalizedDeclarationsByRuleId: ReadonlyMap<number, readonly LayoutNormalizedRuleDeclaration[]>;
     readonly statefulBaseValueIndex: ReadonlyMap<string, ReadonlyMap<string, ReadonlySet<string>>>;
-}
-interface LayoutGraph extends LayoutGraphTopology, LayoutGraphCascade, LayoutGraphFacts, LayoutGraphCohorts, LayoutGraphIndexes {
     readonly perf: LayoutPerfStatsMutable;
 }
 

package/dist/index.d.ts

@@ -1622,7 +1622,7 @@ interface TailwindValidator {
 declare function resolveTailwindValidator(files: readonly {
     path: string;
     content: string;
-}[]): Promise<TailwindValidator | null>;
+}[], logger?: Logger): Promise<TailwindValidator | null>;
 
 /**
  * CSSInput - Input type for building CSSGraph from CSS/SCSS source files.
@@ -2031,8 +2031,40 @@ interface SelectorAttributeConstraint {
     value: string | null;
     caseInsensitive: boolean;
 }
+interface NthPattern {
+    readonly step: number;
+    readonly offset: number;
+}
+declare const enum PseudoConstraintKind {
+    Simple = 0,
+    FirstChild = 1,
+    LastChild = 2,
+    OnlyChild = 3,
+    NthChild = 4,
+    NthLastChild = 5,
+    NthOfType = 6,
+    NthLastOfType = 7,
+    MatchesAny = 8,
+    NoneOf = 9
+}
+interface ParsedPseudoConstraint {
+    readonly name: string;
+    readonly raw: string;
+    readonly kind: PseudoConstraintKind;
+    readonly nthPattern: NthPattern | null;
+    readonly nestedCompounds: readonly SelectorCompound[][] | null;
+}
+interface SelectorCompound {
+    readonly parts: readonly SelectorPart[];
+    readonly tagName: string | null;
+    readonly idValue: string | null;
+    readonly classes: readonly string[];
+    readonly attributes: readonly SelectorAttributeConstraint[];
+    readonly pseudoClasses: readonly ParsedPseudoConstraint[];
+}
 interface SelectorAnchor {
     subjectTag: string | null;
+    idValue: string | null;
     classes: readonly string[];
     attributes: readonly SelectorAttributeConstraint[];
     includesDescendantCombinator: boolean;
@@ -2062,6 +2094,8 @@ interface SelectorEntity {
     specificity: Specificity;
     specificityScore: number;
     complexity: SelectorComplexity;
+    compounds: readonly SelectorCompound[];
+    combinators: readonly CombinatorType[];
     parts: SelectorPart[];
     anchor: SelectorAnchor;
     overrides: SelectorEntity[];
@@ -2293,7 +2327,8 @@ declare class CSSGraph {
     readonly parseErrors: CSSParseError[];
     readonly failedFilePaths: string[];
     readonly tokenCategories: TokenCategory[];
-    readonly filesWithLayers: Set<string>;
+    private _filesWithLayers;
+    get filesWithLayers(): ReadonlySet<string>;
     readonly selectorsByPseudoClass: Map<string, SelectorEntity[]>;
     readonly knownKeyframeNames: Set<string>;
     readonly unresolvedAnimationRefs: UnresolvedAnimationRef[];
@@ -2305,17 +2340,14 @@ declare class CSSGraph {
     readonly multiDeclarationProperties: Map<string, readonly DeclarationEntity[]>;
     /** Declarations whose parent rule is inside a @keyframes block. */
     readonly keyframeDeclarations: DeclarationEntity[];
-    /** Rules with zero declarations and zero nested rules. */
-    readonly emptyRules: RuleEntity[];
+    /** Rules with zero declarations, zero nested rules, and zero nested at-rules. */
+    private _emptyRules;
+    get emptyRules(): readonly RuleEntity[];
     /** @keyframes at-rules with no effective keyframe declarations. */
-    readonly emptyKeyframes: AtRuleEntity[];
-    readonly colorDeclarations: DeclarationEntity[];
-    readonly calcDeclarations: DeclarationEntity[];
-    readonly varDeclarations: DeclarationEntity[];
-    readonly urlDeclarations: DeclarationEntity[];
-    readonly vendorPrefixedDeclarations: DeclarationEntity[];
-    readonly hardcodedColorDeclarations: DeclarationEntity[];
-    readonly overqualifiedSelectors: SelectorEntity[];
+    private _emptyKeyframes;
+    get emptyKeyframes(): readonly AtRuleEntity[];
+    private _overqualifiedSelectors;
+    get overqualifiedSelectors(): readonly SelectorEntity[];
     readonly idSelectors: SelectorEntity[];
     readonly attributeSelectors: SelectorEntity[];
     readonly universalSelectors: SelectorEntity[];
@@ -2331,7 +2363,8 @@ declare class CSSGraph {
     readonly usedFontFamilies: Set<string>;
     /** Tailwind validator for utility class lookup (null if not a Tailwind project). */
     readonly tailwind: TailwindValidator | null;
-    readonly deepNestedRules: RuleEntity[];
+    private _deepNestedRules;
+    get deepNestedRules(): readonly RuleEntity[];
     constructor(input: CSSInput);
     intern(s: string): string;
     nextFileId(): number;
@@ -2377,37 +2410,16 @@ declare class CSSGraph {
      * Called after all phases complete.
      */
     buildDerivedIndexes(): void;
-    private buildRuleDeclarationIndexes;
     private buildContainingMediaStacks;
-    private buildKeyframeIndex;
+    private buildKeyframeIndexes;
     private buildContainerNameIndexes;
-    private buildElementKinds;
-    private buildFilesWithLayers;
-    private buildSelectorPseudoClassIndex;
     /**
      * Sort each declarationsByProperty list by sourceOrder and populate
      * multiDeclarationProperties with only those having 2+ entries.
      */
     private buildMultiDeclarationProperties;
-    /**
-     * Collect declarations whose parent rule is inside a @keyframes block.
-     */
-    private buildKeyframeDeclarations;
-    private buildKeyframeLayoutMutationsByName;
-    /**
-     * Collect rules with no declarations and no nested rules.
-     */
-    private buildEmptyRules;
-    /**
-     * Collect @keyframes with no effective keyframe declarations.
-     */
-    private buildEmptyKeyframes;
-    private buildDeclarationDerivedIndexes;
-    private buildSelectorDerivedIndexes;
     private buildLayoutPropertiesByClassToken;
-    private buildFontFamilyUsageByRule;
-    private buildFontFaceDescriptorsByFamily;
-    private buildRuleDerivedIndexes;
+    private buildFontIndexes;
     buildUnusedIndexes(): void;
 }
 
@@ -2533,18 +2545,26 @@ declare const enum LayoutSignalUnit {
     Keyword = 2,
     Unknown = 3
 }
+declare const enum SignalValueKind {
+    Known = 0,
+    Unknown = 1
+}
+declare const enum SignalQuality {
+    Exact = 0,
+    Estimated = 1
+}
 interface LayoutKnownSignalValue {
-    readonly kind: "known";
+    readonly kind: SignalValueKind.Known;
     readonly name: LayoutSignalName;
     readonly normalized: string;
     readonly source: LayoutSignalSource;
     readonly guard: LayoutRuleGuard;
     readonly unit: LayoutSignalUnit;
     readonly px: number | null;
-    readonly quality: "exact" | "estimated";
+    readonly quality: SignalQuality;
 }
 interface LayoutUnknownSignalValue {
-    readonly kind: "unknown";
+    readonly kind: SignalValueKind.Unknown;
     readonly name: LayoutSignalName;
     readonly source: LayoutSignalSource | null;
     readonly guard: LayoutRuleGuard;
@@ -2782,10 +2802,10 @@ type LayoutReservedSpaceReason = "height" | "block-size" | "min-height" | "min-b
 interface LayoutReservedSpaceFact {
     readonly hasReservedSpace: boolean;
     readonly reasons: readonly LayoutReservedSpaceReason[];
-    readonly hasUsableInlineDimension: boolean;
-    readonly hasUsableBlockDimension: boolean;
     readonly hasContainIntrinsicSize: boolean;
     readonly hasUsableAspectRatio: boolean;
+    readonly hasDeclaredInlineDimension: boolean;
+    readonly hasDeclaredBlockDimension: boolean;
 }
 declare const enum LayoutScrollAxis {
     None = 0,
@@ -2843,46 +2863,35 @@ interface LayoutNormalizedRuleDeclaration {
     readonly startColumn: number;
     readonly propertyLength: number;
 }
-interface LayoutGraphTopology {
+interface LayoutElementRecord {
+    readonly ref: LayoutElementRef | null;
+    readonly edges: readonly LayoutMatchEdge[];
+    readonly cascade: ReadonlyMap<string, LayoutCascadedDeclaration>;
+    readonly snapshot: LayoutSignalSnapshot;
+    readonly hotSignals: LayoutSnapshotHotSignals;
+    readonly reservedSpace: LayoutReservedSpaceFact;
+    readonly scrollContainer: LayoutScrollContainerFact;
+    readonly flowParticipation: LayoutFlowParticipationFact;
+    readonly containingBlock: LayoutContainingBlockFact;
+    readonly conditionalDelta: ReadonlyMap<LayoutSignalName, LayoutConditionalSignalDeltaFact> | null;
+    readonly baselineOffsets: ReadonlyMap<LayoutSignalName, readonly number[]> | null;
+}
+interface LayoutGraph {
     readonly elements: readonly LayoutElementNode[];
     readonly childrenByParentNode: ReadonlyMap<LayoutElementNode, readonly LayoutElementNode[]>;
     readonly elementBySolidFileAndId: ReadonlyMap<string, ReadonlyMap<number, LayoutElementNode>>;
     readonly elementRefsBySolidFileAndId: ReadonlyMap<string, ReadonlyMap<number, LayoutElementRef>>;
     readonly elementsByTagName: ReadonlyMap<string, readonly LayoutElementNode[]>;
     readonly measurementNodeByRootKey: ReadonlyMap<string, LayoutElementNode>;
-    /**
-     * Maps component call-site nodes to their resolved host DOM element reference.
-     * Only populated for nodes that represent a component resolved to a concrete DOM
-     * element. Native DOM element nodes and unresolvable components are absent.
-     * Used by rules that need to inspect the host element's JSX attributes (e.g.
-     * dynamic `width`/`height` expressions not capturable as static strings).
-     */
     readonly hostElementRefsByNode: ReadonlyMap<LayoutElementNode, LayoutElementRef>;
-}
-interface LayoutGraphCascade {
     readonly styleRules: readonly LayoutStyleRuleNode[];
     readonly applies: readonly LayoutMatchEdge[];
     readonly cssScopeBySolidFile: ReadonlyMap<string, readonly string[]>;
-    readonly appliesByNode: ReadonlyMap<LayoutElementNode, readonly LayoutMatchEdge[]>;
     readonly selectorCandidatesByNode: ReadonlyMap<LayoutElementNode, readonly number[]>;
     readonly selectorsById: ReadonlyMap<number, SelectorEntity>;
-    readonly cascadeByElementNode: WeakMap<LayoutElementNode, ReadonlyMap<string, LayoutCascadedDeclaration>>;
-    readonly snapshotByElementNode: WeakMap<LayoutElementNode, LayoutSignalSnapshot>;
-    readonly snapshotHotSignalsByNode: ReadonlyMap<LayoutElementNode, LayoutSnapshotHotSignals>;
-}
-interface LayoutGraphFacts {
-    readonly reservedSpaceFactsByNode: ReadonlyMap<LayoutElementNode, LayoutReservedSpaceFact>;
-    readonly scrollContainerFactsByNode: ReadonlyMap<LayoutElementNode, LayoutScrollContainerFact>;
-    readonly flowParticipationFactsByNode: ReadonlyMap<LayoutElementNode, LayoutFlowParticipationFact>;
-    readonly containingBlockFactsByNode: ReadonlyMap<LayoutElementNode, LayoutContainingBlockFact>;
-    readonly conditionalSignalDeltaFactsByNode: ReadonlyMap<LayoutElementNode, ReadonlyMap<LayoutSignalName, LayoutConditionalSignalDeltaFact>>;
-    readonly baselineOffsetFactsByNode: ReadonlyMap<LayoutElementNode, ReadonlyMap<LayoutSignalName, readonly number[]>>;
-}
-interface LayoutGraphCohorts {
+    readonly records: ReadonlyMap<LayoutElementNode, LayoutElementRecord>;
     readonly cohortStatsByParentNode: ReadonlyMap<LayoutElementNode, LayoutCohortStats>;
     readonly contextByParentNode: ReadonlyMap<LayoutElementNode, AlignmentContext>;
-}
-interface LayoutGraphIndexes {
     readonly elementsWithConditionalDeltaBySignal: ReadonlyMap<LayoutSignalName, readonly LayoutElementNode[]>;
     readonly elementsWithConditionalOverflowDelta: readonly LayoutElementNode[];
     readonly elementsWithConditionalOffsetDelta: readonly LayoutElementNode[];
@@ -2892,8 +2901,6 @@ interface LayoutGraphIndexes {
     readonly statefulSelectorEntriesByRuleId: ReadonlyMap<number, readonly LayoutStatefulSelectorEntry[]>;
     readonly statefulNormalizedDeclarationsByRuleId: ReadonlyMap<number, readonly LayoutNormalizedRuleDeclaration[]>;
     readonly statefulBaseValueIndex: ReadonlyMap<string, ReadonlyMap<string, ReadonlySet<string>>>;
-}
-interface LayoutGraph extends LayoutGraphTopology, LayoutGraphCascade, LayoutGraphFacts, LayoutGraphCohorts, LayoutGraphIndexes {
     readonly perf: LayoutPerfStatsMutable;
 }
 

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   RULES,
   RULES_BY_CATEGORY,
   getRule
-} from "./chunk-5OEDGKHL.js";
+} from "./chunk-NFDA6LAI.js";
 import {
   CSSPlugin,
   Level,
@@ -20,7 +20,7 @@ import {
   runSolidRules,
   scanDependencyCustomProperties,
   setActivePolicy
-} from "./chunk-WY5MMHK2.js";
+} from "./chunk-SSLKXOHI.js";
 import "./chunk-EGRHWZRV.js";
 
 // src/runner.ts

package/dist/rules-manifest.cjs

@@ -260,19 +260,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",
@@ -296,6 +283,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",
@@ -1954,7 +1956,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}}`." } }],