react-spring-carousel 3.0.0-beta-2.0.502 → 3.0.0-beta-2.0.504

package/dist/index.es.js

@@ -1,80 +1,80 @@
-import { jsxs as Mt, jsx as J } from "react/jsx-runtime";
-import { useSpring as Et } from "@react-spring/web";
-import Q, { useRef as C, useEffect as R, useState as Vt } from "react";
-function Rt(e, t, r) {
-  return Math.max(t, Math.min(e, r));
+import { jsxs as Me, jsx as J } from "react/jsx-runtime";
+import { useSpring as Ee } from "@react-spring/web";
+import Q, { useRef as C, useEffect as R, useState as Ve } from "react";
+function Re(t, e, r) {
+  return Math.max(e, Math.min(t, r));
 }
 const w = {
-  toVector(e, t) {
-    return e === void 0 && (e = t), Array.isArray(e) ? e : [e, e];
+  toVector(t, e) {
+    return t === void 0 && (t = e), Array.isArray(t) ? t : [t, t];
   },
-  add(e, t) {
-    return [e[0] + t[0], e[1] + t[1]];
+  add(t, e) {
+    return [t[0] + e[0], t[1] + e[1]];
   },
-  sub(e, t) {
-    return [e[0] - t[0], e[1] - t[1]];
+  sub(t, e) {
+    return [t[0] - e[0], t[1] - e[1]];
   },
-  addTo(e, t) {
-    e[0] += t[0], e[1] += t[1];
+  addTo(t, e) {
+    t[0] += e[0], t[1] += e[1];
   },
-  subTo(e, t) {
-    e[0] -= t[0], e[1] -= t[1];
+  subTo(t, e) {
+    t[0] -= e[0], t[1] -= e[1];
   }
 };
-function lt(e, t, r) {
-  return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(e, r * 5) : e * t * r / (t + r * e);
+function le(t, e, r) {
+  return e === 0 || Math.abs(e) === 1 / 0 ? Math.pow(t, r * 5) : t * e * r / (e + r * t);
 }
-function ft(e, t, r, n = 0.15) {
-  return n === 0 ? Rt(e, t, r) : e < t ? -lt(t - e, r - t, n) + t : e > r ? +lt(e - r, r - t, n) + r : e;
+function fe(t, e, r, n = 0.15) {
+  return n === 0 ? Re(t, e, r) : t < e ? -le(e - t, r - e, n) + e : t > r ? +le(t - r, r - e, n) + r : t;
 }
-function jt(e, [t, r], [n, s]) {
-  const [[o, a], [c, l]] = e;
-  return [ft(t, o, a, n), ft(r, c, l, s)];
+function je(t, [e, r], [n, s]) {
+  const [[o, a], [c, l]] = t;
+  return [fe(e, o, a, n), fe(r, c, l, s)];
 }
-function Bt(e, t) {
-  if (typeof e != "object" || e === null) return e;
-  var r = e[Symbol.toPrimitive];
+function Be(t, e) {
+  if (typeof t != "object" || t === null) return t;
+  var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var n = r.call(e, t);
+    var n = r.call(t, e);
     if (typeof n != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (e === "string" ? String : Number)(t);
 }
-function Ut(e) {
-  var t = Bt(e, "string");
-  return typeof t == "symbol" ? t : String(t);
+function Ue(t) {
+  var e = Be(t, "string");
+  return typeof e == "symbol" ? e : String(e);
 }
-function S(e, t, r) {
-  return t = Ut(t), t in e ? Object.defineProperty(e, t, {
+function x(t, e, r) {
+  return e = Ue(e), e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[t] = r, e;
+  }) : t[e] = r, t;
 }
-function dt(e, t) {
-  var r = Object.keys(e);
+function de(t, e) {
+  var r = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(t, s).enumerable;
     })), r.push.apply(r, n);
   }
   return r;
 }
-function p(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? dt(Object(r), !0).forEach(function(n) {
-      S(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dt(Object(r)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+function p(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? de(Object(r), !0).forEach(function(n) {
+      x(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : de(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
-  return e;
+  return t;
 }
-const Tt = {
+const Te = {
   pointer: {
     start: "down",
     change: "move",
@@ -96,106 +96,106 @@ const Tt = {
     end: "end"
   }
 };
-function ht(e) {
-  return e ? e[0].toUpperCase() + e.slice(1) : "";
+function he(t) {
+  return t ? t[0].toUpperCase() + t.slice(1) : "";
 }
-const Kt = ["enter", "leave"];
-function zt(e = !1, t) {
-  return e && !Kt.includes(t);
+const Ke = ["enter", "leave"];
+function ze(t = !1, e) {
+  return t && !Ke.includes(e);
 }
-function Gt(e, t = "", r = !1) {
-  const n = Tt[e], s = n && n[t] || t;
-  return "on" + ht(e) + ht(s) + (zt(r, s) ? "Capture" : "");
+function Ge(t, e = "", r = !1) {
+  const n = Te[t], s = n && n[e] || e;
+  return "on" + he(t) + he(s) + (ze(r, s) ? "Capture" : "");
 }
-const Wt = ["gotpointercapture", "lostpointercapture"];
-function Yt(e) {
-  let t = e.substring(2).toLowerCase();
-  const r = !!~t.indexOf("passive");
-  r && (t = t.replace("passive", ""));
-  const n = Wt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
-  return s && (t = t.replace("capture", "")), {
-    device: t,
+const We = ["gotpointercapture", "lostpointercapture"];
+function Ye(t) {
+  let e = t.substring(2).toLowerCase();
+  const r = !!~e.indexOf("passive");
+  r && (e = e.replace("passive", ""));
+  const n = We.includes(e) ? "capturecapture" : "capture", s = !!~e.indexOf(n);
+  return s && (e = e.replace("capture", "")), {
+    device: e,
     capture: s,
     passive: r
   };
 }
-function Ft(e, t = "") {
-  const r = Tt[e], n = r && r[t] || t;
-  return e + n;
+function Fe(t, e = "") {
+  const r = Te[t], n = r && r[e] || e;
+  return t + n;
 }
-function W(e) {
-  return "touches" in e;
+function W(t) {
+  return "touches" in t;
 }
-function St(e) {
-  return W(e) ? "touch" : "pointerType" in e ? e.pointerType : "mouse";
+function xe(t) {
+  return W(t) ? "touch" : "pointerType" in t ? t.pointerType : "mouse";
 }
-function Ht(e) {
-  return Array.from(e.touches).filter((t) => {
+function He(t) {
+  return Array.from(t.touches).filter((e) => {
     var r, n;
-    return t.target === e.currentTarget || ((r = e.currentTarget) === null || r === void 0 || (n = r.contains) === null || n === void 0 ? void 0 : n.call(r, t.target));
+    return e.target === t.currentTarget || ((r = t.currentTarget) === null || r === void 0 || (n = r.contains) === null || n === void 0 ? void 0 : n.call(r, e.target));
   });
 }
-function Xt(e) {
-  return e.type === "touchend" || e.type === "touchcancel" ? e.changedTouches : e.targetTouches;
+function Xe(t) {
+  return t.type === "touchend" || t.type === "touchcancel" ? t.changedTouches : t.targetTouches;
 }
-function xt(e) {
-  return W(e) ? Xt(e)[0] : e;
+function Se(t) {
+  return W(t) ? Xe(t)[0] : t;
 }
-function qt(e) {
-  return Ht(e).map((t) => t.identifier);
+function qe(t) {
+  return He(t).map((e) => e.identifier);
 }
-function Z(e) {
-  const t = xt(e);
-  return W(e) ? t.identifier : t.pointerId;
+function Z(t) {
+  const e = Se(t);
+  return W(t) ? e.identifier : e.pointerId;
 }
-function pt(e) {
-  const t = xt(e);
-  return [t.clientX, t.clientY];
+function pe(t) {
+  const e = Se(t);
+  return [e.clientX, e.clientY];
 }
-function Jt(e) {
-  const t = {};
-  if ("buttons" in e && (t.buttons = e.buttons), "shiftKey" in e) {
+function Je(t) {
+  const e = {};
+  if ("buttons" in t && (e.buttons = t.buttons), "shiftKey" in t) {
     const {
       shiftKey: r,
       altKey: n,
       metaKey: s,
       ctrlKey: o
-    } = e;
-    Object.assign(t, {
+    } = t;
+    Object.assign(e, {
       shiftKey: r,
       altKey: n,
       metaKey: s,
       ctrlKey: o
     });
   }
-  return t;
+  return e;
 }
-function G(e, ...t) {
-  return typeof e == "function" ? e(...t) : e;
+function G(t, ...e) {
+  return typeof t == "function" ? t(...e) : t;
 }
-function Qt() {
+function Qe() {
 }
-function Zt(...e) {
-  return e.length === 0 ? Qt : e.length === 1 ? e[0] : function() {
-    let t;
-    for (const r of e)
-      t = r.apply(this, arguments) || t;
-    return t;
+function Ze(...t) {
+  return t.length === 0 ? Qe : t.length === 1 ? t[0] : function() {
+    let e;
+    for (const r of t)
+      e = r.apply(this, arguments) || e;
+    return e;
   };
 }
-function mt(e, t) {
-  return Object.assign({}, t, e || {});
+function me(t, e) {
+  return Object.assign({}, e, t || {});
 }
-const te = 32;
-class ee {
-  constructor(t, r, n) {
-    this.ctrl = t, this.args = r, this.key = n, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
+const et = 32;
+class tt {
+  constructor(e, r, n) {
+    this.ctrl = e, this.args = r, 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(t) {
-    this.ctrl.state[this.key] = t;
+  set state(e) {
+    this.ctrl.state[this.key] = e;
   }
   get shared() {
     return this.ctrl.state.shared;
@@ -217,26 +217,26 @@ class ee {
   }
   reset() {
     const {
-      state: t,
+      state: e,
       shared: r,
       ingKey: n,
       args: s
     } = this;
-    r[n] = t._active = t.active = t._blocked = t._force = !1, t._step = [!1, !1], t.intentional = !1, t._movement = [0, 0], t._distance = [0, 0], t._direction = [0, 0], t._delta = [0, 0], t._bounds = [[-1 / 0, 1 / 0], [-1 / 0, 1 / 0]], t.args = s, t.axis = void 0, t.memo = void 0, t.elapsedTime = t.timeDelta = 0, t.direction = [0, 0], t.distance = [0, 0], t.overflow = [0, 0], t._movementBound = [!1, !1], t.velocity = [0, 0], t.movement = [0, 0], t.delta = [0, 0], t.timeStamp = 0;
+    r[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(t) {
+  start(e) {
     const r = this.state, n = this.config;
-    r._active || (this.reset(), this.computeInitial(), r._active = !0, r.target = t.target, r.currentTarget = t.currentTarget, r.lastOffset = n.from ? G(n.from, r) : r.offset, r.offset = r.lastOffset, r.startTime = r.timeStamp = t.timeStamp);
+    r._active || (this.reset(), this.computeInitial(), r._active = !0, r.target = e.target, r.currentTarget = e.currentTarget, r.lastOffset = n.from ? G(n.from, r) : r.offset, r.offset = r.lastOffset, r.startTime = r.timeStamp = e.timeStamp);
   }
-  computeValues(t) {
+  computeValues(e) {
     const r = this.state;
-    r._values = t, r.values = this.config.transform(t);
+    r._values = e, r.values = this.config.transform(e);
   }
   computeInitial() {
-    const t = this.state;
-    t._initial = t._values, t.initial = t.values;
+    const e = this.state;
+    e._initial = e._values, e.initial = e.values;
   }
-  compute(t) {
+  compute(e) {
     const {
       state: r,
       config: n,
@@ -244,11 +244,11 @@ class ee {
     } = this;
     r.args = this.args;
     let o = 0;
-    if (t && (r.event = t, n.preventDefault && t.cancelable && r.event.preventDefault(), r.type = t.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, Jt(t)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, o = t.timeStamp - r.timeStamp, r.timeStamp = t.timeStamp, r.elapsedTime = r.timeStamp - r.startTime), r._active) {
+    if (e && (r.event = e, n.preventDefault && e.cancelable && r.event.preventDefault(), r.type = e.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, Je(e)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, o = e.timeStamp - r.timeStamp, r.timeStamp = e.timeStamp, r.elapsedTime = r.timeStamp - r.startTime), r._active) {
       const O = r._delta.map(Math.abs);
       w.addTo(r._distance, O);
     }
-    this.axisIntent && this.axisIntent(t);
+    this.axisIntent && this.axisIntent(e);
     const [a, c] = r._movement, [l, d] = n.threshold, {
       _step: u,
       values: v
@@ -262,38 +262,38 @@ class ee {
       m[0] = u[0] !== !1 ? a - u[0] : 0, m[1] = u[1] !== !1 ? c - u[1] : 0;
     this.restrictToAxis && !r._blocked && this.restrictToAxis(m);
     const E = r.offset, k = r._active && !r._blocked || r.active;
-    k && (r.first = r._active && !r.active, r.last = !r._active && r.active, r.active = s[this.ingKey] = r._active, t && (r.first && ("bounds" in n && (r._bounds = G(n.bounds, r)), this.setup && this.setup()), r.movement = m, this.computeOffset()));
-    const [P, y] = r.offset, [[$, N], [b, x]] = r._bounds;
-    r.overflow = [P < $ ? -1 : P > N ? 1 : 0, y < b ? -1 : y > x ? 1 : 0], r._movementBound[0] = r.overflow[0] ? r._movementBound[0] === !1 ? r._movement[0] : r._movementBound[0] : !1, r._movementBound[1] = r.overflow[1] ? r._movementBound[1] === !1 ? r._movement[1] : r._movementBound[1] : !1;
+    k && (r.first = r._active && !r.active, r.last = !r._active && r.active, r.active = s[this.ingKey] = r._active, e && (r.first && ("bounds" in n && (r._bounds = G(n.bounds, r)), this.setup && this.setup()), r.movement = m, this.computeOffset()));
+    const [P, y] = r.offset, [[$, N], [b, S]] = r._bounds;
+    r.overflow = [P < $ ? -1 : P > N ? 1 : 0, y < b ? -1 : y > S ? 1 : 0], r._movementBound[0] = r.overflow[0] ? r._movementBound[0] === !1 ? r._movement[0] : r._movementBound[0] : !1, r._movementBound[1] = r.overflow[1] ? r._movementBound[1] === !1 ? r._movement[1] : r._movementBound[1] : !1;
     const L = r._active ? n.rubberband || [0, 0] : [0, 0];
-    if (r.offset = jt(r._bounds, r.offset, L), r.delta = w.sub(r.offset, E), this.computeMovement(), k && (!r.last || o > te)) {
+    if (r.offset = je(r._bounds, r.offset, L), r.delta = w.sub(r.offset, E), this.computeMovement(), k && (!r.last || o > et)) {
       r.delta = w.sub(r.offset, E);
       const O = r.delta.map(Math.abs);
       w.addTo(r.distance, O), r.direction = r.delta.map(Math.sign), r._direction = r._delta.map(Math.sign), !r.first && o > 0 && (r.velocity = [O[0] / o, O[1] / o], r.timeDelta = o);
     }
   }
   emit() {
-    const t = this.state, r = this.shared, n = this.config;
-    if (t._active || this.clean(), (t._blocked || !t.intentional) && !t._force && !n.triggerAllEvents) return;
-    const s = this.handler(p(p(p({}, r), t), {}, {
-      [this.aliasKey]: t.values
+    const e = this.state, r = this.shared, n = this.config;
+    if (e._active || this.clean(), (e._blocked || !e.intentional) && !e._force && !n.triggerAllEvents) return;
+    const s = this.handler(p(p(p({}, r), e), {}, {
+      [this.aliasKey]: e.values
     }));
-    s !== void 0 && (t.memo = s);
+    s !== void 0 && (e.memo = s);
   }
   clean() {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function re([e, t], r) {
-  const n = Math.abs(e), s = Math.abs(t);
+function rt([t, e], r) {
+  const n = Math.abs(t), s = Math.abs(e);
   if (n > s && n > r)
     return "x";
   if (s > n && s > r)
     return "y";
 }
-class ne extends ee {
-  constructor(...t) {
-    super(...t), S(this, "aliasKey", "xy");
+class nt extends tt {
+  constructor(...e) {
+    super(...e), x(this, "aliasKey", "xy");
   }
   reset() {
     super.reset(), this.state.axis = void 0;
@@ -307,139 +307,139 @@ class ne extends ee {
   computeMovement() {
     this.state.movement = w.sub(this.state.offset, this.state.lastOffset);
   }
-  axisIntent(t) {
+  axisIntent(e) {
     const r = this.state, n = this.config;
-    if (!r.axis && t) {
-      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[St(t)] : n.axisThreshold;
-      r.axis = re(r._movement, s);
+    if (!r.axis && e) {
+      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[xe(e)] : n.axisThreshold;
+      r.axis = rt(r._movement, s);
     }
     r._blocked = (n.lockDirection || !!n.axis) && !r.axis || !!n.axis && n.axis !== r.axis;
   }
-  restrictToAxis(t) {
+  restrictToAxis(e) {
     if (this.config.axis || this.config.lockDirection)
       switch (this.state.axis) {
         case "x":
-          t[1] = 0;
+          e[1] = 0;
           break;
         case "y":
-          t[0] = 0;
+          e[0] = 0;
           break;
       }
   }
 }
-const gt = (e) => e, vt = 0.15, nt = {
-  enabled(e = !0) {
-    return e;
+const ge = (t) => t, ve = 0.15, ne = {
+  enabled(t = !0) {
+    return t;
   },
-  eventOptions(e, t, r) {
-    return p(p({}, r.shared.eventOptions), e);
+  eventOptions(t, e, r) {
+    return p(p({}, r.shared.eventOptions), t);
   },
-  preventDefault(e = !1) {
-    return e;
+  preventDefault(t = !1) {
+    return t;
   },
-  triggerAllEvents(e = !1) {
-    return e;
+  triggerAllEvents(t = !1) {
+    return t;
   },
-  rubberband(e = 0) {
-    switch (e) {
+  rubberband(t = 0) {
+    switch (t) {
       case !0:
-        return [vt, vt];
+        return [ve, ve];
       case !1:
         return [0, 0];
       default:
-        return w.toVector(e);
+        return w.toVector(t);
     }
   },
-  from(e) {
-    if (typeof e == "function") return e;
-    if (e != null) return w.toVector(e);
+  from(t) {
+    if (typeof t == "function") return t;
+    if (t != null) return w.toVector(t);
   },
-  transform(e, t, r) {
-    const n = e || r.shared.transform;
+  transform(t, e, r) {
+    const n = t || r.shared.transform;
     if (this.hasCustomTransform = !!n, process.env.NODE_ENV === "development") {
-      const s = n || gt;
+      const s = n || ge;
       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 || gt;
+    return n || ge;
   },
-  threshold(e) {
-    return w.toVector(e, 0);
+  threshold(t) {
+    return w.toVector(t, 0);
   }
 };
-process.env.NODE_ENV === "development" && Object.assign(nt, {
-  domTarget(e) {
-    if (e !== void 0)
+process.env.NODE_ENV === "development" && Object.assign(ne, {
+  domTarget(t) {
+    if (t !== void 0)
       throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
     return NaN;
   },
-  lockDirection(e) {
-    if (e !== void 0)
+  lockDirection(t) {
+    if (t !== void 0)
       throw Error("[@use-gesture]: `lockDirection` option has been merged with `axis`. Use it as in `{ axis: 'lock' }`");
     return NaN;
   },
-  initial(e) {
-    if (e !== void 0)
+  initial(t) {
+    if (t !== void 0)
       throw Error("[@use-gesture]: `initial` option has been renamed to `from`.");
     return NaN;
   }
 });
-const se = 0, j = p(p({}, nt), {}, {
-  axis(e, t, {
+const st = 0, j = p(p({}, ne), {}, {
+  axis(t, e, {
     axis: r
   }) {
     if (this.lockDirection = r === "lock", !this.lockDirection) return r;
   },
-  axisThreshold(e = se) {
-    return e;
+  axisThreshold(t = st) {
+    return t;
   },
-  bounds(e = {}) {
-    if (typeof e == "function")
-      return (o) => j.bounds(e(o));
-    if ("current" in e)
-      return () => e.current;
-    if (typeof HTMLElement == "function" && e instanceof HTMLElement)
-      return e;
+  bounds(t = {}) {
+    if (typeof t == "function")
+      return (o) => j.bounds(t(o));
+    if ("current" in t)
+      return () => t.current;
+    if (typeof HTMLElement == "function" && t instanceof HTMLElement)
+      return t;
     const {
-      left: t = -1 / 0,
+      left: e = -1 / 0,
       right: r = 1 / 0,
       top: n = -1 / 0,
       bottom: s = 1 / 0
-    } = e;
-    return [[t, r], [n, s]];
-  }
-}), yt = {
-  ArrowRight: (e, t = 1) => [e * t, 0],
-  ArrowLeft: (e, t = 1) => [-1 * e * t, 0],
-  ArrowUp: (e, t = 1) => [0, -1 * e * t],
-  ArrowDown: (e, t = 1) => [0, e * t]
+    } = t;
+    return [[e, r], [n, s]];
+  }
+}), ye = {
+  ArrowRight: (t, e = 1) => [t * e, 0],
+  ArrowLeft: (t, e = 1) => [-1 * t * e, 0],
+  ArrowUp: (t, e = 1) => [0, -1 * t * e],
+  ArrowDown: (t, e = 1) => [0, t * e]
 };
-class ie extends ne {
-  constructor(...t) {
-    super(...t), S(this, "ingKey", "dragging");
+class it extends nt {
+  constructor(...e) {
+    super(...e), x(this, "ingKey", "dragging");
   }
   reset() {
     super.reset();
-    const t = this.state;
-    t._pointerId = void 0, t._pointerActive = !1, t._keyboardActive = !1, t._preventScroll = !1, t._delayed = !1, t.swipe = [0, 0], t.tap = !1, t.canceled = !1, t.cancel = this.cancel.bind(this);
+    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 t = this.state;
-    if (t._bounds instanceof HTMLElement) {
-      const r = t._bounds.getBoundingClientRect(), n = t.currentTarget.getBoundingClientRect(), s = {
-        left: r.left - n.left + t.offset[0],
-        right: r.right - n.right + t.offset[0],
-        top: r.top - n.top + t.offset[1],
-        bottom: r.bottom - n.bottom + t.offset[1]
+    const e = this.state;
+    if (e._bounds instanceof HTMLElement) {
+      const r = e._bounds.getBoundingClientRect(), n = e.currentTarget.getBoundingClientRect(), s = {
+        left: r.left - n.left + e.offset[0],
+        right: r.right - n.right + e.offset[0],
+        top: r.top - n.top + e.offset[1],
+        bottom: r.bottom - n.bottom + e.offset[1]
       };
-      t._bounds = j.bounds(s);
+      e._bounds = j.bounds(s);
     }
   }
   cancel() {
-    const t = this.state;
-    t.canceled || (t.canceled = !0, t._active = !1, setTimeout(() => {
+    const e = this.state;
+    e.canceled || (e.canceled = !0, e._active = !1, setTimeout(() => {
       this.compute(), this.emit();
     }, 0));
   }
@@ -449,24 +449,24 @@ class ie extends ne {
   clean() {
     this.pointerClean(), this.state._pointerActive = !1, this.state._keyboardActive = !1, super.clean();
   }
-  pointerDown(t) {
+  pointerDown(e) {
     const r = this.config, n = this.state;
-    if (t.buttons != null && (Array.isArray(r.pointerButtons) ? !r.pointerButtons.includes(t.buttons) : r.pointerButtons !== -1 && r.pointerButtons !== t.buttons)) return;
-    const s = this.ctrl.setEventIds(t);
-    r.pointerCapture && t.target.setPointerCapture(t.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(t), this.setupPointer(t), n._pointerId = Z(t), n._pointerActive = !0, this.computeValues(pt(t)), this.computeInitial(), r.preventScrollAxis && St(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : r.delay > 0 ? (this.setupDelayTrigger(t), r.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
+    if (e.buttons != null && (Array.isArray(r.pointerButtons) ? !r.pointerButtons.includes(e.buttons) : r.pointerButtons !== -1 && r.pointerButtons !== e.buttons)) return;
+    const s = this.ctrl.setEventIds(e);
+    r.pointerCapture && e.target.setPointerCapture(e.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(e), this.setupPointer(e), n._pointerId = Z(e), n._pointerActive = !0, this.computeValues(pe(e)), this.computeInitial(), r.preventScrollAxis && xe(e) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(e)) : r.delay > 0 ? (this.setupDelayTrigger(e), r.triggerAllEvents && (this.compute(e), this.emit())) : this.startPointerDrag(e));
   }
-  startPointerDrag(t) {
+  startPointerDrag(e) {
     const r = this.state;
-    r._active = !0, r._preventScroll = !0, r._delayed = !1, this.compute(t), this.emit();
+    r._active = !0, r._preventScroll = !0, r._delayed = !1, this.compute(e), this.emit();
   }
-  pointerMove(t) {
+  pointerMove(e) {
     const r = this.state, n = this.config;
     if (!r._pointerActive) return;
-    const s = Z(t);
+    const s = Z(e);
     if (r._pointerId !== void 0 && s !== r._pointerId) return;
-    const o = pt(t);
-    if (document.pointerLockElement === t.target ? r._delta = [t.movementX, t.movementY] : (r._delta = w.sub(o, r._values), this.computeValues(o)), w.addTo(r._movement, r._delta), this.compute(t), r._delayed && r.intentional) {
-      this.timeoutStore.remove("dragDelay"), r.active = !1, this.startPointerDrag(t);
+    const o = pe(e);
+    if (document.pointerLockElement === e.target ? r._delta = [e.movementX, e.movementY] : (r._delta = w.sub(o, r._values), this.computeValues(o)), w.addTo(r._movement, r._delta), this.compute(e), r._delayed && r.intentional) {
+      this.timeoutStore.remove("dragDelay"), r.active = !1, this.startPointerDrag(e);
       return;
     }
     if (n.preventScrollAxis && !r._preventScroll)
@@ -475,25 +475,25 @@ class ie extends ne {
           r._active = !1, this.clean();
           return;
         } else {
-          this.timeoutStore.remove("startPointerDrag"), this.startPointerDrag(t);
+          this.timeoutStore.remove("startPointerDrag"), this.startPointerDrag(e);
           return;
         }
       else
         return;
     this.emit();
   }
-  pointerUp(t) {
-    this.ctrl.setEventIds(t);
+  pointerUp(e) {
+    this.ctrl.setEventIds(e);
     try {
-      this.config.pointerCapture && t.target.hasPointerCapture(t.pointerId) && t.target.releasePointerCapture(t.pointerId);
+      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 r = this.state, n = this.config;
     if (!r._active || !r._pointerActive) return;
-    const s = Z(t);
+    const s = Z(e);
     if (r._pointerId !== void 0 && s !== r._pointerId) return;
-    this.state._pointerActive = !1, this.setActive(), this.compute(t);
+    this.state._pointerActive = !1, this.setActive(), this.compute(e);
     const [o, a] = r._distance;
     if (r.tap = o <= n.tapsThreshold && a <= n.tapsThreshold, r.tap && n.filterTaps)
       r._force = !0;
@@ -506,74 +506,74 @@ class ie extends ne {
     }
     this.emit();
   }
-  pointerClick(t) {
-    !this.state.tap && t.detail > 0 && (t.preventDefault(), t.stopPropagation());
+  pointerClick(e) {
+    !this.state.tap && e.detail > 0 && (e.preventDefault(), e.stopPropagation());
   }
-  setupPointer(t) {
+  setupPointer(e) {
     const r = this.config, n = r.device;
     if (process.env.NODE_ENV === "development")
       try {
         if (n === "pointer" && r.preventScrollDelay === void 0) {
-          const s = "uv" in t ? t.sourceEvent.currentTarget : t.currentTarget;
+          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 {
       }
-    r.pointerLock && t.currentTarget.requestPointerLock(), r.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)));
+    r.pointerLock && e.currentTarget.requestPointerLock(), r.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(t) {
-    this.state._preventScroll && t.cancelable && t.preventDefault();
+  preventScroll(e) {
+    this.state._preventScroll && e.cancelable && e.preventDefault();
   }
-  setupScrollPrevention(t) {
-    this.state._preventScroll = !1, oe(t);
+  setupScrollPrevention(e) {
+    this.state._preventScroll = !1, ot(e);
     const r = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
       passive: !1
     });
-    this.eventStore.add(this.sharedConfig.window, "touch", "end", r), this.eventStore.add(this.sharedConfig.window, "touch", "cancel", r), this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScrollDelay, t);
+    this.eventStore.add(this.sharedConfig.window, "touch", "end", r), this.eventStore.add(this.sharedConfig.window, "touch", "cancel", r), this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScrollDelay, e);
   }
-  setupDelayTrigger(t) {
+  setupDelayTrigger(e) {
     this.state._delayed = !0, this.timeoutStore.add("dragDelay", () => {
-      this.state._step = [0, 0], this.startPointerDrag(t);
+      this.state._step = [0, 0], this.startPointerDrag(e);
     }, this.config.delay);
   }
-  keyDown(t) {
-    const r = yt[t.key];
+  keyDown(e) {
+    const r = ye[e.key];
     if (r) {
-      const n = this.state, s = t.shiftKey ? 10 : t.altKey ? 0.1 : 1;
-      this.start(t), n._delta = r(this.config.keyboardDisplacement, s), n._keyboardActive = !0, w.addTo(n._movement, n._delta), this.compute(t), this.emit();
+      const n = this.state, s = e.shiftKey ? 10 : e.altKey ? 0.1 : 1;
+      this.start(e), n._delta = r(this.config.keyboardDisplacement, s), n._keyboardActive = !0, w.addTo(n._movement, n._delta), this.compute(e), this.emit();
     }
   }
-  keyUp(t) {
-    t.key in yt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
+  keyUp(e) {
+    e.key in ye && (this.state._keyboardActive = !1, this.setActive(), this.compute(e), this.emit());
   }
-  bind(t) {
+  bind(e) {
     const r = this.config.device;
-    t(r, "start", this.pointerDown.bind(this)), this.config.pointerCapture && (t(r, "change", this.pointerMove.bind(this)), t(r, "end", this.pointerUp.bind(this)), t(r, "cancel", this.pointerUp.bind(this)), t("lostPointerCapture", "", this.pointerUp.bind(this))), this.config.keys && (t("key", "down", this.keyDown.bind(this)), t("key", "up", this.keyUp.bind(this))), this.config.filterTaps && t("click", "", this.pointerClick.bind(this), {
+    e(r, "start", this.pointerDown.bind(this)), this.config.pointerCapture && (e(r, "change", this.pointerMove.bind(this)), e(r, "end", this.pointerUp.bind(this)), e(r, "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 oe(e) {
-  "persist" in e && typeof e.persist == "function" && e.persist();
+function ot(t) {
+  "persist" in t && typeof t.persist == "function" && t.persist();
 }
 const B = typeof window < "u" && window.document && window.document.createElement;
-function It() {
+function Ie() {
   return B && "ontouchstart" in window;
 }
-function ae() {
-  return It() || B && window.navigator.maxTouchPoints > 1;
+function at() {
+  return Ie() || B && window.navigator.maxTouchPoints > 1;
 }
-function ce() {
+function ct() {
   return B && "onpointerdown" in window;
 }
-function ue() {
+function ut() {
   return B && "exitPointerLock" in window.document;
 }
-function le() {
+function lt() {
   try {
     return "constructor" in GestureEvent;
   } catch {
@@ -582,17 +582,17 @@ function le() {
 }
 const D = {
   isBrowser: B,
-  gesture: le(),
-  touch: It(),
-  touchscreen: ae(),
-  pointer: ce(),
-  pointerLock: ue()
-}, fe = 250, de = 180, he = 0.5, pe = 50, me = 250, ge = 10, bt = {
+  gesture: lt(),
+  touch: Ie(),
+  touchscreen: at(),
+  pointer: ct(),
+  pointerLock: ut()
+}, ft = 250, dt = 180, ht = 0.5, pt = 50, mt = 250, gt = 10, be = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, kt = p(p({}, j), {}, {
-  device(e, t, {
+}, ke = p(p({}, j), {}, {
+  device(t, e, {
     pointer: {
       touch: r = !1,
       lock: n = !1,
@@ -601,13 +601,13 @@ const D = {
   }) {
     return this.pointerLock = n && D.pointerLock, D.touch && r ? "touch" : this.pointerLock ? "mouse" : D.pointer && !s ? "pointer" : D.touch ? "touch" : "mouse";
   },
-  preventScrollAxis(e, t, {
+  preventScrollAxis(t, e, {
     preventScroll: r
   }) {
-    if (this.preventScrollDelay = typeof r == "number" ? r : r || r === void 0 && e ? fe : void 0, !(!D.touchscreen || r === !1))
-      return e || (r !== void 0 ? "y" : void 0);
+    if (this.preventScrollDelay = typeof r == "number" ? r : r || r === void 0 && t ? ft : void 0, !(!D.touchscreen || r === !1))
+      return t || (r !== void 0 ? "y" : void 0);
   },
-  pointerCapture(e, t, {
+  pointerCapture(t, e, {
     pointer: {
       capture: r = !0,
       buttons: n = 1,
@@ -616,71 +616,71 @@ const D = {
   }) {
     return this.pointerButtons = n, this.keys = s, !this.pointerLock && this.device === "pointer" && r;
   },
-  threshold(e, t, {
+  threshold(t, e, {
     filterTaps: r = !1,
     tapsThreshold: n = 3,
     axis: s = void 0
   }) {
-    const o = w.toVector(e, r ? n : s ? 1 : 0);
+    const o = w.toVector(t, r ? n : s ? 1 : 0);
     return this.filterTaps = r, this.tapsThreshold = n, o;
   },
   swipe({
-    velocity: e = he,
-    distance: t = pe,
-    duration: r = me
+    velocity: t = ht,
+    distance: e = pt,
+    duration: r = mt
   } = {}) {
     return {
-      velocity: this.transform(w.toVector(e)),
-      distance: this.transform(w.toVector(t)),
+      velocity: this.transform(w.toVector(t)),
+      distance: this.transform(w.toVector(e)),
       duration: r
     };
   },
-  delay(e = 0) {
-    switch (e) {
+  delay(t = 0) {
+    switch (t) {
       case !0:
-        return de;
+        return dt;
       case !1:
         return 0;
       default:
-        return e;
+        return t;
     }
   },
-  axisThreshold(e) {
-    return e ? p(p({}, bt), e) : bt;
+  axisThreshold(t) {
+    return t ? p(p({}, be), t) : be;
   },
-  keyboardDisplacement(e = ge) {
-    return e;
+  keyboardDisplacement(t = gt) {
+    return t;
   }
 });
-process.env.NODE_ENV === "development" && Object.assign(kt, {
-  useTouch(e) {
-    if (e !== void 0)
+process.env.NODE_ENV === "development" && Object.assign(ke, {
+  useTouch(t) {
+    if (t !== 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(e) {
-    if (e !== void 0)
+  experimental_preventWindowScrollY(t) {
+    if (t !== void 0)
       throw Error("[@use-gesture]: `experimental_preventWindowScrollY` option has been renamed to `preventScroll`.");
     return NaN;
   },
-  swipeVelocity(e) {
-    if (e !== void 0)
+  swipeVelocity(t) {
+    if (t !== 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(e) {
-    if (e !== void 0)
+  swipeDistance(t) {
+    if (t !== void 0)
       throw Error("[@use-gesture]: `swipeDistance` option has been renamed to `swipe.distance`. Use it as in `{ swipe: { distance: 50 } }`.");
     return NaN;
   },
-  swipeDuration(e) {
-    if (e !== void 0)
+  swipeDuration(t) {
+    if (t !== void 0)
       throw Error("[@use-gesture]: `swipeDuration` option has been renamed to `swipe.duration`. Use it as in `{ swipe: { duration: 250 } }`.");
     return NaN;
   }
 });
-p(p({}, nt), {}, {
-  device(e, t, {
+p(p({}, ne), {}, {
+  device(t, e, {
     shared: r,
     pointer: {
       touch: n = !1
@@ -693,18 +693,18 @@ p(p({}, nt), {}, {
       if (D.touch) return "touch";
     }
   },
-  bounds(e, t, {
+  bounds(t, e, {
     scaleBounds: r = {},
     angleBounds: n = {}
   }) {
     const s = (a) => {
-      const c = mt(G(r, a), {
+      const c = me(G(r, a), {
         min: -1 / 0,
         max: 1 / 0
       });
       return [c.min, c.max];
     }, o = (a) => {
-      const c = mt(G(n, a), {
+      const c = me(G(n, a), {
         min: -1 / 0,
         max: 1 / 0
       });
@@ -712,114 +712,114 @@ p(p({}, nt), {}, {
     };
     return typeof r != "function" && typeof n != "function" ? [s(), o()] : (a) => [s(a), o(a)];
   },
-  threshold(e, t, r) {
-    return this.lockDirection = r.axis === "lock", w.toVector(e, this.lockDirection ? [0.1, 3] : 0);
+  threshold(t, e, r) {
+    return this.lockDirection = r.axis === "lock", w.toVector(t, this.lockDirection ? [0.1, 3] : 0);
   },
-  modifierKey(e) {
-    return e === void 0 ? "ctrlKey" : e;
+  modifierKey(t) {
+    return t === void 0 ? "ctrlKey" : t;
   },
-  pinchOnWheel(e = !0) {
-    return e;
+  pinchOnWheel(t = !0) {
+    return t;
   }
 });
 p(p({}, j), {}, {
-  mouseOnly: (e = !0) => e
+  mouseOnly: (t = !0) => t
 });
 p(p({}, j), {}, {
-  mouseOnly: (e = !0) => e
+  mouseOnly: (t = !0) => t
 });
-const Ct = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map();
-function ve(e) {
-  Ct.set(e.key, e.engine), rt.set(e.key, e.resolver);
+const Ce = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map();
+function vt(t) {
+  Ce.set(t.key, t.engine), re.set(t.key, t.resolver);
 }
-const ye = {
+const yt = {
   key: "drag",
-  engine: ie,
-  resolver: kt
+  engine: it,
+  resolver: ke
 };
-function be(e, t) {
-  if (e == null) return {};
-  var r = {}, n = Object.keys(e), s, o;
+function bt(t, e) {
+  if (t == null) return {};
+  var r = {}, n = Object.keys(t), s, o;
   for (o = 0; o < n.length; o++)
-    s = n[o], !(t.indexOf(s) >= 0) && (r[s] = e[s]);
+    s = n[o], !(e.indexOf(s) >= 0) && (r[s] = t[s]);
   return r;
 }
-function _e(e, t) {
-  if (e == null) return {};
-  var r = be(e, t), n, s;
+function _t(t, e) {
+  if (t == null) return {};
+  var r = bt(t, e), n, s;
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
+    var o = Object.getOwnPropertySymbols(t);
     for (s = 0; s < o.length; s++)
-      n = o[s], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+      n = o[s], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
   }
   return r;
 }
-const we = {
-  target(e) {
-    if (e)
-      return () => "current" in e ? e.current : e;
+const wt = {
+  target(t) {
+    if (t)
+      return () => "current" in t ? t.current : t;
   },
-  enabled(e = !0) {
-    return e;
+  enabled(t = !0) {
+    return t;
   },
-  window(e = D.isBrowser ? window : void 0) {
-    return e;
+  window(t = D.isBrowser ? window : void 0) {
+    return t;
   },
   eventOptions({
-    passive: e = !0,
-    capture: t = !1
+    passive: t = !0,
+    capture: e = !1
   } = {}) {
     return {
-      passive: e,
-      capture: t
+      passive: t,
+      capture: e
     };
   },
-  transform(e) {
-    return e;
+  transform(t) {
+    return t;
   }
-}, Ee = ["target", "eventOptions", "window", "enabled", "transform"];
-function z(e = {}, t) {
+}, Et = ["target", "eventOptions", "window", "enabled", "transform"];
+function z(t = {}, e) {
   const r = {};
-  for (const [n, s] of Object.entries(t))
+  for (const [n, s] of Object.entries(e))
     switch (typeof s) {
       case "function":
         if (process.env.NODE_ENV === "development") {
-          const o = s.call(r, e[n], n, e);
+          const o = s.call(r, t[n], n, t);
           Number.isNaN(o) || (r[n] = o);
         } else
-          r[n] = s.call(r, e[n], n, e);
+          r[n] = s.call(r, t[n], n, t);
         break;
       case "object":
-        r[n] = z(e[n], s);
+        r[n] = z(t[n], s);
         break;
       case "boolean":
-        s && (r[n] = e[n]);
+        s && (r[n] = t[n]);
         break;
     }
   return r;
 }
-function Te(e, t, r = {}) {
-  const n = e, {
+function Tt(t, e, r = {}) {
+  const n = t, {
     target: s,
     eventOptions: o,
     window: a,
     enabled: c,
     transform: l
-  } = n, d = _e(n, Ee);
+  } = n, d = _t(n, Et);
   if (r.shared = z({
     target: s,
     eventOptions: o,
     window: a,
     enabled: c,
     transform: l
-  }, we), t) {
-    const u = rt.get(t);
-    r[t] = z(p({
+  }, wt), e) {
+    const u = re.get(e);
+    r[e] = z(p({
       shared: r.shared
     }, d), u);
   } else
     for (const u in d) {
-      const v = rt.get(u);
+      const v = re.get(u);
       if (v)
         r[u] = z(p({
           shared: r.shared
@@ -832,96 +832,96 @@ function Te(e, t, r = {}) {
     }
   return r;
 }
-class Dt {
-  constructor(t, r) {
-    S(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = r;
+class De {
+  constructor(e, r) {
+    x(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = e, this._gestureKey = r;
   }
-  add(t, r, n, s, o) {
-    const a = this._listeners, c = Ft(r, n), l = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, d = p(p({}, l), o);
-    t.addEventListener(c, s, d);
+  add(e, r, n, s, o) {
+    const a = this._listeners, c = Fe(r, n), l = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, d = p(p({}, l), o);
+    e.addEventListener(c, s, d);
     const u = () => {
-      t.removeEventListener(c, s, d), a.delete(u);
+      e.removeEventListener(c, s, d), a.delete(u);
     };
     return a.add(u), u;
   }
   clean() {
-    this._listeners.forEach((t) => t()), this._listeners.clear();
+    this._listeners.forEach((e) => e()), this._listeners.clear();
   }
 }
-class Se {
+class xt {
   constructor() {
-    S(this, "_timeouts", /* @__PURE__ */ new Map());
+    x(this, "_timeouts", /* @__PURE__ */ new Map());
   }
-  add(t, r, n = 140, ...s) {
-    this.remove(t), this._timeouts.set(t, window.setTimeout(r, n, ...s));
+  add(e, r, n = 140, ...s) {
+    this.remove(e), this._timeouts.set(e, window.setTimeout(r, n, ...s));
   }
-  remove(t) {
-    const r = this._timeouts.get(t);
+  remove(e) {
+    const r = this._timeouts.get(e);
     r && window.clearTimeout(r);
   }
   clean() {
-    this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
+    this._timeouts.forEach((e) => void window.clearTimeout(e)), this._timeouts.clear();
   }
 }
-class xe {
-  constructor(t) {
-    S(this, "gestures", /* @__PURE__ */ new Set()), S(this, "_targetEventStore", new Dt(this)), S(this, "gestureEventStores", {}), S(this, "gestureTimeoutStores", {}), S(this, "handlers", {}), S(this, "config", {}), S(this, "pointerIds", /* @__PURE__ */ new Set()), S(this, "touchIds", /* @__PURE__ */ new Set()), S(this, "state", {
+class St {
+  constructor(e) {
+    x(this, "gestures", /* @__PURE__ */ new Set()), x(this, "_targetEventStore", new De(this)), x(this, "gestureEventStores", {}), x(this, "gestureTimeoutStores", {}), x(this, "handlers", {}), x(this, "config", {}), x(this, "pointerIds", /* @__PURE__ */ new Set()), x(this, "touchIds", /* @__PURE__ */ new Set()), x(this, "state", {
       shared: {
         shiftKey: !1,
         metaKey: !1,
         ctrlKey: !1,
         altKey: !1
       }
-    }), Ie(this, t);
+    }), It(this, e);
   }
-  setEventIds(t) {
-    if (W(t))
-      return this.touchIds = new Set(qt(t)), this.touchIds;
-    if ("pointerId" in t)
-      return t.type === "pointerup" || t.type === "pointercancel" ? this.pointerIds.delete(t.pointerId) : t.type === "pointerdown" && this.pointerIds.add(t.pointerId), this.pointerIds;
+  setEventIds(e) {
+    if (W(e))
+      return this.touchIds = new Set(qe(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(t, r) {
-    this.handlers = t, this.nativeHandlers = r;
+  applyHandlers(e, r) {
+    this.handlers = e, this.nativeHandlers = r;
   }
-  applyConfig(t, r) {
-    this.config = Te(t, r, this.config);
+  applyConfig(e, r) {
+    this.config = Tt(e, r, this.config);
   }
   clean() {
     this._targetEventStore.clean();
-    for (const t of this.gestures)
-      this.gestureEventStores[t].clean(), this.gestureTimeoutStores[t].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(...t) {
+  bind(...e) {
     const r = this.config.shared, n = {};
     let s;
     if (!(r.target && (s = r.target(), !s))) {
       if (r.enabled) {
         for (const a of this.gestures) {
-          const c = this.config[a], l = _t(n, c.eventOptions, !!s);
+          const c = this.config[a], l = _e(n, c.eventOptions, !!s);
           if (c.enabled) {
-            const d = Ct.get(a);
-            new d(this, t, a).bind(l);
+            const d = Ce.get(a);
+            new d(this, e, a).bind(l);
           }
         }
-        const o = _t(n, r.eventOptions, !!s);
+        const o = _e(n, r.eventOptions, !!s);
         for (const a in this.nativeHandlers)
           o(a, "", (c) => this.nativeHandlers[a](p(p({}, this.state.shared), {}, {
             event: c,
-            args: t
+            args: e
           })), void 0, !0);
       }
       for (const o in n)
-        n[o] = Zt(...n[o]);
+        n[o] = Ze(...n[o]);
       if (!s) return n;
       for (const o in n) {
         const {
           device: a,
           capture: c,
           passive: l
-        } = Yt(o);
+        } = Ye(o);
         this._targetEventStore.add(s, a, "", n[o], {
           capture: c,
           passive: l
@@ -930,42 +930,42 @@ class xe {
     }
   }
 }
-function V(e, t) {
-  e.gestures.add(t), e.gestureEventStores[t] = new Dt(e, t), e.gestureTimeoutStores[t] = new Se();
+function V(t, e) {
+  t.gestures.add(e), t.gestureEventStores[e] = new De(t, e), t.gestureTimeoutStores[e] = new xt();
 }
-function Ie(e, t) {
-  t.drag && V(e, "drag"), t.wheel && V(e, "wheel"), t.scroll && V(e, "scroll"), t.move && V(e, "move"), t.pinch && V(e, "pinch"), t.hover && V(e, "hover");
+function It(t, e) {
+  e.drag && V(t, "drag"), e.wheel && V(t, "wheel"), e.scroll && V(t, "scroll"), e.move && V(t, "move"), e.pinch && V(t, "pinch"), e.hover && V(t, "hover");
 }
-const _t = (e, t, r) => (n, s, o, a = {}, c = !1) => {
+const _e = (t, e, r) => (n, s, o, a = {}, c = !1) => {
   var l, d;
-  const u = (l = a.capture) !== null && l !== void 0 ? l : t.capture, v = (d = a.passive) !== null && d !== void 0 ? d : t.passive;
-  let m = c ? n : Gt(n, s, u);
-  r && v && (m += "Passive"), e[m] = e[m] || [], e[m].push(o);
+  const u = (l = a.capture) !== null && l !== void 0 ? l : e.capture, v = (d = a.passive) !== null && d !== void 0 ? d : e.passive;
+  let m = c ? n : Ge(n, s, u);
+  r && v && (m += "Passive"), t[m] = t[m] || [], t[m].push(o);
 };
-function ke(e, t = {}, r, n) {
-  const s = Q.useMemo(() => new xe(e), []);
-  if (s.applyHandlers(e, n), s.applyConfig(t, r), Q.useEffect(s.effect.bind(s)), Q.useEffect(() => s.clean.bind(s), []), t.target === void 0)
+function kt(t, e = {}, r, n) {
+  const s = Q.useMemo(() => new St(t), []);
+  if (s.applyHandlers(t, n), s.applyConfig(e, r), Q.useEffect(s.effect.bind(s)), Q.useEffect(() => s.clean.bind(s), []), e.target === void 0)
     return s.bind.bind(s);
 }
-function Ce(e, t) {
-  return ve(ye), ke({
-    drag: e
-  }, t || {}, "drag");
+function Ct(t, e) {
+  return vt(yt), kt({
+    drag: t
+  }, e || {}, "drag");
 }
-const tt = "RSC::Event";
-function De() {
-  const e = C(null);
-  function t(n) {
+const ee = "RSC::Event";
+function Dt() {
+  const t = C(null);
+  function e(n) {
     R(() => {
-      e.current || (e.current = document.createElement("div"));
+      t.current || (t.current = document.createElement("div"));
       function s(o) {
         n(o.detail);
       }
-      if (e.current)
-        return e.current.addEventListener(tt, s, !1), () => {
+      if (t.current)
+        return t.current.addEventListener(ee, s, !1), () => {
           var o;
-          (o = e.current) == null || o.removeEventListener(
-            tt,
+          (o = t.current) == null || o.removeEventListener(
+            ee,
             s,
             !1
           );
@@ -973,25 +973,25 @@ function De() {
     }, [n]);
   }
   function r(n) {
-    if (e.current) {
-      const s = new CustomEvent(tt, {
+    if (t.current) {
+      const s = new CustomEvent(ee, {
         detail: n
       });
-      e.current.dispatchEvent(s);
+      t.current.dispatchEvent(s);
     }
   }
   return {
-    useListenToCustomEvent: t,
+    useListenToCustomEvent: e,
     emitEvent: r
   };
 }
-function Pe(e) {
-  let t = e.replace(/\/\*[\s\S]*?\*\/|([^:]|^)\/\/.*$/gm, "");
-  return t = t.replace(/[\n\t]+/g, " "), t = t.replace(/\s*([{}:;,])\s*/g, "$1"), t = t.replace(/\s+}/g, "}"), t = t.replace(/{\s+/g, "{"), t = t.replace(/\s+/g, " "), t.trim();
+function Pt(t) {
+  let e = t.replace(/\/\*[\s\S]*?\*\/|([^:]|^)\/\/.*$/gm, "");
+  return e = e.replace(/[\n\t]+/g, " "), e = e.replace(/\s*([{}:;,])\s*/g, "$1"), e = e.replace(/\s+}/g, "}"), e = e.replace(/{\s+/g, "{"), e = e.replace(/\s+/g, " "), e.trim();
 }
-function Me({
-  init: e = !0,
-  items: t,
+function Mt({
+  init: t = !0,
+  items: e,
   withLoop: r = !1,
   id: n,
   gutter: s = [{ breakpoint: 0, gutter: 0, startEndGutter: 0 }],
@@ -1004,32 +1004,29 @@ function Me({
   initialActiveItem: v = 0,
   slideType: m = "item"
 }) {
-  const [E, k] = Vt(!1), P = C(e), y = C(null), $ = C(null), N = C(0), b = C(0), x = C(!r), L = C(!1), O = C(0), h = C(0), [Y, F] = Et(
-    () => ({
-      value: 0,
-      onChange({ value: i }) {
-        $.current.style.transform = `translate3d(calc(${i.value}px + var(--${n}-offset-modifier)), 0px, 0px)`;
-      }
-    }),
-    [a]
-  ), Pt = r ? [
-    ...t.map((i) => ({
+  const [E, k] = Ve(!1), P = C(t), y = C(null), $ = C(null), N = C(0), b = C(0), S = C(!r), L = C(!1), O = C(0), h = C(0), [Y, F] = Ee(() => ({
+    value: 0,
+    onChange({ value: i }) {
+      $.current.style.transform = `translate3d(calc(${i.value}px + var(--${n}-offset-modifier)), 0px, 0px)`;
+    }
+  })), Pe = r ? [
+    ...e.map((i) => ({
       ...i,
       id: `prev-repeated-item-${i.id}`,
       isClonedItem: !0
     })),
-    ...t,
-    ...t.map((i) => ({
+    ...e,
+    ...e.map((i) => ({
       ...i,
       id: `next-repeated-item-${i.id}`,
       isClonedItem: !0
     }))
-  ] : t, { useListenToCustomEvent: st, emitEvent: U } = De();
-  function $t() {
-    const { totalGutterCssVar: i } = it();
+  ] : e, { useListenToCustomEvent: se, emitEvent: U } = Dt();
+  function $e() {
+    const { totalGutterCssVar: i } = ie();
     return i;
   }
-  function Ot() {
+  function Oe() {
     if (y.current) {
       const f = window.getComputedStyle(
         y.current
@@ -1046,7 +1043,7 @@ function Me({
     }));
   }
   function X(i) {
-    P.current && (x.current || M({
+    P.current && (S.current || M({
       type: "prev",
       toIndex: i,
       actionType: "click"
@@ -1058,24 +1055,24 @@ function Me({
     toIndex: _,
     actionType: T
   }) {
-    var at, ct;
+    var ae, ce;
     const A = !f;
-    x.current = !1, L.current = !1;
+    S.current = !1, L.current = !1;
     let g = Y.value.get(), I = 0;
-    if (i === "next" && (h.current += 1), i === "prev" && (h.current === 0 ? h.current = t.length - 1 : h.current -= 1), _ !== void 0 && (h.current = _), i === "next") {
+    if (i === "next" && (h.current += 1), i === "prev" && (h.current === 0 ? h.current = e.length - 1 : h.current -= 1), _ !== void 0 && (h.current = _), i === "next") {
       const K = q(
-        r ? b.current * (t.length * 2) : 0
+        r ? b.current * (e.length * 2) : 0
       );
-      I = -(h.current * b.current), r && h.current === t.length && (h.current = 0, g = g + b.current * t.length, I = 0), !r && (Math.abs(I) >= K || h.current === t.length - 1) && (L.current = !0, I = -K);
+      I = -(h.current * b.current), r && h.current === e.length && (h.current = 0, g = g + b.current * e.length, I = 0), !r && (Math.abs(I) >= K || h.current === e.length - 1) && (L.current = !0, I = -K);
     }
-    i === "prev" && (I = -(h.current * b.current), h.current === t.length - 1 && (g = g - t.length * b.current), !r && I >= 0 && (x.current = !0, I = 0)), N.current = I, T === "resize" ? (I = -(h.current * b.current), U({
+    i === "prev" && (I = -(h.current * b.current), h.current === e.length - 1 && (g = g - e.length * b.current), !r && I >= 0 && (S.current = !0, I = 0)), N.current = I, T === "resize" ? (I = -(h.current * b.current), U({
       eventName: "onResize",
       sliceActionType: T,
       slideDirection: i,
       currentItem: {
         index: h.current,
-        id: ((at = t.at(h.current)) == null ? void 0 : at.id) ?? "",
-        startReached: x.current,
+        id: ((ae = e.at(h.current)) == null ? void 0 : ae.id) ?? "",
+        startReached: S.current,
         endReached: L.current
       }
     })) : U({
@@ -1084,11 +1081,11 @@ function Me({
       slideDirection: i,
       nextItem: {
         index: h.current,
-        id: ((ct = t.at(h.current)) == null ? void 0 : ct.id) ?? "",
-        startReached: x.current,
+        id: ((ce = e.at(h.current)) == null ? void 0 : ce.id) ?? "",
+        startReached: S.current,
         endReached: L.current
       }
-    }), F.start({
+    }), console.log("12312312312312312"), F.start({
       immediate: A,
       from: {
         value: g
@@ -1097,31 +1094,31 @@ function Me({
         value: I
       },
       onRest({ finished: K }) {
-        var ut;
+        var ue;
         K && U({
           eventName: "onSlideChangeComplete",
           sliceActionType: T,
           slideDirection: i,
           currentItem: {
             index: h.current,
-            id: ((ut = t.at(h.current)) == null ? void 0 : ut.id) ?? "",
-            startReached: x.current,
+            id: ((ue = e.at(h.current)) == null ? void 0 : ue.id) ?? "",
+            startReached: S.current,
             endReached: L.current
           }
         });
       }
     });
   }
-  function At() {
+  function Ae() {
     const i = m === "item" ? $.current.children[0] : y.current;
     let f = 0;
-    return f = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + $t(), f;
+    return f = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + $e(), f;
   }
   function q(i) {
     const f = y.current;
     return f[a === "x" ? "scrollWidth" : "scrollHeight"] - f.getBoundingClientRect()[a === "x" ? "width" : "height"] - i;
   }
-  function it() {
+  function ie() {
     let i = 0, f = 0;
     if (y.current) {
       const _ = window.getComputedStyle(
@@ -1137,7 +1134,7 @@ function Me({
   }
   R(() => {
     function i(A) {
-      const g = Ot();
+      const g = Oe();
       switch (A) {
         case "start":
           return 0;
@@ -1154,10 +1151,10 @@ function Me({
       }
     }
     function f() {
-      b.current = At(), console.log(b.current), O.current = b.current / 4;
-      const { totalStartEndGutterCssVar: A } = it();
+      b.current = Ae(), console.log(b.current), O.current = b.current / 4;
+      const { totalStartEndGutterCssVar: A } = ie();
       let g = 0;
-      r && (g = b.current * t.length), g -= b.current * i(c), g -= A / 2, y.current.style.setProperty(
+      r && (g = b.current * e.length), g -= b.current * i(c), g -= A / 2, y.current.style.setProperty(
         `--${n}-offset-modifier`,
         `${-g}px`
       );
@@ -1173,21 +1170,21 @@ function Me({
         actionType: "resize"
       });
     }
-    if (e)
+    if (t)
       return P.current = !0, _(), window.addEventListener("resize", T), () => {
         window.removeEventListener("resize", T);
       };
-  }, [e]), R(() => {
-    e && v !== h.current && (console.log("resize also ere?"), M({
+  }, [t]), R(() => {
+    t && v !== h.current && (console.log("resize also ere?"), M({
       type: "next",
       toIndex: v,
       actionType: "resize",
       shouldAnimate: !1
     }));
-  }, [e, v]), R(() => {
+  }, [t, v]), R(() => {
     E && u && u();
   }, [E, u]);
-  const ot = l, Lt = Ce(
+  const oe = l, Le = Ct(
     (i) => {
       if (!P.current)
         return;
@@ -1196,7 +1193,7 @@ function Me({
         ...i,
         eventName: "onDrag",
         slideActionType: "drag"
-      }), F.start({
+      }), console.log("222222"), F.start({
         value: _,
         immediate: !0,
         config: {
@@ -1208,7 +1205,7 @@ function Me({
       }), i.cancel()) : g ? (M({
         actionType: "drag",
         type: "next"
-      }), i.cancel()) : (F.start({
+      }), i.cancel()) : (console.log("333333"), F.start({
         value: N.current,
         config: {
           velocity: I
@@ -1216,7 +1213,7 @@ function Me({
       }), i.cancel()));
     },
     {
-      enabled: ot,
+      enabled: oe,
       axis: a,
       rubberband: !r,
       ...r ? {} : {
@@ -1230,25 +1227,25 @@ function Me({
       from: () => [Y.value.get(), Y.value.get()]
     }
   );
-  function Nt(i) {
+  function Ne(i) {
     var f, _;
-    return typeof i == "number" ? h.current === i : ((f = t.find((T) => T.id === i)) == null ? void 0 : f.id) === ((_ = t[h.current]) == null ? void 0 : _.id);
+    return typeof i == "number" ? h.current === i : ((f = e.find((T) => T.id === i)) == null ? void 0 : f.id) === ((_ = e[h.current]) == null ? void 0 : _.id);
   }
   return {
-    carouselFragment: /* @__PURE__ */ Mt(
+    carouselFragment: /* @__PURE__ */ Me(
       "div",
       {
         ref: y,
         className: "ReactSpringCarouselContainer",
         "data-part": "Container",
         "data-part-internal": `${n}-Container`,
-        ...Lt(),
+        ...Le(),
         children: [
           /* @__PURE__ */ J(
             "style",
             {
               dangerouslySetInnerHTML: {
-                __html: Pe(`
+                __html: Pt(`
             [data-part-internal="${n}-Container"] {
               display: flex;
               width: 100%;
@@ -1261,12 +1258,12 @@ function Me({
               --${n}-scroll-y-value: ${a === "y" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
               --${n}-gutter: 0px;
               --${n}-start-end-gutter: 0px;
-              touch-action: ${ot ? a === "x" ? "pan-y" : "pan-x" : "auto"};
+              touch-action: ${oe ? a === "x" ? "pan-y" : "pan-x" : "auto"};
             }
             [data-part-internal="${n}-Track"] {
               display: flex;
               position: relative;
-              --initial-offset-modifier: calc(calc(-100% - var(--${n}-gutter) + calc(var(--${n}-start-end-gutter) / 2 / ${t.length} * var(--${n}-items-per-slide)) + var(--${n}-start-end-gutter)) * ${t.length} / var(--${n}-items-per-slide));
+              --initial-offset-modifier: calc(calc(-100% - var(--${n}-gutter) + calc(var(--${n}-start-end-gutter) / 2 / ${e.length} * var(--${n}-items-per-slide)) + var(--${n}-start-end-gutter)) * ${e.length} / var(--${n}-items-per-slide));
               left: ${r && a === "x" && !E ? "var(--initial-offset-modifier)" : "0px"};
               top: ${r && a === "y" && !E ? "var(--initial-offset-modifier)" : "0px"};
               flex-direction: ${a === "x" ? "row" : "column"};
@@ -1310,9 +1307,9 @@ function Me({
               "data-part": "Track",
               "data-part-internal": `${n}-Track`,
               onScroll: () => {
-                x.current = !1, L.current = !1;
+                S.current = !1, L.current = !1;
               },
-              children: Pt.map((i, f) => /* @__PURE__ */ J(
+              children: Pe.map((i, f) => /* @__PURE__ */ J(
                 "div",
                 {
                   className: "ReactSpringCarouselItem",
@@ -1320,10 +1317,10 @@ function Me({
                   "data-part-internal": `${n}-Item`,
                   "data-id": i.id,
                   children: typeof i.renderItem == "function" ? i.renderItem({
-                    useListenToCustomEvent: st,
+                    useListenToCustomEvent: se,
                     index: f,
                     isClonedItem: !!i.isClonedItem,
-                    isActiveItem: Nt
+                    isActiveItem: Ne
                   }) : i.renderItem
                 },
                 `${i.id}-${f}`
@@ -1333,12 +1330,12 @@ function Me({
         ]
       }
     ),
-    useListenToCustomEvent: st,
+    useListenToCustomEvent: se,
     slideToNextItem: () => H(),
     slideToPrevItem: () => X(),
     slideToItem: (i) => {
       if (typeof i == "number") {
-        if (!t[i]) {
+        if (!e[i]) {
           console.warn(
             `The item you're trying to slide doesn't exist. index: ${i}`
           );
@@ -1347,7 +1344,7 @@ function Me({
         i > h.current ? H(i) : X(i);
       }
       if (typeof i == "string") {
-        const f = t.findIndex((_) => _.id === i);
+        const f = e.findIndex((_) => _.id === i);
         if (f < 0) {
           console.warn(
             `The item you're trying to slide doesn't exist. id: ${i}`
@@ -1359,53 +1356,53 @@ function Me({
     }
   };
 }
-function $e(e) {
-  let t = 0;
-  const r = getComputedStyle(e).getPropertyValue("gap");
-  return r.includes("px") && (t = Number(r.replace("px", ""))), t;
+function $t(t) {
+  let e = 0;
+  const r = getComputedStyle(t).getPropertyValue("gap");
+  return r.includes("px") && (e = Number(r.replace("px", ""))), e;
 }
-function wt(e) {
-  return e.scrollWidth - e.clientWidth;
+function we(t) {
+  return t.scrollWidth - t.clientWidth;
 }
-function et(e) {
-  const t = e.children[0], r = $e(e);
-  return t.getBoundingClientRect().width + r;
+function te(t) {
+  const e = t.children[0], r = $t(t);
+  return e.getBoundingClientRect().width + r;
 }
-function Ve({ container: e, onReach: t }) {
-  const r = C("start"), n = C(0), [, s] = Et(() => ({
+function Vt({ container: t, onReach: e }) {
+  const r = C("start"), n = C(0), [, s] = Ee(() => ({
     x: 0
   }));
   function o(c) {
     s.start({
       from: {
-        x: e.current.scrollLeft
+        x: t.current.scrollLeft
       },
       to: {
         x: c
       },
       onChange({ value: l }) {
-        e.current && (e.current.scrollLeft = l.x);
+        t.current && (t.current.scrollLeft = l.x);
       }
     });
   }
   function a(c) {
-    if (!e.current || c === "next" && r.current === "end" || c === "prev" && r.current === "start")
+    if (!t.current || c === "next" && r.current === "end" || c === "prev" && r.current === "start")
       return;
     let l = 0;
-    if (c === "next" && (n.current += 1), c === "prev" && (n.current -= 1), l = n.current * et(e.current), c === "next") {
-      const d = wt(e.current);
-      l > d && (r.current = "end", l = d, t && t("end"));
+    if (c === "next" && (n.current += 1), c === "prev" && (n.current -= 1), l = n.current * te(t.current), c === "next") {
+      const d = we(t.current);
+      l > d && (r.current = "end", l = d, e && e("end"));
     }
-    c === "prev" && l <= 0 && (r.current = "start", n.current = 0, l = 0, t && t("start")), o(l);
+    c === "prev" && l <= 0 && (r.current = "start", n.current = 0, l = 0, e && e("start")), o(l);
   }
   return R(() => {
     function c() {
       var N;
-      const E = et(e.current), k = ((N = [...e.current.children].at(0)) == null ? void 0 : N.getBoundingClientRect().width) || 0, P = Array(e.current.childElementCount).fill(0).map((b, x) => ({
-        index: x,
-        start: E * x,
-        end: E * (x + 1)
-      })), y = e.current.scrollLeft + k, $ = P.find(
+      const E = te(t.current), k = ((N = [...t.current.children].at(0)) == null ? void 0 : N.getBoundingClientRect().width) || 0, P = Array(t.current.childElementCount).fill(0).map((b, S) => ({
+        index: S,
+        start: E * S,
+        end: E * (S + 1)
+      })), y = t.current.scrollLeft + k, $ = P.find(
         (b) => y >= b.start && y < b.end
       );
       n.current = ($ == null ? void 0 : $.index) || 0;
@@ -1415,26 +1412,26 @@ function Ve({ container: e, onReach: t }) {
     }
     function d(E) {
       const k = E.target;
-      k.scrollLeft === 0 ? (n.current = 0, r.current = "start", t && t("start")) : k.scrollLeft >= wt(k) ? (r.current = "end", t && t("end")) : r.current !== "idle" && (r.current = "idle", t && t("idle"));
+      k.scrollLeft === 0 ? (n.current = 0, r.current = "start", e && e("start")) : k.scrollLeft >= we(k) ? (r.current = "end", e && e("end")) : r.current !== "idle" && (r.current = "idle", e && e("idle"));
     }
     let u, v = 0;
     function m() {
-      v = e.current.scrollLeft, clearTimeout(u), u = setTimeout(function() {
-        e.current.scrollLeft === v && c();
+      v = t.current.scrollLeft, clearTimeout(u), u = setTimeout(function() {
+        t.current.scrollLeft === v && c();
       }, 200);
     }
-    if (e.current)
-      return e.current.addEventListener("wheel", l, {
+    if (t.current)
+      return t.current.addEventListener("wheel", l, {
         passive: !0
-      }), e.current.addEventListener("scroll", d), e.current.addEventListener("scroll", m), () => {
-        e.current && (e.current.removeEventListener("scroll", m), e.current.removeEventListener("scroll", d), e.current.removeEventListener("wheel", l));
+      }), t.current.addEventListener("scroll", d), t.current.addEventListener("scroll", m), () => {
+        t.current && (t.current.removeEventListener("scroll", m), t.current.removeEventListener("scroll", d), t.current.removeEventListener("wheel", l));
       };
-  }, [e, t]), R(() => {
-    if (e.current) {
+  }, [t, e]), R(() => {
+    if (t.current) {
       const c = new ResizeObserver(() => {
-        o(n.current * et(e.current));
+        o(n.current * te(t.current));
       });
-      return c.observe(e.current), () => {
+      return c.observe(t.current), () => {
         c.disconnect();
       };
     }
@@ -1448,6 +1445,6 @@ function Ve({ container: e, onReach: t }) {
   };
 }
 export {
-  Me as useSpringCarousel,
-  Ve as useSpringScroll
+  Mt as useSpringCarousel,
+  Vt as useSpringScroll
 };