react-spring-carousel 3.0.0-beta-2.1.7 → 3.0.0-beta-2.2.1

package/dist/index.es.js

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