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

1import"./BXhwi9sJ.js";import"./DxAsu0tI.js";import{f as i,d as l,K as y,L as F,a as n,c as h,B as A,r as D,b as v}from"./B232ALK4.js";import{h as $}from"./Cw9hRD3K.js";import{B as b}from"./BnWbCfUM.js";import{C as _}from"./BKaqlBcU.js";import{P as C}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 d}from"./BVeEaY9y.js";import{P as x}from"./CRjAsUjk.js";const P={title:"Alert 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/alert-dialog"},{title:"API Reference",href:"https://bits-ui.com/docs/components/alert-dialog#api-reference"},{title:"Component Source",href:"https://github.com/Mhamad6000/retroui-svelte/tree/main/registry/ui/alert-dialog"}]},{title:X,description:Y,section:Z,links:ss}=P;var T=v('<!> <br/> <br/> <!> <!> <br/> <br/> <!> <figure data-rehype-pretty-code-figure=""><!></figure>',1);function as(m){const g=["shadcn-svelte@latest","add","https://retroui-svelte.netlify.app/r/alert-dialog.json"];b(m,{children:(B,k)=>{var o=T(),t=i(o);_(t,{name:"alert-dialog-usage-example"});var p=l(t,6);

1d(p,{id:"installation",children:(a,c)=>{y();var s=F("Installation");n(a,s)},$$slots:{default:!0}});var e=l(p,2);C(e,{command:"execute",get args(){return g}});var r=l(e,6);d(r,{id:"usage",children:(a,c)=>{y();var s=F("Usage");n(a,s)},$$slots:{default:!0}});var E=l(r,2),u=h(E);x(u,{tabindex:"0","data-language":"svelte","data-theme":"github-dark",children:(a,c)=>{var s=A(),f=i(s);$(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"> AlertDialog </span><span style="color:#F97583">from</span><span style="color:#9ECBFF"> "$lib/components/ui/alert-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">AlertDialog</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">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Trigger</span><span style="color:#E1E4E8">>Open&lt;/</span><span style="color:#79B8FF">AlertDialog</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">AlertDialog</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">AlertDialog</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">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Title</span><span style="color:#E1E4E8">>Are you absolutely sure?&lt;/</span><span style="color:#79B8FF">AlertDialog</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">AlertDialog</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">AlertDialog</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">AlertDialog</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">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Footer</span><span style="color:#E1E4E8">></span></span>
16<span data-line=""><span style="color:#E1E4E8">   &lt;</span><span style="color:#79B8FF">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Cancel</span><span style="color:#E1E4E8">>Cancel&lt;/</span><span style="color:#79B8FF">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Cancel</span><span style="color:#E1E4E8">></span></span>
17<span data-line=""><span style="color:#E1E4E8">   &lt;</span><span style="color:#79B8FF">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Action</span><span style="color:#E1E4E8">>Continue&lt;/</span><span style="color:#79B8FF">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Action</span><span style="color:#E1E4E8">></span></span>
18<span data-line=""><span style="color:#E1E4E8">  &lt;/</span><span style="color:#79B8FF">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Footer</span><span style="color:#E1E4E8">></span></span>
19<span data-line=""><span style="color:#E1E4E8"> &lt;/</span><span style="color:#79B8FF">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">Content</span><span style="color:#E1E4E8">></span></span>
20<span data-line=""><span style="color:#E1E4E8">&lt;/</span><span style="color:#79B8FF">AlertDialog</span><span style="color:#E1E4E8">.</span><span style="color:#79B8FF">

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