react-spring-carousel 3.0.0-beta090.32 → 3.0.0-beta090.33

package/dist/index.es.js

@@ -52,7 +52,7 @@ var sr;
 function Pr() {
   return sr || (sr = 1, process.env.NODE_ENV !== "production" && function() {
     var n = lr, p = Symbol.for("react.element"), y = Symbol.for("react.portal"), D = Symbol.for("react.fragment"), Y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), T = 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"), q = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), B = Symbol.iterator, x = "@@iterator";
-    function ae(e) {
+    function oe(e) {
       if (e === null || typeof e != "object")
         return null;
       var t = B && e[B] || e[x];
@@ -76,16 +76,16 @@ function Pr() {
         w.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, w);
       }
     }
-    var re = !1, J = !1, Z = !1, oe = !1, z = !1, ve;
+    var re = !1, J = !1, Z = !1, ae = !1, z = !1, ve;
     ve = Symbol.for("react.module.reference");
     function we(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === D || e === v || z || e === Y || e === d || e === W || oe || e === u || re || J || Z || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === q || e.$$typeof === T || e.$$typeof === l || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === D || e === v || z || e === Y || e === d || e === W || ae || e === u || re || J || Z || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === q || e.$$typeof === T || 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.
       e.$$typeof === ve || e.getModuleId !== void 0));
     }
-    function S(e, t, i) {
+    function N(e, t, i) {
       var s = e.displayName;
       if (s)
         return s;
@@ -125,7 +125,7 @@ function Pr() {
             var i = e;
             return I(i._context) + ".Provider";
           case f:
-            return S(e, e.render, "ForwardRef");
+            return N(e, e.render, "ForwardRef");
           case q:
             var s = e.displayName || null;
             return s !== null ? s : g(e.type) || "Memo";
@@ -271,18 +271,18 @@ function Pr() {
         if (fe && s && typeof fe.stack == "string") {
           for (var h = fe.stack.split(`
 `), H = s.stack.split(`
-`), N = h.length - 1, V = H.length - 1; N >= 1 && V >= 0 && h[N] !== H[V]; )
+`), S = h.length - 1, V = H.length - 1; S >= 1 && V >= 0 && h[S] !== H[V]; )
             V--;
-          for (; N >= 1 && V >= 0; N--, V--)
-            if (h[N] !== H[V]) {
-              if (N !== 1 || V !== 1)
+          for (; S >= 1 && V >= 0; S--, V--)
+            if (h[S] !== H[V]) {
+              if (S !== 1 || V !== 1)
                 do
-                  if (N--, V--, V < 0 || h[N] !== H[V]) {
+                  if (S--, V--, V < 0 || h[S] !== H[V]) {
                     var Q = `
-` + h[N].replace(" at new ", " at ");
+` + h[S].replace(" at new ", " at ");
                     return e.displayName && Q.includes("<anonymous>") && (Q = Q.replace("<anonymous>", e.displayName)), typeof e == "function" && ke.set(e, Q), Q;
                   }
-                while (N >= 1 && V >= 0);
+                while (S >= 1 && V >= 0);
               break;
             }
         }
@@ -348,8 +348,8 @@ function Pr() {
                 throw H.name = "Invariant Violation", H;
               }
               h = e[m](t, m, s, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (N) {
-              h = N;
+            } catch (S) {
+              h = S;
             }
             h && !(h instanceof Error) && (ne(b), O("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", i, m, typeof h), ne(null)), h instanceof Error && !(h.message in M) && (M[h.message] = !0, ne(b), O("Failed %s type: %s", i, h.message), ne(null));
           }
@@ -466,9 +466,9 @@ function Pr() {
         for (w in t)
           G.call(t, w) && !ir.hasOwnProperty(w) && (m[w] = t[w]);
         if (e && e.defaultProps) {
-          var N = e.defaultProps;
-          for (w in N)
-            m[w] === void 0 && (m[w] = N[w]);
+          var S = e.defaultProps;
+          for (w in S)
+            m[w] === void 0 && (m[w] = S[w]);
         }
         if (h || H) {
           var V = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
@@ -487,10 +487,10 @@ function Pr() {
     }
     var r;
     r = !1;
-    function o(e) {
+    function a(e) {
       return typeof e == "object" && e !== null && e.$$typeof === p;
     }
-    function a() {
+    function o() {
       {
         if (Ie.current) {
           var e = g(Ie.current.type);
@@ -516,7 +516,7 @@ Check your code at ` + t + ":" + i + ".";
     var K = {};
     function Te(e) {
       {
-        var t = a();
+        var t = o();
         if (!t) {
           var i = typeof e == "string" ? e : e.displayName || e.name;
           i && (t = `
@@ -546,15 +546,15 @@ Check the top-level render call using <` + i + ">.");
         if (X(e))
           for (var i = 0; i < e.length; i++) {
             var s = e[i];
-            o(s) && le(s, t);
+            a(s) && le(s, t);
           }
-        else if (o(e))
+        else if (a(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var b = ae(e);
+          var b = oe(e);
           if (typeof b == "function" && b !== e.entries)
             for (var w = b.call(e), m; !(m = w.next()).done; )
-              o(m.value) && le(m.value, t);
+              a(m.value) && le(m.value, t);
         }
       }
     }
@@ -583,7 +583,7 @@ Check the top-level render call using <` + i + ">.");
         typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ar(e) {
+    function or(e) {
       {
         for (var t = Object.keys(e.props), i = 0; i < t.length; i++) {
           var s = t[i];
@@ -595,16 +595,16 @@ Check the top-level render call using <` + i + ">.");
         e.ref !== null && (Ee(e), O("Invalid attribute `ref` supplied to `React.Fragment`."), Ee(null));
       }
     }
-    function or(e, t, i, s, b, w) {
+    function ar(e, t, i, s, b, w) {
       {
         var m = we(e);
         if (!m) {
           var h = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var H = k(b);
-          H ? h += H : h += a();
-          var N;
-          e === null ? N = "null" : X(e) ? N = "array" : e !== void 0 && e.$$typeof === p ? (N = "<" + (g(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : N = typeof e, O("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", N, h);
+          H ? h += H : h += o();
+          var S;
+          e === null ? S = "null" : X(e) ? S = "array" : e !== void 0 && e.$$typeof === p ? (S = "<" + (g(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, O("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, h);
         }
         var V = er(e, t, i, b, w);
         if (V == null)
@@ -622,14 +622,14 @@ Check the top-level render call using <` + i + ">.");
             else
               Ze(Q, e);
         }
-        return e === D ? ar(V) : ie(V), V;
+        return e === D ? or(V) : ie(V), V;
       }
     }
     function pr(e, t, i) {
-      return or(e, t, i, !0);
+      return ar(e, t, i, !0);
     }
     function yr(e, t, i) {
-      return or(e, t, i, !1);
+      return ar(e, t, i, !1);
     }
     var br = yr, xr = pr;
     qe.Fragment = D, qe.jsx = br, qe.jsxs = xr;
@@ -729,7 +729,7 @@ function mr({
     }
     const B = u();
     if (B && v.current && !Fr(B)) {
-      const ae = B.offsetLeft, j = ae > f() ? f() : ae;
+      const oe = B.offsetLeft, j = oe > f() ? f() : oe;
       l.start({
         from: {
           val: ((x = v.current) == null ? void 0 : x[n === "x" ? "scrollLeft" : "scrollTop"]) ?? 0
@@ -799,13 +799,13 @@ function Wr({
   freeScroll: u,
   enableFreeScrollDrag: B,
   initialStartingPosition: x,
-  prepareThumbsData: ae,
+  prepareThumbsData: oe,
   initialActiveItem: j = 0,
   animateWhenActiveItemChange: O = !0,
   slideGroupOfItems: ee = !1,
   slideAmount: re
 }) {
-  const J = Y > n.length ? n.length : Y, Z = $(!1), oe = $(q ?? 0), z = $("initial"), ve = $("initial"), we = $("initial"), S = $(j), I = $(j === 0), g = $(v === "fixed" && j === n.length - 1), E = $(null), P = $(null), he = $(0), ge = $(0), c = $(0), R = $(l), F = $(v), te = $(u), L = $(!1), Pe = Oe(() => l ? [
+  const J = Y > n.length ? n.length : Y, Z = $(!1), ae = $(q ?? 0), z = $("initial"), ve = $("initial"), we = $("initial"), N = $(j), I = $(j === 0), g = $(v === "fixed" && j === n.length - 1), E = $(null), P = $(null), he = $(0), ge = $(0), c = $(0), R = $(l), F = $(v), te = $(u), L = $(!1), Pe = Oe(() => l ? [
     ...n.map((r) => ({
       ...r,
       id: `prev-repeated-item-${r.id}`
@@ -820,14 +820,14 @@ function Wr({
       val: 0,
       pause: !p,
       onChange: ({ value: r }) => {
-        u && E.current ? (d === "x" ? E.current.scrollLeft = Math.abs(r.val) : E.current.scrollTop = Math.abs(r.val), be()) : P.current && (d === "x" ? P.current.style.transform = `translate3d(${r.val}px, 0px,0px)` : P.current.style.transform = `translate3d(0px,${r.val}px,0px)`);
+        console.log({ value: r }), u && E.current ? (d === "x" ? E.current.scrollLeft = Math.abs(r.val) : E.current.scrollTop = Math.abs(r.val), be()) : P.current && (d === "x" ? P.current.style.transform = `translate3d(${r.val}px, 0px,0px)` : P.current.style.transform = `translate3d(0px,${r.val}px,0px)`);
       }
     }),
     [u]
   ), { emitEvent: me, useListenToCustomEvent: ce } = gr(), { thumbsFragment: We, handleScroll: ke } = mr({
     withThumbs: !!y,
     thumbsSlideAxis: D,
-    prepareThumbsData: ae,
+    prepareThumbsData: oe,
     items: n,
     renderThumbFnProps: {
       getIsActiveItem: Be,
@@ -854,14 +854,14 @@ function Wr({
     };
   }
   const C = Oe(() => {
-    var a;
+    var o;
     if (typeof re == "number" && re > 0 && (v === "fluid" || u))
       return re;
-    const r = ee ? E.current : (a = E.current) == null ? void 0 : a.querySelector(".use-spring-carousel-item");
+    const r = ee ? E.current : (o = E.current) == null ? void 0 : o.querySelector(".use-spring-carousel-item");
     if (!r)
       throw Error("No carousel items available!");
-    let o = r.getBoundingClientRect()[d === "x" ? "width" : "height"];
-    return ee || (o += T), ee && (o += T - f * 2), o;
+    let a = r.getBoundingClientRect()[d === "x" ? "width" : "height"];
+    return ee || (a += T), ee && (a += T - f * 2), a;
   }, [
     d,
     u,
@@ -871,24 +871,24 @@ function Wr({
     v,
     f
   ]);
-  function G({ from: r, to: o, nextActiveItem: a, immediate: k = !1, slideMode: K }) {
-    ve.current = K, typeof a == "number" && (u || (S.current = a), me({
+  function G({ from: r, to: a, nextActiveItem: o, immediate: k = !1, slideMode: K }) {
+    ve.current = K, typeof o == "number" && (u || (N.current = o), me({
       eventName: "onSlideStartChange",
       slideActionType: z.current,
       slideMode: ve.current,
       nextItem: {
         startReached: I.current,
         endReached: g.current,
-        index: u ? -1 : S.current,
-        id: u ? "" : n[S.current].id
+        index: u ? -1 : N.current,
+        id: u ? "" : n[N.current].id
       }
-    })), c.current = o, console.log("SET SPRING DB"), U.start({
+    })), c.current = a, console.log("SET SPRING DB", { activeItem: N.current }), U.start({
       immediate: k,
       from: {
         val: r
       },
       to: {
-        val: o
+        val: a
       },
       config: {
         ...De.default,
@@ -902,12 +902,12 @@ function Wr({
           currentItem: {
             startReached: I.current,
             endReached: g.current,
-            index: u ? -1 : S.current,
-            id: u ? "" : n[S.current].id
+            index: u ? -1 : N.current,
+            id: u ? "" : n[N.current].id
           }
         });
       }
-    }), y && !k && ke(S.current);
+    }), y && !k && ke(N.current);
   }
   const M = Oe(() => {
     var r;
@@ -925,15 +925,15 @@ function Wr({
     };
   }
   const ne = Oe(() => {
-    var o;
-    const r = (o = P.current) == null ? void 0 : o.querySelector(".use-spring-carousel-item");
+    var a;
+    const r = (a = P.current) == null ? void 0 : a.querySelector(".use-spring-carousel-item");
     if (!r)
       throw Error("No carousel items available!");
     return r.getBoundingClientRect()[d === "x" ? "width" : "height"] + T;
   }, [d, T]), _e = Oe(
     (r) => {
-      const o = d === "x" ? "left" : "top", a = P.current;
-      a && (l ? (a.style.top = "0px", a.style.left = "0px", a.style[o] = `-${r - f}px`, I.current = !1, g.current = !1) : (a.style.left = "0px", a.style.top = "0px"));
+      const a = d === "x" ? "left" : "top", o = P.current;
+      o && (l ? (o.style.top = "0px", o.style.left = "0px", o.style[a] = `-${r - f}px`, I.current = !1, g.current = !1) : (o.style.left = "0px", o.style.top = "0px"));
     },
     [d, f, l]
   ), Fe = Oe(
@@ -942,37 +942,37 @@ function Wr({
         x === "center" ? ne() * n.length - C() * Math.round((J - 1) / 2) : x === "end" ? ne() * n.length - C() * Math.round(J - 1) : ne() * n.length
       ), v === "fluid") {
         if (_e(ne() * n.length), g.current && M() !== Math.abs(c.current) && !l) {
-          const o = -M();
-          c.current = o, U.start({
+          const a = -M();
+          c.current = a, U.start({
             immediate: !0,
             val: c.current
           });
           return;
         }
         if (Math.abs(c.current) > 0 && M() !== Math.abs(c.current) && !l && !u && we.current === "backward") {
-          const o = he.current - M(), a = c.current + o;
+          const a = he.current - M(), o = c.current + a;
           return U.start({
             immediate: !0,
-            val: a
+            val: o
           }), () => {
-            c.current = a;
+            c.current = o;
           };
         }
         console.log("here");
         return;
       }
       if (!u && v === "fixed") {
-        const o = -(C() * S.current);
-        if (Math.abs(o) > M() && !l) {
-          const a = -M();
-          g.current = !0, c.current = a, U.start({
+        const a = -(C() * N.current);
+        if (Math.abs(a) > M() && !l) {
+          const o = -M();
+          g.current = !0, c.current = o, U.start({
             immediate: !0,
             val: c.current
           });
         } else
-          c.current = o, U.start({
+          c.current = a, U.start({
             immediate: !0,
-            val: o
+            val: a
           });
         setTimeout(() => {
           Z.current = !1;
@@ -996,24 +996,24 @@ function Wr({
   function X() {
     return u && E.current ? E.current[d === "x" ? "scrollLeft" : "scrollTop"] : ue.val.get();
   }
-  function Ce(r, o) {
+  function Ce(r, a) {
     if (u && r === "next") {
-      const a = c.current + C();
-      return a > M() ? M() : a;
+      const o = c.current + C();
+      return o > M() ? M() : o;
     }
     if (u && r === "prev") {
-      const a = c.current - C();
-      return a < 0 ? 0 : a;
+      const o = c.current - C();
+      return o < 0 ? 0 : o;
     }
-    return r === "next" ? typeof o == "number" ? -(o * C()) : c.current - C() : typeof o == "number" ? -(o * C()) : c.current + C();
+    return r === "next" ? typeof a == "number" ? -(a * C()) : c.current - C() : typeof a == "number" ? -(a * C()) : c.current + C();
   }
-  function pe({ type: r, index: o, immediate: a }) {
+  function pe({ type: r, index: a, immediate: o }) {
     if (!p || L.current || I.current && !l)
       return;
     g.current && (we.current = "backward"), z.current = "prev", g.current = !1;
-    const k = typeof o == "number" ? o : S.current - 1;
+    const k = typeof a == "number" ? a : N.current - 1;
     if (u && be(), !l) {
-      const K = u ? Ce("prev", o) - C() / 3 < 0 : Ce("prev", o) + C() / 3 > 0;
+      const K = u ? Ce("prev", a) - C() / 3 < 0 : Ce("prev", a) + C() / 3 > 0;
       if (I.current)
         return;
       if (K) {
@@ -1022,7 +1022,7 @@ function Wr({
           from: X(),
           to: 0,
           nextActiveItem: 0,
-          immediate: a
+          immediate: o
         });
         return;
       }
@@ -1033,26 +1033,26 @@ function Wr({
         from: X() - C() * n.length,
         to: -(C() * n.length) + C(),
         nextActiveItem: n.length - 1,
-        immediate: a
+        immediate: o
       });
       return;
     }
     k === 0 && (I.current = !0), (k === n.length - 1 || k === -1) && (g.current = !0), G({
       slideMode: r,
       from: X(),
-      to: Ce("prev", o),
+      to: Ce("prev", a),
       nextActiveItem: k,
-      immediate: a
+      immediate: o
     });
   }
-  function se({ type: r, index: o, immediate: a }) {
+  function se({ type: r, index: a, immediate: o }) {
     if (console.log("here1"), !p || L.current || g.current && !l)
       return;
     console.log("2"), I.current && (we.current = "forward"), z.current = "next", I.current = !1;
-    const k = o || S.current + 1;
+    const k = a || N.current + 1;
     if (u && be(), !l) {
       console.log("3");
-      const K = Math.abs(Ce("next", o)) > M() - C() / 3;
+      const K = Math.abs(Ce("next", a)) > M() - C() / 3;
       if (g.current)
         return;
       if (K) {
@@ -1061,7 +1061,7 @@ function Wr({
           from: X(),
           to: u ? M() : -M(),
           nextActiveItem: k,
-          immediate: a
+          immediate: o
         });
         return;
       }
@@ -1072,34 +1072,34 @@ function Wr({
         from: X() + C() * n.length,
         to: 0,
         nextActiveItem: 0,
-        immediate: a
+        immediate: o
       });
       return;
     }
     k === 0 && (I.current = !0), k === n.length - 1 && (g.current = !0), G({
       slideMode: r,
       from: X(),
-      to: Ce("next", o),
+      to: Ce("next", a),
       nextActiveItem: k,
-      immediate: a
+      immediate: o
     });
   }
   function Je() {
-    q ? oe.current = q : oe.current = Math.floor(C() / 2 / 2);
+    q ? ae.current = q : ae.current = Math.floor(C() / 2 / 2);
   }
   function ye() {
     P.current && (he.current = M(), R.current = l, F.current = v, te.current = u, ge.current = window.innerWidth, c.current = 0, Se({ id: 0, immediate: !0, shouldReset: !0 }), Je(), Fe());
   }
   const ze = hr(
     (r) => {
-      const o = r.dragging, a = r.offset[d === "x" ? 0 : 1], k = r.movement[d === "x" ? 0 : 1], K = r.direction[d === "x" ? 0 : 1], Te = k > oe.current, le = k < -oe.current, Ze = M(), ie = r.velocity;
-      if (o) {
+      const a = r.dragging, o = r.offset[d === "x" ? 0 : 1], k = r.movement[d === "x" ? 0 : 1], K = r.direction[d === "x" ? 0 : 1], Te = k > ae.current, le = k < -ae.current, Ze = M(), ie = r.velocity;
+      if (a) {
         if (K > 0 ? z.current = "prev" : z.current = "next", me({
           ...r,
           eventName: "onDrag",
           slideActionType: z.current
         }), u) {
-          if (a > 0) {
+          if (o > 0) {
             U.start({
               from: {
                 val: X()
@@ -1120,7 +1120,7 @@ function Wr({
               val: X()
             },
             to: {
-              val: -a
+              val: -o
             },
             config: {
               velocity: ie,
@@ -1131,16 +1131,16 @@ function Wr({
           return;
         }
         U.start({
-          val: a,
+          val: o,
           config: {
             velocity: ie,
             friction: 50,
             tension: 1e3
           }
-        }), _ && le ? (se({ type: "drag" }), r.cancel()) : _ && Te && (pe({ type: "drag" }), r.cancel()), Ze - Math.abs(a) < -(C() * 2) && r.cancel();
+        }), _ && le ? (se({ type: "drag" }), r.cancel()) : _ && Te && (pe({ type: "drag" }), r.cancel()), Ze - Math.abs(o) < -(C() * 2) && r.cancel();
         return;
       }
-      if (r.last && u && a > 0) {
+      if (r.last && u && o > 0) {
         U.start({
           from: {
             val: X()
@@ -1208,16 +1208,16 @@ function Wr({
       }
     } : {};
   }
-  function xe(r, o) {
-    let a = 0;
-    if (typeof r == "string" ? a = n.findIndex((k) => k.id === r) : a = r, a < 0 || a >= n.length) {
-      if (o)
-        throw new Error(o);
-      console.error(`The item doesn't exist; check that the id provided - ${r} - is correct.`), a = -1;
-    }
-    return a;
+  function xe(r, a) {
+    let o = 0;
+    if (typeof r == "string" ? o = n.findIndex((k) => k.id === r) : o = r, o < 0 || o >= n.length) {
+      if (a)
+        throw new Error(a);
+      console.error(`The item doesn't exist; check that the id provided - ${r} - is correct.`), o = -1;
+    }
+    return o;
   }
-  function Se({ id: r, immediate: o, shouldReset: a, type: k }) {
+  function Se({ id: r, immediate: a, shouldReset: o, type: k }) {
     if (!p || L.current)
       return;
     I.current = !1, g.current = !1;
@@ -1225,29 +1225,29 @@ function Wr({
       r,
       "The item you want to slide to doesn't exist; check the provided id."
     );
-    if (K === S.current && !a)
+    if (K === N.current && !o)
       return;
-    const Te = xe(n[S.current].id), le = xe(n[K].id);
+    const Te = xe(n[N.current].id), le = xe(n[K].id);
     le > Te ? se({
-      type: k || a ? "initial" : "click",
+      type: k || o ? "initial" : "click",
       index: le,
-      immediate: o
+      immediate: a
     }) : pe({
-      type: k || a ? "initial" : "click",
+      type: k || o ? "initial" : "click",
       index: le,
-      immediate: o
+      immediate: a
     });
   }
   function Ve(r) {
-    const o = xe(r, "The item doesn't exist; check the provided id."), a = S.current;
-    return l && a === n.length - 1 ? o === 0 : o === a + 1;
+    const a = xe(r, "The item doesn't exist; check the provided id."), o = N.current;
+    return l && o === n.length - 1 ? a === 0 : a === o + 1;
   }
   function Ye(r) {
-    const o = xe(r, "The item doesn't exist; check the provided id."), a = S.current;
-    return l && a === 0 ? o === n.length - 1 : o === a - 1;
+    const a = xe(r, "The item doesn't exist; check the provided id."), o = N.current;
+    return l && o === 0 ? a === n.length - 1 : a === o - 1;
   }
   function Be(r) {
-    return xe(r, "The item you want to check doesn't exist; check the provided id.") === S.current;
+    return xe(r, "The item you want to check doesn't exist; check the provided id.") === N.current;
   }
   function er() {
     return W ? "unset" : d === "x" ? "pan-y" : "pan-x";
@@ -1286,8 +1286,8 @@ function Wr({
         immediate: !r
       });
     },
-    slideToItem: (r, o = !0) => {
-      Se({ id: r, immediate: !o });
+    slideToItem: (r, a = !0) => {
+      Se({ id: r, immediate: !a });
     },
     getIsNextItem: Ve,
     getIsPrevItem: Ye,
@@ -1296,7 +1296,7 @@ function Wr({
   Tr(() => {
     P.current && p && (Z.current = !0, ye());
   }, [p]), de(() => {
-    S.current !== j && (Z.current = !0, Se({
+    N.current !== j && (Z.current = !0, Se({
       id: j,
       immediate: !O
     }));
@@ -1351,17 +1351,17 @@ function Wr({
   }, [p]), de(() => {
     if (E.current) {
       let r;
-      const o = new _r(() => {
+      const a = new _r(() => {
         if (!L.current && !Z.current) {
           ge.current = window.innerWidth;
-          const a = Fe();
+          const o = Fe();
           window.clearTimeout(r), r = setTimeout(() => {
-            he.current = M(), typeof a == "function" && a();
+            he.current = M(), typeof o == "function" && o();
           }, 100);
         }
       });
-      return o.observe(E.current), () => {
-        o.disconnect();
+      return a.observe(E.current), () => {
+        a.disconnect();
       };
     }
   }, [Fe, M]);
@@ -1401,7 +1401,7 @@ function Wr({
                 }
               }
             ) : null,
-            Pe.map((r, o) => /* @__PURE__ */ A.jsx(
+            Pe.map((r, a) => /* @__PURE__ */ A.jsx(
               "div",
               {
                 className: "use-spring-carousel-item",
@@ -1411,8 +1411,8 @@ function Wr({
                   position: "relative",
                   ...v === "fixed" ? { flex: "1" } : {},
                   ...Qe(
-                    o === Pe.findIndex(
-                      (a) => a.id === Pe[Pe.length - 1].id
+                    a === Pe.findIndex(
+                      (o) => o.id === Pe[Pe.length - 1].id
                     )
                   )
                 },
@@ -1423,7 +1423,7 @@ function Wr({
                   useListenToCustomEvent: ce
                 }) : r.renderItem
               },
-              `${r.id}-${o}`
+              `${r.id}-${a}`
             )),
             (u || !l) && f ? /* @__PURE__ */ A.jsx(
               "div",
@@ -1480,7 +1480,7 @@ function Sr({
   draggingSlideTreshold: W = 50,
   thumbsSlideAxis: q = "x"
 }) {
-  const _ = $("next"), u = $("initial"), B = $(null), [x, ae] = Er(l ?? 0), { emitEvent: j, useListenToCustomEvent: O } = gr(), { handleScroll: ee, thumbsFragment: re } = mr({
+  const _ = $("next"), u = $("initial"), B = $(null), [x, oe] = Er(l ?? 0), { emitEvent: j, useListenToCustomEvent: O } = gr(), { handleScroll: ee, thumbsFragment: re } = mr({
     thumbsSlideAxis: q,
     items: y,
     renderThumbFnProps: {
@@ -1536,7 +1536,7 @@ function Sr({
     };
   }
   de(() => {
-    typeof l == "number" && l !== x && ae(l);
+    typeof l == "number" && l !== x && oe(l);
   }, [l]);
   function Z({ to: c, slideType: R, slideMode: F }) {
     _.current = R, u.current = F, j({
@@ -1549,9 +1549,9 @@ function Sr({
         startReached: c === 0,
         endReached: c === y.length - 1
       }
-    }), ae(c), ee(x);
+    }), oe(c), ee(x);
   }
-  function oe(c) {
+  function ae(c) {
     if (!n)
       return;
     const R = x === 0;
@@ -1613,7 +1613,7 @@ function Sr({
             return;
           j({
             eventName: "onRightSwipe"
-          }), oe("swipe");
+          }), ae("swipe");
         }
       }
     },
@@ -1621,7 +1621,7 @@ function Sr({
       enabled: !p
     }
   );
-  function S(c, R) {
+  function N(c, R) {
     let F = 0;
     if (typeof c == "string" ? F = y.findIndex((te) => te.id === c) : F = c, F < 0 || F >= y.length) {
       if (R)
@@ -1631,11 +1631,11 @@ function Sr({
     return F;
   }
   function I(c) {
-    const R = S(c, "The item doesn't exist; check the provided id."), F = x;
+    const R = N(c, "The item doesn't exist; check the provided id."), F = x;
     return T && F === y.length - 1 ? R === 0 : R === F + 1;
   }
   function g(c) {
-    const R = S(c, "The item doesn't exist; check the provided id."), F = x;
+    const R = N(c, "The item doesn't exist; check the provided id."), F = x;
     return T && F === 0 ? R === y.length - 1 : R === F - 1;
   }
   const E = ve((c, R, F, te) => {
@@ -1664,7 +1664,7 @@ function Sr({
     );
   }), P = {
     useListenToCustomEvent: O,
-    slideToPrevItem: () => oe("click"),
+    slideToPrevItem: () => ae("click"),
     slideToNextItem: () => z("click")
   }, he = /* @__PURE__ */ A.jsx(nr.Provider, { value: P, children: re }), ge = /* @__PURE__ */ A.jsx(nr.Provider, { value: P, children: /* @__PURE__ */ A.jsx(
     "div",