{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "toast",
"title": "Toast",
"description": "A brief, non-blocking notification that confirms an action or reports a background event, then gets out of the way.",
"dependencies": [
"@base-ui/react",
"lucide-react"
],
"registryDependencies": [
"https://www.prfct.dev/r/utils.json",
"https://www.prfct.dev/r/button.json",
"https://www.prfct.dev/r/locale.json",
"https://www.prfct.dev/r/spinner.json"
],
"files": [
{
"path": "components/ui/toast.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Toast as ToastPrimitive } from \"@base-ui/react/toast\"\nimport { cn } from \"@/lib/utils\"\n\nimport {\n CircleCheckIcon,\n InfoIcon,\n OctagonXIcon,\n TriangleAlertIcon,\n XIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { Spinner } from \"@/components/ui/spinner\"\nimport { useLocale } from \"@/components/ui/locale\"\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 const { messages } = useLocale()\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({\n className,\n ...props\n}: ToastPrimitive.Description.Props) {\n return (\n \n )\n}\n\nfunction ToastAction({\n className,\n render = ,\n ...props\n}: ToastPrimitive.Action.Props) {\n return (\n \n )\n}\n\nfunction ToastClose({\n className,\n children,\n render = ,\n ...props\n}: ToastPrimitive.Close.Props) {\n const { messages } = useLocale()\n return (\n \n {children ?? }\n \n )\n}\n\nfunction ToastIcon({ type }: { type: string | undefined }) {\n let icon: React.ReactNode = null\n\n if (type === \"success\") {\n icon = \n }\n\n if (type === \"info\") {\n icon = \n }\n\n if (type === \"warning\") {\n icon = \n }\n\n if (type === \"error\") {\n icon = \n }\n\n if (type === \"loading\") {\n icon = \n }\n\n if (!icon) {\n return null\n }\n\n return (\n \n {icon}\n \n )\n}\n\nfunction ToastList() {\n const { toasts } = ToastPrimitive.useToastManager()\n\n return toasts.map((toastItem) => (\n \n \n \n \n \n \n
\n \n \n \n \n ))\n}\n\nfunction Toaster({\n children,\n toastManager = toast,\n ...props\n}: ToastPrimitive.Provider.Props) {\n return (\n \n {children}\n \n \n \n \n \n \n )\n}\n\nconst createToastManager = ToastPrimitive.createToastManager\nconst useToastManager = ToastPrimitive.useToastManager\n\nexport {\n Toaster,\n Toast,\n ToastAction,\n ToastClose,\n ToastContent,\n ToastDescription,\n ToastPortal,\n ToastProvider,\n ToastTitle,\n ToastViewport,\n createToastManager,\n toast,\n useToastManager,\n}\n",
"type": "registry:ui"
}
],
"type": "registry:ui"
}