import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./dist-Cc1j9Pjk.js";import{a as o,c as s,i as c,l,n as u,o as d,r as f,s as p,t as m,u as h}from"./DialogCloseButton-DhTvKFyC.js";var g,_,v=t((()=>{e(n(),1),s(),d(),c(),u(),h(),a(),g=r(),_=({open:e,title:t,description:n,leadingElement:r,children:a,size:s=`md`,hideHeader:c,onClose:u,mobileFullHeight:d,dataset:h})=>(0,g.jsxs)(p,{open:e,onClose:u,size:s,mobileFullHeight:d,dataset:h,"data-preply-ds-component":i.Dialog,children:[(0,g.jsx)(m,{}),(0,g.jsxs)(`header`,{className:l.header,"data-preply-ds-component":i.DialogHeader,children:[r,!c&&(0,g.jsxs)(`hgroup`,{children:[(0,g.jsx)(o,{children:t}),(0,g.jsx)(f,{children:n})]})]}),a]});try{_.displayName=`Dialog`,_.__docgenInfo={description:`A modal dialog component that can be used to show content in an overlay.

Composed of:
- Dialog: The main component
- DialogActions: Footer actions with primary and secondary buttons
- DialogSteps: Steps component for multi-step flows
- DialogStep: Step component for each step
- DialogStepsActions: Actions component for the steps`,displayName:`Dialog`,props:{open:{defaultValue:null,description:`Controls the visibility of the dialog`,name:`open`,required:!0,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},children:{defaultValue:null,description:`Content to be rendered inside the dialog`,name:`children`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},size:{defaultValue:{value:`md`},description:`Controls the width of the dialog on desktop
@deprecated use default size for all dialogs`,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"xs"`},{value:`"sm"`},{value:`"md"`},{value:`"lg"`},{value:`ResponsiveProp<"xs" | "sm" | "md" | "lg">`}]}},title:{defaultValue:null,description:``,name:`title`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},description:{defaultValue:null,description:``,name:`description`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},leadingElement:{defaultValue:null,description:``,name:`leadingElement`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},hideHeader:{defaultValue:{value:`false`},description:`When true
visually hides the header (title and description) while
keeping it accessible to screen readers
@deprecated use \`DialogRoot\` component directly instead`,name:`hideHeader`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},onClose:{defaultValue:null,description:`Callback fired when the user tries to close the dialog (via escape
key, overlay click, or close button).`,name:`onClose`,required:!1,type:{name:`enum`,value:[{value:`() => void`}]}},mobileFullHeight:{defaultValue:null,description:"Makes the Dialog take up the full screen height on mobile screens, i.e.\nscreens under the `medium-l` breakpoint.",name:`mobileFullHeight`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}}));export{v as n,_ as t};