{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "toast",
  "type": "registry:ui",
  "dependencies": ["@ark-ui/react", "class-variance-authority", "lucide-react"],
  "files": [
    {
      "path": "./src/components/ui/toast.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport {\n  Toast as ToastPrimitive,\n  Toaster as ToasterPrimitive,\n  createToaster,\n} from \"@ark-ui/react/toast\"\nimport { type VariantProps, cva } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toastVariants = cva(\n  \"group z-[--z-index] flex h-[--height] w-full scale-[--scale] items-center justify-between space-x-4 rounded-md border bg-background p-6 pr-8 opacity-[--opacity] shadow-lg transition-all will-change-[translate,opacity,scale] [translate:var(--x)_var(--y)_0] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\n  {\n    variants: {\n      variant: {\n        default: \"border bg-background text-foreground\",\n        destructive:\n          \"destructive group border-destructive bg-destructive text-destructive-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst Toaster = React.forwardRef<\n  React.ElementRef<typeof ToasterPrimitive>,\n  React.ComponentPropsWithoutRef<typeof ToasterPrimitive>\n>(({ ...props }, ref) => (\n  <ToasterPrimitive\n    ref={ref}\n    className=\"max-h-screen w-[calc(100%-var(--gap)*4)] flex-col-reverse p-4 sm:flex-col md:max-w-[420px]\"\n    {...props}\n  />\n))\nToaster.displayName = \"Toaster\"\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.Root>,\n  ToastPrimitive.RootProps & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => (\n  <ToastPrimitive.Root\n    ref={ref}\n    className={cn(toastVariants({ variant }), className)}\n    {...props}\n  />\n))\nToast.displayName = \"Toast\"\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.Title>,\n  ToastPrimitive.TitleProps\n>(({ className, ...props }, ref) => (\n  <ToastPrimitive.Title\n    ref={ref}\n    className={cn(\"font-semibold text-sm\", className)}\n    {...props}\n  />\n))\nToastTitle.displayName = \"ToastTitle\"\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.Description>,\n  ToastPrimitive.DescriptionProps\n>(({ className, ...props }, ref) => (\n  <ToastPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm opacity-90\", className)}\n    {...props}\n  />\n))\nToastDescription.displayName = \"ToastDescription\"\n\nconst ToastActionTrigger = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.ActionTrigger>,\n  ToastPrimitive.ActionTriggerProps\n>(({ className, ...props }, ref) => (\n  <ToastPrimitive.ActionTrigger\n    ref={ref}\n    className={cn(\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 font-medium text-sm ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:focus:ring-destructive group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\nToastActionTrigger.displayName = \"ToastActionTrigger\"\n\nconst ToastCloseTrigger = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitive.CloseTrigger>,\n  ToastPrimitive.CloseTriggerProps\n>(({ className, ...props }, ref) => (\n  <ToastPrimitive.CloseTrigger\n    ref={ref}\n    className={cn(\n      \"absolute top-2 right-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 group-[.destructive]:hover:text-red-50\",\n      className\n    )}\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitive.CloseTrigger>\n))\nToastCloseTrigger.displayName = \"ToastCloseTrigger\"\n\nexport {\n  createToaster,\n  Toast,\n  ToastActionTrigger,\n  ToastCloseTrigger,\n  ToastDescription,\n  Toaster,\n  ToastTitle,\n}\n",
      "type": "registry:ui"
    }
  ]
}