{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "toast",
"title": "Toast",
"description": "shadcn's Base UI toast, restyled to the brand. Mount one as a SIBLING of the app's content and raise a toast from anywhere with toast.add({ title, description }) — the manager is created at module scope, so a handler needs no hook and no provider in scope. The five status types (success, info, warning, error, loading) are DROPPED, as the button `link` variant was: the brand's one attention colour is orange, orange is never text on the light ground, and a coloured status ladder cannot be rendered honestly on these tokens. Base UI's `type` still reaches the DOM as data-type, so a future status has a seam. Raised surface with the kit radius, the overlay shadow and a themed hairline; entrance, stack transform and swipe all collapse under motion-reduce; the viewport sits above the popover layer, because a toast is often raised BY something inside an open overlay.",
"dependencies": [
"@base-ui/react@1.9.0",
"lucide-react@1.33.0"
],
"registryDependencies": [
"@waimakers/utils",
"@waimakers/theme",
"@waimakers/button"
],
"files": [
{
"path": "src/components/ui/toast.tsx",
"content": "import { Toast as ToastPrimitive } from \"@base-ui/react/toast\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn, focusRing } from \"../../lib/utils\";\nimport { Button } from \"./button\";\n\nconst toast = ToastPrimitive.createToastManager();\n\nfunction ToastProvider({ ...props }: ToastPrimitive.Provider.Props) {\n return ;\n}\n\nfunction ToastPortal({ ...props }: ToastPrimitive.Portal.Props) {\n return ;\n}\n\nfunction ToastViewport({ className, ...props }: ToastPrimitive.Viewport.Props) {\n return (\n \n );\n}\n\nfunction Toast({ className, ...props }: ToastPrimitive.Root.Props) {\n return (\n \n );\n}\n\nfunction ToastContent({ className, ...props }: ToastPrimitive.Content.Props) {\n return (\n \n );\n}\n\nfunction ToastTitle({ className, ...props }: ToastPrimitive.Title.Props) {\n return (\n \n );\n}\n\nfunction ToastDescription({ className, ...props }: ToastPrimitive.Description.Props) {\n return (\n \n );\n}\n\nconst toastActionRender = ;\nconst toastCloseRender = ;\n\nfunction ToastAction({\n className,\n render = toastActionRender,\n ...props\n}: ToastPrimitive.Action.Props) {\n return (\n \n );\n}\n\nfunction ToastClose({\n className,\n children,\n render = toastCloseRender,\n ...props\n}: ToastPrimitive.Close.Props) {\n return (\n \n {children ?? }\n \n );\n}\n\nfunction ToastList() {\n const { toasts } = ToastPrimitive.useToastManager();\n\n return toasts.map((toastItem) => (\n \n \n