{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "theme-toggle",
  "title": "Theme Toggle",
  "description": "A dark/light mode toggle button that uses the theme provider.",
  "registryDependencies": [
    "button",
    "@hoogin/theme-provider"
  ],
  "files": [
    {
      "path": "registry/ui/theme-toggle.tsx",
      "content": "import { MoonIcon, SunIcon } from \"lucide-react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { useTheme } from \"@/hoogin/ui/theme-provider\"\n\nexport function ThemeToggle() {\n  const { theme, setTheme } = useTheme()\n\n  const isDark =\n    theme === \"dark\" ||\n    (theme === \"system\" &&\n      window.matchMedia(\"(prefers-color-scheme: dark)\").matches)\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon\"\n      aria-label={isDark ? \"Switch to light mode\" : \"Switch to dark mode\"}\n      onClick={() => setTheme(isDark ? \"light\" : \"dark\")}\n    >\n      {isDark ? <SunIcon /> : <MoonIcon />}\n    </Button>\n  )\n}\n",
      "type": "registry:ui",
      "target": "hoogin/ui/theme-toggle.tsx"
    }
  ],
  "type": "registry:ui"
}