chore: bump version to 2.21.9 and update dependencies across multiple packages (#420)

- Updated application version from 2.21.8 to 2.21.9 in package.json.
- Upgraded dependencies including prettier to version 3.7.4, @supabase/supabase-js to version 2.86.0, and @tanstack/react-query to version 5.90.11.
- Adjusted various package.json files to reflect updated versions for lucide-react, react-hook-form, and nodemailer.
- Enhanced pnpm-lock.yaml and pnpm-workspace.yaml for consistency in package versions.
- Refactored import statements in several components for improved readability.

.npmrc

@@ -7,4 +7,5 @@ public-hoist-pattern[]=*i18next*
 public-hoist-pattern[]=*eslint*
 public-hoist-pattern[]=*prettier*
 public-hoist-pattern[]=*require-in-the-middle*
-public-hoist-pattern[]=*import-in-the-middle*
+public-hoist-pattern[]=*import-in-the-middle*
+public-hoist-pattern[]=*pino*

apps/dev-tool/package.json

@@ -8,14 +8,14 @@
     "format": "prettier --check --write \"**/*.{ts,tsx}\" --ignore-path=\"../../.prettierignore\""
   },
   "dependencies": {
-    "@ai-sdk/openai": "^2.0.67",
+    "@ai-sdk/openai": "^2.0.76",
     "@faker-js/faker": "^10.1.0",
     "@hookform/resolvers": "^5.2.2",
     "@tanstack/react-query": "catalog:",
-    "ai": "5.0.100",
+    "ai": "5.0.106",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "next": "catalog:",
-    "nodemailer": "^7.0.10",
+    "nodemailer": "^7.0.11",
     "react": "catalog:",
     "react-dom": "19.2.0",
     "rxjs": "^7.8.2"
@@ -36,7 +36,7 @@
     "@types/react-dom": "catalog:",
     "babel-plugin-react-compiler": "1.0.0",
     "pino-pretty": "13.0.0",
-    "react-hook-form": "^7.66.1",
+    "react-hook-form": "^7.67.0",
     "recharts": "2.15.3",
     "tailwindcss": "catalog:",
     "tailwindcss-animate": "^1.0.7",

apps/e2e/package.json

@@ -11,7 +11,7 @@
   },
   "author": "Makerkit",
   "devDependencies": {
-    "@playwright/test": "^1.56.1",
+    "@playwright/test": "^1.57.0",
     "@supabase/supabase-js": "catalog:",
     "@types/node": "catalog:",
     "dotenv": "17.2.3",

apps/web/instrumentation.ts

@@ -5,9 +5,8 @@
 import { type Instrumentation } from 'next';
 
 export async function register() {
-  const { registerMonitoringInstrumentation } = await import(
+  const { registerMonitoringInstrumentation } =
-    '@kit/monitoring/instrumentation'
+    await import('@kit/monitoring/instrumentation');
-  );
 
   // Register monitoring instrumentation
   // based on the MONITORING_PROVIDER environment variable.

apps/web/next.config.mjs

@@ -34,7 +34,7 @@ const config = {
       fullUrl: true,
     },
   },
-  serverExternalPackages: [],
+  serverExternalPackages: ['pino', 'thread-stream'],
   // needed for supporting dynamic imports for local content
   outputFileTracingIncludes: {
     '/*': ['./content/**/*'],

apps/web/package.json

@@ -60,13 +60,13 @@
     "@tanstack/react-query": "catalog:",
     "@tanstack/react-table": "^8.21.3",
     "date-fns": "^4.1.0",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "next": "catalog:",
     "next-sitemap": "^4.2.3",
     "next-themes": "0.4.6",
     "react": "catalog:",
     "react-dom": "19.2.0",
-    "react-hook-form": "^7.66.1",
+    "react-hook-form": "^7.67.0",
     "react-i18next": "^16.3.5",
     "recharts": "2.15.3",
     "tailwind-merge": "^3.4.0",
@@ -86,7 +86,7 @@
     "babel-plugin-react-compiler": "1.0.0",
     "cssnano": "^7.1.2",
     "pino-pretty": "13.0.0",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.4",
     "supabase": "catalog:",
     "tailwindcss": "catalog:",
     "typescript": "^5.9.3"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-supabase-saas-kit-turbo",
-  "version": "2.21.8",
+  "version": "2.21.9",
   "private": true,
   "sideEffects": false,
   "engines": {
@@ -42,7 +42,7 @@
     "@manypkg/cli": "^0.25.1",
     "@turbo/gen": "^2.6.0",
     "cross-env": "^10.0.0",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.4",
     "turbo": "2.6.1",
     "typescript": "^5.9.3"
   }

packages/analytics/src/types.ts

@@ -35,7 +35,4 @@ export interface CreateAnalyticsManagerOptions<
 }
 
 export interface AnalyticsManager
-  extends TrackPageView,
+  extends TrackPageView, TrackEvent, Identify, ProviderManager {}
-    TrackEvent,
-    Identify,
-    ProviderManager {}

packages/billing/gateway/package.json

@@ -29,10 +29,10 @@
     "@supabase/supabase-js": "catalog:",
     "@types/react": "catalog:",
     "date-fns": "^4.1.0",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "next": "catalog:",
     "react": "catalog:",
-    "react-hook-form": "^7.66.1",
+    "react-hook-form": "^7.67.0",
     "react-i18next": "^16.3.5",
     "zod": "catalog:"
   },

packages/billing/gateway/src/components/embedded-checkout.tsx

@@ -12,9 +12,8 @@ const StripeCheckoutLazy = lazy(async () => {
 });
 
 const LemonSqueezyCheckoutLazy = lazy(async () => {
-  const { LemonSqueezyEmbeddedCheckout } = await import(
+  const { LemonSqueezyEmbeddedCheckout } =
-    '@kit/lemon-squeezy/components'
+    await import('@kit/lemon-squeezy/components');
-  );
   return { default: LemonSqueezyEmbeddedCheckout };
 });
 

packages/billing/gateway/src/server/services/billing-event-handler/billing-event-handler-factory.service.ts

@@ -32,9 +32,8 @@ export function createBillingEventHandlerFactoryService(
 
   // Register the Lemon Squeezy webhook handler
   billingWebhookHandlerRegistry.register('lemon-squeezy', async () => {
-    const { LemonSqueezyWebhookHandlerService } = await import(
+    const { LemonSqueezyWebhookHandlerService } =
-      '@kit/lemon-squeezy'
+      await import('@kit/lemon-squeezy');
-    );
 
     return new LemonSqueezyWebhookHandlerService(planTypesMap);
   });

packages/billing/gateway/src/server/services/billing-gateway/billing-gateway-registry.ts

@@ -22,9 +22,8 @@ billingStrategyRegistry.register('stripe', async () => {
 
 // Register the Lemon Squeezy billing strategy
 billingStrategyRegistry.register('lemon-squeezy', async () => {
-  const { LemonSqueezyBillingStrategyService } = await import(
+  const { LemonSqueezyBillingStrategyService } =
-    '@kit/lemon-squeezy'
+    await import('@kit/lemon-squeezy');
-  );
   return new LemonSqueezyBillingStrategyService();
 });
 

packages/billing/lemon-squeezy/src/services/lemon-squeezy-billing-strategy.service.ts

@@ -31,9 +31,7 @@ import { createLemonSqueezySubscriptionPayloadBuilderService } from './lemon-squ
  * @name LemonSqueezyBillingStrategyService
  * @description This class is used to create a billing strategy for Lemon Squeezy
  */
-export class LemonSqueezyBillingStrategyService
+export class LemonSqueezyBillingStrategyService implements BillingStrategyProviderService {
-  implements BillingStrategyProviderService
-{
   private readonly namespace = 'billing.lemon-squeezy';
 
   /**

packages/billing/lemon-squeezy/src/services/lemon-squeezy-webhook-handler.service.ts

@@ -41,9 +41,7 @@ interface LineItem {
 
 type OrderStatus = 'pending' | 'failed' | 'paid' | 'refunded';
 
-export class LemonSqueezyWebhookHandlerService
+export class LemonSqueezyWebhookHandlerService implements BillingWebhookHandlerService {
-  implements BillingWebhookHandlerService
-{
   private readonly provider: BillingProvider = 'lemon-squeezy';
 
   private readonly namespace = 'billing.lemon-squeezy';

packages/billing/stripe/package.json

@@ -15,8 +15,8 @@
     "./components": "./src/components/index.ts"
   },
   "dependencies": {
-    "@stripe/react-stripe-js": "^5.4.0",
+    "@stripe/react-stripe-js": "^5.4.1",
-    "@stripe/stripe-js": "^8.5.2",
+    "@stripe/stripe-js": "^8.5.3",
     "stripe": "^20.0.0"
   },
   "devDependencies": {

packages/billing/stripe/src/services/stripe-billing-strategy.service.ts

@@ -26,9 +26,7 @@ import { createStripeSubscriptionPayloadBuilderService } from './stripe-subscrip
  * @class StripeBillingStrategyService
  * @implements {BillingStrategyProviderService}
  */
-export class StripeBillingStrategyService
+export class StripeBillingStrategyService implements BillingStrategyProviderService {
-  implements BillingStrategyProviderService
-{
   private readonly namespace = 'billing.stripe';
 
   /**

packages/billing/stripe/src/services/stripe-webhook-handler.service.ts

@@ -31,9 +31,7 @@ type UpsertOrderParams =
 
 type BillingProvider = Enums<'billing_provider'>;
 
-export class StripeWebhookHandlerService
+export class StripeWebhookHandlerService implements BillingWebhookHandlerService {
-  implements BillingWebhookHandlerService
-{
   private stripe: Stripe | undefined;
 
   constructor(private readonly planTypesMap: PlanTypeMap) {}

packages/cms/keystatic/src/create-keystatic-cms.ts

@@ -8,9 +8,8 @@ export async function createKeystaticClient() {
     process.env.NEXT_RUNTIME === 'nodejs' ||
     process.env.KEYSTATIC_STORAGE_KIND !== 'local'
   ) {
-    const { createKeystaticClient: createClient } = await import(
+    const { createKeystaticClient: createClient } =
-      './keystatic-client'
+      await import('./keystatic-client');
-    );
 
     return createClient();
   }

packages/cms/keystatic/src/create-reader.ts

@@ -24,9 +24,8 @@ export async function createKeystaticReader() {
 
     case 'github':
     case 'cloud': {
-      const { createGitHubReader } = await import(
+      const { createGitHubReader } =
-        '@keystatic/core/reader/github'
+        await import('@keystatic/core/reader/github');
-      );
 
       return createGitHubReader(
         keyStaticConfig,

packages/database-webhooks/src/server/services/database-webhook-router.service.ts

@@ -36,9 +36,8 @@ class DatabaseWebhookRouterService {
     body: RecordChange<'subscriptions'>,
   ) {
     if (body.type === 'DELETE' && body.old_record) {
-      const { createBillingWebhooksService } = await import(
+      const { createBillingWebhooksService } =
-        '@kit/billing-gateway'
+        await import('@kit/billing-gateway');
-      );
 
       const service = createBillingWebhooksService();
 

packages/database-webhooks/src/server/services/verifier/index.ts

@@ -4,9 +4,8 @@ const WEBHOOK_SENDER_PROVIDER =
 export async function getDatabaseWebhookVerifier() {
   switch (WEBHOOK_SENDER_PROVIDER) {
     case 'postgres': {
-      const { createDatabaseWebhookVerifierService } = await import(
+      const { createDatabaseWebhookVerifierService } =
-        './postgres-database-webhook-verifier.service'
+        await import('./postgres-database-webhook-verifier.service');
-      );
 
       return createDatabaseWebhookVerifierService();
     }

packages/database-webhooks/src/server/services/verifier/postgres-database-webhook-verifier.service.ts

@@ -14,9 +14,7 @@ export function createDatabaseWebhookVerifierService() {
   return new PostgresDatabaseWebhookVerifierService();
 }
 
-class PostgresDatabaseWebhookVerifierService
+class PostgresDatabaseWebhookVerifierService implements DatabaseWebhookVerifierService {
-  implements DatabaseWebhookVerifierService
-{
   verifySignatureOrThrow(header: string) {
     if (header !== webhooksSecret) {
       throw new Error('Invalid signature');

packages/features/accounts/package.json

@@ -38,12 +38,12 @@
     "@tanstack/react-query": "catalog:",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "next": "catalog:",
     "next-themes": "0.4.6",
     "react": "catalog:",
     "react-dom": "19.2.0",
-    "react-hook-form": "^7.66.1",
+    "react-hook-form": "^7.67.0",
     "react-i18next": "^16.3.5",
     "zod": "catalog:"
   },

packages/features/admin/package.json

@@ -24,11 +24,11 @@
     "@tanstack/react-query": "catalog:",
     "@tanstack/react-table": "^8.21.3",
     "@types/react": "catalog:",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "next": "catalog:",
     "react": "catalog:",
     "react-dom": "19.2.0",
-    "react-hook-form": "^7.66.1",
+    "react-hook-form": "^7.67.0",
     "zod": "catalog:"
   },
   "exports": {

packages/features/auth/package.json

@@ -32,9 +32,9 @@
     "@supabase/supabase-js": "catalog:",
     "@tanstack/react-query": "catalog:",
     "@types/react": "catalog:",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "next": "catalog:",
-    "react-hook-form": "^7.66.1",
+    "react-hook-form": "^7.67.0",
     "react-i18next": "^16.3.5",
     "sonner": "^2.0.7",
     "zod": "catalog:"

packages/features/notifications/package.json

@@ -22,7 +22,7 @@
     "@supabase/supabase-js": "catalog:",
     "@tanstack/react-query": "catalog:",
     "@types/react": "catalog:",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "react": "catalog:",
     "react-dom": "19.2.0",
     "react-i18next": "^16.3.5"

packages/features/team-accounts/package.json

@@ -43,11 +43,11 @@
     "@types/react-dom": "catalog:",
     "class-variance-authority": "^0.7.1",
     "date-fns": "^4.1.0",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "next": "catalog:",
     "react": "catalog:",
     "react-dom": "19.2.0",
-    "react-hook-form": "^7.66.1",
+    "react-hook-form": "^7.67.0",
     "react-i18next": "^16.3.5",
     "zod": "catalog:"
   },

packages/i18n/package.json

@@ -27,7 +27,7 @@
     "react-i18next": "^16.3.5"
   },
   "dependencies": {
-    "i18next": "25.6.3",
+    "i18next": "25.7.1",
     "i18next-browser-languagedetector": "8.2.0",
     "i18next-resources-to-backend": "^1.2.1"
   },

packages/mailers/nodemailer/package.json

@@ -13,7 +13,7 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "nodemailer": "^7.0.10"
+    "nodemailer": "^7.0.11"
   },
   "devDependencies": {
     "@kit/eslint-config": "workspace:*",

packages/mcp-server/package.json

@@ -24,7 +24,7 @@
   "devDependencies": {
     "@kit/prettier-config": "workspace:*",
     "@kit/tsconfig": "workspace:*",
-    "@modelcontextprotocol/sdk": "1.22.0",
+    "@modelcontextprotocol/sdk": "1.24.1",
     "@types/node": "catalog:",
     "postgres": "3.4.7",
     "zod": "catalog:"

packages/monitoring/sentry/package.json

@@ -16,7 +16,7 @@
     "./config/server": "./src/sentry.client.server.ts"
   },
   "dependencies": {
-    "@sentry/nextjs": "^10.26.0"
+    "@sentry/nextjs": "^10.28.0"
   },
   "devDependencies": {
     "@kit/eslint-config": "workspace:*",

packages/monitoring/sentry/src/services/sentry-monitoring.service.ts

@@ -49,17 +49,15 @@ export class SentryMonitoringService implements MonitoringService {
       process.env.NEXT_PUBLIC_SENTRY_ENVIRONMENT ?? process.env.VERCEL_ENV;
 
     if (typeof document !== 'undefined') {
-      const { initializeSentryBrowserClient } = await import(
+      const { initializeSentryBrowserClient } =
-        '../sentry.client.config'
+        await import('../sentry.client.config');
-      );
 
       initializeSentryBrowserClient({
         environment,
       });
     } else {
-      const { initializeSentryServerClient } = await import(
+      const { initializeSentryServerClient } =
-        '../sentry.server.config'
+        await import('../sentry.server.config');
-      );
 
       initializeSentryServerClient({
         environment,

packages/otp/package.json

@@ -30,7 +30,7 @@
     "@types/react-dom": "catalog:",
     "react": "catalog:",
     "react-dom": "19.2.0",
-    "react-hook-form": "^7.66.1",
+    "react-hook-form": "^7.67.0",
     "zod": "catalog:"
   },
   "typesVersions": {

packages/supabase/package.json

@@ -25,7 +25,7 @@
     "@kit/eslint-config": "workspace:*",
     "@kit/prettier-config": "workspace:*",
     "@kit/tsconfig": "workspace:*",
-    "@supabase/ssr": "^0.7.0",
+    "@supabase/ssr": "^0.8.0",
     "@supabase/supabase-js": "catalog:",
     "@tanstack/react-query": "catalog:",
     "@types/node": "catalog:",

packages/ui/package.json

@@ -14,7 +14,7 @@
     "clsx": "^2.1.1",
     "cmdk": "1.1.1",
     "input-otp": "1.4.2",
-    "lucide-react": "^0.554.0",
+    "lucide-react": "^0.555.0",
     "radix-ui": "1.4.3",
     "react-dropzone": "^14.3.8",
     "react-top-loading-bar": "3.0.2",
@@ -35,9 +35,9 @@
     "eslint": "^9.39.1",
     "next": "catalog:",
     "next-themes": "0.4.6",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.4",
-    "react-day-picker": "^9.11.2",
+    "react-day-picker": "^9.11.3",
-    "react-hook-form": "^7.66.1",
+    "react-hook-form": "^7.67.0",
     "react-i18next": "^16.3.5",
     "sonner": "^2.0.7",
     "tailwindcss": "catalog:",

packages/ui/src/makerkit/marketing/newsletter-signup-container.tsx

@@ -8,8 +8,7 @@ import { Heading } from '../../shadcn/heading';
 import { Spinner } from '../spinner';
 import { NewsletterSignup } from './newsletter-signup';
 
-interface NewsletterSignupContainerProps
+interface NewsletterSignupContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-  extends React.HTMLAttributes<HTMLDivElement> {
   onSignup: (email: string) => Promise<void>;
   heading?: string;
   description?: string;

packages/ui/src/shadcn/badge.tsx

@@ -25,7 +25,8 @@ const badgeVariants = cva(
 );
 
 export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {

packages/ui/src/shadcn/button.tsx

@@ -37,7 +37,8 @@ const buttonVariants = cva(
 );
 
 export interface ButtonProps
-  extends React.ComponentPropsWithRef<'button'>,
+  extends
+    React.ComponentPropsWithRef<'button'>,
     VariantProps<typeof buttonVariants> {
   asChild?: boolean;
 }

packages/ui/src/shadcn/sheet.tsx

@@ -49,7 +49,8 @@ const sheetVariants = cva(
 );
 
 interface SheetContentProps
-  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+  extends
+    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
     VariantProps<typeof sheetVariants> {}
 
 const SheetContent: React.FC<SheetContentProps> = ({

pnpm-workspace.yaml

@@ -4,18 +4,18 @@ packages:
   - tooling/*
 
 catalog:
-  '@next/bundle-analyzer': 16.0.2
+  '@next/bundle-analyzer': 16.0.6
-  '@next/eslint-plugin-next': 16.0.2
+  '@next/eslint-plugin-next': 16.0.6
-  '@supabase/supabase-js': 2.84.0
+  '@supabase/supabase-js': 2.86.0
   '@tailwindcss/postcss': 4.1.17
-  '@tanstack/react-query': 5.90.10
+  '@tanstack/react-query': 5.90.11
   '@types/node': 24.10.1
-  '@types/react': 19.2.6
+  '@types/react': 19.2.7
   '@types/react-dom': 19.2.3
-  eslint-config-next: 16.0.3
+  eslint-config-next: 16.0.6
-  next: 16.0.2
+  next: 16.0.6
   react: 19.2.0
-  supabase: 2.58.5
+  supabase: 2.65.2
   tailwindcss: 4.1.17
   tw-animate-css: 1.4.0
   zod: 3.25.74

tooling/prettier/package.json

@@ -10,8 +10,8 @@
   },
   "dependencies": {
     "@trivago/prettier-plugin-sort-imports": "6.0.0",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.4",
-    "prettier-plugin-tailwindcss": "^0.7.1"
+    "prettier-plugin-tailwindcss": "^0.7.2"
   },
   "devDependencies": {
     "@kit/tsconfig": "workspace:*",