@master/eslint-plugin-css 2.0.0-rc.5 → 2.0.0-rc.50

package/dist/rules/class-order.cjs

@@ -0,0 +1,175 @@
+'use strict';
+
+var defineVisitors = require('../utils/define-visitors.cjs');
+var resolveContext = require('../utils/resolve-context.cjs');
+var getTemplateElementBody = require('../utils/get-template-element-body.cjs');
+var getTemplateElementSuffix = require('../utils/get-template-element-suffix.cjs');
+var getTemplateElementPrefix = require('../utils/get-template-element-prefix.cjs');
+var extractValueFromNode = require('../utils/extract-value-from-node.cjs');
+var extractRangeFromNode = require('../utils/extract-range-from-node.cjs');
+var extractClassnamesFromValue = require('../utils/extract-classnames-from-value.cjs');
+var findLoc = require('../utils/find-loc.cjs');
+var createRule = require('../create-rule.cjs');
+var settingsSchema = require('../settings-schema.cjs');
+var css = require('@master/css');
+
+var classOrder = createRule({
+    name: 'consistent-class-order',
+    meta: {
+        type: 'layout',
+        fixable: 'code',
+        docs: {
+            description: 'Enforce a consistent and logical order of classes'
+        },
+        messages: {
+            invalidClassOrder: 'No consistent class order followed.'
+        },
+        schema: [
+            settingsSchema
+        ]
+    },
+    defaultOptions: [],
+    create: function(context) {
+        const { settings, css: css$1 } = resolveContext(context);
+        const sourceCode = context.sourceCode;
+        const visitNode = (node, arg = null)=>{
+            let originalClassNamesValue = null;
+            let start = null;
+            let end = null;
+            let prefix = '';
+            let suffix = '';
+            let expStrings = [];
+            if (arg === null) {
+                originalClassNamesValue = extractValueFromNode(node);
+                const range = extractRangeFromNode(node);
+                if (node.type === 'TextAttribute') {
+                    start = range[0];
+                    end = range[1];
+                } else {
+                    start = range[0] + 1;
+                    end = range[1] - 1;
+                }
+            } else {
+                switch(arg.type){
+                    case 'Identifier':
+                        return;
+                    case 'TemplateLiteral':
+                        arg.expressions.forEach((exp)=>{
+                            visitNode(node, exp);
+                        });
+                        originalClassNamesValue = sourceCode.getText(arg);
+                        originalClassNamesValue = originalClassNamesValue.substring(1, originalClassNamesValue.length - 1);
+                        expStrings = originalClassNamesValue.match(/\$\{(?:(?<!\\\\)(['"`]).*?(?<!\\\\)\1|[^}])*?\}/g) ?? [];
+                        for(let i = 0; i < expStrings.length; i++){
+                            originalClassNamesValue = originalClassNamesValue.replace(expStrings[i], `EXPRESSION_STRING_NUM_${i}`);
+                        }
+                        start = arg.range[0] + 1;
+                        end = arg.range[1] - 1;
+                        break;
+                    case 'ConditionalExpression':
+                        visitNode(node, arg.consequent);
+                        visitNode(node, arg.alternate);
+                        return;
+                    case 'LogicalExpression':
+                        visitNode(node, arg.right);
+                        return;
+                    case 'ArrayExpression':
+                        arg.elements.forEach((el)=>{
+                            visitNode(node, el);
+                        });
+                        return;
+                    case 'ObjectExpression':
+                        const isUsedByClassNamesPlugin = node.callee && node.callee.name === 'classnames';
+                        const isVue = node.key && node.key.type === 'VDirectiveKey';
+                        arg.properties.forEach((prop)=>{
+                            const propVal = isUsedByClassNamesPlugin || isVue ? prop.key : prop.value;
+                            visitNode(node, propVal);
+                        });
+                        return;
+                    case 'Property':
+                        visitNode(node, arg.key);
+                        break;
+                    case 'Literal':
+                        originalClassNamesValue = arg.raw.slice(1, arg.raw.length - 1);
+                        start = arg.range[0] + 1;
+                        end = arg.range[1] - 1;
+                        break;
+                    case 'SvelteLiteral':
+                        originalClassNamesValue = arg.value;
+                        if (originalClassNamesValue === '') {
+                            return;
+                        }
+                        start = arg.range[0];
+                        end = arg.range[1];
+                        break;
+                    case 'TemplateElement':
+                        originalClassNamesValue = arg.value.raw;
+                        if (originalClassNamesValue === '') {
+                            return;
+                        }
+                        start = arg.range[0];
+                        end = arg.range[1];
+                        // https://github.com/eslint/eslint/issues/13360
+                        // The problem is that range computation includes the backticks (`test`)
+                        // but value.raw does not include them, so there is a mismatch.
+                        // start/end does not include the backticks, therefore it matches value.raw.
+                        const txt = context.sourceCode.getText(arg);
+                        prefix = getTemplateElementPrefix(txt, originalClassNamesValue);
+                        suffix = getTemplateElementSuffix(txt, originalClassNamesValue);
+                        originalClassNamesValue = getTemplateElementBody(txt, prefix, suffix);
+                        break;
+                }
+            }
+            const { classNames, whitespaces, headSpace, tailSpace } = extractClassnamesFromValue(originalClassNamesValue);
+            if (classNames.length <= 1) {
+                // Don't run sorting for a single or empty className
+                return;
+            }
+            let orderedClassNames = css.reorderForReadableClasses(classNames, css$1).filter((eachOrderedClassName)=>classNames.includes(eachOrderedClassName));
+            orderedClassNames = classNames.filter((x)=>!orderedClassNames.includes(x)).concat(orderedClassNames).filter((x)=>x.trim() !== '');
+            // Generates the validated/sorted attribute value
+            let validatedClassNamesValue = '';
+            for(let i = 0; i < orderedClassNames.length; i++){
+                const w = whitespaces[i] ?? '';
+                const cls = orderedClassNames[i];
+                validatedClassNamesValue += headSpace ? `${w}${cls}` : `${cls}${w}`;
+                if (cls) {
+                    if (!tailSpace && i === orderedClassNames.length - 1) {
+                        validatedClassNamesValue = validatedClassNamesValue.replace(/\s+$/, '');
+                    }
+                    if (headSpace && tailSpace && i === orderedClassNames.length - 1) {
+                        validatedClassNamesValue += whitespaces[whitespaces.length - 1] ?? '';
+                    }
+                }
+            }
+            for(let i = 0; i < expStrings.length; i++){
+                originalClassNamesValue = originalClassNamesValue.replace(`EXPRESSION_STRING_NUM_${i}`, expStrings[i]);
+                validatedClassNamesValue = validatedClassNamesValue.replace(`EXPRESSION_STRING_NUM_${i}`, expStrings[i]);
+            }
+            if (originalClassNamesValue !== validatedClassNamesValue) {
+                validatedClassNamesValue = prefix + validatedClassNamesValue + suffix;
+                const sourceCodeLines = sourceCode.lines;
+                const nodeStartLine = node.loc.start.line;
+                const nodeStartColumn = node.loc.start.column;
+                const nodeEndLine = node.loc.end.line;
+                const nodeEndColumn = node.loc.end.column;
+                context.report({
+                    loc: findLoc(originalClassNamesValue, sourceCodeLines, nodeStartLine, nodeStartColumn, nodeEndLine, nodeEndColumn),
+                    messageId: 'invalidClassOrder',
+                    fix: function(fixer) {
+                        return fixer.replaceTextRange([
+                            start,
+                            end
+                        ], validatedClassNamesValue);
+                    }
+                });
+            }
+        };
+        return defineVisitors({
+            context,
+            settings
+        }, visitNode);
+    }
+});
+
+module.exports = classOrder;

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

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

package/dist/rules/class-order.mjs

@@ -1 +1,173 @@
-import T from"../utils/define-visitors.mjs";import b from"../utils/resolve-context.mjs";import v from"../utils/get-template-element-body.mjs";import R from"../utils/get-template-element-suffix.mjs";import I from"../utils/get-template-element-prefix.mjs";import k from"../utils/extract-value-from-node.mjs";import L from"../utils/extract-range-from-node.mjs";import V from"../utils/extract-classnames-from-value.mjs";import _ from"../utils/find-loc.mjs";import $ from"../utils/reorder-valid-classes-action.mjs";var D={meta:{docs:{description:"Enforce a consistent and logical order of classes",category:"Stylistic Issues",recommended:!1,url:"https://rc.css.master.co/docs/code-linting#consistent-class-order"},messages:{invalidClassOrder:"No consistent class order followed."},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:function(u){const{options:M,settings:x}=b(u),N=u.sourceCode,a=(r,t=null)=>{let s=null,o=null,c=null,d="",g="",p=[];if(t===null){s=k(r);const e=L(r);r.type==="TextAttribute"?(o=e[0],c=e[1]):(o=e[0]+1,c=e[1]-1)}else switch(t.type){case"Identifier":return;case"TemplateLiteral":t.expressions.forEach(l=>{a(r,l)}),s=N.getText(t),s=s.substring(1,s.length-1),p=s.match(/\$\{(?:(?<!\\\\)(['"`]).*?(?<!\\\\)\1|[^}])*?\}/g)??[];for(let l=0;l<p.length;l++)s=s.replace(p[l],`EXPRESSION_STRING_NUM_${l}`);o=t.range[0]+1,c=t.range[1]-1;break;case"ConditionalExpression":a(r,t.consequent),a(r,t.alternate);return;case"LogicalExpression":a(r,t.right);return;case"ArrayExpression":t.elements.forEach(l=>{a(r,l)});return;case"ObjectExpression":const e=r.callee&&r.callee.name==="classnames",f=r.key&&r.key.type==="VDirectiveKey";t.properties.forEach(l=>{const E=e||f?l.key:l.value;a(r,E)});return;case"Property":a(r,t.key);break;case"Literal":s=t.value,o=t.range[0]+1,c=t.range[1]-1;break;case"SvelteLiteral":if(s=t.value,s==="")return;o=t.range[0],c=t.range[1];break;case"TemplateElement":if(s=t.value.raw,s==="")return;o=t.range[0],c=t.range[1];const n=u.sourceCode.getText(t);d=I(n,s),g=R(n,s),s=v(n,d,g);break}const{classNames:y,whitespaces:h,headSpace:S,tailSpace:C}=V(s);if(y.length<=1)return;let m=$(y,x.config);m=y.filter(e=>!m.includes(e)).concat(m).filter(e=>e.trim()!=="");let i="";for(let e=0;e<m.length;e++){const f=h[e]??"",n=m[e];i+=S?`${f}${n}`:`${n}${f}`,n&&(!C&&e===m.length-1&&(i=i.replace(/\s+$/,"")),S&&C&&e===m.length-1&&(i+=h[h.length-1]??""))}for(let e=0;e<p.length;e++)s=s.replace(`EXPRESSION_STRING_NUM_${e}`,p[e]),i=i.replace(`EXPRESSION_STRING_NUM_${e}`,p[e]);if(s!==i){i=d+i+g;const e=N.lines,f=r.loc.start.line,n=r.loc.end.line,l={loc:_(s,e,f,n),messageId:"invalidClassOrder",fix:function(E){return E.replaceTextRange([o,c],i)}};u.report(l)}};return T({context:u,settings:x},a)}};export{D as default};
+import defineVisitors from '../utils/define-visitors.mjs';
+import resolveContext from '../utils/resolve-context.mjs';
+import getTemplateElementBody from '../utils/get-template-element-body.mjs';
+import getTemplateElementSuffix from '../utils/get-template-element-suffix.mjs';
+import getTemplateElementPrefix from '../utils/get-template-element-prefix.mjs';
+import extractValueFromNode from '../utils/extract-value-from-node.mjs';
+import extractRangeFromNode from '../utils/extract-range-from-node.mjs';
+import extractClassnamesFromValue from '../utils/extract-classnames-from-value.mjs';
+import findLoc from '../utils/find-loc.mjs';
+import createRule from '../create-rule.mjs';
+import settingsSchema from '../settings-schema.mjs';
+import { reorderForReadableClasses } from '@master/css';
+
+var classOrder = createRule({
+    name: 'consistent-class-order',
+    meta: {
+        type: 'layout',
+        fixable: 'code',
+        docs: {
+            description: 'Enforce a consistent and logical order of classes'
+        },
+        messages: {
+            invalidClassOrder: 'No consistent class order followed.'
+        },
+        schema: [
+            settingsSchema
+        ]
+    },
+    defaultOptions: [],
+    create: function(context) {
+        const { settings, css } = resolveContext(context);
+        const sourceCode = context.sourceCode;
+        const visitNode = (node, arg = null)=>{
+            let originalClassNamesValue = null;
+            let start = null;
+            let end = null;
+            let prefix = '';
+            let suffix = '';
+            let expStrings = [];
+            if (arg === null) {
+                originalClassNamesValue = extractValueFromNode(node);
+                const range = extractRangeFromNode(node);
+                if (node.type === 'TextAttribute') {
+                    start = range[0];
+                    end = range[1];
+                } else {
+                    start = range[0] + 1;
+                    end = range[1] - 1;
+                }
+            } else {
+                switch(arg.type){
+                    case 'Identifier':
+                        return;
+                    case 'TemplateLiteral':
+                        arg.expressions.forEach((exp)=>{
+                            visitNode(node, exp);
+                        });
+                        originalClassNamesValue = sourceCode.getText(arg);
+                        originalClassNamesValue = originalClassNamesValue.substring(1, originalClassNamesValue.length - 1);
+                        expStrings = originalClassNamesValue.match(/\$\{(?:(?<!\\\\)(['"`]).*?(?<!\\\\)\1|[^}])*?\}/g) ?? [];
+                        for(let i = 0; i < expStrings.length; i++){
+                            originalClassNamesValue = originalClassNamesValue.replace(expStrings[i], `EXPRESSION_STRING_NUM_${i}`);
+                        }
+                        start = arg.range[0] + 1;
+                        end = arg.range[1] - 1;
+                        break;
+                    case 'ConditionalExpression':
+                        visitNode(node, arg.consequent);
+                        visitNode(node, arg.alternate);
+                        return;
+                    case 'LogicalExpression':
+                        visitNode(node, arg.right);
+                        return;
+                    case 'ArrayExpression':
+                        arg.elements.forEach((el)=>{
+                            visitNode(node, el);
+                        });
+                        return;
+                    case 'ObjectExpression':
+                        const isUsedByClassNamesPlugin = node.callee && node.callee.name === 'classnames';
+                        const isVue = node.key && node.key.type === 'VDirectiveKey';
+                        arg.properties.forEach((prop)=>{
+                            const propVal = isUsedByClassNamesPlugin || isVue ? prop.key : prop.value;
+                            visitNode(node, propVal);
+                        });
+                        return;
+                    case 'Property':
+                        visitNode(node, arg.key);
+                        break;
+                    case 'Literal':
+                        originalClassNamesValue = arg.raw.slice(1, arg.raw.length - 1);
+                        start = arg.range[0] + 1;
+                        end = arg.range[1] - 1;
+                        break;
+                    case 'SvelteLiteral':
+                        originalClassNamesValue = arg.value;
+                        if (originalClassNamesValue === '') {
+                            return;
+                        }
+                        start = arg.range[0];
+                        end = arg.range[1];
+                        break;
+                    case 'TemplateElement':
+                        originalClassNamesValue = arg.value.raw;
+                        if (originalClassNamesValue === '') {
+                            return;
+                        }
+                        start = arg.range[0];
+                        end = arg.range[1];
+                        // https://github.com/eslint/eslint/issues/13360
+                        // The problem is that range computation includes the backticks (`test`)
+                        // but value.raw does not include them, so there is a mismatch.
+                        // start/end does not include the backticks, therefore it matches value.raw.
+                        const txt = context.sourceCode.getText(arg);
+                        prefix = getTemplateElementPrefix(txt, originalClassNamesValue);
+                        suffix = getTemplateElementSuffix(txt, originalClassNamesValue);
+                        originalClassNamesValue = getTemplateElementBody(txt, prefix, suffix);
+                        break;
+                }
+            }
+            const { classNames, whitespaces, headSpace, tailSpace } = extractClassnamesFromValue(originalClassNamesValue);
+            if (classNames.length <= 1) {
+                // Don't run sorting for a single or empty className
+                return;
+            }
+            let orderedClassNames = reorderForReadableClasses(classNames, css).filter((eachOrderedClassName)=>classNames.includes(eachOrderedClassName));
+            orderedClassNames = classNames.filter((x)=>!orderedClassNames.includes(x)).concat(orderedClassNames).filter((x)=>x.trim() !== '');
+            // Generates the validated/sorted attribute value
+            let validatedClassNamesValue = '';
+            for(let i = 0; i < orderedClassNames.length; i++){
+                const w = whitespaces[i] ?? '';
+                const cls = orderedClassNames[i];
+                validatedClassNamesValue += headSpace ? `${w}${cls}` : `${cls}${w}`;
+                if (cls) {
+                    if (!tailSpace && i === orderedClassNames.length - 1) {
+                        validatedClassNamesValue = validatedClassNamesValue.replace(/\s+$/, '');
+                    }
+                    if (headSpace && tailSpace && i === orderedClassNames.length - 1) {
+                        validatedClassNamesValue += whitespaces[whitespaces.length - 1] ?? '';
+                    }
+                }
+            }
+            for(let i = 0; i < expStrings.length; i++){
+                originalClassNamesValue = originalClassNamesValue.replace(`EXPRESSION_STRING_NUM_${i}`, expStrings[i]);
+                validatedClassNamesValue = validatedClassNamesValue.replace(`EXPRESSION_STRING_NUM_${i}`, expStrings[i]);
+            }
+            if (originalClassNamesValue !== validatedClassNamesValue) {
+                validatedClassNamesValue = prefix + validatedClassNamesValue + suffix;
+                const sourceCodeLines = sourceCode.lines;
+                const nodeStartLine = node.loc.start.line;
+                const nodeStartColumn = node.loc.start.column;
+                const nodeEndLine = node.loc.end.line;
+                const nodeEndColumn = node.loc.end.column;
+                context.report({
+                    loc: findLoc(originalClassNamesValue, sourceCodeLines, nodeStartLine, nodeStartColumn, nodeEndLine, nodeEndColumn),
+                    messageId: 'invalidClassOrder',
+                    fix: function(fixer) {
+                        return fixer.replaceTextRange([
+                            start,
+                            end
+                        ], validatedClassNamesValue);
+                    }
+                });
+            }
+        };
+        return defineVisitors({
+            context,
+            settings
+        }, visitNode);
+    }
+});
+
+export { classOrder as default };

package/dist/rules/class-validation.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+var defineVisitors = require('../utils/define-visitors.cjs');
+var resolveContext = require('../utils/resolve-context.cjs');
+var findLoc = require('../utils/find-loc.cjs');
+var parseNodeRecursive = require('../utils/parse-node-recursive.cjs');
+var createRule = require('../create-rule.cjs');
+var settingsSchema = require('../settings-schema.cjs');
+var cssValidator = require('@master/css-validator');
+
+var classValidation = createRule({
+    name: 'syntax-error-checks',
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Detect syntax errors early when writing classes'
+        },
+        messages: {
+            invalidClass: '{{message}}',
+            disallowUnknownClass: '{{message}}'
+        },
+        fixable: null,
+        schema: [
+            settingsSchema
+        ]
+    },
+    defaultOptions: [],
+    create: function(context) {
+        const { options, settings, css } = resolveContext(context);
+        const visitNode = (node, arg = null)=>{
+            parseNodeRecursive.parseNodeRecursive(node, arg, (classNames, node)=>{
+                const sourceCode = context.sourceCode;
+                const sourceCodeLines = sourceCode.lines;
+                const nodeStartLine = node.loc.start.line;
+                const nodeStartColumn = node.loc.start.column;
+                const nodeEndLine = node.loc.end.line;
+                const nodeEndColumn = node.loc.end.column;
+                for (const className of classNames){
+                    const { matched, errors } = cssValidator.validate(className, css);
+                    if (errors.length > 0) {
+                        for (const error of errors){
+                            if (matched) {
+                                context.report({
+                                    loc: findLoc(className, sourceCodeLines, nodeStartLine, nodeStartColumn, nodeEndLine, nodeEndColumn),
+                                    messageId: 'invalidClass',
+                                    data: {
+                                        message: error.message + '.'
+                                    }
+                                });
+                            } else if (options.disallowUnknownClass) {
+                                context.report({
+                                    loc: findLoc(className, sourceCodeLines, nodeStartLine, nodeStartColumn, nodeEndLine, nodeEndColumn),
+                                    messageId: 'disallowUnknownClass',
+                                    data: {
+                                        message: `"${className}" is not a valid or known class.`
+                                    }
+                                });
+                            }
+                        }
+                    }
+                }
+            }, false, false, settings.ignoredKeys, context);
+        };
+        return defineVisitors({
+            context,
+            settings
+        }, visitNode);
+    }
+});
+
+module.exports = classValidation;

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

@@ -1,3 +1,2 @@
-import { Rule } from 'eslint';
-declare const _default: Rule.RuleModule;
+declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"invalidClass" | "disallowUnknownClass", [], unknown, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
 export default _default;

package/dist/rules/class-validation.mjs

@@ -1 +1,69 @@
-import u from"../utils/define-visitors.mjs";import y from"../utils/resolve-context.mjs";import l from"../utils/find-loc.mjs";import{parseNodeRecursive as C}from"../utils/parse-node-recursive.mjs";import w from"../utils/validate-action.mjs";var b={meta:{docs:{description:"Detect syntax errors early when writing classes",category:"Stylistic Issues",recommended:!1,url:"https://rc.css.master.co/docs/code-linting#syntax-error-checks"},messages:{invalidClass:"{{message}}",disallowUnknownClass:"{{message}}"},fixable:null,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:function(e){const{options:c,settings:o}=y(e);return u({context:e,settings:o},(d,m=null)=>{C(d,m,(g,r)=>{const t=e.sourceCode.lines,i=r.loc.start.line,n=r.loc.end.line;for(const s of g){const{isMasterCSS:f,errors:a}=w(s,o.config);if(a.length>0)for(const p of a)f?e.report({loc:l(s,t,i,n),messageId:"invalidClass",data:{message:p.message+"."}}):c.disallowUnknownClass&&e.report({loc:l(s,t,i,n),messageId:"disallowUnknownClass",data:{message:`"${s}" is not a valid or known class.`}})}},!1,!1,o.ignoredKeys,e)})}};export{b as default};
+import defineVisitors from '../utils/define-visitors.mjs';
+import resolveContext from '../utils/resolve-context.mjs';
+import findLoc from '../utils/find-loc.mjs';
+import { parseNodeRecursive } from '../utils/parse-node-recursive.mjs';
+import createRule from '../create-rule.mjs';
+import settingsSchema from '../settings-schema.mjs';
+import { validate } from '@master/css-validator';
+
+var classValidation = createRule({
+    name: 'syntax-error-checks',
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Detect syntax errors early when writing classes'
+        },
+        messages: {
+            invalidClass: '{{message}}',
+            disallowUnknownClass: '{{message}}'
+        },
+        fixable: null,
+        schema: [
+            settingsSchema
+        ]
+    },
+    defaultOptions: [],
+    create: function(context) {
+        const { options, settings, css } = resolveContext(context);
+        const visitNode = (node, arg = null)=>{
+            parseNodeRecursive(node, arg, (classNames, node)=>{
+                const sourceCode = context.sourceCode;
+                const sourceCodeLines = sourceCode.lines;
+                const nodeStartLine = node.loc.start.line;
+                const nodeStartColumn = node.loc.start.column;
+                const nodeEndLine = node.loc.end.line;
+                const nodeEndColumn = node.loc.end.column;
+                for (const className of classNames){
+                    const { matched, errors } = validate(className, css);
+                    if (errors.length > 0) {
+                        for (const error of errors){
+                            if (matched) {
+                                context.report({
+                                    loc: findLoc(className, sourceCodeLines, nodeStartLine, nodeStartColumn, nodeEndLine, nodeEndColumn),
+                                    messageId: 'invalidClass',
+                                    data: {
+                                        message: error.message + '.'
+                                    }
+                                });
+                            } else if (options.disallowUnknownClass) {
+                                context.report({
+                                    loc: findLoc(className, sourceCodeLines, nodeStartLine, nodeStartColumn, nodeEndLine, nodeEndColumn),
+                                    messageId: 'disallowUnknownClass',
+                                    data: {
+                                        message: `"${className}" is not a valid or known class.`
+                                    }
+                                });
+                            }
+                        }
+                    }
+                }
+            }, false, false, settings.ignoredKeys, context);
+        };
+        return defineVisitors({
+            context,
+            settings
+        }, visitNode);
+    }
+});
+
+export { classValidation as default };

package/dist/settings-schema.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+const settingsSchema = {
+    type: 'object',
+    properties: {
+        classAttributes: {
+            type: 'array',
+            items: {
+                type: 'string'
+            }
+        },
+        classFunctions: {
+            type: 'array',
+            items: {
+                type: 'string'
+            }
+        },
+        ignoredKeys: {
+            type: 'array',
+            items: {
+                type: 'string',
+                minLength: 0
+            },
+            uniqueItems: true
+        },
+        config: {
+            type: [
+                'string',
+                'object'
+            ]
+        }
+    }
+};
+
+module.exports = settingsSchema;

package/dist/settings-schema.d.ts

@@ -0,0 +1,3 @@
+import type { JSONSchema4 } from '@typescript-eslint/utils/json-schema';
+declare const settingsSchema: JSONSchema4;
+export default settingsSchema;

package/dist/settings-schema.mjs

@@ -0,0 +1,33 @@
+const settingsSchema = {
+    type: 'object',
+    properties: {
+        classAttributes: {
+            type: 'array',
+            items: {
+                type: 'string'
+            }
+        },
+        classFunctions: {
+            type: 'array',
+            items: {
+                type: 'string'
+            }
+        },
+        ignoredKeys: {
+            type: 'array',
+            items: {
+                type: 'string',
+                minLength: 0
+            },
+            uniqueItems: true
+        },
+        config: {
+            type: [
+                'string',
+                'object'
+            ]
+        }
+    }
+};
+
+export { settingsSchema as default };

package/dist/settings.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var css = require('@master/css');
+
+const settings = {
+    classAttributes: css.CLASS_ATTRIBUTES,
+    classFunctions: css.CLASS_FUNCTIONS,
+    classDeclarations: css.CLASS_DECLARATIONS,
+    ignoredKeys: [
+        'compoundVariants',
+        'defaultVariants'
+    ],
+    config: 'master.css'
+};
+
+module.exports = settings;

package/dist/settings.d.ts

@@ -1,7 +1,15 @@
 declare const settings: {
-    calleeMatching: string;
-    classMatching: string;
+    classAttributes: string[];
+    classFunctions: string[];
+    classDeclarations: string[];
     ignoredKeys: string[];
     config: string;
 };
 export default settings;
+export interface Settings {
+    classAttributes?: string[];
+    classFunctions?: string[];
+    classDeclarations?: string[];
+    ignoredKeys: string[];
+    config: string | object;
+}

package/dist/settings.mjs

@@ -1 +1,14 @@
-const s={calleeMatching:"^(classnames|clsx|ctl|cva|cv|classVariant|styled(?:\\.\\w+)?)",classMatching:"^class(Name)?$",ignoredKeys:["compoundVariants","defaultVariants"],config:"master.css.*"};var a=s;export{a as default};
+import { CLASS_ATTRIBUTES, CLASS_FUNCTIONS, CLASS_DECLARATIONS } from '@master/css';
+
+const settings = {
+    classAttributes: CLASS_ATTRIBUTES,
+    classFunctions: CLASS_FUNCTIONS,
+    classDeclarations: CLASS_DECLARATIONS,
+    ignoredKeys: [
+        'compoundVariants',
+        'defaultVariants'
+    ],
+    config: 'master.css'
+};
+
+export { settings as default };