@luciodale/swipe-bar 1.3.0 → 1.3.2

package/dist/swipe-bar.es.js

@@ -1,5 +1,5 @@
-import St, { createContext as yt, useState as V, useRef as L, useMemo as Qe, useCallback as N, useEffect as Z, useContext as xt } from "react";
-var Re = { exports: {} }, he = {};
+import xt, { createContext as Rt, useState as Q, useRef as L, useMemo as Je, useCallback as B, useEffect as z, useContext as Tt } from "react";
+var Re = { exports: {} }, me = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var Re = { exports: {} }, he = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ye;
-function Rt() {
-  if (Ye) return he;
-  Ye = 1;
+var $e;
+function Ot() {
+  if ($e) return me;
+  $e = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(i, a, o) {
+  function r(i, s, o) {
     var f = null;
-    if (o !== void 0 && (f = "" + o), a.key !== void 0 && (f = "" + a.key), "key" in a) {
+    if (o !== void 0 && (f = "" + o), s.key !== void 0 && (f = "" + s.key), "key" in s) {
       o = {};
-      for (var c in a)
-        c !== "key" && (o[c] = a[c]);
-    } else o = a;
-    return a = o.ref, {
+      for (var c in s)
+        c !== "key" && (o[c] = s[c]);
+    } else o = s;
+    return s = o.ref, {
       $$typeof: e,
       type: i,
       key: f,
-      ref: a !== void 0 ? a : null,
+      ref: s !== void 0 ? s : null,
       props: o
     };
   }
-  return he.Fragment = t, he.jsx = r, he.jsxs = r, he;
+  return me.Fragment = t, me.jsx = r, me.jsxs = r, me;
 }
-var me = {};
+var ve = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,44 +41,44 @@ var me = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $e;
-function Tt() {
-  return $e || ($e = 1, process.env.NODE_ENV !== "production" && function() {
+var We;
+function Et() {
+  return We || (We = 1, process.env.NODE_ENV !== "production" && function() {
     function e(n) {
       if (n == null) return null;
       if (typeof n == "function")
-        return n.$$typeof === X ? null : n.displayName || n.name || null;
+        return n.$$typeof === V ? null : n.displayName || n.name || null;
       if (typeof n == "string") return n;
       switch (n) {
-        case A:
-          return "Fragment";
         case M:
-          return "Profiler";
+          return "Fragment";
         case C:
+          return "Profiler";
+        case _:
           return "StrictMode";
-        case F:
+        case k:
           return "Suspense";
-        case m:
+        case v:
           return "SuspenseList";
-        case Y:
+        case P:
           return "Activity";
       }
       if (typeof n == "object")
         switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), n.$$typeof) {
-          case x:
+          case p:
             return "Portal";
-          case D:
+          case j:
             return n.displayName || "Context";
-          case W:
+          case Y:
             return (n._context.displayName || "Context") + ".Consumer";
-          case j:
+          case $:
             var h = n.render;
             return n = n.displayName, n || (n = h.displayName || h.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case R:
+          case y:
             return h = n.displayName || null, h !== null ? h : e(n.type) || "Memo";
-          case S:
+          case O:
             h = n._payload, n = n._init;
             try {
               return e(n(h));
@@ -99,17 +99,17 @@ function Tt() {
       }
       if (h) {
         h = console;
-        var p = h.error, P = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return p.call(
+        var R = h.error, x = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return R.call(
           h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          P
+          x
         ), t(n);
       }
     }
     function i(n) {
-      if (n === A) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === S)
+      if (n === M) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === O)
         return "<...>";
       try {
         var h = e(n);
@@ -118,47 +118,47 @@ function Tt() {
         return "<...>";
       }
     }
-    function a() {
-      var n = z.A;
+    function s() {
+      var n = D.A;
       return n === null ? null : n.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
     function f(n) {
-      if (H.call(n, "key")) {
+      if (q.call(n, "key")) {
         var h = Object.getOwnPropertyDescriptor(n, "key").get;
         if (h && h.isReactWarning) return !1;
       }
       return n.key !== void 0;
     }
     function c(n, h) {
-      function p() {
-        U || (U = !0, console.error(
+      function R() {
+        F || (F = !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)",
           h
         ));
       }
-      p.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: p,
+      R.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: R,
         configurable: !0
       });
     }
     function d() {
       var n = e(this.type);
-      return ne[n] || (ne[n] = !0, console.error(
+      return U[n] || (U[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 u(n, h, p, P, $, K) {
-      var _ = p.ref;
+    function u(n, h, R, x, Z, N) {
+      var X = R.ref;
       return n = {
         $$typeof: I,
         type: n,
         key: h,
-        props: p,
-        _owner: P
-      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(n, "ref", {
+        props: R,
+        _owner: x
+      }, (X !== void 0 ? X : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
         get: d
       }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
@@ -175,117 +175,117 @@ function Tt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
+        value: Z
       }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
+        value: N
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function T(n, h, p, P, $, K) {
-      var _ = h.children;
-      if (_ !== void 0)
-        if (P)
-          if (G(_)) {
-            for (P = 0; P < _.length; P++)
-              w(_[P]);
-            Object.freeze && Object.freeze(_);
+    function T(n, h, R, x, Z, N) {
+      var X = h.children;
+      if (X !== void 0)
+        if (x)
+          if (G(X)) {
+            for (x = 0; x < X.length; x++)
+              w(X[x]);
+            Object.freeze && Object.freeze(X);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else w(_);
-      if (H.call(h, "key")) {
-        _ = e(n);
-        var ee = Object.keys(h).filter(function(ve) {
-          return ve !== "key";
+        else w(X);
+      if (q.call(h, "key")) {
+        X = e(n);
+        var J = Object.keys(h).filter(function(pe) {
+          return pe !== "key";
         });
-        P = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", ae[_ + P] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        x = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", ae[X + x] || (J = 0 < J.length ? "{" + J.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} />`,
-          P,
-          _,
-          ee,
-          _
-        ), ae[_ + P] = !0);
+          x,
+          X,
+          J,
+          X
+        ), ae[X + x] = !0);
       }
-      if (_ = null, p !== void 0 && (r(p), _ = "" + p), f(h) && (r(h.key), _ = "" + h.key), "key" in h) {
-        p = {};
+      if (X = null, R !== void 0 && (r(R), X = "" + R), f(h) && (r(h.key), X = "" + h.key), "key" in h) {
+        R = {};
         for (var ge in h)
-          ge !== "key" && (p[ge] = h[ge]);
-      } else p = h;
-      return _ && c(
-        p,
+          ge !== "key" && (R[ge] = h[ge]);
+      } else R = h;
+      return X && c(
+        R,
         typeof n == "function" ? n.displayName || n.name || "Unknown" : n
       ), u(
         n,
-        _,
-        p,
-        a(),
-        $,
-        K
+        X,
+        R,
+        s(),
+        Z,
+        N
       );
     }
     function w(n) {
-      v(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === S && (n._payload.status === "fulfilled" ? v(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+      b(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === O && (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 v(n) {
+    function b(n) {
       return typeof n == "object" && n !== null && n.$$typeof === I;
     }
-    var y = St, I = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), D = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), z = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, G = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var S = xt, I = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), Y = Symbol.for("react.consumer"), j = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), D = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, G = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
-    y = {
+    S = {
       react_stack_bottom_frame: function(n) {
         return n();
       }
     };
-    var U, ne = {}, ie = y.react_stack_bottom_frame.bind(
-      y,
+    var F, U = {}, oe = S.react_stack_bottom_frame.bind(
+      S,
       o
-    )(), oe = k(i(o)), ae = {};
-    me.Fragment = A, me.jsx = function(n, h, p) {
-      var P = 1e4 > z.recentlyCreatedOwnerStacks++;
+    )(), ne = H(i(o)), ae = {};
+    ve.Fragment = M, ve.jsx = function(n, h, R) {
+      var x = 1e4 > D.recentlyCreatedOwnerStacks++;
       return T(
         n,
         h,
-        p,
+        R,
         !1,
-        P ? Error("react-stack-top-frame") : ie,
-        P ? k(i(n)) : oe
+        x ? Error("react-stack-top-frame") : oe,
+        x ? H(i(n)) : ne
       );
-    }, me.jsxs = function(n, h, p) {
-      var P = 1e4 > z.recentlyCreatedOwnerStacks++;
+    }, ve.jsxs = function(n, h, R) {
+      var x = 1e4 > D.recentlyCreatedOwnerStacks++;
       return T(
         n,
         h,
-        p,
+        R,
         !0,
-        P ? Error("react-stack-top-frame") : ie,
-        P ? k(i(n)) : oe
+        x ? Error("react-stack-top-frame") : oe,
+        x ? H(i(n)) : ne
       );
     };
-  }()), me;
+  }()), ve;
 }
-process.env.NODE_ENV === "production" ? Re.exports = Rt() : Re.exports = Tt();
-var O = Re.exports;
-const Je = yt(null), ye = (e) => {
+process.env.NODE_ENV === "production" ? Re.exports = Ot() : Re.exports = Et();
+var E = Re.exports;
+const Ke = Rt(null), ye = (e) => {
   throw new Error(`Unhandled sidebar side: ${e}`);
-}, pe = {
+}, we = {
   isOpen: !1,
   anchorState: "closed",
   meta: null
-}, fr = ({
+}, hr = ({
   children: e,
   sidebarWidthPx: t,
   transitionMs: r,
   edgeActivationWidthPx: i,
-  dragActivationDeltaPx: a,
+  dragActivationDeltaPx: s,
   showOverlay: o,
   isAbsolute: f,
   overlayBackgroundColor: c,
@@ -293,391 +293,409 @@ const Je = yt(null), ye = (e) => {
   toggleIconSizePx: u,
   toggleIconEdgeDistancePx: T,
   showToggle: w,
-  mediaQueryWidth: v,
-  swipeBarZIndex: y,
+  mediaQueryWidth: b,
+  swipeBarZIndex: S,
   toggleZIndex: I,
-  overlayZIndex: x,
-  fadeContent: A,
-  fadeContentTransitionMs: C,
-  closeSidebarOnOverlayClick: M
+  overlayZIndex: p,
+  fadeContent: M,
+  fadeContentTransitionMs: _,
+  closeSidebarOnOverlayClick: C,
+  resetMetaOnClose: Y
 }) => {
-  var Le, De;
-  const [W, D] = V(null), [j, F] = V(!1), [m, R] = V(!1), [S, Y] = V({}), [X, z] = V({}), H = L(null), G = L(null), k = L(null), U = L(null), [ne, ie] = V(null), [oe, ae] = V(null), [n, h] = V({}), [p, P] = V({}), $ = L(/* @__PURE__ */ new Map()), K = L(null), _ = L([]), ee = ((Le = n.primary) == null ? void 0 : Le.isOpen) ?? !1, ge = ((De = n.primary) == null ? void 0 : De.anchorState) ?? "closed", ve = Qe(
-    () => Object.values(n).some((l) => l.isOpen),
-    [n]
-  ), ce = $.current.get("primary"), nt = (ce == null ? void 0 : ce.sidebarRef) ?? { current: null }, it = (ce == null ? void 0 : ce.toggleRef) ?? { current: null }, ot = p.primary ?? {}, [at, st] = V({
-    sidebarWidthPx: t ?? Pt,
-    sidebarHeightPx: We,
-    transitionMs: r ?? Ot,
-    edgeActivationWidthPx: i ?? Et,
-    dragActivationDeltaPx: a ?? At,
-    showOverlay: o ?? It,
-    isAbsolute: f ?? Ct,
-    overlayBackgroundColor: c ?? Ke,
-    toggleIconColor: d ?? _t,
-    toggleIconSizePx: u ?? Lt,
-    toggleIconEdgeDistancePx: T ?? Dt,
-    showToggle: w ?? Xt,
-    mediaQueryWidth: v ?? Te,
-    swipeBarZIndex: y ?? Yt,
-    toggleZIndex: I ?? $t,
-    overlayZIndex: x ?? Wt,
-    fadeContent: A ?? kt,
-    fadeContentTransitionMs: C ?? jt,
-    swipeToOpen: Nt,
-    swipeToClose: Ft,
-    midAnchorPoint: Ht,
-    midAnchorPointPx: We / 3,
+  var De, Xe;
+  const [j, $] = Q(null), [k, v] = Q(!1), [y, O] = Q(!1), [P, V] = Q({}), [D, q] = Q({}), G = L(null), H = L(null), F = L(null), U = L(null), [oe, ne] = Q(null), [ae, n] = Q(null), [h, R] = Q({}), [x, Z] = Q({}), N = L(/* @__PURE__ */ new Map()), X = L(null), J = L([]), ge = ((De = h.primary) == null ? void 0 : De.isOpen) ?? !1, pe = ((Xe = h.primary) == null ? void 0 : Xe.anchorState) ?? "closed", _e = Je(
+    () => Object.values(h).some((l) => l.isOpen),
+    [h]
+  ), ce = N.current.get("primary"), it = (ce == null ? void 0 : ce.sidebarRef) ?? { current: null }, ot = (ce == null ? void 0 : ce.toggleRef) ?? { current: null }, at = x.primary ?? {}, [st, ct] = Q({
+    sidebarWidthPx: t ?? It,
+    sidebarHeightPx: Be,
+    transitionMs: r ?? At,
+    edgeActivationWidthPx: i ?? Pt,
+    dragActivationDeltaPx: s ?? Mt,
+    showOverlay: o ?? Ct,
+    isAbsolute: f ?? Lt,
+    overlayBackgroundColor: c ?? et,
+    toggleIconColor: d ?? Dt,
+    toggleIconSizePx: u ?? Xt,
+    toggleIconEdgeDistancePx: T ?? Yt,
+    showToggle: w ?? $t,
+    mediaQueryWidth: b ?? Te,
+    swipeBarZIndex: S ?? Wt,
+    toggleZIndex: I ?? Bt,
+    overlayZIndex: p ?? jt,
+    fadeContent: M ?? Ft,
+    fadeContentTransitionMs: _ ?? Nt,
+    swipeToOpen: Ht,
+    swipeToClose: Gt,
+    midAnchorPoint: Ut,
+    midAnchorPointPx: Be / 3,
     disabled: !1,
-    closeSidebarOnOverlayClick: M ?? Mt
-  }), ct = N((l, s) => {
-    $.current.set(l, s), h((g) => g[l] ? g : { ...g, [l]: { ...pe } });
-  }, []), lt = N((l) => {
-    $.current.delete(l), h((s) => {
-      const g = { ...s };
+    closeSidebarOnOverlayClick: C ?? _t,
+    resetMetaOnClose: Y ?? !1
+  }), lt = B((l, a) => {
+    N.current.set(l, a), R((g) => g[l] ? g : { ...g, [l]: { ...we } });
+  }, []), ut = B((l) => {
+    N.current.delete(l), R((a) => {
+      const g = { ...a };
       return delete g[l], g;
-    }), P((s) => {
-      const g = { ...s };
+    }), Z((a) => {
+      const g = { ...a };
       return delete g[l], g;
     });
-  }, []), ut = N((l) => $.current.get(l), []), dt = N(
-    (l, s) => {
-      P((g) => g[l] === s ? g : { ...g, [l]: s });
+  }, []), dt = B((l) => N.current.get(l), []), ft = B(
+    (l, a) => {
+      Z((g) => g[l] === a ? g : { ...g, [l]: a });
     },
     []
-  ), Q = N((l, s) => {
-    h((g) => {
-      const b = g[l] ?? pe;
-      return b.isOpen === s ? g : { ...g, [l]: { ...b, isOpen: s } };
+  ), te = B((l, a) => {
+    R((g) => {
+      const m = g[l] ?? we;
+      return m.isOpen === a ? g : { ...g, [l]: { ...m, isOpen: a } };
     });
-  }, []), J = N(
-    (l, s) => {
-      h((g) => {
-        const b = g[l] ?? pe;
-        return b.anchorState === s ? g : { ...g, [l]: { ...b, anchorState: s } };
+  }, []), re = B(
+    (l, a) => {
+      R((g) => {
+        const m = g[l] ?? we;
+        return m.anchorState === a ? g : { ...g, [l]: { ...m, anchorState: a } };
       });
     },
     []
-  ), Se = N((l, s) => {
-    h((g) => {
-      const b = g[l] ?? pe;
-      return b.meta === s ? g : { ...g, [l]: { ...b, meta: s } };
+  ), he = B((l, a) => {
+    R((g) => {
+      const m = g[l] ?? we;
+      return m.meta === a ? g : { ...g, [l]: { ...m, meta: a } };
     });
   }, []);
-  Z(() => (j || m || ve ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  z(() => (k || y || _e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
-  }), [j, m, ve]), Z(() => {
+  }), [k, y, _e]), z(() => {
     var l;
-    if (S.fadeContent === !1) {
-      const s = (l = H.current) == null ? void 0 : l.firstElementChild;
-      s && (s.style.opacity = "1");
+    if (P.fadeContent === !1) {
+      const a = (l = G.current) == null ? void 0 : l.firstElementChild;
+      a && (a.style.opacity = "1");
     }
-  }, [S.fadeContent]), Z(() => {
+  }, [P.fadeContent]), z(() => {
     var l;
-    if (X.fadeContent === !1) {
-      const s = (l = G.current) == null ? void 0 : l.firstElementChild;
-      s && (s.style.opacity = "1");
+    if (D.fadeContent === !1) {
+      const a = (l = H.current) == null ? void 0 : l.firstElementChild;
+      a && (a.style.opacity = "1");
     }
-  }, [X.fadeContent]), Z(() => {
+  }, [D.fadeContent]), z(() => {
     var l;
-    for (const [s, g] of Object.entries(p))
+    for (const [a, g] of Object.entries(x))
       if (g.fadeContent === !1) {
-        const b = $.current.get(s), E = (l = b == null ? void 0 : b.sidebarRef.current) == null ? void 0 : l.firstElementChild;
-        E && (E.style.opacity = "1");
+        const m = N.current.get(a), A = (l = m == null ? void 0 : m.sidebarRef.current) == null ? void 0 : l.firstElementChild;
+        A && (A.style.opacity = "1");
+      }
+  }, [x]);
+  const gt = B((l) => {
+    ct((a) => ({ ...a, ...l }));
+  }, []), le = B((l, a) => {
+    const g = l === "left" ? ne : n;
+    a != null && a.resetMeta ? g(null) : (a == null ? void 0 : a.meta) !== void 0 && g(a.meta);
+  }, []), ie = B(
+    (l, a) => {
+      a != null && a.resetMeta ? he(l, null) : (a == null ? void 0 : a.meta) !== void 0 && he(l, a.meta);
+    },
+    [he]
+  ), ht = B(
+    (l, a) => {
+      if (l === "left")
+        ne(a);
+      else if (l === "right")
+        n(a);
+      else {
+        const g = a;
+        he(g.id, g.meta);
       }
-  }, [p]);
-  const ft = N((l) => {
-    st((s) => ({ ...s, ...l }));
-  }, []), le = N((l, s) => {
-    const g = l === "left" ? ie : ae;
-    s != null && s.resetMeta ? g(null) : (s == null ? void 0 : s.meta) !== void 0 && g(s.meta);
-  }, []), te = N(
-    (l, s) => {
-      s != null && s.resetMeta ? Se(l, null) : (s == null ? void 0 : s.meta) !== void 0 && Se(l, s.meta);
     },
-    [Se]
-  ), se = N((l) => {
-    const s = _.current, g = s.indexOf(l);
-    g !== -1 && s.splice(g, 1), s.push(l), D("bottom");
-  }, []), _e = N((l) => {
-    const s = _.current, g = s.indexOf(l);
-    g !== -1 && s.splice(g, 1), h((b) => (Object.entries(b).some(([B, re]) => B !== l && re.isOpen) || D(null), b));
-  }, []), gt = N(
-    (l, s) => {
-      const g = (b, E, B, re) => {
+    [he]
+  ), se = B((l) => {
+    const a = J.current, g = a.indexOf(l);
+    g !== -1 && a.splice(g, 1), a.push(l), $("bottom");
+  }, []), Le = B((l) => {
+    const a = J.current, g = a.indexOf(l);
+    g !== -1 && a.splice(g, 1), R((m) => (Object.entries(m).some(([W, K]) => W !== l && K.isOpen) || $(null), m));
+  }, []), mt = B(
+    (l, a) => {
+      const g = (m, A, W, K) => {
         xe({
           side: l,
-          ref: b,
-          options: E,
-          toggleRef: B,
+          ref: m,
+          options: A,
+          toggleRef: W,
           afterApply: () => {
-            re(!0), D(l);
+            K(!0), $(l);
           }
         });
       };
       if (l === "left") {
-        if (S.disabled) return;
-        le("left", s), g(H, S, k, F);
+        if (P.disabled) return;
+        le("left", a), g(G, P, F, v);
       } else if (l === "right") {
-        if (X.disabled) return;
-        le("right", s), g(G, X, U, R);
+        if (D.disabled) return;
+        le("right", a), g(H, D, U, O);
       } else if (l === "bottom") {
-        const b = (s == null ? void 0 : s.id) ?? "primary", E = p[b], B = $.current.get(b);
-        if (!E || !B || E.disabled) return;
-        te(b, s);
-        const re = E.sidebarHeightPx ?? 0, pt = E.mediaQueryWidth ?? 640, Xe = window.innerWidth < pt, wt = Xe ? E.midAnchorPointPx ?? 0 : re;
-        Xe && E.midAnchorPoint && !E.swipeToOpen && wt < re ? ke({
-          ref: B.sidebarRef,
-          options: E,
-          toggleRef: B.toggleRef,
+        const m = (a == null ? void 0 : a.id) ?? "primary", A = x[m], W = N.current.get(m);
+        if (!A || !W || A.disabled) return;
+        ie(m, a);
+        const K = A.sidebarHeightPx ?? 0, pt = A.mediaQueryWidth ?? 640, Ye = window.innerWidth < pt, yt = Ye ? A.midAnchorPointPx ?? 0 : K;
+        Ye && A.midAnchorPoint && !A.swipeToOpen && yt < K ? Ne({
+          ref: W.sidebarRef,
+          options: A,
+          toggleRef: W.toggleRef,
           afterApply: () => {
-            Q(b, !0), J(b, "midAnchor"), se(b);
+            te(m, !0), re(m, "midAnchor"), se(m);
           }
         }) : xe({
           side: l,
-          ref: B.sidebarRef,
-          options: E,
-          toggleRef: B.toggleRef,
+          ref: W.sidebarRef,
+          options: A,
+          toggleRef: W.toggleRef,
           afterApply: () => {
-            Q(b, !0), J(b, "open"), se(b);
+            te(m, !0), re(m, "open"), se(m);
           }
         });
       } else
         ye(l);
     },
     [
-      S,
-      X,
-      p,
-      Q,
-      J,
+      P,
+      D,
+      x,
+      te,
+      re,
       se,
       le,
-      te
+      ie
     ]
-  ), ht = N(
-    (l, s) => {
+  ), vt = B(
+    (l, a) => {
       if (l !== "bottom") return;
-      const g = (s == null ? void 0 : s.id) ?? "primary", b = p[g], E = $.current.get(g);
-      !b || !E || b.disabled || (te(g, s), ke({
-        ref: E.sidebarRef,
-        options: b,
-        toggleRef: E.toggleRef,
+      const g = (a == null ? void 0 : a.id) ?? "primary", m = x[g], A = N.current.get(g);
+      !m || !A || m.disabled || (ie(g, a), Ne({
+        ref: A.sidebarRef,
+        options: m,
+        toggleRef: A.toggleRef,
         afterApply: () => {
-          Q(g, !0), J(g, "midAnchor"), se(g);
+          te(g, !0), re(g, "midAnchor"), se(g);
         }
       }));
     },
     [
-      p,
-      Q,
-      J,
+      x,
+      te,
+      re,
       se,
-      te
+      ie
     ]
-  ), mt = N(
-    (l, s) => {
+  ), bt = B(
+    (l, a) => {
       if (l !== "bottom") return;
-      const g = (s == null ? void 0 : s.id) ?? "primary", b = p[g], E = $.current.get(g);
-      !b || !E || b.disabled || (te(g, s), xe({
+      const g = (a == null ? void 0 : a.id) ?? "primary", m = x[g], A = N.current.get(g);
+      !m || !A || m.disabled || (ie(g, a), xe({
         side: l,
-        ref: E.sidebarRef,
-        options: b,
-        toggleRef: E.toggleRef,
+        ref: A.sidebarRef,
+        options: m,
+        toggleRef: A.toggleRef,
         afterApply: () => {
-          Q(g, !0), J(g, "open"), se(g);
+          te(g, !0), re(g, "open"), se(g);
         }
       }));
     },
     [
-      p,
-      Q,
-      J,
+      x,
+      te,
+      re,
       se,
-      te
+      ie
     ]
-  ), bt = N(
-    (l, s) => {
-      const g = (b, E, B, re) => {
-        je({
-          ref: b,
-          options: E,
-          toggleRef: B,
+  ), wt = B(
+    (l, a) => {
+      const g = (m, A, W, K) => {
+        ke({
+          ref: m,
+          options: A,
+          toggleRef: W,
           side: l,
           afterApply: () => {
-            re(!1), D(null);
+            K(!1), $(null);
           }
         });
       };
       if (l === "left") {
-        if (S.disabled) return;
-        le("left", s), g(H, S, k, F);
+        if (P.disabled) return;
+        const m = P.resetMetaOnClose && (a == null ? void 0 : a.meta) === void 0 && (a == null ? void 0 : a.resetMeta) === void 0 ? { ...a, resetMeta: !0 } : a;
+        le("left", m), g(G, P, F, v);
       } else if (l === "right") {
-        if (X.disabled) return;
-        le("right", s), g(G, X, U, R);
+        if (D.disabled) return;
+        const m = D.resetMetaOnClose && (a == null ? void 0 : a.meta) === void 0 && (a == null ? void 0 : a.resetMeta) === void 0 ? { ...a, resetMeta: !0 } : a;
+        le("right", m), g(H, D, U, O);
       } else if (l === "bottom") {
-        const b = (s == null ? void 0 : s.id) ?? "primary", E = p[b], B = $.current.get(b);
-        if (!E || !B || E.disabled) return;
-        te(b, s), je({
-          ref: B.sidebarRef,
-          options: E,
-          toggleRef: B.toggleRef,
+        const m = (a == null ? void 0 : a.id) ?? "primary", A = x[m], W = N.current.get(m);
+        if (!A || !W || A.disabled) return;
+        const K = A.resetMetaOnClose && (a == null ? void 0 : a.meta) === void 0 && (a == null ? void 0 : a.resetMeta) === void 0 ? { ...a, resetMeta: !0 } : a;
+        ie(m, K), ke({
+          ref: W.sidebarRef,
+          options: A,
+          toggleRef: W.toggleRef,
           side: l,
           afterApply: () => {
-            Q(b, !1), J(b, "closed"), _e(b);
+            te(m, !1), re(m, "closed"), Le(m);
           }
         });
       } else
         ye(l);
     },
     [
-      S,
-      X,
-      p,
-      Q,
-      J,
-      _e,
+      P,
+      D,
+      x,
+      te,
+      re,
+      Le,
       le,
-      te
+      ie
     ]
-  ), vt = N(
-    (l, s, g) => {
+  ), St = B(
+    (l, a, g) => {
       if (l === "left")
-        Ne({
-          ref: H,
-          toggleRef: k,
-          options: S,
-          translateX: s
+        Fe({
+          ref: G,
+          toggleRef: F,
+          options: P,
+          translateX: a
         });
       else if (l === "right")
-        Ne({
-          ref: G,
+        Fe({
+          ref: H,
           toggleRef: U,
-          options: X,
-          translateX: s
+          options: D,
+          translateX: a
         });
       else if (l === "bottom") {
-        const b = (g == null ? void 0 : g.id) ?? "primary", E = p[b], B = $.current.get(b);
-        if (!E || !B) return;
-        rr({
-          ref: B.sidebarRef,
-          toggleRef: B.toggleRef,
-          options: E,
-          translateY: s
+        const m = (g == null ? void 0 : g.id) ?? "primary", A = x[m], W = N.current.get(m);
+        if (!A || !W) return;
+        ir({
+          ref: W.sidebarRef,
+          toggleRef: W.toggleRef,
+          options: A,
+          translateY: a
         });
       } else
         ye(l);
     },
-    [S, X, p]
+    [P, D, x]
   );
-  return /* @__PURE__ */ O.jsx(
-    Je.Provider,
+  return /* @__PURE__ */ E.jsx(
+    Ke.Provider,
     {
       value: {
-        lockedSidebar: W,
-        setLockedSidebar: D,
-        leftSidebarRef: H,
-        rightSidebarRef: G,
-        isLeftOpen: j,
-        isRightOpen: m,
+        lockedSidebar: j,
+        setLockedSidebar: $,
+        leftSidebarRef: G,
+        rightSidebarRef: H,
+        isLeftOpen: k,
+        isRightOpen: y,
         // Backwards-compat aliases for primary bottom sidebar
-        isBottomOpen: ee,
-        bottomAnchorState: ge,
-        bottomSidebarRef: nt,
-        bottomToggleRef: it,
-        bottomSidebarOptions: ot,
+        isBottomOpen: ge,
+        bottomAnchorState: pe,
+        bottomSidebarRef: it,
+        bottomToggleRef: ot,
+        bottomSidebarOptions: at,
         // Multi-instance bottom sidebar
-        bottomSidebars: n,
-        bottomSidebarOptionsMap: p,
-        registerBottomSidebar: ct,
-        unregisterBottomSidebar: lt,
-        getBottomSidebarRefs: ut,
-        activeBottomDragIdRef: K,
-        bottomFocusStackRef: _,
+        bottomSidebars: h,
+        bottomSidebarOptionsMap: x,
+        registerBottomSidebar: lt,
+        unregisterBottomSidebar: ut,
+        getBottomSidebarRefs: dt,
+        activeBottomDragIdRef: X,
+        bottomFocusStackRef: J,
         // Functions
-        openSidebar: gt,
-        openSidebarFully: mt,
-        openSidebarToMidAnchor: ht,
-        closeSidebar: bt,
-        dragSidebar: vt,
-        globalOptions: at,
-        setGlobalOptions: ft,
-        leftSidebarOptions: S,
-        rightSidebarOptions: X,
-        setLeftSidebarOptions: Y,
-        setRightSidebarOptions: z,
-        setBottomSidebarOptionsById: dt,
-        leftToggleRef: k,
+        openSidebar: mt,
+        openSidebarFully: bt,
+        openSidebarToMidAnchor: vt,
+        closeSidebar: wt,
+        dragSidebar: St,
+        globalOptions: st,
+        setGlobalOptions: gt,
+        leftSidebarOptions: P,
+        rightSidebarOptions: D,
+        setLeftSidebarOptions: V,
+        setRightSidebarOptions: q,
+        setBottomSidebarOptionsById: ft,
+        leftToggleRef: F,
         rightToggleRef: U,
-        leftMeta: ne,
-        rightMeta: oe
+        leftMeta: oe,
+        rightMeta: ae,
+        setMeta: ht
       },
       children: e
     }
   );
 };
-function q() {
-  const e = xt(Je);
+function ee() {
+  const e = Tt(Ke);
   if (!e)
     throw new Error("useSwipeBarContext must be used within SwipeBarProvider");
   return e;
 }
-const Ot = 300, Et = 40, At = 20, Pt = 320, We = window.innerHeight, It = !0, Mt = !0, Ct = !1, Ke = "rgba(0, 0, 0, 0.5)", Oe = "rgb(36,36,36)", _t = "white", Lt = 40, Dt = 40, Xt = !0, Te = 640, Yt = 30, $t = 15, Wt = 20, Be = 0.6, Bt = 200, jt = 100, kt = !1, Nt = !0, Ft = !0, Ht = !1, ue = "cubic-bezier(0.22, 1, 0.36, 1)", et = {
+const At = 300, Pt = 40, Mt = 20, It = 320, Be = window.innerHeight, Ct = !0, _t = !0, Lt = !1, et = "rgba(0, 0, 0, 0.5)", Oe = "rgb(36,36,36)", Dt = "white", Xt = 40, Yt = 40, $t = !0, Te = 640, Wt = 30, Bt = 15, jt = 20, je = 0.6, kt = 200, Nt = 100, Ft = !1, Ht = !0, Gt = !0, Ut = !1, ue = "cubic-bezier(0.22, 1, 0.36, 1)", tt = {
   width: 0,
   top: 0,
   bottom: 0,
   flexShrink: 0,
   overflowX: "hidden",
   willChange: "transform"
-}, Gt = {
+}, Zt = {
   transform: "translateX(-100%)"
-}, Ut = {
+}, zt = {
   transform: "translateX(100%)"
-}, Zt = {
+}, Vt = {
   position: "fixed",
   left: 0,
   top: 0,
   bottom: 0
-}, zt = {
+}, qt = {
   position: "fixed",
   right: 0,
   top: 0,
   bottom: 0
-}, Vt = {
+}, Qt = {
   height: 0,
   left: 0,
   right: 0,
   flexShrink: 0,
   overflowY: "hidden",
   willChange: "transform"
-}, qt = {
+}, Jt = {
   transform: "translateY(100%)"
-}, Qt = {
+}, Kt = {
   position: "fixed",
   bottom: 0,
   left: 0,
   right: 0
-}, Jt = {
+}, er = {
   position: "fixed",
   top: 0,
   left: 0,
   width: "100%",
   height: "100%",
-  backgroundColor: Ke,
+  backgroundColor: et,
   transitionProperty: "opacity",
   pointerEvents: "none",
   opacity: 0
-}, Kt = {
+}, tr = {
   opacity: 1,
   pointerEvents: "auto"
-}, tt = {
+}, rt = {
   position: "fixed",
   top: "50%",
   transform: "translateY(-50%)",
   width: "1px",
   display: "flex",
   justifyContent: "center"
-}, er = {
+}, rr = {
   position: "fixed",
   bottom: 0,
   left: "50%",
@@ -685,7 +703,7 @@ const Ot = 300, Et = 40, At = 20, Pt = 320, We = window.innerHeight, It = !0, Mt
   height: "1px",
   display: "flex",
   alignItems: "center"
-}, tr = {
+}, nr = {
   position: "relative",
   cursor: "pointer",
   display: "flex",
@@ -702,7 +720,7 @@ const Ot = 300, Et = 40, At = 20, Pt = 320, We = window.innerHeight, It = !0, Mt
   side: t,
   options: r,
   toggleRef: i,
-  afterApply: a
+  afterApply: s
 }) => {
   const o = be(e), f = r.transitionMs ? r.transitionMs / 2 : 0;
   o && r.fadeContent && (o.style.opacity = "0");
@@ -720,17 +738,17 @@ const Ot = 300, Et = 40, At = 20, Pt = 320, We = window.innerHeight, It = !0, Mt
         }
         i.current && d && (i.current.style.opacity = "1", t === "left" ? i.current.style.transform = `translateY(-50%) translateX(${d}px)` : t === "right" ? i.current.style.transform = `translateY(-50%) translateX(-${d}px)` : t === "bottom" && (i.current.style.transform = `translateX(-50%) translateY(-${d}px)`)), o && r.fadeContent && setTimeout(() => {
           o.style.opacity = "1";
-        }, f), a();
+        }, f), s();
       }
     });
   }), setTimeout(() => {
   }, 0);
-}, je = ({
+}, ke = ({
   ref: e,
   options: t,
   side: r,
   toggleRef: i,
-  afterApply: a
+  afterApply: s
 }) => {
   const o = be(e);
   let f;
@@ -738,20 +756,20 @@ const Ot = 300, Et = 40, At = 20, Pt = 320, We = window.innerHeight, It = !0, Mt
     if (!e.current) return;
     const c = `transform ${t.transitionMs}ms ${ue}`, d = t.isAbsolute ? "" : `, ${f} ${t.transitionMs}ms ${ue}`;
     e.current.style.transition = `${c}${d}`, 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.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());
     });
   });
-}, ke = ({
+}, Ne = ({
   ref: e,
   options: t,
   toggleRef: r,
   afterApply: i
 }) => {
-  const a = be(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(() => {
+  const s = be(e), o = t.transitionMs ? t.transitionMs / 2 : 0;
+  s && t.fadeContent && (s.style.opacity = "0"), s && t.midAnchorPointPx && (s.style.minHeight = `${t.sidebarHeightPx}px`), requestAnimationFrame(() => {
     if (!e.current) return;
     const f = `transform ${t.transitionMs}ms ${ue}`, c = t.isAbsolute ? "" : `, height ${t.transitionMs}ms ${ue}`;
-    e.current.style.transition = `${f}${c}`, a && t.fadeContent && (a.style.transition = `opacity ${t.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
+    e.current.style.transition = `${f}${c}`, s && t.fadeContent && (s.style.transition = `opacity ${t.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
       if (!e.current) return;
       const d = t.midAnchorPointPx ?? 0, u = t.sidebarHeightPx ?? 0, T = u - d;
       if (e.current.style.transform = `translateY(${T}px)`, !t.isAbsolute)
@@ -760,72 +778,72 @@ const Ot = 300, Et = 40, At = 20, Pt = 320, We = window.innerHeight, It = !0, Mt
         const w = e.current.style.transition;
         e.current.style.transition = f, e.current.style.height = `${u}px`, e.current.style.transition = w;
       }
-      r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${d}px)`), a && t.fadeContent && setTimeout(() => {
-        a.style.opacity = "1";
+      r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${d}px)`), s && t.fadeContent && setTimeout(() => {
+        s.style.opacity = "1";
       }, o), i();
     });
   }), setTimeout(() => {
   }, 0);
-}, Ne = ({
+}, Fe = ({
   ref: e,
   toggleRef: t,
   options: r,
   translateX: i
 }) => {
   !e.current || i === null || (e.current.style.transition = "none", requestAnimationFrame(() => {
-    const a = be(e);
+    const s = be(e);
     if (e.current) {
-      if (a && r.fadeContent && (a.style.opacity = "0"), a && r.sidebarWidthPx && (a.style.minWidth = `${r.sidebarWidthPx}px`), !r.isAbsolute) {
+      if (s && r.fadeContent && (s.style.opacity = "0"), s && r.sidebarWidthPx && (s.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)`);
     }
   }));
-}, rr = ({
+}, ir = ({
   ref: e,
   toggleRef: t,
   options: r,
   translateY: i
 }) => {
   !e.current || i === null || (e.current.style.transition = "none", requestAnimationFrame(() => {
-    const a = be(e);
+    const s = be(e);
     if (e.current) {
-      if (a && r.fadeContent && (a.style.opacity = "0"), a && r.sidebarHeightPx && (a.style.minHeight = `${r.sidebarHeightPx}px`), !r.isAbsolute) {
+      if (s && r.fadeContent && (s.style.opacity = "0"), s && r.sidebarHeightPx && (s.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)`);
     }
   }));
-}, we = ({ refs: e, clientX: t, clientY: r, touchId: i, isMouse: a }) => {
+}, Se = ({ refs: e, clientX: t, clientY: r, touchId: i, isMouse: s }) => {
   e.draggingRef.current = {
     startX: t,
     startY: r,
     activeTouchId: i,
-    isMouse: a,
+    isMouse: s,
     isActivated: !1
   }, e.currentXRef.current = t, e.prevXRef.current = t;
-}, Fe = ({
+}, He = ({
   refs: e,
   clientX: t,
   clientY: r,
   touchId: i,
-  isMouse: a
+  isMouse: s
 }) => {
   e.draggingRef.current = {
     startX: t,
     startY: r,
     activeTouchId: i,
-    isMouse: a,
+    isMouse: s,
     isActivated: !1
   }, e.currentYRef.current = r, e.prevYRef.current = r;
-}, rt = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
+}, nt = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null, t(null), r();
-}, nr = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
+}, or = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
   e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null, t(null);
 }, de = (e) => e instanceof Element ? !!e.closest("input, textarea, [contenteditable='true']") : !1;
-function He(e) {
+function Ge(e) {
   let t = e instanceof HTMLElement ? e : null;
   for (; t; ) {
     const r = getComputedStyle(t);
@@ -847,38 +865,39 @@ const Ae = (e, t) => {
     if (e[r].identifier === t)
       return !0;
   return !1;
-}, Ie = (e, t, r) => {
+}, Me = (e, t, r) => {
   const {
     globalOptions: i,
-    setLeftSidebarOptions: a,
+    setLeftSidebarOptions: s,
     setRightSidebarOptions: o,
     setBottomSidebarOptionsById: f
-  } = q(), {
+  } = ee(), {
     sidebarWidthPx: c,
     sidebarHeightPx: d,
     transitionMs: u,
     edgeActivationWidthPx: T,
     dragActivationDeltaPx: w,
-    showOverlay: v,
-    isAbsolute: y,
+    showOverlay: b,
+    isAbsolute: S,
     overlayBackgroundColor: I,
-    toggleIconColor: x,
-    toggleIconSizePx: A,
-    toggleIconEdgeDistancePx: C,
-    showToggle: M,
-    mediaQueryWidth: W,
-    swipeBarZIndex: D,
-    toggleZIndex: j,
-    overlayZIndex: F,
-    fadeContent: m,
-    fadeContentTransitionMs: R,
-    swipeToOpen: S,
-    swipeToClose: Y,
-    midAnchorPoint: X,
-    midAnchorPointPx: z,
-    disabled: H,
-    closeSidebarOnOverlayClick: G
-  } = t, k = Qe(() => {
+    toggleIconColor: p,
+    toggleIconSizePx: M,
+    toggleIconEdgeDistancePx: _,
+    showToggle: C,
+    mediaQueryWidth: Y,
+    swipeBarZIndex: j,
+    toggleZIndex: $,
+    overlayZIndex: k,
+    fadeContent: v,
+    fadeContentTransitionMs: y,
+    swipeToOpen: O,
+    swipeToClose: P,
+    midAnchorPoint: V,
+    midAnchorPointPx: D,
+    disabled: q,
+    closeSidebarOnOverlayClick: G,
+    resetMetaOnClose: H
+  } = t, F = Je(() => {
     const U = d ?? i.sidebarHeightPx;
     return {
       sidebarWidthPx: c ?? i.sidebarWidthPx,
@@ -886,25 +905,26 @@ const Ae = (e, t) => {
       transitionMs: u ?? i.transitionMs,
       edgeActivationWidthPx: T ?? i.edgeActivationWidthPx,
       dragActivationDeltaPx: w ?? i.dragActivationDeltaPx,
-      showOverlay: v ?? i.showOverlay,
-      isAbsolute: y ?? i.isAbsolute,
+      showOverlay: b ?? i.showOverlay,
+      isAbsolute: S ?? i.isAbsolute,
       overlayBackgroundColor: I ?? i.overlayBackgroundColor,
-      toggleIconColor: x ?? i.toggleIconColor,
-      toggleIconSizePx: A ?? i.toggleIconSizePx,
-      toggleIconEdgeDistancePx: C ?? i.toggleIconEdgeDistancePx,
-      showToggle: M ?? i.showToggle,
-      mediaQueryWidth: W ?? i.mediaQueryWidth,
-      swipeBarZIndex: D ?? i.swipeBarZIndex,
-      toggleZIndex: j ?? i.toggleZIndex,
-      overlayZIndex: F ?? i.overlayZIndex,
-      fadeContent: m ?? i.fadeContent,
-      fadeContentTransitionMs: R ?? i.fadeContentTransitionMs,
-      swipeToOpen: S ?? i.swipeToOpen,
-      swipeToClose: Y ?? i.swipeToClose,
-      midAnchorPoint: X ?? i.midAnchorPoint,
-      midAnchorPointPx: z ?? i.midAnchorPointPx ?? Math.floor(U / 3),
-      disabled: H ?? i.disabled,
-      closeSidebarOnOverlayClick: G ?? i.closeSidebarOnOverlayClick
+      toggleIconColor: p ?? i.toggleIconColor,
+      toggleIconSizePx: M ?? i.toggleIconSizePx,
+      toggleIconEdgeDistancePx: _ ?? i.toggleIconEdgeDistancePx,
+      showToggle: C ?? i.showToggle,
+      mediaQueryWidth: Y ?? i.mediaQueryWidth,
+      swipeBarZIndex: j ?? i.swipeBarZIndex,
+      toggleZIndex: $ ?? i.toggleZIndex,
+      overlayZIndex: k ?? i.overlayZIndex,
+      fadeContent: v ?? i.fadeContent,
+      fadeContentTransitionMs: y ?? i.fadeContentTransitionMs,
+      swipeToOpen: O ?? i.swipeToOpen,
+      swipeToClose: P ?? i.swipeToClose,
+      midAnchorPoint: V ?? i.midAnchorPoint,
+      midAnchorPointPx: D ?? i.midAnchorPointPx ?? Math.floor(U / 3),
+      disabled: q ?? i.disabled,
+      closeSidebarOnOverlayClick: G ?? i.closeSidebarOnOverlayClick,
+      resetMetaOnClose: H ?? i.resetMetaOnClose
     };
   }, [
     c,
@@ -912,54 +932,55 @@ const Ae = (e, t) => {
     u,
     T,
     w,
-    v,
-    y,
+    b,
+    S,
     I,
-    x,
-    A,
-    C,
+    p,
     M,
+    _,
+    C,
     i,
-    W,
-    D,
-    j,
-    F,
-    m,
-    R,
-    S,
     Y,
-    X,
-    z,
-    H,
-    G
+    j,
+    $,
+    k,
+    v,
+    y,
+    O,
+    P,
+    V,
+    D,
+    q,
+    G,
+    H
   ]);
-  return Z(() => {
-    e === "left" ? a(k) : e === "right" ? o(k) : e === "bottom" ? f(r ?? "primary", k) : Ee(e);
+  return z(() => {
+    e === "left" ? s(F) : e === "right" ? o(F) : e === "bottom" ? f(r ?? "primary", F) : Ee(e);
   }, [
     e,
     r,
-    k,
-    a,
+    F,
+    s,
     o,
     f
-  ]), k;
+  ]), F;
 };
-function Me({
+function Ie({
   isCollapsed: e,
   setCollapsed: t,
   closeSidebarOnClick: r = !0,
   transitionMs: i,
-  overlayBackgroundColor: a,
+  overlayBackgroundColor: s,
   overlayZIndex: o
 }) {
-  return /* @__PURE__ */ O.jsx(
+  return /* @__PURE__ */ E.jsx(
     "div",
     {
       style: {
         transitionDuration: `${i}ms`,
-        ...Jt,
-        ...e ? {} : Kt,
-        ...a ? { backgroundColor: a } : {},
+        ...er,
+        ...e ? {} : tr,
+        ...s ? { backgroundColor: s } : {},
         zIndex: o
       },
       onMouseDown: (f) => {
@@ -970,25 +991,25 @@ function Me({
 }
 function Ce({ size: e, color: t }) {
   const r = L(null);
-  return Z(() => {
+  return z(() => {
     const i = () => {
       r.current && (r.current.style.opacity = "1");
-    }, a = () => {
-      r.current && (r.current.style.opacity = `${Be}`);
+    }, s = () => {
+      r.current && (r.current.style.opacity = `${je}`);
     };
-    r.current && (r.current.addEventListener("mouseenter", i), r.current.addEventListener("mouseleave", a));
-  }, []), /* @__PURE__ */ O.jsx(
+    r.current && (r.current.addEventListener("mouseenter", i), r.current.addEventListener("mouseleave", s));
+  }, []), /* @__PURE__ */ E.jsx(
     "div",
     {
       style: {
-        ...tr
+        ...nr
       },
-      children: /* @__PURE__ */ O.jsxs(
+      children: /* @__PURE__ */ E.jsxs(
         "svg",
         {
           style: {
-            transition: `opacity ${Bt}ms ease`,
-            opacity: `${Be}`
+            transition: `opacity ${kt}ms ease`,
+            opacity: `${je}`
           },
           ref: r,
           "aria-hidden": "true",
@@ -997,8 +1018,8 @@ function Ce({ size: e, color: t }) {
           xmlns: "http://www.w3.org/2000/svg",
           width: e,
           children: [
-            /* @__PURE__ */ O.jsx("g", { strokeWidth: "0" }),
-            /* @__PURE__ */ O.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ O.jsx("g", { children: /* @__PURE__ */ O.jsx(
+            /* @__PURE__ */ E.jsx("g", { strokeWidth: "0" }),
+            /* @__PURE__ */ E.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ E.jsx("g", { children: /* @__PURE__ */ E.jsx(
               "path",
               {
                 clipRule: "evenodd",
@@ -1013,25 +1034,25 @@ function Ce({ size: e, color: t }) {
     }
   );
 }
-function ir({
+function ar({
   id: e,
   toggleRef: t,
   options: r,
   showToggle: i = !0,
-  ToggleComponent: a
+  ToggleComponent: s
 }) {
   var u;
-  const { openSidebar: o, closeSidebar: f, bottomSidebars: c } = q(), d = ((u = c[e]) == null ? void 0 : u.isOpen) ?? !1;
-  return i ? /* @__PURE__ */ O.jsx(
+  const { openSidebar: o, closeSidebar: f, bottomSidebars: c } = ee(), d = ((u = c[e]) == null ? void 0 : u.isOpen) ?? !1;
+  return i ? /* @__PURE__ */ E.jsx(
     "div",
     {
       ref: t,
       style: {
-        ...er,
+        ...rr,
         transition: `transform ${r.transitionMs}ms ease, opacity ${r.transitionMs}ms ease`,
         zIndex: r.toggleZIndex
       },
-      children: (!d || d && !r.showOverlay) && /* @__PURE__ */ O.jsx(
+      children: (!d || d && !r.showOverlay) && /* @__PURE__ */ E.jsx(
         "button",
         {
           type: "button",
@@ -1044,27 +1065,27 @@ function ir({
             // Rotate icon: -90deg points up when closed, 90deg points down when open
             transform: d ? "rotate(90deg)" : "rotate(-90deg)"
           },
-          children: a ?? /* @__PURE__ */ O.jsx(Ce, { size: r.toggleIconSizePx, color: r.toggleIconColor })
+          children: s ?? /* @__PURE__ */ E.jsx(Ce, { size: r.toggleIconSizePx, color: r.toggleIconColor })
         }
       )
     }
   ) : null;
 }
 function fe(e = Te) {
-  const t = `(max-width: ${Math.min(e, Te)}px)`, r = () => typeof window > "u" || typeof window.matchMedia > "u" ? !1 : window.matchMedia(t).matches, [i, a] = V(r);
-  return Z(() => {
+  const t = `(max-width: ${Math.min(e, Te)}px)`, r = () => typeof window > "u" || typeof window.matchMedia > "u" ? !1 : window.matchMedia(t).matches, [i, s] = Q(r);
+  return z(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const o = window.matchMedia(t), f = () => a(o.matches);
+    const o = window.matchMedia(t), f = () => s(o.matches);
     return f(), o.addEventListener("change", f), () => o.removeEventListener("change", f);
   }, [t]), i;
 }
-const Ge = ({
+const Ue = ({
   refs: e,
   callbacks: t,
   currentY: r,
   preventDefault: i,
-  lockPane: a,
+  lockPane: s,
   options: o,
   scrollableAncestor: f,
   initialScrollTop: c
@@ -1077,13 +1098,13 @@ const Ge = ({
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
-      const { scrollTop: x, scrollHeight: A, clientHeight: C } = f, M = x > 1, W = x + C < A - 1;
-      if (d > 0 && M || d < 0 && W) {
+      const { scrollTop: p, scrollHeight: M, clientHeight: _ } = f, C = p > 1, Y = p + _ < M - 1;
+      if (d > 0 && C || d < 0 && Y) {
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
     }
-    e.draggingRef.current.isActivated = !0, a();
+    e.draggingRef.current.isActivated = !0, s();
   }
   if (!e.draggingRef.current.isActivated) return;
   e.prevYRef.current = e.currentYRef.current, e.currentYRef.current = r;
@@ -1094,54 +1115,54 @@ const Ge = ({
     return;
   }
   i();
-  const v = o.sidebarHeightPx, y = o.midAnchorPointPx, I = o.midAnchorPoint && !o.swipeToOpen && y < v;
+  const b = o.sidebarHeightPx, S = o.midAnchorPointPx, I = o.midAnchorPoint && !o.swipeToOpen && S < b;
   if (u)
     if (I) {
-      const x = t.getBottomAnchorState();
-      if (x === "open") {
-        const A = Math.max(
+      const p = t.getBottomAnchorState();
+      if (p === "open") {
+        const M = Math.max(
           0,
-          Math.min(v, d - o.dragActivationDeltaPx)
+          Math.min(b, d - o.dragActivationDeltaPx)
         );
-        t.dragSidebar(A);
-      } else if (x === "midAnchor") {
-        const A = v - y, C = Math.max(
+        t.dragSidebar(M);
+      } else if (p === "midAnchor") {
+        const M = b - S, _ = Math.max(
           0,
           Math.min(
-            v,
-            A + d - o.dragActivationDeltaPx
+            b,
+            M + d - o.dragActivationDeltaPx
           )
         );
-        t.dragSidebar(C);
+        t.dragSidebar(_);
       }
     } else {
-      const x = Math.max(
+      const p = Math.max(
         0,
-        Math.min(v, d - o.dragActivationDeltaPx)
+        Math.min(b, d - o.dragActivationDeltaPx)
       );
-      t.dragSidebar(x);
+      t.dragSidebar(p);
     }
   else if (e.draggingRef.current.startY >= T - o.edgeActivationWidthPx)
     if (I) {
-      const x = v - y, A = Math.max(
-        x,
+      const p = b - S, M = Math.max(
+        p,
         Math.min(
-          v,
-          v + d + o.dragActivationDeltaPx
+          b,
+          b + d + o.dragActivationDeltaPx
         )
       );
-      t.dragSidebar(A);
+      t.dragSidebar(M);
     } else {
-      const x = Math.max(
+      const p = Math.max(
         0,
         Math.min(
-          v,
-          v + d + o.dragActivationDeltaPx
+          b,
+          b + d + o.dragActivationDeltaPx
         )
       );
-      t.dragSidebar(x);
+      t.dragSidebar(p);
     }
-}, Ue = ({
+}, Ze = ({
   refs: e,
   callbacks: t,
   options: r,
@@ -1152,31 +1173,31 @@ const Ge = ({
     e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null;
     return;
   }
-  const a = e.currentYRef.current ?? e.draggingRef.current.startY, o = e.prevYRef.current ?? e.draggingRef.current.startY, f = e.draggingRef.current.startY, c = t.getIsOpen(), d = window.innerHeight;
+  const s = e.currentYRef.current ?? e.draggingRef.current.startY, o = e.prevYRef.current ?? e.draggingRef.current.startY, f = e.draggingRef.current.startY, c = t.getIsOpen(), d = window.innerHeight;
   e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null, i();
-  const u = a < o, T = a >= o, w = f >= d - r.edgeActivationWidthPx, v = r.midAnchorPointPx, y = r.sidebarHeightPx, I = r.midAnchorPoint && !r.swipeToOpen && v < y;
+  const u = s < o, T = s >= o, w = f >= d - r.edgeActivationWidthPx, b = r.midAnchorPointPx, S = r.sidebarHeightPx, I = r.midAnchorPoint && !r.swipeToOpen && b < S;
   if (c)
     if (I) {
-      const x = t.getBottomAnchorState(), A = y - v;
-      if (x === "open") {
-        const C = Math.max(0, a - f);
-        T ? C > A ? t.closeSidebar() : t.openToMidAnchor() : C < A ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
-      } else if (x === "midAnchor") {
-        const C = y - v, M = Math.max(
+      const p = t.getBottomAnchorState(), M = S - b;
+      if (p === "open") {
+        const _ = Math.max(0, s - f);
+        T ? _ > M ? t.closeSidebar() : t.openToMidAnchor() : _ < M ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
+      } else if (p === "midAnchor") {
+        const _ = S - b, C = Math.max(
           0,
-          Math.min(y, C + (a - f))
+          Math.min(S, _ + (s - f))
         );
-        u ? M < A ? t.openSidebarFully() : t.openToMidAnchor() : t.closeSidebar(), t.dragSidebar(null);
+        u ? C < M ? t.openSidebarFully() : t.openToMidAnchor() : t.closeSidebar(), t.dragSidebar(null);
       }
     } else
       T ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null);
   else w && u ? (I ? t.openToMidAnchor() : t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function or(e, t) {
-  var F, m;
+function sr(e, t) {
+  var k, v;
   const r = fe(e.mediaQueryWidth), {
     lockedSidebar: i,
-    setLockedSidebar: a,
+    setLockedSidebar: s,
     bottomSidebars: o,
     openSidebar: f,
     openSidebarFully: c,
@@ -1184,166 +1205,166 @@ function or(e, t) {
     dragSidebar: u,
     openSidebarToMidAnchor: T,
     activeBottomDragIdRef: w,
-    bottomFocusStackRef: v
-  } = q(), y = ((F = o[t]) == null ? void 0 : F.isOpen) ?? !1, I = ((m = o[t]) == null ? void 0 : m.anchorState) ?? "closed", x = L(null), A = L(null), C = L(null), M = L(null), W = L(0), D = L(null), j = L(I);
-  Z(() => {
-    j.current = I;
-  }, [I]), Z(() => {
+    bottomFocusStackRef: b
+  } = ee(), S = ((k = o[t]) == null ? void 0 : k.isOpen) ?? !1, I = ((v = o[t]) == null ? void 0 : v.anchorState) ?? "closed", p = L(null), M = L(null), _ = L(null), C = L(null), Y = L(0), j = L(null), $ = L(I);
+  z(() => {
+    $.current = I;
+  }, [I]), z(() => {
     if (!r || i && i !== "bottom" || e.disabled) return;
-    const R = {
-      getIsOpen: () => y,
+    const y = {
+      getIsOpen: () => S,
       openSidebar: () => f("bottom", { id: t }),
       openSidebarFully: () => c("bottom", { id: t }),
       closeSidebar: () => d("bottom", { id: t }),
       dragSidebar: (n) => u("bottom", n, { id: t }),
-      getBottomAnchorState: () => j.current,
+      getBottomAnchorState: () => $.current,
       openToMidAnchor: () => T("bottom", { id: t })
-    }, S = {
-      draggingRef: x,
-      currentYRef: A,
-      prevYRef: C
-    }, Y = () => w.current !== null && w.current !== t, X = () => {
-      const n = v.current;
+    }, O = {
+      draggingRef: p,
+      currentYRef: M,
+      prevYRef: _
+    }, P = () => w.current !== null && w.current !== t, V = () => {
+      const n = b.current;
       return n.length === 0 ? !0 : n[n.length - 1] === t;
-    }, z = () => {
-      if (Y()) {
-        x.current = null;
+    }, D = () => {
+      if (P()) {
+        p.current = null;
         return;
       }
-      w.current = t, a("bottom");
-      const n = M.current;
-      n && (D.current = n.style.overflowY, n.style.overflowY = "hidden");
-    }, H = () => {
+      w.current = t, s("bottom");
+      const n = C.current;
+      n && (j.current = n.style.overflowY, n.style.overflowY = "hidden");
+    }, q = () => {
       w.current === t && (w.current = null);
-      const n = M.current;
-      n && D.current !== null && (n.style.overflowY = D.current, D.current = null);
+      const n = C.current;
+      n && j.current !== null && (n.style.overflowY = j.current, j.current = null);
     };
     function G(n) {
-      var K;
-      if (i && i !== "bottom" || Y() || !X() || de(n.target) || n.changedTouches.length === 0) return;
-      const h = n.changedTouches[0], p = window.innerHeight, P = R.getIsOpen(), $ = h.clientY >= p - e.edgeActivationWidthPx;
-      P && !e.swipeToClose || !P && !e.swipeToOpen || (P || $) && (M.current = He(n.target), W.current = ((K = M.current) == null ? void 0 : K.scrollTop) ?? 0, Fe({
-        refs: S,
+      var N;
+      if (i && i !== "bottom" || P() || !V() || de(n.target) || n.changedTouches.length === 0) return;
+      const h = n.changedTouches[0], R = window.innerHeight, x = y.getIsOpen(), Z = h.clientY >= R - e.edgeActivationWidthPx;
+      x && !e.swipeToClose || !x && !e.swipeToOpen || (x || Z) && (C.current = Ge(n.target), Y.current = ((N = C.current) == null ? void 0 : N.scrollTop) ?? 0, He({
+        refs: O,
         clientX: h.clientX,
         clientY: h.clientY,
         touchId: h.identifier,
         isMouse: !1
       }));
     }
-    function k(n) {
+    function H(n) {
       if (i && i !== "bottom") return;
-      if (Y()) {
-        x.current = null;
+      if (P()) {
+        p.current = null;
         return;
       }
-      if (!x.current || x.current.isMouse) return;
-      const h = x.current.activeTouchId, p = Ae(n.changedTouches, h);
-      p && Ge({
-        refs: S,
-        callbacks: R,
-        currentY: p.clientY,
+      if (!p.current || p.current.isMouse) return;
+      const h = p.current.activeTouchId, R = Ae(n.changedTouches, h);
+      R && Ue({
+        refs: O,
+        callbacks: y,
+        currentY: R.clientY,
         preventDefault: () => n.preventDefault(),
-        lockPane: z,
+        lockPane: D,
         options: e,
-        scrollableAncestor: M.current,
-        initialScrollTop: W.current
+        scrollableAncestor: C.current,
+        initialScrollTop: Y.current
       });
     }
-    function U(n) {
-      if (i && i !== "bottom" || !x.current || x.current.isMouse) return;
-      const h = x.current.activeTouchId;
-      Pe(n.changedTouches, h) && Ue({
-        refs: S,
-        callbacks: R,
+    function F(n) {
+      if (i && i !== "bottom" || !p.current || p.current.isMouse) return;
+      const h = p.current.activeTouchId;
+      Pe(n.changedTouches, h) && Ze({
+        refs: O,
+        callbacks: y,
         options: e,
-        onDragEnd: H
+        onDragEnd: q
       });
     }
-    function ne() {
-      i && i !== "bottom" || !x.current || x.current.isMouse || (H(), nr({
-        refs: S,
-        dragSidebar: R.dragSidebar,
+    function U() {
+      i && i !== "bottom" || !p.current || p.current.isMouse || (q(), or({
+        refs: O,
+        dragSidebar: y.dragSidebar,
         onDeactivate: () => {
         }
       }));
     }
-    function ie(n) {
-      var $;
-      if (i && i !== "bottom" || Y() || !X() || de(n.target) || n.button !== 0) return;
-      const h = window.innerHeight, p = R.getIsOpen(), P = n.clientY >= h - e.edgeActivationWidthPx;
-      p && !e.swipeToClose || !p && !e.swipeToOpen || (p || P) && (M.current = He(n.target), W.current = (($ = M.current) == null ? void 0 : $.scrollTop) ?? 0, Fe({
-        refs: S,
+    function oe(n) {
+      var Z;
+      if (i && i !== "bottom" || P() || !V() || de(n.target) || n.button !== 0) return;
+      const h = window.innerHeight, R = y.getIsOpen(), x = n.clientY >= h - e.edgeActivationWidthPx;
+      R && !e.swipeToClose || !R && !e.swipeToOpen || (R || x) && (C.current = Ge(n.target), Y.current = ((Z = C.current) == null ? void 0 : Z.scrollTop) ?? 0, He({
+        refs: O,
         clientX: n.clientX,
         clientY: n.clientY,
         touchId: null,
         isMouse: !0
       }));
     }
-    function oe(n) {
+    function ne(n) {
       if (!(i && i !== "bottom")) {
-        if (Y()) {
-          x.current = null;
+        if (P()) {
+          p.current = null;
           return;
         }
-        !x.current || !x.current.isMouse || Ge({
-          refs: S,
-          callbacks: R,
+        !p.current || !p.current.isMouse || Ue({
+          refs: O,
+          callbacks: y,
           currentY: n.clientY,
           preventDefault: () => n.preventDefault(),
-          lockPane: z,
+          lockPane: D,
           options: e,
-          scrollableAncestor: M.current,
-          initialScrollTop: W.current
+          scrollableAncestor: C.current,
+          initialScrollTop: Y.current
         });
       }
     }
     function ae() {
-      i && i !== "bottom" || !x.current || !x.current.isMouse || Ue({
-        refs: S,
-        callbacks: R,
+      i && i !== "bottom" || !p.current || !p.current.isMouse || Ze({
+        refs: O,
+        callbacks: y,
         options: e,
-        onDragEnd: H
+        onDragEnd: q
       });
     }
-    return window.addEventListener("touchstart", G, { passive: !0 }), window.addEventListener("touchmove", k, { passive: !1 }), window.addEventListener("touchend", U, { passive: !0 }), window.addEventListener("touchcancel", ne, { passive: !0 }), window.addEventListener("mousedown", ie, { passive: !0 }), window.addEventListener("mousemove", oe, { passive: !1 }), window.addEventListener("mouseup", ae, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", G), window.removeEventListener("touchmove", k), window.removeEventListener("touchend", U), window.removeEventListener("touchcancel", ne), window.removeEventListener("mousedown", ie), window.removeEventListener("mousemove", oe), window.removeEventListener("mouseup", ae);
+    return window.addEventListener("touchstart", G, { passive: !0 }), window.addEventListener("touchmove", H, { passive: !1 }), window.addEventListener("touchend", F, { passive: !0 }), window.addEventListener("touchcancel", U, { passive: !0 }), window.addEventListener("mousedown", oe, { passive: !0 }), window.addEventListener("mousemove", ne, { passive: !1 }), window.addEventListener("mouseup", ae, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", G), window.removeEventListener("touchmove", H), window.removeEventListener("touchend", F), window.removeEventListener("touchcancel", U), window.removeEventListener("mousedown", oe), window.removeEventListener("mousemove", ne), window.removeEventListener("mouseup", ae);
     };
   }, [
     t,
     r,
-    y,
+    S,
     f,
     c,
     d,
     u,
     i,
-    a,
+    s,
     e,
     T,
     w,
-    v
+    b
   ]);
 }
-function gr({
+function mr({
   id: e = "primary",
   className: t,
   children: r,
   ToggleComponent: i,
-  ...a
+  ...s
 }) {
   var I;
-  if ((r == null ? void 0 : r.type) === O.Fragment)
+  if ((r == null ? void 0 : r.type) === E.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarBottom");
-  const { bottomSidebars: o, closeSidebar: f, registerBottomSidebar: c, unregisterBottomSidebar: d } = q(), u = L(null), T = L(null);
-  Z(() => (c(e, { sidebarRef: u, toggleRef: T }), () => d(e)), [e, c, d]);
-  const w = Ie("bottom", a, e), v = fe(w.mediaQueryWidth);
-  or(w, e);
-  const y = ((I = o[e]) == null ? void 0 : I.isOpen) ?? !1;
-  return /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
-    w.showOverlay && /* @__PURE__ */ O.jsx(
-      Me,
+  const { bottomSidebars: o, closeSidebar: f, registerBottomSidebar: c, unregisterBottomSidebar: d } = ee(), u = L(null), T = L(null);
+  z(() => (c(e, { sidebarRef: u, toggleRef: T }), () => d(e)), [e, c, d]);
+  const w = Me("bottom", s, e), b = fe(w.mediaQueryWidth);
+  sr(w, e);
+  const S = ((I = o[e]) == null ? void 0 : I.isOpen) ?? !1;
+  return /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+    w.showOverlay && /* @__PURE__ */ E.jsx(
+      Ie,
       {
-        isCollapsed: !y,
+        isCollapsed: !S,
         setCollapsed: () => f("bottom", { id: e }),
         closeSidebarOnClick: w.closeSidebarOnOverlayClick,
         transitionMs: w.transitionMs,
@@ -1351,8 +1372,8 @@ function gr({
         overlayZIndex: w.overlayZIndex
       }
     ),
-    /* @__PURE__ */ O.jsx(
-      ir,
+    /* @__PURE__ */ E.jsx(
+      ar,
       {
         id: e,
         toggleRef: T,
@@ -1361,14 +1382,14 @@ function gr({
         ToggleComponent: i
       }
     ),
-    /* @__PURE__ */ O.jsx(
+    /* @__PURE__ */ E.jsx(
       "div",
       {
         ref: u,
         style: {
-          ...Vt,
-          ...qt,
-          ...w.isAbsolute || v ? Qt : {},
+          ...Qt,
+          ...Jt,
+          ...w.isAbsolute || b ? Kt : {},
           ...t ? {} : { backgroundColor: Oe },
           zIndex: w.swipeBarZIndex
         },
@@ -1378,19 +1399,19 @@ function gr({
     )
   ] });
 }
-function ar({ options: e, showToggle: t = !0, ToggleComponent: r }) {
-  const { openSidebar: i, leftToggleRef: a, isLeftOpen: o, closeSidebar: f } = q();
-  return t ? /* @__PURE__ */ O.jsx(
+function cr({ options: e, showToggle: t = !0, ToggleComponent: r }) {
+  const { openSidebar: i, leftToggleRef: s, isLeftOpen: o, closeSidebar: f } = ee();
+  return t ? /* @__PURE__ */ E.jsx(
     "div",
     {
-      ref: a,
+      ref: s,
       style: {
-        ...tt,
+        ...rt,
         transition: `transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,
         left: 0,
         zIndex: e.toggleZIndex
       },
-      children: (!o || o && !e.showOverlay) && /* @__PURE__ */ O.jsx(
+      children: (!o || o && !e.showOverlay) && /* @__PURE__ */ E.jsx(
         "button",
         {
           type: "button",
@@ -1402,23 +1423,23 @@ function ar({ options: e, showToggle: t = !0, ToggleComponent: r }) {
             marginLeft: `${e.toggleIconEdgeDistancePx}px`,
             ...o ? { transform: "rotate(180deg)" } : {}
           },
-          children: r ?? /* @__PURE__ */ O.jsx(Ce, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+          children: r ?? /* @__PURE__ */ E.jsx(Ce, { size: e.toggleIconSizePx, color: e.toggleIconColor })
         }
       )
     }
   ) : null;
 }
-const Ze = ({
+const ze = ({
   refs: e,
   callbacks: t,
   currentX: r,
   preventDefault: i,
-  lockPane: a,
+  lockPane: s,
   options: o
 }) => {
   if (!e.draggingRef.current) return;
   const f = r - e.draggingRef.current.startX;
-  if (!e.draggingRef.current.isActivated && Math.abs(f) >= o.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, a()), !e.draggingRef.current.isActivated) return;
+  if (!e.draggingRef.current.isActivated && Math.abs(f) >= o.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, s()), !e.draggingRef.current.isActivated) return;
   e.prevXRef.current = e.currentXRef.current, e.currentXRef.current = r;
   const c = t.getIsOpen();
   let d = !1;
@@ -1444,112 +1465,112 @@ const Ze = ({
     );
     t.dragSidebar(T);
   }
-}, ze = ({ refs: e, callbacks: t, options: r }) => {
+}, Ve = ({ refs: e, callbacks: t, options: r }) => {
   if (!e.draggingRef.current) return;
   if (!e.draggingRef.current.isActivated) {
     e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
     return;
   }
-  const i = e.currentXRef.current ?? e.draggingRef.current.startX, a = e.prevXRef.current ?? e.draggingRef.current.startX, o = e.draggingRef.current.startX, f = t.getIsOpen();
+  const i = e.currentXRef.current ?? e.draggingRef.current.startX, s = e.prevXRef.current ?? e.draggingRef.current.startX, o = e.draggingRef.current.startX, f = t.getIsOpen();
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
-  const c = i >= a, d = i < a, u = o <= r.edgeActivationWidthPx;
+  const c = i >= s, d = i < s, u = o <= r.edgeActivationWidthPx;
   f ? (d ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : u && c ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function sr(e) {
+function lr(e) {
   const t = fe(e.mediaQueryWidth), {
     lockedSidebar: r,
     setLockedSidebar: i,
-    isLeftOpen: a,
+    isLeftOpen: s,
     openSidebar: o,
     closeSidebar: f,
     dragSidebar: c,
     leftSidebarRef: d
-  } = q(), u = L(null), T = L(null), w = L(null);
-  Z(() => {
+  } = ee(), u = L(null), T = L(null), w = L(null);
+  z(() => {
     if (!t || r && r !== "left" || e.disabled) return;
-    const v = {
-      getIsOpen: () => a,
+    const b = {
+      getIsOpen: () => s,
       openSidebar: () => o("left"),
       closeSidebar: () => f("left"),
-      dragSidebar: (m) => c("left", m)
-    }, y = {
+      dragSidebar: (v) => c("left", v)
+    }, S = {
       draggingRef: u,
       currentXRef: T,
       prevXRef: w
-    }, I = () => i("left"), x = () => i(null);
-    function A(m) {
-      if (r && r !== "left" || de(m.target) || m.changedTouches.length === 0) return;
-      const R = m.changedTouches[0], S = v.getIsOpen(), Y = R.clientX <= e.edgeActivationWidthPx;
-      S && !e.swipeToClose || !S && !e.swipeToOpen || (S || Y) && we({
-        refs: y,
-        clientX: R.clientX,
-        clientY: R.clientY,
-        touchId: R.identifier,
+    }, I = () => i("left"), p = () => i(null);
+    function M(v) {
+      if (r && r !== "left" || de(v.target) || v.changedTouches.length === 0) return;
+      const y = v.changedTouches[0], O = b.getIsOpen(), P = y.clientX <= e.edgeActivationWidthPx;
+      O && !e.swipeToClose || !O && !e.swipeToOpen || (O || P) && Se({
+        refs: S,
+        clientX: y.clientX,
+        clientY: y.clientY,
+        touchId: y.identifier,
         isMouse: !1
       });
     }
-    function C(m) {
+    function _(v) {
       if (r && r !== "left" || !u.current || u.current.isMouse) return;
-      const R = u.current.activeTouchId, S = Ae(m.changedTouches, R);
-      S && Ze({
-        refs: y,
-        callbacks: v,
-        currentX: S.clientX,
-        preventDefault: () => m.preventDefault(),
+      const y = u.current.activeTouchId, O = Ae(v.changedTouches, y);
+      O && ze({
+        refs: S,
+        callbacks: b,
+        currentX: O.clientX,
+        preventDefault: () => v.preventDefault(),
         lockPane: I,
         options: e
       });
     }
-    function M(m) {
+    function C(v) {
       if (r && r !== "left" || !u.current || u.current.isMouse) return;
-      const R = u.current.activeTouchId;
-      Pe(m.changedTouches, R) && ze({
-        refs: y,
-        callbacks: v,
+      const y = u.current.activeTouchId;
+      Pe(v.changedTouches, y) && Ve({
+        refs: S,
+        callbacks: b,
         options: e
       });
     }
-    function W() {
-      r && r !== "left" || !u.current || u.current.isMouse || rt({
-        refs: y,
-        dragSidebar: v.dragSidebar,
-        onDeactivate: x
+    function Y() {
+      r && r !== "left" || !u.current || u.current.isMouse || nt({
+        refs: S,
+        dragSidebar: b.dragSidebar,
+        onDeactivate: p
       });
     }
-    function D(m) {
-      if (r && r !== "left" || de(m.target) || m.button !== 0) return;
-      const R = v.getIsOpen(), S = m.clientX <= e.edgeActivationWidthPx;
-      R && !e.swipeToClose || !R && !e.swipeToOpen || (R || S) && we({
-        refs: y,
-        clientX: m.clientX,
-        clientY: m.clientY,
+    function j(v) {
+      if (r && r !== "left" || de(v.target) || v.button !== 0) return;
+      const y = b.getIsOpen(), O = v.clientX <= e.edgeActivationWidthPx;
+      y && !e.swipeToClose || !y && !e.swipeToOpen || (y || O) && Se({
+        refs: S,
+        clientX: v.clientX,
+        clientY: v.clientY,
         touchId: null,
         isMouse: !0
       });
     }
-    function j(m) {
-      r && r !== "left" || !u.current || !u.current.isMouse || Ze({
-        refs: y,
-        callbacks: v,
-        currentX: m.clientX,
-        preventDefault: () => m.preventDefault(),
+    function $(v) {
+      r && r !== "left" || !u.current || !u.current.isMouse || ze({
+        refs: S,
+        callbacks: b,
+        currentX: v.clientX,
+        preventDefault: () => v.preventDefault(),
         lockPane: I,
         options: e
       });
     }
-    function F() {
-      r && r !== "left" || !u.current || !u.current.isMouse || ze({
-        refs: y,
-        callbacks: v,
+    function k() {
+      r && r !== "left" || !u.current || !u.current.isMouse || Ve({
+        refs: S,
+        callbacks: b,
         options: e
       });
     }
-    return window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", C, { passive: !1 }), window.addEventListener("touchend", M, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", D, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", F, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", C), window.removeEventListener("touchend", M), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", D), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", F);
+    return window.addEventListener("touchstart", M, { passive: !0 }), window.addEventListener("touchmove", _, { passive: !1 }), window.addEventListener("touchend", C, { passive: !0 }), window.addEventListener("touchcancel", Y, { passive: !0 }), window.addEventListener("mousedown", j, { passive: !0 }), window.addEventListener("mousemove", $, { passive: !1 }), window.addEventListener("mouseup", k, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", M), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", C), window.removeEventListener("touchcancel", Y), window.removeEventListener("mousedown", j), window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", k);
     };
   }, [
     t,
-    a,
+    s,
     o,
     f,
     c,
@@ -1559,20 +1580,20 @@ function sr(e) {
     e
   ]);
 }
-function hr({
+function vr({
   className: e,
   children: t,
   ToggleComponent: r,
   ...i
 }) {
-  if ((t == null ? void 0 : t.type) === O.Fragment)
+  if ((t == null ? void 0 : t.type) === E.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarLeft");
-  const { isLeftOpen: a, closeSidebar: o, leftSidebarRef: f } = q(), c = Ie("left", i), d = fe(c.mediaQueryWidth);
-  return sr(c), /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
-    c.showOverlay && /* @__PURE__ */ O.jsx(
-      Me,
+  const { isLeftOpen: s, closeSidebar: o, leftSidebarRef: f } = ee(), c = Me("left", i), d = fe(c.mediaQueryWidth);
+  return lr(c), /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+    c.showOverlay && /* @__PURE__ */ E.jsx(
+      Ie,
       {
-        isCollapsed: !a,
+        isCollapsed: !s,
         setCollapsed: () => o("left"),
         closeSidebarOnClick: c.closeSidebarOnOverlayClick,
         transitionMs: c.transitionMs,
@@ -1580,22 +1601,22 @@ function hr({
         overlayZIndex: c.overlayZIndex
       }
     ),
-    /* @__PURE__ */ O.jsx(
-      ar,
+    /* @__PURE__ */ E.jsx(
+      cr,
       {
         options: c,
         showToggle: c.showToggle,
         ToggleComponent: r
       }
     ),
-    /* @__PURE__ */ O.jsx(
+    /* @__PURE__ */ E.jsx(
       "div",
       {
         ref: f,
         style: {
-          ...et,
-          ...Gt,
-          ...c.isAbsolute || d ? Zt : {},
+          ...tt,
+          ...Zt,
+          ...c.isAbsolute || d ? Vt : {},
           ...e ? {} : { backgroundColor: Oe },
           zIndex: c.swipeBarZIndex
         },
@@ -1605,21 +1626,21 @@ function hr({
     )
   ] });
 }
-function cr({ options: e, showToggle: t = !0, ToggleComponent: r }) {
-  const { openSidebar: i, rightToggleRef: a, isRightOpen: o, closeSidebar: f } = q();
+function ur({ options: e, showToggle: t = !0, ToggleComponent: r }) {
+  const { openSidebar: i, rightToggleRef: s, isRightOpen: o, closeSidebar: f } = ee();
   return t ? (
     // 1px wide container
-    /* @__PURE__ */ O.jsx(
+    /* @__PURE__ */ E.jsx(
       "div",
       {
-        ref: a,
+        ref: s,
         style: {
-          ...tt,
+          ...rt,
           transition: `transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,
           right: 0,
           zIndex: e.toggleZIndex
         },
-        children: (!o || o && !e.showOverlay) && /* @__PURE__ */ O.jsx(
+        children: (!o || o && !e.showOverlay) && /* @__PURE__ */ E.jsx(
           "button",
           {
             type: "button",
@@ -1632,24 +1653,24 @@ function cr({ 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__ */ O.jsx(Ce, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+            children: r ?? /* @__PURE__ */ E.jsx(Ce, { size: e.toggleIconSizePx, color: e.toggleIconColor })
           }
         )
       }
     )
   ) : null;
 }
-const Ve = ({
+const qe = ({
   refs: e,
   callbacks: t,
   currentX: r,
   preventDefault: i,
-  lockPane: a,
+  lockPane: s,
   options: o
 }) => {
   if (!e.draggingRef.current) return;
   const f = window.innerWidth, c = r - e.draggingRef.current.startX, d = e.draggingRef.current.startX >= f - o.edgeActivationWidthPx, u = e.draggingRef.current.isActivated;
-  if (!u && Math.abs(c) >= o.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, a()), !u) return;
+  if (!u && Math.abs(c) >= o.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, s()), !u) return;
   e.prevXRef.current = e.currentXRef.current, e.currentXRef.current = r;
   const T = t.getIsOpen();
   let w = !1;
@@ -1658,129 +1679,129 @@ const Ve = ({
     return;
   }
   i();
-  const v = o.sidebarWidthPx;
+  const b = o.sidebarWidthPx;
   if (T) {
-    const y = Math.max(
+    const S = Math.max(
       0,
-      Math.min(v, c - o.dragActivationDeltaPx)
+      Math.min(b, c - o.dragActivationDeltaPx)
     );
-    t.dragSidebar(y);
+    t.dragSidebar(S);
   } else {
-    const y = Math.max(
+    const S = Math.max(
       0,
       Math.min(
-        v,
-        v + c + o.dragActivationDeltaPx
+        b,
+        b + c + o.dragActivationDeltaPx
       )
     );
-    t.dragSidebar(y);
+    t.dragSidebar(S);
   }
-}, qe = ({ refs: e, callbacks: t, options: r }) => {
+}, Qe = ({ refs: e, callbacks: t, options: r }) => {
   if (!e.draggingRef.current) return;
   if (!e.draggingRef.current.isActivated) {
     e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
     return;
   }
-  const i = e.currentXRef.current ?? e.draggingRef.current.startX, a = e.prevXRef.current ?? e.draggingRef.current.startX, o = e.draggingRef.current.startX, f = t.getIsOpen(), c = window.innerWidth;
+  const i = e.currentXRef.current ?? e.draggingRef.current.startX, s = e.prevXRef.current ?? e.draggingRef.current.startX, o = e.draggingRef.current.startX, f = t.getIsOpen(), c = window.innerWidth;
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
-  const d = i > a, u = i < a, T = o >= c - r.edgeActivationWidthPx;
+  const d = i > s, u = i < s, T = o >= c - r.edgeActivationWidthPx;
   f ? (d ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : T && u ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function lr(e) {
+function dr(e) {
   const t = fe(e.mediaQueryWidth), {
     lockedSidebar: r,
     setLockedSidebar: i,
-    isRightOpen: a,
+    isRightOpen: s,
     openSidebar: o,
     closeSidebar: f,
     dragSidebar: c,
     rightSidebarRef: d
-  } = q(), u = L(null), T = L(null), w = L(null);
-  Z(() => {
+  } = ee(), u = L(null), T = L(null), w = L(null);
+  z(() => {
     if (!t || r && r !== "right" || e.disabled) return;
-    const v = {
-      getIsOpen: () => a,
+    const b = {
+      getIsOpen: () => s,
       openSidebar: () => o("right"),
       closeSidebar: () => f("right"),
-      dragSidebar: (m) => c("right", m)
-    }, y = {
+      dragSidebar: (v) => c("right", v)
+    }, S = {
       draggingRef: u,
       currentXRef: T,
       prevXRef: w
-    }, I = () => i("right"), x = () => i(null);
-    function A(m) {
-      if (r && r !== "right" || de(m.target) || m.changedTouches.length === 0) return;
-      const R = m.changedTouches[0], S = window.innerWidth, Y = v.getIsOpen(), X = R.clientX >= S - e.edgeActivationWidthPx;
-      Y && !e.swipeToClose || !Y && !e.swipeToOpen || (Y || X) && we({
-        refs: y,
-        clientX: R.clientX,
-        clientY: R.clientY,
-        touchId: R.identifier,
+    }, I = () => i("right"), p = () => i(null);
+    function M(v) {
+      if (r && r !== "right" || de(v.target) || v.changedTouches.length === 0) return;
+      const y = v.changedTouches[0], O = window.innerWidth, P = b.getIsOpen(), V = y.clientX >= O - e.edgeActivationWidthPx;
+      P && !e.swipeToClose || !P && !e.swipeToOpen || (P || V) && Se({
+        refs: S,
+        clientX: y.clientX,
+        clientY: y.clientY,
+        touchId: y.identifier,
         isMouse: !1
       });
     }
-    function C(m) {
+    function _(v) {
       if (r && r !== "right" || !u.current || u.current.isMouse) return;
-      const R = u.current.activeTouchId, S = Ae(m.changedTouches, R);
-      S && Ve({
-        refs: y,
-        callbacks: v,
-        currentX: S.clientX,
-        preventDefault: () => m.preventDefault(),
+      const y = u.current.activeTouchId, O = Ae(v.changedTouches, y);
+      O && qe({
+        refs: S,
+        callbacks: b,
+        currentX: O.clientX,
+        preventDefault: () => v.preventDefault(),
         lockPane: I,
         options: e
       });
     }
-    function M(m) {
+    function C(v) {
       if (r && r !== "right" || !u.current || u.current.isMouse) return;
-      const R = u.current.activeTouchId;
-      Pe(m.changedTouches, R) && qe({
-        refs: y,
-        callbacks: v,
+      const y = u.current.activeTouchId;
+      Pe(v.changedTouches, y) && Qe({
+        refs: S,
+        callbacks: b,
         options: e
       });
     }
-    function W() {
-      r && r !== "right" || !u.current || u.current.isMouse || rt({
-        refs: y,
-        dragSidebar: v.dragSidebar,
-        onDeactivate: x
+    function Y() {
+      r && r !== "right" || !u.current || u.current.isMouse || nt({
+        refs: S,
+        dragSidebar: b.dragSidebar,
+        onDeactivate: p
       });
     }
-    function D(m) {
-      if (r && r !== "right" || de(m.target) || m.button !== 0) return;
-      const R = window.innerWidth, S = v.getIsOpen(), Y = m.clientX >= R - e.edgeActivationWidthPx;
-      S && !e.swipeToClose || !S && !e.swipeToOpen || (S || Y) && we({
-        refs: y,
-        clientX: m.clientX,
-        clientY: m.clientY,
+    function j(v) {
+      if (r && r !== "right" || de(v.target) || v.button !== 0) return;
+      const y = window.innerWidth, O = b.getIsOpen(), P = v.clientX >= y - e.edgeActivationWidthPx;
+      O && !e.swipeToClose || !O && !e.swipeToOpen || (O || P) && Se({
+        refs: S,
+        clientX: v.clientX,
+        clientY: v.clientY,
         touchId: null,
         isMouse: !0
       });
     }
-    function j(m) {
-      r && r !== "right" || !u.current || !u.current.isMouse || Ve({
-        refs: y,
-        callbacks: v,
-        currentX: m.clientX,
-        preventDefault: () => m.preventDefault(),
+    function $(v) {
+      r && r !== "right" || !u.current || !u.current.isMouse || qe({
+        refs: S,
+        callbacks: b,
+        currentX: v.clientX,
+        preventDefault: () => v.preventDefault(),
         lockPane: I,
         options: e
       });
     }
-    function F() {
-      r && r !== "right" || !u.current || !u.current.isMouse || qe({
-        refs: y,
-        callbacks: v,
+    function k() {
+      r && r !== "right" || !u.current || !u.current.isMouse || Qe({
+        refs: S,
+        callbacks: b,
         options: e
       });
     }
-    return window.addEventListener("touchstart", A, { passive: !0 }), window.addEventListener("touchmove", C, { passive: !1 }), window.addEventListener("touchend", M, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", D, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", F, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", C), window.removeEventListener("touchend", M), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", D), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", F);
+    return window.addEventListener("touchstart", M, { passive: !0 }), window.addEventListener("touchmove", _, { passive: !1 }), window.addEventListener("touchend", C, { passive: !0 }), window.addEventListener("touchcancel", Y, { passive: !0 }), window.addEventListener("mousedown", j, { passive: !0 }), window.addEventListener("mousemove", $, { passive: !1 }), window.addEventListener("mouseup", k, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", M), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", C), window.removeEventListener("touchcancel", Y), window.removeEventListener("mousedown", j), window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", k);
     };
   }, [
     t,
-    a,
+    s,
     o,
     f,
     c,
@@ -1790,20 +1811,20 @@ function lr(e) {
     e
   ]);
 }
-function mr({
+function br({
   className: e,
   children: t,
   ToggleComponent: r,
   ...i
 }) {
-  if ((t == null ? void 0 : t.type) === O.Fragment)
+  if ((t == null ? void 0 : t.type) === E.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarRight");
-  const { isRightOpen: a, closeSidebar: o, rightSidebarRef: f } = q(), c = Ie("right", i), d = fe(c.mediaQueryWidth);
-  return lr(c), /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
-    c.showOverlay && /* @__PURE__ */ O.jsx(
-      Me,
+  const { isRightOpen: s, closeSidebar: o, rightSidebarRef: f } = ee(), c = Me("right", i), d = fe(c.mediaQueryWidth);
+  return dr(c), /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+    c.showOverlay && /* @__PURE__ */ E.jsx(
+      Ie,
       {
-        isCollapsed: !a,
+        isCollapsed: !s,
         setCollapsed: () => o("right"),
         closeSidebarOnClick: c.closeSidebarOnOverlayClick,
         transitionMs: c.transitionMs,
@@ -1811,22 +1832,22 @@ function mr({
         overlayZIndex: c.overlayZIndex
       }
     ),
-    /* @__PURE__ */ O.jsx(
-      cr,
+    /* @__PURE__ */ E.jsx(
+      ur,
       {
         options: c,
         showToggle: c.showToggle,
         ToggleComponent: r
       }
     ),
-    /* @__PURE__ */ O.jsx(
+    /* @__PURE__ */ E.jsx(
       "div",
       {
         ref: f,
         style: {
-          ...et,
-          ...Ut,
-          ...c.isAbsolute || d ? zt : {},
+          ...tt,
+          ...zt,
+          ...c.isAbsolute || d ? qt : {},
           ...e ? {} : { backgroundColor: Oe },
           zIndex: c.swipeBarZIndex
         },
@@ -1837,14 +1858,14 @@ function mr({
   ] });
 }
 export {
-  Me as Overlay,
-  gr as SwipeBarBottom,
-  hr as SwipeBarLeft,
-  fr as SwipeBarProvider,
-  mr as SwipeBarRight,
-  ir as ToggleBottom,
-  ar as ToggleLeft,
-  cr as ToggleRight,
+  Ie as Overlay,
+  mr as SwipeBarBottom,
+  vr as SwipeBarLeft,
+  hr as SwipeBarProvider,
+  br as SwipeBarRight,
+  ar as ToggleBottom,
+  cr as ToggleLeft,
+  ur as ToggleRight,
   fe as useMediaQuery,
-  q as useSwipeBarContext
+  ee as useSwipeBarContext
 };