https://diagrammingai.com/_next/static/chunks/5201-bdee85db8c615594.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5201],{5201:(e,n,t)=>{t.d(n,{bm:()=>ea,UC:()=>eo,VY:()=>el,hJ:()=>er,ZL:()=>et,bL:()=>ee,hE:()=>ei,l9:()=>en,G$:()=>$,Hs:()=>w});var r=t(12115);function o(e,n,{checkForDefaultPrevented:t=!0}={}){return function(r){if(e?.(r),!1===t||!r.defaultPrevented)return n?.(r)}}var i=t(94446),l=t(3468),a=t(68946),s=t(23558),u=t(33045),d=t(69666),c=t(75433),f=t(4129),p=e=>{let{present:n,children:t}=e,o=function(e){var n,t;let[o,i]=r.useState(),l=r.useRef(null),a=r.useRef(e),s=r.useRef("none"),[u,d]=(n=e?"mounted":"unmounted",t={mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}},r.useReducer((e,n)=>{let r=t[e][n];return null!=r?r:e},n));return r.useEffect(()=>{let e=m(l.current);s.current="mounted"===u?e:"none"},[u]),(0,f.N)(()=>{let n=l.current,t=a.current;if(t!==e){let r=s.current,o=m(n);e?d("MOUNT"):"none"===o||(null==n?void 0:n.display)==="none"?d("UNMOUNT"):t&&r!==o?d("ANIMATION_OUT"):d("UNMOUNT"),a.current=e}},[e,d]),(0,f.N)(()=>{if(o){var e;let n,t=null!=(e=o.ownerDocument.defaultView)?e:window,r=e=>{let r=m(l.current).includes(e.animationName);if(e.target===o&&r&&(d("ANIMATION_END"),!a.current)){let e=o.style.animationFillMode;o.style.animationFillMode="forwards",n=t.setTimeout(()=>{"forwards"===o.style.animationFillMode&&(o.style.animationFillMode=e)})}},i=e=>{e.target===o&&(s.current=m(l.current))};return o.addEventListener("animationstart",i),o.addEventListener("animationcancel",r),o.addEventListener("animationend",r),()=>{t.clearTimeout(n),o.removeEventListener("animationstart",i),o.removeEventListener("animationcancel",r),o.removeEventListener("animationend",r)}}d("ANIMATION_END")},[o,d]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:r.useCallback(e=>{l.current=e?getComputedStyle(e):null,i(e)},[])}}(n),l="function"==typeof t?t({present:o.isPresent}):r.Children.only(t),a=(0,i.s)(o.ref,function(e){var n,t;let r=null==(n=Object.getOwnPropertyDescriptor(e.props,"ref"))?void 0:n.get,o=r&&"isReactWarning"in r&&r.isReactWarning;return o?e.ref:(o=(r=null==(t=Object.getOwnPropertyDescriptor(e,"ref"))?void 0:t.get)&&"isReactWarning"in r&&r.isReactWarning)?e.props.ref:e.props.ref||e.ref}(l));return"function"==typeof t||o.isPresent?r.cloneElement(l,{ref:a}):null};function m(e){return(null==e?void 0:e.animationName)||"none"}p.displayName="Presence";var g=t(97602),v=t(19526),N=t(14432),y=t(97745),D=t(32467),O=t(95155),h="Dialog",[R,w]=(0,l.A)(h),[I,b]=R(h),E=e=>{let{__scopeDialog:n,children:t,open:o,defaultOpen:i,onOpenChange:l,modal:u=!0}=e,d=r.useRef(null),c=r.useRef(null),[f,p]=(0,s.i)({prop:o,defaultProp:null!=i&&i,onChange:l,caller:h});return(0,O.jsx)(I,{scope:n,triggerRef:d,contentRef:c,contentId:(0,a.B)(),titleId:(0,a.B)(),descriptionId:(0,a.B)(),open:f,onOpenChange:p,onOpenToggle:r.useCallback(()=>p(e=>!e),[p]),modal:u,children:t})};E.displayName=h;var j="DialogTrigger",x=r.forwardRef((e,n)=>{let{__scopeDialog:t,...r}=e,l=b(j,t),a=(0,i.s)(n,l.triggerRef);return(0,O.jsx)(g.sG.button,{type:"button","aria-haspopup":"dialog","aria-expanded":l.open,"aria-controls":l.contentId,"data-state":K(l.open),...r,ref:a,onClick:o(e.onClick,l.onOpenToggle)})});x.displayName=j;var C="DialogPortal",[T,_]=R(C,{forceMount:void 0}),M=e=>{let{__scopeDialog:n,forceMount:t,children:o,container:i}=e,l=b(C,n);return(0,O.jsx)(T,{scope:n,forceMount:t,children:r.Children.map(o,e=>(0,O.jsx)(p,{present:t||l.open,children:(0,O.jsx)(c.Z,{asChild:!0,container:i,children:e})}))})};M.displayName=C;var A="DialogOverlay",F=r.forwardRef((e,n)=>{let t=_(A,e.__scopeDialog),{forceMount:r=t.forceMount,...o}=e,i=b(A,e.__scopeDialog);return i.modal?(0,O.jsx)(p,{present:r||i.open,children:(0,O.jsx)(U,{...o,ref:n})}):null});F.displayName=A;var P=(0,D.TL)("DialogOverlay.RemoveScroll"),U=r.forwardRef((e,n)=>{let{__scopeDialog:t,...r}=e,o=b(A,t);return(0,O.jsx)(N.A,{as:P,allowPinchZoom:!0,shards:[o.contentRef],children:(0,O.jsx)(g.sG.div,{"data-state":K(o.open),...r,ref:n,style:{pointerEvents:"auto",...r.style}})})}

1),k="DialogContent",L=r.forwardRef((e,n)=>{let t=_(k,e.__scopeDialog),{forceMount:r=t.forceMount,...o}=e,i=b(k,e.__scopeDialog);return(0,O.jsx)(p,{present:r||i.open,children:i.modal?(0,O.jsx)(S,{...o,ref:n}):(0,O.jsx)(W,{...o,ref:n})})});L.displayName=k;var S=r.forwardRef((e,n)=>{let t=b(k,e.__scopeDialog),l=r.useRef(null),a=(0,i.s)(n,t.contentRef,l);return r.useEffect(()=>{let e=l.current;if(e)return(0,y.Eq)(e)},[]),(0,O.jsx)(G,{...e,ref:a,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:o(e.onCloseAutoFocus,e=>{var n;e.preventDefault(),null==(n=t.triggerRef.current)||n.focus()}),onPointerDownOutside:o(e.onPointerDownOutside,e=>{let n=e.detail.originalEvent,t=0===n.button&&!0===n.ctrlKey;(2===n.button||t)&&e.preventDefault()}),onFocusOutside:o(e.onFocusOutside,e=>e.preventDefault())})}),W=r.forwardRef((e,n)=>{let t=b(k,e.__scopeDialog),o=r.useRef(!1),i=r.useRef(!1);return(0,O.jsx)(G,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:n=>{var r,l;null==(r=e.onCloseAutoFocus)||r.call(e,n),n.defaultPrevented||(o.current||null==(l=t.triggerRef.current)||l.focus(),n.preventDefault()),o.current=!1,i.current=!1},onInteractOutside:n=>{var r,l;null==(r=e.onInteractOutside)||r.call(e,n),n.defaultPrevented||(o.current=!0,"pointerdown"===n.detail.originalEvent.type&&(i.current=!0));let a=n.target;(null==(l=t.triggerRef.current)?void 0:l.contains(a))&&n.preventDefault(),"focusin"===n.detail.originalEvent.type&&i.current&&n.preventDefault()}})}),G=r.forwardRef((e,n)=>{let{__scopeDialog:t,trapFocus:o,onOpenAutoFocus:l,onCloseAutoFocus:a,...s}=e,c=b(k,t),f=r.useRef(null),p=(0,i.s)(n,f);return(0,v.Oh)(),(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(d.n,{asChild:!0,loop:!0,trapped:o,onMountAutoFocus:l,onUnmountAutoFocus:a,children:(0,O.jsx)(u.qW,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":K(c.open),...s,ref:p,onDismiss:()=>c.onOpenChange(!1)})}),(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(Q,{titleId:c.titleId}),(0,O.jsx)(X,{contentRef:f,descriptionId:c.descriptionId})]})]})}),B="DialogTitle",q=r.forwardRef((e,n)=>{let{__scopeDialog:t,...r}=e,o=b(B,t);return(0,O.jsx)(g.sG.h2,{id:o.titleId,...r,ref:n})});q.displayName=B;var V="DialogDescription",Z=r.forwardRef((e,n)=>{let{__scopeDialog:t,...r}=e,o=b(V,t);return(0,O.jsx)(g.sG.p,{id:o.descriptionId,...r,ref:n})});Z.displayName=V;var H="DialogClose",J=r.forwardRef((e,n)=>{let{__scopeDialog:t,...r}=e,i=b(H,t);return(0,O.jsx)(g.sG.button,{type:"button",...r,ref:n,onClick:o(e.onClick,()=>i.onOpenChange(!1))})});function K(e){return e?"open":"closed"}J.displayName=H;var Y="DialogTitleWarning",[$,z]=(0,l.q)(Y,{contentName:k,titleName:B,docsSlug:"dialog"}),Q=e=>{let{titleId:n}=e,t=z(Y),o="`".concat(t.contentName,"` requires a `").concat(t.titleName,"` for the component to be accessible for screen reader users.\n\nIf you want to hide the `").concat(t.titleName,"`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/").concat(t.docsSlug);return r.useEffect(()=>{n&&(document.getElementById(n)||console.error(o))},[o,n]),null},X=e=>{let{contentRef:n,descriptionId:t}=e,o=z("DialogDescriptionWarning"),i="Warning: Missing `Description` or `aria-describedby={undefined}` for {".concat(o.contentName,"}.");return r.useEffect(()=>{var e;let r=null==(e=n.current)?void 0:e.getAttribute("aria-describedby");t&&r&&(document.getElementById(t)||console.warn(i))},[i,n,t]),null},ee=E,en=x,et=M,er=F,eo=L,ei=q,el=Z,ea=J}}]);