react-spring-carousel 3.0.0-beta-2.0.16 → 3.0.0-beta-2.0.18

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsxs as Tt, jsx as q } from "react/jsx-runtime";
-import { useSpring as xt } from "@react-spring/web";
-import J, { useRef as A, useEffect as pt } from "react";
-function St(r, t, e) {
+import { jsxs as St, jsx as q } from "react/jsx-runtime";
+import { useSpring as Tt } from "@react-spring/web";
+import J, { useRef as P, useEffect as pt } from "react";
+function It(r, t, e) {
   return Math.max(t, Math.min(r, e));
 }
 const g = {
@@ -25,13 +25,13 @@ function nt(r, t, e) {
   return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(r, e * 5) : r * t * e / (t + e * r);
 }
 function st(r, t, e, n = 0.15) {
-  return n === 0 ? St(r, t, e) : r < t ? -nt(t - r, e - t, n) + t : r > e ? +nt(r - e, e - t, n) + e : r;
+  return n === 0 ? It(r, t, e) : r < t ? -nt(t - r, e - t, n) + t : r > e ? +nt(r - e, e - t, n) + e : r;
 }
-function It(r, [t, e], [n, s]) {
+function Dt(r, [t, e], [n, s]) {
   const [[i, c], [a, u]] = r;
   return [st(t, i, c, n), st(e, a, u, s)];
 }
-function Dt(r, t) {
+function kt(r, t) {
   if (typeof r != "object" || r === null) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
@@ -41,12 +41,12 @@ function Dt(r, t) {
   }
   return (t === "string" ? String : Number)(r);
 }
-function kt(r) {
-  var t = Dt(r, "string");
+function Ct(r) {
+  var t = kt(r, "string");
   return typeof t == "symbol" ? t : String(t);
 }
 function y(r, t, e) {
-  return t = kt(t), t in r ? Object.defineProperty(r, t, {
+  return t = Ct(t), t in r ? Object.defineProperty(r, t, {
     value: e,
     enumerable: !0,
     configurable: !0,
@@ -63,7 +63,7 @@ function it(r, t) {
   }
   return e;
 }
-function l(r) {
+function d(r) {
   for (var t = 1; t < arguments.length; t++) {
     var e = arguments[t] != null ? arguments[t] : {};
     t % 2 ? it(Object(e), !0).forEach(function(n) {
@@ -99,27 +99,27 @@ const mt = {
 function ot(r) {
   return r ? r[0].toUpperCase() + r.slice(1) : "";
 }
-const Ct = ["enter", "leave"];
-function Ot(r = !1, t) {
-  return r && !Ct.includes(t);
+const Ot = ["enter", "leave"];
+function At(r = !1, t) {
+  return r && !Ot.includes(t);
 }
-function At(r, t = "", e = !1) {
+function Pt(r, t = "", e = !1) {
   const n = mt[r], s = n && n[t] || t;
-  return "on" + ot(r) + ot(s) + (Ot(e, s) ? "Capture" : "");
+  return "on" + ot(r) + ot(s) + (At(e, s) ? "Capture" : "");
 }
-const Pt = ["gotpointercapture", "lostpointercapture"];
-function $t(r) {
+const $t = ["gotpointercapture", "lostpointercapture"];
+function Nt(r) {
   let t = r.substring(2).toLowerCase();
   const e = !!~t.indexOf("passive");
   e && (t = t.replace("passive", ""));
-  const n = Pt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
+  const n = $t.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
   return s && (t = t.replace("capture", "")), {
     device: t,
     capture: s,
     passive: e
   };
 }
-function Nt(r, t = "") {
+function Mt(r, t = "") {
   const e = mt[r], n = e && e[t] || t;
   return r + n;
 }
@@ -129,20 +129,20 @@ function W(r) {
 function gt(r) {
   return W(r) ? "touch" : "pointerType" in r ? r.pointerType : "mouse";
 }
-function Mt(r) {
+function Rt(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 Rt(r) {
+function Lt(r) {
   return r.type === "touchend" || r.type === "touchcancel" ? r.changedTouches : r.targetTouches;
 }
 function vt(r) {
-  return W(r) ? Rt(r)[0] : r;
+  return W(r) ? Lt(r)[0] : r;
 }
-function Lt(r) {
-  return Mt(r).map((t) => t.identifier);
+function Vt(r) {
+  return Rt(r).map((t) => t.identifier);
 }
 function Q(r) {
   const t = vt(r);
@@ -152,7 +152,7 @@ function at(r) {
   const t = vt(r);
   return [t.clientX, t.clientY];
 }
-function Vt(r) {
+function jt(r) {
   const t = {};
   if ("buttons" in r && (t.buttons = r.buttons), "shiftKey" in r) {
     const {
@@ -173,10 +173,10 @@ function Vt(r) {
 function Y(r, ...t) {
   return typeof r == "function" ? r(...t) : r;
 }
-function jt() {
+function Ut() {
 }
-function Ut(...r) {
-  return r.length === 0 ? jt : r.length === 1 ? r[0] : function() {
+function Kt(...r) {
+  return r.length === 0 ? Ut : r.length === 1 ? r[0] : function() {
     let t;
     for (const e of r)
       t = e.apply(this, arguments) || t;
@@ -186,8 +186,8 @@ function Ut(...r) {
 function ct(r, t) {
   return Object.assign({}, t, r || {});
 }
-const Kt = 32;
-class Bt {
+const Bt = 32;
+class zt {
   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,16 +244,16 @@ class Bt {
     } = 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, Vt(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) {
+    if (t && (e.event = t, n.preventDefault && t.cancelable && e.event.preventDefault(), e.type = t.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, jt(t)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, i = t.timeStamp - e.timeStamp, e.timeStamp = t.timeStamp, e.elapsedTime = e.timeStamp - e.startTime), e._active) {
       const I = e._delta.map(Math.abs);
       g.addTo(e._distance, I);
     }
     this.axisIntent && this.axisIntent(t);
-    const [c, a] = e._movement, [u, d] = n.threshold, {
+    const [c, a] = e._movement, [u, h] = n.threshold, {
       _step: f,
       values: E
     } = e;
-    if (n.hasCustomTransform ? (f[0] === !1 && (f[0] = Math.abs(c) >= u && E[0]), f[1] === !1 && (f[1] = Math.abs(a) >= d && E[1])) : (f[0] === !1 && (f[0] = Math.abs(c) >= u && Math.sign(c) * u), f[1] === !1 && (f[1] = Math.abs(a) >= d && Math.sign(a) * d)), e.intentional = f[0] !== !1 || f[1] !== !1, !e.intentional) return;
+    if (n.hasCustomTransform ? (f[0] === !1 && (f[0] = Math.abs(c) >= u && E[0]), f[1] === !1 && (f[1] = Math.abs(a) >= h && E[1])) : (f[0] === !1 && (f[0] = Math.abs(c) >= u && Math.sign(c) * u), f[1] === !1 && (f[1] = Math.abs(a) >= h && Math.sign(a) * h)), e.intentional = f[0] !== !1 || f[1] !== !1, !e.intentional) return;
     const v = [0, 0];
     if (n.hasCustomTransform) {
       const [I, F] = E;
@@ -261,13 +261,13 @@ class Bt {
     } else
       v[0] = f[0] !== !1 ? c - f[0] : 0, v[1] = f[1] !== !1 ? a - f[1] : 0;
     this.restrictToAxis && !e._blocked && this.restrictToAxis(v);
-    const P = e.offset, C = e._active && !e._blocked || e.active;
+    const $ = e.offset, C = e._active && !e._blocked || e.active;
     C && (e.first = e._active && !e.active, e.last = !e._active && e.active, e.active = s[this.ingKey] = e._active, t && (e.first && ("bounds" in n && (e._bounds = Y(n.bounds, e)), this.setup && this.setup()), e.movement = v, this.computeOffset()));
-    const [x, $] = e.offset, [[S, O], [R, h]] = e._bounds;
-    e.overflow = [x < S ? -1 : x > O ? 1 : 0, $ < R ? -1 : $ > h ? 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 N = e._active ? n.rubberband || [0, 0] : [0, 0];
-    if (e.offset = It(e._bounds, e.offset, N), e.delta = g.sub(e.offset, P), this.computeMovement(), C && (!e.last || i > Kt)) {
-      e.delta = g.sub(e.offset, P);
+    const [S, N] = e.offset, [[T, O], [L, p]] = e._bounds;
+    e.overflow = [S < T ? -1 : S > O ? 1 : 0, N < L ? -1 : N > p ? 1 : 0], e._movementBound[0] = e.overflow[0] ? e._movementBound[0] === !1 ? e._movement[0] : e._movementBound[0] : !1, e._movementBound[1] = e.overflow[1] ? e._movementBound[1] === !1 ? e._movement[1] : e._movementBound[1] : !1;
+    const M = e._active ? n.rubberband || [0, 0] : [0, 0];
+    if (e.offset = Dt(e._bounds, e.offset, M), e.delta = g.sub(e.offset, $), this.computeMovement(), C && (!e.last || i > Bt)) {
+      e.delta = g.sub(e.offset, $);
       const I = e.delta.map(Math.abs);
       g.addTo(e.distance, I), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && i > 0 && (e.velocity = [I[0] / i, I[1] / i], e.timeDelta = i);
     }
@@ -275,7 +275,7 @@ class Bt {
   emit() {
     const t = this.state, e = this.shared, n = this.config;
     if (t._active || this.clean(), (t._blocked || !t.intentional) && !t._force && !n.triggerAllEvents) return;
-    const s = this.handler(l(l(l({}, e), t), {}, {
+    const s = this.handler(d(d(d({}, e), t), {}, {
       [this.aliasKey]: t.values
     }));
     s !== void 0 && (t.memo = s);
@@ -284,14 +284,14 @@ class Bt {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function zt([r, t], e) {
+function Yt([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 Yt extends Bt {
+class Wt extends zt {
   constructor(...t) {
     super(...t), y(this, "aliasKey", "xy");
   }
@@ -311,7 +311,7 @@ class Yt extends Bt {
     const e = this.state, n = this.config;
     if (!e.axis && t) {
       const s = typeof n.axisThreshold == "object" ? n.axisThreshold[gt(t)] : n.axisThreshold;
-      e.axis = zt(e._movement, s);
+      e.axis = Yt(e._movement, s);
     }
     e._blocked = (n.lockDirection || !!n.axis) && !e.axis || !!n.axis && n.axis !== e.axis;
   }
@@ -332,7 +332,7 @@ const ut = (r) => r, ft = 0.15, et = {
     return r;
   },
   eventOptions(r, t, e) {
-    return l(l({}, e.shared.eventOptions), r);
+    return d(d({}, e.shared.eventOptions), r);
   },
   preventDefault(r = !1) {
     return r;
@@ -386,18 +386,18 @@ process.env.NODE_ENV === "development" && Object.assign(et, {
     return NaN;
   }
 });
-const Wt = 0, j = l(l({}, et), {}, {
+const Ft = 0, U = d(d({}, et), {}, {
   axis(r, t, {
     axis: e
   }) {
     if (this.lockDirection = e === "lock", !this.lockDirection) return e;
   },
-  axisThreshold(r = Wt) {
+  axisThreshold(r = Ft) {
     return r;
   },
   bounds(r = {}) {
     if (typeof r == "function")
-      return (i) => j.bounds(r(i));
+      return (i) => U.bounds(r(i));
     if ("current" in r)
       return () => r.current;
     if (typeof HTMLElement == "function" && r instanceof HTMLElement)
@@ -416,7 +416,7 @@ const Wt = 0, j = l(l({}, et), {}, {
   ArrowUp: (r, t = 1) => [0, -1 * r * t],
   ArrowDown: (r, t = 1) => [0, r * t]
 };
-class Ft extends Yt {
+class Ht extends Wt {
   constructor(...t) {
     super(...t), y(this, "ingKey", "dragging");
   }
@@ -434,7 +434,7 @@ class Ft extends Yt {
         top: e.top - n.top + t.offset[1],
         bottom: e.bottom - n.bottom + t.offset[1]
       };
-      t._bounds = j.bounds(s);
+      t._bounds = U.bounds(s);
     }
   }
   cancel() {
@@ -498,10 +498,10 @@ class Ft extends Yt {
     if (e.tap = i <= n.tapsThreshold && c <= n.tapsThreshold, e.tap && n.filterTaps)
       e._force = !0;
     else {
-      const [a, u] = e._delta, [d, f] = e._movement, [E, v] = n.swipe.velocity, [P, C] = n.swipe.distance, x = n.swipe.duration;
-      if (e.elapsedTime < x) {
-        const $ = Math.abs(a / e.timeDelta), S = Math.abs(u / e.timeDelta);
-        $ > E && Math.abs(d) > P && (e.swipe[0] = Math.sign(a)), S > v && Math.abs(f) > C && (e.swipe[1] = Math.sign(u));
+      const [a, u] = e._delta, [h, f] = e._movement, [E, v] = n.swipe.velocity, [$, C] = n.swipe.distance, S = n.swipe.duration;
+      if (e.elapsedTime < S) {
+        const N = Math.abs(a / e.timeDelta), T = Math.abs(u / e.timeDelta);
+        N > E && Math.abs(h) > $ && (e.swipe[0] = Math.sign(a)), T > v && Math.abs(f) > C && (e.swipe[1] = Math.sign(u));
       }
     }
     this.emit();
@@ -528,7 +528,7 @@ class Ft extends Yt {
     this.state._preventScroll && t.cancelable && t.preventDefault();
   }
   setupScrollPrevention(t) {
-    this.state._preventScroll = !1, Ht(t);
+    this.state._preventScroll = !1, Gt(t);
     const e = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
       passive: !1
     });
@@ -557,41 +557,41 @@ class Ft extends Yt {
     });
   }
 }
-function Ht(r) {
+function Gt(r) {
   "persist" in r && typeof r.persist == "function" && r.persist();
 }
-const U = typeof window < "u" && window.document && window.document.createElement;
+const K = typeof window < "u" && window.document && window.document.createElement;
 function yt() {
-  return U && "ontouchstart" in window;
+  return K && "ontouchstart" in window;
 }
 function Xt() {
-  return yt() || U && window.navigator.maxTouchPoints > 1;
-}
-function Gt() {
-  return U && "onpointerdown" in window;
+  return yt() || K && window.navigator.maxTouchPoints > 1;
 }
 function qt() {
-  return U && "exitPointerLock" in window.document;
+  return K && "onpointerdown" in window;
 }
 function Jt() {
+  return K && "exitPointerLock" in window.document;
+}
+function Qt() {
   try {
     return "constructor" in GestureEvent;
   } catch {
     return !1;
   }
 }
-const T = {
-  isBrowser: U,
-  gesture: Jt(),
+const x = {
+  isBrowser: K,
+  gesture: Qt(),
   touch: yt(),
   touchscreen: Xt(),
-  pointer: Gt(),
-  pointerLock: qt()
-}, Qt = 250, Zt = 180, te = 0.5, ee = 50, re = 250, ne = 10, dt = {
+  pointer: qt(),
+  pointerLock: Jt()
+}, Zt = 250, te = 180, ee = 0.5, re = 50, ne = 250, se = 10, dt = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, _t = l(l({}, j), {}, {
+}, _t = d(d({}, U), {}, {
   device(r, t, {
     pointer: {
       touch: e = !1,
@@ -599,12 +599,12 @@ const T = {
       mouse: s = !1
     } = {}
   }) {
-    return this.pointerLock = n && T.pointerLock, T.touch && e ? "touch" : this.pointerLock ? "mouse" : T.pointer && !s ? "pointer" : T.touch ? "touch" : "mouse";
+    return this.pointerLock = n && x.pointerLock, x.touch && e ? "touch" : this.pointerLock ? "mouse" : x.pointer && !s ? "pointer" : x.touch ? "touch" : "mouse";
   },
   preventScrollAxis(r, t, {
     preventScroll: e
   }) {
-    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? Qt : void 0, !(!T.touchscreen || e === !1))
+    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? Zt : void 0, !(!x.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 = te,
-    distance: t = ee,
-    duration: e = re
+    velocity: r = ee,
+    distance: t = re,
+    duration: e = ne
   } = {}) {
     return {
       velocity: this.transform(g.toVector(r)),
@@ -638,7 +638,7 @@ const T = {
   delay(r = 0) {
     switch (r) {
       case !0:
-        return Zt;
+        return te;
       case !1:
         return 0;
       default:
@@ -646,9 +646,9 @@ const T = {
     }
   },
   axisThreshold(r) {
-    return r ? l(l({}, dt), r) : dt;
+    return r ? d(d({}, dt), r) : dt;
   },
-  keyboardDisplacement(r = ne) {
+  keyboardDisplacement(r = se) {
     return r;
   }
 });
@@ -679,18 +679,18 @@ process.env.NODE_ENV === "development" && Object.assign(_t, {
     return NaN;
   }
 });
-l(l({}, et), {}, {
+d(d({}, et), {}, {
   device(r, t, {
     shared: e,
     pointer: {
       touch: n = !1
     } = {}
   }) {
-    if (e.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";
+    if (e.target && !x.touch && x.gesture) return "gesture";
+    if (x.touch && n) return "touch";
+    if (x.touchscreen) {
+      if (x.pointer) return "pointer";
+      if (x.touch) return "touch";
     }
   },
   bounds(r, t, {
@@ -722,31 +722,31 @@ l(l({}, et), {}, {
     return r;
   }
 });
-l(l({}, j), {}, {
+d(d({}, U), {}, {
   mouseOnly: (r = !0) => r
 });
-l(l({}, j), {}, {
+d(d({}, U), {}, {
   mouseOnly: (r = !0) => r
 });
 const bt = /* @__PURE__ */ new Map(), tt = /* @__PURE__ */ new Map();
-function se(r) {
+function ie(r) {
   bt.set(r.key, r.engine), tt.set(r.key, r.resolver);
 }
-const ie = {
+const oe = {
   key: "drag",
-  engine: Ft,
+  engine: Ht,
   resolver: _t
 };
-function oe(r, t) {
+function ae(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 ae(r, t) {
+function ce(r, t) {
   if (r == null) return {};
-  var e = oe(r, t), n, s;
+  var e = ae(r, t), n, s;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(r);
     for (s = 0; s < i.length; s++)
@@ -754,7 +754,7 @@ function ae(r, t) {
   }
   return e;
 }
-const ce = {
+const ue = {
   target(r) {
     if (r)
       return () => "current" in r ? r.current : r;
@@ -762,7 +762,7 @@ const ce = {
   enabled(r = !0) {
     return r;
   },
-  window(r = T.isBrowser ? window : void 0) {
+  window(r = x.isBrowser ? window : void 0) {
     return r;
   },
   eventOptions({
@@ -777,7 +777,7 @@ const ce = {
   transform(r) {
     return r;
   }
-}, ue = ["target", "eventOptions", "window", "enabled", "transform"];
+}, fe = ["target", "eventOptions", "window", "enabled", "transform"];
 function z(r = {}, t) {
   const e = {};
   for (const [n, s] of Object.entries(t))
@@ -798,32 +798,32 @@ function z(r = {}, t) {
     }
   return e;
 }
-function fe(r, t, e = {}) {
+function le(r, t, e = {}) {
   const n = r, {
     target: s,
     eventOptions: i,
     window: c,
     enabled: a,
     transform: u
-  } = n, d = ae(n, ue);
+  } = n, h = ce(n, fe);
   if (e.shared = z({
     target: s,
     eventOptions: i,
     window: c,
     enabled: a,
     transform: u
-  }, ce), t) {
+  }, ue), t) {
     const f = tt.get(t);
-    e[t] = z(l({
+    e[t] = z(d({
       shared: e.shared
-    }, d), f);
+    }, h), f);
   } else
-    for (const f in d) {
+    for (const f in h) {
       const E = tt.get(f);
       if (E)
-        e[f] = z(l({
+        e[f] = z(d({
           shared: e.shared
-        }, d[f]), E);
+        }, h[f]), E);
       else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(f)) {
         if (f === "domTarget")
           throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
@@ -837,10 +837,10 @@ class wt {
     y(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = e;
   }
   add(t, e, n, s, i) {
-    const c = this._listeners, a = Nt(e, n), u = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, d = l(l({}, u), i);
-    t.addEventListener(a, s, d);
+    const c = this._listeners, a = Mt(e, n), u = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, h = d(d({}, u), i);
+    t.addEventListener(a, s, h);
     const f = () => {
-      t.removeEventListener(a, s, d), c.delete(f);
+      t.removeEventListener(a, s, h), c.delete(f);
     };
     return c.add(f), f;
   }
@@ -848,7 +848,7 @@ class wt {
     this._listeners.forEach((t) => t()), this._listeners.clear();
   }
 }
-class le {
+class de {
   constructor() {
     y(this, "_timeouts", /* @__PURE__ */ new Map());
   }
@@ -863,7 +863,7 @@ class le {
     this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
   }
 }
-class de {
+class he {
   constructor(t) {
     y(this, "gestures", /* @__PURE__ */ new Set()), y(this, "_targetEventStore", new wt(this)), y(this, "gestureEventStores", {}), y(this, "gestureTimeoutStores", {}), y(this, "handlers", {}), y(this, "config", {}), y(this, "pointerIds", /* @__PURE__ */ new Set()), y(this, "touchIds", /* @__PURE__ */ new Set()), y(this, "state", {
       shared: {
@@ -872,11 +872,11 @@ class de {
         ctrlKey: !1,
         altKey: !1
       }
-    }), he(this, t);
+    }), pe(this, t);
   }
   setEventIds(t) {
     if (W(t))
-      return this.touchIds = new Set(Lt(t)), this.touchIds;
+      return this.touchIds = new Set(Vt(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 de {
     this.handlers = t, this.nativeHandlers = e;
   }
   applyConfig(t, e) {
-    this.config = fe(t, e, this.config);
+    this.config = le(t, e, this.config);
   }
   clean() {
     this._targetEventStore.clean();
@@ -902,26 +902,26 @@ class de {
         for (const c of this.gestures) {
           const a = this.config[c], u = ht(n, a.eventOptions, !!s);
           if (a.enabled) {
-            const d = bt.get(c);
-            new d(this, t, c).bind(u);
+            const h = bt.get(c);
+            new h(this, t, c).bind(u);
           }
         }
         const i = ht(n, e.eventOptions, !!s);
         for (const c in this.nativeHandlers)
-          i(c, "", (a) => this.nativeHandlers[c](l(l({}, this.state.shared), {}, {
+          i(c, "", (a) => this.nativeHandlers[c](d(d({}, this.state.shared), {}, {
             event: a,
             args: t
           })), void 0, !0);
       }
       for (const i in n)
-        n[i] = Ut(...n[i]);
+        n[i] = Kt(...n[i]);
       if (!s) return n;
       for (const i in n) {
         const {
           device: c,
           capture: a,
           passive: u
-        } = $t(i);
+        } = Nt(i);
         this._targetEventStore.add(s, c, "", n[i], {
           capture: a,
           passive: u
@@ -930,31 +930,31 @@ class de {
     }
   }
 }
-function M(r, t) {
-  r.gestures.add(t), r.gestureEventStores[t] = new wt(r, t), r.gestureTimeoutStores[t] = new le();
+function R(r, t) {
+  r.gestures.add(t), r.gestureEventStores[t] = new wt(r, t), r.gestureTimeoutStores[t] = new de();
 }
-function he(r, t) {
-  t.drag && M(r, "drag"), t.wheel && M(r, "wheel"), t.scroll && M(r, "scroll"), t.move && M(r, "move"), t.pinch && M(r, "pinch"), t.hover && M(r, "hover");
+function pe(r, t) {
+  t.drag && R(r, "drag"), t.wheel && R(r, "wheel"), t.scroll && R(r, "scroll"), t.move && R(r, "move"), t.pinch && R(r, "pinch"), t.hover && R(r, "hover");
 }
 const ht = (r, t, e) => (n, s, i, c = {}, a = !1) => {
-  var u, d;
-  const f = (u = c.capture) !== null && u !== void 0 ? u : t.capture, E = (d = c.passive) !== null && d !== void 0 ? d : t.passive;
-  let v = a ? n : At(n, s, f);
+  var u, h;
+  const f = (u = c.capture) !== null && u !== void 0 ? u : t.capture, E = (h = c.passive) !== null && h !== void 0 ? h : t.passive;
+  let v = a ? n : Pt(n, s, f);
   e && E && (v += "Passive"), r[v] = r[v] || [], r[v].push(i);
 };
-function pe(r, t = {}, e, n) {
-  const s = J.useMemo(() => new de(r), []);
+function me(r, t = {}, e, n) {
+  const s = J.useMemo(() => new he(r), []);
   if (s.applyHandlers(r, n), s.applyConfig(t, e), J.useEffect(s.effect.bind(s)), J.useEffect(() => s.clean.bind(s), []), t.target === void 0)
     return s.bind.bind(s);
 }
-function me(r, t) {
-  return se(ie), pe({
+function ge(r, t) {
+  return ie(oe), me({
     drag: r
   }, t || {}, "drag");
 }
 const Z = "RSC::Event";
-function ge() {
-  const r = A(null);
+function ve() {
+  const r = P(null);
   function t(n) {
     pt(() => {
       r.current || (r.current = document.createElement("div"));
@@ -985,7 +985,7 @@ function ge() {
     emitEvent: e
   };
 }
-function we({
+function Ee({
   init: r = !0,
   items: t,
   withLoop: e = !1,
@@ -995,19 +995,19 @@ function we({
   startEndGutter: c = 0,
   carouselAxis: a = "x",
   slideType: u = "fixed",
-  startingPosition: d = "start",
+  startingPosition: h = "start",
   enableGestures: f = !0,
   slideWhenDragThresholdIsReached: E = !0,
   onInit: v
 }) {
-  const P = A(r), C = A(null), x = A(null), $ = A(0), S = A(!e), O = A(!1), R = A(0), h = A(0), [N, I] = xt(
+  const $ = P(r), C = P(null), S = P(null), N = P(0), T = P(!e), O = P(!1), L = P(0), p = P(0), [M, I] = Tt(
     () => ({
       value: 0,
       onChange({ value: o }) {
         (u === "fixed" || u === "fluid") && C.current.style.setProperty(
           `--${n}-offset-position`,
           `${o.value}px`
-        ), u === "freeScroll" && (x.current[a === "x" ? "scrollLeft" : "scrollTop"] = Math.abs(o.value));
+        ), u === "freeScroll" && (S.current[a === "x" ? "scrollLeft" : "scrollTop"] = Math.abs(o.value));
       }
     }),
     [a]
@@ -1023,52 +1023,52 @@ function we({
       id: `next-repeated-item-${o.id}`,
       isClonedItem: !0
     }))
-  ] : t, { useListenToCustomEvent: rt, emitEvent: L } = ge();
+  ] : t, { useListenToCustomEvent: rt, emitEvent: V } = ve();
   function H(o) {
-    P.current && (O.current || V({
+    $.current && (O.current || j({
       type: "next",
       toIndex: o,
       actionType: "click"
     }));
   }
-  function X(o) {
-    P.current && (S.current || V({
+  function G(o) {
+    $.current && (T.current || j({
       type: "prev",
       toIndex: o,
       actionType: "click"
     }));
   }
-  function V({
+  function j({
     type: o,
-    shouldAnimate: p = !0,
+    shouldAnimate: l = !0,
     toIndex: D,
     actionType: _
   }) {
-    const m = K(), B = !p;
-    S.current = !1, O.current = !1;
-    let k = N.value.get(), b = 0;
-    if (o === "next" && (h.current += 1), o === "prev" && (h.current === 0 ? h.current = t.length - 1 : h.current -= 1), D !== void 0 && (h.current = D), u !== "freeScroll" && o === "next") {
-      const w = G(
+    const m = B(), A = !l;
+    T.current = !1, O.current = !1;
+    let k = M.value.get(), b = 0;
+    if (o === "next" && (p.current += 1), o === "prev" && (p.current === 0 ? p.current = t.length - 1 : p.current -= 1), D !== void 0 && (p.current = D), u !== "freeScroll" && o === "next") {
+      const w = X(
         e ? m * (t.length * 2) : 0
       );
-      b = -(h.current * m), w - Math.abs(b) < m / 1.2 && u === "fluid" && !e && (b = -w), !e && Math.abs(b) >= w && (O.current = !0, b = -w), e && h.current === t.length && (h.current = 0, k = k + m * t.length, b = 0);
+      b = -(p.current * m), w - Math.abs(b) < m / 1.2 && u === "fluid" && !e && (b = -w), !e && Math.abs(b) >= w && (O.current = !0, b = -w), e && p.current === t.length && (p.current = 0, k = k + m * t.length, b = 0);
     }
-    if (u !== "freeScroll" && o === "prev" && (b = -(h.current * m), h.current === t.length - 1 && (k = k - t.length * m), !e && b >= 0 && (S.current = !0, b = 0)), u === "freeScroll" && o === "next") {
-      const w = x.current[a === "x" ? "scrollLeft" : "scrollTop"];
+    if (u !== "freeScroll" && o === "prev" && (b = -(p.current * m), p.current === t.length - 1 && (k = k - t.length * m), !e && b >= 0 && (T.current = !0, b = 0)), u === "freeScroll" && o === "next") {
+      const w = S.current[a === "x" ? "scrollLeft" : "scrollTop"];
       k = w, b = w + m;
     }
     if (u === "freeScroll" && o === "prev") {
-      const w = x.current[a === "x" ? "scrollLeft" : "scrollTop"];
+      const w = S.current[a === "x" ? "scrollLeft" : "scrollTop"];
       k = w, b = w - m;
     }
-    $.current = b, L(_ === "resize" ? {
+    N.current = b, V(_ === "resize" ? {
       eventName: "onResize",
       sliceActionType: _,
       slideDirection: o,
       currentItem: {
-        index: h.current,
-        id: t.at(h.current).id,
-        startReached: S.current,
+        index: p.current,
+        id: t.at(p.current).id,
+        startReached: T.current,
         endReached: O.current
       }
     } : {
@@ -1076,13 +1076,13 @@ function we({
       sliceActionType: _,
       slideDirection: o,
       nextItem: {
-        index: h.current,
-        id: t.at(h.current).id,
-        startReached: S.current,
+        index: p.current,
+        id: t.at(p.current).id,
+        startReached: T.current,
         endReached: O.current
       }
     }), I.start({
-      immediate: B,
+      immediate: A,
       from: {
         value: k
       },
@@ -1090,38 +1090,47 @@ function we({
         value: b
       },
       onRest({ finished: w }) {
-        w && u === "fixed" && L({
+        w && u === "fixed" && V({
           eventName: "onSlideChangeComplete",
           sliceActionType: _,
           slideDirection: o,
           currentItem: {
-            index: h.current,
-            id: t.at(h.current).id,
-            startReached: S.current,
+            index: p.current,
+            id: t.at(p.current).id,
+            startReached: T.current,
             endReached: O.current
           }
-        }), w && u === "fluid" && L({
+        }), w && u === "fluid" && V({
           eventName: "onSlideChangeComplete",
           sliceActionType: _,
           slideDirection: o,
           currentItem: {
             index: 0,
             id: "",
-            startReached: S.current,
+            startReached: T.current,
             endReached: O.current
           }
         });
       }
     });
   }
-  function K() {
-    const o = x.current.children[0];
-    let p = 0;
-    return p = o.getBoundingClientRect()[a === "x" ? "width" : "height"] + i, p;
+  function B() {
+    const o = S.current.children[0];
+    let l = 0;
+    return l = o.getBoundingClientRect()[a === "x" ? "width" : "height"] + i, l;
   }
-  function G(o) {
-    const p = x.current;
-    return p[a === "x" ? "scrollWidth" : "scrollHeight"] - p.getBoundingClientRect()[a === "x" ? "width" : "height"] - o;
+  function X(o) {
+    const l = S.current;
+    return l[a === "x" ? "scrollWidth" : "scrollHeight"] - l.getBoundingClientRect()[a === "x" ? "width" : "height"] - o;
+  }
+  function Et() {
+    let o = 0;
+    const l = getComputedStyle(
+      document.documentElement
+    ).getPropertyValue(`--${n}-start-end-gutter`);
+    return l.includes("px") && (o = Number(
+      l.replace("px", "")
+    )), { totalStartEndGutterCssVar: o };
   }
   pt(() => {
     function o(_, m) {
@@ -1140,34 +1149,39 @@ function we({
           return 0;
       }
     }
-    function p(_) {
+    function l(_) {
       if (C.current) {
-        let m = 0;
-        e && (m = K() * t.length), m -= K() * o(d, s), m -= c, C.current.style.setProperty(
+        const { totalStartEndGutterCssVar: m } = Et();
+        document.documentElement.style.setProperty(
+          `--${n}-start-end-gutter`,
+          `${m}px`
+        );
+        let A = 0;
+        e && (A = B() * t.length), A -= B() * o(h, s), A -= m, C.current.style.setProperty(
           `--${n}-offset-modifier`,
-          `${-m}px`
+          `${-A}px`
         ), _ && _();
       }
     }
     function D() {
-      p(), V({
+      l(), j({
         type: "next",
-        toIndex: h.current,
+        toIndex: p.current,
         shouldAnimate: !1,
         actionType: "resize"
       });
     }
-    if (r && (R.current = K() / 4), r && u === "fixed")
-      return p(v), window.addEventListener("resize", D), () => {
+    if (r && (L.current = B() / 4), r && u === "fixed")
+      return l(v), window.addEventListener("resize", D), () => {
         window.removeEventListener("resize", D);
       };
-  }, [r, e, n, a, i, d, u]);
-  const Et = me(
+  }, [r, e, n, a, i, h, u]);
+  const xt = ge(
     (o) => {
-      if (!P.current)
+      if (!$.current)
         return;
-      const p = o.dragging, D = o.offset[a === "x" ? 0 : 1], _ = o.movement[a === "x" ? 0 : 1], m = _ > R.current, B = _ < -R.current, k = o.velocity;
-      p && (L({
+      const l = o.dragging, D = o.offset[a === "x" ? 0 : 1], _ = o.movement[a === "x" ? 0 : 1], m = _ > L.current, A = _ < -L.current, k = o.velocity;
+      l && (V({
         ...o,
         eventName: "onDrag",
         slideActionType: "drag"
@@ -1177,14 +1191,14 @@ function we({
         config: {
           velocity: k
         }
-      }), E && (m || B) && o.cancel()), o.last && (m ? V({
+      }), E && (m || A) && o.cancel()), o.last && (m ? j({
         actionType: "drag",
         type: "prev"
-      }) : B ? V({
+      }) : A ? j({
         actionType: "drag",
         type: "next"
       }) : I.start({
-        value: $.current,
+        value: N.current,
         config: {
           velocity: k
         }
@@ -1197,16 +1211,16 @@ function we({
       ...e ? {} : {
         bounds: () => ({
           right: 0,
-          left: -G(0),
-          top: -G(0),
+          left: -X(0),
+          top: -X(0),
           bottom: 0
         })
       },
-      from: () => [N.value.get(), N.value.get()]
+      from: () => [M.value.get(), M.value.get()]
     }
   );
   return {
-    carouselFragment: /* @__PURE__ */ Tt(
+    carouselFragment: /* @__PURE__ */ St(
       "div",
       {
         ref: C,
@@ -1219,18 +1233,21 @@ function we({
             {
               dangerouslySetInnerHTML: {
                 __html: `
+            :root {
+              --${n}-start-end-gutter: ${c * 2}px;
+              --${n}-gutter: ${i}px;
+            }
             [data-part-internal="${n}-Container"] {
               display: flex;
               width: 100%;
               height: 100%;
               overflow: hidden;
-              --${n}-gutter: ${i}px;
               --${n}-items-per-slide: ${s};
               --${n}-offset-position: 0px;
               --${n}-offset-modifier: 0px;
               --${n}-scroll-x-value: ${u !== "freeScroll" && a === "x" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
               --${n}-scroll-y-value: ${u !== "freeScroll" && a === "y" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
-              --${n}-start-end-gutter: ${c * 2}px;
+              
             }
             [data-part-internal="${n}-Track"] {
               display: flex;
@@ -1253,17 +1270,17 @@ function we({
           /* @__PURE__ */ q(
             "div",
             {
-              ref: x,
+              ref: S,
               className: "ReactSpringCarouselTrack",
               "data-part": "Track",
               "data-part-internal": `${n}-Track`,
-              ...Et(),
+              ...xt(),
               ...u === "freeScroll" ? {
                 onWheel() {
-                  N.value.stop();
+                  M.value.stop();
                 }
               } : {},
-              children: F.map((o, p) => /* @__PURE__ */ q(
+              children: F.map((o, l) => /* @__PURE__ */ q(
                 "div",
                 {
                   className: "ReactSpringCarouselItem",
@@ -1272,11 +1289,11 @@ function we({
                   "data-id": o.id,
                   children: typeof o.renderItem == "function" ? o.renderItem({
                     useListenToCustomEvent: rt,
-                    index: p,
+                    index: l,
                     isClonedItem: !!o.isClonedItem
                   }) : o.renderItem
                 },
-                `${o.id}-${p}`
+                `${o.id}-${l}`
               ))
             }
           )
@@ -1285,7 +1302,7 @@ function we({
     ),
     useListenToCustomEvent: rt,
     slideToNextItem: () => H(),
-    slideToPrevItem: () => X(),
+    slideToPrevItem: () => G(),
     slideToItem: (o) => {
       if (typeof o == "number") {
         if (!t[o]) {
@@ -1294,21 +1311,21 @@ function we({
           );
           return;
         }
-        o > h.current ? H(o) : X(o);
+        o > p.current ? H(o) : G(o);
       }
       if (typeof o == "string") {
-        const p = t.findIndex((D) => D.id === o);
-        if (p < 0) {
+        const l = t.findIndex((D) => D.id === o);
+        if (l < 0) {
           console.warn(
             `The item you're trying to slide doesn't exist. id: ${o}`
           );
           return;
         }
-        p > h.current ? H(p) : X(p);
+        l > p.current ? H(l) : G(l);
       }
     }
   };
 }
 export {
-  we as useSpringCarousel
+  Ee as useSpringCarousel
 };

package/dist/index.umd.js

@@ -1,16 +1,19 @@
-(function(O,$){typeof exports=="object"&&typeof module<"u"?$(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"],$):(O=typeof globalThis<"u"?globalThis:O||self,$(O["react-spring-carousel"]={},O["react/jsx-runtime"],O["@react-spring/web"],O.React))})(this,function(O,$,we,y){"use strict";function Ee(r,e,t){return Math.max(e,Math.min(r,t))}const g={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 re(r,e,t){return e===0||Math.abs(e)===1/0?Math.pow(r,t*5):r*e*t/(e+t*r)}function ne(r,e,t,n=.15){return n===0?Ee(r,e,t):r<e?-re(e-r,t-e,n)+e:r>t?+re(r-t,t-e,n)+t:r}function Te(r,[e,t],[n,s]){const[[i,c],[a,u]]=r;return[ne(e,i,c,n),ne(t,a,u,s)]}function xe(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 Se(r){var e=xe(r,"string");return typeof e=="symbol"?e:String(e)}function _(r,e,t){return e=Se(e),e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function se(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 l(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?se(Object(t),!0).forEach(function(n){_(r,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):se(Object(t)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(t,n))})}return r}const ie={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 oe(r){return r?r[0].toUpperCase()+r.slice(1):""}const Ie=["enter","leave"];function De(r=!1,e){return r&&!Ie.includes(e)}function ke(r,e="",t=!1){const n=ie[r],s=n&&n[e]||e;return"on"+oe(r)+oe(s)+(De(t,s)?"Capture":"")}const Ce=["gotpointercapture","lostpointercapture"];function Oe(r){let e=r.substring(2).toLowerCase();const t=!!~e.indexOf("passive");t&&(e=e.replace("passive",""));const n=Ce.includes(e)?"capturecapture":"capture",s=!!~e.indexOf(n);return s&&(e=e.replace("capture","")),{device:e,capture:s,passive:t}}function Ae(r,e=""){const t=ie[r],n=t&&t[e]||e;return r+n}function z(r){return"touches"in r}function ae(r){return z(r)?"touch":"pointerType"in r?r.pointerType:"mouse"}function Pe(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 $e(r){return r.type==="touchend"||r.type==="touchcancel"?r.changedTouches:r.targetTouches}function ce(r){return z(r)?$e(r)[0]:r}function Me(r){return Pe(r).map(e=>e.identifier)}function X(r){const e=ce(r);return z(r)?e.identifier:e.pointerId}function ue(r){const e=ce(r);return[e.clientX,e.clientY]}function Ne(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 Y(r,...e){return typeof r=="function"?r(...e):r}function Le(){}function Re(...r){return r.length===0?Le:r.length===1?r[0]:function(){let e;for(const t of r)e=t.apply(this,arguments)||e;return e}}function fe(r,e){return Object.assign({},e,r||{})}const Ve=32;class je{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?Y(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,Ne(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 D=t._delta.map(Math.abs);g.addTo(t._distance,D)}this.axisIntent&&this.axisIntent(e);const[c,a]=t._movement,[u,d]=n.threshold,{_step:f,values:x}=t;if(n.hasCustomTransform?(f[0]===!1&&(f[0]=Math.abs(c)>=u&&x[0]),f[1]===!1&&(f[1]=Math.abs(a)>=d&&x[1])):(f[0]===!1&&(f[0]=Math.abs(c)>=u&&Math.sign(c)*u),f[1]===!1&&(f[1]=Math.abs(a)>=d&&Math.sign(a)*d)),t.intentional=f[0]!==!1||f[1]!==!1,!t.intentional)return;const v=[0,0];if(n.hasCustomTransform){const[D,Q]=x;v[0]=f[0]!==!1?D-f[0]:0,v[1]=f[1]!==!1?Q-f[1]:0}else v[0]=f[0]!==!1?c-f[0]:0,v[1]=f[1]!==!1?a-f[1]:0;this.restrictToAxis&&!t._blocked&&this.restrictToAxis(v);const M=t.offset,A=t._active&&!t._blocked||t.active;A&&(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=Y(n.bounds,t)),this.setup&&this.setup()),t.movement=v,this.computeOffset()));const[S,N]=t.offset,[[I,P],[U,h]]=t._bounds;t.overflow=[S<I?-1:S>P?1:0,N<U?-1:N>h?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 R=t._active?n.rubberband||[0,0]:[0,0];if(t.offset=Te(t._bounds,t.offset,R),t.delta=g.sub(t.offset,M),this.computeMovement(),A&&(!t.last||i>Ve)){t.delta=g.sub(t.offset,M);const D=t.delta.map(Math.abs);g.addTo(t.distance,D),t.direction=t.delta.map(Math.sign),t._direction=t._delta.map(Math.sign),!t.first&&i>0&&(t.velocity=[D[0]/i,D[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(l(l(l({},t),e),{},{[this.aliasKey]:e.values}));s!==void 0&&(e.memo=s)}clean(){this.eventStore.clean(),this.timeoutStore.clean()}}function Ue([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 Ke extends je{constructor(...e){super(...e),_(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=g.add(this.state.lastOffset,this.state.movement)}computeMovement(){this.state.movement=g.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[ae(e)]:n.axisThreshold;t.axis=Ue(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 le=r=>r,de=.15,q={enabled(r=!0){return r},eventOptions(r,e,t){return l(l({},t.shared.eventOptions),r)},preventDefault(r=!1){return r},triggerAllEvents(r=!1){return r},rubberband(r=0){switch(r){case!0:return[de,de];case!1:return[0,0];default:return g.toVector(r)}},from(r){if(typeof r=="function")return r;if(r!=null)return g.toVector(r)},transform(r,e,t){const n=r||t.shared.transform;if(this.hasCustomTransform=!!n,process.env.NODE_ENV==="development"){const s=n||le;return i=>{const c=s(i);return(!isFinite(c[0])||!isFinite(c[1]))&&console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${c[0]},${[1]}]`),c}}return n||le},threshold(r){return g.toVector(r,0)}};process.env.NODE_ENV==="development"&&Object.assign(q,{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 Be=0,V=l(l({},q),{},{axis(r,e,{axis:t}){if(this.lockDirection=t==="lock",!this.lockDirection)return t},axisThreshold(r=Be){return r},bounds(r={}){if(typeof r=="function")return i=>V.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]]}}),he={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 ze extends Ke{constructor(...e){super(...e),_(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=V.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=X(e),n._pointerActive=!0,this.computeValues(ue(e)),this.computeInitial(),t.preventScrollAxis&&ae(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=X(e);if(t._pointerId!==void 0&&s!==t._pointerId)return;const i=ue(e);if(document.pointerLockElement===e.target?t._delta=[e.movementX,e.movementY]:(t._delta=g.sub(i,t._values),this.computeValues(i)),g.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=X(e);if(t._pointerId!==void 0&&s!==t._pointerId)return;this.state._pointerActive=!1,this.setActive(),this.compute(e);const[i,c]=t._distance;if(t.tap=i<=n.tapsThreshold&&c<=n.tapsThreshold,t.tap&&n.filterTaps)t._force=!0;else{const[a,u]=t._delta,[d,f]=t._movement,[x,v]=n.swipe.velocity,[M,A]=n.swipe.distance,S=n.swipe.duration;if(t.elapsedTime<S){const N=Math.abs(a/t.timeDelta),I=Math.abs(u/t.timeDelta);N>x&&Math.abs(d)>M&&(t.swipe[0]=Math.sign(a)),I>v&&Math.abs(f)>A&&(t.swipe[1]=Math.sign(u))}}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,Ye(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=he[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,g.addTo(n._movement,n._delta),this.compute(e),this.emit()}}keyUp(e){e.key in he&&(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 Ye(r){"persist"in r&&typeof r.persist=="function"&&r.persist()}const j=typeof window<"u"&&window.document&&window.document.createElement;function pe(){return j&&"ontouchstart"in window}function We(){return pe()||j&&window.navigator.maxTouchPoints>1}function Fe(){return j&&"onpointerdown"in window}function He(){return j&&"exitPointerLock"in window.document}function Xe(){try{return"constructor"in GestureEvent}catch{return!1}}const T={isBrowser:j,gesture:Xe(),touch:pe(),touchscreen:We(),pointer:Fe(),pointerLock:He()},qe=250,Ge=180,Je=.5,Qe=50,Ze=250,et=10,me={mouse:0,touch:0,pen:8},ge=l(l({},V),{},{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?qe: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=g.toVector(r,t?n:s?1:0);return this.filterTaps=t,this.tapsThreshold=n,i},swipe({velocity:r=Je,distance:e=Qe,duration:t=Ze}={}){return{velocity:this.transform(g.toVector(r)),distance:this.transform(g.toVector(e)),duration:t}},delay(r=0){switch(r){case!0:return Ge;case!1:return 0;default:return r}},axisThreshold(r){return r?l(l({},me),r):me},keyboardDisplacement(r=et){return r}});process.env.NODE_ENV==="development"&&Object.assign(ge,{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}}),l(l({},q),{},{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=c=>{const a=fe(Y(t,c),{min:-1/0,max:1/0});return[a.min,a.max]},i=c=>{const a=fe(Y(n,c),{min:-1/0,max:1/0});return[a.min,a.max]};return typeof t!="function"&&typeof n!="function"?[s(),i()]:c=>[s(c),i(c)]},threshold(r,e,t){return this.lockDirection=t.axis==="lock",g.toVector(r,this.lockDirection?[.1,3]:0)},modifierKey(r){return r===void 0?"ctrlKey":r},pinchOnWheel(r=!0){return r}}),l(l({},V),{},{mouseOnly:(r=!0)=>r}),l(l({},V),{},{mouseOnly:(r=!0)=>r});const ve=new Map,G=new Map;function tt(r){ve.set(r.key,r.engine),G.set(r.key,r.resolver)}const rt={key:"drag",engine:ze,resolver:ge};function nt(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 st(r,e){if(r==null)return{};var t=nt(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 it={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}},ot=["target","eventOptions","window","enabled","transform"];function W(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]=W(r[n],s);break;case"boolean":s&&(t[n]=r[n]);break}return t}function at(r,e,t={}){const n=r,{target:s,eventOptions:i,window:c,enabled:a,transform:u}=n,d=st(n,ot);if(t.shared=W({target:s,eventOptions:i,window:c,enabled:a,transform:u},it),e){const f=G.get(e);t[e]=W(l({shared:t.shared},d),f)}else for(const f in d){const x=G.get(f);if(x)t[f]=W(l({shared:t.shared},d[f]),x);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 ye{constructor(e,t){_(this,"_listeners",new Set),this._ctrl=e,this._gestureKey=t}add(e,t,n,s,i){const c=this._listeners,a=Ae(t,n),u=this._gestureKey?this._ctrl.config[this._gestureKey].eventOptions:{},d=l(l({},u),i);e.addEventListener(a,s,d);const f=()=>{e.removeEventListener(a,s,d),c.delete(f)};return c.add(f),f}clean(){this._listeners.forEach(e=>e()),this._listeners.clear()}}class ct{constructor(){_(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 ut{constructor(e){_(this,"gestures",new Set),_(this,"_targetEventStore",new ye(this)),_(this,"gestureEventStores",{}),_(this,"gestureTimeoutStores",{}),_(this,"handlers",{}),_(this,"config",{}),_(this,"pointerIds",new Set),_(this,"touchIds",new Set),_(this,"state",{shared:{shiftKey:!1,metaKey:!1,ctrlKey:!1,altKey:!1}}),ft(this,e)}setEventIds(e){if(z(e))return this.touchIds=new Set(Me(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=at(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 c of this.gestures){const a=this.config[c],u=_e(n,a.eventOptions,!!s);if(a.enabled){const d=ve.get(c);new d(this,e,c).bind(u)}}const i=_e(n,t.eventOptions,!!s);for(const c in this.nativeHandlers)i(c,"",a=>this.nativeHandlers[c](l(l({},this.state.shared),{},{event:a,args:e})),void 0,!0)}for(const i in n)n[i]=Re(...n[i]);if(!s)return n;for(const i in n){const{device:c,capture:a,passive:u}=Oe(i);this._targetEventStore.add(s,c,"",n[i],{capture:a,passive:u})}}}}function L(r,e){r.gestures.add(e),r.gestureEventStores[e]=new ye(r,e),r.gestureTimeoutStores[e]=new ct}function ft(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 _e=(r,e,t)=>(n,s,i,c={},a=!1)=>{var u,d;const f=(u=c.capture)!==null&&u!==void 0?u:e.capture,x=(d=c.passive)!==null&&d!==void 0?d:e.passive;let v=a?n:ke(n,s,f);t&&x&&(v+="Passive"),r[v]=r[v]||[],r[v].push(i)};function lt(r,e={},t,n){const s=y.useMemo(()=>new ut(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 dt(r,e){return tt(rt),lt({drag:r},e||{},"drag")}const J="RSC::Event";function ht(){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(J,s,!1),()=>{var i;(i=r.current)==null||i.removeEventListener(J,s,!1)}},[n])}function t(n){if(r.current){const s=new CustomEvent(J,{detail:n});r.current.dispatchEvent(s)}}return{useListenToCustomEvent:e,emitEvent:t}}function pt({init:r=!0,items:e,withLoop:t=!1,id:n,itemsPerSlide:s=1,gutter:i=0,startEndGutter:c=0,carouselAxis:a="x",slideType:u="fixed",startingPosition:d="start",enableGestures:f=!0,slideWhenDragThresholdIsReached:x=!0,onInit:v}){const M=y.useRef(r),A=y.useRef(null),S=y.useRef(null),N=y.useRef(0),I=y.useRef(!t),P=y.useRef(!1),U=y.useRef(0),h=y.useRef(0),[R,D]=we.useSpring(()=>({value:0,onChange({value:o}){(u==="fixed"||u==="fluid")&&A.current.style.setProperty(`--${n}-offset-position`,`${o.value}px`),u==="freeScroll"&&(S.current[a==="x"?"scrollLeft":"scrollTop"]=Math.abs(o.value))}}),[a]),Q=u!=="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:be,emitEvent:K}=ht();function Z(o){M.current&&(P.current||B({type:"next",toIndex:o,actionType:"click"}))}function ee(o){M.current&&(I.current||B({type:"prev",toIndex:o,actionType:"click"}))}function B({type:o,shouldAnimate:p=!0,toIndex:k,actionType:b}){const m=F(),H=!p;I.current=!1,P.current=!1;let C=R.value.get(),w=0;if(o==="next"&&(h.current+=1),o==="prev"&&(h.current===0?h.current=e.length-1:h.current-=1),k!==void 0&&(h.current=k),u!=="freeScroll"&&o==="next"){const E=te(t?m*(e.length*2):0);w=-(h.current*m),E-Math.abs(w)<m/1.2&&u==="fluid"&&!t&&(w=-E),!t&&Math.abs(w)>=E&&(P.current=!0,w=-E),t&&h.current===e.length&&(h.current=0,C=C+m*e.length,w=0)}if(u!=="freeScroll"&&o==="prev"&&(w=-(h.current*m),h.current===e.length-1&&(C=C-e.length*m),!t&&w>=0&&(I.current=!0,w=0)),u==="freeScroll"&&o==="next"){const E=S.current[a==="x"?"scrollLeft":"scrollTop"];C=E,w=E+m}if(u==="freeScroll"&&o==="prev"){const E=S.current[a==="x"?"scrollLeft":"scrollTop"];C=E,w=E-m}N.current=w,K(b==="resize"?{eventName:"onResize",sliceActionType:b,slideDirection:o,currentItem:{index:h.current,id:e.at(h.current).id,startReached:I.current,endReached:P.current}}:{eventName:"onSlideStartChange",sliceActionType:b,slideDirection:o,nextItem:{index:h.current,id:e.at(h.current).id,startReached:I.current,endReached:P.current}}),D.start({immediate:H,from:{value:C},to:{value:w},onRest({finished:E}){E&&u==="fixed"&&K({eventName:"onSlideChangeComplete",sliceActionType:b,slideDirection:o,currentItem:{index:h.current,id:e.at(h.current).id,startReached:I.current,endReached:P.current}}),E&&u==="fluid"&&K({eventName:"onSlideChangeComplete",sliceActionType:b,slideDirection:o,currentItem:{index:0,id:"",startReached:I.current,endReached:P.current}})}})}function F(){const o=S.current.children[0];let p=0;return p=o.getBoundingClientRect()[a==="x"?"width":"height"]+i,p}function te(o){const p=S.current;return p[a==="x"?"scrollWidth":"scrollHeight"]-p.getBoundingClientRect()[a==="x"?"width":"height"]-o}y.useEffect(()=>{function o(b,m){switch(b){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 p(b){if(A.current){let m=0;t&&(m=F()*e.length),m-=F()*o(d,s),m-=c,A.current.style.setProperty(`--${n}-offset-modifier`,`${-m}px`),b&&b()}}function k(){p(),B({type:"next",toIndex:h.current,shouldAnimate:!1,actionType:"resize"})}if(r&&(U.current=F()/4),r&&u==="fixed")return p(v),window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k)}},[r,t,n,a,i,d,u]);const mt=dt(o=>{if(!M.current)return;const p=o.dragging,k=o.offset[a==="x"?0:1],b=o.movement[a==="x"?0:1],m=b>U.current,H=b<-U.current,C=o.velocity;p&&(K({...o,eventName:"onDrag",slideActionType:"drag"}),D.start({value:k,immediate:!0,config:{velocity:C}}),x&&(m||H)&&o.cancel()),o.last&&(m?B({actionType:"drag",type:"prev"}):H?B({actionType:"drag",type:"next"}):D.start({value:N.current,config:{velocity:C}}))},{enabled:f&&u!=="freeScroll",axis:a,rubberband:!t,...t?{}:{bounds:()=>({right:0,left:-te(0),top:-te(0),bottom:0})},from:()=>[R.value.get(),R.value.get()]});return{carouselFragment:$.jsxs("div",{ref:A,className:"ReactSpringCarouselContainer","data-part":"Container","data-part-internal":`${n}-Container`,children:[$.jsx("style",{dangerouslySetInnerHTML:{__html:`
+(function(O,N){typeof exports=="object"&&typeof module<"u"?N(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"],N):(O=typeof globalThis<"u"?globalThis:O||self,N(O["react-spring-carousel"]={},O["react/jsx-runtime"],O["@react-spring/web"],O.React))})(this,function(O,N,we,y){"use strict";function Ee(r,e,t){return Math.max(e,Math.min(r,t))}const g={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 re(r,e,t){return e===0||Math.abs(e)===1/0?Math.pow(r,t*5):r*e*t/(e+t*r)}function ne(r,e,t,n=.15){return n===0?Ee(r,e,t):r<e?-re(e-r,t-e,n)+e:r>t?+re(r-t,t-e,n)+t:r}function xe(r,[e,t],[n,s]){const[[i,c],[a,u]]=r;return[ne(e,i,c,n),ne(t,a,u,s)]}function Se(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 Te(r){var e=Se(r,"string");return typeof e=="symbol"?e:String(e)}function _(r,e,t){return e=Te(e),e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function se(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 d(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?se(Object(t),!0).forEach(function(n){_(r,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):se(Object(t)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(t,n))})}return r}const ie={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 oe(r){return r?r[0].toUpperCase()+r.slice(1):""}const Ie=["enter","leave"];function De(r=!1,e){return r&&!Ie.includes(e)}function ke(r,e="",t=!1){const n=ie[r],s=n&&n[e]||e;return"on"+oe(r)+oe(s)+(De(t,s)?"Capture":"")}const Ce=["gotpointercapture","lostpointercapture"];function Oe(r){let e=r.substring(2).toLowerCase();const t=!!~e.indexOf("passive");t&&(e=e.replace("passive",""));const n=Ce.includes(e)?"capturecapture":"capture",s=!!~e.indexOf(n);return s&&(e=e.replace("capture","")),{device:e,capture:s,passive:t}}function Ae(r,e=""){const t=ie[r],n=t&&t[e]||e;return r+n}function Y(r){return"touches"in r}function ae(r){return Y(r)?"touch":"pointerType"in r?r.pointerType:"mouse"}function Pe(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 $e(r){return r.type==="touchend"||r.type==="touchcancel"?r.changedTouches:r.targetTouches}function ce(r){return Y(r)?$e(r)[0]:r}function Ne(r){return Pe(r).map(e=>e.identifier)}function G(r){const e=ce(r);return Y(r)?e.identifier:e.pointerId}function ue(r){const e=ce(r);return[e.clientX,e.clientY]}function Me(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 W(r,...e){return typeof r=="function"?r(...e):r}function Le(){}function Re(...r){return r.length===0?Le:r.length===1?r[0]:function(){let e;for(const t of r)e=t.apply(this,arguments)||e;return e}}function fe(r,e){return Object.assign({},e,r||{})}const Ve=32;class je{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?W(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,Me(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 D=t._delta.map(Math.abs);g.addTo(t._distance,D)}this.axisIntent&&this.axisIntent(e);const[c,a]=t._movement,[u,h]=n.threshold,{_step:f,values:S}=t;if(n.hasCustomTransform?(f[0]===!1&&(f[0]=Math.abs(c)>=u&&S[0]),f[1]===!1&&(f[1]=Math.abs(a)>=h&&S[1])):(f[0]===!1&&(f[0]=Math.abs(c)>=u&&Math.sign(c)*u),f[1]===!1&&(f[1]=Math.abs(a)>=h&&Math.sign(a)*h)),t.intentional=f[0]!==!1||f[1]!==!1,!t.intentional)return;const v=[0,0];if(n.hasCustomTransform){const[D,Q]=S;v[0]=f[0]!==!1?D-f[0]:0,v[1]=f[1]!==!1?Q-f[1]:0}else v[0]=f[0]!==!1?c-f[0]:0,v[1]=f[1]!==!1?a-f[1]:0;this.restrictToAxis&&!t._blocked&&this.restrictToAxis(v);const M=t.offset,A=t._active&&!t._blocked||t.active;A&&(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=W(n.bounds,t)),this.setup&&this.setup()),t.movement=v,this.computeOffset()));const[T,L]=t.offset,[[I,P],[K,p]]=t._bounds;t.overflow=[T<I?-1:T>P?1:0,L<K?-1:L>p?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 V=t._active?n.rubberband||[0,0]:[0,0];if(t.offset=xe(t._bounds,t.offset,V),t.delta=g.sub(t.offset,M),this.computeMovement(),A&&(!t.last||i>Ve)){t.delta=g.sub(t.offset,M);const D=t.delta.map(Math.abs);g.addTo(t.distance,D),t.direction=t.delta.map(Math.sign),t._direction=t._delta.map(Math.sign),!t.first&&i>0&&(t.velocity=[D[0]/i,D[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(d(d(d({},t),e),{},{[this.aliasKey]:e.values}));s!==void 0&&(e.memo=s)}clean(){this.eventStore.clean(),this.timeoutStore.clean()}}function Ue([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 Ke extends je{constructor(...e){super(...e),_(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=g.add(this.state.lastOffset,this.state.movement)}computeMovement(){this.state.movement=g.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[ae(e)]:n.axisThreshold;t.axis=Ue(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 le=r=>r,de=.15,X={enabled(r=!0){return r},eventOptions(r,e,t){return d(d({},t.shared.eventOptions),r)},preventDefault(r=!1){return r},triggerAllEvents(r=!1){return r},rubberband(r=0){switch(r){case!0:return[de,de];case!1:return[0,0];default:return g.toVector(r)}},from(r){if(typeof r=="function")return r;if(r!=null)return g.toVector(r)},transform(r,e,t){const n=r||t.shared.transform;if(this.hasCustomTransform=!!n,process.env.NODE_ENV==="development"){const s=n||le;return i=>{const c=s(i);return(!isFinite(c[0])||!isFinite(c[1]))&&console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${c[0]},${[1]}]`),c}}return n||le},threshold(r){return g.toVector(r,0)}};process.env.NODE_ENV==="development"&&Object.assign(X,{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 Be=0,j=d(d({},X),{},{axis(r,e,{axis:t}){if(this.lockDirection=t==="lock",!this.lockDirection)return t},axisThreshold(r=Be){return r},bounds(r={}){if(typeof r=="function")return i=>j.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]]}}),he={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 ze extends Ke{constructor(...e){super(...e),_(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=j.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=G(e),n._pointerActive=!0,this.computeValues(ue(e)),this.computeInitial(),t.preventScrollAxis&&ae(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=G(e);if(t._pointerId!==void 0&&s!==t._pointerId)return;const i=ue(e);if(document.pointerLockElement===e.target?t._delta=[e.movementX,e.movementY]:(t._delta=g.sub(i,t._values),this.computeValues(i)),g.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=G(e);if(t._pointerId!==void 0&&s!==t._pointerId)return;this.state._pointerActive=!1,this.setActive(),this.compute(e);const[i,c]=t._distance;if(t.tap=i<=n.tapsThreshold&&c<=n.tapsThreshold,t.tap&&n.filterTaps)t._force=!0;else{const[a,u]=t._delta,[h,f]=t._movement,[S,v]=n.swipe.velocity,[M,A]=n.swipe.distance,T=n.swipe.duration;if(t.elapsedTime<T){const L=Math.abs(a/t.timeDelta),I=Math.abs(u/t.timeDelta);L>S&&Math.abs(h)>M&&(t.swipe[0]=Math.sign(a)),I>v&&Math.abs(f)>A&&(t.swipe[1]=Math.sign(u))}}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,Ye(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=he[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,g.addTo(n._movement,n._delta),this.compute(e),this.emit()}}keyUp(e){e.key in he&&(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 Ye(r){"persist"in r&&typeof r.persist=="function"&&r.persist()}const U=typeof window<"u"&&window.document&&window.document.createElement;function pe(){return U&&"ontouchstart"in window}function We(){return pe()||U&&window.navigator.maxTouchPoints>1}function Fe(){return U&&"onpointerdown"in window}function He(){return U&&"exitPointerLock"in window.document}function Ge(){try{return"constructor"in GestureEvent}catch{return!1}}const x={isBrowser:U,gesture:Ge(),touch:pe(),touchscreen:We(),pointer:Fe(),pointerLock:He()},Xe=250,qe=180,Je=.5,Qe=50,Ze=250,et=10,me={mouse:0,touch:0,pen:8},ge=d(d({},j),{},{device(r,e,{pointer:{touch:t=!1,lock:n=!1,mouse:s=!1}={}}){return this.pointerLock=n&&x.pointerLock,x.touch&&t?"touch":this.pointerLock?"mouse":x.pointer&&!s?"pointer":x.touch?"touch":"mouse"},preventScrollAxis(r,e,{preventScroll:t}){if(this.preventScrollDelay=typeof t=="number"?t:t||t===void 0&&r?Xe:void 0,!(!x.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=g.toVector(r,t?n:s?1:0);return this.filterTaps=t,this.tapsThreshold=n,i},swipe({velocity:r=Je,distance:e=Qe,duration:t=Ze}={}){return{velocity:this.transform(g.toVector(r)),distance:this.transform(g.toVector(e)),duration:t}},delay(r=0){switch(r){case!0:return qe;case!1:return 0;default:return r}},axisThreshold(r){return r?d(d({},me),r):me},keyboardDisplacement(r=et){return r}});process.env.NODE_ENV==="development"&&Object.assign(ge,{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}}),d(d({},X),{},{device(r,e,{shared:t,pointer:{touch:n=!1}={}}){if(t.target&&!x.touch&&x.gesture)return"gesture";if(x.touch&&n)return"touch";if(x.touchscreen){if(x.pointer)return"pointer";if(x.touch)return"touch"}},bounds(r,e,{scaleBounds:t={},angleBounds:n={}}){const s=c=>{const a=fe(W(t,c),{min:-1/0,max:1/0});return[a.min,a.max]},i=c=>{const a=fe(W(n,c),{min:-1/0,max:1/0});return[a.min,a.max]};return typeof t!="function"&&typeof n!="function"?[s(),i()]:c=>[s(c),i(c)]},threshold(r,e,t){return this.lockDirection=t.axis==="lock",g.toVector(r,this.lockDirection?[.1,3]:0)},modifierKey(r){return r===void 0?"ctrlKey":r},pinchOnWheel(r=!0){return r}}),d(d({},j),{},{mouseOnly:(r=!0)=>r}),d(d({},j),{},{mouseOnly:(r=!0)=>r});const ve=new Map,q=new Map;function tt(r){ve.set(r.key,r.engine),q.set(r.key,r.resolver)}const rt={key:"drag",engine:ze,resolver:ge};function nt(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 st(r,e){if(r==null)return{};var t=nt(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 it={target(r){if(r)return()=>"current"in r?r.current:r},enabled(r=!0){return r},window(r=x.isBrowser?window:void 0){return r},eventOptions({passive:r=!0,capture:e=!1}={}){return{passive:r,capture:e}},transform(r){return r}},ot=["target","eventOptions","window","enabled","transform"];function F(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]=F(r[n],s);break;case"boolean":s&&(t[n]=r[n]);break}return t}function at(r,e,t={}){const n=r,{target:s,eventOptions:i,window:c,enabled:a,transform:u}=n,h=st(n,ot);if(t.shared=F({target:s,eventOptions:i,window:c,enabled:a,transform:u},it),e){const f=q.get(e);t[e]=F(d({shared:t.shared},h),f)}else for(const f in h){const S=q.get(f);if(S)t[f]=F(d({shared:t.shared},h[f]),S);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 ye{constructor(e,t){_(this,"_listeners",new Set),this._ctrl=e,this._gestureKey=t}add(e,t,n,s,i){const c=this._listeners,a=Ae(t,n),u=this._gestureKey?this._ctrl.config[this._gestureKey].eventOptions:{},h=d(d({},u),i);e.addEventListener(a,s,h);const f=()=>{e.removeEventListener(a,s,h),c.delete(f)};return c.add(f),f}clean(){this._listeners.forEach(e=>e()),this._listeners.clear()}}class ct{constructor(){_(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 ut{constructor(e){_(this,"gestures",new Set),_(this,"_targetEventStore",new ye(this)),_(this,"gestureEventStores",{}),_(this,"gestureTimeoutStores",{}),_(this,"handlers",{}),_(this,"config",{}),_(this,"pointerIds",new Set),_(this,"touchIds",new Set),_(this,"state",{shared:{shiftKey:!1,metaKey:!1,ctrlKey:!1,altKey:!1}}),ft(this,e)}setEventIds(e){if(Y(e))return this.touchIds=new Set(Ne(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=at(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 c of this.gestures){const a=this.config[c],u=_e(n,a.eventOptions,!!s);if(a.enabled){const h=ve.get(c);new h(this,e,c).bind(u)}}const i=_e(n,t.eventOptions,!!s);for(const c in this.nativeHandlers)i(c,"",a=>this.nativeHandlers[c](d(d({},this.state.shared),{},{event:a,args:e})),void 0,!0)}for(const i in n)n[i]=Re(...n[i]);if(!s)return n;for(const i in n){const{device:c,capture:a,passive:u}=Oe(i);this._targetEventStore.add(s,c,"",n[i],{capture:a,passive:u})}}}}function R(r,e){r.gestures.add(e),r.gestureEventStores[e]=new ye(r,e),r.gestureTimeoutStores[e]=new ct}function ft(r,e){e.drag&&R(r,"drag"),e.wheel&&R(r,"wheel"),e.scroll&&R(r,"scroll"),e.move&&R(r,"move"),e.pinch&&R(r,"pinch"),e.hover&&R(r,"hover")}const _e=(r,e,t)=>(n,s,i,c={},a=!1)=>{var u,h;const f=(u=c.capture)!==null&&u!==void 0?u:e.capture,S=(h=c.passive)!==null&&h!==void 0?h:e.passive;let v=a?n:ke(n,s,f);t&&S&&(v+="Passive"),r[v]=r[v]||[],r[v].push(i)};function lt(r,e={},t,n){const s=y.useMemo(()=>new ut(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 dt(r,e){return tt(rt),lt({drag:r},e||{},"drag")}const J="RSC::Event";function ht(){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(J,s,!1),()=>{var i;(i=r.current)==null||i.removeEventListener(J,s,!1)}},[n])}function t(n){if(r.current){const s=new CustomEvent(J,{detail:n});r.current.dispatchEvent(s)}}return{useListenToCustomEvent:e,emitEvent:t}}function pt({init:r=!0,items:e,withLoop:t=!1,id:n,itemsPerSlide:s=1,gutter:i=0,startEndGutter:c=0,carouselAxis:a="x",slideType:u="fixed",startingPosition:h="start",enableGestures:f=!0,slideWhenDragThresholdIsReached:S=!0,onInit:v}){const M=y.useRef(r),A=y.useRef(null),T=y.useRef(null),L=y.useRef(0),I=y.useRef(!t),P=y.useRef(!1),K=y.useRef(0),p=y.useRef(0),[V,D]=we.useSpring(()=>({value:0,onChange({value:o}){(u==="fixed"||u==="fluid")&&A.current.style.setProperty(`--${n}-offset-position`,`${o.value}px`),u==="freeScroll"&&(T.current[a==="x"?"scrollLeft":"scrollTop"]=Math.abs(o.value))}}),[a]),Q=u!=="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:be,emitEvent:B}=ht();function Z(o){M.current&&(P.current||z({type:"next",toIndex:o,actionType:"click"}))}function ee(o){M.current&&(I.current||z({type:"prev",toIndex:o,actionType:"click"}))}function z({type:o,shouldAnimate:l=!0,toIndex:k,actionType:b}){const m=H(),$=!l;I.current=!1,P.current=!1;let C=V.value.get(),w=0;if(o==="next"&&(p.current+=1),o==="prev"&&(p.current===0?p.current=e.length-1:p.current-=1),k!==void 0&&(p.current=k),u!=="freeScroll"&&o==="next"){const E=te(t?m*(e.length*2):0);w=-(p.current*m),E-Math.abs(w)<m/1.2&&u==="fluid"&&!t&&(w=-E),!t&&Math.abs(w)>=E&&(P.current=!0,w=-E),t&&p.current===e.length&&(p.current=0,C=C+m*e.length,w=0)}if(u!=="freeScroll"&&o==="prev"&&(w=-(p.current*m),p.current===e.length-1&&(C=C-e.length*m),!t&&w>=0&&(I.current=!0,w=0)),u==="freeScroll"&&o==="next"){const E=T.current[a==="x"?"scrollLeft":"scrollTop"];C=E,w=E+m}if(u==="freeScroll"&&o==="prev"){const E=T.current[a==="x"?"scrollLeft":"scrollTop"];C=E,w=E-m}L.current=w,B(b==="resize"?{eventName:"onResize",sliceActionType:b,slideDirection:o,currentItem:{index:p.current,id:e.at(p.current).id,startReached:I.current,endReached:P.current}}:{eventName:"onSlideStartChange",sliceActionType:b,slideDirection:o,nextItem:{index:p.current,id:e.at(p.current).id,startReached:I.current,endReached:P.current}}),D.start({immediate:$,from:{value:C},to:{value:w},onRest({finished:E}){E&&u==="fixed"&&B({eventName:"onSlideChangeComplete",sliceActionType:b,slideDirection:o,currentItem:{index:p.current,id:e.at(p.current).id,startReached:I.current,endReached:P.current}}),E&&u==="fluid"&&B({eventName:"onSlideChangeComplete",sliceActionType:b,slideDirection:o,currentItem:{index:0,id:"",startReached:I.current,endReached:P.current}})}})}function H(){const o=T.current.children[0];let l=0;return l=o.getBoundingClientRect()[a==="x"?"width":"height"]+i,l}function te(o){const l=T.current;return l[a==="x"?"scrollWidth":"scrollHeight"]-l.getBoundingClientRect()[a==="x"?"width":"height"]-o}function mt(){let o=0;const l=getComputedStyle(document.documentElement).getPropertyValue(`--${n}-start-end-gutter`);return l.includes("px")&&(o=Number(l.replace("px",""))),{totalStartEndGutterCssVar:o}}y.useEffect(()=>{function o(b,m){switch(b){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 l(b){if(A.current){const{totalStartEndGutterCssVar:m}=mt();document.documentElement.style.setProperty(`--${n}-start-end-gutter`,`${m}px`);let $=0;t&&($=H()*e.length),$-=H()*o(h,s),$-=m,A.current.style.setProperty(`--${n}-offset-modifier`,`${-$}px`),b&&b()}}function k(){l(),z({type:"next",toIndex:p.current,shouldAnimate:!1,actionType:"resize"})}if(r&&(K.current=H()/4),r&&u==="fixed")return l(v),window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k)}},[r,t,n,a,i,h,u]);const gt=dt(o=>{if(!M.current)return;const l=o.dragging,k=o.offset[a==="x"?0:1],b=o.movement[a==="x"?0:1],m=b>K.current,$=b<-K.current,C=o.velocity;l&&(B({...o,eventName:"onDrag",slideActionType:"drag"}),D.start({value:k,immediate:!0,config:{velocity:C}}),S&&(m||$)&&o.cancel()),o.last&&(m?z({actionType:"drag",type:"prev"}):$?z({actionType:"drag",type:"next"}):D.start({value:L.current,config:{velocity:C}}))},{enabled:f&&u!=="freeScroll",axis:a,rubberband:!t,...t?{}:{bounds:()=>({right:0,left:-te(0),top:-te(0),bottom:0})},from:()=>[V.value.get(),V.value.get()]});return{carouselFragment:N.jsxs("div",{ref:A,className:"ReactSpringCarouselContainer","data-part":"Container","data-part-internal":`${n}-Container`,children:[N.jsx("style",{dangerouslySetInnerHTML:{__html:`
+            :root {
+              --${n}-start-end-gutter: ${c*2}px;
+              --${n}-gutter: ${i}px;
+            }
             [data-part-internal="${n}-Container"] {
               display: flex;
               width: 100%;
               height: 100%;
               overflow: hidden;
-              --${n}-gutter: ${i}px;
               --${n}-items-per-slide: ${s};
               --${n}-offset-position: 0px;
               --${n}-offset-modifier: 0px;
               --${n}-scroll-x-value: ${u!=="freeScroll"&&a==="x"?`calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))`:"0px"};
               --${n}-scroll-y-value: ${u!=="freeScroll"&&a==="y"?`calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))`:"0px"};
-              --${n}-start-end-gutter: ${c*2}px;
+              
             }
             [data-part-internal="${n}-Track"] {
               display: flex;
@@ -26,4 +29,4 @@
               display: flex;
               flex: ${u==="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"};
             }
-          `}}),$.jsx("div",{ref:S,className:"ReactSpringCarouselTrack","data-part":"Track","data-part-internal":`${n}-Track`,...mt(),...u==="freeScroll"?{onWheel(){R.value.stop()}}:{},children:Q.map((o,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:be,index:p,isClonedItem:!!o.isClonedItem}):o.renderItem},`${o.id}-${p}`))})]}),useListenToCustomEvent:be,slideToNextItem:()=>Z(),slideToPrevItem:()=>ee(),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>h.current?Z(o):ee(o)}if(typeof o=="string"){const p=e.findIndex(k=>k.id===o);if(p<0){console.warn(`The item you're trying to slide doesn't exist. id: ${o}`);return}p>h.current?Z(p):ee(p)}}}}O.useSpringCarousel=pt,Object.defineProperty(O,Symbol.toStringTag,{value:"Module"})});
+          `}}),N.jsx("div",{ref:T,className:"ReactSpringCarouselTrack","data-part":"Track","data-part-internal":`${n}-Track`,...gt(),...u==="freeScroll"?{onWheel(){V.value.stop()}}:{},children:Q.map((o,l)=>N.jsx("div",{className:"ReactSpringCarouselItem","data-part":"Item","data-part-internal":`${n}-Item`,"data-id":o.id,children:typeof o.renderItem=="function"?o.renderItem({useListenToCustomEvent:be,index:l,isClonedItem:!!o.isClonedItem}):o.renderItem},`${o.id}-${l}`))})]}),useListenToCustomEvent:be,slideToNextItem:()=>Z(),slideToPrevItem:()=>ee(),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>p.current?Z(o):ee(o)}if(typeof o=="string"){const l=e.findIndex(k=>k.id===o);if(l<0){console.warn(`The item you're trying to slide doesn't exist. id: ${o}`);return}l>p.current?Z(l):ee(l)}}}}O.useSpringCarousel=pt,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.16",
+  "version": "3.0.0-beta-2.0.18",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.umd.js",