@veevarts/design-system 0.1.9 → 0.1.11

package/dist/index-B6amcMlO.js

@@ -1,1521 +0,0 @@
-import { i as V, a as re, b as Q, c as le, m as T, f as S, e as E, g as he, h as Ut, p as ce, j as k, s as ue, k as de, l as Z, n as Ot, o as P, q as I, r as fe, t as me, u as pe, v as tt, w as Ft, x as W, y as ye, z as ge, F as Nt, A as j, B as ve, L as xe, C as Pe, S as Te, D as Wt, E as De, G as Gt, H as zt, I as $t, J as Ht, K as Ee, M as Se, N as et, O as Ae, P as Le, Q as z, R as C, T as U, U as O, V as st, W as Ve, X as be, Y as Re, Z as w, _ as $, $ as it, a0 as Ce, d as we } from "./index-o78rLePm.js";
-import { a1 as Gs, aN as zs, b3 as $s, ar as Hs, aO as Xs, b4 as Ys, a4 as qs, a5 as Ks, a6 as _s, ao as Zs, ap as Js, ah as Qs, bK as ti, aP as ei, aQ as si, a2 as ii, a3 as ni, aq as oi, am as ai, ag as ri, bf as li, bZ as hi, bR as ci, ai as ui, a8 as di, ay as fi, bg as mi, az as pi, aA as yi, aB as gi, ak as vi, a$ as xi, aC as Pi, aD as Ti, bL as Di, bS as Ei, aT as Si, b8 as Ai, b1 as Li, bi as Vi, aE as bi, ba as Ri, aY as Ci, b6 as wi, bn as ji, bV as Mi, c0 as Bi, bT as ki, aF as Ii, aG as Ui, aH as Oi, aM as Fi, b7 as Ni, b9 as Wi, aa as Gi, bU as zi, c6 as $i, b5 as Hi, bh as Xi, c5 as Yi, bW as qi, bz as Ki, c7 as _i, aR as Zi, bM as Ji, bk as Qi, bN as tn, bO as en, aX as sn, bu as nn, bE as on, aK as an, ab as rn, aU as ln, aV as hn, bj as cn, aL as un, b2 as dn, bv as fn, bm as mn, at as pn, aj as yn, au as gn, aZ as vn, a7 as xn, aW as Pn, a9 as Tn, bb as Dn, b0 as En, av as Sn, aI as An, bw as Ln, bA as Vn, bx as bn, bB as Rn, bD as Cn, by as wn, bC as jn, bF as Mn, b_ as Bn, bX as kn, an as In, aS as Un, bo as On, br as Fn, bl as Nn, c1 as Wn, bp as Gn, bG as zn, aJ as $n, bP as Hn, bQ as Xn, b$ as Yn, bq as qn, a_ as Kn, bd as _n, bc as Zn, be as Jn, bH as Qn, bI as to, bJ as eo, c4 as so, bs as io, bt as no, bY as oo, ac as ao, ad as ro, ae as lo, af as ho, aw as co, c2 as uo, al as fo, c3 as mo, ax as po, as as yo } from "./index-o78rLePm.js";
-import { useContext as nt, Component as je } from "react";
-function Me(t) {
-  return t === "x" || t === "y" ? V[t] ? null : (V[t] = !0, () => {
-    V[t] = !1;
-  }) : V.x || V.y ? null : (V.x = V.y = !0, () => {
-    V.x = V.y = !1;
-  });
-}
-function Xt(t) {
-  return re(t) && "ownerSVGElement" in t;
-}
-function Be(t) {
-  return Xt(t) && t.tagName === "svg";
-}
-function M(t, e, i, n) {
-  return Q(t, e, le(i), n);
-}
-const Yt = 1e-4, ke = 1 - Yt, Ie = 1 + Yt, qt = 0.01, Ue = 0 - qt, Oe = 0 + qt;
-function D(t) {
-  return t.max - t.min;
-}
-function Fe(t, e, i) {
-  return Math.abs(t - e) <= i;
-}
-function ot(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 >= ke && t.scale <= Ie || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Ue && t.translate <= Oe || isNaN(t.translate)) && (t.translate = 0);
-}
-function B(t, e, i, n) {
-  ot(t.x, e.x, i.x, n ? n.originX : void 0), ot(t.y, e.y, i.y, n ? n.originY : void 0);
-}
-function at(t, e, i) {
-  t.min = i.min + e.min, t.max = t.min + D(e);
-}
-function Ne(t, e, i) {
-  at(t.x, e.x, i.x), at(t.y, e.y, i.y);
-}
-function rt(t, e, i) {
-  t.min = e.min - i.min, t.max = t.min + D(e);
-}
-function G(t, e, i) {
-  rt(t.x, e.x, i.x), rt(t.y, e.y, i.y);
-}
-function A(t) {
-  return [t("x"), t("y")];
-}
-const Kt = ({ current: t }) => t ? t.ownerDocument.defaultView : null, lt = (t, e) => Math.abs(t - e);
-function We(t, e) {
-  const i = lt(t.x, e.x), n = lt(t.y, e.y);
-  return Math.sqrt(i ** 2 + n ** 2);
-}
-const ht = /* @__PURE__ */ new Set(["auto", "scroll"]);
-class _t {
-  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 = (f) => {
-      this.handleScroll(f.target);
-    }, this.onWindowScroll = () => {
-      this.handleScroll(window);
-    }, this.updatePoint = () => {
-      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const f = X(this.lastMoveEventInfo, this.history), m = this.startEvent !== null, x = We(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!m && !x)
-        return;
-      const { point: p } = f, { timestamp: y } = S;
-      this.history.push({ ...p, timestamp: y });
-      const { onStart: g, onMove: v } = this.handlers;
-      m || (g && g(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), v && v(this.lastMoveEvent, f);
-    }, this.handlePointerMove = (f, m) => {
-      this.lastMoveEvent = f, this.lastMoveEventInfo = H(m, this.transformPagePoint), E.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (f, m) => {
-      this.end();
-      const { onEnd: x, onSessionEnd: p, resumeAnimation: y } = this.handlers;
-      if ((this.dragSnapToOrigin || !this.startEvent) && y && y(), !(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const g = X(f.type === "pointercancel" ? this.lastMoveEventInfo : H(m, this.transformPagePoint), this.history);
-      this.startEvent && x && x(f, g), p && p(f, g);
-    }, !he(e))
-      return;
-    this.dragSnapToOrigin = c, this.handlers = i, this.transformPagePoint = n, this.distanceThreshold = s, this.contextWindow = r || window;
-    const a = Ut(e), l = H(a, this.transformPagePoint), { point: h } = l, { timestamp: u } = S;
-    this.history = [{ ...h, timestamp: u }];
-    const { onSessionStart: d } = i;
-    d && d(e, X(l, this.history)), this.removeListeners = ce(M(this.contextWindow, "pointermove", this.handlePointerMove), M(this.contextWindow, "pointerup", this.handlePointerUp), M(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);
-      (ht.has(n.overflowX) || ht.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), E.update(this.updatePoint, !0));
-  }
-  updateHandlers(e) {
-    this.handlers = e;
-  }
-  end() {
-    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), k(this.updatePoint);
-  }
-}
-function H(t, e) {
-  return e ? { point: e(t.point) } : t;
-}
-function ct(t, e) {
-  return { x: t.x - e.x, y: t.y - e.y };
-}
-function X({ point: t }, e) {
-  return {
-    point: t,
-    delta: ct(t, Zt(e)),
-    offset: ct(t, Ge(e)),
-    velocity: ze(e, 0.1)
-  };
-}
-function Ge(t) {
-  return t[0];
-}
-function Zt(t) {
-  return t[t.length - 1];
-}
-function ze(t, e) {
-  if (t.length < 2)
-    return { x: 0, y: 0 };
-  let i = t.length - 1, n = null;
-  const r = Zt(t);
-  for (; i >= 0 && (n = t[i], !(r.timestamp - n.timestamp > ue(e))); )
-    i--;
-  if (!n)
-    return { x: 0, y: 0 };
-  const c = de(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 $e(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 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: n, right: r }) {
-  return {
-    x: ut(t.x, i, r),
-    y: ut(t.y, e, n)
-  };
-}
-function dt(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 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 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)), 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 J = 0.35;
-function Ke(t = J) {
-  return t === !1 ? t = 0 : t === !0 && (t = J), {
-    x: ft(t, "left", "right"),
-    y: ft(t, "top", "bottom")
-  };
-}
-function ft(t, e, i) {
-  return {
-    min: mt(t, e),
-    max: mt(t, i)
-  };
-}
-function mt(t, e) {
-  return typeof t == "number" ? t : t[e] || 0;
-}
-const _e = /* @__PURE__ */ new WeakMap();
-class Ze {
-  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(Ut(u).point)) : this.pauseAnimation();
-    }, s = (u, d) => {
-      this.stopAnimation();
-      const { drag: f, dragPropagation: m, onDragStart: x } = this.getProps();
-      if (f && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = Me(f), !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), A((y) => {
-        let g = this.getAxisMotionValue(y).get() || 0;
-        if (W.test(g)) {
-          const { projection: v } = this.visualElement;
-          if (v && v.layout) {
-            const b = v.layout.layoutBox[y];
-            b && (g = D(b) * (parseFloat(g) / 100));
-          }
-        }
-        this.originPoint[y] = g;
-      }), x && E.postRender(() => x(u, d)), tt(this.visualElement, "transform");
-      const { animationState: p } = this.visualElement;
-      p && p.setActive("whileDrag", !0);
-    }, o = (u, d) => {
-      this.latestPointerEvent = u, this.latestPanInfo = d;
-      const { dragPropagation: f, dragDirectionLock: m, onDirectionLock: x, onDrag: p } = this.getProps();
-      if (!f && !this.openDragLock)
-        return;
-      const { offset: y } = d;
-      if (m && this.currentDirection === null) {
-        this.currentDirection = Je(y), this.currentDirection !== null && x && x(this.currentDirection);
-        return;
-      }
-      this.updateAxis("x", d.point, y), this.updateAxis("y", d.point, y), 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 = () => A((u) => this.getAnimationState(u) === "paused" && this.getAxisMotionValue(u).animation?.play()), { dragSnapToOrigin: h } = this.getProps();
-    this.panSession = new _t(e, {
-      onSessionStart: c,
-      onStart: s,
-      onMove: o,
-      onSessionEnd: a,
-      resumeAnimation: l
-    }, {
-      transformPagePoint: this.visualElement.getTransformPagePoint(),
-      dragSnapToOrigin: h,
-      distanceThreshold: n,
-      contextWindow: Kt(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 && E.postRender(() => o(n, r));
-  }
-  /**
-   * @internal
-   */
-  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: n } = this.getProps();
-    !n && this.openDragLock && (this.openDragLock(), this.openDragLock = null), i && i.setActive("whileDrag", !1);
-  }
-  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 = $e(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 = He(n.layoutBox, e) : this.constraints = !1, this.elastic = Ke(i), r !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && A((c) => {
-      this.constraints !== !1 && this.getAxisMotionValue(c) && (this.constraints[c] = qe(n.layoutBox[c], this.constraints[c]));
-    });
-  }
-  resolveRefConstraints() {
-    const { dragConstraints: e, onMeasureDragConstraints: i } = this.getProps();
-    if (!e || !I(e))
-      return !1;
-    const n = e.current;
-    ye(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 = fe(n, r.root, this.visualElement.getTransformPagePoint());
-    let s = Xe(r.layout.layoutBox, c);
-    if (i) {
-      const o = i(me(s));
-      this.hasMutatedConstraints = !!o, o && (s = pe(o));
-    }
-    return s;
-  }
-  startAnimation(e) {
-    const { drag: i, dragMomentum: n, dragElastic: r, dragTransition: c, dragSnapToOrigin: s, onDragTransitionEnd: o } = this.getProps(), a = this.constraints || {}, l = A((h) => {
-      if (!F(h, i, this.currentDirection))
-        return;
-      let u = a && a[h] || {};
-      s && (u = { min: 0, max: 0 });
-      const d = r ? 200 : 1e6, f = r ? 40 : 1e7, m = {
-        type: "inertia",
-        velocity: n ? e[h] : 0,
-        bounceStiffness: d,
-        bounceDamping: f,
-        timeConstant: 750,
-        restDelta: 1,
-        restSpeed: 10,
-        ...c,
-        ...u
-      };
-      return this.startAxisValueAnimation(h, m);
-    });
-    return Promise.all(l).then(o);
-  }
-  startAxisValueAnimation(e, i) {
-    const n = this.getAxisMotionValue(e);
-    return tt(this.visualElement, e), n.start(Ft(e, n, 0, i, this.visualElement, !1));
-  }
-  stopAnimation() {
-    A((e) => this.getAxisMotionValue(e).stop());
-  }
-  pauseAnimation() {
-    A((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) {
-    A((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 };
-    A((s) => {
-      const o = this.getAxisMotionValue(s);
-      if (o && this.constraints !== !1) {
-        const a = o.get();
-        r[s] = Ye({ 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(), A((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;
-    _e.set(this.visualElement, this);
-    const e = this.visualElement.current, i = M(e, "pointerdown", (a) => {
-      const { drag: l, dragListener: h = !0 } = this.getProps();
-      l && h && !ge(a.target) && 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()), E.read(n);
-    const s = Q(window, "resize", () => this.scalePositionWithinConstraints()), o = r.addEventListener("didUpdate", (({ delta: a, hasLayoutChanged: l }) => {
-      this.isDragging && l && (A((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 Je(t, e = 10) {
-  let i = null;
-  return Math.abs(t.y) > e ? i = "y" : Math.abs(t.x) > e && (i = "x"), i;
-}
-class Qe extends Nt {
-  constructor(e) {
-    super(e), this.removeGroupControls = j, this.removeListeners = j, this.controls = new Ze(e);
-  }
-  mount() {
-    const { dragControls: e } = this.node.getProps();
-    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || j;
-  }
-  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();
-  }
-}
-const pt = (t) => (e, i) => {
-  t && E.postRender(() => t(e, i));
-};
-class ts extends Nt {
-  constructor() {
-    super(...arguments), this.removePointerDownListener = j;
-  }
-  onPointerDown(e) {
-    this.session = new _t(e, this.createPanHandlers(), {
-      transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: Kt(this.node)
-    });
-  }
-  createPanHandlers() {
-    const { onPanSessionStart: e, onPanStart: i, onPan: n, onPanEnd: r } = this.node.getProps();
-    return {
-      onSessionStart: pt(e),
-      onStart: pt(i),
-      onMove: n,
-      onEnd: (c, s) => {
-        delete this.session, r && E.postRender(() => r(c, s));
-      }
-    };
-  }
-  mount() {
-    this.removePointerDownListener = M(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
-  }
-  update() {
-    this.session && this.session.updateHandlers(this.createPanHandlers());
-  }
-  unmount() {
-    this.removePointerDownListener(), this.session && this.session.end();
-  }
-}
-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
-};
-let Y = !1;
-class es extends je {
-  /**
-   * 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), Y && 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, Y = !0, r || e.layoutDependency !== i || i === void 0 || e.isPresent !== c ? s.willUpdate() : this.safeToRemove(), e.isPresent !== c && (c ? s.promote() : s.relegate() || E.postRender(() => {
-      const o = s.getStack();
-      (!o || !o.members.length) && this.safeToRemove();
-    }))), null;
-  }
-  componentDidUpdate() {
-    const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), Wt.postRender(() => {
-      !e.currentAnimation && e.isLead() && this.safeToRemove();
-    }));
-  }
-  componentWillUnmount() {
-    const { visualElement: e, layoutGroup: i, switchLayoutGroup: n } = this.props, { projection: r } = e;
-    Y = !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 Jt(t) {
-  const [e, i] = ve(), n = nt(xe);
-  return Pe.jsx(es, { ...t, layoutGroup: n, switchLayoutGroup: nt(Te), isPresent: e, safeToRemove: i });
-}
-function ss(t, e, i) {
-  const n = De(t) ? t : Gt(t);
-  return n.start(Ft("", n, e, i)), n.animation;
-}
-const is = (t, e) => t.depth - e.depth;
-class ns {
-  constructor() {
-    this.children = [], this.isDirty = !1;
-  }
-  add(e) {
-    zt(this.children, e), this.isDirty = !0;
-  }
-  remove(e) {
-    $t(this.children, e), this.isDirty = !0;
-  }
-  forEach(e) {
-    this.isDirty && this.children.sort(is), this.isDirty = !1, this.children.forEach(e);
-  }
-}
-function os(t, e) {
-  const i = Ht.now(), n = ({ timestamp: r }) => {
-    const c = r - i;
-    c >= e && (k(n), t(c - e));
-  };
-  return E.setup(n, !0), () => k(n);
-}
-const Qt = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], as = Qt.length, yt = (t) => typeof t == "string" ? parseFloat(t) : t, gt = (t) => typeof t == "number" || Ee.test(t);
-function rs(t, e, i, n, r, c) {
-  r ? (t.opacity = T(0, i.opacity ?? 1, ls(n)), t.opacityExit = T(e.opacity ?? 1, 0, hs(n))) : c && (t.opacity = T(e.opacity ?? 1, i.opacity ?? 1, n));
-  for (let s = 0; s < as; s++) {
-    const o = `border${Qt[s]}Radius`;
-    let a = vt(e, o), l = vt(i, o);
-    if (a === void 0 && l === void 0)
-      continue;
-    a || (a = 0), l || (l = 0), a === 0 || l === 0 || gt(a) === gt(l) ? (t[o] = Math.max(T(yt(a), yt(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 vt(t, e) {
-  return t[e] !== void 0 ? t[e] : t.borderRadius;
-}
-const ls = /* @__PURE__ */ te(0, 0.5, Se), hs = /* @__PURE__ */ te(0.5, 0.95, j);
-function te(t, e, i) {
-  return (n) => n < t ? 0 : n > e ? 1 : i(Z(t, e, n));
-}
-function xt(t, e) {
-  t.min = e.min, t.max = e.max;
-}
-function L(t, e) {
-  xt(t.x, e.x), xt(t.y, e.y);
-}
-function Pt(t, e) {
-  t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
-}
-function Tt(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 cs(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 = Tt(t.min, e, i, o, r), t.max = Tt(t.max, e, i, o, r);
-}
-function Dt(t, e, [i, n, r], c, s) {
-  cs(t, e[i], e[n], e[r], e.scale, c, s);
-}
-const us = ["x", "scaleX", "originX"], ds = ["y", "scaleY", "originY"];
-function Et(t, e, i, n) {
-  Dt(t.x, e, us, i ? i.x : void 0, n ? n.x : void 0), Dt(t.y, e, ds, i ? i.y : void 0, n ? n.y : void 0);
-}
-function St(t) {
-  return t.translate === 0 && t.scale === 1;
-}
-function ee(t) {
-  return St(t.x) && St(t.y);
-}
-function At(t, e) {
-  return t.min === e.min && t.max === e.max;
-}
-function fs(t, e) {
-  return At(t.x, e.x) && At(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 Vt(t) {
-  return D(t.x) / D(t.y);
-}
-function bt(t, e) {
-  return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
-}
-class ms {
-  constructor() {
-    this.members = [];
-  }
-  add(e) {
-    zt(this.members, e), e.scheduleRender();
-  }
-  remove(e) {
-    if ($t(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);
-  }
-}
-function ps(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: f, skewY: m } = i;
-    l && (n = `perspective(${l}px) ${n}`), h && (n += `rotate(${h}deg) `), u && (n += `rotateX(${u}deg) `), d && (n += `rotateY(${d}deg) `), f && (n += `skewX(${f}deg) `), m && (n += `skewY(${m}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 q = ["", "X", "Y", "Z"], ys = 1e3;
-let gs = 0;
-function K(t, e, i, n) {
-  const { latestValues: r } = e;
-  r[t] && (i[t] = r[t], e.setStaticValue(t, 0), n && (n[t] = 0));
-}
-function ie(t) {
-  if (t.hasCheckedOptimisedAppear = !0, t.root === t)
-    return;
-  const { visualElement: e } = t.options;
-  if (!e)
-    return;
-  const i = Ce(e);
-  if (window.MotionHasOptimisedAnimation(i, "transform")) {
-    const { layout: r, layoutId: c } = t.options;
-    window.MotionCancelOptimisedAnimation(i, "transform", E, !(r || c));
-  }
-  const { parent: n } = t;
-  n && !n.hasCheckedOptimisedAppear && ie(n);
-}
-function ne({ attachResizeListener: t, defaultParent: e, measureScroll: i, checkIsScrollRoot: n, resetTransform: r }) {
-  return class {
-    constructor(s = {}, o = e?.()) {
-      this.id = gs++, 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(Ps), this.nodes.forEach(Ss), this.nodes.forEach(As), this.nodes.forEach(Ts);
-      }, 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 ns());
-    }
-    addEventListener(s, o) {
-      return this.eventHandlers.has(s) || this.eventHandlers.set(s, new Ae()), 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) && !Be(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;
-        E.read(() => {
-          u = window.innerWidth;
-        }), t(s, () => {
-          const f = window.innerWidth;
-          f !== u && (u = f, this.root.updateBlockedByResize = !0, h && h(), h = os(d, 250), N.hasAnimatedSinceResize && (N.hasAnimatedSinceResize = !1, this.nodes.forEach(wt)));
-        });
-      }
-      o && this.root.registerSharedNode(o, this), this.options.animate !== !1 && l && (o || a) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: u, hasRelativeLayoutChanged: d, layout: f }) => {
-        if (this.isTreeAnimationBlocked()) {
-          this.target = void 0, this.relativeTarget = void 0;
-          return;
-        }
-        const m = this.options.transition || l.getDefaultTransition() || Cs, { onLayoutAnimationStart: x, onLayoutAnimationComplete: p } = l.getProps(), y = !this.targetLayout || !se(this.targetLayout, f), g = !u && d;
-        if (this.options.layoutRoot || this.resumeFrom || g || u && (y || !this.currentAnimation)) {
-          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
-          const v = {
-            ...Le(m, "layout"),
-            onPlay: x,
-            onComplete: p
-          };
-          (l.shouldReduceMotion || this.options.layoutRoot) && (v.delay = 0, v.type = !1), this.startAnimation(v), this.setAnimationOrigin(h, g);
-        } else
-          u || wt(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
-        this.targetLayout = f;
-      });
-    }
-    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(), k(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(Ls), 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 && ie(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(Rt);
-        return;
-      }
-      if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach(Ct);
-        return;
-      }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Es), this.nodes.forEach(vs), this.nodes.forEach(xs)) : this.nodes.forEach(Ct), this.clearAllSnapshots();
-      const o = Ht.now();
-      S.delta = Ot(0, 1e3 / 60, o - S.timestamp), S.timestamp = o, S.isProcessing = !0, z.update.process(S), z.preRender.process(S), z.render.process(S), S.isProcessing = !1;
-    }
-    didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, Wt.read(this.scheduleUpdate));
-    }
-    clearAllSnapshots() {
-      this.nodes.forEach(Ds), this.sharedNodes.forEach(Vs);
-    }
-    scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, E.preRender(this.updateProjection, !1, !0));
-    }
-    scheduleCheckAfterUnmount() {
-      E.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 && !ee(this.projectionDelta), a = this.getTransformTemplate(), l = a ? a(this.latestValues, "") : void 0, h = l !== this.prevTransformTemplateValue;
-      s && this.instance && (o || C(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)), ws(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(js))) {
-        const { scroll: l } = this.root;
-        l && (U(o.x, l.offset.x), U(o.y, l.offset.y));
-      }
-      return o;
-    }
-    removeElementScroll(s) {
-      const o = P();
-      if (L(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 && L(o, s), U(o.x, h.offset.x), U(o.y, h.offset.y));
-      }
-      return o;
-    }
-    applyTransform(s, o = !1) {
-      const a = P();
-      L(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 && O(a, {
-          x: -h.scroll.offset.x,
-          y: -h.scroll.offset.y
-        }), C(h.latestValues) && O(a, h.latestValues);
-      }
-      return C(this.latestValues) && O(a, this.latestValues), a;
-    }
-    removeTransform(s) {
-      const o = P();
-      L(o, s);
-      for (let a = 0; a < this.path.length; a++) {
-        const l = this.path[a];
-        if (!l.instance || !C(l.latestValues))
-          continue;
-        st(l.latestValues) && l.updateSnapshot();
-        const h = P(), u = l.measurePageBox();
-        L(h, u), Et(o, l.latestValues, l.snapshot ? l.snapshot.layoutBox : void 0, h);
-      }
-      return C(this.latestValues) && Et(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 !== S.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 = S.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) : L(this.target, this.layout.layoutBox), Ve(this.target, this.targetDelta)) : L(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) || be(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), L(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 === S.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;
-      L(this.layoutCorrected, this.layout.layoutBox);
-      const u = this.treeScale.x, d = this.treeScale.y;
-      Re(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: f } = s;
-      if (!f) {
-        this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
-        return;
-      }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Pt(this.prevProjectionDelta.x, this.projectionDelta.x), Pt(this.prevProjectionDelta.y, this.projectionDelta.y)), B(this.projectionDelta, this.layoutCorrected, f, this.latestValues), (this.treeScale.x !== u || this.treeScale.y !== d || !bt(this.projectionDelta.x, this.prevProjectionDelta.x) || !bt(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", f));
-    }
-    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 = w(), this.projectionDelta = w(), this.projectionDeltaWithTransform = w();
-    }
-    setAnimationOrigin(s, o = !1) {
-      const a = this.snapshot, l = a ? a.latestValues : {}, h = { ...this.latestValues }, u = w();
-      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !o;
-      const d = P(), f = a ? a.source : void 0, m = this.layout ? this.layout.source : void 0, x = f !== m, p = this.getStack(), y = !p || p.members.length <= 1, g = !!(x && !y && this.options.crossfade === !0 && !this.path.some(Rs));
-      this.animationProgress = 0;
-      let v;
-      this.mixTargetDelta = (b) => {
-        const R = b / 1e3;
-        jt(u.x, s.x, R), jt(u.y, s.y, R), this.setTargetDelta(u), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (G(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), bs(this.relativeTarget, this.relativeTargetOrigin, d, R), v && fs(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = P()), L(v, this.relativeTarget)), x && (this.animationValues = h, rs(h, l, this.latestValues, R, g, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = R;
-      }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
-    }
-    startAnimation(s) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (k(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = E.update(() => {
-        N.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Gt(0)), this.currentAnimation = ss(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(ys), 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 && oe(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;
-        }
-        L(o, a), O(o, h), B(this.projectionDeltaWithTransform, this.layoutCorrected, o, h);
-      }
-    }
-    registerSharedNode(s, o) {
-      this.sharedNodes.has(s) || this.sharedNodes.set(s, new ms()), 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 && K("z", s, l, this.animationValues);
-      for (let h = 0; h < q.length; h++)
-        K(`rotate${q[h]}`, s, l, this.animationValues), K(`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();
-    }
-    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 = $(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 = $(o?.pointerEvents) || ""), this.hasProjected && !C(this.latestValues) && (s.transform = a ? a({}, "") : "none", this.hasProjected = !1);
-        return;
-      }
-      s.visibility = "";
-      const h = l.animationValues || l.latestValues;
-      this.applyTransformsToTarget();
-      let u = ps(this.projectionDeltaWithTransform, this.treeScale, h);
-      a && (u = a(h, u)), s.transform = u;
-      const { x: d, y: f } = this.projectionDelta;
-      s.transformOrigin = `${d.origin * 100}% ${f.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 m in it) {
-        if (h[m] === void 0)
-          continue;
-        const { correct: x, applyTo: p, isCSSVariable: y } = it[m], g = u === "none" ? h[m] : x(h[m], l);
-        if (p) {
-          const v = p.length;
-          for (let b = 0; b < v; b++)
-            s[p[b]] = g;
-        } else
-          y ? this.options.visualElement.renderState.vars[m] = g : s[m] = g;
-      }
-      this.options.layoutId && (s.pointerEvents = l === this ? $(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(Rt), this.root.sharedNodes.clear();
-    }
-  };
-}
-function vs(t) {
-  t.updateLayout();
-}
-function xs(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" ? A((h) => {
-      const u = c ? e.measuredBox[h] : e.layoutBox[h], d = D(u);
-      u.min = i[h].min, u.max = u.min + d;
-    }) : oe(r, e.layoutBox, i) && A((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 = w();
-    B(s, i, e.layoutBox);
-    const o = w();
-    c ? B(o, t.applyTransform(n, !0), e.measuredBox) : B(o, i, e.layoutBox);
-    const a = !ee(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 f = P();
-          G(f, e.layoutBox, u.layoutBox);
-          const m = P();
-          G(m, i, d.layoutBox), se(f, m) || (l = !0), h.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = f, 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 Ps(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 Ts(t) {
-  t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
-}
-function Ds(t) {
-  t.clearSnapshot();
-}
-function Rt(t) {
-  t.clearMeasurements();
-}
-function Ct(t) {
-  t.isLayoutDirty = !1;
-}
-function Es(t) {
-  const { visualElement: e } = t.options;
-  e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
-}
-function wt(t) {
-  t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
-}
-function Ss(t) {
-  t.resolveTargetDelta();
-}
-function As(t) {
-  t.calcProjection();
-}
-function Ls(t) {
-  t.resetSkewAndRotation();
-}
-function Vs(t) {
-  t.removeLeadSnapshot();
-}
-function jt(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 Mt(t, e, i, n) {
-  t.min = T(e.min, i.min, n), t.max = T(e.max, i.max, n);
-}
-function bs(t, e, i, n) {
-  Mt(t.x, e.x, i.x, n), Mt(t.y, e.y, i.y, n);
-}
-function Rs(t) {
-  return t.animationValues && t.animationValues.opacityExit !== void 0;
-}
-const Cs = {
-  duration: 0.45,
-  ease: [0.4, 0, 0.1, 1]
-}, Bt = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), kt = Bt("applewebkit/") && !Bt("chrome/") ? Math.round : j;
-function It(t) {
-  t.min = kt(t.min), t.max = kt(t.max);
-}
-function ws(t) {
-  It(t.x), It(t.y);
-}
-function oe(t, e, i) {
-  return t === "position" || t === "preserve-aspect" && !Fe(Vt(e), Vt(i), 0.2);
-}
-function js(t) {
-  return t !== t.root && t.scroll?.wasRoot;
-}
-const Ms = ne({
-  attachResizeListener: (t, e) => Q(t, "resize", e),
-  measureScroll: () => ({
-    x: document.documentElement.scrollLeft || document.body.scrollLeft,
-    y: document.documentElement.scrollTop || document.body.scrollTop
-  }),
-  checkIsScrollRoot: () => !0
-}), _ = {
-  current: void 0
-}, ae = ne({
-  measureScroll: (t) => ({
-    x: t.scrollLeft,
-    y: t.scrollTop
-  }),
-  defaultParent: () => {
-    if (!_.current) {
-      const t = new Ms({});
-      t.mount(window), t.setOptions({ layoutScroll: !0 }), _.current = t;
-    }
-    return _.current;
-  },
-  resetTransform: (t, e) => {
-    t.style.transform = e !== void 0 ? e : "none";
-  },
-  checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), Bs = {
-  pan: {
-    Feature: ts
-  },
-  drag: {
-    Feature: Qe,
-    ProjectionNode: ae,
-    MeasureLayout: Jt
-  }
-}, ks = {
-  layout: {
-    ProjectionNode: ae,
-    MeasureLayout: Jt
-  }
-}, Fs = {
-  ...we,
-  ...Bs,
-  ...ks
-};
-export {
-  Gs as AnimatePresence,
-  zs as AsyncMotionValueAnimation,
-  $s as DOMKeyframesResolver,
-  Hs as DeprecatedLayoutGroupContext,
-  Xs as JSAnimation,
-  Ys as KeyframeResolver,
-  qs as LayoutGroup,
-  xe as LayoutGroupContext,
-  Ks as LazyMotion,
-  _s as MotionConfig,
-  Zs as MotionConfigContext,
-  Js as MotionContext,
-  Qs as MotionGlobalConfig,
-  ti as MotionValue,
-  ei as NativeAnimation,
-  si as NativeAnimationExtended,
-  ii as PopChild,
-  ni as PresenceChild,
-  oi as PresenceContext,
-  Ae as SubscriptionManager,
-  Te as SwitchLayoutGroupContext,
-  ai as VisualElement,
-  ri as WillChangeMotionValue,
-  li as acceleratedValues,
-  M as addPointerEvent,
-  le as addPointerInfo,
-  zt as addUniqueItem,
-  hi as alpha,
-  ci as analyseComplexValue,
-  ui as animateVisualElement,
-  di as animations,
-  fi as anticipate,
-  mi as applyGeneratorOptions,
-  pi as backIn,
-  yi as backInOut,
-  gi as backOut,
-  vi as buildTransform,
-  xi as calcGeneratorDuration,
-  D as calcLength,
-  k as cancelFrame,
-  Pi as circIn,
-  Ti as circInOut,
-  Se as circOut,
-  Ot as clamp,
-  Di as color,
-  Ei as complex,
-  Si as containsCSSVariable,
-  Ai as convertOffsetToTimes,
-  P as createBox,
-  Li as createGeneratorEasing,
-  Vi as createRenderBatcher,
-  bi as cubicBezier,
-  Ri as cubicBezierAsString,
-  Ci as defaultEasing,
-  wi as defaultOffset,
-  ji as defaultTransformValue,
-  Mi as defaultValueTypes,
-  Bi as degrees,
-  os as delay,
-  ki as dimensionValueTypes,
-  lt as distance,
-  We as distance2D,
-  we as domAnimation,
-  Fs as domMax,
-  Ii as easeIn,
-  Ui as easeInOut,
-  Oi as easeOut,
-  Fi as easingDefinitionToFunction,
-  Ni as fillOffset,
-  Wi as fillWildcards,
-  Gi as filterProps,
-  zi as findDimensionValueType,
-  $i as findValueType,
-  Hi as flushKeyframeResolvers,
-  E as frame,
-  S as frameData,
-  z as frameSteps,
-  Xi as generateLinearEasing,
-  Yi as getAnimatableNone,
-  qi as getDefaultValueType,
-  Ki as getMixer,
-  _i as getValueAsType,
-  Le as getValueTransition,
-  Zi as getVariableValue,
-  Ji as hex,
-  Qi as hover,
-  tn as hsla,
-  en as hslaToRgba,
-  sn as inertia,
-  nn as interpolate,
-  ye as invariant,
-  on as invisibleValues,
-  an as isBezierDefinition,
-  rn as isBrowser,
-  ln as isCSSVariableName,
-  hn as isCSSVariableToken,
-  cn as isDragActive,
-  V as isDragging,
-  un as isEasingArray,
-  ge as isElementKeyboardAccessible,
-  dn as isGenerator,
-  fn as isHTMLElement,
-  De as isMotionValue,
-  mn as isNodeOrChild,
-  pn as isNumericalString,
-  re as isObject,
-  he as isPrimaryPointer,
-  Xt as isSVGElement,
-  Be as isSVGSVGElement,
-  yn as isValidMotionProp,
-  gn as isZeroValueString,
-  vn as keyframes,
-  xn as m,
-  Pn as makeAnimationInstant,
-  Tn as makeUseVisualState,
-  Dn as mapEasingToNativeEasing,
-  En as maxGeneratorDuration,
-  Sn as memo,
-  Wt as microtask,
-  de as millisecondsToSeconds,
-  An as mirrorEasing,
-  Ln as mix,
-  Vn as mixArray,
-  bn as mixColor,
-  Rn as mixComplex,
-  Cn as mixImmediate,
-  wn as mixLinearColor,
-  T as mixNumber,
-  jn as mixObject,
-  Mn as mixVisibility,
-  Gt as motionValue,
-  j as noop,
-  Bn as number,
-  kn as numberValueTypes,
-  In as optimizedAppearDataAttribute,
-  Un as parseCSSVariable,
-  On as parseValueFromTransform,
-  W as percent,
-  ce as pipe,
-  Fn as positionalKeys,
-  Nn as press,
-  Z as progress,
-  Wn as progressPercentage,
-  Ee as px,
-  Gn as readTransformValue,
-  $t as removeItem,
-  zn as resolveElements,
-  $ as resolveMotionValue,
-  $n as reverseEasing,
-  Hn as rgbUnit,
-  Xn as rgba,
-  Yn as scale,
-  ue as secondsToMilliseconds,
-  Me as setDragLock,
-  qn as setStyle,
-  Kn as spring,
-  _n as startWaapiAnimation,
-  Zn as supportedWaapiEasing,
-  Jn as supportsBrowserAnimation,
-  Qn as supportsFlags,
-  to as supportsLinearEasing,
-  eo as supportsScrollTimeline,
-  so as testValueType,
-  Ht as time,
-  io as transformPropOrder,
-  no as transformProps,
-  oo as transformValueTypes,
-  ao as useComposedRefs,
-  ro as useForceUpdate,
-  lo as useIsomorphicLayoutEffect,
-  ve as usePresence,
-  ho as useWillChange,
-  co as velocityPerSecond,
-  uo as vh,
-  fo as visualElementStore,
-  mo as vw,
-  po as warnOnce,
-  yo as warning
-};