{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog",
  "title": "Dialog",
  "description": "A modal with a hard shadow. Focus stays inside and returns when it closes.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "https://spotcheckui.com/r/spotcheck-base.json"
  ],
  "files": [
    {
      "path": "registry/spotcheck/components/spotcheck/dialog.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport const Dialog = BaseDialog.Root\nexport const DialogTrigger = BaseDialog.Trigger\nexport const DialogClose = BaseDialog.Close\n\ntype DialogContentProps = Omit<BaseDialog.Popup.Props, \"className\" | \"title\" | \"children\"> & {\n  title: string\n  description?: string\n  children?: React.ReactNode\n  className?: string\n}\n\nexport function DialogContent({ title, description, className, children, ...props }: DialogContentProps) {\n  return (\n    <BaseDialog.Portal>\n      <BaseDialog.Backdrop className=\"fixed inset-0 z-50 bg-[color-mix(in_srgb,var(--ink)_30%,transparent)]\" />\n      <BaseDialog.Popup\n        className={cn(\n          \"border-ink bg-paper text-ink fixed top-[14dvh] left-1/2 z-50 max-h-[76dvh] w-[min(480px,calc(100vw-2rem))] -translate-x-1/2 overflow-auto border-(length:--rule) p-5 font-(family-name:--f-body) shadow-[8px_8px_0_var(--ink)] transition-[translate,opacity] duration-150 outline-none data-ending-style:opacity-0 data-starting-style:-translate-y-2 data-starting-style:opacity-40 motion-reduce:transition-none\",\n          className,\n        )}\n        {...props}\n      >\n        <BaseDialog.Title className=\"spotcheck-heading text-2xl leading-none\">{title}</BaseDialog.Title>\n        {description && (\n          <BaseDialog.Description className=\"text-mute mt-2 text-sm\">{description}</BaseDialog.Description>\n        )}\n        {children && <div className=\"mt-4\">{children}</div>}\n      </BaseDialog.Popup>\n    </BaseDialog.Portal>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "core"
  ],
  "type": "registry:component"
}