{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "theme-switcher-classic",
"title": "Theme Switcher Classic",
"description": "A classic theme switcher component with animated sun/moon icons",
"dependencies": [
"next-themes"
],
"registryDependencies": [
"switch"
],
"files": [
{
"path": "registry/default/blocks/theme-switcher/theme-switcher-classic/components/elements/theme-switcher-classic.tsx",
"content": "\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nimport { MoonIcon, SunIcon } from \"lucide-react\";\nimport { useTheme } from \"next-themes\";\n\nimport { Switch } from \"@/components/ui/switch\";\n\nexport function ThemeSwitcherClassic() {\n const { theme, setTheme } = useTheme();\n const [mounted, setMounted] = useState(false);\n\n useEffect(() => {\n setMounted(true);\n }, []);\n\n if (!mounted) {\n return (\n \n );\n }\n\n const toggleTheme = () => {\n setTheme(theme === \"dark\" ? \"light\" : \"dark\");\n };\n\n const isDark = theme === \"dark\";\n\n return (\n \n\n \n \n \n \n );\n}\n",
"type": "registry:component"
},
{
"path": "registry/default/blocks/theme-switcher/theme-switcher-classic/routes/layout.tsx",
"content": "import { Geist, Geist_Mono } from \"next/font/google\";\n\nimport { ThemeProvider } from \"next-themes\";\n\nconst geistSans = Geist({\n variable: \"--font-geist-sans\",\n subsets: [\"latin\"],\n});\n\nconst geistMono = Geist_Mono({\n variable: \"--font-geist-mono\",\n subsets: [\"latin\"],\n});\n\nexport default function RootLayout({\n children,\n}: Readonly<{\n children: React.ReactNode;\n}>) {\n return (\n \n \n \n {children}\n \n \n