{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog",
  "title": "Dialog",
  "description": "A Base UI-backed modal with focus trapping and restoration.",
  "dependencies": [
    "@base-ui/react@^1.6.0",
    "lucide-react@^1.28.0"
  ],
  "registryDependencies": [
    "@manner/utils",
    "@manner/manner-theme"
  ],
  "files": [
    {
      "path": "registry/manner/ui/dialog.tsx",
      "content": "\"use client\"\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\"\nimport { X } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/cn\"\n\nconst Dialog = BaseDialog.Root\nconst DialogTrigger = BaseDialog.Trigger\nconst DialogClose = BaseDialog.Close\n\nfunction DialogContent({ className, children, ...props }: React.ComponentProps<typeof BaseDialog.Popup>) {\n  return (\n    <BaseDialog.Portal>\n      <BaseDialog.Backdrop className=\"fixed inset-0 z-[90] bg-[color-mix(in_oklab,var(--ink)_38%,transparent)] transition-opacity duration-200 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0\" />\n      <BaseDialog.Viewport className=\"fixed inset-0 z-[91] grid place-items-center overflow-y-auto p-4\">\n        <BaseDialog.Popup\n          data-slot=\"dialog-content\"\n          className={cn(\n            \"relative w-full max-w-lg rounded-[var(--radius-lg,14px)] border border-[var(--border)] bg-[var(--surface)] p-6 text-[var(--ink)] shadow-[0_28px_80px_color-mix(in_oklab,var(--ink)_22%,transparent)] outline-none transition-[transform,opacity] duration-200 data-[ending-style]:translate-y-2 data-[ending-style]:opacity-0 data-[starting-style]:translate-y-2 data-[starting-style]:opacity-0\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n          <BaseDialog.Close aria-label=\"Close dialog\" className=\"absolute right-4 top-4 grid size-8 place-items-center rounded-[var(--radius-sm,6px)] border border-transparent text-[var(--muted)] hover:border-[var(--border)] hover:text-[var(--ink)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--focus)]\">\n            <X aria-hidden=\"true\" className=\"size-4\" />\n          </BaseDialog.Close>\n        </BaseDialog.Popup>\n      </BaseDialog.Viewport>\n    </BaseDialog.Portal>\n  )\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof BaseDialog.Title>) {\n  return <BaseDialog.Title className={cn(\"m-0 pr-10 font-[family-name:var(--serif)] text-2xl font-medium tracking-tight\", className)} {...props} />\n}\n\nfunction DialogDescription({ className, ...props }: React.ComponentProps<typeof BaseDialog.Description>) {\n  return <BaseDialog.Description className={cn(\"mt-2 text-sm leading-relaxed text-[var(--ink-secondary)]\", className)} {...props} />\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}