{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "components-radix-alert-dialog",
  "title": "Alert Dialog",
  "description": "A modal dialog that interrupts the user with important content and expects a response.",
  "registryDependencies": [
    "@animate-ui/primitives-radix-alert-dialog",
    "@animate-ui/components-buttons-button"
  ],
  "files": [
    {
      "path": "registry/components/radix/alert-dialog/index.tsx",
      "content": "import * as React from 'react';\n\nimport {\n  AlertDialog as AlertDialogPrimitive,\n  AlertDialogContent as AlertDialogContentPrimitive,\n  AlertDialogDescription as AlertDialogDescriptionPrimitive,\n  AlertDialogFooter as AlertDialogFooterPrimitive,\n  AlertDialogHeader as AlertDialogHeaderPrimitive,\n  AlertDialogTitle as AlertDialogTitlePrimitive,\n  AlertDialogTrigger as AlertDialogTriggerPrimitive,\n  AlertDialogPortal as AlertDialogPortalPrimitive,\n  AlertDialogOverlay as AlertDialogOverlayPrimitive,\n  AlertDialogAction as AlertDialogActionPrimitive,\n  AlertDialogCancel as AlertDialogCancelPrimitive,\n  type AlertDialogProps as AlertDialogPrimitiveProps,\n  type AlertDialogContentProps as AlertDialogContentPrimitiveProps,\n  type AlertDialogDescriptionProps as AlertDialogDescriptionPrimitiveProps,\n  type AlertDialogFooterProps as AlertDialogFooterPrimitiveProps,\n  type AlertDialogHeaderProps as AlertDialogHeaderPrimitiveProps,\n  type AlertDialogTitleProps as AlertDialogTitlePrimitiveProps,\n  type AlertDialogTriggerProps as AlertDialogTriggerPrimitiveProps,\n  type AlertDialogOverlayProps as AlertDialogOverlayPrimitiveProps,\n  type AlertDialogActionProps as AlertDialogActionPrimitiveProps,\n  type AlertDialogCancelProps as AlertDialogCancelPrimitiveProps,\n} from '@/components/animate-ui/primitives/radix/alert-dialog';\nimport { buttonVariants } from '@/components/animate-ui/components/buttons/button';\nimport { cn } from '@/lib/utils';\n\ntype AlertDialogProps = AlertDialogPrimitiveProps;\n\nfunction AlertDialog(props: AlertDialogProps) {\n  return <AlertDialogPrimitive {...props} />;\n}\n\ntype AlertDialogTriggerProps = AlertDialogTriggerPrimitiveProps;\n\nfunction AlertDialogTrigger(props: AlertDialogTriggerProps) {\n  return <AlertDialogTriggerPrimitive {...props} />;\n}\n\ntype AlertDialogOverlayProps = AlertDialogOverlayPrimitiveProps;\n\nfunction AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps) {\n  return (\n    <AlertDialogOverlayPrimitive\n      className={cn('fixed inset-0 z-50 bg-black/50', className)}\n      {...props}\n    />\n  );\n}\n\ntype AlertDialogContentProps = AlertDialogContentPrimitiveProps;\n\nfunction AlertDialogContent({ className, ...props }: AlertDialogContentProps) {\n  return (\n    <AlertDialogPortalPrimitive>\n      <AlertDialogOverlay />\n      <AlertDialogContentPrimitive\n        className={cn(\n          'bg-background fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg sm:max-w-lg',\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortalPrimitive>\n  );\n}\n\ntype AlertDialogHeaderProps = AlertDialogHeaderPrimitiveProps;\n\nfunction AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps) {\n  return (\n    <AlertDialogHeaderPrimitive\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\ntype AlertDialogFooterProps = AlertDialogFooterPrimitiveProps;\n\nfunction AlertDialogFooter({ className, ...props }: AlertDialogFooterProps) {\n  return (\n    <AlertDialogFooterPrimitive\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype AlertDialogTitleProps = AlertDialogTitlePrimitiveProps;\n\nfunction AlertDialogTitle({ className, ...props }: AlertDialogTitleProps) {\n  return (\n    <AlertDialogTitlePrimitive\n      className={cn('text-lg font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\ntype AlertDialogDescriptionProps = AlertDialogDescriptionPrimitiveProps;\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: AlertDialogDescriptionProps) {\n  return (\n    <AlertDialogDescriptionPrimitive\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\ntype AlertDialogActionProps = AlertDialogActionPrimitiveProps;\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: AlertDialogActionPrimitiveProps) {\n  return (\n    <AlertDialogActionPrimitive\n      className={cn(buttonVariants(), className)}\n      {...props}\n    />\n  );\n}\n\ntype AlertDialogCancelProps = AlertDialogCancelPrimitiveProps;\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: AlertDialogCancelPrimitiveProps) {\n  return (\n    <AlertDialogCancelPrimitive\n      className={cn(buttonVariants({ variant: 'outline' }), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n  type AlertDialogProps,\n  type AlertDialogTriggerProps,\n  type AlertDialogContentProps,\n  type AlertDialogHeaderProps,\n  type AlertDialogFooterProps,\n  type AlertDialogTitleProps,\n  type AlertDialogDescriptionProps,\n  type AlertDialogActionProps,\n  type AlertDialogCancelProps,\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/components/radix/alert-dialog.tsx"
    }
  ],
  "type": "registry:ui"
}