{"name":"sonner","title":"Sonner","description":"An opinionated toast component, ported onto this registry's Zag-powered toast machinery.","installCommand":"bunx marko-ui add sonner -y","usageTags":"<Sonner>","importSnippet":"import Sonner from \"@/components/ui/sonner/sonner.marko\";\nimport { toast } from \"@/components/ui/toast/store.ts\";","usageSnippet":"<button type=\"button\" onClick() { toast.message({ title: \"Event has been created\" }); }>\n  Show toast\n</button>\n\n<Sonner/>","tags":["Sonner"],"parts":[],"props":[{"name":"theme","type":"'light' | 'dark' | 'system'","required":false,"description":"Accepted for source-shape parity with sonner's `ToasterProps[\"theme\"]`.\nINERT: see file header. Threaded into `style` as `--sonner-theme` only."}],"events":[],"keyboard":[],"accessibilityNotes":[],"examples":[{"id":"sonner-demo","title":"Default","source":"import Sonner from \"@marko-ui/shadcn/ui/sonner/sonner.marko\";\nimport { toast } from \"@marko-ui/shadcn/ui/toast/store.ts\";\n\n<button type=\"button\"\n  onClick() { toast.message({ title: \"Event has been created\" }); }\n  class=\"border-input rounded-md border px-4 py-2 text-sm font-medium\"\n>\n  Show Toast\n</button>\n<Sonner/>","description":"Call `toast.*` from anywhere in the app; a single `<Sonner/>` region renders whatever is queued — same store as `Toast`, sonner-shaped wrapper."}],"importInstallCommand":"bun add @marko-ui/shadcn marko-zag","nativeAttributes":"div"}