{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "alert-dialog",
	"dependencies": [],
	"registryDependencies": [],
	"files": [
		{
			"path": "ui/alert-dialog.tsx",
			"content": "import * as React from \"react\"\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction AlertDialog({\n\t...props\n}: React.ComponentProps<typeof BaseAlertDialog.Root>) {\n\treturn <BaseAlertDialog.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n\t...props\n}: React.ComponentProps<typeof BaseAlertDialog.Trigger>) {\n\treturn <BaseAlertDialog.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nfunction AlertDialogPortal({\n\t...props\n}: React.ComponentProps<typeof BaseAlertDialog.Portal>) {\n\treturn <BaseAlertDialog.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nfunction AlertDialogClose({\n\t...props\n}: React.ComponentProps<typeof BaseAlertDialog.Close>) {\n\treturn <BaseAlertDialog.Close data-slot=\"alert-dialog-close\" {...props} />\n}\n\nfunction AlertDialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseAlertDialog.Backdrop>) {\n\treturn (\n\t\t<BaseAlertDialog.Backdrop\n\t\t\tdata-slot=\"alert-dialog-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed inset-0 bg-black/50 transition-all duration-200 ease-out data-ending-style:opacity-0 data-starting-style:opacity-0\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction AlertDialogContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof BaseAlertDialog.Popup>) {\n\treturn (\n\t\t<AlertDialogPortal>\n\t\t\t<AlertDialogOverlay />\n\t\t\t<BaseAlertDialog.Popup\n\t\t\t\tdata-slot=\"alert-dialog-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground fixed top-[100vh] left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-full gap-4 rounded-lg border p-6 shadow-lg transition-all duration-200 outline-none data-ending-style:translate-y-full data-ending-style:opacity-0 data-starting-style:translate-y-full data-starting-style:opacity-0 max-sm:rounded-b-none sm:top-[50%] sm:w-[32rem] sm:translate-x-[-50%] sm:translate-y-[-50%] sm:scale-[calc(1-0.1*var(--nested-dialogs))] data-ending-style:sm:translate-y-[-50%] data-ending-style:sm:scale-95 data-starting-style:sm:translate-y-[-50%] data-starting-style:sm:scale-95\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</BaseAlertDialog.Popup>\n\t\t</AlertDialogPortal>\n\t)\n}\n\nfunction AlertDialogHeader({\n\tclassName,\n\t...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction AlertDialogFooter({\n\tclassName,\n\t...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction AlertDialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseAlertDialog.Title>) {\n\treturn (\n\t\t<BaseAlertDialog.Title\n\t\t\tdata-slot=\"alert-dialog-title\"\n\t\t\tclassName={cn(\"text-lg font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nfunction AlertDialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof BaseAlertDialog.Description>) {\n\treturn (\n\t\t<BaseAlertDialog.Description\n\t\t\tdata-slot=\"alert-dialog-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nexport {\n\tAlertDialog,\n\tAlertDialogPortal,\n\tAlertDialogOverlay,\n\tAlertDialogContent,\n\tAlertDialogTrigger,\n\tAlertDialogClose,\n\tAlertDialogHeader,\n\tAlertDialogFooter,\n\tAlertDialogTitle,\n\tAlertDialogDescription,\n}\n",
			"type": "registry:ui",
			"target": ""
		}
	],
	"type": "registry:ui"
}