{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "toast",
"description": "A succinct message that is displayed temporarily.",
"dependencies": [
"@base-ui/react",
"@tabler/icons-react"
],
"registryDependencies": [
"@ondo-ui/button",
"@ondo-ui/utils"
],
"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 {\n IconAlertOctagon,\n IconAlertTriangle,\n IconCircleCheck,\n IconInfoCircle,\n IconLoader,\n IconX,\n} from \"@tabler/icons-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/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({\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 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"
}