{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog",
  "title": "Dialog",
  "description": "A neumorphic dialog/modal component.",
  "dependencies": ["@base-ui/react", "@phosphor-icons/react"],
  "registryDependencies": ["utils"],
  "files": [
    {
      "path": "src/components/ui/dialog.tsx",
      "content": "import { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { X } from \"@phosphor-icons/react/dist/ssr\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Dialog = BaseDialog.Root;\nconst DialogTrigger = BaseDialog.Trigger;\n\nconst DialogClose = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Close>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Close\n    ref={ref}\n    className={cn(\n      \"absolute top-4 right-4 rounded-full p-2 text-foreground/70 hover:bg-surface-shadow/20 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none\",\n      className,\n    )}\n    {...props}\n  >\n    <X size={20} weight=\"bold\" />\n    <span className=\"sr-only\">Close</span>\n  </BaseDialog.Close>\n));\nDialogClose.displayName = \"DialogClose\";\n\nconst DialogContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Popup>\n>(({ className, children, ...props }, ref) => (\n  <BaseDialog.Portal>\n    <BaseDialog.Backdrop className=\"fixed inset-0 z-50 bg-black/30 backdrop-blur-sm data-[open]:animate-in data-[open]:fade-in data-[closed]:animate-out data-[closed]:fade-out duration-200\" />\n    <BaseDialog.Popup\n      ref={ref}\n      className={cn(\n        \"fixed left-1/2 top-1/2 z-50 grid w-full max-w-md -translate-x-1/2 -translate-y-1/2 gap-4 rounded-2xl bg-surface p-0 shadow-neu-lg data-[open]:animate-in data-[open]:fade-in data-[open]:zoom-in-95 data-[closed]:animate-out data-[closed]:fade-out data-[closed]:zoom-out-95 duration-200 focus:outline-none\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogClose />\n    </BaseDialog.Popup>\n  </BaseDialog.Portal>\n));\nDialogContent.displayName = \"DialogContent\";\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-1.5 p-6 pb-0 text-center sm:text-left\",\n      className,\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 pt-0 gap-3\",\n      className,\n    )}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Title>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Title\n    ref={ref}\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight text-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nDialogTitle.displayName = \"DialogTitle\";\n\nconst DialogDescription = React.forwardRef<\n  HTMLSpanElement,\n  Omit<React.ComponentPropsWithoutRef<typeof BaseDialog.Description>, \"render\">\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Description\n    ref={ref as React.Ref<HTMLParagraphElement>}\n    render={<span />}\n    className={cn(\"text-sm text-foreground/70 mt-1.5\", className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = \"DialogDescription\";\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}