react-spring-carousel 3.0.0-beta-2.1.0 → 3.0.0-beta-2.1.2

package/dist/index.es.js

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