@dogeos/dogeos-sdk 3.0.7-beta.3 → 3.0.7-beta.4

package/dist/index-BZt4TkSe.js

@@ -0,0 +1,1410 @@
+import { f as T, a as R, c as O, b as Ot, i as F, p as z, d as le, n as M, P as he, e as Ft, L as ce, S as ue, g as de, m as Nt, h as Gt, r as Wt, j as me, s as $, k as H, l as et } from "./index-UJLT6A17.js";
+import { A as Zi, q as Ki, M as Ji, z as Qi, y as ts, w as es, v as is, u as ss, C as os, E as ns, t as as, o as rs, D as ls, x as hs, F as cs, B as us } from "./index-UJLT6A17.js";
+import { i as fe, e as _t, p as pe, a as b, s as ge, m as ye, b as v, c as J, d as y, f as ve, g as xe, h as Pe, j as zt, k as it, l as $t, n as Te, F as Ht, o as st, q as De, r as ot, t as Xt, u as Se, S as Ee, v as Ae, w as V, x as N, y as G, z as nt, A as Re, B as Le, C as Ce, D as B, E as je, G as Ve } from "./features-animation-Dc6ZFmM3.js";
+import { K as ms, N as fs, V as ps, a4 as gs, H as ys, a2 as vs, P as xs, Q as Ps, R as Ts, T as Ds, U as Ss, W as Es, J as As, _ as Rs, X as Ls, Y as Cs, Z as js, M as Vs, a1 as Bs, a3 as Ms, $ as ws, O as ks, a0 as bs, L as Us, I as Is } from "./features-animation-Dc6ZFmM3.js";
+import { jsx as Be } from "react/jsx-runtime";
+import { useContext as Q, useId as Me, useEffect as we, useCallback as ke, Component as be } from "react";
+const at = (t, e) => Math.abs(t - e);
+function Ue(t, e) {
+  const i = at(t.x, e.x), o = at(t.y, e.y);
+  return Math.sqrt(i ** 2 + o ** 2);
+}
+class Yt {
+  constructor(e, i, { transformPagePoint: o, contextWindow: r, dragSnapToOrigin: u = !1 } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const c = Y(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, m = Ue(c.offset, { x: 0, y: 0 }) >= 3;
+      if (!d && !m)
+        return;
+      const { point: p } = c, { timestamp: f } = T;
+      this.history.push({ ...p, timestamp: f });
+      const { onStart: g, onMove: x } = this.handlers;
+      d || (g && g(this.lastMoveEvent, c), this.startEvent = this.lastMoveEvent), x && x(this.lastMoveEvent, c);
+    }, this.handlePointerMove = (c, d) => {
+      this.lastMoveEvent = c, this.lastMoveEventInfo = X(d, this.transformPagePoint), R.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (c, d) => {
+      this.end();
+      const { onEnd: m, onSessionEnd: p, resumeAnimation: f } = this.handlers;
+      if (this.dragSnapToOrigin && f && f(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const g = Y(c.type === "pointercancel" ? this.lastMoveEventInfo : X(d, this.transformPagePoint), this.history);
+      this.startEvent && m && m(c, g), p && p(c, g);
+    }, !fe(e))
+      return;
+    this.dragSnapToOrigin = u, this.handlers = i, this.transformPagePoint = o, this.contextWindow = r || window;
+    const s = _t(e), n = X(s, this.transformPagePoint), { point: a } = n, { timestamp: l } = T;
+    this.history = [{ ...a, timestamp: l }];
+    const { onSessionStart: h } = i;
+    h && h(e, Y(n, this.history)), this.removeListeners = pe(b(this.contextWindow, "pointermove", this.handlePointerMove), b(this.contextWindow, "pointerup", this.handlePointerUp), b(this.contextWindow, "pointercancel", this.handlePointerUp));
+  }
+  updateHandlers(e) {
+    this.handlers = e;
+  }
+  end() {
+    this.removeListeners && this.removeListeners(), O(this.updatePoint);
+  }
+}
+function X(t, e) {
+  return e ? { point: e(t.point) } : t;
+}
+function rt(t, e) {
+  return { x: t.x - e.x, y: t.y - e.y };
+}
+function Y({ point: t }, e) {
+  return {
+    point: t,
+    delta: rt(t, qt(e)),
+    offset: rt(t, Ie(e)),
+    velocity: Oe(e, 0.1)
+  };
+}
+function Ie(t) {
+  return t[0];
+}
+function qt(t) {
+  return t[t.length - 1];
+}
+function Oe(t, e) {
+  if (t.length < 2)
+    return { x: 0, y: 0 };
+  let i = t.length - 1, o = null;
+  const r = qt(t);
+  for (; i >= 0 && (o = t[i], !(r.timestamp - o.timestamp > ge(e))); )
+    i--;
+  if (!o)
+    return { x: 0, y: 0 };
+  const u = ye(r.timestamp - o.timestamp);
+  if (u === 0)
+    return { x: 0, y: 0 };
+  const s = {
+    x: (r.x - o.x) / u,
+    y: (r.y - o.y) / u
+  };
+  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
+}
+const Zt = 1e-4, Fe = 1 - Zt, Ne = 1 + Zt, Kt = 0.01, Ge = 0 - Kt, We = 0 + Kt;
+function D(t) {
+  return t.max - t.min;
+}
+function _e(t, e, i) {
+  return Math.abs(t - e) <= i;
+}
+function lt(t, e, i, o = 0.5) {
+  t.origin = o, t.originPoint = v(e.min, e.max, t.origin), t.scale = D(i) / D(e), t.translate = v(i.min, i.max, t.origin) - t.originPoint, (t.scale >= Fe && t.scale <= Ne || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Ge && t.translate <= We || isNaN(t.translate)) && (t.translate = 0);
+}
+function U(t, e, i, o) {
+  lt(t.x, e.x, i.x, o ? o.originX : void 0), lt(t.y, e.y, i.y, o ? o.originY : void 0);
+}
+function ht(t, e, i) {
+  t.min = i.min + e.min, t.max = t.min + D(e);
+}
+function ze(t, e, i) {
+  ht(t.x, e.x, i.x), ht(t.y, e.y, i.y);
+}
+function ct(t, e, i) {
+  t.min = e.min - i.min, t.max = t.min + D(e);
+}
+function I(t, e, i) {
+  ct(t.x, e.x, i.x), ct(t.y, e.y, i.y);
+}
+function $e(t, { min: e, max: i }, o) {
+  return e !== void 0 && t < e ? t = o ? v(e, t, o.min) : Math.max(t, e) : i !== void 0 && t > i && (t = o ? v(i, t, o.max) : Math.min(t, i)), t;
+}
+function ut(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 He(t, { top: e, left: i, bottom: o, right: r }) {
+  return {
+    x: ut(t.x, i, r),
+    y: ut(t.y, e, o)
+  };
+}
+function dt(t, e) {
+  let i = e.min - t.min, o = e.max - t.max;
+  return e.max - e.min < t.max - t.min && ([i, o] = [o, i]), { min: i, max: o };
+}
+function Xe(t, e) {
+  return {
+    x: dt(t.x, e.x),
+    y: dt(t.y, e.y)
+  };
+}
+function Ye(t, e) {
+  let i = 0.5;
+  const o = D(t), r = D(e);
+  return r > o ? i = J(e.min, e.max - o, t.min) : o > r && (i = J(t.min, t.max - r, e.min)), Ot(0, 1, i);
+}
+function qe(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 tt = 0.35;
+function Ze(t = tt) {
+  return t === !1 ? t = 0 : t === !0 && (t = tt), {
+    x: mt(t, "left", "right"),
+    y: mt(t, "top", "bottom")
+  };
+}
+function mt(t, e, i) {
+  return {
+    min: ft(t, e),
+    max: ft(t, i)
+  };
+}
+function ft(t, e) {
+  return typeof t == "number" ? t : t[e] || 0;
+}
+function A(t) {
+  return [t("x"), t("y")];
+}
+const Jt = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Ke = /* @__PURE__ */ new WeakMap();
+class Je {
+  constructor(e) {
+    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = y(), this.visualElement = e;
+  }
+  start(e, { snapToCursor: i = !1 } = {}) {
+    const { presenceContext: o } = this.visualElement;
+    if (o && o.isPresent === !1)
+      return;
+    const r = (h) => {
+      const { dragSnapToOrigin: c } = this.getProps();
+      c ? this.pauseAnimation() : this.stopAnimation(), i && this.snapToCursor(_t(h, "page").point);
+    }, u = (h, c) => {
+      var d;
+      const { drag: m, dragPropagation: p, onDragStart: f } = this.getProps();
+      if (m && !p && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = Te(m), !this.openGlobalLock))
+        return;
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), A((x) => {
+        let L = this.getAxisMotionValue(x).get() || 0;
+        if (z.test(L)) {
+          const { projection: P } = this.visualElement;
+          if (P && P.layout) {
+            const S = P.layout.layoutBox[x];
+            S && (L = D(S) * (parseFloat(L) / 100));
+          }
+        }
+        this.originPoint[x] = L;
+      }), f && R.postRender(() => f(h, c)), (d = this.removeWillChange) === null || d === void 0 || d.call(this), this.removeWillChange = it(this.visualElement, "transform");
+      const { animationState: g } = this.visualElement;
+      g && g.setActive("whileDrag", !0);
+    }, s = (h, c) => {
+      const { dragPropagation: d, dragDirectionLock: m, onDirectionLock: p, onDrag: f } = this.getProps();
+      if (!d && !this.openGlobalLock)
+        return;
+      const { offset: g } = c;
+      if (m && this.currentDirection === null) {
+        this.currentDirection = Qe(g), this.currentDirection !== null && p && p(this.currentDirection);
+        return;
+      }
+      this.updateAxis("x", c.point, g), this.updateAxis("y", c.point, g), this.visualElement.render(), f && f(h, c);
+    }, n = (h, c) => this.stop(h, c), a = () => A((h) => {
+      var c;
+      return this.getAnimationState(h) === "paused" && ((c = this.getAxisMotionValue(h).animation) === null || c === void 0 ? void 0 : c.play());
+    }), { dragSnapToOrigin: l } = this.getProps();
+    this.panSession = new Yt(e, {
+      onSessionStart: r,
+      onStart: u,
+      onMove: s,
+      onSessionEnd: n,
+      resumeAnimation: a
+    }, {
+      transformPagePoint: this.visualElement.getTransformPagePoint(),
+      dragSnapToOrigin: l,
+      contextWindow: Jt(this.visualElement)
+    });
+  }
+  stop(e, i) {
+    var o;
+    (o = this.removeWillChange) === null || o === void 0 || o.call(this);
+    const r = this.isDragging;
+    if (this.cancel(), !r)
+      return;
+    const { velocity: u } = i;
+    this.startAnimation(u);
+    const { onDragEnd: s } = this.getProps();
+    s && R.postRender(() => s(e, i));
+  }
+  cancel() {
+    this.isDragging = !1;
+    const { projection: e, animationState: i } = this.visualElement;
+    e && (e.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
+    const { dragPropagation: o } = this.getProps();
+    !o && this.openGlobalLock && (this.openGlobalLock(), this.openGlobalLock = null), i && i.setActive("whileDrag", !1);
+  }
+  updateAxis(e, i, o) {
+    const { drag: r } = this.getProps();
+    if (!o || !W(e, r, this.currentDirection))
+      return;
+    const u = this.getAxisMotionValue(e);
+    let s = this.originPoint[e] + o[e];
+    this.constraints && this.constraints[e] && (s = $e(s, this.constraints[e], this.elastic[e])), u.set(s);
+  }
+  resolveConstraints() {
+    var e;
+    const { dragConstraints: i, dragElastic: o } = this.getProps(), r = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (e = this.visualElement.projection) === null || e === void 0 ? void 0 : e.layout, u = this.constraints;
+    i && F(i) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : i && r ? this.constraints = He(r.layoutBox, i) : this.constraints = !1, this.elastic = Ze(o), u !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && A((s) => {
+      this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = qe(r.layoutBox[s], this.constraints[s]));
+    });
+  }
+  resolveRefConstraints() {
+    const { dragConstraints: e, onMeasureDragConstraints: i } = this.getProps();
+    if (!e || !F(e))
+      return !1;
+    const o = e.current;
+    le(o !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
+    const { projection: r } = this.visualElement;
+    if (!r || !r.layout)
+      return !1;
+    const u = ve(o, r.root, this.visualElement.getTransformPagePoint());
+    let s = Xe(r.layout.layoutBox, u);
+    if (i) {
+      const n = i(xe(s));
+      this.hasMutatedConstraints = !!n, n && (s = Pe(n));
+    }
+    return s;
+  }
+  startAnimation(e) {
+    const { drag: i, dragMomentum: o, dragElastic: r, dragTransition: u, dragSnapToOrigin: s, onDragTransitionEnd: n } = this.getProps(), a = this.constraints || {}, l = A((h) => {
+      if (!W(h, i, this.currentDirection))
+        return;
+      let c = a && a[h] || {};
+      s && (c = { min: 0, max: 0 });
+      const d = r ? 200 : 1e6, m = r ? 40 : 1e7, p = {
+        type: "inertia",
+        velocity: o ? e[h] : 0,
+        bounceStiffness: d,
+        bounceDamping: m,
+        timeConstant: 750,
+        restDelta: 1,
+        restSpeed: 10,
+        ...u,
+        ...c
+      };
+      return this.startAxisValueAnimation(h, p);
+    });
+    return Promise.all(l).then(n);
+  }
+  startAxisValueAnimation(e, i) {
+    const o = this.getAxisMotionValue(e);
+    return o.start(zt(e, o, 0, i, this.visualElement, !1, it(this.visualElement, e)));
+  }
+  stopAnimation() {
+    A((e) => this.getAxisMotionValue(e).stop());
+  }
+  pauseAnimation() {
+    A((e) => {
+      var i;
+      return (i = this.getAxisMotionValue(e).animation) === null || i === void 0 ? void 0 : i.pause();
+    });
+  }
+  getAnimationState(e) {
+    var i;
+    return (i = this.getAxisMotionValue(e).animation) === null || i === void 0 ? void 0 : i.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()}`, o = this.visualElement.getProps(), r = o[i];
+    return r || this.visualElement.getValue(e, (o.initial ? o.initial[e] : void 0) || 0);
+  }
+  snapToCursor(e) {
+    A((i) => {
+      const { drag: o } = this.getProps();
+      if (!W(i, o, this.currentDirection))
+        return;
+      const { projection: r } = this.visualElement, u = this.getAxisMotionValue(i);
+      if (r && r.layout) {
+        const { min: s, max: n } = r.layout.layoutBox[i];
+        u.set(e[i] - v(s, n, 0.5));
+      }
+    });
+  }
+  /**
+   * 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: o } = this.visualElement;
+    if (!F(i) || !o || !this.constraints)
+      return;
+    this.stopAnimation();
+    const r = { x: 0, y: 0 };
+    A((s) => {
+      const n = this.getAxisMotionValue(s);
+      if (n && this.constraints !== !1) {
+        const a = n.get();
+        r[s] = Ye({ min: a, max: a }, this.constraints[s]);
+      }
+    });
+    const { transformTemplate: u } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = u ? u({}, "") : "none", o.root && o.root.updateScroll(), o.updateLayout(), this.resolveConstraints(), A((s) => {
+      if (!W(s, e, null))
+        return;
+      const n = this.getAxisMotionValue(s), { min: a, max: l } = this.constraints[s];
+      n.set(v(a, l, r[s]));
+    });
+  }
+  addListeners() {
+    if (!this.visualElement.current)
+      return;
+    Ke.set(this.visualElement, this);
+    const e = this.visualElement.current, i = b(e, "pointerdown", (a) => {
+      const { drag: l, dragListener: h = !0 } = this.getProps();
+      l && h && this.start(a);
+    }), o = () => {
+      const { dragConstraints: a } = this.getProps();
+      F(a) && a.current && (this.constraints = this.resolveRefConstraints());
+    }, { projection: r } = this.visualElement, u = r.addEventListener("measure", o);
+    r && !r.layout && (r.root && r.root.updateScroll(), r.updateLayout()), R.read(o);
+    const s = $t(window, "resize", () => this.scalePositionWithinConstraints()), n = r.addEventListener("didUpdate", ({ delta: a, hasLayoutChanged: l }) => {
+      this.isDragging && l && (A((h) => {
+        const c = this.getAxisMotionValue(h);
+        c && (this.originPoint[h] += a[h].translate, c.set(c.get() + a[h].translate));
+      }), this.visualElement.render());
+    });
+    return () => {
+      s(), i(), u(), n && n();
+    };
+  }
+  getProps() {
+    const e = this.visualElement.getProps(), { drag: i = !1, dragDirectionLock: o = !1, dragPropagation: r = !1, dragConstraints: u = !1, dragElastic: s = tt, dragMomentum: n = !0 } = e;
+    return {
+      ...e,
+      drag: i,
+      dragDirectionLock: o,
+      dragPropagation: r,
+      dragConstraints: u,
+      dragElastic: s,
+      dragMomentum: n
+    };
+  }
+}
+function W(t, e, i) {
+  return (e === !0 || e === t) && (i === null || i === t);
+}
+function Qe(t, e = 10) {
+  let i = null;
+  return Math.abs(t.y) > e ? i = "y" : Math.abs(t.x) > e && (i = "x"), i;
+}
+class ti extends Ht {
+  constructor(e) {
+    super(e), this.removeGroupControls = M, this.removeListeners = M, this.controls = new Je(e);
+  }
+  mount() {
+    const { dragControls: e } = this.node.getProps();
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || M;
+  }
+  unmount() {
+    this.removeGroupControls(), this.removeListeners();
+  }
+}
+const pt = (t) => (e, i) => {
+  t && R.postRender(() => t(e, i));
+};
+class ei extends Ht {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = M;
+  }
+  onPointerDown(e) {
+    this.session = new Yt(e, this.createPanHandlers(), {
+      transformPagePoint: this.node.getTransformPagePoint(),
+      contextWindow: Jt(this.node)
+    });
+  }
+  createPanHandlers() {
+    const { onPanSessionStart: e, onPanStart: i, onPan: o, onPanEnd: r } = this.node.getProps();
+    return {
+      onSessionStart: pt(e),
+      onStart: pt(i),
+      onMove: o,
+      onEnd: (u, s) => {
+        delete this.session, r && R.postRender(() => r(u, s));
+      }
+    };
+  }
+  mount() {
+    this.removePointerDownListener = b(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
+  }
+  update() {
+    this.session && this.session.updateHandlers(this.createPanHandlers());
+  }
+  unmount() {
+    this.removePointerDownListener(), this.session && this.session.end();
+  }
+}
+function ii() {
+  const t = Q(he);
+  if (t === null)
+    return [!0, null];
+  const { isPresent: e, onExitComplete: i, register: o } = t, r = Me();
+  we(() => o(r), []);
+  const u = ke(() => i && i(r), [r, i]);
+  return !e && i ? [!1, u] : [!0];
+}
+const _ = {
+  /**
+   * 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
+};
+function gt(t, e) {
+  return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
+}
+const w = {
+  correct: (t, e) => {
+    if (!e.target)
+      return t;
+    if (typeof t == "string")
+      if (Ft.test(t))
+        t = parseFloat(t);
+      else
+        return t;
+    const i = gt(t, e.target.x), o = gt(t, e.target.y);
+    return `${i}% ${o}%`;
+  }
+}, si = {
+  correct: (t, { treeScale: e, projectionDelta: i }) => {
+    const o = t, r = st.parse(t);
+    if (r.length > 5)
+      return o;
+    const u = st.createTransformer(t), s = typeof r[0] != "number" ? 1 : 0, n = i.x.scale * e.x, a = i.y.scale * e.y;
+    r[0 + s] /= n, r[1 + s] /= a;
+    const l = v(n, a, 0.5);
+    return typeof r[2 + s] == "number" && (r[2 + s] /= l), typeof r[3 + s] == "number" && (r[3 + s] /= l), u(r);
+  }
+};
+class oi 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: o, layoutId: r } = this.props, { projection: u } = e;
+    de(ni), u && (i.group && i.group.add(u), o && o.register && r && o.register(u), u.root.didUpdate(), u.addEventListener("animationComplete", () => {
+      this.safeToRemove();
+    }), u.setOptions({
+      ...u.options,
+      onExitComplete: () => this.safeToRemove()
+    })), _.hasEverUpdated = !0;
+  }
+  getSnapshotBeforeUpdate(e) {
+    const { layoutDependency: i, visualElement: o, drag: r, isPresent: u } = this.props, s = o.projection;
+    return s && (s.isPresent = u, r || e.layoutDependency !== i || i === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== u && (u ? s.promote() : s.relegate() || R.postRender(() => {
+      const n = s.getStack();
+      (!n || !n.members.length) && this.safeToRemove();
+    }))), null;
+  }
+  componentDidUpdate() {
+    const { projection: e } = this.props.visualElement;
+    e && (e.root.didUpdate(), Nt.postRender(() => {
+      !e.currentAnimation && e.isLead() && this.safeToRemove();
+    }));
+  }
+  componentWillUnmount() {
+    const { visualElement: e, layoutGroup: i, switchLayoutGroup: o } = this.props, { projection: r } = e;
+    r && (r.scheduleCheckAfterUnmount(), i && i.group && i.group.remove(r), o && o.deregister && o.deregister(r));
+  }
+  safeToRemove() {
+    const { safeToRemove: e } = this.props;
+    e && e();
+  }
+  render() {
+    return null;
+  }
+}
+function Qt(t) {
+  const [e, i] = ii(), o = Q(ce);
+  return Be(oi, { ...t, layoutGroup: o, switchLayoutGroup: Q(ue), isPresent: e, safeToRemove: i });
+}
+const ni = {
+  borderRadius: {
+    ...w,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: w,
+  borderTopRightRadius: w,
+  borderBottomLeftRadius: w,
+  borderBottomRightRadius: w,
+  boxShadow: si
+}, te = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], ai = te.length, yt = (t) => typeof t == "string" ? parseFloat(t) : t, vt = (t) => typeof t == "number" || Ft.test(t);
+function ri(t, e, i, o, r, u) {
+  r ? (t.opacity = v(
+    0,
+    // TODO Reinstate this if only child
+    i.opacity !== void 0 ? i.opacity : 1,
+    li(o)
+  ), t.opacityExit = v(e.opacity !== void 0 ? e.opacity : 1, 0, hi(o))) : u && (t.opacity = v(e.opacity !== void 0 ? e.opacity : 1, i.opacity !== void 0 ? i.opacity : 1, o));
+  for (let s = 0; s < ai; s++) {
+    const n = `border${te[s]}Radius`;
+    let a = xt(e, n), l = xt(i, n);
+    if (a === void 0 && l === void 0)
+      continue;
+    a || (a = 0), l || (l = 0), a === 0 || l === 0 || vt(a) === vt(l) ? (t[n] = Math.max(v(yt(a), yt(l), o), 0), (z.test(l) || z.test(a)) && (t[n] += "%")) : t[n] = l;
+  }
+  (e.rotate || i.rotate) && (t.rotate = v(e.rotate || 0, i.rotate || 0, o));
+}
+function xt(t, e) {
+  return t[e] !== void 0 ? t[e] : t.borderRadius;
+}
+const li = /* @__PURE__ */ ee(0, 0.5, De), hi = /* @__PURE__ */ ee(0.5, 0.95, M);
+function ee(t, e, i) {
+  return (o) => o < t ? 0 : o > e ? 1 : i(J(t, e, o));
+}
+function Pt(t, e) {
+  t.min = e.min, t.max = e.max;
+}
+function E(t, e) {
+  Pt(t.x, e.x), Pt(t.y, e.y);
+}
+function Tt(t, e) {
+  t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
+}
+function Dt(t, e, i, o, r) {
+  return t -= e, t = ot(t, 1 / i, o), r !== void 0 && (t = ot(t, 1 / r, o)), t;
+}
+function ci(t, e = 0, i = 1, o = 0.5, r, u = t, s = t) {
+  if (z.test(e) && (e = parseFloat(e), e = v(s.min, s.max, e / 100) - s.min), typeof e != "number")
+    return;
+  let n = v(u.min, u.max, o);
+  t === u && (n -= e), t.min = Dt(t.min, e, i, n, r), t.max = Dt(t.max, e, i, n, r);
+}
+function St(t, e, [i, o, r], u, s) {
+  ci(t, e[i], e[o], e[r], e.scale, u, s);
+}
+const ui = ["x", "scaleX", "originX"], di = ["y", "scaleY", "originY"];
+function Et(t, e, i, o) {
+  St(t.x, e, ui, i ? i.x : void 0, o ? o.x : void 0), St(t.y, e, di, i ? i.y : void 0, o ? o.y : void 0);
+}
+function At(t) {
+  return t.translate === 0 && t.scale === 1;
+}
+function ie(t) {
+  return At(t.x) && At(t.y);
+}
+function Rt(t, e) {
+  return t.min === e.min && t.max === e.max;
+}
+function mi(t, e) {
+  return Rt(t.x, e.x) && Rt(t.y, e.y);
+}
+function Lt(t, e) {
+  return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
+}
+function se(t, e) {
+  return Lt(t.x, e.x) && Lt(t.y, e.y);
+}
+function Ct(t) {
+  return D(t.x) / D(t.y);
+}
+function jt(t, e) {
+  return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
+}
+class fi {
+  constructor() {
+    this.members = [];
+  }
+  add(e) {
+    Gt(this.members, e), e.scheduleRender();
+  }
+  remove(e) {
+    if (Wt(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 o;
+    for (let r = i; r >= 0; r--) {
+      const u = this.members[r];
+      if (u.isPresent !== !1) {
+        o = u;
+        break;
+      }
+    }
+    return o ? (this.promote(o), !0) : !1;
+  }
+  promote(e, i) {
+    const o = this.lead;
+    if (e !== o && (this.prevLead = o, this.lead = e, e.show(), o)) {
+      o.instance && o.scheduleRender(), e.scheduleRender(), e.resumeFrom = o, i && (e.resumeFrom.preserveOpacity = !0), o.snapshot && (e.snapshot = o.snapshot, e.snapshot.latestValues = o.animationValues || o.latestValues), e.root && e.root.isUpdating && (e.isLayoutDirty = !0);
+      const { crossfade: r } = e.options;
+      r === !1 && o.hide();
+    }
+  }
+  exitAnimationComplete() {
+    this.members.forEach((e) => {
+      const { options: i, resumingFrom: o } = e;
+      i.onExitComplete && i.onExitComplete(), o && o.options.onExitComplete && o.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);
+  }
+}
+function pi(t, e, i) {
+  let o = "";
+  const r = t.x.translate / e.x, u = t.y.translate / e.y, s = i?.z || 0;
+  if ((r || u || s) && (o = `translate3d(${r}px, ${u}px, ${s}px) `), (e.x !== 1 || e.y !== 1) && (o += `scale(${1 / e.x}, ${1 / e.y}) `), i) {
+    const { transformPerspective: l, rotate: h, rotateX: c, rotateY: d, skewX: m, skewY: p } = i;
+    l && (o = `perspective(${l}px) ${o}`), h && (o += `rotate(${h}deg) `), c && (o += `rotateX(${c}deg) `), d && (o += `rotateY(${d}deg) `), m && (o += `skewX(${m}deg) `), p && (o += `skewY(${p}deg) `);
+  }
+  const n = t.x.scale * e.x, a = t.y.scale * e.y;
+  return (n !== 1 || a !== 1) && (o += `scale(${n}, ${a})`), o || "none";
+}
+const gi = (t, e) => t.depth - e.depth;
+class yi {
+  constructor() {
+    this.children = [], this.isDirty = !1;
+  }
+  add(e) {
+    Gt(this.children, e), this.isDirty = !0;
+  }
+  remove(e) {
+    Wt(this.children, e), this.isDirty = !0;
+  }
+  forEach(e) {
+    this.isDirty && this.children.sort(gi), this.isDirty = !1, this.children.forEach(e);
+  }
+}
+function vi(t, e) {
+  const i = Xt.now(), o = ({ timestamp: r }) => {
+    const u = r - i;
+    u >= e && (O(o), t(u - e));
+  };
+  return R.read(o, !0), () => O(o);
+}
+function xi(t) {
+  return t instanceof SVGElement && t.tagName !== "svg";
+}
+function Pi(t, e, i) {
+  const o = me(t) ? t : Se(t);
+  return o.start(zt("", o, e, i)), o.animation;
+}
+const C = {
+  type: "projectionFrame",
+  totalNodes: 0,
+  resolvedTargetDeltas: 0,
+  recalculatedProjection: 0
+}, k = typeof window < "u" && window.MotionDebug !== void 0, q = ["", "X", "Y", "Z"], Ti = { visibility: "hidden" }, Vt = 1e3;
+let Di = 0;
+function Z(t, e, i, o) {
+  const { latestValues: r } = e;
+  r[t] && (i[t] = r[t], e.setStaticValue(t, 0), o && (o[t] = 0));
+}
+function oe(t) {
+  if (t.hasCheckedOptimisedAppear = !0, t.root === t)
+    return;
+  const { visualElement: e } = t.options;
+  if (!e)
+    return;
+  const i = je(e);
+  if (window.MotionHasOptimisedAnimation(i, "transform")) {
+    const { layout: r, layoutId: u } = t.options;
+    window.MotionCancelOptimisedAnimation(i, "transform", R, !(r || u));
+  }
+  const { parent: o } = t;
+  o && !o.hasCheckedOptimisedAppear && oe(o);
+}
+function ne({ attachResizeListener: t, defaultParent: e, measureScroll: i, checkIsScrollRoot: o, resetTransform: r }) {
+  return class {
+    constructor(s = {}, n = e?.()) {
+      this.id = Di++, this.animationId = 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.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+        this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
+      }, this.updateProjection = () => {
+        this.projectionUpdateScheduled = !1, k && (C.totalNodes = C.resolvedTargetDeltas = C.recalculatedProjection = 0), this.nodes.forEach(Ai), this.nodes.forEach(Vi), this.nodes.forEach(Bi), this.nodes.forEach(Ri), k && window.MotionDebug.record(C);
+      }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = s, this.root = n ? n.root || n : this, this.path = n ? [...n.path, n] : [], this.parent = n, this.depth = n ? n.depth + 1 : 0;
+      for (let a = 0; a < this.path.length; a++)
+        this.path[a].shouldResetTransform = !0;
+      this.root === this && (this.nodes = new yi());
+    }
+    addEventListener(s, n) {
+      return this.eventHandlers.has(s) || this.eventHandlers.set(s, new Ee()), this.eventHandlers.get(s).add(n);
+    }
+    notifyListeners(s, ...n) {
+      const a = this.eventHandlers.get(s);
+      a && a.notify(...n);
+    }
+    hasListeners(s) {
+      return this.eventHandlers.has(s);
+    }
+    /**
+     * Lifecycles
+     */
+    mount(s, n = this.root.hasTreeAnimated) {
+      if (this.instance)
+        return;
+      this.isSVG = xi(s), this.instance = s;
+      const { layoutId: a, layout: l, visualElement: h } = this.options;
+      if (h && !h.current && h.mount(s), this.root.nodes.add(this), this.parent && this.parent.children.add(this), n && (l || a) && (this.isLayoutDirty = !0), t) {
+        let c;
+        const d = () => this.root.updateBlockedByResize = !1;
+        t(s, () => {
+          this.root.updateBlockedByResize = !0, c && c(), c = vi(d, 250), _.hasAnimatedSinceResize && (_.hasAnimatedSinceResize = !1, this.nodes.forEach(Mt));
+        });
+      }
+      a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && h && (a || l) && this.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: d, hasRelativeTargetChanged: m, layout: p }) => {
+        if (this.isTreeAnimationBlocked()) {
+          this.target = void 0, this.relativeTarget = void 0;
+          return;
+        }
+        const f = this.options.transition || h.getDefaultTransition() || Ui, { onLayoutAnimationStart: g, onLayoutAnimationComplete: x } = h.getProps(), L = !this.targetLayout || !se(this.targetLayout, p) || m, P = !d && m;
+        if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || P || d && (L || !this.currentAnimation)) {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(c, P);
+          const S = {
+            ...Ae(f, "layout"),
+            onPlay: g,
+            onComplete: x
+          };
+          (h.shouldReduceMotion || this.options.layoutRoot) && (S.delay = 0, S.type = !1), this.startAnimation(S);
+        } else
+          d || Mt(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+        this.targetLayout = p;
+      });
+    }
+    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, O(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(Mi), 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 && oe(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+        return;
+      this.isLayoutDirty = !0;
+      for (let h = 0; h < this.path.length; h++) {
+        const c = this.path[h];
+        c.shouldResetTransform = !0, c.updateScroll("snapshot"), c.options.layoutRoot && c.willUpdate(!1);
+      }
+      const { layoutId: n, layout: a } = this.options;
+      if (n === 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(Bt);
+        return;
+      }
+      this.isUpdating || this.nodes.forEach(Ci), this.isUpdating = !1, this.nodes.forEach(ji), this.nodes.forEach(Si), this.nodes.forEach(Ei), this.clearAllSnapshots();
+      const n = Xt.now();
+      T.delta = Ot(0, 1e3 / 60, n - T.timestamp), T.timestamp = n, T.isProcessing = !0, $.update.process(T), $.preRender.process(T), $.render.process(T), T.isProcessing = !1;
+    }
+    didUpdate() {
+      this.updateScheduled || (this.updateScheduled = !0, Nt.read(this.scheduleUpdate));
+    }
+    clearAllSnapshots() {
+      this.nodes.forEach(Li), this.sharedNodes.forEach(wi);
+    }
+    scheduleUpdateProjection() {
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, R.preRender(this.updateProjection, !1, !0));
+    }
+    scheduleCheckAfterUnmount() {
+      R.postRender(() => {
+        this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
+      });
+    }
+    /**
+     * Update measurements
+     */
+    updateSnapshot() {
+      this.snapshot || !this.instance || (this.snapshot = this.measure());
+    }
+    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.layoutCorrected = y(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      const { visualElement: n } = this.options;
+      n && n.notify("LayoutMeasure", this.layout.layoutBox, s ? s.layoutBox : void 0);
+    }
+    updateScroll(s = "measure") {
+      let n = !!(this.options.layoutScroll && this.instance);
+      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === s && (n = !1), n) {
+        const a = o(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, n = this.projectionDelta && !ie(this.projectionDelta), a = this.getTransformTemplate(), l = a ? a(this.latestValues, "") : void 0, h = l !== this.prevTransformTemplateValue;
+      s && (n || V(this.latestValues) || h) && (r(this.instance, l), this.shouldResetTransform = !1, this.scheduleRender());
+    }
+    measure(s = !0) {
+      const n = this.measurePageBox();
+      let a = this.removeElementScroll(n);
+      return s && (a = this.removeTransform(a)), Ii(a), {
+        animationId: this.root.animationId,
+        measuredBox: n,
+        layoutBox: a,
+        latestValues: {},
+        source: this.id
+      };
+    }
+    measurePageBox() {
+      var s;
+      const { visualElement: n } = this.options;
+      if (!n)
+        return y();
+      const a = n.measureViewportBox();
+      if (!(((s = this.scroll) === null || s === void 0 ? void 0 : s.wasRoot) || this.path.some(Oi))) {
+        const { scroll: h } = this.root;
+        h && (N(a.x, h.offset.x), N(a.y, h.offset.y));
+      }
+      return a;
+    }
+    removeElementScroll(s) {
+      var n;
+      const a = y();
+      if (E(a, s), !((n = this.scroll) === null || n === void 0) && n.wasRoot)
+        return a;
+      for (let l = 0; l < this.path.length; l++) {
+        const h = this.path[l], { scroll: c, options: d } = h;
+        h !== this.root && c && d.layoutScroll && (c.wasRoot && E(a, s), N(a.x, c.offset.x), N(a.y, c.offset.y));
+      }
+      return a;
+    }
+    applyTransform(s, n = !1) {
+      const a = y();
+      E(a, s);
+      for (let l = 0; l < this.path.length; l++) {
+        const h = this.path[l];
+        !n && h.options.layoutScroll && h.scroll && h !== h.root && G(a, {
+          x: -h.scroll.offset.x,
+          y: -h.scroll.offset.y
+        }), V(h.latestValues) && G(a, h.latestValues);
+      }
+      return V(this.latestValues) && G(a, this.latestValues), a;
+    }
+    removeTransform(s) {
+      const n = y();
+      E(n, s);
+      for (let a = 0; a < this.path.length; a++) {
+        const l = this.path[a];
+        if (!l.instance || !V(l.latestValues))
+          continue;
+        nt(l.latestValues) && l.updateSnapshot();
+        const h = y(), c = l.measurePageBox();
+        E(h, c), Et(n, l.latestValues, l.snapshot ? l.snapshot.layoutBox : void 0, h);
+      }
+      return V(this.latestValues) && Et(n, this.latestValues), n;
+    }
+    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 !== T.timestamp && this.relativeParent.resolveTargetDelta(!0);
+    }
+    resolveTargetDelta(s = !1) {
+      var n;
+      const a = this.getLead();
+      this.isProjectionDirty || (this.isProjectionDirty = a.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = a.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = a.isSharedProjectionDirty);
+      const l = !!this.resumingFrom || this !== a;
+      if (!(s || l && this.isSharedProjectionDirty || this.isProjectionDirty || !((n = this.parent) === null || n === void 0) && n.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
+        return;
+      const { layout: c, layoutId: d } = this.options;
+      if (!(!this.layout || !(c || d))) {
+        if (this.resolvedRelativeTargetAt = T.timestamp, !this.targetDelta && !this.relativeTarget) {
+          const m = this.getClosestProjectingParent();
+          m && m.layout && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = y(), this.relativeTargetOrigin = y(), I(this.relativeTargetOrigin, this.layout.layoutBox, m.layout.layoutBox), E(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+        }
+        if (!(!this.relativeTarget && !this.targetDelta)) {
+          if (this.target || (this.target = y(), this.targetWithTransforms = y()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), ze(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : E(this.target, this.layout.layoutBox), Re(this.target, this.targetDelta)) : E(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+            this.attemptToResolveRelativeTarget = !1;
+            const m = this.getClosestProjectingParent();
+            m && !!m.resumingFrom == !!this.resumingFrom && !m.options.layoutScroll && m.target && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = y(), this.relativeTargetOrigin = y(), I(this.relativeTargetOrigin, this.target, m.target), E(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          }
+          k && C.resolvedTargetDeltas++;
+        }
+      }
+    }
+    getClosestProjectingParent() {
+      if (!(!this.parent || nt(this.parent.latestValues) || Le(this.parent.latestValues)))
+        return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
+    }
+    isProjecting() {
+      return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
+    }
+    calcProjection() {
+      var s;
+      const n = this.getLead(), a = !!this.resumingFrom || this !== n;
+      let l = !0;
+      if ((this.isProjectionDirty || !((s = this.parent) === null || s === void 0) && s.isProjectionDirty) && (l = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (l = !1), this.resolvedRelativeTargetAt === T.timestamp && (l = !1), l)
+        return;
+      const { layout: h, layoutId: c } = this.options;
+      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(h || c))
+        return;
+      E(this.layoutCorrected, this.layout.layoutBox);
+      const d = this.treeScale.x, m = this.treeScale.y;
+      Ce(this.layoutCorrected, this.treeScale, this.path, a), n.layout && !n.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (n.target = n.layout.layoutBox, n.targetWithTransforms = y());
+      const { target: p } = n;
+      if (!p) {
+        this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
+        return;
+      }
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Tt(this.prevProjectionDelta.x, this.projectionDelta.x), Tt(this.prevProjectionDelta.y, this.projectionDelta.y)), U(this.projectionDelta, this.layoutCorrected, p, this.latestValues), (this.treeScale.x !== d || this.treeScale.y !== m || !jt(this.projectionDelta.x, this.prevProjectionDelta.x) || !jt(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p)), k && C.recalculatedProjection++;
+    }
+    hide() {
+      this.isVisible = !1;
+    }
+    show() {
+      this.isVisible = !0;
+    }
+    scheduleRender(s = !0) {
+      var n;
+      if ((n = this.options.visualElement) === null || n === void 0 || n.scheduleRender(), s) {
+        const a = this.getStack();
+        a && a.scheduleRender();
+      }
+      this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
+    }
+    createProjectionDeltas() {
+      this.prevProjectionDelta = B(), this.projectionDelta = B(), this.projectionDeltaWithTransform = B();
+    }
+    setAnimationOrigin(s, n = !1) {
+      const a = this.snapshot, l = a ? a.latestValues : {}, h = { ...this.latestValues }, c = B();
+      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !n;
+      const d = y(), m = a ? a.source : void 0, p = this.layout ? this.layout.source : void 0, f = m !== p, g = this.getStack(), x = !g || g.members.length <= 1, L = !!(f && !x && this.options.crossfade === !0 && !this.path.some(bi));
+      this.animationProgress = 0;
+      let P;
+      this.mixTargetDelta = (S) => {
+        const j = S / 1e3;
+        wt(c.x, s.x, j), wt(c.y, s.y, j), this.setTargetDelta(c), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (I(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), ki(this.relativeTarget, this.relativeTargetOrigin, d, j), P && mi(this.relativeTarget, P) && (this.isProjectionDirty = !1), P || (P = y()), E(P, this.relativeTarget)), f && (this.animationValues = h, ri(h, l, this.latestValues, j, L, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = j;
+      }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
+    }
+    startAnimation(s) {
+      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (O(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = R.update(() => {
+        _.hasAnimatedSinceResize = !0, this.currentAnimation = Pi(0, Vt, {
+          ...s,
+          onUpdate: (n) => {
+            this.mixTargetDelta(n), s.onUpdate && s.onUpdate(n);
+          },
+          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(Vt), this.currentAnimation.stop()), this.completeAnimation();
+    }
+    applyTransformsToTarget() {
+      const s = this.getLead();
+      let { targetWithTransforms: n, target: a, layout: l, latestValues: h } = s;
+      if (!(!n || !a || !l)) {
+        if (this !== s && this.layout && l && ae(this.options.animationType, this.layout.layoutBox, l.layoutBox)) {
+          a = this.target || y();
+          const c = D(this.layout.layoutBox.x);
+          a.x.min = s.target.x.min, a.x.max = a.x.min + c;
+          const d = D(this.layout.layoutBox.y);
+          a.y.min = s.target.y.min, a.y.max = a.y.min + d;
+        }
+        E(n, a), G(n, h), U(this.projectionDeltaWithTransform, this.layoutCorrected, n, h);
+      }
+    }
+    registerSharedNode(s, n) {
+      this.sharedNodes.has(s) || this.sharedNodes.set(s, new fi()), this.sharedNodes.get(s).add(n);
+      const l = n.options.initialPromotionConfig;
+      n.promote({
+        transition: l ? l.transition : void 0,
+        preserveFollowOpacity: l && l.shouldPreserveFollowOpacity ? l.shouldPreserveFollowOpacity(n) : void 0
+      });
+    }
+    isLead() {
+      const s = this.getStack();
+      return s ? s.lead === this : !0;
+    }
+    getLead() {
+      var s;
+      const { layoutId: n } = this.options;
+      return n ? ((s = this.getStack()) === null || s === void 0 ? void 0 : s.lead) || this : this;
+    }
+    getPrevLead() {
+      var s;
+      const { layoutId: n } = this.options;
+      return n ? (s = this.getStack()) === null || s === void 0 ? void 0 : s.prevLead : void 0;
+    }
+    getStack() {
+      const { layoutId: s } = this.options;
+      if (s)
+        return this.root.sharedNodes.get(s);
+    }
+    promote({ needsReset: s, transition: n, preserveFollowOpacity: a } = {}) {
+      const l = this.getStack();
+      l && l.promote(this, a), s && (this.projectionDelta = void 0, this.needsReset = !0), n && this.setOptions({ transition: n });
+    }
+    relegate() {
+      const s = this.getStack();
+      return s ? s.relegate(this) : !1;
+    }
+    resetSkewAndRotation() {
+      const { visualElement: s } = this.options;
+      if (!s)
+        return;
+      let n = !1;
+      const { latestValues: a } = s;
+      if ((a.z || a.rotate || a.rotateX || a.rotateY || a.rotateZ || a.skewX || a.skewY) && (n = !0), !n)
+        return;
+      const l = {};
+      a.z && Z("z", s, l, this.animationValues);
+      for (let h = 0; h < q.length; h++)
+        Z(`rotate${q[h]}`, s, l, this.animationValues), Z(`skew${q[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();
+    }
+    getProjectionStyles(s) {
+      var n, a;
+      if (!this.instance || this.isSVG)
+        return;
+      if (!this.isVisible)
+        return Ti;
+      const l = {
+        visibility: ""
+      }, h = this.getTransformTemplate();
+      if (this.needsReset)
+        return this.needsReset = !1, l.opacity = "", l.pointerEvents = H(s?.pointerEvents) || "", l.transform = h ? h(this.latestValues, "") : "none", l;
+      const c = this.getLead();
+      if (!this.projectionDelta || !this.layout || !c.target) {
+        const f = {};
+        return this.options.layoutId && (f.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, f.pointerEvents = H(s?.pointerEvents) || ""), this.hasProjected && !V(this.latestValues) && (f.transform = h ? h({}, "") : "none", this.hasProjected = !1), f;
+      }
+      const d = c.animationValues || c.latestValues;
+      this.applyTransformsToTarget(), l.transform = pi(this.projectionDeltaWithTransform, this.treeScale, d), h && (l.transform = h(d, l.transform));
+      const { x: m, y: p } = this.projectionDelta;
+      l.transformOrigin = `${m.origin * 100}% ${p.origin * 100}% 0`, c.animationValues ? l.opacity = c === this ? (a = (n = d.opacity) !== null && n !== void 0 ? n : this.latestValues.opacity) !== null && a !== void 0 ? a : 1 : this.preserveOpacity ? this.latestValues.opacity : d.opacityExit : l.opacity = c === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
+      for (const f in et) {
+        if (d[f] === void 0)
+          continue;
+        const { correct: g, applyTo: x } = et[f], L = l.transform === "none" ? d[f] : g(d[f], c);
+        if (x) {
+          const P = x.length;
+          for (let S = 0; S < P; S++)
+            l[x[S]] = L;
+        } else
+          l[f] = L;
+      }
+      return this.options.layoutId && (l.pointerEvents = c === this ? H(s?.pointerEvents) || "" : "none"), l;
+    }
+    clearSnapshot() {
+      this.resumeFrom = this.snapshot = void 0;
+    }
+    // Only run on root
+    resetTree() {
+      this.root.nodes.forEach((s) => {
+        var n;
+        return (n = s.currentAnimation) === null || n === void 0 ? void 0 : n.stop();
+      }), this.root.nodes.forEach(Bt), this.root.sharedNodes.clear();
+    }
+  };
+}
+function Si(t) {
+  t.updateLayout();
+}
+function Ei(t) {
+  var e;
+  const i = ((e = t.resumeFrom) === null || e === void 0 ? void 0 : e.snapshot) || t.snapshot;
+  if (t.isLead() && t.layout && i && t.hasListeners("didUpdate")) {
+    const { layoutBox: o, measuredBox: r } = t.layout, { animationType: u } = t.options, s = i.source !== t.layout.source;
+    u === "size" ? A((c) => {
+      const d = s ? i.measuredBox[c] : i.layoutBox[c], m = D(d);
+      d.min = o[c].min, d.max = d.min + m;
+    }) : ae(u, i.layoutBox, o) && A((c) => {
+      const d = s ? i.measuredBox[c] : i.layoutBox[c], m = D(o[c]);
+      d.max = d.min + m, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[c].max = t.relativeTarget[c].min + m);
+    });
+    const n = B();
+    U(n, o, i.layoutBox);
+    const a = B();
+    s ? U(a, t.applyTransform(r, !0), i.measuredBox) : U(a, o, i.layoutBox);
+    const l = !ie(n);
+    let h = !1;
+    if (!t.resumeFrom) {
+      const c = t.getClosestProjectingParent();
+      if (c && !c.resumeFrom) {
+        const { snapshot: d, layout: m } = c;
+        if (d && m) {
+          const p = y();
+          I(p, i.layoutBox, d.layoutBox);
+          const f = y();
+          I(f, o, m.layoutBox), se(p, f) || (h = !0), c.options.layoutRoot && (t.relativeTarget = f, t.relativeTargetOrigin = p, t.relativeParent = c);
+        }
+      }
+    }
+    t.notifyListeners("didUpdate", {
+      layout: o,
+      snapshot: i,
+      delta: a,
+      layoutDelta: n,
+      hasLayoutChanged: l,
+      hasRelativeTargetChanged: h
+    });
+  } else if (t.isLead()) {
+    const { onExitComplete: o } = t.options;
+    o && o();
+  }
+  t.options.transition = void 0;
+}
+function Ai(t) {
+  k && C.totalNodes++, 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 Ri(t) {
+  t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
+}
+function Li(t) {
+  t.clearSnapshot();
+}
+function Bt(t) {
+  t.clearMeasurements();
+}
+function Ci(t) {
+  t.isLayoutDirty = !1;
+}
+function ji(t) {
+  const { visualElement: e } = t.options;
+  e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
+}
+function Mt(t) {
+  t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
+}
+function Vi(t) {
+  t.resolveTargetDelta();
+}
+function Bi(t) {
+  t.calcProjection();
+}
+function Mi(t) {
+  t.resetSkewAndRotation();
+}
+function wi(t) {
+  t.removeLeadSnapshot();
+}
+function wt(t, e, i) {
+  t.translate = v(e.translate, 0, i), t.scale = v(e.scale, 1, i), t.origin = e.origin, t.originPoint = e.originPoint;
+}
+function kt(t, e, i, o) {
+  t.min = v(e.min, i.min, o), t.max = v(e.max, i.max, o);
+}
+function ki(t, e, i, o) {
+  kt(t.x, e.x, i.x, o), kt(t.y, e.y, i.y, o);
+}
+function bi(t) {
+  return t.animationValues && t.animationValues.opacityExit !== void 0;
+}
+const Ui = {
+  duration: 0.45,
+  ease: [0.4, 0, 0.1, 1]
+}, bt = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ut = bt("applewebkit/") && !bt("chrome/") ? Math.round : M;
+function It(t) {
+  t.min = Ut(t.min), t.max = Ut(t.max);
+}
+function Ii(t) {
+  It(t.x), It(t.y);
+}
+function ae(t, e, i) {
+  return t === "position" || t === "preserve-aspect" && !_e(Ct(e), Ct(i), 0.2);
+}
+function Oi(t) {
+  var e;
+  return t !== t.root && ((e = t.scroll) === null || e === void 0 ? void 0 : e.wasRoot);
+}
+const Fi = ne({
+  attachResizeListener: (t, e) => $t(t, "resize", e),
+  measureScroll: () => ({
+    x: document.documentElement.scrollLeft || document.body.scrollLeft,
+    y: document.documentElement.scrollTop || document.body.scrollTop
+  }),
+  checkIsScrollRoot: () => !0
+}), K = {
+  current: void 0
+}, re = ne({
+  measureScroll: (t) => ({
+    x: t.scrollLeft,
+    y: t.scrollTop
+  }),
+  defaultParent: () => {
+    if (!K.current) {
+      const t = new Fi({});
+      t.mount(window), t.setOptions({ layoutScroll: !0 }), K.current = t;
+    }
+    return K.current;
+  },
+  resetTransform: (t, e) => {
+    t.style.transform = e !== void 0 ? e : "none";
+  },
+  checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
+}), Ni = {
+  pan: {
+    Feature: ei
+  },
+  drag: {
+    Feature: ti,
+    ProjectionNode: re,
+    MeasureLayout: Qt
+  }
+}, Gi = {
+  layout: {
+    ProjectionNode: re,
+    MeasureLayout: Qt
+  }
+}, Xi = {
+  ...Ve,
+  ...Ni,
+  ...Gi
+};
+export {
+  ms as AcceleratedAnimation,
+  Zi as AnimatePresence,
+  yi as FlatTree,
+  ce as LayoutGroupContext,
+  Ki as LazyMotion,
+  Ji as MotionConfig,
+  Qi as MotionConfigContext,
+  ts as MotionContext,
+  es as MotionGlobalConfig,
+  fs as MotionValue,
+  he as PresenceContext,
+  ue as SwitchLayoutGroupContext,
+  ps as VisualElement,
+  b as addPointerEvent,
+  gs as addPointerInfo,
+  de as addScaleCorrector,
+  ys as animateVisualElement,
+  vs as animations,
+  xs as anticipate,
+  Ps as backIn,
+  Ts as backInOut,
+  Ds as backOut,
+  is as buildTransform,
+  D as calcLength,
+  O as cancelFrame,
+  Ss as circIn,
+  Es as circInOut,
+  De as circOut,
+  Ot as clamp,
+  As as color,
+  st as complex,
+  y as createBox,
+  ss as createRendererMotionComponent,
+  Rs as cubicBezier,
+  vi as delay,
+  at as distance,
+  Ue as distance2D,
+  Ve as domAnimation,
+  Xi as domMax,
+  Ls as easeIn,
+  Cs as easeInOut,
+  js as easeOut,
+  os as filterProps,
+  Vs as findSpring,
+  R as frame,
+  T as frameData,
+  Bs as interpolate,
+  le as invariant,
+  ns as isBrowser,
+  Ms as isDragActive,
+  me as isMotionValue,
+  as as isValidMotionProp,
+  rs as m,
+  ls as makeUseVisualState,
+  ws as mirrorEasing,
+  ks as mix,
+  Se as motionValue,
+  hs as optimizedAppearDataAttribute,
+  pe as pipe,
+  J as progress,
+  Ft as px,
+  H as resolveMotionValue,
+  bs as reverseEasing,
+  Us as spring,
+  $ as steps,
+  cs as useIsomorphicLayoutEffect,
+  ii as usePresence,
+  Is as visualElementStore,
+  us as warning
+};