react-spring-carousel 3.0.0-beta-2.0.101 → 3.0.0-beta-2.0.103

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsxs as Mt, jsx as tt } from "react/jsx-runtime";
-import { useSpringRef as Vt, useSpring as Et } from "@react-spring/web";
-import et, { useRef as $, useEffect as U, useState as Rt } from "react";
-function jt(e, t, r) {
+import { jsxs as jt, jsx as tt } from "react/jsx-runtime";
+import { useSpringRef as Bt, useSpring as St } from "@react-spring/web";
+import et, { useRef as $, useEffect as U, useState as Ut } from "react";
+function Kt(e, t, r) {
   return Math.max(t, Math.min(e, r));
 }
 const b = {
@@ -21,17 +21,17 @@ const b = {
     e[0] -= t[0], e[1] -= t[1];
   }
 };
-function ft(e, t, r) {
+function ht(e, t, r) {
   return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(e, r * 5) : e * t * r / (t + r * e);
 }
-function dt(e, t, r, n = 0.15) {
-  return n === 0 ? jt(e, t, r) : e < t ? -ft(t - e, r - t, n) + t : e > r ? +ft(e - r, r - t, n) + r : e;
+function pt(e, t, r, n = 0.15) {
+  return n === 0 ? Kt(e, t, r) : e < t ? -ht(t - e, r - t, n) + t : e > r ? +ht(e - r, r - t, n) + r : e;
 }
-function Bt(e, [t, r], [n, s]) {
+function Gt(e, [t, r], [n, s]) {
   const [[o, a], [c, f]] = e;
-  return [dt(t, o, a, n), dt(r, c, f, s)];
+  return [pt(t, o, a, n), pt(r, c, f, s)];
 }
-function Ut(e, t) {
+function zt(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -41,19 +41,19 @@ function Ut(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function Kt(e) {
-  var t = Ut(e, "string");
+function Wt(e) {
+  var t = zt(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
 function S(e, t, r) {
-  return t = Kt(t), t in e ? Object.defineProperty(e, t, {
+  return t = Wt(t), t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = r, e;
 }
-function ht(e, t) {
+function mt(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -66,15 +66,15 @@ function ht(e, t) {
 function p(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? ht(Object(r), !0).forEach(function(n) {
+    t % 2 ? mt(Object(r), !0).forEach(function(n) {
       S(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ht(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : mt(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-const Tt = {
+const It = {
   pointer: {
     start: "down",
     change: "move",
@@ -96,63 +96,63 @@ const Tt = {
     end: "end"
   }
 };
-function pt(e) {
+function gt(e) {
   return e ? e[0].toUpperCase() + e.slice(1) : "";
 }
-const Gt = ["enter", "leave"];
-function zt(e = !1, t) {
-  return e && !Gt.includes(t);
+const Yt = ["enter", "leave"];
+function Ft(e = !1, t) {
+  return e && !Yt.includes(t);
 }
-function Wt(e, t = "", r = !1) {
-  const n = Tt[e], s = n && n[t] || t;
-  return "on" + pt(e) + pt(s) + (zt(r, s) ? "Capture" : "");
+function Ht(e, t = "", r = !1) {
+  const n = It[e], s = n && n[t] || t;
+  return "on" + gt(e) + gt(s) + (Ft(r, s) ? "Capture" : "");
 }
-const Yt = ["gotpointercapture", "lostpointercapture"];
-function Ft(e) {
+const Xt = ["gotpointercapture", "lostpointercapture"];
+function qt(e) {
   let t = e.substring(2).toLowerCase();
   const r = !!~t.indexOf("passive");
   r && (t = t.replace("passive", ""));
-  const n = Yt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
+  const n = Xt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
   return s && (t = t.replace("capture", "")), {
     device: t,
     capture: s,
     passive: r
   };
 }
-function Ht(e, t = "") {
-  const r = Tt[e], n = r && r[t] || t;
+function Jt(e, t = "") {
+  const r = It[e], n = r && r[t] || t;
   return e + n;
 }
 function X(e) {
   return "touches" in e;
 }
-function St(e) {
+function kt(e) {
   return X(e) ? "touch" : "pointerType" in e ? e.pointerType : "mouse";
 }
-function Xt(e) {
+function Qt(e) {
   return Array.from(e.touches).filter((t) => {
     var r, n;
     return t.target === e.currentTarget || ((r = e.currentTarget) === null || r === void 0 || (n = r.contains) === null || n === void 0 ? void 0 : n.call(r, t.target));
   });
 }
-function qt(e) {
+function Zt(e) {
   return e.type === "touchend" || e.type === "touchcancel" ? e.changedTouches : e.targetTouches;
 }
-function It(e) {
-  return X(e) ? qt(e)[0] : e;
+function Ct(e) {
+  return X(e) ? Zt(e)[0] : e;
 }
-function Jt(e) {
-  return Xt(e).map((t) => t.identifier);
+function te(e) {
+  return Qt(e).map((t) => t.identifier);
 }
 function rt(e) {
-  const t = It(e);
+  const t = Ct(e);
   return X(e) ? t.identifier : t.pointerId;
 }
-function mt(e) {
-  const t = It(e);
+function vt(e) {
+  const t = Ct(e);
   return [t.clientX, t.clientY];
 }
-function Qt(e) {
+function ee(e) {
   const t = {};
   if ("buttons" in e && (t.buttons = e.buttons), "shiftKey" in e) {
     const {
@@ -173,21 +173,21 @@ function Qt(e) {
 function H(e, ...t) {
   return typeof e == "function" ? e(...t) : e;
 }
-function Zt() {
+function re() {
 }
-function te(...e) {
-  return e.length === 0 ? Zt : e.length === 1 ? e[0] : function() {
+function ne(...e) {
+  return e.length === 0 ? re : e.length === 1 ? e[0] : function() {
     let t;
     for (const r of e)
       t = r.apply(this, arguments) || t;
     return t;
   };
 }
-function gt(e, t) {
+function yt(e, t) {
   return Object.assign({}, t, e || {});
 }
-const ee = 32;
-class re {
+const se = 32;
+class ie {
   constructor(t, r, n) {
     this.ctrl = t, this.args = r, this.key = n, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
   }
@@ -244,7 +244,7 @@ class re {
     } = this;
     r.args = this.args;
     let o = 0;
-    if (t && (r.event = t, n.preventDefault && t.cancelable && r.event.preventDefault(), r.type = t.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, Qt(t)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, o = t.timeStamp - r.timeStamp, r.timeStamp = t.timeStamp, r.elapsedTime = r.timeStamp - r.startTime), r._active) {
+    if (t && (r.event = t, n.preventDefault && t.cancelable && r.event.preventDefault(), r.type = t.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, ee(t)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, o = t.timeStamp - r.timeStamp, r.timeStamp = t.timeStamp, r.elapsedTime = r.timeStamp - r.startTime), r._active) {
       const A = r._delta.map(Math.abs);
       b.addTo(r._distance, A);
     }
@@ -263,10 +263,10 @@ class re {
     this.restrictToAxis && !r._blocked && this.restrictToAxis(m);
     const I = r.offset, D = r._active && !r._blocked || r.active;
     D && (r.first = r._active && !r.active, r.last = !r._active && r.active, r.active = s[this.ingKey] = r._active, t && (r.first && ("bounds" in n && (r._bounds = H(n.bounds, r)), this.setup && this.setup()), r.movement = m, this.computeOffset()));
-    const [O, w] = r.offset, [[x, M], [g, k]] = r._bounds;
-    r.overflow = [O < x ? -1 : O > M ? 1 : 0, w < g ? -1 : w > k ? 1 : 0], r._movementBound[0] = r.overflow[0] ? r._movementBound[0] === !1 ? r._movement[0] : r._movementBound[0] : !1, r._movementBound[1] = r.overflow[1] ? r._movementBound[1] === !1 ? r._movement[1] : r._movementBound[1] : !1;
-    const N = r._active ? n.rubberband || [0, 0] : [0, 0];
-    if (r.offset = Bt(r._bounds, r.offset, N), r.delta = b.sub(r.offset, I), this.computeMovement(), D && (!r.last || o > ee)) {
+    const [O, x] = r.offset, [[w, M], [g, k]] = r._bounds;
+    r.overflow = [O < w ? -1 : O > M ? 1 : 0, x < g ? -1 : x > k ? 1 : 0], r._movementBound[0] = r.overflow[0] ? r._movementBound[0] === !1 ? r._movement[0] : r._movementBound[0] : !1, r._movementBound[1] = r.overflow[1] ? r._movementBound[1] === !1 ? r._movement[1] : r._movementBound[1] : !1;
+    const L = r._active ? n.rubberband || [0, 0] : [0, 0];
+    if (r.offset = Gt(r._bounds, r.offset, L), r.delta = b.sub(r.offset, I), this.computeMovement(), D && (!r.last || o > se)) {
       r.delta = b.sub(r.offset, I);
       const A = r.delta.map(Math.abs);
       b.addTo(r.distance, A), r.direction = r.delta.map(Math.sign), r._direction = r._delta.map(Math.sign), !r.first && o > 0 && (r.velocity = [A[0] / o, A[1] / o], r.timeDelta = o);
@@ -284,14 +284,14 @@ class re {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function ne([e, t], r) {
+function oe([e, t], r) {
   const n = Math.abs(e), s = Math.abs(t);
   if (n > s && n > r)
     return "x";
   if (s > n && s > r)
     return "y";
 }
-class se extends re {
+class ae extends ie {
   constructor(...t) {
     super(...t), S(this, "aliasKey", "xy");
   }
@@ -310,8 +310,8 @@ class se extends re {
   axisIntent(t) {
     const r = this.state, n = this.config;
     if (!r.axis && t) {
-      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[St(t)] : n.axisThreshold;
-      r.axis = ne(r._movement, s);
+      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[kt(t)] : n.axisThreshold;
+      r.axis = oe(r._movement, s);
     }
     r._blocked = (n.lockDirection || !!n.axis) && !r.axis || !!n.axis && n.axis !== r.axis;
   }
@@ -327,7 +327,7 @@ class se extends re {
       }
   }
 }
-const vt = (e) => e, yt = 0.15, ot = {
+const bt = (e) => e, _t = 0.15, ot = {
   enabled(e = !0) {
     return e;
   },
@@ -343,7 +343,7 @@ const vt = (e) => e, yt = 0.15, ot = {
   rubberband(e = 0) {
     switch (e) {
       case !0:
-        return [yt, yt];
+        return [_t, _t];
       case !1:
         return [0, 0];
       default:
@@ -357,13 +357,13 @@ const vt = (e) => e, yt = 0.15, ot = {
   transform(e, t, r) {
     const n = e || r.shared.transform;
     if (this.hasCustomTransform = !!n, process.env.NODE_ENV === "development") {
-      const s = n || vt;
+      const s = n || bt;
       return (o) => {
         const a = s(o);
         return (!isFinite(a[0]) || !isFinite(a[1])) && console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${a[0]},${[1]}]`), a;
       };
     }
-    return n || vt;
+    return n || bt;
   },
   threshold(e) {
     return b.toVector(e, 0);
@@ -386,13 +386,13 @@ process.env.NODE_ENV === "development" && Object.assign(ot, {
     return NaN;
   }
 });
-const ie = 0, K = p(p({}, ot), {}, {
+const ce = 0, K = p(p({}, ot), {}, {
   axis(e, t, {
     axis: r
   }) {
     if (this.lockDirection = r === "lock", !this.lockDirection) return r;
   },
-  axisThreshold(e = ie) {
+  axisThreshold(e = ce) {
     return e;
   },
   bounds(e = {}) {
@@ -410,13 +410,13 @@ const ie = 0, K = p(p({}, ot), {}, {
     } = e;
     return [[t, r], [n, s]];
   }
-}), bt = {
+}), xt = {
   ArrowRight: (e, t = 1) => [e * t, 0],
   ArrowLeft: (e, t = 1) => [-1 * e * t, 0],
   ArrowUp: (e, t = 1) => [0, -1 * e * t],
   ArrowDown: (e, t = 1) => [0, e * t]
 };
-class oe extends se {
+class ue extends ae {
   constructor(...t) {
     super(...t), S(this, "ingKey", "dragging");
   }
@@ -453,7 +453,7 @@ class oe extends se {
     const r = this.config, n = this.state;
     if (t.buttons != null && (Array.isArray(r.pointerButtons) ? !r.pointerButtons.includes(t.buttons) : r.pointerButtons !== -1 && r.pointerButtons !== t.buttons)) return;
     const s = this.ctrl.setEventIds(t);
-    r.pointerCapture && t.target.setPointerCapture(t.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(t), this.setupPointer(t), n._pointerId = rt(t), n._pointerActive = !0, this.computeValues(mt(t)), this.computeInitial(), r.preventScrollAxis && St(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : r.delay > 0 ? (this.setupDelayTrigger(t), r.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
+    r.pointerCapture && t.target.setPointerCapture(t.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(t), this.setupPointer(t), n._pointerId = rt(t), n._pointerActive = !0, this.computeValues(vt(t)), this.computeInitial(), r.preventScrollAxis && kt(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : r.delay > 0 ? (this.setupDelayTrigger(t), r.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
   }
   startPointerDrag(t) {
     const r = this.state;
@@ -464,7 +464,7 @@ class oe extends se {
     if (!r._pointerActive) return;
     const s = rt(t);
     if (r._pointerId !== void 0 && s !== r._pointerId) return;
-    const o = mt(t);
+    const o = vt(t);
     if (document.pointerLockElement === t.target ? r._delta = [t.movementX, t.movementY] : (r._delta = b.sub(o, r._values), this.computeValues(o)), b.addTo(r._movement, r._delta), this.compute(t), r._delayed && r.intentional) {
       this.timeoutStore.remove("dragDelay"), r.active = !1, this.startPointerDrag(t);
       return;
@@ -500,8 +500,8 @@ class oe extends se {
     else {
       const [c, f] = r._delta, [d, u] = r._movement, [_, m] = n.swipe.velocity, [I, D] = n.swipe.distance, O = n.swipe.duration;
       if (r.elapsedTime < O) {
-        const w = Math.abs(c / r.timeDelta), x = Math.abs(f / r.timeDelta);
-        w > _ && Math.abs(d) > I && (r.swipe[0] = Math.sign(c)), x > m && Math.abs(u) > D && (r.swipe[1] = Math.sign(f));
+        const x = Math.abs(c / r.timeDelta), w = Math.abs(f / r.timeDelta);
+        x > _ && Math.abs(d) > I && (r.swipe[0] = Math.sign(c)), w > m && Math.abs(u) > D && (r.swipe[1] = Math.sign(f));
       }
     }
     this.emit();
@@ -528,7 +528,7 @@ class oe extends se {
     this.state._preventScroll && t.cancelable && t.preventDefault();
   }
   setupScrollPrevention(t) {
-    this.state._preventScroll = !1, ae(t);
+    this.state._preventScroll = !1, le(t);
     const r = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
       passive: !1
     });
@@ -540,14 +540,14 @@ class oe extends se {
     }, this.config.delay);
   }
   keyDown(t) {
-    const r = bt[t.key];
+    const r = xt[t.key];
     if (r) {
       const n = this.state, s = t.shiftKey ? 10 : t.altKey ? 0.1 : 1;
       this.start(t), n._delta = r(this.config.keyboardDisplacement, s), n._keyboardActive = !0, b.addTo(n._movement, n._delta), this.compute(t), this.emit();
     }
   }
   keyUp(t) {
-    t.key in bt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
+    t.key in xt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
   }
   bind(t) {
     const r = this.config.device;
@@ -557,23 +557,23 @@ class oe extends se {
     });
   }
 }
-function ae(e) {
+function le(e) {
   "persist" in e && typeof e.persist == "function" && e.persist();
 }
 const G = typeof window < "u" && window.document && window.document.createElement;
-function kt() {
+function Dt() {
   return G && "ontouchstart" in window;
 }
-function ce() {
-  return kt() || G && window.navigator.maxTouchPoints > 1;
+function fe() {
+  return Dt() || G && window.navigator.maxTouchPoints > 1;
 }
-function ue() {
+function de() {
   return G && "onpointerdown" in window;
 }
-function le() {
+function he() {
   return G && "exitPointerLock" in window.document;
 }
-function fe() {
+function pe() {
   try {
     return "constructor" in GestureEvent;
   } catch {
@@ -582,16 +582,16 @@ function fe() {
 }
 const P = {
   isBrowser: G,
-  gesture: fe(),
-  touch: kt(),
-  touchscreen: ce(),
-  pointer: ue(),
-  pointerLock: le()
-}, de = 250, he = 180, pe = 0.5, me = 50, ge = 250, ve = 10, _t = {
+  gesture: pe(),
+  touch: Dt(),
+  touchscreen: fe(),
+  pointer: de(),
+  pointerLock: he()
+}, me = 250, ge = 180, ve = 0.5, ye = 50, be = 250, _e = 10, wt = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, Ct = p(p({}, K), {}, {
+}, $t = p(p({}, K), {}, {
   device(e, t, {
     pointer: {
       touch: r = !1,
@@ -604,7 +604,7 @@ const P = {
   preventScrollAxis(e, t, {
     preventScroll: r
   }) {
-    if (this.preventScrollDelay = typeof r == "number" ? r : r || r === void 0 && e ? de : void 0, !(!P.touchscreen || r === !1))
+    if (this.preventScrollDelay = typeof r == "number" ? r : r || r === void 0 && e ? me : void 0, !(!P.touchscreen || r === !1))
       return e || (r !== void 0 ? "y" : void 0);
   },
   pointerCapture(e, t, {
@@ -625,9 +625,9 @@ const P = {
     return this.filterTaps = r, this.tapsThreshold = n, o;
   },
   swipe({
-    velocity: e = pe,
-    distance: t = me,
-    duration: r = ge
+    velocity: e = ve,
+    distance: t = ye,
+    duration: r = be
   } = {}) {
     return {
       velocity: this.transform(b.toVector(e)),
@@ -638,7 +638,7 @@ const P = {
   delay(e = 0) {
     switch (e) {
       case !0:
-        return he;
+        return ge;
       case !1:
         return 0;
       default:
@@ -646,13 +646,13 @@ const P = {
     }
   },
   axisThreshold(e) {
-    return e ? p(p({}, _t), e) : _t;
+    return e ? p(p({}, wt), e) : wt;
   },
-  keyboardDisplacement(e = ve) {
+  keyboardDisplacement(e = _e) {
     return e;
   }
 });
-process.env.NODE_ENV === "development" && Object.assign(Ct, {
+process.env.NODE_ENV === "development" && Object.assign($t, {
   useTouch(e) {
     if (e !== void 0)
       throw Error("[@use-gesture]: `useTouch` option has been renamed to `pointer.touch`. Use it as in `{ pointer: { touch: true } }`.");
@@ -698,13 +698,13 @@ p(p({}, ot), {}, {
     angleBounds: n = {}
   }) {
     const s = (a) => {
-      const c = gt(H(r, a), {
+      const c = yt(H(r, a), {
         min: -1 / 0,
         max: 1 / 0
       });
       return [c.min, c.max];
     }, o = (a) => {
-      const c = gt(H(n, a), {
+      const c = yt(H(n, a), {
         min: -1 / 0,
         max: 1 / 0
       });
@@ -728,25 +728,25 @@ p(p({}, K), {}, {
 p(p({}, K), {}, {
   mouseOnly: (e = !0) => e
 });
-const Dt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map();
-function ye(e) {
-  Dt.set(e.key, e.engine), it.set(e.key, e.resolver);
+const Pt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map();
+function xe(e) {
+  Pt.set(e.key, e.engine), it.set(e.key, e.resolver);
 }
-const be = {
+const we = {
   key: "drag",
-  engine: oe,
-  resolver: Ct
+  engine: ue,
+  resolver: $t
 };
-function _e(e, t) {
+function Ee(e, t) {
   if (e == null) return {};
   var r = {}, n = Object.keys(e), s, o;
   for (o = 0; o < n.length; o++)
     s = n[o], !(t.indexOf(s) >= 0) && (r[s] = e[s]);
   return r;
 }
-function we(e, t) {
+function Te(e, t) {
   if (e == null) return {};
-  var r = _e(e, t), n, s;
+  var r = Ee(e, t), n, s;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
     for (s = 0; s < o.length; s++)
@@ -754,7 +754,7 @@ function we(e, t) {
   }
   return r;
 }
-const xe = {
+const Se = {
   target(e) {
     if (e)
       return () => "current" in e ? e.current : e;
@@ -777,7 +777,7 @@ const xe = {
   transform(e) {
     return e;
   }
-}, Ee = ["target", "eventOptions", "window", "enabled", "transform"];
+}, Ie = ["target", "eventOptions", "window", "enabled", "transform"];
 function F(e = {}, t) {
   const r = {};
   for (const [n, s] of Object.entries(t))
@@ -798,21 +798,21 @@ function F(e = {}, t) {
     }
   return r;
 }
-function Te(e, t, r = {}) {
+function ke(e, t, r = {}) {
   const n = e, {
     target: s,
     eventOptions: o,
     window: a,
     enabled: c,
     transform: f
-  } = n, d = we(n, Ee);
+  } = n, d = Te(n, Ie);
   if (r.shared = F({
     target: s,
     eventOptions: o,
     window: a,
     enabled: c,
     transform: f
-  }, xe), t) {
+  }, Se), t) {
     const u = it.get(t);
     r[t] = F(p({
       shared: r.shared
@@ -832,12 +832,12 @@ function Te(e, t, r = {}) {
     }
   return r;
 }
-class $t {
+class Ot {
   constructor(t, r) {
     S(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = r;
   }
   add(t, r, n, s, o) {
-    const a = this._listeners, c = Ht(r, n), f = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, d = p(p({}, f), o);
+    const a = this._listeners, c = Jt(r, n), f = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, d = p(p({}, f), o);
     t.addEventListener(c, s, d);
     const u = () => {
       t.removeEventListener(c, s, d), a.delete(u);
@@ -848,7 +848,7 @@ class $t {
     this._listeners.forEach((t) => t()), this._listeners.clear();
   }
 }
-class Se {
+class Ce {
   constructor() {
     S(this, "_timeouts", /* @__PURE__ */ new Map());
   }
@@ -863,20 +863,20 @@ class Se {
     this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
   }
 }
-class Ie {
+class De {
   constructor(t) {
-    S(this, "gestures", /* @__PURE__ */ new Set()), S(this, "_targetEventStore", new $t(this)), S(this, "gestureEventStores", {}), S(this, "gestureTimeoutStores", {}), S(this, "handlers", {}), S(this, "config", {}), S(this, "pointerIds", /* @__PURE__ */ new Set()), S(this, "touchIds", /* @__PURE__ */ new Set()), S(this, "state", {
+    S(this, "gestures", /* @__PURE__ */ new Set()), S(this, "_targetEventStore", new Ot(this)), S(this, "gestureEventStores", {}), S(this, "gestureTimeoutStores", {}), S(this, "handlers", {}), S(this, "config", {}), S(this, "pointerIds", /* @__PURE__ */ new Set()), S(this, "touchIds", /* @__PURE__ */ new Set()), S(this, "state", {
       shared: {
         shiftKey: !1,
         metaKey: !1,
         ctrlKey: !1,
         altKey: !1
       }
-    }), ke(this, t);
+    }), $e(this, t);
   }
   setEventIds(t) {
     if (X(t))
-      return this.touchIds = new Set(Jt(t)), this.touchIds;
+      return this.touchIds = new Set(te(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;
   }
@@ -884,7 +884,7 @@ class Ie {
     this.handlers = t, this.nativeHandlers = r;
   }
   applyConfig(t, r) {
-    this.config = Te(t, r, this.config);
+    this.config = ke(t, r, this.config);
   }
   clean() {
     this._targetEventStore.clean();
@@ -900,13 +900,13 @@ class Ie {
     if (!(r.target && (s = r.target(), !s))) {
       if (r.enabled) {
         for (const a of this.gestures) {
-          const c = this.config[a], f = wt(n, c.eventOptions, !!s);
+          const c = this.config[a], f = Et(n, c.eventOptions, !!s);
           if (c.enabled) {
-            const d = Dt.get(a);
+            const d = Pt.get(a);
             new d(this, t, a).bind(f);
           }
         }
-        const o = wt(n, r.eventOptions, !!s);
+        const o = Et(n, r.eventOptions, !!s);
         for (const a in this.nativeHandlers)
           o(a, "", (c) => this.nativeHandlers[a](p(p({}, this.state.shared), {}, {
             event: c,
@@ -914,14 +914,14 @@ class Ie {
           })), void 0, !0);
       }
       for (const o in n)
-        n[o] = te(...n[o]);
+        n[o] = ne(...n[o]);
       if (!s) return n;
       for (const o in n) {
         const {
           device: a,
           capture: c,
           passive: f
-        } = Ft(o);
+        } = qt(o);
         this._targetEventStore.add(s, a, "", n[o], {
           capture: c,
           passive: f
@@ -931,29 +931,29 @@ class Ie {
   }
 }
 function B(e, t) {
-  e.gestures.add(t), e.gestureEventStores[t] = new $t(e, t), e.gestureTimeoutStores[t] = new Se();
+  e.gestures.add(t), e.gestureEventStores[t] = new Ot(e, t), e.gestureTimeoutStores[t] = new Ce();
 }
-function ke(e, t) {
+function $e(e, t) {
   t.drag && B(e, "drag"), t.wheel && B(e, "wheel"), t.scroll && B(e, "scroll"), t.move && B(e, "move"), t.pinch && B(e, "pinch"), t.hover && B(e, "hover");
 }
-const wt = (e, t, r) => (n, s, o, a = {}, c = !1) => {
+const Et = (e, t, r) => (n, s, o, a = {}, c = !1) => {
   var f, d;
   const u = (f = a.capture) !== null && f !== void 0 ? f : t.capture, _ = (d = a.passive) !== null && d !== void 0 ? d : t.passive;
-  let m = c ? n : Wt(n, s, u);
+  let m = c ? n : Ht(n, s, u);
   r && _ && (m += "Passive"), e[m] = e[m] || [], e[m].push(o);
 };
-function Ce(e, t = {}, r, n) {
-  const s = et.useMemo(() => new Ie(e), []);
+function Pe(e, t = {}, r, n) {
+  const s = et.useMemo(() => new De(e), []);
   if (s.applyHandlers(e, n), s.applyConfig(t, r), et.useEffect(s.effect.bind(s)), et.useEffect(() => s.clean.bind(s), []), t.target === void 0)
     return s.bind.bind(s);
 }
-function De(e, t) {
-  return ye(be), Ce({
+function Oe(e, t) {
+  return xe(we), Pe({
     drag: e
   }, t || {}, "drag");
 }
 const nt = "RSC::Event";
-function $e() {
+function Ae() {
   const e = $(null);
   function t(n) {
     U(() => {
@@ -985,11 +985,11 @@ function $e() {
     emitEvent: r
   };
 }
-function Pe(e) {
+function Ne(e) {
   let t = e.replace(/\/\*[\s\S]*?\*\/|([^:]|^)\/\/.*$/gm, "");
   return t = t.replace(/[\n\t]+/g, " "), t = t.replace(/\s*([{}:;,])\s*/g, "$1"), t = t.replace(/\s+}/g, "}"), t = t.replace(/{\s+/g, "{"), t = t.replace(/\s+/g, " "), t.trim();
 }
-function Ve({
+function Be({
   init: e = !0,
   items: t,
   withLoop: r = !1,
@@ -1004,14 +1004,26 @@ function Ve({
   slideType: _ = "item",
   initialActiveItem: m = 0
 }) {
-  const [I, D] = Rt(!1), O = $(e), w = $(null), x = $(null), M = $(0), g = $(0), k = $(!r), N = $(!1), A = $(0), h = $(0), z = Vt(), q = Et({
+  const [I, D] = Ut(!1), O = $(e), x = $(null), w = $(null), M = $(0), g = $(0), k = $(!r), L = $(!1), A = $(0), h = $(0);
+  function At(i) {
+    if (i === void 0) return 0;
+    if (typeof i == "number")
+      return t[i] ? i : (console.warn(
+        `initialActiveItem: item at index ${i} doesn't exist.`
+      ), 0);
+    const l = t.findIndex((v) => v.id === i);
+    return l < 0 ? (console.warn(
+      `initialActiveItem: item with id "${i}" doesn't exist.`
+    ), 0) : l;
+  }
+  const z = Bt(), q = St({
     value: 0,
     ref: z,
     onChange({ value: i }) {
       const l = a === "x" ? `translate3d(calc(${i.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${i.value}px + var(--${n}-offset-modifier)), 0px)`;
-      x.current.style.transform = l;
+      w.current.style.transform = l;
     }
-  }), Pt = r ? [
+  }), Nt = r ? [
     ...t.map((i) => ({
       ...i,
       id: `prev-repeated-item-${i.id}`,
@@ -1023,22 +1035,22 @@ function Ve({
       id: `next-repeated-item-${i.id}`,
       isClonedItem: !0
     }))
-  ] : t, { useListenToCustomEvent: at, emitEvent: W } = $e();
+  ] : t, { useListenToCustomEvent: at, emitEvent: W } = Ae();
   function ct() {
     const { totalGutterCssVar: i } = ut();
     return i;
   }
-  function Ot() {
-    if (w.current) {
+  function Lt() {
+    if (x.current) {
       const l = window.getComputedStyle(
-        w.current
+        x.current
       ).getPropertyValue(`--${n}-items-per-slide`).trim();
       return Number(l) || 1;
     }
     return 1;
   }
   function J(i) {
-    O.current && (N.current || R({
+    O.current && (L.current || R({
       type: "next",
       toIndex: i,
       actionType: "click"
@@ -1054,126 +1066,131 @@ function Ve({
   function R({
     type: i,
     shouldAnimate: l = !0,
-    toIndex: y,
+    toIndex: v,
     actionType: E
   }) {
-    var L, j;
+    var j, ft;
     const T = !l;
-    k.current = !1, N.current = !1;
-    let v = q.value.get(), C = 0;
-    if (i === "next" && (h.current += 1), i === "prev" && (h.current === 0 ? h.current = t.length - 1 : h.current -= 1), y !== void 0 && (h.current = y), i === "next") {
+    k.current = !1, L.current = !1;
+    let y = q.value.get(), C = 0;
+    if (i === "next" && (h.current += 1), i === "prev" && (h.current === 0 ? h.current = t.length - 1 : h.current -= 1), v !== void 0 && (h.current = v), i === "next") {
       const V = Z(
         r ? g.current * (t.length * 2) : 0
       );
-      C = -(h.current * g.current), r && h.current === t.length && (h.current = 0, v = v + g.current * t.length, C = 0), !r && (Math.abs(C) >= V || h.current === t.length - 1) && (N.current = !0, C = -V);
+      C = -(h.current * g.current), r && h.current === t.length && (h.current = 0, y = y + g.current * t.length, C = 0), !r && (Math.abs(C) >= V || h.current === t.length - 1) && (L.current = !0, C = -V);
     }
-    i === "prev" && (C = -(h.current * g.current), h.current === t.length - 1 && (v = v - t.length * g.current), !r && C >= 0 && (k.current = !0, C = 0)), M.current = C, E === "resize" ? (C = -(h.current * g.current), W({
+    i === "prev" && (C = -(h.current * g.current), h.current === t.length - 1 && (y = y - t.length * g.current), !r && C >= 0 && (k.current = !0, C = 0)), M.current = C;
+    const N = r ? h.current % t.length : h.current;
+    E === "resize" ? (C = -(h.current * g.current), W({
       eventName: "onResize",
       sliceActionType: E,
       slideDirection: i,
       currentItem: {
-        index: h.current,
-        id: ((L = t.at(h.current)) == null ? void 0 : L.id) ?? "",
+        index: N,
+        id: ((j = t.at(N)) == null ? void 0 : j.id) ?? "",
         startReached: k.current,
-        endReached: N.current
+        endReached: L.current
       }
     })) : W({
       eventName: "onSlideStartChange",
       sliceActionType: E,
       slideDirection: i,
       nextItem: {
-        index: h.current,
-        id: ((j = t.at(h.current)) == null ? void 0 : j.id) ?? "",
+        index: N,
+        id: ((ft = t.at(N)) == null ? void 0 : ft.id) ?? "",
         startReached: k.current,
-        endReached: N.current
+        endReached: L.current
       }
     }), z.start({
       immediate: T,
       from: {
-        value: v
+        value: y
       },
       to: {
         value: C
       },
       onChange({ value: V }) {
         const Y = a === "x" ? `translate3d(calc(${V.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${V.value}px + var(--${n}-offset-modifier)), 0px)`;
-        x.current.style.transform = Y;
+        w.current.style.transform = Y;
       },
       onRest({ finished: V }) {
         var Y;
-        V && W({
-          eventName: "onSlideChangeComplete",
-          sliceActionType: E,
-          slideDirection: i,
-          currentItem: {
-            index: h.current,
-            id: ((Y = t.at(h.current)) == null ? void 0 : Y.id) ?? "",
-            startReached: k.current,
-            endReached: N.current
-          }
-        });
+        if (V) {
+          const dt = r ? h.current % t.length : h.current;
+          W({
+            eventName: "onSlideChangeComplete",
+            sliceActionType: E,
+            slideDirection: i,
+            currentItem: {
+              index: dt,
+              id: ((Y = t.at(dt)) == null ? void 0 : Y.id) ?? "",
+              startReached: k.current,
+              endReached: L.current
+            }
+          });
+        }
       }
     });
   }
-  function At() {
-    const i = x.current;
+  function Mt() {
+    const i = w.current;
     let l = 0;
     return _ === "item" ? l = i.children[0].getBoundingClientRect()[a === "x" ? "width" : "height"] + ct() : l = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + ct(), l;
   }
   function Z(i) {
-    const l = x.current;
+    const l = w.current;
     return l[a === "x" ? "scrollWidth" : "scrollHeight"] - l.getBoundingClientRect()[a === "x" ? "width" : "height"] - i;
   }
   function ut() {
     let i = 0, l = 0;
-    if (w.current) {
-      const y = window.getComputedStyle(
-        w.current
-      ), E = y.getPropertyValue(`--${n}-start-end-gutter`).trim();
+    if (x.current) {
+      const v = window.getComputedStyle(
+        x.current
+      ), E = v.getPropertyValue(`--${n}-start-end-gutter`).trim();
       E.includes("px") && (i = Number(
         E.replace("px", "")
       ));
-      const T = y.getPropertyValue(`--${n}-gutter`).trim();
+      const T = v.getPropertyValue(`--${n}-gutter`).trim();
       T.includes("px") && (l = Number(T.replace("px", "")));
     }
     return { totalStartEndGutterCssVar: i, totalGutterCssVar: l };
   }
   U(() => {
     function i(T) {
-      const v = Ot();
+      const y = Lt();
       switch (T) {
         case "start":
           return 0;
         case "middle-start":
-          return Math.floor((v - 1) * 0.25);
+          return Math.floor((y - 1) * 0.25);
         case "center":
-          return Math.floor((v - 1) * 0.5);
+          return Math.floor((y - 1) * 0.5);
         case "middle-end":
-          return Math.floor((v - 1) * 0.75);
+          return Math.floor((y - 1) * 0.75);
         case "end":
-          return v - 1;
+          return y - 1;
         default:
           return 0;
       }
     }
     function l() {
-      g.current = At(), console.log("scrollAmountValue", g.current), A.current = g.current / 4;
+      g.current = Mt(), console.log("scrollAmountValue", g.current), A.current = g.current / 4;
       const { totalStartEndGutterCssVar: T } = ut();
-      let v = 0;
-      r && (v = g.current * t.length), v -= g.current * i(c), v -= T / 2, console.log({
+      let y = 0;
+      r && (y = g.current * t.length), y -= g.current * i(c), y -= T / 2, console.log({
         mod1: g.current * t.length,
         mod2: g.current * i(c),
         mod3: T / 2
-      }), w.current.style.setProperty(
+      }), x.current.style.setProperty(
         `--${n}-offset-modifier`,
-        `${-v}px`
+        `${-y}px`
       );
     }
-    function y(T) {
-      w.current && (l(), D(!0), T && T());
+    function v(T) {
+      x.current && (l(), D(!0), T && T());
     }
     function E() {
-      y(), R({
+      v(), R({
         type: "resize",
         toIndex: h.current,
         shouldAnimate: !1,
@@ -1181,40 +1198,41 @@ function Ve({
       });
     }
     if (e)
-      return O.current = !0, y(u), window.addEventListener("resize", E), () => {
+      return O.current = !0, v(u), window.addEventListener("resize", E), () => {
         window.removeEventListener("resize", E);
       };
   }, [e, r, n, a, s, c]), U(() => {
-    e && m !== h.current && R({
+    const i = At(m);
+    e && i !== h.current && R({
       type: "next",
-      toIndex: m,
+      toIndex: i,
       actionType: "resize",
       shouldAnimate: !1
     });
   }, [e, m]);
-  const lt = f, Nt = De(
+  const lt = f, Vt = Oe(
     (i) => {
       if (!O.current)
         return;
-      const l = i.dragging, y = i.offset[a === "x" ? 0 : 1], E = i.movement[a === "x" ? 0 : 1], T = E > A.current, v = E < -A.current, C = i.velocity;
+      const l = i.dragging, v = i.offset[a === "x" ? 0 : 1], E = i.movement[a === "x" ? 0 : 1], T = E > A.current, y = E < -A.current, C = i.velocity;
       l && (W({
         ...i,
         eventName: "onDrag",
         slideActionType: "drag"
       }), z.start({
-        value: y,
+        value: v,
         immediate: !0,
         config: {
           velocity: C
         },
-        onChange({ value: L }) {
-          const j = a === "x" ? `translate3d(calc(${L.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${L.value}px + var(--${n}-offset-modifier)), 0px)`;
-          x.current.style.transform = j;
+        onChange({ value: N }) {
+          const j = a === "x" ? `translate3d(calc(${N.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${N.value}px + var(--${n}-offset-modifier)), 0px)`;
+          w.current.style.transform = j;
         }
-      }), d && (T || v) && i.cancel()), i.last && (T ? (R({
+      }), d && (T || y) && i.cancel()), i.last && (T ? (R({
         actionType: "drag",
         type: "prev"
-      }), i.cancel()) : v ? (R({
+      }), i.cancel()) : y ? (R({
         actionType: "drag",
         type: "next"
       }), i.cancel()) : (z.start({
@@ -1222,9 +1240,9 @@ function Ve({
         config: {
           velocity: C
         },
-        onChange({ value: L }) {
-          const j = a === "x" ? `translate3d(calc(${L.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${L.value}px + var(--${n}-offset-modifier)), 0px)`;
-          x.current.style.transform = j;
+        onChange({ value: N }) {
+          const j = a === "x" ? `translate3d(calc(${N.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${N.value}px + var(--${n}-offset-modifier)), 0px)`;
+          w.current.style.transform = j;
         }
       }), i.cancel()));
     },
@@ -1243,25 +1261,25 @@ function Ve({
       from: () => [q.value.get(), q.value.get()]
     }
   );
-  function Lt(i) {
-    var l, y;
-    return typeof i == "number" ? h.current === i : ((l = t.find((E) => E.id === i)) == null ? void 0 : l.id) === ((y = t[h.current]) == null ? void 0 : y.id);
+  function Rt(i) {
+    var l, v;
+    return typeof i == "number" ? h.current === i : ((l = t.find((E) => E.id === i)) == null ? void 0 : l.id) === ((v = t[h.current]) == null ? void 0 : v.id);
   }
   return {
-    carouselFragment: /* @__PURE__ */ Mt(
+    carouselFragment: /* @__PURE__ */ jt(
       "div",
       {
-        ref: w,
+        ref: x,
         className: "ReactSpringCarouselContainer",
         "data-part": "Container",
         "data-part-internal": `${n}-Container`,
-        ...Nt(),
+        ...Vt(),
         children: [
           /* @__PURE__ */ tt(
             "style",
             {
               dangerouslySetInnerHTML: {
-                __html: Pe(`
+                __html: Ne(`
             [data-part-internal="${n}-Container"] {
               display: flex;
               width: 100%;
@@ -1318,14 +1336,14 @@ function Ve({
           /* @__PURE__ */ tt(
             "div",
             {
-              ref: x,
+              ref: w,
               className: "ReactSpringCarouselTrack",
               "data-part": "Track",
               "data-part-internal": `${n}-Track`,
               onScroll: () => {
-                k.current = !1, N.current = !1;
+                k.current = !1, L.current = !1;
               },
-              children: Pt.map((i, l) => /* @__PURE__ */ tt(
+              children: Nt.map((i, l) => /* @__PURE__ */ tt(
                 "div",
                 {
                   className: "ReactSpringCarouselItem",
@@ -1334,9 +1352,9 @@ function Ve({
                   "data-id": i.id,
                   children: typeof i.renderItem == "function" ? i.renderItem({
                     useListenToCustomEvent: at,
-                    index: { index: l, clonedIndex: l % t.length },
+                    index: r ? l % t.length : l,
                     isClonedItem: !!i.isClonedItem,
-                    isActiveItem: Lt
+                    isActiveItem: Rt
                   }) : i.renderItem
                 },
                 `${i.id}-${l}`
@@ -1360,7 +1378,7 @@ function Ve({
         i > h.current ? J(i) : Q(i);
       }
       if (typeof i == "string") {
-        const l = t.findIndex((y) => y.id === i);
+        const l = t.findIndex((v) => v.id === i);
         if (l < 0) {
           console.warn(
             `The item you're trying to slide doesn't exist. id: ${i}`
@@ -1372,20 +1390,20 @@ function Ve({
     }
   };
 }
-function Oe(e) {
+function Le(e) {
   let t = 0;
   const r = getComputedStyle(e).getPropertyValue("gap");
   return r.includes("px") && (t = Number(r.replace("px", ""))), t;
 }
-function xt(e) {
+function Tt(e) {
   return e.scrollWidth - e.clientWidth;
 }
 function st(e) {
-  const t = e.children[0], r = Oe(e);
+  const t = e.children[0], r = Le(e);
   return t.getBoundingClientRect().width + r;
 }
-function Re({ container: e, onReach: t }) {
-  const r = $("start"), n = $(0), [, s] = Et(() => ({
+function Ue({ container: e, onReach: t }) {
+  const r = $("start"), n = $(0), [, s] = St(() => ({
     x: 0
   }));
   function o(c) {
@@ -1406,7 +1424,7 @@ function Re({ container: e, onReach: t }) {
       return;
     let f = 0;
     if (c === "next" && (n.current += 1), c === "prev" && (n.current -= 1), f = n.current * st(e.current), c === "next") {
-      const d = xt(e.current);
+      const d = Tt(e.current);
       f > d && (r.current = "end", f = d, t && t("end"));
     }
     c === "prev" && f <= 0 && (r.current = "start", n.current = 0, f = 0, t && t("start")), o(f);
@@ -1418,17 +1436,17 @@ function Re({ container: e, onReach: t }) {
         index: k,
         start: I * k,
         end: I * (k + 1)
-      })), w = e.current.scrollLeft + D, x = O.find(
-        (g) => w >= g.start && w < g.end
+      })), x = e.current.scrollLeft + D, w = O.find(
+        (g) => x >= g.start && x < g.end
       );
-      n.current = (x == null ? void 0 : x.index) || 0;
+      n.current = (w == null ? void 0 : w.index) || 0;
     }
     function f() {
       s.stop();
     }
     function d(I) {
       const D = I.target;
-      D.scrollLeft === 0 ? (n.current = 0, r.current = "start", t && t("start")) : D.scrollLeft >= xt(D) ? (r.current = "end", t && t("end")) : r.current !== "idle" && (r.current = "idle", t && t("idle"));
+      D.scrollLeft === 0 ? (n.current = 0, r.current = "start", t && t("start")) : D.scrollLeft >= Tt(D) ? (r.current = "end", t && t("end")) : r.current !== "idle" && (r.current = "idle", t && t("idle"));
     }
     let u, _ = 0;
     function m() {
@@ -1461,6 +1479,6 @@ function Re({ container: e, onReach: t }) {
   };
 }
 export {
-  Ve as useSpringCarousel,
-  Re as useSpringScroll
+  Be as useSpringCarousel,
+  Ue as useSpringScroll
 };