@maycolem/stories 20.0.0 → 21.0.0

package/dist/index.esm.js

@@ -1,12 +1,12 @@
-import { jsx as P, jsxs as q, Fragment as qn } from "react/jsx-runtime";
+import { jsx as b, jsxs as q, Fragment as qn } from "react/jsx-runtime";
 import * as En from "react";
-import E, { useState as Pt, useRef as Z, useCallback as pe, createContext as Wt, useMemo as qe, useEffect as k, Fragment as Wo, useContext as st, useLayoutEffect as Ia, forwardRef as Aa, createElement as Ma } from "react";
+import E, { useState as _t, useRef as Z, useCallback as pe, createContext as Ht, useMemo as qe, useEffect as k, Fragment as Wo, useContext as st, useLayoutEffect as Ia, forwardRef as Aa, createElement as Ma } from "react";
 import Ra from "react-dom";
 const La = "_ScrollMenu_hnfum_9", Ba = "_scrollContainerClassName_hnfum_16", Oa = "_itemClassName_hnfum_28", sn = {
   ScrollMenu: La,
   scrollContainerClassName: Ba,
   itemClassName: Oa
-}, Da = "_ProfileStory_bmzly_1", Na = "_ProfileStoryWrap_bmzly_12", Fa = "_ProfileStory__wrapImage_bmzly_26", ja = "_ProfileStory__image_bmzly_35", ka = "_ProfileStory__title_bmzly_50", $a = "_hasSeenAllStories_bmzly_59", zt = {
+}, Da = "_ProfileStory_bmzly_1", Na = "_ProfileStoryWrap_bmzly_12", Fa = "_ProfileStory__wrapImage_bmzly_26", ja = "_ProfileStory__image_bmzly_35", ka = "_ProfileStory__title_bmzly_50", $a = "_hasSeenAllStories_bmzly_59", Gt = {
   ProfileStory: Da,
   ProfileStoryWrap: Na,
   ProfileStory__wrapImage: Fa,
@@ -57,9 +57,9 @@ function Ua() {
   }(un)), un.exports;
 }
 var Wa = Ua();
-const Ut = /* @__PURE__ */ Ho(Wa);
+const Wt = /* @__PURE__ */ Ho(Wa);
 function Ha() {
-  const [t, e] = Pt({ width: 0, height: 0 }), n = Z();
+  const [t, e] = _t({ width: 0, height: 0 }), n = Z();
   return [pe((o) => {
     n.current && n.current.disconnect(), o && (n.current = new ResizeObserver((a) => {
       const i = a[0];
@@ -69,9 +69,9 @@ function Ha() {
     }), n.current.observe(o));
   }, []), t];
 }
-var ln, Pr;
+var ln, _r;
 function za() {
-  return Pr || (Pr = 1, ln = { hexToRGB: (r) => {
+  return _r || (_r = 1, ln = { hexToRGB: (r) => {
     let o = r;
     return o.length === 4 && (o = o[0] + o[1] + o[1] + o[2] + o[2] + o[3] + o[3]), {
       r: parseInt(o.substring(1, 3), 16),
@@ -80,10 +80,10 @@ function za() {
     };
   }, formatRGB: ({ r, g: o, b: a }) => `rgb(${r},${o},${a})`, formatRGBA: ({ r, g: o, b: a }, i) => `rgba(${r},${o},${a},${i})` }), ln;
 }
-var cn, wr;
+var cn, Pr;
 function Ga() {
-  if (wr) return cn;
-  wr = 1;
+  if (Pr) return cn;
+  Pr = 1;
   const { hexToRGB: t, formatRGB: e, formatRGBA: n } = za();
   return cn = (o, a) => {
     const i = t(o);
@@ -101,11 +101,11 @@ const Ya = /* @__PURE__ */ Ho(Ka), zo = ({
   hasSeenAllStories: i
 }) => {
   const [s, { width: u, height: l }] = Ha();
-  return /* @__PURE__ */ P("div", { ref: s, children: /* @__PURE__ */ q(
+  return /* @__PURE__ */ b("div", { ref: s, children: /* @__PURE__ */ q(
     "div",
     {
-      className: Ut(zt.ProfileStory, r, {
-        [zt.hasSeenAllStories]: i
+      className: Wt(Gt.ProfileStory, r, {
+        [Gt.hasSeenAllStories]: i
       }),
       onClick: o,
       style: {
@@ -114,8 +114,8 @@ const Ya = /* @__PURE__ */ Ho(Ka), zo = ({
         "--story-width": a ?? `${u}px`
       },
       children: [
-        /* @__PURE__ */ P("div", { className: zt.ProfileStoryWrap, children: /* @__PURE__ */ P("div", { className: zt.ProfileStory__wrapImage, children: /* @__PURE__ */ P("div", { className: zt.ProfileStory__image, children: /* @__PURE__ */ P("img", { src: t, alt: "", draggable: !1 }) }) }) }),
-        e && /* @__PURE__ */ P("div", { className: zt.ProfileStory__title, children: e })
+        /* @__PURE__ */ b("div", { className: Gt.ProfileStoryWrap, children: /* @__PURE__ */ b("div", { className: Gt.ProfileStory__wrapImage, children: /* @__PURE__ */ b("div", { className: Gt.ProfileStory__image, children: /* @__PURE__ */ b("img", { src: t, alt: "", draggable: !1 }) }) }) }),
+        e && /* @__PURE__ */ b("div", { className: Gt.ProfileStory__title, children: e })
       ]
     }
   ) });
@@ -175,7 +175,7 @@ let is = class {
     }, this.getVisible = () => this.filter((e) => e[1].visible), this.observer = new is(), this.firstRun = !0;
   }
 };
-const _r = (t) => typeof t == "object" && t != null && t.nodeType === 1, xr = (t, e) => (!e || t !== "hidden") && t !== "visible" && t !== "clip", fn = (t, e) => {
+const wr = (t) => typeof t == "object" && t != null && t.nodeType === 1, xr = (t, e) => (!e || t !== "hidden") && t !== "visible" && t !== "clip", fn = (t, e) => {
   if (t.clientHeight < t.scrollHeight || t.clientWidth < t.scrollWidth) {
     const n = getComputedStyle(t, null);
     return xr(n.overflowY, e) || xr(n.overflowX, e) || ((r) => {
@@ -198,31 +198,31 @@ const _r = (t) => typeof t == "object" && t != null && t.nodeType === 1, xr = (t
   var n, r, o, a;
   if (typeof document > "u") return [];
   const { scrollMode: i, block: s, inline: u, boundary: l, skipOverflowHiddenElements: c } = e, f = typeof l == "function" ? l : (Q) => Q !== l;
-  if (!_r(t)) throw new TypeError("Invalid target");
+  if (!wr(t)) throw new TypeError("Invalid target");
   const d = document.scrollingElement || document.documentElement, p = [];
   let v = t;
-  for (; _r(v) && f(v); ) {
+  for (; wr(v) && f(v); ) {
     if (v = ss(v), v === d) {
       p.push(v);
       break;
     }
     v != null && v === document.body && fn(v) && !fn(document.documentElement) || v != null && fn(v, c) && p.push(v);
   }
-  const m = (r = (n = window.visualViewport) == null ? void 0 : n.width) != null ? r : innerWidth, y = (a = (o = window.visualViewport) == null ? void 0 : o.height) != null ? a : innerHeight, { scrollX: h, scrollY: S } = window, { height: g, width: w, top: x, right: T, bottom: R, left: O } = t.getBoundingClientRect(), { top: V, right: F, bottom: J, left: $ } = ((Q) => {
+  const m = (r = (n = window.visualViewport) == null ? void 0 : n.width) != null ? r : innerWidth, y = (a = (o = window.visualViewport) == null ? void 0 : o.height) != null ? a : innerHeight, { scrollX: h, scrollY: S } = window, { height: g, width: P, top: x, right: T, bottom: R, left: O } = t.getBoundingClientRect(), { top: V, right: F, bottom: J, left: $ } = ((Q) => {
     const M = window.getComputedStyle(Q);
     return { top: parseFloat(M.scrollMarginTop) || 0, right: parseFloat(M.scrollMarginRight) || 0, bottom: parseFloat(M.scrollMarginBottom) || 0, left: parseFloat(M.scrollMarginLeft) || 0 };
   })(t);
-  let j = s === "start" || s === "nearest" ? x - V : s === "end" ? R + J : x + g / 2 - V + J, I = u === "center" ? O + w / 2 - $ + F : u === "end" ? T + F : O - $;
+  let j = s === "start" || s === "nearest" ? x - V : s === "end" ? R + J : x + g / 2 - V + J, I = u === "center" ? O + P / 2 - $ + F : u === "end" ? T + F : O - $;
   const G = [];
   for (let Q = 0; Q < p.length; Q++) {
     const M = p[Q], { height: it, width: at, top: ut, right: U, bottom: X, left: D } = M.getBoundingClientRect();
     if (i === "if-needed" && x >= 0 && O >= 0 && R <= y && T <= m && x >= ut && R <= X && O >= D && T <= U) return G;
-    const _ = getComputedStyle(M), C = parseInt(_.borderLeftWidth, 10), B = parseInt(_.borderTopWidth, 10), L = parseInt(_.borderRightWidth, 10), N = parseInt(_.borderBottomWidth, 10);
+    const w = getComputedStyle(M), C = parseInt(w.borderLeftWidth, 10), B = parseInt(w.borderTopWidth, 10), L = parseInt(w.borderRightWidth, 10), N = parseInt(w.borderBottomWidth, 10);
     let W = 0, rt = 0;
     const ot = "offsetWidth" in M ? M.offsetWidth - M.clientWidth - C - L : 0, et = "offsetHeight" in M ? M.offsetHeight - M.clientHeight - B - N : 0, Ct = "offsetWidth" in M ? M.offsetWidth === 0 ? 0 : at / M.offsetWidth : 0, ee = "offsetHeight" in M ? M.offsetHeight === 0 ? 0 : it / M.offsetHeight : 0;
-    if (d === M) W = s === "start" ? j : s === "end" ? j - y : s === "nearest" ? Ee(S, S + y, y, B, N, S + j, S + j + g, g) : j - y / 2, rt = u === "start" ? I : u === "center" ? I - m / 2 : u === "end" ? I - m : Ee(h, h + m, m, C, L, h + I, h + I + w, w), W = Math.max(0, W + S), rt = Math.max(0, rt + h);
+    if (d === M) W = s === "start" ? j : s === "end" ? j - y : s === "nearest" ? Ee(S, S + y, y, B, N, S + j, S + j + g, g) : j - y / 2, rt = u === "start" ? I : u === "center" ? I - m / 2 : u === "end" ? I - m : Ee(h, h + m, m, C, L, h + I, h + I + P, P), W = Math.max(0, W + S), rt = Math.max(0, rt + h);
     else {
-      W = s === "start" ? j - ut - B : s === "end" ? j - X + N + et : s === "nearest" ? Ee(ut, X, it, B, N + et, j, j + g, g) : j - (ut + it / 2) + et / 2, rt = u === "start" ? I - D - C : u === "center" ? I - (D + at / 2) + ot / 2 : u === "end" ? I - U + L + ot : Ee(D, U, at, C, L + ot, I, I + w, w);
+      W = s === "start" ? j - ut - B : s === "end" ? j - X + N + et : s === "nearest" ? Ee(ut, X, it, B, N + et, j, j + g, g) : j - (ut + it / 2) + et / 2, rt = u === "start" ? I - D - C : u === "center" ? I - (D + at / 2) + ot / 2 : u === "end" ? I - U + L + ot : Ee(D, U, at, C, L + ot, I, I + P, P);
       const { scrollLeft: ne, scrollTop: re } = M;
       W = ee === 0 ? 0 : Math.max(0, Math.min(re + W / ee, M.scrollHeight - it / ee + et)), rt = Ct === 0 ? 0 : Math.max(0, Math.min(ne + rt / Ct, M.scrollWidth - at / Ct + ot)), j += re - W, I += ne - rt;
     }
@@ -328,7 +328,7 @@ function ys({ items: t, itemsChanged: e, refs: n, options: r }) {
 }
 const Ss = (t) => E.Children.toArray(t).map(Xo).filter(Boolean), Er = { ratio: 0.9, rootMargin: "5px", threshold: [0.05, 0.5, 0.75, 0.95] }, bs = { current: {} }, Ie = () => {
 };
-function Ps({ LeftArrow: t, RightArrow: e, children: n, Header: r, Footer: o, transitionDuration: a = 500, transitionBehavior: i, onInit: s = Ie, onUpdate: u = Ie, onMouseDown: l, onMouseLeave: c, onMouseUp: f, onMouseMove: d, onScroll: p = Ie, onTouchMove: v, onTouchStart: m, onTouchEnd: y, onWheel: h = Ie, options: S = Er, scrollContainerClassName: g = pt, containerRef: w = os, itemClassName: x = pt, wrapperClassName: T = pt, apiRef: R = bs, RTL: O, noPolyfill: V }) {
+function _s({ LeftArrow: t, RightArrow: e, children: n, Header: r, Footer: o, transitionDuration: a = 500, transitionBehavior: i, onInit: s = Ie, onUpdate: u = Ie, onMouseDown: l, onMouseLeave: c, onMouseUp: f, onMouseMove: d, onScroll: p = Ie, onTouchMove: v, onTouchStart: m, onTouchEnd: y, onWheel: h = Ie, options: S = Er, scrollContainerClassName: g = pt, containerRef: P = os, itemClassName: x = pt, wrapperClassName: T = pt, apiRef: R = bs, RTL: O, noPolyfill: V }) {
   const F = Ve(t), J = Ve(e), $ = Ve(r), j = Ve(o), I = E.useRef(null), [G] = E.useState({}), Q = E.useMemo(() => Object.assign(Object.assign(Object.assign({}, Er), S), { root: I.current }), [S]), M = E.useRef(new as()).current, it = function(L, N) {
     const [W, rt] = E.useState(pt), ot = E.useMemo(() => Ss(L), [L]);
     return E.useEffect(() => {
@@ -357,21 +357,21 @@ function Ps({ LeftArrow: t, RightArrow: e, children: n, Header: r, Footer: o, tr
       var K;
       return (K = L.find((ft) => String(ft[1].index) === String(H))) === null || K === void 0 ? void 0 : K[1];
     }, getItemElementByIndex: ds, getNextElement: Sr, getPrevElement: re, isFirstItemVisible: Ct, isItemVisible: (H) => L.getVisible().map((K) => K[0]).includes(String(H)), isLastItem: (H) => L.last() === ne(H), isLastItemVisible: ee, scrollNext: (H, K, ft, { duration: Et, boundary: gt = an } = {}) => {
-      const wt = H ?? (N == null ? void 0 : N.behavior);
-      return vn(Sr(), wt, K || "start", ft || "nearest", { boundary: gt, duration: Et ?? (N == null ? void 0 : N.duration) }, W);
+      const Pt = H ?? (N == null ? void 0 : N.behavior);
+      return vn(Sr(), Pt, K || "start", ft || "nearest", { boundary: gt, duration: Et ?? (N == null ? void 0 : N.duration) }, W);
     }, scrollPrev: (H, K, ft, { duration: Et, boundary: gt = an } = {}) => {
-      const wt = H ?? (N == null ? void 0 : N.behavior);
-      return vn(re(), wt, K || "end", ft || "nearest", { boundary: gt, duration: Et ?? (N == null ? void 0 : N.duration) }, W);
+      const Pt = H ?? (N == null ? void 0 : N.behavior);
+      return vn(re(), Pt, K || "end", ft || "nearest", { boundary: gt, duration: Et ?? (N == null ? void 0 : N.duration) }, W);
     }, useIsVisible: (H, K = !1) => {
-      const [ft, Et] = E.useState(K), gt = E.useCallback((wt) => {
-        Et(!!(wt != null && wt.visible));
+      const [ft, Et] = E.useState(K), gt = E.useCallback((Pt) => {
+        Et(!!(Pt != null && Pt.visible));
       }, []);
       return E.useEffect(() => (L.subscribe(H, gt), () => {
         L.unsubscribe(H, gt);
       }), [H, gt]), ft;
     }, scrollToItem: (H, K, ft, Et, gt) => {
-      var wt;
-      return vn(H, K ?? (N == null ? void 0 : N.behavior), ft, Et, Object.assign(Object.assign({ boundary: an }, gt), { duration: (wt = gt == null ? void 0 : gt.duration) !== null && wt !== void 0 ? wt : N == null ? void 0 : N.duration }), W);
+      var Pt;
+      return vn(H, K ?? (N == null ? void 0 : N.behavior), ft, Et, Object.assign(Object.assign({ boundary: an }, gt), { duration: (Pt = gt == null ? void 0 : gt.duration) !== null && Pt !== void 0 ? Pt : N == null ? void 0 : N.duration }), W);
     } };
   }(M, { duration: a, behavior: i, boundary: I }, V), [M, a, i, V]), ut = E.useCallback(() => Object.assign(Object.assign({}, at), { items: M, scrollContainer: I }), [at, M, I]), [U, X] = E.useState(() => ut());
   (({ context: L, onInit: N, onUpdate: W }) => {
@@ -382,12 +382,12 @@ function Ps({ LeftArrow: t, RightArrow: e, children: n, Header: r, Footer: o, tr
   })({ context: U, onInit: s, onUpdate: u }), E.useEffect(() => X(ut()), [ut]), E.useEffect(() => {
     Vn(R) ? R.current = U : R(U);
   }, [U, R]);
-  const D = E.useCallback((L) => p(U, L), [p, U]), _ = E.useCallback((L) => h(U, L), [h, U]), C = E.useMemo(() => `${Za} ${T}`, [T]), B = E.useMemo(() => `${g}${O ? " rtl" : pt}`, [O, g]);
-  return E.createElement("div", { className: C, onWheel: _, onMouseDown: l == null ? void 0 : l(U), onMouseLeave: c == null ? void 0 : c(U), onMouseUp: f == null ? void 0 : f(U), onMouseMove: d == null ? void 0 : d(U), onTouchStart: m == null ? void 0 : m(U), onTouchMove: v == null ? void 0 : v(U), onTouchEnd: y == null ? void 0 : y(U) }, E.createElement(hs.Provider, { value: U }, E.createElement("div", { className: Qa }, $), E.createElement("div", { className: Ja }, E.createElement("div", { className: ts }, F), E.createElement(ms, { className: B, onScroll: D, scrollRef: I, containerRef: w }, E.createElement(ps, { refs: G, itemClassName: x }, n)), E.createElement("div", { className: es }, J)), E.createElement("div", { className: ns }, j)));
+  const D = E.useCallback((L) => p(U, L), [p, U]), w = E.useCallback((L) => h(U, L), [h, U]), C = E.useMemo(() => `${Za} ${T}`, [T]), B = E.useMemo(() => `${g}${O ? " rtl" : pt}`, [O, g]);
+  return E.createElement("div", { className: C, onWheel: w, onMouseDown: l == null ? void 0 : l(U), onMouseLeave: c == null ? void 0 : c(U), onMouseUp: f == null ? void 0 : f(U), onMouseMove: d == null ? void 0 : d(U), onTouchStart: m == null ? void 0 : m(U), onTouchMove: v == null ? void 0 : v(U), onTouchEnd: y == null ? void 0 : y(U) }, E.createElement(hs.Provider, { value: U }, E.createElement("div", { className: Qa }, $), E.createElement("div", { className: Ja }, E.createElement("div", { className: ts }, F), E.createElement(ms, { className: B, onScroll: D, scrollRef: I, containerRef: P }, E.createElement(ps, { refs: G, itemClassName: x }, n)), E.createElement("div", { className: es }, J)), E.createElement("div", { className: ns }, j)));
 }
-const ws = "_StoryPlayer_v4m0s_1", _s = "_Overlay_v4m0s_15", xs = "_StoryPlayer__Wrap_v4m0s_25", Ts = "_progressContainer_v4m0s_37", Cs = "_CloseIcon_v4m0s_41", Es = "_inline_v4m0s_57", Vs = "_progressBarContainer_v4m0s_75", Is = "_progressBar_v4m0s_75", Rt = {
-  StoryPlayer: ws,
-  Overlay: _s,
+const Ps = "_StoryPlayer_om2md_1", ws = "_Overlay_om2md_15", xs = "_StoryPlayer__Wrap_om2md_25", Ts = "_progressContainer_om2md_37", Cs = "_CloseIcon_om2md_41", Es = "_inline_om2md_57", Vs = "_progressBarContainer_om2md_75", Is = "_progressBar_om2md_75", Rt = {
+  StoryPlayer: Ps,
+  Overlay: ws,
   StoryPlayer__Wrap: xs,
   progressContainer: Ts,
   CloseIcon: Cs,
@@ -400,9 +400,9 @@ var Y = function() {
     for (var e, n = 1, r = arguments.length; n < r; n++) for (var o in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
     return t;
   }, Y.apply(this, arguments);
-}, Zo = Wt({ stories: [], width: "100%", height: "100%", defaultDuration: 1e4, isPaused: !1 }), pn = Object.freeze({ LEFT: "left", RIGHT: "right" }), As = "Actions-styles_left__eky50", Ms = "Actions-styles_right__zguoH";
+}, Zo = Ht({ stories: [], width: "100%", height: "100%", defaultDuration: 1e4, isPaused: !1 }), pn = Object.freeze({ LEFT: "left", RIGHT: "right" }), As = "Actions-styles_left__eky50", Ms = "Actions-styles_right__zguoH";
 function Rs(t) {
-  var e = t.onNextClick, n = t.onPrevClick, r = t.onPause, o = t.onResume, a = Pt(!1), i = a[0], s = a[1], u = Z(null);
+  var e = t.onNextClick, n = t.onPrevClick, r = t.onPause, o = t.onResume, a = _t(!1), i = a[0], s = a[1], u = Z(null);
   function l(d) {
     d.stopPropagation(), d.preventDefault(), clearTimeout(u.current), u.current = setTimeout(function() {
       r(), s(!0);
@@ -423,14 +423,14 @@ function Rs(t) {
       return l(p);
     } };
   }
-  return q(Wo, { children: [P("div", Y({ className: As }, f(pn.LEFT))), P("div", Y({ className: Ms }, f(pn.RIGHT)))] });
+  return q(Wo, { children: [b("div", Y({ className: As }, f(pn.LEFT))), b("div", Y({ className: Ms }, f(pn.RIGHT)))] });
 }
 function Xe() {
   return st(Zo);
 }
 var Ls = "ProgressBar-styles_wrapper__oqUCo", Bs = "ProgressBar-styles_bar__x0O50", Vr = 0, Ir = 0.1;
 function Os(t) {
-  var e, n, r, o, a, i = Xe(), s = i.defaultDuration, u = i.classNames, l = Z(null), c = Z(null), f = Pt(!1), d = f[0], p = f[1];
+  var e, n, r, o, a, i = Xe(), s = i.defaultDuration, u = i.classNames, l = Z(null), c = Z(null), f = _t(!1), d = f[0], p = f[1];
   return k(function() {
     !t.isPaused && t.isActive && t.isActive ? p(!0) : p(!1);
   }, [t.isActive, t.isPaused]), k(function() {
@@ -453,20 +453,20 @@ function Os(t) {
     }) : function() {
       r.current && (r.current = null), cancelAnimationFrame(r.current), o.current = null;
     };
-  }, [n]), P("div", Y({ className: "".concat(Ls, " ").concat((u == null ? void 0 : u.progressBarContainer) || ""), ref: c }, { children: P("div", { className: "".concat(Bs, " ").concat((u == null ? void 0 : u.progressBar) || ""), ref: l }) }));
+  }, [n]), b("div", Y({ className: "".concat(Ls, " ").concat((u == null ? void 0 : u.progressBarContainer) || ""), ref: c }, { children: b("div", { className: "".concat(Bs, " ").concat((u == null ? void 0 : u.progressBar) || ""), ref: l }) }));
 }
 var Ds = "progress-styles_wrapper__qQPyW";
 function Ns(t) {
   var e = Xe(), n = e.stories, r = e.classNames;
-  return P("div", Y({ className: "".concat(Ds, " ").concat((r == null ? void 0 : r.progressContainer) || ""), style: { gridTemplateColumns: "repeat(".concat(n.length, ",1fr)") } }, { children: n.map(function(o) {
-    return P(Os, { hasStoryPassed: o.index < t.activeStoryIndex, isActive: o.index === t.activeStoryIndex, story: o, isPaused: o.index === t.activeStoryIndex && t.isPaused }, o.index);
+  return b("div", Y({ className: "".concat(Ds, " ").concat((r == null ? void 0 : r.progressContainer) || ""), style: { gridTemplateColumns: "repeat(".concat(n.length, ",1fr)") } }, { children: n.map(function(o) {
+    return b(Os, { hasStoryPassed: o.index < t.activeStoryIndex, isActive: o.index === t.activeStoryIndex, story: o, isPaused: o.index === t.activeStoryIndex && t.isPaused }, o.index);
   }) }));
 }
 var mn = Object.freeze({ IMAGE: "image", VIDEO: "video", COMPONENT: "component" }), Fs = "Story-styles_wrapper__oJP7j", js = "Story-styles_header__-rnWL", ks = "Image-styles_image__gnfW1";
 function $s(t) {
   return k(function() {
     t.onPause();
-  }, []), P("img", { className: ks, src: t.story.url, alt: "story", onLoad: function() {
+  }, []), b("img", { className: ks, src: t.story.url, alt: "story", onLoad: function() {
     setTimeout(function() {
       t.onResume();
     }, 4);
@@ -474,11 +474,11 @@ function $s(t) {
 }
 var hn, Us = "Video-styles_video__BykuO", Ws = "Video-styles_loaderWrapper__TqVWk", Hs = "Video-styles_loader__FxxSV", zs = "Video-styles_soundIcon__ZvYXE";
 function Gs(t) {
-  return t.type === "off" ? P("svg", Y({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: P("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" }) })) : P("svg", Y({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: P("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 t.type === "off" ? b("svg", Y({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: b("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" }) })) : b("svg", Y({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: b("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 In = "RSIsMute", Kt = typeof window > "u" ? {} : window;
 function Ks(t) {
-  var e, n = Xe().isPaused, r = Pt(((e = Kt == null ? void 0 : Kt.localStorage) === null || e === void 0 ? void 0 : e.getItem(In)) === "true"), o = r[0], a = r[1], i = Pt(!1), s = i[0], u = i[1], l = Z(null);
+  var e, n = Xe().isPaused, r = _t(((e = Kt == null ? void 0 : Kt.localStorage) === null || e === void 0 ? void 0 : e.getItem(In)) === "true"), o = r[0], a = r[1], i = _t(!1), s = i[0], u = i[1], l = Z(null);
   function c(f) {
     var d;
     (d = Kt == null ? void 0 : Kt.localStorage) === null || d === void 0 || d.setItem(In, String(f)), a(f);
@@ -494,40 +494,40 @@ function Ks(t) {
     setTimeout(function() {
       t.onResume(), u(!1);
     }, 4);
-  }, muted: o }, { children: [P("source", { src: t.story.url, type: "video/mp4" }), P("source", { src: t.story.url, type: "video/webm" }), P("source", { src: t.story.url, type: "video/ogg" }), P("p", { children: "Video not supported" })] })), P("div", Y({ className: zs, onClick: function() {
+  }, muted: o }, { children: [b("source", { src: t.story.url, type: "video/mp4" }), b("source", { src: t.story.url, type: "video/webm" }), b("source", { src: t.story.url, type: "video/ogg" }), b("p", { children: "Video not supported" })] })), b("div", Y({ className: zs, onClick: function() {
     return c(!o);
-  } }, { children: P(Gs, { type: o ? "off" : "on" }) })), s && P("div", Y({ className: Ws }, { children: P("div", { className: Hs }) }))] });
+  } }, { children: b(Gs, { type: o ? "off" : "on" }) })), s && b("div", Y({ className: Ws }, { children: b("div", { className: Hs }) }))] });
 }
 (hn = Kt == null ? void 0 : Kt.localStorage) === null || hn === void 0 || hn.setItem(In, "true");
 var Ys = "CustomComponents-styles_component__w87Wx";
 function qs(t) {
-  return P("div", Y({ className: Ys }, { children: P(t.story.component, { pause: t.onPause, resume: t.onResume, story: t.story, isPaused: t.isPaused }) }));
+  return b("div", Y({ className: Ys }, { children: b(t.story.component, { pause: t.onPause, resume: t.onResume, story: t.story, isPaused: t.isPaused }) }));
 }
 var Xs = "SeeMore-styles_seeMoreWrapper__kwjif", Zs = "SeeMore-styles_defaultSeeMore__-B1QW";
 function Js(t) {
-  return t.story.seeMore ? P("button", Y({ type: "button", onClick: function() {
+  return t.story.seeMore ? b("button", Y({ type: "button", onClick: function() {
     t.onSeeMoreClick();
   }, className: Xs }, { children: function() {
     var e = t.story.seeMore, n = typeof e;
     if (["string", "boolean"].includes(n)) {
       var r = n === "string" ? e : "See More";
-      return q("div", Y({ className: Zs }, { children: [P("span", { children: "^" }), P("p", { children: r })] }));
+      return q("div", Y({ className: Zs }, { children: [b("span", { children: "^" }), b("p", { children: r })] }));
     }
-    return n === "function" ? P(t.story.seeMore, {}) : t.story.seeMore;
+    return n === "function" ? b(t.story.seeMore, {}) : t.story.seeMore;
   }() })) : null;
 }
 var Qs = "SeeMoreComponent-styles_seeMoreComponentWrapper__0T6Ap", tu = "SeeMoreComponent-styles_closeIcon__LMm3b";
 function eu(t) {
-  return t.story.seeMore && t.story.seeMoreComponent ? q("div", Y({ className: Qs }, { children: [P("button", Y({ className: tu, onClick: t.onClose }, { children: "✕" })), typeof t.story.seeMoreComponent == "function" ? P(t.story.seeMoreComponent, {}) : t.story.seeMoreComponent] })) : null;
+  return t.story.seeMore && t.story.seeMoreComponent ? q("div", Y({ className: Qs }, { children: [b("button", Y({ className: tu, onClick: t.onClose }, { children: "✕" })), typeof t.story.seeMoreComponent == "function" ? b(t.story.seeMoreComponent, {}) : t.story.seeMoreComponent] })) : null;
 }
 function nu(t) {
-  var e = Pt(!1), n = e[0], r = e[1], o = Xe().classNames;
+  var e = _t(!1), n = e[0], r = e[1], o = Xe().classNames;
   return k(function() {
     r(!1);
-  }, [t.story]), q("div", Y({ className: "".concat(Fs, " ").concat((o == null ? void 0 : o.storyContainer) || "") }, { children: [t.story.type === mn.IMAGE ? P($s, Y({}, t)) : t.story.type === mn.VIDEO ? P(Ks, Y({}, t)) : t.story.type === mn.COMPONENT ? P(qs, Y({}, t)) : null, t.story.header && P("div", Y({ className: js }, { children: typeof t.story.header == "function" ? P(t.story.header, {}) : t.story.header })), P(Js, { onSeeMoreClick: function() {
+  }, [t.story]), q("div", Y({ className: "".concat(Fs, " ").concat((o == null ? void 0 : o.storyContainer) || "") }, { children: [t.story.type === mn.IMAGE ? b($s, Y({}, t)) : t.story.type === mn.VIDEO ? b(Ks, Y({}, t)) : t.story.type === mn.COMPONENT ? b(qs, Y({}, t)) : null, t.story.header && b("div", Y({ className: js }, { children: typeof t.story.header == "function" ? b(t.story.header, {}) : t.story.header })), b(Js, { onSeeMoreClick: function() {
     var a, i;
     t.onPause(), r(!0), (i = (a = t.story).onSeeMoreClick) === null || i === void 0 || i.call(a, t.story.index);
-  }, story: t.story }), n && P(eu, { story: t.story, onClose: function() {
+  }, story: t.story }), n && b(eu, { story: t.story, onClose: function() {
     t.onResume(), r(!1);
   } })] }));
 }
@@ -537,8 +537,8 @@ function Ar(t) {
 }
 function ou(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, p = d === void 0 ? "100%" : d, v = t.onStoryChange, m = v === void 0 ? function() {
-  } : v, y = t.currentIndex, h = y === void 0 ? 0 : y, S = t.defaultDuration, g = S === void 0 ? 1e4 : S, w = t.onAllStoriesEnd, x = w === void 0 ? function() {
-  } : w, T = t.onStoriesStart, R = T === void 0 ? function() {
+  } : v, y = t.currentIndex, h = y === void 0 ? 0 : y, S = t.defaultDuration, g = S === void 0 ? 1e4 : S, P = t.onAllStoriesEnd, x = P === void 0 ? function() {
+  } : P, T = t.onStoriesStart, R = T === void 0 ? function() {
   } : T, O = t.classNames, V = O === void 0 ? {} : O, F = t.pauseStoryWhenInActiveWindow, J = F === void 0 || F, $ = qe(function() {
     return function(B, L) {
       var N = 0;
@@ -547,7 +547,7 @@ function ou(t) {
         return et === N && (et = ot + Ar(6)), N = et, Y(Y({}, W), { index: rt, calculatedDuration: et });
       });
     }(l, g);
-  }, [l, g]), j = Pt(), I = j[0], G = j[1], Q = l.length - 1, M = Pt(!1), it = M[0], at = M[1], ut = Z(!1), U = Z(!1);
+  }, [l, g]), j = _t(), I = j[0], G = j[1], Q = l.length - 1, M = _t(!1), it = M[0], at = M[1], ut = Z(!1), U = Z(!1);
   function X() {
     ut.current || (I == null ? void 0 : I.index) !== Q || (x(), ut.current = !0), (I == null ? void 0 : I.index) !== Q && G(function(B) {
       if (!B) return $[0];
@@ -558,7 +558,7 @@ function ou(t) {
   function D() {
     at(!0);
   }
-  function _() {
+  function w() {
     at(!1);
   }
   k(function() {
@@ -607,13 +607,13 @@ function ou(t) {
     J && at(!B);
   });
   var C = { stories: $, width: f, height: p, defaultDuration: g, isPaused: it, classNames: V };
-  return I ? P(Zo.Provider, Y({ value: C }, { children: q("div", Y({ className: "".concat(ru, " ").concat(V.main || ""), style: { width: f, height: p } }, { children: [P(Ns, { activeStoryIndex: I.index, isPaused: it }), P(nu, { onPause: D, onResume: _, story: I, isPaused: it }, I.index), P(Rs, { onNextClick: X, onPrevClick: function() {
+  return I ? b(Zo.Provider, Y({ value: C }, { children: q("div", Y({ className: "".concat(ru, " ").concat(V.main || ""), style: { width: f, height: p } }, { children: [b(Ns, { activeStoryIndex: I.index, isPaused: it }), b(nu, { onPause: D, onResume: w, story: I, isPaused: it }, I.index), b(Rs, { onNextClick: X, onPrevClick: function() {
     (I == null ? void 0 : I.index) !== 0 && G(function(B) {
       if (!B) return $[0];
       var L = (B == null ? void 0 : B.index) - 1;
       return $[L];
     });
-  }, onPause: D, onResume: _ })] })) })) : null;
+  }, onPause: D, onResume: w })] })) })) : null;
 }
 var An = function(t, e) {
   return An = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, r) {
@@ -631,14 +631,14 @@ function Jo(t, e) {
   }
   t.prototype = e === null ? Object.create(e) : (n.prototype = e.prototype, new n());
 }
-var b = function() {
-  return b = Object.assign || function(e) {
+var _ = function() {
+  return _ = Object.assign || function(e) {
     for (var n, r = 1, o = arguments.length; r < o; r++) {
       n = arguments[r];
       for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
     }
     return e;
-  }, b.apply(this, arguments);
+  }, _.apply(this, arguments);
 };
 function ht(t, e) {
   var n = {};
@@ -711,16 +711,16 @@ function iu(t) {
   for (var e in t)
     t[e] !== null && (e === "projectionNodeConstructor" ? me.projectionNodeConstructor = t[e] : me[e].Component = t[e]);
 }
-var Pe = function() {
+var _e = function() {
 }, vt = function() {
 };
-process.env.NODE_ENV !== "production" && (Pe = function(t, e) {
+process.env.NODE_ENV !== "production" && (_e = function(t, e) {
   !t && typeof console < "u" && console.warn(e);
 }, vt = function(t, e) {
   if (!t)
     throw new Error(e);
 });
-var ti = Wt({ strict: !1 }), ei = Object.keys(me), au = ei.length;
+var ti = Ht({ strict: !1 }), ei = Object.keys(me), au = ei.length;
 function su(t, e, n) {
   var r = [], o = st(ti);
   if (!e)
@@ -728,21 +728,21 @@ function su(t, e, n) {
   Qo !== "production" && n && o.strict && vt(!1, "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.");
   for (var a = 0; a < au; a++) {
     var i = ei[a], s = me[i], u = s.isEnabled, l = s.Component;
-    u(t) && l && r.push(En.createElement(l, b({ key: i }, t, { visualElement: e })));
+    u(t) && l && r.push(En.createElement(l, _({ key: i }, t, { visualElement: e })));
   }
   return r;
 }
-var Xn = Wt({
+var Xn = Ht({
   transformPagePoint: function(t) {
     return t;
   },
   isStatic: !1,
   reducedMotion: "never"
-}), Ze = Wt({});
+}), Ze = Ht({});
 function uu() {
   return st(Ze).visualElement;
 }
-var Je = Wt(null), te = typeof document < "u", Rr = te ? Ia : k, Mn = { current: null }, ni = !1;
+var Je = Ht(null), te = typeof document < "u", Rr = te ? Ia : k, Mn = { current: null }, ni = !1;
 function lu() {
   if (ni = !0, !!te)
     if (window.matchMedia) {
@@ -755,7 +755,7 @@ function lu() {
 }
 function cu() {
   !ni && lu();
-  var t = nt(Pt(Mn.current), 1), e = t[0];
+  var t = nt(_t(Mn.current), 1), e = t[0];
   return e;
 }
 function fu() {
@@ -853,7 +853,7 @@ function gu(t) {
 function Lr(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-function we(t) {
+function Pe(t) {
   var e = Z(null);
   return e.current === null && (e.current = t()), e.current;
 }
@@ -870,12 +870,12 @@ var ae = {
   hasEverUpdated: !1
 }, yu = 1;
 function Su() {
-  return we(function() {
+  return Pe(function() {
     if (ae.hasEverUpdated)
       return yu++;
   });
 }
-var ai = Wt({}), si = Wt({});
+var ai = Ht({}), si = Ht({});
 function bu(t, e, n, r) {
   var o, a = e.layoutId, i = e.layout, s = e.drag, u = e.dragConstraints, l = e.layoutScroll, c = st(si);
   !r || !n || n != null && n.projection || (n.projection = new r(t, n.getLatestValues(), (o = n.parent) === null || o === void 0 ? void 0 : o.projection), n.projection.setOptions({
@@ -898,7 +898,7 @@ function bu(t, e, n, r) {
     layoutScroll: l
   }));
 }
-var Pu = (
+var _u = (
   /** @class */
   function(t) {
     Jo(e, t);
@@ -916,29 +916,29 @@ var Pu = (
     }, e;
   }(E.Component)
 );
-function wu(t) {
+function Pu(t) {
   var e = t.preloadedFeatures, n = t.createVisualElement, r = t.projectionNodeConstructor, o = t.useRender, a = t.useVisualState, i = t.Component;
   e && iu(e);
   function s(u, l) {
-    var c = _u(u);
-    u = b(b({}, u), { layoutId: c });
+    var c = wu(u);
+    u = _(_({}, u), { layoutId: c });
     var f = st(Xn), d = null, p = gu(u), v = f.isStatic ? void 0 : Su(), m = a(u, f.isStatic);
-    return !f.isStatic && te && (p.visualElement = du(i, m, b(b({}, f), u), n), bu(v, u, p.visualElement, r || me.projectionNodeConstructor), d = su(u, p.visualElement, e)), En.createElement(
-      Pu,
-      { visualElement: p.visualElement, props: b(b({}, f), u) },
+    return !f.isStatic && te && (p.visualElement = du(i, m, _(_({}, f), u), n), bu(v, u, p.visualElement, r || me.projectionNodeConstructor), d = su(u, p.visualElement, e)), En.createElement(
+      _u,
+      { visualElement: p.visualElement, props: _(_({}, f), u) },
       d,
       En.createElement(Ze.Provider, { value: p }, o(i, u, v, vu(m, p.visualElement, l), m, f.isStatic, p.visualElement))
     );
   }
   return Aa(s);
 }
-function _u(t) {
+function wu(t) {
   var e, n = t.layoutId, r = (e = st(ai)) === null || e === void 0 ? void 0 : e.id;
   return r && n !== void 0 ? r + "-" + n : n;
 }
 function xu(t) {
   function e(r, o) {
-    return o === void 0 && (o = {}), wu(t(r, o));
+    return o === void 0 && (o = {}), Pu(t(r, o));
   }
   if (typeof Proxy > "u")
     return e;
@@ -1015,7 +1015,7 @@ function Vu(t, e) {
   return he.indexOf(t) - he.indexOf(e);
 }
 var Iu = new Set(he);
-function _e(t) {
+function we(t) {
   return Iu.has(t);
 }
 var Au = /* @__PURE__ */ new Set(["originX", "originY", "originZ"]);
@@ -1024,7 +1024,7 @@ function ui(t) {
 }
 function li(t, e) {
   var n = e.layout, r = e.layoutId;
-  return _e(t) || ui(t) || (n || r !== void 0) && (!!ke[t] || t === "opacity");
+  return we(t) || ui(t) || (n || r !== void 0) && (!!ke[t] || t === "opacity");
 }
 var It = function(t) {
   return !!(t !== null && typeof t == "object" && t.getVelocity);
@@ -1057,11 +1057,11 @@ const fi = (t, e) => (n) => Math.max(Math.min(n, e), t), se = (t) => t % 1 ? Num
 function xe(t) {
   return typeof t == "string";
 }
-const Ht = {
+const zt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, ue = Object.assign(Object.assign({}, Ht), { transform: fi(0, 1) }), Ae = Object.assign(Object.assign({}, Ht), { default: 1 }), Te = (t) => ({
+}, ue = Object.assign(Object.assign({}, zt), { transform: fi(0, 1) }), Ae = Object.assign(Object.assign({}, zt), { default: 1 }), Te = (t) => ({
   test: (e) => xe(e) && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
@@ -1075,11 +1075,11 @@ const Ht = {
     [n]: parseFloat(i),
     alpha: s !== void 0 ? parseFloat(s) : 1
   };
-}, $t = {
+}, Ut = {
   test: Jn("hsl", "hue"),
   parse: di("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(t) + ", " + xt.transform(se(e)) + ", " + xt.transform(se(n)) + ", " + se(ue.transform(r)) + ")"
-}, Fu = fi(0, 255), gn = Object.assign(Object.assign({}, Ht), { transform: (t) => Math.round(Fu(t)) }), Dt = {
+}, Fu = fi(0, 255), gn = Object.assign(Object.assign({}, zt), { transform: (t) => Math.round(Fu(t)) }), Dt = {
   test: Jn("rgb", "red"),
   parse: di("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: n, alpha: r = 1 }) => "rgba(" + gn.transform(t) + ", " + gn.transform(e) + ", " + gn.transform(n) + ", " + se(ue.transform(r)) + ")"
@@ -1098,9 +1098,9 @@ const Bn = {
   parse: ju,
   transform: Dt.transform
 }, ct = {
-  test: (t) => Dt.test(t) || Bn.test(t) || $t.test(t),
-  parse: (t) => Dt.test(t) ? Dt.parse(t) : $t.test(t) ? $t.parse(t) : Bn.parse(t),
-  transform: (t) => xe(t) ? t : t.hasOwnProperty("red") ? Dt.transform(t) : $t.transform(t)
+  test: (t) => Dt.test(t) || Bn.test(t) || Ut.test(t),
+  parse: (t) => Dt.test(t) ? Dt.parse(t) : Ut.test(t) ? Ut.parse(t) : Bn.parse(t),
+  transform: (t) => xe(t) ? t : t.hasOwnProperty("red") ? Dt.transform(t) : Ut.transform(t)
 }, vi = "${c}", pi = "${n}";
 function ku(t) {
   var e, n, r, o;
@@ -1113,7 +1113,7 @@ function mi(t) {
   const r = t.match(Ln);
   r && (n = r.length, t = t.replace(Ln, vi), e.push(...r.map(ct.parse)));
   const o = t.match(ge);
-  return o && (t = t.replace(ge, pi), e.push(...o.map(Ht.parse))), { values: e, numColors: n, tokenised: t };
+  return o && (t = t.replace(ge, pi), e.push(...o.map(zt.parse))), { values: e, numColors: n, tokenised: t };
 }
 function hi(t) {
   return mi(t).values;
@@ -1148,7 +1148,7 @@ const zu = /([a-z-]*)\(.*?\)/g, On = Object.assign(Object.assign({}, At), { getA
   const e = t.match(zu);
   return e ? e.map(Hu).join(" ") : t;
 } });
-var Or = b(b({}, Ht), { transform: Math.round }), yi = {
+var Or = _(_({}, zt), { transform: Math.round }), yi = {
   // Border props
   borderWidth: A,
   borderTopWidth: A,
@@ -1225,7 +1225,7 @@ function Qn(t, e, n, r) {
       continue;
     }
     var m = yi[p], y = Bu(v, m);
-    if (_e(p)) {
+    if (we(p)) {
       if (c = !0, s[p] = y, u.push(p), !d)
         continue;
       v !== ((o = m.default) !== null && o !== void 0 ? o : 0) && (d = !1);
@@ -1252,7 +1252,7 @@ function Gu(t, e, n) {
     var o = tr();
     Qn(o, e, { enableHardwareAcceleration: !n }, r);
     var a = o.vars, i = o.style;
-    return b(b({}, a), i);
+    return _(_({}, a), i);
   }, [e]);
 }
 function Ku(t, e, n) {
@@ -1367,32 +1367,32 @@ function er(t, e, n, r) {
   var v = t.attrs, m = t.style, y = t.dimensions;
   v.transform && (y && (m.transform = v.transform), delete v.transform), y && (i !== void 0 || s !== void 0 || m.transform) && (m.transformOrigin = Ju(y, 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 && tl(v, u, c, d);
 }
-var Pi = function() {
-  return b(b({}, tr()), { attrs: {} });
+var _i = function() {
+  return _(_({}, tr()), { attrs: {} });
 };
 function el(t, e) {
   var n = qe(function() {
-    var o = Pi();
-    return er(o, e, { enableHardwareAcceleration: !1 }, t.transformTemplate), b(b({}, o.attrs), { style: b({}, o.style) });
+    var o = _i();
+    return er(o, e, { enableHardwareAcceleration: !1 }, t.transformTemplate), _(_({}, o.attrs), { style: _({}, o.style) });
   }, [e]);
   if (t.style) {
     var r = {};
-    Si(r, t.style, t), n.style = b(b({}, r), n.style);
+    Si(r, t.style, t), n.style = _(_({}, r), n.style);
   }
   return n;
 }
 function nl(t) {
   t === void 0 && (t = !1);
   var e = function(n, r, o, a, i, s) {
-    var u = i.latestValues, l = Zn(n) ? el : Yu, c = l(r, u, s), f = Zu(r, typeof n == "string", t), d = b(b(b({}, f), c), { ref: a });
+    var u = i.latestValues, l = Zn(n) ? el : Yu, c = l(r, u, s), f = Zu(r, typeof n == "string", t), d = _(_(_({}, f), c), { ref: a });
     return o && (d["data-projection-id"] = o), Ma(n, d);
   };
   return e;
 }
-var rl = /([a-z])([A-Z])/g, ol = "$1-$2", wi = function(t) {
+var rl = /([a-z])([A-Z])/g, ol = "$1-$2", Pi = function(t) {
   return t.replace(rl, ol).toLowerCase();
 };
-function _i(t, e, n, r) {
+function wi(t, e, n, r) {
   var o = e.style, a = e.vars;
   Object.assign(t.style, o, r && r.getProjectionStyles(n));
   for (var i in a)
@@ -1421,9 +1421,9 @@ var xi = /* @__PURE__ */ new Set([
   "pathLength"
 ]);
 function Ti(t, e, n, r) {
-  _i(t, e, void 0, r);
+  wi(t, e, void 0, r);
   for (var o in e.attrs)
-    t.setAttribute(xi.has(o) ? o : wi(o), e.attrs[o]);
+    t.setAttribute(xi.has(o) ? o : Pi(o), e.attrs[o]);
 }
 function nr(t) {
   var e = t.style, n = {};
@@ -1466,7 +1466,7 @@ function Nr(t, e, n, r) {
 var Vi = function(t) {
   return function(e, n) {
     var r = st(Ze), o = st(Je);
-    return n ? Nr(t, e, r, o) : we(function() {
+    return n ? Nr(t, e, r, o) : Pe(function() {
       return Nr(t, e, r, o);
     });
   };
@@ -1487,12 +1487,12 @@ function al(t, e, n, r) {
         y.transition;
         var S = ht(y, ["transitionEnd", "transition"]);
         for (var g in S) {
-          var w = S[g];
-          if (Array.isArray(w)) {
-            var x = d ? w.length - 1 : 0;
-            w = w[x];
+          var P = S[g];
+          if (Array.isArray(P)) {
+            var x = d ? P.length - 1 : 0;
+            P = P[x];
           }
-          w !== null && (o[g] = w);
+          P !== null && (o[g] = P);
         }
         for (var g in h)
           o[g] = h[g];
@@ -1504,7 +1504,7 @@ function al(t, e, n, r) {
 var sl = {
   useVisualState: Vi({
     scrapeMotionValuesFromProps: Ci,
-    createRenderState: Pi,
+    createRenderState: _i,
     onMount: function(t, e, n) {
       var r = n.renderState, o = n.latestValues;
       try {
@@ -1528,7 +1528,7 @@ var sl = {
 };
 function ll(t, e, n, r, o) {
   var a = e.forwardMotionProps, i = a === void 0 ? !1 : a, s = Zn(t) ? sl : ul;
-  return b(b({}, s), { preloadedFeatures: n, useRender: nl(i), createVisualElement: r, projectionNodeConstructor: o, Component: t });
+  return _(_({}, s), { preloadedFeatures: n, useRender: nl(i), createVisualElement: r, projectionNodeConstructor: o, Component: t });
 }
 var z;
 (function(t) {
@@ -1673,12 +1673,12 @@ function Ni(t) {
     };
   }, []);
 }
-const We = (t, e, n) => Math.min(Math.max(n, t), e), $r = 1e-3, Pl = 0.01, Ur = 10, wl = 0.05, _l = 1;
+const We = (t, e, n) => Math.min(Math.max(n, t), e), $r = 1e-3, _l = 0.01, Ur = 10, Pl = 0.05, wl = 1;
 function xl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1 }) {
   let o, a;
-  Pe(t <= Ur * 1e3, "Spring duration must be 10 seconds or less");
+  _e(t <= Ur * 1e3, "Spring duration must be 10 seconds or less");
   let i = 1 - e;
-  i = We(wl, _l, i), t = We(Pl, Ur, t / 1e3), i < 1 ? (o = (l) => {
+  i = We(Pl, wl, i), t = We(_l, Ur, t / 1e3), i < 1 ? (o = (l) => {
     const c = l * i, f = c * t, d = c - n, p = Nn(l, i), v = Math.exp(-f);
     return $r - d / p * v;
   }, a = (l) => {
@@ -1736,21 +1736,21 @@ function ir(t) {
   function m() {
     const y = c ? -(c / 1e3) : 0, h = n - e, S = u / (2 * Math.sqrt(s * l)), g = Math.sqrt(s / l) / 1e3;
     if (o === void 0 && (o = Math.min(Math.abs(n - e) / 100, 0.4)), S < 1) {
-      const w = Nn(g, S);
+      const P = Nn(g, S);
       p = (x) => {
         const T = Math.exp(-S * g * x);
-        return n - T * ((y + S * g * h) / w * Math.sin(w * x) + h * Math.cos(w * x));
+        return n - T * ((y + S * g * h) / P * Math.sin(P * x) + h * Math.cos(P * x));
       }, v = (x) => {
         const T = Math.exp(-S * g * x);
-        return S * g * T * (Math.sin(w * x) * (y + S * g * h) / w + h * Math.cos(w * x)) - T * (Math.cos(w * x) * (y + S * g * h) - w * h * Math.sin(w * x));
+        return S * g * T * (Math.sin(P * x) * (y + S * g * h) / P + h * Math.cos(P * x)) - T * (Math.cos(P * x) * (y + S * g * h) - P * h * Math.sin(P * x));
       };
     } else if (S === 1)
-      p = (w) => n - Math.exp(-g * w) * (h + (y + g * h) * w);
+      p = (P) => n - Math.exp(-g * P) * (h + (y + g * h) * P);
     else {
-      const w = g * Math.sqrt(S * S - 1);
+      const P = g * Math.sqrt(S * S - 1);
       p = (x) => {
-        const T = Math.exp(-S * g * x), R = Math.min(w * x, 300);
-        return n - T * ((y + S * g * h) * Math.sinh(R) + w * h * Math.cosh(R)) / w;
+        const T = Math.exp(-S * g * x), R = Math.min(P * x, 300);
+        return n - T * ((y + S * g * h) * Math.sinh(R) + P * h * Math.cosh(R)) / P;
       };
     }
   }
@@ -1760,8 +1760,8 @@ function ir(t) {
       if (d)
         i.done = y >= f;
       else {
-        const S = v(y) * 1e3, g = Math.abs(S) <= r, w = Math.abs(n - h) <= o;
-        i.done = g && w;
+        const S = v(y) * 1e3, g = Math.abs(S) <= r, P = Math.abs(n - h) <= o;
+        i.done = g && P;
       }
       return i.value = i.done ? n : h, i;
     },
@@ -1797,11 +1797,11 @@ function zr({ hue: t, saturation: e, lightness: n, alpha: r }) {
 const Al = (t, e, n) => {
   const r = t * t, o = e * e;
   return Math.sqrt(Math.max(0, n * (o - r) + r));
-}, Ml = [Bn, Dt, $t], Gr = (t) => Ml.find((e) => e.test(t)), Kr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, Fi = (t, e) => {
+}, Ml = [Bn, Dt, Ut], Gr = (t) => Ml.find((e) => e.test(t)), Kr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, Fi = (t, e) => {
   let n = Gr(t), r = Gr(e);
   vt(!!n, Kr(t)), vt(!!r, Kr(e));
   let o = n.parse(t), a = r.parse(e);
-  n === $t && (o = zr(o), n = Dt), r === $t && (a = zr(a), r = Dt);
+  n === Ut && (o = zr(o), n = Dt), r === Ut && (a = zr(a), r = Dt);
   const i = Object.assign({}, o);
   return (s) => {
     for (const u in i)
@@ -1838,7 +1838,7 @@ function Yr(t) {
 }
 const $i = (t, e) => {
   const n = At.createTransformer(e), r = Yr(t), o = Yr(e);
-  return r.numHSL === o.numHSL && r.numRGB === o.numRGB && r.numNumbers >= o.numNumbers ? nn(ki(r.parsed, o.parsed), n) : (Pe(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (i) => `${i > 0 ? e : t}`);
+  return r.numHSL === o.numHSL && r.numRGB === o.numRGB && r.numNumbers >= o.numNumbers ? nn(ki(r.parsed, o.parsed), n) : (_e(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (i) => `${i > 0 ? e : t}`);
 }, Bl = (t, e) => (n) => tt(t, e, n);
 function Ol(t) {
   if (typeof t == "number")
@@ -2005,7 +2005,7 @@ const dc = (t) => {
 };
 function Zi(t) {
   var e, n, { from: r, autoplay: o = !0, driver: a = dc, elapsed: i = 0, repeat: s = 0, repeatType: u = "loop", repeatDelay: l = 0, onPlay: c, onStop: f, onComplete: d, onRepeat: p, onUpdate: v } = t, m = ht(t, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
-  let { to: y } = m, h, S = 0, g = m.duration, w, x = !1, T = !0, R;
+  let { to: y } = m, h, S = 0, g = m.duration, P, x = !1, T = !0, R;
   const O = oc(m);
   !((n = (e = O).needsInterpolation) === null || n === void 0) && n.call(e, r, y) && (R = Ui([0, 100], [r, y], {
     clamp: !1
@@ -2020,9 +2020,9 @@ function Zi(t) {
   function $(I) {
     if (T || (I = -I), i += I, !x) {
       const G = V.next(Math.max(0, i));
-      w = G.value, R && (w = R(w)), x = T ? G.done : i <= 0;
+      P = G.value, R && (P = R(P)), x = T ? G.done : i <= 0;
     }
-    v == null || v(w), x && (S === 0 && (g ?? (g = i)), S < s ? fc(i, g, l, T) && F() : J());
+    v == null || v(P), x && (S === 0 && (g ?? (g = i)), S < s ? fc(i, g, l, T) && F() : J());
   }
   function j() {
     c == null || c(), h = a($), h.start();
@@ -2047,9 +2047,9 @@ function vc({ from: t = 0, velocity: e = 0, min: n, max: r, power: o = 0.8, time
   function h(g) {
     v == null || v.stop(), v = Zi(Object.assign(Object.assign({}, g), {
       driver: c,
-      onUpdate: (w) => {
+      onUpdate: (P) => {
         var x;
-        f == null || f(w), (x = g.onUpdate) === null || x === void 0 || x.call(g, w);
+        f == null || f(P), (x = g.onUpdate) === null || x === void 0 || x.call(g, P);
       },
       onComplete: d,
       onStop: p
@@ -2063,10 +2063,10 @@ function vc({ from: t = 0, velocity: e = 0, min: n, max: r, power: o = 0.8, time
   else {
     let g = o * e + t;
     typeof l < "u" && (g = l(g));
-    const w = y(g), x = w === n ? -1 : 1;
+    const P = y(g), x = P === n ? -1 : 1;
     let T, R;
     const O = (V) => {
-      T = R, R = V, e = Ji(V - T, ze().delta), (x === 1 && V > w || x === -1 && V < w) && S({ from: V, to: w, velocity: e });
+      T = R, R = V, e = Ji(V - T, ze().delta), (x === 1 && V > P || x === -1 && V < P) && S({ from: V, to: P, velocity: e });
     };
     h({
       type: "decay",
@@ -2129,7 +2129,7 @@ function bc(t, e, n, r) {
   }
   return (i) => i === 0 || i === 1 ? i : Ge(a(i), e, r);
 }
-function Pc(t) {
+function _c(t) {
   var e = t.onTap, n = t.onTapStart, r = t.onTapCancel, o = t.whileTap, a = t.visualElement, i = e || n || r || o, s = Z(!1), u = Z(null), l = {
     passive: !(n || e || r || v)
   };
@@ -2157,17 +2157,17 @@ var Zr = /* @__PURE__ */ new Set();
 function oa(t, e, n) {
   t || Zr.has(e) || (console.warn(e), Zr.add(e));
 }
-var Un = /* @__PURE__ */ new WeakMap(), bn = /* @__PURE__ */ new WeakMap(), wc = function(t) {
+var Un = /* @__PURE__ */ new WeakMap(), bn = /* @__PURE__ */ new WeakMap(), Pc = function(t) {
   var e;
   (e = Un.get(t.target)) === null || e === void 0 || e(t);
-}, _c = function(t) {
-  t.forEach(wc);
+}, wc = function(t) {
+  t.forEach(Pc);
 };
 function xc(t) {
   var e = t.root, n = ht(t, ["root"]), r = e || document;
   bn.has(r) || bn.set(r, {});
   var o = bn.get(r), a = JSON.stringify(n);
-  return o[a] || (o[a] = new IntersectionObserver(_c, b({ root: e }, n))), o[a];
+  return o[a] || (o[a] = new IntersectionObserver(wc, _({ root: e }, n))), o[a];
 }
 function Tc(t, e, n) {
   var r = xc(e);
@@ -2225,13 +2225,13 @@ var Nt = function(t) {
   };
 }, Ac = {
   inView: Nt(Cc),
-  tap: Nt(Pc),
+  tap: Nt(_c),
   focus: Nt(cl),
   hover: Nt(bl)
 }, Mc = 0, Rc = function() {
   return Mc++;
 }, Lc = function() {
-  return we(Rc);
+  return Pe(Rc);
 };
 function ia() {
   var t = st(Je);
@@ -2302,7 +2302,7 @@ var Ke = function(t) {
     damping: t === 0 ? 2 * Math.sqrt(550) : 30,
     restSpeed: 10
   };
-}, Pn = function() {
+}, _n = function() {
   return {
     type: "keyframes",
     ease: "linear",
@@ -2325,14 +2325,14 @@ var Ke = function(t) {
   scaleX: Le,
   scaleY: Le,
   scale: Le,
-  opacity: Pn,
-  backgroundColor: Pn,
-  color: Pn,
+  opacity: _n,
+  backgroundColor: _n,
+  color: _n,
   default: Le
 }, Dc = function(t, e) {
   var n;
-  return ye(e) ? n = Oc : n = eo[t] || eo.default, b({ to: e }, n(e));
-}, Nc = b(b({}, yi), {
+  return ye(e) ? n = Oc : n = eo[t] || eo.default, _({ to: e }, n(e));
+}, Nc = _(_({}, yi), {
   // Color props
   color: ct,
   backgroundColor: ct,
@@ -2361,8 +2361,8 @@ function Fc(t) {
 }
 var no = !1;
 function jc(t) {
-  var e = t.ease, n = t.times, r = t.yoyo, o = t.flip, a = t.loop, i = ht(t, ["ease", "times", "yoyo", "flip", "loop"]), s = b({}, i);
-  return n && (s.offset = n), i.duration && (s.duration = Ke(i.duration)), i.repeatDelay && (s.repeatDelay = Ke(i.repeatDelay)), e && (s.ease = Bc(e) ? e.map(Qr) : Qr(e)), i.type === "tween" && (s.type = "keyframes"), (r || a || o) && (Pe(!no, "yoyo, loop and flip have been removed from the API. Replace with repeat and repeatType options."), no = !0, r ? s.repeatType = "reverse" : a ? s.repeatType = "loop" : o && (s.repeatType = "mirror"), s.repeat = a || r || o || i.repeat), i.type !== "spring" && (s.type = "keyframes"), s;
+  var e = t.ease, n = t.times, r = t.yoyo, o = t.flip, a = t.loop, i = ht(t, ["ease", "times", "yoyo", "flip", "loop"]), s = _({}, i);
+  return n && (s.offset = n), i.duration && (s.duration = Ke(i.duration)), i.repeatDelay && (s.repeatDelay = Ke(i.repeatDelay)), e && (s.ease = Bc(e) ? e.map(Qr) : Qr(e)), i.type === "tween" && (s.type = "keyframes"), (r || a || o) && (_e(!no, "yoyo, loop and flip have been removed from the API. Replace with repeat and repeatType options."), no = !0, r ? s.repeatType = "reverse" : a ? s.repeatType = "loop" : o && (s.repeatType = "mirror"), s.repeat = a || r || o || i.repeat), i.type !== "spring" && (s.type = "keyframes"), s;
 }
 function kc(t, e) {
   var n, r, o = vr(t, e) || {};
@@ -2373,13 +2373,13 @@ function $c(t) {
 }
 function Uc(t, e, n) {
   var r;
-  return Array.isArray(e.to) && ((r = t.duration) !== null && r !== void 0 || (t.duration = 0.8)), $c(e), Fc(t) || (t = b(b({}, t), Dc(n, e.to))), b(b({}, e), jc(t));
+  return Array.isArray(e.to) && ((r = t.duration) !== null && r !== void 0 || (t.duration = 0.8)), $c(e), Fc(t) || (t = _(_({}, t), Dc(n, e.to))), _(_({}, e), jc(t));
 }
 function Wc(t, e, n, r, o) {
   var a, i = vr(r, t), s = (a = i.from) !== null && a !== void 0 ? a : e.get(), u = to(t, n);
   s === "none" && u && typeof n == "string" ? s = dr(t, n) : ro(s) && typeof n == "string" ? s = oo(n) : !Array.isArray(n) && ro(n) && typeof s == "string" && (n = oo(s));
   var l = to(t, s);
-  Pe(l === u, "You are trying to animate ".concat(t, ' from "').concat(s, '" to "').concat(n, '". ').concat(s, " is not an animatable value - to enable this animation set ").concat(s, " to a value animatable to ").concat(n, " via the `style` property."));
+  _e(l === u, "You are trying to animate ".concat(t, ' from "').concat(s, '" to "').concat(n, '". ').concat(s, " is not an animatable value - to enable this animation set ").concat(s, " to a value animatable to ").concat(n, " via the `style` property."));
   function c() {
     var d = {
       from: s,
@@ -2390,7 +2390,7 @@ function Wc(t, e, n, r, o) {
         return e.set(p);
       }
     };
-    return i.type === "inertia" || i.type === "decay" ? vc(b(b({}, d), i)) : Zi(b(b({}, Uc(i, d, t)), { onUpdate: function(p) {
+    return i.type === "inertia" || i.type === "decay" ? vc(_(_({}, d), i)) : Zi(_(_({}, Uc(i, d, t)), { onUpdate: function(p) {
       var v;
       d.onUpdate(p), (v = i.onUpdate) === null || v === void 0 || v.call(i, p);
     }, onComplete: function() {
@@ -2532,7 +2532,7 @@ var sa = function(t) {
   parse: function(t) {
     return t;
   }
-}, ua = [Ht, A, xt, Lt, Nu, Du, Yc], oe = function(t) {
+}, ua = [zt, A, xt, Lt, Nu, Du, Yc], oe = function(t) {
   return ua.find(sa(t));
 }, qc = mt(mt([], nt(ua), !1), [ct, At], !1), Xc = function(t) {
   return qc.find(sa(t));
@@ -2544,7 +2544,7 @@ function gr(t, e) {
   var n = Qe(t, e), r = n ? t.makeTargetAnimatable(n, !1) : {}, o = r.transitionEnd, a = o === void 0 ? {} : o;
   r.transition;
   var i = ht(r, ["transitionEnd", "transition"]);
-  i = b(b({}, i), a);
+  i = _(_({}, i), a);
   for (var s in i) {
     var u = Ei(i[s]);
     Zc(t, s, u);
@@ -2635,10 +2635,10 @@ function ca(t, e, n) {
   for (var y in p) {
     var h = t.getValue(y), S = p[y];
     if (!(!h || S === void 0 || m && af(m, y))) {
-      var g = b({ delay: i }, f);
-      t.shouldReduceMotion && _e(y) && (g = b(b({}, g), { type: !1, delay: 0 }));
-      var w = pr(y, h, S, g);
-      v.push(w);
+      var g = _({ delay: i }, f);
+      t.shouldReduceMotion && we(y) && (g = _(_({}, g), { type: !1, delay: 0 }));
+      var P = pr(y, h, S, g);
+      v.push(P);
     }
   }
   return Promise.all(v).then(function() {
@@ -2653,7 +2653,7 @@ function nf(t, e, n, r, o, a) {
     return l === void 0 && (l = 0), s - l * r;
   };
   return Array.from(t.variantChildren).sort(of).forEach(function(l, c) {
-    i.push(Hn(l, e, b(b({}, a), { delay: n + u(c) })).then(function() {
+    i.push(Hn(l, e, _(_({}, a), { delay: n + u(c) })).then(function() {
       return l.notifyAnimationComplete(e);
     }));
   }), Promise.all(i);
@@ -2693,7 +2693,7 @@ function cf(t) {
     if (d) {
       d.transition;
       var p = d.transitionEnd, v = ht(d, ["transition", "transitionEnd"]);
-      c = b(b(b({}, c), v), p);
+      c = _(_(_({}, c), v), p);
     }
     return c;
   };
@@ -2708,7 +2708,7 @@ function cf(t) {
       var O = sf[R], V = n[O], F = (d = p[O]) !== null && d !== void 0 ? d : v[O], J = St(F), $ = O === f ? V.isActive : null;
       $ === !1 && (S = R);
       var j = F === v[O] && F !== p[O] && J;
-      if (j && o && t.manuallyAnimateOnMount && (j = !1), V.protectedKeys = b({}, h), // If it isn't active and hasn't *just* been set as inactive
+      if (j && o && t.manuallyAnimateOnMount && (j = !1), V.protectedKeys = _({}, h), // If it isn't active and hasn't *just* been set as inactive
       !V.isActive && $ === null || // If we didn't and don't have any defined prop for this animation type
       !F && !V.prevProp || // Or if the prop doesn't define an animation
       rr(F) || typeof F == "boolean")
@@ -2717,22 +2717,22 @@ function cf(t) {
       O === f && V.isActive && !j && J || // If we removed a higher-priority variant (i is in reverse order)
       R > S && J, Q = Array.isArray(F) ? F : [F], M = Q.reduce(a, {});
       $ === !1 && (M = {});
-      var it = V.prevResolvedValues, at = it === void 0 ? {} : it, ut = b(b({}, at), M), U = function(C) {
+      var it = V.prevResolvedValues, at = it === void 0 ? {} : it, ut = _(_({}, at), M), U = function(C) {
         G = !0, y.delete(C), V.needsAnimating[C] = !0;
       };
       for (var X in ut) {
-        var D = M[X], _ = at[X];
-        h.hasOwnProperty(X) || (D !== _ ? ye(D) && ye(_) ? !aa(D, _) || I ? U(X) : V.protectedKeys[X] = !0 : D !== void 0 ? U(X) : y.add(X) : D !== void 0 && y.has(X) ? U(X) : V.protectedKeys[X] = !0);
+        var D = M[X], w = at[X];
+        h.hasOwnProperty(X) || (D !== w ? ye(D) && ye(w) ? !aa(D, w) || I ? U(X) : V.protectedKeys[X] = !0 : D !== void 0 ? U(X) : y.add(X) : D !== void 0 && y.has(X) ? U(X) : V.protectedKeys[X] = !0);
       }
-      V.prevProp = F, V.prevResolvedValues = M, V.isActive && (h = b(b({}, h), M)), o && t.blockInitialAnimation && (G = !1), G && !j && m.push.apply(m, mt([], nt(Q.map(function(C) {
+      V.prevProp = F, V.prevResolvedValues = M, V.isActive && (h = _(_({}, h), M)), o && t.blockInitialAnimation && (G = !1), G && !j && m.push.apply(m, mt([], nt(Q.map(function(C) {
         return {
           animation: C,
-          options: b({ type: O }, c)
+          options: _({ type: O }, c)
         };
       })), !1));
-    }, w = 0; w < uf; w++)
-      g(w);
-    if (r = b({}, h), y.size) {
+    }, P = 0; P < uf; P++)
+      g(P);
+    if (r = _({}, h), y.size) {
       var x = {};
       y.forEach(function(R) {
         var O = t.getBaseTarget(R);
@@ -2803,30 +2803,30 @@ var vf = {
       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 = _n(o.lastMoveEventInfo, o.history), p = o.startEvent !== null, v = Qi(d.offset, { x: 0, y: 0 }) >= 3;
+          var d = wn(o.lastMoveEventInfo, o.history), p = o.startEvent !== null, v = Qi(d.offset, { x: 0, y: 0 }) >= 3;
           if (!(!p && !v)) {
             var m = d.point, y = ze().timestamp;
-            o.history.push(b(b({}, m), { timestamp: y }));
+            o.history.push(_(_({}, m), { timestamp: y }));
             var h = o.handlers, S = h.onStart, g = h.onMove;
             p || (S && S(o.lastMoveEvent, d), o.startEvent = o.lastMoveEvent), g && g(o.lastMoveEvent, d);
           }
         }
       }, this.handlePointerMove = function(d, p) {
-        if (o.lastMoveEvent = d, o.lastMoveEventInfo = wn(p, o.transformPagePoint), Ii(d) && d.buttons === 0) {
+        if (o.lastMoveEvent = d, o.lastMoveEventInfo = Pn(p, o.transformPagePoint), Ii(d) && d.buttons === 0) {
           o.handlePointerUp(d, p);
           return;
         }
         Tt.update(o.updatePoint, !0);
       }, this.handlePointerUp = function(d, p) {
         o.end();
-        var v = o.handlers, m = v.onEnd, y = v.onSessionEnd, h = _n(wn(p, o.transformPagePoint), o.history);
+        var v = o.handlers, m = v.onEnd, y = v.onSessionEnd, h = wn(Pn(p, o.transformPagePoint), o.history);
         o.startEvent && m && m(d, h), y && y(d, h);
       }, !(Ai(e) && e.touches.length > 1)) {
         this.handlers = n, this.transformPagePoint = i;
-        var s = or(e), u = wn(s, this.transformPagePoint), l = u.point, c = ze().timestamp;
-        this.history = [b(b({}, l), { timestamp: c })];
+        var s = or(e), u = Pn(s, this.transformPagePoint), l = u.point, c = ze().timestamp;
+        this.history = [_(_({}, l), { timestamp: c })];
         var f = n.onSessionStart;
-        f && f(e, _n(u, this.history)), this.removeListeners = nn(Xt(window, "pointermove", this.handlePointerMove), Xt(window, "pointerup", this.handlePointerUp), Xt(window, "pointercancel", this.handlePointerUp));
+        f && f(e, wn(u, this.history)), this.removeListeners = nn(Xt(window, "pointermove", this.handlePointerMove), Xt(window, "pointerup", this.handlePointerUp), Xt(window, "pointercancel", this.handlePointerUp));
       }
     }
     return t.prototype.updateHandlers = function(e) {
@@ -2836,13 +2836,13 @@ var vf = {
     }, t;
   }()
 );
-function wn(t, e) {
+function Pn(t, e) {
   return e ? { point: e(t.point) } : t;
 }
 function io(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function _n(t, e) {
+function wn(t, e) {
   var n = t.point;
   return {
     point: n,
@@ -2928,12 +2928,12 @@ function bf(t, e) {
   var n = 0.5, r = Mt(t), o = Mt(e);
   return o > r ? n = Se(e.min, e.max - r, t.min) : r > o && (n = Se(t.min, t.max - o, e.min)), We(0, 1, n);
 }
-function Pf(t, e) {
+function _f(t, e) {
   var n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
 var zn = 0.35;
-function wf(t) {
+function Pf(t) {
   return t === void 0 && (t = zn), t === !1 ? t = 0 : t === !0 && (t = zn), {
     x: vo(t, "left", "right"),
     y: vo(t, "top", "bottom")
@@ -2969,7 +2969,7 @@ var mo = function() {
     y: ho()
   };
 };
-function _t(t) {
+function wt(t) {
   return [t("x"), t("y")];
 }
 function va(t) {
@@ -2979,7 +2979,7 @@ function va(t) {
     y: { min: e, max: o }
   };
 }
-function _f(t) {
+function wf(t) {
   var e = t.x, n = t.y;
   return { top: n.min, right: e.max, bottom: n.max, left: e.min };
 }
@@ -3062,10 +3062,10 @@ var If = /* @__PURE__ */ new WeakMap(), Af = (
           r.stopAnimation(), i && r.snapToCursor(or(f, "page").point);
         }, u = function(f, d) {
           var p, v = r.getProps(), m = v.drag, y = v.dragPropagation, h = v.onDragStart;
-          m && !y && (r.openGlobalLock && r.openGlobalLock(), r.openGlobalLock = Bi(m), !r.openGlobalLock) || (r.isDragging = !0, r.currentDirection = null, r.resolveConstraints(), r.visualElement.projection && (r.visualElement.projection.isAnimationBlocked = !0, r.visualElement.projection.target = void 0), _t(function(S) {
-            var g, w, x = r.getAxisMotionValue(S).get() || 0;
+          m && !y && (r.openGlobalLock && r.openGlobalLock(), r.openGlobalLock = Bi(m), !r.openGlobalLock) || (r.isDragging = !0, r.currentDirection = null, r.resolveConstraints(), r.visualElement.projection && (r.visualElement.projection.isAnimationBlocked = !0, r.visualElement.projection.target = void 0), wt(function(S) {
+            var g, P, x = r.getAxisMotionValue(S).get() || 0;
             if (xt.test(x)) {
-              var T = (w = (g = r.visualElement.projection) === null || g === void 0 ? void 0 : g.layout) === null || w === void 0 ? void 0 : w.actual[S];
+              var T = (P = (g = r.visualElement.projection) === null || g === void 0 ? void 0 : g.layout) === null || P === void 0 ? void 0 : P.actual[S];
               if (T) {
                 var R = Mt(T);
                 x = R * (parseFloat(x) / 100);
@@ -3114,8 +3114,8 @@ var If = /* @__PURE__ */ new WeakMap(), Af = (
       }
     }, t.prototype.resolveConstraints = function() {
       var e = this, n = this.getProps(), r = n.dragConstraints, o = n.dragElastic, a = (this.visualElement.projection || {}).layout, i = this.constraints;
-      r && Yt(r) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : r && a ? this.constraints = yf(a.actual, r) : this.constraints = !1, this.elastic = wf(o), i !== this.constraints && a && this.constraints && !this.hasMutatedConstraints && _t(function(s) {
-        e.getAxisMotionValue(s) && (e.constraints[s] = Pf(a.actual[s], e.constraints[s]));
+      r && Yt(r) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : r && a ? this.constraints = yf(a.actual, r) : this.constraints = !1, this.elastic = Pf(o), i !== this.constraints && a && this.constraints && !this.hasMutatedConstraints && wt(function(s) {
+        e.getAxisMotionValue(s) && (e.constraints[s] = _f(a.actual[s], e.constraints[s]));
       });
     }, t.prototype.resolveRefConstraints = function() {
       var e = this.getProps(), n = e.dragConstraints, r = e.onMeasureDragConstraints;
@@ -3128,17 +3128,17 @@ var If = /* @__PURE__ */ new WeakMap(), Af = (
         return !1;
       var i = Vf(o, a.root, this.visualElement.getTransformPagePoint()), s = Sf(a.layout.actual, i);
       if (r) {
-        var u = r(_f(s));
+        var u = r(wf(s));
         this.hasMutatedConstraints = !!u, u && (s = va(u));
       }
       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 = _t(function(d) {
+      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 = wt(function(d) {
         var p;
         if (Be(d, o, n.currentDirection)) {
           var v = (p = c == null ? void 0 : c[d]) !== null && p !== void 0 ? p : {};
           u && (v = { min: 0, max: 0 });
-          var m = i ? 200 : 1e6, y = i ? 40 : 1e7, h = b(b({ type: "inertia", velocity: a ? e[d] : 0, bounceStiffness: m, bounceDamping: y, timeConstant: 750, restDelta: 1, restSpeed: 10 }, s), v);
+          var m = i ? 200 : 1e6, y = i ? 40 : 1e7, h = _(_({ type: "inertia", velocity: a ? e[d] : 0, bounceStiffness: m, bounceDamping: y, timeConstant: 750, restDelta: 1, restSpeed: 10 }, s), v);
           return n.startAxisValueAnimation(d, h);
         }
       });
@@ -3148,7 +3148,7 @@ var If = /* @__PURE__ */ new WeakMap(), Af = (
       return pr(e, r, 0, n);
     }, t.prototype.stopAnimation = function() {
       var e = this;
-      _t(function(n) {
+      wt(function(n) {
         return e.getAxisMotionValue(n).stop();
       });
     }, t.prototype.getAxisMotionValue = function(e) {
@@ -3156,7 +3156,7 @@ var If = /* @__PURE__ */ new WeakMap(), Af = (
       return a || this.visualElement.getValue(e, (r = (n = this.visualElement.getProps().initial) === null || n === void 0 ? void 0 : n[e]) !== null && r !== void 0 ? r : 0);
     }, t.prototype.snapToCursor = function(e) {
       var n = this;
-      _t(function(r) {
+      wt(function(r) {
         var o = n.getProps().drag;
         if (Be(r, o, n.currentDirection)) {
           var a = n.visualElement.projection, i = n.getAxisMotionValue(r);
@@ -3171,7 +3171,7 @@ var If = /* @__PURE__ */ new WeakMap(), Af = (
       if (!(!Yt(a) || !i || !this.constraints)) {
         this.stopAnimation();
         var s = { x: 0, y: 0 };
-        _t(function(l) {
+        wt(function(l) {
           var c = e.getAxisMotionValue(l);
           if (c) {
             var f = c.get();
@@ -3179,7 +3179,7 @@ var If = /* @__PURE__ */ new WeakMap(), Af = (
           }
         });
         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(), _t(function(l) {
+        this.visualElement.getInstance().style.transform = u ? u({}, "") : "none", (n = i.root) === null || n === void 0 || n.updateScroll(), i.updateLayout(), this.resolveConstraints(), wt(function(l) {
           if (Be(l, o, null)) {
             var c = e.getAxisMotionValue(l), f = e.constraints[l], d = f.min, p = f.max;
             c.set(tt(d, p, s[l]));
@@ -3202,7 +3202,7 @@ var If = /* @__PURE__ */ new WeakMap(), Af = (
       });
       return i.addEventListener("didUpdate", function(l) {
         var c = l.delta, f = l.hasLayoutChanged;
-        e.isDragging && f && (_t(function(d) {
+        e.isDragging && f && (wt(function(d) {
           var p = e.getAxisMotionValue(d);
           p && (e.originPoint[d] += c[d].translate, p.set(p.get() + c[d].translate));
         }), e.visualElement.syncRender());
@@ -3211,7 +3211,7 @@ var If = /* @__PURE__ */ new WeakMap(), Af = (
       };
     }, 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 ? zn : c, d = e.dragMomentum, p = d === void 0 ? !0 : d;
-      return b(b({}, e), { drag: r, dragDirectionLock: a, dragPropagation: s, dragConstraints: l, dragElastic: f, dragMomentum: p });
+      return _(_({}, e), { drag: r, dragDirectionLock: a, dragPropagation: s, dragConstraints: l, dragElastic: f, dragMomentum: p });
     }, t;
   }()
 );
@@ -3224,7 +3224,7 @@ function Mf(t, e) {
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
 function Rf(t) {
-  var e = t.dragControls, n = t.visualElement, r = we(function() {
+  var e = t.dragControls, n = t.visualElement, r = Pe(function() {
     return new Af(n);
   });
   k(function() {
@@ -3321,9 +3321,9 @@ var ga = function(t) {
   return function(d, p) {
     var v = d.parent, m = d.props, y = d.presenceId, h = d.blockInitialAnimation, S = d.visualState, g = d.shouldReduceMotion;
     p === void 0 && (p = {});
-    var w = !1, x = S.latestValues, T = S.renderState, R, O = Of(), V = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map(), J = {}, $ = b({}, x), j;
+    var P = !1, x = S.latestValues, T = S.renderState, R, O = Of(), V = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map(), J = {}, $ = _({}, x), j;
     function I() {
-      !R || !w || (G(), s(R, T, m.style, D.projection));
+      !R || !P || (G(), s(R, T, m.style, D.projection));
     }
     function G() {
       r(D, T, x, p, m);
@@ -3331,11 +3331,11 @@ var ga = function(t) {
     function Q() {
       O.notifyUpdate(x);
     }
-    function M(_, C) {
+    function M(w, C) {
       var B = C.onChange(function(N) {
-        x[_] = N, m.onUpdate && Tt.update(Q, !1, !0);
+        x[w] = N, m.onUpdate && Tt.update(Q, !1, !0);
       }), L = C.onRenderRequest(D.scheduleRender);
-      F.set(_, function() {
+      F.set(w, function() {
         B(), L();
       });
     }
@@ -3344,7 +3344,7 @@ var ga = function(t) {
       var ut = it[at];
       x[at] !== void 0 && It(ut) && ut.set(x[at], !1);
     }
-    var U = tn(m), X = ii(m), D = b(b({
+    var U = tn(m), X = ii(m), D = _(_({
       treeType: n,
       /**
        * This is a mirror of the internal instance prop, which keeps
@@ -3397,8 +3397,8 @@ var ga = function(t) {
       isMounted: function() {
         return !!R;
       },
-      mount: function(_) {
-        w = !0, R = D.current = _, D.projection && D.projection.mount(_), X && v && !U && (j = v == null ? void 0 : v.addVariantChild(D)), V.forEach(function(C, B) {
+      mount: function(w) {
+        P = !0, R = D.current = w, D.projection && D.projection.mount(w), X && v && !U && (j = v == null ? void 0 : v.addVariantChild(D)), V.forEach(function(C, B) {
           return M(B, C);
         }), v == null || v.children.add(D), D.setProps(m);
       },
@@ -3406,23 +3406,23 @@ var ga = function(t) {
        *
        */
       unmount: function() {
-        var _;
-        (_ = D.projection) === null || _ === void 0 || _.unmount(), Jt.update(Q), Jt.render(I), F.forEach(function(C) {
+        var w;
+        (w = D.projection) === null || w === void 0 || w.unmount(), Jt.update(Q), Jt.render(I), F.forEach(function(C) {
           return C();
-        }), j == null || j(), v == null || v.children.delete(D), O.clearAllListeners(), R = void 0, w = !1;
+        }), j == null || j(), v == null || v.children.delete(D), O.clearAllListeners(), R = void 0, P = !1;
       },
       /**
        * Add a child visual element to our set of children.
        */
-      addVariantChild: function(_) {
+      addVariantChild: function(w) {
         var C, B = D.getClosestVariantNode();
         if (B)
-          return (C = B.variantChildren) === null || C === void 0 || C.add(_), function() {
-            return B.variantChildren.delete(_);
+          return (C = B.variantChildren) === null || C === void 0 || C.add(w), function() {
+            return B.variantChildren.delete(w);
           };
       },
-      sortNodePosition: function(_) {
-        return !c || n !== _.treeType ? 0 : c(D.getInstance(), _.getInstance());
+      sortNodePosition: function(w) {
+        return !c || n !== w.treeType ? 0 : c(D.getInstance(), w.getInstance());
       },
       /**
        * Returns the closest variant node in the tree starting from
@@ -3446,11 +3446,11 @@ var ga = function(t) {
       /**
        * Get/set the latest static values.
        */
-      getStaticValue: function(_) {
-        return x[_];
+      getStaticValue: function(w) {
+        return x[w];
       },
-      setStaticValue: function(_, C) {
-        return x[_] = C;
+      setStaticValue: function(w, C) {
+        return x[w] = C;
       },
       /**
        * Returns the latest motion value state. Currently only used to take
@@ -3464,8 +3464,8 @@ var ga = function(t) {
        * Set the visiblity of the visual element. If it's changed, schedule
        * a render to reflect these changes.
        */
-      setVisibility: function(_) {
-        D.isVisible !== _ && (D.isVisible = _, D.scheduleRender());
+      setVisibility: function(w) {
+        D.isVisible !== w && (D.isVisible = w, D.scheduleRender());
       },
       /**
        * Make a target animatable by Popmotion. For instance, if we're
@@ -3474,8 +3474,8 @@ var ga = function(t) {
        * pluggable to support Framer's custom value types like Color,
        * and CSS variables.
        */
-      makeTargetAnimatable: function(_, C) {
-        return C === void 0 && (C = !0), a(D, _, m, C);
+      makeTargetAnimatable: function(w, C) {
+        return C === void 0 && (C = !0), a(D, w, m, C);
       },
       /**
        * Measure the current viewport box with or without transforms.
@@ -3489,63 +3489,63 @@ var ga = function(t) {
       /**
        * Add a motion value and bind it to this visual element.
        */
-      addValue: function(_, C) {
-        D.hasValue(_) && D.removeValue(_), V.set(_, C), x[_] = C.get(), M(_, C);
+      addValue: function(w, C) {
+        D.hasValue(w) && D.removeValue(w), V.set(w, C), x[w] = C.get(), M(w, C);
       },
       /**
        * Remove a motion value and unbind any active subscriptions.
        */
-      removeValue: function(_) {
+      removeValue: function(w) {
         var C;
-        V.delete(_), (C = F.get(_)) === null || C === void 0 || C(), F.delete(_), delete x[_], l(_, T);
+        V.delete(w), (C = F.get(w)) === null || C === void 0 || C(), F.delete(w), delete x[w], l(w, T);
       },
       /**
        * Check whether we have a motion value for this key
        */
-      hasValue: function(_) {
-        return V.has(_);
+      hasValue: function(w) {
+        return V.has(w);
       },
       /**
        * Get a motion value for this key. If called with a default
        * value, we'll create one if none exists.
        */
-      getValue: function(_, C) {
-        var B = V.get(_);
-        return B === void 0 && C !== void 0 && (B = Qt(C), D.addValue(_, B)), B;
+      getValue: function(w, C) {
+        var B = V.get(w);
+        return B === void 0 && C !== void 0 && (B = Qt(C), D.addValue(w, B)), B;
       },
       /**
        * Iterate over our motion values.
        */
-      forEachValue: function(_) {
-        return V.forEach(_);
+      forEachValue: function(w) {
+        return V.forEach(w);
       },
       /**
        * If we're trying to animate to a previously unencountered value,
        * we need to check for it in our state and as a last resort read it
        * directly from the instance (which might have performance implications).
        */
-      readValue: function(_) {
+      readValue: function(w) {
         var C;
-        return (C = x[_]) !== null && C !== void 0 ? C : u(R, _, p);
+        return (C = x[w]) !== null && C !== void 0 ? C : u(R, w, p);
       },
       /**
        * Set the base target to later animate back to. This is currently
        * only hydrated on creation and when we first read a value.
        */
-      setBaseTarget: function(_, C) {
-        $[_] = C;
+      setBaseTarget: function(w, C) {
+        $[w] = C;
       },
       /**
        * Find the base target for a value thats been removed from all animation
        * props.
        */
-      getBaseTarget: function(_) {
+      getBaseTarget: function(w) {
         if (o) {
-          var C = o(m, _);
+          var C = o(m, w);
           if (C !== void 0 && !It(C))
             return C;
         }
-        return $[_];
+        return $[w];
       }
     }, O), {
       /**
@@ -3571,8 +3571,8 @@ var ga = function(t) {
        * Update the provided props. Ensure any newly-added motion values are
        * added to our map, old ones removed, and listeners updated.
        */
-      setProps: function(_) {
-        (_.transformTemplate || m.transformTemplate) && D.scheduleRender(), m = _, O.updatePropListeners(_), J = Df(D, f(m), J);
+      setProps: function(w) {
+        (w.transformTemplate || m.transformTemplate) && D.scheduleRender(), m = w, O.updatePropListeners(w), J = Df(D, f(m), J);
       },
       getProps: function() {
         return m;
@@ -3581,9 +3581,9 @@ var ga = function(t) {
       /**
        * Returns the variant definition with a given name.
        */
-      getVariant: function(_) {
+      getVariant: function(w) {
         var C;
-        return (C = m.variants) === null || C === void 0 ? void 0 : C[_];
+        return (C = m.variants) === null || C === void 0 ? void 0 : C[w];
       },
       /**
        * Returns the defined default transition on this component.
@@ -3597,8 +3597,8 @@ var ga = function(t) {
       /**
        * Used by child variant nodes to get the closest ancestor variant props.
        */
-      getVariantContext: function(_) {
-        if (_ === void 0 && (_ = !1), _)
+      getVariantContext: function(w) {
+        if (w === void 0 && (w = !1), w)
           return v == null ? void 0 : v.getVariantContext();
         if (!U) {
           var C = (v == null ? void 0 : v.getVariantContext()) || {};
@@ -3638,7 +3638,7 @@ function kf(t, e, n) {
   var r, o = ht(e, []), a = t.getInstance();
   if (!(a instanceof Element))
     return { target: o, transitionEnd: n };
-  n && (n = b({}, n)), t.forEachValue(function(l) {
+  n && (n = _({}, n)), t.forEachValue(function(l) {
     var c = l.get();
     if (Kn(c)) {
       var f = Yn(c, a);
@@ -3667,26 +3667,26 @@ var $f = /* @__PURE__ */ new Set([
   return $f.has(t);
 }, Uf = function(t) {
   return Object.keys(t).some(ba);
-}, Pa = function(t, e) {
+}, _a = function(t, e) {
   t.set(e, !1), t.set(e);
 }, De = function(t) {
-  return t === Ht || t === A;
+  return t === zt || t === A;
 }, bo;
 (function(t) {
   t.width = "width", t.height = "height", t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom";
 })(bo || (bo = {}));
-var Po = function(t, e) {
+var _o = function(t, e) {
   return parseFloat(t.split(", ")[e]);
-}, wo = function(t, e) {
+}, Po = function(t, e) {
   return function(n, r) {
     var o = r.transform;
     if (o === "none" || !o)
       return 0;
     var a = o.match(/^matrix3d\((.+)\)$/);
     if (a)
-      return Po(a[1], e);
+      return _o(a[1], e);
     var i = o.match(/^matrix\((.+)\)$/);
-    return i ? Po(i[1], t) : 0;
+    return i ? _o(i[1], t) : 0;
   };
 }, Wf = /* @__PURE__ */ new Set(["x", "y", "z"]), Hf = he.filter(function(t) {
   return !Wf.has(t);
@@ -3698,7 +3698,7 @@ function zf(t) {
     r !== void 0 && (e.push([n, r.get()]), r.set(n.startsWith("scale") ? 1 : 0));
   }), e.length && t.syncRender(), e;
 }
-var _o = {
+var wo = {
   // Dimensions
   width: function(t, e) {
     var n = t.x, r = e.paddingLeft, o = r === void 0 ? "0" : r, a = e.paddingRight, i = a === void 0 ? "0" : a;
@@ -3725,20 +3725,20 @@ var _o = {
     return parseFloat(r) + (n.max - n.min);
   },
   // Transform
-  x: wo(4, 13),
-  y: wo(5, 14)
+  x: Po(4, 13),
+  y: Po(5, 14)
 }, Gf = function(t, e, n) {
   var r = e.measureViewportBox(), o = e.getInstance(), a = getComputedStyle(o), i = a.display, s = {};
   i === "none" && e.setStaticValue("display", t.display || "block"), n.forEach(function(l) {
-    s[l] = _o[l](r, a);
+    s[l] = wo[l](r, a);
   }), e.syncRender();
   var u = e.measureViewportBox();
   return n.forEach(function(l) {
     var c = e.getValue(l);
-    Pa(c, s[l]), t[l] = _o[l](u, a);
+    _a(c, s[l]), t[l] = wo[l](u, a);
   }), t;
 }, Kf = function(t, e, n, r) {
-  n === void 0 && (n = {}), r === void 0 && (r = {}), e = b({}, e), r = b({}, r);
+  n === void 0 && (n = {}), r === void 0 && (r = {}), e = _({}, e), r = _({}, r);
   var o = Object.keys(e).filter(ba), a = [], i = !1, s = [];
   if (o.forEach(function(c) {
     var f = t.getValue(c);
@@ -3755,7 +3755,7 @@ var _o = {
         if (De(p) && De(m)) {
           var g = f.get();
           typeof g == "string" && f.set(parseFloat(g)), typeof v == "string" ? e[c] = parseFloat(v) : Array.isArray(v) && m === A && (e[c] = v.map(parseFloat));
-        } else p != null && p.transform && (m != null && m.transform) && (d === 0 || v === 0) ? d === 0 ? f.set(m.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], Pa(f, v));
+        } else p != null && p.transform && (m != null && m.transform) && (d === 0 || v === 0) ? d === 0 ? f.set(m.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], _a(f, v));
     }
   }), s.length) {
     var u = s.indexOf("height") >= 0 ? window.pageYOffset : null, l = Gf(e, t, s);
@@ -3776,10 +3776,10 @@ var qf = function(t, e, n, r) {
 function Xf(t) {
   return window.getComputedStyle(t);
 }
-var wa = {
+var Pa = {
   treeType: "dom",
   readValueFromInstance: function(t, e) {
-    if (_e(e)) {
+    if (we(e)) {
       var n = fr(e);
       return n && n.default || 0;
     } else {
@@ -3829,18 +3829,18 @@ var wa = {
       var l = qf(t, s, u, i);
       i = l.transitionEnd, s = l.target;
     }
-    return b({ transition: a, transitionEnd: i }, s);
+    return _({ transition: a, transitionEnd: i }, s);
   },
   scrapeMotionValuesFromProps: nr,
   build: function(t, e, n, r, o) {
     t.isVisible !== void 0 && (e.style.visibility = t.isVisible ? "visible" : "hidden"), Qn(e, n, r, o.transformTemplate);
   },
-  render: _i
-}, Zf = ga(wa), Jf = ga(b(b({}, wa), { getBaseTarget: function(t, e) {
+  render: wi
+}, Zf = ga(Pa), Jf = ga(_(_({}, Pa), { getBaseTarget: function(t, e) {
   return t[e];
 }, readValueFromInstance: function(t, e) {
   var n;
-  return _e(e) ? ((n = fr(e)) === null || n === void 0 ? void 0 : n.default) || 0 : (e = xi.has(e) ? e : wi(e), t.getAttribute(e));
+  return we(e) ? ((n = fr(e)) === null || n === void 0 ? void 0 : n.default) || 0 : (e = xi.has(e) ? e : Pi(e), t.getAttribute(e));
 }, scrapeMotionValuesFromProps: Ci, build: function(t, e, n, r, o) {
   er(e, n, r, o.transformTemplate);
 }, render: Ti })), Qf = function(t, e) {
@@ -3895,7 +3895,7 @@ var ie = {
       var n = this, r = this.props, o = r.visualElement, a = r.layoutGroup, i = r.switchLayoutGroup, s = r.layoutId, u = o.projection;
       Cu(rd), u && (a != null && a.group && a.group.add(u), i != null && i.register && s && i.register(u), u.root.didUpdate(), u.addEventListener("animationComplete", function() {
         n.safeToRemove();
-      }), u.setOptions(b(b({}, u.options), { onExitComplete: function() {
+      }), u.setOptions(_(_({}, u.options), { onExitComplete: function() {
         return n.safeToRemove();
       } }))), ae.hasEverUpdated = !0;
     }, e.prototype.getSnapshotBeforeUpdate = function(n) {
@@ -3920,10 +3920,10 @@ var ie = {
 );
 function nd(t) {
   var e = nt(ia(), 2), n = e[0], r = e[1], o = st(ai);
-  return E.createElement(ed, b({}, t, { layoutGroup: o, switchLayoutGroup: st(si), isPresent: n, safeToRemove: r }));
+  return E.createElement(ed, _({}, t, { layoutGroup: o, switchLayoutGroup: st(si), isPresent: n, safeToRemove: r }));
 }
 var rd = {
-  borderRadius: b(b({}, ie), { applyTo: [
+  borderRadius: _(_({}, ie), { applyTo: [
     "borderTopLeftRadius",
     "borderTopRightRadius",
     "borderBottomLeftRadius",
@@ -3949,7 +3949,7 @@ function id(t, e, n) {
     }
   };
 }
-var _a = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], ad = _a.length, Co = function(t) {
+var wa = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], ad = wa.length, Co = function(t) {
   return typeof t == "string" ? parseFloat(t) : t;
 }, Eo = function(t) {
   return typeof t == "number" || A.test(t);
@@ -3964,7 +3964,7 @@ function sd(t, e, n, r, o, a) {
     ud(r)
   ), t.opacityExit = tt((s = e.opacity) !== null && s !== void 0 ? s : 1, 0, ld(r))) : a && (t.opacity = tt((u = e.opacity) !== null && u !== void 0 ? u : 1, (l = n.opacity) !== null && l !== void 0 ? l : 1, r));
   for (var c = 0; c < ad; c++) {
-    var f = "border".concat(_a[c], "Radius"), d = Vo(e, f), p = Vo(n, f);
+    var f = "border".concat(wa[c], "Radius"), d = Vo(e, f), p = Vo(n, f);
     if (!(d === void 0 && p === void 0)) {
       d || (d = 0), p || (p = 0);
       var v = d === 0 || p === 0 || Eo(d) === Eo(p);
@@ -4104,7 +4104,7 @@ function Ea(t) {
         u === void 0 && (u = {}), l === void 0 && (l = n == null ? void 0 : n()), this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.potentialNodes = /* @__PURE__ */ new Map(), this.checkUpdateFailed = function() {
           c.isUpdating && (c.isUpdating = !1, c.clearAllSnapshots());
         }, this.updateProjection = function() {
-          c.nodes.forEach(wd), c.nodes.forEach(_d);
+          c.nodes.forEach(Pd), c.nodes.forEach(wd);
         }, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.id = s, this.latestValues = u, this.root = l ? l.root || l : this, this.path = l ? mt(mt([], nt(l.path), !1), [l], !1) : [], this.parent = l, this.depth = l ? l.depth + 1 : 0, s && this.root.registerPotentialNode(s, this);
         for (var f = 0; f < this.path.length; f++)
           this.path[f].shouldResetTransform = !0;
@@ -4131,19 +4131,19 @@ function Ea(t) {
               return l.root.updateBlockedByResize = !1;
             };
             e(s, function() {
-              l.root.updateBlockedByResize = !0, clearTimeout(m), m = window.setTimeout(y, 250), ae.hasAnimatedSinceResize && (ae.hasAnimatedSinceResize = !1, l.nodes.forEach(Pd));
+              l.root.updateBlockedByResize = !0, clearTimeout(m), m = window.setTimeout(y, 250), ae.hasAnimatedSinceResize && (ae.hasAnimatedSinceResize = !1, l.nodes.forEach(_d));
             });
           }
           d && this.root.registerSharedNode(d, this), this.options.animate !== !1 && v && (d || p) && this.addEventListener("didUpdate", function(h) {
-            var S, g, w, x, T, R = h.delta, O = h.hasLayoutChanged, V = h.hasRelativeTargetChanged, F = h.layout;
+            var S, g, P, x, T, R = h.delta, O = h.hasLayoutChanged, V = h.hasRelativeTargetChanged, F = h.layout;
             if (l.isTreeAnimationBlocked()) {
               l.target = void 0, l.relativeTarget = void 0;
               return;
             }
             var J = (g = (S = l.options.transition) !== null && S !== void 0 ? S : v.getDefaultTransition()) !== null && g !== void 0 ? g : Vd, $ = v.getProps(), j = $.onLayoutAnimationStart, I = $.onLayoutAnimationComplete, G = !l.targetLayout || !Ca(l.targetLayout, F) || V, Q = !O && V;
-            if (!((w = l.resumeFrom) === null || w === void 0) && w.instance || Q || O && (G || !l.currentAnimation)) {
+            if (!((P = l.resumeFrom) === null || P === void 0) && P.instance || Q || O && (G || !l.currentAnimation)) {
               l.resumeFrom && (l.resumingFrom = l.resumeFrom, l.resumingFrom.resumingFrom = void 0), l.setAnimationOrigin(R, Q);
-              var M = b(b({}, vr(J, "layout")), { onPlay: j, onComplete: I });
+              var M = _(_({}, vr(J, "layout")), { onPlay: j, onComplete: I });
               v.shouldReduceMotion && (M.delay = 0, M.type = !1), l.startAnimation(M);
             } else
               !O && l.animationProgress === 0 && l.finishAnimation(), l.isLead() && ((T = (x = l.options).onExitComplete) === null || T === void 0 || T.call(x));
@@ -4281,7 +4281,7 @@ function Ea(t) {
         this.targetDelta = s, this.root.scheduleUpdateProjection();
       }, i.prototype.setOptions = function(s) {
         var u;
-        this.options = b(b(b({}, this.options), s), { crossfade: (u = s.crossfade) !== null && u !== void 0 ? u : !0 });
+        this.options = _(_(_({}, this.options), s), { crossfade: (u = s.crossfade) !== null && u !== void 0 ? u : !0 });
       }, i.prototype.clearMeasurements = function() {
         this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
       }, i.prototype.resolveTargetDelta = function() {
@@ -4312,17 +4312,17 @@ 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) || {}, p = b({}, this.latestValues), v = de();
+        var f = this.snapshot, d = (f == null ? void 0 : f.latestValues) || {}, p = _({}, this.latestValues), v = de();
         this.relativeTarget = this.relativeTargetOrigin = void 0, this.attemptToResolveRelativeTarget = !u;
         var m = lt(), y = f == null ? void 0 : f.isShared, h = (((c = this.getStack()) === null || c === void 0 ? void 0 : c.members.length) || 0) <= 1, S = !!(y && !h && this.options.crossfade === !0 && !this.path.some(Ed));
         this.animationProgress = 0, this.mixTargetDelta = function(g) {
-          var w, x = g / 1e3;
-          No(v.x, s.x, x), No(v.y, s.y, x), l.setTargetDelta(v), l.relativeTarget && l.relativeTargetOrigin && l.layout && (!((w = l.relativeParent) === null || w === void 0) && w.layout) && (fe(m, l.layout.actual, l.relativeParent.layout.actual), Cd(l.relativeTarget, l.relativeTargetOrigin, m, x)), y && (l.animationValues = p, sd(p, d, l.latestValues, x, S, h)), l.root.scheduleUpdateProjection(), l.scheduleRender(), l.animationProgress = x;
+          var P, x = g / 1e3;
+          No(v.x, s.x, x), No(v.y, s.y, x), l.setTargetDelta(v), l.relativeTarget && l.relativeTargetOrigin && l.layout && (!((P = l.relativeParent) === null || P === void 0) && P.layout) && (fe(m, l.layout.actual, l.relativeParent.layout.actual), Cd(l.relativeTarget, l.relativeTargetOrigin, m, x)), y && (l.animationValues = p, sd(p, d, l.latestValues, x, S, h)), l.root.scheduleUpdateProjection(), l.scheduleRender(), l.animationProgress = x;
         }, this.mixTargetDelta(0);
       }, i.prototype.startAnimation = function(s) {
         var u = this, l, c;
         this.notifyListeners("animationStart"), (l = this.currentAnimation) === null || l === void 0 || l.stop(), this.resumingFrom && ((c = this.resumingFrom.currentAnimation) === null || c === void 0 || c.stop()), this.pendingAnimation && (Jt.update(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = Tt.update(function() {
-          ae.hasAnimatedSinceResize = !0, u.currentAnimation = id(0, Oo, b(b({}, s), { onUpdate: function(f) {
+          ae.hasAnimatedSinceResize = !0, u.currentAnimation = id(0, Oo, _(_({}, s), { onUpdate: function(f) {
             var d;
             u.mixTargetDelta(f), (d = s.onUpdate) === null || d === void 0 || d.call(s, f);
           }, onComplete: function() {
@@ -4400,8 +4400,8 @@ function Ea(t) {
         }
         var S = y.animationValues || y.latestValues;
         this.applyTransformsToTarget(), v.transform = Bo(this.projectionDeltaWithTransform, this.treeScale, S), m && (v.transform = m(S, v.transform));
-        var g = this.projectionDelta, w = g.x, x = g.y;
-        v.transformOrigin = "".concat(w.origin * 100, "% ").concat(x.origin * 100, "% 0"), y.animationValues ? v.opacity = y === this ? (f = (c = S.opacity) !== null && c !== void 0 ? c : this.latestValues.opacity) !== null && f !== void 0 ? f : 1 : this.preserveOpacity ? this.latestValues.opacity : S.opacityExit : v.opacity = y === this ? (d = S.opacity) !== null && d !== void 0 ? d : "" : (p = S.opacityExit) !== null && p !== void 0 ? p : 0;
+        var g = this.projectionDelta, P = g.x, x = g.y;
+        v.transformOrigin = "".concat(P.origin * 100, "% ").concat(x.origin * 100, "% 0"), y.animationValues ? v.opacity = y === this ? (f = (c = S.opacity) !== null && c !== void 0 ? c : this.latestValues.opacity) !== null && f !== void 0 ? f : 1 : this.preserveOpacity ? this.latestValues.opacity : S.opacityExit : v.opacity = y === this ? (d = S.opacity) !== null && d !== void 0 ? d : "" : (p = S.opacityExit) !== null && p !== void 0 ? p : 0;
         for (var T in ke)
           if (S[T] !== void 0) {
             var R = ke[T], O = R.correct, V = R.applyTo, F = O(S[T], y);
@@ -4430,12 +4430,12 @@ function yd(t) {
   var e, n, r, o, a = (n = (e = t.resumeFrom) === null || e === void 0 ? void 0 : e.snapshot) !== null && n !== void 0 ? n : t.snapshot;
   if (t.isLead() && t.layout && a && t.hasListeners("didUpdate")) {
     var i = t.layout, s = i.actual, u = i.measured;
-    t.options.animationType === "size" ? _t(function(S) {
-      var g = a.isShared ? a.measured[S] : a.layout[S], w = Mt(g);
-      g.min = s[S].min, g.max = g.min + w;
-    }) : t.options.animationType === "position" && _t(function(S) {
-      var g = a.isShared ? a.measured[S] : a.layout[S], w = Mt(s[S]);
-      g.max = g.min + w;
+    t.options.animationType === "size" ? wt(function(S) {
+      var g = a.isShared ? a.measured[S] : a.layout[S], P = Mt(g);
+      g.min = s[S].min, g.max = g.min + P;
+    }) : t.options.animationType === "position" && wt(function(S) {
+      var g = a.isShared ? a.measured[S] : a.layout[S], P = Mt(s[S]);
+      g.max = g.min + P;
     });
     var l = de();
     ce(l, s, a.layout);
@@ -4472,13 +4472,13 @@ function bd(t) {
   var e = t.options.visualElement;
   e != null && e.getProps().onBeforeLayoutMeasure && e.notifyBeforeLayoutMeasure(), t.resetTransform();
 }
-function Pd(t) {
+function _d(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0;
 }
-function wd(t) {
+function Pd(t) {
   t.resolveTargetDelta();
 }
-function _d(t) {
+function wd(t) {
   t.calcProjection();
 }
 function xd(t) {
@@ -4553,7 +4553,7 @@ var Ad = Ea({
   checkIsScrollRoot: function(t) {
     return window.getComputedStyle(t).position === "fixed";
   }
-}), Rd = b(b(b(b({}, vf), Ac), Bf), od), Ld = /* @__PURE__ */ xu(function(t, e) {
+}), Rd = _(_(_(_({}, vf), Ac), Bf), od), Ld = /* @__PURE__ */ xu(function(t, e) {
   return ll(t, e, Rd, Qf, Md);
 });
 function Bd() {
@@ -4601,7 +4601,7 @@ function Bd() {
   return r;
 }
 function Od() {
-  var t = we(Bd);
+  var t = Pe(Bd);
   return k(t.mount, []), t;
 }
 var Dd = Od;
@@ -4619,7 +4619,7 @@ const Nd = ({
       transition: { type: "spring", stiffness: 300, damping: 30 }
     });
   };
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ b(
     Ld.div,
     {
       ref: r,
@@ -4639,7 +4639,7 @@ const Nd = ({
   height: e = "100%",
   fill: n = "white",
   ...r
-}) => /* @__PURE__ */ P(
+}) => /* @__PURE__ */ b(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4648,7 +4648,7 @@ const Nd = ({
     fill: "none",
     viewBox: "0 0 24 24",
     ...r,
-    children: /* @__PURE__ */ P(
+    children: /* @__PURE__ */ b(
       "path",
       {
         fill: n,
@@ -4669,24 +4669,24 @@ const Nd = ({
   onClose: s,
   className: u = ""
 }) => {
-  const [l, c] = Pt(0), f = () => {
+  const [l, c] = _t(0), f = () => {
     c((v) => v + 1);
   }, d = () => {
     n && n(), i && f();
   };
-  if ((t == null ? void 0 : t.length) == 0) return /* @__PURE__ */ P(qn, {});
+  if ((t == null ? void 0 : t.length) == 0) return /* @__PURE__ */ b(qn, {});
   const p = a ? ({ children: v }) => v : Nd;
   return /* @__PURE__ */ q(
     "div",
     {
-      className: Ut(Rt.StoryPlayer, u, {
+      className: Wt(Rt.StoryPlayer, u, {
         [Rt.inline]: a
       }),
       children: [
-        /* @__PURE__ */ P("div", { className: Rt.Overlay, onClick: r }),
-        /* @__PURE__ */ P("div", { className: Rt.StoryPlayer__Wrap, children: /* @__PURE__ */ q(p, { onClose: s, children: [
-          /* @__PURE__ */ P("div", { className: Rt.CloseIcon, onClick: s, children: /* @__PURE__ */ P(Fd, {}) }),
-          /* @__PURE__ */ P(
+        /* @__PURE__ */ b("div", { className: Rt.Overlay, onClick: r }),
+        /* @__PURE__ */ b("div", { className: Rt.StoryPlayer__Wrap, children: /* @__PURE__ */ q(p, { onClose: s, children: [
+          /* @__PURE__ */ b("div", { className: Rt.CloseIcon, onClick: s, children: /* @__PURE__ */ b(Fd, {}) }),
+          /* @__PURE__ */ b(
             ou,
             {
               onStoryChange: o,
@@ -4727,8 +4727,8 @@ class zd {
   static fromRaw(e) {
     var i, s, u;
     const n = ((s = (i = e == null ? void 0 : e.stakes) == null ? void 0 : i.find((l) => l.isEnabled)) == null ? void 0 : s.preciseValue) ?? 0, r = (u = e == null ? void 0 : e.selections) == null ? void 0 : u.map((l) => {
-      var y, h, S, g, w, x;
-      const c = parseFloat((h = (y = l == null ? void 0 : l.odd) == null ? void 0 : y.price) == null ? void 0 : h.toFixed(2)), f = Hd((S = l == null ? void 0 : l.event) == null ? void 0 : S.startDate), d = (w = (g = l == null ? void 0 : l.odd) == null ? void 0 : g.offers) == null ? void 0 : w.find((T) => T.type === 0), v = l.market.name, m = (x = l == null ? void 0 : l.bbSelections) == null ? void 0 : x.map((T) => {
+      var y, h, S, g, P, x;
+      const c = parseFloat((h = (y = l == null ? void 0 : l.odd) == null ? void 0 : y.price) == null ? void 0 : h.toFixed(2)), f = Hd((S = l == null ? void 0 : l.event) == null ? void 0 : S.startDate), d = (P = (g = l == null ? void 0 : l.odd) == null ? void 0 : g.offers) == null ? void 0 : P.find((T) => T.type === 0), v = l.market.name, m = (x = l == null ? void 0 : l.bbSelections) == null ? void 0 : x.map((T) => {
         var F, J, $, j, I;
         const R = (F = T == null ? void 0 : T.odd) == null ? void 0 : F.price, O = parseFloat(R.toFixed(2)), V = ($ = (J = T == null ? void 0 : T.odd) == null ? void 0 : J.offers) == null ? void 0 : $.find((G) => G.type === 0);
         return {
@@ -4755,57 +4755,58 @@ class zd {
     return { selections: r, stake: n, cuotaTotal: o, gananciaTotal: a };
   }
 }
-const Gd = "_BetSlip_10597_1", Kd = "_BetSlip_Title_10597_14", Yd = "_SelectionItemWrap_10597_21", qd = "_BetSlip_ButtonWrap_10597_35", Xd = "_BetSlip_BtnText_10597_52", Zd = "_BetSlip__NextIcon_10597_62", Gt = {
+const Gd = "_BetSlip_z8bgq_1", Kd = "_BetSlip_Title_z8bgq_14", Yd = "_SelectionItemWrap_z8bgq_21", qd = "_BetSlip_ButtonWrap_z8bgq_35", Xd = "_BetSlip_BtnText_z8bgq_52", Zd = "_BetSlip_BtnText__Text_z8bgq_62", Jd = "_BetSlip__NextIcon_z8bgq_65", $t = {
   BetSlip: Gd,
   BetSlip_Title: Kd,
   SelectionItemWrap: Yd,
   BetSlip_ButtonWrap: qd,
   BetSlip_BtnText: Xd,
-  BetSlip__NextIcon: Zd
-}, Jd = "_SelectionItem_1ut02_1", Qd = "_SelectionItemGrid_1ut02_11", tv = "_SelectionItem_name_1ut02_17", ev = "_SelectionItem_marketName_1ut02_21", nv = "_SelectionItem_hasPA_1ut02_28", rv = "_SelectionItem_fechahora_1ut02_37", ov = "_SelectionItem__Wrap_1ut02_42", iv = "_SelectionItem__BB_1ut02_47", av = "_SelectionItem__BB__mn_1ut02_80", dt = {
-  SelectionItem: Jd,
-  SelectionItemGrid: Qd,
-  SelectionItem_name: tv,
-  SelectionItem_marketName: ev,
-  SelectionItem_hasPA: nv,
-  SelectionItem_fechahora: rv,
-  SelectionItem__Wrap: ov,
-  SelectionItem__BB: iv,
-  SelectionItem__BB__mn: av
-}, sv = ({ selection: t }) => {
+  BetSlip_BtnText__Text: Zd,
+  BetSlip__NextIcon: Jd
+}, Qd = "_SelectionItem_1ut02_1", tv = "_SelectionItemGrid_1ut02_11", ev = "_SelectionItem_name_1ut02_17", nv = "_SelectionItem_marketName_1ut02_21", rv = "_SelectionItem_hasPA_1ut02_28", ov = "_SelectionItem_fechahora_1ut02_37", iv = "_SelectionItem__Wrap_1ut02_42", av = "_SelectionItem__BB_1ut02_47", sv = "_SelectionItem__BB__mn_1ut02_80", dt = {
+  SelectionItem: Qd,
+  SelectionItemGrid: tv,
+  SelectionItem_name: ev,
+  SelectionItem_marketName: nv,
+  SelectionItem_hasPA: rv,
+  SelectionItem_fechahora: ov,
+  SelectionItem__Wrap: iv,
+  SelectionItem__BB: av,
+  SelectionItem__BB__mn: sv
+}, uv = ({ selection: t }) => {
   var e, n;
   return /* @__PURE__ */ q("div", { className: dt.SelectionItem, children: [
     /* @__PURE__ */ q("div", { className: dt.SelectionItemGrid, children: [
-      /* @__PURE__ */ P("div", { className: dt.SelectionItem_name, children: t != null && t.subSelections ? "Crear Apuesta" : t.name }),
-      /* @__PURE__ */ P("div", { className: dt.SelectionItem_sc, children: t.cuota.toFixed(2) })
+      /* @__PURE__ */ b("div", { className: dt.SelectionItem_name, children: t != null && t.subSelections ? "Crear Apuesta" : t.name }),
+      /* @__PURE__ */ b("div", { className: dt.SelectionItem_sc, children: t.cuota.toFixed(2) })
     ] }),
-    t != null && t.subSelections ? null : /* @__PURE__ */ P("div", { className: dt.SelectionItemGrid, children: /* @__PURE__ */ q("div", { className: dt.SelectionItem_marketName, children: [
-      /* @__PURE__ */ P("div", { children: t.marketName }),
-      t.hasPA && /* @__PURE__ */ P("div", { className: dt.SelectionItem_hasPA, children: "PA" })
+    t != null && t.subSelections ? null : /* @__PURE__ */ b("div", { className: dt.SelectionItemGrid, children: /* @__PURE__ */ q("div", { className: dt.SelectionItem_marketName, children: [
+      /* @__PURE__ */ b("div", { children: t.marketName }),
+      t.hasPA && /* @__PURE__ */ b("div", { className: dt.SelectionItem_hasPA, children: "PA" })
     ] }) }),
     /* @__PURE__ */ q("div", { className: dt.SelectionItemGrid, children: [
-      /* @__PURE__ */ P("div", { className: dt.SelectionItem_event, children: t.event }),
-      /* @__PURE__ */ P("div", { className: dt.SelectionItem_fechahora, children: t.fechaHora })
+      /* @__PURE__ */ b("div", { className: dt.SelectionItem_event, children: t.event }),
+      /* @__PURE__ */ b("div", { className: dt.SelectionItem_fechahora, children: t.fechaHora })
     ] }),
-    t != null && t.subSelections && ((e = t == null ? void 0 : t.subSelections) == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ P("div", { className: dt.SelectionItem__Wrap, children: (n = t.subSelections) == null ? void 0 : n.map((r, o) => /* @__PURE__ */ q("div", { className: dt.SelectionItem__BB, children: [
-      /* @__PURE__ */ P("div", { className: dt.SelectionItem__BB__mn, children: r == null ? void 0 : r.marketName }),
-      /* @__PURE__ */ P("div", { children: r == null ? void 0 : r.name })
-    ] }, o)) }) : /* @__PURE__ */ P(qn, {})
+    t != null && t.subSelections && ((e = t == null ? void 0 : t.subSelections) == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ b("div", { className: dt.SelectionItem__Wrap, children: (n = t.subSelections) == null ? void 0 : n.map((r, o) => /* @__PURE__ */ q("div", { className: dt.SelectionItem__BB, children: [
+      /* @__PURE__ */ b("div", { className: dt.SelectionItem__BB__mn, children: r == null ? void 0 : r.marketName }),
+      /* @__PURE__ */ b("div", { children: r == null ? void 0 : r.name })
+    ] }, o)) }) : /* @__PURE__ */ b(qn, {})
   ] });
-}, uv = "_PulseButton_1o75u_1", lv = "_PulseButton_BG_1o75u_10", $o = {
-  PulseButton: uv,
-  PulseButton_BG: lv
-}, cv = "_Button_hwpwf_1", fv = {
-  Button: cv
+}, lv = "_PulseButton_1o75u_1", cv = "_PulseButton_BG_1o75u_10", $o = {
+  PulseButton: lv,
+  PulseButton_BG: cv
+}, fv = "_Button_hwpwf_1", dv = {
+  Button: fv
 }, Va = ({ children: t, href: e }) => /* @__PURE__ */ q("div", { className: $o.PulseButton, children: [
-  /* @__PURE__ */ P("div", { className: $o.PulseButton_BG }),
-  /* @__PURE__ */ P("a", { className: fv.Button, href: e, children: t })
-] }), dv = ({
+  /* @__PURE__ */ b("div", { className: $o.PulseButton_BG }),
+  /* @__PURE__ */ b("a", { className: dv.Button, href: e, children: t })
+] }), vv = ({
   width: t = "100%",
   height: e = "100%",
   fill: n = "white",
   ...r
-}) => /* @__PURE__ */ P(
+}) => /* @__PURE__ */ b(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4813,7 +4814,7 @@ const Gd = "_BetSlip_10597_1", Kd = "_BetSlip_Title_10597_14", Yd = "_SelectionI
     height: e,
     fill: n,
     ...r,
-    children: /* @__PURE__ */ P(
+    children: /* @__PURE__ */ b(
       "path",
       {
         fill: "#fff",
@@ -4821,25 +4822,25 @@ const Gd = "_BetSlip_10597_1", Kd = "_BetSlip_Title_10597_14", Yd = "_SelectionI
       }
     )
   }
-), vv = ({ slip: t, title: e }) => {
+), pv = ({ slip: t, title: e }) => {
   var n;
-  return /* @__PURE__ */ q("div", { className: Gt.BetSlip, children: [
-    /* @__PURE__ */ q("div", { className: Gt.SelectionItemWrap, children: [
-      e ? /* @__PURE__ */ P("div", { className: Gt.BetSlip_Title, children: e }) : null,
-      (n = t == null ? void 0 : t.selections) == null ? void 0 : n.map((r, o) => /* @__PURE__ */ P(sv, { selection: r }, `${Date.now()}-${o}`))
+  return /* @__PURE__ */ q("div", { className: $t.BetSlip, children: [
+    /* @__PURE__ */ q("div", { className: $t.SelectionItemWrap, children: [
+      e ? /* @__PURE__ */ b("div", { className: $t.BetSlip_Title, children: e }) : null,
+      (n = t == null ? void 0 : t.selections) == null ? void 0 : n.map((r, o) => /* @__PURE__ */ b(uv, { selection: r }, `${Date.now()}-${o}`))
     ] }),
-    /* @__PURE__ */ P("div", { className: Ut(Gt.BetSlip_ButtonWrap), children: /* @__PURE__ */ P(
+    /* @__PURE__ */ b("div", { className: Wt($t.BetSlip_ButtonWrap), children: /* @__PURE__ */ b(
       Va,
       {
         href: "https://www.apuestatotal.com/apuestas-deportivas/?reservationCode=HHHH",
-        children: /* @__PURE__ */ q("div", { className: Gt.BetSlip_BtnText, children: [
-          t == null ? void 0 : t.cuotaTotal,
-          /* @__PURE__ */ P("div", { className: Gt.BetSlip__NextIcon, children: /* @__PURE__ */ P(dv, {}) })
+        children: /* @__PURE__ */ q("div", { className: $t.BetSlip_BtnText, children: [
+          /* @__PURE__ */ b("div", { className: $t.BetSlip_BtnText__Text, children: t == null ? void 0 : t.cuotaTotal }),
+          /* @__PURE__ */ b("div", { className: $t.BetSlip__NextIcon, children: /* @__PURE__ */ b(vv, {}) })
         ] })
       }
     ) })
   ] });
-}, pv = {
+}, mv = {
   stakes: [
     {
       value: 10,
@@ -5037,38 +5038,38 @@ const Gd = "_BetSlip_10597_1", Kd = "_BetSlip_Title_10597_14", Yd = "_SelectionI
   betType: 1,
   stakeAdjustment: { type: 0, value: 0 },
   fullCoverData: { type: 1, label: null }
-}, mv = ({ story: t }) => {
+}, hv = ({ story: t }) => {
   let e = Uo;
-  return (t == null ? void 0 : t.type) == "promo" && (e = Uo), (t == null ? void 0 : t.type) == "betting" && (e = hv), /* @__PURE__ */ P(e, { story: t });
-}, Uo = ({ story: t }) => /* @__PURE__ */ q("div", { className: Ut(ve.story), children: [
-  /* @__PURE__ */ P("img", { src: t == null ? void 0 : t.image, alt: "" }),
-  t != null && t.btn_text && (t != null && t.btn_url) ? /* @__PURE__ */ P("div", { className: Ut(ve.BetSlip_Wrapper), children: /* @__PURE__ */ P("div", { className: ve.BetSlip_ButtonWrap, children: /* @__PURE__ */ q(Va, { href: t == null ? void 0 : t.btn_url, children: [
+  return (t == null ? void 0 : t.type) == "promo" && (e = Uo), (t == null ? void 0 : t.type) == "betting" && (e = gv), /* @__PURE__ */ b(e, { story: t });
+}, Uo = ({ story: t }) => /* @__PURE__ */ q("div", { className: Wt(ve.story), children: [
+  /* @__PURE__ */ b("img", { src: t == null ? void 0 : t.image, alt: "" }),
+  t != null && t.btn_text && (t != null && t.btn_url) ? /* @__PURE__ */ b("div", { className: Wt(ve.BetSlip_Wrapper), children: /* @__PURE__ */ b("div", { className: ve.BetSlip_ButtonWrap, children: /* @__PURE__ */ q(Va, { href: t == null ? void 0 : t.btn_url, children: [
     " ",
     t == null ? void 0 : t.btn_text
   ] }) }) }) : null
-] }), hv = ({ story: t }) => {
-  const e = pv;
-  return /* @__PURE__ */ q("div", { className: Ut(ve.story), children: [
-    /* @__PURE__ */ P("img", { src: t == null ? void 0 : t.image, alt: "" }),
-    /* @__PURE__ */ P("div", { className: ve.BetSlip_Wrapper, children: /* @__PURE__ */ P(
-      vv,
+] }), gv = ({ story: t }) => {
+  const e = mv;
+  return /* @__PURE__ */ q("div", { className: Wt(ve.story), children: [
+    /* @__PURE__ */ b("img", { src: t == null ? void 0 : t.image, alt: "" }),
+    /* @__PURE__ */ b("div", { className: ve.BetSlip_Wrapper, children: /* @__PURE__ */ b(
+      pv,
       {
         slip: zd.fromRaw(e),
         title: t == null ? void 0 : t.coupon_title
       }
     ) })
   ] });
-}, gv = "_StoryHeaderPlayer_1oqtd_1", yv = "_StoryHeaderPlayer__ProfileStory_1oqtd_18", Sv = "_StoryHeaderPlayer__title_1oqtd_24", Cn = {
-  StoryHeaderPlayer: gv,
-  StoryHeaderPlayer__ProfileStory: yv,
-  StoryHeaderPlayer__title: Sv
-}, bv = ({
+}, yv = "_StoryHeaderPlayer_1oqtd_1", Sv = "_StoryHeaderPlayer__ProfileStory_1oqtd_18", bv = "_StoryHeaderPlayer__title_1oqtd_24", Cn = {
+  StoryHeaderPlayer: yv,
+  StoryHeaderPlayer__ProfileStory: Sv,
+  StoryHeaderPlayer__title: bv
+}, _v = ({
   story: t,
   onProfileClick: e = () => null,
   color: n,
   image: r
 }) => /* @__PURE__ */ q("div", { className: Cn.StoryHeaderPlayer, children: [
-  /* @__PURE__ */ P(
+  /* @__PURE__ */ b(
     zo,
     {
       className: Cn.StoryHeaderPlayer__ProfileStory,
@@ -5077,7 +5078,7 @@ const Gd = "_BetSlip_10597_1", Kd = "_BetSlip_Title_10597_14", Yd = "_SelectionI
       image: r
     }
   ),
-  /* @__PURE__ */ P("div", { className: Cn.StoryHeaderPlayer__title, children: t == null ? void 0 : t.title })
+  /* @__PURE__ */ b("div", { className: Cn.StoryHeaderPlayer__title, children: t == null ? void 0 : t.title })
 ] }), Pv = ({ container: t = "HOME" } = {}) => {
   const e = "apuestotal-stories-" + t;
   function n() {
@@ -5149,7 +5150,7 @@ function wv(t, e) {
     };
   }, [t, n]);
 }
-function _v({ scroll: t, targets: e }) {
+function xv({ scroll: t, targets: e }) {
   const n = Z([]), r = pe((a) => {
     n.current.forEach(({ el: i, originalOverflow: s }) => {
       i.style.overflow = s;
@@ -5187,9 +5188,9 @@ function _v({ scroll: t, targets: e }) {
     }
   }, [t]), { disableScroll: r, enableScroll: o };
 }
-const Iv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
+const Av = ({ className: t = "", data: e, isPortal: n = !0 }) => {
   var y;
-  const [r, o] = Pt(null), a = (h) => o(h), {
+  const [r, o] = _t(null), a = (h) => o(h), {
     markStorySeen: i,
     hasSeenAllStories: s,
     getNextUnseenStoryIndex: u,
@@ -5201,7 +5202,7 @@ const Iv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
     f.current = c;
   }, [c]);
   const d = e == null ? void 0 : e.find((h) => (h == null ? void 0 : h.id) == r), p = ((y = e == null ? void 0 : e.find((h) => (h == null ? void 0 : h.id) == r)) == null ? void 0 : y.stories) ?? [];
-  wv(r, () => o(null)), _v({
+  wv(r, () => o(null)), xv({
     targets: [document],
     scroll: r ? "OFF" : "ON"
   });
@@ -5211,10 +5212,10 @@ const Iv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
     if (!r) return null;
     const h = p.map((g) => ({
       type: "component",
-      component: ({ pause: w, resume: x, story: T, isPaused: R }) => (i(d == null ? void 0 : d.id, g.id), /* @__PURE__ */ P(mv, { story: g })),
+      component: ({ pause: P, resume: x, story: T, isPaused: R }) => (i(d == null ? void 0 : d.id, g.id), /* @__PURE__ */ b(hv, { story: g })),
       duration: g != null && g.duration ? (g == null ? void 0 : g.duration) * 1e3 : 7e3,
-      header: () => /* @__PURE__ */ P(
-        bv,
+      header: () => /* @__PURE__ */ b(
+        _v,
         {
           color: d == null ? void 0 : d.color,
           image: d == null ? void 0 : d.avatar,
@@ -5222,7 +5223,7 @@ const Iv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
         },
         g == null ? void 0 : g.id
       )
-    })), S = /* @__PURE__ */ P(
+    })), S = /* @__PURE__ */ b(
       jd,
       {
         onClose: v,
@@ -5233,10 +5234,10 @@ const Iv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
           var x;
           const g = f.current.findIndex(
             (T) => T.id == r
-          ), w = f.current.filter(
+          ), P = f.current.filter(
             (T) => T.id !== r
           );
-          f.current = w, (x = f.current[g]) != null && x.id ? o(f.current[g].id) : (o(null), f.current = c);
+          f.current = P, (x = f.current[g]) != null && x.id ? o(f.current[g].id) : (o(null), f.current = c);
         },
         currentIndex: d ? u(d) : 0,
         stories: h
@@ -5246,13 +5247,13 @@ const Iv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
     return n ? Ra.createPortal(S, document.body) : S;
   };
   return /* @__PURE__ */ q(qn, { children: [
-    /* @__PURE__ */ P(
-      Ps,
+    /* @__PURE__ */ b(
+      _s,
       {
-        wrapperClassName: Ut(sn.ScrollMenu, t),
+        wrapperClassName: Wt(sn.ScrollMenu, t),
         scrollContainerClassName: sn.scrollContainerClassName,
         itemClassName: sn.itemClassName,
-        children: c.map((h, S) => /* @__PURE__ */ P(
+        children: c.map((h, S) => /* @__PURE__ */ b(
           zo,
           {
             hasSeenAllStories: s(h),
@@ -5269,10 +5270,10 @@ const Iv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
   ] });
 };
 export {
-  mv as ManagmentStoryComponent,
-  Iv as ProfileStories,
+  hv as ManagmentStoryComponent,
+  Av as ProfileStories,
   zo as ProfileStory,
-  bv as StoryHeaderPlayer,
+  _v as StoryHeaderPlayer,
   jd as StoryPlayer
 };
 //# sourceMappingURL=index.esm.js.map