@maycolem/stories 9.0.0 → 11.0.0

package/dist/index.esm.js

@@ -199,14 +199,14 @@ const Tr = (t) => typeof t == "object" && t != null && t.nodeType === 1, wr = (t
   if (typeof document > "u") return [];
   const { scrollMode: i, block: s, inline: u, boundary: l, skipOverflowHiddenElements: c } = e, f = typeof l == "function" ? l : (_) => _ !== l;
   if (!Tr(t)) throw new TypeError("Invalid target");
-  const d = document.scrollingElement || document.documentElement, v = [];
-  let p = t;
-  for (; Tr(p) && f(p); ) {
-    if (p = cs(p), p === d) {
-      v.push(p);
+  const d = document.scrollingElement || document.documentElement, p = [];
+  let v = t;
+  for (; Tr(v) && f(v); ) {
+    if (v = cs(v), v === d) {
+      p.push(v);
       break;
     }
-    p != null && p === document.body && fn(p) && !fn(document.documentElement) || p != null && fn(p, c) && v.push(p);
+    v != null && v === document.body && fn(v) && !fn(document.documentElement) || v != null && fn(v, c) && p.push(v);
   }
   const h = (r = (n = window.visualViewport) == null ? void 0 : n.width) != null ? r : innerWidth, g = (a = (o = window.visualViewport) == null ? void 0 : o.height) != null ? a : innerHeight, { scrollX: m, scrollY: b } = window, { height: y, width: P, top: w, right: E, bottom: R, left: j } = t.getBoundingClientRect(), { top: M, right: k, bottom: rt, left: q } = ((_) => {
     const I = window.getComputedStyle(_);
@@ -214,8 +214,8 @@ const Tr = (t) => typeof t == "object" && t != null && t.nodeType === 1, wr = (t
   })(t);
   let H = s === "start" || s === "nearest" ? w - M : s === "end" ? R + rt : w + y / 2 - M + rt, O = u === "center" ? j + P / 2 - q + k : u === "end" ? E + k : j - q;
   const K = [];
-  for (let _ = 0; _ < v.length; _++) {
-    const I = v[_], { height: it, width: at, top: ut, right: W, bottom: J, left: D } = I.getBoundingClientRect();
+  for (let _ = 0; _ < p.length; _++) {
+    const I = p[_], { height: it, width: at, top: ut, right: W, bottom: J, left: D } = I.getBoundingClientRect();
     if (i === "if-needed" && w >= 0 && j >= 0 && R <= g && E <= h && w >= ut && R <= J && j >= D && E <= W) return K;
     const T = getComputedStyle(I), V = parseInt(T.borderLeftWidth, 10), N = parseInt(T.borderTopWidth, 10), L = parseInt(T.borderRightWidth, 10), B = parseInt(T.borderBottomWidth, 10);
     let G = 0, nt = 0;
@@ -259,9 +259,9 @@ function Zo(t) {
 function fs(t, e, n) {
   let r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 600, o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : (c) => 1 + --c * c * c * c * c, a = arguments.length > 5 ? arguments[5] : void 0, i = arguments.length > 6 ? arguments[6] : void 0;
   const s = t, u = t.scrollLeft, l = t.scrollTop;
-  Zo({ scrollable: s, method: (c, f, d, v) => {
-    const p = Math.ceil(c), h = Math.ceil(f);
-    t.scrollLeft = p, t.scrollTop = h, i == null || i({ target: t, elapsed: d, value: v, left: p, top: h });
+  Zo({ scrollable: s, method: (c, f, d, p) => {
+    const v = Math.ceil(c), h = Math.ceil(f);
+    t.scrollLeft = v, t.scrollTop = h, i == null || i({ target: t, elapsed: d, value: p, left: v, top: h });
   }, startTime: Xo(), startX: u, startY: l, x: e, y: n, duration: r, ease: o, cb: a });
 }
 const ds = function(t, e) {
@@ -313,9 +313,9 @@ function xs({ items: t, itemsChanged: e, refs: n, options: r }) {
   const o = C.useRef(), a = C.useCallback((i) => {
     t.setBatch(function(s, u) {
       return [...s].map((l) => {
-        var c, f, d, v;
-        const p = l.target, h = String((f = (c = p == null ? void 0 : p.dataset) === null || c === void 0 ? void 0 : c.key) !== null && f !== void 0 ? f : pt);
-        return [h, { index: String((v = (d = p == null ? void 0 : p.dataset) === null || d === void 0 ? void 0 : d.index) !== null && v !== void 0 ? v : pt), key: h, entry: l, visible: l.intersectionRatio >= u.ratio }];
+        var c, f, d, p;
+        const v = l.target, h = String((f = (c = v == null ? void 0 : v.dataset) === null || c === void 0 ? void 0 : c.key) !== null && f !== void 0 ? f : pt);
+        return [h, { index: String((p = (d = v == null ? void 0 : v.dataset) === null || d === void 0 ? void 0 : d.index) !== null && p !== void 0 ? p : pt), key: h, entry: l, visible: l.intersectionRatio >= u.ratio }];
       });
     }(i, r));
   }, [t, r]);
@@ -328,7 +328,7 @@ function xs({ items: t, itemsChanged: e, refs: n, options: r }) {
 }
 const Ps = (t) => C.Children.toArray(t).map(Ko).filter(Boolean), Cr = { ratio: 0.9, rootMargin: "5px", threshold: [0.05, 0.5, 0.75, 0.95] }, Ts = { current: {} }, Ae = () => {
 };
-function ws({ LeftArrow: t, RightArrow: e, children: n, Header: r, Footer: o, transitionDuration: a = 500, transitionBehavior: i, onInit: s = Ae, onUpdate: u = Ae, onMouseDown: l, onMouseLeave: c, onMouseUp: f, onMouseMove: d, onScroll: v = Ae, onTouchMove: p, onTouchStart: h, onTouchEnd: g, onWheel: m = Ae, options: b = Cr, scrollContainerClassName: y = pt, containerRef: P = ss, itemClassName: w = pt, wrapperClassName: E = pt, apiRef: R = Ts, RTL: j, noPolyfill: M }) {
+function ws({ LeftArrow: t, RightArrow: e, children: n, Header: r, Footer: o, transitionDuration: a = 500, transitionBehavior: i, onInit: s = Ae, onUpdate: u = Ae, onMouseDown: l, onMouseLeave: c, onMouseUp: f, onMouseMove: d, onScroll: p = Ae, onTouchMove: v, onTouchStart: h, onTouchEnd: g, onWheel: m = Ae, options: b = Cr, scrollContainerClassName: y = pt, containerRef: P = ss, itemClassName: w = pt, wrapperClassName: E = pt, apiRef: R = Ts, RTL: j, noPolyfill: M }) {
   const k = Ce(t), rt = Ce(e), q = Ce(r), H = Ce(o), O = C.useRef(null), [K] = C.useState({}), _ = C.useMemo(() => Object.assign(Object.assign(Object.assign({}, Cr), b), { root: O.current }), [b]), I = C.useRef(new ls()).current, it = function(L, B) {
     const [G, nt] = C.useState(pt), ot = C.useMemo(() => Ps(L), [L]);
     return C.useEffect(() => {
@@ -382,8 +382,8 @@ function ws({ LeftArrow: t, RightArrow: e, children: n, Header: r, Footer: o, tr
   })({ context: W, onInit: s, onUpdate: u }), C.useEffect(() => J(ut()), [ut]), C.useEffect(() => {
     An(R) ? R.current = W : R(W);
   }, [W, R]);
-  const D = C.useCallback((L) => v(W, L), [v, W]), T = C.useCallback((L) => m(W, L), [m, W]), V = C.useMemo(() => `${ts} ${E}`, [E]), N = C.useMemo(() => `${y}${j ? " rtl" : pt}`, [j, y]);
-  return C.createElement("div", { className: V, onWheel: T, onMouseDown: l == null ? void 0 : l(W), onMouseLeave: c == null ? void 0 : c(W), onMouseUp: f == null ? void 0 : f(W), onMouseMove: d == null ? void 0 : d(W), onTouchStart: h == null ? void 0 : h(W), onTouchMove: p == null ? void 0 : p(W), onTouchEnd: g == null ? void 0 : g(W) }, C.createElement(Ss.Provider, { value: W }, C.createElement("div", { className: ns }, q), C.createElement("div", { className: es }, C.createElement("div", { className: rs }, k), C.createElement(ys, { className: N, onScroll: D, scrollRef: O, containerRef: P }, C.createElement(gs, { refs: K, itemClassName: w }, n)), C.createElement("div", { className: os }, rt)), C.createElement("div", { className: is }, H)));
+  const D = C.useCallback((L) => p(W, L), [p, W]), T = C.useCallback((L) => m(W, L), [m, W]), V = C.useMemo(() => `${ts} ${E}`, [E]), N = C.useMemo(() => `${y}${j ? " rtl" : pt}`, [j, y]);
+  return C.createElement("div", { className: V, onWheel: T, onMouseDown: l == null ? void 0 : l(W), onMouseLeave: c == null ? void 0 : c(W), onMouseUp: f == null ? void 0 : f(W), onMouseMove: d == null ? void 0 : d(W), onTouchStart: h == null ? void 0 : h(W), onTouchMove: v == null ? void 0 : v(W), onTouchEnd: g == null ? void 0 : g(W) }, C.createElement(Ss.Provider, { value: W }, C.createElement("div", { className: ns }, q), C.createElement("div", { className: es }, C.createElement("div", { className: rs }, k), C.createElement(ys, { className: N, onScroll: D, scrollRef: O, containerRef: P }, C.createElement(gs, { refs: K, itemClassName: w }, n)), C.createElement("div", { className: os }, rt)), C.createElement("div", { className: is }, H)));
 }
 const Vs = "_StoryPlayer_3s15o_1", Es = "_Overlay_3s15o_15", Cs = "_StoryPlayer__Wrap_3s15o_25", As = "_progressContainer_3s15o_37", Rs = "_CloseIcon_3s15o_41", Ms = "_inline_3s15o_57", Is = "_progressBarContainer_3s15o_75", Os = "_progressBar_3s15o_75", Ot = {
   StoryPlayer: Vs,
@@ -408,19 +408,19 @@ function js(t) {
       r(), s(!0);
     }, 200);
   }
-  function c(d, v) {
-    if (v.stopPropagation(), v.preventDefault(), clearTimeout(u.current), i) return o(), void s(!1);
+  function c(d, p) {
+    if (p.stopPropagation(), p.preventDefault(), clearTimeout(u.current), i) return o(), void s(!1);
     o(), d != pn.LEFT ? e() : n();
   }
   function f(d) {
-    return { onMouseUp: function(v) {
-      return c(d, v);
-    }, onTouchEnd: function(v) {
-      return c(d, v);
-    }, onTouchStart: function(v) {
-      return l(v);
-    }, onMouseDown: function(v) {
-      return l(v);
+    return { onMouseUp: function(p) {
+      return c(d, p);
+    }, onTouchEnd: function(p) {
+      return c(d, p);
+    }, onTouchStart: function(p) {
+      return l(p);
+    }, onMouseDown: function(p) {
+      return l(p);
     } };
   }
   return Z(Go, { children: [S("div", X({ className: Ls }, f(pn.LEFT))), S("div", X({ className: Ns }, f(pn.RIGHT)))] });
@@ -430,24 +430,24 @@ function Je() {
 }
 var Ds = "ProgressBar-styles_wrapper__oqUCo", Bs = "ProgressBar-styles_bar__x0O50", Ar = 0, Rr = 0.1;
 function ks(t) {
-  var e, n, r, o, a, i = Je(), s = i.defaultDuration, u = i.classNames, l = Q(null), c = Q(null), f = mt(!1), d = f[0], v = f[1];
+  var e, n, r, o, a, i = Je(), s = i.defaultDuration, u = i.classNames, l = Q(null), c = Q(null), f = mt(!1), d = f[0], p = f[1];
   return F(function() {
-    !t.isPaused && t.isActive && t.isActive ? v(!0) : v(!1);
+    !t.isPaused && t.isActive && t.isActive ? p(!0) : p(!1);
   }, [t.isActive, t.isPaused]), F(function() {
-    var p;
-    l.current && (t.hasStoryPassed ? l.current.style.width = "".concat((p = c == null ? void 0 : c.current) === null || p === void 0 ? void 0 : p.offsetWidth, "px") : l.current.style.width = "0px");
-  }, [t.hasStoryPassed, t.isActive]), e = function(p) {
+    var v;
+    l.current && (t.hasStoryPassed ? l.current.style.width = "".concat((v = c == null ? void 0 : c.current) === null || v === void 0 ? void 0 : v.offsetWidth, "px") : l.current.style.width = "0px");
+  }, [t.hasStoryPassed, t.isActive]), e = function(v) {
     var h;
-    l.current && c.current && ((Ar = Number((l.current.style.width || "1px").slice(0, l.current.style.width.length - 2)) || 0) > c.current.offsetWidth ? v(!1) : (Rr = ((h = c == null ? void 0 : c.current) === null || h === void 0 ? void 0 : h.offsetWidth) / ((t.story.duration || s) / p), l.current.style.width = "".concat(Ar + Rr, "px")));
+    l.current && c.current && ((Ar = Number((l.current.style.width || "1px").slice(0, l.current.style.width.length - 2)) || 0) > c.current.offsetWidth ? p(!1) : (Rr = ((h = c == null ? void 0 : c.current) === null || h === void 0 ? void 0 : h.offsetWidth) / ((t.story.duration || s) / v), l.current.style.width = "".concat(Ar + Rr, "px")));
   }, n = d, r = Q(), o = Q(), a = Q(e), F(function() {
     a.current = e;
   }, [e]), F(function() {
-    return n !== !1 ? (r.current = requestAnimationFrame(function p(h) {
+    return n !== !1 ? (r.current = requestAnimationFrame(function v(h) {
       if (o.current != null) {
         var g = h - o.current;
         a.current(g);
       }
-      o.current = h, r.current = requestAnimationFrame(p);
+      o.current = h, r.current = requestAnimationFrame(v);
     }), function() {
       cancelAnimationFrame(r.current), r.current = null, o.current = null;
     }) : function() {
@@ -536,8 +536,8 @@ function Mr(t) {
   return t === void 0 && (t = 4), Number(Math.random().toFixed(t));
 }
 function su(t) {
-  var e, n, r, o, a, i, s, u = t.stories, l = u === void 0 ? [] : u, c = t.width, f = c === void 0 ? "100%" : c, d = t.height, v = d === void 0 ? "100%" : d, p = t.onStoryChange, h = p === void 0 ? function() {
-  } : p, g = t.currentIndex, m = g === void 0 ? 0 : g, b = t.defaultDuration, y = b === void 0 ? 1e4 : b, P = t.onAllStoriesEnd, w = P === void 0 ? function() {
+  var e, n, r, o, a, i, s, u = t.stories, l = u === void 0 ? [] : u, c = t.width, f = c === void 0 ? "100%" : c, d = t.height, p = d === void 0 ? "100%" : d, v = t.onStoryChange, h = v === void 0 ? function() {
+  } : v, g = t.currentIndex, m = g === void 0 ? 0 : g, b = t.defaultDuration, y = b === void 0 ? 1e4 : b, P = t.onAllStoriesEnd, w = P === void 0 ? function() {
   } : P, E = t.onStoriesStart, R = E === void 0 ? function() {
   } : E, j = t.classNames, M = j === void 0 ? {} : j, k = t.pauseStoryWhenInActiveWindow, rt = k === void 0 || k, q = Ke(function() {
     return function(N, L) {
@@ -606,8 +606,8 @@ function su(t) {
   }(function(N) {
     rt && at(!N);
   });
-  var V = { stories: q, width: f, height: v, defaultDuration: y, isPaused: it, classNames: M };
-  return O ? S(Jo.Provider, X({ value: V }, { children: Z("div", X({ className: "".concat(au, " ").concat(M.main || ""), style: { width: f, height: v } }, { children: [S(Hs, { activeStoryIndex: O.index, isPaused: it }), S(iu, { onPause: D, onResume: T, story: O, isPaused: it }, O.index), S(js, { onNextClick: J, onPrevClick: function() {
+  var V = { stories: q, width: f, height: p, defaultDuration: y, isPaused: it, classNames: M };
+  return O ? S(Jo.Provider, X({ value: V }, { children: Z("div", X({ className: "".concat(au, " ").concat(M.main || ""), style: { width: f, height: p } }, { children: [S(Hs, { activeStoryIndex: O.index, isPaused: it }), S(iu, { onPause: D, onResume: T, story: O, isPaused: it }, O.index), S(js, { onNextClick: J, onPrevClick: function() {
     (O == null ? void 0 : O.index) !== 0 && K(function(N) {
       if (!N) return q[0];
       var L = (N == null ? void 0 : N.index) - 1;
@@ -922,12 +922,12 @@ function Vu(t) {
   function s(u, l) {
     var c = Eu(u);
     u = x(x({}, u), { layoutId: c });
-    var f = st(Jn), d = null, v = bu(u), p = f.isStatic ? void 0 : Pu(), h = a(u, f.isStatic);
-    return !f.isStatic && $t && (v.visualElement = hu(i, h, x(x({}, f), u), n), Tu(p, u, v.visualElement, r || pe.projectionNodeConstructor), d = cu(u, v.visualElement, e)), Cn.createElement(
+    var f = st(Jn), d = null, p = bu(u), v = f.isStatic ? void 0 : Pu(), h = a(u, f.isStatic);
+    return !f.isStatic && $t && (p.visualElement = hu(i, h, x(x({}, f), u), n), Tu(v, u, p.visualElement, r || pe.projectionNodeConstructor), d = cu(u, p.visualElement, e)), Cn.createElement(
       wu,
-      { visualElement: v.visualElement, props: x(x({}, f), u) },
+      { visualElement: p.visualElement, props: x(x({}, f), u) },
       d,
-      Cn.createElement(Qe.Provider, { value: v }, o(i, u, p, mu(h, v.visualElement, l), h, f.isStatic, v.visualElement))
+      Cn.createElement(Qe.Provider, { value: p }, o(i, u, v, mu(h, p.visualElement, l), h, f.isStatic, p.visualElement))
     );
   }
   return Oa(s);
@@ -1037,9 +1037,9 @@ var Rt = function(t) {
 function ju(t, e, n, r) {
   var o = t.transform, a = t.transformKeys, i = e.enableHardwareAcceleration, s = i === void 0 ? !0 : i, u = e.allowTransformNone, l = u === void 0 ? !0 : u, c = "";
   a.sort(Iu);
-  for (var f = !1, d = a.length, v = 0; v < d; v++) {
-    var p = a[v];
-    c += "".concat(Nu[p] || p, "(").concat(o[p], ") "), p === "z" && (f = !0);
+  for (var f = !1, d = a.length, p = 0; p < d; p++) {
+    var v = a[p];
+    c += "".concat(Nu[v] || v, "(").concat(o[v], ") "), v === "z" && (f = !0);
   }
   return !f && s ? c += "translateZ(0)" : c = c.trim(), r ? c = r(o, n ? "" : c) : l && n && (c = "none"), c;
 }
@@ -1218,18 +1218,18 @@ function $n(t, e, n, r) {
   var o, a = t.style, i = t.vars, s = t.transform, u = t.transformKeys, l = t.transformOrigin;
   u.length = 0;
   var c = !1, f = !1, d = !0;
-  for (var v in e) {
-    var p = e[v];
-    if (li(v)) {
-      i[v] = p;
+  for (var p in e) {
+    var v = e[p];
+    if (li(p)) {
+      i[p] = v;
       continue;
     }
-    var h = gi[v], g = Bu(p, h);
-    if (Pe(v)) {
-      if (c = !0, s[v] = g, u.push(v), !d)
+    var h = gi[p], g = Bu(v, h);
+    if (Pe(p)) {
+      if (c = !0, s[p] = g, u.push(p), !d)
         continue;
-      p !== ((o = h.default) !== null && o !== void 0 ? o : 0) && (d = !1);
-    } else si(v) ? (l[v] = g, f = !0) : a[v] = g;
+      v !== ((o = h.default) !== null && o !== void 0 ? o : 0) && (d = !1);
+    } else si(p) ? (l[p] = g, f = !0) : a[p] = g;
   }
   c ? a.transform = ju(t, n, d, r) : r ? a.transform = r({}, "") : !e.transform && a.transform && (a.transform = "none"), f && (a.transformOrigin = Du(l));
 }
@@ -1362,10 +1362,10 @@ function rl(t, e, n, r, o) {
   t[a.array] = "".concat(i, " ").concat(s);
 }
 function er(t, e, n, r) {
-  var o = e.attrX, a = e.attrY, i = e.originX, s = e.originY, u = e.pathLength, l = e.pathSpacing, c = l === void 0 ? 1 : l, f = e.pathOffset, d = f === void 0 ? 0 : f, v = gt(e, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
-  $n(t, v, n, r), t.attrs = t.style, t.style = {};
-  var p = t.attrs, h = t.style, g = t.dimensions;
-  p.transform && (g && (h.transform = p.transform), delete p.transform), g && (i !== void 0 || s !== void 0 || h.transform) && (h.transformOrigin = el(g, i !== void 0 ? i : 0.5, s !== void 0 ? s : 0.5)), o !== void 0 && (p.x = o), a !== void 0 && (p.y = a), u !== void 0 && rl(p, u, c, d);
+  var o = e.attrX, a = e.attrY, i = e.originX, s = e.originY, u = e.pathLength, l = e.pathSpacing, c = l === void 0 ? 1 : l, f = e.pathOffset, d = f === void 0 ? 0 : f, p = gt(e, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
+  $n(t, p, n, r), t.attrs = t.style, t.style = {};
+  var v = t.attrs, h = t.style, g = t.dimensions;
+  v.transform && (g && (h.transform = v.transform), delete v.transform), g && (i !== void 0 || s !== void 0 || h.transform) && (h.transformOrigin = el(g, i !== void 0 ? i : 0.5, s !== void 0 ? s : 0.5)), o !== void 0 && (v.x = o), a !== void 0 && (v.y = a), u !== void 0 && rl(v, u, c, d);
 }
 var bi = function() {
   return x(x({}, tr()), { attrs: {} });
@@ -1477,10 +1477,10 @@ function ll(t, e, n, r) {
     o[s] = Be(i[s]);
   var u = t.initial, l = t.animate, c = tn(t), f = oi(t);
   e && f && !c && t.inherit !== !1 && (u ?? (u = e.initial), l ?? (l = e.animate));
-  var d = a || u === !1, v = d ? l : u;
-  if (v && typeof v != "boolean" && !rr(v)) {
-    var p = Array.isArray(v) ? v : [v];
-    p.forEach(function(h) {
+  var d = a || u === !1, p = d ? l : u;
+  if (p && typeof p != "boolean" && !rr(p)) {
+    var v = Array.isArray(p) ? p : [p];
+    v.forEach(function(h) {
       var g = ri(t, h);
       if (g) {
         var m = g.transitionEnd;
@@ -1679,11 +1679,11 @@ function Cl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1
   be(t <= qr * 1e3, "Spring duration must be 10 seconds or less");
   let i = 1 - e;
   i = Ge(Vl, El, i), t = Ge(wl, qr, t / 1e3), i < 1 ? (o = (l) => {
-    const c = l * i, f = c * t, d = c - n, v = Bn(l, i), p = Math.exp(-f);
-    return Wr - d / v * p;
+    const c = l * i, f = c * t, d = c - n, p = Bn(l, i), v = Math.exp(-f);
+    return Wr - d / p * v;
   }, a = (l) => {
-    const f = l * i * t, d = f * n + n, v = Math.pow(i, 2) * Math.pow(l, 2) * t, p = Math.exp(-f), h = Bn(Math.pow(l, 2), i);
-    return (-o(l) + Wr > 0 ? -1 : 1) * ((d - v) * p) / h;
+    const f = l * i * t, d = f * n + n, p = Math.pow(i, 2) * Math.pow(l, 2) * t, v = Math.exp(-f), h = Bn(Math.pow(l, 2), i);
+    return (-o(l) + Wr > 0 ? -1 : 1) * ((d - p) * v) / h;
   }) : (o = (l) => {
     const c = Math.exp(-l * t), f = (l - n) * t + 1;
     return -1e-3 + c * f;
@@ -1732,23 +1732,23 @@ function Ol(t) {
 function ir(t) {
   var { from: e = 0, to: n = 1, restSpeed: r = 2, restDelta: o } = t, a = gt(t, ["from", "to", "restSpeed", "restDelta"]);
   const i = { done: !1, value: e };
-  let { stiffness: s, damping: u, mass: l, velocity: c, duration: f, isResolvedFromDuration: d } = Ol(a), v = zr, p = zr;
+  let { stiffness: s, damping: u, mass: l, velocity: c, duration: f, isResolvedFromDuration: d } = Ol(a), p = zr, v = zr;
   function h() {
     const g = c ? -(c / 1e3) : 0, m = n - e, b = u / (2 * Math.sqrt(s * l)), y = Math.sqrt(s / l) / 1e3;
     if (o === void 0 && (o = Math.min(Math.abs(n - e) / 100, 0.4)), b < 1) {
       const P = Bn(y, b);
-      v = (w) => {
+      p = (w) => {
         const E = Math.exp(-b * y * w);
         return n - E * ((g + b * y * m) / P * Math.sin(P * w) + m * Math.cos(P * w));
-      }, p = (w) => {
+      }, v = (w) => {
         const E = Math.exp(-b * y * w);
         return b * y * E * (Math.sin(P * w) * (g + b * y * m) / P + m * Math.cos(P * w)) - E * (Math.cos(P * w) * (g + b * y * m) - P * m * Math.sin(P * w));
       };
     } else if (b === 1)
-      v = (P) => n - Math.exp(-y * P) * (m + (g + y * m) * P);
+      p = (P) => n - Math.exp(-y * P) * (m + (g + y * m) * P);
     else {
       const P = y * Math.sqrt(b * b - 1);
-      v = (w) => {
+      p = (w) => {
         const E = Math.exp(-b * y * w), R = Math.min(P * w, 300);
         return n - E * ((g + b * y * m) * Math.sinh(R) + P * m * Math.cosh(R)) / P;
       };
@@ -1756,11 +1756,11 @@ function ir(t) {
   }
   return h(), {
     next: (g) => {
-      const m = v(g);
+      const m = p(g);
       if (d)
         i.done = g >= f;
       else {
-        const b = p(g) * 1e3, y = Math.abs(b) <= r, P = Math.abs(n - m) <= o;
+        const b = v(g) * 1e3, y = Math.abs(b) <= r, P = Math.abs(n - m) <= o;
         i.done = y && P;
       }
       return i.value = i.done ? n : m, i;
@@ -2004,7 +2004,7 @@ const hc = (t) => {
   };
 };
 function Ji(t) {
-  var e, n, { from: r, autoplay: o = !0, driver: a = hc, elapsed: i = 0, repeat: s = 0, repeatType: u = "loop", repeatDelay: l = 0, onPlay: c, onStop: f, onComplete: d, onRepeat: v, onUpdate: p } = t, h = gt(t, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
+  var e, n, { from: r, autoplay: o = !0, driver: a = hc, elapsed: i = 0, repeat: s = 0, repeatType: u = "loop", repeatDelay: l = 0, onPlay: c, onStop: f, onComplete: d, onRepeat: p, onUpdate: v } = t, h = gt(t, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
   let { to: g } = h, m, b = 0, y = h.duration, P, w = !1, E = !0, R;
   const j = sc(h);
   !((n = (e = j).needsInterpolation) === null || n === void 0) && n.call(e, r, g) && (R = Wi([0, 100], [r, g], {
@@ -2012,7 +2012,7 @@ function Ji(t) {
   }), r = 0, g = 100);
   const M = j(Object.assign(Object.assign({}, h), { from: r, to: g }));
   function k() {
-    b++, u === "reverse" ? (E = b % 2 === 0, i = vc(i, y, l, E)) : (i = Ki(i, y, l), u === "mirror" && M.flipTarget()), w = !1, v && v();
+    b++, u === "reverse" ? (E = b % 2 === 0, i = vc(i, y, l, E)) : (i = Ki(i, y, l), u === "mirror" && M.flipTarget()), w = !1, p && p();
   }
   function rt() {
     m.stop(), d && d();
@@ -2022,7 +2022,7 @@ function Ji(t) {
       const K = M.next(Math.max(0, i));
       P = K.value, R && (P = R(P)), w = E ? K.done : i <= 0;
     }
-    p == null || p(P), w && (b === 0 && (y ?? (y = i)), b < s ? pc(i, y, l, E) && k() : rt());
+    v == null || v(P), w && (b === 0 && (y ?? (y = i)), b < s ? pc(i, y, l, E) && k() : rt());
   }
   function H() {
     c == null || c(), m = a(q), m.start();
@@ -2036,8 +2036,8 @@ function Ji(t) {
 function Qi(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-function mc({ from: t = 0, velocity: e = 0, min: n, max: r, power: o = 0.8, timeConstant: a = 750, bounceStiffness: i = 500, bounceDamping: s = 10, restDelta: u = 1, modifyTarget: l, driver: c, onUpdate: f, onComplete: d, onStop: v }) {
-  let p;
+function mc({ from: t = 0, velocity: e = 0, min: n, max: r, power: o = 0.8, timeConstant: a = 750, bounceStiffness: i = 500, bounceDamping: s = 10, restDelta: u = 1, modifyTarget: l, driver: c, onUpdate: f, onComplete: d, onStop: p }) {
+  let v;
   function h(y) {
     return n !== void 0 && y < n || r !== void 0 && y > r;
   }
@@ -2045,14 +2045,14 @@ function mc({ from: t = 0, velocity: e = 0, min: n, max: r, power: o = 0.8, time
     return n === void 0 ? r : r === void 0 || Math.abs(n - y) < Math.abs(r - y) ? n : r;
   }
   function m(y) {
-    p == null || p.stop(), p = Ji(Object.assign(Object.assign({}, y), {
+    v == null || v.stop(), v = Ji(Object.assign(Object.assign({}, y), {
       driver: c,
       onUpdate: (P) => {
         var w;
         f == null || f(P), (w = y.onUpdate) === null || w === void 0 || w.call(y, P);
       },
       onComplete: d,
-      onStop: v
+      onStop: p
     }));
   }
   function b(y) {
@@ -2080,7 +2080,7 @@ function mc({ from: t = 0, velocity: e = 0, min: n, max: r, power: o = 0.8, time
     });
   }
   return {
-    stop: () => p == null ? void 0 : p.stop()
+    stop: () => v == null ? void 0 : v.stop()
   };
 }
 const Wn = (t) => t.hasOwnProperty("x") && t.hasOwnProperty("y"), Jr = (t) => Wn(t) && t.hasOwnProperty("z"), Me = (t, e) => Math.abs(t - e);
@@ -2131,7 +2131,7 @@ function Tc(t, e, n, r) {
 }
 function wc(t) {
   var e = t.onTap, n = t.onTapStart, r = t.onTapCancel, o = t.whileTap, a = t.visualElement, i = e || n || r || o, s = Q(!1), u = Q(null), l = {
-    passive: !(n || e || r || p)
+    passive: !(n || e || r || v)
   };
   function c() {
     var h;
@@ -2144,14 +2144,14 @@ function wc(t) {
   function d(h, g) {
     f() && (ji(a.getInstance(), h.target) ? e == null || e(h, g) : r == null || r(h, g));
   }
-  function v(h, g) {
+  function p(h, g) {
     f() && (r == null || r(h, g));
   }
-  function p(h, g) {
+  function v(h, g) {
     var m;
-    c(), !s.current && (s.current = !0, u.current = nn(Kt(window, "pointerup", d, l), Kt(window, "pointercancel", v, l)), (m = a.animationState) === null || m === void 0 || m.setActive(U.Tap, !0), n == null || n(h, g));
+    c(), !s.current && (s.current = !0, u.current = nn(Kt(window, "pointerup", d, l), Kt(window, "pointercancel", p, l)), (m = a.animationState) === null || m === void 0 || m.setActive(U.Tap, !0), n == null || n(h, g));
   }
-  qe(a, "pointerdown", i ? p : void 0, l), Di(c);
+  qe(a, "pointerdown", i ? v : void 0, l), Di(c);
 }
 var Qr = /* @__PURE__ */ new Set();
 function ra(t, e, n) {
@@ -2197,10 +2197,10 @@ function Ic(t, e, n, r) {
         rootMargin: a,
         threshold: typeof s == "number" ? s : Mc[s]
       }, c = function(f) {
-        var d, v = f.isIntersecting;
-        if (e.isInView !== v && (e.isInView = v, !(u && !v && e.hasEnteredView))) {
-          v && (e.hasEnteredView = !0), (d = n.animationState) === null || d === void 0 || d.setActive(U.InView, v);
-          var p = n.getProps(), h = v ? p.onViewportEnter : p.onViewportLeave;
+        var d, p = f.isIntersecting;
+        if (e.isInView !== p && (e.isInView = p, !(u && !p && e.hasEnteredView))) {
+          p && (e.hasEnteredView = !0), (d = n.animationState) === null || d === void 0 || d.setActive(U.InView, p);
+          var v = n.getProps(), h = p ? v.onViewportEnter : v.onViewportLeave;
           h == null || h(f);
         }
       };
@@ -2386,21 +2386,21 @@ function Yc(t, e, n, r, o) {
       to: n,
       velocity: e.getVelocity(),
       onComplete: o,
-      onUpdate: function(v) {
-        return e.set(v);
+      onUpdate: function(p) {
+        return e.set(p);
       }
     };
-    return i.type === "inertia" || i.type === "decay" ? mc(x(x({}, d), i)) : Ji(x(x({}, Uc(i, d, t)), { onUpdate: function(v) {
-      var p;
-      d.onUpdate(v), (p = i.onUpdate) === null || p === void 0 || p.call(i, v);
-    }, onComplete: function() {
+    return i.type === "inertia" || i.type === "decay" ? mc(x(x({}, d), i)) : Ji(x(x({}, Uc(i, d, t)), { onUpdate: function(p) {
       var v;
-      d.onComplete(), (v = i.onComplete) === null || v === void 0 || v.call(i);
+      d.onUpdate(p), (v = i.onUpdate) === null || v === void 0 || v.call(i, p);
+    }, onComplete: function() {
+      var p;
+      d.onComplete(), (p = i.onComplete) === null || p === void 0 || p.call(i);
     } }));
   }
   function f() {
-    var d, v, p = Ei(n);
-    return e.set(p), o(), (d = i == null ? void 0 : i.onUpdate) === null || d === void 0 || d.call(i, p), (v = i == null ? void 0 : i.onComplete) === null || v === void 0 || v.call(i), { stop: function() {
+    var d, p, v = Ei(n);
+    return e.set(v), o(), (d = i == null ? void 0 : i.onUpdate) === null || d === void 0 || d.call(i, v), (p = i == null ? void 0 : i.onComplete) === null || p === void 0 || p.call(i), { stop: function() {
     } };
   }
   return !l || !u || i.type === !1 ? f : c;
@@ -2567,8 +2567,8 @@ function ef(t, e) {
   gr(t, e);
 }
 function nf(t, e, n) {
-  var r, o, a, i, s = Object.keys(e).filter(function(v) {
-    return !t.hasValue(v);
+  var r, o, a, i, s = Object.keys(e).filter(function(p) {
+    return !t.hasValue(p);
   }), u = s.length;
   if (u)
     for (var l = 0; l < u; l++) {
@@ -2615,10 +2615,10 @@ function zn(t, e, n) {
     return la(t, o, n);
   } : function() {
     return Promise.resolve();
-  }, u = !((r = t.variantChildren) === null || r === void 0) && r.size ? function(v) {
-    v === void 0 && (v = 0);
-    var p = i.delayChildren, h = p === void 0 ? 0 : p, g = i.staggerChildren, m = i.staggerDirection;
-    return af(t, e, h + v, g, m, n);
+  }, u = !((r = t.variantChildren) === null || r === void 0) && r.size ? function(p) {
+    p === void 0 && (p = 0);
+    var v = i.delayChildren, h = v === void 0 ? 0 : v, g = i.staggerChildren, m = i.staggerDirection;
+    return af(t, e, h + p, g, m, n);
   } : function() {
     return Promise.resolve();
   }, l = i.when;
@@ -2629,19 +2629,19 @@ function zn(t, e, n) {
     return Promise.all([s(), u(n.delay)]);
 }
 function la(t, e, n) {
-  var r, o = n === void 0 ? {} : n, a = o.delay, i = a === void 0 ? 0 : a, s = o.transitionOverride, u = o.type, l = t.makeTargetAnimatable(e), c = l.transition, f = c === void 0 ? t.getDefaultTransition() : c, d = l.transitionEnd, v = gt(l, ["transition", "transitionEnd"]);
+  var r, o = n === void 0 ? {} : n, a = o.delay, i = a === void 0 ? 0 : a, s = o.transitionOverride, u = o.type, l = t.makeTargetAnimatable(e), c = l.transition, f = c === void 0 ? t.getDefaultTransition() : c, d = l.transitionEnd, p = gt(l, ["transition", "transitionEnd"]);
   s && (f = s);
-  var p = [], h = u && ((r = t.animationState) === null || r === void 0 ? void 0 : r.getState()[u]);
-  for (var g in v) {
-    var m = t.getValue(g), b = v[g];
+  var v = [], h = u && ((r = t.animationState) === null || r === void 0 ? void 0 : r.getState()[u]);
+  for (var g in p) {
+    var m = t.getValue(g), b = p[g];
     if (!(!m || b === void 0 || h && lf(h, g))) {
       var y = x({ delay: i }, f);
       t.shouldReduceMotion && Pe(g) && (y = x(x({}, y), { type: !1, delay: 0 }));
       var P = pr(g, m, b, y);
-      p.push(P);
+      v.push(P);
     }
   }
-  return Promise.all(p).then(function() {
+  return Promise.all(v).then(function() {
     d && gr(t, d);
   });
 }
@@ -2692,8 +2692,8 @@ function vf(t) {
     var d = $e(t, f);
     if (d) {
       d.transition;
-      var v = d.transitionEnd, p = gt(d, ["transition", "transitionEnd"]);
-      c = x(x(x({}, c), p), v);
+      var p = d.transitionEnd, v = gt(d, ["transition", "transitionEnd"]);
+      c = x(x(x({}, c), v), p);
     }
     return c;
   };
@@ -2704,10 +2704,10 @@ function vf(t) {
     e = c(t);
   }
   function u(c, f) {
-    for (var d, v = t.getProps(), p = t.getVariantContext(!0) || {}, h = [], g = /* @__PURE__ */ new Set(), m = {}, b = 1 / 0, y = function(R) {
-      var j = cf[R], M = n[j], k = (d = v[j]) !== null && d !== void 0 ? d : p[j], rt = bt(k), q = j === f ? M.isActive : null;
+    for (var d, p = t.getProps(), v = t.getVariantContext(!0) || {}, h = [], g = /* @__PURE__ */ new Set(), m = {}, b = 1 / 0, y = function(R) {
+      var j = cf[R], M = n[j], k = (d = p[j]) !== null && d !== void 0 ? d : v[j], rt = bt(k), q = j === f ? M.isActive : null;
       q === !1 && (b = R);
-      var H = k === p[j] && k !== v[j] && rt;
+      var H = k === v[j] && k !== p[j] && rt;
       if (H && o && t.manuallyAnimateOnMount && (H = !1), M.protectedKeys = x({}, m), // If it isn't active and hasn't *just* been set as inactive
       !M.isActive && q === null || // If we didn't and don't have any defined prop for this animation type
       !k && !M.prevProp || // Or if the prop doesn't define an animation
@@ -2740,20 +2740,20 @@ function vf(t) {
       }), h.push({ animation: w });
     }
     var E = !!h.length;
-    return o && v.initial === !1 && !t.manuallyAnimateOnMount && (E = !1), o = !1, E ? e(h) : Promise.resolve();
+    return o && p.initial === !1 && !t.manuallyAnimateOnMount && (E = !1), o = !1, E ? e(h) : Promise.resolve();
   }
   function l(c, f, d) {
-    var v;
+    var p;
     if (n[c].isActive === f)
       return Promise.resolve();
-    (v = t.variantChildren) === null || v === void 0 || v.forEach(function(g) {
+    (p = t.variantChildren) === null || p === void 0 || p.forEach(function(g) {
       var m;
       return (m = g.animationState) === null || m === void 0 ? void 0 : m.setActive(c, f);
     }), n[c].isActive = f;
-    var p = u(d, c);
+    var v = u(d, c);
     for (var h in n)
       n[h].protectedKeys = {};
-    return p;
+    return v;
   }
   return {
     isAnimated: i,
@@ -2803,23 +2803,23 @@ var mf = {
       var o = this, a = r === void 0 ? {} : r, i = a.transformPagePoint;
       if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.updatePoint = function() {
         if (o.lastMoveEvent && o.lastMoveEventInfo) {
-          var d = Tn(o.lastMoveEventInfo, o.history), v = o.startEvent !== null, p = _i(d.offset, { x: 0, y: 0 }) >= 3;
-          if (!(!v && !p)) {
+          var d = Tn(o.lastMoveEventInfo, o.history), p = o.startEvent !== null, v = _i(d.offset, { x: 0, y: 0 }) >= 3;
+          if (!(!p && !v)) {
             var h = d.point, g = Ue().timestamp;
             o.history.push(x(x({}, h), { timestamp: g }));
             var m = o.handlers, b = m.onStart, y = m.onMove;
-            v || (b && b(o.lastMoveEvent, d), o.startEvent = o.lastMoveEvent), y && y(o.lastMoveEvent, d);
+            p || (b && b(o.lastMoveEvent, d), o.startEvent = o.lastMoveEvent), y && y(o.lastMoveEvent, d);
           }
         }
-      }, this.handlePointerMove = function(d, v) {
-        if (o.lastMoveEvent = d, o.lastMoveEventInfo = Pn(v, o.transformPagePoint), Ai(d) && d.buttons === 0) {
-          o.handlePointerUp(d, v);
+      }, this.handlePointerMove = function(d, p) {
+        if (o.lastMoveEvent = d, o.lastMoveEventInfo = Pn(p, o.transformPagePoint), Ai(d) && d.buttons === 0) {
+          o.handlePointerUp(d, p);
           return;
         }
         Vt.update(o.updatePoint, !0);
-      }, this.handlePointerUp = function(d, v) {
+      }, this.handlePointerUp = function(d, p) {
         o.end();
-        var p = o.handlers, h = p.onEnd, g = p.onSessionEnd, m = Tn(Pn(v, o.transformPagePoint), o.history);
+        var v = o.handlers, h = v.onEnd, g = v.onSessionEnd, m = Tn(Pn(p, o.transformPagePoint), o.history);
         o.startEvent && h && h(d, m), g && g(d, m);
       }, !(Ri(e) && e.touches.length > 1)) {
         this.handlers = n, this.transformPagePoint = i;
@@ -3061,7 +3061,7 @@ var Of = /* @__PURE__ */ new WeakMap(), Lf = (
         var s = function(f) {
           r.stopAnimation(), i && r.snapToCursor(or(f, "page").point);
         }, u = function(f, d) {
-          var v, p = r.getProps(), h = p.drag, g = p.dragPropagation, m = p.onDragStart;
+          var p, v = r.getProps(), h = v.drag, g = v.dragPropagation, m = v.onDragStart;
           h && !g && (r.openGlobalLock && r.openGlobalLock(), r.openGlobalLock = Li(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), Tt(function(b) {
             var y, P, w = r.getAxisMotionValue(b).get() || 0;
             if (wt.test(w)) {
@@ -3072,10 +3072,10 @@ var Of = /* @__PURE__ */ new WeakMap(), Lf = (
               }
             }
             r.originPoint[b] = w;
-          }), m == null || m(f, d), (v = r.visualElement.animationState) === null || v === void 0 || v.setActive(U.Drag, !0));
+          }), m == null || m(f, d), (p = r.visualElement.animationState) === null || p === void 0 || p.setActive(U.Drag, !0));
         }, l = function(f, d) {
-          var v = r.getProps(), p = v.dragPropagation, h = v.dragDirectionLock, g = v.onDirectionLock, m = v.onDrag;
-          if (!(!p && !r.openGlobalLock)) {
+          var p = r.getProps(), v = p.dragPropagation, h = p.dragDirectionLock, g = p.onDirectionLock, m = p.onDrag;
+          if (!(!v && !r.openGlobalLock)) {
             var b = d.offset;
             if (h && r.currentDirection === null) {
               r.currentDirection = Nf(b), r.currentDirection !== null && (g == null || g(r.currentDirection));
@@ -3134,11 +3134,11 @@ var Of = /* @__PURE__ */ new WeakMap(), Lf = (
       return s;
     }, t.prototype.startAnimation = function(e) {
       var n = this, r = this.getProps(), o = r.drag, a = r.dragMomentum, i = r.dragElastic, s = r.dragTransition, u = r.dragSnapToOrigin, l = r.onDragTransitionEnd, c = this.constraints || {}, f = Tt(function(d) {
-        var v;
+        var p;
         if (Le(d, o, n.currentDirection)) {
-          var p = (v = c == null ? void 0 : c[d]) !== null && v !== void 0 ? v : {};
-          u && (p = { min: 0, max: 0 });
-          var h = i ? 200 : 1e6, g = i ? 40 : 1e7, m = x(x({ type: "inertia", velocity: a ? e[d] : 0, bounceStiffness: h, bounceDamping: g, timeConstant: 750, restDelta: 1, restSpeed: 10 }, s), p);
+          var v = (p = c == null ? void 0 : c[d]) !== null && p !== void 0 ? p : {};
+          u && (v = { min: 0, max: 0 });
+          var h = i ? 200 : 1e6, g = i ? 40 : 1e7, m = x(x({ type: "inertia", velocity: a ? e[d] : 0, bounceStiffness: h, bounceDamping: g, timeConstant: 750, restDelta: 1, restSpeed: 10 }, s), v);
           return n.startAxisValueAnimation(d, m);
         }
       });
@@ -3181,8 +3181,8 @@ var Of = /* @__PURE__ */ new WeakMap(), Lf = (
         var u = this.visualElement.getProps().transformTemplate;
         this.visualElement.getInstance().style.transform = u ? u({}, "") : "none", (n = i.root) === null || n === void 0 || n.updateScroll(), i.updateLayout(), this.resolveConstraints(), Tt(function(l) {
           if (Le(l, o, null)) {
-            var c = e.getAxisMotionValue(l), f = e.constraints[l], d = f.min, v = f.max;
-            c.set($(d, v, s[l]));
+            var c = e.getAxisMotionValue(l), f = e.constraints[l], d = f.min, p = f.max;
+            c.set($(d, p, s[l]));
           }
         });
       }
@@ -3190,8 +3190,8 @@ var Of = /* @__PURE__ */ new WeakMap(), Lf = (
       var e = this, n;
       Of.set(this.visualElement, this);
       var r = this.visualElement.getInstance(), o = Kt(r, "pointerdown", function(l) {
-        var c = e.getProps(), f = c.drag, d = c.dragListener, v = d === void 0 ? !0 : d;
-        f && v && e.start(l);
+        var c = e.getProps(), f = c.drag, d = c.dragListener, p = d === void 0 ? !0 : d;
+        f && p && e.start(l);
       }), a = function() {
         var l = e.getProps().dragConstraints;
         Xt(l) && (e.constraints = e.resolveRefConstraints());
@@ -3203,15 +3203,15 @@ var Of = /* @__PURE__ */ new WeakMap(), Lf = (
       return i.addEventListener("didUpdate", function(l) {
         var c = l.delta, f = l.hasLayoutChanged;
         e.isDragging && f && (Tt(function(d) {
-          var v = e.getAxisMotionValue(d);
-          v && (e.originPoint[d] += c[d].translate, v.set(v.get() + c[d].translate));
+          var p = e.getAxisMotionValue(d);
+          p && (e.originPoint[d] += c[d].translate, p.set(p.get() + c[d].translate));
         }), e.visualElement.syncRender());
       }), function() {
         u(), o(), s();
       };
     }, t.prototype.getProps = function() {
-      var e = this.visualElement.getProps(), n = e.drag, r = n === void 0 ? !1 : n, o = e.dragDirectionLock, a = o === void 0 ? !1 : o, i = e.dragPropagation, s = i === void 0 ? !1 : i, u = e.dragConstraints, l = u === void 0 ? !1 : u, c = e.dragElastic, f = c === void 0 ? Un : c, d = e.dragMomentum, v = d === void 0 ? !0 : d;
-      return x(x({}, e), { drag: r, dragDirectionLock: a, dragPropagation: s, dragConstraints: l, dragElastic: f, dragMomentum: v });
+      var e = this.visualElement.getProps(), n = e.drag, r = n === void 0 ? !1 : n, o = e.dragDirectionLock, a = o === void 0 ? !1 : o, i = e.dragPropagation, s = i === void 0 ? !1 : i, u = e.dragConstraints, l = u === void 0 ? !1 : u, c = e.dragElastic, f = c === void 0 ? Un : c, d = e.dragMomentum, p = d === void 0 ? !0 : d;
+      return x(x({}, e), { drag: r, dragDirectionLock: a, dragPropagation: s, dragConstraints: l, dragElastic: f, dragMomentum: p });
     }, t;
   }()
 );
@@ -3318,15 +3318,15 @@ function Ff(t, e, n) {
 }
 var ma = function(t) {
   var e = t.treeType, n = e === void 0 ? "" : e, r = t.build, o = t.getBaseTarget, a = t.makeTargetAnimatable, i = t.measureViewportBox, s = t.render, u = t.readValueFromInstance, l = t.removeValueFromRenderState, c = t.sortNodePosition, f = t.scrapeMotionValuesFromProps;
-  return function(d, v) {
-    var p = d.parent, h = d.props, g = d.presenceId, m = d.blockInitialAnimation, b = d.visualState, y = d.shouldReduceMotion;
-    v === void 0 && (v = {});
+  return function(d, p) {
+    var v = d.parent, h = d.props, g = d.presenceId, m = d.blockInitialAnimation, b = d.visualState, y = d.shouldReduceMotion;
+    p === void 0 && (p = {});
     var P = !1, w = b.latestValues, E = b.renderState, R, j = kf(), M = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map(), rt = {}, q = x({}, w), H;
     function O() {
       !R || !P || (K(), s(R, E, h.style, D.projection));
     }
     function K() {
-      r(D, E, w, v, h);
+      r(D, E, w, p, h);
     }
     function _() {
       j.notifyUpdate(w);
@@ -3354,8 +3354,8 @@ var ma = function(t) {
       /**
        * The depth of this visual element within the visual element tree.
        */
-      depth: p ? p.depth + 1 : 0,
-      parent: p,
+      depth: v ? v.depth + 1 : 0,
+      parent: v,
       children: /* @__PURE__ */ new Set(),
       /**
        *
@@ -3383,7 +3383,7 @@ var ma = function(t) {
        *
        * TODO: This might be better replaced with a method isParentMounted
        */
-      manuallyAnimateOnMount: !!(p != null && p.isMounted()),
+      manuallyAnimateOnMount: !!(v != null && v.isMounted()),
       /**
        * This can be set by AnimatePresence to force components that mount
        * at the same time as it to mount as if they have initial={false} set.
@@ -3398,9 +3398,9 @@ var ma = function(t) {
         return !!R;
       },
       mount: function(T) {
-        P = !0, R = D.current = T, D.projection && D.projection.mount(T), J && p && !W && (H = p == null ? void 0 : p.addVariantChild(D)), M.forEach(function(V, N) {
+        P = !0, R = D.current = T, D.projection && D.projection.mount(T), J && v && !W && (H = v == null ? void 0 : v.addVariantChild(D)), M.forEach(function(V, N) {
           return I(N, V);
-        }), p == null || p.children.add(D), D.setProps(h);
+        }), v == null || v.children.add(D), D.setProps(h);
       },
       /**
        *
@@ -3409,7 +3409,7 @@ var ma = function(t) {
         var T;
         (T = D.projection) === null || T === void 0 || T.unmount(), Qt.update(_), Qt.render(O), k.forEach(function(V) {
           return V();
-        }), H == null || H(), p == null || p.children.delete(D), j.clearAllListeners(), R = void 0, P = !1;
+        }), H == null || H(), v == null || v.children.delete(D), j.clearAllListeners(), R = void 0, P = !1;
       },
       /**
        * Add a child visual element to our set of children.
@@ -3429,7 +3429,7 @@ var ma = function(t) {
        * this visual element.
        */
       getClosestVariantNode: function() {
-        return J ? D : p == null ? void 0 : p.getClosestVariantNode();
+        return J ? D : v == null ? void 0 : v.getClosestVariantNode();
       },
       /**
        * Expose the latest layoutId prop.
@@ -3526,7 +3526,7 @@ var ma = function(t) {
        */
       readValue: function(T) {
         var V;
-        return (V = w[T]) !== null && V !== void 0 ? V : u(R, T, v);
+        return (V = w[T]) !== null && V !== void 0 ? V : u(R, T, p);
       },
       /**
        * Set the base target to later animate back to. This is currently
@@ -3599,9 +3599,9 @@ var ma = function(t) {
        */
       getVariantContext: function(T) {
         if (T === void 0 && (T = !1), T)
-          return p == null ? void 0 : p.getVariantContext();
+          return v == null ? void 0 : v.getVariantContext();
         if (!W) {
-          var V = (p == null ? void 0 : p.getVariantContext()) || {};
+          var V = (v == null ? void 0 : v.getVariantContext()) || {};
           return h.initial !== void 0 && (V.initial = h.initial), V;
         }
         for (var N = {}, L = 0; L < Hf; L++) {
@@ -3743,25 +3743,25 @@ var To = {
   if (o.forEach(function(c) {
     var f = t.getValue(c);
     if (t.hasValue(c)) {
-      var d = n[c], v = re(d), p = e[c], h;
-      if (ge(p)) {
-        var g = p.length, m = p[0] === null ? 1 : 0;
-        d = p[m], v = re(d);
+      var d = n[c], p = re(d), v = e[c], h;
+      if (ge(v)) {
+        var g = v.length, m = v[0] === null ? 1 : 0;
+        d = v[m], p = re(d);
         for (var b = m; b < g; b++)
-          h ? vt(re(p[b]) === h, "All keyframes must be of the same type") : (h = re(p[b]), vt(h === v || je(v) && je(h), "Keyframes must be of the same dimension as the current value"));
+          h ? vt(re(v[b]) === h, "All keyframes must be of the same type") : (h = re(v[b]), vt(h === p || je(p) && je(h), "Keyframes must be of the same dimension as the current value"));
       } else
-        h = re(p);
-      if (v !== h)
-        if (je(v) && je(h)) {
+        h = re(v);
+      if (p !== h)
+        if (je(p) && je(h)) {
           var y = f.get();
-          typeof y == "string" && f.set(parseFloat(y)), typeof p == "string" ? e[c] = parseFloat(p) : Array.isArray(p) && h === A && (e[c] = p.map(parseFloat));
-        } else v != null && v.transform && (h != null && h.transform) && (d === 0 || p === 0) ? d === 0 ? f.set(h.transform(d)) : e[c] = v.transform(p) : (i || (a = Zf(t), i = !0), s.push(c), r[c] = r[c] !== void 0 ? r[c] : e[c], ba(f, p));
+          typeof y == "string" && f.set(parseFloat(y)), typeof v == "string" ? e[c] = parseFloat(v) : Array.isArray(v) && h === A && (e[c] = v.map(parseFloat));
+        } else p != null && p.transform && (h != null && h.transform) && (d === 0 || v === 0) ? d === 0 ? f.set(h.transform(d)) : e[c] = p.transform(v) : (i || (a = Zf(t), i = !0), s.push(c), r[c] = r[c] !== void 0 ? r[c] : e[c], ba(f, v));
     }
   }), s.length) {
     var u = s.indexOf("height") >= 0 ? window.pageYOffset : null, l = Kf(e, t, s);
     return a.length && a.forEach(function(c) {
-      var f = et(c, 2), d = f[0], v = f[1];
-      t.getValue(d).set(v);
+      var f = et(c, 2), d = f[0], p = f[1];
+      t.getValue(d).set(p);
     }), t.syncRender(), u !== null && window.scrollTo({ top: u }), { target: l, transitionEnd: r };
   } else
     return { target: e, transitionEnd: r };
@@ -3874,15 +3874,15 @@ var oe = {
     s[0 + l] /= c, s[1 + l] /= f;
     var d = $(c, f, 0.5);
     typeof s[2 + l] == "number" && (s[2 + l] /= d), typeof s[3 + l] == "number" && (s[3 + l] /= d);
-    var v = u(s);
+    var p = u(s);
     if (a) {
-      var p = 0;
-      v = v.replace(Vo, function() {
-        var h = i[p];
-        return p++, h;
+      var v = 0;
+      p = p.replace(Vo, function() {
+        var h = i[v];
+        return v++, h;
       });
     }
-    return v;
+    return p;
   }
 }, od = (
   /** @class */
@@ -3964,11 +3964,11 @@ function cd(t, e, n, r, o, a) {
     fd(r)
   ), t.opacityExit = $((s = e.opacity) !== null && s !== void 0 ? s : 1, 0, dd(r))) : a && (t.opacity = $((u = e.opacity) !== null && u !== void 0 ? u : 1, (l = n.opacity) !== null && l !== void 0 ? l : 1, r));
   for (var c = 0; c < ld; c++) {
-    var f = "border".concat(Pa[c], "Radius"), d = Ao(e, f), v = Ao(n, f);
-    if (!(d === void 0 && v === void 0)) {
-      d || (d = 0), v || (v = 0);
-      var p = d === 0 || v === 0 || Co(d) === Co(v);
-      p ? (t[f] = Math.max($(Eo(d), Eo(v), r), 0), (wt.test(v) || wt.test(d)) && (t[f] += "%")) : t[f] = v;
+    var f = "border".concat(Pa[c], "Radius"), d = Ao(e, f), p = Ao(n, f);
+    if (!(d === void 0 && p === void 0)) {
+      d || (d = 0), p || (p = 0);
+      var v = d === 0 || p === 0 || Co(d) === Co(p);
+      v ? (t[f] = Math.max($(Eo(d), Eo(p), r), 0), (wt.test(p) || wt.test(d)) && (t[f] += "%")) : t[f] = p;
     }
   }
   (e.rotate || n.rotate) && (t.rotate = $(e.rotate || 0, n.rotate || 0, r));
@@ -4125,8 +4125,8 @@ function Ea(t) {
         var l = this, c;
         if (u === void 0 && (u = !1), !this.instance) {
           this.isSVG = s instanceof SVGElement && s.tagName !== "svg", this.instance = s;
-          var f = this.options, d = f.layoutId, v = f.layout, p = f.visualElement;
-          if (p && !p.getInstance() && p.mount(s), this.root.nodes.add(this), (c = this.parent) === null || c === void 0 || c.children.add(this), this.id && this.root.potentialNodes.delete(this.id), u && (v || d) && (this.isLayoutDirty = !0), e) {
+          var f = this.options, d = f.layoutId, p = f.layout, v = f.visualElement;
+          if (v && !v.getInstance() && v.mount(s), this.root.nodes.add(this), (c = this.parent) === null || c === void 0 || c.children.add(this), this.id && this.root.potentialNodes.delete(this.id), u && (p || d) && (this.isLayoutDirty = !0), e) {
             var h, g = function() {
               return l.root.updateBlockedByResize = !1;
             };
@@ -4134,17 +4134,17 @@ function Ea(t) {
               l.root.updateBlockedByResize = !0, clearTimeout(h), h = window.setTimeout(g, 250), ie.hasAnimatedSinceResize && (ie.hasAnimatedSinceResize = !1, l.nodes.forEach(wd));
             });
           }
-          d && this.root.registerSharedNode(d, this), this.options.animate !== !1 && p && (d || v) && this.addEventListener("didUpdate", function(m) {
+          d && this.root.registerSharedNode(d, this), this.options.animate !== !1 && v && (d || p) && this.addEventListener("didUpdate", function(m) {
             var b, y, P, w, E, R = m.delta, j = m.hasLayoutChanged, M = m.hasRelativeTargetChanged, k = m.layout;
             if (l.isTreeAnimationBlocked()) {
               l.target = void 0, l.relativeTarget = void 0;
               return;
             }
-            var rt = (y = (b = l.options.transition) !== null && b !== void 0 ? b : p.getDefaultTransition()) !== null && y !== void 0 ? y : Id, q = p.getProps(), H = q.onLayoutAnimationStart, O = q.onLayoutAnimationComplete, K = !l.targetLayout || !Va(l.targetLayout, k) || M, _ = !j && M;
+            var rt = (y = (b = l.options.transition) !== null && b !== void 0 ? b : v.getDefaultTransition()) !== null && y !== void 0 ? y : Id, q = v.getProps(), H = q.onLayoutAnimationStart, O = q.onLayoutAnimationComplete, K = !l.targetLayout || !Va(l.targetLayout, k) || M, _ = !j && M;
             if (!((P = l.resumeFrom) === null || P === void 0) && P.instance || _ || j && (K || !l.currentAnimation)) {
               l.resumeFrom && (l.resumingFrom = l.resumeFrom, l.resumingFrom.resumingFrom = void 0), l.setAnimationOrigin(R, _);
               var I = x(x({}, vr(rt, "layout")), { onPlay: H, onComplete: O });
-              p.shouldReduceMotion && (I.delay = 0, I.type = !1), l.startAnimation(I);
+              v.shouldReduceMotion && (I.delay = 0, I.type = !1), l.startAnimation(I);
             } else
               !j && l.animationProgress === 0 && l.finishAnimation(), l.isLead() && ((E = (w = l.options).onExitComplete) === null || E === void 0 || E.call(w));
             l.targetLayout = k;
@@ -4177,8 +4177,8 @@ function Ea(t) {
             var d = this.path[f];
             d.shouldResetTransform = !0, d.updateScroll();
           }
-          var v = this.options, p = v.layoutId, h = v.layout;
-          if (!(p === void 0 && !h)) {
+          var p = this.options, v = p.layoutId, h = p.layout;
+          if (!(v === void 0 && !h)) {
             var g = (c = this.options.visualElement) === null || c === void 0 ? void 0 : c.getProps().transformTemplate;
             this.prevTransformTemplateValue = g == null ? void 0 : g(this.latestValues, ""), this.updateSnapshot(), s && this.notifyListeners("willUpdate");
           }
@@ -4242,12 +4242,12 @@ function Ea(t) {
         var u = lt();
         St(u, s);
         for (var l = 0; l < this.path.length; l++) {
-          var c = this.path[l], f = c.scroll, d = c.options, v = c.isScrollRoot;
+          var c = this.path[l], f = c.scroll, d = c.options, p = c.isScrollRoot;
           if (c !== this.root && f && d.layoutScroll) {
-            if (v) {
+            if (p) {
               St(u, s);
-              var p = this.root.scroll;
-              p && (jt(u.x, -p.x), jt(u.y, -p.y));
+              var v = this.root.scroll;
+              v && (jt(u.x, -v.x), jt(u.y, -v.y));
             }
             jt(u.x, f.x), jt(u.y, f.y);
           }
@@ -4272,8 +4272,8 @@ function Ea(t) {
           var f = this.path[c];
           if (f.instance && Nt(f.latestValues)) {
             va(f.latestValues) && f.updateSnapshot();
-            var d = lt(), v = f.measure();
-            St(d, v), Oo(l, f.latestValues, (u = f.snapshot) === null || u === void 0 ? void 0 : u.layout, d);
+            var d = lt(), p = f.measure();
+            St(d, p), Oo(l, f.latestValues, (u = f.snapshot) === null || u === void 0 ? void 0 : u.layout, d);
           }
         }
         return Nt(this.latestValues) && Oo(l, this.latestValues), l;
@@ -4298,8 +4298,8 @@ function Ea(t) {
           var d = f.target;
           if (d) {
             this.projectionDelta || (this.projectionDelta = fe(), this.projectionDeltaWithTransform = fe());
-            var v = this.treeScale.x, p = this.treeScale.y, h = this.projectionTransform;
-            le(this.projectionDelta, this.layoutCorrected, d, this.latestValues), this.projectionTransform = No(this.projectionDelta, this.treeScale), (this.projectionTransform !== h || this.treeScale.x !== v || this.treeScale.y !== p) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
+            var p = this.treeScale.x, v = this.treeScale.y, h = this.projectionTransform;
+            le(this.projectionDelta, this.layoutCorrected, d, this.latestValues), this.projectionTransform = No(this.projectionDelta, this.treeScale), (this.projectionTransform !== h || this.treeScale.x !== p || this.treeScale.y !== v) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
           }
         }
       }, i.prototype.hide = function() {
@@ -4312,12 +4312,12 @@ function Ea(t) {
       }, i.prototype.setAnimationOrigin = function(s, u) {
         var l = this, c;
         u === void 0 && (u = !1);
-        var f = this.snapshot, d = (f == null ? void 0 : f.latestValues) || {}, v = x({}, this.latestValues), p = fe();
+        var f = this.snapshot, d = (f == null ? void 0 : f.latestValues) || {}, p = x({}, this.latestValues), v = fe();
         this.relativeTarget = this.relativeTargetOrigin = void 0, this.attemptToResolveRelativeTarget = !u;
         var h = lt(), g = f == null ? void 0 : f.isShared, m = (((c = this.getStack()) === null || c === void 0 ? void 0 : c.members.length) || 0) <= 1, b = !!(g && !m && this.options.crossfade === !0 && !this.path.some(Md));
         this.animationProgress = 0, this.mixTargetDelta = function(y) {
           var P, w = y / 1e3;
-          Bo(p.x, s.x, w), Bo(p.y, s.y, w), l.setTargetDelta(p), l.relativeTarget && l.relativeTargetOrigin && l.layout && (!((P = l.relativeParent) === null || P === void 0) && P.layout) && (ce(h, l.layout.actual, l.relativeParent.layout.actual), Rd(l.relativeTarget, l.relativeTargetOrigin, h, w)), g && (l.animationValues = v, cd(v, d, l.latestValues, w, b, m)), l.root.scheduleUpdateProjection(), l.scheduleRender(), l.animationProgress = w;
+          Bo(v.x, s.x, w), Bo(v.y, s.y, w), l.setTargetDelta(v), l.relativeTarget && l.relativeTargetOrigin && l.layout && (!((P = l.relativeParent) === null || P === void 0) && P.layout) && (ce(h, l.layout.actual, l.relativeParent.layout.actual), Rd(l.relativeTarget, l.relativeTargetOrigin, h, w)), g && (l.animationValues = p, cd(p, d, l.latestValues, w, b, m)), l.root.scheduleUpdateProjection(), l.scheduleRender(), l.animationProgress = w;
         }, this.mixTargetDelta(0);
       }, i.prototype.startAnimation = function(s) {
         var u = this, l, c;
@@ -4381,37 +4381,37 @@ function Ea(t) {
           }
         }
       }, i.prototype.getProjectionStyles = function(s) {
-        var u, l, c, f, d, v;
+        var u, l, c, f, d, p;
         s === void 0 && (s = {});
-        var p = {};
+        var v = {};
         if (!this.instance || this.isSVG)
-          return p;
+          return v;
         if (this.isVisible)
-          p.visibility = "";
+          v.visibility = "";
         else
           return { visibility: "hidden" };
         var h = (u = this.options.visualElement) === null || u === void 0 ? void 0 : u.getProps().transformTemplate;
         if (this.needsReset)
-          return this.needsReset = !1, p.opacity = "", p.pointerEvents = Be(s.pointerEvents) || "", p.transform = h ? h(this.latestValues, "") : "none", p;
+          return this.needsReset = !1, v.opacity = "", v.pointerEvents = Be(s.pointerEvents) || "", v.transform = h ? h(this.latestValues, "") : "none", v;
         var g = this.getLead();
         if (!this.projectionDelta || !this.layout || !g.target) {
           var m = {};
           return this.options.layoutId && (m.opacity = (l = this.latestValues.opacity) !== null && l !== void 0 ? l : 1, m.pointerEvents = Be(s.pointerEvents) || ""), this.hasProjected && !Nt(this.latestValues) && (m.transform = h ? h({}, "") : "none", this.hasProjected = !1), m;
         }
         var b = g.animationValues || g.latestValues;
-        this.applyTransformsToTarget(), p.transform = No(this.projectionDeltaWithTransform, this.treeScale, b), h && (p.transform = h(b, p.transform));
+        this.applyTransformsToTarget(), v.transform = No(this.projectionDeltaWithTransform, this.treeScale, b), h && (v.transform = h(b, v.transform));
         var y = this.projectionDelta, P = y.x, w = y.y;
-        p.transformOrigin = "".concat(P.origin * 100, "% ").concat(w.origin * 100, "% 0"), g.animationValues ? p.opacity = g === this ? (f = (c = b.opacity) !== null && c !== void 0 ? c : this.latestValues.opacity) !== null && f !== void 0 ? f : 1 : this.preserveOpacity ? this.latestValues.opacity : b.opacityExit : p.opacity = g === this ? (d = b.opacity) !== null && d !== void 0 ? d : "" : (v = b.opacityExit) !== null && v !== void 0 ? v : 0;
+        v.transformOrigin = "".concat(P.origin * 100, "% ").concat(w.origin * 100, "% 0"), g.animationValues ? v.opacity = g === this ? (f = (c = b.opacity) !== null && c !== void 0 ? c : this.latestValues.opacity) !== null && f !== void 0 ? f : 1 : this.preserveOpacity ? this.latestValues.opacity : b.opacityExit : v.opacity = g === this ? (d = b.opacity) !== null && d !== void 0 ? d : "" : (p = b.opacityExit) !== null && p !== void 0 ? p : 0;
         for (var E in He)
           if (b[E] !== void 0) {
             var R = He[E], j = R.correct, M = R.applyTo, k = j(b[E], g);
             if (M)
               for (var rt = M.length, q = 0; q < rt; q++)
-                p[M[q]] = k;
+                v[M[q]] = k;
             else
-              p[E] = k;
+              v[E] = k;
           }
-        return this.options.layoutId && (p.pointerEvents = g === this ? Be(s.pointerEvents) || "" : "none"), p;
+        return this.options.layoutId && (v.pointerEvents = g === this ? Be(s.pointerEvents) || "" : "none"), v;
       }, i.prototype.clearSnapshot = function() {
         this.resumeFrom = this.snapshot = void 0;
       }, i.prototype.resetTree = function() {
@@ -4443,10 +4443,10 @@ function xd(t) {
     a.isShared ? le(c, t.applyTransform(u, !0), a.measured) : le(c, s, a.layout);
     var f = !wa(l), d = !1;
     if (!t.resumeFrom && (t.relativeParent = t.getClosestProjectingParent(), t.relativeParent && !t.relativeParent.resumeFrom)) {
-      var v = t.relativeParent, p = v.snapshot, h = v.layout;
-      if (p && h) {
+      var p = t.relativeParent, v = p.snapshot, h = p.layout;
+      if (v && h) {
         var g = lt();
-        ce(g, a.layout, p.layout);
+        ce(g, a.layout, v.layout);
         var m = lt();
         ce(m, s, h.actual), Va(g, m) || (d = !0);
       }
@@ -4666,38 +4666,47 @@ const Hd = ({
   onStoryChange: o,
   inline: a,
   loop: i,
-  onClose: s
+  onClose: s,
+  className: u = ""
 }) => {
-  const [u, l] = mt(0), c = () => {
-    l((v) => v + 1);
-  }, f = () => {
-    n && n(), i && c();
+  const [l, c] = mt(0), f = () => {
+    c((v) => v + 1);
+  }, d = () => {
+    n && n(), i && f();
   };
   if (t.length == 0) return /* @__PURE__ */ S(qo, {});
-  const d = a ? ({ children: v }) => v : Hd;
-  return /* @__PURE__ */ Z("div", { className: qt(Ot.StoryPlayer, { [Ot.inline]: a }), children: [
-    /* @__PURE__ */ S("div", { className: Ot.Overlay, onClick: r }),
-    /* @__PURE__ */ S("div", { className: Ot.StoryPlayer__Wrap, children: /* @__PURE__ */ Z(d, { onClose: s, children: [
-      /* @__PURE__ */ S("div", { className: Ot.CloseIcon, onClick: s, children: /* @__PURE__ */ S(Wd, {}) }),
-      /* @__PURE__ */ S(
-        su,
-        {
-          onStoryChange: o,
-          currentIndex: e,
-          stories: t,
-          width: "100%",
-          height: "100%",
-          onAllStoriesEnd: f,
-          classNames: {
-            progressContainer: Ot.progressContainer,
-            progressBar: Ot.progressBar,
-            progressBarContainer: Ot.progressBarContainer
-          }
-        },
-        u
-      )
-    ] }) })
-  ] });
+  const p = a ? ({ children: v }) => v : Hd;
+  return /* @__PURE__ */ Z(
+    "div",
+    {
+      className: qt(Ot.StoryPlayer, u, {
+        [Ot.inline]: a
+      }),
+      children: [
+        /* @__PURE__ */ S("div", { className: Ot.Overlay, onClick: r }),
+        /* @__PURE__ */ S("div", { className: Ot.StoryPlayer__Wrap, children: /* @__PURE__ */ Z(p, { onClose: s, children: [
+          /* @__PURE__ */ S("div", { className: Ot.CloseIcon, onClick: s, children: /* @__PURE__ */ S(Wd, {}) }),
+          /* @__PURE__ */ S(
+            su,
+            {
+              onStoryChange: o,
+              currentIndex: e,
+              stories: t,
+              width: "100%",
+              height: "100%",
+              onAllStoriesEnd: d,
+              classNames: {
+                progressContainer: Ot.progressContainer,
+                progressBar: Ot.progressBar,
+                progressBarContainer: Ot.progressBarContainer
+              }
+            },
+            l
+          )
+        ] }) })
+      ]
+    }
+  );
 }, qd = "_story_1c26c_1", Gd = "_BetSlip_Wrapper_1c26c_12", zd = "_BetSlip_ButtonWrap_1c26c_23", de = {
   story: qd,
   BetSlip_Wrapper: Gd,
@@ -4718,8 +4727,8 @@ class Xd {
   static fromRaw(e) {
     var i;
     const n = ((i = e.stakes.find((s) => s.isEnabled)) == null ? void 0 : i.preciseValue) ?? 0, r = e.selections.map((s) => {
-      var p, h, g;
-      const u = parseFloat(s.odd.price.toFixed(2)), l = Yd(s.event.startDate), c = (h = (p = s == null ? void 0 : s.odd) == null ? void 0 : p.offers) == null ? void 0 : h.find((m) => m.type === 0), d = s.market.name, v = (g = s == null ? void 0 : s.bbSelections) == null ? void 0 : g.map((m) => {
+      var v, h, g;
+      const u = parseFloat(s.odd.price.toFixed(2)), l = Yd(s.event.startDate), c = (h = (v = s == null ? void 0 : s.odd) == null ? void 0 : v.offers) == null ? void 0 : h.find((m) => m.type === 0), d = s.market.name, p = (g = s == null ? void 0 : s.bbSelections) == null ? void 0 : g.map((m) => {
         var w, E, R, j, M;
         const b = (w = m == null ? void 0 : m.odd) == null ? void 0 : w.price, y = parseFloat(b.toFixed(2)), P = (R = (E = m == null ? void 0 : m.odd) == null ? void 0 : E.offers) == null ? void 0 : R.find((k) => k.type === 0);
         return {
@@ -4739,7 +4748,7 @@ class Xd {
         paParam: c == null ? void 0 : c.parameter,
         marketName: d,
         // si ya lo tienes
-        subSelections: v
+        subSelections: p
         // ← aquí
       };
     }), o = parseFloat(
@@ -4966,16 +4975,16 @@ const xv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
   F(() => {
     f.current = c;
   }, [c]);
-  const d = e == null ? void 0 : e.find((m) => (m == null ? void 0 : m.id) == r), v = ((g = e == null ? void 0 : e.find((m) => (m == null ? void 0 : m.id) == r)) == null ? void 0 : g.stories) ?? [];
+  const d = e == null ? void 0 : e.find((m) => (m == null ? void 0 : m.id) == r), p = ((g = e == null ? void 0 : e.find((m) => (m == null ? void 0 : m.id) == r)) == null ? void 0 : g.stories) ?? [];
   Sv(r, () => o(null)), bv({
     targets: [document],
     scroll: r ? "OFF" : "ON"
   });
-  const p = () => {
+  const v = () => {
     o(null), f.current = c;
   }, h = () => {
     if (!r) return null;
-    const m = v.map((y) => ({
+    const m = p.map((y) => ({
       type: "component",
       component: ({ pause: P, resume: w, story: E, isPaused: R }) => (i(d == null ? void 0 : d.id, y.id), /* @__PURE__ */ S(Ra, { story: y })),
       duration: y != null && y.duration ? (y == null ? void 0 : y.duration) * 1e3 : 7e3,
@@ -4991,8 +5000,8 @@ const xv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
     })), b = /* @__PURE__ */ S(
       Ca,
       {
-        onClose: p,
-        onOverlayClick: p,
+        onClose: v,
+        onOverlayClick: v,
         onStoryChange: (y) => {
         },
         onAllStoriesEnd: async () => {