{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "baseui-dialog",
	"description": "A Base UI dialog component",
	"dependencies": ["@base-ui/react"],
	"registryDependencies": ["@craftdotui/utils"],
	"files": [
		{
			"path": "packages/baseui/components/dialog/index.tsx",
			"content": "\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Root                                                                */\n/* -------------------------------------------------------------------------- */\n\nconst Dialog = DialogPrimitive.Root;\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Trigger                                                             */\n/* -------------------------------------------------------------------------- */\n\nfunction DialogTrigger({ className, ...props }: DialogPrimitive.Trigger.Props) {\n\treturn (\n\t\t<DialogPrimitive.Trigger\n\t\t\tclassName={cn(className)}\n\t\t\tdata-slot=\"dialog-trigger\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Portal                                                              */\n/* -------------------------------------------------------------------------- */\n\nconst DialogPortal = DialogPrimitive.Portal;\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Backdrop                                                            */\n/* -------------------------------------------------------------------------- */\n\nfunction DialogBackdrop({\n\tclassName,\n\t...props\n}: DialogPrimitive.Backdrop.Props) {\n\treturn (\n\t\t<DialogPrimitive.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=\"dialog-backdrop\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Viewport                                                            */\n/* -------------------------------------------------------------------------- */\n\nfunction DialogViewport({\n\tclassName,\n\t...props\n}: DialogPrimitive.Viewport.Props) {\n\treturn (\n\t\t<DialogPrimitive.Viewport\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed inset-0 p-4 z-50 flex items-center justify-center\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"dialog-viewport\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Popup                                                               */\n/* -------------------------------------------------------------------------- */\n\nfunction DialogPopup({ className, ...props }: DialogPrimitive.Popup.Props) {\n\treturn (\n\t\t<DialogPrimitive.Popup\n\t\t\tclassName={cn(\n\t\t\t\t\"relative\",\n\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\"transition-all duration-200 ease-out\",\n\t\t\t\t\"data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"dialog-popup\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Title                                                               */\n/* -------------------------------------------------------------------------- */\n\nfunction DialogTitle({ className, ...props }: DialogPrimitive.Title.Props) {\n\treturn (\n\t\t<DialogPrimitive.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=\"dialog-title\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Description                                                         */\n/* -------------------------------------------------------------------------- */\n\nfunction DialogDescription({\n\tclassName,\n\t...props\n}: DialogPrimitive.Description.Props) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tclassName={cn(\"mt-2 text-sm text-muted-foreground\", className)}\n\t\t\tdata-slot=\"dialog-description\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Close                                                               */\n/* -------------------------------------------------------------------------- */\n\nfunction DialogClose({ className, ...props }: DialogPrimitive.Close.Props) {\n\treturn (\n\t\t<DialogPrimitive.Close\n\t\t\tclassName={cn(\"cursor-pointer\", className)}\n\t\t\tdata-slot=\"dialog-close\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Dialog Footer                                                              */\n/* -------------------------------------------------------------------------- */\nfunction DialogFooter(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/* Export                                                                     */\n/* -------------------------------------------------------------------------- */\n\nexport {\n\tDialog,\n\tDialogTrigger,\n\tDialogPortal,\n\tDialogBackdrop,\n\tDialogViewport,\n\tDialogPopup,\n\tDialogTitle,\n\tDialogDescription,\n\tDialogClose,\n\tDialogFooter,\n};\n",
			"type": "registry:component",
			"target": "components/baseui/components/dialog.tsx"
		}
	],
	"type": "registry:component"
}