react-spring-carousel 3.0.0-beta070 → 3.0.0-beta072

package/dist/useSpringCarousel.js

@@ -1,37 +1,66 @@
-import { u as Ve, a as De, j as F } from "./useThumbsModule-db93025f.js";
-import { useSpring as qe, config as B, useIsomorphicLayoutEffect as ze } from "@react-spring/web";
-import { createContext as Be, useRef as v, useCallback as He, useEffect as N, useContext as Oe } from "react";
-import { useDrag as Xe } from "@use-gesture/react";
-import { u as Ye } from "./useFullscreenModule-55ea7b9d.js";
+import { u as De, j as P } from "./useThumbsModule-f4286033.js";
+import { useSpring as qe, config as X, useIsomorphicLayoutEffect as Be } from "@react-spring/web";
+import { useRef as m, useEffect as N, createContext as He, useCallback as Oe, useContext as ze } from "react";
+import { u as Xe } from "./useEventsModule-538b90c9.js";
+import { useDrag as Ye } from "@use-gesture/react";
 import Je from "resize-observer-polyfill";
-import "screenfull";
-function tt({
+import $ from "screenfull";
+function Ke({
+  mainCarouselWrapperRef: n,
+  onFullScreenChange: v,
+  handleResize: E
+}) {
+  const Y = m(!1);
+  N(() => {
+    function h() {
+      document.fullscreenElement && (O(!0), v(!0), E && E()), document.fullscreenElement || (O(!1), v(!1), E && E());
+    }
+    if ($.isEnabled)
+      return $.on("change", h), () => {
+        $.isEnabled && $.off("change", h);
+      };
+  }, []);
+  function O(h) {
+    Y.current = h;
+  }
+  function b() {
+    return Y.current;
+  }
+  function k(h) {
+    $.isEnabled && $.request(h || n.current);
+  }
+  function u() {
+    $.isEnabled && $.exit();
+  }
+  return {
+    enterFullscreen: k,
+    exitFullscreen: u,
+    getIsFullscreen: b
+  };
+}
+function rt({
   items: n,
-  init: p = !0,
-  withThumbs: le,
-  thumbsSlideAxis: he = "x",
-  itemsPerSlide: se = 1,
-  slideType: k = "fixed",
-  gutter: R = 0,
-  withLoop: o = !1,
-  startEndGutter: C = 0,
-  carouselSlideAxis: u = "x",
-  disableGestures: ae = !1,
-  draggingSlideTreshold: U,
-  slideWhenThresholdIsReached: fe = !1,
+  init: v = !0,
+  withThumbs: E,
+  thumbsSlideAxis: Y = "x",
+  itemsPerSlide: O = 1,
+  slideType: b = "fixed",
+  gutter: k = 0,
+  withLoop: u = !1,
+  startEndGutter: h = 0,
+  carouselSlideAxis: i = "x",
+  disableGestures: de = !1,
+  draggingSlideTreshold: L,
+  slideWhenThresholdIsReached: me = !1,
   freeScroll: c,
-  enableFreeScrollDrag: pe,
-  initialStartingPosition: Z,
-  prepareThumbsData: xe,
-  initialActiveItem: T = 0,
-  animateWhenActiveItemChange: ye = !0,
-  getControllerRef: _
+  enableFreeScrollDrag: xe,
+  initialStartingPosition: A,
+  prepareThumbsData: ye,
+  initialActiveItem: M = 0,
+  animateWhenActiveItemChange: Ie = !0,
+  getControllerRef: S
 }) {
-  const b = se > n.length ? n.length : se, H = v(!1), O = v(U ?? 0), M = v("initial"), G = v("initial"), L = v(
-    "initial"
-  ), g = v(T), s = v(T === 0), l = v(
-    k === "fixed" && T === n.length - 1
-  ), a = v(null), h = v(null), A = v(!0), S = v(0), ee = v(0), f = v(0), Ie = v(o), Te = v(k), be = v(c), W = v(!1), X = He(() => o ? [
+  const w = O > n.length ? n.length : O, J = m(!1), K = m(L ?? 0), C = m("initial"), ee = m("initial"), te = m("initial"), p = m(M), s = m(M === 0), l = m(b === "fixed" && M === n.length - 1), f = m(null), x = m(null), re = m(!0), ne = m(0), ce = m(0), a = m(0), Te = m(u), be = m(b), Me = m(c), R = m(!1), Q = Oe(() => u ? [
     ...n.map((e) => ({
       ...e,
       id: `prev-repeated-item-${e.id}`
@@ -41,72 +70,64 @@ function tt({
       ...e,
       id: `next-repeated-item-${e.id}`
     }))
-  ] : [...n], [n, o])(), [$, x] = qe(
+  ] : [...n], [n, u])(), [W, y] = qe(
     () => ({
       val: 0,
-      pause: !p,
+      pause: !v,
       onChange: ({ value: e }) => {
-        c && a.current ? (u === "x" ? a.current.scrollLeft = Math.abs(e.val) : a.current.scrollTop = Math.abs(e.val), Q()) : h.current && (u === "x" ? h.current.style.transform = `translate3d(${e.val}px, 0px,0px)` : h.current.style.transform = `translate3d(0px,${e.val}px,0px)`);
+        c && f.current ? (i === "x" ? f.current.scrollLeft = Math.abs(e.val) : f.current.scrollTop = Math.abs(e.val), G()) : x.current && (i === "x" ? x.current.style.transform = `translate3d(${e.val}px, 0px,0px)` : x.current.style.transform = `translate3d(0px,${e.val}px,0px)`);
       }
     }),
     [c]
-  ), { emitEvent: Y, useListenToCustomEvent: J } = Ve(), { thumbsFragment: Me, handleScroll: we } = De({
-    withThumbs: !!le,
-    thumbsSlideAxis: he,
-    prepareThumbsData: xe,
+  ), { emitEvent: U, useListenToCustomEvent: Z } = Xe(), { thumbsFragment: we, handleScroll: Ce } = De({
+    withThumbs: !!E,
+    thumbsSlideAxis: Y,
+    prepareThumbsData: ye,
     items: n,
     renderThumbFnProps: {
-      getIsActiveItem: ie,
-      getIsPrevItem: ue,
-      useListenToCustomEvent: J,
-      getIsNextItem: ce
+      getIsActiveItem: fe,
+      getIsPrevItem: se,
+      useListenToCustomEvent: Z,
+      getIsNextItem: le
     }
-  }), { enterFullscreen: de, exitFullscreen: me, getIsFullscreen: ve } = Ye({
-    mainCarouselWrapperRef: a,
-    handleResize: () => K(),
+  }), { enterFullscreen: ge, exitFullscreen: ve, getIsFullscreen: he } = Ke({
+    mainCarouselWrapperRef: f,
+    handleResize: () => _(),
     onFullScreenChange: (e) => {
-      Y({
+      U({
         eventName: "onFullscreenChange",
         isFullscreen: e
       });
     }
   });
-  function Ce(e) {
-    return k === "fixed" && !c ? {
-      marginRight: `${e ? 0 : R}px`,
-      flex: `1 0 calc(100% / ${b} - ${R * (b - 1) / b}px)`
+  function Fe(e) {
+    return b === "fixed" && !c ? {
+      marginRight: `${e ? 0 : k}px`,
+      flex: `1 0 calc(100% / ${w} - ${k * (w - 1) / w}px)`
     } : {
-      marginRight: `${e ? 0 : R}px`
+      marginRight: `${e ? 0 : k}px`
     };
   }
   function d() {
     var r;
-    const e = (r = a.current) == null ? void 0 : r.querySelector(
-      ".use-spring-carousel-item"
-    );
+    const e = (r = f.current) == null ? void 0 : r.querySelector(".use-spring-carousel-item");
     if (!e)
       throw Error("No carousel items available!");
-    return e.getBoundingClientRect()[u === "x" ? "width" : "height"] + R;
+    return e.getBoundingClientRect()[i === "x" ? "width" : "height"] + k;
   }
-  function P({
-    from: e,
-    to: r,
-    nextActiveItem: t,
-    immediate: i = !1,
-    slideMode: I
-  }) {
-    G.current = I, typeof t == "number" && (c || (g.current = t), Y({
+  function j({ from: e, to: r, nextActiveItem: t, immediate: o = !1, slideMode: T }) {
+    ee.current = T, typeof t == "number" && (c || (p.current = t), U({
       eventName: "onSlideStartChange",
-      slideActionType: M.current,
-      slideMode: G.current,
+      slideActionType: C.current,
+      slideMode: ee.current,
       nextItem: {
         startReached: s.current,
         endReached: l.current,
-        index: c ? -1 : g.current,
-        id: c ? "" : n[g.current].id
+        index: c ? -1 : p.current,
+        id: c ? "" : n[p.current].id
       }
-    })), f.current = r, x.start({
-      immediate: i,
+    })), a.current = r, y.start({
+      immediate: o,
       from: {
         val: e
       },
@@ -114,120 +135,118 @@ function tt({
         val: r
       },
       config: {
-        ...B.default,
-        velocity: $.val.velocity
+        ...X.default,
+        velocity: W.val.velocity
       },
-      onRest(D) {
-        !i && D.finished && Y({
+      onRest(B) {
+        !o && B.finished && U({
           eventName: "onSlideChange",
-          slideActionType: M.current,
-          slideMode: G.current,
+          slideActionType: C.current,
+          slideMode: ee.current,
           currentItem: {
             startReached: s.current,
             endReached: l.current,
-            index: c ? -1 : g.current,
-            id: c ? "" : n[g.current].id
+            index: c ? -1 : p.current,
+            id: c ? "" : n[p.current].id
           }
         });
       }
-    }), le && !i && we(g.current);
+    }), E && !o && Ce(p.current);
   }
-  function m() {
+  function g() {
     var e;
-    return o ? d() * n.length : Math.round(
+    return u ? d() * n.length : Math.round(
       Number(
-        (e = h.current) == null ? void 0 : e[u === "x" ? "scrollWidth" : "scrollHeight"]
-      ) - h.current.getBoundingClientRect()[u === "x" ? "width" : "height"] - C * 2
+        (e = x.current) == null ? void 0 : e[i === "x" ? "scrollWidth" : "scrollHeight"]
+      ) - x.current.getBoundingClientRect()[i === "x" ? "width" : "height"] - h * 2
     );
   }
   function ke() {
-    const e = `calc(100% - ${C * 2}px)`;
+    const e = `calc(100% - ${h * 2}px)`;
     return {
-      width: u === "x" ? e : "100%",
-      height: u === "y" ? e : "100%"
+      width: i === "x" ? e : "100%",
+      height: i === "y" ? e : "100%"
     };
   }
-  function te() {
+  function ue() {
     var r;
-    const e = (r = h.current) == null ? void 0 : r.querySelector(
-      ".use-spring-carousel-item"
-    );
+    const e = (r = x.current) == null ? void 0 : r.querySelector(".use-spring-carousel-item");
     if (!e)
       throw Error("No carousel items available!");
-    return e.getBoundingClientRect()[u === "x" ? "width" : "height"] + R;
+    return e.getBoundingClientRect()[i === "x" ? "width" : "height"] + k;
   }
-  function re(e) {
-    const r = u === "x" ? "left" : "top", t = h.current;
-    t && (o ? (t.style.top = "0px", t.style.left = "0px", t.style[r] = `-${e - C}px`, s.current = !1, l.current = !1) : (t.style.left = "0px", t.style.top = "0px"));
+  function ie(e) {
+    const r = i === "x" ? "left" : "top", t = x.current;
+    t && (u ? (t.style.top = "0px", t.style.left = "0px", t.style[r] = `-${e - h}px`, s.current = !1, l.current = !1) : (t.style.left = "0px", t.style.top = "0px"));
   }
-  function K(e = !1) {
-    if (h.current && e && (h.current.style.transform = "translate3d(0px, 0px,0px)", h.current.style.left = "0", h.current.style.top = "0"), k === "fixed" && re(
-      Z === "center" ? te() * n.length - d() * Math.round((b - 1) / 2) : Z === "end" ? te() * n.length - d() * Math.round(b - 1) : te() * n.length
-    ), k === "fluid") {
-      if (l.current && m() !== Math.abs(f.current) && !o) {
-        const r = -m();
-        f.current = r, x.start({
+  function _(e = !1) {
+    if (x.current && e && (x.current.style.transform = "translate3d(0px, 0px,0px)", x.current.style.left = "0", x.current.style.top = "0"), b === "fixed" && ie(
+      A === "center" ? ue() * n.length - d() * Math.round((w - 1) / 2) : A === "end" ? ue() * n.length - d() * Math.round(w - 1) : ue() * n.length
+    ), b === "fluid") {
+      if (l.current && g() !== Math.abs(a.current) && !u) {
+        const r = -g();
+        a.current = r, y.start({
           immediate: !0,
-          val: f.current
+          val: a.current
         });
         return;
       }
-      if (Math.abs(f.current) > 0 && m() !== Math.abs(f.current) && !o && !c && L.current === "backward") {
-        const r = S.current - m(), t = f.current + r;
-        return x.start({
+      if (Math.abs(a.current) > 0 && g() !== Math.abs(a.current) && !u && !c && te.current === "backward") {
+        const r = ne.current - g(), t = a.current + r;
+        return y.start({
           immediate: !0,
           val: t
         }), () => {
-          f.current = t;
+          a.current = t;
         };
       }
       return;
     }
-    if (!c && k === "fixed") {
-      const r = -(d() * g.current);
-      if (Math.abs(r) > m() && !o) {
-        const t = -m();
-        l.current = !0, f.current = t, x.start({
+    if (!c && b === "fixed") {
+      const r = -(d() * p.current);
+      if (Math.abs(r) > g() && !u) {
+        const t = -g();
+        l.current = !0, a.current = t, y.start({
           immediate: !0,
-          val: f.current
+          val: a.current
         });
       } else
-        f.current = r, x.start({
+        a.current = r, y.start({
           immediate: !0,
           val: r
         });
       setTimeout(() => {
-        H.current = !1;
+        J.current = !1;
       }, 0);
     }
   }
-  function w() {
-    return c && a.current ? a.current[u === "x" ? "scrollLeft" : "scrollTop"] : $.val.get();
+  function F() {
+    return c && f.current ? f.current[i === "x" ? "scrollLeft" : "scrollTop"] : W.val.get();
   }
   function z(e, r) {
     if (c && e === "next") {
-      const t = f.current + d();
-      return t > m() ? m() : t;
+      const t = a.current + d();
+      return t > g() ? g() : t;
     }
     if (c && e === "prev") {
-      const t = f.current - d();
+      const t = a.current - d();
       return t < 0 ? 0 : t;
     }
-    return e === "next" ? typeof r == "number" ? -(r * d()) : f.current - d() : typeof r == "number" ? -(r * d()) : f.current + d();
+    return e === "next" ? typeof r == "number" ? -(r * d()) : a.current - d() : typeof r == "number" ? -(r * d()) : a.current + d();
   }
-  function j({ type: e, index: r, immediate: t }) {
-    if (!p || W.current || s.current && !o)
+  function V({ type: e, index: r, immediate: t }) {
+    if (!v || R.current || s.current && !u)
       return;
-    l.current && (L.current = "backward"), M.current = "prev", l.current = !1;
-    const i = typeof r == "number" ? r : g.current - 1;
-    if (c && Q(), !o) {
-      const I = c ? z("prev", r) - d() / 3 < 0 : z("prev", r) + d() / 3 > 0;
+    l.current && (te.current = "backward"), C.current = "prev", l.current = !1;
+    const o = typeof r == "number" ? r : p.current - 1;
+    if (c && G(), !u) {
+      const T = c ? z("prev", r) - d() / 3 < 0 : z("prev", r) + d() / 3 > 0;
       if (s.current)
         return;
-      if (I) {
-        s.current = !0, l.current = !1, P({
+      if (T) {
+        s.current = !0, l.current = !1, j({
           slideMode: e,
-          from: w(),
+          from: F(),
           to: 0,
           nextActiveItem: 0,
           immediate: t
@@ -235,81 +254,81 @@ function tt({
         return;
       }
     }
-    if (o && (s.current || i < 0)) {
-      s.current = !1, l.current = !0, P({
+    if (u && (s.current || o < 0)) {
+      s.current = !1, l.current = !0, j({
         slideMode: e,
-        from: w() - d() * n.length,
+        from: F() - d() * n.length,
         to: -(d() * n.length) + d(),
         nextActiveItem: n.length - 1,
         immediate: t
       });
       return;
     }
-    i === 0 && (s.current = !0), (i === n.length - 1 || i === -1) && (l.current = !0), P({
+    o === 0 && (s.current = !0), (o === n.length - 1 || o === -1) && (l.current = !0), j({
       slideMode: e,
-      from: w(),
+      from: F(),
       to: z("prev", r),
-      nextActiveItem: i,
+      nextActiveItem: o,
       immediate: t
     });
   }
-  function E({ type: e, index: r, immediate: t }) {
-    if (!p || W.current || l.current && !o)
+  function D({ type: e, index: r, immediate: t }) {
+    if (!v || R.current || l.current && !u)
       return;
-    s.current && (L.current = "forward"), M.current = "next", s.current = !1;
-    const i = r || g.current + 1;
-    if (c && Q(), !o) {
-      const I = Math.abs(z("next", r)) > m() - d() / 3;
+    s.current && (te.current = "forward"), C.current = "next", s.current = !1;
+    const o = r || p.current + 1;
+    if (c && G(), !u) {
+      const T = Math.abs(z("next", r)) > g() - d() / 3;
       if (l.current)
         return;
-      if (I) {
-        s.current = !1, l.current = !0, P({
+      if (T) {
+        s.current = !1, l.current = !0, j({
           slideMode: e,
-          from: w(),
-          to: c ? m() : -m(),
-          nextActiveItem: i,
+          from: F(),
+          to: c ? g() : -g(),
+          nextActiveItem: o,
           immediate: t
         });
         return;
       }
     }
-    if (o && (l.current || i > n.length - 1)) {
-      l.current = !1, s.current = !0, P({
+    if (u && (l.current || o > n.length - 1)) {
+      l.current = !1, s.current = !0, j({
         slideMode: e,
-        from: w() + d() * n.length,
+        from: F() + d() * n.length,
         to: 0,
         nextActiveItem: 0,
         immediate: t
       });
       return;
     }
-    i === 0 && (s.current = !0), i === n.length - 1 && (l.current = !0), P({
+    o === 0 && (s.current = !0), o === n.length - 1 && (l.current = !0), j({
       slideMode: e,
-      from: w(),
+      from: F(),
       to: z("next", r),
-      nextActiveItem: i,
+      nextActiveItem: o,
       immediate: t
     });
   }
   function $e() {
-    U ? O.current = U : O.current = Math.floor(d() / 2 / 2);
+    L ? K.current = L : K.current = Math.floor(d() / 2 / 2);
   }
-  function ge() {
-    !A.current && h.current && (S.current = m(), Ie.current = o, Te.current = k, be.current = c, ee.current = window.innerWidth, f.current = 0, ne({ id: 0, immediate: !0, shouldReset: !0 }), $e(), K());
+  function pe() {
+    !re.current && x.current && (ne.current = g(), Te.current = u, be.current = b, Me.current = c, ce.current = window.innerWidth, a.current = 0, oe({ id: 0, immediate: !0, shouldReset: !0 }), $e(), _());
   }
-  const Fe = Xe(
+  const Ne = Ye(
     (e) => {
-      const r = e.dragging, t = e.offset[u === "x" ? 0 : 1], i = e.movement[u === "x" ? 0 : 1], I = e.direction[u === "x" ? 0 : 1], D = i > O.current, q = i < -O.current, Ee = m();
+      const r = e.dragging, t = e.offset[i === "x" ? 0 : 1], o = e.movement[i === "x" ? 0 : 1], T = e.direction[i === "x" ? 0 : 1], B = o > K.current, H = o < -K.current, Ve = g();
       if (r) {
-        if (I > 0 ? M.current = "prev" : M.current = "next", Y({
+        if (T > 0 ? C.current = "prev" : C.current = "next", U({
           ...e,
           eventName: "onDrag",
-          slideActionType: M.current
+          slideActionType: C.current
         }), c) {
           if (t > 0) {
-            x.start({
+            y.start({
               from: {
-                val: w()
+                val: F()
               },
               to: {
                 val: 0
@@ -322,9 +341,9 @@ function tt({
             }), e.cancel();
             return;
           }
-          x.start({
+          y.start({
             from: {
-              val: w()
+              val: F()
             },
             to: {
               val: -t
@@ -337,20 +356,20 @@ function tt({
           });
           return;
         }
-        x.start({
+        y.start({
           val: t,
           config: {
             velocity: e.velocity,
             friction: 50,
             tension: 1e3
           }
-        }), fe && q ? (E({ type: "drag" }), e.cancel()) : fe && D && (j({ type: "drag" }), e.cancel()), Ee - Math.abs(t) < -(d() * 2) && e.cancel();
+        }), me && H ? (D({ type: "drag" }), e.cancel()) : me && B && (V({ type: "drag" }), e.cancel()), Ve - Math.abs(t) < -(d() * 2) && e.cancel();
         return;
       }
       if (e.last && c && t > 0) {
-        x.start({
+        y.start({
           from: {
-            val: w()
+            val: F()
           },
           to: {
             val: 0
@@ -363,247 +382,237 @@ function tt({
         });
         return;
       }
-      e.last && !e.canceled && c && (M.current === "prev" && j({ type: "drag" }), M.current === "next" && E({ type: "drag" })), e.last && !e.canceled && !c && (q ? !o && l.current ? x.start({
-        val: -m(),
+      e.last && !e.canceled && c && (C.current === "prev" && V({ type: "drag" }), C.current === "next" && D({ type: "drag" })), e.last && !e.canceled && !c && (H ? !u && l.current ? y.start({
+        val: -g(),
         config: {
-          ...B.default,
+          ...X.default,
           velocity: e.velocity
         }
-      }) : E({ type: "drag" }) : D ? !o && s.current ? x.start({
+      }) : D({ type: "drag" }) : B ? !u && s.current ? y.start({
         val: 0,
         config: {
-          ...B.default,
+          ...X.default,
           velocity: e.velocity
         }
-      }) : j({ type: "drag" }) : x.start({
-        val: f.current,
+      }) : V({ type: "drag" }) : y.start({
+        val: a.current,
         config: {
-          ...B.default,
+          ...X.default,
           velocity: e.velocity
         }
-      })), e.last && e.canceled && x.start({
-        val: f.current,
+      })), e.last && e.canceled && y.start({
+        val: a.current,
         config: {
-          ...B.default,
+          ...X.default,
           velocity: e.velocity
         }
       });
     },
     {
-      enabled: p && !ae && !c || !!c && !!pe,
-      axis: u,
-      from: () => c && a.current ? [
-        -a.current.scrollLeft,
-        -a.current.scrollTop
-      ] : u === "x" ? [$.val.get(), $.val.get()] : [$.val.get(), $.val.get()]
+      enabled: v && !de && !c || !!c && !!xe,
+      axis: i,
+      from: () => c && f.current ? [
+        -f.current.scrollLeft,
+        -f.current.scrollTop
+      ] : i === "x" ? [W.val.get(), W.val.get()] : [W.val.get(), W.val.get()]
     }
   );
-  function Ne() {
-    return c ? u === "x" ? {
+  function Ee() {
+    return c ? i === "x" ? {
       overflowX: "auto"
     } : {
       overflowY: "auto"
     } : {};
   }
-  function Q() {
-    a.current && (f.current = a.current[u === "x" ? "scrollLeft" : "scrollTop"], a.current[u === "x" ? "scrollLeft" : "scrollTop"] === 0 && (s.current = !0, l.current = !1), a.current[u === "x" ? "scrollLeft" : "scrollTop"] > 0 && a.current[u === "x" ? "scrollLeft" : "scrollTop"] < m() && (s.current = !1, l.current = !1), a.current[u === "x" ? "scrollLeft" : "scrollTop"] === m() && (s.current = !1, l.current = !0));
+  function G() {
+    f.current && (a.current = f.current[i === "x" ? "scrollLeft" : "scrollTop"], f.current[i === "x" ? "scrollLeft" : "scrollTop"] === 0 && (s.current = !0, l.current = !1), f.current[i === "x" ? "scrollLeft" : "scrollTop"] > 0 && f.current[i === "x" ? "scrollLeft" : "scrollTop"] < g() && (s.current = !1, l.current = !1), f.current[i === "x" ? "scrollLeft" : "scrollTop"] === g() && (s.current = !1, l.current = !0));
   }
-  function Re() {
+  function We() {
     return c ? {
       onWheel() {
-        $.val.stop(), Q();
+        W.val.stop(), G();
       }
     } : {};
   }
-  function V(e, r) {
+  function q(e, r) {
     let t = 0;
-    if (typeof e == "string" ? t = n.findIndex((i) => i.id === e) : t = e, t < 0 || t >= n.length) {
+    if (typeof e == "string" ? t = n.findIndex((o) => o.id === e) : t = e, t < 0 || t >= n.length) {
       if (r)
         throw new Error(r);
-      console.error(
-        `The item doesn't exist; check that the id provided - ${e} - is correct.`
-      ), t = -1;
+      console.error(`The item doesn't exist; check that the id provided - ${e} - is correct.`), t = -1;
     }
     return t;
   }
-  function ne({
-    id: e,
-    immediate: r,
-    shouldReset: t,
-    type: i
-  }) {
-    if (!p || W.current)
+  function oe({ id: e, immediate: r, shouldReset: t, type: o }) {
+    if (!v || R.current)
       return;
     s.current = !1, l.current = !1;
-    const I = V(
+    const T = q(
       e,
       "The item you want to slide to doesn't exist; check the provided id."
     );
-    if (I === g.current && !t)
+    if (T === p.current && !t)
       return;
-    const D = V(n[g.current].id), q = V(n[I].id);
-    q > D ? E({
-      type: i || t ? "initial" : "click",
-      index: q,
+    const B = q(n[p.current].id), H = q(n[T].id);
+    H > B ? D({
+      type: o || t ? "initial" : "click",
+      index: H,
       immediate: r
-    }) : j({
-      type: i || t ? "initial" : "click",
-      index: q,
+    }) : V({
+      type: o || t ? "initial" : "click",
+      index: H,
       immediate: r
     });
   }
-  function ce(e) {
-    const r = V(e, "The item doesn't exist; check the provided id."), t = g.current;
-    return o && t === n.length - 1 ? r === 0 : r === t + 1;
+  function le(e) {
+    const r = q(e, "The item doesn't exist; check the provided id."), t = p.current;
+    return u && t === n.length - 1 ? r === 0 : r === t + 1;
   }
-  function ue(e) {
-    const r = V(e, "The item doesn't exist; check the provided id."), t = g.current;
-    return o && t === 0 ? r === n.length - 1 : r === t - 1;
+  function se(e) {
+    const r = q(e, "The item doesn't exist; check the provided id."), t = p.current;
+    return u && t === 0 ? r === n.length - 1 : r === t - 1;
   }
-  function ie(e) {
-    return V(
-      e,
-      "The item you want to check doesn't exist; check the provided id."
-    ) === g.current;
+  function fe(e) {
+    return q(e, "The item you want to check doesn't exist; check the provided id.") === p.current;
   }
-  function We() {
-    return ae ? "unset" : u === "x" ? "pan-y" : "pan-x";
+  function Pe() {
+    return de ? "unset" : i === "x" ? "pan-y" : "pan-x";
   }
-  const y = c ? {
-    useListenToCustomEvent: J,
-    enterFullscreen: de,
-    exitFullscreen: me,
-    getIsFullscreen: ve,
+  const I = c ? {
+    useListenToCustomEvent: Z,
+    enterFullscreen: ge,
+    exitFullscreen: ve,
+    getIsFullscreen: he,
     slideToPrevItem: (e = !0) => {
-      j({
+      V({
         type: "click",
         immediate: !e
       });
     },
     slideToNextItem: (e = !0) => {
-      E({
+      D({
         type: "click",
         immediate: !e
       });
     }
   } : {
-    useListenToCustomEvent: J,
-    enterFullscreen: de,
-    exitFullscreen: me,
-    getIsFullscreen: ve,
+    useListenToCustomEvent: Z,
+    enterFullscreen: ge,
+    exitFullscreen: ve,
+    getIsFullscreen: he,
     slideToPrevItem: (e = !0) => {
-      j({
+      V({
         type: "click",
         immediate: !e
       });
     },
     slideToNextItem: (e = !0) => {
-      E({
+      D({
         type: "click",
         immediate: !e
       });
     },
     slideToItem: (e, r = !0) => {
-      ne({ id: e, immediate: !r });
+      oe({ id: e, immediate: !r });
     },
-    getIsNextItem: ce,
-    getIsPrevItem: ue,
-    getIsActiveItem: ie
+    getIsNextItem: le,
+    getIsPrevItem: se,
+    getIsActiveItem: fe
   };
-  ze(() => {
-    h.current && p && (H.current = !0, ge());
-  }, [p]), N(() => {
-    g.current !== T && ne({
-      id: T,
-      immediate: !ye
+  Be(() => {
+    x.current && v && (J.current = !0, pe());
+  }, [v]), N(() => {
+    p.current !== M && oe({
+      id: M,
+      immediate: !Ie
     });
-  }, [T]), N(() => {
-    if (p) {
-      if (T > n.length - 1)
+  }, [M]), N(() => {
+    if (v) {
+      if (M > n.length - 1)
         throw new Error(
-          `initialActiveItem (${T}) is greater than the total quantity available items (${n.length}).`
+          `initialActiveItem (${M}) is greater than the total quantity available items (${n.length}).`
         );
-      b > n.length && console.warn(
-        `itemsPerSlide (${b}) is greater than the total quantity available items (${n.length}). Fallback to ${n.length})`
+      w > n.length && console.warn(
+        `itemsPerSlide (${w}) is greater than the total quantity available items (${n.length}). Fallback to ${n.length})`
       );
     }
-  }, [T, n.length, b, p]), N(() => {
-    ee.current = window.innerWidth;
+  }, [M, n.length, w, v]), N(() => {
+    ce.current = window.innerWidth;
   }, []), N(() => {
-    p && (H.current = !0, ge());
-  }, [Z, b, C, R, p, o]), N(() => {
-    if (!p)
+    v && (J.current = !0, pe());
+  }, [A, w, h, k, v, u]), N(() => {
+    if (!v)
       return;
     function e() {
-      document.hidden ? W.current = !0 : W.current = !1;
+      document.hidden ? R.current = !0 : R.current = !1;
     }
     return document.addEventListener("visibilitychange", e), () => {
       document.removeEventListener("visibilitychange", e);
     };
-  }, [p]), N(() => {
-    if (a.current) {
+  }, [v]), N(() => {
+    if (f.current) {
       let e;
       const r = new Je(() => {
-        if (A.current) {
-          A.current = !1;
+        if (re.current) {
+          re.current = !1;
           return;
         }
-        if (!W.current && !H.current) {
-          ee.current = window.innerWidth;
-          const t = K();
+        if (!R.current && !J.current) {
+          ce.current = window.innerWidth;
+          const t = _();
           window.clearTimeout(e), e = setTimeout(() => {
-            S.current = m(), typeof t == "function" && t();
+            ne.current = g(), typeof t == "function" && t();
           }, 100);
         }
       });
-      return r.observe(a.current), () => {
+      return r.observe(f.current), () => {
         r.disconnect();
       };
     }
-  }, [K, m]), N(() => {
-    _ && _({
-      slideToNextItem: y.slideToNextItem,
-      slideToPrevItem: y.slideToPrevItem,
-      slideToItem: y == null ? void 0 : y.slideToItem
+  }, [_, g]), N(() => {
+    S && S({
+      slideToNextItem: I.slideToNextItem,
+      slideToPrevItem: I.slideToPrevItem,
+      slideToItem: I == null ? void 0 : I.slideToItem
     });
-  }, [_, y.slideToItem, y.slideToNextItem, y.slideToPrevItem]);
-  const Pe = /* @__PURE__ */ F.jsx(oe.Provider, { value: y, children: Me }), je = /* @__PURE__ */ F.jsx(oe.Provider, { value: y, children: /* @__PURE__ */ F.jsx(
+  }, [S, I.slideToItem, I.slideToNextItem, I.slideToPrevItem]);
+  const Re = /* @__PURE__ */ P.jsx(ae.Provider, { value: I, children: we }), je = /* @__PURE__ */ P.jsx(ae.Provider, { value: I, children: /* @__PURE__ */ P.jsx(
     "div",
     {
       className: "use-spring-carousel-main-wrapper",
-      ref: a,
-      ...Re(),
+      ref: f,
+      ...We(),
       style: {
         display: "flex",
         position: "relative",
         width: "100%",
         height: "100%",
-        ...Ne()
+        ...Ee()
       },
-      children: /* @__PURE__ */ F.jsxs(
+      children: /* @__PURE__ */ P.jsxs(
         "div",
         {
           className: "use-spring-carousel-track-wrapper",
-          ref: h,
-          ...Fe(),
+          ref: x,
+          ...Ne(),
           style: {
             position: "relative",
             display: "flex",
-            flexDirection: u === "x" ? "row" : "column",
-            touchAction: We(),
+            flexDirection: i === "x" ? "row" : "column",
+            touchAction: Pe(),
             ...ke()
           },
           children: [
-            (c || !o) && C ? /* @__PURE__ */ F.jsx(
+            (c || !u) && h ? /* @__PURE__ */ P.jsx(
               "div",
               {
                 style: {
                   flexShrink: 0,
-                  width: C
+                  width: h
                 }
               }
             ) : null,
-            X.map((e, r) => /* @__PURE__ */ F.jsx(
+            Q.map((e, r) => /* @__PURE__ */ P.jsx(
               "div",
               {
                 className: "use-spring-carousel-item",
@@ -612,27 +621,27 @@ function tt({
                   display: "flex",
                   position: "relative",
                   flex: "1",
-                  ...Ce(
-                    r === X.findIndex(
-                      (t) => t.id === X[X.length - 1].id
+                  ...Fe(
+                    r === Q.findIndex(
+                      (t) => t.id === Q[Q.length - 1].id
                     )
                   )
                 },
                 children: typeof e.renderItem == "function" ? e.renderItem({
-                  getIsActiveItem: ie,
-                  getIsNextItem: ce,
-                  getIsPrevItem: ue,
-                  useListenToCustomEvent: J
+                  getIsActiveItem: fe,
+                  getIsNextItem: le,
+                  getIsPrevItem: se,
+                  useListenToCustomEvent: Z
                 }) : e.renderItem
               },
               `${e.id}-${r}`
             )),
-            (c || !o) && C ? /* @__PURE__ */ F.jsx(
+            (c || !u) && h ? /* @__PURE__ */ P.jsx(
               "div",
               {
                 style: {
                   flexShrink: 0,
-                  width: C
+                  width: h
                 }
               }
             ) : null
@@ -641,18 +650,16 @@ function tt({
       )
     }
   ) });
-  return { ...y, carouselFragment: je, thumbsFragment: Pe };
+  return { ...I, carouselFragment: je, thumbsFragment: Re };
 }
-const oe = Be(
-  void 0
-);
-function rt() {
-  const n = Oe(oe);
+const ae = He(void 0);
+function nt() {
+  const n = ze(ae);
   if (!n)
     throw new Error("useSpringCarouselContext must be used within the carousel.");
   return n;
 }
 export {
-  tt as useSpringCarousel,
-  rt as useSpringCarouselContext
+  rt as useSpringCarousel,
+  nt as useSpringCarouselContext
 };