{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "toast", "title": "Toast", "description": "Terminal-style notification built on Radix Toast: box-drawing border, semantic variants, bracket close [x], discrete opacity fade. Variants: default, info, success, warning, destructive.", "dependencies": [ "@radix-ui/react-toast", "class-variance-authority" ], "registryDependencies": [ "utils", "theme-catppuccin-mocha", "font-jetbrains-mono" ], "files": [ { "path": "registry/ui/toast.tsx", "content": "import * as React from \"react\";\nimport * as ToastPrimitive from \"@radix-ui/react-toast\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\n\nconst ToastProvider = ToastPrimitive.Provider;\n\nfunction ToastViewport({\n\tclassName,\n\t...props\n}: React.ComponentProps) {\n\treturn (\n\t\t\n\t);\n}\n\nconst toastVariants = cva(\n\t\"group relative flex w-full items-start gap-2 border bg-card px-3 py-2 font-mono text-sm data-[state=open]:animate-[termcn-fade_150ms_ease-out] data-[state=closed]:animate-[termcn-fade-out_150ms_ease-out]\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"border-border text-foreground before:text-foreground1\",\n\t\t\t\tinfo: \"border-info text-info before:text-info\",\n\t\t\t\tsuccess: \"border-success text-success before:text-success\",\n\t\t\t\twarning: \"border-warning text-warning before:text-warning\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"border-destructive text-destructive before:text-destructive\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: { variant: \"default\" },\n\t},\n);\n\nfunction Toast({\n\tclassName,\n\tvariant,\n\t...props\n}: React.ComponentProps &\n\tVariantProps) {\n\treturn (\n\t\t\n\t);\n}\n\nfunction ToastTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps) {\n\treturn (\n\t\t\n\t);\n}\n\nfunction ToastDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps) {\n\treturn (\n\t\t\n\t);\n}\n\nfunction ToastAction({\n\tclassName,\n\t...props\n}: React.ComponentProps) {\n\treturn (\n\t\t\n\t);\n}\n\nfunction ToastClose({\n\tclassName,\n\t...props\n}: React.ComponentProps) {\n\treturn (\n\t\t\n\t\t\txClose\n\t\t\n\t);\n}\n\nexport {\n\tToastProvider,\n\tToastViewport,\n\tToast,\n\tToastTitle,\n\tToastDescription,\n\tToastAction,\n\tToastClose,\n\ttoastVariants,\n};\n", "type": "registry:ui" } ], "type": "registry:ui" }