Removed shamefully-hoist and updated all packages to respect that

2024-04-10 01:45:03 +08:00
parent 9e1199f3f4
commit f729bf6077
33 changed files with 1504 additions and 1470 deletions
--- a/.npmrc
+++ b/.npmrc
@@ -1,4 +1,3 @@
-shamefully-hoist=true
 peer-legacy-deps=true
 dedupe-peer-dependencies=true
 use-lockfile-v6=true
--- a/apps/web/app/auth/password-reset/page.tsx
+++ b/apps/web/app/auth/password-reset/page.tsx
@@ -10,10 +10,10 @@ import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
 import { withI18n } from '~/lib/i18n/with-i18n';

 export const generateMetadata = async () => {
-  const i18n = await createI18nServerInstance();
+  const { t } = await createI18nServerInstance();

  return {
-    title: i18n.t('auth:passwordResetLabel'),
+    title: t('auth:passwordResetLabel'),
  };
 };

--- a/apps/web/config/auth.config.ts
+++ b/apps/web/config/auth.config.ts
@@ -1,4 +1,4 @@
-import type { Provider } from '@supabase/gotrue-js';
+import type { Provider } from '@supabase/supabase-js';

 import { z } from 'zod';

--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -38,26 +38,25 @@
    "@makerkit/data-loader-supabase-nextjs": "^0.0.9",
    "@marsidev/react-turnstile": "^0.5.4",
    "@radix-ui/react-icons": "^1.3.0",
-    "@supabase/ssr": "^0.1.0",
+    "@supabase/ssr": "^0.3.0",
    "@supabase/supabase-js": "^2.42.0",
    "@tanstack/react-query": "5.28.6",
-    "@tanstack/react-query-next-experimental": "^5.28.14",
+    "@tanstack/react-query-next-experimental": "^5.29.0",
    "@tanstack/react-table": "^8.15.3",
    "date-fns": "^3.6.0",
    "edge-csrf": "^1.0.9",
-    "i18next": "^23.10.1",
+    "i18next": "^23.11.0",
    "i18next-resources-to-backend": "^1.2.0",
    "lucide-react": "^0.363.0",
-    "next": "14.2.0-canary.62",
+    "next": "14.2.0-canary.63",
    "next-sitemap": "^4.2.3",
    "next-themes": "0.3.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-hook-form": "^7.51.2",
    "react-i18next": "^14.1.0",
-    "recharts": "^2.12.3",
+    "recharts": "^2.12.4",
    "sonner": "^1.4.41",
-    "tailwindcss-animate": "^1.0.7",
    "zod": "^3.22.4"
  },
  "devDependencies": {
@@ -68,7 +67,7 @@
    "@next/bundle-analyzer": "14.2.0-canary.54",
    "@types/mdx": "^2.0.12",
    "@types/node": "^20.12.3",
-    "@types/react": "^18.2.73",
+    "@types/react": "^18.2.75",
    "@types/react-dom": "^18.2.22",
    "autoprefixer": "^10.4.19",
    "dotenv-cli": "^7.4.1",
--- a/apps/web/public/locales/en/admin.json
+++ b/apps/web/public/locales/en/admin.json
@@ -1 +0,0 @@
-{}
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
    "pnpm": "^8.15.6",
    "prettier": "^3.2.5",
    "turbo": "^1.13.2",
+    "typescript": "^5.4.3",
    "yarn": "^1.22.22"
  }
 }
--- a/packages/billing/gateway/package.json
+++ b/packages/billing/gateway/package.json
@@ -21,7 +21,12 @@
    "@kit/supabase": "^0.1.0",
    "@kit/ui": "0.1.0",
    "@supabase/supabase-js": "^2.42.0",
+    "date-fns": "^3.6.0",
    "lucide-react": "^0.363.0",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-hook-form": "^7.51.2",
+    "react-i18next": "^14.1.0",
    "zod": "^3.22.4"
  },
  "devDependencies": {
@@ -37,7 +42,13 @@
    "@kit/tsconfig": "workspace:*",
    "@kit/ui": "workspace:^",
    "@supabase/supabase-js": "^2.42.0",
+    "@types/react": "^18.2.75",
+    "date-fns": "^3.6.0",
    "lucide-react": "^0.363.0",
+    "next": "14.2.0-canary.63",
+    "react": "18.2.0",
+    "react-hook-form": "^7.51.2",
+    "react-i18next": "^14.1.0",
    "zod": "^3.22.4"
  },
  "eslintConfig": {
--- a/packages/billing/lemon-squeezy/package.json
+++ b/packages/billing/lemon-squeezy/package.json
@@ -17,7 +17,9 @@
    "@kit/billing": "0.1.0",
    "@kit/shared": "0.1.0",
    "@kit/supabase": "0.1.0",
-    "@kit/ui": "0.1.0"
+    "@kit/ui": "0.1.0",
+    "react": "^18.2.0",
+    "zod": "^3.22.4"
  },
  "dependencies": {
    "@lemonsqueezy/lemonsqueezy.js": "2.2.0"
@@ -30,7 +32,10 @@
    "@kit/supabase": "workspace:^",
    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@kit/ui": "workspace:^"
+    "@kit/ui": "workspace:^",
+    "@types/react": "^18.2.75",
+    "react": "18.2.0",
+    "zod": "^3.22.4"
  },
  "eslintConfig": {
    "root": true,
--- a/packages/billing/stripe/package.json
+++ b/packages/billing/stripe/package.json
@@ -18,7 +18,10 @@
    "@kit/billing": "0.1.0",
    "@kit/shared": "0.1.0",
    "@kit/supabase": "0.1.0",
-    "@kit/ui": "0.1.0"
+    "@kit/ui": "0.1.0",
+    "date-fns": "^3.6.0",
+    "react": "^18.2.0",
+    "zod": "^3.22.4"
  },
  "dependencies": {
    "@stripe/react-stripe-js": "^2.6.2",
@@ -33,7 +36,11 @@
    "@kit/supabase": "workspace:^",
    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@kit/ui": "workspace:^"
+    "@kit/ui": "workspace:^",
+    "@types/react": "^18.2.75",
+    "date-fns": "^3.6.0",
+    "react": "18.2.0",
+    "zod": "^3.22.4"
  },
  "eslintConfig": {
    "root": true,
--- a/packages/cms/contentlayer/package.json
+++ b/packages/cms/contentlayer/package.json
@@ -28,7 +28,8 @@
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@kit/ui": "*"
+    "@kit/ui": "*",
+    "mdx": "0.3.1"
  },
  "eslintConfig": {
    "root": true,
--- a/packages/cms/contentlayer/src/mdx-renderer.tsx
+++ b/packages/cms/contentlayer/src/mdx-renderer.tsx
@@ -1,16 +1,7 @@
-import type { MDXComponents as MDXComponentsType } from 'mdx/types';
 import { getMDXComponent } from 'next-contentlayer/hooks';

-import { MDXComponents } from '@kit/ui/mdx-components';
-
-export function Mdx({
-  code,
-}: React.PropsWithChildren<{
-  code: string;
-}>) {
+export function Mdx({ code }: { code: string }) {
  const Component = getMDXComponent(code);

-  return (
-    <Component components={MDXComponents as unknown as MDXComponentsType} />
-  );
+  return <Component />;
 }
--- a/packages/features/accounts/package.json
+++ b/packages/features/accounts/package.json
@@ -14,34 +14,56 @@
    "./personal-account-settings": "./src/components/personal-account-settings/index.ts",
    "./hooks/*": "./src/hooks/*.ts"
  },
+  "dependencies": {
+    "nanoid": "^5.0.7"
+  },
  "devDependencies": {
    "@hookform/resolvers": "^3.3.4",
-    "@kit/billing-gateway": "workspace:^",
-    "@kit/email-templates": "workspace:^",
+    "@kit/billing-gateway": "*",
+    "@kit/email-templates": "*",
    "@kit/eslint-config": "workspace:*",
-    "@kit/mailers": "workspace:^",
+    "@kit/mailers": "*",
    "@kit/prettier-config": "workspace:*",
-    "@kit/shared": "workspace:^",
-    "@kit/supabase": "workspace:^",
+    "@kit/shared": "*",
+    "@kit/supabase": "*",
    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@kit/ui": "workspace:^",
+    "@kit/ui": "*",
    "@radix-ui/react-icons": "^1.3.0",
+    "@supabase/supabase-js": "^2.42.0",
    "@tanstack/react-query": "5.28.6",
+    "@types/react": "^18.2.75",
+    "@types/react-dom": "^18.2.22",
    "lucide-react": "^0.363.0",
+    "next": "14.2.0-canary.63",
    "next-themes": "0.3.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
    "react-hook-form": "^7.51.2",
    "react-i18next": "^14.1.0",
    "sonner": "^1.4.41",
    "zod": "^3.22.4"
  },
  "peerDependencies": {
+    "@hookform/resolvers": "^3.3.4",
+    "@kit/billing-gateway": "workspace:^",
+    "@kit/email-templates": "workspace:^",
+    "@kit/mailers": "workspace:^",
    "@kit/shared": "0.1.0",
    "@kit/supabase": "0.1.0",
-    "@kit/ui": "0.1.0",
+    "@kit/ui": "workspace:^",
    "@radix-ui/react-icons": "^1.3.0",
+    "@supabase/supabase-js": "^2.42.0",
+    "@tanstack/react-query": "5.28.6",
    "lucide-react": "^0.363.0",
-    "sonner": "^1.4.41"
+    "next": "^14.1.4",
+    "next-themes": "0.3.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.51.2",
+    "react-i18next": "^14.1.0",
+    "sonner": "^1.4.41",
+    "zod": "^3.22.4"
  },
  "prettier": "@kit/prettier-config",
  "eslintConfig": {
--- a/packages/features/accounts/src/components/personal-account-settings/email/update-email-form.tsx
+++ b/packages/features/accounts/src/components/personal-account-settings/email/update-email-form.tsx
@@ -1,6 +1,6 @@
 'use client';

-import type { User } from '@supabase/gotrue-js';
+import type { User } from '@supabase/supabase-js';

 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
--- a/packages/features/accounts/src/components/personal-account-settings/mfa/multi-factor-auth-list.tsx
+++ b/packages/features/accounts/src/components/personal-account-settings/mfa/multi-factor-auth-list.tsx
@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';

-import type { Factor } from '@supabase/gotrue-js';
+import type { Factor } from '@supabase/supabase-js';

 import { ExclamationTriangleIcon } from '@radix-ui/react-icons';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
--- 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
@@ -2,7 +2,7 @@

 import { useState } from 'react';

-import type { User } from '@supabase/gotrue-js';
+import type { User } from '@supabase/supabase-js';

 import { zodResolver } from '@hookform/resolvers/zod';
 import { ExclamationTriangleIcon } from '@radix-ui/react-icons';
--- a/packages/features/admin/package.json
+++ b/packages/features/admin/package.json
@@ -16,7 +16,11 @@
    "@kit/ui": "workspace:*",
    "@makerkit/data-loader-supabase-core": "^0.0.7",
    "@makerkit/data-loader-supabase-nextjs": "^0.0.9",
+    "@tanstack/react-query": "^5.29.0",
+    "@tanstack/react-table": "^8.15.3",
    "lucide-react": "^0.363.0",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
    "react-hook-form": "^7.51.2",
    "zod": "^3.22.4"
  },
@@ -32,7 +36,12 @@
    "@makerkit/data-loader-supabase-core": "^0.0.7",
    "@makerkit/data-loader-supabase-nextjs": "^0.0.9",
    "@supabase/supabase-js": "^2.42.0",
+    "@tanstack/react-query": "5.28.6",
+    "@tanstack/react-table": "^8.15.3",
+    "@types/react": "^18.2.75",
    "lucide-react": "^0.363.0",
+    "next": "14.2.0-canary.63",
+    "react": "18.2.0",
    "react-hook-form": "^7.51.2",
    "zod": "^3.22.4"
  },
--- a/packages/features/auth/package.json
+++ b/packages/features/auth/package.json
@@ -21,14 +21,35 @@
    "@hookform/resolvers": "^3.3.4",
    "@kit/eslint-config": "workspace:*",
    "@kit/prettier-config": "workspace:*",
-    "@kit/shared": "workspace:*",
-    "@kit/supabase": "workspace:*",
+    "@kit/shared": "*",
+    "@kit/supabase": "*",
    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
+    "@kit/ui": "*",
+    "@marsidev/react-turnstile": "^0.5.4",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@supabase/supabase-js": "^2.42.0",
+    "@tanstack/react-query": "5.28.6",
+    "@types/react": "^18.2.75",
+    "lucide-react": "^0.363.0",
+    "next": "14.2.0-canary.63",
+    "react-hook-form": "^7.51.2",
+    "react-i18next": "^14.1.0",
+    "sonner": "^1.4.41",
+    "zod": "^3.22.4"
+  },
+  "peerDependencies": {
+    "@hookform/resolvers": "^3.3.4",
+    "@kit/shared": "workspace:*",
+    "@kit/supabase": "workspace:*",
    "@kit/ui": "workspace:*",
    "@marsidev/react-turnstile": "^0.5.4",
    "@radix-ui/react-icons": "^1.3.0",
+    "@supabase/supabase-js": "^2.42.0",
    "@tanstack/react-query": "5.28.6",
+    "lucide-react": "^0.363.0",
+    "next": "^14.1.4",
+    "react-hook-form": "^7.51.2",
    "react-i18next": "^14.1.0",
    "sonner": "^1.4.41",
    "zod": "^3.22.4"
--- a/packages/features/team-accounts/package.json
+++ b/packages/features/team-accounts/package.json
@@ -12,33 +12,54 @@
    "./components": "./src/components/index.ts",
    "./webhooks": "./src/server/services/webhooks/index.ts"
  },
+  "dependencies": {
+    "nanoid": "^5.0.7"
+  },
  "devDependencies": {
    "@hookform/resolvers": "^3.3.4",
-    "@kit/accounts": "workspace:^",
+    "@kit/accounts": "*",
    "@kit/billing-gateway": "workspace:*",
-    "@kit/email-templates": "workspace:^",
+    "@kit/email-templates": "*",
    "@kit/eslint-config": "workspace:*",
-    "@kit/mailers": "workspace:^",
+    "@kit/mailers": "*",
    "@kit/prettier-config": "workspace:*",
-    "@kit/shared": "workspace:^",
-    "@kit/supabase": "workspace:^",
+    "@kit/shared": "*",
+    "@kit/supabase": "*",
    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@kit/ui": "workspace:^",
+    "@kit/ui": "*",
    "@supabase/supabase-js": "^2.42.0",
    "@tanstack/react-query": "5.28.6",
+    "@tanstack/react-table": "^8.15.3",
+    "@types/react": "^18.2.75",
+    "@types/react-dom": "^18.2.22",
+    "class-variance-authority": "^0.7.0",
+    "date-fns": "^3.6.0",
    "lucide-react": "^0.363.0",
-    "react-i18next": "^14.1.0"
+    "next": "14.2.0-canary.63",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-hook-form": "^7.51.2",
+    "react-i18next": "^14.1.0",
+    "sonner": "^1.4.41",
+    "zod": "^3.22.4"
  },
  "peerDependencies": {
+    "@hookform/resolvers": "^3.3.4",
    "@kit/accounts": "0.1.0",
    "@kit/email-templates": "0.1.0",
    "@kit/mailers": "0.1.0",
    "@kit/shared": "0.1.0",
    "@kit/supabase": "0.1.0",
-    "@kit/ui": "0.1.0",
+    "@kit/ui": "workspace:^",
    "@supabase/supabase-js": "^2.42.0",
-    "lucide-react": "^0.363.0"
+    "@tanstack/react-query": "5.28.6",
+    "lucide-react": "^0.363.0",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-hook-form": "^7.51.2",
+    "react-i18next": "^14.1.0",
+    "zod": "^3.22.4"
  },
  "prettier": "@kit/prettier-config",
  "eslintConfig": {
--- a/packages/i18n/package.json
+++ b/packages/i18n/package.json
@@ -20,7 +20,7 @@
    "@kit/shared": "workspace:^",
    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "i18next": "^23.10.1",
+    "i18next": "^23.11.0",
    "i18next-browser-languagedetector": "7.2.0",
    "i18next-resources-to-backend": "^1.2.0",
    "react-i18next": "^14.1.0"
--- a/packages/i18n/src/i18n-provider.tsx
+++ b/packages/i18n/src/i18n-provider.tsx
@@ -26,16 +26,12 @@ export function I18nProvider({

 async function withI18nClient(lang: string, resolver: Resolver) {
  if (typeof window !== 'undefined') {
-    client = await loadClientI18n(lang, resolver);
+    const { initializeI18nClient } = await import('./i18n.client');
+
+    client = await initializeI18nClient(lang, resolver);
  } else {
    const { initializeServerI18n } = await import('./i18n.server');

    client = await initializeServerI18n(lang, resolver);
  }
 }
-
-async function loadClientI18n(lang: string | undefined, resolver: Resolver) {
-  const { initializeI18nClient } = await import('./i18n.client');
-
-  return initializeI18nClient(lang, resolver);
-}
--- a/packages/i18n/src/i18n.client.ts
+++ b/packages/i18n/src/i18n.client.ts
@@ -5,19 +5,17 @@ import { initReactI18next } from 'react-i18next';

 import { I18N_COOKIE_NAME, getI18nSettings } from './i18n.settings';

-let promise: Promise<i18n>;
-
 export function initializeI18nClient(
  lng: string | undefined,
  i18nResolver: (lang: string, namespace: string) => Promise<object>,
 ): Promise<i18n> {
  const settings = getI18nSettings(lng);

-  if (promise !== undefined) {
-    return promise;
+  if (i18next.isInitialized) {
+    return Promise.resolve(i18next);
  }

-  promise = new Promise<i18n>((resolve, reject) => {
+  return new Promise<i18n>((resolve, reject) => {
    void i18next
      .use(initReactI18next)
      .use(
@@ -49,6 +47,4 @@ export function initializeI18nClient(
        },
      );
  });
-
-  return promise;
 }
--- a/packages/i18n/src/i18n.server.ts
+++ b/packages/i18n/src/i18n.server.ts
@@ -17,6 +17,11 @@ export async function initializeServerI18n(
  i18nResolver: (language: string, namespace: string) => Promise<object>,
 ) {
  const i18nInstance = createInstance();
+
+  if (i18nInstance.isInitialized) {
+    return i18nInstance;
+  }
+
  const settings = getI18nSettings(lang);

  await i18nInstance
--- a/packages/i18n/src/i18n.settings.ts
+++ b/packages/i18n/src/i18n.settings.ts
@@ -19,7 +19,6 @@ export const defaultI18nNamespaces = [
  'teams',
  'billing',
  'marketing',
-  'admin',
 ];

 export function getI18nSettings(
--- a/packages/mailers/package.json
+++ b/packages/mailers/package.json
@@ -21,7 +21,8 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
-    "@types/nodemailer": "6.4.14"
+    "@types/nodemailer": "6.4.14",
+    "zod": "^3.22.4"
  },
  "eslintConfig": {
    "root": true,
--- a/packages/monitoring/sentry/package.json
+++ b/packages/monitoring/sentry/package.json
@@ -16,6 +16,9 @@
    "./config/edge": "./src/config/sentry.server.edge.ts"
  },
  "dependencies": {
+    "@opentelemetry/resources": "1.23.0",
+    "@opentelemetry/sdk-node": "0.50.0",
+    "@opentelemetry/semantic-conventions": "^1.23.0",
    "@sentry/nextjs": "^7.109.0",
    "@sentry/opentelemetry-node": "^7.109.0"
  },
--- a/packages/monitoring/sentry/src/index.ts
+++ b/packages/monitoring/sentry/src/index.ts
@@ -28,7 +28,6 @@ export async function registerSentryInstrumentation() {
    resource: new Resource({
      [SEMRESATTRS_SERVICE_NAME]: INSTRUMENTATION_SERVICE_NAME,
    }),
-    // @ts-expect-error: an error in the lib
    spanProcessor: new SentrySpanProcessor(),
    textMapPropagator: new SentryPropagator(),
  });
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -15,7 +15,10 @@
  },
  "peerDependencies": {
    "@kit/auth": "workspace:*",
-    "@kit/supabase": "workspace:*"
+    "@kit/supabase": "workspace:*",
+    "@supabase/supabase-js": "^2.42.0",
+    "next": "^14.1.4",
+    "zod": "^3.22.4"
  },
  "devDependencies": {
    "@kit/auth": "*",
@@ -23,7 +26,10 @@
    "@kit/prettier-config": "workspace:*",
    "@kit/supabase": "*",
    "@kit/tailwind-config": "workspace:*",
-    "@kit/tsconfig": "workspace:*"
+    "@kit/tsconfig": "workspace:*",
+    "@supabase/supabase-js": "^2.42.0",
+    "next": "14.2.0-canary.63",
+    "zod": "^3.22.4"
  },
  "eslintConfig": {
    "root": true,
--- a/packages/supabase/package.json
+++ b/packages/supabase/package.json
@@ -29,15 +29,22 @@
    "@kit/tailwind-config": "workspace:*",
    "@kit/tsconfig": "workspace:*",
    "@supabase/gotrue-js": "2.62.2",
-    "@supabase/ssr": "^0.1.0",
+    "@supabase/ssr": "^0.3.0",
    "@supabase/supabase-js": "^2.42.0",
-    "@tanstack/react-query": "5.28.6"
+    "@tanstack/react-query": "5.28.6",
+    "@types/react": "^18.2.75",
+    "next": "14.2.0-canary.63",
+    "react": "18.2.0",
+    "zod": "^3.22.4"
  },
  "peerDependencies": {
    "@epic-web/invariant": "^1.0.0",
    "@supabase/ssr": "^0.1.0",
    "@supabase/supabase-js": "^2.42.0",
-    "@tanstack/react-query": "^5.28.6"
+    "@tanstack/react-query": "^5.28.6",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "zod": "^3.22.4"
  },
  "eslintConfig": {
    "root": true,
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -39,6 +39,8 @@
    "class-variance-authority": "^0.7.0",
    "date-fns": "^3.2.0",
    "lucide-react": "^0.366.0",
+    "next": "^14.1.4",
+    "next-themes": "^0.3.0",
    "react-hook-form": "^7.51.2",
    "react-i18next": "^14.1.0",
    "sonner": "^1.4.41",
@@ -51,12 +53,14 @@
    "@kit/tsconfig": "workspace:*",
    "@radix-ui/react-icons": "^1.3.0",
    "@tanstack/react-table": "^8.15.3",
-    "@types/react": "^18.2.73",
+    "@types/react": "^18.2.75",
    "@types/react-dom": "^18.2.22",
    "class-variance-authority": "^0.7.0",
    "date-fns": "^3.6.0",
    "eslint": "^8.57.0",
    "lucide-react": "^0.363.0",
+    "next": "14.2.0-canary.63",
+    "next-themes": "0.3.0",
    "prettier": "^3.2.5",
    "react-day-picker": "^8.10.0",
    "react-hook-form": "^7.51.2",
@@ -119,7 +123,6 @@
    "./auth-change-listener": "./src/makerkit/auth-change-listener.tsx",
    "./loading-overlay": "./src/makerkit/loading-overlay.tsx",
    "./profile-avatar": "./src/makerkit/profile-avatar.tsx",
-    "./mdx-components": "./src/makerkit/mdx-components.tsx",
    "./mode-toggle": "./src/makerkit/mode-toggle.tsx",
    "./enhanced-data-table": "./src/makerkit/data-table.tsx"
  },
--- a/packages/ui/src/makerkit/mdx-components.tsx
+++ b/packages/ui/src/makerkit/mdx-components.tsx
@@ -1,80 +0,0 @@
-import { forwardRef } from 'react';
-
-import Image from 'next/image';
-
-import { cn } from '../utils';
-import { LazyRender } from './lazy-render';
-
-const NextImage: React.FC<{
-  width: number;
-  height: number;
-  src: string;
-  alt: string;
-  class?: string;
-}> = (props) => {
-  const className = cn(props.class, `object-cover`);
-
-  return <Image className={className} src={props.src} alt={props.alt} />;
-};
-
-const ExternalLink = forwardRef<
-  React.ElementRef<'a'>,
-  React.AnchorHTMLAttributes<unknown>
->(function ExternalLink(props, ref) {
-  const href = props.href ?? '';
-  const isRoot = href === '/';
-
-  const isInternalLink =
-    isRoot || href.startsWith(process.env.NEXT_PUBLIC_SITE_URL!);
-
-  if (isInternalLink) {
-    return (
-      <a {...props} ref={ref} href={href}>
-        {props.children}
-      </a>
-    );
-  }
-
-  return (
-    <a
-      href={href}
-      ref={ref}
-      {...props}
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      {props.children}
-    </a>
-  );
-});
-
-const Video: React.FC<{
-  src: string;
-  width?: string;
-  type?: string;
-}> = ({ src, type, width }) => {
-  const useType = type ?? 'video/mp4';
-
-  return (
-    <LazyRender rootMargin={'-200px 0px'}>
-      <video
-        className="my-4"
-        width={width ?? `100%`}
-        height="auto"
-        playsInline
-        autoPlay
-        muted
-        loop
-      >
-        <source src={src} type={useType} />
-      </video>
-    </LazyRender>
-  );
-};
-
-export const MDXComponents = {
-  img: NextImage,
-  a: ExternalLink,
-  Video,
-  Image: NextImage,
-};
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/tooling/tailwind/index.ts
+++ b/tooling/tailwind/index.ts
@@ -1,4 +1,5 @@
 import type { Config } from 'tailwindcss';
+import tailwindCssAnimate from 'tailwindcss-animate';
 import { fontFamily } from 'tailwindcss/defaultTheme';

 export default {
@@ -109,5 +110,5 @@ export default {
      },
    },
  },
-  plugins: [require('tailwindcss-animate')],
+  plugins: [tailwindCssAnimate],
 } satisfies Config;
--- a/tooling/tailwind/package.json
+++ b/tooling/tailwind/package.json
@@ -16,7 +16,8 @@
  "dependencies": {
    "autoprefixer": "^10.4.19",
    "postcss": "8.4.33",
-    "tailwindcss": "3.4.1"
+    "tailwindcss": "3.4.1",
+    "tailwindcss-animate": "^1.0.7"
  },
  "devDependencies": {
    "@kit/eslint-config": "workspace:^",