react-spring-carousel 3.0.0-beta-2.0.4 → 3.0.0-beta-2.0.42

package/dist/index.es.js

@@ -1,80 +1,80 @@
-import { jsxs as Ot, jsx as X } from "react/jsx-runtime";
-import { useSpring as At } from "@react-spring/web";
-import q, { useRef as k, useEffect as Z, useState as Nt } from "react";
-function Mt(r, t, e) {
-  return Math.max(t, Math.min(r, e));
+import { jsxs as Lt, jsx as q } from "react/jsx-runtime";
+import { useSpring as wt } from "@react-spring/web";
+import J, { useRef as P, useEffect as R, useState as Mt } from "react";
+function Vt(e, t, r) {
+  return Math.max(t, Math.min(e, r));
 }
-const y = {
-  toVector(r, t) {
-    return r === void 0 && (r = t), Array.isArray(r) ? r : [r, r];
+const b = {
+  toVector(e, t) {
+    return e === void 0 && (e = t), Array.isArray(e) ? e : [e, e];
   },
-  add(r, t) {
-    return [r[0] + t[0], r[1] + t[1]];
+  add(e, t) {
+    return [e[0] + t[0], e[1] + t[1]];
   },
-  sub(r, t) {
-    return [r[0] - t[0], r[1] - t[1]];
+  sub(e, t) {
+    return [e[0] - t[0], e[1] - t[1]];
   },
-  addTo(r, t) {
-    r[0] += t[0], r[1] += t[1];
+  addTo(e, t) {
+    e[0] += t[0], e[1] += t[1];
   },
-  subTo(r, t) {
-    r[0] -= t[0], r[1] -= t[1];
+  subTo(e, t) {
+    e[0] -= t[0], e[1] -= t[1];
   }
 };
-function lt(r, t, e) {
-  return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(r, e * 5) : r * t * e / (t + e * r);
+function ut(e, t, r) {
+  return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(e, r * 5) : e * t * r / (t + r * e);
 }
-function ft(r, t, e, n = 0.15) {
-  return n === 0 ? Mt(r, t, e) : r < t ? -lt(t - r, e - t, n) + t : r > e ? +lt(r - e, e - t, n) + e : r;
+function lt(e, t, r, n = 0.15) {
+  return n === 0 ? Vt(e, t, r) : e < t ? -ut(t - e, r - t, n) + t : e > r ? +ut(e - r, r - t, n) + r : e;
 }
-function Rt(r, [t, e], [n, s]) {
-  const [[o, a], [u, h]] = r;
-  return [ft(t, o, a, n), ft(e, u, h, s)];
+function Rt(e, [t, r], [n, s]) {
+  const [[o, a], [c, l]] = e;
+  return [lt(t, o, a, n), lt(r, c, l, s)];
 }
-function Vt(r, t) {
-  if (typeof r != "object" || r === null) return r;
-  var e = r[Symbol.toPrimitive];
-  if (e !== void 0) {
-    var n = e.call(r, t);
+function jt(e, t) {
+  if (typeof e != "object" || e === null) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
     if (typeof n != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(r);
+  return (t === "string" ? String : Number)(e);
 }
-function Lt(r) {
-  var t = Vt(r, "string");
+function Bt(e) {
+  var t = jt(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function w(r, t, e) {
-  return t = Lt(t), t in r ? Object.defineProperty(r, t, {
-    value: e,
+function S(e, t, r) {
+  return t = Bt(t), t in e ? Object.defineProperty(e, t, {
+    value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : r[t] = e, r;
+  }) : e[t] = r, e;
 }
-function dt(r, t) {
-  var e = Object.keys(r);
+function ft(e, t) {
+  var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(r);
+    var n = Object.getOwnPropertySymbols(e);
     t && (n = n.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(r, s).enumerable;
-    })), e.push.apply(e, n);
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    })), r.push.apply(r, n);
   }
-  return e;
+  return r;
 }
-function d(r) {
+function p(e) {
   for (var t = 1; t < arguments.length; t++) {
-    var e = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? dt(Object(e), !0).forEach(function(n) {
-      w(r, n, e[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(e)) : dt(Object(e)).forEach(function(n) {
-      Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(e, n));
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ft(Object(r), !0).forEach(function(n) {
+      S(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ft(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
-  return r;
+  return e;
 }
-const wt = {
+const Et = {
   pointer: {
     start: "down",
     change: "move",
@@ -96,73 +96,73 @@ const wt = {
     end: "end"
   }
 };
-function ht(r) {
-  return r ? r[0].toUpperCase() + r.slice(1) : "";
+function dt(e) {
+  return e ? e[0].toUpperCase() + e.slice(1) : "";
 }
-const jt = ["enter", "leave"];
-function Ut(r = !1, t) {
-  return r && !jt.includes(t);
+const Ut = ["enter", "leave"];
+function Kt(e = !1, t) {
+  return e && !Ut.includes(t);
 }
-function Kt(r, t = "", e = !1) {
-  const n = wt[r], s = n && n[t] || t;
-  return "on" + ht(r) + ht(s) + (Ut(e, s) ? "Capture" : "");
+function Gt(e, t = "", r = !1) {
+  const n = Et[e], s = n && n[t] || t;
+  return "on" + dt(e) + dt(s) + (Kt(r, s) ? "Capture" : "");
 }
-const Bt = ["gotpointercapture", "lostpointercapture"];
-function zt(r) {
-  let t = r.substring(2).toLowerCase();
-  const e = !!~t.indexOf("passive");
-  e && (t = t.replace("passive", ""));
-  const n = Bt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
+const zt = ["gotpointercapture", "lostpointercapture"];
+function Wt(e) {
+  let t = e.substring(2).toLowerCase();
+  const r = !!~t.indexOf("passive");
+  r && (t = t.replace("passive", ""));
+  const n = zt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
   return s && (t = t.replace("capture", "")), {
     device: t,
     capture: s,
-    passive: e
+    passive: r
   };
 }
-function Gt(r, t = "") {
-  const e = wt[r], n = e && e[t] || t;
-  return r + n;
+function Yt(e, t = "") {
+  const r = Et[e], n = r && r[t] || t;
+  return e + n;
 }
-function G(r) {
-  return "touches" in r;
+function W(e) {
+  return "touches" in e;
 }
-function Et(r) {
-  return G(r) ? "touch" : "pointerType" in r ? r.pointerType : "mouse";
+function Tt(e) {
+  return W(e) ? "touch" : "pointerType" in e ? e.pointerType : "mouse";
 }
-function Yt(r) {
-  return Array.from(r.touches).filter((t) => {
-    var e, n;
-    return t.target === r.currentTarget || ((e = r.currentTarget) === null || e === void 0 || (n = e.contains) === null || n === void 0 ? void 0 : n.call(e, t.target));
+function Ft(e) {
+  return Array.from(e.touches).filter((t) => {
+    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));
   });
 }
-function Ft(r) {
-  return r.type === "touchend" || r.type === "touchcancel" ? r.changedTouches : r.targetTouches;
+function Ht(e) {
+  return e.type === "touchend" || e.type === "touchcancel" ? e.changedTouches : e.targetTouches;
 }
-function Tt(r) {
-  return G(r) ? Ft(r)[0] : r;
+function St(e) {
+  return W(e) ? Ht(e)[0] : e;
 }
-function Wt(r) {
-  return Yt(r).map((t) => t.identifier);
+function Xt(e) {
+  return Ft(e).map((t) => t.identifier);
 }
-function J(r) {
-  const t = Tt(r);
-  return G(r) ? t.identifier : t.pointerId;
+function Q(e) {
+  const t = St(e);
+  return W(e) ? t.identifier : t.pointerId;
 }
-function pt(r) {
-  const t = Tt(r);
+function ht(e) {
+  const t = St(e);
   return [t.clientX, t.clientY];
 }
-function Ht(r) {
+function qt(e) {
   const t = {};
-  if ("buttons" in r && (t.buttons = r.buttons), "shiftKey" in r) {
+  if ("buttons" in e && (t.buttons = e.buttons), "shiftKey" in e) {
     const {
-      shiftKey: e,
+      shiftKey: r,
       altKey: n,
       metaKey: s,
       ctrlKey: o
-    } = r;
+    } = e;
     Object.assign(t, {
-      shiftKey: e,
+      shiftKey: r,
       altKey: n,
       metaKey: s,
       ctrlKey: o
@@ -170,26 +170,26 @@ function Ht(r) {
   }
   return t;
 }
-function z(r, ...t) {
-  return typeof r == "function" ? r(...t) : r;
+function z(e, ...t) {
+  return typeof e == "function" ? e(...t) : e;
 }
-function Xt() {
+function Jt() {
 }
-function qt(...r) {
-  return r.length === 0 ? Xt : r.length === 1 ? r[0] : function() {
+function Qt(...e) {
+  return e.length === 0 ? Jt : e.length === 1 ? e[0] : function() {
     let t;
-    for (const e of r)
-      t = e.apply(this, arguments) || t;
+    for (const r of e)
+      t = r.apply(this, arguments) || t;
     return t;
   };
 }
-function mt(r, t) {
-  return Object.assign({}, t, r || {});
+function pt(e, t) {
+  return Object.assign({}, t, e || {});
 }
-const Jt = 32;
-class Qt {
-  constructor(t, e, n) {
-    this.ctrl = t, this.args = e, this.key = n, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
+const Zt = 32;
+class te {
+  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());
   }
   get state() {
     return this.ctrl.state[this.key];
@@ -218,19 +218,19 @@ class Qt {
   reset() {
     const {
       state: t,
-      shared: e,
+      shared: r,
       ingKey: n,
       args: s
     } = this;
-    e[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] = 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;
   }
   start(t) {
-    const e = this.state, n = this.config;
-    e._active || (this.reset(), this.computeInitial(), e._active = !0, e.target = t.target, e.currentTarget = t.currentTarget, e.lastOffset = n.from ? z(n.from, e) : e.offset, e.offset = e.lastOffset, e.startTime = e.timeStamp = t.timeStamp);
+    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 ? z(n.from, r) : r.offset, r.offset = r.lastOffset, r.startTime = r.timeStamp = t.timeStamp);
   }
   computeValues(t) {
-    const e = this.state;
-    e._values = t, e.values = this.config.transform(t);
+    const r = this.state;
+    r._values = t, r.values = this.config.transform(t);
   }
   computeInitial() {
     const t = this.state;
@@ -238,44 +238,44 @@ class Qt {
   }
   compute(t) {
     const {
-      state: e,
+      state: r,
       config: n,
       shared: s
     } = this;
-    e.args = this.args;
+    r.args = this.args;
     let o = 0;
-    if (t && (e.event = t, n.preventDefault && t.cancelable && e.event.preventDefault(), e.type = t.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, Ht(t)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, o = t.timeStamp - e.timeStamp, e.timeStamp = t.timeStamp, e.elapsedTime = e.timeStamp - e.startTime), e._active) {
-      const f = e._delta.map(Math.abs);
-      y.addTo(e._distance, f);
+    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, qt(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) {
+      const d = r._delta.map(Math.abs);
+      b.addTo(r._distance, d);
     }
     this.axisIntent && this.axisIntent(t);
-    const [a, u] = e._movement, [h, p] = n.threshold, {
-      _step: c,
-      values: b
-    } = e;
-    if (n.hasCustomTransform ? (c[0] === !1 && (c[0] = Math.abs(a) >= h && b[0]), c[1] === !1 && (c[1] = Math.abs(u) >= p && b[1])) : (c[0] === !1 && (c[0] = Math.abs(a) >= h && Math.sign(a) * h), c[1] === !1 && (c[1] = Math.abs(u) >= p && Math.sign(u) * p)), e.intentional = c[0] !== !1 || c[1] !== !1, !e.intentional) return;
-    const g = [0, 0];
+    const [a, c] = r._movement, [l, h] = n.threshold, {
+      _step: u,
+      values: g
+    } = r;
+    if (n.hasCustomTransform ? (u[0] === !1 && (u[0] = Math.abs(a) >= l && g[0]), u[1] === !1 && (u[1] = Math.abs(c) >= h && g[1])) : (u[0] === !1 && (u[0] = Math.abs(a) >= l && Math.sign(a) * l), u[1] === !1 && (u[1] = Math.abs(c) >= h && Math.sign(c) * h)), r.intentional = u[0] !== !1 || u[1] !== !1, !r.intentional) return;
+    const m = [0, 0];
     if (n.hasCustomTransform) {
-      const [f, V] = b;
-      g[0] = c[0] !== !1 ? f - c[0] : 0, g[1] = c[1] !== !1 ? V - c[1] : 0;
+      const [d, V] = g;
+      m[0] = u[0] !== !1 ? d - u[0] : 0, m[1] = u[1] !== !1 ? V - u[1] : 0;
     } else
-      g[0] = c[0] !== !1 ? a - c[0] : 0, g[1] = c[1] !== !1 ? u - c[1] : 0;
-    this.restrictToAxis && !e._blocked && this.restrictToAxis(g);
-    const O = e.offset, D = e._active && !e._blocked || e.active;
-    D && (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 = g, this.computeOffset()));
-    const [E, $] = e.offset, [[A, x], [C, P]] = e._bounds;
-    e.overflow = [E < A ? -1 : E > x ? 1 : 0, $ < C ? -1 : $ > P ? 1 : 0], e._movementBound[0] = e.overflow[0] ? e._movementBound[0] === !1 ? e._movement[0] : e._movementBound[0] : !1, e._movementBound[1] = e.overflow[1] ? e._movementBound[1] === !1 ? e._movement[1] : e._movementBound[1] : !1;
-    const R = e._active ? n.rubberband || [0, 0] : [0, 0];
-    if (e.offset = Rt(e._bounds, e.offset, R), e.delta = y.sub(e.offset, O), this.computeMovement(), D && (!e.last || o > Jt)) {
-      e.delta = y.sub(e.offset, O);
-      const f = e.delta.map(Math.abs);
-      y.addTo(e.distance, f), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && o > 0 && (e.velocity = [f[0] / o, f[1] / o], e.timeDelta = o);
+      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 D = r.offset, _ = r._active && !r._blocked || r.active;
+    _ && (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 = z(n.bounds, r)), this.setup && this.setup()), r.movement = m, this.computeOffset()));
+    const [w, O] = r.offset, [[A, E], [x, I]] = r._bounds;
+    r.overflow = [w < A ? -1 : w > E ? 1 : 0, O < x ? -1 : O > I ? 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 M = r._active ? n.rubberband || [0, 0] : [0, 0];
+    if (r.offset = Rt(r._bounds, r.offset, M), r.delta = b.sub(r.offset, D), this.computeMovement(), _ && (!r.last || o > Zt)) {
+      r.delta = b.sub(r.offset, D);
+      const d = r.delta.map(Math.abs);
+      b.addTo(r.distance, d), r.direction = r.delta.map(Math.sign), r._direction = r._delta.map(Math.sign), !r.first && o > 0 && (r.velocity = [d[0] / o, d[1] / o], r.timeDelta = o);
     }
   }
   emit() {
-    const t = this.state, e = this.shared, n = this.config;
+    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(d(d(d({}, e), t), {}, {
+    const s = this.handler(p(p(p({}, r), t), {}, {
       [this.aliasKey]: t.values
     }));
     s !== void 0 && (t.memo = s);
@@ -284,16 +284,16 @@ class Qt {
     this.eventStore.clean(), this.timeoutStore.clean();
   }
 }
-function Zt([r, t], e) {
-  const n = Math.abs(r), s = Math.abs(t);
-  if (n > s && n > e)
+function ee([e, t], r) {
+  const n = Math.abs(e), s = Math.abs(t);
+  if (n > s && n > r)
     return "x";
-  if (s > n && s > e)
+  if (s > n && s > r)
     return "y";
 }
-class te extends Qt {
+class re extends te {
   constructor(...t) {
-    super(...t), w(this, "aliasKey", "xy");
+    super(...t), S(this, "aliasKey", "xy");
   }
   reset() {
     super.reset(), this.state.axis = void 0;
@@ -302,18 +302,18 @@ class te extends Qt {
     this.state.offset = [0, 0], this.state.lastOffset = [0, 0];
   }
   computeOffset() {
-    this.state.offset = y.add(this.state.lastOffset, this.state.movement);
+    this.state.offset = b.add(this.state.lastOffset, this.state.movement);
   }
   computeMovement() {
-    this.state.movement = y.sub(this.state.offset, this.state.lastOffset);
+    this.state.movement = b.sub(this.state.offset, this.state.lastOffset);
   }
   axisIntent(t) {
-    const e = this.state, n = this.config;
-    if (!e.axis && t) {
-      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[Et(t)] : n.axisThreshold;
-      e.axis = Zt(e._movement, s);
+    const r = this.state, n = this.config;
+    if (!r.axis && t) {
+      const s = typeof n.axisThreshold == "object" ? n.axisThreshold[Tt(t)] : n.axisThreshold;
+      r.axis = ee(r._movement, s);
     }
-    e._blocked = (n.lockDirection || !!n.axis) && !e.axis || !!n.axis && n.axis !== e.axis;
+    r._blocked = (n.lockDirection || !!n.axis) && !r.axis || !!n.axis && n.axis !== r.axis;
   }
   restrictToAxis(t) {
     if (this.config.axis || this.config.lockDirection)
@@ -327,98 +327,98 @@ class te extends Qt {
       }
   }
 }
-const gt = (r) => r, vt = 0.15, et = {
-  enabled(r = !0) {
-    return r;
+const mt = (e) => e, gt = 0.15, rt = {
+  enabled(e = !0) {
+    return e;
   },
-  eventOptions(r, t, e) {
-    return d(d({}, e.shared.eventOptions), r);
+  eventOptions(e, t, r) {
+    return p(p({}, r.shared.eventOptions), e);
   },
-  preventDefault(r = !1) {
-    return r;
+  preventDefault(e = !1) {
+    return e;
   },
-  triggerAllEvents(r = !1) {
-    return r;
+  triggerAllEvents(e = !1) {
+    return e;
   },
-  rubberband(r = 0) {
-    switch (r) {
+  rubberband(e = 0) {
+    switch (e) {
       case !0:
-        return [vt, vt];
+        return [gt, gt];
       case !1:
         return [0, 0];
       default:
-        return y.toVector(r);
+        return b.toVector(e);
     }
   },
-  from(r) {
-    if (typeof r == "function") return r;
-    if (r != null) return y.toVector(r);
+  from(e) {
+    if (typeof e == "function") return e;
+    if (e != null) return b.toVector(e);
   },
-  transform(r, t, e) {
-    const n = r || e.shared.transform;
+  transform(e, t, r) {
+    const n = e || r.shared.transform;
     if (this.hasCustomTransform = !!n, process.env.NODE_ENV === "development") {
-      const s = n || gt;
+      const s = n || mt;
       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 || mt;
   },
-  threshold(r) {
-    return y.toVector(r, 0);
+  threshold(e) {
+    return b.toVector(e, 0);
   }
 };
-process.env.NODE_ENV === "development" && Object.assign(et, {
-  domTarget(r) {
-    if (r !== void 0)
+process.env.NODE_ENV === "development" && Object.assign(rt, {
+  domTarget(e) {
+    if (e !== void 0)
       throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
     return NaN;
   },
-  lockDirection(r) {
-    if (r !== void 0)
+  lockDirection(e) {
+    if (e !== 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)
+  initial(e) {
+    if (e !== void 0)
       throw Error("[@use-gesture]: `initial` option has been renamed to `from`.");
     return NaN;
   }
 });
-const ee = 0, L = d(d({}, et), {}, {
-  axis(r, t, {
-    axis: e
+const ne = 0, j = p(p({}, rt), {}, {
+  axis(e, t, {
+    axis: r
   }) {
-    if (this.lockDirection = e === "lock", !this.lockDirection) return e;
+    if (this.lockDirection = r === "lock", !this.lockDirection) return r;
   },
-  axisThreshold(r = ee) {
-    return r;
+  axisThreshold(e = ne) {
+    return e;
   },
-  bounds(r = {}) {
-    if (typeof r == "function")
-      return (o) => L.bounds(r(o));
-    if ("current" in r)
-      return () => r.current;
-    if (typeof HTMLElement == "function" && r instanceof HTMLElement)
-      return r;
+  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;
     const {
       left: t = -1 / 0,
-      right: e = 1 / 0,
+      right: r = 1 / 0,
       top: n = -1 / 0,
       bottom: s = 1 / 0
-    } = r;
-    return [[t, e], [n, s]];
+    } = e;
+    return [[t, r], [n, s]];
   }
-}), yt = {
-  ArrowRight: (r, t = 1) => [r * t, 0],
-  ArrowLeft: (r, t = 1) => [-1 * r * t, 0],
-  ArrowUp: (r, t = 1) => [0, -1 * r * t],
-  ArrowDown: (r, t = 1) => [0, r * t]
+}), vt = {
+  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]
 };
-class re extends te {
+class se extends re {
   constructor(...t) {
-    super(...t), w(this, "ingKey", "dragging");
+    super(...t), S(this, "ingKey", "dragging");
   }
   reset() {
     super.reset();
@@ -428,13 +428,13 @@ class re extends te {
   setup() {
     const t = this.state;
     if (t._bounds instanceof HTMLElement) {
-      const e = t._bounds.getBoundingClientRect(), n = t.currentTarget.getBoundingClientRect(), s = {
-        left: e.left - n.left + t.offset[0],
-        right: e.right - n.right + t.offset[0],
-        top: e.top - n.top + t.offset[1],
-        bottom: e.bottom - n.bottom + t.offset[1]
+      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]
       };
-      t._bounds = L.bounds(s);
+      t._bounds = j.bounds(s);
     }
   }
   cancel() {
@@ -450,29 +450,29 @@ class re extends te {
     this.pointerClean(), this.state._pointerActive = !1, this.state._keyboardActive = !1, super.clean();
   }
   pointerDown(t) {
-    const e = this.config, n = this.state;
-    if (t.buttons != null && (Array.isArray(e.pointerButtons) ? !e.pointerButtons.includes(t.buttons) : e.pointerButtons !== -1 && e.pointerButtons !== t.buttons)) return;
+    const 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);
-    e.pointerCapture && t.target.setPointerCapture(t.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(t), this.setupPointer(t), n._pointerId = J(t), n._pointerActive = !0, this.computeValues(pt(t)), this.computeInitial(), e.preventScrollAxis && Et(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : e.delay > 0 ? (this.setupDelayTrigger(t), e.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
+    r.pointerCapture && t.target.setPointerCapture(t.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(t), this.setupPointer(t), n._pointerId = Q(t), n._pointerActive = !0, this.computeValues(ht(t)), this.computeInitial(), r.preventScrollAxis && Tt(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : r.delay > 0 ? (this.setupDelayTrigger(t), r.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
   }
   startPointerDrag(t) {
-    const e = this.state;
-    e._active = !0, e._preventScroll = !0, e._delayed = !1, this.compute(t), this.emit();
+    const r = this.state;
+    r._active = !0, r._preventScroll = !0, r._delayed = !1, this.compute(t), this.emit();
   }
   pointerMove(t) {
-    const e = this.state, n = this.config;
-    if (!e._pointerActive) return;
-    const s = J(t);
-    if (e._pointerId !== void 0 && s !== e._pointerId) return;
-    const o = pt(t);
-    if (document.pointerLockElement === t.target ? e._delta = [t.movementX, t.movementY] : (e._delta = y.sub(o, e._values), this.computeValues(o)), y.addTo(e._movement, e._delta), this.compute(t), e._delayed && e.intentional) {
-      this.timeoutStore.remove("dragDelay"), e.active = !1, this.startPointerDrag(t);
+    const r = this.state, n = this.config;
+    if (!r._pointerActive) return;
+    const s = Q(t);
+    if (r._pointerId !== void 0 && s !== r._pointerId) return;
+    const o = ht(t);
+    if (document.pointerLockElement === t.target ? r._delta = [t.movementX, t.movementY] : (r._delta = b.sub(o, r._values), this.computeValues(o)), b.addTo(r._movement, r._delta), this.compute(t), r._delayed && r.intentional) {
+      this.timeoutStore.remove("dragDelay"), r.active = !1, this.startPointerDrag(t);
       return;
     }
-    if (n.preventScrollAxis && !e._preventScroll)
-      if (e.axis)
-        if (e.axis === n.preventScrollAxis || n.preventScrollAxis === "xy") {
-          e._active = !1, this.clean();
+    if (n.preventScrollAxis && !r._preventScroll)
+      if (r.axis)
+        if (r.axis === n.preventScrollAxis || n.preventScrollAxis === "xy") {
+          r._active = !1, this.clean();
           return;
         } else {
           this.timeoutStore.remove("startPointerDrag"), this.startPointerDrag(t);
@@ -489,19 +489,19 @@ class re extends te {
     } 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 e = this.state, n = this.config;
-    if (!e._active || !e._pointerActive) return;
-    const s = J(t);
-    if (e._pointerId !== void 0 && s !== e._pointerId) return;
+    const r = this.state, n = this.config;
+    if (!r._active || !r._pointerActive) return;
+    const s = Q(t);
+    if (r._pointerId !== void 0 && s !== r._pointerId) return;
     this.state._pointerActive = !1, this.setActive(), this.compute(t);
-    const [o, a] = e._distance;
-    if (e.tap = o <= n.tapsThreshold && a <= n.tapsThreshold, e.tap && n.filterTaps)
-      e._force = !0;
+    const [o, a] = r._distance;
+    if (r.tap = o <= n.tapsThreshold && a <= n.tapsThreshold, r.tap && n.filterTaps)
+      r._force = !0;
     else {
-      const [u, h] = e._delta, [p, c] = e._movement, [b, g] = n.swipe.velocity, [O, D] = n.swipe.distance, E = n.swipe.duration;
-      if (e.elapsedTime < E) {
-        const $ = Math.abs(u / e.timeDelta), A = Math.abs(h / e.timeDelta);
-        $ > b && Math.abs(p) > O && (e.swipe[0] = Math.sign(u)), A > g && Math.abs(c) > D && (e.swipe[1] = Math.sign(h));
+      const [c, l] = r._delta, [h, u] = r._movement, [g, m] = n.swipe.velocity, [D, _] = n.swipe.distance, w = n.swipe.duration;
+      if (r.elapsedTime < w) {
+        const O = Math.abs(c / r.timeDelta), A = Math.abs(l / r.timeDelta);
+        O > g && Math.abs(h) > D && (r.swipe[0] = Math.sign(c)), A > m && Math.abs(u) > _ && (r.swipe[1] = Math.sign(l));
       }
     }
     this.emit();
@@ -510,16 +510,16 @@ class re extends te {
     !this.state.tap && t.detail > 0 && (t.preventDefault(), t.stopPropagation());
   }
   setupPointer(t) {
-    const e = this.config, n = e.device;
+    const r = this.config, n = r.device;
     if (process.env.NODE_ENV === "development")
       try {
-        if (n === "pointer" && e.preventScrollDelay === void 0) {
+        if (n === "pointer" && r.preventScrollDelay === void 0) {
           const s = "uv" in t ? t.sourceEvent.currentTarget : t.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 {
       }
-    e.pointerLock && t.currentTarget.requestPointerLock(), e.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 && 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)));
   }
   pointerClean() {
     this.config.pointerLock && document.pointerLockElement === this.state.currentTarget && document.exitPointerLock();
@@ -528,11 +528,11 @@ class re extends te {
     this.state._preventScroll && t.cancelable && t.preventDefault();
   }
   setupScrollPrevention(t) {
-    this.state._preventScroll = !1, ne(t);
-    const e = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
+    this.state._preventScroll = !1, ie(t);
+    const r = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
       passive: !1
     });
-    this.eventStore.add(this.sharedConfig.window, "touch", "end", e), this.eventStore.add(this.sharedConfig.window, "touch", "cancel", e), 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, t);
   }
   setupDelayTrigger(t) {
     this.state._delayed = !0, this.timeoutStore.add("dragDelay", () => {
@@ -540,351 +540,351 @@ class re extends te {
     }, this.config.delay);
   }
   keyDown(t) {
-    const e = yt[t.key];
-    if (e) {
+    const r = vt[t.key];
+    if (r) {
       const n = this.state, s = t.shiftKey ? 10 : t.altKey ? 0.1 : 1;
-      this.start(t), n._delta = e(this.config.keyboardDisplacement, s), n._keyboardActive = !0, y.addTo(n._movement, n._delta), this.compute(t), this.emit();
+      this.start(t), n._delta = r(this.config.keyboardDisplacement, s), n._keyboardActive = !0, b.addTo(n._movement, n._delta), this.compute(t), this.emit();
     }
   }
   keyUp(t) {
-    t.key in yt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
+    t.key in vt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
   }
   bind(t) {
-    const e = this.config.device;
-    t(e, "start", this.pointerDown.bind(this)), this.config.pointerCapture && (t(e, "change", this.pointerMove.bind(this)), t(e, "end", this.pointerUp.bind(this)), t(e, "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), {
+    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), {
       capture: !0,
       passive: !1
     });
   }
 }
-function ne(r) {
-  "persist" in r && typeof r.persist == "function" && r.persist();
+function ie(e) {
+  "persist" in e && typeof e.persist == "function" && e.persist();
 }
-const j = typeof window < "u" && window.document && window.document.createElement;
-function St() {
-  return j && "ontouchstart" in window;
-}
-function se() {
-  return St() || j && window.navigator.maxTouchPoints > 1;
-}
-function ie() {
-  return j && "onpointerdown" in window;
+const B = typeof window < "u" && window.document && window.document.createElement;
+function xt() {
+  return B && "ontouchstart" in window;
 }
 function oe() {
-  return j && "exitPointerLock" in window.document;
+  return xt() || B && window.navigator.maxTouchPoints > 1;
 }
 function ae() {
+  return B && "onpointerdown" in window;
+}
+function ce() {
+  return B && "exitPointerLock" in window.document;
+}
+function ue() {
   try {
     return "constructor" in GestureEvent;
   } catch {
     return !1;
   }
 }
-const I = {
-  isBrowser: j,
-  gesture: ae(),
-  touch: St(),
-  touchscreen: se(),
-  pointer: ie(),
-  pointerLock: oe()
-}, ce = 250, ue = 180, le = 0.5, fe = 50, de = 250, he = 10, bt = {
+const $ = {
+  isBrowser: B,
+  gesture: ue(),
+  touch: xt(),
+  touchscreen: oe(),
+  pointer: ae(),
+  pointerLock: ce()
+}, le = 250, fe = 180, de = 0.5, he = 50, pe = 250, me = 10, yt = {
   mouse: 0,
   touch: 0,
   pen: 8
-}, xt = d(d({}, L), {}, {
-  device(r, t, {
+}, It = p(p({}, j), {}, {
+  device(e, t, {
     pointer: {
-      touch: e = !1,
+      touch: r = !1,
       lock: n = !1,
       mouse: s = !1
     } = {}
   }) {
-    return this.pointerLock = n && I.pointerLock, I.touch && e ? "touch" : this.pointerLock ? "mouse" : I.pointer && !s ? "pointer" : I.touch ? "touch" : "mouse";
+    return this.pointerLock = n && $.pointerLock, $.touch && r ? "touch" : this.pointerLock ? "mouse" : $.pointer && !s ? "pointer" : $.touch ? "touch" : "mouse";
   },
-  preventScrollAxis(r, t, {
-    preventScroll: e
+  preventScrollAxis(e, t, {
+    preventScroll: r
   }) {
-    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && r ? ce : void 0, !(!I.touchscreen || e === !1))
-      return r || (e !== void 0 ? "y" : void 0);
+    if (this.preventScrollDelay = typeof r == "number" ? r : r || r === void 0 && e ? le : void 0, !(!$.touchscreen || r === !1))
+      return e || (r !== void 0 ? "y" : void 0);
   },
-  pointerCapture(r, t, {
+  pointerCapture(e, t, {
     pointer: {
-      capture: e = !0,
+      capture: r = !0,
       buttons: n = 1,
       keys: s = !0
     } = {}
   }) {
-    return this.pointerButtons = n, this.keys = s, !this.pointerLock && this.device === "pointer" && e;
+    return this.pointerButtons = n, this.keys = s, !this.pointerLock && this.device === "pointer" && r;
   },
-  threshold(r, t, {
-    filterTaps: e = !1,
+  threshold(e, t, {
+    filterTaps: r = !1,
     tapsThreshold: n = 3,
     axis: s = void 0
   }) {
-    const o = y.toVector(r, e ? n : s ? 1 : 0);
-    return this.filterTaps = e, this.tapsThreshold = n, o;
+    const o = b.toVector(e, r ? n : s ? 1 : 0);
+    return this.filterTaps = r, this.tapsThreshold = n, o;
   },
   swipe({
-    velocity: r = le,
-    distance: t = fe,
-    duration: e = de
+    velocity: e = de,
+    distance: t = he,
+    duration: r = pe
   } = {}) {
     return {
-      velocity: this.transform(y.toVector(r)),
-      distance: this.transform(y.toVector(t)),
-      duration: e
+      velocity: this.transform(b.toVector(e)),
+      distance: this.transform(b.toVector(t)),
+      duration: r
     };
   },
-  delay(r = 0) {
-    switch (r) {
+  delay(e = 0) {
+    switch (e) {
       case !0:
-        return ue;
+        return fe;
       case !1:
         return 0;
       default:
-        return r;
+        return e;
     }
   },
-  axisThreshold(r) {
-    return r ? d(d({}, bt), r) : bt;
+  axisThreshold(e) {
+    return e ? p(p({}, yt), e) : yt;
   },
-  keyboardDisplacement(r = he) {
-    return r;
+  keyboardDisplacement(e = me) {
+    return e;
   }
 });
-process.env.NODE_ENV === "development" && Object.assign(xt, {
-  useTouch(r) {
-    if (r !== void 0)
+process.env.NODE_ENV === "development" && Object.assign(It, {
+  useTouch(e) {
+    if (e !== 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)
+  experimental_preventWindowScrollY(e) {
+    if (e !== void 0)
       throw Error("[@use-gesture]: `experimental_preventWindowScrollY` option has been renamed to `preventScroll`.");
     return NaN;
   },
-  swipeVelocity(r) {
-    if (r !== void 0)
+  swipeVelocity(e) {
+    if (e !== 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)
+  swipeDistance(e) {
+    if (e !== 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)
+  swipeDuration(e) {
+    if (e !== void 0)
       throw Error("[@use-gesture]: `swipeDuration` option has been renamed to `swipe.duration`. Use it as in `{ swipe: { duration: 250 } }`.");
     return NaN;
   }
 });
-d(d({}, et), {}, {
-  device(r, t, {
-    shared: e,
+p(p({}, rt), {}, {
+  device(e, t, {
+    shared: r,
     pointer: {
       touch: n = !1
     } = {}
   }) {
-    if (e.target && !I.touch && I.gesture) return "gesture";
-    if (I.touch && n) return "touch";
-    if (I.touchscreen) {
-      if (I.pointer) return "pointer";
-      if (I.touch) return "touch";
+    if (r.target && !$.touch && $.gesture) return "gesture";
+    if ($.touch && n) return "touch";
+    if ($.touchscreen) {
+      if ($.pointer) return "pointer";
+      if ($.touch) return "touch";
     }
   },
-  bounds(r, t, {
-    scaleBounds: e = {},
+  bounds(e, t, {
+    scaleBounds: r = {},
     angleBounds: n = {}
   }) {
     const s = (a) => {
-      const u = mt(z(e, a), {
+      const c = pt(z(r, a), {
         min: -1 / 0,
         max: 1 / 0
       });
-      return [u.min, u.max];
+      return [c.min, c.max];
     }, o = (a) => {
-      const u = mt(z(n, a), {
+      const c = pt(z(n, a), {
         min: -1 / 0,
         max: 1 / 0
       });
-      return [u.min, u.max];
+      return [c.min, c.max];
     };
-    return typeof e != "function" && typeof n != "function" ? [s(), o()] : (a) => [s(a), o(a)];
+    return typeof r != "function" && typeof n != "function" ? [s(), o()] : (a) => [s(a), o(a)];
   },
-  threshold(r, t, e) {
-    return this.lockDirection = e.axis === "lock", y.toVector(r, this.lockDirection ? [0.1, 3] : 0);
+  threshold(e, t, r) {
+    return this.lockDirection = r.axis === "lock", b.toVector(e, this.lockDirection ? [0.1, 3] : 0);
   },
-  modifierKey(r) {
-    return r === void 0 ? "ctrlKey" : r;
+  modifierKey(e) {
+    return e === void 0 ? "ctrlKey" : e;
   },
-  pinchOnWheel(r = !0) {
-    return r;
+  pinchOnWheel(e = !0) {
+    return e;
   }
 });
-d(d({}, L), {}, {
-  mouseOnly: (r = !0) => r
+p(p({}, j), {}, {
+  mouseOnly: (e = !0) => e
 });
-d(d({}, L), {}, {
-  mouseOnly: (r = !0) => r
+p(p({}, j), {}, {
+  mouseOnly: (e = !0) => e
 });
-const It = /* @__PURE__ */ new Map(), tt = /* @__PURE__ */ new Map();
-function pe(r) {
-  It.set(r.key, r.engine), tt.set(r.key, r.resolver);
+const kt = /* @__PURE__ */ new Map(), et = /* @__PURE__ */ new Map();
+function ge(e) {
+  kt.set(e.key, e.engine), et.set(e.key, e.resolver);
 }
-const me = {
+const ve = {
   key: "drag",
-  engine: re,
-  resolver: xt
+  engine: se,
+  resolver: It
 };
-function ge(r, t) {
-  if (r == null) return {};
-  var e = {}, n = Object.keys(r), s, o;
+function ye(e, t) {
+  if (e == null) return {};
+  var r = {}, n = Object.keys(e), s, o;
   for (o = 0; o < n.length; o++)
-    s = n[o], !(t.indexOf(s) >= 0) && (e[s] = r[s]);
-  return e;
+    s = n[o], !(t.indexOf(s) >= 0) && (r[s] = e[s]);
+  return r;
 }
-function ve(r, t) {
-  if (r == null) return {};
-  var e = ge(r, t), n, s;
+function be(e, t) {
+  if (e == null) return {};
+  var r = ye(e, t), n, s;
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(r);
+    var o = Object.getOwnPropertySymbols(e);
     for (s = 0; s < o.length; s++)
-      n = o[s], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(r, n) && (e[n] = r[n]);
+      n = o[s], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
   }
-  return e;
+  return r;
 }
-const ye = {
-  target(r) {
-    if (r)
-      return () => "current" in r ? r.current : r;
+const _e = {
+  target(e) {
+    if (e)
+      return () => "current" in e ? e.current : e;
   },
-  enabled(r = !0) {
-    return r;
+  enabled(e = !0) {
+    return e;
   },
-  window(r = I.isBrowser ? window : void 0) {
-    return r;
+  window(e = $.isBrowser ? window : void 0) {
+    return e;
   },
   eventOptions({
-    passive: r = !0,
+    passive: e = !0,
     capture: t = !1
   } = {}) {
     return {
-      passive: r,
+      passive: e,
       capture: t
     };
   },
-  transform(r) {
-    return r;
+  transform(e) {
+    return e;
   }
-}, be = ["target", "eventOptions", "window", "enabled", "transform"];
-function B(r = {}, t) {
-  const e = {};
+}, we = ["target", "eventOptions", "window", "enabled", "transform"];
+function G(e = {}, t) {
+  const r = {};
   for (const [n, s] of Object.entries(t))
     switch (typeof s) {
       case "function":
         if (process.env.NODE_ENV === "development") {
-          const o = s.call(e, r[n], n, r);
-          Number.isNaN(o) || (e[n] = o);
+          const o = s.call(r, e[n], n, e);
+          Number.isNaN(o) || (r[n] = o);
         } else
-          e[n] = s.call(e, r[n], n, r);
+          r[n] = s.call(r, e[n], n, e);
         break;
       case "object":
-        e[n] = B(r[n], s);
+        r[n] = G(e[n], s);
         break;
       case "boolean":
-        s && (e[n] = r[n]);
+        s && (r[n] = e[n]);
         break;
     }
-  return e;
+  return r;
 }
-function _e(r, t, e = {}) {
-  const n = r, {
+function Ee(e, t, r = {}) {
+  const n = e, {
     target: s,
     eventOptions: o,
     window: a,
-    enabled: u,
-    transform: h
-  } = n, p = ve(n, be);
-  if (e.shared = B({
+    enabled: c,
+    transform: l
+  } = n, h = be(n, we);
+  if (r.shared = G({
     target: s,
     eventOptions: o,
     window: a,
-    enabled: u,
-    transform: h
-  }, ye), t) {
-    const c = tt.get(t);
-    e[t] = B(d({
-      shared: e.shared
-    }, p), c);
+    enabled: c,
+    transform: l
+  }, _e), t) {
+    const u = et.get(t);
+    r[t] = G(p({
+      shared: r.shared
+    }, h), u);
   } else
-    for (const c in p) {
-      const b = tt.get(c);
-      if (b)
-        e[c] = B(d({
-          shared: e.shared
-        }, p[c]), b);
-      else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(c)) {
-        if (c === "domTarget")
+    for (const u in h) {
+      const g = et.get(u);
+      if (g)
+        r[u] = G(p({
+          shared: r.shared
+        }, h[u]), g);
+      else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(u)) {
+        if (u === "domTarget")
           throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
-        console.warn(`[@use-gesture]: Unknown config key \`${c}\` was used. Please read the documentation for further information.`);
+        console.warn(`[@use-gesture]: Unknown config key \`${u}\` was used. Please read the documentation for further information.`);
       }
     }
-  return e;
+  return r;
 }
-class kt {
-  constructor(t, e) {
-    w(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = e;
-  }
-  add(t, e, n, s, o) {
-    const a = this._listeners, u = Gt(e, n), h = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, p = d(d({}, h), o);
-    t.addEventListener(u, s, p);
-    const c = () => {
-      t.removeEventListener(u, s, p), a.delete(c);
+class Ct {
+  constructor(t, r) {
+    S(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = r;
+  }
+  add(t, r, n, s, o) {
+    const a = this._listeners, c = Yt(r, n), l = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, h = p(p({}, l), o);
+    t.addEventListener(c, s, h);
+    const u = () => {
+      t.removeEventListener(c, s, h), a.delete(u);
     };
-    return a.add(c), c;
+    return a.add(u), u;
   }
   clean() {
     this._listeners.forEach((t) => t()), this._listeners.clear();
   }
 }
-class we {
+class Te {
   constructor() {
-    w(this, "_timeouts", /* @__PURE__ */ new Map());
+    S(this, "_timeouts", /* @__PURE__ */ new Map());
   }
-  add(t, e, n = 140, ...s) {
-    this.remove(t), this._timeouts.set(t, window.setTimeout(e, n, ...s));
+  add(t, r, n = 140, ...s) {
+    this.remove(t), this._timeouts.set(t, window.setTimeout(r, n, ...s));
   }
   remove(t) {
-    const e = this._timeouts.get(t);
-    e && window.clearTimeout(e);
+    const r = this._timeouts.get(t);
+    r && window.clearTimeout(r);
   }
   clean() {
     this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
   }
 }
-class Ee {
+class Se {
   constructor(t) {
-    w(this, "gestures", /* @__PURE__ */ new Set()), w(this, "_targetEventStore", new kt(this)), w(this, "gestureEventStores", {}), w(this, "gestureTimeoutStores", {}), w(this, "handlers", {}), w(this, "config", {}), w(this, "pointerIds", /* @__PURE__ */ new Set()), w(this, "touchIds", /* @__PURE__ */ new Set()), w(this, "state", {
+    S(this, "gestures", /* @__PURE__ */ new Set()), S(this, "_targetEventStore", new Ct(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", {
       shared: {
         shiftKey: !1,
         metaKey: !1,
         ctrlKey: !1,
         altKey: !1
       }
-    }), Te(this, t);
+    }), xe(this, t);
   }
   setEventIds(t) {
-    if (G(t))
-      return this.touchIds = new Set(Wt(t)), this.touchIds;
+    if (W(t))
+      return this.touchIds = new Set(Xt(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;
   }
-  applyHandlers(t, e) {
-    this.handlers = t, this.nativeHandlers = e;
+  applyHandlers(t, r) {
+    this.handlers = t, this.nativeHandlers = r;
   }
-  applyConfig(t, e) {
-    this.config = _e(t, e, this.config);
+  applyConfig(t, r) {
+    this.config = Ee(t, r, this.config);
   }
   clean() {
     this._targetEventStore.clean();
@@ -895,122 +895,126 @@ class Ee {
     return this.config.shared.target && this.bind(), () => this._targetEventStore.clean();
   }
   bind(...t) {
-    const e = this.config.shared, n = {};
+    const r = this.config.shared, n = {};
     let s;
-    if (!(e.target && (s = e.target(), !s))) {
-      if (e.enabled) {
+    if (!(r.target && (s = r.target(), !s))) {
+      if (r.enabled) {
         for (const a of this.gestures) {
-          const u = this.config[a], h = _t(n, u.eventOptions, !!s);
-          if (u.enabled) {
-            const p = It.get(a);
-            new p(this, t, a).bind(h);
+          const c = this.config[a], l = bt(n, c.eventOptions, !!s);
+          if (c.enabled) {
+            const h = kt.get(a);
+            new h(this, t, a).bind(l);
           }
         }
-        const o = _t(n, e.eventOptions, !!s);
+        const o = bt(n, r.eventOptions, !!s);
         for (const a in this.nativeHandlers)
-          o(a, "", (u) => this.nativeHandlers[a](d(d({}, this.state.shared), {}, {
-            event: u,
+          o(a, "", (c) => this.nativeHandlers[a](p(p({}, this.state.shared), {}, {
+            event: c,
             args: t
           })), void 0, !0);
       }
       for (const o in n)
-        n[o] = qt(...n[o]);
+        n[o] = Qt(...n[o]);
       if (!s) return n;
       for (const o in n) {
         const {
           device: a,
-          capture: u,
-          passive: h
-        } = zt(o);
+          capture: c,
+          passive: l
+        } = Wt(o);
         this._targetEventStore.add(s, a, "", n[o], {
-          capture: u,
-          passive: h
+          capture: c,
+          passive: l
         });
       }
     }
   }
 }
-function M(r, t) {
-  r.gestures.add(t), r.gestureEventStores[t] = new kt(r, t), r.gestureTimeoutStores[t] = new we();
+function L(e, t) {
+  e.gestures.add(t), e.gestureEventStores[t] = new Ct(e, t), e.gestureTimeoutStores[t] = new Te();
 }
-function Te(r, t) {
-  t.drag && M(r, "drag"), t.wheel && M(r, "wheel"), t.scroll && M(r, "scroll"), t.move && M(r, "move"), t.pinch && M(r, "pinch"), t.hover && M(r, "hover");
+function xe(e, t) {
+  t.drag && L(e, "drag"), t.wheel && L(e, "wheel"), t.scroll && L(e, "scroll"), t.move && L(e, "move"), t.pinch && L(e, "pinch"), t.hover && L(e, "hover");
 }
-const _t = (r, t, e) => (n, s, o, a = {}, u = !1) => {
-  var h, p;
-  const c = (h = a.capture) !== null && h !== void 0 ? h : t.capture, b = (p = a.passive) !== null && p !== void 0 ? p : t.passive;
-  let g = u ? n : Kt(n, s, c);
-  e && b && (g += "Passive"), r[g] = r[g] || [], r[g].push(o);
+const bt = (e, t, r) => (n, s, o, a = {}, c = !1) => {
+  var l, h;
+  const u = (l = a.capture) !== null && l !== void 0 ? l : t.capture, g = (h = a.passive) !== null && h !== void 0 ? h : t.passive;
+  let m = c ? n : Gt(n, s, u);
+  r && g && (m += "Passive"), e[m] = e[m] || [], e[m].push(o);
 };
-function Se(r, t = {}, e, n) {
-  const s = q.useMemo(() => new Ee(r), []);
-  if (s.applyHandlers(r, n), s.applyConfig(t, e), q.useEffect(s.effect.bind(s)), q.useEffect(() => s.clean.bind(s), []), t.target === void 0)
+function Ie(e, t = {}, r, n) {
+  const s = J.useMemo(() => new Se(e), []);
+  if (s.applyHandlers(e, n), s.applyConfig(t, r), J.useEffect(s.effect.bind(s)), J.useEffect(() => s.clean.bind(s), []), t.target === void 0)
     return s.bind.bind(s);
 }
-function xe(r, t) {
-  return pe(me), Se({
-    drag: r
+function ke(e, t) {
+  return ge(ve), Ie({
+    drag: e
   }, t || {}, "drag");
 }
-const Q = "RSC::Event";
-function Ie() {
-  const r = k(null);
+const Z = "RSC::Event";
+function Ce() {
+  const e = P(null);
   function t(n) {
-    Z(() => {
-      r.current || (r.current = document.createElement("div"));
+    R(() => {
+      e.current || (e.current = document.createElement("div"));
       function s(o) {
         n(o.detail);
       }
-      if (r.current)
-        return r.current.addEventListener(Q, s, !1), () => {
+      if (e.current)
+        return e.current.addEventListener(Z, s, !1), () => {
           var o;
-          (o = r.current) == null || o.removeEventListener(
-            Q,
+          (o = e.current) == null || o.removeEventListener(
+            Z,
             s,
             !1
           );
         };
     }, [n]);
   }
-  function e(n) {
-    if (r.current) {
-      const s = new CustomEvent(Q, {
+  function r(n) {
+    if (e.current) {
+      const s = new CustomEvent(Z, {
         detail: n
       });
-      r.current.dispatchEvent(s);
+      e.current.dispatchEvent(s);
     }
   }
   return {
     useListenToCustomEvent: t,
-    emitEvent: e
+    emitEvent: r
   };
 }
-function $e({
-  init: r = !0,
+function De(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 Le({
+  init: e = !0,
   items: t,
-  withLoop: e = !1,
+  withLoop: r = !1,
   id: n,
   gutter: s = [{ breakpoint: 0, gutter: 0, startEndGutter: 0 }],
   itemsPerSlide: o = [{ breakpoint: 0, itemsPerSlide: 1 }],
   carouselAxis: a = "x",
-  startingPosition: u = "start",
-  enableGestures: h = !0,
-  slideWhenDragThresholdIsReached: p = !0,
-  onInit: c,
-  initialActiveItem: b = 0
+  startingPosition: c = "start",
+  enableGestures: l = !0,
+  slideWhenDragThresholdIsReached: h = !0,
+  onInit: u,
+  initialActiveItem: g = 0
 }) {
-  const [g, O] = Nt(!1), D = k(r), E = k(null), $ = k(null), A = k(0), x = k(0), C = k(!e), P = k(!1), R = k(0), f = k(0), [V, Y] = At(
+  const [m, D] = Mt(!1), _ = P(e), w = P(null), O = P(null), A = P(0), E = P(0), x = P(!r), I = P(!1), M = P(0), d = P(0), [V, Y] = wt(
     () => ({
       value: 0,
       onChange({ value: i }) {
-        E.current.style.setProperty(
+        w.current.style.setProperty(
           `--${n}-offset-position`,
           `${i.value}px`
         );
       }
     }),
     [a]
-  ), Dt = e ? [
+  ), Dt = r ? [
     ...t.map((i) => ({
       ...i,
       id: `prev-repeated-item-${i.id}`,
@@ -1022,29 +1026,29 @@ function $e({
       id: `next-repeated-item-${i.id}`,
       isClonedItem: !0
     }))
-  ] : t, { useListenToCustomEvent: rt, emitEvent: U } = Ie();
-  function nt() {
-    const { totalGutterCssVar: i } = it();
+  ] : t, { useListenToCustomEvent: nt, emitEvent: U } = Ce();
+  function Pt() {
+    const { totalGutterCssVar: i } = st();
     return i;
   }
-  function st() {
-    if (E.current) {
-      const l = window.getComputedStyle(
-        E.current
+  function $t() {
+    if (w.current) {
+      const f = window.getComputedStyle(
+        w.current
       ).getPropertyValue(`--${n}-items-per-slide`).trim();
-      return Number(l) || 1;
+      return Number(f) || 1;
     }
     return 1;
   }
   function F(i) {
-    D.current && (P.current || N({
+    _.current && (I.current || N({
       type: "next",
       toIndex: i,
       actionType: "click"
     }));
   }
-  function W(i) {
-    D.current && (C.current || N({
+  function H(i) {
+    _.current && (x.current || N({
       type: "prev",
       toIndex: i,
       actionType: "click"
@@ -1052,197 +1056,197 @@ function $e({
   }
   function N({
     type: i,
-    shouldAnimate: l = !0,
-    toIndex: v,
-    actionType: m
+    shouldAnimate: f = !0,
+    toIndex: y,
+    actionType: v
   }) {
-    var at, ct;
-    const _ = !l;
-    C.current = !1, P.current = !1;
-    let T = V.value.get(), S = 0;
-    if (i === "next" && (f.current += 1), i === "prev" && (f.current === 0 ? f.current = t.length - 1 : f.current -= 1), v !== void 0 && (f.current = v), i === "next") {
-      const K = H(
-        e ? x.current * (t.length * 2) : 0
+    var ot, at;
+    const T = !f;
+    x.current = !1, I.current = !1;
+    let k = V.value.get(), C = 0;
+    if (i === "next" && (d.current += 1), i === "prev" && (d.current === 0 ? d.current = t.length - 1 : d.current -= 1), y !== void 0 && (d.current = y), i === "next") {
+      const K = X(
+        r ? E.current * (t.length * 2) : 0
       );
-      S = -(f.current * x.current), e && f.current === t.length && (f.current = 0, T = T + x.current * t.length, S = 0), !e && Math.abs(S) >= K && (P.current = !0, S = -K);
+      C = -(d.current * E.current), r && d.current === t.length && (d.current = 0, k = k + E.current * t.length, C = 0), !r && Math.abs(C) >= K && (I.current = !0, C = -K);
     }
-    i === "prev" && (S = -(f.current * x.current), f.current === t.length - 1 && (T = T - t.length * x.current), !e && S >= 0 && (C.current = !0, S = 0)), A.current = S, m === "resize" ? (S = -(f.current * x.current), U({
+    i === "prev" && (C = -(d.current * E.current), d.current === t.length - 1 && (k = k - t.length * E.current), !r && C >= 0 && (x.current = !0, C = 0)), A.current = C, v === "resize" ? (C = -(d.current * E.current), U({
       eventName: "onResize",
-      sliceActionType: m,
+      sliceActionType: v,
       slideDirection: i,
       currentItem: {
-        index: f.current,
-        id: ((at = t.at(f.current)) == null ? void 0 : at.id) ?? "",
-        startReached: C.current,
-        endReached: P.current
+        index: d.current,
+        id: ((ot = t.at(d.current)) == null ? void 0 : ot.id) ?? "",
+        startReached: x.current,
+        endReached: I.current
       }
     })) : U({
       eventName: "onSlideStartChange",
-      sliceActionType: m,
+      sliceActionType: v,
       slideDirection: i,
       nextItem: {
-        index: f.current,
-        id: ((ct = t.at(f.current)) == null ? void 0 : ct.id) ?? "",
-        startReached: C.current,
-        endReached: P.current
+        index: d.current,
+        id: ((at = t.at(d.current)) == null ? void 0 : at.id) ?? "",
+        startReached: x.current,
+        endReached: I.current
       }
     }), Y.start({
-      immediate: _,
+      immediate: T,
       from: {
-        value: T
+        value: k
       },
       to: {
-        value: S
+        value: C
       },
       onRest({ finished: K }) {
-        var ut;
+        var ct;
         K && U({
           eventName: "onSlideChangeComplete",
-          sliceActionType: m,
+          sliceActionType: v,
           slideDirection: i,
           currentItem: {
-            index: f.current,
-            id: ((ut = t.at(f.current)) == null ? void 0 : ut.id) ?? "",
-            startReached: C.current,
-            endReached: P.current
+            index: d.current,
+            id: ((ct = t.at(d.current)) == null ? void 0 : ct.id) ?? "",
+            startReached: x.current,
+            endReached: I.current
           }
         });
       }
     });
   }
-  function Ct() {
-    const i = $.current.children[0];
-    let l = 0;
-    return l = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + nt(), l;
+  function Ot() {
+    const i = O.current.children[0];
+    let f = 0;
+    return f = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + Pt(), f;
   }
-  function H(i) {
-    const l = $.current;
-    return l[a === "x" ? "scrollWidth" : "scrollHeight"] - l.getBoundingClientRect()[a === "x" ? "width" : "height"] - i;
-  }
-  function it() {
-    let i = 0, l = 0;
-    if (E.current) {
-      const v = window.getComputedStyle(
-        E.current
-      ), m = v.getPropertyValue(`--${n}-start-end-gutter`).trim();
-      m.includes("px") && (i = Number(
-        m.replace("px", "")
+  function X(i) {
+    const f = O.current;
+    return f[a === "x" ? "scrollWidth" : "scrollHeight"] - f.getBoundingClientRect()[a === "x" ? "width" : "height"] - i;
+  }
+  function st() {
+    let i = 0, f = 0;
+    if (w.current) {
+      const y = window.getComputedStyle(
+        w.current
+      ), v = y.getPropertyValue(`--${n}-start-end-gutter`).trim();
+      v.includes("px") && (i = Number(
+        v.replace("px", "")
       ));
-      const _ = v.getPropertyValue(`--${n}-gutter`).trim();
-      _.includes("px") && (l = Number(_.replace("px", "")));
+      const T = y.getPropertyValue(`--${n}-gutter`).trim();
+      T.includes("px") && (f = Number(T.replace("px", "")));
     }
-    return { totalStartEndGutterCssVar: i, totalGutterCssVar: l };
+    return { totalStartEndGutterCssVar: i, totalGutterCssVar: f };
   }
-  Z(() => {
-    function i(m) {
-      const _ = st();
-      switch (m) {
+  R(() => {
+    function i(v) {
+      const T = $t();
+      switch (v) {
         case "start":
           return 0;
         case "middle-start":
-          return Math.floor((_ - 1) * 0.25);
+          return Math.floor((T - 1) * 0.25);
         case "center":
-          return Math.floor((_ - 1) * 0.5);
+          return Math.floor((T - 1) * 0.5);
         case "middle-end":
-          return Math.floor((_ - 1) * 0.75);
+          return Math.floor((T - 1) * 0.75);
         case "end":
-          return _ - 1;
+          return T - 1;
         default:
           return 0;
       }
     }
-    function l(m) {
-      if (x.current = Ct(), R.current = x.current / 4, E.current) {
-        const { totalStartEndGutterCssVar: _ } = it();
-        let T = 0;
-        e && (T = x.current * t.length), T -= x.current * i(u), T -= _ / 2, E.current.style.setProperty(
+    function f(v) {
+      if (E.current = Ot(), M.current = E.current / 4, w.current) {
+        const { totalStartEndGutterCssVar: T } = st();
+        let k = 0;
+        r && (k = E.current * t.length), k -= E.current * i(c), k -= T / 2, w.current.style.setProperty(
           `--${n}-offset-modifier`,
-          `${-T}px`
-        ), O(!0), m && m();
+          `${-k}px`
+        ), D(!0), v && v();
       }
     }
-    function v() {
-      l(), N({
+    function y() {
+      f(), N({
         type: "resize",
-        toIndex: f.current,
+        toIndex: d.current,
         shouldAnimate: !1,
         actionType: "resize"
       });
     }
-    if (r)
-      return D.current = !0, l(c), window.addEventListener("resize", v), () => {
-        window.removeEventListener("resize", v);
+    if (e)
+      return _.current = !0, f(u), window.addEventListener("resize", y), () => {
+        window.removeEventListener("resize", y);
       };
-  }, [r, e, n, a, s, u]), Z(() => {
-    r && b !== f.current && N({
+  }, [e, r, n, a, s, c]), R(() => {
+    e && g !== d.current && N({
       type: "next",
-      toIndex: b,
+      toIndex: g,
       actionType: "resize",
       shouldAnimate: !1
     });
-  }, [r, b]);
-  const ot = h, Pt = xe(
+  }, [e, g]);
+  const it = l, At = ke(
     (i) => {
-      if (!D.current)
+      if (!_.current)
         return;
-      const l = i.dragging, v = i.offset[a === "x" ? 0 : 1], m = i.movement[a === "x" ? 0 : 1], _ = m > R.current, T = m < -R.current, S = i.velocity;
-      l && (U({
+      const f = i.dragging, y = i.offset[a === "x" ? 0 : 1], v = i.movement[a === "x" ? 0 : 1], T = v > M.current, k = v < -M.current, C = i.velocity;
+      f && (U({
         ...i,
         eventName: "onDrag",
         slideActionType: "drag"
       }), Y.start({
-        value: v,
+        value: y,
         immediate: !0,
         config: {
-          velocity: S
+          velocity: C
         }
-      }), p && (_ || T) && i.cancel()), i.last && (_ ? (N({
+      }), h && (T || k) && i.cancel()), i.last && (T ? (N({
         actionType: "drag",
         type: "prev"
-      }), i.cancel()) : T ? (N({
+      }), i.cancel()) : k ? (N({
         actionType: "drag",
         type: "next"
       }), i.cancel()) : (Y.start({
         value: A.current,
         config: {
-          velocity: S
+          velocity: C
         }
       }), i.cancel()));
     },
     {
-      enabled: ot,
+      enabled: it,
       axis: a,
-      rubberband: !e,
-      ...e ? {} : {
+      rubberband: !r,
+      ...r ? {} : {
         bounds: () => ({
           right: 0,
-          left: -H(0),
-          top: -H(0),
+          left: -X(0),
+          top: -X(0),
           bottom: 0
         })
       },
       from: () => [V.value.get(), V.value.get()]
     }
   );
-  function $t(i) {
-    var l, v;
-    return typeof i == "number" ? f.current === i : ((l = t.find((m) => m.id === i)) == null ? void 0 : l.id) === ((v = t[f.current]) == null ? void 0 : v.id);
+  function Nt(i) {
+    var f, y;
+    return typeof i == "number" ? d.current === i : ((f = t.find((v) => v.id === i)) == null ? void 0 : f.id) === ((y = t[d.current]) == null ? void 0 : y.id);
   }
   return {
-    carouselFragment: /* @__PURE__ */ Ot(
+    carouselFragment: /* @__PURE__ */ Lt(
       "div",
       {
-        ref: E,
+        ref: w,
         className: "ReactSpringCarouselContainer",
         "data-part": "Container",
         "data-part-internal": `${n}-Container`,
-        ...Pt(),
+        ...At(),
         children: [
-          /* @__PURE__ */ X(
+          /* @__PURE__ */ q(
             "style",
             {
               dangerouslySetInnerHTML: {
-                __html: `
+                __html: De(`
             [data-part-internal="${n}-Container"] {
               display: flex;
               width: 100%;
@@ -1255,14 +1259,14 @@ function $e({
               --${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: ${it ? 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));
-              left: ${e && a === "x" && !g ? "var(--initial-offset-modifier)" : "0px"};
-              top: ${e && a === "y" && !g ? "var(--initial-offset-modifier)" : "0px"};
+              left: ${r && a === "x" && !m ? "var(--initial-offset-modifier)" : "0px"};
+              top: ${r && a === "y" && !m ? "var(--initial-offset-modifier)" : "0px"};
               flex-direction: ${a === "x" ? "row" : "column"};
               width: 100%;
               height: 100%;
@@ -1271,44 +1275,42 @@ function $e({
             }
             [data-part-internal="${n}-Item"] {
               display: flex;
-              flex: 1 0 calc(100% / var(--${n}-items-per-slide) - calc(var(--${n}-gutter) * (var(--${n}-items-per-slide) - 1)) / var(--${n}-items-per-slide) - calc(var(--${n}-start-end-gutter) / var(--${n}-items-per-slide)))
+              flex: 1 0 calc(100% / var(--${n}-items-per-slide) - calc(var(--${n}-gutter) * (var(--${n}-items-per-slide) - 1)) / var(--${n}-items-per-slide) - calc(var(--${n}-start-end-gutter) / var(--${n}-items-per-slide)));
             }
-            ${s && s.length > 0 ? s.sort((i, l) => i.breakpoint - l.breakpoint).map(
+            ${s && s.length > 0 ? s.sort((i, f) => i.breakpoint - f.breakpoint).map(
                   (i) => `
-                    @media (min-width: ${i.breakpoint}px) {
-                      [data-part-internal="${n}-Container"] {
-                        --${n}-gutter: ${i.gutter || 0}px;
-                        --${n}-start-end-gutter: ${(i.startEndGutter || 0) * 2}px;
-                      }
+                  @media ${i.media || `(min-width: ${i.breakpoint}px)`} {
+                    [data-part-internal="${n}-Container"] {
+                      --${n}-gutter: ${i.gutter || 0}px;
+                      --${n}-start-end-gutter: ${(i.startEndGutter || 0) * 2}px;
                     }
-                  `
+                  }
+                `
                 ).join("") : ""}
-            ${o && o.length > 0 ? o.sort(
-                  (i, l) => i.breakpoint - l.breakpoint
-                ).map(
+            ${o && o.length > 0 ? o.sort((i, f) => i.breakpoint - f.breakpoint).map(
                   (i) => `
-                    @media (min-width: ${i.breakpoint}px) {
-                      [data-part-internal="${n}-Container"] {
-                        --${n}-items-per-slide: ${i.itemsPerSlide || 1};
-                      }
+                  @media ${i.media || `(min-width: ${i.breakpoint}px)`} {
+                    [data-part-internal="${n}-Container"] {
+                      --${n}-items-per-slide: ${i.itemsPerSlide || 1};
                     }
-                  `
+                  }
+                `
                 ).join("") : ""}
-          `
+          `)
               }
             }
           ),
-          /* @__PURE__ */ X(
+          /* @__PURE__ */ q(
             "div",
             {
-              ref: $,
+              ref: O,
               className: "ReactSpringCarouselTrack",
               "data-part": "Track",
               "data-part-internal": `${n}-Track`,
               onScroll: () => {
-                C.current = !1, P.current = !1;
+                x.current = !1, I.current = !1;
               },
-              children: Dt.map((i, l) => /* @__PURE__ */ X(
+              children: Dt.map((i, f) => /* @__PURE__ */ q(
                 "div",
                 {
                   className: "ReactSpringCarouselItem",
@@ -1316,24 +1318,22 @@ function $e({
                   "data-part-internal": `${n}-Item`,
                   "data-id": i.id,
                   children: typeof i.renderItem == "function" ? i.renderItem({
-                    useListenToCustomEvent: rt,
-                    index: l,
+                    useListenToCustomEvent: nt,
+                    index: f,
                     isClonedItem: !!i.isClonedItem,
-                    isActiveItem: $t
+                    isActiveItem: Nt
                   }) : i.renderItem
                 },
-                `${i.id}-${l}`
+                `${i.id}-${f}`
               ))
             }
           )
         ]
       }
     ),
-    useListenToCustomEvent: rt,
+    useListenToCustomEvent: nt,
     slideToNextItem: () => F(),
-    slideToPrevItem: () => W(),
-    getGutter: nt,
-    getItemsPerSlide: st,
+    slideToPrevItem: () => H(),
     slideToItem: (i) => {
       if (typeof i == "number") {
         if (!t[i]) {
@@ -1342,21 +1342,110 @@ function $e({
           );
           return;
         }
-        i > f.current ? F(i) : W(i);
+        i > d.current ? F(i) : H(i);
       }
       if (typeof i == "string") {
-        const l = t.findIndex((v) => v.id === i);
-        if (l < 0) {
+        const f = t.findIndex((y) => y.id === i);
+        if (f < 0) {
           console.warn(
             `The item you're trying to slide doesn't exist. id: ${i}`
           );
           return;
         }
-        l > f.current ? F(l) : W(l);
+        f > d.current ? F(f) : H(f);
+      }
+    }
+  };
+}
+function Pe(e) {
+  let t = 0;
+  const r = getComputedStyle(e).getPropertyValue("gap");
+  return r.includes("px") && (t = Number(r.replace("px", ""))), t;
+}
+function _t(e) {
+  return e.scrollWidth - e.clientWidth;
+}
+function tt(e) {
+  const t = e.children[0], r = Pe(e);
+  return t.getBoundingClientRect().width + r;
+}
+function Me({ container: e, onReach: t }) {
+  const r = P("start"), n = P(0), [, s] = wt(() => ({
+    x: 0
+  }));
+  function o(c) {
+    s.start({
+      from: {
+        x: e.current.scrollLeft
+      },
+      to: {
+        x: c
+      },
+      onChange({ value: l }) {
+        e.current && (e.current.scrollLeft = l.x);
       }
+    });
+  }
+  function a(c) {
+    if (!e.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 * tt(e.current), c === "next") {
+      const h = _t(e.current);
+      l > h && (r.current = "end", l = h, t && t("end"));
+    }
+    c === "prev" && l <= 0 && (r.current = "start", n.current = 0, l = 0, t && t("start")), o(l);
+  }
+  return R(() => {
+    function c() {
+      var E;
+      const D = tt(e.current), _ = ((E = [...e.current.children].at(0)) == null ? void 0 : E.getBoundingClientRect().width) || 0, w = Array(e.current.childElementCount).fill(0).map((x, I) => ({
+        index: I,
+        start: D * I,
+        end: D * (I + 1)
+      })), O = e.current.scrollLeft + _, A = w.find(
+        (x) => O >= x.start && O < x.end
+      );
+      n.current = (A == null ? void 0 : A.index) || 0;
+    }
+    function l() {
+      s.stop();
+    }
+    function h(D) {
+      const _ = D.target;
+      _.scrollLeft === 0 ? (n.current = 0, r.current = "start", t && t("start")) : _.scrollLeft >= _t(_) ? (r.current = "end", t && t("end")) : r.current !== "idle" && (r.current = "idle", t && t("idle"));
+    }
+    let u, g = 0;
+    function m() {
+      g = e.current.scrollLeft, clearTimeout(u), u = setTimeout(function() {
+        e.current.scrollLeft === g && c();
+      }, 200);
+    }
+    if (e.current)
+      return e.current.addEventListener("wheel", l, {
+        passive: !0
+      }), e.current.addEventListener("scroll", h), e.current.addEventListener("scroll", m), () => {
+        e.current && (e.current.removeEventListener("scroll", m), e.current.removeEventListener("scroll", h), e.current.removeEventListener("wheel", l));
+      };
+  }, [e, t]), R(() => {
+    if (e.current) {
+      const c = new ResizeObserver(() => {
+        o(n.current * tt(e.current));
+      });
+      return c.observe(e.current), () => {
+        c.disconnect();
+      };
+    }
+  }, []), {
+    scrollToNext() {
+      a("next");
+    },
+    scrollToPrev() {
+      a("prev");
     }
   };
 }
 export {
-  $e as useSpringCarousel
+  Le as useSpringCarousel,
+  Me as useSpringScroll
 };