{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"aavya-theme-toggle","type":"registry:component","title":"Aavya Theme Toggle","description":"Persisted light/dark toggle backed by HTML class state.","version":"0.1.0","status":"beta","files":[{"path":"src/components/layout/theme-toggle.tsx","type":"registry:component","content":"'use client'\n\nimport { useTheme } from 'next-themes'\nimport { Moon, Sun } from 'lucide-react'\nimport { Button } from '@/components/ui/button'\n\nexport function ThemeToggle() {\n  const { resolvedTheme, setTheme } = useTheme()\n\n  const handleToggle = () => {\n    setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')\n  }\n\n  const isDark = resolvedTheme === 'dark'\n\n  return (\n    <Button variant=\"ghost\" size=\"icon\" onClick={handleToggle}>\n      {isDark ? <Sun className=\"h-4 w-4\" /> : <Moon className=\"h-4 w-4\" />}\n      <span className=\"sr-only\">Toggle theme</span>\n    </Button>\n  )\n}\n"}]}