{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "toast",
"title": "Toast",
"description": "The shadcn Toast component using Base UI and the Familis Nova theme.",
"dependencies": [
"@base-ui/react@^1.8.0",
"cn@^0.3.0",
"lucide-react@^1.46.0"
],
"registryDependencies": [
"Familis-co/registry/button"
],
"files": [
{
"path": "registry/familis/ui/toast.tsx",
"content": "import * as React from \"react\"\nimport { Toast as ToastPrimitive } from \"@base-ui/react/toast\"\nimport { cn } from \"cn\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n XIcon,\n CircleCheckIcon,\n InfoIcon,\n TriangleAlertIcon,\n OctagonXIcon,\n Loader2Icon,\n} from \"lucide-react\"\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\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({ children, toastManager = toast, ...props }: 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"
}
],
"meta": {
"base": "base",
"storybookId": "ui-toast--default",
"links": {
"docs": "https://ui.shadcn.com/docs/components/base/toast",
"examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toast-example.tsx",
"api": "https://base-ui.com/react/components/toast.md"
}
},
"type": "registry:ui"
}