react-spring-carousel 3.0.0-beta-2.0.183 → 3.0.0-beta-2.0.184

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsxs as St, jsx as q } from "react/jsx-runtime";
-import { useSpring as Tt } from "@react-spring/web";
-import J, { useRef as P, useEffect as pt } from "react";
-function It(r, t, e) {
+import { jsxs as It, jsx as J } from "react/jsx-runtime";
+import { useSpring as Dt } from "@react-spring/web";
+import Q, { useRef as A, useEffect as mt, useState as kt } from "react";
+function Ct(r, t, e) {
   return Math.max(t, Math.min(r, e));
 }
 const g = {
@@ -21,17 +21,17 @@ const g = {
     r[0] -= t[0], r[1] -= t[1];
   }
 };
-function nt(r, t, e) {
+function st(r, t, e) {
   return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(r, e * 5) : r * t * e / (t + e * r);
 }
-function st(r, t, e, n = 0.15) {
-  return n === 0 ? It(r, t, e) : r < t ? -nt(t - r, e - t, n) + t : r > e ? +nt(r - e, e - t, n) + e : r;
+function it(r, t, e, n = 0.15) {
+  return n === 0 ? Ct(r, t, e) : r < t ? -st(t - r, e - t, n) + t : r > e ? +st(r - e, e - t, n) + e : r;
 }
-function Dt(r, [t, e], [n, s]) {
+function Ot(r, [t, e], [n, s]) {
   const [[i, c], [a, u]] = r;
-  return [st(t, i, c, n), st(e, a, u, s)];
+  return [it(t, i, c, n), it(e, a, u, s)];
 }
-function kt(r, t) {
+function At(r, t) {
   if (typeof r != "object" || r === null) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
@@ -41,19 +41,19 @@ function kt(r, t) {
   }
   return (t === "string" ? String : Number)(r);
 }
-function Ct(r) {
-  var t = kt(r, "string");
+function Pt(r) {
+  var t = At(r, "string");
   return typeof t == "symbol" ? t : String(t);
 }
 function y(r, t, e) {
-  return t = Ct(t), t in r ? Object.defineProperty(r, t, {
+  return t = Pt(t), t in r ? Object.defineProperty(r, t, {
     value: e,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : r[t] = e, r;
 }
-function it(r, t) {
+function ot(r, t) {
   var e = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(r);
@@ -63,18 +63,18 @@ function it(r, t) {
   }
   return e;
 }
-function d(r) {
+function h(r) {
   for (var t = 1; t < arguments.length; t++) {
     var e = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? it(Object(e), !0).forEach(function(n) {
+    t % 2 ? ot(Object(e), !0).forEach(function(n) {
       y(r, n, e[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(e)) : it(Object(e)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(e)) : ot(Object(e)).forEach(function(n) {
       Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(e, n));
     });
   }
   return r;
 }
-const mt = {
+const gt = {
   pointer: {
     start: "down",
     change: "move",
@@ -96,63 +96,63 @@ const mt = {
     end: "end"
   }
 };
-function ot(r) {
+function at(r) {
   return r ? r[0].toUpperCase() + r.slice(1) : "";
 }
-const Ot = ["enter", "leave"];
-function At(r = !1, t) {
-  return r && !Ot.includes(t);
+const $t = ["enter", "leave"];
+function Nt(r = !1, t) {
+  return r && !$t.includes(t);
 }
-function Pt(r, t = "", e = !1) {
-  const n = mt[r], s = n && n[t] || t;
-  return "on" + ot(r) + ot(s) + (At(e, s) ? "Capture" : "");
+function Mt(r, t = "", e = !1) {
+  const n = gt[r], s = n && n[t] || t;
+  return "on" + at(r) + at(s) + (Nt(e, s) ? "Capture" : "");
 }
-const $t = ["gotpointercapture", "lostpointercapture"];
-function Nt(r) {
+const Rt = ["gotpointercapture", "lostpointercapture"];
+function Lt(r) {
   let t = r.substring(2).toLowerCase();
   const e = !!~t.indexOf("passive");
   e && (t = t.replace("passive", ""));
-  const n = $t.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
+  const n = Rt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
   return s && (t = t.replace("capture", "")), {
     device: t,
     capture: s,
     passive: e
   };
 }
-function Mt(r, t = "") {
-  const e = mt[r], n = e && e[t] || t;
+function Vt(r, t = "") {
+  const e = gt[r], n = e && e[t] || t;
   return r + n;
 }
-function W(r) {
+function F(r) {
   return "touches" in r;
 }
-function gt(r) {
-  return W(r) ? "touch" : "pointerType" in r ? r.pointerType : "mouse";
+function vt(r) {
+  return F(r) ? "touch" : "pointerType" in r ? r.pointerType : "mouse";
 }
-function Rt(r) {
+function jt(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 Lt(r) {
+function Ut(r) {
   return r.type === "touchend" || r.type === "touchcancel" ? r.changedTouches : r.targetTouches;
 }
-function vt(r) {
-  return W(r) ? Lt(r)[0] : r;
+function yt(r) {
+  return F(r) ? Ut(r)[0] : r;
 }
-function Vt(r) {
-  return Rt(r).map((t) => t.identifier);
+function Kt(r) {
+  return jt(r).map((t) => t.identifier);
 }
-function Q(r) {
-  const t = vt(r);
-  return W(r) ? t.identifier : t.pointerId;
+function Z(r) {
+  const t = yt(r);
+  return F(r) ? t.identifier : t.pointerId;
 }
-function at(r) {
-  const t = vt(r);
+function ct(r) {
+  const t = yt(r);
   return [t.clientX, t.clientY];
 }
-function jt(r) {
+function Bt(r) {
   const t = {};
   if ("buttons" in r && (t.buttons = r.buttons), "shiftKey" in r) {
     const {
@@ -170,24 +170,24 @@ function jt(r) {
   }
   return t;
 }
-function Y(r, ...t) {
+function W(r, ...t) {
   return typeof r == "function" ? r(...t) : r;
 }
-function Ut() {
+function zt() {
 }
-function Kt(...r) {
-  return r.length === 0 ? Ut : r.length === 1 ? r[0] : function() {
+function Yt(...r) {
+  return r.length === 0 ? zt : r.length === 1 ? r[0] : function() {
     let t;
     for (const e of r)
       t = e.apply(this, arguments) || t;
     return t;
   };
 }
-function ct(r, t) {
+function ut(r, t) {
   return Object.assign({}, t, r || {});
 }
-const Bt = 32;
-class zt {
+const Wt = 32;
+class Ft {
   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());
   }
@@ -226,7 +226,7 @@ class zt {
   }
   start(t) {
     const e = this.state, n = this.config;
-    e._active || (this.reset(), this.computeInitial(), e._active = !0, e.target = t.target, e.currentTarget = t.currentTarget, e.lastOffset = n.from ? Y(n.from, e) : e.offset, e.offset = e.lastOffset, e.startTime = e.timeStamp = t.timeStamp);
+    e._active || (this.reset(), this.computeInitial(), e._active = !0, e.target = t.target, e.currentTarget = t.currentTarget, e.lastOffset = n.from ? W(n.from, e) : e.offset, e.offset = e.lastOffset, e.startTime = e.timeStamp = t.timeStamp);
   }
   computeValues(t) {
     const e = this.state;
@@ -244,38 +244,38 @@ class zt {
     } = 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, jt(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) {
-      const I = e._delta.map(Math.abs);
-      g.addTo(e._distance, I);
+    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, Bt(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) {
+      const l = e._delta.map(Math.abs);
+      g.addTo(e._distance, l);
     }
     this.axisIntent && this.axisIntent(t);
-    const [c, a] = e._movement, [u, h] = n.threshold, {
+    const [c, a] = e._movement, [u, p] = n.threshold, {
       _step: f,
       values: E
     } = e;
-    if (n.hasCustomTransform ? (f[0] === !1 && (f[0] = Math.abs(c) >= u && E[0]), f[1] === !1 && (f[1] = Math.abs(a) >= h && E[1])) : (f[0] === !1 && (f[0] = Math.abs(c) >= u && Math.sign(c) * u), f[1] === !1 && (f[1] = Math.abs(a) >= h && Math.sign(a) * h)), e.intentional = f[0] !== !1 || f[1] !== !1, !e.intentional) return;
+    if (n.hasCustomTransform ? (f[0] === !1 && (f[0] = Math.abs(c) >= u && E[0]), f[1] === !1 && (f[1] = Math.abs(a) >= p && E[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 v = [0, 0];
     if (n.hasCustomTransform) {
-      const [I, F] = E;
-      v[0] = f[0] !== !1 ? I - f[0] : 0, v[1] = f[1] !== !1 ? F - f[1] : 0;
+      const [l, M] = E;
+      v[0] = f[0] !== !1 ? l - f[0] : 0, v[1] = f[1] !== !1 ? M - f[1] : 0;
     } else
       v[0] = f[0] !== !1 ? c - f[0] : 0, v[1] = f[1] !== !1 ? a - f[1] : 0;
     this.restrictToAxis && !e._blocked && this.restrictToAxis(v);
-    const $ = e.offset, C = e._active && !e._blocked || e.active;
-    C && (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 = Y(n.bounds, e)), this.setup && this.setup()), e.movement = v, this.computeOffset()));
-    const [S, N] = e.offset, [[T, O], [L, p]] = e._bounds;
-    e.overflow = [S < T ? -1 : S > O ? 1 : 0, N < L ? -1 : N > 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 M = e._active ? n.rubberband || [0, 0] : [0, 0];
-    if (e.offset = Dt(e._bounds, e.offset, M), e.delta = g.sub(e.offset, $), this.computeMovement(), C && (!e.last || i > Bt)) {
+    const $ = 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 = W(n.bounds, e)), this.setup && this.setup()), e.movement = v, this.computeOffset()));
+    const [P, D] = e.offset, [[S, B], [k, C]] = e._bounds;
+    e.overflow = [P < S ? -1 : P > B ? 1 : 0, D < k ? -1 : D > C ? 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 L = e._active ? n.rubberband || [0, 0] : [0, 0];
+    if (e.offset = Ot(e._bounds, e.offset, L), e.delta = g.sub(e.offset, $), this.computeMovement(), N && (!e.last || i > Wt)) {
       e.delta = g.sub(e.offset, $);
-      const I = e.delta.map(Math.abs);
-      g.addTo(e.distance, I), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && i > 0 && (e.velocity = [I[0] / i, I[1] / i], e.timeDelta = i);
+      const l = e.delta.map(Math.abs);
+      g.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);
     }
   }
   emit() {
     const t = this.state, e = this.shared, n = this.config;
     if (t._active || this.clean(), (t._blocked || !t.intentional) && !t._force && !n.triggerAllEvents) return;
-    const s = this.handler(d(d(d({}, e), t), {}, {
+    const s = this.handler(h(h(h({}, e), t), {}, {
       [this.aliasKey]: t.values
     }));
     s !== void 0 && (t.memo = s);
@@ -284,14 +284,14 @@ class zt {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function Yt([r, t], e) {
+function Ht([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 Wt extends zt {
+class Gt extends Ft {
   constructor(...t) {
     super(...t), y(this, "aliasKey", "xy");
   }
@@ -310,8 +310,8 @@ class Wt extends zt {
   axisIntent(t) {
     const e = this.state, n = this.config;
     if (!e.axis && t) {
-      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[gt(t)] : n.axisThreshold;
-      e.axis = Yt(e._movement, s);
+      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[vt(t)] : n.axisThreshold;
+      e.axis = Ht(e._movement, s);
     }
     e._blocked = (n.lockDirection || !!n.axis) && !e.axis || !!n.axis && n.axis !== e.axis;
   }
@@ -327,12 +327,12 @@ class Wt extends zt {
       }
   }
 }
-const ut = (r) => r, ft = 0.15, et = {
+const ft = (r) => r, lt = 0.15, rt = {
   enabled(r = !0) {
     return r;
   },
   eventOptions(r, t, e) {
-    return d(d({}, e.shared.eventOptions), r);
+    return h(h({}, e.shared.eventOptions), r);
   },
   preventDefault(r = !1) {
     return r;
@@ -343,7 +343,7 @@ const ut = (r) => r, ft = 0.15, et = {
   rubberband(r = 0) {
     switch (r) {
       case !0:
-        return [ft, ft];
+        return [lt, lt];
       case !1:
         return [0, 0];
       default:
@@ -357,19 +357,19 @@ const ut = (r) => r, ft = 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 || ut;
+      const s = n || ft;
       return (i) => {
         const c = s(i);
         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 || ut;
+    return n || ft;
   },
   threshold(r) {
     return g.toVector(r, 0);
   }
 };
-process.env.NODE_ENV === "development" && Object.assign(et, {
+process.env.NODE_ENV === "development" && Object.assign(rt, {
   domTarget(r) {
     if (r !== void 0)
       throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
@@ -386,13 +386,13 @@ process.env.NODE_ENV === "development" && Object.assign(et, {
     return NaN;
   }
 });
-const Ft = 0, U = d(d({}, et), {}, {
+const Xt = 0, U = h(h({}, rt), {}, {
   axis(r, t, {
     axis: e
   }) {
     if (this.lockDirection = e === "lock", !this.lockDirection) return e;
   },
-  axisThreshold(r = Ft) {
+  axisThreshold(r = Xt) {
     return r;
   },
   bounds(r = {}) {
@@ -410,13 +410,13 @@ const Ft = 0, U = d(d({}, et), {}, {
     } = r;
     return [[t, e], [n, s]];
   }
-}), lt = {
+}), dt = {
   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 Ht extends Wt {
+class qt extends Gt {
   constructor(...t) {
     super(...t), y(this, "ingKey", "dragging");
   }
@@ -453,7 +453,7 @@ class Ht extends Wt {
     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 = Q(t), n._pointerActive = !0, this.computeValues(at(t)), this.computeInitial(), e.preventScrollAxis && gt(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 = Z(t), n._pointerActive = !0, this.computeValues(ct(t)), this.computeInitial(), e.preventScrollAxis && vt(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;
@@ -462,9 +462,9 @@ class Ht extends Wt {
   pointerMove(t) {
     const e = this.state, n = this.config;
     if (!e._pointerActive) return;
-    const s = Q(t);
+    const s = Z(t);
     if (e._pointerId !== void 0 && s !== e._pointerId) return;
-    const i = at(t);
+    const i = ct(t);
     if (document.pointerLockElement === t.target ? e._delta = [t.movementX, t.movementY] : (e._delta = g.sub(i, e._values), this.computeValues(i)), g.addTo(e._movement, e._delta), this.compute(t), e._delayed && e.intentional) {
       this.timeoutStore.remove("dragDelay"), e.active = !1, this.startPointerDrag(t);
       return;
@@ -491,17 +491,17 @@ class Ht extends Wt {
     }
     const e = this.state, n = this.config;
     if (!e._active || !e._pointerActive) return;
-    const s = Q(t);
+    const s = Z(t);
     if (e._pointerId !== void 0 && s !== e._pointerId) return;
     this.state._pointerActive = !1, this.setActive(), this.compute(t);
     const [i, c] = e._distance;
     if (e.tap = i <= n.tapsThreshold && c <= n.tapsThreshold, e.tap && n.filterTaps)
       e._force = !0;
     else {
-      const [a, u] = e._delta, [h, f] = e._movement, [E, v] = n.swipe.velocity, [$, C] = n.swipe.distance, S = n.swipe.duration;
-      if (e.elapsedTime < S) {
-        const N = Math.abs(a / e.timeDelta), T = Math.abs(u / e.timeDelta);
-        N > E && Math.abs(h) > $ && (e.swipe[0] = Math.sign(a)), T > v && Math.abs(f) > C && (e.swipe[1] = Math.sign(u));
+      const [a, u] = e._delta, [p, f] = e._movement, [E, v] = n.swipe.velocity, [$, N] = n.swipe.distance, P = n.swipe.duration;
+      if (e.elapsedTime < P) {
+        const D = Math.abs(a / e.timeDelta), S = Math.abs(u / e.timeDelta);
+        D > E && Math.abs(p) > $ && (e.swipe[0] = Math.sign(a)), S > v && Math.abs(f) > N && (e.swipe[1] = Math.sign(u));
       }
     }
     this.emit();
@@ -528,7 +528,7 @@ class Ht extends Wt {
     this.state._preventScroll && t.cancelable && t.preventDefault();
   }
   setupScrollPrevention(t) {
-    this.state._preventScroll = !1, Gt(t);
+    this.state._preventScroll = !1, Jt(t);
     const e = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
       passive: !1
     });
@@ -540,14 +540,14 @@ class Ht extends Wt {
     }, this.config.delay);
   }
   keyDown(t) {
-    const e = lt[t.key];
+    const e = dt[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, g.addTo(n._movement, n._delta), this.compute(t), this.emit();
     }
   }
   keyUp(t) {
-    t.key in lt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
+    t.key in dt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
   }
   bind(t) {
     const e = this.config.device;
@@ -557,23 +557,23 @@ class Ht extends Wt {
     });
   }
 }
-function Gt(r) {
+function Jt(r) {
   "persist" in r && typeof r.persist == "function" && r.persist();
 }
 const K = typeof window < "u" && window.document && window.document.createElement;
-function yt() {
+function _t() {
   return K && "ontouchstart" in window;
 }
-function Xt() {
-  return yt() || K && window.navigator.maxTouchPoints > 1;
+function Qt() {
+  return _t() || K && window.navigator.maxTouchPoints > 1;
 }
-function qt() {
+function Zt() {
   return K && "onpointerdown" in window;
 }
-function Jt() {
+function te() {
   return K && "exitPointerLock" in window.document;
 }
-function Qt() {
+function ee() {
   try {
     return "constructor" in GestureEvent;
   } catch {
@@ -582,16 +582,16 @@ function Qt() {
 }
 const x = {
   isBrowser: K,
-  gesture: Qt(),
-  touch: yt(),
-  touchscreen: Xt(),
-  pointer: qt(),
-  pointerLock: Jt()
-}, Zt = 250, te = 180, ee = 0.5, re = 50, ne = 250, se = 10, dt = {
+  gesture: ee(),
+  touch: _t(),
+  touchscreen: Qt(),
+  pointer: Zt(),
+  pointerLock: te()
+}, re = 250, ne = 180, se = 0.5, ie = 50, oe = 250, ae = 10, ht = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, _t = d(d({}, U), {}, {
+}, bt = h(h({}, U), {}, {
   device(r, t, {
     pointer: {
       touch: e = !1,
@@ -604,7 +604,7 @@ const x = {
   preventScrollAxis(r, t, {
     preventScroll: e
   }) {
-    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? Zt : void 0, !(!x.touchscreen || e === !1))
+    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? re : void 0, !(!x.touchscreen || e === !1))
       return r || (e !== void 0 ? "y" : void 0);
   },
   pointerCapture(r, t, {
@@ -625,9 +625,9 @@ const x = {
     return this.filterTaps = e, this.tapsThreshold = n, i;
   },
   swipe({
-    velocity: r = ee,
-    distance: t = re,
-    duration: e = ne
+    velocity: r = se,
+    distance: t = ie,
+    duration: e = oe
   } = {}) {
     return {
       velocity: this.transform(g.toVector(r)),
@@ -638,7 +638,7 @@ const x = {
   delay(r = 0) {
     switch (r) {
       case !0:
-        return te;
+        return ne;
       case !1:
         return 0;
       default:
@@ -646,13 +646,13 @@ const x = {
     }
   },
   axisThreshold(r) {
-    return r ? d(d({}, dt), r) : dt;
+    return r ? h(h({}, ht), r) : ht;
   },
-  keyboardDisplacement(r = se) {
+  keyboardDisplacement(r = ae) {
     return r;
   }
 });
-process.env.NODE_ENV === "development" && Object.assign(_t, {
+process.env.NODE_ENV === "development" && Object.assign(bt, {
   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 } }`.");
@@ -679,7 +679,7 @@ process.env.NODE_ENV === "development" && Object.assign(_t, {
     return NaN;
   }
 });
-d(d({}, et), {}, {
+h(h({}, rt), {}, {
   device(r, t, {
     shared: e,
     pointer: {
@@ -698,13 +698,13 @@ d(d({}, et), {}, {
     angleBounds: n = {}
   }) {
     const s = (c) => {
-      const a = ct(Y(e, c), {
+      const a = ut(W(e, c), {
         min: -1 / 0,
         max: 1 / 0
       });
       return [a.min, a.max];
     }, i = (c) => {
-      const a = ct(Y(n, c), {
+      const a = ut(W(n, c), {
         min: -1 / 0,
         max: 1 / 0
       });
@@ -722,31 +722,31 @@ d(d({}, et), {}, {
     return r;
   }
 });
-d(d({}, U), {}, {
+h(h({}, U), {}, {
   mouseOnly: (r = !0) => r
 });
-d(d({}, U), {}, {
+h(h({}, U), {}, {
   mouseOnly: (r = !0) => r
 });
-const bt = /* @__PURE__ */ new Map(), tt = /* @__PURE__ */ new Map();
-function ie(r) {
-  bt.set(r.key, r.engine), tt.set(r.key, r.resolver);
+const wt = /* @__PURE__ */ new Map(), et = /* @__PURE__ */ new Map();
+function ce(r) {
+  wt.set(r.key, r.engine), et.set(r.key, r.resolver);
 }
-const oe = {
+const ue = {
   key: "drag",
-  engine: Ht,
-  resolver: _t
+  engine: qt,
+  resolver: bt
 };
-function ae(r, t) {
+function fe(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]);
   return e;
 }
-function ce(r, t) {
+function le(r, t) {
   if (r == null) return {};
-  var e = ae(r, t), n, s;
+  var e = fe(r, t), n, s;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(r);
     for (s = 0; s < i.length; s++)
@@ -754,7 +754,7 @@ function ce(r, t) {
   }
   return e;
 }
-const ue = {
+const de = {
   target(r) {
     if (r)
       return () => "current" in r ? r.current : r;
@@ -777,8 +777,8 @@ const ue = {
   transform(r) {
     return r;
   }
-}, fe = ["target", "eventOptions", "window", "enabled", "transform"];
-function z(r = {}, t) {
+}, he = ["target", "eventOptions", "window", "enabled", "transform"];
+function Y(r = {}, t) {
   const e = {};
   for (const [n, s] of Object.entries(t))
     switch (typeof s) {
@@ -790,7 +790,7 @@ function z(r = {}, t) {
           e[n] = s.call(e, r[n], n, r);
         break;
       case "object":
-        e[n] = z(r[n], s);
+        e[n] = Y(r[n], s);
         break;
       case "boolean":
         s && (e[n] = r[n]);
@@ -798,32 +798,32 @@ function z(r = {}, t) {
     }
   return e;
 }
-function le(r, t, e = {}) {
+function pe(r, t, e = {}) {
   const n = r, {
     target: s,
     eventOptions: i,
     window: c,
     enabled: a,
     transform: u
-  } = n, h = ce(n, fe);
-  if (e.shared = z({
+  } = n, p = le(n, he);
+  if (e.shared = Y({
     target: s,
     eventOptions: i,
     window: c,
     enabled: a,
     transform: u
-  }, ue), t) {
-    const f = tt.get(t);
-    e[t] = z(d({
+  }, de), t) {
+    const f = et.get(t);
+    e[t] = Y(h({
       shared: e.shared
-    }, h), f);
+    }, p), f);
   } else
-    for (const f in h) {
-      const E = tt.get(f);
+    for (const f in p) {
+      const E = et.get(f);
       if (E)
-        e[f] = z(d({
+        e[f] = Y(h({
           shared: e.shared
-        }, h[f]), E);
+        }, p[f]), E);
       else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(f)) {
         if (f === "domTarget")
           throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
@@ -832,15 +832,15 @@ function le(r, t, e = {}) {
     }
   return e;
 }
-class wt {
+class Et {
   constructor(t, e) {
     y(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = e;
   }
   add(t, e, n, s, i) {
-    const c = this._listeners, a = Mt(e, n), u = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, h = d(d({}, u), i);
-    t.addEventListener(a, s, h);
+    const c = this._listeners, a = Vt(e, n), u = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, p = h(h({}, u), i);
+    t.addEventListener(a, s, p);
     const f = () => {
-      t.removeEventListener(a, s, h), c.delete(f);
+      t.removeEventListener(a, s, p), c.delete(f);
     };
     return c.add(f), f;
   }
@@ -848,7 +848,7 @@ class wt {
     this._listeners.forEach((t) => t()), this._listeners.clear();
   }
 }
-class de {
+class me {
   constructor() {
     y(this, "_timeouts", /* @__PURE__ */ new Map());
   }
@@ -863,20 +863,20 @@ class de {
     this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
   }
 }
-class he {
+class ge {
   constructor(t) {
-    y(this, "gestures", /* @__PURE__ */ new Set()), y(this, "_targetEventStore", new wt(this)), y(this, "gestureEventStores", {}), y(this, "gestureTimeoutStores", {}), y(this, "handlers", {}), y(this, "config", {}), y(this, "pointerIds", /* @__PURE__ */ new Set()), y(this, "touchIds", /* @__PURE__ */ new Set()), y(this, "state", {
+    y(this, "gestures", /* @__PURE__ */ new Set()), y(this, "_targetEventStore", new Et(this)), y(this, "gestureEventStores", {}), y(this, "gestureTimeoutStores", {}), y(this, "handlers", {}), y(this, "config", {}), y(this, "pointerIds", /* @__PURE__ */ new Set()), y(this, "touchIds", /* @__PURE__ */ new Set()), y(this, "state", {
       shared: {
         shiftKey: !1,
         metaKey: !1,
         ctrlKey: !1,
         altKey: !1
       }
-    }), pe(this, t);
+    }), ve(this, t);
   }
   setEventIds(t) {
-    if (W(t))
-      return this.touchIds = new Set(Vt(t)), this.touchIds;
+    if (F(t))
+      return this.touchIds = new Set(Kt(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 he {
     this.handlers = t, this.nativeHandlers = e;
   }
   applyConfig(t, e) {
-    this.config = le(t, e, this.config);
+    this.config = pe(t, e, this.config);
   }
   clean() {
     this._targetEventStore.clean();
@@ -900,28 +900,28 @@ class he {
     if (!(e.target && (s = e.target(), !s))) {
       if (e.enabled) {
         for (const c of this.gestures) {
-          const a = this.config[c], u = ht(n, a.eventOptions, !!s);
+          const a = this.config[c], u = pt(n, a.eventOptions, !!s);
           if (a.enabled) {
-            const h = bt.get(c);
-            new h(this, t, c).bind(u);
+            const p = wt.get(c);
+            new p(this, t, c).bind(u);
           }
         }
-        const i = ht(n, e.eventOptions, !!s);
+        const i = pt(n, e.eventOptions, !!s);
         for (const c in this.nativeHandlers)
-          i(c, "", (a) => this.nativeHandlers[c](d(d({}, this.state.shared), {}, {
+          i(c, "", (a) => this.nativeHandlers[c](h(h({}, this.state.shared), {}, {
             event: a,
             args: t
           })), void 0, !0);
       }
       for (const i in n)
-        n[i] = Kt(...n[i]);
+        n[i] = Yt(...n[i]);
       if (!s) return n;
       for (const i in n) {
         const {
           device: c,
           capture: a,
           passive: u
-        } = Nt(i);
+        } = Lt(i);
         this._targetEventStore.add(s, c, "", n[i], {
           capture: a,
           passive: u
@@ -931,41 +931,41 @@ class he {
   }
 }
 function R(r, t) {
-  r.gestures.add(t), r.gestureEventStores[t] = new wt(r, t), r.gestureTimeoutStores[t] = new de();
+  r.gestures.add(t), r.gestureEventStores[t] = new Et(r, t), r.gestureTimeoutStores[t] = new me();
 }
-function pe(r, t) {
+function ve(r, t) {
   t.drag && R(r, "drag"), t.wheel && R(r, "wheel"), t.scroll && R(r, "scroll"), t.move && R(r, "move"), t.pinch && R(r, "pinch"), t.hover && R(r, "hover");
 }
-const ht = (r, t, e) => (n, s, i, c = {}, a = !1) => {
-  var u, h;
-  const f = (u = c.capture) !== null && u !== void 0 ? u : t.capture, E = (h = c.passive) !== null && h !== void 0 ? h : t.passive;
-  let v = a ? n : Pt(n, s, f);
+const pt = (r, t, e) => (n, s, i, c = {}, a = !1) => {
+  var u, p;
+  const f = (u = c.capture) !== null && u !== void 0 ? u : t.capture, E = (p = c.passive) !== null && p !== void 0 ? p : t.passive;
+  let v = a ? n : Mt(n, s, f);
   e && E && (v += "Passive"), r[v] = r[v] || [], r[v].push(i);
 };
-function me(r, t = {}, e, n) {
-  const s = J.useMemo(() => new he(r), []);
-  if (s.applyHandlers(r, n), s.applyConfig(t, e), J.useEffect(s.effect.bind(s)), J.useEffect(() => s.clean.bind(s), []), t.target === void 0)
+function ye(r, t = {}, e, n) {
+  const s = Q.useMemo(() => new ge(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 ge(r, t) {
-  return ie(oe), me({
+function _e(r, t) {
+  return ce(ue), ye({
     drag: r
   }, t || {}, "drag");
 }
-const Z = "RSC::Event";
-function ve() {
-  const r = P(null);
+const tt = "RSC::Event";
+function be() {
+  const r = A(null);
   function t(n) {
-    pt(() => {
+    mt(() => {
       r.current || (r.current = document.createElement("div"));
       function s(i) {
         n(i.detail);
       }
       if (r.current)
-        return r.current.addEventListener(Z, s, !1), () => {
+        return r.current.addEventListener(tt, s, !1), () => {
           var i;
           (i = r.current) == null || i.removeEventListener(
-            Z,
+            tt,
             s,
             !1
           );
@@ -974,7 +974,7 @@ function ve() {
   }
   function e(n) {
     if (r.current) {
-      const s = new CustomEvent(Z, {
+      const s = new CustomEvent(tt, {
         detail: n
       });
       r.current.dispatchEvent(s);
@@ -985,7 +985,7 @@ function ve() {
     emitEvent: e
   };
 }
-function Ee({
+function Te({
   init: r = !0,
   items: t,
   withLoop: e = !1,
@@ -995,23 +995,23 @@ function Ee({
   startEndGutter: c = 0,
   carouselAxis: a = "x",
   slideType: u = "fixed",
-  startingPosition: h = "start",
+  startingPosition: p = "start",
   enableGestures: f = !0,
   slideWhenDragThresholdIsReached: E = !0,
   onInit: v
 }) {
-  const $ = P(r), C = P(null), S = P(null), N = P(0), T = P(!e), O = P(!1), L = P(0), p = P(0), [M, I] = Tt(
+  const [$, N] = kt(!1), P = A(r), D = A(null), S = A(null), B = A(0), k = A(!e), C = A(!1), L = A(0), l = A(0), [M, H] = Dt(
     () => ({
       value: 0,
       onChange({ value: o }) {
-        (u === "fixed" || u === "fluid") && C.current.style.setProperty(
+        (u === "fixed" || u === "fluid") && D.current.style.setProperty(
           `--${n}-offset-position`,
           `${o.value}px`
         ), u === "freeScroll" && (S.current[a === "x" ? "scrollLeft" : "scrollTop"] = Math.abs(o.value));
       }
     }),
     [a]
-  ), F = u !== "freeScroll" && e ? [
+  ), xt = u !== "freeScroll" && e ? [
     ...t.map((o) => ({
       ...o,
       id: `prev-repeated-item-${o.id}`,
@@ -1023,16 +1023,16 @@ function Ee({
       id: `next-repeated-item-${o.id}`,
       isClonedItem: !0
     }))
-  ] : t, { useListenToCustomEvent: rt, emitEvent: V } = ve();
-  function H(o) {
-    $.current && (O.current || j({
+  ] : t, { useListenToCustomEvent: nt, emitEvent: V } = be();
+  function G(o) {
+    P.current && (C.current || j({
       type: "next",
       toIndex: o,
       actionType: "click"
     }));
   }
-  function G(o) {
-    $.current && (T.current || j({
+  function X(o) {
+    P.current && (k.current || j({
       type: "prev",
       toIndex: o,
       actionType: "click"
@@ -1040,51 +1040,51 @@ function Ee({
   }
   function j({
     type: o,
-    shouldAnimate: l = !0,
-    toIndex: D,
+    shouldAnimate: d = !0,
+    toIndex: T,
     actionType: _
   }) {
-    const m = B(), A = !l;
-    T.current = !1, O.current = !1;
-    let k = M.value.get(), b = 0;
-    if (o === "next" && (p.current += 1), o === "prev" && (p.current === 0 ? p.current = t.length - 1 : p.current -= 1), D !== void 0 && (p.current = D), u !== "freeScroll" && o === "next") {
-      const w = X(
+    const m = z(), O = !d;
+    k.current = !1, C.current = !1;
+    let I = M.value.get(), b = 0;
+    if (o === "next" && (l.current += 1), o === "prev" && (l.current === 0 ? l.current = t.length - 1 : l.current -= 1), T !== void 0 && (l.current = T), u !== "freeScroll" && o === "next") {
+      const w = q(
         e ? m * (t.length * 2) : 0
       );
-      b = -(p.current * m), w - Math.abs(b) < m / 1.2 && u === "fluid" && !e && (b = -w), !e && Math.abs(b) >= w && (O.current = !0, b = -w), e && p.current === t.length && (p.current = 0, k = k + m * t.length, b = 0);
+      b = -(l.current * m), w - Math.abs(b) < m / 1.2 && u === "fluid" && !e && (b = -w), !e && Math.abs(b) >= w && (C.current = !0, b = -w), e && l.current === t.length && (l.current = 0, I = I + m * t.length, b = 0);
     }
-    if (u !== "freeScroll" && o === "prev" && (b = -(p.current * m), p.current === t.length - 1 && (k = k - t.length * m), !e && b >= 0 && (T.current = !0, b = 0)), u === "freeScroll" && o === "next") {
+    if (u !== "freeScroll" && o === "prev" && (b = -(l.current * m), l.current === t.length - 1 && (I = I - t.length * m), !e && b >= 0 && (k.current = !0, b = 0)), u === "freeScroll" && o === "next") {
       const w = S.current[a === "x" ? "scrollLeft" : "scrollTop"];
-      k = w, b = w + m;
+      I = w, b = w + m;
     }
     if (u === "freeScroll" && o === "prev") {
       const w = S.current[a === "x" ? "scrollLeft" : "scrollTop"];
-      k = w, b = w - m;
+      I = w, b = w - m;
     }
-    N.current = b, V(_ === "resize" ? {
+    B.current = b, V(_ === "resize" ? {
       eventName: "onResize",
       sliceActionType: _,
       slideDirection: o,
       currentItem: {
-        index: p.current,
-        id: t.at(p.current).id,
-        startReached: T.current,
-        endReached: O.current
+        index: l.current,
+        id: t.at(l.current).id,
+        startReached: k.current,
+        endReached: C.current
       }
     } : {
       eventName: "onSlideStartChange",
       sliceActionType: _,
       slideDirection: o,
       nextItem: {
-        index: p.current,
-        id: t.at(p.current).id,
-        startReached: T.current,
-        endReached: O.current
+        index: l.current,
+        id: t.at(l.current).id,
+        startReached: k.current,
+        endReached: C.current
       }
-    }), I.start({
-      immediate: A,
+    }), H.start({
+      immediate: O,
       from: {
-        value: k
+        value: I
       },
       to: {
         value: b
@@ -1095,10 +1095,10 @@ function Ee({
           sliceActionType: _,
           slideDirection: o,
           currentItem: {
-            index: p.current,
-            id: t.at(p.current).id,
-            startReached: T.current,
-            endReached: O.current
+            index: l.current,
+            id: t.at(l.current).id,
+            startReached: k.current,
+            endReached: C.current
           }
         }), w && u === "fluid" && V({
           eventName: "onSlideChangeComplete",
@@ -1107,32 +1107,32 @@ function Ee({
           currentItem: {
             index: 0,
             id: "",
-            startReached: T.current,
-            endReached: O.current
+            startReached: k.current,
+            endReached: C.current
           }
         });
       }
     });
   }
-  function B() {
+  function z() {
     const o = S.current.children[0];
-    let l = 0;
-    return l = o.getBoundingClientRect()[a === "x" ? "width" : "height"] + i, l;
+    let d = 0;
+    return d = o.getBoundingClientRect()[a === "x" ? "width" : "height"] + i, d;
   }
-  function X(o) {
-    const l = S.current;
-    return l[a === "x" ? "scrollWidth" : "scrollHeight"] - l.getBoundingClientRect()[a === "x" ? "width" : "height"] - o;
+  function q(o) {
+    const d = S.current;
+    return d[a === "x" ? "scrollWidth" : "scrollHeight"] - d.getBoundingClientRect()[a === "x" ? "width" : "height"] - o;
   }
-  function Et() {
+  function St() {
     let o = 0;
-    const l = getComputedStyle(
+    const d = getComputedStyle(
       document.documentElement
     ).getPropertyValue(`--${n}-start-end-gutter`);
-    return l.includes("px") && (o = Number(
-      l.replace("px", "")
+    return d.includes("px") && (o = Number(
+      d.replace("px", "")
     )), { totalStartEndGutterCssVar: o };
   }
-  pt(() => {
+  mt(() => {
     function o(_, m) {
       switch (_) {
         case "start":
@@ -1149,58 +1149,58 @@ function Ee({
           return 0;
       }
     }
-    function l(_) {
-      if (C.current) {
-        const { totalStartEndGutterCssVar: m } = Et();
+    function d(_) {
+      if (D.current) {
+        const { totalStartEndGutterCssVar: m } = St();
         document.documentElement.style.setProperty(
           `--${n}-start-end-gutter`,
           `${m}px`
         );
-        let A = 0;
-        e && (A = B() * t.length), A -= B() * o(h, s), A -= m / 2, C.current.style.setProperty(
+        let O = 0;
+        e && (O = z() * t.length), O -= z() * o(p, s), O -= m / 2, D.current.style.setProperty(
           `--${n}-offset-modifier`,
-          `${-A}px`
-        ), _ && _();
+          `${-O}px`
+        ), N(!0), _ && _();
       }
     }
-    function D() {
-      l(), j({
+    function T() {
+      d(), j({
         type: "next",
-        toIndex: p.current,
+        toIndex: l.current,
         shouldAnimate: !1,
         actionType: "resize"
       });
     }
-    if (r && (L.current = B() / 4), r && u === "fixed")
-      return l(v), window.addEventListener("resize", D), () => {
-        window.removeEventListener("resize", D);
+    if (r && (L.current = z() / 4), r && u === "fixed")
+      return d(v), window.addEventListener("resize", T), () => {
+        window.removeEventListener("resize", T);
       };
-  }, [r, e, n, a, i, h, u]);
-  const xt = ge(
+  }, [r, e, n, a, i, p, u]);
+  const Tt = _e(
     (o) => {
-      if (!$.current)
+      if (!P.current)
         return;
-      const l = o.dragging, D = o.offset[a === "x" ? 0 : 1], _ = o.movement[a === "x" ? 0 : 1], m = _ > L.current, A = _ < -L.current, k = o.velocity;
-      l && (V({
+      const d = o.dragging, T = o.offset[a === "x" ? 0 : 1], _ = o.movement[a === "x" ? 0 : 1], m = _ > L.current, O = _ < -L.current, I = o.velocity;
+      d && (V({
         ...o,
         eventName: "onDrag",
         slideActionType: "drag"
-      }), I.start({
-        value: D,
+      }), H.start({
+        value: T,
         immediate: !0,
         config: {
-          velocity: k
+          velocity: I
         }
-      }), E && (m || A) && o.cancel()), o.last && (m ? j({
+      }), E && (m || O) && o.cancel()), o.last && (m ? j({
         actionType: "drag",
         type: "prev"
-      }) : A ? j({
+      }) : O ? j({
         actionType: "drag",
         type: "next"
-      }) : I.start({
-        value: N.current,
+      }) : H.start({
+        value: B.current,
         config: {
-          velocity: k
+          velocity: I
         }
       }));
     },
@@ -1211,8 +1211,8 @@ function Ee({
       ...e ? {} : {
         bounds: () => ({
           right: 0,
-          left: -X(0),
-          top: -X(0),
+          left: -q(0),
+          top: -q(0),
           bottom: 0
         })
       },
@@ -1220,15 +1220,15 @@ function Ee({
     }
   );
   return {
-    carouselFragment: /* @__PURE__ */ St(
+    carouselFragment: /* @__PURE__ */ It(
       "div",
       {
-        ref: C,
+        ref: D,
         className: "ReactSpringCarouselContainer",
         "data-part": "Container",
         "data-part-internal": `${n}-Container`,
         children: [
-          /* @__PURE__ */ q(
+          /* @__PURE__ */ J(
             "style",
             {
               dangerouslySetInnerHTML: {
@@ -1251,6 +1251,8 @@ function Ee({
             }
             [data-part-internal="${n}-Track"] {
               display: flex;
+              position: relative;
+              left: ${a === "x" && !$ ? `calc(var(--${n}-start-end-gutter) / 2)` : "0px"};
               flex-direction: ${a === "x" ? "row" : "column"};
               width: 100%;
               height: 100%;
@@ -1267,20 +1269,20 @@ function Ee({
               }
             }
           ),
-          /* @__PURE__ */ q(
+          /* @__PURE__ */ J(
             "div",
             {
               ref: S,
               className: "ReactSpringCarouselTrack",
               "data-part": "Track",
               "data-part-internal": `${n}-Track`,
-              ...xt(),
+              ...Tt(),
               ...u === "freeScroll" ? {
                 onWheel() {
                   M.value.stop();
                 }
               } : {},
-              children: F.map((o, l) => /* @__PURE__ */ q(
+              children: xt.map((o, d) => /* @__PURE__ */ J(
                 "div",
                 {
                   className: "ReactSpringCarouselItem",
@@ -1288,21 +1290,21 @@ function Ee({
                   "data-part-internal": `${n}-Item`,
                   "data-id": o.id,
                   children: typeof o.renderItem == "function" ? o.renderItem({
-                    useListenToCustomEvent: rt,
-                    index: l,
+                    useListenToCustomEvent: nt,
+                    index: d,
                     isClonedItem: !!o.isClonedItem
                   }) : o.renderItem
                 },
-                `${o.id}-${l}`
+                `${o.id}-${d}`
               ))
             }
           )
         ]
       }
     ),
-    useListenToCustomEvent: rt,
-    slideToNextItem: () => H(),
-    slideToPrevItem: () => G(),
+    useListenToCustomEvent: nt,
+    slideToNextItem: () => G(),
+    slideToPrevItem: () => X(),
     slideToItem: (o) => {
       if (typeof o == "number") {
         if (!t[o]) {
@@ -1311,21 +1313,21 @@ function Ee({
           );
           return;
         }
-        o > p.current ? H(o) : G(o);
+        o > l.current ? G(o) : X(o);
       }
       if (typeof o == "string") {
-        const l = t.findIndex((D) => D.id === o);
-        if (l < 0) {
+        const d = t.findIndex((T) => T.id === o);
+        if (d < 0) {
           console.warn(
             `The item you're trying to slide doesn't exist. id: ${o}`
           );
           return;
         }
-        l > p.current ? H(l) : G(l);
+        d > l.current ? G(d) : X(d);
       }
     }
   };
 }
 export {
-  Ee as useSpringCarousel
+  Te as useSpringCarousel
 };