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

package/dist/index.es.js

@@ -10,7 +10,7 @@ var A = {}, Cr = {
   set exports(n) {
     A = n;
   }
-}, Be = {};
+}, Ue = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -23,9 +23,9 @@ var A = {}, Cr = {
 var cr;
 function Ir() {
   if (cr)
-    return Be;
+    return Ue;
   cr = 1;
-  var n = lr, g = Symbol.for("react.element"), y = Symbol.for("react.fragment"), D = Object.prototype.hasOwnProperty, Y = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var n = lr, p = Symbol.for("react.element"), y = Symbol.for("react.fragment"), D = Object.prototype.hasOwnProperty, Y = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
   function T(l, f, d) {
     var W, q = {}, _ = null, u = null;
     d !== void 0 && (_ = "" + d), f.key !== void 0 && (_ = "" + f.key), f.ref !== void 0 && (u = f.ref);
@@ -34,9 +34,9 @@ function Ir() {
     if (l && l.defaultProps)
       for (W in f = l.defaultProps, f)
         q[W] === void 0 && (q[W] = f[W]);
-    return { $$typeof: g, type: l, key: _, ref: u, props: q, _owner: Y.current };
+    return { $$typeof: p, type: l, key: _, ref: u, props: q, _owner: Y.current };
   }
-  return Be.Fragment = y, Be.jsx = T, Be.jsxs = T, Be;
+  return Ue.Fragment = y, Ue.jsx = T, Ue.jsxs = T, Ue;
 }
 var qe = {};
 /**
@@ -51,11 +51,11 @@ var qe = {};
 var sr;
 function Pr() {
   return sr || (sr = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = lr, g = 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"), U = Symbol.iterator, x = "@@iterator";
+    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) {
       if (e === null || typeof e != "object")
         return null;
-      var t = U && e[U] || e[x];
+      var t = B && e[B] || e[x];
       return typeof t == "function" ? t : null;
     }
     var j = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -70,8 +70,8 @@ function Pr() {
       {
         var s = j.ReactDebugCurrentFrame, b = s.getStackAddendum();
         b !== "" && (t += "%s", i = i.concat([b]));
-        var w = i.map(function(p) {
-          return String(p);
+        var w = i.map(function(m) {
+          return String(m);
         });
         w.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, w);
       }
@@ -85,7 +85,7 @@ function Pr() {
       // with.
       e.$$typeof === ve || e.getModuleId !== void 0));
     }
-    function V(e, t, i) {
+    function S(e, t, i) {
       var s = e.displayName;
       if (s)
         return s;
@@ -95,7 +95,7 @@ function Pr() {
     function I(e) {
       return e.displayName || "Context";
     }
-    function m(e) {
+    function g(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && O("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -125,14 +125,14 @@ function Pr() {
             var i = e;
             return I(i._context) + ".Provider";
           case f:
-            return V(e, e.render, "ForwardRef");
+            return S(e, e.render, "ForwardRef");
           case q:
             var s = e.displayName || null;
-            return s !== null ? s : m(e.type) || "Memo";
+            return s !== null ? s : g(e.type) || "Memo";
           case _: {
-            var b = e, w = b._payload, p = b._init;
+            var b = e, w = b._payload, m = b._init;
             try {
-              return m(p(w));
+              return g(m(w));
             } catch {
               return null;
             }
@@ -140,14 +140,14 @@ function Pr() {
         }
       return null;
     }
-    var E = Object.assign, P = 0, he, me, c, R, F, te, L;
+    var E = Object.assign, P = 0, he, ge, c, R, F, te, L;
     function Me() {
     }
     Me.__reactDisabledLog = !0;
     function Pe() {
       {
         if (P === 0) {
-          he = console.log, me = console.info, c = console.warn, R = console.error, F = console.group, te = console.groupCollapsed, L = console.groupEnd;
+          he = console.log, ge = console.info, c = console.warn, R = console.error, F = console.group, te = console.groupCollapsed, L = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -180,7 +180,7 @@ function Pr() {
               value: he
             }),
             info: E({}, e, {
-              value: me
+              value: ge
             }),
             warn: E({}, e, {
               value: c
@@ -202,18 +202,18 @@ function Pr() {
         P < 0 && O("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var B = j.ReactCurrentDispatcher, pe;
+    var U = j.ReactCurrentDispatcher, me;
     function ce(e, t, i) {
       {
-        if (pe === void 0)
+        if (me === void 0)
           try {
             throw Error();
           } catch (b) {
             var s = b.stack.trim().match(/\n( *(at )?)/);
-            pe = s && s[1] || "";
+            me = s && s[1] || "";
           }
         return `
-` + pe + e;
+` + me + e;
       }
     }
     var We = !1, ke;
@@ -234,30 +234,30 @@ function Pr() {
       var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var w;
-      w = B.current, B.current = null, Pe();
+      w = U.current, U.current = null, Pe();
       try {
         if (t) {
-          var p = function() {
+          var m = function() {
             throw Error();
           };
-          if (Object.defineProperty(p.prototype, "props", {
+          if (Object.defineProperty(m.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(p, []);
+              Reflect.construct(m, []);
             } catch (fe) {
               s = fe;
             }
-            Reflect.construct(e, [], p);
+            Reflect.construct(e, [], m);
           } else {
             try {
-              p.call();
+              m.call();
             } catch (fe) {
               s = fe;
             }
-            e.call(p.prototype);
+            e.call(m.prototype);
           }
         } else {
           try {
@@ -271,23 +271,23 @@ function Pr() {
         if (fe && s && typeof fe.stack == "string") {
           for (var h = fe.stack.split(`
 `), H = s.stack.split(`
-`), N = h.length - 1, S = H.length - 1; N >= 1 && S >= 0 && h[N] !== H[S]; )
-            S--;
-          for (; N >= 1 && S >= 0; N--, S--)
-            if (h[N] !== H[S]) {
-              if (N !== 1 || S !== 1)
+`), N = h.length - 1, V = H.length - 1; N >= 1 && V >= 0 && h[N] !== H[V]; )
+            V--;
+          for (; N >= 1 && V >= 0; N--, V--)
+            if (h[N] !== H[V]) {
+              if (N !== 1 || V !== 1)
                 do
-                  if (N--, S--, S < 0 || h[N] !== H[S]) {
+                  if (N--, V--, V < 0 || h[N] !== H[V]) {
                     var Q = `
 ` + h[N].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 && S >= 0);
+                while (N >= 1 && V >= 0);
               break;
             }
         }
       } finally {
-        We = !1, B.current = w, ue(), Error.prepareStackTrace = b;
+        We = !1, U.current = w, ue(), Error.prepareStackTrace = b;
       }
       var je = e ? e.displayName || e.name : "", ur = je ? ce(je) : "";
       return typeof e == "function" && ke.set(e, ur), ur;
@@ -339,19 +339,19 @@ function Pr() {
     function _e(e, t, i, s, b) {
       {
         var w = Function.call.bind(G);
-        for (var p in e)
-          if (w(e, p)) {
+        for (var m in e)
+          if (w(e, m)) {
             var h = void 0;
             try {
-              if (typeof e[p] != "function") {
-                var H = Error((s || "React class") + ": " + i + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[m] != "function") {
+                var H = Error((s || "React class") + ": " + i + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw H.name = "Invariant Violation", H;
               }
-              h = e[p](t, p, s, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              h = e[m](t, m, s, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (N) {
               h = N;
             }
-            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, p, 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));
+            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));
           }
       }
     }
@@ -365,7 +365,7 @@ function Pr() {
         return i;
       }
     }
-    function ge(e) {
+    function pe(e) {
       try {
         return se(e), !1;
       } catch {
@@ -376,7 +376,7 @@ function Pr() {
       return "" + e;
     }
     function Je(e) {
-      if (ge(e))
+      if (pe(e))
         return O("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ce(e)), se(e);
     }
     var ye = j.ReactCurrentOwner, ir = {
@@ -402,13 +402,13 @@ function Pr() {
       }
       return e.key !== void 0;
     }
-    function Ve(e, t) {
+    function Se(e, t) {
       if (typeof e.ref == "string" && ye.current && t && ye.current.stateNode !== t) {
-        var i = m(ye.current.type);
-        be[i] || (O('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', m(ye.current.type), e.ref), be[i] = !0);
+        var i = g(ye.current.type);
+        be[i] || (O('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', g(ye.current.type), e.ref), be[i] = !0);
       }
     }
-    function Se(e, t) {
+    function Ve(e, t) {
       {
         var i = function() {
           ze || (ze = !0, O("%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://reactjs.org/link/special-props)", t));
@@ -430,15 +430,15 @@ function Pr() {
         });
       }
     }
-    var Ue = function(e, t, i, s, b, w, p) {
+    var Be = function(e, t, i, s, b, w, m) {
       var h = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: g,
+        $$typeof: p,
         // Built-in properties that belong on the element
         type: e,
         key: t,
         ref: i,
-        props: p,
+        props: m,
         // Record the component responsible for creating this element.
         _owner: w
       };
@@ -461,20 +461,20 @@ function Pr() {
     };
     function er(e, t, i, s, b) {
       {
-        var w, p = {}, h = null, H = null;
-        i !== void 0 && (Je(i), h = "" + i), xe(t) && (Je(t.key), h = "" + t.key), Ge(t) && (H = t.ref, Ve(t, b));
+        var w, m = {}, h = null, H = null;
+        i !== void 0 && (Je(i), h = "" + i), xe(t) && (Je(t.key), h = "" + t.key), Ge(t) && (H = t.ref, Se(t, b));
         for (w in t)
-          G.call(t, w) && !ir.hasOwnProperty(w) && (p[w] = t[w]);
+          G.call(t, w) && !ir.hasOwnProperty(w) && (m[w] = t[w]);
         if (e && e.defaultProps) {
           var N = e.defaultProps;
           for (w in N)
-            p[w] === void 0 && (p[w] = N[w]);
+            m[w] === void 0 && (m[w] = N[w]);
         }
         if (h || H) {
-          var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && Se(p, S), H && Ye(p, S);
+          var V = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          h && Ve(m, V), H && Ye(m, V);
         }
-        return Ue(e, h, H, b, s, ye.current, p);
+        return Be(e, h, H, b, s, ye.current, m);
       }
     }
     var Ie = j.ReactCurrentOwner, Ke = j.ReactDebugCurrentFrame;
@@ -488,12 +488,12 @@ function Pr() {
     var r;
     r = !1;
     function o(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === g;
+      return typeof e == "object" && e !== null && e.$$typeof === p;
     }
     function a() {
       {
         if (Ie.current) {
-          var e = m(Ie.current.type);
+          var e = g(Ie.current.type);
           if (e)
             return `
 
@@ -536,7 +536,7 @@ Check the top-level render call using <` + i + ">.");
           return;
         K[i] = !0;
         var s = "";
-        e && e._owner && e._owner !== Ie.current && (s = " It was passed a child from " + m(e._owner.type) + "."), Ee(e), O('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, s), Ee(null);
+        e && e._owner && e._owner !== Ie.current && (s = " It was passed a child from " + g(e._owner.type) + "."), Ee(e), O('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, s), Ee(null);
       }
     }
     function Ze(e, t) {
@@ -553,8 +553,8 @@ Check the top-level render call using <` + i + ">.");
         else if (e) {
           var b = ae(e);
           if (typeof b == "function" && b !== e.entries)
-            for (var w = b.call(e), p; !(p = w.next()).done; )
-              o(p.value) && le(p.value, t);
+            for (var w = b.call(e), m; !(m = w.next()).done; )
+              o(m.value) && le(m.value, t);
         }
       }
     }
@@ -573,11 +573,11 @@ Check the top-level render call using <` + i + ">.");
         else
           return;
         if (i) {
-          var s = m(t);
+          var s = g(t);
           _e(i, e.props, "prop", s, e);
         } else if (t.PropTypes !== void 0 && !r) {
           r = !0;
-          var b = m(t);
+          var b = g(t);
           O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
         }
         typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -597,19 +597,19 @@ Check the top-level render call using <` + i + ">.");
     }
     function or(e, t, i, s, b, w) {
       {
-        var p = we(e);
-        if (!p) {
+        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 === g ? (N = "<" + (m(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);
+          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);
         }
-        var S = er(e, t, i, b, w);
-        if (S == null)
-          return S;
-        if (p) {
+        var V = er(e, t, i, b, w);
+        if (V == null)
+          return V;
+        if (m) {
           var Q = t.children;
           if (Q !== void 0)
             if (s)
@@ -622,16 +622,16 @@ Check the top-level render call using <` + i + ">.");
             else
               Ze(Q, e);
         }
-        return e === D ? ar(S) : ie(S), S;
+        return e === D ? ar(V) : ie(V), V;
       }
     }
-    function gr(e, t, i) {
+    function pr(e, t, i) {
       return or(e, t, i, !0);
     }
     function yr(e, t, i) {
       return or(e, t, i, !1);
     }
-    var br = yr, xr = gr;
+    var br = yr, xr = pr;
     qe.Fragment = D, qe.jsx = br, qe.jsxs = xr;
   }()), qe;
 }
@@ -639,9 +639,9 @@ Check the top-level render call using <` + i + ">.");
   process.env.NODE_ENV === "production" ? n.exports = Ir() : n.exports = Pr();
 })(Cr);
 const rr = "RSC::Event";
-function mr() {
+function gr() {
   const n = $(null);
-  function g(D) {
+  function p(D) {
     de(() => {
       n.current || (n.current = document.createElement("div"));
       function Y(v) {
@@ -663,19 +663,19 @@ function mr() {
     }
   }
   return {
-    useListenToCustomEvent: g,
+    useListenToCustomEvent: p,
     emitEvent: y
   };
 }
 function kr({
   mainCarouselWrapperRef: n,
-  onFullScreenChange: g,
+  onFullScreenChange: p,
   handleResize: y
 }) {
   const D = $(!1);
   de(() => {
     function f() {
-      document.fullscreenElement && (Y(!0), g(!0), y && y()), document.fullscreenElement || (Y(!1), g(!1), y && y());
+      document.fullscreenElement && (Y(!0), p(!0), y && y()), document.fullscreenElement || (Y(!1), p(!1), y && y());
     }
     if (Re.isEnabled)
       return Re.on("change", f), () => {
@@ -701,12 +701,12 @@ function kr({
   };
 }
 function Fr(n) {
-  const g = n.getBoundingClientRect();
-  return g.top >= 0 && g.left >= 0 && g.bottom <= (window.innerHeight || document.documentElement.clientHeight) && g.right <= (window.innerWidth || document.documentElement.clientWidth);
+  const p = n.getBoundingClientRect();
+  return p.top >= 0 && p.left >= 0 && p.bottom <= (window.innerHeight || document.documentElement.clientHeight) && p.right <= (window.innerWidth || document.documentElement.clientWidth);
 }
-function pr({
+function mr({
   thumbsSlideAxis: n = "x",
-  withThumbs: g = !1,
+  withThumbs: p = !1,
   prepareThumbsData: y,
   items: D,
   renderThumbFnProps: Y
@@ -727,9 +727,9 @@ function pr({
         `#thumb-item-${D[_].id}`
       ) : null;
     }
-    const U = u();
-    if (U && v.current && !Fr(U)) {
-      const ae = U.offsetLeft, j = ae > f() ? f() : ae;
+    const B = u();
+    if (B && v.current && !Fr(B)) {
+      const ae = B.offsetLeft, j = ae > f() ? f() : ae;
       l.start({
         from: {
           val: ((x = v.current) == null ? void 0 : x[n === "x" ? "scrollLeft" : "scrollTop"]) ?? 0
@@ -747,15 +747,15 @@ function pr({
   }
   function W() {
     function _(u) {
-      return u.map((U) => ({
-        id: U.id,
-        renderThumb: U.renderThumb
+      return u.map((B) => ({
+        id: B.id,
+        renderThumb: B.renderThumb
       }));
     }
     return y ? y(_(D)) : _(D);
   }
   return {
-    thumbsFragment: g ? /* @__PURE__ */ A.jsx(
+    thumbsFragment: p ? /* @__PURE__ */ A.jsx(
       "div",
       {
         className: "use-spring-carousel-thumbs-wrapper",
@@ -774,8 +774,8 @@ function pr({
           }
         },
         children: W().map(({ id: _, renderThumb: u }) => {
-          const U = `thumb-item-${_}`;
-          return /* @__PURE__ */ A.jsx("div", { id: U, className: "thumb-item", children: typeof u == "function" ? u(Y) : u }, U);
+          const B = `thumb-item-${_}`;
+          return /* @__PURE__ */ A.jsx("div", { id: B, className: "thumb-item", children: typeof u == "function" ? u(Y) : u }, B);
         })
       }
     ) : null,
@@ -784,7 +784,7 @@ function pr({
 }
 function Wr({
   items: n,
-  init: g = !0,
+  init: p = !0,
   withThumbs: y,
   thumbsSlideAxis: D = "x",
   itemsPerSlide: Y = 1,
@@ -797,7 +797,7 @@ function Wr({
   draggingSlideTreshold: q,
   slideWhenThresholdIsReached: _ = !1,
   freeScroll: u,
-  enableFreeScrollDrag: U,
+  enableFreeScrollDrag: B,
   initialStartingPosition: x,
   prepareThumbsData: ae,
   initialActiveItem: j = 0,
@@ -805,7 +805,7 @@ function Wr({
   slideGroupOfItems: ee = !1,
   slideAmount: re
 }) {
-  const J = Y > n.length ? n.length : Y, Z = $(!1), oe = $(q ?? 0), z = $("initial"), ve = $("initial"), we = $("initial"), V = $(j), I = $(j === 0), m = $(v === "fixed" && j === n.length - 1), E = $(null), P = $(null), he = $(0), me = $(0), c = $(0), R = $(l), F = $(v), te = $(u), L = $(!1), Pe = Oe(() => l ? [
+  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 ? [
     ...n.map((r) => ({
       ...r,
       id: `prev-repeated-item-${r.id}`
@@ -815,31 +815,31 @@ function Wr({
       ...r,
       id: `next-repeated-item-${r.id}`
     }))
-  ] : [...n], [n, l])(), [ue, B] = vr(
+  ] : [...n], [n, l])(), [ue, U] = vr(
     () => ({
       val: 0,
-      pause: !g,
+      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)`);
       }
     }),
     [u]
-  ), { emitEvent: pe, useListenToCustomEvent: ce } = mr(), { thumbsFragment: We, handleScroll: ke } = pr({
+  ), { emitEvent: me, useListenToCustomEvent: ce } = gr(), { thumbsFragment: We, handleScroll: ke } = mr({
     withThumbs: !!y,
     thumbsSlideAxis: D,
     prepareThumbsData: ae,
     items: n,
     renderThumbFnProps: {
-      getIsActiveItem: Ue,
+      getIsActiveItem: Be,
       getIsPrevItem: Ye,
       useListenToCustomEvent: ce,
-      getIsNextItem: Se
+      getIsNextItem: Ve
     }
   }), { enterFullscreen: Le, exitFullscreen: Ne, getIsFullscreen: He } = kr({
     mainCarouselWrapperRef: E,
     handleResize: () => Fe(),
     onFullScreenChange: (r) => {
-      pe({
+      me({
         eventName: "onFullscreenChange",
         isFullscreen: r
       });
@@ -872,17 +872,17 @@ function Wr({
     f
   ]);
   function G({ from: r, to: o, nextActiveItem: a, immediate: k = !1, slideMode: K }) {
-    ve.current = K, typeof a == "number" && (u || (V.current = a), pe({
+    ve.current = K, typeof a == "number" && (u || (S.current = a), me({
       eventName: "onSlideStartChange",
       slideActionType: z.current,
       slideMode: ve.current,
       nextItem: {
         startReached: I.current,
-        endReached: m.current,
-        index: u ? -1 : V.current,
-        id: u ? "" : n[V.current].id
+        endReached: g.current,
+        index: u ? -1 : S.current,
+        id: u ? "" : n[S.current].id
       }
-    })), c.current = o, B.start({
+    })), c.current = o, console.log("SET SPRING DB"), U.start({
       immediate: k,
       from: {
         val: r
@@ -895,19 +895,19 @@ function Wr({
         velocity: ue.val.velocity
       },
       onRest(Te) {
-        !k && Te.finished && pe({
+        !k && Te.finished && me({
           eventName: "onSlideChange",
           slideActionType: z.current,
           slideMode: ve.current,
           currentItem: {
             startReached: I.current,
-            endReached: m.current,
-            index: u ? -1 : V.current,
-            id: u ? "" : n[V.current].id
+            endReached: g.current,
+            index: u ? -1 : S.current,
+            id: u ? "" : n[S.current].id
           }
         });
       }
-    }), y && !k && ke(V.current);
+    }), y && !k && ke(S.current);
   }
   const M = Oe(() => {
     var r;
@@ -933,7 +933,7 @@ function Wr({
   }, [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, m.current = !1) : (a.style.left = "0px", a.style.top = "0px"));
+      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"));
     },
     [d, f, l]
   ), Fe = Oe(
@@ -941,9 +941,9 @@ function Wr({
       if (P.current && r && (P.current.style.transform = "translate3d(0px, 0px,0px)", P.current.style.left = "0", P.current.style.top = "0"), v === "fixed" && _e(
         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), m.current && M() !== Math.abs(c.current) && !l) {
+        if (_e(ne() * n.length), g.current && M() !== Math.abs(c.current) && !l) {
           const o = -M();
-          c.current = o, B.start({
+          c.current = o, U.start({
             immediate: !0,
             val: c.current
           });
@@ -951,7 +951,7 @@ function Wr({
         }
         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;
-          return B.start({
+          return U.start({
             immediate: !0,
             val: a
           }), () => {
@@ -962,15 +962,15 @@ function Wr({
         return;
       }
       if (!u && v === "fixed") {
-        const o = -(C() * V.current);
+        const o = -(C() * S.current);
         if (Math.abs(o) > M() && !l) {
           const a = -M();
-          m.current = !0, c.current = a, B.start({
+          g.current = !0, c.current = a, U.start({
             immediate: !0,
             val: c.current
           });
         } else
-          c.current = o, B.start({
+          c.current = o, U.start({
             immediate: !0,
             val: o
           });
@@ -988,7 +988,7 @@ function Wr({
       n.length,
       J,
       _e,
-      B,
+      U,
       v,
       l
     ]
@@ -1007,17 +1007,17 @@ function Wr({
     }
     return r === "next" ? typeof o == "number" ? -(o * C()) : c.current - C() : typeof o == "number" ? -(o * C()) : c.current + C();
   }
-  function ge({ type: r, index: o, immediate: a }) {
-    if (!g || L.current || I.current && !l)
+  function pe({ type: r, index: o, immediate: a }) {
+    if (!p || L.current || I.current && !l)
       return;
-    m.current && (we.current = "backward"), z.current = "prev", m.current = !1;
-    const k = typeof o == "number" ? o : V.current - 1;
+    g.current && (we.current = "backward"), z.current = "prev", g.current = !1;
+    const k = typeof o == "number" ? o : S.current - 1;
     if (u && be(), !l) {
       const K = u ? Ce("prev", o) - C() / 3 < 0 : Ce("prev", o) + C() / 3 > 0;
       if (I.current)
         return;
       if (K) {
-        I.current = !0, m.current = !1, G({
+        I.current = !0, g.current = !1, G({
           slideMode: r,
           from: X(),
           to: 0,
@@ -1028,7 +1028,7 @@ function Wr({
       }
     }
     if (l && (I.current || k < 0)) {
-      I.current = !1, m.current = !0, G({
+      I.current = !1, g.current = !0, G({
         slideMode: r,
         from: X() - C() * n.length,
         to: -(C() * n.length) + C(),
@@ -1037,7 +1037,7 @@ function Wr({
       });
       return;
     }
-    k === 0 && (I.current = !0), (k === n.length - 1 || k === -1) && (m.current = !0), G({
+    k === 0 && (I.current = !0), (k === n.length - 1 || k === -1) && (g.current = !0), G({
       slideMode: r,
       from: X(),
       to: Ce("prev", o),
@@ -1046,16 +1046,17 @@ function Wr({
     });
   }
   function se({ type: r, index: o, immediate: a }) {
-    if (!g || L.current || m.current && !l)
+    if (console.log("here1"), !p || L.current || g.current && !l)
       return;
-    I.current && (we.current = "forward"), z.current = "next", I.current = !1;
-    const k = o || V.current + 1;
+    console.log("2"), I.current && (we.current = "forward"), z.current = "next", I.current = !1;
+    const k = o || S.current + 1;
     if (u && be(), !l) {
+      console.log("3");
       const K = Math.abs(Ce("next", o)) > M() - C() / 3;
-      if (m.current)
+      if (g.current)
         return;
       if (K) {
-        I.current = !1, m.current = !0, G({
+        I.current = !1, g.current = !0, G({
           slideMode: r,
           from: X(),
           to: u ? M() : -M(),
@@ -1065,8 +1066,8 @@ function Wr({
         return;
       }
     }
-    if (l && (m.current || k > n.length - 1)) {
-      m.current = !1, I.current = !0, G({
+    if (l && (g.current || k > n.length - 1)) {
+      g.current = !1, I.current = !0, G({
         slideMode: r,
         from: X() + C() * n.length,
         to: 0,
@@ -1075,7 +1076,7 @@ function Wr({
       });
       return;
     }
-    k === 0 && (I.current = !0), k === n.length - 1 && (m.current = !0), G({
+    k === 0 && (I.current = !0), k === n.length - 1 && (g.current = !0), G({
       slideMode: r,
       from: X(),
       to: Ce("next", o),
@@ -1087,19 +1088,19 @@ function Wr({
     q ? oe.current = q : oe.current = Math.floor(C() / 2 / 2);
   }
   function ye() {
-    P.current && (he.current = M(), R.current = l, F.current = v, te.current = u, me.current = window.innerWidth, c.current = 0, Ve({ id: 0, immediate: !0, shouldReset: !0 }), Je(), Fe());
+    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) {
-        if (K > 0 ? z.current = "prev" : z.current = "next", pe({
+        if (K > 0 ? z.current = "prev" : z.current = "next", me({
           ...r,
           eventName: "onDrag",
           slideActionType: z.current
         }), u) {
           if (a > 0) {
-            B.start({
+            U.start({
               from: {
                 val: X()
               },
@@ -1114,7 +1115,7 @@ function Wr({
             }), r.cancel();
             return;
           }
-          B.start({
+          U.start({
             from: {
               val: X()
             },
@@ -1129,18 +1130,18 @@ function Wr({
           });
           return;
         }
-        B.start({
+        U.start({
           val: a,
           config: {
             velocity: ie,
             friction: 50,
             tension: 1e3
           }
-        }), _ && le ? (se({ type: "drag" }), r.cancel()) : _ && Te && (ge({ 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(a) < -(C() * 2) && r.cancel();
         return;
       }
       if (r.last && u && a > 0) {
-        B.start({
+        U.start({
           from: {
             val: X()
           },
@@ -1155,25 +1156,25 @@ function Wr({
         });
         return;
       }
-      r.last && !r.canceled && u && (z.current === "prev" && ge({ type: "drag" }), z.current === "next" && se({ type: "drag" })), r.last && !r.canceled && !u && (le ? !l && m.current ? B.start({
+      r.last && !r.canceled && u && (z.current === "prev" && pe({ type: "drag" }), z.current === "next" && se({ type: "drag" })), r.last && !r.canceled && !u && (le ? !l && g.current ? U.start({
         val: -M(),
         config: {
           ...De.default,
           velocity: ie
         }
-      }) : se({ type: "drag" }) : Te ? !l && I.current ? B.start({
+      }) : se({ type: "drag" }) : Te ? !l && I.current ? U.start({
         val: 0,
         config: {
           ...De.default,
           velocity: ie
         }
-      }) : ge({ type: "drag" }) : B.start({
+      }) : pe({ type: "drag" }) : U.start({
         val: c.current,
         config: {
           ...De.default,
           velocity: ie
         }
-      })), r.last && r.canceled && B.start({
+      })), r.last && r.canceled && U.start({
         val: c.current,
         config: {
           ...De.default,
@@ -1182,7 +1183,7 @@ function Wr({
       });
     },
     {
-      enabled: g && !W && !u || !!u && !!U,
+      enabled: p && !W && !u || !!u && !!B,
       axis: d,
       from: () => u && E.current ? [
         -E.current.scrollLeft,
@@ -1198,7 +1199,7 @@ function Wr({
     } : {};
   }
   function be() {
-    E.current && (c.current = E.current[d === "x" ? "scrollLeft" : "scrollTop"], E.current[d === "x" ? "scrollLeft" : "scrollTop"] === 0 && (I.current = !0, m.current = !1), E.current[d === "x" ? "scrollLeft" : "scrollTop"] > 0 && E.current[d === "x" ? "scrollLeft" : "scrollTop"] < M() && (I.current = !1, m.current = !1), E.current[d === "x" ? "scrollLeft" : "scrollTop"] === M() && (I.current = !1, m.current = !0));
+    E.current && (c.current = E.current[d === "x" ? "scrollLeft" : "scrollTop"], E.current[d === "x" ? "scrollLeft" : "scrollTop"] === 0 && (I.current = !0, g.current = !1), E.current[d === "x" ? "scrollLeft" : "scrollTop"] > 0 && E.current[d === "x" ? "scrollLeft" : "scrollTop"] < M() && (I.current = !1, g.current = !1), E.current[d === "x" ? "scrollLeft" : "scrollTop"] === M() && (I.current = !1, g.current = !0));
   }
   function Ge() {
     return u ? {
@@ -1216,37 +1217,37 @@ function Wr({
     }
     return a;
   }
-  function Ve({ id: r, immediate: o, shouldReset: a, type: k }) {
-    if (!g || L.current)
+  function Se({ id: r, immediate: o, shouldReset: a, type: k }) {
+    if (!p || L.current)
       return;
-    I.current = !1, m.current = !1;
+    I.current = !1, g.current = !1;
     const K = xe(
       r,
       "The item you want to slide to doesn't exist; check the provided id."
     );
-    if (K === V.current && !a)
+    if (K === S.current && !a)
       return;
-    const Te = xe(n[V.current].id), le = xe(n[K].id);
+    const Te = xe(n[S.current].id), le = xe(n[K].id);
     le > Te ? se({
       type: k || a ? "initial" : "click",
       index: le,
       immediate: o
-    }) : ge({
+    }) : pe({
       type: k || a ? "initial" : "click",
       index: le,
       immediate: o
     });
   }
-  function Se(r) {
-    const o = xe(r, "The item doesn't exist; check the provided id."), a = V.current;
+  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;
   }
   function Ye(r) {
-    const o = xe(r, "The item doesn't exist; check the provided id."), a = V.current;
+    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;
   }
-  function Ue(r) {
-    return xe(r, "The item you want to check doesn't exist; check the provided id.") === V.current;
+  function Be(r) {
+    return xe(r, "The item you want to check doesn't exist; check the provided id.") === S.current;
   }
   function er() {
     return W ? "unset" : d === "x" ? "pan-y" : "pan-x";
@@ -1257,7 +1258,7 @@ function Wr({
     exitFullscreen: Ne,
     getIsFullscreen: He,
     slideToPrevItem: (r = !0) => {
-      ge({
+      pe({
         type: "click",
         immediate: !r
       });
@@ -1274,7 +1275,7 @@ function Wr({
     exitFullscreen: Ne,
     getIsFullscreen: He,
     slideToPrevItem: (r = !0) => {
-      ge({
+      pe({
         type: "click",
         immediate: !r
       });
@@ -1286,21 +1287,21 @@ function Wr({
       });
     },
     slideToItem: (r, o = !0) => {
-      Ve({ id: r, immediate: !o });
+      Se({ id: r, immediate: !o });
     },
-    getIsNextItem: Se,
+    getIsNextItem: Ve,
     getIsPrevItem: Ye,
-    getIsActiveItem: Ue
+    getIsActiveItem: Be
   };
   Tr(() => {
-    P.current && g && (Z.current = !0, ye());
-  }, [g]), de(() => {
-    V.current !== j && (Z.current = !0, Ve({
+    P.current && p && (Z.current = !0, ye());
+  }, [p]), de(() => {
+    S.current !== j && (Z.current = !0, Se({
       id: j,
       immediate: !O
     }));
   }, [j]), de(() => {
-    if (g) {
+    if (p) {
       if (j > n.length - 1)
         throw new Error(
           `initialActiveItem (${j}) is greater than the total quantity available items (${n.length}).`
@@ -1309,15 +1310,15 @@ function Wr({
         `itemsPerSlide (${J}) is greater than the total quantity available items (${n.length}). Fallback to ${n.length})`
       );
     }
-  }, [j, n.length, J, g]), de(() => {
-    me.current = window.innerWidth;
+  }, [j, n.length, J, p]), de(() => {
+    ge.current = window.innerWidth;
   }, []), de(() => {
-    if (g) {
+    if (p) {
       if (l && u)
         throw new Error("`withLoop` and `freeScroll` can't be used together.");
       if (u && v === "fixed")
         throw new Error("`freeScroll` can't be used when `scrollType: fixed`.");
-      if (U && (v !== "fluid" || !u))
+      if (B && (v !== "fluid" || !u))
         throw new Error(
           "`enableFreeScrollDrag` must be used with `slideType: fluid` and `freeScroll=true`"
         );
@@ -1332,14 +1333,14 @@ function Wr({
     J,
     f,
     T,
-    g,
+    p,
     l,
     v,
     u,
-    U,
+    B,
     ee
   ]), de(() => {
-    if (!g)
+    if (!p)
       return;
     function r() {
       document.hidden ? L.current = !0 : L.current = !1;
@@ -1347,12 +1348,12 @@ function Wr({
     return document.addEventListener("visibilitychange", r), () => {
       document.removeEventListener("visibilitychange", r);
     };
-  }, [g]), de(() => {
+  }, [p]), de(() => {
     if (E.current) {
       let r;
       const o = new _r(() => {
         if (!L.current && !Z.current) {
-          me.current = window.innerWidth;
+          ge.current = window.innerWidth;
           const a = Fe();
           window.clearTimeout(r), r = setTimeout(() => {
             he.current = M(), typeof a == "function" && a();
@@ -1416,8 +1417,8 @@ function Wr({
                   )
                 },
                 children: typeof r.renderItem == "function" ? r.renderItem({
-                  getIsActiveItem: Ue,
-                  getIsNextItem: Se,
+                  getIsActiveItem: Be,
+                  getIsNextItem: Ve,
                   getIsPrevItem: Ye,
                   useListenToCustomEvent: ce
                 }) : r.renderItem
@@ -1465,9 +1466,9 @@ const $e = {
     position: "absolute"
   }
 };
-function Vr({
+function Sr({
   init: n = !0,
-  disableGestures: g = !1,
+  disableGestures: p = !1,
   items: y,
   springConfig: D = De.default,
   exitBeforeEnter: Y = !1,
@@ -1479,12 +1480,12 @@ function Vr({
   draggingSlideTreshold: W = 50,
   thumbsSlideAxis: q = "x"
 }) {
-  const _ = $("next"), u = $("initial"), U = $(null), [x, ae] = Er(l ?? 0), { emitEvent: j, useListenToCustomEvent: O } = mr(), { handleScroll: ee, thumbsFragment: re } = pr({
+  const _ = $("next"), u = $("initial"), B = $(null), [x, ae] = Er(l ?? 0), { emitEvent: j, useListenToCustomEvent: O } = gr(), { handleScroll: ee, thumbsFragment: re } = mr({
     thumbsSlideAxis: q,
     items: y,
     renderThumbFnProps: {
       getIsNextItem: I,
-      getIsPrevItem: m,
+      getIsPrevItem: g,
       useListenToCustomEvent: O,
       activeItem: {
         index: x,
@@ -1617,10 +1618,10 @@ function Vr({
       }
     },
     {
-      enabled: !g
+      enabled: !p
     }
   );
-  function V(c, R) {
+  function S(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)
@@ -1630,11 +1631,11 @@ function Vr({
     return F;
   }
   function I(c) {
-    const R = V(c, "The item doesn't exist; check the provided id."), F = x;
+    const R = S(c, "The item doesn't exist; check the provided id."), F = x;
     return T && F === y.length - 1 ? R === 0 : R === F + 1;
   }
-  function m(c) {
-    const R = V(c, "The item doesn't exist; check the provided id."), F = x;
+  function g(c) {
+    const R = S(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) => {
@@ -1653,7 +1654,7 @@ function Vr({
         children: typeof L == "function" ? L({
           useListenToCustomEvent: O,
           getIsNextItem: I,
-          getIsPrevItem: m,
+          getIsPrevItem: g,
           activeItem: {
             index: x,
             id: y[x].id
@@ -1665,10 +1666,10 @@ function Vr({
     useListenToCustomEvent: O,
     slideToPrevItem: () => oe("click"),
     slideToNextItem: () => z("click")
-  }, he = /* @__PURE__ */ A.jsx(nr.Provider, { value: P, children: re }), me = /* @__PURE__ */ A.jsx(nr.Provider, { value: P, children: /* @__PURE__ */ A.jsx(
+  }, he = /* @__PURE__ */ A.jsx(nr.Provider, { value: P, children: re }), ge = /* @__PURE__ */ A.jsx(nr.Provider, { value: P, children: /* @__PURE__ */ A.jsx(
     "div",
     {
-      ref: U,
+      ref: B,
       ...we(),
       style: {
         display: "flex",
@@ -1682,12 +1683,12 @@ function Vr({
   ) });
   return {
     ...P,
-    carouselFragment: me,
+    carouselFragment: ge,
     thumbsFragment: he
   };
 }
 const nr = fr(void 0);
-function Sr() {
+function Vr() {
   const n = dr(nr);
   if (!n)
     throw new Error("useTransitionCarouselContext must be used within the carousel.");
@@ -1696,7 +1697,7 @@ function Sr() {
 export {
   Wr as useSpringCarousel,
   Nr as useSpringCarouselContext,
-  Vr as useTransitionCarousel,
-  Sr as useTransitionCarouselContext
+  Sr as useTransitionCarousel,
+  Vr as useTransitionCarouselContext
 };
 //# sourceMappingURL=index.es.js.map