@maycolem/stories 15.0.0 → 17.0.0

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { jsx as S, jsxs as Z, Fragment as Go } from "react/jsx-runtime";
+import { jsx as S, jsxs as K, Fragment as Kn } from "react/jsx-runtime";
 import * as Cn from "react";
 import C, { useState as mt, useRef as Q, useCallback as ve, createContext as Gt, useMemo as Ke, useEffect as F, Fragment as zo, useContext as st, useLayoutEffect as Oa, forwardRef as La, createElement as Na } from "react";
 import ja from "react-dom";
@@ -23,9 +23,9 @@ var un = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var br;
+var xr;
 function Ya() {
-  return br || (br = 1, function(t) {
+  return xr || (xr = 1, function(t) {
     (function() {
       var e = {}.hasOwnProperty;
       function n() {
@@ -65,13 +65,13 @@ function Za() {
       const i = a[0];
       if (!i) return;
       const { width: s, height: u } = i.contentRect;
-      e({ width: s, height: u });
+      s && u && e({ width: s, height: u });
     }), n.current.observe(o));
   }, []), t];
 }
-var ln, xr;
+var ln, Pr;
 function Ka() {
-  return xr || (xr = 1, ln = { hexToRGB: (r) => {
+  return Pr || (Pr = 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 Ka() {
     };
   }, 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, Pr;
+var cn, Tr;
 function Ja() {
-  if (Pr) return cn;
-  Pr = 1;
+  if (Tr) return cn;
+  Tr = 1;
   const { hexToRGB: t, formatRGB: e, formatRGBA: n } = Ka();
   return cn = (o, a) => {
     const i = t(o);
@@ -91,7 +91,7 @@ function Ja() {
   }, cn;
 }
 var Qa = Ja();
-const _a = /* @__PURE__ */ Uo(Qa), Kn = ({
+const _a = /* @__PURE__ */ Uo(Qa), Jn = ({
   image: t,
   title: e,
   color: n,
@@ -101,7 +101,7 @@ const _a = /* @__PURE__ */ Uo(Qa), Kn = ({
   hasSeenAllStories: i
 }) => {
   const [s, { width: u, height: l }] = Za();
-  return /* @__PURE__ */ S("div", { ref: s, children: /* @__PURE__ */ Z(
+  return /* @__PURE__ */ S("div", { ref: s, children: /* @__PURE__ */ K(
     "div",
     {
       className: qt(Ut.ProfileStory, r, {
@@ -175,10 +175,10 @@ let ls = class {
     }, this.getVisible = () => this.filter((e) => e[1].visible), this.observer = new ls(), this.firstRun = !0;
   }
 };
-const Tr = (t) => typeof t == "object" && t != null && t.nodeType === 1, wr = (t, e) => (!e || t !== "hidden") && t !== "visible" && t !== "clip", fn = (t, e) => {
+const wr = (t) => typeof t == "object" && t != null && t.nodeType === 1, Vr = (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 wr(n.overflowY, e) || wr(n.overflowX, e) || ((r) => {
+    return Vr(n.overflowY, e) || Vr(n.overflowX, e) || ((r) => {
       const o = ((a) => {
         if (!a.ownerDocument || !a.ownerDocument.defaultView) return null;
         try {
@@ -194,43 +194,43 @@ const Tr = (t) => typeof t == "object" && t != null && t.nodeType === 1, wr = (t
 }, Ee = (t, e, n, r, o, a, i, s) => a < t && i > e || a > t && i < e ? 0 : a <= t && s <= n || i >= e && s >= n ? a - t - r : i > e && s < n || a < t && s > n ? i - e + o : 0, fs = (t) => {
   const e = t.parentElement;
   return e ?? (t.getRootNode().host || null);
-}, Vr = (t, e) => {
+}, Er = (t, e) => {
   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 : (_) => _ !== l;
-  if (!Tr(t)) throw new TypeError("Invalid target");
+  const { scrollMode: i, block: s, inline: u, boundary: l, skipOverflowHiddenElements: c } = e, f = typeof l == "function" ? l : ($) => $ !== l;
+  if (!wr(t)) throw new TypeError("Invalid target");
   const d = document.scrollingElement || document.documentElement, p = [];
   let v = t;
-  for (; Tr(v) && f(v); ) {
+  for (; wr(v) && f(v); ) {
     if (v = fs(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 h = (r = (n = window.visualViewport) == null ? void 0 : n.width) != null ? r : innerWidth, g = (a = (o = window.visualViewport) == null ? void 0 : o.height) != null ? a : innerHeight, { scrollX: m, scrollY: b } = window, { height: y, width: P, top: w, right: E, bottom: R, left: j } = t.getBoundingClientRect(), { top: M, right: k, bottom: rt, left: q } = ((_) => {
-    const I = window.getComputedStyle(_);
+  const h = (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: m, scrollY: b } = window, { height: g, width: P, top: w, right: V, bottom: O, left: j } = t.getBoundingClientRect(), { top: A, right: k, bottom: _, left: W } = (($) => {
+    const I = window.getComputedStyle($);
     return { top: parseFloat(I.scrollMarginTop) || 0, right: parseFloat(I.scrollMarginRight) || 0, bottom: parseFloat(I.scrollMarginBottom) || 0, left: parseFloat(I.scrollMarginLeft) || 0 };
   })(t);
-  let H = s === "start" || s === "nearest" ? w - M : s === "end" ? R + rt : w + y / 2 - M + rt, O = u === "center" ? j + P / 2 - q + k : u === "end" ? E + k : j - q;
-  const K = [];
-  for (let _ = 0; _ < p.length; _++) {
-    const I = p[_], { height: it, width: at, top: ut, right: W, bottom: J, left: D } = I.getBoundingClientRect();
-    if (i === "if-needed" && w >= 0 && j >= 0 && R <= g && E <= h && w >= ut && R <= J && j >= D && E <= W) return K;
-    const T = getComputedStyle(I), V = parseInt(T.borderLeftWidth, 10), N = parseInt(T.borderTopWidth, 10), L = parseInt(T.borderRightWidth, 10), B = parseInt(T.borderBottomWidth, 10);
-    let G = 0, nt = 0;
-    const ot = "offsetWidth" in I ? I.offsetWidth - I.clientWidth - V - L : 0, tt = "offsetHeight" in I ? I.offsetHeight - I.clientHeight - N - B : 0, Et = "offsetWidth" in I ? I.offsetWidth === 0 ? 0 : at / I.offsetWidth : 0, te = "offsetHeight" in I ? I.offsetHeight === 0 ? 0 : it / I.offsetHeight : 0;
-    if (d === I) G = s === "start" ? H : s === "end" ? H - g : s === "nearest" ? Ee(b, b + g, g, N, B, b + H, b + H + y, y) : H - g / 2, nt = u === "start" ? O : u === "center" ? O - h / 2 : u === "end" ? O - h : Ee(m, m + h, h, V, L, m + O, m + O + P, P), G = Math.max(0, G + b), nt = Math.max(0, nt + m);
+  let H = s === "start" || s === "nearest" ? w - A : s === "end" ? O + _ : w + g / 2 - A + _, R = u === "center" ? j + P / 2 - W + k : u === "end" ? V + k : j - W;
+  const Y = [];
+  for (let $ = 0; $ < p.length; $++) {
+    const I = p[$], { height: it, width: at, top: ut, right: q, bottom: J, left: D } = I.getBoundingClientRect();
+    if (i === "if-needed" && w >= 0 && j >= 0 && O <= y && V <= h && w >= ut && O <= J && j >= D && V <= q) return Y;
+    const T = getComputedStyle(I), E = parseInt(T.borderLeftWidth, 10), N = parseInt(T.borderTopWidth, 10), L = parseInt(T.borderRightWidth, 10), B = parseInt(T.borderBottomWidth, 10);
+    let G = 0, rt = 0;
+    const ot = "offsetWidth" in I ? I.offsetWidth - I.clientWidth - E - L : 0, et = "offsetHeight" in I ? I.offsetHeight - I.clientHeight - N - B : 0, Et = "offsetWidth" in I ? I.offsetWidth === 0 ? 0 : at / I.offsetWidth : 0, te = "offsetHeight" in I ? I.offsetHeight === 0 ? 0 : it / I.offsetHeight : 0;
+    if (d === I) G = s === "start" ? H : s === "end" ? H - y : s === "nearest" ? Ee(b, b + y, y, N, B, b + H, b + H + g, g) : H - y / 2, rt = u === "start" ? R : u === "center" ? R - h / 2 : u === "end" ? R - h : Ee(m, m + h, h, E, L, m + R, m + R + P, P), G = Math.max(0, G + b), rt = Math.max(0, rt + m);
     else {
-      G = s === "start" ? H - ut - N : s === "end" ? H - J + B + tt : s === "nearest" ? Ee(ut, J, it, N, B + tt, H, H + y, y) : H - (ut + it / 2) + tt / 2, nt = u === "start" ? O - D - V : u === "center" ? O - (D + at / 2) + ot / 2 : u === "end" ? O - W + L + ot : Ee(D, W, at, V, L + ot, O, O + P, P);
+      G = s === "start" ? H - ut - N : s === "end" ? H - J + B + et : s === "nearest" ? Ee(ut, J, it, N, B + et, H, H + g, g) : H - (ut + it / 2) + et / 2, rt = u === "start" ? R - D - E : u === "center" ? R - (D + at / 2) + ot / 2 : u === "end" ? R - q + L + ot : Ee(D, q, at, E, L + ot, R, R + P, P);
       const { scrollLeft: ee, scrollTop: ne } = I;
-      G = te === 0 ? 0 : Math.max(0, Math.min(ne + G / te, I.scrollHeight - it / te + tt)), nt = Et === 0 ? 0 : Math.max(0, Math.min(ee + nt / Et, I.scrollWidth - at / Et + ot)), H += ne - G, O += ee - nt;
+      G = te === 0 ? 0 : Math.max(0, Math.min(ne + G / te, I.scrollHeight - it / te + et)), rt = Et === 0 ? 0 : Math.max(0, Math.min(ee + rt / Et, I.scrollWidth - at / Et + ot)), H += ne - G, R += ee - rt;
     }
-    K.push({ el: I, top: G, left: nt });
+    Y.push({ el: I, top: G, left: rt });
   }
-  return K;
+  return Y;
 };
-function Er(t, e) {
+function Cr(t, e) {
   if (!t.isConnected || !((o) => {
     let a = o;
     for (; a && a.parentNode; ) {
@@ -243,9 +243,9 @@ function Er(t, e) {
     const a = window.getComputedStyle(o);
     return { top: parseFloat(a.scrollMarginTop) || 0, right: parseFloat(a.scrollMarginRight) || 0, bottom: parseFloat(a.scrollMarginBottom) || 0, left: parseFloat(a.scrollMarginLeft) || 0 };
   })(t);
-  if (((o) => typeof o == "object" && typeof o.behavior == "function")(e)) return e.behavior(Vr(t, e));
+  if (((o) => typeof o == "object" && typeof o.behavior == "function")(e)) return e.behavior(Er(t, e));
   const r = typeof e == "boolean" || e == null ? void 0 : e.behavior;
-  for (const { el: o, top: a, left: i } of Vr(t, ((s) => s === !1 ? { block: "end", inline: "nearest" } : ((u) => u === Object(u) && Object.keys(u).length !== 0)(s) ? s : { block: "start", inline: "nearest" })(e))) {
+  for (const { el: o, top: a, left: i } of Er(t, ((s) => s === !1 ? { block: "end", inline: "nearest" } : ((u) => u === Object(u) && Object.keys(u).length !== 0)(s) ? s : { block: "start", inline: "nearest" })(e))) {
     const s = a - n.top + n.bottom, u = i - n.left + n.right;
     o.scroll({ top: s, left: u, behavior: r });
   }
@@ -266,11 +266,11 @@ function ds(t, e, n) {
 }
 const vs = function(t, e) {
   const n = e || {};
-  return ((r) => r && !r.behavior || r.behavior === "smooth")(n) ? Er(t, { block: n.block, inline: n.inline, scrollMode: n.scrollMode, boundary: n.boundary, skipOverflowHiddenElements: n.skipOverflowHiddenElements, behavior: (r) => Promise.all(r.reduce((o, a) => {
+  return ((r) => r && !r.behavior || r.behavior === "smooth")(n) ? Cr(t, { block: n.block, inline: n.inline, scrollMode: n.scrollMode, boundary: n.boundary, skipOverflowHiddenElements: n.skipOverflowHiddenElements, behavior: (r) => Promise.all(r.reduce((o, a) => {
     let { el: i, left: s, top: u } = a;
     const l = i.scrollLeft, c = i.scrollTop;
     return l === s && c === u ? o : [...o, new Promise((f) => ds(i, s, u, n.duration, n.ease, () => f({ el: i, left: [l, s], top: [c, u] }), n.onScrollChange))];
-  }, [])) }) : Promise.resolve(Er(t, e));
+  }, [])) }) : Promise.resolve(Cr(t, e));
 }, ps = (t) => Object.values(t).map((e) => e.current).filter(Boolean);
 function vn(t, e, n, r, o, a) {
   var i;
@@ -326,64 +326,64 @@ function Ps({ items: t, itemsChanged: e, refs: n, options: r }) {
     };
   }, [a, e, r, n]);
 }
-const Ts = (t) => C.Children.toArray(t).map(Jo).filter(Boolean), Cr = { ratio: 0.9, rootMargin: "5px", threshold: [0.05, 0.5, 0.75, 0.95] }, ws = { current: {} }, Ae = () => {
+const Ts = (t) => C.Children.toArray(t).map(Jo).filter(Boolean), Ar = { ratio: 0.9, rootMargin: "5px", threshold: [0.05, 0.5, 0.75, 0.95] }, ws = { current: {} }, Ae = () => {
 };
-function Vs({ LeftArrow: t, RightArrow: e, children: n, Header: r, Footer: o, transitionDuration: a = 500, transitionBehavior: i, onInit: s = Ae, onUpdate: u = Ae, onMouseDown: l, onMouseLeave: c, onMouseUp: f, onMouseMove: d, onScroll: p = Ae, onTouchMove: v, onTouchStart: h, onTouchEnd: g, onWheel: m = Ae, options: b = Cr, scrollContainerClassName: y = pt, containerRef: P = us, itemClassName: w = pt, wrapperClassName: E = pt, apiRef: R = ws, RTL: j, noPolyfill: M }) {
-  const k = Ce(t), rt = Ce(e), q = Ce(r), H = Ce(o), O = C.useRef(null), [K] = C.useState({}), _ = C.useMemo(() => Object.assign(Object.assign(Object.assign({}, Cr), b), { root: O.current }), [b]), I = C.useRef(new cs()).current, it = function(L, B) {
-    const [G, nt] = C.useState(pt), ot = C.useMemo(() => Ts(L), [L]);
+function Vs({ LeftArrow: t, RightArrow: e, children: n, Header: r, Footer: o, transitionDuration: a = 500, transitionBehavior: i, onInit: s = Ae, onUpdate: u = Ae, onMouseDown: l, onMouseLeave: c, onMouseUp: f, onMouseMove: d, onScroll: p = Ae, onTouchMove: v, onTouchStart: h, onTouchEnd: y, onWheel: m = Ae, options: b = Ar, scrollContainerClassName: g = pt, containerRef: P = us, itemClassName: w = pt, wrapperClassName: V = pt, apiRef: O = ws, RTL: j, noPolyfill: A }) {
+  const k = Ce(t), _ = Ce(e), W = Ce(r), H = Ce(o), R = C.useRef(null), [Y] = C.useState({}), $ = C.useMemo(() => Object.assign(Object.assign(Object.assign({}, Ar), b), { root: R.current }), [b]), I = C.useRef(new cs()).current, it = function(L, B) {
+    const [G, rt] = C.useState(pt), ot = C.useMemo(() => Ts(L), [L]);
     return C.useEffect(() => {
-      const tt = ot.filter(Boolean).join(pt);
+      const et = ot.filter(Boolean).join(pt);
       B.toItems().filter((Et) => !ot.includes(Et)).forEach((Et) => {
         B.delete(Et);
-      }), nt(tt);
+      }), rt(et);
     }, [ot, B]), G;
   }(n, I);
-  Ps(C.useMemo(() => ({ items: I, itemsChanged: it, options: _, refs: K }), [I, it, K, _]));
+  Ps(C.useMemo(() => ({ items: I, itemsChanged: it, options: $, refs: Y }), [I, it, Y, $]));
   const at = C.useMemo(() => function(L, B, G) {
-    var nt, ot, tt;
-    const Et = !!(!((nt = L.first()) === null || nt === void 0) && nt.visible), te = !!(!((ot = L.last()) === null || ot === void 0) && ot.visible), ee = (z) => {
-      var Y;
-      return (Y = L.find((ft) => ft[1].key === String(z))) === null || Y === void 0 ? void 0 : Y[1];
+    var rt, ot, et;
+    const Et = !!(!((rt = L.first()) === null || rt === void 0) && rt.visible), te = !!(!((ot = L.last()) === null || ot === void 0) && ot.visible), ee = (z) => {
+      var X;
+      return (X = L.find((ft) => ft[1].key === String(z))) === null || X === void 0 ? void 0 : X[1];
     }, ne = () => {
-      var z, Y;
-      const ft = (Y = (z = L.getVisible()) === null || z === void 0 ? void 0 : z[0]) === null || Y === void 0 ? void 0 : Y[1];
+      var z, X;
+      const ft = (X = (z = L.getVisible()) === null || z === void 0 ? void 0 : z[0]) === null || X === void 0 ? void 0 : X[1];
       return ft ? L.prev(ft) : void 0;
-    }, Sr = () => {
+    }, br = () => {
       var z;
-      const Y = (z = L.getVisible().findLast(() => !0)) === null || z === void 0 ? void 0 : z[1];
-      return Y ? L.next(Y) : void 0;
-    }, an = (tt = B == null ? void 0 : B.boundary) === null || tt === void 0 ? void 0 : tt.current;
+      const X = (z = L.getVisible().findLast(() => !0)) === null || z === void 0 ? void 0 : z[1];
+      return X ? L.next(X) : void 0;
+    }, an = (et = B == null ? void 0 : B.boundary) === null || et === void 0 ? void 0 : et.current;
     return { getItemById: ee, getItemElementById: hs, getItemByIndex: (z) => {
-      var Y;
-      return (Y = L.find((ft) => String(ft[1].index) === String(z))) === null || Y === void 0 ? void 0 : Y[1];
-    }, getItemElementByIndex: ms, getNextElement: Sr, getPrevElement: ne, isFirstItemVisible: Et, isItemVisible: (z) => L.getVisible().map((Y) => Y[0]).includes(String(z)), isLastItem: (z) => L.last() === ee(z), isLastItemVisible: te, scrollNext: (z, Y, ft, { duration: Ct, boundary: yt = an } = {}) => {
+      var X;
+      return (X = L.find((ft) => String(ft[1].index) === String(z))) === null || X === void 0 ? void 0 : X[1];
+    }, getItemElementByIndex: ms, getNextElement: br, getPrevElement: ne, isFirstItemVisible: Et, isItemVisible: (z) => L.getVisible().map((X) => X[0]).includes(String(z)), isLastItem: (z) => L.last() === ee(z), isLastItemVisible: te, scrollNext: (z, X, ft, { duration: Ct, boundary: yt = an } = {}) => {
       const Pt = z ?? (B == null ? void 0 : B.behavior);
-      return vn(Sr(), Pt, Y || "start", ft || "nearest", { boundary: yt, duration: Ct ?? (B == null ? void 0 : B.duration) }, G);
-    }, scrollPrev: (z, Y, ft, { duration: Ct, boundary: yt = an } = {}) => {
+      return vn(br(), Pt, X || "start", ft || "nearest", { boundary: yt, duration: Ct ?? (B == null ? void 0 : B.duration) }, G);
+    }, scrollPrev: (z, X, ft, { duration: Ct, boundary: yt = an } = {}) => {
       const Pt = z ?? (B == null ? void 0 : B.behavior);
-      return vn(ne(), Pt, Y || "end", ft || "nearest", { boundary: yt, duration: Ct ?? (B == null ? void 0 : B.duration) }, G);
-    }, useIsVisible: (z, Y = !1) => {
-      const [ft, Ct] = C.useState(Y), yt = C.useCallback((Pt) => {
+      return vn(ne(), Pt, X || "end", ft || "nearest", { boundary: yt, duration: Ct ?? (B == null ? void 0 : B.duration) }, G);
+    }, useIsVisible: (z, X = !1) => {
+      const [ft, Ct] = C.useState(X), yt = C.useCallback((Pt) => {
         Ct(!!(Pt != null && Pt.visible));
       }, []);
       return C.useEffect(() => (L.subscribe(z, yt), () => {
         L.unsubscribe(z, yt);
       }), [z, yt]), ft;
-    }, scrollToItem: (z, Y, ft, Ct, yt) => {
+    }, scrollToItem: (z, X, ft, Ct, yt) => {
       var Pt;
-      return vn(z, Y ?? (B == null ? void 0 : B.behavior), ft, Ct, Object.assign(Object.assign({ boundary: an }, yt), { duration: (Pt = yt == null ? void 0 : yt.duration) !== null && Pt !== void 0 ? Pt : B == null ? void 0 : B.duration }), G);
+      return vn(z, X ?? (B == null ? void 0 : B.behavior), ft, Ct, Object.assign(Object.assign({ boundary: an }, yt), { duration: (Pt = yt == null ? void 0 : yt.duration) !== null && Pt !== void 0 ? Pt : B == null ? void 0 : B.duration }), G);
     } };
-  }(I, { duration: a, behavior: i, boundary: O }, M), [I, a, i, M]), ut = C.useCallback(() => Object.assign(Object.assign({}, at), { items: I, scrollContainer: O }), [at, I, O]), [W, J] = C.useState(() => ut());
+  }(I, { duration: a, behavior: i, boundary: R }, A), [I, a, i, A]), ut = C.useCallback(() => Object.assign(Object.assign({}, at), { items: I, scrollContainer: R }), [at, I, R]), [q, J] = C.useState(() => ut());
   (({ context: L, onInit: B, onUpdate: G }) => {
-    const nt = C.useCallback(() => B(L), [B, L]), ot = C.useCallback(() => G(L), [G, L]), { items: tt } = L;
-    C.useEffect(() => (tt.subscribe(xt.onInit, nt), tt.subscribe(xt.onUpdate, ot), () => {
-      tt.unsubscribe(xt.onInit, nt), tt.unsubscribe(xt.onUpdate, ot);
-    }), [tt, nt, ot]);
-  })({ context: W, onInit: s, onUpdate: u }), C.useEffect(() => J(ut()), [ut]), C.useEffect(() => {
-    An(R) ? R.current = W : R(W);
-  }, [W, R]);
-  const D = C.useCallback((L) => p(W, L), [p, W]), T = C.useCallback((L) => m(W, L), [m, W]), V = C.useMemo(() => `${es} ${E}`, [E]), N = C.useMemo(() => `${y}${j ? " rtl" : pt}`, [j, y]);
-  return C.createElement("div", { className: V, onWheel: T, onMouseDown: l == null ? void 0 : l(W), onMouseLeave: c == null ? void 0 : c(W), onMouseUp: f == null ? void 0 : f(W), onMouseMove: d == null ? void 0 : d(W), onTouchStart: h == null ? void 0 : h(W), onTouchMove: v == null ? void 0 : v(W), onTouchEnd: g == null ? void 0 : g(W) }, C.createElement(bs.Provider, { value: W }, C.createElement("div", { className: rs }, q), C.createElement("div", { className: ns }, C.createElement("div", { className: os }, k), C.createElement(Ss, { className: N, onScroll: D, scrollRef: O, containerRef: P }, C.createElement(ys, { refs: K, itemClassName: w }, n)), C.createElement("div", { className: is }, rt)), C.createElement("div", { className: as }, H)));
+    const rt = C.useCallback(() => B(L), [B, L]), ot = C.useCallback(() => G(L), [G, L]), { items: et } = L;
+    C.useEffect(() => (et.subscribe(xt.onInit, rt), et.subscribe(xt.onUpdate, ot), () => {
+      et.unsubscribe(xt.onInit, rt), et.unsubscribe(xt.onUpdate, ot);
+    }), [et, rt, ot]);
+  })({ context: q, onInit: s, onUpdate: u }), C.useEffect(() => J(ut()), [ut]), C.useEffect(() => {
+    An(O) ? O.current = q : O(q);
+  }, [q, O]);
+  const D = C.useCallback((L) => p(q, L), [p, q]), T = C.useCallback((L) => m(q, L), [m, q]), E = C.useMemo(() => `${es} ${V}`, [V]), N = C.useMemo(() => `${g}${j ? " rtl" : pt}`, [j, g]);
+  return C.createElement("div", { className: E, onWheel: T, onMouseDown: l == null ? void 0 : l(q), onMouseLeave: c == null ? void 0 : c(q), onMouseUp: f == null ? void 0 : f(q), onMouseMove: d == null ? void 0 : d(q), onTouchStart: h == null ? void 0 : h(q), onTouchMove: v == null ? void 0 : v(q), onTouchEnd: y == null ? void 0 : y(q) }, C.createElement(bs.Provider, { value: q }, C.createElement("div", { className: rs }, W), C.createElement("div", { className: ns }, C.createElement("div", { className: os }, k), C.createElement(Ss, { className: N, onScroll: D, scrollRef: R, containerRef: P }, C.createElement(ys, { refs: Y, itemClassName: w }, n)), C.createElement("div", { className: is }, _)), C.createElement("div", { className: as }, H)));
 }
 const Es = "_StoryPlayer_3s15o_1", Cs = "_Overlay_3s15o_15", As = "_StoryPlayer__Wrap_3s15o_25", Rs = "_progressContainer_3s15o_37", Ms = "_CloseIcon_3s15o_41", Is = "_inline_3s15o_57", Os = "_progressBarContainer_3s15o_75", Ls = "_progressBar_3s15o_75", Ot = {
   StoryPlayer: Es,
@@ -395,11 +395,11 @@ const Es = "_StoryPlayer_3s15o_1", Cs = "_Overlay_3s15o_15", As = "_StoryPlayer_
   progressBarContainer: Os,
   progressBar: Ls
 };
-var X = function() {
-  return X = Object.assign || function(t) {
+var Z = function() {
+  return Z = Object.assign || function(t) {
     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;
-  }, X.apply(this, arguments);
+  }, Z.apply(this, arguments);
 }, Qo = Gt({ stories: [], width: "100%", height: "100%", defaultDuration: 1e4, isPaused: !1 }), pn = Object.freeze({ LEFT: "left", RIGHT: "right" }), Ns = "Actions-styles_left__eky50", js = "Actions-styles_right__zguoH";
 function Ds(t) {
   var e = t.onNextClick, n = t.onPrevClick, r = t.onPause, o = t.onResume, a = mt(!1), i = a[0], s = a[1], u = Q(null);
@@ -423,12 +423,12 @@ function Ds(t) {
       return l(p);
     } };
   }
-  return Z(zo, { children: [S("div", X({ className: Ns }, f(pn.LEFT))), S("div", X({ className: js }, f(pn.RIGHT)))] });
+  return K(zo, { children: [S("div", Z({ className: Ns }, f(pn.LEFT))), S("div", Z({ className: js }, f(pn.RIGHT)))] });
 }
 function Je() {
   return st(Qo);
 }
-var Bs = "ProgressBar-styles_wrapper__oqUCo", ks = "ProgressBar-styles_bar__x0O50", Ar = 0, Rr = 0.1;
+var Bs = "ProgressBar-styles_wrapper__oqUCo", ks = "ProgressBar-styles_bar__x0O50", Rr = 0, Mr = 0.1;
 function Fs(t) {
   var e, n, r, o, a, i = Je(), s = i.defaultDuration, u = i.classNames, l = Q(null), c = Q(null), f = mt(!1), d = f[0], p = f[1];
   return F(function() {
@@ -438,14 +438,14 @@ function Fs(t) {
     l.current && (t.hasStoryPassed ? l.current.style.width = "".concat((v = c == null ? void 0 : c.current) === null || v === void 0 ? void 0 : v.offsetWidth, "px") : l.current.style.width = "0px");
   }, [t.hasStoryPassed, t.isActive]), e = function(v) {
     var h;
-    l.current && c.current && ((Ar = Number((l.current.style.width || "1px").slice(0, l.current.style.width.length - 2)) || 0) > c.current.offsetWidth ? p(!1) : (Rr = ((h = c == null ? void 0 : c.current) === null || h === void 0 ? void 0 : h.offsetWidth) / ((t.story.duration || s) / v), l.current.style.width = "".concat(Ar + Rr, "px")));
+    l.current && c.current && ((Rr = Number((l.current.style.width || "1px").slice(0, l.current.style.width.length - 2)) || 0) > c.current.offsetWidth ? p(!1) : (Mr = ((h = c == null ? void 0 : c.current) === null || h === void 0 ? void 0 : h.offsetWidth) / ((t.story.duration || s) / v), l.current.style.width = "".concat(Rr + Mr, "px")));
   }, n = d, r = Q(), o = Q(), a = Q(e), F(function() {
     a.current = e;
   }, [e]), F(function() {
     return n !== !1 ? (r.current = requestAnimationFrame(function v(h) {
       if (o.current != null) {
-        var g = h - o.current;
-        a.current(g);
+        var y = h - o.current;
+        a.current(y);
       }
       o.current = h, r.current = requestAnimationFrame(v);
     }), function() {
@@ -453,12 +453,12 @@ function Fs(t) {
     }) : function() {
       r.current && (r.current = null), cancelAnimationFrame(r.current), o.current = null;
     };
-  }, [n]), S("div", X({ className: "".concat(Bs, " ").concat((u == null ? void 0 : u.progressBarContainer) || ""), ref: c }, { children: S("div", { className: "".concat(ks, " ").concat((u == null ? void 0 : u.progressBar) || ""), ref: l }) }));
+  }, [n]), S("div", Z({ className: "".concat(Bs, " ").concat((u == null ? void 0 : u.progressBarContainer) || ""), ref: c }, { children: S("div", { className: "".concat(ks, " ").concat((u == null ? void 0 : u.progressBar) || ""), ref: l }) }));
 }
 var Hs = "progress-styles_wrapper__qQPyW";
 function Ws(t) {
   var e = Je(), n = e.stories, r = e.classNames;
-  return S("div", X({ className: "".concat(Hs, " ").concat((r == null ? void 0 : r.progressContainer) || ""), style: { gridTemplateColumns: "repeat(".concat(n.length, ",1fr)") } }, { children: n.map(function(o) {
+  return S("div", Z({ className: "".concat(Hs, " ").concat((r == null ? void 0 : r.progressContainer) || ""), style: { gridTemplateColumns: "repeat(".concat(n.length, ",1fr)") } }, { children: n.map(function(o) {
     return S(Fs, { hasStoryPassed: o.index < t.activeStoryIndex, isActive: o.index === t.activeStoryIndex, story: o, isPaused: o.index === t.activeStoryIndex && t.isPaused }, o.index);
   }) }));
 }
@@ -474,7 +474,7 @@ function Us(t) {
 }
 var mn, Ys = "Video-styles_video__BykuO", Xs = "Video-styles_loaderWrapper__TqVWk", Zs = "Video-styles_loader__FxxSV", Ks = "Video-styles_soundIcon__ZvYXE";
 function Js(t) {
-  return t.type === "off" ? S("svg", X({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: S("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" }) })) : S("svg", X({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: S("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" ? S("svg", Z({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: S("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" }) })) : S("svg", Z({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "white" }, { children: S("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 Rn = "RSIsMute", Yt = typeof window > "u" ? {} : window;
 function Qs(t) {
@@ -490,41 +490,41 @@ function Qs(t) {
       var f;
       c(!0), (f = l.current) === null || f === void 0 || f.play();
     }) : l.current.pause());
-  }, [n]), Z(zo, { children: [Z("video", X({ className: Ys, ref: l, playsInline: !0, "webkit-playsinline": "", controls: !1, src: t.story.url, onLoadedData: function() {
+  }, [n]), K(zo, { children: [K("video", Z({ className: Ys, ref: l, playsInline: !0, "webkit-playsinline": "", controls: !1, src: t.story.url, onLoadedData: function() {
     setTimeout(function() {
       t.onResume(), u(!1);
     }, 4);
-  }, muted: o }, { children: [S("source", { src: t.story.url, type: "video/mp4" }), S("source", { src: t.story.url, type: "video/webm" }), S("source", { src: t.story.url, type: "video/ogg" }), S("p", { children: "Video not supported" })] })), S("div", X({ className: Ks, onClick: function() {
+  }, muted: o }, { children: [S("source", { src: t.story.url, type: "video/mp4" }), S("source", { src: t.story.url, type: "video/webm" }), S("source", { src: t.story.url, type: "video/ogg" }), S("p", { children: "Video not supported" })] })), S("div", Z({ className: Ks, onClick: function() {
     return c(!o);
-  } }, { children: S(Js, { type: o ? "off" : "on" }) })), s && S("div", X({ className: Xs }, { children: S("div", { className: Zs }) }))] });
+  } }, { children: S(Js, { type: o ? "off" : "on" }) })), s && S("div", Z({ className: Xs }, { children: S("div", { className: Zs }) }))] });
 }
 (mn = Yt == null ? void 0 : Yt.localStorage) === null || mn === void 0 || mn.setItem(Rn, "true");
 var _s = "CustomComponents-styles_component__w87Wx";
 function $s(t) {
-  return S("div", X({ className: _s }, { children: S(t.story.component, { pause: t.onPause, resume: t.onResume, story: t.story, isPaused: t.isPaused }) }));
+  return S("div", Z({ className: _s }, { children: S(t.story.component, { pause: t.onPause, resume: t.onResume, story: t.story, isPaused: t.isPaused }) }));
 }
 var tu = "SeeMore-styles_seeMoreWrapper__kwjif", eu = "SeeMore-styles_defaultSeeMore__-B1QW";
 function nu(t) {
-  return t.story.seeMore ? S("button", X({ type: "button", onClick: function() {
+  return t.story.seeMore ? S("button", Z({ type: "button", onClick: function() {
     t.onSeeMoreClick();
   }, className: tu }, { children: function() {
     var e = t.story.seeMore, n = typeof e;
     if (["string", "boolean"].includes(n)) {
       var r = n === "string" ? e : "See More";
-      return Z("div", X({ className: eu }, { children: [S("span", { children: "^" }), S("p", { children: r })] }));
+      return K("div", Z({ className: eu }, { children: [S("span", { children: "^" }), S("p", { children: r })] }));
     }
     return n === "function" ? S(t.story.seeMore, {}) : t.story.seeMore;
   }() })) : null;
 }
 var ru = "SeeMoreComponent-styles_seeMoreComponentWrapper__0T6Ap", ou = "SeeMoreComponent-styles_closeIcon__LMm3b";
 function iu(t) {
-  return t.story.seeMore && t.story.seeMoreComponent ? Z("div", X({ className: ru }, { children: [S("button", X({ className: ou, onClick: t.onClose }, { children: "✕" })), typeof t.story.seeMoreComponent == "function" ? S(t.story.seeMoreComponent, {}) : t.story.seeMoreComponent] })) : null;
+  return t.story.seeMore && t.story.seeMoreComponent ? K("div", Z({ className: ru }, { children: [S("button", Z({ className: ou, onClick: t.onClose }, { children: "✕" })), typeof t.story.seeMoreComponent == "function" ? S(t.story.seeMoreComponent, {}) : t.story.seeMoreComponent] })) : null;
 }
 function au(t) {
   var e = mt(!1), n = e[0], r = e[1], o = Je().classNames;
   return F(function() {
     r(!1);
-  }, [t.story]), Z("div", X({ className: "".concat(qs, " ").concat((o == null ? void 0 : o.storyContainer) || "") }, { children: [t.story.type === hn.IMAGE ? S(Us, X({}, t)) : t.story.type === hn.VIDEO ? S(Qs, X({}, t)) : t.story.type === hn.COMPONENT ? S($s, X({}, t)) : null, t.story.header && S("div", X({ className: Gs }, { children: typeof t.story.header == "function" ? S(t.story.header, {}) : t.story.header })), S(nu, { onSeeMoreClick: function() {
+  }, [t.story]), K("div", Z({ className: "".concat(qs, " ").concat((o == null ? void 0 : o.storyContainer) || "") }, { children: [t.story.type === hn.IMAGE ? S(Us, Z({}, t)) : t.story.type === hn.VIDEO ? S(Qs, Z({}, t)) : t.story.type === hn.COMPONENT ? S($s, Z({}, t)) : null, t.story.header && S("div", Z({ className: Gs }, { children: typeof t.story.header == "function" ? S(t.story.header, {}) : t.story.header })), S(nu, { 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 && S(iu, { story: t.story, onClose: function() {
@@ -532,27 +532,27 @@ function au(t) {
   } })] }));
 }
 var su = "styles_main__-0FEu";
-function Mr(t) {
+function Ir(t) {
   return t === void 0 && (t = 4), Number(Math.random().toFixed(t));
 }
 function uu(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, h = v === void 0 ? function() {
-  } : v, g = t.currentIndex, m = g === void 0 ? 0 : g, b = t.defaultDuration, y = b === void 0 ? 1e4 : b, P = t.onAllStoriesEnd, w = P === void 0 ? function() {
-  } : P, E = t.onStoriesStart, R = E === void 0 ? function() {
-  } : E, j = t.classNames, M = j === void 0 ? {} : j, k = t.pauseStoryWhenInActiveWindow, rt = k === void 0 || k, q = Ke(function() {
+  } : v, y = t.currentIndex, m = y === void 0 ? 0 : y, b = t.defaultDuration, g = b === void 0 ? 1e4 : b, P = t.onAllStoriesEnd, w = P === void 0 ? function() {
+  } : P, V = t.onStoriesStart, O = V === void 0 ? function() {
+  } : V, j = t.classNames, A = j === void 0 ? {} : j, k = t.pauseStoryWhenInActiveWindow, _ = k === void 0 || k, W = Ke(function() {
     return function(N, L) {
       var B = 0;
-      return N.map(function(G, nt) {
-        var ot = G.duration || L, tt = ot + Mr();
-        return tt === B && (tt = ot + Mr(6)), B = tt, X(X({}, G), { index: nt, calculatedDuration: tt });
+      return N.map(function(G, rt) {
+        var ot = G.duration || L, et = ot + Ir();
+        return et === B && (et = ot + Ir(6)), B = et, Z(Z({}, G), { index: rt, calculatedDuration: et });
       });
-    }(l, y);
-  }, [l, y]), H = mt(), O = H[0], K = H[1], _ = l.length - 1, I = mt(!1), it = I[0], at = I[1], ut = Q(!1), W = Q(!1);
+    }(l, g);
+  }, [l, g]), H = mt(), R = H[0], Y = H[1], $ = l.length - 1, I = mt(!1), it = I[0], at = I[1], ut = Q(!1), q = Q(!1);
   function J() {
-    ut.current || (O == null ? void 0 : O.index) !== _ || (w(), ut.current = !0), (O == null ? void 0 : O.index) !== _ && K(function(N) {
-      if (!N) return q[0];
+    ut.current || (R == null ? void 0 : R.index) !== $ || (w(), ut.current = !0), (R == null ? void 0 : R.index) !== $ && Y(function(N) {
+      if (!N) return W[0];
       var L = (N == null ? void 0 : N.index) + 1;
-      return q[L];
+      return W[L];
     });
   }
   function D() {
@@ -562,15 +562,15 @@ function uu(t) {
     at(!1);
   }
   F(function() {
-    W.current || (W.current = !0, R());
-  }, [R]), F(function() {
-    var N = q[m];
-    N && K(N);
+    q.current || (q.current = !0, O());
+  }, [O]), F(function() {
+    var N = W[m];
+    N && Y(N);
   }, [m, l]), F(function() {
-    O && h(O.index);
-  }, [O]), n = function() {
+    R && h(R.index);
+  }, [R]), n = function() {
     J();
-  }, r = (e = O == null ? void 0 : O.calculatedDuration) !== null && e !== void 0 ? e : null, o = it, a = Q(), i = Q(r), s = Q(Date.now()), F(function() {
+  }, r = (e = R == null ? void 0 : R.calculatedDuration) !== null && e !== void 0 ? e : null, o = it, a = Q(), i = Q(r), s = Q(Date.now()), F(function() {
     a.current = n;
   }, [n]), F(function() {
     i.current = r;
@@ -604,14 +604,14 @@ function uu(t) {
       };
     }, []);
   }(function(N) {
-    rt && at(!N);
+    _ && at(!N);
   });
-  var V = { stories: q, width: f, height: p, defaultDuration: y, isPaused: it, classNames: M };
-  return O ? S(Qo.Provider, X({ value: V }, { children: Z("div", X({ className: "".concat(su, " ").concat(M.main || ""), style: { width: f, height: p } }, { children: [S(Ws, { activeStoryIndex: O.index, isPaused: it }), S(au, { onPause: D, onResume: T, story: O, isPaused: it }, O.index), S(Ds, { onNextClick: J, onPrevClick: function() {
-    (O == null ? void 0 : O.index) !== 0 && K(function(N) {
-      if (!N) return q[0];
+  var E = { stories: W, width: f, height: p, defaultDuration: g, isPaused: it, classNames: A };
+  return R ? S(Qo.Provider, Z({ value: E }, { children: K("div", Z({ className: "".concat(su, " ").concat(A.main || ""), style: { width: f, height: p } }, { children: [S(Ws, { activeStoryIndex: R.index, isPaused: it }), S(au, { onPause: D, onResume: T, story: R, isPaused: it }, R.index), S(Ds, { onNextClick: J, onPrevClick: function() {
+    (R == null ? void 0 : R.index) !== 0 && Y(function(N) {
+      if (!N) return W[0];
       var L = (N == null ? void 0 : N.index) - 1;
-      return q[L];
+      return W[L];
     });
   }, onPause: D, onResume: T })] })) })) : null;
 }
@@ -648,7 +648,7 @@ function gt(t, e) {
       e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
   return n;
 }
-function et(t, e) {
+function nt(t, e) {
   var n = typeof Symbol == "function" && t[Symbol.iterator];
   if (!n) return t;
   var r = n.call(t), o, a = [], i;
@@ -670,7 +670,7 @@ function ht(t, e, n) {
     (a || !(r in e)) && (a || (a = Array.prototype.slice.call(e, 0, r)), a[r] = e[r]);
   return t.concat(a || Array.prototype.slice.call(e));
 }
-var Ir = "production", $o = typeof process > "u" || process.env === void 0 ? Ir : process.env.NODE_ENV || Ir, At = function(t) {
+var Or = "production", $o = typeof process > "u" || process.env === void 0 ? Or : process.env.NODE_ENV || Or, At = function(t) {
   return {
     isEnabled: function(e) {
       return t.some(function(n) {
@@ -732,7 +732,7 @@ function fu(t, e, n) {
   }
   return r;
 }
-var Jn = Gt({
+var Qn = Gt({
   transformPagePoint: function(t) {
     return t;
   },
@@ -742,7 +742,7 @@ var Jn = Gt({
 function du() {
   return st(Qe).visualElement;
 }
-var _e = Gt(null), $t = typeof document < "u", Or = $t ? Oa : F, In = { current: null }, ni = !1;
+var _e = Gt(null), $t = typeof document < "u", Lr = $t ? Oa : F, In = { current: null }, ni = !1;
 function vu() {
   if (ni = !0, !!$t)
     if (window.matchMedia) {
@@ -755,11 +755,11 @@ function vu() {
 }
 function pu() {
   !ni && vu();
-  var t = et(mt(In.current), 1), e = t[0];
+  var t = nt(mt(In.current), 1), e = t[0];
   return e;
 }
 function hu() {
-  var t = pu(), e = st(Jn).reducedMotion;
+  var t = pu(), e = st(Qn).reducedMotion;
   return e === "never" ? !1 : e === "always" ? !0 : t;
 }
 function mu(t, e, n, r) {
@@ -773,12 +773,12 @@ function mu(t, e, n, r) {
     shouldReduceMotion: s
   }));
   var l = u.current;
-  return Or(function() {
+  return Lr(function() {
     l == null || l.syncRender();
   }), F(function() {
     var c;
     (c = l == null ? void 0 : l.animationState) === null || c === void 0 || c.animateChanges();
-  }), Or(function() {
+  }), Lr(function() {
     return function() {
       return l == null ? void 0 : l.notifyUnmount();
     };
@@ -848,9 +848,9 @@ function xu(t) {
   var e = bu(t, st(Qe)), n = e.initial, r = e.animate;
   return Ke(function() {
     return { initial: n, animate: r };
-  }, [Lr(n), Lr(r)]);
+  }, [Nr(n), Nr(r)]);
 }
-function Lr(t) {
+function Nr(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
 function xe(t) {
@@ -922,7 +922,7 @@ function Eu(t) {
   function s(u, l) {
     var c = Cu(u);
     u = x(x({}, u), { layoutId: c });
-    var f = st(Jn), d = null, p = xu(u), v = f.isStatic ? void 0 : Tu(), h = a(u, f.isStatic);
+    var f = st(Qn), d = null, p = xu(u), v = f.isStatic ? void 0 : Tu(), h = a(u, f.isStatic);
     return !f.isStatic && $t && (p.visualElement = mu(i, h, x(x({}, f), u), n), wu(v, u, p.visualElement, r || pe.projectionNodeConstructor), d = fu(u, p.visualElement, e)), Cn.createElement(
       Vu,
       { visualElement: p.visualElement, props: x(x({}, f), u) },
@@ -981,7 +981,7 @@ var Ru = [
   "use",
   "view"
 ];
-function Qn(t) {
+function _n(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -1065,7 +1065,7 @@ const zt = {
   test: (e) => Te(e) && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), Lt = we("deg"), wt = we("%"), A = we("px"), Hu = we("vh"), Wu = we("vw"), Nr = Object.assign(Object.assign({}, wt), { parse: (t) => wt.parse(t) / 100, transform: (t) => wt.transform(t * 100) }), _n = (t, e) => (n) => !!(Te(n) && Fu.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), di = (t, e, n) => (r) => {
+}), Lt = we("deg"), wt = we("%"), M = we("px"), Hu = we("vh"), Wu = we("vw"), jr = Object.assign(Object.assign({}, wt), { parse: (t) => wt.parse(t) / 100, transform: (t) => wt.transform(t * 100) }), $n = (t, e) => (n) => !!(Te(n) && Fu.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), di = (t, e, n) => (r) => {
   if (!Te(r))
     return r;
   const [o, a, i, s] = r.match(me);
@@ -1076,11 +1076,11 @@ const zt = {
     alpha: s !== void 0 ? parseFloat(s) : 1
   };
 }, Wt = {
-  test: _n("hsl", "hue"),
+  test: $n("hsl", "hue"),
   parse: di("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(t) + ", " + wt.transform(ae(e)) + ", " + wt.transform(ae(n)) + ", " + ae(se.transform(r)) + ")"
 }, qu = fi(0, 255), gn = Object.assign(Object.assign({}, zt), { transform: (t) => Math.round(qu(t)) }), Dt = {
-  test: _n("rgb", "red"),
+  test: $n("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) + ", " + ae(se.transform(r)) + ")"
 };
@@ -1094,7 +1094,7 @@ function Gu(t) {
   };
 }
 const Nn = {
-  test: _n("#"),
+  test: $n("#"),
   parse: Gu,
   transform: Dt.transform
 }, ct = {
@@ -1148,40 +1148,40 @@ const Ku = /([a-z-]*)\(.*?\)/g, jn = Object.assign(Object.assign({}, Mt), { getA
   const e = t.match(Ku);
   return e ? e.map(Zu).join(" ") : t;
 } });
-var jr = x(x({}, zt), { transform: Math.round }), yi = {
+var Dr = x(x({}, zt), { transform: Math.round }), yi = {
   // Border props
-  borderWidth: A,
-  borderTopWidth: A,
-  borderRightWidth: A,
-  borderBottomWidth: A,
-  borderLeftWidth: A,
-  borderRadius: A,
-  radius: A,
-  borderTopLeftRadius: A,
-  borderTopRightRadius: A,
-  borderBottomRightRadius: A,
-  borderBottomLeftRadius: A,
+  borderWidth: M,
+  borderTopWidth: M,
+  borderRightWidth: M,
+  borderBottomWidth: M,
+  borderLeftWidth: M,
+  borderRadius: M,
+  radius: M,
+  borderTopLeftRadius: M,
+  borderTopRightRadius: M,
+  borderBottomRightRadius: M,
+  borderBottomLeftRadius: M,
   // Positioning props
-  width: A,
-  maxWidth: A,
-  height: A,
-  maxHeight: A,
-  size: A,
-  top: A,
-  right: A,
-  bottom: A,
-  left: A,
+  width: M,
+  maxWidth: M,
+  height: M,
+  maxHeight: M,
+  size: M,
+  top: M,
+  right: M,
+  bottom: M,
+  left: M,
   // Spacing props
-  padding: A,
-  paddingTop: A,
-  paddingRight: A,
-  paddingBottom: A,
-  paddingLeft: A,
-  margin: A,
-  marginTop: A,
-  marginRight: A,
-  marginBottom: A,
-  marginLeft: A,
+  padding: M,
+  paddingTop: M,
+  paddingRight: M,
+  paddingBottom: M,
+  paddingLeft: M,
+  margin: M,
+  marginTop: M,
+  marginRight: M,
+  marginBottom: M,
+  marginLeft: M,
   // Transform props
   rotate: Lt,
   rotateX: Lt,
@@ -1194,27 +1194,27 @@ var jr = x(x({}, zt), { transform: Math.round }), yi = {
   skew: Lt,
   skewX: Lt,
   skewY: Lt,
-  distance: A,
-  translateX: A,
-  translateY: A,
-  translateZ: A,
-  x: A,
-  y: A,
-  z: A,
-  perspective: A,
-  transformPerspective: A,
+  distance: M,
+  translateX: M,
+  translateY: M,
+  translateZ: M,
+  x: M,
+  y: M,
+  z: M,
+  perspective: M,
+  transformPerspective: M,
   opacity: se,
-  originX: Nr,
-  originY: Nr,
-  originZ: A,
+  originX: jr,
+  originY: jr,
+  originZ: M,
   // Misc
-  zIndex: jr,
+  zIndex: Dr,
   // SVG
   fillOpacity: se,
   strokeOpacity: se,
-  numOctaves: jr
+  numOctaves: Dr
 };
-function $n(t, e, n, r) {
+function tr(t, e, n, r) {
   var o, a = t.style, i = t.vars, s = t.transform, u = t.transformKeys, l = t.transformOrigin;
   u.length = 0;
   var c = !1, f = !1, d = !0;
@@ -1224,16 +1224,16 @@ function $n(t, e, n, r) {
       i[p] = v;
       continue;
     }
-    var h = yi[p], g = ku(v, h);
+    var h = yi[p], y = ku(v, h);
     if (Pe(p)) {
-      if (c = !0, s[p] = g, u.push(p), !d)
+      if (c = !0, s[p] = y, u.push(p), !d)
         continue;
       v !== ((o = h.default) !== null && o !== void 0 ? o : 0) && (d = !1);
-    } else ui(p) ? (l[p] = g, f = !0) : a[p] = g;
+    } else ui(p) ? (l[p] = y, f = !0) : a[p] = y;
   }
   c ? a.transform = Du(t, n, d, r) : r ? a.transform = r({}, "") : !e.transform && a.transform && (a.transform = "none"), f && (a.transformOrigin = Bu(l));
 }
-var tr = function() {
+var er = function() {
   return {
     style: {},
     transform: {},
@@ -1249,8 +1249,8 @@ function Si(t, e, n) {
 function Ju(t, e, n) {
   var r = t.transformTemplate;
   return Ke(function() {
-    var o = tr();
-    $n(o, e, { enableHardwareAcceleration: !n }, r);
+    var o = er();
+    tr(o, e, { enableHardwareAcceleration: !n }, r);
     var a = o.vars, i = o.style;
     return x(x({}, a), i);
   }, [e]);
@@ -1343,11 +1343,11 @@ function el(t, e, n) {
     t.draggable && o.startsWith("onDrag")) && (r[o] = t[o]);
   return r;
 }
-function Dr(t, e, n) {
-  return typeof t == "string" ? t : A.transform(e + n * t);
+function Br(t, e, n) {
+  return typeof t == "string" ? t : M.transform(e + n * t);
 }
 function nl(t, e, n) {
-  var r = Dr(e, t.x, t.width), o = Dr(n, t.y, t.height);
+  var r = Br(e, t.x, t.width), o = Br(n, t.y, t.height);
   return "".concat(r, " ").concat(o);
 }
 var rl = {
@@ -1357,23 +1357,23 @@ var rl = {
 function ol(t, e, n, r, o) {
   n === void 0 && (n = 1), r === void 0 && (r = 0), t.pathLength = 1;
   var a = rl;
-  t[a.offset] = A.transform(-r);
-  var i = A.transform(e), s = A.transform(n);
+  t[a.offset] = M.transform(-r);
+  var i = M.transform(e), s = M.transform(n);
   t[a.array] = "".concat(i, " ").concat(s);
 }
-function er(t, e, n, r) {
+function nr(t, e, n, r) {
   var o = e.attrX, a = e.attrY, i = e.originX, s = e.originY, u = e.pathLength, l = e.pathSpacing, c = l === void 0 ? 1 : l, f = e.pathOffset, d = f === void 0 ? 0 : f, p = gt(e, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
-  $n(t, p, n, r), t.attrs = t.style, t.style = {};
-  var v = t.attrs, h = t.style, g = t.dimensions;
-  v.transform && (g && (h.transform = v.transform), delete v.transform), g && (i !== void 0 || s !== void 0 || h.transform) && (h.transformOrigin = nl(g, i !== void 0 ? i : 0.5, s !== void 0 ? s : 0.5)), o !== void 0 && (v.x = o), a !== void 0 && (v.y = a), u !== void 0 && ol(v, u, c, d);
+  tr(t, p, n, r), t.attrs = t.style, t.style = {};
+  var v = t.attrs, h = t.style, y = t.dimensions;
+  v.transform && (y && (h.transform = v.transform), delete v.transform), y && (i !== void 0 || s !== void 0 || h.transform) && (h.transformOrigin = nl(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 && ol(v, u, c, d);
 }
 var xi = function() {
-  return x(x({}, tr()), { attrs: {} });
+  return x(x({}, er()), { attrs: {} });
 };
 function il(t, e) {
   var n = Ke(function() {
     var o = xi();
-    return er(o, e, { enableHardwareAcceleration: !1 }, t.transformTemplate), x(x({}, o.attrs), { style: x({}, o.style) });
+    return nr(o, e, { enableHardwareAcceleration: !1 }, t.transformTemplate), x(x({}, o.attrs), { style: x({}, o.style) });
   }, [e]);
   if (t.style) {
     var r = {};
@@ -1384,7 +1384,7 @@ function il(t, e) {
 function al(t) {
   t === void 0 && (t = !1);
   var e = function(n, r, o, a, i, s) {
-    var u = i.latestValues, l = Qn(n) ? il : _u, c = l(r, u, s), f = el(r, typeof n == "string", t), d = x(x(x({}, f), c), { ref: a });
+    var u = i.latestValues, l = _n(n) ? il : _u, c = l(r, u, s), f = el(r, typeof n == "string", t), d = x(x(x({}, f), c), { ref: a });
     return o && (d["data-projection-id"] = o), Na(n, d);
   };
   return e;
@@ -1425,14 +1425,14 @@ function Vi(t, e, n, r) {
   for (var o in e.attrs)
     t.setAttribute(wi.has(o) ? o : Pi(o), e.attrs[o]);
 }
-function nr(t) {
+function rr(t) {
   var e = t.style, n = {};
   for (var r in e)
     (Rt(e[r]) || li(r, t)) && (n[r] = e[r]);
   return n;
 }
 function Ei(t) {
-  var e = nr(t);
+  var e = rr(t);
   for (var n in t)
     if (Rt(t[n])) {
       var r = n === "x" || n === "y" ? "attr" + n.toUpperCase() : n;
@@ -1440,7 +1440,7 @@ function Ei(t) {
     }
   return e;
 }
-function rr(t) {
+function or(t) {
   return typeof t == "object" && typeof t.start == "function";
 }
 var ge = function(t) {
@@ -1454,7 +1454,7 @@ function Be(t) {
   var e = Rt(t) ? t.get() : t;
   return ll(e) ? e.toValue() : e;
 }
-function Br(t, e, n, r) {
+function kr(t, e, n, r) {
   var o = t.scrapeMotionValuesFromProps, a = t.createRenderState, i = t.onMount, s = {
     latestValues: cl(e, n, r, o),
     renderState: a()
@@ -1466,8 +1466,8 @@ function Br(t, e, n, r) {
 var Ai = function(t) {
   return function(e, n) {
     var r = st(Qe), o = st(_e);
-    return n ? Br(t, e, r, o) : xe(function() {
-      return Br(t, e, r, o);
+    return n ? kr(t, e, r, o) : xe(function() {
+      return kr(t, e, r, o);
     });
   };
 };
@@ -1478,24 +1478,24 @@ function cl(t, e, n, r) {
   var u = t.initial, l = t.animate, c = tn(t), f = ii(t);
   e && f && !c && t.inherit !== !1 && (u ?? (u = e.initial), l ?? (l = e.animate));
   var d = a || u === !1, p = d ? l : u;
-  if (p && typeof p != "boolean" && !rr(p)) {
+  if (p && typeof p != "boolean" && !or(p)) {
     var v = Array.isArray(p) ? p : [p];
     v.forEach(function(h) {
-      var g = oi(t, h);
-      if (g) {
-        var m = g.transitionEnd;
-        g.transition;
-        var b = gt(g, ["transitionEnd", "transition"]);
-        for (var y in b) {
-          var P = b[y];
+      var y = oi(t, h);
+      if (y) {
+        var m = y.transitionEnd;
+        y.transition;
+        var b = gt(y, ["transitionEnd", "transition"]);
+        for (var g in b) {
+          var P = b[g];
           if (Array.isArray(P)) {
             var w = d ? P.length - 1 : 0;
             P = P[w];
           }
-          P !== null && (o[y] = P);
+          P !== null && (o[g] = P);
         }
-        for (var y in m)
-          o[y] = m[y];
+        for (var g in m)
+          o[g] = m[g];
       }
     });
   }
@@ -1517,17 +1517,17 @@ var fl = {
           height: 0
         };
       }
-      er(r, o, { enableHardwareAcceleration: !1 }, t.transformTemplate), Vi(e, r);
+      nr(r, o, { enableHardwareAcceleration: !1 }, t.transformTemplate), Vi(e, r);
     }
   })
 }, dl = {
   useVisualState: Ai({
-    scrapeMotionValuesFromProps: nr,
-    createRenderState: tr
+    scrapeMotionValuesFromProps: rr,
+    createRenderState: er
   })
 };
 function vl(t, e, n, r, o) {
-  var a = e.forwardMotionProps, i = a === void 0 ? !1 : a, s = Qn(t) ? fl : dl;
+  var a = e.forwardMotionProps, i = a === void 0 ? !1 : a, s = _n(t) ? fl : dl;
   return x(x({}, s), { preloadedFeatures: n, useRender: al(i), createVisualElement: r, projectionNodeConstructor: o, Component: t });
 }
 var U;
@@ -1584,7 +1584,7 @@ function yl(t, e) {
     y: t[e + "Y"]
   };
 }
-function or(t, e) {
+function ir(t, e) {
   return e === void 0 && (e = "page"), {
     point: Mi(t) ? gl(t, e) : yl(t, e)
   };
@@ -1592,7 +1592,7 @@ function or(t, e) {
 var Ii = function(t, e) {
   e === void 0 && (e = !1);
   var n = function(r) {
-    return t(r, or(r));
+    return t(r, ir(r));
   };
   return e ? hl(n) : n;
 }, Sl = function() {
@@ -1634,15 +1634,15 @@ function Li(t) {
     return e === null ? (e = t, n) : !1;
   };
 }
-var kr = Li("dragHorizontal"), Fr = Li("dragVertical");
+var Fr = Li("dragHorizontal"), Hr = Li("dragVertical");
 function Ni(t) {
   var e = !1;
   if (t === "y")
-    e = Fr();
+    e = Hr();
   else if (t === "x")
-    e = kr();
+    e = Fr();
   else {
-    var n = kr(), r = Fr();
+    var n = Fr(), r = Hr();
     n && r ? e = function() {
       n(), r();
     } : (n && n(), r && r());
@@ -1653,7 +1653,7 @@ function ji() {
   var t = Ni(!0);
   return t ? (t(), !1) : !0;
 }
-function Hr(t, e, n) {
+function Wr(t, e, n) {
   return function(r, o) {
     var a;
     !Ri(r) || ji() || ((a = t.animationState) === null || a === void 0 || a.setActive(U.Hover, e), n == null || n(r, o));
@@ -1661,7 +1661,7 @@ function Hr(t, e, n) {
 }
 function wl(t) {
   var e = t.onHoverStart, n = t.onHoverEnd, r = t.whileHover, o = t.visualElement;
-  qe(o, "pointerenter", e || r ? Hr(o, !0, e) : void 0, { passive: !e }), qe(o, "pointerleave", n || r ? Hr(o, !1, n) : void 0, { passive: !n });
+  qe(o, "pointerenter", e || r ? Wr(o, !0, e) : void 0, { passive: !e }), qe(o, "pointerleave", n || r ? Wr(o, !1, n) : void 0, { passive: !n });
 }
 var Di = function(t, e) {
   return e ? t === e ? !0 : Di(t, e.parentElement) : !1;
@@ -1673,17 +1673,17 @@ function Bi(t) {
     };
   }, []);
 }
-const Ge = (t, e, n) => Math.min(Math.max(n, t), e), Wr = 1e-3, Vl = 0.01, qr = 10, El = 0.05, Cl = 1;
+const Ge = (t, e, n) => Math.min(Math.max(n, t), e), qr = 1e-3, Vl = 0.01, Gr = 10, El = 0.05, Cl = 1;
 function Al({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1 }) {
   let o, a;
-  be(t <= qr * 1e3, "Spring duration must be 10 seconds or less");
+  be(t <= Gr * 1e3, "Spring duration must be 10 seconds or less");
   let i = 1 - e;
-  i = Ge(El, Cl, i), t = Ge(Vl, qr, t / 1e3), i < 1 ? (o = (l) => {
+  i = Ge(El, Cl, i), t = Ge(Vl, Gr, t / 1e3), i < 1 ? (o = (l) => {
     const c = l * i, f = c * t, d = c - n, p = Bn(l, i), v = Math.exp(-f);
-    return Wr - d / p * v;
+    return qr - d / p * v;
   }, a = (l) => {
     const f = l * i * t, d = f * n + n, p = Math.pow(i, 2) * Math.pow(l, 2) * t, v = Math.exp(-f), h = Bn(Math.pow(l, 2), i);
-    return (-o(l) + Wr > 0 ? -1 : 1) * ((d - p) * v) / h;
+    return (-o(l) + qr > 0 ? -1 : 1) * ((d - p) * v) / h;
   }) : (o = (l) => {
     const c = Math.exp(-l * t), f = (l - n) * t + 1;
     return -1e-3 + c * f;
@@ -1718,50 +1718,50 @@ function Bn(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
 const Il = ["duration", "bounce"], Ol = ["stiffness", "damping", "mass"];
-function Gr(t, e) {
+function zr(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
 function Ll(t) {
   let e = Object.assign({ velocity: 0, stiffness: 100, damping: 10, mass: 1, isResolvedFromDuration: !1 }, t);
-  if (!Gr(t, Ol) && Gr(t, Il)) {
+  if (!zr(t, Ol) && zr(t, Il)) {
     const n = Al(t);
     e = Object.assign(Object.assign(Object.assign({}, e), n), { velocity: 0, mass: 1 }), e.isResolvedFromDuration = !0;
   }
   return e;
 }
-function ir(t) {
+function ar(t) {
   var { from: e = 0, to: n = 1, restSpeed: r = 2, restDelta: o } = t, a = gt(t, ["from", "to", "restSpeed", "restDelta"]);
   const i = { done: !1, value: e };
-  let { stiffness: s, damping: u, mass: l, velocity: c, duration: f, isResolvedFromDuration: d } = Ll(a), p = zr, v = zr;
+  let { stiffness: s, damping: u, mass: l, velocity: c, duration: f, isResolvedFromDuration: d } = Ll(a), p = Ur, v = Ur;
   function h() {
-    const g = c ? -(c / 1e3) : 0, m = n - e, b = u / (2 * Math.sqrt(s * l)), y = Math.sqrt(s / l) / 1e3;
+    const y = c ? -(c / 1e3) : 0, m = n - e, b = 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)), b < 1) {
-      const P = Bn(y, b);
+      const P = Bn(g, b);
       p = (w) => {
-        const E = Math.exp(-b * y * w);
-        return n - E * ((g + b * y * m) / P * Math.sin(P * w) + m * Math.cos(P * w));
+        const V = Math.exp(-b * g * w);
+        return n - V * ((y + b * g * m) / P * Math.sin(P * w) + m * Math.cos(P * w));
       }, v = (w) => {
-        const E = Math.exp(-b * y * w);
-        return b * y * E * (Math.sin(P * w) * (g + b * y * m) / P + m * Math.cos(P * w)) - E * (Math.cos(P * w) * (g + b * y * m) - P * m * Math.sin(P * w));
+        const V = Math.exp(-b * g * w);
+        return b * g * V * (Math.sin(P * w) * (y + b * g * m) / P + m * Math.cos(P * w)) - V * (Math.cos(P * w) * (y + b * g * m) - P * m * Math.sin(P * w));
       };
     } else if (b === 1)
-      p = (P) => n - Math.exp(-y * P) * (m + (g + y * m) * P);
+      p = (P) => n - Math.exp(-g * P) * (m + (y + g * m) * P);
     else {
-      const P = y * Math.sqrt(b * b - 1);
+      const P = g * Math.sqrt(b * b - 1);
       p = (w) => {
-        const E = Math.exp(-b * y * w), R = Math.min(P * w, 300);
-        return n - E * ((g + b * y * m) * Math.sinh(R) + P * m * Math.cosh(R)) / P;
+        const V = Math.exp(-b * g * w), O = Math.min(P * w, 300);
+        return n - V * ((y + b * g * m) * Math.sinh(O) + P * m * Math.cosh(O)) / P;
       };
     }
   }
   return h(), {
-    next: (g) => {
-      const m = p(g);
+    next: (y) => {
+      const m = p(y);
       if (d)
-        i.done = g >= f;
+        i.done = y >= f;
       else {
-        const b = v(g) * 1e3, y = Math.abs(b) <= r, P = Math.abs(n - m) <= o;
-        i.done = y && P;
+        const b = v(y) * 1e3, g = Math.abs(b) <= r, P = Math.abs(n - m) <= o;
+        i.done = g && P;
       }
       return i.value = i.done ? n : m, i;
     },
@@ -1770,15 +1770,15 @@ function ir(t) {
     }
   };
 }
-ir.needsInterpolation = (t, e) => typeof t == "string" || typeof e == "string";
-const zr = (t) => 0, ye = (t, e, n) => {
+ar.needsInterpolation = (t, e) => typeof t == "string" || typeof e == "string";
+const Ur = (t) => 0, ye = (t, e, n) => {
   const r = e - t;
   return r === 0 ? 1 : (n - t) / r;
-}, $ = (t, e, n) => -n * t + n * e + t;
+}, tt = (t, e, n) => -n * t + n * e + t;
 function yn(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
-function Ur({ hue: t, saturation: e, lightness: n, alpha: r }) {
+function Yr({ hue: t, saturation: e, lightness: n, alpha: r }) {
   t /= 360, e /= 100, n /= 100;
   let o = 0, a = 0, i = 0;
   if (!e)
@@ -1797,20 +1797,20 @@ function Ur({ hue: t, saturation: e, lightness: n, alpha: r }) {
 const Nl = (t, e, n) => {
   const r = t * t, o = e * e;
   return Math.sqrt(Math.max(0, n * (o - r) + r));
-}, jl = [Nn, Dt, Wt], Yr = (t) => jl.find((e) => e.test(t)), Xr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, ki = (t, e) => {
-  let n = Yr(t), r = Yr(e);
-  vt(!!n, Xr(t)), vt(!!r, Xr(e));
+}, jl = [Nn, Dt, Wt], Xr = (t) => jl.find((e) => e.test(t)), Zr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, ki = (t, e) => {
+  let n = Xr(t), r = Xr(e);
+  vt(!!n, Zr(t)), vt(!!r, Zr(e));
   let o = n.parse(t), a = r.parse(e);
-  n === Wt && (o = Ur(o), n = Dt), r === Wt && (a = Ur(a), r = Dt);
+  n === Wt && (o = Yr(o), n = Dt), r === Wt && (a = Yr(a), r = Dt);
   const i = Object.assign({}, o);
   return (s) => {
     for (const u in i)
       u !== "alpha" && (i[u] = Nl(o[u], a[u], s));
-    return i.alpha = $(o.alpha, a.alpha, s), n.transform(i);
+    return i.alpha = tt(o.alpha, a.alpha, s), n.transform(i);
   };
 }, kn = (t) => typeof t == "number", Dl = (t, e) => (n) => e(t(n)), nn = (...t) => t.reduce(Dl);
 function Fi(t, e) {
-  return kn(t) ? (n) => $(t, e, n) : ct.test(t) ? ki(t, e) : Wi(t, e);
+  return kn(t) ? (n) => tt(t, e, n) : ct.test(t) ? ki(t, e) : Wi(t, e);
 }
 const Hi = (t, e) => {
   const n = [...t], r = n.length, o = t.map((a, i) => Fi(a, e[i]));
@@ -1829,7 +1829,7 @@ const Hi = (t, e) => {
     return n;
   };
 };
-function Zr(t) {
+function Kr(t) {
   const e = Mt.parse(t), n = e.length;
   let r = 0, o = 0, a = 0;
   for (let i = 0; i < n; i++)
@@ -1837,9 +1837,9 @@ function Zr(t) {
   return { parsed: e, numNumbers: r, numRGB: o, numHSL: a };
 }
 const Wi = (t, e) => {
-  const n = Mt.createTransformer(e), r = Zr(t), o = Zr(e);
+  const n = Mt.createTransformer(e), r = Kr(t), o = Kr(e);
   return r.numHSL === o.numHSL && r.numRGB === o.numRGB && r.numNumbers >= o.numNumbers ? nn(Hi(r.parsed, o.parsed), n) : (be(!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}`);
-}, kl = (t, e) => (n) => $(t, e, n);
+}, kl = (t, e) => (n) => tt(t, e, n);
 function Fl(t) {
   if (typeof t == "number")
     return kl;
@@ -1885,10 +1885,10 @@ function qi(t, e, { clamp: n = !0, ease: r, mixer: o } = {}) {
   const i = Hl(e, r, o), s = a === 2 ? Wl(t, i) : ql(t, i);
   return n ? (u) => s(Ge(t[0], t[a - 1], u)) : s;
 }
-const rn = (t) => (e) => 1 - t(1 - e), ar = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Gl = (t) => (e) => Math.pow(e, t), Gi = (t) => (e) => e * e * ((t + 1) * e - t), zl = (t) => {
+const rn = (t) => (e) => 1 - t(1 - e), sr = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Gl = (t) => (e) => Math.pow(e, t), Gi = (t) => (e) => e * e * ((t + 1) * e - t), zl = (t) => {
   const e = Gi(t);
   return (n) => (n *= 2) < 1 ? 0.5 * e(n) : 0.5 * (2 - Math.pow(2, -10 * (n - 1)));
-}, zi = 1.525, Ul = 4 / 11, Yl = 8 / 11, Xl = 9 / 10, sr = (t) => t, ur = Gl(2), Zl = rn(ur), Ui = ar(ur), Yi = (t) => 1 - Math.sin(Math.acos(t)), lr = rn(Yi), Kl = ar(lr), cr = Gi(zi), Jl = rn(cr), Ql = ar(cr), _l = zl(zi), $l = 4356 / 361, tc = 35442 / 1805, ec = 16061 / 1805, ze = (t) => {
+}, zi = 1.525, Ul = 4 / 11, Yl = 8 / 11, Xl = 9 / 10, ur = (t) => t, lr = Gl(2), Zl = rn(lr), Ui = sr(lr), Yi = (t) => 1 - Math.sin(Math.acos(t)), cr = rn(Yi), Kl = sr(cr), fr = Gi(zi), Jl = rn(fr), Ql = sr(fr), _l = zl(zi), $l = 4356 / 361, tc = 35442 / 1805, ec = 16061 / 1805, ze = (t) => {
   if (t === 1 || t === 0)
     return t;
   const e = t * t;
@@ -1932,14 +1932,14 @@ function sc({ velocity: t = 0, from: e = 0, power: n = 0.8, timeConstant: r = 35
     }
   };
 }
-const Kr = { keyframes: ke, spring: ir, decay: sc };
+const Jr = { keyframes: ke, spring: ar, decay: sc };
 function uc(t) {
   if (Array.isArray(t.to))
     return ke;
-  if (Kr[t.type])
-    return Kr[t.type];
+  if (Jr[t.type])
+    return Jr[t.type];
   const e = new Set(Object.keys(t));
-  return e.has("ease") || e.has("duration") && !e.has("dampingRatio") ? ke : e.has("dampingRatio") || e.has("stiffness") || e.has("mass") || e.has("damping") || e.has("restSpeed") || e.has("restDelta") ? ir : ke;
+  return e.has("ease") || e.has("duration") && !e.has("dampingRatio") ? ke : e.has("dampingRatio") || e.has("stiffness") || e.has("mass") || e.has("damping") || e.has("restSpeed") || e.has("restDelta") ? ar : ke;
 }
 const Xi = 1 / 60 * 1e3, lc = typeof performance < "u" ? () => performance.now() : () => Date.now(), Zi = typeof window < "u" ? (t) => window.requestAnimationFrame(t) : (t) => setTimeout(() => t(lc()), Xi);
 function cc(t) {
@@ -2005,27 +2005,27 @@ const mc = (t) => {
 };
 function Qi(t) {
   var e, n, { from: r, autoplay: o = !0, driver: a = mc, elapsed: i = 0, repeat: s = 0, repeatType: u = "loop", repeatDelay: l = 0, onPlay: c, onStop: f, onComplete: d, onRepeat: p, onUpdate: v } = t, h = gt(t, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
-  let { to: g } = h, m, b = 0, y = h.duration, P, w = !1, E = !0, R;
+  let { to: y } = h, m, b = 0, g = h.duration, P, w = !1, V = !0, O;
   const j = uc(h);
-  !((n = (e = j).needsInterpolation) === null || n === void 0) && n.call(e, r, g) && (R = qi([0, 100], [r, g], {
+  !((n = (e = j).needsInterpolation) === null || n === void 0) && n.call(e, r, y) && (O = qi([0, 100], [r, y], {
     clamp: !1
-  }), r = 0, g = 100);
-  const M = j(Object.assign(Object.assign({}, h), { from: r, to: g }));
+  }), r = 0, y = 100);
+  const A = j(Object.assign(Object.assign({}, h), { from: r, to: y }));
   function k() {
-    b++, u === "reverse" ? (E = b % 2 === 0, i = pc(i, y, l, E)) : (i = Ji(i, y, l), u === "mirror" && M.flipTarget()), w = !1, p && p();
+    b++, u === "reverse" ? (V = b % 2 === 0, i = pc(i, g, l, V)) : (i = Ji(i, g, l), u === "mirror" && A.flipTarget()), w = !1, p && p();
   }
-  function rt() {
+  function _() {
     m.stop(), d && d();
   }
-  function q(O) {
-    if (E || (O = -O), i += O, !w) {
-      const K = M.next(Math.max(0, i));
-      P = K.value, R && (P = R(P)), w = E ? K.done : i <= 0;
+  function W(R) {
+    if (V || (R = -R), i += R, !w) {
+      const Y = A.next(Math.max(0, i));
+      P = Y.value, O && (P = O(P)), w = V ? Y.done : i <= 0;
     }
-    v == null || v(P), w && (b === 0 && (y ?? (y = i)), b < s ? hc(i, y, l, E) && k() : rt());
+    v == null || v(P), w && (b === 0 && (g ?? (g = i)), b < s ? hc(i, g, l, V) && k() : _());
   }
   function H() {
-    c == null || c(), m = a(q), m.start();
+    c == null || c(), m = a(W), m.start();
   }
   return o && H(), {
     stop: () => {
@@ -2038,35 +2038,35 @@ function _i(t, e) {
 }
 function gc({ from: t = 0, velocity: e = 0, min: n, max: r, power: o = 0.8, timeConstant: a = 750, bounceStiffness: i = 500, bounceDamping: s = 10, restDelta: u = 1, modifyTarget: l, driver: c, onUpdate: f, onComplete: d, onStop: p }) {
   let v;
-  function h(y) {
-    return n !== void 0 && y < n || r !== void 0 && y > r;
+  function h(g) {
+    return n !== void 0 && g < n || r !== void 0 && g > r;
   }
-  function g(y) {
-    return n === void 0 ? r : r === void 0 || Math.abs(n - y) < Math.abs(r - y) ? n : r;
+  function y(g) {
+    return n === void 0 ? r : r === void 0 || Math.abs(n - g) < Math.abs(r - g) ? n : r;
   }
-  function m(y) {
-    v == null || v.stop(), v = Qi(Object.assign(Object.assign({}, y), {
+  function m(g) {
+    v == null || v.stop(), v = Qi(Object.assign(Object.assign({}, g), {
       driver: c,
       onUpdate: (P) => {
         var w;
-        f == null || f(P), (w = y.onUpdate) === null || w === void 0 || w.call(y, P);
+        f == null || f(P), (w = g.onUpdate) === null || w === void 0 || w.call(g, P);
       },
       onComplete: d,
       onStop: p
     }));
   }
-  function b(y) {
-    m(Object.assign({ type: "spring", stiffness: i, damping: s, restDelta: u }, y));
+  function b(g) {
+    m(Object.assign({ type: "spring", stiffness: i, damping: s, restDelta: u }, g));
   }
   if (h(t))
-    b({ from: t, velocity: e, to: g(t) });
+    b({ from: t, velocity: e, to: y(t) });
   else {
-    let y = o * e + t;
-    typeof l < "u" && (y = l(y));
-    const P = g(y), w = P === n ? -1 : 1;
-    let E, R;
-    const j = (M) => {
-      E = R, R = M, e = _i(M - E, Ue().delta), (w === 1 && M > P || w === -1 && M < P) && b({ from: M, to: P, velocity: e });
+    let g = o * e + t;
+    typeof l < "u" && (g = l(g));
+    const P = y(g), w = P === n ? -1 : 1;
+    let V, O;
+    const j = (A) => {
+      V = O, O = A, e = _i(A - V, Ue().delta), (w === 1 && A > P || w === -1 && A < P) && b({ from: A, to: P, velocity: e });
     };
     m({
       type: "decay",
@@ -2076,19 +2076,19 @@ function gc({ from: t = 0, velocity: e = 0, min: n, max: r, power: o = 0.8, time
       power: o,
       restDelta: u,
       modifyTarget: l,
-      onUpdate: h(y) ? j : void 0
+      onUpdate: h(g) ? j : void 0
     });
   }
   return {
     stop: () => v == null ? void 0 : v.stop()
   };
 }
-const Wn = (t) => t.hasOwnProperty("x") && t.hasOwnProperty("y"), Jr = (t) => Wn(t) && t.hasOwnProperty("z"), Me = (t, e) => Math.abs(t - e);
+const Wn = (t) => t.hasOwnProperty("x") && t.hasOwnProperty("y"), Qr = (t) => Wn(t) && t.hasOwnProperty("z"), Me = (t, e) => Math.abs(t - e);
 function $i(t, e) {
   if (kn(t) && kn(e))
     return Me(t, e);
   if (Wn(t) && Wn(e)) {
-    const n = Me(t.x, e.x), r = Me(t.y, e.y), o = Jr(t) && Jr(e) ? Me(t.z, e.z) : 0;
+    const n = Me(t.x, e.x), r = Me(t.y, e.y), o = Qr(t) && Qr(e) ? Me(t.z, e.z) : 0;
     return Math.sqrt(Math.pow(n, 2) + Math.pow(r, 2) + Math.pow(o, 2));
   }
 }
@@ -2114,7 +2114,7 @@ function Tc(t, e, n, r) {
 const Fe = 11, Ie = 1 / (Fe - 1);
 function wc(t, e, n, r) {
   if (t === e && n === r)
-    return sr;
+    return ur;
   const o = new Float32Array(Fe);
   for (let i = 0; i < Fe; ++i)
     o[i] = Ye(i * Ie, t, n);
@@ -2141,21 +2141,21 @@ function Vc(t) {
     var h;
     return c(), s.current = !1, (h = a.animationState) === null || h === void 0 || h.setActive(U.Tap, !1), !ji();
   }
-  function d(h, g) {
-    f() && (Di(a.getInstance(), h.target) ? e == null || e(h, g) : r == null || r(h, g));
+  function d(h, y) {
+    f() && (Di(a.getInstance(), h.target) ? e == null || e(h, y) : r == null || r(h, y));
   }
-  function p(h, g) {
-    f() && (r == null || r(h, g));
+  function p(h, y) {
+    f() && (r == null || r(h, y));
   }
-  function v(h, g) {
+  function v(h, y) {
     var m;
-    c(), !s.current && (s.current = !0, u.current = nn(Kt(window, "pointerup", d, l), Kt(window, "pointercancel", p, l)), (m = a.animationState) === null || m === void 0 || m.setActive(U.Tap, !0), n == null || n(h, g));
+    c(), !s.current && (s.current = !0, u.current = nn(Kt(window, "pointerup", d, l), Kt(window, "pointercancel", p, l)), (m = a.animationState) === null || m === void 0 || m.setActive(U.Tap, !0), n == null || n(h, y));
   }
   qe(a, "pointerdown", i ? v : void 0, l), Bi(c);
 }
-var Qr = /* @__PURE__ */ new Set();
+var _r = /* @__PURE__ */ new Set();
 function oa(t, e, n) {
-  t || Qr.has(e) || (console.warn(e), Qr.add(e));
+  t || _r.has(e) || (console.warn(e), _r.add(e));
 }
 var qn = /* @__PURE__ */ new WeakMap(), bn = /* @__PURE__ */ new WeakMap(), Ec = function(t) {
   var e;
@@ -2259,32 +2259,32 @@ function aa(t, e) {
 }
 var Xe = function(t) {
   return t * 1e3;
-}, _r = {
-  linear: sr,
-  easeIn: ur,
+}, $r = {
+  linear: ur,
+  easeIn: lr,
   easeInOut: Ui,
   easeOut: Zl,
   circIn: Yi,
   circInOut: Kl,
-  circOut: lr,
-  backIn: cr,
+  circOut: cr,
+  backIn: fr,
   backInOut: Ql,
   backOut: Jl,
   anticipate: _l,
   bounceIn: nc,
   bounceInOut: rc,
   bounceOut: ze
-}, $r = function(t) {
+}, to = function(t) {
   if (Array.isArray(t)) {
     vt(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
-    var e = et(t, 4), n = e[0], r = e[1], o = e[2], a = e[3];
+    var e = nt(t, 4), n = e[0], r = e[1], o = e[2], a = e[3];
     return wc(n, r, o, a);
   } else if (typeof t == "string")
-    return vt(_r[t] !== void 0, "Invalid easing type '".concat(t, "'")), _r[t];
+    return vt($r[t] !== void 0, "Invalid easing type '".concat(t, "'")), $r[t];
   return t;
 }, kc = function(t) {
   return Array.isArray(t) && typeof t[0] != "number";
-}, to = function(t, e) {
+}, eo = function(t, e) {
   return t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
   Mt.test(e) && // And it contains numbers and/or colors
   !e.startsWith("url("));
@@ -2314,7 +2314,7 @@ var Xe = function(t) {
     duration: 0.8,
     values: t
   };
-}, eo = {
+}, no = {
   x: Ft,
   y: Ft,
   z: Ft,
@@ -2331,7 +2331,7 @@ var Xe = function(t) {
   default: Oe
 }, Hc = function(t, e) {
   var n;
-  return ge(e) ? n = Fc : n = eo[t] || eo.default, x({ to: e }, n(e));
+  return ge(e) ? n = Fc : n = no[t] || no.default, x({ to: e }, n(e));
 }, Wc = x(x({}, yi), {
   // Color props
   color: ct,
@@ -2347,11 +2347,11 @@ var Xe = function(t) {
   borderLeftColor: ct,
   filter: jn,
   WebkitFilter: jn
-}), fr = function(t) {
+}), dr = function(t) {
   return Wc[t];
 };
-function dr(t, e) {
-  var n, r = fr(t);
+function vr(t, e) {
+  var n, r = dr(t);
   return r !== jn && (r = Mt), (n = r.getAnimatableNone) === null || n === void 0 ? void 0 : n.call(r, e);
 }
 function qc(t) {
@@ -2359,26 +2359,26 @@ function qc(t) {
   var e = gt(t, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from"]);
   return !!Object.keys(e).length;
 }
-var no = !1;
+var ro = !1;
 function Gc(t) {
   var e = t.ease, n = t.times, r = t.yoyo, o = t.flip, a = t.loop, i = gt(t, ["ease", "times", "yoyo", "flip", "loop"]), s = x({}, i);
-  return n && (s.offset = n), i.duration && (s.duration = Xe(i.duration)), i.repeatDelay && (s.repeatDelay = Xe(i.repeatDelay)), e && (s.ease = kc(e) ? e.map($r) : $r(e)), i.type === "tween" && (s.type = "keyframes"), (r || a || o) && (be(!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;
+  return n && (s.offset = n), i.duration && (s.duration = Xe(i.duration)), i.repeatDelay && (s.repeatDelay = Xe(i.repeatDelay)), e && (s.ease = kc(e) ? e.map(to) : to(e)), i.type === "tween" && (s.type = "keyframes"), (r || a || o) && (be(!ro, "yoyo, loop and flip have been removed from the API. Replace with repeat and repeatType options."), ro = !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 zc(t, e) {
-  var n, r, o = vr(t, e) || {};
+  var n, r, o = pr(t, e) || {};
   return (r = (n = o.delay) !== null && n !== void 0 ? n : t.delay) !== null && r !== void 0 ? r : 0;
 }
 function Uc(t) {
-  return Array.isArray(t.to) && t.to[0] === null && (t.to = ht([], et(t.to), !1), t.to[0] = t.from), t;
+  return Array.isArray(t.to) && t.to[0] === null && (t.to = ht([], nt(t.to), !1), t.to[0] = t.from), t;
 }
 function Yc(t, e, n) {
   var r;
   return Array.isArray(e.to) && ((r = t.duration) !== null && r !== void 0 || (t.duration = 0.8)), Uc(e), qc(t) || (t = x(x({}, t), Hc(n, e.to))), x(x({}, e), Gc(t));
 }
 function Xc(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);
+  var a, i = pr(r, t), s = (a = i.from) !== null && a !== void 0 ? a : e.get(), u = eo(t, n);
+  s === "none" && u && typeof n == "string" ? s = vr(t, n) : oo(s) && typeof n == "string" ? s = io(n) : !Array.isArray(n) && oo(n) && typeof s == "string" && (n = io(s));
+  var l = eo(t, s);
   be(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 = {
@@ -2405,16 +2405,16 @@ function Xc(t, e, n, r, o) {
   }
   return !l || !u || i.type === !1 ? f : c;
 }
-function ro(t) {
+function oo(t) {
   return t === 0 || typeof t == "string" && parseFloat(t) === 0 && t.indexOf(" ") === -1;
 }
-function oo(t) {
-  return typeof t == "number" ? 0 : dr("", t);
+function io(t) {
+  return typeof t == "number" ? 0 : vr("", t);
 }
-function vr(t, e) {
+function pr(t, e) {
   return t[e] || t.default || t;
 }
-function pr(t, e, n, r) {
+function hr(t, e, n, r) {
   return r === void 0 && (r = {}), e.start(function(o) {
     var a, i, s = Xc(t, e, n, r, o), u = zc(r, t), l = function() {
       return i = s();
@@ -2429,10 +2429,10 @@ var Zc = function(t) {
 }, Kc = function(t) {
   return /^0[^.\s]+$/.test(t);
 };
-function hr(t, e) {
+function mr(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
-function mr(t, e) {
+function gr(t, e) {
   var n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
@@ -2444,8 +2444,8 @@ var ue = (
     }
     return t.prototype.add = function(e) {
       var n = this;
-      return hr(this.subscriptions, e), function() {
-        return mr(n.subscriptions, e);
+      return mr(this.subscriptions, e), function() {
+        return gr(n.subscriptions, e);
       };
     }, t.prototype.notify = function(e, n, r) {
       var o = this.subscriptions.length;
@@ -2532,15 +2532,15 @@ var sa = function(t) {
   parse: function(t) {
     return t;
   }
-}, ua = [zt, A, wt, Lt, Wu, Hu, _c], re = function(t) {
+}, ua = [zt, M, wt, Lt, Wu, Hu, _c], re = function(t) {
   return ua.find(sa(t));
-}, $c = ht(ht([], et(ua), !1), [ct, Mt], !1), tf = function(t) {
+}, $c = ht(ht([], nt(ua), !1), [ct, Mt], !1), tf = function(t) {
   return $c.find(sa(t));
 };
 function ef(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, _t(n));
 }
-function gr(t, e) {
+function yr(t, e) {
   var n = $e(t, e), r = n ? t.makeTargetAnimatable(n, !1) : {}, o = r.transitionEnd, a = o === void 0 ? {} : o;
   r.transition;
   var i = gt(r, ["transitionEnd", "transition"]);
@@ -2551,10 +2551,10 @@ function gr(t, e) {
   }
 }
 function Gn(t, e) {
-  var n = ht([], et(e), !1).reverse();
+  var n = ht([], nt(e), !1).reverse();
   n.forEach(function(r) {
     var o, a = t.getVariant(r);
-    a && gr(t, a), (o = t.variantChildren) === null || o === void 0 || o.forEach(function(i) {
+    a && yr(t, a), (o = t.variantChildren) === null || o === void 0 || o.forEach(function(i) {
       Gn(i, e);
     });
   });
@@ -2564,7 +2564,7 @@ function nf(t, e) {
     return Gn(t, e);
   if (typeof e == "string")
     return Gn(t, [e]);
-  gr(t, e);
+  yr(t, e);
 }
 function rf(t, e, n) {
   var r, o, a, i, s = Object.keys(e).filter(function(p) {
@@ -2573,7 +2573,7 @@ function rf(t, e, n) {
   if (u)
     for (var l = 0; l < u; l++) {
       var c = s[l], f = e[c], d = null;
-      Array.isArray(f) && (d = f[0]), d === null && (d = (o = (r = n[c]) !== null && r !== void 0 ? r : t.readValue(c)) !== null && o !== void 0 ? o : e[c]), d != null && (typeof d == "string" && (Zc(d) || Kc(d)) ? d = parseFloat(d) : !tf(d) && Mt.test(f) && (d = dr(c, f)), t.addValue(c, _t(d)), (a = (i = n)[c]) !== null && a !== void 0 || (i[c] = d), t.setBaseTarget(c, d));
+      Array.isArray(f) && (d = f[0]), d === null && (d = (o = (r = n[c]) !== null && r !== void 0 ? r : t.readValue(c)) !== null && o !== void 0 ? o : e[c]), d != null && (typeof d == "string" && (Zc(d) || Kc(d)) ? d = parseFloat(d) : !tf(d) && Mt.test(f) && (d = vr(c, f)), t.addValue(c, _t(d)), (a = (i = n)[c]) !== null && a !== void 0 || (i[c] = d), t.setBaseTarget(c, d));
     }
 }
 function of(t, e) {
@@ -2617,13 +2617,13 @@ function zn(t, e, n) {
     return Promise.resolve();
   }, u = !((r = t.variantChildren) === null || r === void 0) && r.size ? function(p) {
     p === void 0 && (p = 0);
-    var v = i.delayChildren, h = v === void 0 ? 0 : v, g = i.staggerChildren, m = i.staggerDirection;
-    return sf(t, e, h + p, g, m, n);
+    var v = i.delayChildren, h = v === void 0 ? 0 : v, y = i.staggerChildren, m = i.staggerDirection;
+    return sf(t, e, h + p, y, m, n);
   } : function() {
     return Promise.resolve();
   }, l = i.when;
   if (l) {
-    var c = et(l === "beforeChildren" ? [s, u] : [u, s], 2), f = c[0], d = c[1];
+    var c = nt(l === "beforeChildren" ? [s, u] : [u, s], 2), f = c[0], d = c[1];
     return f().then(d);
   } else
     return Promise.all([s(), u(n.delay)]);
@@ -2632,17 +2632,17 @@ function ca(t, e, n) {
   var r, o = n === void 0 ? {} : n, a = o.delay, i = a === void 0 ? 0 : a, s = o.transitionOverride, u = o.type, l = t.makeTargetAnimatable(e), c = l.transition, f = c === void 0 ? t.getDefaultTransition() : c, d = l.transitionEnd, p = gt(l, ["transition", "transitionEnd"]);
   s && (f = s);
   var v = [], h = u && ((r = t.animationState) === null || r === void 0 ? void 0 : r.getState()[u]);
-  for (var g in p) {
-    var m = t.getValue(g), b = p[g];
-    if (!(!m || b === void 0 || h && cf(h, g))) {
-      var y = x({ delay: i }, f);
-      t.shouldReduceMotion && Pe(g) && (y = x(x({}, y), { type: !1, delay: 0 }));
-      var P = pr(g, m, b, y);
+  for (var y in p) {
+    var m = t.getValue(y), b = p[y];
+    if (!(!m || b === void 0 || h && cf(h, y))) {
+      var g = x({ delay: i }, f);
+      t.shouldReduceMotion && Pe(y) && (g = x(x({}, g), { type: !1, delay: 0 }));
+      var P = hr(y, m, b, g);
       v.push(P);
     }
   }
   return Promise.all(v).then(function() {
-    d && gr(t, d);
+    d && yr(t, d);
   });
 }
 function sf(t, e, n, r, o, a) {
@@ -2670,7 +2670,7 @@ function cf(t, e) {
   var n = t.protectedKeys, r = t.needsAnimating, o = n.hasOwnProperty(e) && r[e] !== !0;
   return r[e] = !1, o;
 }
-var yr = [
+var Sr = [
   U.Animate,
   U.InView,
   U.Focus,
@@ -2678,7 +2678,7 @@ var yr = [
   U.Tap,
   U.Drag,
   U.Exit
-], ff = ht([], et(yr), !1).reverse(), df = yr.length;
+], ff = ht([], nt(Sr), !1).reverse(), df = Sr.length;
 function vf(t) {
   return function(e) {
     return Promise.all(e.map(function(n) {
@@ -2704,51 +2704,51 @@ function pf(t) {
     e = c(t);
   }
   function u(c, f) {
-    for (var d, p = t.getProps(), v = t.getVariantContext(!0) || {}, h = [], g = /* @__PURE__ */ new Set(), m = {}, b = 1 / 0, y = function(R) {
-      var j = ff[R], M = n[j], k = (d = p[j]) !== null && d !== void 0 ? d : v[j], rt = bt(k), q = j === f ? M.isActive : null;
-      q === !1 && (b = R);
-      var H = k === v[j] && k !== p[j] && rt;
-      if (H && o && t.manuallyAnimateOnMount && (H = !1), M.protectedKeys = x({}, m), // If it isn't active and hasn't *just* been set as inactive
-      !M.isActive && q === null || // If we didn't and don't have any defined prop for this animation type
-      !k && !M.prevProp || // Or if the prop doesn't define an animation
-      rr(k) || typeof k == "boolean")
+    for (var d, p = t.getProps(), v = t.getVariantContext(!0) || {}, h = [], y = /* @__PURE__ */ new Set(), m = {}, b = 1 / 0, g = function(O) {
+      var j = ff[O], A = n[j], k = (d = p[j]) !== null && d !== void 0 ? d : v[j], _ = bt(k), W = j === f ? A.isActive : null;
+      W === !1 && (b = O);
+      var H = k === v[j] && k !== p[j] && _;
+      if (H && o && t.manuallyAnimateOnMount && (H = !1), A.protectedKeys = x({}, m), // If it isn't active and hasn't *just* been set as inactive
+      !A.isActive && W === null || // If we didn't and don't have any defined prop for this animation type
+      !k && !A.prevProp || // Or if the prop doesn't define an animation
+      or(k) || typeof k == "boolean")
         return "continue";
-      var O = hf(M.prevProp, k), K = O || // If we're making this variant active, we want to always make it active
-      j === f && M.isActive && !H && rt || // If we removed a higher-priority variant (i is in reverse order)
-      R > b && rt, _ = Array.isArray(k) ? k : [k], I = _.reduce(a, {});
-      q === !1 && (I = {});
-      var it = M.prevResolvedValues, at = it === void 0 ? {} : it, ut = x(x({}, at), I), W = function(V) {
-        K = !0, g.delete(V), M.needsAnimating[V] = !0;
+      var R = hf(A.prevProp, k), Y = R || // If we're making this variant active, we want to always make it active
+      j === f && A.isActive && !H && _ || // If we removed a higher-priority variant (i is in reverse order)
+      O > b && _, $ = Array.isArray(k) ? k : [k], I = $.reduce(a, {});
+      W === !1 && (I = {});
+      var it = A.prevResolvedValues, at = it === void 0 ? {} : it, ut = x(x({}, at), I), q = function(E) {
+        Y = !0, y.delete(E), A.needsAnimating[E] = !0;
       };
       for (var J in ut) {
         var D = I[J], T = at[J];
-        m.hasOwnProperty(J) || (D !== T ? ge(D) && ge(T) ? !aa(D, T) || O ? W(J) : M.protectedKeys[J] = !0 : D !== void 0 ? W(J) : g.add(J) : D !== void 0 && g.has(J) ? W(J) : M.protectedKeys[J] = !0);
+        m.hasOwnProperty(J) || (D !== T ? ge(D) && ge(T) ? !aa(D, T) || R ? q(J) : A.protectedKeys[J] = !0 : D !== void 0 ? q(J) : y.add(J) : D !== void 0 && y.has(J) ? q(J) : A.protectedKeys[J] = !0);
       }
-      M.prevProp = k, M.prevResolvedValues = I, M.isActive && (m = x(x({}, m), I)), o && t.blockInitialAnimation && (K = !1), K && !H && h.push.apply(h, ht([], et(_.map(function(V) {
+      A.prevProp = k, A.prevResolvedValues = I, A.isActive && (m = x(x({}, m), I)), o && t.blockInitialAnimation && (Y = !1), Y && !H && h.push.apply(h, ht([], nt($.map(function(E) {
         return {
-          animation: V,
+          animation: E,
           options: x({ type: j }, c)
         };
       })), !1));
     }, P = 0; P < df; P++)
-      y(P);
-    if (r = x({}, m), g.size) {
+      g(P);
+    if (r = x({}, m), y.size) {
       var w = {};
-      g.forEach(function(R) {
-        var j = t.getBaseTarget(R);
-        j !== void 0 && (w[R] = j);
+      y.forEach(function(O) {
+        var j = t.getBaseTarget(O);
+        j !== void 0 && (w[O] = j);
       }), h.push({ animation: w });
     }
-    var E = !!h.length;
-    return o && p.initial === !1 && !t.manuallyAnimateOnMount && (E = !1), o = !1, E ? e(h) : Promise.resolve();
+    var V = !!h.length;
+    return o && p.initial === !1 && !t.manuallyAnimateOnMount && (V = !1), o = !1, V ? e(h) : Promise.resolve();
   }
   function l(c, f, d) {
     var p;
     if (n[c].isActive === f)
       return Promise.resolve();
-    (p = t.variantChildren) === null || p === void 0 || p.forEach(function(g) {
+    (p = t.variantChildren) === null || p === void 0 || p.forEach(function(y) {
       var m;
-      return (m = g.animationState) === null || m === void 0 ? void 0 : m.setActive(c, f);
+      return (m = y.animationState) === null || m === void 0 ? void 0 : m.setActive(c, f);
     }), n[c].isActive = f;
     var v = u(d, c);
     for (var h in n)
@@ -2783,12 +2783,12 @@ function mf() {
 var gf = {
   animation: Bt(function(t) {
     var e = t.visualElement, n = t.animate;
-    e.animationState || (e.animationState = pf(e)), rr(n) && F(function() {
+    e.animationState || (e.animationState = pf(e)), or(n) && F(function() {
       return n.subscribe(e);
     }, [n]);
   }),
   exit: Bt(function(t) {
-    var e = t.custom, n = t.visualElement, r = et(ia(), 2), o = r[0], a = r[1], i = st(_e);
+    var e = t.custom, n = t.visualElement, r = nt(ia(), 2), o = r[0], a = r[1], i = st(_e);
     F(function() {
       var s, u;
       n.isPresent = o;
@@ -2805,10 +2805,10 @@ var gf = {
         if (o.lastMoveEvent && o.lastMoveEventInfo) {
           var d = Tn(o.lastMoveEventInfo, o.history), p = o.startEvent !== null, v = $i(d.offset, { x: 0, y: 0 }) >= 3;
           if (!(!p && !v)) {
-            var h = d.point, g = Ue().timestamp;
-            o.history.push(x(x({}, h), { timestamp: g }));
-            var m = o.handlers, b = m.onStart, y = m.onMove;
-            p || (b && b(o.lastMoveEvent, d), o.startEvent = o.lastMoveEvent), y && y(o.lastMoveEvent, d);
+            var h = d.point, y = Ue().timestamp;
+            o.history.push(x(x({}, h), { timestamp: y }));
+            var m = o.handlers, b = m.onStart, g = m.onMove;
+            p || (b && b(o.lastMoveEvent, d), o.startEvent = o.lastMoveEvent), g && g(o.lastMoveEvent, d);
           }
         }
       }, this.handlePointerMove = function(d, p) {
@@ -2819,11 +2819,11 @@ var gf = {
         Vt.update(o.updatePoint, !0);
       }, this.handlePointerUp = function(d, p) {
         o.end();
-        var v = o.handlers, h = v.onEnd, g = v.onSessionEnd, m = Tn(Pn(p, o.transformPagePoint), o.history);
-        o.startEvent && h && h(d, m), g && g(d, m);
+        var v = o.handlers, h = v.onEnd, y = v.onSessionEnd, m = Tn(Pn(p, o.transformPagePoint), o.history);
+        o.startEvent && h && h(d, m), y && y(d, m);
       }, !(Mi(e) && e.touches.length > 1)) {
         this.handlers = n, this.transformPagePoint = i;
-        var s = or(e), u = Pn(s, this.transformPagePoint), l = u.point, c = Ue().timestamp;
+        var s = ir(e), u = Pn(s, this.transformPagePoint), l = u.point, c = Ue().timestamp;
         this.history = [x(x({}, l), { timestamp: c })];
         var f = n.onSessionStart;
         f && f(e, Tn(u, this.history)), this.removeListeners = nn(Kt(window, "pointermove", this.handlePointerMove), Kt(window, "pointerup", this.handlePointerUp), Kt(window, "pointercancel", this.handlePointerUp));
@@ -2839,15 +2839,15 @@ var gf = {
 function Pn(t, e) {
   return e ? { point: e(t.point) } : t;
 }
-function io(t, e) {
+function ao(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
 function Tn(t, e) {
   var n = t.point;
   return {
     point: n,
-    delta: io(n, da(e)),
-    offset: io(n, yf(e)),
+    delta: ao(n, da(e)),
+    offset: ao(n, yf(e)),
     velocity: Sf(e, 0.1)
   };
 }
@@ -2876,32 +2876,32 @@ function Sf(t, e) {
 function It(t) {
   return t.max - t.min;
 }
-function ao(t, e, n) {
+function so(t, e, n) {
   return e === void 0 && (e = 0), n === void 0 && (n = 0.01), $i(t, e) < n;
 }
-function so(t, e, n, r) {
-  r === void 0 && (r = 0.5), t.origin = r, t.originPoint = $(e.min, e.max, t.origin), t.scale = It(n) / It(e), (ao(t.scale, 1, 1e-4) || isNaN(t.scale)) && (t.scale = 1), t.translate = $(n.min, n.max, t.origin) - t.originPoint, (ao(t.translate) || isNaN(t.translate)) && (t.translate = 0);
+function uo(t, e, n, r) {
+  r === void 0 && (r = 0.5), t.origin = r, t.originPoint = tt(e.min, e.max, t.origin), t.scale = It(n) / It(e), (so(t.scale, 1, 1e-4) || isNaN(t.scale)) && (t.scale = 1), t.translate = tt(n.min, n.max, t.origin) - t.originPoint, (so(t.translate) || isNaN(t.translate)) && (t.translate = 0);
 }
 function le(t, e, n, r) {
-  so(t.x, e.x, n.x, r == null ? void 0 : r.originX), so(t.y, e.y, n.y, r == null ? void 0 : r.originY);
+  uo(t.x, e.x, n.x, r == null ? void 0 : r.originX), uo(t.y, e.y, n.y, r == null ? void 0 : r.originY);
 }
-function uo(t, e, n) {
+function lo(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + It(e);
 }
 function bf(t, e, n) {
-  uo(t.x, e.x, n.x), uo(t.y, e.y, n.y);
+  lo(t.x, e.x, n.x), lo(t.y, e.y, n.y);
 }
-function lo(t, e, n) {
+function co(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + It(e);
 }
 function ce(t, e, n) {
-  lo(t.x, e.x, n.x), lo(t.y, e.y, n.y);
+  co(t.x, e.x, n.x), co(t.y, e.y, n.y);
 }
 function xf(t, e, n) {
   var r = e.min, o = e.max;
-  return r !== void 0 && t < r ? t = n ? $(r, t, n.min) : Math.max(t, r) : o !== void 0 && t > o && (t = n ? $(o, t, n.max) : Math.min(t, o)), t;
+  return r !== void 0 && t < r ? t = n ? tt(r, t, n.min) : Math.max(t, r) : o !== void 0 && t > o && (t = n ? tt(o, t, n.max) : Math.min(t, o)), t;
 }
-function co(t, e, n) {
+function fo(t, e, n) {
   return {
     min: e !== void 0 ? t.min + e : void 0,
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
@@ -2910,18 +2910,18 @@ function co(t, e, n) {
 function Pf(t, e) {
   var n = e.top, r = e.left, o = e.bottom, a = e.right;
   return {
-    x: co(t.x, r, a),
-    y: co(t.y, n, o)
+    x: fo(t.x, r, a),
+    y: fo(t.y, n, o)
   };
 }
-function fo(t, e) {
+function vo(t, e) {
   var n, r = e.min - t.min, o = e.max - t.max;
-  return e.max - e.min < t.max - t.min && (n = et([o, r], 2), r = n[0], o = n[1]), { min: r, max: o };
+  return e.max - e.min < t.max - t.min && (n = nt([o, r], 2), r = n[0], o = n[1]), { min: r, max: o };
 }
 function Tf(t, e) {
   return {
-    x: fo(t.x, e.x),
-    y: fo(t.y, e.y)
+    x: vo(t.x, e.x),
+    y: vo(t.y, e.y)
   };
 }
 function wf(t, e) {
@@ -2935,21 +2935,21 @@ function Vf(t, e) {
 var Un = 0.35;
 function Ef(t) {
   return t === void 0 && (t = Un), t === !1 ? t = 0 : t === !0 && (t = Un), {
-    x: vo(t, "left", "right"),
-    y: vo(t, "top", "bottom")
+    x: po(t, "left", "right"),
+    y: po(t, "top", "bottom")
   };
 }
-function vo(t, e, n) {
+function po(t, e, n) {
   return {
-    min: po(t, e),
-    max: po(t, n)
+    min: ho(t, e),
+    max: ho(t, n)
   };
 }
-function po(t, e) {
+function ho(t, e) {
   var n;
   return typeof t == "number" ? t : (n = t[e]) !== null && n !== void 0 ? n : 0;
 }
-var ho = function() {
+var mo = function() {
   return {
     translate: 0,
     scale: 1,
@@ -2958,15 +2958,15 @@ var ho = function() {
   };
 }, fe = function() {
   return {
-    x: ho(),
-    y: ho()
+    x: mo(),
+    y: mo()
   };
-}, mo = function() {
+}, go = function() {
   return { min: 0, max: 0 };
 }, lt = function() {
   return {
-    x: mo(),
-    y: mo()
+    x: go(),
+    y: go()
   };
 };
 function Tt(t) {
@@ -3002,20 +3002,20 @@ function pa(t) {
   return !wn(e) || !wn(n) || !wn(r);
 }
 function Nt(t) {
-  return pa(t) || go(t.x) || go(t.y) || t.z || t.rotate || t.rotateX || t.rotateY;
+  return pa(t) || yo(t.x) || yo(t.y) || t.z || t.rotate || t.rotateX || t.rotateY;
 }
-function go(t) {
+function yo(t) {
   return t && t !== "0%";
 }
 function Ze(t, e, n) {
   var r = t - n, o = e * r;
   return n + o;
 }
-function yo(t, e, n, r, o) {
+function So(t, e, n, r, o) {
   return o !== void 0 && (t = Ze(t, o, r)), Ze(t, n, r) + e;
 }
 function Yn(t, e, n, r, o) {
-  e === void 0 && (e = 0), n === void 0 && (n = 1), t.min = yo(t.min, e, n, r, o), t.max = yo(t.max, e, n, r, o);
+  e === void 0 && (e = 0), n === void 0 && (n = 1), t.min = So(t.min, e, n, r, o), t.max = So(t.max, e, n, r, o);
 }
 function ha(t, e) {
   var n = e.x, r = e.y;
@@ -3034,13 +3034,13 @@ function Rf(t, e, n, r) {
 function jt(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
-function So(t, e, n) {
-  var r = et(n, 3), o = r[0], a = r[1], i = r[2], s = e[i] !== void 0 ? e[i] : 0.5, u = $(t.min, t.max, s);
+function bo(t, e, n) {
+  var r = nt(n, 3), o = r[0], a = r[1], i = r[2], s = e[i] !== void 0 ? e[i] : 0.5, u = tt(t.min, t.max, s);
   Yn(t, e[o], e[a], u, e.scale);
 }
 var Mf = ["x", "scaleX", "originX"], If = ["y", "scaleY", "originY"];
 function Zt(t, e) {
-  So(t.x, e, Mf), So(t.y, e, If);
+  bo(t.x, e, Mf), bo(t.y, e, If);
 }
 function ma(t, e) {
   return va(Af(t.getBoundingClientRect(), e));
@@ -3059,26 +3059,26 @@ var Lf = /* @__PURE__ */ new WeakMap(), Nf = (
       var r = this, o = n === void 0 ? {} : n, a = o.snapToCursor, i = a === void 0 ? !1 : a;
       if (this.visualElement.isPresent !== !1) {
         var s = function(f) {
-          r.stopAnimation(), i && r.snapToCursor(or(f, "page").point);
+          r.stopAnimation(), i && r.snapToCursor(ir(f, "page").point);
         }, u = function(f, d) {
-          var p, v = r.getProps(), h = v.drag, g = v.dragPropagation, m = v.onDragStart;
-          h && !g && (r.openGlobalLock && r.openGlobalLock(), r.openGlobalLock = Ni(h), !r.openGlobalLock) || (r.isDragging = !0, r.currentDirection = null, r.resolveConstraints(), r.visualElement.projection && (r.visualElement.projection.isAnimationBlocked = !0, r.visualElement.projection.target = void 0), Tt(function(b) {
-            var y, P, w = r.getAxisMotionValue(b).get() || 0;
+          var p, v = r.getProps(), h = v.drag, y = v.dragPropagation, m = v.onDragStart;
+          h && !y && (r.openGlobalLock && r.openGlobalLock(), r.openGlobalLock = Ni(h), !r.openGlobalLock) || (r.isDragging = !0, r.currentDirection = null, r.resolveConstraints(), r.visualElement.projection && (r.visualElement.projection.isAnimationBlocked = !0, r.visualElement.projection.target = void 0), Tt(function(b) {
+            var g, P, w = r.getAxisMotionValue(b).get() || 0;
             if (wt.test(w)) {
-              var E = (P = (y = r.visualElement.projection) === null || y === void 0 ? void 0 : y.layout) === null || P === void 0 ? void 0 : P.actual[b];
-              if (E) {
-                var R = It(E);
-                w = R * (parseFloat(w) / 100);
+              var V = (P = (g = r.visualElement.projection) === null || g === void 0 ? void 0 : g.layout) === null || P === void 0 ? void 0 : P.actual[b];
+              if (V) {
+                var O = It(V);
+                w = O * (parseFloat(w) / 100);
               }
             }
             r.originPoint[b] = w;
           }), m == null || m(f, d), (p = r.visualElement.animationState) === null || p === void 0 || p.setActive(U.Drag, !0));
         }, l = function(f, d) {
-          var p = r.getProps(), v = p.dragPropagation, h = p.dragDirectionLock, g = p.onDirectionLock, m = p.onDrag;
+          var p = r.getProps(), v = p.dragPropagation, h = p.dragDirectionLock, y = p.onDirectionLock, m = p.onDrag;
           if (!(!v && !r.openGlobalLock)) {
             var b = d.offset;
             if (h && r.currentDirection === null) {
-              r.currentDirection = jf(b), r.currentDirection !== null && (g == null || g(r.currentDirection));
+              r.currentDirection = jf(b), r.currentDirection !== null && (y == null || y(r.currentDirection));
               return;
             }
             r.updateAxis("x", d.point, b), r.updateAxis("y", d.point, b), r.visualElement.syncRender(), m == null || m(f, d);
@@ -3138,14 +3138,14 @@ var Lf = /* @__PURE__ */ new WeakMap(), Nf = (
         if (Le(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 h = i ? 200 : 1e6, g = i ? 40 : 1e7, m = x(x({ type: "inertia", velocity: a ? e[d] : 0, bounceStiffness: h, bounceDamping: g, timeConstant: 750, restDelta: 1, restSpeed: 10 }, s), v);
+          var h = i ? 200 : 1e6, y = i ? 40 : 1e7, m = x(x({ type: "inertia", velocity: a ? e[d] : 0, bounceStiffness: h, bounceDamping: y, timeConstant: 750, restDelta: 1, restSpeed: 10 }, s), v);
           return n.startAxisValueAnimation(d, m);
         }
       });
       return Promise.all(f).then(l);
     }, t.prototype.startAxisValueAnimation = function(e, n) {
       var r = this.getAxisMotionValue(e);
-      return pr(e, r, 0, n);
+      return hr(e, r, 0, n);
     }, t.prototype.stopAnimation = function() {
       var e = this;
       Tt(function(n) {
@@ -3162,7 +3162,7 @@ var Lf = /* @__PURE__ */ new WeakMap(), Nf = (
           var a = n.visualElement.projection, i = n.getAxisMotionValue(r);
           if (a && a.layout) {
             var s = a.layout.actual[r], u = s.min, l = s.max;
-            i.set(e[r] - $(u, l, 0.5));
+            i.set(e[r] - tt(u, l, 0.5));
           }
         }
       });
@@ -3182,7 +3182,7 @@ var Lf = /* @__PURE__ */ new WeakMap(), Nf = (
         this.visualElement.getInstance().style.transform = u ? u({}, "") : "none", (n = i.root) === null || n === void 0 || n.updateScroll(), i.updateLayout(), this.resolveConstraints(), Tt(function(l) {
           if (Le(l, o, null)) {
             var c = e.getAxisMotionValue(l), f = e.constraints[l], d = f.min, p = f.max;
-            c.set($(d, p, s[l]));
+            c.set(tt(d, p, s[l]));
           }
         });
       }
@@ -3234,7 +3234,7 @@ function Df(t) {
   }, [r]);
 }
 function Bf(t) {
-  var e = t.onPan, n = t.onPanStart, r = t.onPanEnd, o = t.onPanSessionStart, a = t.visualElement, i = e || n || r || o, s = Q(null), u = st(Jn).transformPagePoint, l = {
+  var e = t.onPan, n = t.onPanStart, r = t.onPanEnd, o = t.onPanSessionStart, a = t.visualElement, i = e || n || r || o, s = Q(null), u = st(Qn).transformPagePoint, l = {
     onSessionStart: o,
     onStart: n,
     onMove: e,
@@ -3293,7 +3293,7 @@ function Ff() {
     }, n["notify" + Ne[o]] = function() {
       for (var a = [], i = 0; i < arguments.length; i++)
         a[i] = arguments[i];
-      return r.notify.apply(r, ht([], et(a), !1));
+      return r.notify.apply(r, ht([], nt(a), !1));
     };
   }), n;
 }
@@ -3319,22 +3319,22 @@ function Hf(t, e, n) {
 var ga = function(t) {
   var e = t.treeType, n = e === void 0 ? "" : e, r = t.build, o = t.getBaseTarget, a = t.makeTargetAnimatable, i = t.measureViewportBox, s = t.render, u = t.readValueFromInstance, l = t.removeValueFromRenderState, c = t.sortNodePosition, f = t.scrapeMotionValuesFromProps;
   return function(d, p) {
-    var v = d.parent, h = d.props, g = d.presenceId, m = d.blockInitialAnimation, b = d.visualState, y = d.shouldReduceMotion;
+    var v = d.parent, h = d.props, y = d.presenceId, m = d.blockInitialAnimation, b = d.visualState, g = d.shouldReduceMotion;
     p === void 0 && (p = {});
-    var P = !1, w = b.latestValues, E = b.renderState, R, j = Ff(), M = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map(), rt = {}, q = x({}, w), H;
-    function O() {
-      !R || !P || (K(), s(R, E, h.style, D.projection));
+    var P = !1, w = b.latestValues, V = b.renderState, O, j = Ff(), A = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map(), _ = {}, W = x({}, w), H;
+    function R() {
+      !O || !P || (Y(), s(O, V, h.style, D.projection));
     }
-    function K() {
-      r(D, E, w, p, h);
+    function Y() {
+      r(D, V, w, p, h);
     }
-    function _() {
+    function $() {
       j.notifyUpdate(w);
     }
-    function I(T, V) {
-      var N = V.onChange(function(B) {
-        w[T] = B, h.onUpdate && Vt.update(_, !1, !0);
-      }), L = V.onRenderRequest(D.scheduleRender);
+    function I(T, E) {
+      var N = E.onChange(function(B) {
+        w[T] = B, h.onUpdate && Vt.update($, !1, !0);
+      }), L = E.onRenderRequest(D.scheduleRender);
       k.set(T, function() {
         N(), L();
       });
@@ -3344,7 +3344,7 @@ var ga = function(t) {
       var ut = it[at];
       w[at] !== void 0 && Rt(ut) && ut.set(w[at], !1);
     }
-    var W = tn(h), J = ii(h), D = x(x({
+    var q = tn(h), J = ii(h), D = x(x({
       treeType: n,
       /**
        * This is a mirror of the internal instance prop, which keeps
@@ -3360,8 +3360,8 @@ var ga = function(t) {
       /**
        *
        */
-      presenceId: g,
-      shouldReduceMotion: y,
+      presenceId: y,
+      shouldReduceMotion: g,
       /**
        * If this component is part of the variant tree, it should track
        * any children that are also part of the tree. This is essentially
@@ -3395,11 +3395,11 @@ var ga = function(t) {
        * own animations on mount.
        */
       isMounted: function() {
-        return !!R;
+        return !!O;
       },
       mount: function(T) {
-        P = !0, R = D.current = T, D.projection && D.projection.mount(T), J && v && !W && (H = v == null ? void 0 : v.addVariantChild(D)), M.forEach(function(V, N) {
-          return I(N, V);
+        P = !0, O = D.current = T, D.projection && D.projection.mount(T), J && v && !q && (H = v == null ? void 0 : v.addVariantChild(D)), A.forEach(function(E, N) {
+          return I(N, E);
         }), v == null || v.children.add(D), D.setProps(h);
       },
       /**
@@ -3407,17 +3407,17 @@ var ga = function(t) {
        */
       unmount: function() {
         var T;
-        (T = D.projection) === null || T === void 0 || T.unmount(), Qt.update(_), Qt.render(O), k.forEach(function(V) {
-          return V();
-        }), H == null || H(), v == null || v.children.delete(D), j.clearAllListeners(), R = void 0, P = !1;
+        (T = D.projection) === null || T === void 0 || T.unmount(), Qt.update($), Qt.render(R), k.forEach(function(E) {
+          return E();
+        }), H == null || H(), v == null || v.children.delete(D), j.clearAllListeners(), O = void 0, P = !1;
       },
       /**
        * Add a child visual element to our set of children.
        */
       addVariantChild: function(T) {
-        var V, N = D.getClosestVariantNode();
+        var E, N = D.getClosestVariantNode();
         if (N)
-          return (V = N.variantChildren) === null || V === void 0 || V.add(T), function() {
+          return (E = N.variantChildren) === null || E === void 0 || E.add(T), function() {
             return N.variantChildren.delete(T);
           };
       },
@@ -3441,7 +3441,7 @@ var ga = function(t) {
        * Returns the current instance.
        */
       getInstance: function() {
-        return R;
+        return O;
       },
       /**
        * Get/set the latest static values.
@@ -3449,8 +3449,8 @@ var ga = function(t) {
       getStaticValue: function(T) {
         return w[T];
       },
-      setStaticValue: function(T, V) {
-        return w[T] = V;
+      setStaticValue: function(T, E) {
+        return w[T] = E;
       },
       /**
        * Returns the latest motion value state. Currently only used to take
@@ -3474,8 +3474,8 @@ var ga = function(t) {
        * pluggable to support Framer's custom value types like Color,
        * and CSS variables.
        */
-      makeTargetAnimatable: function(T, V) {
-        return V === void 0 && (V = !0), a(D, T, h, V);
+      makeTargetAnimatable: function(T, E) {
+        return E === void 0 && (E = !0), a(D, T, h, E);
       },
       /**
        * Measure the current viewport box with or without transforms.
@@ -3483,41 +3483,41 @@ var ga = function(t) {
        * removed with a re-render to work.
        */
       measureViewportBox: function() {
-        return i(R, h);
+        return i(O, h);
       },
       // Motion values ========================
       /**
        * Add a motion value and bind it to this visual element.
        */
-      addValue: function(T, V) {
-        D.hasValue(T) && D.removeValue(T), M.set(T, V), w[T] = V.get(), I(T, V);
+      addValue: function(T, E) {
+        D.hasValue(T) && D.removeValue(T), A.set(T, E), w[T] = E.get(), I(T, E);
       },
       /**
        * Remove a motion value and unbind any active subscriptions.
        */
       removeValue: function(T) {
-        var V;
-        M.delete(T), (V = k.get(T)) === null || V === void 0 || V(), k.delete(T), delete w[T], l(T, E);
+        var E;
+        A.delete(T), (E = k.get(T)) === null || E === void 0 || E(), k.delete(T), delete w[T], l(T, V);
       },
       /**
        * Check whether we have a motion value for this key
        */
       hasValue: function(T) {
-        return M.has(T);
+        return A.has(T);
       },
       /**
        * Get a motion value for this key. If called with a default
        * value, we'll create one if none exists.
        */
-      getValue: function(T, V) {
-        var N = M.get(T);
-        return N === void 0 && V !== void 0 && (N = _t(V), D.addValue(T, N)), N;
+      getValue: function(T, E) {
+        var N = A.get(T);
+        return N === void 0 && E !== void 0 && (N = _t(E), D.addValue(T, N)), N;
       },
       /**
        * Iterate over our motion values.
        */
       forEachValue: function(T) {
-        return M.forEach(T);
+        return A.forEach(T);
       },
       /**
        * If we're trying to animate to a previously unencountered value,
@@ -3525,15 +3525,15 @@ var ga = function(t) {
        * directly from the instance (which might have performance implications).
        */
       readValue: function(T) {
-        var V;
-        return (V = w[T]) !== null && V !== void 0 ? V : u(R, T, p);
+        var E;
+        return (E = w[T]) !== null && E !== void 0 ? E : u(O, T, 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(T, V) {
-        q[T] = V;
+      setBaseTarget: function(T, E) {
+        W[T] = E;
       },
       /**
        * Find the base target for a value thats been removed from all animation
@@ -3541,24 +3541,24 @@ var ga = function(t) {
        */
       getBaseTarget: function(T) {
         if (o) {
-          var V = o(h, T);
-          if (V !== void 0 && !Rt(V))
-            return V;
+          var E = o(h, T);
+          if (E !== void 0 && !Rt(E))
+            return E;
         }
-        return q[T];
+        return W[T];
       }
     }, j), {
       /**
        * Build the renderer state based on the latest visual state.
        */
       build: function() {
-        return K(), E;
+        return Y(), V;
       },
       /**
        * Schedule a render on the next animation frame.
        */
       scheduleRender: function() {
-        Vt.render(O, !1, !0);
+        Vt.render(R, !1, !0);
       },
       /**
        * Synchronously fire render. It's prefered that we batch renders but
@@ -3566,13 +3566,13 @@ var ga = function(t) {
        * synchronously. However in those instances other measures should be taken
        * to batch reads/writes.
        */
-      syncRender: O,
+      syncRender: R,
       /**
        * Update the provided props. Ensure any newly-added motion values are
        * added to our map, old ones removed, and listeners updated.
        */
       setProps: function(T) {
-        (T.transformTemplate || h.transformTemplate) && D.scheduleRender(), h = T, j.updatePropListeners(T), rt = Hf(D, f(h), rt);
+        (T.transformTemplate || h.transformTemplate) && D.scheduleRender(), h = T, j.updatePropListeners(T), _ = Hf(D, f(h), _);
       },
       getProps: function() {
         return h;
@@ -3582,8 +3582,8 @@ var ga = function(t) {
        * Returns the variant definition with a given name.
        */
       getVariant: function(T) {
-        var V;
-        return (V = h.variants) === null || V === void 0 ? void 0 : V[T];
+        var E;
+        return (E = h.variants) === null || E === void 0 ? void 0 : E[T];
       },
       /**
        * Returns the defined default transition on this component.
@@ -3600,9 +3600,9 @@ var ga = function(t) {
       getVariantContext: function(T) {
         if (T === void 0 && (T = !1), T)
           return v == null ? void 0 : v.getVariantContext();
-        if (!W) {
-          var V = (v == null ? void 0 : v.getVariantContext()) || {};
-          return h.initial !== void 0 && (V.initial = h.initial), V;
+        if (!q) {
+          var E = (v == null ? void 0 : v.getVariantContext()) || {};
+          return h.initial !== void 0 && (E.initial = h.initial), E;
         }
         for (var N = {}, L = 0; L < Wf; L++) {
           var B = ya[L], G = h[B];
@@ -3613,7 +3613,7 @@ var ga = function(t) {
     });
     return D;
   };
-}, ya = ht(["initial"], et(yr), !1), Wf = ya.length;
+}, ya = ht(["initial"], nt(Sr), !1), Wf = ya.length;
 function Xn(t) {
   return typeof t == "string" && t.startsWith("var(--");
 }
@@ -3622,13 +3622,13 @@ function qf(t) {
   var e = Sa.exec(t);
   if (!e)
     return [,];
-  var n = et(e, 3), r = n[1], o = n[2];
+  var n = nt(e, 3), r = n[1], o = n[2];
   return [r, o];
 }
 var Gf = 4;
 function Zn(t, e, n) {
   n === void 0 && (n = 1), vt(n <= Gf, 'Max CSS variable fallback depth detected in property "'.concat(t, '". This may indicate a circular fallback dependency.'));
-  var r = et(qf(t), 2), o = r[0], a = r[1];
+  var r = nt(qf(t), 2), o = r[0], a = r[1];
   if (o) {
     var i = window.getComputedStyle(e).getPropertyValue(o);
     return i ? i.trim() : Xn(a) ? Zn(a, e, n + 1) : a;
@@ -3670,23 +3670,23 @@ var Uf = /* @__PURE__ */ new Set([
 }, xa = function(t, e) {
   t.set(e, !1), t.set(e);
 }, je = function(t) {
-  return t === zt || t === A;
-}, bo;
+  return t === zt || t === M;
+}, xo;
 (function(t) {
   t.width = "width", t.height = "height", t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom";
-})(bo || (bo = {}));
-var xo = function(t, e) {
+})(xo || (xo = {}));
+var Po = function(t, e) {
   return parseFloat(t.split(", ")[e]);
-}, Po = function(t, e) {
+}, To = 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 xo(a[1], e);
+      return Po(a[1], e);
     var i = o.match(/^matrix\((.+)\)$/);
-    return i ? xo(i[1], t) : 0;
+    return i ? Po(i[1], t) : 0;
   };
 }, Xf = /* @__PURE__ */ new Set(["x", "y", "z"]), Zf = he.filter(function(t) {
   return !Xf.has(t);
@@ -3698,7 +3698,7 @@ function Kf(t) {
     r !== void 0 && (e.push([n, r.get()]), r.set(n.startsWith("scale") ? 1 : 0));
   }), e.length && t.syncRender(), e;
 }
-var To = {
+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,17 +3725,17 @@ var To = {
     return parseFloat(r) + (n.max - n.min);
   },
   // Transform
-  x: Po(4, 13),
-  y: Po(5, 14)
+  x: To(4, 13),
+  y: To(5, 14)
 }, Jf = 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] = To[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);
-    xa(c, s[l]), t[l] = To[l](u, a);
+    xa(c, s[l]), t[l] = wo[l](u, a);
   }), t;
 }, Qf = function(t, e, n, r) {
   n === void 0 && (n = {}), r === void 0 && (r = {}), e = x({}, e), r = x({}, r);
@@ -3745,22 +3745,22 @@ var To = {
     if (t.hasValue(c)) {
       var d = n[c], p = re(d), v = e[c], h;
       if (ge(v)) {
-        var g = v.length, m = v[0] === null ? 1 : 0;
+        var y = v.length, m = v[0] === null ? 1 : 0;
         d = v[m], p = re(d);
-        for (var b = m; b < g; b++)
+        for (var b = m; b < y; b++)
           h ? vt(re(v[b]) === h, "All keyframes must be of the same type") : (h = re(v[b]), vt(h === p || je(p) && je(h), "Keyframes must be of the same dimension as the current value"));
       } else
         h = re(v);
       if (p !== h)
         if (je(p) && je(h)) {
-          var y = f.get();
-          typeof y == "string" && f.set(parseFloat(y)), typeof v == "string" ? e[c] = parseFloat(v) : Array.isArray(v) && h === A && (e[c] = v.map(parseFloat));
+          var g = f.get();
+          typeof g == "string" && f.set(parseFloat(g)), typeof v == "string" ? e[c] = parseFloat(v) : Array.isArray(v) && h === M && (e[c] = v.map(parseFloat));
         } else p != null && p.transform && (h != null && h.transform) && (d === 0 || v === 0) ? d === 0 ? f.set(h.transform(d)) : e[c] = p.transform(v) : (i || (a = Kf(t), i = !0), s.push(c), r[c] = r[c] !== void 0 ? r[c] : e[c], xa(f, v));
     }
   }), s.length) {
     var u = s.indexOf("height") >= 0 ? window.pageYOffset : null, l = Jf(e, t, s);
     return a.length && a.forEach(function(c) {
-      var f = et(c, 2), d = f[0], p = f[1];
+      var f = nt(c, 2), d = f[0], p = f[1];
       t.getValue(d).set(p);
     }), t.syncRender(), u !== null && window.scrollTo({ top: u }), { target: l, transitionEnd: r };
   } else
@@ -3780,7 +3780,7 @@ var Pa = {
   treeType: "dom",
   readValueFromInstance: function(t, e) {
     if (Pe(e)) {
-      var n = fr(e);
+      var n = dr(e);
       return n && n.default || 0;
     } else {
       var r = td(t);
@@ -3831,22 +3831,22 @@ var Pa = {
     }
     return x({ transition: a, transitionEnd: i }, s);
   },
-  scrapeMotionValuesFromProps: nr,
+  scrapeMotionValuesFromProps: rr,
   build: function(t, e, n, r, o) {
-    t.isVisible !== void 0 && (e.style.visibility = t.isVisible ? "visible" : "hidden"), $n(e, n, r, o.transformTemplate);
+    t.isVisible !== void 0 && (e.style.visibility = t.isVisible ? "visible" : "hidden"), tr(e, n, r, o.transformTemplate);
   },
   render: Ti
 }, ed = ga(Pa), nd = ga(x(x({}, Pa), { getBaseTarget: function(t, e) {
   return t[e];
 }, readValueFromInstance: function(t, e) {
   var n;
-  return Pe(e) ? ((n = fr(e)) === null || n === void 0 ? void 0 : n.default) || 0 : (e = wi.has(e) ? e : Pi(e), t.getAttribute(e));
+  return Pe(e) ? ((n = dr(e)) === null || n === void 0 ? void 0 : n.default) || 0 : (e = wi.has(e) ? e : Pi(e), t.getAttribute(e));
 }, scrapeMotionValuesFromProps: Ei, build: function(t, e, n, r, o) {
-  er(e, n, r, o.transformTemplate);
+  nr(e, n, r, o.transformTemplate);
 }, render: Vi })), rd = function(t, e) {
-  return Qn(t) ? nd(e, { enableHardwareAcceleration: !1 }) : ed(e, { enableHardwareAcceleration: !0 });
+  return _n(t) ? nd(e, { enableHardwareAcceleration: !1 }) : ed(e, { enableHardwareAcceleration: !0 });
 };
-function wo(t, e) {
+function Vo(t, e) {
   return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
 var oe = {
@@ -3854,30 +3854,30 @@ var oe = {
     if (!e.target)
       return t;
     if (typeof t == "string")
-      if (A.test(t))
+      if (M.test(t))
         t = parseFloat(t);
       else
         return t;
-    var n = wo(t, e.target.x), r = wo(t, e.target.y);
+    var n = Vo(t, e.target.x), r = Vo(t, e.target.y);
     return "".concat(n, "% ").concat(r, "%");
   }
-}, Vo = "_$css", od = {
+}, Eo = "_$css", od = {
   correct: function(t, e) {
     var n = e.treeScale, r = e.projectionDelta, o = t, a = t.includes("var("), i = [];
     a && (t = t.replace(Sa, function(h) {
-      return i.push(h), Vo;
+      return i.push(h), Eo;
     }));
     var s = Mt.parse(t);
     if (s.length > 5)
       return o;
     var u = Mt.createTransformer(t), l = typeof s[0] != "number" ? 1 : 0, c = r.x.scale * n.x, f = r.y.scale * n.y;
     s[0 + l] /= c, s[1 + l] /= f;
-    var d = $(c, f, 0.5);
+    var d = tt(c, f, 0.5);
     typeof s[2 + l] == "number" && (s[2 + l] /= d), typeof s[3 + l] == "number" && (s[3 + l] /= d);
     var p = u(s);
     if (a) {
       var v = 0;
-      p = p.replace(Vo, function() {
+      p = p.replace(Eo, function() {
         var h = i[v];
         return v++, h;
       });
@@ -3919,7 +3919,7 @@ var oe = {
   }(C.Component)
 );
 function ad(t) {
-  var e = et(ia(), 2), n = e[0], r = e[1], o = st(ai);
+  var e = nt(ia(), 2), n = e[0], r = e[1], o = st(ai);
   return C.createElement(id, x({}, t, { layoutGroup: o, switchLayoutGroup: st(si), isPresent: n, safeToRemove: r }));
 }
 var sd = {
@@ -3940,7 +3940,7 @@ var sd = {
 function ld(t, e, n) {
   n === void 0 && (n = {});
   var r = Rt(t) ? t : _t(t);
-  return pr("", r, e, n), {
+  return hr("", r, e, n), {
     stop: function() {
       return r.stop();
     },
@@ -3949,73 +3949,73 @@ function ld(t, e, n) {
     }
   };
 }
-var Ta = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], cd = Ta.length, Eo = function(t) {
+var Ta = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], cd = Ta.length, Co = function(t) {
   return typeof t == "string" ? parseFloat(t) : t;
-}, Co = function(t) {
-  return typeof t == "number" || A.test(t);
+}, Ao = function(t) {
+  return typeof t == "number" || M.test(t);
 };
 function fd(t, e, n, r, o, a) {
   var i, s, u, l;
-  o ? (t.opacity = $(
+  o ? (t.opacity = tt(
     0,
     // (follow?.opacity as number) ?? 0,
     // TODO Reinstate this if only child
     (i = n.opacity) !== null && i !== void 0 ? i : 1,
     dd(r)
-  ), t.opacityExit = $((s = e.opacity) !== null && s !== void 0 ? s : 1, 0, vd(r))) : a && (t.opacity = $((u = e.opacity) !== null && u !== void 0 ? u : 1, (l = n.opacity) !== null && l !== void 0 ? l : 1, r));
+  ), t.opacityExit = tt((s = e.opacity) !== null && s !== void 0 ? s : 1, 0, vd(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 < cd; c++) {
-    var f = "border".concat(Ta[c], "Radius"), d = Ao(e, f), p = Ao(n, f);
+    var f = "border".concat(Ta[c], "Radius"), d = Ro(e, f), p = Ro(n, f);
     if (!(d === void 0 && p === void 0)) {
       d || (d = 0), p || (p = 0);
-      var v = d === 0 || p === 0 || Co(d) === Co(p);
-      v ? (t[f] = Math.max($(Eo(d), Eo(p), r), 0), (wt.test(p) || wt.test(d)) && (t[f] += "%")) : t[f] = p;
+      var v = d === 0 || p === 0 || Ao(d) === Ao(p);
+      v ? (t[f] = Math.max(tt(Co(d), Co(p), r), 0), (wt.test(p) || wt.test(d)) && (t[f] += "%")) : t[f] = p;
     }
   }
-  (e.rotate || n.rotate) && (t.rotate = $(e.rotate || 0, n.rotate || 0, r));
+  (e.rotate || n.rotate) && (t.rotate = tt(e.rotate || 0, n.rotate || 0, r));
 }
-function Ao(t, e) {
+function Ro(t, e) {
   var n;
   return (n = t[e]) !== null && n !== void 0 ? n : t.borderRadius;
 }
-var dd = wa(0, 0.5, lr), vd = wa(0.5, 0.95, sr);
+var dd = wa(0, 0.5, cr), vd = wa(0.5, 0.95, ur);
 function wa(t, e, n) {
   return function(r) {
     return r < t ? 0 : r > e ? 1 : n(ye(t, e, r));
   };
 }
-function Ro(t, e) {
+function Mo(t, e) {
   t.min = e.min, t.max = e.max;
 }
 function St(t, e) {
-  Ro(t.x, e.x), Ro(t.y, e.y);
+  Mo(t.x, e.x), Mo(t.y, e.y);
 }
-function Mo(t, e, n, r, o) {
+function Io(t, e, n, r, o) {
   return t -= e, t = Ze(t, 1 / n, r), o !== void 0 && (t = Ze(t, 1 / o, r)), t;
 }
 function pd(t, e, n, r, o, a, i) {
   if (e === void 0 && (e = 0), n === void 0 && (n = 1), r === void 0 && (r = 0.5), a === void 0 && (a = t), i === void 0 && (i = t), wt.test(e)) {
     e = parseFloat(e);
-    var s = $(i.min, i.max, e / 100);
+    var s = tt(i.min, i.max, e / 100);
     e = s - i.min;
   }
   if (typeof e == "number") {
-    var u = $(a.min, a.max, r);
-    t === a && (u -= e), t.min = Mo(t.min, e, n, u, o), t.max = Mo(t.max, e, n, u, o);
+    var u = tt(a.min, a.max, r);
+    t === a && (u -= e), t.min = Io(t.min, e, n, u, o), t.max = Io(t.max, e, n, u, o);
   }
 }
-function Io(t, e, n, r, o) {
-  var a = et(n, 3), i = a[0], s = a[1], u = a[2];
+function Oo(t, e, n, r, o) {
+  var a = nt(n, 3), i = a[0], s = a[1], u = a[2];
   pd(t, e[i], e[s], e[u], e.scale, r, o);
 }
 var hd = ["x", "scaleX", "originX"], md = ["y", "scaleY", "originY"];
-function Oo(t, e, n, r) {
-  Io(t.x, e, hd, n == null ? void 0 : n.x, r == null ? void 0 : r.x), Io(t.y, e, md, n == null ? void 0 : n.y, r == null ? void 0 : r.y);
+function Lo(t, e, n, r) {
+  Oo(t.x, e, hd, n == null ? void 0 : n.x, r == null ? void 0 : r.x), Oo(t.y, e, md, n == null ? void 0 : n.y, r == null ? void 0 : r.y);
 }
-function Lo(t) {
+function No(t) {
   return t.translate === 0 && t.scale === 1;
 }
 function Va(t) {
-  return Lo(t.x) && Lo(t.y);
+  return No(t.x) && No(t.y);
 }
 function Ea(t, e) {
   return t.x.min === e.x.min && t.x.max === e.x.max && t.y.min === e.y.min && t.y.max === e.y.max;
@@ -4027,9 +4027,9 @@ var gd = (
       this.members = [];
     }
     return t.prototype.add = function(e) {
-      hr(this.members, e), e.scheduleRender();
+      mr(this.members, e), e.scheduleRender();
     }, t.prototype.remove = function(e) {
-      if (mr(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+      if (gr(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
         var n = this.members[this.members.length - 1];
         n && this.promote(n);
       }
@@ -4068,7 +4068,7 @@ var gd = (
     }, t;
   }()
 ), yd = "translate3d(0px, 0px, 0) scale(1, 1) scale(1, 1)";
-function No(t, e, n) {
+function jo(t, e, n) {
   var r = t.x.translate / e.x, o = t.y.translate / e.y, a = "translate3d(".concat(r, "px, ").concat(o, "px, 0) ");
   if (a += "scale(".concat(1 / e.x, ", ").concat(1 / e.y, ") "), n) {
     var i = n.rotate, s = n.rotateX, u = n.rotateY;
@@ -4086,14 +4086,14 @@ var Sd = function(t, e) {
       this.children = [], this.isDirty = !1;
     }
     return t.prototype.add = function(e) {
-      hr(this.children, e), this.isDirty = !0;
-    }, t.prototype.remove = function(e) {
       mr(this.children, e), this.isDirty = !0;
+    }, t.prototype.remove = function(e) {
+      gr(this.children, e), this.isDirty = !0;
     }, t.prototype.forEach = function(e) {
       this.isDirty && this.children.sort(Sd), this.isDirty = !1, this.children.forEach(e);
     }, t;
   }()
-), jo = 1e3;
+), Do = 1e3;
 function Ca(t) {
   var e = t.attachResizeListener, n = t.defaultParent, r = t.measureScroll, o = t.checkIsScrollRoot, a = t.resetTransform;
   return (
@@ -4105,7 +4105,7 @@ function Ca(t) {
           c.isUpdating && (c.isUpdating = !1, c.clearAllSnapshots());
         }, this.updateProjection = function() {
           c.nodes.forEach(Ed), c.nodes.forEach(Cd);
-        }, 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 ? ht(ht([], et(l.path), !1), [l], !1) : [], this.parent = l, this.depth = l ? l.depth + 1 : 0, s && this.root.registerPotentialNode(s, this);
+        }, 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 ? ht(ht([], 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;
         this.root === this && (this.nodes = new bd());
@@ -4116,7 +4116,7 @@ function Ca(t) {
         for (var u = [], l = 1; l < arguments.length; l++)
           u[l - 1] = arguments[l];
         var c = this.eventHandlers.get(s);
-        c == null || c.notify.apply(c, ht([], et(u), !1));
+        c == null || c.notify.apply(c, ht([], nt(u), !1));
       }, i.prototype.hasListeners = function(s) {
         return this.eventHandlers.has(s);
       }, i.prototype.registerPotentialNode = function(s, u) {
@@ -4127,26 +4127,26 @@ function Ca(t) {
           this.isSVG = s instanceof SVGElement && s.tagName !== "svg", this.instance = s;
           var f = this.options, d = f.layoutId, p = f.layout, v = f.visualElement;
           if (v && !v.getInstance() && v.mount(s), this.root.nodes.add(this), (c = this.parent) === null || c === void 0 || c.children.add(this), this.id && this.root.potentialNodes.delete(this.id), u && (p || d) && (this.isLayoutDirty = !0), e) {
-            var h, g = function() {
+            var h, y = function() {
               return l.root.updateBlockedByResize = !1;
             };
             e(s, function() {
-              l.root.updateBlockedByResize = !0, clearTimeout(h), h = window.setTimeout(g, 250), ie.hasAnimatedSinceResize && (ie.hasAnimatedSinceResize = !1, l.nodes.forEach(Vd));
+              l.root.updateBlockedByResize = !0, clearTimeout(h), h = window.setTimeout(y, 250), ie.hasAnimatedSinceResize && (ie.hasAnimatedSinceResize = !1, l.nodes.forEach(Vd));
             });
           }
           d && this.root.registerSharedNode(d, this), this.options.animate !== !1 && v && (d || p) && this.addEventListener("didUpdate", function(m) {
-            var b, y, P, w, E, R = m.delta, j = m.hasLayoutChanged, M = m.hasRelativeTargetChanged, k = m.layout;
+            var b, g, P, w, V, O = m.delta, j = m.hasLayoutChanged, A = m.hasRelativeTargetChanged, k = m.layout;
             if (l.isTreeAnimationBlocked()) {
               l.target = void 0, l.relativeTarget = void 0;
               return;
             }
-            var rt = (y = (b = l.options.transition) !== null && b !== void 0 ? b : v.getDefaultTransition()) !== null && y !== void 0 ? y : Od, q = v.getProps(), H = q.onLayoutAnimationStart, O = q.onLayoutAnimationComplete, K = !l.targetLayout || !Ea(l.targetLayout, k) || M, _ = !j && M;
-            if (!((P = l.resumeFrom) === null || P === void 0) && P.instance || _ || j && (K || !l.currentAnimation)) {
-              l.resumeFrom && (l.resumingFrom = l.resumeFrom, l.resumingFrom.resumingFrom = void 0), l.setAnimationOrigin(R, _);
-              var I = x(x({}, vr(rt, "layout")), { onPlay: H, onComplete: O });
+            var _ = (g = (b = l.options.transition) !== null && b !== void 0 ? b : v.getDefaultTransition()) !== null && g !== void 0 ? g : Od, W = v.getProps(), H = W.onLayoutAnimationStart, R = W.onLayoutAnimationComplete, Y = !l.targetLayout || !Ea(l.targetLayout, k) || A, $ = !j && A;
+            if (!((P = l.resumeFrom) === null || P === void 0) && P.instance || $ || j && (Y || !l.currentAnimation)) {
+              l.resumeFrom && (l.resumingFrom = l.resumeFrom, l.resumingFrom.resumingFrom = void 0), l.setAnimationOrigin(O, $);
+              var I = x(x({}, pr(_, "layout")), { onPlay: H, onComplete: R });
               v.shouldReduceMotion && (I.delay = 0, I.type = !1), l.startAnimation(I);
             } else
-              !j && l.animationProgress === 0 && l.finishAnimation(), l.isLead() && ((E = (w = l.options).onExitComplete) === null || E === void 0 || E.call(w));
+              !j && l.animationProgress === 0 && l.finishAnimation(), l.isLead() && ((V = (w = l.options).onExitComplete) === null || V === void 0 || V.call(w));
             l.targetLayout = k;
           });
         }
@@ -4179,14 +4179,14 @@ function Ca(t) {
           }
           var p = this.options, v = p.layoutId, h = p.layout;
           if (!(v === void 0 && !h)) {
-            var g = (c = this.options.visualElement) === null || c === void 0 ? void 0 : c.getProps().transformTemplate;
-            this.prevTransformTemplateValue = g == null ? void 0 : g(this.latestValues, ""), this.updateSnapshot(), s && this.notifyListeners("willUpdate");
+            var y = (c = this.options.visualElement) === null || c === void 0 ? void 0 : c.getProps().transformTemplate;
+            this.prevTransformTemplateValue = y == null ? void 0 : y(this.latestValues, ""), this.updateSnapshot(), s && this.notifyListeners("willUpdate");
           }
         }
       }, i.prototype.didUpdate = function() {
         var s = this.isUpdateBlocked();
         if (s) {
-          this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Do);
+          this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Bo);
           return;
         }
         this.isUpdating && (this.isUpdating = !1, this.potentialNodes.size && (this.potentialNodes.forEach(Ld), this.potentialNodes.clear()), this.nodes.forEach(wd), this.nodes.forEach(xd), this.nodes.forEach(Pd), this.clearAllSnapshots(), Sn.update(), Sn.preRender(), Sn.render());
@@ -4202,7 +4202,7 @@ function Ca(t) {
       }, i.prototype.updateSnapshot = function() {
         if (!(this.snapshot || !this.instance)) {
           var s = this.measure(), u = this.removeTransform(this.removeElementScroll(s));
-          Ho(u), this.snapshot = {
+          Wo(u), this.snapshot = {
             measured: s,
             layout: u,
             latestValues: {}
@@ -4217,7 +4217,7 @@ function Ca(t) {
               l.updateScroll();
             }
           var c = this.measure();
-          Ho(c);
+          Wo(c);
           var f = this.layout;
           this.layout = {
             measured: c,
@@ -4273,10 +4273,10 @@ function Ca(t) {
           if (f.instance && Nt(f.latestValues)) {
             pa(f.latestValues) && f.updateSnapshot();
             var d = lt(), p = f.measure();
-            St(d, p), Oo(l, f.latestValues, (u = f.snapshot) === null || u === void 0 ? void 0 : u.layout, d);
+            St(d, p), Lo(l, f.latestValues, (u = f.snapshot) === null || u === void 0 ? void 0 : u.layout, d);
           }
         }
-        return Nt(this.latestValues) && Oo(l, this.latestValues), l;
+        return Nt(this.latestValues) && Lo(l, this.latestValues), l;
       }, i.prototype.setTargetDelta = function(s) {
         this.targetDelta = s, this.root.scheduleUpdateProjection();
       }, i.prototype.setOptions = function(s) {
@@ -4299,7 +4299,7 @@ function Ca(t) {
           if (d) {
             this.projectionDelta || (this.projectionDelta = fe(), this.projectionDeltaWithTransform = fe());
             var p = this.treeScale.x, v = this.treeScale.y, h = this.projectionTransform;
-            le(this.projectionDelta, this.layoutCorrected, d, this.latestValues), this.projectionTransform = No(this.projectionDelta, this.treeScale), (this.projectionTransform !== h || this.treeScale.x !== p || this.treeScale.y !== v) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
+            le(this.projectionDelta, this.layoutCorrected, d, this.latestValues), this.projectionTransform = jo(this.projectionDelta, this.treeScale), (this.projectionTransform !== h || this.treeScale.x !== p || this.treeScale.y !== v) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
           }
         }
       }, i.prototype.hide = function() {
@@ -4314,15 +4314,15 @@ function Ca(t) {
         u === void 0 && (u = !1);
         var f = this.snapshot, d = (f == null ? void 0 : f.latestValues) || {}, p = x({}, this.latestValues), v = fe();
         this.relativeTarget = this.relativeTargetOrigin = void 0, this.attemptToResolveRelativeTarget = !u;
-        var h = lt(), g = f == null ? void 0 : f.isShared, m = (((c = this.getStack()) === null || c === void 0 ? void 0 : c.members.length) || 0) <= 1, b = !!(g && !m && this.options.crossfade === !0 && !this.path.some(Id));
-        this.animationProgress = 0, this.mixTargetDelta = function(y) {
-          var P, w = y / 1e3;
-          Bo(v.x, s.x, w), Bo(v.y, s.y, w), l.setTargetDelta(v), l.relativeTarget && l.relativeTargetOrigin && l.layout && (!((P = l.relativeParent) === null || P === void 0) && P.layout) && (ce(h, l.layout.actual, l.relativeParent.layout.actual), Md(l.relativeTarget, l.relativeTargetOrigin, h, w)), g && (l.animationValues = p, fd(p, d, l.latestValues, w, b, m)), l.root.scheduleUpdateProjection(), l.scheduleRender(), l.animationProgress = w;
+        var h = lt(), y = f == null ? void 0 : f.isShared, m = (((c = this.getStack()) === null || c === void 0 ? void 0 : c.members.length) || 0) <= 1, b = !!(y && !m && this.options.crossfade === !0 && !this.path.some(Id));
+        this.animationProgress = 0, this.mixTargetDelta = function(g) {
+          var P, w = g / 1e3;
+          ko(v.x, s.x, w), ko(v.y, s.y, w), l.setTargetDelta(v), l.relativeTarget && l.relativeTargetOrigin && l.layout && (!((P = l.relativeParent) === null || P === void 0) && P.layout) && (ce(h, l.layout.actual, l.relativeParent.layout.actual), Md(l.relativeTarget, l.relativeTargetOrigin, h, w)), y && (l.animationValues = p, fd(p, d, l.latestValues, w, b, m)), l.root.scheduleUpdateProjection(), l.scheduleRender(), l.animationProgress = w;
         }, this.mixTargetDelta(0);
       }, i.prototype.startAnimation = function(s) {
         var u = this, l, c;
         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 && (Qt.update(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = Vt.update(function() {
-          ie.hasAnimatedSinceResize = !0, u.currentAnimation = ld(0, jo, x(x({}, s), { onUpdate: function(f) {
+          ie.hasAnimatedSinceResize = !0, u.currentAnimation = ld(0, Do, x(x({}, s), { onUpdate: function(f) {
             var d;
             u.mixTargetDelta(f), (d = s.onUpdate) === null || d === void 0 || d.call(s, f);
           }, onComplete: function() {
@@ -4335,7 +4335,7 @@ function Ca(t) {
         this.resumingFrom && (this.resumingFrom.currentAnimation = void 0, this.resumingFrom.preserveOpacity = void 0), (s = this.getStack()) === null || s === void 0 || s.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
       }, i.prototype.finishAnimation = function() {
         var s;
-        this.currentAnimation && ((s = this.mixTargetDelta) === null || s === void 0 || s.call(this, jo), this.currentAnimation.stop()), this.completeAnimation();
+        this.currentAnimation && ((s = this.mixTargetDelta) === null || s === void 0 || s.call(this, Do), this.currentAnimation.stop()), this.completeAnimation();
       }, i.prototype.applyTransformsToTarget = function() {
         var s = this.getLead(), u = s.targetWithTransforms, l = s.target, c = s.layout, f = s.latestValues;
         !u || !l || !c || (St(u, l), Zt(u, f), le(this.projectionDeltaWithTransform, this.layoutCorrected, u, f));
@@ -4393,32 +4393,32 @@ function Ca(t) {
         var h = (u = this.options.visualElement) === null || u === void 0 ? void 0 : u.getProps().transformTemplate;
         if (this.needsReset)
           return this.needsReset = !1, v.opacity = "", v.pointerEvents = Be(s.pointerEvents) || "", v.transform = h ? h(this.latestValues, "") : "none", v;
-        var g = this.getLead();
-        if (!this.projectionDelta || !this.layout || !g.target) {
+        var y = this.getLead();
+        if (!this.projectionDelta || !this.layout || !y.target) {
           var m = {};
           return this.options.layoutId && (m.opacity = (l = this.latestValues.opacity) !== null && l !== void 0 ? l : 1, m.pointerEvents = Be(s.pointerEvents) || ""), this.hasProjected && !Nt(this.latestValues) && (m.transform = h ? h({}, "") : "none", this.hasProjected = !1), m;
         }
-        var b = g.animationValues || g.latestValues;
-        this.applyTransformsToTarget(), v.transform = No(this.projectionDeltaWithTransform, this.treeScale, b), h && (v.transform = h(b, v.transform));
-        var y = this.projectionDelta, P = y.x, w = y.y;
-        v.transformOrigin = "".concat(P.origin * 100, "% ").concat(w.origin * 100, "% 0"), g.animationValues ? v.opacity = g === this ? (f = (c = b.opacity) !== null && c !== void 0 ? c : this.latestValues.opacity) !== null && f !== void 0 ? f : 1 : this.preserveOpacity ? this.latestValues.opacity : b.opacityExit : v.opacity = g === this ? (d = b.opacity) !== null && d !== void 0 ? d : "" : (p = b.opacityExit) !== null && p !== void 0 ? p : 0;
-        for (var E in He)
-          if (b[E] !== void 0) {
-            var R = He[E], j = R.correct, M = R.applyTo, k = j(b[E], g);
-            if (M)
-              for (var rt = M.length, q = 0; q < rt; q++)
-                v[M[q]] = k;
+        var b = y.animationValues || y.latestValues;
+        this.applyTransformsToTarget(), v.transform = jo(this.projectionDeltaWithTransform, this.treeScale, b), h && (v.transform = h(b, v.transform));
+        var g = this.projectionDelta, P = g.x, w = g.y;
+        v.transformOrigin = "".concat(P.origin * 100, "% ").concat(w.origin * 100, "% 0"), y.animationValues ? v.opacity = y === this ? (f = (c = b.opacity) !== null && c !== void 0 ? c : this.latestValues.opacity) !== null && f !== void 0 ? f : 1 : this.preserveOpacity ? this.latestValues.opacity : b.opacityExit : v.opacity = y === this ? (d = b.opacity) !== null && d !== void 0 ? d : "" : (p = b.opacityExit) !== null && p !== void 0 ? p : 0;
+        for (var V in He)
+          if (b[V] !== void 0) {
+            var O = He[V], j = O.correct, A = O.applyTo, k = j(b[V], y);
+            if (A)
+              for (var _ = A.length, W = 0; W < _; W++)
+                v[A[W]] = k;
             else
-              v[E] = k;
+              v[V] = k;
           }
-        return this.options.layoutId && (v.pointerEvents = g === this ? Be(s.pointerEvents) || "" : "none"), v;
+        return this.options.layoutId && (v.pointerEvents = y === this ? Be(s.pointerEvents) || "" : "none"), v;
       }, i.prototype.clearSnapshot = function() {
         this.resumeFrom = this.snapshot = void 0;
       }, i.prototype.resetTree = function() {
         this.root.nodes.forEach(function(s) {
           var u;
           return (u = s.currentAnimation) === null || u === void 0 ? void 0 : u.stop();
-        }), this.root.nodes.forEach(Do), this.root.sharedNodes.clear();
+        }), this.root.nodes.forEach(Bo), this.root.sharedNodes.clear();
       }, i;
     }()
   );
@@ -4431,11 +4431,11 @@ function Pd(t) {
   if (t.isLead() && t.layout && a && t.hasListeners("didUpdate")) {
     var i = t.layout, s = i.actual, u = i.measured;
     t.options.animationType === "size" ? Tt(function(b) {
-      var y = a.isShared ? a.measured[b] : a.layout[b], P = It(y);
-      y.min = s[b].min, y.max = y.min + P;
+      var g = a.isShared ? a.measured[b] : a.layout[b], P = It(g);
+      g.min = s[b].min, g.max = g.min + P;
     }) : t.options.animationType === "position" && Tt(function(b) {
-      var y = a.isShared ? a.measured[b] : a.layout[b], P = It(s[b]);
-      y.max = y.min + P;
+      var g = a.isShared ? a.measured[b] : a.layout[b], P = It(s[b]);
+      g.max = g.min + P;
     });
     var l = fe();
     le(l, s, a.layout);
@@ -4445,10 +4445,10 @@ function Pd(t) {
     if (!t.resumeFrom && (t.relativeParent = t.getClosestProjectingParent(), t.relativeParent && !t.relativeParent.resumeFrom)) {
       var p = t.relativeParent, v = p.snapshot, h = p.layout;
       if (v && h) {
-        var g = lt();
-        ce(g, a.layout, v.layout);
+        var y = lt();
+        ce(y, a.layout, v.layout);
         var m = lt();
-        ce(m, s, h.actual), Ea(g, m) || (d = !0);
+        ce(m, s, h.actual), Ea(y, m) || (d = !0);
       }
     }
     t.notifyListeners("didUpdate", {
@@ -4465,7 +4465,7 @@ function Pd(t) {
 function Td(t) {
   t.clearSnapshot();
 }
-function Do(t) {
+function Bo(t) {
   t.clearMeasurements();
 }
 function wd(t) {
@@ -4487,14 +4487,14 @@ function Ad(t) {
 function Rd(t) {
   t.removeLeadSnapshot();
 }
-function Bo(t, e, n) {
-  t.translate = $(e.translate, 0, n), t.scale = $(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
+function ko(t, e, n) {
+  t.translate = tt(e.translate, 0, n), t.scale = tt(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
-function ko(t, e, n, r) {
-  t.min = $(e.min, n.min, r), t.max = $(e.max, n.max, r);
+function Fo(t, e, n, r) {
+  t.min = tt(e.min, n.min, r), t.max = tt(e.max, n.max, r);
 }
 function Md(t, e, n, r) {
-  ko(t.x, e.x, n.x, r), ko(t.y, e.y, n.y, r);
+  Fo(t.x, e.x, n.x, r), Fo(t.y, e.y, n.y, r);
 }
 function Id(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
@@ -4512,11 +4512,11 @@ function Ld(t, e) {
   var o = n && n !== t.root ? n.instance : document, a = o.querySelector('[data-projection-id="'.concat(e, '"]'));
   a && t.mount(a, !0);
 }
-function Fo(t) {
+function Ho(t) {
   t.min = Math.round(t.min), t.max = Math.round(t.max);
 }
-function Ho(t) {
-  Fo(t.x), Fo(t.y);
+function Wo(t) {
+  Ho(t.x), Ho(t.y);
 }
 var Nd = Ca({
   attachResizeListener: function(t, e) {
@@ -4592,7 +4592,7 @@ function kd() {
     mount: function() {
       return t = !0, e.forEach(function(o) {
         var a = o.animation, i = o.resolve;
-        r.start.apply(r, ht([], et(a), !1)).then(i);
+        r.start.apply(r, ht([], nt(a), !1)).then(i);
       }), function() {
         t = !1, r.stop();
       };
@@ -4674,9 +4674,9 @@ const Wd = ({
   }, d = () => {
     n && n(), i && f();
   };
-  if ((t == null ? void 0 : t.length) == 0) return /* @__PURE__ */ S(Go, {});
+  if ((t == null ? void 0 : t.length) == 0) return /* @__PURE__ */ S(Kn, {});
   const p = a ? ({ children: v }) => v : Wd;
-  return /* @__PURE__ */ Z(
+  return /* @__PURE__ */ K(
     "div",
     {
       className: qt(Ot.StoryPlayer, u, {
@@ -4684,7 +4684,7 @@ const Wd = ({
       }),
       children: [
         /* @__PURE__ */ S("div", { className: Ot.Overlay, onClick: r }),
-        /* @__PURE__ */ S("div", { className: Ot.StoryPlayer__Wrap, children: /* @__PURE__ */ Z(p, { onClose: s, children: [
+        /* @__PURE__ */ S("div", { className: Ot.StoryPlayer__Wrap, children: /* @__PURE__ */ K(p, { onClose: s, children: [
           /* @__PURE__ */ S("div", { className: Ot.CloseIcon, onClick: s, children: /* @__PURE__ */ S(qd, {}) }),
           /* @__PURE__ */ S(
             uu,
@@ -4725,32 +4725,32 @@ function Xd(t, e = Yd) {
 }
 class Zd {
   static fromRaw(e) {
-    var i;
-    const n = ((i = e.stakes.find((s) => s.isEnabled)) == null ? void 0 : i.preciseValue) ?? 0, r = e.selections.map((s) => {
-      var v, h, g;
-      const u = parseFloat(s.odd.price.toFixed(2)), l = Xd(s.event.startDate), c = (h = (v = s == null ? void 0 : s.odd) == null ? void 0 : v.offers) == null ? void 0 : h.find((m) => m.type === 0), d = s.market.name, p = (g = s == null ? void 0 : s.bbSelections) == null ? void 0 : g.map((m) => {
-        var w, E, R, j, M;
-        const b = (w = m == null ? void 0 : m.odd) == null ? void 0 : w.price, y = parseFloat(b.toFixed(2)), P = (R = (E = m == null ? void 0 : m.odd) == null ? void 0 : E.offers) == null ? void 0 : R.find((k) => k.type === 0);
+    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, m, b, g, P, w;
+      const c = parseFloat((m = (y = l == null ? void 0 : l.odd) == null ? void 0 : y.price) == null ? void 0 : m.toFixed(2)), f = Xd((b = l == null ? void 0 : l.event) == null ? void 0 : b.startDate), d = (P = (g = l == null ? void 0 : l.odd) == null ? void 0 : g.offers) == null ? void 0 : P.find((V) => V.type === 0), v = l.market.name, h = (w = l == null ? void 0 : l.bbSelections) == null ? void 0 : w.map((V) => {
+        var k, _, W, H, R;
+        const O = (k = V == null ? void 0 : V.odd) == null ? void 0 : k.price, j = parseFloat(O.toFixed(2)), A = (W = (_ = V == null ? void 0 : V.odd) == null ? void 0 : _.offers) == null ? void 0 : W.find((Y) => Y.type === 0);
         return {
-          marketName: (j = m == null ? void 0 : m.market) == null ? void 0 : j.name,
-          name: (M = m == null ? void 0 : m.odd) == null ? void 0 : M.name,
-          cuota: y,
-          hasPA: !!P,
-          paParam: P == null ? void 0 : P.parameter
+          marketName: (H = V == null ? void 0 : V.market) == null ? void 0 : H.name,
+          name: (R = V == null ? void 0 : V.odd) == null ? void 0 : R.name,
+          cuota: j,
+          hasPA: !!A,
+          paParam: A == null ? void 0 : A.parameter
         };
       });
       return {
-        name: s.odd.name,
-        cuota: u,
-        event: s.event.name,
-        fechaHora: l,
-        hasPA: !!c,
-        paParam: c == null ? void 0 : c.parameter,
-        marketName: d,
-        subSelections: p
+        name: l.odd.name,
+        cuota: c,
+        event: l.event.name,
+        fechaHora: f,
+        hasPA: !!d,
+        paParam: d == null ? void 0 : d.parameter,
+        marketName: v,
+        subSelections: h
       };
     }), o = parseFloat(
-      r.reduce((s, u) => s * u.cuota, 1).toFixed(2)
+      r == null ? void 0 : r.reduce((l, c) => l * (c == null ? void 0 : c.cuota), 1).toFixed(2)
     ), a = parseFloat((n * o).toFixed(2));
     return { selections: r, stake: n, cuotaTotal: o, gananciaTotal: a };
   }
@@ -4772,62 +4772,65 @@ const Kd = "_BetSlip_hse67_1", Jd = "_BetSlip_Title_hse67_12", Qd = "_SelectionI
   SelectionItem__BB__mn: sv
 }, uv = ({ selection: t }) => {
   var e, n;
-  return console.log(t == null ? void 0 : t.subSelections), /* @__PURE__ */ Z("div", { className: dt.SelectionItem, children: [
-    /* @__PURE__ */ Z("div", { className: dt.SelectionItemGrid, children: [
+  return /* @__PURE__ */ K("div", { className: dt.SelectionItem, children: [
+    /* @__PURE__ */ K("div", { className: dt.SelectionItemGrid, children: [
       /* @__PURE__ */ S("div", { className: dt.SelectionItem_name, children: t != null && t.subSelections ? "Crear Apuesta" : t.name }),
       /* @__PURE__ */ S("div", { className: dt.SelectionItem_sc, children: t.cuota.toFixed(2) })
     ] }),
-    t != null && t.subSelections ? null : /* @__PURE__ */ S("div", { className: dt.SelectionItemGrid, children: /* @__PURE__ */ Z("div", { className: dt.SelectionItem_marketName, children: [
+    t != null && t.subSelections ? null : /* @__PURE__ */ S("div", { className: dt.SelectionItemGrid, children: /* @__PURE__ */ K("div", { className: dt.SelectionItem_marketName, children: [
       /* @__PURE__ */ S("div", { children: t.marketName }),
       t.hasPA && /* @__PURE__ */ S("div", { className: dt.SelectionItem_hasPA, children: "PA" })
     ] }) }),
-    /* @__PURE__ */ Z("div", { className: dt.SelectionItemGrid, children: [
+    /* @__PURE__ */ K("div", { className: dt.SelectionItemGrid, children: [
       /* @__PURE__ */ S("div", { className: dt.SelectionItem_event, children: t.event }),
       /* @__PURE__ */ S("div", { className: dt.SelectionItem_fechahora, children: t.fechaHora })
     ] }),
-    ((e = t == null ? void 0 : t.subSelections) == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ S("div", { className: dt.SelectionItem__Wrap, children: (n = t.subSelections) == null ? void 0 : n.map((r, o) => /* @__PURE__ */ Z("div", { className: dt.SelectionItem__BB, children: [
+    ((e = t == null ? void 0 : t.subSelections) == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ S("div", { className: dt.SelectionItem__Wrap, children: (n = t.subSelections) == null ? void 0 : n.map((r, o) => /* @__PURE__ */ K("div", { className: dt.SelectionItem__BB, children: [
       /* @__PURE__ */ S("div", { className: dt.SelectionItem__BB__mn, children: r == null ? void 0 : r.marketName }),
       /* @__PURE__ */ S("div", { children: r == null ? void 0 : r.name })
-    ] }, o)) }) : null
+    ] }, o)) }) : /* @__PURE__ */ S(Kn, {})
   ] });
-}, lv = "_PulseButton_1udbm_1", cv = "_PulseButton_BG_1udbm_8", Wo = {
+}, lv = "_PulseButton_1udbm_1", cv = "_PulseButton_BG_1udbm_8", qo = {
   PulseButton: lv,
   PulseButton_BG: cv
 }, fv = "_Button_1lfmc_1", dv = {
   Button: fv
-}, Ra = ({ children: t, href: e }) => /* @__PURE__ */ Z("div", { className: Wo.PulseButton, children: [
-  /* @__PURE__ */ S("div", { className: Wo.PulseButton_BG }),
+}, Ra = ({ children: t, href: e }) => /* @__PURE__ */ K("div", { className: qo.PulseButton, children: [
+  /* @__PURE__ */ S("div", { className: qo.PulseButton_BG }),
   /* @__PURE__ */ S("a", { className: dv.Button, href: e, children: t })
-] }), vv = ({ slip: t, title: e }) => /* @__PURE__ */ Z("div", { className: De.BetSlip, children: [
-  /* @__PURE__ */ Z("div", { className: De.SelectionItemWrap, children: [
-    e ? /* @__PURE__ */ S("div", { className: De.BetSlip_Title, children: e }) : null,
-    t.selections.map((n, r) => /* @__PURE__ */ S(uv, { selection: n }, r))
-  ] }),
-  /* @__PURE__ */ S("div", { className: qt(De.BetSlip_ButtonWrap), children: /* @__PURE__ */ S(
-    Ra,
-    {
-      href: "https://www.apuestatotal.com/apuestas-deportivas/?reservationCode=HHHH",
-      children: t.cuotaTotal
-    }
-  ) })
-] }), Ma = ({ story: t }) => {
-  let e = qo;
-  return (t == null ? void 0 : t.type) == "promo" && (e = qo), (t == null ? void 0 : t.type) == "betting" && (e = pv), /* @__PURE__ */ S(e, { story: t });
-}, qo = ({ story: t }) => /* @__PURE__ */ Z("div", { className: qt(de.story), children: [
+] }), vv = ({ slip: t, title: e }) => {
+  var n;
+  return /* @__PURE__ */ K("div", { className: De.BetSlip, children: [
+    /* @__PURE__ */ K("div", { className: De.SelectionItemWrap, children: [
+      e ? /* @__PURE__ */ S("div", { className: De.BetSlip_Title, children: e }) : null,
+      (n = t == null ? void 0 : t.selections) == null ? void 0 : n.map((r, o) => /* @__PURE__ */ S(uv, { selection: r }, `${Date.now()}-${o}`))
+    ] }),
+    t != null && t.cuotaTota ? /* @__PURE__ */ S("div", { className: qt(De.BetSlip_ButtonWrap), children: /* @__PURE__ */ S(
+      Ra,
+      {
+        href: "https://www.apuestatotal.com/apuestas-deportivas/?reservationCode=HHHH",
+        children: t == null ? void 0 : t.cuotaTotal
+      }
+    ) }) : null
+  ] });
+}, Ma = ({ story: t }) => {
+  let e = Go;
+  return (t == null ? void 0 : t.type) == "promo" && (e = Go), (t == null ? void 0 : t.type) == "betting" && (e = pv), /* @__PURE__ */ S(e, { story: t });
+}, Go = ({ story: t }) => /* @__PURE__ */ K("div", { className: qt(de.story), children: [
   /* @__PURE__ */ S("img", { src: t == null ? void 0 : t.image, alt: "" }),
-  t != null && t.btn_text && (t != null && t.btn_url) ? /* @__PURE__ */ S("div", { className: qt(de.BetSlip_Wrapper), children: /* @__PURE__ */ S("div", { className: de.BetSlip_ButtonWrap, children: /* @__PURE__ */ Z(Ra, { href: t == null ? void 0 : t.btn_url, children: [
+  t != null && t.btn_text && (t != null && t.btn_url) ? /* @__PURE__ */ S("div", { className: qt(de.BetSlip_Wrapper), children: /* @__PURE__ */ S("div", { className: de.BetSlip_ButtonWrap, children: /* @__PURE__ */ K(Ra, { href: t == null ? void 0 : t.btn_url, children: [
     " ",
     t == null ? void 0 : t.btn_text
   ] }) }) }) : null
 ] }), pv = ({ story: t }) => {
-  const e = JSON.parse(t == null ? void 0 : t.coupon_result);
-  return console.log(e), /* @__PURE__ */ Z("div", { className: qt(de.story), children: [
+  const e = JSON.parse((t == null ? void 0 : t.coupon_result) ?? "{}");
+  return console.log(e), /* @__PURE__ */ K("div", { className: qt(de.story), children: [
     /* @__PURE__ */ S("img", { src: t == null ? void 0 : t.image, alt: "" }),
     /* @__PURE__ */ S("div", { className: de.BetSlip_Wrapper, children: /* @__PURE__ */ S(
       vv,
       {
         slip: Zd.fromRaw(e),
-        title: t == null ? void 0 : t.title
+        title: t == null ? void 0 : t.coupon_title
       }
     ) })
   ] });
@@ -4840,9 +4843,9 @@ const Kd = "_BetSlip_hse67_1", Jd = "_BetSlip_Title_hse67_12", Qd = "_SelectionI
   onProfileClick: e = () => null,
   color: n,
   image: r
-}) => /* @__PURE__ */ Z("div", { className: En.StoryHeaderPlayer, children: [
+}) => /* @__PURE__ */ K("div", { className: En.StoryHeaderPlayer, children: [
   /* @__PURE__ */ S(
-    Kn,
+    Jn,
     {
       className: En.StoryHeaderPlayer__ProfileStory,
       onProfileClick: e,
@@ -4961,7 +4964,7 @@ function bv({ scroll: t, targets: e }) {
   }, [t]), { disableScroll: r, enableScroll: o };
 }
 const xv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
-  var g;
+  var y;
   const [r, o] = mt(null), a = (m) => o(m), {
     markStorySeen: i,
     hasSeenAllStories: s,
@@ -4973,7 +4976,7 @@ const xv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
   F(() => {
     f.current = c;
   }, [c]);
-  const d = e == null ? void 0 : e.find((m) => (m == null ? void 0 : m.id) == r), p = ((g = e == null ? void 0 : e.find((m) => (m == null ? void 0 : m.id) == r)) == null ? void 0 : g.stories) ?? [];
+  const d = e == null ? void 0 : e.find((m) => (m == null ? void 0 : m.id) == r), p = ((y = e == null ? void 0 : e.find((m) => (m == null ? void 0 : m.id) == r)) == null ? void 0 : y.stories) ?? [];
   Sv(r, () => o(null)), bv({
     targets: [document],
     scroll: r ? "OFF" : "ON"
@@ -4982,34 +4985,34 @@ const xv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
     o(null), f.current = c;
   }, h = () => {
     if (!r) return null;
-    const m = p.map((y) => ({
+    const m = p.map((g) => ({
       type: "component",
-      component: ({ pause: P, resume: w, story: E, isPaused: R }) => (i(d == null ? void 0 : d.id, y.id), /* @__PURE__ */ S(Ma, { story: y })),
-      duration: y != null && y.duration ? (y == null ? void 0 : y.duration) * 1e3 : 7e3,
+      component: ({ pause: P, resume: w, story: V, isPaused: O }) => (i(d == null ? void 0 : d.id, g.id), /* @__PURE__ */ S(Ma, { story: g })),
+      duration: g != null && g.duration ? (g == null ? void 0 : g.duration) * 1e3 : 7e3,
       header: () => /* @__PURE__ */ S(
         Ia,
         {
           color: d == null ? void 0 : d.color,
           image: d == null ? void 0 : d.avatar,
-          story: y
+          story: g
         },
-        y == null ? void 0 : y.id
+        g == null ? void 0 : g.id
       )
     })), b = /* @__PURE__ */ S(
       Aa,
       {
         onClose: v,
         onOverlayClick: v,
-        onStoryChange: (y) => {
+        onStoryChange: (g) => {
         },
         onAllStoriesEnd: async () => {
           var w;
-          const y = f.current.findIndex(
-            (E) => E.id == r
+          const g = f.current.findIndex(
+            (V) => V.id == r
           ), P = f.current.filter(
-            (E) => E.id !== r
+            (V) => V.id !== r
           );
-          f.current = P, (w = f.current[y]) != null && w.id ? o(f.current[y].id) : (o(null), f.current = c);
+          f.current = P, (w = f.current[g]) != null && w.id ? o(f.current[g].id) : (o(null), f.current = c);
         },
         currentIndex: d ? u(d) : 0,
         stories: m
@@ -5018,7 +5021,7 @@ const xv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
     );
     return n ? ja.createPortal(b, document.body) : b;
   };
-  return /* @__PURE__ */ Z(Go, { children: [
+  return /* @__PURE__ */ K(Kn, { children: [
     /* @__PURE__ */ S(
       Vs,
       {
@@ -5026,7 +5029,7 @@ const xv = ({ className: t = "", data: e, isPortal: n = !0 }) => {
         scrollContainerClassName: sn.scrollContainerClassName,
         itemClassName: sn.itemClassName,
         children: c.map((m, b) => /* @__PURE__ */ S(
-          Kn,
+          Jn,
           {
             hasSeenAllStories: s(m),
             onProfileClick: () => a(m == null ? void 0 : m.id),
@@ -5077,7 +5080,7 @@ function Av() {
     });
   }, []);
   const n = (t == null ? void 0 : t[0]) ?? {}, r = (a = (o = t == null ? void 0 : t[0]) == null ? void 0 : o.stories) == null ? void 0 : a[0];
-  return /* @__PURE__ */ Z("div", { className: "App", children: [
+  return /* @__PURE__ */ K("div", { className: "App", children: [
     /* @__PURE__ */ S("h2", { children: "Perfil + Stories" }),
     /* @__PURE__ */ S("hr", {}),
     /* @__PURE__ */ S(xv, { data: t }),
@@ -5086,7 +5089,7 @@ function Av() {
     /* @__PURE__ */ S("hr", {}),
     /* @__PURE__ */ S("br", {}),
     /* @__PURE__ */ S(
-      Kn,
+      Jn,
       {
         color: "#119b62",
         image: Da,
@@ -5111,7 +5114,7 @@ function Av() {
             component: ({ pause: i, resume: s, story: u, isPaused: l }) => /* @__PURE__ */ S(
               Ma,
               {
-                story: r
+                story: { ...r, type: "betting" }
               }
             ),
             duration: r != null && r.duration ? (r == null ? void 0 : r.duration) * 1e3 : 7e3,
@@ -5133,7 +5136,7 @@ export {
   Ma as ManagmentStoryComponent,
   Av as MyStory,
   xv as ProfileStories,
-  Kn as ProfileStory,
+  Jn as ProfileStory,
   Ia as StoryHeaderPlayer,
   Aa as StoryPlayer
 };