{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"theme-toggle","type":"registry:ui","title":"Theme Toggle","description":"A sun/moon button that flips the whole page between dark and light with a View Transition reveal from the button, as a circle or staggered slats.","author":"GetUrUI ","dependencies":["motion","lucide-react"],"registryDependencies":[],"files":[{"path":"registry/geturui/ui/theme-toggle.tsx","type":"registry:ui","target":"components/ui/theme-toggle.tsx","content":"\"use client\";\n\nimport * as React from \"react\";\nimport { AnimatePresence, motion, useReducedMotion } from \"motion/react\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\nexport type Theme = \"dark\" | \"light\";\n\nconst STORAGE_KEY = \"theme\";\n\n/**\n * Inline this in (e.g. `