Installs Tailwind CSS v3, postcss, autoprefixer, next-themes, lucide-react, clsx, tailwind-merge, class-variance-authority, sonner, and tailwindcss-animate. Creates tailwind.config.ts, postcss.config.mjs, components.json, src/lib/utils.ts (cn helper), replaces globals.css with CSS variable theme, adds suppressHydrationWarning to html element, and replaces MUI ThemeProvider with next-themes ThemeProvider + sonner Toaster. MUI remains installed. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
15 lines
413 B
TypeScript
15 lines
413 B
TypeScript
"use client";
|
|
|
|
import { ReactNode } from "react";
|
|
import { ThemeProvider } from "next-themes";
|
|
import { Toaster } from "sonner";
|
|
|
|
export default function Providers({ children }: { children: ReactNode }) {
|
|
return (
|
|
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
|
|
{children}
|
|
<Toaster richColors position="bottom-right" />
|
|
</ThemeProvider>
|
|
);
|
|
}
|