react-spring-carousel 3.0.0-beta-2.1.3 → 3.0.0-beta-2.1.4

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs as ee, jsx as q } from "react/jsx-runtime";
 import { useSpringRef as re, useSpring as Mt } from "@react-spring/web";
-import at, { useRef as _, useEffect as G, useState as Tt, useCallback as ne, useMemo as ct } from "react";
+import at, { useRef as _, useEffect as F, useState as xt, useCallback as ne, useMemo as ct } from "react";
 function se(r, t, e) {
   return Math.max(t, Math.min(r, e));
 }
@@ -261,13 +261,13 @@ class we {
     } else
       d[0] = f[0] !== !1 ? a - f[0] : 0, d[1] = f[1] !== !1 ? u - f[1] : 0;
     this.restrictToAxis && !e._blocked && this.restrictToAxis(d);
-    const T = e.offset, I = e._active && !e._blocked || e.active;
+    const x = e.offset, I = e._active && !e._blocked || e.active;
     I && (e.first = e._active && !e.active, e.last = !e._active && e.active, e.active = s[this.ingKey] = e._active, t && (e.first && ("bounds" in n && (e._bounds = Z(n.bounds, e)), this.setup && this.setup()), e.movement = d, this.computeOffset()));
     const [L, P] = e.offset, [[A, O], [D, V]] = e._bounds;
     e.overflow = [L < A ? -1 : L > O ? 1 : 0, P < D ? -1 : P > V ? 1 : 0], e._movementBound[0] = e.overflow[0] ? e._movementBound[0] === !1 ? e._movement[0] : e._movementBound[0] : !1, e._movementBound[1] = e.overflow[1] ? e._movementBound[1] === !1 ? e._movement[1] : e._movementBound[1] : !1;
     const B = e._active ? n.rubberband || [0, 0] : [0, 0];
-    if (e.offset = ie(e._bounds, e.offset, B), e.delta = E.sub(e.offset, T), this.computeMovement(), I && (!e.last || o > _e)) {
-      e.delta = E.sub(e.offset, T);
+    if (e.offset = ie(e._bounds, e.offset, B), e.delta = E.sub(e.offset, x), this.computeMovement(), I && (!e.last || o > _e)) {
+      e.delta = E.sub(e.offset, x);
       const S = e.delta.map(Math.abs);
       E.addTo(e.distance, S), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && o > 0 && (e.velocity = [S[0] / o, S[1] / o], e.timeDelta = o);
     }
@@ -284,14 +284,14 @@ class we {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function xe([r, t], e) {
+function Te([r, t], e) {
   const n = Math.abs(r), s = Math.abs(t);
   if (n > s && n > e)
     return "x";
   if (s > n && s > e)
     return "y";
 }
-class Te extends we {
+class xe extends we {
   constructor(...t) {
     super(...t), C(this, "aliasKey", "xy");
   }
@@ -311,7 +311,7 @@ class Te extends we {
     const e = this.state, n = this.config;
     if (!e.axis && t) {
       const s = typeof n.axisThreshold == "object" ? n.axisThreshold[Vt(t)] : n.axisThreshold;
-      e.axis = xe(e._movement, s);
+      e.axis = Te(e._movement, s);
     }
     e._blocked = (n.lockDirection || !!n.axis) && !e.axis || !!n.axis && n.axis !== e.axis;
   }
@@ -416,7 +416,7 @@ const Ie = 0, Y = y(y({}, dt), {}, {
   ArrowUp: (r, t = 1) => [0, -1 * r * t],
   ArrowDown: (r, t = 1) => [0, r * t]
 };
-class Ee extends Te {
+class Ee extends xe {
   constructor(...t) {
     super(...t), C(this, "ingKey", "dragging");
   }
@@ -498,10 +498,10 @@ class Ee extends Te {
     if (e.tap = o <= n.tapsThreshold && a <= n.tapsThreshold, e.tap && n.filterTaps)
       e._force = !0;
     else {
-      const [u, c] = e._delta, [h, f] = e._movement, [b, d] = n.swipe.velocity, [T, I] = n.swipe.distance, L = n.swipe.duration;
+      const [u, c] = e._delta, [h, f] = e._movement, [b, d] = n.swipe.velocity, [x, I] = n.swipe.distance, L = n.swipe.duration;
       if (e.elapsedTime < L) {
         const P = Math.abs(u / e.timeDelta), A = Math.abs(c / e.timeDelta);
-        P > b && Math.abs(h) > T && (e.swipe[0] = Math.sign(u)), A > d && Math.abs(f) > I && (e.swipe[1] = Math.sign(c));
+        P > b && Math.abs(h) > x && (e.swipe[0] = Math.sign(u)), A > d && Math.abs(f) > I && (e.swipe[1] = Math.sign(c));
       }
     }
     this.emit();
@@ -848,7 +848,7 @@ class zt {
     this._listeners.forEach((t) => t()), this._listeners.clear();
   }
 }
-class Fe {
+class Ge {
   constructor() {
     C(this, "_timeouts", /* @__PURE__ */ new Map());
   }
@@ -863,7 +863,7 @@ class Fe {
     this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
   }
 }
-class Ge {
+class Fe {
   constructor(t) {
     C(this, "gestures", /* @__PURE__ */ new Set()), C(this, "_targetEventStore", new zt(this)), C(this, "gestureEventStores", {}), C(this, "gestureTimeoutStores", {}), C(this, "handlers", {}), C(this, "config", {}), C(this, "pointerIds", /* @__PURE__ */ new Set()), C(this, "touchIds", /* @__PURE__ */ new Set()), C(this, "state", {
       shared: {
@@ -930,11 +930,11 @@ class Ge {
     }
   }
 }
-function F(r, t) {
-  r.gestures.add(t), r.gestureEventStores[t] = new zt(r, t), r.gestureTimeoutStores[t] = new Fe();
+function G(r, t) {
+  r.gestures.add(t), r.gestureEventStores[t] = new zt(r, t), r.gestureTimeoutStores[t] = new Ge();
 }
 function We(r, t) {
-  t.drag && F(r, "drag"), t.wheel && F(r, "wheel"), t.scroll && F(r, "scroll"), t.move && F(r, "move"), t.pinch && F(r, "pinch"), t.hover && F(r, "hover");
+  t.drag && G(r, "drag"), t.wheel && G(r, "wheel"), t.scroll && G(r, "scroll"), t.move && G(r, "move"), t.pinch && G(r, "pinch"), t.hover && G(r, "hover");
 }
 const Rt = (r, t, e) => (n, s, o, a = {}, u = !1) => {
   var c, h;
@@ -943,7 +943,7 @@ const Rt = (r, t, e) => (n, s, o, a = {}, u = !1) => {
   e && b && (d += "Passive"), r[d] = r[d] || [], r[d].push(o);
 };
 function Ye(r, t = {}, e, n) {
-  const s = at.useMemo(() => new Ge(r), []);
+  const s = at.useMemo(() => new Fe(r), []);
   if (s.applyHandlers(r, n), s.applyConfig(t, e), at.useEffect(s.effect.bind(s)), at.useEffect(() => s.clean.bind(s), []), t.target === void 0)
     return s.bind.bind(s);
 }
@@ -966,14 +966,14 @@ function Xe(r) {
   t === "next" && (c += 1), t === "prev" && (c = c === 0 ? s - 1 : c - 1), n !== void 0 && (c = n);
   let d = 0;
   t === "next" && (d = -(c * a), o && c === s && (c = 0, h = h + a * s, d = 0), !o && (Math.abs(d) >= u || c === s - 1) && (b = !0, d = -u)), t === "prev" && (d = -(c * a), c === s - 1 && (h = h - s * a), !o && d >= 0 && (f = !0, d = 0)), e === "resize" && (d = -(c * a), o || (c === 0 && (f = !0), (c === s - 1 || Math.abs(d) >= u) && (b = !0, Math.abs(d) >= u && u > 0 && (d = -u))));
-  const T = o ? c % s : c, I = o ? s + c % s : c;
+  const x = o ? c % s : c, I = o ? s + c % s : c;
   return {
     newActive: c,
     fromValue: h,
     toValue: d,
     startReached: f,
     endReached: b,
-    logicalIndex: T,
+    logicalIndex: x,
     realTrackIndex: I
   };
 }
@@ -988,7 +988,7 @@ function qe() {
   const t = _(null);
   return t.current === null && (t.current = {
     useListenToCustomEvent(e) {
-      G(() => {
+      F(() => {
         const n = r.current;
         return n.add(e), () => {
           n.delete(e);
@@ -1015,9 +1015,9 @@ function rr({
   slideType: f = "item",
   initialActiveItem: b = 0,
   renderWindow: d,
-  renderPlaceholder: T
+  renderPlaceholder: x
 }) {
-  const [I, L] = Tt(!1), [, P] = Tt(0), A = _(r), O = _(null), D = _(null), V = _(0), B = _(0), S = _(!e), R = _(!1), et = _(0), w = _(0), ht = _(t);
+  const [I, L] = xt(!1), [, P] = xt(0), A = _(r), O = _(null), D = _(null), V = _(0), B = _(0), S = _(!e), R = _(!1), et = _(0), w = _(0), ht = _(t);
   ht.current = t;
   const pt = _(e);
   pt.current = e;
@@ -1041,7 +1041,7 @@ function rr({
         n
       );
     }
-  }), Ft = e ? t.length * 3 : t.length, { useListenToCustomEvent: vt, emitEvent: K } = qe();
+  }), Gt = e ? t.length * 3 : t.length, { useListenToCustomEvent: vt, emitEvent: K } = qe();
   function yt(i) {
     if (!i || i.length === 0) return null;
     let l = null, m = -1 / 0;
@@ -1053,7 +1053,7 @@ function rr({
     const { totalGutterCssVar: i } = _t();
     return i;
   }
-  function Gt() {
+  function Ft() {
     const i = yt(o);
     return (i == null ? void 0 : i.itemsPerSlide) || 1;
   }
@@ -1077,7 +1077,7 @@ function rr({
     toIndex: m,
     actionType: p
   }) {
-    var x, g;
+    var T, g;
     const k = !l;
     S.current = !1, R.current = !1;
     const v = Xe({
@@ -1098,7 +1098,7 @@ function rr({
       sliceActionType: p,
       slideDirection: i,
       currentItem: {
-        id: ((x = t.at(v.logicalIndex)) == null ? void 0 : x.id) ?? "",
+        id: ((T = t.at(v.logicalIndex)) == null ? void 0 : T.id) ?? "",
         index: v.logicalIndex,
         trackIndex: v.realTrackIndex,
         startReached: S.current,
@@ -1129,14 +1129,14 @@ function rr({
       onRest({ finished: M }) {
         var wt;
         if (M) {
-          const xt = e ? w.current % t.length : w.current, te = e ? t.length + w.current % t.length : w.current;
+          const Tt = e ? w.current % t.length : w.current, te = e ? t.length + w.current % t.length : w.current;
           K({
             eventName: "onSlideChangeComplete",
             sliceActionType: p,
             slideDirection: i,
             currentItem: {
-              index: xt,
-              id: ((wt = t.at(xt)) == null ? void 0 : wt.id) ?? "",
+              index: Tt,
+              id: ((wt = t.at(Tt)) == null ? void 0 : wt.id) ?? "",
               trackIndex: te,
               startReached: S.current,
               endReached: R.current
@@ -1162,10 +1162,10 @@ function rr({
       totalStartEndGutterCssVar: ((i == null ? void 0 : i.startEndGutter) || 0) * 2
     };
   }
-  G(() => {
-    function i(x) {
-      const g = Gt();
-      switch (x) {
+  F(() => {
+    function i(T) {
+      const g = Ft();
+      switch (T) {
         case "start":
           return 0;
         case "middle-start":
@@ -1182,15 +1182,15 @@ function rr({
     }
     function l() {
       B.current = Wt(), et.current = B.current / 4;
-      const { totalStartEndGutterCssVar: x } = _t();
+      const { totalStartEndGutterCssVar: T } = _t();
       let g = 0;
-      e && (g = B.current * t.length), g -= B.current * i(u), g -= x / 2, O.current.style.setProperty(
+      e && (g = B.current * t.length), g -= B.current * i(u), g -= T / 2, O.current.style.setProperty(
         `--${n}-offset-modifier`,
         `${-g}px`
       );
     }
-    function m(x) {
-      if (O.current && (l(), L(!0), x)) {
+    function m(T) {
+      if (O.current && (l(), L(!0), T)) {
         const g = mt(b), M = e ? t.length + g % t.length : g;
         K({ eventName: "onInit", index: g, trackIndex: M });
       }
@@ -1204,16 +1204,16 @@ function rr({
       });
     }
     function k() {
-      U.current === null && (U.current = requestAnimationFrame(() => {
+      U.current !== null && clearTimeout(U.current), U.current = window.setTimeout(() => {
         U.current = null;
-        const x = O.current;
-        if (!x) return;
-        const g = x.getBoundingClientRect();
+        const T = O.current;
+        if (!T) return;
+        const g = T.getBoundingClientRect();
         (g.width !== W.current.width || g.height !== W.current.height) && (W.current = {
           width: g.width,
           height: g.height
         }, p());
-      }));
+      }, 100);
     }
     function v() {
       setTimeout(() => {
@@ -1230,15 +1230,15 @@ function rr({
           height: g.height
         };
       }
-      const x = window.visualViewport ?? window;
-      return x.addEventListener("resize", k), window.addEventListener("orientationchange", v), () => {
-        x.removeEventListener("resize", k), window.removeEventListener(
+      const T = window.visualViewport ?? window;
+      return T.addEventListener("resize", k), window.addEventListener("orientationchange", v), () => {
+        T.removeEventListener("resize", k), window.removeEventListener(
           "orientationchange",
           v
-        ), U.current !== null && (cancelAnimationFrame(U.current), U.current = null);
+        ), U.current !== null && (clearTimeout(U.current), U.current = null);
       };
     }
-  }, [r, n, a, e]), G(() => {
+  }, [r, n, a, e]), F(() => {
     const i = mt(b);
     r && i !== w.current && z({
       type: "next",
@@ -1261,7 +1261,7 @@ function rr({
       j.current = null, l && K(l);
     }));
   }
-  G(
+  F(
     () => () => {
       N.current !== null && (cancelAnimationFrame(N.current), N.current = null), j.current = null;
     },
@@ -1271,7 +1271,7 @@ function rr({
     (i) => {
       if (!A.current)
         return;
-      const l = i.dragging, m = i.offset[a === "x" ? 0 : 1], p = i.movement[a === "x" ? 0 : 1], k = p > et.current, v = p < -et.current, x = i.velocity;
+      const l = i.dragging, m = i.offset[a === "x" ? 0 : 1], p = i.movement[a === "x" ? 0 : 1], k = p > et.current, v = p < -et.current, T = i.velocity;
       l && (Ht({
         ...i,
         eventName: "onDrag",
@@ -1280,7 +1280,7 @@ function rr({
         value: m,
         immediate: !0,
         config: {
-          velocity: x
+          velocity: T
         },
         onChange({ value: g }) {
           D.current.style.transform = J(
@@ -1298,7 +1298,7 @@ function rr({
       }), i.cancel()) : (X.start({
         value: V.current,
         config: {
-          velocity: x
+          velocity: T
         },
         onChange({ value: g }) {
           D.current.style.transform = J(
@@ -1425,7 +1425,7 @@ function rr({
               onScroll: () => {
                 S.current = !1, R.current = !1;
               },
-              children: Array.from({ length: Ft }, (i, l) => {
+              children: Array.from({ length: Gt }, (i, l) => {
                 const m = e ? l % t.length : l, p = t[m], k = e && (l < t.length || l >= t.length * 2);
                 if (d !== void 0) {
                   const g = e ? t.length + w.current % t.length : w.current;
@@ -1438,12 +1438,12 @@ function rr({
                         "data-part-internal": `${n}-Item`,
                         "data-id": p.id,
                         "aria-hidden": "true",
-                        children: T == null ? void 0 : T({ item: p, index: l, isClonedItem: k })
+                        children: x == null ? void 0 : x({ item: p, index: l, isClonedItem: k })
                       },
                       `${p.id}-${l}`
                     );
                 }
-                const v = Jt[m], x = Qt[m];
+                const v = Jt[m], T = Qt[m];
                 return /* @__PURE__ */ q(
                   "div",
                   {
@@ -1457,7 +1457,7 @@ function rr({
                       isClonedItem: k,
                       isActiveItem: qt,
                       isNextItem: v,
-                      isPrevItem: x
+                      isPrevItem: T
                     }) : p.renderItem
                   },
                   `${p.id}-${l}`
@@ -1533,13 +1533,13 @@ function nr({ container: r, onReach: t }) {
     }
     u === "prev" && c <= 0 && (e.current = "start", n.current = 0, c = 0, t && t("start")), o(c);
   }
-  return G(() => {
+  return F(() => {
     function u() {
       var O;
-      const T = lt(r.current), I = ((O = [...r.current.children].at(0)) == null ? void 0 : O.getBoundingClientRect().width) || 0, L = Array(r.current.childElementCount).fill(0).map((D, V) => ({
+      const x = lt(r.current), I = ((O = [...r.current.children].at(0)) == null ? void 0 : O.getBoundingClientRect().width) || 0, L = Array(r.current.childElementCount).fill(0).map((D, V) => ({
         index: V,
-        start: T * V,
-        end: T * (V + 1)
+        start: x * V,
+        end: x * (V + 1)
       })), P = r.current.scrollLeft + I, A = L.find(
         (D) => P >= D.start && P < D.end
       );
@@ -1548,8 +1548,8 @@ function nr({ container: r, onReach: t }) {
     function c() {
       s.stop();
     }
-    function h(T) {
-      const I = T.target;
+    function h(x) {
+      const I = x.target;
       I.scrollLeft === 0 ? (n.current = 0, e.current = "start", t && t("start")) : I.scrollLeft >= Nt(I) ? (e.current = "end", t && t("end")) : e.current !== "idle" && (e.current = "idle", t && t("idle"));
     }
     let f, b = 0;
@@ -1564,7 +1564,7 @@ function nr({ container: r, onReach: t }) {
       }), r.current.addEventListener("scroll", h), r.current.addEventListener("scroll", d), () => {
         r.current && (r.current.removeEventListener("scroll", d), r.current.removeEventListener("scroll", h), r.current.removeEventListener("wheel", c));
       };
-  }, [r, t]), G(() => {
+  }, [r, t]), F(() => {
     if (r.current) {
       const u = new ResizeObserver(() => {
         o(n.current * lt(r.current));

package/dist/index.umd.js

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

package/package.json

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