@master/eslint-plugin-css 2.0.0-rc.7 → 2.0.0-rc.71

package/README.md

@@ -41,19 +41,148 @@
             <img alt="Follow @mastercorg" src="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge">
         </picture>
     </a>
-    <a aria-label="Github Actions" href="https://github.com/1aron/repo/actions/workflows/release.yml">
+    <a aria-label="Github Actions" href="https://github.com/master-co/css/actions/workflows/ci-release.yml">
         <picture>
-            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/release.yml?branch=rc&label=%20&message=twitter&color=212022&logo=githubactions&style=for-the-badge">
-            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
-            <img alt="Github release actions" src="https://img.shields.io/github/actions/workflow/status/master-co/css/release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
+            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/ci-release.yml?branch=rc&label=%20&message=twitter&color=212022&logo=githubactions&style=for-the-badge">
+            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/ci-release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
+            <img alt="Github release actions" src="https://img.shields.io/github/actions/workflow/status/master-co/css/ci-release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
         </picture>
     </a>
 </p>
 
 </div>
 
-## Documentation
-Check out the official [documentation](https://rc.css.master.co/docs/code-linting).
+## Installation
+
+```bash
+npm install -D @master/eslint-plugin-css
+```
+
+The recommended config is also available through `@master/eslint-config-css`.
+
+## Usage
+
+Use ESLint flat configuration:
+
+```js
+import css from '@master/eslint-config-css'
+import htmlParser from '@angular-eslint/template-parser'
+import tsParser from '@typescript-eslint/parser'
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+    {
+        files: ['**/*.html'],
+        languageOptions: {
+            parser: htmlParser
+        }
+    },
+    {
+        files: ['**/*.{ts,tsx}'],
+        languageOptions: {
+            parser: tsParser
+        }
+    },
+    css,
+    {
+        rules: {
+            '@master/css/class-validation': ['error', {
+                disallowUnknownClass: true
+            }]
+        }
+    }
+]
+```
+
+## Rules
+
+### `@master/css/class-order`
+
+Enforces a consistent and logical order of classes.
+
+```js
+export default [
+    {
+        rules: {
+            '@master/css/class-order': 'warn'
+        }
+    }
+]
+```
+
+### `@master/css/class-validation`
+
+Detects Master CSS syntax errors.
+
+```js
+export default [
+    {
+        rules: {
+            '@master/css/class-validation': 'error'
+        }
+    }
+]
+```
+
+Set `disallowUnknownClass: true` to reject classes that do not match the active manifest:
+
+```js
+export default [
+    {
+        rules: {
+            '@master/css/class-validation': ['error', {
+                disallowUnknownClass: true
+            }]
+        }
+    }
+]
+```
+
+### `@master/css/class-collision`
+
+Detects classes that emit the same CSS declaration.
+
+```js
+export default [
+    {
+        rules: {
+            '@master/css/class-collision': 'warn'
+        }
+    }
+]
+```
+
+## Settings
+
+Settings live under the `@master/css` settings key:
+
+```js
+export default [
+    {
+        settings: {
+            '@master/css': {
+                classAttributes: ['class', 'className'],
+                classFunctions: ['clsx', 'classList.add'],
+                classDeclarations: ['classes'],
+                ignoredKeys: ['compoundVariants', 'defaultVariants'],
+                manifest
+            }
+        }
+    }
+]
+```
+
+| Setting | Type | Description |
+| --- | --- | --- |
+| `classAttributes` | `string[]` | Element attributes containing class strings. |
+| `classFunctions` | `string[]` | Function names whose arguments should be checked. |
+| `classDeclarations` | `string[]` | Variable/member names whose declarations should be checked. |
+| `ignoredKeys` | `string[]` | Object keys ignored during checking. Defaults include variant metadata keys. |
+| `manifest` | `MasterCSSManifest` | Explicit compiled manifest. By default, ESLint loads the project CSS entry discovered from the current working directory. |
+
+## Related docs
+
+See the [code linting guide](https://rc.css.master.co/guide/code-linting) for setup guides across frameworks and editors.
 
 ## Credits
-This plugin is heavily inspired by the awesome [eslint-plugin-tailwindcss](https://github.com/francoismassart/eslint-plugin-tailwindcss). We want to thank for their initial work, which served as the foundation for this project. While significant modifications have been made, the core ideas and concepts from A Plugin have been instrumental in developing this plugin.
+This plugin is heavily inspired by the awesome [eslint-plugin-tailwindcss](https://github.com/francoismassart/eslint-plugin-tailwindcss). We want to thank for their initial work, which served as the foundation for this project. While significant modifications have been made, the core ideas and concepts from A Plugin have been instrumental in developing this plugin.

package/dist/common.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+const HALF_WIDTH_WHITESPACE_REGEX = /([\t\n\f\r ]+)/;
+const HALF_WIDTH_WHITESPACE_GLOBAL_REGEX = /([\t\n\f\r ]+)/g;
+
+exports.HALF_WIDTH_WHITESPACE_GLOBAL_REGEX = HALF_WIDTH_WHITESPACE_GLOBAL_REGEX;
+exports.HALF_WIDTH_WHITESPACE_REGEX = HALF_WIDTH_WHITESPACE_REGEX;

package/dist/common.d.ts

@@ -0,0 +1,2 @@
+export declare const HALF_WIDTH_WHITESPACE_REGEX: RegExp;
+export declare const HALF_WIDTH_WHITESPACE_GLOBAL_REGEX: RegExp;

package/dist/common.mjs

@@ -0,0 +1,4 @@
+const HALF_WIDTH_WHITESPACE_REGEX = /([\t\n\f\r ]+)/;
+const HALF_WIDTH_WHITESPACE_GLOBAL_REGEX = /([\t\n\f\r ]+)/g;
+
+export { HALF_WIDTH_WHITESPACE_GLOBAL_REGEX, HALF_WIDTH_WHITESPACE_REGEX };

package/dist/configs/base.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var plugin = require('../plugin.cjs');
+
+var base = {
+    plugins: {
+        '@master/css': plugin
+    }
+};
+
+module.exports = base;

package/dist/configs/base.d.ts

@@ -0,0 +1,3 @@
+import type { Linter } from 'eslint';
+declare const _default: Linter.Config;
+export default _default;

package/dist/configs/base.mjs

@@ -0,0 +1,9 @@
+import plugin from '../plugin.mjs';
+
+var base = {
+    plugins: {
+        '@master/css': plugin
+    }
+};
+
+export { base as default };

package/dist/configs/legacy.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var recommended = require('./recommended.cjs');
+
+var legacy = {
+    plugins: [
+        '@master/css'
+    ],
+    rules: recommended.rules,
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true
+        }
+    }
+};
+
+module.exports = legacy;

package/dist/configs/legacy.d.ts

@@ -0,0 +1,3 @@
+import type { Linter } from 'eslint';
+declare const _default: Linter.LegacyConfig;
+export default _default;

package/dist/configs/legacy.mjs

@@ -0,0 +1,15 @@
+import recommended from './recommended.mjs';
+
+var legacy = {
+    plugins: [
+        '@master/css'
+    ],
+    rules: recommended.rules,
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true
+        }
+    }
+};
+
+export { legacy as default };

package/dist/configs/recommended.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var base = require('./base.cjs');
+
+var recommended = {
+    ...base,
+    rules: {
+        '@master/css/class-order': 'warn',
+        '@master/css/class-validation': 'error',
+        '@master/css/class-collision': 'warn'
+    }
+};
+
+module.exports = recommended;

package/dist/configs/recommended.d.ts

@@ -1,14 +1,3 @@
-declare const _default: {
-    rules: {
-        readonly '@master/css/class-order': "warn";
-        readonly '@master/css/class-validation': "error";
-        readonly '@master/css/class-collision': "warn";
-    };
-    parserOptions: {
-        readonly ecmaFeatures: {
-            readonly jsx: true;
-        };
-    };
-    plugins: string[];
-};
+import type { Linter } from 'eslint';
+declare const _default: Linter.Config;
 export default _default;

package/dist/configs/recommended.mjs

@@ -1 +1,12 @@
-import o from"./config.mjs";var s={plugins:["@master/css"],...o};export{s as default};
+import base from './base.mjs';
+
+var recommended = {
+    ...base,
+    rules: {
+        '@master/css/class-order': 'warn',
+        '@master/css/class-validation': 'error',
+        '@master/css/class-collision': 'warn'
+    }
+};
+
+export { recommended as default };

package/dist/create-rule.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var utils = require('@typescript-eslint/utils');
+
+var createRule = utils.ESLintUtils.RuleCreator((name)=>new URL(`/guide/code-linting#${name}`, 'https://rc.css.master.co').href);
+
+module.exports = createRule;

package/dist/create-rule.d.ts

@@ -0,0 +1,5 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+declare const _default: <Options extends readonly unknown[], MessageIds extends string>({ meta, name, ...rule }: Readonly<ESLintUtils.RuleWithMetaAndName<Options, MessageIds, unknown>>) => ESLintUtils.RuleModule<MessageIds, Options, unknown, ESLintUtils.RuleListener> & {
+    name: string;
+};
+export default _default;

package/dist/create-rule.mjs

@@ -0,0 +1,5 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+
+var createRule = ESLintUtils.RuleCreator((name)=>new URL(`/guide/code-linting#${name}`, 'https://rc.css.master.co').href);
+
+export { createRule as default };

package/dist/functions/filter-collision-classes.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var cssValidator = require('@master/css-validator');
+var masterCss = require('../utils/master-css.cjs');
+
+function filterCollisionClasses(classNames, css) {
+    const validRules = classNames.map((eachClassName)=>cssValidator.generateValidRules(eachClassName, css)[0]).filter(Boolean);
+    const collisionClassesRecord = {};
+    for(let i = 0; i < classNames.length; i++){
+        const className = classNames[i];
+        const rule = validRules.find((eachValidRule)=>eachValidRule.name === className);
+        const collisionClasses = [];
+        if (rule) {
+            for(let j = 0; j < classNames.length; j++){
+                const compareClassName = classNames[j];
+                const compareRule = validRules.find((eachValidRule)=>eachValidRule.name === compareClassName);
+                if (i !== j && compareRule && masterCss.equalDeclarations(rule.declarations, compareRule.declarations) && masterCss.equalVariants(rule, compareRule)) {
+                    collisionClasses.push(compareClassName);
+                }
+            }
+            if (collisionClasses.length > 0) {
+                collisionClassesRecord[className] = collisionClasses;
+            }
+        }
+    }
+    return collisionClassesRecord;
+}
+
+module.exports = filterCollisionClasses;

package/dist/functions/filter-collision-classes.d.ts

@@ -0,0 +1,2 @@
+import { MasterCSS } from '@master/css';
+export default function filterCollisionClasses(classNames: string[], css: MasterCSS): Record<string, string[]>;

package/dist/functions/filter-collision-classes.mjs

@@ -0,0 +1,27 @@
+import { generateValidRules } from '@master/css-validator';
+import { equalDeclarations, equalVariants } from '../utils/master-css.mjs';
+
+function filterCollisionClasses(classNames, css) {
+    const validRules = classNames.map((eachClassName)=>generateValidRules(eachClassName, css)[0]).filter(Boolean);
+    const collisionClassesRecord = {};
+    for(let i = 0; i < classNames.length; i++){
+        const className = classNames[i];
+        const rule = validRules.find((eachValidRule)=>eachValidRule.name === className);
+        const collisionClasses = [];
+        if (rule) {
+            for(let j = 0; j < classNames.length; j++){
+                const compareClassName = classNames[j];
+                const compareRule = validRules.find((eachValidRule)=>eachValidRule.name === compareClassName);
+                if (i !== j && compareRule && equalDeclarations(rule.declarations, compareRule.declarations) && equalVariants(rule, compareRule)) {
+                    collisionClasses.push(compareClassName);
+                }
+            }
+            if (collisionClasses.length > 0) {
+                collisionClassesRecord[className] = collisionClasses;
+            }
+        }
+    }
+    return collisionClassesRecord;
+}
+
+export { filterCollisionClasses as default };

package/dist/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var settings = require('./settings.cjs');
+var legacy = require('./configs/legacy.cjs');
+var base = require('./configs/base.cjs');
+var recommended = require('./configs/recommended.cjs');
+var plugin = require('./plugin.cjs');
+
+const masterCSSPlugin = {
+    ...plugin,
+    configs: {
+        legacy,
+        base,
+        recommended
+    },
+    settings
+};
+
+module.exports = masterCSSPlugin;

package/dist/index.d.ts

@@ -1 +1,12 @@
-export {};
+import settings from './settings';
+import type { Linter } from 'eslint';
+import type { TSESLint } from '@typescript-eslint/utils';
+declare const masterCSSPlugin: Omit<TSESLint.Linter.Plugin, 'configs'> & {
+    configs: {
+        legacy: unknown;
+        base: Linter.Config;
+        recommended: Linter.Config;
+    };
+    settings: typeof settings;
+};
+export default masterCSSPlugin;

package/dist/index.mjs

@@ -1 +1,17 @@
-var i=(r,o)=>()=>(o||r((o={exports:{}}).exports,o),o.exports);import t from"./plugin.mjs";import f from"./settings.mjs";import p from"./configs/recommended.mjs";import e from"./configs/flat.mjs";var n=i((x,m)=>{m.exports={...t,configs:{recommended:p,flat:e},settings:f}});export default n();
+import settings from './settings.mjs';
+import legacy from './configs/legacy.mjs';
+import base from './configs/base.mjs';
+import recommended from './configs/recommended.mjs';
+import plugin from './plugin.mjs';
+
+const masterCSSPlugin = {
+    ...plugin,
+    configs: {
+        legacy,
+        base,
+        recommended
+    },
+    settings
+};
+
+export { masterCSSPlugin as default };

package/dist/plugin.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var classCollision = require('./rules/class-collision.cjs');
+var classOrder = require('./rules/class-order.cjs');
+var classValidation = require('./rules/class-validation.cjs');
+var fs = require('fs');
+var url = require('url');
+var path = require('path');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+const __filename$1 = url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('plugin.cjs', document.baseURI).href)));
+const __dirname$1 = path.dirname(__filename$1);
+const pkg = JSON.parse(fs.readFileSync(path.resolve(__dirname$1, '..', 'package.json'), 'utf-8'));
+const plugin = {
+    meta: {
+        name: pkg.name,
+        version: pkg.version
+    },
+    rules: {
+        'class-collision': classCollision,
+        'class-order': classOrder,
+        'class-validation': classValidation
+    }
+};
+
+module.exports = plugin;

package/dist/plugin.d.ts

@@ -1,3 +1,3 @@
-import type { ESLint } from 'eslint';
-declare const plugin: ESLint.Plugin;
+import type { TSESLint } from '@typescript-eslint/utils';
+declare const plugin: TSESLint.Linter.Plugin;
 export default plugin;

package/dist/plugin.mjs

@@ -1 +1,23 @@
-import s from"./rules/class-collision.mjs";import i from"./rules/class-order.mjs";import l from"./rules/class-validation.mjs";const o={meta:{name:"@master/eslint-plugin-css"},rules:{"class-collision":s,"class-order":i,"class-validation":l}};var n=o;export{n as default};
+import classCollision from './rules/class-collision.mjs';
+import classOrder from './rules/class-order.mjs';
+import classValidation from './rules/class-validation.mjs';
+import { readFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+
+const __filename$1 = fileURLToPath(import.meta.url);
+const __dirname$1 = dirname(__filename$1);
+const pkg = JSON.parse(readFileSync(resolve(__dirname$1, '..', 'package.json'), 'utf-8'));
+const plugin = {
+    meta: {
+        name: pkg.name,
+        version: pkg.version
+    },
+    rules: {
+        'class-collision': classCollision,
+        'class-order': classOrder,
+        'class-validation': classValidation
+    }
+};
+
+export { plugin as default };

package/dist/rules/class-collision.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+var defineVisitors = require('../utils/define-visitors.cjs');
+var resolveContext = require('../utils/resolve-context.cjs');
+var filterCollisionClasses = require('../functions/filter-collision-classes.cjs');
+var createRule = require('../create-rule.cjs');
+var settingsSchema = require('../settings-schema.cjs');
+
+var classCollision = createRule({
+    name: 'class-collision-detection',
+    meta: {
+        type: 'layout',
+        docs: {
+            description: 'Avoid applying classes with the same declarations'
+        },
+        messages: {
+            collisionClass: '{{message}}'
+        },
+        fixable: 'code',
+        schema: [
+            settingsSchema
+        ]
+    },
+    defaultOptions: [],
+    create (context) {
+        const { settings, css } = resolveContext(context);
+        return defineVisitors({
+            context,
+            settings
+        }, (node, { raw, start, end, nodes, classNodes, classValues })=>{
+            const collisionClassesRecord = filterCollisionClasses(classValues, css);
+            for(const className in collisionClassesRecord){
+                const collisionClasses = collisionClassesRecord[className];
+                const collisionClassNamesMsg = collisionClasses.map((x)=>`"${x}"`).join(' and ');
+                const classNode = classNodes.find((node)=>node.value === className);
+                const fixedNodes = [
+                    ...nodes
+                ];
+                const removeCollision = (removedClassNode)=>{
+                    for(let i = 0; i < fixedNodes.length; i++){
+                        const fixedNode = fixedNodes[i];
+                        const target = fixedNode === removedClassNode;
+                        if (target) {
+                            const prev = fixedNodes[i - 1];
+                            const isSpaceBefore = prev && prev.type === 'space';
+                            fixedNodes.splice(i, 1);
+                            if (isSpaceBefore) {
+                                fixedNodes.splice(i - 1, 1);
+                            }
+                        }
+                    }
+                };
+                collisionClasses.forEach((collisionClass)=>{
+                    const collisionNode = classNodes.find((node)=>node.value === collisionClass);
+                    removeCollision(collisionNode);
+                });
+                const fixedRaw = fixedNodes.map((node)=>node.raw).join('');
+                context.report({
+                    loc: classNode.loc,
+                    messageId: 'collisionClass',
+                    data: {
+                        message: `"${className}" applies the same declarations as ${collisionClassNamesMsg}.`
+                    },
+                    fix: function(fixer) {
+                        return fixer.replaceTextRange([
+                            start,
+                            end
+                        ], fixedRaw);
+                    }
+                });
+            }
+        });
+    }
+});
+
+module.exports = classCollision;

package/dist/rules/class-collision.d.ts

@@ -1,3 +1,4 @@
-import { Rule } from 'eslint';
-declare const _default: Rule.RuleModule;
+declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"collisionClass", [], unknown, import("@typescript-eslint/utils/ts-eslint").RuleListener> & {
+    name: string;
+};
 export default _default;

package/dist/rules/class-collision.mjs

@@ -1 +1,74 @@
-import $ from"../utils/are-declarations-equal.mjs";import v from"../utils/define-visitors.mjs";import L from"../utils/resolve-context.mjs";import j from"../utils/find-loc.mjs";import{parseNodeRecursive as x}from"../utils/parse-node-recursive.mjs";import M from"../utils/valid-rules-action.mjs";var O={meta:{docs:{description:"Avoid applying classes with the same CSS declaration",category:"Stylistic Issues",recommended:!1,url:"https://rc.css.master.co/docs/code-linting#class-collision-detection"},messages:{collisionClass:"{{message}}"},fixable:"code",schema:[{type:"object",properties:{calleeMatching:{type:"string"},classMatching:{type:"string"},ignoredKeys:{type:"array",items:{type:"string",minLength:0},uniqueItems:!0},config:{type:["string","object"]}}}]},create(t){const{options:N,settings:a}=L(t);return v({context:t,settings:a},(f,g=null)=>{x(f,g,(i,d,u,C,h)=>{const y=t.sourceCode.lines,R=d.loc.start.line,S=d.loc.end.line,p=M(i,a.config);for(let n=0;n<i.length;n++){const c=i[n],l=p[c],r=[];if(l)for(let s=0;s<i.length;s++){const o=i[s],e=p[o];n!==s&&e&&$(l.declarations,e.declarations)&&l.stateToken===e.stateToken&&r.push(o)}if(r.length>0){const s=r.map(e=>`"${e}"`).join(" and ");let o=u;for(const e of r){const m=e.replace(/(\\|\.|\(|\)|\[|\]|\{|\}|\+|\*|\?|\^|\$|\||\/)/g,"\\$1");o=o.replace(new RegExp(`\\s+${m}|${m}\\s+`),"")}t.report({loc:j(c,y,R,S),messageId:"collisionClass",data:{message:`"${c}" applies the same CSS declarations as ${s}.`},fix:function(e){return e.replaceTextRange([C,h],o)}})}}},!1,!1,a.ignoredKeys,t)})}};export{O as default};
+import defineVisitors from '../utils/define-visitors.mjs';
+import resolveContext from '../utils/resolve-context.mjs';
+import filterCollisionClasses from '../functions/filter-collision-classes.mjs';
+import createRule from '../create-rule.mjs';
+import settingsSchema from '../settings-schema.mjs';
+
+var classCollision = createRule({
+    name: 'class-collision-detection',
+    meta: {
+        type: 'layout',
+        docs: {
+            description: 'Avoid applying classes with the same declarations'
+        },
+        messages: {
+            collisionClass: '{{message}}'
+        },
+        fixable: 'code',
+        schema: [
+            settingsSchema
+        ]
+    },
+    defaultOptions: [],
+    create (context) {
+        const { settings, css } = resolveContext(context);
+        return defineVisitors({
+            context,
+            settings
+        }, (node, { raw, start, end, nodes, classNodes, classValues })=>{
+            const collisionClassesRecord = filterCollisionClasses(classValues, css);
+            for(const className in collisionClassesRecord){
+                const collisionClasses = collisionClassesRecord[className];
+                const collisionClassNamesMsg = collisionClasses.map((x)=>`"${x}"`).join(' and ');
+                const classNode = classNodes.find((node)=>node.value === className);
+                const fixedNodes = [
+                    ...nodes
+                ];
+                const removeCollision = (removedClassNode)=>{
+                    for(let i = 0; i < fixedNodes.length; i++){
+                        const fixedNode = fixedNodes[i];
+                        const target = fixedNode === removedClassNode;
+                        if (target) {
+                            const prev = fixedNodes[i - 1];
+                            const isSpaceBefore = prev && prev.type === 'space';
+                            fixedNodes.splice(i, 1);
+                            if (isSpaceBefore) {
+                                fixedNodes.splice(i - 1, 1);
+                            }
+                        }
+                    }
+                };
+                collisionClasses.forEach((collisionClass)=>{
+                    const collisionNode = classNodes.find((node)=>node.value === collisionClass);
+                    removeCollision(collisionNode);
+                });
+                const fixedRaw = fixedNodes.map((node)=>node.raw).join('');
+                context.report({
+                    loc: classNode.loc,
+                    messageId: 'collisionClass',
+                    data: {
+                        message: `"${className}" applies the same declarations as ${collisionClassNamesMsg}.`
+                    },
+                    fix: function(fixer) {
+                        return fixer.replaceTextRange([
+                            start,
+                            end
+                        ], fixedRaw);
+                    }
+                });
+            }
+        });
+    }
+});
+
+export { classCollision as default };