react-spring-carousel 3.0.0-beta-2.0.31 → 3.0.0-beta-2.0.4

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsxs as $t, jsx as X } from "react/jsx-runtime";
+import { jsxs as Ot, jsx as X } from "react/jsx-runtime";
 import { useSpring as At } from "@react-spring/web";
-import q, { useRef as k, useEffect as Z, useState as Pt } from "react";
-function Nt(r, t, e) {
+import q, { useRef as k, useEffect as Z, useState as Nt } from "react";
+function Mt(r, t, e) {
   return Math.max(t, Math.min(r, e));
 }
 const y = {
@@ -21,17 +21,17 @@ const y = {
     r[0] -= t[0], r[1] -= t[1];
   }
 };
-function ct(r, t, e) {
+function lt(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 ? Nt(r, t, e) : r < t ? -ct(t - r, e - t, n) + t : r > e ? +ct(r - e, e - t, n) + e : r;
+function ft(r, t, e, n = 0.15) {
+  return n === 0 ? Mt(r, t, e) : r < t ? -lt(t - r, e - t, n) + t : r > e ? +lt(r - e, e - t, n) + e : r;
 }
-function Mt(r, [t, e], [n, s]) {
+function Rt(r, [t, e], [n, s]) {
   const [[o, a], [u, h]] = r;
-  return [ut(t, o, a, n), ut(e, u, h, s)];
+  return [ft(t, o, a, n), ft(e, u, h, s)];
 }
-function Rt(r, t) {
+function Vt(r, t) {
   if (typeof r != "object" || r === null) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
@@ -42,7 +42,7 @@ function Rt(r, t) {
   return (t === "string" ? String : Number)(r);
 }
 function Lt(r) {
-  var t = Rt(r, "string");
+  var t = Vt(r, "string");
   return typeof t == "symbol" ? t : String(t);
 }
 function w(r, t, e) {
@@ -53,7 +53,7 @@ function w(r, t, e) {
     writable: !0
   }) : r[t] = e, r;
 }
-function lt(r, t) {
+function dt(r, t) {
   var e = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(r);
@@ -66,15 +66,15 @@ function lt(r, t) {
 function d(r) {
   for (var t = 1; t < arguments.length; t++) {
     var e = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? lt(Object(e), !0).forEach(function(n) {
+    t % 2 ? dt(Object(e), !0).forEach(function(n) {
       w(r, n, e[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(e)) : lt(Object(e)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(e)) : dt(Object(e)).forEach(function(n) {
       Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(e, n));
     });
   }
   return r;
 }
-const _t = {
+const wt = {
   pointer: {
     start: "down",
     change: "move",
@@ -96,38 +96,38 @@ const _t = {
     end: "end"
   }
 };
-function ft(r) {
+function ht(r) {
   return r ? r[0].toUpperCase() + r.slice(1) : "";
 }
-const Vt = ["enter", "leave"];
-function jt(r = !1, t) {
-  return r && !Vt.includes(t);
+const jt = ["enter", "leave"];
+function Ut(r = !1, t) {
+  return r && !jt.includes(t);
 }
-function Ut(r, t = "", e = !1) {
-  const n = _t[r], s = n && n[t] || t;
-  return "on" + ft(r) + ft(s) + (jt(e, s) ? "Capture" : "");
+function Kt(r, t = "", e = !1) {
+  const n = wt[r], s = n && n[t] || t;
+  return "on" + ht(r) + ht(s) + (Ut(e, s) ? "Capture" : "");
 }
-const Kt = ["gotpointercapture", "lostpointercapture"];
-function Bt(r) {
+const Bt = ["gotpointercapture", "lostpointercapture"];
+function zt(r) {
   let t = r.substring(2).toLowerCase();
   const e = !!~t.indexOf("passive");
   e && (t = t.replace("passive", ""));
-  const n = Kt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
+  const n = Bt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
   return s && (t = t.replace("capture", "")), {
     device: t,
     capture: s,
     passive: e
   };
 }
-function zt(r, t = "") {
-  const e = _t[r], n = e && e[t] || t;
+function Gt(r, t = "") {
+  const e = wt[r], n = e && e[t] || t;
   return r + n;
 }
-function Y(r) {
+function G(r) {
   return "touches" in r;
 }
-function bt(r) {
-  return Y(r) ? "touch" : "pointerType" in r ? r.pointerType : "mouse";
+function Et(r) {
+  return G(r) ? "touch" : "pointerType" in r ? r.pointerType : "mouse";
 }
 function Yt(r) {
   return Array.from(r.touches).filter((t) => {
@@ -135,24 +135,24 @@ function Yt(r) {
     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 Gt(r) {
+function Ft(r) {
   return r.type === "touchend" || r.type === "touchcancel" ? r.changedTouches : r.targetTouches;
 }
-function wt(r) {
-  return Y(r) ? Gt(r)[0] : r;
+function Tt(r) {
+  return G(r) ? Ft(r)[0] : r;
 }
-function Ft(r) {
+function Wt(r) {
   return Yt(r).map((t) => t.identifier);
 }
 function J(r) {
-  const t = wt(r);
-  return Y(r) ? t.identifier : t.pointerId;
+  const t = Tt(r);
+  return G(r) ? t.identifier : t.pointerId;
 }
-function dt(r) {
-  const t = wt(r);
+function pt(r) {
+  const t = Tt(r);
   return [t.clientX, t.clientY];
 }
-function Wt(r) {
+function Ht(r) {
   const t = {};
   if ("buttons" in r && (t.buttons = r.buttons), "shiftKey" in r) {
     const {
@@ -173,21 +173,21 @@ function Wt(r) {
 function z(r, ...t) {
   return typeof r == "function" ? r(...t) : r;
 }
-function Ht() {
+function Xt() {
 }
-function Xt(...r) {
-  return r.length === 0 ? Ht : r.length === 1 ? r[0] : function() {
+function qt(...r) {
+  return r.length === 0 ? Xt : r.length === 1 ? r[0] : function() {
     let t;
     for (const e of r)
       t = e.apply(this, arguments) || t;
     return t;
   };
 }
-function ht(r, t) {
+function mt(r, t) {
   return Object.assign({}, t, r || {});
 }
-const qt = 32;
-class Jt {
+const Jt = 32;
+class Qt {
   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());
   }
@@ -244,9 +244,9 @@ class Jt {
     } = this;
     e.args = this.args;
     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, Wt(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);
-      y.addTo(e._distance, l);
+    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 f = e._delta.map(Math.abs);
+      y.addTo(e._distance, f);
     }
     this.axisIntent && this.axisIntent(t);
     const [a, u] = e._movement, [h, p] = n.threshold, {
@@ -254,22 +254,22 @@ class Jt {
       values: b
     } = e;
     if (n.hasCustomTransform ? (c[0] === !1 && (c[0] = Math.abs(a) >= h && b[0]), c[1] === !1 && (c[1] = Math.abs(u) >= p && b[1])) : (c[0] === !1 && (c[0] = Math.abs(a) >= h && Math.sign(a) * h), c[1] === !1 && (c[1] = Math.abs(u) >= p && Math.sign(u) * p)), e.intentional = c[0] !== !1 || c[1] !== !1, !e.intentional) return;
-    const m = [0, 0];
+    const g = [0, 0];
     if (n.hasCustomTransform) {
-      const [l, L] = b;
-      m[0] = c[0] !== !1 ? l - c[0] : 0, m[1] = c[1] !== !1 ? L - c[1] : 0;
+      const [f, V] = b;
+      g[0] = c[0] !== !1 ? f - c[0] : 0, g[1] = c[1] !== !1 ? V - c[1] : 0;
     } else
-      m[0] = c[0] !== !1 ? a - c[0] : 0, m[1] = c[1] !== !1 ? u - c[1] : 0;
-    this.restrictToAxis && !e._blocked && this.restrictToAxis(m);
-    const A = e.offset, D = e._active && !e._blocked || e.active;
-    D && (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 = z(n.bounds, e)), this.setup && this.setup()), e.movement = m, this.computeOffset()));
-    const [S, $] = e.offset, [[P, x], [C, O]] = e._bounds;
-    e.overflow = [S < P ? -1 : S > x ? 1 : 0, $ < C ? -1 : $ > O ? 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;
+      g[0] = c[0] !== !1 ? a - c[0] : 0, g[1] = c[1] !== !1 ? u - c[1] : 0;
+    this.restrictToAxis && !e._blocked && this.restrictToAxis(g);
+    const O = e.offset, D = e._active && !e._blocked || e.active;
+    D && (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 = z(n.bounds, e)), this.setup && this.setup()), e.movement = g, this.computeOffset()));
+    const [E, $] = e.offset, [[A, x], [C, P]] = e._bounds;
+    e.overflow = [E < A ? -1 : E > x ? 1 : 0, $ < C ? -1 : $ > P ? 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 R = e._active ? n.rubberband || [0, 0] : [0, 0];
-    if (e.offset = Mt(e._bounds, e.offset, R), e.delta = y.sub(e.offset, A), this.computeMovement(), D && (!e.last || o > qt)) {
-      e.delta = y.sub(e.offset, A);
-      const l = e.delta.map(Math.abs);
-      y.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);
+    if (e.offset = Rt(e._bounds, e.offset, R), e.delta = y.sub(e.offset, O), this.computeMovement(), D && (!e.last || o > Jt)) {
+      e.delta = y.sub(e.offset, O);
+      const f = e.delta.map(Math.abs);
+      y.addTo(e.distance, f), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && o > 0 && (e.velocity = [f[0] / o, f[1] / o], e.timeDelta = o);
     }
   }
   emit() {
@@ -284,14 +284,14 @@ class Jt {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function Qt([r, t], e) {
+function Zt([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 Zt extends Jt {
+class te extends Qt {
   constructor(...t) {
     super(...t), w(this, "aliasKey", "xy");
   }
@@ -310,8 +310,8 @@ class Zt extends Jt {
   axisIntent(t) {
     const e = this.state, n = this.config;
     if (!e.axis && t) {
-      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[bt(t)] : n.axisThreshold;
-      e.axis = Qt(e._movement, s);
+      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[Et(t)] : n.axisThreshold;
+      e.axis = Zt(e._movement, s);
     }
     e._blocked = (n.lockDirection || !!n.axis) && !e.axis || !!n.axis && n.axis !== e.axis;
   }
@@ -327,7 +327,7 @@ class Zt extends Jt {
       }
   }
 }
-const pt = (r) => r, gt = 0.15, et = {
+const gt = (r) => r, vt = 0.15, et = {
   enabled(r = !0) {
     return r;
   },
@@ -343,7 +343,7 @@ const pt = (r) => r, gt = 0.15, et = {
   rubberband(r = 0) {
     switch (r) {
       case !0:
-        return [gt, gt];
+        return [vt, vt];
       case !1:
         return [0, 0];
       default:
@@ -357,13 +357,13 @@ const pt = (r) => r, gt = 0.15, et = {
   transform(r, t, e) {
     const n = r || e.shared.transform;
     if (this.hasCustomTransform = !!n, process.env.NODE_ENV === "development") {
-      const s = n || pt;
+      const s = n || gt;
       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 || pt;
+    return n || gt;
   },
   threshold(r) {
     return y.toVector(r, 0);
@@ -386,18 +386,18 @@ process.env.NODE_ENV === "development" && Object.assign(et, {
     return NaN;
   }
 });
-const te = 0, V = d(d({}, et), {}, {
+const ee = 0, L = d(d({}, et), {}, {
   axis(r, t, {
     axis: e
   }) {
     if (this.lockDirection = e === "lock", !this.lockDirection) return e;
   },
-  axisThreshold(r = te) {
+  axisThreshold(r = ee) {
     return r;
   },
   bounds(r = {}) {
     if (typeof r == "function")
-      return (o) => V.bounds(r(o));
+      return (o) => L.bounds(r(o));
     if ("current" in r)
       return () => r.current;
     if (typeof HTMLElement == "function" && r instanceof HTMLElement)
@@ -410,13 +410,13 @@ const te = 0, V = d(d({}, et), {}, {
     } = r;
     return [[t, e], [n, s]];
   }
-}), mt = {
+}), yt = {
   ArrowRight: (r, t = 1) => [r * t, 0],
   ArrowLeft: (r, t = 1) => [-1 * r * t, 0],
   ArrowUp: (r, t = 1) => [0, -1 * r * t],
   ArrowDown: (r, t = 1) => [0, r * t]
 };
-class ee extends Zt {
+class re extends te {
   constructor(...t) {
     super(...t), w(this, "ingKey", "dragging");
   }
@@ -434,7 +434,7 @@ class ee extends Zt {
         top: e.top - n.top + t.offset[1],
         bottom: e.bottom - n.bottom + t.offset[1]
       };
-      t._bounds = V.bounds(s);
+      t._bounds = L.bounds(s);
     }
   }
   cancel() {
@@ -453,7 +453,7 @@ class ee extends Zt {
     const e = this.config, n = this.state;
     if (t.buttons != null && (Array.isArray(e.pointerButtons) ? !e.pointerButtons.includes(t.buttons) : e.pointerButtons !== -1 && e.pointerButtons !== t.buttons)) return;
     const s = this.ctrl.setEventIds(t);
-    e.pointerCapture && t.target.setPointerCapture(t.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(t), this.setupPointer(t), n._pointerId = J(t), n._pointerActive = !0, this.computeValues(dt(t)), this.computeInitial(), e.preventScrollAxis && bt(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : e.delay > 0 ? (this.setupDelayTrigger(t), e.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
+    e.pointerCapture && t.target.setPointerCapture(t.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(t), this.setupPointer(t), n._pointerId = J(t), n._pointerActive = !0, this.computeValues(pt(t)), this.computeInitial(), e.preventScrollAxis && Et(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : e.delay > 0 ? (this.setupDelayTrigger(t), e.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
   }
   startPointerDrag(t) {
     const e = this.state;
@@ -464,7 +464,7 @@ class ee extends Zt {
     if (!e._pointerActive) return;
     const s = J(t);
     if (e._pointerId !== void 0 && s !== e._pointerId) return;
-    const o = dt(t);
+    const o = pt(t);
     if (document.pointerLockElement === t.target ? e._delta = [t.movementX, t.movementY] : (e._delta = y.sub(o, e._values), this.computeValues(o)), y.addTo(e._movement, e._delta), this.compute(t), e._delayed && e.intentional) {
       this.timeoutStore.remove("dragDelay"), e.active = !1, this.startPointerDrag(t);
       return;
@@ -498,10 +498,10 @@ class ee extends Zt {
     if (e.tap = o <= n.tapsThreshold && a <= n.tapsThreshold, e.tap && n.filterTaps)
       e._force = !0;
     else {
-      const [u, h] = e._delta, [p, c] = e._movement, [b, m] = n.swipe.velocity, [A, D] = n.swipe.distance, S = n.swipe.duration;
-      if (e.elapsedTime < S) {
-        const $ = Math.abs(u / e.timeDelta), P = Math.abs(h / e.timeDelta);
-        $ > b && Math.abs(p) > A && (e.swipe[0] = Math.sign(u)), P > m && Math.abs(c) > D && (e.swipe[1] = Math.sign(h));
+      const [u, h] = e._delta, [p, c] = e._movement, [b, g] = n.swipe.velocity, [O, D] = n.swipe.distance, E = n.swipe.duration;
+      if (e.elapsedTime < E) {
+        const $ = Math.abs(u / e.timeDelta), A = Math.abs(h / e.timeDelta);
+        $ > b && Math.abs(p) > O && (e.swipe[0] = Math.sign(u)), A > g && Math.abs(c) > D && (e.swipe[1] = Math.sign(h));
       }
     }
     this.emit();
@@ -528,7 +528,7 @@ class ee extends Zt {
     this.state._preventScroll && t.cancelable && t.preventDefault();
   }
   setupScrollPrevention(t) {
-    this.state._preventScroll = !1, re(t);
+    this.state._preventScroll = !1, ne(t);
     const e = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
       passive: !1
     });
@@ -540,14 +540,14 @@ class ee extends Zt {
     }, this.config.delay);
   }
   keyDown(t) {
-    const e = mt[t.key];
+    const e = yt[t.key];
     if (e) {
       const n = this.state, s = t.shiftKey ? 10 : t.altKey ? 0.1 : 1;
       this.start(t), n._delta = e(this.config.keyboardDisplacement, s), n._keyboardActive = !0, y.addTo(n._movement, n._delta), this.compute(t), this.emit();
     }
   }
   keyUp(t) {
-    t.key in mt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
+    t.key in yt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
   }
   bind(t) {
     const e = this.config.device;
@@ -557,23 +557,23 @@ class ee extends Zt {
     });
   }
 }
-function re(r) {
+function ne(r) {
   "persist" in r && typeof r.persist == "function" && r.persist();
 }
 const j = typeof window < "u" && window.document && window.document.createElement;
-function Et() {
+function St() {
   return j && "ontouchstart" in window;
 }
-function ne() {
-  return Et() || j && window.navigator.maxTouchPoints > 1;
-}
 function se() {
-  return j && "onpointerdown" in window;
+  return St() || j && window.navigator.maxTouchPoints > 1;
 }
 function ie() {
-  return j && "exitPointerLock" in window.document;
+  return j && "onpointerdown" in window;
 }
 function oe() {
+  return j && "exitPointerLock" in window.document;
+}
+function ae() {
   try {
     return "constructor" in GestureEvent;
   } catch {
@@ -582,16 +582,16 @@ function oe() {
 }
 const I = {
   isBrowser: j,
-  gesture: oe(),
-  touch: Et(),
-  touchscreen: ne(),
-  pointer: se(),
-  pointerLock: ie()
-}, ae = 250, ce = 180, ue = 0.5, le = 50, fe = 250, de = 10, vt = {
+  gesture: ae(),
+  touch: St(),
+  touchscreen: se(),
+  pointer: ie(),
+  pointerLock: oe()
+}, ce = 250, ue = 180, le = 0.5, fe = 50, de = 250, he = 10, bt = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, Tt = d(d({}, V), {}, {
+}, xt = d(d({}, L), {}, {
   device(r, t, {
     pointer: {
       touch: e = !1,
@@ -604,7 +604,7 @@ const I = {
   preventScrollAxis(r, t, {
     preventScroll: e
   }) {
-    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? ae : void 0, !(!I.touchscreen || e === !1))
+    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? ce : void 0, !(!I.touchscreen || e === !1))
       return r || (e !== void 0 ? "y" : void 0);
   },
   pointerCapture(r, t, {
@@ -625,9 +625,9 @@ const I = {
     return this.filterTaps = e, this.tapsThreshold = n, o;
   },
   swipe({
-    velocity: r = ue,
-    distance: t = le,
-    duration: e = fe
+    velocity: r = le,
+    distance: t = fe,
+    duration: e = de
   } = {}) {
     return {
       velocity: this.transform(y.toVector(r)),
@@ -638,7 +638,7 @@ const I = {
   delay(r = 0) {
     switch (r) {
       case !0:
-        return ce;
+        return ue;
       case !1:
         return 0;
       default:
@@ -646,13 +646,13 @@ const I = {
     }
   },
   axisThreshold(r) {
-    return r ? d(d({}, vt), r) : vt;
+    return r ? d(d({}, bt), r) : bt;
   },
-  keyboardDisplacement(r = de) {
+  keyboardDisplacement(r = he) {
     return r;
   }
 });
-process.env.NODE_ENV === "development" && Object.assign(Tt, {
+process.env.NODE_ENV === "development" && Object.assign(xt, {
   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 } }`.");
@@ -698,13 +698,13 @@ d(d({}, et), {}, {
     angleBounds: n = {}
   }) {
     const s = (a) => {
-      const u = ht(z(e, a), {
+      const u = mt(z(e, a), {
         min: -1 / 0,
         max: 1 / 0
       });
       return [u.min, u.max];
     }, o = (a) => {
-      const u = ht(z(n, a), {
+      const u = mt(z(n, a), {
         min: -1 / 0,
         max: 1 / 0
       });
@@ -722,20 +722,20 @@ d(d({}, et), {}, {
     return r;
   }
 });
-d(d({}, V), {}, {
+d(d({}, L), {}, {
   mouseOnly: (r = !0) => r
 });
-d(d({}, V), {}, {
+d(d({}, L), {}, {
   mouseOnly: (r = !0) => r
 });
-const xt = /* @__PURE__ */ new Map(), tt = /* @__PURE__ */ new Map();
-function he(r) {
-  xt.set(r.key, r.engine), tt.set(r.key, r.resolver);
+const It = /* @__PURE__ */ new Map(), tt = /* @__PURE__ */ new Map();
+function pe(r) {
+  It.set(r.key, r.engine), tt.set(r.key, r.resolver);
 }
-const pe = {
+const me = {
   key: "drag",
-  engine: ee,
-  resolver: Tt
+  engine: re,
+  resolver: xt
 };
 function ge(r, t) {
   if (r == null) return {};
@@ -744,7 +744,7 @@ function ge(r, t) {
     s = n[o], !(t.indexOf(s) >= 0) && (e[s] = r[s]);
   return e;
 }
-function me(r, t) {
+function ve(r, t) {
   if (r == null) return {};
   var e = ge(r, t), n, s;
   if (Object.getOwnPropertySymbols) {
@@ -754,7 +754,7 @@ function me(r, t) {
   }
   return e;
 }
-const ve = {
+const ye = {
   target(r) {
     if (r)
       return () => "current" in r ? r.current : r;
@@ -777,7 +777,7 @@ const ve = {
   transform(r) {
     return r;
   }
-}, ye = ["target", "eventOptions", "window", "enabled", "transform"];
+}, be = ["target", "eventOptions", "window", "enabled", "transform"];
 function B(r = {}, t) {
   const e = {};
   for (const [n, s] of Object.entries(t))
@@ -805,14 +805,14 @@ function _e(r, t, e = {}) {
     window: a,
     enabled: u,
     transform: h
-  } = n, p = me(n, ye);
+  } = n, p = ve(n, be);
   if (e.shared = B({
     target: s,
     eventOptions: o,
     window: a,
     enabled: u,
     transform: h
-  }, ve), t) {
+  }, ye), t) {
     const c = tt.get(t);
     e[t] = B(d({
       shared: e.shared
@@ -832,12 +832,12 @@ function _e(r, t, e = {}) {
     }
   return e;
 }
-class It {
+class kt {
   constructor(t, e) {
     w(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = e;
   }
   add(t, e, n, s, o) {
-    const a = this._listeners, u = zt(e, n), h = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, p = d(d({}, h), o);
+    const a = this._listeners, u = Gt(e, n), h = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, p = d(d({}, h), o);
     t.addEventListener(u, s, p);
     const c = () => {
       t.removeEventListener(u, s, p), a.delete(c);
@@ -848,7 +848,7 @@ class It {
     this._listeners.forEach((t) => t()), this._listeners.clear();
   }
 }
-class be {
+class we {
   constructor() {
     w(this, "_timeouts", /* @__PURE__ */ new Map());
   }
@@ -863,20 +863,20 @@ class be {
     this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
   }
 }
-class we {
+class Ee {
   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", {
+    w(this, "gestures", /* @__PURE__ */ new Set()), w(this, "_targetEventStore", new kt(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: {
         shiftKey: !1,
         metaKey: !1,
         ctrlKey: !1,
         altKey: !1
       }
-    }), Ee(this, t);
+    }), Te(this, t);
   }
   setEventIds(t) {
-    if (Y(t))
-      return this.touchIds = new Set(Ft(t)), this.touchIds;
+    if (G(t))
+      return this.touchIds = new Set(Wt(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;
   }
@@ -900,13 +900,13 @@ class we {
     if (!(e.target && (s = e.target(), !s))) {
       if (e.enabled) {
         for (const a of this.gestures) {
-          const u = this.config[a], h = yt(n, u.eventOptions, !!s);
+          const u = this.config[a], h = _t(n, u.eventOptions, !!s);
           if (u.enabled) {
-            const p = xt.get(a);
+            const p = It.get(a);
             new p(this, t, a).bind(h);
           }
         }
-        const o = yt(n, e.eventOptions, !!s);
+        const o = _t(n, e.eventOptions, !!s);
         for (const a in this.nativeHandlers)
           o(a, "", (u) => this.nativeHandlers[a](d(d({}, this.state.shared), {}, {
             event: u,
@@ -914,14 +914,14 @@ class we {
           })), void 0, !0);
       }
       for (const o in n)
-        n[o] = Xt(...n[o]);
+        n[o] = qt(...n[o]);
       if (!s) return n;
       for (const o in n) {
         const {
           device: a,
           capture: u,
           passive: h
-        } = Bt(o);
+        } = zt(o);
         this._targetEventStore.add(s, a, "", n[o], {
           capture: u,
           passive: h
@@ -931,24 +931,24 @@ class we {
   }
 }
 function M(r, t) {
-  r.gestures.add(t), r.gestureEventStores[t] = new It(r, t), r.gestureTimeoutStores[t] = new be();
+  r.gestures.add(t), r.gestureEventStores[t] = new kt(r, t), r.gestureTimeoutStores[t] = new we();
 }
-function Ee(r, t) {
+function Te(r, t) {
   t.drag && M(r, "drag"), t.wheel && M(r, "wheel"), t.scroll && M(r, "scroll"), t.move && M(r, "move"), t.pinch && M(r, "pinch"), t.hover && M(r, "hover");
 }
-const yt = (r, t, e) => (n, s, o, a = {}, u = !1) => {
+const _t = (r, t, e) => (n, s, o, a = {}, u = !1) => {
   var h, p;
   const c = (h = a.capture) !== null && h !== void 0 ? h : t.capture, b = (p = a.passive) !== null && p !== void 0 ? p : t.passive;
-  let m = u ? n : Ut(n, s, c);
-  e && b && (m += "Passive"), r[m] = r[m] || [], r[m].push(o);
+  let g = u ? n : Kt(n, s, c);
+  e && b && (g += "Passive"), r[g] = r[g] || [], r[g].push(o);
 };
-function Te(r, t = {}, e, n) {
-  const s = q.useMemo(() => new we(r), []);
+function Se(r, t = {}, e, n) {
+  const s = q.useMemo(() => new Ee(r), []);
   if (s.applyHandlers(r, n), s.applyConfig(t, e), q.useEffect(s.effect.bind(s)), q.useEffect(() => s.clean.bind(s), []), t.target === void 0)
     return s.bind.bind(s);
 }
 function xe(r, t) {
-  return he(pe), Te({
+  return pe(me), Se({
     drag: r
   }, t || {}, "drag");
 }
@@ -985,13 +985,13 @@ function Ie() {
     emitEvent: e
   };
 }
-function Oe({
+function $e({
   init: r = !0,
   items: t,
   withLoop: e = !1,
   id: n,
-  itemsPerSlide: s = 1,
-  responsiveGutter: o = [{ breakpoint: 0, gutter: 0, startEndGutter: 0 }],
+  gutter: s = [{ breakpoint: 0, gutter: 0, startEndGutter: 0 }],
+  itemsPerSlide: o = [{ breakpoint: 0, itemsPerSlide: 1 }],
   carouselAxis: a = "x",
   startingPosition: u = "start",
   enableGestures: h = !0,
@@ -999,18 +999,18 @@ function Oe({
   onInit: c,
   initialActiveItem: b = 0
 }) {
-  const [m, A] = Pt(!1), D = k(r), S = k(null), $ = k(null), P = k(0), x = k(0), C = k(!e), O = k(!1), R = k(0), l = k(0), [L, G] = At(
+  const [g, O] = Nt(!1), D = k(r), E = k(null), $ = k(null), A = k(0), x = k(0), C = k(!e), P = k(!1), R = k(0), f = k(0), [V, Y] = At(
     () => ({
       value: 0,
       onChange({ value: i }) {
-        S.current.style.setProperty(
+        E.current.style.setProperty(
           `--${n}-offset-position`,
           `${i.value}px`
         );
       }
     }),
     [a]
-  ), St = e ? [
+  ), Dt = e ? [
     ...t.map((i) => ({
       ...i,
       id: `prev-repeated-item-${i.id}`,
@@ -1023,12 +1023,21 @@ function Oe({
       isClonedItem: !0
     }))
   ] : t, { useListenToCustomEvent: rt, emitEvent: U } = Ie();
-  function kt() {
-    const { totalGutterCssVar: i } = nt();
+  function nt() {
+    const { totalGutterCssVar: i } = it();
     return i;
   }
+  function st() {
+    if (E.current) {
+      const l = window.getComputedStyle(
+        E.current
+      ).getPropertyValue(`--${n}-items-per-slide`).trim();
+      return Number(l) || 1;
+    }
+    return 1;
+  }
   function F(i) {
-    D.current && (O.current || N({
+    D.current && (P.current || N({
       type: "next",
       toIndex: i,
       actionType: "click"
@@ -1043,90 +1052,91 @@ function Oe({
   }
   function N({
     type: i,
-    shouldAnimate: f = !0,
+    shouldAnimate: l = !0,
     toIndex: v,
-    actionType: g
+    actionType: m
   }) {
-    var it, ot;
-    const _ = !f;
-    C.current = !1, O.current = !1;
-    let E = L.value.get(), T = 0;
-    if (i === "next" && (l.current += 1), i === "prev" && (l.current === 0 ? l.current = t.length - 1 : l.current -= 1), v !== void 0 && (l.current = v), i === "next") {
+    var at, ct;
+    const _ = !l;
+    C.current = !1, P.current = !1;
+    let T = V.value.get(), S = 0;
+    if (i === "next" && (f.current += 1), i === "prev" && (f.current === 0 ? f.current = t.length - 1 : f.current -= 1), v !== void 0 && (f.current = v), i === "next") {
       const K = H(
         e ? x.current * (t.length * 2) : 0
       );
-      T = -(l.current * x.current), e && l.current === t.length && (l.current = 0, E = E + x.current * t.length, T = 0), !e && Math.abs(T) >= K && (O.current = !0, T = -K);
+      S = -(f.current * x.current), e && f.current === t.length && (f.current = 0, T = T + x.current * t.length, S = 0), !e && Math.abs(S) >= K && (P.current = !0, S = -K);
     }
-    i === "prev" && (T = -(l.current * x.current), l.current === t.length - 1 && (E = E - t.length * x.current), !e && T >= 0 && (C.current = !0, T = 0)), P.current = T, g === "resize" ? (T = -(l.current * x.current), U({
+    i === "prev" && (S = -(f.current * x.current), f.current === t.length - 1 && (T = T - t.length * x.current), !e && S >= 0 && (C.current = !0, S = 0)), A.current = S, m === "resize" ? (S = -(f.current * x.current), U({
       eventName: "onResize",
-      sliceActionType: g,
+      sliceActionType: m,
       slideDirection: i,
       currentItem: {
-        index: l.current,
-        id: ((it = t.at(l.current)) == null ? void 0 : it.id) ?? "",
+        index: f.current,
+        id: ((at = t.at(f.current)) == null ? void 0 : at.id) ?? "",
         startReached: C.current,
-        endReached: O.current
+        endReached: P.current
       }
     })) : U({
       eventName: "onSlideStartChange",
-      sliceActionType: g,
+      sliceActionType: m,
       slideDirection: i,
       nextItem: {
-        index: l.current,
-        id: ((ot = t.at(l.current)) == null ? void 0 : ot.id) ?? "",
+        index: f.current,
+        id: ((ct = t.at(f.current)) == null ? void 0 : ct.id) ?? "",
         startReached: C.current,
-        endReached: O.current
+        endReached: P.current
       }
-    }), G.start({
+    }), Y.start({
       immediate: _,
       from: {
-        value: E
+        value: T
       },
       to: {
-        value: T
+        value: S
       },
       onRest({ finished: K }) {
-        var at;
+        var ut;
         K && U({
           eventName: "onSlideChangeComplete",
-          sliceActionType: g,
+          sliceActionType: m,
           slideDirection: i,
           currentItem: {
-            index: l.current,
-            id: ((at = t.at(l.current)) == null ? void 0 : at.id) ?? "",
+            index: f.current,
+            id: ((ut = t.at(f.current)) == null ? void 0 : ut.id) ?? "",
             startReached: C.current,
-            endReached: O.current
+            endReached: P.current
           }
         });
       }
     });
   }
-  function Dt() {
+  function Ct() {
     const i = $.current.children[0];
-    let f = 0;
-    return f = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + kt(), f;
+    let l = 0;
+    return l = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + nt(), l;
   }
   function H(i) {
-    const f = $.current;
-    return f[a === "x" ? "scrollWidth" : "scrollHeight"] - f.getBoundingClientRect()[a === "x" ? "width" : "height"] - i;
+    const l = $.current;
+    return l[a === "x" ? "scrollWidth" : "scrollHeight"] - l.getBoundingClientRect()[a === "x" ? "width" : "height"] - i;
   }
-  function nt() {
-    let i = 0, f = 0;
-    if (S.current) {
+  function it() {
+    let i = 0, l = 0;
+    if (E.current) {
       const v = window.getComputedStyle(
-        S.current
-      ), g = v.getPropertyValue(`--${n}-start-end-gutter`).trim();
-      g.includes("px") && (i = Number(
-        g.replace("px", "")
+        E.current
+      ), m = v.getPropertyValue(`--${n}-start-end-gutter`).trim();
+      m.includes("px") && (i = Number(
+        m.replace("px", "")
       ));
       const _ = v.getPropertyValue(`--${n}-gutter`).trim();
-      _.includes("px") && (f = Number(_.replace("px", "")));
+      _.includes("px") && (l = Number(_.replace("px", "")));
     }
-    return { totalStartEndGutterCssVar: i, totalGutterCssVar: f };
+    return { totalStartEndGutterCssVar: i, totalGutterCssVar: l };
   }
   Z(() => {
-    function i(g, _) {
-      switch (g) {
+    function i(m) {
+      const _ = st();
+      switch (m) {
         case "start":
           return 0;
         case "middle-start":
@@ -1141,67 +1151,66 @@ function Oe({
           return 0;
       }
     }
-    function f(g) {
-      if (x.current = Dt(), R.current = x.current / 4, S.current) {
-        const { totalStartEndGutterCssVar: _ } = nt();
-        console.log({ totalStartEndGutterCssVar: _ });
-        let E = 0;
-        e && (E = x.current * t.length), E -= x.current * i(u, s), E -= _ / 2, S.current.style.setProperty(
+    function l(m) {
+      if (x.current = Ct(), R.current = x.current / 4, E.current) {
+        const { totalStartEndGutterCssVar: _ } = it();
+        let T = 0;
+        e && (T = x.current * t.length), T -= x.current * i(u), T -= _ / 2, E.current.style.setProperty(
           `--${n}-offset-modifier`,
-          `${-E}px`
-        ), A(!0), g && g();
+          `${-T}px`
+        ), O(!0), m && m();
       }
     }
     function v() {
-      f(), N({
+      l(), N({
         type: "resize",
-        toIndex: l.current,
+        toIndex: f.current,
         shouldAnimate: !1,
         actionType: "resize"
       });
     }
     if (r)
-      return D.current = !0, f(c), window.addEventListener("resize", v), () => {
+      return D.current = !0, l(c), window.addEventListener("resize", v), () => {
         window.removeEventListener("resize", v);
       };
-  }, [r, e, n, a, o, u]), Z(() => {
-    r && b !== l.current && N({
+  }, [r, e, n, a, s, u]), Z(() => {
+    r && b !== f.current && N({
       type: "next",
       toIndex: b,
       actionType: "resize",
       shouldAnimate: !1
     });
   }, [r, b]);
-  const st = h, Ct = xe(
+  const ot = h, Pt = xe(
     (i) => {
       if (!D.current)
         return;
-      const f = i.dragging, v = i.offset[a === "x" ? 0 : 1], g = i.movement[a === "x" ? 0 : 1], _ = g > R.current, E = g < -R.current, T = i.velocity;
-      f && (U({
+      const l = i.dragging, v = i.offset[a === "x" ? 0 : 1], m = i.movement[a === "x" ? 0 : 1], _ = m > R.current, T = m < -R.current, S = i.velocity;
+      l && (U({
         ...i,
         eventName: "onDrag",
         slideActionType: "drag"
-      }), G.start({
+      }), Y.start({
         value: v,
         immediate: !0,
         config: {
-          velocity: T
+          velocity: S
         }
-      }), p && (_ || E) && i.cancel()), i.last && (_ ? (N({
+      }), p && (_ || T) && i.cancel()), i.last && (_ ? (N({
         actionType: "drag",
         type: "prev"
-      }), i.cancel()) : E ? (N({
+      }), i.cancel()) : T ? (N({
         actionType: "drag",
         type: "next"
-      }), i.cancel()) : (G.start({
-        value: P.current,
+      }), i.cancel()) : (Y.start({
+        value: A.current,
         config: {
-          velocity: T
+          velocity: S
         }
       }), i.cancel()));
     },
     {
-      enabled: st,
+      enabled: ot,
       axis: a,
       rubberband: !e,
       ...e ? {} : {
@@ -1212,22 +1221,22 @@ function Oe({
           bottom: 0
         })
       },
-      from: () => [L.value.get(), L.value.get()]
+      from: () => [V.value.get(), V.value.get()]
     }
   );
-  function Ot(i) {
-    var f, v;
-    return typeof i == "number" ? l.current === i : ((f = t.find((g) => g.id === i)) == null ? void 0 : f.id) === ((v = t[l.current]) == null ? void 0 : v.id);
+  function $t(i) {
+    var l, v;
+    return typeof i == "number" ? f.current === i : ((l = t.find((m) => m.id === i)) == null ? void 0 : l.id) === ((v = t[f.current]) == null ? void 0 : v.id);
   }
   return {
-    carouselFragment: /* @__PURE__ */ $t(
+    carouselFragment: /* @__PURE__ */ Ot(
       "div",
       {
-        ref: S,
+        ref: E,
         className: "ReactSpringCarouselContainer",
         "data-part": "Container",
         "data-part-internal": `${n}-Container`,
-        ...Ct(),
+        ...Pt(),
         children: [
           /* @__PURE__ */ X(
             "style",
@@ -1239,21 +1248,21 @@ function Oe({
               width: 100%;
               height: 100%;
               overflow: hidden;
-              --${n}-items-per-slide: ${s};
+              --${n}-items-per-slide: 1;
               --${n}-offset-position: 0px;
               --${n}-offset-modifier: 0px;
               --${n}-scroll-x-value: ${a === "x" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
               --${n}-scroll-y-value: ${a === "y" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
-               --${n}-gutter: 0px;
+              --${n}-gutter: 0px;
               --${n}-start-end-gutter: 0px;
-              touch-action: ${st ? a === "x" ? "pan-y" : "pan-x" : "auto"};
+              touch-action: ${ot ? a === "x" ? "pan-y" : "pan-x" : "auto"};
             }
             [data-part-internal="${n}-Track"] {
               display: flex;
               position: relative;
-              --initial-offset-modifier: calc(calc(-100% - var(--${n}-gutter) + calc(var(--${n}-start-end-gutter) / 2 / ${t.length} * ${s}) + var(--${n}-start-end-gutter)) * ${t.length} / ${s});
-              left: ${e && a === "x" && !m ? "var(--initial-offset-modifier)" : "0px"};
-              top: ${e && a === "y" && !m ? "var(--initial-offset-modifier)" : "0px"};
+              --initial-offset-modifier: calc(calc(-100% - var(--${n}-gutter) + calc(var(--${n}-start-end-gutter) / 2 / ${t.length} * var(--${n}-items-per-slide)) + var(--${n}-start-end-gutter)) * ${t.length} / var(--${n}-items-per-slide));
+              left: ${e && a === "x" && !g ? "var(--initial-offset-modifier)" : "0px"};
+              top: ${e && a === "y" && !g ? "var(--initial-offset-modifier)" : "0px"};
               flex-direction: ${a === "x" ? "row" : "column"};
               width: 100%;
               height: 100%;
@@ -1264,7 +1273,7 @@ function Oe({
               display: flex;
               flex: 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)))
             }
-            ${o && o.length > 0 ? o.sort((i, f) => i.breakpoint - f.breakpoint).map(
+            ${s && s.length > 0 ? s.sort((i, l) => i.breakpoint - l.breakpoint).map(
                   (i) => `
                     @media (min-width: ${i.breakpoint}px) {
                       [data-part-internal="${n}-Container"] {
@@ -1274,6 +1283,17 @@ function Oe({
                     }
                   `
                 ).join("") : ""}
+            ${o && o.length > 0 ? o.sort(
+                  (i, l) => i.breakpoint - l.breakpoint
+                ).map(
+                  (i) => `
+                    @media (min-width: ${i.breakpoint}px) {
+                      [data-part-internal="${n}-Container"] {
+                        --${n}-items-per-slide: ${i.itemsPerSlide || 1};
+                      }
+                    }
+                  `
+                ).join("") : ""}
           `
               }
             }
@@ -1286,9 +1306,9 @@ function Oe({
               "data-part": "Track",
               "data-part-internal": `${n}-Track`,
               onScroll: () => {
-                C.current = !1, O.current = !1;
+                C.current = !1, P.current = !1;
               },
-              children: St.map((i, f) => /* @__PURE__ */ X(
+              children: Dt.map((i, l) => /* @__PURE__ */ X(
                 "div",
                 {
                   className: "ReactSpringCarouselItem",
@@ -1297,12 +1317,12 @@ function Oe({
                   "data-id": i.id,
                   children: typeof i.renderItem == "function" ? i.renderItem({
                     useListenToCustomEvent: rt,
-                    index: f,
+                    index: l,
                     isClonedItem: !!i.isClonedItem,
-                    isActiveItem: Ot
+                    isActiveItem: $t
                   }) : i.renderItem
                 },
-                `${i.id}-${f}`
+                `${i.id}-${l}`
               ))
             }
           )
@@ -1312,6 +1332,8 @@ function Oe({
     useListenToCustomEvent: rt,
     slideToNextItem: () => F(),
     slideToPrevItem: () => W(),
+    getGutter: nt,
+    getItemsPerSlide: st,
     slideToItem: (i) => {
       if (typeof i == "number") {
         if (!t[i]) {
@@ -1320,21 +1342,21 @@ function Oe({
           );
           return;
         }
-        i > l.current ? F(i) : W(i);
+        i > f.current ? F(i) : W(i);
       }
       if (typeof i == "string") {
-        const f = t.findIndex((v) => v.id === i);
-        if (f < 0) {
+        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}`
           );
           return;
         }
-        f > l.current ? F(f) : W(f);
+        l > f.current ? F(l) : W(l);
       }
     }
   };
 }
 export {
-  Oe as useSpringCarousel
+  $e as useSpringCarousel
 };