{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog",
  "files": [
    {
      "path": "registry/new-york/ui/dialog.tsx",
      "content": "import { X } from \"lucide-react\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface DialogContextValue {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n}\n\nconst DialogContext = React.createContext<DialogContextValue | null>(null);\n\nfunction useDialogContext() {\n\tconst context = React.useContext(DialogContext);\n\tif (!context) {\n\t\tthrow new Error(\"Dialog components must be used within a Dialog\");\n\t}\n\treturn context;\n}\n\ninterface DialogProps {\n\tchildren: React.ReactNode;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n}\n\nfunction Dialog({ children, open: controlledOpen, onOpenChange }: DialogProps) {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n\tconst isControlled = controlledOpen !== undefined;\n\tconst open = isControlled ? controlledOpen : uncontrolledOpen;\n\n\tconst handleOpenChange = React.useCallback(\n\t\t(newOpen: boolean) => {\n\t\t\tif (!isControlled) {\n\t\t\t\tsetUncontrolledOpen(newOpen);\n\t\t\t}\n\t\t\tonOpenChange?.(newOpen);\n\t\t},\n\t\t[isControlled, onOpenChange],\n\t);\n\n\treturn (\n\t\t<DialogContext.Provider value={{ open, onOpenChange: handleOpenChange }}>\n\t\t\t{children}\n\t\t</DialogContext.Provider>\n\t);\n}\n\ninterface DialogTriggerProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement> {\n\tasChild?: boolean;\n}\n\nfunction DialogTrigger({\n\tchildren,\n\tasChild,\n\tonClick,\n\t...props\n}: DialogTriggerProps) {\n\tconst { onOpenChange } = useDialogContext();\n\n\tconst handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n\t\tonClick?.(e);\n\t\tonOpenChange(true);\n\t};\n\n\tif (asChild && React.isValidElement(children)) {\n\t\treturn React.cloneElement(\n\t\t\tchildren as React.ReactElement<{ onClick?: React.MouseEventHandler }>,\n\t\t\t{\n\t\t\t\tonClick: handleClick,\n\t\t\t},\n\t\t);\n\t}\n\n\treturn (\n\t\t<button type=\"button\" onClick={handleClick} {...props}>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\ninterface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nfunction DialogContent({ className, children, ...props }: DialogContentProps) {\n\tconst { open, onOpenChange } = useDialogContext();\n\n\tReact.useEffect(() => {\n\t\tconst handleEscape = (e: KeyboardEvent) => {\n\t\t\tif (e.key === \"Escape\") {\n\t\t\t\tonOpenChange(false);\n\t\t\t}\n\t\t};\n\n\t\tif (open) {\n\t\t\tdocument.addEventListener(\"keydown\", handleEscape);\n\t\t\tdocument.body.style.overflow = \"hidden\";\n\t\t}\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"keydown\", handleEscape);\n\t\t\tdocument.body.style.overflow = \"\";\n\t\t};\n\t}, [open, onOpenChange]);\n\n\tif (!open) return null;\n\n\treturn createPortal(\n\t\t<div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n\t\t\t<div\n\t\t\t\tclassName=\"fixed inset-0 bg-black/50\"\n\t\t\t\tonClick={() => onOpenChange(false)}\n\t\t\t\tonKeyDown={(e) => e.key === \"Escape\" && onOpenChange(false)}\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={-1}\n\t\t\t\taria-label=\"Close dialog\"\n\t\t\t/>\n\t\t\t<div\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg\",\n\t\t\t\t\t\"animate-in fade-in-0 zoom-in-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<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\"\n\t\t\t\t\tonClick={() => onOpenChange(false)}\n\t\t\t\t>\n\t\t\t\t\t<X className=\"h-4 w-4\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</button>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>,\n\t\tdocument.body,\n\t);\n}\n\nfunction DialogHeader({\n\tclassName,\n\t...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col space-y-1.5 text-center sm:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogFooter({\n\tclassName,\n\t...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogTitle({\n\tclassName,\n\t...props\n}: React.HTMLAttributes<HTMLHeadingElement>) {\n\treturn (\n\t\t<h2\n\t\t\tclassName={cn(\n\t\t\t\t\"text-lg font-semibold leading-none tracking-tight\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogDescription({\n\tclassName,\n\t...props\n}: React.HTMLAttributes<HTMLParagraphElement>) {\n\treturn (\n\t\t<p className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n\t);\n}\n\nfunction DialogClose({\n\tchildren,\n\t...props\n}: React.ButtonHTMLAttributes<HTMLButtonElement>) {\n\tconst { onOpenChange } = useDialogContext();\n\n\treturn (\n\t\t<button type=\"button\" onClick={() => onOpenChange(false)} {...props}>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\nexport {\n\tDialog,\n\tDialogTrigger,\n\tDialogContent,\n\tDialogHeader,\n\tDialogFooter,\n\tDialogTitle,\n\tDialogDescription,\n\tDialogClose,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}