@luciodale/swipe-bar 1.2.3 → 1.2.4

package/dist/swipe-bar.es.js

@@ -9,10 +9,10 @@ var we = { exports: {} }, de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Me;
+var _e;
 function bt() {
-  if (Me) return de;
-  Me = 1;
+  if (_e) return de;
+  _e = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(i, a, o) {
     var u = null;
@@ -52,9 +52,9 @@ function vt() {
       switch (n) {
         case A:
           return "Fragment";
-        case _:
-          return "Profiler";
         case M:
+          return "Profiler";
+        case _:
           return "StrictMode";
         case N:
           return "Suspense";
@@ -237,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
     function b(n) {
       return typeof n == "object" && n !== null && n.$$typeof === I;
     }
-    var w = gt, I = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), M = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), D = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), z = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, G = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var w = gt, I = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), D = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), z = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, G = Array.isArray, k = console.createTask ? console.createTask : function() {
       return null;
     };
     w = {
@@ -294,8 +294,8 @@ const ze = ht(null), be = (e) => {
   toggleZIndex: I,
   overlayZIndex: y,
   fadeContent: A,
-  fadeContentTransitionMs: M,
-  closeSidebarOnOverlayClick: _
+  fadeContentTransitionMs: _,
+  closeSidebarOnOverlayClick: M
 }) => {
   var Ie, Ce;
   const [W, D] = re(null), [j, N] = re(!1), [f, x] = re(!1), [p, Y] = re({}), [X, z] = re({}), F = L(null), G = L(null), k = L(null), U = L(null), [V, q] = re({}), [$, ne] = re({}), n = L(/* @__PURE__ */ new Map()), g = L(null), T = L([]), P = ((Ie = V.primary) == null ? void 0 : Ie.isOpen) ?? !1, Q = ((Ce = V.primary) == null ? void 0 : Ce.anchorState) ?? "closed", K = Ze(
@@ -317,15 +317,15 @@ const ze = ht(null), be = (e) => {
     mediaQueryWidth: b ?? Se,
     swipeBarZIndex: w ?? It,
     toggleZIndex: I ?? Ct,
-    overlayZIndex: y ?? _t,
+    overlayZIndex: y ?? Mt,
     fadeContent: A ?? Dt,
-    fadeContentTransitionMs: M ?? Lt,
+    fadeContentTransitionMs: _ ?? Lt,
     swipeToOpen: Xt,
     swipeToClose: Yt,
     midAnchorPoint: $t,
     midAnchorPointPx: De / 3,
     disabled: !1,
-    closeSidebarOnOverlayClick: _ ?? Rt
+    closeSidebarOnOverlayClick: M ?? Rt
   }), tt = H((d, h) => {
     n.current.set(d, h), q((m) => m[d] ? m : { ...m, [d]: { ...ve } });
   }, []), rt = H((d) => {
@@ -403,8 +403,8 @@ const ze = ht(null), be = (e) => {
       } else if (d === "bottom") {
         const S = (h == null ? void 0 : h.id) ?? "primary", E = $[S], B = n.current.get(S);
         if (!E || !B || E.disabled) return;
-        const oe = E.sidebarHeightPx ?? 0, dt = E.mediaQueryWidth ?? 640, _e = window.innerWidth < dt, ft = _e ? E.midAnchorPointPx ?? 0 : oe;
-        _e && E.midAnchorPoint && !E.swipeToOpen && ft < oe ? $e({
+        const oe = E.sidebarHeightPx ?? 0, dt = E.mediaQueryWidth ?? 640, Me = window.innerWidth < dt, ft = Me ? E.midAnchorPointPx ?? 0 : oe;
+        Me && E.midAnchorPoint && !E.swipeToOpen && ft < oe ? $e({
           ref: B.sidebarRef,
           options: E,
           toggleRef: B.toggleRef,
@@ -566,7 +566,7 @@ const ze = ht(null), be = (e) => {
   if (!e)
     throw new Error("useSwipeBarContext must be used within SwipeBarProvider");
   return e;
-}, pt = 300, wt = 40, St = 20, yt = 320, De = window.innerHeight, xt = !0, Rt = !0, Tt = !1, Ve = "rgba(0, 0, 0, 0.5)", ye = "rgb(36,36,36)", Ot = "white", Et = 40, At = 40, Pt = !0, Se = 640, It = 30, Ct = 15, _t = 20, Xe = 0.6, Mt = 200, Lt = 100, Dt = !1, Xt = !0, Yt = !0, $t = !1, se = "cubic-bezier(0.22, 1, 0.36, 1)", qe = {
+}, pt = 300, wt = 40, St = 20, yt = 320, De = window.innerHeight, xt = !0, Rt = !0, Tt = !1, Ve = "rgba(0, 0, 0, 0.5)", ye = "rgb(36,36,36)", Ot = "white", Et = 40, At = 40, Pt = !0, Se = 640, It = 30, Ct = 15, Mt = 20, Xe = 0.6, _t = 200, Lt = 100, Dt = !1, Xt = !0, Yt = !0, $t = !1, se = "cubic-bezier(0.22, 1, 0.36, 1)", qe = {
   width: 0,
   top: 0,
   bottom: 0,
@@ -808,8 +808,8 @@ const Re = (e, t) => {
     overlayBackgroundColor: I,
     toggleIconColor: y,
     toggleIconSizePx: A,
-    toggleIconEdgeDistancePx: M,
-    showToggle: _,
+    toggleIconEdgeDistancePx: _,
+    showToggle: M,
     mediaQueryWidth: W,
     swipeBarZIndex: D,
     toggleZIndex: j,
@@ -835,8 +835,8 @@ const Re = (e, t) => {
       overlayBackgroundColor: I ?? i.overlayBackgroundColor,
       toggleIconColor: y ?? i.toggleIconColor,
       toggleIconSizePx: A ?? i.toggleIconSizePx,
-      toggleIconEdgeDistancePx: M ?? i.toggleIconEdgeDistancePx,
-      showToggle: _ ?? i.showToggle,
+      toggleIconEdgeDistancePx: _ ?? i.toggleIconEdgeDistancePx,
+      showToggle: M ?? i.showToggle,
       mediaQueryWidth: W ?? i.mediaQueryWidth,
       swipeBarZIndex: D ?? i.swipeBarZIndex,
       toggleZIndex: j ?? i.toggleZIndex,
@@ -861,8 +861,8 @@ const Re = (e, t) => {
     I,
     y,
     A,
-    M,
     _,
+    M,
     i,
     W,
     D,
@@ -924,7 +924,7 @@ function Ae({ size: e, color: t }) {
         "svg",
         {
           style: {
-            transition: `opacity ${Mt}ms ease`,
+            transition: `opacity ${_t}ms ease`,
             opacity: `${Xe}`
           },
           ref: r,
@@ -1008,8 +1008,8 @@ const ke = ({
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
-      const { scrollTop: y, scrollHeight: A, clientHeight: M } = u, _ = y > 1, W = y + M < A - 1;
-      if (l > 0 && _ || l < 0 && W) {
+      const { scrollTop: y, scrollHeight: A, clientHeight: _ } = u, M = y > 1, W = y + _ < A - 1;
+      if (l > 0 && M || l < 0 && W) {
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
@@ -1036,14 +1036,14 @@ const ke = ({
         );
         t.dragSidebar(A);
       } else if (y === "midAnchor") {
-        const A = b - w, M = Math.max(
+        const A = b - w, _ = Math.max(
           0,
           Math.min(
             b,
             A + l - o.dragActivationDeltaPx
           )
         );
-        t.dragSidebar(M);
+        t.dragSidebar(_);
       }
     } else {
       const y = Math.max(
@@ -1090,14 +1090,14 @@ const ke = ({
     if (I) {
       const y = t.getBottomAnchorState(), A = w - b;
       if (y === "open") {
-        const M = Math.max(0, a - u);
-        R ? M > A ? t.closeSidebar() : t.openToMidAnchor() : M < A ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
+        const _ = Math.max(0, a - u);
+        R ? _ > A ? t.closeSidebar() : t.openToMidAnchor() : _ < A ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
       } else if (y === "midAnchor") {
-        const M = w - b, _ = Math.max(
+        const _ = w - b, M = Math.max(
           0,
-          Math.min(w, M + (a - u))
+          Math.min(w, _ + (a - u))
         );
-        c && _ < A ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
+        c ? M < A ? t.openSidebarFully() : t.openToMidAnchor() : t.closeSidebar(), t.dragSidebar(null);
       }
     } else
       R ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null);
@@ -1116,7 +1116,7 @@ function Jt(e, t) {
     openSidebarToMidAnchor: R,
     activeBottomDragIdRef: v,
     bottomFocusStackRef: b
-  } = J(), w = ((N = o[t]) == null ? void 0 : N.isOpen) ?? !1, I = ((f = o[t]) == null ? void 0 : f.anchorState) ?? "closed", y = L(null), A = L(null), M = L(null), _ = L(null), W = L(0), D = L(null), j = L(I);
+  } = J(), w = ((N = o[t]) == null ? void 0 : N.isOpen) ?? !1, I = ((f = o[t]) == null ? void 0 : f.anchorState) ?? "closed", y = L(null), A = L(null), _ = L(null), M = L(null), W = L(0), D = L(null), j = L(I);
   Z(() => {
     j.current = I;
   }, [I]), Z(() => {
@@ -1132,7 +1132,7 @@ function Jt(e, t) {
     }, p = {
       draggingRef: y,
       currentYRef: A,
-      prevYRef: M
+      prevYRef: _
     }, Y = () => v.current !== null && v.current !== t, X = () => {
       const n = b.current;
       return n.length === 0 ? !0 : n[n.length - 1] === t;
@@ -1142,18 +1142,18 @@ function Jt(e, t) {
         return;
       }
       v.current = t, a("bottom");
-      const n = _.current;
+      const n = M.current;
       n && (D.current = n.style.overflowY, n.style.overflowY = "hidden");
     }, F = () => {
       v.current === t && (v.current = null);
-      const n = _.current;
+      const n = M.current;
       n && D.current !== null && (n.style.overflowY = D.current, D.current = null);
     };
     function G(n) {
       var K;
       if (i && i !== "bottom" || Y() || !X() || ce(n.target) || n.changedTouches.length === 0) return;
       const g = n.changedTouches[0], T = window.innerHeight, P = x.getIsOpen(), Q = g.clientY >= T - e.edgeActivationWidthPx;
-      P && !e.swipeToClose || !P && !e.swipeToOpen || (P || Q) && (_.current = je(n.target), W.current = ((K = _.current) == null ? void 0 : K.scrollTop) ?? 0, Be({
+      P && !e.swipeToClose || !P && !e.swipeToOpen || (P || Q) && (M.current = je(n.target), W.current = ((K = M.current) == null ? void 0 : K.scrollTop) ?? 0, Be({
         refs: p,
         clientX: g.clientX,
         clientY: g.clientY,
@@ -1176,7 +1176,7 @@ function Jt(e, t) {
         preventDefault: () => n.preventDefault(),
         lockPane: z,
         options: e,
-        scrollableAncestor: _.current,
+        scrollableAncestor: M.current,
         initialScrollTop: W.current
       });
     }
@@ -1202,7 +1202,7 @@ function Jt(e, t) {
       var Q;
       if (i && i !== "bottom" || Y() || !X() || ce(n.target) || n.button !== 0) return;
       const g = window.innerHeight, T = x.getIsOpen(), P = n.clientY >= g - e.edgeActivationWidthPx;
-      T && !e.swipeToClose || !T && !e.swipeToOpen || (T || P) && (_.current = je(n.target), W.current = ((Q = _.current) == null ? void 0 : Q.scrollTop) ?? 0, Be({
+      T && !e.swipeToClose || !T && !e.swipeToOpen || (T || P) && (M.current = je(n.target), W.current = ((Q = M.current) == null ? void 0 : Q.scrollTop) ?? 0, Be({
         refs: p,
         clientX: n.clientX,
         clientY: n.clientY,
@@ -1223,7 +1223,7 @@ function Jt(e, t) {
           preventDefault: () => n.preventDefault(),
           lockPane: z,
           options: e,
-          scrollableAncestor: _.current,
+          scrollableAncestor: M.current,
           initialScrollTop: W.current
         });
       }
@@ -1426,7 +1426,7 @@ function er(e) {
         isMouse: !1
       });
     }
-    function M(f) {
+    function _(f) {
       if (r && r !== "left" || !c.current || c.current.isMouse) return;
       const x = c.current.activeTouchId, p = Re(f.changedTouches, x);
       p && Fe({
@@ -1438,7 +1438,7 @@ function er(e) {
         options: e
       });
     }
-    function _(f) {
+    function M(f) {
       if (r && r !== "left" || !c.current || c.current.isMouse) return;
       const x = c.current.activeTouchId;
       Te(f.changedTouches, x) && He({
@@ -1482,8 +1482,8 @@ function er(e) {
         options: e
       });
     }
-    return window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", M, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", D, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", N, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", M), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", D), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", N);
+    return window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", _, { passive: !1 }), window.addEventListener("touchend", M, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", D, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", N, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", M), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", D), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", N);
     };
   }, [
     t,
@@ -1657,7 +1657,7 @@ function rr(e) {
         isMouse: !1
       });
     }
-    function M(f) {
+    function _(f) {
       if (r && r !== "right" || !c.current || c.current.isMouse) return;
       const x = c.current.activeTouchId, p = Re(f.changedTouches, x);
       p && Ge({
@@ -1669,7 +1669,7 @@ function rr(e) {
         options: e
       });
     }
-    function _(f) {
+    function M(f) {
       if (r && r !== "right" || !c.current || c.current.isMouse) return;
       const x = c.current.activeTouchId;
       Te(f.changedTouches, x) && Ue({
@@ -1713,8 +1713,8 @@ function rr(e) {
         options: e
       });
     }
-    return window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", M, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", D, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", N, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", M), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", D), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", N);
+    return window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", _, { passive: !1 }), window.addEventListener("touchend", M, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", D, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", N, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", M), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", D), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", N);
     };
   }, [
     t,

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} />`,C,M,ne,M),te[M+C]=!0)}if(M=null,O!==void 0&&(n(O),M=""+O),d(h)&&(n(h.key),M=""+h.key),"key"in h){O={};for(var de in h)de!=="key"&&(O[de]=h[de])}else O=h;return M&&a(O,typeof r=="function"?r.displayName||r.name||"Unknown":r),c(r,M,O,s(),K,$)}function p(r){v(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===w&&(r._payload.status==="fulfilled"?v(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function v(r){return typeof r=="object"&&r!==null&&r.$$typeof===I}var S=l,I=Symbol.for("react.transitional.element"),R=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),L=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),D=Symbol.for("react.context"),j=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),Y=Symbol.for("react.activity"),X=Symbol.for("react.client.reference"),V=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,U=Array.isArray,N=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(r){return r()}};var Z,Q={},J=S.react_stack_bottom_frame.bind(S,o)(),B=N(i(o)),te={};le.Fragment=P,le.jsx=function(r,h,O){var C=1e4>V.recentlyCreatedOwnerStacks++;return T(r,h,O,!1,C?Error("react-stack-top-frame"):J,C?N(i(r)):B)},le.jsxs=function(r,h,O){var C=1e4>V.recentlyCreatedOwnerStacks++;return T(r,h,O,!0,C?Error("react-stack-top-frame"):J,C?N(i(r)):B)}}()),le}process.env.NODE_ENV==="production"?he.exports=qe():he.exports=et();var E=he.exports;const Pe=l.createContext(null),me=e=>{throw new Error(`Unhandled sidebar side: ${e}`)},be={isOpen:!1,anchorState:"closed"},tt=({children:e,sidebarWidthPx:t,transitionMs:n,edgeActivationWidthPx:i,dragActivationDeltaPx:s,showOverlay:o,isAbsolute:d,overlayBackgroundColor:a,toggleIconColor:u,toggleIconSizePx:c,toggleIconEdgeDistancePx:T,showToggle:p,mediaQueryWidth:v,swipeBarZIndex:S,toggleZIndex:I,overlayZIndex:R,fadeContent:P,fadeContentTransitionMs:L,closeSidebarOnOverlayClick:_})=>{var Je,Ke;const[W,D]=l.useState(null),[j,H]=l.useState(!1),[g,x]=l.useState(!1),[w,Y]=l.useState({}),[X,V]=l.useState({}),G=l.useRef(null),U=l.useRef(null),N=l.useRef(null),Z=l.useRef(null),[Q,J]=l.useState({}),[B,te]=l.useState({}),r=l.useRef(new Map),h=l.useRef(null),O=l.useRef([]),C=((Je=Q.primary)==null?void 0:Je.isOpen)??!1,K=((Ke=Q.primary)==null?void 0:Ke.anchorState)??"closed",$=l.useMemo(()=>Object.values(Q).some(f=>f.isOpen),[Q]),M=r.current.get("primary"),ne=(M==null?void 0:M.sidebarRef)??{current:null},de=(M==null?void 0:M.toggleRef)??{current:null},Ee=B.primary??{},[Nt,Ft]=l.useState({sidebarWidthPx:t??ot,sidebarHeightPx:Ce,transitionMs:n??nt,edgeActivationWidthPx:i??rt,dragActivationDeltaPx:s??it,showOverlay:o??st,isAbsolute:d??ct,overlayBackgroundColor:a??Ie,toggleIconColor:u??lt,toggleIconSizePx:c??ut,toggleIconEdgeDistancePx:T??dt,showToggle:p??ft,mediaQueryWidth:v??pe,swipeBarZIndex:S??gt,toggleZIndex:I??ht,overlayZIndex:R??mt,fadeContent:P??pt,fadeContentTransitionMs:L??vt,swipeToOpen:wt,swipeToClose:St,midAnchorPoint:yt,midAnchorPointPx:Ce/3,disabled:!1,closeSidebarOnOverlayClick:_??at}),Ht=l.useCallback((f,m)=>{r.current.set(f,m),J(b=>b[f]?b:{...b,[f]:{...be}})},[]),Gt=l.useCallback(f=>{r.current.delete(f),J(m=>{const b={...m};return delete b[f],b}),te(m=>{const b={...m};return delete b[f],b})},[]),Ut=l.useCallback(f=>r.current.get(f),[]),Zt=l.useCallback((f,m)=>{te(b=>b[f]===m?b:{...b,[f]:m})},[]),q=l.useCallback((f,m)=>{J(b=>{const y=b[f]??be;return y.isOpen===m?b:{...b,[f]:{...y,isOpen:m}}})},[]),ee=l.useCallback((f,m)=>{J(b=>{const y=b[f]??be;return y.anchorState===m?b:{...b,[f]:{...y,anchorState:m}}})},[]);l.useEffect(()=>(j||g||$?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[j,g,$]),l.useEffect(()=>{var f;if(w.fadeContent===!1){const m=(f=G.current)==null?void 0:f.firstElementChild;m&&(m.style.opacity="1")}},[w.fadeContent]),l.useEffect(()=>{var f;if(X.fadeContent===!1){const m=(f=U.current)==null?void 0:f.firstElementChild;m&&(m.style.opacity="1")}},[X.fadeContent]),l.useEffect(()=>{var f;for(const[m,b]of Object.entries(B))if(b.fadeContent===!1){const y=r.current.get(m),A=(f=y==null?void 0:y.sidebarRef.current)==null?void 0:f.firstElementChild;A&&(A.style.opacity="1")}},[B]);const zt=l.useCallback(f=>{Ft(m=>({...m,...f}))},[]),oe=l.useCallback(f=>{const m=O.current,b=m.indexOf(f);b!==-1&&m.splice(b,1),m.push(f),D("bottom")},[]),Qe=l.useCallback(f=>{const m=O.current,b=m.indexOf(f);b!==-1&&m.splice(b,1),J(y=>(Object.entries(y).some(([k,re])=>k!==f&&re.isOpen)||D(null),y))},[]),Vt=l.useCallback((f,m)=>{const b=(y,A,k,re)=>{Se({side:f,ref:y,options:A,toggleRef:k,afterApply:()=>{re(!0),D(f)}})};if(f==="left"){if(w.disabled)return;b(G,w,N,H)}else if(f==="right"){if(X.disabled)return;b(U,X,Z,x)}else if(f==="bottom"){const y=(m==null?void 0:m.id)??"primary",A=B[y],k=r.current.get(y);if(!A||!k||A.disabled)return;const re=A.sidebarHeightPx??0,qt=A.mediaQueryWidth??640,$e=window.innerWidth<qt,en=$e?A.midAnchorPointPx??0:re;$e&&A.midAnchorPoint&&!A.swipeToOpen&&en<re?Xe({ref:k.sidebarRef,options:A,toggleRef:k.toggleRef,afterApply:()=>{q(y,!0),ee(y,"midAnchor"),oe(y)}}):Se({side:f,ref:k.sidebarRef,options:A,toggleRef:k.toggleRef,afterApply:()=>{q(y,!0),ee(y,"open"),oe(y)}})}else me(f)},[w,X,B,q,ee,oe]),Qt=l.useCallback((f,m)=>{if(f!=="bottom")return;const b=(m==null?void 0:m.id)??"primary",y=B[b],A=r.current.get(b);!y||!A||y.disabled||Xe({ref:A.sidebarRef,options:y,toggleRef:A.toggleRef,afterApply:()=>{q(b,!0),ee(b,"midAnchor"),oe(b)}})},[B,q,ee,oe]),Jt=l.useCallback((f,m)=>{if(f!=="bottom")return;const b=(m==null?void 0:m.id)??"primary",y=B[b],A=r.current.get(b);!y||!A||y.disabled||Se({side:f,ref:A.sidebarRef,options:y,toggleRef:A.toggleRef,afterApply:()=>{q(b,!0),ee(b,"open"),oe(b)}})},[B,q,ee,oe]),Kt=l.useCallback((f,m)=>{const b=(y,A,k,re)=>{De({ref:y,options:A,toggleRef:k,side:f,afterApply:()=>{re(!1),D(null)}})};if(f==="left"){if(w.disabled)return;b(G,w,N,H)}else if(f==="right"){if(X.disabled)return;b(U,X,Z,x)}else if(f==="bottom"){const y=(m==null?void 0:m.id)??"primary",A=B[y],k=r.current.get(y);if(!A||!k||A.disabled)return;De({ref:k.sidebarRef,options:A,toggleRef:k.toggleRef,side:f,afterApply:()=>{q(y,!1),ee(y,"closed"),Qe(y)}})}else me(f)},[w,X,B,q,ee,Qe]),$t=l.useCallback((f,m,b)=>{if(f==="left")Ye({ref:G,toggleRef:N,options:w,translateX:m});else if(f==="right")Ye({ref:U,toggleRef:Z,options:X,translateX:m});else if(f==="bottom"){const y=(b==null?void 0:b.id)??"primary",A=B[y],k=r.current.get(y);if(!A||!k)return;Lt({ref:k.sidebarRef,toggleRef:k.toggleRef,options:A,translateY:m})}else me(f)},[w,X,B]);return E.jsx(Pe.Provider,{value:{lockedSidebar:W,setLockedSidebar:D,leftSidebarRef:G,rightSidebarRef:U,isLeftOpen:j,isRightOpen:g,isBottomOpen:C,bottomAnchorState:K,bottomSidebarRef:ne,bottomToggleRef:de,bottomSidebarOptions:Ee,bottomSidebars:Q,bottomSidebarOptionsMap:B,registerBottomSidebar:Ht,unregisterBottomSidebar:Gt,getBottomSidebarRefs:Ut,activeBottomDragIdRef:h,bottomFocusStackRef:O,openSidebar:Vt,openSidebarFully:Jt,openSidebarToMidAnchor:Qt,closeSidebar:Kt,dragSidebar:$t,globalOptions:Nt,setGlobalOptions:zt,leftSidebarOptions:w,rightSidebarOptions:X,setLeftSidebarOptions:Y,setRightSidebarOptions:V,setBottomSidebarOptionsById:Zt,leftToggleRef:N,rightToggleRef:Z},children:e})},z=()=>{const e=l.useContext(Pe);if(!e)throw new Error("useSwipeBarContext must be used within SwipeBarProvider");return e},nt=300,rt=40,it=20,ot=320,Ce=window.innerHeight,st=!0,at=!0,ct=!1,Ie="rgba(0, 0, 0, 0.5)",ve="rgb(36,36,36)",lt="white",ut=40,dt=40,ft=!0,pe=640,gt=30,ht=15,mt=20,Me=.6,bt=200,vt=100,pt=!1,wt=!0,St=!0,yt=!1,se="cubic-bezier(0.22, 1, 0.36, 1)",_e={width:0,top:0,bottom:0,flexShrink:0,overflowX:"hidden",willChange:"transform"},Rt={transform:"translateX(-100%)"},xt={transform:"translateX(100%)"},Tt={position:"fixed",left:0,top:0,bottom:0},Et={position:"fixed",right:0,top:0,bottom:0},Ot={height:0,left:0,right:0,flexShrink:0,overflowY:"hidden",willChange:"transform"},At={transform:"translateY(100%)"},Pt={position:"fixed",bottom:0,left:0,right:0},Ct={position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:Ie,transitionProperty:"opacity",pointerEvents:"none",opacity:0},It={opacity:1,pointerEvents:"auto"},Le={position:"fixed",top:"50%",transform:"translateY(-50%)",width:"1px",display:"flex",justifyContent:"center"},Mt={position:"fixed",bottom:0,left:"50%",transform:"translateX(-50%)",height:"1px",display:"flex",alignItems:"center"},_t={position:"relative",cursor:"pointer",display:"flex",height:"72px",alignItems:"center",justifyContent:"center"},we=e=>{throw new Error(`Unhandled sidebar side: ${e}`)},ue=e=>{var t;return(t=e.current)==null?void 0:t.firstElementChild},Se=({ref:e,side:t,options:n,toggleRef:i,afterApply:s})=>{const o=ue(e),d=n.transitionMs?n.transitionMs/2:0;o&&n.fadeContent&&(o.style.opacity="0");let a,u;t==="left"||t==="right"?(a="width",u=n.sidebarWidthPx,o&&u&&(o.style.minWidth=`${u}px`)):t==="bottom"?(a="height",u=n.sidebarHeightPx,o&&u&&(o.style.minHeight=`${u}px`)):we(t),requestAnimationFrame(()=>{if(!e.current)return;const c=`transform ${n.transitionMs}ms ${se}`,T=n.isAbsolute?"":`, ${a} ${n.transitionMs}ms ${se}`;e.current.style.transition=`${c}${T}`,o&&n.fadeContent&&(o.style.transition=`opacity ${n.fadeContentTransitionMs}ms ease`),requestAnimationFrame(()=>{if(e.current){if(e.current.style.transform=t==="bottom"?"translateY(0px)":"translateX(0px)",!n.isAbsolute)e.current.style[a]=`${u}px`;else if(e.current.style[a]!==`${u}px`){const p=e.current.style.transition;e.current.style.transition=c,e.current.style[a]=`${u}px`,e.current.style.transition=p}i.current&&u&&(i.current.style.opacity="1",t==="left"?i.current.style.transform=`translateY(-50%) translateX(${u}px)`:t==="right"?i.current.style.transform=`translateY(-50%) translateX(-${u}px)`:t==="bottom"&&(i.current.style.transform=`translateX(-50%) translateY(-${u}px)`)),o&&n.fadeContent&&setTimeout(()=>{o.style.opacity="1"},d),s()}})}),setTimeout(()=>{},0)},De=({ref:e,options:t,side:n,toggleRef:i,afterApply:s})=>{const o=ue(e);let d;n==="left"||n==="right"?(d="width",o&&t.sidebarWidthPx&&(o.style.minWidth=`${t.sidebarWidthPx}px`)):n==="bottom"?(d="height",o&&t.sidebarHeightPx&&(o.style.minHeight=`${t.sidebarHeightPx}px`)):we(n),requestAnimationFrame(()=>{if(!e.current)return;const a=`transform ${t.transitionMs}ms ${se}`,u=t.isAbsolute?"":`, ${d} ${t.transitionMs}ms ${se}`;e.current.style.transition=`${a}${u}`,o&&t.fadeContent&&(o.style.transition=`opacity ${t.fadeContentTransitionMs}ms ease`),requestAnimationFrame(()=>{e.current&&(n==="left"?(e.current.style.transform="translateX(-100%)",t.isAbsolute||(e.current.style.width="0px")):n==="right"?(e.current.style.transform="translateX(100%)",t.isAbsolute||(e.current.style.width="0px")):n==="bottom"&&(e.current.style.transform="translateY(100%)",t.isAbsolute||(e.current.style.height="0px")),i.current&&(i.current.style.opacity="1",n==="left"||n==="right"?i.current.style.transform="translateY(-50%)":n==="bottom"&&(i.current.style.transform="translateX(-50%)")),o&&t.fadeContent&&(o.style.opacity="0"),s())})})},Xe=({ref:e,options:t,toggleRef:n,afterApply:i})=>{const s=ue(e),o=t.transitionMs?t.transitionMs/2:0;s&&t.fadeContent&&(s.style.opacity="0"),s&&t.midAnchorPointPx&&(s.style.minHeight=`${t.sidebarHeightPx}px`),requestAnimationFrame(()=>{if(!e.current)return;const d=`transform ${t.transitionMs}ms ${se}`,a=t.isAbsolute?"":`, height ${t.transitionMs}ms ${se}`;e.current.style.transition=`${d}${a}`,s&&t.fadeContent&&(s.style.transition=`opacity ${t.fadeContentTransitionMs}ms ease`),requestAnimationFrame(()=>{if(!e.current)return;const u=t.midAnchorPointPx??0,c=t.sidebarHeightPx??0,T=c-u;if(e.current.style.transform=`translateY(${T}px)`,!t.isAbsolute)e.current.style.height=`${c}px`;else if(e.current.style.height!==`${c}px`){const p=e.current.style.transition;e.current.style.transition=d,e.current.style.height=`${c}px`,e.current.style.transition=p}n.current&&(n.current.style.opacity="1",n.current.style.transform=`translateX(-50%) translateY(-${u}px)`),s&&t.fadeContent&&setTimeout(()=>{s.style.opacity="1"},o),i()})}),setTimeout(()=>{},0)},Ye=({ref:e,toggleRef:t,options:n,translateX:i})=>{!e.current||i===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const s=ue(e);if(e.current){if(s&&n.fadeContent&&(s.style.opacity="0"),s&&n.sidebarWidthPx&&(s.style.minWidth=`${n.sidebarWidthPx}px`),!n.isAbsolute){const o=`${n.sidebarWidthPx}px`;e.current.style.width!==o&&(e.current.style.width=o)}e.current.style.transform=`translateX(${i}px)`,t.current&&(t.current.style.opacity="0",t.current.style.transform=`translateY(-50%) translateX(${i}px)`)}}))},Lt=({ref:e,toggleRef:t,options:n,translateY:i})=>{!e.current||i===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const s=ue(e);if(e.current){if(s&&n.fadeContent&&(s.style.opacity="0"),s&&n.sidebarHeightPx&&(s.style.minHeight=`${n.sidebarHeightPx}px`),!n.isAbsolute){const o=`${n.sidebarHeightPx}px`;e.current.style.height!==o&&(e.current.style.height=o)}e.current.style.transform=`translateY(${i}px)`,t.current&&(t.current.style.opacity="0",t.current.style.transform=`translateX(-50%) translateY(${i}px)`)}}))},fe=({refs:e,clientX:t,clientY:n,touchId:i,isMouse:s})=>{e.draggingRef.current={startX:t,startY:n,activeTouchId:i,isMouse:s,isActivated:!1},e.currentXRef.current=t,e.prevXRef.current=t},Be=({refs:e,clientX:t,clientY:n,touchId:i,isMouse:s})=>{e.draggingRef.current={startX:t,startY:n,activeTouchId:i,isMouse:s,isActivated:!1},e.currentYRef.current=n,e.prevYRef.current=n},We=({refs:e,dragSidebar:t,onDeactivate:n})=>{e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null,t(null),n()},Dt=({refs:e,dragSidebar:t,onDeactivate:n})=>{e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null,t(null)},ae=e=>e instanceof Element?!!e.closest("input, textarea, [contenteditable='true']"):!1;function ke(e){let t=e instanceof HTMLElement?e:null;for(;t;){const n=getComputedStyle(t);if((n.overflowY==="auto"||n.overflowY==="scroll")&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return null}const ye=(e,t)=>{for(let n=0;n<e.length;n++){const i=e[n];if(t==null||i.identifier===t)return i}return null},Re=(e,t)=>{for(let n=0;n<e.length;n++)if(e[n].identifier===t)return!0;return!1},xe=(e,t,n)=>{const{globalOptions:i,setLeftSidebarOptions:s,setRightSidebarOptions:o,setBottomSidebarOptionsById:d}=z(),{sidebarWidthPx:a,sidebarHeightPx:u,transitionMs:c,edgeActivationWidthPx:T,dragActivationDeltaPx:p,showOverlay:v,isAbsolute:S,overlayBackgroundColor:I,toggleIconColor:R,toggleIconSizePx:P,toggleIconEdgeDistancePx:L,showToggle:_,mediaQueryWidth:W,swipeBarZIndex:D,toggleZIndex:j,overlayZIndex:H,fadeContent:g,fadeContentTransitionMs:x,swipeToOpen:w,swipeToClose:Y,midAnchorPoint:X,midAnchorPointPx:V,disabled:G,closeSidebarOnOverlayClick:U}=t,N=l.useMemo(()=>{const Z=u??i.sidebarHeightPx;return{sidebarWidthPx:a??i.sidebarWidthPx,sidebarHeightPx:Z,transitionMs:c??i.transitionMs,edgeActivationWidthPx:T??i.edgeActivationWidthPx,dragActivationDeltaPx:p??i.dragActivationDeltaPx,showOverlay:v??i.showOverlay,isAbsolute:S??i.isAbsolute,overlayBackgroundColor:I??i.overlayBackgroundColor,toggleIconColor:R??i.toggleIconColor,toggleIconSizePx:P??i.toggleIconSizePx,toggleIconEdgeDistancePx:L??i.toggleIconEdgeDistancePx,showToggle:_??i.showToggle,mediaQueryWidth:W??i.mediaQueryWidth,swipeBarZIndex:D??i.swipeBarZIndex,toggleZIndex:j??i.toggleZIndex,overlayZIndex:H??i.overlayZIndex,fadeContent:g??i.fadeContent,fadeContentTransitionMs:x??i.fadeContentTransitionMs,swipeToOpen:w??i.swipeToOpen,swipeToClose:Y??i.swipeToClose,midAnchorPoint:X??i.midAnchorPoint,midAnchorPointPx:V??i.midAnchorPointPx??Math.floor(Z/3),disabled:G??i.disabled,closeSidebarOnOverlayClick:U??i.closeSidebarOnOverlayClick}},[a,u,c,T,p,v,S,I,R,P,L,_,i,W,D,j,H,g,x,w,Y,X,V,G,U]);return l.useEffect(()=>{e==="left"?s(N):e==="right"?o(N):e==="bottom"?d(n??"primary",N):we(e)},[e,n,N,s,o,d]),N};function ge({isCollapsed:e,setCollapsed:t,closeSidebarOnClick:n=!0,transitionMs:i,overlayBackgroundColor:s,overlayZIndex:o}){return E.jsx("div",{style:{transitionDuration:`${i}ms`,...Ct,...e?{}:It,...s?{backgroundColor:s}:{},zIndex:o},onMouseDown:d=>{n&&(d.stopPropagation(),t())}})}function Te({size:e,color:t}){const n=l.useRef(null);return l.useEffect(()=>{const i=()=>{n.current&&(n.current.style.opacity="1")},s=()=>{n.current&&(n.current.style.opacity=`${Me}`)};n.current&&(n.current.addEventListener("mouseenter",i),n.current.addEventListener("mouseleave",s))},[]),E.jsx("div",{style:{..._t},children:E.jsxs("svg",{style:{transition:`opacity ${bt}ms ease`,opacity:`${Me}`},ref:n,"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e,children:[E.jsx("g",{strokeWidth:"0"}),E.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round",children:E.jsx("g",{children:E.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:t,fillRule:"evenodd"})})})]})})}function je({id:e,toggleRef:t,options:n,showToggle:i=!0,ToggleComponent:s}){var c;const{openSidebar:o,closeSidebar:d,bottomSidebars:a}=z(),u=((c=a[e])==null?void 0:c.isOpen)??!1;return i?E.jsx("div",{ref:t,style:{...Mt,transition:`transform ${n.transitionMs}ms ease, opacity ${n.transitionMs}ms ease`,zIndex:n.toggleZIndex},children:(!u||u&&!n.showOverlay)&&E.jsx("button",{type:"button",onClick:()=>{n.disabled||(u?d("bottom",{id:e}):o("bottom",{id:e}))},disabled:n.disabled,style:{marginBottom:`${n.toggleIconEdgeDistancePx}px`,transform:u?"rotate(90deg)":"rotate(-90deg)"},children:s??E.jsx(Te,{size:n.toggleIconSizePx,color:n.toggleIconColor})})}):null}function ie(e=pe){const t=`(max-width: ${Math.min(e,pe)}px)`,n=()=>typeof window>"u"||typeof window.matchMedia>"u"?!1:window.matchMedia(t).matches,[i,s]=l.useState(n);return l.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia>"u")return;const o=window.matchMedia(t),d=()=>s(o.matches);return d(),o.addEventListener("change",d),()=>o.removeEventListener("change",d)},[t]),i}const Ne=({refs:e,callbacks:t,currentY:n,preventDefault:i,lockPane:s,options:o,scrollableAncestor:d,initialScrollTop:a})=>{if(!e.draggingRef.current)return;const u=n-e.draggingRef.current.startY;if(!e.draggingRef.current.isActivated&&Math.abs(u)>=o.dragActivationDeltaPx){if(d&&t.getIsOpen()){if(d.scrollTop!==a){e.draggingRef.current=null,t.dragSidebar(null);return}const{scrollTop:R,scrollHeight:P,clientHeight:L}=d,_=R>1,W=R+L<P-1;if(u>0&&_||u<0&&W){e.draggingRef.current=null,t.dragSidebar(null);return}}e.draggingRef.current.isActivated=!0,s()}if(!e.draggingRef.current.isActivated)return;e.prevYRef.current=e.currentYRef.current,e.currentYRef.current=n;const c=t.getIsOpen(),T=window.innerHeight;let p=!1;if((c||e.draggingRef.current.startY>=T-o.edgeActivationWidthPx)&&(p=!0),!p){e.draggingRef.current=null,t.dragSidebar(null);return}i();const v=o.sidebarHeightPx,S=o.midAnchorPointPx,I=o.midAnchorPoint&&!o.swipeToOpen&&S<v;if(c)if(I){const R=t.getBottomAnchorState();if(R==="open"){const P=Math.max(0,Math.min(v,u-o.dragActivationDeltaPx));t.dragSidebar(P)}else if(R==="midAnchor"){const P=v-S,L=Math.max(0,Math.min(v,P+u-o.dragActivationDeltaPx));t.dragSidebar(L)}}else{const R=Math.max(0,Math.min(v,u-o.dragActivationDeltaPx));t.dragSidebar(R)}else if(e.draggingRef.current.startY>=T-o.edgeActivationWidthPx)if(I){const R=v-S,P=Math.max(R,Math.min(v,v+u+o.dragActivationDeltaPx));t.dragSidebar(P)}else{const R=Math.max(0,Math.min(v,v+u+o.dragActivationDeltaPx));t.dragSidebar(R)}},Fe=({refs:e,callbacks:t,options:n,onDragEnd:i})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null;return}const s=e.currentYRef.current??e.draggingRef.current.startY,o=e.prevYRef.current??e.draggingRef.current.startY,d=e.draggingRef.current.startY,a=t.getIsOpen(),u=window.innerHeight;e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null,i();const c=s<o,T=s>=o,p=d>=u-n.edgeActivationWidthPx,v=n.midAnchorPointPx,S=n.sidebarHeightPx,I=n.midAnchorPoint&&!n.swipeToOpen&&v<S;if(a)if(I){const R=t.getBottomAnchorState(),P=S-v;if(R==="open"){const L=Math.max(0,s-d);T?L>P?t.closeSidebar():t.openToMidAnchor():L<P?t.openSidebarFully():t.closeSidebar(),t.dragSidebar(null)}else if(R==="midAnchor"){const L=S-v,_=Math.max(0,Math.min(S,L+(s-d)));c&&_<P?t.openSidebarFully():t.closeSidebar(),t.dragSidebar(null)}}else T?t.closeSidebar():t.openSidebar(),t.dragSidebar(null);else p&&c?(I?t.openToMidAnchor():t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Xt(e,t){var H,g;const n=ie(e.mediaQueryWidth),{lockedSidebar:i,setLockedSidebar:s,bottomSidebars:o,openSidebar:d,openSidebarFully:a,closeSidebar:u,dragSidebar:c,openSidebarToMidAnchor:T,activeBottomDragIdRef:p,bottomFocusStackRef:v}=z(),S=((H=o[t])==null?void 0:H.isOpen)??!1,I=((g=o[t])==null?void 0:g.anchorState)??"closed",R=l.useRef(null),P=l.useRef(null),L=l.useRef(null),_=l.useRef(null),W=l.useRef(0),D=l.useRef(null),j=l.useRef(I);l.useEffect(()=>{j.current=I},[I]),l.useEffect(()=>{if(!n||i&&i!=="bottom"||e.disabled)return;const x={getIsOpen:()=>S,openSidebar:()=>d("bottom",{id:t}),openSidebarFully:()=>a("bottom",{id:t}),closeSidebar:()=>u("bottom",{id:t}),dragSidebar:r=>c("bottom",r,{id:t}),getBottomAnchorState:()=>j.current,openToMidAnchor:()=>T("bottom",{id:t})},w={draggingRef:R,currentYRef:P,prevYRef:L},Y=()=>p.current!==null&&p.current!==t,X=()=>{const r=v.current;return r.length===0?!0:r[r.length-1]===t},V=()=>{if(Y()){R.current=null;return}p.current=t,s("bottom");const r=_.current;r&&(D.current=r.style.overflowY,r.style.overflowY="hidden")},G=()=>{p.current===t&&(p.current=null);const r=_.current;r&&D.current!==null&&(r.style.overflowY=D.current,D.current=null)};function U(r){var $;if(i&&i!=="bottom"||Y()||!X()||ae(r.target)||r.changedTouches.length===0)return;const h=r.changedTouches[0],O=window.innerHeight,C=x.getIsOpen(),K=h.clientY>=O-e.edgeActivationWidthPx;C&&!e.swipeToClose||!C&&!e.swipeToOpen||(C||K)&&(_.current=ke(r.target),W.current=(($=_.current)==null?void 0:$.scrollTop)??0,Be({refs:w,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1}))}function N(r){if(i&&i!=="bottom")return;if(Y()){R.current=null;return}if(!R.current||R.current.isMouse)return;const h=R.current.activeTouchId,O=ye(r.changedTouches,h);O&&Ne({refs:w,callbacks:x,currentY:O.clientY,preventDefault:()=>r.preventDefault(),lockPane:V,options:e,scrollableAncestor:_.current,initialScrollTop:W.current})}function Z(r){if(i&&i!=="bottom"||!R.current||R.current.isMouse)return;const h=R.current.activeTouchId;Re(r.changedTouches,h)&&Fe({refs:w,callbacks:x,options:e,onDragEnd:G})}function Q(){i&&i!=="bottom"||!R.current||R.current.isMouse||(G(),Dt({refs:w,dragSidebar:x.dragSidebar,onDeactivate:()=>{}}))}function J(r){var K;if(i&&i!=="bottom"||Y()||!X()||ae(r.target)||r.button!==0)return;const h=window.innerHeight,O=x.getIsOpen(),C=r.clientY>=h-e.edgeActivationWidthPx;O&&!e.swipeToClose||!O&&!e.swipeToOpen||(O||C)&&(_.current=ke(r.target),W.current=((K=_.current)==null?void 0:K.scrollTop)??0,Be({refs:w,clientX:r.clientX,clientY:r.clientY,touchId:null,isMouse:!0}))}function B(r){if(!(i&&i!=="bottom")){if(Y()){R.current=null;return}!R.current||!R.current.isMouse||Ne({refs:w,callbacks:x,currentY:r.clientY,preventDefault:()=>r.preventDefault(),lockPane:V,options:e,scrollableAncestor:_.current,initialScrollTop:W.current})}}function te(){i&&i!=="bottom"||!R.current||!R.current.isMouse||Fe({refs:w,callbacks:x,options:e,onDragEnd:G})}return window.addEventListener("touchstart",U,{passive:!0}),window.addEventListener("touchmove",N,{passive:!1}),window.addEventListener("touchend",Z,{passive:!0}),window.addEventListener("touchcancel",Q,{passive:!0}),window.addEventListener("mousedown",J,{passive:!0}),window.addEventListener("mousemove",B,{passive:!1}),window.addEventListener("mouseup",te,{passive:!0}),()=>{window.removeEventListener("touchstart",U),window.removeEventListener("touchmove",N),window.removeEventListener("touchend",Z),window.removeEventListener("touchcancel",Q),window.removeEventListener("mousedown",J),window.removeEventListener("mousemove",B),window.removeEventListener("mouseup",te)}},[t,n,S,d,a,u,c,i,s,e,T,p,v])}function Yt({id:e="primary",className:t,children:n,ToggleComponent:i,...s}){var I;if((n==null?void 0:n.type)===E.Fragment)throw new Error("Fragments is not allowed in SwipeBarBottom");const{bottomSidebars:o,closeSidebar:d,registerBottomSidebar:a,unregisterBottomSidebar:u}=z(),c=l.useRef(null),T=l.useRef(null);l.useEffect(()=>(a(e,{sidebarRef:c,toggleRef:T}),()=>u(e)),[e,a,u]);const p=xe("bottom",s,e),v=ie(p.mediaQueryWidth);Xt(p,e);const S=((I=o[e])==null?void 0:I.isOpen)??!1;return E.jsxs(E.Fragment,{children:[p.showOverlay&&E.jsx(ge,{isCollapsed:!S,setCollapsed:()=>d("bottom",{id:e}),closeSidebarOnClick:p.closeSidebarOnOverlayClick,transitionMs:p.transitionMs,overlayBackgroundColor:p.overlayBackgroundColor,overlayZIndex:p.overlayZIndex}),E.jsx(je,{id:e,toggleRef:T,options:p,showToggle:p.showToggle,ToggleComponent:i}),E.jsx("div",{ref:c,style:{...Ot,...At,...p.isAbsolute||v?Pt:{},...t?{}:{backgroundColor:ve},zIndex:p.swipeBarZIndex},className:t,children:n})]})}function He({options:e,showToggle:t=!0,ToggleComponent:n}){const{openSidebar:i,leftToggleRef:s,isLeftOpen:o,closeSidebar:d}=z();return t?E.jsx("div",{ref:s,style:{...Le,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,left:0,zIndex:e.toggleZIndex},children:(!o||o&&!e.showOverlay)&&E.jsx("button",{type:"button",onClick:()=>{e.disabled||(o?d("left"):i("left"))},disabled:e.disabled,style:{marginLeft:`${e.toggleIconEdgeDistancePx}px`,...o?{transform:"rotate(180deg)"}:{}},children:n??E.jsx(Te,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const Ge=({refs:e,callbacks:t,currentX:n,preventDefault:i,lockPane:s,options:o})=>{if(!e.draggingRef.current)return;const d=n-e.draggingRef.current.startX;if(!e.draggingRef.current.isActivated&&Math.abs(d)>=o.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,s()),!e.draggingRef.current.isActivated)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const a=t.getIsOpen();let u=!1;if((a||e.draggingRef.current.startX<=o.edgeActivationWidthPx)&&(u=!0),!u){e.draggingRef.current=null,t.dragSidebar(null);return}i();const c=o.sidebarWidthPx;if(a){const T=Math.min(0,Math.max(-c,d+o.dragActivationDeltaPx));t.dragSidebar(T)}else if(e.draggingRef.current.startX<=o.edgeActivationWidthPx){const T=Math.min(0,Math.max(-c,-c+d-o.dragActivationDeltaPx));t.dragSidebar(T)}},Ue=({refs:e,callbacks:t,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 i=e.currentXRef.current??e.draggingRef.current.startX,s=e.prevXRef.current??e.draggingRef.current.startX,o=e.draggingRef.current.startX,d=t.getIsOpen();e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const a=i>=s,u=i<s,c=o<=n.edgeActivationWidthPx;d?(u?t.closeSidebar():t.openSidebar(),t.dragSidebar(null)):c&&a?(t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Bt(e){const t=ie(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:i,isLeftOpen:s,openSidebar:o,closeSidebar:d,dragSidebar:a,leftSidebarRef:u}=z(),c=l.useRef(null),T=l.useRef(null),p=l.useRef(null);l.useEffect(()=>{if(!t||n&&n!=="left"||e.disabled)return;const v={getIsOpen:()=>s,openSidebar:()=>o("left"),closeSidebar:()=>d("left"),dragSidebar:g=>a("left",g)},S={draggingRef:c,currentXRef:T,prevXRef:p},I=()=>i("left"),R=()=>i(null);function P(g){if(n&&n!=="left"||ae(g.target)||g.changedTouches.length===0)return;const x=g.changedTouches[0],w=v.getIsOpen(),Y=x.clientX<=e.edgeActivationWidthPx;w&&!e.swipeToClose||!w&&!e.swipeToOpen||(w||Y)&&fe({refs:S,clientX:x.clientX,clientY:x.clientY,touchId:x.identifier,isMouse:!1})}function L(g){if(n&&n!=="left"||!c.current||c.current.isMouse)return;const x=c.current.activeTouchId,w=ye(g.changedTouches,x);w&&Ge({refs:S,callbacks:v,currentX:w.clientX,preventDefault:()=>g.preventDefault(),lockPane:I,options:e})}function _(g){if(n&&n!=="left"||!c.current||c.current.isMouse)return;const x=c.current.activeTouchId;Re(g.changedTouches,x)&&Ue({refs:S,callbacks:v,options:e})}function W(){n&&n!=="left"||!c.current||c.current.isMouse||We({refs:S,dragSidebar:v.dragSidebar,onDeactivate:R})}function D(g){if(n&&n!=="left"||ae(g.target)||g.button!==0)return;const x=v.getIsOpen(),w=g.clientX<=e.edgeActivationWidthPx;x&&!e.swipeToClose||!x&&!e.swipeToOpen||(x||w)&&fe({refs:S,clientX:g.clientX,clientY:g.clientY,touchId:null,isMouse:!0})}function j(g){n&&n!=="left"||!c.current||!c.current.isMouse||Ge({refs:S,callbacks:v,currentX:g.clientX,preventDefault:()=>g.preventDefault(),lockPane:I,options:e})}function H(){n&&n!=="left"||!c.current||!c.current.isMouse||Ue({refs:S,callbacks:v,options:e})}return window.addEventListener("touchstart",P,{passive:!0}),window.addEventListener("touchmove",L,{passive:!1}),window.addEventListener("touchend",_,{passive:!0}),window.addEventListener("touchcancel",W,{passive:!0}),window.addEventListener("mousedown",D,{passive:!0}),window.addEventListener("mousemove",j,{passive:!1}),window.addEventListener("mouseup",H,{passive:!0}),()=>{window.removeEventListener("touchstart",P),window.removeEventListener("touchmove",L),window.removeEventListener("touchend",_),window.removeEventListener("touchcancel",W),window.removeEventListener("mousedown",D),window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",H)}},[t,s,o,d,a,n,i,u,e])}function Wt({className:e,children:t,ToggleComponent:n,...i}){if((t==null?void 0:t.type)===E.Fragment)throw new Error("Fragments is not allowed in SwipeBarLeft");const{isLeftOpen:s,closeSidebar:o,leftSidebarRef:d}=z(),a=xe("left",i),u=ie(a.mediaQueryWidth);return Bt(a),E.jsxs(E.Fragment,{children:[a.showOverlay&&E.jsx(ge,{isCollapsed:!s,setCollapsed:()=>o("left"),closeSidebarOnClick:a.closeSidebarOnOverlayClick,transitionMs:a.transitionMs,overlayBackgroundColor:a.overlayBackgroundColor,overlayZIndex:a.overlayZIndex}),E.jsx(He,{options:a,showToggle:a.showToggle,ToggleComponent:n}),E.jsx("div",{ref:d,style:{..._e,...Rt,...a.isAbsolute||u?Tt:{},...e?{}:{backgroundColor:ve},zIndex:a.swipeBarZIndex},className:e,children:t})]})}function Ze({options:e,showToggle:t=!0,ToggleComponent:n}){const{openSidebar:i,rightToggleRef:s,isRightOpen:o,closeSidebar:d}=z();return t?E.jsx("div",{ref:s,style:{...Le,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,right:0,zIndex:e.toggleZIndex},children:(!o||o&&!e.showOverlay)&&E.jsx("button",{type:"button",onClick:()=>{e.disabled||(o?d("right"):i("right"))},disabled:e.disabled,style:{marginRight:`${e.toggleIconEdgeDistancePx}px`,...o?{}:{transform:"rotate(180deg)"}},children:n??E.jsx(Te,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const ze=({refs:e,callbacks:t,currentX:n,preventDefault:i,lockPane:s,options:o})=>{if(!e.draggingRef.current)return;const d=window.innerWidth,a=n-e.draggingRef.current.startX,u=e.draggingRef.current.startX>=d-o.edgeActivationWidthPx,c=e.draggingRef.current.isActivated;if(!c&&Math.abs(a)>=o.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,s()),!c)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const T=t.getIsOpen();let p=!1;if((T||u)&&(p=!0),!p){e.draggingRef.current=null,t.dragSidebar(null);return}i();const v=o.sidebarWidthPx;if(T){const S=Math.max(0,Math.min(v,a-o.dragActivationDeltaPx));t.dragSidebar(S)}else{const S=Math.max(0,Math.min(v,v+a+o.dragActivationDeltaPx));t.dragSidebar(S)}},Ve=({refs:e,callbacks:t,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 i=e.currentXRef.current??e.draggingRef.current.startX,s=e.prevXRef.current??e.draggingRef.current.startX,o=e.draggingRef.current.startX,d=t.getIsOpen(),a=window.innerWidth;e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const u=i>s,c=i<s,T=o>=a-n.edgeActivationWidthPx;d?(u?t.closeSidebar():t.openSidebar(),t.dragSidebar(null)):T&&c?(t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function kt(e){const t=ie(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:i,isRightOpen:s,openSidebar:o,closeSidebar:d,dragSidebar:a,rightSidebarRef:u}=z(),c=l.useRef(null),T=l.useRef(null),p=l.useRef(null);l.useEffect(()=>{if(!t||n&&n!=="right"||e.disabled)return;const v={getIsOpen:()=>s,openSidebar:()=>o("right"),closeSidebar:()=>d("right"),dragSidebar:g=>a("right",g)},S={draggingRef:c,currentXRef:T,prevXRef:p},I=()=>i("right"),R=()=>i(null);function P(g){if(n&&n!=="right"||ae(g.target)||g.changedTouches.length===0)return;const x=g.changedTouches[0],w=window.innerWidth,Y=v.getIsOpen(),X=x.clientX>=w-e.edgeActivationWidthPx;Y&&!e.swipeToClose||!Y&&!e.swipeToOpen||(Y||X)&&fe({refs:S,clientX:x.clientX,clientY:x.clientY,touchId:x.identifier,isMouse:!1})}function L(g){if(n&&n!=="right"||!c.current||c.current.isMouse)return;const x=c.current.activeTouchId,w=ye(g.changedTouches,x);w&&ze({refs:S,callbacks:v,currentX:w.clientX,preventDefault:()=>g.preventDefault(),lockPane:I,options:e})}function _(g){if(n&&n!=="right"||!c.current||c.current.isMouse)return;const x=c.current.activeTouchId;Re(g.changedTouches,x)&&Ve({refs:S,callbacks:v,options:e})}function W(){n&&n!=="right"||!c.current||c.current.isMouse||We({refs:S,dragSidebar:v.dragSidebar,onDeactivate:R})}function D(g){if(n&&n!=="right"||ae(g.target)||g.button!==0)return;const x=window.innerWidth,w=v.getIsOpen(),Y=g.clientX>=x-e.edgeActivationWidthPx;w&&!e.swipeToClose||!w&&!e.swipeToOpen||(w||Y)&&fe({refs:S,clientX:g.clientX,clientY:g.clientY,touchId:null,isMouse:!0})}function j(g){n&&n!=="right"||!c.current||!c.current.isMouse||ze({refs:S,callbacks:v,currentX:g.clientX,preventDefault:()=>g.preventDefault(),lockPane:I,options:e})}function H(){n&&n!=="right"||!c.current||!c.current.isMouse||Ve({refs:S,callbacks:v,options:e})}return window.addEventListener("touchstart",P,{passive:!0}),window.addEventListener("touchmove",L,{passive:!1}),window.addEventListener("touchend",_,{passive:!0}),window.addEventListener("touchcancel",W,{passive:!0}),window.addEventListener("mousedown",D,{passive:!0}),window.addEventListener("mousemove",j,{passive:!1}),window.addEventListener("mouseup",H,{passive:!0}),()=>{window.removeEventListener("touchstart",P),window.removeEventListener("touchmove",L),window.removeEventListener("touchend",_),window.removeEventListener("touchcancel",W),window.removeEventListener("mousedown",D),window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",H)}},[t,s,o,d,a,n,i,u,e])}function jt({className:e,children:t,ToggleComponent:n,...i}){if((t==null?void 0:t.type)===E.Fragment)throw new Error("Fragments is not allowed in SwipeBarRight");const{isRightOpen:s,closeSidebar:o,rightSidebarRef:d}=z(),a=xe("right",i),u=ie(a.mediaQueryWidth);return kt(a),E.jsxs(E.Fragment,{children:[a.showOverlay&&E.jsx(ge,{isCollapsed:!s,setCollapsed:()=>o("right"),closeSidebarOnClick:a.closeSidebarOnOverlayClick,transitionMs:a.transitionMs,overlayBackgroundColor:a.overlayBackgroundColor,overlayZIndex:a.overlayZIndex}),E.jsx(Ze,{options:a,showToggle:a.showToggle,ToggleComponent:n}),E.jsx("div",{ref:d,style:{..._e,...xt,...a.isAbsolute||u?Et:{},...e?{}:{backgroundColor:ve},zIndex:a.swipeBarZIndex},className:e,children:t})]})}F.Overlay=ge,F.SwipeBarBottom=Yt,F.SwipeBarLeft=Wt,F.SwipeBarProvider=tt,F.SwipeBarRight=jt,F.ToggleBottom=je,F.ToggleLeft=He,F.ToggleRight=Ze,F.useMediaQuery=ie,F.useSwipeBarContext=z,Object.defineProperty(F,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,C,M,ne,M),te[M+C]=!0)}if(M=null,O!==void 0&&(n(O),M=""+O),d(h)&&(n(h.key),M=""+h.key),"key"in h){O={};for(var de in h)de!=="key"&&(O[de]=h[de])}else O=h;return M&&a(O,typeof r=="function"?r.displayName||r.name||"Unknown":r),c(r,M,O,s(),K,$)}function p(r){v(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===w&&(r._payload.status==="fulfilled"?v(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function v(r){return typeof r=="object"&&r!==null&&r.$$typeof===I}var S=l,I=Symbol.for("react.transitional.element"),R=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),L=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),D=Symbol.for("react.context"),j=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),Y=Symbol.for("react.activity"),X=Symbol.for("react.client.reference"),V=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,U=Array.isArray,N=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(r){return r()}};var Z,Q={},J=S.react_stack_bottom_frame.bind(S,o)(),B=N(i(o)),te={};le.Fragment=P,le.jsx=function(r,h,O){var C=1e4>V.recentlyCreatedOwnerStacks++;return T(r,h,O,!1,C?Error("react-stack-top-frame"):J,C?N(i(r)):B)},le.jsxs=function(r,h,O){var C=1e4>V.recentlyCreatedOwnerStacks++;return T(r,h,O,!0,C?Error("react-stack-top-frame"):J,C?N(i(r)):B)}}()),le}process.env.NODE_ENV==="production"?he.exports=qe():he.exports=et();var E=he.exports;const Pe=l.createContext(null),me=e=>{throw new Error(`Unhandled sidebar side: ${e}`)},be={isOpen:!1,anchorState:"closed"},tt=({children:e,sidebarWidthPx:t,transitionMs:n,edgeActivationWidthPx:i,dragActivationDeltaPx:s,showOverlay:o,isAbsolute:d,overlayBackgroundColor:a,toggleIconColor:u,toggleIconSizePx:c,toggleIconEdgeDistancePx:T,showToggle:p,mediaQueryWidth:v,swipeBarZIndex:S,toggleZIndex:I,overlayZIndex:R,fadeContent:P,fadeContentTransitionMs:L,closeSidebarOnOverlayClick:_})=>{var Je,Ke;const[W,D]=l.useState(null),[j,H]=l.useState(!1),[g,x]=l.useState(!1),[w,Y]=l.useState({}),[X,V]=l.useState({}),G=l.useRef(null),U=l.useRef(null),N=l.useRef(null),Z=l.useRef(null),[Q,J]=l.useState({}),[B,te]=l.useState({}),r=l.useRef(new Map),h=l.useRef(null),O=l.useRef([]),C=((Je=Q.primary)==null?void 0:Je.isOpen)??!1,K=((Ke=Q.primary)==null?void 0:Ke.anchorState)??"closed",$=l.useMemo(()=>Object.values(Q).some(f=>f.isOpen),[Q]),M=r.current.get("primary"),ne=(M==null?void 0:M.sidebarRef)??{current:null},de=(M==null?void 0:M.toggleRef)??{current:null},Ee=B.primary??{},[Nt,Ft]=l.useState({sidebarWidthPx:t??ot,sidebarHeightPx:Ce,transitionMs:n??nt,edgeActivationWidthPx:i??rt,dragActivationDeltaPx:s??it,showOverlay:o??st,isAbsolute:d??ct,overlayBackgroundColor:a??Ie,toggleIconColor:u??lt,toggleIconSizePx:c??ut,toggleIconEdgeDistancePx:T??dt,showToggle:p??ft,mediaQueryWidth:v??pe,swipeBarZIndex:S??gt,toggleZIndex:I??ht,overlayZIndex:R??mt,fadeContent:P??pt,fadeContentTransitionMs:L??vt,swipeToOpen:wt,swipeToClose:St,midAnchorPoint:yt,midAnchorPointPx:Ce/3,disabled:!1,closeSidebarOnOverlayClick:_??at}),Ht=l.useCallback((f,m)=>{r.current.set(f,m),J(b=>b[f]?b:{...b,[f]:{...be}})},[]),Gt=l.useCallback(f=>{r.current.delete(f),J(m=>{const b={...m};return delete b[f],b}),te(m=>{const b={...m};return delete b[f],b})},[]),Ut=l.useCallback(f=>r.current.get(f),[]),Zt=l.useCallback((f,m)=>{te(b=>b[f]===m?b:{...b,[f]:m})},[]),q=l.useCallback((f,m)=>{J(b=>{const y=b[f]??be;return y.isOpen===m?b:{...b,[f]:{...y,isOpen:m}}})},[]),ee=l.useCallback((f,m)=>{J(b=>{const y=b[f]??be;return y.anchorState===m?b:{...b,[f]:{...y,anchorState:m}}})},[]);l.useEffect(()=>(j||g||$?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[j,g,$]),l.useEffect(()=>{var f;if(w.fadeContent===!1){const m=(f=G.current)==null?void 0:f.firstElementChild;m&&(m.style.opacity="1")}},[w.fadeContent]),l.useEffect(()=>{var f;if(X.fadeContent===!1){const m=(f=U.current)==null?void 0:f.firstElementChild;m&&(m.style.opacity="1")}},[X.fadeContent]),l.useEffect(()=>{var f;for(const[m,b]of Object.entries(B))if(b.fadeContent===!1){const y=r.current.get(m),A=(f=y==null?void 0:y.sidebarRef.current)==null?void 0:f.firstElementChild;A&&(A.style.opacity="1")}},[B]);const zt=l.useCallback(f=>{Ft(m=>({...m,...f}))},[]),oe=l.useCallback(f=>{const m=O.current,b=m.indexOf(f);b!==-1&&m.splice(b,1),m.push(f),D("bottom")},[]),Qe=l.useCallback(f=>{const m=O.current,b=m.indexOf(f);b!==-1&&m.splice(b,1),J(y=>(Object.entries(y).some(([k,re])=>k!==f&&re.isOpen)||D(null),y))},[]),Vt=l.useCallback((f,m)=>{const b=(y,A,k,re)=>{Se({side:f,ref:y,options:A,toggleRef:k,afterApply:()=>{re(!0),D(f)}})};if(f==="left"){if(w.disabled)return;b(G,w,N,H)}else if(f==="right"){if(X.disabled)return;b(U,X,Z,x)}else if(f==="bottom"){const y=(m==null?void 0:m.id)??"primary",A=B[y],k=r.current.get(y);if(!A||!k||A.disabled)return;const re=A.sidebarHeightPx??0,qt=A.mediaQueryWidth??640,$e=window.innerWidth<qt,en=$e?A.midAnchorPointPx??0:re;$e&&A.midAnchorPoint&&!A.swipeToOpen&&en<re?Xe({ref:k.sidebarRef,options:A,toggleRef:k.toggleRef,afterApply:()=>{q(y,!0),ee(y,"midAnchor"),oe(y)}}):Se({side:f,ref:k.sidebarRef,options:A,toggleRef:k.toggleRef,afterApply:()=>{q(y,!0),ee(y,"open"),oe(y)}})}else me(f)},[w,X,B,q,ee,oe]),Qt=l.useCallback((f,m)=>{if(f!=="bottom")return;const b=(m==null?void 0:m.id)??"primary",y=B[b],A=r.current.get(b);!y||!A||y.disabled||Xe({ref:A.sidebarRef,options:y,toggleRef:A.toggleRef,afterApply:()=>{q(b,!0),ee(b,"midAnchor"),oe(b)}})},[B,q,ee,oe]),Jt=l.useCallback((f,m)=>{if(f!=="bottom")return;const b=(m==null?void 0:m.id)??"primary",y=B[b],A=r.current.get(b);!y||!A||y.disabled||Se({side:f,ref:A.sidebarRef,options:y,toggleRef:A.toggleRef,afterApply:()=>{q(b,!0),ee(b,"open"),oe(b)}})},[B,q,ee,oe]),Kt=l.useCallback((f,m)=>{const b=(y,A,k,re)=>{De({ref:y,options:A,toggleRef:k,side:f,afterApply:()=>{re(!1),D(null)}})};if(f==="left"){if(w.disabled)return;b(G,w,N,H)}else if(f==="right"){if(X.disabled)return;b(U,X,Z,x)}else if(f==="bottom"){const y=(m==null?void 0:m.id)??"primary",A=B[y],k=r.current.get(y);if(!A||!k||A.disabled)return;De({ref:k.sidebarRef,options:A,toggleRef:k.toggleRef,side:f,afterApply:()=>{q(y,!1),ee(y,"closed"),Qe(y)}})}else me(f)},[w,X,B,q,ee,Qe]),$t=l.useCallback((f,m,b)=>{if(f==="left")Ye({ref:G,toggleRef:N,options:w,translateX:m});else if(f==="right")Ye({ref:U,toggleRef:Z,options:X,translateX:m});else if(f==="bottom"){const y=(b==null?void 0:b.id)??"primary",A=B[y],k=r.current.get(y);if(!A||!k)return;Lt({ref:k.sidebarRef,toggleRef:k.toggleRef,options:A,translateY:m})}else me(f)},[w,X,B]);return E.jsx(Pe.Provider,{value:{lockedSidebar:W,setLockedSidebar:D,leftSidebarRef:G,rightSidebarRef:U,isLeftOpen:j,isRightOpen:g,isBottomOpen:C,bottomAnchorState:K,bottomSidebarRef:ne,bottomToggleRef:de,bottomSidebarOptions:Ee,bottomSidebars:Q,bottomSidebarOptionsMap:B,registerBottomSidebar:Ht,unregisterBottomSidebar:Gt,getBottomSidebarRefs:Ut,activeBottomDragIdRef:h,bottomFocusStackRef:O,openSidebar:Vt,openSidebarFully:Jt,openSidebarToMidAnchor:Qt,closeSidebar:Kt,dragSidebar:$t,globalOptions:Nt,setGlobalOptions:zt,leftSidebarOptions:w,rightSidebarOptions:X,setLeftSidebarOptions:Y,setRightSidebarOptions:V,setBottomSidebarOptionsById:Zt,leftToggleRef:N,rightToggleRef:Z},children:e})},z=()=>{const e=l.useContext(Pe);if(!e)throw new Error("useSwipeBarContext must be used within SwipeBarProvider");return e},nt=300,rt=40,it=20,ot=320,Ce=window.innerHeight,st=!0,at=!0,ct=!1,Ie="rgba(0, 0, 0, 0.5)",ve="rgb(36,36,36)",lt="white",ut=40,dt=40,ft=!0,pe=640,gt=30,ht=15,mt=20,Me=.6,bt=200,vt=100,pt=!1,wt=!0,St=!0,yt=!1,se="cubic-bezier(0.22, 1, 0.36, 1)",_e={width:0,top:0,bottom:0,flexShrink:0,overflowX:"hidden",willChange:"transform"},Rt={transform:"translateX(-100%)"},xt={transform:"translateX(100%)"},Tt={position:"fixed",left:0,top:0,bottom:0},Et={position:"fixed",right:0,top:0,bottom:0},Ot={height:0,left:0,right:0,flexShrink:0,overflowY:"hidden",willChange:"transform"},At={transform:"translateY(100%)"},Pt={position:"fixed",bottom:0,left:0,right:0},Ct={position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:Ie,transitionProperty:"opacity",pointerEvents:"none",opacity:0},It={opacity:1,pointerEvents:"auto"},Le={position:"fixed",top:"50%",transform:"translateY(-50%)",width:"1px",display:"flex",justifyContent:"center"},Mt={position:"fixed",bottom:0,left:"50%",transform:"translateX(-50%)",height:"1px",display:"flex",alignItems:"center"},_t={position:"relative",cursor:"pointer",display:"flex",height:"72px",alignItems:"center",justifyContent:"center"},we=e=>{throw new Error(`Unhandled sidebar side: ${e}`)},ue=e=>{var t;return(t=e.current)==null?void 0:t.firstElementChild},Se=({ref:e,side:t,options:n,toggleRef:i,afterApply:s})=>{const o=ue(e),d=n.transitionMs?n.transitionMs/2:0;o&&n.fadeContent&&(o.style.opacity="0");let a,u;t==="left"||t==="right"?(a="width",u=n.sidebarWidthPx,o&&u&&(o.style.minWidth=`${u}px`)):t==="bottom"?(a="height",u=n.sidebarHeightPx,o&&u&&(o.style.minHeight=`${u}px`)):we(t),requestAnimationFrame(()=>{if(!e.current)return;const c=`transform ${n.transitionMs}ms ${se}`,T=n.isAbsolute?"":`, ${a} ${n.transitionMs}ms ${se}`;e.current.style.transition=`${c}${T}`,o&&n.fadeContent&&(o.style.transition=`opacity ${n.fadeContentTransitionMs}ms ease`),requestAnimationFrame(()=>{if(e.current){if(e.current.style.transform=t==="bottom"?"translateY(0px)":"translateX(0px)",!n.isAbsolute)e.current.style[a]=`${u}px`;else if(e.current.style[a]!==`${u}px`){const p=e.current.style.transition;e.current.style.transition=c,e.current.style[a]=`${u}px`,e.current.style.transition=p}i.current&&u&&(i.current.style.opacity="1",t==="left"?i.current.style.transform=`translateY(-50%) translateX(${u}px)`:t==="right"?i.current.style.transform=`translateY(-50%) translateX(-${u}px)`:t==="bottom"&&(i.current.style.transform=`translateX(-50%) translateY(-${u}px)`)),o&&n.fadeContent&&setTimeout(()=>{o.style.opacity="1"},d),s()}})}),setTimeout(()=>{},0)},De=({ref:e,options:t,side:n,toggleRef:i,afterApply:s})=>{const o=ue(e);let d;n==="left"||n==="right"?(d="width",o&&t.sidebarWidthPx&&(o.style.minWidth=`${t.sidebarWidthPx}px`)):n==="bottom"?(d="height",o&&t.sidebarHeightPx&&(o.style.minHeight=`${t.sidebarHeightPx}px`)):we(n),requestAnimationFrame(()=>{if(!e.current)return;const a=`transform ${t.transitionMs}ms ${se}`,u=t.isAbsolute?"":`, ${d} ${t.transitionMs}ms ${se}`;e.current.style.transition=`${a}${u}`,o&&t.fadeContent&&(o.style.transition=`opacity ${t.fadeContentTransitionMs}ms ease`),requestAnimationFrame(()=>{e.current&&(n==="left"?(e.current.style.transform="translateX(-100%)",t.isAbsolute||(e.current.style.width="0px")):n==="right"?(e.current.style.transform="translateX(100%)",t.isAbsolute||(e.current.style.width="0px")):n==="bottom"&&(e.current.style.transform="translateY(100%)",t.isAbsolute||(e.current.style.height="0px")),i.current&&(i.current.style.opacity="1",n==="left"||n==="right"?i.current.style.transform="translateY(-50%)":n==="bottom"&&(i.current.style.transform="translateX(-50%)")),o&&t.fadeContent&&(o.style.opacity="0"),s())})})},Xe=({ref:e,options:t,toggleRef:n,afterApply:i})=>{const s=ue(e),o=t.transitionMs?t.transitionMs/2:0;s&&t.fadeContent&&(s.style.opacity="0"),s&&t.midAnchorPointPx&&(s.style.minHeight=`${t.sidebarHeightPx}px`),requestAnimationFrame(()=>{if(!e.current)return;const d=`transform ${t.transitionMs}ms ${se}`,a=t.isAbsolute?"":`, height ${t.transitionMs}ms ${se}`;e.current.style.transition=`${d}${a}`,s&&t.fadeContent&&(s.style.transition=`opacity ${t.fadeContentTransitionMs}ms ease`),requestAnimationFrame(()=>{if(!e.current)return;const u=t.midAnchorPointPx??0,c=t.sidebarHeightPx??0,T=c-u;if(e.current.style.transform=`translateY(${T}px)`,!t.isAbsolute)e.current.style.height=`${c}px`;else if(e.current.style.height!==`${c}px`){const p=e.current.style.transition;e.current.style.transition=d,e.current.style.height=`${c}px`,e.current.style.transition=p}n.current&&(n.current.style.opacity="1",n.current.style.transform=`translateX(-50%) translateY(-${u}px)`),s&&t.fadeContent&&setTimeout(()=>{s.style.opacity="1"},o),i()})}),setTimeout(()=>{},0)},Ye=({ref:e,toggleRef:t,options:n,translateX:i})=>{!e.current||i===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const s=ue(e);if(e.current){if(s&&n.fadeContent&&(s.style.opacity="0"),s&&n.sidebarWidthPx&&(s.style.minWidth=`${n.sidebarWidthPx}px`),!n.isAbsolute){const o=`${n.sidebarWidthPx}px`;e.current.style.width!==o&&(e.current.style.width=o)}e.current.style.transform=`translateX(${i}px)`,t.current&&(t.current.style.opacity="0",t.current.style.transform=`translateY(-50%) translateX(${i}px)`)}}))},Lt=({ref:e,toggleRef:t,options:n,translateY:i})=>{!e.current||i===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const s=ue(e);if(e.current){if(s&&n.fadeContent&&(s.style.opacity="0"),s&&n.sidebarHeightPx&&(s.style.minHeight=`${n.sidebarHeightPx}px`),!n.isAbsolute){const o=`${n.sidebarHeightPx}px`;e.current.style.height!==o&&(e.current.style.height=o)}e.current.style.transform=`translateY(${i}px)`,t.current&&(t.current.style.opacity="0",t.current.style.transform=`translateX(-50%) translateY(${i}px)`)}}))},fe=({refs:e,clientX:t,clientY:n,touchId:i,isMouse:s})=>{e.draggingRef.current={startX:t,startY:n,activeTouchId:i,isMouse:s,isActivated:!1},e.currentXRef.current=t,e.prevXRef.current=t},Be=({refs:e,clientX:t,clientY:n,touchId:i,isMouse:s})=>{e.draggingRef.current={startX:t,startY:n,activeTouchId:i,isMouse:s,isActivated:!1},e.currentYRef.current=n,e.prevYRef.current=n},We=({refs:e,dragSidebar:t,onDeactivate:n})=>{e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null,t(null),n()},Dt=({refs:e,dragSidebar:t,onDeactivate:n})=>{e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null,t(null)},ae=e=>e instanceof Element?!!e.closest("input, textarea, [contenteditable='true']"):!1;function ke(e){let t=e instanceof HTMLElement?e:null;for(;t;){const n=getComputedStyle(t);if((n.overflowY==="auto"||n.overflowY==="scroll")&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return null}const ye=(e,t)=>{for(let n=0;n<e.length;n++){const i=e[n];if(t==null||i.identifier===t)return i}return null},Re=(e,t)=>{for(let n=0;n<e.length;n++)if(e[n].identifier===t)return!0;return!1},xe=(e,t,n)=>{const{globalOptions:i,setLeftSidebarOptions:s,setRightSidebarOptions:o,setBottomSidebarOptionsById:d}=z(),{sidebarWidthPx:a,sidebarHeightPx:u,transitionMs:c,edgeActivationWidthPx:T,dragActivationDeltaPx:p,showOverlay:v,isAbsolute:S,overlayBackgroundColor:I,toggleIconColor:R,toggleIconSizePx:P,toggleIconEdgeDistancePx:L,showToggle:_,mediaQueryWidth:W,swipeBarZIndex:D,toggleZIndex:j,overlayZIndex:H,fadeContent:g,fadeContentTransitionMs:x,swipeToOpen:w,swipeToClose:Y,midAnchorPoint:X,midAnchorPointPx:V,disabled:G,closeSidebarOnOverlayClick:U}=t,N=l.useMemo(()=>{const Z=u??i.sidebarHeightPx;return{sidebarWidthPx:a??i.sidebarWidthPx,sidebarHeightPx:Z,transitionMs:c??i.transitionMs,edgeActivationWidthPx:T??i.edgeActivationWidthPx,dragActivationDeltaPx:p??i.dragActivationDeltaPx,showOverlay:v??i.showOverlay,isAbsolute:S??i.isAbsolute,overlayBackgroundColor:I??i.overlayBackgroundColor,toggleIconColor:R??i.toggleIconColor,toggleIconSizePx:P??i.toggleIconSizePx,toggleIconEdgeDistancePx:L??i.toggleIconEdgeDistancePx,showToggle:_??i.showToggle,mediaQueryWidth:W??i.mediaQueryWidth,swipeBarZIndex:D??i.swipeBarZIndex,toggleZIndex:j??i.toggleZIndex,overlayZIndex:H??i.overlayZIndex,fadeContent:g??i.fadeContent,fadeContentTransitionMs:x??i.fadeContentTransitionMs,swipeToOpen:w??i.swipeToOpen,swipeToClose:Y??i.swipeToClose,midAnchorPoint:X??i.midAnchorPoint,midAnchorPointPx:V??i.midAnchorPointPx??Math.floor(Z/3),disabled:G??i.disabled,closeSidebarOnOverlayClick:U??i.closeSidebarOnOverlayClick}},[a,u,c,T,p,v,S,I,R,P,L,_,i,W,D,j,H,g,x,w,Y,X,V,G,U]);return l.useEffect(()=>{e==="left"?s(N):e==="right"?o(N):e==="bottom"?d(n??"primary",N):we(e)},[e,n,N,s,o,d]),N};function ge({isCollapsed:e,setCollapsed:t,closeSidebarOnClick:n=!0,transitionMs:i,overlayBackgroundColor:s,overlayZIndex:o}){return E.jsx("div",{style:{transitionDuration:`${i}ms`,...Ct,...e?{}:It,...s?{backgroundColor:s}:{},zIndex:o},onMouseDown:d=>{n&&(d.stopPropagation(),t())}})}function Te({size:e,color:t}){const n=l.useRef(null);return l.useEffect(()=>{const i=()=>{n.current&&(n.current.style.opacity="1")},s=()=>{n.current&&(n.current.style.opacity=`${Me}`)};n.current&&(n.current.addEventListener("mouseenter",i),n.current.addEventListener("mouseleave",s))},[]),E.jsx("div",{style:{..._t},children:E.jsxs("svg",{style:{transition:`opacity ${bt}ms ease`,opacity:`${Me}`},ref:n,"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e,children:[E.jsx("g",{strokeWidth:"0"}),E.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round",children:E.jsx("g",{children:E.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:t,fillRule:"evenodd"})})})]})})}function je({id:e,toggleRef:t,options:n,showToggle:i=!0,ToggleComponent:s}){var c;const{openSidebar:o,closeSidebar:d,bottomSidebars:a}=z(),u=((c=a[e])==null?void 0:c.isOpen)??!1;return i?E.jsx("div",{ref:t,style:{...Mt,transition:`transform ${n.transitionMs}ms ease, opacity ${n.transitionMs}ms ease`,zIndex:n.toggleZIndex},children:(!u||u&&!n.showOverlay)&&E.jsx("button",{type:"button",onClick:()=>{n.disabled||(u?d("bottom",{id:e}):o("bottom",{id:e}))},disabled:n.disabled,style:{marginBottom:`${n.toggleIconEdgeDistancePx}px`,transform:u?"rotate(90deg)":"rotate(-90deg)"},children:s??E.jsx(Te,{size:n.toggleIconSizePx,color:n.toggleIconColor})})}):null}function ie(e=pe){const t=`(max-width: ${Math.min(e,pe)}px)`,n=()=>typeof window>"u"||typeof window.matchMedia>"u"?!1:window.matchMedia(t).matches,[i,s]=l.useState(n);return l.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia>"u")return;const o=window.matchMedia(t),d=()=>s(o.matches);return d(),o.addEventListener("change",d),()=>o.removeEventListener("change",d)},[t]),i}const Ne=({refs:e,callbacks:t,currentY:n,preventDefault:i,lockPane:s,options:o,scrollableAncestor:d,initialScrollTop:a})=>{if(!e.draggingRef.current)return;const u=n-e.draggingRef.current.startY;if(!e.draggingRef.current.isActivated&&Math.abs(u)>=o.dragActivationDeltaPx){if(d&&t.getIsOpen()){if(d.scrollTop!==a){e.draggingRef.current=null,t.dragSidebar(null);return}const{scrollTop:R,scrollHeight:P,clientHeight:L}=d,_=R>1,W=R+L<P-1;if(u>0&&_||u<0&&W){e.draggingRef.current=null,t.dragSidebar(null);return}}e.draggingRef.current.isActivated=!0,s()}if(!e.draggingRef.current.isActivated)return;e.prevYRef.current=e.currentYRef.current,e.currentYRef.current=n;const c=t.getIsOpen(),T=window.innerHeight;let p=!1;if((c||e.draggingRef.current.startY>=T-o.edgeActivationWidthPx)&&(p=!0),!p){e.draggingRef.current=null,t.dragSidebar(null);return}i();const v=o.sidebarHeightPx,S=o.midAnchorPointPx,I=o.midAnchorPoint&&!o.swipeToOpen&&S<v;if(c)if(I){const R=t.getBottomAnchorState();if(R==="open"){const P=Math.max(0,Math.min(v,u-o.dragActivationDeltaPx));t.dragSidebar(P)}else if(R==="midAnchor"){const P=v-S,L=Math.max(0,Math.min(v,P+u-o.dragActivationDeltaPx));t.dragSidebar(L)}}else{const R=Math.max(0,Math.min(v,u-o.dragActivationDeltaPx));t.dragSidebar(R)}else if(e.draggingRef.current.startY>=T-o.edgeActivationWidthPx)if(I){const R=v-S,P=Math.max(R,Math.min(v,v+u+o.dragActivationDeltaPx));t.dragSidebar(P)}else{const R=Math.max(0,Math.min(v,v+u+o.dragActivationDeltaPx));t.dragSidebar(R)}},Fe=({refs:e,callbacks:t,options:n,onDragEnd:i})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null;return}const s=e.currentYRef.current??e.draggingRef.current.startY,o=e.prevYRef.current??e.draggingRef.current.startY,d=e.draggingRef.current.startY,a=t.getIsOpen(),u=window.innerHeight;e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null,i();const c=s<o,T=s>=o,p=d>=u-n.edgeActivationWidthPx,v=n.midAnchorPointPx,S=n.sidebarHeightPx,I=n.midAnchorPoint&&!n.swipeToOpen&&v<S;if(a)if(I){const R=t.getBottomAnchorState(),P=S-v;if(R==="open"){const L=Math.max(0,s-d);T?L>P?t.closeSidebar():t.openToMidAnchor():L<P?t.openSidebarFully():t.closeSidebar(),t.dragSidebar(null)}else if(R==="midAnchor"){const L=S-v,_=Math.max(0,Math.min(S,L+(s-d)));c?_<P?t.openSidebarFully():t.openToMidAnchor():t.closeSidebar(),t.dragSidebar(null)}}else T?t.closeSidebar():t.openSidebar(),t.dragSidebar(null);else p&&c?(I?t.openToMidAnchor():t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Xt(e,t){var H,g;const n=ie(e.mediaQueryWidth),{lockedSidebar:i,setLockedSidebar:s,bottomSidebars:o,openSidebar:d,openSidebarFully:a,closeSidebar:u,dragSidebar:c,openSidebarToMidAnchor:T,activeBottomDragIdRef:p,bottomFocusStackRef:v}=z(),S=((H=o[t])==null?void 0:H.isOpen)??!1,I=((g=o[t])==null?void 0:g.anchorState)??"closed",R=l.useRef(null),P=l.useRef(null),L=l.useRef(null),_=l.useRef(null),W=l.useRef(0),D=l.useRef(null),j=l.useRef(I);l.useEffect(()=>{j.current=I},[I]),l.useEffect(()=>{if(!n||i&&i!=="bottom"||e.disabled)return;const x={getIsOpen:()=>S,openSidebar:()=>d("bottom",{id:t}),openSidebarFully:()=>a("bottom",{id:t}),closeSidebar:()=>u("bottom",{id:t}),dragSidebar:r=>c("bottom",r,{id:t}),getBottomAnchorState:()=>j.current,openToMidAnchor:()=>T("bottom",{id:t})},w={draggingRef:R,currentYRef:P,prevYRef:L},Y=()=>p.current!==null&&p.current!==t,X=()=>{const r=v.current;return r.length===0?!0:r[r.length-1]===t},V=()=>{if(Y()){R.current=null;return}p.current=t,s("bottom");const r=_.current;r&&(D.current=r.style.overflowY,r.style.overflowY="hidden")},G=()=>{p.current===t&&(p.current=null);const r=_.current;r&&D.current!==null&&(r.style.overflowY=D.current,D.current=null)};function U(r){var $;if(i&&i!=="bottom"||Y()||!X()||ae(r.target)||r.changedTouches.length===0)return;const h=r.changedTouches[0],O=window.innerHeight,C=x.getIsOpen(),K=h.clientY>=O-e.edgeActivationWidthPx;C&&!e.swipeToClose||!C&&!e.swipeToOpen||(C||K)&&(_.current=ke(r.target),W.current=(($=_.current)==null?void 0:$.scrollTop)??0,Be({refs:w,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1}))}function N(r){if(i&&i!=="bottom")return;if(Y()){R.current=null;return}if(!R.current||R.current.isMouse)return;const h=R.current.activeTouchId,O=ye(r.changedTouches,h);O&&Ne({refs:w,callbacks:x,currentY:O.clientY,preventDefault:()=>r.preventDefault(),lockPane:V,options:e,scrollableAncestor:_.current,initialScrollTop:W.current})}function Z(r){if(i&&i!=="bottom"||!R.current||R.current.isMouse)return;const h=R.current.activeTouchId;Re(r.changedTouches,h)&&Fe({refs:w,callbacks:x,options:e,onDragEnd:G})}function Q(){i&&i!=="bottom"||!R.current||R.current.isMouse||(G(),Dt({refs:w,dragSidebar:x.dragSidebar,onDeactivate:()=>{}}))}function J(r){var K;if(i&&i!=="bottom"||Y()||!X()||ae(r.target)||r.button!==0)return;const h=window.innerHeight,O=x.getIsOpen(),C=r.clientY>=h-e.edgeActivationWidthPx;O&&!e.swipeToClose||!O&&!e.swipeToOpen||(O||C)&&(_.current=ke(r.target),W.current=((K=_.current)==null?void 0:K.scrollTop)??0,Be({refs:w,clientX:r.clientX,clientY:r.clientY,touchId:null,isMouse:!0}))}function B(r){if(!(i&&i!=="bottom")){if(Y()){R.current=null;return}!R.current||!R.current.isMouse||Ne({refs:w,callbacks:x,currentY:r.clientY,preventDefault:()=>r.preventDefault(),lockPane:V,options:e,scrollableAncestor:_.current,initialScrollTop:W.current})}}function te(){i&&i!=="bottom"||!R.current||!R.current.isMouse||Fe({refs:w,callbacks:x,options:e,onDragEnd:G})}return window.addEventListener("touchstart",U,{passive:!0}),window.addEventListener("touchmove",N,{passive:!1}),window.addEventListener("touchend",Z,{passive:!0}),window.addEventListener("touchcancel",Q,{passive:!0}),window.addEventListener("mousedown",J,{passive:!0}),window.addEventListener("mousemove",B,{passive:!1}),window.addEventListener("mouseup",te,{passive:!0}),()=>{window.removeEventListener("touchstart",U),window.removeEventListener("touchmove",N),window.removeEventListener("touchend",Z),window.removeEventListener("touchcancel",Q),window.removeEventListener("mousedown",J),window.removeEventListener("mousemove",B),window.removeEventListener("mouseup",te)}},[t,n,S,d,a,u,c,i,s,e,T,p,v])}function Yt({id:e="primary",className:t,children:n,ToggleComponent:i,...s}){var I;if((n==null?void 0:n.type)===E.Fragment)throw new Error("Fragments is not allowed in SwipeBarBottom");const{bottomSidebars:o,closeSidebar:d,registerBottomSidebar:a,unregisterBottomSidebar:u}=z(),c=l.useRef(null),T=l.useRef(null);l.useEffect(()=>(a(e,{sidebarRef:c,toggleRef:T}),()=>u(e)),[e,a,u]);const p=xe("bottom",s,e),v=ie(p.mediaQueryWidth);Xt(p,e);const S=((I=o[e])==null?void 0:I.isOpen)??!1;return E.jsxs(E.Fragment,{children:[p.showOverlay&&E.jsx(ge,{isCollapsed:!S,setCollapsed:()=>d("bottom",{id:e}),closeSidebarOnClick:p.closeSidebarOnOverlayClick,transitionMs:p.transitionMs,overlayBackgroundColor:p.overlayBackgroundColor,overlayZIndex:p.overlayZIndex}),E.jsx(je,{id:e,toggleRef:T,options:p,showToggle:p.showToggle,ToggleComponent:i}),E.jsx("div",{ref:c,style:{...Ot,...At,...p.isAbsolute||v?Pt:{},...t?{}:{backgroundColor:ve},zIndex:p.swipeBarZIndex},className:t,children:n})]})}function He({options:e,showToggle:t=!0,ToggleComponent:n}){const{openSidebar:i,leftToggleRef:s,isLeftOpen:o,closeSidebar:d}=z();return t?E.jsx("div",{ref:s,style:{...Le,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,left:0,zIndex:e.toggleZIndex},children:(!o||o&&!e.showOverlay)&&E.jsx("button",{type:"button",onClick:()=>{e.disabled||(o?d("left"):i("left"))},disabled:e.disabled,style:{marginLeft:`${e.toggleIconEdgeDistancePx}px`,...o?{transform:"rotate(180deg)"}:{}},children:n??E.jsx(Te,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const Ge=({refs:e,callbacks:t,currentX:n,preventDefault:i,lockPane:s,options:o})=>{if(!e.draggingRef.current)return;const d=n-e.draggingRef.current.startX;if(!e.draggingRef.current.isActivated&&Math.abs(d)>=o.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,s()),!e.draggingRef.current.isActivated)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const a=t.getIsOpen();let u=!1;if((a||e.draggingRef.current.startX<=o.edgeActivationWidthPx)&&(u=!0),!u){e.draggingRef.current=null,t.dragSidebar(null);return}i();const c=o.sidebarWidthPx;if(a){const T=Math.min(0,Math.max(-c,d+o.dragActivationDeltaPx));t.dragSidebar(T)}else if(e.draggingRef.current.startX<=o.edgeActivationWidthPx){const T=Math.min(0,Math.max(-c,-c+d-o.dragActivationDeltaPx));t.dragSidebar(T)}},Ue=({refs:e,callbacks:t,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 i=e.currentXRef.current??e.draggingRef.current.startX,s=e.prevXRef.current??e.draggingRef.current.startX,o=e.draggingRef.current.startX,d=t.getIsOpen();e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const a=i>=s,u=i<s,c=o<=n.edgeActivationWidthPx;d?(u?t.closeSidebar():t.openSidebar(),t.dragSidebar(null)):c&&a?(t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Bt(e){const t=ie(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:i,isLeftOpen:s,openSidebar:o,closeSidebar:d,dragSidebar:a,leftSidebarRef:u}=z(),c=l.useRef(null),T=l.useRef(null),p=l.useRef(null);l.useEffect(()=>{if(!t||n&&n!=="left"||e.disabled)return;const v={getIsOpen:()=>s,openSidebar:()=>o("left"),closeSidebar:()=>d("left"),dragSidebar:g=>a("left",g)},S={draggingRef:c,currentXRef:T,prevXRef:p},I=()=>i("left"),R=()=>i(null);function P(g){if(n&&n!=="left"||ae(g.target)||g.changedTouches.length===0)return;const x=g.changedTouches[0],w=v.getIsOpen(),Y=x.clientX<=e.edgeActivationWidthPx;w&&!e.swipeToClose||!w&&!e.swipeToOpen||(w||Y)&&fe({refs:S,clientX:x.clientX,clientY:x.clientY,touchId:x.identifier,isMouse:!1})}function L(g){if(n&&n!=="left"||!c.current||c.current.isMouse)return;const x=c.current.activeTouchId,w=ye(g.changedTouches,x);w&&Ge({refs:S,callbacks:v,currentX:w.clientX,preventDefault:()=>g.preventDefault(),lockPane:I,options:e})}function _(g){if(n&&n!=="left"||!c.current||c.current.isMouse)return;const x=c.current.activeTouchId;Re(g.changedTouches,x)&&Ue({refs:S,callbacks:v,options:e})}function W(){n&&n!=="left"||!c.current||c.current.isMouse||We({refs:S,dragSidebar:v.dragSidebar,onDeactivate:R})}function D(g){if(n&&n!=="left"||ae(g.target)||g.button!==0)return;const x=v.getIsOpen(),w=g.clientX<=e.edgeActivationWidthPx;x&&!e.swipeToClose||!x&&!e.swipeToOpen||(x||w)&&fe({refs:S,clientX:g.clientX,clientY:g.clientY,touchId:null,isMouse:!0})}function j(g){n&&n!=="left"||!c.current||!c.current.isMouse||Ge({refs:S,callbacks:v,currentX:g.clientX,preventDefault:()=>g.preventDefault(),lockPane:I,options:e})}function H(){n&&n!=="left"||!c.current||!c.current.isMouse||Ue({refs:S,callbacks:v,options:e})}return window.addEventListener("touchstart",P,{passive:!0}),window.addEventListener("touchmove",L,{passive:!1}),window.addEventListener("touchend",_,{passive:!0}),window.addEventListener("touchcancel",W,{passive:!0}),window.addEventListener("mousedown",D,{passive:!0}),window.addEventListener("mousemove",j,{passive:!1}),window.addEventListener("mouseup",H,{passive:!0}),()=>{window.removeEventListener("touchstart",P),window.removeEventListener("touchmove",L),window.removeEventListener("touchend",_),window.removeEventListener("touchcancel",W),window.removeEventListener("mousedown",D),window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",H)}},[t,s,o,d,a,n,i,u,e])}function Wt({className:e,children:t,ToggleComponent:n,...i}){if((t==null?void 0:t.type)===E.Fragment)throw new Error("Fragments is not allowed in SwipeBarLeft");const{isLeftOpen:s,closeSidebar:o,leftSidebarRef:d}=z(),a=xe("left",i),u=ie(a.mediaQueryWidth);return Bt(a),E.jsxs(E.Fragment,{children:[a.showOverlay&&E.jsx(ge,{isCollapsed:!s,setCollapsed:()=>o("left"),closeSidebarOnClick:a.closeSidebarOnOverlayClick,transitionMs:a.transitionMs,overlayBackgroundColor:a.overlayBackgroundColor,overlayZIndex:a.overlayZIndex}),E.jsx(He,{options:a,showToggle:a.showToggle,ToggleComponent:n}),E.jsx("div",{ref:d,style:{..._e,...Rt,...a.isAbsolute||u?Tt:{},...e?{}:{backgroundColor:ve},zIndex:a.swipeBarZIndex},className:e,children:t})]})}function Ze({options:e,showToggle:t=!0,ToggleComponent:n}){const{openSidebar:i,rightToggleRef:s,isRightOpen:o,closeSidebar:d}=z();return t?E.jsx("div",{ref:s,style:{...Le,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,right:0,zIndex:e.toggleZIndex},children:(!o||o&&!e.showOverlay)&&E.jsx("button",{type:"button",onClick:()=>{e.disabled||(o?d("right"):i("right"))},disabled:e.disabled,style:{marginRight:`${e.toggleIconEdgeDistancePx}px`,...o?{}:{transform:"rotate(180deg)"}},children:n??E.jsx(Te,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const ze=({refs:e,callbacks:t,currentX:n,preventDefault:i,lockPane:s,options:o})=>{if(!e.draggingRef.current)return;const d=window.innerWidth,a=n-e.draggingRef.current.startX,u=e.draggingRef.current.startX>=d-o.edgeActivationWidthPx,c=e.draggingRef.current.isActivated;if(!c&&Math.abs(a)>=o.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,s()),!c)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const T=t.getIsOpen();let p=!1;if((T||u)&&(p=!0),!p){e.draggingRef.current=null,t.dragSidebar(null);return}i();const v=o.sidebarWidthPx;if(T){const S=Math.max(0,Math.min(v,a-o.dragActivationDeltaPx));t.dragSidebar(S)}else{const S=Math.max(0,Math.min(v,v+a+o.dragActivationDeltaPx));t.dragSidebar(S)}},Ve=({refs:e,callbacks:t,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 i=e.currentXRef.current??e.draggingRef.current.startX,s=e.prevXRef.current??e.draggingRef.current.startX,o=e.draggingRef.current.startX,d=t.getIsOpen(),a=window.innerWidth;e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const u=i>s,c=i<s,T=o>=a-n.edgeActivationWidthPx;d?(u?t.closeSidebar():t.openSidebar(),t.dragSidebar(null)):T&&c?(t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function kt(e){const t=ie(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:i,isRightOpen:s,openSidebar:o,closeSidebar:d,dragSidebar:a,rightSidebarRef:u}=z(),c=l.useRef(null),T=l.useRef(null),p=l.useRef(null);l.useEffect(()=>{if(!t||n&&n!=="right"||e.disabled)return;const v={getIsOpen:()=>s,openSidebar:()=>o("right"),closeSidebar:()=>d("right"),dragSidebar:g=>a("right",g)},S={draggingRef:c,currentXRef:T,prevXRef:p},I=()=>i("right"),R=()=>i(null);function P(g){if(n&&n!=="right"||ae(g.target)||g.changedTouches.length===0)return;const x=g.changedTouches[0],w=window.innerWidth,Y=v.getIsOpen(),X=x.clientX>=w-e.edgeActivationWidthPx;Y&&!e.swipeToClose||!Y&&!e.swipeToOpen||(Y||X)&&fe({refs:S,clientX:x.clientX,clientY:x.clientY,touchId:x.identifier,isMouse:!1})}function L(g){if(n&&n!=="right"||!c.current||c.current.isMouse)return;const x=c.current.activeTouchId,w=ye(g.changedTouches,x);w&&ze({refs:S,callbacks:v,currentX:w.clientX,preventDefault:()=>g.preventDefault(),lockPane:I,options:e})}function _(g){if(n&&n!=="right"||!c.current||c.current.isMouse)return;const x=c.current.activeTouchId;Re(g.changedTouches,x)&&Ve({refs:S,callbacks:v,options:e})}function W(){n&&n!=="right"||!c.current||c.current.isMouse||We({refs:S,dragSidebar:v.dragSidebar,onDeactivate:R})}function D(g){if(n&&n!=="right"||ae(g.target)||g.button!==0)return;const x=window.innerWidth,w=v.getIsOpen(),Y=g.clientX>=x-e.edgeActivationWidthPx;w&&!e.swipeToClose||!w&&!e.swipeToOpen||(w||Y)&&fe({refs:S,clientX:g.clientX,clientY:g.clientY,touchId:null,isMouse:!0})}function j(g){n&&n!=="right"||!c.current||!c.current.isMouse||ze({refs:S,callbacks:v,currentX:g.clientX,preventDefault:()=>g.preventDefault(),lockPane:I,options:e})}function H(){n&&n!=="right"||!c.current||!c.current.isMouse||Ve({refs:S,callbacks:v,options:e})}return window.addEventListener("touchstart",P,{passive:!0}),window.addEventListener("touchmove",L,{passive:!1}),window.addEventListener("touchend",_,{passive:!0}),window.addEventListener("touchcancel",W,{passive:!0}),window.addEventListener("mousedown",D,{passive:!0}),window.addEventListener("mousemove",j,{passive:!1}),window.addEventListener("mouseup",H,{passive:!0}),()=>{window.removeEventListener("touchstart",P),window.removeEventListener("touchmove",L),window.removeEventListener("touchend",_),window.removeEventListener("touchcancel",W),window.removeEventListener("mousedown",D),window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",H)}},[t,s,o,d,a,n,i,u,e])}function jt({className:e,children:t,ToggleComponent:n,...i}){if((t==null?void 0:t.type)===E.Fragment)throw new Error("Fragments is not allowed in SwipeBarRight");const{isRightOpen:s,closeSidebar:o,rightSidebarRef:d}=z(),a=xe("right",i),u=ie(a.mediaQueryWidth);return kt(a),E.jsxs(E.Fragment,{children:[a.showOverlay&&E.jsx(ge,{isCollapsed:!s,setCollapsed:()=>o("right"),closeSidebarOnClick:a.closeSidebarOnOverlayClick,transitionMs:a.transitionMs,overlayBackgroundColor:a.overlayBackgroundColor,overlayZIndex:a.overlayZIndex}),E.jsx(Ze,{options:a,showToggle:a.showToggle,ToggleComponent:n}),E.jsx("div",{ref:d,style:{..._e,...xt,...a.isAbsolute||u?Et:{},...e?{}:{backgroundColor:ve},zIndex:a.swipeBarZIndex},className:e,children:t})]})}F.Overlay=ge,F.SwipeBarBottom=Yt,F.SwipeBarLeft=Wt,F.SwipeBarProvider=tt,F.SwipeBarRight=jt,F.ToggleBottom=je,F.ToggleLeft=He,F.ToggleRight=Ze,F.useMediaQuery=ie,F.useSwipeBarContext=z,Object.defineProperty(F,Symbol.toStringTag,{value:"Module"})});

package/package.json

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