@luciodale/swipe-bar 1.0.5 → 1.0.6

package/dist/swipe-bar.es.js

@@ -431,7 +431,7 @@ const ge = _e(null), it = ({
   toggleRef: o,
   afterApply: a
 }) => {
-  const i = oe(e), c = r.transitionMs ? r.transitionMs * 2 / 3 : 0;
+  const i = oe(e), c = r.transitionMs ? r.transitionMs / 2 : 0;
   i && (i.style.opacity = "0"), requestAnimationFrame(() => {
     !e.current || !i || (e.current.style.transition = `transform ${r.transitionMs}ms ease, width ${r.transitionMs}ms ease`, i.style.transition = `opacity ${c}ms ease`, requestAnimationFrame(() => {
       e.current && (e.current.style.transform = "", e.current.style.width = `${r.sidebarWidthPx}px`, o.current && r.sidebarWidthPx && (o.current.style.opacity = "1", o.current.style.transform = `translateY(-50%) translateX(${n === "left" ? r.sidebarWidthPx : -r.sidebarWidthPx}px)`), setTimeout(() => {

package/dist/swipe-bar.umd.js

@@ -19,4 +19,4 @@
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,E,b,Y,b),R[b+E]=!0)}if(b=null,w!==void 0&&(n(w),b=""+w),c(d)&&(n(d.key),b=""+d.key),"key"in d){w={};for(var ie in d)ie!=="key"&&(w[ie]=d[ie])}else w=d;return b&&s(w,typeof t=="function"?t.displayName||t.name||"Unknown":t),u(t,b,w,a(),K,re)}function y(t){v(t)?t._store&&(t._store.validated=1):typeof t=="object"&&t!==null&&t.$$typeof===L&&(t._payload.status==="fulfilled"?v(t._payload.value)&&t._payload.value._store&&(t._payload.value._store.validated=1):t._store&&(t._store.validated=1))}function v(t){return typeof t=="object"&&t!==null&&t.$$typeof===I}var g=f,I=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),A=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),l=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),j=Symbol.for("react.activity"),N=Symbol.for("react.client.reference"),k=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,ne=Array.isArray,U=console.createTask?console.createTask:function(){return null};g={react_stack_bottom_frame:function(t){return t()}};var V,Q={},H=g.react_stack_bottom_frame.bind(g,i)(),J=U(o(i)),R={};F.Fragment=O,F.jsx=function(t,d,w){var E=1e4>k.recentlyCreatedOwnerStacks++;return S(t,d,w,!1,E?Error("react-stack-top-frame"):H,E?U(o(t)):J)},F.jsxs=function(t,d,w){var E=1e4>k.recentlyCreatedOwnerStacks++;return S(t,d,w,!0,E?Error("react-stack-top-frame"):H,E?U(o(t)):J)}}()),F}process.env.NODE_ENV==="production"?q.exports=xe():q.exports=Te();var p=q.exports;const se=f.createContext(null),Oe=({children:e,sidebarWidthPx:r,transitionMs:n,edgeActivationWidthPx:o,dragActivationDeltaPx:a,showOverlay:i,isAbsolute:c,overlayBackgroundColor:s,toggleIconColor:m,toggleIconSizePx:u,toggleIconEdgeDistancePx:S,showToggle:y,mediaQueryWidth:v,swipeBarZIndex:g,toggleZIndex:I,overlayZIndex:C})=>{const[O,_]=f.useState(null),[M,P]=f.useState(!1),[A,X]=f.useState(!1),[x,l]=f.useState({}),[h,L]=f.useState({}),j=f.useRef(null),N=f.useRef(null),k=f.useRef(null),W=f.useRef(null),[ne,U]=f.useState({sidebarWidthPx:r??Pe,transitionMs:n??_e,edgeActivationWidthPx:o??Ae,dragActivationDeltaPx:a??Ie,showOverlay:i??Le,isAbsolute:c??Me,overlayBackgroundColor:s??ce,toggleIconColor:m??Ce,toggleIconSizePx:u??Xe,toggleIconEdgeDistancePx:S??De,showToggle:y??ke,mediaQueryWidth:v??$,swipeBarZIndex:g??We,toggleZIndex:I??je,overlayZIndex:C??Ne}),V=f.useCallback(R=>{U(t=>({...t,...R}))},[]),Q=f.useCallback(R=>{ze({side:R,ref:R==="left"?j:N,options:R==="left"?x:h,toggleRef:R==="left"?k:W,afterApply:()=>{R==="left"?P(!0):X(!0),_(R)}})},[x,h]),H=f.useCallback(R=>{Ve({ref:R==="left"?j:N,options:R==="left"?x:h,toggleRef:R==="left"?k:W,side:R,afterApply:()=>{R==="left"?P(!1):X(!1),_(null)}})},[x,h]),J=f.useCallback((R,t)=>{Qe({ref:R==="left"?j:N,toggleRef:R==="left"?k:W,options:R==="left"?x:h,translateX:t})},[x,h]);return p.jsx(se.Provider,{value:{lockedSidebar:O,setLockedSidebar:_,isLeftOpen:M,isRightOpen:A,leftSidebarRef:j,rightSidebarRef:N,openSidebar:Q,closeSidebar:H,dragSidebar:J,globalOptions:ne,setGlobalOptions:V,leftSidebarOptions:x,rightSidebarOptions:h,setLeftSidebarOptions:l,setRightSidebarOptions:L,leftToggleRef:k,rightToggleRef:W},children:e})},D=()=>{const e=f.useContext(se);if(!e)throw new Error("useSwipeBarContext must be used within SwipeBarProvider");return e},_e=300,Ae=40,Ie=20,Pe=320,Le=!0,Me=!1,ce="rgba(0, 0, 0, 0.5)",ue="rgb(36,36,36)",Ce="white",Xe=40,De=40,ke=!0,$=640,We=30,je=15,Ne=20,le=.6,Ye=200,de={width:0,top:0,bottom:0,flexShrink:0,overflowX:"hidden",willChange:"transform"},Be={position:"fixed",left:0,top:0,bottom:0},Fe={position:"fixed",right:0,top:0,bottom:0},Ge={position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:ce,transitionProperty:"opacity",pointerEvents:"none",opacity:0},Ue={opacity:1,pointerEvents:"auto"},fe={position:"fixed",top:"50%",transform:"translateY(-50%)",width:"1px",display:"flex",justifyContent:"center"},Ze={position:"relative",cursor:"pointer",display:"flex",height:"72px",alignItems:"center",justifyContent:"center"},ee=e=>{var r;return(r=e.current)==null?void 0:r.firstElementChild},ze=({ref:e,side:r,options:n,toggleRef:o,afterApply:a})=>{const i=ee(e),c=n.transitionMs?n.transitionMs*2/3:0;i&&(i.style.opacity="0"),requestAnimationFrame(()=>{!e.current||!i||(e.current.style.transition=`transform ${n.transitionMs}ms ease, width ${n.transitionMs}ms ease`,i.style.transition=`opacity ${c}ms ease`,requestAnimationFrame(()=>{e.current&&(e.current.style.transform="",e.current.style.width=`${n.sidebarWidthPx}px`,o.current&&n.sidebarWidthPx&&(o.current.style.opacity="1",o.current.style.transform=`translateY(-50%) translateX(${r==="left"?n.sidebarWidthPx:-n.sidebarWidthPx}px)`),setTimeout(()=>{i.style.opacity="1"},c),a())}))}),setTimeout(()=>{},0)},Ve=({ref:e,options:r,side:n,toggleRef:o,afterApply:a})=>{const i=ee(e),c=r.transitionMs?r.transitionMs*1/3:0;requestAnimationFrame(()=>{!e.current||!i||(e.current.style.transition=`transform ${r.transitionMs}ms ease, width ${r.transitionMs}ms ease`,i.style.transition=`opacity ${c}ms ease`,requestAnimationFrame(()=>{e.current&&(e.current.style.transform=n==="left"?"translateX(-100%)":"translateX(100%)",e.current.style.width="0px",o.current&&(o.current.style.opacity="1",o.current.style.transform="translateY(-50%)"),i.style.opacity="0",a())}))})},Qe=({ref:e,toggleRef:r,options:n,translateX:o})=>{!e.current||o===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const a=ee(e);if(!e.current||!a)return;a.style.opacity="0";const i=`${n.sidebarWidthPx}px`;e.current.style.width!==i&&(e.current.style.width=i),e.current.style.transform=`translateX(${o}px)`,r.current&&(r.current.style.opacity="0",r.current.style.transform=`translateY(-50%) translateX(${o}px)`)}))},Z=({refs:e,clientX:r,clientY:n,touchId:o,isMouse:a})=>{e.draggingRef.current={startX:r,startY:n,activeTouchId:o,isMouse:a,isActivated:!1},e.currentXRef.current=r,e.prevXRef.current=r},ge=({refs:e,dragSidebar:r,onDeactivate:n})=>{e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null,r(null),n()},z=e=>e instanceof Element?!!e.closest("input, textarea, [contenteditable='true']"):!1,he=(e,r)=>{for(let n=0;n<e.length;n++){const o=e[n];if(r==null||o.identifier===r)return o}return null},ve=(e,r)=>{for(let n=0;n<e.length;n++)if(e[n].identifier===r)return!0;return!1},pe=(e,r)=>{const{globalOptions:n,setLeftSidebarOptions:o,setRightSidebarOptions:a}=D(),{sidebarWidthPx:i,transitionMs:c,edgeActivationWidthPx:s,dragActivationDeltaPx:m,showOverlay:u,isAbsolute:S,overlayBackgroundColor:y,toggleIconColor:v,toggleIconSizePx:g,toggleIconEdgeDistancePx:I,showToggle:C,mediaQueryWidth:O,swipeBarZIndex:_,toggleZIndex:M,overlayZIndex:P}=r,A=f.useMemo(()=>({sidebarWidthPx:i??n.sidebarWidthPx,transitionMs:c??n.transitionMs,edgeActivationWidthPx:s??n.edgeActivationWidthPx,dragActivationDeltaPx:m??n.dragActivationDeltaPx,showOverlay:u??n.showOverlay,isAbsolute:S??n.isAbsolute,overlayBackgroundColor:y??n.overlayBackgroundColor,toggleIconColor:v??n.toggleIconColor,toggleIconSizePx:g??n.toggleIconSizePx,toggleIconEdgeDistancePx:I??n.toggleIconEdgeDistancePx,showToggle:C??n.showToggle,mediaQueryWidth:O??n.mediaQueryWidth,swipeBarZIndex:_??n.swipeBarZIndex,toggleZIndex:M??n.toggleZIndex,overlayZIndex:P??n.overlayZIndex}),[i,c,s,m,u,S,y,v,g,I,C,n,O,_,M,P]);return f.useEffect(()=>{e==="left"?o(A):a(A)},[e,A,o,a]),A};function te({isCollapsed:e,setCollapsed:r,closeSidebarOnClick:n=!0,transitionMs:o,overlayBackgroundColor:a,overlayZIndex:i}){return p.jsx("div",{style:{transitionDuration:`${o}ms`,...Ge,...e?{}:Ue,...a?{backgroundColor:a}:{},zIndex:i},onMouseDown:c=>{n&&(c.stopPropagation(),r())}})}function me({size:e,color:r}){const n=f.useRef(null);return f.useEffect(()=>{const o=()=>{n.current&&(n.current.style.opacity="1")},a=()=>{n.current&&(n.current.style.opacity=`${le}`)};n.current&&(n.current.addEventListener("mouseenter",o),n.current.addEventListener("mouseleave",a))},[]),p.jsx("div",{style:{...Ze},children:p.jsxs("svg",{style:{transition:`opacity ${Ye}ms ease`,opacity:`${le}`},ref:n,"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e,children:[p.jsx("g",{strokeWidth:"0"}),p.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round",children:p.jsx("g",{children:p.jsx("path",{clipRule:"evenodd",d:"m9.46967 5.46967c.29289-.29289.76773-.29289 1.06063 0l2.6286 2.62858c.5748.57477 1.0384 1.03835 1.3831 1.44443.355.41812.6278.82432.7818 1.29852.2447.7531.2447 1.5645 0 2.3176-.154.4742-.4268.8804-.7818 1.2985-.3447.4061-.8083.8697-1.3831 1.4444l-2.6286 2.6286c-.2929.2929-.76774.2929-1.06063 0s-.29289-.7677 0-1.0606l2.60593-2.6059c.6027-.6028 1.0225-1.0234 1.3229-1.3773.2947-.3471.4302-.5804.4987-.7912.1469-.4519.1469-.9387 0-1.3906-.0685-.2108-.204-.4441-.4987-.7912-.3004-.3539-.7202-.77451-1.3229-1.37728l-2.60593-2.60589c-.29289-.29289-.29289-.76777 0-1.06066z",fill:r,fillRule:"evenodd"})})})]})})}function we({options:e,showToggle:r=!0,ToggleComponent:n}){const{openSidebar:o,leftToggleRef:a,isLeftOpen:i,closeSidebar:c}=D();return r?p.jsx("div",{ref:a,style:{...fe,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,left:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&p.jsx("button",{type:"button",onClick:()=>i?c("left"):o("left"),style:{marginLeft:`${e.toggleIconEdgeDistancePx}px`,...i?{transform:"rotate(180deg)"}:{}},children:n??p.jsx(me,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}function G(e=$){const r=`(max-width: ${Math.min(e,$)}px)`,n=()=>typeof window>"u"||typeof window.matchMedia>"u"?!1:window.matchMedia(r).matches,[o,a]=f.useState(n);return f.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia>"u")return;const i=window.matchMedia(r),c=()=>a(i.matches);return c(),i.addEventListener("change",c),()=>i.removeEventListener("change",c)},[r]),o}const Re=({refs:e,callbacks:r,currentX:n,preventDefault:o,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const c=n-e.draggingRef.current.startX;if(!e.draggingRef.current.isActivated&&Math.abs(c)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!e.draggingRef.current.isActivated)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const s=r.getIsOpen();let m=!1;if((s||e.draggingRef.current.startX<=i.edgeActivationWidthPx)&&(m=!0),!m){e.draggingRef.current=null,r.dragSidebar(null);return}o();const u=i.sidebarWidthPx;if(s){const S=Math.min(0,Math.max(-u,c+i.dragActivationDeltaPx));r.dragSidebar(S)}else if(e.draggingRef.current.startX<=i.edgeActivationWidthPx){const S=Math.min(0,Math.max(-u,-u+c-i.dragActivationDeltaPx));r.dragSidebar(S)}},Se=({refs:e,callbacks:r,options:n})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;return}const o=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,c=r.getIsOpen();e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const s=o>=a,m=o<a,u=i<=n.edgeActivationWidthPx;c?(m?r.closeSidebar():r.openSidebar(),r.dragSidebar(null)):u&&s?(r.openSidebar(),r.dragSidebar(null)):(r.closeSidebar(),r.dragSidebar(null))};function He(e){const r=G(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:o,isLeftOpen:a,openSidebar:i,closeSidebar:c,dragSidebar:s,leftSidebarRef:m}=D(),u=f.useRef(null),S=f.useRef(null),y=f.useRef(null);f.useEffect(()=>{if(!r||n==="right")return;const v={getIsOpen:()=>a,openSidebar:()=>i("left"),closeSidebar:()=>c("left"),dragSidebar:l=>s("left",l)},g={draggingRef:u,currentXRef:S,prevXRef:y},I=()=>o("left"),C=()=>o(null);function O(l){if(n==="right"||z(l.target)||l.changedTouches.length===0)return;const h=l.changedTouches[0];(v.getIsOpen()||h.clientX<=e.edgeActivationWidthPx)&&Z({refs:g,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1})}function _(l){if(n==="right"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId,L=he(l.changedTouches,h);L&&Re({refs:g,callbacks:v,currentX:L.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e})}function M(l){if(n==="right"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId;ve(l.changedTouches,h)&&Se({refs:g,callbacks:v,options:e})}function P(){n!=="right"&&(!u.current||u.current.isMouse||ge({refs:g,dragSidebar:v.dragSidebar,onDeactivate:C}))}function A(l){n!=="right"&&(z(l.target)||l.button===0&&(v.getIsOpen()||l.clientX<=e.edgeActivationWidthPx)&&Z({refs:g,clientX:l.clientX,clientY:l.clientY,touchId:null,isMouse:!0}))}function X(l){n!=="right"&&(!u.current||!u.current.isMouse||Re({refs:g,callbacks:v,currentX:l.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e}))}function x(){n!=="right"&&(!u.current||!u.current.isMouse||Se({refs:g,callbacks:v,options:e}))}return window.addEventListener("touchstart",O,{passive:!0}),window.addEventListener("touchmove",_,{passive:!1}),window.addEventListener("touchend",M,{passive:!0}),window.addEventListener("touchcancel",P,{passive:!0}),window.addEventListener("mousedown",A,{passive:!0}),window.addEventListener("mousemove",X,{passive:!1}),window.addEventListener("mouseup",x,{passive:!0}),()=>{window.removeEventListener("touchstart",O),window.removeEventListener("touchmove",_),window.removeEventListener("touchend",M),window.removeEventListener("touchcancel",P),window.removeEventListener("mousedown",A),window.removeEventListener("mousemove",X),window.removeEventListener("mouseup",x)}},[r,a,i,c,s,n,o,m,e])}function Je({className:e,children:r,ToggleComponent:n,...o}){if((r==null?void 0:r.type)===p.Fragment)throw new Error("Fragments is not allowed in SwipeBarLeft");const{isLeftOpen:a,closeSidebar:i,leftSidebarRef:c}=D(),s=pe("left",o),m=G(s.mediaQueryWidth);return He(s),p.jsxs(p.Fragment,{children:[s.showOverlay&&p.jsx(te,{isCollapsed:!a,setCollapsed:()=>i("left"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),p.jsx(we,{options:s,showToggle:s.showToggle,ToggleComponent:n}),p.jsx("div",{ref:c,style:{...de,...s.isAbsolute||m?Be:{},...e?{}:{backgroundColor:ue},zIndex:s.swipeBarZIndex},className:e,children:r})]})}function Ee({options:e,showToggle:r=!0,ToggleComponent:n}){const{openSidebar:o,rightToggleRef:a,isRightOpen:i,closeSidebar:c}=D();return r?p.jsx("div",{ref:a,style:{...fe,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,right:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&p.jsx("button",{type:"button",onClick:()=>i?c("right"):o("right"),style:{marginRight:`${e.toggleIconEdgeDistancePx}px`,...i?{}:{transform:"rotate(180deg)"}},children:n??p.jsx(me,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const be=({refs:e,callbacks:r,currentX:n,preventDefault:o,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const c=window.innerWidth,s=n-e.draggingRef.current.startX,m=e.draggingRef.current.startX>=c-i.edgeActivationWidthPx,u=e.draggingRef.current.isActivated;if(!u&&Math.abs(s)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!u)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const S=r.getIsOpen();let y=!1;if((S||m)&&(y=!0),!y){e.draggingRef.current=null,r.dragSidebar(null);return}o();const v=i.sidebarWidthPx;if(S){const g=Math.max(0,Math.min(v,s-i.dragActivationDeltaPx));r.dragSidebar(g)}else{const g=Math.max(0,Math.min(v,v+s+i.dragActivationDeltaPx));r.dragSidebar(g)}},ye=({refs:e,callbacks:r,options:n})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;return}const o=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,c=r.getIsOpen(),s=window.innerWidth;e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const m=o>a,u=o<a,S=i>=s-n.edgeActivationWidthPx;c?(m?r.closeSidebar():r.openSidebar(),r.dragSidebar(null)):S&&u?(r.openSidebar(),r.dragSidebar(null)):(r.closeSidebar(),r.dragSidebar(null))};function Ke(e){const r=G(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:o,isRightOpen:a,openSidebar:i,closeSidebar:c,dragSidebar:s,rightSidebarRef:m}=D(),u=f.useRef(null),S=f.useRef(null),y=f.useRef(null);f.useEffect(()=>{if(!r||n==="left")return;const v={getIsOpen:()=>a,openSidebar:()=>i("right"),closeSidebar:()=>c("right"),dragSidebar:l=>s("right",l)},g={draggingRef:u,currentXRef:S,prevXRef:y},I=()=>o("right"),C=()=>o(null);function O(l){if(n==="left"||z(l.target)||l.changedTouches.length===0)return;const h=l.changedTouches[0],L=window.innerWidth;(v.getIsOpen()||h.clientX>=L-e.edgeActivationWidthPx)&&Z({refs:g,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1})}function _(l){if(n==="left"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId,L=he(l.changedTouches,h);L&&be({refs:g,callbacks:v,currentX:L.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e})}function M(l){if(n==="left"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId;ve(l.changedTouches,h)&&ye({refs:g,callbacks:v,options:e})}function P(){n!=="left"&&(!u.current||u.current.isMouse||ge({refs:g,dragSidebar:v.dragSidebar,onDeactivate:C}))}function A(l){if(n==="left"||z(l.target)||l.button!==0)return;const h=window.innerWidth;(v.getIsOpen()||l.clientX>=h-e.edgeActivationWidthPx)&&Z({refs:g,clientX:l.clientX,clientY:l.clientY,touchId:null,isMouse:!0})}function X(l){n!=="left"&&(!u.current||!u.current.isMouse||be({refs:g,callbacks:v,currentX:l.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e}))}function x(){n!=="left"&&(!u.current||!u.current.isMouse||ye({refs:g,callbacks:v,options:e}))}return window.addEventListener("touchstart",O,{passive:!0}),window.addEventListener("touchmove",_,{passive:!1}),window.addEventListener("touchend",M,{passive:!0}),window.addEventListener("touchcancel",P,{passive:!0}),window.addEventListener("mousedown",A,{passive:!0}),window.addEventListener("mousemove",X,{passive:!1}),window.addEventListener("mouseup",x,{passive:!0}),()=>{window.removeEventListener("touchstart",O),window.removeEventListener("touchmove",_),window.removeEventListener("touchend",M),window.removeEventListener("touchcancel",P),window.removeEventListener("mousedown",A),window.removeEventListener("mousemove",X),window.removeEventListener("mouseup",x)}},[r,a,i,c,s,n,o,m,e])}function qe({className:e,children:r,ToggleComponent:n,...o}){if((r==null?void 0:r.type)===p.Fragment)throw new Error("Fragments is not allowed in SwipeBarRight");const{isRightOpen:a,closeSidebar:i,rightSidebarRef:c}=D(),s=pe("right",o),m=G(s.mediaQueryWidth);return Ke(s),p.jsxs(p.Fragment,{children:[s.showOverlay&&p.jsx(te,{isCollapsed:!a,setCollapsed:()=>i("right"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),p.jsx(Ee,{options:s,showToggle:s.showToggle,ToggleComponent:n}),p.jsx("div",{ref:c,style:{...de,...s.isAbsolute||m?Fe:{},...e?{}:{backgroundColor:ue},zIndex:s.swipeBarZIndex},className:e,children:r})]})}T.Overlay=te,T.SwipeBarLeft=Je,T.SwipeBarProvider=Oe,T.SwipeBarRight=qe,T.ToggleLeft=we,T.ToggleRight=Ee,T.useMediaQuery=G,T.useSwipeBarContext=D,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,E,b,Y,b),R[b+E]=!0)}if(b=null,w!==void 0&&(n(w),b=""+w),c(d)&&(n(d.key),b=""+d.key),"key"in d){w={};for(var ie in d)ie!=="key"&&(w[ie]=d[ie])}else w=d;return b&&s(w,typeof t=="function"?t.displayName||t.name||"Unknown":t),u(t,b,w,a(),K,re)}function y(t){v(t)?t._store&&(t._store.validated=1):typeof t=="object"&&t!==null&&t.$$typeof===L&&(t._payload.status==="fulfilled"?v(t._payload.value)&&t._payload.value._store&&(t._payload.value._store.validated=1):t._store&&(t._store.validated=1))}function v(t){return typeof t=="object"&&t!==null&&t.$$typeof===I}var g=f,I=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),A=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),l=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),j=Symbol.for("react.activity"),N=Symbol.for("react.client.reference"),k=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,ne=Array.isArray,U=console.createTask?console.createTask:function(){return null};g={react_stack_bottom_frame:function(t){return t()}};var V,Q={},H=g.react_stack_bottom_frame.bind(g,i)(),J=U(o(i)),R={};F.Fragment=O,F.jsx=function(t,d,w){var E=1e4>k.recentlyCreatedOwnerStacks++;return S(t,d,w,!1,E?Error("react-stack-top-frame"):H,E?U(o(t)):J)},F.jsxs=function(t,d,w){var E=1e4>k.recentlyCreatedOwnerStacks++;return S(t,d,w,!0,E?Error("react-stack-top-frame"):H,E?U(o(t)):J)}}()),F}process.env.NODE_ENV==="production"?q.exports=xe():q.exports=Te();var p=q.exports;const se=f.createContext(null),Oe=({children:e,sidebarWidthPx:r,transitionMs:n,edgeActivationWidthPx:o,dragActivationDeltaPx:a,showOverlay:i,isAbsolute:c,overlayBackgroundColor:s,toggleIconColor:m,toggleIconSizePx:u,toggleIconEdgeDistancePx:S,showToggle:y,mediaQueryWidth:v,swipeBarZIndex:g,toggleZIndex:I,overlayZIndex:C})=>{const[O,_]=f.useState(null),[M,P]=f.useState(!1),[A,X]=f.useState(!1),[x,l]=f.useState({}),[h,L]=f.useState({}),j=f.useRef(null),N=f.useRef(null),k=f.useRef(null),W=f.useRef(null),[ne,U]=f.useState({sidebarWidthPx:r??Pe,transitionMs:n??_e,edgeActivationWidthPx:o??Ae,dragActivationDeltaPx:a??Ie,showOverlay:i??Le,isAbsolute:c??Me,overlayBackgroundColor:s??ce,toggleIconColor:m??Ce,toggleIconSizePx:u??Xe,toggleIconEdgeDistancePx:S??De,showToggle:y??ke,mediaQueryWidth:v??$,swipeBarZIndex:g??We,toggleZIndex:I??je,overlayZIndex:C??Ne}),V=f.useCallback(R=>{U(t=>({...t,...R}))},[]),Q=f.useCallback(R=>{ze({side:R,ref:R==="left"?j:N,options:R==="left"?x:h,toggleRef:R==="left"?k:W,afterApply:()=>{R==="left"?P(!0):X(!0),_(R)}})},[x,h]),H=f.useCallback(R=>{Ve({ref:R==="left"?j:N,options:R==="left"?x:h,toggleRef:R==="left"?k:W,side:R,afterApply:()=>{R==="left"?P(!1):X(!1),_(null)}})},[x,h]),J=f.useCallback((R,t)=>{Qe({ref:R==="left"?j:N,toggleRef:R==="left"?k:W,options:R==="left"?x:h,translateX:t})},[x,h]);return p.jsx(se.Provider,{value:{lockedSidebar:O,setLockedSidebar:_,isLeftOpen:M,isRightOpen:A,leftSidebarRef:j,rightSidebarRef:N,openSidebar:Q,closeSidebar:H,dragSidebar:J,globalOptions:ne,setGlobalOptions:V,leftSidebarOptions:x,rightSidebarOptions:h,setLeftSidebarOptions:l,setRightSidebarOptions:L,leftToggleRef:k,rightToggleRef:W},children:e})},D=()=>{const e=f.useContext(se);if(!e)throw new Error("useSwipeBarContext must be used within SwipeBarProvider");return e},_e=300,Ae=40,Ie=20,Pe=320,Le=!0,Me=!1,ce="rgba(0, 0, 0, 0.5)",ue="rgb(36,36,36)",Ce="white",Xe=40,De=40,ke=!0,$=640,We=30,je=15,Ne=20,le=.6,Ye=200,de={width:0,top:0,bottom:0,flexShrink:0,overflowX:"hidden",willChange:"transform"},Be={position:"fixed",left:0,top:0,bottom:0},Fe={position:"fixed",right:0,top:0,bottom:0},Ge={position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:ce,transitionProperty:"opacity",pointerEvents:"none",opacity:0},Ue={opacity:1,pointerEvents:"auto"},fe={position:"fixed",top:"50%",transform:"translateY(-50%)",width:"1px",display:"flex",justifyContent:"center"},Ze={position:"relative",cursor:"pointer",display:"flex",height:"72px",alignItems:"center",justifyContent:"center"},ee=e=>{var r;return(r=e.current)==null?void 0:r.firstElementChild},ze=({ref:e,side:r,options:n,toggleRef:o,afterApply:a})=>{const i=ee(e),c=n.transitionMs?n.transitionMs/2:0;i&&(i.style.opacity="0"),requestAnimationFrame(()=>{!e.current||!i||(e.current.style.transition=`transform ${n.transitionMs}ms ease, width ${n.transitionMs}ms ease`,i.style.transition=`opacity ${c}ms ease`,requestAnimationFrame(()=>{e.current&&(e.current.style.transform="",e.current.style.width=`${n.sidebarWidthPx}px`,o.current&&n.sidebarWidthPx&&(o.current.style.opacity="1",o.current.style.transform=`translateY(-50%) translateX(${r==="left"?n.sidebarWidthPx:-n.sidebarWidthPx}px)`),setTimeout(()=>{i.style.opacity="1"},c),a())}))}),setTimeout(()=>{},0)},Ve=({ref:e,options:r,side:n,toggleRef:o,afterApply:a})=>{const i=ee(e),c=r.transitionMs?r.transitionMs*1/3:0;requestAnimationFrame(()=>{!e.current||!i||(e.current.style.transition=`transform ${r.transitionMs}ms ease, width ${r.transitionMs}ms ease`,i.style.transition=`opacity ${c}ms ease`,requestAnimationFrame(()=>{e.current&&(e.current.style.transform=n==="left"?"translateX(-100%)":"translateX(100%)",e.current.style.width="0px",o.current&&(o.current.style.opacity="1",o.current.style.transform="translateY(-50%)"),i.style.opacity="0",a())}))})},Qe=({ref:e,toggleRef:r,options:n,translateX:o})=>{!e.current||o===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const a=ee(e);if(!e.current||!a)return;a.style.opacity="0";const i=`${n.sidebarWidthPx}px`;e.current.style.width!==i&&(e.current.style.width=i),e.current.style.transform=`translateX(${o}px)`,r.current&&(r.current.style.opacity="0",r.current.style.transform=`translateY(-50%) translateX(${o}px)`)}))},Z=({refs:e,clientX:r,clientY:n,touchId:o,isMouse:a})=>{e.draggingRef.current={startX:r,startY:n,activeTouchId:o,isMouse:a,isActivated:!1},e.currentXRef.current=r,e.prevXRef.current=r},ge=({refs:e,dragSidebar:r,onDeactivate:n})=>{e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null,r(null),n()},z=e=>e instanceof Element?!!e.closest("input, textarea, [contenteditable='true']"):!1,he=(e,r)=>{for(let n=0;n<e.length;n++){const o=e[n];if(r==null||o.identifier===r)return o}return null},ve=(e,r)=>{for(let n=0;n<e.length;n++)if(e[n].identifier===r)return!0;return!1},pe=(e,r)=>{const{globalOptions:n,setLeftSidebarOptions:o,setRightSidebarOptions:a}=D(),{sidebarWidthPx:i,transitionMs:c,edgeActivationWidthPx:s,dragActivationDeltaPx:m,showOverlay:u,isAbsolute:S,overlayBackgroundColor:y,toggleIconColor:v,toggleIconSizePx:g,toggleIconEdgeDistancePx:I,showToggle:C,mediaQueryWidth:O,swipeBarZIndex:_,toggleZIndex:M,overlayZIndex:P}=r,A=f.useMemo(()=>({sidebarWidthPx:i??n.sidebarWidthPx,transitionMs:c??n.transitionMs,edgeActivationWidthPx:s??n.edgeActivationWidthPx,dragActivationDeltaPx:m??n.dragActivationDeltaPx,showOverlay:u??n.showOverlay,isAbsolute:S??n.isAbsolute,overlayBackgroundColor:y??n.overlayBackgroundColor,toggleIconColor:v??n.toggleIconColor,toggleIconSizePx:g??n.toggleIconSizePx,toggleIconEdgeDistancePx:I??n.toggleIconEdgeDistancePx,showToggle:C??n.showToggle,mediaQueryWidth:O??n.mediaQueryWidth,swipeBarZIndex:_??n.swipeBarZIndex,toggleZIndex:M??n.toggleZIndex,overlayZIndex:P??n.overlayZIndex}),[i,c,s,m,u,S,y,v,g,I,C,n,O,_,M,P]);return f.useEffect(()=>{e==="left"?o(A):a(A)},[e,A,o,a]),A};function te({isCollapsed:e,setCollapsed:r,closeSidebarOnClick:n=!0,transitionMs:o,overlayBackgroundColor:a,overlayZIndex:i}){return p.jsx("div",{style:{transitionDuration:`${o}ms`,...Ge,...e?{}:Ue,...a?{backgroundColor:a}:{},zIndex:i},onMouseDown:c=>{n&&(c.stopPropagation(),r())}})}function me({size:e,color:r}){const n=f.useRef(null);return f.useEffect(()=>{const o=()=>{n.current&&(n.current.style.opacity="1")},a=()=>{n.current&&(n.current.style.opacity=`${le}`)};n.current&&(n.current.addEventListener("mouseenter",o),n.current.addEventListener("mouseleave",a))},[]),p.jsx("div",{style:{...Ze},children:p.jsxs("svg",{style:{transition:`opacity ${Ye}ms ease`,opacity:`${le}`},ref:n,"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e,children:[p.jsx("g",{strokeWidth:"0"}),p.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round",children:p.jsx("g",{children:p.jsx("path",{clipRule:"evenodd",d:"m9.46967 5.46967c.29289-.29289.76773-.29289 1.06063 0l2.6286 2.62858c.5748.57477 1.0384 1.03835 1.3831 1.44443.355.41812.6278.82432.7818 1.29852.2447.7531.2447 1.5645 0 2.3176-.154.4742-.4268.8804-.7818 1.2985-.3447.4061-.8083.8697-1.3831 1.4444l-2.6286 2.6286c-.2929.2929-.76774.2929-1.06063 0s-.29289-.7677 0-1.0606l2.60593-2.6059c.6027-.6028 1.0225-1.0234 1.3229-1.3773.2947-.3471.4302-.5804.4987-.7912.1469-.4519.1469-.9387 0-1.3906-.0685-.2108-.204-.4441-.4987-.7912-.3004-.3539-.7202-.77451-1.3229-1.37728l-2.60593-2.60589c-.29289-.29289-.29289-.76777 0-1.06066z",fill:r,fillRule:"evenodd"})})})]})})}function we({options:e,showToggle:r=!0,ToggleComponent:n}){const{openSidebar:o,leftToggleRef:a,isLeftOpen:i,closeSidebar:c}=D();return r?p.jsx("div",{ref:a,style:{...fe,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,left:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&p.jsx("button",{type:"button",onClick:()=>i?c("left"):o("left"),style:{marginLeft:`${e.toggleIconEdgeDistancePx}px`,...i?{transform:"rotate(180deg)"}:{}},children:n??p.jsx(me,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}function G(e=$){const r=`(max-width: ${Math.min(e,$)}px)`,n=()=>typeof window>"u"||typeof window.matchMedia>"u"?!1:window.matchMedia(r).matches,[o,a]=f.useState(n);return f.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia>"u")return;const i=window.matchMedia(r),c=()=>a(i.matches);return c(),i.addEventListener("change",c),()=>i.removeEventListener("change",c)},[r]),o}const Re=({refs:e,callbacks:r,currentX:n,preventDefault:o,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const c=n-e.draggingRef.current.startX;if(!e.draggingRef.current.isActivated&&Math.abs(c)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!e.draggingRef.current.isActivated)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const s=r.getIsOpen();let m=!1;if((s||e.draggingRef.current.startX<=i.edgeActivationWidthPx)&&(m=!0),!m){e.draggingRef.current=null,r.dragSidebar(null);return}o();const u=i.sidebarWidthPx;if(s){const S=Math.min(0,Math.max(-u,c+i.dragActivationDeltaPx));r.dragSidebar(S)}else if(e.draggingRef.current.startX<=i.edgeActivationWidthPx){const S=Math.min(0,Math.max(-u,-u+c-i.dragActivationDeltaPx));r.dragSidebar(S)}},Se=({refs:e,callbacks:r,options:n})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;return}const o=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,c=r.getIsOpen();e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const s=o>=a,m=o<a,u=i<=n.edgeActivationWidthPx;c?(m?r.closeSidebar():r.openSidebar(),r.dragSidebar(null)):u&&s?(r.openSidebar(),r.dragSidebar(null)):(r.closeSidebar(),r.dragSidebar(null))};function He(e){const r=G(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:o,isLeftOpen:a,openSidebar:i,closeSidebar:c,dragSidebar:s,leftSidebarRef:m}=D(),u=f.useRef(null),S=f.useRef(null),y=f.useRef(null);f.useEffect(()=>{if(!r||n==="right")return;const v={getIsOpen:()=>a,openSidebar:()=>i("left"),closeSidebar:()=>c("left"),dragSidebar:l=>s("left",l)},g={draggingRef:u,currentXRef:S,prevXRef:y},I=()=>o("left"),C=()=>o(null);function O(l){if(n==="right"||z(l.target)||l.changedTouches.length===0)return;const h=l.changedTouches[0];(v.getIsOpen()||h.clientX<=e.edgeActivationWidthPx)&&Z({refs:g,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1})}function _(l){if(n==="right"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId,L=he(l.changedTouches,h);L&&Re({refs:g,callbacks:v,currentX:L.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e})}function M(l){if(n==="right"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId;ve(l.changedTouches,h)&&Se({refs:g,callbacks:v,options:e})}function P(){n!=="right"&&(!u.current||u.current.isMouse||ge({refs:g,dragSidebar:v.dragSidebar,onDeactivate:C}))}function A(l){n!=="right"&&(z(l.target)||l.button===0&&(v.getIsOpen()||l.clientX<=e.edgeActivationWidthPx)&&Z({refs:g,clientX:l.clientX,clientY:l.clientY,touchId:null,isMouse:!0}))}function X(l){n!=="right"&&(!u.current||!u.current.isMouse||Re({refs:g,callbacks:v,currentX:l.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e}))}function x(){n!=="right"&&(!u.current||!u.current.isMouse||Se({refs:g,callbacks:v,options:e}))}return window.addEventListener("touchstart",O,{passive:!0}),window.addEventListener("touchmove",_,{passive:!1}),window.addEventListener("touchend",M,{passive:!0}),window.addEventListener("touchcancel",P,{passive:!0}),window.addEventListener("mousedown",A,{passive:!0}),window.addEventListener("mousemove",X,{passive:!1}),window.addEventListener("mouseup",x,{passive:!0}),()=>{window.removeEventListener("touchstart",O),window.removeEventListener("touchmove",_),window.removeEventListener("touchend",M),window.removeEventListener("touchcancel",P),window.removeEventListener("mousedown",A),window.removeEventListener("mousemove",X),window.removeEventListener("mouseup",x)}},[r,a,i,c,s,n,o,m,e])}function Je({className:e,children:r,ToggleComponent:n,...o}){if((r==null?void 0:r.type)===p.Fragment)throw new Error("Fragments is not allowed in SwipeBarLeft");const{isLeftOpen:a,closeSidebar:i,leftSidebarRef:c}=D(),s=pe("left",o),m=G(s.mediaQueryWidth);return He(s),p.jsxs(p.Fragment,{children:[s.showOverlay&&p.jsx(te,{isCollapsed:!a,setCollapsed:()=>i("left"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),p.jsx(we,{options:s,showToggle:s.showToggle,ToggleComponent:n}),p.jsx("div",{ref:c,style:{...de,...s.isAbsolute||m?Be:{},...e?{}:{backgroundColor:ue},zIndex:s.swipeBarZIndex},className:e,children:r})]})}function Ee({options:e,showToggle:r=!0,ToggleComponent:n}){const{openSidebar:o,rightToggleRef:a,isRightOpen:i,closeSidebar:c}=D();return r?p.jsx("div",{ref:a,style:{...fe,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,right:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&p.jsx("button",{type:"button",onClick:()=>i?c("right"):o("right"),style:{marginRight:`${e.toggleIconEdgeDistancePx}px`,...i?{}:{transform:"rotate(180deg)"}},children:n??p.jsx(me,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const be=({refs:e,callbacks:r,currentX:n,preventDefault:o,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const c=window.innerWidth,s=n-e.draggingRef.current.startX,m=e.draggingRef.current.startX>=c-i.edgeActivationWidthPx,u=e.draggingRef.current.isActivated;if(!u&&Math.abs(s)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!u)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const S=r.getIsOpen();let y=!1;if((S||m)&&(y=!0),!y){e.draggingRef.current=null,r.dragSidebar(null);return}o();const v=i.sidebarWidthPx;if(S){const g=Math.max(0,Math.min(v,s-i.dragActivationDeltaPx));r.dragSidebar(g)}else{const g=Math.max(0,Math.min(v,v+s+i.dragActivationDeltaPx));r.dragSidebar(g)}},ye=({refs:e,callbacks:r,options:n})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;return}const o=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,c=r.getIsOpen(),s=window.innerWidth;e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const m=o>a,u=o<a,S=i>=s-n.edgeActivationWidthPx;c?(m?r.closeSidebar():r.openSidebar(),r.dragSidebar(null)):S&&u?(r.openSidebar(),r.dragSidebar(null)):(r.closeSidebar(),r.dragSidebar(null))};function Ke(e){const r=G(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:o,isRightOpen:a,openSidebar:i,closeSidebar:c,dragSidebar:s,rightSidebarRef:m}=D(),u=f.useRef(null),S=f.useRef(null),y=f.useRef(null);f.useEffect(()=>{if(!r||n==="left")return;const v={getIsOpen:()=>a,openSidebar:()=>i("right"),closeSidebar:()=>c("right"),dragSidebar:l=>s("right",l)},g={draggingRef:u,currentXRef:S,prevXRef:y},I=()=>o("right"),C=()=>o(null);function O(l){if(n==="left"||z(l.target)||l.changedTouches.length===0)return;const h=l.changedTouches[0],L=window.innerWidth;(v.getIsOpen()||h.clientX>=L-e.edgeActivationWidthPx)&&Z({refs:g,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1})}function _(l){if(n==="left"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId,L=he(l.changedTouches,h);L&&be({refs:g,callbacks:v,currentX:L.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e})}function M(l){if(n==="left"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId;ve(l.changedTouches,h)&&ye({refs:g,callbacks:v,options:e})}function P(){n!=="left"&&(!u.current||u.current.isMouse||ge({refs:g,dragSidebar:v.dragSidebar,onDeactivate:C}))}function A(l){if(n==="left"||z(l.target)||l.button!==0)return;const h=window.innerWidth;(v.getIsOpen()||l.clientX>=h-e.edgeActivationWidthPx)&&Z({refs:g,clientX:l.clientX,clientY:l.clientY,touchId:null,isMouse:!0})}function X(l){n!=="left"&&(!u.current||!u.current.isMouse||be({refs:g,callbacks:v,currentX:l.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e}))}function x(){n!=="left"&&(!u.current||!u.current.isMouse||ye({refs:g,callbacks:v,options:e}))}return window.addEventListener("touchstart",O,{passive:!0}),window.addEventListener("touchmove",_,{passive:!1}),window.addEventListener("touchend",M,{passive:!0}),window.addEventListener("touchcancel",P,{passive:!0}),window.addEventListener("mousedown",A,{passive:!0}),window.addEventListener("mousemove",X,{passive:!1}),window.addEventListener("mouseup",x,{passive:!0}),()=>{window.removeEventListener("touchstart",O),window.removeEventListener("touchmove",_),window.removeEventListener("touchend",M),window.removeEventListener("touchcancel",P),window.removeEventListener("mousedown",A),window.removeEventListener("mousemove",X),window.removeEventListener("mouseup",x)}},[r,a,i,c,s,n,o,m,e])}function qe({className:e,children:r,ToggleComponent:n,...o}){if((r==null?void 0:r.type)===p.Fragment)throw new Error("Fragments is not allowed in SwipeBarRight");const{isRightOpen:a,closeSidebar:i,rightSidebarRef:c}=D(),s=pe("right",o),m=G(s.mediaQueryWidth);return Ke(s),p.jsxs(p.Fragment,{children:[s.showOverlay&&p.jsx(te,{isCollapsed:!a,setCollapsed:()=>i("right"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),p.jsx(Ee,{options:s,showToggle:s.showToggle,ToggleComponent:n}),p.jsx("div",{ref:c,style:{...de,...s.isAbsolute||m?Fe:{},...e?{}:{backgroundColor:ue},zIndex:s.swipeBarZIndex},className:e,children:r})]})}T.Overlay=te,T.SwipeBarLeft=Je,T.SwipeBarProvider=Oe,T.SwipeBarRight=qe,T.ToggleLeft=we,T.ToggleRight=Ee,T.useMediaQuery=G,T.useSwipeBarContext=D,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@luciodale/swipe-bar",
-	"version": "1.0.5",
+	"version": "1.0.6",
 	"author": "Lucio D'Alessandro",
 	"repository": {
 		"type": "git",