{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog",
  "type": "registry:ui",
  "dependencies": ["@ark-ui/react", "lucide-react"],
  "files": [
    {
      "path": "./src/components/ui/dialog.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Dialog as DialogPrimitive, dialogAnatomy } from \"@ark-ui/react/dialog\"\nimport { type HTMLArkProps, ark } from \"@ark-ui/react/factory\"\nimport { Portal } from \"@ark-ui/react/portal\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst parts = dialogAnatomy.extendWith(\"header\").build()\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogBackdrop = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Backdrop>,\n  DialogPrimitive.BackdropProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Backdrop\n    ref={ref}\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[--z-index] bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  />\n))\nDialogBackdrop.displayName = \"DialogBackdrop\"\n\nconst DialogCloseTrigger = DialogPrimitive.CloseTrigger\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DialogPrimitive.ContentProps\n>(({ className, children, ...props }, ref) => (\n  <Portal>\n    <DialogBackdrop />\n    <DialogPrimitive.Positioner>\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 -translate-x-1/2 -translate-y-1/2 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-1/2 left-1/2 z-[--z-index] grid max-h-[calc(100%-2rem)] w-full max-w-[calc(100%-2rem)] gap-4 overflow-y-auto rounded-xl border bg-background p-6 shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-100\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.CloseTrigger className=\"group absolute top-3 right-3 flex size-7 items-center justify-center rounded outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none\">\n          <XIcon className=\"size-4 opacity-60 transition-opacity group-hover:opacity-100\" />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.CloseTrigger>\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Positioner>\n  </Portal>\n))\nDialogContent.displayName = \"DialogContent\"\n\nconst DialogContext = DialogPrimitive.Context\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  DialogPrimitive.DescriptionProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = \"DialogDescription\"\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse gap-3 sm:flex-row sm:justify-end\",\n      className\n    )}\n    {...props}\n  />\n)\nconst DialogHeader = React.forwardRef<HTMLDivElement, HTMLArkProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <ark.div\n      ref={ref}\n      {...parts.header.attrs}\n      className={cn(\"flex flex-col gap-1 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  DialogPrimitive.TitleProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\"font-semibold text-lg leading-none\", className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = \"DialogTitle\"\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nexport {\n  Dialog,\n  DialogBackdrop,\n  DialogCloseTrigger,\n  DialogContent,\n  DialogContext,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n}\n",
      "type": "registry:ui"
    }
  ]
}