@luciodale/swipe-bar 1.3.4 → 1.3.5

package/dist/swipe-bar.es.js

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