vaul - npm Package Compare versions

Comparing version 0.7.9 to 0.8.0

dist/index.d.ts

@@ -30,3 +30,3 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 declare function Root({ open: openProp, onOpenChange, children, shouldScaleBackground, onDrag: onDragProp, onRelease: onReleaseProp, snapPoints, nested, closeThreshold, scrollLockTimeout, dismissible, fadeFromIndex, activeSnapPoint: activeSnapPointProp, setActiveSnapPoint: setActiveSnapPointProp, fixed, modal, onClose, }: DialogProps): React.JSX.Element;
-declare function NestedRoot({ children, onDrag, onOpenChange, ...rest }: DialogProps): React.JSX.Element;
+declare function NestedRoot({ onDrag, onOpenChange, ...rest }: DialogProps): React.JSX.Element;
 declare const Drawer: {
@@ -33,0 +33,0 @@ Root: typeof Root;

dist/index.js

 "use client"
-"use client";var pt=Object.create;var le=Object.defineProperty;var gt=Object.getOwnPropertyDescriptor;var bt=Object.getOwnPropertyNames;var vt=Object.getPrototypeOf,ht=Object.prototype.hasOwnProperty;var wt=(e,n)=>{for(var t in n)le(e,t,{get:n[t],enumerable:!0})},Pe=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of bt(n))!ht.call(e,i)&&i!==t&&le(e,i,{get:()=>n[i],enumerable:!(r=gt(n,i))||r.enumerable});return e};var j=(e,n,t)=>(t=e!=null?pt(vt(e)):{},Pe(n||!e||!e.__esModule?le(t,"default",{value:e,enumerable:!0}):t,e)),Et=e=>Pe(le({},"__esModule",{value:!0}),e);var Nt={};wt(Nt,{Drawer:()=>It});module.exports=Et(Nt);var x=j(require("@radix-ui/react-dialog")),d=j(require("react"));var he=j(require("react")),we=he.default.createContext({drawerRef:{current:null},overlayRef:{current:null},scaleBackground:()=>{},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},visible:!1,closeDrawer:()=>{},setVisible:()=>{}}),se=()=>he.default.useContext(we);function Ee(e,{insertAt:n}={}){if(!e||typeof document=="undefined")return;let t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",n==="top"&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}Ee(`[vaul-drawer]{touch-action:none;transform:translate3d(0,100%,0);transition:transform .5s cubic-bezier(.32,.72,0,1)}.vaul-dragging .vaul-scrollable{overflow-y:hidden!important}[vaul-drawer][vaul-drawer-visible=true]{transform:translate3d(0,var(--snap-point-height, 0),0)}[vaul-overlay]{opacity:0;transition:opacity .5s cubic-bezier(.32,.72,0,1)}[vaul-overlay][vaul-drawer-visible=true]{opacity:1}[vaul-drawer]:after{content:"";position:absolute;top:100%;background:inherit;background-color:inherit;left:0;right:0;height:200%}[vaul-overlay][vaul-snap-points=true]:not([vaul-snap-points-overlay="true"]):not([data-state="closed"]){opacity:0}[vaul-overlay][vaul-snap-points-overlay=true]:not([vaul-drawer-visible="false"]){opacity:1}@keyframes fake-animation{}@media (hover: hover) and (pointer: fine){[vaul-drawer]{user-select:none}}
-`);var fe=require("react"),Tt=typeof window!="undefined"?fe.useLayoutEffect:fe.useEffect;function De(...e){return(...n)=>{for(let t of e)typeof t=="function"&&t(...n)}}function yt(){return Re(/^Mac/)}function Dt(){return Re(/^iPhone/)}function St(){return Re(/^iPad/)||yt()&&navigator.maxTouchPoints>1}function Se(){return Dt()||St()}function Re(e){return typeof window!="undefined"&&window.navigator!=null?e.test(window.navigator.platform):void 0}var Te=typeof document!="undefined"&&window.visualViewport;function Fe(e){let n=window.getComputedStyle(e);return/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY)}function We(e){for(Fe(e)&&(e=e.parentElement);e&&!Fe(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}var Rt=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]),ue=0,ye;function Ue(e={}){let{isDisabled:n}=e;Tt(()=>{if(!n)return ue++,ue===1&&(Se()?ye=Ht():ye=xt()),()=>{ue--,ue===0&&ye()}},[n])}function xt(){return De(ce(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),ce(document.documentElement,"overflow","hidden"))}function Ht(){let e,n=0,t=f=>{e=We(f.target),!(e===document.documentElement&&e===document.body)&&(n=f.changedTouches[0].pageY)},r=f=>{if(!e||e===document.documentElement||e===document.body){f.preventDefault();return}let o=f.changedTouches[0].pageY,C=e.scrollTop,L=e.scrollHeight-e.clientHeight;L!==0&&((C<=0&&o>n||C>=L&&o<n)&&f.preventDefault(),n=o)},i=f=>{let o=f.target;Z(o)&&o!==document.activeElement&&(f.preventDefault(),o.style.transform="translateY(-2000px)",o.focus(),requestAnimationFrame(()=>{o.style.transform=""}))},a=f=>{let o=f.target;Z(o)&&(o.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{o.style.transform="",Te&&(Te.height<window.innerHeight?requestAnimationFrame(()=>{Ve(o)}):Te.addEventListener("resize",()=>Ve(o),{once:!0}))}))},c=()=>{window.scrollTo(0,0)},g=window.pageXOffset,T=window.pageYOffset,w=De(ce(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),ce(document.documentElement,"overflow","hidden"));window.scrollTo(0,0);let S=De(Q(document,"touchstart",t,{passive:!1,capture:!0}),Q(document,"touchmove",r,{passive:!1,capture:!0}),Q(document,"touchend",i,{passive:!1,capture:!0}),Q(document,"focus",a,!0),Q(window,"scroll",c));return()=>{w(),S(),window.scrollTo(g,T)}}function ce(e,n,t){let r=e.style[n];return e.style[n]=t,()=>{e.style[n]=r}}function Q(e,n,t,r){return e.addEventListener(n,t,r),()=>{e.removeEventListener(n,t,r)}}function Ve(e){let n=document.scrollingElement||document.documentElement;for(;e&&e!==n;){let t=We(e);if(t!==document.documentElement&&t!==document.body&&t!==e){let r=t.getBoundingClientRect().top,i=e.getBoundingClientRect().top,a=e.getBoundingClientRect().bottom,c=t.getBoundingClientRect().bottom;a>c&&(t.scrollTop+=i-r)}e=t.parentElement}}function Z(e){return e instanceof HTMLInputElement&&!Rt.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}var je=j(require("react"));function Mt(e,n){typeof e=="function"?e(n):e!=null&&(e.current=n)}function Lt(...e){return n=>e.forEach(t=>Mt(t,n))}function xe(...e){return je.useCallback(Lt(...e),e)}var ee=j(require("react")),F=null;function Ye({isOpen:e,modal:n,nested:t,hasBeenOpened:r}){let[i,a]=ee.default.useState(typeof window!="undefined"?window.location.href:""),c=ee.default.useRef(0);function g(){if(F===null&&e){F={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height};let{scrollX:w,innerHeight:S}=window;document.body.style.setProperty("position","fixed","important"),document.body.style.top=`${-c.current}px`,document.body.style.left=`${-w}px`,document.body.style.right="0px",document.body.style.height="auto",setTimeout(()=>requestAnimationFrame(()=>{let f=S-window.innerHeight;f&&c.current>=S&&(document.body.style.top=`${-(c.current+f)}px`)}),300)}}function T(){if(F!==null){let w=-parseInt(document.body.style.top,10),S=-parseInt(document.body.style.left,10);document.body.style.position=F.position,document.body.style.top=F.top,document.body.style.left=F.left,document.body.style.height=F.height,document.body.style.right="unset",requestAnimationFrame(()=>{if(i!==window.location.href){a(window.location.href);return}window.scrollTo(S,w)}),F=null}}return ee.default.useEffect(()=>{function w(){c.current=window.scrollY}return w(),window.addEventListener("scroll",w),()=>{window.removeEventListener("scroll",w)}},[]),ee.default.useEffect(()=>{t||!r||(e?(g(),n||setTimeout(()=>{T()},500)):T())},[e,r,i]),{restorePositionSetting:T}}var Y=j(require("react"));var ke=new WeakMap;function h(e,n,t=!1){if(!e||!(e instanceof HTMLElement)||!n)return;let r={};Object.entries(n).forEach(([i,a])=>{if(i.startsWith("--")){e.style.setProperty(i,a);return}r[i]=e.style[i],e.style[i]=a}),!t&&ke.set(e,r)}function te(e,n){if(!e||!(e instanceof HTMLElement))return;let t=ke.get(e);t&&(n?e.style[n]=t[n]:Object.entries(t).forEach(([r,i])=>{e.style[r]=i}))}function ne(e){let n=window.getComputedStyle(e),t=n.transform||n.webkitTransform||n.mozTransform,r=t.match(/^matrix3d\((.+)\)$/);return r?parseFloat(r[1].split(", ")[13]):(r=t.match(/^matrix\((.+)\)$/),r?parseFloat(r[1].split(", ")[5]):null)}function ze(e){return 8*(Math.log(e+1)-2)}var v={DURATION:.5,EASE:[.32,.72,0,1]},de=.4;var V=j(require("react"));function Be(e){let n=V.default.useRef(e);return V.default.useEffect(()=>{n.current=e}),V.default.useMemo(()=>(...t)=>{var r;return(r=n.current)==null?void 0:r.call(n,...t)},[])}function Ct({defaultProp:e,onChange:n}){let t=V.default.useState(e),[r]=t,i=V.default.useRef(r),a=Be(n);return V.default.useEffect(()=>{i.current!==r&&(a(r),i.current=r)},[r,i,a]),t}function _e({prop:e,defaultProp:n,onChange:t=()=>{}}){let[r,i]=Ct({defaultProp:n,onChange:t}),a=e!==void 0,c=a?e:r,g=Be(t),T=V.default.useCallback(w=>{if(a){let f=typeof w=="function"?w(e):w;f!==e&&g(f)}else i(w)},[a,e,i,g]);return[c,T]}function qe({activeSnapPointProp:e,setActiveSnapPointProp:n,snapPoints:t,drawerRef:r,overlayRef:i,fadeFromIndex:a,onSnapPointChange:c}){let[g,T]=_e({prop:e,defaultProp:t==null?void 0:t[0],onChange:n}),w=Y.default.useMemo(()=>g===(t==null?void 0:t[t.length-1]),[t,g]),S=t&&t.length>0&&a&&t[a]===g||!t,f=Y.default.useMemo(()=>{var p;return(p=t==null?void 0:t.findIndex(b=>b===g))!=null?p:null},[t,g]),o=Y.default.useMemo(()=>{var p;return(p=t==null?void 0:t.map(b=>{let E=typeof window!="undefined",y=typeof b=="string",O=0;y&&(O=parseInt(b,10));let P=y?O:E?b*window.innerHeight:0;return E?window.innerHeight-P:P}))!=null?p:[]},[t]),C=Y.default.useMemo(()=>f!==null?o==null?void 0:o[f]:null,[o,f]),L=Y.default.useCallback(p=>{var E;let b=(E=o==null?void 0:o.findIndex(y=>y===p))!=null?E:null;c(b),h(r.current,{transition:`transform ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`,transform:`translate3d(0, ${p}px, 0)`}),o&&b!==o.length-1&&b!==a?h(i.current,{transition:`opacity ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`,opacity:"0"}):h(i.current,{transition:`opacity ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`,opacity:"1"}),T(b!==null?t==null?void 0:t[b]:null)},[r.current,t,o,a,i,T]);Y.default.useEffect(()=>{var p;if(e){let b=(p=t==null?void 0:t.findIndex(E=>E===e))!=null?p:null;o&&b&&typeof o[b]=="number"&&L(o[b])}},[e,t,o,L]);function N({draggedDistance:p,closeDrawer:b,velocity:E}){if(a===void 0)return;let y=C-p,O=f===a-1,P=f===0;if(O&&h(i.current,{transition:`opacity ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`}),E>2&&p<0){b();return}if(E>2&&p>0&&o&&t){L(o[t.length-1]);return}let z=o==null?void 0:o.reduce((A,B)=>typeof A!="number"||typeof B!="number"?A:Math.abs(B-y)<Math.abs(A-y)?B:A);if(E>de&&Math.abs(p)<window.innerHeight*.4){let A=p>0?1:-1;if(A>0&&w){L(o[t.length-1]);return}if(P&&A<0&&b(),f===null)return;L(o[f+A]);return}L(z)}function W({draggedDistance:p}){if(C===null)return;let b=C-p;h(r.current,{transform:`translate3d(0, ${b}px, 0)`})}function H(p,b){if(!t||typeof f!="number"||!o||a===void 0)return null;let E=f===a-1;if(f>=a&&b)return 0;if(E&&!b)return 1;if(!S&&!E)return null;let O=E?f+1:f-1,P=E?o[O]-o[O-1]:o[O+1]-o[O],z=p/Math.abs(P);return E?1-z:z}return{isLastSnapPoint:w,activeSnapPoint:g,shouldFade:S,getPercentageDragged:H,setActiveSnapPoint:T,activeSnapPointIndex:f,onRelease:N,onDrag:W,snapPointsOffset:o}}var Ot=.25,At=100,Ke=8,k=16,Xe=26,Ge="vaul-dragging";function Je({open:e,onOpenChange:n,children:t,shouldScaleBackground:r,onDrag:i,onRelease:a,snapPoints:c,nested:g,closeThreshold:T=Ot,scrollLockTimeout:w=At,dismissible:S=!0,fadeFromIndex:f=c&&c.length-1,activeSnapPoint:o,setActiveSnapPoint:C,fixed:L,modal:N=!0,onClose:W}){var Ne;let[H=!1,p]=d.default.useState(!1),[b,E]=d.default.useState(!1),[y,O]=d.default.useState(!1),[P,z]=d.default.useState(!1),[A,B]=d.default.useState(!1),[et,He]=d.default.useState(!1),U=d.default.useRef(null),re=d.default.useRef(null),me=d.default.useRef(null),Me=d.default.useRef(null),K=d.default.useRef(null),X=d.default.useRef(!1),pe=d.default.useRef(null),ge=d.default.useRef(0),_=d.default.useRef(!1),Le=d.default.useRef(0),u=d.default.useRef(null),Ce=d.default.useRef(((Ne=u.current)==null?void 0:Ne.getBoundingClientRect().height)||0),be=d.default.useRef(0),tt=d.default.useCallback(l=>{c&&l===J.length-1&&(re.current=new Date)},[]),{activeSnapPoint:nt,activeSnapPointIndex:G,setActiveSnapPoint:Oe,onRelease:rt,snapPointsOffset:J,onDrag:ot,shouldFade:Ae,getPercentageDragged:it}=qe({snapPoints:c,activeSnapPointProp:o,setActiveSnapPointProp:C,drawerRef:u,fadeFromIndex:f,overlayRef:U,onSnapPointChange:tt});Ue({isDisabled:!H||A||!N||et||!b});let{restorePositionSetting:at}=Ye({isOpen:H,modal:N,nested:g,hasBeenOpened:b});function oe(){return(window.innerWidth-Xe)/window.innerWidth}function lt(l){var s;!S&&!c||u.current&&!u.current.contains(l.target)||(Ce.current=((s=u.current)==null?void 0:s.getBoundingClientRect().height)||0,B(!0),me.current=new Date,Se()&&window.addEventListener("touchend",()=>X.current=!1,{once:!0}),l.target.setPointerCapture(l.pointerId),ge.current=l.screenY)}function $e(l,s){var $;let m=l,M=new Date,R=($=window.getSelection())==null?void 0:$.toString(),D=u.current?ne(u.current):null;if(re.current&&M.getTime()-re.current.getTime()<500)return!1;if(D>0)return!0;if(R&&R.length>0)return!1;if(K.current&&M.getTime()-K.current.getTime()<w&&D===0)return K.current=new Date,!1;if(s)return K.current=new Date,!1;for(;m;){if(m.scrollHeight>m.clientHeight){if(m.scrollTop!==0)return K.current=new Date,!1;if(m.getAttribute("role")==="dialog")return!0}m=m.parentNode}return!0}function st(l){if(A){let s=ge.current-l.screenY,m=s>0;if(c&&G===0&&!S||!X.current&&!$e(l.target,m))return;if(u.current.classList.add(Ge),X.current=!0,h(u.current,{transition:"none"}),h(U.current,{transition:"none"}),c&&ot({draggedDistance:s}),s>0&&!c){let I=ze(s);h(u.current,{transform:`translate3d(0, ${Math.min(I*-1,0)}px, 0)`});return}let M=Math.abs(s),R=document.querySelector("[vaul-drawer-wrapper]"),D=M/Ce.current,$=it(M,m);$!==null&&(D=$);let ve=1-D;if((Ae||f&&G===f-1)&&(i==null||i(l,D),h(U.current,{opacity:`${ve}`,transition:"none"},!0)),R&&U.current&&r){let I=Math.min(oe()+D*(1-oe()),1),ae=8-D*8,mt=Math.max(0,14-D*14);h(R,{borderRadius:`${ae}px`,transform:`scale(${I}) translate3d(0, ${mt}px, 0)`,transition:"none"},!0)}c||h(u.current,{transform:`translate3d(0, ${M}px, 0)`})}}d.default.useEffect(()=>()=>{ie(!1),at()},[]),d.default.useEffect(()=>{var s;function l(){var M;if(!u.current)return;let m=document.activeElement;if(Z(m)||_.current){let R=((M=window.visualViewport)==null?void 0:M.height)||0,D=window.innerHeight-R,$=u.current.getBoundingClientRect().height||0;be.current||(be.current=$);let ve=u.current.getBoundingClientRect().top;if(Math.abs(Le.current-D)>60&&(_.current=!_.current),c&&c.length>0&&J&&G){let I=J[G]||0;D+=I}if(Le.current=D,$>R||_.current){let I=u.current.getBoundingClientRect().height,ae=I;I>R&&(ae=R-Xe),L?u.current.style.height=`${I-Math.max(D,0)}px`:u.current.style.height=`${Math.max(ae,R-ve)}px`}else u.current.style.height=`${be.current}px`;c&&c.length>0&&!_.current?u.current.style.bottom="0px":u.current.style.bottom=`${Math.max(D,0)}px`}}return(s=window.visualViewport)==null||s.addEventListener("resize",l),()=>{var m;return(m=window.visualViewport)==null?void 0:m.removeEventListener("resize",l)}},[G,c,J]);function q(){u.current&&(W==null||W(),u.current&&(h(u.current,{transform:"translate3d(0, 100%, 0)",transition:`transform ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`}),h(U.current,{opacity:"0",transition:`opacity ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`}),ie(!1)),setTimeout(()=>{O(!1),p(!1)},300),setTimeout(()=>{c&&Oe(c[0])},500))}d.default.useEffect(()=>{if(!H&&r){let l=setTimeout(()=>{te(document.body)},200);return()=>clearTimeout(l)}},[H,r]),d.default.useEffect(()=>{e?(p(!0),E(!0)):q()},[e]),d.default.useEffect(()=>{P&&(n==null||n(H))},[H]),d.default.useEffect(()=>{z(!0)},[]);function Ie(){if(!u.current)return;let l=document.querySelector("[vaul-drawer-wrapper]"),s=ne(u.current);h(u.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`}),h(U.current,{transition:`opacity ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`,opacity:"1"}),r&&s&&s>0&&H&&h(l,{borderRadius:`${Ke}px`,overflow:"hidden",transform:`scale(${oe()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top",transitionProperty:"transform, border-radius",transitionDuration:`${v.DURATION}s`,transitionTimingFunction:`cubic-bezier(${v.EASE.join(",")})`},!0)}function ut(l){if(!A||!u.current)return;X.current&&Z(l.target)&&l.target.blur(),u.current.classList.remove(Ge),X.current=!1,B(!1),Me.current=new Date;let s=ne(u.current);if(!$e(l.target,!1)||!s||Number.isNaN(s)||me.current===null)return;let m=l.screenY,M=Me.current.getTime()-me.current.getTime(),R=ge.current-m,D=Math.abs(R)/M;if(D>.05&&(He(!0),setTimeout(()=>{He(!1)},200)),c){rt({draggedDistance:R,closeDrawer:q,velocity:D});return}if(R>0){Ie(),a==null||a(l,!0);return}if(D>de){q(),a==null||a(l,!1);return}let $=Math.min(u.current.getBoundingClientRect().height||0,window.innerHeight);if(s>=$*T){q(),a==null||a(l,!1);return}a==null||a(l,!0),Ie()}d.default.useEffect(()=>{H&&(re.current=new Date,ie(!0))},[H]),d.default.useEffect(()=>{y&&y&&u.current.querySelectorAll("*").forEach(s=>{let m=s;(m.scrollHeight>m.clientHeight||m.scrollWidth>m.clientWidth)&&m.classList.add("vaul-scrollable")})},[y]);function ie(l){let s=document.querySelector("[vaul-drawer-wrapper]");!s||!r||(l?(h(document.body,{background:"black"},!0),h(s,{borderRadius:`${Ke}px`,overflow:"hidden",transform:`scale(${oe()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top",transitionProperty:"transform, border-radius",transitionDuration:`${v.DURATION}s`,transitionTimingFunction:`cubic-bezier(${v.EASE.join(",")})`})):(te(s,"overflow"),te(s,"transform"),te(s,"borderRadius"),h(s,{transitionProperty:"transform, border-radius",transitionDuration:`${v.DURATION}s`,transitionTimingFunction:`cubic-bezier(${v.EASE.join(",")})`})))}function ct(l){let s=l?(window.innerWidth-k)/window.innerWidth:1,m=l?-k:0;pe.current&&window.clearTimeout(pe.current),h(u.current,{transition:`transform ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`,transform:`scale(${s}) translate3d(0, ${m}px, 0)`}),!l&&u.current&&(pe.current=setTimeout(()=>{h(u.current,{transition:"none",transform:`translate3d(0, ${ne(u.current)}px, 0)`})},500))}function ft(l,s){if(s<0)return;let m=(window.innerWidth-k)/window.innerWidth,M=m+s*(1-m),R=-k+s*k;h(u.current,{transform:`scale(${M}) translate3d(0, ${R}px, 0)`,transition:"none"})}function dt(l,s){let m=s?(window.innerWidth-k)/window.innerWidth:1,M=s?-k:0;s&&h(u.current,{transition:`transform ${v.DURATION}s cubic-bezier(${v.EASE.join(",")})`,transform:`scale(${m}) translate3d(0, ${M}px, 0)`})}return d.default.createElement(x.Root,{modal:N,onOpenChange:l=>{if(e!==void 0){n==null||n(l);return}l?(E(!0),p(l)):q()},open:H},d.default.createElement(we.Provider,{value:{visible:y,activeSnapPoint:nt,snapPoints:c,setActiveSnapPoint:Oe,drawerRef:u,overlayRef:U,scaleBackground:ie,onOpenChange:n,onPress:lt,setVisible:O,onRelease:ut,onDrag:st,dismissible:S,isOpen:H,shouldFade:Ae,closeDrawer:q,onNestedDrag:ft,onNestedOpenChange:ct,onNestedRelease:dt,keyboardIsOpen:_,openProp:e,modal:N,snapPointsOffset:J}},t))}var Qe=d.default.forwardRef(function({children:e,...n},t){let{overlayRef:r,snapPoints:i,onRelease:a,shouldFade:c,isOpen:g,visible:T}=se(),w=xe(t,r),S=i&&i.length>0;return d.default.createElement(x.Overlay,{onMouseUp:a,ref:w,"vaul-drawer-visible":T?"true":"false","vaul-overlay":"","vaul-snap-points":g&&S?"true":"false","vaul-snap-points-overlay":g&&c?"true":"false",...n})});Qe.displayName="Drawer.Overlay";var Ze=d.default.forwardRef(function({children:e,onOpenAutoFocus:n,onPointerDownOutside:t,onAnimationEnd:r,style:i,...a},c){let{drawerRef:g,onPress:T,onRelease:w,onDrag:S,dismissible:f,keyboardIsOpen:o,snapPointsOffset:C,visible:L,closeDrawer:N,modal:W,openProp:H,onOpenChange:p,setVisible:b}=se(),E=xe(c,g);return d.default.useEffect(()=>{b(!0)},[]),d.default.createElement(x.Content,{onOpenAutoFocus:y=>{n?n(y):(y.preventDefault(),g.current.focus())},onPointerDown:T,onPointerDownOutside:y=>{if(t==null||t(y),!W){y.preventDefault();return}o.current&&(o.current=!1),y.preventDefault(),p==null||p(!1),!(!f||H!==void 0)&&N()},onPointerMove:S,onPointerUp:w,ref:E,style:C&&C.length>0?{"--snap-point-height":`${C[0]}px`,...i}:i,...a,"vaul-drawer":"","vaul-drawer-visible":L?"true":"false"},e)});Ze.displayName="Drawer.Content";function $t({children:e,onDrag:n,onOpenChange:t,...r}){let{onNestedDrag:i,onNestedOpenChange:a,onNestedRelease:c}=se();if(!i)throw new Error("Drawer.NestedRoot must be placed in another drawer");return d.default.createElement(Je,{nested:!0,onClose:()=>{a(!1)},onDrag:(g,T)=>{i(g,T),n==null||n(g,T)},onOpenChange:g=>{g&&a(g),t==null||t(g)},onRelease:c,...r},e)}var It={Root:Je,NestedRoot:$t,Content:Ze,Overlay:Qe,Trigger:x.Trigger,Portal:x.Portal,Close:x.Close,Title:x.Title,Description:x.Description};0&&(module.exports={Drawer});
+"use client";var pt=Object.create;var ue=Object.defineProperty;var gt=Object.getOwnPropertyDescriptor;var bt=Object.getOwnPropertyNames;var vt=Object.getPrototypeOf,ht=Object.prototype.hasOwnProperty;var wt=(e,n)=>{for(var t in n)ue(e,t,{get:n[t],enumerable:!0})},Ve=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of bt(n))!ht.call(e,a)&&a!==t&&ue(e,a,{get:()=>n[a],enumerable:!(r=gt(n,a))||r.enumerable});return e};var Y=(e,n,t)=>(t=e!=null?pt(vt(e)):{},Ve(n||!e||!e.__esModule?ue(t,"default",{value:e,enumerable:!0}):t,e)),Et=e=>Ve(ue({},"__esModule",{value:!0}),e);var Nt={};wt(Nt,{Drawer:()=>It});module.exports=Et(Nt);var H=Y(require("@radix-ui/react-dialog")),d=Y(require("react"));var Ee=Y(require("react")),Te=Ee.default.createContext({drawerRef:{current:null},overlayRef:{current:null},scaleBackground:()=>{},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},visible:!1,closeDrawer:()=>{},setVisible:()=>{}}),ce=()=>Ee.default.useContext(Te);function ye(e,{insertAt:n}={}){if(!e||typeof document=="undefined")return;let t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",n==="top"&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}ye(`[vaul-drawer]{touch-action:none;transform:translate3d(0,100%,0);transition:transform .5s cubic-bezier(.32,.72,0,1)}.vaul-dragging .vaul-scrollable{overflow-y:hidden!important}[vaul-drawer][vaul-drawer-visible=true]{transform:translate3d(0,var(--snap-point-height, 0),0)}[vaul-overlay]{opacity:0;transition:opacity .5s cubic-bezier(.32,.72,0,1)}[vaul-overlay][vaul-drawer-visible=true]{opacity:1}[vaul-drawer]:after{content:"";position:absolute;top:100%;background:inherit;background-color:inherit;left:0;right:0;height:200%}[vaul-overlay][vaul-snap-points=true]:not([vaul-snap-points-overlay="true"]):not([data-state="closed"]){opacity:0}[vaul-overlay][vaul-snap-points-overlay=true]:not([vaul-drawer-visible="false"]){opacity:1}@keyframes fake-animation{}@media (hover: hover) and (pointer: fine){[vaul-drawer]{user-select:none}}
+`);var me=require("react"),Tt=typeof window!="undefined"?me.useLayoutEffect:me.useEffect;function Re(...e){return(...n)=>{for(let t of e)typeof t=="function"&&t(...n)}}function yt(){return He(/^Mac/)}function Dt(){return He(/^iPhone/)}function St(){return He(/^iPad/)||yt()&&navigator.maxTouchPoints>1}function xe(){return Dt()||St()}function He(e){return typeof window!="undefined"&&window.navigator!=null?e.test(window.navigator.platform):void 0}var De=typeof document!="undefined"&&window.visualViewport;function Fe(e){let n=window.getComputedStyle(e);return/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY)}function We(e){for(Fe(e)&&(e=e.parentElement);e&&!Fe(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}var Rt=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]),fe=0,Se;function je(e={}){let{isDisabled:n}=e;Tt(()=>{if(!n)return fe++,fe===1&&(xe()?Se=Ht():Se=xt()),()=>{fe--,fe===0&&Se()}},[n])}function xt(){return Re(de(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),de(document.documentElement,"overflow","hidden"))}function Ht(){let e,n=0,t=u=>{e=We(u.target),!(e===document.documentElement&&e===document.body)&&(n=u.changedTouches[0].pageY)},r=u=>{if(!e||e===document.documentElement||e===document.body){u.preventDefault();return}let o=u.changedTouches[0].pageY,A=e.scrollTop,M=e.scrollHeight-e.clientHeight;M!==0&&((A<=0&&o>n||A>=M&&o<n)&&u.preventDefault(),n=o)},a=u=>{let o=u.target;ee(o)&&o!==document.activeElement&&(u.preventDefault(),o.style.transform="translateY(-2000px)",o.focus(),requestAnimationFrame(()=>{o.style.transform=""}))},i=u=>{let o=u.target;ee(o)&&(o.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{o.style.transform="",De&&(De.height<window.innerHeight?requestAnimationFrame(()=>{Ue(o)}):De.addEventListener("resize",()=>Ue(o),{once:!0}))}))},l=()=>{window.scrollTo(0,0)},w=window.pageXOffset,D=window.pageYOffset,E=Re(de(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),de(document.documentElement,"overflow","hidden"));window.scrollTo(0,0);let T=Re(Z(document,"touchstart",t,{passive:!1,capture:!0}),Z(document,"touchmove",r,{passive:!1,capture:!0}),Z(document,"touchend",a,{passive:!1,capture:!0}),Z(document,"focus",i,!0),Z(window,"scroll",l));return()=>{E(),T(),window.scrollTo(w,D)}}function de(e,n,t){let r=e.style[n];return e.style[n]=t,()=>{e.style[n]=r}}function Z(e,n,t,r){return e.addEventListener(n,t,r),()=>{e.removeEventListener(n,t,r)}}function Ue(e){let n=document.scrollingElement||document.documentElement;for(;e&&e!==n;){let t=We(e);if(t!==document.documentElement&&t!==document.body&&t!==e){let r=t.getBoundingClientRect().top,a=e.getBoundingClientRect().top,i=e.getBoundingClientRect().bottom,l=t.getBoundingClientRect().bottom;i>l&&(t.scrollTop+=a-r)}e=t.parentElement}}function ee(e){return e instanceof HTMLInputElement&&!Rt.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}var Ye=Y(require("react"));function Mt(e,n){typeof e=="function"?e(n):e!=null&&(e.current=n)}function Lt(...e){return n=>e.forEach(t=>Mt(t,n))}function Me(...e){return Ye.useCallback(Lt(...e),e)}var te=Y(require("react")),V=null;function ke({isOpen:e,modal:n,nested:t,hasBeenOpened:r}){let[a,i]=te.default.useState(typeof window!="undefined"?window.location.href:""),l=te.default.useRef(0);function w(){if(V===null&&e){V={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height};let{scrollX:E,innerHeight:T}=window;document.body.style.setProperty("position","fixed","important"),document.body.style.top=`${-l.current}px`,document.body.style.left=`${-E}px`,document.body.style.right="0px",document.body.style.height="auto",setTimeout(()=>requestAnimationFrame(()=>{let u=T-window.innerHeight;u&&l.current>=T&&(document.body.style.top=`${-(l.current+u)}px`)}),300)}}function D(){if(V!==null){let E=-parseInt(document.body.style.top,10),T=-parseInt(document.body.style.left,10);document.body.style.position=V.position,document.body.style.top=V.top,document.body.style.left=V.left,document.body.style.height=V.height,document.body.style.right="unset",requestAnimationFrame(()=>{if(a!==window.location.href){i(window.location.href);return}window.scrollTo(T,E)}),V=null}}return te.default.useEffect(()=>{function E(){l.current=window.scrollY}return E(),window.addEventListener("scroll",E),()=>{window.removeEventListener("scroll",E)}},[]),te.default.useEffect(()=>{t||!r||(e?(w(),n||setTimeout(()=>{D()},500)):D())},[e,r,a]),{restorePositionSetting:D}}var k=Y(require("react"));var ze=new WeakMap;function h(e,n,t=!1){if(!e||!(e instanceof HTMLElement)||!n)return;let r={};Object.entries(n).forEach(([a,i])=>{if(a.startsWith("--")){e.style.setProperty(a,i);return}r[a]=e.style[a],e.style[a]=i}),!t&&ze.set(e,r)}function ne(e,n){if(!e||!(e instanceof HTMLElement))return;let t=ze.get(e);t&&(n?e.style[n]=t[n]:Object.entries(t).forEach(([r,a])=>{e.style[r]=a}))}function re(e){let n=window.getComputedStyle(e),t=n.transform||n.webkitTransform||n.mozTransform,r=t.match(/^matrix3d\((.+)\)$/);return r?parseFloat(r[1].split(", ")[13]):(r=t.match(/^matrix\((.+)\)$/),r?parseFloat(r[1].split(", ")[5]):null)}function Be(e){return 8*(Math.log(e+1)-2)}var p={DURATION:.5,EASE:[.32,.72,0,1]},pe=.4;var F=Y(require("react"));function _e(e){let n=F.default.useRef(e);return F.default.useEffect(()=>{n.current=e}),F.default.useMemo(()=>(...t)=>{var r;return(r=n.current)==null?void 0:r.call(n,...t)},[])}function Ct({defaultProp:e,onChange:n}){let t=F.default.useState(e),[r]=t,a=F.default.useRef(r),i=_e(n);return F.default.useEffect(()=>{a.current!==r&&(i(r),a.current=r)},[r,a,i]),t}function qe({prop:e,defaultProp:n,onChange:t=()=>{}}){let[r,a]=Ct({defaultProp:n,onChange:t}),i=e!==void 0,l=i?e:r,w=_e(t),D=F.default.useCallback(E=>{if(i){let u=typeof E=="function"?E(e):E;u!==e&&w(u)}else a(E)},[i,e,a,w]);return[l,D]}function Ke({activeSnapPointProp:e,setActiveSnapPointProp:n,snapPoints:t,drawerRef:r,overlayRef:a,fadeFromIndex:i,onSnapPointChange:l}){let[w,D]=qe({prop:e,defaultProp:t==null?void 0:t[0],onChange:n}),E=k.default.useMemo(()=>w===(t==null?void 0:t[t.length-1]),[t,w]),T=t&&t.length>0&&(i||i===0)&&!Number.isNaN(i)&&t[i]===w||!t,u=k.default.useMemo(()=>{var v;return(v=t==null?void 0:t.findIndex(g=>g===w))!=null?v:null},[t,w]),o=k.default.useMemo(()=>{var v;return(v=t==null?void 0:t.map(g=>{let b=typeof window!="undefined",C=typeof g=="string",L=0;C&&(L=parseInt(g,10));let P=C?L:b?g*window.innerHeight:0;return b?window.innerHeight-P:P}))!=null?v:[]},[t]),A=k.default.useMemo(()=>u!==null?o==null?void 0:o[u]:null,[o,u]),M=k.default.useCallback(v=>{var b;let g=(b=o==null?void 0:o.findIndex(C=>C===v))!=null?b:null;l(g),h(r.current,{transition:`transform ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`,transform:`translate3d(0, ${v}px, 0)`}),o&&g!==o.length-1&&g!==i?h(a.current,{transition:`opacity ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`,opacity:"0"}):h(a.current,{transition:`opacity ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`,opacity:"1"}),D(g!==null?t==null?void 0:t[g]:null)},[r.current,t,o,i,a,D]);k.default.useEffect(()=>{var v;if(e){let g=(v=t==null?void 0:t.findIndex(b=>b===e))!=null?v:null;o&&g&&typeof o[g]=="number"&&M(o[g])}},[e,t,o,M]);function N({draggedDistance:v,closeDrawer:g,velocity:b,dismissible:C}){if(i===void 0)return;let L=A-v,P=u===i-1,B=u===0,W=v>0;if(P&&h(a.current,{transition:`opacity ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`}),b>2&&!W){C?g():M(o[0]);return}if(b>2&&W&&o&&t){M(o[t.length-1]);return}let oe=o==null?void 0:o.reduce(($,_)=>typeof $!="number"||typeof _!="number"?$:Math.abs(_-L)<Math.abs($-L)?_:$);if(b>pe&&Math.abs(v)<window.innerHeight*.4){let $=W?1:-1;if($>0&&E){M(o[t.length-1]);return}if(B&&$<0&&C&&g(),u===null)return;M(o[u+$]);return}M(oe)}function U({draggedDistance:v}){if(A===null)return;let g=A-v;h(r.current,{transform:`translate3d(0, ${g}px, 0)`})}function S(v,g){if(!t||typeof u!="number"||!o||i===void 0)return null;let b=u===i-1;if(u>=i&&g)return 0;if(b&&!g)return 1;if(!T&&!b)return null;let L=b?u+1:u-1,P=b?o[L]-o[L-1]:o[L+1]-o[L],B=v/Math.abs(P);return b?1-B:B}return{isLastSnapPoint:E,activeSnapPoint:w,shouldFade:T,getPercentageDragged:S,setActiveSnapPoint:D,activeSnapPointIndex:u,onRelease:N,onDrag:U,snapPointsOffset:o}}var Ot=.25,At=100,Xe=8,z=16,Ge=26,Je="vaul-dragging";function Qe({open:e,onOpenChange:n,children:t,shouldScaleBackground:r,onDrag:a,onRelease:i,snapPoints:l,nested:w,closeThreshold:D=Ot,scrollLockTimeout:E=At,dismissible:T=!0,fadeFromIndex:u=l&&l.length-1,activeSnapPoint:o,setActiveSnapPoint:A,fixed:M,modal:N=!0,onClose:U}){var Pe;let[S=!1,v]=d.default.useState(!1),[g,b]=d.default.useState(!1),[C,L]=d.default.useState(!1),[P,B]=d.default.useState(!1),[W,oe]=d.default.useState(!1),[$,_]=d.default.useState(!1),j=d.default.useRef(null),ie=d.default.useRef(null),ge=d.default.useRef(null),Le=d.default.useRef(null),X=d.default.useRef(null),G=d.default.useRef(!1),be=d.default.useRef(null),ve=d.default.useRef(0),q=d.default.useRef(!1),Ce=d.default.useRef(0),f=d.default.useRef(null),Oe=d.default.useRef(((Pe=f.current)==null?void 0:Pe.getBoundingClientRect().height)||0),he=d.default.useRef(0),tt=d.default.useCallback(s=>{l&&s===Q.length-1&&(ie.current=new Date)},[]),{activeSnapPoint:nt,activeSnapPointIndex:J,setActiveSnapPoint:Ae,onRelease:rt,snapPointsOffset:Q,onDrag:ot,shouldFade:$e,getPercentageDragged:it}=Ke({snapPoints:l,activeSnapPointProp:o,setActiveSnapPointProp:A,drawerRef:f,fadeFromIndex:u,overlayRef:j,onSnapPointChange:tt});je({isDisabled:!S||W||!N||$||!g});let{restorePositionSetting:at}=ke({isOpen:S,modal:N,nested:w,hasBeenOpened:g});function ae(){return(window.innerWidth-Ge)/window.innerWidth}function lt(s){var c;!T&&!l||f.current&&!f.current.contains(s.target)||(Oe.current=((c=f.current)==null?void 0:c.getBoundingClientRect().height)||0,oe(!0),ge.current=new Date,xe()&&window.addEventListener("touchend",()=>G.current=!1,{once:!0}),s.target.setPointerCapture(s.pointerId),ve.current=s.screenY)}function Ie(s,c){var O;let m=s,R=(O=window.getSelection())==null?void 0:O.toString(),x=f.current?re(f.current):null,y=new Date;if(ie.current&&y.getTime()-ie.current.getTime()<500)return!1;if(x>0)return!0;if(R&&R.length>0)return!1;if(X.current&&y.getTime()-X.current.getTime()<E&&x===0||c)return X.current=y,!1;for(;m;){if(m.scrollHeight>m.clientHeight){if(m.scrollTop!==0)return X.current=new Date,!1;if(m.getAttribute("role")==="dialog")return!0}m=m.parentNode}return!0}function st(s){if(W){let c=ve.current-s.screenY,m=c>0;if(l&&J===0&&!T||!G.current&&!Ie(s.target,m))return;if(f.current.classList.add(Je),G.current=!0,h(f.current,{transition:"none"}),h(j.current,{transition:"none"}),l&&ot({draggedDistance:c}),m&&!l){let I=Be(c);h(f.current,{transform:`translate3d(0, ${Math.min(I*-1,0)}px, 0)`});return}let R=Math.abs(c),x=document.querySelector("[vaul-drawer-wrapper]"),y=R/Oe.current,O=it(R,m);O!==null&&(y=O);let we=1-y;if(($e||u&&J===u-1)&&(a==null||a(s,y),h(j.current,{opacity:`${we}`,transition:"none"},!0)),x&&j.current&&r){let I=Math.min(ae()+y*(1-ae()),1),se=8-y*8,mt=Math.max(0,14-y*14);h(x,{borderRadius:`${se}px`,transform:`scale(${I}) translate3d(0, ${mt}px, 0)`,transition:"none"},!0)}l||h(f.current,{transform:`translate3d(0, ${R}px, 0)`})}}d.default.useEffect(()=>()=>{le(!1),at()},[]),d.default.useEffect(()=>{var c;function s(){var R;if(!f.current)return;let m=document.activeElement;if(ee(m)||q.current){let x=((R=window.visualViewport)==null?void 0:R.height)||0,y=window.innerHeight-x,O=f.current.getBoundingClientRect().height||0;he.current||(he.current=O);let we=f.current.getBoundingClientRect().top;if(Math.abs(Ce.current-y)>60&&(q.current=!q.current),l&&l.length>0&&Q&&J){let I=Q[J]||0;y+=I}if(Ce.current=y,O>x||q.current){let I=f.current.getBoundingClientRect().height,se=I;I>x&&(se=x-Ge),M?f.current.style.height=`${I-Math.max(y,0)}px`:f.current.style.height=`${Math.max(se,x-we)}px`}else f.current.style.height=`${he.current}px`;l&&l.length>0&&!q.current?f.current.style.bottom="0px":f.current.style.bottom=`${Math.max(y,0)}px`}}return(c=window.visualViewport)==null||c.addEventListener("resize",s),()=>{var m;return(m=window.visualViewport)==null?void 0:m.removeEventListener("resize",s)}},[J,l,Q]);function K(){f.current&&(U==null||U(),h(f.current,{transform:"translate3d(0, 100%, 0)",transition:`transform ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`}),h(j.current,{opacity:"0",transition:`opacity ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`}),le(!1),setTimeout(()=>{L(!1),v(!1)},300),setTimeout(()=>{l&&Ae(l[0])},p.DURATION*1e3))}d.default.useEffect(()=>{if(!S&&r){let s=setTimeout(()=>{ne(document.body)},200);return()=>clearTimeout(s)}},[S,r]),d.default.useEffect(()=>{e?(v(!0),b(!0)):K()},[e]),d.default.useEffect(()=>{P&&(n==null||n(S))},[S]),d.default.useEffect(()=>{B(!0)},[]);function Ne(){if(!f.current)return;let s=document.querySelector("[vaul-drawer-wrapper]"),c=re(f.current);h(f.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`}),h(j.current,{transition:`opacity ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`,opacity:"1"}),r&&c&&c>0&&S&&h(s,{borderRadius:`${Xe}px`,overflow:"hidden",transform:`scale(${ae()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top",transitionProperty:"transform, border-radius",transitionDuration:`${p.DURATION}s`,transitionTimingFunction:`cubic-bezier(${p.EASE.join(",")})`},!0)}function ut(s){var O;if(!W||!f.current)return;G.current&&ee(s.target)&&s.target.blur(),f.current.classList.remove(Je),G.current=!1,oe(!1),Le.current=new Date;let c=re(f.current);if(!Ie(s.target,!1)||!c||Number.isNaN(c)||ge.current===null)return;let m=Le.current.getTime()-ge.current.getTime(),R=ve.current-s.screenY,x=Math.abs(R)/m;if(x>.05&&(_(!0),setTimeout(()=>{_(!1)},200)),l){rt({draggedDistance:R,closeDrawer:K,velocity:x,dismissible:T}),i==null||i(s,!0);return}if(R>0){Ne(),i==null||i(s,!0);return}if(x>pe){K(),i==null||i(s,!1);return}let y=Math.min((O=f.current.getBoundingClientRect().height)!=null?O:0,window.innerHeight);if(c>=y*D){K(),i==null||i(s,!1);return}i==null||i(s,!0),Ne()}d.default.useEffect(()=>{S&&(ie.current=new Date,le(!0))},[S]),d.default.useEffect(()=>{C&&f.current.querySelectorAll("*").forEach(c=>{let m=c;(m.scrollHeight>m.clientHeight||m.scrollWidth>m.clientWidth)&&m.classList.add("vaul-scrollable")})},[C]);function le(s){let c=document.querySelector("[vaul-drawer-wrapper]");!c||!r||(s?(h(document.body,{background:"black"},!0),h(c,{borderRadius:`${Xe}px`,overflow:"hidden",transform:`scale(${ae()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top",transitionProperty:"transform, border-radius",transitionDuration:`${p.DURATION}s`,transitionTimingFunction:`cubic-bezier(${p.EASE.join(",")})`})):(ne(c,"overflow"),ne(c,"transform"),ne(c,"borderRadius"),h(c,{transitionProperty:"transform, border-radius",transitionDuration:`${p.DURATION}s`,transitionTimingFunction:`cubic-bezier(${p.EASE.join(",")})`})))}function ct(s){let c=s?(window.innerWidth-z)/window.innerWidth:1,m=s?-z:0;be.current&&window.clearTimeout(be.current),h(f.current,{transition:`transform ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`,transform:`scale(${c}) translate3d(0, ${m}px, 0)`}),!s&&f.current&&(be.current=setTimeout(()=>{h(f.current,{transition:"none",transform:`translate3d(0, ${re(f.current)}px, 0)`})},500))}function ft(s,c){if(c<0)return;let m=(window.innerWidth-z)/window.innerWidth,R=m+c*(1-m),x=-z+c*z;h(f.current,{transform:`scale(${R}) translate3d(0, ${x}px, 0)`,transition:"none"})}function dt(s,c){let m=c?(window.innerWidth-z)/window.innerWidth:1,R=c?-z:0;c&&h(f.current,{transition:`transform ${p.DURATION}s cubic-bezier(${p.EASE.join(",")})`,transform:`scale(${m}) translate3d(0, ${R}px, 0)`})}return d.default.createElement(H.Root,{modal:N,onOpenChange:s=>{if(e!==void 0){n==null||n(s);return}s?(b(!0),v(s)):K()},open:S},d.default.createElement(Te.Provider,{value:{visible:C,activeSnapPoint:nt,snapPoints:l,setActiveSnapPoint:Ae,drawerRef:f,overlayRef:j,scaleBackground:le,onOpenChange:n,onPress:lt,setVisible:L,onRelease:ut,onDrag:st,dismissible:T,isOpen:S,shouldFade:$e,closeDrawer:K,onNestedDrag:ft,onNestedOpenChange:ct,onNestedRelease:dt,keyboardIsOpen:q,openProp:e,modal:N,snapPointsOffset:Q}},t))}var Ze=d.default.forwardRef(function({children:e,...n},t){let{overlayRef:r,snapPoints:a,onRelease:i,shouldFade:l,isOpen:w,visible:D}=ce(),E=Me(t,r),T=a&&a.length>0;return d.default.createElement(H.Overlay,{onMouseUp:i,ref:E,"vaul-drawer-visible":D?"true":"false","vaul-overlay":"","vaul-snap-points":w&&T?"true":"false","vaul-snap-points-overlay":w&&l?"true":"false",...n})});Ze.displayName="Drawer.Overlay";var et=d.default.forwardRef(function({onOpenAutoFocus:e,onPointerDownOutside:n,onAnimationEnd:t,style:r,...a},i){let{drawerRef:l,onPress:w,onRelease:D,onDrag:E,dismissible:T,keyboardIsOpen:u,snapPointsOffset:o,visible:A,closeDrawer:M,modal:N,openProp:U,onOpenChange:S,setVisible:v}=ce(),g=Me(i,l);return d.default.useEffect(()=>{v(!0)},[]),d.default.createElement(H.Content,{onOpenAutoFocus:b=>{e?e(b):(b.preventDefault(),l.current.focus())},onPointerDown:w,onPointerDownOutside:b=>{if(n==null||n(b),!N){b.preventDefault();return}u.current&&(u.current=!1),b.preventDefault(),S==null||S(!1),!(!T||U!==void 0)&&M()},onPointerMove:E,onPointerUp:D,ref:g,style:o&&o.length>0?{"--snap-point-height":`${o[0]}px`,...r}:r,...a,"vaul-drawer":"","vaul-drawer-visible":A?"true":"false"})});et.displayName="Drawer.Content";function $t({onDrag:e,onOpenChange:n,...t}){let{onNestedDrag:r,onNestedOpenChange:a,onNestedRelease:i}=ce();if(!r)throw new Error("Drawer.NestedRoot must be placed in another drawer");return d.default.createElement(Qe,{nested:!0,onClose:()=>{a(!1)},onDrag:(l,w)=>{r(l,w),e==null||e(l,w)},onOpenChange:l=>{l&&a(l),n==null||n(l)},onRelease:i,...t})}var It={Root:Qe,NestedRoot:$t,Content:et,Overlay:Ze,Trigger:H.Trigger,Portal:H.Portal,Close:H.Close,Title:H.Title,Description:H.Description};0&&(module.exports={Drawer});
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "vaul",
-  "version": "0.7.9",
+  "version": "0.8.0",
   "description": "Drawer component for React.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

225417

increased by0.24%

No dependency changes