https://l2beat.com/static/assets/Drawer-CWlUi9x9.js

1import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./index-ao0YZA6W.js";import{Kn as r,_n as i,dn as a,fn as o,gn as s,hn as c,mn as l,pn as u,un as d}from"./SideNavLayout-CqAX2xpZ.js";var f=e(t(),1);function p(e){if(!e||typeof document>`u`)return;let t=document.head||document.getElementsByTagName(`head`)[0],n=document.createElement(`style`);n.type=`text/css`,t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}var m=f.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:`bottom`,shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),h=()=>{let e=f.useContext(m);if(!e)throw Error(`useDrawerContext must be used within a Drawer.Root`);return e};p(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,100%,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,-100%,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(-100%,0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(100%,0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
2[data-state=closed]
3){opacity:0}

3[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,100%,0)}}@keyframes slideFromTop{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,-100%,0)}}@keyframes slideFromLeft{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(-100%,0,0)}}@keyframes slideFromRight{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(100%,0,0)}}`);var g=24,_=typeof window<`u`?f.useLayoutEffect:f.useEffect;function v(...e){return(...t)=>{for(let n of e)typeof n==`function`&&n(...t)}}function y(){return w(/^Mac/)}function b(){return w(/^iPhone/)}function x(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function S(){return w(/^iPad/)||y()&&navigator.maxTouchPoints>1}function C(){return b()||S()}function w(e){return typeof window<`u`&&window.navigator!=null?e.test(window.navigator.platform):void 0}var T=typeof document<`u`&&window.visualViewport;function E(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function D(e){for(E(e)&&(e=e.parentElement);e&&!E(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}var ee=new Set([`checkbox`,`radio`,`range`,`color`,`file`,`image`,`button`,`submit`,`reset`]),O=0,te;function ne(e={}){let{isDisabled:t}=e;_(()=>{if(!t)return O++,O===1&&C()&&(te=re()),()=>{O--,O===0&&te?.()}},[t])}function re(){let e,t=0,n=n=>{e=D(n.target),(e!==document.documentElement||e!==document.body)&&(t=n.changedTouches[0].pageY)},r=n=>{if(!e||e===document.documentElement||e===document.body){n.preventDefault();return}let r=n.changedTouches[0].pageY,i=e.scrollTop,a=e.scrollHeight-e.clientHeight;a!==0&&((i<=0&&r>t||i>=a&&r<t)&&n.preventDefault(),t=r)},i=e=>{let t=e.target;ae(t)&&t!==document.activeElement&&(e.preventDefault(),t.style.transform=`translateY(-2000px)`,t.focus(),requestAnimationFrame(()=>{t.style.transform=``}))},a=e=>{let t=e.target;ae(t)&&(t.style.transform=`translateY(-2000px)`,requestAnimationFrame(()=>{t.style.transform=``,T&&(T.height<window.innerHeight?requestAnimationFrame(()=>{A(t)}):T.addEventListener(`resize`,()=>A(t),{once:!0}))}))},o=()=>{window.scrollTo(0,0)},s=window.pageXOffset,c=window.pageYOffset,l=v(ie(document.documentElement,`paddingRight`,`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let u=v(k(document,`touchstart`,n,{passive:!1,capture:!0}),k(document,`touchmove`,r,{passive:!1,capture:!0}),k(document,`touchend`,i,{passive:!1,capture:!0}),k(document,`focus`,a,!0),k(window,`scroll`,o));return()=>{l(),u(),window.scrollTo(s,c)}}function ie(e,t,n){let r=e.style[t];return e.style[t]=n,()=>{e.style[t]=r}}function k(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}function A(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let t=D(e);if(t!==document.documentElement&&t!==document.body&&t!==e){let n=t.getBoundingClientRect().top,r=e.getBoundingClientRect().top;e.getBoundingClientRect().bottom>t.getBoundingClientRect().bottom+g&&(t.scrollTop+=r-n)}e=t.parentElement}}function ae(e){return e instanceof HTMLInputElement&&!ee.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function oe(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function se(...e){return t=>

3e.forEach(e=>oe(e,t))}function j(...e){return f.useCallback(se(...e),e)}var M=new WeakMap;function N(e,t,n=!1){if(!e||!(e instanceof HTMLElement))return;let r={};Object.entries(t).forEach(([t,n])=>{if(t.startsWith(`--`)){e.style.setProperty(t,n);return}r[t]=e.style[t],e.style[t]=n}),!n&&M.set(e,r)}function ce(e,t){if(!e||!(e instanceof HTMLElement))return;let n=M.get(e);n&&(e.style[t]=n[t])}var P=e=>{switch(e){case`top`:case`bottom`:return!0;case`left`:case`right`:return!1;default:return e}};function le(e,t){if(!e)return null;let n=window.getComputedStyle(e),r=n.transform||n.webkitTransform||n.mozTransform,i=r.match(/^matrix3d\((.+)\)$/);return i?parseFloat(i[1].split(`, `)[P(t)?13:12]):(i=r.match(/^matrix\((.+)\)$/),i?parseFloat(i[1].split(`, `)[P(t)?5:4]):null)}function ue(e){return 8*(Math.log(e+1)-2)}function de(e,t){if(!e)return()=>{};let n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}var F={DURATION:.5,EASE:[.32,.72,0,1]},fe=.4,pe=.25,me=100,he=8,I=16,ge=26,_e=`vaul-dragging`;function L(e){let t=f.useRef(e);return f.useEffect(()=>{t.current=e}),f.useMemo(()=>(...e)=>t.current==null?void 0:t.current.call(t,...e),[])}function R({defaultProp:e,onChange:t}){let n=f.useState(e),[r]=n,i=f.useRef(r),a=L(t);return f.useEffect(()=>{i.current!==r&&(a(r),i.current=r)},[r,i,a]),n}function ve({prop:e,defaultProp:t,onChange:n=()=>{}}){let[r,i]=R({defaultProp:t,onChange:n}),a=e!==void 0,o=a?e:r,s=L(n);return[o,f.useCallback(t=>{if(a){let n=typeof t==`function`?t(e):t;n!==e&&s(n)}else i(t)},[a,e,i,s])]}function ye({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:r,overlayRef:i,fadeFromIndex:a,onSnapPointChange:o,direction:s=`bottom`,container:c,snapToSequentialPoint:l}){let[u,d]=ve({prop:e,defaultProp:n?.[0],onChange:t}),[p,m]=f.useState(typeof window<`u`?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);f.useEffect(()=>{function e(){m({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let h=f.useMemo(()=>u===n?.[n.length-1]||null,[n,u]),g=f.useMemo(()=>n?.findIndex(e=>e===u),[n,u]),_=n&&n.length>0&&(a||a===0)&&!Number.isNaN(a)&&n[a]===u||!n,v=f.useMemo(()=>{let e=c?{width:c.getBoundingClientRect().width,height:c.getBoundingClientRect().height}:typeof window<`u`?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};return n?.map(t=>{let n=typeof t==`string`,r=0;if(n&&(r=parseInt(t,10)),P(s)){let i=n?r:p?t*e.height:0;return p?s===`bottom`?e.height-i:-e.height+i:i}let i=n?r:p?t*e.width:0;return p?s===`right`?e.width-i:-e.width+i:i})??[]},[n,p,c]),y=f.useMemo(()=>g===null?null:v?.[g],[v,g]),b=f.useCallback(e=>{let t=v?.findIndex(t=>t===e)??null;o(t),N(r.current,{transition:`transform ${F.DURATION}s cubic-bezier(${F.EASE.join(`,`)})`,transform:P(s)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`}),v&&t!==v.length-1&&t!==a&&t<a?N(i.current,{transition:`opacity ${F.DURATION}s cubic-bezier(${F.EASE.join(`,`)})`,opacity:`0`}):N(i.current,{transition:`opacity ${F.DURATION}s cubic-bezier(${F.EASE.join(`,`)})`,opacity:`1`}),d(n?.[Math.max(t,0)])},[r.current,n,v,a,i,d]);f.useEffect(()=>{if(u||e){let t=n?.findIndex(t=>t===e||t===u)??-1;v&&t!==-1&&typeof v[t]==`number`&&b(v[t])}},[u,e,n,v,b]);function x({draggedDistance:e,closeDrawer:t,velocity:r,dismissible:o}){if(a===void 0)return;let c=s===`bottom`||s===`right`?(y??0)-e:(y??0)+e,u=g===a-1,d=g===0,f=e>0;if(u&&N(i.current,{transition:`opacity ${F.DURATION}s cubic-bezier(${F.EASE.join(`,`)})`}),!l&&r>2&&!f){o?t():b(v[0]);return}if(!l&&r>2&&f&&v&&n){b(v[n.length-1]);return}let p=v?.reduce((e,t)=>typeof e!=`number`||typeof t!=`number`?e:Math.abs(t-c)<Math.abs(e-c)?t:e),m=P(s)?window.innerHeight:window.innerWidth;if(r>fe&&Math.abs(e)<m*.4){let e=f?1:-1;if(e>0&&h){b(v[n.length-1]);return}if(d&&e<0&&o&&t(),g===null)return;b(v[g+e]);return}b(p)}function S({draggedDistance:e}){if(y===null)return;let t=s===`bottom`||s===`right`?y-e:y+e;(s===`bottom`||s===`right`)&&t<v[v.length-1]||(s===`top`||s===`left`)&&t>v[v.length-1]||N(r.current,{transform:P(s)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})}function C(e,t){if(!n||typeof g!=`number`||!v||a===void 0)return null;let r=g===a-1;if(g>=a&&t)return 0;if(r&&!t)return 1;if(!_&&!r)return null;let i=r?g+1:g-1,o=r?v[i]-v[i-1]:v[i+1]-v[i],s=e/Math.abs(o);return r?1-s:s}return{isLastSnapPoint:h,activeSnapPoint:u,shouldFade:_,getPercentageDragged:C,setActiveSnapPoint:d,activeSnapPointIndex:g,onRelease:x,onDrag:S,snapPointsOffset:v}}

3function z(){let{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:r,noBodyStyles:i}=h(),a=f.useRef(null),o=(0,f.useMemo)(()=>document.body.style.backgroundColor,[]);function s(){return(window.innerWidth-ge)/window.innerWidth}f.useEffect(()=>{if(t&&n){a.current&&clearTimeout(a.current);let t=document.querySelector(`[data-vaul-drawer-wrapper]`)||document.querySelector(`[vaul-drawer-wrapper]`);if(!t)return;r&&!i&&de(document.body,{background:`black`}),de(t,{transformOrigin:P(e)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${F.DURATION}s`,transitionTimingFunction:`cubic-bezier(${F.EASE.join(`,`)})`});let n=de(t,{borderRadius:`${he}px`,overflow:`hidden`,...P(e)?{transform:`scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{n(),a.current=window.setTimeout(()=>{o?document.body.style.background=o:document.body.style.removeProperty(`background`)},F.DURATION*1e3)}}},[t,n,o])}var B=null;function be({isOpen:e,modal:t,nested:n,hasBeenOpened:r,preventScrollRestoration:i,noBodyStyles:a}){let[o,s]=f.useState(()=>typeof window<`u`?window.location.href:``),c=f.useRef(0),l=f.useCallback(()=>{if(x()&&B===null&&e&&!a){B={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:`unset`};let{scrollX:e,innerHeight:t}=window;document.body.style.setProperty(`position`,`fixed`,`important`),Object.assign(document.body.style,{top:`${-c.current}px`,left:`${-e}px`,right:`0px`,height:`auto`}),window.setTimeout(()=>window.requestAnimationFrame(()=>{let e=t-window.innerHeight;e&&c.current>=t&&(document.body.style.top=`${-(c.current+e)}px`)}),300)}},[e]),u=f.useCallback(()=>{if(x()&&B!==null&&!a){let e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);Object.assign(document.body.style,B),window.requestAnimationFrame(()=>{if(i&&o!==window.location.href){s(window.location.href);return}window.scrollTo(t,e)}),B=null}},[o]);return f.useEffect(()=>{function e(){c.current=window.scrollY}return e(),window.addEventListener(`scroll`,e),()=>{window.removeEventListener(`scroll`,e)}},[]),f.useEffect(()=>{!n&&r&&(e?(!window.matchMedia(`(display-mode: standalone)`).matches&&l(),t||window.setTimeout(()=>{u()},500)):u())},[e,r,o,t,n,l,u]),{restorePositionSetting:u}}function V({open:e,onOpenChange:t,children:n,onDrag:r,onRelease:i,snapPoints:a,shouldScaleBackground:o=!1,setBackgroundColorOnScale:s=!0,closeThreshold:l=pe,scrollLockTimeout:u=me,dismissible:d=!0,handleOnly:p=!1,fadeFromIndex:h=a&&a.length-1,activeSnapPoint:g,setActiveSnapPoint:_,fixed:v,modal:y=!0,onClose:b,nested:x,noBodyStyles:S,direction:w=`bottom`,defaultOpen:T=!1,disablePreventScroll:E=!0,snapToSequentialPoint:D=!1,preventScrollRestoration:ee=!1,repositionInputs:O=!0,onAnimationEnd:te,container:re,autoFocus:ie=!1}){let[k=!1,A]=ve({defaultProp:T,prop:e,onChange:e=>{t?.(e),!e&&!x&&Ae(),setTimeout(()=>{te?.(e)},F.DURATION*1e3),e&&!y&&typeof window<`u`&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`}),e||(document.body.style.pointerEvents=`auto`)}}),[oe,se]=f.useState(!1),[j,M]=f.useState(!1),[de,L]=f.useState(!1),R=f.useRef(null),z=f.useRef(null),B=f.useRef(null),V=f.useRef(null),H=f.useRef(null),U=f.useRef(!1),W=f.useRef(null),xe=f.useRef(0),G=f.useRef(!1),Se=f.useRef(0),K=f.useRef(null),q=f.useRef(K.current?.getBoundingClientRect().height||0),J=f.useRef(K.current?.getBoundingClientRect().width||0),Ce=f.useRef(0),{activeSnapPoint:we,activeSnapPointIndex:Y,setActiveSnapPoint:Te,onRelease:Ee,snapPointsOffset:X,onDrag:De,shouldFade:Oe,getPercentageDragged:ke}=ye({snapPoints:a,activeSnapPointProp:g,setActiveSnapPointProp:_,drawerRef:K,fadeFromIndex:h,overlayRef:R,onSnapPointChange:f.useCallback(e=>{a&&e===X.length-1&&(z.current=new Date)},[]),direction:w,container:re,snapToSequentialPoint:D});ne({isDisabled:!k||j||!y||de||!oe||!O||!E});let{restorePositionSetting:Ae}=be({isOpen:k,modal:y,nested:x,hasBeenOpened:oe,preventScrollRestoration:ee,noBodyStyles:S});function Z(){return(window.innerWidth-ge)/window.innerWidth}function je(e){(d||a)&&(!K.current||K.current.contains(e.target))&&(q.current=K.current?.getBoundingClientRect().height||0,J.current=K.current?.getBoundingClientRect().width||0,M(!0),B.current=ne

3w Date,C()&&window.addEventListener(`touchend`,()=>U.current=!1,{once:!0}),e.target.setPointerCapture(e.pointerId),xe.current=P(w)?e.pageY:e.pageX)}function Q(e,t){let n=e,r=window.getSelection()?.toString(),i=K.current?le(K.current,w):null,a=new Date;if(n.hasAttribute(`data-vaul-no-drag`)||n.closest(`[data-vaul-no-drag]`))return!1;if(w===`right`||w===`left`)return!0;if(z.current&&a.getTime()-z.current.getTime()<500)return!1;if(i!==null&&(w===`bottom`?i>0:i<0))return!0;if(r&&r.length>0)return!1;if(a.getTime()-H.current?.getTime()<u&&i===0||t)return H.current=a,!1;for(;n;){if(n.scrollHeight>n.clientHeight){if(n.scrollTop!==0)return H.current=new Date,!1;if(n.getAttribute(`role`)===`dialog`)return!0}n=n.parentNode}return!0}function Me(e){if(K.current&&j){let t=w===`bottom`||w===`right`?1:-1,n=(xe.current-(P(w)?e.pageY:e.pageX))*t,i=n>0,s=a&&!d&&!i;if(s&&Y===0)return;let c=Math.abs(n),l=document.querySelector(`[data-vaul-drawer-wrapper]`),u=c/(w===`bottom`||w===`top`?q.current:J.current),f=ke(c,i);if(f!==null&&(u=f),s&&u>=1||!U.current&&!Q(e.target,i))return;if(K.current.classList.add(_e),U.current=!0,N(K.current,{transition:`none`}),N(R.current,{transition:`none`}),a&&De({draggedDistance:n}),i&&!a){let e=ue(n),r=Math.min(e*-1,0)*t;N(K.current,{transform:P(w)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`});return}let p=1-u;if((Oe||h&&Y===h-1)&&(r?.(e,u),N(R.current,{opacity:`${p}`,transition:`none`},!0)),l&&R.current&&o){let e=Math.min(Z()+u*(1-Z()),1),t=8-u*8,n=Math.max(0,14-u*14);N(l,{borderRadius:`${t}px`,transform:P(w)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:`none`},!0)}if(!a){let e=c*t;N(K.current,{transform:P(w)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}}f.useEffect(()=>{var e;function t(){if(!K.current||!O)return;let e=document.activeElement;if(ae(e)||G.current){let e=window.visualViewport?.height||0,t=window.innerHeight,n=t-e,r=K.current.getBoundingClientRect().height||0,i=r>t*.8;Ce.current||=r;let o=K.current.getBoundingClientRect().top;if(Math.abs(Se.current-n)>60&&(G.current=!G.current),a&&a.length>0&&X&&Y){let e=X[Y]||0;n+=e}if(Se.current=n,r>e||G.current){let t=K.current.getBoundingClientRect().height,r=t;t>e&&(r=e-(i?o:ge)),v?K.current.style.height=`${t-Math.max(n,0)}px`:K.current.style.height=`${Math.max(r,e-o)}px`}else K.current.style.height=`${Ce.current}px`;a&&a.length>0&&!G.current?K.current.style.bottom=`0px`:K.current.style.bottom=`${Math.max(n,0)}px`}}return(e=window.visualViewport)==null||e.addEventListener(`resize`,t),()=>window.visualViewport?.removeEventListener(`resize`,t)},[Y,a,X]);function $(e){Pe(),b?.(),e||A(!1),setTimeout(()=>{a&&Te(a[0])},F.DURATION*1e3)}function Ne(){if(!K.current)return;let e=document.querySelector(`[data-vaul-drawer-wrapper]`),t=le(K.current,w);N(K.current,{transform:`translate3d(0, 0, 0)`,transition:`transform ${F.DURATION}s cubic-bezier(${F.EASE.join(`,`)})`}),N(R.current,{transition:`opacity ${F.DURATION}s cubic-bezier(${F.EASE.join(`,`)})`,opacity:`1`}),o&&t&&t>0&&k&&N(e,{borderRadius:`${he}px`,overflow:`hidden`,...P(w)?{transform:`scale(${Z()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:`top`}:{transform:`scale(${Z()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:`left`},transitionProperty:`transform, border-radius`,transitionDuration:`${F.DURATION}s`,transitionTimingFunction:`cubic-bezier(${F.EASE.join(`,`)})`},!0)}function Pe(){j&&K.current&&(K.current.classList.remove(_e),U.current=!1,M(!1),V.current=new Date)}function Fe(e){if(!j||!K.current)return;K.current.classList.remove(_e),U.current=!1,M(!1),V.current=new Date;let t=le(K.current,w);

3if(!Q(e.target,!1)||!t||Number.isNaN(t)||B.current===null)return;let n=V.current.getTime()-B.current.getTime(),r=xe.current-(P(w)?e.pageY:e.pageX),o=Math.abs(r)/n;if(o>.05&&(L(!0),setTimeout(()=>{L(!1)},200)),a){Ee({draggedDistance:r*(w===`bottom`||w===`right`?1:-1),closeDrawer:$,velocity:o,dismissible:d}),i?.(e,!0);return}if(w===`bottom`||w===`right`?r>0:r<0){Ne(),i?.(e,!0);return}if(o>fe){$(),i?.(e,!1);return}let s=Math.min(K.current.getBoundingClientRect().height??0,window.innerHeight),c=Math.min(K.current.getBoundingClientRect().width??0,window.innerWidth);if(Math.abs(t)>=(w===`left`||w===`right`?c:s)*l){$(),i?.(e,!1);return}i?.(e,!0),Ne()}f.useEffect(()=>(k&&(N(document.documentElement,{scrollBehavior:`auto`}),z.current=new Date),()=>{ce(document.documentElement,`scrollBehavior`)}),[k]);function Ie(e){let t=e?(window.innerWidth-I)/window.innerWidth:1,n=e?-16:0;W.current&&window.clearTimeout(W.current),N(K.current,{transition:`transform ${F.DURATION}s cubic-bezier(${F.EASE.join(`,`)})`,transform:`scale(${t}) translate3d(0, ${n}px, 0)`}),!e&&K.current&&(W.current=setTimeout(()=>{let e=le(K.current,w);N(K.current,{transition:`none`,transform:P(w)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function Le(e,t){if(t<0)return;let n=(window.innerWidth-I)/window.innerWidth,r=n+t*(1-n),i=-16+t*I;N(K.current,{transform:P(w)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function Re(e,t){let n=P(w)?window.innerHeight:window.innerWidth,r=t?(n-I)/n:1,i=t?-16:0;t&&N(K.current,{transition:`transform ${F.DURATION}s cubic-bezier(${F.EASE.join(`,`)})`,transform:P(w)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`})}return f.createElement(c,{defaultOpen:T,onOpenChange:e=>{(d||e)&&(e?se(!0):$(!0),A(e))},open:k},f.createElement(m.Provider,{value:{activeSnapPoint:we,snapPoints:a,setActiveSnapPoint:Te,drawerRef:K,overlayRef:R,onOpenChange:t,onPress:je,onRelease:Fe,onDrag:Me,dismissible:d,handleOnly:p,isOpen:k,isDragging:j,shouldFade:Oe,closeDrawer:$,onNestedDrag:Le,onNestedOpenChange:Ie,onNestedRelease:Re,keyboardIsOpen:G,modal:y,snapPointsOffset:X,direction:w,shouldScaleBackground:o,setBackgroundColorOnScale:s,noBodyStyles:S,container:re,autoFocus:ie}},n))}var H=f.forwardRef(function({...e},t){let{overlayRef:n,snapPoints:r,onRelease:i,shouldFade:a,isOpen:o,modal:s}=h(),c=j(t,n),l=r&&r.length>0;return s?f.createElement(u,{onMouseUp:i,ref:c,"data-vaul-overlay":``,"data-vaul-snap-points":o&&l?`true`:`false`,"data-vaul-snap-points-overlay":o&&a?`true`:`false`,...e}):(typeof window<`u`&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`}),null)});H.displayName=`Drawer.Overlay`;var U=f.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:n,...r},i){let{drawerRef:o,onPress:s,onRelease:c,onDrag:l,keyboardIsOpen:u,snapPointsOffset:d,modal:p,isOpen:m,direction:g,snapPoints:_,container:v,handleOnly:y,autoFocus:b}=h(),[x,S]=f.useState(!1),C=j(i,o),w=f.useRef(null),T=f.useRef(null),E=f.useRef(!1),D=_&&_.length>0;z();let ee=(e,t,n=0)=>

3{if(E.current)return!0;let r=Math.abs(e.y),i=Math.abs(e.x),a=i>r,o=[`bottom`,`right`].includes(t)?1:-1;if(t===`left`||t===`right`){if(!(e.x*o<0)&&i>=0&&i<=n)return a}else if(!(e.y*o<0)&&r>=0&&r<=n)return!a;return E.current=!0,!0};f.useEffect(()=>{D&&window.requestAnimationFrame(()=>{S(!0)})},[]);function O(e){w.current=null,E.current=!1,c(e)}return f.createElement(a,{"data-vaul-drawer-direction":g,"data-vaul-drawer":``,"data-vaul-delayed-snap-points":x?`true`:`false`,"data-vaul-snap-points":m&&D?`true`:`false`,"data-vaul-custom-container":v?`true`:`false`,...r,ref:C,style:d&&d.length>0?{"--snap-point-height":`${d[0]}px`,...t}:t,onPointerDown:e=>{y||(r.onPointerDown==null||r.onPointerDown.call(r,e),w.current={x:e.pageX,y:e.pageY},s(e))},onOpenAutoFocus:e=>{n?.(e),b||e.preventDefault()},onPointerDownOutside:t=>{if(e?.(t),!p||t.defaultPrevented){t.preventDefault();return}u.current&&=!1},onFocusOutside:e=>{if(!p){e.preventDefault();return}},onPointerMove:e=>{if(T.current=e,y||(r.onPointerMove==null||r.onPointerMove.call(r,e),!w.current))return;let t=e.pageY-w.current.y,n=e.pageX-w.current.x,i=e.pointerType===`touch`?10:2;ee({x:n,y:t},g,i)?l(e):(Math.abs(n)>i||Math.abs(t)>i)&&(w.current=null)},onPointerUp:e=>{r.onPointerUp==null||r.onPointerUp.call(r,e),w.current=null,E.current=!1,c(e)},onPointerOut:e=>{r.onPointerOut==null||r.onPointerOut.call(r,e),O(T.current)},onContextMenu:e=>{r.onContextMenu==null||r.onContextMenu.call(r,e),O(T.current)}})});U.displayName=`Drawer.Content`;var W=250,xe=120,G=f.forwardRef(function({preventCycle:e=!1,children:t,...n},r){let{closeDrawer:i,isDragging:a,snapPoints:o,activeSnapPoint:s,setActiveSnapPoint:c,dismissible:l,handleOnly:u,isOpen:d,onPress:p,onDrag:m}=h(),g=f.useRef(null),_=f.useRef(!1);function v(){if(_.current){x();return}window.setTimeout(()=>{y()},xe)}function y(){if(a||e||_.current){x();return}if(x(),(!o||o.length===0)&&l){i();return}if(s===o[o.length-1]&&l){i();return}let t=o.findIndex(e=>e===s);if(t===-1)return;let n=o[t+1];c(n)}function b(){g.current=window.setTimeout(()=>{_.current=!0},W)}function x(){window.clearTimeout(g.current),_.current=!1}return f.createElement(`div`,{onClick:v,onPointerCancel:x,onPointerDown:e=>{u&&p(e),b()},onPointerMove:e=>{u&&m(e)},ref:r,"data-vaul-drawer-visible":d?`true`:`false`,"data-vaul-handle":``,"aria-hidden":`true`,...n},f.createElement(`span`,{"data-vaul-handle-hitarea":``,"aria-hidden":`true`},t))});G.displayName=`Drawer.Handle`;function Se({onDrag:e,onOpenChange:t,...n}){let{onNestedDrag:r,onNestedOpenChange:i,onNestedRelease:a}=h();if(!r)throw Error(`Drawer.NestedRoot must be placed in another drawer`);return f.createElement(V,{nested:!0,onClose:()=>{i(!1)},onDrag:(t,n)=>{r(t,n),e?.(t,n)},onOpenChange:e=>{e&&i(e)},onRelease:a,...n})}function K(e){let t=h(),{container:n=t.container,...r}=e;return f.createElement(l,{container:n,...r})}var q={Root:V,NestedRoot:Se,Content:U,Overlay:H,Trigger:i,Portal:K,Handle:G,Close:d,Title:s,Description:o},J=n(),Ce=f.createContext(null);function we(){let e=f.useContext(Ce);if(!e)throw Error(`useDrawer must be used within a DrawerProvider.`);return e}function Y({open:e,setOpen:t,children:n}){return(0,J.jsx)(Ce.Provider,{value:{open:e,setOpen:t},children:n})}var Te=({shouldScaleBackground:e=!0,open:t,onOpenChange:n,...r})=>{let[i,a]=f.useState(!1);return(0,J.jsx)(Y,{open:t??i,setOpen:n??a,children:(0,J.jsx)(q.Root,{open:t??i,onOpenChange:n??a,shouldScaleBackground:e,...r})})};Te.displayName=`Drawer`;var Ee=e=>{let{setOpen:t}=we();return(0,J.jsx)(q.Trigger,{...e,onClick:e=>{e.preventDefault(),t(!0)}})},X=q.Portal,De=q.Close,Oe=({ref:e,className:t,...n})=>(0,J.jsx)(q.Overlay,{ref:e,className:r(`fixed inset-0 z-50 bg-black/80`,t),...n});Oe.displayName=q.Overlay.displayName;var ke=({ref:e,className:t,contentClassName:n,children:i,...a})=>(0,J.jsxs)(X,{children:[(0,J.jsx)(Oe,{}),(0,J.jsxs)(q.Content,{ref:e,className:r(`fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-2xl bg-surface-primary outline-none`,t),...a,children:[(0,J.jsx)(`div`,{className:`mx-auto my-4 h-2 w-[100px] shrink-0 rounded-full bg-gray-400 dark:bg-zinc-700`}),(0,J.jsx)(`div`,{className:r(`px-4 pb-4`,n),children:i})]})]});ke.displayName=`DrawerContent`;var Ae=({className:e,...t})=>(0,J.jsx)(`div`,{className:r(`grid gap-1.5`,e),...t});Ae.displayName=`DrawerHeader`;var Z=({className:e,...t})=>(0,J.jsx)(`div`,{className:r(`mt-auto flex flex-col gap-2 p-4`,e),...t});Z.displayName=`DrawerFooter`;var je=({ref:e,className:t,...n})=>(0,J.jsx)(q.Title,{ref:e,className:r(`mb-4 font-bold text-3xl leading-normal tracking-tight`,t),...n});

3je.displayName=q.Title.displayName;var Q=({ref:e,className:t,...n})=>(0,J.jsx)(q.Description,{ref:e,className:r(`text-xs`,t),...n});Q.displayName=q.Description.displayName;export{Z as a,Ee as c,Q as i,De as n,Ae as o,ke as r,je as s,Te as t};