{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sonner",
  "type": "registry:ui",
  "dependencies": [
    "solid-sonner"
  ],
  "files": [
    {
      "path": "ui/sonner.tsx",
      "content": "import type { Component } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\n\nimport { Toaster as SolidSonner, type ToasterProps } from \"solid-sonner\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype SonnerProps = ToasterProps & {\n  class?: string\n}\n\nconst Toaster: Component<SonnerProps> = (props) => {\n  const [local, others] = splitProps(props, [\"class\", \"theme\", \"richColors\", \"position\"])\n  return (\n    <SolidSonner\n      class={cn(\"toaster group\", local.class)}\n      data-slot=\"sonner-toaster\"\n      position={local.position ?? \"bottom-right\"}\n      richColors={local.richColors ?? true}\n      theme={local.theme ?? \"system\"}\n      toastOptions={{\n        classes: {\n          toast:\n            \"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton: \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\n          cancelButton: \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\"\n        }\n      }}\n      {...others}\n    />\n  )\n}\n\nexport { Toaster }\n\nexport { toast } from \"solid-sonner\"\n",
      "type": "registry:ui"
    }
  ]
}