Dialog
Modal dialog primitive with header, footer, title, and description slots. Prefer the Overlay wrapper in app code.
Import
import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from "@repo/design-system/components/ui/dialog";Dialog is the raw modal primitive. In app code, prefer the Overlay wrapper (components/overlays/overlay) with variant="dialog" — it standardizes sizing, headers, and close behavior. For confirmations, use DialogConfirm.