https://loans.dynagenlending.com/account/heloc/assets/multi-modal-overflow-container-CTT35-p6.js

1import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{Dn as t,En as n,Zn as r,dr as i,fr as a,jn as o,yn as s}from"./vendor-DARUOhqT.js";import{i as c}from"./button-B8hMuDAH.js";var l=e(a()),u=[],d=new Set;function f(e){u=[...u,e];for(let e of d)e(u)}function p(e){u=u.filter(t=>t!==e);for(let e of d)e(u)}function m(){return u}function h(e){return d.add(e),()=>{d.delete(e)}}function g(){return(0,l.useSyncExternalStore)(h,m,m)}function _(e,t){let n=g().includes(e),r=(0,l.useCallback)(()=>{m().includes(e)||(f(e),t?.(!0))},[e,t]),i=(0,l.useCallback)(()=>{m().at(-1)===e&&(p(e),t?.(!1))},[e,t]);return(0,l.useMemo)(()=>({close:i,open:r,isOpen:n,setOpen:e=>e?r():i(),toggle:()=>n?i():r()}),[i,r,n])}function v(e,t={}){let n=(0,l.useRef)(typeof e==`string`?e:crypto.randomUUID()),r=typeof e==`object`?e:t,i=_(n.current,r.onOpenChange);(0,l.useEffect)(()=>{r.defaultOpen&&!m().includes(n.current)&&f(n.current)},[]);let{overlayProps:a,triggerProps:{href:s,...c}}=o({type:`dialog`},i);return{id:a.id,state:i,overlayProps:a,triggerProps:c}}var y=(0,l.createContext)(void 0),b=y.Provider,x=()=>(0,l.useContext)(y),S=i();function C(e){let{children:i,className:a,designSystem:s=`v2024`,focusRef:u,headerId:d,id:f,portalContainer:p,underlayClassName:m,isDismissable:h=!0,isKeyboardDismissDisabled:v,shouldCloseOnInteractOutside:y=()=>!0}=e,x=g(),C=(0,l.useRef)(e.modalId??x.at(-1)??``),w=r(d),T=_(C.current),E=(0,l.useRef)(null),D=(0,l.useRef)(null),O=u??D,{modalProps:k,underlayProps:A}=n({isDismissable:h,isKeyboardDismissDisabled:v,shouldCloseOnInteractOutside:y},T,E),{overlayProps:j}=o({type:`dialog`},T);return(0,l.useEffect)(()=>{T.isOpen&&O.current?.focus()},[T.isOpen,O]),T.isOpen&&(0,S.jsx)(b,{value:{designSystem:s,focusRef:O,isDefaultFocus:!u,overlayId:w},children:(0,S.jsx)(t,{...j,portalContainer:p,children:(0,S.jsx)(`div`,{...A,className:c(`fixed inset-0 flex justify-center bg-black/80`,s===`v2023`?`items-start overflow-y-auto md:items-center`:`size-full items-center p-8 motion-safe:animate-fade-in`,m),children:(0,S.jsx)(`div`,{...k,ref:E,id:f,role:`dialog`,"aria-labelledby":w,className:c(`touch-auto md:max-w-2xl`,s===`v2023`?`h-screen max-h-screen w-screen overflow-y-auto rounded border border-neutral-150 bg-white md:h-fit`:`relative w-full rounded-b-2.5xl shadow-md shadow-neutral-700`,a),children:i})})})})}function w(e){let{children:t,className:n}=e,r=(0,l.useRef)(null),{designSystem:i,isDefaultFocus:a,focusRef:o}=x(),{dialogProps:u}=s(e,r),[d,f]=(0,l.useState)(!1);(0,l.useLayoutEffect)(()=>{f(!0)},[]);let{role:p,...m}=u;return o?.current||!a||d?(0,S.jsx)(`div`,{...m,"aria-labelledby":e[`aria-labelledby`],ref:r,className:c(i===`v2023`?`p-5`:`h-full rounded-b-2.5xl bg-white p-6`,n),children:t}):null}var T=(0,l.forwardRef)((e,t)=>{let{children:n,className:r}=e,{designSystem:i}=x();return(0,S.jsx)(`div`,{className:c(`top-0 z-20 flex items-start justify-between overflow-y-auto border-b bg-white p-5 md:sticky`,i===`v2023`?`items-start justify-between border-neutral-200`:`rounded-t-2.5xl border-neutral-150 bg-white`,r),ref:t,children:n})}),E=(0,l.forwardRef)((e,t)=>{let{children:n,className:r,...i}=e;return(0,S.jsx)(`div`,{className:c(`max-h-[calc(100vh-4rem)] overflow-y-auto rounded-2.5xl bg-white contrast-more:outline md:h-fit`,r),...i,ref:t,children:n})});export{x as a,p as c,C as i,T as n,v as o,w as r,m as s,E as t};
2//# sourceMappingURL=multi-modal-overflow-container-CTT35-p6.js.map