react-spring-carousel 3.0.0-beta090.42 → 3.0.0-beta090.43

package/dist/index.es.js

@@ -27,13 +27,13 @@ function kr() {
   cr = 1;
   var n = lr, m = Symbol.for("react.element"), p = Symbol.for("react.fragment"), $ = Object.prototype.hasOwnProperty, B = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
   function R(l, f, d) {
-    var W, A = {}, C = null, u = null;
+    var N, A = {}, C = null, u = null;
     d !== void 0 && (C = "" + d), f.key !== void 0 && (C = "" + f.key), f.ref !== void 0 && (u = f.ref);
-    for (W in f)
-      $.call(f, W) && !v.hasOwnProperty(W) && (A[W] = f[W]);
+    for (N in f)
+      $.call(f, N) && !v.hasOwnProperty(N) && (A[N] = f[N]);
     if (l && l.defaultProps)
-      for (W in f = l.defaultProps, f)
-        A[W] === void 0 && (A[W] = f[W]);
+      for (N in f = l.defaultProps, f)
+        A[N] === void 0 && (A[N] = f[N]);
     return { $$typeof: m, type: l, key: C, ref: u, props: A, _owner: B.current };
   }
   return He.Fragment = p, He.jsx = R, He.jsxs = R, He;
@@ -51,7 +51,7 @@ var Je = {};
 var sr;
 function Pr() {
   return sr || (sr = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = lr, m = Symbol.for("react.element"), p = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), B = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), l = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), q = Symbol.iterator, y = "@@iterator";
+    var n = lr, m = Symbol.for("react.element"), p = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), B = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), l = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), q = Symbol.iterator, y = "@@iterator";
     function ae(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -79,7 +79,7 @@ function Pr() {
     var Ne = !1, ne = !1, Y = !1, ie = !1, oe = !1, z;
     z = Symbol.for("react.module.reference");
     function Te(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === $ || e === v || oe || e === B || e === d || e === W || ie || e === u || Ne || ne || Y || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === A || e.$$typeof === R || e.$$typeof === l || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === $ || e === v || oe || e === B || e === d || e === N || ie || e === u || Ne || ne || Y || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === A || e.$$typeof === R || e.$$typeof === l || e.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -92,7 +92,7 @@ function Pr() {
       var E = t.displayName || t.name || "";
       return E !== "" ? i + "(" + E + ")" : i;
     }
-    function N(e) {
+    function D(e) {
       return e.displayName || "Context";
     }
     function x(e) {
@@ -113,17 +113,17 @@ function Pr() {
           return "StrictMode";
         case d:
           return "Suspense";
-        case W:
+        case N:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case l:
             var t = e;
-            return N(t) + ".Consumer";
+            return D(t) + ".Consumer";
           case R:
             var i = e;
-            return N(i._context) + ".Provider";
+            return D(i._context) + ".Provider";
           case f:
             return Q(e, e.render, "ForwardRef");
           case A:
@@ -140,14 +140,14 @@ function Pr() {
         }
       return null;
     }
-    var b = Object.assign, w = 0, D, me, pe, c, T, I, X;
+    var b = Object.assign, w = 0, M, me, pe, c, T, I, X;
     function H() {
     }
     H.__reactDisabledLog = !0;
     function ze() {
       {
         if (w === 0) {
-          D = console.log, me = console.info, pe = console.warn, c = console.error, T = console.group, I = console.groupCollapsed, X = console.groupEnd;
+          M = console.log, me = console.info, pe = console.warn, c = console.error, T = console.group, I = console.groupCollapsed, X = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -177,7 +177,7 @@ function Pr() {
           };
           Object.defineProperties(console, {
             log: b({}, e, {
-              value: D
+              value: M
             }),
             info: b({}, e, {
               value: me
@@ -218,8 +218,8 @@ function Pr() {
     }
     var ge = !1, Pe;
     {
-      var Ge = typeof WeakMap == "function" ? WeakMap : Map;
-      Pe = new Ge();
+      var Qe = typeof WeakMap == "function" ? WeakMap : Map;
+      Pe = new Qe();
     }
     function Ve(e, t) {
       if (!e || ge)
@@ -309,7 +309,7 @@ function Pr() {
       switch (e) {
         case d:
           return ue("Suspense");
-        case W:
+        case N:
           return ue("SuspenseList");
       }
       if (typeof e == "object")
@@ -328,13 +328,13 @@ function Pr() {
         }
       return "";
     }
-    var k = Object.prototype.hasOwnProperty, ce = {}, M = F.ReactDebugCurrentFrame;
+    var k = Object.prototype.hasOwnProperty, ce = {}, W = F.ReactDebugCurrentFrame;
     function je(e) {
       if (e) {
         var t = e._owner, i = Fe(e.type, e._source, t ? t.type : null);
-        M.setExtraStackFrame(i);
+        W.setExtraStackFrame(i);
       } else
-        M.setExtraStackFrame(null);
+        W.setExtraStackFrame(null);
     }
     function Re(e, t, i, s, E) {
       {
@@ -379,12 +379,12 @@ function Pr() {
       if (_e(e))
         return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ee(e)), se(e);
     }
-    var Ce = F.ReactCurrentOwner, Ze = {
+    var Ce = F.ReactCurrentOwner, Ge = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, er, Qe, Se;
+    }, er, Ze, Se;
     Se = {};
     function Oe(e) {
       if (k.call(e, "ref")) {
@@ -422,7 +422,7 @@ function Pr() {
     function Ue(e, t) {
       {
         var i = function() {
-          Qe || (Qe = !0, j("%s: `ref` 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://reactjs.org/link/special-props)", t));
+          Ze || (Ze = !0, j("%s: `ref` 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://reactjs.org/link/special-props)", t));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: i,
@@ -464,7 +464,7 @@ function Pr() {
         var _, g = {}, h = null, J = null;
         i !== void 0 && (le(i), h = "" + i), rr(t) && (le(t.key), h = "" + t.key), Oe(t) && (J = t.ref, xe(t, E));
         for (_ in t)
-          k.call(t, _) && !Ze.hasOwnProperty(_) && (g[_] = t[_]);
+          k.call(t, _) && !Ge.hasOwnProperty(_) && (g[_] = t[_]);
         if (e && e.defaultProps) {
           var V = e.defaultProps;
           for (_ in V)
@@ -745,7 +745,7 @@ function pr({
       });
     }
   }
-  function W() {
+  function N() {
     function C(u) {
       return u.map((q) => ({
         id: q.id,
@@ -773,7 +773,7 @@ function pr({
             maxHeight: "100%"
           }
         },
-        children: W().map(({ id: C, renderThumb: u }) => {
+        children: N().map(({ id: C, renderThumb: u }) => {
           const q = `thumb-item-${C}`;
           return /* @__PURE__ */ L.jsx("div", { id: q, className: "thumb-item", children: typeof u == "function" ? u(B) : u }, q);
         })
@@ -793,7 +793,7 @@ function Nr({
   withLoop: l = !1,
   startEndGutter: f = 0,
   carouselSlideAxis: d = "x",
-  disableGestures: W = !1,
+  disableGestures: N = !1,
   draggingSlideTreshold: A,
   slideWhenThresholdIsReached: C = !1,
   freeScroll: u,
@@ -806,7 +806,7 @@ function Nr({
   __unstable_stretch_tems__: Ne = !0,
   slideAmount: ne
 }) {
-  const Y = B, ie = O(!1), oe = O(A ?? 0), z = O("initial"), Te = O("initial"), Q = O("initial"), N = O(F), x = O(F === 0), b = O(v === "fixed" && F === n.length - 1), w = O(null), D = O(null), me = O(0), pe = O(0), c = O(0), T = O(l), I = O(v), X = O(u), H = O(!1), ke = Me(() => l ? [
+  const Y = B, ie = O(!1), oe = O(A ?? 0), z = O("initial"), Te = O("initial"), Q = O("initial"), D = O(F), x = O(F === 0), b = O(v === "fixed" && F === n.length - 1), w = O(null), M = O(null), me = O(0), pe = O(0), c = O(0), T = O(l), I = O(v), X = O(u), H = O(!1), ke = Me(() => l ? [
     ...n.map((r) => ({
       ...r,
       id: `prev-repeated-item-${r.id}`
@@ -821,11 +821,11 @@ function Nr({
       val: 0,
       pause: !m,
       onChange: ({ value: r }) => {
-        u && w.current ? (d === "x" ? w.current.scrollLeft = Math.abs(r.val) : w.current.scrollTop = Math.abs(r.val), Oe()) : D.current && (d === "x" ? D.current.style.transform = `translate3d(${r.val}px, 0px,0px)` : D.current.style.transform = `translate3d(0px,${r.val}px,0px)`);
+        u && w.current ? (d === "x" ? w.current.scrollLeft = Math.abs(r.val) : w.current.scrollTop = Math.abs(r.val), Oe()) : M.current && (d === "x" ? M.current.style.transform = `translate3d(${r.val}px, 0px,0px)` : M.current.style.transform = `translate3d(0px,${r.val}px,0px)`);
       }
     }),
     [u]
-  ), { emitEvent: ue, useListenToCustomEvent: ge } = mr(), { thumbsFragment: Pe, handleScroll: Ge } = pr({
+  ), { emitEvent: ue, useListenToCustomEvent: ge } = mr(), { thumbsFragment: Pe, handleScroll: Qe } = pr({
     withThumbs: !!p,
     thumbsSlideAxis: $,
     prepareThumbsData: ae,
@@ -873,15 +873,15 @@ function Nr({
     f
   ]);
   function ce({ from: r, to: o, nextActiveItem: a, immediate: P = !1, slideMode: K }) {
-    Te.current = K, typeof a == "number" && (u || (N.current = a), ue({
+    Te.current = K, typeof a == "number" && (u || (D.current = a), ue({
       eventName: "onSlideStartChange",
       slideActionType: z.current,
       slideMode: Te.current,
       nextItem: {
         startReached: x.current,
         endReached: b.current,
-        index: u ? -1 : N.current,
-        id: u ? "" : n[N.current].id
+        index: u ? -1 : D.current,
+        id: u ? "" : n[D.current].id
       }
     })), c.current = o, U.start({
       immediate: P,
@@ -903,19 +903,19 @@ function Nr({
           currentItem: {
             startReached: x.current,
             endReached: b.current,
-            index: u ? -1 : N.current,
-            id: u ? "" : n[N.current].id
+            index: u ? -1 : D.current,
+            id: u ? "" : n[D.current].id
           }
         });
       }
-    }), p && !P && Ge(N.current);
+    }), p && !P && Qe(D.current);
   }
-  const M = Me(() => {
+  const W = Me(() => {
     var r;
-    return D.current ? l ? k() * n.length : Math.round(
+    return M.current ? l ? k() * n.length : Math.round(
       Number(
-        (r = D.current) == null ? void 0 : r[d === "x" ? "scrollWidth" : "scrollHeight"]
-      ) - D.current.getBoundingClientRect()[d === "x" ? "width" : "height"] - f * 2
+        (r = M.current) == null ? void 0 : r[d === "x" ? "scrollWidth" : "scrollHeight"]
+      ) - M.current.getBoundingClientRect()[d === "x" ? "width" : "height"] - f * 2
     ) : 0;
   }, [d, k, n.length, f, l]);
   function je() {
@@ -927,31 +927,31 @@ function Nr({
   }
   const Re = Me(() => {
     var o;
-    const r = (o = D.current) == null ? void 0 : o.querySelector(".use-spring-carousel-item");
+    const r = (o = M.current) == null ? void 0 : o.querySelector(".use-spring-carousel-item");
     if (!r)
       throw Error("No carousel items available!");
     return r.getBoundingClientRect()[d === "x" ? "width" : "height"] + R;
   }, [d, R]), we = Me(
     (r) => {
-      const o = d === "x" ? "left" : "top", a = D.current;
+      const o = d === "x" ? "left" : "top", a = M.current;
       a && (l ? (a.style.top = "0px", a.style.left = "0px", a.style[o] = `-${r - f}px`, x.current = !1, b.current = !1) : (a.style.left = "0px", a.style.top = "0px"));
     },
     [d, f, l]
   ), ye = Me(
     (r = !1) => {
-      if (D.current && r && (D.current.style.transform = "translate3d(0px, 0px,0px)", D.current.style.left = "0", D.current.style.top = "0"), v === "fixed" && we(
+      if (M.current && r && (M.current.style.transform = "translate3d(0px, 0px,0px)", M.current.style.left = "0", M.current.style.top = "0"), v === "fixed" && we(
         y === "center" ? Re() * n.length - k() * Math.round((Y - 1) / 2) : y === "end" ? Re() * n.length - k() * Math.round(Y - 1) : Re() * n.length
       ), v === "fluid") {
-        if (we(Re() * n.length), b.current && M() !== Math.abs(c.current) && !l) {
-          const o = -M();
+        if (we(Re() * n.length), b.current && W() !== Math.abs(c.current) && !l) {
+          const o = -W();
           c.current = o, U.start({
             immediate: !0,
             val: c.current
           });
           return;
         }
-        if (Math.abs(c.current) > 0 && M() !== Math.abs(c.current) && !l && !u && Q.current === "backward") {
-          const o = me.current - M(), a = c.current + o;
+        if (Math.abs(c.current) > 0 && W() !== Math.abs(c.current) && !l && !u && Q.current === "backward") {
+          const o = me.current - W(), a = c.current + o;
           return U.start({
             immediate: !0,
             val: a
@@ -962,9 +962,9 @@ function Nr({
         return;
       }
       if (!u && v === "fixed") {
-        const o = -(k() * N.current);
-        if (Math.abs(o) > M() && !l) {
-          const a = -M();
+        const o = -(k() * D.current);
+        if (Math.abs(o) > W() && !l) {
+          const a = -W();
           b.current = !0, c.current = a, U.start({
             immediate: !0,
             val: c.current
@@ -983,7 +983,7 @@ function Nr({
       u,
       Re,
       k,
-      M,
+      W,
       y,
       n.length,
       Y,
@@ -999,7 +999,7 @@ function Nr({
   function _e(r, o) {
     if (u && r === "next") {
       const a = c.current + k();
-      return a > M() ? M() : a;
+      return a > W() ? W() : a;
     }
     if (u && r === "prev") {
       const a = c.current - k();
@@ -1011,7 +1011,7 @@ function Nr({
     if (!m || H.current || x.current && !l)
       return;
     b.current && (Q.current = "backward"), z.current = "prev", b.current = !1;
-    const P = typeof o == "number" ? o : N.current - 1;
+    const P = typeof o == "number" ? o : D.current - 1;
     if (u && Oe(), !l) {
       const K = u ? _e("prev", o) - k() / 3 < 0 : _e("prev", o) + k() / 3 > 0;
       if (x.current)
@@ -1049,16 +1049,16 @@ function Nr({
     if (!m || H.current || b.current && !l)
       return;
     x.current && (Q.current = "forward"), z.current = "next", x.current = !1;
-    const P = o || N.current + 1;
+    const P = o || D.current + 1;
     if (u && Oe(), !l) {
-      const K = Math.abs(_e("next", o)) > M() - k() / 3;
+      const K = Math.abs(_e("next", o)) > W() - k() / 3;
       if (b.current)
         return;
       if (K) {
         x.current = !1, b.current = !0, ce({
           slideMode: r,
           from: ee(),
-          to: u ? M() : -M(),
+          to: u ? W() : -W(),
           nextActiveItem: P,
           immediate: a
         });
@@ -1086,12 +1086,12 @@ function Nr({
   function Ce() {
     A ? oe.current = A : oe.current = Math.floor(k() / 2 / 2);
   }
-  function Ze() {
-    D.current && (me.current = M(), T.current = l, I.current = v, X.current = u, pe.current = window.innerWidth, c.current = 0, Ye({ id: 0, immediate: !0, shouldReset: !0 }), Ce(), ye());
+  function Ge() {
+    M.current && (me.current = W(), T.current = l, I.current = v, X.current = u, pe.current = window.innerWidth, c.current = 0, Ye({ id: D.current, immediate: !0, shouldReset: !0 }), Ce(), ye());
   }
-  const Qe = hr(
+  const Ze = hr(
     (r) => {
-      const o = r.dragging, a = r.offset[d === "x" ? 0 : 1], P = r.movement[d === "x" ? 0 : 1], K = r.direction[d === "x" ? 0 : 1], fe = P > oe.current, de = P < -oe.current, tr = M(), re = r.velocity;
+      const o = r.dragging, a = r.offset[d === "x" ? 0 : 1], P = r.movement[d === "x" ? 0 : 1], K = r.direction[d === "x" ? 0 : 1], fe = P > oe.current, de = P < -oe.current, tr = W(), re = r.velocity;
       if (o) {
         if (K > 0 ? z.current = "prev" : z.current = "next", ue({
           ...r,
@@ -1162,7 +1162,7 @@ function Nr({
           velocity: re
         }
       }) : de ? !l && b.current ? U.start({
-        val: -M(),
+        val: -W(),
         config: {
           ...Ie.default,
           velocity: re
@@ -1188,7 +1188,7 @@ function Nr({
       });
     },
     {
-      enabled: m && !W && !u || !!u && !!q,
+      enabled: m && !N && !u || !!u && !!q,
       axis: d,
       from: () => u && w.current ? [
         -w.current.scrollLeft,
@@ -1204,7 +1204,7 @@ function Nr({
     } : {};
   }
   function Oe() {
-    w.current && (c.current = w.current[d === "x" ? "scrollLeft" : "scrollTop"], w.current[d === "x" ? "scrollLeft" : "scrollTop"] === 0 && (x.current = !0, b.current = !1), w.current[d === "x" ? "scrollLeft" : "scrollTop"] > 0 && w.current[d === "x" ? "scrollLeft" : "scrollTop"] < M() && (x.current = !1, b.current = !1), w.current[d === "x" ? "scrollLeft" : "scrollTop"] === M() && (x.current = !1, b.current = !0));
+    w.current && (c.current = w.current[d === "x" ? "scrollLeft" : "scrollTop"], w.current[d === "x" ? "scrollLeft" : "scrollTop"] === 0 && (x.current = !0, b.current = !1), w.current[d === "x" ? "scrollLeft" : "scrollTop"] > 0 && w.current[d === "x" ? "scrollLeft" : "scrollTop"] < W() && (x.current = !1, b.current = !1), w.current[d === "x" ? "scrollLeft" : "scrollTop"] === W() && (x.current = !1, b.current = !0));
   }
   function rr() {
     return u ? {
@@ -1230,9 +1230,9 @@ function Nr({
       r,
       "The item you want to slide to doesn't exist; check the provided id."
     );
-    if (K === N.current && !a)
+    if (K === D.current && !a)
       return;
-    const fe = xe(n[N.current].id), de = xe(n[K].id);
+    const fe = xe(n[D.current].id), de = xe(n[K].id);
     de > fe ? le({
       type: P || a ? "initial" : "click",
       index: de,
@@ -1244,18 +1244,18 @@ function Nr({
     });
   }
   function Ue(r) {
-    const o = xe(r, "The item doesn't exist; check the provided id."), a = N.current;
+    const o = xe(r, "The item doesn't exist; check the provided id."), a = D.current;
     return l && a === n.length - 1 ? o === 0 : o === a + 1;
   }
   function Be(r) {
-    const o = xe(r, "The item doesn't exist; check the provided id."), a = N.current;
+    const o = xe(r, "The item doesn't exist; check the provided id."), a = D.current;
     return l && a === 0 ? o === n.length - 1 : o === a - 1;
   }
   function qe(r) {
-    return xe(r, "The item you want to check doesn't exist; check the provided id.") === N.current;
+    return xe(r, "The item you want to check doesn't exist; check the provided id.") === D.current;
   }
   function Ae() {
-    return W ? "unset" : d === "x" ? "pan-y" : "pan-x";
+    return N ? "unset" : d === "x" ? "pan-y" : "pan-x";
   }
   const $e = u ? {
     useListenToCustomEvent: ge,
@@ -1299,9 +1299,9 @@ function Nr({
     getIsActiveItem: qe
   };
   Rr(() => {
-    D.current && m && (ie.current = !0, Ze());
+    M.current && m && (ie.current = !0, Ge());
   }, [m]), he(() => {
-    N.current !== F && (ie.current = !0, Ye({
+    D.current !== F && (ie.current = !0, Ye({
       id: F,
       immediate: !j
     }));
@@ -1331,7 +1331,7 @@ function Nr({
         throw new Error("`slideGroupOfItems` and `freeScroll` can't be used together.");
       if (typeof ne == "number" && ne > 0 && v === "fixed")
         throw new Error("`slideAmount` must be used with `slideType: fluid`");
-      ie.current = !0, Ze();
+      ie.current = !0;
     }
   }, [
     y,
@@ -1361,7 +1361,7 @@ function Nr({
           pe.current = window.innerWidth;
           const a = ye();
           window.clearTimeout(r), r = setTimeout(() => {
-            me.current = M(), typeof a == "function" && a();
+            me.current = W(), typeof a == "function" && a();
           }, 100);
         }
       });
@@ -1369,7 +1369,7 @@ function Nr({
         o.disconnect();
       };
     }
-  }, [ye, M]);
+  }, [ye, W]);
   const be = /* @__PURE__ */ L.jsx(ar.Provider, { value: $e, children: Pe }), Le = /* @__PURE__ */ L.jsx(ar.Provider, { value: $e, children: /* @__PURE__ */ L.jsx(
     "div",
     {
@@ -1387,8 +1387,8 @@ function Nr({
         "div",
         {
           className: "use-spring-carousel-track-wrapper",
-          ref: D,
-          ...Qe(),
+          ref: M,
+          ...Ze(),
           style: {
             position: "relative",
             display: "flex",
@@ -1481,14 +1481,14 @@ function Sr({
   activeItem: l,
   toPrevItemSpringProps: f = We,
   toNextItemSpringProps: d = We,
-  draggingSlideTreshold: W = 50,
+  draggingSlideTreshold: N = 50,
   thumbsSlideAxis: A = "x"
 }) {
   const C = O("next"), u = O("initial"), q = O(null), [y, ae] = Tr(l ?? 0), { emitEvent: F, useListenToCustomEvent: j } = mr(), { handleScroll: te, thumbsFragment: Ne } = pr({
     thumbsSlideAxis: A,
     items: p,
     renderThumbFnProps: {
-      getIsNextItem: N,
+      getIsNextItem: D,
       getIsPrevItem: x,
       useListenToCustomEvent: j,
       activeItem: {
@@ -1605,7 +1605,7 @@ function Sr({
   }), Te = hr(
     ({ last: c, movement: [T] }) => {
       if (c) {
-        const I = T > W, X = T < -W, H = y === 0, ze = y === p.length - 1;
+        const I = T > N, X = T < -N, H = y === 0, ze = y === p.length - 1;
         if (X) {
           if (!R && ze)
             return;
@@ -1634,7 +1634,7 @@ function Sr({
     }
     return I;
   }
-  function N(c) {
+  function D(c) {
     const T = Q(c, "The item doesn't exist; check the provided id."), I = y;
     return R && I === p.length - 1 ? T === 0 : T === I + 1;
   }
@@ -1657,7 +1657,7 @@ function Sr({
         },
         children: typeof H == "function" ? H({
           useListenToCustomEvent: j,
-          getIsNextItem: N,
+          getIsNextItem: D,
           getIsPrevItem: x,
           activeItem: {
             index: y,
@@ -1670,7 +1670,7 @@ function Sr({
   function w() {
     return m ? "unset" : "pan-y";
   }
-  const D = {
+  const M = {
     useListenToCustomEvent: j,
     slideToPrevItem: () => ie("click"),
     slideToNextItem: () => oe("click"),
@@ -1689,7 +1689,7 @@ function Sr({
         slideMode: "click"
       });
     }
-  }, me = /* @__PURE__ */ L.jsx(or.Provider, { value: D, children: Ne }), pe = /* @__PURE__ */ L.jsx(or.Provider, { value: D, children: /* @__PURE__ */ L.jsx(
+  }, me = /* @__PURE__ */ L.jsx(or.Provider, { value: M, children: Ne }), pe = /* @__PURE__ */ L.jsx(or.Provider, { value: M, children: /* @__PURE__ */ L.jsx(
     "div",
     {
       className: "use-transition-carousel-wrapper",
@@ -1707,7 +1707,7 @@ function Sr({
     }
   ) });
   return {
-    ...D,
+    ...M,
     carouselFragment: pe,
     thumbsFragment: me
   };