react-spring-carousel 3.0.0-beta-1.0.4095 → 3.0.0-beta-1.0.41

package/dist/index.es.js

@@ -74,7 +74,7 @@ function I(r) {
   }
   return r;
 }
-const Le = {
+const Ae = {
   pointer: {
     start: "down",
     change: "move",
@@ -104,7 +104,7 @@ function nt(r = !1, e) {
   return r && !rt.includes(e);
 }
 function it(r, e = "", t = !1) {
-  const n = Le[r], i = n && n[e] || e;
+  const n = Ae[r], i = n && n[e] || e;
   return "on" + Te(r) + Te(i) + (nt(t, i) ? "Capture" : "");
 }
 const st = ["gotpointercapture", "lostpointercapture"];
@@ -120,13 +120,13 @@ function ot(r) {
   };
 }
 function ct(r, e = "") {
-  const t = Le[r], n = t && t[e] || e;
+  const t = Ae[r], n = t && t[e] || e;
   return r + n;
 }
 function ae(r) {
   return "touches" in r;
 }
-function Ae(r) {
+function Le(r) {
   return ae(r) ? "touch" : "pointerType" in r ? r.pointerType : "mouse";
 }
 function at(r) {
@@ -138,18 +138,18 @@ function at(r) {
 function ut(r) {
   return r.type === "touchend" || r.type === "touchcancel" ? r.changedTouches : r.targetTouches;
 }
-function $e(r) {
+function Ve(r) {
   return ae(r) ? ut(r)[0] : r;
 }
 function lt(r) {
   return at(r).map((e) => e.identifier);
 }
 function ge(r) {
-  const e = $e(r);
+  const e = Ve(r);
   return ae(r) ? e.identifier : e.pointerId;
 }
 function De(r) {
-  const e = $e(r);
+  const e = Ve(r);
   return [e.clientX, e.clientY];
 }
 function ft(r) {
@@ -261,13 +261,13 @@ class gt {
     } else
       S[0] = u[0] !== !1 ? s - u[0] : 0, S[1] = u[1] !== !1 ? h - u[1] : 0;
     this.restrictToAxis && !t._blocked && this.restrictToAxis(S);
-    const A = t.offset, G = t._active && !t._blocked || t.active;
+    const L = t.offset, G = t._active && !t._blocked || t.active;
     G && (t.first = t._active && !t.active, t.last = !t._active && t.active, t.active = i[this.ingKey] = t._active, e && (t.first && ("bounds" in n && (t._bounds = ce(n.bounds, t)), this.setup && this.setup()), t.movement = S, this.computeOffset()));
-    const [T, C] = t.offset, [[N, Y], [X, v]] = t._bounds;
-    t.overflow = [T < N ? -1 : T > Y ? 1 : 0, C < X ? -1 : C > v ? 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 [T, C] = t.offset, [[N, Y], [X, b]] = t._bounds;
+    t.overflow = [T < N ? -1 : T > Y ? 1 : 0, C < X ? -1 : C > b ? 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 ee = t._active ? n.rubberband || [0, 0] : [0, 0];
-    if (t.offset = Ze(t._bounds, t.offset, ee), t.delta = k.sub(t.offset, A), this.computeMovement(), G && (!t.last || c > pt)) {
-      t.delta = k.sub(t.offset, A);
+    if (t.offset = Ze(t._bounds, t.offset, ee), t.delta = k.sub(t.offset, L), this.computeMovement(), G && (!t.last || c > pt)) {
+      t.delta = k.sub(t.offset, L);
       const w = t.delta.map(Math.abs);
       k.addTo(t.distance, w), t.direction = t.delta.map(Math.sign), t._direction = t._delta.map(Math.sign), !t.first && c > 0 && (t.velocity = [w[0] / c, w[1] / c], t.timeDelta = c);
     }
@@ -310,7 +310,7 @@ class vt extends gt {
   axisIntent(e) {
     const t = this.state, n = this.config;
     if (!t.axis && e) {
-      const i = typeof n.axisThreshold == "object" ? n.axisThreshold[Ae(e)] : n.axisThreshold;
+      const i = typeof n.axisThreshold == "object" ? n.axisThreshold[Le(e)] : n.axisThreshold;
       t.axis = mt(t._movement, i);
     }
     t._blocked = (n.lockDirection || !!n.axis) && !t.axis || !!n.axis && n.axis !== t.axis;
@@ -453,7 +453,7 @@ class yt extends vt {
     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 i = this.ctrl.setEventIds(e);
-    t.pointerCapture && e.target.setPointerCapture(e.pointerId), !(i && i.size > 1 && n._pointerActive) && (this.start(e), this.setupPointer(e), n._pointerId = ge(e), n._pointerActive = !0, this.computeValues(De(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));
+    t.pointerCapture && e.target.setPointerCapture(e.pointerId), !(i && i.size > 1 && n._pointerActive) && (this.start(e), this.setupPointer(e), n._pointerId = ge(e), n._pointerActive = !0, this.computeValues(De(e)), this.computeInitial(), t.preventScrollAxis && Le(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;
@@ -498,10 +498,10 @@ class yt extends vt {
     if (t.tap = c <= n.tapsThreshold && s <= n.tapsThreshold, t.tap && n.filterTaps)
       t._force = !0;
     else {
-      const [h, _] = t._delta, [E, u] = t._movement, [D, S] = n.swipe.velocity, [A, G] = n.swipe.distance, T = n.swipe.duration;
+      const [h, _] = t._delta, [E, u] = t._movement, [D, S] = n.swipe.velocity, [L, G] = n.swipe.distance, T = n.swipe.duration;
       if (t.elapsedTime < T) {
         const C = Math.abs(h / t.timeDelta), N = Math.abs(_ / t.timeDelta);
-        C > D && Math.abs(E) > A && (t.swipe[0] = Math.sign(h)), N > S && Math.abs(u) > G && (t.swipe[1] = Math.sign(_));
+        C > D && Math.abs(E) > L && (t.swipe[0] = Math.sign(h)), N > S && Math.abs(u) > G && (t.swipe[1] = Math.sign(_));
       }
     }
     this.emit();
@@ -561,11 +561,11 @@ function wt(r) {
   "persist" in r && typeof r.persist == "function" && r.persist();
 }
 const Z = typeof window < "u" && window.document && window.document.createElement;
-function Ve() {
+function $e() {
   return Z && "ontouchstart" in window;
 }
 function _t() {
-  return Ve() || Z && window.navigator.maxTouchPoints > 1;
+  return $e() || Z && window.navigator.maxTouchPoints > 1;
 }
 function xt() {
   return Z && "onpointerdown" in window;
@@ -580,10 +580,10 @@ function Et() {
     return !1;
   }
 }
-const L = {
+const A = {
   isBrowser: Z,
   gesture: Et(),
-  touch: Ve(),
+  touch: $e(),
   touchscreen: _t(),
   pointer: xt(),
   pointerLock: It()
@@ -599,12 +599,12 @@ const L = {
       mouse: i = !1
     } = {}
   }) {
-    return this.pointerLock = n && L.pointerLock, L.touch && t ? "touch" : this.pointerLock ? "mouse" : L.pointer && !i ? "pointer" : L.touch ? "touch" : "mouse";
+    return this.pointerLock = n && A.pointerLock, A.touch && t ? "touch" : this.pointerLock ? "mouse" : A.pointer && !i ? "pointer" : A.touch ? "touch" : "mouse";
   },
   preventScrollAxis(r, e, {
     preventScroll: t
   }) {
-    if (this.preventScrollDelay = typeof t == "number" ? t : t || t === void 0 && r ? St : void 0, !(!L.touchscreen || t === !1))
+    if (this.preventScrollDelay = typeof t == "number" ? t : t || t === void 0 && r ? St : void 0, !(!A.touchscreen || t === !1))
       return r || (t !== void 0 ? "y" : void 0);
   },
   pointerCapture(r, e, {
@@ -686,11 +686,11 @@ I(I({}, ye), {}, {
       touch: n = !1
     } = {}
   }) {
-    if (t.target && !L.touch && L.gesture) return "gesture";
-    if (L.touch && n) return "touch";
-    if (L.touchscreen) {
-      if (L.pointer) return "pointer";
-      if (L.touch) return "touch";
+    if (t.target && !A.touch && A.gesture) return "gesture";
+    if (A.touch && n) return "touch";
+    if (A.touchscreen) {
+      if (A.pointer) return "pointer";
+      if (A.touch) return "touch";
     }
   },
   bounds(r, e, {
@@ -754,7 +754,7 @@ function Rt(r, e) {
   }
   return t;
 }
-const Lt = {
+const At = {
   target(r) {
     if (r)
       return () => "current" in r ? r.current : r;
@@ -762,7 +762,7 @@ const Lt = {
   enabled(r = !0) {
     return r;
   },
-  window(r = L.isBrowser ? window : void 0) {
+  window(r = A.isBrowser ? window : void 0) {
     return r;
   },
   eventOptions({
@@ -777,7 +777,7 @@ const Lt = {
   transform(r) {
     return r;
   }
-}, At = ["target", "eventOptions", "window", "enabled", "transform"];
+}, Lt = ["target", "eventOptions", "window", "enabled", "transform"];
 function oe(r = {}, e) {
   const t = {};
   for (const [n, i] of Object.entries(e))
@@ -798,21 +798,21 @@ function oe(r = {}, e) {
     }
   return t;
 }
-function $t(r, e, t = {}) {
+function Vt(r, e, t = {}) {
   const n = r, {
     target: i,
     eventOptions: c,
     window: s,
     enabled: h,
     transform: _
-  } = n, E = Rt(n, At);
+  } = n, E = Rt(n, Lt);
   if (t.shared = oe({
     target: i,
     eventOptions: c,
     window: s,
     enabled: h,
     transform: _
-  }, Lt), e) {
+  }, At), e) {
     const u = be.get(e);
     t[e] = oe(I({
       shared: t.shared
@@ -848,7 +848,7 @@ class Ge {
     this._listeners.forEach((e) => e()), this._listeners.clear();
   }
 }
-class Vt {
+class $t {
   constructor() {
     O(this, "_timeouts", /* @__PURE__ */ new Map());
   }
@@ -884,7 +884,7 @@ class jt {
     this.handlers = e, this.nativeHandlers = t;
   }
   applyConfig(e, t) {
-    this.config = $t(e, t, this.config);
+    this.config = Vt(e, t, this.config);
   }
   clean() {
     this._targetEventStore.clean();
@@ -931,7 +931,7 @@ class jt {
   }
 }
 function H(r, e) {
-  r.gestures.add(e), r.gestureEventStores[e] = new Ge(r, e), r.gestureTimeoutStores[e] = new Vt();
+  r.gestures.add(e), r.gestureEventStores[e] = new Ge(r, e), r.gestureTimeoutStores[e] = new $t();
 }
 function Bt(r, e) {
   e.drag && H(r, "drag"), e.wheel && H(r, "wheel"), e.scroll && H(r, "scroll"), e.move && H(r, "move"), e.pinch && H(r, "pinch"), e.hover && H(r, "hover");
@@ -1047,7 +1047,7 @@ function qt({
   fadeIn: E = !1,
   initialActiveItem: u
 }) {
-  const [D, S] = qe(!1), A = R([]), G = R(!1), T = R(0), C = _ ?? "slide", N = i ? [
+  const [D, S] = qe(!1), L = R([]), G = R(!1), T = R(0), C = _ ?? "slide", N = i ? [
     ...e.map((o) => ({
       ...o,
       id: `prev-repeated-item-${o.id}`
@@ -1057,7 +1057,7 @@ function qt({
       ...o,
       id: `next-repeated-item-${o.id}`
     }))
-  ] : e, Y = R(n), X = R(0), v = Je().replace(/:/g, ""), ee = R(null), w = R(null), te = R(0), b = R(!0), g = R(!1), a = R(0), [$, re] = Ye(
+  ] : e, Y = R(n), X = R(0), b = Je().replace(/:/g, ""), ee = R(null), w = R(null), te = R(0), v = R(!0), g = R(!1), a = R(0), [V, re] = Ye(
     () => ({
       value: 0,
       onChange({ value: o }) {
@@ -1074,16 +1074,16 @@ function qt({
     return w.current[s === "x" ? "scrollWidth" : "scrollHeight"] - ee.current.getBoundingClientRect()[s === "x" ? "width" : "height"];
   }
   function q(o) {
-    o && A.current.push(o), Re("The carousel can't be initialized. List of errors:"), console.table(A.current);
+    o && L.current.push(o), Re("The carousel can't be initialized. List of errors:"), console.table(L.current);
   }
   function Ke() {
     return t === "freeScroll" ? {
       onWheel() {
-        $.value.stop();
+        V.value.stop();
       },
       onScroll(o) {
         const f = o.currentTarget, d = s === "x" ? f.scrollLeft : f.scrollTop, m = s === "x" ? f.scrollWidth - f.clientWidth : f.scrollHeight - f.clientHeight;
-        d === 0 ? b.current = !0 : d === m ? g.current = !0 : (b.current = !1, g.current = !1);
+        d === 0 ? v.current = !0 : d === m ? g.current = !0 : (v.current = !1, g.current = !1);
       }
     } : {};
   }
@@ -1091,11 +1091,11 @@ function qt({
     let o = 0, f = 0, d = 0;
     const m = getComputedStyle(
       document.documentElement
-    ).getPropertyValue(`--${v}-react-spring-carousel-item-gutter`), l = getComputedStyle(
+    ).getPropertyValue(`--${b}-react-spring-carousel-item-gutter`), l = getComputedStyle(
       document.documentElement
-    ).getPropertyValue(`--${v}-react-spring-carousel-items-per-slide`), p = getComputedStyle(
+    ).getPropertyValue(`--${b}-react-spring-carousel-items-per-slide`), p = getComputedStyle(
       document.documentElement
-    ).getPropertyValue(`--${v}-react-spring-carousel-item-gutter`);
+    ).getPropertyValue(`--${b}-react-spring-carousel-item-gutter`);
     return p.includes("px") && (o = Number(p.replace("px", ""))), d = Number(l) || 1, m.includes("px") && (f = Number(
       m.replace("px", "")
     )), { totalGutterCssVar: o, totalStartEndGutterCssVar: f, itemsPerSlide: d };
@@ -1107,41 +1107,41 @@ function qt({
     shouldAnimate: m = !0
   }) {
     var B, F, J, ie, we, _e, xe;
-    let l = 0, p = $.value.get();
-    if (b.current = !1, g.current = !1, t === "fixed") {
+    let l = 0, p = V.value.get();
+    if (v.current = !1, g.current = !1, t === "fixed") {
       const M = a.current;
       if (o === "prev" && (a.current = d ?? a.current - 1), o === "next" && (a.current = d ?? a.current + 1), i && C === "group" && T.current > 1 && o === "next") {
         const x = e.length / T.current, j = Math.ceil(x) - 1 === a.current, W = Math.ceil(x) === a.current;
-        j && (g.current = !0), l = -(a.current * y()), W && (a.current = 0, p = $.value.get() + y() * x, l = 0, g.current = !1, b.current = !0);
+        j && (g.current = !0), l = -(a.current * y()), W && (a.current = 0, p = V.value.get() + y() * x, l = 0, g.current = !1, v.current = !0);
       }
       if (i && C === "group" && T.current > 1 && o === "prev") {
         const x = e.length / T.current, j = a.current === 0, W = a.current === -1;
-        l = -(a.current * y()), j && (b.current = !0), W && (b.current = !1, g.current = !0, a.current = x - 1, p = $.value.get() - y() * x, l = -y() * x + y());
+        l = -(a.current * y()), j && (v.current = !0), W && (v.current = !1, g.current = !0, a.current = x - 1, p = V.value.get() - y() * x, l = -y() * x + y());
       }
       if (!i && C === "group" && T.current > 1) {
         const x = e.length / T.current, j = 2 % x !== 0, W = Math.ceil(x - 1) === a.current, he = a.current === 0;
-        l = -(a.current * y()), he && (b.current = !0), W && (g.current = !0, j && (l = -K()));
+        l = -(a.current * y()), he && (v.current = !0), W && (g.current = !0, j && (l = -K()));
       }
       if (i && o === "next" && (C === "slide" || C === "group" && T.current === 1)) {
         const x = ((B = e[a.current]) == null ? void 0 : B.id) === e[e.length - 1].id, j = N[e.length + a.current].id.includes(
           "repeated-item"
         );
-        x && (g.current = !0), j && (a.current = 0, p = $.value.get() + y() * e.length, g.current = !1, b.current = !0), l = -(a.current * y());
+        x && (g.current = !0), j && (a.current = 0, p = V.value.get() + y() * e.length, g.current = !1, v.current = !0), l = -(a.current * y());
       }
       if (i && o === "prev" && (C === "slide" || C === "group" && T.current === 1)) {
         const x = N.findIndex(
           (he) => he.id === e[M].id
         ), j = ((F = e[a.current]) == null ? void 0 : F.id) === e[0].id, W = N[x - 1].id.includes("repeated-item");
-        j && (b.current = !0), W && (b.current = !1, g.current = !0, a.current = e.length - 1, p = $.value.get() - y() * e.length), l = -(a.current * y());
+        j && (v.current = !0), W && (v.current = !1, g.current = !0, a.current = e.length - 1, p = V.value.get() - y() * e.length), l = -(a.current * y());
       }
-      !i && C === "slide" && (((J = e[a.current + 1]) == null ? void 0 : J.id) === e[e.length - 1].id ? g.current = !0 : a.current === 0 ? b.current = !0 : (b.current = !1, g.current = !1), l = -(a.current * y()), o === "next" && Math.abs(l) > K() && (g.current = !0, l = -K())), U({
+      !i && C === "slide" && (((J = e[a.current + 1]) == null ? void 0 : J.id) === e[e.length - 1].id ? g.current = !0 : a.current === 0 ? v.current = !0 : (v.current = !1, g.current = !1), l = -(a.current * y()), o === "next" && Math.abs(l) > K() && (g.current = !0, l = -K())), U({
         eventName: "onSlideStartChange",
         sliceActionType: f,
         slideDirection: o,
         nextItem: {
           index: a.current,
           id: e[a.current].id,
-          startReached: b.current,
+          startReached: v.current,
           endReached: g.current
         }
       });
@@ -1151,20 +1151,20 @@ function qt({
         const M = ((ie = e[a.current]) == null ? void 0 : ie.id) === e[e.length - 1].id, x = N[e.length + a.current].id.includes(
           "repeated-item"
         );
-        M && (g.current = !0), x && (a.current = 0, p = $.value.get() + y() * e.length, l = 0, g.current = !1, b.current = !0);
+        M && (g.current = !0), x && (a.current = 0, p = V.value.get() + y() * e.length, l = 0, g.current = !1, v.current = !0);
       }
-      if (o === "next" && !i && (Math.abs(l) > K() ? (g.current = !0, l = -K()) : (b.current = !1, g.current = !1)), o === "prev" && !i && ((we = e[a.current]) == null ? void 0 : we.id) === e[0].id && (b.current = !0), o === "prev" && i) {
+      if (o === "next" && !i && (Math.abs(l) > K() ? (g.current = !0, l = -K()) : (v.current = !1, g.current = !1)), o === "prev" && !i && ((we = e[a.current]) == null ? void 0 : we.id) === e[0].id && (v.current = !0), o === "prev" && i) {
         const M = ((_e = e[a.current]) == null ? void 0 : _e.id) === e[0].id, x = (xe = N[e.length + a.current]) == null ? void 0 : xe.id.includes(
           "repeated-item"
         );
-        M && (b.current = !0), x && (a.current = e.length - 1, p = $.value.get() - y() * e.length, l = -(y() * e.length - y()), b.current = !1, g.current = !0);
+        M && (v.current = !0), x && (a.current = e.length - 1, p = V.value.get() - y() * e.length, l = -(y() * e.length - y()), v.current = !1, g.current = !0);
       }
       U({
         eventName: "onSlideStartChange",
         sliceActionType: f,
         slideDirection: o,
         nextItem: {
-          startReached: b.current,
+          startReached: v.current,
           endReached: g.current,
           index: 0,
           id: ""
@@ -1173,14 +1173,14 @@ function qt({
     }
     if (t === "freeScroll") {
       const M = w.current[s === "x" ? "scrollLeft" : "scrollTop"], x = s === "x" ? w.current.scrollWidth - w.current.clientWidth : w.current.scrollHeight - w.current.clientHeight;
-      p = M, o === "prev" && (l = p - y(), l < 0 && (l = 0), p - y() <= 0 && (b.current = !0), U({
+      p = M, o === "prev" && (l = p - y(), l < 0 && (l = 0), p - y() <= 0 && (v.current = !0), U({
         eventName: "onSlideStartChange",
         sliceActionType: f,
         slideDirection: o,
         nextItem: {
           index: 0,
           id: "",
-          startReached: b.current,
+          startReached: v.current,
           endReached: !1
         }
       })), o === "next" && (l = p + y(), l > x && (l = x), p + y() >= x && (g.current = !0), U({
@@ -1195,13 +1195,13 @@ function qt({
         }
       }));
     }
-    const P = z(p), V = z(l);
-    te.current = V, re.start({
+    const P = z(p), $ = z(l);
+    te.current = $, re.start({
       from: {
         value: P
       },
       to: {
-        value: V
+        value: $
       },
       immediate: !m,
       onRest({ finished: M }) {
@@ -1212,7 +1212,7 @@ function qt({
           currentItem: {
             index: a.current,
             id: e[a.current].id,
-            startReached: b.current,
+            startReached: v.current,
             endReached: g.current
           }
         }), M && t === "fluid" && U({
@@ -1222,7 +1222,7 @@ function qt({
           currentItem: {
             index: 0,
             id: "",
-            startReached: b.current,
+            startReached: v.current,
             endReached: g.current
           }
         });
@@ -1254,7 +1254,7 @@ function qt({
       q("Carousel not initialized yet: slideToPrevItem");
       return;
     }
-    if (o === "drag" || t === "fixed" && i || t === "fixed" && !i && !b.current) {
+    if (o === "drag" || t === "fixed" && i || t === "fixed" && !i && !v.current) {
       const m = f ?? a.current - 1;
       ne({
         type: "prev",
@@ -1263,7 +1263,7 @@ function qt({
         shouldAnimate: d
       });
     }
-    (t === "fluid" && i || t === "fluid" && !i && !b.current || t === "freeScroll" && !b.current) && ne({
+    (t === "fluid" && i || t === "fluid" && !i && !v.current || t === "freeScroll" && !v.current) && ne({
       type: "prev",
       actionType: o,
       shouldAnimate: d
@@ -1287,9 +1287,9 @@ function qt({
     }
     const l = m.children[f];
     if (l) {
-      const p = m[s === "x" ? "scrollWidth" : "scrollHeight"] - m.getBoundingClientRect()[s === "x" ? "width" : "height"], V = l.offsetLeft + l.offsetWidth / 2 - m.clientWidth / 2, B = Ft(l);
+      const p = m[s === "x" ? "scrollWidth" : "scrollHeight"] - m.getBoundingClientRect()[s === "x" ? "width" : "height"], $ = l.offsetLeft + l.offsetWidth / 2 - m.clientWidth / 2, B = Ft(l);
       if (B.isOut) {
-        const F = B.direction === "start" ? V < 0 ? 0 : V : V > p ? p : V, J = m[s === "x" ? "scrollLeft" : "scrollTop"];
+        const F = B.direction === "start" ? $ < 0 ? 0 : $ : $ > p ? p : $, J = m[s === "x" ? "scrollLeft" : "scrollTop"];
         new Xe({
           from: {
             value: J
@@ -1344,7 +1344,7 @@ function qt({
           bottom: 0
         })
       },
-      from: () => [$.value.get(), $.value.get()]
+      from: () => [V.value.get(), V.value.get()]
     }
   );
   return ve(() => {
@@ -1368,23 +1368,23 @@ function qt({
     function m() {
       const p = w.current.children[0];
       let P = 0;
-      const V = t === "fixed" && C === "group" && T.current > 1;
-      V ? P = z(
+      const $ = t === "fixed" && C === "group" && T.current > 1;
+      $ ? P = z(
         w.current.getBoundingClientRect()[s === "x" ? "width" : "height"]
       ) : P = z(
         p.getBoundingClientRect()[s === "x" ? "width" : "height"]
       );
       const { totalGutterCssVar: B, totalStartEndGutterCssVar: F } = ue();
-      return P += B, V && (P -= F), Y.current = P, P;
+      return P += B, $ && (P -= F), Y.current = P, P;
     }
     function l() {
-      A.current = [];
+      L.current = [];
       const { itemsPerSlide: p } = ue();
       if (console.log({ _itemsPerSlide: p }), T.current = p, N.length === 0 && Re(
         "Init is true but no items are available; carousel will not be initialized"
-      ), t === "fixed" && C === "group" && e.length % T.current !== 0 && A.current.push("When using scrollAmountType='group' and itemsPerSlide={number>1} make sure that itemsPerSlides is divisible by the total quantity of items otherwise the carousel won't initialize."), t === "fluid" && _ !== void 0 && A.current.push(
+      ), t === "fixed" && C === "group" && e.length % T.current !== 0 && L.current.push("When using scrollAmountType='group' and itemsPerSlide={number>1} make sure that itemsPerSlides is divisible by the total quantity of items otherwise the carousel won't initialize."), t === "fluid" && _ !== void 0 && L.current.push(
         'scrollAmountType="group" is not available for slideType="fluid"; please change one of them.'
-      ), A.current.length > 0) {
+      ), L.current.length > 0) {
         q();
         return;
       }
@@ -1417,46 +1417,46 @@ function qt({
       /* @__PURE__ */ se(
         "style",
         {
-          id: `carousel-container-${v}`,
+          id: `carousel-container-${b}`,
           dangerouslySetInnerHTML: {
             __html: Wt(`
             :root {
-              --${v}-react-spring-carousel-item-gutter: 0px;
-              --${v}-react-spring-carousel-start-end-gutter: 0px;
-              --${v}-react-spring-carousel-items-per-slide: 1;
+              --${b}-react-spring-carousel-item-gutter: 0px;
+              --${b}-react-spring-carousel-start-end-gutter: 0px;
+              --${b}-react-spring-carousel-items-per-slide: 1;
             }
-            .carousel-${v} {
+            .carousel-${b} {
               display: flex;
               overflow: hidden;
               width: 100%;
-              height: ${s === "x" ? "100%" : `calc(100% - var(--${v}-react-spring-carousel-start-end-gutter) * 2)`};
-              padding: ${s === "x" ? `0px var(--${v}-react-spring-carousel-start-end-gutter)` : `var(--${v}-react-spring-carousel-start-end-gutter) 0px`};
+              height: 100%;
+              padding: ${s === "x" ? `0px var(--${b}-react-spring-carousel-start-end-gutter)` : `var(--${b}-react-spring-carousel-start-end-gutter) 0px`};
             }
-            .carousel-${v} .use-spring-carousel-track {
+            .carousel-${b} .use-spring-carousel-track {
               display: flex;
               width: 100%;
               position: relative;
               flex-direction: ${s === "x" ? "row" : "column"};
-              gap: var(--${v}-react-spring-carousel-item-gutter);
+              gap: var(--${b}-react-spring-carousel-item-gutter);
               touch-action: ${c ? s === "x" ? "pan-y" : "pan-x" : "auto"};
               overflow-x: ${t === "freeScroll" && s === "x" ? "auto" : "initial"};
               overflow-y: ${t === "freeScroll" && s === "y" ? "auto" : "initial"};
             }
-            .carousel-${v} .use-spring-carousel-track::after {
+            .carousel-${b} .use-spring-carousel-track::after {
               content: "";
               visibility: hidden;
               display: block;
-              width: var(--${v}-react-spring-carousel-start-end-gutter);
+              width: var(--${b}-react-spring-carousel-start-end-gutter);
               flex-shrink: 0;
             }
-            .carousel-${v} .use-spring-carousel-item {
+            .carousel-${b} .use-spring-carousel-item {
               position: relative;
               display: flex;
               width: 100%;
               height: 100%;
-              ${t === "fixed" ? `flex: 0 0 calc(100% / var(--${v}-react-spring-carousel-items-per-slide) - calc(var(--${v}-react-spring-carousel-item-gutter) * (var(--${v}-react-spring-carousel-items-per-slide) - 1) / var(--${v}-react-spring-carousel-items-per-slide)));` : ""}
+              ${t === "fixed" ? `flex: 0 0 calc(100% / var(--${b}-react-spring-carousel-items-per-slide) - calc(var(--${b}-react-spring-carousel-item-gutter) * (var(--${b}-react-spring-carousel-items-per-slide) - 1) / var(--${b}-react-spring-carousel-items-per-slide)));` : ""}
             }
-            ${E ? `.carousel-${v} .use-spring-carousel-item {
+            ${E ? `.carousel-${b} .use-spring-carousel-item {
                   position: absolute;
                   top: 0;
                   left: 0;
@@ -1464,7 +1464,7 @@ function qt({
                   height: 100%;
                   opacity: 0;
                 }
-                .carousel-${v} .use-spring-carousel-item:first-child {
+                .carousel-${b} .use-spring-carousel-item:first-child {
                   opacity: 1;
                 }`.trim() : ""}`)
           }
@@ -1473,7 +1473,7 @@ function qt({
       /* @__PURE__ */ se(
         "div",
         {
-          className: `use-spring-carousel-container carousel-${v}`,
+          className: `use-spring-carousel-container carousel-${b}`,
           ref: ee,
           "data-carousel-direction": s,
           children: /* @__PURE__ */ se(
@@ -1508,7 +1508,7 @@ function qt({
       de(o, f);
     },
     handleThumbsContainerScroll: Fe,
-    carouselId: v
+    carouselId: b
   };
 }
 export {

package/dist/index.umd.js

@@ -1,41 +1,41 @@
-(function(B,$){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"],$):(B=typeof globalThis<"u"?globalThis:B||self,$(B["react-spring-carousel"]={},B["react/jsx-runtime"],B["@react-spring/web"],B.React))})(this,function(B,$,ye,E){"use strict";function Ue(r,e,t){return Math.max(e,Math.min(r,t))}const k={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 we(r,e,t){return e===0||Math.abs(e)===1/0?Math.pow(r,t*5):r*e*t/(e+t*r)}function xe(r,e,t,n=.15){return n===0?Ue(r,e,t):r<e?-we(e-r,t-e,n)+e:r>t?+we(r-t,t-e,n)+t:r}function Ke(r,[e,t],[n,i]){const[[c,s],[h,_]]=r;return[xe(e,c,s,n),xe(t,h,_,i)]}function Fe(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||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(r)}function We(r){var e=Fe(r,"string");return typeof e=="symbol"?e:String(e)}function P(r,e,t){return e=We(e),e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function _e(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),t.push.apply(t,n)}return t}function x(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?_e(Object(t),!0).forEach(function(n){P(r,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):_e(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 Ee(r){return r?r[0].toUpperCase()+r.slice(1):""}const ze=["enter","leave"];function He(r=!1,e){return r&&!ze.includes(e)}function Ye(r,e="",t=!1){const n=Ie[r],i=n&&n[e]||e;return"on"+Ee(r)+Ee(i)+(He(t,i)?"Capture":"")}const Xe=["gotpointercapture","lostpointercapture"];function qe(r){let e=r.substring(2).toLowerCase();const t=!!~e.indexOf("passive");t&&(e=e.replace("passive",""));const n=Xe.includes(e)?"capturecapture":"capture",i=!!~e.indexOf(n);return i&&(e=e.replace("capture","")),{device:e,capture:i,passive:t}}function Je(r,e=""){const t=Ie[r],n=t&&t[e]||e;return r+n}function re(r){return"touches"in r}function Se(r){return re(r)?"touch":"pointerType"in r?r.pointerType:"mouse"}function Qe(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 Ze(r){return r.type==="touchend"||r.type==="touchcancel"?r.changedTouches:r.targetTouches}function Te(r){return re(r)?Ze(r)[0]:r}function et(r){return Qe(r).map(e=>e.identifier)}function le(r){const e=Te(r);return re(r)?e.identifier:e.pointerId}function De(r){const e=Te(r);return[e.clientX,e.clientY]}function tt(r){const e={};if("buttons"in r&&(e.buttons=r.buttons),"shiftKey"in r){const{shiftKey:t,altKey:n,metaKey:i,ctrlKey:c}=r;Object.assign(e,{shiftKey:t,altKey:n,metaKey:i,ctrlKey:c})}return e}function ne(r,...e){return typeof r=="function"?r(...e):r}function rt(){}function nt(...r){return r.length===0?rt:r.length===1?r[0]:function(){let e;for(const t of r)e=t.apply(this,arguments)||e;return e}}function Ce(r,e){return Object.assign({},e,r||{})}const it=32;class st{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:i}=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=i,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?ne(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:i}=this;t.args=this.args;let c=0;if(e&&(t.event=e,n.preventDefault&&e.cancelable&&t.event.preventDefault(),t.type=e.type,i.touches=this.ctrl.pointerIds.size||this.ctrl.touchIds.size,i.locked=!!document.pointerLockElement,Object.assign(i,tt(e)),i.down=i.pressed=i.buttons%2===1||i.touches>0,c=e.timeStamp-t.timeStamp,t.timeStamp=e.timeStamp,t.elapsedTime=t.timeStamp-t.startTime),t._active){const w=t._delta.map(Math.abs);k.addTo(t._distance,w)}this.axisIntent&&this.axisIntent(e);const[s,h]=t._movement,[_,S]=n.threshold,{_step:u,values:C}=t;if(n.hasCustomTransform?(u[0]===!1&&(u[0]=Math.abs(s)>=_&&C[0]),u[1]===!1&&(u[1]=Math.abs(h)>=S&&C[1])):(u[0]===!1&&(u[0]=Math.abs(s)>=_&&Math.sign(s)*_),u[1]===!1&&(u[1]=Math.abs(h)>=S&&Math.sign(h)*S)),t.intentional=u[0]!==!1||u[1]!==!1,!t.intentional)return;const T=[0,0];if(n.hasCustomTransform){const[w,oe]=C;T[0]=u[0]!==!1?w-u[0]:0,T[1]=u[1]!==!1?oe-u[1]:0}else T[0]=u[0]!==!1?s-u[0]:0,T[1]=u[1]!==!1?h-u[1]:0;this.restrictToAxis&&!t._blocked&&this.restrictToAxis(T);const V=t.offset,F=t._active&&!t._blocked||t.active;F&&(t.first=t._active&&!t.active,t.last=!t._active&&t.active,t.active=i[this.ingKey]=t._active,e&&(t.first&&("bounds"in n&&(t._bounds=ne(n.bounds,t)),this.setup&&this.setup()),t.movement=T,this.computeOffset()));const[D,O]=t.offset,[[L,Q],[Z,v]]=t._bounds;t.overflow=[D<L?-1:D>Q?1:0,O<Z?-1:O>v?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 se=t._active?n.rubberband||[0,0]:[0,0];if(t.offset=Ke(t._bounds,t.offset,se),t.delta=k.sub(t.offset,V),this.computeMovement(),F&&(!t.last||c>it)){t.delta=k.sub(t.offset,V);const w=t.delta.map(Math.abs);k.addTo(t.distance,w),t.direction=t.delta.map(Math.sign),t._direction=t._delta.map(Math.sign),!t.first&&c>0&&(t.velocity=[w[0]/c,w[1]/c],t.timeDelta=c)}}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 i=this.handler(x(x(x({},t),e),{},{[this.aliasKey]:e.values}));i!==void 0&&(e.memo=i)}clean(){this.eventStore.clean(),this.timeoutStore.clean()}}function ot([r,e],t){const n=Math.abs(r),i=Math.abs(e);if(n>i&&n>t)return"x";if(i>n&&i>t)return"y"}class ct extends st{constructor(...e){super(...e),P(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=k.add(this.state.lastOffset,this.state.movement)}computeMovement(){this.state.movement=k.sub(this.state.offset,this.state.lastOffset)}axisIntent(e){const t=this.state,n=this.config;if(!t.axis&&e){const i=typeof n.axisThreshold=="object"?n.axisThreshold[Se(e)]:n.axisThreshold;t.axis=ot(t._movement,i)}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 ke=r=>r,Oe=.15,fe={enabled(r=!0){return r},eventOptions(r,e,t){return x(x({},t.shared.eventOptions),r)},preventDefault(r=!1){return r},triggerAllEvents(r=!1){return r},rubberband(r=0){switch(r){case!0:return[Oe,Oe];case!1:return[0,0];default:return k.toVector(r)}},from(r){if(typeof r=="function")return r;if(r!=null)return k.toVector(r)},transform(r,e,t){const n=r||t.shared.transform;if(this.hasCustomTransform=!!n,process.env.NODE_ENV==="development"){const i=n||ke;return c=>{const s=i(c);return(!isFinite(s[0])||!isFinite(s[1]))&&console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${s[0]},${[1]}]`),s}}return n||ke},threshold(r){return k.toVector(r,0)}};process.env.NODE_ENV==="development"&&Object.assign(fe,{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 at=0,q=x(x({},fe),{},{axis(r,e,{axis:t}){if(this.lockDirection=t==="lock",!this.lockDirection)return t},axisThreshold(r=at){return r},bounds(r={}){if(typeof r=="function")return c=>q.bounds(r(c));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:i=1/0}=r;return[[e,t],[n,i]]}}),Pe={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 ut extends ct{constructor(...e){super(...e),P(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(),i={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=q.bounds(i)}}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 i=this.ctrl.setEventIds(e);t.pointerCapture&&e.target.setPointerCapture(e.pointerId),!(i&&i.size>1&&n._pointerActive)&&(this.start(e),this.setupPointer(e),n._pointerId=le(e),n._pointerActive=!0,this.computeValues(De(e)),this.computeInitial(),t.preventScrollAxis&&Se(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 i=le(e);if(t._pointerId!==void 0&&i!==t._pointerId)return;const c=De(e);if(document.pointerLockElement===e.target?t._delta=[e.movementX,e.movementY]:(t._delta=k.sub(c,t._values),this.computeValues(c)),k.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 i=le(e);if(t._pointerId!==void 0&&i!==t._pointerId)return;this.state._pointerActive=!1,this.setActive(),this.compute(e);const[c,s]=t._distance;if(t.tap=c<=n.tapsThreshold&&s<=n.tapsThreshold,t.tap&&n.filterTaps)t._force=!0;else{const[h,_]=t._delta,[S,u]=t._movement,[C,T]=n.swipe.velocity,[V,F]=n.swipe.distance,D=n.swipe.duration;if(t.elapsedTime<D){const O=Math.abs(h/t.timeDelta),L=Math.abs(_/t.timeDelta);O>C&&Math.abs(S)>V&&(t.swipe[0]=Math.sign(h)),L>T&&Math.abs(u)>F&&(t.swipe[1]=Math.sign(_))}}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 i="uv"in e?e.sourceEvent.currentTarget:e.currentTarget;window.getComputedStyle(i).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.",i)}}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,lt(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=Pe[e.key];if(t){const n=this.state,i=e.shiftKey?10:e.altKey?.1:1;this.start(e),n._delta=t(this.config.keyboardDisplacement,i),n._keyboardActive=!0,k.addTo(n._movement,n._delta),this.compute(e),this.emit()}}keyUp(e){e.key in Pe&&(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 lt(r){"persist"in r&&typeof r.persist=="function"&&r.persist()}const J=typeof window<"u"&&window.document&&window.document.createElement;function Ne(){return J&&"ontouchstart"in window}function ft(){return Ne()||J&&window.navigator.maxTouchPoints>1}function dt(){return J&&"onpointerdown"in window}function ht(){return J&&"exitPointerLock"in window.document}function pt(){try{return"constructor"in GestureEvent}catch{return!1}}const M={isBrowser:J,gesture:pt(),touch:Ne(),touchscreen:ft(),pointer:dt(),pointerLock:ht()},gt=250,mt=180,vt=.5,bt=50,yt=250,wt=10,Me={mouse:0,touch:0,pen:8},Le=x(x({},q),{},{device(r,e,{pointer:{touch:t=!1,lock:n=!1,mouse:i=!1}={}}){return this.pointerLock=n&&M.pointerLock,M.touch&&t?"touch":this.pointerLock?"mouse":M.pointer&&!i?"pointer":M.touch?"touch":"mouse"},preventScrollAxis(r,e,{preventScroll:t}){if(this.preventScrollDelay=typeof t=="number"?t:t||t===void 0&&r?gt:void 0,!(!M.touchscreen||t===!1))return r||(t!==void 0?"y":void 0)},pointerCapture(r,e,{pointer:{capture:t=!0,buttons:n=1,keys:i=!0}={}}){return this.pointerButtons=n,this.keys=i,!this.pointerLock&&this.device==="pointer"&&t},threshold(r,e,{filterTaps:t=!1,tapsThreshold:n=3,axis:i=void 0}){const c=k.toVector(r,t?n:i?1:0);return this.filterTaps=t,this.tapsThreshold=n,c},swipe({velocity:r=vt,distance:e=bt,duration:t=yt}={}){return{velocity:this.transform(k.toVector(r)),distance:this.transform(k.toVector(e)),duration:t}},delay(r=0){switch(r){case!0:return mt;case!1:return 0;default:return r}},axisThreshold(r){return r?x(x({},Me),r):Me},keyboardDisplacement(r=wt){return r}});process.env.NODE_ENV==="development"&&Object.assign(Le,{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}}),x(x({},fe),{},{device(r,e,{shared:t,pointer:{touch:n=!1}={}}){if(t.target&&!M.touch&&M.gesture)return"gesture";if(M.touch&&n)return"touch";if(M.touchscreen){if(M.pointer)return"pointer";if(M.touch)return"touch"}},bounds(r,e,{scaleBounds:t={},angleBounds:n={}}){const i=s=>{const h=Ce(ne(t,s),{min:-1/0,max:1/0});return[h.min,h.max]},c=s=>{const h=Ce(ne(n,s),{min:-1/0,max:1/0});return[h.min,h.max]};return typeof t!="function"&&typeof n!="function"?[i(),c()]:s=>[i(s),c(s)]},threshold(r,e,t){return this.lockDirection=t.axis==="lock",k.toVector(r,this.lockDirection?[.1,3]:0)},modifierKey(r){return r===void 0?"ctrlKey":r},pinchOnWheel(r=!0){return r}}),x(x({},q),{},{mouseOnly:(r=!0)=>r}),x(x({},q),{},{mouseOnly:(r=!0)=>r});const Ae=new Map,de=new Map;function xt(r){Ae.set(r.key,r.engine),de.set(r.key,r.resolver)}const _t={key:"drag",engine:ut,resolver:Le};function It(r,e){if(r==null)return{};var t={},n=Object.keys(r),i,c;for(c=0;c<n.length;c++)i=n[c],!(e.indexOf(i)>=0)&&(t[i]=r[i]);return t}function Et(r,e){if(r==null)return{};var t=It(r,e),n,i;if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(i=0;i<c.length;i++)n=c[i],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(t[n]=r[n])}return t}const St={target(r){if(r)return()=>"current"in r?r.current:r},enabled(r=!0){return r},window(r=M.isBrowser?window:void 0){return r},eventOptions({passive:r=!0,capture:e=!1}={}){return{passive:r,capture:e}},transform(r){return r}},Tt=["target","eventOptions","window","enabled","transform"];function ie(r={},e){const t={};for(const[n,i]of Object.entries(e))switch(typeof i){case"function":if(process.env.NODE_ENV==="development"){const c=i.call(t,r[n],n,r);Number.isNaN(c)||(t[n]=c)}else t[n]=i.call(t,r[n],n,r);break;case"object":t[n]=ie(r[n],i);break;case"boolean":i&&(t[n]=r[n]);break}return t}function Dt(r,e,t={}){const n=r,{target:i,eventOptions:c,window:s,enabled:h,transform:_}=n,S=Et(n,Tt);if(t.shared=ie({target:i,eventOptions:c,window:s,enabled:h,transform:_},St),e){const u=de.get(e);t[e]=ie(x({shared:t.shared},S),u)}else for(const u in S){const C=de.get(u);if(C)t[u]=ie(x({shared:t.shared},S[u]),C);else if(process.env.NODE_ENV==="development"&&!["drag","pinch","scroll","wheel","move","hover"].includes(u)){if(u==="domTarget")throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");console.warn(`[@use-gesture]: Unknown config key \`${u}\` was used. Please read the documentation for further information.`)}}return t}class Ve{constructor(e,t){P(this,"_listeners",new Set),this._ctrl=e,this._gestureKey=t}add(e,t,n,i,c){const s=this._listeners,h=Je(t,n),_=this._gestureKey?this._ctrl.config[this._gestureKey].eventOptions:{},S=x(x({},_),c);e.addEventListener(h,i,S);const u=()=>{e.removeEventListener(h,i,S),s.delete(u)};return s.add(u),u}clean(){this._listeners.forEach(e=>e()),this._listeners.clear()}}class Ct{constructor(){P(this,"_timeouts",new Map)}add(e,t,n=140,...i){this.remove(e),this._timeouts.set(e,window.setTimeout(t,n,...i))}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 kt{constructor(e){P(this,"gestures",new Set),P(this,"_targetEventStore",new Ve(this)),P(this,"gestureEventStores",{}),P(this,"gestureTimeoutStores",{}),P(this,"handlers",{}),P(this,"config",{}),P(this,"pointerIds",new Set),P(this,"touchIds",new Set),P(this,"state",{shared:{shiftKey:!1,metaKey:!1,ctrlKey:!1,altKey:!1}}),Ot(this,e)}setEventIds(e){if(re(e))return this.touchIds=new Set(et(e)),this.touchIds;if("pointerId"in e)return e.type==="pointerup"||e.type==="pointercancel"?this.pointerIds.delete(e.pointerId):e.type==="pointerdown"&&this.pointerIds.add(e.pointerId),this.pointerIds}applyHandlers(e,t){this.handlers=e,this.nativeHandlers=t}applyConfig(e,t){this.config=Dt(e,t,this.config)}clean(){this._targetEventStore.clean();for(const e of this.gestures)this.gestureEventStores[e].clean(),this.gestureTimeoutStores[e].clean()}effect(){return this.config.shared.target&&this.bind(),()=>this._targetEventStore.clean()}bind(...e){const t=this.config.shared,n={};let i;if(!(t.target&&(i=t.target(),!i))){if(t.enabled){for(const s of this.gestures){const h=this.config[s],_=$e(n,h.eventOptions,!!i);if(h.enabled){const S=Ae.get(s);new S(this,e,s).bind(_)}}const c=$e(n,t.eventOptions,!!i);for(const s in this.nativeHandlers)c(s,"",h=>this.nativeHandlers[s](x(x({},this.state.shared),{},{event:h,args:e})),void 0,!0)}for(const c in n)n[c]=nt(...n[c]);if(!i)return n;for(const c in n){const{device:s,capture:h,passive:_}=qe(c);this._targetEventStore.add(i,s,"",n[c],{capture:h,passive:_})}}}}function X(r,e){r.gestures.add(e),r.gestureEventStores[e]=new Ve(r,e),r.gestureTimeoutStores[e]=new Ct}function Ot(r,e){e.drag&&X(r,"drag"),e.wheel&&X(r,"wheel"),e.scroll&&X(r,"scroll"),e.move&&X(r,"move"),e.pinch&&X(r,"pinch"),e.hover&&X(r,"hover")}const $e=(r,e,t)=>(n,i,c,s={},h=!1)=>{var _,S;const u=(_=s.capture)!==null&&_!==void 0?_:e.capture,C=(S=s.passive)!==null&&S!==void 0?S:e.passive;let T=h?n:Ye(n,i,u);t&&C&&(T+="Passive"),r[T]=r[T]||[],r[T].push(c)};function Pt(r,e={},t,n){const i=E.useMemo(()=>new kt(r),[]);if(i.applyHandlers(r,n),i.applyConfig(e,t),E.useEffect(i.effect.bind(i)),E.useEffect(()=>i.clean.bind(i),[]),e.target===void 0)return i.bind.bind(i)}function Nt(r,e){return xt(_t),Pt({drag:r},e||{},"drag")}const he="RSC::Event";function Mt(){const r=E.useRef(null);function e(n){E.useEffect(()=>{r.current||(r.current=document.createElement("div"));function i(c){n(c.detail)}if(r.current)return r.current.addEventListener(he,i,!1),()=>{var c;(c=r.current)==null||c.removeEventListener(he,i,!1)}},[n])}function t(n){if(r.current){const i=new CustomEvent(he,{detail:n});r.current.dispatchEvent(i)}}return{useListenToCustomEvent:e,emitEvent:t}}function Lt(r){const{left:e,right:t,top:n,bottom:i}=r.getBoundingClientRect(),{innerWidth:c,innerHeight:s}=window;return e<0||n<0?{isOut:!0,direction:"start"}:Math.floor(t)>Math.floor(c)||Math.floor(i)>Math.floor(s)?{isOut:!0,direction:"end"}:{isOut:!1,direction:null}}function K(r){return parseFloat(r.toFixed(2))}function Re(r){process.env.NODE_ENV!=="production"&&console.warn(r)}function At(r){if(!r||r.trim()==="")return"";let e="",t=!1,n=!0;for(let i=0;i<r.length;i++){const c=r[i];if(c==="$"&&r[i+1]==="{"){t=!0,e+=c;continue}if(t&&c==="}"){t=!1,e+=c,n=!0;continue}if(t){e+=c;continue}if(/\s/.test(c)){if(n)continue;let s=i+1;for(;s<r.length&&/\s/.test(r[s]);)s++;if(s<r.length&&/[{:;,}]/.test(r[s]))continue;e+=" ",n=!0;continue}/[{:;,]/.test(c)?n=!0:n=!1,e+=c}return e}function Vt({init:r=!0,items:e,slideType:t="fixed",scrollAmount:n,withLoop:i=!1,enableGestures:c=!0,carouselAxis:s="x",slideWhenDragThresholdIsReached:h=!0,scrollAmountType:_,fadeIn:S=!1,initialActiveItem:u}){const[C,T]=E.useState(!1),V=E.useRef([]),F=E.useRef(!1),D=E.useRef(0),O=_??"slide",L=i?[...e.map(o=>({...o,id:`prev-repeated-item-${o.id}`})),...e,...e.map(o=>({...o,id:`next-repeated-item-${o.id}`}))]:e,Q=E.useRef(n),Z=E.useRef(0),v=E.useId().replace(/:/g,""),se=E.useRef(null),w=E.useRef(null),oe=E.useRef(0),b=E.useRef(!0),g=E.useRef(!1),a=E.useRef(0),[R,ce]=ye.useSpring(()=>({value:0,onChange({value:o}){(t==="fixed"||t==="fluid")&&(s==="x"?w.current.style.transform=`translate3d(${o.value}px, 0px, 0px)`:w.current.style.transform=`translate3d(0px, ${o.value}px, 0px)`),t==="freeScroll"&&(w.current[s==="x"?"scrollLeft":"scrollTop"]=Math.abs(o.value))}}),[s]),{useListenToCustomEvent:$t,emitEvent:W}=Mt();function y(){const{totalStartEndGutterCssVar:o}=pe();return K(Q.current??0-o)}function z(){return w.current[s==="x"?"scrollWidth":"scrollHeight"]-se.current.getBoundingClientRect()[s==="x"?"width":"height"]}function ee(o){o&&V.current.push(o),Re("The carousel can't be initialized. List of errors:"),console.table(V.current)}function Rt(){return t==="freeScroll"?{onWheel(){R.value.stop()},onScroll(o){const f=o.currentTarget,d=s==="x"?f.scrollLeft:f.scrollTop,m=s==="x"?f.scrollWidth-f.clientWidth:f.scrollHeight-f.clientHeight;d===0?b.current=!0:d===m?g.current=!0:(b.current=!1,g.current=!1)}}:{}}function pe(){let o=0,f=0,d=0;const m=getComputedStyle(document.documentElement).getPropertyValue(`--${v}-react-spring-carousel-item-gutter`),l=getComputedStyle(document.documentElement).getPropertyValue(`--${v}-react-spring-carousel-items-per-slide`),p=getComputedStyle(document.documentElement).getPropertyValue(`--${v}-react-spring-carousel-item-gutter`);return p.includes("px")&&(o=Number(p.replace("px",""))),d=Number(l)||1,m.includes("px")&&(f=Number(m.replace("px",""))),{totalGutterCssVar:o,totalStartEndGutterCssVar:f,itemsPerSlide:d}}function ae({type:o,actionType:f,newActiveItem:d,shouldAnimate:m=!0}){var U,H,te,ue,je,Be,Ge;let l=0,p=R.value.get();if(b.current=!1,g.current=!1,t==="fixed"){const A=a.current;if(o==="prev"&&(a.current=d??a.current-1),o==="next"&&(a.current=d??a.current+1),i&&O==="group"&&D.current>1&&o==="next"){const I=e.length/D.current,G=Math.ceil(I)-1===a.current,Y=Math.ceil(I)===a.current;G&&(g.current=!0),l=-(a.current*y()),Y&&(a.current=0,p=R.value.get()+y()*I,l=0,g.current=!1,b.current=!0)}if(i&&O==="group"&&D.current>1&&o==="prev"){const I=e.length/D.current,G=a.current===0,Y=a.current===-1;l=-(a.current*y()),G&&(b.current=!0),Y&&(b.current=!1,g.current=!0,a.current=I-1,p=R.value.get()-y()*I,l=-y()*I+y())}if(!i&&O==="group"&&D.current>1){const I=e.length/D.current,G=2%I!==0,Y=Math.ceil(I-1)===a.current,be=a.current===0;l=-(a.current*y()),be&&(b.current=!0),Y&&(g.current=!0,G&&(l=-z()))}if(i&&o==="next"&&(O==="slide"||O==="group"&&D.current===1)){const I=((U=e[a.current])==null?void 0:U.id)===e[e.length-1].id,G=L[e.length+a.current].id.includes("repeated-item");I&&(g.current=!0),G&&(a.current=0,p=R.value.get()+y()*e.length,g.current=!1,b.current=!0),l=-(a.current*y())}if(i&&o==="prev"&&(O==="slide"||O==="group"&&D.current===1)){const I=L.findIndex(be=>be.id===e[A].id),G=((H=e[a.current])==null?void 0:H.id)===e[0].id,Y=L[I-1].id.includes("repeated-item");G&&(b.current=!0),Y&&(b.current=!1,g.current=!0,a.current=e.length-1,p=R.value.get()-y()*e.length),l=-(a.current*y())}!i&&O==="slide"&&(((te=e[a.current+1])==null?void 0:te.id)===e[e.length-1].id?g.current=!0:a.current===0?b.current=!0:(b.current=!1,g.current=!1),l=-(a.current*y()),o==="next"&&Math.abs(l)>z()&&(g.current=!0,l=-z())),W({eventName:"onSlideStartChange",sliceActionType:f,slideDirection:o,nextItem:{index:a.current,id:e[a.current].id,startReached:b.current,endReached:g.current}})}if(t==="fluid"){if(o==="prev"&&(a.current=d??a.current-1),o==="next"&&(a.current=d??a.current+1),l=-(a.current*y()),o==="next"&&i){const A=((ue=e[a.current])==null?void 0:ue.id)===e[e.length-1].id,I=L[e.length+a.current].id.includes("repeated-item");A&&(g.current=!0),I&&(a.current=0,p=R.value.get()+y()*e.length,l=0,g.current=!1,b.current=!0)}if(o==="next"&&!i&&(Math.abs(l)>z()?(g.current=!0,l=-z()):(b.current=!1,g.current=!1)),o==="prev"&&!i&&((je=e[a.current])==null?void 0:je.id)===e[0].id&&(b.current=!0),o==="prev"&&i){const A=((Be=e[a.current])==null?void 0:Be.id)===e[0].id,I=(Ge=L[e.length+a.current])==null?void 0:Ge.id.includes("repeated-item");A&&(b.current=!0),I&&(a.current=e.length-1,p=R.value.get()-y()*e.length,l=-(y()*e.length-y()),b.current=!1,g.current=!0)}W({eventName:"onSlideStartChange",sliceActionType:f,slideDirection:o,nextItem:{startReached:b.current,endReached:g.current,index:0,id:""}})}if(t==="freeScroll"){const A=w.current[s==="x"?"scrollLeft":"scrollTop"],I=s==="x"?w.current.scrollWidth-w.current.clientWidth:w.current.scrollHeight-w.current.clientHeight;p=A,o==="prev"&&(l=p-y(),l<0&&(l=0),p-y()<=0&&(b.current=!0),W({eventName:"onSlideStartChange",sliceActionType:f,slideDirection:o,nextItem:{index:0,id:"",startReached:b.current,endReached:!1}})),o==="next"&&(l=p+y(),l>I&&(l=I),p+y()>=I&&(g.current=!0),W({eventName:"onSlideStartChange",sliceActionType:f,slideDirection:o,nextItem:{index:0,id:"",startReached:!1,endReached:g.current}}))}const N=K(p),j=K(l);oe.current=j,ce.start({from:{value:N},to:{value:j},immediate:!m,onRest({finished:A}){A&&t==="fixed"&&W({eventName:"onSlideChangeComplete",sliceActionType:f,slideDirection:o,currentItem:{index:a.current,id:e[a.current].id,startReached:b.current,endReached:g.current}}),A&&t==="fluid"&&W({eventName:"onSlideChangeComplete",sliceActionType:f,slideDirection:o,currentItem:{index:0,id:"",startReached:b.current,endReached:g.current}})}})}function ge(o,f,d=!0){if(!C){ee("Carousel not initialized yet: slideToNextItem");return}if(o==="drag"||t==="fixed"&&i||t==="fixed"&&!i&&!g.current){const m=f??a.current+1;ae({type:"next",actionType:o,newActiveItem:m,shouldAnimate:d})}(t==="fluid"&&i||t==="fluid"&&!i&&!g.current||t==="freeScroll"&&!g.current)&&ae({type:"next",actionType:o,shouldAnimate:d})}function me(o,f,d=!0){if(!C){ee("Carousel not initialized yet: slideToPrevItem");return}if(o==="drag"||t==="fixed"&&i||t==="fixed"&&!i&&!b.current){const m=f??a.current-1;ae({type:"prev",actionType:o,newActiveItem:m,shouldAnimate:d})}(t==="fluid"&&i||t==="fluid"&&!i&&!b.current||t==="freeScroll"&&!b.current)&&ae({type:"prev",actionType:o,shouldAnimate:d})}function ve(o,f=!0){let d=0;typeof o=="string"?d=e.findIndex(m=>m.id===o):d=o,d>a.current&&ge("click",d,f),d<a.current&&me("click",d,f)}function jt({getContainer:o,activeItem:f,updateTotalValue:d}){const m=o();if(!(m instanceof HTMLElement)){console.warn(`Container is not a valid html element: container is ${m}`);return}const l=m.children[f];if(l){const p=m[s==="x"?"scrollWidth":"scrollHeight"]-m.getBoundingClientRect()[s==="x"?"width":"height"],j=l.offsetLeft+l.offsetWidth/2-m.clientWidth/2,U=Lt(l);if(U.isOut){const H=U.direction==="start"?j<0?0:j:j>p?p:j,te=m[s==="x"?"scrollLeft":"scrollTop"];new ye.Controller({from:{value:te},to:{value:d?d({from:te,to:H,itemOutOfViewport:U}):H},onChange({value:ue}){m[s==="x"?"scrollLeft":"scrollTop"]=ue.value}})}}}const Bt=Nt(o=>{if(!C){ee();return}const f=o.dragging,d=o.offset[s==="x"?0:1],m=o.movement[s==="x"?0:1],l=m>Z.current,p=m<-Z.current,N=o.velocity;f&&(W({...o,eventName:"onDrag",slideActionType:"drag"}),ce.start({value:d,immediate:!0,config:{velocity:N}}),h&&(l||p)&&o.cancel()),o.last&&(l?me("drag"):p?ge("drag"):ce.start({value:oe.current,config:{velocity:N}}))},{enabled:c&&t!=="freeScroll",axis:s,rubberband:!i,...i?{}:{bounds:()=>({right:0,left:-z(),top:-z(),bottom:0})},from:()=>[R.value.get(),R.value.get()]});return E.useEffect(()=>{function o(){document.hidden?(F.current=!0,T(!1)):(F.current=!1,T(!0))}function f(){if(w.current.style.top="0px",w.current.style.left="0px",!(t==="fixed"&&!i||t==="freeScroll"||t==="fluid"))if(t==="fixed"&&O==="group"&&D.current>1){const p=e.length*3/D.current;w.current.style[s==="x"?"left":"top"]=`calc(-${K(y()*p/3)}px)`}else w.current.style[s==="x"?"left":"top"]=`calc(-${K(y()*L.length/3)}px)`}function d(){m(),f(),ce.start({immediate:!0,value:-(a.current*y())})}function m(){const p=w.current.children[0];let N=0;const j=t==="fixed"&&O==="group"&&D.current>1;j?N=K(w.current.getBoundingClientRect()[s==="x"?"width":"height"]):N=K(p.getBoundingClientRect()[s==="x"?"width":"height"]);const{totalGutterCssVar:U,totalStartEndGutterCssVar:H}=pe();return N+=U,j&&(N-=H),Q.current=N,N}function l(){V.current=[];const{itemsPerSlide:p}=pe();if(console.log({_itemsPerSlide:p}),D.current=p,L.length===0&&Re("Init is true but no items are available; carousel will not be initialized"),t==="fixed"&&O==="group"&&e.length%D.current!==0&&V.current.push("When using scrollAmountType='group' and itemsPerSlide={number>1} make sure that itemsPerSlides is divisible by the total quantity of items otherwise the carousel won't initialize."),t==="fluid"&&_!==void 0&&V.current.push('scrollAmountType="group" is not available for slideType="fluid"; please change one of them.'),V.current.length>0){ee();return}m(),f(),Z.current=y()/4,T(!0)}if(typeof r=="function")r().then(p=>{if(p)return l(),u!==void 0&&ve(u,!1),window.addEventListener("resize",d),document.addEventListener("visibilitychange",o),()=>{document.removeEventListener("visibilitychange",o),window.removeEventListener("resize",d)}});else{if(r)return l(),window.addEventListener("resize",d),document.addEventListener("visibilitychange",o),()=>{document.removeEventListener("visibilitychange",o),window.removeEventListener("resize",d)};T(!1)}},[Q,r,t,i,s]),E.useEffect(()=>{u!==void 0&&C&&ve(u,!1)},[C,u]),{carouselFragment:$.jsxs($.Fragment,{children:[$.jsx("style",{id:`carousel-container-${v}`,dangerouslySetInnerHTML:{__html:At(`
+(function(B,$){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"],$):(B=typeof globalThis<"u"?globalThis:B||self,$(B["react-spring-carousel"]={},B["react/jsx-runtime"],B["@react-spring/web"],B.React))})(this,function(B,$,ye,E){"use strict";function Ue(r,e,t){return Math.max(e,Math.min(r,t))}const k={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 we(r,e,t){return e===0||Math.abs(e)===1/0?Math.pow(r,t*5):r*e*t/(e+t*r)}function xe(r,e,t,n=.15){return n===0?Ue(r,e,t):r<e?-we(e-r,t-e,n)+e:r>t?+we(r-t,t-e,n)+t:r}function Ke(r,[e,t],[n,i]){const[[c,s],[h,_]]=r;return[xe(e,c,s,n),xe(t,h,_,i)]}function Fe(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||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(r)}function We(r){var e=Fe(r,"string");return typeof e=="symbol"?e:String(e)}function P(r,e,t){return e=We(e),e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function _e(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),t.push.apply(t,n)}return t}function x(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?_e(Object(t),!0).forEach(function(n){P(r,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):_e(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 Ee(r){return r?r[0].toUpperCase()+r.slice(1):""}const ze=["enter","leave"];function He(r=!1,e){return r&&!ze.includes(e)}function Ye(r,e="",t=!1){const n=Ie[r],i=n&&n[e]||e;return"on"+Ee(r)+Ee(i)+(He(t,i)?"Capture":"")}const Xe=["gotpointercapture","lostpointercapture"];function qe(r){let e=r.substring(2).toLowerCase();const t=!!~e.indexOf("passive");t&&(e=e.replace("passive",""));const n=Xe.includes(e)?"capturecapture":"capture",i=!!~e.indexOf(n);return i&&(e=e.replace("capture","")),{device:e,capture:i,passive:t}}function Je(r,e=""){const t=Ie[r],n=t&&t[e]||e;return r+n}function re(r){return"touches"in r}function Se(r){return re(r)?"touch":"pointerType"in r?r.pointerType:"mouse"}function Qe(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 Ze(r){return r.type==="touchend"||r.type==="touchcancel"?r.changedTouches:r.targetTouches}function Te(r){return re(r)?Ze(r)[0]:r}function et(r){return Qe(r).map(e=>e.identifier)}function le(r){const e=Te(r);return re(r)?e.identifier:e.pointerId}function De(r){const e=Te(r);return[e.clientX,e.clientY]}function tt(r){const e={};if("buttons"in r&&(e.buttons=r.buttons),"shiftKey"in r){const{shiftKey:t,altKey:n,metaKey:i,ctrlKey:c}=r;Object.assign(e,{shiftKey:t,altKey:n,metaKey:i,ctrlKey:c})}return e}function ne(r,...e){return typeof r=="function"?r(...e):r}function rt(){}function nt(...r){return r.length===0?rt:r.length===1?r[0]:function(){let e;for(const t of r)e=t.apply(this,arguments)||e;return e}}function Ce(r,e){return Object.assign({},e,r||{})}const it=32;class st{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:i}=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=i,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?ne(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:i}=this;t.args=this.args;let c=0;if(e&&(t.event=e,n.preventDefault&&e.cancelable&&t.event.preventDefault(),t.type=e.type,i.touches=this.ctrl.pointerIds.size||this.ctrl.touchIds.size,i.locked=!!document.pointerLockElement,Object.assign(i,tt(e)),i.down=i.pressed=i.buttons%2===1||i.touches>0,c=e.timeStamp-t.timeStamp,t.timeStamp=e.timeStamp,t.elapsedTime=t.timeStamp-t.startTime),t._active){const w=t._delta.map(Math.abs);k.addTo(t._distance,w)}this.axisIntent&&this.axisIntent(e);const[s,h]=t._movement,[_,S]=n.threshold,{_step:u,values:C}=t;if(n.hasCustomTransform?(u[0]===!1&&(u[0]=Math.abs(s)>=_&&C[0]),u[1]===!1&&(u[1]=Math.abs(h)>=S&&C[1])):(u[0]===!1&&(u[0]=Math.abs(s)>=_&&Math.sign(s)*_),u[1]===!1&&(u[1]=Math.abs(h)>=S&&Math.sign(h)*S)),t.intentional=u[0]!==!1||u[1]!==!1,!t.intentional)return;const T=[0,0];if(n.hasCustomTransform){const[w,oe]=C;T[0]=u[0]!==!1?w-u[0]:0,T[1]=u[1]!==!1?oe-u[1]:0}else T[0]=u[0]!==!1?s-u[0]:0,T[1]=u[1]!==!1?h-u[1]:0;this.restrictToAxis&&!t._blocked&&this.restrictToAxis(T);const V=t.offset,F=t._active&&!t._blocked||t.active;F&&(t.first=t._active&&!t.active,t.last=!t._active&&t.active,t.active=i[this.ingKey]=t._active,e&&(t.first&&("bounds"in n&&(t._bounds=ne(n.bounds,t)),this.setup&&this.setup()),t.movement=T,this.computeOffset()));const[D,O]=t.offset,[[A,Q],[Z,b]]=t._bounds;t.overflow=[D<A?-1:D>Q?1:0,O<Z?-1:O>b?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 se=t._active?n.rubberband||[0,0]:[0,0];if(t.offset=Ke(t._bounds,t.offset,se),t.delta=k.sub(t.offset,V),this.computeMovement(),F&&(!t.last||c>it)){t.delta=k.sub(t.offset,V);const w=t.delta.map(Math.abs);k.addTo(t.distance,w),t.direction=t.delta.map(Math.sign),t._direction=t._delta.map(Math.sign),!t.first&&c>0&&(t.velocity=[w[0]/c,w[1]/c],t.timeDelta=c)}}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 i=this.handler(x(x(x({},t),e),{},{[this.aliasKey]:e.values}));i!==void 0&&(e.memo=i)}clean(){this.eventStore.clean(),this.timeoutStore.clean()}}function ot([r,e],t){const n=Math.abs(r),i=Math.abs(e);if(n>i&&n>t)return"x";if(i>n&&i>t)return"y"}class ct extends st{constructor(...e){super(...e),P(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=k.add(this.state.lastOffset,this.state.movement)}computeMovement(){this.state.movement=k.sub(this.state.offset,this.state.lastOffset)}axisIntent(e){const t=this.state,n=this.config;if(!t.axis&&e){const i=typeof n.axisThreshold=="object"?n.axisThreshold[Se(e)]:n.axisThreshold;t.axis=ot(t._movement,i)}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 ke=r=>r,Oe=.15,fe={enabled(r=!0){return r},eventOptions(r,e,t){return x(x({},t.shared.eventOptions),r)},preventDefault(r=!1){return r},triggerAllEvents(r=!1){return r},rubberband(r=0){switch(r){case!0:return[Oe,Oe];case!1:return[0,0];default:return k.toVector(r)}},from(r){if(typeof r=="function")return r;if(r!=null)return k.toVector(r)},transform(r,e,t){const n=r||t.shared.transform;if(this.hasCustomTransform=!!n,process.env.NODE_ENV==="development"){const i=n||ke;return c=>{const s=i(c);return(!isFinite(s[0])||!isFinite(s[1]))&&console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${s[0]},${[1]}]`),s}}return n||ke},threshold(r){return k.toVector(r,0)}};process.env.NODE_ENV==="development"&&Object.assign(fe,{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 at=0,q=x(x({},fe),{},{axis(r,e,{axis:t}){if(this.lockDirection=t==="lock",!this.lockDirection)return t},axisThreshold(r=at){return r},bounds(r={}){if(typeof r=="function")return c=>q.bounds(r(c));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:i=1/0}=r;return[[e,t],[n,i]]}}),Pe={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 ut extends ct{constructor(...e){super(...e),P(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(),i={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=q.bounds(i)}}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 i=this.ctrl.setEventIds(e);t.pointerCapture&&e.target.setPointerCapture(e.pointerId),!(i&&i.size>1&&n._pointerActive)&&(this.start(e),this.setupPointer(e),n._pointerId=le(e),n._pointerActive=!0,this.computeValues(De(e)),this.computeInitial(),t.preventScrollAxis&&Se(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 i=le(e);if(t._pointerId!==void 0&&i!==t._pointerId)return;const c=De(e);if(document.pointerLockElement===e.target?t._delta=[e.movementX,e.movementY]:(t._delta=k.sub(c,t._values),this.computeValues(c)),k.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 i=le(e);if(t._pointerId!==void 0&&i!==t._pointerId)return;this.state._pointerActive=!1,this.setActive(),this.compute(e);const[c,s]=t._distance;if(t.tap=c<=n.tapsThreshold&&s<=n.tapsThreshold,t.tap&&n.filterTaps)t._force=!0;else{const[h,_]=t._delta,[S,u]=t._movement,[C,T]=n.swipe.velocity,[V,F]=n.swipe.distance,D=n.swipe.duration;if(t.elapsedTime<D){const O=Math.abs(h/t.timeDelta),A=Math.abs(_/t.timeDelta);O>C&&Math.abs(S)>V&&(t.swipe[0]=Math.sign(h)),A>T&&Math.abs(u)>F&&(t.swipe[1]=Math.sign(_))}}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 i="uv"in e?e.sourceEvent.currentTarget:e.currentTarget;window.getComputedStyle(i).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.",i)}}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,lt(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=Pe[e.key];if(t){const n=this.state,i=e.shiftKey?10:e.altKey?.1:1;this.start(e),n._delta=t(this.config.keyboardDisplacement,i),n._keyboardActive=!0,k.addTo(n._movement,n._delta),this.compute(e),this.emit()}}keyUp(e){e.key in Pe&&(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 lt(r){"persist"in r&&typeof r.persist=="function"&&r.persist()}const J=typeof window<"u"&&window.document&&window.document.createElement;function Ne(){return J&&"ontouchstart"in window}function ft(){return Ne()||J&&window.navigator.maxTouchPoints>1}function dt(){return J&&"onpointerdown"in window}function ht(){return J&&"exitPointerLock"in window.document}function pt(){try{return"constructor"in GestureEvent}catch{return!1}}const M={isBrowser:J,gesture:pt(),touch:Ne(),touchscreen:ft(),pointer:dt(),pointerLock:ht()},gt=250,mt=180,vt=.5,bt=50,yt=250,wt=10,Me={mouse:0,touch:0,pen:8},Ae=x(x({},q),{},{device(r,e,{pointer:{touch:t=!1,lock:n=!1,mouse:i=!1}={}}){return this.pointerLock=n&&M.pointerLock,M.touch&&t?"touch":this.pointerLock?"mouse":M.pointer&&!i?"pointer":M.touch?"touch":"mouse"},preventScrollAxis(r,e,{preventScroll:t}){if(this.preventScrollDelay=typeof t=="number"?t:t||t===void 0&&r?gt:void 0,!(!M.touchscreen||t===!1))return r||(t!==void 0?"y":void 0)},pointerCapture(r,e,{pointer:{capture:t=!0,buttons:n=1,keys:i=!0}={}}){return this.pointerButtons=n,this.keys=i,!this.pointerLock&&this.device==="pointer"&&t},threshold(r,e,{filterTaps:t=!1,tapsThreshold:n=3,axis:i=void 0}){const c=k.toVector(r,t?n:i?1:0);return this.filterTaps=t,this.tapsThreshold=n,c},swipe({velocity:r=vt,distance:e=bt,duration:t=yt}={}){return{velocity:this.transform(k.toVector(r)),distance:this.transform(k.toVector(e)),duration:t}},delay(r=0){switch(r){case!0:return mt;case!1:return 0;default:return r}},axisThreshold(r){return r?x(x({},Me),r):Me},keyboardDisplacement(r=wt){return r}});process.env.NODE_ENV==="development"&&Object.assign(Ae,{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}}),x(x({},fe),{},{device(r,e,{shared:t,pointer:{touch:n=!1}={}}){if(t.target&&!M.touch&&M.gesture)return"gesture";if(M.touch&&n)return"touch";if(M.touchscreen){if(M.pointer)return"pointer";if(M.touch)return"touch"}},bounds(r,e,{scaleBounds:t={},angleBounds:n={}}){const i=s=>{const h=Ce(ne(t,s),{min:-1/0,max:1/0});return[h.min,h.max]},c=s=>{const h=Ce(ne(n,s),{min:-1/0,max:1/0});return[h.min,h.max]};return typeof t!="function"&&typeof n!="function"?[i(),c()]:s=>[i(s),c(s)]},threshold(r,e,t){return this.lockDirection=t.axis==="lock",k.toVector(r,this.lockDirection?[.1,3]:0)},modifierKey(r){return r===void 0?"ctrlKey":r},pinchOnWheel(r=!0){return r}}),x(x({},q),{},{mouseOnly:(r=!0)=>r}),x(x({},q),{},{mouseOnly:(r=!0)=>r});const Le=new Map,de=new Map;function xt(r){Le.set(r.key,r.engine),de.set(r.key,r.resolver)}const _t={key:"drag",engine:ut,resolver:Ae};function It(r,e){if(r==null)return{};var t={},n=Object.keys(r),i,c;for(c=0;c<n.length;c++)i=n[c],!(e.indexOf(i)>=0)&&(t[i]=r[i]);return t}function Et(r,e){if(r==null)return{};var t=It(r,e),n,i;if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(i=0;i<c.length;i++)n=c[i],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(t[n]=r[n])}return t}const St={target(r){if(r)return()=>"current"in r?r.current:r},enabled(r=!0){return r},window(r=M.isBrowser?window:void 0){return r},eventOptions({passive:r=!0,capture:e=!1}={}){return{passive:r,capture:e}},transform(r){return r}},Tt=["target","eventOptions","window","enabled","transform"];function ie(r={},e){const t={};for(const[n,i]of Object.entries(e))switch(typeof i){case"function":if(process.env.NODE_ENV==="development"){const c=i.call(t,r[n],n,r);Number.isNaN(c)||(t[n]=c)}else t[n]=i.call(t,r[n],n,r);break;case"object":t[n]=ie(r[n],i);break;case"boolean":i&&(t[n]=r[n]);break}return t}function Dt(r,e,t={}){const n=r,{target:i,eventOptions:c,window:s,enabled:h,transform:_}=n,S=Et(n,Tt);if(t.shared=ie({target:i,eventOptions:c,window:s,enabled:h,transform:_},St),e){const u=de.get(e);t[e]=ie(x({shared:t.shared},S),u)}else for(const u in S){const C=de.get(u);if(C)t[u]=ie(x({shared:t.shared},S[u]),C);else if(process.env.NODE_ENV==="development"&&!["drag","pinch","scroll","wheel","move","hover"].includes(u)){if(u==="domTarget")throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");console.warn(`[@use-gesture]: Unknown config key \`${u}\` was used. Please read the documentation for further information.`)}}return t}class Ve{constructor(e,t){P(this,"_listeners",new Set),this._ctrl=e,this._gestureKey=t}add(e,t,n,i,c){const s=this._listeners,h=Je(t,n),_=this._gestureKey?this._ctrl.config[this._gestureKey].eventOptions:{},S=x(x({},_),c);e.addEventListener(h,i,S);const u=()=>{e.removeEventListener(h,i,S),s.delete(u)};return s.add(u),u}clean(){this._listeners.forEach(e=>e()),this._listeners.clear()}}class Ct{constructor(){P(this,"_timeouts",new Map)}add(e,t,n=140,...i){this.remove(e),this._timeouts.set(e,window.setTimeout(t,n,...i))}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 kt{constructor(e){P(this,"gestures",new Set),P(this,"_targetEventStore",new Ve(this)),P(this,"gestureEventStores",{}),P(this,"gestureTimeoutStores",{}),P(this,"handlers",{}),P(this,"config",{}),P(this,"pointerIds",new Set),P(this,"touchIds",new Set),P(this,"state",{shared:{shiftKey:!1,metaKey:!1,ctrlKey:!1,altKey:!1}}),Ot(this,e)}setEventIds(e){if(re(e))return this.touchIds=new Set(et(e)),this.touchIds;if("pointerId"in e)return e.type==="pointerup"||e.type==="pointercancel"?this.pointerIds.delete(e.pointerId):e.type==="pointerdown"&&this.pointerIds.add(e.pointerId),this.pointerIds}applyHandlers(e,t){this.handlers=e,this.nativeHandlers=t}applyConfig(e,t){this.config=Dt(e,t,this.config)}clean(){this._targetEventStore.clean();for(const e of this.gestures)this.gestureEventStores[e].clean(),this.gestureTimeoutStores[e].clean()}effect(){return this.config.shared.target&&this.bind(),()=>this._targetEventStore.clean()}bind(...e){const t=this.config.shared,n={};let i;if(!(t.target&&(i=t.target(),!i))){if(t.enabled){for(const s of this.gestures){const h=this.config[s],_=$e(n,h.eventOptions,!!i);if(h.enabled){const S=Le.get(s);new S(this,e,s).bind(_)}}const c=$e(n,t.eventOptions,!!i);for(const s in this.nativeHandlers)c(s,"",h=>this.nativeHandlers[s](x(x({},this.state.shared),{},{event:h,args:e})),void 0,!0)}for(const c in n)n[c]=nt(...n[c]);if(!i)return n;for(const c in n){const{device:s,capture:h,passive:_}=qe(c);this._targetEventStore.add(i,s,"",n[c],{capture:h,passive:_})}}}}function X(r,e){r.gestures.add(e),r.gestureEventStores[e]=new Ve(r,e),r.gestureTimeoutStores[e]=new Ct}function Ot(r,e){e.drag&&X(r,"drag"),e.wheel&&X(r,"wheel"),e.scroll&&X(r,"scroll"),e.move&&X(r,"move"),e.pinch&&X(r,"pinch"),e.hover&&X(r,"hover")}const $e=(r,e,t)=>(n,i,c,s={},h=!1)=>{var _,S;const u=(_=s.capture)!==null&&_!==void 0?_:e.capture,C=(S=s.passive)!==null&&S!==void 0?S:e.passive;let T=h?n:Ye(n,i,u);t&&C&&(T+="Passive"),r[T]=r[T]||[],r[T].push(c)};function Pt(r,e={},t,n){const i=E.useMemo(()=>new kt(r),[]);if(i.applyHandlers(r,n),i.applyConfig(e,t),E.useEffect(i.effect.bind(i)),E.useEffect(()=>i.clean.bind(i),[]),e.target===void 0)return i.bind.bind(i)}function Nt(r,e){return xt(_t),Pt({drag:r},e||{},"drag")}const he="RSC::Event";function Mt(){const r=E.useRef(null);function e(n){E.useEffect(()=>{r.current||(r.current=document.createElement("div"));function i(c){n(c.detail)}if(r.current)return r.current.addEventListener(he,i,!1),()=>{var c;(c=r.current)==null||c.removeEventListener(he,i,!1)}},[n])}function t(n){if(r.current){const i=new CustomEvent(he,{detail:n});r.current.dispatchEvent(i)}}return{useListenToCustomEvent:e,emitEvent:t}}function At(r){const{left:e,right:t,top:n,bottom:i}=r.getBoundingClientRect(),{innerWidth:c,innerHeight:s}=window;return e<0||n<0?{isOut:!0,direction:"start"}:Math.floor(t)>Math.floor(c)||Math.floor(i)>Math.floor(s)?{isOut:!0,direction:"end"}:{isOut:!1,direction:null}}function K(r){return parseFloat(r.toFixed(2))}function Re(r){process.env.NODE_ENV!=="production"&&console.warn(r)}function Lt(r){if(!r||r.trim()==="")return"";let e="",t=!1,n=!0;for(let i=0;i<r.length;i++){const c=r[i];if(c==="$"&&r[i+1]==="{"){t=!0,e+=c;continue}if(t&&c==="}"){t=!1,e+=c,n=!0;continue}if(t){e+=c;continue}if(/\s/.test(c)){if(n)continue;let s=i+1;for(;s<r.length&&/\s/.test(r[s]);)s++;if(s<r.length&&/[{:;,}]/.test(r[s]))continue;e+=" ",n=!0;continue}/[{:;,]/.test(c)?n=!0:n=!1,e+=c}return e}function Vt({init:r=!0,items:e,slideType:t="fixed",scrollAmount:n,withLoop:i=!1,enableGestures:c=!0,carouselAxis:s="x",slideWhenDragThresholdIsReached:h=!0,scrollAmountType:_,fadeIn:S=!1,initialActiveItem:u}){const[C,T]=E.useState(!1),V=E.useRef([]),F=E.useRef(!1),D=E.useRef(0),O=_??"slide",A=i?[...e.map(o=>({...o,id:`prev-repeated-item-${o.id}`})),...e,...e.map(o=>({...o,id:`next-repeated-item-${o.id}`}))]:e,Q=E.useRef(n),Z=E.useRef(0),b=E.useId().replace(/:/g,""),se=E.useRef(null),w=E.useRef(null),oe=E.useRef(0),v=E.useRef(!0),g=E.useRef(!1),a=E.useRef(0),[R,ce]=ye.useSpring(()=>({value:0,onChange({value:o}){(t==="fixed"||t==="fluid")&&(s==="x"?w.current.style.transform=`translate3d(${o.value}px, 0px, 0px)`:w.current.style.transform=`translate3d(0px, ${o.value}px, 0px)`),t==="freeScroll"&&(w.current[s==="x"?"scrollLeft":"scrollTop"]=Math.abs(o.value))}}),[s]),{useListenToCustomEvent:$t,emitEvent:W}=Mt();function y(){const{totalStartEndGutterCssVar:o}=pe();return K(Q.current??0-o)}function z(){return w.current[s==="x"?"scrollWidth":"scrollHeight"]-se.current.getBoundingClientRect()[s==="x"?"width":"height"]}function ee(o){o&&V.current.push(o),Re("The carousel can't be initialized. List of errors:"),console.table(V.current)}function Rt(){return t==="freeScroll"?{onWheel(){R.value.stop()},onScroll(o){const f=o.currentTarget,d=s==="x"?f.scrollLeft:f.scrollTop,m=s==="x"?f.scrollWidth-f.clientWidth:f.scrollHeight-f.clientHeight;d===0?v.current=!0:d===m?g.current=!0:(v.current=!1,g.current=!1)}}:{}}function pe(){let o=0,f=0,d=0;const m=getComputedStyle(document.documentElement).getPropertyValue(`--${b}-react-spring-carousel-item-gutter`),l=getComputedStyle(document.documentElement).getPropertyValue(`--${b}-react-spring-carousel-items-per-slide`),p=getComputedStyle(document.documentElement).getPropertyValue(`--${b}-react-spring-carousel-item-gutter`);return p.includes("px")&&(o=Number(p.replace("px",""))),d=Number(l)||1,m.includes("px")&&(f=Number(m.replace("px",""))),{totalGutterCssVar:o,totalStartEndGutterCssVar:f,itemsPerSlide:d}}function ae({type:o,actionType:f,newActiveItem:d,shouldAnimate:m=!0}){var U,H,te,ue,je,Be,Ge;let l=0,p=R.value.get();if(v.current=!1,g.current=!1,t==="fixed"){const L=a.current;if(o==="prev"&&(a.current=d??a.current-1),o==="next"&&(a.current=d??a.current+1),i&&O==="group"&&D.current>1&&o==="next"){const I=e.length/D.current,G=Math.ceil(I)-1===a.current,Y=Math.ceil(I)===a.current;G&&(g.current=!0),l=-(a.current*y()),Y&&(a.current=0,p=R.value.get()+y()*I,l=0,g.current=!1,v.current=!0)}if(i&&O==="group"&&D.current>1&&o==="prev"){const I=e.length/D.current,G=a.current===0,Y=a.current===-1;l=-(a.current*y()),G&&(v.current=!0),Y&&(v.current=!1,g.current=!0,a.current=I-1,p=R.value.get()-y()*I,l=-y()*I+y())}if(!i&&O==="group"&&D.current>1){const I=e.length/D.current,G=2%I!==0,Y=Math.ceil(I-1)===a.current,be=a.current===0;l=-(a.current*y()),be&&(v.current=!0),Y&&(g.current=!0,G&&(l=-z()))}if(i&&o==="next"&&(O==="slide"||O==="group"&&D.current===1)){const I=((U=e[a.current])==null?void 0:U.id)===e[e.length-1].id,G=A[e.length+a.current].id.includes("repeated-item");I&&(g.current=!0),G&&(a.current=0,p=R.value.get()+y()*e.length,g.current=!1,v.current=!0),l=-(a.current*y())}if(i&&o==="prev"&&(O==="slide"||O==="group"&&D.current===1)){const I=A.findIndex(be=>be.id===e[L].id),G=((H=e[a.current])==null?void 0:H.id)===e[0].id,Y=A[I-1].id.includes("repeated-item");G&&(v.current=!0),Y&&(v.current=!1,g.current=!0,a.current=e.length-1,p=R.value.get()-y()*e.length),l=-(a.current*y())}!i&&O==="slide"&&(((te=e[a.current+1])==null?void 0:te.id)===e[e.length-1].id?g.current=!0:a.current===0?v.current=!0:(v.current=!1,g.current=!1),l=-(a.current*y()),o==="next"&&Math.abs(l)>z()&&(g.current=!0,l=-z())),W({eventName:"onSlideStartChange",sliceActionType:f,slideDirection:o,nextItem:{index:a.current,id:e[a.current].id,startReached:v.current,endReached:g.current}})}if(t==="fluid"){if(o==="prev"&&(a.current=d??a.current-1),o==="next"&&(a.current=d??a.current+1),l=-(a.current*y()),o==="next"&&i){const L=((ue=e[a.current])==null?void 0:ue.id)===e[e.length-1].id,I=A[e.length+a.current].id.includes("repeated-item");L&&(g.current=!0),I&&(a.current=0,p=R.value.get()+y()*e.length,l=0,g.current=!1,v.current=!0)}if(o==="next"&&!i&&(Math.abs(l)>z()?(g.current=!0,l=-z()):(v.current=!1,g.current=!1)),o==="prev"&&!i&&((je=e[a.current])==null?void 0:je.id)===e[0].id&&(v.current=!0),o==="prev"&&i){const L=((Be=e[a.current])==null?void 0:Be.id)===e[0].id,I=(Ge=A[e.length+a.current])==null?void 0:Ge.id.includes("repeated-item");L&&(v.current=!0),I&&(a.current=e.length-1,p=R.value.get()-y()*e.length,l=-(y()*e.length-y()),v.current=!1,g.current=!0)}W({eventName:"onSlideStartChange",sliceActionType:f,slideDirection:o,nextItem:{startReached:v.current,endReached:g.current,index:0,id:""}})}if(t==="freeScroll"){const L=w.current[s==="x"?"scrollLeft":"scrollTop"],I=s==="x"?w.current.scrollWidth-w.current.clientWidth:w.current.scrollHeight-w.current.clientHeight;p=L,o==="prev"&&(l=p-y(),l<0&&(l=0),p-y()<=0&&(v.current=!0),W({eventName:"onSlideStartChange",sliceActionType:f,slideDirection:o,nextItem:{index:0,id:"",startReached:v.current,endReached:!1}})),o==="next"&&(l=p+y(),l>I&&(l=I),p+y()>=I&&(g.current=!0),W({eventName:"onSlideStartChange",sliceActionType:f,slideDirection:o,nextItem:{index:0,id:"",startReached:!1,endReached:g.current}}))}const N=K(p),j=K(l);oe.current=j,ce.start({from:{value:N},to:{value:j},immediate:!m,onRest({finished:L}){L&&t==="fixed"&&W({eventName:"onSlideChangeComplete",sliceActionType:f,slideDirection:o,currentItem:{index:a.current,id:e[a.current].id,startReached:v.current,endReached:g.current}}),L&&t==="fluid"&&W({eventName:"onSlideChangeComplete",sliceActionType:f,slideDirection:o,currentItem:{index:0,id:"",startReached:v.current,endReached:g.current}})}})}function ge(o,f,d=!0){if(!C){ee("Carousel not initialized yet: slideToNextItem");return}if(o==="drag"||t==="fixed"&&i||t==="fixed"&&!i&&!g.current){const m=f??a.current+1;ae({type:"next",actionType:o,newActiveItem:m,shouldAnimate:d})}(t==="fluid"&&i||t==="fluid"&&!i&&!g.current||t==="freeScroll"&&!g.current)&&ae({type:"next",actionType:o,shouldAnimate:d})}function me(o,f,d=!0){if(!C){ee("Carousel not initialized yet: slideToPrevItem");return}if(o==="drag"||t==="fixed"&&i||t==="fixed"&&!i&&!v.current){const m=f??a.current-1;ae({type:"prev",actionType:o,newActiveItem:m,shouldAnimate:d})}(t==="fluid"&&i||t==="fluid"&&!i&&!v.current||t==="freeScroll"&&!v.current)&&ae({type:"prev",actionType:o,shouldAnimate:d})}function ve(o,f=!0){let d=0;typeof o=="string"?d=e.findIndex(m=>m.id===o):d=o,d>a.current&&ge("click",d,f),d<a.current&&me("click",d,f)}function jt({getContainer:o,activeItem:f,updateTotalValue:d}){const m=o();if(!(m instanceof HTMLElement)){console.warn(`Container is not a valid html element: container is ${m}`);return}const l=m.children[f];if(l){const p=m[s==="x"?"scrollWidth":"scrollHeight"]-m.getBoundingClientRect()[s==="x"?"width":"height"],j=l.offsetLeft+l.offsetWidth/2-m.clientWidth/2,U=At(l);if(U.isOut){const H=U.direction==="start"?j<0?0:j:j>p?p:j,te=m[s==="x"?"scrollLeft":"scrollTop"];new ye.Controller({from:{value:te},to:{value:d?d({from:te,to:H,itemOutOfViewport:U}):H},onChange({value:ue}){m[s==="x"?"scrollLeft":"scrollTop"]=ue.value}})}}}const Bt=Nt(o=>{if(!C){ee();return}const f=o.dragging,d=o.offset[s==="x"?0:1],m=o.movement[s==="x"?0:1],l=m>Z.current,p=m<-Z.current,N=o.velocity;f&&(W({...o,eventName:"onDrag",slideActionType:"drag"}),ce.start({value:d,immediate:!0,config:{velocity:N}}),h&&(l||p)&&o.cancel()),o.last&&(l?me("drag"):p?ge("drag"):ce.start({value:oe.current,config:{velocity:N}}))},{enabled:c&&t!=="freeScroll",axis:s,rubberband:!i,...i?{}:{bounds:()=>({right:0,left:-z(),top:-z(),bottom:0})},from:()=>[R.value.get(),R.value.get()]});return E.useEffect(()=>{function o(){document.hidden?(F.current=!0,T(!1)):(F.current=!1,T(!0))}function f(){if(w.current.style.top="0px",w.current.style.left="0px",!(t==="fixed"&&!i||t==="freeScroll"||t==="fluid"))if(t==="fixed"&&O==="group"&&D.current>1){const p=e.length*3/D.current;w.current.style[s==="x"?"left":"top"]=`calc(-${K(y()*p/3)}px)`}else w.current.style[s==="x"?"left":"top"]=`calc(-${K(y()*A.length/3)}px)`}function d(){m(),f(),ce.start({immediate:!0,value:-(a.current*y())})}function m(){const p=w.current.children[0];let N=0;const j=t==="fixed"&&O==="group"&&D.current>1;j?N=K(w.current.getBoundingClientRect()[s==="x"?"width":"height"]):N=K(p.getBoundingClientRect()[s==="x"?"width":"height"]);const{totalGutterCssVar:U,totalStartEndGutterCssVar:H}=pe();return N+=U,j&&(N-=H),Q.current=N,N}function l(){V.current=[];const{itemsPerSlide:p}=pe();if(console.log({_itemsPerSlide:p}),D.current=p,A.length===0&&Re("Init is true but no items are available; carousel will not be initialized"),t==="fixed"&&O==="group"&&e.length%D.current!==0&&V.current.push("When using scrollAmountType='group' and itemsPerSlide={number>1} make sure that itemsPerSlides is divisible by the total quantity of items otherwise the carousel won't initialize."),t==="fluid"&&_!==void 0&&V.current.push('scrollAmountType="group" is not available for slideType="fluid"; please change one of them.'),V.current.length>0){ee();return}m(),f(),Z.current=y()/4,T(!0)}if(typeof r=="function")r().then(p=>{if(p)return l(),u!==void 0&&ve(u,!1),window.addEventListener("resize",d),document.addEventListener("visibilitychange",o),()=>{document.removeEventListener("visibilitychange",o),window.removeEventListener("resize",d)}});else{if(r)return l(),window.addEventListener("resize",d),document.addEventListener("visibilitychange",o),()=>{document.removeEventListener("visibilitychange",o),window.removeEventListener("resize",d)};T(!1)}},[Q,r,t,i,s]),E.useEffect(()=>{u!==void 0&&C&&ve(u,!1)},[C,u]),{carouselFragment:$.jsxs($.Fragment,{children:[$.jsx("style",{id:`carousel-container-${b}`,dangerouslySetInnerHTML:{__html:Lt(`
             :root {
-              --${v}-react-spring-carousel-item-gutter: 0px;
-              --${v}-react-spring-carousel-start-end-gutter: 0px;
-              --${v}-react-spring-carousel-items-per-slide: 1;
+              --${b}-react-spring-carousel-item-gutter: 0px;
+              --${b}-react-spring-carousel-start-end-gutter: 0px;
+              --${b}-react-spring-carousel-items-per-slide: 1;
             }
-            .carousel-${v} {
+            .carousel-${b} {
               display: flex;
               overflow: hidden;
               width: 100%;
-              height: ${s==="x"?"100%":`calc(100% - var(--${v}-react-spring-carousel-start-end-gutter) * 2)`};
-              padding: ${s==="x"?`0px var(--${v}-react-spring-carousel-start-end-gutter)`:`var(--${v}-react-spring-carousel-start-end-gutter) 0px`};
+              height: 100%;
+              padding: ${s==="x"?`0px var(--${b}-react-spring-carousel-start-end-gutter)`:`var(--${b}-react-spring-carousel-start-end-gutter) 0px`};
             }
-            .carousel-${v} .use-spring-carousel-track {
+            .carousel-${b} .use-spring-carousel-track {
               display: flex;
               width: 100%;
               position: relative;
               flex-direction: ${s==="x"?"row":"column"};
-              gap: var(--${v}-react-spring-carousel-item-gutter);
+              gap: var(--${b}-react-spring-carousel-item-gutter);
               touch-action: ${c?s==="x"?"pan-y":"pan-x":"auto"};
               overflow-x: ${t==="freeScroll"&&s==="x"?"auto":"initial"};
               overflow-y: ${t==="freeScroll"&&s==="y"?"auto":"initial"};
             }
-            .carousel-${v} .use-spring-carousel-track::after {
+            .carousel-${b} .use-spring-carousel-track::after {
               content: "";
               visibility: hidden;
               display: block;
-              width: var(--${v}-react-spring-carousel-start-end-gutter);
+              width: var(--${b}-react-spring-carousel-start-end-gutter);
               flex-shrink: 0;
             }
-            .carousel-${v} .use-spring-carousel-item {
+            .carousel-${b} .use-spring-carousel-item {
               position: relative;
               display: flex;
               width: 100%;
               height: 100%;
-              ${t==="fixed"?`flex: 0 0 calc(100% / var(--${v}-react-spring-carousel-items-per-slide) - calc(var(--${v}-react-spring-carousel-item-gutter) * (var(--${v}-react-spring-carousel-items-per-slide) - 1) / var(--${v}-react-spring-carousel-items-per-slide)));`:""}
+              ${t==="fixed"?`flex: 0 0 calc(100% / var(--${b}-react-spring-carousel-items-per-slide) - calc(var(--${b}-react-spring-carousel-item-gutter) * (var(--${b}-react-spring-carousel-items-per-slide) - 1) / var(--${b}-react-spring-carousel-items-per-slide)));`:""}
             }
-            ${S?`.carousel-${v} .use-spring-carousel-item {
+            ${S?`.carousel-${b} .use-spring-carousel-item {
                   position: absolute;
                   top: 0;
                   left: 0;
@@ -43,6 +43,6 @@
                   height: 100%;
                   opacity: 0;
                 }
-                .carousel-${v} .use-spring-carousel-item:first-child {
+                .carousel-${b} .use-spring-carousel-item:first-child {
                   opacity: 1;
-                }`.trim():""}`)}}),$.jsx("div",{className:`use-spring-carousel-container carousel-${v}`,ref:se,"data-carousel-direction":s,children:$.jsx("div",{className:"use-spring-carousel-track",...Bt(),ref:w,...Rt(),children:L.map((o,f)=>$.jsx("div",{className:"use-spring-carousel-item",id:o.id,children:o.renderItem},`${o.id}-${f}`))})})]}),useListenToCustomEvent:$t,slideToNextItem:()=>ge("click"),slideToPrevItem:()=>me("click"),slideToIem:(o,f=!0)=>{if(!C){ee();return}ve(o,f)},handleThumbsContainerScroll:jt,carouselId:v}}B.useSpringCarousel=Vt,Object.defineProperty(B,Symbol.toStringTag,{value:"Module"})});
+                }`.trim():""}`)}}),$.jsx("div",{className:`use-spring-carousel-container carousel-${b}`,ref:se,"data-carousel-direction":s,children:$.jsx("div",{className:"use-spring-carousel-track",...Bt(),ref:w,...Rt(),children:A.map((o,f)=>$.jsx("div",{className:"use-spring-carousel-item",id:o.id,children:o.renderItem},`${o.id}-${f}`))})})]}),useListenToCustomEvent:$t,slideToNextItem:()=>ge("click"),slideToPrevItem:()=>me("click"),slideToIem:(o,f=!0)=>{if(!C){ee();return}ve(o,f)},handleThumbsContainerScroll:jt,carouselId:b}}B.useSpringCarousel=Vt,Object.defineProperty(B,Symbol.toStringTag,{value:"Module"})});

package/package.json

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