EsLint v9 (#154)

* Upgrade ESLint and related configurations to version 9 - Update ESLint to version 9.19.0 - Migrate ESLint configurations to flat config format - Remove deprecated ESLint config files - Update package dependencies and configurations - Simplify ESLint setup across packages - Remove unnecessary ESLint config blocks from package.json files - Improved CI caching with Turborepo tasks - Removed duplicate styles
2025-02-07 10:38:29 +07:00
parent e2f45cae49
commit 6f9cf22fa8
113 changed files with 1040 additions and 1284 deletions
--- a/packages/analytics/eslint.config.mjs
+++ b/packages/analytics/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/analytics/package.json
+++ b/packages/analytics/package.json
@@ -18,13 +18,6 @@
    "@kit/tsconfig": "workspace:*",
    "@types/node": "^22.13.0"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/analytics/src/null-analytics-service.ts
+++ b/packages/analytics/src/null-analytics-service.ts
@@ -3,7 +3,6 @@ import { AnalyticsService } from './types';
 const noop = (event: string) => {
  // do nothing - this is to prevent errors when the analytics service is not initialized

-  // eslint-disable-next-line @typescript-eslint/require-await
  return async (...args: unknown[]) => {
    console.debug(
      `Noop analytics service called with event: ${event}`,
--- a/packages/billing/core/eslint.config.mjs
+++ b/packages/billing/core/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/billing/core/package.json
+++ b/packages/billing/core/package.json
@@ -19,18 +19,10 @@
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
    "@kit/supabase": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/billing/gateway/eslint.config.mjs
+++ b/packages/billing/gateway/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/billing/gateway/package.json
+++ b/packages/billing/gateway/package.json
@@ -24,7 +24,6 @@
    "@kit/shared": "workspace:*",
    "@kit/stripe": "workspace:*",
    "@kit/supabase": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@supabase/supabase-js": "2.48.1",
@@ -37,13 +36,6 @@
    "react-i18next": "^15.4.0",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
@@ -51,4 +43,4 @@
      ]
    }
  }
-}
+}
--- a/packages/billing/gateway/src/components/pricing-table.tsx
+++ b/packages/billing/gateway/src/components/pricing-table.tsx
@@ -469,7 +469,7 @@ function DefaultCheckoutButton(
  });

  const linkHref =
-    props.plan.href ?? `${signUpPath}?${searchParams.toString()}` ?? '';
+    props.plan.href ?? `${signUpPath}?${searchParams.toString()}`;

  const label = props.plan.buttonLabel ?? 'common:getStartedWithPlan';

--- a/packages/billing/lemon-squeezy/eslint.config.mjs
+++ b/packages/billing/lemon-squeezy/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/billing/lemon-squeezy/package.json
+++ b/packages/billing/lemon-squeezy/package.json
@@ -22,7 +22,6 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/shared": "workspace:*",
    "@kit/supabase": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@types/react": "19.0.8",
@@ -30,13 +29,6 @@
    "react": "19.0.0",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/billing/stripe/eslint.config.mjs
+++ b/packages/billing/stripe/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/billing/stripe/package.json
+++ b/packages/billing/stripe/package.json
@@ -25,7 +25,6 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/shared": "workspace:*",
    "@kit/supabase": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@types/react": "19.0.8",
@@ -34,13 +33,6 @@
    "react": "19.0.0",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/cms/core/eslint.config.mjs
+++ b/packages/cms/core/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/cms/core/package.json
+++ b/packages/cms/core/package.json
@@ -22,13 +22,6 @@
    "@kit/wordpress": "workspace:*",
    "@types/node": "^22.13.0"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/cms/keystatic/eslint.config.mjs
+++ b/packages/cms/keystatic/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/cms/keystatic/package.json
+++ b/packages/cms/keystatic/package.json
@@ -31,13 +31,6 @@
    "react": "19.0.0",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
@@ -45,4 +38,4 @@
      ]
    }
  }
-}
+}
--- a/packages/cms/types/eslint.config.mjs
+++ b/packages/cms/types/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/cms/types/package.json
+++ b/packages/cms/types/package.json
@@ -17,13 +17,6 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/tsconfig": "workspace:*"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
@@ -31,4 +24,4 @@
      ]
    }
  }
-}
+}
--- a/packages/cms/wordpress/eslint.config.mjs
+++ b/packages/cms/wordpress/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/cms/wordpress/package.json
+++ b/packages/cms/wordpress/package.json
@@ -24,13 +24,6 @@
    "@types/react": "19.0.8",
    "wp-types": "^4.67.0"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
@@ -38,4 +31,4 @@
      ]
    }
  }
-}
+}
--- a/packages/cms/wordpress/src/wp-client.ts
+++ b/packages/cms/wordpress/src/wp-client.ts
@@ -75,10 +75,7 @@ class WordpressClient implements CmsClient {
    }

    if (options?.tags) {
-      const allTags = [
-        ...options.tags,
-        options.language ?? '',
-      ].filter(Boolean);
+      const allTags = [...options.tags, options.language ?? ''].filter(Boolean);

      const ids = await this.getTags({
        slugs: allTags,
--- a/packages/database-webhooks/eslint.config.mjs
+++ b/packages/database-webhooks/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/database-webhooks/package.json
+++ b/packages/database-webhooks/package.json
@@ -25,13 +25,6 @@
    "@supabase/supabase-js": "2.48.1",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
@@ -39,4 +32,4 @@
      ]
    }
  }
-}
+}
--- a/packages/database-webhooks/src/server/services/database-webhook-handler.service.ts
+++ b/packages/database-webhooks/src/server/services/database-webhook-handler.service.ts
@@ -30,17 +30,15 @@ class DatabaseWebhookHandlerService {
   * @description Handle the webhook event
   * @param params
   */
-  async handleWebhook(
-    params: {
-      body: RecordChange<keyof Tables>;
-      signature: string;
-      handleEvent?<Table extends keyof Tables>(
-        payload: Table extends keyof Tables
-          ? DatabaseChangePayload<Table>
-          : never,
-      ): unknown;
-    },
-  ) {
+  async handleWebhook(params: {
+    body: RecordChange<keyof Tables>;
+    signature: string;
+    handleEvent?<Table extends keyof Tables>(
+      payload: Table extends keyof Tables
+        ? DatabaseChangePayload<Table>
+        : never,
+    ): unknown;
+  }) {
    const logger = await getLogger();
    const { table, type } = params.body;

--- a/packages/email-templates/eslint.config.mjs
+++ b/packages/email-templates/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/email-templates/package.json
+++ b/packages/email-templates/package.json
@@ -19,16 +19,8 @@
    "@kit/eslint-config": "workspace:*",
    "@kit/i18n": "workspace:*",
    "@kit/prettier-config": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/features/accounts/eslint.config.mjs
+++ b/packages/features/accounts/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/features/accounts/package.json
+++ b/packages/features/accounts/package.json
@@ -30,7 +30,6 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/shared": "workspace:*",
    "@kit/supabase": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@radix-ui/react-icons": "^1.3.2",
@@ -49,13 +48,6 @@
    "zod": "^3.24.1"
  },
  "prettier": "@kit/prettier-config",
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/features/accounts/src/components/personal-account-settings/password/update-password-form.tsx
+++ b/packages/features/accounts/src/components/personal-account-settings/password/update-password-form.tsx
@@ -74,7 +74,6 @@ export const UpdatePasswordForm = ({
    // if the user does not have an email assigned, it's possible they
    // don't have an email/password factor linked, and the UI is out of sync
    if (!email) {
-      /* eslint-disable @typescript-eslint/prefer-promise-reject-errors */
      return Promise.reject(t(`cannotUpdatePassword`));
    }

--- a/packages/features/admin/eslint.config.mjs
+++ b/packages/features/admin/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/features/admin/package.json
+++ b/packages/features/admin/package.json
@@ -16,7 +16,6 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/shared": "workspace:*",
    "@kit/supabase": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@makerkit/data-loader-supabase-core": "^0.0.8",
@@ -36,13 +35,6 @@
    ".": "./src/index.ts",
    "./components/*": "./src/components/*.tsx"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/features/auth/eslint.config.mjs
+++ b/packages/features/auth/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/features/auth/package.json
+++ b/packages/features/auth/package.json
@@ -24,7 +24,6 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/shared": "workspace:*",
    "@kit/supabase": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@marsidev/react-turnstile": "^1.1.0",
@@ -40,13 +39,6 @@
    "zod": "^3.24.1"
  },
  "prettier": "@kit/prettier-config",
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/features/notifications/eslint.config.mjs
+++ b/packages/features/notifications/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/features/notifications/package.json
+++ b/packages/features/notifications/package.json
@@ -17,7 +17,6 @@
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
    "@kit/supabase": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@supabase/supabase-js": "2.48.1",
--- a/packages/features/team-accounts/eslint.config.mjs
+++ b/packages/features/team-accounts/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/features/team-accounts/package.json
+++ b/packages/features/team-accounts/package.json
@@ -29,7 +29,6 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/shared": "workspace:*",
    "@kit/supabase": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:*",
    "@supabase/supabase-js": "2.48.1",
@@ -49,13 +48,6 @@
    "zod": "^3.24.1"
  },
  "prettier": "@kit/prettier-config",
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/i18n/eslint.config.mjs
+++ b/packages/i18n/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/i18n/package.json
+++ b/packages/i18n/package.json
@@ -31,13 +31,6 @@
    "i18next-browser-languagedetector": "8.0.2",
    "i18next-resources-to-backend": "^1.2.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/mailers/core/eslint.config.mjs
+++ b/packages/mailers/core/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/mailers/core/package.json
+++ b/packages/mailers/core/package.json
@@ -23,13 +23,6 @@
    "@types/node": "^22.13.0",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/mailers/nodemailer/eslint.config.mjs
+++ b/packages/mailers/nodemailer/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/mailers/nodemailer/package.json
+++ b/packages/mailers/nodemailer/package.json
@@ -23,13 +23,6 @@
    "@types/nodemailer": "6.4.17",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/mailers/resend/eslint.config.mjs
+++ b/packages/mailers/resend/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/mailers/resend/package.json
+++ b/packages/mailers/resend/package.json
@@ -20,13 +20,6 @@
    "@types/node": "^22.13.0",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/mailers/shared/eslint.config.mjs
+++ b/packages/mailers/shared/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/mailers/shared/package.json
+++ b/packages/mailers/shared/package.json
@@ -18,13 +18,6 @@
    "@kit/tsconfig": "workspace:*",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/monitoring/api/eslint.config.mjs
+++ b/packages/monitoring/api/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/monitoring/api/package.json
+++ b/packages/monitoring/api/package.json
@@ -28,13 +28,6 @@
    "react": "19.0.0",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/monitoring/baselime/eslint.config.mjs
+++ b/packages/monitoring/baselime/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/monitoring/baselime/package.json
+++ b/packages/monitoring/baselime/package.json
@@ -28,13 +28,6 @@
    "react": "19.0.0",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/monitoring/core/eslint.config.mjs
+++ b/packages/monitoring/core/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/monitoring/core/package.json
+++ b/packages/monitoring/core/package.json
@@ -20,13 +20,6 @@
    "@types/react": "19.0.8",
    "react": "19.0.0"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/monitoring/sentry/eslint.config.mjs
+++ b/packages/monitoring/sentry/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/monitoring/sentry/package.json
+++ b/packages/monitoring/sentry/package.json
@@ -26,13 +26,6 @@
    "@types/react": "19.0.8",
    "react": "19.0.0"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/next/eslint.config.mjs
+++ b/packages/next/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -24,13 +24,6 @@
    "next": "15.1.6",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/shared/eslint.config.mjs
+++ b/packages/shared/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -25,13 +25,6 @@
  "dependencies": {
    "pino": "^9.6.0"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/shared/src/registry/index.ts
+++ b/packages/shared/src/registry/index.ts
@@ -1,9 +1,7 @@
 /**
 * Implementation factory type
 */
-export type ImplementationFactory<T> = () =>
-  | T
-  | Promise<T>;
+export type ImplementationFactory<T> = () => T | Promise<T>;

 /**
 * Public API types with improved get method
@@ -34,10 +32,10 @@ export interface Registry<T, Names extends string> {
 * @description Creates a new registry instance with the provided implementations.
 * @returns A new registry instance.
 */
-export function createRegistry<
+export function createRegistry<T, Names extends string = string>(): Registry<
  T,
-  Names extends string = string,
->(): Registry<T, Names> {
+  Names
+> {
  const implementations = new Map<Names, ImplementationFactory<T>>();
  const setupCallbacks = new Map<string, Array<() => Promise<void>>>();
  const setupPromises = new Map<string, Promise<void>>();
--- a/packages/supabase/eslint.config.mjs
+++ b/packages/supabase/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/supabase/package.json
+++ b/packages/supabase/package.json
@@ -26,7 +26,6 @@
  "devDependencies": {
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@supabase/ssr": "^0.5.2",
    "@supabase/supabase-js": "2.48.1",
@@ -37,13 +36,6 @@
    "server-only": "^0.0.1",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "typesVersions": {
    "*": {
      "*": [
--- a/packages/ui/eslint.config.mjs
+++ b/packages/ui/eslint.config.mjs
@@ -0,0 +1,3 @@
+import eslintConfigBase from '@kit/eslint-config/base.js';
+
+export default eslintConfigBase;
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -10,26 +10,26 @@
  },
  "dependencies": {
    "@hookform/resolvers": "^3.10.0",
-    "@radix-ui/react-accordion": "1.2.2",
-    "@radix-ui/react-alert-dialog": "^1.1.5",
-    "@radix-ui/react-avatar": "^1.1.2",
-    "@radix-ui/react-checkbox": "^1.1.3",
-    "@radix-ui/react-collapsible": "1.1.2",
-    "@radix-ui/react-dialog": "^1.1.5",
-    "@radix-ui/react-dropdown-menu": "^2.1.5",
-    "@radix-ui/react-label": "^2.1.1",
-    "@radix-ui/react-navigation-menu": "^1.2.4",
-    "@radix-ui/react-popover": "^1.1.5",
-    "@radix-ui/react-progress": "^1.1.1",
-    "@radix-ui/react-radio-group": "^1.2.2",
-    "@radix-ui/react-scroll-area": "^1.2.2",
-    "@radix-ui/react-select": "^2.1.5",
-    "@radix-ui/react-separator": "^1.1.1",
-    "@radix-ui/react-slot": "^1.1.1",
-    "@radix-ui/react-switch": "^1.1.2",
-    "@radix-ui/react-tabs": "^1.1.2",
-    "@radix-ui/react-toast": "^1.2.5",
-    "@radix-ui/react-tooltip": "1.1.7",
+    "@radix-ui/react-accordion": "1.2.3",
+    "@radix-ui/react-alert-dialog": "^1.1.6",
+    "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-collapsible": "1.1.3",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-navigation-menu": "^1.2.5",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-progress": "^1.1.2",
+    "@radix-ui/react-radio-group": "^1.2.3",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-separator": "^1.1.2",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toast": "^1.2.6",
+    "@radix-ui/react-tooltip": "1.1.8",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "input-otp": "1.4.2",
@@ -41,7 +41,6 @@
  "devDependencies": {
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
-    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@radix-ui/react-icons": "^1.3.2",
    "@tanstack/react-query": "5.66.0",
@@ -50,7 +49,7 @@
    "@types/react-dom": "19.0.3",
    "class-variance-authority": "^0.7.1",
    "date-fns": "^4.1.0",
-    "eslint": "^8.57.0",
+    "eslint": "^9.19.0",
    "next": "15.1.6",
    "next-themes": "0.4.4",
    "prettier": "^3.4.2",
@@ -63,13 +62,6 @@
    "typescript": "^5.7.3",
    "zod": "^3.24.1"
  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@kit/eslint-config/base",
-      "@kit/eslint-config/react"
-    ]
-  },
  "prettier": "@kit/prettier-config",
  "exports": {
    "./accordion": "./src/shadcn/accordion.tsx",
@@ -140,4 +132,4 @@
      ]
    }
  }
-}
+}
--- a/packages/ui/src/makerkit/cookie-banner.tsx
+++ b/packages/ui/src/makerkit/cookie-banner.tsx
@@ -32,7 +32,7 @@ export function CookieBanner() {
    <DialogPrimitive.Root open modal={false}>
      <DialogPrimitive.Content
        onOpenAutoFocus={(e) => e.preventDefault()}
-        className={`dark:shadow-primary-500/40 fixed bottom-0 w-full max-w-lg border bg-background p-6 shadow-2xl delay-1000 duration-1000 animate-in fade-in zoom-in-95 slide-in-from-bottom-16 fill-mode-both lg:bottom-[2rem] lg:left-[2rem] lg:h-48 lg:rounded-lg`}
+        className={`dark:shadow-primary-500/40 bg-background animate-in fade-in zoom-in-95 slide-in-from-bottom-16 fill-mode-both fixed bottom-0 w-full max-w-lg border p-6 shadow-2xl delay-1000 duration-1000 lg:bottom-[2rem] lg:left-[2rem] lg:h-48 lg:rounded-lg`}
      >
        <div className={'flex flex-col space-y-4'}>
          <div>
--- a/packages/ui/src/makerkit/global-loader.tsx
+++ b/packages/ui/src/makerkit/global-loader.tsx
@@ -23,7 +23,7 @@ export function GlobalLoader({
      <If condition={displaySpinner}>
        <div
          className={
-            'zoom-in-80 flex flex-1 flex-col items-center justify-center duration-500 animate-in fade-in slide-in-from-bottom-12'
+            'zoom-in-80 animate-in fade-in slide-in-from-bottom-12 flex flex-1 flex-col items-center justify-center duration-500'
          }
        >
          <LoadingOverlay displayLogo={displayLogo} fullPage={fullPage} />
--- a/packages/ui/src/makerkit/image-uploader.tsx
+++ b/packages/ui/src/makerkit/image-uploader.tsx
@@ -71,7 +71,7 @@ export function ImageUploader(

  return (
    <div className={'flex items-center space-x-4'}>
-      <label className={'relative h-20 w-20 animate-in fade-in zoom-in-50'}>
+      <label className={'animate-in fade-in zoom-in-50 relative h-20 w-20'}>
        <Image fill className={'h-20 w-20 rounded-full'} src={image} alt={''} />

        <Input />
@@ -95,10 +95,10 @@ function FallbackImage(
    <div className={'flex items-center space-x-4'}>
      <label
        className={
-          'relative flex h-20 w-20 cursor-pointer flex-col items-center justify-center rounded-full border border-border animate-in fade-in zoom-in-50 hover:border-primary'
+          'border-border animate-in fade-in zoom-in-50 hover:border-primary relative flex h-20 w-20 cursor-pointer flex-col items-center justify-center rounded-full border'
        }
      >
-        <ImageIcon className={'h-8 text-primary'} />
+        <ImageIcon className={'text-primary h-8'} />

        {props.children}
      </label>
--- a/packages/ui/src/makerkit/marketing/coming-soon.tsx
+++ b/packages/ui/src/makerkit/marketing/coming-soon.tsx
@@ -19,7 +19,7 @@ const ComingSoonText: React.FC<React.HTMLAttributes<HTMLParagraphElement>> = ({
  ...props
 }) => (
  <GradientSecondaryText
-    className={cn('text-lg text-muted-foreground md:text-xl', className)}
+    className={cn('text-muted-foreground text-lg md:text-xl', className)}
    {...props}
  />
 );
@@ -95,7 +95,7 @@ ComingSoon.displayName = 'ComingSoon';
 const ComingSoonLogo: React.FC<React.HTMLAttributes<HTMLImageElement>> = ({
  className,
  ...props
-}) => <div className={cn(className, 'fixed left-8 top-8')} {...props} />;
+}) => <div className={cn(className, 'fixed top-8 left-8')} {...props} />;
 ComingSoonLogo.displayName = 'ComingSoonLogo';

 export {
--- a/packages/ui/src/makerkit/marketing/cta-button.tsx
+++ b/packages/ui/src/makerkit/marketing/cta-button.tsx
@@ -9,7 +9,7 @@ export const CtaButton: React.FC<React.ComponentProps<typeof Button>> =
          'h-12 rounded-xl px-4 text-base font-semibold',
          className,
          {
-            ['transition-all hover:shadow-2xl dark:shadow-primary/30']:
+            ['dark:shadow-primary/30 transition-all hover:shadow-2xl']:
              props.variant === 'default' || !props.variant,
          },
        )}
--- a/packages/ui/src/makerkit/marketing/secondary-hero.tsx
+++ b/packages/ui/src/makerkit/marketing/secondary-hero.tsx
@@ -31,7 +31,7 @@ export const SecondaryHero: React.FC<SecondaryHeroProps> =
            {heading}
          </Heading>

-          <h3 className="font-sans text-xl font-normal tracking-tight text-muted-foreground">
+          <h3 className="text-muted-foreground font-sans text-xl font-normal tracking-tight">
            {subheading}
          </h3>
        </div>
--- a/packages/ui/src/makerkit/page.tsx
+++ b/packages/ui/src/makerkit/page.tsx
@@ -175,7 +175,10 @@ export function PageHeader({

          <If condition={description}>
            <If condition={displaySidebarTrigger}>
-              <Separator orientation="vertical" className="h-4 w-px hidden lg:block" />
+              <Separator
+                orientation="vertical"
+                className="hidden h-4 w-px lg:block"
+              />
            </If>

            <PageDescription>{description}</PageDescription>
--- a/packages/ui/src/makerkit/profile-avatar.tsx
+++ b/packages/ui/src/makerkit/profile-avatar.tsx
@@ -27,7 +27,7 @@ export function ProfileAvatar(props: ProfileAvatarProps) {
        <AvatarFallback
          className={cn(
            props.fallbackClassName,
-            'uppercase animate-in fade-in',
+            'animate-in fade-in uppercase',
          )}
        >
          {props.text.slice(0, 1)}
--- a/packages/ui/src/makerkit/spinner.tsx
+++ b/packages/ui/src/makerkit/spinner.tsx
@@ -10,7 +10,7 @@ export function Spinner(
      <svg
        aria-hidden="true"
        className={cn(
-          `h-8 w-8 animate-spin fill-primary-foreground text-primary dark:fill-primary dark:text-primary/30`,
+          `fill-primary-foreground text-primary dark:fill-primary dark:text-primary/30 h-8 w-8 animate-spin`,
          props.className,
        )}
        viewBox="0 0 100 101"
--- a/packages/ui/src/shadcn/accordion.tsx
+++ b/packages/ui/src/shadcn/accordion.tsx
@@ -28,7 +28,7 @@ const AccordionTrigger: React.FC<
      {...props}
    >
      {children}
-      <ChevronDownIcon className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
+      <ChevronDownIcon className="text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" />
    </AccordionPrimitive.Trigger>
  </AccordionPrimitive.Header>
 );
@@ -38,10 +38,10 @@ const AccordionContent: React.FC<
  React.ComponentPropsWithRef<typeof AccordionPrimitive.Content>
 > = ({ className, children, ...props }) => (
  <AccordionPrimitive.Content
-    className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
    {...props}
  >
-    <div className={cn('pb-4 pt-0', className)}>{children}</div>
+    <div className={cn('pt-0 pb-4', className)}>{children}</div>
  </AccordionPrimitive.Content>
 );
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
--- a/packages/ui/src/shadcn/avatar.tsx
+++ b/packages/ui/src/shadcn/avatar.tsx
@@ -34,7 +34,7 @@ const AvatarFallback: React.FC<
 > = ({ className, ...props }) => (
  <AvatarPrimitive.Fallback
    className={cn(
-      'flex h-full w-full items-center justify-center rounded-full bg-muted',
+      'bg-muted flex h-full w-full items-center justify-center rounded-full',
      className,
    )}
    {...props}
--- a/packages/ui/src/shadcn/breadcrumb.tsx
+++ b/packages/ui/src/shadcn/breadcrumb.tsx
@@ -18,7 +18,7 @@ const BreadcrumbList: React.FC<React.ComponentPropsWithRef<'ol'>> = ({
 }) => (
  <ol
    className={cn(
-      'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground',
+      'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words',
      className,
    )}
    {...props}
@@ -64,7 +64,7 @@ const BreadcrumbPage: React.FC<React.ComponentPropsWithoutRef<'span'>> = ({
    role="link"
    aria-disabled="true"
    aria-current="page"
-    className={cn('font-normal text-foreground', className)}
+    className={cn('text-foreground font-normal', className)}
    {...props}
  />
 );
--- a/packages/ui/src/shadcn/card.tsx
+++ b/packages/ui/src/shadcn/card.tsx
@@ -7,7 +7,7 @@ const Card: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({
  ...props
 }) => (
  <div
-    className={cn('rounded-xl border bg-card text-card-foreground', className)}
+    className={cn('bg-card text-card-foreground rounded-xl border', className)}
    {...props}
  />
 );
@@ -26,7 +26,7 @@ const CardTitle: React.FC<React.HTMLAttributes<HTMLHeadingElement>> = ({
  ...props
 }) => (
  <h3
-    className={cn('font-semibold leading-none tracking-tight', className)}
+    className={cn('leading-none font-semibold tracking-tight', className)}
    {...props}
  />
 );
@@ -36,7 +36,7 @@ const CardDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement>> = ({
  className,
  ...props
 }) => (
-  <p className={cn('text-sm text-muted-foreground', className)} {...props} />
+  <p className={cn('text-muted-foreground text-sm', className)} {...props} />
 );
 CardDescription.displayName = 'CardDescription';

--- a/packages/ui/src/shadcn/chart.tsx
+++ b/packages/ui/src/shadcn/chart.tsx
@@ -166,8 +166,7 @@ const ChartTooltipContent: React.FC<
    labelKey,
  ]);

-  /* @ts-expect-error: TS issue */
-  if (!active ?? !payload?.length) {
+  if (!active || !payload?.length) {
    return null;
  }

@@ -286,7 +285,6 @@ const ChartLegendContent: React.FC<
      )}
    >
      {payload.map((item) => {
-        /* eslint-disable @typescript-eslint/restrict-template-expressions */
        const key = `${nameKey ?? item.dataKey ?? 'value'}`;
        const itemConfig = getPayloadConfigFromPayload(config, item, key);

--- a/packages/ui/src/shadcn/command.tsx
+++ b/packages/ui/src/shadcn/command.tsx
@@ -39,7 +39,6 @@ const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
 const CommandInput: React.FC<
  React.ComponentPropsWithRef<typeof CommandPrimitive.Input>
 > = ({ className, ...props }) => (
-  // eslint-disable-next-line react/no-unknown-property
  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
    <MagnifyingGlassIcon className="mr-2 h-4 w-4 shrink-0 opacity-50" />
    <CommandPrimitive.Input
--- a/packages/ui/src/shadcn/heading.tsx
+++ b/packages/ui/src/shadcn/heading.tsx
@@ -12,7 +12,7 @@ export function Heading({
      return (
        <h1
          className={cn(
-            `scroll-m-20 font-heading text-3xl font-bold tracking-tight dark:text-white lg:text-4xl`,
+            `font-heading scroll-m-20 text-3xl font-bold tracking-tight lg:text-4xl dark:text-white`,
            className,
          )}
        >
@@ -23,7 +23,7 @@ export function Heading({
      return (
        <h2
          className={cn(
-            `scroll-m-20 pb-2 font-heading text-2xl font-semibold tracking-tight transition-colors first:mt-0 lg:text-3xl`,
+            `font-heading scroll-m-20 pb-2 text-2xl font-semibold tracking-tight transition-colors first:mt-0 lg:text-3xl`,
            className,
          )}
        >
@@ -34,7 +34,7 @@ export function Heading({
      return (
        <h3
          className={cn(
-            'scroll-m-20 font-heading text-xl font-semibold tracking-tight lg:text-2xl',
+            'font-heading scroll-m-20 text-xl font-semibold tracking-tight lg:text-2xl',
            className,
          )}
        >
@@ -45,7 +45,7 @@ export function Heading({
      return (
        <h4
          className={cn(
-            'scroll-m-20 font-heading text-lg font-semibold tracking-tight lg:text-xl',
+            'font-heading scroll-m-20 text-lg font-semibold tracking-tight lg:text-xl',
            className,
          )}
        >
@@ -56,7 +56,7 @@ export function Heading({
      return (
        <h5
          className={cn(
-            'scroll-m-20 font-heading text-base font-medium lg:text-lg',
+            'font-heading scroll-m-20 text-base font-medium lg:text-lg',
            className,
          )}
        >
@@ -67,7 +67,7 @@ export function Heading({
      return (
        <h6
          className={cn(
-            'scroll-m-20 font-heading text-base font-medium',
+            'font-heading scroll-m-20 text-base font-medium',
            className,
          )}
        >
--- a/packages/ui/src/shadcn/label.tsx
+++ b/packages/ui/src/shadcn/label.tsx
@@ -8,7 +8,7 @@ import { type VariantProps, cva } from 'class-variance-authority';
 import { cn } from '../lib/utils';

 const labelVariants = cva(
-  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
+  'text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
 );

 const Label: React.FC<
--- a/packages/ui/src/shadcn/progress.tsx
+++ b/packages/ui/src/shadcn/progress.tsx
@@ -11,13 +11,13 @@ const Progress: React.FC<
 > = ({ className, value, ...props }) => (
  <ProgressPrimitive.Root
    className={cn(
-      'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',
+      'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',
      className,
    )}
    {...props}
  >
    <ProgressPrimitive.Indicator
-      className="h-full w-full flex-1 bg-primary transition-all"
+      className="bg-primary h-full w-full flex-1 transition-all"
      style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}
    />
  </ProgressPrimitive.Root>
--- a/packages/ui/src/shadcn/scroll-area.tsx
+++ b/packages/ui/src/shadcn/scroll-area.tsx
@@ -28,7 +28,7 @@ const ScrollBar: React.FC<
  <ScrollAreaPrimitive.ScrollAreaScrollbar
    orientation={orientation}
    className={cn(
-      'flex touch-none select-none transition-colors',
+      'flex touch-none transition-colors select-none',
      orientation === 'vertical' &&
        'h-full w-2.5 border-l border-l-transparent p-[1px]',
      orientation === 'horizontal' &&
@@ -37,7 +37,7 @@ const ScrollBar: React.FC<
    )}
    {...props}
  >
-    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+    <ScrollAreaPrimitive.ScrollAreaThumb className="bg-border relative flex-1 rounded-full" />
  </ScrollAreaPrimitive.ScrollAreaScrollbar>
 );
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
--- a/packages/ui/src/shadcn/separator.tsx
+++ b/packages/ui/src/shadcn/separator.tsx
@@ -18,7 +18,7 @@ const Separator: React.FC<
    decorative={decorative}
    orientation={orientation}
    className={cn(
-      'shrink-0 bg-border',
+      'bg-border shrink-0',
      orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
      className,
    )}
--- a/packages/ui/src/shadcn/skeleton.tsx
+++ b/packages/ui/src/shadcn/skeleton.tsx
@@ -6,7 +6,7 @@ function Skeleton({
 }: React.HTMLAttributes<HTMLDivElement>) {
  return (
    <div
-      className={cn('animate-pulse rounded-md bg-primary/10', className)}
+      className={cn('bg-primary/10 animate-pulse rounded-md', className)}
      {...props}
    />
  );
--- a/packages/ui/src/shadcn/tooltip.tsx
+++ b/packages/ui/src/shadcn/tooltip.tsx
@@ -18,7 +18,7 @@ const TooltipContent: React.FC<
  <TooltipPrimitive.Content
    sideOffset={sideOffset}
    className={cn(
-      'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+      'bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs',
      className,
    )}
    {...props}