{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"ui-sonner","type":"registry:component","title":"Sonner","description":"Theme-aware toast notifications powered by sonner.","version":"1.0.0","status":"ga","registryDependencies":["sonner","next-themes"],"files":[{"path":"src/components/ui/sonner.tsx","type":"registry:component","content":"'use client'\n\nimport { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon } from 'lucide-react'\nimport { useTheme } from 'next-themes'\nimport { Toaster as Sonner, type ToasterProps } from 'sonner'\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme()\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className='toaster group'\n      icons={{\n        success: <CircleCheckIcon className='size-4' />,\n        info: <InfoIcon className='size-4' />,\n        warning: <TriangleAlertIcon className='size-4' />,\n        error: <OctagonXIcon className='size-4' />,\n        loading: <Loader2Icon className='size-4 animate-spin' />\n      }}\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n          '--border-radius': 'var(--radius)'\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"}]}