import{j as o,r as s,W as u,X as M,Z as k,w as n}from"./index-C9vqJYWU.js";import{R as L,C as m,c as x,P as z,W,a as G,T as H,D as B,O as Q,b as Y}from"./separator-XQIAzE1m.js";var q=Symbol("radix.slottable");function V(a){const e=({children:t})=>o.jsx(o.Fragment,{children:t});return e.displayName=`${a}.Slottable`,e.__radixId=q,e}var A="AlertDialog",[X]=k(A,[x]),l=x(),v=a=>{const{__scopeAlertDialog:e,...t}=a,r=l(e);return o.jsx(L,{...r,...t,modal:!0})};v.displayName=A;var Z="AlertDialogTrigger",J=s.forwardRef((a,e)=>{const{__scopeAlertDialog:t,...r}=a,i=l(t);return o.jsx(Y,{...i,...r,ref:e})});J.displayName=Z;var K="AlertDialogPortal",D=a=>{const{__scopeAlertDialog:e,...t}=a,r=l(e);return o.jsx(z,{...r,...t})};D.displayName=K;var U="AlertDialogOverlay",b=s.forwardRef((a,e)=>{const{__scopeAlertDialog:t,...r}=a,i=l(t);return o.jsx(Q,{...i,...r,ref:e})});b.displayName=U;var c="AlertDialogContent",[ee,ae]=X(c),te=V("AlertDialogContent"),y=s.forwardRef((a,e)=>{const{__scopeAlertDialog:t,children:r,...i}=a,g=l(t),p=s.useRef(null),I=u(e,p),f=s.useRef(null);return o.jsx(W,{contentName:c,titleName:N,docsSlug:"alert-dialog",children:o.jsx(ee,{scope:t,cancelRef:f,children:o.jsxs(G,{role:"alertdialog",...g,...i,ref:I,onOpenAutoFocus:M(i.onOpenAutoFocus,d=>{d.preventDefault(),f.current?.focus({preventScroll:!0})}),onPointerDownOutside:d=>d.preventDefault(),onInteractOutside:d=>d.preventDefault(),children:[o.jsx(te,{children:r}),o.jsx(re,{contentRef:p})]})})})});y.displayName=c;var N="AlertDialogTitle",_=s.forwardRef((a,e)=>{const{__scopeAlertDialog:t,...r}=a,i=l(t);return o.jsx(H,{...i,...r,ref:e})});_.displayName=N;var j="AlertDialogDescription",h=s.forwardRef((a,e)=>{const{__scopeAlertDialog:t,...r}=a,i=l(t);return o.jsx(B,{...i,...r,ref:e})});h.displayName=j;var oe="AlertDialogAction",R=s.forwardRef((a,e)=>{const{__scopeAlertDialog:t,...r}=a,i=l(t);return o.jsx(m,{...i,...r,ref:e})});R.displayName=oe;var E="AlertDialogCancel",C=s.forwardRef((a,e)=>{const{__scopeAlertDialog:t,...r}=a,{cancelRef:i}=ae(E,t),g=l(t),p=u(e,i);return o.jsx(m,{...g,...r,ref:p})});C.displayName=E;var re=({contentRef:a})=>{const e=`\`${c}\` requires a description for the component to be accessible for screen reader users.

You can add a description to the \`${c}\` by passing a \`${j}\` component as a child, which also benefits sighted users by adding visible context to the dialog.

Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${c}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.

For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;return s.useEffect(()=>{document.getElementById(a.current?.getAttribute("aria-describedby"))||console.warn(e)},[e,a]),null},se=v,ie=D,w=b,S=y,T=R,P=C,O=_,F=h;const Ae=se,le=ie,$=s.forwardRef(({className:a,...e},t)=>o.jsx(w,{className:n("fixed inset-0 z-50 bg-black/90 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...e,ref:t}));$.displayName=w.displayName;const ne=s.forwardRef(({className:a,...e},t)=>o.jsxs(le,{children:[o.jsx($,{}),o.jsx(S,{ref:t,className:n("fixed left-[50%] top-[50%] z-50 grid w-[400px] translate-x-[-50%] translate-y-[-50%] gap-0 bg-[#FFFFFF] p-0 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]","rounded-[8px] shadow-[0px_8px_16px_0px_rgba(28,32,44,0.5)]",a),...e})]}));ne.displayName=S.displayName;const ce=({className:a,...e})=>o.jsx("div",{className:n("flex items-center justify-between h-[70px] px-5 py-5 border-b border-gray-200",a),...e});ce.displayName="AlertDialogHeader";const de=({className:a,...e})=>o.jsx("div",{className:n("flex items-center justify-start h-[92px] px-5 py-6 gap-3 border-t border-gray-200",a),...e});de.displayName="AlertDialogFooter";const pe=s.forwardRef(({className:a,...e},t)=>o.jsx(O,{ref:t,className:n("text-lg font-bold text-foreground",a),...e}));pe.displayName=O.displayName;const ge=s.forwardRef(({className:a,...e},t)=>o.jsx(F,{ref:t,className:n("text-sm text-muted-foreground text-center px-5 py-8 min-h-[112px] flex items-center justify-center",a),...e}));ge.displayName=F.displayName;const fe=s.forwardRef(({className:a,...e},t)=>o.jsx(T,{ref:t,className:n("inline-flex items-center justify-center rounded-[52px] text-base font-bold h-[44px] px-5 text-white bg-[#51A196] hover:bg-[#51A196]/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 transition-colors","font-['Quicksand'] leading-6 tracking-[-0.01em]",a),...e}));fe.displayName=T.displayName;const ue=s.forwardRef(({className:a,...e},t)=>o.jsx(P,{ref:t,className:n("inline-flex items-center justify-center rounded-[52px] text-base font-bold h-[44px] px-5 bg-background dark:bg-card border border-foreground dark:border-border hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 transition-colors","font-['Quicksand'] leading-6 tracking-[-0.01em]",a),...e}));ue.displayName=P.displayName;export{Ae as A,P as C,ne as a,ce as b,pe as c,ge as d,de as e,fe as f,ue as g};
