https://www.dorothyperkins.com/build/_shared/chunk-OMBAEG72.js

1import{a as x}from"/build/_shared/chunk-R5S4NNZO.js";import{a as F}from"/build/_shared/chunk-WVC4YTIO.js";import{a as k}from"/build/_shared/chunk-I5UT2UAU.js";import{b as S}from"/build/_shared/chunk-V53WT573.js";import{a as L}from"/build/_shared/chunk-5OBEDPFR.js";import{a as $}from"/build/_shared/chunk-H6S7FWVP.js";import{d as c}from"/build/_shared/chunk-T36URGAI.js";var f=c($());var A=c($());var T=c($()),D=typeof window!="undefined"&&window.document.createElement?T.useLayoutEffect:T.useEffect;var I=(n,t,r)=>{(0,A.useEffect)(()=>{let e=t==null?void 0:t.current,u=a=>{var p,v,i;let g=r!=null&&r.current&&r.current.firstChild?r.current.firstChild.scrollHeight>r.current.offsetHeight:!1;if(!g&&((p=a.currentTarget)!=null&&p.contains(a.target))||g&&!((i=(v=r==null?void 0:r.current)==null?void 0:v.firstChild)!=null&&i.contains(a.target)))return a.preventDefault(),!1},m=n&&!!e;return m&&(e==null||e.addEventListener("touchmove",u,{passive:!1})),()=>{m&&(e==null||e.removeEventListener("touchmove",u))}},[n]),D(()=>{if(document.body&&n){let e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[n])};var o=c(L());var Y=({children:n,isOpen:t,onClose:r,toggleButtonRef:e,backgroundClassName:u,containerClassName:m,panelContainerClassName:a,panelClassName:g,panelContentClassName:p,closeClassName:v,top:i,height:b,closeButton:l=!0,dimBackground:X,gradientEdge:j,align:d="LEFT",closeButtonOutsidePanel:s,adjustCloseButtonAlign:G,lockBodyScroll:R,onTransitionEnd:h,testId:w,shouldScrollToTop:H})=>{let N=(0,f.useRef)(null),C=(0,f.useRef)(null);x([N,e],r,t),I(!!(R&&t),N,C);let z=y=>{y.propertyName==="transform"&&h&&h()};return(0,f.useEffect)(()=>{if(H&&t){let y=C.current;y&&(y.scrollTop=0)}},[H,t,n]),(0,o.jsxs)(o.Fragment,{children:[X&&(0,o.jsx)("div",{className:`fixed inset-0 bg-site-background transition-opacity ${u}`,style:{top:i!=null?i:0,visibility:t?"visible":"hidden",opacity:t?"0.75":"0",transitionDuration:t?"200ms":"100ms"}}),(0,o.jsx)("div",{className:`z-[110] ${l&&s?"left-10":"left-0"} right-0 fixed flex justify-center ${m}`,style:{top:i!=null?i:0},children:(0,o.jsx)("div",{className:`z-40 w-full relative ${a}`,children:(0,o.jsxs)("div",{className:`absolute top-0 w-full transition-all max-w-[375px] ${d==="LEFT"?`left-0 ${l&&s?"pr-10":""}`:`left-full ${l&&s?"pl-10":""}`} ${g}`,"data-test-id":w,ref:N,onTransitionEnd:z,style:{height:b!=null?b:"auto",transform:d==="LEFT"?t?l&&s?"translateX(-2.5rem)":"translateX(0)":"translateX(-100%)":t?"translateX(-100%)":"translateX(0px)",transitionDuration:t?"200ms":"100ms",transitionTimingFunction:t?"ease-out":"ease-in",visibility:t?"visible":"hidden"},children:[j&&(0,o.jsx)("div",{className:`
2                inline-block absolute top-0 bottom-0 border-l border-gray-300 w-32 bg-gradient-to-l from-transparent to-white pointer-events-none ${d==="LEFT"?"-right-32":"-left-32 rotate-180"}`}),(0,o.jsx)("div",{ref:C,className:`w-full h-full ${p}`,children:n}),l&&(0,o.jsxs)(o.Fragment,{children:[s&&(0,o.jsx)("div",{onClick:r,className:`absolute w-10 h-full bg-none top-0 ${d==="RIGHT"?"left-0":"right-0"}`}),(0,o.jsx)(S,{className:`absolute w-10 h-10 top-0 ${G?"-mt-3 -mr-3":""} ${d==="RIGHT"&&s?"left-0":"right-0"} ${v}`,onClick:r,type:"button","aria-label":"Close","data-test-id":w?`${w}-close`:void 0,children:(0,o.jsx)(k,{icon:F,width:16,height:16})})]})]})})})]})};export{Y as a};