react-spring-carousel 3.0.0-beta090.35 → 3.0.0-beta090.36

package/dist/index.es.js

@@ -1,14 +1,14 @@
 import lr, { useRef as O, useEffect as he, createContext as fr, useCallback as De, Fragment as Er, useContext as dr, useState as Tr } from "react";
-import { useSpring as vr, config as We, useIsomorphicLayoutEffect as Rr, useTransition as _r, a as wr } from "@react-spring/web";
+import { useSpring as vr, config as We, useIsomorphicLayoutEffect as Rr, useTransition as wr, a as _r } from "@react-spring/web";
 import { useDrag as hr } from "@use-gesture/react";
 import Cr from "resize-observer-polyfill";
 import Ee from "screenfull";
-var L = {}, Ir = {
+var H = {}, Ir = {
   get exports() {
-    return L;
+    return H;
   },
   set exports(i) {
-    L = i;
+    H = i;
   }
 }, Ae = {};
 /**
@@ -27,14 +27,14 @@ function Pr() {
   cr = 1;
   var i = lr, p = Symbol.for("react.element"), y = Symbol.for("react.fragment"), $ = Object.prototype.hasOwnProperty, Y = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
   function w(l, f, d) {
-    var M, H = {}, I = null, u = null;
-    d !== void 0 && (I = "" + d), f.key !== void 0 && (I = "" + f.key), f.ref !== void 0 && (u = f.ref);
+    var M, L = {}, C = null, u = null;
+    d !== void 0 && (C = "" + d), f.key !== void 0 && (C = "" + f.key), f.ref !== void 0 && (u = f.ref);
     for (M in f)
-      $.call(f, M) && !v.hasOwnProperty(M) && (H[M] = f[M]);
+      $.call(f, M) && !v.hasOwnProperty(M) && (L[M] = f[M]);
     if (l && l.defaultProps)
       for (M in f = l.defaultProps, f)
-        H[M] === void 0 && (H[M] = f[M]);
-    return { $$typeof: p, type: l, key: I, ref: u, props: H, _owner: Y.current };
+        L[M] === void 0 && (L[M] = f[M]);
+    return { $$typeof: p, type: l, key: C, ref: u, props: L, _owner: Y.current };
   }
   return Ae.Fragment = y, Ae.jsx = w, Ae.jsxs = w, Ae;
 }
@@ -51,15 +51,15 @@ var Je = {};
 var sr;
 function kr() {
   return sr || (sr = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = lr, p = Symbol.for("react.element"), y = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), Y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), l = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), U = Symbol.iterator, T = "@@iterator";
+    var i = lr, p = Symbol.for("react.element"), y = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), Y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), l = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), U = Symbol.iterator, T = "@@iterator";
     function ae(e) {
       if (e === null || typeof e != "object")
         return null;
       var t = U && e[U] || e[T];
       return typeof t == "function" ? t : null;
     }
-    var j = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function F(e) {
+    var F = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function j(e) {
       {
         for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), c = 1; c < t; c++)
           n[c - 1] = arguments[c];
@@ -68,18 +68,18 @@ function kr() {
     }
     function G(e, t, n) {
       {
-        var c = j.ReactDebugCurrentFrame, E = c.getStackAddendum();
+        var c = F.ReactDebugCurrentFrame, E = c.getStackAddendum();
         E !== "" && (t += "%s", n = n.concat([E]));
-        var C = n.map(function(m) {
+        var _ = n.map(function(m) {
           return String(m);
         });
-        C.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, C);
+        _.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, _);
       }
     }
     var Ne = !1, ee = !1, q = !1, re = !1, oe = !1, J;
     J = Symbol.for("react.module.reference");
     function Te(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === $ || e === v || oe || e === Y || e === d || e === M || re || e === u || Ne || ee || q || typeof e == "object" && e !== null && (e.$$typeof === I || e.$$typeof === H || e.$$typeof === w || 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 === Y || e === d || e === M || re || e === u || Ne || ee || q || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === L || e.$$typeof === w || 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.
@@ -98,7 +98,7 @@ function kr() {
     function b(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && F("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && j("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -126,13 +126,13 @@ function kr() {
             return W(n._context) + ".Provider";
           case f:
             return me(e, e.render, "ForwardRef");
-          case H:
+          case L:
             var c = e.displayName || null;
             return c !== null ? c : b(e.type) || "Memo";
-          case I: {
-            var E = e, C = E._payload, m = E._init;
+          case C: {
+            var E = e, _ = E._payload, m = E._init;
             try {
-              return b(m(C));
+              return b(m(_));
             } catch {
               return null;
             }
@@ -140,14 +140,14 @@ function kr() {
         }
       return null;
     }
-    var x = Object.assign, R = 0, S, pe, g, s, k, te, ne;
+    var x = Object.assign, R = 0, V, pe, g, s, k, te, ne;
     function K() {
     }
     K.__reactDisabledLog = !0;
     function or() {
       {
         if (R === 0) {
-          S = console.log, pe = console.info, g = console.warn, s = console.error, k = console.group, te = console.groupCollapsed, ne = console.groupEnd;
+          V = console.log, pe = console.info, g = console.warn, s = console.error, k = console.group, te = console.groupCollapsed, ne = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -177,7 +177,7 @@ function kr() {
           };
           Object.defineProperties(console, {
             log: x({}, e, {
-              value: S
+              value: V
             }),
             info: x({}, e, {
               value: pe
@@ -199,10 +199,10 @@ function kr() {
             })
           });
         }
-        R < 0 && F("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        R < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Z = j.ReactCurrentDispatcher, B;
+    var Z = F.ReactCurrentDispatcher, B;
     function ue(e, t, n) {
       {
         if (B === void 0)
@@ -221,7 +221,7 @@ function kr() {
       var Qe = typeof WeakMap == "function" ? WeakMap : Map;
       Pe = new Qe();
     }
-    function Se(e, t) {
+    function Ve(e, t) {
       if (!e || ge)
         return "";
       {
@@ -233,8 +233,8 @@ function kr() {
       ge = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var C;
-      C = Z.current, Z.current = null, or();
+      var _;
+      _ = Z.current, Z.current = null, or();
       try {
         if (t) {
           var m = function() {
@@ -271,29 +271,29 @@ function kr() {
         if (ve && c && typeof ve.stack == "string") {
           for (var h = ve.stack.split(`
 `), A = c.stack.split(`
-`), N = h.length - 1, V = A.length - 1; N >= 1 && V >= 0 && h[N] !== A[V]; )
-            V--;
-          for (; N >= 1 && V >= 0; N--, V--)
-            if (h[N] !== A[V]) {
-              if (N !== 1 || V !== 1)
+`), N = h.length - 1, S = A.length - 1; N >= 1 && S >= 0 && h[N] !== A[S]; )
+            S--;
+          for (; N >= 1 && S >= 0; N--, S--)
+            if (h[N] !== A[S]) {
+              if (N !== 1 || S !== 1)
                 do
-                  if (N--, V--, V < 0 || h[N] !== A[V]) {
+                  if (N--, S--, S < 0 || h[N] !== A[S]) {
                     var X = `
 ` + h[N].replace(" at new ", " at ");
                     return e.displayName && X.includes("<anonymous>") && (X = X.replace("<anonymous>", e.displayName)), typeof e == "function" && Pe.set(e, X), X;
                   }
-                while (N >= 1 && V >= 0);
+                while (N >= 1 && S >= 0);
               break;
             }
         }
       } finally {
-        ge = !1, Z.current = C, Ie(), Error.prepareStackTrace = E;
+        ge = !1, Z.current = _, Ie(), Error.prepareStackTrace = E;
       }
       var $e = e ? e.displayName || e.name : "", ur = $e ? ue($e) : "";
       return typeof e == "function" && Pe.set(e, ur), ur;
     }
     function ze(e, t, n) {
-      return Se(e, !1);
+      return Ve(e, !1);
     }
     function Xe(e) {
       var t = e.prototype;
@@ -303,7 +303,7 @@ function kr() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Se(e, Xe(e));
+        return Ve(e, Xe(e));
       if (typeof e == "string")
         return ue(e);
       switch (e) {
@@ -316,20 +316,20 @@ function kr() {
         switch (e.$$typeof) {
           case f:
             return ze(e.render);
-          case H:
+          case L:
             return ke(e.type, t, n);
-          case I: {
-            var c = e, E = c._payload, C = c._init;
+          case C: {
+            var c = e, E = c._payload, _ = c._init;
             try {
-              return ke(C(E), t, n);
+              return ke(_(E), t, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var P = Object.prototype.hasOwnProperty, ce = {}, D = j.ReactDebugCurrentFrame;
-    function je(e) {
+    var I = Object.prototype.hasOwnProperty, ce = {}, D = F.ReactDebugCurrentFrame;
+    function Fe(e) {
       if (e) {
         var t = e._owner, n = ke(e.type, e._source, t ? t.type : null);
         D.setExtraStackFrame(n);
@@ -338,9 +338,9 @@ function kr() {
     }
     function Re(e, t, n, c, E) {
       {
-        var C = Function.call.bind(P);
+        var _ = Function.call.bind(I);
         for (var m in e)
-          if (C(e, m)) {
+          if (_(e, m)) {
             var h = void 0;
             try {
               if (typeof e[m] != "function") {
@@ -351,13 +351,13 @@ function kr() {
             } catch (N) {
               h = N;
             }
-            h && !(h instanceof Error) && (je(E), F("%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).", c || "React class", n, m, typeof h), je(null)), h instanceof Error && !(h.message in ce) && (ce[h.message] = !0, je(E), F("Failed %s type: %s", n, h.message), je(null));
+            h && !(h instanceof Error) && (Fe(E), j("%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).", c || "React class", n, m, typeof h), Fe(null)), h instanceof Error && !(h.message in ce) && (ce[h.message] = !0, Fe(E), j("Failed %s type: %s", n, h.message), Fe(null));
           }
       }
     }
-    var _e = Array.isArray;
+    var we = Array.isArray;
     function ye(e) {
-      return _e(e);
+      return we(e);
     }
     function Q(e) {
       {
@@ -365,7 +365,7 @@ function kr() {
         return n;
       }
     }
-    function we(e) {
+    function _e(e) {
       try {
         return se(e), !1;
       } catch {
@@ -376,18 +376,18 @@ function kr() {
       return "" + e;
     }
     function le(e) {
-      if (we(e))
-        return F("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Q(e)), se(e);
+      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.", Q(e)), se(e);
     }
-    var Ce = j.ReactCurrentOwner, Ke = {
+    var Ce = F.ReactCurrentOwner, Ke = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ge, Ze, Ve;
-    Ve = {};
-    function Fe(e) {
-      if (P.call(e, "ref")) {
+    }, Ge, Ze, Se;
+    Se = {};
+    function je(e) {
+      if (I.call(e, "ref")) {
         var t = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (t && t.isReactWarning)
           return !1;
@@ -395,7 +395,7 @@ function kr() {
       return e.ref !== void 0;
     }
     function er(e) {
-      if (P.call(e, "key")) {
+      if (I.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning)
           return !1;
@@ -405,13 +405,13 @@ function kr() {
     function be(e, t) {
       if (typeof e.ref == "string" && Ce.current && t && Ce.current.stateNode !== t) {
         var n = b(Ce.current.type);
-        Ve[n] || (F('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', b(Ce.current.type), e.ref), Ve[n] = !0);
+        Se[n] || (j('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', b(Ce.current.type), e.ref), Se[n] = !0);
       }
     }
     function Ye(e, t) {
       {
         var n = function() {
-          Ge || (Ge = !0, F("%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));
+          Ge || (Ge = !0, j("%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));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: n,
@@ -422,7 +422,7 @@ function kr() {
     function Ue(e, t) {
       {
         var n = function() {
-          Ze || (Ze = !0, F("%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));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: n,
@@ -430,7 +430,7 @@ function kr() {
         });
       }
     }
-    var Be = function(e, t, n, c, E, C, m) {
+    var Be = function(e, t, n, c, E, _, m) {
       var h = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: p,
@@ -440,7 +440,7 @@ function kr() {
         ref: n,
         props: m,
         // Record the component responsible for creating this element.
-        _owner: C
+        _owner: _
       };
       return h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
@@ -461,23 +461,23 @@ function kr() {
     };
     function qe(e, t, n, c, E) {
       {
-        var C, m = {}, h = null, A = null;
-        n !== void 0 && (le(n), h = "" + n), er(t) && (le(t.key), h = "" + t.key), Fe(t) && (A = t.ref, be(t, E));
-        for (C in t)
-          P.call(t, C) && !Ke.hasOwnProperty(C) && (m[C] = t[C]);
+        var _, m = {}, h = null, A = null;
+        n !== void 0 && (le(n), h = "" + n), er(t) && (le(t.key), h = "" + t.key), je(t) && (A = t.ref, be(t, E));
+        for (_ in t)
+          I.call(t, _) && !Ke.hasOwnProperty(_) && (m[_] = t[_]);
         if (e && e.defaultProps) {
           var N = e.defaultProps;
-          for (C in N)
-            m[C] === void 0 && (m[C] = N[C]);
+          for (_ in N)
+            m[_] === void 0 && (m[_] = N[_]);
         }
         if (h || A) {
-          var V = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && Ye(m, V), A && Ue(m, V);
+          var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          h && Ye(m, S), A && Ue(m, S);
         }
         return Be(e, h, A, E, c, Ce.current, m);
       }
     }
-    var Le = j.ReactCurrentOwner, Oe = j.ReactDebugCurrentFrame;
+    var Le = F.ReactCurrentOwner, Oe = F.ReactDebugCurrentFrame;
     function xe(e) {
       if (e) {
         var t = e._owner, n = ke(e.type, e._source, t ? t.type : null);
@@ -513,7 +513,7 @@ Check your code at ` + t + ":" + n + ".";
         return "";
       }
     }
-    var _ = {};
+    var P = {};
     function z(e) {
       {
         var t = o();
@@ -532,11 +532,11 @@ Check the top-level render call using <` + n + ">.");
           return;
         e._store.validated = !0;
         var n = z(t);
-        if (_[n])
+        if (P[n])
           return;
-        _[n] = !0;
+        P[n] = !0;
         var c = "";
-        e && e._owner && e._owner !== Le.current && (c = " It was passed a child from " + b(e._owner.type) + "."), xe(e), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, c), xe(null);
+        e && e._owner && e._owner !== Le.current && (c = " It was passed a child from " + b(e._owner.type) + "."), xe(e), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, c), xe(null);
       }
     }
     function de(e, t) {
@@ -553,7 +553,7 @@ Check the top-level render call using <` + n + ">.");
         else if (e) {
           var E = ae(e);
           if (typeof E == "function" && E !== e.entries)
-            for (var C = E.call(e), m; !(m = C.next()).done; )
+            for (var _ = E.call(e), m; !(m = _.next()).done; )
               r(m.value) && fe(m.value, t);
         }
       }
@@ -568,7 +568,7 @@ Check the top-level render call using <` + n + ">.");
           n = t.propTypes;
         else if (typeof t == "object" && (t.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        t.$$typeof === H))
+        t.$$typeof === L))
           n = t.propTypes;
         else
           return;
@@ -578,9 +578,9 @@ Check the top-level render call using <` + n + ">.");
         } else if (t.PropTypes !== void 0 && !He) {
           He = !0;
           var E = b(t);
-          F("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && F("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function ie(e) {
@@ -588,14 +588,14 @@ Check the top-level render call using <` + n + ">.");
         for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
           var c = t[n];
           if (c !== "children" && c !== "key") {
-            xe(e), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), xe(null);
+            xe(e), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), xe(null);
             break;
           }
         }
-        e.ref !== null && (xe(e), F("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
+        e.ref !== null && (xe(e), j("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
       }
     }
-    function tr(e, t, n, c, E, C) {
+    function tr(e, t, n, c, E, _) {
       {
         var m = Te(e);
         if (!m) {
@@ -604,11 +604,11 @@ Check the top-level render call using <` + n + ">.");
           var A = a(E);
           A ? h += A : h += o();
           var N;
-          e === null ? N = "null" : ye(e) ? N = "array" : e !== void 0 && e.$$typeof === p ? (N = "<" + (b(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : N = typeof e, F("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" : ye(e) ? N = "array" : e !== void 0 && e.$$typeof === p ? (N = "<" + (b(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : N = typeof e, j("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 V = qe(e, t, n, E, C);
-        if (V == null)
-          return V;
+        var S = qe(e, t, n, E, _);
+        if (S == null)
+          return S;
         if (m) {
           var X = t.children;
           if (X !== void 0)
@@ -618,11 +618,11 @@ Check the top-level render call using <` + n + ">.");
                   de(X[$e], e);
                 Object.freeze && Object.freeze(X);
               } else
-                F("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                j("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               de(X, e);
         }
-        return e === $ ? ie(V) : rr(V), V;
+        return e === $ ? ie(S) : rr(S), S;
       }
     }
     function gr(e, t, n) {
@@ -667,7 +667,7 @@ function mr() {
     emitEvent: y
   };
 }
-function jr({
+function Fr({
   mainCarouselWrapperRef: i,
   onFullScreenChange: p,
   handleResize: y
@@ -700,7 +700,7 @@ function jr({
     getIsFullscreen: v
   };
 }
-function Fr(i) {
+function jr(i) {
   const p = i.getBoundingClientRect();
   return p.top >= 0 && p.left >= 0 && p.bottom <= (window.innerHeight || document.documentElement.clientHeight) && p.right <= (window.innerWidth || document.documentElement.clientWidth);
 }
@@ -715,47 +715,47 @@ function pr({
     val: 0
   }));
   function f() {
-    var I;
+    var C;
     return v.current ? Math.round(
-      Number((I = v.current) == null ? void 0 : I[i === "x" ? "scrollWidth" : "scrollHeight"]) - v.current.getBoundingClientRect()[i === "x" ? "width" : "height"]
+      Number((C = v.current) == null ? void 0 : C[i === "x" ? "scrollWidth" : "scrollHeight"]) - v.current.getBoundingClientRect()[i === "x" ? "width" : "height"]
     ) : 0;
   }
-  function d(I) {
+  function d(C) {
     var T;
     function u() {
       return v.current ? v.current.querySelector(
-        `#thumb-item-${$[I].id}`
+        `#thumb-item-${$[C].id}`
       ) : null;
     }
     const U = u();
-    if (U && v.current && !Fr(U)) {
-      const ae = U.offsetLeft, j = ae > f() ? f() : ae;
+    if (U && v.current && !jr(U)) {
+      const ae = U.offsetLeft, F = ae > f() ? f() : ae;
       l.start({
         from: {
           val: ((T = v.current) == null ? void 0 : T[i === "x" ? "scrollLeft" : "scrollTop"]) ?? 0
         },
         to: {
-          val: j
+          val: F
         },
-        onChange: ({ value: F }) => {
+        onChange: ({ value: j }) => {
           v.current && (v.current[i === "x" ? "scrollLeft" : "scrollTop"] = Math.abs(
-            F.val
+            j.val
           ));
         }
       });
     }
   }
   function M() {
-    function I(u) {
+    function C(u) {
       return u.map((U) => ({
         id: U.id,
         renderThumb: U.renderThumb
       }));
     }
-    return y ? y(I($)) : I($);
+    return y ? y(C($)) : C($);
   }
   return {
-    thumbsFragment: p ? /* @__PURE__ */ L.jsx(
+    thumbsFragment: p ? /* @__PURE__ */ H.jsx(
       "div",
       {
         className: "use-spring-carousel-thumbs-wrapper",
@@ -773,9 +773,9 @@ function pr({
             maxHeight: "100%"
           }
         },
-        children: M().map(({ id: I, renderThumb: u }) => {
-          const U = `thumb-item-${I}`;
-          return /* @__PURE__ */ L.jsx("div", { id: U, className: "thumb-item", children: typeof u == "function" ? u(Y) : u }, U);
+        children: M().map(({ id: C, renderThumb: u }) => {
+          const U = `thumb-item-${C}`;
+          return /* @__PURE__ */ H.jsx("div", { id: U, className: "thumb-item", children: typeof u == "function" ? u(Y) : u }, U);
         })
       }
     ) : null,
@@ -794,19 +794,19 @@ function Nr({
   startEndGutter: f = 0,
   carouselSlideAxis: d = "x",
   disableGestures: M = !1,
-  draggingSlideTreshold: H,
-  slideWhenThresholdIsReached: I = !1,
+  draggingSlideTreshold: L,
+  slideWhenThresholdIsReached: C = !1,
   freeScroll: u,
   enableFreeScrollDrag: U,
   initialStartingPosition: T,
   prepareThumbsData: ae,
-  initialActiveItem: j = 0,
-  animateWhenActiveItemChange: F = !0,
+  initialActiveItem: F = 0,
+  animateWhenActiveItemChange: j = !0,
   slideGroupOfItems: G = !1,
   __unstable_stretch_tems__: Ne = !0,
   slideAmount: ee
 }) {
-  const q = Y, re = O(!1), oe = O(H ?? 0), J = O("initial"), Te = O("initial"), me = O("initial"), W = O(j), b = O(j === 0), x = O(v === "fixed" && j === i.length - 1), R = O(null), S = O(null), pe = O(0), g = O(0), s = O(0), k = O(l), te = O(v), ne = O(u), K = O(!1), Ie = De(() => l ? [
+  const q = Y, re = O(!1), oe = O(L ?? 0), J = O("initial"), Te = O("initial"), me = O("initial"), W = O(F), b = O(F === 0), x = O(v === "fixed" && F === i.length - 1), R = O(null), V = O(null), pe = O(0), g = O(0), s = O(0), k = O(l), te = O(v), ne = O(u), K = O(!1), Ie = De(() => l ? [
     ...i.map((r) => ({
       ...r,
       id: `prev-repeated-item-${r.id}`
@@ -821,7 +821,7 @@ function Nr({
       val: 0,
       pause: !p,
       onChange: ({ value: r }) => {
-        u && R.current ? (d === "x" ? R.current.scrollLeft = Math.abs(r.val) : R.current.scrollTop = Math.abs(r.val), Fe()) : S.current && (d === "x" ? S.current.style.transform = `translate3d(${r.val}px, 0px,0px)` : S.current.style.transform = `translate3d(0px,${r.val}px,0px)`);
+        u && R.current ? (d === "x" ? R.current.scrollLeft = Math.abs(r.val) : R.current.scrollTop = Math.abs(r.val), je()) : V.current && (d === "x" ? V.current.style.transform = `translate3d(${r.val}px, 0px,0px)` : V.current.style.transform = `translate3d(0px,${r.val}px,0px)`);
       }
     }),
     [u]
@@ -836,7 +836,7 @@ function Nr({
       useListenToCustomEvent: ge,
       getIsNextItem: Ue
     }
-  }), { enterFullscreen: Se, exitFullscreen: ze, getIsFullscreen: Xe } = jr({
+  }), { enterFullscreen: Ve, exitFullscreen: ze, getIsFullscreen: Xe } = Fr({
     mainCarouselWrapperRef: R,
     handleResize: () => ye(),
     onFullScreenChange: (r) => {
@@ -854,7 +854,7 @@ function Nr({
       marginRight: `${r ? 0 : w}px`
     };
   }
-  const P = De(() => {
+  const I = De(() => {
     var a;
     if (typeof ee == "number" && ee > 0 && (v === "fluid" || u))
       return ee;
@@ -872,7 +872,7 @@ function Nr({
     v,
     f
   ]);
-  function ce({ from: r, to: o, nextActiveItem: a, immediate: _ = !1, slideMode: z }) {
+  function ce({ from: r, to: o, nextActiveItem: a, immediate: P = !1, slideMode: z }) {
     Te.current = z, typeof a == "number" && (u || (W.current = a), ue({
       eventName: "onSlideStartChange",
       slideActionType: J.current,
@@ -884,7 +884,7 @@ function Nr({
         id: u ? "" : i[W.current].id
       }
     })), s.current = o, B.start({
-      immediate: _,
+      immediate: P,
       from: {
         val: r
       },
@@ -896,7 +896,7 @@ function Nr({
         velocity: Z.val.velocity
       },
       onRest(fe) {
-        !_ && fe.finished && ue({
+        !P && fe.finished && ue({
           eventName: "onSlideChange",
           slideActionType: J.current,
           slideMode: Te.current,
@@ -908,17 +908,17 @@ function Nr({
           }
         });
       }
-    }), y && !_ && Qe(W.current);
+    }), y && !P && Qe(W.current);
   }
   const D = De(() => {
     var r;
-    return S.current ? l ? P() * i.length : Math.round(
+    return V.current ? l ? I() * i.length : Math.round(
       Number(
-        (r = S.current) == null ? void 0 : r[d === "x" ? "scrollWidth" : "scrollHeight"]
-      ) - S.current.getBoundingClientRect()[d === "x" ? "width" : "height"] - f * 2
+        (r = V.current) == null ? void 0 : r[d === "x" ? "scrollWidth" : "scrollHeight"]
+      ) - V.current.getBoundingClientRect()[d === "x" ? "width" : "height"] - f * 2
     ) : 0;
-  }, [d, P, i.length, f, l]);
-  function je() {
+  }, [d, I, i.length, f, l]);
+  function Fe() {
     const r = `calc(100% - ${f * 2}px)`;
     return {
       width: d === "x" ? r : "100%",
@@ -927,22 +927,22 @@ function Nr({
   }
   const Re = De(() => {
     var o;
-    const r = (o = S.current) == null ? void 0 : o.querySelector(".use-spring-carousel-item");
+    const r = (o = V.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"] + w;
-  }, [d, w]), _e = De(
+  }, [d, w]), we = De(
     (r) => {
-      const o = d === "x" ? "left" : "top", a = S.current;
+      const o = d === "x" ? "left" : "top", a = V.current;
       a && (l ? (a.style.top = "0px", a.style.left = "0px", a.style[o] = `-${r - f}px`, b.current = !1, x.current = !1) : (a.style.left = "0px", a.style.top = "0px"));
     },
     [d, f, l]
   ), ye = De(
     (r = !1) => {
-      if (S.current && r && (S.current.style.transform = "translate3d(0px, 0px,0px)", S.current.style.left = "0", S.current.style.top = "0"), v === "fixed" && _e(
-        T === "center" ? Re() * i.length - P() * Math.round((q - 1) / 2) : T === "end" ? Re() * i.length - P() * Math.round(q - 1) : Re() * i.length
+      if (V.current && r && (V.current.style.transform = "translate3d(0px, 0px,0px)", V.current.style.left = "0", V.current.style.top = "0"), v === "fixed" && we(
+        T === "center" ? Re() * i.length - I() * Math.round((q - 1) / 2) : T === "end" ? Re() * i.length - I() * Math.round(q - 1) : Re() * i.length
       ), v === "fluid") {
-        if (_e(Re() * i.length), x.current && D() !== Math.abs(s.current) && !l) {
+        if (we(Re() * i.length), x.current && D() !== Math.abs(s.current) && !l) {
           const o = -D();
           s.current = o, B.start({
             immediate: !0,
@@ -962,7 +962,7 @@ function Nr({
         return;
       }
       if (!u && v === "fixed") {
-        const o = -(P() * W.current);
+        const o = -(I() * W.current);
         if (Math.abs(o) > D() && !l) {
           const a = -D();
           x.current = !0, s.current = a, B.start({
@@ -982,12 +982,12 @@ function Nr({
     [
       u,
       Re,
-      P,
+      I,
       D,
       T,
       i.length,
       q,
-      _e,
+      we,
       B,
       v,
       l
@@ -996,24 +996,24 @@ function Nr({
   function Q() {
     return u && R.current ? R.current[d === "x" ? "scrollLeft" : "scrollTop"] : Z.val.get();
   }
-  function we(r, o) {
+  function _e(r, o) {
     if (u && r === "next") {
-      const a = s.current + P();
+      const a = s.current + I();
       return a > D() ? D() : a;
     }
     if (u && r === "prev") {
-      const a = s.current - P();
+      const a = s.current - I();
       return a < 0 ? 0 : a;
     }
-    return r === "next" ? typeof o == "number" ? -(o * P()) : s.current - P() : typeof o == "number" ? -(o * P()) : s.current + P();
+    return r === "next" ? typeof o == "number" ? -(o * I()) : s.current - I() : typeof o == "number" ? -(o * I()) : s.current + I();
   }
   function se({ type: r, index: o, immediate: a }) {
     if (!p || K.current || b.current && !l)
       return;
     x.current && (me.current = "backward"), J.current = "prev", x.current = !1;
-    const _ = typeof o == "number" ? o : W.current - 1;
-    if (u && Fe(), !l) {
-      const z = u ? we("prev", o) - P() / 3 < 0 : we("prev", o) + P() / 3 > 0;
+    const P = typeof o == "number" ? o : W.current - 1;
+    if (u && je(), !l) {
+      const z = u ? _e("prev", o) - I() / 3 < 0 : _e("prev", o) + I() / 3 > 0;
       if (b.current)
         return;
       if (z) {
@@ -1027,21 +1027,21 @@ function Nr({
         return;
       }
     }
-    if (l && (b.current || _ < 0)) {
+    if (l && (b.current || P < 0)) {
       b.current = !1, x.current = !0, ce({
         slideMode: r,
-        from: Q() - P() * i.length,
-        to: -(P() * i.length) + P(),
+        from: Q() - I() * i.length,
+        to: -(I() * i.length) + I(),
         nextActiveItem: i.length - 1,
         immediate: a
       });
       return;
     }
-    _ === 0 && (b.current = !0), (_ === i.length - 1 || _ === -1) && (x.current = !0), ce({
+    P === 0 && (b.current = !0), (P === i.length - 1 || P === -1) && (x.current = !0), ce({
       slideMode: r,
       from: Q(),
-      to: we("prev", o),
-      nextActiveItem: _,
+      to: _e("prev", o),
+      nextActiveItem: P,
       immediate: a
     });
   }
@@ -1049,9 +1049,9 @@ function Nr({
     if (!p || K.current || x.current && !l)
       return;
     b.current && (me.current = "forward"), J.current = "next", b.current = !1;
-    const _ = o || W.current + 1;
-    if (u && Fe(), !l) {
-      const z = Math.abs(we("next", o)) > D() - P() / 3;
+    const P = o || W.current + 1;
+    if (u && je(), !l) {
+      const z = Math.abs(_e("next", o)) > D() - I() / 3;
       if (x.current)
         return;
       if (z) {
@@ -1059,39 +1059,39 @@ function Nr({
           slideMode: r,
           from: Q(),
           to: u ? D() : -D(),
-          nextActiveItem: _,
+          nextActiveItem: P,
           immediate: a
         });
         return;
       }
     }
-    if (l && (x.current || _ > i.length - 1)) {
+    if (l && (x.current || P > i.length - 1)) {
       x.current = !1, b.current = !0, ce({
         slideMode: r,
-        from: Q() + P() * i.length,
+        from: Q() + I() * i.length,
         to: 0,
         nextActiveItem: 0,
         immediate: a
       });
       return;
     }
-    _ === 0 && (b.current = !0), _ === i.length - 1 && (x.current = !0), ce({
+    P === 0 && (b.current = !0), P === i.length - 1 && (x.current = !0), ce({
       slideMode: r,
       from: Q(),
-      to: we("next", o),
-      nextActiveItem: _,
+      to: _e("next", o),
+      nextActiveItem: P,
       immediate: a
     });
   }
   function Ce() {
-    H ? oe.current = H : oe.current = Math.floor(P() / 2 / 2);
+    L ? oe.current = L : oe.current = Math.floor(I() / 2 / 2);
   }
   function Ke() {
-    S.current && (pe.current = D(), k.current = l, te.current = v, ne.current = u, g.current = window.innerWidth, s.current = 0, Ye({ id: 0, immediate: !0, shouldReset: !0 }), Ce(), ye());
+    V.current && (pe.current = D(), k.current = l, te.current = v, ne.current = u, g.current = window.innerWidth, s.current = 0, Ye({ id: 0, immediate: !0, shouldReset: !0 }), Ce(), ye());
   }
   const Ze = hr(
     (r) => {
-      const o = r.dragging, a = r.offset[d === "x" ? 0 : 1], _ = r.movement[d === "x" ? 0 : 1], z = r.direction[d === "x" ? 0 : 1], fe = _ > oe.current, de = _ < -oe.current, rr = D(), ie = r.velocity;
+      const o = r.dragging, a = r.offset[d === "x" ? 0 : 1], P = r.movement[d === "x" ? 0 : 1], z = r.direction[d === "x" ? 0 : 1], fe = P > oe.current, de = P < -oe.current, rr = D(), ie = r.velocity;
       if (o) {
         if (z > 0 ? J.current = "prev" : J.current = "next", ue({
           ...r,
@@ -1136,7 +1136,7 @@ function Nr({
             friction: 50,
             tension: 1e3
           }
-        }), I && de ? (le({ type: "drag" }), r.cancel()) : I && fe && (se({ type: "drag" }), r.cancel()), rr - Math.abs(a) < -(P() * 2) && r.cancel();
+        }), C && de ? (le({ type: "drag" }), r.cancel()) : C && fe && (se({ type: "drag" }), r.cancel()), rr - Math.abs(a) < -(I() * 2) && r.cancel();
         return;
       }
       if (r.last && u && a > 0) {
@@ -1190,33 +1190,33 @@ function Nr({
       ] : d === "x" ? [Z.val.get(), Z.val.get()] : [Z.val.get(), Z.val.get()]
     }
   );
-  function Ve() {
+  function Se() {
     return u ? d === "x" ? {
       overflowX: "auto"
     } : {
       overflowY: "auto"
     } : {};
   }
-  function Fe() {
+  function je() {
     R.current && (s.current = R.current[d === "x" ? "scrollLeft" : "scrollTop"], R.current[d === "x" ? "scrollLeft" : "scrollTop"] === 0 && (b.current = !0, x.current = !1), R.current[d === "x" ? "scrollLeft" : "scrollTop"] > 0 && R.current[d === "x" ? "scrollLeft" : "scrollTop"] < D() && (b.current = !1, x.current = !1), R.current[d === "x" ? "scrollLeft" : "scrollTop"] === D() && (b.current = !1, x.current = !0));
   }
   function er() {
     return u ? {
       onWheel() {
-        Z.val.stop(), Fe();
+        Z.val.stop(), je();
       }
     } : {};
   }
   function be(r, o) {
     let a = 0;
-    if (typeof r == "string" ? a = i.findIndex((_) => _.id === r) : a = r, a < 0 || a >= i.length) {
+    if (typeof r == "string" ? a = i.findIndex((P) => P.id === r) : a = r, a < 0 || a >= i.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 Ye({ id: r, immediate: o, shouldReset: a, type: _ }) {
+  function Ye({ id: r, immediate: o, shouldReset: a, type: P }) {
     if (!p || K.current)
       return;
     b.current = !1, x.current = !1;
@@ -1228,11 +1228,11 @@ function Nr({
       return;
     const fe = be(i[W.current].id), de = be(i[z].id);
     de > fe ? le({
-      type: _ || a ? "initial" : "click",
+      type: P || a ? "initial" : "click",
       index: de,
       immediate: o
     }) : se({
-      type: _ || a ? "initial" : "click",
+      type: P || a ? "initial" : "click",
       index: de,
       immediate: o
     });
@@ -1253,7 +1253,7 @@ function Nr({
   }
   const Oe = u ? {
     useListenToCustomEvent: ge,
-    enterFullscreen: Se,
+    enterFullscreen: Ve,
     exitFullscreen: ze,
     getIsFullscreen: Xe,
     slideToPrevItem: (r = !0) => {
@@ -1270,7 +1270,7 @@ function Nr({
     }
   } : {
     useListenToCustomEvent: ge,
-    enterFullscreen: Se,
+    enterFullscreen: Ve,
     exitFullscreen: ze,
     getIsFullscreen: Xe,
     slideToPrevItem: (r = !0) => {
@@ -1293,23 +1293,23 @@ function Nr({
     getIsActiveItem: qe
   };
   Rr(() => {
-    S.current && p && (re.current = !0, Ke());
+    V.current && p && (re.current = !0, Ke());
   }, [p]), he(() => {
-    W.current !== j && (re.current = !0, Ye({
-      id: j,
-      immediate: !F
+    W.current !== F && (re.current = !0, Ye({
+      id: F,
+      immediate: !j
     }));
-  }, [j]), he(() => {
+  }, [F]), he(() => {
     if (p) {
-      if (j > i.length - 1)
+      if (F > i.length - 1)
         throw new Error(
-          `initialActiveItem (${j}) is greater than the total quantity available items (${i.length}).`
+          `initialActiveItem (${F}) is greater than the total quantity available items (${i.length}).`
         );
       q > i.length && console.warn(
         `itemsPerSlide (${q}) is greater than the total quantity available items (${i.length}). Fallback to ${i.length})`
       );
     }
-  }, [j, i.length, q, p]), he(() => {
+  }, [F, i.length, q, p]), he(() => {
     g.current = window.innerWidth;
   }, []), he(() => {
     if (p) {
@@ -1364,7 +1364,7 @@ function Nr({
       };
     }
   }, [ye, D]);
-  const xe = /* @__PURE__ */ L.jsx(ir.Provider, { value: Oe, children: Pe }), He = /* @__PURE__ */ L.jsx(ir.Provider, { value: Oe, children: /* @__PURE__ */ L.jsx(
+  const xe = /* @__PURE__ */ H.jsx(ir.Provider, { value: Oe, children: Pe }), He = /* @__PURE__ */ H.jsx(ir.Provider, { value: Oe, children: /* @__PURE__ */ H.jsx(
     "div",
     {
       className: "use-spring-carousel-main-wrapper",
@@ -1375,23 +1375,23 @@ function Nr({
         position: "relative",
         width: "100%",
         height: "100%",
-        ...Ve()
+        ...Se()
       },
-      children: /* @__PURE__ */ L.jsxs(
+      children: /* @__PURE__ */ H.jsxs(
         "div",
         {
           className: "use-spring-carousel-track-wrapper",
-          ref: S,
+          ref: V,
           ...Ze(),
           style: {
             position: "relative",
             display: "flex",
             flexDirection: d === "x" ? "row" : "column",
             touchAction: Le(),
-            ...je()
+            ...Fe()
           },
           children: [
-            (u || !l) && f ? /* @__PURE__ */ L.jsx(
+            (u || !l) && f ? /* @__PURE__ */ H.jsx(
               "div",
               {
                 style: {
@@ -1400,46 +1400,30 @@ function Nr({
                 }
               }
             ) : null,
-            Ie.map((r, o) => {
-              const a = {
-                display: "flex",
-                position: "relative",
-                ...v === "fixed" ? { flex: "1" } : {},
-                ...ke(
-                  o === Ie.findIndex(
-                    (_) => _.id === Ie[Ie.length - 1].id
+            Ie.map((r, o) => /* @__PURE__ */ H.jsx(Er, { children: /* @__PURE__ */ H.jsx(
+              "div",
+              {
+                className: "use-spring-carousel-item",
+                "data-testid": "use-spring-carousel-item-wrapper",
+                style: {
+                  display: "flex",
+                  position: "relative",
+                  ...v === "fixed" ? { flex: "1" } : {},
+                  ...ke(
+                    o === Ie.findIndex(
+                      (a) => a.id === Ie[Ie.length - 1].id
+                    )
                   )
-                )
-              };
-              return /* @__PURE__ */ L.jsxs(Er, { children: [
-                /* @__PURE__ */ L.jsx(
-                  "style",
-                  {
-                    dangerouslySetInnerHTML: {
-                      __html: `
-                        .use-spring-carousel-item {
-                          ${Object.entries(a).map(([_, z]) => `${_}:${z}`).join(";")}
-                        }  
-                    `.trim()
-                    }
-                  }
-                ),
-                /* @__PURE__ */ L.jsx(
-                  "div",
-                  {
-                    className: "use-spring-carousel-item",
-                    "data-testid": "use-spring-carousel-item-wrapper",
-                    children: typeof r.renderItem == "function" ? r.renderItem({
-                      getIsActiveItem: qe,
-                      getIsNextItem: Ue,
-                      getIsPrevItem: Be,
-                      useListenToCustomEvent: ge
-                    }) : r.renderItem
-                  }
-                )
-              ] }, `${r.id}-${o}`);
-            }),
-            (u || !l) && f ? /* @__PURE__ */ L.jsx(
+                },
+                children: typeof r.renderItem == "function" ? r.renderItem({
+                  getIsActiveItem: qe,
+                  getIsNextItem: Ue,
+                  getIsPrevItem: Be,
+                  useListenToCustomEvent: ge
+                }) : r.renderItem
+              }
+            ) }, `${r.id}-${o}`)),
+            (u || !l) && f ? /* @__PURE__ */ H.jsx(
               "div",
               {
                 style: {
@@ -1456,7 +1440,7 @@ function Nr({
   return { ...Oe, carouselFragment: He, thumbsFragment: xe };
 }
 const ir = fr(void 0);
-function Sr() {
+function Vr() {
   const i = dr(ir);
   if (!i)
     throw new Error("useSpringCarouselContext must be used within the carousel.");
@@ -1480,7 +1464,7 @@ const Me = {
     position: "absolute"
   }
 };
-function Vr({
+function Sr({
   init: i = !0,
   disableGestures: p = !1,
   items: y,
@@ -1492,15 +1476,15 @@ function Vr({
   toPrevItemSpringProps: f = Me,
   toNextItemSpringProps: d = Me,
   draggingSlideTreshold: M = 50,
-  thumbsSlideAxis: H = "x"
+  thumbsSlideAxis: L = "x"
 }) {
-  const I = O("next"), u = O("initial"), U = O(null), [T, ae] = Tr(l ?? 0), { emitEvent: j, useListenToCustomEvent: F } = mr(), { handleScroll: G, thumbsFragment: Ne } = pr({
-    thumbsSlideAxis: H,
+  const C = O("next"), u = O("initial"), U = O(null), [T, ae] = Tr(l ?? 0), { emitEvent: F, useListenToCustomEvent: j } = mr(), { handleScroll: G, thumbsFragment: Ne } = pr({
+    thumbsSlideAxis: L,
     items: y,
     renderThumbFnProps: {
       getIsNextItem: W,
       getIsPrevItem: b,
-      useListenToCustomEvent: F,
+      useListenToCustomEvent: j,
       activeItem: {
         index: T,
         id: y[T].id
@@ -1508,7 +1492,7 @@ function Vr({
     }
   });
   function ee() {
-    return I.current === "prev" ? {
+    return C.current === "prev" ? {
       initial: {
         ...f.initial
       },
@@ -1521,7 +1505,7 @@ function Vr({
       leave: {
         ...f.leave
       }
-    } : I.current === "next" ? {
+    } : C.current === "next" ? {
       initial: {
         ...d.initial
       },
@@ -1553,9 +1537,9 @@ function Vr({
     typeof l == "number" && l !== T && ae(l);
   }, [l]);
   function q({ to: g, slideType: s, slideMode: k }) {
-    I.current = s, u.current = k, j({
+    C.current = s, u.current = k, F({
       eventName: "onSlideStartChange",
-      slideActionType: I.current,
+      slideActionType: C.current,
       slideMode: u.current,
       nextItem: {
         index: g,
@@ -1593,16 +1577,16 @@ function Vr({
       slideMode: g
     });
   }
-  const J = _r(T, {
+  const J = wr(T, {
     config: $,
     key: null,
     trail: v,
     exitBeforeEnter: Y,
     ...ee(),
     onRest(g, s, k) {
-      g.finished && k === T && j({
+      g.finished && k === T && F({
         eventName: "onSlideChange",
-        slideActionType: I.current,
+        slideActionType: C.current,
         slideMode: u.current,
         currentItem: {
           index: T,
@@ -1619,13 +1603,13 @@ function Vr({
         if (te) {
           if (!w && K)
             return;
-          j({
+          F({
             eventName: "onLeftSwipe"
           }), oe("swipe");
         } else if (k) {
           if (!w && ne)
             return;
-          j({
+          F({
             eventName: "onRightSwipe"
           }), re("swipe");
         }
@@ -1654,8 +1638,8 @@ function Vr({
   }
   const x = J((g, s, k, te) => {
     const ne = y[s].renderItem;
-    return /* @__PURE__ */ L.jsx(
-      wr.div,
+    return /* @__PURE__ */ H.jsx(
+      _r.div,
       {
         id: `use-transition-carousel-item-${te}`,
         className: "use-transition-carousel-item",
@@ -1666,7 +1650,7 @@ function Vr({
           height: "100%"
         },
         children: typeof ne == "function" ? ne({
-          useListenToCustomEvent: F,
+          useListenToCustomEvent: j,
           getIsNextItem: W,
           getIsPrevItem: b,
           activeItem: {
@@ -1677,10 +1661,10 @@ function Vr({
       }
     );
   }), R = {
-    useListenToCustomEvent: F,
+    useListenToCustomEvent: j,
     slideToPrevItem: () => re("click"),
     slideToNextItem: () => oe("click")
-  }, S = /* @__PURE__ */ L.jsx(ar.Provider, { value: R, children: Ne }), pe = /* @__PURE__ */ L.jsx(ar.Provider, { value: R, children: /* @__PURE__ */ L.jsx(
+  }, V = /* @__PURE__ */ H.jsx(ar.Provider, { value: R, children: Ne }), pe = /* @__PURE__ */ H.jsx(ar.Provider, { value: R, children: /* @__PURE__ */ H.jsx(
     "div",
     {
       ref: U,
@@ -1698,7 +1682,7 @@ function Vr({
   return {
     ...R,
     carouselFragment: pe,
-    thumbsFragment: S
+    thumbsFragment: V
   };
 }
 const ar = fr(void 0);
@@ -1710,8 +1694,8 @@ function Yr() {
 }
 export {
   Nr as useSpringCarousel,
-  Sr as useSpringCarouselContext,
-  Vr as useTransitionCarousel,
+  Vr as useSpringCarouselContext,
+  Sr as useTransitionCarousel,
   Yr as useTransitionCarouselContext
 };
 //# sourceMappingURL=index.es.js.map