react-spring-carousel 3.0.0-beta-2.0.1875 → 3.0.0-beta-2.0.1876

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsxs as Ct, jsx as Q } from "react/jsx-runtime";
-import { useSpring as Ot } from "@react-spring/web";
-import Z, { useRef as $, useEffect as yt, useState as $t } from "react";
-function At(r, t, e) {
+import { jsxs as Ot, jsx as Q } from "react/jsx-runtime";
+import { useSpring as $t } from "@react-spring/web";
+import Z, { useRef as $, useEffect as _t, useState as At } from "react";
+function Pt(r, t, e) {
   return Math.max(t, Math.min(r, e));
 }
 const v = {
@@ -21,17 +21,17 @@ const v = {
     r[0] -= t[0], r[1] -= t[1];
   }
 };
-function at(r, t, e) {
+function ct(r, t, e) {
   return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(r, e * 5) : r * t * e / (t + e * r);
 }
-function ct(r, t, e, n = 0.15) {
-  return n === 0 ? At(r, t, e) : r < t ? -at(t - r, e - t, n) + t : r > e ? +at(r - e, e - t, n) + e : r;
+function ut(r, t, e, n = 0.15) {
+  return n === 0 ? Pt(r, t, e) : r < t ? -ct(t - r, e - t, n) + t : r > e ? +ct(r - e, e - t, n) + e : r;
 }
-function Pt(r, [t, e], [n, s]) {
+function Nt(r, [t, e], [n, s]) {
   const [[i, u], [a, c]] = r;
-  return [ct(t, i, u, n), ct(e, a, c, s)];
+  return [ut(t, i, u, n), ut(e, a, c, s)];
 }
-function Nt(r, t) {
+function Mt(r, t) {
   if (typeof r != "object" || r === null) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
@@ -41,19 +41,19 @@ function Nt(r, t) {
   }
   return (t === "string" ? String : Number)(r);
 }
-function Mt(r) {
-  var t = Nt(r, "string");
+function Rt(r) {
+  var t = Mt(r, "string");
   return typeof t == "symbol" ? t : String(t);
 }
 function b(r, t, e) {
-  return t = Mt(t), t in r ? Object.defineProperty(r, t, {
+  return t = Rt(t), t in r ? Object.defineProperty(r, t, {
     value: e,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : r[t] = e, r;
 }
-function ut(r, t) {
+function lt(r, t) {
   var e = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(r);
@@ -66,15 +66,15 @@ function ut(r, t) {
 function h(r) {
   for (var t = 1; t < arguments.length; t++) {
     var e = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? ut(Object(e), !0).forEach(function(n) {
+    t % 2 ? lt(Object(e), !0).forEach(function(n) {
       b(r, n, e[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(e)) : ut(Object(e)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(e)) : lt(Object(e)).forEach(function(n) {
       Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(e, n));
     });
   }
   return r;
 }
-const _t = {
+const bt = {
   pointer: {
     start: "down",
     change: "move",
@@ -99,60 +99,60 @@ const _t = {
 function ft(r) {
   return r ? r[0].toUpperCase() + r.slice(1) : "";
 }
-const Rt = ["enter", "leave"];
-function Lt(r = !1, t) {
-  return r && !Rt.includes(t);
+const Lt = ["enter", "leave"];
+function Vt(r = !1, t) {
+  return r && !Lt.includes(t);
 }
-function Vt(r, t = "", e = !1) {
-  const n = _t[r], s = n && n[t] || t;
-  return "on" + ft(r) + ft(s) + (Lt(e, s) ? "Capture" : "");
+function jt(r, t = "", e = !1) {
+  const n = bt[r], s = n && n[t] || t;
+  return "on" + ft(r) + ft(s) + (Vt(e, s) ? "Capture" : "");
 }
-const jt = ["gotpointercapture", "lostpointercapture"];
-function Ut(r) {
+const Ut = ["gotpointercapture", "lostpointercapture"];
+function Kt(r) {
   let t = r.substring(2).toLowerCase();
   const e = !!~t.indexOf("passive");
   e && (t = t.replace("passive", ""));
-  const n = jt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
+  const n = Ut.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
   return s && (t = t.replace("capture", "")), {
     device: t,
     capture: s,
     passive: e
   };
 }
-function Kt(r, t = "") {
-  const e = _t[r], n = e && e[t] || t;
+function Bt(r, t = "") {
+  const e = bt[r], n = e && e[t] || t;
   return r + n;
 }
 function H(r) {
   return "touches" in r;
 }
-function bt(r) {
+function wt(r) {
   return H(r) ? "touch" : "pointerType" in r ? r.pointerType : "mouse";
 }
-function Bt(r) {
+function zt(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 zt(r) {
+function Wt(r) {
   return r.type === "touchend" || r.type === "touchcancel" ? r.changedTouches : r.targetTouches;
 }
-function wt(r) {
-  return H(r) ? zt(r)[0] : r;
+function Et(r) {
+  return H(r) ? Wt(r)[0] : r;
 }
-function Wt(r) {
-  return Bt(r).map((t) => t.identifier);
+function Yt(r) {
+  return zt(r).map((t) => t.identifier);
 }
 function tt(r) {
-  const t = wt(r);
+  const t = Et(r);
   return H(r) ? t.identifier : t.pointerId;
 }
-function lt(r) {
-  const t = wt(r);
+function dt(r) {
+  const t = Et(r);
   return [t.clientX, t.clientY];
 }
-function Yt(r) {
+function Ft(r) {
   const t = {};
   if ("buttons" in r && (t.buttons = r.buttons), "shiftKey" in r) {
     const {
@@ -173,21 +173,21 @@ function Yt(r) {
 function F(r, ...t) {
   return typeof r == "function" ? r(...t) : r;
 }
-function Ft() {
+function Ht() {
 }
-function Ht(...r) {
-  return r.length === 0 ? Ft : r.length === 1 ? r[0] : function() {
+function Gt(...r) {
+  return r.length === 0 ? Ht : r.length === 1 ? r[0] : function() {
     let t;
     for (const e of r)
       t = e.apply(this, arguments) || t;
     return t;
   };
 }
-function dt(r, t) {
+function ht(r, t) {
   return Object.assign({}, t, r || {});
 }
-const Gt = 32;
-class Xt {
+const Xt = 32;
+class qt {
   constructor(t, e, n) {
     this.ctrl = t, this.args = e, this.key = n, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
   }
@@ -244,32 +244,32 @@ class Xt {
     } = 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, Yt(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);
-      v.addTo(e._distance, l);
+    if (t && (e.event = t, n.preventDefault && t.cancelable && e.event.preventDefault(), e.type = t.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, Ft(t)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, i = t.timeStamp - e.timeStamp, e.timeStamp = t.timeStamp, e.elapsedTime = e.timeStamp - e.startTime), e._active) {
+      const f = e._delta.map(Math.abs);
+      v.addTo(e._distance, f);
     }
     this.axisIntent && this.axisIntent(t);
     const [u, a] = e._movement, [c, p] = n.threshold, {
-      _step: f,
+      _step: l,
       values: x
     } = e;
-    if (n.hasCustomTransform ? (f[0] === !1 && (f[0] = Math.abs(u) >= c && x[0]), f[1] === !1 && (f[1] = Math.abs(a) >= p && x[1])) : (f[0] === !1 && (f[0] = Math.abs(u) >= c && Math.sign(u) * c), f[1] === !1 && (f[1] = Math.abs(a) >= p && Math.sign(a) * p)), e.intentional = f[0] !== !1 || f[1] !== !1, !e.intentional) return;
+    if (n.hasCustomTransform ? (l[0] === !1 && (l[0] = Math.abs(u) >= c && x[0]), l[1] === !1 && (l[1] = Math.abs(a) >= p && x[1])) : (l[0] === !1 && (l[0] = Math.abs(u) >= c && Math.sign(u) * c), l[1] === !1 && (l[1] = Math.abs(a) >= p && Math.sign(a) * p)), e.intentional = l[0] !== !1 || l[1] !== !1, !e.intentional) return;
     const y = [0, 0];
     if (n.hasCustomTransform) {
-      const [l, M] = x;
-      y[0] = f[0] !== !1 ? l - f[0] : 0, y[1] = f[1] !== !1 ? M - f[1] : 0;
+      const [f, M] = x;
+      y[0] = l[0] !== !1 ? f - l[0] : 0, y[1] = l[1] !== !1 ? M - l[1] : 0;
     } else
-      y[0] = f[0] !== !1 ? u - f[0] : 0, y[1] = f[1] !== !1 ? a - f[1] : 0;
+      y[0] = l[0] !== !1 ? u - l[0] : 0, y[1] = l[1] !== !1 ? a - l[1] : 0;
     this.restrictToAxis && !e._blocked && this.restrictToAxis(y);
     const P = e.offset, N = e._active && !e._blocked || e.active;
     N && (e.first = e._active && !e.active, e.last = !e._active && e.active, e.active = s[this.ingKey] = e._active, t && (e.first && ("bounds" in n && (e._bounds = F(n.bounds, e)), this.setup && this.setup()), e.movement = y, this.computeOffset()));
     const [A, C] = e.offset, [[_, z], [I, w]] = e._bounds;
     e.overflow = [A < _ ? -1 : A > z ? 1 : 0, C < I ? -1 : C > w ? 1 : 0], e._movementBound[0] = e.overflow[0] ? e._movementBound[0] === !1 ? e._movement[0] : e._movementBound[0] : !1, e._movementBound[1] = e.overflow[1] ? e._movementBound[1] === !1 ? e._movement[1] : e._movementBound[1] : !1;
     const V = e._active ? n.rubberband || [0, 0] : [0, 0];
-    if (e.offset = Pt(e._bounds, e.offset, V), e.delta = v.sub(e.offset, P), this.computeMovement(), N && (!e.last || i > Gt)) {
+    if (e.offset = Nt(e._bounds, e.offset, V), e.delta = v.sub(e.offset, P), this.computeMovement(), N && (!e.last || i > Xt)) {
       e.delta = v.sub(e.offset, P);
-      const l = e.delta.map(Math.abs);
-      v.addTo(e.distance, l), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && i > 0 && (e.velocity = [l[0] / i, l[1] / i], e.timeDelta = i);
+      const f = e.delta.map(Math.abs);
+      v.addTo(e.distance, f), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && i > 0 && (e.velocity = [f[0] / i, f[1] / i], e.timeDelta = i);
     }
   }
   emit() {
@@ -284,14 +284,14 @@ class Xt {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function qt([r, t], e) {
+function Jt([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 Jt extends Xt {
+class Qt extends qt {
   constructor(...t) {
     super(...t), b(this, "aliasKey", "xy");
   }
@@ -310,8 +310,8 @@ class Jt extends Xt {
   axisIntent(t) {
     const e = this.state, n = this.config;
     if (!e.axis && t) {
-      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[bt(t)] : n.axisThreshold;
-      e.axis = qt(e._movement, s);
+      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[wt(t)] : n.axisThreshold;
+      e.axis = Jt(e._movement, s);
     }
     e._blocked = (n.lockDirection || !!n.axis) && !e.axis || !!n.axis && n.axis !== e.axis;
   }
@@ -327,7 +327,7 @@ class Jt extends Xt {
       }
   }
 }
-const ht = (r) => r, pt = 0.15, nt = {
+const pt = (r) => r, mt = 0.15, nt = {
   enabled(r = !0) {
     return r;
   },
@@ -343,7 +343,7 @@ const ht = (r) => r, pt = 0.15, nt = {
   rubberband(r = 0) {
     switch (r) {
       case !0:
-        return [pt, pt];
+        return [mt, mt];
       case !1:
         return [0, 0];
       default:
@@ -357,13 +357,13 @@ const ht = (r) => r, pt = 0.15, nt = {
   transform(r, t, e) {
     const n = r || e.shared.transform;
     if (this.hasCustomTransform = !!n, process.env.NODE_ENV === "development") {
-      const s = n || ht;
+      const s = n || pt;
       return (i) => {
         const u = s(i);
         return (!isFinite(u[0]) || !isFinite(u[1])) && console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${u[0]},${[1]}]`), u;
       };
     }
-    return n || ht;
+    return n || pt;
   },
   threshold(r) {
     return v.toVector(r, 0);
@@ -386,13 +386,13 @@ process.env.NODE_ENV === "development" && Object.assign(nt, {
     return NaN;
   }
 });
-const Qt = 0, K = h(h({}, nt), {}, {
+const Zt = 0, K = h(h({}, nt), {}, {
   axis(r, t, {
     axis: e
   }) {
     if (this.lockDirection = e === "lock", !this.lockDirection) return e;
   },
-  axisThreshold(r = Qt) {
+  axisThreshold(r = Zt) {
     return r;
   },
   bounds(r = {}) {
@@ -410,13 +410,13 @@ const Qt = 0, K = h(h({}, nt), {}, {
     } = r;
     return [[t, e], [n, s]];
   }
-}), mt = {
+}), gt = {
   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 Zt extends Jt {
+class te extends Qt {
   constructor(...t) {
     super(...t), b(this, "ingKey", "dragging");
   }
@@ -453,7 +453,7 @@ class Zt extends Jt {
     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 = tt(t), n._pointerActive = !0, this.computeValues(lt(t)), this.computeInitial(), e.preventScrollAxis && bt(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : e.delay > 0 ? (this.setupDelayTrigger(t), e.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
+    e.pointerCapture && t.target.setPointerCapture(t.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(t), this.setupPointer(t), n._pointerId = tt(t), n._pointerActive = !0, this.computeValues(dt(t)), this.computeInitial(), e.preventScrollAxis && wt(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : e.delay > 0 ? (this.setupDelayTrigger(t), e.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
   }
   startPointerDrag(t) {
     const e = this.state;
@@ -464,7 +464,7 @@ class Zt extends Jt {
     if (!e._pointerActive) return;
     const s = tt(t);
     if (e._pointerId !== void 0 && s !== e._pointerId) return;
-    const i = lt(t);
+    const i = dt(t);
     if (document.pointerLockElement === t.target ? e._delta = [t.movementX, t.movementY] : (e._delta = v.sub(i, e._values), this.computeValues(i)), v.addTo(e._movement, e._delta), this.compute(t), e._delayed && e.intentional) {
       this.timeoutStore.remove("dragDelay"), e.active = !1, this.startPointerDrag(t);
       return;
@@ -498,10 +498,10 @@ class Zt extends Jt {
     if (e.tap = i <= n.tapsThreshold && u <= n.tapsThreshold, e.tap && n.filterTaps)
       e._force = !0;
     else {
-      const [a, c] = e._delta, [p, f] = e._movement, [x, y] = n.swipe.velocity, [P, N] = n.swipe.distance, A = n.swipe.duration;
+      const [a, c] = e._delta, [p, l] = e._movement, [x, y] = n.swipe.velocity, [P, N] = n.swipe.distance, A = n.swipe.duration;
       if (e.elapsedTime < A) {
         const C = Math.abs(a / e.timeDelta), _ = Math.abs(c / e.timeDelta);
-        C > x && Math.abs(p) > P && (e.swipe[0] = Math.sign(a)), _ > y && Math.abs(f) > N && (e.swipe[1] = Math.sign(c));
+        C > x && Math.abs(p) > P && (e.swipe[0] = Math.sign(a)), _ > y && Math.abs(l) > N && (e.swipe[1] = Math.sign(c));
       }
     }
     this.emit();
@@ -528,7 +528,7 @@ class Zt extends Jt {
     this.state._preventScroll && t.cancelable && t.preventDefault();
   }
   setupScrollPrevention(t) {
-    this.state._preventScroll = !1, te(t);
+    this.state._preventScroll = !1, ee(t);
     const e = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
       passive: !1
     });
@@ -540,14 +540,14 @@ class Zt extends Jt {
     }, this.config.delay);
   }
   keyDown(t) {
-    const e = mt[t.key];
+    const e = gt[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, v.addTo(n._movement, n._delta), this.compute(t), this.emit();
     }
   }
   keyUp(t) {
-    t.key in mt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
+    t.key in gt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
   }
   bind(t) {
     const e = this.config.device;
@@ -557,23 +557,23 @@ class Zt extends Jt {
     });
   }
 }
-function te(r) {
+function ee(r) {
   "persist" in r && typeof r.persist == "function" && r.persist();
 }
 const B = typeof window < "u" && window.document && window.document.createElement;
-function Et() {
+function St() {
   return B && "ontouchstart" in window;
 }
-function ee() {
-  return Et() || B && window.navigator.maxTouchPoints > 1;
-}
 function re() {
-  return B && "onpointerdown" in window;
+  return St() || B && window.navigator.maxTouchPoints > 1;
 }
 function ne() {
-  return B && "exitPointerLock" in window.document;
+  return B && "onpointerdown" in window;
 }
 function se() {
+  return B && "exitPointerLock" in window.document;
+}
+function ie() {
   try {
     return "constructor" in GestureEvent;
   } catch {
@@ -582,16 +582,16 @@ function se() {
 }
 const T = {
   isBrowser: B,
-  gesture: se(),
-  touch: Et(),
-  touchscreen: ee(),
-  pointer: re(),
-  pointerLock: ne()
-}, ie = 250, oe = 180, ae = 0.5, ce = 50, ue = 250, fe = 10, gt = {
+  gesture: ie(),
+  touch: St(),
+  touchscreen: re(),
+  pointer: ne(),
+  pointerLock: se()
+}, oe = 250, ae = 180, ce = 0.5, ue = 50, le = 250, fe = 10, vt = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, St = h(h({}, K), {}, {
+}, xt = h(h({}, K), {}, {
   device(r, t, {
     pointer: {
       touch: e = !1,
@@ -604,7 +604,7 @@ const T = {
   preventScrollAxis(r, t, {
     preventScroll: e
   }) {
-    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? ie : void 0, !(!T.touchscreen || e === !1))
+    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? oe : void 0, !(!T.touchscreen || e === !1))
       return r || (e !== void 0 ? "y" : void 0);
   },
   pointerCapture(r, t, {
@@ -625,9 +625,9 @@ const T = {
     return this.filterTaps = e, this.tapsThreshold = n, i;
   },
   swipe({
-    velocity: r = ae,
-    distance: t = ce,
-    duration: e = ue
+    velocity: r = ce,
+    distance: t = ue,
+    duration: e = le
   } = {}) {
     return {
       velocity: this.transform(v.toVector(r)),
@@ -638,7 +638,7 @@ const T = {
   delay(r = 0) {
     switch (r) {
       case !0:
-        return oe;
+        return ae;
       case !1:
         return 0;
       default:
@@ -646,13 +646,13 @@ const T = {
     }
   },
   axisThreshold(r) {
-    return r ? h(h({}, gt), r) : gt;
+    return r ? h(h({}, vt), r) : vt;
   },
   keyboardDisplacement(r = fe) {
     return r;
   }
 });
-process.env.NODE_ENV === "development" && Object.assign(St, {
+process.env.NODE_ENV === "development" && Object.assign(xt, {
   useTouch(r) {
     if (r !== void 0)
       throw Error("[@use-gesture]: `useTouch` option has been renamed to `pointer.touch`. Use it as in `{ pointer: { touch: true } }`.");
@@ -698,13 +698,13 @@ h(h({}, nt), {}, {
     angleBounds: n = {}
   }) {
     const s = (u) => {
-      const a = dt(F(e, u), {
+      const a = ht(F(e, u), {
         min: -1 / 0,
         max: 1 / 0
       });
       return [a.min, a.max];
     }, i = (u) => {
-      const a = dt(F(n, u), {
+      const a = ht(F(n, u), {
         min: -1 / 0,
         max: 1 / 0
       });
@@ -728,25 +728,25 @@ h(h({}, K), {}, {
 h(h({}, K), {}, {
   mouseOnly: (r = !0) => r
 });
-const xt = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map();
-function le(r) {
-  xt.set(r.key, r.engine), rt.set(r.key, r.resolver);
+const Tt = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map();
+function de(r) {
+  Tt.set(r.key, r.engine), rt.set(r.key, r.resolver);
 }
-const de = {
+const he = {
   key: "drag",
-  engine: Zt,
-  resolver: St
+  engine: te,
+  resolver: xt
 };
-function he(r, t) {
+function pe(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 pe(r, t) {
+function me(r, t) {
   if (r == null) return {};
-  var e = he(r, t), n, s;
+  var e = pe(r, t), n, s;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(r);
     for (s = 0; s < i.length; s++)
@@ -754,7 +754,7 @@ function pe(r, t) {
   }
   return e;
 }
-const me = {
+const ge = {
   target(r) {
     if (r)
       return () => "current" in r ? r.current : r;
@@ -777,7 +777,7 @@ const me = {
   transform(r) {
     return r;
   }
-}, ge = ["target", "eventOptions", "window", "enabled", "transform"];
+}, ve = ["target", "eventOptions", "window", "enabled", "transform"];
 function Y(r = {}, t) {
   const e = {};
   for (const [n, s] of Object.entries(t))
@@ -798,57 +798,57 @@ function Y(r = {}, t) {
     }
   return e;
 }
-function ve(r, t, e = {}) {
+function ye(r, t, e = {}) {
   const n = r, {
     target: s,
     eventOptions: i,
     window: u,
     enabled: a,
     transform: c
-  } = n, p = pe(n, ge);
+  } = n, p = me(n, ve);
   if (e.shared = Y({
     target: s,
     eventOptions: i,
     window: u,
     enabled: a,
     transform: c
-  }, me), t) {
-    const f = rt.get(t);
+  }, ge), t) {
+    const l = rt.get(t);
     e[t] = Y(h({
       shared: e.shared
-    }, p), f);
+    }, p), l);
   } else
-    for (const f in p) {
-      const x = rt.get(f);
+    for (const l in p) {
+      const x = rt.get(l);
       if (x)
-        e[f] = Y(h({
+        e[l] = Y(h({
           shared: e.shared
-        }, p[f]), x);
-      else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(f)) {
-        if (f === "domTarget")
+        }, p[l]), x);
+      else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(l)) {
+        if (l === "domTarget")
           throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
-        console.warn(`[@use-gesture]: Unknown config key \`${f}\` was used. Please read the documentation for further information.`);
+        console.warn(`[@use-gesture]: Unknown config key \`${l}\` was used. Please read the documentation for further information.`);
       }
     }
   return e;
 }
-class Tt {
+class It {
   constructor(t, e) {
     b(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = e;
   }
   add(t, e, n, s, i) {
-    const u = this._listeners, a = Kt(e, n), c = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, p = h(h({}, c), i);
+    const u = this._listeners, a = Bt(e, n), c = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, p = h(h({}, c), i);
     t.addEventListener(a, s, p);
-    const f = () => {
-      t.removeEventListener(a, s, p), u.delete(f);
+    const l = () => {
+      t.removeEventListener(a, s, p), u.delete(l);
     };
-    return u.add(f), f;
+    return u.add(l), l;
   }
   clean() {
     this._listeners.forEach((t) => t()), this._listeners.clear();
   }
 }
-class ye {
+class _e {
   constructor() {
     b(this, "_timeouts", /* @__PURE__ */ new Map());
   }
@@ -863,20 +863,20 @@ class ye {
     this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
   }
 }
-class _e {
+class be {
   constructor(t) {
-    b(this, "gestures", /* @__PURE__ */ new Set()), b(this, "_targetEventStore", new Tt(this)), b(this, "gestureEventStores", {}), b(this, "gestureTimeoutStores", {}), b(this, "handlers", {}), b(this, "config", {}), b(this, "pointerIds", /* @__PURE__ */ new Set()), b(this, "touchIds", /* @__PURE__ */ new Set()), b(this, "state", {
+    b(this, "gestures", /* @__PURE__ */ new Set()), b(this, "_targetEventStore", new It(this)), b(this, "gestureEventStores", {}), b(this, "gestureTimeoutStores", {}), b(this, "handlers", {}), b(this, "config", {}), b(this, "pointerIds", /* @__PURE__ */ new Set()), b(this, "touchIds", /* @__PURE__ */ new Set()), b(this, "state", {
       shared: {
         shiftKey: !1,
         metaKey: !1,
         ctrlKey: !1,
         altKey: !1
       }
-    }), be(this, t);
+    }), we(this, t);
   }
   setEventIds(t) {
     if (H(t))
-      return this.touchIds = new Set(Wt(t)), this.touchIds;
+      return this.touchIds = new Set(Yt(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 _e {
     this.handlers = t, this.nativeHandlers = e;
   }
   applyConfig(t, e) {
-    this.config = ve(t, e, this.config);
+    this.config = ye(t, e, this.config);
   }
   clean() {
     this._targetEventStore.clean();
@@ -900,13 +900,13 @@ class _e {
     if (!(e.target && (s = e.target(), !s))) {
       if (e.enabled) {
         for (const u of this.gestures) {
-          const a = this.config[u], c = vt(n, a.eventOptions, !!s);
+          const a = this.config[u], c = yt(n, a.eventOptions, !!s);
           if (a.enabled) {
-            const p = xt.get(u);
+            const p = Tt.get(u);
             new p(this, t, u).bind(c);
           }
         }
-        const i = vt(n, e.eventOptions, !!s);
+        const i = yt(n, e.eventOptions, !!s);
         for (const u in this.nativeHandlers)
           i(u, "", (a) => this.nativeHandlers[u](h(h({}, this.state.shared), {}, {
             event: a,
@@ -914,14 +914,14 @@ class _e {
           })), void 0, !0);
       }
       for (const i in n)
-        n[i] = Ht(...n[i]);
+        n[i] = Gt(...n[i]);
       if (!s) return n;
       for (const i in n) {
         const {
           device: u,
           capture: a,
           passive: c
-        } = Ut(i);
+        } = Kt(i);
         this._targetEventStore.add(s, u, "", n[i], {
           capture: a,
           passive: c
@@ -931,32 +931,32 @@ class _e {
   }
 }
 function L(r, t) {
-  r.gestures.add(t), r.gestureEventStores[t] = new Tt(r, t), r.gestureTimeoutStores[t] = new ye();
+  r.gestures.add(t), r.gestureEventStores[t] = new It(r, t), r.gestureTimeoutStores[t] = new _e();
 }
-function be(r, t) {
+function we(r, t) {
   t.drag && L(r, "drag"), t.wheel && L(r, "wheel"), t.scroll && L(r, "scroll"), t.move && L(r, "move"), t.pinch && L(r, "pinch"), t.hover && L(r, "hover");
 }
-const vt = (r, t, e) => (n, s, i, u = {}, a = !1) => {
+const yt = (r, t, e) => (n, s, i, u = {}, a = !1) => {
   var c, p;
-  const f = (c = u.capture) !== null && c !== void 0 ? c : t.capture, x = (p = u.passive) !== null && p !== void 0 ? p : t.passive;
-  let y = a ? n : Vt(n, s, f);
+  const l = (c = u.capture) !== null && c !== void 0 ? c : t.capture, x = (p = u.passive) !== null && p !== void 0 ? p : t.passive;
+  let y = a ? n : jt(n, s, l);
   e && x && (y += "Passive"), r[y] = r[y] || [], r[y].push(i);
 };
-function we(r, t = {}, e, n) {
-  const s = Z.useMemo(() => new _e(r), []);
+function Ee(r, t = {}, e, n) {
+  const s = Z.useMemo(() => new be(r), []);
   if (s.applyHandlers(r, n), s.applyConfig(t, e), Z.useEffect(s.effect.bind(s)), Z.useEffect(() => s.clean.bind(s), []), t.target === void 0)
     return s.bind.bind(s);
 }
-function Ee(r, t) {
-  return le(de), we({
+function Se(r, t) {
+  return de(he), Ee({
     drag: r
   }, t || {}, "drag");
 }
 const et = "RSC::Event";
-function Se() {
+function xe() {
   const r = $(null);
   function t(n) {
-    yt(() => {
+    _t(() => {
       r.current || (r.current = document.createElement("div"));
       function s(i) {
         n(i.detail);
@@ -985,7 +985,7 @@ function Se() {
     emitEvent: e
   };
 }
-function ke({
+function Ce({
   init: r = !0,
   items: t,
   withLoop: e = !1,
@@ -996,11 +996,11 @@ function ke({
   carouselAxis: a = "x",
   slideType: c = "fixed",
   startingPosition: p = "start",
-  enableGestures: f = !0,
+  enableGestures: l = !0,
   slideWhenDragThresholdIsReached: x = !0,
   onInit: y
 }) {
-  const [P, N] = $t(!1), A = $(r), C = $(null), _ = $(null), z = $(0), I = $(!e), w = $(!1), V = $(0), l = $(0), [M, G] = Ot(
+  const [P, N] = At(!1), A = $(r), C = $(null), _ = $(null), z = $(0), I = $(!e), w = $(!1), V = $(0), f = $(0), [M, G] = $t(
     () => ({
       value: 0,
       onChange({ value: o }) {
@@ -1011,7 +1011,7 @@ function ke({
       }
     }),
     [a]
-  ), It = c !== "freeScroll" && e ? [
+  ), Dt = c !== "freeScroll" && e ? [
     ...t.map((o) => ({
       ...o,
       id: `prev-repeated-item-${o.id}`,
@@ -1023,7 +1023,7 @@ function ke({
       id: `next-repeated-item-${o.id}`,
       isClonedItem: !0
     }))
-  ] : t, { useListenToCustomEvent: st, emitEvent: j } = Se();
+  ] : t, { useListenToCustomEvent: st, emitEvent: j } = xe();
   function X(o) {
     A.current && (w.current || U({
       type: "next",
@@ -1044,17 +1044,17 @@ function ke({
     toIndex: D,
     actionType: E
   }) {
-    var it, ot;
+    var ot, at;
     const m = W(), O = !d;
     I.current = !1, w.current = !1;
     let k = M.value.get(), g = 0;
-    if (o === "next" && c !== "freeScroll" && (l.current += 1), o === "prev" && c !== "freeScroll" && (l.current === 0 ? l.current = t.length - 1 : l.current -= 1), D !== void 0 && (l.current = D), c !== "freeScroll" && o === "next") {
+    if (o === "next" && c !== "freeScroll" && (f.current += 1), o === "prev" && c !== "freeScroll" && (f.current === 0 ? f.current = t.length - 1 : f.current -= 1), D !== void 0 && (f.current = D), c !== "freeScroll" && o === "next") {
       const S = J(
         e ? m * (t.length * 2) : 0
       );
-      g = -(l.current * m), S - Math.abs(g) < m / 1.2 && c === "fluid" && !e && (g = -S), !e && Math.abs(g) >= S && (w.current = !0, g = -S), e && l.current === t.length && (l.current = 0, k = k + m * t.length, g = 0);
+      g = -(f.current * m), S - Math.abs(g) < m / 1.2 && c === "fluid" && !e && (g = -S), !e && Math.abs(g) >= S && (w.current = !0, g = -S), e && f.current === t.length && (f.current = 0, k = k + m * t.length, g = 0);
     }
-    if (c !== "freeScroll" && o === "prev" && (g = -(l.current * m), l.current === t.length - 1 && (k = k - t.length * m), !e && g >= 0 && (I.current = !0, g = 0)), c === "freeScroll" && o === "next") {
+    if (c !== "freeScroll" && o === "prev" && (g = -(f.current * m), f.current === t.length - 1 && (k = k - t.length * m), !e && g >= 0 && (I.current = !0, g = 0)), c === "freeScroll" && o === "next") {
       const S = _.current[a === "x" ? "scrollLeft" : "scrollTop"], R = a === "x" ? _.current.scrollWidth - _.current.clientWidth : _.current.scrollHeight - _.current.clientHeight;
       k = S, g = S + m, (g > R || R - g < 80) && (g = R, w.current = !0);
     }
@@ -1067,8 +1067,8 @@ function ke({
       sliceActionType: E,
       slideDirection: o,
       currentItem: {
-        index: l.current,
-        id: ((it = t.at(l.current)) == null ? void 0 : it.id) ?? "",
+        index: f.current,
+        id: ((ot = t.at(f.current)) == null ? void 0 : ot.id) ?? "",
         startReached: I.current,
         endReached: w.current
       }
@@ -1077,8 +1077,8 @@ function ke({
       sliceActionType: E,
       slideDirection: o,
       nextItem: {
-        index: l.current,
-        id: ((ot = t.at(l.current)) == null ? void 0 : ot.id) ?? "",
+        index: f.current,
+        id: ((at = t.at(f.current)) == null ? void 0 : at.id) ?? "",
         startReached: I.current,
         endReached: w.current
       }
@@ -1097,8 +1097,8 @@ function ke({
           sliceActionType: E,
           slideDirection: o,
           currentItem: {
-            index: l.current,
-            id: ((R = t.at(l.current)) == null ? void 0 : R.id) ?? "",
+            index: f.current,
+            id: ((R = t.at(f.current)) == null ? void 0 : R.id) ?? "",
             startReached: I.current,
             endReached: w.current
           }
@@ -1125,7 +1125,7 @@ function ke({
     const d = _.current;
     return d[a === "x" ? "scrollWidth" : "scrollHeight"] - d.getBoundingClientRect()[a === "x" ? "width" : "height"] - o;
   }
-  function Dt() {
+  function kt() {
     let o = 0;
     const d = getComputedStyle(
       document.documentElement
@@ -1134,7 +1134,7 @@ function ke({
       d.replace("px", "")
     )), { totalStartEndGutterCssVar: o };
   }
-  yt(() => {
+  _t(() => {
     function o(E, m) {
       switch (E) {
         case "start":
@@ -1153,7 +1153,7 @@ function ke({
     }
     function d(E) {
       if (C.current) {
-        const { totalStartEndGutterCssVar: m } = Dt();
+        const { totalStartEndGutterCssVar: m } = kt();
         let O = 0;
         e && (O = W() * t.length), O -= W() * o(p, s), O -= m / 2, C.current.style.setProperty(
           `--${n}-offset-modifier`,
@@ -1164,7 +1164,7 @@ function ke({
     function D() {
       d(), U({
         type: "next",
-        toIndex: l.current,
+        toIndex: f.current,
         shouldAnimate: !1,
         actionType: "resize"
       });
@@ -1174,7 +1174,7 @@ function ke({
         window.removeEventListener("resize", D);
       };
   }, [r, e, n, a, i, p, c]);
-  const kt = Ee(
+  const it = l && c !== "freeScroll", Ct = Se(
     (o) => {
       if (!A.current)
         return;
@@ -1203,7 +1203,7 @@ function ke({
       }));
     },
     {
-      enabled: f && c !== "freeScroll",
+      enabled: it,
       axis: a,
       rubberband: !e,
       ...e ? {} : {
@@ -1218,7 +1218,7 @@ function ke({
     }
   );
   return {
-    carouselFragment: /* @__PURE__ */ Ct(
+    carouselFragment: /* @__PURE__ */ Ot(
       "div",
       {
         ref: C,
@@ -1261,7 +1261,7 @@ function ke({
               gap: var(--${n}-gutter);
               transform: translate3d(var(--${n}-scroll-x-value), var(--${n}-scroll-y-value), 0px);
               overflow-x: ${c === "freeScroll" ? "auto" : "visible"};
-              touch-action: ${f ? a === "x" ? "pan-y" : "pan-x" : "auto"};
+              touch-action: ${it ? a === "x" ? "pan-y" : "pan-x" : "auto"};
             }
             [data-part-internal="${n}-Item"] {
               display: flex;
@@ -1278,7 +1278,7 @@ function ke({
               className: "ReactSpringCarouselTrack",
               "data-part": "Track",
               "data-part-internal": `${n}-Track`,
-              ...kt(),
+              ...Ct(),
               onScroll: () => {
                 I.current = !1, w.current = !1;
               },
@@ -1287,7 +1287,7 @@ function ke({
                   I.current = !1, w.current = !1, M.value.stop();
                 }
               } : {},
-              children: It.map((o, d) => /* @__PURE__ */ Q(
+              children: Dt.map((o, d) => /* @__PURE__ */ Q(
                 "div",
                 {
                   className: "ReactSpringCarouselItem",
@@ -1318,7 +1318,7 @@ function ke({
           );
           return;
         }
-        o > l.current ? X(o) : q(o);
+        o > f.current ? X(o) : q(o);
       }
       if (typeof o == "string") {
         const d = t.findIndex((D) => D.id === o);
@@ -1328,11 +1328,11 @@ function ke({
           );
           return;
         }
-        d > l.current ? X(d) : q(d);
+        d > f.current ? X(d) : q(d);
       }
     }
   };
 }
 export {
-  ke as useSpringCarousel
+  Ce as useSpringCarousel
 };

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(function(O,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("react/jsx-runtime"),require("@react-spring/web"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@react-spring/web","react"],P):(O=typeof globalThis<"u"?globalThis:O||self,P(O["react-spring-carousel"]={},O["react/jsx-runtime"],O["@react-spring/web"],O.React))})(this,function(O,P,Te,y){"use strict";function Ie(r,e,t){return Math.max(e,Math.min(r,t))}const v={toVector(r,e){return r===void 0&&(r=e),Array.isArray(r)?r:[r,r]},add(r,e){return[r[0]+e[0],r[1]+e[1]]},sub(r,e){return[r[0]-e[0],r[1]-e[1]]},addTo(r,e){r[0]+=e[0],r[1]+=e[1]},subTo(r,e){r[0]-=e[0],r[1]-=e[1]}};function se(r,e,t){return e===0||Math.abs(e)===1/0?Math.pow(r,t*5):r*e*t/(e+t*r)}function ie(r,e,t,n=.15){return n===0?Ie(r,e,t):r<e?-se(e-r,t-e,n)+e:r>t?+se(r-t,t-e,n)+t:r}function De(r,[e,t],[n,s]){const[[i,u],[a,c]]=r;return[ie(e,i,u,n),ie(t,a,c,s)]}function ke(r,e){if(typeof r!="object"||r===null)return r;var t=r[Symbol.toPrimitive];if(t!==void 0){var n=t.call(r,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(r)}function Ce(r){var e=ke(r,"string");return typeof e=="symbol"?e:String(e)}function b(r,e,t){return e=Ce(e),e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function oe(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(r,s).enumerable})),t.push.apply(t,n)}return t}function h(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?oe(Object(t),!0).forEach(function(n){b(r,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):oe(Object(t)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(t,n))})}return r}const ae={pointer:{start:"down",change:"move",end:"up"},mouse:{start:"down",change:"move",end:"up"},touch:{start:"start",change:"move",end:"end"},gesture:{start:"start",change:"change",end:"end"}};function ce(r){return r?r[0].toUpperCase()+r.slice(1):""}const Oe=["enter","leave"];function $e(r=!1,e){return r&&!Oe.includes(e)}function Ae(r,e="",t=!1){const n=ae[r],s=n&&n[e]||e;return"on"+ce(r)+ce(s)+($e(t,s)?"Capture":"")}const Pe=["gotpointercapture","lostpointercapture"];function Ne(r){let e=r.substring(2).toLowerCase();const t=!!~e.indexOf("passive");t&&(e=e.replace("passive",""));const n=Pe.includes(e)?"capturecapture":"capture",s=!!~e.indexOf(n);return s&&(e=e.replace("capture","")),{device:e,capture:s,passive:t}}function Me(r,e=""){const t=ae[r],n=t&&t[e]||e;return r+n}function Y(r){return"touches"in r}function ue(r){return Y(r)?"touch":"pointerType"in r?r.pointerType:"mouse"}function Le(r){return Array.from(r.touches).filter(e=>{var t,n;return e.target===r.currentTarget||((t=r.currentTarget)===null||t===void 0||(n=t.contains)===null||n===void 0?void 0:n.call(t,e.target))})}function Re(r){return r.type==="touchend"||r.type==="touchcancel"?r.changedTouches:r.targetTouches}function fe(r){return Y(r)?Re(r)[0]:r}function Ve(r){return Le(r).map(e=>e.identifier)}function q(r){const e=fe(r);return Y(r)?e.identifier:e.pointerId}function le(r){const e=fe(r);return[e.clientX,e.clientY]}function je(r){const e={};if("buttons"in r&&(e.buttons=r.buttons),"shiftKey"in r){const{shiftKey:t,altKey:n,metaKey:s,ctrlKey:i}=r;Object.assign(e,{shiftKey:t,altKey:n,metaKey:s,ctrlKey:i})}return e}function F(r,...e){return typeof r=="function"?r(...e):r}function Ue(){}function Ke(...r){return r.length===0?Ue:r.length===1?r[0]:function(){let e;for(const t of r)e=t.apply(this,arguments)||e;return e}}function de(r,e){return Object.assign({},e,r||{})}const Be=32;class ze{constructor(e,t,n){this.ctrl=e,this.args=t,this.key=n,this.state||(this.state={},this.computeValues([0,0]),this.computeInitial(),this.init&&this.init(),this.reset())}get state(){return this.ctrl.state[this.key]}set state(e){this.ctrl.state[this.key]=e}get shared(){return this.ctrl.state.shared}get eventStore(){return this.ctrl.gestureEventStores[this.key]}get timeoutStore(){return this.ctrl.gestureTimeoutStores[this.key]}get config(){return this.ctrl.config[this.key]}get sharedConfig(){return this.ctrl.config.shared}get handler(){return this.ctrl.handlers[this.key]}reset(){const{state:e,shared:t,ingKey:n,args:s}=this;t[n]=e._active=e.active=e._blocked=e._force=!1,e._step=[!1,!1],e.intentional=!1,e._movement=[0,0],e._distance=[0,0],e._direction=[0,0],e._delta=[0,0],e._bounds=[[-1/0,1/0],[-1/0,1/0]],e.args=s,e.axis=void 0,e.memo=void 0,e.elapsedTime=e.timeDelta=0,e.direction=[0,0],e.distance=[0,0],e.overflow=[0,0],e._movementBound=[!1,!1],e.velocity=[0,0],e.movement=[0,0],e.delta=[0,0],e.timeStamp=0}start(e){const t=this.state,n=this.config;t._active||(this.reset(),this.computeInitial(),t._active=!0,t.target=e.target,t.currentTarget=e.currentTarget,t.lastOffset=n.from?F(n.from,t):t.offset,t.offset=t.lastOffset,t.startTime=t.timeStamp=e.timeStamp)}computeValues(e){const t=this.state;t._values=e,t.values=this.config.transform(e)}computeInitial(){const e=this.state;e._initial=e._values,e.initial=e.values}compute(e){const{state:t,config:n,shared:s}=this;t.args=this.args;let i=0;if(e&&(t.event=e,n.preventDefault&&e.cancelable&&t.event.preventDefault(),t.type=e.type,s.touches=this.ctrl.pointerIds.size||this.ctrl.touchIds.size,s.locked=!!document.pointerLockElement,Object.assign(s,je(e)),s.down=s.pressed=s.buttons%2===1||s.touches>0,i=e.timeStamp-t.timeStamp,t.timeStamp=e.timeStamp,t.elapsedTime=t.timeStamp-t.startTime),t._active){const l=t._delta.map(Math.abs);v.addTo(t._distance,l)}this.axisIntent&&this.axisIntent(e);const[u,a]=t._movement,[c,p]=n.threshold,{_step:f,values:I}=t;if(n.hasCustomTransform?(f[0]===!1&&(f[0]=Math.abs(u)>=c&&I[0]),f[1]===!1&&(f[1]=Math.abs(a)>=p&&I[1])):(f[0]===!1&&(f[0]=Math.abs(u)>=c&&Math.sign(u)*c),f[1]===!1&&(f[1]=Math.abs(a)>=p&&Math.sign(a)*p)),t.intentional=f[0]!==!1||f[1]!==!1,!t.intentional)return;const _=[0,0];if(n.hasCustomTransform){const[l,V]=I;_[0]=f[0]!==!1?l-f[0]:0,_[1]=f[1]!==!1?V-f[1]:0}else _[0]=f[0]!==!1?u-f[0]:0,_[1]=f[1]!==!1?a-f[1]:0;this.restrictToAxis&&!t._blocked&&this.restrictToAxis(_);const M=t.offset,R=t._active&&!t._blocked||t.active;R&&(t.first=t._active&&!t.active,t.last=!t._active&&t.active,t.active=s[this.ingKey]=t._active,e&&(t.first&&("bounds"in n&&(t._bounds=F(n.bounds,t)),this.setup&&this.setup()),t.movement=_,this.computeOffset()));const[N,$]=t.offset,[[w,G],[D,E]]=t._bounds;t.overflow=[N<w?-1:N>G?1:0,$<D?-1:$>E?1:0],t._movementBound[0]=t.overflow[0]?t._movementBound[0]===!1?t._movement[0]:t._movementBound[0]:!1,t._movementBound[1]=t.overflow[1]?t._movementBound[1]===!1?t._movement[1]:t._movementBound[1]:!1;const B=t._active?n.rubberband||[0,0]:[0,0];if(t.offset=De(t._bounds,t.offset,B),t.delta=v.sub(t.offset,M),this.computeMovement(),R&&(!t.last||i>Be)){t.delta=v.sub(t.offset,M);const l=t.delta.map(Math.abs);v.addTo(t.distance,l),t.direction=t.delta.map(Math.sign),t._direction=t._delta.map(Math.sign),!t.first&&i>0&&(t.velocity=[l[0]/i,l[1]/i],t.timeDelta=i)}}emit(){const e=this.state,t=this.shared,n=this.config;if(e._active||this.clean(),(e._blocked||!e.intentional)&&!e._force&&!n.triggerAllEvents)return;const s=this.handler(h(h(h({},t),e),{},{[this.aliasKey]:e.values}));s!==void 0&&(e.memo=s)}clean(){this.eventStore.clean(),this.timeoutStore.clean()}}function We([r,e],t){const n=Math.abs(r),s=Math.abs(e);if(n>s&&n>t)return"x";if(s>n&&s>t)return"y"}class Ye extends ze{constructor(...e){super(...e),b(this,"aliasKey","xy")}reset(){super.reset(),this.state.axis=void 0}init(){this.state.offset=[0,0],this.state.lastOffset=[0,0]}computeOffset(){this.state.offset=v.add(this.state.lastOffset,this.state.movement)}computeMovement(){this.state.movement=v.sub(this.state.offset,this.state.lastOffset)}axisIntent(e){const t=this.state,n=this.config;if(!t.axis&&e){const s=typeof n.axisThreshold=="object"?n.axisThreshold[ue(e)]:n.axisThreshold;t.axis=We(t._movement,s)}t._blocked=(n.lockDirection||!!n.axis)&&!t.axis||!!n.axis&&n.axis!==t.axis}restrictToAxis(e){if(this.config.axis||this.config.lockDirection)switch(this.state.axis){case"x":e[1]=0;break;case"y":e[0]=0;break}}}const he=r=>r,pe=.15,J={enabled(r=!0){return r},eventOptions(r,e,t){return h(h({},t.shared.eventOptions),r)},preventDefault(r=!1){return r},triggerAllEvents(r=!1){return r},rubberband(r=0){switch(r){case!0:return[pe,pe];case!1:return[0,0];default:return v.toVector(r)}},from(r){if(typeof r=="function")return r;if(r!=null)return v.toVector(r)},transform(r,e,t){const n=r||t.shared.transform;if(this.hasCustomTransform=!!n,process.env.NODE_ENV==="development"){const s=n||he;return i=>{const u=s(i);return(!isFinite(u[0])||!isFinite(u[1]))&&console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${u[0]},${[1]}]`),u}}return n||he},threshold(r){return v.toVector(r,0)}};process.env.NODE_ENV==="development"&&Object.assign(J,{domTarget(r){if(r!==void 0)throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");return NaN},lockDirection(r){if(r!==void 0)throw Error("[@use-gesture]: `lockDirection` option has been merged with `axis`. Use it as in `{ axis: 'lock' }`");return NaN},initial(r){if(r!==void 0)throw Error("[@use-gesture]: `initial` option has been renamed to `from`.");return NaN}});const Fe=0,U=h(h({},J),{},{axis(r,e,{axis:t}){if(this.lockDirection=t==="lock",!this.lockDirection)return t},axisThreshold(r=Fe){return r},bounds(r={}){if(typeof r=="function")return i=>U.bounds(r(i));if("current"in r)return()=>r.current;if(typeof HTMLElement=="function"&&r instanceof HTMLElement)return r;const{left:e=-1/0,right:t=1/0,top:n=-1/0,bottom:s=1/0}=r;return[[e,t],[n,s]]}}),me={ArrowRight:(r,e=1)=>[r*e,0],ArrowLeft:(r,e=1)=>[-1*r*e,0],ArrowUp:(r,e=1)=>[0,-1*r*e],ArrowDown:(r,e=1)=>[0,r*e]};class He extends Ye{constructor(...e){super(...e),b(this,"ingKey","dragging")}reset(){super.reset();const e=this.state;e._pointerId=void 0,e._pointerActive=!1,e._keyboardActive=!1,e._preventScroll=!1,e._delayed=!1,e.swipe=[0,0],e.tap=!1,e.canceled=!1,e.cancel=this.cancel.bind(this)}setup(){const e=this.state;if(e._bounds instanceof HTMLElement){const t=e._bounds.getBoundingClientRect(),n=e.currentTarget.getBoundingClientRect(),s={left:t.left-n.left+e.offset[0],right:t.right-n.right+e.offset[0],top:t.top-n.top+e.offset[1],bottom:t.bottom-n.bottom+e.offset[1]};e._bounds=U.bounds(s)}}cancel(){const e=this.state;e.canceled||(e.canceled=!0,e._active=!1,setTimeout(()=>{this.compute(),this.emit()},0))}setActive(){this.state._active=this.state._pointerActive||this.state._keyboardActive}clean(){this.pointerClean(),this.state._pointerActive=!1,this.state._keyboardActive=!1,super.clean()}pointerDown(e){const t=this.config,n=this.state;if(e.buttons!=null&&(Array.isArray(t.pointerButtons)?!t.pointerButtons.includes(e.buttons):t.pointerButtons!==-1&&t.pointerButtons!==e.buttons))return;const s=this.ctrl.setEventIds(e);t.pointerCapture&&e.target.setPointerCapture(e.pointerId),!(s&&s.size>1&&n._pointerActive)&&(this.start(e),this.setupPointer(e),n._pointerId=q(e),n._pointerActive=!0,this.computeValues(le(e)),this.computeInitial(),t.preventScrollAxis&&ue(e)!=="mouse"?(n._active=!1,this.setupScrollPrevention(e)):t.delay>0?(this.setupDelayTrigger(e),t.triggerAllEvents&&(this.compute(e),this.emit())):this.startPointerDrag(e))}startPointerDrag(e){const t=this.state;t._active=!0,t._preventScroll=!0,t._delayed=!1,this.compute(e),this.emit()}pointerMove(e){const t=this.state,n=this.config;if(!t._pointerActive)return;const s=q(e);if(t._pointerId!==void 0&&s!==t._pointerId)return;const i=le(e);if(document.pointerLockElement===e.target?t._delta=[e.movementX,e.movementY]:(t._delta=v.sub(i,t._values),this.computeValues(i)),v.addTo(t._movement,t._delta),this.compute(e),t._delayed&&t.intentional){this.timeoutStore.remove("dragDelay"),t.active=!1,this.startPointerDrag(e);return}if(n.preventScrollAxis&&!t._preventScroll)if(t.axis)if(t.axis===n.preventScrollAxis||n.preventScrollAxis==="xy"){t._active=!1,this.clean();return}else{this.timeoutStore.remove("startPointerDrag"),this.startPointerDrag(e);return}else return;this.emit()}pointerUp(e){this.ctrl.setEventIds(e);try{this.config.pointerCapture&&e.target.hasPointerCapture(e.pointerId)&&e.target.releasePointerCapture(e.pointerId)}catch{process.env.NODE_ENV==="development"&&console.warn("[@use-gesture]: If you see this message, it's likely that you're using an outdated version of `@react-three/fiber`. \n\nPlease upgrade to the latest version.")}const t=this.state,n=this.config;if(!t._active||!t._pointerActive)return;const s=q(e);if(t._pointerId!==void 0&&s!==t._pointerId)return;this.state._pointerActive=!1,this.setActive(),this.compute(e);const[i,u]=t._distance;if(t.tap=i<=n.tapsThreshold&&u<=n.tapsThreshold,t.tap&&n.filterTaps)t._force=!0;else{const[a,c]=t._delta,[p,f]=t._movement,[I,_]=n.swipe.velocity,[M,R]=n.swipe.distance,N=n.swipe.duration;if(t.elapsedTime<N){const $=Math.abs(a/t.timeDelta),w=Math.abs(c/t.timeDelta);$>I&&Math.abs(p)>M&&(t.swipe[0]=Math.sign(a)),w>_&&Math.abs(f)>R&&(t.swipe[1]=Math.sign(c))}}this.emit()}pointerClick(e){!this.state.tap&&e.detail>0&&(e.preventDefault(),e.stopPropagation())}setupPointer(e){const t=this.config,n=t.device;if(process.env.NODE_ENV==="development")try{if(n==="pointer"&&t.preventScrollDelay===void 0){const s="uv"in e?e.sourceEvent.currentTarget:e.currentTarget;window.getComputedStyle(s).touchAction==="auto"&&console.warn("[@use-gesture]: The drag target has its `touch-action` style property set to `auto`. It is recommended to add `touch-action: 'none'` so that the drag gesture behaves correctly on touch-enabled devices. For more information read this: https://use-gesture.netlify.app/docs/extras/#touch-action.\n\nThis message will only show in development mode. It won't appear in production. If this is intended, you can ignore it.",s)}}catch{}t.pointerLock&&e.currentTarget.requestPointerLock(),t.pointerCapture||(this.eventStore.add(this.sharedConfig.window,n,"change",this.pointerMove.bind(this)),this.eventStore.add(this.sharedConfig.window,n,"end",this.pointerUp.bind(this)),this.eventStore.add(this.sharedConfig.window,n,"cancel",this.pointerUp.bind(this)))}pointerClean(){this.config.pointerLock&&document.pointerLockElement===this.state.currentTarget&&document.exitPointerLock()}preventScroll(e){this.state._preventScroll&&e.cancelable&&e.preventDefault()}setupScrollPrevention(e){this.state._preventScroll=!1,Ge(e);const t=this.eventStore.add(this.sharedConfig.window,"touch","change",this.preventScroll.bind(this),{passive:!1});this.eventStore.add(this.sharedConfig.window,"touch","end",t),this.eventStore.add(this.sharedConfig.window,"touch","cancel",t),this.timeoutStore.add("startPointerDrag",this.startPointerDrag.bind(this),this.config.preventScrollDelay,e)}setupDelayTrigger(e){this.state._delayed=!0,this.timeoutStore.add("dragDelay",()=>{this.state._step=[0,0],this.startPointerDrag(e)},this.config.delay)}keyDown(e){const t=me[e.key];if(t){const n=this.state,s=e.shiftKey?10:e.altKey?.1:1;this.start(e),n._delta=t(this.config.keyboardDisplacement,s),n._keyboardActive=!0,v.addTo(n._movement,n._delta),this.compute(e),this.emit()}}keyUp(e){e.key in me&&(this.state._keyboardActive=!1,this.setActive(),this.compute(e),this.emit())}bind(e){const t=this.config.device;e(t,"start",this.pointerDown.bind(this)),this.config.pointerCapture&&(e(t,"change",this.pointerMove.bind(this)),e(t,"end",this.pointerUp.bind(this)),e(t,"cancel",this.pointerUp.bind(this)),e("lostPointerCapture","",this.pointerUp.bind(this))),this.config.keys&&(e("key","down",this.keyDown.bind(this)),e("key","up",this.keyUp.bind(this))),this.config.filterTaps&&e("click","",this.pointerClick.bind(this),{capture:!0,passive:!1})}}function Ge(r){"persist"in r&&typeof r.persist=="function"&&r.persist()}const K=typeof window<"u"&&window.document&&window.document.createElement;function ge(){return K&&"ontouchstart"in window}function Xe(){return ge()||K&&window.navigator.maxTouchPoints>1}function qe(){return K&&"onpointerdown"in window}function Je(){return K&&"exitPointerLock"in window.document}function Qe(){try{return"constructor"in GestureEvent}catch{return!1}}const T={isBrowser:K,gesture:Qe(),touch:ge(),touchscreen:Xe(),pointer:qe(),pointerLock:Je()},Ze=250,et=180,tt=.5,rt=50,nt=250,st=10,ve={mouse:0,touch:0,pen:8},ye=h(h({},U),{},{device(r,e,{pointer:{touch:t=!1,lock:n=!1,mouse:s=!1}={}}){return this.pointerLock=n&&T.pointerLock,T.touch&&t?"touch":this.pointerLock?"mouse":T.pointer&&!s?"pointer":T.touch?"touch":"mouse"},preventScrollAxis(r,e,{preventScroll:t}){if(this.preventScrollDelay=typeof t=="number"?t:t||t===void 0&&r?Ze:void 0,!(!T.touchscreen||t===!1))return r||(t!==void 0?"y":void 0)},pointerCapture(r,e,{pointer:{capture:t=!0,buttons:n=1,keys:s=!0}={}}){return this.pointerButtons=n,this.keys=s,!this.pointerLock&&this.device==="pointer"&&t},threshold(r,e,{filterTaps:t=!1,tapsThreshold:n=3,axis:s=void 0}){const i=v.toVector(r,t?n:s?1:0);return this.filterTaps=t,this.tapsThreshold=n,i},swipe({velocity:r=tt,distance:e=rt,duration:t=nt}={}){return{velocity:this.transform(v.toVector(r)),distance:this.transform(v.toVector(e)),duration:t}},delay(r=0){switch(r){case!0:return et;case!1:return 0;default:return r}},axisThreshold(r){return r?h(h({},ve),r):ve},keyboardDisplacement(r=st){return r}});process.env.NODE_ENV==="development"&&Object.assign(ye,{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 } }`.");return NaN},experimental_preventWindowScrollY(r){if(r!==void 0)throw Error("[@use-gesture]: `experimental_preventWindowScrollY` option has been renamed to `preventScroll`.");return NaN},swipeVelocity(r){if(r!==void 0)throw Error("[@use-gesture]: `swipeVelocity` option has been renamed to `swipe.velocity`. Use it as in `{ swipe: { velocity: 0.5 } }`.");return NaN},swipeDistance(r){if(r!==void 0)throw Error("[@use-gesture]: `swipeDistance` option has been renamed to `swipe.distance`. Use it as in `{ swipe: { distance: 50 } }`.");return NaN},swipeDuration(r){if(r!==void 0)throw Error("[@use-gesture]: `swipeDuration` option has been renamed to `swipe.duration`. Use it as in `{ swipe: { duration: 250 } }`.");return NaN}}),h(h({},J),{},{device(r,e,{shared:t,pointer:{touch:n=!1}={}}){if(t.target&&!T.touch&&T.gesture)return"gesture";if(T.touch&&n)return"touch";if(T.touchscreen){if(T.pointer)return"pointer";if(T.touch)return"touch"}},bounds(r,e,{scaleBounds:t={},angleBounds:n={}}){const s=u=>{const a=de(F(t,u),{min:-1/0,max:1/0});return[a.min,a.max]},i=u=>{const a=de(F(n,u),{min:-1/0,max:1/0});return[a.min,a.max]};return typeof t!="function"&&typeof n!="function"?[s(),i()]:u=>[s(u),i(u)]},threshold(r,e,t){return this.lockDirection=t.axis==="lock",v.toVector(r,this.lockDirection?[.1,3]:0)},modifierKey(r){return r===void 0?"ctrlKey":r},pinchOnWheel(r=!0){return r}}),h(h({},U),{},{mouseOnly:(r=!0)=>r}),h(h({},U),{},{mouseOnly:(r=!0)=>r});const _e=new Map,Q=new Map;function it(r){_e.set(r.key,r.engine),Q.set(r.key,r.resolver)}const ot={key:"drag",engine:He,resolver:ye};function at(r,e){if(r==null)return{};var t={},n=Object.keys(r),s,i;for(i=0;i<n.length;i++)s=n[i],!(e.indexOf(s)>=0)&&(t[s]=r[s]);return t}function ct(r,e){if(r==null)return{};var t=at(r,e),n,s;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(s=0;s<i.length;s++)n=i[s],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(t[n]=r[n])}return t}const ut={target(r){if(r)return()=>"current"in r?r.current:r},enabled(r=!0){return r},window(r=T.isBrowser?window:void 0){return r},eventOptions({passive:r=!0,capture:e=!1}={}){return{passive:r,capture:e}},transform(r){return r}},ft=["target","eventOptions","window","enabled","transform"];function H(r={},e){const t={};for(const[n,s]of Object.entries(e))switch(typeof s){case"function":if(process.env.NODE_ENV==="development"){const i=s.call(t,r[n],n,r);Number.isNaN(i)||(t[n]=i)}else t[n]=s.call(t,r[n],n,r);break;case"object":t[n]=H(r[n],s);break;case"boolean":s&&(t[n]=r[n]);break}return t}function lt(r,e,t={}){const n=r,{target:s,eventOptions:i,window:u,enabled:a,transform:c}=n,p=ct(n,ft);if(t.shared=H({target:s,eventOptions:i,window:u,enabled:a,transform:c},ut),e){const f=Q.get(e);t[e]=H(h({shared:t.shared},p),f)}else for(const f in p){const I=Q.get(f);if(I)t[f]=H(h({shared:t.shared},p[f]),I);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`.");console.warn(`[@use-gesture]: Unknown config key \`${f}\` was used. Please read the documentation for further information.`)}}return t}class be{constructor(e,t){b(this,"_listeners",new Set),this._ctrl=e,this._gestureKey=t}add(e,t,n,s,i){const u=this._listeners,a=Me(t,n),c=this._gestureKey?this._ctrl.config[this._gestureKey].eventOptions:{},p=h(h({},c),i);e.addEventListener(a,s,p);const f=()=>{e.removeEventListener(a,s,p),u.delete(f)};return u.add(f),f}clean(){this._listeners.forEach(e=>e()),this._listeners.clear()}}class dt{constructor(){b(this,"_timeouts",new Map)}add(e,t,n=140,...s){this.remove(e),this._timeouts.set(e,window.setTimeout(t,n,...s))}remove(e){const t=this._timeouts.get(e);t&&window.clearTimeout(t)}clean(){this._timeouts.forEach(e=>void window.clearTimeout(e)),this._timeouts.clear()}}class ht{constructor(e){b(this,"gestures",new Set),b(this,"_targetEventStore",new be(this)),b(this,"gestureEventStores",{}),b(this,"gestureTimeoutStores",{}),b(this,"handlers",{}),b(this,"config",{}),b(this,"pointerIds",new Set),b(this,"touchIds",new Set),b(this,"state",{shared:{shiftKey:!1,metaKey:!1,ctrlKey:!1,altKey:!1}}),pt(this,e)}setEventIds(e){if(Y(e))return this.touchIds=new Set(Ve(e)),this.touchIds;if("pointerId"in e)return e.type==="pointerup"||e.type==="pointercancel"?this.pointerIds.delete(e.pointerId):e.type==="pointerdown"&&this.pointerIds.add(e.pointerId),this.pointerIds}applyHandlers(e,t){this.handlers=e,this.nativeHandlers=t}applyConfig(e,t){this.config=lt(e,t,this.config)}clean(){this._targetEventStore.clean();for(const e of this.gestures)this.gestureEventStores[e].clean(),this.gestureTimeoutStores[e].clean()}effect(){return this.config.shared.target&&this.bind(),()=>this._targetEventStore.clean()}bind(...e){const t=this.config.shared,n={};let s;if(!(t.target&&(s=t.target(),!s))){if(t.enabled){for(const u of this.gestures){const a=this.config[u],c=we(n,a.eventOptions,!!s);if(a.enabled){const p=_e.get(u);new p(this,e,u).bind(c)}}const i=we(n,t.eventOptions,!!s);for(const u in this.nativeHandlers)i(u,"",a=>this.nativeHandlers[u](h(h({},this.state.shared),{},{event:a,args:e})),void 0,!0)}for(const i in n)n[i]=Ke(...n[i]);if(!s)return n;for(const i in n){const{device:u,capture:a,passive:c}=Ne(i);this._targetEventStore.add(s,u,"",n[i],{capture:a,passive:c})}}}}function L(r,e){r.gestures.add(e),r.gestureEventStores[e]=new be(r,e),r.gestureTimeoutStores[e]=new dt}function pt(r,e){e.drag&&L(r,"drag"),e.wheel&&L(r,"wheel"),e.scroll&&L(r,"scroll"),e.move&&L(r,"move"),e.pinch&&L(r,"pinch"),e.hover&&L(r,"hover")}const we=(r,e,t)=>(n,s,i,u={},a=!1)=>{var c,p;const f=(c=u.capture)!==null&&c!==void 0?c:e.capture,I=(p=u.passive)!==null&&p!==void 0?p:e.passive;let _=a?n:Ae(n,s,f);t&&I&&(_+="Passive"),r[_]=r[_]||[],r[_].push(i)};function mt(r,e={},t,n){const s=y.useMemo(()=>new ht(r),[]);if(s.applyHandlers(r,n),s.applyConfig(e,t),y.useEffect(s.effect.bind(s)),y.useEffect(()=>s.clean.bind(s),[]),e.target===void 0)return s.bind.bind(s)}function gt(r,e){return it(ot),mt({drag:r},e||{},"drag")}const Z="RSC::Event";function vt(){const r=y.useRef(null);function e(n){y.useEffect(()=>{r.current||(r.current=document.createElement("div"));function s(i){n(i.detail)}if(r.current)return r.current.addEventListener(Z,s,!1),()=>{var i;(i=r.current)==null||i.removeEventListener(Z,s,!1)}},[n])}function t(n){if(r.current){const s=new CustomEvent(Z,{detail:n});r.current.dispatchEvent(s)}}return{useListenToCustomEvent:e,emitEvent:t}}function yt({init:r=!0,items:e,withLoop:t=!1,id:n,itemsPerSlide:s=1,gutter:i=0,startEndGutter:u=0,carouselAxis:a="x",slideType:c="fixed",startingPosition:p="start",enableGestures:f=!0,slideWhenDragThresholdIsReached:I=!0,onInit:_}){const[M,R]=y.useState(!1),N=y.useRef(r),$=y.useRef(null),w=y.useRef(null),G=y.useRef(0),D=y.useRef(!t),E=y.useRef(!1),B=y.useRef(0),l=y.useRef(0),[V,ee]=Te.useSpring(()=>({value:0,onChange({value:o}){(c==="fixed"||c==="fluid")&&$.current.style.setProperty(`--${n}-offset-position`,`${o.value}px`),c==="freeScroll"&&(w.current[a==="x"?"scrollLeft":"scrollTop"]=Math.abs(o.value))}}),[a]),_t=c!=="freeScroll"&&t?[...e.map(o=>({...o,id:`prev-repeated-item-${o.id}`,isClonedItem:!0})),...e,...e.map(o=>({...o,id:`next-repeated-item-${o.id}`,isClonedItem:!0}))]:e,{useListenToCustomEvent:Ee,emitEvent:z}=vt();function te(o){N.current&&(E.current||W({type:"next",toIndex:o,actionType:"click"}))}function re(o){N.current&&(D.current||W({type:"prev",toIndex:o,actionType:"click"}))}function W({type:o,shouldAnimate:d=!0,toIndex:k,actionType:S}){var Se,xe;const m=X(),A=!d;D.current=!1,E.current=!1;let C=V.value.get(),g=0;if(o==="next"&&c!=="freeScroll"&&(l.current+=1),o==="prev"&&c!=="freeScroll"&&(l.current===0?l.current=e.length-1:l.current-=1),k!==void 0&&(l.current=k),c!=="freeScroll"&&o==="next"){const x=ne(t?m*(e.length*2):0);g=-(l.current*m),x-Math.abs(g)<m/1.2&&c==="fluid"&&!t&&(g=-x),!t&&Math.abs(g)>=x&&(E.current=!0,g=-x),t&&l.current===e.length&&(l.current=0,C=C+m*e.length,g=0)}if(c!=="freeScroll"&&o==="prev"&&(g=-(l.current*m),l.current===e.length-1&&(C=C-e.length*m),!t&&g>=0&&(D.current=!0,g=0)),c==="freeScroll"&&o==="next"){const x=w.current[a==="x"?"scrollLeft":"scrollTop"],j=a==="x"?w.current.scrollWidth-w.current.clientWidth:w.current.scrollHeight-w.current.clientHeight;C=x,g=x+m,(g>j||j-g<80)&&(g=j,E.current=!0)}if(c==="freeScroll"&&o==="prev"){const x=w.current[a==="x"?"scrollLeft":"scrollTop"];C=x,g=x-m,g<=0&&(g=0,E.current=!0)}G.current=g,z(S==="resize"?{eventName:"onResize",sliceActionType:S,slideDirection:o,currentItem:{index:l.current,id:((Se=e.at(l.current))==null?void 0:Se.id)??"",startReached:D.current,endReached:E.current}}:{eventName:"onSlideStartChange",sliceActionType:S,slideDirection:o,nextItem:{index:l.current,id:((xe=e.at(l.current))==null?void 0:xe.id)??"",startReached:D.current,endReached:E.current}}),ee.start({immediate:A,from:{value:C},to:{value:g},onRest({finished:x}){var j;x&&c==="fixed"&&z({eventName:"onSlideChangeComplete",sliceActionType:S,slideDirection:o,currentItem:{index:l.current,id:((j=e.at(l.current))==null?void 0:j.id)??"",startReached:D.current,endReached:E.current}}),x&&c==="fluid"&&z({eventName:"onSlideChangeComplete",sliceActionType:S,slideDirection:o,currentItem:{index:0,id:"",startReached:D.current,endReached:E.current}})}})}function X(){const o=w.current.children[0];let d=0;return d=o.getBoundingClientRect()[a==="x"?"width":"height"]+i,d}function ne(o){const d=w.current;return d[a==="x"?"scrollWidth":"scrollHeight"]-d.getBoundingClientRect()[a==="x"?"width":"height"]-o}function bt(){let o=0;const d=getComputedStyle(document.documentElement).getPropertyValue(`--${n}-start-end-gutter`);return d.includes("px")&&(o=Number(d.replace("px",""))),{totalStartEndGutterCssVar:o}}y.useEffect(()=>{function o(S,m){switch(S){case"start":return 0;case"middle-start":return Math.floor((m-1)*.25);case"center":return Math.floor((m-1)*.5);case"middle-end":return Math.floor((m-1)*.75);case"end":return m-1;default:return 0}}function d(S){if($.current){const{totalStartEndGutterCssVar:m}=bt();let A=0;t&&(A=X()*e.length),A-=X()*o(p,s),A-=m/2,$.current.style.setProperty(`--${n}-offset-modifier`,`${-A}px`),R(!0),S&&S()}}function k(){d(),W({type:"next",toIndex:l.current,shouldAnimate:!1,actionType:"resize"})}if(r&&(B.current=X()/4),r&&c==="fixed")return d(_),window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k)}},[r,t,n,a,i,p,c]);const wt=gt(o=>{if(!N.current)return;const d=o.dragging,k=o.offset[a==="x"?0:1],S=o.movement[a==="x"?0:1],m=S>B.current,A=S<-B.current,C=o.velocity;d&&(z({...o,eventName:"onDrag",slideActionType:"drag"}),ee.start({value:k,immediate:!0,config:{velocity:C}}),I&&(m||A)&&o.cancel()),o.last&&(m?W({actionType:"drag",type:"prev"}):A?W({actionType:"drag",type:"next"}):ee.start({value:G.current,config:{velocity:C}}))},{enabled:f&&c!=="freeScroll",axis:a,rubberband:!t,...t?{}:{bounds:()=>({right:0,left:-ne(0),top:-ne(0),bottom:0})},from:()=>[V.value.get(),V.value.get()]});return{carouselFragment:P.jsxs("div",{ref:$,className:"ReactSpringCarouselContainer","data-part":"Container","data-part-internal":`${n}-Container`,children:[P.jsx("style",{dangerouslySetInnerHTML:{__html:`
+(function(O,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("react/jsx-runtime"),require("@react-spring/web"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@react-spring/web","react"],P):(O=typeof globalThis<"u"?globalThis:O||self,P(O["react-spring-carousel"]={},O["react/jsx-runtime"],O["@react-spring/web"],O.React))})(this,function(O,P,Ie,y){"use strict";function De(r,e,t){return Math.max(e,Math.min(r,t))}const v={toVector(r,e){return r===void 0&&(r=e),Array.isArray(r)?r:[r,r]},add(r,e){return[r[0]+e[0],r[1]+e[1]]},sub(r,e){return[r[0]-e[0],r[1]-e[1]]},addTo(r,e){r[0]+=e[0],r[1]+=e[1]},subTo(r,e){r[0]-=e[0],r[1]-=e[1]}};function se(r,e,t){return e===0||Math.abs(e)===1/0?Math.pow(r,t*5):r*e*t/(e+t*r)}function ie(r,e,t,n=.15){return n===0?De(r,e,t):r<e?-se(e-r,t-e,n)+e:r>t?+se(r-t,t-e,n)+t:r}function ke(r,[e,t],[n,s]){const[[i,u],[a,c]]=r;return[ie(e,i,u,n),ie(t,a,c,s)]}function Ce(r,e){if(typeof r!="object"||r===null)return r;var t=r[Symbol.toPrimitive];if(t!==void 0){var n=t.call(r,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(r)}function Oe(r){var e=Ce(r,"string");return typeof e=="symbol"?e:String(e)}function b(r,e,t){return e=Oe(e),e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function oe(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(r,s).enumerable})),t.push.apply(t,n)}return t}function h(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?oe(Object(t),!0).forEach(function(n){b(r,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):oe(Object(t)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(t,n))})}return r}const ae={pointer:{start:"down",change:"move",end:"up"},mouse:{start:"down",change:"move",end:"up"},touch:{start:"start",change:"move",end:"end"},gesture:{start:"start",change:"change",end:"end"}};function ce(r){return r?r[0].toUpperCase()+r.slice(1):""}const $e=["enter","leave"];function Ae(r=!1,e){return r&&!$e.includes(e)}function Pe(r,e="",t=!1){const n=ae[r],s=n&&n[e]||e;return"on"+ce(r)+ce(s)+(Ae(t,s)?"Capture":"")}const Ne=["gotpointercapture","lostpointercapture"];function Me(r){let e=r.substring(2).toLowerCase();const t=!!~e.indexOf("passive");t&&(e=e.replace("passive",""));const n=Ne.includes(e)?"capturecapture":"capture",s=!!~e.indexOf(n);return s&&(e=e.replace("capture","")),{device:e,capture:s,passive:t}}function Le(r,e=""){const t=ae[r],n=t&&t[e]||e;return r+n}function Y(r){return"touches"in r}function ue(r){return Y(r)?"touch":"pointerType"in r?r.pointerType:"mouse"}function Re(r){return Array.from(r.touches).filter(e=>{var t,n;return e.target===r.currentTarget||((t=r.currentTarget)===null||t===void 0||(n=t.contains)===null||n===void 0?void 0:n.call(t,e.target))})}function Ve(r){return r.type==="touchend"||r.type==="touchcancel"?r.changedTouches:r.targetTouches}function fe(r){return Y(r)?Ve(r)[0]:r}function je(r){return Re(r).map(e=>e.identifier)}function q(r){const e=fe(r);return Y(r)?e.identifier:e.pointerId}function le(r){const e=fe(r);return[e.clientX,e.clientY]}function Ue(r){const e={};if("buttons"in r&&(e.buttons=r.buttons),"shiftKey"in r){const{shiftKey:t,altKey:n,metaKey:s,ctrlKey:i}=r;Object.assign(e,{shiftKey:t,altKey:n,metaKey:s,ctrlKey:i})}return e}function F(r,...e){return typeof r=="function"?r(...e):r}function Ke(){}function Be(...r){return r.length===0?Ke:r.length===1?r[0]:function(){let e;for(const t of r)e=t.apply(this,arguments)||e;return e}}function de(r,e){return Object.assign({},e,r||{})}const ze=32;class We{constructor(e,t,n){this.ctrl=e,this.args=t,this.key=n,this.state||(this.state={},this.computeValues([0,0]),this.computeInitial(),this.init&&this.init(),this.reset())}get state(){return this.ctrl.state[this.key]}set state(e){this.ctrl.state[this.key]=e}get shared(){return this.ctrl.state.shared}get eventStore(){return this.ctrl.gestureEventStores[this.key]}get timeoutStore(){return this.ctrl.gestureTimeoutStores[this.key]}get config(){return this.ctrl.config[this.key]}get sharedConfig(){return this.ctrl.config.shared}get handler(){return this.ctrl.handlers[this.key]}reset(){const{state:e,shared:t,ingKey:n,args:s}=this;t[n]=e._active=e.active=e._blocked=e._force=!1,e._step=[!1,!1],e.intentional=!1,e._movement=[0,0],e._distance=[0,0],e._direction=[0,0],e._delta=[0,0],e._bounds=[[-1/0,1/0],[-1/0,1/0]],e.args=s,e.axis=void 0,e.memo=void 0,e.elapsedTime=e.timeDelta=0,e.direction=[0,0],e.distance=[0,0],e.overflow=[0,0],e._movementBound=[!1,!1],e.velocity=[0,0],e.movement=[0,0],e.delta=[0,0],e.timeStamp=0}start(e){const t=this.state,n=this.config;t._active||(this.reset(),this.computeInitial(),t._active=!0,t.target=e.target,t.currentTarget=e.currentTarget,t.lastOffset=n.from?F(n.from,t):t.offset,t.offset=t.lastOffset,t.startTime=t.timeStamp=e.timeStamp)}computeValues(e){const t=this.state;t._values=e,t.values=this.config.transform(e)}computeInitial(){const e=this.state;e._initial=e._values,e.initial=e.values}compute(e){const{state:t,config:n,shared:s}=this;t.args=this.args;let i=0;if(e&&(t.event=e,n.preventDefault&&e.cancelable&&t.event.preventDefault(),t.type=e.type,s.touches=this.ctrl.pointerIds.size||this.ctrl.touchIds.size,s.locked=!!document.pointerLockElement,Object.assign(s,Ue(e)),s.down=s.pressed=s.buttons%2===1||s.touches>0,i=e.timeStamp-t.timeStamp,t.timeStamp=e.timeStamp,t.elapsedTime=t.timeStamp-t.startTime),t._active){const l=t._delta.map(Math.abs);v.addTo(t._distance,l)}this.axisIntent&&this.axisIntent(e);const[u,a]=t._movement,[c,p]=n.threshold,{_step:f,values:I}=t;if(n.hasCustomTransform?(f[0]===!1&&(f[0]=Math.abs(u)>=c&&I[0]),f[1]===!1&&(f[1]=Math.abs(a)>=p&&I[1])):(f[0]===!1&&(f[0]=Math.abs(u)>=c&&Math.sign(u)*c),f[1]===!1&&(f[1]=Math.abs(a)>=p&&Math.sign(a)*p)),t.intentional=f[0]!==!1||f[1]!==!1,!t.intentional)return;const _=[0,0];if(n.hasCustomTransform){const[l,V]=I;_[0]=f[0]!==!1?l-f[0]:0,_[1]=f[1]!==!1?V-f[1]:0}else _[0]=f[0]!==!1?u-f[0]:0,_[1]=f[1]!==!1?a-f[1]:0;this.restrictToAxis&&!t._blocked&&this.restrictToAxis(_);const M=t.offset,R=t._active&&!t._blocked||t.active;R&&(t.first=t._active&&!t.active,t.last=!t._active&&t.active,t.active=s[this.ingKey]=t._active,e&&(t.first&&("bounds"in n&&(t._bounds=F(n.bounds,t)),this.setup&&this.setup()),t.movement=_,this.computeOffset()));const[N,$]=t.offset,[[w,G],[D,E]]=t._bounds;t.overflow=[N<w?-1:N>G?1:0,$<D?-1:$>E?1:0],t._movementBound[0]=t.overflow[0]?t._movementBound[0]===!1?t._movement[0]:t._movementBound[0]:!1,t._movementBound[1]=t.overflow[1]?t._movementBound[1]===!1?t._movement[1]:t._movementBound[1]:!1;const B=t._active?n.rubberband||[0,0]:[0,0];if(t.offset=ke(t._bounds,t.offset,B),t.delta=v.sub(t.offset,M),this.computeMovement(),R&&(!t.last||i>ze)){t.delta=v.sub(t.offset,M);const l=t.delta.map(Math.abs);v.addTo(t.distance,l),t.direction=t.delta.map(Math.sign),t._direction=t._delta.map(Math.sign),!t.first&&i>0&&(t.velocity=[l[0]/i,l[1]/i],t.timeDelta=i)}}emit(){const e=this.state,t=this.shared,n=this.config;if(e._active||this.clean(),(e._blocked||!e.intentional)&&!e._force&&!n.triggerAllEvents)return;const s=this.handler(h(h(h({},t),e),{},{[this.aliasKey]:e.values}));s!==void 0&&(e.memo=s)}clean(){this.eventStore.clean(),this.timeoutStore.clean()}}function Ye([r,e],t){const n=Math.abs(r),s=Math.abs(e);if(n>s&&n>t)return"x";if(s>n&&s>t)return"y"}class Fe extends We{constructor(...e){super(...e),b(this,"aliasKey","xy")}reset(){super.reset(),this.state.axis=void 0}init(){this.state.offset=[0,0],this.state.lastOffset=[0,0]}computeOffset(){this.state.offset=v.add(this.state.lastOffset,this.state.movement)}computeMovement(){this.state.movement=v.sub(this.state.offset,this.state.lastOffset)}axisIntent(e){const t=this.state,n=this.config;if(!t.axis&&e){const s=typeof n.axisThreshold=="object"?n.axisThreshold[ue(e)]:n.axisThreshold;t.axis=Ye(t._movement,s)}t._blocked=(n.lockDirection||!!n.axis)&&!t.axis||!!n.axis&&n.axis!==t.axis}restrictToAxis(e){if(this.config.axis||this.config.lockDirection)switch(this.state.axis){case"x":e[1]=0;break;case"y":e[0]=0;break}}}const he=r=>r,pe=.15,J={enabled(r=!0){return r},eventOptions(r,e,t){return h(h({},t.shared.eventOptions),r)},preventDefault(r=!1){return r},triggerAllEvents(r=!1){return r},rubberband(r=0){switch(r){case!0:return[pe,pe];case!1:return[0,0];default:return v.toVector(r)}},from(r){if(typeof r=="function")return r;if(r!=null)return v.toVector(r)},transform(r,e,t){const n=r||t.shared.transform;if(this.hasCustomTransform=!!n,process.env.NODE_ENV==="development"){const s=n||he;return i=>{const u=s(i);return(!isFinite(u[0])||!isFinite(u[1]))&&console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${u[0]},${[1]}]`),u}}return n||he},threshold(r){return v.toVector(r,0)}};process.env.NODE_ENV==="development"&&Object.assign(J,{domTarget(r){if(r!==void 0)throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");return NaN},lockDirection(r){if(r!==void 0)throw Error("[@use-gesture]: `lockDirection` option has been merged with `axis`. Use it as in `{ axis: 'lock' }`");return NaN},initial(r){if(r!==void 0)throw Error("[@use-gesture]: `initial` option has been renamed to `from`.");return NaN}});const He=0,U=h(h({},J),{},{axis(r,e,{axis:t}){if(this.lockDirection=t==="lock",!this.lockDirection)return t},axisThreshold(r=He){return r},bounds(r={}){if(typeof r=="function")return i=>U.bounds(r(i));if("current"in r)return()=>r.current;if(typeof HTMLElement=="function"&&r instanceof HTMLElement)return r;const{left:e=-1/0,right:t=1/0,top:n=-1/0,bottom:s=1/0}=r;return[[e,t],[n,s]]}}),me={ArrowRight:(r,e=1)=>[r*e,0],ArrowLeft:(r,e=1)=>[-1*r*e,0],ArrowUp:(r,e=1)=>[0,-1*r*e],ArrowDown:(r,e=1)=>[0,r*e]};class Ge extends Fe{constructor(...e){super(...e),b(this,"ingKey","dragging")}reset(){super.reset();const e=this.state;e._pointerId=void 0,e._pointerActive=!1,e._keyboardActive=!1,e._preventScroll=!1,e._delayed=!1,e.swipe=[0,0],e.tap=!1,e.canceled=!1,e.cancel=this.cancel.bind(this)}setup(){const e=this.state;if(e._bounds instanceof HTMLElement){const t=e._bounds.getBoundingClientRect(),n=e.currentTarget.getBoundingClientRect(),s={left:t.left-n.left+e.offset[0],right:t.right-n.right+e.offset[0],top:t.top-n.top+e.offset[1],bottom:t.bottom-n.bottom+e.offset[1]};e._bounds=U.bounds(s)}}cancel(){const e=this.state;e.canceled||(e.canceled=!0,e._active=!1,setTimeout(()=>{this.compute(),this.emit()},0))}setActive(){this.state._active=this.state._pointerActive||this.state._keyboardActive}clean(){this.pointerClean(),this.state._pointerActive=!1,this.state._keyboardActive=!1,super.clean()}pointerDown(e){const t=this.config,n=this.state;if(e.buttons!=null&&(Array.isArray(t.pointerButtons)?!t.pointerButtons.includes(e.buttons):t.pointerButtons!==-1&&t.pointerButtons!==e.buttons))return;const s=this.ctrl.setEventIds(e);t.pointerCapture&&e.target.setPointerCapture(e.pointerId),!(s&&s.size>1&&n._pointerActive)&&(this.start(e),this.setupPointer(e),n._pointerId=q(e),n._pointerActive=!0,this.computeValues(le(e)),this.computeInitial(),t.preventScrollAxis&&ue(e)!=="mouse"?(n._active=!1,this.setupScrollPrevention(e)):t.delay>0?(this.setupDelayTrigger(e),t.triggerAllEvents&&(this.compute(e),this.emit())):this.startPointerDrag(e))}startPointerDrag(e){const t=this.state;t._active=!0,t._preventScroll=!0,t._delayed=!1,this.compute(e),this.emit()}pointerMove(e){const t=this.state,n=this.config;if(!t._pointerActive)return;const s=q(e);if(t._pointerId!==void 0&&s!==t._pointerId)return;const i=le(e);if(document.pointerLockElement===e.target?t._delta=[e.movementX,e.movementY]:(t._delta=v.sub(i,t._values),this.computeValues(i)),v.addTo(t._movement,t._delta),this.compute(e),t._delayed&&t.intentional){this.timeoutStore.remove("dragDelay"),t.active=!1,this.startPointerDrag(e);return}if(n.preventScrollAxis&&!t._preventScroll)if(t.axis)if(t.axis===n.preventScrollAxis||n.preventScrollAxis==="xy"){t._active=!1,this.clean();return}else{this.timeoutStore.remove("startPointerDrag"),this.startPointerDrag(e);return}else return;this.emit()}pointerUp(e){this.ctrl.setEventIds(e);try{this.config.pointerCapture&&e.target.hasPointerCapture(e.pointerId)&&e.target.releasePointerCapture(e.pointerId)}catch{process.env.NODE_ENV==="development"&&console.warn("[@use-gesture]: If you see this message, it's likely that you're using an outdated version of `@react-three/fiber`. \n\nPlease upgrade to the latest version.")}const t=this.state,n=this.config;if(!t._active||!t._pointerActive)return;const s=q(e);if(t._pointerId!==void 0&&s!==t._pointerId)return;this.state._pointerActive=!1,this.setActive(),this.compute(e);const[i,u]=t._distance;if(t.tap=i<=n.tapsThreshold&&u<=n.tapsThreshold,t.tap&&n.filterTaps)t._force=!0;else{const[a,c]=t._delta,[p,f]=t._movement,[I,_]=n.swipe.velocity,[M,R]=n.swipe.distance,N=n.swipe.duration;if(t.elapsedTime<N){const $=Math.abs(a/t.timeDelta),w=Math.abs(c/t.timeDelta);$>I&&Math.abs(p)>M&&(t.swipe[0]=Math.sign(a)),w>_&&Math.abs(f)>R&&(t.swipe[1]=Math.sign(c))}}this.emit()}pointerClick(e){!this.state.tap&&e.detail>0&&(e.preventDefault(),e.stopPropagation())}setupPointer(e){const t=this.config,n=t.device;if(process.env.NODE_ENV==="development")try{if(n==="pointer"&&t.preventScrollDelay===void 0){const s="uv"in e?e.sourceEvent.currentTarget:e.currentTarget;window.getComputedStyle(s).touchAction==="auto"&&console.warn("[@use-gesture]: The drag target has its `touch-action` style property set to `auto`. It is recommended to add `touch-action: 'none'` so that the drag gesture behaves correctly on touch-enabled devices. For more information read this: https://use-gesture.netlify.app/docs/extras/#touch-action.\n\nThis message will only show in development mode. It won't appear in production. If this is intended, you can ignore it.",s)}}catch{}t.pointerLock&&e.currentTarget.requestPointerLock(),t.pointerCapture||(this.eventStore.add(this.sharedConfig.window,n,"change",this.pointerMove.bind(this)),this.eventStore.add(this.sharedConfig.window,n,"end",this.pointerUp.bind(this)),this.eventStore.add(this.sharedConfig.window,n,"cancel",this.pointerUp.bind(this)))}pointerClean(){this.config.pointerLock&&document.pointerLockElement===this.state.currentTarget&&document.exitPointerLock()}preventScroll(e){this.state._preventScroll&&e.cancelable&&e.preventDefault()}setupScrollPrevention(e){this.state._preventScroll=!1,Xe(e);const t=this.eventStore.add(this.sharedConfig.window,"touch","change",this.preventScroll.bind(this),{passive:!1});this.eventStore.add(this.sharedConfig.window,"touch","end",t),this.eventStore.add(this.sharedConfig.window,"touch","cancel",t),this.timeoutStore.add("startPointerDrag",this.startPointerDrag.bind(this),this.config.preventScrollDelay,e)}setupDelayTrigger(e){this.state._delayed=!0,this.timeoutStore.add("dragDelay",()=>{this.state._step=[0,0],this.startPointerDrag(e)},this.config.delay)}keyDown(e){const t=me[e.key];if(t){const n=this.state,s=e.shiftKey?10:e.altKey?.1:1;this.start(e),n._delta=t(this.config.keyboardDisplacement,s),n._keyboardActive=!0,v.addTo(n._movement,n._delta),this.compute(e),this.emit()}}keyUp(e){e.key in me&&(this.state._keyboardActive=!1,this.setActive(),this.compute(e),this.emit())}bind(e){const t=this.config.device;e(t,"start",this.pointerDown.bind(this)),this.config.pointerCapture&&(e(t,"change",this.pointerMove.bind(this)),e(t,"end",this.pointerUp.bind(this)),e(t,"cancel",this.pointerUp.bind(this)),e("lostPointerCapture","",this.pointerUp.bind(this))),this.config.keys&&(e("key","down",this.keyDown.bind(this)),e("key","up",this.keyUp.bind(this))),this.config.filterTaps&&e("click","",this.pointerClick.bind(this),{capture:!0,passive:!1})}}function Xe(r){"persist"in r&&typeof r.persist=="function"&&r.persist()}const K=typeof window<"u"&&window.document&&window.document.createElement;function ge(){return K&&"ontouchstart"in window}function qe(){return ge()||K&&window.navigator.maxTouchPoints>1}function Je(){return K&&"onpointerdown"in window}function Qe(){return K&&"exitPointerLock"in window.document}function Ze(){try{return"constructor"in GestureEvent}catch{return!1}}const T={isBrowser:K,gesture:Ze(),touch:ge(),touchscreen:qe(),pointer:Je(),pointerLock:Qe()},et=250,tt=180,rt=.5,nt=50,st=250,it=10,ve={mouse:0,touch:0,pen:8},ye=h(h({},U),{},{device(r,e,{pointer:{touch:t=!1,lock:n=!1,mouse:s=!1}={}}){return this.pointerLock=n&&T.pointerLock,T.touch&&t?"touch":this.pointerLock?"mouse":T.pointer&&!s?"pointer":T.touch?"touch":"mouse"},preventScrollAxis(r,e,{preventScroll:t}){if(this.preventScrollDelay=typeof t=="number"?t:t||t===void 0&&r?et:void 0,!(!T.touchscreen||t===!1))return r||(t!==void 0?"y":void 0)},pointerCapture(r,e,{pointer:{capture:t=!0,buttons:n=1,keys:s=!0}={}}){return this.pointerButtons=n,this.keys=s,!this.pointerLock&&this.device==="pointer"&&t},threshold(r,e,{filterTaps:t=!1,tapsThreshold:n=3,axis:s=void 0}){const i=v.toVector(r,t?n:s?1:0);return this.filterTaps=t,this.tapsThreshold=n,i},swipe({velocity:r=rt,distance:e=nt,duration:t=st}={}){return{velocity:this.transform(v.toVector(r)),distance:this.transform(v.toVector(e)),duration:t}},delay(r=0){switch(r){case!0:return tt;case!1:return 0;default:return r}},axisThreshold(r){return r?h(h({},ve),r):ve},keyboardDisplacement(r=it){return r}});process.env.NODE_ENV==="development"&&Object.assign(ye,{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 } }`.");return NaN},experimental_preventWindowScrollY(r){if(r!==void 0)throw Error("[@use-gesture]: `experimental_preventWindowScrollY` option has been renamed to `preventScroll`.");return NaN},swipeVelocity(r){if(r!==void 0)throw Error("[@use-gesture]: `swipeVelocity` option has been renamed to `swipe.velocity`. Use it as in `{ swipe: { velocity: 0.5 } }`.");return NaN},swipeDistance(r){if(r!==void 0)throw Error("[@use-gesture]: `swipeDistance` option has been renamed to `swipe.distance`. Use it as in `{ swipe: { distance: 50 } }`.");return NaN},swipeDuration(r){if(r!==void 0)throw Error("[@use-gesture]: `swipeDuration` option has been renamed to `swipe.duration`. Use it as in `{ swipe: { duration: 250 } }`.");return NaN}}),h(h({},J),{},{device(r,e,{shared:t,pointer:{touch:n=!1}={}}){if(t.target&&!T.touch&&T.gesture)return"gesture";if(T.touch&&n)return"touch";if(T.touchscreen){if(T.pointer)return"pointer";if(T.touch)return"touch"}},bounds(r,e,{scaleBounds:t={},angleBounds:n={}}){const s=u=>{const a=de(F(t,u),{min:-1/0,max:1/0});return[a.min,a.max]},i=u=>{const a=de(F(n,u),{min:-1/0,max:1/0});return[a.min,a.max]};return typeof t!="function"&&typeof n!="function"?[s(),i()]:u=>[s(u),i(u)]},threshold(r,e,t){return this.lockDirection=t.axis==="lock",v.toVector(r,this.lockDirection?[.1,3]:0)},modifierKey(r){return r===void 0?"ctrlKey":r},pinchOnWheel(r=!0){return r}}),h(h({},U),{},{mouseOnly:(r=!0)=>r}),h(h({},U),{},{mouseOnly:(r=!0)=>r});const _e=new Map,Q=new Map;function ot(r){_e.set(r.key,r.engine),Q.set(r.key,r.resolver)}const at={key:"drag",engine:Ge,resolver:ye};function ct(r,e){if(r==null)return{};var t={},n=Object.keys(r),s,i;for(i=0;i<n.length;i++)s=n[i],!(e.indexOf(s)>=0)&&(t[s]=r[s]);return t}function ut(r,e){if(r==null)return{};var t=ct(r,e),n,s;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(s=0;s<i.length;s++)n=i[s],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(t[n]=r[n])}return t}const ft={target(r){if(r)return()=>"current"in r?r.current:r},enabled(r=!0){return r},window(r=T.isBrowser?window:void 0){return r},eventOptions({passive:r=!0,capture:e=!1}={}){return{passive:r,capture:e}},transform(r){return r}},lt=["target","eventOptions","window","enabled","transform"];function H(r={},e){const t={};for(const[n,s]of Object.entries(e))switch(typeof s){case"function":if(process.env.NODE_ENV==="development"){const i=s.call(t,r[n],n,r);Number.isNaN(i)||(t[n]=i)}else t[n]=s.call(t,r[n],n,r);break;case"object":t[n]=H(r[n],s);break;case"boolean":s&&(t[n]=r[n]);break}return t}function dt(r,e,t={}){const n=r,{target:s,eventOptions:i,window:u,enabled:a,transform:c}=n,p=ut(n,lt);if(t.shared=H({target:s,eventOptions:i,window:u,enabled:a,transform:c},ft),e){const f=Q.get(e);t[e]=H(h({shared:t.shared},p),f)}else for(const f in p){const I=Q.get(f);if(I)t[f]=H(h({shared:t.shared},p[f]),I);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`.");console.warn(`[@use-gesture]: Unknown config key \`${f}\` was used. Please read the documentation for further information.`)}}return t}class be{constructor(e,t){b(this,"_listeners",new Set),this._ctrl=e,this._gestureKey=t}add(e,t,n,s,i){const u=this._listeners,a=Le(t,n),c=this._gestureKey?this._ctrl.config[this._gestureKey].eventOptions:{},p=h(h({},c),i);e.addEventListener(a,s,p);const f=()=>{e.removeEventListener(a,s,p),u.delete(f)};return u.add(f),f}clean(){this._listeners.forEach(e=>e()),this._listeners.clear()}}class ht{constructor(){b(this,"_timeouts",new Map)}add(e,t,n=140,...s){this.remove(e),this._timeouts.set(e,window.setTimeout(t,n,...s))}remove(e){const t=this._timeouts.get(e);t&&window.clearTimeout(t)}clean(){this._timeouts.forEach(e=>void window.clearTimeout(e)),this._timeouts.clear()}}class pt{constructor(e){b(this,"gestures",new Set),b(this,"_targetEventStore",new be(this)),b(this,"gestureEventStores",{}),b(this,"gestureTimeoutStores",{}),b(this,"handlers",{}),b(this,"config",{}),b(this,"pointerIds",new Set),b(this,"touchIds",new Set),b(this,"state",{shared:{shiftKey:!1,metaKey:!1,ctrlKey:!1,altKey:!1}}),mt(this,e)}setEventIds(e){if(Y(e))return this.touchIds=new Set(je(e)),this.touchIds;if("pointerId"in e)return e.type==="pointerup"||e.type==="pointercancel"?this.pointerIds.delete(e.pointerId):e.type==="pointerdown"&&this.pointerIds.add(e.pointerId),this.pointerIds}applyHandlers(e,t){this.handlers=e,this.nativeHandlers=t}applyConfig(e,t){this.config=dt(e,t,this.config)}clean(){this._targetEventStore.clean();for(const e of this.gestures)this.gestureEventStores[e].clean(),this.gestureTimeoutStores[e].clean()}effect(){return this.config.shared.target&&this.bind(),()=>this._targetEventStore.clean()}bind(...e){const t=this.config.shared,n={};let s;if(!(t.target&&(s=t.target(),!s))){if(t.enabled){for(const u of this.gestures){const a=this.config[u],c=we(n,a.eventOptions,!!s);if(a.enabled){const p=_e.get(u);new p(this,e,u).bind(c)}}const i=we(n,t.eventOptions,!!s);for(const u in this.nativeHandlers)i(u,"",a=>this.nativeHandlers[u](h(h({},this.state.shared),{},{event:a,args:e})),void 0,!0)}for(const i in n)n[i]=Be(...n[i]);if(!s)return n;for(const i in n){const{device:u,capture:a,passive:c}=Me(i);this._targetEventStore.add(s,u,"",n[i],{capture:a,passive:c})}}}}function L(r,e){r.gestures.add(e),r.gestureEventStores[e]=new be(r,e),r.gestureTimeoutStores[e]=new ht}function mt(r,e){e.drag&&L(r,"drag"),e.wheel&&L(r,"wheel"),e.scroll&&L(r,"scroll"),e.move&&L(r,"move"),e.pinch&&L(r,"pinch"),e.hover&&L(r,"hover")}const we=(r,e,t)=>(n,s,i,u={},a=!1)=>{var c,p;const f=(c=u.capture)!==null&&c!==void 0?c:e.capture,I=(p=u.passive)!==null&&p!==void 0?p:e.passive;let _=a?n:Pe(n,s,f);t&&I&&(_+="Passive"),r[_]=r[_]||[],r[_].push(i)};function gt(r,e={},t,n){const s=y.useMemo(()=>new pt(r),[]);if(s.applyHandlers(r,n),s.applyConfig(e,t),y.useEffect(s.effect.bind(s)),y.useEffect(()=>s.clean.bind(s),[]),e.target===void 0)return s.bind.bind(s)}function vt(r,e){return ot(at),gt({drag:r},e||{},"drag")}const Z="RSC::Event";function yt(){const r=y.useRef(null);function e(n){y.useEffect(()=>{r.current||(r.current=document.createElement("div"));function s(i){n(i.detail)}if(r.current)return r.current.addEventListener(Z,s,!1),()=>{var i;(i=r.current)==null||i.removeEventListener(Z,s,!1)}},[n])}function t(n){if(r.current){const s=new CustomEvent(Z,{detail:n});r.current.dispatchEvent(s)}}return{useListenToCustomEvent:e,emitEvent:t}}function _t({init:r=!0,items:e,withLoop:t=!1,id:n,itemsPerSlide:s=1,gutter:i=0,startEndGutter:u=0,carouselAxis:a="x",slideType:c="fixed",startingPosition:p="start",enableGestures:f=!0,slideWhenDragThresholdIsReached:I=!0,onInit:_}){const[M,R]=y.useState(!1),N=y.useRef(r),$=y.useRef(null),w=y.useRef(null),G=y.useRef(0),D=y.useRef(!t),E=y.useRef(!1),B=y.useRef(0),l=y.useRef(0),[V,ee]=Ie.useSpring(()=>({value:0,onChange({value:o}){(c==="fixed"||c==="fluid")&&$.current.style.setProperty(`--${n}-offset-position`,`${o.value}px`),c==="freeScroll"&&(w.current[a==="x"?"scrollLeft":"scrollTop"]=Math.abs(o.value))}}),[a]),bt=c!=="freeScroll"&&t?[...e.map(o=>({...o,id:`prev-repeated-item-${o.id}`,isClonedItem:!0})),...e,...e.map(o=>({...o,id:`next-repeated-item-${o.id}`,isClonedItem:!0}))]:e,{useListenToCustomEvent:Ee,emitEvent:z}=yt();function te(o){N.current&&(E.current||W({type:"next",toIndex:o,actionType:"click"}))}function re(o){N.current&&(D.current||W({type:"prev",toIndex:o,actionType:"click"}))}function W({type:o,shouldAnimate:d=!0,toIndex:k,actionType:S}){var xe,Te;const m=X(),A=!d;D.current=!1,E.current=!1;let C=V.value.get(),g=0;if(o==="next"&&c!=="freeScroll"&&(l.current+=1),o==="prev"&&c!=="freeScroll"&&(l.current===0?l.current=e.length-1:l.current-=1),k!==void 0&&(l.current=k),c!=="freeScroll"&&o==="next"){const x=ne(t?m*(e.length*2):0);g=-(l.current*m),x-Math.abs(g)<m/1.2&&c==="fluid"&&!t&&(g=-x),!t&&Math.abs(g)>=x&&(E.current=!0,g=-x),t&&l.current===e.length&&(l.current=0,C=C+m*e.length,g=0)}if(c!=="freeScroll"&&o==="prev"&&(g=-(l.current*m),l.current===e.length-1&&(C=C-e.length*m),!t&&g>=0&&(D.current=!0,g=0)),c==="freeScroll"&&o==="next"){const x=w.current[a==="x"?"scrollLeft":"scrollTop"],j=a==="x"?w.current.scrollWidth-w.current.clientWidth:w.current.scrollHeight-w.current.clientHeight;C=x,g=x+m,(g>j||j-g<80)&&(g=j,E.current=!0)}if(c==="freeScroll"&&o==="prev"){const x=w.current[a==="x"?"scrollLeft":"scrollTop"];C=x,g=x-m,g<=0&&(g=0,E.current=!0)}G.current=g,z(S==="resize"?{eventName:"onResize",sliceActionType:S,slideDirection:o,currentItem:{index:l.current,id:((xe=e.at(l.current))==null?void 0:xe.id)??"",startReached:D.current,endReached:E.current}}:{eventName:"onSlideStartChange",sliceActionType:S,slideDirection:o,nextItem:{index:l.current,id:((Te=e.at(l.current))==null?void 0:Te.id)??"",startReached:D.current,endReached:E.current}}),ee.start({immediate:A,from:{value:C},to:{value:g},onRest({finished:x}){var j;x&&c==="fixed"&&z({eventName:"onSlideChangeComplete",sliceActionType:S,slideDirection:o,currentItem:{index:l.current,id:((j=e.at(l.current))==null?void 0:j.id)??"",startReached:D.current,endReached:E.current}}),x&&c==="fluid"&&z({eventName:"onSlideChangeComplete",sliceActionType:S,slideDirection:o,currentItem:{index:0,id:"",startReached:D.current,endReached:E.current}})}})}function X(){const o=w.current.children[0];let d=0;return d=o.getBoundingClientRect()[a==="x"?"width":"height"]+i,d}function ne(o){const d=w.current;return d[a==="x"?"scrollWidth":"scrollHeight"]-d.getBoundingClientRect()[a==="x"?"width":"height"]-o}function wt(){let o=0;const d=getComputedStyle(document.documentElement).getPropertyValue(`--${n}-start-end-gutter`);return d.includes("px")&&(o=Number(d.replace("px",""))),{totalStartEndGutterCssVar:o}}y.useEffect(()=>{function o(S,m){switch(S){case"start":return 0;case"middle-start":return Math.floor((m-1)*.25);case"center":return Math.floor((m-1)*.5);case"middle-end":return Math.floor((m-1)*.75);case"end":return m-1;default:return 0}}function d(S){if($.current){const{totalStartEndGutterCssVar:m}=wt();let A=0;t&&(A=X()*e.length),A-=X()*o(p,s),A-=m/2,$.current.style.setProperty(`--${n}-offset-modifier`,`${-A}px`),R(!0),S&&S()}}function k(){d(),W({type:"next",toIndex:l.current,shouldAnimate:!1,actionType:"resize"})}if(r&&(B.current=X()/4),r&&c==="fixed")return d(_),window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k)}},[r,t,n,a,i,p,c]);const Se=f&&c!=="freeScroll",Et=vt(o=>{if(!N.current)return;const d=o.dragging,k=o.offset[a==="x"?0:1],S=o.movement[a==="x"?0:1],m=S>B.current,A=S<-B.current,C=o.velocity;d&&(z({...o,eventName:"onDrag",slideActionType:"drag"}),ee.start({value:k,immediate:!0,config:{velocity:C}}),I&&(m||A)&&o.cancel()),o.last&&(m?W({actionType:"drag",type:"prev"}):A?W({actionType:"drag",type:"next"}):ee.start({value:G.current,config:{velocity:C}}))},{enabled:Se,axis:a,rubberband:!t,...t?{}:{bounds:()=>({right:0,left:-ne(0),top:-ne(0),bottom:0})},from:()=>[V.value.get(),V.value.get()]});return{carouselFragment:P.jsxs("div",{ref:$,className:"ReactSpringCarouselContainer","data-part":"Container","data-part-internal":`${n}-Container`,children:[P.jsx("style",{dangerouslySetInnerHTML:{__html:`
             :root {
               --${n}-start-end-gutter: ${u*2}px;
               --${n}-gutter: ${i}px;
@@ -29,10 +29,10 @@
               gap: var(--${n}-gutter);
               transform: translate3d(var(--${n}-scroll-x-value), var(--${n}-scroll-y-value), 0px);
               overflow-x: ${c==="freeScroll"?"auto":"visible"};
-              touch-action: ${f?a==="x"?"pan-y":"pan-x":"auto"};
+              touch-action: ${Se?a==="x"?"pan-y":"pan-x":"auto"};
             }
             [data-part-internal="${n}-Item"] {
               display: flex;
               flex: ${c==="fixed"?`1 0 calc(100% / var(--${n}-items-per-slide) - calc(var(--${n}-gutter) * (var(--${n}-items-per-slide) - 1)) / var(--${n}-items-per-slide) - calc(var(--${n}-start-end-gutter) / var(--${n}-items-per-slide)))`:"1"};
             }
-          `}}),P.jsx("div",{ref:w,className:"ReactSpringCarouselTrack","data-part":"Track","data-part-internal":`${n}-Track`,...wt(),onScroll:()=>{D.current=!1,E.current=!1},...c==="freeScroll"?{onWheel(){D.current=!1,E.current=!1,V.value.stop()}}:{},children:_t.map((o,d)=>P.jsx("div",{className:"ReactSpringCarouselItem","data-part":"Item","data-part-internal":`${n}-Item`,"data-id":o.id,children:typeof o.renderItem=="function"?o.renderItem({useListenToCustomEvent:Ee,index:d,isClonedItem:!!o.isClonedItem}):o.renderItem},`${o.id}-${d}`))})]}),useListenToCustomEvent:Ee,slideToNextItem:()=>te(),slideToPrevItem:()=>re(),slideToItem:o=>{if(typeof o=="number"){if(!e[o]){console.warn(`The item you're trying to slide doesn't exist. index: ${o}`);return}o>l.current?te(o):re(o)}if(typeof o=="string"){const d=e.findIndex(k=>k.id===o);if(d<0){console.warn(`The item you're trying to slide doesn't exist. id: ${o}`);return}d>l.current?te(d):re(d)}}}}O.useSpringCarousel=yt,Object.defineProperty(O,Symbol.toStringTag,{value:"Module"})});
+          `}}),P.jsx("div",{ref:w,className:"ReactSpringCarouselTrack","data-part":"Track","data-part-internal":`${n}-Track`,...Et(),onScroll:()=>{D.current=!1,E.current=!1},...c==="freeScroll"?{onWheel(){D.current=!1,E.current=!1,V.value.stop()}}:{},children:bt.map((o,d)=>P.jsx("div",{className:"ReactSpringCarouselItem","data-part":"Item","data-part-internal":`${n}-Item`,"data-id":o.id,children:typeof o.renderItem=="function"?o.renderItem({useListenToCustomEvent:Ee,index:d,isClonedItem:!!o.isClonedItem}):o.renderItem},`${o.id}-${d}`))})]}),useListenToCustomEvent:Ee,slideToNextItem:()=>te(),slideToPrevItem:()=>re(),slideToItem:o=>{if(typeof o=="number"){if(!e[o]){console.warn(`The item you're trying to slide doesn't exist. index: ${o}`);return}o>l.current?te(o):re(o)}if(typeof o=="string"){const d=e.findIndex(k=>k.id===o);if(d<0){console.warn(`The item you're trying to slide doesn't exist. id: ${o}`);return}d>l.current?te(d):re(d)}}}}O.useSpringCarousel=_t,Object.defineProperty(O,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-spring-carousel",
-  "version": "3.0.0-beta-2.0.1875",
+  "version": "3.0.0-beta-2.0.1876",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.js",