{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "baseui-alert-dialog",
	"description": "A Base UI alert dialog component",
	"dependencies": ["lucide-react", "@base-ui/react"],
	"registryDependencies": ["@craftdotui/utils"],
	"files": [
		{
			"path": "packages/baseui/components/alert-dialog/index.tsx",
			"content": "\"use client\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"@/lib/utils\";\n\n/* -------------------------------------------------------------------------- */\n/* Root                                                                       */\n/* -------------------------------------------------------------------------- */\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\n/* -------------------------------------------------------------------------- */\n/* Trigger                                                                    */\n/* -------------------------------------------------------------------------- */\n\nfunction AlertDialogTrigger(props: AlertDialogPrimitive.Trigger.Props) {\n\tconst { className, ...rest } = props;\n\n\treturn (\n\t\t<AlertDialogPrimitive.Trigger\n\t\t\tclassName={cn(\"cursor-pointer\", className)}\n\t\t\tdata-slot=\"alert-dialog-trigger\"\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Portal                                                                     */\n/* -------------------------------------------------------------------------- */\n\nconst AlertDialogPortal: typeof AlertDialogPrimitive.Portal =\n\tAlertDialogPrimitive.Portal;\n\n/* -------------------------------------------------------------------------- */\n/* Backdrop                                                                   */\n/* -------------------------------------------------------------------------- */\n\nfunction AlertDialogBackdrop(props: AlertDialogPrimitive.Backdrop.Props) {\n\tconst { className, ...rest } = props;\n\n\treturn (\n\t\t<AlertDialogPrimitive.Backdrop\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed inset-0 z-50 bg-muted/50 backdrop-blur-sm transition-opacity duration-200 ease-out\",\n\t\t\t\t\"data-ending-style:opacity-0 data-starting-style:opacity-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"alert-dialog-backdrop\"\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Viewport                                                                   */\n/* -------------------------------------------------------------------------- */\n\nfunction AlertDialogViewport(props: AlertDialogPrimitive.Viewport.Props) {\n\tconst { className, ...rest } = props;\n\n\treturn (\n\t\t<AlertDialogPrimitive.Viewport\n\t\t\tclassName={cn(\n\t\t\t\t\"p-4 fixed inset-0 z-50 flex items-center justify-center\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"alert-dialog-viewport\"\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Popup / Content                                                            */\n/* -------------------------------------------------------------------------- */\n\nfunction AlertDialogPopup(props: AlertDialogPrimitive.Popup.Props) {\n\tconst { className, ...rest } = props;\n\n\treturn (\n\t\t<AlertDialogPortal>\n\t\t\t<AlertDialogBackdrop />\n\t\t\t<AlertDialogViewport>\n\t\t\t\t<AlertDialogPrimitive.Popup\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"w-full max-w-lg p-6 rounded-lg border border-border bg-background shadow-sm\",\n\t\t\t\t\t\t\"transition-all duration-200 ease-out\",\n\t\t\t\t\t\t\"data-starting-style:opacity-0 data-starting-style:scale-95\",\n\t\t\t\t\t\t\"data-ending-style:opacity-0 data-ending-style:scale-95\",\n\t\t\t\t\t\t\"focus:outline-none\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tdata-slot=\"alert-dialog-popup\"\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t</AlertDialogViewport>\n\t\t</AlertDialogPortal>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Layout Helpers                                                             */\n/* -------------------------------------------------------------------------- */\n\nfunction AlertDialogHeader(props: React.HTMLAttributes<HTMLDivElement>) {\n\tconst { className, ...rest } = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"flex flex-col gap-2\", className)}\n\t\t\tdata-slot=\"alert-dialog-header\"\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogFooter(props: React.HTMLAttributes<HTMLDivElement>) {\n\tconst { className, ...rest } = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"mt-6 flex flex-col-reverse gap-1 sm:flex-row sm:justify-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"alert-dialog-footer\"\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Title                                                                      */\n/* -------------------------------------------------------------------------- */\n\nfunction AlertDialogTitle(props: AlertDialogPrimitive.Title.Props) {\n\tconst { className, ...rest } = props;\n\n\treturn (\n\t\t<AlertDialogPrimitive.Title\n\t\t\tclassName={cn(\n\t\t\t\t\"text-lg font-semibold leading-none text-foreground\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"alert-dialog-title\"\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Description                                                                */\n/* -------------------------------------------------------------------------- */\n\nfunction AlertDialogDescription(props: AlertDialogPrimitive.Description.Props) {\n\tconst { className, ...rest } = props;\n\n\treturn (\n\t\t<AlertDialogPrimitive.Description\n\t\t\tclassName={cn(\"text-sm text-muted-foreground\", className)}\n\t\t\tdata-slot=\"alert-dialog-description\"\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Close                                                                      */\n/* -------------------------------------------------------------------------- */\n\nfunction AlertDialogClose(props: AlertDialogPrimitive.Close.Props) {\n\tconst { className, ...rest } = props;\n\n\treturn (\n\t\t<AlertDialogPrimitive.Close\n\t\t\tclassName={cn(className)}\n\t\t\tdata-slot=\"alert-dialog-close\"\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Exports                                                                    */\n/* -------------------------------------------------------------------------- */\n\nexport {\n\tAlertDialog,\n\tAlertDialogTrigger,\n\tAlertDialogPortal,\n\tAlertDialogBackdrop,\n\tAlertDialogViewport,\n\tAlertDialogPopup,\n\tAlertDialogHeader,\n\tAlertDialogFooter,\n\tAlertDialogTitle,\n\tAlertDialogDescription,\n\tAlertDialogClose,\n};\n",
			"type": "registry:component",
			"target": "components/baseui/components/alert-dialog.tsx"
		}
	],
	"type": "registry:component"
}