react-spring-carousel 3.0.0-beta-2.0.189 → 3.0.0-beta-2.0.2

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsxs as Ot, jsx as Q } from "react/jsx-runtime";
+import { jsxs as At, jsx as Q } from "react/jsx-runtime";
 import { useSpring as $t } from "@react-spring/web";
-import Z, { useRef as $, useEffect as yt, useState as At } from "react";
-function Pt(r, t, e) {
+import Z, { useRef as A, useEffect as _t, useState as Pt } from "react";
+function Nt(r, t, e) {
   return Math.max(t, Math.min(r, e));
 }
 const v = {
@@ -25,11 +25,11 @@ function ct(r, t, e) {
   return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(r, e * 5) : r * t * e / (t + e * r);
 }
 function ut(r, t, e, n = 0.15) {
-  return n === 0 ? Pt(r, t, e) : r < t ? -ct(t - r, e - t, n) + t : r > e ? +ct(r - e, e - t, n) + e : r;
+  return n === 0 ? Nt(r, t, e) : r < t ? -ct(t - r, e - t, n) + t : r > e ? +ct(r - e, e - t, n) + e : r;
 }
-function Nt(r, [t, e], [n, s]) {
-  const [[i, u], [a, c]] = r;
-  return [ut(t, i, u, n), ut(e, a, c, s)];
+function Mt(r, [t, e], [n, s]) {
+  const [[o, c], [a, u]] = r;
+  return [ut(t, o, c, n), ut(e, a, u, s)];
 }
 function Rt(r, t) {
   if (typeof r != "object" || r === null) return r;
@@ -41,12 +41,12 @@ function Rt(r, t) {
   }
   return (t === "string" ? String : Number)(r);
 }
-function Mt(r) {
+function Lt(r) {
   var t = Rt(r, "string");
   return typeof t == "symbol" ? t : String(t);
 }
 function w(r, t, e) {
-  return t = Mt(t), t in r ? Object.defineProperty(r, t, {
+  return t = Lt(t), t in r ? Object.defineProperty(r, t, {
     value: e,
     enumerable: !0,
     configurable: !0,
@@ -99,27 +99,27 @@ const bt = {
 function lt(r) {
   return r ? r[0].toUpperCase() + r.slice(1) : "";
 }
-const Lt = ["enter", "leave"];
-function Vt(r = !1, t) {
-  return r && !Lt.includes(t);
+const Vt = ["enter", "leave"];
+function jt(r = !1, t) {
+  return r && !Vt.includes(t);
 }
-function jt(r, t = "", e = !1) {
+function Ut(r, t = "", e = !1) {
   const n = bt[r], s = n && n[t] || t;
-  return "on" + lt(r) + lt(s) + (Vt(e, s) ? "Capture" : "");
+  return "on" + lt(r) + lt(s) + (jt(e, s) ? "Capture" : "");
 }
-const Ut = ["gotpointercapture", "lostpointercapture"];
-function Kt(r) {
+const Kt = ["gotpointercapture", "lostpointercapture"];
+function Bt(r) {
   let t = r.substring(2).toLowerCase();
   const e = !!~t.indexOf("passive");
   e && (t = t.replace("passive", ""));
-  const n = Ut.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
+  const n = Kt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
   return s && (t = t.replace("capture", "")), {
     device: t,
     capture: s,
     passive: e
   };
 }
-function Bt(r, t = "") {
+function zt(r, t = "") {
   const e = bt[r], n = e && e[t] || t;
   return r + n;
 }
@@ -129,20 +129,20 @@ function H(r) {
 function wt(r) {
   return H(r) ? "touch" : "pointerType" in r ? r.pointerType : "mouse";
 }
-function zt(r) {
+function Wt(r) {
   return Array.from(r.touches).filter((t) => {
     var e, n;
     return t.target === r.currentTarget || ((e = r.currentTarget) === null || e === void 0 || (n = e.contains) === null || n === void 0 ? void 0 : n.call(e, t.target));
   });
 }
-function Wt(r) {
+function Yt(r) {
   return r.type === "touchend" || r.type === "touchcancel" ? r.changedTouches : r.targetTouches;
 }
 function Et(r) {
-  return H(r) ? Wt(r)[0] : r;
+  return H(r) ? Yt(r)[0] : r;
 }
-function Yt(r) {
-  return zt(r).map((t) => t.identifier);
+function Ft(r) {
+  return Wt(r).map((t) => t.identifier);
 }
 function tt(r) {
   const t = Et(r);
@@ -152,20 +152,20 @@ function dt(r) {
   const t = Et(r);
   return [t.clientX, t.clientY];
 }
-function Ft(r) {
+function Ht(r) {
   const t = {};
   if ("buttons" in r && (t.buttons = r.buttons), "shiftKey" in r) {
     const {
       shiftKey: e,
       altKey: n,
       metaKey: s,
-      ctrlKey: i
+      ctrlKey: o
     } = r;
     Object.assign(t, {
       shiftKey: e,
       altKey: n,
       metaKey: s,
-      ctrlKey: i
+      ctrlKey: o
     });
   }
   return t;
@@ -173,10 +173,10 @@ function Ft(r) {
 function F(r, ...t) {
   return typeof r == "function" ? r(...t) : r;
 }
-function Ht() {
+function Gt() {
 }
-function Gt(...r) {
-  return r.length === 0 ? Ht : r.length === 1 ? r[0] : function() {
+function Xt(...r) {
+  return r.length === 0 ? Gt : r.length === 1 ? r[0] : function() {
     let t;
     for (const e of r)
       t = e.apply(this, arguments) || t;
@@ -186,8 +186,8 @@ function Gt(...r) {
 function ht(r, t) {
   return Object.assign({}, t, r || {});
 }
-const Xt = 32;
-class qt {
+const qt = 32;
+class Jt {
   constructor(t, e, n) {
     this.ctrl = t, this.args = e, this.key = n, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
   }
@@ -243,33 +243,33 @@ class qt {
       shared: s
     } = this;
     e.args = this.args;
-    let i = 0;
-    if (t && (e.event = t, n.preventDefault && t.cancelable && e.event.preventDefault(), e.type = t.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, Ft(t)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, i = t.timeStamp - e.timeStamp, e.timeStamp = t.timeStamp, e.elapsedTime = e.timeStamp - e.startTime), e._active) {
+    let o = 0;
+    if (t && (e.event = t, n.preventDefault && t.cancelable && e.event.preventDefault(), e.type = t.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, Ht(t)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, o = t.timeStamp - e.timeStamp, e.timeStamp = t.timeStamp, e.elapsedTime = e.timeStamp - e.startTime), e._active) {
       const l = e._delta.map(Math.abs);
       v.addTo(e._distance, l);
     }
     this.axisIntent && this.axisIntent(t);
-    const [u, a] = e._movement, [c, p] = n.threshold, {
+    const [c, a] = e._movement, [u, p] = n.threshold, {
       _step: f,
       values: x
     } = e;
-    if (n.hasCustomTransform ? (f[0] === !1 && (f[0] = Math.abs(u) >= c && x[0]), f[1] === !1 && (f[1] = Math.abs(a) >= p && x[1])) : (f[0] === !1 && (f[0] = Math.abs(u) >= c && Math.sign(u) * c), f[1] === !1 && (f[1] = Math.abs(a) >= p && Math.sign(a) * p)), e.intentional = f[0] !== !1 || f[1] !== !1, !e.intentional) return;
-    const _ = [0, 0];
+    if (n.hasCustomTransform ? (f[0] === !1 && (f[0] = Math.abs(c) >= u && x[0]), f[1] === !1 && (f[1] = Math.abs(a) >= p && x[1])) : (f[0] === !1 && (f[0] = Math.abs(c) >= u && Math.sign(c) * u), f[1] === !1 && (f[1] = Math.abs(a) >= p && Math.sign(a) * p)), e.intentional = f[0] !== !1 || f[1] !== !1, !e.intentional) return;
+    const y = [0, 0];
     if (n.hasCustomTransform) {
-      const [l, R] = x;
-      _[0] = f[0] !== !1 ? l - f[0] : 0, _[1] = f[1] !== !1 ? R - f[1] : 0;
+      const [l, M] = x;
+      y[0] = f[0] !== !1 ? l - f[0] : 0, y[1] = f[1] !== !1 ? M - f[1] : 0;
     } else
-      _[0] = f[0] !== !1 ? u - f[0] : 0, _[1] = f[1] !== !1 ? a - f[1] : 0;
-    this.restrictToAxis && !e._blocked && this.restrictToAxis(_);
+      y[0] = f[0] !== !1 ? c - f[0] : 0, y[1] = f[1] !== !1 ? a - f[1] : 0;
+    this.restrictToAxis && !e._blocked && this.restrictToAxis(y);
     const P = e.offset, N = e._active && !e._blocked || e.active;
-    N && (e.first = e._active && !e.active, e.last = !e._active && e.active, e.active = s[this.ingKey] = e._active, t && (e.first && ("bounds" in n && (e._bounds = F(n.bounds, e)), this.setup && this.setup()), e.movement = _, this.computeOffset()));
-    const [A, C] = e.offset, [[y, z], [T, b]] = e._bounds;
-    e.overflow = [A < y ? -1 : A > z ? 1 : 0, C < T ? -1 : C > b ? 1 : 0], e._movementBound[0] = e.overflow[0] ? e._movementBound[0] === !1 ? e._movement[0] : e._movementBound[0] : !1, e._movementBound[1] = e.overflow[1] ? e._movementBound[1] === !1 ? e._movement[1] : e._movementBound[1] : !1;
+    N && (e.first = e._active && !e.active, e.last = !e._active && e.active, e.active = s[this.ingKey] = e._active, t && (e.first && ("bounds" in n && (e._bounds = F(n.bounds, e)), this.setup && this.setup()), e.movement = y, this.computeOffset()));
+    const [$, C] = e.offset, [[_, B], [I, T]] = e._bounds;
+    e.overflow = [$ < _ ? -1 : $ > B ? 1 : 0, C < I ? -1 : C > T ? 1 : 0], e._movementBound[0] = e.overflow[0] ? e._movementBound[0] === !1 ? e._movement[0] : e._movementBound[0] : !1, e._movementBound[1] = e.overflow[1] ? e._movementBound[1] === !1 ? e._movement[1] : e._movementBound[1] : !1;
     const V = e._active ? n.rubberband || [0, 0] : [0, 0];
-    if (e.offset = Nt(e._bounds, e.offset, V), e.delta = v.sub(e.offset, P), this.computeMovement(), N && (!e.last || i > Xt)) {
+    if (e.offset = Mt(e._bounds, e.offset, V), e.delta = v.sub(e.offset, P), this.computeMovement(), N && (!e.last || o > qt)) {
       e.delta = v.sub(e.offset, P);
       const l = e.delta.map(Math.abs);
-      v.addTo(e.distance, l), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && i > 0 && (e.velocity = [l[0] / i, l[1] / i], e.timeDelta = i);
+      v.addTo(e.distance, l), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && o > 0 && (e.velocity = [l[0] / o, l[1] / o], e.timeDelta = o);
     }
   }
   emit() {
@@ -284,14 +284,14 @@ class qt {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function Jt([r, t], e) {
+function Qt([r, t], e) {
   const n = Math.abs(r), s = Math.abs(t);
   if (n > s && n > e)
     return "x";
   if (s > n && s > e)
     return "y";
 }
-class Qt extends qt {
+class Zt extends Jt {
   constructor(...t) {
     super(...t), w(this, "aliasKey", "xy");
   }
@@ -311,7 +311,7 @@ class Qt extends qt {
     const e = this.state, n = this.config;
     if (!e.axis && t) {
       const s = typeof n.axisThreshold == "object" ? n.axisThreshold[wt(t)] : n.axisThreshold;
-      e.axis = Jt(e._movement, s);
+      e.axis = Qt(e._movement, s);
     }
     e._blocked = (n.lockDirection || !!n.axis) && !e.axis || !!n.axis && n.axis !== e.axis;
   }
@@ -358,9 +358,9 @@ const pt = (r) => r, mt = 0.15, nt = {
     const n = r || e.shared.transform;
     if (this.hasCustomTransform = !!n, process.env.NODE_ENV === "development") {
       const s = n || pt;
-      return (i) => {
-        const u = s(i);
-        return (!isFinite(u[0]) || !isFinite(u[1])) && console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${u[0]},${[1]}]`), u;
+      return (o) => {
+        const c = s(o);
+        return (!isFinite(c[0]) || !isFinite(c[1])) && console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${c[0]},${[1]}]`), c;
       };
     }
     return n || pt;
@@ -386,18 +386,18 @@ process.env.NODE_ENV === "development" && Object.assign(nt, {
     return NaN;
   }
 });
-const Zt = 0, K = h(h({}, nt), {}, {
+const te = 0, U = h(h({}, nt), {}, {
   axis(r, t, {
     axis: e
   }) {
     if (this.lockDirection = e === "lock", !this.lockDirection) return e;
   },
-  axisThreshold(r = Zt) {
+  axisThreshold(r = te) {
     return r;
   },
   bounds(r = {}) {
     if (typeof r == "function")
-      return (i) => K.bounds(r(i));
+      return (o) => U.bounds(r(o));
     if ("current" in r)
       return () => r.current;
     if (typeof HTMLElement == "function" && r instanceof HTMLElement)
@@ -416,7 +416,7 @@ const Zt = 0, K = h(h({}, nt), {}, {
   ArrowUp: (r, t = 1) => [0, -1 * r * t],
   ArrowDown: (r, t = 1) => [0, r * t]
 };
-class te extends Qt {
+class ee extends Zt {
   constructor(...t) {
     super(...t), w(this, "ingKey", "dragging");
   }
@@ -434,7 +434,7 @@ class te extends Qt {
         top: e.top - n.top + t.offset[1],
         bottom: e.bottom - n.bottom + t.offset[1]
       };
-      t._bounds = K.bounds(s);
+      t._bounds = U.bounds(s);
     }
   }
   cancel() {
@@ -464,8 +464,8 @@ class te extends Qt {
     if (!e._pointerActive) return;
     const s = tt(t);
     if (e._pointerId !== void 0 && s !== e._pointerId) return;
-    const i = dt(t);
-    if (document.pointerLockElement === t.target ? e._delta = [t.movementX, t.movementY] : (e._delta = v.sub(i, e._values), this.computeValues(i)), v.addTo(e._movement, e._delta), this.compute(t), e._delayed && e.intentional) {
+    const o = dt(t);
+    if (document.pointerLockElement === t.target ? e._delta = [t.movementX, t.movementY] : (e._delta = v.sub(o, e._values), this.computeValues(o)), v.addTo(e._movement, e._delta), this.compute(t), e._delayed && e.intentional) {
       this.timeoutStore.remove("dragDelay"), e.active = !1, this.startPointerDrag(t);
       return;
     }
@@ -494,14 +494,14 @@ class te extends Qt {
     const s = tt(t);
     if (e._pointerId !== void 0 && s !== e._pointerId) return;
     this.state._pointerActive = !1, this.setActive(), this.compute(t);
-    const [i, u] = e._distance;
-    if (e.tap = i <= n.tapsThreshold && u <= n.tapsThreshold, e.tap && n.filterTaps)
+    const [o, c] = e._distance;
+    if (e.tap = o <= n.tapsThreshold && c <= n.tapsThreshold, e.tap && n.filterTaps)
       e._force = !0;
     else {
-      const [a, c] = e._delta, [p, f] = e._movement, [x, _] = n.swipe.velocity, [P, N] = n.swipe.distance, A = n.swipe.duration;
-      if (e.elapsedTime < A) {
-        const C = Math.abs(a / e.timeDelta), y = Math.abs(c / e.timeDelta);
-        C > x && Math.abs(p) > P && (e.swipe[0] = Math.sign(a)), y > _ && Math.abs(f) > N && (e.swipe[1] = Math.sign(c));
+      const [a, u] = e._delta, [p, f] = e._movement, [x, y] = n.swipe.velocity, [P, N] = n.swipe.distance, $ = n.swipe.duration;
+      if (e.elapsedTime < $) {
+        const C = Math.abs(a / e.timeDelta), _ = Math.abs(u / e.timeDelta);
+        C > x && Math.abs(p) > P && (e.swipe[0] = Math.sign(a)), _ > y && Math.abs(f) > N && (e.swipe[1] = Math.sign(u));
       }
     }
     this.emit();
@@ -528,7 +528,7 @@ class te extends Qt {
     this.state._preventScroll && t.cancelable && t.preventDefault();
   }
   setupScrollPrevention(t) {
-    this.state._preventScroll = !1, ee(t);
+    this.state._preventScroll = !1, re(t);
     const e = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
       passive: !1
     });
@@ -557,23 +557,23 @@ class te extends Qt {
     });
   }
 }
-function ee(r) {
+function re(r) {
   "persist" in r && typeof r.persist == "function" && r.persist();
 }
-const B = typeof window < "u" && window.document && window.document.createElement;
+const K = typeof window < "u" && window.document && window.document.createElement;
 function xt() {
-  return B && "ontouchstart" in window;
-}
-function re() {
-  return xt() || B && window.navigator.maxTouchPoints > 1;
+  return K && "ontouchstart" in window;
 }
 function ne() {
-  return B && "onpointerdown" in window;
+  return xt() || K && window.navigator.maxTouchPoints > 1;
 }
 function se() {
-  return B && "exitPointerLock" in window.document;
+  return K && "onpointerdown" in window;
 }
 function ie() {
+  return K && "exitPointerLock" in window.document;
+}
+function oe() {
   try {
     return "constructor" in GestureEvent;
   } catch {
@@ -581,17 +581,17 @@ function ie() {
   }
 }
 const S = {
-  isBrowser: B,
-  gesture: ie(),
+  isBrowser: K,
+  gesture: oe(),
   touch: xt(),
-  touchscreen: re(),
-  pointer: ne(),
-  pointerLock: se()
-}, oe = 250, ae = 180, ce = 0.5, ue = 50, fe = 250, le = 10, vt = {
+  touchscreen: ne(),
+  pointer: se(),
+  pointerLock: ie()
+}, ae = 250, ce = 180, ue = 0.5, fe = 50, le = 250, de = 10, vt = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, St = h(h({}, K), {}, {
+}, Tt = h(h({}, U), {}, {
   device(r, t, {
     pointer: {
       touch: e = !1,
@@ -604,7 +604,7 @@ const S = {
   preventScrollAxis(r, t, {
     preventScroll: e
   }) {
-    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? oe : void 0, !(!S.touchscreen || e === !1))
+    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? ae : void 0, !(!S.touchscreen || e === !1))
       return r || (e !== void 0 ? "y" : void 0);
   },
   pointerCapture(r, t, {
@@ -621,13 +621,13 @@ const S = {
     tapsThreshold: n = 3,
     axis: s = void 0
   }) {
-    const i = v.toVector(r, e ? n : s ? 1 : 0);
-    return this.filterTaps = e, this.tapsThreshold = n, i;
+    const o = v.toVector(r, e ? n : s ? 1 : 0);
+    return this.filterTaps = e, this.tapsThreshold = n, o;
   },
   swipe({
-    velocity: r = ce,
-    distance: t = ue,
-    duration: e = fe
+    velocity: r = ue,
+    distance: t = fe,
+    duration: e = le
   } = {}) {
     return {
       velocity: this.transform(v.toVector(r)),
@@ -638,7 +638,7 @@ const S = {
   delay(r = 0) {
     switch (r) {
       case !0:
-        return ae;
+        return ce;
       case !1:
         return 0;
       default:
@@ -648,11 +648,11 @@ const S = {
   axisThreshold(r) {
     return r ? h(h({}, vt), r) : vt;
   },
-  keyboardDisplacement(r = le) {
+  keyboardDisplacement(r = de) {
     return r;
   }
 });
-process.env.NODE_ENV === "development" && Object.assign(St, {
+process.env.NODE_ENV === "development" && Object.assign(Tt, {
   useTouch(r) {
     if (r !== void 0)
       throw Error("[@use-gesture]: `useTouch` option has been renamed to `pointer.touch`. Use it as in `{ pointer: { touch: true } }`.");
@@ -697,20 +697,20 @@ h(h({}, nt), {}, {
     scaleBounds: e = {},
     angleBounds: n = {}
   }) {
-    const s = (u) => {
-      const a = ht(F(e, u), {
+    const s = (c) => {
+      const a = ht(F(e, c), {
         min: -1 / 0,
         max: 1 / 0
       });
       return [a.min, a.max];
-    }, i = (u) => {
-      const a = ht(F(n, u), {
+    }, o = (c) => {
+      const a = ht(F(n, c), {
         min: -1 / 0,
         max: 1 / 0
       });
       return [a.min, a.max];
     };
-    return typeof e != "function" && typeof n != "function" ? [s(), i()] : (u) => [s(u), i(u)];
+    return typeof e != "function" && typeof n != "function" ? [s(), o()] : (c) => [s(c), o(c)];
   },
   threshold(r, t, e) {
     return this.lockDirection = e.axis === "lock", v.toVector(r, this.lockDirection ? [0.1, 3] : 0);
@@ -722,39 +722,39 @@ h(h({}, nt), {}, {
     return r;
   }
 });
-h(h({}, K), {}, {
+h(h({}, U), {}, {
   mouseOnly: (r = !0) => r
 });
-h(h({}, K), {}, {
+h(h({}, U), {}, {
   mouseOnly: (r = !0) => r
 });
-const Tt = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map();
-function de(r) {
-  Tt.set(r.key, r.engine), rt.set(r.key, r.resolver);
+const St = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map();
+function he(r) {
+  St.set(r.key, r.engine), rt.set(r.key, r.resolver);
 }
-const he = {
+const pe = {
   key: "drag",
-  engine: te,
-  resolver: St
+  engine: ee,
+  resolver: Tt
 };
-function pe(r, t) {
+function me(r, t) {
   if (r == null) return {};
-  var e = {}, n = Object.keys(r), s, i;
-  for (i = 0; i < n.length; i++)
-    s = n[i], !(t.indexOf(s) >= 0) && (e[s] = r[s]);
+  var e = {}, n = Object.keys(r), s, o;
+  for (o = 0; o < n.length; o++)
+    s = n[o], !(t.indexOf(s) >= 0) && (e[s] = r[s]);
   return e;
 }
-function me(r, t) {
+function ge(r, t) {
   if (r == null) return {};
-  var e = pe(r, t), n, s;
+  var e = me(r, t), n, s;
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(r);
-    for (s = 0; s < i.length; s++)
-      n = i[s], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(r, n) && (e[n] = r[n]);
+    var o = Object.getOwnPropertySymbols(r);
+    for (s = 0; s < o.length; s++)
+      n = o[s], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(r, n) && (e[n] = r[n]);
   }
   return e;
 }
-const ge = {
+const ve = {
   target(r) {
     if (r)
       return () => "current" in r ? r.current : r;
@@ -777,15 +777,15 @@ const ge = {
   transform(r) {
     return r;
   }
-}, ve = ["target", "eventOptions", "window", "enabled", "transform"];
+}, ye = ["target", "eventOptions", "window", "enabled", "transform"];
 function Y(r = {}, t) {
   const e = {};
   for (const [n, s] of Object.entries(t))
     switch (typeof s) {
       case "function":
         if (process.env.NODE_ENV === "development") {
-          const i = s.call(e, r[n], n, r);
-          Number.isNaN(i) || (e[n] = i);
+          const o = s.call(e, r[n], n, r);
+          Number.isNaN(o) || (e[n] = o);
         } else
           e[n] = s.call(e, r[n], n, r);
         break;
@@ -801,18 +801,18 @@ function Y(r = {}, t) {
 function _e(r, t, e = {}) {
   const n = r, {
     target: s,
-    eventOptions: i,
-    window: u,
+    eventOptions: o,
+    window: c,
     enabled: a,
-    transform: c
-  } = n, p = me(n, ve);
+    transform: u
+  } = n, p = ge(n, ye);
   if (e.shared = Y({
     target: s,
-    eventOptions: i,
-    window: u,
+    eventOptions: o,
+    window: c,
     enabled: a,
-    transform: c
-  }, ge), t) {
+    transform: u
+  }, ve), t) {
     const f = rt.get(t);
     e[t] = Y(h({
       shared: e.shared
@@ -836,19 +836,19 @@ class It {
   constructor(t, e) {
     w(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = e;
   }
-  add(t, e, n, s, i) {
-    const u = this._listeners, a = Bt(e, n), c = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, p = h(h({}, c), i);
+  add(t, e, n, s, o) {
+    const c = this._listeners, a = zt(e, n), u = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, p = h(h({}, u), o);
     t.addEventListener(a, s, p);
     const f = () => {
-      t.removeEventListener(a, s, p), u.delete(f);
+      t.removeEventListener(a, s, p), c.delete(f);
     };
-    return u.add(f), f;
+    return c.add(f), f;
   }
   clean() {
     this._listeners.forEach((t) => t()), this._listeners.clear();
   }
 }
-class ye {
+class be {
   constructor() {
     w(this, "_timeouts", /* @__PURE__ */ new Map());
   }
@@ -863,7 +863,7 @@ class ye {
     this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
   }
 }
-class be {
+class we {
   constructor(t) {
     w(this, "gestures", /* @__PURE__ */ new Set()), w(this, "_targetEventStore", new It(this)), w(this, "gestureEventStores", {}), w(this, "gestureTimeoutStores", {}), w(this, "handlers", {}), w(this, "config", {}), w(this, "pointerIds", /* @__PURE__ */ new Set()), w(this, "touchIds", /* @__PURE__ */ new Set()), w(this, "state", {
       shared: {
@@ -872,11 +872,11 @@ class be {
         ctrlKey: !1,
         altKey: !1
       }
-    }), we(this, t);
+    }), Ee(this, t);
   }
   setEventIds(t) {
     if (H(t))
-      return this.touchIds = new Set(Yt(t)), this.touchIds;
+      return this.touchIds = new Set(Ft(t)), this.touchIds;
     if ("pointerId" in t)
       return t.type === "pointerup" || t.type === "pointercancel" ? this.pointerIds.delete(t.pointerId) : t.type === "pointerdown" && this.pointerIds.add(t.pointerId), this.pointerIds;
   }
@@ -899,72 +899,72 @@ class be {
     let s;
     if (!(e.target && (s = e.target(), !s))) {
       if (e.enabled) {
-        for (const u of this.gestures) {
-          const a = this.config[u], c = _t(n, a.eventOptions, !!s);
+        for (const c of this.gestures) {
+          const a = this.config[c], u = yt(n, a.eventOptions, !!s);
           if (a.enabled) {
-            const p = Tt.get(u);
-            new p(this, t, u).bind(c);
+            const p = St.get(c);
+            new p(this, t, c).bind(u);
           }
         }
-        const i = _t(n, e.eventOptions, !!s);
-        for (const u in this.nativeHandlers)
-          i(u, "", (a) => this.nativeHandlers[u](h(h({}, this.state.shared), {}, {
+        const o = yt(n, e.eventOptions, !!s);
+        for (const c in this.nativeHandlers)
+          o(c, "", (a) => this.nativeHandlers[c](h(h({}, this.state.shared), {}, {
             event: a,
             args: t
           })), void 0, !0);
       }
-      for (const i in n)
-        n[i] = Gt(...n[i]);
+      for (const o in n)
+        n[o] = Xt(...n[o]);
       if (!s) return n;
-      for (const i in n) {
+      for (const o in n) {
         const {
-          device: u,
+          device: c,
           capture: a,
-          passive: c
-        } = Kt(i);
-        this._targetEventStore.add(s, u, "", n[i], {
+          passive: u
+        } = Bt(o);
+        this._targetEventStore.add(s, c, "", n[o], {
           capture: a,
-          passive: c
+          passive: u
         });
       }
     }
   }
 }
 function L(r, t) {
-  r.gestures.add(t), r.gestureEventStores[t] = new It(r, t), r.gestureTimeoutStores[t] = new ye();
+  r.gestures.add(t), r.gestureEventStores[t] = new It(r, t), r.gestureTimeoutStores[t] = new be();
 }
-function we(r, t) {
+function Ee(r, t) {
   t.drag && L(r, "drag"), t.wheel && L(r, "wheel"), t.scroll && L(r, "scroll"), t.move && L(r, "move"), t.pinch && L(r, "pinch"), t.hover && L(r, "hover");
 }
-const _t = (r, t, e) => (n, s, i, u = {}, a = !1) => {
-  var c, p;
-  const f = (c = u.capture) !== null && c !== void 0 ? c : t.capture, x = (p = u.passive) !== null && p !== void 0 ? p : t.passive;
-  let _ = a ? n : jt(n, s, f);
-  e && x && (_ += "Passive"), r[_] = r[_] || [], r[_].push(i);
+const yt = (r, t, e) => (n, s, o, c = {}, a = !1) => {
+  var u, p;
+  const f = (u = c.capture) !== null && u !== void 0 ? u : t.capture, x = (p = c.passive) !== null && p !== void 0 ? p : t.passive;
+  let y = a ? n : Ut(n, s, f);
+  e && x && (y += "Passive"), r[y] = r[y] || [], r[y].push(o);
 };
-function Ee(r, t = {}, e, n) {
-  const s = Z.useMemo(() => new be(r), []);
+function xe(r, t = {}, e, n) {
+  const s = Z.useMemo(() => new we(r), []);
   if (s.applyHandlers(r, n), s.applyConfig(t, e), Z.useEffect(s.effect.bind(s)), Z.useEffect(() => s.clean.bind(s), []), t.target === void 0)
     return s.bind.bind(s);
 }
-function xe(r, t) {
-  return de(he), Ee({
+function Te(r, t) {
+  return he(pe), xe({
     drag: r
   }, t || {}, "drag");
 }
 const et = "RSC::Event";
 function Se() {
-  const r = $(null);
+  const r = A(null);
   function t(n) {
-    yt(() => {
+    _t(() => {
       r.current || (r.current = document.createElement("div"));
-      function s(i) {
-        n(i.detail);
+      function s(o) {
+        n(o.detail);
       }
       if (r.current)
         return r.current.addEventListener(et, s, !1), () => {
-          var i;
-          (i = r.current) == null || i.removeEventListener(
+          var o;
+          (o = r.current) == null || o.removeEventListener(
             et,
             s,
             !1
@@ -985,158 +985,148 @@ function Se() {
     emitEvent: e
   };
 }
-function Ce({
+function Oe({
   init: r = !0,
   items: t,
   withLoop: e = !1,
   id: n,
   itemsPerSlide: s = 1,
-  gutter: i = 0,
-  startEndGutter: u = 0,
+  gutter: o = 0,
+  startEndGutter: c = 0,
   carouselAxis: a = "x",
-  slideType: c = "fixed",
+  slideType: u = "fixed",
   startingPosition: p = "start",
   enableGestures: f = !0,
   slideWhenDragThresholdIsReached: x = !0,
-  onInit: _
+  onInit: y
 }) {
-  const [P, N] = At(!1), A = $(r), C = $(null), y = $(null), z = $(0), T = $(!e), b = $(!1), V = $(0), l = $(0), [R, G] = $t(
+  const [P, N] = Pt(!1), $ = A(r), C = A(null), _ = A(null), B = A(0), I = A(!e), T = A(!1), V = A(0), l = A(0), [M, G] = $t(
     () => ({
       value: 0,
-      onChange({ value: o }) {
-        (c === "fixed" || c === "fluid") && C.current.style.setProperty(
+      onChange({ value: i }) {
+        u === "fixed" && C.current.style.setProperty(
           `--${n}-offset-position`,
-          `${o.value}px`
-        ), c === "freeScroll" && (y.current[a === "x" ? "scrollLeft" : "scrollTop"] = Math.abs(o.value));
+          `${i.value}px`
+        ), u === "freeScroll" && (_.current[a === "x" ? "scrollLeft" : "scrollTop"] = Math.abs(i.value));
       }
     }),
     [a]
-  ), Dt = c !== "freeScroll" && e ? [
-    ...t.map((o) => ({
-      ...o,
-      id: `prev-repeated-item-${o.id}`,
+  ), Dt = u !== "freeScroll" && e ? [
+    ...t.map((i) => ({
+      ...i,
+      id: `prev-repeated-item-${i.id}`,
       isClonedItem: !0
     })),
     ...t,
-    ...t.map((o) => ({
-      ...o,
-      id: `next-repeated-item-${o.id}`,
+    ...t.map((i) => ({
+      ...i,
+      id: `next-repeated-item-${i.id}`,
       isClonedItem: !0
     }))
-  ] : t, { useListenToCustomEvent: st, emitEvent: j } = Se();
-  function X(o) {
-    A.current && (b.current || U({
+  ] : t, { useListenToCustomEvent: st, emitEvent: z } = Se();
+  function X(i) {
+    $.current && (T.current || j({
       type: "next",
-      toIndex: o,
+      toIndex: i,
       actionType: "click"
     }));
   }
-  function q(o) {
-    A.current && (T.current || U({
+  function q(i) {
+    $.current && (I.current || j({
       type: "prev",
-      toIndex: o,
+      toIndex: i,
       actionType: "click"
     }));
   }
-  function U({
-    type: o,
+  function j({
+    type: i,
     shouldAnimate: d = !0,
-    toIndex: D,
-    actionType: E
+    toIndex: E,
+    actionType: b
   }) {
     var ot, at;
     const m = W(), O = !d;
-    T.current = !1, b.current = !1;
-    let k = R.value.get(), g = 0;
-    if (o === "next" && (c === "fixed" || c === "fluid") && (l.current += 1), o === "prev" && (c === "fixed" || c === "fluid") && (l.current === 0 ? l.current = t.length - 1 : l.current -= 1), o === "next" && (c === "fixed" || c === "fluid")) {
-      const I = J(
+    I.current = !1, T.current = !1;
+    let D = M.value.get(), g = 0;
+    if (i === "next" && u === "fixed" && (l.current += 1), i === "prev" && u === "fixed" && (l.current === 0 ? l.current = t.length - 1 : l.current -= 1), i === "next" && u === "fixed") {
+      const k = J(
         e ? m * (t.length * 2) : 0
       );
-      g = -(l.current * m), e && l.current === t.length && (l.current = 0, k = k + m * t.length, g = 0), !e && Math.abs(g) >= I && (b.current = !0, g = -I);
+      g = -(l.current * m), e && l.current === t.length && (l.current = 0, D = D + m * t.length, g = 0), !e && Math.abs(g) >= k && (T.current = !0, g = -k);
     }
-    if (o === "prev" && (c === "fixed" || c === "fluid") && (g = -(l.current * m), l.current === t.length - 1 && (k = k - t.length * m), !e && g >= 0 && (T.current = !0, g = 0)), o === "next" && c === "freeScroll") {
-      const I = y.current[a === "x" ? "scrollLeft" : "scrollTop"], M = a === "x" ? y.current.scrollWidth - y.current.clientWidth : y.current.scrollHeight - y.current.clientHeight;
-      k = I, g = I + m, (g > M || M - g < 80) && (g = M, b.current = !0);
+    if (i === "prev" && u === "fixed" && (g = -(l.current * m), l.current === t.length - 1 && (D = D - t.length * m), !e && g >= 0 && (I.current = !0, g = 0)), i === "next" && u === "freeScroll") {
+      const k = _.current[a === "x" ? "scrollLeft" : "scrollTop"], R = a === "x" ? _.current.scrollWidth - _.current.clientWidth : _.current.scrollHeight - _.current.clientHeight;
+      D = k, g = k + m, (g > R || R - g < 80) && (g = R, T.current = !0);
     }
-    if (o === "prev" && c === "freeScroll") {
-      const I = y.current[a === "x" ? "scrollLeft" : "scrollTop"];
-      k = I, g = I - m, g <= 0 && (g = 0, b.current = !0);
+    if (i === "prev" && u === "freeScroll") {
+      const k = _.current[a === "x" ? "scrollLeft" : "scrollTop"];
+      D = k, g = k - m, g <= 0 && (g = 0, T.current = !0);
     }
-    z.current = g, j(E === "resize" ? {
+    B.current = g, z(b === "resize" ? {
       eventName: "onResize",
-      sliceActionType: E,
-      slideDirection: o,
+      sliceActionType: b,
+      slideDirection: i,
       currentItem: {
         index: l.current,
         id: ((ot = t.at(l.current)) == null ? void 0 : ot.id) ?? "",
-        startReached: T.current,
-        endReached: b.current
+        startReached: I.current,
+        endReached: T.current
       }
     } : {
       eventName: "onSlideStartChange",
-      sliceActionType: E,
-      slideDirection: o,
+      sliceActionType: b,
+      slideDirection: i,
       nextItem: {
         index: l.current,
         id: ((at = t.at(l.current)) == null ? void 0 : at.id) ?? "",
-        startReached: T.current,
-        endReached: b.current
+        startReached: I.current,
+        endReached: T.current
       }
-    }), D !== void 0 && (l.current = D), G.start({
+    }), E !== void 0 && (l.current = E), G.start({
       immediate: O,
       from: {
-        value: k
+        value: D
       },
       to: {
         value: g
       },
-      onRest({ finished: I }) {
-        var M;
-        I && c === "fixed" && j({
+      onRest({ finished: k }) {
+        var R;
+        k && u === "fixed" && z({
           eventName: "onSlideChangeComplete",
-          sliceActionType: E,
-          slideDirection: o,
+          sliceActionType: b,
+          slideDirection: i,
           currentItem: {
             index: l.current,
-            id: ((M = t.at(l.current)) == null ? void 0 : M.id) ?? "",
-            startReached: T.current,
-            endReached: b.current
-          }
-        }), I && c === "fluid" && j({
-          eventName: "onSlideChangeComplete",
-          sliceActionType: E,
-          slideDirection: o,
-          currentItem: {
-            index: 0,
-            id: "",
-            startReached: T.current,
-            endReached: b.current
+            id: ((R = t.at(l.current)) == null ? void 0 : R.id) ?? "",
+            startReached: I.current,
+            endReached: T.current
           }
         });
       }
     });
   }
   function W() {
-    const o = y.current.children[0];
+    const i = _.current.children[0];
     let d = 0;
-    return d = o.getBoundingClientRect()[a === "x" ? "width" : "height"] + i, d;
+    return d = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + o, d;
   }
-  function J(o) {
-    const d = y.current;
-    return d[a === "x" ? "scrollWidth" : "scrollHeight"] - d.getBoundingClientRect()[a === "x" ? "width" : "height"] - o;
+  function J(i) {
+    const d = _.current;
+    return d[a === "x" ? "scrollWidth" : "scrollHeight"] - d.getBoundingClientRect()[a === "x" ? "width" : "height"] - i;
   }
   function kt() {
-    let o = 0;
+    let i = 0;
     const d = getComputedStyle(
       document.documentElement
     ).getPropertyValue(`--${n}-start-end-gutter`);
-    return d.includes("px") && (o = Number(
+    return d.includes("px") && (i = Number(
       d.replace("px", "")
-    )), { totalStartEndGutterCssVar: o };
+    )), { totalStartEndGutterCssVar: i };
   }
-  yt(() => {
-    function o(E, m) {
-      switch (E) {
+  _t(() => {
+    function i(b, m) {
+      switch (b) {
         case "start":
           return 0;
         case "middle-start":
@@ -1151,54 +1141,54 @@ function Ce({
           return 0;
       }
     }
-    function d(E) {
+    function d(b) {
       if (C.current) {
         const { totalStartEndGutterCssVar: m } = kt();
         let O = 0;
-        e && (O = W() * t.length), O -= W() * o(p, s), O -= m / 2, C.current.style.setProperty(
+        e && (O = W() * t.length), O -= W() * i(p, s), O -= m / 2, C.current.style.setProperty(
           `--${n}-offset-modifier`,
           `${-O}px`
-        ), N(!0), E && E();
+        ), N(!0), b && b();
       }
     }
-    function D() {
-      d(), U({
+    function E() {
+      d(), j({
         type: "next",
         toIndex: l.current,
         shouldAnimate: !1,
         actionType: "resize"
-      }), console.log(b.current);
+      });
     }
-    if (r && (V.current = W() / 4), r && c !== "freeScroll")
-      return d(_), window.addEventListener("resize", D), () => {
-        window.removeEventListener("resize", D);
+    if (r && (V.current = W() / 4), r && u === "fixed")
+      return d(y), window.addEventListener("resize", E), () => {
+        window.removeEventListener("resize", E);
       };
-  }, [r, e, n, a, i, p, c]);
-  const it = f && c !== "freeScroll", Ct = xe(
-    (o) => {
-      if (!A.current)
+  }, [r, e, n, a, o, p, u]);
+  const it = f && u !== "freeScroll", Ct = Te(
+    (i) => {
+      if (!$.current)
         return;
-      const d = o.dragging, D = o.offset[a === "x" ? 0 : 1], E = o.movement[a === "x" ? 0 : 1], m = E > V.current, O = E < -V.current, k = o.velocity;
-      d && (j({
-        ...o,
+      const d = i.dragging, E = i.offset[a === "x" ? 0 : 1], b = i.movement[a === "x" ? 0 : 1], m = b > V.current, O = b < -V.current, D = i.velocity;
+      d && (z({
+        ...i,
         eventName: "onDrag",
         slideActionType: "drag"
       }), G.start({
-        value: D,
+        value: E,
         immediate: !0,
         config: {
-          velocity: k
+          velocity: D
         }
-      }), x && (m || O) && o.cancel()), o.last && (m ? U({
+      }), x && (m || O) && i.cancel()), i.last && (m ? j({
         actionType: "drag",
         type: "prev"
-      }) : O ? U({
+      }) : O ? j({
         actionType: "drag",
         type: "next"
       }) : G.start({
-        value: z.current,
+        value: B.current,
         config: {
-          velocity: k
+          velocity: D
         }
       }));
     },
@@ -1214,11 +1204,15 @@ function Ce({
           bottom: 0
         })
       },
-      from: () => [R.value.get(), R.value.get()]
+      from: () => [M.value.get(), M.value.get()]
     }
   );
+  function Ot(i) {
+    var d, E;
+    return typeof i == "number" ? l.current === i : ((d = t.find((b) => b.id === i)) == null ? void 0 : d.id) === ((E = t[l.current]) == null ? void 0 : E.id);
+  }
   return {
-    carouselFragment: /* @__PURE__ */ Ot(
+    carouselFragment: /* @__PURE__ */ At(
       "div",
       {
         ref: C,
@@ -1232,8 +1226,8 @@ function Ce({
               dangerouslySetInnerHTML: {
                 __html: `
             :root {
-              --${n}-start-end-gutter: ${u * 2}px;
-              --${n}-gutter: ${i}px;
+              --${n}-start-end-gutter: ${c * 2}px;
+              --${n}-gutter: ${o}px;
             }
             [data-part-internal="${n}-Container"] {
               display: flex;
@@ -1243,8 +1237,8 @@ function Ce({
               --${n}-items-per-slide: ${s};
               --${n}-offset-position: 0px;
               --${n}-offset-modifier: 0px;
-              --${n}-scroll-x-value: ${c !== "freeScroll" && a === "x" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
-              --${n}-scroll-y-value: ${c !== "freeScroll" && a === "y" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
+              --${n}-scroll-x-value: ${u !== "freeScroll" && a === "x" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
+              --${n}-scroll-y-value: ${u !== "freeScroll" && a === "y" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
               
             }
             [data-part-internal="${n}-Track"] {
@@ -1260,12 +1254,12 @@ function Ce({
               height: 100%;
               gap: var(--${n}-gutter);
               transform: translate3d(var(--${n}-scroll-x-value), var(--${n}-scroll-y-value), 0px);
-              overflow-x: ${c === "freeScroll" ? "auto" : "visible"};
+              overflow-x: ${u === "freeScroll" ? "auto" : "visible"};
               touch-action: ${it ? a === "x" ? "pan-y" : "pan-x" : "auto"};
             }
             [data-part-internal="${n}-Item"] {
               display: flex;
-              flex: ${c === "fixed" ? `1 0 calc(100% / var(--${n}-items-per-slide) - calc(var(--${n}-gutter) * (var(--${n}-items-per-slide) - 1)) / var(--${n}-items-per-slide) - calc(var(--${n}-start-end-gutter) / var(--${n}-items-per-slide)))` : "1"};
+              flex: ${u === "fixed" ? `1 0 calc(100% / var(--${n}-items-per-slide) - calc(var(--${n}-gutter) * (var(--${n}-items-per-slide) - 1)) / var(--${n}-items-per-slide) - calc(var(--${n}-start-end-gutter) / var(--${n}-items-per-slide)))` : "1"};
             }
           `
               }
@@ -1274,33 +1268,34 @@ function Ce({
           /* @__PURE__ */ Q(
             "div",
             {
-              ref: y,
+              ref: _,
               className: "ReactSpringCarouselTrack",
               "data-part": "Track",
               "data-part-internal": `${n}-Track`,
               ...Ct(),
               onScroll: () => {
-                T.current = !1, b.current = !1;
+                I.current = !1, T.current = !1;
               },
-              ...c === "freeScroll" ? {
+              ...u === "freeScroll" ? {
                 onWheel() {
-                  T.current = !1, b.current = !1, R.value.stop();
+                  I.current = !1, T.current = !1, M.value.stop();
                 }
               } : {},
-              children: Dt.map((o, d) => /* @__PURE__ */ Q(
+              children: Dt.map((i, d) => /* @__PURE__ */ Q(
                 "div",
                 {
                   className: "ReactSpringCarouselItem",
                   "data-part": "Item",
                   "data-part-internal": `${n}-Item`,
-                  "data-id": o.id,
-                  children: typeof o.renderItem == "function" ? o.renderItem({
+                  "data-id": i.id,
+                  children: typeof i.renderItem == "function" ? i.renderItem({
                     useListenToCustomEvent: st,
                     index: d,
-                    isClonedItem: !!o.isClonedItem
-                  }) : o.renderItem
+                    isClonedItem: !!i.isClonedItem,
+                    isActiveItem: Ot
+                  }) : i.renderItem
                 },
-                `${o.id}-${d}`
+                `${i.id}-${d}`
               ))
             }
           )
@@ -1310,21 +1305,21 @@ function Ce({
     useListenToCustomEvent: st,
     slideToNextItem: () => X(),
     slideToPrevItem: () => q(),
-    slideToItem: (o) => {
-      if (typeof o == "number") {
-        if (!t[o]) {
+    slideToItem: (i) => {
+      if (typeof i == "number") {
+        if (!t[i]) {
           console.warn(
-            `The item you're trying to slide doesn't exist. index: ${o}`
+            `The item you're trying to slide doesn't exist. index: ${i}`
           );
           return;
         }
-        o > l.current ? X(o) : q(o);
+        i > l.current ? X(i) : q(i);
       }
-      if (typeof o == "string") {
-        const d = t.findIndex((D) => D.id === o);
+      if (typeof i == "string") {
+        const d = t.findIndex((E) => E.id === i);
         if (d < 0) {
           console.warn(
-            `The item you're trying to slide doesn't exist. id: ${o}`
+            `The item you're trying to slide doesn't exist. id: ${i}`
           );
           return;
         }
@@ -1334,5 +1329,5 @@ function Ce({
   };
 }
 export {
-  Ce as useSpringCarousel
+  Oe as useSpringCarousel
 };