@shayanthenerd/eslint-config 0.25.0 → 0.26.0

package/README.md

@@ -4,8 +4,8 @@ ESLint configuration for enforcing best practices and maintaining a consistent c
 
 - **Flexible**: [Highly-customizable options](#customization) and configurations with sensible defaults.
 - **Smart**: Context-aware linting with [automatic dependency detection](#automatic-dependency-detection) and _.gitignore_ recognition.
-- **Comprehensive**: [Supports popular plugins](#plugin-support) for TypeScript, Astro, Vue & Nuxt, Tailwind, Zod, Vitest, Markdown, and more.
-- **Type-safe**: [Fully-typed and well-documented API](#api-reference) with `overrides` support for every built-in configuration object.
+- **Comprehensive**: [Supports useful plugins](#plugin-support) for TypeScript, React & Next, Vue & Nuxt, Astro, Tailwind, and more.
+- **Type-safe**: [Fully-typed and well-documented API](#api-reference) with `overrides` support for built-in configuration objects.
 - **Modern**: Requires ESLint ^10.4.0 and Node.js ^20.19.0 (ESM-only)
 
 ## Table of Contents
@@ -25,41 +25,40 @@ ESLint configuration for enforcing best practices and maintaining a consistent c
 
 ## Plugin Support
 Legend:
-- ✅ Supported
-- ⌛️ In progress
-- ◻️ Enabled by default
-- ⬛ Disabled by default
-- 🔎 [Automatically detected](#automatic-dependency-detection) (`autoDetectDeps: true`)
-
-| Category                                                     | Support | Activation |
-| :----------------------------------------------------------- | :-----: | :----: |
-| **Languages**                                                |         |        |
-| [JavaScript][eslint]                                         |    ✅    |   ◻️    |
-| [TypeScript][plugin-ts]                                      |    ✅    |   🔎    |
-| [Markdown][plugin-md]                                        |    ✅    |   ◻️    |
-| [HTML][plugin-html]                                          |    ✅    |   ⬛    |
-| [CSS][plugin-css]                                            |    ✅    |   ⬛    |
-| **Formatting**                                               |         |        |
-| [Stylistic][plugin-stylistic]                                |    ✅    |   ◻️    |
-| [Perfectionist][plugin-perfectionist]                        |    ✅    |   ◻️    |
-| **Frameworks**                                               |         |        |
-| [Astro][plugin-astro] ([JSX accessibility][plugin-jsx-a11y]) |    ✅    |   🔎    |
-| [React][plugin-react] ([hooks][plugin-react-hooks])          |    ⌛️    |   N/A  |
-| [Next][plugin-next]                                          |    ⌛️    |   N/A  |
-| [Vue & Nuxt][plugin-vue] ([accessibility][plugin-vue-a11y])  |    ✅    |   🔎    |
-| [Tailwind][plugin-tailwind]                                  |    ✅    |   ⬛    |
-| **Testing Tools**                                            |         |        |
-| [Storybook][plugin-storybook]                                |    ✅    |   🔎    |
-| [Vitest][plugin-vitest]                                      |    ✅    |   🔎    |
-| [Cypress][plugin-cypress]                                    |    ✅    |   🔎    |
-| [Playwright][plugin-playwright]                              |    ✅    |   🔎    |
-| **Miscellaneous**                                            |         |        |
-| [_package.json_][plugin-package-json]                        |    ✅    |   ◻️    |
-| [promises][plugin-promise]                                   |    ✅    |   ◻️    |
-| [Imports][plugin-import-x]                                   |    ✅    |   ◻️    |
-| [Zod][plugin-zod]                                            |    ✅    |   🔎    |
-| [Node][plugin-n]                                          |    ✅    |   ◻️    |
-| [Unicorn][plugin-unicorn]                                    |    ⌛️    |   N/A  |
+- ✅ Enabled by default
+- ❌ Disabled by default
+- 🔎 [Automatically detected](#automatic-dependency-detection) (`autoDetectDeps: true`, `env: 'browser'` for Baseline)
+
+| Category                                                                                              | Activation |
+| :---------------------------------------------------------------------------------------------------- | :--------: |
+| **Languages**                                                                                         |            |
+| [JavaScript][eslint]                                                                                  |     ✅      |
+| [TypeScript][plugin-ts]                                                                               |     🔎      |
+| [Markdown][plugin-md]                                                                                 |     ✅      |
+| [HTML][plugin-html]                                                                                   |     ❌      |
+| [CSS][plugin-css]                                                                                     |     ❌      |
+| **Formatting**                                                                                        |            |
+| [Stylistic][plugin-stylistic]                                                                         |     ✅      |
+| [Perfectionist][plugin-perfectionist]                                                                 |     ✅      |
+| **Frameworks & Libraries**                                                                            |            |
+| [Astro][plugin-astro] ([jsx-accessibility][plugin-jsx-a11y])                                          |     🔎      |
+| [React][plugin-react] ([jsx-accessibility][plugin-jsx-a11y], [@html-eslint/react][plugin-html-react]) |     🔎      |
+| [Next][plugin-next]                                                                                   |     🔎      |
+| [Vue & Nuxt][plugin-vue] ([vue-accessibility][plugin-vue-a11y])                                       |     🔎      |
+| [Tailwind][plugin-tailwind]                                                                           |     ❌      |
+| [Zod & Zod Mini][plugin-zod]                                                                          |     🔎      |
+| **Testing Tools**                                                                                     |            |
+| [Storybook][plugin-storybook]                                                                         |     🔎      |
+| [Vitest][plugin-vitest]                                                                               |     🔎      |
+| [Cypress][plugin-cypress]                                                                             |     🔎      |
+| [Playwright][plugin-playwright]                                                                       |     🔎      |
+| **Miscellaneous**                                                                                     |            |
+| [_package.json_][plugin-package-json]                                                                 |     ✅      |
+| [Node][plugin-n]                                                                                      |     ✅      |
+| [Promises][plugin-promise]                                                                            |     ✅      |
+| [Imports][plugin-import-x]                                                                            |     ✅      |
+| [Unicorn][plugin-unicorn]                                                                             |     ✅      |
+| [Baseline][plugin-baseline]                                                                           |     🔎      |
 
 ## Installation and Configuration
 1. Install the package and ESLint as dev dependencies:
@@ -464,27 +463,10 @@ _.vscode/settings.json_:
         overrides?: Overrides,
       },
       css?: boolean | {
-        allowedRelativeFontUnits?: (
-          | '%'
-          | 'ch'
-          | 'em'
-          | 'ex'
-          | 'ic'
-          | 'lh'
-          | 'cap'
-          | 'rch'
-          | 'rem'
-          | 'rex'
-          | 'ric'
-          | 'rlh'
-          | 'rcap'
-        )[],
-        useBaseline?: false | number | 'newly' | 'widely',
         overrides?: Overrides,
       },
       html?: boolean | {
         idNamingConvention?: 'camelCase' | 'kebab-case' | 'PascalCase' | 'snake_case',
-        useBaseline?: false | number | 'newly' | 'widely',
         overrides?: Overrides,
       },
       importX?: boolean | {
@@ -496,6 +478,9 @@ _.vscode/settings.json_:
         language?: 'gfm' | 'commonmark',
         overrides?: Overrides,
       },
+      next?: boolean | {
+        overrides?: Overrides,
+      },
       node?: boolean | {
         overrides?: Overrides,
       },
@@ -518,6 +503,14 @@ _.vscode/settings.json_:
       promise?: boolean | {
         overrides?: Overrides,
       },
+      react?: boolean | {
+        accessibility?: boolean | {
+          anchorComponents?: string[],
+          headingComponents?: string[],
+          imageComponents?: string[],
+        },
+        overrides?: Overrides,
+      },
       stylistic?: boolean | {
         arrowParens?: 'always' | 'as-needed',
         indent?: number,
@@ -527,7 +520,7 @@ _.vscode/settings.json_:
         maxLineLength?: number,
         memberDelimiterStyle?: 'semi' | 'comma',
         quotes?: 'double' | 'single' | 'backtick',
-        selfCloseVoidHTMLElements?: 'never' | 'always',
+        selfCloseVoidHtmlElements?: 'never' | 'always',
         semi?: 'never' | 'always',
         trailingComma?: 'never' | 'always' | 'only-multiline' | 'always-multiline',
         overrides?: Overrides,
@@ -573,6 +566,23 @@ _.vscode/settings.json_:
       unicorn?: boolean | {
         overrides?: Overrides,
       },
+      useBaseline?: boolean | {
+        baseline?: number | 'newly' | 'widely',
+        css?: {
+          allowedAtRules?: AllowedAtRules,
+          allowedFunctions?: AllowedFunctions,
+          allowedMediaConditions?: AllowedMediaConditions,
+          allowedProperties?: AllowedProperties,
+          allowedPropertyValues?: AllowedPropertyValues,
+          allowedSelectors?: AllowedSelectors,
+          allowedUnits?: AllowedUnits,
+        },
+        javascript?: {
+          ignoredFeatures?: string[],
+          ignoredNodeTypes?: string[],
+        },
+        overrides?: Overrides,
+      },
       vue?: boolean | {
         accessibility?: boolean | {
           accessibleChildComponents?: string[],
@@ -646,7 +656,7 @@ You can find a list of all available versions and their changelogs on the [relea
 
 ## Roadmap to v1.0.0
 - [x] Add integration for ESLint plugins such as [eslint-plugin-n][plugin-n], [eslint-plugin-unicorn][plugin-unicorn], and more.
-- [ ] Add support for other React, Next, Astro, and Markdown.
+- [x] Add support for React, Next, Astro, and Markdown.
 - [ ] Develop an interactive starter wizard to quickly scaffold the configurations for ESLint, Prettier, etc.
 
 ## Contribution Guide
@@ -671,20 +681,21 @@ This project was inspired by the work of [Anthony Fu][antfu], whose generous con
 
 <!-- ESLint Plugins -->
 [plugin-astro]: https://ota-meshi.github.io/eslint-plugin-astro
+[plugin-baseline]: https://baselinejs.vercel.app
 [plugin-css]: https://github.com/eslint/css
 [plugin-cypress]: https://github.com/cypress-io/eslint-plugin-cypress
 [plugin-html]: https://html-eslint.org
+[plugin-html-react]: https://html-eslint.org/docs/react/getting-started
 [plugin-import-x]: https://github.com/un-ts/eslint-plugin-import-x
 [plugin-jsx-a11y]: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y
 [plugin-md]: https://github.com/eslint/markdown
 [plugin-n]: https://github.com/eslint-community/eslint-plugin-n
-[plugin-next]: https://nextjs.org/docs/app/api-reference/config/eslint#eslint-plugin
+[plugin-next]: https://github.com/vercel/next.js/tree/HEAD/packages/eslint-plugin-next
 [plugin-package-json]: https://github.com/JoshuaKGoldberg/eslint-plugin-package-json
 [plugin-perfectionist]: https://perfectionist.dev
 [plugin-playwright]: https://github.com/mskelton/eslint-plugin-playwright
 [plugin-promise]: https://github.com/eslint-community/eslint-plugin-promise
 [plugin-react]: https://eslint-react.xyz
-[plugin-react-hooks]: https://react.dev/reference/eslint-plugin-react-hooks
 [plugin-storybook]: https://storybook.js.org/docs/configure/integration/eslint-plugin
 [plugin-stylistic]: https://eslint.style
 [plugin-tailwind]: https://github.com/schoero/eslint-plugin-better-tailwindcss

package/dist/configs/base.mjs

@@ -26,7 +26,7 @@ function getBaseConfig(options) {
 			},
 			globals: {
 				...globals.builtin,
-				...globals.es2026,
+				...globals.es2027,
 				...worker && globals.worker,
 				...commonjs && globals.commonjs,
 				...bun && env === "bun" && globals.bunBuiltin,

package/dist/configs/baseline.mjs

@@ -0,0 +1,22 @@
+import { isTruthy } from "../utils/isTruthy.mjs";
+import { globs } from "../helpers/globs.mjs";
+import { isEnabled } from "../utils/isEnabled.mjs";
+import { getBaselineRules } from "../rules/baseline.mjs";
+import eslintPluginBaselineJs from "eslint-plugin-baseline-js";
+//#region src/configs/baseline.ts
+function getBaselineConfig(options) {
+	const { vue, astro } = options.configs;
+	return {
+		name: "shayanthenerd/baseline",
+		files: [
+			globs.src,
+			isEnabled(vue) ? globs.vue : "",
+			isEnabled(astro) ? globs.astro : ""
+		].filter(isTruthy),
+		ignores: [globs.test, globs.coverage],
+		plugins: { "baseline-js": eslintPluginBaselineJs },
+		rules: getBaselineRules(options)
+	};
+}
+//#endregion
+export { getBaselineConfig };

package/dist/configs/css.mjs

@@ -1,26 +1,26 @@
 import { globs } from "../helpers/globs.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
 import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
-import { getCSSRules } from "../rules/css.mjs";
-import eslintPluginCSS from "@eslint/css";
+import { getCssRules } from "../rules/css.mjs";
+import eslintPluginCss from "@eslint/css";
 import { mergeConfigs } from "eslint-flat-config-utils";
 import { tailwind3, tailwind4 } from "tailwind-csstree";
 //#region src/configs/css.ts
-function getCSSConfig(options) {
+function getCssConfig(options) {
 	const { css, tailwind } = options.configs;
 	const { overrides } = isEnabled(css) ? css : defaultOptions.configs.css;
 	const tailwindSyntax = isEnabled(tailwind) && tailwind.entryPoint ? tailwind4 : tailwind3;
 	return mergeConfigs({
 		name: "shayanthenerd/css",
 		files: [globs.css],
-		plugins: { css: eslintPluginCSS },
+		plugins: { css: eslintPluginCss },
 		language: "css/css",
 		languageOptions: {
 			tolerant: true,
 			customSyntax: isEnabled(tailwind) ? tailwindSyntax : void 0
 		},
-		rules: getCSSRules(options)
+		rules: getCssRules(options)
 	}, overrides);
 }
 //#endregion
-export { getCSSConfig };
+export { getCssConfig };

package/dist/configs/html.mjs

@@ -1,24 +1,24 @@
 import { globs } from "../helpers/globs.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
 import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
-import { getHTMLRules } from "../rules/html.mjs";
+import { getHtmlRules } from "../rules/html.mjs";
 import { mergeConfigs } from "eslint-flat-config-utils";
 import eslintPluginUnicorn from "eslint-plugin-unicorn";
-import eslintPluginHTML from "@html-eslint/eslint-plugin";
+import eslintPluginHtml from "@html-eslint/eslint-plugin";
 //#region src/configs/html.ts
-function getHTMLConfig(options) {
+function getHtmlConfig(options) {
 	const { html, unicorn } = options.configs;
 	const { overrides } = isEnabled(html) ? html : defaultOptions.configs.html;
 	return mergeConfigs({
 		name: "shayanthenerd/html",
-		files: [globs.html],
+		files: [globs.src, globs.html],
 		plugins: {
-			"@html-eslint": eslintPluginHTML,
+			"@html-eslint": eslintPluginHtml,
 			...isEnabled(unicorn) && { unicorn: eslintPluginUnicorn }
 		},
-		languageOptions: { parser: eslintPluginHTML.configs["flat/recommended"].languageOptions.parser },
-		rules: getHTMLRules(options)
+		languageOptions: { parser: eslintPluginHtml.configs["flat/recommended"].languageOptions.parser },
+		rules: getHtmlRules(options)
 	}, overrides);
 }
 //#endregion
-export { getHTMLConfig };
+export { getHtmlConfig };

package/dist/configs/next.mjs

@@ -0,0 +1,20 @@
+import { globs } from "../helpers/globs.mjs";
+import { isEnabled } from "../utils/isEnabled.mjs";
+import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
+import { getNextRules } from "../rules/next.mjs";
+import { mergeConfigs } from "eslint-flat-config-utils";
+import eslintPluginNext from "@next/eslint-plugin-next";
+//#region src/configs/next.ts
+function getNextConfig(options) {
+	const { packageDir, configs: { next } } = options;
+	const { overrides } = isEnabled(next) ? next : defaultOptions.configs.next;
+	return mergeConfigs({
+		name: "shayanthenerd/next",
+		files: [globs.src],
+		plugins: { next: eslintPluginNext },
+		settings: { next: { rootDir: packageDir } },
+		rules: getNextRules()
+	}, overrides);
+}
+//#endregion
+export { getNextConfig };

package/dist/configs/react.mjs

@@ -0,0 +1,29 @@
+import { globs } from "../helpers/globs.mjs";
+import { isEnabled } from "../utils/isEnabled.mjs";
+import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
+import { getReactRules } from "../rules/react.mjs";
+import { mergeConfigs } from "eslint-flat-config-utils";
+import eslintPluginUnicorn from "eslint-plugin-unicorn";
+import eslintPluginJsxA11y from "eslint-plugin-jsx-a11y";
+import eslintPluginReact from "@eslint-react/eslint-plugin";
+import eslintPluginHtmlReact from "@html-eslint/eslint-plugin-react";
+//#region src/configs/react.ts
+function getReactConfig(options) {
+	const { react, unicorn } = options.configs;
+	const { overrides, accessibility } = isEnabled(react) ? react : defaultOptions.configs.react;
+	return mergeConfigs({
+		name: "shayanthenerd/react",
+		files: [globs.src],
+		plugins: {
+			"@eslint-react": eslintPluginReact,
+			...isEnabled(unicorn) && { unicorn: eslintPluginUnicorn },
+			...isEnabled(accessibility) && {
+				"jsx-a11y": eslintPluginJsxA11y,
+				"@html-eslint/react": eslintPluginHtmlReact
+			}
+		},
+		rules: getReactRules(options)
+	}, overrides);
+}
+//#endregion
+export { getReactConfig };

package/dist/helpers/globs.mjs

@@ -12,7 +12,8 @@ const globs = {
 	vueServerComponents: `**/*.server.${vueExtensions}`,
 	vueAppErrorLayoutsPages: `**/{{app,error},{layouts,pages}/**/*}.${vueExtensions}`,
 	storybook: `**/*.(story|stories).${srcExtensions}`,
-	test: `**/{__tests__/*,*.{test,spec,cy,bench?(mark)}.${srcExtensions}`
+	test: `**/{__tests__/*,*.{test,spec,cy,bench?(mark)}.${srcExtensions}`,
+	coverage: "**/coverage/**"
 };
 //#endregion
 export { globs };

package/dist/helpers/ignores/defaultIgnorePatterns.mjs

@@ -6,6 +6,7 @@ const defaultIgnorePatterns = [
 	"**/bower_components",
 	"**/package-lock.json",
 	"**/typegen.d.ts",
+	"**/next-env.d.ts",
 	"**/components.d.ts",
 	"**/auto-import?(s).d.ts",
 	"**/out",

package/dist/helpers/options/defaultOptions.mjs

@@ -1,7 +1,7 @@
 //#region src/helpers/options/defaultOptions.ts
 const defaultOptions = {
 	autoDetectDeps: true,
-	env: "node",
+	env: "browser",
 	gitignore: ".gitignore",
 	packageDir: ".",
 	project: {
@@ -40,14 +40,9 @@ const defaultOptions = {
 			maxNestedCallbacks: 3,
 			overrides: {}
 		},
-		css: {
-			allowedRelativeFontUnits: ["rem", "em"],
-			useBaseline: false,
-			overrides: {}
-		},
+		css: { overrides: {} },
 		html: {
 			idNamingConvention: "snake_case",
-			useBaseline: false,
 			overrides: {}
 		},
 		importX: { overrides: {} },
@@ -57,6 +52,7 @@ const defaultOptions = {
 			language: "gfm",
 			overrides: {}
 		},
+		next: { overrides: {} },
 		node: { overrides: {} },
 		nuxt: {
 			icon: { component: "Icon" },
@@ -69,6 +65,32 @@ const defaultOptions = {
 			overrides: {}
 		},
 		promise: { overrides: {} },
+		react: {
+			accessibility: {
+				anchorComponents: [
+					"Link",
+					"NextLink",
+					"NavLink"
+				],
+				headingComponents: [
+					"H1",
+					"H2",
+					"H3",
+					"H4",
+					"H5",
+					"H6"
+				],
+				imageComponents: [
+					"Img",
+					"LazyImg",
+					"Image",
+					"LazyImage",
+					"NextImage",
+					"LazyNextImage"
+				]
+			},
+			overrides: {}
+		},
 		stylistic: {
 			arrowParens: "always",
 			indent: 2,
@@ -79,7 +101,7 @@ const defaultOptions = {
 			memberDelimiterStyle: "comma",
 			quotes: "single",
 			semi: "always",
-			selfCloseVoidHTMLElements: "always",
+			selfCloseVoidHtmlElements: "always",
 			trailingComma: "always-multiline",
 			overrides: {}
 		},
@@ -107,6 +129,23 @@ const defaultOptions = {
 			overrides: {}
 		},
 		unicorn: { overrides: {} },
+		useBaseline: {
+			baseline: "widely",
+			css: {
+				allowedAtRules: [],
+				allowedFunctions: [],
+				allowedMediaConditions: [],
+				allowedProperties: [],
+				allowedPropertyValues: {},
+				allowedSelectors: [],
+				allowedUnits: []
+			},
+			javascript: {
+				ignoredFeatures: [],
+				ignoredNodeTypes: []
+			},
+			overrides: {}
+		},
 		vue: {
 			accessibility: {
 				accessibleChildComponents: [

package/dist/helpers/options/enableDetectedConfigs.mjs

@@ -5,6 +5,8 @@ function enableDetectedConfigs(options) {
 		typescript: isPackageDetected("typescript", options),
 		zod: isPackageDetected("zod", options),
 		astro: isPackageDetected("astro", options),
+		react: isPackageDetected("react", options),
+		next: isPackageDetected("next", options),
 		vue: isPackageDetected("vue", options),
 		nuxt: isPackageDetected("nuxt", options),
 		nuxtUI: isPackageDetected("@nuxt/ui", options),
@@ -27,11 +29,14 @@ function enableDetectedConfigs(options) {
 	options.configs.importX ??= true;
 	options.configs.stylistic ??= true;
 	options.configs.perfectionist ??= true;
+	options.configs.useBaseline ??= options.env === "browser";
 	options.configs.typescript ??= autoDetectedDeps.typescript;
 	options.configs.zod ??= autoDetectedDeps.zod;
+	options.configs.astro ??= autoDetectedDeps.astro;
 	options.configs.vue ??= autoDetectedDeps.vue;
 	options.configs.nuxt ??= autoDetectedDeps.nuxt;
-	options.configs.astro ??= autoDetectedDeps.astro;
+	options.configs.react ??= autoDetectedDeps.react;
+	options.configs.next ??= autoDetectedDeps.next;
 	options.configs.test.vitest ??= autoDetectedDeps.vitest;
 	options.configs.test.cypress ??= autoDetectedDeps.cypress;
 	options.configs.test.storybook ??= autoDetectedDeps.storybook;

package/dist/index.mjs

@@ -1,17 +1,20 @@
 import { isTruthy } from "./utils/isTruthy.mjs";
 import { isEnabled } from "./utils/isEnabled.mjs";
-import { getCSSConfig } from "./configs/css.mjs";
+import { getCssConfig } from "./configs/css.mjs";
 import { getVueConfig } from "./configs/vue.mjs";
 import { getZodConfig } from "./configs/zod.mjs";
 import { getBaseConfig } from "./configs/base.mjs";
-import { getHTMLConfig } from "./configs/html.mjs";
+import { getHtmlConfig } from "./configs/html.mjs";
+import { getNextConfig } from "./configs/next.mjs";
 import { getNodeConfig } from "./configs/node.mjs";
 import { getAstroConfig } from "./configs/astro.mjs";
+import { getReactConfig } from "./configs/react.mjs";
 import { getVitestConfig } from "./configs/vitest.mjs";
 import { getCypressConfig } from "./configs/cypress.mjs";
 import { getImportXConfig } from "./configs/importX.mjs";
 import { getPromiseConfig } from "./configs/promise.mjs";
 import { getUnicornConfig } from "./configs/unicorn.mjs";
+import { getBaselineConfig } from "./configs/baseline.mjs";
 import { getMarkdownConfig } from "./configs/markdown.mjs";
 import { getTailwindConfig } from "./configs/tailwind.mjs";
 import { getStorybookConfig } from "./configs/storybook.mjs";
@@ -70,7 +73,7 @@ function defineConfig(...args) {
 		configs = secondArgument ?? [];
 	}
 	const mergedOptions = mergeWithDefaults(options);
-	const { gitignore, project: { rules, ignores, settings, linterOptions }, configs: { css, vue, zod, html, node, nuxt, astro, unicorn, importX, promise, markdown, tailwind, stylistic, typescript, packageJson, perfectionist, test: { vitest, cypress, storybook, playwright } } } = mergedOptions;
+	const { gitignore, project: { rules, ignores, settings, linterOptions }, configs: { css, vue, zod, html, next, node, nuxt, react, astro, unicorn, importX, promise, markdown, tailwind, stylistic, typescript, useBaseline, packageJson, perfectionist, test: { vitest, cypress, storybook, playwright } } } = mergedOptions;
 	const ignorePatterns = getIgnorePatterns({
 		gitignore,
 		patterns: ignores
@@ -90,14 +93,17 @@ function defineConfig(...args) {
 		isEnabled(importX) && getImportXConfig(mergedOptions),
 		isEnabled(stylistic) && getStylisticConfig(mergedOptions),
 		isEnabled(perfectionist) && getPerfectionistConfig(mergedOptions),
+		isEnabled(useBaseline) && getBaselineConfig(mergedOptions),
 		isEnabled(node) && getNodeConfig(mergedOptions),
 		isEnabled(packageJson) && getPackageJsonConfig(mergedOptions),
 		isEnabled(markdown) && getMarkdownConfig(mergedOptions),
-		isEnabled(html) && getHTMLConfig(mergedOptions),
-		isEnabled(css) && getCSSConfig(mergedOptions),
+		isEnabled(html) && getHtmlConfig(mergedOptions),
+		isEnabled(css) && getCssConfig(mergedOptions),
 		isEnabled(tailwind) && getTailwindConfig(mergedOptions),
 		isEnabled(zod) && getZodConfig(mergedOptions),
 		isEnabled(astro) && getAstroConfig(mergedOptions),
+		isEnabled(react) && getReactConfig(mergedOptions),
+		isEnabled(next) && getNextConfig(mergedOptions),
 		isEnabled(vue) && getVueConfig(mergedOptions),
 		isEnabled(vue) && getVueComponentNamesConfig(),
 		isEnabled(vue) && isEnabled(nuxt) && getVueServerComponentsConfig(),

package/dist/prettier.config.mjs

@@ -14,7 +14,7 @@ const prettierConfig = {
 	printWidth: 120,
 	proseWrap: "preserve",
 	quoteProps: "consistent",
-	rangeEnd: Number.POSITIVE_INFINITY,
+	rangeEnd: Infinity,
 	rangeStart: 0,
 	requirePragma: false,
 	semi: true,

package/dist/rules/astro.mjs

@@ -16,6 +16,7 @@ const astroRules = {
 	"astro/no-unsafe-inline-scripts": "warn",
 	"astro/no-set-text-directive": "warn",
 	"astro/no-unused-css-selector": "warn",
+	"astro/no-omitted-end-tags": "warn",
 	"astro/prefer-class-list-directive": "warn",
 	"astro/prefer-split-class-list": "warn",
 	"astro/jsx-a11y/alt-text": "error",

package/dist/rules/baseline.mjs

@@ -0,0 +1,23 @@
+import { isEnabled } from "../utils/isEnabled.mjs";
+import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
+//#region src/rules/baseline.ts
+function getBaselineRules(options) {
+	const { useBaseline } = options.configs;
+	const { baseline, javascript: { ignoredFeatures: userIgnoredFeatures, ignoredNodeTypes: userIgnoredNodeTypes } } = isEnabled(useBaseline) ? useBaseline : defaultOptions.configs.useBaseline;
+	return {
+		"baseline-js/no-atomics-pause": "warn",
+		"baseline-js/no-bigint64array": "warn",
+		"baseline-js/no-function-caller-arguments": "warn",
+		"baseline-js/no-math-sum-precise": "warn",
+		"baseline-js/no-temporal": "warn",
+		"baseline-js/use-baseline": ["warn", {
+			baseline,
+			includeWebApis: { preset: "auto" },
+			includeJsBuiltins: { preset: "auto" },
+			ignoreFeatures: userIgnoredFeatures,
+			ignoreNodeTypes: userIgnoredNodeTypes
+		}]
+	};
+}
+//#endregion
+export { getBaselineRules };

package/dist/rules/css.mjs

@@ -45,9 +45,9 @@ const allowedPhysicalProperties = [
 	"contain-intrinsic-width",
 	"contain-intrinsic-height"
 ];
-function getCSSRules(options) {
-	const { css } = options.configs;
-	const { useBaseline, allowedRelativeFontUnits } = isEnabled(css) ? css : defaultOptions.configs.css;
+function getCssRules(options) {
+	const { useBaseline } = options.configs;
+	const { allowedAtRules: userAllowedAtRules, allowedFunctions: userAllowedFunctions, allowedMediaConditions: userAllowedMediaConditions, allowedProperties: userAllowedProperties, allowedPropertyValues: userAllowedPropertyValues, allowedSelectors: userAllowedSelectors, allowedUnits: userAllowedUnits } = isEnabled(useBaseline) ? useBaseline.css : defaultOptions.configs.useBaseline.css;
 	return {
 		"css/font-family-fallbacks": "warn",
 		"css/no-duplicate-imports": "error",
@@ -63,9 +63,30 @@ function getCSSRules(options) {
 			allowUnits: allowedPhysicalUnits,
 			allowProperties: allowedPhysicalProperties
 		}],
-		"css/relative-font-units": ["warn", { allowUnits: allowedRelativeFontUnits }],
-		"css/use-baseline": useBaseline ? ["warn", { available: useBaseline }] : "off"
+		"css/relative-font-units": ["warn", { allowUnits: [
+			"cap",
+			"ch",
+			"em",
+			"ex",
+			"ic",
+			"lh",
+			"rcap",
+			"rch",
+			"rem",
+			"ric",
+			"rlh"
+		] }],
+		"css/use-baseline": isEnabled(useBaseline) ? ["warn", {
+			available: useBaseline.baseline,
+			allowAtRules: userAllowedAtRules,
+			allowFunctions: userAllowedFunctions,
+			allowMediaConditions: userAllowedMediaConditions,
+			allowProperties: userAllowedProperties,
+			allowPropertyValues: userAllowedPropertyValues,
+			allowSelectors: userAllowedSelectors,
+			allowUnits: userAllowedUnits
+		}] : "off"
 	};
 }
 //#endregion
-export { getCSSRules };
+export { getCssRules };