{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "toast",
  "title": "Toast",
  "description": "A neumorphic toast notification system.",
  "dependencies": [
    "@base-ui/react",
    "@phosphor-icons/react",
    "class-variance-authority"
  ],
  "registryDependencies": ["utils"],
  "files": [
    {
      "path": "src/components/ui/toast.tsx",
      "content": "\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckCircle, Info, Warning, X, XCircle } from \"@phosphor-icons/react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nconst toastManager = BaseToast.createToastManager();\n\nfunction ToastProvider({ children }: { children: ReactNode }) {\n  return (\n    <BaseToast.Provider toastManager={toastManager}>\n      {children}\n    </BaseToast.Provider>\n  );\n}\n\nconst ToastPortal = BaseToast.Portal;\n\nfunction useToast() {\n  return BaseToast.useToastManager();\n}\n\nfunction ToastViewport({\n  className,\n  ...props\n}: ComponentProps<typeof BaseToast.Viewport>) {\n  return (\n    <BaseToast.Viewport\n      className={cn(\n        \"fixed bottom-4 right-4 z-[100] w-full max-w-sm outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst toastVariants = cva(\n  [\n    \"group pointer-events-auto absolute bottom-0 left-0 right-0 flex w-full items-start gap-3 overflow-hidden rounded-xl border bg-surface p-4 shadow-neu\",\n    \"transition-all duration-300 ease-out\",\n    \"z-[calc(100-var(--toast-index))]\",\n    \"translate-y-[calc(var(--toast-index)*8px)]\",\n    \"scale-[calc(1-var(--toast-index)*0.05)]\",\n    \"origin-top\",\n    \"data-[expanded]:translate-y-[calc((var(--toast-offset-y)*-1)-(var(--toast-index)*12px))]\",\n    \"data-[expanded]:scale-100\",\n    \"data-[swipe-direction]:transition-transform\",\n    \"data-[starting-style]:opacity-0 data-[starting-style]:translate-y-full\",\n    \"data-[ending-style]:opacity-0 data-[ending-style]:translate-y-full\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"border-foreground/10\",\n        success: \"border-success/30\",\n        error: \"border-destructive/30\",\n        warning: \"border-warning/30\",\n        info: \"border-primary/30\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nconst variantIcons: Record<string, ReactNode> = {\n  default: null,\n  success: (\n    <CheckCircle weight=\"fill\" className=\"size-5 shrink-0 text-success\" />\n  ),\n  error: <XCircle weight=\"fill\" className=\"size-5 shrink-0 text-destructive\" />,\n  warning: <Warning weight=\"fill\" className=\"size-5 shrink-0 text-warning\" />,\n  info: <Info weight=\"fill\" className=\"size-5 shrink-0 text-primary\" />,\n};\n\nexport type ToastRootProps = ComponentProps<typeof BaseToast.Root> &\n  VariantProps<typeof toastVariants>;\n\nfunction ToastRoot({\n  className,\n  variant = \"default\",\n  children,\n  ...props\n}: ToastRootProps) {\n  return (\n    <BaseToast.Root\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    >\n      {variantIcons[variant ?? \"default\"]}\n      <BaseToast.Content className=\"flex-1 space-y-1\">\n        {children}\n      </BaseToast.Content>\n    </BaseToast.Root>\n  );\n}\n\nfunction ToastTitle({\n  className,\n  ...props\n}: ComponentProps<typeof BaseToast.Title>) {\n  return (\n    <BaseToast.Title\n      className={cn(\"text-sm font-semibold text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToastDescription({\n  className,\n  ...props\n}: ComponentProps<typeof BaseToast.Description>) {\n  return (\n    <BaseToast.Description\n      className={cn(\"text-sm text-foreground/70\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToastClose({\n  className,\n  ...props\n}: ComponentProps<typeof BaseToast.Close>) {\n  return (\n    <BaseToast.Close\n      className={cn(\n        \"absolute top-3 right-3 rounded-full p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground group-hover:opacity-100\",\n        \"focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-primary focus-visible:-outline-offset-2\",\n        className,\n      )}\n      {...props}\n    >\n      <X size={16} weight=\"bold\" />\n      <span className=\"sr-only\">Close</span>\n    </BaseToast.Close>\n  );\n}\n\nfunction ToastAction({\n  className,\n  ...props\n}: ComponentProps<typeof BaseToast.Action>) {\n  return (\n    <BaseToast.Action\n      className={cn(\n        \"inline-flex h-8 items-center justify-center rounded-lg bg-surface px-3 text-sm font-medium shadow-neu-xs transition-all hover:shadow-neu-pressed-xs\",\n        \"focus-visible:outline-2 focus-visible:outline-primary focus-visible:-outline-offset-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  toastManager,\n  ToastProvider,\n  ToastPortal,\n  ToastViewport,\n  ToastRoot,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n  useToast,\n  toastVariants,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}