@luciodale/swipe-bar 1.3.5 → 1.3.6

package/dist/swipe-bar.es.js

@@ -1,683 +1,805 @@
-import It, { createContext as _t, useState as J, useRef as L, useMemo as it, useCallback as Y, useEffect as Z, useContext as Lt, useLayoutEffect as Dt } from "react";
-var ye = { exports: {} }, pe = {};
-var We;
-function Yt() {
-  if (We) return pe;
-  We = 1;
+import or, { createContext as sr, useState as te, useRef as L, useMemo as Te, useCallback as E, useEffect as q, useContext as ar, useLayoutEffect as cr } from "react";
+var Re = { exports: {} }, ye = {};
+var qe;
+function lr() {
+  if (qe) return ye;
+  qe = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function r(n, a, i) {
-    var s = null;
-    if (i !== void 0 && (s = "" + i), a.key !== void 0 && (s = "" + a.key), "key" in a) {
-      i = {};
-      for (var u in a)
-        u !== "key" && (i[u] = a[u]);
-    } else i = a;
-    return a = i.ref, {
+  function r(n, l, c) {
+    var d = null;
+    if (c !== void 0 && (d = "" + c), l.key !== void 0 && (d = "" + l.key), "key" in l) {
+      c = {};
+      for (var h in l)
+        h !== "key" && (c[h] = l[h]);
+    } else c = l;
+    return l = c.ref, {
       $$typeof: e,
       type: n,
-      key: s,
-      ref: a !== void 0 ? a : null,
-      props: i
+      key: d,
+      ref: l !== void 0 ? l : null,
+      props: c
     };
   }
-  return pe.Fragment = t, pe.jsx = r, pe.jsxs = r, pe;
+  return ye.Fragment = t, ye.jsx = r, ye.jsxs = r, ye;
 }
-var be = {};
-var Be;
-function Xt() {
-  return Be || (Be = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(o) {
-      if (o == null) return null;
-      if (typeof o == "function")
-        return o.$$typeof === Q ? null : o.displayName || o.name || null;
-      if (typeof o == "string") return o;
-      switch (o) {
-        case O:
+var ve = {};
+var Qe;
+function ur() {
+  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === Q ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case w:
           return "Fragment";
         case _:
           return "Profiler";
-        case C:
+        case x:
           return "StrictMode";
-        case X:
+        case k:
           return "Suspense";
-        case p:
+        case W:
           return "SuspenseList";
-        case I:
+        case j:
           return "Activity";
       }
-      if (typeof o == "object")
-        switch (typeof o.tag == "number" && console.error(
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), o.$$typeof) {
-          case h:
+        ), a.$$typeof) {
+          case u:
             return "Portal";
-          case j:
-            return o.displayName || "Context";
-          case W:
-            return (o._context.displayName || "Context") + ".Consumer";
-          case F:
-            var b = o.render;
-            return o = o.displayName, o || (o = b.displayName || b.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case x:
-            return b = o.displayName || null, b !== null ? b : e(o.type) || "Memo";
-          case M:
-            b = o._payload, o = o._init;
+          case Y:
+            return a.displayName || "Context";
+          case B:
+            return (a._context.displayName || "Context") + ".Consumer";
+          case H:
+            var y = a.render;
+            return a = a.displayName, a || (a = y.displayName || y.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case X:
+            return y = a.displayName || null, y !== null ? y : e(a.type) || "Memo";
+          case V:
+            y = a._payload, a = a._init;
             try {
-              return e(o(b));
+              return e(a(y));
             } catch {
             }
         }
       return null;
     }
-    function t(o) {
-      return "" + o;
+    function t(a) {
+      return "" + a;
     }
-    function r(o) {
+    function r(a) {
       try {
-        t(o);
-        var b = !1;
+        t(a);
+        var y = !1;
       } catch {
-        b = !0;
+        y = !0;
       }
-      if (b) {
-        b = console;
-        var P = b.error, E = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return P.call(
-          b,
+      if (y) {
+        y = console;
+        var $ = y.error, D = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return $.call(
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
-        ), t(o);
+          D
+        ), t(a);
       }
     }
-    function n(o) {
-      if (o === O) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === M)
+    function n(a) {
+      if (a === w) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === V)
         return "<...>";
       try {
-        var b = e(o);
-        return b ? "<" + b + ">" : "<...>";
+        var y = e(a);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var o = $.A;
-      return o === null ? null : o.getOwner();
+    function l() {
+      var a = G.A;
+      return a === null ? null : a.getOwner();
     }
-    function i() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function s(o) {
-      if (K.call(o, "key")) {
-        var b = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (b && b.isReactWarning) return !1;
+    function d(a) {
+      if (b.call(a, "key")) {
+        var y = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
-      return o.key !== void 0;
+      return a.key !== void 0;
     }
-    function u(o, b) {
-      function P() {
-        H || (H = !0, console.error(
+    function h(a, y) {
+      function $() {
+        F || (F = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          b
+          y
         ));
       }
-      P.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: P,
+      $.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: $,
         configurable: !0
       });
     }
     function g() {
-      var o = e(this.type);
-      return q[o] || (q[o] = !0, console.error(
+      var a = e(this.type);
+      return U[a] || (U[a] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), o = this.props.ref, o !== void 0 ? o : null;
+      )), a = this.props.ref, a !== void 0 ? a : null;
     }
-    function c(o, b, P, E, ae, z) {
-      var B = P.ref;
-      return o = {
-        $$typeof: A,
-        type: o,
-        key: b,
-        props: P,
-        _owner: E
-      }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(o, "ref", {
+    function p(a, y, $, D, ce, oe) {
+      var N = $.ref;
+      return a = {
+        $$typeof: C,
+        type: a,
+        key: y,
+        props: $,
+        _owner: D
+      }, (N !== void 0 ? N : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
         get: g
-      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(o, "_debugInfo", {
+      }), Object.defineProperty(a, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(o, "_debugStack", {
+      }), Object.defineProperty(a, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ae
-      }), Object.defineProperty(o, "_debugTask", {
+        value: ce
+      }), Object.defineProperty(a, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+        value: oe
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    function y(o, b, P, E, ae, z) {
-      var B = b.children;
-      if (B !== void 0)
-        if (E)
-          if (V(B)) {
-            for (E = 0; E < B.length; E++)
-              S(B[E]);
-            Object.freeze && Object.freeze(B);
+    function S(a, y, $, D, ce, oe) {
+      var N = y.children;
+      if (N !== void 0)
+        if (D)
+          if (M(N)) {
+            for (D = 0; D < N.length; D++)
+              R(N[D]);
+            Object.freeze && Object.freeze(N);
           } 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 S(B);
-      if (K.call(b, "key")) {
-        B = e(o);
-        var ee = Object.keys(b).filter(function(xe) {
-          return xe !== "key";
+        else R(N);
+      if (b.call(y, "key")) {
+        N = e(a);
+        var re = Object.keys(y).filter(function(Se) {
+          return Se !== "key";
         });
-        E = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", U[B + E] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        D = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", Z[N + D] || (re = 0 < re.length ? "{" + re.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} />`,
-          E,
-          B,
-          ee,
-          B
-        ), U[B + E] = !0);
+          D,
+          N,
+          re,
+          N
+        ), Z[N + D] = !0);
       }
-      if (B = null, P !== void 0 && (r(P), B = "" + P), s(b) && (r(b.key), B = "" + b.key), "key" in b) {
-        P = {};
-        for (var he in b)
-          he !== "key" && (P[he] = b[he]);
-      } else P = b;
-      return B && u(
-        P,
-        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), c(
-        o,
-        B,
-        P,
-        a(),
-        ae,
-        z
+      if (N = null, $ !== void 0 && (r($), N = "" + $), d(y) && (r(y.key), N = "" + y.key), "key" in y) {
+        $ = {};
+        for (var le in y)
+          le !== "key" && ($[le] = y[le]);
+      } else $ = y;
+      return N && h(
+        $,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), p(
+        a,
+        N,
+        $,
+        l(),
+        ce,
+        oe
       );
     }
-    function S(o) {
-      l(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === M && (o._payload.status === "fulfilled" ? l(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    function R(a) {
+      m(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === V && (a._payload.status === "fulfilled" ? m(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
     }
-    function l(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === A;
+    function m(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === C;
     }
-    var v = It, A = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), W = /* @__PURE__ */ Symbol.for("react.consumer"), j = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), X = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), x = /* @__PURE__ */ Symbol.for("react.memo"), M = /* @__PURE__ */ Symbol.for("react.lazy"), I = /* @__PURE__ */ Symbol.for("react.activity"), Q = /* @__PURE__ */ Symbol.for("react.client.reference"), $ = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, V = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var T = or, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.portal"), w = /* @__PURE__ */ Symbol.for("react.fragment"), x = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), B = /* @__PURE__ */ Symbol.for("react.consumer"), Y = /* @__PURE__ */ Symbol.for("react.context"), H = /* @__PURE__ */ Symbol.for("react.forward_ref"), k = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), V = /* @__PURE__ */ Symbol.for("react.lazy"), j = /* @__PURE__ */ Symbol.for("react.activity"), Q = /* @__PURE__ */ Symbol.for("react.client.reference"), G = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, b = Object.prototype.hasOwnProperty, M = Array.isArray, P = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
-      react_stack_bottom_frame: function(o) {
-        return o();
+    T = {
+      react_stack_bottom_frame: function(a) {
+        return a();
       }
     };
-    var H, q = {}, oe = v.react_stack_bottom_frame.bind(
-      v,
-      i
-    )(), R = G(n(i)), U = {};
-    be.Fragment = O, be.jsx = function(o, b, P) {
-      var E = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return y(
-        o,
-        b,
-        P,
+    var F, U = {}, ie = T.react_stack_bottom_frame.bind(
+      T,
+      c
+    )(), A = P(n(c)), Z = {};
+    ve.Fragment = w, ve.jsx = function(a, y, $) {
+      var D = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return S(
+        a,
+        y,
+        $,
         !1,
-        E ? Error("react-stack-top-frame") : oe,
-        E ? G(n(o)) : R
+        D ? Error("react-stack-top-frame") : ie,
+        D ? P(n(a)) : A
       );
-    }, be.jsxs = function(o, b, P) {
-      var E = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return y(
-        o,
-        b,
-        P,
+    }, ve.jsxs = function(a, y, $) {
+      var D = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return S(
+        a,
+        y,
+        $,
         !0,
-        E ? Error("react-stack-top-frame") : oe,
-        E ? G(n(o)) : R
+        D ? Error("react-stack-top-frame") : ie,
+        D ? P(n(a)) : A
       );
     };
-  })()), be;
+  })()), ve;
 }
-var ke;
-function $t() {
-  return ke || (ke = 1, process.env.NODE_ENV === "production" ? ye.exports = Yt() : ye.exports = Xt()), ye.exports;
+var Je;
+function dr() {
+  return Je || (Je = 1, process.env.NODE_ENV === "production" ? Re.exports = lr() : Re.exports = ur()), Re.exports;
 }
-var T = $t();
-const ot = _t(null), Re = (e) => {
+var I = dr();
+const mt = sr(null), Ae = (e) => {
   throw new Error(`Unhandled sidebar side: ${e}`);
-}, we = {
+}, de = {
+  isOpen: !1,
+  meta: null
+}, Oe = {
   isOpen: !1,
   anchorState: "closed",
   meta: null
-}, Ar = ({
+}, tn = ({
   children: e,
   sidebarWidthPx: t,
   transitionMs: r,
   edgeActivationWidthPx: n,
-  dragActivationDeltaPx: a,
-  showOverlay: i,
-  isAbsolute: s,
-  overlayBackgroundColor: u,
+  dragActivationDeltaPx: l,
+  showOverlay: c,
+  isAbsolute: d,
+  overlayBackgroundColor: h,
   toggleIconColor: g,
-  toggleIconSizePx: c,
-  toggleIconEdgeDistancePx: y,
-  showToggle: S,
-  mediaQueryWidth: l,
-  swipeBarZIndex: v,
-  toggleZIndex: A,
-  overlayZIndex: h,
-  fadeContent: O,
-  fadeContentTransitionMs: C,
+  toggleIconSizePx: p,
+  toggleIconEdgeDistancePx: S,
+  showToggle: R,
+  mediaQueryWidth: m,
+  swipeBarZIndex: T,
+  toggleZIndex: C,
+  overlayZIndex: u,
+  fadeContent: w,
+  fadeContentTransitionMs: x,
   closeSidebarOnOverlayClick: _,
-  resetMetaOnClose: W
+  resetMetaOnClose: B
 }) => {
-  const [j, F] = J(null), [X, p] = J(!1), [x, M] = J(!1), [I, Q] = J({}), [$, K] = J({}), V = L(null), G = L(null), H = L(null), q = L(null), [oe, R] = J(null), [U, o] = J(null), [b, P] = J({}), [E, ae] = J({}), z = L(/* @__PURE__ */ new Map()), B = L(null), ee = L([]), he = b.primary?.isOpen ?? !1, xe = b.primary?.anchorState ?? "closed", De = it(
-    () => Object.values(b).some((d) => d.isOpen),
+  const [Y, H] = te(null), [k, W] = te({}), [X, V] = te({}), j = L(/* @__PURE__ */ new Map()), Q = L(null), G = L([]), [b, M] = te({}), [P, F] = te({}), U = L(/* @__PURE__ */ new Map()), ie = L(null), A = L([]), [Z, a] = te({}), [y, $] = te({}), D = L(/* @__PURE__ */ new Map()), ce = L(null), oe = L([]), N = k.primary?.isOpen ?? !1, re = k.primary?.meta ?? null, le = Te(
+    () => Object.values(k).some((o) => o.isOpen),
+    [k]
+  ), Se = j.current.get("primary"), Rt = Se?.sidebarRef ?? { current: null }, Ot = Se?.toggleRef ?? { current: null }, Tt = X.primary ?? {}, Et = b.primary?.isOpen ?? !1, At = b.primary?.meta ?? null, ke = Te(
+    () => Object.values(b).some((o) => o.isOpen),
     [b]
-  ), Ye = z.current.get("primary"), gt = Ye?.sidebarRef ?? { current: null }, ht = Ye?.toggleRef ?? { current: null }, mt = E.primary ?? {}, [pt, bt] = J({
-    sidebarWidthPx: t ?? jt,
-    sidebarHeightPx: je,
-    transitionMs: r ?? Wt,
-    edgeActivationWidthPx: n ?? Bt,
-    dragActivationDeltaPx: a ?? kt,
-    showOverlay: i ?? Ft,
-    isAbsolute: s ?? Ht,
-    overlayBackgroundColor: u ?? at,
-    toggleIconColor: g ?? Gt,
-    toggleIconSizePx: c ?? Ut,
-    toggleIconEdgeDistancePx: y ?? Zt,
-    showToggle: S ?? zt,
-    mediaQueryWidth: l ?? Te,
-    swipeBarZIndex: v ?? Vt,
-    toggleZIndex: A ?? qt,
-    overlayZIndex: h ?? Qt,
-    fadeContent: O ?? er,
-    fadeContentTransitionMs: C ?? Kt,
-    swipeToOpen: tr,
-    swipeToClose: rr,
-    midAnchorPoint: nr,
-    midAnchorPointPx: je / 3,
+  ), We = U.current.get("primary"), Pt = We?.sidebarRef ?? { current: null }, Mt = We?.toggleRef ?? { current: null }, It = P.primary ?? {}, Ct = Z.primary?.isOpen ?? !1, _t = Z.primary?.anchorState ?? "closed", je = Te(
+    () => Object.values(Z).some((o) => o.isOpen),
+    [Z]
+  ), Fe = D.current.get("primary"), Lt = Fe?.sidebarRef ?? { current: null }, Dt = Fe?.toggleRef ?? { current: null }, Yt = y.primary ?? {}, [Xt, $t] = te({
+    sidebarWidthPx: t ?? mr,
+    sidebarHeightPx: Ke,
+    transitionMs: r ?? fr,
+    edgeActivationWidthPx: n ?? gr,
+    dragActivationDeltaPx: l ?? hr,
+    showOverlay: c ?? pr,
+    isAbsolute: d ?? yr,
+    overlayBackgroundColor: h ?? pt,
+    toggleIconColor: g ?? vr,
+    toggleIconSizePx: p ?? Sr,
+    toggleIconEdgeDistancePx: S ?? wr,
+    showToggle: R ?? xr,
+    mediaQueryWidth: m ?? Me,
+    swipeBarZIndex: T ?? Rr,
+    toggleZIndex: C ?? Or,
+    overlayZIndex: u ?? Tr,
+    fadeContent: w ?? Pr,
+    fadeContentTransitionMs: x ?? Ar,
+    swipeToOpen: Mr,
+    swipeToClose: Ir,
+    midAnchorPoint: Cr,
+    midAnchorPointPx: Ke / 3,
     disabled: !1,
-    closeSidebarOnOverlayClick: _ ?? Nt,
-    resetMetaOnClose: W ?? !1
-  }), vt = Y((d, f) => {
-    z.current.set(d, f), P((m) => m[d] ? m : { ...m, [d]: { ...we } });
-  }, []), yt = Y((d) => {
-    z.current.delete(d), P((f) => {
-      const m = { ...f };
-      return delete m[d], m;
-    }), ae((f) => {
-      const m = { ...f };
-      return delete m[d], m;
+    closeSidebarOnOverlayClick: _ ?? br,
+    resetMetaOnClose: B ?? !1
+  }), Bt = E((o, s) => {
+    j.current.set(o, s), W((i) => i[o] ? i : { ...i, [o]: { ...de } });
+  }, []), kt = E((o) => {
+    j.current.delete(o), W((s) => {
+      const i = { ...s };
+      return delete i[o], i;
+    }), V((s) => {
+      const i = { ...s };
+      return delete i[o], i;
+    });
+  }, []), Wt = E((o) => j.current.get(o), []), jt = E(
+    (o, s) => {
+      V((i) => i[o] === s ? i : { ...i, [o]: s });
+    },
+    []
+  ), Ft = E((o, s) => {
+    U.current.set(o, s), M((i) => i[o] ? i : { ...i, [o]: { ...de } });
+  }, []), Nt = E((o) => {
+    U.current.delete(o), M((s) => {
+      const i = { ...s };
+      return delete i[o], i;
+    }), F((s) => {
+      const i = { ...s };
+      return delete i[o], i;
     });
-  }, []), wt = Y((d) => z.current.get(d), []), St = Y(
-    (d, f) => {
-      ae((m) => m[d] === f ? m : { ...m, [d]: f });
+  }, []), Ht = E((o) => U.current.get(o), []), Gt = E(
+    (o, s) => {
+      F((i) => i[o] === s ? i : { ...i, [o]: s });
     },
     []
-  ), re = Y((d, f) => {
-    P((m) => {
-      const w = m[d] ?? we;
-      return w.isOpen === f ? m : { ...m, [d]: { ...w, isOpen: f } };
+  ), Ut = E((o, s) => {
+    D.current.set(o, s), a((i) => i[o] ? i : { ...i, [o]: { ...Oe } });
+  }, []), Zt = E((o) => {
+    D.current.delete(o), a((s) => {
+      const i = { ...s };
+      return delete i[o], i;
+    }), $((s) => {
+      const i = { ...s };
+      return delete i[o], i;
+    });
+  }, []), zt = E((o) => D.current.get(o), []), Vt = E(
+    (o, s) => {
+      $((i) => i[o] === s ? i : { ...i, [o]: s });
+    },
+    []
+  ), we = E((o, s) => {
+    W((i) => {
+      const f = i[o] ?? de;
+      return f.isOpen === s ? i : { ...i, [o]: { ...f, isOpen: s } };
+    });
+  }, []), me = E((o, s) => {
+    W((i) => {
+      const f = i[o] ?? de;
+      return f.meta === s ? i : { ...i, [o]: { ...f, meta: s } };
+    });
+  }, []), xe = E((o, s) => {
+    M((i) => {
+      const f = i[o] ?? de;
+      return f.isOpen === s ? i : { ...i, [o]: { ...f, isOpen: s } };
     });
-  }, []), ne = Y(
-    (d, f) => {
-      P((m) => {
-        const w = m[d] ?? we;
-        return w.anchorState === f ? m : { ...m, [d]: { ...w, anchorState: f } };
+  }, []), pe = E((o, s) => {
+    M((i) => {
+      const f = i[o] ?? de;
+      return f.meta === s ? i : { ...i, [o]: { ...f, meta: s } };
+    });
+  }, []), K = E((o, s) => {
+    a((i) => {
+      const f = i[o] ?? Oe;
+      return f.isOpen === s ? i : { ...i, [o]: { ...f, isOpen: s } };
+    });
+  }, []), ee = E(
+    (o, s) => {
+      a((i) => {
+        const f = i[o] ?? Oe;
+        return f.anchorState === s ? i : { ...i, [o]: { ...f, anchorState: s } };
       });
     },
     []
-  ), me = Y((d, f) => {
-    P((m) => {
-      const w = m[d] ?? we;
-      return w.meta === f ? m : { ...m, [d]: { ...w, meta: f } };
+  ), be = E((o, s) => {
+    a((i) => {
+      const f = i[o] ?? Oe;
+      return f.meta === s ? i : { ...i, [o]: { ...f, meta: s } };
     });
   }, []);
-  Z(() => (X || x || De ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  q(() => (le || ke || je ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
-  }), [X, x, De]), Z(() => {
-    if (I.fadeContent === !1) {
-      const d = V.current?.firstElementChild;
-      d && (d.style.opacity = "1");
-    }
-  }, [I.fadeContent]), Z(() => {
-    if ($.fadeContent === !1) {
-      const d = G.current?.firstElementChild;
-      d && (d.style.opacity = "1");
-    }
-  }, [$.fadeContent]), Z(() => {
-    for (const [d, f] of Object.entries(E))
-      if (f.fadeContent === !1) {
-        const w = z.current.get(d)?.sidebarRef.current?.firstElementChild;
-        w && (w.style.opacity = "1");
+  }), [le, ke, je]), q(() => {
+    for (const [o, s] of Object.entries(X))
+      if (s.fadeContent === !1) {
+        const f = j.current.get(o)?.sidebarRef.current?.firstElementChild;
+        f && (f.style.opacity = "1");
+      }
+  }, [X]), q(() => {
+    for (const [o, s] of Object.entries(P))
+      if (s.fadeContent === !1) {
+        const f = U.current.get(o)?.sidebarRef.current?.firstElementChild;
+        f && (f.style.opacity = "1");
       }
-  }, [E]);
-  const xt = Y((d) => {
-    bt((f) => ({ ...f, ...d }));
-  }, []), ue = Y((d, f) => {
-    const m = d === "left" ? R : o;
-    f?.resetMeta ? m(null) : f?.meta !== void 0 && m(f.meta);
-  }, []), ie = Y(
-    (d, f) => {
-      f?.resetMeta ? me(d, null) : f?.meta !== void 0 && me(d, f.meta);
+  }, [P]), q(() => {
+    for (const [o, s] of Object.entries(y))
+      if (s.fadeContent === !1) {
+        const f = D.current.get(o)?.sidebarRef.current?.firstElementChild;
+        f && (f.style.opacity = "1");
+      }
+  }, [y]);
+  const qt = E((o) => {
+    $t((s) => ({ ...s, ...o }));
+  }, []), ue = E(
+    (o, s, i) => {
+      const f = o === "left" ? me : pe;
+      i?.resetMeta ? f(s, null) : i?.meta !== void 0 && f(s, i.meta);
+    },
+    [me, pe]
+  ), ne = E(
+    (o, s) => {
+      s?.resetMeta ? be(o, null) : s?.meta !== void 0 && be(o, s.meta);
     },
-    [me]
-  ), Rt = Y(
-    (d, f) => {
-      if (d === "left")
-        R(f);
-      else if (d === "right")
-        o(f);
-      else {
-        const m = f;
-        me(m.id, m.meta);
+    [be]
+  ), Qt = E(
+    (o, s) => {
+      if (o === "left") {
+        const i = s;
+        i && typeof i == "object" && "id" in i ? me(i.id ?? "primary", i.meta) : me("primary", s);
+      } else if (o === "right") {
+        const i = s;
+        i && typeof i == "object" && "id" in i ? pe(i.id ?? "primary", i.meta) : pe("primary", s);
+      } else {
+        const i = s;
+        be(i.id, i.meta);
       }
     },
-    [me]
-  ), se = Y((d) => {
-    const f = ee.current, m = f.indexOf(d);
-    m !== -1 && f.splice(m, 1), f.push(d), F("bottom");
-  }, []), Xe = Y((d) => {
-    const f = ee.current, m = f.indexOf(d);
-    m !== -1 && f.splice(m, 1), P((w) => (Object.entries(w).some(([D, N]) => D !== d && N.isOpen) || F(null), w));
-  }, []), Tt = Y(
-    (d, f) => {
-      const m = f?.skipTransition ? Ne : He, w = f?.skipTransition ? mr : Ue, k = (D, N, ce, ve) => {
-        m({
-          side: d,
-          ref: D,
-          options: N,
-          toggleRef: ce,
+    [me, pe, be]
+  ), Ne = E((o) => {
+    const s = G.current, i = s.indexOf(o);
+    i !== -1 && s.splice(i, 1), s.push(o), H("left");
+  }, []), He = E((o) => {
+    const s = G.current, i = s.indexOf(o);
+    i !== -1 && s.splice(i, 1), W((f) => (Object.entries(f).some(([O, z]) => O !== o && z.isOpen) || H(null), f));
+  }, []), Ge = E((o) => {
+    const s = A.current, i = s.indexOf(o);
+    i !== -1 && s.splice(i, 1), s.push(o), H("right");
+  }, []), Ue = E((o) => {
+    const s = A.current, i = s.indexOf(o);
+    i !== -1 && s.splice(i, 1), M((f) => (Object.entries(f).some(([O, z]) => O !== o && z.isOpen) || H(null), f));
+  }, []), se = E((o) => {
+    const s = oe.current, i = s.indexOf(o);
+    i !== -1 && s.splice(i, 1), s.push(o), H("bottom");
+  }, []), Ze = E((o) => {
+    const s = oe.current, i = s.indexOf(o);
+    i !== -1 && s.splice(i, 1), a((f) => (Object.entries(f).some(([O, z]) => O !== o && z.isOpen) || H(null), f));
+  }, []), Jt = E(
+    (o, s) => {
+      const i = s?.skipTransition ? tt : rt, f = s?.skipTransition ? Nr : nt;
+      if (o === "left") {
+        const v = s?.id ?? "primary", O = X[v], z = j.current.get(v);
+        if (!O || !z || O.disabled) return;
+        ue("left", v, s), i({
+          side: o,
+          ref: z.sidebarRef,
+          options: O,
+          toggleRef: z.toggleRef,
           afterApply: () => {
-            ve(!0), F(d);
+            we(v, !0), Ne(v);
           }
         });
-      };
-      if (d === "left") {
-        if (I.disabled) return;
-        ue("left", f), k(V, I, H, p);
-      } else if (d === "right") {
-        if ($.disabled) return;
-        ue("right", f), k(G, $, q, M);
-      } else if (d === "bottom") {
-        const D = f?.id ?? "primary", N = E[D], ce = z.current.get(D);
-        if (!N || !ce || N.disabled) return;
-        ie(D, f);
-        const ve = N.sidebarHeightPx ?? 0, Mt = N.mediaQueryWidth ?? 640, $e = window.innerWidth < Mt, Ct = $e ? N.midAnchorPointPx ?? 0 : ve;
-        $e && N.midAnchorPoint && !N.swipeToOpen && Ct < ve ? w({
-          ref: ce.sidebarRef,
-          options: N,
-          toggleRef: ce.toggleRef,
+      } else if (o === "right") {
+        const v = s?.id ?? "primary", O = P[v], z = U.current.get(v);
+        if (!O || !z || O.disabled) return;
+        ue("right", v, s), i({
+          side: o,
+          ref: z.sidebarRef,
+          options: O,
+          toggleRef: z.toggleRef,
           afterApply: () => {
-            re(D, !0), ne(D, "midAnchor"), se(D);
+            xe(v, !0), Ge(v);
           }
-        }) : m({
-          side: d,
-          ref: ce.sidebarRef,
-          options: N,
-          toggleRef: ce.toggleRef,
+        });
+      } else if (o === "bottom") {
+        const v = s?.id ?? "primary", O = y[v], z = D.current.get(v);
+        if (!O || !z || O.disabled) return;
+        ne(v, s);
+        const ze = O.sidebarHeightPx ?? 0, nr = O.mediaQueryWidth ?? 640, Ve = window.innerWidth < nr, ir = Ve ? O.midAnchorPointPx ?? 0 : ze;
+        Ve && O.midAnchorPoint && !O.swipeToOpen && ir < ze ? f({
+          ref: z.sidebarRef,
+          options: O,
+          toggleRef: z.toggleRef,
           afterApply: () => {
-            re(D, !0), ne(D, "open"), se(D);
+            K(v, !0), ee(v, "midAnchor"), se(v);
+          }
+        }) : i({
+          side: o,
+          ref: z.sidebarRef,
+          options: O,
+          toggleRef: z.toggleRef,
+          afterApply: () => {
+            K(v, !0), ee(v, "open"), se(v);
           }
         });
       } else
-        Re(d);
+        Ae(o);
     },
     [
-      I,
-      $,
-      E,
-      re,
-      ne,
+      X,
+      P,
+      y,
+      we,
+      xe,
+      K,
+      ee,
+      Ne,
+      Ge,
       se,
       ue,
-      ie
+      ne
     ]
-  ), Ot = Y(
-    (d, f) => {
-      if (d !== "bottom") return;
-      const m = f?.id ?? "primary", w = E[m], k = z.current.get(m);
-      !w || !k || w.disabled || (ie(m, f), Ue({
-        ref: k.sidebarRef,
-        options: w,
-        toggleRef: k.toggleRef,
+  ), Kt = E(
+    (o, s) => {
+      if (o !== "bottom") return;
+      const i = s?.id ?? "primary", f = y[i], v = D.current.get(i);
+      !f || !v || f.disabled || (ne(i, s), nt({
+        ref: v.sidebarRef,
+        options: f,
+        toggleRef: v.toggleRef,
         afterApply: () => {
-          re(m, !0), ne(m, "midAnchor"), se(m);
+          K(i, !0), ee(i, "midAnchor"), se(i);
         }
       }));
     },
     [
-      E,
-      re,
-      ne,
+      y,
+      K,
+      ee,
       se,
-      ie
+      ne
     ]
-  ), Et = Y(
-    (d, f) => {
-      if (d !== "bottom") return;
-      const m = f?.id ?? "primary", w = E[m], k = z.current.get(m);
-      if (!w || !k || w.disabled) return;
-      ie(m, f), (f?.skipTransition ? Ne : He)({
-        side: d,
-        ref: k.sidebarRef,
-        options: w,
-        toggleRef: k.toggleRef,
+  ), er = E(
+    (o, s) => {
+      if (o !== "bottom") return;
+      const i = s?.id ?? "primary", f = y[i], v = D.current.get(i);
+      if (!f || !v || f.disabled) return;
+      ne(i, s), (s?.skipTransition ? tt : rt)({
+        side: o,
+        ref: v.sidebarRef,
+        options: f,
+        toggleRef: v.toggleRef,
         afterApply: () => {
-          re(m, !0), ne(m, "open"), se(m);
+          K(i, !0), ee(i, "open"), se(i);
         }
       });
     },
     [
-      E,
-      re,
-      ne,
+      y,
+      K,
+      ee,
       se,
-      ie
+      ne
     ]
-  ), At = Y(
-    (d, f) => {
-      const m = (w, k, D, N) => {
-        Ge({
-          ref: w,
-          options: k,
-          toggleRef: D,
-          side: d,
+  ), tr = E(
+    (o, s) => {
+      if (o === "left") {
+        const i = s?.id ?? "primary", f = X[i], v = j.current.get(i);
+        if (!f || !v || f.disabled) return;
+        const O = f.resetMetaOnClose && s?.meta === void 0 && s?.resetMeta === void 0 ? { ...s, resetMeta: !0 } : s;
+        ue("left", i, O), Pe({
+          ref: v.sidebarRef,
+          options: f,
+          toggleRef: v.toggleRef,
+          side: o,
           afterApply: () => {
-            N(!1), F(null);
+            we(i, !1), He(i);
           }
         });
-      };
-      if (d === "left") {
-        if (I.disabled) return;
-        const w = I.resetMetaOnClose && f?.meta === void 0 && f?.resetMeta === void 0 ? { ...f, resetMeta: !0 } : f;
-        ue("left", w), m(V, I, H, p);
-      } else if (d === "right") {
-        if ($.disabled) return;
-        const w = $.resetMetaOnClose && f?.meta === void 0 && f?.resetMeta === void 0 ? { ...f, resetMeta: !0 } : f;
-        ue("right", w), m(G, $, q, M);
-      } else if (d === "bottom") {
-        const w = f?.id ?? "primary", k = E[w], D = z.current.get(w);
-        if (!k || !D || k.disabled) return;
-        const N = k.resetMetaOnClose && f?.meta === void 0 && f?.resetMeta === void 0 ? { ...f, resetMeta: !0 } : f;
-        ie(w, N), Ge({
-          ref: D.sidebarRef,
-          options: k,
-          toggleRef: D.toggleRef,
-          side: d,
+      } else if (o === "right") {
+        const i = s?.id ?? "primary", f = P[i], v = U.current.get(i);
+        if (!f || !v || f.disabled) return;
+        const O = f.resetMetaOnClose && s?.meta === void 0 && s?.resetMeta === void 0 ? { ...s, resetMeta: !0 } : s;
+        ue("right", i, O), Pe({
+          ref: v.sidebarRef,
+          options: f,
+          toggleRef: v.toggleRef,
+          side: o,
           afterApply: () => {
-            re(w, !1), ne(w, "closed"), Xe(w);
+            xe(i, !1), Ue(i);
+          }
+        });
+      } else if (o === "bottom") {
+        const i = s?.id ?? "primary", f = y[i], v = D.current.get(i);
+        if (!f || !v || f.disabled) return;
+        const O = f.resetMetaOnClose && s?.meta === void 0 && s?.resetMeta === void 0 ? { ...s, resetMeta: !0 } : s;
+        ne(i, O), Pe({
+          ref: v.sidebarRef,
+          options: f,
+          toggleRef: v.toggleRef,
+          side: o,
+          afterApply: () => {
+            K(i, !1), ee(i, "closed"), Ze(i);
           }
         });
       } else
-        Re(d);
+        Ae(o);
     },
     [
-      I,
-      $,
-      E,
-      re,
-      ne,
-      Xe,
+      X,
+      P,
+      y,
+      we,
+      xe,
+      K,
+      ee,
+      He,
+      Ue,
+      Ze,
       ue,
-      ie
+      ne
     ]
-  ), Pt = Y(
-    (d, f, m) => {
-      if (d === "left")
-        Ze({
-          ref: V,
-          toggleRef: H,
-          options: I,
-          translateX: f
+  ), rr = E(
+    (o, s, i) => {
+      if (o === "left") {
+        const f = i?.id ?? "primary", v = X[f], O = j.current.get(f);
+        if (!v || !O) return;
+        it({
+          ref: O.sidebarRef,
+          toggleRef: O.toggleRef,
+          options: v,
+          translateX: s
         });
-      else if (d === "right")
-        Ze({
-          ref: G,
-          toggleRef: q,
-          options: $,
-          translateX: f
+      } else if (o === "right") {
+        const f = i?.id ?? "primary", v = P[f], O = U.current.get(f);
+        if (!v || !O) return;
+        it({
+          ref: O.sidebarRef,
+          toggleRef: O.toggleRef,
+          options: v,
+          translateX: s
         });
-      else if (d === "bottom") {
-        const w = m?.id ?? "primary", k = E[w], D = z.current.get(w);
-        if (!k || !D) return;
-        pr({
-          ref: D.sidebarRef,
-          toggleRef: D.toggleRef,
-          options: k,
-          translateY: f
+      } else if (o === "bottom") {
+        const f = i?.id ?? "primary", v = y[f], O = D.current.get(f);
+        if (!v || !O) return;
+        Hr({
+          ref: O.sidebarRef,
+          toggleRef: O.toggleRef,
+          options: v,
+          translateY: s
         });
       } else
-        Re(d);
+        Ae(o);
     },
-    [I, $, E]
+    [X, P, y]
   );
-  return /* @__PURE__ */ T.jsx(
-    ot.Provider,
+  return /* @__PURE__ */ I.jsx(
+    mt.Provider,
     {
       value: {
-        lockedSidebar: j,
-        setLockedSidebar: F,
-        leftSidebarRef: V,
-        rightSidebarRef: G,
-        isLeftOpen: X,
-        isRightOpen: x,
+        lockedSidebar: Y,
+        setLockedSidebar: H,
+        // Backwards-compat aliases for primary left
+        leftSidebarRef: Rt,
+        rightSidebarRef: Pt,
+        isLeftOpen: N,
+        isRightOpen: Et,
+        leftSidebarOptions: Tt,
+        rightSidebarOptions: It,
+        leftToggleRef: Ot,
+        rightToggleRef: Mt,
+        leftMeta: re,
+        rightMeta: At,
+        // Multi-instance left sidebar
+        leftSidebars: k,
+        leftSidebarOptionsMap: X,
+        registerLeftSidebar: Bt,
+        unregisterLeftSidebar: kt,
+        getLeftSidebarRefs: Wt,
+        activeLeftDragIdRef: Q,
+        leftFocusStackRef: G,
+        // Multi-instance right sidebar
+        rightSidebars: b,
+        rightSidebarOptionsMap: P,
+        registerRightSidebar: Ft,
+        unregisterRightSidebar: Nt,
+        getRightSidebarRefs: Ht,
+        activeRightDragIdRef: ie,
+        rightFocusStackRef: A,
         // Backwards-compat aliases for primary bottom sidebar
-        isBottomOpen: he,
-        bottomAnchorState: xe,
-        bottomSidebarRef: gt,
-        bottomToggleRef: ht,
-        bottomSidebarOptions: mt,
+        isBottomOpen: Ct,
+        bottomAnchorState: _t,
+        bottomSidebarRef: Lt,
+        bottomToggleRef: Dt,
+        bottomSidebarOptions: Yt,
         // Multi-instance bottom sidebar
-        bottomSidebars: b,
-        bottomSidebarOptionsMap: E,
-        registerBottomSidebar: vt,
-        unregisterBottomSidebar: yt,
-        getBottomSidebarRefs: wt,
-        activeBottomDragIdRef: B,
-        bottomFocusStackRef: ee,
+        bottomSidebars: Z,
+        bottomSidebarOptionsMap: y,
+        registerBottomSidebar: Ut,
+        unregisterBottomSidebar: Zt,
+        getBottomSidebarRefs: zt,
+        activeBottomDragIdRef: ce,
+        bottomFocusStackRef: oe,
         // Functions
-        openSidebar: Tt,
-        openSidebarFully: Et,
-        openSidebarToMidAnchor: Ot,
-        closeSidebar: At,
-        dragSidebar: Pt,
-        globalOptions: pt,
-        setGlobalOptions: xt,
-        leftSidebarOptions: I,
-        rightSidebarOptions: $,
-        setLeftSidebarOptions: Q,
-        setRightSidebarOptions: K,
-        setBottomSidebarOptionsById: St,
-        leftToggleRef: H,
-        rightToggleRef: q,
-        leftMeta: oe,
-        rightMeta: U,
-        setMeta: Rt
+        openSidebar: Jt,
+        openSidebarFully: er,
+        openSidebarToMidAnchor: Kt,
+        closeSidebar: tr,
+        dragSidebar: rr,
+        globalOptions: Xt,
+        setGlobalOptions: qt,
+        setLeftSidebarOptionsById: jt,
+        setRightSidebarOptionsById: Gt,
+        setBottomSidebarOptionsById: Vt,
+        setMeta: Qt
       },
       children: e
     }
   );
 };
-function te() {
-  const e = Lt(ot);
+function J() {
+  const e = ar(mt);
   if (!e)
     throw new Error("useSwipeBarContext must be used within SwipeBarProvider");
   return e;
 }
-const Wt = 300, Bt = 40, kt = 20, jt = 320, je = window.innerHeight, Ft = !0, Nt = !0, Ht = !1, at = "rgba(0, 0, 0, 0.5)", Oe = "rgb(36,36,36)", Gt = "white", Ut = 40, Zt = 40, zt = !0, Te = 640, Vt = 30, qt = 15, Qt = 20, Fe = 0.6, Jt = 200, Kt = 100, er = !1, tr = !0, rr = !0, nr = !1, de = "cubic-bezier(0.22, 1, 0.36, 1)", st = {
+const fr = 300, gr = 40, hr = 20, mr = 320, Ke = window.innerHeight, pr = !0, br = !0, yr = !1, pt = "rgba(0, 0, 0, 0.5)", Ie = "rgb(36,36,36)", vr = "white", Sr = 40, wr = 40, xr = !0, Me = 640, Rr = 30, Or = 15, Tr = 20, et = 0.6, Er = 200, Ar = 100, Pr = !1, Mr = !0, Ir = !0, Cr = !1, fe = "cubic-bezier(0.22, 1, 0.36, 1)", bt = {
   width: 0,
   top: 0,
   bottom: 0,
   flexShrink: 0,
   overflowX: "hidden",
   willChange: "transform"
-}, ir = {
+}, _r = {
   transform: "translateX(-100%)"
-}, or = {
+}, Lr = {
   transform: "translateX(100%)"
-}, ar = {
+}, Dr = {
   position: "fixed",
   left: 0,
   top: 0,
   bottom: 0
-}, sr = {
+}, Yr = {
   position: "fixed",
   right: 0,
   top: 0,
   bottom: 0
-}, cr = {
+}, Xr = {
   height: 0,
   left: 0,
   right: 0,
   flexShrink: 0,
   overflowY: "hidden",
   willChange: "transform"
-}, lr = {
+}, $r = {
   transform: "translateY(100%)"
-}, ur = {
+}, Br = {
   position: "fixed",
   bottom: 0,
   left: 0,
   right: 0
-}, dr = {
+}, kr = {
   position: "fixed",
   top: 0,
   left: 0,
   width: "100%",
   height: "100%",
-  backgroundColor: at,
+  backgroundColor: pt,
   transitionProperty: "opacity",
   pointerEvents: "none",
   opacity: 0
-}, fr = {
+}, Wr = {
   opacity: 1,
   pointerEvents: "auto"
-}, ct = {
+}, yt = {
   position: "fixed",
   top: "50%",
   transform: "translateY(-50%)",
   width: "1px",
   display: "flex",
   justifyContent: "center"
-}, gr = {
+}, jr = {
   position: "fixed",
   bottom: 0,
   left: "50%",
@@ -685,170 +807,170 @@ const Wt = 300, Bt = 40, kt = 20, jt = 320, je = window.innerHeight, Ft = !0, Nt
   height: "1px",
   display: "flex",
   alignItems: "center"
-}, hr = {
+}, Fr = {
   position: "relative",
   cursor: "pointer",
   display: "flex",
   height: "72px",
   alignItems: "center",
   justifyContent: "center"
-}, Ee = (e) => {
+}, Ce = (e) => {
   throw new Error(`Unhandled sidebar side: ${e}`);
-}, le = (e) => e.current?.firstElementChild, lt = (e, t) => e === "left" || e === "right" ? { dimension: "width", sizePx: t.sidebarWidthPx } : e === "bottom" ? { dimension: "height", sizePx: t.sidebarHeightPx } : Ee(e), ut = (e, t, r) => {
+}, ae = (e) => e.current?.firstElementChild, vt = (e, t) => e === "left" || e === "right" ? { dimension: "width", sizePx: t.sidebarWidthPx } : e === "bottom" ? { dimension: "height", sizePx: t.sidebarHeightPx } : Ce(e), St = (e, t, r) => {
   !e.current || !r || (e.current.style.opacity = "1", t === "left" ? e.current.style.transform = `translateY(-50%) translateX(${r}px)` : t === "right" ? e.current.style.transform = `translateY(-50%) translateX(-${r}px)` : t === "bottom" && (e.current.style.transform = `translateX(-50%) translateY(-${r}px)`));
-}, Ne = ({
+}, tt = ({
   ref: e,
   side: t,
   options: r,
   toggleRef: n,
-  afterApply: a
+  afterApply: l
 }) => {
   if (!e.current) return;
-  const i = le(e), { dimension: s, sizePx: u } = lt(t, r);
-  i && u && (i.style[t === "bottom" ? "minHeight" : "minWidth"] = `${u}px`), e.current.style.transition = "none", e.current.style.transform = t === "bottom" ? "translateY(0px)" : "translateX(0px)", e.current.style[s] = `${u}px`, i && (i.style.opacity = "1"), ut(n, t, u), a();
-}, He = ({
+  const c = ae(e), { dimension: d, sizePx: h } = vt(t, r);
+  c && h && (c.style[t === "bottom" ? "minHeight" : "minWidth"] = `${h}px`), e.current.style.transition = "none", e.current.style.transform = t === "bottom" ? "translateY(0px)" : "translateX(0px)", e.current.style[d] = `${h}px`, c && (c.style.opacity = "1"), St(n, t, h), l();
+}, rt = ({
   ref: e,
   side: t,
   options: r,
   toggleRef: n,
-  afterApply: a
+  afterApply: l
 }) => {
-  const i = le(e), { dimension: s, sizePx: u } = lt(t, r);
-  i && u && (i.style[t === "bottom" ? "minHeight" : "minWidth"] = `${u}px`);
+  const c = ae(e), { dimension: d, sizePx: h } = vt(t, r);
+  c && h && (c.style[t === "bottom" ? "minHeight" : "minWidth"] = `${h}px`);
   const g = r.transitionMs ? r.transitionMs / 2 : 0;
-  i && r.fadeContent && (i.style.opacity = "0"), requestAnimationFrame(() => {
+  c && r.fadeContent && (c.style.opacity = "0"), requestAnimationFrame(() => {
     if (!e.current) return;
-    const c = `transform ${r.transitionMs}ms ${de}`, y = r.isAbsolute ? "" : `, ${s} ${r.transitionMs}ms ${de}`;
-    e.current.style.transition = `${c}${y}`, i && r.fadeContent && (i.style.transition = `opacity ${r.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
+    const p = `transform ${r.transitionMs}ms ${fe}`, S = r.isAbsolute ? "" : `, ${d} ${r.transitionMs}ms ${fe}`;
+    e.current.style.transition = `${p}${S}`, c && r.fadeContent && (c.style.transition = `opacity ${r.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
       if (e.current) {
         if (e.current.style.transform = t === "bottom" ? "translateY(0px)" : "translateX(0px)", !r.isAbsolute)
-          e.current.style[s] = `${u}px`;
-        else if (e.current.style[s] !== `${u}px`) {
-          const S = e.current.style.transition;
-          e.current.style.transition = c, e.current.style[s] = `${u}px`, e.current.style.transition = S;
+          e.current.style[d] = `${h}px`;
+        else if (e.current.style[d] !== `${h}px`) {
+          const R = e.current.style.transition;
+          e.current.style.transition = p, e.current.style[d] = `${h}px`, e.current.style.transition = R;
         }
-        ut(n, t, u), i && r.fadeContent && setTimeout(() => {
-          i.style.opacity = "1";
-        }, g), a();
+        St(n, t, h), c && r.fadeContent && setTimeout(() => {
+          c.style.opacity = "1";
+        }, g), l();
       }
     });
   }), setTimeout(() => {
   }, 0);
-}, Ge = ({
+}, Pe = ({
   ref: e,
   options: t,
   side: r,
   toggleRef: n,
-  afterApply: a
+  afterApply: l
 }) => {
-  const i = le(e);
-  let s;
-  r === "left" || r === "right" ? (s = "width", i && t.sidebarWidthPx && (i.style.minWidth = `${t.sidebarWidthPx}px`)) : r === "bottom" ? (s = "height", i && t.sidebarHeightPx && (i.style.minHeight = `${t.sidebarHeightPx}px`)) : Ee(r), requestAnimationFrame(() => {
+  const c = ae(e);
+  let d;
+  r === "left" || r === "right" ? (d = "width", c && t.sidebarWidthPx && (c.style.minWidth = `${t.sidebarWidthPx}px`)) : r === "bottom" ? (d = "height", c && t.sidebarHeightPx && (c.style.minHeight = `${t.sidebarHeightPx}px`)) : Ce(r), requestAnimationFrame(() => {
     if (!e.current) return;
-    const u = `transform ${t.transitionMs}ms ${de}`, g = t.isAbsolute ? "" : `, ${s} ${t.transitionMs}ms ${de}`;
-    e.current.style.transition = `${u}${g}`, i && t.fadeContent && (i.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")), n.current && (n.current.style.opacity = "1", r === "left" || r === "right" ? n.current.style.transform = "translateY(-50%)" : r === "bottom" && (n.current.style.transform = "translateX(-50%)")), i && t.fadeContent && (i.style.opacity = "0"), a());
+    const h = `transform ${t.transitionMs}ms ${fe}`, g = t.isAbsolute ? "" : `, ${d} ${t.transitionMs}ms ${fe}`;
+    e.current.style.transition = `${h}${g}`, c && t.fadeContent && (c.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")), n.current && (n.current.style.opacity = "1", r === "left" || r === "right" ? n.current.style.transform = "translateY(-50%)" : r === "bottom" && (n.current.style.transform = "translateX(-50%)")), c && t.fadeContent && (c.style.opacity = "0"), l());
     });
   });
-}, dt = (e) => {
+}, wt = (e) => {
   const t = e.midAnchorPointPx ?? 0, r = e.sidebarHeightPx ?? 0;
   return { midAnchorPx: t, sidebarHeightPx: r, translateY: r - t };
-}, mr = ({
+}, Nr = ({
   ref: e,
   options: t,
   toggleRef: r,
   afterApply: n
 }) => {
   if (!e.current) return;
-  const a = le(e), { midAnchorPx: i, sidebarHeightPx: s, translateY: u } = dt(t);
-  a && t.midAnchorPointPx && (a.style.minHeight = `${s}px`), e.current.style.transition = "none", e.current.style.transform = `translateY(${u}px)`, e.current.style.height = `${s}px`, a && (a.style.opacity = "1"), r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${i}px)`), n();
-}, Ue = ({
+  const l = ae(e), { midAnchorPx: c, sidebarHeightPx: d, translateY: h } = wt(t);
+  l && t.midAnchorPointPx && (l.style.minHeight = `${d}px`), e.current.style.transition = "none", e.current.style.transform = `translateY(${h}px)`, e.current.style.height = `${d}px`, l && (l.style.opacity = "1"), r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${c}px)`), n();
+}, nt = ({
   ref: e,
   options: t,
   toggleRef: r,
   afterApply: n
 }) => {
-  const a = le(e), { midAnchorPx: i, sidebarHeightPx: s, translateY: u } = dt(t);
-  a && t.midAnchorPointPx && (a.style.minHeight = `${s}px`);
+  const l = ae(e), { midAnchorPx: c, sidebarHeightPx: d, translateY: h } = wt(t);
+  l && t.midAnchorPointPx && (l.style.minHeight = `${d}px`);
   const g = t.transitionMs ? t.transitionMs / 2 : 0;
-  a && t.fadeContent && (a.style.opacity = "0"), requestAnimationFrame(() => {
+  l && t.fadeContent && (l.style.opacity = "0"), requestAnimationFrame(() => {
     if (!e.current) return;
-    const c = `transform ${t.transitionMs}ms ${de}`, y = t.isAbsolute ? "" : `, height ${t.transitionMs}ms ${de}`;
-    e.current.style.transition = `${c}${y}`, a && t.fadeContent && (a.style.transition = `opacity ${t.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
+    const p = `transform ${t.transitionMs}ms ${fe}`, S = t.isAbsolute ? "" : `, height ${t.transitionMs}ms ${fe}`;
+    e.current.style.transition = `${p}${S}`, l && t.fadeContent && (l.style.transition = `opacity ${t.fadeContentTransitionMs}ms ease`), requestAnimationFrame(() => {
       if (e.current) {
-        if (e.current.style.transform = `translateY(${u}px)`, !t.isAbsolute)
-          e.current.style.height = `${s}px`;
-        else if (e.current.style.height !== `${s}px`) {
-          const S = e.current.style.transition;
-          e.current.style.transition = c, e.current.style.height = `${s}px`, e.current.style.transition = S;
+        if (e.current.style.transform = `translateY(${h}px)`, !t.isAbsolute)
+          e.current.style.height = `${d}px`;
+        else if (e.current.style.height !== `${d}px`) {
+          const R = e.current.style.transition;
+          e.current.style.transition = p, e.current.style.height = `${d}px`, e.current.style.transition = R;
         }
-        r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${i}px)`), a && t.fadeContent && setTimeout(() => {
-          a.style.opacity = "1";
+        r.current && (r.current.style.opacity = "1", r.current.style.transform = `translateX(-50%) translateY(-${c}px)`), l && t.fadeContent && setTimeout(() => {
+          l.style.opacity = "1";
         }, g), n();
       }
     });
   }), setTimeout(() => {
   }, 0);
-}, Ze = ({
+}, it = ({
   ref: e,
   toggleRef: t,
   options: r,
   translateX: n
 }) => {
   !e.current || n === null || (e.current.style.transition = "none", requestAnimationFrame(() => {
-    const a = le(e);
+    const l = ae(e);
     if (e.current) {
-      if (a && r.fadeContent && (a.style.opacity = "0"), a && r.sidebarWidthPx && (a.style.minWidth = `${r.sidebarWidthPx}px`), !r.isAbsolute) {
-        const i = `${r.sidebarWidthPx}px`;
-        e.current.style.width !== i && (e.current.style.width = i);
+      if (l && r.fadeContent && (l.style.opacity = "0"), l && r.sidebarWidthPx && (l.style.minWidth = `${r.sidebarWidthPx}px`), !r.isAbsolute) {
+        const c = `${r.sidebarWidthPx}px`;
+        e.current.style.width !== c && (e.current.style.width = c);
       }
       e.current.style.transform = `translateX(${n}px)`, t.current && (t.current.style.opacity = "0", t.current.style.transform = `translateY(-50%) translateX(${n}px)`);
     }
   }));
-}, pr = ({
+}, Hr = ({
   ref: e,
   toggleRef: t,
   options: r,
   translateY: n
 }) => {
   !e.current || n === null || (e.current.style.transition = "none", requestAnimationFrame(() => {
-    const a = le(e);
+    const l = ae(e);
     if (e.current) {
-      if (a && r.fadeContent && (a.style.opacity = "0"), a && r.sidebarHeightPx && (a.style.minHeight = `${r.sidebarHeightPx}px`), !r.isAbsolute) {
-        const i = `${r.sidebarHeightPx}px`;
-        e.current.style.height !== i && (e.current.style.height = i);
+      if (l && r.fadeContent && (l.style.opacity = "0"), l && r.sidebarHeightPx && (l.style.minHeight = `${r.sidebarHeightPx}px`), !r.isAbsolute) {
+        const c = `${r.sidebarHeightPx}px`;
+        e.current.style.height !== c && (e.current.style.height = c);
       }
       e.current.style.transform = `translateY(${n}px)`, t.current && (t.current.style.opacity = "0", t.current.style.transform = `translateX(-50%) translateY(${n}px)`);
     }
   }));
-}, Se = ({ refs: e, clientX: t, clientY: r, touchId: n, isMouse: a }) => {
+}, Ee = ({ refs: e, clientX: t, clientY: r, touchId: n, isMouse: l }) => {
   e.draggingRef.current = {
     startX: t,
     startY: r,
     activeTouchId: n,
-    isMouse: a,
+    isMouse: l,
     isActivated: !1
   }, e.currentXRef.current = t, e.prevXRef.current = t;
-}, ze = ({
+}, ot = ({
   refs: e,
   clientX: t,
   clientY: r,
   touchId: n,
-  isMouse: a
+  isMouse: l
 }) => {
   e.draggingRef.current = {
     startX: t,
     startY: r,
     activeTouchId: n,
-    isMouse: a,
+    isMouse: l,
     isActivated: !1
   }, e.currentYRef.current = r, e.prevYRef.current = r;
-}, ft = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
+}, xt = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null, t(null), r();
-}, br = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
+}, Gr = ({ refs: e, dragSidebar: t, onDeactivate: r }) => {
   e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null, t(null);
-}, fe = (e) => e instanceof Element ? !!e.closest("input, textarea, [contenteditable='true']") : !1;
-function Ve(e) {
+}, ge = (e) => e instanceof Element ? !!e.closest("input, textarea, [contenteditable='true']") : !1;
+function st(e) {
   let t = e instanceof HTMLElement ? e : null;
   for (; t; ) {
     const r = getComputedStyle(t);
@@ -858,164 +980,164 @@ function Ve(e) {
   }
   return null;
 }
-const Ae = (e, t) => {
+const _e = (e, t) => {
   for (let r = 0; r < e.length; r++) {
     const n = e[r];
     if (t == null || n.identifier === t)
       return n;
   }
   return null;
-}, Pe = (e, t) => {
+}, Le = (e, t) => {
   for (let r = 0; r < e.length; r++)
     if (e[r].identifier === t)
       return !0;
   return !1;
-}, Me = (e, t, r) => {
+}, De = (e, t, r) => {
   const {
     globalOptions: n,
-    setLeftSidebarOptions: a,
-    setRightSidebarOptions: i,
-    setBottomSidebarOptionsById: s
-  } = te(), {
-    sidebarWidthPx: u,
+    setLeftSidebarOptionsById: l,
+    setRightSidebarOptionsById: c,
+    setBottomSidebarOptionsById: d
+  } = J(), {
+    sidebarWidthPx: h,
     sidebarHeightPx: g,
-    transitionMs: c,
-    edgeActivationWidthPx: y,
-    dragActivationDeltaPx: S,
-    showOverlay: l,
-    isAbsolute: v,
-    overlayBackgroundColor: A,
-    toggleIconColor: h,
-    toggleIconSizePx: O,
-    toggleIconEdgeDistancePx: C,
+    transitionMs: p,
+    edgeActivationWidthPx: S,
+    dragActivationDeltaPx: R,
+    showOverlay: m,
+    isAbsolute: T,
+    overlayBackgroundColor: C,
+    toggleIconColor: u,
+    toggleIconSizePx: w,
+    toggleIconEdgeDistancePx: x,
     showToggle: _,
-    mediaQueryWidth: W,
-    swipeBarZIndex: j,
-    toggleZIndex: F,
-    overlayZIndex: X,
-    fadeContent: p,
-    fadeContentTransitionMs: x,
-    swipeToOpen: M,
-    swipeToClose: I,
+    mediaQueryWidth: B,
+    swipeBarZIndex: Y,
+    toggleZIndex: H,
+    overlayZIndex: k,
+    fadeContent: W,
+    fadeContentTransitionMs: X,
+    swipeToOpen: V,
+    swipeToClose: j,
     midAnchorPoint: Q,
-    midAnchorPointPx: $,
-    disabled: K,
-    closeSidebarOnOverlayClick: V,
-    resetMetaOnClose: G
-  } = t, H = it(() => {
-    const q = g ?? n.sidebarHeightPx;
+    midAnchorPointPx: G,
+    disabled: b,
+    closeSidebarOnOverlayClick: M,
+    resetMetaOnClose: P
+  } = t, F = Te(() => {
+    const U = g ?? n.sidebarHeightPx;
     return {
-      sidebarWidthPx: u ?? n.sidebarWidthPx,
-      sidebarHeightPx: q,
-      transitionMs: c ?? n.transitionMs,
-      edgeActivationWidthPx: y ?? n.edgeActivationWidthPx,
-      dragActivationDeltaPx: S ?? n.dragActivationDeltaPx,
-      showOverlay: l ?? n.showOverlay,
-      isAbsolute: v ?? n.isAbsolute,
-      overlayBackgroundColor: A ?? n.overlayBackgroundColor,
-      toggleIconColor: h ?? n.toggleIconColor,
-      toggleIconSizePx: O ?? n.toggleIconSizePx,
-      toggleIconEdgeDistancePx: C ?? n.toggleIconEdgeDistancePx,
+      sidebarWidthPx: h ?? n.sidebarWidthPx,
+      sidebarHeightPx: U,
+      transitionMs: p ?? n.transitionMs,
+      edgeActivationWidthPx: S ?? n.edgeActivationWidthPx,
+      dragActivationDeltaPx: R ?? n.dragActivationDeltaPx,
+      showOverlay: m ?? n.showOverlay,
+      isAbsolute: T ?? n.isAbsolute,
+      overlayBackgroundColor: C ?? n.overlayBackgroundColor,
+      toggleIconColor: u ?? n.toggleIconColor,
+      toggleIconSizePx: w ?? n.toggleIconSizePx,
+      toggleIconEdgeDistancePx: x ?? n.toggleIconEdgeDistancePx,
       showToggle: _ ?? n.showToggle,
-      mediaQueryWidth: W ?? n.mediaQueryWidth,
-      swipeBarZIndex: j ?? n.swipeBarZIndex,
-      toggleZIndex: F ?? n.toggleZIndex,
-      overlayZIndex: X ?? n.overlayZIndex,
-      fadeContent: p ?? n.fadeContent,
-      fadeContentTransitionMs: x ?? n.fadeContentTransitionMs,
-      swipeToOpen: M ?? n.swipeToOpen,
-      swipeToClose: I ?? n.swipeToClose,
+      mediaQueryWidth: B ?? n.mediaQueryWidth,
+      swipeBarZIndex: Y ?? n.swipeBarZIndex,
+      toggleZIndex: H ?? n.toggleZIndex,
+      overlayZIndex: k ?? n.overlayZIndex,
+      fadeContent: W ?? n.fadeContent,
+      fadeContentTransitionMs: X ?? n.fadeContentTransitionMs,
+      swipeToOpen: V ?? n.swipeToOpen,
+      swipeToClose: j ?? n.swipeToClose,
       midAnchorPoint: Q ?? n.midAnchorPoint,
-      midAnchorPointPx: $ ?? n.midAnchorPointPx ?? Math.floor(q / 3),
-      disabled: K ?? n.disabled,
-      closeSidebarOnOverlayClick: V ?? n.closeSidebarOnOverlayClick,
-      resetMetaOnClose: G ?? n.resetMetaOnClose
+      midAnchorPointPx: G ?? n.midAnchorPointPx ?? Math.floor(U / 3),
+      disabled: b ?? n.disabled,
+      closeSidebarOnOverlayClick: M ?? n.closeSidebarOnOverlayClick,
+      resetMetaOnClose: P ?? n.resetMetaOnClose
     };
   }, [
-    u,
+    h,
     g,
-    c,
-    y,
+    p,
     S,
-    l,
-    v,
-    A,
-    h,
-    O,
+    R,
+    m,
+    T,
     C,
+    u,
+    w,
+    x,
     _,
     n,
+    B,
+    Y,
+    H,
+    k,
     W,
-    j,
-    F,
     X,
-    p,
-    x,
-    M,
-    I,
-    Q,
-    $,
-    K,
     V,
-    G
+    j,
+    Q,
+    G,
+    b,
+    M,
+    P
   ]);
-  return Z(() => {
-    e === "left" ? a(H) : e === "right" ? i(H) : e === "bottom" ? s(r ?? "primary", H) : Ee(e);
+  return q(() => {
+    e === "left" ? l(r ?? "primary", F) : e === "right" ? c(r ?? "primary", F) : e === "bottom" ? d(r ?? "primary", F) : Ce(e);
   }, [
     e,
     r,
-    H,
-    a,
-    i,
-    s
-  ]), H;
+    F,
+    l,
+    c,
+    d
+  ]), F;
 };
-function Ce({
+function Ye({
   isCollapsed: e,
   setCollapsed: t,
   closeSidebarOnClick: r = !0,
   transitionMs: n,
-  overlayBackgroundColor: a,
-  overlayZIndex: i
+  overlayBackgroundColor: l,
+  overlayZIndex: c
 }) {
-  return /* @__PURE__ */ T.jsx(
+  return /* @__PURE__ */ I.jsx(
     "div",
     {
       "aria-hidden": "true",
       style: {
         transitionDuration: `${n}ms`,
-        ...dr,
-        ...e ? {} : fr,
-        ...a ? { backgroundColor: a } : {},
-        zIndex: i
+        ...kr,
+        ...e ? {} : Wr,
+        ...l ? { backgroundColor: l } : {},
+        zIndex: c
       },
-      onMouseDown: (s) => {
-        r && (s.stopPropagation(), t());
+      onMouseDown: (d) => {
+        r && (d.stopPropagation(), t());
       }
     }
   );
 }
-function Ie({ size: e, color: t }) {
+function Xe({ size: e, color: t }) {
   const r = L(null);
-  return Z(() => {
+  return q(() => {
     const n = () => {
       r.current && (r.current.style.opacity = "1");
-    }, a = () => {
-      r.current && (r.current.style.opacity = `${Fe}`);
+    }, l = () => {
+      r.current && (r.current.style.opacity = `${et}`);
     };
-    r.current && (r.current.addEventListener("mouseenter", n), r.current.addEventListener("mouseleave", a));
-  }, []), /* @__PURE__ */ T.jsx(
+    r.current && (r.current.addEventListener("mouseenter", n), r.current.addEventListener("mouseleave", l));
+  }, []), /* @__PURE__ */ I.jsx(
     "div",
     {
       style: {
-        ...hr
+        ...Fr
       },
-      children: /* @__PURE__ */ T.jsxs(
+      children: /* @__PURE__ */ I.jsxs(
         "svg",
         {
           style: {
-            transition: `opacity ${Jt}ms ease`,
-            opacity: `${Fe}`
+            transition: `opacity ${Er}ms ease`,
+            opacity: `${et}`
           },
           ref: r,
           "aria-hidden": "true",
@@ -1024,8 +1146,8 @@ function Ie({ size: e, color: t }) {
           xmlns: "http://www.w3.org/2000/svg",
           width: e,
           children: [
-            /* @__PURE__ */ T.jsx("g", { strokeWidth: "0" }),
-            /* @__PURE__ */ T.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ T.jsx("g", { children: /* @__PURE__ */ T.jsx(
+            /* @__PURE__ */ I.jsx("g", { strokeWidth: "0" }),
+            /* @__PURE__ */ I.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ I.jsx("g", { children: /* @__PURE__ */ I.jsx(
               "path",
               {
                 clipRule: "evenodd",
@@ -1040,24 +1162,24 @@ function Ie({ size: e, color: t }) {
     }
   );
 }
-function vr({
+function Ur({
   id: e,
   toggleRef: t,
   options: r,
   showToggle: n = !0,
-  ToggleComponent: a
+  ToggleComponent: l
 }) {
-  const { openSidebar: i, closeSidebar: s, bottomSidebars: u } = te(), g = u[e]?.isOpen ?? !1;
-  return n ? /* @__PURE__ */ T.jsx(
+  const { openSidebar: c, closeSidebar: d, bottomSidebars: h } = J(), g = h[e]?.isOpen ?? !1;
+  return n ? /* @__PURE__ */ I.jsx(
     "div",
     {
       ref: t,
       style: {
-        ...gr,
+        ...jr,
         transition: `transform ${r.transitionMs}ms ease, opacity ${r.transitionMs}ms ease`,
         zIndex: r.toggleZIndex
       },
-      children: (!g || g && !r.showOverlay) && /* @__PURE__ */ T.jsx(
+      children: (!g || g && !r.showOverlay) && /* @__PURE__ */ I.jsx(
         "button",
         {
           type: "button",
@@ -1065,7 +1187,7 @@ function vr({
           "aria-controls": `swipebar-bottom-${e}`,
           "aria-label": g ? "Close bottom sidebar" : "Open bottom sidebar",
           onClick: () => {
-            r.disabled || (g ? s("bottom", { id: e }) : i("bottom", { id: e }));
+            r.disabled || (g ? d("bottom", { id: e }) : c("bottom", { id: e }));
           },
           disabled: r.disabled,
           style: {
@@ -1073,160 +1195,160 @@ function vr({
             // Rotate icon: -90deg points up when closed, 90deg points down when open
             transform: g ? "rotate(90deg)" : "rotate(-90deg)"
           },
-          children: a ?? /* @__PURE__ */ T.jsx(Ie, { size: r.toggleIconSizePx, color: r.toggleIconColor })
+          children: l ?? /* @__PURE__ */ I.jsx(Xe, { size: r.toggleIconSizePx, color: r.toggleIconColor })
         }
       )
     }
   ) : null;
 }
-function _e({ defaultOpen: e, optionsReady: t, onOpen: r }) {
+function $e({ defaultOpen: e, optionsReady: t, onOpen: r }) {
   const n = L(!1);
-  return Dt(() => {
+  return cr(() => {
     e && (document.body.style.overflow = "hidden");
-  }, [e]), Z(() => {
+  }, [e]), q(() => {
     e && !n.current && t && (n.current = !0, r());
   }, [e, r, t]), { forceOverlayVisible: !!e && !n.current };
 }
-const yr = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', qe = { preventScroll: !0, focusVisible: !1 };
-function Qe(e) {
-  return Array.from(e.querySelectorAll(yr)).filter(
+const Zr = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', at = { preventScroll: !0, focusVisible: !1 };
+function ct(e) {
+  return Array.from(e.querySelectorAll(Zr)).filter(
     (t) => !t.closest("[inert]")
   );
 }
-function Le({
+function Be({
   sidebarRef: e,
   triggerRef: t,
   isOpen: r,
   onClose: n,
-  transitionMs: a
+  transitionMs: l
 }) {
-  const i = L(null);
-  Z(() => {
+  const c = L(null);
+  q(() => {
     if (r) {
-      i.current = document.activeElement;
-      const u = setTimeout(() => {
+      c.current = document.activeElement;
+      const h = setTimeout(() => {
         if (!e.current) return;
-        const g = qe, c = Qe(e.current);
-        c.length > 0 ? c[0].focus(g) : (e.current.setAttribute("tabindex", "-1"), e.current.focus(g));
-      }, a);
-      return () => clearTimeout(u);
+        const g = at, p = ct(e.current);
+        p.length > 0 ? p[0].focus(g) : (e.current.setAttribute("tabindex", "-1"), e.current.focus(g));
+      }, l);
+      return () => clearTimeout(h);
     }
-    const s = i.current;
-    if (s) {
-      const u = t.current?.querySelector("button") ?? s;
+    const d = c.current;
+    if (d) {
+      const h = t.current?.querySelector("button") ?? d;
       requestAnimationFrame(() => {
-        u.focus(qe);
-      }), i.current = null;
+        h.focus(at);
+      }), c.current = null;
     }
-  }, [r, e, t, a]), Z(() => {
+  }, [r, e, t, l]), q(() => {
     if (!r) return;
-    function s(u) {
-      if (u.key === "Escape") {
+    function d(h) {
+      if (h.key === "Escape") {
         if (!e.current) return;
-        e.current.contains(document.activeElement) && (u.preventDefault(), n());
+        e.current.contains(document.activeElement) && (h.preventDefault(), n());
         return;
       }
-      if (u.key !== "Tab" || !e.current) return;
-      const g = Qe(e.current);
+      if (h.key !== "Tab" || !e.current) return;
+      const g = ct(e.current);
       if (g.length === 0) return;
-      const c = g[0], y = g[g.length - 1];
-      u.shiftKey ? document.activeElement === c && (u.preventDefault(), y.focus()) : document.activeElement === y && (u.preventDefault(), c.focus());
+      const p = g[0], S = g[g.length - 1];
+      h.shiftKey ? document.activeElement === p && (h.preventDefault(), S.focus()) : document.activeElement === S && (h.preventDefault(), p.focus());
     }
-    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
   }, [r, e, n]);
 }
-function ge(e = Te) {
-  const t = `(max-width: ${Math.min(e, Te)}px)`, r = () => typeof window > "u" || typeof window.matchMedia > "u" ? !1 : window.matchMedia(t).matches, [n, a] = J(r);
-  return Z(() => {
+function he(e = Me) {
+  const t = `(max-width: ${Math.min(e, Me)}px)`, r = () => typeof window > "u" || typeof window.matchMedia > "u" ? !1 : window.matchMedia(t).matches, [n, l] = te(r);
+  return q(() => {
     if (typeof window > "u" || typeof window.matchMedia > "u")
       return;
-    const i = window.matchMedia(t), s = () => a(i.matches);
-    return s(), i.addEventListener("change", s), () => i.removeEventListener("change", s);
+    const c = window.matchMedia(t), d = () => l(c.matches);
+    return d(), c.addEventListener("change", d), () => c.removeEventListener("change", d);
   }, [t]), n;
 }
-const Je = ({
+const lt = ({
   refs: e,
   callbacks: t,
   currentY: r,
   preventDefault: n,
-  lockPane: a,
-  options: i,
-  scrollableAncestor: s,
-  initialScrollTop: u
+  lockPane: l,
+  options: c,
+  scrollableAncestor: d,
+  initialScrollTop: h
 }) => {
   if (!e.draggingRef.current) return;
   const g = r - e.draggingRef.current.startY;
-  if (!e.draggingRef.current.isActivated && Math.abs(g) >= i.dragActivationDeltaPx) {
-    if (s && t.getIsOpen()) {
-      if (s.scrollTop !== u) {
+  if (!e.draggingRef.current.isActivated && Math.abs(g) >= c.dragActivationDeltaPx) {
+    if (d && t.getIsOpen()) {
+      if (d.scrollTop !== h) {
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
-      const { scrollTop: h, scrollHeight: O, clientHeight: C } = s, _ = h > 1, W = h + C < O - 1;
-      if (g > 0 && _ || g < 0 && W) {
+      const { scrollTop: u, scrollHeight: w, clientHeight: x } = d, _ = u > 1, B = u + x < w - 1;
+      if (g > 0 && _ || g < 0 && B) {
         e.draggingRef.current = null, t.dragSidebar(null);
         return;
       }
     }
-    e.draggingRef.current.isActivated = !0, a();
+    e.draggingRef.current.isActivated = !0, l();
   }
   if (!e.draggingRef.current.isActivated) return;
   e.prevYRef.current = e.currentYRef.current, e.currentYRef.current = r;
-  const c = t.getIsOpen(), y = window.innerHeight;
-  let S = !1;
-  if ((c || e.draggingRef.current.startY >= y - i.edgeActivationWidthPx) && (S = !0), !S) {
+  const p = t.getIsOpen(), S = window.innerHeight;
+  let R = !1;
+  if ((p || e.draggingRef.current.startY >= S - c.edgeActivationWidthPx) && (R = !0), !R) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   n();
-  const l = i.sidebarHeightPx, v = i.midAnchorPointPx, A = i.midAnchorPoint && !i.swipeToOpen && v < l;
-  if (c)
-    if (A) {
-      const h = t.getBottomAnchorState();
-      if (h === "open") {
-        const O = Math.max(
+  const m = c.sidebarHeightPx, T = c.midAnchorPointPx, C = c.midAnchorPoint && !c.swipeToOpen && T < m;
+  if (p)
+    if (C) {
+      const u = t.getBottomAnchorState();
+      if (u === "open") {
+        const w = Math.max(
           0,
-          Math.min(l, g - i.dragActivationDeltaPx)
+          Math.min(m, g - c.dragActivationDeltaPx)
         );
-        t.dragSidebar(O);
-      } else if (h === "midAnchor") {
-        const O = l - v, C = Math.max(
+        t.dragSidebar(w);
+      } else if (u === "midAnchor") {
+        const w = m - T, x = Math.max(
           0,
           Math.min(
-            l,
-            O + g - i.dragActivationDeltaPx
+            m,
+            w + g - c.dragActivationDeltaPx
           )
         );
-        t.dragSidebar(C);
+        t.dragSidebar(x);
       }
     } else {
-      const h = Math.max(
+      const u = Math.max(
         0,
-        Math.min(l, g - i.dragActivationDeltaPx)
+        Math.min(m, g - c.dragActivationDeltaPx)
       );
-      t.dragSidebar(h);
+      t.dragSidebar(u);
     }
-  else if (e.draggingRef.current.startY >= y - i.edgeActivationWidthPx)
-    if (A) {
-      const h = l - v, O = Math.max(
-        h,
+  else if (e.draggingRef.current.startY >= S - c.edgeActivationWidthPx)
+    if (C) {
+      const u = m - T, w = Math.max(
+        u,
         Math.min(
-          l,
-          l + g + i.dragActivationDeltaPx
+          m,
+          m + g + c.dragActivationDeltaPx
         )
       );
-      t.dragSidebar(O);
+      t.dragSidebar(w);
     } else {
-      const h = Math.max(
+      const u = Math.max(
         0,
         Math.min(
-          l,
-          l + g + i.dragActivationDeltaPx
+          m,
+          m + g + c.dragActivationDeltaPx
         )
       );
-      t.dragSidebar(h);
+      t.dragSidebar(u);
     }
-}, Ke = ({
+}, ut = ({
   refs: e,
   callbacks: t,
   options: r,
@@ -1237,249 +1359,249 @@ const Je = ({
     e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null;
     return;
   }
-  const a = e.currentYRef.current ?? e.draggingRef.current.startY, i = e.prevYRef.current ?? e.draggingRef.current.startY, s = e.draggingRef.current.startY, u = t.getIsOpen(), g = window.innerHeight;
+  const l = e.currentYRef.current ?? e.draggingRef.current.startY, c = e.prevYRef.current ?? e.draggingRef.current.startY, d = e.draggingRef.current.startY, h = t.getIsOpen(), g = window.innerHeight;
   e.draggingRef.current = null, e.currentYRef.current = null, e.prevYRef.current = null, n();
-  const c = a < i, y = a >= i, S = s >= g - r.edgeActivationWidthPx, l = r.midAnchorPointPx, v = r.sidebarHeightPx, A = r.midAnchorPoint && !r.swipeToOpen && l < v;
-  if (u)
-    if (A) {
-      const h = t.getBottomAnchorState(), O = v - l;
-      if (h === "open") {
-        const C = Math.max(0, a - s);
-        y ? C > O ? t.closeSidebar() : t.openToMidAnchor() : C < O ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
-      } else if (h === "midAnchor") {
-        const C = v - l, _ = Math.max(
+  const p = l < c, S = l >= c, R = d >= g - r.edgeActivationWidthPx, m = r.midAnchorPointPx, T = r.sidebarHeightPx, C = r.midAnchorPoint && !r.swipeToOpen && m < T;
+  if (h)
+    if (C) {
+      const u = t.getBottomAnchorState(), w = T - m;
+      if (u === "open") {
+        const x = Math.max(0, l - d);
+        S ? x > w ? t.closeSidebar() : t.openToMidAnchor() : x < w ? t.openSidebarFully() : t.closeSidebar(), t.dragSidebar(null);
+      } else if (u === "midAnchor") {
+        const x = T - m, _ = Math.max(
           0,
-          Math.min(v, C + (a - s))
+          Math.min(T, x + (l - d))
         );
-        c ? _ < O ? t.openSidebarFully() : t.openToMidAnchor() : t.closeSidebar(), t.dragSidebar(null);
+        p ? _ < w ? t.openSidebarFully() : t.openToMidAnchor() : t.closeSidebar(), t.dragSidebar(null);
       }
     } else
-      y ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null);
-  else S && c ? (A ? t.openToMidAnchor() : t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
+      S ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null);
+  else R && p ? (C ? t.openToMidAnchor() : t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function wr(e, t) {
-  const r = ge(e.mediaQueryWidth), {
+function zr(e, t) {
+  const r = he(e.mediaQueryWidth), {
     lockedSidebar: n,
-    setLockedSidebar: a,
-    bottomSidebars: i,
-    openSidebar: s,
-    openSidebarFully: u,
+    setLockedSidebar: l,
+    bottomSidebars: c,
+    openSidebar: d,
+    openSidebarFully: h,
     closeSidebar: g,
-    dragSidebar: c,
-    openSidebarToMidAnchor: y,
-    activeBottomDragIdRef: S,
-    bottomFocusStackRef: l
-  } = te(), v = i[t]?.isOpen ?? !1, A = i[t]?.anchorState ?? "closed", h = L(null), O = L(null), C = L(null), _ = L(null), W = L(0), j = L(null), F = L(A);
-  Z(() => {
-    F.current = A;
-  }, [A]), Z(() => {
+    dragSidebar: p,
+    openSidebarToMidAnchor: S,
+    activeBottomDragIdRef: R,
+    bottomFocusStackRef: m
+  } = J(), T = c[t]?.isOpen ?? !1, C = c[t]?.anchorState ?? "closed", u = L(null), w = L(null), x = L(null), _ = L(null), B = L(0), Y = L(null), H = L(C);
+  q(() => {
+    H.current = C;
+  }, [C]), q(() => {
     if (!r || n && n !== "bottom" || e.disabled) return;
-    const X = {
-      getIsOpen: () => v,
-      openSidebar: () => s("bottom", { id: t }),
-      openSidebarFully: () => u("bottom", { id: t }),
+    const k = {
+      getIsOpen: () => T,
+      openSidebar: () => d("bottom", { id: t }),
+      openSidebarFully: () => h("bottom", { id: t }),
       closeSidebar: () => g("bottom", { id: t }),
-      dragSidebar: (R) => c("bottom", R, { id: t }),
-      getBottomAnchorState: () => F.current,
-      openToMidAnchor: () => y("bottom", { id: t })
-    }, p = {
-      draggingRef: h,
-      currentYRef: O,
-      prevYRef: C
-    }, x = () => S.current !== null && S.current !== t, M = () => {
-      const R = l.current;
-      return R.length === 0 ? !0 : R[R.length - 1] === t;
-    }, I = () => {
-      if (x()) {
-        h.current = null;
+      dragSidebar: (A) => p("bottom", A, { id: t }),
+      getBottomAnchorState: () => H.current,
+      openToMidAnchor: () => S("bottom", { id: t })
+    }, W = {
+      draggingRef: u,
+      currentYRef: w,
+      prevYRef: x
+    }, X = () => R.current !== null && R.current !== t, V = () => {
+      const A = m.current;
+      return A.length === 0 ? !0 : A[A.length - 1] === t;
+    }, j = () => {
+      if (X()) {
+        u.current = null;
         return;
       }
-      S.current = t, a("bottom");
-      const R = _.current;
-      R && (j.current = R.style.overflowY, R.style.overflowY = "hidden");
+      R.current = t, l("bottom");
+      const A = _.current;
+      A && (Y.current = A.style.overflowY, A.style.overflowY = "hidden");
     }, Q = () => {
-      S.current === t && (S.current = null);
-      const R = _.current;
-      R && j.current !== null && (R.style.overflowY = j.current, j.current = null);
+      R.current === t && (R.current = null);
+      const A = _.current;
+      A && Y.current !== null && (A.style.overflowY = Y.current, Y.current = null);
     };
-    function $(R) {
-      if (n && n !== "bottom" || x() || !M() || fe(R.target) || R.changedTouches.length === 0) return;
-      const U = R.changedTouches[0], o = window.innerHeight, b = X.getIsOpen(), P = U.clientY >= o - e.edgeActivationWidthPx;
-      b && !e.swipeToClose || !b && !e.swipeToOpen || (b || P) && (_.current = Ve(R.target), W.current = _.current?.scrollTop ?? 0, ze({
-        refs: p,
-        clientX: U.clientX,
-        clientY: U.clientY,
-        touchId: U.identifier,
+    function G(A) {
+      if (n && n !== "bottom" || X() || !V() || ge(A.target) || A.changedTouches.length === 0) return;
+      const Z = A.changedTouches[0], a = window.innerHeight, y = k.getIsOpen(), $ = Z.clientY >= a - e.edgeActivationWidthPx;
+      y && !e.swipeToClose || !y && !e.swipeToOpen || (y || $) && (_.current = st(A.target), B.current = _.current?.scrollTop ?? 0, ot({
+        refs: W,
+        clientX: Z.clientX,
+        clientY: Z.clientY,
+        touchId: Z.identifier,
         isMouse: !1
       }));
     }
-    function K(R) {
+    function b(A) {
       if (n && n !== "bottom") return;
-      if (x()) {
-        h.current = null;
+      if (X()) {
+        u.current = null;
         return;
       }
-      if (!h.current || h.current.isMouse) return;
-      const U = h.current.activeTouchId, o = Ae(R.changedTouches, U);
-      o && Je({
-        refs: p,
-        callbacks: X,
-        currentY: o.clientY,
-        preventDefault: () => R.preventDefault(),
-        lockPane: I,
+      if (!u.current || u.current.isMouse) return;
+      const Z = u.current.activeTouchId, a = _e(A.changedTouches, Z);
+      a && lt({
+        refs: W,
+        callbacks: k,
+        currentY: a.clientY,
+        preventDefault: () => A.preventDefault(),
+        lockPane: j,
         options: e,
         scrollableAncestor: _.current,
-        initialScrollTop: W.current
+        initialScrollTop: B.current
       });
     }
-    function V(R) {
-      if (n && n !== "bottom" || !h.current || h.current.isMouse) return;
-      const U = h.current.activeTouchId;
-      Pe(R.changedTouches, U) && Ke({
-        refs: p,
-        callbacks: X,
+    function M(A) {
+      if (n && n !== "bottom" || !u.current || u.current.isMouse) return;
+      const Z = u.current.activeTouchId;
+      Le(A.changedTouches, Z) && ut({
+        refs: W,
+        callbacks: k,
         options: e,
         onDragEnd: Q
       });
     }
-    function G() {
-      n && n !== "bottom" || !h.current || h.current.isMouse || (Q(), br({
-        refs: p,
-        dragSidebar: X.dragSidebar,
+    function P() {
+      n && n !== "bottom" || !u.current || u.current.isMouse || (Q(), Gr({
+        refs: W,
+        dragSidebar: k.dragSidebar,
         onDeactivate: () => {
         }
       }));
     }
-    function H(R) {
-      if (n && n !== "bottom" || x() || !M() || fe(R.target) || R.button !== 0) return;
-      const U = window.innerHeight, o = X.getIsOpen(), b = R.clientY >= U - e.edgeActivationWidthPx;
-      o && !e.swipeToClose || !o && !e.swipeToOpen || (o || b) && (_.current = Ve(R.target), W.current = _.current?.scrollTop ?? 0, ze({
-        refs: p,
-        clientX: R.clientX,
-        clientY: R.clientY,
+    function F(A) {
+      if (n && n !== "bottom" || X() || !V() || ge(A.target) || A.button !== 0) return;
+      const Z = window.innerHeight, a = k.getIsOpen(), y = A.clientY >= Z - e.edgeActivationWidthPx;
+      a && !e.swipeToClose || !a && !e.swipeToOpen || (a || y) && (_.current = st(A.target), B.current = _.current?.scrollTop ?? 0, ot({
+        refs: W,
+        clientX: A.clientX,
+        clientY: A.clientY,
         touchId: null,
         isMouse: !0
       }));
     }
-    function q(R) {
+    function U(A) {
       if (!(n && n !== "bottom")) {
-        if (x()) {
-          h.current = null;
+        if (X()) {
+          u.current = null;
           return;
         }
-        !h.current || !h.current.isMouse || Je({
-          refs: p,
-          callbacks: X,
-          currentY: R.clientY,
-          preventDefault: () => R.preventDefault(),
-          lockPane: I,
+        !u.current || !u.current.isMouse || lt({
+          refs: W,
+          callbacks: k,
+          currentY: A.clientY,
+          preventDefault: () => A.preventDefault(),
+          lockPane: j,
           options: e,
           scrollableAncestor: _.current,
-          initialScrollTop: W.current
+          initialScrollTop: B.current
         });
       }
     }
-    function oe() {
-      n && n !== "bottom" || !h.current || !h.current.isMouse || Ke({
-        refs: p,
-        callbacks: X,
+    function ie() {
+      n && n !== "bottom" || !u.current || !u.current.isMouse || ut({
+        refs: W,
+        callbacks: k,
         options: e,
         onDragEnd: Q
       });
     }
-    return window.addEventListener("touchstart", $, { passive: !0 }), window.addEventListener("touchmove", K, { passive: !1 }), window.addEventListener("touchend", V, { passive: !0 }), window.addEventListener("touchcancel", G, { passive: !0 }), window.addEventListener("mousedown", H, { passive: !0 }), window.addEventListener("mousemove", q, { passive: !1 }), window.addEventListener("mouseup", oe, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", $), window.removeEventListener("touchmove", K), window.removeEventListener("touchend", V), window.removeEventListener("touchcancel", G), window.removeEventListener("mousedown", H), window.removeEventListener("mousemove", q), window.removeEventListener("mouseup", oe);
+    return window.addEventListener("touchstart", G, { passive: !0 }), window.addEventListener("touchmove", b, { passive: !1 }), window.addEventListener("touchend", M, { passive: !0 }), window.addEventListener("touchcancel", P, { passive: !0 }), window.addEventListener("mousedown", F, { passive: !0 }), window.addEventListener("mousemove", U, { passive: !1 }), window.addEventListener("mouseup", ie, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", G), window.removeEventListener("touchmove", b), window.removeEventListener("touchend", M), window.removeEventListener("touchcancel", P), window.removeEventListener("mousedown", F), window.removeEventListener("mousemove", U), window.removeEventListener("mouseup", ie);
     };
   }, [
     t,
     r,
-    v,
-    s,
-    u,
+    T,
+    d,
+    h,
     g,
-    c,
+    p,
     n,
-    a,
+    l,
     e,
-    y,
     S,
-    l
+    R,
+    m
   ]);
 }
-function Pr({
+function rn({
   id: e = "primary",
   className: t,
   children: r,
   ToggleComponent: n,
-  ariaLabel: a,
-  defaultOpen: i,
-  ...s
+  ariaLabel: l,
+  defaultOpen: c,
+  ...d
 }) {
-  if (r?.type === T.Fragment)
+  if (r?.type === I.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarBottom");
   const {
-    bottomSidebars: u,
+    bottomSidebars: h,
     bottomSidebarOptionsMap: g,
-    closeSidebar: c,
-    openSidebarFully: y,
-    registerBottomSidebar: S,
-    unregisterBottomSidebar: l
-  } = te(), v = L(null), A = L(null);
-  Z(() => (S(e, { sidebarRef: v, toggleRef: A }), () => l(e)), [e, S, l]);
-  const h = Me("bottom", s, e), O = ge(h.mediaQueryWidth);
-  wr(h, e);
-  const C = u[e]?.isOpen ?? !1, _ = Y(
-    () => y("bottom", { id: e, skipTransition: !0 }),
-    [y, e]
-  ), { forceOverlayVisible: W } = _e({
-    defaultOpen: i,
+    closeSidebar: p,
+    openSidebarFully: S,
+    registerBottomSidebar: R,
+    unregisterBottomSidebar: m
+  } = J(), T = L(null), C = L(null);
+  q(() => (R(e, { sidebarRef: T, toggleRef: C }), () => m(e)), [e, R, m]);
+  const u = De("bottom", d, e), w = he(u.mediaQueryWidth);
+  zr(u, e);
+  const x = h[e]?.isOpen ?? !1, _ = E(
+    () => S("bottom", { id: e, skipTransition: !0 }),
+    [S, e]
+  ), { forceOverlayVisible: B } = $e({
+    defaultOpen: c,
     optionsReady: !!g[e],
     onOpen: _
-  }), j = Y(() => c("bottom", { id: e }), [c, e]);
-  return Le({
-    sidebarRef: v,
-    triggerRef: A,
-    isOpen: C,
-    onClose: j,
-    transitionMs: h.transitionMs
-  }), /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
-    h.showOverlay && /* @__PURE__ */ T.jsx(
-      Ce,
+  }), Y = E(() => p("bottom", { id: e }), [p, e]);
+  return Be({
+    sidebarRef: T,
+    triggerRef: C,
+    isOpen: x,
+    onClose: Y,
+    transitionMs: u.transitionMs
+  }), /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
+    u.showOverlay && /* @__PURE__ */ I.jsx(
+      Ye,
       {
-        isCollapsed: !C && !W,
-        setCollapsed: () => c("bottom", { id: e }),
-        closeSidebarOnClick: h.closeSidebarOnOverlayClick,
-        transitionMs: h.transitionMs,
-        overlayBackgroundColor: h.overlayBackgroundColor,
-        overlayZIndex: h.overlayZIndex
+        isCollapsed: !x && !B,
+        setCollapsed: () => p("bottom", { id: e }),
+        closeSidebarOnClick: u.closeSidebarOnOverlayClick,
+        transitionMs: u.transitionMs,
+        overlayBackgroundColor: u.overlayBackgroundColor,
+        overlayZIndex: u.overlayZIndex
       }
     ),
-    /* @__PURE__ */ T.jsx(
-      vr,
+    /* @__PURE__ */ I.jsx(
+      Ur,
       {
         id: e,
-        toggleRef: A,
-        options: h,
-        showToggle: h.showToggle,
+        toggleRef: C,
+        options: u,
+        showToggle: u.showToggle,
         ToggleComponent: n
       }
     ),
-    /* @__PURE__ */ T.jsx(
+    /* @__PURE__ */ I.jsx(
       "div",
       {
-        ref: v,
+        ref: T,
         id: `swipebar-bottom-${e}`,
         role: "dialog",
-        "aria-modal": C,
-        "aria-label": a ?? "Bottom sidebar",
-        inert: !C,
+        "aria-modal": x,
+        "aria-label": l ?? "Bottom sidebar",
+        inert: !x,
         style: {
-          ...cr,
-          ...lr,
-          ...h.isAbsolute || O ? ur : {},
-          ...t ? {} : { backgroundColor: Oe },
-          zIndex: h.swipeBarZIndex,
-          ...i ? { transform: "translateY(0px)", height: `${h.sidebarHeightPx}px` } : {}
+          ...Xr,
+          ...$r,
+          ...u.isAbsolute || w ? Br : {},
+          ...t ? {} : { backgroundColor: Ie },
+          zIndex: u.swipeBarZIndex,
+          ...c ? { transform: "translateY(0px)", height: `${u.sidebarHeightPx}px` } : {}
         },
         className: t,
         children: r
@@ -1487,539 +1609,615 @@ function Pr({
     )
   ] });
 }
-function Sr({ options: e, showToggle: t = !0, ToggleComponent: r }) {
-  const { openSidebar: n, leftToggleRef: a, isLeftOpen: i, closeSidebar: s } = te();
-  return t ? /* @__PURE__ */ T.jsx(
+function Vr({
+  id: e,
+  toggleRef: t,
+  options: r,
+  showToggle: n = !0,
+  ToggleComponent: l
+}) {
+  const { openSidebar: c, closeSidebar: d, leftSidebars: h } = J(), g = h[e]?.isOpen ?? !1;
+  return n ? /* @__PURE__ */ I.jsx(
     "div",
     {
-      ref: a,
+      ref: t,
       style: {
-        ...ct,
-        transition: `transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,
+        ...yt,
+        transition: `transform ${r.transitionMs}ms ease, opacity ${r.transitionMs}ms ease`,
         left: 0,
-        zIndex: e.toggleZIndex
+        zIndex: r.toggleZIndex
       },
-      children: (!i || i && !e.showOverlay) && /* @__PURE__ */ T.jsx(
+      children: (!g || g && !r.showOverlay) && /* @__PURE__ */ I.jsx(
         "button",
         {
           type: "button",
-          "aria-expanded": i,
-          "aria-controls": "swipebar-left",
-          "aria-label": i ? "Close left sidebar" : "Open left sidebar",
+          "aria-expanded": g,
+          "aria-controls": `swipebar-left-${e}`,
+          "aria-label": g ? "Close left sidebar" : "Open left sidebar",
           onClick: () => {
-            e.disabled || (i ? s("left") : n("left"));
+            r.disabled || (g ? d("left", { id: e }) : c("left", { id: e }));
           },
-          disabled: e.disabled,
+          disabled: r.disabled,
           style: {
-            marginLeft: `${e.toggleIconEdgeDistancePx}px`,
-            ...i ? { transform: "rotate(180deg)" } : {}
+            marginLeft: `${r.toggleIconEdgeDistancePx}px`,
+            ...g ? { transform: "rotate(180deg)" } : {}
           },
-          children: r ?? /* @__PURE__ */ T.jsx(Ie, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+          children: l ?? /* @__PURE__ */ I.jsx(Xe, { size: r.toggleIconSizePx, color: r.toggleIconColor })
         }
       )
     }
   ) : null;
 }
-const et = ({
+const dt = ({
   refs: e,
   callbacks: t,
   currentX: r,
   preventDefault: n,
-  lockPane: a,
-  options: i
+  lockPane: l,
+  options: c
 }) => {
   if (!e.draggingRef.current) return;
-  const s = r - e.draggingRef.current.startX;
-  if (!e.draggingRef.current.isActivated && Math.abs(s) >= i.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, a()), !e.draggingRef.current.isActivated) return;
+  const d = r - e.draggingRef.current.startX;
+  if (!e.draggingRef.current.isActivated && Math.abs(d) >= c.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, l()), !e.draggingRef.current.isActivated) return;
   e.prevXRef.current = e.currentXRef.current, e.currentXRef.current = r;
-  const u = t.getIsOpen();
+  const h = t.getIsOpen();
   let g = !1;
-  if ((u || e.draggingRef.current.startX <= i.edgeActivationWidthPx) && (g = !0), !g) {
+  if ((h || e.draggingRef.current.startX <= c.edgeActivationWidthPx) && (g = !0), !g) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   n();
-  const c = i.sidebarWidthPx;
-  if (u) {
-    const y = Math.min(
+  const p = c.sidebarWidthPx;
+  if (h) {
+    const S = Math.min(
       0,
-      Math.max(-c, s + i.dragActivationDeltaPx)
+      Math.max(-p, d + c.dragActivationDeltaPx)
     );
-    t.dragSidebar(y);
-  } else if (e.draggingRef.current.startX <= i.edgeActivationWidthPx) {
-    const y = Math.min(
+    t.dragSidebar(S);
+  } else if (e.draggingRef.current.startX <= c.edgeActivationWidthPx) {
+    const S = Math.min(
       0,
       Math.max(
-        -c,
-        -c + s - i.dragActivationDeltaPx
+        -p,
+        -p + d - c.dragActivationDeltaPx
       )
     );
-    t.dragSidebar(y);
+    t.dragSidebar(S);
   }
-}, tt = ({ refs: e, callbacks: t, options: r }) => {
+}, ft = ({ 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 n = e.currentXRef.current ?? e.draggingRef.current.startX, a = e.prevXRef.current ?? e.draggingRef.current.startX, i = e.draggingRef.current.startX, s = t.getIsOpen();
+  const n = e.currentXRef.current ?? e.draggingRef.current.startX, l = e.prevXRef.current ?? e.draggingRef.current.startX, c = e.draggingRef.current.startX, d = t.getIsOpen();
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
-  const u = n >= a, g = n < a, c = i <= r.edgeActivationWidthPx;
-  s ? (g ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : c && u ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
+  const h = n >= l, g = n < l, p = c <= r.edgeActivationWidthPx;
+  d ? (g ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : p && h ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function xr(e) {
-  const t = ge(e.mediaQueryWidth), {
-    lockedSidebar: r,
-    setLockedSidebar: n,
-    isLeftOpen: a,
-    openSidebar: i,
-    closeSidebar: s,
-    dragSidebar: u,
-    leftSidebarRef: g
-  } = te(), c = L(null), y = L(null), S = L(null);
-  Z(() => {
-    if (!t || r && r !== "left" || e.disabled) return;
-    const l = {
-      getIsOpen: () => a,
-      openSidebar: () => i("left"),
-      closeSidebar: () => s("left"),
-      dragSidebar: (p) => u("left", p)
-    }, v = {
-      draggingRef: c,
-      currentXRef: y,
-      prevXRef: S
-    }, A = () => n("left"), h = () => n(null);
-    function O(p) {
-      if (r && r !== "left" || fe(p.target) || p.changedTouches.length === 0) return;
-      const x = p.changedTouches[0], M = l.getIsOpen(), I = x.clientX <= e.edgeActivationWidthPx;
-      M && !e.swipeToClose || !M && !e.swipeToOpen || (M || I) && Se({
-        refs: v,
-        clientX: x.clientX,
-        clientY: x.clientY,
-        touchId: x.identifier,
+function qr(e, t) {
+  const r = he(e.mediaQueryWidth), {
+    lockedSidebar: n,
+    setLockedSidebar: l,
+    leftSidebars: c,
+    openSidebar: d,
+    closeSidebar: h,
+    dragSidebar: g,
+    activeLeftDragIdRef: p,
+    leftFocusStackRef: S
+  } = J(), R = c[t]?.isOpen ?? !1, m = L(null), T = L(null), C = L(null);
+  q(() => {
+    if (!r || n && n !== "left" || e.disabled) return;
+    const u = {
+      getIsOpen: () => R,
+      openSidebar: () => d("left", { id: t }),
+      closeSidebar: () => h("left", { id: t }),
+      dragSidebar: (b) => g("left", b, { id: t })
+    }, w = {
+      draggingRef: m,
+      currentXRef: T,
+      prevXRef: C
+    }, x = () => p.current !== null && p.current !== t, _ = () => {
+      const b = S.current;
+      return b.length === 0 ? !0 : b[b.length - 1] === t;
+    }, B = () => {
+      if (x()) {
+        m.current = null;
+        return;
+      }
+      p.current = t, l("left");
+    }, Y = () => {
+      p.current === t && (p.current = null);
+    }, H = () => {
+      Y(), l(null);
+    };
+    function k(b) {
+      if (n && n !== "left" || x() || !_() || ge(b.target) || b.changedTouches.length === 0) return;
+      const M = b.changedTouches[0], P = u.getIsOpen(), F = M.clientX <= e.edgeActivationWidthPx;
+      P && !e.swipeToClose || !P && !e.swipeToOpen || (P || F) && Ee({
+        refs: w,
+        clientX: M.clientX,
+        clientY: M.clientY,
+        touchId: M.identifier,
         isMouse: !1
       });
     }
-    function C(p) {
-      if (r && r !== "left" || !c.current || c.current.isMouse) return;
-      const x = c.current.activeTouchId, M = Ae(p.changedTouches, x);
-      M && et({
-        refs: v,
-        callbacks: l,
-        currentX: M.clientX,
-        preventDefault: () => p.preventDefault(),
-        lockPane: A,
+    function W(b) {
+      if (n && n !== "left") return;
+      if (x()) {
+        m.current = null;
+        return;
+      }
+      if (!m.current || m.current.isMouse) return;
+      const M = m.current.activeTouchId, P = _e(b.changedTouches, M);
+      P && dt({
+        refs: w,
+        callbacks: u,
+        currentX: P.clientX,
+        preventDefault: () => b.preventDefault(),
+        lockPane: B,
         options: e
       });
     }
-    function _(p) {
-      if (r && r !== "left" || !c.current || c.current.isMouse) return;
-      const x = c.current.activeTouchId;
-      Pe(p.changedTouches, x) && tt({
-        refs: v,
-        callbacks: l,
+    function X(b) {
+      if (n && n !== "left" || !m.current || m.current.isMouse) return;
+      const M = m.current.activeTouchId;
+      Le(b.changedTouches, M) && (Y(), ft({
+        refs: w,
+        callbacks: u,
         options: e
-      });
+      }));
     }
-    function W() {
-      r && r !== "left" || !c.current || c.current.isMouse || ft({
-        refs: v,
-        dragSidebar: l.dragSidebar,
-        onDeactivate: h
-      });
+    function V() {
+      n && n !== "left" || !m.current || m.current.isMouse || (Y(), xt({
+        refs: w,
+        dragSidebar: u.dragSidebar,
+        onDeactivate: H
+      }));
     }
-    function j(p) {
-      if (r && r !== "left" || fe(p.target) || p.button !== 0) return;
-      const x = l.getIsOpen(), M = p.clientX <= e.edgeActivationWidthPx;
-      x && !e.swipeToClose || !x && !e.swipeToOpen || (x || M) && Se({
-        refs: v,
-        clientX: p.clientX,
-        clientY: p.clientY,
+    function j(b) {
+      if (n && n !== "left" || x() || !_() || ge(b.target) || b.button !== 0) return;
+      const M = u.getIsOpen(), P = b.clientX <= e.edgeActivationWidthPx;
+      M && !e.swipeToClose || !M && !e.swipeToOpen || (M || P) && Ee({
+        refs: w,
+        clientX: b.clientX,
+        clientY: b.clientY,
         touchId: null,
         isMouse: !0
       });
     }
-    function F(p) {
-      r && r !== "left" || !c.current || !c.current.isMouse || et({
-        refs: v,
-        callbacks: l,
-        currentX: p.clientX,
-        preventDefault: () => p.preventDefault(),
-        lockPane: A,
-        options: e
-      });
+    function Q(b) {
+      if (!(n && n !== "left")) {
+        if (x()) {
+          m.current = null;
+          return;
+        }
+        !m.current || !m.current.isMouse || dt({
+          refs: w,
+          callbacks: u,
+          currentX: b.clientX,
+          preventDefault: () => b.preventDefault(),
+          lockPane: B,
+          options: e
+        });
+      }
     }
-    function X() {
-      r && r !== "left" || !c.current || !c.current.isMouse || tt({
-        refs: v,
-        callbacks: l,
+    function G() {
+      n && n !== "left" || !m.current || !m.current.isMouse || (Y(), ft({
+        refs: w,
+        callbacks: u,
         options: e
-      });
+      }));
     }
-    return window.addEventListener("touchstart", O, { passive: !0 }), window.addEventListener("touchmove", C, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", j, { passive: !0 }), window.addEventListener("mousemove", F, { passive: !1 }), window.addEventListener("mouseup", X, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", O), window.removeEventListener("touchmove", C), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", j), window.removeEventListener("mousemove", F), window.removeEventListener("mouseup", X);
+    return window.addEventListener("touchstart", k, { passive: !0 }), window.addEventListener("touchmove", W, { passive: !1 }), window.addEventListener("touchend", X, { passive: !0 }), window.addEventListener("touchcancel", V, { passive: !0 }), window.addEventListener("mousedown", j, { passive: !0 }), window.addEventListener("mousemove", Q, { passive: !1 }), window.addEventListener("mouseup", G, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", k), window.removeEventListener("touchmove", W), window.removeEventListener("touchend", X), window.removeEventListener("touchcancel", V), window.removeEventListener("mousedown", j), window.removeEventListener("mousemove", Q), window.removeEventListener("mouseup", G);
     };
   }, [
     t,
-    a,
-    i,
-    s,
-    u,
     r,
-    n,
+    R,
+    d,
+    h,
     g,
-    e
+    n,
+    l,
+    e,
+    p,
+    S
   ]);
 }
-function Mr({
-  className: e,
-  children: t,
-  ToggleComponent: r,
-  ariaLabel: n,
-  defaultOpen: a,
-  ...i
+function nn({
+  id: e = "primary",
+  className: t,
+  children: r,
+  ToggleComponent: n,
+  ariaLabel: l,
+  defaultOpen: c,
+  ...d
 }) {
-  if (t?.type === T.Fragment)
+  if (r?.type === I.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarLeft");
   const {
-    isLeftOpen: s,
-    closeSidebar: u,
-    openSidebar: g,
-    leftSidebarRef: c,
-    leftToggleRef: y,
-    leftSidebarOptions: S
-  } = te(), l = Me("left", i), v = ge(l.mediaQueryWidth);
-  xr(l);
-  const A = Y(
-    () => g("left", { skipTransition: !0 }),
-    [g]
-  ), { forceOverlayVisible: h } = _e({
-    defaultOpen: a,
-    optionsReady: !!S.sidebarWidthPx,
-    onOpen: A
-  }), O = Y(() => u("left"), [u]);
-  return Le({
-    sidebarRef: c,
-    triggerRef: y,
-    isOpen: s,
-    onClose: O,
-    transitionMs: l.transitionMs
-  }), /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
-    l.showOverlay && /* @__PURE__ */ T.jsx(
-      Ce,
+    leftSidebars: h,
+    leftSidebarOptionsMap: g,
+    closeSidebar: p,
+    openSidebar: S,
+    registerLeftSidebar: R,
+    unregisterLeftSidebar: m
+  } = J(), T = L(null), C = L(null);
+  q(() => (R(e, { sidebarRef: T, toggleRef: C }), () => m(e)), [e, R, m]);
+  const u = De("left", d, e), w = he(u.mediaQueryWidth);
+  qr(u, e);
+  const x = h[e]?.isOpen ?? !1, _ = E(
+    () => S("left", { id: e, skipTransition: !0 }),
+    [S, e]
+  ), { forceOverlayVisible: B } = $e({
+    defaultOpen: c,
+    optionsReady: !!g[e],
+    onOpen: _
+  }), Y = E(() => p("left", { id: e }), [p, e]);
+  return Be({
+    sidebarRef: T,
+    triggerRef: C,
+    isOpen: x,
+    onClose: Y,
+    transitionMs: u.transitionMs
+  }), /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
+    u.showOverlay && /* @__PURE__ */ I.jsx(
+      Ye,
       {
-        isCollapsed: !s && !h,
-        setCollapsed: () => u("left"),
-        closeSidebarOnClick: l.closeSidebarOnOverlayClick,
-        transitionMs: l.transitionMs,
-        overlayBackgroundColor: l.overlayBackgroundColor,
-        overlayZIndex: l.overlayZIndex
+        isCollapsed: !x && !B,
+        setCollapsed: () => p("left", { id: e }),
+        closeSidebarOnClick: u.closeSidebarOnOverlayClick,
+        transitionMs: u.transitionMs,
+        overlayBackgroundColor: u.overlayBackgroundColor,
+        overlayZIndex: u.overlayZIndex
       }
     ),
-    /* @__PURE__ */ T.jsx(
-      Sr,
+    /* @__PURE__ */ I.jsx(
+      Vr,
       {
-        options: l,
-        showToggle: l.showToggle,
-        ToggleComponent: r
+        id: e,
+        toggleRef: C,
+        options: u,
+        showToggle: u.showToggle,
+        ToggleComponent: n
       }
     ),
-    /* @__PURE__ */ T.jsx(
+    /* @__PURE__ */ I.jsx(
       "div",
       {
-        ref: c,
-        id: "swipebar-left",
+        ref: T,
+        id: `swipebar-left-${e}`,
         role: "dialog",
-        "aria-modal": s,
-        "aria-label": n ?? "Left sidebar",
-        inert: !s,
+        "aria-modal": x,
+        "aria-label": l ?? "Left sidebar",
+        inert: !x,
         style: {
-          ...st,
-          ...ir,
-          ...l.isAbsolute || v ? ar : {},
-          ...e ? {} : { backgroundColor: Oe },
-          zIndex: l.swipeBarZIndex,
-          ...a ? { transform: "translateX(0px)", width: `${l.sidebarWidthPx}px` } : {}
+          ...bt,
+          ..._r,
+          ...u.isAbsolute || w ? Dr : {},
+          ...t ? {} : { backgroundColor: Ie },
+          zIndex: u.swipeBarZIndex,
+          ...c ? { transform: "translateX(0px)", width: `${u.sidebarWidthPx}px` } : {}
         },
-        className: e,
-        children: t
+        className: t,
+        children: r
       }
     )
   ] });
 }
-function Rr({ options: e, showToggle: t = !0, ToggleComponent: r }) {
-  const { openSidebar: n, rightToggleRef: a, isRightOpen: i, closeSidebar: s } = te();
-  return t ? (
+function Qr({
+  id: e,
+  toggleRef: t,
+  options: r,
+  showToggle: n = !0,
+  ToggleComponent: l
+}) {
+  const { openSidebar: c, closeSidebar: d, rightSidebars: h } = J(), g = h[e]?.isOpen ?? !1;
+  return n ? (
     // 1px wide container
-    /* @__PURE__ */ T.jsx(
+    /* @__PURE__ */ I.jsx(
       "div",
       {
-        ref: a,
+        ref: t,
         style: {
-          ...ct,
-          transition: `transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,
+          ...yt,
+          transition: `transform ${r.transitionMs}ms ease, opacity ${r.transitionMs}ms ease`,
           right: 0,
-          zIndex: e.toggleZIndex
+          zIndex: r.toggleZIndex
         },
-        children: (!i || i && !e.showOverlay) && /* @__PURE__ */ T.jsx(
+        children: (!g || g && !r.showOverlay) && /* @__PURE__ */ I.jsx(
           "button",
           {
             type: "button",
-            "aria-expanded": i,
-            "aria-controls": "swipebar-right",
-            "aria-label": i ? "Close right sidebar" : "Open right sidebar",
+            "aria-expanded": g,
+            "aria-controls": `swipebar-right-${e}`,
+            "aria-label": g ? "Close right sidebar" : "Open right sidebar",
             onClick: () => {
-              e.disabled || (i ? s("right") : n("right"));
+              r.disabled || (g ? d("right", { id: e }) : c("right", { id: e }));
             },
-            disabled: e.disabled,
+            disabled: r.disabled,
             style: {
-              marginRight: `${e.toggleIconEdgeDistancePx}px`,
+              marginRight: `${r.toggleIconEdgeDistancePx}px`,
               // reverse because we are using the same icon for both left and right
-              ...i ? {} : { transform: "rotate(180deg)" }
+              ...g ? {} : { transform: "rotate(180deg)" }
             },
-            children: r ?? /* @__PURE__ */ T.jsx(Ie, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+            children: l ?? /* @__PURE__ */ I.jsx(Xe, { size: r.toggleIconSizePx, color: r.toggleIconColor })
           }
         )
       }
     )
   ) : null;
 }
-const rt = ({
+const gt = ({
   refs: e,
   callbacks: t,
   currentX: r,
   preventDefault: n,
-  lockPane: a,
-  options: i
+  lockPane: l,
+  options: c
 }) => {
   if (!e.draggingRef.current) return;
-  const s = window.innerWidth, u = r - e.draggingRef.current.startX, g = e.draggingRef.current.startX >= s - i.edgeActivationWidthPx, c = e.draggingRef.current.isActivated;
-  if (!c && Math.abs(u) >= i.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, a()), !c) return;
+  const d = window.innerWidth, h = r - e.draggingRef.current.startX, g = e.draggingRef.current.startX >= d - c.edgeActivationWidthPx, p = e.draggingRef.current.isActivated;
+  if (!p && Math.abs(h) >= c.dragActivationDeltaPx && (e.draggingRef.current.isActivated = !0, l()), !p) return;
   e.prevXRef.current = e.currentXRef.current, e.currentXRef.current = r;
-  const y = t.getIsOpen();
-  let S = !1;
-  if ((y || g) && (S = !0), !S) {
+  const S = t.getIsOpen();
+  let R = !1;
+  if ((S || g) && (R = !0), !R) {
     e.draggingRef.current = null, t.dragSidebar(null);
     return;
   }
   n();
-  const l = i.sidebarWidthPx;
-  if (y) {
-    const v = Math.max(
+  const m = c.sidebarWidthPx;
+  if (S) {
+    const T = Math.max(
       0,
-      Math.min(l, u - i.dragActivationDeltaPx)
+      Math.min(m, h - c.dragActivationDeltaPx)
     );
-    t.dragSidebar(v);
+    t.dragSidebar(T);
   } else {
-    const v = Math.max(
+    const T = Math.max(
       0,
       Math.min(
-        l,
-        l + u + i.dragActivationDeltaPx
+        m,
+        m + h + c.dragActivationDeltaPx
       )
     );
-    t.dragSidebar(v);
+    t.dragSidebar(T);
   }
-}, nt = ({ refs: e, callbacks: t, options: r }) => {
+}, ht = ({ 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 n = e.currentXRef.current ?? e.draggingRef.current.startX, a = e.prevXRef.current ?? e.draggingRef.current.startX, i = e.draggingRef.current.startX, s = t.getIsOpen(), u = window.innerWidth;
+  const n = e.currentXRef.current ?? e.draggingRef.current.startX, l = e.prevXRef.current ?? e.draggingRef.current.startX, c = e.draggingRef.current.startX, d = t.getIsOpen(), h = window.innerWidth;
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null;
-  const g = n > a, c = n < a, y = i >= u - r.edgeActivationWidthPx;
-  s ? (g ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : y && c ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
+  const g = n > l, p = n < l, S = c >= h - r.edgeActivationWidthPx;
+  d ? (g ? t.closeSidebar() : t.openSidebar(), t.dragSidebar(null)) : S && p ? (t.openSidebar(), t.dragSidebar(null)) : (t.closeSidebar(), t.dragSidebar(null));
 };
-function Tr(e) {
-  const t = ge(e.mediaQueryWidth), {
-    lockedSidebar: r,
-    setLockedSidebar: n,
-    isRightOpen: a,
-    openSidebar: i,
-    closeSidebar: s,
-    dragSidebar: u,
-    rightSidebarRef: g
-  } = te(), c = L(null), y = L(null), S = L(null);
-  Z(() => {
-    if (!t || r && r !== "right" || e.disabled) return;
-    const l = {
-      getIsOpen: () => a,
-      openSidebar: () => i("right"),
-      closeSidebar: () => s("right"),
-      dragSidebar: (p) => u("right", p)
-    }, v = {
-      draggingRef: c,
-      currentXRef: y,
-      prevXRef: S
-    }, A = () => n("right"), h = () => n(null);
-    function O(p) {
-      if (r && r !== "right" || fe(p.target) || p.changedTouches.length === 0) return;
-      const x = p.changedTouches[0], M = window.innerWidth, I = l.getIsOpen(), Q = x.clientX >= M - e.edgeActivationWidthPx;
-      I && !e.swipeToClose || !I && !e.swipeToOpen || (I || Q) && Se({
-        refs: v,
-        clientX: x.clientX,
-        clientY: x.clientY,
-        touchId: x.identifier,
+function Jr(e, t) {
+  const r = he(e.mediaQueryWidth), {
+    lockedSidebar: n,
+    setLockedSidebar: l,
+    rightSidebars: c,
+    openSidebar: d,
+    closeSidebar: h,
+    dragSidebar: g,
+    activeRightDragIdRef: p,
+    rightFocusStackRef: S
+  } = J(), R = c[t]?.isOpen ?? !1, m = L(null), T = L(null), C = L(null);
+  q(() => {
+    if (!r || n && n !== "right" || e.disabled) return;
+    const u = {
+      getIsOpen: () => R,
+      openSidebar: () => d("right", { id: t }),
+      closeSidebar: () => h("right", { id: t }),
+      dragSidebar: (b) => g("right", b, { id: t })
+    }, w = {
+      draggingRef: m,
+      currentXRef: T,
+      prevXRef: C
+    }, x = () => p.current !== null && p.current !== t, _ = () => {
+      const b = S.current;
+      return b.length === 0 ? !0 : b[b.length - 1] === t;
+    }, B = () => {
+      if (x()) {
+        m.current = null;
+        return;
+      }
+      p.current = t, l("right");
+    }, Y = () => {
+      p.current === t && (p.current = null);
+    }, H = () => {
+      Y(), l(null);
+    };
+    function k(b) {
+      if (n && n !== "right" || x() || !_() || ge(b.target) || b.changedTouches.length === 0) return;
+      const M = b.changedTouches[0], P = window.innerWidth, F = u.getIsOpen(), U = M.clientX >= P - e.edgeActivationWidthPx;
+      F && !e.swipeToClose || !F && !e.swipeToOpen || (F || U) && Ee({
+        refs: w,
+        clientX: M.clientX,
+        clientY: M.clientY,
+        touchId: M.identifier,
         isMouse: !1
       });
     }
-    function C(p) {
-      if (r && r !== "right" || !c.current || c.current.isMouse) return;
-      const x = c.current.activeTouchId, M = Ae(p.changedTouches, x);
-      M && rt({
-        refs: v,
-        callbacks: l,
-        currentX: M.clientX,
-        preventDefault: () => p.preventDefault(),
-        lockPane: A,
+    function W(b) {
+      if (n && n !== "right") return;
+      if (x()) {
+        m.current = null;
+        return;
+      }
+      if (!m.current || m.current.isMouse) return;
+      const M = m.current.activeTouchId, P = _e(b.changedTouches, M);
+      P && gt({
+        refs: w,
+        callbacks: u,
+        currentX: P.clientX,
+        preventDefault: () => b.preventDefault(),
+        lockPane: B,
         options: e
       });
     }
-    function _(p) {
-      if (r && r !== "right" || !c.current || c.current.isMouse) return;
-      const x = c.current.activeTouchId;
-      Pe(p.changedTouches, x) && nt({
-        refs: v,
-        callbacks: l,
+    function X(b) {
+      if (n && n !== "right" || !m.current || m.current.isMouse) return;
+      const M = m.current.activeTouchId;
+      Le(b.changedTouches, M) && (Y(), ht({
+        refs: w,
+        callbacks: u,
         options: e
-      });
+      }));
     }
-    function W() {
-      r && r !== "right" || !c.current || c.current.isMouse || ft({
-        refs: v,
-        dragSidebar: l.dragSidebar,
-        onDeactivate: h
-      });
+    function V() {
+      n && n !== "right" || !m.current || m.current.isMouse || (Y(), xt({
+        refs: w,
+        dragSidebar: u.dragSidebar,
+        onDeactivate: H
+      }));
     }
-    function j(p) {
-      if (r && r !== "right" || fe(p.target) || p.button !== 0) return;
-      const x = window.innerWidth, M = l.getIsOpen(), I = p.clientX >= x - e.edgeActivationWidthPx;
-      M && !e.swipeToClose || !M && !e.swipeToOpen || (M || I) && Se({
-        refs: v,
-        clientX: p.clientX,
-        clientY: p.clientY,
+    function j(b) {
+      if (n && n !== "right" || x() || !_() || ge(b.target) || b.button !== 0) return;
+      const M = window.innerWidth, P = u.getIsOpen(), F = b.clientX >= M - e.edgeActivationWidthPx;
+      P && !e.swipeToClose || !P && !e.swipeToOpen || (P || F) && Ee({
+        refs: w,
+        clientX: b.clientX,
+        clientY: b.clientY,
         touchId: null,
         isMouse: !0
       });
     }
-    function F(p) {
-      r && r !== "right" || !c.current || !c.current.isMouse || rt({
-        refs: v,
-        callbacks: l,
-        currentX: p.clientX,
-        preventDefault: () => p.preventDefault(),
-        lockPane: A,
-        options: e
-      });
+    function Q(b) {
+      if (!(n && n !== "right")) {
+        if (x()) {
+          m.current = null;
+          return;
+        }
+        !m.current || !m.current.isMouse || gt({
+          refs: w,
+          callbacks: u,
+          currentX: b.clientX,
+          preventDefault: () => b.preventDefault(),
+          lockPane: B,
+          options: e
+        });
+      }
     }
-    function X() {
-      r && r !== "right" || !c.current || !c.current.isMouse || nt({
-        refs: v,
-        callbacks: l,
+    function G() {
+      n && n !== "right" || !m.current || !m.current.isMouse || (Y(), ht({
+        refs: w,
+        callbacks: u,
         options: e
-      });
+      }));
     }
-    return window.addEventListener("touchstart", O, { passive: !0 }), window.addEventListener("touchmove", C, { passive: !1 }), window.addEventListener("touchend", _, { passive: !0 }), window.addEventListener("touchcancel", W, { passive: !0 }), window.addEventListener("mousedown", j, { passive: !0 }), window.addEventListener("mousemove", F, { passive: !1 }), window.addEventListener("mouseup", X, { passive: !0 }), () => {
-      window.removeEventListener("touchstart", O), window.removeEventListener("touchmove", C), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", W), window.removeEventListener("mousedown", j), window.removeEventListener("mousemove", F), window.removeEventListener("mouseup", X);
+    return window.addEventListener("touchstart", k, { passive: !0 }), window.addEventListener("touchmove", W, { passive: !1 }), window.addEventListener("touchend", X, { passive: !0 }), window.addEventListener("touchcancel", V, { passive: !0 }), window.addEventListener("mousedown", j, { passive: !0 }), window.addEventListener("mousemove", Q, { passive: !1 }), window.addEventListener("mouseup", G, { passive: !0 }), () => {
+      window.removeEventListener("touchstart", k), window.removeEventListener("touchmove", W), window.removeEventListener("touchend", X), window.removeEventListener("touchcancel", V), window.removeEventListener("mousedown", j), window.removeEventListener("mousemove", Q), window.removeEventListener("mouseup", G);
     };
   }, [
     t,
-    a,
-    i,
-    s,
-    u,
     r,
-    n,
+    R,
+    d,
+    h,
     g,
-    e
+    n,
+    l,
+    e,
+    p,
+    S
   ]);
 }
-function Cr({
-  className: e,
-  children: t,
-  ToggleComponent: r,
-  ariaLabel: n,
-  defaultOpen: a,
-  ...i
+function on({
+  id: e = "primary",
+  className: t,
+  children: r,
+  ToggleComponent: n,
+  ariaLabel: l,
+  defaultOpen: c,
+  ...d
 }) {
-  if (t?.type === T.Fragment)
+  if (r?.type === I.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarRight");
   const {
-    isRightOpen: s,
-    closeSidebar: u,
-    openSidebar: g,
-    rightSidebarRef: c,
-    rightToggleRef: y,
-    rightSidebarOptions: S
-  } = te(), l = Me("right", i), v = ge(l.mediaQueryWidth);
-  Tr(l);
-  const A = Y(
-    () => g("right", { skipTransition: !0 }),
-    [g]
-  ), { forceOverlayVisible: h } = _e({
-    defaultOpen: a,
-    optionsReady: !!S.sidebarWidthPx,
-    onOpen: A
-  }), O = Y(() => u("right"), [u]);
-  return Le({
-    sidebarRef: c,
-    triggerRef: y,
-    isOpen: s,
-    onClose: O,
-    transitionMs: l.transitionMs
-  }), /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
-    l.showOverlay && /* @__PURE__ */ T.jsx(
-      Ce,
+    rightSidebars: h,
+    rightSidebarOptionsMap: g,
+    closeSidebar: p,
+    openSidebar: S,
+    registerRightSidebar: R,
+    unregisterRightSidebar: m
+  } = J(), T = L(null), C = L(null);
+  q(() => (R(e, { sidebarRef: T, toggleRef: C }), () => m(e)), [e, R, m]);
+  const u = De("right", d, e), w = he(u.mediaQueryWidth);
+  Jr(u, e);
+  const x = h[e]?.isOpen ?? !1, _ = E(
+    () => S("right", { id: e, skipTransition: !0 }),
+    [S, e]
+  ), { forceOverlayVisible: B } = $e({
+    defaultOpen: c,
+    optionsReady: !!g[e],
+    onOpen: _
+  }), Y = E(() => p("right", { id: e }), [p, e]);
+  return Be({
+    sidebarRef: T,
+    triggerRef: C,
+    isOpen: x,
+    onClose: Y,
+    transitionMs: u.transitionMs
+  }), /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
+    u.showOverlay && /* @__PURE__ */ I.jsx(
+      Ye,
       {
-        isCollapsed: !s && !h,
-        setCollapsed: () => u("right"),
-        closeSidebarOnClick: l.closeSidebarOnOverlayClick,
-        transitionMs: l.transitionMs,
-        overlayBackgroundColor: l.overlayBackgroundColor,
-        overlayZIndex: l.overlayZIndex
+        isCollapsed: !x && !B,
+        setCollapsed: () => p("right", { id: e }),
+        closeSidebarOnClick: u.closeSidebarOnOverlayClick,
+        transitionMs: u.transitionMs,
+        overlayBackgroundColor: u.overlayBackgroundColor,
+        overlayZIndex: u.overlayZIndex
       }
     ),
-    /* @__PURE__ */ T.jsx(
-      Rr,
+    /* @__PURE__ */ I.jsx(
+      Qr,
       {
-        options: l,
-        showToggle: l.showToggle,
-        ToggleComponent: r
+        id: e,
+        toggleRef: C,
+        options: u,
+        showToggle: u.showToggle,
+        ToggleComponent: n
       }
     ),
-    /* @__PURE__ */ T.jsx(
+    /* @__PURE__ */ I.jsx(
       "div",
       {
-        ref: c,
-        id: "swipebar-right",
+        ref: T,
+        id: `swipebar-right-${e}`,
         role: "dialog",
-        "aria-modal": s,
-        "aria-label": n ?? "Right sidebar",
-        inert: !s,
+        "aria-modal": x,
+        "aria-label": l ?? "Right sidebar",
+        inert: !x,
         style: {
-          ...st,
-          ...or,
-          ...l.isAbsolute || v ? sr : {},
-          ...e ? {} : { backgroundColor: Oe },
-          zIndex: l.swipeBarZIndex,
-          ...a ? { transform: "translateX(0px)", width: `${l.sidebarWidthPx}px` } : {}
+          ...bt,
+          ...Lr,
+          ...u.isAbsolute || w ? Yr : {},
+          ...t ? {} : { backgroundColor: Ie },
+          zIndex: u.swipeBarZIndex,
+          ...c ? { transform: "translateX(0px)", width: `${u.sidebarWidthPx}px` } : {}
         },
-        className: e,
-        children: t
+        className: t,
+        children: r
       }
     )
   ] });
 }
 export {
-  Ce as Overlay,
-  Pr as SwipeBarBottom,
-  Mr as SwipeBarLeft,
-  Ar as SwipeBarProvider,
-  Cr as SwipeBarRight,
-  vr as ToggleBottom,
-  Sr as ToggleLeft,
-  Rr as ToggleRight,
-  ge as useMediaQuery,
-  te as useSwipeBarContext
+  Ye as Overlay,
+  rn as SwipeBarBottom,
+  nn as SwipeBarLeft,
+  tn as SwipeBarProvider,
+  on as SwipeBarRight,
+  Ur as ToggleBottom,
+  Vr as ToggleLeft,
+  Qr as ToggleRight,
+  he as useMediaQuery,
+  J as useSwipeBarContext
 };