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

package/dist/index.es.js

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