@abinnovision/eslint-config-react 3.1.0-beta.2 → 3.1.1-beta.20

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [3.1.0](https://github.com/abinnovision/js-commons/compare/eslint-config-react-v3.0.3...eslint-config-react-v3.1.0) (2026-02-28)
+
+
+### Features
+
+* downgrade to eslint v9 and add documentation about it ([#575](https://github.com/abinnovision/js-commons/issues/575)) ([5810b53](https://github.com/abinnovision/js-commons/commit/5810b538b386fb56848a3d1755a8eda7123e88fd))
+
+
+### Bug Fixes
+
+* migrate better-tailwindcss rules ([#577](https://github.com/abinnovision/js-commons/issues/577)) ([943ccca](https://github.com/abinnovision/js-commons/commit/943ccca44b166671bc7508481f618767b57a7dad))
+
 ## [3.0.3](https://github.com/abinnovision/js-commons/compare/eslint-config-react-v3.0.2...eslint-config-react-v3.0.3) (2026-02-19)
 
 

package/README.md

@@ -1,69 +1,58 @@
 # @abinnovision/eslint-config-react
 
-ESLint configuration for React applications. Built on
-[@eslint-react/eslint-plugin](https://eslint-react.xyz) and
-[eslint-plugin-react-hooks](https://www.npmjs.com/package/eslint-plugin-react-hooks).
+ESLint configuration for React applications. Builds
+upon [@abinnovision/eslint-config-base](../eslint-config-base).
 
-## ESLint Compatibility
+## Installation
 
-This package requires **ESLint v9** (`^9.0.0`). ESLint v10 is **not** supported
-because key plugins in the ecosystem have not yet released compatible versions.
+```shell
+yarn add --dev @abinnovision/eslint-config-react @abinnovision/eslint-config-base eslint
+```
 
-Until all dependencies fully support ESLint v10, we pin to v9 to ensure a stable
-and working configuration out of the box.
+## ESLint Config Format
 
-## External ESLint Plugin Dependencies
+This package requires
+ESLint's [flat config](https://eslint.org/docs/latest/use/configure/configuration-files)
+format (not legacy `.eslintrc`).
 
-| Plugin                             | Purpose                                                                   |
-| ---------------------------------- | ------------------------------------------------------------------------- |
-| `@eslint-react/eslint-plugin`      | Comprehensive React linting (components, hooks, DOM, web APIs)            |
-| `eslint-plugin-react-hooks`        | Rules of Hooks enforcement and exhaustive-deps checking                   |
-| `eslint-plugin-better-tailwindcss` | Tailwind CSS class ordering, conflicts, and validation (tailwind flavour) |
+| Config file        | Requirements                                                          |
+| ------------------ | --------------------------------------------------------------------- |
+| `eslint.config.ts` | ESLint **9.18+** and [`jiti`](https://github.com/unjs/jiti) **v2.0+** |
+| `eslint.config.js` | ESLint **9.0+**                                                       |
 
-## Installation
+TypeScript config files are preferred. Install `jiti` as a dev dependency:
 
 ```shell
-yarn add --dev @abinnovision/eslint-config-react @abinnovision/eslint-config-base eslint
+yarn add --dev jiti
 ```
 
+If ESLint 9.18+ or `jiti` cannot be provided, use `eslint.config.js` (or
+`.mjs`) instead. The imports and configuration are identical.
+
 ## Usage
 
-```javascript
-// eslint.config.js
+```typescript
 import { base } from "@abinnovision/eslint-config-base";
 import { react } from "@abinnovision/eslint-config-react";
 import { defineConfig } from "eslint/config";
 
-export default defineConfig([{ extends: [base] }, { extends: [react] }]);
+export default defineConfig([{ extends: [base, react] }]);
 ```
 
 ## Flavours
 
-Specialized configurations for specific React use cases.
+Flavours are optional rule sets that complement `react`. They must always be used alongside it.
 
 ### Tailwind CSS
 
-For React applications using Tailwind CSS. Enforces class ordering,
-detects conflicts, and validates Tailwind usage.
-
-```javascript
+```typescript
 import { base } from "@abinnovision/eslint-config-base";
 import { react, tailwind } from "@abinnovision/eslint-config-react";
 import { defineConfig } from "eslint/config";
 
-export default defineConfig([
-  { extends: [base] },
-  { extends: [react] },
-  { extends: [tailwind] },
-]);
+export default defineConfig([{ extends: [base, react, tailwind] }]);
 ```
 
-## Related Packages
-
-- [@abinnovision/eslint-config-base](../eslint-config-base) - Base
-  configuration
-- [@abinnovision/prettier-config](../prettier-config) - Code formatting
-
 ## License
 
 Apache-2.0

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/dist/configs/flavour-tailwind.cjs

@@ -0,0 +1,29 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+let eslint_config = require("eslint/config");
+let eslint_plugin_better_tailwindcss = require("eslint-plugin-better-tailwindcss");
+eslint_plugin_better_tailwindcss = require_runtime.__toESM(eslint_plugin_better_tailwindcss);
+//#region src/configs/flavour-tailwind.ts
+/**
+* ESLint configuration for Tailwind CSS.
+*
+* Note that this configuration include stylistic rules.
+*/
+const config = (0, eslint_config.defineConfig)([{
+	files: ["**/*.{js,jsx,ts,tsx}"],
+	plugins: { "better-tailwindcss": eslint_plugin_better_tailwindcss.default },
+	rules: {
+		"better-tailwindcss/enforce-consistent-line-wrapping": ["warn", {
+			preferSingleLine: true,
+			indent: "tab",
+			strictness: "loose"
+		}],
+		"better-tailwindcss/enforce-consistent-class-order": "warn",
+		"better-tailwindcss/enforce-shorthand-classes": "warn",
+		"better-tailwindcss/no-duplicate-classes": "warn",
+		"better-tailwindcss/no-unnecessary-whitespace": "warn",
+		"better-tailwindcss/no-unknown-classes": ["warn", { detectComponentClasses: true }],
+		"better-tailwindcss/no-conflicting-classes": "error"
+	}
+}]);
+//#endregion
+exports.config = config;

package/dist/configs/flavour-tailwind.d.cts

@@ -0,0 +1,11 @@
+import * as eslint_config0 from "eslint/config";
+
+//#region src/configs/flavour-tailwind.d.ts
+/**
+ * ESLint configuration for Tailwind CSS.
+ *
+ * Note that this configuration include stylistic rules.
+ */
+declare const config: eslint_config0.Config[];
+//#endregion
+export { config };

package/dist/configs/flavour-tailwind.d.mts

@@ -0,0 +1,11 @@
+import * as eslint_config0 from "eslint/config";
+
+//#region src/configs/flavour-tailwind.d.ts
+/**
+ * ESLint configuration for Tailwind CSS.
+ *
+ * Note that this configuration include stylistic rules.
+ */
+declare const config: eslint_config0.Config[];
+//#endregion
+export { config };

package/dist/configs/flavour-tailwind.mjs

@@ -0,0 +1,27 @@
+import { defineConfig } from "eslint/config";
+import betterTailwindcss from "eslint-plugin-better-tailwindcss";
+//#region src/configs/flavour-tailwind.ts
+/**
+* ESLint configuration for Tailwind CSS.
+*
+* Note that this configuration include stylistic rules.
+*/
+const config = defineConfig([{
+	files: ["**/*.{js,jsx,ts,tsx}"],
+	plugins: { "better-tailwindcss": betterTailwindcss },
+	rules: {
+		"better-tailwindcss/enforce-consistent-line-wrapping": ["warn", {
+			preferSingleLine: true,
+			indent: "tab",
+			strictness: "loose"
+		}],
+		"better-tailwindcss/enforce-consistent-class-order": "warn",
+		"better-tailwindcss/enforce-shorthand-classes": "warn",
+		"better-tailwindcss/no-duplicate-classes": "warn",
+		"better-tailwindcss/no-unnecessary-whitespace": "warn",
+		"better-tailwindcss/no-unknown-classes": ["warn", { detectComponentClasses: true }],
+		"better-tailwindcss/no-conflicting-classes": "error"
+	}
+}]);
+//#endregion
+export { config };

package/dist/configs/index.cjs

@@ -0,0 +1,2 @@
+require("./react.cjs");
+require("./flavour-tailwind.cjs");

package/dist/configs/index.d.mts

@@ -0,0 +1,2 @@
+import { config } from "./react.mjs";
+import { config as config$1 } from "./flavour-tailwind.mjs";

package/dist/configs/index.mjs

@@ -0,0 +1,3 @@
+import "./react.mjs";
+import "./flavour-tailwind.mjs";
+export {};

package/dist/configs/react.cjs

@@ -0,0 +1,42 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+let _eslint_react_eslint_plugin = require("@eslint-react/eslint-plugin");
+_eslint_react_eslint_plugin = require_runtime.__toESM(_eslint_react_eslint_plugin);
+let eslint_config = require("eslint/config");
+let eslint_plugin_react_hooks = require("eslint-plugin-react-hooks");
+eslint_plugin_react_hooks = require_runtime.__toESM(eslint_plugin_react_hooks);
+//#region src/configs/react.ts
+const { configs: _, ...eslintReactHooksPlugin } = eslint_plugin_react_hooks.default;
+const config = (0, eslint_config.defineConfig)([{
+	files: ["**/*.{js,jsx,ts,tsx}"],
+	plugins: { "react-hooks": eslintReactHooksPlugin },
+	languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } },
+	extends: [_eslint_react_eslint_plugin.default.configs.recommended],
+	rules: {
+		"react-hooks/rules-of-hooks": "error",
+		"react-hooks/exhaustive-deps": "warn",
+		"@eslint-react/dom/no-dangerously-set-innerhtml": "error",
+		"@eslint-react/dom/no-dangerously-set-innerhtml-with-children": "error",
+		"@eslint-react/dom/no-script-url": "error",
+		"@eslint-react/dom/no-unsafe-target-blank": "error",
+		"@eslint-react/dom/no-missing-iframe-sandbox": "error",
+		"@eslint-react/dom/no-unsafe-iframe-sandbox": "error",
+		"@eslint-react/web-api/no-leaked-event-listener": "error",
+		"@eslint-react/web-api/no-leaked-interval": "error",
+		"@eslint-react/web-api/no-leaked-timeout": "error",
+		"@eslint-react/web-api/no-leaked-resize-observer": "error",
+		"@eslint-react/no-array-index-key": "warn",
+		"@eslint-react/no-nested-component-definitions": "error",
+		"@eslint-react/no-unstable-context-value": "warn",
+		"@eslint-react/no-unnecessary-use-callback": "warn",
+		"@eslint-react/no-unnecessary-use-memo": "warn",
+		"@eslint-react/jsx-no-duplicate-props": "error",
+		"@eslint-react/jsx-no-undef": "error",
+		"@eslint-react/no-missing-key": "error",
+		"@eslint-react/no-children-prop": "error",
+		"@eslint-react/no-direct-mutation-state": "error",
+		"@eslint-react/no-string-refs": "error",
+		"@eslint-react/dom/no-find-dom-node": "error"
+	}
+}]);
+//#endregion
+exports.config = config;

package/dist/configs/react.d.cts

@@ -0,0 +1,6 @@
+import * as eslint_config0 from "eslint/config";
+
+//#region src/configs/react.d.ts
+declare const config: eslint_config0.Config[];
+//#endregion
+export { config };

package/dist/configs/react.d.mts

@@ -0,0 +1,6 @@
+import * as eslint_config0 from "eslint/config";
+
+//#region src/configs/react.d.ts
+declare const config: eslint_config0.Config[];
+//#endregion
+export { config };

package/dist/configs/react.mjs

@@ -0,0 +1,39 @@
+import eslintReactPlugin from "@eslint-react/eslint-plugin";
+import { defineConfig } from "eslint/config";
+import eslintReactHooks from "eslint-plugin-react-hooks";
+//#region src/configs/react.ts
+const { configs: _, ...eslintReactHooksPlugin } = eslintReactHooks;
+const config = defineConfig([{
+	files: ["**/*.{js,jsx,ts,tsx}"],
+	plugins: { "react-hooks": eslintReactHooksPlugin },
+	languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } },
+	extends: [eslintReactPlugin.configs.recommended],
+	rules: {
+		"react-hooks/rules-of-hooks": "error",
+		"react-hooks/exhaustive-deps": "warn",
+		"@eslint-react/dom/no-dangerously-set-innerhtml": "error",
+		"@eslint-react/dom/no-dangerously-set-innerhtml-with-children": "error",
+		"@eslint-react/dom/no-script-url": "error",
+		"@eslint-react/dom/no-unsafe-target-blank": "error",
+		"@eslint-react/dom/no-missing-iframe-sandbox": "error",
+		"@eslint-react/dom/no-unsafe-iframe-sandbox": "error",
+		"@eslint-react/web-api/no-leaked-event-listener": "error",
+		"@eslint-react/web-api/no-leaked-interval": "error",
+		"@eslint-react/web-api/no-leaked-timeout": "error",
+		"@eslint-react/web-api/no-leaked-resize-observer": "error",
+		"@eslint-react/no-array-index-key": "warn",
+		"@eslint-react/no-nested-component-definitions": "error",
+		"@eslint-react/no-unstable-context-value": "warn",
+		"@eslint-react/no-unnecessary-use-callback": "warn",
+		"@eslint-react/no-unnecessary-use-memo": "warn",
+		"@eslint-react/jsx-no-duplicate-props": "error",
+		"@eslint-react/jsx-no-undef": "error",
+		"@eslint-react/no-missing-key": "error",
+		"@eslint-react/no-children-prop": "error",
+		"@eslint-react/no-direct-mutation-state": "error",
+		"@eslint-react/no-string-refs": "error",
+		"@eslint-react/dom/no-find-dom-node": "error"
+	}
+}]);
+//#endregion
+export { config };

package/dist/index.cjs

@@ -1,276 +1,6 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  react: () => config,
-  tailwind: () => config2
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/configs/react.ts
-var import_eslint_plugin = __toESM(require("@eslint-react/eslint-plugin"), 1);
-var import_config = require("eslint/config");
-var import_eslint_plugin_react_hooks = __toESM(require("eslint-plugin-react-hooks"), 1);
-var { configs: _, ...eslintReactHooksPlugin } = import_eslint_plugin_react_hooks.default;
-var config = (0, import_config.defineConfig)([
-  {
-    files: ["**/*.{js,jsx,ts,tsx}"],
-    plugins: {
-      "react-hooks": eslintReactHooksPlugin
-    },
-    languageOptions: {
-      parserOptions: { ecmaFeatures: { jsx: true } }
-    },
-    extends: [
-      /**
-       * ESLint React Recommended Configuration.
-       * Includes x (renderer-agnostic), dom, and web-api rules.
-       *
-       * @see https://eslint-react.xyz/docs/configuration
-       */
-      import_eslint_plugin.default.configs.recommended
-    ],
-    rules: {
-      /**
-       * Enforce Rules of Hooks.
-       *
-       * @see https://react.dev/reference/react/hooks#rules-of-hooks
-       */
-      "react-hooks/rules-of-hooks": "error",
-      /**
-       * Verify dependencies array in hooks.
-       *
-       * @see https://react.dev/reference/react/hooks#rules-of-hooks
-       */
-      "react-hooks/exhaustive-deps": "warn",
-      /**
-       * Disallow dangerouslySetInnerHTML.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml
-       */
-      "@eslint-react/dom/no-dangerously-set-innerhtml": "error",
-      /**
-       * Disallow dangerouslySetInnerHTML with children.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml-with-children
-       */
-      "@eslint-react/dom/no-dangerously-set-innerhtml-with-children": "error",
-      /**
-       * Disallow javascript: URLs.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-script-url
-       */
-      "@eslint-react/dom/no-script-url": "error",
-      /**
-       * Enforce security attributes on target="_blank" links.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-unsafe-target-blank
-       */
-      "@eslint-react/dom/no-unsafe-target-blank": "error",
-      /**
-       * Require sandbox attribute on iframes.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-missing-iframe-sandbox
-       */
-      "@eslint-react/dom/no-missing-iframe-sandbox": "error",
-      /**
-       * Disallow unsafe iframe sandbox values.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-unsafe-iframe-sandbox
-       */
-      "@eslint-react/dom/no-unsafe-iframe-sandbox": "error",
-      /**
-       * Prevent memory leaks from event listeners.
-       *
-       * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-event-listener
-       */
-      "@eslint-react/web-api/no-leaked-event-listener": "error",
-      /**
-       * Prevent memory leaks from intervals.
-       *
-       * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-interval
-       */
-      "@eslint-react/web-api/no-leaked-interval": "error",
-      /**
-       * Prevent memory leaks from timeouts.
-       *
-       * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-timeout
-       */
-      "@eslint-react/web-api/no-leaked-timeout": "error",
-      /**
-       * Prevent memory leaks from resize observers.
-       *
-       * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-resize-observer
-       */
-      "@eslint-react/web-api/no-leaked-resize-observer": "error",
-      /**
-       * Warn against using array indices as keys.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-array-index-key
-       */
-      "@eslint-react/no-array-index-key": "warn",
-      /**
-       * Prevent unstable nested component definitions.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-nested-component-definitions
-       */
-      "@eslint-react/no-nested-component-definitions": "error",
-      /**
-       * Warn against unstable context values.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-unstable-context-value
-       */
-      "@eslint-react/no-unstable-context-value": "warn",
-      /**
-       * Warn against unnecessary useCallback.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-callback
-       */
-      "@eslint-react/no-unnecessary-use-callback": "warn",
-      /**
-       * Warn against unnecessary useMemo.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-memo
-       */
-      "@eslint-react/no-unnecessary-use-memo": "warn",
-      /**
-       * Disallow duplicate props in JSX.
-       *
-       * @see https://eslint-react.xyz/docs/rules/jsx-no-duplicate-props
-       */
-      "@eslint-react/jsx-no-duplicate-props": "error",
-      /**
-       * Disallow undefined components in JSX.
-       *
-       * @see https://eslint-react.xyz/docs/rules/jsx-no-undef
-       */
-      "@eslint-react/jsx-no-undef": "error",
-      /**
-       * Require keys for array elements.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-missing-key
-       */
-      "@eslint-react/no-missing-key": "error",
-      /**
-       * Disallow children prop.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-children-prop
-       */
-      "@eslint-react/no-children-prop": "error",
-      /**
-       * Disallow direct state mutation.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-direct-mutation-state
-       */
-      "@eslint-react/no-direct-mutation-state": "error",
-      /**
-       * Disallow string refs.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-string-refs
-       */
-      "@eslint-react/no-string-refs": "error",
-      /**
-       * Disallow findDOMNode.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-find-dom-node
-       */
-      "@eslint-react/dom/no-find-dom-node": "error"
-    }
-  }
-]);
-
-// src/configs/flavour-tailwind.ts
-var import_config2 = require("eslint/config");
-var import_eslint_plugin_better_tailwindcss = __toESM(require("eslint-plugin-better-tailwindcss"), 1);
-var config2 = (0, import_config2.defineConfig)([
-  {
-    files: ["**/*.{js,jsx,ts,tsx}"],
-    plugins: {
-      "better-tailwindcss": import_eslint_plugin_better_tailwindcss.default
-    },
-    rules: {
-      /**
-       * Enforce consistent line wrapping.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/enforce-consistent-line-wrapping": [
-        "warn",
-        // Prefer single line when possible. We use tabs for indentation.
-        { preferSingleLine: true, indent: "tab" }
-      ],
-      /**
-       * Enforce consistent class order.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/enforce-consistent-class-order": "warn",
-      /**
-       * Enforce shorthand classes.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/enforce-shorthand-classes": "warn",
-      /**
-       * Remove duplicate classes.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/no-duplicate-classes": "warn",
-      /**
-       * Disallow unnecessary whitespace.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/no-unnecessary-whitespace": "warn",
-      /**
-       * Report unregistered classes.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/no-unknown-classes": [
-        "warn",
-        { detectComponentClasses: true }
-      ],
-      /**
-       * Report conflicting classes.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/no-conflicting-classes": "error"
-    }
-  }
-]);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  react,
-  tailwind
-});
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_react = require("./configs/react.cjs");
+const require_flavour_tailwind = require("./configs/flavour-tailwind.cjs");
+require("./configs/index.cjs");
+exports.react = require_react.config;
+exports.tailwind = require_flavour_tailwind.config;

package/dist/index.d.cts

@@ -1,12 +1,3 @@
-import * as eslint_config from 'eslint/config';
-
-declare const config$1: eslint_config.Config[];
-
-/**
- * ESLint configuration for Tailwind CSS.
- *
- * Note that this configuration include stylistic rules.
- */
-declare const config: eslint_config.Config[];
-
-export { config$1 as react, config as tailwind };
+import { config } from "./configs/react.cjs";
+import { config as config$1 } from "./configs/flavour-tailwind.cjs";
+export { config as react, config$1 as tailwind };

package/dist/index.d.mts

@@ -0,0 +1,3 @@
+import { config } from "./configs/react.mjs";
+import { config as config$1 } from "./configs/flavour-tailwind.mjs";
+export { config as react, config$1 as tailwind };

package/dist/index.mjs

@@ -0,0 +1,4 @@
+import { config } from "./configs/react.mjs";
+import { config as config$1 } from "./configs/flavour-tailwind.mjs";
+import "./configs/index.mjs";
+export { config as react, config$1 as tailwind };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abinnovision/eslint-config-react",
-  "version": "3.1.0-beta.2",
+  "version": "3.1.1-beta.20",
   "publishConfig": {
     "npm": true,
     "ghpr": true,
@@ -18,19 +18,23 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     }
   },
   "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index.d.cts",
   "files": [
     "dist/"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --dts --format esm,cjs --clean",
+    "build": "tsdown",
     "format:check": "prettier --check 'src/**/*.{ts,js}' '**/*.{md,json,json5,yaml,yml}'",
     "format:fix": "prettier --write 'src/**/*.{ts,js}' '**/*.{md,json,json5,yaml,yml}'",
     "lint:check": "eslint 'src/**/*.{ts,js}'",
@@ -48,15 +52,16 @@
   "prettier": "@abinnovision/prettier-config",
   "dependencies": {
     "@eslint-react/eslint-plugin": "^2.13.0",
-    "eslint-plugin-better-tailwindcss": "^4.3.0",
+    "eslint-plugin-better-tailwindcss": "^4.3.2",
     "eslint-plugin-react-hooks": "^7.0.1"
   },
   "devDependencies": {
-    "@abinnovision/eslint-config-base": "^3.1.0-beta.2",
+    "@abinnovision/eslint-config-base": "^3.2.2",
     "@abinnovision/prettier-config": "^2.1.5",
+    "@internal/tsconfig": "^1.0.0",
     "eslint": "^9.39.1",
     "prettier": "^3.6.2",
-    "tsup": "^8.3.6",
+    "tsdown": "^0.21.3",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {

package/dist/index.d.ts

@@ -1,12 +0,0 @@
-import * as eslint_config from 'eslint/config';
-
-declare const config$1: eslint_config.Config[];
-
-/**
- * ESLint configuration for Tailwind CSS.
- *
- * Note that this configuration include stylistic rules.
- */
-declare const config: eslint_config.Config[];
-
-export { config$1 as react, config as tailwind };

package/dist/index.js

@@ -1,238 +0,0 @@
-// src/configs/react.ts
-import eslintReactPlugin from "@eslint-react/eslint-plugin";
-import { defineConfig } from "eslint/config";
-import eslintReactHooks from "eslint-plugin-react-hooks";
-var { configs: _, ...eslintReactHooksPlugin } = eslintReactHooks;
-var config = defineConfig([
-  {
-    files: ["**/*.{js,jsx,ts,tsx}"],
-    plugins: {
-      "react-hooks": eslintReactHooksPlugin
-    },
-    languageOptions: {
-      parserOptions: { ecmaFeatures: { jsx: true } }
-    },
-    extends: [
-      /**
-       * ESLint React Recommended Configuration.
-       * Includes x (renderer-agnostic), dom, and web-api rules.
-       *
-       * @see https://eslint-react.xyz/docs/configuration
-       */
-      eslintReactPlugin.configs.recommended
-    ],
-    rules: {
-      /**
-       * Enforce Rules of Hooks.
-       *
-       * @see https://react.dev/reference/react/hooks#rules-of-hooks
-       */
-      "react-hooks/rules-of-hooks": "error",
-      /**
-       * Verify dependencies array in hooks.
-       *
-       * @see https://react.dev/reference/react/hooks#rules-of-hooks
-       */
-      "react-hooks/exhaustive-deps": "warn",
-      /**
-       * Disallow dangerouslySetInnerHTML.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml
-       */
-      "@eslint-react/dom/no-dangerously-set-innerhtml": "error",
-      /**
-       * Disallow dangerouslySetInnerHTML with children.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-dangerously-set-innerhtml-with-children
-       */
-      "@eslint-react/dom/no-dangerously-set-innerhtml-with-children": "error",
-      /**
-       * Disallow javascript: URLs.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-script-url
-       */
-      "@eslint-react/dom/no-script-url": "error",
-      /**
-       * Enforce security attributes on target="_blank" links.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-unsafe-target-blank
-       */
-      "@eslint-react/dom/no-unsafe-target-blank": "error",
-      /**
-       * Require sandbox attribute on iframes.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-missing-iframe-sandbox
-       */
-      "@eslint-react/dom/no-missing-iframe-sandbox": "error",
-      /**
-       * Disallow unsafe iframe sandbox values.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-unsafe-iframe-sandbox
-       */
-      "@eslint-react/dom/no-unsafe-iframe-sandbox": "error",
-      /**
-       * Prevent memory leaks from event listeners.
-       *
-       * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-event-listener
-       */
-      "@eslint-react/web-api/no-leaked-event-listener": "error",
-      /**
-       * Prevent memory leaks from intervals.
-       *
-       * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-interval
-       */
-      "@eslint-react/web-api/no-leaked-interval": "error",
-      /**
-       * Prevent memory leaks from timeouts.
-       *
-       * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-timeout
-       */
-      "@eslint-react/web-api/no-leaked-timeout": "error",
-      /**
-       * Prevent memory leaks from resize observers.
-       *
-       * @see https://eslint-react.xyz/docs/rules/web-api-no-leaked-resize-observer
-       */
-      "@eslint-react/web-api/no-leaked-resize-observer": "error",
-      /**
-       * Warn against using array indices as keys.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-array-index-key
-       */
-      "@eslint-react/no-array-index-key": "warn",
-      /**
-       * Prevent unstable nested component definitions.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-nested-component-definitions
-       */
-      "@eslint-react/no-nested-component-definitions": "error",
-      /**
-       * Warn against unstable context values.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-unstable-context-value
-       */
-      "@eslint-react/no-unstable-context-value": "warn",
-      /**
-       * Warn against unnecessary useCallback.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-callback
-       */
-      "@eslint-react/no-unnecessary-use-callback": "warn",
-      /**
-       * Warn against unnecessary useMemo.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-unnecessary-use-memo
-       */
-      "@eslint-react/no-unnecessary-use-memo": "warn",
-      /**
-       * Disallow duplicate props in JSX.
-       *
-       * @see https://eslint-react.xyz/docs/rules/jsx-no-duplicate-props
-       */
-      "@eslint-react/jsx-no-duplicate-props": "error",
-      /**
-       * Disallow undefined components in JSX.
-       *
-       * @see https://eslint-react.xyz/docs/rules/jsx-no-undef
-       */
-      "@eslint-react/jsx-no-undef": "error",
-      /**
-       * Require keys for array elements.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-missing-key
-       */
-      "@eslint-react/no-missing-key": "error",
-      /**
-       * Disallow children prop.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-children-prop
-       */
-      "@eslint-react/no-children-prop": "error",
-      /**
-       * Disallow direct state mutation.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-direct-mutation-state
-       */
-      "@eslint-react/no-direct-mutation-state": "error",
-      /**
-       * Disallow string refs.
-       *
-       * @see https://eslint-react.xyz/docs/rules/no-string-refs
-       */
-      "@eslint-react/no-string-refs": "error",
-      /**
-       * Disallow findDOMNode.
-       *
-       * @see https://eslint-react.xyz/docs/rules/dom-no-find-dom-node
-       */
-      "@eslint-react/dom/no-find-dom-node": "error"
-    }
-  }
-]);
-
-// src/configs/flavour-tailwind.ts
-import { defineConfig as defineConfig2 } from "eslint/config";
-import betterTailwindcss from "eslint-plugin-better-tailwindcss";
-var config2 = defineConfig2([
-  {
-    files: ["**/*.{js,jsx,ts,tsx}"],
-    plugins: {
-      "better-tailwindcss": betterTailwindcss
-    },
-    rules: {
-      /**
-       * Enforce consistent line wrapping.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/enforce-consistent-line-wrapping": [
-        "warn",
-        // Prefer single line when possible. We use tabs for indentation.
-        { preferSingleLine: true, indent: "tab" }
-      ],
-      /**
-       * Enforce consistent class order.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/enforce-consistent-class-order": "warn",
-      /**
-       * Enforce shorthand classes.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/enforce-shorthand-classes": "warn",
-      /**
-       * Remove duplicate classes.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/no-duplicate-classes": "warn",
-      /**
-       * Disallow unnecessary whitespace.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/no-unnecessary-whitespace": "warn",
-      /**
-       * Report unregistered classes.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/no-unknown-classes": [
-        "warn",
-        { detectComponentClasses: true }
-      ],
-      /**
-       * Report conflicting classes.
-       *
-       * @see https://github.com/schoero/eslint-plugin-better-tailwindcss
-       */
-      "better-tailwindcss/no-conflicting-classes": "error"
-    }
-  }
-]);
-export {
-  config as react,
-  config2 as tailwind
-};