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

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

"use client";import*as o from"react";import C from"classnames";import*as t from"@radix-ui/react-dialog";import{dialogContentPropDefs as d}from"./dialog.props.js";import{extractProps as c,requireReactElement as l}from"../helpers/index.js";import{Heading as y}from"./heading.js";import{Text as T}from"./text.js";import{Theme as v}from"./theme.js";const a=e=>o.createElement(t.Root,{...e,modal:!0});a.displayName="Dialog.Root";const s=o.forwardRef(({children:e,...i},r)=>o.createElement(t.Trigger,{...i,ref:r,asChild:!0},l(e)));s.displayName="Dialog.Trigger";const n=o.forwardRef((e,i)=>{const{className:r,forceMount:D,container:P,...f}=c(e,d);return o.createElement(t.Portal,{container:P,forceMount:D},o.createElement(v,{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"},o.createElement(t.Content,{...f,ref:i,className:C("rt-BaseDialogContent","rt-DialogContent",r)}))))))});n.displayName="Dialog.Content";const p=o.forwardRef((e,i)=>o.createElement(t.Title,{asChild:!0},o.createElement(y,{size:"5",mb:"3",trim:"start",...e,asChild:!1,ref:i})));p.displayName="Dialog.Title";const g=o.forwardRef((e,i)=>o.createElement(t.Description,{asChild:!0},o.createElement(T,{as:"p",size:"3",...e,asChild:!1,ref:i})));g.displayName="Dialog.Description";const m=o.forwardRef(({children:e,...i},r)=>o.createElement(t.Close,{...i,ref:r,asChild:!0},l(e)));m.displayName="Dialog.Close";export{m as Close,n as Content,g as Description,a as Root,p as Title,s as Trigger};
//# sourceMappingURL=dialog.js.map