@maycolem/stories 26.0.0 → 28.0.0

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { jsx as E, jsxs as U, Fragment as jt } from "react/jsx-runtime";
+import { jsx as C, jsxs as U, Fragment as jt } from "react/jsx-runtime";
 import * as Rn from "react";
 import Y, { useState as Z, useRef as B, useCallback as kt, useEffect as F, forwardRef as sr, createContext as Ce, useLayoutEffect as lo, useContext as ee, useMemo as mt, createElement as da, PureComponent as fa, Fragment as uo } from "react";
 import pa from "react-dom";
@@ -100,7 +100,7 @@ const Ma = /* @__PURE__ */ co(_a), fo = ({
   hasSeenAllStories: s
 }) => {
   const [a, { width: l, height: u }] = Pa();
-  return /* @__PURE__ */ E("div", { ref: a, children: /* @__PURE__ */ U(
+  return /* @__PURE__ */ C("div", { ref: a, children: /* @__PURE__ */ U(
     "div",
     {
       className: Se(He.ProfileStory, r, {
@@ -113,8 +113,8 @@ const Ma = /* @__PURE__ */ co(_a), fo = ({
         "--story-width": o ?? `${l}px`
       },
       children: [
-        /* @__PURE__ */ E("div", { className: He.ProfileStoryWrap, children: /* @__PURE__ */ E("div", { className: He.ProfileStory__wrapImage, children: /* @__PURE__ */ E("div", { className: He.ProfileStory__image, children: /* @__PURE__ */ E("img", { src: e, alt: "", draggable: !1 }) }) }) }),
-        t && /* @__PURE__ */ E("div", { className: He.ProfileStory__title, children: t })
+        /* @__PURE__ */ C("div", { className: He.ProfileStoryWrap, children: /* @__PURE__ */ C("div", { className: He.ProfileStory__wrapImage, children: /* @__PURE__ */ C("div", { className: He.ProfileStory__image, children: /* @__PURE__ */ C("img", { src: e, alt: "", draggable: !1 }) }) }) }),
+        t && /* @__PURE__ */ C("div", { className: He.ProfileStory__title, children: t })
       ]
     }
   ) });
@@ -585,10 +585,10 @@ function Wa(e) {
         d.forEach((g) => {
           let {
             contentBoxSize: m,
-            contentRect: S,
-            target: y
+            contentRect: y,
+            target: S
           } = g;
-          y && y !== t.el || (p = S ? S.width : (m[0] || m).inlineSize, h = S ? S.height : (m[0] || m).blockSize);
+          S && S !== t.el || (p = y ? y.width : (m[0] || m).inlineSize, h = y ? y.height : (m[0] || m).blockSize);
         }), (p !== f || h !== v) && a();
       });
     }), o.observe(t.el));
@@ -739,45 +739,45 @@ function Xa() {
   typeof h == "function" && (h = n.slidesOffsetBefore.call(e));
   let g = n.slidesOffsetAfter;
   typeof g == "function" && (g = n.slidesOffsetAfter.call(e));
-  const m = e.snapGrid.length, S = e.slidesGrid.length;
-  let y = n.spaceBetween, b = -h, w = 0, x = 0;
+  const m = e.snapGrid.length, y = e.slidesGrid.length;
+  let S = n.spaceBetween, b = -h, w = 0, _ = 0;
   if (typeof o > "u")
     return;
-  typeof y == "string" && y.indexOf("%") >= 0 ? y = parseFloat(y.replace("%", "")) / 100 * o : typeof y == "string" && (y = parseFloat(y)), e.virtualSize = -y, c.forEach((P) => {
+  typeof S == "string" && S.indexOf("%") >= 0 ? S = parseFloat(S.replace("%", "")) / 100 * o : typeof S == "string" && (S = parseFloat(S)), e.virtualSize = -S, c.forEach((P) => {
     s ? P.style.marginLeft = "" : P.style.marginRight = "", P.style.marginBottom = "", P.style.marginTop = "";
   }), n.centeredSlides && n.cssMode && (Et(r, "--swiper-centered-offset-before", ""), Et(r, "--swiper-centered-offset-after", ""));
-  const C = n.grid && n.grid.rows > 1 && e.grid;
-  C ? e.grid.initSlides(c) : e.grid && e.grid.unsetSlides();
-  let _;
-  const T = n.slidesPerView === "auto" && n.breakpoints && Object.keys(n.breakpoints).filter((P) => typeof n.breakpoints[P].slidesPerView < "u").length > 0;
+  const T = n.grid && n.grid.rows > 1 && e.grid;
+  T ? e.grid.initSlides(c) : e.grid && e.grid.unsetSlides();
+  let E;
+  const x = n.slidesPerView === "auto" && n.breakpoints && Object.keys(n.breakpoints).filter((P) => typeof n.breakpoints[P].slidesPerView < "u").length > 0;
   for (let P = 0; P < d; P += 1) {
-    _ = 0;
+    E = 0;
     let A;
-    if (c[P] && (A = c[P]), C && e.grid.updateSlide(P, A, c), !(c[P] && Oe(A, "display") === "none")) {
+    if (c[P] && (A = c[P]), T && e.grid.updateSlide(P, A, c), !(c[P] && Oe(A, "display") === "none")) {
       if (n.slidesPerView === "auto") {
-        T && (c[P].style[e.getDirectionLabel("width")] = "");
+        x && (c[P].style[e.getDirectionLabel("width")] = "");
         const I = getComputedStyle(A), L = A.style.transform, N = A.style.webkitTransform;
         if (L && (A.style.transform = "none"), N && (A.style.webkitTransform = "none"), n.roundLengths)
-          _ = e.isHorizontal() ? kr(A, "width") : kr(A, "height");
+          E = e.isHorizontal() ? kr(A, "width") : kr(A, "height");
         else {
           const j = t(I, "width"), D = t(I, "padding-left"), G = t(I, "padding-right"), H = t(I, "margin-left"), k = t(I, "margin-right"), J = I.getPropertyValue("box-sizing");
           if (J && J === "border-box")
-            _ = j + H + k;
+            E = j + H + k;
           else {
             const {
               clientWidth: ce,
               offsetWidth: Q
             } = A;
-            _ = j + D + G + H + k + (Q - ce);
+            E = j + D + G + H + k + (Q - ce);
           }
         }
-        L && (A.style.transform = L), N && (A.style.webkitTransform = N), n.roundLengths && (_ = Math.floor(_));
+        L && (A.style.transform = L), N && (A.style.webkitTransform = N), n.roundLengths && (E = Math.floor(E));
       } else
-        _ = (o - (n.slidesPerView - 1) * y) / n.slidesPerView, n.roundLengths && (_ = Math.floor(_)), c[P] && (c[P].style[e.getDirectionLabel("width")] = `${_}px`);
-      c[P] && (c[P].swiperSlideSize = _), p.push(_), n.centeredSlides ? (b = b + _ / 2 + w / 2 + y, w === 0 && P !== 0 && (b = b - o / 2 - y), P === 0 && (b = b - o / 2 - y), Math.abs(b) < 1 / 1e3 && (b = 0), n.roundLengths && (b = Math.floor(b)), x % n.slidesPerGroup === 0 && f.push(b), v.push(b)) : (n.roundLengths && (b = Math.floor(b)), (x - Math.min(e.params.slidesPerGroupSkip, x)) % e.params.slidesPerGroup === 0 && f.push(b), v.push(b), b = b + _ + y), e.virtualSize += _ + y, w = _, x += 1;
+        E = (o - (n.slidesPerView - 1) * S) / n.slidesPerView, n.roundLengths && (E = Math.floor(E)), c[P] && (c[P].style[e.getDirectionLabel("width")] = `${E}px`);
+      c[P] && (c[P].swiperSlideSize = E), p.push(E), n.centeredSlides ? (b = b + E / 2 + w / 2 + S, w === 0 && P !== 0 && (b = b - o / 2 - S), P === 0 && (b = b - o / 2 - S), Math.abs(b) < 1 / 1e3 && (b = 0), n.roundLengths && (b = Math.floor(b)), _ % n.slidesPerGroup === 0 && f.push(b), v.push(b)) : (n.roundLengths && (b = Math.floor(b)), (_ - Math.min(e.params.slidesPerGroupSkip, _)) % e.params.slidesPerGroup === 0 && f.push(b), v.push(b), b = b + E + S), e.virtualSize += E + S, w = E, _ += 1;
     }
   }
-  if (e.virtualSize = Math.max(e.virtualSize, o) + g, s && a && (n.effect === "slide" || n.effect === "coverflow") && (r.style.width = `${e.virtualSize + y}px`), n.setWrapperSize && (r.style[e.getDirectionLabel("width")] = `${e.virtualSize + y}px`), C && e.grid.updateWrapperSize(_, f), !n.centeredSlides) {
+  if (e.virtualSize = Math.max(e.virtualSize, o) + g, s && a && (n.effect === "slide" || n.effect === "coverflow") && (r.style.width = `${e.virtualSize + S}px`), n.setWrapperSize && (r.style[e.getDirectionLabel("width")] = `${e.virtualSize + S}px`), T && e.grid.updateWrapperSize(E, f), !n.centeredSlides) {
     const P = [];
     for (let A = 0; A < f.length; A += 1) {
       let I = f[A];
@@ -786,7 +786,7 @@ function Xa() {
     f = P, Math.floor(e.virtualSize - o) - Math.floor(f[f.length - 1]) > 1 && f.push(e.virtualSize - o);
   }
   if (l && n.loop) {
-    const P = p[0] + y;
+    const P = p[0] + S;
     if (n.slidesPerGroup > 1) {
       const A = Math.ceil((e.virtual.slidesBefore + e.virtual.slidesAfter) / n.slidesPerGroup), I = P * n.slidesPerGroup;
       for (let L = 0; L < A; L += 1)
@@ -795,25 +795,25 @@ function Xa() {
     for (let A = 0; A < e.virtual.slidesBefore + e.virtual.slidesAfter; A += 1)
       n.slidesPerGroup === 1 && f.push(f[f.length - 1] + P), v.push(v[v.length - 1] + P), e.virtualSize += P;
   }
-  if (f.length === 0 && (f = [0]), y !== 0) {
+  if (f.length === 0 && (f = [0]), S !== 0) {
     const P = e.isHorizontal() && s ? "marginLeft" : e.getDirectionLabel("marginRight");
     c.filter((A, I) => !n.cssMode || n.loop ? !0 : I !== c.length - 1).forEach((A) => {
-      A.style[P] = `${y}px`;
+      A.style[P] = `${S}px`;
     });
   }
   if (n.centeredSlides && n.centeredSlidesBounds) {
     let P = 0;
     p.forEach((I) => {
-      P += I + (y || 0);
-    }), P -= y;
+      P += I + (S || 0);
+    }), P -= S;
     const A = P > o ? P - o : 0;
     f = f.map((I) => I <= 0 ? -h : I > A ? A + g : I);
   }
   if (n.centerInsufficientSlides) {
     let P = 0;
     p.forEach((I) => {
-      P += I + (y || 0);
-    }), P -= y;
+      P += I + (S || 0);
+    }), P -= S;
     const A = (n.slidesOffsetBefore || 0) + (n.slidesOffsetAfter || 0);
     if (P + A < o) {
       const I = (o - P - A) / 2;
@@ -834,7 +834,7 @@ function Xa() {
     const P = -e.snapGrid[0], A = -e.slidesGrid[0];
     e.snapGrid = e.snapGrid.map((I) => I + P), e.slidesGrid = e.slidesGrid.map((I) => I + A);
   }
-  if (d !== u && e.emit("slidesLengthChange"), f.length !== m && (e.params.watchOverflow && e.checkOverflow(), e.emit("snapGridLengthChange")), v.length !== S && e.emit("slidesGridLengthChange"), n.watchSlidesProgress && e.updateSlidesOffset(), e.emit("slidesUpdated"), !l && !n.cssMode && (n.effect === "slide" || n.effect === "fade")) {
+  if (d !== u && e.emit("slidesLengthChange"), f.length !== m && (e.params.watchOverflow && e.checkOverflow(), e.emit("snapGridLengthChange")), v.length !== y && e.emit("slidesGridLengthChange"), n.watchSlidesProgress && e.updateSlidesOffset(), e.emit("slidesUpdated"), !l && !n.cssMode && (n.effect === "slide" || n.effect === "fade")) {
     const P = `${n.containerModifierClass}backface-hidden`, A = e.el.classList.contains(P);
     d <= n.maxBackfaceHiddenSlides ? A || e.el.classList.add(P) : A && e.el.classList.remove(P);
   }
@@ -1223,43 +1223,43 @@ function hl(e, t, n, r, i) {
   g >= l.length && (g = l.length - 1);
   const m = -l[g];
   if (a.normalizeSlideIndex)
-    for (let C = 0; C < u.length; C += 1) {
-      const _ = -Math.floor(m * 100), T = Math.floor(u[C] * 100), P = Math.floor(u[C + 1] * 100);
-      typeof u[C + 1] < "u" ? _ >= T && _ < P - (P - T) / 2 ? s = C : _ >= T && _ < P && (s = C + 1) : _ >= T && (s = C);
+    for (let T = 0; T < u.length; T += 1) {
+      const E = -Math.floor(m * 100), x = Math.floor(u[T] * 100), P = Math.floor(u[T + 1] * 100);
+      typeof u[T + 1] < "u" ? E >= x && E < P - (P - x) / 2 ? s = T : E >= x && E < P && (s = T + 1) : E >= x && (s = T);
     }
   if (o.initialized && s !== d && (!o.allowSlideNext && (f ? m > o.translate && m > o.minTranslate() : m < o.translate && m < o.minTranslate()) || !o.allowSlidePrev && m > o.translate && m > o.maxTranslate() && (d || 0) !== s))
     return !1;
   s !== (c || 0) && n && o.emit("beforeSlideChangeStart"), o.updateProgress(m);
-  let S;
-  s > d ? S = "next" : s < d ? S = "prev" : S = "reset";
-  const y = o.virtual && o.params.virtual.enabled;
-  if (!(y && i) && (f && -m === o.translate || !f && m === o.translate))
-    return o.updateActiveIndex(s), a.autoHeight && o.updateAutoHeight(), o.updateSlidesClasses(), a.effect !== "slide" && o.setTranslate(m), S !== "reset" && (o.transitionStart(n, S), o.transitionEnd(n, S)), !1;
+  let y;
+  s > d ? y = "next" : s < d ? y = "prev" : y = "reset";
+  const S = o.virtual && o.params.virtual.enabled;
+  if (!(S && i) && (f && -m === o.translate || !f && m === o.translate))
+    return o.updateActiveIndex(s), a.autoHeight && o.updateAutoHeight(), o.updateSlidesClasses(), a.effect !== "slide" && o.setTranslate(m), y !== "reset" && (o.transitionStart(n, y), o.transitionEnd(n, y)), !1;
   if (a.cssMode) {
-    const C = o.isHorizontal(), _ = f ? m : -m;
+    const T = o.isHorizontal(), E = f ? m : -m;
     if (t === 0)
-      y && (o.wrapperEl.style.scrollSnapType = "none", o._immediateVirtual = !0), y && !o._cssModeVirtualInitialSet && o.params.initialSlide > 0 ? (o._cssModeVirtualInitialSet = !0, requestAnimationFrame(() => {
-        v[C ? "scrollLeft" : "scrollTop"] = _;
-      })) : v[C ? "scrollLeft" : "scrollTop"] = _, y && requestAnimationFrame(() => {
+      S && (o.wrapperEl.style.scrollSnapType = "none", o._immediateVirtual = !0), S && !o._cssModeVirtualInitialSet && o.params.initialSlide > 0 ? (o._cssModeVirtualInitialSet = !0, requestAnimationFrame(() => {
+        v[T ? "scrollLeft" : "scrollTop"] = E;
+      })) : v[T ? "scrollLeft" : "scrollTop"] = E, S && requestAnimationFrame(() => {
         o.wrapperEl.style.scrollSnapType = "", o._immediateVirtual = !1;
       });
     else {
       if (!o.support.smoothScroll)
         return ho({
           swiper: o,
-          targetPosition: _,
-          side: C ? "left" : "top"
+          targetPosition: E,
+          side: T ? "left" : "top"
         }), !0;
       v.scrollTo({
-        [C ? "left" : "top"]: _,
+        [T ? "left" : "top"]: E,
         behavior: "smooth"
       });
     }
     return !0;
   }
-  const x = yo().isSafari;
-  return y && !i && x && o.isElement && o.virtual.update(!1, !1, s), o.setTransition(t), o.setTranslate(m), o.updateActiveIndex(s), o.updateSlidesClasses(), o.emit("beforeTransitionStart", t, r), o.transitionStart(n, S), t === 0 ? o.transitionEnd(n, S) : o.animating || (o.animating = !0, o.onSlideToWrapperTransitionEnd || (o.onSlideToWrapperTransitionEnd = function(_) {
-    !o || o.destroyed || _.target === this && (o.wrapperEl.removeEventListener("transitionend", o.onSlideToWrapperTransitionEnd), o.onSlideToWrapperTransitionEnd = null, delete o.onSlideToWrapperTransitionEnd, o.transitionEnd(n, S));
+  const _ = yo().isSafari;
+  return S && !i && _ && o.isElement && o.virtual.update(!1, !1, s), o.setTransition(t), o.setTranslate(m), o.updateActiveIndex(s), o.updateSlidesClasses(), o.emit("beforeTransitionStart", t, r), o.transitionStart(n, y), t === 0 ? o.transitionEnd(n, y) : o.animating || (o.animating = !0, o.onSlideToWrapperTransitionEnd || (o.onSlideToWrapperTransitionEnd = function(E) {
+    !o || o.destroyed || E.target === this && (o.wrapperEl.removeEventListener("transitionend", o.onSlideToWrapperTransitionEnd), o.onSlideToWrapperTransitionEnd = null, delete o.onSlideToWrapperTransitionEnd, o.transitionEnd(n, y));
   }), o.wrapperEl.addEventListener("transitionend", o.onSlideToWrapperTransitionEnd)), !0;
 }
 function ml(e, t, n, r) {
@@ -1347,21 +1347,21 @@ function yl(e, t, n) {
     }), r._clientLeft = r.wrapperEl.clientLeft;
   }
   const d = a ? r.translate : -r.translate;
-  function f(S) {
-    return S < 0 ? -Math.floor(Math.abs(S)) : Math.floor(S);
+  function f(y) {
+    return y < 0 ? -Math.floor(Math.abs(y)) : Math.floor(y);
   }
-  const v = f(d), p = o.map((S) => f(S)), h = i.freeMode && i.freeMode.enabled;
+  const v = f(d), p = o.map((y) => f(y)), h = i.freeMode && i.freeMode.enabled;
   let g = o[p.indexOf(v) - 1];
   if (typeof g > "u" && (i.cssMode || h)) {
-    let S;
-    o.forEach((y, b) => {
-      v >= y && (S = b);
-    }), typeof S < "u" && (g = h ? o[S] : o[S > 0 ? S - 1 : S]);
+    let y;
+    o.forEach((S, b) => {
+      v >= S && (y = b);
+    }), typeof y < "u" && (g = h ? o[y] : o[y > 0 ? y - 1 : y]);
   }
   let m = 0;
   if (typeof g < "u" && (m = s.indexOf(g), m < 0 && (m = r.activeIndex - 1), i.slidesPerView === "auto" && i.slidesPerGroup === 1 && i.slidesPerGroupAuto && (m = m - r.slidesPerViewDynamic("previous", !0) + 1, m = Math.max(m, 0))), i.rewind && r.isBeginning) {
-    const S = r.params.virtual && r.params.virtual.enabled && r.virtual ? r.virtual.slides.length - 1 : r.slides.length - 1;
-    return r.slideTo(S, e, t, n);
+    const y = r.params.virtual && r.params.virtual.enabled && r.virtual ? r.virtual.slides.length - 1 : r.slides.length - 1;
+    return r.slideTo(y, e, t, n);
   } else if (i.loop && r.activeIndex === 0 && i.cssMode)
     return requestAnimationFrame(() => {
       r.slideTo(m, e, t, n);
@@ -1486,60 +1486,60 @@ function Pl(e) {
   }
   let m = p.slidesPerView;
   m === "auto" ? m = u.slidesPerViewDynamic() : (m = Math.ceil(parseFloat(p.slidesPerView, 10)), h && m % 2 === 0 && (m = m + 1));
-  const S = p.slidesPerGroupAuto ? m : p.slidesPerGroup;
-  let y = S;
-  y % S !== 0 && (y += S - y % S), y += p.loopAdditionalSlides, u.loopedSlides = y;
+  const y = p.slidesPerGroupAuto ? m : p.slidesPerGroup;
+  let S = y;
+  S % y !== 0 && (S += y - S % y), S += p.loopAdditionalSlides, u.loopedSlides = S;
   const b = u.grid && p.grid && p.grid.rows > 1;
-  c.length < m + y || u.params.effect === "cards" && c.length < m + y * 2 ? $t("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters") : b && p.grid.fill === "row" && $t("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");
-  const w = [], x = [], C = b ? Math.ceil(c.length / p.grid.rows) : c.length, _ = s && C - g < m && !h;
-  let T = _ ? g : u.activeIndex;
-  typeof o > "u" ? o = u.getSlideIndex(c.find((D) => D.classList.contains(p.slideActiveClass))) : T = o;
+  c.length < m + S || u.params.effect === "cards" && c.length < m + S * 2 ? $t("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters") : b && p.grid.fill === "row" && $t("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");
+  const w = [], _ = [], T = b ? Math.ceil(c.length / p.grid.rows) : c.length, E = s && T - g < m && !h;
+  let x = E ? g : u.activeIndex;
+  typeof o > "u" ? o = u.getSlideIndex(c.find((D) => D.classList.contains(p.slideActiveClass))) : x = o;
   const P = r === "next" || !r, A = r === "prev" || !r;
   let I = 0, L = 0;
   const j = (b ? c[o].column : o) + (h && typeof i > "u" ? -m / 2 + 0.5 : 0);
-  if (j < y) {
-    I = Math.max(y - j, S);
-    for (let D = 0; D < y - j; D += 1) {
-      const G = D - Math.floor(D / C) * C;
+  if (j < S) {
+    I = Math.max(S - j, y);
+    for (let D = 0; D < S - j; D += 1) {
+      const G = D - Math.floor(D / T) * T;
       if (b) {
-        const H = C - G - 1;
+        const H = T - G - 1;
         for (let k = c.length - 1; k >= 0; k -= 1)
           c[k].column === H && w.push(k);
       } else
-        w.push(C - G - 1);
+        w.push(T - G - 1);
     }
-  } else if (j + m > C - y) {
-    L = Math.max(j - (C - y * 2), S), _ && (L = Math.max(L, m - C + g + 1));
+  } else if (j + m > T - S) {
+    L = Math.max(j - (T - S * 2), y), E && (L = Math.max(L, m - T + g + 1));
     for (let D = 0; D < L; D += 1) {
-      const G = D - Math.floor(D / C) * C;
+      const G = D - Math.floor(D / T) * T;
       b ? c.forEach((H, k) => {
-        H.column === G && x.push(k);
-      }) : x.push(G);
+        H.column === G && _.push(k);
+      }) : _.push(G);
     }
   }
   if (u.__preventObserver__ = !0, requestAnimationFrame(() => {
     u.__preventObserver__ = !1;
-  }), u.params.effect === "cards" && c.length < m + y * 2 && (x.includes(o) && x.splice(x.indexOf(o), 1), w.includes(o) && w.splice(w.indexOf(o), 1)), A && w.forEach((D) => {
+  }), u.params.effect === "cards" && c.length < m + S * 2 && (_.includes(o) && _.splice(_.indexOf(o), 1), w.includes(o) && w.splice(w.indexOf(o), 1)), A && w.forEach((D) => {
     c[D].swiperLoopMoveDOM = !0, v.prepend(c[D]), c[D].swiperLoopMoveDOM = !1;
-  }), P && x.forEach((D) => {
+  }), P && _.forEach((D) => {
     c[D].swiperLoopMoveDOM = !0, v.append(c[D]), c[D].swiperLoopMoveDOM = !1;
-  }), u.recalcSlides(), p.slidesPerView === "auto" ? u.updateSlides() : b && (w.length > 0 && A || x.length > 0 && P) && u.slides.forEach((D, G) => {
+  }), u.recalcSlides(), p.slidesPerView === "auto" ? u.updateSlides() : b && (w.length > 0 && A || _.length > 0 && P) && u.slides.forEach((D, G) => {
     u.grid.updateSlide(G, D, u.slides);
   }), p.watchSlidesProgress && u.updateSlidesOffset(), n) {
     if (w.length > 0 && A) {
       if (typeof t > "u") {
-        const D = u.slidesGrid[T], H = u.slidesGrid[T + I] - D;
-        l ? u.setTranslate(u.translate - H) : (u.slideTo(T + Math.ceil(I), 0, !1, !0), i && (u.touchEventsData.startTranslate = u.touchEventsData.startTranslate - H, u.touchEventsData.currentTranslate = u.touchEventsData.currentTranslate - H));
+        const D = u.slidesGrid[x], H = u.slidesGrid[x + I] - D;
+        l ? u.setTranslate(u.translate - H) : (u.slideTo(x + Math.ceil(I), 0, !1, !0), i && (u.touchEventsData.startTranslate = u.touchEventsData.startTranslate - H, u.touchEventsData.currentTranslate = u.touchEventsData.currentTranslate - H));
       } else if (i) {
         const D = b ? w.length / p.grid.rows : w.length;
         u.slideTo(u.activeIndex + D, 0, !1, !0), u.touchEventsData.currentTranslate = u.translate;
       }
-    } else if (x.length > 0 && P)
+    } else if (_.length > 0 && P)
       if (typeof t > "u") {
-        const D = u.slidesGrid[T], H = u.slidesGrid[T - L] - D;
-        l ? u.setTranslate(u.translate - H) : (u.slideTo(T - L, 0, !1, !0), i && (u.touchEventsData.startTranslate = u.touchEventsData.startTranslate - H, u.touchEventsData.currentTranslate = u.touchEventsData.currentTranslate - H));
+        const D = u.slidesGrid[x], H = u.slidesGrid[x - L] - D;
+        l ? u.setTranslate(u.translate - H) : (u.slideTo(x - L, 0, !1, !0), i && (u.touchEventsData.startTranslate = u.touchEventsData.startTranslate - H, u.touchEventsData.currentTranslate = u.touchEventsData.currentTranslate - H));
       } else {
-        const D = b ? x.length / p.grid.rows : x.length;
+        const D = b ? _.length / p.grid.rows : _.length;
         u.slideTo(u.activeIndex - D, 0, !1, !0);
       }
   }
@@ -1736,9 +1736,9 @@ function Ll(e) {
   i.oneWayMovement && (p = Math.abs(p) * (s ? 1 : -1), h = Math.abs(h) * (s ? 1 : -1)), o.diff = p, p *= i.touchRatio, s && (p = -p, h = -h);
   const g = n.touchesDirection;
   n.swipeDirection = p > 0 ? "prev" : "next", n.touchesDirection = h > 0 ? "prev" : "next";
-  const m = n.params.loop && !i.cssMode, S = n.touchesDirection === "next" && n.allowSlideNext || n.touchesDirection === "prev" && n.allowSlidePrev;
+  const m = n.params.loop && !i.cssMode, y = n.touchesDirection === "next" && n.allowSlideNext || n.touchesDirection === "prev" && n.allowSlidePrev;
   if (!r.isMoved) {
-    if (m && S && n.loopFix({
+    if (m && y && n.loopFix({
       direction: n.swipeDirection
     }), r.startTranslate = n.getTranslate(), n.setTransition(0), n.animating) {
       const w = new window.CustomEvent("transitionend", {
@@ -1752,7 +1752,7 @@ function Ll(e) {
     }
     r.allowMomentumBounce = !1, i.grabCursor && (n.allowSlideNext === !0 || n.allowSlidePrev === !0) && n.setGrabCursor(!0), n.emit("sliderFirstMove", l);
   }
-  if ((/* @__PURE__ */ new Date()).getTime(), i._loopSwapReset !== !1 && r.isMoved && r.allowThresholdMove && g !== n.touchesDirection && m && S && Math.abs(p) >= 1) {
+  if ((/* @__PURE__ */ new Date()).getTime(), i._loopSwapReset !== !1 && r.isMoved && r.allowThresholdMove && g !== n.touchesDirection && m && y && Math.abs(p) >= 1) {
     Object.assign(o, {
       startX: c,
       startY: d,
@@ -1763,16 +1763,16 @@ function Ll(e) {
     return;
   }
   n.emit("sliderMove", l), r.isMoved = !0, r.currentTranslate = p + r.startTranslate;
-  let y = !0, b = i.resistanceRatio;
-  if (i.touchReleaseOnEdges && (b = 0), p > 0 ? (m && S && r.allowThresholdMove && r.currentTranslate > (i.centeredSlides ? n.minTranslate() - n.slidesSizesGrid[n.activeIndex + 1] - (i.slidesPerView !== "auto" && n.slides.length - i.slidesPerView >= 2 ? n.slidesSizesGrid[n.activeIndex + 1] + n.params.spaceBetween : 0) - n.params.spaceBetween : n.minTranslate()) && n.loopFix({
+  let S = !0, b = i.resistanceRatio;
+  if (i.touchReleaseOnEdges && (b = 0), p > 0 ? (m && y && r.allowThresholdMove && r.currentTranslate > (i.centeredSlides ? n.minTranslate() - n.slidesSizesGrid[n.activeIndex + 1] - (i.slidesPerView !== "auto" && n.slides.length - i.slidesPerView >= 2 ? n.slidesSizesGrid[n.activeIndex + 1] + n.params.spaceBetween : 0) - n.params.spaceBetween : n.minTranslate()) && n.loopFix({
     direction: "prev",
     setTranslate: !0,
     activeSlideIndex: 0
-  }), r.currentTranslate > n.minTranslate() && (y = !1, i.resistance && (r.currentTranslate = n.minTranslate() - 1 + (-n.minTranslate() + r.startTranslate + p) ** b))) : p < 0 && (m && S && r.allowThresholdMove && r.currentTranslate < (i.centeredSlides ? n.maxTranslate() + n.slidesSizesGrid[n.slidesSizesGrid.length - 1] + n.params.spaceBetween + (i.slidesPerView !== "auto" && n.slides.length - i.slidesPerView >= 2 ? n.slidesSizesGrid[n.slidesSizesGrid.length - 1] + n.params.spaceBetween : 0) : n.maxTranslate()) && n.loopFix({
+  }), r.currentTranslate > n.minTranslate() && (S = !1, i.resistance && (r.currentTranslate = n.minTranslate() - 1 + (-n.minTranslate() + r.startTranslate + p) ** b))) : p < 0 && (m && y && r.allowThresholdMove && r.currentTranslate < (i.centeredSlides ? n.maxTranslate() + n.slidesSizesGrid[n.slidesSizesGrid.length - 1] + n.params.spaceBetween + (i.slidesPerView !== "auto" && n.slides.length - i.slidesPerView >= 2 ? n.slidesSizesGrid[n.slidesSizesGrid.length - 1] + n.params.spaceBetween : 0) : n.maxTranslate()) && n.loopFix({
     direction: "next",
     setTranslate: !0,
     activeSlideIndex: n.slides.length - (i.slidesPerView === "auto" ? n.slidesPerViewDynamic() : Math.ceil(parseFloat(i.slidesPerView, 10)))
-  }), r.currentTranslate < n.maxTranslate() && (y = !1, i.resistance && (r.currentTranslate = n.maxTranslate() + 1 - (n.maxTranslate() - r.startTranslate - p) ** b))), y && (l.preventedByNestedSwiper = !0), !n.allowSlideNext && n.swipeDirection === "next" && r.currentTranslate < r.startTranslate && (r.currentTranslate = r.startTranslate), !n.allowSlidePrev && n.swipeDirection === "prev" && r.currentTranslate > r.startTranslate && (r.currentTranslate = r.startTranslate), !n.allowSlidePrev && !n.allowSlideNext && (r.currentTranslate = r.startTranslate), i.threshold > 0)
+  }), r.currentTranslate < n.maxTranslate() && (S = !1, i.resistance && (r.currentTranslate = n.maxTranslate() + 1 - (n.maxTranslate() - r.startTranslate - p) ** b))), S && (l.preventedByNestedSwiper = !0), !n.allowSlideNext && n.swipeDirection === "next" && r.currentTranslate < r.startTranslate && (r.currentTranslate = r.startTranslate), !n.allowSlidePrev && n.swipeDirection === "prev" && r.currentTranslate > r.startTranslate && (r.currentTranslate = r.startTranslate), !n.allowSlidePrev && !n.allowSlideNext && (r.currentTranslate = r.startTranslate), i.threshold > 0)
     if (Math.abs(p) > i.threshold || r.allowThresholdMove) {
       if (!r.allowThresholdMove) {
         r.allowThresholdMove = !0, o.startX = o.currentX, o.startY = o.currentY, r.currentTranslate = r.startTranslate, o.diff = n.isHorizontal() ? o.currentX - o.startX : o.currentY - o.startY;
@@ -1835,24 +1835,24 @@ function Ol(e) {
   const p = v >= -t.maxTranslate() && !t.params.loop;
   let h = 0, g = t.slidesSizesGrid[0];
   for (let w = 0; w < u.length; w += w < s.slidesPerGroupSkip ? 1 : s.slidesPerGroup) {
-    const x = w < s.slidesPerGroupSkip - 1 ? 1 : s.slidesPerGroup;
-    typeof u[w + x] < "u" ? (p || v >= u[w] && v < u[w + x]) && (h = w, g = u[w + x] - u[w]) : (p || v >= u[w]) && (h = w, g = u[u.length - 1] - u[u.length - 2]);
+    const _ = w < s.slidesPerGroupSkip - 1 ? 1 : s.slidesPerGroup;
+    typeof u[w + _] < "u" ? (p || v >= u[w] && v < u[w + _]) && (h = w, g = u[w + _] - u[w]) : (p || v >= u[w]) && (h = w, g = u[u.length - 1] - u[u.length - 2]);
   }
-  let m = null, S = null;
-  s.rewind && (t.isBeginning ? S = s.virtual && s.virtual.enabled && t.virtual ? t.virtual.slides.length - 1 : t.slides.length - 1 : t.isEnd && (m = 0));
-  const y = (v - u[h]) / g, b = h < s.slidesPerGroupSkip - 1 ? 1 : s.slidesPerGroup;
+  let m = null, y = null;
+  s.rewind && (t.isBeginning ? y = s.virtual && s.virtual.enabled && t.virtual ? t.virtual.slides.length - 1 : t.slides.length - 1 : t.isEnd && (m = 0));
+  const S = (v - u[h]) / g, b = h < s.slidesPerGroupSkip - 1 ? 1 : s.slidesPerGroup;
   if (f > s.longSwipesMs) {
     if (!s.longSwipes) {
       t.slideTo(t.activeIndex);
       return;
     }
-    t.swipeDirection === "next" && (y >= s.longSwipesRatio ? t.slideTo(s.rewind && t.isEnd ? m : h + b) : t.slideTo(h)), t.swipeDirection === "prev" && (y > 1 - s.longSwipesRatio ? t.slideTo(h + b) : S !== null && y < 0 && Math.abs(y) > s.longSwipesRatio ? t.slideTo(S) : t.slideTo(h));
+    t.swipeDirection === "next" && (S >= s.longSwipesRatio ? t.slideTo(s.rewind && t.isEnd ? m : h + b) : t.slideTo(h)), t.swipeDirection === "prev" && (S > 1 - s.longSwipesRatio ? t.slideTo(h + b) : y !== null && S < 0 && Math.abs(S) > s.longSwipesRatio ? t.slideTo(y) : t.slideTo(h));
   } else {
     if (!s.shortSwipes) {
       t.slideTo(t.activeIndex);
       return;
     }
-    t.navigation && (r.target === t.navigation.nextEl || r.target === t.navigation.prevEl) ? r.target === t.navigation.nextEl ? t.slideTo(h + b) : t.slideTo(h) : (t.swipeDirection === "next" && t.slideTo(m !== null ? m : h + b), t.swipeDirection === "prev" && t.slideTo(S !== null ? S : h));
+    t.navigation && (r.target === t.navigation.nextEl || r.target === t.navigation.prevEl) ? r.target === t.navigation.nextEl ? t.slideTo(h + b) : t.slideTo(h) : (t.swipeDirection === "next" && t.slideTo(m !== null ? m : h + b), t.swipeDirection === "prev" && t.slideTo(y !== null ? y : h));
   }
 }
 function Wr() {
@@ -1960,19 +1960,19 @@ function kl() {
   const s = ke(), a = r.breakpointsBase === "window" || !r.breakpointsBase ? r.breakpointsBase : "container", l = ["window", "container"].includes(r.breakpointsBase) || !r.breakpointsBase ? e.el : s.querySelector(r.breakpointsBase), u = e.getBreakpoint(o, a, l);
   if (!u || e.currentBreakpoint === u) return;
   const d = (u in o ? o[u] : void 0) || e.originalParams, f = Ur(e, r), v = Ur(e, d), p = e.params.grabCursor, h = d.grabCursor, g = r.enabled;
-  f && !v ? (i.classList.remove(`${r.containerModifierClass}grid`, `${r.containerModifierClass}grid-column`), e.emitContainerClasses()) : !f && v && (i.classList.add(`${r.containerModifierClass}grid`), (d.grid.fill && d.grid.fill === "column" || !d.grid.fill && r.grid.fill === "column") && i.classList.add(`${r.containerModifierClass}grid-column`), e.emitContainerClasses()), p && !h ? e.unsetGrabCursor() : !p && h && e.setGrabCursor(), ["navigation", "pagination", "scrollbar"].forEach((x) => {
-    if (typeof d[x] > "u") return;
-    const C = r[x] && r[x].enabled, _ = d[x] && d[x].enabled;
-    C && !_ && e[x].disable(), !C && _ && e[x].enable();
+  f && !v ? (i.classList.remove(`${r.containerModifierClass}grid`, `${r.containerModifierClass}grid-column`), e.emitContainerClasses()) : !f && v && (i.classList.add(`${r.containerModifierClass}grid`), (d.grid.fill && d.grid.fill === "column" || !d.grid.fill && r.grid.fill === "column") && i.classList.add(`${r.containerModifierClass}grid-column`), e.emitContainerClasses()), p && !h ? e.unsetGrabCursor() : !p && h && e.setGrabCursor(), ["navigation", "pagination", "scrollbar"].forEach((_) => {
+    if (typeof d[_] > "u") return;
+    const T = r[_] && r[_].enabled, E = d[_] && d[_].enabled;
+    T && !E && e[_].disable(), !T && E && e[_].enable();
   });
-  const m = d.direction && d.direction !== r.direction, S = r.loop && (d.slidesPerView !== r.slidesPerView || m), y = r.loop;
+  const m = d.direction && d.direction !== r.direction, y = r.loop && (d.slidesPerView !== r.slidesPerView || m), S = r.loop;
   m && n && e.changeDirection(), se(e.params, d);
   const b = e.params.enabled, w = e.params.loop;
   Object.assign(e, {
     allowTouchMove: e.params.allowTouchMove,
     allowSlideNext: e.params.allowSlideNext,
     allowSlidePrev: e.params.allowSlidePrev
-  }), g && !b ? e.disable() : !g && b && e.enable(), e.currentBreakpoint = u, e.emit("_beforeBreakpoint", d), n && (S ? (e.loopDestroy(), e.loopCreate(t), e.updateSlides()) : !y && w ? (e.loopCreate(t), e.updateSlides()) : y && !w && e.loopDestroy()), e.emit("breakpoint", d);
+  }), g && !b ? e.disable() : !g && b && e.enable(), e.currentBreakpoint = u, e.emit("_beforeBreakpoint", d), n && (y ? (e.loopDestroy(), e.loopCreate(t), e.updateSlides()) : !S && w ? (e.loopCreate(t), e.updateSlides()) : S && !w && e.loopDestroy()), e.emit("breakpoint", d);
 }
 function Gl(e, t, n) {
   if (t === void 0 && (t = "window"), !e || t === "container" && !n) return;
@@ -2689,7 +2689,7 @@ function Jl(e) {
     scrollbarEl: a,
     paginationEl: l
   } = e;
-  const u = i.filter((T) => T !== "children" && T !== "direction" && T !== "wrapperClass"), {
+  const u = i.filter((x) => x !== "children" && x !== "direction" && x !== "wrapperClass"), {
     params: c,
     pagination: d,
     navigation: f,
@@ -2697,19 +2697,19 @@ function Jl(e) {
     virtual: p,
     thumbs: h
   } = t;
-  let g, m, S, y, b, w, x, C;
-  i.includes("thumbs") && r.thumbs && r.thumbs.swiper && !r.thumbs.swiper.destroyed && c.thumbs && (!c.thumbs.swiper || c.thumbs.swiper.destroyed) && (g = !0), i.includes("controller") && r.controller && r.controller.control && c.controller && !c.controller.control && (m = !0), i.includes("pagination") && r.pagination && (r.pagination.el || l) && (c.pagination || c.pagination === !1) && d && !d.el && (S = !0), i.includes("scrollbar") && r.scrollbar && (r.scrollbar.el || a) && (c.scrollbar || c.scrollbar === !1) && v && !v.el && (y = !0), i.includes("navigation") && r.navigation && (r.navigation.prevEl || s) && (r.navigation.nextEl || o) && (c.navigation || c.navigation === !1) && f && !f.prevEl && !f.nextEl && (b = !0);
-  const _ = (T) => {
-    t[T] && (t[T].destroy(), T === "navigation" ? (t.isElement && (t[T].prevEl.remove(), t[T].nextEl.remove()), c[T].prevEl = void 0, c[T].nextEl = void 0, t[T].prevEl = void 0, t[T].nextEl = void 0) : (t.isElement && t[T].el.remove(), c[T].el = void 0, t[T].el = void 0));
+  let g, m, y, S, b, w, _, T;
+  i.includes("thumbs") && r.thumbs && r.thumbs.swiper && !r.thumbs.swiper.destroyed && c.thumbs && (!c.thumbs.swiper || c.thumbs.swiper.destroyed) && (g = !0), i.includes("controller") && r.controller && r.controller.control && c.controller && !c.controller.control && (m = !0), i.includes("pagination") && r.pagination && (r.pagination.el || l) && (c.pagination || c.pagination === !1) && d && !d.el && (y = !0), i.includes("scrollbar") && r.scrollbar && (r.scrollbar.el || a) && (c.scrollbar || c.scrollbar === !1) && v && !v.el && (S = !0), i.includes("navigation") && r.navigation && (r.navigation.prevEl || s) && (r.navigation.nextEl || o) && (c.navigation || c.navigation === !1) && f && !f.prevEl && !f.nextEl && (b = !0);
+  const E = (x) => {
+    t[x] && (t[x].destroy(), x === "navigation" ? (t.isElement && (t[x].prevEl.remove(), t[x].nextEl.remove()), c[x].prevEl = void 0, c[x].nextEl = void 0, t[x].prevEl = void 0, t[x].nextEl = void 0) : (t.isElement && t[x].el.remove(), c[x].el = void 0, t[x].el = void 0));
   };
-  i.includes("loop") && t.isElement && (c.loop && !r.loop ? w = !0 : !c.loop && r.loop ? x = !0 : C = !0), u.forEach((T) => {
-    if (ze(c[T]) && ze(r[T]))
-      Object.assign(c[T], r[T]), (T === "navigation" || T === "pagination" || T === "scrollbar") && "enabled" in r[T] && !r[T].enabled && _(T);
+  i.includes("loop") && t.isElement && (c.loop && !r.loop ? w = !0 : !c.loop && r.loop ? _ = !0 : T = !0), u.forEach((x) => {
+    if (ze(c[x]) && ze(r[x]))
+      Object.assign(c[x], r[x]), (x === "navigation" || x === "pagination" || x === "scrollbar") && "enabled" in r[x] && !r[x].enabled && E(x);
     else {
-      const P = r[T];
-      (P === !0 || P === !1) && (T === "navigation" || T === "pagination" || T === "scrollbar") ? P === !1 && _(T) : c[T] = r[T];
+      const P = r[x];
+      (P === !0 || P === !1) && (x === "navigation" || x === "pagination" || x === "scrollbar") ? P === !1 && E(x) : c[x] = r[x];
     }
-  }), u.includes("controller") && !m && t.controller && t.controller.control && c.controller && c.controller.control && (t.controller.control = c.controller.control), i.includes("children") && n && p && c.virtual.enabled ? (p.slides = n, p.update(!0)) : i.includes("virtual") && p && c.virtual.enabled && (n && (p.slides = n), p.update(!0)), i.includes("children") && n && c.loop && (C = !0), g && h.init() && h.update(!0), m && (t.controller.control = c.controller.control), S && (t.isElement && (!l || typeof l == "string") && (l = document.createElement("div"), l.classList.add("swiper-pagination"), l.part.add("pagination"), t.el.appendChild(l)), l && (c.pagination.el = l), d.init(), d.render(), d.update()), y && (t.isElement && (!a || typeof a == "string") && (a = document.createElement("div"), a.classList.add("swiper-scrollbar"), a.part.add("scrollbar"), t.el.appendChild(a)), a && (c.scrollbar.el = a), v.init(), v.updateSize(), v.setTranslate()), b && (t.isElement && ((!o || typeof o == "string") && (o = document.createElement("div"), o.classList.add("swiper-button-next"), Gr(o, t.hostEl.constructor.nextButtonSvg), o.part.add("button-next"), t.el.appendChild(o)), (!s || typeof s == "string") && (s = document.createElement("div"), s.classList.add("swiper-button-prev"), Gr(s, t.hostEl.constructor.prevButtonSvg), s.part.add("button-prev"), t.el.appendChild(s))), o && (c.navigation.nextEl = o), s && (c.navigation.prevEl = s), f.init(), f.update()), i.includes("allowSlideNext") && (t.allowSlideNext = r.allowSlideNext), i.includes("allowSlidePrev") && (t.allowSlidePrev = r.allowSlidePrev), i.includes("direction") && t.changeDirection(r.direction, !1), (w || C) && t.loopDestroy(), (x || C) && t.loopCreate(), t.update();
+  }), u.includes("controller") && !m && t.controller && t.controller.control && c.controller && c.controller.control && (t.controller.control = c.controller.control), i.includes("children") && n && p && c.virtual.enabled ? (p.slides = n, p.update(!0)) : i.includes("virtual") && p && c.virtual.enabled && (n && (p.slides = n), p.update(!0)), i.includes("children") && n && c.loop && (T = !0), g && h.init() && h.update(!0), m && (t.controller.control = c.controller.control), y && (t.isElement && (!l || typeof l == "string") && (l = document.createElement("div"), l.classList.add("swiper-pagination"), l.part.add("pagination"), t.el.appendChild(l)), l && (c.pagination.el = l), d.init(), d.render(), d.update()), S && (t.isElement && (!a || typeof a == "string") && (a = document.createElement("div"), a.classList.add("swiper-scrollbar"), a.part.add("scrollbar"), t.el.appendChild(a)), a && (c.scrollbar.el = a), v.init(), v.updateSize(), v.setTranslate()), b && (t.isElement && ((!o || typeof o == "string") && (o = document.createElement("div"), o.classList.add("swiper-button-next"), Gr(o, t.hostEl.constructor.nextButtonSvg), o.part.add("button-next"), t.el.appendChild(o)), (!s || typeof s == "string") && (s = document.createElement("div"), s.classList.add("swiper-button-prev"), Gr(s, t.hostEl.constructor.prevButtonSvg), s.part.add("button-prev"), t.el.appendChild(s))), o && (c.navigation.nextEl = o), s && (c.navigation.prevEl = s), f.init(), f.update()), i.includes("allowSlideNext") && (t.allowSlideNext = r.allowSlideNext), i.includes("allowSlidePrev") && (t.allowSlidePrev = r.allowSlidePrev), i.includes("direction") && t.changeDirection(r.direction, !1), (w || T) && t.loopDestroy(), (_ || T) && t.loopCreate(), t.update();
 }
 function Ql(e, t) {
   e === void 0 && (e = {}), t === void 0 && (t = !0);
@@ -2839,9 +2839,9 @@ const qr = /* @__PURE__ */ Ce(null), ou = /* @__PURE__ */ Ce(null), Mo = /* @__P
     onSwiper: s,
     ...a
   } = e === void 0 ? {} : e, l = !1;
-  const [u, c] = Z("swiper"), [d, f] = Z(null), [v, p] = Z(!1), h = B(!1), g = B(null), m = B(null), S = B(null), y = B(null), b = B(null), w = B(null), x = B(null), C = B(null), {
-    params: _,
-    passedParams: T,
+  const [u, c] = Z("swiper"), [d, f] = Z(null), [v, p] = Z(!1), h = B(!1), g = B(null), m = B(null), y = B(null), S = B(null), b = B(null), w = B(null), _ = B(null), T = B(null), {
+    params: E,
+    passedParams: x,
     rest: P,
     events: A
   } = Ql(a), {
@@ -2850,15 +2850,15 @@ const qr = /* @__PURE__ */ Ce(null), ou = /* @__PURE__ */ Ce(null), Mo = /* @__P
   } = ru(o), N = () => {
     p(!v);
   };
-  Object.assign(_.on, {
+  Object.assign(E.on, {
     _containerClasses(k, J) {
       c(J);
     }
   });
   const j = () => {
-    Object.assign(_.on, A), l = !0;
+    Object.assign(E.on, A), l = !0;
     const k = {
-      ..._
+      ...E
     };
     if (delete k.wrapperClass, m.current = new lr(k), m.current.virtual && m.current.params.virtual.enabled) {
       m.current.virtual.slides = I;
@@ -2891,24 +2891,24 @@ const qr = /* @__PURE__ */ Ce(null), ou = /* @__PURE__ */ Ce(null), Mo = /* @__P
         el: g.current,
         nextEl: b.current,
         prevEl: w.current,
-        paginationEl: x.current,
-        scrollbarEl: C.current,
+        paginationEl: _.current,
+        scrollbarEl: T.current,
         swiper: m.current
-      }, _), s && !m.current.destroyed && s(m.current), () => {
+      }, E), s && !m.current.destroyed && s(m.current), () => {
         m.current && !m.current.destroyed && m.current.destroy(!0, !1);
       };
   }, []), tt(() => {
     D();
-    const k = tu(T, S.current, I, y.current, (J) => J.key);
-    return S.current = T, y.current = I, k.length && m.current && !m.current.destroyed && Jl({
+    const k = tu(x, y.current, I, S.current, (J) => J.key);
+    return y.current = x, S.current = I, k.length && m.current && !m.current.destroyed && Jl({
       swiper: m.current,
       slides: I,
-      passedParams: T,
+      passedParams: x,
       changedParams: k,
       nextEl: b.current,
       prevEl: w.current,
-      scrollbarEl: C.current,
-      paginationEl: x.current
+      scrollbarEl: T.current,
+      paginationEl: _.current
     }), () => {
       G();
     };
@@ -2916,7 +2916,7 @@ const qr = /* @__PURE__ */ Ce(null), ou = /* @__PURE__ */ Ce(null), Mo = /* @__P
     nu(m.current);
   }, [d]);
   function H() {
-    return _.virtual ? iu(m.current, I, d) : I.map((k, J) => /* @__PURE__ */ Y.cloneElement(k, {
+    return E.virtual ? iu(m.current, I, d) : I.map((k, J) => /* @__PURE__ */ Y.cloneElement(k, {
       swiper: m.current,
       swiperSlideIndex: J
     }));
@@ -2927,18 +2927,18 @@ const qr = /* @__PURE__ */ Ce(null), ou = /* @__PURE__ */ Ce(null), Mo = /* @__P
   }, P), /* @__PURE__ */ Y.createElement(ou.Provider, {
     value: m.current
   }, L["container-start"], /* @__PURE__ */ Y.createElement(i, {
-    className: Zl(_.wrapperClass)
-  }, L["wrapper-start"], H(), L["wrapper-end"]), xo(_) && /* @__PURE__ */ Y.createElement(Y.Fragment, null, /* @__PURE__ */ Y.createElement("div", {
+    className: Zl(E.wrapperClass)
+  }, L["wrapper-start"], H(), L["wrapper-end"]), xo(E) && /* @__PURE__ */ Y.createElement(Y.Fragment, null, /* @__PURE__ */ Y.createElement("div", {
     ref: w,
     className: "swiper-button-prev"
   }), /* @__PURE__ */ Y.createElement("div", {
     ref: b,
     className: "swiper-button-next"
-  })), Po(_) && /* @__PURE__ */ Y.createElement("div", {
-    ref: C,
+  })), Po(E) && /* @__PURE__ */ Y.createElement("div", {
+    ref: T,
     className: "swiper-scrollbar"
-  }), To(_) && /* @__PURE__ */ Y.createElement("div", {
-    ref: x,
+  }), To(E) && /* @__PURE__ */ Y.createElement("div", {
+    ref: _,
     className: "swiper-pagination"
   }), L["container-end"]));
 });
@@ -2956,8 +2956,8 @@ const Ao = /* @__PURE__ */ sr(function(e, t) {
     ...c
   } = e === void 0 ? {} : e;
   const d = B(null), [f, v] = Z("swiper-slide"), [p, h] = Z(!1);
-  function g(b, w, x) {
-    w === d.current && v(x);
+  function g(b, w, _) {
+    w === d.current && v(_);
   }
   tt(() => {
     if (typeof u < "u" && (d.current.swiperSlideIndex = u), t && (t.current = d.current), !(!d.current || !o)) {
@@ -2977,24 +2977,24 @@ const Ao = /* @__PURE__ */ sr(function(e, t) {
     isVisible: f.indexOf("swiper-slide-visible") >= 0,
     isPrev: f.indexOf("swiper-slide-prev") >= 0,
     isNext: f.indexOf("swiper-slide-next") >= 0
-  }, S = () => typeof r == "function" ? r(m) : r, y = () => {
+  }, y = () => typeof r == "function" ? r(m) : r, S = () => {
     h(!0);
   };
   return /* @__PURE__ */ Y.createElement(n, Ht({
     ref: d,
     className: Eo(`${f}${i ? ` ${i}` : ""}`),
     "data-swiper-slide-index": l,
-    onLoad: y
+    onLoad: S
   }, c), s && /* @__PURE__ */ Y.createElement(qr.Provider, {
     value: m
   }, /* @__PURE__ */ Y.createElement("div", {
     className: "swiper-zoom-container",
     "data-swiper-zoom": typeof s == "number" ? s : void 0
-  }, S(), a && !p && /* @__PURE__ */ Y.createElement("div", {
+  }, y(), a && !p && /* @__PURE__ */ Y.createElement("div", {
     className: "swiper-lazy-preloader"
   }))), !s && /* @__PURE__ */ Y.createElement(qr.Provider, {
     value: m
-  }, S(), a && !p && /* @__PURE__ */ Y.createElement("div", {
+  }, y(), a && !p && /* @__PURE__ */ Y.createElement("div", {
     className: "swiper-lazy-preloader"
   })));
 });
@@ -3066,10 +3066,10 @@ function au(e) {
       nextEl: h,
       prevEl: g
     }), h = be(h), g = be(g);
-    const m = (S, y) => {
-      S && S.addEventListener("click", y === "next" ? u : l), !t.enabled && S && S.classList.add(...p.lockClass.split(" "));
+    const m = (y, S) => {
+      y && y.addEventListener("click", S === "next" ? u : l), !t.enabled && y && y.classList.add(...p.lockClass.split(" "));
     };
-    h.forEach((S) => m(S, "next")), g.forEach((S) => m(S, "prev"));
+    h.forEach((y) => m(y, "next")), g.forEach((y) => m(y, "prev"));
   }
   function d() {
     let {
@@ -3077,8 +3077,8 @@ function au(e) {
       prevEl: h
     } = t.navigation;
     p = be(p), h = be(h);
-    const g = (m, S) => {
-      m.removeEventListener("click", S === "next" ? u : l), m.classList.remove(...t.params.navigation.disabledClass.split(" "));
+    const g = (m, y) => {
+      m.removeEventListener("click", y === "next" ? u : l), m.classList.remove(...t.params.navigation.disabledClass.split(" "));
     };
     p.forEach((m) => g(m, "next")), h.forEach((m) => g(m, "prev"));
   }
@@ -3104,14 +3104,14 @@ function au(e) {
       prevEl: m
     } = t.navigation;
     g = be(g), m = be(m);
-    const S = h.target;
-    let y = m.includes(S) || g.includes(S);
-    if (t.isElement && !y) {
+    const y = h.target;
+    let S = m.includes(y) || g.includes(y);
+    if (t.isElement && !S) {
       const b = h.path || h.composedPath && h.composedPath();
-      b && (y = b.find((w) => g.includes(w) || m.includes(w)));
+      b && (S = b.find((w) => g.includes(w) || m.includes(w)));
     }
-    if (t.params.navigation.hideOnClick && !y) {
-      if (t.pagination && t.params.pagination && t.params.pagination.clickable && (t.pagination.el === S || t.pagination.el.contains(S))) return;
+    if (t.params.navigation.hideOnClick && !S) {
+      if (t.pagination && t.params.pagination && t.params.pagination.clickable && (t.pagination.el === y || t.pagination.el.contains(y))) return;
       let b;
       g.length ? b = g[0].classList.contains(t.params.navigation.hiddenClass) : m.length && (b = m[0].classList.contains(t.params.navigation.hiddenClass)), i(b === !0 ? "navigationShow" : "navigationHide"), [...g, ...m].filter((w) => !!w).forEach((w) => w.classList.toggle(t.params.navigation.hiddenClass));
     }
@@ -3197,30 +3197,30 @@ function uu(e) {
         rtlTranslate: v,
         size: p,
         browser: h
-      } = t, g = ka(t), m = t.params.cubeEffect, S = t.isHorizontal(), y = t.virtual && t.params.virtual.enabled;
+      } = t, g = ka(t), m = t.params.cubeEffect, y = t.isHorizontal(), S = t.virtual && t.params.virtual.enabled;
       let b = 0, w;
-      m.shadow && (S ? (w = t.wrapperEl.querySelector(".swiper-cube-shadow"), w || (w = Le("div", "swiper-cube-shadow"), t.wrapperEl.append(w)), w.style.height = `${d}px`) : (w = l.querySelector(".swiper-cube-shadow"), w || (w = Le("div", "swiper-cube-shadow"), l.append(w))));
-      for (let C = 0; C < c.length; C += 1) {
-        const _ = c[C];
-        let T = C;
-        y && (T = parseInt(_.getAttribute("data-swiper-slide-index"), 10));
-        let P = T * 90, A = Math.floor(P / 360);
+      m.shadow && (y ? (w = t.wrapperEl.querySelector(".swiper-cube-shadow"), w || (w = Le("div", "swiper-cube-shadow"), t.wrapperEl.append(w)), w.style.height = `${d}px`) : (w = l.querySelector(".swiper-cube-shadow"), w || (w = Le("div", "swiper-cube-shadow"), l.append(w))));
+      for (let T = 0; T < c.length; T += 1) {
+        const E = c[T];
+        let x = T;
+        S && (x = parseInt(E.getAttribute("data-swiper-slide-index"), 10));
+        let P = x * 90, A = Math.floor(P / 360);
         v && (P = -P, A = Math.floor(-P / 360));
-        const I = Math.max(Math.min(_.progress, 1), -1);
+        const I = Math.max(Math.min(E.progress, 1), -1);
         let L = 0, N = 0, j = 0;
-        T % 4 === 0 ? (L = -A * 4 * p, j = 0) : (T - 1) % 4 === 0 ? (L = 0, j = -A * 4 * p) : (T - 2) % 4 === 0 ? (L = p + A * 4 * p, j = p) : (T - 3) % 4 === 0 && (L = -p, j = 3 * p + p * 4 * A), v && (L = -L), S || (N = L, L = 0);
-        const D = `rotateX(${g(S ? 0 : -P)}deg) rotateY(${g(S ? P : 0)}deg) translate3d(${L}px, ${N}px, ${j}px)`;
-        I <= 1 && I > -1 && (b = T * 90 + I * 90, v && (b = -T * 90 - I * 90)), _.style.transform = D, m.slideShadows && i(_, I, S);
+        x % 4 === 0 ? (L = -A * 4 * p, j = 0) : (x - 1) % 4 === 0 ? (L = 0, j = -A * 4 * p) : (x - 2) % 4 === 0 ? (L = p + A * 4 * p, j = p) : (x - 3) % 4 === 0 && (L = -p, j = 3 * p + p * 4 * A), v && (L = -L), y || (N = L, L = 0);
+        const D = `rotateX(${g(y ? 0 : -P)}deg) rotateY(${g(y ? P : 0)}deg) translate3d(${L}px, ${N}px, ${j}px)`;
+        I <= 1 && I > -1 && (b = x * 90 + I * 90, v && (b = -x * 90 - I * 90)), E.style.transform = D, m.slideShadows && i(E, I, y);
       }
       if (u.style.transformOrigin = `50% 50% -${p / 2}px`, u.style["-webkit-transform-origin"] = `50% 50% -${p / 2}px`, m.shadow)
-        if (S)
+        if (y)
           w.style.transform = `translate3d(0px, ${d / 2 + m.shadowOffset}px, ${-d / 2}px) rotateX(89.99deg) rotateZ(0deg) scale(${m.shadowScale})`;
         else {
-          const C = Math.abs(b) - Math.floor(Math.abs(b) / 90) * 90, _ = 1.5 - (Math.sin(C * 2 * Math.PI / 360) / 2 + Math.cos(C * 2 * Math.PI / 360) / 2), T = m.shadowScale, P = m.shadowScale / _, A = m.shadowOffset;
-          w.style.transform = `scale3d(${T}, 1, ${P}) translate3d(0px, ${f / 2 + A}px, ${-f / 2 / P}px) rotateX(-89.99deg)`;
+          const T = Math.abs(b) - Math.floor(Math.abs(b) / 90) * 90, E = 1.5 - (Math.sin(T * 2 * Math.PI / 360) / 2 + Math.cos(T * 2 * Math.PI / 360) / 2), x = m.shadowScale, P = m.shadowScale / E, A = m.shadowOffset;
+          w.style.transform = `scale3d(${x}, 1, ${P}) translate3d(0px, ${f / 2 + A}px, ${-f / 2 / P}px) rotateX(-89.99deg)`;
         }
-      const x = (h.isSafari || h.isWebView) && h.needPerspectiveFix ? -p / 2 : 0;
-      u.style.transform = `translate3d(0px,0,${x}px) rotateX(${g(t.isHorizontal() ? 0 : b)}deg) rotateY(${g(t.isHorizontal() ? -b : 0)}deg)`, u.style.setProperty("--swiper-cube-translate-z", `${x}px`);
+      const _ = (h.isSafari || h.isWebView) && h.needPerspectiveFix ? -p / 2 : 0;
+      u.style.transform = `translate3d(0px,0,${_}px) rotateX(${g(t.isHorizontal() ? 0 : b)}deg) rotateY(${g(t.isHorizontal() ? -b : 0)}deg)`, u.style.setProperty("--swiper-cube-translate-z", `${_}px`);
     },
     setTransition: (l) => {
       const {
@@ -3289,16 +3289,16 @@ class Cu {
   static fromRaw(t) {
     var s, a, l;
     const n = ((a = (s = t == null ? void 0 : t.stakes) == null ? void 0 : s.find((u) => u.isEnabled)) == null ? void 0 : a.preciseValue) ?? 0, r = (l = t == null ? void 0 : t.selections) == null ? void 0 : l.map((u) => {
-      var g, m, S, y, b, w;
-      const c = parseFloat((m = (g = u == null ? void 0 : u.odd) == null ? void 0 : g.price) == null ? void 0 : m.toFixed(2)), d = Eu((S = u == null ? void 0 : u.event) == null ? void 0 : S.startDate), f = (b = (y = u == null ? void 0 : u.odd) == null ? void 0 : y.offers) == null ? void 0 : b.find((x) => x.type === 0), p = u.market.name, h = (w = u == null ? void 0 : u.bbSelections) == null ? void 0 : w.map((x) => {
+      var g, m, y, S, b, w;
+      const c = parseFloat((m = (g = u == null ? void 0 : u.odd) == null ? void 0 : g.price) == null ? void 0 : m.toFixed(2)), d = Eu((y = u == null ? void 0 : u.event) == null ? void 0 : y.startDate), f = (b = (S = u == null ? void 0 : u.odd) == null ? void 0 : S.offers) == null ? void 0 : b.find((_) => _.type === 0), p = u.market.name, h = (w = u == null ? void 0 : u.bbSelections) == null ? void 0 : w.map((_) => {
         var P, A, I, L, N;
-        const C = (P = x == null ? void 0 : x.odd) == null ? void 0 : P.price, _ = parseFloat(C.toFixed(2)), T = (I = (A = x == null ? void 0 : x.odd) == null ? void 0 : A.offers) == null ? void 0 : I.find((j) => j.type === 0);
+        const T = (P = _ == null ? void 0 : _.odd) == null ? void 0 : P.price, E = parseFloat(T.toFixed(2)), x = (I = (A = _ == null ? void 0 : _.odd) == null ? void 0 : A.offers) == null ? void 0 : I.find((j) => j.type === 0);
         return {
-          marketName: (L = x == null ? void 0 : x.market) == null ? void 0 : L.name,
-          name: (N = x == null ? void 0 : x.odd) == null ? void 0 : N.name,
-          cuota: _,
-          hasPA: !!T,
-          paParam: T == null ? void 0 : T.parameter
+          marketName: (L = _ == null ? void 0 : _.market) == null ? void 0 : L.name,
+          name: (N = _ == null ? void 0 : _.odd) == null ? void 0 : N.name,
+          cuota: E,
+          hasPA: !!x,
+          paParam: x == null ? void 0 : x.parameter
         };
       });
       return {
@@ -3336,21 +3336,21 @@ const _u = "_BetSlip_1ysis_1", Mu = "_BetSlip_Title_1ysis_14", Au = "_SelectionI
   var t, n;
   return /* @__PURE__ */ U("div", { className: oe.SelectionItem, children: [
     /* @__PURE__ */ U("div", { className: oe.SelectionItemGrid, children: [
-      /* @__PURE__ */ E("div", { className: oe.SelectionItem_name, children: e != null && e.subSelections ? "Crear Apuesta" : e.name }),
-      /* @__PURE__ */ E("div", { className: oe.SelectionItem_sc, children: e.cuota.toFixed(2) })
+      /* @__PURE__ */ C("div", { className: oe.SelectionItem_name, children: e != null && e.subSelections ? "Crear Apuesta" : e.name }),
+      /* @__PURE__ */ C("div", { className: oe.SelectionItem_sc, children: e.cuota.toFixed(2) })
     ] }),
-    e != null && e.subSelections ? null : /* @__PURE__ */ E("div", { className: oe.SelectionItemGrid, children: /* @__PURE__ */ U("div", { className: oe.SelectionItem_marketName, children: [
-      /* @__PURE__ */ E("div", { children: e.marketName }),
-      e.hasPA && /* @__PURE__ */ E("div", { className: oe.SelectionItem_hasPA, children: "PA" })
+    e != null && e.subSelections ? null : /* @__PURE__ */ C("div", { className: oe.SelectionItemGrid, children: /* @__PURE__ */ U("div", { className: oe.SelectionItem_marketName, children: [
+      /* @__PURE__ */ C("div", { children: e.marketName }),
+      e.hasPA && /* @__PURE__ */ C("div", { className: oe.SelectionItem_hasPA, children: "PA" })
     ] }) }),
     /* @__PURE__ */ U("div", { className: oe.SelectionItemGrid, children: [
-      /* @__PURE__ */ E("div", { className: oe.SelectionItem_event, children: e.event }),
-      /* @__PURE__ */ E("div", { className: oe.SelectionItem_fechahora, children: e.fechaHora })
+      /* @__PURE__ */ C("div", { className: oe.SelectionItem_event, children: e.event }),
+      /* @__PURE__ */ C("div", { className: oe.SelectionItem_fechahora, children: e.fechaHora })
     ] }),
-    e != null && e.subSelections && ((t = e == null ? void 0 : e.subSelections) == null ? void 0 : t.length) > 0 ? /* @__PURE__ */ E("div", { className: oe.SelectionItem__Wrap, children: (n = e.subSelections) == null ? void 0 : n.map((r, i) => /* @__PURE__ */ U("div", { className: oe.SelectionItem__BB, children: [
-      /* @__PURE__ */ E("div", { className: oe.SelectionItem__BB__mn, children: r == null ? void 0 : r.marketName }),
-      /* @__PURE__ */ E("div", { children: r == null ? void 0 : r.name })
-    ] }, i)) }) : /* @__PURE__ */ E(jt, {})
+    e != null && e.subSelections && ((t = e == null ? void 0 : e.subSelections) == null ? void 0 : t.length) > 0 ? /* @__PURE__ */ C("div", { className: oe.SelectionItem__Wrap, children: (n = e.subSelections) == null ? void 0 : n.map((r, i) => /* @__PURE__ */ U("div", { className: oe.SelectionItem__BB, children: [
+      /* @__PURE__ */ C("div", { className: oe.SelectionItem__BB__mn, children: r == null ? void 0 : r.marketName }),
+      /* @__PURE__ */ C("div", { children: r == null ? void 0 : r.name })
+    ] }, i)) }) : /* @__PURE__ */ C(jt, {})
   ] });
 }, ku = "_PulseButton_1x1ir_1", Gu = "_BetSlip__NextIcon_1x1ir_21", Yr = {
   PulseButton: ku,
@@ -3362,7 +3362,7 @@ const _u = "_BetSlip_1ysis_1", Mu = "_BetSlip_Title_1ysis_14", Au = "_SelectionI
   height: t = "100%",
   fill: n = "white",
   ...r
-}) => /* @__PURE__ */ E(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3370,7 +3370,7 @@ const _u = "_BetSlip_1ysis_1", Mu = "_BetSlip_Title_1ysis_14", Au = "_SelectionI
     height: t,
     fill: n,
     ...r,
-    children: /* @__PURE__ */ E(
+    children: /* @__PURE__ */ C(
       "path",
       {
         fill: "#fff",
@@ -3378,54 +3378,74 @@ const _u = "_BetSlip_1ysis_1", Mu = "_BetSlip_Title_1ysis_14", Au = "_SelectionI
       }
     )
   }
-), Io = ({ children: e, href: t }) => /* @__PURE__ */ E("div", { className: Yr.PulseButton, children: /* @__PURE__ */ U("a", { className: Hu.Button, href: t, children: [
-  e,
-  /* @__PURE__ */ E("div", { className: Yr.BetSlip__NextIcon, children: /* @__PURE__ */ E(Wu, {}) })
-] }) }), Uu = ({ slip: e, title: t }) => {
-  var n;
+), Io = ({ children: e, onClick: t }) => /* @__PURE__ */ C("div", { className: Yr.PulseButton, children: /* @__PURE__ */ U(
+  "a",
+  {
+    className: Hu.Button,
+    onClick: (n) => {
+      n.preventDefault(), n.stopPropagation(), t();
+    },
+    children: [
+      e,
+      /* @__PURE__ */ C("div", { className: Yr.BetSlip__NextIcon, children: /* @__PURE__ */ C(Wu, {}) })
+    ]
+  }
+) }), Uu = ({
+  slip: e,
+  title: t,
+  onButtonStoryClick: n
+}) => {
+  var r;
   return /* @__PURE__ */ U("div", { className: _t.BetSlip, children: [
     /* @__PURE__ */ U(
       "div",
       {
         className: Se(_t.SelectionItemWrap),
-        onWheel: (r) => {
-          r.stopPropagation();
+        onWheel: (i) => {
+          i.stopPropagation();
         },
-        onPointerDown: (r) => {
-          r.stopPropagation();
+        onPointerDown: (i) => {
+          i.stopPropagation();
         },
         children: [
-          t ? /* @__PURE__ */ E("div", { className: _t.BetSlip_Title, children: t }) : null,
-          (n = e == null ? void 0 : e.selections) == null ? void 0 : n.map((r, i) => /* @__PURE__ */ E(ju, { selection: r }, `${Date.now()}-${i}`))
+          t ? /* @__PURE__ */ C("div", { className: _t.BetSlip_Title, children: t }) : null,
+          (r = e == null ? void 0 : e.selections) == null ? void 0 : r.map((i, o) => /* @__PURE__ */ C(ju, { selection: i }, `${Date.now()}-${o}`))
         ]
       }
     ),
-    /* @__PURE__ */ E("div", { className: Se(_t.BetSlip_ButtonWrap), children: /* @__PURE__ */ E(
-      Io,
-      {
-        href: "https://www.apuestatotal.com/apuestas-deportivas/?reservationCode=HHHH",
-        children: e == null ? void 0 : e.cuotaTotal
-      }
-    ) })
+    /* @__PURE__ */ C("div", { className: Se(_t.BetSlip_ButtonWrap), children: /* @__PURE__ */ C(Io, { onClick: n, children: e == null ? void 0 : e.cuotaTotal }) })
   ] });
-}, qu = ({ story: e }) => {
-  let t = Xr;
-  return (e == null ? void 0 : e.type) == "promo" && (t = Xr), (e == null ? void 0 : e.type) == "betting" && (t = Yu), /* @__PURE__ */ E(t, { story: e });
-}, Xr = ({ story: e }) => /* @__PURE__ */ U("div", { className: Se(nt.story), children: [
-  /* @__PURE__ */ E("img", { src: e == null ? void 0 : e.image, alt: "" }),
-  e != null && e.btn_text && (e != null && e.btn_url) ? /* @__PURE__ */ E("div", { className: Se(nt.BetSlip_Wrapper), children: /* @__PURE__ */ E("div", { className: nt.BetSlip_ButtonWrap, children: /* @__PURE__ */ U(Io, { href: e == null ? void 0 : e.btn_url, children: [
-    " ",
-    e == null ? void 0 : e.btn_text
-  ] }) }) }) : null
-] }), Yu = ({ story: e }) => {
-  const t = JSON.parse((e == null ? void 0 : e.coupon_result) ?? "{}");
+}, qu = ({
+  story: e,
+  onButtonStoryClick: t
+}) => {
+  let n = Xr;
+  return (e == null ? void 0 : e.type) == "promo" && (n = Xr), (e == null ? void 0 : e.type) == "betting" && (n = Yu), /* @__PURE__ */ C(
+    n,
+    {
+      story: e,
+      onButtonStoryClick: t
+    }
+  );
+}, Xr = ({
+  story: e,
+  onButtonStoryClick: t
+}) => /* @__PURE__ */ U("div", { className: Se(nt.story), children: [
+  /* @__PURE__ */ C("img", { src: e == null ? void 0 : e.image, alt: "" }),
+  e != null && e.btn_text && (e != null && e.btn_url) ? /* @__PURE__ */ C("div", { className: Se(nt.BetSlip_Wrapper), children: /* @__PURE__ */ C("div", { className: nt.BetSlip_ButtonWrap, children: /* @__PURE__ */ C(Io, { onClick: () => t == null ? void 0 : t(e), children: e == null ? void 0 : e.btn_text }) }) }) : null
+] }), Yu = ({
+  story: e,
+  onButtonStoryClick: t
+}) => {
+  const n = JSON.parse((e == null ? void 0 : e.coupon_result) ?? "{}");
   return /* @__PURE__ */ U("div", { className: Se(nt.story), children: [
-    /* @__PURE__ */ E("img", { src: e == null ? void 0 : e.image, alt: "" }),
-    /* @__PURE__ */ E("div", { className: nt.BetSlip_Wrapper, children: /* @__PURE__ */ E(
+    /* @__PURE__ */ C("img", { src: e == null ? void 0 : e.image, alt: "" }),
+    /* @__PURE__ */ C("div", { className: nt.BetSlip_Wrapper, children: /* @__PURE__ */ C(
       Uu,
       {
-        slip: Cu.fromRaw(t),
-        title: e == null ? void 0 : e.coupon_title
+        slip: Cu.fromRaw(n),
+        title: e == null ? void 0 : e.coupon_title,
+        onButtonStoryClick: () => t == null ? void 0 : t(e)
       }
     ) })
   ] });
@@ -3439,7 +3459,7 @@ const _u = "_BetSlip_1ysis_1", Mu = "_BetSlip_Title_1ysis_14", Au = "_SelectionI
   color: n,
   image: r
 }) => /* @__PURE__ */ U("div", { className: bn.StoryHeaderPlayer, children: [
-  /* @__PURE__ */ E(
+  /* @__PURE__ */ C(
     fo,
     {
       className: bn.StoryHeaderPlayer__ProfileStory,
@@ -3448,7 +3468,7 @@ const _u = "_BetSlip_1ysis_1", Mu = "_BetSlip_Title_1ysis_14", Au = "_SelectionI
       image: r
     }
   ),
-  /* @__PURE__ */ E("div", { className: bn.StoryHeaderPlayer__title, children: e == null ? void 0 : e.title })
+  /* @__PURE__ */ C("div", { className: bn.StoryHeaderPlayer__title, children: e == null ? void 0 : e.title })
 ] }), Qu = ({
   story: e,
   onChangeStory: t,
@@ -3456,83 +3476,90 @@ const _u = "_BetSlip_1ysis_1", Mu = "_BetSlip_Title_1ysis_14", Au = "_SelectionI
   onLeft: r,
   onRight: i,
   play: o,
-  initialIndex: s
+  initialIndex: s,
+  onButtonStoryClick: a
 }) => {
-  var b, w;
-  const [a, l] = Z(!1), u = B(), c = B(!1), [d, f] = Z(s), v = B(null), p = (x) => {
-    const C = v.current.getBoundingClientRect();
-    x.clientX - C.left < C.width / 2 ? d == 0 ? r == null || r(-1) : (r == null || r(d - 1), f(d - 1)) : y();
-  }, h = B(0), g = (x) => {
-    h.current = x.clientX, l(!0), c.current = !1, u.current = window.setTimeout(() => {
-      c.current = !0;
+  var w, _;
+  const [l, u] = Z(!1), c = B(), d = B(!1), [f, v] = Z(s), p = B(null), h = (T) => {
+    const E = p.current.getBoundingClientRect();
+    T.clientX - E.left < E.width / 2 ? f == 0 ? r == null || r(-1) : (r == null || r(f - 1), v(f - 1)) : b();
+  }, g = B(0), m = (T) => {
+    g.current = T.clientX, u(!0), d.current = !1, c.current = window.setTimeout(() => {
+      d.current = !0;
     }, 200);
-  }, m = (x) => {
-    l(!1), clearTimeout(u.current);
-  }, S = (x) => {
-    if (c.current) {
-      x.preventDefault();
+  }, y = (T) => {
+    u(!1), clearTimeout(c.current);
+  }, S = (T) => {
+    if (d.current) {
+      T.preventDefault();
       return;
     }
-    p(x);
-  }, y = () => {
-    var x;
-    d >= ((x = e == null ? void 0 : e.stories) == null ? void 0 : x.length) - 1 ? (i == null || i(-1), n == null || n(d)) : (i == null || i(d), f(d + 1));
+    h(T);
+  }, b = () => {
+    var T;
+    f >= ((T = e == null ? void 0 : e.stories) == null ? void 0 : T.length) - 1 ? (i == null || i(-1), n == null || n(f)) : (i == null || i(f), v(f + 1));
   };
   return F(() => {
-    o && (t == null || t(d, e == null ? void 0 : e.stories[d]));
-  }, [d, o]), F(() => {
-    if (!o || a) return;
-    const x = setTimeout(() => {
-      y(), clearTimeout(x);
+    o && (t == null || t(f, e == null ? void 0 : e.stories[f]));
+  }, [f, o]), F(() => {
+    if (!o || l) return;
+    const T = setTimeout(() => {
+      b(), clearTimeout(T);
     }, 7e3);
     return () => {
-      clearTimeout(x);
+      clearTimeout(T);
     };
-  }, [d, o, a]), /* @__PURE__ */ U(
+  }, [f, o, l]), /* @__PURE__ */ U(
     "div",
     {
       className: _e.CardStory,
       onClick: S,
-      ref: v,
-      onPointerDown: g,
-      onPointerUp: m,
-      onPointerLeave: m,
+      ref: p,
+      onPointerDown: m,
+      onPointerUp: y,
+      onPointerLeave: y,
       children: [
-        o && /* @__PURE__ */ E("div", { className: _e.CardStory_ProgressRoot, children: (b = e == null ? void 0 : e.stories) == null ? void 0 : b.map((x, C) => {
-          const _ = d > C, T = d < C, P = d == C;
-          return /* @__PURE__ */ E(
+        o && /* @__PURE__ */ C("div", { className: _e.CardStory_ProgressRoot, children: (w = e == null ? void 0 : e.stories) == null ? void 0 : w.map((T, E) => {
+          const x = f > E, P = f < E, A = f == E;
+          return /* @__PURE__ */ C(
             "div",
             {
               className: Se(_e.CardStory_ProgressRoot_Track, {
-                [_e.ProgressAnimate]: P,
-                [_e.Complete]: _,
-                [_e.NoComplete]: T,
-                [_e.Pause]: a
+                [_e.ProgressAnimate]: A,
+                [_e.Complete]: x,
+                [_e.NoComplete]: P,
+                [_e.Pause]: l
               })
             },
-            x == null ? void 0 : x.id
+            T == null ? void 0 : T.id
           );
         }) }),
-        (w = e == null ? void 0 : e.stories) == null ? void 0 : w.map((x, C) => d != C ? null : /* @__PURE__ */ U(
+        (_ = e == null ? void 0 : e.stories) == null ? void 0 : _.map((T, E) => f != E ? null : /* @__PURE__ */ U(
           "div",
           {
-            "data-card-story-index": C,
+            "data-card-story-index": E,
             className: Se(_e.Story, {
-              active: d == C
+              active: f == E
             }),
             children: [
-              /* @__PURE__ */ E(qu, { story: x }),
-              /* @__PURE__ */ E(
+              /* @__PURE__ */ C(
+                qu,
+                {
+                  story: T,
+                  onButtonStoryClick: a
+                }
+              ),
+              /* @__PURE__ */ C(
                 Ju,
                 {
                   color: e == null ? void 0 : e.color,
                   image: e == null ? void 0 : e.avatar,
-                  story: x
+                  story: T
                 }
               )
             ]
           },
-          x == null ? void 0 : x.id
+          T == null ? void 0 : T.id
         ))
       ]
     }
@@ -4408,17 +4435,17 @@ function td(e, t, n, r) {
       if (g) {
         var m = g.transitionEnd;
         g.transition;
-        var S = ue(g, ["transitionEnd", "transition"]);
-        for (var y in S) {
-          var b = S[y];
+        var y = ue(g, ["transitionEnd", "transition"]);
+        for (var S in y) {
+          var b = y[S];
           if (Array.isArray(b)) {
             var w = f ? b.length - 1 : 0;
             b = b[w];
           }
-          b !== null && (i[y] = b);
+          b !== null && (i[S] = b);
         }
-        for (var y in m)
-          i[y] = m[y];
+        for (var S in m)
+          i[S] = m[S];
       }
     });
   }
@@ -4657,23 +4684,23 @@ function gr(e) {
   const s = { done: !1, value: t };
   let { stiffness: a, damping: l, mass: u, velocity: c, duration: d, isResolvedFromDuration: f } = Pd(o), v = li, p = li;
   function h() {
-    const g = c ? -(c / 1e3) : 0, m = n - t, S = l / (2 * Math.sqrt(a * u)), y = Math.sqrt(a / u) / 1e3;
-    if (i === void 0 && (i = Math.min(Math.abs(n - t) / 100, 0.4)), S < 1) {
-      const b = Un(y, S);
+    const g = c ? -(c / 1e3) : 0, m = n - t, y = l / (2 * Math.sqrt(a * u)), S = Math.sqrt(a / u) / 1e3;
+    if (i === void 0 && (i = Math.min(Math.abs(n - t) / 100, 0.4)), y < 1) {
+      const b = Un(S, y);
       v = (w) => {
-        const x = Math.exp(-S * y * w);
-        return n - x * ((g + S * y * m) / b * Math.sin(b * w) + m * Math.cos(b * w));
+        const _ = Math.exp(-y * S * w);
+        return n - _ * ((g + y * S * m) / b * Math.sin(b * w) + m * Math.cos(b * w));
       }, p = (w) => {
-        const x = Math.exp(-S * y * w);
-        return S * y * x * (Math.sin(b * w) * (g + S * y * m) / b + m * Math.cos(b * w)) - x * (Math.cos(b * w) * (g + S * y * m) - b * m * Math.sin(b * w));
+        const _ = Math.exp(-y * S * w);
+        return y * S * _ * (Math.sin(b * w) * (g + y * S * m) / b + m * Math.cos(b * w)) - _ * (Math.cos(b * w) * (g + y * S * m) - b * m * Math.sin(b * w));
       };
-    } else if (S === 1)
-      v = (b) => n - Math.exp(-y * b) * (m + (g + y * m) * b);
+    } else if (y === 1)
+      v = (b) => n - Math.exp(-S * b) * (m + (g + S * m) * b);
     else {
-      const b = y * Math.sqrt(S * S - 1);
+      const b = S * Math.sqrt(y * y - 1);
       v = (w) => {
-        const x = Math.exp(-S * y * w), C = Math.min(b * w, 300);
-        return n - x * ((g + S * y * m) * Math.sinh(C) + b * m * Math.cosh(C)) / b;
+        const _ = Math.exp(-y * S * w), T = Math.min(b * w, 300);
+        return n - _ * ((g + y * S * m) * Math.sinh(T) + b * m * Math.cosh(T)) / b;
       };
     }
   }
@@ -4683,8 +4710,8 @@ function gr(e) {
       if (f)
         s.done = g >= d;
       else {
-        const S = p(g) * 1e3, y = Math.abs(S) <= r, b = Math.abs(n - m) <= i;
-        s.done = y && b;
+        const y = p(g) * 1e3, S = Math.abs(y) <= r, b = Math.abs(n - m) <= i;
+        s.done = S && b;
       }
       return s.value = s.done ? n : m, s;
     },
@@ -4928,24 +4955,24 @@ const lf = (e) => {
 };
 function Pr(e) {
   var t, n, { from: r, autoplay: i = !0, driver: o = lf, elapsed: s = 0, repeat: a = 0, repeatType: l = "loop", repeatDelay: u = 0, onPlay: c, onStop: d, onComplete: f, onRepeat: v, onUpdate: p } = e, h = ue(e, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
-  let { to: g } = h, m, S = 0, y = h.duration, b, w = !1, x = !0, C;
-  const _ = Qd(h);
-  !((n = (t = _).needsInterpolation) === null || n === void 0) && n.call(t, r, g) && (C = yr([0, 100], [r, g], {
+  let { to: g } = h, m, y = 0, S = h.duration, b, w = !1, _ = !0, T;
+  const E = Qd(h);
+  !((n = (t = E).needsInterpolation) === null || n === void 0) && n.call(t, r, g) && (T = yr([0, 100], [r, g], {
     clamp: !1
   }), r = 0, g = 100);
-  const T = _(Object.assign(Object.assign({}, h), { from: r, to: g }));
+  const x = E(Object.assign(Object.assign({}, h), { from: r, to: g }));
   function P() {
-    S++, l === "reverse" ? (x = S % 2 === 0, s = sf(s, y, u, x)) : (s = Ms(s, y, u), l === "mirror" && T.flipTarget()), w = !1, v && v();
+    y++, l === "reverse" ? (_ = y % 2 === 0, s = sf(s, S, u, _)) : (s = Ms(s, S, u), l === "mirror" && x.flipTarget()), w = !1, v && v();
   }
   function A() {
     m.stop(), f && f();
   }
   function I(N) {
-    if (x || (N = -N), s += N, !w) {
-      const j = T.next(Math.max(0, s));
-      b = j.value, C && (b = C(b)), w = x ? j.done : s <= 0;
+    if (_ || (N = -N), s += N, !w) {
+      const j = x.next(Math.max(0, s));
+      b = j.value, T && (b = T(b)), w = _ ? j.done : s <= 0;
     }
-    p == null || p(b), w && (S === 0 && (y ?? (y = s)), S < a ? af(s, y, u, x) && P() : A());
+    p == null || p(b), w && (y === 0 && (S ?? (S = s)), y < a ? af(s, S, u, _) && P() : A());
   }
   function L() {
     c == null || c(), m = o(I), m.start();
@@ -4961,35 +4988,35 @@ function As(e, t) {
 }
 function uf({ from: e = 0, velocity: t = 0, min: n, max: r, power: i = 0.8, timeConstant: o = 750, bounceStiffness: s = 500, bounceDamping: a = 10, restDelta: l = 1, modifyTarget: u, driver: c, onUpdate: d, onComplete: f, onStop: v }) {
   let p;
-  function h(y) {
-    return n !== void 0 && y < n || r !== void 0 && y > r;
+  function h(S) {
+    return n !== void 0 && S < n || r !== void 0 && S > r;
   }
-  function g(y) {
-    return n === void 0 ? r : r === void 0 || Math.abs(n - y) < Math.abs(r - y) ? n : r;
+  function g(S) {
+    return n === void 0 ? r : r === void 0 || Math.abs(n - S) < Math.abs(r - S) ? n : r;
   }
-  function m(y) {
-    p == null || p.stop(), p = Pr(Object.assign(Object.assign({}, y), {
+  function m(S) {
+    p == null || p.stop(), p = Pr(Object.assign(Object.assign({}, S), {
       driver: c,
       onUpdate: (b) => {
         var w;
-        d == null || d(b), (w = y.onUpdate) === null || w === void 0 || w.call(y, b);
+        d == null || d(b), (w = S.onUpdate) === null || w === void 0 || w.call(S, b);
       },
       onComplete: f,
       onStop: v
     }));
   }
-  function S(y) {
-    m(Object.assign({ type: "spring", stiffness: s, damping: a, restDelta: l }, y));
+  function y(S) {
+    m(Object.assign({ type: "spring", stiffness: s, damping: a, restDelta: l }, S));
   }
   if (h(e))
-    S({ from: e, velocity: t, to: g(e) });
+    y({ from: e, velocity: t, to: g(e) });
   else {
-    let y = i * t + e;
-    typeof u < "u" && (y = u(y));
-    const b = g(y), w = b === n ? -1 : 1;
-    let x, C;
-    const _ = (T) => {
-      x = C, C = T, t = As(T - x, Zt().delta), (w === 1 && T > b || w === -1 && T < b) && S({ from: T, to: b, velocity: t });
+    let S = i * t + e;
+    typeof u < "u" && (S = u(S));
+    const b = g(S), w = b === n ? -1 : 1;
+    let _, T;
+    const E = (x) => {
+      _ = T, T = x, t = As(x - _, Zt().delta), (w === 1 && x > b || w === -1 && x < b) && y({ from: x, to: b, velocity: t });
     };
     m({
       type: "decay",
@@ -4999,7 +5026,7 @@ function uf({ from: e = 0, velocity: t = 0, min: n, max: r, power: i = 0.8, time
       power: i,
       restDelta: l,
       modifyTarget: u,
-      onUpdate: h(y) ? _ : void 0
+      onUpdate: h(S) ? E : void 0
     });
   }
   return {
@@ -5556,11 +5583,11 @@ function ks(e, t, n) {
   a && (d = a);
   var p = [], h = l && ((r = e.animationState) === null || r === void 0 ? void 0 : r.getState()[l]);
   for (var g in v) {
-    var m = e.getValue(g), S = v[g];
-    if (!(!m || S === void 0 || h && tp(h, g))) {
-      var y = M({ delay: s }, d);
-      e.shouldReduceMotion && St(g) && (y = M(M({}, y), { type: !1, delay: 0 }));
-      var b = Mr(g, m, S, y);
+    var m = e.getValue(g), y = v[g];
+    if (!(!m || y === void 0 || h && tp(h, g))) {
+      var S = M({ delay: s }, d);
+      e.shouldReduceMotion && St(g) && (S = M(M({}, S), { type: !1, delay: 0 }));
+      var b = Mr(g, m, y, S);
       p.push(b);
     }
   }
@@ -5627,43 +5654,43 @@ function op(e) {
     t = c(e);
   }
   function l(c, d) {
-    for (var f, v = e.getProps(), p = e.getVariantContext(!0) || {}, h = [], g = /* @__PURE__ */ new Set(), m = {}, S = 1 / 0, y = function(C) {
-      var _ = np[C], T = n[_], P = (f = v[_]) !== null && f !== void 0 ? f : p[_], A = fe(P), I = _ === d ? T.isActive : null;
-      I === !1 && (S = C);
-      var L = P === p[_] && P !== v[_] && A;
-      if (L && i && e.manuallyAnimateOnMount && (L = !1), T.protectedKeys = M({}, m), // If it isn't active and hasn't *just* been set as inactive
-      !T.isActive && I === null || // If we didn't and don't have any defined prop for this animation type
-      !P && !T.prevProp || // Or if the prop doesn't define an animation
+    for (var f, v = e.getProps(), p = e.getVariantContext(!0) || {}, h = [], g = /* @__PURE__ */ new Set(), m = {}, y = 1 / 0, S = function(T) {
+      var E = np[T], x = n[E], P = (f = v[E]) !== null && f !== void 0 ? f : p[E], A = fe(P), I = E === d ? x.isActive : null;
+      I === !1 && (y = T);
+      var L = P === p[E] && P !== v[E] && A;
+      if (L && i && e.manuallyAnimateOnMount && (L = !1), x.protectedKeys = M({}, m), // If it isn't active and hasn't *just* been set as inactive
+      !x.isActive && I === null || // If we didn't and don't have any defined prop for this animation type
+      !P && !x.prevProp || // Or if the prop doesn't define an animation
       hr(P) || typeof P == "boolean")
         return "continue";
-      var N = sp(T.prevProp, P), j = N || // If we're making this variant active, we want to always make it active
-      _ === d && T.isActive && !L && A || // If we removed a higher-priority variant (i is in reverse order)
-      C > S && A, D = Array.isArray(P) ? P : [P], G = D.reduce(o, {});
+      var N = sp(x.prevProp, P), j = N || // If we're making this variant active, we want to always make it active
+      E === d && x.isActive && !L && A || // If we removed a higher-priority variant (i is in reverse order)
+      T > y && A, D = Array.isArray(P) ? P : [P], G = D.reduce(o, {});
       I === !1 && (G = {});
-      var H = T.prevResolvedValues, k = H === void 0 ? {} : H, J = M(M({}, k), G), ce = function(O) {
-        j = !0, g.delete(O), T.needsAnimating[O] = !0;
+      var H = x.prevResolvedValues, k = H === void 0 ? {} : H, J = M(M({}, k), G), ce = function(O) {
+        j = !0, g.delete(O), x.needsAnimating[O] = !0;
       };
       for (var Q in J) {
         var $ = G[Q], V = k[Q];
-        m.hasOwnProperty(Q) || ($ !== V ? pt($) && pt(V) ? !Bs($, V) || N ? ce(Q) : T.protectedKeys[Q] = !0 : $ !== void 0 ? ce(Q) : g.add(Q) : $ !== void 0 && g.has(Q) ? ce(Q) : T.protectedKeys[Q] = !0);
+        m.hasOwnProperty(Q) || ($ !== V ? pt($) && pt(V) ? !Bs($, V) || N ? ce(Q) : x.protectedKeys[Q] = !0 : $ !== void 0 ? ce(Q) : g.add(Q) : $ !== void 0 && g.has(Q) ? ce(Q) : x.protectedKeys[Q] = !0);
       }
-      T.prevProp = P, T.prevResolvedValues = G, T.isActive && (m = M(M({}, m), G)), i && e.blockInitialAnimation && (j = !1), j && !L && h.push.apply(h, le([], X(D.map(function(O) {
+      x.prevProp = P, x.prevResolvedValues = G, x.isActive && (m = M(M({}, m), G)), i && e.blockInitialAnimation && (j = !1), j && !L && h.push.apply(h, le([], X(D.map(function(O) {
         return {
           animation: O,
-          options: M({ type: _ }, c)
+          options: M({ type: E }, c)
         };
       })), !1));
     }, b = 0; b < rp; b++)
-      y(b);
+      S(b);
     if (r = M({}, m), g.size) {
       var w = {};
-      g.forEach(function(C) {
-        var _ = e.getBaseTarget(C);
-        _ !== void 0 && (w[C] = _);
+      g.forEach(function(T) {
+        var E = e.getBaseTarget(T);
+        E !== void 0 && (w[T] = E);
       }), h.push({ animation: w });
     }
-    var x = !!h.length;
-    return i && v.initial === !1 && !e.manuallyAnimateOnMount && (x = !1), i = !1, x ? t(h) : Promise.resolve();
+    var _ = !!h.length;
+    return i && v.initial === !1 && !e.manuallyAnimateOnMount && (_ = !1), i = !1, _ ? t(h) : Promise.resolve();
   }
   function u(c, d, f) {
     var v;
@@ -5730,8 +5757,8 @@ var lp = {
           if (!(!v && !p)) {
             var h = f.point, g = Zt().timestamp;
             i.history.push(M(M({}, h), { timestamp: g }));
-            var m = i.handlers, S = m.onStart, y = m.onMove;
-            v || (S && S(i.lastMoveEvent, f), i.startEvent = i.lastMoveEvent), y && y(i.lastMoveEvent, f);
+            var m = i.handlers, y = m.onStart, S = m.onMove;
+            v || (y && y(i.lastMoveEvent, f), i.startEvent = i.lastMoveEvent), S && S(i.lastMoveEvent, f);
           }
         }
       }, this.handlePointerMove = function(f, v) {
@@ -5985,26 +6012,26 @@ var Pp = /* @__PURE__ */ new WeakMap(), Ep = (
           r.stopAnimation(), s && r.snapToCursor(mr(d, "page").point);
         }, l = function(d, f) {
           var v, p = r.getProps(), h = p.drag, g = p.dragPropagation, m = p.onDragStart;
-          h && !g && (r.openGlobalLock && r.openGlobalLock(), r.openGlobalLock = ps(h), !r.openGlobalLock) || (r.isDragging = !0, r.currentDirection = null, r.resolveConstraints(), r.visualElement.projection && (r.visualElement.projection.isAnimationBlocked = !0, r.visualElement.projection.target = void 0), me(function(S) {
-            var y, b, w = r.getAxisMotionValue(S).get() || 0;
+          h && !g && (r.openGlobalLock && r.openGlobalLock(), r.openGlobalLock = ps(h), !r.openGlobalLock) || (r.isDragging = !0, r.currentDirection = null, r.resolveConstraints(), r.visualElement.projection && (r.visualElement.projection.isAnimationBlocked = !0, r.visualElement.projection.target = void 0), me(function(y) {
+            var S, b, w = r.getAxisMotionValue(y).get() || 0;
             if (ye.test(w)) {
-              var x = (b = (y = r.visualElement.projection) === null || y === void 0 ? void 0 : y.layout) === null || b === void 0 ? void 0 : b.actual[S];
-              if (x) {
-                var C = Ee(x);
-                w = C * (parseFloat(w) / 100);
+              var _ = (b = (S = r.visualElement.projection) === null || S === void 0 ? void 0 : S.layout) === null || b === void 0 ? void 0 : b.actual[y];
+              if (_) {
+                var T = Ee(_);
+                w = T * (parseFloat(w) / 100);
               }
             }
-            r.originPoint[S] = w;
+            r.originPoint[y] = w;
           }), m == null || m(d, f), (v = r.visualElement.animationState) === null || v === void 0 || v.setActive(W.Drag, !0));
         }, u = function(d, f) {
           var v = r.getProps(), p = v.dragPropagation, h = v.dragDirectionLock, g = v.onDirectionLock, m = v.onDrag;
           if (!(!p && !r.openGlobalLock)) {
-            var S = f.offset;
+            var y = f.offset;
             if (h && r.currentDirection === null) {
-              r.currentDirection = Cp(S), r.currentDirection !== null && (g == null || g(r.currentDirection));
+              r.currentDirection = Cp(y), r.currentDirection !== null && (g == null || g(r.currentDirection));
               return;
             }
-            r.updateAxis("x", f.point, S), r.updateAxis("y", f.point, S), r.visualElement.syncRender(), m == null || m(d, f);
+            r.updateAxis("x", f.point, y), r.updateAxis("y", f.point, y), r.visualElement.syncRender(), m == null || m(d, f);
           }
         }, c = function(d, f) {
           return r.stop(d, f);
@@ -6242,17 +6269,17 @@ function Vp(e, t, n) {
 var Ys = function(e) {
   var t = e.treeType, n = t === void 0 ? "" : t, r = e.build, i = e.getBaseTarget, o = e.makeTargetAnimatable, s = e.measureViewportBox, a = e.render, l = e.readValueFromInstance, u = e.removeValueFromRenderState, c = e.sortNodePosition, d = e.scrapeMotionValuesFromProps;
   return function(f, v) {
-    var p = f.parent, h = f.props, g = f.presenceId, m = f.blockInitialAnimation, S = f.visualState, y = f.shouldReduceMotion;
+    var p = f.parent, h = f.props, g = f.presenceId, m = f.blockInitialAnimation, y = f.visualState, S = f.shouldReduceMotion;
     v === void 0 && (v = {});
-    var b = !1, w = S.latestValues, x = S.renderState, C, _ = Ip(), T = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), A = {}, I = M({}, w), L;
+    var b = !1, w = y.latestValues, _ = y.renderState, T, E = Ip(), x = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), A = {}, I = M({}, w), L;
     function N() {
-      !C || !b || (j(), a(C, x, h.style, $.projection));
+      !T || !b || (j(), a(T, _, h.style, $.projection));
     }
     function j() {
-      r($, x, w, v, h);
+      r($, _, w, v, h);
     }
     function D() {
-      _.notifyUpdate(w);
+      E.notifyUpdate(w);
     }
     function G(V, O) {
       var z = O.onChange(function(he) {
@@ -6284,7 +6311,7 @@ var Ys = function(e) {
        *
        */
       presenceId: g,
-      shouldReduceMotion: y,
+      shouldReduceMotion: S,
       /**
        * If this component is part of the variant tree, it should track
        * any children that are also part of the tree. This is essentially
@@ -6318,10 +6345,10 @@ var Ys = function(e) {
        * own animations on mount.
        */
       isMounted: function() {
-        return !!C;
+        return !!T;
       },
       mount: function(V) {
-        b = !0, C = $.current = V, $.projection && $.projection.mount(V), Q && p && !ce && (L = p == null ? void 0 : p.addVariantChild($)), T.forEach(function(O, z) {
+        b = !0, T = $.current = V, $.projection && $.projection.mount(V), Q && p && !ce && (L = p == null ? void 0 : p.addVariantChild($)), x.forEach(function(O, z) {
           return G(z, O);
         }), p == null || p.children.add($), $.setProps(h);
       },
@@ -6332,7 +6359,7 @@ var Ys = function(e) {
         var V;
         (V = $.projection) === null || V === void 0 || V.unmount(), Ze.update(D), Ze.render(N), P.forEach(function(O) {
           return O();
-        }), L == null || L(), p == null || p.children.delete($), _.clearAllListeners(), C = void 0, b = !1;
+        }), L == null || L(), p == null || p.children.delete($), E.clearAllListeners(), T = void 0, b = !1;
       },
       /**
        * Add a child visual element to our set of children.
@@ -6364,7 +6391,7 @@ var Ys = function(e) {
        * Returns the current instance.
        */
       getInstance: function() {
-        return C;
+        return T;
       },
       /**
        * Get/set the latest static values.
@@ -6406,41 +6433,41 @@ var Ys = function(e) {
        * removed with a re-render to work.
        */
       measureViewportBox: function() {
-        return s(C, h);
+        return s(T, h);
       },
       // Motion values ========================
       /**
        * Add a motion value and bind it to this visual element.
        */
       addValue: function(V, O) {
-        $.hasValue(V) && $.removeValue(V), T.set(V, O), w[V] = O.get(), G(V, O);
+        $.hasValue(V) && $.removeValue(V), x.set(V, O), w[V] = O.get(), G(V, O);
       },
       /**
        * Remove a motion value and unbind any active subscriptions.
        */
       removeValue: function(V) {
         var O;
-        T.delete(V), (O = P.get(V)) === null || O === void 0 || O(), P.delete(V), delete w[V], u(V, x);
+        x.delete(V), (O = P.get(V)) === null || O === void 0 || O(), P.delete(V), delete w[V], u(V, _);
       },
       /**
        * Check whether we have a motion value for this key
        */
       hasValue: function(V) {
-        return T.has(V);
+        return x.has(V);
       },
       /**
        * Get a motion value for this key. If called with a default
        * value, we'll create one if none exists.
        */
       getValue: function(V, O) {
-        var z = T.get(V);
+        var z = x.get(V);
         return z === void 0 && O !== void 0 && (z = je(O), $.addValue(V, z)), z;
       },
       /**
        * Iterate over our motion values.
        */
       forEachValue: function(V) {
-        return T.forEach(V);
+        return x.forEach(V);
       },
       /**
        * If we're trying to animate to a previously unencountered value,
@@ -6449,7 +6476,7 @@ var Ys = function(e) {
        */
       readValue: function(V) {
         var O;
-        return (O = w[V]) !== null && O !== void 0 ? O : l(C, V, v);
+        return (O = w[V]) !== null && O !== void 0 ? O : l(T, V, v);
       },
       /**
        * Set the base target to later animate back to. This is currently
@@ -6470,12 +6497,12 @@ var Ys = function(e) {
         }
         return I[V];
       }
-    }, _), {
+    }, E), {
       /**
        * Build the renderer state based on the latest visual state.
        */
       build: function() {
-        return j(), x;
+        return j(), _;
       },
       /**
        * Schedule a render on the next animation frame.
@@ -6495,7 +6522,7 @@ var Ys = function(e) {
        * added to our map, old ones removed, and listeners updated.
        */
       setProps: function(V) {
-        (V.transformTemplate || h.transformTemplate) && $.scheduleRender(), h = V, _.updatePropListeners(V), A = Vp($, d(h), A);
+        (V.transformTemplate || h.transformTemplate) && $.scheduleRender(), h = V, E.updatePropListeners(V), A = Vp($, d(h), A);
       },
       getProps: function() {
         return h;
@@ -6670,14 +6697,14 @@ var ji = {
       if (pt(p)) {
         var g = p.length, m = p[0] === null ? 1 : 0;
         f = p[m], v = Qe(f);
-        for (var S = m; S < g; S++)
-          h ? ae(Qe(p[S]) === h, "All keyframes must be of the same type") : (h = Qe(p[S]), ae(h === v || Dt(v) && Dt(h), "Keyframes must be of the same dimension as the current value"));
+        for (var y = m; y < g; y++)
+          h ? ae(Qe(p[y]) === h, "All keyframes must be of the same type") : (h = Qe(p[y]), ae(h === v || Dt(v) && Dt(h), "Keyframes must be of the same dimension as the current value"));
       } else
         h = Qe(p);
       if (v !== h)
         if (Dt(v) && Dt(h)) {
-          var y = d.get();
-          typeof y == "string" && d.set(parseFloat(y)), typeof p == "string" ? t[c] = parseFloat(p) : Array.isArray(p) && h === R && (t[c] = p.map(parseFloat));
+          var S = d.get();
+          typeof S == "string" && d.set(parseFloat(S)), typeof p == "string" ? t[c] = parseFloat(p) : Array.isArray(p) && h === R && (t[c] = p.map(parseFloat));
         } else v != null && v.transform && (h != null && h.transform) && (f === 0 || p === 0) ? f === 0 ? d.set(h.transform(f)) : t[c] = v.transform(p) : (s || (o = jp(e), s = !0), a.push(c), r[c] = r[c] !== void 0 ? r[c] : t[c], Js(d, p));
     }
   }), a.length) {
@@ -7058,18 +7085,18 @@ function ia(e) {
             });
           }
           f && this.root.registerSharedNode(f, this), this.options.animate !== !1 && p && (f || v) && this.addEventListener("didUpdate", function(m) {
-            var S, y, b, w, x, C = m.delta, _ = m.hasLayoutChanged, T = m.hasRelativeTargetChanged, P = m.layout;
+            var y, S, b, w, _, T = m.delta, E = m.hasLayoutChanged, x = m.hasRelativeTargetChanged, P = m.layout;
             if (u.isTreeAnimationBlocked()) {
               u.target = void 0, u.relativeTarget = void 0;
               return;
             }
-            var A = (y = (S = u.options.transition) !== null && S !== void 0 ? S : p.getDefaultTransition()) !== null && y !== void 0 ? y : Tv, I = p.getProps(), L = I.onLayoutAnimationStart, N = I.onLayoutAnimationComplete, j = !u.targetLayout || !ra(u.targetLayout, P) || T, D = !_ && T;
-            if (!((b = u.resumeFrom) === null || b === void 0) && b.instance || D || _ && (j || !u.currentAnimation)) {
-              u.resumeFrom && (u.resumingFrom = u.resumeFrom, u.resumingFrom.resumingFrom = void 0), u.setAnimationOrigin(C, D);
+            var A = (S = (y = u.options.transition) !== null && y !== void 0 ? y : p.getDefaultTransition()) !== null && S !== void 0 ? S : Tv, I = p.getProps(), L = I.onLayoutAnimationStart, N = I.onLayoutAnimationComplete, j = !u.targetLayout || !ra(u.targetLayout, P) || x, D = !E && x;
+            if (!((b = u.resumeFrom) === null || b === void 0) && b.instance || D || E && (j || !u.currentAnimation)) {
+              u.resumeFrom && (u.resumingFrom = u.resumeFrom, u.resumingFrom.resumingFrom = void 0), u.setAnimationOrigin(T, D);
               var G = M(M({}, _r(A, "layout")), { onPlay: L, onComplete: N });
               p.shouldReduceMotion && (G.delay = 0, G.type = !1), u.startAnimation(G);
             } else
-              !_ && u.animationProgress === 0 && u.finishAnimation(), u.isLead() && ((x = (w = u.options).onExitComplete) === null || x === void 0 || x.call(w));
+              !E && u.animationProgress === 0 && u.finishAnimation(), u.isLead() && ((_ = (w = u.options).onExitComplete) === null || _ === void 0 || _.call(w));
             u.targetLayout = P;
           });
         }
@@ -7237,10 +7264,10 @@ function ia(e) {
         l === void 0 && (l = !1);
         var d = this.snapshot, f = (d == null ? void 0 : d.latestValues) || {}, v = M({}, this.latestValues), p = ut();
         this.relativeTarget = this.relativeTargetOrigin = void 0, this.attemptToResolveRelativeTarget = !l;
-        var h = te(), g = d == null ? void 0 : d.isShared, m = (((c = this.getStack()) === null || c === void 0 ? void 0 : c.members.length) || 0) <= 1, S = !!(g && !m && this.options.crossfade === !0 && !this.path.some(xv));
-        this.animationProgress = 0, this.mixTargetDelta = function(y) {
-          var b, w = y / 1e3;
-          eo(p.x, a.x, w), eo(p.y, a.y, w), u.setTargetDelta(p), u.relativeTarget && u.relativeTargetOrigin && u.layout && (!((b = u.relativeParent) === null || b === void 0) && b.layout) && (lt(h, u.layout.actual, u.relativeParent.layout.actual), bv(u.relativeTarget, u.relativeTargetOrigin, h, w)), g && (u.animationValues = v, nv(v, f, u.latestValues, w, S, m)), u.root.scheduleUpdateProjection(), u.scheduleRender(), u.animationProgress = w;
+        var h = te(), g = d == null ? void 0 : d.isShared, m = (((c = this.getStack()) === null || c === void 0 ? void 0 : c.members.length) || 0) <= 1, y = !!(g && !m && this.options.crossfade === !0 && !this.path.some(xv));
+        this.animationProgress = 0, this.mixTargetDelta = function(S) {
+          var b, w = S / 1e3;
+          eo(p.x, a.x, w), eo(p.y, a.y, w), u.setTargetDelta(p), u.relativeTarget && u.relativeTargetOrigin && u.layout && (!((b = u.relativeParent) === null || b === void 0) && b.layout) && (lt(h, u.layout.actual, u.relativeParent.layout.actual), bv(u.relativeTarget, u.relativeTargetOrigin, h, w)), g && (u.animationValues = v, nv(v, f, u.latestValues, w, y, m)), u.root.scheduleUpdateProjection(), u.scheduleRender(), u.animationProgress = w;
         }, this.mixTargetDelta(0);
       }, s.prototype.startAnimation = function(a) {
         var l = this, u, c;
@@ -7321,18 +7348,18 @@ function ia(e) {
           var m = {};
           return this.options.layoutId && (m.opacity = (u = this.latestValues.opacity) !== null && u !== void 0 ? u : 1, m.pointerEvents = Bt(a.pointerEvents) || ""), this.hasProjected && !Ie(this.latestValues) && (m.transform = h ? h({}, "") : "none", this.hasProjected = !1), m;
         }
-        var S = g.animationValues || g.latestValues;
-        this.applyTransformsToTarget(), p.transform = Zi(this.projectionDeltaWithTransform, this.treeScale, S), h && (p.transform = h(S, p.transform));
-        var y = this.projectionDelta, b = y.x, w = y.y;
-        p.transformOrigin = "".concat(b.origin * 100, "% ").concat(w.origin * 100, "% 0"), g.animationValues ? p.opacity = g === this ? (d = (c = S.opacity) !== null && c !== void 0 ? c : this.latestValues.opacity) !== null && d !== void 0 ? d : 1 : this.preserveOpacity ? this.latestValues.opacity : S.opacityExit : p.opacity = g === this ? (f = S.opacity) !== null && f !== void 0 ? f : "" : (v = S.opacityExit) !== null && v !== void 0 ? v : 0;
-        for (var x in Ut)
-          if (S[x] !== void 0) {
-            var C = Ut[x], _ = C.correct, T = C.applyTo, P = _(S[x], g);
-            if (T)
-              for (var A = T.length, I = 0; I < A; I++)
-                p[T[I]] = P;
+        var y = g.animationValues || g.latestValues;
+        this.applyTransformsToTarget(), p.transform = Zi(this.projectionDeltaWithTransform, this.treeScale, y), h && (p.transform = h(y, p.transform));
+        var S = this.projectionDelta, b = S.x, w = S.y;
+        p.transformOrigin = "".concat(b.origin * 100, "% ").concat(w.origin * 100, "% 0"), g.animationValues ? p.opacity = g === this ? (d = (c = y.opacity) !== null && c !== void 0 ? c : this.latestValues.opacity) !== null && d !== void 0 ? d : 1 : this.preserveOpacity ? this.latestValues.opacity : y.opacityExit : p.opacity = g === this ? (f = y.opacity) !== null && f !== void 0 ? f : "" : (v = y.opacityExit) !== null && v !== void 0 ? v : 0;
+        for (var _ in Ut)
+          if (y[_] !== void 0) {
+            var T = Ut[_], E = T.correct, x = T.applyTo, P = E(y[_], g);
+            if (x)
+              for (var A = x.length, I = 0; I < A; I++)
+                p[x[I]] = P;
             else
-              p[x] = P;
+              p[_] = P;
           }
         return this.options.layoutId && (p.pointerEvents = g === this ? Bt(a.pointerEvents) || "" : "none"), p;
       }, s.prototype.clearSnapshot = function() {
@@ -7353,12 +7380,12 @@ function pv(e) {
   var t, n, r, i, o = (n = (t = e.resumeFrom) === null || t === void 0 ? void 0 : t.snapshot) !== null && n !== void 0 ? n : e.snapshot;
   if (e.isLead() && e.layout && o && e.hasListeners("didUpdate")) {
     var s = e.layout, a = s.actual, l = s.measured;
-    e.options.animationType === "size" ? me(function(S) {
-      var y = o.isShared ? o.measured[S] : o.layout[S], b = Ee(y);
-      y.min = a[S].min, y.max = y.min + b;
-    }) : e.options.animationType === "position" && me(function(S) {
-      var y = o.isShared ? o.measured[S] : o.layout[S], b = Ee(a[S]);
-      y.max = y.min + b;
+    e.options.animationType === "size" ? me(function(y) {
+      var S = o.isShared ? o.measured[y] : o.layout[y], b = Ee(S);
+      S.min = a[y].min, S.max = S.min + b;
+    }) : e.options.animationType === "position" && me(function(y) {
+      var S = o.isShared ? o.measured[y] : o.layout[y], b = Ee(a[y]);
+      S.max = S.min + b;
     });
     var u = ut();
     at(u, a, o.layout);
@@ -7613,7 +7640,7 @@ function Fv({
   onDragProgress: r
 }) {
   const i = Or(0), o = 150, s = Rv(i, { stiffness: 300, damping: 30 }), a = Dv(s, [0, 300], [1, 0.95], { clamp: !0 }), l = sa();
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ C(
     oa.div,
     {
       style: {
@@ -7645,7 +7672,7 @@ const aa = ({
   height: t = "100%",
   fill: n = "white",
   ...r
-}) => /* @__PURE__ */ E(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7654,7 +7681,7 @@ const aa = ({
     fill: "none",
     viewBox: "0 0 24 24",
     ...r,
-    children: /* @__PURE__ */ E(
+    children: /* @__PURE__ */ C(
       "path",
       {
         fill: n,
@@ -7686,57 +7713,59 @@ function jv({
   stories: e,
   open: t,
   onClose: n,
-  initialSlide: r
+  initialSlide: r,
+  onButtonStoryClick: i
 }) {
-  const [i, o] = Z(!1), s = B(null), a = B(null);
+  const [o, s] = Z(!1), a = B(null), l = B(null);
   console.log(r);
-  const [l, u] = Z(r);
+  const [u, c] = Z(r);
   zv(t, () => n == null ? void 0 : n());
   const {
-    markStorySeen: c,
-    getNextUnseenStoryIndex: d
+    markStorySeen: d,
+    getNextUnseenStoryIndex: f
   } = po({ container: "HOME" });
-  return t ? /* @__PURE__ */ E("div", { className: Ct.StoryCube, children: /* @__PURE__ */ U("div", { className: Ct.AtSwiperCubeWrap, ref: s, children: [
-    /* @__PURE__ */ E("div", { className: Ct.CloseIcon, onClick: n, children: /* @__PURE__ */ E(aa, {}) }),
-    /* @__PURE__ */ E(Fv, { disabled: !1, onClose: n, children: /* @__PURE__ */ E(
+  return t ? /* @__PURE__ */ C("div", { className: Ct.StoryCube, children: /* @__PURE__ */ U("div", { className: Ct.AtSwiperCubeWrap, ref: a, children: [
+    /* @__PURE__ */ C("div", { className: Ct.CloseIcon, onClick: n, children: /* @__PURE__ */ C(aa, {}) }),
+    /* @__PURE__ */ C(Fv, { disabled: !1, onClose: n, children: /* @__PURE__ */ C(
       Mo,
       {
         modules: [uu, au],
         effect: "cube",
-        onSliderMove: () => o(!0),
-        onTransitionEnd: () => o(!1),
-        onSwiper: (f) => a.current = f,
+        onSliderMove: () => s(!0),
+        onTransitionEnd: () => s(!1),
+        onSwiper: (v) => l.current = v,
         cubeEffect: {
           shadow: !1,
           slideShadows: !1
         },
         className: Ct.AtSwiperCube,
-        onSlideChange: (f) => {
-          u(f.activeIndex);
+        onSlideChange: (v) => {
+          c(v.activeIndex);
         },
-        initialSlide: l,
-        children: e == null ? void 0 : e.map((f, v) => (console.log(f.id), console.log(
+        initialSlide: u,
+        children: e == null ? void 0 : e.map((v, p) => (console.log(v.id), console.log(
           "getNextUnseenStoryIndex=> ",
-          d(f)
-        ), /* @__PURE__ */ E(Ao, { children: /* @__PURE__ */ E(
+          f(v)
+        ), /* @__PURE__ */ C(Ao, { children: /* @__PURE__ */ C(
           Qu,
           {
-            initialIndex: d(f),
-            play: l == v,
-            story: f,
-            onChangeStory: (p, h) => {
-              c(f == null ? void 0 : f.id, h == null ? void 0 : h.id);
+            onButtonStoryClick: i,
+            initialIndex: f(v),
+            play: u == p,
+            story: v,
+            onChangeStory: (h, g) => {
+              d(v == null ? void 0 : v.id, g == null ? void 0 : g.id);
             },
             onAllStoriesEnd: () => {
-              var p;
-              (p = a.current) == null || p.slideNext();
-            },
-            onLeft: (p) => {
               var h;
-              p == -1 && ((h = a.current) == null || h.slidePrev());
+              (h = l.current) == null || h.slideNext();
+            },
+            onLeft: (h) => {
+              var g;
+              h == -1 && ((g = l.current) == null || g.slidePrev());
             }
           }
-        ) }, f == null ? void 0 : f.id)))
+        ) }, v == null ? void 0 : v.id)))
       }
     ) })
   ] }) }) : null;
@@ -7941,54 +7970,62 @@ var Vn, Hv = (Vn = "indiana-scroll-container", function(e, t) {
     return Y.createElement(l, { className: Gv(o, this.pressed && i, Hv({ dragging: this.pressed, "hide-scrollbars": a, "native-scroll": this.isMobile })), style: s, ref: this.getRef, onScroll: this.onScroll }, r);
   }, t.defaultProps = { nativeMobileScroll: !0, hideScrollbars: !0, activationDistance: 10, vertical: !0, horizontal: !0, stopPropagation: !1, style: {}, component: "div", buttons: [0] }, t;
 }(fa);
-const Oh = ({ className: e = "", data: t, isPortal: n = !0 }) => {
-  const [r, i] = Z(null), o = (v) => i(v), [s, a] = Z(t), { hasSeenAllStories: l, sortProfilesBySeenStatus: u } = po();
+const Oh = ({
+  className: e = "",
+  data: t,
+  isPortal: n = !0,
+  onButtonStoryClick: r
+}) => {
+  const [i, o] = Z(null), s = (p) => o(p), [a, l] = Z(t), { hasSeenAllStories: u, sortProfilesBySeenStatus: c } = po();
   F(() => {
-    a(
-      u(t == null ? void 0 : t.filter((v) => v.stories.length))
+    l(
+      c(t == null ? void 0 : t.filter((p) => p.stories.length))
     );
   }, [t]);
-  const c = s == null ? void 0 : s.findIndex((v) => v.id == r);
+  const d = a == null ? void 0 : a.findIndex((p) => p.id == i);
   Aa({
     targets: [document],
-    scroll: r ? "OFF" : "ON"
+    scroll: i ? "OFF" : "ON"
   });
-  const d = () => {
-    a(
-      u(t == null ? void 0 : t.filter((v) => v.stories.length))
-    ), i(null);
-  }, f = () => r ? pa.createPortal(
-    /* @__PURE__ */ E(
+  const f = () => {
+    l(
+      c(t == null ? void 0 : t.filter((p) => p.stories.length))
+    ), o(null);
+  }, v = () => i ? pa.createPortal(
+    /* @__PURE__ */ C(
       jv,
       {
-        stories: s,
-        open: r,
-        onClose: d,
-        initialSlide: c
+        stories: a,
+        open: i,
+        onClose: f,
+        initialSlide: d,
+        onButtonStoryClick: (p) => {
+          f(), r == null || r(p);
+        }
       }
     ),
     document.body
   ) : null;
-  return s != null && s.length ? /* @__PURE__ */ U(jt, { children: [
-    /* @__PURE__ */ E(
+  return a != null && a.length ? /* @__PURE__ */ U(jt, { children: [
+    /* @__PURE__ */ C(
       Wv,
       {
         className: Se(Rr.ScrollContainerClassName, e),
-        children: s == null ? void 0 : s.map((v, p) => /* @__PURE__ */ E("div", { className: Rr.ItemClassName, children: /* @__PURE__ */ E(
+        children: a == null ? void 0 : a.map((p, h) => /* @__PURE__ */ C("div", { className: Rr.ItemClassName, children: /* @__PURE__ */ C(
           fo,
           {
-            hasSeenAllStories: l(v),
-            onProfileClick: () => o(v == null ? void 0 : v.id),
-            color: v == null ? void 0 : v.color,
-            image: v == null ? void 0 : v.avatar,
-            title: v == null ? void 0 : v.name
+            hasSeenAllStories: u(p),
+            onProfileClick: () => s(p == null ? void 0 : p.id),
+            color: p == null ? void 0 : p.color,
+            image: p == null ? void 0 : p.avatar,
+            title: p == null ? void 0 : p.name
           },
-          v == null ? void 0 : v.id
+          p == null ? void 0 : p.id
         ) }))
       }
     ),
-    r != null && f()
-  ] }) : /* @__PURE__ */ E(jt, {});
+    i != null && v()
+  ] }) : /* @__PURE__ */ C(jt, {});
 }, Uv = "_StoryPlayer_v4m0s_1", qv = "_Overlay_v4m0s_15", Yv = "_StoryPlayer__Wrap_v4m0s_25", Xv = "_progressContainer_v4m0s_37", Kv = "_CloseIcon_v4m0s_41", Zv = "_inline_v4m0s_57", Jv = "_progressBarContainer_v4m0s_75", Qv = "_progressBar_v4m0s_75", Me = {
   StoryPlayer: Uv,
   Overlay: qv,
@@ -8027,7 +8064,7 @@ function nh(e) {
       return u(v);
     } };
   }
-  return U(uo, { children: [E("div", q({ className: eh }, d(Ln.LEFT))), E("div", q({ className: th }, d(Ln.RIGHT)))] });
+  return U(uo, { children: [C("div", q({ className: eh }, d(Ln.LEFT))), C("div", q({ className: th }, d(Ln.RIGHT)))] });
 }
 function cn() {
   return ee(ua);
@@ -8057,20 +8094,20 @@ function oh(e) {
     }) : function() {
       r.current && (r.current = null), cancelAnimationFrame(r.current), i.current = null;
     };
-  }, [n]), E("div", q({ className: "".concat(rh, " ").concat((l == null ? void 0 : l.progressBarContainer) || ""), ref: c }, { children: E("div", { className: "".concat(ih, " ").concat((l == null ? void 0 : l.progressBar) || ""), ref: u }) }));
+  }, [n]), C("div", q({ className: "".concat(rh, " ").concat((l == null ? void 0 : l.progressBarContainer) || ""), ref: c }, { children: C("div", { className: "".concat(ih, " ").concat((l == null ? void 0 : l.progressBar) || ""), ref: u }) }));
 }
 var sh = "progress-styles_wrapper__qQPyW";
 function ah(e) {
   var t = cn(), n = t.stories, r = t.classNames;
-  return E("div", q({ className: "".concat(sh, " ").concat((r == null ? void 0 : r.progressContainer) || ""), style: { gridTemplateColumns: "repeat(".concat(n.length, ",1fr)") } }, { children: n.map(function(i) {
-    return E(oh, { hasStoryPassed: i.index < e.activeStoryIndex, isActive: i.index === e.activeStoryIndex, story: i, isPaused: i.index === e.activeStoryIndex && e.isPaused }, i.index);
+  return C("div", q({ className: "".concat(sh, " ").concat((r == null ? void 0 : r.progressContainer) || ""), style: { gridTemplateColumns: "repeat(".concat(n.length, ",1fr)") } }, { children: n.map(function(i) {
+    return C(oh, { hasStoryPassed: i.index < e.activeStoryIndex, isActive: i.index === e.activeStoryIndex, story: i, isPaused: i.index === e.activeStoryIndex && e.isPaused }, i.index);
   }) }));
 }
 var On = Object.freeze({ IMAGE: "image", VIDEO: "video", COMPONENT: "component" }), lh = "Story-styles_wrapper__oJP7j", uh = "Story-styles_header__-rnWL", ch = "Image-styles_image__gnfW1";
 function dh(e) {
   return F(function() {
     e.onPause();
-  }, []), E("img", { className: ch, src: e.story.url, alt: "story", onLoad: function() {
+  }, []), C("img", { className: ch, src: e.story.url, alt: "story", onLoad: function() {
     setTimeout(function() {
       e.onResume();
     }, 4);
@@ -8078,7 +8115,7 @@ function dh(e) {
 }
 var Dn, fh = "Video-styles_video__BykuO", ph = "Video-styles_loaderWrapper__TqVWk", vh = "Video-styles_loader__FxxSV", hh = "Video-styles_soundIcon__ZvYXE";
 function mh(e) {
-  return e.type === "off" ? E("svg", q({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: E("path", { d: "M3 9v6h-1v-6h1zm13-7l-9 5v2.288l7-3.889v13.202l-7-3.889v2.288l9 5v-20zm-11 5h-5v10h5v-10zm17.324 4.993l1.646-1.659-1.324-1.324-1.651 1.67-1.665-1.648-1.316 1.318 1.67 1.657-1.65 1.669 1.318 1.317 1.658-1.672 1.666 1.653 1.324-1.325-1.676-1.656z" }) })) : E("svg", q({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: E("path", { d: "M22 0v24l-11-6v-2.278l9 4.909v-17.262l-9 4.91v-2.279l11-6zm-13 6v12h-7v-12h7zm-2 2h-3v8h3v-8z" }) }));
+  return e.type === "off" ? C("svg", q({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: C("path", { d: "M3 9v6h-1v-6h1zm13-7l-9 5v2.288l7-3.889v13.202l-7-3.889v2.288l9 5v-20zm-11 5h-5v10h5v-10zm17.324 4.993l1.646-1.659-1.324-1.324-1.651 1.67-1.665-1.648-1.316 1.318 1.67 1.657-1.65 1.669 1.318 1.317 1.658-1.672 1.666 1.653 1.324-1.325-1.676-1.656z" }) })) : C("svg", q({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: C("path", { d: "M22 0v24l-11-6v-2.278l9 4.909v-17.262l-9 4.91v-2.279l11-6zm-13 6v12h-7v-12h7zm-2 2h-3v8h3v-8z" }) }));
 }
 var or = "RSIsMute", qe = typeof window > "u" ? {} : window;
 function gh(e) {
@@ -8098,40 +8135,40 @@ function gh(e) {
     setTimeout(function() {
       e.onResume(), l(!1);
     }, 4);
-  }, muted: i }, { children: [E("source", { src: e.story.url, type: "video/mp4" }), E("source", { src: e.story.url, type: "video/webm" }), E("source", { src: e.story.url, type: "video/ogg" }), E("p", { children: "Video not supported" })] })), E("div", q({ className: hh, onClick: function() {
+  }, muted: i }, { children: [C("source", { src: e.story.url, type: "video/mp4" }), C("source", { src: e.story.url, type: "video/webm" }), C("source", { src: e.story.url, type: "video/ogg" }), C("p", { children: "Video not supported" })] })), C("div", q({ className: hh, onClick: function() {
     return c(!i);
-  } }, { children: E(mh, { type: i ? "off" : "on" }) })), a && E("div", q({ className: ph }, { children: E("div", { className: vh }) }))] });
+  } }, { children: C(mh, { type: i ? "off" : "on" }) })), a && C("div", q({ className: ph }, { children: C("div", { className: vh }) }))] });
 }
 (Dn = qe == null ? void 0 : qe.localStorage) === null || Dn === void 0 || Dn.setItem(or, "true");
 var yh = "CustomComponents-styles_component__w87Wx";
 function Sh(e) {
-  return E("div", q({ className: yh }, { children: E(e.story.component, { pause: e.onPause, resume: e.onResume, story: e.story, isPaused: e.isPaused }) }));
+  return C("div", q({ className: yh }, { children: C(e.story.component, { pause: e.onPause, resume: e.onResume, story: e.story, isPaused: e.isPaused }) }));
 }
 var wh = "SeeMore-styles_seeMoreWrapper__kwjif", bh = "SeeMore-styles_defaultSeeMore__-B1QW";
 function xh(e) {
-  return e.story.seeMore ? E("button", q({ type: "button", onClick: function() {
+  return e.story.seeMore ? C("button", q({ type: "button", onClick: function() {
     e.onSeeMoreClick();
   }, className: wh }, { children: function() {
     var t = e.story.seeMore, n = typeof t;
     if (["string", "boolean"].includes(n)) {
       var r = n === "string" ? t : "See More";
-      return U("div", q({ className: bh }, { children: [E("span", { children: "^" }), E("p", { children: r })] }));
+      return U("div", q({ className: bh }, { children: [C("span", { children: "^" }), C("p", { children: r })] }));
     }
-    return n === "function" ? E(e.story.seeMore, {}) : e.story.seeMore;
+    return n === "function" ? C(e.story.seeMore, {}) : e.story.seeMore;
   }() })) : null;
 }
 var Th = "SeeMoreComponent-styles_seeMoreComponentWrapper__0T6Ap", Ph = "SeeMoreComponent-styles_closeIcon__LMm3b";
 function Eh(e) {
-  return e.story.seeMore && e.story.seeMoreComponent ? U("div", q({ className: Th }, { children: [E("button", q({ className: Ph, onClick: e.onClose }, { children: "✕" })), typeof e.story.seeMoreComponent == "function" ? E(e.story.seeMoreComponent, {}) : e.story.seeMoreComponent] })) : null;
+  return e.story.seeMore && e.story.seeMoreComponent ? U("div", q({ className: Th }, { children: [C("button", q({ className: Ph, onClick: e.onClose }, { children: "✕" })), typeof e.story.seeMoreComponent == "function" ? C(e.story.seeMoreComponent, {}) : e.story.seeMoreComponent] })) : null;
 }
 function Ch(e) {
   var t = Z(!1), n = t[0], r = t[1], i = cn().classNames;
   return F(function() {
     r(!1);
-  }, [e.story]), U("div", q({ className: "".concat(lh, " ").concat((i == null ? void 0 : i.storyContainer) || "") }, { children: [e.story.type === On.IMAGE ? E(dh, q({}, e)) : e.story.type === On.VIDEO ? E(gh, q({}, e)) : e.story.type === On.COMPONENT ? E(Sh, q({}, e)) : null, e.story.header && E("div", q({ className: uh }, { children: typeof e.story.header == "function" ? E(e.story.header, {}) : e.story.header })), E(xh, { onSeeMoreClick: function() {
+  }, [e.story]), U("div", q({ className: "".concat(lh, " ").concat((i == null ? void 0 : i.storyContainer) || "") }, { children: [e.story.type === On.IMAGE ? C(dh, q({}, e)) : e.story.type === On.VIDEO ? C(gh, q({}, e)) : e.story.type === On.COMPONENT ? C(Sh, q({}, e)) : null, e.story.header && C("div", q({ className: uh }, { children: typeof e.story.header == "function" ? C(e.story.header, {}) : e.story.header })), C(xh, { onSeeMoreClick: function() {
     var o, s;
     e.onPause(), r(!0), (s = (o = e.story).onSeeMoreClick) === null || s === void 0 || s.call(o, e.story.index);
-  }, story: e.story }), n && E(Eh, { story: e.story, onClose: function() {
+  }, story: e.story }), n && C(Eh, { story: e.story, onClose: function() {
     e.onResume(), r(!1);
   } })] }));
 }
@@ -8141,17 +8178,17 @@ function ao(e) {
 }
 function Mh(e) {
   var t, n, r, i, o, s, a, l = e.stories, u = l === void 0 ? [] : l, c = e.width, d = c === void 0 ? "100%" : c, f = e.height, v = f === void 0 ? "100%" : f, p = e.onStoryChange, h = p === void 0 ? function() {
-  } : p, g = e.currentIndex, m = g === void 0 ? 0 : g, S = e.defaultDuration, y = S === void 0 ? 1e4 : S, b = e.onAllStoriesEnd, w = b === void 0 ? function() {
-  } : b, x = e.onStoriesStart, C = x === void 0 ? function() {
-  } : x, _ = e.classNames, T = _ === void 0 ? {} : _, P = e.pauseStoryWhenInActiveWindow, A = P === void 0 || P, I = mt(function() {
+  } : p, g = e.currentIndex, m = g === void 0 ? 0 : g, y = e.defaultDuration, S = y === void 0 ? 1e4 : y, b = e.onAllStoriesEnd, w = b === void 0 ? function() {
+  } : b, _ = e.onStoriesStart, T = _ === void 0 ? function() {
+  } : _, E = e.classNames, x = E === void 0 ? {} : E, P = e.pauseStoryWhenInActiveWindow, A = P === void 0 || P, I = mt(function() {
     return function(z, ne) {
       var he = 0;
       return z.map(function(we, ca) {
         var Dr = we.duration || ne, Tt = Dr + ao();
         return Tt === he && (Tt = Dr + ao(6)), he = Tt, q(q({}, we), { index: ca, calculatedDuration: Tt });
       });
-    }(u, y);
-  }, [u, y]), L = Z(), N = L[0], j = L[1], D = u.length - 1, G = Z(!1), H = G[0], k = G[1], J = B(!1), ce = B(!1);
+    }(u, S);
+  }, [u, S]), L = Z(), N = L[0], j = L[1], D = u.length - 1, G = Z(!1), H = G[0], k = G[1], J = B(!1), ce = B(!1);
   function Q() {
     J.current || (N == null ? void 0 : N.index) !== D || (w(), J.current = !0), (N == null ? void 0 : N.index) !== D && j(function(z) {
       if (!z) return I[0];
@@ -8166,8 +8203,8 @@ function Mh(e) {
     k(!1);
   }
   F(function() {
-    ce.current || (ce.current = !0, C());
-  }, [C]), F(function() {
+    ce.current || (ce.current = !0, T());
+  }, [T]), F(function() {
     var z = I[m];
     z && j(z);
   }, [m, u]), F(function() {
@@ -8210,8 +8247,8 @@ function Mh(e) {
   }(function(z) {
     A && k(!z);
   });
-  var O = { stories: I, width: d, height: v, defaultDuration: y, isPaused: H, classNames: T };
-  return N ? E(ua.Provider, q({ value: O }, { children: U("div", q({ className: "".concat(_h, " ").concat(T.main || ""), style: { width: d, height: v } }, { children: [E(ah, { activeStoryIndex: N.index, isPaused: H }), E(Ch, { onPause: $, onResume: V, story: N, isPaused: H }, N.index), E(nh, { onNextClick: Q, onPrevClick: function() {
+  var O = { stories: I, width: d, height: v, defaultDuration: S, isPaused: H, classNames: x };
+  return N ? C(ua.Provider, q({ value: O }, { children: U("div", q({ className: "".concat(_h, " ").concat(x.main || ""), style: { width: d, height: v } }, { children: [C(ah, { activeStoryIndex: N.index, isPaused: H }), C(Ch, { onPause: $, onResume: V, story: N, isPaused: H }, N.index), C(nh, { onNextClick: Q, onPrevClick: function() {
     (N == null ? void 0 : N.index) !== 0 && j(function(z) {
       if (!z) return I[0];
       var ne = (z == null ? void 0 : z.index) - 1;
@@ -8233,7 +8270,7 @@ const Ah = ({
       transition: { type: "spring", stiffness: 300, damping: 30 }
     });
   };
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ C(
     oa.div,
     {
       ref: r,
@@ -8271,7 +8308,7 @@ const Ah = ({
   }, f = () => {
     n && n(), s && d();
   };
-  if ((e == null ? void 0 : e.length) == 0) return /* @__PURE__ */ E(jt, {});
+  if ((e == null ? void 0 : e.length) == 0) return /* @__PURE__ */ C(jt, {});
   const v = o ? ({ children: p }) => p : Ah;
   return /* @__PURE__ */ U(
     "div",
@@ -8280,10 +8317,10 @@ const Ah = ({
         [Me.inline]: o
       }),
       children: [
-        /* @__PURE__ */ E("div", { className: Me.Overlay, onClick: r }),
-        /* @__PURE__ */ E("div", { className: Me.StoryPlayer__Wrap, children: /* @__PURE__ */ U(v, { onClose: a, children: [
-          /* @__PURE__ */ E("div", { className: Me.CloseIcon, onClick: a, children: /* @__PURE__ */ E(aa, {}) }),
-          /* @__PURE__ */ E(
+        /* @__PURE__ */ C("div", { className: Me.Overlay, onClick: r }),
+        /* @__PURE__ */ C("div", { className: Me.StoryPlayer__Wrap, children: /* @__PURE__ */ U(v, { onClose: a, children: [
+          /* @__PURE__ */ C("div", { className: Me.CloseIcon, onClick: a, children: /* @__PURE__ */ C(aa, {}) }),
+          /* @__PURE__ */ C(
             Mh,
             {
               onStoryChange: i,