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

package/dist/index.es.js

@@ -1,16 +1,16 @@
-import lr, { useRef as $, useEffect as de, createContext as fr, useCallback as Oe, useContext as dr, useState as Er } from "react";
-import { useSpring as vr, config as De, useIsomorphicLayoutEffect as Tr, useTransition as Rr, a as wr } from "@react-spring/web";
+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 { useDrag as hr } from "@use-gesture/react";
-import _r from "resize-observer-polyfill";
-import Re from "screenfull";
-var A = {}, Cr = {
+import Cr from "resize-observer-polyfill";
+import Ee from "screenfull";
+var L = {}, Ir = {
   get exports() {
-    return A;
+    return L;
   },
-  set exports(n) {
-    A = n;
+  set exports(i) {
+    L = i;
   }
-}, Be = {};
+}, Ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -21,24 +21,24 @@ var A = {}, Cr = {
  * LICENSE file in the root directory of this source tree.
  */
 var cr;
-function Ir() {
+function Pr() {
   if (cr)
-    return Be;
+    return Ae;
   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 };
-  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);
-    for (W in f)
-      D.call(f, W) && !v.hasOwnProperty(W) && (q[W] = f[W]);
+  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);
+    for (M in f)
+      $.call(f, M) && !v.hasOwnProperty(M) && (H[M] = f[M]);
     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 };
+      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 };
   }
-  return Be.Fragment = y, Be.jsx = T, Be.jsxs = T, Be;
+  return Ae.Fragment = y, Ae.jsx = w, Ae.jsxs = w, Ae;
 }
-var qe = {};
+var Je = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -49,61 +49,61 @@ var qe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var sr;
-function Pr() {
+function kr() {
   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 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";
     function ae(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = U && e[U] || e[x];
+      var t = U && e[U] || e[T];
       return typeof t == "function" ? t : null;
     }
-    var j = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function O(e) {
+    var j = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function F(e) {
       {
-        for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
-          i[s - 1] = arguments[s];
-        ee("error", e, i);
+        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), c = 1; c < t; c++)
+          n[c - 1] = arguments[c];
+        G("error", e, n);
       }
     }
-    function ee(e, t, i) {
+    function G(e, t, n) {
       {
-        var s = j.ReactDebugCurrentFrame, b = s.getStackAddendum();
-        b !== "" && (t += "%s", i = i.concat([b]));
-        var w = i.map(function(p) {
-          return String(p);
+        var c = j.ReactDebugCurrentFrame, E = c.getStackAddendum();
+        E !== "" && (t += "%s", n = n.concat([E]));
+        var C = n.map(function(m) {
+          return String(m);
         });
-        w.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, w);
+        C.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var re = !1, J = !1, Z = !1, oe = !1, z = !1, ve;
-    ve = Symbol.for("react.module.reference");
-    function we(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === D || e === v || z || e === Y || e === d || e === W || oe || e === u || re || J || Z || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === q || e.$$typeof === T || e.$$typeof === l || e.$$typeof === f || // This needs to include all possible module reference object
+    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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === ve || e.getModuleId !== void 0));
+      e.$$typeof === J || e.getModuleId !== void 0));
     }
-    function V(e, t, i) {
-      var s = e.displayName;
-      if (s)
-        return s;
-      var b = t.displayName || t.name || "";
-      return b !== "" ? i + "(" + b + ")" : i;
+    function me(e, t, n) {
+      var c = e.displayName;
+      if (c)
+        return c;
+      var E = t.displayName || t.name || "";
+      return E !== "" ? n + "(" + E + ")" : n;
     }
-    function I(e) {
+    function W(e) {
       return e.displayName || "Context";
     }
-    function m(e) {
+    function b(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")
+      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")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case D:
+        case $:
           return "Fragment";
         case y:
           return "Portal";
@@ -113,26 +113,26 @@ function Pr() {
           return "StrictMode";
         case d:
           return "Suspense";
-        case W:
+        case M:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case l:
             var t = e;
-            return I(t) + ".Consumer";
-          case T:
-            var i = e;
-            return I(i._context) + ".Provider";
+            return W(t) + ".Consumer";
+          case w:
+            var n = e;
+            return W(n._context) + ".Provider";
           case f:
-            return V(e, e.render, "ForwardRef");
-          case q:
-            var s = e.displayName || null;
-            return s !== null ? s : m(e.type) || "Memo";
-          case _: {
-            var b = e, w = b._payload, p = b._init;
+            return me(e, e.render, "ForwardRef");
+          case H:
+            var c = e.displayName || null;
+            return c !== null ? c : b(e.type) || "Memo";
+          case I: {
+            var E = e, C = E._payload, m = E._init;
             try {
-              return m(p(w));
+              return b(m(C));
             } catch {
               return null;
             }
@@ -140,18 +140,18 @@ function Pr() {
         }
       return null;
     }
-    var E = Object.assign, P = 0, he, me, c, R, F, te, L;
-    function Me() {
+    var x = Object.assign, R = 0, S, pe, g, s, k, te, ne;
+    function K() {
     }
-    Me.__reactDisabledLog = !0;
-    function Pe() {
+    K.__reactDisabledLog = !0;
+    function or() {
       {
-        if (P === 0) {
-          he = console.log, me = console.info, c = console.warn, R = console.error, F = console.group, te = console.groupCollapsed, L = console.groupEnd;
+        if (R === 0) {
+          S = 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,
-            value: Me,
+            value: K,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -164,208 +164,208 @@ function Pr() {
             groupEnd: e
           });
         }
-        P++;
+        R++;
       }
     }
-    function ue() {
+    function Ie() {
       {
-        if (P--, P === 0) {
+        if (R--, R === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: E({}, e, {
-              value: he
+            log: x({}, e, {
+              value: S
             }),
-            info: E({}, e, {
-              value: me
+            info: x({}, e, {
+              value: pe
             }),
-            warn: E({}, e, {
-              value: c
+            warn: x({}, e, {
+              value: g
             }),
-            error: E({}, e, {
-              value: R
+            error: x({}, e, {
+              value: s
             }),
-            group: E({}, e, {
-              value: F
+            group: x({}, e, {
+              value: k
             }),
-            groupCollapsed: E({}, e, {
+            groupCollapsed: x({}, e, {
               value: te
             }),
-            groupEnd: E({}, e, {
-              value: L
+            groupEnd: x({}, e, {
+              value: ne
             })
           });
         }
-        P < 0 && O("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        R < 0 && F("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var B = j.ReactCurrentDispatcher, pe;
-    function ce(e, t, i) {
+    var Z = j.ReactCurrentDispatcher, B;
+    function ue(e, t, n) {
       {
-        if (pe === void 0)
+        if (B === void 0)
           try {
             throw Error();
-          } catch (b) {
-            var s = b.stack.trim().match(/\n( *(at )?)/);
-            pe = s && s[1] || "";
+          } catch (E) {
+            var c = E.stack.trim().match(/\n( *(at )?)/);
+            B = c && c[1] || "";
           }
         return `
-` + pe + e;
+` + B + e;
       }
     }
-    var We = !1, ke;
+    var ge = !1, Pe;
     {
-      var Le = typeof WeakMap == "function" ? WeakMap : Map;
-      ke = new Le();
+      var Qe = typeof WeakMap == "function" ? WeakMap : Map;
+      Pe = new Qe();
     }
-    function Ne(e, t) {
-      if (!e || We)
+    function Se(e, t) {
+      if (!e || ge)
         return "";
       {
-        var i = ke.get(e);
-        if (i !== void 0)
-          return i;
+        var n = Pe.get(e);
+        if (n !== void 0)
+          return n;
       }
-      var s;
-      We = !0;
-      var b = Error.prepareStackTrace;
+      var c;
+      ge = !0;
+      var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var w;
-      w = B.current, B.current = null, Pe();
+      var C;
+      C = Z.current, Z.current = null, or();
       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, []);
-            } catch (fe) {
-              s = fe;
+              Reflect.construct(m, []);
+            } catch (ve) {
+              c = ve;
             }
-            Reflect.construct(e, [], p);
+            Reflect.construct(e, [], m);
           } else {
             try {
-              p.call();
-            } catch (fe) {
-              s = fe;
+              m.call();
+            } catch (ve) {
+              c = ve;
             }
-            e.call(p.prototype);
+            e.call(m.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (fe) {
-            s = fe;
+          } catch (ve) {
+            c = ve;
           }
           e();
         }
-      } catch (fe) {
-        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)
+      } catch (ve) {
+        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)
                 do
-                  if (N--, S--, S < 0 || h[N] !== H[S]) {
-                    var Q = `
+                  if (N--, V--, V < 0 || h[N] !== A[V]) {
+                    var X = `
 ` + 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;
+                    return e.displayName && X.includes("<anonymous>") && (X = X.replace("<anonymous>", e.displayName)), typeof e == "function" && Pe.set(e, X), X;
                   }
-                while (N >= 1 && S >= 0);
+                while (N >= 1 && V >= 0);
               break;
             }
         }
       } finally {
-        We = !1, B.current = w, ue(), Error.prepareStackTrace = b;
+        ge = !1, Z.current = C, Ie(), Error.prepareStackTrace = E;
       }
-      var je = e ? e.displayName || e.name : "", ur = je ? ce(je) : "";
-      return typeof e == "function" && ke.set(e, ur), ur;
+      var $e = e ? e.displayName || e.name : "", ur = $e ? ue($e) : "";
+      return typeof e == "function" && Pe.set(e, ur), ur;
     }
-    function He(e, t, i) {
-      return Ne(e, !1);
+    function ze(e, t, n) {
+      return Se(e, !1);
     }
-    function Qe(e) {
+    function Xe(e) {
       var t = e.prototype;
       return !!(t && t.isReactComponent);
     }
-    function C(e, t, i) {
+    function ke(e, t, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ne(e, Qe(e));
+        return Se(e, Xe(e));
       if (typeof e == "string")
-        return ce(e);
+        return ue(e);
       switch (e) {
         case d:
-          return ce("Suspense");
-        case W:
-          return ce("SuspenseList");
+          return ue("Suspense");
+        case M:
+          return ue("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case f:
-            return He(e.render);
-          case q:
-            return C(e.type, t, i);
-          case _: {
-            var s = e, b = s._payload, w = s._init;
+            return ze(e.render);
+          case H:
+            return ke(e.type, t, n);
+          case I: {
+            var c = e, E = c._payload, C = c._init;
             try {
-              return C(w(b), t, i);
+              return ke(C(E), t, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var G = Object.prototype.hasOwnProperty, M = {}, Ae = j.ReactDebugCurrentFrame;
-    function ne(e) {
+    var P = Object.prototype.hasOwnProperty, ce = {}, D = j.ReactDebugCurrentFrame;
+    function je(e) {
       if (e) {
-        var t = e._owner, i = C(e.type, e._source, t ? t.type : null);
-        Ae.setExtraStackFrame(i);
+        var t = e._owner, n = ke(e.type, e._source, t ? t.type : null);
+        D.setExtraStackFrame(n);
       } else
-        Ae.setExtraStackFrame(null);
+        D.setExtraStackFrame(null);
     }
-    function _e(e, t, i, s, b) {
+    function Re(e, t, n, c, E) {
       {
-        var w = Function.call.bind(G);
-        for (var p in e)
-          if (w(e, p)) {
+        var C = Function.call.bind(P);
+        for (var m in e)
+          if (C(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`.");
-                throw H.name = "Invariant Violation", H;
+              if (typeof e[m] != "function") {
+                var A = Error((c || "React class") + ": " + n + " 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 A.name = "Invariant Violation", A;
               }
-              h = e[p](t, p, s, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              h = e[m](t, m, c, n, 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) && (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));
           }
       }
     }
-    var Fe = Array.isArray;
-    function X(e) {
-      return Fe(e);
+    var _e = Array.isArray;
+    function ye(e) {
+      return _e(e);
     }
-    function Ce(e) {
+    function Q(e) {
       {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, i = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i;
+        var t = typeof Symbol == "function" && Symbol.toStringTag, n = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n;
       }
     }
-    function ge(e) {
+    function we(e) {
       try {
         return se(e), !1;
       } catch {
@@ -375,72 +375,72 @@ function Pr() {
     function se(e) {
       return "" + e;
     }
-    function Je(e) {
-      if (ge(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);
+    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);
     }
-    var ye = j.ReactCurrentOwner, ir = {
+    var Ce = j.ReactCurrentOwner, Ke = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ze, Xe, be;
-    be = {};
-    function Ge(e) {
-      if (G.call(e, "ref")) {
+    }, Ge, Ze, Ve;
+    Ve = {};
+    function Fe(e) {
+      if (P.call(e, "ref")) {
         var t = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (t && t.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function xe(e) {
-      if (G.call(e, "key")) {
+    function er(e) {
+      if (P.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Ve(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);
+    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);
       }
     }
-    function Se(e, t) {
+    function Ye(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));
+        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));
         };
-        i.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: i,
+        n.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: n,
           configurable: !0
         });
       }
     }
-    function Ye(e, t) {
+    function Ue(e, t) {
       {
-        var i = function() {
-          Xe || (Xe = !0, O("%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));
+        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));
         };
-        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: i,
+        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: n,
           configurable: !0
         });
       }
     }
-    var Ue = function(e, t, i, s, b, w, p) {
+    var Be = function(e, t, n, c, E, C, 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,
+        ref: n,
+        props: m,
         // Record the component responsible for creating this element.
-        _owner: w
+        _owner: C
       };
       return h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
@@ -451,49 +451,49 @@ function Pr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: s
+        value: c
       }), Object.defineProperty(h, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
+        value: E
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     };
-    function er(e, t, i, s, b) {
+    function qe(e, t, n, c, E) {
       {
-        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));
-        for (w in t)
-          G.call(t, w) && !ir.hasOwnProperty(w) && (p[w] = t[w]);
+        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]);
         if (e && e.defaultProps) {
           var N = e.defaultProps;
-          for (w in N)
-            p[w] === void 0 && (p[w] = N[w]);
+          for (C in N)
+            m[C] === void 0 && (m[C] = N[C]);
         }
-        if (h || H) {
-          var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && Se(p, S), H && Ye(p, S);
+        if (h || A) {
+          var V = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          h && Ye(m, V), A && Ue(m, V);
         }
-        return Ue(e, h, H, b, s, ye.current, p);
+        return Be(e, h, A, E, c, Ce.current, m);
       }
     }
-    var Ie = j.ReactCurrentOwner, Ke = j.ReactDebugCurrentFrame;
-    function Ee(e) {
+    var Le = j.ReactCurrentOwner, Oe = j.ReactDebugCurrentFrame;
+    function xe(e) {
       if (e) {
-        var t = e._owner, i = C(e.type, e._source, t ? t.type : null);
-        Ke.setExtraStackFrame(i);
+        var t = e._owner, n = ke(e.type, e._source, t ? t.type : null);
+        Oe.setExtraStackFrame(n);
       } else
-        Ke.setExtraStackFrame(null);
+        Oe.setExtraStackFrame(null);
     }
-    var r;
-    r = !1;
-    function o(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === g;
+    var He;
+    He = !1;
+    function r(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === p;
     }
-    function a() {
+    function o() {
       {
-        if (Ie.current) {
-          var e = m(Ie.current.type);
+        if (Le.current) {
+          var e = b(Le.current.type);
           if (e)
             return `
 
@@ -502,229 +502,229 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function k(e) {
+    function a(e) {
       {
         if (e !== void 0) {
-          var t = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
+          var t = e.fileName.replace(/^.*[\\\/]/, ""), n = e.lineNumber;
           return `
 
-Check your code at ` + t + ":" + i + ".";
+Check your code at ` + t + ":" + n + ".";
         }
         return "";
       }
     }
-    var K = {};
-    function Te(e) {
+    var _ = {};
+    function z(e) {
       {
-        var t = a();
+        var t = o();
         if (!t) {
-          var i = typeof e == "string" ? e : e.displayName || e.name;
-          i && (t = `
+          var n = typeof e == "string" ? e : e.displayName || e.name;
+          n && (t = `
 
-Check the top-level render call using <` + i + ">.");
+Check the top-level render call using <` + n + ">.");
         }
         return t;
       }
     }
-    function le(e, t) {
+    function fe(e, t) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var i = Te(t);
-        if (K[i])
+        var n = z(t);
+        if (_[n])
           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);
+        _[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);
       }
     }
-    function Ze(e, t) {
+    function de(e, t) {
       {
         if (typeof e != "object")
           return;
-        if (X(e))
-          for (var i = 0; i < e.length; i++) {
-            var s = e[i];
-            o(s) && le(s, t);
+        if (ye(e))
+          for (var n = 0; n < e.length; n++) {
+            var c = e[n];
+            r(c) && fe(c, t);
           }
-        else if (o(e))
+        else if (r(e))
           e._store && (e._store.validated = !0);
         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);
+          var E = ae(e);
+          if (typeof E == "function" && E !== e.entries)
+            for (var C = E.call(e), m; !(m = C.next()).done; )
+              r(m.value) && fe(m.value, t);
         }
       }
     }
-    function ie(e) {
+    function rr(e) {
       {
         var t = e.type;
         if (t == null || typeof t == "string")
           return;
-        var i;
+        var n;
         if (typeof t == "function")
-          i = t.propTypes;
+          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 === q))
-          i = t.propTypes;
+        t.$$typeof === H))
+          n = t.propTypes;
         else
           return;
-        if (i) {
-          var s = m(t);
-          _e(i, e.props, "prop", s, e);
-        } else if (t.PropTypes !== void 0 && !r) {
-          r = !0;
-          var b = m(t);
-          O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+        if (n) {
+          var c = b(t);
+          Re(n, e.props, "prop", c, e);
+        } 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");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && F("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ar(e) {
+    function ie(e) {
       {
-        for (var t = Object.keys(e.props), i = 0; i < t.length; i++) {
-          var s = t[i];
-          if (s !== "children" && s !== "key") {
-            Ee(e), O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), Ee(null);
+        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);
             break;
           }
         }
-        e.ref !== null && (Ee(e), O("Invalid attribute `ref` supplied to `React.Fragment`."), Ee(null));
+        e.ref !== null && (xe(e), F("Invalid attribute `ref` supplied to `React.Fragment`."), xe(null));
       }
     }
-    function or(e, t, i, s, b, w) {
+    function tr(e, t, n, c, E, C) {
       {
-        var p = we(e);
-        if (!p) {
+        var m = Te(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 A = a(E);
+          A ? h += A : h += o();
           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" : 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);
         }
-        var S = er(e, t, i, b, w);
-        if (S == null)
-          return S;
-        if (p) {
-          var Q = t.children;
-          if (Q !== void 0)
-            if (s)
-              if (X(Q)) {
-                for (var je = 0; je < Q.length; je++)
-                  Ze(Q[je], e);
-                Object.freeze && Object.freeze(Q);
+        var V = qe(e, t, n, E, C);
+        if (V == null)
+          return V;
+        if (m) {
+          var X = t.children;
+          if (X !== void 0)
+            if (c)
+              if (ye(X)) {
+                for (var $e = 0; $e < X.length; $e++)
+                  de(X[$e], e);
+                Object.freeze && Object.freeze(X);
               } else
-                O("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                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.");
             else
-              Ze(Q, e);
+              de(X, e);
         }
-        return e === D ? ar(S) : ie(S), S;
+        return e === $ ? ie(V) : rr(V), V;
       }
     }
-    function gr(e, t, i) {
-      return or(e, t, i, !0);
+    function gr(e, t, n) {
+      return tr(e, t, n, !0);
     }
-    function yr(e, t, i) {
-      return or(e, t, i, !1);
+    function yr(e, t, n) {
+      return tr(e, t, n, !1);
     }
     var br = yr, xr = gr;
-    qe.Fragment = D, qe.jsx = br, qe.jsxs = xr;
-  }()), qe;
+    Je.Fragment = $, Je.jsx = br, Je.jsxs = xr;
+  }()), Je;
 }
-(function(n) {
-  process.env.NODE_ENV === "production" ? n.exports = Ir() : n.exports = Pr();
-})(Cr);
-const rr = "RSC::Event";
+(function(i) {
+  process.env.NODE_ENV === "production" ? i.exports = Pr() : i.exports = kr();
+})(Ir);
+const nr = "RSC::Event";
 function mr() {
-  const n = $(null);
-  function g(D) {
-    de(() => {
-      n.current || (n.current = document.createElement("div"));
+  const i = O(null);
+  function p($) {
+    he(() => {
+      i.current || (i.current = document.createElement("div"));
       function Y(v) {
-        D(v.detail);
+        $(v.detail);
       }
-      if (n.current)
-        return n.current.addEventListener(rr, Y, !1), () => {
+      if (i.current)
+        return i.current.addEventListener(nr, Y, !1), () => {
           var v;
-          (v = n.current) == null || v.removeEventListener(rr, Y, !1);
+          (v = i.current) == null || v.removeEventListener(nr, Y, !1);
         };
-    }, [D]);
+    }, [$]);
   }
-  function y(D) {
-    if (n.current) {
-      const Y = new CustomEvent(rr, {
-        detail: D
+  function y($) {
+    if (i.current) {
+      const Y = new CustomEvent(nr, {
+        detail: $
       });
-      n.current.dispatchEvent(Y);
+      i.current.dispatchEvent(Y);
     }
   }
   return {
-    useListenToCustomEvent: g,
+    useListenToCustomEvent: p,
     emitEvent: y
   };
 }
-function kr({
-  mainCarouselWrapperRef: n,
-  onFullScreenChange: g,
+function jr({
+  mainCarouselWrapperRef: i,
+  onFullScreenChange: p,
   handleResize: y
 }) {
-  const D = $(!1);
-  de(() => {
+  const $ = O(!1);
+  he(() => {
     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), () => {
-        Re.isEnabled && Re.off("change", f);
+    if (Ee.isEnabled)
+      return Ee.on("change", f), () => {
+        Ee.isEnabled && Ee.off("change", f);
       };
   }, []);
   function Y(f) {
-    D.current = f;
+    $.current = f;
   }
   function v() {
-    return D.current;
+    return $.current;
   }
-  function T(f) {
-    Re.isEnabled && Re.request(f || n.current);
+  function w(f) {
+    Ee.isEnabled && Ee.request(f || i.current);
   }
   function l() {
-    Re.isEnabled && Re.exit();
+    Ee.isEnabled && Ee.exit();
   }
   return {
-    enterFullscreen: T,
+    enterFullscreen: w,
     exitFullscreen: l,
     getIsFullscreen: v
   };
 }
-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);
+function Fr(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);
 }
 function pr({
-  thumbsSlideAxis: n = "x",
-  withThumbs: g = !1,
+  thumbsSlideAxis: i = "x",
+  withThumbs: p = !1,
   prepareThumbsData: y,
-  items: D,
+  items: $,
   renderThumbFnProps: Y
 }) {
-  const v = $(null), [T, l] = vr(() => ({
+  const v = O(null), [w, l] = vr(() => ({
     val: 0
   }));
   function f() {
-    var _;
+    var I;
     return v.current ? Math.round(
-      Number((_ = v.current) == null ? void 0 : _[n === "x" ? "scrollWidth" : "scrollHeight"]) - v.current.getBoundingClientRect()[n === "x" ? "width" : "height"]
+      Number((I = v.current) == null ? void 0 : I[i === "x" ? "scrollWidth" : "scrollHeight"]) - v.current.getBoundingClientRect()[i === "x" ? "width" : "height"]
     ) : 0;
   }
-  function d(_) {
-    var x;
+  function d(I) {
+    var T;
     function u() {
       return v.current ? v.current.querySelector(
-        `#thumb-item-${D[_].id}`
+        `#thumb-item-${$[I].id}`
       ) : null;
     }
     const U = u();
@@ -732,158 +732,159 @@ function pr({
       const ae = U.offsetLeft, j = ae > f() ? f() : ae;
       l.start({
         from: {
-          val: ((x = v.current) == null ? void 0 : x[n === "x" ? "scrollLeft" : "scrollTop"]) ?? 0
+          val: ((T = v.current) == null ? void 0 : T[i === "x" ? "scrollLeft" : "scrollTop"]) ?? 0
         },
         to: {
           val: j
         },
-        onChange: ({ value: O }) => {
-          v.current && (v.current[n === "x" ? "scrollLeft" : "scrollTop"] = Math.abs(
-            O.val
+        onChange: ({ value: F }) => {
+          v.current && (v.current[i === "x" ? "scrollLeft" : "scrollTop"] = Math.abs(
+            F.val
           ));
         }
       });
     }
   }
-  function W() {
-    function _(u) {
+  function M() {
+    function I(u) {
       return u.map((U) => ({
         id: U.id,
         renderThumb: U.renderThumb
       }));
     }
-    return y ? y(_(D)) : _(D);
+    return y ? y(I($)) : I($);
   }
   return {
-    thumbsFragment: g ? /* @__PURE__ */ A.jsx(
+    thumbsFragment: p ? /* @__PURE__ */ L.jsx(
       "div",
       {
         className: "use-spring-carousel-thumbs-wrapper",
         ref: v,
-        onWheel: () => T.val.stop(),
+        onWheel: () => w.val.stop(),
         style: {
           display: "flex",
           flex: "1",
           position: "relative",
           width: "100%",
           height: "100%",
-          flexDirection: n === "x" ? "row" : "column",
-          ...n === "x" ? { overflowX: "auto" } : {
+          flexDirection: i === "x" ? "row" : "column",
+          ...i === "x" ? { overflowX: "auto" } : {
             overflowY: "auto",
             maxHeight: "100%"
           }
         },
-        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);
+        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);
         })
       }
     ) : null,
     handleScroll: d
   };
 }
-function Wr({
-  items: n,
-  init: g = !0,
+function Nr({
+  items: i,
+  init: p = !0,
   withThumbs: y,
-  thumbsSlideAxis: D = "x",
+  thumbsSlideAxis: $ = "x",
   itemsPerSlide: Y = 1,
   slideType: v = "fixed",
-  gutter: T = 0,
+  gutter: w = 0,
   withLoop: l = !1,
   startEndGutter: f = 0,
   carouselSlideAxis: d = "x",
-  disableGestures: W = !1,
-  draggingSlideTreshold: q,
-  slideWhenThresholdIsReached: _ = !1,
+  disableGestures: M = !1,
+  draggingSlideTreshold: H,
+  slideWhenThresholdIsReached: I = !1,
   freeScroll: u,
   enableFreeScrollDrag: U,
-  initialStartingPosition: x,
+  initialStartingPosition: T,
   prepareThumbsData: ae,
   initialActiveItem: j = 0,
-  animateWhenActiveItemChange: O = !0,
-  slideGroupOfItems: ee = !1,
-  slideAmount: re
+  animateWhenActiveItemChange: F = !0,
+  slideGroupOfItems: G = !1,
+  __unstable_stretch_tems__: Ne = !0,
+  slideAmount: ee
 }) {
-  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 ? [
-    ...n.map((r) => ({
+  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 ? [
+    ...i.map((r) => ({
       ...r,
       id: `prev-repeated-item-${r.id}`
     })),
-    ...n,
-    ...n.map((r) => ({
+    ...i,
+    ...i.map((r) => ({
       ...r,
       id: `next-repeated-item-${r.id}`
     }))
-  ] : [...n], [n, l])(), [ue, B] = vr(
+  ] : [...i], [i, l])(), [Z, B] = 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 && 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]
-  ), { emitEvent: pe, useListenToCustomEvent: ce } = mr(), { thumbsFragment: We, handleScroll: ke } = pr({
+  ), { emitEvent: ue, useListenToCustomEvent: ge } = mr(), { thumbsFragment: Pe, handleScroll: Qe } = pr({
     withThumbs: !!y,
-    thumbsSlideAxis: D,
+    thumbsSlideAxis: $,
     prepareThumbsData: ae,
-    items: n,
+    items: i,
     renderThumbFnProps: {
-      getIsActiveItem: Ue,
-      getIsPrevItem: Ye,
-      useListenToCustomEvent: ce,
-      getIsNextItem: Se
-    }
-  }), { enterFullscreen: Le, exitFullscreen: Ne, getIsFullscreen: He } = kr({
-    mainCarouselWrapperRef: E,
-    handleResize: () => Fe(),
+      getIsActiveItem: qe,
+      getIsPrevItem: Be,
+      useListenToCustomEvent: ge,
+      getIsNextItem: Ue
+    }
+  }), { enterFullscreen: Se, exitFullscreen: ze, getIsFullscreen: Xe } = jr({
+    mainCarouselWrapperRef: R,
+    handleResize: () => ye(),
     onFullScreenChange: (r) => {
-      pe({
+      ue({
         eventName: "onFullscreenChange",
         isFullscreen: r
       });
     }
   });
-  function Qe(r) {
+  function ke(r) {
     return v === "fixed" && !u ? {
-      marginRight: `${r ? 0 : T}px`,
-      flex: `1 0 calc(100% / ${J} - ${T * (J - 1) / J}px)`
+      marginRight: `${r ? 0 : w}px`,
+      flex: `${Ne ? "1" : "0"} 0 calc(100% / ${q} - ${w * (q - 1) / q}px)`
     } : {
-      marginRight: `${r ? 0 : T}px`
+      marginRight: `${r ? 0 : w}px`
     };
   }
-  const C = Oe(() => {
+  const P = De(() => {
     var a;
-    if (typeof re == "number" && re > 0 && (v === "fluid" || u))
-      return re;
-    const r = ee ? E.current : (a = E.current) == null ? void 0 : a.querySelector(".use-spring-carousel-item");
+    if (typeof ee == "number" && ee > 0 && (v === "fluid" || u))
+      return ee;
+    const r = G ? R.current : (a = R.current) == null ? void 0 : a.querySelector(".use-spring-carousel-item");
     if (!r)
       throw Error("No carousel items available!");
     let o = r.getBoundingClientRect()[d === "x" ? "width" : "height"];
-    return ee || (o += T), ee && (o += T - f * 2), o;
+    return G || (o += w), G && (o += w - f * 2), o;
   }, [
     d,
     u,
-    T,
-    re,
+    w,
     ee,
+    G,
     v,
     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({
+  function ce({ from: r, to: o, nextActiveItem: a, immediate: _ = !1, slideMode: z }) {
+    Te.current = z, typeof a == "number" && (u || (W.current = a), ue({
       eventName: "onSlideStartChange",
-      slideActionType: z.current,
-      slideMode: ve.current,
+      slideActionType: J.current,
+      slideMode: Te.current,
       nextItem: {
-        startReached: I.current,
-        endReached: m.current,
-        index: u ? -1 : V.current,
-        id: u ? "" : n[V.current].id
+        startReached: b.current,
+        endReached: x.current,
+        index: u ? -1 : W.current,
+        id: u ? "" : i[W.current].id
       }
-    })), c.current = o, B.start({
-      immediate: k,
+    })), s.current = o, B.start({
+      immediate: _,
       from: {
         val: r
       },
@@ -891,135 +892,134 @@ function Wr({
         val: o
       },
       config: {
-        ...De.default,
-        velocity: ue.val.velocity
+        ...We.default,
+        velocity: Z.val.velocity
       },
-      onRest(Te) {
-        !k && Te.finished && pe({
+      onRest(fe) {
+        !_ && fe.finished && ue({
           eventName: "onSlideChange",
-          slideActionType: z.current,
-          slideMode: ve.current,
+          slideActionType: J.current,
+          slideMode: Te.current,
           currentItem: {
-            startReached: I.current,
-            endReached: m.current,
-            index: u ? -1 : V.current,
-            id: u ? "" : n[V.current].id
+            startReached: b.current,
+            endReached: x.current,
+            index: u ? -1 : W.current,
+            id: u ? "" : i[W.current].id
           }
         });
       }
-    }), y && !k && ke(V.current);
+    }), y && !_ && Qe(W.current);
   }
-  const M = Oe(() => {
+  const D = De(() => {
     var r;
-    return P.current ? l ? C() * n.length : Math.round(
+    return S.current ? l ? P() * i.length : Math.round(
       Number(
-        (r = P.current) == null ? void 0 : r[d === "x" ? "scrollWidth" : "scrollHeight"]
-      ) - P.current.getBoundingClientRect()[d === "x" ? "width" : "height"] - f * 2
+        (r = S.current) == null ? void 0 : r[d === "x" ? "scrollWidth" : "scrollHeight"]
+      ) - S.current.getBoundingClientRect()[d === "x" ? "width" : "height"] - f * 2
     ) : 0;
-  }, [d, C, n.length, f, l]);
-  function Ae() {
+  }, [d, P, i.length, f, l]);
+  function je() {
     const r = `calc(100% - ${f * 2}px)`;
     return {
       width: d === "x" ? r : "100%",
       height: d === "y" ? r : "100%"
     };
   }
-  const ne = Oe(() => {
+  const Re = De(() => {
     var o;
-    const r = (o = P.current) == null ? void 0 : o.querySelector(".use-spring-carousel-item");
+    const r = (o = S.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"] + T;
-  }, [d, T]), _e = Oe(
+    return r.getBoundingClientRect()[d === "x" ? "width" : "height"] + w;
+  }, [d, w]), _e = De(
     (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"));
+      const o = d === "x" ? "left" : "top", a = S.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]
-  ), Fe = Oe(
+  ), ye = De(
     (r = !1) => {
-      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
+      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
       ), v === "fluid") {
-        if (_e(ne() * n.length), m.current && M() !== Math.abs(c.current) && !l) {
-          const o = -M();
-          c.current = o, B.start({
+        if (_e(Re() * i.length), x.current && D() !== Math.abs(s.current) && !l) {
+          const o = -D();
+          s.current = o, B.start({
             immediate: !0,
-            val: c.current
+            val: s.current
           });
           return;
         }
-        if (Math.abs(c.current) > 0 && M() !== Math.abs(c.current) && !l && !u && we.current === "backward") {
-          const o = he.current - M(), a = c.current + o;
+        if (Math.abs(s.current) > 0 && D() !== Math.abs(s.current) && !l && !u && me.current === "backward") {
+          const o = pe.current - D(), a = s.current + o;
           return B.start({
             immediate: !0,
             val: a
           }), () => {
-            c.current = a;
+            s.current = a;
           };
         }
-        console.log("here");
         return;
       }
       if (!u && v === "fixed") {
-        const o = -(C() * V.current);
-        if (Math.abs(o) > M() && !l) {
-          const a = -M();
-          m.current = !0, c.current = a, B.start({
+        const o = -(P() * W.current);
+        if (Math.abs(o) > D() && !l) {
+          const a = -D();
+          x.current = !0, s.current = a, B.start({
             immediate: !0,
-            val: c.current
+            val: s.current
           });
         } else
-          c.current = o, B.start({
+          s.current = o, B.start({
             immediate: !0,
             val: o
           });
         setTimeout(() => {
-          Z.current = !1;
+          re.current = !1;
         }, 0);
       }
     },
     [
       u,
-      ne,
-      C,
-      M,
-      x,
-      n.length,
-      J,
+      Re,
+      P,
+      D,
+      T,
+      i.length,
+      q,
       _e,
       B,
       v,
       l
     ]
   );
-  function X() {
-    return u && E.current ? E.current[d === "x" ? "scrollLeft" : "scrollTop"] : ue.val.get();
+  function Q() {
+    return u && R.current ? R.current[d === "x" ? "scrollLeft" : "scrollTop"] : Z.val.get();
   }
-  function Ce(r, o) {
+  function we(r, o) {
     if (u && r === "next") {
-      const a = c.current + C();
-      return a > M() ? M() : a;
+      const a = s.current + P();
+      return a > D() ? D() : a;
     }
     if (u && r === "prev") {
-      const a = c.current - C();
+      const a = s.current - P();
       return a < 0 ? 0 : a;
     }
-    return r === "next" ? typeof o == "number" ? -(o * C()) : c.current - C() : typeof o == "number" ? -(o * C()) : c.current + C();
+    return r === "next" ? typeof o == "number" ? -(o * P()) : s.current - P() : typeof o == "number" ? -(o * P()) : s.current + P();
   }
-  function ge({ type: r, index: o, immediate: a }) {
-    if (!g || L.current || I.current && !l)
+  function se({ type: r, index: o, immediate: a }) {
+    if (!p || K.current || b.current && !l)
       return;
-    m.current && (we.current = "backward"), z.current = "prev", m.current = !1;
-    const k = typeof o == "number" ? o : V.current - 1;
-    if (u && be(), !l) {
-      const K = u ? Ce("prev", o) - C() / 3 < 0 : Ce("prev", o) + C() / 3 > 0;
-      if (I.current)
+    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;
+      if (b.current)
         return;
-      if (K) {
-        I.current = !0, m.current = !1, G({
+      if (z) {
+        b.current = !0, x.current = !1, ce({
           slideMode: r,
-          from: X(),
+          from: Q(),
           to: 0,
           nextActiveItem: 0,
           immediate: a
@@ -1027,81 +1027,81 @@ function Wr({
         return;
       }
     }
-    if (l && (I.current || k < 0)) {
-      I.current = !1, m.current = !0, G({
+    if (l && (b.current || _ < 0)) {
+      b.current = !1, x.current = !0, ce({
         slideMode: r,
-        from: X() - C() * n.length,
-        to: -(C() * n.length) + C(),
-        nextActiveItem: n.length - 1,
+        from: Q() - P() * i.length,
+        to: -(P() * i.length) + P(),
+        nextActiveItem: i.length - 1,
         immediate: a
       });
       return;
     }
-    k === 0 && (I.current = !0), (k === n.length - 1 || k === -1) && (m.current = !0), G({
+    _ === 0 && (b.current = !0), (_ === i.length - 1 || _ === -1) && (x.current = !0), ce({
       slideMode: r,
-      from: X(),
-      to: Ce("prev", o),
-      nextActiveItem: k,
+      from: Q(),
+      to: we("prev", o),
+      nextActiveItem: _,
       immediate: a
     });
   }
-  function se({ type: r, index: o, immediate: a }) {
-    if (!g || L.current || m.current && !l)
+  function le({ type: r, index: o, immediate: a }) {
+    if (!p || K.current || x.current && !l)
       return;
-    I.current && (we.current = "forward"), z.current = "next", I.current = !1;
-    const k = o || V.current + 1;
-    if (u && be(), !l) {
-      const K = Math.abs(Ce("next", o)) > M() - C() / 3;
-      if (m.current)
+    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;
+      if (x.current)
         return;
-      if (K) {
-        I.current = !1, m.current = !0, G({
+      if (z) {
+        b.current = !1, x.current = !0, ce({
           slideMode: r,
-          from: X(),
-          to: u ? M() : -M(),
-          nextActiveItem: k,
+          from: Q(),
+          to: u ? D() : -D(),
+          nextActiveItem: _,
           immediate: a
         });
         return;
       }
     }
-    if (l && (m.current || k > n.length - 1)) {
-      m.current = !1, I.current = !0, G({
+    if (l && (x.current || _ > i.length - 1)) {
+      x.current = !1, b.current = !0, ce({
         slideMode: r,
-        from: X() + C() * n.length,
+        from: Q() + P() * i.length,
         to: 0,
         nextActiveItem: 0,
         immediate: a
       });
       return;
     }
-    k === 0 && (I.current = !0), k === n.length - 1 && (m.current = !0), G({
+    _ === 0 && (b.current = !0), _ === i.length - 1 && (x.current = !0), ce({
       slideMode: r,
-      from: X(),
-      to: Ce("next", o),
-      nextActiveItem: k,
+      from: Q(),
+      to: we("next", o),
+      nextActiveItem: _,
       immediate: a
     });
   }
-  function Je() {
-    q ? oe.current = q : oe.current = Math.floor(C() / 2 / 2);
+  function Ce() {
+    H ? oe.current = H : oe.current = Math.floor(P() / 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());
+  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());
   }
-  const ze = hr(
+  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;
+      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;
       if (o) {
-        if (K > 0 ? z.current = "prev" : z.current = "next", pe({
+        if (z > 0 ? J.current = "prev" : J.current = "next", ue({
           ...r,
           eventName: "onDrag",
-          slideActionType: z.current
+          slideActionType: J.current
         }), u) {
           if (a > 0) {
             B.start({
               from: {
-                val: X()
+                val: Q()
               },
               to: {
                 val: 0
@@ -1116,7 +1116,7 @@ function Wr({
           }
           B.start({
             from: {
-              val: X()
+              val: Q()
             },
             to: {
               val: -a
@@ -1136,13 +1136,13 @@ function Wr({
             friction: 50,
             tension: 1e3
           }
-        }), _ && le ? (se({ type: "drag" }), r.cancel()) : _ && Te && (ge({ type: "drag" }), r.cancel()), Ze - Math.abs(a) < -(C() * 2) && r.cancel();
+        }), I && de ? (le({ type: "drag" }), r.cancel()) : I && fe && (se({ type: "drag" }), r.cancel()), rr - Math.abs(a) < -(P() * 2) && r.cancel();
         return;
       }
       if (r.last && u && a > 0) {
         B.start({
           from: {
-            val: X()
+            val: Q()
           },
           to: {
             val: 0
@@ -1155,164 +1155,164 @@ 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({
-        val: -M(),
+      r.last && !r.canceled && u && (J.current === "prev" && se({ type: "drag" }), J.current === "next" && le({ type: "drag" })), r.last && !r.canceled && !u && (de ? !l && x.current ? B.start({
+        val: -D(),
         config: {
-          ...De.default,
+          ...We.default,
           velocity: ie
         }
-      }) : se({ type: "drag" }) : Te ? !l && I.current ? B.start({
+      }) : le({ type: "drag" }) : fe ? !l && b.current ? B.start({
         val: 0,
         config: {
-          ...De.default,
+          ...We.default,
           velocity: ie
         }
-      }) : ge({ type: "drag" }) : B.start({
-        val: c.current,
+      }) : se({ type: "drag" }) : B.start({
+        val: s.current,
         config: {
-          ...De.default,
+          ...We.default,
           velocity: ie
         }
       })), r.last && r.canceled && B.start({
-        val: c.current,
+        val: s.current,
         config: {
-          ...De.default,
+          ...We.default,
           velocity: ie
         }
       });
     },
     {
-      enabled: g && !W && !u || !!u && !!U,
+      enabled: p && !M && !u || !!u && !!U,
       axis: d,
-      from: () => u && E.current ? [
-        -E.current.scrollLeft,
-        -E.current.scrollTop
-      ] : d === "x" ? [ue.val.get(), ue.val.get()] : [ue.val.get(), ue.val.get()]
+      from: () => u && R.current ? [
+        -R.current.scrollLeft,
+        -R.current.scrollTop
+      ] : d === "x" ? [Z.val.get(), Z.val.get()] : [Z.val.get(), Z.val.get()]
     }
   );
-  function Xe() {
+  function Ve() {
     return u ? d === "x" ? {
       overflowX: "auto"
     } : {
       overflowY: "auto"
     } : {};
   }
-  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));
+  function Fe() {
+    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 Ge() {
+  function er() {
     return u ? {
       onWheel() {
-        ue.val.stop(), be();
+        Z.val.stop(), Fe();
       }
     } : {};
   }
-  function xe(r, o) {
+  function be(r, o) {
     let a = 0;
-    if (typeof r == "string" ? a = n.findIndex((k) => k.id === r) : a = r, a < 0 || a >= n.length) {
+    if (typeof r == "string" ? a = i.findIndex((_) => _.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 Ve({ id: r, immediate: o, shouldReset: a, type: k }) {
-    if (!g || L.current)
+  function Ye({ id: r, immediate: o, shouldReset: a, type: _ }) {
+    if (!p || K.current)
       return;
-    I.current = !1, m.current = !1;
-    const K = xe(
+    b.current = !1, x.current = !1;
+    const z = be(
       r,
       "The item you want to slide to doesn't exist; check the provided id."
     );
-    if (K === V.current && !a)
+    if (z === W.current && !a)
       return;
-    const Te = xe(n[V.current].id), le = xe(n[K].id);
-    le > Te ? se({
-      type: k || a ? "initial" : "click",
-      index: le,
+    const fe = be(i[W.current].id), de = be(i[z].id);
+    de > fe ? le({
+      type: _ || a ? "initial" : "click",
+      index: de,
       immediate: o
-    }) : ge({
-      type: k || a ? "initial" : "click",
-      index: le,
+    }) : se({
+      type: _ || a ? "initial" : "click",
+      index: de,
       immediate: o
     });
   }
-  function Se(r) {
-    const o = xe(r, "The item doesn't exist; check the provided id."), a = V.current;
-    return l && a === n.length - 1 ? o === 0 : o === a + 1;
+  function Ue(r) {
+    const o = be(r, "The item doesn't exist; check the provided id."), a = W.current;
+    return l && a === i.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;
-    return l && a === 0 ? o === n.length - 1 : o === a - 1;
+  function Be(r) {
+    const o = be(r, "The item doesn't exist; check the provided id."), a = W.current;
+    return l && a === 0 ? o === i.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 qe(r) {
+    return be(r, "The item you want to check doesn't exist; check the provided id.") === W.current;
   }
-  function er() {
-    return W ? "unset" : d === "x" ? "pan-y" : "pan-x";
+  function Le() {
+    return M ? "unset" : d === "x" ? "pan-y" : "pan-x";
   }
-  const Ie = u ? {
-    useListenToCustomEvent: ce,
-    enterFullscreen: Le,
-    exitFullscreen: Ne,
-    getIsFullscreen: He,
+  const Oe = u ? {
+    useListenToCustomEvent: ge,
+    enterFullscreen: Se,
+    exitFullscreen: ze,
+    getIsFullscreen: Xe,
     slideToPrevItem: (r = !0) => {
-      ge({
+      se({
         type: "click",
         immediate: !r
       });
     },
     slideToNextItem: (r = !0) => {
-      se({
+      le({
         type: "click",
         immediate: !r
       });
     }
   } : {
-    useListenToCustomEvent: ce,
-    enterFullscreen: Le,
-    exitFullscreen: Ne,
-    getIsFullscreen: He,
+    useListenToCustomEvent: ge,
+    enterFullscreen: Se,
+    exitFullscreen: ze,
+    getIsFullscreen: Xe,
     slideToPrevItem: (r = !0) => {
-      ge({
+      se({
         type: "click",
         immediate: !r
       });
     },
     slideToNextItem: (r = !0) => {
-      se({
+      le({
         type: "click",
         immediate: !r
       });
     },
     slideToItem: (r, o = !0) => {
-      Ve({ id: r, immediate: !o });
+      Ye({ id: r, immediate: !o });
     },
-    getIsNextItem: Se,
-    getIsPrevItem: Ye,
-    getIsActiveItem: Ue
+    getIsNextItem: Ue,
+    getIsPrevItem: Be,
+    getIsActiveItem: qe
   };
-  Tr(() => {
-    P.current && g && (Z.current = !0, ye());
-  }, [g]), de(() => {
-    V.current !== j && (Z.current = !0, Ve({
+  Rr(() => {
+    S.current && p && (re.current = !0, Ke());
+  }, [p]), he(() => {
+    W.current !== j && (re.current = !0, Ye({
       id: j,
-      immediate: !O
+      immediate: !F
     }));
-  }, [j]), de(() => {
-    if (g) {
-      if (j > n.length - 1)
+  }, [j]), he(() => {
+    if (p) {
+      if (j > i.length - 1)
         throw new Error(
-          `initialActiveItem (${j}) is greater than the total quantity available items (${n.length}).`
+          `initialActiveItem (${j}) is greater than the total quantity available items (${i.length}).`
         );
-      J > n.length && console.warn(
-        `itemsPerSlide (${J}) is greater than the total quantity available items (${n.length}). Fallback to ${n.length})`
+      q > i.length && console.warn(
+        `itemsPerSlide (${q}) is greater than the total quantity available items (${i.length}). Fallback to ${i.length})`
       );
     }
-  }, [j, n.length, J, g]), de(() => {
-    me.current = window.innerWidth;
-  }, []), de(() => {
-    if (g) {
+  }, [j, i.length, q, p]), he(() => {
+    g.current = window.innerWidth;
+  }, []), he(() => {
+    if (p) {
       if (l && u)
         throw new Error("`withLoop` and `freeScroll` can't be used together.");
       if (u && v === "fixed")
@@ -1321,77 +1321,77 @@ function Wr({
         throw new Error(
           "`enableFreeScrollDrag` must be used with `slideType: fluid` and `freeScroll=true`"
         );
-      if (ee && u)
+      if (G && u)
         throw new Error("`slideGroupOfItems` and `freeScroll` can't be used together.");
-      if (typeof re == "number" && re > 0 && v === "fixed")
+      if (typeof ee == "number" && ee > 0 && v === "fixed")
         throw new Error("`slideAmount` must be used with `slideType: fluid`");
-      Z.current = !0, ye();
+      re.current = !0, Ke();
     }
   }, [
-    x,
-    J,
-    f,
     T,
-    g,
+    q,
+    f,
+    w,
+    p,
     l,
     v,
     u,
     U,
-    ee
-  ]), de(() => {
-    if (!g)
+    G
+  ]), he(() => {
+    if (!p)
       return;
     function r() {
-      document.hidden ? L.current = !0 : L.current = !1;
+      document.hidden ? K.current = !0 : K.current = !1;
     }
     return document.addEventListener("visibilitychange", r), () => {
       document.removeEventListener("visibilitychange", r);
     };
-  }, [g]), de(() => {
-    if (E.current) {
+  }, [p]), he(() => {
+    if (R.current) {
       let r;
-      const o = new _r(() => {
-        if (!L.current && !Z.current) {
-          me.current = window.innerWidth;
-          const a = Fe();
+      const o = new Cr(() => {
+        if (!K.current && !re.current) {
+          g.current = window.innerWidth;
+          const a = ye();
           window.clearTimeout(r), r = setTimeout(() => {
-            he.current = M(), typeof a == "function" && a();
+            pe.current = D(), typeof a == "function" && a();
           }, 100);
         }
       });
-      return o.observe(E.current), () => {
+      return o.observe(R.current), () => {
         o.disconnect();
       };
     }
-  }, [Fe, M]);
-  const Ke = /* @__PURE__ */ A.jsx(tr.Provider, { value: Ie, children: We }), Ee = /* @__PURE__ */ A.jsx(tr.Provider, { value: Ie, children: /* @__PURE__ */ A.jsx(
+  }, [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(
     "div",
     {
       className: "use-spring-carousel-main-wrapper",
-      ref: E,
-      ...Ge(),
+      ref: R,
+      ...er(),
       style: {
         display: "flex",
         position: "relative",
         width: "100%",
         height: "100%",
-        ...Xe()
+        ...Ve()
       },
-      children: /* @__PURE__ */ A.jsxs(
+      children: /* @__PURE__ */ L.jsxs(
         "div",
         {
           className: "use-spring-carousel-track-wrapper",
-          ref: P,
-          ...ze(),
+          ref: S,
+          ...Ze(),
           style: {
             position: "relative",
             display: "flex",
             flexDirection: d === "x" ? "row" : "column",
-            touchAction: er(),
-            ...Ae()
+            touchAction: Le(),
+            ...je()
           },
           children: [
-            (u || !l) && f ? /* @__PURE__ */ A.jsx(
+            (u || !l) && f ? /* @__PURE__ */ L.jsx(
               "div",
               {
                 style: {
@@ -1400,31 +1400,46 @@ function Wr({
                 }
               }
             ) : null,
-            Pe.map((r, o) => /* @__PURE__ */ A.jsx(
-              "div",
-              {
-                className: "use-spring-carousel-item",
-                "data-testid": "use-spring-carousel-item-wrapper",
-                style: {
-                  display: "flex",
-                  position: "relative",
-                  ...v === "fixed" ? { flex: "1" } : {},
-                  ...Qe(
-                    o === Pe.findIndex(
-                      (a) => a.id === Pe[Pe.length - 1].id
-                    )
+            Ie.map((r, o) => {
+              const a = {
+                display: "flex",
+                position: "relative",
+                ...v === "fixed" ? { flex: "1" } : {},
+                ...ke(
+                  o === Ie.findIndex(
+                    (_) => _.id === Ie[Ie.length - 1].id
                   )
-                },
-                children: typeof r.renderItem == "function" ? r.renderItem({
-                  getIsActiveItem: Ue,
-                  getIsNextItem: Se,
-                  getIsPrevItem: Ye,
-                  useListenToCustomEvent: ce
-                }) : r.renderItem
-              },
-              `${r.id}-${o}`
-            )),
-            (u || !l) && f ? /* @__PURE__ */ A.jsx(
+                )
+              };
+              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(
               "div",
               {
                 style: {
@@ -1438,16 +1453,16 @@ function Wr({
       )
     }
   ) });
-  return { ...Ie, carouselFragment: Ee, thumbsFragment: Ke };
+  return { ...Oe, carouselFragment: He, thumbsFragment: xe };
 }
-const tr = fr(void 0);
-function Nr() {
-  const n = dr(tr);
-  if (!n)
+const ir = fr(void 0);
+function Sr() {
+  const i = dr(ir);
+  if (!i)
     throw new Error("useSpringCarouselContext must be used within the carousel.");
-  return n;
+  return i;
 }
-const $e = {
+const Me = {
   initial: {
     opacity: 1,
     position: "relative"
@@ -1466,34 +1481,34 @@ const $e = {
   }
 };
 function Vr({
-  init: n = !0,
-  disableGestures: g = !1,
+  init: i = !0,
+  disableGestures: p = !1,
   items: y,
-  springConfig: D = De.default,
+  springConfig: $ = We.default,
   exitBeforeEnter: Y = !1,
   trail: v,
-  withLoop: T = !1,
+  withLoop: w = !1,
   activeItem: l,
-  toPrevItemSpringProps: f = $e,
-  toNextItemSpringProps: d = $e,
-  draggingSlideTreshold: W = 50,
-  thumbsSlideAxis: q = "x"
+  toPrevItemSpringProps: f = Me,
+  toNextItemSpringProps: d = Me,
+  draggingSlideTreshold: M = 50,
+  thumbsSlideAxis: H = "x"
 }) {
-  const _ = $("next"), u = $("initial"), U = $(null), [x, ae] = Er(l ?? 0), { emitEvent: j, useListenToCustomEvent: O } = mr(), { handleScroll: ee, thumbsFragment: re } = pr({
-    thumbsSlideAxis: q,
+  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,
     items: y,
     renderThumbFnProps: {
-      getIsNextItem: I,
-      getIsPrevItem: m,
-      useListenToCustomEvent: O,
+      getIsNextItem: W,
+      getIsPrevItem: b,
+      useListenToCustomEvent: F,
       activeItem: {
-        index: x,
-        id: y[x].id
+        index: T,
+        id: y[T].id
       }
     }
   });
-  function J() {
-    return _.current === "prev" ? {
+  function ee() {
+    return I.current === "prev" ? {
       initial: {
         ...f.initial
       },
@@ -1506,7 +1521,7 @@ function Vr({
       leave: {
         ...f.leave
       }
-    } : _.current === "next" ? {
+    } : I.current === "next" ? {
       initial: {
         ...d.initial
       },
@@ -1521,155 +1536,155 @@ function Vr({
       }
     } : {
       initial: {
-        ...$e.initial
+        ...Me.initial
       },
       from: {
-        ...$e.from
+        ...Me.from
       },
       enter: {
-        ...$e.enter
+        ...Me.enter
       },
       leave: {
-        ...$e.leave
+        ...Me.leave
       }
     };
   }
-  de(() => {
-    typeof l == "number" && l !== x && ae(l);
+  he(() => {
+    typeof l == "number" && l !== T && ae(l);
   }, [l]);
-  function Z({ to: c, slideType: R, slideMode: F }) {
-    _.current = R, u.current = F, j({
+  function q({ to: g, slideType: s, slideMode: k }) {
+    I.current = s, u.current = k, j({
       eventName: "onSlideStartChange",
-      slideActionType: _.current,
+      slideActionType: I.current,
       slideMode: u.current,
       nextItem: {
-        index: c,
-        id: y[c].id,
-        startReached: c === 0,
-        endReached: c === y.length - 1
+        index: g,
+        id: y[g].id,
+        startReached: g === 0,
+        endReached: g === y.length - 1
       }
-    }), ae(c), ee(x);
+    }), ae(g), G(T);
   }
-  function oe(c) {
-    if (!n)
+  function re(g) {
+    if (!i)
       return;
-    const R = x === 0;
-    !T && R || Z(T && R ? {
+    const s = T === 0;
+    !w && s || q(w && s ? {
       to: y.length - 1,
       slideType: "prev",
-      slideMode: c
+      slideMode: g
     } : {
-      to: x - 1,
+      to: T - 1,
       slideType: "prev",
-      slideMode: c
+      slideMode: g
     });
   }
-  function z(c) {
-    if (!n)
+  function oe(g) {
+    if (!i)
       return;
-    const R = x === y.length - 1;
-    !T && R || Z(T && R ? {
+    const s = T === y.length - 1;
+    !w && s || q(w && s ? {
       to: 0,
       slideType: "next",
-      slideMode: c
+      slideMode: g
     } : {
-      to: x + 1,
+      to: T + 1,
       slideType: "next",
-      slideMode: c
+      slideMode: g
     });
   }
-  const ve = Rr(x, {
-    config: D,
+  const J = _r(T, {
+    config: $,
     key: null,
     trail: v,
     exitBeforeEnter: Y,
-    ...J(),
-    onRest(c, R, F) {
-      c.finished && F === x && j({
+    ...ee(),
+    onRest(g, s, k) {
+      g.finished && k === T && j({
         eventName: "onSlideChange",
-        slideActionType: _.current,
+        slideActionType: I.current,
         slideMode: u.current,
         currentItem: {
-          index: x,
-          id: y[x].id,
-          startReached: x === 0,
-          endReached: x === y.length - 1
+          index: T,
+          id: y[T].id,
+          startReached: T === 0,
+          endReached: T === y.length - 1
         }
       });
     }
-  }), we = hr(
-    ({ last: c, movement: [R] }) => {
-      if (c) {
-        const F = R > W, te = R < -W, L = x === 0, Me = x === y.length - 1;
+  }), Te = hr(
+    ({ last: g, movement: [s] }) => {
+      if (g) {
+        const k = s > M, te = s < -M, ne = T === 0, K = T === y.length - 1;
         if (te) {
-          if (!T && Me)
+          if (!w && K)
             return;
           j({
             eventName: "onLeftSwipe"
-          }), z("swipe");
-        } else if (F) {
-          if (!T && L)
+          }), oe("swipe");
+        } else if (k) {
+          if (!w && ne)
             return;
           j({
             eventName: "onRightSwipe"
-          }), oe("swipe");
+          }), re("swipe");
         }
       }
     },
     {
-      enabled: !g
+      enabled: !p
     }
   );
-  function V(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)
-        throw new Error(R);
-      console.error(`The item doesn't exist; check that the id provided - ${c} - is correct.`), F = -1;
-    }
-    return F;
+  function me(g, s) {
+    let k = 0;
+    if (typeof g == "string" ? k = y.findIndex((te) => te.id === g) : k = g, k < 0 || k >= y.length) {
+      if (s)
+        throw new Error(s);
+      console.error(`The item doesn't exist; check that the id provided - ${g} - is correct.`), k = -1;
+    }
+    return k;
   }
-  function I(c) {
-    const R = V(c, "The item doesn't exist; check the provided id."), F = x;
-    return T && F === y.length - 1 ? R === 0 : R === F + 1;
+  function W(g) {
+    const s = me(g, "The item doesn't exist; check the provided id."), k = T;
+    return w && k === y.length - 1 ? s === 0 : s === k + 1;
   }
-  function m(c) {
-    const R = V(c, "The item doesn't exist; check the provided id."), F = x;
-    return T && F === 0 ? R === y.length - 1 : R === F - 1;
+  function b(g) {
+    const s = me(g, "The item doesn't exist; check the provided id."), k = T;
+    return w && k === 0 ? s === y.length - 1 : s === k - 1;
   }
-  const E = ve((c, R, F, te) => {
-    const L = y[R].renderItem;
-    return /* @__PURE__ */ A.jsx(
+  const x = J((g, s, k, te) => {
+    const ne = y[s].renderItem;
+    return /* @__PURE__ */ L.jsx(
       wr.div,
       {
         id: `use-transition-carousel-item-${te}`,
         className: "use-transition-carousel-item",
         style: {
-          ...c,
+          ...g,
           flex: "1 0 100%",
           width: "100%",
           height: "100%"
         },
-        children: typeof L == "function" ? L({
-          useListenToCustomEvent: O,
-          getIsNextItem: I,
-          getIsPrevItem: m,
+        children: typeof ne == "function" ? ne({
+          useListenToCustomEvent: F,
+          getIsNextItem: W,
+          getIsPrevItem: b,
           activeItem: {
-            index: x,
-            id: y[x].id
+            index: T,
+            id: y[T].id
           }
-        }) : L
+        }) : ne
       }
     );
-  }), P = {
-    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(
+  }), R = {
+    useListenToCustomEvent: F,
+    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(
     "div",
     {
       ref: U,
-      ...we(),
+      ...Te(),
       style: {
         display: "flex",
         position: "relative",
@@ -1677,26 +1692,26 @@ function Vr({
         height: "100%",
         overflow: "hidden"
       },
-      children: E
+      children: x
     }
   ) });
   return {
-    ...P,
-    carouselFragment: me,
-    thumbsFragment: he
+    ...R,
+    carouselFragment: pe,
+    thumbsFragment: S
   };
 }
-const nr = fr(void 0);
-function Sr() {
-  const n = dr(nr);
-  if (!n)
+const ar = fr(void 0);
+function Yr() {
+  const i = dr(ar);
+  if (!i)
     throw new Error("useTransitionCarouselContext must be used within the carousel.");
-  return n;
+  return i;
 }
 export {
-  Wr as useSpringCarousel,
-  Nr as useSpringCarouselContext,
+  Nr as useSpringCarousel,
+  Sr as useSpringCarouselContext,
   Vr as useTransitionCarousel,
-  Sr as useTransitionCarouselContext
+  Yr as useTransitionCarouselContext
 };
 //# sourceMappingURL=index.es.js.map