@luciodale/swipe-bar 1.3.2 → 1.3.3

package/dist/swipe-bar.es.js

@@ -1,681 +1,662 @@
-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
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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 Ot() {
-  if ($e) return me;
-  $e = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(i, s, o) {
-    var f = null;
-    if (o !== void 0 && (f = "" + o), s.key !== void 0 && (f = "" + s.key), "key" in s) {
-      o = {};
-      for (var c in s)
-        c !== "key" && (o[c] = s[c]);
-    } else o = s;
-    return s = o.ref, {
+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 pe = { exports: {} }, he = {};
+var Ye;
+function Et() {
+  if (Ye) return he;
+  Ye = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(i, s, n) {
+    var c = null;
+    if (n !== void 0 && (c = "" + n), s.key !== void 0 && (c = "" + s.key), "key" in s) {
+      n = {};
+      for (var f in s)
+        f !== "key" && (n[f] = s[f]);
+    } else n = s;
+    return s = n.ref, {
       $$typeof: e,
       type: i,
-      key: f,
+      key: c,
       ref: s !== void 0 ? s : null,
-      props: o
+      props: n
     };
   }
-  return me.Fragment = t, me.jsx = r, me.jsxs = r, me;
+  return he.Fragment = t, he.jsx = r, he.jsxs = r, he;
 }
-var ve = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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 === V ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
-        case M:
-          return "Fragment";
+var me = {};
+var $e;
+function Ot() {
+  return $e || ($e = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === V ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
         case C:
-          return "Profiler";
+          return "Fragment";
         case _:
+          return "Profiler";
+        case D:
           return "StrictMode";
-        case k:
+        case X:
           return "Suspense";
-        case v:
+        case m:
           return "SuspenseList";
-        case P:
+        case I:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
-          case p:
+        ), o.$$typeof) {
+          case w:
             return "Portal";
+          case F:
+            return o.displayName || "Context";
+          case W:
+            return (o._context.displayName || "Context") + ".Consumer";
           case j:
-            return n.displayName || "Context";
-          case Y:
-            return (n._context.displayName || "Context") + ".Consumer";
-          case $:
-            var h = n.render;
-            return n = n.displayName, n || (n = h.displayName || h.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case y:
-            return h = n.displayName || null, h !== null ? h : e(n.type) || "Memo";
-          case O:
-            h = n._payload, n = n._init;
+            var p = o.render;
+            return o = o.displayName, o || (o = p.displayName || p.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case x:
+            return p = o.displayName || null, p !== null ? p : e(o.type) || "Memo";
+          case A:
+            p = o._payload, o = o._init;
             try {
-              return e(n(h));
+              return e(o(p));
             } catch {
             }
         }
       return null;
     }
-    function t(n) {
-      return "" + n;
+    function t(o) {
+      return "" + o;
     }
-    function r(n) {
+    function r(o) {
       try {
-        t(n);
-        var h = !1;
+        t(o);
+        var p = !1;
       } catch {
-        h = !0;
+        p = !0;
       }
-      if (h) {
-        h = console;
-        var R = h.error, x = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return R.call(
-          h,
+      if (p) {
+        p = console;
+        var O = p.error, E = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return O.call(
+          p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          x
-        ), t(n);
+          E
+        ), t(o);
       }
     }
-    function i(n) {
-      if (n === M) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === O)
+    function i(o) {
+      if (o === C) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === A)
         return "<...>";
       try {
-        var h = e(n);
-        return h ? "<" + h + ">" : "<...>";
+        var p = e(o);
+        return p ? "<" + p + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var n = D.A;
-      return n === null ? null : n.getOwner();
+      var o = Y.A;
+      return o === null ? null : o.getOwner();
     }
-    function o() {
+    function n() {
       return Error("react-stack-top-frame");
     }
-    function f(n) {
-      if (q.call(n, "key")) {
-        var h = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function c(o) {
+      if (J.call(o, "key")) {
+        var p = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (p && p.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return o.key !== void 0;
     }
-    function c(n, h) {
-      function R() {
-        F || (F = !0, console.error(
+    function f(o, p) {
+      function O() {
+        N || (N = !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
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: R,
+      O.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: O,
         configurable: !0
       });
     }
-    function d() {
-      var n = e(this.type);
-      return U[n] || (U[n] = !0, console.error(
+    function u() {
+      var o = e(this.type);
+      return q[o] || (q[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function u(n, h, R, x, Z, N) {
-      var X = R.ref;
-      return n = {
-        $$typeof: I,
-        type: n,
-        key: h,
-        props: R,
-        _owner: x
-      }, (X !== void 0 ? X : null) !== null ? Object.defineProperty(n, "ref", {
+    function a(o, p, O, E, ae, U) {
+      var $ = O.ref;
+      return o = {
+        $$typeof: M,
+        type: o,
+        key: p,
+        props: O,
+        _owner: E
+      }, ($ !== void 0 ? $ : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: d
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        get: u
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
-      }), Object.defineProperty(n, "_debugTask", {
+        value: ae
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: N
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+        value: U
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    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);
+    function v(o, p, O, E, ae, U) {
+      var $ = p.children;
+      if ($ !== void 0)
+        if (E)
+          if (z($)) {
+            for (E = 0; E < $.length; E++)
+              y($[E]);
+            Object.freeze && Object.freeze($);
           } 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 (q.call(h, "key")) {
-        X = e(n);
-        var J = Object.keys(h).filter(function(pe) {
-          return pe !== "key";
+        else y($);
+      if (J.call(p, "key")) {
+        $ = e(o);
+        var K = Object.keys(p).filter(function(Se) {
+          return Se !== "key";
         });
-        x = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", ae[X + x] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
+        E = 0 < K.length ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}", G[$ + E] || (K = 0 < K.length ? "{" + K.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          x,
-          X,
-          J,
-          X
-        ), ae[X + x] = !0);
+          E,
+          $,
+          K,
+          $
+        ), G[$ + E] = !0);
       }
-      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" && (R[ge] = h[ge]);
-      } else R = h;
-      return X && c(
-        R,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), u(
-        n,
-        X,
-        R,
+      if ($ = null, O !== void 0 && (r(O), $ = "" + O), c(p) && (r(p.key), $ = "" + p.key), "key" in p) {
+        O = {};
+        for (var fe in p)
+          fe !== "key" && (O[fe] = p[fe]);
+      } else O = p;
+      return $ && f(
+        O,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), a(
+        o,
+        $,
+        O,
         s(),
-        Z,
-        N
+        ae,
+        U
       );
     }
-    function w(n) {
-      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 y(o) {
+      h(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === A && (o._payload.status === "fulfilled" ? h(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function b(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === I;
+    function h(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === M;
     }
-    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() {
+    var S = xt, M = /* @__PURE__ */ Symbol.for("react.transitional.element"), w = /* @__PURE__ */ Symbol.for("react.portal"), C = /* @__PURE__ */ Symbol.for("react.fragment"), D = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), W = /* @__PURE__ */ Symbol.for("react.consumer"), F = /* @__PURE__ */ Symbol.for("react.context"), j = /* @__PURE__ */ Symbol.for("react.forward_ref"), X = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), x = /* @__PURE__ */ Symbol.for("react.memo"), A = /* @__PURE__ */ Symbol.for("react.lazy"), I = /* @__PURE__ */ Symbol.for("react.activity"), V = /* @__PURE__ */ Symbol.for("react.client.reference"), Y = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, z = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
     S = {
-      react_stack_bottom_frame: function(n) {
-        return n();
+      react_stack_bottom_frame: function(o) {
+        return o();
       }
     };
-    var F, U = {}, oe = S.react_stack_bottom_frame.bind(
+    var N, q = {}, oe = S.react_stack_bottom_frame.bind(
       S,
-      o
-    )(), ne = H(i(o)), ae = {};
-    ve.Fragment = M, ve.jsx = function(n, h, R) {
-      var x = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return T(
-        n,
-        h,
-        R,
+      n
+    )(), R = H(i(n)), G = {};
+    me.Fragment = C, me.jsx = function(o, p, O) {
+      var E = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return v(
+        o,
+        p,
+        O,
         !1,
-        x ? Error("react-stack-top-frame") : oe,
-        x ? H(i(n)) : ne
+        E ? Error("react-stack-top-frame") : oe,
+        E ? H(i(o)) : R
       );
-    }, ve.jsxs = function(n, h, R) {
-      var x = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return T(
-        n,
-        h,
-        R,
+    }, me.jsxs = function(o, p, O) {
+      var E = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return v(
+        o,
+        p,
+        O,
         !0,
-        x ? Error("react-stack-top-frame") : oe,
-        x ? H(i(n)) : ne
+        E ? Error("react-stack-top-frame") : oe,
+        E ? H(i(o)) : R
       );
     };
-  }()), ve;
+  })()), me;
+}
+var Be;
+function At() {
+  return Be || (Be = 1, process.env.NODE_ENV === "production" ? pe.exports = Et() : pe.exports = Ot()), pe.exports;
 }
-process.env.NODE_ENV === "production" ? Re.exports = Ot() : Re.exports = Et();
-var E = Re.exports;
+var T = At();
 const Ke = Rt(null), ye = (e) => {
   throw new Error(`Unhandled sidebar side: ${e}`);
-}, we = {
+}, ve = {
   isOpen: !1,
   anchorState: "closed",
   meta: null
-}, hr = ({
+}, pr = ({
   children: e,
   sidebarWidthPx: t,
   transitionMs: r,
   edgeActivationWidthPx: i,
   dragActivationDeltaPx: s,
-  showOverlay: o,
-  isAbsolute: f,
-  overlayBackgroundColor: c,
-  toggleIconColor: d,
-  toggleIconSizePx: u,
-  toggleIconEdgeDistancePx: T,
-  showToggle: w,
-  mediaQueryWidth: b,
+  showOverlay: n,
+  isAbsolute: c,
+  overlayBackgroundColor: f,
+  toggleIconColor: u,
+  toggleIconSizePx: a,
+  toggleIconEdgeDistancePx: v,
+  showToggle: y,
+  mediaQueryWidth: h,
   swipeBarZIndex: S,
-  toggleZIndex: I,
-  overlayZIndex: p,
-  fadeContent: M,
-  fadeContentTransitionMs: _,
-  closeSidebarOnOverlayClick: C,
-  resetMetaOnClose: Y
+  toggleZIndex: M,
+  overlayZIndex: w,
+  fadeContent: C,
+  fadeContentTransitionMs: D,
+  closeSidebarOnOverlayClick: _,
+  resetMetaOnClose: W
 }) => {
-  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({
+  const [F, j] = Q(null), [X, m] = Q(!1), [x, A] = Q(!1), [I, V] = Q({}), [Y, J] = Q({}), z = L(null), H = L(null), N = L(null), q = L(null), [oe, R] = Q(null), [G, o] = Q(null), [p, O] = Q({}), [E, ae] = Q({}), U = L(/* @__PURE__ */ new Map()), $ = L(null), K = L([]), fe = p.primary?.isOpen ?? !1, Se = p.primary?.anchorState ?? "closed", _e = Je(
+    () => Object.values(p).some((l) => l.isOpen),
+    [p]
+  ), Le = U.current.get("primary"), it = Le?.sidebarRef ?? { current: null }, ot = Le?.toggleRef ?? { current: null }, at = E.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,
+    sidebarHeightPx: We,
+    transitionMs: r ?? Pt,
+    edgeActivationWidthPx: i ?? Mt,
+    dragActivationDeltaPx: s ?? Ct,
+    showOverlay: n ?? _t,
+    isAbsolute: c ?? Dt,
+    overlayBackgroundColor: f ?? et,
+    toggleIconColor: u ?? Xt,
+    toggleIconSizePx: a ?? Yt,
+    toggleIconEdgeDistancePx: v ?? $t,
+    showToggle: y ?? Bt,
+    mediaQueryWidth: h ?? Re,
     swipeBarZIndex: S ?? Wt,
-    toggleZIndex: I ?? Bt,
-    overlayZIndex: p ?? jt,
-    fadeContent: M ?? Ft,
-    fadeContentTransitionMs: _ ?? Nt,
-    swipeToOpen: Ht,
-    swipeToClose: Gt,
-    midAnchorPoint: Ut,
-    midAnchorPointPx: Be / 3,
+    toggleZIndex: M ?? jt,
+    overlayZIndex: w ?? kt,
+    fadeContent: C ?? Ht,
+    fadeContentTransitionMs: D ?? Nt,
+    swipeToOpen: Gt,
+    swipeToClose: Ut,
+    midAnchorPoint: Zt,
+    midAnchorPointPx: We / 3,
     disabled: !1,
-    closeSidebarOnOverlayClick: C ?? _t,
-    resetMetaOnClose: Y ?? !1
-  }), lt = B((l, a) => {
-    N.current.set(l, a), R((g) => g[l] ? g : { ...g, [l]: { ...we } });
+    closeSidebarOnOverlayClick: _ ?? Lt,
+    resetMetaOnClose: W ?? !1
+  }), lt = B((l, d) => {
+    U.current.set(l, d), O((g) => g[l] ? g : { ...g, [l]: { ...ve } });
   }, []), ut = B((l) => {
-    N.current.delete(l), R((a) => {
-      const g = { ...a };
+    U.current.delete(l), O((d) => {
+      const g = { ...d };
       return delete g[l], g;
-    }), Z((a) => {
-      const g = { ...a };
+    }), ae((d) => {
+      const g = { ...d };
       return delete g[l], g;
     });
-  }, []), dt = B((l) => N.current.get(l), []), ft = B(
-    (l, a) => {
-      Z((g) => g[l] === a ? g : { ...g, [l]: a });
+  }, []), dt = B((l) => U.current.get(l), []), ft = B(
+    (l, d) => {
+      ae((g) => g[l] === d ? g : { ...g, [l]: d });
     },
     []
-  ), te = B((l, a) => {
-    R((g) => {
-      const m = g[l] ?? we;
-      return m.isOpen === a ? g : { ...g, [l]: { ...m, isOpen: a } };
+  ), re = B((l, d) => {
+    O((g) => {
+      const b = g[l] ?? ve;
+      return b.isOpen === d ? g : { ...g, [l]: { ...b, isOpen: d } };
     });
-  }, []), re = B(
-    (l, a) => {
-      R((g) => {
-        const m = g[l] ?? we;
-        return m.anchorState === a ? g : { ...g, [l]: { ...m, anchorState: a } };
+  }, []), ne = B(
+    (l, d) => {
+      O((g) => {
+        const b = g[l] ?? ve;
+        return b.anchorState === d ? g : { ...g, [l]: { ...b, anchorState: d } };
       });
     },
     []
-  ), he = B((l, a) => {
-    R((g) => {
-      const m = g[l] ?? we;
-      return m.meta === a ? g : { ...g, [l]: { ...m, meta: a } };
+  ), ge = B((l, d) => {
+    O((g) => {
+      const b = g[l] ?? ve;
+      return b.meta === d ? g : { ...g, [l]: { ...b, meta: d } };
     });
   }, []);
-  z(() => (k || y || _e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  Z(() => (X || x || _e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
-  }), [k, y, _e]), z(() => {
-    var l;
-    if (P.fadeContent === !1) {
-      const a = (l = G.current) == null ? void 0 : l.firstElementChild;
-      a && (a.style.opacity = "1");
+  }), [X, x, _e]), Z(() => {
+    if (I.fadeContent === !1) {
+      const l = z.current?.firstElementChild;
+      l && (l.style.opacity = "1");
     }
-  }, [P.fadeContent]), z(() => {
-    var l;
-    if (D.fadeContent === !1) {
-      const a = (l = H.current) == null ? void 0 : l.firstElementChild;
-      a && (a.style.opacity = "1");
+  }, [I.fadeContent]), Z(() => {
+    if (Y.fadeContent === !1) {
+      const l = H.current?.firstElementChild;
+      l && (l.style.opacity = "1");
     }
-  }, [D.fadeContent]), z(() => {
-    var l;
-    for (const [a, g] of Object.entries(x))
-      if (g.fadeContent === !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");
+  }, [Y.fadeContent]), Z(() => {
+    for (const [l, d] of Object.entries(E))
+      if (d.fadeContent === !1) {
+        const b = U.current.get(l)?.sidebarRef.current?.firstElementChild;
+        b && (b.style.opacity = "1");
       }
-  }, [x]);
+  }, [E]);
   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);
+    ct((d) => ({ ...d, ...l }));
+  }, []), ce = B((l, d) => {
+    const g = l === "left" ? R : o;
+    d?.resetMeta ? g(null) : d?.meta !== void 0 && g(d.meta);
   }, []), ie = B(
-    (l, a) => {
-      a != null && a.resetMeta ? he(l, null) : (a == null ? void 0 : a.meta) !== void 0 && he(l, a.meta);
+    (l, d) => {
+      d?.resetMeta ? ge(l, null) : d?.meta !== void 0 && ge(l, d.meta);
     },
-    [he]
+    [ge]
   ), ht = B(
-    (l, a) => {
+    (l, d) => {
       if (l === "left")
-        ne(a);
+        R(d);
       else if (l === "right")
-        n(a);
+        o(d);
       else {
-        const g = a;
-        he(g.id, g.meta);
+        const g = d;
+        ge(g.id, g.meta);
       }
     },
-    [he]
+    [ge]
   ), 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));
+    const d = K.current, g = d.indexOf(l);
+    g !== -1 && d.splice(g, 1), d.push(l), j("bottom");
+  }, []), De = B((l) => {
+    const d = K.current, g = d.indexOf(l);
+    g !== -1 && d.splice(g, 1), O((b) => (Object.entries(b).some(([k, ee]) => k !== l && ee.isOpen) || j(null), b));
   }, []), mt = B(
-    (l, a) => {
-      const g = (m, A, W, K) => {
+    (l, d) => {
+      const g = (b, P, k, ee) => {
         xe({
           side: l,
-          ref: m,
-          options: A,
-          toggleRef: W,
+          ref: b,
+          options: P,
+          toggleRef: k,
           afterApply: () => {
-            K(!0), $(l);
+            ee(!0), j(l);
           }
         });
       };
       if (l === "left") {
-        if (P.disabled) return;
-        le("left", a), g(G, P, F, v);
+        if (I.disabled) return;
+        ce("left", d), g(z, I, N, m);
       } else if (l === "right") {
-        if (D.disabled) return;
-        le("right", a), g(H, D, U, O);
+        if (Y.disabled) return;
+        ce("right", d), g(H, Y, q, A);
       } else if (l === "bottom") {
-        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,
+        const b = d?.id ?? "primary", P = E[b], k = U.current.get(b);
+        if (!P || !k || P.disabled) return;
+        ie(b, d);
+        const ee = P.sidebarHeightPx ?? 0, St = P.mediaQueryWidth ?? 640, Xe = window.innerWidth < St, yt = Xe ? P.midAnchorPointPx ?? 0 : ee;
+        Xe && P.midAnchorPoint && !P.swipeToOpen && yt < ee ? Fe({
+          ref: k.sidebarRef,
+          options: P,
+          toggleRef: k.toggleRef,
           afterApply: () => {
-            te(m, !0), re(m, "midAnchor"), se(m);
+            re(b, !0), ne(b, "midAnchor"), se(b);
           }
         }) : xe({
           side: l,
-          ref: W.sidebarRef,
-          options: A,
-          toggleRef: W.toggleRef,
+          ref: k.sidebarRef,
+          options: P,
+          toggleRef: k.toggleRef,
           afterApply: () => {
-            te(m, !0), re(m, "open"), se(m);
+            re(b, !0), ne(b, "open"), se(b);
           }
         });
       } else
         ye(l);
     },
     [
-      P,
-      D,
-      x,
-      te,
+      I,
+      Y,
+      E,
       re,
+      ne,
       se,
-      le,
+      ce,
       ie
     ]
-  ), vt = B(
-    (l, a) => {
+  ), bt = B(
+    (l, d) => {
       if (l !== "bottom") return;
-      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,
+      const g = d?.id ?? "primary", b = E[g], P = U.current.get(g);
+      !b || !P || b.disabled || (ie(g, d), Fe({
+        ref: P.sidebarRef,
+        options: b,
+        toggleRef: P.toggleRef,
         afterApply: () => {
-          te(g, !0), re(g, "midAnchor"), se(g);
+          re(g, !0), ne(g, "midAnchor"), se(g);
         }
       }));
     },
     [
-      x,
-      te,
+      E,
       re,
+      ne,
       se,
       ie
     ]
-  ), bt = B(
-    (l, a) => {
+  ), pt = B(
+    (l, d) => {
       if (l !== "bottom") return;
-      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({
+      const g = d?.id ?? "primary", b = E[g], P = U.current.get(g);
+      !b || !P || b.disabled || (ie(g, d), xe({
         side: l,
-        ref: A.sidebarRef,
-        options: m,
-        toggleRef: A.toggleRef,
+        ref: P.sidebarRef,
+        options: b,
+        toggleRef: P.toggleRef,
         afterApply: () => {
-          te(g, !0), re(g, "open"), se(g);
+          re(g, !0), ne(g, "open"), se(g);
         }
       }));
     },
     [
-      x,
-      te,
+      E,
       re,
+      ne,
       se,
       ie
     ]
-  ), wt = B(
-    (l, a) => {
-      const g = (m, A, W, K) => {
+  ), vt = B(
+    (l, d) => {
+      const g = (b, P, k, ee) => {
         ke({
-          ref: m,
-          options: A,
-          toggleRef: W,
+          ref: b,
+          options: P,
+          toggleRef: k,
           side: l,
           afterApply: () => {
-            K(!1), $(null);
+            ee(!1), j(null);
           }
         });
       };
       if (l === "left") {
-        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);
+        if (I.disabled) return;
+        const b = I.resetMetaOnClose && d?.meta === void 0 && d?.resetMeta === void 0 ? { ...d, resetMeta: !0 } : d;
+        ce("left", b), g(z, I, N, m);
       } else if (l === "right") {
-        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);
+        if (Y.disabled) return;
+        const b = Y.resetMetaOnClose && d?.meta === void 0 && d?.resetMeta === void 0 ? { ...d, resetMeta: !0 } : d;
+        ce("right", b), g(H, Y, q, A);
       } else if (l === "bottom") {
-        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,
+        const b = d?.id ?? "primary", P = E[b], k = U.current.get(b);
+        if (!P || !k || P.disabled) return;
+        const ee = P.resetMetaOnClose && d?.meta === void 0 && d?.resetMeta === void 0 ? { ...d, resetMeta: !0 } : d;
+        ie(b, ee), ke({
+          ref: k.sidebarRef,
+          options: P,
+          toggleRef: k.toggleRef,
           side: l,
           afterApply: () => {
-            te(m, !1), re(m, "closed"), Le(m);
+            re(b, !1), ne(b, "closed"), De(b);
           }
         });
       } else
         ye(l);
     },
     [
-      P,
-      D,
-      x,
-      te,
+      I,
+      Y,
+      E,
       re,
-      Le,
-      le,
+      ne,
+      De,
+      ce,
       ie
     ]
-  ), St = B(
-    (l, a, g) => {
+  ), wt = B(
+    (l, d, g) => {
       if (l === "left")
-        Fe({
-          ref: G,
-          toggleRef: F,
-          options: P,
-          translateX: a
+        Ne({
+          ref: z,
+          toggleRef: N,
+          options: I,
+          translateX: d
         });
       else if (l === "right")
-        Fe({
+        Ne({
           ref: H,
-          toggleRef: U,
-          options: D,
-          translateX: a
+          toggleRef: q,
+          options: Y,
+          translateX: d
         });
       else if (l === "bottom") {
-        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
+        const b = g?.id ?? "primary", P = E[b], k = U.current.get(b);
+        if (!P || !k) return;
+        or({
+          ref: k.sidebarRef,
+          toggleRef: k.toggleRef,
+          options: P,
+          translateY: d
         });
       } else
         ye(l);
     },
-    [P, D, x]
+    [I, Y, E]
   );
-  return /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ T.jsx(
     Ke.Provider,
     {
       value: {
-        lockedSidebar: j,
-        setLockedSidebar: $,
-        leftSidebarRef: G,
+        lockedSidebar: F,
+        setLockedSidebar: j,
+        leftSidebarRef: z,
         rightSidebarRef: H,
-        isLeftOpen: k,
-        isRightOpen: y,
+        isLeftOpen: X,
+        isRightOpen: x,
         // Backwards-compat aliases for primary bottom sidebar
-        isBottomOpen: ge,
-        bottomAnchorState: pe,
+        isBottomOpen: fe,
+        bottomAnchorState: Se,
         bottomSidebarRef: it,
         bottomToggleRef: ot,
         bottomSidebarOptions: at,
         // Multi-instance bottom sidebar
-        bottomSidebars: h,
-        bottomSidebarOptionsMap: x,
+        bottomSidebars: p,
+        bottomSidebarOptionsMap: E,
         registerBottomSidebar: lt,
         unregisterBottomSidebar: ut,
         getBottomSidebarRefs: dt,
-        activeBottomDragIdRef: X,
-        bottomFocusStackRef: J,
+        activeBottomDragIdRef: $,
+        bottomFocusStackRef: K,
         // Functions
         openSidebar: mt,
-        openSidebarFully: bt,
-        openSidebarToMidAnchor: vt,
-        closeSidebar: wt,
-        dragSidebar: St,
+        openSidebarFully: pt,
+        openSidebarToMidAnchor: bt,
+        closeSidebar: vt,
+        dragSidebar: wt,
         globalOptions: st,
         setGlobalOptions: gt,
-        leftSidebarOptions: P,
-        rightSidebarOptions: D,
+        leftSidebarOptions: I,
+        rightSidebarOptions: Y,
         setLeftSidebarOptions: V,
-        setRightSidebarOptions: q,
+        setRightSidebarOptions: J,
         setBottomSidebarOptionsById: ft,
-        leftToggleRef: F,
-        rightToggleRef: U,
+        leftToggleRef: N,
+        rightToggleRef: q,
         leftMeta: oe,
-        rightMeta: ae,
+        rightMeta: G,
         setMeta: ht
       },
       children: e
     }
   );
 };
-function ee() {
+function te() {
   const e = Tt(Ke);
   if (!e)
     throw new Error("useSwipeBarContext must be used within SwipeBarProvider");
   return e;
 }
-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 = {
+const Pt = 300, Mt = 40, Ct = 20, It = 320, We = window.innerHeight, _t = !0, Lt = !0, Dt = !1, et = "rgba(0, 0, 0, 0.5)", Te = "rgb(36,36,36)", Xt = "white", Yt = 40, $t = 40, Bt = !0, Re = 640, Wt = 30, jt = 15, kt = 20, je = 0.6, Ft = 200, Nt = 100, Ht = !1, Gt = !0, Ut = !0, Zt = !1, le = "cubic-bezier(0.22, 1, 0.36, 1)", tt = {
   width: 0,
   top: 0,
   bottom: 0,
   flexShrink: 0,
   overflowX: "hidden",
   willChange: "transform"
-}, Zt = {
-  transform: "translateX(-100%)"
 }, zt = {
+  transform: "translateX(-100%)"
+}, qt = {
   transform: "translateX(100%)"
 }, Vt = {
   position: "fixed",
   left: 0,
   top: 0,
   bottom: 0
-}, qt = {
+}, Qt = {
   position: "fixed",
   right: 0,
   top: 0,
   bottom: 0
-}, Qt = {
+}, Jt = {
   height: 0,
   left: 0,
   right: 0,
   flexShrink: 0,
   overflowY: "hidden",
   willChange: "transform"
-}, Jt = {
-  transform: "translateY(100%)"
 }, Kt = {
+  transform: "translateY(100%)"
+}, er = {
   position: "fixed",
   bottom: 0,
   left: 0,
   right: 0
-}, er = {
+}, tr = {
   position: "fixed",
   top: 0,
   left: 0,
@@ -685,7 +666,7 @@ const At = 300, Pt = 40, Mt = 20, It = 320, Be = window.innerHeight, Ct = !0, _t
   transitionProperty: "opacity",
   pointerEvents: "none",
   opacity: 0
-}, tr = {
+}, rr = {
   opacity: 1,
   pointerEvents: "auto"
 }, rt = {
@@ -695,7 +676,7 @@ const At = 300, Pt = 40, Mt = 20, It = 320, Be = window.innerHeight, Ct = !0, _t
   width: "1px",
   display: "flex",
   justifyContent: "center"
-}, rr = {
+}, nr = {
   position: "fixed",
   bottom: 0,
   left: "50%",
@@ -703,7 +684,7 @@ const At = 300, Pt = 40, Mt = 20, It = 320, Be = window.innerHeight, Ct = !0, _t
   height: "1px",
   display: "flex",
   alignItems: "center"
-}, nr = {
+}, ir = {
   position: "relative",
   cursor: "pointer",
   display: "flex",
@@ -712,33 +693,30 @@ const At = 300, Pt = 40, Mt = 20, It = 320, Be = window.innerHeight, Ct = !0, _t
   justifyContent: "center"
 }, Ee = (e) => {
   throw new Error(`Unhandled sidebar side: ${e}`);
-}, be = (e) => {
-  var t;
-  return (t = e.current) == null ? void 0 : t.firstElementChild;
-}, xe = ({
+}, be = (e) => e.current?.firstElementChild, xe = ({
   ref: e,
   side: t,
   options: r,
   toggleRef: i,
   afterApply: s
 }) => {
-  const o = be(e), f = r.transitionMs ? r.transitionMs / 2 : 0;
-  o && r.fadeContent && (o.style.opacity = "0");
-  let c, d;
-  t === "left" || t === "right" ? (c = "width", d = r.sidebarWidthPx, o && d && (o.style.minWidth = `${d}px`)) : t === "bottom" ? (c = "height", d = r.sidebarHeightPx, o && d && (o.style.minHeight = `${d}px`)) : Ee(t), requestAnimationFrame(() => {
+  const n = be(e), c = r.transitionMs ? r.transitionMs / 2 : 0;
+  n && r.fadeContent && (n.style.opacity = "0");
+  let f, u;
+  t === "left" || t === "right" ? (f = "width", u = r.sidebarWidthPx, n && u && (n.style.minWidth = `${u}px`)) : t === "bottom" ? (f = "height", u = r.sidebarHeightPx, n && u && (n.style.minHeight = `${u}px`)) : Ee(t), requestAnimationFrame(() => {
     if (!e.current) return;
-    const u = `transform ${r.transitionMs}ms ${ue}`, T = r.isAbsolute ? "" : `, ${c} ${r.transitionMs}ms ${ue}`;
-    e.current.style.transition = `${u}${T}`, o && r.fadeContent && (o.style.transition = `opacity ${r.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
+    const a = `transform ${r.transitionMs}ms ${le}`, v = r.isAbsolute ? "" : `, ${f} ${r.transitionMs}ms ${le}`;
+    e.current.style.transition = `${a}${v}`, n && r.fadeContent && (n.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[c] = `${d}px`;
-        else if (e.current.style[c] !== `${d}px`) {
-          const w = e.current.style.transition;
-          e.current.style.transition = u, e.current.style[c] = `${d}px`, e.current.style.transition = w;
+          e.current.style[f] = `${u}px`;
+        else if (e.current.style[f] !== `${u}px`) {
+          const y = e.current.style.transition;
+          e.current.style.transition = a, e.current.style[f] = `${u}px`, e.current.style.transition = y;
         }
-        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), s();
+        i.current && u && (i.current.style.opacity = "1", t === "left" ? i.current.style.transform = `translateY(-50%) translateX(${u}px)` : t === "right" ? i.current.style.transform = `translateY(-50%) translateX(-${u}px)` : t === "bottom" && (i.current.style.transform = `translateX(-50%) translateY(-${u}px)`)), n && r.fadeContent && setTimeout(() => {
+          n.style.opacity = "1";
+        }, c), s();
       }
     });
   }), setTimeout(() => {
@@ -750,41 +728,41 @@ const At = 300, Pt = 40, Mt = 20, It = 320, Be = window.innerHeight, Ct = !0, _t
   toggleRef: i,
   afterApply: s
 }) => {
-  const o = be(e);
-  let f;
-  r === "left" || r === "right" ? (f = "width", o && t.sidebarWidthPx && (o.style.minWidth = `${t.sidebarWidthPx}px`)) : r === "bottom" ? (f = "height", o && t.sidebarHeightPx && (o.style.minHeight = `${t.sidebarHeightPx}px`)) : Ee(r), requestAnimationFrame(() => {
+  const n = be(e);
+  let c;
+  r === "left" || r === "right" ? (c = "width", n && t.sidebarWidthPx && (n.style.minWidth = `${t.sidebarWidthPx}px`)) : r === "bottom" ? (c = "height", n && t.sidebarHeightPx && (n.style.minHeight = `${t.sidebarHeightPx}px`)) : Ee(r), requestAnimationFrame(() => {
     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"), s());
+    const f = `transform ${t.transitionMs}ms ${le}`, u = t.isAbsolute ? "" : `, ${c} ${t.transitionMs}ms ${le}`;
+    e.current.style.transition = `${f}${u}`, n && t.fadeContent && (n.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%)")), n && t.fadeContent && (n.style.opacity = "0"), s());
     });
   });
-}, Ne = ({
+}, Fe = ({
   ref: e,
   options: t,
   toggleRef: r,
   afterApply: i
 }) => {
-  const s = be(e), o = t.transitionMs ? t.transitionMs / 2 : 0;
+  const s = be(e), n = 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}`, s && t.fadeContent && (s.style.transition = `opacity ${t.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
+    const c = `transform ${t.transitionMs}ms ${le}`, f = t.isAbsolute ? "" : `, height ${t.transitionMs}ms ${le}`;
+    e.current.style.transition = `${c}${f}`, 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)
-        e.current.style.height = `${u}px`;
-      else if (e.current.style.height !== `${u}px`) {
-        const w = e.current.style.transition;
-        e.current.style.transition = f, e.current.style.height = `${u}px`, e.current.style.transition = w;
+      const u = t.midAnchorPointPx ?? 0, a = t.sidebarHeightPx ?? 0, v = a - u;
+      if (e.current.style.transform = `translateY(${v}px)`, !t.isAbsolute)
+        e.current.style.height = `${a}px`;
+      else if (e.current.style.height !== `${a}px`) {
+        const y = e.current.style.transition;
+        e.current.style.transition = c, e.current.style.height = `${a}px`, e.current.style.transition = y;
       }
-      r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${d}px)`), s && t.fadeContent && setTimeout(() => {
+      r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${u}px)`), s && t.fadeContent && setTimeout(() => {
         s.style.opacity = "1";
-      }, o), i();
+      }, n), i();
     });
   }), setTimeout(() => {
   }, 0);
-}, Fe = ({
+}, Ne = ({
   ref: e,
   toggleRef: t,
   options: r,
@@ -794,13 +772,13 @@ const At = 300, Pt = 40, Mt = 20, It = 320, Be = window.innerHeight, Ct = !0, _t
     const s = be(e);
     if (e.current) {
       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);
+        const n = `${r.sidebarWidthPx}px`;
+        e.current.style.width !== n && (e.current.style.width = n);
       }
       e.current.style.transform = `translateX(${i}px)`, t.current && (t.current.style.opacity = "0", t.current.style.transform = `translateY(-50%) translateX(${i}px)`);
     }
   }));
-}, ir = ({
+}, or = ({
   ref: e,
   toggleRef: t,
   options: r,
@@ -810,13 +788,13 @@ const At = 300, Pt = 40, Mt = 20, It = 320, Be = window.innerHeight, Ct = !0, _t
     const s = be(e);
     if (e.current) {
       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);
+        const n = `${r.sidebarHeightPx}px`;
+        e.current.style.height !== n && (e.current.style.height = n);
       }
       e.current.style.transform = `translateY(${i}px)`, t.current && (t.current.style.opacity = "0", t.current.style.transform = `translateX(-50%) translateY(${i}px)`);
     }
   }));
-}, Se = ({ refs: e, clientX: t, clientY: r, touchId: i, isMouse: s }) => {
+}, we = ({ refs: e, clientX: t, clientY: r, touchId: i, isMouse: s }) => {
   e.draggingRef.current = {
     startX: t,
     startY: r,
@@ -840,9 +818,9 @@ const At = 300, Pt = 40, Mt = 20, It = 320, Be = window.innerHeight, Ct = !0, _t
   }, e.currentYRef.current = r, e.prevYRef.current = r;
 }, nt = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null, t(null), r();
-}, or = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
+}, ar = ({ 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;
+}, ue = (e) => e instanceof Element ? !!e.closest("input, textarea, [contenteditable='true']") : !1;
 function Ge(e) {
   let t = e instanceof HTMLElement ? e : null;
   for (; t; ) {
@@ -853,162 +831,163 @@ function Ge(e) {
   }
   return null;
 }
-const Ae = (e, t) => {
+const Oe = (e, t) => {
   for (let r = 0; r < e.length; r++) {
     const i = e[r];
     if (t == null || i.identifier === t)
       return i;
   }
   return null;
-}, Pe = (e, t) => {
+}, Ae = (e, t) => {
   for (let r = 0; r < e.length; r++)
     if (e[r].identifier === t)
       return !0;
   return !1;
-}, Me = (e, t, r) => {
+}, Pe = (e, t, r) => {
   const {
     globalOptions: i,
     setLeftSidebarOptions: s,
-    setRightSidebarOptions: o,
-    setBottomSidebarOptionsById: f
-  } = ee(), {
-    sidebarWidthPx: c,
-    sidebarHeightPx: d,
-    transitionMs: u,
-    edgeActivationWidthPx: T,
-    dragActivationDeltaPx: w,
-    showOverlay: b,
+    setRightSidebarOptions: n,
+    setBottomSidebarOptionsById: c
+  } = te(), {
+    sidebarWidthPx: f,
+    sidebarHeightPx: u,
+    transitionMs: a,
+    edgeActivationWidthPx: v,
+    dragActivationDeltaPx: y,
+    showOverlay: h,
     isAbsolute: S,
-    overlayBackgroundColor: I,
-    toggleIconColor: p,
-    toggleIconSizePx: M,
-    toggleIconEdgeDistancePx: _,
-    showToggle: C,
-    mediaQueryWidth: Y,
-    swipeBarZIndex: j,
-    toggleZIndex: $,
-    overlayZIndex: k,
-    fadeContent: v,
-    fadeContentTransitionMs: y,
-    swipeToOpen: O,
-    swipeToClose: P,
+    overlayBackgroundColor: M,
+    toggleIconColor: w,
+    toggleIconSizePx: C,
+    toggleIconEdgeDistancePx: D,
+    showToggle: _,
+    mediaQueryWidth: W,
+    swipeBarZIndex: F,
+    toggleZIndex: j,
+    overlayZIndex: X,
+    fadeContent: m,
+    fadeContentTransitionMs: x,
+    swipeToOpen: A,
+    swipeToClose: I,
     midAnchorPoint: V,
-    midAnchorPointPx: D,
-    disabled: q,
-    closeSidebarOnOverlayClick: G,
+    midAnchorPointPx: Y,
+    disabled: J,
+    closeSidebarOnOverlayClick: z,
     resetMetaOnClose: H
-  } = t, F = Je(() => {
-    const U = d ?? i.sidebarHeightPx;
+  } = t, N = Je(() => {
+    const q = u ?? i.sidebarHeightPx;
     return {
-      sidebarWidthPx: c ?? i.sidebarWidthPx,
-      sidebarHeightPx: U,
-      transitionMs: u ?? i.transitionMs,
-      edgeActivationWidthPx: T ?? i.edgeActivationWidthPx,
-      dragActivationDeltaPx: w ?? i.dragActivationDeltaPx,
-      showOverlay: b ?? i.showOverlay,
+      sidebarWidthPx: f ?? i.sidebarWidthPx,
+      sidebarHeightPx: q,
+      transitionMs: a ?? i.transitionMs,
+      edgeActivationWidthPx: v ?? i.edgeActivationWidthPx,
+      dragActivationDeltaPx: y ?? i.dragActivationDeltaPx,
+      showOverlay: h ?? i.showOverlay,
       isAbsolute: S ?? i.isAbsolute,
-      overlayBackgroundColor: I ?? i.overlayBackgroundColor,
-      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,
+      overlayBackgroundColor: M ?? i.overlayBackgroundColor,
+      toggleIconColor: w ?? i.toggleIconColor,
+      toggleIconSizePx: C ?? i.toggleIconSizePx,
+      toggleIconEdgeDistancePx: D ?? i.toggleIconEdgeDistancePx,
+      showToggle: _ ?? i.showToggle,
+      mediaQueryWidth: W ?? i.mediaQueryWidth,
+      swipeBarZIndex: F ?? i.swipeBarZIndex,
+      toggleZIndex: j ?? i.toggleZIndex,
+      overlayZIndex: X ?? i.overlayZIndex,
+      fadeContent: m ?? i.fadeContent,
+      fadeContentTransitionMs: x ?? i.fadeContentTransitionMs,
+      swipeToOpen: A ?? i.swipeToOpen,
+      swipeToClose: I ?? i.swipeToClose,
       midAnchorPoint: V ?? i.midAnchorPoint,
-      midAnchorPointPx: D ?? i.midAnchorPointPx ?? Math.floor(U / 3),
-      disabled: q ?? i.disabled,
-      closeSidebarOnOverlayClick: G ?? i.closeSidebarOnOverlayClick,
+      midAnchorPointPx: Y ?? i.midAnchorPointPx ?? Math.floor(q / 3),
+      disabled: J ?? i.disabled,
+      closeSidebarOnOverlayClick: z ?? i.closeSidebarOnOverlayClick,
       resetMetaOnClose: H ?? i.resetMetaOnClose
     };
   }, [
-    c,
-    d,
+    f,
     u,
-    T,
-    w,
-    b,
+    a,
+    v,
+    y,
+    h,
     S,
-    I,
-    p,
     M,
-    _,
+    w,
     C,
+    D,
+    _,
     i,
-    Y,
+    W,
+    F,
     j,
-    $,
-    k,
-    v,
-    y,
-    O,
-    P,
+    X,
+    m,
+    x,
+    A,
+    I,
     V,
-    D,
-    q,
-    G,
+    Y,
+    J,
+    z,
     H
   ]);
-  return z(() => {
-    e === "left" ? s(F) : e === "right" ? o(F) : e === "bottom" ? f(r ?? "primary", F) : Ee(e);
+  return Z(() => {
+    e === "left" ? s(N) : e === "right" ? n(N) : e === "bottom" ? c(r ?? "primary", N) : Ee(e);
   }, [
     e,
     r,
-    F,
+    N,
     s,
-    o,
-    f
-  ]), F;
+    n,
+    c
+  ]), N;
 };
-function Ie({
+function Me({
   isCollapsed: e,
   setCollapsed: t,
   closeSidebarOnClick: r = !0,
   transitionMs: i,
   overlayBackgroundColor: s,
-  overlayZIndex: o
+  overlayZIndex: n
 }) {
-  return /* @__PURE__ */ E.jsx(
+  return /* @__PURE__ */ T.jsx(
     "div",
     {
+      "aria-hidden": "true",
       style: {
         transitionDuration: `${i}ms`,
-        ...er,
-        ...e ? {} : tr,
+        ...tr,
+        ...e ? {} : rr,
         ...s ? { backgroundColor: s } : {},
-        zIndex: o
+        zIndex: n
       },
-      onMouseDown: (f) => {
-        r && (f.stopPropagation(), t());
+      onMouseDown: (c) => {
+        r && (c.stopPropagation(), t());
       }
     }
   );
 }
 function Ce({ size: e, color: t }) {
   const r = L(null);
-  return z(() => {
+  return Z(() => {
     const i = () => {
       r.current && (r.current.style.opacity = "1");
     }, s = () => {
       r.current && (r.current.style.opacity = `${je}`);
     };
     r.current && (r.current.addEventListener("mouseenter", i), r.current.addEventListener("mouseleave", s));
-  }, []), /* @__PURE__ */ E.jsx(
+  }, []), /* @__PURE__ */ T.jsx(
     "div",
     {
       style: {
-        ...nr
+        ...ir
       },
-      children: /* @__PURE__ */ E.jsxs(
+      children: /* @__PURE__ */ T.jsxs(
         "svg",
         {
           style: {
-            transition: `opacity ${kt}ms ease`,
+            transition: `opacity ${Ft}ms ease`,
             opacity: `${je}`
           },
           ref: r,
@@ -1018,8 +997,8 @@ function Ce({ size: e, color: t }) {
           xmlns: "http://www.w3.org/2000/svg",
           width: e,
           children: [
-            /* @__PURE__ */ E.jsx("g", { strokeWidth: "0" }),
-            /* @__PURE__ */ E.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ E.jsx("g", { children: /* @__PURE__ */ E.jsx(
+            /* @__PURE__ */ T.jsx("g", { strokeWidth: "0" }),
+            /* @__PURE__ */ T.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ T.jsx("g", { children: /* @__PURE__ */ T.jsx(
               "path",
               {
                 clipRule: "evenodd",
@@ -1034,50 +1013,98 @@ function Ce({ size: e, color: t }) {
     }
   );
 }
-function ar({
+function sr({
   id: e,
   toggleRef: t,
   options: r,
   showToggle: i = !0,
   ToggleComponent: s
 }) {
-  var u;
-  const { openSidebar: o, closeSidebar: f, bottomSidebars: c } = ee(), d = ((u = c[e]) == null ? void 0 : u.isOpen) ?? !1;
-  return i ? /* @__PURE__ */ E.jsx(
+  const { openSidebar: n, closeSidebar: c, bottomSidebars: f } = te(), u = f[e]?.isOpen ?? !1;
+  return i ? /* @__PURE__ */ T.jsx(
     "div",
     {
       ref: t,
       style: {
-        ...rr,
+        ...nr,
         transition: `transform ${r.transitionMs}ms ease, opacity ${r.transitionMs}ms ease`,
         zIndex: r.toggleZIndex
       },
-      children: (!d || d && !r.showOverlay) && /* @__PURE__ */ E.jsx(
+      children: (!u || u && !r.showOverlay) && /* @__PURE__ */ T.jsx(
         "button",
         {
           type: "button",
+          "aria-expanded": u,
+          "aria-controls": `swipebar-bottom-${e}`,
+          "aria-label": u ? "Close bottom sidebar" : "Open bottom sidebar",
           onClick: () => {
-            r.disabled || (d ? f("bottom", { id: e }) : o("bottom", { id: e }));
+            r.disabled || (u ? c("bottom", { id: e }) : n("bottom", { id: e }));
           },
           disabled: r.disabled,
           style: {
             marginBottom: `${r.toggleIconEdgeDistancePx}px`,
             // Rotate icon: -90deg points up when closed, 90deg points down when open
-            transform: d ? "rotate(90deg)" : "rotate(-90deg)"
+            transform: u ? "rotate(90deg)" : "rotate(-90deg)"
           },
-          children: s ?? /* @__PURE__ */ E.jsx(Ce, { size: r.toggleIconSizePx, color: r.toggleIconColor })
+          children: s ?? /* @__PURE__ */ T.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, s] = Q(r);
-  return z(() => {
+const cr = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function lr(e) {
+  return Array.from(e.querySelectorAll(cr)).filter(
+    (t) => !t.closest("[inert]")
+  );
+}
+function Ie({
+  sidebarRef: e,
+  triggerRef: t,
+  isOpen: r,
+  onClose: i,
+  transitionMs: s
+}) {
+  const n = L(null);
+  Z(() => {
+    if (r) {
+      n.current = document.activeElement;
+      const f = setTimeout(() => {
+        e.current && (e.current.setAttribute("tabindex", "-1"), e.current.focus());
+      }, s);
+      return () => clearTimeout(f);
+    }
+    const c = n.current;
+    if (c) {
+      const f = t.current?.querySelector("button") ?? c;
+      requestAnimationFrame(() => {
+        f.focus();
+      }), n.current = null;
+    }
+  }, [r, e, t, s]), Z(() => {
+    if (!r) return;
+    function c(f) {
+      if (f.key === "Escape") {
+        if (!e.current) return;
+        e.current.contains(document.activeElement) && (f.preventDefault(), i());
+        return;
+      }
+      if (f.key !== "Tab" || !e.current) return;
+      const u = lr(e.current);
+      if (u.length === 0) return;
+      const a = u[0], v = u[u.length - 1];
+      f.shiftKey ? document.activeElement === a && (f.preventDefault(), v.focus()) : document.activeElement === v && (f.preventDefault(), a.focus());
+    }
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+  }, [r, e, i]);
+}
+function de(e = Re) {
+  const t = `(max-width: ${Math.min(e, Re)}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 = () => s(o.matches);
-    return f(), o.addEventListener("change", f), () => o.removeEventListener("change", f);
+    const n = window.matchMedia(t), c = () => s(n.matches);
+    return c(), n.addEventListener("change", c), () => n.removeEventListener("change", c);
   }, [t]), i;
 }
 const Ue = ({
@@ -1086,20 +1113,20 @@ const Ue = ({
   currentY: r,
   preventDefault: i,
   lockPane: s,
-  options: o,
-  scrollableAncestor: f,
-  initialScrollTop: c
+  options: n,
+  scrollableAncestor: c,
+  initialScrollTop: f
 }) => {
   if (!e.draggingRef.current) return;
-  const d = r - e.draggingRef.current.startY;
-  if (!e.draggingRef.current.isActivated && Math.abs(d) >= o.dragActivationDeltaPx) {
-    if (f && t.getIsOpen()) {
-      if (f.scrollTop !== c) {
+  const u = r - e.draggingRef.current.startY;
+  if (!e.draggingRef.current.isActivated && Math.abs(u) >= n.dragActivationDeltaPx) {
+    if (c && t.getIsOpen()) {
+      if (c.scrollTop !== f) {
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
-      const { scrollTop: p, scrollHeight: M, clientHeight: _ } = f, C = p > 1, Y = p + _ < M - 1;
-      if (d > 0 && C || d < 0 && Y) {
+      const { scrollTop: w, scrollHeight: C, clientHeight: D } = c, _ = w > 1, W = w + D < C - 1;
+      if (u > 0 && _ || u < 0 && W) {
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
@@ -1108,59 +1135,59 @@ const Ue = ({
   }
   if (!e.draggingRef.current.isActivated) return;
   e.prevYRef.current = e.currentYRef.current, e.currentYRef.current = r;
-  const u = t.getIsOpen(), T = window.innerHeight;
-  let w = !1;
-  if ((u || e.draggingRef.current.startY >= T - o.edgeActivationWidthPx) && (w = !0), !w) {
+  const a = t.getIsOpen(), v = window.innerHeight;
+  let y = !1;
+  if ((a || e.draggingRef.current.startY >= v - n.edgeActivationWidthPx) && (y = !0), !y) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   i();
-  const b = o.sidebarHeightPx, S = o.midAnchorPointPx, I = o.midAnchorPoint && !o.swipeToOpen && S < b;
-  if (u)
-    if (I) {
-      const p = t.getBottomAnchorState();
-      if (p === "open") {
-        const M = Math.max(
+  const h = n.sidebarHeightPx, S = n.midAnchorPointPx, M = n.midAnchorPoint && !n.swipeToOpen && S < h;
+  if (a)
+    if (M) {
+      const w = t.getBottomAnchorState();
+      if (w === "open") {
+        const C = Math.max(
           0,
-          Math.min(b, d - o.dragActivationDeltaPx)
+          Math.min(h, u - n.dragActivationDeltaPx)
         );
-        t.dragSidebar(M);
-      } else if (p === "midAnchor") {
-        const M = b - S, _ = Math.max(
+        t.dragSidebar(C);
+      } else if (w === "midAnchor") {
+        const C = h - S, D = Math.max(
           0,
           Math.min(
-            b,
-            M + d - o.dragActivationDeltaPx
+            h,
+            C + u - n.dragActivationDeltaPx
           )
         );
-        t.dragSidebar(_);
+        t.dragSidebar(D);
       }
     } else {
-      const p = Math.max(
+      const w = Math.max(
         0,
-        Math.min(b, d - o.dragActivationDeltaPx)
+        Math.min(h, u - n.dragActivationDeltaPx)
       );
-      t.dragSidebar(p);
+      t.dragSidebar(w);
     }
-  else if (e.draggingRef.current.startY >= T - o.edgeActivationWidthPx)
-    if (I) {
-      const p = b - S, M = Math.max(
-        p,
+  else if (e.draggingRef.current.startY >= v - n.edgeActivationWidthPx)
+    if (M) {
+      const w = h - S, C = Math.max(
+        w,
         Math.min(
-          b,
-          b + d + o.dragActivationDeltaPx
+          h,
+          h + u + n.dragActivationDeltaPx
         )
       );
-      t.dragSidebar(M);
+      t.dragSidebar(C);
     } else {
-      const p = Math.max(
+      const w = Math.max(
         0,
         Math.min(
-          b,
-          b + d + o.dragActivationDeltaPx
+          h,
+          h + u + n.dragActivationDeltaPx
         )
       );
-      t.dragSidebar(p);
+      t.dragSidebar(w);
     }
 }, Ze = ({
   refs: e,
@@ -1173,225 +1200,234 @@ const Ue = ({
     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, f = e.draggingRef.current.startY, c = t.getIsOpen(), d = window.innerHeight;
+  const s = e.currentYRef.current ?? e.draggingRef.current.startY, n = e.prevYRef.current ?? e.draggingRef.current.startY, c = e.draggingRef.current.startY, f = t.getIsOpen(), u = window.innerHeight;
   e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null, i();
-  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 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(
+  const a = s < n, v = s >= n, y = c >= u - r.edgeActivationWidthPx, h = r.midAnchorPointPx, S = r.sidebarHeightPx, M = r.midAnchorPoint && !r.swipeToOpen && h < S;
+  if (f)
+    if (M) {
+      const w = t.getBottomAnchorState(), C = S - h;
+      if (w === "open") {
+        const D = Math.max(0, s - c);
+        v ? D > C ? t.closeSidebar() : t.openToMidAnchor() : D < C ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
+      } else if (w === "midAnchor") {
+        const D = S - h, _ = Math.max(
           0,
-          Math.min(S, _ + (s - f))
+          Math.min(S, D + (s - c))
         );
-        u ? C < M ? t.openSidebarFully() : t.openToMidAnchor() : t.closeSidebar(), t.dragSidebar(null);
+        a ? _ < C ? 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));
+      v ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null);
+  else y && a ? (M ? t.openToMidAnchor() : t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function sr(e, t) {
-  var k, v;
-  const r = fe(e.mediaQueryWidth), {
+function ur(e, t) {
+  const r = de(e.mediaQueryWidth), {
     lockedSidebar: i,
     setLockedSidebar: s,
-    bottomSidebars: o,
-    openSidebar: f,
-    openSidebarFully: c,
-    closeSidebar: d,
-    dragSidebar: u,
-    openSidebarToMidAnchor: T,
-    activeBottomDragIdRef: w,
-    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(() => {
+    bottomSidebars: n,
+    openSidebar: c,
+    openSidebarFully: f,
+    closeSidebar: u,
+    dragSidebar: a,
+    openSidebarToMidAnchor: v,
+    activeBottomDragIdRef: y,
+    bottomFocusStackRef: h
+  } = te(), S = n[t]?.isOpen ?? !1, M = n[t]?.anchorState ?? "closed", w = L(null), C = L(null), D = L(null), _ = L(null), W = L(0), F = L(null), j = L(M);
+  Z(() => {
+    j.current = M;
+  }, [M]), Z(() => {
     if (!r || i && i !== "bottom" || e.disabled) return;
-    const y = {
+    const X = {
       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: () => $.current,
-      openToMidAnchor: () => T("bottom", { id: t })
-    }, 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;
-    }, D = () => {
-      if (P()) {
-        p.current = null;
+      openSidebar: () => c("bottom", { id: t }),
+      openSidebarFully: () => f("bottom", { id: t }),
+      closeSidebar: () => u("bottom", { id: t }),
+      dragSidebar: (R) => a("bottom", R, { id: t }),
+      getBottomAnchorState: () => j.current,
+      openToMidAnchor: () => v("bottom", { id: t })
+    }, m = {
+      draggingRef: w,
+      currentYRef: C,
+      prevYRef: D
+    }, x = () => y.current !== null && y.current !== t, A = () => {
+      const R = h.current;
+      return R.length === 0 ? !0 : R[R.length - 1] === t;
+    }, I = () => {
+      if (x()) {
+        w.current = null;
         return;
       }
-      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 = C.current;
-      n && j.current !== null && (n.style.overflowY = j.current, j.current = null);
+      y.current = t, s("bottom");
+      const R = _.current;
+      R && (F.current = R.style.overflowY, R.style.overflowY = "hidden");
+    }, V = () => {
+      y.current === t && (y.current = null);
+      const R = _.current;
+      R && F.current !== null && (R.style.overflowY = F.current, F.current = null);
     };
-    function G(n) {
-      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,
+    function Y(R) {
+      if (i && i !== "bottom" || x() || !A() || ue(R.target) || R.changedTouches.length === 0) return;
+      const G = R.changedTouches[0], o = window.innerHeight, p = X.getIsOpen(), O = G.clientY >= o - e.edgeActivationWidthPx;
+      p && !e.swipeToClose || !p && !e.swipeToOpen || (p || O) && (_.current = Ge(R.target), W.current = _.current?.scrollTop ?? 0, He({
+        refs: m,
+        clientX: G.clientX,
+        clientY: G.clientY,
+        touchId: G.identifier,
         isMouse: !1
       }));
     }
-    function H(n) {
+    function J(R) {
       if (i && i !== "bottom") return;
-      if (P()) {
-        p.current = null;
+      if (x()) {
+        w.current = null;
         return;
       }
-      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: D,
+      if (!w.current || w.current.isMouse) return;
+      const G = w.current.activeTouchId, o = Oe(R.changedTouches, G);
+      o && Ue({
+        refs: m,
+        callbacks: X,
+        currentY: o.clientY,
+        preventDefault: () => R.preventDefault(),
+        lockPane: I,
         options: e,
-        scrollableAncestor: C.current,
-        initialScrollTop: Y.current
+        scrollableAncestor: _.current,
+        initialScrollTop: W.current
       });
     }
-    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,
+    function z(R) {
+      if (i && i !== "bottom" || !w.current || w.current.isMouse) return;
+      const G = w.current.activeTouchId;
+      Ae(R.changedTouches, G) && Ze({
+        refs: m,
+        callbacks: X,
         options: e,
-        onDragEnd: q
+        onDragEnd: V
       });
     }
-    function U() {
-      i && i !== "bottom" || !p.current || p.current.isMouse || (q(), or({
-        refs: O,
-        dragSidebar: y.dragSidebar,
+    function H() {
+      i && i !== "bottom" || !w.current || w.current.isMouse || (V(), ar({
+        refs: m,
+        dragSidebar: X.dragSidebar,
         onDeactivate: () => {
         }
       }));
     }
-    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,
+    function N(R) {
+      if (i && i !== "bottom" || x() || !A() || ue(R.target) || R.button !== 0) return;
+      const G = window.innerHeight, o = X.getIsOpen(), p = R.clientY >= G - e.edgeActivationWidthPx;
+      o && !e.swipeToClose || !o && !e.swipeToOpen || (o || p) && (_.current = Ge(R.target), W.current = _.current?.scrollTop ?? 0, He({
+        refs: m,
+        clientX: R.clientX,
+        clientY: R.clientY,
         touchId: null,
         isMouse: !0
       }));
     }
-    function ne(n) {
+    function q(R) {
       if (!(i && i !== "bottom")) {
-        if (P()) {
-          p.current = null;
+        if (x()) {
+          w.current = null;
           return;
         }
-        !p.current || !p.current.isMouse || Ue({
-          refs: O,
-          callbacks: y,
-          currentY: n.clientY,
-          preventDefault: () => n.preventDefault(),
-          lockPane: D,
+        !w.current || !w.current.isMouse || Ue({
+          refs: m,
+          callbacks: X,
+          currentY: R.clientY,
+          preventDefault: () => R.preventDefault(),
+          lockPane: I,
           options: e,
-          scrollableAncestor: C.current,
-          initialScrollTop: Y.current
+          scrollableAncestor: _.current,
+          initialScrollTop: W.current
         });
       }
     }
-    function ae() {
-      i && i !== "bottom" || !p.current || !p.current.isMouse || Ze({
-        refs: O,
-        callbacks: y,
+    function oe() {
+      i && i !== "bottom" || !w.current || !w.current.isMouse || Ze({
+        refs: m,
+        callbacks: X,
         options: e,
-        onDragEnd: q
+        onDragEnd: V
       });
     }
-    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);
+    return window.addEventListener("touchstart", Y, { passive: !0 }), window.addEventListener("touchmove", J, { passive: !1 }), window.addEventListener("touchend", z, { passive: !0 }), window.addEventListener("touchcancel", H, { passive: !0 }), window.addEventListener("mousedown", N, { passive: !0 }), window.addEventListener("mousemove", q, { passive: !1 }), window.addEventListener("mouseup", oe, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", Y), window.removeEventListener("touchmove", J), window.removeEventListener("touchend", z), window.removeEventListener("touchcancel", H), window.removeEventListener("mousedown", N), window.removeEventListener("mousemove", q), window.removeEventListener("mouseup", oe);
     };
   }, [
     t,
     r,
     S,
-    f,
     c,
-    d,
+    f,
     u,
+    a,
     i,
     s,
     e,
-    T,
-    w,
-    b
+    v,
+    y,
+    h
   ]);
 }
-function mr({
+function vr({
   id: e = "primary",
   className: t,
   children: r,
   ToggleComponent: i,
-  ...s
+  ariaLabel: s,
+  ...n
 }) {
-  var I;
-  if ((r == null ? void 0 : r.type) === E.Fragment)
+  if (r?.type === T.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarBottom");
-  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,
+  const { bottomSidebars: c, closeSidebar: f, registerBottomSidebar: u, unregisterBottomSidebar: a } = te(), v = L(null), y = L(null);
+  Z(() => (u(e, { sidebarRef: v, toggleRef: y }), () => a(e)), [e, u, a]);
+  const h = Pe("bottom", n, e), S = de(h.mediaQueryWidth);
+  ur(h, e);
+  const M = c[e]?.isOpen ?? !1, w = B(() => f("bottom", { id: e }), [f, e]);
+  return Ie({
+    sidebarRef: v,
+    triggerRef: y,
+    isOpen: M,
+    onClose: w,
+    transitionMs: h.transitionMs
+  }), /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+    h.showOverlay && /* @__PURE__ */ T.jsx(
+      Me,
       {
-        isCollapsed: !S,
+        isCollapsed: !M,
         setCollapsed: () => f("bottom", { id: e }),
-        closeSidebarOnClick: w.closeSidebarOnOverlayClick,
-        transitionMs: w.transitionMs,
-        overlayBackgroundColor: w.overlayBackgroundColor,
-        overlayZIndex: w.overlayZIndex
+        closeSidebarOnClick: h.closeSidebarOnOverlayClick,
+        transitionMs: h.transitionMs,
+        overlayBackgroundColor: h.overlayBackgroundColor,
+        overlayZIndex: h.overlayZIndex
       }
     ),
-    /* @__PURE__ */ E.jsx(
-      ar,
+    /* @__PURE__ */ T.jsx(
+      sr,
       {
         id: e,
-        toggleRef: T,
-        options: w,
-        showToggle: w.showToggle,
+        toggleRef: y,
+        options: h,
+        showToggle: h.showToggle,
         ToggleComponent: i
       }
     ),
-    /* @__PURE__ */ E.jsx(
+    /* @__PURE__ */ T.jsx(
       "div",
       {
-        ref: u,
+        ref: v,
+        id: `swipebar-bottom-${e}`,
+        role: "dialog",
+        "aria-modal": M,
+        "aria-hidden": !M,
+        "aria-label": s ?? "Bottom sidebar",
+        inert: !M,
         style: {
-          ...Qt,
           ...Jt,
-          ...w.isAbsolute || b ? Kt : {},
-          ...t ? {} : { backgroundColor: Oe },
-          zIndex: w.swipeBarZIndex
+          ...Kt,
+          ...h.isAbsolute || S ? er : {},
+          ...t ? {} : { backgroundColor: Te },
+          zIndex: h.swipeBarZIndex
         },
         className: t,
         children: r
@@ -1399,9 +1435,9 @@ function mr({
     )
   ] });
 }
-function cr({ options: e, showToggle: t = !0, ToggleComponent: r }) {
-  const { openSidebar: i, leftToggleRef: s, isLeftOpen: o, closeSidebar: f } = ee();
-  return t ? /* @__PURE__ */ E.jsx(
+function dr({ options: e, showToggle: t = !0, ToggleComponent: r }) {
+  const { openSidebar: i, leftToggleRef: s, isLeftOpen: n, closeSidebar: c } = te();
+  return t ? /* @__PURE__ */ T.jsx(
     "div",
     {
       ref: s,
@@ -1411,19 +1447,22 @@ function cr({ options: e, showToggle: t = !0, ToggleComponent: r }) {
         left: 0,
         zIndex: e.toggleZIndex
       },
-      children: (!o || o && !e.showOverlay) && /* @__PURE__ */ E.jsx(
+      children: (!n || n && !e.showOverlay) && /* @__PURE__ */ T.jsx(
         "button",
         {
           type: "button",
+          "aria-expanded": n,
+          "aria-controls": "swipebar-left",
+          "aria-label": n ? "Close left sidebar" : "Open left sidebar",
           onClick: () => {
-            e.disabled || (o ? f("left") : i("left"));
+            e.disabled || (n ? c("left") : i("left"));
           },
           disabled: e.disabled,
           style: {
             marginLeft: `${e.toggleIconEdgeDistancePx}px`,
-            ...o ? { transform: "rotate(180deg)" } : {}
+            ...n ? { transform: "rotate(180deg)" } : {}
           },
-          children: r ?? /* @__PURE__ */ E.jsx(Ce, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+          children: r ?? /* @__PURE__ */ T.jsx(Ce, { size: e.toggleIconSizePx, color: e.toggleIconColor })
         }
       )
     }
@@ -1435,190 +1474,205 @@ const ze = ({
   currentX: r,
   preventDefault: i,
   lockPane: s,
-  options: o
+  options: n
 }) => {
   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, s()), !e.draggingRef.current.isActivated) return;
+  const c = r - e.draggingRef.current.startX;
+  if (!e.draggingRef.current.isActivated && Math.abs(c) >= n.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;
-  if ((c || e.draggingRef.current.startX <= o.edgeActivationWidthPx) && (d = !0), !d) {
+  const f = t.getIsOpen();
+  let u = !1;
+  if ((f || e.draggingRef.current.startX <= n.edgeActivationWidthPx) && (u = !0), !u) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   i();
-  const u = o.sidebarWidthPx;
-  if (c) {
-    const T = Math.min(
+  const a = n.sidebarWidthPx;
+  if (f) {
+    const v = Math.min(
       0,
-      Math.max(-u, f + o.dragActivationDeltaPx)
+      Math.max(-a, c + n.dragActivationDeltaPx)
     );
-    t.dragSidebar(T);
-  } else if (e.draggingRef.current.startX <= o.edgeActivationWidthPx) {
-    const T = Math.min(
+    t.dragSidebar(v);
+  } else if (e.draggingRef.current.startX <= n.edgeActivationWidthPx) {
+    const v = Math.min(
       0,
       Math.max(
-        -u,
-        -u + f - o.dragActivationDeltaPx
+        -a,
+        -a + c - n.dragActivationDeltaPx
       )
     );
-    t.dragSidebar(T);
+    t.dragSidebar(v);
   }
-}, Ve = ({ 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, s = 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, n = e.draggingRef.current.startX, c = t.getIsOpen();
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
-  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));
+  const f = i >= s, u = i < s, a = n <= r.edgeActivationWidthPx;
+  c ? (u ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : a && f ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function lr(e) {
-  const t = fe(e.mediaQueryWidth), {
+function fr(e) {
+  const t = de(e.mediaQueryWidth), {
     lockedSidebar: r,
     setLockedSidebar: i,
     isLeftOpen: s,
-    openSidebar: o,
-    closeSidebar: f,
-    dragSidebar: c,
-    leftSidebarRef: d
-  } = ee(), u = L(null), T = L(null), w = L(null);
-  z(() => {
+    openSidebar: n,
+    closeSidebar: c,
+    dragSidebar: f,
+    leftSidebarRef: u
+  } = te(), a = L(null), v = L(null), y = L(null);
+  Z(() => {
     if (!t || r && r !== "left" || e.disabled) return;
-    const b = {
+    const h = {
       getIsOpen: () => s,
-      openSidebar: () => o("left"),
-      closeSidebar: () => f("left"),
-      dragSidebar: (v) => c("left", v)
+      openSidebar: () => n("left"),
+      closeSidebar: () => c("left"),
+      dragSidebar: (m) => f("left", m)
     }, S = {
-      draggingRef: u,
-      currentXRef: T,
-      prevXRef: w
-    }, 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({
+      draggingRef: a,
+      currentXRef: v,
+      prevXRef: y
+    }, M = () => i("left"), w = () => i(null);
+    function C(m) {
+      if (r && r !== "left" || ue(m.target) || m.changedTouches.length === 0) return;
+      const x = m.changedTouches[0], A = h.getIsOpen(), I = x.clientX <= e.edgeActivationWidthPx;
+      A && !e.swipeToClose || !A && !e.swipeToOpen || (A || I) && we({
         refs: S,
-        clientX: y.clientX,
-        clientY: y.clientY,
-        touchId: y.identifier,
+        clientX: x.clientX,
+        clientY: x.clientY,
+        touchId: x.identifier,
         isMouse: !1
       });
     }
-    function _(v) {
-      if (r && r !== "left" || !u.current || u.current.isMouse) return;
-      const y = u.current.activeTouchId, O = Ae(v.changedTouches, y);
-      O && ze({
+    function D(m) {
+      if (r && r !== "left" || !a.current || a.current.isMouse) return;
+      const x = a.current.activeTouchId, A = Oe(m.changedTouches, x);
+      A && ze({
         refs: S,
-        callbacks: b,
-        currentX: O.clientX,
-        preventDefault: () => v.preventDefault(),
-        lockPane: I,
+        callbacks: h,
+        currentX: A.clientX,
+        preventDefault: () => m.preventDefault(),
+        lockPane: M,
         options: e
       });
     }
-    function C(v) {
-      if (r && r !== "left" || !u.current || u.current.isMouse) return;
-      const y = u.current.activeTouchId;
-      Pe(v.changedTouches, y) && Ve({
+    function _(m) {
+      if (r && r !== "left" || !a.current || a.current.isMouse) return;
+      const x = a.current.activeTouchId;
+      Ae(m.changedTouches, x) && qe({
         refs: S,
-        callbacks: b,
+        callbacks: h,
         options: e
       });
     }
-    function Y() {
-      r && r !== "left" || !u.current || u.current.isMouse || nt({
+    function W() {
+      r && r !== "left" || !a.current || a.current.isMouse || nt({
         refs: S,
-        dragSidebar: b.dragSidebar,
-        onDeactivate: p
+        dragSidebar: h.dragSidebar,
+        onDeactivate: w
       });
     }
-    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({
+    function F(m) {
+      if (r && r !== "left" || ue(m.target) || m.button !== 0) return;
+      const x = h.getIsOpen(), A = m.clientX <= e.edgeActivationWidthPx;
+      x && !e.swipeToClose || !x && !e.swipeToOpen || (x || A) && we({
         refs: S,
-        clientX: v.clientX,
-        clientY: v.clientY,
+        clientX: m.clientX,
+        clientY: m.clientY,
         touchId: null,
         isMouse: !0
       });
     }
-    function $(v) {
-      r && r !== "left" || !u.current || !u.current.isMouse || ze({
+    function j(m) {
+      r && r !== "left" || !a.current || !a.current.isMouse || ze({
         refs: S,
-        callbacks: b,
-        currentX: v.clientX,
-        preventDefault: () => v.preventDefault(),
-        lockPane: I,
+        callbacks: h,
+        currentX: m.clientX,
+        preventDefault: () => m.preventDefault(),
+        lockPane: M,
         options: e
       });
     }
-    function k() {
-      r && r !== "left" || !u.current || !u.current.isMouse || Ve({
+    function X() {
+      r && r !== "left" || !a.current || !a.current.isMouse || qe({
         refs: S,
-        callbacks: b,
+        callbacks: h,
         options: e
       });
     }
-    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);
+    return window.addEventListener("touchstart", C, { passive: !0 }), window.addEventListener("touchmove", D, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", F, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", X, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", C), window.removeEventListener("touchmove", D), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", F), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", X);
     };
   }, [
     t,
     s,
-    o,
-    f,
+    n,
     c,
+    f,
     r,
     i,
-    d,
+    u,
     e
   ]);
 }
-function vr({
+function wr({
   className: e,
   children: t,
   ToggleComponent: r,
-  ...i
+  ariaLabel: i,
+  ...s
 }) {
-  if ((t == null ? void 0 : t.type) === E.Fragment)
+  if (t?.type === T.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarLeft");
-  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,
+  const { isLeftOpen: n, closeSidebar: c, leftSidebarRef: f, leftToggleRef: u } = te(), a = Pe("left", s), v = de(a.mediaQueryWidth);
+  fr(a);
+  const y = B(() => c("left"), [c]);
+  return Ie({
+    sidebarRef: f,
+    triggerRef: u,
+    isOpen: n,
+    onClose: y,
+    transitionMs: a.transitionMs
+  }), /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+    a.showOverlay && /* @__PURE__ */ T.jsx(
+      Me,
       {
-        isCollapsed: !s,
-        setCollapsed: () => o("left"),
-        closeSidebarOnClick: c.closeSidebarOnOverlayClick,
-        transitionMs: c.transitionMs,
-        overlayBackgroundColor: c.overlayBackgroundColor,
-        overlayZIndex: c.overlayZIndex
+        isCollapsed: !n,
+        setCollapsed: () => c("left"),
+        closeSidebarOnClick: a.closeSidebarOnOverlayClick,
+        transitionMs: a.transitionMs,
+        overlayBackgroundColor: a.overlayBackgroundColor,
+        overlayZIndex: a.overlayZIndex
       }
     ),
-    /* @__PURE__ */ E.jsx(
-      cr,
+    /* @__PURE__ */ T.jsx(
+      dr,
       {
-        options: c,
-        showToggle: c.showToggle,
+        options: a,
+        showToggle: a.showToggle,
         ToggleComponent: r
       }
     ),
-    /* @__PURE__ */ E.jsx(
+    /* @__PURE__ */ T.jsx(
       "div",
       {
         ref: f,
+        id: "swipebar-left",
+        role: "dialog",
+        "aria-modal": n,
+        "aria-hidden": !n,
+        "aria-label": i ?? "Left sidebar",
+        inert: !n,
         style: {
           ...tt,
-          ...Zt,
-          ...c.isAbsolute || d ? Vt : {},
-          ...e ? {} : { backgroundColor: Oe },
-          zIndex: c.swipeBarZIndex
+          ...zt,
+          ...a.isAbsolute || v ? Vt : {},
+          ...e ? {} : { backgroundColor: Te },
+          zIndex: a.swipeBarZIndex
         },
         className: e,
         children: t
@@ -1626,11 +1680,11 @@ function vr({
     )
   ] });
 }
-function ur({ options: e, showToggle: t = !0, ToggleComponent: r }) {
-  const { openSidebar: i, rightToggleRef: s, isRightOpen: o, closeSidebar: f } = ee();
+function gr({ options: e, showToggle: t = !0, ToggleComponent: r }) {
+  const { openSidebar: i, rightToggleRef: s, isRightOpen: n, closeSidebar: c } = te();
   return t ? (
     // 1px wide container
-    /* @__PURE__ */ E.jsx(
+    /* @__PURE__ */ T.jsx(
       "div",
       {
         ref: s,
@@ -1640,58 +1694,61 @@ function ur({ options: e, showToggle: t = !0, ToggleComponent: r }) {
           right: 0,
           zIndex: e.toggleZIndex
         },
-        children: (!o || o && !e.showOverlay) && /* @__PURE__ */ E.jsx(
+        children: (!n || n && !e.showOverlay) && /* @__PURE__ */ T.jsx(
           "button",
           {
             type: "button",
+            "aria-expanded": n,
+            "aria-controls": "swipebar-right",
+            "aria-label": n ? "Close right sidebar" : "Open right sidebar",
             onClick: () => {
-              e.disabled || (o ? f("right") : i("right"));
+              e.disabled || (n ? c("right") : i("right"));
             },
             disabled: e.disabled,
             style: {
               marginRight: `${e.toggleIconEdgeDistancePx}px`,
               // reverse because we are using the same icon for both left and right
-              ...o ? {} : { transform: "rotate(180deg)" }
+              ...n ? {} : { transform: "rotate(180deg)" }
             },
-            children: r ?? /* @__PURE__ */ E.jsx(Ce, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+            children: r ?? /* @__PURE__ */ T.jsx(Ce, { size: e.toggleIconSizePx, color: e.toggleIconColor })
           }
         )
       }
     )
   ) : null;
 }
-const qe = ({
+const Ve = ({
   refs: e,
   callbacks: t,
   currentX: r,
   preventDefault: i,
   lockPane: s,
-  options: o
+  options: n
 }) => {
   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, s()), !u) return;
+  const c = window.innerWidth, f = r - e.draggingRef.current.startX, u = e.draggingRef.current.startX >= c - n.edgeActivationWidthPx, a = e.draggingRef.current.isActivated;
+  if (!a && Math.abs(f) >= n.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, s()), !a) return;
   e.prevXRef.current = e.currentXRef.current, e.currentXRef.current = r;
-  const T = t.getIsOpen();
-  let w = !1;
-  if ((T || d) && (w = !0), !w) {
+  const v = t.getIsOpen();
+  let y = !1;
+  if ((v || u) && (y = !0), !y) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   i();
-  const b = o.sidebarWidthPx;
-  if (T) {
+  const h = n.sidebarWidthPx;
+  if (v) {
     const S = Math.max(
       0,
-      Math.min(b, c - o.dragActivationDeltaPx)
+      Math.min(h, f - n.dragActivationDeltaPx)
     );
     t.dragSidebar(S);
   } else {
     const S = Math.max(
       0,
       Math.min(
-        b,
-        b + c + o.dragActivationDeltaPx
+        h,
+        h + f + n.dragActivationDeltaPx
       )
     );
     t.dragSidebar(S);
@@ -1702,154 +1759,169 @@ const qe = ({
     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, f = t.getIsOpen(), c = window.innerWidth;
+  const i = e.currentXRef.current ?? e.draggingRef.current.startX, s = e.prevXRef.current ?? e.draggingRef.current.startX, n = e.draggingRef.current.startX, c = t.getIsOpen(), f = window.innerWidth;
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
-  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));
+  const u = i > s, a = i < s, v = n >= f - r.edgeActivationWidthPx;
+  c ? (u ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : v && a ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function dr(e) {
-  const t = fe(e.mediaQueryWidth), {
+function hr(e) {
+  const t = de(e.mediaQueryWidth), {
     lockedSidebar: r,
     setLockedSidebar: i,
     isRightOpen: s,
-    openSidebar: o,
-    closeSidebar: f,
-    dragSidebar: c,
-    rightSidebarRef: d
-  } = ee(), u = L(null), T = L(null), w = L(null);
-  z(() => {
+    openSidebar: n,
+    closeSidebar: c,
+    dragSidebar: f,
+    rightSidebarRef: u
+  } = te(), a = L(null), v = L(null), y = L(null);
+  Z(() => {
     if (!t || r && r !== "right" || e.disabled) return;
-    const b = {
+    const h = {
       getIsOpen: () => s,
-      openSidebar: () => o("right"),
-      closeSidebar: () => f("right"),
-      dragSidebar: (v) => c("right", v)
+      openSidebar: () => n("right"),
+      closeSidebar: () => c("right"),
+      dragSidebar: (m) => f("right", m)
     }, S = {
-      draggingRef: u,
-      currentXRef: T,
-      prevXRef: w
-    }, 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({
+      draggingRef: a,
+      currentXRef: v,
+      prevXRef: y
+    }, M = () => i("right"), w = () => i(null);
+    function C(m) {
+      if (r && r !== "right" || ue(m.target) || m.changedTouches.length === 0) return;
+      const x = m.changedTouches[0], A = window.innerWidth, I = h.getIsOpen(), V = x.clientX >= A - e.edgeActivationWidthPx;
+      I && !e.swipeToClose || !I && !e.swipeToOpen || (I || V) && we({
         refs: S,
-        clientX: y.clientX,
-        clientY: y.clientY,
-        touchId: y.identifier,
+        clientX: x.clientX,
+        clientY: x.clientY,
+        touchId: x.identifier,
         isMouse: !1
       });
     }
-    function _(v) {
-      if (r && r !== "right" || !u.current || u.current.isMouse) return;
-      const y = u.current.activeTouchId, O = Ae(v.changedTouches, y);
-      O && qe({
+    function D(m) {
+      if (r && r !== "right" || !a.current || a.current.isMouse) return;
+      const x = a.current.activeTouchId, A = Oe(m.changedTouches, x);
+      A && Ve({
         refs: S,
-        callbacks: b,
-        currentX: O.clientX,
-        preventDefault: () => v.preventDefault(),
-        lockPane: I,
+        callbacks: h,
+        currentX: A.clientX,
+        preventDefault: () => m.preventDefault(),
+        lockPane: M,
         options: e
       });
     }
-    function C(v) {
-      if (r && r !== "right" || !u.current || u.current.isMouse) return;
-      const y = u.current.activeTouchId;
-      Pe(v.changedTouches, y) && Qe({
+    function _(m) {
+      if (r && r !== "right" || !a.current || a.current.isMouse) return;
+      const x = a.current.activeTouchId;
+      Ae(m.changedTouches, x) && Qe({
         refs: S,
-        callbacks: b,
+        callbacks: h,
         options: e
       });
     }
-    function Y() {
-      r && r !== "right" || !u.current || u.current.isMouse || nt({
+    function W() {
+      r && r !== "right" || !a.current || a.current.isMouse || nt({
         refs: S,
-        dragSidebar: b.dragSidebar,
-        onDeactivate: p
+        dragSidebar: h.dragSidebar,
+        onDeactivate: w
       });
     }
-    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({
+    function F(m) {
+      if (r && r !== "right" || ue(m.target) || m.button !== 0) return;
+      const x = window.innerWidth, A = h.getIsOpen(), I = m.clientX >= x - e.edgeActivationWidthPx;
+      A && !e.swipeToClose || !A && !e.swipeToOpen || (A || I) && we({
         refs: S,
-        clientX: v.clientX,
-        clientY: v.clientY,
+        clientX: m.clientX,
+        clientY: m.clientY,
         touchId: null,
         isMouse: !0
       });
     }
-    function $(v) {
-      r && r !== "right" || !u.current || !u.current.isMouse || qe({
+    function j(m) {
+      r && r !== "right" || !a.current || !a.current.isMouse || Ve({
         refs: S,
-        callbacks: b,
-        currentX: v.clientX,
-        preventDefault: () => v.preventDefault(),
-        lockPane: I,
+        callbacks: h,
+        currentX: m.clientX,
+        preventDefault: () => m.preventDefault(),
+        lockPane: M,
         options: e
       });
     }
-    function k() {
-      r && r !== "right" || !u.current || !u.current.isMouse || Qe({
+    function X() {
+      r && r !== "right" || !a.current || !a.current.isMouse || Qe({
         refs: S,
-        callbacks: b,
+        callbacks: h,
         options: e
       });
     }
-    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);
+    return window.addEventListener("touchstart", C, { passive: !0 }), window.addEventListener("touchmove", D, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", F, { passive: !0 }), window.addEventListener("mousemove", j, { passive: !1 }), window.addEventListener("mouseup", X, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", C), window.removeEventListener("touchmove", D), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", F), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", X);
     };
   }, [
     t,
     s,
-    o,
-    f,
+    n,
     c,
+    f,
     r,
     i,
-    d,
+    u,
     e
   ]);
 }
-function br({
+function Sr({
   className: e,
   children: t,
   ToggleComponent: r,
-  ...i
+  ariaLabel: i,
+  ...s
 }) {
-  if ((t == null ? void 0 : t.type) === E.Fragment)
+  if (t?.type === T.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarRight");
-  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,
+  const { isRightOpen: n, closeSidebar: c, rightSidebarRef: f, rightToggleRef: u } = te(), a = Pe("right", s), v = de(a.mediaQueryWidth);
+  hr(a);
+  const y = B(() => c("right"), [c]);
+  return Ie({
+    sidebarRef: f,
+    triggerRef: u,
+    isOpen: n,
+    onClose: y,
+    transitionMs: a.transitionMs
+  }), /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+    a.showOverlay && /* @__PURE__ */ T.jsx(
+      Me,
       {
-        isCollapsed: !s,
-        setCollapsed: () => o("right"),
-        closeSidebarOnClick: c.closeSidebarOnOverlayClick,
-        transitionMs: c.transitionMs,
-        overlayBackgroundColor: c.overlayBackgroundColor,
-        overlayZIndex: c.overlayZIndex
+        isCollapsed: !n,
+        setCollapsed: () => c("right"),
+        closeSidebarOnClick: a.closeSidebarOnOverlayClick,
+        transitionMs: a.transitionMs,
+        overlayBackgroundColor: a.overlayBackgroundColor,
+        overlayZIndex: a.overlayZIndex
       }
     ),
-    /* @__PURE__ */ E.jsx(
-      ur,
+    /* @__PURE__ */ T.jsx(
+      gr,
       {
-        options: c,
-        showToggle: c.showToggle,
+        options: a,
+        showToggle: a.showToggle,
         ToggleComponent: r
       }
     ),
-    /* @__PURE__ */ E.jsx(
+    /* @__PURE__ */ T.jsx(
       "div",
       {
         ref: f,
+        id: "swipebar-right",
+        role: "dialog",
+        "aria-modal": n,
+        "aria-hidden": !n,
+        "aria-label": i ?? "Right sidebar",
+        inert: !n,
         style: {
           ...tt,
-          ...zt,
-          ...c.isAbsolute || d ? qt : {},
-          ...e ? {} : { backgroundColor: Oe },
-          zIndex: c.swipeBarZIndex
+          ...qt,
+          ...a.isAbsolute || v ? Qt : {},
+          ...e ? {} : { backgroundColor: Te },
+          zIndex: a.swipeBarZIndex
         },
         className: e,
         children: t
@@ -1858,14 +1930,14 @@ function br({
   ] });
 }
 export {
-  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,
-  ee as useSwipeBarContext
+  Me as Overlay,
+  vr as SwipeBarBottom,
+  wr as SwipeBarLeft,
+  pr as SwipeBarProvider,
+  Sr as SwipeBarRight,
+  sr as ToggleBottom,
+  dr as ToggleLeft,
+  gr as ToggleRight,
+  de as useMediaQuery,
+  te as useSwipeBarContext
 };