@plainsheet/react 0.4.7 → 0.4.8

package/dist/plainsheet-react.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),xt=require("react-dom");function At(t){return t!=null}(function(){try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.pbs-root{position:fixed;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:fit-content;max-height:100vh;z-index:2}.pbs-dialog-reset{background-color:transparent;color:inherit;border:none;outline:none;padding:0;margin:0}.pbs-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1;transition:background-color .2s ease-out}.pbs-backdrop.hidden{visibility:hidden}.pbs-backdrop.open{background-color:#454545b3}.pbs-backdrop.transparent{background-color:transparent}.pbs-container{--pbs-container-background-color: rgb(240, 240, 240);background-color:var(--pbs-container-background-color);position:relative;display:none;flex-direction:column;align-items:center;justify-content:flex-start;width:92%;height:fit-content;max-height:100vh;border-radius:10px 10px 0 0}.pbs-container.open{display:flex}.pbs-container .pbs-gap-filler{position:absolute;bottom:calc(-100vh + .5px);left:0;background-color:var(--pbs-container-background-color);content:"";width:100%;height:100vh}.pbs-handle{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:30px;cursor:pointer}.pbs-handle.hidden{display:none}.pbs-button-reset{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none}button:focus.pbs-button-reset{outline:none}.pbs-handle-bar{background-color:#a8a8a8;position:relative;width:12%;height:7px;border-radius:12px}.pbs-handle-bar.hidden{display:none}.pbs-content-wrapper{position:relative;width:100%;height:fit-content;max-height:100%;overflow-y:scroll}.pbs-content-wrapper::-webkit-scrollbar{display:none}.example{-ms-overflow-style:none;scrollbar-width:none}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();var Dt=Object.defineProperty,Bt=(t,e,n)=>e in t?Dt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,V=(t,e,n)=>Bt(t,typeof e!="symbol"?e+"":e,n);function A(t){return typeof t=="string"}function Mt(t,e){return t.classList.contains(et(e))}function z(t,e){t.classList.add(et(e))}function ot(t,e){t.classList.remove(et(e))}function X(t,e,n){A(n)&&(A(e)&&ot(t,e),z(t,n))}function et(t){return A(t)?t.trim().replace(/\./g,""):""}function N(t){return t.map(e=>et(e)).filter(Boolean).join(" ")}function Pt(t){return t.map(e=>e==null?void 0:e.trim()).filter(Boolean).map(e=>`.${e}`).join(" ")}const ut="open",dt="hidden";function nt(t,e){const n=e;if(Array.isArray(t)){t.forEach(o=>{J(o,n),o.setAttribute("aria-modal",n?"true":"false")});return}J(t,n),t.setAttribute("aria-modal",n?"true":"false")}function J(t,e){e?(z(t,ut),ot(t,dt)):(z(t,dt),ot(t,ut))}function St(t){return t instanceof HTMLElement}function D(t){return typeof t=="number"&&!Number.isNaN(t)}function Yt(t){St(t)&&t.focus()}function It(t){if(!St(t)||t.offsetParent===null||"disabled"in t&&t.disabled)return!1;const e=t.getAttribute("tabindex"),n=D(e)?parseInt(e,10):-1,o=["INPUT","BUTTON","SELECT","TEXTAREA","A","AREA","IFRAME"].includes(t.tagName),r=t instanceof HTMLAnchorElement&&t.href!==""||t instanceof HTMLAreaElement&&t.href!=="";return o||r||n>-1}var H=(t=>(t.Backdrop="pbs-backdrop",t.Root="pbs-root",t.Container="pbs-container",t.GapFiller="pbs-gap-filler",t.Handle="pbs-handle",t.HandleBar="pbs-handle-bar",t.ContentWrapper="pbs-content-wrapper",t))(H||{}),rt=(t=>(t.Button="pbs-button-reset",t.Dialog="pbs-dialog-reset",t))(rt||{}),K=(t=>(t.Hidden="hidden",t))(K||{});function P(t,e,n){const o=document.createElement(t);return e.split(" ").forEach(r=>{z(o,r)}),A(n)&&o.setAttribute("data-testid",n),o}Pt([H.Root,H.ContentWrapper]);function pt(t,e,n,o){switch(o){case"content-height":return e>=t?Et(t,e,n):0;case"middle":return-(t/2-e);case"top":return-(t-e)+n;default:return 0}}function yt(t,e){const n=e<t,o=e>t;return{isUp:n,isDown:o,stayedSame:e===t}}function Ct(t,e){return e<t?-(t-e):e-t}function Q(t,e){return t>e?t-e:e-t}function Rt(t,e){const n=t<e,o=t>e;return{isUp:n,isDown:o,stayedSame:t===e}}function ht(t,e,n){const o=t==="above";return n.filter(r=>{const i=r*e.viewportHeight;return o?e.visibleHeight<i:e.visibleHeight>i})}function Et(t,e,n){return-(t-e)+n}function mt(t){return Number(t.replace("px",""))}function Z(t,...e){return Number(t.toFixed(...e))}function wt(t){const e=/(?<type>\w+)\((?<values>[^)]+)\)/g,n=[];let o;for(;(o=e.exec(t))!==null;){const r=o[1],i=o[2].split(",").map(a=>a.trim());n.push({type:r,values:i})}return n}function Wt(t){const e=t.style.transform,n=wt(e);return{transform:e,transformValues:n}}function kt(t,e){return t.find(o=>o.type.startsWith(e))||null}const at="translate";function M(t){const e=t.style.transform,n=wt(e),o=kt(n,at);return Ht(o??{type:at,values:[]})}function tt(t,{x:e,y:n}){const{transform:o,transformValues:r}=Wt(t),i=kt(r,at);if(i){const a=Ht(i);t.style.transform=`translate(${e??a.x??0}px,${n??a.y??0}px)`;return}if(o){t.style.transform=`${o}, translate(${e??0}px,${n??0}px)`;return}t.style.transform=`translate(${e??0}px,${n??0}px)`}function Ht(t){if(t.type!=="translate")throw new Error(`Could not get coordinates from ${t.type}, since is not translate.`);const e=t.values[0],n=t.values[1];return{x:mt(e)??0,y:mt(n)??0}}function it(t){return t!=null}function bt(t,{min:e,max:n}){return it(n)&&t>=n?n:it(e)&&t<=e?e:t}const Nt=(t,e,n)=>{e instanceof HTMLElement&&!Mt(e,H.Handle)&&n.scrollTop>=1||(t.isDragging=!0)},Ft=(t,e,n,o)=>r=>{o.startY=t.getCoordinates(r).y,o.containerStartTranslate=M(e),n.onDragStart()},jt=(t,e,n,o,r)=>i=>{Ut(i,t,n,o,r,e,n.marginTop)};function Ut(t,e,n,o,r,i,a){if(!o.isDragging||!D(o.startY))return;const s=e.getCoordinates(t).y,u=Ct(o.startY,s),h=window.innerHeight,c=i.clientHeight,m=c-(o.containerStartTranslate.y+u);if(m>=h)return;const C=yt(o.startY,s);if(C.isUp&&!n.expandable&&m>=c)return;r.start(()=>{tt(i,{y:o.containerStartTranslate.y+u})},0);const l=h-a,E=c-o.containerStartTranslate.y;if(C.isUp){const g=l-E,S=l-m,w=bt(1-Z(S/g,2),{min:0,max:1});n.onDragMove(C,w)}else if(C.isDown){const g=bt(Z(1-m/E,2),{min:0,max:1});n.onDragMove(C,g)}}const $t=(t,e,n,o,r,i,a)=>s=>{if(!o.isDragging||(o.isDragging=!1,!D(o.startY)))return;n.onDragEnd();const u=o.startY,h=t.getCoordinates(s).y,c=M(e).y,m=yt(u,h),C=window.innerHeight,l=e.clientHeight;if(m.isUp){const E=[...n.snapPoints].sort((w,x)=>w-x),g=l+-c;if(!n.expandable&&g>=l)return;for(const w of E){const x=w*window.innerHeight;if(g<=x){const T=Q(g,x);a.translateContainer({startY:c,endY:c-T,animationFrame:r,bottomSheetContainer:e});return}}const S=Et(C,l,n.marginTop);a.translateContainer({startY:c,endY:S,animationFrame:r,bottomSheetContainer:e})}else if(m.isDown){const E=[...n.snapPoints].sort((g,S)=>S-g);for(const g of E){const S=g*window.innerHeight,w=l+-c;if(w>=S){const x=Q(w,S);a.translateContainer({startY:c,endY:c+x,animationFrame:r,bottomSheetContainer:e});return}}i()}};var U=(t=>(t[t.All=-1]="All",t[t.None=0]="None",t[t.Capture=1]="Capture",t[t.Target=2]="Target",t[t.Bubble=3]="Bubble",t))(U||{});function ft(t){switch(t){case 0:return 0;case 1:return 1;case 2:return 2;case 3:return 3;default:return-1}}const Gt={eventPhase:U.All};class q{constructor(e){V(this,"currentTarget"),this.currentTarget=e}addEventListeners({onStart:e,onStartOptions:n=Gt,onMove:o,onEnd:r}){this.addTouchEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}),this.addMouseEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r})}addTouchEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}){e&&this.currentTarget.addEventListener("touchstart",i=>{if(n.eventPhase===U.All){e(i);return}ft(i.eventPhase)===n.eventPhase&&e(i)},{passive:!0}),o&&this.currentTarget.addEventListener("touchmove",o),r&&this.currentTarget.addEventListener("touchend",r)}addMouseEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}){e&&this.currentTarget.addEventListener("mousedown",i=>{if(n.eventPhase===U.All){e(i);return}ft(i.eventPhase)===n.eventPhase&&e(i)},{passive:!0}),o&&this.currentTarget.addEventListener("mousemove",o),r&&this.currentTarget.addEventListener("mouseup",i=>{r(i)})}removeEventListeners({onStart:e,onMove:n,onEnd:o}){e&&this.currentTarget.removeEventListener("touchstart",e),o&&this.currentTarget.removeEventListener("touchend",o),n&&this.currentTarget.removeEventListener("touchmove",n),e&&this.currentTarget.removeEventListener("mousedown",e),n&&this.currentTarget.removeEventListener("mousemove",n),o&&this.currentTarget.removeEventListener("mouseup",o)}getCoordinates(e){if(e.type==="touchstart"||e.type==="mousedown"){if("touches"in e)return{x:e.touches[0].clientX,y:e.touches[0].clientY};if(e instanceof MouseEvent)return{x:e.clientX,y:e.clientY}}if(e.type==="touchend"||e.type==="mouseup"||e.type==="mousemove"||e.type==="touchmove"){if("touches"in e)return{x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY};if(e instanceof MouseEvent)return{x:e.clientX,y:e.clientY}}return{x:0,y:0}}}function Tt(t){const e=t;return`${e} ${e} 0px 0px`}function _t(t,e){const n=Xt(t);qt(n),n.bottomSheetContainer.style.width=t.width;const o=document.createElement("div");o.innerHTML=t.content??"";const r=window.innerHeight;n.bottomSheetContainer.style.maxHeight=`${r}px`,n.bottomSheetContentWrapper.appendChild(o);const i=zt({bottomSheetElements:n,bottomSheetProps:t,options:e});return t.rootStyle&&Object.assign(n.bottomSheetRoot.style,t.rootStyle),t.backdropStyle&&Object.assign(n.bottomSheetBackdrop.style,t.backdropStyle),t.containerStyle&&Object.assign(n.bottomSheetContainer.style,t.containerStyle),t.handleStyle&&Object.assign(n.bottomSheetHandleBar.style,t.handleStyle),t.contentWrapperStyle&&Object.assign(n.bottomSheetContentWrapper.style,t.contentWrapperStyle),{elements:n,eventHandlers:i}}function Xt(t){const e=P("dialog",N([H.Root,rt.Dialog,t.rootClass]),H.Root);e.ariaLabel=t.ariaLabel;const n=P("section",N([H.Container,t.containerClass]),H.Container);t.containerBorderRadius&&(n.style.borderRadius=Tt(t.containerBorderRadius));const o=P("div",H.GapFiller,H.GapFiller),r=P("button",N([H.Handle,rt.Button,t.shouldShowHandle?null:K.Hidden,t.handleClass]),H.Handle);r.setAttribute("type","button"),r.ariaLabel="bottom sheet close button";const i=P("span",N([H.HandleBar,t.shouldShowHandle?null:K.Hidden]),H.HandleBar),a=P("article",N([H.ContentWrapper,t.contentWrapperClass]),H.ContentWrapper),s=P("div",N([H.Backdrop,t.backdropClass,K.Hidden]),H.Backdrop);return t.backdropColor&&(s.style.backgroundColor=t.backdropColor),t.backDropTransition&&(s.style.transition=t.backDropTransition),{bottomSheetRoot:e,bottomSheetBackdrop:s,bottomSheetContainer:n,bottomSheetHandle:r,bottomSheetHandleBar:i,bottomSheetContentWrapper:a,bottomSheetContainerGapFiller:o}}function qt({bottomSheetRoot:t,bottomSheetContainer:e,bottomSheetHandle:n,bottomSheetHandleBar:o,bottomSheetContentWrapper:r,bottomSheetContainerGapFiller:i}){t.appendChild(e),n.appendChild(o),e.appendChild(n),e.appendChild(r),e.appendChild(i)}function zt({bottomSheetElements:t,bottomSheetProps:e,options:n}){const{bottomSheetRoot:o,bottomSheetContainer:r,bottomSheetHandle:i,bottomSheetContainerGapFiller:a,bottomSheetContentWrapper:s,bottomSheetBackdrop:u}=t,{animationFrame:h}=n,c=new q(i),m=new q(s),C=new q(a),l=e.dragTriggers.reduce((O,y)=>{const v=o.querySelectorAll(y);if(!v.length)return O;const p=Array.from(v).map(d=>d instanceof HTMLElement?new q(d):null).filter(d=>!!d);return[...O,...p]},[]),E=new q(window),g=Ft(E,r,e,n.draggingState),S=jt(E,r,e,n.draggingState,h),w=$t(E,r,e,n.draggingState,h,n.onClose,n.bottomSheetState);function x(O){O.target instanceof Element&&!o.contains(O.target)&&n.onClose()}function T(O){Nt(n.draggingState,O.target,t.bottomSheetContentWrapper)}function Y(O){const y=O??e;y.draggable&&(c.addEventListeners({onStart:T}),l.forEach(v=>{v.addEventListeners({onStart:T,onStartOptions:{eventPhase:U.Target}})})),y.draggable&&y.backgroundDraggable&&(m.addEventListeners({onStart:T,onStartOptions:{eventPhase:U.Target}}),C.addEventListeners({onStart:T})),y.draggable&&E.addEventListeners({onStart:g,onMove:S,onEnd:w}),y.draggable&&window.document.addEventListener("keyup",v=>{v.key==="Escape"&&n.onClose()}),i.addEventListener("keyup",v=>{if(v.key==="ArrowUp"){n.moveUp();return}if(v.key==="ArrowDown"){n.moveDown();return}if(v.shiftKey&&v.key==="Tab"){const p=I(t.bottomSheetContentWrapper);Yt(p)}})}function G(){e.shouldCloseOnOutsideClick?u.addEventListener("click",x):u.style.pointerEvents="none"}function _(){u.removeEventListener("click",x)}function I(O){let y=[...Array.from(O.childNodes).reverse()];for(;y.length;){const v=y.shift();if(It(v))return v;v&&(y=[...y,...Array.from(v.childNodes).reverse()])}return null}function R(){c.removeEventListeners({onStart:T}),m.removeEventListeners({onStart:T}),C.removeEventListeners({onStart:T}),l.forEach(O=>{O.removeEventListeners({onStart:T})}),E.removeEventListeners({onStart:g,onMove:S,onEnd:w})}return{attachEventListeners:Y,clearEventListeners:R,attacheOnOpenEventListeners:G,clearOnOpenEventListeners:_}}class Vt{constructor(){V(this,"animationId"),V(this,"isInProgress"),V(this,"startedAt"),this.animationId=null,this.isInProgress=!1,this.startedAt=null}start(e,n,o=!1){this.isInProgress=!0;const r=i=>{this.startedAt||(this.startedAt=i);const a=i-this.startedAt,s=n===0?1:Z(a/n,2),u=s>=1&&!o;e(s),u?this.stop():this.animationId=requestAnimationFrame(r)};this.animationId=requestAnimationFrame(r)}stop(){this.isInProgress=!1,this.startedAt=null,D(this.animationId)&&cancelAnimationFrame(this.animationId)}}function Kt(t){const{startY:e,endY:n,bottomSheetContainer:o,animationFrame:r,onEnd:i,animationTimingFunction:a,animationDuration:s}=t,u=Ct(e,n);r.stop();let h=!1;r.start(c=>{tt(o,{y:e+u*a(c)}),!h&&c>=1&&(i==null||i(),h=!0)},s)}const st=(t,e)=>n=>{Kt({...n,animationTimingFunction:t,animationDuration:e})},j={TOP:"top",MIDDLE:"middle",CONTENT_HEIGHT:"content-height",CLOSED:"closed"};function Jt(t){return!(!D(t)||t>1||t<0)}function Qt(t,e){const n={set(o,r,i,a){return e(r,i),Reflect.set(o,r,i,a)}};return new Proxy(t,n)}function Zt(...t){console.error(t)}const F={EASE:"ease",EASE_IN:"ease-in",EASE_OUT:"ease-out",EASE_IN_OUT:"ease-in-out",SPRING:"spring"};function te(t){for(const e of Object.values(F))if(e===t)return!0;return!1}function Ot(t){return!!(t instanceof Object&&"p1x"in t&&"p1y"in t&&"p2x"in t&&"p2y"in t&&D(t.p1x)&&D(t.p1y)&&D(t.p2x)&&D(t.p2y))}function $(t,e,n,o){return function(s){return a(r(s))};function r(s){let u=0,h=1,c=s,m;if(s===0||s===1)return s;for(;u<h;){if(m=i(c),Math.abs(m-s)<.001)return c;s>m?u=c:h=c,c=(h+u)/2}return c}function i(s){return 3*t*s*Math.pow(1-s,2)+3*n*Math.pow(s,2)*(1-s)+Math.pow(s,3)}function a(s){return 3*e*s*Math.pow(1-s,2)+3*o*Math.pow(s,2)*(1-s)+Math.pow(s,3)}}const gt=$(.25,.1,.25,1),ee=$(.42,0,1,1),Lt=$(.42,0,.58,1),ne=$(.4,.1,.6,1),oe=$(.45,1.5,.55,1);function re(t){switch(t){case F.EASE:return gt;case F.EASE_IN:return ee;case F.EASE_OUT:return Lt;case F.EASE_IN_OUT:return ne;case F.SPRING:return oe;default:return gt}}function vt(t){return typeof t=="boolean"}const ae={ariaLabel:"Bottom sheet",content:"",defaultPosition:j.CONTENT_HEIGHT,marginTop:20,snapPoints:[],width:"92%",dragTriggers:[],beforeOpen:()=>{},afterOpen:()=>{},beforeClose:()=>{},afterClose:()=>{},onDragStart:()=>{},onDragMove:()=>{},onDragEnd:()=>{},expandable:!0,draggable:!0,backgroundDraggable:!0,shouldCloseOnOutsideClick:!0,shouldShowBackdrop:!0,shouldShowHandle:!0,backDropTransition:null,backdropColor:null,containerBorderRadius:null,rootClass:null,containerClass:null,handleClass:null,contentWrapperClass:null,backdropClass:null,draggingAnimationTimings:"ease-in-out",draggingAnimationDuration:180,rootStyle:{},containerStyle:{},handleStyle:{},contentWrapperStyle:{},backdropStyle:{}};function ie(t){const e={...ae},n=Object.entries(t).reduce((o,r)=>{const[i,a]=r;return it(a)&&(o[i]=a),o},{});return{...e,...n}}function ct(t){if(Ot(t)){const{p1x:e,p1y:n,p2x:o,p2y:r}=t;return $(e,n,o,r)}return te(t)?re(t):Lt}function se(t,e,n,o){function r(i,a){switch(i){case"content":A(a)&&(t.bottomSheetContentWrapper.innerHTML=a);break;case"width":A(a)&&(t.bottomSheetContainer.style.width=a);break;case"shouldShowHandle":vt(a)||J(t.bottomSheetHandle,!1);break;case"shouldShowBackdrop":vt(a)||J(t.bottomSheetBackdrop,!1);break;case"containerBorderRadius":A(a)&&(t.bottomSheetContainer.style.borderRadius=Tt(a));break;case"backdropColor":A(a)&&(t.bottomSheetBackdrop.style.backgroundColor=a);break;case"backDropTransition":A(a)&&(t.bottomSheetBackdrop.style.transition=a);break;case"rootClass":if(!A(a))return;X(t.bottomSheetRoot,n.rootClass,a);break;case"containerClass":if(!A(a))return;X(t.bottomSheetContainer,n.containerClass,a);break;case"handleClass":if(!A(a))return;X(t.bottomSheetHandle,n.handleClass,a);break;case"contentWrapperClass":if(!A(a))return;X(t.bottomSheetContentWrapper,n.contentWrapperClass,a);break;case"backdropClass":if(!A(a))return;X(t.bottomSheetBackdrop,n.backdropClass,a);break;case"expandable":o.clearEventListeners(),o.attachEventListeners(n);break;case"draggable":o.clearEventListeners(),o.attachEventListeners(n);break;case"draggingAnimationTimings":if(Ot(a)){const s=ct(a),u=st(s,n.draggingAnimationDuration);e.translateContainer=u}break;case"draggingAnimationDuration":if(D(a)){const s=ct(n.draggingAnimationTimings),u=st(s,a);e.translateContainer=u}break;case"rootStyle":n.rootStyle&&Object.assign(t.bottomSheetRoot.style,n.rootStyle);break;case"backdropStyle":n.backdropStyle&&Object.assign(t.bottomSheetBackdrop.style,n.backdropStyle);break;case"containerStyle":n.containerStyle&&Object.assign(t.bottomSheetContainer.style,n.containerStyle);break;case"handleStyle":n.handleStyle&&Object.assign(t.bottomSheetHandleBar.style,n.handleStyle);break;case"contentWrapperStyle":n.contentWrapperStyle&&Object.assign(t.bottomSheetContentWrapper.style,n.contentWrapperStyle);break}}return r}function ce(t){const e=ie(t),n=ct(t.draggingAnimationTimings),o={isMounted:!1,translateContainer:st(n,e.draggingAnimationDuration)},r={startY:null,containerStartTranslate:{x:0,y:0},isDragging:!1,originalDocumentOverflowY:null,originalDocumentOverscrollBehavior:null};function i(){r.originalDocumentOverflowY&&r.originalDocumentOverflowY!=="hidden"&&(document.body.style.overflowY=r.originalDocumentOverflowY),r.originalDocumentOverscrollBehavior&&(document.body.style.position=r.originalDocumentOverscrollBehavior)}const a=new Vt,s={animationFrame:a,onClose:w,bottomSheetState:o,draggingState:r,snapTo:v,moveUp:O,moveDown:y},{elements:u,eventHandlers:h}=_t(e,s),c=Qt(e,se(u,o,e,h)),{bottomSheetBackdrop:m,bottomSheetRoot:C,bottomSheetContainer:l}=u,E=p=>{const d=p??window.document.body;d.appendChild(C),d.appendChild(m);const b=window.innerHeight;tt(l,{y:b}),h.attachEventListeners(),o.isMounted=!0},g=()=>{h.clearEventListeners(),Object.values(u).forEach(p=>{p.remove()}),i(),o.isMounted=!1},S=()=>{var p;if(x()||Zt('Bottom Sheet is not mounted yet. call the "mount" method first.'),(p=t.beforeOpen)==null||p.call(t),T())return;nt(m,!0),c.shouldShowBackdrop||z(m,"transparent"),nt([l],!0),tt(l,{y:l.clientHeight});const d=window.innerHeight,b=pt(d,l.clientHeight,c.marginTop,c.defaultPosition),f=M(l).y;o.translateContainer({startY:f,endY:b,animationFrame:a,bottomSheetContainer:l,onEnd:t.afterOpen});const L=document.body.style.overflowY;r.originalDocumentOverflowY=L||"initial";const B=document.body.style.overscrollBehavior;r.originalDocumentOverscrollBehavior=B||"initial",document.body.style.overflow="hidden",document.body.style.overscrollBehavior="contain",u.bottomSheetHandle.focus(),h.attacheOnOpenEventListeners()};function w(){var p;if(Y())return;(p=t.beforeClose)==null||p.call(t);const d=M(l).y,b=l.clientHeight;o.translateContainer({startY:d,endY:b,animationFrame:a,bottomSheetContainer:l,onEnd:()=>{var f;(f=t.afterClose)==null||f.call(t),nt([m,l],!1),h.clearOnOpenEventListeners()}}),i()}function x(){return o.isMounted}function T(){const p=M(l).y,d=window.innerHeight,b=l.clientHeight>=d?d:l.clientHeight;return p<=b}function Y(){return!T()}function G(){const p=M(l).y,d=l.clientHeight,b=window.innerHeight;if(p<=5&&p>=-5)return j.CONTENT_HEIGHT;const f=d-p;if(f===b/2)return j.MIDDLE;const L=b-c.marginTop,B=10;return f<=L+B&&f>=L-B?j.TOP:j.CLOSED}function _(){return l.clientHeight}function I(p){if(!T())return;const d=M(l).y,b=l.clientHeight-d,f=window.innerHeight-p,L=Rt(b,f),B=Q(b,f);o.translateContainer({startY:d,endY:d+(L.isUp?-B:B),animationFrame:a,bottomSheetContainer:l})}function R(p,{viewportHeight:d,visibleHeight:b}){let f=null;for(const L of p){const B=L*d,W=Q(b,B);(f===null||W<f)&&(f=W)}return{minOffset:f}}function O(){const p=[...c.snapPoints].reverse(),d=M(l).y,b=l.clientHeight,f=b-d;if(!c.expandable&&f>=b)return;const L=window.innerHeight,B=ht("above",{visibleHeight:f,viewportHeight:L},p),{minOffset:W}=R(B,{visibleHeight:f,viewportHeight:L});if(W===null&&f<L-c.marginTop){o.translateContainer({startY:d,endY:pt(L,b,c.marginTop,"top"),animationFrame:a,bottomSheetContainer:l});return}D(W)&&o.translateContainer({startY:d,endY:d-W,animationFrame:a,bottomSheetContainer:l})}function y(){const p=M(l).y,d=l.clientHeight-p;if(d<1)return;const b=window.innerHeight,f=ht("below",{visibleHeight:d,viewportHeight:b},c.snapPoints),{minOffset:L}=R(f,{visibleHeight:d,viewportHeight:b});D(L)&&o.translateContainer({startY:p,endY:p+L,animationFrame:a,bottomSheetContainer:l})}function v(p){const d=window.innerHeight;if(!Jt(p))return;const b=Z(d*p,2);I(b)}return{props:c,elements:u,mount:E,unmount:g,open:S,close:w,getIsMounted:x,getIsOpen:T,getIsClosed:Y,getPosition:G,getHeight:_,moveTo:I,snapTo:v}}function lt(){return{elements:{bottomSheetRoot:void 0,bottomSheetBackdrop:void 0,bottomSheetContainer:void 0,bottomSheetHandle:void 0,bottomSheetHandleBar:void 0,bottomSheetContentWrapper:void 0,bottomSheetContainerGapFiller:void 0},mount:()=>{},unmount:()=>{},open:()=>{},close:()=>{},getIsMounted:()=>!1,getHeight:()=>0,getIsOpen:()=>!1,getIsClosed:()=>!0,getPosition:()=>j.CLOSED,moveTo:()=>{},snapTo:()=>{},props:{content:""}}}const le=lt(),ue=k.forwardRef(function(e,n){const{children:o,isOpen:r,setIsOpen:i,afterClose:a,mountingPointRef:s,...u}=e,h=k.useRef(le),[c,m]=k.useState(h.current);k.useImperativeHandle(n,()=>c,[c]);const C=k.useCallback(()=>{i(!1),a==null||a()},[a]);k.useEffect(()=>{r?c.open():c.close()},[r]);const l=k.useRef(null);return k.useEffect(function(){var w;if(s&&!s.current)return;const g=At((w=e.mountingPointRef)==null?void 0:w.current)?e.mountingPointRef.current:window.document.body;if(!g||c.getIsMounted())return;const S=ce({content:"",...u,afterClose:C});return S.mount(g),l.current=S.elements.bottomSheetContentWrapper??null,h.current=S,m(S),()=>{c.unmount()}},[e.mountingPointRef,u,C]),k.useEffect(function(){Object.assign(h.current.props,{...u}),m(h.current)},[u]),k.useEffect(function(){return()=>{h.current.unmount()}},[]),l.current?xt.createPortal(e.children,l.current):null}),de=lt();function pe(t={}){const e=k.useRef(de),[n,o]=k.useState(!1),[r,i]=k.useState(e.current);k.useEffect(()=>{i(e.current)},[e.current]);const{beforeOpen:a,afterOpen:s,beforeClose:u,afterClose:h,onDragStart:c,onDragMove:m,onDragEnd:C,...l}=t,E=()=>{a==null||a()},g=()=>{s==null||s(),o(!0)},S=()=>{u==null||u()},w=()=>{h==null||h(),o(!1)},x=()=>{c==null||c()},T=(y,v)=>{m==null||m(y,v)},Y=()=>{C==null||C()},G=k.useMemo(()=>({ref:e,isOpen:n,setIsOpen:o,beforeOpen:E,afterOpen:g,beforeClose:S,afterClose:w,onDragStart:x,onDragMove:T,onDragEnd:Y,...l}),[e.current,n,o,t]),_=k.useCallback(()=>{o(!0)},[o]),I=k.useCallback(()=>{o(!0)},[o]),R=k.useCallback((...y)=>{r.moveTo(...y)},[r]),O=k.useCallback((...y)=>{r.snapTo(...y)},[r]);return{props:G,instance:r,isOpen:n,setIsOpen:o,open:_,close:I,moveTo:R,snapTo:O}}exports.BottomSheet=ue;exports.createPlaceholderBottomSheet=lt;exports.useBottomSheet=pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),xt=require("react-dom");function At(t){return t!=null}(function(){try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.pbs-root{position:fixed;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:fit-content;max-height:100vh;z-index:2}.pbs-dialog-reset{background-color:transparent;color:inherit;border:none;outline:none;padding:0;margin:0}.pbs-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1;transition:background-color .2s ease-out}.pbs-backdrop.hidden{visibility:hidden}.pbs-backdrop.open{background-color:#454545b3}.pbs-backdrop.transparent{background-color:transparent}.pbs-container{--pbs-container-background-color: rgb(240, 240, 240);background-color:var(--pbs-container-background-color);position:relative;display:none;flex-direction:column;align-items:center;justify-content:flex-start;width:92%;height:fit-content;max-height:100vh;border-radius:10px 10px 0 0}.pbs-container.open{display:flex}.pbs-container .pbs-gap-filler{position:absolute;bottom:calc(-100vh + .5px);left:0;background-color:var(--pbs-container-background-color);content:"";width:100%;height:100vh}.pbs-handle{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:30px;cursor:pointer}.pbs-handle.hidden{display:none}.pbs-button-reset{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none}button:focus.pbs-button-reset{outline:none}.pbs-handle-bar{background-color:#a8a8a8;position:relative;width:12%;height:7px;border-radius:12px}.pbs-handle-bar.hidden{display:none}.pbs-content-wrapper{position:relative;width:100%;height:fit-content;max-height:100%;overflow-y:scroll}.pbs-content-wrapper::-webkit-scrollbar{display:none}.example{-ms-overflow-style:none;scrollbar-width:none}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();var Dt=Object.defineProperty,Bt=(t,e,n)=>e in t?Dt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,K=(t,e,n)=>Bt(t,typeof e!="symbol"?e+"":e,n);function A(t){return typeof t=="string"}function Mt(t,e){return t.classList.contains(et(e))}function V(t,e){t.classList.add(et(e))}function ot(t,e){t.classList.remove(et(e))}function X(t,e,n){A(n)&&(A(e)&&ot(t,e),V(t,n))}function et(t){return A(t)?t.trim().replace(/\./g,""):""}function N(t){return t.map(e=>et(e)).filter(Boolean).join(" ")}function Pt(t){return t.map(e=>e==null?void 0:e.trim()).filter(Boolean).map(e=>`.${e}`).join(" ")}const ut="open",dt="hidden";function nt(t,e){const n=e;if(Array.isArray(t)){t.forEach(o=>{Q(o,n),o.setAttribute("aria-modal",n?"true":"false")});return}Q(t,n),t.setAttribute("aria-modal",n?"true":"false")}function Q(t,e){e?(V(t,ut),ot(t,dt)):(V(t,dt),ot(t,ut))}function St(t){return t instanceof HTMLElement}function D(t){return typeof t=="number"&&!Number.isNaN(t)}function Yt(t){St(t)&&t.focus()}function It(t){if(!St(t)||t.offsetParent===null||"disabled"in t&&t.disabled)return!1;const e=t.getAttribute("tabindex"),n=D(e)?parseInt(e,10):-1,o=["INPUT","BUTTON","SELECT","TEXTAREA","A","AREA","IFRAME"].includes(t.tagName),r=t instanceof HTMLAnchorElement&&t.href!==""||t instanceof HTMLAreaElement&&t.href!=="";return o||r||n>-1}var T=(t=>(t.Backdrop="pbs-backdrop",t.Root="pbs-root",t.Container="pbs-container",t.GapFiller="pbs-gap-filler",t.Handle="pbs-handle",t.HandleBar="pbs-handle-bar",t.ContentWrapper="pbs-content-wrapper",t))(T||{}),rt=(t=>(t.Button="pbs-button-reset",t.Dialog="pbs-dialog-reset",t))(rt||{}),J=(t=>(t.Hidden="hidden",t))(J||{});function P(t,e,n){const o=document.createElement(t);return e.split(" ").forEach(r=>{V(o,r)}),A(n)&&o.setAttribute("data-testid",n),o}Pt([T.Root,T.ContentWrapper]);function pt(t,e,n,o){switch(o){case"content-height":return e>=t?Et(t,e,n):0;case"middle":return-(t/2-e);case"top":return-(t-e)+n;default:return 0}}function yt(t,e){const n=e<t,o=e>t;return{isUp:n,isDown:o,stayedSame:e===t}}function Ct(t,e){return e<t?-(t-e):e-t}function z(t,e){return t>e?t-e:e-t}function Rt(t,e){const n=t<e,o=t>e;return{isUp:n,isDown:o,stayedSame:t===e}}function ht(t,e,n){const o=t==="above";return n.filter(r=>{const i=r*e.viewportHeight;return o?e.visibleHeight<i:e.visibleHeight>i})}function Et(t,e,n){return-(t-e)+n}function mt(t){return Number(t.replace("px",""))}function Z(t,...e){return Number(t.toFixed(...e))}function wt(t){const e=/(?<type>\w+)\((?<values>[^)]+)\)/g,n=[];let o;for(;(o=e.exec(t))!==null;){const r=o[1],i=o[2].split(",").map(a=>a.trim());n.push({type:r,values:i})}return n}function Wt(t){const e=t.style.transform,n=wt(e);return{transform:e,transformValues:n}}function kt(t,e){return t.find(o=>o.type.startsWith(e))||null}const at="translate";function M(t){const e=t.style.transform,n=wt(e),o=kt(n,at);return Tt(o??{type:at,values:[]})}function tt(t,{x:e,y:n}){const{transform:o,transformValues:r}=Wt(t),i=kt(r,at);if(i){const a=Tt(i);t.style.transform=`translate(${e??a.x??0}px,${n??a.y??0}px)`;return}if(o){t.style.transform=`${o}, translate(${e??0}px,${n??0}px)`;return}t.style.transform=`translate(${e??0}px,${n??0}px)`}function Tt(t){if(t.type!=="translate")throw new Error(`Could not get coordinates from ${t.type}, since is not translate.`);const e=t.values[0],n=t.values[1];return{x:mt(e)??0,y:mt(n)??0}}function it(t){return t!=null}function bt(t,{min:e,max:n}){return it(n)&&t>=n?n:it(e)&&t<=e?e:t}const Nt=(t,e,n)=>{e instanceof HTMLElement&&!Mt(e,T.Handle)&&n.scrollTop>=1||(t.isDragging=!0)},Ft=(t,e,n,o)=>r=>{o.startY=t.getCoordinates(r).y,o.containerStartTranslate=M(e),n.onDragStart()},jt=(t,e,n,o,r)=>i=>{Ut(i,t,n,o,r,e,n.marginTop)};function Ut(t,e,n,o,r,i,a){if(!o.isDragging||!D(o.startY))return;const c=e.getCoordinates(t).y,u=Ct(o.startY,c),h=window.innerHeight,s=i.clientHeight,m=s-(o.containerStartTranslate.y+u);if(m>=h)return;const C=yt(o.startY,c);if(C.isUp&&!n.expandable&&m>=s||n.preventClosing&&m<=s)return;r.start(()=>{tt(i,{y:o.containerStartTranslate.y+u})},0);const l=h-a,E=s-o.containerStartTranslate.y;if(C.isUp){const b=l-E,v=l-m,w=bt(1-Z(v/b,2),{min:0,max:1});n.onDragMove(C,w)}else if(C.isDown){const b=bt(Z(1-m/E,2),{min:0,max:1});n.onDragMove(C,b)}}const $t=(t,e,n,o,r,i,a)=>c=>{if(!o.isDragging||(o.isDragging=!1,!D(o.startY)))return;n.onDragEnd();const u=o.startY,h=t.getCoordinates(c).y,s=M(e).y,m=yt(u,h),C=window.innerHeight,l=e.clientHeight;if(m.isUp){const E=[...n.snapPoints].sort((w,x)=>w-x),b=l+-s;if(!n.expandable&&b>=l)return;for(const w of E){const x=w*window.innerHeight;if(b<=x){const H=z(b,x);a.translateContainer({startY:s,endY:s-H,animationFrame:r,bottomSheetContainer:e});return}}const v=Et(C,l,n.marginTop);a.translateContainer({startY:s,endY:v,animationFrame:r,bottomSheetContainer:e})}else if(m.isDown){const E=[...n.snapPoints].sort((b,v)=>v-b);for(const b of E){const v=b*window.innerHeight,w=l+-s;if(w>=v){const x=z(w,v);a.translateContainer({startY:s,endY:s+x,animationFrame:r,bottomSheetContainer:e});return}}if(n.preventClosing){const b=l+-s;if(b>=l){const v=z(b,l);a.translateContainer({startY:s,endY:s+v,animationFrame:r,bottomSheetContainer:e})}return}i()}};var U=(t=>(t[t.All=-1]="All",t[t.None=0]="None",t[t.Capture=1]="Capture",t[t.Target=2]="Target",t[t.Bubble=3]="Bubble",t))(U||{});function ft(t){switch(t){case 0:return 0;case 1:return 1;case 2:return 2;case 3:return 3;default:return-1}}const Gt={eventPhase:U.All};class q{constructor(e){K(this,"currentTarget"),this.currentTarget=e}addEventListeners({onStart:e,onStartOptions:n=Gt,onMove:o,onEnd:r}){this.addTouchEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}),this.addMouseEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r})}addTouchEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}){e&&this.currentTarget.addEventListener("touchstart",i=>{if(n.eventPhase===U.All){e(i);return}ft(i.eventPhase)===n.eventPhase&&e(i)},{passive:!0}),o&&this.currentTarget.addEventListener("touchmove",o),r&&this.currentTarget.addEventListener("touchend",r)}addMouseEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}){e&&this.currentTarget.addEventListener("mousedown",i=>{if(n.eventPhase===U.All){e(i);return}ft(i.eventPhase)===n.eventPhase&&e(i)},{passive:!0}),o&&this.currentTarget.addEventListener("mousemove",o),r&&this.currentTarget.addEventListener("mouseup",i=>{r(i)})}removeEventListeners({onStart:e,onMove:n,onEnd:o}){e&&this.currentTarget.removeEventListener("touchstart",e),o&&this.currentTarget.removeEventListener("touchend",o),n&&this.currentTarget.removeEventListener("touchmove",n),e&&this.currentTarget.removeEventListener("mousedown",e),n&&this.currentTarget.removeEventListener("mousemove",n),o&&this.currentTarget.removeEventListener("mouseup",o)}getCoordinates(e){if(e.type==="touchstart"||e.type==="mousedown"){if("touches"in e)return{x:e.touches[0].clientX,y:e.touches[0].clientY};if(e instanceof MouseEvent)return{x:e.clientX,y:e.clientY}}if(e.type==="touchend"||e.type==="mouseup"||e.type==="mousemove"||e.type==="touchmove"){if("touches"in e)return{x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY};if(e instanceof MouseEvent)return{x:e.clientX,y:e.clientY}}return{x:0,y:0}}}function Ht(t){const e=t;return`${e} ${e} 0px 0px`}function _t(t,e){const n=Xt(t);qt(n),n.bottomSheetContainer.style.width=t.width;const o=document.createElement("div");o.innerHTML=t.content??"";const r=window.innerHeight;n.bottomSheetContainer.style.maxHeight=`${r}px`,n.bottomSheetContentWrapper.appendChild(o);const i=zt({bottomSheetElements:n,bottomSheetProps:t,options:e});return t.rootStyle&&Object.assign(n.bottomSheetRoot.style,t.rootStyle),t.backdropStyle&&Object.assign(n.bottomSheetBackdrop.style,t.backdropStyle),t.containerStyle&&Object.assign(n.bottomSheetContainer.style,t.containerStyle),t.handleStyle&&Object.assign(n.bottomSheetHandleBar.style,t.handleStyle),t.contentWrapperStyle&&Object.assign(n.bottomSheetContentWrapper.style,t.contentWrapperStyle),{elements:n,eventHandlers:i}}function Xt(t){const e=P("dialog",N([T.Root,rt.Dialog,t.rootClass]),T.Root);e.ariaLabel=t.ariaLabel;const n=P("section",N([T.Container,t.containerClass]),T.Container);t.containerBorderRadius&&(n.style.borderRadius=Ht(t.containerBorderRadius));const o=P("div",T.GapFiller,T.GapFiller),r=P("button",N([T.Handle,rt.Button,t.shouldShowHandle?null:J.Hidden,t.handleClass]),T.Handle);r.setAttribute("type","button"),r.ariaLabel="bottom sheet close button";const i=P("span",N([T.HandleBar,t.shouldShowHandle?null:J.Hidden]),T.HandleBar),a=P("article",N([T.ContentWrapper,t.contentWrapperClass]),T.ContentWrapper),c=P("div",N([T.Backdrop,t.backdropClass,J.Hidden]),T.Backdrop);return t.backdropColor&&(c.style.backgroundColor=t.backdropColor),t.backDropTransition&&(c.style.transition=t.backDropTransition),{bottomSheetRoot:e,bottomSheetBackdrop:c,bottomSheetContainer:n,bottomSheetHandle:r,bottomSheetHandleBar:i,bottomSheetContentWrapper:a,bottomSheetContainerGapFiller:o}}function qt({bottomSheetRoot:t,bottomSheetContainer:e,bottomSheetHandle:n,bottomSheetHandleBar:o,bottomSheetContentWrapper:r,bottomSheetContainerGapFiller:i}){t.appendChild(e),n.appendChild(o),e.appendChild(n),e.appendChild(r),e.appendChild(i)}function zt({bottomSheetElements:t,bottomSheetProps:e,options:n}){const{bottomSheetRoot:o,bottomSheetContainer:r,bottomSheetHandle:i,bottomSheetContainerGapFiller:a,bottomSheetContentWrapper:c,bottomSheetBackdrop:u}=t,{animationFrame:h}=n,s=new q(i),m=new q(c),C=new q(a),l=e.dragTriggers.reduce((O,y)=>{const S=o.querySelectorAll(y);if(!S.length)return O;const p=Array.from(S).map(d=>d instanceof HTMLElement?new q(d):null).filter(d=>!!d);return[...O,...p]},[]),E=new q(window),b=Ft(E,r,e,n.draggingState),v=jt(E,r,e,n.draggingState,h),w=$t(E,r,e,n.draggingState,h,n.onClose,n.bottomSheetState);function x(O){O.target instanceof Element&&!o.contains(O.target)&&n.onClose()}function H(O){Nt(n.draggingState,O.target,t.bottomSheetContentWrapper)}function Y(O){const y=O??e;y.draggable&&(s.addEventListeners({onStart:H}),l.forEach(S=>{S.addEventListeners({onStart:H,onStartOptions:{eventPhase:U.Target}})})),y.draggable&&y.backgroundDraggable&&(m.addEventListeners({onStart:H,onStartOptions:{eventPhase:U.Target}}),C.addEventListeners({onStart:H})),y.draggable&&E.addEventListeners({onStart:b,onMove:v,onEnd:w}),y.draggable&&window.document.addEventListener("keyup",S=>{S.key==="Escape"&&n.onClose()}),i.addEventListener("keyup",S=>{if(S.key==="ArrowUp"){n.moveUp();return}if(S.key==="ArrowDown"){n.moveDown();return}if(S.shiftKey&&S.key==="Tab"){const p=I(t.bottomSheetContentWrapper);Yt(p)}})}function G(){e.shouldCloseOnOutsideClick?u.addEventListener("click",x):u.style.pointerEvents="none"}function _(){u.removeEventListener("click",x)}function I(O){let y=[...Array.from(O.childNodes).reverse()];for(;y.length;){const S=y.shift();if(It(S))return S;S&&(y=[...y,...Array.from(S.childNodes).reverse()])}return null}function R(){s.removeEventListeners({onStart:H}),m.removeEventListeners({onStart:H}),C.removeEventListeners({onStart:H}),l.forEach(O=>{O.removeEventListeners({onStart:H})}),E.removeEventListeners({onStart:b,onMove:v,onEnd:w})}return{attachEventListeners:Y,clearEventListeners:R,attacheOnOpenEventListeners:G,clearOnOpenEventListeners:_}}class Vt{constructor(){K(this,"animationId"),K(this,"isInProgress"),K(this,"startedAt"),this.animationId=null,this.isInProgress=!1,this.startedAt=null}start(e,n,o=!1){this.isInProgress=!0;const r=i=>{this.startedAt||(this.startedAt=i);const a=i-this.startedAt,c=n===0?1:Z(a/n,2),u=c>=1&&!o;e(c),u?this.stop():this.animationId=requestAnimationFrame(r)};this.animationId=requestAnimationFrame(r)}stop(){this.isInProgress=!1,this.startedAt=null,D(this.animationId)&&cancelAnimationFrame(this.animationId)}}function Kt(t){const{startY:e,endY:n,bottomSheetContainer:o,animationFrame:r,onEnd:i,animationTimingFunction:a,animationDuration:c}=t,u=Ct(e,n);r.stop();let h=!1;r.start(s=>{tt(o,{y:e+u*a(s)}),!h&&s>=1&&(i==null||i(),h=!0)},c)}const st=(t,e)=>n=>{Kt({...n,animationTimingFunction:t,animationDuration:e})},j={TOP:"top",MIDDLE:"middle",CONTENT_HEIGHT:"content-height",CLOSED:"closed"};function Jt(t){return!(!D(t)||t>1||t<0)}function Qt(t,e){const n={set(o,r,i,a){return e(r,i),Reflect.set(o,r,i,a)}};return new Proxy(t,n)}function Zt(...t){console.error(t)}const F={EASE:"ease",EASE_IN:"ease-in",EASE_OUT:"ease-out",EASE_IN_OUT:"ease-in-out",SPRING:"spring"};function te(t){for(const e of Object.values(F))if(e===t)return!0;return!1}function Ot(t){return!!(t instanceof Object&&"p1x"in t&&"p1y"in t&&"p2x"in t&&"p2y"in t&&D(t.p1x)&&D(t.p1y)&&D(t.p2x)&&D(t.p2y))}function $(t,e,n,o){return function(c){return a(r(c))};function r(c){let u=0,h=1,s=c,m;if(c===0||c===1)return c;for(;u<h;){if(m=i(s),Math.abs(m-c)<.001)return s;c>m?u=s:h=s,s=(h+u)/2}return s}function i(c){return 3*t*c*Math.pow(1-c,2)+3*n*Math.pow(c,2)*(1-c)+Math.pow(c,3)}function a(c){return 3*e*c*Math.pow(1-c,2)+3*o*Math.pow(c,2)*(1-c)+Math.pow(c,3)}}const gt=$(.25,.1,.25,1),ee=$(.42,0,1,1),Lt=$(.42,0,.58,1),ne=$(.4,.1,.6,1),oe=$(.45,1.5,.55,1);function re(t){switch(t){case F.EASE:return gt;case F.EASE_IN:return ee;case F.EASE_OUT:return Lt;case F.EASE_IN_OUT:return ne;case F.SPRING:return oe;default:return gt}}function vt(t){return typeof t=="boolean"}const ae={ariaLabel:"Bottom sheet",content:"",defaultPosition:j.CONTENT_HEIGHT,marginTop:20,snapPoints:[],width:"92%",dragTriggers:[],beforeOpen:()=>{},afterOpen:()=>{},beforeClose:()=>{},afterClose:()=>{},onDragStart:()=>{},onDragMove:()=>{},onDragEnd:()=>{},expandable:!0,preventClosing:!1,draggable:!0,backgroundDraggable:!0,shouldCloseOnOutsideClick:!0,shouldShowBackdrop:!0,shouldShowHandle:!0,backDropTransition:null,backdropColor:null,containerBorderRadius:null,rootClass:null,containerClass:null,handleClass:null,contentWrapperClass:null,backdropClass:null,draggingAnimationTimings:"ease-in-out",draggingAnimationDuration:180,rootStyle:{},containerStyle:{},handleStyle:{},contentWrapperStyle:{},backdropStyle:{}};function ie(t){const e={...ae},n=Object.entries(t).reduce((o,r)=>{const[i,a]=r;return it(a)&&(o[i]=a),o},{});return{...e,...n}}function ct(t){if(Ot(t)){const{p1x:e,p1y:n,p2x:o,p2y:r}=t;return $(e,n,o,r)}return te(t)?re(t):Lt}function se(t,e,n,o){function r(i,a){switch(i){case"content":A(a)&&(t.bottomSheetContentWrapper.innerHTML=a);break;case"width":A(a)&&(t.bottomSheetContainer.style.width=a);break;case"shouldShowHandle":vt(a)||Q(t.bottomSheetHandle,!1);break;case"shouldShowBackdrop":vt(a)||Q(t.bottomSheetBackdrop,!1);break;case"containerBorderRadius":A(a)&&(t.bottomSheetContainer.style.borderRadius=Ht(a));break;case"backdropColor":A(a)&&(t.bottomSheetBackdrop.style.backgroundColor=a);break;case"backDropTransition":A(a)&&(t.bottomSheetBackdrop.style.transition=a);break;case"rootClass":if(!A(a))return;X(t.bottomSheetRoot,n.rootClass,a);break;case"containerClass":if(!A(a))return;X(t.bottomSheetContainer,n.containerClass,a);break;case"handleClass":if(!A(a))return;X(t.bottomSheetHandle,n.handleClass,a);break;case"contentWrapperClass":if(!A(a))return;X(t.bottomSheetContentWrapper,n.contentWrapperClass,a);break;case"backdropClass":if(!A(a))return;X(t.bottomSheetBackdrop,n.backdropClass,a);break;case"expandable":o.clearEventListeners(),o.attachEventListeners(n);break;case"preventClosing":o.clearEventListeners(),o.attachEventListeners(n);break;case"draggable":o.clearEventListeners(),o.attachEventListeners(n);break;case"draggingAnimationTimings":if(Ot(a)){const c=ct(a),u=st(c,n.draggingAnimationDuration);e.translateContainer=u}break;case"draggingAnimationDuration":if(D(a)){const c=ct(n.draggingAnimationTimings),u=st(c,a);e.translateContainer=u}break;case"rootStyle":n.rootStyle&&Object.assign(t.bottomSheetRoot.style,n.rootStyle);break;case"backdropStyle":n.backdropStyle&&Object.assign(t.bottomSheetBackdrop.style,n.backdropStyle);break;case"containerStyle":n.containerStyle&&Object.assign(t.bottomSheetContainer.style,n.containerStyle);break;case"handleStyle":n.handleStyle&&Object.assign(t.bottomSheetHandleBar.style,n.handleStyle);break;case"contentWrapperStyle":n.contentWrapperStyle&&Object.assign(t.bottomSheetContentWrapper.style,n.contentWrapperStyle);break}}return r}function ce(t){const e=ie(t),n=ct(t.draggingAnimationTimings),o={isMounted:!1,translateContainer:st(n,e.draggingAnimationDuration)},r={startY:null,containerStartTranslate:{x:0,y:0},isDragging:!1,originalDocumentOverflowY:null,originalDocumentOverscrollBehavior:null};function i(){r.originalDocumentOverflowY&&r.originalDocumentOverflowY!=="hidden"&&(document.body.style.overflowY=r.originalDocumentOverflowY),r.originalDocumentOverscrollBehavior&&(document.body.style.position=r.originalDocumentOverscrollBehavior)}const a=new Vt,c={animationFrame:a,onClose:w,bottomSheetState:o,draggingState:r,snapTo:S,moveUp:O,moveDown:y},{elements:u,eventHandlers:h}=_t(e,c),s=Qt(e,se(u,o,e,h)),{bottomSheetBackdrop:m,bottomSheetRoot:C,bottomSheetContainer:l}=u,E=p=>{const d=p??window.document.body;d.appendChild(C),d.appendChild(m);const f=window.innerHeight;tt(l,{y:f}),h.attachEventListeners(),o.isMounted=!0},b=()=>{h.clearEventListeners(),Object.values(u).forEach(p=>{p.remove()}),i(),o.isMounted=!1},v=()=>{var p;if(x()||Zt('Bottom Sheet is not mounted yet. call the "mount" method first.'),(p=t.beforeOpen)==null||p.call(t),H())return;nt(m,!0),s.shouldShowBackdrop||V(m,"transparent"),nt([l],!0),tt(l,{y:l.clientHeight});const d=window.innerHeight,f=pt(d,l.clientHeight,s.marginTop,s.defaultPosition),g=M(l).y;o.translateContainer({startY:g,endY:f,animationFrame:a,bottomSheetContainer:l,onEnd:t.afterOpen});const L=document.body.style.overflowY;r.originalDocumentOverflowY=L||"initial";const B=document.body.style.overscrollBehavior;r.originalDocumentOverscrollBehavior=B||"initial",document.body.style.overflow="hidden",document.body.style.overscrollBehavior="contain",u.bottomSheetHandle.focus(),h.attacheOnOpenEventListeners()};function w(){var p;if(Y())return;(p=t.beforeClose)==null||p.call(t);const d=M(l).y,f=l.clientHeight;o.translateContainer({startY:d,endY:f,animationFrame:a,bottomSheetContainer:l,onEnd:()=>{var g;(g=t.afterClose)==null||g.call(t),nt([m,l],!1),h.clearOnOpenEventListeners()}}),i()}function x(){return o.isMounted}function H(){const p=M(l).y,d=window.innerHeight,f=l.clientHeight>=d?d:l.clientHeight;return p<=f}function Y(){return!H()}function G(){const p=M(l).y,d=l.clientHeight,f=window.innerHeight;if(p<=5&&p>=-5)return j.CONTENT_HEIGHT;const g=d-p;if(g===f/2)return j.MIDDLE;const L=f-s.marginTop,B=10;return g<=L+B&&g>=L-B?j.TOP:j.CLOSED}function _(){return l.clientHeight}function I(p){if(!H())return;const d=M(l).y,f=l.clientHeight-d,g=window.innerHeight-p,L=Rt(f,g),B=z(f,g);o.translateContainer({startY:d,endY:d+(L.isUp?-B:B),animationFrame:a,bottomSheetContainer:l})}function R(p,{viewportHeight:d,visibleHeight:f}){let g=null;for(const L of p){const B=L*d,W=z(f,B);(g===null||W<g)&&(g=W)}return{minOffset:g}}function O(){const p=[...s.snapPoints].reverse(),d=M(l).y,f=l.clientHeight,g=f-d;if(!s.expandable&&g>=f)return;const L=window.innerHeight,B=ht("above",{visibleHeight:g,viewportHeight:L},p),{minOffset:W}=R(B,{visibleHeight:g,viewportHeight:L});if(W===null&&g<L-s.marginTop){o.translateContainer({startY:d,endY:pt(L,f,s.marginTop,"top"),animationFrame:a,bottomSheetContainer:l});return}D(W)&&o.translateContainer({startY:d,endY:d-W,animationFrame:a,bottomSheetContainer:l})}function y(){const p=M(l).y,d=l.clientHeight-p;if(d<1)return;const f=window.innerHeight,g=ht("below",{visibleHeight:d,viewportHeight:f},s.snapPoints),{minOffset:L}=R(g,{visibleHeight:d,viewportHeight:f});D(L)&&o.translateContainer({startY:p,endY:p+L,animationFrame:a,bottomSheetContainer:l})}function S(p){const d=window.innerHeight;if(!Jt(p))return;const f=Z(d*p,2);I(f)}return{props:s,elements:u,mount:E,unmount:b,open:v,close:w,getIsMounted:x,getIsOpen:H,getIsClosed:Y,getPosition:G,getHeight:_,moveTo:I,snapTo:S}}function lt(){return{elements:{bottomSheetRoot:void 0,bottomSheetBackdrop:void 0,bottomSheetContainer:void 0,bottomSheetHandle:void 0,bottomSheetHandleBar:void 0,bottomSheetContentWrapper:void 0,bottomSheetContainerGapFiller:void 0},mount:()=>{},unmount:()=>{},open:()=>{},close:()=>{},getIsMounted:()=>!1,getHeight:()=>0,getIsOpen:()=>!1,getIsClosed:()=>!0,getPosition:()=>j.CLOSED,moveTo:()=>{},snapTo:()=>{},props:{content:""}}}const le=lt(),ue=k.forwardRef(function(e,n){const{children:o,isOpen:r,setIsOpen:i,afterClose:a,mountingPointRef:c,...u}=e,h=k.useRef(le),[s,m]=k.useState(h.current);k.useImperativeHandle(n,()=>s,[s]);const C=k.useCallback(()=>{i(!1),a==null||a()},[a]);k.useEffect(()=>{r?s.open():s.close()},[r]);const l=k.useRef(null);return k.useEffect(function(){var w;if(c&&!c.current)return;const b=At((w=e.mountingPointRef)==null?void 0:w.current)?e.mountingPointRef.current:window.document.body;if(!b||s.getIsMounted())return;const v=ce({content:"",...u,afterClose:C});return v.mount(b),l.current=v.elements.bottomSheetContentWrapper??null,h.current=v,m(v),()=>{s.unmount()}},[e.mountingPointRef,u,C]),k.useEffect(function(){Object.assign(h.current.props,{...u}),m(h.current)},[u]),k.useEffect(function(){return()=>{h.current.unmount()}},[]),l.current?xt.createPortal(e.children,l.current):null}),de=lt();function pe(t={}){const e=k.useRef(de),[n,o]=k.useState(!1),[r,i]=k.useState(e.current);k.useEffect(()=>{i(e.current)},[e.current]);const{beforeOpen:a,afterOpen:c,beforeClose:u,afterClose:h,onDragStart:s,onDragMove:m,onDragEnd:C,...l}=t,E=()=>{a==null||a()},b=()=>{c==null||c(),o(!0)},v=()=>{u==null||u()},w=()=>{h==null||h(),o(!1)},x=()=>{s==null||s()},H=(y,S)=>{m==null||m(y,S)},Y=()=>{C==null||C()},G=k.useMemo(()=>({ref:e,isOpen:n,setIsOpen:o,beforeOpen:E,afterOpen:b,beforeClose:v,afterClose:w,onDragStart:x,onDragMove:H,onDragEnd:Y,...l}),[e.current,n,o,t]),_=k.useCallback(()=>{o(!0)},[o]),I=k.useCallback(()=>{o(!0)},[o]),R=k.useCallback((...y)=>{r.moveTo(...y)},[r]),O=k.useCallback((...y)=>{r.snapTo(...y)},[r]);return{props:G,instance:r,isOpen:n,setIsOpen:o,open:_,close:I,moveTo:R,snapTo:O}}exports.BottomSheet=ue;exports.createPlaceholderBottomSheet=lt;exports.useBottomSheet=pe;

package/dist/plainsheet-react.es.js

@@ -13,21 +13,21 @@ function It(t) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-var Rt = Object.defineProperty, Wt = (t, e, n) => e in t ? Rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, K = (t, e, n) => Wt(t, typeof e != "symbol" ? e + "" : e, n);
+var Rt = Object.defineProperty, Wt = (t, e, n) => e in t ? Rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, J = (t, e, n) => Wt(t, typeof e != "symbol" ? e + "" : e, n);
 function x(t) {
   return typeof t == "string";
 }
 function Nt(t, e) {
   return t.classList.contains(nt(e));
 }
-function V(t, e) {
+function K(t, e) {
   t.classList.add(nt(e));
 }
 function it(t, e) {
   t.classList.remove(nt(e));
 }
 function _(t, e, n) {
-  x(n) && (x(e) && it(t, e), V(t, n));
+  x(n) && (x(e) && it(t, e), K(t, n));
 }
 function nt(t) {
   return x(t) ? t.trim().replace(/\./g, "") : "";
@@ -43,14 +43,14 @@ function ot(t, e) {
   const n = e;
   if (Array.isArray(t)) {
     t.forEach((o) => {
-      Q(o, n), o.setAttribute("aria-modal", n ? "true" : "false");
+      Z(o, n), o.setAttribute("aria-modal", n ? "true" : "false");
     });
     return;
   }
-  Q(t, n), t.setAttribute("aria-modal", n ? "true" : "false");
+  Z(t, n), t.setAttribute("aria-modal", n ? "true" : "false");
 }
-function Q(t, e) {
-  e ? (V(t, pt), it(t, ht)) : (V(t, ht), it(t, pt));
+function Z(t, e) {
+  e ? (K(t, pt), it(t, ht)) : (K(t, ht), it(t, pt));
 }
 function Ct(t) {
   return t instanceof HTMLElement;
@@ -75,21 +75,21 @@ function Ut(t) {
   ].includes(t.tagName), r = t instanceof HTMLAnchorElement && t.href !== "" || t instanceof HTMLAreaElement && t.href !== "";
   return o || r || n > -1;
 }
-var k = /* @__PURE__ */ ((t) => (t.Backdrop = "pbs-backdrop", t.Root = "pbs-root", t.Container = "pbs-container", t.GapFiller = "pbs-gap-filler", t.Handle = "pbs-handle", t.HandleBar = "pbs-handle-bar", t.ContentWrapper = "pbs-content-wrapper", t))(k || {}), st = /* @__PURE__ */ ((t) => (t.Button = "pbs-button-reset", t.Dialog = "pbs-dialog-reset", t))(st || {}), J = /* @__PURE__ */ ((t) => (t.Hidden = "hidden", t))(J || {});
+var T = /* @__PURE__ */ ((t) => (t.Backdrop = "pbs-backdrop", t.Root = "pbs-root", t.Container = "pbs-container", t.GapFiller = "pbs-gap-filler", t.Handle = "pbs-handle", t.HandleBar = "pbs-handle-bar", t.ContentWrapper = "pbs-content-wrapper", t))(T || {}), st = /* @__PURE__ */ ((t) => (t.Button = "pbs-button-reset", t.Dialog = "pbs-dialog-reset", t))(st || {}), Q = /* @__PURE__ */ ((t) => (t.Hidden = "hidden", t))(Q || {});
 function M(t, e, n) {
   const o = document.createElement(t);
   return e.split(" ").forEach((r) => {
-    V(o, r);
+    K(o, r);
   }), x(n) && o.setAttribute("data-testid", n), o;
 }
 Ft([
-  k.Root,
-  k.ContentWrapper
+  T.Root,
+  T.ContentWrapper
 ]);
 function mt(t, e, n, o) {
   switch (o) {
     case "content-height":
-      return e >= t ? kt(t, e, n) : 0;
+      return e >= t ? Tt(t, e, n) : 0;
     case "middle":
       return -(t / 2 - e);
     case "top":
@@ -109,7 +109,7 @@ function Et(t, e) {
 function wt(t, e) {
   return e < t ? -(t - e) : e - t;
 }
-function Z(t, e) {
+function V(t, e) {
   return t > e ? t - e : e - t;
 }
 function $t(t, e) {
@@ -127,7 +127,7 @@ function bt(t, e, n) {
     return o ? e.visibleHeight < i : e.visibleHeight > i;
   });
 }
-function kt(t, e, n) {
+function Tt(t, e, n) {
   return -(t - e) + n;
 }
 function ft(t) {
@@ -136,7 +136,7 @@ function ft(t) {
 function tt(t, ...e) {
   return Number(t.toFixed(...e));
 }
-function Ht(t) {
+function kt(t) {
   const e = /(?<type>\w+)\((?<values>[^)]+)\)/g, n = [];
   let o;
   for (; (o = e.exec(t)) !== null; ) {
@@ -146,17 +146,17 @@ function Ht(t) {
   return n;
 }
 function Gt(t) {
-  const e = t.style.transform, n = Ht(e);
+  const e = t.style.transform, n = kt(e);
   return { transform: e, transformValues: n };
 }
-function Tt(t, e) {
+function Ht(t, e) {
   return t.find(
     (o) => o.type.startsWith(e)
   ) || null;
 }
 const ct = "translate";
 function B(t) {
-  const e = t.style.transform, n = Ht(e), o = Tt(
+  const e = t.style.transform, n = kt(e), o = Ht(
     n,
     ct
   );
@@ -169,7 +169,7 @@ function et(t, { x: e, y: n }) {
   const {
     transform: o,
     transformValues: r
-  } = Gt(t), i = Tt(
+  } = Gt(t), i = Ht(
     r,
     ct
   );
@@ -205,7 +205,7 @@ function gt(t, {
   return lt(n) && t >= n ? n : lt(e) && t <= e ? e : t;
 }
 const _t = (t, e, n) => {
-  e instanceof HTMLElement && !Nt(e, k.Handle) && n.scrollTop >= 1 || (t.isDragging = !0);
+  e instanceof HTMLElement && !Nt(e, T.Handle) && n.scrollTop >= 1 || (t.isDragging = !0);
 }, Xt = (t, e, n, o) => (r) => {
   o.startY = t.getCoordinates(r).y, o.containerStartTranslate = B(e), n.onDragStart();
 }, zt = (t, e, n, o, r) => (i) => {
@@ -222,21 +222,21 @@ const _t = (t, e, n) => {
 function qt(t, e, n, o, r, i, a) {
   if (!o.isDragging || !A(o.startY))
     return;
-  const s = e.getCoordinates(t).y, u = wt(o.startY, s), h = window.innerHeight, c = i.clientHeight, m = c - (o.containerStartTranslate.y + u);
+  const c = e.getCoordinates(t).y, u = wt(o.startY, c), h = window.innerHeight, s = i.clientHeight, m = s - (o.containerStartTranslate.y + u);
   if (m >= h)
     return;
-  const C = Et(o.startY, s);
-  if (C.isUp && !n.expandable && m >= c)
+  const C = Et(o.startY, c);
+  if (C.isUp && !n.expandable && m >= s || n.preventClosing && m <= s)
     return;
   r.start(() => {
     et(i, {
       y: o.containerStartTranslate.y + u
     });
   }, 0);
-  const l = h - a, E = c - o.containerStartTranslate.y;
+  const l = h - a, E = s - o.containerStartTranslate.y;
   if (C.isUp) {
-    const g = l - E, S = l - m, w = gt(
-      1 - tt(S / g, 2),
+    const b = l - E, v = l - m, w = gt(
+      1 - tt(v / b, 2),
       {
         min: 0,
         max: 1
@@ -244,7 +244,7 @@ function qt(t, e, n, o, r, i, a) {
     );
     n.onDragMove(C, w);
   } else if (C.isDown) {
-    const g = gt(
+    const b = gt(
       tt(
         1 - m / E,
         2
@@ -254,67 +254,80 @@ function qt(t, e, n, o, r, i, a) {
         max: 1
       }
     );
-    n.onDragMove(C, g);
+    n.onDragMove(C, b);
   }
 }
-const Vt = (t, e, n, o, r, i, a) => (s) => {
+const Vt = (t, e, n, o, r, i, a) => (c) => {
   if (!o.isDragging || (o.isDragging = !1, !A(o.startY)))
     return;
   n.onDragEnd();
-  const u = o.startY, h = t.getCoordinates(s).y, c = B(e).y, m = Et(u, h), C = window.innerHeight, l = e.clientHeight;
+  const u = o.startY, h = t.getCoordinates(c).y, s = B(e).y, m = Et(u, h), C = window.innerHeight, l = e.clientHeight;
   if (m.isUp) {
     const E = [...n.snapPoints].sort(
       (w, L) => w - L
-    ), g = l + -c;
-    if (!n.expandable && g >= l)
+    ), b = l + -s;
+    if (!n.expandable && b >= l)
       return;
     for (const w of E) {
       const L = w * window.innerHeight;
-      if (g <= L) {
-        const H = Z(
-          g,
+      if (b <= L) {
+        const k = V(
+          b,
           L
         );
         a.translateContainer({
-          startY: c,
-          endY: c - H,
+          startY: s,
+          endY: s - k,
           animationFrame: r,
           bottomSheetContainer: e
         });
         return;
       }
     }
-    const S = kt(
+    const v = Tt(
       C,
       l,
       n.marginTop
     );
     a.translateContainer({
-      startY: c,
-      endY: S,
+      startY: s,
+      endY: v,
       animationFrame: r,
       bottomSheetContainer: e
     });
   } else if (m.isDown) {
     const E = [...n.snapPoints].sort(
-      (g, S) => S - g
+      (b, v) => v - b
     );
-    for (const g of E) {
-      const S = g * window.innerHeight, w = l + -c;
-      if (w >= S) {
-        const L = Z(
+    for (const b of E) {
+      const v = b * window.innerHeight, w = l + -s;
+      if (w >= v) {
+        const L = V(
           w,
-          S
+          v
         );
         a.translateContainer({
-          startY: c,
-          endY: c + L,
+          startY: s,
+          endY: s + L,
           animationFrame: r,
           bottomSheetContainer: e
         });
         return;
       }
     }
+    if (n.preventClosing) {
+      const b = l + -s;
+      if (b >= l) {
+        const v = V(b, l);
+        a.translateContainer({
+          startY: s,
+          endY: s + v,
+          animationFrame: r,
+          bottomSheetContainer: e
+        });
+      }
+      return;
+    }
     i();
   }
 };
@@ -338,7 +351,7 @@ const Kt = {
 };
 class X {
   constructor(e) {
-    K(this, "currentTarget"), this.currentTarget = e;
+    J(this, "currentTarget"), this.currentTarget = e;
   }
   addEventListeners({
     onStart: e,
@@ -453,62 +466,62 @@ function Qt(t) {
   const e = M(
     "dialog",
     W([
-      k.Root,
+      T.Root,
       st.Dialog,
       t.rootClass
     ]),
-    k.Root
+    T.Root
   );
   e.ariaLabel = t.ariaLabel;
   const n = M(
     "section",
-    W([k.Container, t.containerClass]),
-    k.Container
+    W([T.Container, t.containerClass]),
+    T.Container
   );
   t.containerBorderRadius && (n.style.borderRadius = Lt(
     t.containerBorderRadius
   ));
   const o = M(
     "div",
-    k.GapFiller,
-    k.GapFiller
+    T.GapFiller,
+    T.GapFiller
   ), r = M(
     "button",
     W([
-      k.Handle,
+      T.Handle,
       st.Button,
-      t.shouldShowHandle ? null : J.Hidden,
+      t.shouldShowHandle ? null : Q.Hidden,
       t.handleClass
     ]),
-    k.Handle
+    T.Handle
   );
   r.setAttribute("type", "button"), r.ariaLabel = "bottom sheet close button";
   const i = M(
     "span",
     W([
-      k.HandleBar,
-      t.shouldShowHandle ? null : J.Hidden
+      T.HandleBar,
+      t.shouldShowHandle ? null : Q.Hidden
     ]),
-    k.HandleBar
+    T.HandleBar
   ), a = M(
     "article",
     W([
-      k.ContentWrapper,
+      T.ContentWrapper,
       t.contentWrapperClass
     ]),
-    k.ContentWrapper
-  ), s = M(
+    T.ContentWrapper
+  ), c = M(
     "div",
     W([
-      k.Backdrop,
+      T.Backdrop,
       t.backdropClass,
-      J.Hidden
+      Q.Hidden
     ]),
-    k.Backdrop
+    T.Backdrop
   );
-  return t.backdropColor && (s.style.backgroundColor = t.backdropColor), t.backDropTransition && (s.style.transition = t.backDropTransition), {
+  return t.backdropColor && (c.style.backgroundColor = t.backdropColor), t.backDropTransition && (c.style.transition = t.backDropTransition), {
     bottomSheetRoot: e,
-    bottomSheetBackdrop: s,
+    bottomSheetBackdrop: c,
     bottomSheetContainer: n,
     bottomSheetHandle: r,
     bottomSheetHandleBar: i,
@@ -536,29 +549,29 @@ function te({
     bottomSheetContainer: r,
     bottomSheetHandle: i,
     bottomSheetContainerGapFiller: a,
-    bottomSheetContentWrapper: s,
+    bottomSheetContentWrapper: c,
     bottomSheetBackdrop: u
-  } = t, { animationFrame: h } = n, c = new X(i), m = new X(
-    s
+  } = t, { animationFrame: h } = n, s = new X(i), m = new X(
+    c
   ), C = new X(
     a
   ), l = e.dragTriggers.reduce(
-    (T, y) => {
-      const v = o.querySelectorAll(y);
-      if (!v.length)
-        return T;
-      const p = Array.from(v).map((d) => d instanceof HTMLElement ? new X(d) : null).filter((d) => !!d);
-      return [...T, ...p];
+    (H, y) => {
+      const S = o.querySelectorAll(y);
+      if (!S.length)
+        return H;
+      const p = Array.from(S).map((d) => d instanceof HTMLElement ? new X(d) : null).filter((d) => !!d);
+      return [...H, ...p];
     },
     []
   ), E = new X(
     window
-  ), g = Xt(
+  ), b = Xt(
     E,
     r,
     e,
     n.draggingState
-  ), S = zt(
+  ), v = zt(
     E,
     r,
     e,
@@ -573,50 +586,50 @@ function te({
     n.onClose,
     n.bottomSheetState
   );
-  function L(T) {
-    T.target instanceof Element && !o.contains(T.target) && n.onClose();
+  function L(H) {
+    H.target instanceof Element && !o.contains(H.target) && n.onClose();
   }
-  function H(T) {
+  function k(H) {
     _t(
       n.draggingState,
-      T.target,
+      H.target,
       t.bottomSheetContentWrapper
     );
   }
-  function P(T) {
-    const y = T ?? e;
-    y.draggable && (c.addEventListeners({
-      onStart: H
-    }), l.forEach((v) => {
-      v.addEventListeners({
-        onStart: H,
+  function P(H) {
+    const y = H ?? e;
+    y.draggable && (s.addEventListeners({
+      onStart: k
+    }), l.forEach((S) => {
+      S.addEventListeners({
+        onStart: k,
         onStartOptions: {
           eventPhase: j.Target
         }
       });
     })), y.draggable && y.backgroundDraggable && (m.addEventListeners({
-      onStart: H,
+      onStart: k,
       onStartOptions: {
         eventPhase: j.Target
       }
     }), C.addEventListeners({
-      onStart: H
+      onStart: k
     })), y.draggable && E.addEventListeners({
-      onStart: g,
-      onMove: S,
+      onStart: b,
+      onMove: v,
       onEnd: w
-    }), y.draggable && window.document.addEventListener("keyup", (v) => {
-      v.key === "Escape" && n.onClose();
-    }), i.addEventListener("keyup", (v) => {
-      if (v.key === "ArrowUp") {
+    }), y.draggable && window.document.addEventListener("keyup", (S) => {
+      S.key === "Escape" && n.onClose();
+    }), i.addEventListener("keyup", (S) => {
+      if (S.key === "ArrowUp") {
         n.moveUp();
         return;
       }
-      if (v.key === "ArrowDown") {
+      if (S.key === "ArrowDown") {
         n.moveDown();
         return;
       }
-      if (v.shiftKey && v.key === "Tab") {
+      if (S.shiftKey && S.key === "Tab") {
         const p = Y(
           t.bottomSheetContentWrapper
         );
@@ -630,33 +643,33 @@ function te({
   function G() {
     u.removeEventListener("click", L);
   }
-  function Y(T) {
-    let y = [...Array.from(T.childNodes).reverse()];
+  function Y(H) {
+    let y = [...Array.from(H.childNodes).reverse()];
     for (; y.length; ) {
-      const v = y.shift();
-      if (Ut(v))
-        return v;
-      v && (y = [
+      const S = y.shift();
+      if (Ut(S))
+        return S;
+      S && (y = [
         ...y,
-        ...Array.from(v.childNodes).reverse()
+        ...Array.from(S.childNodes).reverse()
       ]);
     }
     return null;
   }
   function I() {
-    c.removeEventListeners({
-      onStart: H
+    s.removeEventListeners({
+      onStart: k
     }), m.removeEventListeners({
-      onStart: H
+      onStart: k
     }), C.removeEventListeners({
-      onStart: H
-    }), l.forEach((T) => {
-      T.removeEventListeners({
-        onStart: H
+      onStart: k
+    }), l.forEach((H) => {
+      H.removeEventListeners({
+        onStart: k
       });
     }), E.removeEventListeners({
-      onStart: g,
-      onMove: S,
+      onStart: b,
+      onMove: v,
       onEnd: w
     });
   }
@@ -669,7 +682,7 @@ function te({
 }
 class ee {
   constructor() {
-    K(this, "animationId"), K(this, "isInProgress"), K(this, "startedAt"), this.animationId = null, this.isInProgress = !1, this.startedAt = null;
+    J(this, "animationId"), J(this, "isInProgress"), J(this, "startedAt"), this.animationId = null, this.isInProgress = !1, this.startedAt = null;
   }
   /**
    *
@@ -680,8 +693,8 @@ class ee {
     this.isInProgress = !0;
     const r = (i) => {
       this.startedAt || (this.startedAt = i);
-      const a = i - this.startedAt, s = n === 0 ? 1 : tt(a / n, 2), u = s >= 1 && !o;
-      e(s), u ? this.stop() : this.animationId = requestAnimationFrame(r);
+      const a = i - this.startedAt, c = n === 0 ? 1 : tt(a / n, 2), u = c >= 1 && !o;
+      e(c), u ? this.stop() : this.animationId = requestAnimationFrame(r);
     };
     this.animationId = requestAnimationFrame(r);
   }
@@ -697,15 +710,15 @@ function ne(t) {
     animationFrame: r,
     onEnd: i,
     animationTimingFunction: a,
-    animationDuration: s
+    animationDuration: c
   } = t, u = wt(e, n);
   r.stop();
   let h = !1;
-  r.start((c) => {
+  r.start((s) => {
     et(o, {
-      y: e + u * a(c)
-    }), !h && c >= 1 && (i == null || i(), h = !0);
-  }, s);
+      y: e + u * a(s)
+    }), !h && s >= 1 && (i == null || i(), h = !0);
+  }, c);
 }
 const ut = (t, e) => (n) => {
   ne({
@@ -750,25 +763,25 @@ function xt(t) {
   return !!(t instanceof Object && "p1x" in t && "p1y" in t && "p2x" in t && "p2y" in t && A(t.p1x) && A(t.p1y) && A(t.p2x) && A(t.p2y));
 }
 function U(t, e, n, o) {
-  return function(s) {
-    return a(r(s));
+  return function(c) {
+    return a(r(c));
   };
-  function r(s) {
-    let u = 0, h = 1, c = s, m;
-    if (s === 0 || s === 1)
-      return s;
+  function r(c) {
+    let u = 0, h = 1, s = c, m;
+    if (c === 0 || c === 1)
+      return c;
     for (; u < h; ) {
-      if (m = i(c), Math.abs(m - s) < 1e-3)
-        return c;
-      s > m ? u = c : h = c, c = (h + u) / 2;
+      if (m = i(s), Math.abs(m - c) < 1e-3)
+        return s;
+      c > m ? u = s : h = s, s = (h + u) / 2;
     }
-    return c;
+    return s;
   }
-  function i(s) {
-    return 3 * t * s * Math.pow(1 - s, 2) + 3 * n * Math.pow(s, 2) * (1 - s) + Math.pow(s, 3);
+  function i(c) {
+    return 3 * t * c * Math.pow(1 - c, 2) + 3 * n * Math.pow(c, 2) * (1 - c) + Math.pow(c, 3);
   }
-  function a(s) {
-    return 3 * e * s * Math.pow(1 - s, 2) + 3 * o * Math.pow(s, 2) * (1 - s) + Math.pow(s, 3);
+  function a(c) {
+    return 3 * e * c * Math.pow(1 - c, 2) + 3 * o * Math.pow(c, 2) * (1 - c) + Math.pow(c, 3);
   }
 }
 const St = U(0.25, 0.1, 0.25, 1), se = U(0.42, 0, 1, 1), At = U(0.42, 0, 0.58, 1), ce = U(0.4, 0.1, 0.6, 1), le = U(0.45, 1.5, 0.55, 1);
@@ -814,6 +827,7 @@ const de = {
   onDragEnd: () => {
   },
   expandable: !0,
+  preventClosing: !1,
   draggable: !0,
   backgroundDraggable: !0,
   shouldCloseOnOutsideClick: !0,
@@ -867,10 +881,10 @@ function he(t, e, n, o) {
         x(a) && (t.bottomSheetContainer.style.width = a);
         break;
       case "shouldShowHandle":
-        yt(a) || Q(t.bottomSheetHandle, !1);
+        yt(a) || Z(t.bottomSheetHandle, !1);
         break;
       case "shouldShowBackdrop":
-        yt(a) || Q(t.bottomSheetBackdrop, !1);
+        yt(a) || Z(t.bottomSheetBackdrop, !1);
         break;
       case "containerBorderRadius":
         x(a) && (t.bottomSheetContainer.style.borderRadius = Lt(a));
@@ -929,13 +943,16 @@ function he(t, e, n, o) {
       case "expandable":
         o.clearEventListeners(), o.attachEventListeners(n);
         break;
+      case "preventClosing":
+        o.clearEventListeners(), o.attachEventListeners(n);
+        break;
       case "draggable":
         o.clearEventListeners(), o.attachEventListeners(n);
         break;
       case "draggingAnimationTimings":
         if (xt(a)) {
-          const s = dt(a), u = ut(
-            s,
+          const c = dt(a), u = ut(
+            c,
             n.draggingAnimationDuration
           );
           e.translateContainer = u;
@@ -943,10 +960,10 @@ function he(t, e, n, o) {
         break;
       case "draggingAnimationDuration":
         if (A(a)) {
-          const s = dt(
+          const c = dt(
             n.draggingAnimationTimings
           ), u = ut(
-            s,
+            c,
             a
           );
           e.translateContainer = u;
@@ -1008,18 +1025,18 @@ function me(t) {
   function i() {
     r.originalDocumentOverflowY && r.originalDocumentOverflowY !== "hidden" && (document.body.style.overflowY = r.originalDocumentOverflowY), r.originalDocumentOverscrollBehavior && (document.body.style.position = r.originalDocumentOverscrollBehavior);
   }
-  const a = new ee(), s = {
+  const a = new ee(), c = {
     animationFrame: a,
     onClose: w,
     bottomSheetState: o,
     draggingState: r,
-    snapTo: v,
-    moveUp: T,
+    snapTo: S,
+    moveUp: H,
     moveDown: y
   }, { elements: u, eventHandlers: h } = Jt(
     e,
-    s
-  ), c = re(
+    c
+  ), s = re(
     e,
     he(
       u,
@@ -1030,32 +1047,32 @@ function me(t) {
   ), { bottomSheetBackdrop: m, bottomSheetRoot: C, bottomSheetContainer: l } = u, E = (p) => {
     const d = p ?? window.document.body;
     d.appendChild(C), d.appendChild(m);
-    const b = window.innerHeight;
+    const f = window.innerHeight;
     et(l, {
-      y: b
+      y: f
     }), h.attachEventListeners(), o.isMounted = !0;
-  }, g = () => {
+  }, b = () => {
     h.clearEventListeners(), Object.values(u).forEach((p) => {
       p.remove();
     }), i(), o.isMounted = !1;
-  }, S = () => {
+  }, v = () => {
     var p;
     if (L() || ae(
       'Bottom Sheet is not mounted yet. call the "mount" method first.'
-    ), (p = t.beforeOpen) == null || p.call(t), H())
+    ), (p = t.beforeOpen) == null || p.call(t), k())
       return;
-    ot(m, !0), c.shouldShowBackdrop || V(m, "transparent"), ot([l], !0), et(l, {
+    ot(m, !0), s.shouldShowBackdrop || K(m, "transparent"), ot([l], !0), et(l, {
       y: l.clientHeight
     });
-    const d = window.innerHeight, b = mt(
+    const d = window.innerHeight, f = mt(
       d,
       l.clientHeight,
-      c.marginTop,
-      c.defaultPosition
-    ), f = B(l).y;
+      s.marginTop,
+      s.defaultPosition
+    ), g = B(l).y;
     o.translateContainer({
-      startY: f,
-      endY: b,
+      startY: g,
+      endY: f,
       animationFrame: a,
       bottomSheetContainer: l,
       onEnd: t.afterOpen
@@ -1070,45 +1087,45 @@ function me(t) {
     if (P())
       return;
     (p = t.beforeClose) == null || p.call(t);
-    const d = B(l).y, b = l.clientHeight;
+    const d = B(l).y, f = l.clientHeight;
     o.translateContainer({
       startY: d,
-      endY: b,
+      endY: f,
       animationFrame: a,
       bottomSheetContainer: l,
       onEnd: () => {
-        var f;
-        (f = t.afterClose) == null || f.call(t), ot([m, l], !1), h.clearOnOpenEventListeners();
+        var g;
+        (g = t.afterClose) == null || g.call(t), ot([m, l], !1), h.clearOnOpenEventListeners();
       }
     }), i();
   }
   function L() {
     return o.isMounted;
   }
-  function H() {
-    const p = B(l).y, d = window.innerHeight, b = l.clientHeight >= d ? d : l.clientHeight;
-    return p <= b;
+  function k() {
+    const p = B(l).y, d = window.innerHeight, f = l.clientHeight >= d ? d : l.clientHeight;
+    return p <= f;
   }
   function P() {
-    return !H();
+    return !k();
   }
   function $() {
-    const p = B(l).y, d = l.clientHeight, b = window.innerHeight;
+    const p = B(l).y, d = l.clientHeight, f = window.innerHeight;
     if (p <= 5 && p >= -5)
       return F.CONTENT_HEIGHT;
-    const f = d - p;
-    if (f === b / 2)
+    const g = d - p;
+    if (g === f / 2)
       return F.MIDDLE;
-    const O = b - c.marginTop, D = 10;
-    return f <= O + D && f >= O - D ? F.TOP : F.CLOSED;
+    const O = f - s.marginTop, D = 10;
+    return g <= O + D && g >= O - D ? F.TOP : F.CLOSED;
   }
   function G() {
     return l.clientHeight;
   }
   function Y(p) {
-    if (!H())
+    if (!k())
       return;
-    const d = B(l).y, b = l.clientHeight - d, f = window.innerHeight - p, O = $t(b, f), D = Z(b, f);
+    const d = B(l).y, f = l.clientHeight - d, g = window.innerHeight - p, O = $t(f, g), D = V(f, g);
     o.translateContainer({
       startY: d,
       endY: d + (O.isUp ? -D : D),
@@ -1118,39 +1135,39 @@ function me(t) {
   }
   function I(p, {
     viewportHeight: d,
-    visibleHeight: b
+    visibleHeight: f
   }) {
-    let f = null;
+    let g = null;
     for (const O of p) {
-      const D = O * d, R = Z(
-        b,
+      const D = O * d, R = V(
+        f,
         D
       );
-      (f === null || R < f) && (f = R);
+      (g === null || R < g) && (g = R);
     }
     return {
-      minOffset: f
+      minOffset: g
     };
   }
-  function T() {
-    const p = [...c.snapPoints].reverse(), d = B(l).y, b = l.clientHeight, f = b - d;
-    if (!c.expandable && f >= b)
+  function H() {
+    const p = [...s.snapPoints].reverse(), d = B(l).y, f = l.clientHeight, g = f - d;
+    if (!s.expandable && g >= f)
       return;
     const O = window.innerHeight, D = bt(
       "above",
-      { visibleHeight: f, viewportHeight: O },
+      { visibleHeight: g, viewportHeight: O },
       p
     ), { minOffset: R } = I(D, {
-      visibleHeight: f,
+      visibleHeight: g,
       viewportHeight: O
     });
-    if (R === null && f < O - c.marginTop) {
+    if (R === null && g < O - s.marginTop) {
       o.translateContainer({
         startY: d,
         endY: mt(
           O,
-          b,
-          c.marginTop,
+          f,
+          s.marginTop,
           "top"
         ),
         animationFrame: a,
@@ -1169,13 +1186,13 @@ function me(t) {
     const p = B(l).y, d = l.clientHeight - p;
     if (d < 1)
       return;
-    const b = window.innerHeight, f = bt(
+    const f = window.innerHeight, g = bt(
       "below",
-      { visibleHeight: d, viewportHeight: b },
-      c.snapPoints
-    ), { minOffset: O } = I(f, {
+      { visibleHeight: d, viewportHeight: f },
+      s.snapPoints
+    ), { minOffset: O } = I(g, {
       visibleHeight: d,
-      viewportHeight: b
+      viewportHeight: f
     });
     A(O) && o.translateContainer({
       startY: p,
@@ -1184,27 +1201,27 @@ function me(t) {
       bottomSheetContainer: l
     });
   }
-  function v(p) {
+  function S(p) {
     const d = window.innerHeight;
     if (!oe(p))
       return;
-    const b = tt(d * p, 2);
-    Y(b);
+    const f = tt(d * p, 2);
+    Y(f);
   }
   return {
-    props: c,
+    props: s,
     elements: u,
     mount: E,
-    unmount: g,
-    open: S,
+    unmount: b,
+    open: v,
     close: w,
     getIsMounted: L,
-    getIsOpen: H,
+    getIsOpen: k,
     getIsClosed: P,
     getPosition: $,
     getHeight: G,
     moveTo: Y,
-    snapTo: v
+    snapTo: S
   };
 }
 function Dt() {
@@ -1247,38 +1264,38 @@ const be = Dt(), Se = Bt(
       isOpen: r,
       setIsOpen: i,
       afterClose: a,
-      mountingPointRef: s,
+      mountingPointRef: c,
       ...u
-    } = e, h = rt(be), [c, m] = at(
+    } = e, h = rt(be), [s, m] = at(
       h.current
     );
     Mt(
       n,
-      () => c,
-      [c]
+      () => s,
+      [s]
     );
     const C = z(() => {
       i(!1), a == null || a();
     }, [a]);
     q(() => {
-      r ? c.open() : c.close();
+      r ? s.open() : s.close();
     }, [r]);
     const l = rt(null);
     return q(
       function() {
         var w;
-        if (s && !s.current)
+        if (c && !c.current)
           return;
-        const g = It((w = e.mountingPointRef) == null ? void 0 : w.current) ? e.mountingPointRef.current : window.document.body;
-        if (!g || c.getIsMounted())
+        const b = It((w = e.mountingPointRef) == null ? void 0 : w.current) ? e.mountingPointRef.current : window.document.body;
+        if (!b || s.getIsMounted())
           return;
-        const S = me({
+        const v = me({
           content: "",
           ...u,
           afterClose: C
         });
-        return S.mount(g), l.current = S.elements.bottomSheetContentWrapper ?? null, h.current = S, m(S), () => {
-          c.unmount();
+        return v.mount(b), l.current = v.elements.bottomSheetContentWrapper ?? null, h.current = v, m(v), () => {
+          s.unmount();
         };
       },
       [e.mountingPointRef, u, C]
@@ -1306,25 +1323,25 @@ function ye(t = {}) {
   }, [e.current]);
   const {
     beforeOpen: a,
-    afterOpen: s,
+    afterOpen: c,
     beforeClose: u,
     afterClose: h,
-    onDragStart: c,
+    onDragStart: s,
     onDragMove: m,
     onDragEnd: C,
     ...l
   } = t, E = () => {
     a == null || a();
-  }, g = () => {
-    s == null || s(), o(!0);
-  }, S = () => {
+  }, b = () => {
+    c == null || c(), o(!0);
+  }, v = () => {
     u == null || u();
   }, w = () => {
     h == null || h(), o(!1);
   }, L = () => {
-    c == null || c();
-  }, H = (y, v) => {
-    m == null || m(y, v);
+    s == null || s();
+  }, k = (y, S) => {
+    m == null || m(y, S);
   }, P = () => {
     C == null || C();
   }, $ = Pt(() => ({
@@ -1332,11 +1349,11 @@ function ye(t = {}) {
     isOpen: n,
     setIsOpen: o,
     beforeOpen: E,
-    afterOpen: g,
-    beforeClose: S,
+    afterOpen: b,
+    beforeClose: v,
     afterClose: w,
     onDragStart: L,
-    onDragMove: H,
+    onDragMove: k,
     onDragEnd: P,
     ...l
   }), [e.current, n, o, t]), G = z(() => {
@@ -1348,7 +1365,7 @@ function ye(t = {}) {
       r.moveTo(...y);
     },
     [r]
-  ), T = z(
+  ), H = z(
     (...y) => {
       r.snapTo(...y);
     },
@@ -1362,7 +1379,7 @@ function ye(t = {}) {
     open: G,
     close: Y,
     moveTo: I,
-    snapTo: T
+    snapTo: H
   };
 }
 export {

package/dist/plainsheet-react.umd.js

@@ -1 +1 @@
-(function(M,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],b):(M=typeof globalThis<"u"?globalThis:M||self,b(M.BottomSheet={},M.React,M.ReactDOM))})(this,function(M,b,At){"use strict";function Bt(t){return t!=null}(function(){try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.pbs-root{position:fixed;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:fit-content;max-height:100vh;z-index:2}.pbs-dialog-reset{background-color:transparent;color:inherit;border:none;outline:none;padding:0;margin:0}.pbs-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1;transition:background-color .2s ease-out}.pbs-backdrop.hidden{visibility:hidden}.pbs-backdrop.open{background-color:#454545b3}.pbs-backdrop.transparent{background-color:transparent}.pbs-container{--pbs-container-background-color: rgb(240, 240, 240);background-color:var(--pbs-container-background-color);position:relative;display:none;flex-direction:column;align-items:center;justify-content:flex-start;width:92%;height:fit-content;max-height:100vh;border-radius:10px 10px 0 0}.pbs-container.open{display:flex}.pbs-container .pbs-gap-filler{position:absolute;bottom:calc(-100vh + .5px);left:0;background-color:var(--pbs-container-background-color);content:"";width:100%;height:100vh}.pbs-handle{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:30px;cursor:pointer}.pbs-handle.hidden{display:none}.pbs-button-reset{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none}button:focus.pbs-button-reset{outline:none}.pbs-handle-bar{background-color:#a8a8a8;position:relative;width:12%;height:7px;border-radius:12px}.pbs-handle-bar.hidden{display:none}.pbs-content-wrapper{position:relative;width:100%;height:fit-content;max-height:100%;overflow-y:scroll}.pbs-content-wrapper::-webkit-scrollbar{display:none}.example{-ms-overflow-style:none;scrollbar-width:none}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();var Dt=Object.defineProperty,Mt=(t,e,n)=>e in t?Dt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,K=(t,e,n)=>Mt(t,typeof e!="symbol"?e+"":e,n);function x(t){return typeof t=="string"}function Pt(t,e){return t.classList.contains(J(e))}function _(t,e){t.classList.add(J(e))}function ot(t,e){t.classList.remove(J(e))}function X(t,e,n){x(n)&&(x(e)&&ot(t,e),_(t,n))}function J(t){return x(t)?t.trim().replace(/\./g,""):""}function Y(t){return t.map(e=>J(e)).filter(Boolean).join(" ")}function Rt(t){return t.map(e=>e==null?void 0:e.trim()).filter(Boolean).map(e=>`.${e}`).join(" ")}const dt="open",pt="hidden";function rt(t,e){const n=e;if(Array.isArray(t)){t.forEach(o=>{Q(o,n),o.setAttribute("aria-modal",n?"true":"false")});return}Q(t,n),t.setAttribute("aria-modal",n?"true":"false")}function Q(t,e){e?(_(t,dt),ot(t,pt)):(_(t,pt),ot(t,dt))}function ht(t){return t instanceof HTMLElement}function B(t){return typeof t=="number"&&!Number.isNaN(t)}function Yt(t){ht(t)&&t.focus()}function It(t){if(!ht(t)||t.offsetParent===null||"disabled"in t&&t.disabled)return!1;const e=t.getAttribute("tabindex"),n=B(e)?parseInt(e,10):-1,o=["INPUT","BUTTON","SELECT","TEXTAREA","A","AREA","IFRAME"].includes(t.tagName),r=t instanceof HTMLAnchorElement&&t.href!==""||t instanceof HTMLAreaElement&&t.href!=="";return o||r||n>-1}var T=(t=>(t.Backdrop="pbs-backdrop",t.Root="pbs-root",t.Container="pbs-container",t.GapFiller="pbs-gap-filler",t.Handle="pbs-handle",t.HandleBar="pbs-handle-bar",t.ContentWrapper="pbs-content-wrapper",t))(T||{}),it=(t=>(t.Button="pbs-button-reset",t.Dialog="pbs-dialog-reset",t))(it||{}),Z=(t=>(t.Hidden="hidden",t))(Z||{});function R(t,e,n){const o=document.createElement(t);return e.split(" ").forEach(r=>{_(o,r)}),x(n)&&o.setAttribute("data-testid",n),o}Rt([T.Root,T.ContentWrapper]);function mt(t,e,n,o){switch(o){case"content-height":return e>=t?vt(t,e,n):0;case"middle":return-(t/2-e);case"top":return-(t-e)+n;default:return 0}}function ft(t,e){const n=e<t,o=e>t;return{isUp:n,isDown:o,stayedSame:e===t}}function bt(t,e){return e<t?-(t-e):e-t}function tt(t,e){return t>e?t-e:e-t}function Wt(t,e){const n=t<e,o=t>e;return{isUp:n,isDown:o,stayedSame:t===e}}function gt(t,e,n){const o=t==="above";return n.filter(r=>{const a=r*e.viewportHeight;return o?e.visibleHeight<a:e.visibleHeight>a})}function vt(t,e,n){return-(t-e)+n}function St(t){return Number(t.replace("px",""))}function et(t,...e){return Number(t.toFixed(...e))}function yt(t){const e=/(?<type>\w+)\((?<values>[^)]+)\)/g,n=[];let o;for(;(o=e.exec(t))!==null;){const r=o[1],a=o[2].split(",").map(i=>i.trim());n.push({type:r,values:a})}return n}function Nt(t){const e=t.style.transform,n=yt(e);return{transform:e,transformValues:n}}function Ct(t,e){return t.find(o=>o.type.startsWith(e))||null}const at="translate";function P(t){const e=t.style.transform,n=yt(e),o=Ct(n,at);return Et(o??{type:at,values:[]})}function nt(t,{x:e,y:n}){const{transform:o,transformValues:r}=Nt(t),a=Ct(r,at);if(a){const i=Et(a);t.style.transform=`translate(${e??i.x??0}px,${n??i.y??0}px)`;return}if(o){t.style.transform=`${o}, translate(${e??0}px,${n??0}px)`;return}t.style.transform=`translate(${e??0}px,${n??0}px)`}function Et(t){if(t.type!=="translate")throw new Error(`Could not get coordinates from ${t.type}, since is not translate.`);const e=t.values[0],n=t.values[1];return{x:St(e)??0,y:St(n)??0}}function st(t){return t!=null}function wt(t,{min:e,max:n}){return st(n)&&t>=n?n:st(e)&&t<=e?e:t}const Ft=(t,e,n)=>{e instanceof HTMLElement&&!Pt(e,T.Handle)&&n.scrollTop>=1||(t.isDragging=!0)},jt=(t,e,n,o)=>r=>{o.startY=t.getCoordinates(r).y,o.containerStartTranslate=P(e),n.onDragStart()},Ut=(t,e,n,o,r)=>a=>{$t(a,t,n,o,r,e,n.marginTop)};function $t(t,e,n,o,r,a,i){if(!o.isDragging||!B(o.startY))return;const s=e.getCoordinates(t).y,u=bt(o.startY,s),h=window.innerHeight,c=a.clientHeight,m=c-(o.containerStartTranslate.y+u);if(m>=h)return;const E=ft(o.startY,s);if(E.isUp&&!n.expandable&&m>=c)return;r.start(()=>{nt(a,{y:o.containerStartTranslate.y+u})},0);const l=h-i,w=c-o.containerStartTranslate.y;if(E.isUp){const v=l-w,y=l-m,k=wt(1-et(y/v,2),{min:0,max:1});n.onDragMove(E,k)}else if(E.isDown){const v=wt(et(1-m/w,2),{min:0,max:1});n.onDragMove(E,v)}}const Gt=(t,e,n,o,r,a,i)=>s=>{if(!o.isDragging||(o.isDragging=!1,!B(o.startY)))return;n.onDragEnd();const u=o.startY,h=t.getCoordinates(s).y,c=P(e).y,m=ft(u,h),E=window.innerHeight,l=e.clientHeight;if(m.isUp){const w=[...n.snapPoints].sort((k,A)=>k-A),v=l+-c;if(!n.expandable&&v>=l)return;for(const k of w){const A=k*window.innerHeight;if(v<=A){const H=tt(v,A);i.translateContainer({startY:c,endY:c-H,animationFrame:r,bottomSheetContainer:e});return}}const y=vt(E,l,n.marginTop);i.translateContainer({startY:c,endY:y,animationFrame:r,bottomSheetContainer:e})}else if(m.isDown){const w=[...n.snapPoints].sort((v,y)=>y-v);for(const v of w){const y=v*window.innerHeight,k=l+-c;if(k>=y){const A=tt(k,y);i.translateContainer({startY:c,endY:c+A,animationFrame:r,bottomSheetContainer:e});return}}a()}};var I=(t=>(t[t.All=-1]="All",t[t.None=0]="None",t[t.Capture=1]="Capture",t[t.Target=2]="Target",t[t.Bubble=3]="Bubble",t))(I||{});function kt(t){switch(t){case 0:return 0;case 1:return 1;case 2:return 2;case 3:return 3;default:return-1}}const _t={eventPhase:I.All};class q{constructor(e){K(this,"currentTarget"),this.currentTarget=e}addEventListeners({onStart:e,onStartOptions:n=_t,onMove:o,onEnd:r}){this.addTouchEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}),this.addMouseEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r})}addTouchEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}){e&&this.currentTarget.addEventListener("touchstart",a=>{if(n.eventPhase===I.All){e(a);return}kt(a.eventPhase)===n.eventPhase&&e(a)},{passive:!0}),o&&this.currentTarget.addEventListener("touchmove",o),r&&this.currentTarget.addEventListener("touchend",r)}addMouseEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}){e&&this.currentTarget.addEventListener("mousedown",a=>{if(n.eventPhase===I.All){e(a);return}kt(a.eventPhase)===n.eventPhase&&e(a)},{passive:!0}),o&&this.currentTarget.addEventListener("mousemove",o),r&&this.currentTarget.addEventListener("mouseup",a=>{r(a)})}removeEventListeners({onStart:e,onMove:n,onEnd:o}){e&&this.currentTarget.removeEventListener("touchstart",e),o&&this.currentTarget.removeEventListener("touchend",o),n&&this.currentTarget.removeEventListener("touchmove",n),e&&this.currentTarget.removeEventListener("mousedown",e),n&&this.currentTarget.removeEventListener("mousemove",n),o&&this.currentTarget.removeEventListener("mouseup",o)}getCoordinates(e){if(e.type==="touchstart"||e.type==="mousedown"){if("touches"in e)return{x:e.touches[0].clientX,y:e.touches[0].clientY};if(e instanceof MouseEvent)return{x:e.clientX,y:e.clientY}}if(e.type==="touchend"||e.type==="mouseup"||e.type==="mousemove"||e.type==="touchmove"){if("touches"in e)return{x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY};if(e instanceof MouseEvent)return{x:e.clientX,y:e.clientY}}return{x:0,y:0}}}function Tt(t){const e=t;return`${e} ${e} 0px 0px`}function Xt(t,e){const n=qt(t);zt(n),n.bottomSheetContainer.style.width=t.width;const o=document.createElement("div");o.innerHTML=t.content??"";const r=window.innerHeight;n.bottomSheetContainer.style.maxHeight=`${r}px`,n.bottomSheetContentWrapper.appendChild(o);const a=Vt({bottomSheetElements:n,bottomSheetProps:t,options:e});return t.rootStyle&&Object.assign(n.bottomSheetRoot.style,t.rootStyle),t.backdropStyle&&Object.assign(n.bottomSheetBackdrop.style,t.backdropStyle),t.containerStyle&&Object.assign(n.bottomSheetContainer.style,t.containerStyle),t.handleStyle&&Object.assign(n.bottomSheetHandleBar.style,t.handleStyle),t.contentWrapperStyle&&Object.assign(n.bottomSheetContentWrapper.style,t.contentWrapperStyle),{elements:n,eventHandlers:a}}function qt(t){const e=R("dialog",Y([T.Root,it.Dialog,t.rootClass]),T.Root);e.ariaLabel=t.ariaLabel;const n=R("section",Y([T.Container,t.containerClass]),T.Container);t.containerBorderRadius&&(n.style.borderRadius=Tt(t.containerBorderRadius));const o=R("div",T.GapFiller,T.GapFiller),r=R("button",Y([T.Handle,it.Button,t.shouldShowHandle?null:Z.Hidden,t.handleClass]),T.Handle);r.setAttribute("type","button"),r.ariaLabel="bottom sheet close button";const a=R("span",Y([T.HandleBar,t.shouldShowHandle?null:Z.Hidden]),T.HandleBar),i=R("article",Y([T.ContentWrapper,t.contentWrapperClass]),T.ContentWrapper),s=R("div",Y([T.Backdrop,t.backdropClass,Z.Hidden]),T.Backdrop);return t.backdropColor&&(s.style.backgroundColor=t.backdropColor),t.backDropTransition&&(s.style.transition=t.backDropTransition),{bottomSheetRoot:e,bottomSheetBackdrop:s,bottomSheetContainer:n,bottomSheetHandle:r,bottomSheetHandleBar:a,bottomSheetContentWrapper:i,bottomSheetContainerGapFiller:o}}function zt({bottomSheetRoot:t,bottomSheetContainer:e,bottomSheetHandle:n,bottomSheetHandleBar:o,bottomSheetContentWrapper:r,bottomSheetContainerGapFiller:a}){t.appendChild(e),n.appendChild(o),e.appendChild(n),e.appendChild(r),e.appendChild(a)}function Vt({bottomSheetElements:t,bottomSheetProps:e,options:n}){const{bottomSheetRoot:o,bottomSheetContainer:r,bottomSheetHandle:a,bottomSheetContainerGapFiller:i,bottomSheetContentWrapper:s,bottomSheetBackdrop:u}=t,{animationFrame:h}=n,c=new q(a),m=new q(s),E=new q(i),l=e.dragTriggers.reduce((O,C)=>{const S=o.querySelectorAll(C);if(!S.length)return O;const p=Array.from(S).map(d=>d instanceof HTMLElement?new q(d):null).filter(d=>!!d);return[...O,...p]},[]),w=new q(window),v=jt(w,r,e,n.draggingState),y=Ut(w,r,e,n.draggingState,h),k=Gt(w,r,e,n.draggingState,h,n.onClose,n.bottomSheetState);function A(O){O.target instanceof Element&&!o.contains(O.target)&&n.onClose()}function H(O){Ft(n.draggingState,O.target,t.bottomSheetContentWrapper)}function j(O){const C=O??e;C.draggable&&(c.addEventListeners({onStart:H}),l.forEach(S=>{S.addEventListeners({onStart:H,onStartOptions:{eventPhase:I.Target}})})),C.draggable&&C.backgroundDraggable&&(m.addEventListeners({onStart:H,onStartOptions:{eventPhase:I.Target}}),E.addEventListeners({onStart:H})),C.draggable&&w.addEventListeners({onStart:v,onMove:y,onEnd:k}),C.draggable&&window.document.addEventListener("keyup",S=>{S.key==="Escape"&&n.onClose()}),a.addEventListener("keyup",S=>{if(S.key==="ArrowUp"){n.moveUp();return}if(S.key==="ArrowDown"){n.moveDown();return}if(S.shiftKey&&S.key==="Tab"){const p=U(t.bottomSheetContentWrapper);Yt(p)}})}function z(){e.shouldCloseOnOutsideClick?u.addEventListener("click",A):u.style.pointerEvents="none"}function V(){u.removeEventListener("click",A)}function U(O){let C=[...Array.from(O.childNodes).reverse()];for(;C.length;){const S=C.shift();if(It(S))return S;S&&(C=[...C,...Array.from(S.childNodes).reverse()])}return null}function $(){c.removeEventListeners({onStart:H}),m.removeEventListeners({onStart:H}),E.removeEventListeners({onStart:H}),l.forEach(O=>{O.removeEventListeners({onStart:H})}),w.removeEventListeners({onStart:v,onMove:y,onEnd:k})}return{attachEventListeners:j,clearEventListeners:$,attacheOnOpenEventListeners:z,clearOnOpenEventListeners:V}}class Kt{constructor(){K(this,"animationId"),K(this,"isInProgress"),K(this,"startedAt"),this.animationId=null,this.isInProgress=!1,this.startedAt=null}start(e,n,o=!1){this.isInProgress=!0;const r=a=>{this.startedAt||(this.startedAt=a);const i=a-this.startedAt,s=n===0?1:et(i/n,2),u=s>=1&&!o;e(s),u?this.stop():this.animationId=requestAnimationFrame(r)};this.animationId=requestAnimationFrame(r)}stop(){this.isInProgress=!1,this.startedAt=null,B(this.animationId)&&cancelAnimationFrame(this.animationId)}}function Jt(t){const{startY:e,endY:n,bottomSheetContainer:o,animationFrame:r,onEnd:a,animationTimingFunction:i,animationDuration:s}=t,u=bt(e,n);r.stop();let h=!1;r.start(c=>{nt(o,{y:e+u*i(c)}),!h&&c>=1&&(a==null||a(),h=!0)},s)}const ct=(t,e)=>n=>{Jt({...n,animationTimingFunction:t,animationDuration:e})},W={TOP:"top",MIDDLE:"middle",CONTENT_HEIGHT:"content-height",CLOSED:"closed"};function Qt(t){return!(!B(t)||t>1||t<0)}function Zt(t,e){const n={set(o,r,a,i){return e(r,a),Reflect.set(o,r,a,i)}};return new Proxy(t,n)}function te(...t){console.error(t)}const N={EASE:"ease",EASE_IN:"ease-in",EASE_OUT:"ease-out",EASE_IN_OUT:"ease-in-out",SPRING:"spring"};function ee(t){for(const e of Object.values(N))if(e===t)return!0;return!1}function Ht(t){return!!(t instanceof Object&&"p1x"in t&&"p1y"in t&&"p2x"in t&&"p2y"in t&&B(t.p1x)&&B(t.p1y)&&B(t.p2x)&&B(t.p2y))}function F(t,e,n,o){return function(s){return i(r(s))};function r(s){let u=0,h=1,c=s,m;if(s===0||s===1)return s;for(;u<h;){if(m=a(c),Math.abs(m-s)<.001)return c;s>m?u=c:h=c,c=(h+u)/2}return c}function a(s){return 3*t*s*Math.pow(1-s,2)+3*n*Math.pow(s,2)*(1-s)+Math.pow(s,3)}function i(s){return 3*e*s*Math.pow(1-s,2)+3*o*Math.pow(s,2)*(1-s)+Math.pow(s,3)}}const Ot=F(.25,.1,.25,1),ne=F(.42,0,1,1),Lt=F(.42,0,.58,1),oe=F(.4,.1,.6,1),re=F(.45,1.5,.55,1);function ie(t){switch(t){case N.EASE:return Ot;case N.EASE_IN:return ne;case N.EASE_OUT:return Lt;case N.EASE_IN_OUT:return oe;case N.SPRING:return re;default:return Ot}}function xt(t){return typeof t=="boolean"}const ae={ariaLabel:"Bottom sheet",content:"",defaultPosition:W.CONTENT_HEIGHT,marginTop:20,snapPoints:[],width:"92%",dragTriggers:[],beforeOpen:()=>{},afterOpen:()=>{},beforeClose:()=>{},afterClose:()=>{},onDragStart:()=>{},onDragMove:()=>{},onDragEnd:()=>{},expandable:!0,draggable:!0,backgroundDraggable:!0,shouldCloseOnOutsideClick:!0,shouldShowBackdrop:!0,shouldShowHandle:!0,backDropTransition:null,backdropColor:null,containerBorderRadius:null,rootClass:null,containerClass:null,handleClass:null,contentWrapperClass:null,backdropClass:null,draggingAnimationTimings:"ease-in-out",draggingAnimationDuration:180,rootStyle:{},containerStyle:{},handleStyle:{},contentWrapperStyle:{},backdropStyle:{}};function se(t){const e={...ae},n=Object.entries(t).reduce((o,r)=>{const[a,i]=r;return st(i)&&(o[a]=i),o},{});return{...e,...n}}function lt(t){if(Ht(t)){const{p1x:e,p1y:n,p2x:o,p2y:r}=t;return F(e,n,o,r)}return ee(t)?ie(t):Lt}function ce(t,e,n,o){function r(a,i){switch(a){case"content":x(i)&&(t.bottomSheetContentWrapper.innerHTML=i);break;case"width":x(i)&&(t.bottomSheetContainer.style.width=i);break;case"shouldShowHandle":xt(i)||Q(t.bottomSheetHandle,!1);break;case"shouldShowBackdrop":xt(i)||Q(t.bottomSheetBackdrop,!1);break;case"containerBorderRadius":x(i)&&(t.bottomSheetContainer.style.borderRadius=Tt(i));break;case"backdropColor":x(i)&&(t.bottomSheetBackdrop.style.backgroundColor=i);break;case"backDropTransition":x(i)&&(t.bottomSheetBackdrop.style.transition=i);break;case"rootClass":if(!x(i))return;X(t.bottomSheetRoot,n.rootClass,i);break;case"containerClass":if(!x(i))return;X(t.bottomSheetContainer,n.containerClass,i);break;case"handleClass":if(!x(i))return;X(t.bottomSheetHandle,n.handleClass,i);break;case"contentWrapperClass":if(!x(i))return;X(t.bottomSheetContentWrapper,n.contentWrapperClass,i);break;case"backdropClass":if(!x(i))return;X(t.bottomSheetBackdrop,n.backdropClass,i);break;case"expandable":o.clearEventListeners(),o.attachEventListeners(n);break;case"draggable":o.clearEventListeners(),o.attachEventListeners(n);break;case"draggingAnimationTimings":if(Ht(i)){const s=lt(i),u=ct(s,n.draggingAnimationDuration);e.translateContainer=u}break;case"draggingAnimationDuration":if(B(i)){const s=lt(n.draggingAnimationTimings),u=ct(s,i);e.translateContainer=u}break;case"rootStyle":n.rootStyle&&Object.assign(t.bottomSheetRoot.style,n.rootStyle);break;case"backdropStyle":n.backdropStyle&&Object.assign(t.bottomSheetBackdrop.style,n.backdropStyle);break;case"containerStyle":n.containerStyle&&Object.assign(t.bottomSheetContainer.style,n.containerStyle);break;case"handleStyle":n.handleStyle&&Object.assign(t.bottomSheetHandleBar.style,n.handleStyle);break;case"contentWrapperStyle":n.contentWrapperStyle&&Object.assign(t.bottomSheetContentWrapper.style,n.contentWrapperStyle);break}}return r}function le(t){const e=se(t),n=lt(t.draggingAnimationTimings),o={isMounted:!1,translateContainer:ct(n,e.draggingAnimationDuration)},r={startY:null,containerStartTranslate:{x:0,y:0},isDragging:!1,originalDocumentOverflowY:null,originalDocumentOverscrollBehavior:null};function a(){r.originalDocumentOverflowY&&r.originalDocumentOverflowY!=="hidden"&&(document.body.style.overflowY=r.originalDocumentOverflowY),r.originalDocumentOverscrollBehavior&&(document.body.style.position=r.originalDocumentOverscrollBehavior)}const i=new Kt,s={animationFrame:i,onClose:k,bottomSheetState:o,draggingState:r,snapTo:S,moveUp:O,moveDown:C},{elements:u,eventHandlers:h}=Xt(e,s),c=Zt(e,ce(u,o,e,h)),{bottomSheetBackdrop:m,bottomSheetRoot:E,bottomSheetContainer:l}=u,w=p=>{const d=p??window.document.body;d.appendChild(E),d.appendChild(m);const f=window.innerHeight;nt(l,{y:f}),h.attachEventListeners(),o.isMounted=!0},v=()=>{h.clearEventListeners(),Object.values(u).forEach(p=>{p.remove()}),a(),o.isMounted=!1},y=()=>{var p;if(A()||te('Bottom Sheet is not mounted yet. call the "mount" method first.'),(p=t.beforeOpen)==null||p.call(t),H())return;rt(m,!0),c.shouldShowBackdrop||_(m,"transparent"),rt([l],!0),nt(l,{y:l.clientHeight});const d=window.innerHeight,f=mt(d,l.clientHeight,c.marginTop,c.defaultPosition),g=P(l).y;o.translateContainer({startY:g,endY:f,animationFrame:i,bottomSheetContainer:l,onEnd:t.afterOpen});const L=document.body.style.overflowY;r.originalDocumentOverflowY=L||"initial";const D=document.body.style.overscrollBehavior;r.originalDocumentOverscrollBehavior=D||"initial",document.body.style.overflow="hidden",document.body.style.overscrollBehavior="contain",u.bottomSheetHandle.focus(),h.attacheOnOpenEventListeners()};function k(){var p;if(j())return;(p=t.beforeClose)==null||p.call(t);const d=P(l).y,f=l.clientHeight;o.translateContainer({startY:d,endY:f,animationFrame:i,bottomSheetContainer:l,onEnd:()=>{var g;(g=t.afterClose)==null||g.call(t),rt([m,l],!1),h.clearOnOpenEventListeners()}}),a()}function A(){return o.isMounted}function H(){const p=P(l).y,d=window.innerHeight,f=l.clientHeight>=d?d:l.clientHeight;return p<=f}function j(){return!H()}function z(){const p=P(l).y,d=l.clientHeight,f=window.innerHeight;if(p<=5&&p>=-5)return W.CONTENT_HEIGHT;const g=d-p;if(g===f/2)return W.MIDDLE;const L=f-c.marginTop,D=10;return g<=L+D&&g>=L-D?W.TOP:W.CLOSED}function V(){return l.clientHeight}function U(p){if(!H())return;const d=P(l).y,f=l.clientHeight-d,g=window.innerHeight-p,L=Wt(f,g),D=tt(f,g);o.translateContainer({startY:d,endY:d+(L.isUp?-D:D),animationFrame:i,bottomSheetContainer:l})}function $(p,{viewportHeight:d,visibleHeight:f}){let g=null;for(const L of p){const D=L*d,G=tt(f,D);(g===null||G<g)&&(g=G)}return{minOffset:g}}function O(){const p=[...c.snapPoints].reverse(),d=P(l).y,f=l.clientHeight,g=f-d;if(!c.expandable&&g>=f)return;const L=window.innerHeight,D=gt("above",{visibleHeight:g,viewportHeight:L},p),{minOffset:G}=$(D,{visibleHeight:g,viewportHeight:L});if(G===null&&g<L-c.marginTop){o.translateContainer({startY:d,endY:mt(L,f,c.marginTop,"top"),animationFrame:i,bottomSheetContainer:l});return}B(G)&&o.translateContainer({startY:d,endY:d-G,animationFrame:i,bottomSheetContainer:l})}function C(){const p=P(l).y,d=l.clientHeight-p;if(d<1)return;const f=window.innerHeight,g=gt("below",{visibleHeight:d,viewportHeight:f},c.snapPoints),{minOffset:L}=$(g,{visibleHeight:d,viewportHeight:f});B(L)&&o.translateContainer({startY:p,endY:p+L,animationFrame:i,bottomSheetContainer:l})}function S(p){const d=window.innerHeight;if(!Qt(p))return;const f=et(d*p,2);U(f)}return{props:c,elements:u,mount:w,unmount:v,open:y,close:k,getIsMounted:A,getIsOpen:H,getIsClosed:j,getPosition:z,getHeight:V,moveTo:U,snapTo:S}}function ut(){return{elements:{bottomSheetRoot:void 0,bottomSheetBackdrop:void 0,bottomSheetContainer:void 0,bottomSheetHandle:void 0,bottomSheetHandleBar:void 0,bottomSheetContentWrapper:void 0,bottomSheetContainerGapFiller:void 0},mount:()=>{},unmount:()=>{},open:()=>{},close:()=>{},getIsMounted:()=>!1,getHeight:()=>0,getIsOpen:()=>!1,getIsClosed:()=>!0,getPosition:()=>W.CLOSED,moveTo:()=>{},snapTo:()=>{},props:{content:""}}}const ue=ut(),de=b.forwardRef(function(e,n){const{children:o,isOpen:r,setIsOpen:a,afterClose:i,mountingPointRef:s,...u}=e,h=b.useRef(ue),[c,m]=b.useState(h.current);b.useImperativeHandle(n,()=>c,[c]);const E=b.useCallback(()=>{a(!1),i==null||i()},[i]);b.useEffect(()=>{r?c.open():c.close()},[r]);const l=b.useRef(null);return b.useEffect(function(){var k;if(s&&!s.current)return;const v=Bt((k=e.mountingPointRef)==null?void 0:k.current)?e.mountingPointRef.current:window.document.body;if(!v||c.getIsMounted())return;const y=le({content:"",...u,afterClose:E});return y.mount(v),l.current=y.elements.bottomSheetContentWrapper??null,h.current=y,m(y),()=>{c.unmount()}},[e.mountingPointRef,u,E]),b.useEffect(function(){Object.assign(h.current.props,{...u}),m(h.current)},[u]),b.useEffect(function(){return()=>{h.current.unmount()}},[]),l.current?At.createPortal(e.children,l.current):null}),pe=ut();function he(t={}){const e=b.useRef(pe),[n,o]=b.useState(!1),[r,a]=b.useState(e.current);b.useEffect(()=>{a(e.current)},[e.current]);const{beforeOpen:i,afterOpen:s,beforeClose:u,afterClose:h,onDragStart:c,onDragMove:m,onDragEnd:E,...l}=t,w=()=>{i==null||i()},v=()=>{s==null||s(),o(!0)},y=()=>{u==null||u()},k=()=>{h==null||h(),o(!1)},A=()=>{c==null||c()},H=(C,S)=>{m==null||m(C,S)},j=()=>{E==null||E()},z=b.useMemo(()=>({ref:e,isOpen:n,setIsOpen:o,beforeOpen:w,afterOpen:v,beforeClose:y,afterClose:k,onDragStart:A,onDragMove:H,onDragEnd:j,...l}),[e.current,n,o,t]),V=b.useCallback(()=>{o(!0)},[o]),U=b.useCallback(()=>{o(!0)},[o]),$=b.useCallback((...C)=>{r.moveTo(...C)},[r]),O=b.useCallback((...C)=>{r.snapTo(...C)},[r]);return{props:z,instance:r,isOpen:n,setIsOpen:o,open:V,close:U,moveTo:$,snapTo:O}}M.BottomSheet=de,M.createPlaceholderBottomSheet=ut,M.useBottomSheet=he,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})});
+(function(M,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],g):(M=typeof globalThis<"u"?globalThis:M||self,g(M.BottomSheet={},M.React,M.ReactDOM))})(this,function(M,g,At){"use strict";function Bt(t){return t!=null}(function(){try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.pbs-root{position:fixed;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:fit-content;max-height:100vh;z-index:2}.pbs-dialog-reset{background-color:transparent;color:inherit;border:none;outline:none;padding:0;margin:0}.pbs-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1;transition:background-color .2s ease-out}.pbs-backdrop.hidden{visibility:hidden}.pbs-backdrop.open{background-color:#454545b3}.pbs-backdrop.transparent{background-color:transparent}.pbs-container{--pbs-container-background-color: rgb(240, 240, 240);background-color:var(--pbs-container-background-color);position:relative;display:none;flex-direction:column;align-items:center;justify-content:flex-start;width:92%;height:fit-content;max-height:100vh;border-radius:10px 10px 0 0}.pbs-container.open{display:flex}.pbs-container .pbs-gap-filler{position:absolute;bottom:calc(-100vh + .5px);left:0;background-color:var(--pbs-container-background-color);content:"";width:100%;height:100vh}.pbs-handle{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:30px;cursor:pointer}.pbs-handle.hidden{display:none}.pbs-button-reset{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none}button:focus.pbs-button-reset{outline:none}.pbs-handle-bar{background-color:#a8a8a8;position:relative;width:12%;height:7px;border-radius:12px}.pbs-handle-bar.hidden{display:none}.pbs-content-wrapper{position:relative;width:100%;height:fit-content;max-height:100%;overflow-y:scroll}.pbs-content-wrapper::-webkit-scrollbar{display:none}.example{-ms-overflow-style:none;scrollbar-width:none}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();var Dt=Object.defineProperty,Mt=(t,e,n)=>e in t?Dt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,J=(t,e,n)=>Mt(t,typeof e!="symbol"?e+"":e,n);function x(t){return typeof t=="string"}function Pt(t,e){return t.classList.contains(Q(e))}function _(t,e){t.classList.add(Q(e))}function ot(t,e){t.classList.remove(Q(e))}function X(t,e,n){x(n)&&(x(e)&&ot(t,e),_(t,n))}function Q(t){return x(t)?t.trim().replace(/\./g,""):""}function R(t){return t.map(e=>Q(e)).filter(Boolean).join(" ")}function Yt(t){return t.map(e=>e==null?void 0:e.trim()).filter(Boolean).map(e=>`.${e}`).join(" ")}const dt="open",pt="hidden";function rt(t,e){const n=e;if(Array.isArray(t)){t.forEach(o=>{Z(o,n),o.setAttribute("aria-modal",n?"true":"false")});return}Z(t,n),t.setAttribute("aria-modal",n?"true":"false")}function Z(t,e){e?(_(t,dt),ot(t,pt)):(_(t,pt),ot(t,dt))}function ht(t){return t instanceof HTMLElement}function B(t){return typeof t=="number"&&!Number.isNaN(t)}function Rt(t){ht(t)&&t.focus()}function It(t){if(!ht(t)||t.offsetParent===null||"disabled"in t&&t.disabled)return!1;const e=t.getAttribute("tabindex"),n=B(e)?parseInt(e,10):-1,o=["INPUT","BUTTON","SELECT","TEXTAREA","A","AREA","IFRAME"].includes(t.tagName),r=t instanceof HTMLAnchorElement&&t.href!==""||t instanceof HTMLAreaElement&&t.href!=="";return o||r||n>-1}var k=(t=>(t.Backdrop="pbs-backdrop",t.Root="pbs-root",t.Container="pbs-container",t.GapFiller="pbs-gap-filler",t.Handle="pbs-handle",t.HandleBar="pbs-handle-bar",t.ContentWrapper="pbs-content-wrapper",t))(k||{}),it=(t=>(t.Button="pbs-button-reset",t.Dialog="pbs-dialog-reset",t))(it||{}),tt=(t=>(t.Hidden="hidden",t))(tt||{});function Y(t,e,n){const o=document.createElement(t);return e.split(" ").forEach(r=>{_(o,r)}),x(n)&&o.setAttribute("data-testid",n),o}Yt([k.Root,k.ContentWrapper]);function mt(t,e,n,o){switch(o){case"content-height":return e>=t?vt(t,e,n):0;case"middle":return-(t/2-e);case"top":return-(t-e)+n;default:return 0}}function ft(t,e){const n=e<t,o=e>t;return{isUp:n,isDown:o,stayedSame:e===t}}function bt(t,e){return e<t?-(t-e):e-t}function q(t,e){return t>e?t-e:e-t}function Wt(t,e){const n=t<e,o=t>e;return{isUp:n,isDown:o,stayedSame:t===e}}function gt(t,e,n){const o=t==="above";return n.filter(r=>{const a=r*e.viewportHeight;return o?e.visibleHeight<a:e.visibleHeight>a})}function vt(t,e,n){return-(t-e)+n}function St(t){return Number(t.replace("px",""))}function et(t,...e){return Number(t.toFixed(...e))}function yt(t){const e=/(?<type>\w+)\((?<values>[^)]+)\)/g,n=[];let o;for(;(o=e.exec(t))!==null;){const r=o[1],a=o[2].split(",").map(i=>i.trim());n.push({type:r,values:a})}return n}function Nt(t){const e=t.style.transform,n=yt(e);return{transform:e,transformValues:n}}function Ct(t,e){return t.find(o=>o.type.startsWith(e))||null}const at="translate";function P(t){const e=t.style.transform,n=yt(e),o=Ct(n,at);return Et(o??{type:at,values:[]})}function nt(t,{x:e,y:n}){const{transform:o,transformValues:r}=Nt(t),a=Ct(r,at);if(a){const i=Et(a);t.style.transform=`translate(${e??i.x??0}px,${n??i.y??0}px)`;return}if(o){t.style.transform=`${o}, translate(${e??0}px,${n??0}px)`;return}t.style.transform=`translate(${e??0}px,${n??0}px)`}function Et(t){if(t.type!=="translate")throw new Error(`Could not get coordinates from ${t.type}, since is not translate.`);const e=t.values[0],n=t.values[1];return{x:St(e)??0,y:St(n)??0}}function st(t){return t!=null}function wt(t,{min:e,max:n}){return st(n)&&t>=n?n:st(e)&&t<=e?e:t}const Ft=(t,e,n)=>{e instanceof HTMLElement&&!Pt(e,k.Handle)&&n.scrollTop>=1||(t.isDragging=!0)},jt=(t,e,n,o)=>r=>{o.startY=t.getCoordinates(r).y,o.containerStartTranslate=P(e),n.onDragStart()},Ut=(t,e,n,o,r)=>a=>{$t(a,t,n,o,r,e,n.marginTop)};function $t(t,e,n,o,r,a,i){if(!o.isDragging||!B(o.startY))return;const c=e.getCoordinates(t).y,u=bt(o.startY,c),h=window.innerHeight,s=a.clientHeight,m=s-(o.containerStartTranslate.y+u);if(m>=h)return;const E=ft(o.startY,c);if(E.isUp&&!n.expandable&&m>=s||n.preventClosing&&m<=s)return;r.start(()=>{nt(a,{y:o.containerStartTranslate.y+u})},0);const l=h-i,w=s-o.containerStartTranslate.y;if(E.isUp){const f=l-w,S=l-m,T=wt(1-et(S/f,2),{min:0,max:1});n.onDragMove(E,T)}else if(E.isDown){const f=wt(et(1-m/w,2),{min:0,max:1});n.onDragMove(E,f)}}const Gt=(t,e,n,o,r,a,i)=>c=>{if(!o.isDragging||(o.isDragging=!1,!B(o.startY)))return;n.onDragEnd();const u=o.startY,h=t.getCoordinates(c).y,s=P(e).y,m=ft(u,h),E=window.innerHeight,l=e.clientHeight;if(m.isUp){const w=[...n.snapPoints].sort((T,A)=>T-A),f=l+-s;if(!n.expandable&&f>=l)return;for(const T of w){const A=T*window.innerHeight;if(f<=A){const H=q(f,A);i.translateContainer({startY:s,endY:s-H,animationFrame:r,bottomSheetContainer:e});return}}const S=vt(E,l,n.marginTop);i.translateContainer({startY:s,endY:S,animationFrame:r,bottomSheetContainer:e})}else if(m.isDown){const w=[...n.snapPoints].sort((f,S)=>S-f);for(const f of w){const S=f*window.innerHeight,T=l+-s;if(T>=S){const A=q(T,S);i.translateContainer({startY:s,endY:s+A,animationFrame:r,bottomSheetContainer:e});return}}if(n.preventClosing){const f=l+-s;if(f>=l){const S=q(f,l);i.translateContainer({startY:s,endY:s+S,animationFrame:r,bottomSheetContainer:e})}return}a()}};var I=(t=>(t[t.All=-1]="All",t[t.None=0]="None",t[t.Capture=1]="Capture",t[t.Target=2]="Target",t[t.Bubble=3]="Bubble",t))(I||{});function Tt(t){switch(t){case 0:return 0;case 1:return 1;case 2:return 2;case 3:return 3;default:return-1}}const _t={eventPhase:I.All};class z{constructor(e){J(this,"currentTarget"),this.currentTarget=e}addEventListeners({onStart:e,onStartOptions:n=_t,onMove:o,onEnd:r}){this.addTouchEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}),this.addMouseEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r})}addTouchEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}){e&&this.currentTarget.addEventListener("touchstart",a=>{if(n.eventPhase===I.All){e(a);return}Tt(a.eventPhase)===n.eventPhase&&e(a)},{passive:!0}),o&&this.currentTarget.addEventListener("touchmove",o),r&&this.currentTarget.addEventListener("touchend",r)}addMouseEventListeners({onStart:e,onStartOptions:n,onMove:o,onEnd:r}){e&&this.currentTarget.addEventListener("mousedown",a=>{if(n.eventPhase===I.All){e(a);return}Tt(a.eventPhase)===n.eventPhase&&e(a)},{passive:!0}),o&&this.currentTarget.addEventListener("mousemove",o),r&&this.currentTarget.addEventListener("mouseup",a=>{r(a)})}removeEventListeners({onStart:e,onMove:n,onEnd:o}){e&&this.currentTarget.removeEventListener("touchstart",e),o&&this.currentTarget.removeEventListener("touchend",o),n&&this.currentTarget.removeEventListener("touchmove",n),e&&this.currentTarget.removeEventListener("mousedown",e),n&&this.currentTarget.removeEventListener("mousemove",n),o&&this.currentTarget.removeEventListener("mouseup",o)}getCoordinates(e){if(e.type==="touchstart"||e.type==="mousedown"){if("touches"in e)return{x:e.touches[0].clientX,y:e.touches[0].clientY};if(e instanceof MouseEvent)return{x:e.clientX,y:e.clientY}}if(e.type==="touchend"||e.type==="mouseup"||e.type==="mousemove"||e.type==="touchmove"){if("touches"in e)return{x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY};if(e instanceof MouseEvent)return{x:e.clientX,y:e.clientY}}return{x:0,y:0}}}function kt(t){const e=t;return`${e} ${e} 0px 0px`}function Xt(t,e){const n=qt(t);zt(n),n.bottomSheetContainer.style.width=t.width;const o=document.createElement("div");o.innerHTML=t.content??"";const r=window.innerHeight;n.bottomSheetContainer.style.maxHeight=`${r}px`,n.bottomSheetContentWrapper.appendChild(o);const a=Vt({bottomSheetElements:n,bottomSheetProps:t,options:e});return t.rootStyle&&Object.assign(n.bottomSheetRoot.style,t.rootStyle),t.backdropStyle&&Object.assign(n.bottomSheetBackdrop.style,t.backdropStyle),t.containerStyle&&Object.assign(n.bottomSheetContainer.style,t.containerStyle),t.handleStyle&&Object.assign(n.bottomSheetHandleBar.style,t.handleStyle),t.contentWrapperStyle&&Object.assign(n.bottomSheetContentWrapper.style,t.contentWrapperStyle),{elements:n,eventHandlers:a}}function qt(t){const e=Y("dialog",R([k.Root,it.Dialog,t.rootClass]),k.Root);e.ariaLabel=t.ariaLabel;const n=Y("section",R([k.Container,t.containerClass]),k.Container);t.containerBorderRadius&&(n.style.borderRadius=kt(t.containerBorderRadius));const o=Y("div",k.GapFiller,k.GapFiller),r=Y("button",R([k.Handle,it.Button,t.shouldShowHandle?null:tt.Hidden,t.handleClass]),k.Handle);r.setAttribute("type","button"),r.ariaLabel="bottom sheet close button";const a=Y("span",R([k.HandleBar,t.shouldShowHandle?null:tt.Hidden]),k.HandleBar),i=Y("article",R([k.ContentWrapper,t.contentWrapperClass]),k.ContentWrapper),c=Y("div",R([k.Backdrop,t.backdropClass,tt.Hidden]),k.Backdrop);return t.backdropColor&&(c.style.backgroundColor=t.backdropColor),t.backDropTransition&&(c.style.transition=t.backDropTransition),{bottomSheetRoot:e,bottomSheetBackdrop:c,bottomSheetContainer:n,bottomSheetHandle:r,bottomSheetHandleBar:a,bottomSheetContentWrapper:i,bottomSheetContainerGapFiller:o}}function zt({bottomSheetRoot:t,bottomSheetContainer:e,bottomSheetHandle:n,bottomSheetHandleBar:o,bottomSheetContentWrapper:r,bottomSheetContainerGapFiller:a}){t.appendChild(e),n.appendChild(o),e.appendChild(n),e.appendChild(r),e.appendChild(a)}function Vt({bottomSheetElements:t,bottomSheetProps:e,options:n}){const{bottomSheetRoot:o,bottomSheetContainer:r,bottomSheetHandle:a,bottomSheetContainerGapFiller:i,bottomSheetContentWrapper:c,bottomSheetBackdrop:u}=t,{animationFrame:h}=n,s=new z(a),m=new z(c),E=new z(i),l=e.dragTriggers.reduce((O,C)=>{const y=o.querySelectorAll(C);if(!y.length)return O;const p=Array.from(y).map(d=>d instanceof HTMLElement?new z(d):null).filter(d=>!!d);return[...O,...p]},[]),w=new z(window),f=jt(w,r,e,n.draggingState),S=Ut(w,r,e,n.draggingState,h),T=Gt(w,r,e,n.draggingState,h,n.onClose,n.bottomSheetState);function A(O){O.target instanceof Element&&!o.contains(O.target)&&n.onClose()}function H(O){Ft(n.draggingState,O.target,t.bottomSheetContentWrapper)}function j(O){const C=O??e;C.draggable&&(s.addEventListeners({onStart:H}),l.forEach(y=>{y.addEventListeners({onStart:H,onStartOptions:{eventPhase:I.Target}})})),C.draggable&&C.backgroundDraggable&&(m.addEventListeners({onStart:H,onStartOptions:{eventPhase:I.Target}}),E.addEventListeners({onStart:H})),C.draggable&&w.addEventListeners({onStart:f,onMove:S,onEnd:T}),C.draggable&&window.document.addEventListener("keyup",y=>{y.key==="Escape"&&n.onClose()}),a.addEventListener("keyup",y=>{if(y.key==="ArrowUp"){n.moveUp();return}if(y.key==="ArrowDown"){n.moveDown();return}if(y.shiftKey&&y.key==="Tab"){const p=U(t.bottomSheetContentWrapper);Rt(p)}})}function V(){e.shouldCloseOnOutsideClick?u.addEventListener("click",A):u.style.pointerEvents="none"}function K(){u.removeEventListener("click",A)}function U(O){let C=[...Array.from(O.childNodes).reverse()];for(;C.length;){const y=C.shift();if(It(y))return y;y&&(C=[...C,...Array.from(y.childNodes).reverse()])}return null}function $(){s.removeEventListeners({onStart:H}),m.removeEventListeners({onStart:H}),E.removeEventListeners({onStart:H}),l.forEach(O=>{O.removeEventListeners({onStart:H})}),w.removeEventListeners({onStart:f,onMove:S,onEnd:T})}return{attachEventListeners:j,clearEventListeners:$,attacheOnOpenEventListeners:V,clearOnOpenEventListeners:K}}class Kt{constructor(){J(this,"animationId"),J(this,"isInProgress"),J(this,"startedAt"),this.animationId=null,this.isInProgress=!1,this.startedAt=null}start(e,n,o=!1){this.isInProgress=!0;const r=a=>{this.startedAt||(this.startedAt=a);const i=a-this.startedAt,c=n===0?1:et(i/n,2),u=c>=1&&!o;e(c),u?this.stop():this.animationId=requestAnimationFrame(r)};this.animationId=requestAnimationFrame(r)}stop(){this.isInProgress=!1,this.startedAt=null,B(this.animationId)&&cancelAnimationFrame(this.animationId)}}function Jt(t){const{startY:e,endY:n,bottomSheetContainer:o,animationFrame:r,onEnd:a,animationTimingFunction:i,animationDuration:c}=t,u=bt(e,n);r.stop();let h=!1;r.start(s=>{nt(o,{y:e+u*i(s)}),!h&&s>=1&&(a==null||a(),h=!0)},c)}const ct=(t,e)=>n=>{Jt({...n,animationTimingFunction:t,animationDuration:e})},W={TOP:"top",MIDDLE:"middle",CONTENT_HEIGHT:"content-height",CLOSED:"closed"};function Qt(t){return!(!B(t)||t>1||t<0)}function Zt(t,e){const n={set(o,r,a,i){return e(r,a),Reflect.set(o,r,a,i)}};return new Proxy(t,n)}function te(...t){console.error(t)}const N={EASE:"ease",EASE_IN:"ease-in",EASE_OUT:"ease-out",EASE_IN_OUT:"ease-in-out",SPRING:"spring"};function ee(t){for(const e of Object.values(N))if(e===t)return!0;return!1}function Ht(t){return!!(t instanceof Object&&"p1x"in t&&"p1y"in t&&"p2x"in t&&"p2y"in t&&B(t.p1x)&&B(t.p1y)&&B(t.p2x)&&B(t.p2y))}function F(t,e,n,o){return function(c){return i(r(c))};function r(c){let u=0,h=1,s=c,m;if(c===0||c===1)return c;for(;u<h;){if(m=a(s),Math.abs(m-c)<.001)return s;c>m?u=s:h=s,s=(h+u)/2}return s}function a(c){return 3*t*c*Math.pow(1-c,2)+3*n*Math.pow(c,2)*(1-c)+Math.pow(c,3)}function i(c){return 3*e*c*Math.pow(1-c,2)+3*o*Math.pow(c,2)*(1-c)+Math.pow(c,3)}}const Ot=F(.25,.1,.25,1),ne=F(.42,0,1,1),Lt=F(.42,0,.58,1),oe=F(.4,.1,.6,1),re=F(.45,1.5,.55,1);function ie(t){switch(t){case N.EASE:return Ot;case N.EASE_IN:return ne;case N.EASE_OUT:return Lt;case N.EASE_IN_OUT:return oe;case N.SPRING:return re;default:return Ot}}function xt(t){return typeof t=="boolean"}const ae={ariaLabel:"Bottom sheet",content:"",defaultPosition:W.CONTENT_HEIGHT,marginTop:20,snapPoints:[],width:"92%",dragTriggers:[],beforeOpen:()=>{},afterOpen:()=>{},beforeClose:()=>{},afterClose:()=>{},onDragStart:()=>{},onDragMove:()=>{},onDragEnd:()=>{},expandable:!0,preventClosing:!1,draggable:!0,backgroundDraggable:!0,shouldCloseOnOutsideClick:!0,shouldShowBackdrop:!0,shouldShowHandle:!0,backDropTransition:null,backdropColor:null,containerBorderRadius:null,rootClass:null,containerClass:null,handleClass:null,contentWrapperClass:null,backdropClass:null,draggingAnimationTimings:"ease-in-out",draggingAnimationDuration:180,rootStyle:{},containerStyle:{},handleStyle:{},contentWrapperStyle:{},backdropStyle:{}};function se(t){const e={...ae},n=Object.entries(t).reduce((o,r)=>{const[a,i]=r;return st(i)&&(o[a]=i),o},{});return{...e,...n}}function lt(t){if(Ht(t)){const{p1x:e,p1y:n,p2x:o,p2y:r}=t;return F(e,n,o,r)}return ee(t)?ie(t):Lt}function ce(t,e,n,o){function r(a,i){switch(a){case"content":x(i)&&(t.bottomSheetContentWrapper.innerHTML=i);break;case"width":x(i)&&(t.bottomSheetContainer.style.width=i);break;case"shouldShowHandle":xt(i)||Z(t.bottomSheetHandle,!1);break;case"shouldShowBackdrop":xt(i)||Z(t.bottomSheetBackdrop,!1);break;case"containerBorderRadius":x(i)&&(t.bottomSheetContainer.style.borderRadius=kt(i));break;case"backdropColor":x(i)&&(t.bottomSheetBackdrop.style.backgroundColor=i);break;case"backDropTransition":x(i)&&(t.bottomSheetBackdrop.style.transition=i);break;case"rootClass":if(!x(i))return;X(t.bottomSheetRoot,n.rootClass,i);break;case"containerClass":if(!x(i))return;X(t.bottomSheetContainer,n.containerClass,i);break;case"handleClass":if(!x(i))return;X(t.bottomSheetHandle,n.handleClass,i);break;case"contentWrapperClass":if(!x(i))return;X(t.bottomSheetContentWrapper,n.contentWrapperClass,i);break;case"backdropClass":if(!x(i))return;X(t.bottomSheetBackdrop,n.backdropClass,i);break;case"expandable":o.clearEventListeners(),o.attachEventListeners(n);break;case"preventClosing":o.clearEventListeners(),o.attachEventListeners(n);break;case"draggable":o.clearEventListeners(),o.attachEventListeners(n);break;case"draggingAnimationTimings":if(Ht(i)){const c=lt(i),u=ct(c,n.draggingAnimationDuration);e.translateContainer=u}break;case"draggingAnimationDuration":if(B(i)){const c=lt(n.draggingAnimationTimings),u=ct(c,i);e.translateContainer=u}break;case"rootStyle":n.rootStyle&&Object.assign(t.bottomSheetRoot.style,n.rootStyle);break;case"backdropStyle":n.backdropStyle&&Object.assign(t.bottomSheetBackdrop.style,n.backdropStyle);break;case"containerStyle":n.containerStyle&&Object.assign(t.bottomSheetContainer.style,n.containerStyle);break;case"handleStyle":n.handleStyle&&Object.assign(t.bottomSheetHandleBar.style,n.handleStyle);break;case"contentWrapperStyle":n.contentWrapperStyle&&Object.assign(t.bottomSheetContentWrapper.style,n.contentWrapperStyle);break}}return r}function le(t){const e=se(t),n=lt(t.draggingAnimationTimings),o={isMounted:!1,translateContainer:ct(n,e.draggingAnimationDuration)},r={startY:null,containerStartTranslate:{x:0,y:0},isDragging:!1,originalDocumentOverflowY:null,originalDocumentOverscrollBehavior:null};function a(){r.originalDocumentOverflowY&&r.originalDocumentOverflowY!=="hidden"&&(document.body.style.overflowY=r.originalDocumentOverflowY),r.originalDocumentOverscrollBehavior&&(document.body.style.position=r.originalDocumentOverscrollBehavior)}const i=new Kt,c={animationFrame:i,onClose:T,bottomSheetState:o,draggingState:r,snapTo:y,moveUp:O,moveDown:C},{elements:u,eventHandlers:h}=Xt(e,c),s=Zt(e,ce(u,o,e,h)),{bottomSheetBackdrop:m,bottomSheetRoot:E,bottomSheetContainer:l}=u,w=p=>{const d=p??window.document.body;d.appendChild(E),d.appendChild(m);const b=window.innerHeight;nt(l,{y:b}),h.attachEventListeners(),o.isMounted=!0},f=()=>{h.clearEventListeners(),Object.values(u).forEach(p=>{p.remove()}),a(),o.isMounted=!1},S=()=>{var p;if(A()||te('Bottom Sheet is not mounted yet. call the "mount" method first.'),(p=t.beforeOpen)==null||p.call(t),H())return;rt(m,!0),s.shouldShowBackdrop||_(m,"transparent"),rt([l],!0),nt(l,{y:l.clientHeight});const d=window.innerHeight,b=mt(d,l.clientHeight,s.marginTop,s.defaultPosition),v=P(l).y;o.translateContainer({startY:v,endY:b,animationFrame:i,bottomSheetContainer:l,onEnd:t.afterOpen});const L=document.body.style.overflowY;r.originalDocumentOverflowY=L||"initial";const D=document.body.style.overscrollBehavior;r.originalDocumentOverscrollBehavior=D||"initial",document.body.style.overflow="hidden",document.body.style.overscrollBehavior="contain",u.bottomSheetHandle.focus(),h.attacheOnOpenEventListeners()};function T(){var p;if(j())return;(p=t.beforeClose)==null||p.call(t);const d=P(l).y,b=l.clientHeight;o.translateContainer({startY:d,endY:b,animationFrame:i,bottomSheetContainer:l,onEnd:()=>{var v;(v=t.afterClose)==null||v.call(t),rt([m,l],!1),h.clearOnOpenEventListeners()}}),a()}function A(){return o.isMounted}function H(){const p=P(l).y,d=window.innerHeight,b=l.clientHeight>=d?d:l.clientHeight;return p<=b}function j(){return!H()}function V(){const p=P(l).y,d=l.clientHeight,b=window.innerHeight;if(p<=5&&p>=-5)return W.CONTENT_HEIGHT;const v=d-p;if(v===b/2)return W.MIDDLE;const L=b-s.marginTop,D=10;return v<=L+D&&v>=L-D?W.TOP:W.CLOSED}function K(){return l.clientHeight}function U(p){if(!H())return;const d=P(l).y,b=l.clientHeight-d,v=window.innerHeight-p,L=Wt(b,v),D=q(b,v);o.translateContainer({startY:d,endY:d+(L.isUp?-D:D),animationFrame:i,bottomSheetContainer:l})}function $(p,{viewportHeight:d,visibleHeight:b}){let v=null;for(const L of p){const D=L*d,G=q(b,D);(v===null||G<v)&&(v=G)}return{minOffset:v}}function O(){const p=[...s.snapPoints].reverse(),d=P(l).y,b=l.clientHeight,v=b-d;if(!s.expandable&&v>=b)return;const L=window.innerHeight,D=gt("above",{visibleHeight:v,viewportHeight:L},p),{minOffset:G}=$(D,{visibleHeight:v,viewportHeight:L});if(G===null&&v<L-s.marginTop){o.translateContainer({startY:d,endY:mt(L,b,s.marginTop,"top"),animationFrame:i,bottomSheetContainer:l});return}B(G)&&o.translateContainer({startY:d,endY:d-G,animationFrame:i,bottomSheetContainer:l})}function C(){const p=P(l).y,d=l.clientHeight-p;if(d<1)return;const b=window.innerHeight,v=gt("below",{visibleHeight:d,viewportHeight:b},s.snapPoints),{minOffset:L}=$(v,{visibleHeight:d,viewportHeight:b});B(L)&&o.translateContainer({startY:p,endY:p+L,animationFrame:i,bottomSheetContainer:l})}function y(p){const d=window.innerHeight;if(!Qt(p))return;const b=et(d*p,2);U(b)}return{props:s,elements:u,mount:w,unmount:f,open:S,close:T,getIsMounted:A,getIsOpen:H,getIsClosed:j,getPosition:V,getHeight:K,moveTo:U,snapTo:y}}function ut(){return{elements:{bottomSheetRoot:void 0,bottomSheetBackdrop:void 0,bottomSheetContainer:void 0,bottomSheetHandle:void 0,bottomSheetHandleBar:void 0,bottomSheetContentWrapper:void 0,bottomSheetContainerGapFiller:void 0},mount:()=>{},unmount:()=>{},open:()=>{},close:()=>{},getIsMounted:()=>!1,getHeight:()=>0,getIsOpen:()=>!1,getIsClosed:()=>!0,getPosition:()=>W.CLOSED,moveTo:()=>{},snapTo:()=>{},props:{content:""}}}const ue=ut(),de=g.forwardRef(function(e,n){const{children:o,isOpen:r,setIsOpen:a,afterClose:i,mountingPointRef:c,...u}=e,h=g.useRef(ue),[s,m]=g.useState(h.current);g.useImperativeHandle(n,()=>s,[s]);const E=g.useCallback(()=>{a(!1),i==null||i()},[i]);g.useEffect(()=>{r?s.open():s.close()},[r]);const l=g.useRef(null);return g.useEffect(function(){var T;if(c&&!c.current)return;const f=Bt((T=e.mountingPointRef)==null?void 0:T.current)?e.mountingPointRef.current:window.document.body;if(!f||s.getIsMounted())return;const S=le({content:"",...u,afterClose:E});return S.mount(f),l.current=S.elements.bottomSheetContentWrapper??null,h.current=S,m(S),()=>{s.unmount()}},[e.mountingPointRef,u,E]),g.useEffect(function(){Object.assign(h.current.props,{...u}),m(h.current)},[u]),g.useEffect(function(){return()=>{h.current.unmount()}},[]),l.current?At.createPortal(e.children,l.current):null}),pe=ut();function he(t={}){const e=g.useRef(pe),[n,o]=g.useState(!1),[r,a]=g.useState(e.current);g.useEffect(()=>{a(e.current)},[e.current]);const{beforeOpen:i,afterOpen:c,beforeClose:u,afterClose:h,onDragStart:s,onDragMove:m,onDragEnd:E,...l}=t,w=()=>{i==null||i()},f=()=>{c==null||c(),o(!0)},S=()=>{u==null||u()},T=()=>{h==null||h(),o(!1)},A=()=>{s==null||s()},H=(C,y)=>{m==null||m(C,y)},j=()=>{E==null||E()},V=g.useMemo(()=>({ref:e,isOpen:n,setIsOpen:o,beforeOpen:w,afterOpen:f,beforeClose:S,afterClose:T,onDragStart:A,onDragMove:H,onDragEnd:j,...l}),[e.current,n,o,t]),K=g.useCallback(()=>{o(!0)},[o]),U=g.useCallback(()=>{o(!0)},[o]),$=g.useCallback((...C)=>{r.moveTo(...C)},[r]),O=g.useCallback((...C)=>{r.snapTo(...C)},[r]);return{props:V,instance:r,isOpen:n,setIsOpen:o,open:K,close:U,moveTo:$,snapTo:O}}M.BottomSheet=de,M.createPlaceholderBottomSheet=ut,M.useBottomSheet=he,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plainsheet/react",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "private": false,
   "sideEffects": false,
   "license": "MIT",
@@ -31,7 +31,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@plainsheet/core": "0.7.7",
+    "@plainsheet/core": "0.7.8",
     "@plainsheet/utility": "0.0.3"
   },
   "devDependencies": {