@luciodale/swipe-bar 1.2.2 → 1.2.3

package/dist/swipe-bar.es.js

@@ -1,4 +1,4 @@
-import ft, { createContext as gt, useState as re, useRef as L, useMemo as Ze, useCallback as U, useEffect as q, useContext as ht } from "react";
+import gt, { createContext as ht, useState as re, useRef as L, useMemo as Ze, useCallback as H, useEffect as Z, useContext as mt } from "react";
 var we = { exports: {} }, de = {};
 /**
  * @license React
@@ -9,23 +9,23 @@ var we = { exports: {} }, de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ce;
-function mt() {
-  if (Ce) return de;
-  Ce = 1;
+var Me;
+function bt() {
+  if (Me) return de;
+  Me = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(i, s, o) {
+  function r(i, a, o) {
     var u = null;
-    if (o !== void 0 && (u = "" + o), s.key !== void 0 && (u = "" + s.key), "key" in s) {
+    if (o !== void 0 && (u = "" + o), a.key !== void 0 && (u = "" + a.key), "key" in a) {
       o = {};
-      for (var a in s)
-        a !== "key" && (o[a] = s[a]);
-    } else o = s;
-    return s = o.ref, {
+      for (var s in a)
+        s !== "key" && (o[s] = a[s]);
+    } else o = a;
+    return a = o.ref, {
       $$typeof: e,
       type: i,
       key: u,
-      ref: s !== void 0 ? s : null,
+      ref: a !== void 0 ? a : null,
       props: o
     };
   }
@@ -41,26 +41,26 @@ var fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var De;
-function pt() {
-  return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
+var Le;
+function vt() {
+  return Le || (Le = 1, process.env.NODE_ENV !== "production" && function() {
     function e(n) {
       if (n == null) return null;
       if (typeof n == "function")
-        return n.$$typeof === V ? null : n.displayName || n.name || null;
+        return n.$$typeof === X ? null : n.displayName || n.name || null;
       if (typeof n == "string") return n;
       switch (n) {
-        case P:
+        case A:
           return "Fragment";
         case _:
           return "Profiler";
-        case D:
+        case M:
           return "StrictMode";
-        case B:
+        case N:
           return "Suspense";
-        case m:
+        case f:
           return "SuspenseList";
-        case O:
+        case Y:
           return "Activity";
       }
       if (typeof n == "object")
@@ -69,19 +69,19 @@ function pt() {
         ), n.$$typeof) {
           case y:
             return "Portal";
-          case $:
+          case D:
             return n.displayName || "Context";
-          case C:
+          case W:
             return (n._context.displayName || "Context") + ".Consumer";
           case j:
-            var f = n.render;
-            return n = n.displayName, n || (n = f.displayName || f.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+            var g = n.render;
+            return n = n.displayName, n || (n = g.displayName || g.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case x:
+            return g = n.displayName || null, g !== null ? g : e(n.type) || "Memo";
           case p:
-            return f = n.displayName || null, f !== null ? f : e(n.type) || "Memo";
-          case T:
-            f = n._payload, n = n._init;
+            g = n._payload, n = n._init;
             try {
-              return e(n(f));
+              return e(n(g));
             } catch {
             }
         }
@@ -93,72 +93,72 @@ function pt() {
     function r(n) {
       try {
         t(n);
-        var f = !1;
+        var g = !1;
       } catch {
-        f = !0;
+        g = !0;
       }
-      if (f) {
-        f = console;
-        var E = f.error, I = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return E.call(
-          f,
+      if (g) {
+        g = console;
+        var T = g.error, P = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return T.call(
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          I
+          P
         ), t(n);
       }
     }
     function i(n) {
-      if (n === P) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === T)
+      if (n === A) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === p)
         return "<...>";
       try {
-        var f = e(n);
-        return f ? "<" + f + ">" : "<...>";
+        var g = e(n);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var n = F.A;
+    function a() {
+      var n = z.A;
       return n === null ? null : n.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
     function u(n) {
-      if (k.call(n, "key")) {
-        var f = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (f && f.isReactWarning) return !1;
+      if (F.call(n, "key")) {
+        var g = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
       return n.key !== void 0;
     }
-    function a(n, f) {
-      function E() {
-        Q || (Q = !0, console.error(
+    function s(n, g) {
+      function T() {
+        U || (U = !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)",
-          f
+          g
         ));
       }
-      E.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: E,
+      T.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: T,
         configurable: !0
       });
     }
     function l() {
       var n = e(this.type);
-      return J[n] || (J[n] = !0, console.error(
+      return V[n] || (V[n] = !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."
       )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function c(n, f, E, I, z, Z) {
-      var X = E.ref;
+    function c(n, g, T, P, Q, K) {
+      var C = T.ref;
       return n = {
-        $$typeof: M,
+        $$typeof: I,
         type: n,
-        key: f,
-        props: E,
-        _owner: I
-      }, (X !== void 0 ? X : null) !== null ? Object.defineProperty(n, "ref", {
+        key: g,
+        props: T,
+        _owner: P
+      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
         get: l
       }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
@@ -175,441 +175,443 @@ function pt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: Q
       }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
+        value: K
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function x(n, f, E, I, z, Z) {
-      var X = f.children;
-      if (X !== void 0)
-        if (I)
-          if (H(X)) {
-            for (I = 0; I < X.length; I++)
-              w(X[I]);
-            Object.freeze && Object.freeze(X);
+    function R(n, g, T, P, Q, K) {
+      var C = g.children;
+      if (C !== void 0)
+        if (P)
+          if (G(C)) {
+            for (P = 0; P < C.length; P++)
+              v(C[P]);
+            Object.freeze && Object.freeze(C);
           } 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(X);
-      if (k.call(f, "key")) {
-        X = e(n);
-        var ie = Object.keys(f).filter(function(me) {
+        else v(C);
+      if (F.call(g, "key")) {
+        C = e(n);
+        var ie = Object.keys(g).filter(function(me) {
           return me !== "key";
         });
-        I = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", N[X + I] || (ie = 0 < ie.length ? "{" + ie.join(": ..., ") + ": ...}" : "{}", console.error(
+        P = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", ne[C + P] || (ie = 0 < ie.length ? "{" + ie.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} />`,
-          I,
-          X,
+          P,
+          C,
           ie,
-          X
-        ), N[X + I] = !0);
+          C
+        ), ne[C + P] = !0);
       }
-      if (X = null, E !== void 0 && (r(E), X = "" + E), u(f) && (r(f.key), X = "" + f.key), "key" in f) {
-        E = {};
-        for (var ue in f)
-          ue !== "key" && (E[ue] = f[ue]);
-      } else E = f;
-      return X && a(
-        E,
+      if (C = null, T !== void 0 && (r(T), C = "" + T), u(g) && (r(g.key), C = "" + g.key), "key" in g) {
+        T = {};
+        for (var ue in g)
+          ue !== "key" && (T[ue] = g[ue]);
+      } else T = g;
+      return C && s(
+        T,
         typeof n == "function" ? n.displayName || n.name || "Unknown" : n
       ), c(
         n,
-        X,
-        E,
-        s(),
-        z,
-        Z
+        C,
+        T,
+        a(),
+        Q,
+        K
       );
     }
-    function w(n) {
-      v(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === T && (n._payload.status === "fulfilled" ? v(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
-    }
     function v(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === M;
+      b(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === p && (n._payload.status === "fulfilled" ? b(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    }
+    function b(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === I;
     }
-    var b = ft, M = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), F = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, H = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var w = gt, I = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), M = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), D = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), z = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, G = Array.isArray, k = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
+    w = {
       react_stack_bottom_frame: function(n) {
         return n();
       }
     };
-    var Q, J = {}, Y = b.react_stack_bottom_frame.bind(
-      b,
+    var U, V = {}, q = w.react_stack_bottom_frame.bind(
+      w,
       o
-    )(), ne = G(i(o)), N = {};
-    fe.Fragment = P, fe.jsx = function(n, f, E) {
-      var I = 1e4 > F.recentlyCreatedOwnerStacks++;
-      return x(
+    )(), $ = k(i(o)), ne = {};
+    fe.Fragment = A, fe.jsx = function(n, g, T) {
+      var P = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return R(
         n,
-        f,
-        E,
+        g,
+        T,
         !1,
-        I ? Error("react-stack-top-frame") : Y,
-        I ? G(i(n)) : ne
+        P ? Error("react-stack-top-frame") : q,
+        P ? k(i(n)) : $
       );
-    }, fe.jsxs = function(n, f, E) {
-      var I = 1e4 > F.recentlyCreatedOwnerStacks++;
-      return x(
+    }, fe.jsxs = function(n, g, T) {
+      var P = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return R(
         n,
-        f,
-        E,
+        g,
+        T,
         !0,
-        I ? Error("react-stack-top-frame") : Y,
-        I ? G(i(n)) : ne
+        P ? Error("react-stack-top-frame") : q,
+        P ? k(i(n)) : $
       );
     };
   }()), fe;
 }
-process.env.NODE_ENV === "production" ? we.exports = mt() : we.exports = pt();
-var R = we.exports;
-const ze = gt(null), pe = (e) => {
+process.env.NODE_ENV === "production" ? we.exports = bt() : we.exports = vt();
+var O = we.exports;
+const ze = ht(null), be = (e) => {
   throw new Error(`Unhandled sidebar side: ${e}`);
-}, ve = { isOpen: !1, anchorState: "closed" }, nr = ({
+}, ve = { isOpen: !1, anchorState: "closed" }, or = ({
   children: e,
   sidebarWidthPx: t,
   transitionMs: r,
   edgeActivationWidthPx: i,
-  dragActivationDeltaPx: s,
+  dragActivationDeltaPx: a,
   showOverlay: o,
   isAbsolute: u,
-  overlayBackgroundColor: a,
+  overlayBackgroundColor: s,
   toggleIconColor: l,
   toggleIconSizePx: c,
-  toggleIconEdgeDistancePx: x,
-  showToggle: w,
-  mediaQueryWidth: v,
-  swipeBarZIndex: b,
-  toggleZIndex: M,
+  toggleIconEdgeDistancePx: R,
+  showToggle: v,
+  mediaQueryWidth: b,
+  swipeBarZIndex: w,
+  toggleZIndex: I,
   overlayZIndex: y,
-  fadeContent: P,
-  fadeContentTransitionMs: D
+  fadeContent: A,
+  fadeContentTransitionMs: M,
+  closeSidebarOnOverlayClick: _
 }) => {
-  var Ie, Me;
-  const [_, C] = re(null), [$, j] = re(!1), [B, m] = re(!1), [p, T] = re({}), [O, V] = re({}), F = L(null), k = L(null), H = L(null), G = L(null), [Q, J] = re({}), [Y, ne] = re({}), N = L(/* @__PURE__ */ new Map()), n = L(null), f = L([]), E = ((Ie = Q.primary) == null ? void 0 : Ie.isOpen) ?? !1, I = ((Me = Q.primary) == null ? void 0 : Me.anchorState) ?? "closed", z = Ze(
-    () => Object.values(Q).some((d) => d.isOpen),
-    [Q]
-  ), Z = N.current.get("primary"), X = (Z == null ? void 0 : Z.sidebarRef) ?? { current: null }, ie = (Z == null ? void 0 : Z.toggleRef) ?? { current: null }, ue = Y.primary ?? {}, [me, Ke] = re({
-    sidebarWidthPx: t ?? St,
-    sidebarHeightPx: Le,
-    transitionMs: r ?? vt,
-    edgeActivationWidthPx: i ?? bt,
-    dragActivationDeltaPx: s ?? wt,
-    showOverlay: o ?? yt,
-    isAbsolute: u ?? xt,
-    overlayBackgroundColor: a ?? qe,
-    toggleIconColor: l ?? Rt,
-    toggleIconSizePx: c ?? Tt,
-    toggleIconEdgeDistancePx: x ?? Et,
-    showToggle: w ?? At,
-    mediaQueryWidth: v ?? Se,
-    swipeBarZIndex: b ?? Ot,
-    toggleZIndex: M ?? Pt,
-    overlayZIndex: y ?? It,
-    fadeContent: P ?? Ct,
-    fadeContentTransitionMs: D ?? _t,
-    swipeToOpen: Dt,
-    swipeToClose: Lt,
-    midAnchorPoint: Xt,
-    midAnchorPointPx: Le / 3,
-    disabled: !1
-  }), et = U((d, g) => {
-    N.current.set(d, g), J((h) => h[d] ? h : { ...h, [d]: { ...ve } });
-  }, []), tt = U((d) => {
-    N.current.delete(d), J((g) => {
-      const h = { ...g };
-      return delete h[d], h;
-    }), ne((g) => {
-      const h = { ...g };
-      return delete h[d], h;
+  var Ie, Ce;
+  const [W, D] = re(null), [j, N] = re(!1), [f, x] = re(!1), [p, Y] = re({}), [X, z] = re({}), F = L(null), G = L(null), k = L(null), U = L(null), [V, q] = re({}), [$, ne] = re({}), n = L(/* @__PURE__ */ new Map()), g = L(null), T = L([]), P = ((Ie = V.primary) == null ? void 0 : Ie.isOpen) ?? !1, Q = ((Ce = V.primary) == null ? void 0 : Ce.anchorState) ?? "closed", K = Ze(
+    () => Object.values(V).some((d) => d.isOpen),
+    [V]
+  ), C = n.current.get("primary"), ie = (C == null ? void 0 : C.sidebarRef) ?? { current: null }, ue = (C == null ? void 0 : C.toggleRef) ?? { current: null }, me = $.primary ?? {}, [Ke, et] = re({
+    sidebarWidthPx: t ?? yt,
+    sidebarHeightPx: De,
+    transitionMs: r ?? pt,
+    edgeActivationWidthPx: i ?? wt,
+    dragActivationDeltaPx: a ?? St,
+    showOverlay: o ?? xt,
+    isAbsolute: u ?? Tt,
+    overlayBackgroundColor: s ?? Ve,
+    toggleIconColor: l ?? Ot,
+    toggleIconSizePx: c ?? Et,
+    toggleIconEdgeDistancePx: R ?? At,
+    showToggle: v ?? Pt,
+    mediaQueryWidth: b ?? Se,
+    swipeBarZIndex: w ?? It,
+    toggleZIndex: I ?? Ct,
+    overlayZIndex: y ?? _t,
+    fadeContent: A ?? Dt,
+    fadeContentTransitionMs: M ?? Lt,
+    swipeToOpen: Xt,
+    swipeToClose: Yt,
+    midAnchorPoint: $t,
+    midAnchorPointPx: De / 3,
+    disabled: !1,
+    closeSidebarOnOverlayClick: _ ?? Rt
+  }), tt = H((d, h) => {
+    n.current.set(d, h), q((m) => m[d] ? m : { ...m, [d]: { ...ve } });
+  }, []), rt = H((d) => {
+    n.current.delete(d), q((h) => {
+      const m = { ...h };
+      return delete m[d], m;
+    }), ne((h) => {
+      const m = { ...h };
+      return delete m[d], m;
     });
-  }, []), rt = U((d) => N.current.get(d), []), nt = U((d, g) => {
-    ne((h) => h[d] === g ? h : { ...h, [d]: g });
-  }, []), ee = U((d, g) => {
-    J((h) => {
-      const S = h[d] ?? ve;
-      return S.isOpen === g ? h : { ...h, [d]: { ...S, isOpen: g } };
+  }, []), nt = H((d) => n.current.get(d), []), it = H((d, h) => {
+    ne((m) => m[d] === h ? m : { ...m, [d]: h });
+  }, []), ee = H((d, h) => {
+    q((m) => {
+      const S = m[d] ?? ve;
+      return S.isOpen === h ? m : { ...m, [d]: { ...S, isOpen: h } };
     });
-  }, []), te = U((d, g) => {
-    J((h) => {
-      const S = h[d] ?? ve;
-      return S.anchorState === g ? h : { ...h, [d]: { ...S, anchorState: g } };
+  }, []), te = H((d, h) => {
+    q((m) => {
+      const S = m[d] ?? ve;
+      return S.anchorState === h ? m : { ...m, [d]: { ...S, anchorState: h } };
     });
   }, []);
-  q(() => ($ || B || z ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  Z(() => (j || f || K ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
-  }), [$, B, z]), q(() => {
+  }), [j, f, K]), Z(() => {
     var d;
     if (p.fadeContent === !1) {
-      const g = (d = F.current) == null ? void 0 : d.firstElementChild;
-      g && (g.style.opacity = "1");
+      const h = (d = F.current) == null ? void 0 : d.firstElementChild;
+      h && (h.style.opacity = "1");
     }
-  }, [p.fadeContent]), q(() => {
+  }, [p.fadeContent]), Z(() => {
     var d;
-    if (O.fadeContent === !1) {
-      const g = (d = k.current) == null ? void 0 : d.firstElementChild;
-      g && (g.style.opacity = "1");
+    if (X.fadeContent === !1) {
+      const h = (d = G.current) == null ? void 0 : d.firstElementChild;
+      h && (h.style.opacity = "1");
     }
-  }, [O.fadeContent]), q(() => {
+  }, [X.fadeContent]), Z(() => {
     var d;
-    for (const [g, h] of Object.entries(Y))
-      if (h.fadeContent === !1) {
-        const S = N.current.get(g), A = (d = S == null ? void 0 : S.sidebarRef.current) == null ? void 0 : d.firstElementChild;
-        A && (A.style.opacity = "1");
+    for (const [h, m] of Object.entries($))
+      if (m.fadeContent === !1) {
+        const S = n.current.get(h), E = (d = S == null ? void 0 : S.sidebarRef.current) == null ? void 0 : d.firstElementChild;
+        E && (E.style.opacity = "1");
       }
-  }, [Y]);
-  const it = U((d) => {
-    Ke((g) => ({ ...g, ...d }));
-  }, []), se = U((d) => {
-    const g = f.current, h = g.indexOf(d);
-    h !== -1 && g.splice(h, 1), g.push(d), C("bottom");
-  }, []), Pe = U((d) => {
-    const g = f.current, h = g.indexOf(d);
-    h !== -1 && g.splice(h, 1), J((S) => (Object.entries(S).some(
-      ([W, oe]) => W !== d && oe.isOpen
-    ) || C(null), S));
-  }, []), ot = U(
-    (d, g) => {
-      const h = (S, A, W, oe) => {
-        be({
+  }, [$]);
+  const ot = H((d) => {
+    et((h) => ({ ...h, ...d }));
+  }, []), ae = H((d) => {
+    const h = T.current, m = h.indexOf(d);
+    m !== -1 && h.splice(m, 1), h.push(d), D("bottom");
+  }, []), Pe = H((d) => {
+    const h = T.current, m = h.indexOf(d);
+    m !== -1 && h.splice(m, 1), q((S) => (Object.entries(S).some(
+      ([B, oe]) => B !== d && oe.isOpen
+    ) || D(null), S));
+  }, []), at = H(
+    (d, h) => {
+      const m = (S, E, B, oe) => {
+        pe({
           side: d,
           ref: S,
-          options: A,
-          toggleRef: W,
+          options: E,
+          toggleRef: B,
           afterApply: () => {
-            oe(!0), C(d);
+            oe(!0), D(d);
           }
         });
       };
       if (d === "left") {
         if (p.disabled) return;
-        h(F, p, H, j);
+        m(F, p, k, N);
       } else if (d === "right") {
-        if (O.disabled) return;
-        h(k, O, G, m);
+        if (X.disabled) return;
+        m(G, X, U, x);
       } else if (d === "bottom") {
-        const S = (g == null ? void 0 : g.id) ?? "primary", A = Y[S], W = N.current.get(S);
-        if (!A || !W || A.disabled) return;
-        const oe = A.sidebarHeightPx ?? 0, ut = A.mediaQueryWidth ?? 640, _e = window.innerWidth < ut, dt = _e ? A.midAnchorPointPx ?? 0 : oe;
-        _e && A.midAnchorPoint && !A.swipeToOpen && dt < oe ? $e({
-          ref: W.sidebarRef,
-          options: A,
-          toggleRef: W.toggleRef,
+        const S = (h == null ? void 0 : h.id) ?? "primary", E = $[S], B = n.current.get(S);
+        if (!E || !B || E.disabled) return;
+        const oe = E.sidebarHeightPx ?? 0, dt = E.mediaQueryWidth ?? 640, _e = window.innerWidth < dt, ft = _e ? E.midAnchorPointPx ?? 0 : oe;
+        _e && E.midAnchorPoint && !E.swipeToOpen && ft < oe ? $e({
+          ref: B.sidebarRef,
+          options: E,
+          toggleRef: B.toggleRef,
           afterApply: () => {
-            ee(S, !0), te(S, "midAnchor"), se(S);
+            ee(S, !0), te(S, "midAnchor"), ae(S);
           }
-        }) : be({
+        }) : pe({
           side: d,
-          ref: W.sidebarRef,
-          options: A,
-          toggleRef: W.toggleRef,
+          ref: B.sidebarRef,
+          options: E,
+          toggleRef: B.toggleRef,
           afterApply: () => {
-            ee(S, !0), te(S, "open"), se(S);
+            ee(S, !0), te(S, "open"), ae(S);
           }
         });
       } else
-        pe(d);
+        be(d);
     },
-    [p, O, Y, ee, te, se]
-  ), st = U(
-    (d, g) => {
+    [p, X, $, ee, te, ae]
+  ), st = H(
+    (d, h) => {
       if (d !== "bottom") return;
-      const h = (g == null ? void 0 : g.id) ?? "primary", S = Y[h], A = N.current.get(h);
-      !S || !A || S.disabled || $e({
-        ref: A.sidebarRef,
+      const m = (h == null ? void 0 : h.id) ?? "primary", S = $[m], E = n.current.get(m);
+      !S || !E || S.disabled || $e({
+        ref: E.sidebarRef,
         options: S,
-        toggleRef: A.toggleRef,
+        toggleRef: E.toggleRef,
         afterApply: () => {
-          ee(h, !0), te(h, "midAnchor"), se(h);
+          ee(m, !0), te(m, "midAnchor"), ae(m);
         }
       });
     },
-    [Y, ee, te, se]
-  ), at = U(
-    (d, g) => {
+    [$, ee, te, ae]
+  ), ct = H(
+    (d, h) => {
       if (d !== "bottom") return;
-      const h = (g == null ? void 0 : g.id) ?? "primary", S = Y[h], A = N.current.get(h);
-      !S || !A || S.disabled || be({
+      const m = (h == null ? void 0 : h.id) ?? "primary", S = $[m], E = n.current.get(m);
+      !S || !E || S.disabled || pe({
         side: d,
-        ref: A.sidebarRef,
+        ref: E.sidebarRef,
         options: S,
-        toggleRef: A.toggleRef,
+        toggleRef: E.toggleRef,
         afterApply: () => {
-          ee(h, !0), te(h, "open"), se(h);
+          ee(m, !0), te(m, "open"), ae(m);
         }
       });
     },
-    [Y, ee, te, se]
-  ), ct = U(
-    (d, g) => {
-      const h = (S, A, W, oe) => {
+    [$, ee, te, ae]
+  ), lt = H(
+    (d, h) => {
+      const m = (S, E, B, oe) => {
         Ye({
           ref: S,
-          options: A,
-          toggleRef: W,
+          options: E,
+          toggleRef: B,
           side: d,
           afterApply: () => {
-            oe(!1), C(null);
+            oe(!1), D(null);
           }
         });
       };
       if (d === "left") {
         if (p.disabled) return;
-        h(F, p, H, j);
+        m(F, p, k, N);
       } else if (d === "right") {
-        if (O.disabled) return;
-        h(k, O, G, m);
+        if (X.disabled) return;
+        m(G, X, U, x);
       } else if (d === "bottom") {
-        const S = (g == null ? void 0 : g.id) ?? "primary", A = Y[S], W = N.current.get(S);
-        if (!A || !W || A.disabled) return;
+        const S = (h == null ? void 0 : h.id) ?? "primary", E = $[S], B = n.current.get(S);
+        if (!E || !B || E.disabled) return;
         Ye({
-          ref: W.sidebarRef,
-          options: A,
-          toggleRef: W.toggleRef,
+          ref: B.sidebarRef,
+          options: E,
+          toggleRef: B.toggleRef,
           side: d,
           afterApply: () => {
             ee(S, !1), te(S, "closed"), Pe(S);
           }
         });
       } else
-        pe(d);
+        be(d);
     },
-    [p, O, Y, ee, te, Pe]
-  ), lt = U(
-    (d, g, h) => {
+    [p, X, $, ee, te, Pe]
+  ), ut = H(
+    (d, h, m) => {
       if (d === "left")
         We({
           ref: F,
-          toggleRef: H,
+          toggleRef: k,
           options: p,
-          translateX: g
+          translateX: h
         });
       else if (d === "right")
         We({
-          ref: k,
-          toggleRef: G,
-          options: O,
-          translateX: g
+          ref: G,
+          toggleRef: U,
+          options: X,
+          translateX: h
         });
       else if (d === "bottom") {
-        const S = (h == null ? void 0 : h.id) ?? "primary", A = Y[S], W = N.current.get(S);
-        if (!A || !W) return;
-        Zt({
-          ref: W.sidebarRef,
-          toggleRef: W.toggleRef,
-          options: A,
-          translateY: g
+        const S = (m == null ? void 0 : m.id) ?? "primary", E = $[S], B = n.current.get(S);
+        if (!E || !B) return;
+        Vt({
+          ref: B.sidebarRef,
+          toggleRef: B.toggleRef,
+          options: E,
+          translateY: h
         });
       } else
-        pe(d);
+        be(d);
     },
-    [p, O, Y]
+    [p, X, $]
   );
-  return /* @__PURE__ */ R.jsx(
+  return /* @__PURE__ */ O.jsx(
     ze.Provider,
     {
       value: {
-        lockedSidebar: _,
-        setLockedSidebar: C,
+        lockedSidebar: W,
+        setLockedSidebar: D,
         leftSidebarRef: F,
-        rightSidebarRef: k,
-        isLeftOpen: $,
-        isRightOpen: B,
+        rightSidebarRef: G,
+        isLeftOpen: j,
+        isRightOpen: f,
         // Backwards-compat aliases for primary bottom sidebar
-        isBottomOpen: E,
-        bottomAnchorState: I,
-        bottomSidebarRef: X,
-        bottomToggleRef: ie,
-        bottomSidebarOptions: ue,
+        isBottomOpen: P,
+        bottomAnchorState: Q,
+        bottomSidebarRef: ie,
+        bottomToggleRef: ue,
+        bottomSidebarOptions: me,
         // Multi-instance bottom sidebar
-        bottomSidebars: Q,
-        bottomSidebarOptionsMap: Y,
-        registerBottomSidebar: et,
-        unregisterBottomSidebar: tt,
-        getBottomSidebarRefs: rt,
-        activeBottomDragIdRef: n,
-        bottomFocusStackRef: f,
+        bottomSidebars: V,
+        bottomSidebarOptionsMap: $,
+        registerBottomSidebar: tt,
+        unregisterBottomSidebar: rt,
+        getBottomSidebarRefs: nt,
+        activeBottomDragIdRef: g,
+        bottomFocusStackRef: T,
         // Functions
-        openSidebar: ot,
-        openSidebarFully: at,
+        openSidebar: at,
+        openSidebarFully: ct,
         openSidebarToMidAnchor: st,
-        closeSidebar: ct,
-        dragSidebar: lt,
-        globalOptions: me,
-        setGlobalOptions: it,
+        closeSidebar: lt,
+        dragSidebar: ut,
+        globalOptions: Ke,
+        setGlobalOptions: ot,
         leftSidebarOptions: p,
-        rightSidebarOptions: O,
-        setLeftSidebarOptions: T,
-        setRightSidebarOptions: V,
-        setBottomSidebarOptionsById: nt,
-        leftToggleRef: H,
-        rightToggleRef: G
+        rightSidebarOptions: X,
+        setLeftSidebarOptions: Y,
+        setRightSidebarOptions: z,
+        setBottomSidebarOptionsById: it,
+        leftToggleRef: k,
+        rightToggleRef: U
       },
       children: e
     }
   );
-}, K = () => {
-  const e = ht(ze);
+}, J = () => {
+  const e = mt(ze);
   if (!e)
     throw new Error("useSwipeBarContext must be used within SwipeBarProvider");
   return e;
-}, vt = 300, bt = 40, wt = 20, St = 320, Le = window.innerHeight, yt = !0, xt = !1, qe = "rgba(0, 0, 0, 0.5)", ye = "rgb(36,36,36)", Rt = "white", Tt = 40, Et = 40, At = !0, Se = 640, Ot = 30, Pt = 15, It = 20, Xe = 0.6, Mt = 200, _t = 100, Ct = !1, Dt = !0, Lt = !0, Xt = !1, ae = "cubic-bezier(0.22, 1, 0.36, 1)", Ve = {
+}, pt = 300, wt = 40, St = 20, yt = 320, De = window.innerHeight, xt = !0, Rt = !0, Tt = !1, Ve = "rgba(0, 0, 0, 0.5)", ye = "rgb(36,36,36)", Ot = "white", Et = 40, At = 40, Pt = !0, Se = 640, It = 30, Ct = 15, _t = 20, Xe = 0.6, Mt = 200, Lt = 100, Dt = !1, Xt = !0, Yt = !0, $t = !1, se = "cubic-bezier(0.22, 1, 0.36, 1)", qe = {
   width: 0,
   top: 0,
   bottom: 0,
   flexShrink: 0,
   overflowX: "hidden",
   willChange: "transform"
-}, Yt = {
+}, Wt = {
   transform: "translateX(-100%)"
-}, $t = {
+}, Bt = {
   transform: "translateX(100%)"
-}, Wt = {
+}, jt = {
   position: "fixed",
   left: 0,
   top: 0,
   bottom: 0
-}, Bt = {
+}, kt = {
   position: "fixed",
   right: 0,
   top: 0,
   bottom: 0
-}, jt = {
+}, Nt = {
   height: 0,
   left: 0,
   right: 0,
   flexShrink: 0,
   overflowY: "hidden",
   willChange: "transform"
-}, Nt = {
-  transform: "translateY(100%)"
 }, Ft = {
+  transform: "translateY(100%)"
+}, Ht = {
   position: "fixed",
   bottom: 0,
   left: 0,
   right: 0
-}, kt = {
+}, Gt = {
   position: "fixed",
   top: 0,
   left: 0,
   width: "100%",
   height: "100%",
-  backgroundColor: qe,
+  backgroundColor: Ve,
   transitionProperty: "opacity",
   pointerEvents: "none",
   opacity: 0
-}, Ht = {
+}, Ut = {
   opacity: 1,
   pointerEvents: "auto"
 }, Qe = {
@@ -619,7 +621,7 @@ const ze = gt(null), pe = (e) => {
   width: "1px",
   display: "flex",
   justifyContent: "center"
-}, Gt = {
+}, Zt = {
   position: "fixed",
   bottom: 0,
   left: "50%",
@@ -627,7 +629,7 @@ const ze = gt(null), pe = (e) => {
   height: "1px",
   display: "flex",
   alignItems: "center"
-}, Ut = {
+}, zt = {
   position: "relative",
   cursor: "pointer",
   display: "flex",
@@ -639,30 +641,30 @@ const ze = gt(null), pe = (e) => {
 }, ge = (e) => {
   var t;
   return (t = e.current) == null ? void 0 : t.firstElementChild;
-}, be = ({
+}, pe = ({
   ref: e,
   side: t,
   options: r,
   toggleRef: i,
-  afterApply: s
+  afterApply: a
 }) => {
   const o = ge(e), u = r.transitionMs ? r.transitionMs / 2 : 0;
   o && r.fadeContent && (o.style.opacity = "0");
-  let a, l;
-  t === "left" || t === "right" ? (a = "width", l = r.sidebarWidthPx, o && l && (o.style.minWidth = `${l}px`)) : t === "bottom" ? (a = "height", l = r.sidebarHeightPx, o && l && (o.style.minHeight = `${l}px`)) : xe(t), requestAnimationFrame(() => {
+  let s, l;
+  t === "left" || t === "right" ? (s = "width", l = r.sidebarWidthPx, o && l && (o.style.minWidth = `${l}px`)) : t === "bottom" ? (s = "height", l = r.sidebarHeightPx, o && l && (o.style.minHeight = `${l}px`)) : xe(t), requestAnimationFrame(() => {
     if (!e.current) return;
-    const c = `transform ${r.transitionMs}ms ${ae}`, x = r.isAbsolute ? "" : `, ${a} ${r.transitionMs}ms ${ae}`;
-    e.current.style.transition = `${c}${x}`, o && r.fadeContent && (o.style.transition = `opacity ${r.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
+    const c = `transform ${r.transitionMs}ms ${se}`, R = r.isAbsolute ? "" : `, ${s} ${r.transitionMs}ms ${se}`;
+    e.current.style.transition = `${c}${R}`, o && r.fadeContent && (o.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[a] = `${l}px`;
-        else if (e.current.style[a] !== `${l}px`) {
-          const w = e.current.style.transition;
-          e.current.style.transition = c, e.current.style[a] = `${l}px`, e.current.style.transition = w;
+          e.current.style[s] = `${l}px`;
+        else if (e.current.style[s] !== `${l}px`) {
+          const v = e.current.style.transition;
+          e.current.style.transition = c, e.current.style[s] = `${l}px`, e.current.style.transition = v;
         }
         i.current && l && (i.current.style.opacity = "1", t === "left" ? i.current.style.transform = `translateY(-50%) translateX(${l}px)` : t === "right" ? i.current.style.transform = `translateY(-50%) translateX(-${l}px)` : t === "bottom" && (i.current.style.transform = `translateX(-50%) translateY(-${l}px)`)), o && r.fadeContent && setTimeout(() => {
           o.style.opacity = "1";
-        }, u), s();
+        }, u), a();
       }
     });
   }), setTimeout(() => {
@@ -672,15 +674,15 @@ const ze = gt(null), pe = (e) => {
   options: t,
   side: r,
   toggleRef: i,
-  afterApply: s
+  afterApply: a
 }) => {
   const o = ge(e);
   let u;
   r === "left" || r === "right" ? (u = "width", o && t.sidebarWidthPx && (o.style.minWidth = `${t.sidebarWidthPx}px`)) : r === "bottom" ? (u = "height", o && t.sidebarHeightPx && (o.style.minHeight = `${t.sidebarHeightPx}px`)) : xe(r), requestAnimationFrame(() => {
     if (!e.current) return;
-    const a = `transform ${t.transitionMs}ms ${ae}`, l = t.isAbsolute ? "" : `, ${u} ${t.transitionMs}ms ${ae}`;
-    e.current.style.transition = `${a}${l}`, o && t.fadeContent && (o.style.transition = `opacity ${t.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
-      e.current && (r === "left" ? (e.current.style.transform = "translateX(-100%)", t.isAbsolute || (e.current.style.width = "0px")) : r === "right" ? (e.current.style.transform = "translateX(100%)", t.isAbsolute || (e.current.style.width = "0px")) : r === "bottom" && (e.current.style.transform = "translateY(100%)", t.isAbsolute || (e.current.style.height = "0px")), i.current && (i.current.style.opacity = "1", r === "left" || r === "right" ? i.current.style.transform = "translateY(-50%)" : r === "bottom" && (i.current.style.transform = "translateX(-50%)")), o && t.fadeContent && (o.style.opacity = "0"), s());
+    const s = `transform ${t.transitionMs}ms ${se}`, l = t.isAbsolute ? "" : `, ${u} ${t.transitionMs}ms ${se}`;
+    e.current.style.transition = `${s}${l}`, o && t.fadeContent && (o.style.transition = `opacity ${t.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
+      e.current && (r === "left" ? (e.current.style.transform = "translateX(-100%)", t.isAbsolute || (e.current.style.width = "0px")) : r === "right" ? (e.current.style.transform = "translateX(100%)", t.isAbsolute || (e.current.style.width = "0px")) : r === "bottom" && (e.current.style.transform = "translateY(100%)", t.isAbsolute || (e.current.style.height = "0px")), i.current && (i.current.style.opacity = "1", r === "left" || r === "right" ? i.current.style.transform = "translateY(-50%)" : r === "bottom" && (i.current.style.transform = "translateX(-50%)")), o && t.fadeContent && (o.style.opacity = "0"), a());
     });
   });
 }, $e = ({
@@ -689,21 +691,21 @@ const ze = gt(null), pe = (e) => {
   toggleRef: r,
   afterApply: i
 }) => {
-  const s = ge(e), o = t.transitionMs ? t.transitionMs / 2 : 0;
-  s && t.fadeContent && (s.style.opacity = "0"), s && t.midAnchorPointPx && (s.style.minHeight = `${t.sidebarHeightPx}px`), requestAnimationFrame(() => {
+  const a = ge(e), o = 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}`, a = t.isAbsolute ? "" : `, height ${t.transitionMs}ms ${ae}`;
-    e.current.style.transition = `${u}${a}`, s && t.fadeContent && (s.style.transition = `opacity ${t.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
+    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 l = t.midAnchorPointPx ?? 0, c = t.sidebarHeightPx ?? 0, x = c - l;
-      if (e.current.style.transform = `translateY(${x}px)`, !t.isAbsolute)
+      const l = t.midAnchorPointPx ?? 0, c = t.sidebarHeightPx ?? 0, R = c - l;
+      if (e.current.style.transform = `translateY(${R}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;
+        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(-${l}px)`), s && t.fadeContent && setTimeout(() => {
-        s.style.opacity = "1";
+      r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${l}px)`), a && t.fadeContent && setTimeout(() => {
+        a.style.opacity = "1";
       }, o), i();
     });
   }), setTimeout(() => {
@@ -715,37 +717,37 @@ const ze = gt(null), pe = (e) => {
   translateX: i
 }) => {
   !e.current || i === null || (e.current.style.transition = "none", requestAnimationFrame(() => {
-    const s = ge(e);
+    const a = ge(e);
     if (e.current) {
-      if (s && r.fadeContent && (s.style.opacity = "0"), s && r.sidebarWidthPx && (s.style.minWidth = `${r.sidebarWidthPx}px`), !r.isAbsolute) {
+      if (a && r.fadeContent && (a.style.opacity = "0"), a && r.sidebarWidthPx && (a.style.minWidth = `${r.sidebarWidthPx}px`), !r.isAbsolute) {
         const o = `${r.sidebarWidthPx}px`;
         e.current.style.width !== o && (e.current.style.width = o);
       }
       e.current.style.transform = `translateX(${i}px)`, t.current && (t.current.style.opacity = "0", t.current.style.transform = `translateY(-50%) translateX(${i}px)`);
     }
   }));
-}, Zt = ({
+}, Vt = ({
   ref: e,
   toggleRef: t,
   options: r,
   translateY: i
 }) => {
   !e.current || i === null || (e.current.style.transition = "none", requestAnimationFrame(() => {
-    const s = ge(e);
+    const a = ge(e);
     if (e.current) {
-      if (s && r.fadeContent && (s.style.opacity = "0"), s && r.sidebarHeightPx && (s.style.minHeight = `${r.sidebarHeightPx}px`), !r.isAbsolute) {
+      if (a && r.fadeContent && (a.style.opacity = "0"), a && r.sidebarHeightPx && (a.style.minHeight = `${r.sidebarHeightPx}px`), !r.isAbsolute) {
         const o = `${r.sidebarHeightPx}px`;
         e.current.style.height !== o && (e.current.style.height = o);
       }
       e.current.style.transform = `translateY(${i}px)`, t.current && (t.current.style.opacity = "0", t.current.style.transform = `translateX(-50%) translateY(${i}px)`);
     }
   }));
-}, he = ({ refs: e, clientX: t, clientY: r, touchId: i, isMouse: s }) => {
+}, he = ({ refs: e, clientX: t, clientY: r, touchId: i, isMouse: a }) => {
   e.draggingRef.current = {
     startX: t,
     startY: r,
     activeTouchId: i,
-    isMouse: s,
+    isMouse: a,
     isActivated: !1
   }, e.currentXRef.current = t, e.prevXRef.current = t;
 }, Be = ({
@@ -753,18 +755,18 @@ const ze = gt(null), pe = (e) => {
   clientX: t,
   clientY: r,
   touchId: i,
-  isMouse: s
+  isMouse: a
 }) => {
   e.draggingRef.current = {
     startX: t,
     startY: r,
     activeTouchId: i,
-    isMouse: s,
+    isMouse: a,
     isActivated: !1
   }, e.currentYRef.current = r, e.prevYRef.current = r;
 }, Je = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null, t(null), r();
-}, zt = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
+}, qt = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
   e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null, t(null);
 }, ce = (e) => e instanceof Element ? !!e.closest("input, textarea, [contenteditable='true']") : !1;
 function je(e) {
@@ -789,109 +791,112 @@ const Re = (e, t) => {
     if (e[r].identifier === t)
       return !0;
   return !1;
-}, Ee = (e, t, r) => {
+}, Oe = (e, t, r) => {
   const {
     globalOptions: i,
-    setLeftSidebarOptions: s,
+    setLeftSidebarOptions: a,
     setRightSidebarOptions: o,
     setBottomSidebarOptionsById: u
-  } = K(), {
-    sidebarWidthPx: a,
+  } = J(), {
+    sidebarWidthPx: s,
     sidebarHeightPx: l,
     transitionMs: c,
-    edgeActivationWidthPx: x,
-    dragActivationDeltaPx: w,
-    showOverlay: v,
-    isAbsolute: b,
-    overlayBackgroundColor: M,
+    edgeActivationWidthPx: R,
+    dragActivationDeltaPx: v,
+    showOverlay: b,
+    isAbsolute: w,
+    overlayBackgroundColor: I,
     toggleIconColor: y,
-    toggleIconSizePx: P,
-    toggleIconEdgeDistancePx: D,
+    toggleIconSizePx: A,
+    toggleIconEdgeDistancePx: M,
     showToggle: _,
-    mediaQueryWidth: C,
-    swipeBarZIndex: $,
+    mediaQueryWidth: W,
+    swipeBarZIndex: D,
     toggleZIndex: j,
-    overlayZIndex: B,
-    fadeContent: m,
-    fadeContentTransitionMs: p,
-    swipeToOpen: T,
-    swipeToClose: O,
-    midAnchorPoint: V,
-    midAnchorPointPx: F,
-    disabled: k
-  } = t, H = Ze(() => {
-    const G = l ?? i.sidebarHeightPx;
+    overlayZIndex: N,
+    fadeContent: f,
+    fadeContentTransitionMs: x,
+    swipeToOpen: p,
+    swipeToClose: Y,
+    midAnchorPoint: X,
+    midAnchorPointPx: z,
+    disabled: F,
+    closeSidebarOnOverlayClick: G
+  } = t, k = Ze(() => {
+    const U = l ?? i.sidebarHeightPx;
     return {
-      sidebarWidthPx: a ?? i.sidebarWidthPx,
-      sidebarHeightPx: G,
+      sidebarWidthPx: s ?? i.sidebarWidthPx,
+      sidebarHeightPx: U,
       transitionMs: c ?? i.transitionMs,
-      edgeActivationWidthPx: x ?? i.edgeActivationWidthPx,
-      dragActivationDeltaPx: w ?? i.dragActivationDeltaPx,
-      showOverlay: v ?? i.showOverlay,
-      isAbsolute: b ?? i.isAbsolute,
-      overlayBackgroundColor: M ?? i.overlayBackgroundColor,
+      edgeActivationWidthPx: R ?? i.edgeActivationWidthPx,
+      dragActivationDeltaPx: v ?? i.dragActivationDeltaPx,
+      showOverlay: b ?? i.showOverlay,
+      isAbsolute: w ?? i.isAbsolute,
+      overlayBackgroundColor: I ?? i.overlayBackgroundColor,
       toggleIconColor: y ?? i.toggleIconColor,
-      toggleIconSizePx: P ?? i.toggleIconSizePx,
-      toggleIconEdgeDistancePx: D ?? i.toggleIconEdgeDistancePx,
+      toggleIconSizePx: A ?? i.toggleIconSizePx,
+      toggleIconEdgeDistancePx: M ?? i.toggleIconEdgeDistancePx,
       showToggle: _ ?? i.showToggle,
-      mediaQueryWidth: C ?? i.mediaQueryWidth,
-      swipeBarZIndex: $ ?? i.swipeBarZIndex,
+      mediaQueryWidth: W ?? i.mediaQueryWidth,
+      swipeBarZIndex: D ?? i.swipeBarZIndex,
       toggleZIndex: j ?? i.toggleZIndex,
-      overlayZIndex: B ?? i.overlayZIndex,
-      fadeContent: m ?? i.fadeContent,
-      fadeContentTransitionMs: p ?? i.fadeContentTransitionMs,
-      swipeToOpen: T ?? i.swipeToOpen,
-      swipeToClose: O ?? i.swipeToClose,
-      midAnchorPoint: V ?? i.midAnchorPoint,
-      midAnchorPointPx: F ?? i.midAnchorPointPx ?? Math.floor(G / 3),
-      disabled: k ?? i.disabled
+      overlayZIndex: N ?? i.overlayZIndex,
+      fadeContent: f ?? i.fadeContent,
+      fadeContentTransitionMs: x ?? i.fadeContentTransitionMs,
+      swipeToOpen: p ?? i.swipeToOpen,
+      swipeToClose: Y ?? i.swipeToClose,
+      midAnchorPoint: X ?? i.midAnchorPoint,
+      midAnchorPointPx: z ?? i.midAnchorPointPx ?? Math.floor(U / 3),
+      disabled: F ?? i.disabled,
+      closeSidebarOnOverlayClick: G ?? i.closeSidebarOnOverlayClick
     };
   }, [
-    a,
+    s,
     l,
     c,
-    x,
-    w,
+    R,
     v,
     b,
-    M,
+    w,
+    I,
     y,
-    P,
-    D,
+    A,
+    M,
     _,
     i,
-    C,
-    $,
+    W,
+    D,
     j,
-    B,
-    m,
+    N,
+    f,
+    x,
     p,
-    T,
-    O,
-    V,
+    Y,
+    X,
+    z,
     F,
-    k
+    G
   ]);
-  return q(() => {
-    e === "left" ? s(H) : e === "right" ? o(H) : e === "bottom" ? u(r ?? "primary", H) : xe(e);
-  }, [e, r, H, s, o, u]), H;
+  return Z(() => {
+    e === "left" ? a(k) : e === "right" ? o(k) : e === "bottom" ? u(r ?? "primary", k) : xe(e);
+  }, [e, r, k, a, o, u]), k;
 };
-function Ae({
+function Ee({
   isCollapsed: e,
   setCollapsed: t,
   closeSidebarOnClick: r = !0,
   transitionMs: i,
-  overlayBackgroundColor: s,
+  overlayBackgroundColor: a,
   overlayZIndex: o
 }) {
-  return /* @__PURE__ */ R.jsx(
+  return /* @__PURE__ */ O.jsx(
     "div",
     {
       style: {
         transitionDuration: `${i}ms`,
-        ...kt,
-        ...e ? {} : Ht,
-        ...s ? { backgroundColor: s } : {},
+        ...Gt,
+        ...e ? {} : Ut,
+        ...a ? { backgroundColor: a } : {},
         zIndex: o
       },
       onMouseDown: (u) => {
@@ -900,22 +905,22 @@ function Ae({
     }
   );
 }
-function Oe({ size: e, color: t }) {
+function Ae({ size: e, color: t }) {
   const r = L(null);
-  return q(() => {
+  return Z(() => {
     const i = () => {
       r.current && (r.current.style.opacity = "1");
-    }, s = () => {
+    }, a = () => {
       r.current && (r.current.style.opacity = `${Xe}`);
     };
-    r.current && (r.current.addEventListener("mouseenter", i), r.current.addEventListener("mouseleave", s));
-  }, []), /* @__PURE__ */ R.jsx(
+    r.current && (r.current.addEventListener("mouseenter", i), r.current.addEventListener("mouseleave", a));
+  }, []), /* @__PURE__ */ O.jsx(
     "div",
     {
       style: {
-        ...Ut
+        ...zt
       },
-      children: /* @__PURE__ */ R.jsxs(
+      children: /* @__PURE__ */ O.jsxs(
         "svg",
         {
           style: {
@@ -929,8 +934,8 @@ function Oe({ size: e, color: t }) {
           xmlns: "http://www.w3.org/2000/svg",
           width: e,
           children: [
-            /* @__PURE__ */ R.jsx("g", { strokeWidth: "0" }),
-            /* @__PURE__ */ R.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ R.jsx("g", { children: /* @__PURE__ */ R.jsx(
+            /* @__PURE__ */ O.jsx("g", { strokeWidth: "0" }),
+            /* @__PURE__ */ O.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ O.jsx("g", { children: /* @__PURE__ */ O.jsx(
               "path",
               {
                 clipRule: "evenodd",
@@ -945,19 +950,19 @@ function Oe({ size: e, color: t }) {
     }
   );
 }
-function qt({ id: e, toggleRef: t, options: r, showToggle: i = !0, ToggleComponent: s }) {
+function Qt({ id: e, toggleRef: t, options: r, showToggle: i = !0, ToggleComponent: a }) {
   var c;
-  const { openSidebar: o, closeSidebar: u, bottomSidebars: a } = K(), l = ((c = a[e]) == null ? void 0 : c.isOpen) ?? !1;
-  return i ? /* @__PURE__ */ R.jsx(
+  const { openSidebar: o, closeSidebar: u, bottomSidebars: s } = J(), l = ((c = s[e]) == null ? void 0 : c.isOpen) ?? !1;
+  return i ? /* @__PURE__ */ O.jsx(
     "div",
     {
       ref: t,
       style: {
-        ...Gt,
+        ...Zt,
         transition: `transform ${r.transitionMs}ms ease, opacity ${r.transitionMs}ms ease`,
         zIndex: r.toggleZIndex
       },
-      children: (!l || l && !r.showOverlay) && /* @__PURE__ */ R.jsx(
+      children: (!l || l && !r.showOverlay) && /* @__PURE__ */ O.jsx(
         "button",
         {
           type: "button",
@@ -970,338 +975,333 @@ function qt({ id: e, toggleRef: t, options: r, showToggle: i = !0, ToggleCompone
             // Rotate icon: -90deg points up when closed, 90deg points down when open
             transform: l ? "rotate(90deg)" : "rotate(-90deg)"
           },
-          children: s ?? /* @__PURE__ */ R.jsx(Oe, { size: r.toggleIconSizePx, color: r.toggleIconColor })
+          children: a ?? /* @__PURE__ */ O.jsx(Ae, { size: r.toggleIconSizePx, color: r.toggleIconColor })
         }
       )
     }
   ) : null;
 }
 function le(e = Se) {
-  const t = `(max-width: ${Math.min(e, Se)}px)`, r = () => typeof window > "u" || typeof window.matchMedia > "u" ? !1 : window.matchMedia(t).matches, [i, s] = re(r);
-  return q(() => {
+  const t = `(max-width: ${Math.min(e, Se)}px)`, r = () => typeof window > "u" || typeof window.matchMedia > "u" ? !1 : window.matchMedia(t).matches, [i, a] = re(r);
+  return Z(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const o = window.matchMedia(t), u = () => s(o.matches);
+    const o = window.matchMedia(t), u = () => a(o.matches);
     return u(), o.addEventListener("change", u), () => o.removeEventListener("change", u);
   }, [t]), i;
 }
-const Ne = ({
+const ke = ({
   refs: e,
   callbacks: t,
   currentY: r,
   preventDefault: i,
-  lockPane: s,
+  lockPane: a,
   options: o,
   scrollableAncestor: u,
-  initialScrollTop: a
+  initialScrollTop: s
 }) => {
   if (!e.draggingRef.current) return;
   const l = r - e.draggingRef.current.startY;
   if (!e.draggingRef.current.isActivated && Math.abs(l) >= o.dragActivationDeltaPx) {
     if (u && t.getIsOpen()) {
-      if (u.scrollTop !== a) {
+      if (u.scrollTop !== s) {
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
-      const { scrollTop: y, scrollHeight: P, clientHeight: D } = u, _ = y > 1, C = y + D < P - 1;
-      if (l > 0 && _ || l < 0 && C) {
+      const { scrollTop: y, scrollHeight: A, clientHeight: M } = u, _ = y > 1, W = y + M < A - 1;
+      if (l > 0 && _ || l < 0 && W) {
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
     }
-    e.draggingRef.current.isActivated = !0, s();
+    e.draggingRef.current.isActivated = !0, a();
   }
   if (!e.draggingRef.current.isActivated) return;
   e.prevYRef.current = e.currentYRef.current, e.currentYRef.current = r;
-  const c = t.getIsOpen(), x = window.innerHeight;
-  let w = !1;
-  if ((c || e.draggingRef.current.startY >= x - o.edgeActivationWidthPx) && (w = !0), !w) {
+  const c = t.getIsOpen(), R = window.innerHeight;
+  let v = !1;
+  if ((c || e.draggingRef.current.startY >= R - o.edgeActivationWidthPx) && (v = !0), !v) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   i();
-  const v = o.sidebarHeightPx, b = o.midAnchorPointPx, M = o.midAnchorPoint && !o.swipeToOpen && b < v;
+  const b = o.sidebarHeightPx, w = o.midAnchorPointPx, I = o.midAnchorPoint && !o.swipeToOpen && w < b;
   if (c)
-    if (M) {
+    if (I) {
       const y = t.getBottomAnchorState();
       if (y === "open") {
-        const P = Math.max(
+        const A = Math.max(
           0,
-          Math.min(v, l - o.dragActivationDeltaPx)
+          Math.min(b, l - o.dragActivationDeltaPx)
         );
-        t.dragSidebar(P);
+        t.dragSidebar(A);
       } else if (y === "midAnchor") {
-        const P = v - b, D = Math.max(
+        const A = b - w, M = Math.max(
           0,
           Math.min(
-            v,
-            P + l - o.dragActivationDeltaPx
+            b,
+            A + l - o.dragActivationDeltaPx
           )
         );
-        t.dragSidebar(D);
+        t.dragSidebar(M);
       }
     } else {
       const y = Math.max(
         0,
-        Math.min(v, l - o.dragActivationDeltaPx)
+        Math.min(b, l - o.dragActivationDeltaPx)
       );
       t.dragSidebar(y);
     }
-  else if (e.draggingRef.current.startY >= x - o.edgeActivationWidthPx)
-    if (M) {
-      const y = v - b, P = Math.max(
+  else if (e.draggingRef.current.startY >= R - o.edgeActivationWidthPx)
+    if (I) {
+      const y = b - w, A = Math.max(
         y,
         Math.min(
-          v,
-          v + l + o.dragActivationDeltaPx
+          b,
+          b + l + o.dragActivationDeltaPx
         )
       );
-      t.dragSidebar(P);
+      t.dragSidebar(A);
     } else {
       const y = Math.max(
         0,
         Math.min(
-          v,
-          v + l + o.dragActivationDeltaPx
+          b,
+          b + l + o.dragActivationDeltaPx
         )
       );
       t.dragSidebar(y);
     }
-}, Fe = ({ refs: e, callbacks: t, options: r, onDragEnd: i }) => {
+}, Ne = ({
+  refs: e,
+  callbacks: t,
+  options: r,
+  onDragEnd: i
+}) => {
   if (!e.draggingRef.current) return;
   if (!e.draggingRef.current.isActivated) {
     e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null;
     return;
   }
-  const s = e.currentYRef.current ?? e.draggingRef.current.startY, o = e.prevYRef.current ?? e.draggingRef.current.startY, u = e.draggingRef.current.startY, a = t.getIsOpen(), l = window.innerHeight;
+  const a = e.currentYRef.current ?? e.draggingRef.current.startY, o = e.prevYRef.current ?? e.draggingRef.current.startY, u = e.draggingRef.current.startY, s = t.getIsOpen(), l = window.innerHeight;
   e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null, i();
-  const c = s < o, x = s >= o, w = u >= l - r.edgeActivationWidthPx, v = r.midAnchorPointPx, b = r.sidebarHeightPx, M = r.midAnchorPoint && !r.swipeToOpen && v < b;
-  if (a)
-    if (M) {
-      const y = t.getBottomAnchorState(), P = b - v;
+  const c = a < o, R = a >= o, v = u >= l - r.edgeActivationWidthPx, b = r.midAnchorPointPx, w = r.sidebarHeightPx, I = r.midAnchorPoint && !r.swipeToOpen && b < w;
+  if (s)
+    if (I) {
+      const y = t.getBottomAnchorState(), A = w - b;
       if (y === "open") {
-        const D = Math.max(0, s - u);
-        x ? D > P ? t.closeSidebar() : t.openToMidAnchor() : D < P ? t.openSidebarFully() : t.openToMidAnchor(), t.dragSidebar(null);
+        const M = Math.max(0, a - u);
+        R ? M > A ? t.closeSidebar() : t.openToMidAnchor() : M < A ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
       } else if (y === "midAnchor") {
-        const D = b - v, _ = Math.max(
+        const M = w - b, _ = Math.max(
           0,
-          Math.min(b, D + (s - u))
+          Math.min(w, M + (a - u))
         );
-        if (c)
-          _ < P ? t.openSidebarFully() : t.openToMidAnchor();
-        else {
-          const C = (b + D) / 2;
-          _ > C ? t.closeSidebar() : t.openToMidAnchor();
-        }
-        t.dragSidebar(null);
+        c && _ < A ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
       }
     } else
-      x ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null);
-  else w && c ? (M ? t.openToMidAnchor() : t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
+      R ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null);
+  else v && c ? (I ? t.openToMidAnchor() : t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function Vt(e, t) {
-  var B, m;
+function Jt(e, t) {
+  var N, f;
   const r = le(e.mediaQueryWidth), {
     lockedSidebar: i,
-    setLockedSidebar: s,
+    setLockedSidebar: a,
     bottomSidebars: o,
     openSidebar: u,
-    openSidebarFully: a,
+    openSidebarFully: s,
     closeSidebar: l,
     dragSidebar: c,
-    openSidebarToMidAnchor: x,
-    activeBottomDragIdRef: w,
-    bottomFocusStackRef: v
-  } = K(), b = ((B = o[t]) == null ? void 0 : B.isOpen) ?? !1, M = ((m = o[t]) == null ? void 0 : m.anchorState) ?? "closed", y = L(null), P = L(null), D = L(null), _ = L(null), C = L(0), $ = L(null), j = L(M);
-  q(() => {
-    j.current = M;
-  }, [M]), q(() => {
+    openSidebarToMidAnchor: R,
+    activeBottomDragIdRef: v,
+    bottomFocusStackRef: b
+  } = J(), w = ((N = o[t]) == null ? void 0 : N.isOpen) ?? !1, I = ((f = o[t]) == null ? void 0 : f.anchorState) ?? "closed", y = L(null), A = L(null), M = L(null), _ = L(null), W = L(0), D = L(null), j = L(I);
+  Z(() => {
+    j.current = I;
+  }, [I]), Z(() => {
     if (!r || i && i !== "bottom" || e.disabled) return;
-    const p = {
-      getIsOpen: () => b,
+    const x = {
+      getIsOpen: () => w,
       openSidebar: () => u("bottom", { id: t }),
-      openSidebarFully: () => a("bottom", { id: t }),
+      openSidebarFully: () => s("bottom", { id: t }),
       closeSidebar: () => l("bottom", { id: t }),
       dragSidebar: (n) => c("bottom", n, { id: t }),
       getBottomAnchorState: () => j.current,
-      openToMidAnchor: () => x("bottom", { id: t })
-    }, T = {
+      openToMidAnchor: () => R("bottom", { id: t })
+    }, p = {
       draggingRef: y,
-      currentYRef: P,
-      prevYRef: D
-    }, O = () => w.current !== null && w.current !== t, V = () => {
-      const n = v.current;
+      currentYRef: A,
+      prevYRef: M
+    }, Y = () => v.current !== null && v.current !== t, X = () => {
+      const n = b.current;
       return n.length === 0 ? !0 : n[n.length - 1] === t;
-    }, F = () => {
-      if (O()) {
+    }, z = () => {
+      if (Y()) {
         y.current = null;
         return;
       }
-      w.current = t, s("bottom");
+      v.current = t, a("bottom");
       const n = _.current;
-      n && ($.current = n.style.overflowY, n.style.overflowY = "hidden");
-    }, k = () => {
-      w.current === t && (w.current = null);
+      n && (D.current = n.style.overflowY, n.style.overflowY = "hidden");
+    }, F = () => {
+      v.current === t && (v.current = null);
       const n = _.current;
-      n && $.current !== null && (n.style.overflowY = $.current, $.current = null);
+      n && D.current !== null && (n.style.overflowY = D.current, D.current = null);
     };
-    function H(n) {
-      var Z;
-      if (i && i !== "bottom" || O() || !V() || ce(n.target) || n.changedTouches.length === 0) return;
-      const f = n.changedTouches[0], E = window.innerHeight, I = p.getIsOpen(), z = f.clientY >= E - e.edgeActivationWidthPx;
-      I && !e.swipeToClose || !I && !e.swipeToOpen || (I || z) && (_.current = je(n.target), C.current = ((Z = _.current) == null ? void 0 : Z.scrollTop) ?? 0, Be({
-        refs: T,
-        clientX: f.clientX,
-        clientY: f.clientY,
-        touchId: f.identifier,
+    function G(n) {
+      var K;
+      if (i && i !== "bottom" || Y() || !X() || ce(n.target) || n.changedTouches.length === 0) return;
+      const g = n.changedTouches[0], T = window.innerHeight, P = x.getIsOpen(), Q = g.clientY >= T - e.edgeActivationWidthPx;
+      P && !e.swipeToClose || !P && !e.swipeToOpen || (P || Q) && (_.current = je(n.target), W.current = ((K = _.current) == null ? void 0 : K.scrollTop) ?? 0, Be({
+        refs: p,
+        clientX: g.clientX,
+        clientY: g.clientY,
+        touchId: g.identifier,
         isMouse: !1
       }));
     }
-    function G(n) {
+    function k(n) {
       if (i && i !== "bottom") return;
-      if (O()) {
+      if (Y()) {
         y.current = null;
         return;
       }
       if (!y.current || y.current.isMouse) return;
-      const f = y.current.activeTouchId, E = Re(n.changedTouches, f);
-      E && Ne({
-        refs: T,
-        callbacks: p,
-        currentY: E.clientY,
+      const g = y.current.activeTouchId, T = Re(n.changedTouches, g);
+      T && ke({
+        refs: p,
+        callbacks: x,
+        currentY: T.clientY,
         preventDefault: () => n.preventDefault(),
-        lockPane: F,
+        lockPane: z,
         options: e,
         scrollableAncestor: _.current,
-        initialScrollTop: C.current
+        initialScrollTop: W.current
       });
     }
-    function Q(n) {
+    function U(n) {
       if (i && i !== "bottom" || !y.current || y.current.isMouse) return;
-      const f = y.current.activeTouchId;
-      Te(n.changedTouches, f) && Fe({
-        refs: T,
-        callbacks: p,
+      const g = y.current.activeTouchId;
+      Te(n.changedTouches, g) && Ne({
+        refs: p,
+        callbacks: x,
         options: e,
-        onDragEnd: k
+        onDragEnd: F
       });
     }
-    function J() {
-      i && i !== "bottom" || !y.current || y.current.isMouse || (k(), zt({
-        refs: T,
-        dragSidebar: p.dragSidebar,
+    function V() {
+      i && i !== "bottom" || !y.current || y.current.isMouse || (F(), qt({
+        refs: p,
+        dragSidebar: x.dragSidebar,
         onDeactivate: () => {
         }
       }));
     }
-    function Y(n) {
-      var z;
-      if (i && i !== "bottom" || O() || !V() || ce(n.target) || n.button !== 0) return;
-      const f = window.innerHeight, E = p.getIsOpen(), I = n.clientY >= f - e.edgeActivationWidthPx;
-      E && !e.swipeToClose || !E && !e.swipeToOpen || (E || I) && (_.current = je(n.target), C.current = ((z = _.current) == null ? void 0 : z.scrollTop) ?? 0, Be({
-        refs: T,
+    function q(n) {
+      var Q;
+      if (i && i !== "bottom" || Y() || !X() || ce(n.target) || n.button !== 0) return;
+      const g = window.innerHeight, T = x.getIsOpen(), P = n.clientY >= g - e.edgeActivationWidthPx;
+      T && !e.swipeToClose || !T && !e.swipeToOpen || (T || P) && (_.current = je(n.target), W.current = ((Q = _.current) == null ? void 0 : Q.scrollTop) ?? 0, Be({
+        refs: p,
         clientX: n.clientX,
         clientY: n.clientY,
         touchId: null,
         isMouse: !0
       }));
     }
-    function ne(n) {
+    function $(n) {
       if (!(i && i !== "bottom")) {
-        if (O()) {
+        if (Y()) {
           y.current = null;
           return;
         }
-        !y.current || !y.current.isMouse || Ne({
-          refs: T,
-          callbacks: p,
+        !y.current || !y.current.isMouse || ke({
+          refs: p,
+          callbacks: x,
           currentY: n.clientY,
           preventDefault: () => n.preventDefault(),
-          lockPane: F,
+          lockPane: z,
           options: e,
           scrollableAncestor: _.current,
-          initialScrollTop: C.current
+          initialScrollTop: W.current
         });
       }
     }
-    function N() {
-      i && i !== "bottom" || !y.current || !y.current.isMouse || Fe({
-        refs: T,
-        callbacks: p,
+    function ne() {
+      i && i !== "bottom" || !y.current || !y.current.isMouse || Ne({
+        refs: p,
+        callbacks: x,
         options: e,
-        onDragEnd: k
+        onDragEnd: F
       });
     }
-    return window.addEventListener("touchstart", H, { passive: !0 }), window.addEventListener("touchmove", G, { passive: !1 }), window.addEventListener("touchend", Q, { passive: !0 }), window.addEventListener("touchcancel", J, { passive: !0 }), window.addEventListener("mousedown", Y, { passive: !0 }), window.addEventListener("mousemove", ne, { passive: !1 }), window.addEventListener("mouseup", N, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", H), window.removeEventListener("touchmove", G), window.removeEventListener("touchend", Q), window.removeEventListener("touchcancel", J), window.removeEventListener("mousedown", Y), window.removeEventListener("mousemove", ne), window.removeEventListener("mouseup", N);
+    return window.addEventListener("touchstart", G, { passive: !0 }), window.addEventListener("touchmove", k, { passive: !1 }), window.addEventListener("touchend", U, { passive: !0 }), window.addEventListener("touchcancel", V, { passive: !0 }), window.addEventListener("mousedown", q, { passive: !0 }), window.addEventListener("mousemove", $, { passive: !1 }), window.addEventListener("mouseup", ne, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", G), window.removeEventListener("touchmove", k), window.removeEventListener("touchend", U), window.removeEventListener("touchcancel", V), window.removeEventListener("mousedown", q), window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", ne);
     };
   }, [
     t,
     r,
-    b,
+    w,
     u,
-    a,
+    s,
     l,
     c,
     i,
-    s,
+    a,
     e,
-    x,
-    w,
-    v
+    R,
+    v,
+    b
   ]);
 }
-function ir({
+function ar({
   id: e = "primary",
   className: t,
   children: r,
   ToggleComponent: i,
-  ...s
+  ...a
 }) {
-  var M;
-  if ((r == null ? void 0 : r.type) === R.Fragment)
+  var I;
+  if ((r == null ? void 0 : r.type) === O.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarBottom");
-  const {
-    bottomSidebars: o,
-    closeSidebar: u,
-    registerBottomSidebar: a,
-    unregisterBottomSidebar: l
-  } = K(), c = L(null), x = L(null);
-  q(() => (a(e, { sidebarRef: c, toggleRef: x }), () => l(e)), [e, a, l]);
-  const w = Ee("bottom", s, e), v = le(w.mediaQueryWidth);
-  Vt(w, e);
-  const b = ((M = o[e]) == null ? void 0 : M.isOpen) ?? !1;
-  return /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    w.showOverlay && /* @__PURE__ */ R.jsx(
-      Ae,
+  const { bottomSidebars: o, closeSidebar: u, registerBottomSidebar: s, unregisterBottomSidebar: l } = J(), c = L(null), R = L(null);
+  Z(() => (s(e, { sidebarRef: c, toggleRef: R }), () => l(e)), [e, s, l]);
+  const v = Oe("bottom", a, e), b = le(v.mediaQueryWidth);
+  Jt(v, e);
+  const w = ((I = o[e]) == null ? void 0 : I.isOpen) ?? !1;
+  return /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
+    v.showOverlay && /* @__PURE__ */ O.jsx(
+      Ee,
       {
-        isCollapsed: !b,
+        isCollapsed: !w,
         setCollapsed: () => u("bottom", { id: e }),
-        transitionMs: w.transitionMs,
-        overlayBackgroundColor: w.overlayBackgroundColor,
-        overlayZIndex: w.overlayZIndex
+        closeSidebarOnClick: v.closeSidebarOnOverlayClick,
+        transitionMs: v.transitionMs,
+        overlayBackgroundColor: v.overlayBackgroundColor,
+        overlayZIndex: v.overlayZIndex
       }
     ),
-    /* @__PURE__ */ R.jsx(
-      qt,
+    /* @__PURE__ */ O.jsx(
+      Qt,
       {
         id: e,
-        toggleRef: x,
-        options: w,
-        showToggle: w.showToggle,
+        toggleRef: R,
+        options: v,
+        showToggle: v.showToggle,
         ToggleComponent: i
       }
     ),
-    /* @__PURE__ */ R.jsx(
+    /* @__PURE__ */ O.jsx(
       "div",
       {
         ref: c,
         style: {
-          ...jt,
           ...Nt,
-          ...w.isAbsolute || v ? Ft : {},
+          ...Ft,
+          ...v.isAbsolute || b ? Ht : {},
           ...t ? {} : { backgroundColor: ye },
-          zIndex: w.swipeBarZIndex
+          zIndex: v.swipeBarZIndex
         },
         className: t,
         children: r
@@ -1309,19 +1309,19 @@ function ir({
     )
   ] });
 }
-function Qt({ options: e, showToggle: t = !0, ToggleComponent: r }) {
-  const { openSidebar: i, leftToggleRef: s, isLeftOpen: o, closeSidebar: u } = K();
-  return t ? /* @__PURE__ */ R.jsx(
+function Kt({ options: e, showToggle: t = !0, ToggleComponent: r }) {
+  const { openSidebar: i, leftToggleRef: a, isLeftOpen: o, closeSidebar: u } = J();
+  return t ? /* @__PURE__ */ O.jsx(
     "div",
     {
-      ref: s,
+      ref: a,
       style: {
         ...Qe,
         transition: `transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,
         left: 0,
         zIndex: e.toggleZIndex
       },
-      children: (!o || o && !e.showOverlay) && /* @__PURE__ */ R.jsx(
+      children: (!o || o && !e.showOverlay) && /* @__PURE__ */ O.jsx(
         "button",
         {
           type: "button",
@@ -1333,50 +1333,50 @@ function Qt({ options: e, showToggle: t = !0, ToggleComponent: r }) {
             marginLeft: `${e.toggleIconEdgeDistancePx}px`,
             ...o ? { transform: "rotate(180deg)" } : {}
           },
-          children: r ?? /* @__PURE__ */ R.jsx(Oe, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+          children: r ?? /* @__PURE__ */ O.jsx(Ae, { size: e.toggleIconSizePx, color: e.toggleIconColor })
         }
       )
     }
   ) : null;
 }
-const ke = ({
+const Fe = ({
   refs: e,
   callbacks: t,
   currentX: r,
   preventDefault: i,
-  lockPane: s,
+  lockPane: a,
   options: o
 }) => {
   if (!e.draggingRef.current) return;
   const u = r - e.draggingRef.current.startX;
-  if (!e.draggingRef.current.isActivated && Math.abs(u) >= o.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, s()), !e.draggingRef.current.isActivated) return;
+  if (!e.draggingRef.current.isActivated && Math.abs(u) >= o.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, a()), !e.draggingRef.current.isActivated) return;
   e.prevXRef.current = e.currentXRef.current, e.currentXRef.current = r;
-  const a = t.getIsOpen();
+  const s = t.getIsOpen();
   let l = !1;
-  if ((a || e.draggingRef.current.startX <= o.edgeActivationWidthPx) && (l = !0), !l) {
+  if ((s || e.draggingRef.current.startX <= o.edgeActivationWidthPx) && (l = !0), !l) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   i();
   const c = o.sidebarWidthPx;
-  if (a) {
-    const x = Math.min(
+  if (s) {
+    const R = Math.min(
       0,
       Math.max(
         -c,
         u + o.dragActivationDeltaPx
       )
     );
-    t.dragSidebar(x);
+    t.dragSidebar(R);
   } else if (e.draggingRef.current.startX <= o.edgeActivationWidthPx) {
-    const x = Math.min(
+    const R = Math.min(
       0,
       Math.max(
         -c,
         -c + u - o.dragActivationDeltaPx
       )
     );
-    t.dragSidebar(x);
+    t.dragSidebar(R);
   }
 }, He = ({
   refs: e,
@@ -1388,153 +1388,154 @@ const ke = ({
     e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
     return;
   }
-  const i = e.currentXRef.current ?? e.draggingRef.current.startX, s = e.prevXRef.current ?? e.draggingRef.current.startX, o = e.draggingRef.current.startX, u = t.getIsOpen();
+  const i = e.currentXRef.current ?? e.draggingRef.current.startX, a = e.prevXRef.current ?? e.draggingRef.current.startX, o = e.draggingRef.current.startX, u = t.getIsOpen();
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
-  const a = i >= s, l = i < s, c = o <= r.edgeActivationWidthPx;
-  u ? (l ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : c && a ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
+  const s = i >= a, l = i < a, c = o <= r.edgeActivationWidthPx;
+  u ? (l ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : c && s ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function Jt(e) {
+function er(e) {
   const t = le(e.mediaQueryWidth), {
     lockedSidebar: r,
     setLockedSidebar: i,
-    isLeftOpen: s,
+    isLeftOpen: a,
     openSidebar: o,
     closeSidebar: u,
-    dragSidebar: a,
+    dragSidebar: s,
     leftSidebarRef: l
-  } = K(), c = L(null), x = L(null), w = L(null);
-  q(() => {
+  } = J(), c = L(null), R = L(null), v = L(null);
+  Z(() => {
     if (!t || r && r !== "left" || e.disabled) return;
-    const v = {
-      getIsOpen: () => s,
+    const b = {
+      getIsOpen: () => a,
       openSidebar: () => o("left"),
       closeSidebar: () => u("left"),
-      dragSidebar: (m) => a("left", m)
-    }, b = {
+      dragSidebar: (f) => s("left", f)
+    }, w = {
       draggingRef: c,
-      currentXRef: x,
-      prevXRef: w
-    }, M = () => i("left"), y = () => i(null);
-    function P(m) {
-      if (r && r !== "left" || ce(m.target) || m.changedTouches.length === 0) return;
-      const p = m.changedTouches[0], T = v.getIsOpen(), O = p.clientX <= e.edgeActivationWidthPx;
-      T && !e.swipeToClose || !T && !e.swipeToOpen || (T || O) && he({
-        refs: b,
-        clientX: p.clientX,
-        clientY: p.clientY,
-        touchId: p.identifier,
+      currentXRef: R,
+      prevXRef: v
+    }, I = () => i("left"), y = () => i(null);
+    function A(f) {
+      if (r && r !== "left" || ce(f.target) || f.changedTouches.length === 0) return;
+      const x = f.changedTouches[0], p = b.getIsOpen(), Y = x.clientX <= e.edgeActivationWidthPx;
+      p && !e.swipeToClose || !p && !e.swipeToOpen || (p || Y) && he({
+        refs: w,
+        clientX: x.clientX,
+        clientY: x.clientY,
+        touchId: x.identifier,
         isMouse: !1
       });
     }
-    function D(m) {
+    function M(f) {
       if (r && r !== "left" || !c.current || c.current.isMouse) return;
-      const p = c.current.activeTouchId, T = Re(m.changedTouches, p);
-      T && ke({
-        refs: b,
-        callbacks: v,
-        currentX: T.clientX,
-        preventDefault: () => m.preventDefault(),
-        lockPane: M,
+      const x = c.current.activeTouchId, p = Re(f.changedTouches, x);
+      p && Fe({
+        refs: w,
+        callbacks: b,
+        currentX: p.clientX,
+        preventDefault: () => f.preventDefault(),
+        lockPane: I,
         options: e
       });
     }
-    function _(m) {
+    function _(f) {
       if (r && r !== "left" || !c.current || c.current.isMouse) return;
-      const p = c.current.activeTouchId;
-      Te(m.changedTouches, p) && He({
-        refs: b,
-        callbacks: v,
+      const x = c.current.activeTouchId;
+      Te(f.changedTouches, x) && He({
+        refs: w,
+        callbacks: b,
         options: e
       });
     }
-    function C() {
+    function W() {
       r && r !== "left" || !c.current || c.current.isMouse || Je({
-        refs: b,
-        dragSidebar: v.dragSidebar,
+        refs: w,
+        dragSidebar: b.dragSidebar,
         onDeactivate: y
       });
     }
-    function $(m) {
-      if (r && r !== "left" || ce(m.target) || m.button !== 0) return;
-      const p = v.getIsOpen(), T = m.clientX <= e.edgeActivationWidthPx;
-      p && !e.swipeToClose || !p && !e.swipeToOpen || (p || T) && he({
-        refs: b,
-        clientX: m.clientX,
-        clientY: m.clientY,
+    function D(f) {
+      if (r && r !== "left" || ce(f.target) || f.button !== 0) return;
+      const x = b.getIsOpen(), p = f.clientX <= e.edgeActivationWidthPx;
+      x && !e.swipeToClose || !x && !e.swipeToOpen || (x || p) && he({
+        refs: w,
+        clientX: f.clientX,
+        clientY: f.clientY,
         touchId: null,
         isMouse: !0
       });
     }
-    function j(m) {
-      r && r !== "left" || !c.current || !c.current.isMouse || ke({
-        refs: b,
-        callbacks: v,
-        currentX: m.clientX,
-        preventDefault: () => m.preventDefault(),
-        lockPane: M,
+    function j(f) {
+      r && r !== "left" || !c.current || !c.current.isMouse || Fe({
+        refs: w,
+        callbacks: b,
+        currentX: f.clientX,
+        preventDefault: () => f.preventDefault(),
+        lockPane: I,
         options: e
       });
     }
-    function B() {
+    function N() {
       r && r !== "left" || !c.current || !c.current.isMouse || He({
-        refs: b,
-        callbacks: v,
+        refs: w,
+        callbacks: b,
         options: e
       });
     }
-    return window.addEventListener("touchstart", P, { passive: !0 }), window.addEventListener("touchmove", D, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", C, { passive: !0 }), window.addEventListener("mousedown", $, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", B, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", P), window.removeEventListener("touchmove", D), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", C), window.removeEventListener("mousedown", $), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", B);
+    return window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", M, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", D, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", N, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", M), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", D), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", N);
     };
   }, [
     t,
-    s,
+    a,
     o,
     u,
-    a,
+    s,
     r,
     i,
     l,
     e
   ]);
 }
-function or({
+function sr({
   className: e,
   children: t,
   ToggleComponent: r,
   ...i
 }) {
-  if ((t == null ? void 0 : t.type) === R.Fragment)
+  if ((t == null ? void 0 : t.type) === O.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarLeft");
-  const { isLeftOpen: s, closeSidebar: o, leftSidebarRef: u } = K(), a = Ee("left", i), l = le(a.mediaQueryWidth);
-  return Jt(a), /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    a.showOverlay && /* @__PURE__ */ R.jsx(
-      Ae,
+  const { isLeftOpen: a, closeSidebar: o, leftSidebarRef: u } = J(), s = Oe("left", i), l = le(s.mediaQueryWidth);
+  return er(s), /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
+    s.showOverlay && /* @__PURE__ */ O.jsx(
+      Ee,
       {
-        isCollapsed: !s,
+        isCollapsed: !a,
         setCollapsed: () => o("left"),
-        transitionMs: a.transitionMs,
-        overlayBackgroundColor: a.overlayBackgroundColor,
-        overlayZIndex: a.overlayZIndex
+        closeSidebarOnClick: s.closeSidebarOnOverlayClick,
+        transitionMs: s.transitionMs,
+        overlayBackgroundColor: s.overlayBackgroundColor,
+        overlayZIndex: s.overlayZIndex
       }
     ),
-    /* @__PURE__ */ R.jsx(
-      Qt,
+    /* @__PURE__ */ O.jsx(
+      Kt,
       {
-        options: a,
-        showToggle: a.showToggle,
+        options: s,
+        showToggle: s.showToggle,
         ToggleComponent: r
       }
     ),
-    /* @__PURE__ */ R.jsx(
+    /* @__PURE__ */ O.jsx(
       "div",
       {
         ref: u,
         style: {
-          ...Ve,
-          ...Yt,
-          ...a.isAbsolute || l ? Wt : {},
+          ...qe,
+          ...Wt,
+          ...s.isAbsolute || l ? jt : {},
           ...e ? {} : { backgroundColor: ye },
-          zIndex: a.swipeBarZIndex
+          zIndex: s.swipeBarZIndex
         },
         className: e,
         children: t
@@ -1542,21 +1543,21 @@ function or({
     )
   ] });
 }
-function Kt({ options: e, showToggle: t = !0, ToggleComponent: r }) {
-  const { openSidebar: i, rightToggleRef: s, isRightOpen: o, closeSidebar: u } = K();
+function tr({ options: e, showToggle: t = !0, ToggleComponent: r }) {
+  const { openSidebar: i, rightToggleRef: a, isRightOpen: o, closeSidebar: u } = J();
   return t ? (
     // 1px wide container
-    /* @__PURE__ */ R.jsx(
+    /* @__PURE__ */ O.jsx(
       "div",
       {
-        ref: s,
+        ref: a,
         style: {
           ...Qe,
           transition: `transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,
           right: 0,
           zIndex: e.toggleZIndex
         },
-        children: (!o || o && !e.showOverlay) && /* @__PURE__ */ R.jsx(
+        children: (!o || o && !e.showOverlay) && /* @__PURE__ */ O.jsx(
           "button",
           {
             type: "button",
@@ -1569,7 +1570,7 @@ function Kt({ options: e, showToggle: t = !0, ToggleComponent: r }) {
               // reverse because we are using the same icon for both left and right
               ...o ? {} : { transform: "rotate(180deg)" }
             },
-            children: r ?? /* @__PURE__ */ R.jsx(Oe, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+            children: r ?? /* @__PURE__ */ O.jsx(Ae, { size: e.toggleIconSizePx, color: e.toggleIconColor })
           }
         )
       }
@@ -1581,36 +1582,36 @@ const Ge = ({
   callbacks: t,
   currentX: r,
   preventDefault: i,
-  lockPane: s,
+  lockPane: a,
   options: o
 }) => {
   if (!e.draggingRef.current) return;
-  const u = window.innerWidth, a = r - e.draggingRef.current.startX, l = e.draggingRef.current.startX >= u - o.edgeActivationWidthPx, c = e.draggingRef.current.isActivated;
-  if (!c && Math.abs(a) >= o.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, s()), !c) return;
+  const u = window.innerWidth, s = r - e.draggingRef.current.startX, l = e.draggingRef.current.startX >= u - o.edgeActivationWidthPx, c = e.draggingRef.current.isActivated;
+  if (!c && Math.abs(s) >= o.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, a()), !c) return;
   e.prevXRef.current = e.currentXRef.current, e.currentXRef.current = r;
-  const x = t.getIsOpen();
-  let w = !1;
-  if ((x || l) && (w = !0), !w) {
+  const R = t.getIsOpen();
+  let v = !1;
+  if ((R || l) && (v = !0), !v) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   i();
-  const v = o.sidebarWidthPx;
-  if (x) {
-    const b = Math.max(
+  const b = o.sidebarWidthPx;
+  if (R) {
+    const w = Math.max(
       0,
-      Math.min(v, a - o.dragActivationDeltaPx)
+      Math.min(b, s - o.dragActivationDeltaPx)
     );
-    t.dragSidebar(b);
+    t.dragSidebar(w);
   } else {
-    const b = Math.max(
+    const w = Math.max(
       0,
       Math.min(
-        v,
-        v + a + o.dragActivationDeltaPx
+        b,
+        b + s + o.dragActivationDeltaPx
       )
     );
-    t.dragSidebar(b);
+    t.dragSidebar(w);
   }
 }, Ue = ({ refs: e, callbacks: t, options: r }) => {
   if (!e.draggingRef.current) return;
@@ -1618,153 +1619,154 @@ const Ge = ({
     e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
     return;
   }
-  const i = e.currentXRef.current ?? e.draggingRef.current.startX, s = e.prevXRef.current ?? e.draggingRef.current.startX, o = e.draggingRef.current.startX, u = t.getIsOpen(), a = window.innerWidth;
+  const i = e.currentXRef.current ?? e.draggingRef.current.startX, a = e.prevXRef.current ?? e.draggingRef.current.startX, o = e.draggingRef.current.startX, u = t.getIsOpen(), s = window.innerWidth;
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
-  const l = i > s, c = i < s, x = o >= a - r.edgeActivationWidthPx;
-  u ? (l ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : x && c ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
+  const l = i > a, c = i < a, R = o >= s - r.edgeActivationWidthPx;
+  u ? (l ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : R && c ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function er(e) {
+function rr(e) {
   const t = le(e.mediaQueryWidth), {
     lockedSidebar: r,
     setLockedSidebar: i,
-    isRightOpen: s,
+    isRightOpen: a,
     openSidebar: o,
     closeSidebar: u,
-    dragSidebar: a,
+    dragSidebar: s,
     rightSidebarRef: l
-  } = K(), c = L(null), x = L(null), w = L(null);
-  q(() => {
+  } = J(), c = L(null), R = L(null), v = L(null);
+  Z(() => {
     if (!t || r && r !== "right" || e.disabled) return;
-    const v = {
-      getIsOpen: () => s,
+    const b = {
+      getIsOpen: () => a,
       openSidebar: () => o("right"),
       closeSidebar: () => u("right"),
-      dragSidebar: (m) => a("right", m)
-    }, b = {
+      dragSidebar: (f) => s("right", f)
+    }, w = {
       draggingRef: c,
-      currentXRef: x,
-      prevXRef: w
-    }, M = () => i("right"), y = () => i(null);
-    function P(m) {
-      if (r && r !== "right" || ce(m.target) || m.changedTouches.length === 0) return;
-      const p = m.changedTouches[0], T = window.innerWidth, O = v.getIsOpen(), V = p.clientX >= T - e.edgeActivationWidthPx;
-      O && !e.swipeToClose || !O && !e.swipeToOpen || (O || V) && he({
-        refs: b,
-        clientX: p.clientX,
-        clientY: p.clientY,
-        touchId: p.identifier,
+      currentXRef: R,
+      prevXRef: v
+    }, I = () => i("right"), y = () => i(null);
+    function A(f) {
+      if (r && r !== "right" || ce(f.target) || f.changedTouches.length === 0) return;
+      const x = f.changedTouches[0], p = window.innerWidth, Y = b.getIsOpen(), X = x.clientX >= p - e.edgeActivationWidthPx;
+      Y && !e.swipeToClose || !Y && !e.swipeToOpen || (Y || X) && he({
+        refs: w,
+        clientX: x.clientX,
+        clientY: x.clientY,
+        touchId: x.identifier,
         isMouse: !1
       });
     }
-    function D(m) {
+    function M(f) {
       if (r && r !== "right" || !c.current || c.current.isMouse) return;
-      const p = c.current.activeTouchId, T = Re(m.changedTouches, p);
-      T && Ge({
-        refs: b,
-        callbacks: v,
-        currentX: T.clientX,
-        preventDefault: () => m.preventDefault(),
-        lockPane: M,
+      const x = c.current.activeTouchId, p = Re(f.changedTouches, x);
+      p && Ge({
+        refs: w,
+        callbacks: b,
+        currentX: p.clientX,
+        preventDefault: () => f.preventDefault(),
+        lockPane: I,
         options: e
       });
     }
-    function _(m) {
+    function _(f) {
       if (r && r !== "right" || !c.current || c.current.isMouse) return;
-      const p = c.current.activeTouchId;
-      Te(m.changedTouches, p) && Ue({
-        refs: b,
-        callbacks: v,
+      const x = c.current.activeTouchId;
+      Te(f.changedTouches, x) && Ue({
+        refs: w,
+        callbacks: b,
         options: e
       });
     }
-    function C() {
+    function W() {
       r && r !== "right" || !c.current || c.current.isMouse || Je({
-        refs: b,
-        dragSidebar: v.dragSidebar,
+        refs: w,
+        dragSidebar: b.dragSidebar,
         onDeactivate: y
       });
     }
-    function $(m) {
-      if (r && r !== "right" || ce(m.target) || m.button !== 0) return;
-      const p = window.innerWidth, T = v.getIsOpen(), O = m.clientX >= p - e.edgeActivationWidthPx;
-      T && !e.swipeToClose || !T && !e.swipeToOpen || (T || O) && he({
-        refs: b,
-        clientX: m.clientX,
-        clientY: m.clientY,
+    function D(f) {
+      if (r && r !== "right" || ce(f.target) || f.button !== 0) return;
+      const x = window.innerWidth, p = b.getIsOpen(), Y = f.clientX >= x - e.edgeActivationWidthPx;
+      p && !e.swipeToClose || !p && !e.swipeToOpen || (p || Y) && he({
+        refs: w,
+        clientX: f.clientX,
+        clientY: f.clientY,
         touchId: null,
         isMouse: !0
       });
     }
-    function j(m) {
+    function j(f) {
       r && r !== "right" || !c.current || !c.current.isMouse || Ge({
-        refs: b,
-        callbacks: v,
-        currentX: m.clientX,
-        preventDefault: () => m.preventDefault(),
-        lockPane: M,
+        refs: w,
+        callbacks: b,
+        currentX: f.clientX,
+        preventDefault: () => f.preventDefault(),
+        lockPane: I,
         options: e
       });
     }
-    function B() {
+    function N() {
       r && r !== "right" || !c.current || !c.current.isMouse || Ue({
-        refs: b,
-        callbacks: v,
+        refs: w,
+        callbacks: b,
         options: e
       });
     }
-    return window.addEventListener("touchstart", P, { passive: !0 }), window.addEventListener("touchmove", D, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", C, { passive: !0 }), window.addEventListener("mousedown", $, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", B, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", P), window.removeEventListener("touchmove", D), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", C), window.removeEventListener("mousedown", $), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", B);
+    return window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", M, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", D, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", N, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", M), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", D), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", N);
     };
   }, [
     t,
-    s,
+    a,
     o,
     u,
-    a,
+    s,
     r,
     i,
     l,
     e
   ]);
 }
-function sr({
+function cr({
   className: e,
   children: t,
   ToggleComponent: r,
   ...i
 }) {
-  if ((t == null ? void 0 : t.type) === R.Fragment)
+  if ((t == null ? void 0 : t.type) === O.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarRight");
-  const { isRightOpen: s, closeSidebar: o, rightSidebarRef: u } = K(), a = Ee("right", i), l = le(a.mediaQueryWidth);
-  return er(a), /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    a.showOverlay && /* @__PURE__ */ R.jsx(
-      Ae,
+  const { isRightOpen: a, closeSidebar: o, rightSidebarRef: u } = J(), s = Oe("right", i), l = le(s.mediaQueryWidth);
+  return rr(s), /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
+    s.showOverlay && /* @__PURE__ */ O.jsx(
+      Ee,
       {
-        isCollapsed: !s,
+        isCollapsed: !a,
         setCollapsed: () => o("right"),
-        transitionMs: a.transitionMs,
-        overlayBackgroundColor: a.overlayBackgroundColor,
-        overlayZIndex: a.overlayZIndex
+        closeSidebarOnClick: s.closeSidebarOnOverlayClick,
+        transitionMs: s.transitionMs,
+        overlayBackgroundColor: s.overlayBackgroundColor,
+        overlayZIndex: s.overlayZIndex
       }
     ),
-    /* @__PURE__ */ R.jsx(
-      Kt,
+    /* @__PURE__ */ O.jsx(
+      tr,
       {
-        options: a,
-        showToggle: a.showToggle,
+        options: s,
+        showToggle: s.showToggle,
         ToggleComponent: r
       }
     ),
-    /* @__PURE__ */ R.jsx(
+    /* @__PURE__ */ O.jsx(
       "div",
       {
         ref: u,
         style: {
-          ...Ve,
-          ...$t,
-          ...a.isAbsolute || l ? Bt : {},
+          ...qe,
+          ...Bt,
+          ...s.isAbsolute || l ? kt : {},
           ...e ? {} : { backgroundColor: ye },
-          zIndex: a.swipeBarZIndex
+          zIndex: s.swipeBarZIndex
         },
         className: e,
         children: t
@@ -1773,14 +1775,14 @@ function sr({
   ] });
 }
 export {
-  Ae as Overlay,
-  ir as SwipeBarBottom,
-  or as SwipeBarLeft,
-  nr as SwipeBarProvider,
-  sr as SwipeBarRight,
-  qt as ToggleBottom,
-  Qt as ToggleLeft,
-  Kt as ToggleRight,
+  Ee as Overlay,
+  ar as SwipeBarBottom,
+  sr as SwipeBarLeft,
+  or as SwipeBarProvider,
+  cr as SwipeBarRight,
+  Qt as ToggleBottom,
+  Kt as ToggleLeft,
+  tr as ToggleRight,
   le as useMediaQuery,
-  K as useSwipeBarContext
+  J as useSwipeBarContext
 };