Destructive confirm
Form body + primary action
Auto-sizing form (widens + two columns when roomy)
Footer with icons
Icon-only footer actions
Title only (no description)
Icon-only trigger
Overlay dismiss
Click outside the panel or press Escape to close (default closeOnOverlay).
Overlay blur
overlayBlur — named preset or custom px. Default is default (6px).
Animation variants
enterAnimationVariant — open and close each panel to compare fluid spring motion (default, spring, zoom) vs legacy ease presets.
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme. |
| open / onClose | Optional | boolean + callback | — | Visibility control. |
| title / description | Optional | string | — | Accessible dialog header. |
| footer | Optional | ReactNode | — | Action buttons row. |
| closeOnOverlay | Optional | boolean | true | Click outside to dismiss. |
| enterAnimationVariant | Optional | EnterAnimationVariant | default | Panel enter/exit — default and spring use fluid spring physics (Animate UI–style); zoom is a stronger pop; subtle keeps legacy ease motion; fade, slide-*, scale, or none. |
| overlayBlur | Optional | DialogOverlayBlur | number | default | Backdrop blur preset (`none`, `subtle` 4px, `default` 6px, `strong` 12px) or a custom px value. Fade-only when `none` or `0`. |