{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert-dialog",
  "title": "Alert Dialog",
  "description": "A neumorphic alert dialog for confirmations and important actions.",
  "dependencies": ["@base-ui/react"],
  "registryDependencies": ["utils", "button"],
  "files": [
    {
      "path": "src/components/ui/alert-dialog.tsx",
      "content": "\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport * as React from \"react\";\n\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nconst AlertDialog = BaseAlertDialog.Root;\nconst AlertDialogTrigger = BaseAlertDialog.Trigger;\nconst AlertDialogPortal = BaseAlertDialog.Portal;\n\nconst AlertDialogBackdrop = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <BaseAlertDialog.Backdrop\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/30 backdrop-blur-sm data-[open]:animate-in data-[open]:fade-in data-[closed]:animate-out data-[closed]:fade-out duration-200\",\n      className,\n    )}\n    {...props}\n  />\n));\nAlertDialogBackdrop.displayName = BaseAlertDialog.Backdrop.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogBackdrop />\n    <BaseAlertDialog.Popup\n      ref={ref}\n      className={cn(\n        \"fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-2xl bg-surface p-6 shadow-neu-lg data-[open]:animate-in data-[open]:fade-in data-[open]:zoom-in-95 data-[closed]:animate-out data-[closed]:fade-out data-[closed]:zoom-out-95 duration-200 focus:outline-none sm:rounded-2xl md:w-full\",\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = BaseAlertDialog.Popup.displayName;\n\nconst AlertDialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className,\n    )}\n    {...props}\n  />\n);\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 gap-3\",\n      className,\n    )}\n    {...props}\n  />\n);\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\n\nconst AlertDialogTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>\n>(({ className, ...props }, ref) => (\n  <BaseAlertDialog.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-foreground\", className)}\n    {...props}\n  />\n));\nAlertDialogTitle.displayName = BaseAlertDialog.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n  HTMLSpanElement,\n  Omit<\n    React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Description>,\n    \"render\"\n  >\n>(({ className, ...props }, ref) => (\n  <BaseAlertDialog.Description\n    ref={ref as React.Ref<HTMLParagraphElement>}\n    render={<span />}\n    className={cn(\"text-sm text-foreground/70\", className)}\n    {...props}\n  />\n));\nAlertDialogDescription.displayName = BaseAlertDialog.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Close>\n>(({ className, ...props }, ref) => (\n  <BaseAlertDialog.Close\n    ref={ref}\n    className={cn(buttonVariants({ variant: \"error\" }), className)}\n    {...props}\n  />\n));\nAlertDialogAction.displayName = \"AlertDialogAction\";\n\nconst AlertDialogCancel = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof BaseAlertDialog.Close>\n>(({ className, ...props }, ref) => (\n  <BaseAlertDialog.Close\n    ref={ref}\n    className={cn(\n      buttonVariants({ variant: \"secondary\" }),\n      \"mt-2 sm:mt-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nAlertDialogCancel.displayName = \"AlertDialogCancel\";\n\nexport {\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogPortal,\n  AlertDialogBackdrop,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}