@radix-ui/themes/dist/esm/components/dialog.js

[](https://radix-ui.com/themes)

import*as o from"react";import v from"classnames";import{Dialog as t}from"radix-ui";import{dialogContentPropDefs as h}from"./dialog.props.js";import{Heading as R}from"./heading.js";import{Text as E}from"./text.js";import{Theme as N}from"./theme.js";import{extractProps as a}from"../helpers/extract-props.js";import{requireReactElement as l}from"../helpers/require-react-element.js";const s=e=>o.createElement(t.Root,{...e,modal:!0});s.displayName="Dialog.Root";const n=o.forwardRef(({children:e,...i},r)=>o.createElement(t.Trigger,{...i,ref:r,asChild:!0},l(e)));n.displayName="Dialog.Trigger";const p=o.forwardRef(({align:e,...i},r)=>{const{align:P,...f}=h,{className:C}=a({align:e},{align:P}),{className:d,forceMount:c,container:y,...T}=a(i,f);return o.createElement(t.Portal,{container:y,forceMount:c},o.createElement(N,{asChild:!0},o.createElement(t.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay"},o.createElement("div",{className:"rt-BaseDialogScroll rt-DialogScroll"},o.createElement("div",{className:`rt-BaseDialogScrollPadding rt-DialogScrollPadding ${C}`},o.createElement(t.Content,{...T,ref:r,className:v("rt-BaseDialogContent","rt-DialogContent",d)}))))))});p.displayName="Dialog.Content";const g=o.forwardRef((e,i)=>o.createElement(t.Title,{asChild:!0},o.createElement(R,{size:"5",mb:"3",trim:"start",...e,asChild:!1,ref:i})));g.displayName="Dialog.Title";const m=o.forwardRef((e,i)=>o.createElement(t.Description,{asChild:!0},o.createElement(E,{as:"p",size:"3",...e,asChild:!1,ref:i})));m.displayName="Dialog.Description";const D=o.forwardRef(({children:e,...i},r)=>o.createElement(t.Close,{...i,ref:r,asChild:!0},l(e)));D.displayName="Dialog.Close";export{D as Close,p as Content,m as Description,s as Root,g as Title,n as Trigger};
//# sourceMappingURL=dialog.js.map