@luciodale/swipe-bar 1.0.4 → 1.0.5

package/dist/components/ToggleIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleIcon.d.ts","sourceRoot":"","sources":["../../src/components/ToggleIcon.tsx"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAqD1E"}
+{"version":3,"file":"ToggleIcon.d.ts","sourceRoot":"","sources":["../../src/components/ToggleIcon.tsx"],"names":[],"mappings":"AAOA,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAyD1E"}

package/dist/swipe-bar.es.js

@@ -1,4 +1,4 @@
-import ye, { createContext as Te, useState as W, useRef as L, useCallback as Q, useContext as _e, useMemo as Oe, useEffect as G } from "react";
+import Te, { createContext as _e, useState as W, useRef as L, useCallback as Q, useContext as Oe, useMemo as Ae, useEffect as G } from "react";
 var ne = { exports: {} }, F = {};
 /**
  * @license React
@@ -10,7 +10,7 @@ var ne = { exports: {} }, F = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ae;
-function Ae() {
+function Ie() {
   if (ae) return F;
   ae = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
@@ -42,7 +42,7 @@ var B = {};
  * LICENSE file in the root directory of this source tree.
  */
 var se;
-function Ie() {
+function Pe() {
   return se || (se = 1, process.env.NODE_ENV !== "production" && function() {
     function e(t) {
       if (t == null) return null;
@@ -119,14 +119,14 @@ function Ie() {
       }
     }
     function a() {
-      var t = D.A;
+      var t = C.A;
       return t === null ? null : t.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
     function c(t) {
-      if (C.call(t, "key")) {
+      if (D.call(t, "key")) {
         var d = Object.getOwnPropertyDescriptor(t, "key").get;
         if (d && d.isReactWarning) return !1;
       }
@@ -134,7 +134,7 @@ function Ie() {
     }
     function s(t, d) {
       function m() {
-        Z || (Z = !0, console.error(
+        U || (U = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           d
         ));
@@ -146,7 +146,7 @@ function Ie() {
     }
     function p() {
       var t = e(this.type);
-      return U[t] || (U[t] = !0, console.error(
+      return Z[t] || (Z[t] = !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."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
@@ -196,10 +196,10 @@ function Ie() {
               "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 b(S);
-      if (C.call(d, "key")) {
+      if (D.call(d, "key")) {
         S = e(t);
-        var Y = Object.keys(d).filter(function(xe) {
-          return xe !== "key";
+        var Y = Object.keys(d).filter(function(ye) {
+          return ye !== "key";
         });
         R = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", w[S + R] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -237,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
     function h(t) {
       return typeof t == "object" && t !== null && t.$$typeof === O;
     }
-    var f = ye, O = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), D = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, ee = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var f = Te, O = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), C = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, ee = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -245,12 +245,12 @@ React keys must be passed directly to JSX without using spread:
         return t();
       }
     };
-    var Z, U = {}, z = f.react_stack_bottom_frame.bind(
+    var U, Z = {}, z = f.react_stack_bottom_frame.bind(
       f,
       i
     )(), V = $(o(i)), w = {};
     B.Fragment = y, B.jsx = function(t, d, m) {
-      var R = 1e4 > D.recentlyCreatedOwnerStacks++;
+      var R = 1e4 > C.recentlyCreatedOwnerStacks++;
       return E(
         t,
         d,
@@ -260,7 +260,7 @@ React keys must be passed directly to JSX without using spread:
         R ? $(o(t)) : V
       );
     }, B.jsxs = function(t, d, m) {
-      var R = 1e4 > D.recentlyCreatedOwnerStacks++;
+      var R = 1e4 > C.recentlyCreatedOwnerStacks++;
       return E(
         t,
         d,
@@ -272,9 +272,9 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), B;
 }
-process.env.NODE_ENV === "production" ? ne.exports = Ae() : ne.exports = Ie();
+process.env.NODE_ENV === "production" ? ne.exports = Ie() : ne.exports = Pe();
 var v = ne.exports;
-const fe = Te(null), rt = ({
+const ge = _e(null), it = ({
   children: e,
   sidebarWidthPx: n,
   transitionMs: r,
@@ -292,31 +292,31 @@ const fe = Te(null), rt = ({
   toggleZIndex: O,
   overlayZIndex: M
 }) => {
-  const [y, T] = W(null), [P, A] = W(!1), [_, X] = W(!1), [x, l] = W({}), [g, I] = W({}), j = L(null), N = L(null), D = L(null), C = L(null), [ee, $] = W({
-    sidebarWidthPx: n ?? Xe,
-    transitionMs: r ?? Pe,
-    edgeActivationWidthPx: o ?? Le,
-    dragActivationDeltaPx: a ?? Me,
+  const [y, T] = W(null), [P, A] = W(!1), [_, X] = W(!1), [x, l] = W({}), [g, I] = W({}), j = L(null), N = L(null), C = L(null), D = L(null), [ee, $] = W({
+    sidebarWidthPx: n ?? Ce,
+    transitionMs: r ?? Le,
+    edgeActivationWidthPx: o ?? Me,
+    dragActivationDeltaPx: a ?? Xe,
     showOverlay: i ?? De,
-    isAbsolute: c ?? Ce,
-    overlayBackgroundColor: s ?? ge,
-    toggleIconColor: p ?? We,
-    toggleIconSizePx: u ?? ke,
-    toggleIconEdgeDistancePx: E ?? je,
-    showToggle: b ?? Ne,
+    isAbsolute: c ?? We,
+    overlayBackgroundColor: s ?? he,
+    toggleIconColor: p ?? ke,
+    toggleIconSizePx: u ?? je,
+    toggleIconEdgeDistancePx: E ?? Ne,
+    showToggle: b ?? Ye,
     mediaQueryWidth: h ?? ie,
-    swipeBarZIndex: f ?? Ye,
-    toggleZIndex: O ?? $e,
-    overlayZIndex: M ?? Fe
-  }), Z = Q((w) => {
+    swipeBarZIndex: f ?? $e,
+    toggleZIndex: O ?? Fe,
+    overlayZIndex: M ?? Be
+  }), U = Q((w) => {
     $((t) => ({ ...t, ...w }));
-  }, []), U = Q(
+  }, []), Z = Q(
     (w) => {
-      Ve({
+      Qe({
         side: w,
         ref: w === "left" ? j : N,
         options: w === "left" ? x : g,
-        toggleRef: w === "left" ? D : C,
+        toggleRef: w === "left" ? C : D,
         afterApply: () => {
           w === "left" ? A(!0) : X(!0), T(w);
         }
@@ -325,10 +325,10 @@ const fe = Te(null), rt = ({
     [x, g]
   ), z = Q(
     (w) => {
-      qe({
+      He({
         ref: w === "left" ? j : N,
         options: w === "left" ? x : g,
-        toggleRef: w === "left" ? D : C,
+        toggleRef: w === "left" ? C : D,
         side: w,
         afterApply: () => {
           w === "left" ? A(!1) : X(!1), T(null);
@@ -338,9 +338,9 @@ const fe = Te(null), rt = ({
     [x, g]
   ), V = Q(
     (w, t) => {
-      Qe({
+      Je({
         ref: w === "left" ? j : N,
-        toggleRef: w === "left" ? D : C,
+        toggleRef: w === "left" ? C : D,
         options: w === "left" ? x : g,
         translateX: t
       });
@@ -348,7 +348,7 @@ const fe = Te(null), rt = ({
     [x, g]
   );
   return /* @__PURE__ */ v.jsx(
-    fe.Provider,
+    ge.Provider,
     {
       value: {
         lockedSidebar: y,
@@ -357,64 +357,64 @@ const fe = Te(null), rt = ({
         isRightOpen: _,
         leftSidebarRef: j,
         rightSidebarRef: N,
-        openSidebar: U,
+        openSidebar: Z,
         closeSidebar: z,
         dragSidebar: V,
         globalOptions: ee,
-        setGlobalOptions: Z,
+        setGlobalOptions: U,
         leftSidebarOptions: x,
         rightSidebarOptions: g,
         setLeftSidebarOptions: l,
         setRightSidebarOptions: I,
-        leftToggleRef: D,
-        rightToggleRef: C
+        leftToggleRef: C,
+        rightToggleRef: D
       },
       children: e
     }
   );
 }, k = () => {
-  const e = _e(fe);
+  const e = Oe(ge);
   if (!e)
     throw new Error("useSwipeBarContext must be used within SwipeBarProvider");
   return e;
-}, Pe = 300, Le = 40, Me = 20, Xe = 320, De = !0, Ce = !1, ge = "rgba(0, 0, 0, 0.5)", he = "rgb(36,36,36)", We = "white", ke = 40, je = 40, Ne = !0, ie = 640, Ye = 30, $e = 15, Fe = 20, ve = {
+}, Le = 300, Me = 40, Xe = 20, Ce = 320, De = !0, We = !1, he = "rgba(0, 0, 0, 0.5)", ve = "rgb(36,36,36)", ke = "white", je = 40, Ne = 40, Ye = !0, ie = 640, $e = 30, Fe = 15, Be = 20, ce = 0.6, Ge = 200, pe = {
   width: 0,
   top: 0,
   bottom: 0,
   flexShrink: 0,
   overflowX: "hidden",
   willChange: "transform"
-}, Be = {
+}, Ue = {
   position: "fixed",
   left: 0,
   top: 0,
   bottom: 0
-}, Ge = {
+}, Ze = {
   position: "fixed",
   right: 0,
   top: 0,
   bottom: 0
-}, Ze = {
+}, ze = {
   position: "fixed",
   top: 0,
   left: 0,
   width: "100%",
   height: "100%",
-  backgroundColor: ge,
+  backgroundColor: he,
   transitionProperty: "opacity",
   pointerEvents: "none",
   opacity: 0
-}, Ue = {
+}, Ve = {
   opacity: 1,
   pointerEvents: "auto"
-}, pe = {
+}, me = {
   position: "fixed",
   top: "50%",
   transform: "translateY(-50%)",
   width: "1px",
   display: "flex",
   justifyContent: "center"
-}, ze = {
+}, qe = {
   position: "relative",
   cursor: "pointer",
   display: "flex",
@@ -424,7 +424,7 @@ const fe = Te(null), rt = ({
 }, oe = (e) => {
   var n;
   return (n = e.current) == null ? void 0 : n.firstElementChild;
-}, Ve = ({
+}, Qe = ({
   ref: e,
   side: n,
   options: r,
@@ -440,7 +440,7 @@ const fe = Te(null), rt = ({
     }));
   }), setTimeout(() => {
   }, 0);
-}, qe = ({
+}, He = ({
   ref: e,
   options: n,
   side: r,
@@ -453,7 +453,7 @@ const fe = Te(null), rt = ({
       e.current && (e.current.style.transform = r === "left" ? "translateX(-100%)" : "translateX(100%)", e.current.style.width = "0px", o.current && (o.current.style.opacity = "1", o.current.style.transform = "translateY(-50%)"), i.style.opacity = "0", a());
     }));
   });
-}, Qe = ({
+}, Je = ({
   ref: e,
   toggleRef: n,
   options: r,
@@ -474,21 +474,21 @@ const fe = Te(null), rt = ({
     isMouse: a,
     isActivated: !1
   }, e.currentXRef.current = n, e.prevXRef.current = n;
-}, me = ({ refs: e, dragSidebar: n, onDeactivate: r }) => {
+}, we = ({ refs: e, dragSidebar: n, onDeactivate: r }) => {
   e.draggingRef.current = null, e.currentXRef.current = null, e.prevXRef.current = null, n(null), r();
-}, J = (e) => e instanceof Element ? !!e.closest("input, textarea, [contenteditable='true']") : !1, we = (e, n) => {
+}, J = (e) => e instanceof Element ? !!e.closest("input, textarea, [contenteditable='true']") : !1, Ee = (e, n) => {
   for (let r = 0; r < e.length; r++) {
     const o = e[r];
     if (n == null || o.identifier === n)
       return o;
   }
   return null;
-}, Ee = (e, n) => {
+}, Re = (e, n) => {
   for (let r = 0; r < e.length; r++)
     if (e[r].identifier === n)
       return !0;
   return !1;
-}, Re = (e, n) => {
+}, Se = (e, n) => {
   const { globalOptions: r, setLeftSidebarOptions: o, setRightSidebarOptions: a } = k(), {
     sidebarWidthPx: i,
     transitionMs: c,
@@ -505,7 +505,7 @@ const fe = Te(null), rt = ({
     swipeBarZIndex: T,
     toggleZIndex: P,
     overlayZIndex: A
-  } = n, _ = Oe(
+  } = n, _ = Ae(
     () => ({
       sidebarWidthPx: i ?? r.sidebarWidthPx,
       transitionMs: c ?? r.transitionMs,
@@ -546,7 +546,7 @@ const fe = Te(null), rt = ({
     e === "left" ? o(_) : a(_);
   }, [e, _, o, a]), _;
 };
-function Se({
+function be({
   isCollapsed: e,
   setCollapsed: n,
   closeSidebarOnClick: r = !0,
@@ -559,8 +559,8 @@ function Se({
     {
       style: {
         transitionDuration: `${o}ms`,
-        ...Ze,
-        ...e ? {} : Ue,
+        ...ze,
+        ...e ? {} : Ve,
         ...a ? { backgroundColor: a } : {},
         zIndex: i
       },
@@ -570,24 +570,28 @@ function Se({
     }
   );
 }
-function be({ size: e, color: n }) {
+function xe({ size: e, color: n }) {
   const r = L(null);
   return G(() => {
     const o = () => {
       r.current && (r.current.style.opacity = "1");
     }, a = () => {
-      r.current && (r.current.style.opacity = "0.5");
+      r.current && (r.current.style.opacity = `${ce}`);
     };
     r.current && (r.current.addEventListener("mouseenter", o), r.current.addEventListener("mouseleave", a));
   }, []), /* @__PURE__ */ v.jsx(
     "div",
     {
       style: {
-        ...ze
+        ...qe
       },
       children: /* @__PURE__ */ v.jsxs(
         "svg",
         {
+          style: {
+            transition: `opacity ${Ge}ms ease`,
+            opacity: `${ce}`
+          },
           ref: r,
           "aria-hidden": "true",
           viewBox: "0 0 24 24",
@@ -611,14 +615,14 @@ function be({ size: e, color: n }) {
     }
   );
 }
-function He({ options: e, showToggle: n = !0, ToggleComponent: r }) {
+function Ke({ options: e, showToggle: n = !0, ToggleComponent: r }) {
   const { openSidebar: o, leftToggleRef: a, isLeftOpen: i, closeSidebar: c } = k();
   return n ? /* @__PURE__ */ v.jsx(
     "div",
     {
       ref: a,
       style: {
-        ...pe,
+        ...me,
         transition: `transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,
         left: 0,
         zIndex: e.toggleZIndex
@@ -632,7 +636,7 @@ function He({ options: e, showToggle: n = !0, ToggleComponent: r }) {
             marginLeft: `${e.toggleIconEdgeDistancePx}px`,
             ...i ? { transform: "rotate(180deg)" } : {}
           },
-          children: r ?? /* @__PURE__ */ v.jsx(be, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+          children: r ?? /* @__PURE__ */ v.jsx(xe, { size: e.toggleIconSizePx, color: e.toggleIconColor })
         }
       )
     }
@@ -647,7 +651,7 @@ function K(e = ie) {
     return c(), i.addEventListener("change", c), () => i.removeEventListener("change", c);
   }, [n]), o;
 }
-const ce = ({
+const ue = ({
   refs: e,
   callbacks: n,
   currentX: r,
@@ -686,7 +690,7 @@ const ce = ({
     );
     n.dragSidebar(E);
   }
-}, ue = ({
+}, le = ({
   refs: e,
   callbacks: n,
   options: r
@@ -701,7 +705,7 @@ const ce = ({
   const s = o >= a, p = o < a, u = i <= r.edgeActivationWidthPx;
   c ? (p ? n.closeSidebar() : n.openSidebar(), n.dragSidebar(null)) : u && s ? (n.openSidebar(), n.dragSidebar(null)) : (n.closeSidebar(), n.dragSidebar(null));
 };
-function Je(e) {
+function et(e) {
   const n = K(e.mediaQueryWidth), {
     lockedSidebar: r,
     setLockedSidebar: o,
@@ -736,8 +740,8 @@ function Je(e) {
     }
     function T(l) {
       if (r === "right" || !u.current || u.current.isMouse) return;
-      const g = u.current.activeTouchId, I = we(l.changedTouches, g);
-      I && ce({
+      const g = u.current.activeTouchId, I = Ee(l.changedTouches, g);
+      I && ue({
         refs: f,
         callbacks: h,
         currentX: I.clientX,
@@ -749,14 +753,14 @@ function Je(e) {
     function P(l) {
       if (r === "right" || !u.current || u.current.isMouse) return;
       const g = u.current.activeTouchId;
-      Ee(l.changedTouches, g) && ue({
+      Re(l.changedTouches, g) && le({
         refs: f,
         callbacks: h,
         options: e
       });
     }
     function A() {
-      r !== "right" && (!u.current || u.current.isMouse || me({
+      r !== "right" && (!u.current || u.current.isMouse || we({
         refs: f,
         dragSidebar: h.dragSidebar,
         onDeactivate: M
@@ -772,7 +776,7 @@ function Je(e) {
       }));
     }
     function X(l) {
-      r !== "right" && (!u.current || !u.current.isMouse || ce({
+      r !== "right" && (!u.current || !u.current.isMouse || ue({
         refs: f,
         callbacks: h,
         currentX: l.clientX,
@@ -782,7 +786,7 @@ function Je(e) {
       }));
     }
     function x() {
-      r !== "right" && (!u.current || !u.current.isMouse || ue({
+      r !== "right" && (!u.current || !u.current.isMouse || le({
         refs: f,
         callbacks: h,
         options: e
@@ -803,7 +807,7 @@ function Je(e) {
     e
   ]);
 }
-function nt({
+function ot({
   className: e,
   children: n,
   ToggleComponent: r,
@@ -811,10 +815,10 @@ function nt({
 }) {
   if ((n == null ? void 0 : n.type) === v.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarLeft");
-  const { isLeftOpen: a, closeSidebar: i, leftSidebarRef: c } = k(), s = Re("left", o), p = K(s.mediaQueryWidth);
-  return Je(s), /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+  const { isLeftOpen: a, closeSidebar: i, leftSidebarRef: c } = k(), s = Se("left", o), p = K(s.mediaQueryWidth);
+  return et(s), /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
     s.showOverlay && /* @__PURE__ */ v.jsx(
-      Se,
+      be,
       {
         isCollapsed: !a,
         setCollapsed: () => i("left"),
@@ -824,7 +828,7 @@ function nt({
       }
     ),
     /* @__PURE__ */ v.jsx(
-      He,
+      Ke,
       {
         options: s,
         showToggle: s.showToggle,
@@ -836,9 +840,9 @@ function nt({
       {
         ref: c,
         style: {
-          ...ve,
-          ...s.isAbsolute || p ? Be : {},
-          ...e ? {} : { backgroundColor: he },
+          ...pe,
+          ...s.isAbsolute || p ? Ue : {},
+          ...e ? {} : { backgroundColor: ve },
           zIndex: s.swipeBarZIndex
         },
         className: e,
@@ -847,7 +851,7 @@ function nt({
     )
   ] });
 }
-function Ke({ options: e, showToggle: n = !0, ToggleComponent: r }) {
+function tt({ options: e, showToggle: n = !0, ToggleComponent: r }) {
   const { openSidebar: o, rightToggleRef: a, isRightOpen: i, closeSidebar: c } = k();
   return n ? (
     // 1px wide container
@@ -856,7 +860,7 @@ function Ke({ options: e, showToggle: n = !0, ToggleComponent: r }) {
       {
         ref: a,
         style: {
-          ...pe,
+          ...me,
           transition: `transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,
           right: 0,
           zIndex: e.toggleZIndex
@@ -871,14 +875,14 @@ function Ke({ options: e, showToggle: n = !0, ToggleComponent: r }) {
               // reverse because we are using the same icon for both left and right
               ...i ? {} : { transform: "rotate(180deg)" }
             },
-            children: r ?? /* @__PURE__ */ v.jsx(be, { size: e.toggleIconSizePx, color: e.toggleIconColor })
+            children: r ?? /* @__PURE__ */ v.jsx(xe, { size: e.toggleIconSizePx, color: e.toggleIconColor })
           }
         )
       }
     )
   ) : null;
 }
-const le = ({
+const de = ({
   refs: e,
   callbacks: n,
   currentX: r,
@@ -917,7 +921,7 @@ const le = ({
     );
     n.dragSidebar(f);
   }
-}, de = ({
+}, fe = ({
   refs: e,
   callbacks: n,
   options: r
@@ -932,7 +936,7 @@ const le = ({
   const p = o > a, u = o < a, E = i >= s - r.edgeActivationWidthPx;
   c ? (p ? n.closeSidebar() : n.openSidebar(), n.dragSidebar(null)) : E && u ? (n.openSidebar(), n.dragSidebar(null)) : (n.closeSidebar(), n.dragSidebar(null));
 };
-function et(e) {
+function rt(e) {
   const n = K(e.mediaQueryWidth), {
     lockedSidebar: r,
     setLockedSidebar: o,
@@ -967,8 +971,8 @@ function et(e) {
     }
     function T(l) {
       if (r === "left" || !u.current || u.current.isMouse) return;
-      const g = u.current.activeTouchId, I = we(l.changedTouches, g);
-      I && le({
+      const g = u.current.activeTouchId, I = Ee(l.changedTouches, g);
+      I && de({
         refs: f,
         callbacks: h,
         currentX: I.clientX,
@@ -980,14 +984,14 @@ function et(e) {
     function P(l) {
       if (r === "left" || !u.current || u.current.isMouse) return;
       const g = u.current.activeTouchId;
-      Ee(l.changedTouches, g) && de({
+      Re(l.changedTouches, g) && fe({
         refs: f,
         callbacks: h,
         options: e
       });
     }
     function A() {
-      r !== "left" && (!u.current || u.current.isMouse || me({
+      r !== "left" && (!u.current || u.current.isMouse || we({
         refs: f,
         dragSidebar: h.dragSidebar,
         onDeactivate: M
@@ -1005,7 +1009,7 @@ function et(e) {
       });
     }
     function X(l) {
-      r !== "left" && (!u.current || !u.current.isMouse || le({
+      r !== "left" && (!u.current || !u.current.isMouse || de({
         refs: f,
         callbacks: h,
         currentX: l.clientX,
@@ -1015,7 +1019,7 @@ function et(e) {
       }));
     }
     function x() {
-      r !== "left" && (!u.current || !u.current.isMouse || de({
+      r !== "left" && (!u.current || !u.current.isMouse || fe({
         refs: f,
         callbacks: h,
         options: e
@@ -1036,7 +1040,7 @@ function et(e) {
     e
   ]);
 }
-function it({
+function at({
   className: e,
   children: n,
   ToggleComponent: r,
@@ -1044,10 +1048,10 @@ function it({
 }) {
   if ((n == null ? void 0 : n.type) === v.Fragment)
     throw new Error("Fragments is not allowed in SwipeBarRight");
-  const { isRightOpen: a, closeSidebar: i, rightSidebarRef: c } = k(), s = Re("right", o), p = K(s.mediaQueryWidth);
-  return et(s), /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+  const { isRightOpen: a, closeSidebar: i, rightSidebarRef: c } = k(), s = Se("right", o), p = K(s.mediaQueryWidth);
+  return rt(s), /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
     s.showOverlay && /* @__PURE__ */ v.jsx(
-      Se,
+      be,
       {
         isCollapsed: !a,
         setCollapsed: () => i("right"),
@@ -1057,7 +1061,7 @@ function it({
       }
     ),
     /* @__PURE__ */ v.jsx(
-      Ke,
+      tt,
       {
         options: s,
         showToggle: s.showToggle,
@@ -1069,9 +1073,9 @@ function it({
       {
         ref: c,
         style: {
-          ...ve,
-          ...s.isAbsolute || p ? Ge : {},
-          ...e ? {} : { backgroundColor: he },
+          ...pe,
+          ...s.isAbsolute || p ? Ze : {},
+          ...e ? {} : { backgroundColor: ve },
           zIndex: s.swipeBarZIndex
         },
         className: e,
@@ -1081,12 +1085,12 @@ function it({
   ] });
 }
 export {
-  Se as Overlay,
-  nt as SwipeBarLeft,
-  rt as SwipeBarProvider,
-  it as SwipeBarRight,
-  He as ToggleLeft,
-  Ke as ToggleRight,
+  be as Overlay,
+  ot as SwipeBarLeft,
+  it as SwipeBarProvider,
+  at as SwipeBarRight,
+  Ke as ToggleLeft,
+  tt as ToggleRight,
   K as useMediaQuery,
   k as useSwipeBarContext
 };

package/dist/swipe-bar.umd.js

@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var oe;function ye(){if(oe)return B;oe=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(o,a,i){var c=null;if(i!==void 0&&(c=""+i),a.key!==void 0&&(c=""+a.key),"key"in a){i={};for(var s in a)s!=="key"&&(i[s]=a[s])}else i=a;return a=i.ref,{$$typeof:e,type:o,key:c,ref:a!==void 0?a:null,props:i}}return B.Fragment=r,B.jsx=n,B.jsxs=n,B}var F={};/**
+ */var oe;function xe(){if(oe)return B;oe=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(o,a,i){var c=null;if(i!==void 0&&(c=""+i),a.key!==void 0&&(c=""+a.key),"key"in a){i={};for(var s in a)s!=="key"&&(i[s]=a[s])}else i=a;return a=i.ref,{$$typeof:e,type:o,key:c,ref:a!==void 0?a:null,props:i}}return B.Fragment=r,B.jsx=n,B.jsxs=n,B}var F={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ae;function xe(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){function e(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===N?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case O:return"Fragment";case M:return"Profiler";case _:return"StrictMode";case x:return"Suspense";case l:return"SuspenseList";case j:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case X:return"Portal";case A:return t.displayName||"Context";case P:return(t._context.displayName||"Context")+".Consumer";case C:var d=t.render;return t=t.displayName,t||(t=d.displayName||d.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case h:return d=t.displayName||null,d!==null?d:e(t.type)||"Memo";case L:d=t._payload,t=t._init;try{return e(t(d))}catch{}}return null}function r(t){return""+t}function n(t){try{r(t);var d=!1}catch{d=!0}if(d){d=console;var w=d.error,E=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return w.call(d,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",E),r(t)}}function o(t){if(t===O)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===L)return"<...>";try{var d=e(t);return d?"<"+d+">":"<...>"}catch{return"<...>"}}function a(){var t=k.A;return t===null?null:t.getOwner()}function i(){return Error("react-stack-top-frame")}function c(t){if(W.call(t,"key")){var d=Object.getOwnPropertyDescriptor(t,"key").get;if(d&&d.isReactWarning)return!1}return t.key!==void 0}function s(t,d){function w(){V||(V=!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)",d))}w.isReactWarning=!0,Object.defineProperty(t,"key",{get:w,configurable:!0})}function m(){var t=e(this.type);return Q[t]||(Q[t]=!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.")),t=this.props.ref,t!==void 0?t:null}function u(t,d,w,E,K,re){var b=w.ref;return t={$$typeof:I,type:t,key:d,props:w,_owner:E},(b!==void 0?b:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:m}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:K}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:re}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function S(t,d,w,E,K,re){var b=d.children;if(b!==void 0)if(E)if(ne(b)){for(E=0;E<b.length;E++)y(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(b);if(W.call(d,"key")){b=e(t);var Y=Object.keys(d).filter(function(Ke){return Ke!=="key"});E=0<Y.length?"{key: someKey, "+Y.join(": ..., ")+": ...}":"{key: someKey}",R[b+E]||(Y=0<Y.length?"{"+Y.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var ae;function Te(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){function e(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===N?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case O:return"Fragment";case M:return"Profiler";case _:return"StrictMode";case x:return"Suspense";case l:return"SuspenseList";case j:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case C:return"Portal";case A:return t.displayName||"Context";case P:return(t._context.displayName||"Context")+".Consumer";case X:var d=t.render;return t=t.displayName,t||(t=d.displayName||d.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case h:return d=t.displayName||null,d!==null?d:e(t.type)||"Memo";case L:d=t._payload,t=t._init;try{return e(t(d))}catch{}}return null}function r(t){return""+t}function n(t){try{r(t);var d=!1}catch{d=!0}if(d){d=console;var w=d.error,E=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return w.call(d,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",E),r(t)}}function o(t){if(t===O)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===L)return"<...>";try{var d=e(t);return d?"<"+d+">":"<...>"}catch{return"<...>"}}function a(){var t=k.A;return t===null?null:t.getOwner()}function i(){return Error("react-stack-top-frame")}function c(t){if(W.call(t,"key")){var d=Object.getOwnPropertyDescriptor(t,"key").get;if(d&&d.isReactWarning)return!1}return t.key!==void 0}function s(t,d){function w(){V||(V=!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)",d))}w.isReactWarning=!0,Object.defineProperty(t,"key",{get:w,configurable:!0})}function m(){var t=e(this.type);return Q[t]||(Q[t]=!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.")),t=this.props.ref,t!==void 0?t:null}function u(t,d,w,E,K,re){var b=w.ref;return t={$$typeof:I,type:t,key:d,props:w,_owner:E},(b!==void 0?b:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:m}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:K}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:re}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function S(t,d,w,E,K,re){var b=d.children;if(b!==void 0)if(E)if(ne(b)){for(E=0;E<b.length;E++)y(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(b);if(W.call(d,"key")){b=e(t);var Y=Object.keys(d).filter(function($e){return $e!=="key"});E=0<Y.length?"{key: someKey, "+Y.join(": ..., ")+": ...}":"{key: someKey}",R[b+E]||(Y=0<Y.length?"{"+Y.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,E,b,Y,b),R[b+E]=!0)}if(b=null,w!==void 0&&(n(w),b=""+w),c(d)&&(n(d.key),b=""+d.key),"key"in d){w={};for(var ie in d)ie!=="key"&&(w[ie]=d[ie])}else w=d;return b&&s(w,typeof t=="function"?t.displayName||t.name||"Unknown":t),u(t,b,w,a(),K,re)}function y(t){v(t)?t._store&&(t._store.validated=1):typeof t=="object"&&t!==null&&t.$$typeof===L&&(t._payload.status==="fulfilled"?v(t._payload.value)&&t._payload.value._store&&(t._payload.value._store.validated=1):t._store&&(t._store.validated=1))}function v(t){return typeof t=="object"&&t!==null&&t.$$typeof===I}var g=f,I=Symbol.for("react.transitional.element"),X=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),A=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),l=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),j=Symbol.for("react.activity"),N=Symbol.for("react.client.reference"),k=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,ne=Array.isArray,Z=console.createTask?console.createTask:function(){return null};g={react_stack_bottom_frame:function(t){return t()}};var V,Q={},H=g.react_stack_bottom_frame.bind(g,i)(),J=Z(o(i)),R={};F.Fragment=O,F.jsx=function(t,d,w){var E=1e4>k.recentlyCreatedOwnerStacks++;return S(t,d,w,!1,E?Error("react-stack-top-frame"):H,E?Z(o(t)):J)},F.jsxs=function(t,d,w){var E=1e4>k.recentlyCreatedOwnerStacks++;return S(t,d,w,!0,E?Error("react-stack-top-frame"):H,E?Z(o(t)):J)}}()),F}process.env.NODE_ENV==="production"?q.exports=ye():q.exports=xe();var p=q.exports;const se=f.createContext(null),Te=({children:e,sidebarWidthPx:r,transitionMs:n,edgeActivationWidthPx:o,dragActivationDeltaPx:a,showOverlay:i,isAbsolute:c,overlayBackgroundColor:s,toggleIconColor:m,toggleIconSizePx:u,toggleIconEdgeDistancePx:S,showToggle:y,mediaQueryWidth:v,swipeBarZIndex:g,toggleZIndex:I,overlayZIndex:X})=>{const[O,_]=f.useState(null),[M,P]=f.useState(!1),[A,C]=f.useState(!1),[x,l]=f.useState({}),[h,L]=f.useState({}),j=f.useRef(null),N=f.useRef(null),k=f.useRef(null),W=f.useRef(null),[ne,Z]=f.useState({sidebarWidthPx:r??Ie,transitionMs:n??Oe,edgeActivationWidthPx:o??_e,dragActivationDeltaPx:a??Ae,showOverlay:i??Pe,isAbsolute:c??Le,overlayBackgroundColor:s??ce,toggleIconColor:m??Me,toggleIconSizePx:u??Xe,toggleIconEdgeDistancePx:S??Ce,showToggle:y??De,mediaQueryWidth:v??$,swipeBarZIndex:g??ke,toggleZIndex:I??We,overlayZIndex:X??je}),V=f.useCallback(R=>{Z(t=>({...t,...R}))},[]),Q=f.useCallback(R=>{Ze({side:R,ref:R==="left"?j:N,options:R==="left"?x:h,toggleRef:R==="left"?k:W,afterApply:()=>{R==="left"?P(!0):C(!0),_(R)}})},[x,h]),H=f.useCallback(R=>{Ue({ref:R==="left"?j:N,options:R==="left"?x:h,toggleRef:R==="left"?k:W,side:R,afterApply:()=>{R==="left"?P(!1):C(!1),_(null)}})},[x,h]),J=f.useCallback((R,t)=>{ze({ref:R==="left"?j:N,toggleRef:R==="left"?k:W,options:R==="left"?x:h,translateX:t})},[x,h]);return p.jsx(se.Provider,{value:{lockedSidebar:O,setLockedSidebar:_,isLeftOpen:M,isRightOpen:A,leftSidebarRef:j,rightSidebarRef:N,openSidebar:Q,closeSidebar:H,dragSidebar:J,globalOptions:ne,setGlobalOptions:V,leftSidebarOptions:x,rightSidebarOptions:h,setLeftSidebarOptions:l,setRightSidebarOptions:L,leftToggleRef:k,rightToggleRef:W},children:e})},D=()=>{const e=f.useContext(se);if(!e)throw new Error("useSwipeBarContext must be used within SwipeBarProvider");return e},Oe=300,_e=40,Ae=20,Ie=320,Pe=!0,Le=!1,ce="rgba(0, 0, 0, 0.5)",ue="rgb(36,36,36)",Me="white",Xe=40,Ce=40,De=!0,$=640,ke=30,We=15,je=20,le={width:0,top:0,bottom:0,flexShrink:0,overflowX:"hidden",willChange:"transform"},Ne={position:"fixed",left:0,top:0,bottom:0},Ye={position:"fixed",right:0,top:0,bottom:0},Be={position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:ce,transitionProperty:"opacity",pointerEvents:"none",opacity:0},Fe={opacity:1,pointerEvents:"auto"},de={position:"fixed",top:"50%",transform:"translateY(-50%)",width:"1px",display:"flex",justifyContent:"center"},Ge={position:"relative",cursor:"pointer",display:"flex",height:"72px",alignItems:"center",justifyContent:"center"},ee=e=>{var r;return(r=e.current)==null?void 0:r.firstElementChild},Ze=({ref:e,side:r,options:n,toggleRef:o,afterApply:a})=>{const i=ee(e),c=n.transitionMs?n.transitionMs*2/3:0;i&&(i.style.opacity="0"),requestAnimationFrame(()=>{!e.current||!i||(e.current.style.transition=`transform ${n.transitionMs}ms ease, width ${n.transitionMs}ms ease`,i.style.transition=`opacity ${c}ms ease`,requestAnimationFrame(()=>{e.current&&(e.current.style.transform="",e.current.style.width=`${n.sidebarWidthPx}px`,o.current&&n.sidebarWidthPx&&(o.current.style.opacity="1",o.current.style.transform=`translateY(-50%) translateX(${r==="left"?n.sidebarWidthPx:-n.sidebarWidthPx}px)`),setTimeout(()=>{i.style.opacity="1"},c),a())}))}),setTimeout(()=>{},0)},Ue=({ref:e,options:r,side:n,toggleRef:o,afterApply:a})=>{const i=ee(e),c=r.transitionMs?r.transitionMs*1/3:0;requestAnimationFrame(()=>{!e.current||!i||(e.current.style.transition=`transform ${r.transitionMs}ms ease, width ${r.transitionMs}ms ease`,i.style.transition=`opacity ${c}ms ease`,requestAnimationFrame(()=>{e.current&&(e.current.style.transform=n==="left"?"translateX(-100%)":"translateX(100%)",e.current.style.width="0px",o.current&&(o.current.style.opacity="1",o.current.style.transform="translateY(-50%)"),i.style.opacity="0",a())}))})},ze=({ref:e,toggleRef:r,options:n,translateX:o})=>{!e.current||o===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const a=ee(e);if(!e.current||!a)return;a.style.opacity="0";const i=`${n.sidebarWidthPx}px`;e.current.style.width!==i&&(e.current.style.width=i),e.current.style.transform=`translateX(${o}px)`,r.current&&(r.current.style.opacity="0",r.current.style.transform=`translateY(-50%) translateX(${o}px)`)}))},U=({refs:e,clientX:r,clientY:n,touchId:o,isMouse:a})=>{e.draggingRef.current={startX:r,startY:n,activeTouchId:o,isMouse:a,isActivated:!1},e.currentXRef.current=r,e.prevXRef.current=r},fe=({refs:e,dragSidebar:r,onDeactivate:n})=>{e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null,r(null),n()},z=e=>e instanceof Element?!!e.closest("input, textarea, [contenteditable='true']"):!1,ge=(e,r)=>{for(let n=0;n<e.length;n++){const o=e[n];if(r==null||o.identifier===r)return o}return null},he=(e,r)=>{for(let n=0;n<e.length;n++)if(e[n].identifier===r)return!0;return!1},ve=(e,r)=>{const{globalOptions:n,setLeftSidebarOptions:o,setRightSidebarOptions:a}=D(),{sidebarWidthPx:i,transitionMs:c,edgeActivationWidthPx:s,dragActivationDeltaPx:m,showOverlay:u,isAbsolute:S,overlayBackgroundColor:y,toggleIconColor:v,toggleIconSizePx:g,toggleIconEdgeDistancePx:I,showToggle:X,mediaQueryWidth:O,swipeBarZIndex:_,toggleZIndex:M,overlayZIndex:P}=r,A=f.useMemo(()=>({sidebarWidthPx:i??n.sidebarWidthPx,transitionMs:c??n.transitionMs,edgeActivationWidthPx:s??n.edgeActivationWidthPx,dragActivationDeltaPx:m??n.dragActivationDeltaPx,showOverlay:u??n.showOverlay,isAbsolute:S??n.isAbsolute,overlayBackgroundColor:y??n.overlayBackgroundColor,toggleIconColor:v??n.toggleIconColor,toggleIconSizePx:g??n.toggleIconSizePx,toggleIconEdgeDistancePx:I??n.toggleIconEdgeDistancePx,showToggle:X??n.showToggle,mediaQueryWidth:O??n.mediaQueryWidth,swipeBarZIndex:_??n.swipeBarZIndex,toggleZIndex:M??n.toggleZIndex,overlayZIndex:P??n.overlayZIndex}),[i,c,s,m,u,S,y,v,g,I,X,n,O,_,M,P]);return f.useEffect(()=>{e==="left"?o(A):a(A)},[e,A,o,a]),A};function te({isCollapsed:e,setCollapsed:r,closeSidebarOnClick:n=!0,transitionMs:o,overlayBackgroundColor:a,overlayZIndex:i}){return p.jsx("div",{style:{transitionDuration:`${o}ms`,...Be,...e?{}:Fe,...a?{backgroundColor:a}:{},zIndex:i},onMouseDown:c=>{n&&(c.stopPropagation(),r())}})}function pe({size:e,color:r}){const n=f.useRef(null);return f.useEffect(()=>{const o=()=>{n.current&&(n.current.style.opacity="1")},a=()=>{n.current&&(n.current.style.opacity="0.5")};n.current&&(n.current.addEventListener("mouseenter",o),n.current.addEventListener("mouseleave",a))},[]),p.jsx("div",{style:{...Ge},children:p.jsxs("svg",{ref:n,"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e,children:[p.jsx("g",{strokeWidth:"0"}),p.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round",children:p.jsx("g",{children:p.jsx("path",{clipRule:"evenodd",d:"m9.46967 5.46967c.29289-.29289.76773-.29289 1.06063 0l2.6286 2.62858c.5748.57477 1.0384 1.03835 1.3831 1.44443.355.41812.6278.82432.7818 1.29852.2447.7531.2447 1.5645 0 2.3176-.154.4742-.4268.8804-.7818 1.2985-.3447.4061-.8083.8697-1.3831 1.4444l-2.6286 2.6286c-.2929.2929-.76774.2929-1.06063 0s-.29289-.7677 0-1.0606l2.60593-2.6059c.6027-.6028 1.0225-1.0234 1.3229-1.3773.2947-.3471.4302-.5804.4987-.7912.1469-.4519.1469-.9387 0-1.3906-.0685-.2108-.204-.4441-.4987-.7912-.3004-.3539-.7202-.77451-1.3229-1.37728l-2.60593-2.60589c-.29289-.29289-.29289-.76777 0-1.06066z",fill:r,fillRule:"evenodd"})})})]})})}function me({options:e,showToggle:r=!0,ToggleComponent:n}){const{openSidebar:o,leftToggleRef:a,isLeftOpen:i,closeSidebar:c}=D();return r?p.jsx("div",{ref:a,style:{...de,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,left:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&p.jsx("button",{type:"button",onClick:()=>i?c("left"):o("left"),style:{marginLeft:`${e.toggleIconEdgeDistancePx}px`,...i?{transform:"rotate(180deg)"}:{}},children:n??p.jsx(pe,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}function G(e=$){const r=`(max-width: ${Math.min(e,$)}px)`,n=()=>typeof window>"u"||typeof window.matchMedia>"u"?!1:window.matchMedia(r).matches,[o,a]=f.useState(n);return f.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia>"u")return;const i=window.matchMedia(r),c=()=>a(i.matches);return c(),i.addEventListener("change",c),()=>i.removeEventListener("change",c)},[r]),o}const we=({refs:e,callbacks:r,currentX:n,preventDefault:o,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const c=n-e.draggingRef.current.startX;if(!e.draggingRef.current.isActivated&&Math.abs(c)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!e.draggingRef.current.isActivated)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const s=r.getIsOpen();let m=!1;if((s||e.draggingRef.current.startX<=i.edgeActivationWidthPx)&&(m=!0),!m){e.draggingRef.current=null,r.dragSidebar(null);return}o();const u=i.sidebarWidthPx;if(s){const S=Math.min(0,Math.max(-u,c+i.dragActivationDeltaPx));r.dragSidebar(S)}else if(e.draggingRef.current.startX<=i.edgeActivationWidthPx){const S=Math.min(0,Math.max(-u,-u+c-i.dragActivationDeltaPx));r.dragSidebar(S)}},Re=({refs:e,callbacks:r,options:n})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;return}const o=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,c=r.getIsOpen();e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const s=o>=a,m=o<a,u=i<=n.edgeActivationWidthPx;c?(m?r.closeSidebar():r.openSidebar(),r.dragSidebar(null)):u&&s?(r.openSidebar(),r.dragSidebar(null)):(r.closeSidebar(),r.dragSidebar(null))};function Ve(e){const r=G(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:o,isLeftOpen:a,openSidebar:i,closeSidebar:c,dragSidebar:s,leftSidebarRef:m}=D(),u=f.useRef(null),S=f.useRef(null),y=f.useRef(null);f.useEffect(()=>{if(!r||n==="right")return;const v={getIsOpen:()=>a,openSidebar:()=>i("left"),closeSidebar:()=>c("left"),dragSidebar:l=>s("left",l)},g={draggingRef:u,currentXRef:S,prevXRef:y},I=()=>o("left"),X=()=>o(null);function O(l){if(n==="right"||z(l.target)||l.changedTouches.length===0)return;const h=l.changedTouches[0];(v.getIsOpen()||h.clientX<=e.edgeActivationWidthPx)&&U({refs:g,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1})}function _(l){if(n==="right"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId,L=ge(l.changedTouches,h);L&&we({refs:g,callbacks:v,currentX:L.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e})}function M(l){if(n==="right"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId;he(l.changedTouches,h)&&Re({refs:g,callbacks:v,options:e})}function P(){n!=="right"&&(!u.current||u.current.isMouse||fe({refs:g,dragSidebar:v.dragSidebar,onDeactivate:X}))}function A(l){n!=="right"&&(z(l.target)||l.button===0&&(v.getIsOpen()||l.clientX<=e.edgeActivationWidthPx)&&U({refs:g,clientX:l.clientX,clientY:l.clientY,touchId:null,isMouse:!0}))}function C(l){n!=="right"&&(!u.current||!u.current.isMouse||we({refs:g,callbacks:v,currentX:l.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e}))}function x(){n!=="right"&&(!u.current||!u.current.isMouse||Re({refs:g,callbacks:v,options:e}))}return window.addEventListener("touchstart",O,{passive:!0}),window.addEventListener("touchmove",_,{passive:!1}),window.addEventListener("touchend",M,{passive:!0}),window.addEventListener("touchcancel",P,{passive:!0}),window.addEventListener("mousedown",A,{passive:!0}),window.addEventListener("mousemove",C,{passive:!1}),window.addEventListener("mouseup",x,{passive:!0}),()=>{window.removeEventListener("touchstart",O),window.removeEventListener("touchmove",_),window.removeEventListener("touchend",M),window.removeEventListener("touchcancel",P),window.removeEventListener("mousedown",A),window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",x)}},[r,a,i,c,s,n,o,m,e])}function Qe({className:e,children:r,ToggleComponent:n,...o}){if((r==null?void 0:r.type)===p.Fragment)throw new Error("Fragments is not allowed in SwipeBarLeft");const{isLeftOpen:a,closeSidebar:i,leftSidebarRef:c}=D(),s=ve("left",o),m=G(s.mediaQueryWidth);return Ve(s),p.jsxs(p.Fragment,{children:[s.showOverlay&&p.jsx(te,{isCollapsed:!a,setCollapsed:()=>i("left"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),p.jsx(me,{options:s,showToggle:s.showToggle,ToggleComponent:n}),p.jsx("div",{ref:c,style:{...le,...s.isAbsolute||m?Ne:{},...e?{}:{backgroundColor:ue},zIndex:s.swipeBarZIndex},className:e,children:r})]})}function Se({options:e,showToggle:r=!0,ToggleComponent:n}){const{openSidebar:o,rightToggleRef:a,isRightOpen:i,closeSidebar:c}=D();return r?p.jsx("div",{ref:a,style:{...de,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,right:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&p.jsx("button",{type:"button",onClick:()=>i?c("right"):o("right"),style:{marginRight:`${e.toggleIconEdgeDistancePx}px`,...i?{}:{transform:"rotate(180deg)"}},children:n??p.jsx(pe,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const Ee=({refs:e,callbacks:r,currentX:n,preventDefault:o,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const c=window.innerWidth,s=n-e.draggingRef.current.startX,m=e.draggingRef.current.startX>=c-i.edgeActivationWidthPx,u=e.draggingRef.current.isActivated;if(!u&&Math.abs(s)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!u)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const S=r.getIsOpen();let y=!1;if((S||m)&&(y=!0),!y){e.draggingRef.current=null,r.dragSidebar(null);return}o();const v=i.sidebarWidthPx;if(S){const g=Math.max(0,Math.min(v,s-i.dragActivationDeltaPx));r.dragSidebar(g)}else{const g=Math.max(0,Math.min(v,v+s+i.dragActivationDeltaPx));r.dragSidebar(g)}},be=({refs:e,callbacks:r,options:n})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;return}const o=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,c=r.getIsOpen(),s=window.innerWidth;e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const m=o>a,u=o<a,S=i>=s-n.edgeActivationWidthPx;c?(m?r.closeSidebar():r.openSidebar(),r.dragSidebar(null)):S&&u?(r.openSidebar(),r.dragSidebar(null)):(r.closeSidebar(),r.dragSidebar(null))};function He(e){const r=G(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:o,isRightOpen:a,openSidebar:i,closeSidebar:c,dragSidebar:s,rightSidebarRef:m}=D(),u=f.useRef(null),S=f.useRef(null),y=f.useRef(null);f.useEffect(()=>{if(!r||n==="left")return;const v={getIsOpen:()=>a,openSidebar:()=>i("right"),closeSidebar:()=>c("right"),dragSidebar:l=>s("right",l)},g={draggingRef:u,currentXRef:S,prevXRef:y},I=()=>o("right"),X=()=>o(null);function O(l){if(n==="left"||z(l.target)||l.changedTouches.length===0)return;const h=l.changedTouches[0],L=window.innerWidth;(v.getIsOpen()||h.clientX>=L-e.edgeActivationWidthPx)&&U({refs:g,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1})}function _(l){if(n==="left"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId,L=ge(l.changedTouches,h);L&&Ee({refs:g,callbacks:v,currentX:L.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e})}function M(l){if(n==="left"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId;he(l.changedTouches,h)&&be({refs:g,callbacks:v,options:e})}function P(){n!=="left"&&(!u.current||u.current.isMouse||fe({refs:g,dragSidebar:v.dragSidebar,onDeactivate:X}))}function A(l){if(n==="left"||z(l.target)||l.button!==0)return;const h=window.innerWidth;(v.getIsOpen()||l.clientX>=h-e.edgeActivationWidthPx)&&U({refs:g,clientX:l.clientX,clientY:l.clientY,touchId:null,isMouse:!0})}function C(l){n!=="left"&&(!u.current||!u.current.isMouse||Ee({refs:g,callbacks:v,currentX:l.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e}))}function x(){n!=="left"&&(!u.current||!u.current.isMouse||be({refs:g,callbacks:v,options:e}))}return window.addEventListener("touchstart",O,{passive:!0}),window.addEventListener("touchmove",_,{passive:!1}),window.addEventListener("touchend",M,{passive:!0}),window.addEventListener("touchcancel",P,{passive:!0}),window.addEventListener("mousedown",A,{passive:!0}),window.addEventListener("mousemove",C,{passive:!1}),window.addEventListener("mouseup",x,{passive:!0}),()=>{window.removeEventListener("touchstart",O),window.removeEventListener("touchmove",_),window.removeEventListener("touchend",M),window.removeEventListener("touchcancel",P),window.removeEventListener("mousedown",A),window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",x)}},[r,a,i,c,s,n,o,m,e])}function Je({className:e,children:r,ToggleComponent:n,...o}){if((r==null?void 0:r.type)===p.Fragment)throw new Error("Fragments is not allowed in SwipeBarRight");const{isRightOpen:a,closeSidebar:i,rightSidebarRef:c}=D(),s=ve("right",o),m=G(s.mediaQueryWidth);return He(s),p.jsxs(p.Fragment,{children:[s.showOverlay&&p.jsx(te,{isCollapsed:!a,setCollapsed:()=>i("right"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),p.jsx(Se,{options:s,showToggle:s.showToggle,ToggleComponent:n}),p.jsx("div",{ref:c,style:{...le,...s.isAbsolute||m?Ye:{},...e?{}:{backgroundColor:ue},zIndex:s.swipeBarZIndex},className:e,children:r})]})}T.Overlay=te,T.SwipeBarLeft=Qe,T.SwipeBarProvider=Te,T.SwipeBarRight=Je,T.ToggleLeft=me,T.ToggleRight=Se,T.useMediaQuery=G,T.useSwipeBarContext=D,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,E,b,Y,b),R[b+E]=!0)}if(b=null,w!==void 0&&(n(w),b=""+w),c(d)&&(n(d.key),b=""+d.key),"key"in d){w={};for(var ie in d)ie!=="key"&&(w[ie]=d[ie])}else w=d;return b&&s(w,typeof t=="function"?t.displayName||t.name||"Unknown":t),u(t,b,w,a(),K,re)}function y(t){v(t)?t._store&&(t._store.validated=1):typeof t=="object"&&t!==null&&t.$$typeof===L&&(t._payload.status==="fulfilled"?v(t._payload.value)&&t._payload.value._store&&(t._payload.value._store.validated=1):t._store&&(t._store.validated=1))}function v(t){return typeof t=="object"&&t!==null&&t.$$typeof===I}var g=f,I=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),A=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),l=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),j=Symbol.for("react.activity"),N=Symbol.for("react.client.reference"),k=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,ne=Array.isArray,U=console.createTask?console.createTask:function(){return null};g={react_stack_bottom_frame:function(t){return t()}};var V,Q={},H=g.react_stack_bottom_frame.bind(g,i)(),J=U(o(i)),R={};F.Fragment=O,F.jsx=function(t,d,w){var E=1e4>k.recentlyCreatedOwnerStacks++;return S(t,d,w,!1,E?Error("react-stack-top-frame"):H,E?U(o(t)):J)},F.jsxs=function(t,d,w){var E=1e4>k.recentlyCreatedOwnerStacks++;return S(t,d,w,!0,E?Error("react-stack-top-frame"):H,E?U(o(t)):J)}}()),F}process.env.NODE_ENV==="production"?q.exports=xe():q.exports=Te();var p=q.exports;const se=f.createContext(null),Oe=({children:e,sidebarWidthPx:r,transitionMs:n,edgeActivationWidthPx:o,dragActivationDeltaPx:a,showOverlay:i,isAbsolute:c,overlayBackgroundColor:s,toggleIconColor:m,toggleIconSizePx:u,toggleIconEdgeDistancePx:S,showToggle:y,mediaQueryWidth:v,swipeBarZIndex:g,toggleZIndex:I,overlayZIndex:C})=>{const[O,_]=f.useState(null),[M,P]=f.useState(!1),[A,X]=f.useState(!1),[x,l]=f.useState({}),[h,L]=f.useState({}),j=f.useRef(null),N=f.useRef(null),k=f.useRef(null),W=f.useRef(null),[ne,U]=f.useState({sidebarWidthPx:r??Pe,transitionMs:n??_e,edgeActivationWidthPx:o??Ae,dragActivationDeltaPx:a??Ie,showOverlay:i??Le,isAbsolute:c??Me,overlayBackgroundColor:s??ce,toggleIconColor:m??Ce,toggleIconSizePx:u??Xe,toggleIconEdgeDistancePx:S??De,showToggle:y??ke,mediaQueryWidth:v??$,swipeBarZIndex:g??We,toggleZIndex:I??je,overlayZIndex:C??Ne}),V=f.useCallback(R=>{U(t=>({...t,...R}))},[]),Q=f.useCallback(R=>{ze({side:R,ref:R==="left"?j:N,options:R==="left"?x:h,toggleRef:R==="left"?k:W,afterApply:()=>{R==="left"?P(!0):X(!0),_(R)}})},[x,h]),H=f.useCallback(R=>{Ve({ref:R==="left"?j:N,options:R==="left"?x:h,toggleRef:R==="left"?k:W,side:R,afterApply:()=>{R==="left"?P(!1):X(!1),_(null)}})},[x,h]),J=f.useCallback((R,t)=>{Qe({ref:R==="left"?j:N,toggleRef:R==="left"?k:W,options:R==="left"?x:h,translateX:t})},[x,h]);return p.jsx(se.Provider,{value:{lockedSidebar:O,setLockedSidebar:_,isLeftOpen:M,isRightOpen:A,leftSidebarRef:j,rightSidebarRef:N,openSidebar:Q,closeSidebar:H,dragSidebar:J,globalOptions:ne,setGlobalOptions:V,leftSidebarOptions:x,rightSidebarOptions:h,setLeftSidebarOptions:l,setRightSidebarOptions:L,leftToggleRef:k,rightToggleRef:W},children:e})},D=()=>{const e=f.useContext(se);if(!e)throw new Error("useSwipeBarContext must be used within SwipeBarProvider");return e},_e=300,Ae=40,Ie=20,Pe=320,Le=!0,Me=!1,ce="rgba(0, 0, 0, 0.5)",ue="rgb(36,36,36)",Ce="white",Xe=40,De=40,ke=!0,$=640,We=30,je=15,Ne=20,le=.6,Ye=200,de={width:0,top:0,bottom:0,flexShrink:0,overflowX:"hidden",willChange:"transform"},Be={position:"fixed",left:0,top:0,bottom:0},Fe={position:"fixed",right:0,top:0,bottom:0},Ge={position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:ce,transitionProperty:"opacity",pointerEvents:"none",opacity:0},Ue={opacity:1,pointerEvents:"auto"},fe={position:"fixed",top:"50%",transform:"translateY(-50%)",width:"1px",display:"flex",justifyContent:"center"},Ze={position:"relative",cursor:"pointer",display:"flex",height:"72px",alignItems:"center",justifyContent:"center"},ee=e=>{var r;return(r=e.current)==null?void 0:r.firstElementChild},ze=({ref:e,side:r,options:n,toggleRef:o,afterApply:a})=>{const i=ee(e),c=n.transitionMs?n.transitionMs*2/3:0;i&&(i.style.opacity="0"),requestAnimationFrame(()=>{!e.current||!i||(e.current.style.transition=`transform ${n.transitionMs}ms ease, width ${n.transitionMs}ms ease`,i.style.transition=`opacity ${c}ms ease`,requestAnimationFrame(()=>{e.current&&(e.current.style.transform="",e.current.style.width=`${n.sidebarWidthPx}px`,o.current&&n.sidebarWidthPx&&(o.current.style.opacity="1",o.current.style.transform=`translateY(-50%) translateX(${r==="left"?n.sidebarWidthPx:-n.sidebarWidthPx}px)`),setTimeout(()=>{i.style.opacity="1"},c),a())}))}),setTimeout(()=>{},0)},Ve=({ref:e,options:r,side:n,toggleRef:o,afterApply:a})=>{const i=ee(e),c=r.transitionMs?r.transitionMs*1/3:0;requestAnimationFrame(()=>{!e.current||!i||(e.current.style.transition=`transform ${r.transitionMs}ms ease, width ${r.transitionMs}ms ease`,i.style.transition=`opacity ${c}ms ease`,requestAnimationFrame(()=>{e.current&&(e.current.style.transform=n==="left"?"translateX(-100%)":"translateX(100%)",e.current.style.width="0px",o.current&&(o.current.style.opacity="1",o.current.style.transform="translateY(-50%)"),i.style.opacity="0",a())}))})},Qe=({ref:e,toggleRef:r,options:n,translateX:o})=>{!e.current||o===null||(e.current.style.transition="none",requestAnimationFrame(()=>{const a=ee(e);if(!e.current||!a)return;a.style.opacity="0";const i=`${n.sidebarWidthPx}px`;e.current.style.width!==i&&(e.current.style.width=i),e.current.style.transform=`translateX(${o}px)`,r.current&&(r.current.style.opacity="0",r.current.style.transform=`translateY(-50%) translateX(${o}px)`)}))},Z=({refs:e,clientX:r,clientY:n,touchId:o,isMouse:a})=>{e.draggingRef.current={startX:r,startY:n,activeTouchId:o,isMouse:a,isActivated:!1},e.currentXRef.current=r,e.prevXRef.current=r},ge=({refs:e,dragSidebar:r,onDeactivate:n})=>{e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null,r(null),n()},z=e=>e instanceof Element?!!e.closest("input, textarea, [contenteditable='true']"):!1,he=(e,r)=>{for(let n=0;n<e.length;n++){const o=e[n];if(r==null||o.identifier===r)return o}return null},ve=(e,r)=>{for(let n=0;n<e.length;n++)if(e[n].identifier===r)return!0;return!1},pe=(e,r)=>{const{globalOptions:n,setLeftSidebarOptions:o,setRightSidebarOptions:a}=D(),{sidebarWidthPx:i,transitionMs:c,edgeActivationWidthPx:s,dragActivationDeltaPx:m,showOverlay:u,isAbsolute:S,overlayBackgroundColor:y,toggleIconColor:v,toggleIconSizePx:g,toggleIconEdgeDistancePx:I,showToggle:C,mediaQueryWidth:O,swipeBarZIndex:_,toggleZIndex:M,overlayZIndex:P}=r,A=f.useMemo(()=>({sidebarWidthPx:i??n.sidebarWidthPx,transitionMs:c??n.transitionMs,edgeActivationWidthPx:s??n.edgeActivationWidthPx,dragActivationDeltaPx:m??n.dragActivationDeltaPx,showOverlay:u??n.showOverlay,isAbsolute:S??n.isAbsolute,overlayBackgroundColor:y??n.overlayBackgroundColor,toggleIconColor:v??n.toggleIconColor,toggleIconSizePx:g??n.toggleIconSizePx,toggleIconEdgeDistancePx:I??n.toggleIconEdgeDistancePx,showToggle:C??n.showToggle,mediaQueryWidth:O??n.mediaQueryWidth,swipeBarZIndex:_??n.swipeBarZIndex,toggleZIndex:M??n.toggleZIndex,overlayZIndex:P??n.overlayZIndex}),[i,c,s,m,u,S,y,v,g,I,C,n,O,_,M,P]);return f.useEffect(()=>{e==="left"?o(A):a(A)},[e,A,o,a]),A};function te({isCollapsed:e,setCollapsed:r,closeSidebarOnClick:n=!0,transitionMs:o,overlayBackgroundColor:a,overlayZIndex:i}){return p.jsx("div",{style:{transitionDuration:`${o}ms`,...Ge,...e?{}:Ue,...a?{backgroundColor:a}:{},zIndex:i},onMouseDown:c=>{n&&(c.stopPropagation(),r())}})}function me({size:e,color:r}){const n=f.useRef(null);return f.useEffect(()=>{const o=()=>{n.current&&(n.current.style.opacity="1")},a=()=>{n.current&&(n.current.style.opacity=`${le}`)};n.current&&(n.current.addEventListener("mouseenter",o),n.current.addEventListener("mouseleave",a))},[]),p.jsx("div",{style:{...Ze},children:p.jsxs("svg",{style:{transition:`opacity ${Ye}ms ease`,opacity:`${le}`},ref:n,"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e,children:[p.jsx("g",{strokeWidth:"0"}),p.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round",children:p.jsx("g",{children:p.jsx("path",{clipRule:"evenodd",d:"m9.46967 5.46967c.29289-.29289.76773-.29289 1.06063 0l2.6286 2.62858c.5748.57477 1.0384 1.03835 1.3831 1.44443.355.41812.6278.82432.7818 1.29852.2447.7531.2447 1.5645 0 2.3176-.154.4742-.4268.8804-.7818 1.2985-.3447.4061-.8083.8697-1.3831 1.4444l-2.6286 2.6286c-.2929.2929-.76774.2929-1.06063 0s-.29289-.7677 0-1.0606l2.60593-2.6059c.6027-.6028 1.0225-1.0234 1.3229-1.3773.2947-.3471.4302-.5804.4987-.7912.1469-.4519.1469-.9387 0-1.3906-.0685-.2108-.204-.4441-.4987-.7912-.3004-.3539-.7202-.77451-1.3229-1.37728l-2.60593-2.60589c-.29289-.29289-.29289-.76777 0-1.06066z",fill:r,fillRule:"evenodd"})})})]})})}function we({options:e,showToggle:r=!0,ToggleComponent:n}){const{openSidebar:o,leftToggleRef:a,isLeftOpen:i,closeSidebar:c}=D();return r?p.jsx("div",{ref:a,style:{...fe,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,left:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&p.jsx("button",{type:"button",onClick:()=>i?c("left"):o("left"),style:{marginLeft:`${e.toggleIconEdgeDistancePx}px`,...i?{transform:"rotate(180deg)"}:{}},children:n??p.jsx(me,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}function G(e=$){const r=`(max-width: ${Math.min(e,$)}px)`,n=()=>typeof window>"u"||typeof window.matchMedia>"u"?!1:window.matchMedia(r).matches,[o,a]=f.useState(n);return f.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia>"u")return;const i=window.matchMedia(r),c=()=>a(i.matches);return c(),i.addEventListener("change",c),()=>i.removeEventListener("change",c)},[r]),o}const Re=({refs:e,callbacks:r,currentX:n,preventDefault:o,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const c=n-e.draggingRef.current.startX;if(!e.draggingRef.current.isActivated&&Math.abs(c)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!e.draggingRef.current.isActivated)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const s=r.getIsOpen();let m=!1;if((s||e.draggingRef.current.startX<=i.edgeActivationWidthPx)&&(m=!0),!m){e.draggingRef.current=null,r.dragSidebar(null);return}o();const u=i.sidebarWidthPx;if(s){const S=Math.min(0,Math.max(-u,c+i.dragActivationDeltaPx));r.dragSidebar(S)}else if(e.draggingRef.current.startX<=i.edgeActivationWidthPx){const S=Math.min(0,Math.max(-u,-u+c-i.dragActivationDeltaPx));r.dragSidebar(S)}},Se=({refs:e,callbacks:r,options:n})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;return}const o=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,c=r.getIsOpen();e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const s=o>=a,m=o<a,u=i<=n.edgeActivationWidthPx;c?(m?r.closeSidebar():r.openSidebar(),r.dragSidebar(null)):u&&s?(r.openSidebar(),r.dragSidebar(null)):(r.closeSidebar(),r.dragSidebar(null))};function He(e){const r=G(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:o,isLeftOpen:a,openSidebar:i,closeSidebar:c,dragSidebar:s,leftSidebarRef:m}=D(),u=f.useRef(null),S=f.useRef(null),y=f.useRef(null);f.useEffect(()=>{if(!r||n==="right")return;const v={getIsOpen:()=>a,openSidebar:()=>i("left"),closeSidebar:()=>c("left"),dragSidebar:l=>s("left",l)},g={draggingRef:u,currentXRef:S,prevXRef:y},I=()=>o("left"),C=()=>o(null);function O(l){if(n==="right"||z(l.target)||l.changedTouches.length===0)return;const h=l.changedTouches[0];(v.getIsOpen()||h.clientX<=e.edgeActivationWidthPx)&&Z({refs:g,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1})}function _(l){if(n==="right"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId,L=he(l.changedTouches,h);L&&Re({refs:g,callbacks:v,currentX:L.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e})}function M(l){if(n==="right"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId;ve(l.changedTouches,h)&&Se({refs:g,callbacks:v,options:e})}function P(){n!=="right"&&(!u.current||u.current.isMouse||ge({refs:g,dragSidebar:v.dragSidebar,onDeactivate:C}))}function A(l){n!=="right"&&(z(l.target)||l.button===0&&(v.getIsOpen()||l.clientX<=e.edgeActivationWidthPx)&&Z({refs:g,clientX:l.clientX,clientY:l.clientY,touchId:null,isMouse:!0}))}function X(l){n!=="right"&&(!u.current||!u.current.isMouse||Re({refs:g,callbacks:v,currentX:l.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e}))}function x(){n!=="right"&&(!u.current||!u.current.isMouse||Se({refs:g,callbacks:v,options:e}))}return window.addEventListener("touchstart",O,{passive:!0}),window.addEventListener("touchmove",_,{passive:!1}),window.addEventListener("touchend",M,{passive:!0}),window.addEventListener("touchcancel",P,{passive:!0}),window.addEventListener("mousedown",A,{passive:!0}),window.addEventListener("mousemove",X,{passive:!1}),window.addEventListener("mouseup",x,{passive:!0}),()=>{window.removeEventListener("touchstart",O),window.removeEventListener("touchmove",_),window.removeEventListener("touchend",M),window.removeEventListener("touchcancel",P),window.removeEventListener("mousedown",A),window.removeEventListener("mousemove",X),window.removeEventListener("mouseup",x)}},[r,a,i,c,s,n,o,m,e])}function Je({className:e,children:r,ToggleComponent:n,...o}){if((r==null?void 0:r.type)===p.Fragment)throw new Error("Fragments is not allowed in SwipeBarLeft");const{isLeftOpen:a,closeSidebar:i,leftSidebarRef:c}=D(),s=pe("left",o),m=G(s.mediaQueryWidth);return He(s),p.jsxs(p.Fragment,{children:[s.showOverlay&&p.jsx(te,{isCollapsed:!a,setCollapsed:()=>i("left"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),p.jsx(we,{options:s,showToggle:s.showToggle,ToggleComponent:n}),p.jsx("div",{ref:c,style:{...de,...s.isAbsolute||m?Be:{},...e?{}:{backgroundColor:ue},zIndex:s.swipeBarZIndex},className:e,children:r})]})}function Ee({options:e,showToggle:r=!0,ToggleComponent:n}){const{openSidebar:o,rightToggleRef:a,isRightOpen:i,closeSidebar:c}=D();return r?p.jsx("div",{ref:a,style:{...fe,transition:`transform ${e.transitionMs}ms ease, opacity ${e.transitionMs}ms ease`,right:0,zIndex:e.toggleZIndex},children:(!i||i&&!e.showOverlay)&&p.jsx("button",{type:"button",onClick:()=>i?c("right"):o("right"),style:{marginRight:`${e.toggleIconEdgeDistancePx}px`,...i?{}:{transform:"rotate(180deg)"}},children:n??p.jsx(me,{size:e.toggleIconSizePx,color:e.toggleIconColor})})}):null}const be=({refs:e,callbacks:r,currentX:n,preventDefault:o,lockPane:a,options:i})=>{if(!e.draggingRef.current)return;const c=window.innerWidth,s=n-e.draggingRef.current.startX,m=e.draggingRef.current.startX>=c-i.edgeActivationWidthPx,u=e.draggingRef.current.isActivated;if(!u&&Math.abs(s)>=i.dragActivationDeltaPx&&(e.draggingRef.current.isActivated=!0,a()),!u)return;e.prevXRef.current=e.currentXRef.current,e.currentXRef.current=n;const S=r.getIsOpen();let y=!1;if((S||m)&&(y=!0),!y){e.draggingRef.current=null,r.dragSidebar(null);return}o();const v=i.sidebarWidthPx;if(S){const g=Math.max(0,Math.min(v,s-i.dragActivationDeltaPx));r.dragSidebar(g)}else{const g=Math.max(0,Math.min(v,v+s+i.dragActivationDeltaPx));r.dragSidebar(g)}},ye=({refs:e,callbacks:r,options:n})=>{if(!e.draggingRef.current)return;if(!e.draggingRef.current.isActivated){e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;return}const o=e.currentXRef.current??e.draggingRef.current.startX,a=e.prevXRef.current??e.draggingRef.current.startX,i=e.draggingRef.current.startX,c=r.getIsOpen(),s=window.innerWidth;e.draggingRef.current=null,e.currentXRef.current=null,e.prevXRef.current=null;const m=o>a,u=o<a,S=i>=s-n.edgeActivationWidthPx;c?(m?r.closeSidebar():r.openSidebar(),r.dragSidebar(null)):S&&u?(r.openSidebar(),r.dragSidebar(null)):(r.closeSidebar(),r.dragSidebar(null))};function Ke(e){const r=G(e.mediaQueryWidth),{lockedSidebar:n,setLockedSidebar:o,isRightOpen:a,openSidebar:i,closeSidebar:c,dragSidebar:s,rightSidebarRef:m}=D(),u=f.useRef(null),S=f.useRef(null),y=f.useRef(null);f.useEffect(()=>{if(!r||n==="left")return;const v={getIsOpen:()=>a,openSidebar:()=>i("right"),closeSidebar:()=>c("right"),dragSidebar:l=>s("right",l)},g={draggingRef:u,currentXRef:S,prevXRef:y},I=()=>o("right"),C=()=>o(null);function O(l){if(n==="left"||z(l.target)||l.changedTouches.length===0)return;const h=l.changedTouches[0],L=window.innerWidth;(v.getIsOpen()||h.clientX>=L-e.edgeActivationWidthPx)&&Z({refs:g,clientX:h.clientX,clientY:h.clientY,touchId:h.identifier,isMouse:!1})}function _(l){if(n==="left"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId,L=he(l.changedTouches,h);L&&be({refs:g,callbacks:v,currentX:L.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e})}function M(l){if(n==="left"||!u.current||u.current.isMouse)return;const h=u.current.activeTouchId;ve(l.changedTouches,h)&&ye({refs:g,callbacks:v,options:e})}function P(){n!=="left"&&(!u.current||u.current.isMouse||ge({refs:g,dragSidebar:v.dragSidebar,onDeactivate:C}))}function A(l){if(n==="left"||z(l.target)||l.button!==0)return;const h=window.innerWidth;(v.getIsOpen()||l.clientX>=h-e.edgeActivationWidthPx)&&Z({refs:g,clientX:l.clientX,clientY:l.clientY,touchId:null,isMouse:!0})}function X(l){n!=="left"&&(!u.current||!u.current.isMouse||be({refs:g,callbacks:v,currentX:l.clientX,preventDefault:()=>l.preventDefault(),lockPane:I,options:e}))}function x(){n!=="left"&&(!u.current||!u.current.isMouse||ye({refs:g,callbacks:v,options:e}))}return window.addEventListener("touchstart",O,{passive:!0}),window.addEventListener("touchmove",_,{passive:!1}),window.addEventListener("touchend",M,{passive:!0}),window.addEventListener("touchcancel",P,{passive:!0}),window.addEventListener("mousedown",A,{passive:!0}),window.addEventListener("mousemove",X,{passive:!1}),window.addEventListener("mouseup",x,{passive:!0}),()=>{window.removeEventListener("touchstart",O),window.removeEventListener("touchmove",_),window.removeEventListener("touchend",M),window.removeEventListener("touchcancel",P),window.removeEventListener("mousedown",A),window.removeEventListener("mousemove",X),window.removeEventListener("mouseup",x)}},[r,a,i,c,s,n,o,m,e])}function qe({className:e,children:r,ToggleComponent:n,...o}){if((r==null?void 0:r.type)===p.Fragment)throw new Error("Fragments is not allowed in SwipeBarRight");const{isRightOpen:a,closeSidebar:i,rightSidebarRef:c}=D(),s=pe("right",o),m=G(s.mediaQueryWidth);return Ke(s),p.jsxs(p.Fragment,{children:[s.showOverlay&&p.jsx(te,{isCollapsed:!a,setCollapsed:()=>i("right"),transitionMs:s.transitionMs,overlayBackgroundColor:s.overlayBackgroundColor,overlayZIndex:s.overlayZIndex}),p.jsx(Ee,{options:s,showToggle:s.showToggle,ToggleComponent:n}),p.jsx("div",{ref:c,style:{...de,...s.isAbsolute||m?Fe:{},...e?{}:{backgroundColor:ue},zIndex:s.swipeBarZIndex},className:e,children:r})]})}T.Overlay=te,T.SwipeBarLeft=Je,T.SwipeBarProvider=Oe,T.SwipeBarRight=qe,T.ToggleLeft=we,T.ToggleRight=Ee,T.useMediaQuery=G,T.useSwipeBarContext=D,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});

package/dist/swipeSidebarShared.d.ts

@@ -62,6 +62,8 @@ export declare const LATENCY_OPACITY_TRANSITION_MS = 100;
 export declare const DEFAULT_SWIPEBAR_Z_INDEX = 30;
 export declare const DEFAULT_TOGGLE_Z_INDEX = 15;
 export declare const DEFAULT_OVERLAY_Z_INDEX = 20;
+export declare const DEFAULT_TOGGLE_ICON_OPACITY = 0.6;
+export declare const DEFAULT_TOGGLE_ICON_OPACITY_TRANSITION_MS = 200;
 export declare const swipeBarStyle: {
     width: number;
     top: number;

package/dist/swipeSidebarShared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swipeSidebarShared.d.ts","sourceRoot":"","sources":["../src/swipeSidebarShared.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"swipeSidebarShared.d.ts","sourceRoot":"","sources":["../src/swipeSidebarShared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAGlG,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACvB,WAAW,EAAE,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC1C,WAAW,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,YAAY,OAAO,CAAC;AACjC,eAAO,MAAM,8BAA8B,OAAO,CAAC;AACnD,eAAO,MAAM,WAAW,QAAQ,CAAC;AACjC,eAAO,MAAM,gCAAgC,uBAAuB,CAAC;AAErE,eAAO,MAAM,gCAAgC,kBAAkB,CAAC;AAChE,eAAO,MAAM,yBAAyB,UAAU,CAAC;AACjD,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,oCAAoC,KAAK,CAAC;AACvD,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,6BAA6B,MAAM,CAAC;AACjD,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yCAAyC,MAAM,CAAC;AAE7D,eAAO,MAAM,aAAa;;;;;;;CAOD,CAAC;AAE1B,eAAO,MAAM,yBAAyB;;;;;CAKb,CAAC;AAE1B,eAAO,MAAM,0BAA0B;;;;;CAKd,CAAC;AAE1B,eAAO,MAAM,YAAY;;;;;;;;;;CAUA,CAAC;AAE1B,eAAO,MAAM,kBAAkB;;;CAGN,CAAC;AAE1B,eAAO,MAAM,kBAAkB;;;;;;;CAON,CAAC;AAE1B,eAAO,MAAM,sBAAsB;;;;;;;CAOV,CAAC;AAE1B,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAM5C,KAAK,oBAAoB,GAAG;IAC3B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,gDAMjC,oBAAoB,SAoCtB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC5B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,gDAMlC,qBAAqB,SAwBvB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC3B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,0CAKjC,oBAAoB,SAsBtB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,8CAA8C,gBAAgB,SAU7F,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,qCAAqC,iBAAiB,SAMtF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,IAAI,WAAW,GAAG,IAAI,KAAG,OAIzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC5B,gBAAgB,SAAS,EACzB,WAAW,MAAM,GAAG,IAAI,KACtB,KAAK,GAAG,IAQV,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAChC,gBAAgB,SAAS,EACzB,WAAW,MAAM,GAAG,IAAI,KACtB,OAOF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,YAAY,EAAE,SAAS,gBAAgB;;;;;;;;;;;;;;;;CAmEhF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@luciodale/swipe-bar",
-	"version": "1.0.4",
+	"version": "1.0.5",
 	"author": "Lucio D'Alessandro",
 	"repository": {
 		"type": "git",