react-spring-carousel 3.0.0-beta-2.0.492 → 3.0.0-beta-2.0.495

package/dist/index.es.js

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