@luciodale/swipe-bar 1.2.0 → 1.2.1

package/dist/swipe-bar.es.js

@@ -74,14 +74,14 @@ function mt() {
           case C:
             return (o._context.displayName || "Context") + ".Consumer";
           case D:
-            var v = o.render;
-            return o = o.displayName, o || (o = v.displayName || v.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+            var p = o.render;
+            return o = o.displayName, o || (o = p.displayName || p.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
           case w:
-            return v = o.displayName || null, v !== null ? v : e(o.type) || "Memo";
+            return p = o.displayName || null, p !== null ? p : e(o.type) || "Memo";
           case O:
-            v = o._payload, o = o._init;
+            p = o._payload, o = o._init;
             try {
-              return e(o(v));
+              return e(o(p));
             } catch {
             }
         }
@@ -93,15 +93,15 @@ function mt() {
     function r(o) {
       try {
         t(o);
-        var v = !1;
+        var p = !1;
       } catch {
-        v = !0;
+        p = !0;
       }
-      if (v) {
-        v = console;
-        var I = v.error, L = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+      if (p) {
+        p = console;
+        var I = p.error, L = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return I.call(
-          v,
+          p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           L
         ), t(o);
@@ -112,8 +112,8 @@ function mt() {
       if (typeof o == "object" && o !== null && o.$$typeof === O)
         return "<...>";
       try {
-        var v = e(o);
-        return v ? "<" + v + ">" : "<...>";
+        var p = e(o);
+        return p ? "<" + p + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -127,16 +127,16 @@ function mt() {
     }
     function u(o) {
       if (G.call(o, "key")) {
-        var v = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (v && v.isReactWarning) return !1;
+        var p = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (p && p.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function s(o, v) {
+    function s(o, p) {
       function I() {
         V || (V = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          v
+          p
         ));
       }
       I.isReactWarning = !0, Object.defineProperty(o, "key", {
@@ -150,12 +150,12 @@ function mt() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function c(o, v, I, L, oe, J) {
+    function c(o, p, I, L, oe, J) {
       var X = I.ref;
       return o = {
         $$typeof: A,
         type: o,
-        key: v,
+        key: p,
         props: I,
         _owner: L
       }, (X !== void 0 ? X : null) !== null ? Object.defineProperty(o, "ref", {
@@ -183,22 +183,22 @@ function mt() {
         value: J
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function p(o, v, I, L, oe, J) {
-      var X = v.children;
+    function b(o, p, I, L, oe, J) {
+      var X = p.children;
       if (X !== void 0)
         if (L)
           if (H(X)) {
             for (L = 0; L < X.length; L++)
-              b(X[L]);
+              v(X[L]);
             Object.freeze && Object.freeze(X);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else b(X);
-      if (G.call(v, "key")) {
+        else v(X);
+      if (G.call(p, "key")) {
         X = e(o);
-        var ne = Object.keys(v).filter(function(me) {
+        var ne = Object.keys(p).filter(function(me) {
           return me !== "key";
         });
         L = 0 < ne.length ? "{key: someKey, " + ne.join(": ..., ") + ": ...}" : "{key: someKey}", _[X + L] || (ne = 0 < ne.length ? "{" + ne.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -214,11 +214,11 @@ React keys must be passed directly to JSX without using spread:
           X
         ), _[X + L] = !0);
       }
-      if (X = null, I !== void 0 && (r(I), X = "" + I), u(v) && (r(v.key), X = "" + v.key), "key" in v) {
+      if (X = null, I !== void 0 && (r(I), X = "" + I), u(p) && (r(p.key), X = "" + p.key), "key" in p) {
         I = {};
-        for (var le in v)
-          le !== "key" && (I[le] = v[le]);
-      } else I = v;
+        for (var le in p)
+          le !== "key" && (I[le] = p[le]);
+      } else I = p;
       return X && s(
         I,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
@@ -231,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
         J
       );
     }
-    function b(o) {
+    function v(o) {
       x(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === O && (o._payload.status === "fulfilled" ? x(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
     function x(o) {
@@ -249,21 +249,21 @@ React keys must be passed directly to JSX without using spread:
       m,
       i
     )(), F = U(n(i)), _ = {};
-    fe.Fragment = Y, fe.jsx = function(o, v, I) {
+    fe.Fragment = Y, fe.jsx = function(o, p, I) {
       var L = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return p(
+      return b(
         o,
-        v,
+        p,
         I,
         !1,
         L ? Error("react-stack-top-frame") : y,
         L ? U(n(o)) : F
       );
-    }, fe.jsxs = function(o, v, I) {
+    }, fe.jsxs = function(o, p, I) {
       var L = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return p(
+      return b(
         o,
-        v,
+        p,
         I,
         !0,
         L ? Error("react-stack-top-frame") : y,
@@ -274,9 +274,9 @@ React keys must be passed directly to JSX without using spread:
 }
 process.env.NODE_ENV === "production" ? we.exports = ht() : we.exports = mt();
 var R = we.exports;
-const Ze = ft(null), pe = (e) => {
+const Ze = ft(null), be = (e) => {
   throw new Error(`Unhandled sidebar side: ${e}`);
-}, ve = { isOpen: !1, anchorState: "closed" }, rr = ({
+}, pe = { isOpen: !1, anchorState: "closed" }, rr = ({
   children: e,
   sidebarWidthPx: t,
   transitionMs: r,
@@ -287,8 +287,8 @@ const Ze = ft(null), pe = (e) => {
   overlayBackgroundColor: s,
   toggleIconColor: d,
   toggleIconSizePx: c,
-  toggleIconEdgeDistancePx: p,
-  showToggle: b,
+  toggleIconEdgeDistancePx: b,
+  showToggle: v,
   mediaQueryWidth: x,
   swipeBarZIndex: m,
   toggleZIndex: A,
@@ -297,22 +297,22 @@ const Ze = ft(null), pe = (e) => {
   fadeContentTransitionMs: $
 }) => {
   var Ie, Me;
-  const [j, C] = re(null), [N, D] = re(!1), [M, f] = re(!1), [w, O] = re({}), [P, q] = re({}), k = W(null), G = W(null), H = W(null), U = W(null), [V, Q] = re({}), [y, F] = re({}), _ = W(/* @__PURE__ */ new Map()), o = W(null), v = W([]), I = ((Ie = V.primary) == null ? void 0 : Ie.isOpen) ?? !1, L = ((Me = V.primary) == null ? void 0 : Me.anchorState) ?? "closed", oe = Ue(
+  const [j, C] = re(null), [N, D] = re(!1), [M, f] = re(!1), [w, O] = re({}), [P, q] = re({}), k = W(null), G = W(null), H = W(null), U = W(null), [V, Q] = re({}), [y, F] = re({}), _ = W(/* @__PURE__ */ new Map()), o = W(null), p = W([]), I = ((Ie = V.primary) == null ? void 0 : Ie.isOpen) ?? !1, L = ((Me = V.primary) == null ? void 0 : Me.anchorState) ?? "closed", oe = Ue(
     () => Object.values(V).some((l) => l.isOpen),
     [V]
   ), J = _.current.get("primary"), X = (J == null ? void 0 : J.sidebarRef) ?? { current: null }, ne = (J == null ? void 0 : J.toggleRef) ?? { current: null }, le = y.primary ?? {}, [me, Je] = re({
     sidebarWidthPx: t ?? wt,
     sidebarHeightPx: Le,
-    transitionMs: r ?? pt,
-    edgeActivationWidthPx: n ?? vt,
-    dragActivationDeltaPx: a ?? bt,
+    transitionMs: r ?? bt,
+    edgeActivationWidthPx: n ?? pt,
+    dragActivationDeltaPx: a ?? vt,
     showOverlay: i ?? St,
     isAbsolute: u ?? yt,
     overlayBackgroundColor: s ?? ze,
     toggleIconColor: d ?? xt,
     toggleIconSizePx: c ?? Rt,
-    toggleIconEdgeDistancePx: p ?? Tt,
-    showToggle: b ?? Et,
+    toggleIconEdgeDistancePx: b ?? Tt,
+    showToggle: v ?? Et,
     mediaQueryWidth: x ?? Se,
     swipeBarZIndex: m ?? At,
     toggleZIndex: A ?? Ot,
@@ -325,7 +325,7 @@ const Ze = ft(null), pe = (e) => {
     midAnchorPointPx: Le / 3,
     disabled: !1
   }), Ke = Z((l, g) => {
-    _.current.set(l, g), Q((h) => h[l] ? h : { ...h, [l]: { ...ve } });
+    _.current.set(l, g), Q((h) => h[l] ? h : { ...h, [l]: { ...pe } });
   }, []), et = Z((l) => {
     _.current.delete(l), Q((g) => {
       const h = { ...g };
@@ -338,12 +338,12 @@ const Ze = ft(null), pe = (e) => {
     F((h) => h[l] === g ? h : { ...h, [l]: g });
   }, []), ee = Z((l, g) => {
     Q((h) => {
-      const S = h[l] ?? ve;
+      const S = h[l] ?? pe;
       return S.isOpen === g ? h : { ...h, [l]: { ...S, isOpen: g } };
     });
   }, []), te = Z((l, g) => {
     Q((h) => {
-      const S = h[l] ?? ve;
+      const S = h[l] ?? pe;
       return S.anchorState === g ? h : { ...h, [l]: { ...S, anchorState: g } };
     });
   }, []);
@@ -372,17 +372,17 @@ const Ze = ft(null), pe = (e) => {
   const nt = Z((l) => {
     Je((g) => ({ ...g, ...l }));
   }, []), ae = Z((l) => {
-    const g = v.current, h = g.indexOf(l);
+    const g = p.current, h = g.indexOf(l);
     h !== -1 && g.splice(h, 1), g.push(l), C("bottom");
   }, []), Pe = Z((l) => {
-    const g = v.current, h = g.indexOf(l);
+    const g = p.current, h = g.indexOf(l);
     h !== -1 && g.splice(h, 1), Q((S) => (Object.entries(S).some(
       ([B, ie]) => B !== l && ie.isOpen
     ) || C(null), S));
   }, []), it = Z(
     (l, g) => {
       const h = (S, E, B, ie) => {
-        be({
+        ve({
           side: l,
           ref: S,
           options: E,
@@ -409,7 +409,7 @@ const Ze = ft(null), pe = (e) => {
           afterApply: () => {
             ee(S, !0), te(S, "midAnchor"), ae(S);
           }
-        }) : be({
+        }) : ve({
           side: l,
           ref: B.sidebarRef,
           options: E,
@@ -419,7 +419,7 @@ const Ze = ft(null), pe = (e) => {
           }
         });
       } else
-        pe(l);
+        be(l);
     },
     [w, P, y, ee, te, ae]
   ), ot = Z(
@@ -440,7 +440,7 @@ const Ze = ft(null), pe = (e) => {
     (l, g) => {
       if (l !== "bottom") return;
       const h = (g == null ? void 0 : g.id) ?? "primary", S = y[h], E = _.current.get(h);
-      !S || !E || S.disabled || be({
+      !S || !E || S.disabled || ve({
         side: l,
         ref: E.sidebarRef,
         options: S,
@@ -483,7 +483,7 @@ const Ze = ft(null), pe = (e) => {
           }
         });
       } else
-        pe(l);
+        be(l);
     },
     [w, P, y, ee, te, Pe]
   ), ct = Z(
@@ -512,7 +512,7 @@ const Ze = ft(null), pe = (e) => {
           translateY: g
         });
       } else
-        pe(l);
+        be(l);
     },
     [w, P, y]
   );
@@ -539,7 +539,7 @@ const Ze = ft(null), pe = (e) => {
         unregisterBottomSidebar: et,
         getBottomSidebarRefs: tt,
         activeBottomDragIdRef: o,
-        bottomFocusStackRef: v,
+        bottomFocusStackRef: p,
         // Functions
         openSidebar: it,
         openSidebarFully: at,
@@ -564,7 +564,7 @@ const Ze = ft(null), pe = (e) => {
   if (!e)
     throw new Error("useSwipeBarContext must be used within SwipeBarProvider");
   return e;
-}, pt = 300, vt = 40, bt = 20, wt = 320, Le = window.innerHeight, St = !0, yt = !1, ze = "rgba(0, 0, 0, 0.5)", ye = "rgb(36,36,36)", xt = "white", Rt = 40, Tt = 40, Et = !0, Se = 640, At = 30, Ot = 15, Pt = 20, Xe = 0.6, It = 200, Mt = 100, _t = !1, Ct = !0, Dt = !0, Lt = !1, se = "cubic-bezier(0.22, 1, 0.36, 1)", qe = {
+}, bt = 300, pt = 40, vt = 20, wt = 320, Le = window.innerHeight, St = !0, yt = !1, ze = "rgba(0, 0, 0, 0.5)", ye = "rgb(36,36,36)", xt = "white", Rt = 40, Tt = 40, Et = !0, Se = 640, At = 30, Ot = 15, Pt = 20, Xe = 0.6, It = 200, Mt = 100, _t = !1, Ct = !0, Dt = !0, Lt = !1, se = "cubic-bezier(0.22, 1, 0.36, 1)", qe = {
   width: 0,
   top: 0,
   bottom: 0,
@@ -639,7 +639,7 @@ const Ze = ft(null), pe = (e) => {
 }, ge = (e) => {
   var t;
   return (t = e.current) == null ? void 0 : t.firstElementChild;
-}, be = ({
+}, ve = ({
   ref: e,
   side: t,
   options: r,
@@ -651,14 +651,14 @@ const Ze = ft(null), pe = (e) => {
   let s, d;
   t === "left" || t === "right" ? (s = "width", d = r.sidebarWidthPx, i && d && (i.style.minWidth = `${d}px`)) : t === "bottom" ? (s = "height", d = r.sidebarHeightPx, i && d && (i.style.minHeight = `${d}px`)) : xe(t), requestAnimationFrame(() => {
     if (!e.current) return;
-    const c = `transform ${r.transitionMs}ms ${se}`, p = r.isAbsolute ? "" : `, ${s} ${r.transitionMs}ms ${se}`;
-    e.current.style.transition = `${c}${p}`, i && r.fadeContent && (i.style.transition = `opacity ${r.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
+    const c = `transform ${r.transitionMs}ms ${se}`, b = r.isAbsolute ? "" : `, ${s} ${r.transitionMs}ms ${se}`;
+    e.current.style.transition = `${c}${b}`, i && r.fadeContent && (i.style.transition = `opacity ${r.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
       if (e.current) {
         if (e.current.style.transform = t === "bottom" ? "translateY(0px)" : "translateX(0px)", !r.isAbsolute)
           e.current.style[s] = `${d}px`;
         else if (e.current.style[s] !== `${d}px`) {
-          const b = e.current.style.transition;
-          e.current.style.transition = c, e.current.style[s] = `${d}px`, e.current.style.transition = b;
+          const v = e.current.style.transition;
+          e.current.style.transition = c, e.current.style[s] = `${d}px`, e.current.style.transition = v;
         }
         n.current && d && (n.current.style.opacity = "1", t === "left" ? n.current.style.transform = `translateY(-50%) translateX(${d}px)` : t === "right" ? n.current.style.transform = `translateY(-50%) translateX(-${d}px)` : t === "bottom" && (n.current.style.transform = `translateX(-50%) translateY(-${d}px)`)), i && r.fadeContent && setTimeout(() => {
           i.style.opacity = "1";
@@ -695,12 +695,12 @@ const Ze = ft(null), pe = (e) => {
     const u = `transform ${t.transitionMs}ms ${se}`, s = t.isAbsolute ? "" : `, height ${t.transitionMs}ms ${se}`;
     e.current.style.transition = `${u}${s}`, a && t.fadeContent && (a.style.transition = `opacity ${t.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
       if (!e.current) return;
-      const d = t.midAnchorPointPx ?? 0, c = t.sidebarHeightPx ?? 0, p = c - d;
-      if (e.current.style.transform = `translateY(${p}px)`, !t.isAbsolute)
+      const d = t.midAnchorPointPx ?? 0, c = t.sidebarHeightPx ?? 0, b = c - d;
+      if (e.current.style.transform = `translateY(${b}px)`, !t.isAbsolute)
         e.current.style.height = `${c}px`;
       else if (e.current.style.height !== `${c}px`) {
-        const b = e.current.style.transition;
-        e.current.style.transition = u, e.current.style.height = `${c}px`, e.current.style.transition = b;
+        const v = e.current.style.transition;
+        e.current.style.transition = u, e.current.style.height = `${c}px`, e.current.style.transition = v;
       }
       r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${d}px)`), a && t.fadeContent && setTimeout(() => {
         a.style.opacity = "1";
@@ -788,8 +788,8 @@ const Ze = ft(null), pe = (e) => {
     sidebarWidthPx: s,
     sidebarHeightPx: d,
     transitionMs: c,
-    edgeActivationWidthPx: p,
-    dragActivationDeltaPx: b,
+    edgeActivationWidthPx: b,
+    dragActivationDeltaPx: v,
     showOverlay: x,
     isAbsolute: m,
     overlayBackgroundColor: A,
@@ -814,8 +814,8 @@ const Ze = ft(null), pe = (e) => {
       sidebarWidthPx: s ?? n.sidebarWidthPx,
       sidebarHeightPx: U,
       transitionMs: c ?? n.transitionMs,
-      edgeActivationWidthPx: p ?? n.edgeActivationWidthPx,
-      dragActivationDeltaPx: b ?? n.dragActivationDeltaPx,
+      edgeActivationWidthPx: b ?? n.edgeActivationWidthPx,
+      dragActivationDeltaPx: v ?? n.dragActivationDeltaPx,
       showOverlay: x ?? n.showOverlay,
       isAbsolute: m ?? n.isAbsolute,
       overlayBackgroundColor: A ?? n.overlayBackgroundColor,
@@ -839,8 +839,8 @@ const Ze = ft(null), pe = (e) => {
     s,
     d,
     c,
-    p,
     b,
+    v,
     x,
     m,
     A,
@@ -993,21 +993,21 @@ const je = ({
     return;
   }
   n();
-  const p = i.sidebarHeightPx, b = i.midAnchorPointPx, x = i.midAnchorPoint && !i.swipeToOpen && b < p;
+  const b = i.sidebarHeightPx, v = i.midAnchorPointPx, x = i.midAnchorPoint && !i.swipeToOpen && v < b;
   if (s)
     if (x) {
       const m = t.getBottomAnchorState();
       if (m === "open") {
         const A = Math.max(
           0,
-          Math.min(p, u - i.dragActivationDeltaPx)
+          Math.min(b, u - i.dragActivationDeltaPx)
         );
         t.dragSidebar(A);
       } else if (m === "midAnchor") {
-        const A = p - b, T = Math.max(
+        const A = b - v, T = Math.max(
           0,
           Math.min(
-            p,
+            b,
             A + u - i.dragActivationDeltaPx
           )
         );
@@ -1016,17 +1016,17 @@ const je = ({
     } else {
       const m = Math.max(
         0,
-        Math.min(p, u - i.dragActivationDeltaPx)
+        Math.min(b, u - i.dragActivationDeltaPx)
       );
       t.dragSidebar(m);
     }
   else if (e.draggingRef.current.startY >= d - i.edgeActivationWidthPx)
     if (x) {
-      const m = p - b, A = Math.max(
+      const m = b - v, A = Math.max(
         m,
         Math.min(
-          p,
-          p + u + i.dragActivationDeltaPx
+          b,
+          b + u + i.dragActivationDeltaPx
         )
       );
       t.dragSidebar(A);
@@ -1034,8 +1034,8 @@ const je = ({
       const m = Math.max(
         0,
         Math.min(
-          p,
-          p + u + i.dragActivationDeltaPx
+          b,
+          b + u + i.dragActivationDeltaPx
         )
       );
       t.dragSidebar(m);
@@ -1048,13 +1048,13 @@ const je = ({
   }
   const a = e.currentYRef.current ?? e.draggingRef.current.startY, i = e.prevYRef.current ?? e.draggingRef.current.startY, u = e.draggingRef.current.startY, s = t.getIsOpen(), d = window.innerHeight;
   e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null, n();
-  const c = a < i, p = a >= i, b = u >= d - r.edgeActivationWidthPx, x = r.midAnchorPointPx, m = r.sidebarHeightPx, A = r.midAnchorPoint && !r.swipeToOpen && x < m;
+  const c = a < i, b = a >= i, v = u >= d - r.edgeActivationWidthPx, x = r.midAnchorPointPx, m = r.sidebarHeightPx, A = r.midAnchorPoint && !r.swipeToOpen && x < m;
   if (s)
     if (A) {
       const T = t.getBottomAnchorState(), Y = m - x;
       if (T === "open") {
         const $ = Math.max(0, a - u);
-        p ? $ > Y ? t.closeSidebar() : t.openToMidAnchor() : $ < Y ? t.openSidebarFully() : t.openToMidAnchor(), t.dragSidebar(null);
+        b ? $ > Y ? t.closeSidebar() : t.openToMidAnchor() : $ < Y ? t.openSidebarFully() : t.openToMidAnchor(), t.dragSidebar(null);
       } else if (T === "midAnchor") {
         const $ = m - x, j = Math.max(
           0,
@@ -1069,8 +1069,8 @@ const je = ({
         t.dragSidebar(null);
       }
     } else
-      p ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null);
-  else b && c ? (A ? t.openToMidAnchor() : t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
+      b ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null);
+  else v && c ? (A ? t.openToMidAnchor() : t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
 function qt(e, t) {
   var C, N;
@@ -1082,14 +1082,14 @@ function qt(e, t) {
     openSidebarFully: s,
     closeSidebar: d,
     dragSidebar: c,
-    openSidebarToMidAnchor: p,
-    activeBottomDragIdRef: b,
+    openSidebarToMidAnchor: b,
+    activeBottomDragIdRef: v,
     bottomFocusStackRef: x
   } = K(), m = ((C = i[t]) == null ? void 0 : C.isOpen) ?? !1, A = ((N = i[t]) == null ? void 0 : N.anchorState) ?? "closed", T = W(null), Y = W(null), $ = W(null), j = W(A);
   z(() => {
     j.current = A;
   }, [A]), z(() => {
-    if (!r || n === "left" || n === "right" || e.disabled) return;
+    if (!r || n && n !== "bottom" || e.disabled) return;
     const D = {
       getIsOpen: () => m,
       openSidebar: () => u("bottom", { id: t }),
@@ -1097,12 +1097,12 @@ function qt(e, t) {
       closeSidebar: () => d("bottom", { id: t }),
       dragSidebar: (y) => c("bottom", y, { id: t }),
       getBottomAnchorState: () => j.current,
-      openToMidAnchor: () => p("bottom", { id: t })
+      openToMidAnchor: () => b("bottom", { id: t })
     }, M = {
       draggingRef: T,
       currentYRef: Y,
       prevYRef: $
-    }, f = () => b.current !== null && b.current !== t, w = () => {
+    }, f = () => v.current !== null && v.current !== t, w = () => {
       const y = x.current;
       return y.length === 0 ? !0 : y[y.length - 1] === t;
     }, O = () => {
@@ -1110,14 +1110,14 @@ function qt(e, t) {
         T.current = null;
         return;
       }
-      b.current = t, a("bottom");
+      v.current = t, a("bottom");
     }, P = () => {
-      b.current === t && (b.current = null);
+      v.current === t && (v.current = null);
     };
     function q(y) {
-      if (n === "left" || n === "right" || f() || !w() || ce(y.target) || y.changedTouches.length === 0) return;
-      const F = y.changedTouches[0], _ = window.innerHeight, o = D.getIsOpen(), v = F.clientY >= _ - e.edgeActivationWidthPx;
-      o && !e.swipeToClose || !o && !e.swipeToOpen || (o || v) && Be({
+      if (n && n !== "bottom" || f() || !w() || ce(y.target) || y.changedTouches.length === 0) return;
+      const F = y.changedTouches[0], _ = window.innerHeight, o = D.getIsOpen(), p = F.clientY >= _ - e.edgeActivationWidthPx;
+      o && !e.swipeToClose || !o && !e.swipeToOpen || (o || p) && Be({
         refs: M,
         clientX: F.clientX,
         clientY: F.clientY,
@@ -1126,7 +1126,7 @@ function qt(e, t) {
       });
     }
     function k(y) {
-      if (n === "left" || n === "right") return;
+      if (n && n !== "bottom") return;
       if (f()) {
         T.current = null;
         return;
@@ -1143,7 +1143,7 @@ function qt(e, t) {
       });
     }
     function G(y) {
-      if (n === "left" || n === "right" || !T.current || T.current.isMouse) return;
+      if (n && n !== "bottom" || !T.current || T.current.isMouse) return;
       const F = T.current.activeTouchId;
       Te(y.changedTouches, F) && Ne({
         refs: M,
@@ -1153,7 +1153,7 @@ function qt(e, t) {
       });
     }
     function H() {
-      n === "left" || n === "right" || !T.current || T.current.isMouse || (P(), Zt({
+      n && n !== "bottom" || !T.current || T.current.isMouse || (P(), Zt({
         refs: M,
         dragSidebar: D.dragSidebar,
         onDeactivate: () => {
@@ -1161,7 +1161,7 @@ function qt(e, t) {
       }));
     }
     function U(y) {
-      if (n === "left" || n === "right" || f() || !w() || ce(y.target) || y.button !== 0) return;
+      if (n && n !== "bottom" || f() || !w() || ce(y.target) || y.button !== 0) return;
       const F = window.innerHeight, _ = D.getIsOpen(), o = y.clientY >= F - e.edgeActivationWidthPx;
       _ && !e.swipeToClose || !_ && !e.swipeToOpen || (_ || o) && Be({
         refs: M,
@@ -1172,7 +1172,7 @@ function qt(e, t) {
       });
     }
     function V(y) {
-      if (!(n === "left" || n === "right")) {
+      if (!(n && n !== "bottom")) {
         if (f()) {
           T.current = null;
           return;
@@ -1188,7 +1188,7 @@ function qt(e, t) {
       }
     }
     function Q() {
-      n === "left" || n === "right" || !T.current || !T.current.isMouse || Ne({
+      n && n !== "bottom" || !T.current || !T.current.isMouse || Ne({
         refs: M,
         callbacks: D,
         options: e,
@@ -1209,8 +1209,8 @@ function qt(e, t) {
     n,
     a,
     e,
-    p,
     b,
+    v,
     x
   ]);
 }
@@ -1229,29 +1229,29 @@ function nr({
     closeSidebar: u,
     registerBottomSidebar: s,
     unregisterBottomSidebar: d
-  } = K(), c = W(null), p = W(null);
-  z(() => (s(e, { sidebarRef: c, toggleRef: p }), () => d(e)), [e, s, d]);
-  const b = Ee("bottom", a, e), x = ue(b.mediaQueryWidth);
-  qt(b, e);
+  } = K(), c = W(null), b = W(null);
+  z(() => (s(e, { sidebarRef: c, toggleRef: b }), () => d(e)), [e, s, d]);
+  const v = Ee("bottom", a, e), x = ue(v.mediaQueryWidth);
+  qt(v, e);
   const m = ((A = i[e]) == null ? void 0 : A.isOpen) ?? !1;
   return /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    b.showOverlay && /* @__PURE__ */ R.jsx(
+    v.showOverlay && /* @__PURE__ */ R.jsx(
       Ae,
       {
         isCollapsed: !m,
         setCollapsed: () => u("bottom", { id: e }),
-        transitionMs: b.transitionMs,
-        overlayBackgroundColor: b.overlayBackgroundColor,
-        overlayZIndex: b.overlayZIndex
+        transitionMs: v.transitionMs,
+        overlayBackgroundColor: v.overlayBackgroundColor,
+        overlayZIndex: v.overlayZIndex
       }
     ),
     /* @__PURE__ */ R.jsx(
       zt,
       {
         id: e,
-        toggleRef: p,
-        options: b,
-        showToggle: b.showToggle,
+        toggleRef: b,
+        options: v,
+        showToggle: v.showToggle,
         ToggleComponent: n
       }
     ),
@@ -1262,9 +1262,9 @@ function nr({
         style: {
           ...Bt,
           ...jt,
-          ...b.isAbsolute || x ? Nt : {},
+          ...v.isAbsolute || x ? Nt : {},
           ...t ? {} : { backgroundColor: ye },
-          zIndex: b.swipeBarZIndex
+          zIndex: v.swipeBarZIndex
         },
         className: t,
         children: r
@@ -1323,23 +1323,23 @@ const Fe = ({
   n();
   const c = i.sidebarWidthPx;
   if (s) {
-    const p = Math.min(
+    const b = Math.min(
       0,
       Math.max(
         -c,
         u + i.dragActivationDeltaPx
       )
     );
-    t.dragSidebar(p);
+    t.dragSidebar(b);
   } else if (e.draggingRef.current.startX <= i.edgeActivationWidthPx) {
-    const p = Math.min(
+    const b = Math.min(
       0,
       Math.max(
         -c,
         -c + u - i.dragActivationDeltaPx
       )
     );
-    t.dragSidebar(p);
+    t.dragSidebar(b);
   }
 }, ke = ({
   refs: e,
@@ -1365,9 +1365,9 @@ function Qt(e) {
     closeSidebar: u,
     dragSidebar: s,
     leftSidebarRef: d
-  } = K(), c = W(null), p = W(null), b = W(null);
+  } = K(), c = W(null), b = W(null), v = W(null);
   z(() => {
-    if (!t || r === "right" || e.disabled) return;
+    if (!t || r && r !== "left" || e.disabled) return;
     const x = {
       getIsOpen: () => a,
       openSidebar: () => i("left"),
@@ -1375,11 +1375,11 @@ function Qt(e) {
       dragSidebar: (f) => s("left", f)
     }, m = {
       draggingRef: c,
-      currentXRef: p,
-      prevXRef: b
+      currentXRef: b,
+      prevXRef: v
     }, A = () => n("left"), T = () => n(null);
     function Y(f) {
-      if (r === "right" || ce(f.target) || f.changedTouches.length === 0) return;
+      if (r && r !== "left" || ce(f.target) || f.changedTouches.length === 0) return;
       const w = f.changedTouches[0], O = x.getIsOpen(), P = w.clientX <= e.edgeActivationWidthPx;
       O && !e.swipeToClose || !O && !e.swipeToOpen || (O || P) && he({
         refs: m,
@@ -1390,7 +1390,7 @@ function Qt(e) {
       });
     }
     function $(f) {
-      if (r === "right" || !c.current || c.current.isMouse) return;
+      if (r && r !== "left" || !c.current || c.current.isMouse) return;
       const w = c.current.activeTouchId, O = Re(f.changedTouches, w);
       O && Fe({
         refs: m,
@@ -1402,7 +1402,7 @@ function Qt(e) {
       });
     }
     function j(f) {
-      if (r === "right" || !c.current || c.current.isMouse) return;
+      if (r && r !== "left" || !c.current || c.current.isMouse) return;
       const w = c.current.activeTouchId;
       Te(f.changedTouches, w) && ke({
         refs: m,
@@ -1411,14 +1411,14 @@ function Qt(e) {
       });
     }
     function C() {
-      r !== "right" && (!c.current || c.current.isMouse || Qe({
+      r && r !== "left" || !c.current || c.current.isMouse || Qe({
         refs: m,
         dragSidebar: x.dragSidebar,
         onDeactivate: T
-      }));
+      });
     }
     function N(f) {
-      if (r === "right" || ce(f.target) || f.button !== 0) return;
+      if (r && r !== "left" || ce(f.target) || f.button !== 0) return;
       const w = x.getIsOpen(), O = f.clientX <= e.edgeActivationWidthPx;
       w && !e.swipeToClose || !w && !e.swipeToOpen || (w || O) && he({
         refs: m,
@@ -1429,21 +1429,21 @@ function Qt(e) {
       });
     }
     function D(f) {
-      r !== "right" && (!c.current || !c.current.isMouse || Fe({
+      r && r !== "left" || !c.current || !c.current.isMouse || Fe({
         refs: m,
         callbacks: x,
         currentX: f.clientX,
         preventDefault: () => f.preventDefault(),
         lockPane: A,
         options: e
-      }));
+      });
     }
     function M() {
-      r !== "right" && (!c.current || !c.current.isMouse || ke({
+      r && r !== "left" || !c.current || !c.current.isMouse || ke({
         refs: m,
         callbacks: x,
         options: e
-      }));
+      });
     }
     return window.addEventListener("touchstart", Y, { passive: !0 }), window.addEventListener("touchmove", $, { passive: !1 }), window.addEventListener("touchend", j, { passive: !0 }), window.addEventListener("touchcancel", C, { passive: !0 }), window.addEventListener("mousedown", N, { passive: !0 }), window.addEventListener("mousemove", D, { passive: !1 }), window.addEventListener("mouseup", M, { passive: !0 }), () => {
       window.removeEventListener("touchstart", Y), window.removeEventListener("touchmove", $), window.removeEventListener("touchend", j), window.removeEventListener("touchcancel", C), window.removeEventListener("mousedown", N), window.removeEventListener("mousemove", D), window.removeEventListener("mouseup", M);
@@ -1551,15 +1551,15 @@ const He = ({
   const u = window.innerWidth, s = r - e.draggingRef.current.startX, d = e.draggingRef.current.startX >= u - i.edgeActivationWidthPx, c = e.draggingRef.current.isActivated;
   if (!c && Math.abs(s) >= i.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, a()), !c) return;
   e.prevXRef.current = e.currentXRef.current, e.currentXRef.current = r;
-  const p = t.getIsOpen();
-  let b = !1;
-  if ((p || d) && (b = !0), !b) {
+  const b = t.getIsOpen();
+  let v = !1;
+  if ((b || d) && (v = !0), !v) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   n();
   const x = i.sidebarWidthPx;
-  if (p) {
+  if (b) {
     const m = Math.max(
       0,
       Math.min(x, s - i.dragActivationDeltaPx)
@@ -1583,8 +1583,8 @@ const He = ({
   }
   const n = e.currentXRef.current ?? e.draggingRef.current.startX, a = e.prevXRef.current ?? e.draggingRef.current.startX, i = e.draggingRef.current.startX, u = t.getIsOpen(), s = window.innerWidth;
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
-  const d = n > a, c = n < a, p = i >= s - r.edgeActivationWidthPx;
-  u ? (d ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : p && c ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
+  const d = n > a, c = n < a, b = i >= s - r.edgeActivationWidthPx;
+  u ? (d ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : b && c ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
 function Kt(e) {
   const t = ue(e.mediaQueryWidth), {
@@ -1595,9 +1595,9 @@ function Kt(e) {
     closeSidebar: u,
     dragSidebar: s,
     rightSidebarRef: d
-  } = K(), c = W(null), p = W(null), b = W(null);
+  } = K(), c = W(null), b = W(null), v = W(null);
   z(() => {
-    if (!t || r === "left" || e.disabled) return;
+    if (!t || r && r !== "right" || e.disabled) return;
     const x = {
       getIsOpen: () => a,
       openSidebar: () => i("right"),
@@ -1605,11 +1605,11 @@ function Kt(e) {
       dragSidebar: (f) => s("right", f)
     }, m = {
       draggingRef: c,
-      currentXRef: p,
-      prevXRef: b
+      currentXRef: b,
+      prevXRef: v
     }, A = () => n("right"), T = () => n(null);
     function Y(f) {
-      if (r === "left" || ce(f.target) || f.changedTouches.length === 0) return;
+      if (r && r !== "right" || ce(f.target) || f.changedTouches.length === 0) return;
       const w = f.changedTouches[0], O = window.innerWidth, P = x.getIsOpen(), q = w.clientX >= O - e.edgeActivationWidthPx;
       P && !e.swipeToClose || !P && !e.swipeToOpen || (P || q) && he({
         refs: m,
@@ -1620,7 +1620,7 @@ function Kt(e) {
       });
     }
     function $(f) {
-      if (r === "left" || !c.current || c.current.isMouse) return;
+      if (r && r !== "right" || !c.current || c.current.isMouse) return;
       const w = c.current.activeTouchId, O = Re(f.changedTouches, w);
       O && He({
         refs: m,
@@ -1632,7 +1632,7 @@ function Kt(e) {
       });
     }
     function j(f) {
-      if (r === "left" || !c.current || c.current.isMouse) return;
+      if (r && r !== "right" || !c.current || c.current.isMouse) return;
       const w = c.current.activeTouchId;
       Te(f.changedTouches, w) && Ge({
         refs: m,
@@ -1641,14 +1641,14 @@ function Kt(e) {
       });
     }
     function C() {
-      r !== "left" && (!c.current || c.current.isMouse || Qe({
+      r && r !== "right" || !c.current || c.current.isMouse || Qe({
         refs: m,
         dragSidebar: x.dragSidebar,
         onDeactivate: T
-      }));
+      });
     }
     function N(f) {
-      if (r === "left" || ce(f.target) || f.button !== 0) return;
+      if (r && r !== "right" || ce(f.target) || f.button !== 0) return;
       const w = window.innerWidth, O = x.getIsOpen(), P = f.clientX >= w - e.edgeActivationWidthPx;
       O && !e.swipeToClose || !O && !e.swipeToOpen || (O || P) && he({
         refs: m,
@@ -1659,21 +1659,21 @@ function Kt(e) {
       });
     }
     function D(f) {
-      r !== "left" && (!c.current || !c.current.isMouse || He({
+      r && r !== "right" || !c.current || !c.current.isMouse || He({
         refs: m,
         callbacks: x,
         currentX: f.clientX,
         preventDefault: () => f.preventDefault(),
         lockPane: A,
         options: e
-      }));
+      });
     }
     function M() {
-      r !== "left" && (!c.current || !c.current.isMouse || Ge({
+      r && r !== "right" || !c.current || !c.current.isMouse || Ge({
         refs: m,
         callbacks: x,
         options: e
-      }));
+      });
     }
     return window.addEventListener("touchstart", Y, { passive: !0 }), window.addEventListener("touchmove", $, { passive: !1 }), window.addEventListener("touchend", j, { passive: !0 }), window.addEventListener("touchcancel", C, { passive: !0 }), window.addEventListener("mousedown", N, { passive: !0 }), window.addEventListener("mousemove", D, { passive: !1 }), window.addEventListener("mouseup", M, { passive: !0 }), () => {
       window.removeEventListener("touchstart", Y), window.removeEventListener("touchmove", $), window.removeEventListener("touchend", j), window.removeEventListener("touchcancel", C), window.removeEventListener("mousedown", N), window.removeEventListener("mousemove", D), window.removeEventListener("mouseup", M);

package/dist/swipe-bar.umd.js

@@ -1,4 +1,4 @@
-(function(F,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],u):(F=typeof globalThis<"u"?globalThis:F||self,u(F.LucioDaleSwipeBar={},F.React))})(this,function(F,u){"use strict";var he={exports:{}},ce={};/**
+(function(F,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],l):(F=typeof globalThis<"u"?globalThis:F||self,l(F.LucioDaleSwipeBar={},F.React))})(this,function(F,l){"use strict";var he={exports:{}},ce={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Ae;function $e(){if(Ae)return ce;Ae=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(r,a,i){var l=null;if(i!==void 0&&(l=""+i),a.key!==void 0&&(l=""+a.key),"key"in a){i={};for(var s in a)s!=="key"&&(i[s]=a[s])}else i=a;return a=i.ref,{$$typeof:e,type:r,key:l,ref:a!==void 0?a:null,props:i}}return ce.Fragment=t,ce.jsx=n,ce.jsxs=n,ce}var le={};/**
+ */var Ae;function $e(){if(Ae)return ce;Ae=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(r,a,i){var u=null;if(i!==void 0&&(u=""+i),a.key!==void 0&&(u=""+a.key),"key"in a){i={};for(var s in a)s!=="key"&&(i[s]=a[s])}else i=a;return a=i.ref,{$$typeof:e,type:r,key:u,ref:a!==void 0?a:null,props:i}}return ce.Fragment=t,ce.jsx=n,ce.jsxs=n,ce}var ue={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Oe;function qe(){return Oe||(Oe=1,process.env.NODE_ENV!=="production"&&function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===V?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case B:return"Fragment";case k:return"Profiler";case W:return"StrictMode";case M:return"Suspense";case g:return"SuspenseList";case I:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case E:return"Portal";case N:return o.displayName||"Context";case L:return(o._context.displayName||"Context")+".Consumer";case D:var v=o.render;return o=o.displayName,o||(o=v.displayName||v.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case S:return v=o.displayName||null,v!==null?v:e(o.type)||"Memo";case P:v=o._payload,o=o._init;try{return e(o(v))}catch{}}return null}function t(o){return""+o}function n(o){try{t(o);var v=!1}catch{v=!0}if(v){v=console;var C=v.error,X=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return C.call(v,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",X),t(o)}}function r(o){if(o===B)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===P)return"<...>";try{var v=e(o);return v?"<"+v+">":"<...>"}catch{return"<...>"}}function a(){var o=G.A;return o===null?null:o.getOwner()}function i(){return Error("react-stack-top-frame")}function l(o){if(Z.call(o,"key")){var v=Object.getOwnPropertyDescriptor(o,"key").get;if(v&&v.isReactWarning)return!1}return o.key!==void 0}function s(o,v){function C(){J||(J=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",v))}C.isReactWarning=!0,Object.defineProperty(o,"key",{get:C,configurable:!0})}function f(){var o=e(this.type);return K[o]||(K[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function c(o,v,C,X,ie,$){var Y=C.ref;return o={$$typeof:O,type:o,key:v,props:C,_owner:X},(Y!==void 0?Y:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:f}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:ie}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function p(o,v,C,X,ie,$){var Y=v.children;if(Y!==void 0)if(X)if(U(Y)){for(X=0;X<Y.length;X++)w(Y[X]);Object.freeze&&Object.freeze(Y)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(Y);if(Z.call(v,"key")){Y=e(o);var te=Object.keys(v).filter(function(Ee){return Ee!=="key"});X=0<te.length?"{key: someKey, "+te.join(": ..., ")+": ...}":"{key: someKey}",_[Y+X]||(te=0<te.length?"{"+te.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var Oe;function qe(){return Oe||(Oe=1,process.env.NODE_ENV!=="production"&&function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===V?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case B:return"Fragment";case k:return"Profiler";case W:return"StrictMode";case M:return"Suspense";case g:return"SuspenseList";case I:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case E:return"Portal";case N:return o.displayName||"Context";case L:return(o._context.displayName||"Context")+".Consumer";case D:var v=o.render;return o=o.displayName,o||(o=v.displayName||v.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case S:return v=o.displayName||null,v!==null?v:e(o.type)||"Memo";case P:v=o._payload,o=o._init;try{return e(o(v))}catch{}}return null}function t(o){return""+o}function n(o){try{t(o);var v=!1}catch{v=!0}if(v){v=console;var C=v.error,X=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return C.call(v,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",X),t(o)}}function r(o){if(o===B)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===P)return"<...>";try{var v=e(o);return v?"<"+v+">":"<...>"}catch{return"<...>"}}function a(){var o=G.A;return o===null?null:o.getOwner()}function i(){return Error("react-stack-top-frame")}function u(o){if(Z.call(o,"key")){var v=Object.getOwnPropertyDescriptor(o,"key").get;if(v&&v.isReactWarning)return!1}return o.key!==void 0}function s(o,v){function C(){J||(J=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",v))}C.isReactWarning=!0,Object.defineProperty(o,"key",{get:C,configurable:!0})}function f(){var o=e(this.type);return K[o]||(K[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function c(o,v,C,X,ie,$){var Y=C.ref;return o={$$typeof:O,type:o,key:v,props:C,_owner:X},(Y!==void 0?Y:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:f}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:ie}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function p(o,v,C,X,ie,$){var Y=v.children;if(Y!==void 0)if(X)if(U(Y)){for(X=0;X<Y.length;X++)w(Y[X]);Object.freeze&&Object.freeze(Y)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(Y);if(Z.call(v,"key")){Y=e(o);var te=Object.keys(v).filter(function(Ee){return Ee!=="key"});X=0<te.length?"{key: someKey, "+te.join(": ..., ")+": ...}":"{key: someKey}",_[Y+X]||(te=0<te.length?"{"+te.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,X,Y,te,Y),_[Y+X]=!0)}if(Y=null,C!==void 0&&(n(C),Y=""+C),l(v)&&(n(v.key),Y=""+v.key),"key"in v){C={};for(var de in v)de!=="key"&&(C[de]=v[de])}else C=v;return Y&&s(C,typeof o=="function"?o.displayName||o.name||"Unknown":o),c(o,Y,C,a(),ie,$)}function w(o){R(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===P&&(o._payload.status==="fulfilled"?R(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function R(o){return typeof o=="object"&&o!==null&&o.$$typeof===O}var b=u,O=Symbol.for("react.transitional.element"),E=Symbol.for("react.portal"),B=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),k=Symbol.for("react.profiler"),L=Symbol.for("react.consumer"),N=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),M=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),S=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),I=Symbol.for("react.activity"),V=Symbol.for("react.client.reference"),G=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Z=Object.prototype.hasOwnProperty,U=Array.isArray,z=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(o){return o()}};var J,K={},x=b.react_stack_bottom_frame.bind(b,i)(),H=z(r(i)),_={};le.Fragment=B,le.jsx=function(o,v,C){var X=1e4>G.recentlyCreatedOwnerStacks++;return p(o,v,C,!1,X?Error("react-stack-top-frame"):x,X?z(r(o)):H)},le.jsxs=function(o,v,C){var X=1e4>G.recentlyCreatedOwnerStacks++;return p(o,v,C,!0,X?Error("react-stack-top-frame"):x,X?z(r(o)):H)}}()),le}process.env.NODE_ENV==="production"?he.exports=$e():he.exports=qe();var T=he.exports;const Pe=u.createContext(null),me=e=>{throw new Error(`Unhandled sidebar side: ${e}`)},be={isOpen:!1,anchorState:"closed"},et=({children:e,sidebarWidthPx:t,transitionMs:n,edgeActivationWidthPx:r,dragActivationDeltaPx:a,showOverlay:i,isAbsolute:l,overlayBackgroundColor:s,toggleIconColor:f,toggleIconSizePx:c,toggleIconEdgeDistancePx:p,showToggle:w,mediaQueryWidth:R,swipeBarZIndex:b,toggleZIndex:O,overlayZIndex:E,fadeContent:B,fadeContentTransitionMs:W})=>{var Ve,Je;const[k,L]=u.useState(null),[N,D]=u.useState(!1),[M,g]=u.useState(!1),[S,P]=u.useState({}),[I,V]=u.useState({}),G=u.useRef(null),Z=u.useRef(null),U=u.useRef(null),z=u.useRef(null),[J,K]=u.useState({}),[x,H]=u.useState({}),_=u.useRef(new Map),o=u.useRef(null),v=u.useRef([]),C=((Ve=J.primary)==null?void 0:Ve.isOpen)??!1,X=((Je=J.primary)==null?void 0:Je.anchorState)??"closed",ie=u.useMemo(()=>Object.values(J).some(d=>d.isOpen),[J]),$=_.current.get("primary"),Y=($==null?void 0:$.sidebarRef)??{current:null},te=($==null?void 0:$.toggleRef)??{current:null},de=x.primary??{},[Ee,jt]=u.useState({sidebarWidthPx:t??it,sidebarHeightPx:Ie,transitionMs:n??tt,edgeActivationWidthPx:r??nt,dragActivationDeltaPx:a??rt,showOverlay:i??ot,isAbsolute:l??at,overlayBackgroundColor:s??Ce,toggleIconColor:f??st,toggleIconSizePx:c??ct,toggleIconEdgeDistancePx:p??lt,showToggle:w??ut,mediaQueryWidth:R??ve,swipeBarZIndex:b??dt,toggleZIndex:O??ft,overlayZIndex:E??gt,fadeContent:B??bt,fadeContentTransitionMs:W??mt,swipeToOpen:pt,swipeToClose:vt,midAnchorPoint:wt,midAnchorPointPx:Ie/3,disabled:!1}),kt=u.useCallback((d,h)=>{_.current.set(d,h),K(m=>m[d]?m:{...m,[d]:{...be}})},[]),Nt=u.useCallback(d=>{_.current.delete(d),K(h=>{const m={...h};return delete m[d],m}),H(h=>{const m={...h};return delete m[d],m})},[]),Ft=u.useCallback(d=>_.current.get(d),[]),Ht=u.useCallback((d,h)=>{H(m=>m[d]===h?m:{...m,[d]:h})},[]),q=u.useCallback((d,h)=>{K(m=>{const y=m[d]??be;return y.isOpen===h?m:{...m,[d]:{...y,isOpen:h}}})},[]),ee=u.useCallback((d,h)=>{K(m=>{const y=m[d]??be;return y.anchorState===h?m:{...m,[d]:{...y,anchorState:h}}})},[]);u.useEffect(()=>(N||M||ie?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[N,M,ie]),u.useEffect(()=>{var d;if(S.fadeContent===!1){const h=(d=G.current)==null?void 0:d.firstElementChild;h&&(h.style.opacity="1")}},[S.fadeContent]),u.useEffect(()=>{var d;if(I.fadeContent===!1){const h=(d=Z.current)==null?void 0:d.firstElementChild;h&&(h.style.opacity="1")}},[I.fadeContent]),u.useEffect(()=>{var d;for(const[h,m]of Object.entries(x))if(m.fadeContent===!1){const y=_.current.get(h),A=(d=y==null?void 0:y.sidebarRef.current)==null?void 0:d.firstElementChild;A&&(A.style.opacity="1")}},[x]);const Gt=u.useCallback(d=>{jt(h=>({...h,...d}))},[]),oe=u.useCallback(d=>{const h=v.current,m=h.indexOf(d);m!==-1&&h.splice(m,1),h.push(d),L("bottom")},[]),Qe=u.useCallback(d=>{const h=v.current,m=h.indexOf(d);m!==-1&&h.splice(m,1),K(y=>(Object.entries(y).some(([j,ne])=>j!==d&&ne.isOpen)||L(null),y))},[]),Ut=u.useCallback((d,h)=>{const m=(y,A,j,ne)=>{Se({side:d,ref:y,options:A,toggleRef:j,afterApply:()=>{ne(!0),L(d)}})};if(d==="left"){if(S.disabled)return;m(G,S,U,D)}else if(d==="right"){if(I.disabled)return;m(Z,I,z,g)}else if(d==="bottom"){const y=(h==null?void 0:h.id)??"primary",A=x[y],j=_.current.get(y);if(!A||!j||A.disabled)return;const ne=A.sidebarHeightPx??0,Jt=A.mediaQueryWidth??640,Ke=window.innerWidth<Jt,Kt=Ke?A.midAnchorPointPx??0:ne;Ke&&A.midAnchorPoint&&!A.swipeToOpen&&Kt<ne?Xe({ref:j.sidebarRef,options:A,toggleRef:j.toggleRef,afterApply:()=>{q(y,!0),ee(y,"midAnchor"),oe(y)}}):Se({side:d,ref:j.sidebarRef,options:A,toggleRef:j.toggleRef,afterApply:()=>{q(y,!0),ee(y,"open"),oe(y)}})}else me(d)},[S,I,x,q,ee,oe]),Zt=u.useCallback((d,h)=>{if(d!=="bottom")return;const m=(h==null?void 0:h.id)??"primary",y=x[m],A=_.current.get(m);!y||!A||y.disabled||Xe({ref:A.sidebarRef,options:y,toggleRef:A.toggleRef,afterApply:()=>{q(m,!0),ee(m,"midAnchor"),oe(m)}})},[x,q,ee,oe]),zt=u.useCallback((d,h)=>{if(d!=="bottom")return;const m=(h==null?void 0:h.id)??"primary",y=x[m],A=_.current.get(m);!y||!A||y.disabled||Se({side:d,ref:A.sidebarRef,options:y,toggleRef:A.toggleRef,afterApply:()=>{q(m,!0),ee(m,"open"),oe(m)}})},[x,q,ee,oe]),Qt=u.useCallback((d,h)=>{const m=(y,A,j,ne)=>{De({ref:y,options:A,toggleRef:j,side:d,afterApply:()=>{ne(!1),L(null)}})};if(d==="left"){if(S.disabled)return;m(G,S,U,D)}else if(d==="right"){if(I.disabled)return;m(Z,I,z,g)}else if(d==="bottom"){const y=(h==null?void 0:h.id)??"primary",A=x[y],j=_.current.get(y);if(!A||!j||A.disabled)return;De({ref:j.sidebarRef,options:A,toggleRef:j.toggleRef,side:d,afterApply:()=>{q(y,!1),ee(y,"closed"),Qe(y)}})}else me(d)},[S,I,x,q,ee,Qe]),Vt=u.useCallback((d,h,m)=>{if(d==="left")Ye({ref:G,toggleRef:U,options:S,translateX:h});else if(d==="right")Ye({ref:Z,toggleRef:z,options:I,translateX:h});else if(d==="bottom"){const y=(m==null?void 0:m.id)??"primary",A=x[y],j=_.current.get(y);if(!A||!j)return;Mt({ref:j.sidebarRef,toggleRef:j.toggleRef,options:A,translateY:h})}else me(d)},[S,I,x]);return T.jsx(Pe.Provider,{value:{lockedSidebar:k,setLockedSidebar:L,leftSidebarRef:G,rightSidebarRef:Z,isLeftOpen:N,isRightOpen:M,isBottomOpen:C,bottomAnchorState:X,bottomSidebarRef:Y,bottomToggleRef:te,bottomSidebarOptions:de,bottomSidebars:J,bottomSidebarOptionsMap:x,registerBottomSidebar:kt,unregisterBottomSidebar:Nt,getBottomSidebarRefs:Ft,activeBottomDragIdRef:o,bottomFocusStackRef:v,openSidebar:Ut,openSidebarFully:zt,openSidebarToMidAnchor:Zt,closeSidebar:Qt,dragSidebar:Vt,globalOptions:Ee,setGlobalOptions:Gt,leftSidebarOptions:S,rightSidebarOptions:I,setLeftSidebarOptions:P,setRightSidebarOptions:V,setBottomSidebarOptionsById:Ht,leftToggleRef:U,rightToggleRef:z},children:e})},Q=()=>{const e=u.useContext(Pe);if(!e)throw new Error("useSwipeBarContext must be used within SwipeBarProvider");return e},tt=300,nt=40,rt=20,it=320,Ie=window.innerHeight,ot=!0,at=!1,Ce="rgba(0, 0, 0, 0.5)",pe="rgb(36,36,36)",st="white",ct=40,lt=40,ut=!0,ve=640,dt=30,ft=15,gt=20,Me=.6,ht=200,mt=100,bt=!1,pt=!0,vt=!0,wt=!1,ae="cubic-bezier(0.22, 1, 0.36, 1)",_e={width:0,top:0,bottom:0,flexShrink:0,overflowX:"hidden",willChange:"transform"},St={transform:"translateX(-100%)"},yt={transform:"translateX(100%)"},xt={position:"fixed",left:0,top:0,bottom:0},Rt={position:"fixed",right:0,top:0,bottom:0},Tt={height:0,left:0,right:0,flexShrink:0,overflowY:"hidden",willChange:"transform"},Et={transform:"translateY(100%)"},At={position:"fixed",bottom:0,left:0,right:0},Ot={position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:Ce,transitionProperty:"opacity",pointerEvents:"none",opacity:0},Pt={opacity:1,pointerEvents:"auto"},Le={position:"fixed",top:"50%",transform:"translateY(-50%)",width:"1px",display:"flex",justifyContent:"center"},It={position:"fixed",bottom:0,left:"50%",transform:"translateX(-50%)",height:"1px",display:"flex",alignItems:"center"},Ct={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:r,afterApply:a})=>{const i=ue(e),l=n.transitionMs?n.transitionMs/2:0;i&&n.fadeContent&&(i.style.opacity="0");let s,f;t==="left"||t==="right"?(s="width",f=n.sidebarWidthPx,i&&f&&(i.style.minWidth=`${f}px`)):t==="bottom"?(s="height",f=n.sidebarHeightPx,i&&f&&(i.style.minHeight=`${f}px`)):we(t),requestAnimationFrame(()=>{if(!e.current)return;const c=`transform ${n.transitionMs}ms ${ae}`,p=n.isAbsolute?"":`, ${s} ${n.transitionMs}ms ${ae}`;e.current.style.transition=`${c}${p}`,i&&n.fadeContent&&(i.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[s]=`${f}px`;else if(e.current.style[s]!==`${f}px`){const w=e.current.style.transition;e.current.style.transition=c,e.current.style[s]=`${f}px`,e.current.style.transition=w}r.current&&f&&(r.current.style.opacity="1",t==="left"?r.current.style.transform=`translateY(-50%) translateX(${f}px)`:t==="right"?r.current.style.transform=`translateY(-50%) translateX(-${f}px)`:t==="bottom"&&(r.current.style.transform=`translateX(-50%) translateY(-${f}px)`)),i&&n.fadeContent&&setTimeout(()=>{i.style.opacity="1"},l),a()}})}),setTimeout(()=>{},0)},De=({ref:e,options:t,side:n,toggleRef:r,afterApply:a})=>{const i=ue(e);let l;n==="left"||n==="right"?(l="width",i&&t.sidebarWidthPx&&(i.style.minWidth=`${t.sidebarWidthPx}px`)):n==="bottom"?(l="height",i&&t.sidebarHeightPx&&(i.style.minHeight=`${t.sidebarHeightPx}px`)):we(n),requestAnimationFrame(()=>{if(!e.current)return;const s=`transform ${t.transitionMs}ms ${ae}`,f=t.isAbsolute?"":`, ${l} ${t.transitionMs}ms ${ae}`;e.current.style.transition=`${s}${f}`,i&&t.fadeContent&&(i.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")),r.current&&(r.current.style.opacity="1",n==="left"||n==="right"?r.current.style.transform="translateY(-50%)":n==="bottom"&&(r.current.style.transform="translateX(-50%)")),i&&t.fadeContent&&(i.style.opacity="0"),a())})})},Xe=({ref:e,options:t,toggleRef:n,afterApply:r})=>{const a=ue(e),i=t.transitionMs?t.transitionMs/2:0;a&&t.fadeContent&&(a.style.opacity="0"),a&&t.midAnchorPointPx&&(a.style.minHeight=`${t.sidebarHeightPx}px`),requestAnimationFrame(()=>{if(!e.current)return;const l=`transform ${t.transitionMs}ms ${ae}`,s=t.isAbsolute?"":`, height ${t.transitionMs}ms ${ae}`;e.current.style.transition=`${l}${s}`,a&&t.fadeContent&&(a.style.transition=`opacity ${t.fadeContentTransitionMs}ms ease`),requestAnimationFrame(()=>{if(!e.current)return;const f=t.midAnchorPointPx??0,c=t.sidebarHeightPx??0,p=c-f;if(e.current.style.transform=`translateY(${p}px)`,!t.isAbsolute)e.current.style.height=`${c}px`;else if(e.current.style.height!==`${c}px`){const w=e.current.style.transition;e.current.style.transition=l,e.current.style.height=`${c}px`,e.current.style.transition=w}n.current&&(n.current.style.opacity="1",n.current.style.transform=`translateX(-50%) translateY(-${f}px)`),a&&t.fadeContent&&setTimeout(()=>{a.style.opacity="1"},i),r()})}),setTimeout(()=>{},0)},Ye=({ref:e,toggleRef:t,options:n,translateX:r})=>{!e.current||r===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const a=ue(e);if(e.current){if(a&&n.fadeContent&&(a.style.opacity="0"),a&&n.sidebarWidthPx&&(a.style.minWidth=`${n.sidebarWidthPx}px`),!n.isAbsolute){const i=`${n.sidebarWidthPx}px`;e.current.style.width!==i&&(e.current.style.width=i)}e.current.style.transform=`translateX(${r}px)`,t.current&&(t.current.style.opacity="0",t.current.style.transform=`translateY(-50%) translateX(${r}px)`)}}))},Mt=({ref:e,toggleRef:t,options:n,translateY:r})=>{!e.current||r===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const a=ue(e);if(e.current){if(a&&n.fadeContent&&(a.style.opacity="0"),a&&n.sidebarHeightPx&&(a.style.minHeight=`${n.sidebarHeightPx}px`),!n.isAbsolute){const i=`${n.sidebarHeightPx}px`;e.current.style.height!==i&&(e.current.style.height=i)}e.current.style.transform=`translateY(${r}px)`,t.current&&(t.current.style.opacity="0",t.current.style.transform=`translateX(-50%) translateY(${r}px)`)}}))},fe=({refs:e,clientX:t,clientY:n,touchId:r,isMouse:a})=>{e.draggingRef.current={startX:t,startY:n,activeTouchId:r,isMouse:a,isActivated:!1},e.currentXRef.current=t,e.prevXRef.current=t},Be=({refs:e,clientX:t,clientY:n,touchId:r,isMouse:a})=>{e.draggingRef.current={startX:t,startY:n,activeTouchId:r,isMouse:a,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()},_t=({refs:e,dragSidebar:t,onDeactivate:n})=>{e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null,t(null)},se=e=>e instanceof Element?!!e.closest("input, textarea, [contenteditable='true']"):!1,ye=(e,t)=>{for(let n=0;n<e.length;n++){const r=e[n];if(t==null||r.identifier===t)return r}return null},xe=(e,t)=>{for(let n=0;n<e.length;n++)if(e[n].identifier===t)return!0;return!1},Re=(e,t,n)=>{const{globalOptions:r,setLeftSidebarOptions:a,setRightSidebarOptions:i,setBottomSidebarOptionsById:l}=Q(),{sidebarWidthPx:s,sidebarHeightPx:f,transitionMs:c,edgeActivationWidthPx:p,dragActivationDeltaPx:w,showOverlay:R,isAbsolute:b,overlayBackgroundColor:O,toggleIconColor:E,toggleIconSizePx:B,toggleIconEdgeDistancePx:W,showToggle:k,mediaQueryWidth:L,swipeBarZIndex:N,toggleZIndex:D,overlayZIndex:M,fadeContent:g,fadeContentTransitionMs:S,swipeToOpen:P,swipeToClose:I,midAnchorPoint:V,midAnchorPointPx:G,disabled:Z}=t,U=u.useMemo(()=>{const z=f??r.sidebarHeightPx;return{sidebarWidthPx:s??r.sidebarWidthPx,sidebarHeightPx:z,transitionMs:c??r.transitionMs,edgeActivationWidthPx:p??r.edgeActivationWidthPx,dragActivationDeltaPx:w??r.dragActivationDeltaPx,showOverlay:R??r.showOverlay,isAbsolute:b??r.isAbsolute,overlayBackgroundColor:O??r.overlayBackgroundColor,toggleIconColor:E??r.toggleIconColor,toggleIconSizePx:B??r.toggleIconSizePx,toggleIconEdgeDistancePx:W??r.toggleIconEdgeDistancePx,showToggle:k??r.showToggle,mediaQueryWidth:L??r.mediaQueryWidth,swipeBarZIndex:N??r.swipeBarZIndex,toggleZIndex:D??r.toggleZIndex,overlayZIndex:M??r.overlayZIndex,fadeContent:g??r.fadeContent,fadeContentTransitionMs:S??r.fadeContentTransitionMs,swipeToOpen:P??r.swipeToOpen,swipeToClose:I??r.swipeToClose,midAnchorPoint:V??r.midAnchorPoint,midAnchorPointPx:G??r.midAnchorPointPx??Math.floor(z/3),disabled:Z??r.disabled}},[s,f,c,p,w,R,b,O,E,B,W,k,r,L,N,D,M,g,S,P,I,V,G,Z]);return u.useEffect(()=>{e==="left"?a(U):e==="right"?i(U):e==="bottom"?l(n??"primary",U):we(e)},[e,n,U,a,i,l]),U};function ge({isCollapsed:e,setCollapsed:t,closeSidebarOnClick:n=!0,transitionMs:r,overlayBackgroundColor:a,overlayZIndex:i}){return T.jsx("div",{style:{transitionDuration:`${r}ms`,...Ot,...e?{}:Pt,...a?{backgroundColor:a}:{},zIndex:i},onMouseDown:l=>{n&&(l.stopPropagation(),t())}})}function Te({size:e,color:t}){const n=u.useRef(null);return u.useEffect(()=>{const r=()=>{n.current&&(n.current.style.opacity="1")},a=()=>{n.current&&(n.current.style.opacity=`${Me}`)};n.current&&(n.current.addEventListener("mouseenter",r),n.current.addEventListener("mouseleave",a))},[]),T.jsx("div",{style:{...Ct},children:T.jsxs("svg",{style:{transition:`opacity ${ht}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:[T.jsx("g",{strokeWidth:"0"}),T.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round",children:T.jsx("g",{children:T.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:r=!0,ToggleComponent:a}){var c;const{openSidebar:i,closeSidebar:l,bottomSidebars:s}=Q(),f=((c=s[e])==null?void 0:c.isOpen)??!1;return r?T.jsx("div",{ref:t,style:{...It,transition:`transform ${n.transitionMs}ms ease, opacity ${n.transitionMs}ms ease`,zIndex:n.toggleZIndex},children:(!f||f&&!n.showOverlay)&&T.jsx("button",{type:"button",onClick:()=>{n.disabled||(f?l("bottom",{id:e}):i("bottom",{id:e}))},disabled:n.disabled,style:{marginBottom:`${n.toggleIconEdgeDistancePx}px`,transform:f?"rotate(90deg)":"rotate(-90deg)"},children:a??T.jsx(Te,{size:n.toggleIconSizePx,color:n.toggleIconColor})})}):null}function re(e=ve){const t=`(max-width: ${Math.min(e,ve)}px)`,n=()=>typeof window>"u"||typeof window.matchMedia>"u"?!1:window.matchMedia(t).matches,[r,a]=u.useState(n);return u.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia>"u")return;const i=window.matchMedia(t),l=()=>a(i.matches);return l(),i.addEventListener("change",l),()=>i.removeEventListener("change",l)},[t]),r}const ke=({refs:e,callbacks:t,currentY:n,preventDefault:r,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const l=n-e.draggingRef.current.startY;if(!e.draggingRef.current.isActivated&&Math.abs(l)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!e.draggingRef.current.isActivated)return;e.prevYRef.current=e.currentYRef.current,e.currentYRef.current=n;const s=t.getIsOpen(),f=window.innerHeight;let c=!1;if((s||e.draggingRef.current.startY>=f-i.edgeActivationWidthPx)&&(c=!0),!c){e.draggingRef.current=null,t.dragSidebar(null);return}r();const p=i.sidebarHeightPx,w=i.midAnchorPointPx,R=i.midAnchorPoint&&!i.swipeToOpen&&w<p;if(s)if(R){const b=t.getBottomAnchorState();if(b==="open"){const O=Math.max(0,Math.min(p,l-i.dragActivationDeltaPx));t.dragSidebar(O)}else if(b==="midAnchor"){const O=p-w,E=Math.max(0,Math.min(p,O+l-i.dragActivationDeltaPx));t.dragSidebar(E)}}else{const b=Math.max(0,Math.min(p,l-i.dragActivationDeltaPx));t.dragSidebar(b)}else if(e.draggingRef.current.startY>=f-i.edgeActivationWidthPx)if(R){const b=p-w,O=Math.max(b,Math.min(p,p+l+i.dragActivationDeltaPx));t.dragSidebar(O)}else{const b=Math.max(0,Math.min(p,p+l+i.dragActivationDeltaPx));t.dragSidebar(b)}},Ne=({refs:e,callbacks:t,options:n,onDragEnd:r})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null;return}const a=e.currentYRef.current??e.draggingRef.current.startY,i=e.prevYRef.current??e.draggingRef.current.startY,l=e.draggingRef.current.startY,s=t.getIsOpen(),f=window.innerHeight;e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null,r();const c=a<i,p=a>=i,w=l>=f-n.edgeActivationWidthPx,R=n.midAnchorPointPx,b=n.sidebarHeightPx,O=n.midAnchorPoint&&!n.swipeToOpen&&R<b;if(s)if(O){const E=t.getBottomAnchorState(),B=b-R;if(E==="open"){const W=Math.max(0,a-l);p?W>B?t.closeSidebar():t.openToMidAnchor():W<B?t.openSidebarFully():t.openToMidAnchor(),t.dragSidebar(null)}else if(E==="midAnchor"){const W=b-R,k=Math.max(0,Math.min(b,W+(a-l)));if(c)k<B?t.openSidebarFully():t.openToMidAnchor();else{const L=(b+W)/2;k>L?t.closeSidebar():t.openToMidAnchor()}t.dragSidebar(null)}}else p?t.closeSidebar():t.openSidebar(),t.dragSidebar(null);else w&&c?(O?t.openToMidAnchor():t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Lt(e,t){var L,N;const n=re(e.mediaQueryWidth),{lockedSidebar:r,setLockedSidebar:a,bottomSidebars:i,openSidebar:l,openSidebarFully:s,closeSidebar:f,dragSidebar:c,openSidebarToMidAnchor:p,activeBottomDragIdRef:w,bottomFocusStackRef:R}=Q(),b=((L=i[t])==null?void 0:L.isOpen)??!1,O=((N=i[t])==null?void 0:N.anchorState)??"closed",E=u.useRef(null),B=u.useRef(null),W=u.useRef(null),k=u.useRef(O);u.useEffect(()=>{k.current=O},[O]),u.useEffect(()=>{if(!n||r==="left"||r==="right"||e.disabled)return;const D={getIsOpen:()=>b,openSidebar:()=>l("bottom",{id:t}),openSidebarFully:()=>s("bottom",{id:t}),closeSidebar:()=>f("bottom",{id:t}),dragSidebar:x=>c("bottom",x,{id:t}),getBottomAnchorState:()=>k.current,openToMidAnchor:()=>p("bottom",{id:t})},M={draggingRef:E,currentYRef:B,prevYRef:W},g=()=>w.current!==null&&w.current!==t,S=()=>{const x=R.current;return x.length===0?!0:x[x.length-1]===t},P=()=>{if(g()){E.current=null;return}w.current=t,a("bottom")},I=()=>{w.current===t&&(w.current=null)};function V(x){if(r==="left"||r==="right"||g()||!S()||se(x.target)||x.changedTouches.length===0)return;const H=x.changedTouches[0],_=window.innerHeight,o=D.getIsOpen(),v=H.clientY>=_-e.edgeActivationWidthPx;o&&!e.swipeToClose||!o&&!e.swipeToOpen||(o||v)&&Be({refs:M,clientX:H.clientX,clientY:H.clientY,touchId:H.identifier,isMouse:!1})}function G(x){if(r==="left"||r==="right")return;if(g()){E.current=null;return}if(!E.current||E.current.isMouse)return;const H=E.current.activeTouchId,_=ye(x.changedTouches,H);_&&ke({refs:M,callbacks:D,currentY:_.clientY,preventDefault:()=>x.preventDefault(),lockPane:P,options:e})}function Z(x){if(r==="left"||r==="right"||!E.current||E.current.isMouse)return;const H=E.current.activeTouchId;xe(x.changedTouches,H)&&Ne({refs:M,callbacks:D,options:e,onDragEnd:I})}function U(){r==="left"||r==="right"||!E.current||E.current.isMouse||(I(),_t({refs:M,dragSidebar:D.dragSidebar,onDeactivate:()=>{}}))}function z(x){if(r==="left"||r==="right"||g()||!S()||se(x.target)||x.button!==0)return;const H=window.innerHeight,_=D.getIsOpen(),o=x.clientY>=H-e.edgeActivationWidthPx;_&&!e.swipeToClose||!_&&!e.swipeToOpen||(_||o)&&Be({refs:M,clientX:x.clientX,clientY:x.clientY,touchId:null,isMouse:!0})}function J(x){if(!(r==="left"||r==="right")){if(g()){E.current=null;return}!E.current||!E.current.isMouse||ke({refs:M,callbacks:D,currentY:x.clientY,preventDefault:()=>x.preventDefault(),lockPane:P,options:e})}}function K(){r==="left"||r==="right"||!E.current||!E.current.isMouse||Ne({refs:M,callbacks:D,options:e,onDragEnd:I})}return window.addEventListener("touchstart",V,{passive:!0}),window.addEventListener("touchmove",G,{passive:!1}),window.addEventListener("touchend",Z,{passive:!0}),window.addEventListener("touchcancel",U,{passive:!0}),window.addEventListener("mousedown",z,{passive:!0}),window.addEventListener("mousemove",J,{passive:!1}),window.addEventListener("mouseup",K,{passive:!0}),()=>{window.removeEventListener("touchstart",V),window.removeEventListener("touchmove",G),window.removeEventListener("touchend",Z),window.removeEventListener("touchcancel",U),window.removeEventListener("mousedown",z),window.removeEventListener("mousemove",J),window.removeEventListener("mouseup",K)}},[t,n,b,l,s,f,c,r,a,e,p,w,R])}function Dt({id:e="primary",className:t,children:n,ToggleComponent:r,...a}){var O;if((n==null?void 0:n.type)===T.Fragment)throw new Error("Fragments is not allowed in SwipeBarBottom");const{bottomSidebars:i,closeSidebar:l,registerBottomSidebar:s,unregisterBottomSidebar:f}=Q(),c=u.useRef(null),p=u.useRef(null);u.useEffect(()=>(s(e,{sidebarRef:c,toggleRef:p}),()=>f(e)),[e,s,f]);const w=Re("bottom",a,e),R=re(w.mediaQueryWidth);Lt(w,e);const b=((O=i[e])==null?void 0:O.isOpen)??!1;return T.jsxs(T.Fragment,{children:[w.showOverlay&&T.jsx(ge,{isCollapsed:!b,setCollapsed:()=>l("bottom",{id:e}),transitionMs:w.transitionMs,overlayBackgroundColor:w.overlayBackgroundColor,overlayZIndex:w.overlayZIndex}),T.jsx(je,{id:e,toggleRef:p,options:w,showToggle:w.showToggle,ToggleComponent:r}),T.jsx("div",{ref:c,style:{...Tt,...Et,...w.isAbsolute||R?At:{},...t?{}:{backgroundColor:pe},zIndex:w.swipeBarZIndex},className:t,children:n})]})}function Fe({options:e,showToggle:t=!0,ToggleComponent:n}){const{openSidebar:r,leftToggleRef:a,isLeftOpen:i,closeSidebar:l}=Q();return t?T.jsx("div",{ref:a,style:{...Le,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,left:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&T.jsx("button",{type:"button",onClick:()=>{e.disabled||(i?l("left"):r("left"))},disabled:e.disabled,style:{marginLeft:`${e.toggleIconEdgeDistancePx}px`,...i?{transform:"rotate(180deg)"}:{}},children:n??T.jsx(Te,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const He=({refs:e,callbacks:t,currentX:n,preventDefault:r,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const l=n-e.draggingRef.current.startX;if(!e.draggingRef.current.isActivated&&Math.abs(l)>=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=t.getIsOpen();let f=!1;if((s||e.draggingRef.current.startX<=i.edgeActivationWidthPx)&&(f=!0),!f){e.draggingRef.current=null,t.dragSidebar(null);return}r();const c=i.sidebarWidthPx;if(s){const p=Math.min(0,Math.max(-c,l+i.dragActivationDeltaPx));t.dragSidebar(p)}else if(e.draggingRef.current.startX<=i.edgeActivationWidthPx){const p=Math.min(0,Math.max(-c,-c+l-i.dragActivationDeltaPx));t.dragSidebar(p)}},Ge=({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 r=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,l=t.getIsOpen();e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const s=r>=a,f=r<a,c=i<=n.edgeActivationWidthPx;l?(f?t.closeSidebar():t.openSidebar(),t.dragSidebar(null)):c&&s?(t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Xt(e){const t=re(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:r,isLeftOpen:a,openSidebar:i,closeSidebar:l,dragSidebar:s,leftSidebarRef:f}=Q(),c=u.useRef(null),p=u.useRef(null),w=u.useRef(null);u.useEffect(()=>{if(!t||n==="right"||e.disabled)return;const R={getIsOpen:()=>a,openSidebar:()=>i("left"),closeSidebar:()=>l("left"),dragSidebar:g=>s("left",g)},b={draggingRef:c,currentXRef:p,prevXRef:w},O=()=>r("left"),E=()=>r(null);function B(g){if(n==="right"||se(g.target)||g.changedTouches.length===0)return;const S=g.changedTouches[0],P=R.getIsOpen(),I=S.clientX<=e.edgeActivationWidthPx;P&&!e.swipeToClose||!P&&!e.swipeToOpen||(P||I)&&fe({refs:b,clientX:S.clientX,clientY:S.clientY,touchId:S.identifier,isMouse:!1})}function W(g){if(n==="right"||!c.current||c.current.isMouse)return;const S=c.current.activeTouchId,P=ye(g.changedTouches,S);P&&He({refs:b,callbacks:R,currentX:P.clientX,preventDefault:()=>g.preventDefault(),lockPane:O,options:e})}function k(g){if(n==="right"||!c.current||c.current.isMouse)return;const S=c.current.activeTouchId;xe(g.changedTouches,S)&&Ge({refs:b,callbacks:R,options:e})}function L(){n!=="right"&&(!c.current||c.current.isMouse||We({refs:b,dragSidebar:R.dragSidebar,onDeactivate:E}))}function N(g){if(n==="right"||se(g.target)||g.button!==0)return;const S=R.getIsOpen(),P=g.clientX<=e.edgeActivationWidthPx;S&&!e.swipeToClose||!S&&!e.swipeToOpen||(S||P)&&fe({refs:b,clientX:g.clientX,clientY:g.clientY,touchId:null,isMouse:!0})}function D(g){n!=="right"&&(!c.current||!c.current.isMouse||He({refs:b,callbacks:R,currentX:g.clientX,preventDefault:()=>g.preventDefault(),lockPane:O,options:e}))}function M(){n!=="right"&&(!c.current||!c.current.isMouse||Ge({refs:b,callbacks:R,options:e}))}return window.addEventListener("touchstart",B,{passive:!0}),window.addEventListener("touchmove",W,{passive:!1}),window.addEventListener("touchend",k,{passive:!0}),window.addEventListener("touchcancel",L,{passive:!0}),window.addEventListener("mousedown",N,{passive:!0}),window.addEventListener("mousemove",D,{passive:!1}),window.addEventListener("mouseup",M,{passive:!0}),()=>{window.removeEventListener("touchstart",B),window.removeEventListener("touchmove",W),window.removeEventListener("touchend",k),window.removeEventListener("touchcancel",L),window.removeEventListener("mousedown",N),window.removeEventListener("mousemove",D),window.removeEventListener("mouseup",M)}},[t,a,i,l,s,n,r,f,e])}function Yt({className:e,children:t,ToggleComponent:n,...r}){if((t==null?void 0:t.type)===T.Fragment)throw new Error("Fragments is not allowed in SwipeBarLeft");const{isLeftOpen:a,closeSidebar:i,leftSidebarRef:l}=Q(),s=Re("left",r),f=re(s.mediaQueryWidth);return Xt(s),T.jsxs(T.Fragment,{children:[s.showOverlay&&T.jsx(ge,{isCollapsed:!a,setCollapsed:()=>i("left"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),T.jsx(Fe,{options:s,showToggle:s.showToggle,ToggleComponent:n}),T.jsx("div",{ref:l,style:{..._e,...St,...s.isAbsolute||f?xt:{},...e?{}:{backgroundColor:pe},zIndex:s.swipeBarZIndex},className:e,children:t})]})}function Ue({options:e,showToggle:t=!0,ToggleComponent:n}){const{openSidebar:r,rightToggleRef:a,isRightOpen:i,closeSidebar:l}=Q();return t?T.jsx("div",{ref:a,style:{...Le,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,right:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&T.jsx("button",{type:"button",onClick:()=>{e.disabled||(i?l("right"):r("right"))},disabled:e.disabled,style:{marginRight:`${e.toggleIconEdgeDistancePx}px`,...i?{}:{transform:"rotate(180deg)"}},children:n??T.jsx(Te,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const Ze=({refs:e,callbacks:t,currentX:n,preventDefault:r,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const l=window.innerWidth,s=n-e.draggingRef.current.startX,f=e.draggingRef.current.startX>=l-i.edgeActivationWidthPx,c=e.draggingRef.current.isActivated;if(!c&&Math.abs(s)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!c)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const p=t.getIsOpen();let w=!1;if((p||f)&&(w=!0),!w){e.draggingRef.current=null,t.dragSidebar(null);return}r();const R=i.sidebarWidthPx;if(p){const b=Math.max(0,Math.min(R,s-i.dragActivationDeltaPx));t.dragSidebar(b)}else{const b=Math.max(0,Math.min(R,R+s+i.dragActivationDeltaPx));t.dragSidebar(b)}},ze=({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 r=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,l=t.getIsOpen(),s=window.innerWidth;e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const f=r>a,c=r<a,p=i>=s-n.edgeActivationWidthPx;l?(f?t.closeSidebar():t.openSidebar(),t.dragSidebar(null)):p&&c?(t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Bt(e){const t=re(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:r,isRightOpen:a,openSidebar:i,closeSidebar:l,dragSidebar:s,rightSidebarRef:f}=Q(),c=u.useRef(null),p=u.useRef(null),w=u.useRef(null);u.useEffect(()=>{if(!t||n==="left"||e.disabled)return;const R={getIsOpen:()=>a,openSidebar:()=>i("right"),closeSidebar:()=>l("right"),dragSidebar:g=>s("right",g)},b={draggingRef:c,currentXRef:p,prevXRef:w},O=()=>r("right"),E=()=>r(null);function B(g){if(n==="left"||se(g.target)||g.changedTouches.length===0)return;const S=g.changedTouches[0],P=window.innerWidth,I=R.getIsOpen(),V=S.clientX>=P-e.edgeActivationWidthPx;I&&!e.swipeToClose||!I&&!e.swipeToOpen||(I||V)&&fe({refs:b,clientX:S.clientX,clientY:S.clientY,touchId:S.identifier,isMouse:!1})}function W(g){if(n==="left"||!c.current||c.current.isMouse)return;const S=c.current.activeTouchId,P=ye(g.changedTouches,S);P&&Ze({refs:b,callbacks:R,currentX:P.clientX,preventDefault:()=>g.preventDefault(),lockPane:O,options:e})}function k(g){if(n==="left"||!c.current||c.current.isMouse)return;const S=c.current.activeTouchId;xe(g.changedTouches,S)&&ze({refs:b,callbacks:R,options:e})}function L(){n!=="left"&&(!c.current||c.current.isMouse||We({refs:b,dragSidebar:R.dragSidebar,onDeactivate:E}))}function N(g){if(n==="left"||se(g.target)||g.button!==0)return;const S=window.innerWidth,P=R.getIsOpen(),I=g.clientX>=S-e.edgeActivationWidthPx;P&&!e.swipeToClose||!P&&!e.swipeToOpen||(P||I)&&fe({refs:b,clientX:g.clientX,clientY:g.clientY,touchId:null,isMouse:!0})}function D(g){n!=="left"&&(!c.current||!c.current.isMouse||Ze({refs:b,callbacks:R,currentX:g.clientX,preventDefault:()=>g.preventDefault(),lockPane:O,options:e}))}function M(){n!=="left"&&(!c.current||!c.current.isMouse||ze({refs:b,callbacks:R,options:e}))}return window.addEventListener("touchstart",B,{passive:!0}),window.addEventListener("touchmove",W,{passive:!1}),window.addEventListener("touchend",k,{passive:!0}),window.addEventListener("touchcancel",L,{passive:!0}),window.addEventListener("mousedown",N,{passive:!0}),window.addEventListener("mousemove",D,{passive:!1}),window.addEventListener("mouseup",M,{passive:!0}),()=>{window.removeEventListener("touchstart",B),window.removeEventListener("touchmove",W),window.removeEventListener("touchend",k),window.removeEventListener("touchcancel",L),window.removeEventListener("mousedown",N),window.removeEventListener("mousemove",D),window.removeEventListener("mouseup",M)}},[t,a,i,l,s,n,r,f,e])}function Wt({className:e,children:t,ToggleComponent:n,...r}){if((t==null?void 0:t.type)===T.Fragment)throw new Error("Fragments is not allowed in SwipeBarRight");const{isRightOpen:a,closeSidebar:i,rightSidebarRef:l}=Q(),s=Re("right",r),f=re(s.mediaQueryWidth);return Bt(s),T.jsxs(T.Fragment,{children:[s.showOverlay&&T.jsx(ge,{isCollapsed:!a,setCollapsed:()=>i("right"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),T.jsx(Ue,{options:s,showToggle:s.showToggle,ToggleComponent:n}),T.jsx("div",{ref:l,style:{..._e,...yt,...s.isAbsolute||f?Rt:{},...e?{}:{backgroundColor:pe},zIndex:s.swipeBarZIndex},className:e,children:t})]})}F.Overlay=ge,F.SwipeBarBottom=Dt,F.SwipeBarLeft=Yt,F.SwipeBarProvider=et,F.SwipeBarRight=Wt,F.ToggleBottom=je,F.ToggleLeft=Fe,F.ToggleRight=Ue,F.useMediaQuery=re,F.useSwipeBarContext=Q,Object.defineProperty(F,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,X,Y,te,Y),_[Y+X]=!0)}if(Y=null,C!==void 0&&(n(C),Y=""+C),u(v)&&(n(v.key),Y=""+v.key),"key"in v){C={};for(var de in v)de!=="key"&&(C[de]=v[de])}else C=v;return Y&&s(C,typeof o=="function"?o.displayName||o.name||"Unknown":o),c(o,Y,C,a(),ie,$)}function w(o){R(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===P&&(o._payload.status==="fulfilled"?R(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function R(o){return typeof o=="object"&&o!==null&&o.$$typeof===O}var b=l,O=Symbol.for("react.transitional.element"),E=Symbol.for("react.portal"),B=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),k=Symbol.for("react.profiler"),L=Symbol.for("react.consumer"),N=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),M=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),S=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),I=Symbol.for("react.activity"),V=Symbol.for("react.client.reference"),G=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Z=Object.prototype.hasOwnProperty,U=Array.isArray,z=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(o){return o()}};var J,K={},x=b.react_stack_bottom_frame.bind(b,i)(),H=z(r(i)),_={};ue.Fragment=B,ue.jsx=function(o,v,C){var X=1e4>G.recentlyCreatedOwnerStacks++;return p(o,v,C,!1,X?Error("react-stack-top-frame"):x,X?z(r(o)):H)},ue.jsxs=function(o,v,C){var X=1e4>G.recentlyCreatedOwnerStacks++;return p(o,v,C,!0,X?Error("react-stack-top-frame"):x,X?z(r(o)):H)}}()),ue}process.env.NODE_ENV==="production"?he.exports=$e():he.exports=qe();var T=he.exports;const Pe=l.createContext(null),me=e=>{throw new Error(`Unhandled sidebar side: ${e}`)},be={isOpen:!1,anchorState:"closed"},et=({children:e,sidebarWidthPx:t,transitionMs:n,edgeActivationWidthPx:r,dragActivationDeltaPx:a,showOverlay:i,isAbsolute:u,overlayBackgroundColor:s,toggleIconColor:f,toggleIconSizePx:c,toggleIconEdgeDistancePx:p,showToggle:w,mediaQueryWidth:R,swipeBarZIndex:b,toggleZIndex:O,overlayZIndex:E,fadeContent:B,fadeContentTransitionMs:W})=>{var Ve,Je;const[k,L]=l.useState(null),[N,D]=l.useState(!1),[M,g]=l.useState(!1),[S,P]=l.useState({}),[I,V]=l.useState({}),G=l.useRef(null),Z=l.useRef(null),U=l.useRef(null),z=l.useRef(null),[J,K]=l.useState({}),[x,H]=l.useState({}),_=l.useRef(new Map),o=l.useRef(null),v=l.useRef([]),C=((Ve=J.primary)==null?void 0:Ve.isOpen)??!1,X=((Je=J.primary)==null?void 0:Je.anchorState)??"closed",ie=l.useMemo(()=>Object.values(J).some(d=>d.isOpen),[J]),$=_.current.get("primary"),Y=($==null?void 0:$.sidebarRef)??{current:null},te=($==null?void 0:$.toggleRef)??{current:null},de=x.primary??{},[Ee,jt]=l.useState({sidebarWidthPx:t??it,sidebarHeightPx:Ie,transitionMs:n??tt,edgeActivationWidthPx:r??nt,dragActivationDeltaPx:a??rt,showOverlay:i??ot,isAbsolute:u??at,overlayBackgroundColor:s??Ce,toggleIconColor:f??st,toggleIconSizePx:c??ct,toggleIconEdgeDistancePx:p??ut,showToggle:w??lt,mediaQueryWidth:R??ve,swipeBarZIndex:b??dt,toggleZIndex:O??ft,overlayZIndex:E??gt,fadeContent:B??bt,fadeContentTransitionMs:W??mt,swipeToOpen:pt,swipeToClose:vt,midAnchorPoint:wt,midAnchorPointPx:Ie/3,disabled:!1}),kt=l.useCallback((d,h)=>{_.current.set(d,h),K(m=>m[d]?m:{...m,[d]:{...be}})},[]),Nt=l.useCallback(d=>{_.current.delete(d),K(h=>{const m={...h};return delete m[d],m}),H(h=>{const m={...h};return delete m[d],m})},[]),Ft=l.useCallback(d=>_.current.get(d),[]),Ht=l.useCallback((d,h)=>{H(m=>m[d]===h?m:{...m,[d]:h})},[]),q=l.useCallback((d,h)=>{K(m=>{const y=m[d]??be;return y.isOpen===h?m:{...m,[d]:{...y,isOpen:h}}})},[]),ee=l.useCallback((d,h)=>{K(m=>{const y=m[d]??be;return y.anchorState===h?m:{...m,[d]:{...y,anchorState:h}}})},[]);l.useEffect(()=>(N||M||ie?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[N,M,ie]),l.useEffect(()=>{var d;if(S.fadeContent===!1){const h=(d=G.current)==null?void 0:d.firstElementChild;h&&(h.style.opacity="1")}},[S.fadeContent]),l.useEffect(()=>{var d;if(I.fadeContent===!1){const h=(d=Z.current)==null?void 0:d.firstElementChild;h&&(h.style.opacity="1")}},[I.fadeContent]),l.useEffect(()=>{var d;for(const[h,m]of Object.entries(x))if(m.fadeContent===!1){const y=_.current.get(h),A=(d=y==null?void 0:y.sidebarRef.current)==null?void 0:d.firstElementChild;A&&(A.style.opacity="1")}},[x]);const Gt=l.useCallback(d=>{jt(h=>({...h,...d}))},[]),oe=l.useCallback(d=>{const h=v.current,m=h.indexOf(d);m!==-1&&h.splice(m,1),h.push(d),L("bottom")},[]),Qe=l.useCallback(d=>{const h=v.current,m=h.indexOf(d);m!==-1&&h.splice(m,1),K(y=>(Object.entries(y).some(([j,ne])=>j!==d&&ne.isOpen)||L(null),y))},[]),Ut=l.useCallback((d,h)=>{const m=(y,A,j,ne)=>{Se({side:d,ref:y,options:A,toggleRef:j,afterApply:()=>{ne(!0),L(d)}})};if(d==="left"){if(S.disabled)return;m(G,S,U,D)}else if(d==="right"){if(I.disabled)return;m(Z,I,z,g)}else if(d==="bottom"){const y=(h==null?void 0:h.id)??"primary",A=x[y],j=_.current.get(y);if(!A||!j||A.disabled)return;const ne=A.sidebarHeightPx??0,Jt=A.mediaQueryWidth??640,Ke=window.innerWidth<Jt,Kt=Ke?A.midAnchorPointPx??0:ne;Ke&&A.midAnchorPoint&&!A.swipeToOpen&&Kt<ne?Xe({ref:j.sidebarRef,options:A,toggleRef:j.toggleRef,afterApply:()=>{q(y,!0),ee(y,"midAnchor"),oe(y)}}):Se({side:d,ref:j.sidebarRef,options:A,toggleRef:j.toggleRef,afterApply:()=>{q(y,!0),ee(y,"open"),oe(y)}})}else me(d)},[S,I,x,q,ee,oe]),Zt=l.useCallback((d,h)=>{if(d!=="bottom")return;const m=(h==null?void 0:h.id)??"primary",y=x[m],A=_.current.get(m);!y||!A||y.disabled||Xe({ref:A.sidebarRef,options:y,toggleRef:A.toggleRef,afterApply:()=>{q(m,!0),ee(m,"midAnchor"),oe(m)}})},[x,q,ee,oe]),zt=l.useCallback((d,h)=>{if(d!=="bottom")return;const m=(h==null?void 0:h.id)??"primary",y=x[m],A=_.current.get(m);!y||!A||y.disabled||Se({side:d,ref:A.sidebarRef,options:y,toggleRef:A.toggleRef,afterApply:()=>{q(m,!0),ee(m,"open"),oe(m)}})},[x,q,ee,oe]),Qt=l.useCallback((d,h)=>{const m=(y,A,j,ne)=>{De({ref:y,options:A,toggleRef:j,side:d,afterApply:()=>{ne(!1),L(null)}})};if(d==="left"){if(S.disabled)return;m(G,S,U,D)}else if(d==="right"){if(I.disabled)return;m(Z,I,z,g)}else if(d==="bottom"){const y=(h==null?void 0:h.id)??"primary",A=x[y],j=_.current.get(y);if(!A||!j||A.disabled)return;De({ref:j.sidebarRef,options:A,toggleRef:j.toggleRef,side:d,afterApply:()=>{q(y,!1),ee(y,"closed"),Qe(y)}})}else me(d)},[S,I,x,q,ee,Qe]),Vt=l.useCallback((d,h,m)=>{if(d==="left")Ye({ref:G,toggleRef:U,options:S,translateX:h});else if(d==="right")Ye({ref:Z,toggleRef:z,options:I,translateX:h});else if(d==="bottom"){const y=(m==null?void 0:m.id)??"primary",A=x[y],j=_.current.get(y);if(!A||!j)return;Mt({ref:j.sidebarRef,toggleRef:j.toggleRef,options:A,translateY:h})}else me(d)},[S,I,x]);return T.jsx(Pe.Provider,{value:{lockedSidebar:k,setLockedSidebar:L,leftSidebarRef:G,rightSidebarRef:Z,isLeftOpen:N,isRightOpen:M,isBottomOpen:C,bottomAnchorState:X,bottomSidebarRef:Y,bottomToggleRef:te,bottomSidebarOptions:de,bottomSidebars:J,bottomSidebarOptionsMap:x,registerBottomSidebar:kt,unregisterBottomSidebar:Nt,getBottomSidebarRefs:Ft,activeBottomDragIdRef:o,bottomFocusStackRef:v,openSidebar:Ut,openSidebarFully:zt,openSidebarToMidAnchor:Zt,closeSidebar:Qt,dragSidebar:Vt,globalOptions:Ee,setGlobalOptions:Gt,leftSidebarOptions:S,rightSidebarOptions:I,setLeftSidebarOptions:P,setRightSidebarOptions:V,setBottomSidebarOptionsById:Ht,leftToggleRef:U,rightToggleRef:z},children:e})},Q=()=>{const e=l.useContext(Pe);if(!e)throw new Error("useSwipeBarContext must be used within SwipeBarProvider");return e},tt=300,nt=40,rt=20,it=320,Ie=window.innerHeight,ot=!0,at=!1,Ce="rgba(0, 0, 0, 0.5)",pe="rgb(36,36,36)",st="white",ct=40,ut=40,lt=!0,ve=640,dt=30,ft=15,gt=20,Me=.6,ht=200,mt=100,bt=!1,pt=!0,vt=!0,wt=!1,ae="cubic-bezier(0.22, 1, 0.36, 1)",_e={width:0,top:0,bottom:0,flexShrink:0,overflowX:"hidden",willChange:"transform"},St={transform:"translateX(-100%)"},yt={transform:"translateX(100%)"},xt={position:"fixed",left:0,top:0,bottom:0},Rt={position:"fixed",right:0,top:0,bottom:0},Tt={height:0,left:0,right:0,flexShrink:0,overflowY:"hidden",willChange:"transform"},Et={transform:"translateY(100%)"},At={position:"fixed",bottom:0,left:0,right:0},Ot={position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:Ce,transitionProperty:"opacity",pointerEvents:"none",opacity:0},Pt={opacity:1,pointerEvents:"auto"},Le={position:"fixed",top:"50%",transform:"translateY(-50%)",width:"1px",display:"flex",justifyContent:"center"},It={position:"fixed",bottom:0,left:"50%",transform:"translateX(-50%)",height:"1px",display:"flex",alignItems:"center"},Ct={position:"relative",cursor:"pointer",display:"flex",height:"72px",alignItems:"center",justifyContent:"center"},we=e=>{throw new Error(`Unhandled sidebar side: ${e}`)},le=e=>{var t;return(t=e.current)==null?void 0:t.firstElementChild},Se=({ref:e,side:t,options:n,toggleRef:r,afterApply:a})=>{const i=le(e),u=n.transitionMs?n.transitionMs/2:0;i&&n.fadeContent&&(i.style.opacity="0");let s,f;t==="left"||t==="right"?(s="width",f=n.sidebarWidthPx,i&&f&&(i.style.minWidth=`${f}px`)):t==="bottom"?(s="height",f=n.sidebarHeightPx,i&&f&&(i.style.minHeight=`${f}px`)):we(t),requestAnimationFrame(()=>{if(!e.current)return;const c=`transform ${n.transitionMs}ms ${ae}`,p=n.isAbsolute?"":`, ${s} ${n.transitionMs}ms ${ae}`;e.current.style.transition=`${c}${p}`,i&&n.fadeContent&&(i.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[s]=`${f}px`;else if(e.current.style[s]!==`${f}px`){const w=e.current.style.transition;e.current.style.transition=c,e.current.style[s]=`${f}px`,e.current.style.transition=w}r.current&&f&&(r.current.style.opacity="1",t==="left"?r.current.style.transform=`translateY(-50%) translateX(${f}px)`:t==="right"?r.current.style.transform=`translateY(-50%) translateX(-${f}px)`:t==="bottom"&&(r.current.style.transform=`translateX(-50%) translateY(-${f}px)`)),i&&n.fadeContent&&setTimeout(()=>{i.style.opacity="1"},u),a()}})}),setTimeout(()=>{},0)},De=({ref:e,options:t,side:n,toggleRef:r,afterApply:a})=>{const i=le(e);let u;n==="left"||n==="right"?(u="width",i&&t.sidebarWidthPx&&(i.style.minWidth=`${t.sidebarWidthPx}px`)):n==="bottom"?(u="height",i&&t.sidebarHeightPx&&(i.style.minHeight=`${t.sidebarHeightPx}px`)):we(n),requestAnimationFrame(()=>{if(!e.current)return;const s=`transform ${t.transitionMs}ms ${ae}`,f=t.isAbsolute?"":`, ${u} ${t.transitionMs}ms ${ae}`;e.current.style.transition=`${s}${f}`,i&&t.fadeContent&&(i.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")),r.current&&(r.current.style.opacity="1",n==="left"||n==="right"?r.current.style.transform="translateY(-50%)":n==="bottom"&&(r.current.style.transform="translateX(-50%)")),i&&t.fadeContent&&(i.style.opacity="0"),a())})})},Xe=({ref:e,options:t,toggleRef:n,afterApply:r})=>{const a=le(e),i=t.transitionMs?t.transitionMs/2:0;a&&t.fadeContent&&(a.style.opacity="0"),a&&t.midAnchorPointPx&&(a.style.minHeight=`${t.sidebarHeightPx}px`),requestAnimationFrame(()=>{if(!e.current)return;const u=`transform ${t.transitionMs}ms ${ae}`,s=t.isAbsolute?"":`, height ${t.transitionMs}ms ${ae}`;e.current.style.transition=`${u}${s}`,a&&t.fadeContent&&(a.style.transition=`opacity ${t.fadeContentTransitionMs}ms ease`),requestAnimationFrame(()=>{if(!e.current)return;const f=t.midAnchorPointPx??0,c=t.sidebarHeightPx??0,p=c-f;if(e.current.style.transform=`translateY(${p}px)`,!t.isAbsolute)e.current.style.height=`${c}px`;else if(e.current.style.height!==`${c}px`){const w=e.current.style.transition;e.current.style.transition=u,e.current.style.height=`${c}px`,e.current.style.transition=w}n.current&&(n.current.style.opacity="1",n.current.style.transform=`translateX(-50%) translateY(-${f}px)`),a&&t.fadeContent&&setTimeout(()=>{a.style.opacity="1"},i),r()})}),setTimeout(()=>{},0)},Ye=({ref:e,toggleRef:t,options:n,translateX:r})=>{!e.current||r===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const a=le(e);if(e.current){if(a&&n.fadeContent&&(a.style.opacity="0"),a&&n.sidebarWidthPx&&(a.style.minWidth=`${n.sidebarWidthPx}px`),!n.isAbsolute){const i=`${n.sidebarWidthPx}px`;e.current.style.width!==i&&(e.current.style.width=i)}e.current.style.transform=`translateX(${r}px)`,t.current&&(t.current.style.opacity="0",t.current.style.transform=`translateY(-50%) translateX(${r}px)`)}}))},Mt=({ref:e,toggleRef:t,options:n,translateY:r})=>{!e.current||r===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const a=le(e);if(e.current){if(a&&n.fadeContent&&(a.style.opacity="0"),a&&n.sidebarHeightPx&&(a.style.minHeight=`${n.sidebarHeightPx}px`),!n.isAbsolute){const i=`${n.sidebarHeightPx}px`;e.current.style.height!==i&&(e.current.style.height=i)}e.current.style.transform=`translateY(${r}px)`,t.current&&(t.current.style.opacity="0",t.current.style.transform=`translateX(-50%) translateY(${r}px)`)}}))},fe=({refs:e,clientX:t,clientY:n,touchId:r,isMouse:a})=>{e.draggingRef.current={startX:t,startY:n,activeTouchId:r,isMouse:a,isActivated:!1},e.currentXRef.current=t,e.prevXRef.current=t},Be=({refs:e,clientX:t,clientY:n,touchId:r,isMouse:a})=>{e.draggingRef.current={startX:t,startY:n,activeTouchId:r,isMouse:a,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()},_t=({refs:e,dragSidebar:t,onDeactivate:n})=>{e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null,t(null)},se=e=>e instanceof Element?!!e.closest("input, textarea, [contenteditable='true']"):!1,ye=(e,t)=>{for(let n=0;n<e.length;n++){const r=e[n];if(t==null||r.identifier===t)return r}return null},xe=(e,t)=>{for(let n=0;n<e.length;n++)if(e[n].identifier===t)return!0;return!1},Re=(e,t,n)=>{const{globalOptions:r,setLeftSidebarOptions:a,setRightSidebarOptions:i,setBottomSidebarOptionsById:u}=Q(),{sidebarWidthPx:s,sidebarHeightPx:f,transitionMs:c,edgeActivationWidthPx:p,dragActivationDeltaPx:w,showOverlay:R,isAbsolute:b,overlayBackgroundColor:O,toggleIconColor:E,toggleIconSizePx:B,toggleIconEdgeDistancePx:W,showToggle:k,mediaQueryWidth:L,swipeBarZIndex:N,toggleZIndex:D,overlayZIndex:M,fadeContent:g,fadeContentTransitionMs:S,swipeToOpen:P,swipeToClose:I,midAnchorPoint:V,midAnchorPointPx:G,disabled:Z}=t,U=l.useMemo(()=>{const z=f??r.sidebarHeightPx;return{sidebarWidthPx:s??r.sidebarWidthPx,sidebarHeightPx:z,transitionMs:c??r.transitionMs,edgeActivationWidthPx:p??r.edgeActivationWidthPx,dragActivationDeltaPx:w??r.dragActivationDeltaPx,showOverlay:R??r.showOverlay,isAbsolute:b??r.isAbsolute,overlayBackgroundColor:O??r.overlayBackgroundColor,toggleIconColor:E??r.toggleIconColor,toggleIconSizePx:B??r.toggleIconSizePx,toggleIconEdgeDistancePx:W??r.toggleIconEdgeDistancePx,showToggle:k??r.showToggle,mediaQueryWidth:L??r.mediaQueryWidth,swipeBarZIndex:N??r.swipeBarZIndex,toggleZIndex:D??r.toggleZIndex,overlayZIndex:M??r.overlayZIndex,fadeContent:g??r.fadeContent,fadeContentTransitionMs:S??r.fadeContentTransitionMs,swipeToOpen:P??r.swipeToOpen,swipeToClose:I??r.swipeToClose,midAnchorPoint:V??r.midAnchorPoint,midAnchorPointPx:G??r.midAnchorPointPx??Math.floor(z/3),disabled:Z??r.disabled}},[s,f,c,p,w,R,b,O,E,B,W,k,r,L,N,D,M,g,S,P,I,V,G,Z]);return l.useEffect(()=>{e==="left"?a(U):e==="right"?i(U):e==="bottom"?u(n??"primary",U):we(e)},[e,n,U,a,i,u]),U};function ge({isCollapsed:e,setCollapsed:t,closeSidebarOnClick:n=!0,transitionMs:r,overlayBackgroundColor:a,overlayZIndex:i}){return T.jsx("div",{style:{transitionDuration:`${r}ms`,...Ot,...e?{}:Pt,...a?{backgroundColor:a}:{},zIndex:i},onMouseDown:u=>{n&&(u.stopPropagation(),t())}})}function Te({size:e,color:t}){const n=l.useRef(null);return l.useEffect(()=>{const r=()=>{n.current&&(n.current.style.opacity="1")},a=()=>{n.current&&(n.current.style.opacity=`${Me}`)};n.current&&(n.current.addEventListener("mouseenter",r),n.current.addEventListener("mouseleave",a))},[]),T.jsx("div",{style:{...Ct},children:T.jsxs("svg",{style:{transition:`opacity ${ht}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:[T.jsx("g",{strokeWidth:"0"}),T.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round",children:T.jsx("g",{children:T.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:r=!0,ToggleComponent:a}){var c;const{openSidebar:i,closeSidebar:u,bottomSidebars:s}=Q(),f=((c=s[e])==null?void 0:c.isOpen)??!1;return r?T.jsx("div",{ref:t,style:{...It,transition:`transform ${n.transitionMs}ms ease, opacity ${n.transitionMs}ms ease`,zIndex:n.toggleZIndex},children:(!f||f&&!n.showOverlay)&&T.jsx("button",{type:"button",onClick:()=>{n.disabled||(f?u("bottom",{id:e}):i("bottom",{id:e}))},disabled:n.disabled,style:{marginBottom:`${n.toggleIconEdgeDistancePx}px`,transform:f?"rotate(90deg)":"rotate(-90deg)"},children:a??T.jsx(Te,{size:n.toggleIconSizePx,color:n.toggleIconColor})})}):null}function re(e=ve){const t=`(max-width: ${Math.min(e,ve)}px)`,n=()=>typeof window>"u"||typeof window.matchMedia>"u"?!1:window.matchMedia(t).matches,[r,a]=l.useState(n);return l.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia>"u")return;const i=window.matchMedia(t),u=()=>a(i.matches);return u(),i.addEventListener("change",u),()=>i.removeEventListener("change",u)},[t]),r}const ke=({refs:e,callbacks:t,currentY:n,preventDefault:r,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const u=n-e.draggingRef.current.startY;if(!e.draggingRef.current.isActivated&&Math.abs(u)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!e.draggingRef.current.isActivated)return;e.prevYRef.current=e.currentYRef.current,e.currentYRef.current=n;const s=t.getIsOpen(),f=window.innerHeight;let c=!1;if((s||e.draggingRef.current.startY>=f-i.edgeActivationWidthPx)&&(c=!0),!c){e.draggingRef.current=null,t.dragSidebar(null);return}r();const p=i.sidebarHeightPx,w=i.midAnchorPointPx,R=i.midAnchorPoint&&!i.swipeToOpen&&w<p;if(s)if(R){const b=t.getBottomAnchorState();if(b==="open"){const O=Math.max(0,Math.min(p,u-i.dragActivationDeltaPx));t.dragSidebar(O)}else if(b==="midAnchor"){const O=p-w,E=Math.max(0,Math.min(p,O+u-i.dragActivationDeltaPx));t.dragSidebar(E)}}else{const b=Math.max(0,Math.min(p,u-i.dragActivationDeltaPx));t.dragSidebar(b)}else if(e.draggingRef.current.startY>=f-i.edgeActivationWidthPx)if(R){const b=p-w,O=Math.max(b,Math.min(p,p+u+i.dragActivationDeltaPx));t.dragSidebar(O)}else{const b=Math.max(0,Math.min(p,p+u+i.dragActivationDeltaPx));t.dragSidebar(b)}},Ne=({refs:e,callbacks:t,options:n,onDragEnd:r})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null;return}const a=e.currentYRef.current??e.draggingRef.current.startY,i=e.prevYRef.current??e.draggingRef.current.startY,u=e.draggingRef.current.startY,s=t.getIsOpen(),f=window.innerHeight;e.draggingRef.current=null,e.currentYRef.current=null,e.prevYRef.current=null,r();const c=a<i,p=a>=i,w=u>=f-n.edgeActivationWidthPx,R=n.midAnchorPointPx,b=n.sidebarHeightPx,O=n.midAnchorPoint&&!n.swipeToOpen&&R<b;if(s)if(O){const E=t.getBottomAnchorState(),B=b-R;if(E==="open"){const W=Math.max(0,a-u);p?W>B?t.closeSidebar():t.openToMidAnchor():W<B?t.openSidebarFully():t.openToMidAnchor(),t.dragSidebar(null)}else if(E==="midAnchor"){const W=b-R,k=Math.max(0,Math.min(b,W+(a-u)));if(c)k<B?t.openSidebarFully():t.openToMidAnchor();else{const L=(b+W)/2;k>L?t.closeSidebar():t.openToMidAnchor()}t.dragSidebar(null)}}else p?t.closeSidebar():t.openSidebar(),t.dragSidebar(null);else w&&c?(O?t.openToMidAnchor():t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Lt(e,t){var L,N;const n=re(e.mediaQueryWidth),{lockedSidebar:r,setLockedSidebar:a,bottomSidebars:i,openSidebar:u,openSidebarFully:s,closeSidebar:f,dragSidebar:c,openSidebarToMidAnchor:p,activeBottomDragIdRef:w,bottomFocusStackRef:R}=Q(),b=((L=i[t])==null?void 0:L.isOpen)??!1,O=((N=i[t])==null?void 0:N.anchorState)??"closed",E=l.useRef(null),B=l.useRef(null),W=l.useRef(null),k=l.useRef(O);l.useEffect(()=>{k.current=O},[O]),l.useEffect(()=>{if(!n||r&&r!=="bottom"||e.disabled)return;const D={getIsOpen:()=>b,openSidebar:()=>u("bottom",{id:t}),openSidebarFully:()=>s("bottom",{id:t}),closeSidebar:()=>f("bottom",{id:t}),dragSidebar:x=>c("bottom",x,{id:t}),getBottomAnchorState:()=>k.current,openToMidAnchor:()=>p("bottom",{id:t})},M={draggingRef:E,currentYRef:B,prevYRef:W},g=()=>w.current!==null&&w.current!==t,S=()=>{const x=R.current;return x.length===0?!0:x[x.length-1]===t},P=()=>{if(g()){E.current=null;return}w.current=t,a("bottom")},I=()=>{w.current===t&&(w.current=null)};function V(x){if(r&&r!=="bottom"||g()||!S()||se(x.target)||x.changedTouches.length===0)return;const H=x.changedTouches[0],_=window.innerHeight,o=D.getIsOpen(),v=H.clientY>=_-e.edgeActivationWidthPx;o&&!e.swipeToClose||!o&&!e.swipeToOpen||(o||v)&&Be({refs:M,clientX:H.clientX,clientY:H.clientY,touchId:H.identifier,isMouse:!1})}function G(x){if(r&&r!=="bottom")return;if(g()){E.current=null;return}if(!E.current||E.current.isMouse)return;const H=E.current.activeTouchId,_=ye(x.changedTouches,H);_&&ke({refs:M,callbacks:D,currentY:_.clientY,preventDefault:()=>x.preventDefault(),lockPane:P,options:e})}function Z(x){if(r&&r!=="bottom"||!E.current||E.current.isMouse)return;const H=E.current.activeTouchId;xe(x.changedTouches,H)&&Ne({refs:M,callbacks:D,options:e,onDragEnd:I})}function U(){r&&r!=="bottom"||!E.current||E.current.isMouse||(I(),_t({refs:M,dragSidebar:D.dragSidebar,onDeactivate:()=>{}}))}function z(x){if(r&&r!=="bottom"||g()||!S()||se(x.target)||x.button!==0)return;const H=window.innerHeight,_=D.getIsOpen(),o=x.clientY>=H-e.edgeActivationWidthPx;_&&!e.swipeToClose||!_&&!e.swipeToOpen||(_||o)&&Be({refs:M,clientX:x.clientX,clientY:x.clientY,touchId:null,isMouse:!0})}function J(x){if(!(r&&r!=="bottom")){if(g()){E.current=null;return}!E.current||!E.current.isMouse||ke({refs:M,callbacks:D,currentY:x.clientY,preventDefault:()=>x.preventDefault(),lockPane:P,options:e})}}function K(){r&&r!=="bottom"||!E.current||!E.current.isMouse||Ne({refs:M,callbacks:D,options:e,onDragEnd:I})}return window.addEventListener("touchstart",V,{passive:!0}),window.addEventListener("touchmove",G,{passive:!1}),window.addEventListener("touchend",Z,{passive:!0}),window.addEventListener("touchcancel",U,{passive:!0}),window.addEventListener("mousedown",z,{passive:!0}),window.addEventListener("mousemove",J,{passive:!1}),window.addEventListener("mouseup",K,{passive:!0}),()=>{window.removeEventListener("touchstart",V),window.removeEventListener("touchmove",G),window.removeEventListener("touchend",Z),window.removeEventListener("touchcancel",U),window.removeEventListener("mousedown",z),window.removeEventListener("mousemove",J),window.removeEventListener("mouseup",K)}},[t,n,b,u,s,f,c,r,a,e,p,w,R])}function Dt({id:e="primary",className:t,children:n,ToggleComponent:r,...a}){var O;if((n==null?void 0:n.type)===T.Fragment)throw new Error("Fragments is not allowed in SwipeBarBottom");const{bottomSidebars:i,closeSidebar:u,registerBottomSidebar:s,unregisterBottomSidebar:f}=Q(),c=l.useRef(null),p=l.useRef(null);l.useEffect(()=>(s(e,{sidebarRef:c,toggleRef:p}),()=>f(e)),[e,s,f]);const w=Re("bottom",a,e),R=re(w.mediaQueryWidth);Lt(w,e);const b=((O=i[e])==null?void 0:O.isOpen)??!1;return T.jsxs(T.Fragment,{children:[w.showOverlay&&T.jsx(ge,{isCollapsed:!b,setCollapsed:()=>u("bottom",{id:e}),transitionMs:w.transitionMs,overlayBackgroundColor:w.overlayBackgroundColor,overlayZIndex:w.overlayZIndex}),T.jsx(je,{id:e,toggleRef:p,options:w,showToggle:w.showToggle,ToggleComponent:r}),T.jsx("div",{ref:c,style:{...Tt,...Et,...w.isAbsolute||R?At:{},...t?{}:{backgroundColor:pe},zIndex:w.swipeBarZIndex},className:t,children:n})]})}function Fe({options:e,showToggle:t=!0,ToggleComponent:n}){const{openSidebar:r,leftToggleRef:a,isLeftOpen:i,closeSidebar:u}=Q();return t?T.jsx("div",{ref:a,style:{...Le,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,left:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&T.jsx("button",{type:"button",onClick:()=>{e.disabled||(i?u("left"):r("left"))},disabled:e.disabled,style:{marginLeft:`${e.toggleIconEdgeDistancePx}px`,...i?{transform:"rotate(180deg)"}:{}},children:n??T.jsx(Te,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const He=({refs:e,callbacks:t,currentX:n,preventDefault:r,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const u=n-e.draggingRef.current.startX;if(!e.draggingRef.current.isActivated&&Math.abs(u)>=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=t.getIsOpen();let f=!1;if((s||e.draggingRef.current.startX<=i.edgeActivationWidthPx)&&(f=!0),!f){e.draggingRef.current=null,t.dragSidebar(null);return}r();const c=i.sidebarWidthPx;if(s){const p=Math.min(0,Math.max(-c,u+i.dragActivationDeltaPx));t.dragSidebar(p)}else if(e.draggingRef.current.startX<=i.edgeActivationWidthPx){const p=Math.min(0,Math.max(-c,-c+u-i.dragActivationDeltaPx));t.dragSidebar(p)}},Ge=({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 r=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,u=t.getIsOpen();e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const s=r>=a,f=r<a,c=i<=n.edgeActivationWidthPx;u?(f?t.closeSidebar():t.openSidebar(),t.dragSidebar(null)):c&&s?(t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Xt(e){const t=re(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:r,isLeftOpen:a,openSidebar:i,closeSidebar:u,dragSidebar:s,leftSidebarRef:f}=Q(),c=l.useRef(null),p=l.useRef(null),w=l.useRef(null);l.useEffect(()=>{if(!t||n&&n!=="left"||e.disabled)return;const R={getIsOpen:()=>a,openSidebar:()=>i("left"),closeSidebar:()=>u("left"),dragSidebar:g=>s("left",g)},b={draggingRef:c,currentXRef:p,prevXRef:w},O=()=>r("left"),E=()=>r(null);function B(g){if(n&&n!=="left"||se(g.target)||g.changedTouches.length===0)return;const S=g.changedTouches[0],P=R.getIsOpen(),I=S.clientX<=e.edgeActivationWidthPx;P&&!e.swipeToClose||!P&&!e.swipeToOpen||(P||I)&&fe({refs:b,clientX:S.clientX,clientY:S.clientY,touchId:S.identifier,isMouse:!1})}function W(g){if(n&&n!=="left"||!c.current||c.current.isMouse)return;const S=c.current.activeTouchId,P=ye(g.changedTouches,S);P&&He({refs:b,callbacks:R,currentX:P.clientX,preventDefault:()=>g.preventDefault(),lockPane:O,options:e})}function k(g){if(n&&n!=="left"||!c.current||c.current.isMouse)return;const S=c.current.activeTouchId;xe(g.changedTouches,S)&&Ge({refs:b,callbacks:R,options:e})}function L(){n&&n!=="left"||!c.current||c.current.isMouse||We({refs:b,dragSidebar:R.dragSidebar,onDeactivate:E})}function N(g){if(n&&n!=="left"||se(g.target)||g.button!==0)return;const S=R.getIsOpen(),P=g.clientX<=e.edgeActivationWidthPx;S&&!e.swipeToClose||!S&&!e.swipeToOpen||(S||P)&&fe({refs:b,clientX:g.clientX,clientY:g.clientY,touchId:null,isMouse:!0})}function D(g){n&&n!=="left"||!c.current||!c.current.isMouse||He({refs:b,callbacks:R,currentX:g.clientX,preventDefault:()=>g.preventDefault(),lockPane:O,options:e})}function M(){n&&n!=="left"||!c.current||!c.current.isMouse||Ge({refs:b,callbacks:R,options:e})}return window.addEventListener("touchstart",B,{passive:!0}),window.addEventListener("touchmove",W,{passive:!1}),window.addEventListener("touchend",k,{passive:!0}),window.addEventListener("touchcancel",L,{passive:!0}),window.addEventListener("mousedown",N,{passive:!0}),window.addEventListener("mousemove",D,{passive:!1}),window.addEventListener("mouseup",M,{passive:!0}),()=>{window.removeEventListener("touchstart",B),window.removeEventListener("touchmove",W),window.removeEventListener("touchend",k),window.removeEventListener("touchcancel",L),window.removeEventListener("mousedown",N),window.removeEventListener("mousemove",D),window.removeEventListener("mouseup",M)}},[t,a,i,u,s,n,r,f,e])}function Yt({className:e,children:t,ToggleComponent:n,...r}){if((t==null?void 0:t.type)===T.Fragment)throw new Error("Fragments is not allowed in SwipeBarLeft");const{isLeftOpen:a,closeSidebar:i,leftSidebarRef:u}=Q(),s=Re("left",r),f=re(s.mediaQueryWidth);return Xt(s),T.jsxs(T.Fragment,{children:[s.showOverlay&&T.jsx(ge,{isCollapsed:!a,setCollapsed:()=>i("left"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),T.jsx(Fe,{options:s,showToggle:s.showToggle,ToggleComponent:n}),T.jsx("div",{ref:u,style:{..._e,...St,...s.isAbsolute||f?xt:{},...e?{}:{backgroundColor:pe},zIndex:s.swipeBarZIndex},className:e,children:t})]})}function Ue({options:e,showToggle:t=!0,ToggleComponent:n}){const{openSidebar:r,rightToggleRef:a,isRightOpen:i,closeSidebar:u}=Q();return t?T.jsx("div",{ref:a,style:{...Le,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,right:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&T.jsx("button",{type:"button",onClick:()=>{e.disabled||(i?u("right"):r("right"))},disabled:e.disabled,style:{marginRight:`${e.toggleIconEdgeDistancePx}px`,...i?{}:{transform:"rotate(180deg)"}},children:n??T.jsx(Te,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const Ze=({refs:e,callbacks:t,currentX:n,preventDefault:r,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const u=window.innerWidth,s=n-e.draggingRef.current.startX,f=e.draggingRef.current.startX>=u-i.edgeActivationWidthPx,c=e.draggingRef.current.isActivated;if(!c&&Math.abs(s)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!c)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const p=t.getIsOpen();let w=!1;if((p||f)&&(w=!0),!w){e.draggingRef.current=null,t.dragSidebar(null);return}r();const R=i.sidebarWidthPx;if(p){const b=Math.max(0,Math.min(R,s-i.dragActivationDeltaPx));t.dragSidebar(b)}else{const b=Math.max(0,Math.min(R,R+s+i.dragActivationDeltaPx));t.dragSidebar(b)}},ze=({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 r=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,u=t.getIsOpen(),s=window.innerWidth;e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const f=r>a,c=r<a,p=i>=s-n.edgeActivationWidthPx;u?(f?t.closeSidebar():t.openSidebar(),t.dragSidebar(null)):p&&c?(t.openSidebar(),t.dragSidebar(null)):(t.closeSidebar(),t.dragSidebar(null))};function Bt(e){const t=re(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:r,isRightOpen:a,openSidebar:i,closeSidebar:u,dragSidebar:s,rightSidebarRef:f}=Q(),c=l.useRef(null),p=l.useRef(null),w=l.useRef(null);l.useEffect(()=>{if(!t||n&&n!=="right"||e.disabled)return;const R={getIsOpen:()=>a,openSidebar:()=>i("right"),closeSidebar:()=>u("right"),dragSidebar:g=>s("right",g)},b={draggingRef:c,currentXRef:p,prevXRef:w},O=()=>r("right"),E=()=>r(null);function B(g){if(n&&n!=="right"||se(g.target)||g.changedTouches.length===0)return;const S=g.changedTouches[0],P=window.innerWidth,I=R.getIsOpen(),V=S.clientX>=P-e.edgeActivationWidthPx;I&&!e.swipeToClose||!I&&!e.swipeToOpen||(I||V)&&fe({refs:b,clientX:S.clientX,clientY:S.clientY,touchId:S.identifier,isMouse:!1})}function W(g){if(n&&n!=="right"||!c.current||c.current.isMouse)return;const S=c.current.activeTouchId,P=ye(g.changedTouches,S);P&&Ze({refs:b,callbacks:R,currentX:P.clientX,preventDefault:()=>g.preventDefault(),lockPane:O,options:e})}function k(g){if(n&&n!=="right"||!c.current||c.current.isMouse)return;const S=c.current.activeTouchId;xe(g.changedTouches,S)&&ze({refs:b,callbacks:R,options:e})}function L(){n&&n!=="right"||!c.current||c.current.isMouse||We({refs:b,dragSidebar:R.dragSidebar,onDeactivate:E})}function N(g){if(n&&n!=="right"||se(g.target)||g.button!==0)return;const S=window.innerWidth,P=R.getIsOpen(),I=g.clientX>=S-e.edgeActivationWidthPx;P&&!e.swipeToClose||!P&&!e.swipeToOpen||(P||I)&&fe({refs:b,clientX:g.clientX,clientY:g.clientY,touchId:null,isMouse:!0})}function D(g){n&&n!=="right"||!c.current||!c.current.isMouse||Ze({refs:b,callbacks:R,currentX:g.clientX,preventDefault:()=>g.preventDefault(),lockPane:O,options:e})}function M(){n&&n!=="right"||!c.current||!c.current.isMouse||ze({refs:b,callbacks:R,options:e})}return window.addEventListener("touchstart",B,{passive:!0}),window.addEventListener("touchmove",W,{passive:!1}),window.addEventListener("touchend",k,{passive:!0}),window.addEventListener("touchcancel",L,{passive:!0}),window.addEventListener("mousedown",N,{passive:!0}),window.addEventListener("mousemove",D,{passive:!1}),window.addEventListener("mouseup",M,{passive:!0}),()=>{window.removeEventListener("touchstart",B),window.removeEventListener("touchmove",W),window.removeEventListener("touchend",k),window.removeEventListener("touchcancel",L),window.removeEventListener("mousedown",N),window.removeEventListener("mousemove",D),window.removeEventListener("mouseup",M)}},[t,a,i,u,s,n,r,f,e])}function Wt({className:e,children:t,ToggleComponent:n,...r}){if((t==null?void 0:t.type)===T.Fragment)throw new Error("Fragments is not allowed in SwipeBarRight");const{isRightOpen:a,closeSidebar:i,rightSidebarRef:u}=Q(),s=Re("right",r),f=re(s.mediaQueryWidth);return Bt(s),T.jsxs(T.Fragment,{children:[s.showOverlay&&T.jsx(ge,{isCollapsed:!a,setCollapsed:()=>i("right"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),T.jsx(Ue,{options:s,showToggle:s.showToggle,ToggleComponent:n}),T.jsx("div",{ref:u,style:{..._e,...yt,...s.isAbsolute||f?Rt:{},...e?{}:{backgroundColor:pe},zIndex:s.swipeBarZIndex},className:e,children:t})]})}F.Overlay=ge,F.SwipeBarBottom=Dt,F.SwipeBarLeft=Yt,F.SwipeBarProvider=et,F.SwipeBarRight=Wt,F.ToggleBottom=je,F.ToggleLeft=Fe,F.ToggleRight=Ue,F.useMediaQuery=re,F.useSwipeBarContext=Q,Object.defineProperty(F,Symbol.toStringTag,{value:"Module"})});

package/package.json

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