wehub-resource-sync
15 lines
1.7 KiB
JSON
15 lines
1.7 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "sonner",
|
|
"dependencies": [
|
|
"sonner"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "components/ui/sonner.tsx",
|
|
"content": "\"use client\"\n\nimport {\n CircleCheckIcon,\n InfoIcon,\n Loader2Icon,\n OctagonXIcon,\n TriangleAlertIcon,\n} from \"lucide-react\"\nimport { useTheme } from \"next-themes\"\nimport { Toaster as Sonner, ToasterProps } from \"sonner\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n const { theme = \"system\" } = useTheme()\n\n return (\n <Sonner\n theme={theme as ToasterProps[\"theme\"]}\n className={cn(\n \"toaster group [&>li]:flex [&>li]:items-start [&>li]:gap-3\"\n )}\n icons={{\n success: (\n <CircleCheckIcon className=\"mt-0.5 size-4 shrink-0 text-green-500\" />\n ),\n info: <InfoIcon className=\"mt-0.5 size-4 shrink-0 text-blue-500\" />,\n warning: (\n <TriangleAlertIcon className=\"mt-0.5 size-4 shrink-0 text-yellow-500\" />\n ),\n error: <OctagonXIcon className=\"mt-0.5 size-4 shrink-0 text-red-500\" />,\n loading: (\n <Loader2Icon className=\"mt-0.5 size-4 shrink-0 animate-spin\" />\n ),\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",
|
|
"type": "registry:ui"
|
|
}
|
|
],
|
|
"type": "registry:ui"
|
|
} |