@js-empire/emperor-ui 1.0.1 → 1.2.0

package/dist/index-C3mfrNCk.js

@@ -0,0 +1,1630 @@
+import { i as re, m as T, p as W, a as le, n as B, b as he, c as Ot, d as Ut, r as Ft, t as Nt, f as S, e as b, S as ce, g as Wt, h as E, j as z, k as Gt, l as P, o as M, q as H, s as tt, u as I, v as ue, w as de, L as me, x as fe, y as pe } from "./index-SRvFgjzo.js";
+import { A as zs, Z as Hs, B as $s, M as Xs, Q as Ys, R as Ks, N as qs, a7 as _s, P as Zs, z as Js, T as Qs, V as ti, al as ei, ad as si, aO as ii, aQ as ni, aS as oi, E as ai, aN as ri, a8 as li, ae as hi, U as ci, aK as ui, aM as di, aI as mi, aJ as fi, a0 as pi, a1 as gi, ah as yi, ao as vi, af as xi, $ as Pi, H as Ti, ag as Di, au as Si, _ as Ei, at as Vi, ai as Ai, aw as Li, av as Ri, aU as Ci, a9 as wi, aa as Mi, aH as Bi, ay as ji, I as ki, W as bi, X as Ii, az as Oi, aB as Ui, a6 as Fi, aX as Ni, aR as Wi, O as Gi, aC as zi, aA as Hi, aY as $i, C as Xi, D as Yi, am as Ki, aj as qi, F as _i, Y as Zi, a2 as Ji, aL as Qi, aV as tn, ap as en, a3 as sn, aE as nn, ab as on, ac as an, an as rn, aP as ln, aT as hn, ax as cn, as as un, a4 as dn, a5 as mn, ak as fn, aD as pn, J as gn, K as yn, aF as vn, aG as xn, aZ as Pn, aq as Tn, G as Dn, ar as Sn, a_ as En, aW as Vn } from "./index-SRvFgjzo.js";
+import { i as L, s as et, p as Z, c as ge, a as zt, g as ye, h as w, t as O, b as U, e as st, f as ve, j as xe, k as Pe, l as Te, m as Q, n as De, o as Se, q as Ht, r as Ee, u as Ve, v as Ae, w as Le, x as Re, y as Ce, z as it, A as we, F as $t, d as Me } from "./features-animation-D_Ss-HYx.js";
+import { D as Ln, Z as Rn, aw as Cn, ax as wn, J as Mn, N as Bn, E as jn, ay as kn, P as bn, Q as In, C as On, B as Un, aN as Fn, aF as Nn, a6 as Wn, aG as Gn, aO as zn, aP as Hn, aQ as $n, G as Xn, V as Yn, aK as Kn, az as qn, aR as _n, aS as Zn, a0 as Jn, aA as Qn, X as to, aT as eo, a1 as so, S as io, _ as no, aU as oo, aV as ao, aW as ro, a$ as lo, $ as ho, a7 as co, K as uo, L as mo, aj as fo, H as po, aB as go, a9 as yo, au as vo, R as xo, af as Po, ao as To, aZ as Do, a8 as So, a_ as Eo, Y as Vo, ad as Ao, ab as Lo, M as Ro, av as Co, T as wo, O as Mo, a2 as Bo, W as jo, aI as ko, aM as bo, aX as Io, ag as Oo, ak as Uo, ah as Fo, al as No, an as Wo, ai as Go, am as zo, ap as Ho, I as $o, ae as Xo, aa as Yo, aJ as Ko, aL as qo, aq as _o, aC as Zo, aY as Jo, ac as Qo, aD as ta, U as ea, a4 as sa, a3 as ia, a5 as na, ar as oa, as as aa, at as ra, aH as la, aE as ha } from "./features-animation-D_Ss-HYx.js";
+import { useContext as nt, Component as Be } from "react";
+function je(t) {
+  return t === "x" || t === "y" ? L[t] ? null : (L[t] = !0, () => {
+    L[t] = !1;
+  }) : L.x || L.y ? null : (L.x = L.y = !0, () => {
+    L.x = L.y = !1;
+  });
+}
+function Xt(t) {
+  return re(t) && "ownerSVGElement" in t;
+}
+function ke(t) {
+  return Xt(t) && t.tagName === "svg";
+}
+function ot(t, e) {
+  t.min = e.min, t.max = e.max;
+}
+function A(t, e) {
+  ot(t.x, e.x), ot(t.y, e.y);
+}
+function at(t, e) {
+  t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
+}
+const Yt = 1e-4, be = 1 - Yt, Ie = 1 + Yt, Kt = 0.01, Oe = 0 - Kt, Ue = 0 + Kt;
+function D(t) {
+  return t.max - t.min;
+}
+function Fe(t, e, i) {
+  return Math.abs(t - e) <= i;
+}
+function rt(t, e, i, n = 0.5) {
+  t.origin = n, t.originPoint = T(e.min, e.max, t.origin), t.scale = D(i) / D(e), t.translate = T(i.min, i.max, t.origin) - t.originPoint, (t.scale >= be && t.scale <= Ie || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Oe && t.translate <= Ue || isNaN(t.translate)) && (t.translate = 0);
+}
+function j(t, e, i, n) {
+  rt(t.x, e.x, i.x, n ? n.originX : void 0), rt(t.y, e.y, i.y, n ? n.originY : void 0);
+}
+function lt(t, e, i) {
+  t.min = i.min + e.min, t.max = t.min + D(e);
+}
+function Ne(t, e, i) {
+  lt(t.x, e.x, i.x), lt(t.y, e.y, i.y);
+}
+function ht(t, e, i) {
+  t.min = e.min - i.min, t.max = t.min + D(e);
+}
+function G(t, e, i) {
+  ht(t.x, e.x, i.x), ht(t.y, e.y, i.y);
+}
+function ct(t, e, i, n, r) {
+  return t -= e, t = et(t, 1 / i, n), r !== void 0 && (t = et(t, 1 / r, n)), t;
+}
+function We(t, e = 0, i = 1, n = 0.5, r, c = t, s = t) {
+  if (W.test(e) && (e = parseFloat(e), e = T(s.min, s.max, e / 100) - s.min), typeof e != "number")
+    return;
+  let o = T(c.min, c.max, n);
+  t === c && (o -= e), t.min = ct(t.min, e, i, o, r), t.max = ct(t.max, e, i, o, r);
+}
+function ut(t, e, [i, n, r], c, s) {
+  We(t, e[i], e[n], e[r], e.scale, c, s);
+}
+const Ge = ["x", "scaleX", "originX"], ze = ["y", "scaleY", "originY"];
+function dt(t, e, i, n) {
+  ut(t.x, e, Ge, i ? i.x : void 0, n ? n.x : void 0), ut(t.y, e, ze, i ? i.y : void 0, n ? n.y : void 0);
+}
+function mt(t) {
+  return t.translate === 0 && t.scale === 1;
+}
+function qt(t) {
+  return mt(t.x) && mt(t.y);
+}
+function ft(t, e) {
+  return t.min === e.min && t.max === e.max;
+}
+function He(t, e) {
+  return ft(t.x, e.x) && ft(t.y, e.y);
+}
+function pt(t, e) {
+  return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
+}
+function _t(t, e) {
+  return pt(t.x, e.x) && pt(t.y, e.y);
+}
+function gt(t) {
+  return D(t.x) / D(t.y);
+}
+function yt(t, e) {
+  return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
+}
+function V(t) {
+  return [t("x"), t("y")];
+}
+function $e(t, e, i) {
+  let n = "";
+  const r = t.x.translate / e.x, c = t.y.translate / e.y, s = i?.z || 0;
+  if ((r || c || s) && (n = `translate3d(${r}px, ${c}px, ${s}px) `), (e.x !== 1 || e.y !== 1) && (n += `scale(${1 / e.x}, ${1 / e.y}) `), i) {
+    const { transformPerspective: l, rotate: h, rotateX: u, rotateY: d, skewX: m, skewY: f } = i;
+    l && (n = `perspective(${l}px) ${n}`), h && (n += `rotate(${h}deg) `), u && (n += `rotateX(${u}deg) `), d && (n += `rotateY(${d}deg) `), m && (n += `skewX(${m}deg) `), f && (n += `skewY(${f}deg) `);
+  }
+  const o = t.x.scale * e.x, a = t.y.scale * e.y;
+  return (o !== 1 || a !== 1) && (n += `scale(${o}, ${a})`), n || "none";
+}
+const Zt = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Xe = Zt.length, vt = (t) => typeof t == "string" ? parseFloat(t) : t, xt = (t) => typeof t == "number" || le.test(t);
+function Ye(t, e, i, n, r, c) {
+  r ? (t.opacity = T(0, i.opacity ?? 1, Ke(n)), t.opacityExit = T(e.opacity ?? 1, 0, qe(n))) : c && (t.opacity = T(e.opacity ?? 1, i.opacity ?? 1, n));
+  for (let s = 0; s < Xe; s++) {
+    const o = `border${Zt[s]}Radius`;
+    let a = Pt(e, o), l = Pt(i, o);
+    if (a === void 0 && l === void 0)
+      continue;
+    a || (a = 0), l || (l = 0), a === 0 || l === 0 || xt(a) === xt(l) ? (t[o] = Math.max(T(vt(a), vt(l), n), 0), (W.test(l) || W.test(a)) && (t[o] += "%")) : t[o] = l;
+  }
+  (e.rotate || i.rotate) && (t.rotate = T(e.rotate || 0, i.rotate || 0, n));
+}
+function Pt(t, e) {
+  return t[e] !== void 0 ? t[e] : t.borderRadius;
+}
+const Ke = /* @__PURE__ */ Jt(0, 0.5, ge), qe = /* @__PURE__ */ Jt(0.5, 0.95, B);
+function Jt(t, e, i) {
+  return (n) => n < t ? 0 : n > e ? 1 : i(Z(t, e, n));
+}
+function _e(t, e, i) {
+  const n = he(t) ? t : Ot(t);
+  return n.start(zt("", n, e, i)), n.animation;
+}
+const Ze = (t, e) => t.depth - e.depth;
+class Je {
+  constructor() {
+    this.children = [], this.isDirty = !1;
+  }
+  add(e) {
+    Ut(this.children, e), this.isDirty = !0;
+  }
+  remove(e) {
+    Ft(this.children, e), this.isDirty = !0;
+  }
+  forEach(e) {
+    this.isDirty && this.children.sort(Ze), this.isDirty = !1, this.children.forEach(e);
+  }
+}
+function Qe(t, e) {
+  const i = Nt.now(), n = ({ timestamp: r }) => {
+    const c = r - i;
+    c >= e && (b(n), t(c - e));
+  };
+  return S.setup(n, !0), () => b(n);
+}
+class ts {
+  constructor() {
+    this.members = [];
+  }
+  add(e) {
+    Ut(this.members, e), e.scheduleRender();
+  }
+  remove(e) {
+    if (Ft(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+      const i = this.members[this.members.length - 1];
+      i && this.promote(i);
+    }
+  }
+  relegate(e) {
+    const i = this.members.findIndex((r) => e === r);
+    if (i === 0)
+      return !1;
+    let n;
+    for (let r = i; r >= 0; r--) {
+      const c = this.members[r];
+      if (c.isPresent !== !1) {
+        n = c;
+        break;
+      }
+    }
+    return n ? (this.promote(n), !0) : !1;
+  }
+  promote(e, i) {
+    const n = this.lead;
+    if (e !== n && (this.prevLead = n, this.lead = e, e.show(), n)) {
+      n.instance && n.scheduleRender(), e.scheduleRender(), e.resumeFrom = n, i && (e.resumeFrom.preserveOpacity = !0), n.snapshot && (e.snapshot = n.snapshot, e.snapshot.latestValues = n.animationValues || n.latestValues), e.root && e.root.isUpdating && (e.isLayoutDirty = !0);
+      const { crossfade: r } = e.options;
+      r === !1 && n.hide();
+    }
+  }
+  exitAnimationComplete() {
+    this.members.forEach((e) => {
+      const { options: i, resumingFrom: n } = e;
+      i.onExitComplete && i.onExitComplete(), n && n.options.onExitComplete && n.options.onExitComplete();
+    });
+  }
+  scheduleRender() {
+    this.members.forEach((e) => {
+      e.instance && e.scheduleRender(!1);
+    });
+  }
+  /**
+   * Clear any leads that have been removed this render to prevent them from being
+   * used in future animations and to prevent memory leaks
+   */
+  removeLeadSnapshot() {
+    this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
+  }
+}
+const N = {
+  /**
+   * Global flag as to whether the tree has animated since the last time
+   * we resized the window
+   */
+  hasAnimatedSinceResize: !0,
+  /**
+   * We set this to true once, on the first update. Any nodes added to the tree beyond that
+   * update will be given a `data-projection-id` attribute.
+   */
+  hasEverUpdated: !1
+}, $ = ["", "X", "Y", "Z"], es = 1e3;
+let ss = 0;
+function X(t, e, i, n) {
+  const { latestValues: r } = e;
+  r[t] && (i[t] = r[t], e.setStaticValue(t, 0), n && (n[t] = 0));
+}
+function Qt(t) {
+  if (t.hasCheckedOptimisedAppear = !0, t.root === t)
+    return;
+  const { visualElement: e } = t.options;
+  if (!e)
+    return;
+  const i = Te(e);
+  if (window.MotionHasOptimisedAnimation(i, "transform")) {
+    const { layout: r, layoutId: c } = t.options;
+    window.MotionCancelOptimisedAnimation(i, "transform", S, !(r || c));
+  }
+  const { parent: n } = t;
+  n && !n.hasCheckedOptimisedAppear && Qt(n);
+}
+function te({ attachResizeListener: t, defaultParent: e, measureScroll: i, checkIsScrollRoot: n, resetTransform: r }) {
+  return class {
+    constructor(s = {}, o = e?.()) {
+      this.id = ss++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+        this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
+      }, this.updateProjection = () => {
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(os), this.nodes.forEach(hs), this.nodes.forEach(cs), this.nodes.forEach(as);
+      }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = s, this.root = o ? o.root || o : this, this.path = o ? [...o.path, o] : [], this.parent = o, this.depth = o ? o.depth + 1 : 0;
+      for (let a = 0; a < this.path.length; a++)
+        this.path[a].shouldResetTransform = !0;
+      this.root === this && (this.nodes = new Je());
+    }
+    addEventListener(s, o) {
+      return this.eventHandlers.has(s) || this.eventHandlers.set(s, new ce()), this.eventHandlers.get(s).add(o);
+    }
+    notifyListeners(s, ...o) {
+      const a = this.eventHandlers.get(s);
+      a && a.notify(...o);
+    }
+    hasListeners(s) {
+      return this.eventHandlers.has(s);
+    }
+    /**
+     * Lifecycles
+     */
+    mount(s) {
+      if (this.instance)
+        return;
+      this.isSVG = Xt(s) && !ke(s), this.instance = s;
+      const { layoutId: o, layout: a, visualElement: l } = this.options;
+      if (l && !l.current && l.mount(s), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (a || o) && (this.isLayoutDirty = !0), t) {
+        let h, u = 0;
+        const d = () => this.root.updateBlockedByResize = !1;
+        S.read(() => {
+          u = window.innerWidth;
+        }), t(s, () => {
+          const m = window.innerWidth;
+          m !== u && (u = m, this.root.updateBlockedByResize = !0, h && h(), h = Qe(d, 250), N.hasAnimatedSinceResize && (N.hasAnimatedSinceResize = !1, this.nodes.forEach(St)));
+        });
+      }
+      o && this.root.registerSharedNode(o, this), this.options.animate !== !1 && l && (o || a) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: u, hasRelativeLayoutChanged: d, layout: m }) => {
+        if (this.isTreeAnimationBlocked()) {
+          this.target = void 0, this.relativeTarget = void 0;
+          return;
+        }
+        const f = this.options.transition || l.getDefaultTransition() || ps, { onLayoutAnimationStart: x, onLayoutAnimationComplete: p } = l.getProps(), g = !this.targetLayout || !_t(this.targetLayout, m), y = !u && d;
+        if (this.options.layoutRoot || this.resumeFrom || y || u && (g || !this.currentAnimation)) {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
+          const v = {
+            ...ye(f, "layout"),
+            onPlay: x,
+            onComplete: p
+          };
+          (l.shouldReduceMotion || this.options.layoutRoot) && (v.delay = 0, v.type = !1), this.startAnimation(v), this.setAnimationOrigin(h, y);
+        } else
+          u || St(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+        this.targetLayout = m;
+      });
+    }
+    unmount() {
+      this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
+      const s = this.getStack();
+      s && s.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), b(this.updateProjection);
+    }
+    // only on the root
+    blockUpdate() {
+      this.updateManuallyBlocked = !0;
+    }
+    unblockUpdate() {
+      this.updateManuallyBlocked = !1;
+    }
+    isUpdateBlocked() {
+      return this.updateManuallyBlocked || this.updateBlockedByResize;
+    }
+    isTreeAnimationBlocked() {
+      return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || !1;
+    }
+    // Note: currently only running on root node
+    startUpdate() {
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(us), this.animationId++);
+    }
+    getTransformTemplate() {
+      const { visualElement: s } = this.options;
+      return s && s.getProps().transformTemplate;
+    }
+    willUpdate(s = !0) {
+      if (this.root.hasTreeAnimated = !0, this.root.isUpdateBlocked()) {
+        this.options.onExitComplete && this.options.onExitComplete();
+        return;
+      }
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Qt(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+        return;
+      this.isLayoutDirty = !0;
+      for (let h = 0; h < this.path.length; h++) {
+        const u = this.path[h];
+        u.shouldResetTransform = !0, u.updateScroll("snapshot"), u.options.layoutRoot && u.willUpdate(!1);
+      }
+      const { layoutId: o, layout: a } = this.options;
+      if (o === void 0 && !a)
+        return;
+      const l = this.getTransformTemplate();
+      this.prevTransformTemplateValue = l ? l(this.latestValues, "") : void 0, this.updateSnapshot(), s && this.notifyListeners("willUpdate");
+    }
+    update() {
+      if (this.updateScheduled = !1, this.isUpdateBlocked()) {
+        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Tt);
+        return;
+      }
+      if (this.animationId <= this.animationCommitId) {
+        this.nodes.forEach(Dt);
+        return;
+      }
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(ls), this.nodes.forEach(is), this.nodes.forEach(ns)) : this.nodes.forEach(Dt), this.clearAllSnapshots();
+      const o = Nt.now();
+      E.delta = Wt(0, 1e3 / 60, o - E.timestamp), E.timestamp = o, E.isProcessing = !0, z.update.process(E), z.preRender.process(E), z.render.process(E), E.isProcessing = !1;
+    }
+    didUpdate() {
+      this.updateScheduled || (this.updateScheduled = !0, Gt.read(this.scheduleUpdate));
+    }
+    clearAllSnapshots() {
+      this.nodes.forEach(rs), this.sharedNodes.forEach(ds);
+    }
+    scheduleUpdateProjection() {
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, S.preRender(this.updateProjection, !1, !0));
+    }
+    scheduleCheckAfterUnmount() {
+      S.postRender(() => {
+        this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
+      });
+    }
+    /**
+     * Update measurements
+     */
+    updateSnapshot() {
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !D(this.snapshot.measuredBox.x) && !D(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+    }
+    updateLayout() {
+      if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
+        return;
+      if (this.resumeFrom && !this.resumeFrom.instance)
+        for (let a = 0; a < this.path.length; a++)
+          this.path[a].updateScroll();
+      const s = this.layout;
+      this.layout = this.measure(!1), this.layoutVersion++, this.layoutCorrected = P(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      const { visualElement: o } = this.options;
+      o && o.notify("LayoutMeasure", this.layout.layoutBox, s ? s.layoutBox : void 0);
+    }
+    updateScroll(s = "measure") {
+      let o = !!(this.options.layoutScroll && this.instance);
+      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === s && (o = !1), o && this.instance) {
+        const a = n(this.instance);
+        this.scroll = {
+          animationId: this.root.animationId,
+          phase: s,
+          isRoot: a,
+          offset: i(this.instance),
+          wasRoot: this.scroll ? this.scroll.isRoot : a
+        };
+      }
+    }
+    resetTransform() {
+      if (!r)
+        return;
+      const s = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, o = this.projectionDelta && !qt(this.projectionDelta), a = this.getTransformTemplate(), l = a ? a(this.latestValues, "") : void 0, h = l !== this.prevTransformTemplateValue;
+      s && this.instance && (o || w(this.latestValues) || h) && (r(this.instance, l), this.shouldResetTransform = !1, this.scheduleRender());
+    }
+    measure(s = !0) {
+      const o = this.measurePageBox();
+      let a = this.removeElementScroll(o);
+      return s && (a = this.removeTransform(a)), gs(a), {
+        animationId: this.root.animationId,
+        measuredBox: o,
+        layoutBox: a,
+        latestValues: {},
+        source: this.id
+      };
+    }
+    measurePageBox() {
+      const { visualElement: s } = this.options;
+      if (!s)
+        return P();
+      const o = s.measureViewportBox();
+      if (!(this.scroll?.wasRoot || this.path.some(ys))) {
+        const { scroll: l } = this.root;
+        l && (O(o.x, l.offset.x), O(o.y, l.offset.y));
+      }
+      return o;
+    }
+    removeElementScroll(s) {
+      const o = P();
+      if (A(o, s), this.scroll?.wasRoot)
+        return o;
+      for (let a = 0; a < this.path.length; a++) {
+        const l = this.path[a], { scroll: h, options: u } = l;
+        l !== this.root && h && u.layoutScroll && (h.wasRoot && A(o, s), O(o.x, h.offset.x), O(o.y, h.offset.y));
+      }
+      return o;
+    }
+    applyTransform(s, o = !1) {
+      const a = P();
+      A(a, s);
+      for (let l = 0; l < this.path.length; l++) {
+        const h = this.path[l];
+        !o && h.options.layoutScroll && h.scroll && h !== h.root && U(a, {
+          x: -h.scroll.offset.x,
+          y: -h.scroll.offset.y
+        }), w(h.latestValues) && U(a, h.latestValues);
+      }
+      return w(this.latestValues) && U(a, this.latestValues), a;
+    }
+    removeTransform(s) {
+      const o = P();
+      A(o, s);
+      for (let a = 0; a < this.path.length; a++) {
+        const l = this.path[a];
+        if (!l.instance || !w(l.latestValues))
+          continue;
+        st(l.latestValues) && l.updateSnapshot();
+        const h = P(), u = l.measurePageBox();
+        A(h, u), dt(o, l.latestValues, l.snapshot ? l.snapshot.layoutBox : void 0, h);
+      }
+      return w(this.latestValues) && dt(o, this.latestValues), o;
+    }
+    setTargetDelta(s) {
+      this.targetDelta = s, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
+    }
+    setOptions(s) {
+      this.options = {
+        ...this.options,
+        ...s,
+        crossfade: s.crossfade !== void 0 ? s.crossfade : !0
+      };
+    }
+    clearMeasurements() {
+      this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
+    }
+    forceRelativeParentToResolveTarget() {
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== E.timestamp && this.relativeParent.resolveTargetDelta(!0);
+    }
+    resolveTargetDelta(s = !1) {
+      const o = this.getLead();
+      this.isProjectionDirty || (this.isProjectionDirty = o.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = o.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = o.isSharedProjectionDirty);
+      const a = !!this.resumingFrom || this !== o;
+      if (!(s || a && this.isSharedProjectionDirty || this.isProjectionDirty || this.parent?.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
+        return;
+      const { layout: h, layoutId: u } = this.options;
+      if (!this.layout || !(h || u))
+        return;
+      this.resolvedRelativeTargetAt = E.timestamp;
+      const d = this.getClosestProjectingParent();
+      d && this.linkedParentVersion !== d.layoutVersion && !d.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (d && d.layout ? this.createRelativeTarget(d, this.layout.layoutBox, d.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = P(), this.targetWithTransforms = P()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Ne(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : A(this.target, this.layout.layoutBox), ve(this.target, this.targetDelta)) : A(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, d && !!d.resumingFrom == !!this.resumingFrom && !d.options.layoutScroll && d.target && this.animationProgress !== 1 ? this.createRelativeTarget(d, this.target, d.target) : this.relativeParent = this.relativeTarget = void 0));
+    }
+    getClosestProjectingParent() {
+      if (!(!this.parent || st(this.parent.latestValues) || xe(this.parent.latestValues)))
+        return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
+    }
+    isProjecting() {
+      return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
+    }
+    createRelativeTarget(s, o, a) {
+      this.relativeParent = s, this.linkedParentVersion = s.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = P(), this.relativeTargetOrigin = P(), G(this.relativeTargetOrigin, o, a), A(this.relativeTarget, this.relativeTargetOrigin);
+    }
+    removeRelativeTarget() {
+      this.relativeParent = this.relativeTarget = void 0;
+    }
+    calcProjection() {
+      const s = this.getLead(), o = !!this.resumingFrom || this !== s;
+      let a = !0;
+      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (a = !1), o && (this.isSharedProjectionDirty || this.isTransformDirty) && (a = !1), this.resolvedRelativeTargetAt === E.timestamp && (a = !1), a)
+        return;
+      const { layout: l, layoutId: h } = this.options;
+      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(l || h))
+        return;
+      A(this.layoutCorrected, this.layout.layoutBox);
+      const u = this.treeScale.x, d = this.treeScale.y;
+      Pe(this.layoutCorrected, this.treeScale, this.path, o), s.layout && !s.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (s.target = s.layout.layoutBox, s.targetWithTransforms = P());
+      const { target: m } = s;
+      if (!m) {
+        this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
+        return;
+      }
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (at(this.prevProjectionDelta.x, this.projectionDelta.x), at(this.prevProjectionDelta.y, this.projectionDelta.y)), j(this.projectionDelta, this.layoutCorrected, m, this.latestValues), (this.treeScale.x !== u || this.treeScale.y !== d || !yt(this.projectionDelta.x, this.prevProjectionDelta.x) || !yt(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", m));
+    }
+    hide() {
+      this.isVisible = !1;
+    }
+    show() {
+      this.isVisible = !0;
+    }
+    scheduleRender(s = !0) {
+      if (this.options.visualElement?.scheduleRender(), s) {
+        const o = this.getStack();
+        o && o.scheduleRender();
+      }
+      this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
+    }
+    createProjectionDeltas() {
+      this.prevProjectionDelta = M(), this.projectionDelta = M(), this.projectionDeltaWithTransform = M();
+    }
+    setAnimationOrigin(s, o = !1) {
+      const a = this.snapshot, l = a ? a.latestValues : {}, h = { ...this.latestValues }, u = M();
+      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !o;
+      const d = P(), m = a ? a.source : void 0, f = this.layout ? this.layout.source : void 0, x = m !== f, p = this.getStack(), g = !p || p.members.length <= 1, y = !!(x && !g && this.options.crossfade === !0 && !this.path.some(fs));
+      this.animationProgress = 0;
+      let v;
+      this.mixTargetDelta = (R) => {
+        const C = R / 1e3;
+        Et(u.x, s.x, C), Et(u.y, s.y, C), this.setTargetDelta(u), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (G(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), ms(this.relativeTarget, this.relativeTargetOrigin, d, C), v && He(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = P()), A(v, this.relativeTarget)), x && (this.animationValues = h, Ye(h, l, this.latestValues, C, y, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = C;
+      }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
+    }
+    startAnimation(s) {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (b(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = S.update(() => {
+        N.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Ot(0)), this.currentAnimation = _e(this.motionValue, [0, 1e3], {
+          ...s,
+          velocity: 0,
+          isSync: !0,
+          onUpdate: (o) => {
+            this.mixTargetDelta(o), s.onUpdate && s.onUpdate(o);
+          },
+          onStop: () => {
+          },
+          onComplete: () => {
+            s.onComplete && s.onComplete(), this.completeAnimation();
+          }
+        }), this.resumingFrom && (this.resumingFrom.currentAnimation = this.currentAnimation), this.pendingAnimation = void 0;
+      });
+    }
+    completeAnimation() {
+      this.resumingFrom && (this.resumingFrom.currentAnimation = void 0, this.resumingFrom.preserveOpacity = void 0);
+      const s = this.getStack();
+      s && s.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
+    }
+    finishAnimation() {
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(es), this.currentAnimation.stop()), this.completeAnimation();
+    }
+    applyTransformsToTarget() {
+      const s = this.getLead();
+      let { targetWithTransforms: o, target: a, layout: l, latestValues: h } = s;
+      if (!(!o || !a || !l)) {
+        if (this !== s && this.layout && l && ee(this.options.animationType, this.layout.layoutBox, l.layoutBox)) {
+          a = this.target || P();
+          const u = D(this.layout.layoutBox.x);
+          a.x.min = s.target.x.min, a.x.max = a.x.min + u;
+          const d = D(this.layout.layoutBox.y);
+          a.y.min = s.target.y.min, a.y.max = a.y.min + d;
+        }
+        A(o, a), U(o, h), j(this.projectionDeltaWithTransform, this.layoutCorrected, o, h);
+      }
+    }
+    registerSharedNode(s, o) {
+      this.sharedNodes.has(s) || this.sharedNodes.set(s, new ts()), this.sharedNodes.get(s).add(o);
+      const l = o.options.initialPromotionConfig;
+      o.promote({
+        transition: l ? l.transition : void 0,
+        preserveFollowOpacity: l && l.shouldPreserveFollowOpacity ? l.shouldPreserveFollowOpacity(o) : void 0
+      });
+    }
+    isLead() {
+      const s = this.getStack();
+      return s ? s.lead === this : !0;
+    }
+    getLead() {
+      const { layoutId: s } = this.options;
+      return s ? this.getStack()?.lead || this : this;
+    }
+    getPrevLead() {
+      const { layoutId: s } = this.options;
+      return s ? this.getStack()?.prevLead : void 0;
+    }
+    getStack() {
+      const { layoutId: s } = this.options;
+      if (s)
+        return this.root.sharedNodes.get(s);
+    }
+    promote({ needsReset: s, transition: o, preserveFollowOpacity: a } = {}) {
+      const l = this.getStack();
+      l && l.promote(this, a), s && (this.projectionDelta = void 0, this.needsReset = !0), o && this.setOptions({ transition: o });
+    }
+    relegate() {
+      const s = this.getStack();
+      return s ? s.relegate(this) : !1;
+    }
+    resetSkewAndRotation() {
+      const { visualElement: s } = this.options;
+      if (!s)
+        return;
+      let o = !1;
+      const { latestValues: a } = s;
+      if ((a.z || a.rotate || a.rotateX || a.rotateY || a.rotateZ || a.skewX || a.skewY) && (o = !0), !o)
+        return;
+      const l = {};
+      a.z && X("z", s, l, this.animationValues);
+      for (let h = 0; h < $.length; h++)
+        X(`rotate${$[h]}`, s, l, this.animationValues), X(`skew${$[h]}`, s, l, this.animationValues);
+      s.render();
+      for (const h in l)
+        s.setStaticValue(h, l[h]), this.animationValues && (this.animationValues[h] = l[h]);
+      s.scheduleRender();
+    }
+    applyProjectionStyles(s, o) {
+      if (!this.instance || this.isSVG)
+        return;
+      if (!this.isVisible) {
+        s.visibility = "hidden";
+        return;
+      }
+      const a = this.getTransformTemplate();
+      if (this.needsReset) {
+        this.needsReset = !1, s.visibility = "", s.opacity = "", s.pointerEvents = H(o?.pointerEvents) || "", s.transform = a ? a(this.latestValues, "") : "none";
+        return;
+      }
+      const l = this.getLead();
+      if (!this.projectionDelta || !this.layout || !l.target) {
+        this.options.layoutId && (s.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, s.pointerEvents = H(o?.pointerEvents) || ""), this.hasProjected && !w(this.latestValues) && (s.transform = a ? a({}, "") : "none", this.hasProjected = !1);
+        return;
+      }
+      s.visibility = "";
+      const h = l.animationValues || l.latestValues;
+      this.applyTransformsToTarget();
+      let u = $e(this.projectionDeltaWithTransform, this.treeScale, h);
+      a && (u = a(h, u)), s.transform = u;
+      const { x: d, y: m } = this.projectionDelta;
+      s.transformOrigin = `${d.origin * 100}% ${m.origin * 100}% 0`, l.animationValues ? s.opacity = l === this ? h.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : h.opacityExit : s.opacity = l === this ? h.opacity !== void 0 ? h.opacity : "" : h.opacityExit !== void 0 ? h.opacityExit : 0;
+      for (const f in tt) {
+        if (h[f] === void 0)
+          continue;
+        const { correct: x, applyTo: p, isCSSVariable: g } = tt[f], y = u === "none" ? h[f] : x(h[f], l);
+        if (p) {
+          const v = p.length;
+          for (let R = 0; R < v; R++)
+            s[p[R]] = y;
+        } else
+          g ? this.options.visualElement.renderState.vars[f] = y : s[f] = y;
+      }
+      this.options.layoutId && (s.pointerEvents = l === this ? H(o?.pointerEvents) || "" : "none");
+    }
+    clearSnapshot() {
+      this.resumeFrom = this.snapshot = void 0;
+    }
+    // Only run on root
+    resetTree() {
+      this.root.nodes.forEach((s) => s.currentAnimation?.stop()), this.root.nodes.forEach(Tt), this.root.sharedNodes.clear();
+    }
+  };
+}
+function is(t) {
+  t.updateLayout();
+}
+function ns(t) {
+  const e = t.resumeFrom?.snapshot || t.snapshot;
+  if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
+    const { layoutBox: i, measuredBox: n } = t.layout, { animationType: r } = t.options, c = e.source !== t.layout.source;
+    r === "size" ? V((h) => {
+      const u = c ? e.measuredBox[h] : e.layoutBox[h], d = D(u);
+      u.min = i[h].min, u.max = u.min + d;
+    }) : ee(r, e.layoutBox, i) && V((h) => {
+      const u = c ? e.measuredBox[h] : e.layoutBox[h], d = D(i[h]);
+      u.max = u.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + d);
+    });
+    const s = M();
+    j(s, i, e.layoutBox);
+    const o = M();
+    c ? j(o, t.applyTransform(n, !0), e.measuredBox) : j(o, i, e.layoutBox);
+    const a = !qt(s);
+    let l = !1;
+    if (!t.resumeFrom) {
+      const h = t.getClosestProjectingParent();
+      if (h && !h.resumeFrom) {
+        const { snapshot: u, layout: d } = h;
+        if (u && d) {
+          const m = P();
+          G(m, e.layoutBox, u.layoutBox);
+          const f = P();
+          G(f, i, d.layoutBox), _t(m, f) || (l = !0), h.options.layoutRoot && (t.relativeTarget = f, t.relativeTargetOrigin = m, t.relativeParent = h);
+        }
+      }
+    }
+    t.notifyListeners("didUpdate", {
+      layout: i,
+      snapshot: e,
+      delta: o,
+      layoutDelta: s,
+      hasLayoutChanged: a,
+      hasRelativeLayoutChanged: l
+    });
+  } else if (t.isLead()) {
+    const { onExitComplete: i } = t.options;
+    i && i();
+  }
+  t.options.transition = void 0;
+}
+function os(t) {
+  t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
+}
+function as(t) {
+  t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
+}
+function rs(t) {
+  t.clearSnapshot();
+}
+function Tt(t) {
+  t.clearMeasurements();
+}
+function Dt(t) {
+  t.isLayoutDirty = !1;
+}
+function ls(t) {
+  const { visualElement: e } = t.options;
+  e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
+}
+function St(t) {
+  t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
+}
+function hs(t) {
+  t.resolveTargetDelta();
+}
+function cs(t) {
+  t.calcProjection();
+}
+function us(t) {
+  t.resetSkewAndRotation();
+}
+function ds(t) {
+  t.removeLeadSnapshot();
+}
+function Et(t, e, i) {
+  t.translate = T(e.translate, 0, i), t.scale = T(e.scale, 1, i), t.origin = e.origin, t.originPoint = e.originPoint;
+}
+function Vt(t, e, i, n) {
+  t.min = T(e.min, i.min, n), t.max = T(e.max, i.max, n);
+}
+function ms(t, e, i, n) {
+  Vt(t.x, e.x, i.x, n), Vt(t.y, e.y, i.y, n);
+}
+function fs(t) {
+  return t.animationValues && t.animationValues.opacityExit !== void 0;
+}
+const ps = {
+  duration: 0.45,
+  ease: [0.4, 0, 0.1, 1]
+}, At = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Lt = At("applewebkit/") && !At("chrome/") ? Math.round : B;
+function Rt(t) {
+  t.min = Lt(t.min), t.max = Lt(t.max);
+}
+function gs(t) {
+  Rt(t.x), Rt(t.y);
+}
+function ee(t, e, i) {
+  return t === "position" || t === "preserve-aspect" && !Fe(gt(e), gt(i), 0.2);
+}
+function ys(t) {
+  return t !== t.root && t.scroll?.wasRoot;
+}
+const vs = te({
+  attachResizeListener: (t, e) => Q(t, "resize", e),
+  measureScroll: () => ({
+    x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,
+    y: document.documentElement.scrollTop || document.body?.scrollTop || 0
+  }),
+  checkIsScrollRoot: () => !0
+}), Y = {
+  current: void 0
+}, se = te({
+  measureScroll: (t) => ({
+    x: t.scrollLeft,
+    y: t.scrollTop
+  }),
+  defaultParent: () => {
+    if (!Y.current) {
+      const t = new vs({});
+      t.mount(window), t.setOptions({ layoutScroll: !0 }), Y.current = t;
+    }
+    return Y.current;
+  },
+  resetTransform: (t, e) => {
+    t.style.transform = e !== void 0 ? e : "none";
+  },
+  checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
+});
+function k(t, e, i, n) {
+  return Q(t, e, De(i), n);
+}
+const ie = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Ct = (t, e) => Math.abs(t - e);
+function xs(t, e) {
+  const i = Ct(t.x, e.x), n = Ct(t.y, e.y);
+  return Math.sqrt(i ** 2 + n ** 2);
+}
+const wt = /* @__PURE__ */ new Set(["auto", "scroll"]);
+class ne {
+  constructor(e, i, { transformPagePoint: n, contextWindow: r = window, dragSnapToOrigin: c = !1, distanceThreshold: s = 3, element: o } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (m) => {
+      this.handleScroll(m.target);
+    }, this.onWindowScroll = () => {
+      this.handleScroll(window);
+    }, this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const m = q(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, x = xs(m.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!f && !x)
+        return;
+      const { point: p } = m, { timestamp: g } = E;
+      this.history.push({ ...p, timestamp: g });
+      const { onStart: y, onMove: v } = this.handlers;
+      f || (y && y(this.lastMoveEvent, m), this.startEvent = this.lastMoveEvent), v && v(this.lastMoveEvent, m);
+    }, this.handlePointerMove = (m, f) => {
+      this.lastMoveEvent = m, this.lastMoveEventInfo = K(f, this.transformPagePoint), S.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (m, f) => {
+      this.end();
+      const { onEnd: x, onSessionEnd: p, resumeAnimation: g } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && g && g(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const y = q(m.type === "pointercancel" ? this.lastMoveEventInfo : K(f, this.transformPagePoint), this.history);
+      this.startEvent && x && x(m, y), p && p(m, y);
+    }, !Se(e))
+      return;
+    this.dragSnapToOrigin = c, this.handlers = i, this.transformPagePoint = n, this.distanceThreshold = s, this.contextWindow = r || window;
+    const a = Ht(e), l = K(a, this.transformPagePoint), { point: h } = l, { timestamp: u } = E;
+    this.history = [{ ...h, timestamp: u }];
+    const { onSessionStart: d } = i;
+    d && d(e, q(l, this.history)), this.removeListeners = Ee(k(this.contextWindow, "pointermove", this.handlePointerMove), k(this.contextWindow, "pointerup", this.handlePointerUp), k(this.contextWindow, "pointercancel", this.handlePointerUp)), o && this.startScrollTracking(o);
+  }
+  /**
+   * Start tracking scroll on ancestors and window.
+   */
+  startScrollTracking(e) {
+    let i = e.parentElement;
+    for (; i; ) {
+      const n = getComputedStyle(i);
+      (wt.has(n.overflowX) || wt.has(n.overflowY)) && this.scrollPositions.set(i, {
+        x: i.scrollLeft,
+        y: i.scrollTop
+      }), i = i.parentElement;
+    }
+    this.scrollPositions.set(window, {
+      x: window.scrollX,
+      y: window.scrollY
+    }), window.addEventListener("scroll", this.onElementScroll, {
+      capture: !0,
+      passive: !0
+    }), window.addEventListener("scroll", this.onWindowScroll, {
+      passive: !0
+    }), this.removeScrollListeners = () => {
+      window.removeEventListener("scroll", this.onElementScroll, {
+        capture: !0
+      }), window.removeEventListener("scroll", this.onWindowScroll);
+    };
+  }
+  /**
+   * Handle scroll compensation during drag.
+   *
+   * For element scroll: adjusts history origin since pageX/pageY doesn't change.
+   * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.
+   */
+  handleScroll(e) {
+    const i = this.scrollPositions.get(e);
+    if (!i)
+      return;
+    const n = e === window, r = n ? { x: window.scrollX, y: window.scrollY } : {
+      x: e.scrollLeft,
+      y: e.scrollTop
+    }, c = { x: r.x - i.x, y: r.y - i.y };
+    c.x === 0 && c.y === 0 || (n ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += c.x, this.lastMoveEventInfo.point.y += c.y) : this.history.length > 0 && (this.history[0].x -= c.x, this.history[0].y -= c.y), this.scrollPositions.set(e, r), S.update(this.updatePoint, !0));
+  }
+  updateHandlers(e) {
+    this.handlers = e;
+  }
+  end() {
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), b(this.updatePoint);
+  }
+}
+function K(t, e) {
+  return e ? { point: e(t.point) } : t;
+}
+function Mt(t, e) {
+  return { x: t.x - e.x, y: t.y - e.y };
+}
+function q({ point: t }, e) {
+  return {
+    point: t,
+    delta: Mt(t, oe(e)),
+    offset: Mt(t, Ps(e)),
+    velocity: Ts(e, 0.1)
+  };
+}
+function Ps(t) {
+  return t[0];
+}
+function oe(t) {
+  return t[t.length - 1];
+}
+function Ts(t, e) {
+  if (t.length < 2)
+    return { x: 0, y: 0 };
+  let i = t.length - 1, n = null;
+  const r = oe(t);
+  for (; i >= 0 && (n = t[i], !(r.timestamp - n.timestamp > Ve(e))); )
+    i--;
+  if (!n)
+    return { x: 0, y: 0 };
+  const c = Ae(r.timestamp - n.timestamp);
+  if (c === 0)
+    return { x: 0, y: 0 };
+  const s = {
+    x: (r.x - n.x) / c,
+    y: (r.y - n.y) / c
+  };
+  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
+}
+function Ds(t, { min: e, max: i }, n) {
+  return e !== void 0 && t < e ? t = n ? T(e, t, n.min) : Math.max(t, e) : i !== void 0 && t > i && (t = n ? T(i, t, n.max) : Math.min(t, i)), t;
+}
+function Bt(t, e, i) {
+  return {
+    min: e !== void 0 ? t.min + e : void 0,
+    max: i !== void 0 ? t.max + i - (t.max - t.min) : void 0
+  };
+}
+function Ss(t, { top: e, left: i, bottom: n, right: r }) {
+  return {
+    x: Bt(t.x, i, r),
+    y: Bt(t.y, e, n)
+  };
+}
+function jt(t, e) {
+  let i = e.min - t.min, n = e.max - t.max;
+  return e.max - e.min < t.max - t.min && ([i, n] = [n, i]), { min: i, max: n };
+}
+function Es(t, e) {
+  return {
+    x: jt(t.x, e.x),
+    y: jt(t.y, e.y)
+  };
+}
+function Vs(t, e) {
+  let i = 0.5;
+  const n = D(t), r = D(e);
+  return r > n ? i = Z(e.min, e.max - n, t.min) : n > r && (i = Z(t.min, t.max - r, e.min)), Wt(0, 1, i);
+}
+function As(t, e) {
+  const i = {};
+  return e.min !== void 0 && (i.min = e.min - t.min), e.max !== void 0 && (i.max = e.max - t.min), i;
+}
+const J = 0.35;
+function Ls(t = J) {
+  return t === !1 ? t = 0 : t === !0 && (t = J), {
+    x: kt(t, "left", "right"),
+    y: kt(t, "top", "bottom")
+  };
+}
+function kt(t, e, i) {
+  return {
+    min: bt(t, e),
+    max: bt(t, i)
+  };
+}
+function bt(t, e) {
+  return typeof t == "number" ? t : t[e] || 0;
+}
+const Rs = /* @__PURE__ */ new WeakMap();
+class Cs {
+  constructor(e) {
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = P(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
+  }
+  start(e, { snapToCursor: i = !1, distanceThreshold: n } = {}) {
+    const { presenceContext: r } = this.visualElement;
+    if (r && r.isPresent === !1)
+      return;
+    const c = (u) => {
+      i ? (this.stopAnimation(), this.snapToCursor(Ht(u).point)) : this.pauseAnimation();
+    }, s = (u, d) => {
+      this.stopAnimation();
+      const { drag: m, dragPropagation: f, onDragStart: x } = this.getProps();
+      if (m && !f && (this.openDragLock && this.openDragLock(), this.openDragLock = je(m), !this.openDragLock))
+        return;
+      this.latestPointerEvent = u, this.latestPanInfo = d, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), V((g) => {
+        let y = this.getAxisMotionValue(g).get() || 0;
+        if (W.test(y)) {
+          const { projection: v } = this.visualElement;
+          if (v && v.layout) {
+            const R = v.layout.layoutBox[g];
+            R && (y = D(R) * (parseFloat(y) / 100));
+          }
+        }
+        this.originPoint[g] = y;
+      }), x && S.postRender(() => x(u, d)), it(this.visualElement, "transform");
+      const { animationState: p } = this.visualElement;
+      p && p.setActive("whileDrag", !0);
+    }, o = (u, d) => {
+      this.latestPointerEvent = u, this.latestPanInfo = d;
+      const { dragPropagation: m, dragDirectionLock: f, onDirectionLock: x, onDrag: p } = this.getProps();
+      if (!m && !this.openDragLock)
+        return;
+      const { offset: g } = d;
+      if (f && this.currentDirection === null) {
+        this.currentDirection = ws(g), this.currentDirection !== null && x && x(this.currentDirection);
+        return;
+      }
+      this.updateAxis("x", d.point, g), this.updateAxis("y", d.point, g), this.visualElement.render(), p && p(u, d);
+    }, a = (u, d) => {
+      this.latestPointerEvent = u, this.latestPanInfo = d, this.stop(u, d), this.latestPointerEvent = null, this.latestPanInfo = null;
+    }, l = () => V((u) => this.getAnimationState(u) === "paused" && this.getAxisMotionValue(u).animation?.play()), { dragSnapToOrigin: h } = this.getProps();
+    this.panSession = new ne(e, {
+      onSessionStart: c,
+      onStart: s,
+      onMove: o,
+      onSessionEnd: a,
+      resumeAnimation: l
+    }, {
+      transformPagePoint: this.visualElement.getTransformPagePoint(),
+      dragSnapToOrigin: h,
+      distanceThreshold: n,
+      contextWindow: ie(this.visualElement),
+      element: this.visualElement.current
+    });
+  }
+  /**
+   * @internal
+   */
+  stop(e, i) {
+    const n = e || this.latestPointerEvent, r = i || this.latestPanInfo, c = this.isDragging;
+    if (this.cancel(), !c || !r || !n)
+      return;
+    const { velocity: s } = r;
+    this.startAnimation(s);
+    const { onDragEnd: o } = this.getProps();
+    o && S.postRender(() => o(n, r));
+  }
+  /**
+   * @internal
+   */
+  cancel() {
+    this.isDragging = !1;
+    const { projection: e, animationState: i } = this.visualElement;
+    e && (e.isAnimationBlocked = !1), this.endPanSession();
+    const { dragPropagation: n } = this.getProps();
+    !n && this.openDragLock && (this.openDragLock(), this.openDragLock = null), i && i.setActive("whileDrag", !1);
+  }
+  /**
+   * Clean up the pan session without modifying other drag state.
+   * This is used during unmount to ensure event listeners are removed
+   * without affecting projection animations or drag locks.
+   * @internal
+   */
+  endPanSession() {
+    this.panSession && this.panSession.end(), this.panSession = void 0;
+  }
+  updateAxis(e, i, n) {
+    const { drag: r } = this.getProps();
+    if (!n || !F(e, r, this.currentDirection))
+      return;
+    const c = this.getAxisMotionValue(e);
+    let s = this.originPoint[e] + n[e];
+    this.constraints && this.constraints[e] && (s = Ds(s, this.constraints[e], this.elastic[e])), c.set(s);
+  }
+  resolveConstraints() {
+    const { dragConstraints: e, dragElastic: i } = this.getProps(), n = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, r = this.constraints;
+    e && I(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && n ? this.constraints = Ss(n.layoutBox, e) : this.constraints = !1, this.elastic = Ls(i), r !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && V((c) => {
+      this.constraints !== !1 && this.getAxisMotionValue(c) && (this.constraints[c] = As(n.layoutBox[c], this.constraints[c]));
+    });
+  }
+  resolveRefConstraints() {
+    const { dragConstraints: e, onMeasureDragConstraints: i } = this.getProps();
+    if (!e || !I(e))
+      return !1;
+    const n = e.current;
+    ue(n !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    const { projection: r } = this.visualElement;
+    if (!r || !r.layout)
+      return !1;
+    const c = Le(n, r.root, this.visualElement.getTransformPagePoint());
+    let s = Es(r.layout.layoutBox, c);
+    if (i) {
+      const o = i(Re(s));
+      this.hasMutatedConstraints = !!o, o && (s = Ce(o));
+    }
+    return s;
+  }
+  startAnimation(e) {
+    const { drag: i, dragMomentum: n, dragElastic: r, dragTransition: c, dragSnapToOrigin: s, onDragTransitionEnd: o } = this.getProps(), a = this.constraints || {}, l = V((h) => {
+      if (!F(h, i, this.currentDirection))
+        return;
+      let u = a && a[h] || {};
+      s && (u = { min: 0, max: 0 });
+      const d = r ? 200 : 1e6, m = r ? 40 : 1e7, f = {
+        type: "inertia",
+        velocity: n ? e[h] : 0,
+        bounceStiffness: d,
+        bounceDamping: m,
+        timeConstant: 750,
+        restDelta: 1,
+        restSpeed: 10,
+        ...c,
+        ...u
+      };
+      return this.startAxisValueAnimation(h, f);
+    });
+    return Promise.all(l).then(o);
+  }
+  startAxisValueAnimation(e, i) {
+    const n = this.getAxisMotionValue(e);
+    return it(this.visualElement, e), n.start(zt(e, n, 0, i, this.visualElement, !1));
+  }
+  stopAnimation() {
+    V((e) => this.getAxisMotionValue(e).stop());
+  }
+  pauseAnimation() {
+    V((e) => this.getAxisMotionValue(e).animation?.pause());
+  }
+  getAnimationState(e) {
+    return this.getAxisMotionValue(e).animation?.state;
+  }
+  /**
+   * Drag works differently depending on which props are provided.
+   *
+   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
+   * - Otherwise, we apply the delta to the x/y motion values.
+   */
+  getAxisMotionValue(e) {
+    const i = `_drag${e.toUpperCase()}`, n = this.visualElement.getProps(), r = n[i];
+    return r || this.visualElement.getValue(e, (n.initial ? n.initial[e] : void 0) || 0);
+  }
+  snapToCursor(e) {
+    V((i) => {
+      const { drag: n } = this.getProps();
+      if (!F(i, n, this.currentDirection))
+        return;
+      const { projection: r } = this.visualElement, c = this.getAxisMotionValue(i);
+      if (r && r.layout) {
+        const { min: s, max: o } = r.layout.layoutBox[i], a = c.get() || 0;
+        c.set(e[i] - T(s, o, 0.5) + a);
+      }
+    });
+  }
+  /**
+   * When the viewport resizes we want to check if the measured constraints
+   * have changed and, if so, reposition the element within those new constraints
+   * relative to where it was before the resize.
+   */
+  scalePositionWithinConstraints() {
+    if (!this.visualElement.current)
+      return;
+    const { drag: e, dragConstraints: i } = this.getProps(), { projection: n } = this.visualElement;
+    if (!I(i) || !n || !this.constraints)
+      return;
+    this.stopAnimation();
+    const r = { x: 0, y: 0 };
+    V((s) => {
+      const o = this.getAxisMotionValue(s);
+      if (o && this.constraints !== !1) {
+        const a = o.get();
+        r[s] = Vs({ min: a, max: a }, this.constraints[s]);
+      }
+    });
+    const { transformTemplate: c } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = c ? c({}, "") : "none", n.root && n.root.updateScroll(), n.updateLayout(), this.resolveConstraints(), V((s) => {
+      if (!F(s, e, null))
+        return;
+      const o = this.getAxisMotionValue(s), { min: a, max: l } = this.constraints[s];
+      o.set(T(a, l, r[s]));
+    });
+  }
+  addListeners() {
+    if (!this.visualElement.current)
+      return;
+    Rs.set(this.visualElement, this);
+    const e = this.visualElement.current, i = k(e, "pointerdown", (a) => {
+      const { drag: l, dragListener: h = !0 } = this.getProps(), u = a.target, d = u !== e && we(u);
+      l && h && !d && this.start(a);
+    }), n = () => {
+      const { dragConstraints: a } = this.getProps();
+      I(a) && a.current && (this.constraints = this.resolveRefConstraints());
+    }, { projection: r } = this.visualElement, c = r.addEventListener("measure", n);
+    r && !r.layout && (r.root && r.root.updateScroll(), r.updateLayout()), S.read(n);
+    const s = Q(window, "resize", () => this.scalePositionWithinConstraints()), o = r.addEventListener("didUpdate", (({ delta: a, hasLayoutChanged: l }) => {
+      this.isDragging && l && (V((h) => {
+        const u = this.getAxisMotionValue(h);
+        u && (this.originPoint[h] += a[h].translate, u.set(u.get() + a[h].translate));
+      }), this.visualElement.render());
+    }));
+    return () => {
+      s(), i(), c(), o && o();
+    };
+  }
+  getProps() {
+    const e = this.visualElement.getProps(), { drag: i = !1, dragDirectionLock: n = !1, dragPropagation: r = !1, dragConstraints: c = !1, dragElastic: s = J, dragMomentum: o = !0 } = e;
+    return {
+      ...e,
+      drag: i,
+      dragDirectionLock: n,
+      dragPropagation: r,
+      dragConstraints: c,
+      dragElastic: s,
+      dragMomentum: o
+    };
+  }
+}
+function F(t, e, i) {
+  return (e === !0 || e === t) && (i === null || i === t);
+}
+function ws(t, e = 10) {
+  let i = null;
+  return Math.abs(t.y) > e ? i = "y" : Math.abs(t.x) > e && (i = "x"), i;
+}
+class Ms extends $t {
+  constructor(e) {
+    super(e), this.removeGroupControls = B, this.removeListeners = B, this.controls = new Cs(e);
+  }
+  mount() {
+    const { dragControls: e } = this.node.getProps();
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || B;
+  }
+  update() {
+    const { dragControls: e } = this.node.getProps(), { dragControls: i } = this.node.prevProps || {};
+    e !== i && (this.removeGroupControls(), e && (this.removeGroupControls = e.subscribe(this.controls)));
+  }
+  unmount() {
+    this.removeGroupControls(), this.removeListeners(), this.controls.endPanSession();
+  }
+}
+const It = (t) => (e, i) => {
+  t && S.postRender(() => t(e, i));
+};
+class Bs extends $t {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = B;
+  }
+  onPointerDown(e) {
+    this.session = new ne(e, this.createPanHandlers(), {
+      transformPagePoint: this.node.getTransformPagePoint(),
+      contextWindow: ie(this.node)
+    });
+  }
+  createPanHandlers() {
+    const { onPanSessionStart: e, onPanStart: i, onPan: n, onPanEnd: r } = this.node.getProps();
+    return {
+      onSessionStart: It(e),
+      onStart: It(i),
+      onMove: n,
+      onEnd: (c, s) => {
+        delete this.session, r && S.postRender(() => r(c, s));
+      }
+    };
+  }
+  mount() {
+    this.removePointerDownListener = k(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
+  }
+  update() {
+    this.session && this.session.updateHandlers(this.createPanHandlers());
+  }
+  unmount() {
+    this.removePointerDownListener(), this.session && this.session.end();
+  }
+}
+let _ = !1;
+class js extends Be {
+  /**
+   * This only mounts projection nodes for components that
+   * need measuring, we might want to do it for all components
+   * in order to incorporate transforms
+   */
+  componentDidMount() {
+    const { visualElement: e, layoutGroup: i, switchLayoutGroup: n, layoutId: r } = this.props, { projection: c } = e;
+    c && (i.group && i.group.add(c), n && n.register && r && n.register(c), _ && c.root.didUpdate(), c.addEventListener("animationComplete", () => {
+      this.safeToRemove();
+    }), c.setOptions({
+      ...c.options,
+      onExitComplete: () => this.safeToRemove()
+    })), N.hasEverUpdated = !0;
+  }
+  getSnapshotBeforeUpdate(e) {
+    const { layoutDependency: i, visualElement: n, drag: r, isPresent: c } = this.props, { projection: s } = n;
+    return s && (s.isPresent = c, _ = !0, r || e.layoutDependency !== i || i === void 0 || e.isPresent !== c ? s.willUpdate() : this.safeToRemove(), e.isPresent !== c && (c ? s.promote() : s.relegate() || S.postRender(() => {
+      const o = s.getStack();
+      (!o || !o.members.length) && this.safeToRemove();
+    }))), null;
+  }
+  componentDidUpdate() {
+    const { projection: e } = this.props.visualElement;
+    e && (e.root.didUpdate(), Gt.postRender(() => {
+      !e.currentAnimation && e.isLead() && this.safeToRemove();
+    }));
+  }
+  componentWillUnmount() {
+    const { visualElement: e, layoutGroup: i, switchLayoutGroup: n } = this.props, { projection: r } = e;
+    _ = !0, r && (r.scheduleCheckAfterUnmount(), i && i.group && i.group.remove(r), n && n.deregister && n.deregister(r));
+  }
+  safeToRemove() {
+    const { safeToRemove: e } = this.props;
+    e && e();
+  }
+  render() {
+    return null;
+  }
+}
+function ae(t) {
+  const [e, i] = de(), n = nt(me);
+  return fe.jsx(js, { ...t, layoutGroup: n, switchLayoutGroup: nt(pe), isPresent: e, safeToRemove: i });
+}
+const ks = {
+  pan: {
+    Feature: Bs
+  },
+  drag: {
+    Feature: Ms,
+    ProjectionNode: se,
+    MeasureLayout: ae
+  }
+}, bs = {
+  layout: {
+    ProjectionNode: se,
+    MeasureLayout: ae
+  }
+}, Ns = {
+  ...Me,
+  ...ks,
+  ...bs
+};
+export {
+  zs as AnimatePresence,
+  Ln as AsyncMotionValueAnimation,
+  Rn as DOMKeyframesResolver,
+  Cn as DOMVisualElement,
+  vs as DocumentProjectionNode,
+  $t as Feature,
+  Je as FlatTree,
+  se as HTMLProjectionNode,
+  wn as HTMLVisualElement,
+  Mn as JSAnimation,
+  Hs as KeyframeResolver,
+  me as LayoutGroupContext,
+  $s as LazyMotion,
+  Xs as MotionConfig,
+  Ys as MotionConfigContext,
+  Ks as MotionContext,
+  qs as MotionGlobalConfig,
+  _s as MotionValue,
+  Bn as NativeAnimation,
+  jn as NativeAnimationExtended,
+  ts as NodeStack,
+  Zs as PopChild,
+  Js as PresenceChild,
+  Qs as PresenceContext,
+  kn as SVGVisualElement,
+  ce as SubscriptionManager,
+  pe as SwitchLayoutGroupContext,
+  ti as VisualElement,
+  Q as addDomEvent,
+  k as addPointerEvent,
+  De as addPointerInfo,
+  Ut as addUniqueItem,
+  it as addValueToWillChange,
+  ei as alpha,
+  si as analyseComplexValue,
+  zt as animateMotionValue,
+  _e as animateSingleValue,
+  bn as animateTarget,
+  In as animateVariant,
+  On as animateVisualElement,
+  Un as animations,
+  Fn as anticipate,
+  Nn as applyAxisDelta,
+  ve as applyBoxDelta,
+  Wn as applyGeneratorOptions,
+  Gn as applyPointDelta,
+  Pe as applyTreeDeltas,
+  gt as aspectRatio,
+  yt as axisDeltaEquals,
+  ft as axisEquals,
+  pt as axisEqualsRounded,
+  zn as backIn,
+  Hn as backInOut,
+  $n as backOut,
+  He as boxEquals,
+  _t as boxEqualsRounded,
+  ii as buildHTMLStyles,
+  $e as buildProjectionTransform,
+  ni as buildSVGAttrs,
+  oi as buildSVGPath,
+  ai as buildTransform,
+  rt as calcAxisDelta,
+  j as calcBoxDelta,
+  Xn as calcChildStagger,
+  Yn as calcGeneratorDuration,
+  D as calcLength,
+  lt as calcRelativeAxis,
+  ht as calcRelativeAxisPosition,
+  Ne as calcRelativeBox,
+  G as calcRelativePosition,
+  Kn as camelCaseAttributes,
+  ri as camelToDash,
+  b as cancelFrame,
+  qn as checkVariantsDidChange,
+  _n as circIn,
+  Zn as circInOut,
+  ge as circOut,
+  Wt as clamp,
+  as as cleanDirtyNodes,
+  li as color,
+  Ze as compareByDepth,
+  hi as complex,
+  ci as containsCSSVariable,
+  Ce as convertBoundingBoxToBox,
+  Re as convertBoxToBoundingBox,
+  Jn as convertOffsetToTimes,
+  at as copyAxisDeltaInto,
+  ot as copyAxisInto,
+  A as copyBoxInto,
+  ui as correctBorderRadius,
+  di as correctBoxShadow,
+  Qn as createAnimationState,
+  mi as createAxis,
+  fi as createAxisDelta,
+  P as createBox,
+  M as createDelta,
+  to as createGeneratorEasing,
+  te as createProjectionNode,
+  pi as createRenderBatcher,
+  eo as cubicBezier,
+  so as cubicBezierAsString,
+  io as defaultEasing,
+  no as defaultOffset,
+  gi as defaultTransformValue,
+  yi as defaultValueTypes,
+  vi as degrees,
+  Qe as delay,
+  xi as dimensionValueTypes,
+  Ct as distance,
+  xs as distance2D,
+  Me as domAnimation,
+  Ns as domMax,
+  V as eachAxis,
+  oo as easeIn,
+  ao as easeInOut,
+  ro as easeOut,
+  lo as easingDefinitionToFunction,
+  ho as fillOffset,
+  Pi as fillWildcards,
+  Ti as filterProps,
+  Di as findDimensionValueType,
+  Si as findValueType,
+  Ei as flushKeyframeResolvers,
+  S as frame,
+  E as frameData,
+  z as frameSteps,
+  co as generateLinearEasing,
+  Vi as getAnimatableNone,
+  uo as getDefaultTransition,
+  Ai as getDefaultValueType,
+  Li as getFeatureDefinitions,
+  mo as getFinalKeyframe,
+  fo as getMixer,
+  Te as getOptimisedAppearId,
+  Ri as getValueAsType,
+  ye as getValueTransition,
+  po as getVariableValue,
+  go as getVariantContext,
+  N as globalProjectionState,
+  xe as has2DTranslate,
+  Ci as hasReducedMotionListener,
+  st as hasScale,
+  w as hasTransform,
+  wi as hex,
+  yo as hover,
+  Mi as hsla,
+  vo as hslaToRgba,
+  xo as inertia,
+  Bi as initPrefersReducedMotion,
+  Po as interpolate,
+  ue as invariant,
+  To as invisibleValues,
+  ji as isAnimationControls,
+  Do as isBezierDefinition,
+  ki as isBrowser,
+  bi as isCSSVariableName,
+  Ii as isCSSVariableToken,
+  Oi as isControllingVariants,
+  qt as isDeltaZero,
+  So as isDragActive,
+  L as isDragging,
+  Eo as isEasingArray,
+  we as isElementKeyboardAccessible,
+  Ui as isForcedMotionValue,
+  Vo as isGenerator,
+  Fi as isHTMLElement,
+  Ao as isKeyframesTarget,
+  he as isMotionValue,
+  Fe as isNear,
+  Lo as isNodeOrChild,
+  Ni as isNumericalString,
+  re as isObject,
+  Se as isPrimaryPointer,
+  Xt as isSVGElement,
+  ke as isSVGSVGElement,
+  Wi as isSVGTag,
+  Ro as isTransitionDefined,
+  Gi as isValidMotionProp,
+  zi as isVariantLabel,
+  Hi as isVariantNode,
+  Co as isWillChangeMotionValue,
+  $i as isZeroValueString,
+  wo as keyframes,
+  Xi as m,
+  Mo as makeAnimationInstant,
+  Yi as makeUseVisualState,
+  Bo as mapEasingToNativeEasing,
+  jo as maxGeneratorDuration,
+  Le as measurePageBox,
+  ko as measureViewportBox,
+  bo as memo,
+  Gt as microtask,
+  Ae as millisecondsToSeconds,
+  Io as mirrorEasing,
+  Oo as mix,
+  Uo as mixArray,
+  Fo as mixColor,
+  No as mixComplex,
+  Wo as mixImmediate,
+  Go as mixLinearColor,
+  T as mixNumber,
+  zo as mixObject,
+  Ye as mixValues,
+  Ho as mixVisibility,
+  Ot as motionValue,
+  B as noop,
+  Ki as number,
+  qi as numberValueTypes,
+  _i as optimizedAppearDataAttribute,
+  Zi as optimizedAppearDataId,
+  $o as parseCSSVariable,
+  Ji as parseValueFromTransform,
+  W as percent,
+  Ee as pipe,
+  Qi as pixelsToPercent,
+  Xo as positionalKeys,
+  tn as prefersReducedMotion,
+  Yo as press,
+  Z as progress,
+  en as progressPercentage,
+  os as propagateDirtyNodes,
+  le as px,
+  sn as readTransformValue,
+  We as removeAxisDelta,
+  ut as removeAxisTransforms,
+  dt as removeBoxTransforms,
+  Ft as removeItem,
+  ct as removePointDelta,
+  Ko as renderHTML,
+  qo as renderSVG,
+  _o as resolveElements,
+  H as resolveMotionValue,
+  Zo as resolveVariant,
+  nn as resolveVariantFromProps,
+  Jo as reverseEasing,
+  on as rgbUnit,
+  an as rgba,
+  Y as rootProjectionNode,
+  rn as scale,
+  tt as scaleCorrectors,
+  et as scalePoint,
+  ln as scrapeHTMLMotionValuesFromProps,
+  hn as scrapeSVGMotionValuesFromProps,
+  Ve as secondsToMilliseconds,
+  je as setDragLock,
+  cn as setFeatureDefinitions,
+  Qo as setStyle,
+  ta as setTarget,
+  ea as spring,
+  sa as startWaapiAnimation,
+  ia as supportedWaapiEasing,
+  na as supportsBrowserAnimation,
+  oa as supportsFlags,
+  aa as supportsLinearEasing,
+  ra as supportsScrollTimeline,
+  un as testValueType,
+  Nt as time,
+  la as transformAxis,
+  U as transformBox,
+  ha as transformBoxPoints,
+  dn as transformPropOrder,
+  mn as transformProps,
+  fn as transformValueTypes,
+  O as translateAxis,
+  pn as updateMotionValuesFromProps,
+  gn as useComposedRefs,
+  yn as useIsomorphicLayoutEffect,
+  de as usePresence,
+  vn as variantPriorityOrder,
+  xn as variantProps,
+  Pn as velocityPerSecond,
+  Tn as vh,
+  Dn as visualElementStore,
+  Sn as vw,
+  En as warnOnce,
+  Vn as warning
+};