https://retroui-svelte.netlify.app/_app/immutable/chunks/DAOjcErx.js

1import"./BXhwi9sJ.js";import"./DxAsu0tI.js";import{f as c,d as o,K as y,L as d,a as n,c as h,B as v,r as D,b as $}from"./B232ALK4.js";import{h as b}from"./Cw9hRD3K.js";import{B as _}from"./BnWbCfUM.js";import{C as x}from"./BKaqlBcU.js";import{P}from"./BP-_wjZZ.js";import"./DOXG6GBn.js";import"./B-bd-nZJ.js";import"./B1xDsxBA.js";import"./jLiRLHDe.js";import"./O8qVb8VV.js";import"./CJ3TGNkk.js";import"./5OKMvTsk.js";import"./ViDYVyGk.js";import"./CnqGSB9r.js";import"./CEcLVhbI.js";import{H as m}from"./BVeEaY9y.js";import{P as C}from"./CRjAsUjk.js";const T={title:"Dialog",description:"A modal dialog that interrupts the user with important content and expects a response.",section:"Components",links:[{title:"Docs",href:"https://bits-ui.com/docs/components/dialog"},{title:"API Reference",href:"https://bits-ui.com/docs/components/dialog#api-reference"},{title:"Component Source",href:"https://github.com/Mhamad6000/retroui-svelte/tree/main/registry/ui/dialog"}]},{title:X,description:Y,section:Z,links:ss}=T;var k=$('<!> <br/> <br/> <!> <!> <br/> <br/> <!> <figure data-rehype-pretty-code-figure=""><!></figure>',1);function as(F){const g=["shadcn-svelte@latest","add","https://retroui-svelte.netlify.app/r/dialog.json"];_(F,{children:(u,A)=>{var l=k(),t=c(l);x(t,{name:"dialog-usage-example"});var p=o(t,6);m(p,{id:"installation",children:(a,i)=>{y();var s=d("Installation");n(a,s)},$$slots:{default:!0}});var e=o(p,2);P(e,{command:"execute",get args(){return g}});var r=o(e,6);m(r,{id:"usage",children:(a,i)=>{y();var s=d("Usage");n(a,s)},$$slots:{default:!0}});var E=o(r,2),B=h(E);C(B,{tabindex:"0","data-language":"svelte","data-theme":"github-dark",children:(a,i)=>{var s=v(),f=c(s);b(f,()=>`<code data-language="svelte" data-theme="github-dark" style="display: grid;"><span data-line=""><span style="color:#E1E4E8">&lt;</span><span style="color:#85E89D">script</span><span style="color:#B392F0"> lang</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"ts"</span><span style="color:#E1E4E8">></span></span>
2<span data-line=""><span style="color:#F97583"> import</span><span style="color:#79B8FF"> *</span><span style="color:#F97583"> as</span><span style="color:#E1E4E8"> Dialog </span><span style="color:#F97583">from</span><span style="color:#9ECBFF"> "$lib/components/ui/dialog/index.js"</span><span style="color:#E1E4E8">;</span></span>
3<span data-line=""><span style="color:#E1E4E8">&lt;/</span><span style="color:#85E89D">script</span><span style="color:#E1E4E8">></span></span>
4<span data-line=""><span style="color:#E1E4E8"> </span></span>
5<span data-line=""><span style="color:#E1E4E8">&lt;</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">

5Root</span><span style="color:#E1E4E8">></span></span>
6<span data-line=""><span style="color:#E1E4E8"> &lt;</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Trigger</span><span style="color:#E1E4E8">>Open&lt;/</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Trigger</span><span style="color:#E1E4E8">></span></span>
7<span data-line=""><span style="color:#E1E4E8"> &lt;</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Content</span><span style="color:#E1E4E8">></span></span>
8<span data-line=""><span style="color:#E1E4E8">  &lt;</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Header</span><span style="color:#E1E4E8">></span></span>
9<span data-line=""><span style="color:#E1E4E8">   &lt;</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Title</span><span style="color:#E1E4E8">>Are you sure absolutely sure?&lt;/</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Title</span><span style="color:#E1E4E8">></span></span>
10<span data-line=""><span style="color:#E1E4E8">   &lt;</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Description</span><span style="color:#E1E4E8">></span></span>
11<span data-line=""><span style="color:#E1E4E8">    This action cannot be undone. This will permanently delete your account</span></span>
12<span data-line=""><span style="color:#E1E4E8">    and remove your data from our servers.</span></span>
13<span data-line=""><span style="color:#E1E4E8">   &lt;/</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Description</span><span style="color:#E1E4E8">></span></span>
14<span data-line=""><span style="color:#E1E4E8">  &lt;/</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Header</span><span style="color:#E1E4E8">></span></span>
15<span data-line=""><span style="color:#E1E4E8"> &lt;/</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Content</span><span style="color:#E1E4E8">></span></span>
16<span data-line=""><span style="color:#E1E4E8">&lt;/</span><span style="color:#79B8FF">Dialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">

16Root</span><span style="color:#E1E4E8">></span></span></code>`),n(a,s)},$$slots:{default:!0}}),D(E),n(u,l)}})}export{as as default,T as metadata};