lawgic-dev-kit 0.12.4 → 0.12.8

package/dist/dist/node_modules/framer-motion/dist/es/projection/node/create-projection-node.js

@@ -0,0 +1,608 @@
+import "../../../../../motion-utils/dist/es/errors.js";
+import { noop as ot } from "../../../../../motion-utils/dist/es/noop.js";
+import { SubscriptionManager as at } from "../../../../../motion-utils/dist/es/subscription-manager.js";
+import { getValueTransition as rt } from "../../../../../motion-dom/dist/es/animation/utils/get-value-transition.js";
+import { cancelFrame as I, frameData as g, frameSteps as w, frame as E } from "../../../../../motion-dom/dist/es/frameloop/frame.js";
+import { microtask as nt } from "../../../../../motion-dom/dist/es/frameloop/microtask.js";
+import { time as lt } from "../../../../../motion-dom/dist/es/frameloop/sync-time.js";
+import { animateSingleValue as ht } from "../../animation/animate/single-value.js";
+import { getOptimisedAppearId as ut } from "../../animation/optimized-appear/get-appear-id.js";
+import { isSVGElement as ct } from "../../render/dom/utils/is-svg-element.js";
+import { FlatTree as dt } from "../../render/utils/flat-tree.js";
+import { clamp as pt } from "../../utils/clamp.js";
+import { delay as mt } from "../../utils/delay.js";
+import { mixNumber as U } from "../../utils/mix/number.js";
+import { resolveMotionValue as C } from "../../value/utils/resolve-motion-value.js";
+import { mixValues as ft } from "../animation/mix-values.js";
+import { copyBoxInto as y, copyAxisDeltaInto as M } from "../geometry/copy.js";
+import { translateAxis as L, transformBox as k, applyBoxDelta as yt, applyTreeDeltas as gt } from "../geometry/delta-apply.js";
+import { calcLength as j, calcRelativePosition as B, calcRelativeBox as vt, calcBoxDelta as V, isNear as Tt } from "../geometry/delta-calc.js";
+import { removeBoxTransforms as b } from "../geometry/delta-remove.js";
+import { createBox as m, createDelta as R } from "../geometry/models.js";
+import { boxEqualsRounded as tt, isDeltaZero as et, axisDeltaEquals as N, boxEquals as xt, aspectRatio as z } from "../geometry/utils.js";
+import { NodeStack as Pt } from "../shared/stack.js";
+import { scaleCorrectors as H } from "../styles/scale-correction.js";
+import { buildProjectionTransform as Dt } from "../styles/transform.js";
+import { eachAxis as W } from "../utils/each-axis.js";
+import { hasTransform as S, hasScale as G, has2DTranslate as St } from "../utils/has-transform.js";
+import { globalProjectionState as F } from "./state.js";
+const O = ["", "X", "Y", "Z"], jt = { visibility: "hidden" }, X = 1e3;
+let Rt = 0;
+function $(e, l, h, u) {
+  const { latestValues: T } = l;
+  T[e] && (h[e] = T[e], l.setStaticValue(e, 0), u && (u[e] = 0));
+}
+function it(e) {
+  if (e.hasCheckedOptimisedAppear = !0, e.root === e)
+    return;
+  const { visualElement: l } = e.options;
+  if (!l)
+    return;
+  const h = ut(l);
+  if (window.MotionHasOptimisedAnimation(h, "transform")) {
+    const { layout: T, layoutId: t } = e.options;
+    window.MotionCancelOptimisedAnimation(h, "transform", E, !(T || t));
+  }
+  const { parent: u } = e;
+  u && !u.hasCheckedOptimisedAppear && it(u);
+}
+function ye({ attachResizeListener: e, defaultParent: l, measureScroll: h, checkIsScrollRoot: u, resetTransform: T }) {
+  return class {
+    constructor(t = {}, s = l == null ? void 0 : l()) {
+      this.id = Rt++, 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, this.nodes.forEach(Vt), this.nodes.forEach(wt), this.nodes.forEach(Ct), this.nodes.forEach(Lt);
+      }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = t, this.root = s ? s.root || s : this, this.path = s ? [...s.path, s] : [], this.parent = s, this.depth = s ? s.depth + 1 : 0;
+      for (let i = 0; i < this.path.length; i++)
+        this.path[i].shouldResetTransform = !0;
+      this.root === this && (this.nodes = new dt());
+    }
+    addEventListener(t, s) {
+      return this.eventHandlers.has(t) || this.eventHandlers.set(t, new at()), this.eventHandlers.get(t).add(s);
+    }
+    notifyListeners(t, ...s) {
+      const i = this.eventHandlers.get(t);
+      i && i.notify(...s);
+    }
+    hasListeners(t) {
+      return this.eventHandlers.has(t);
+    }
+    /**
+     * Lifecycles
+     */
+    mount(t, s = this.root.hasTreeAnimated) {
+      if (this.instance)
+        return;
+      this.isSVG = ct(t), this.instance = t;
+      const { layoutId: i, layout: o, visualElement: a } = this.options;
+      if (a && !a.current && a.mount(t), this.root.nodes.add(this), this.parent && this.parent.children.add(this), s && (o || i) && (this.isLayoutDirty = !0), e) {
+        let n;
+        const r = () => this.root.updateBlockedByResize = !1;
+        e(t, () => {
+          this.root.updateBlockedByResize = !0, n && n(), n = mt(r, 250), F.hasAnimatedSinceResize && (F.hasAnimatedSinceResize = !1, this.nodes.forEach(Z));
+        });
+      }
+      i && this.root.registerSharedNode(i, this), this.options.animate !== !1 && a && (i || o) && this.addEventListener("didUpdate", ({ delta: n, hasLayoutChanged: r, hasRelativeLayoutChanged: d, layout: p }) => {
+        if (this.isTreeAnimationBlocked()) {
+          this.target = void 0, this.relativeTarget = void 0;
+          return;
+        }
+        const c = this.options.transition || a.getDefaultTransition() || Mt, { onLayoutAnimationStart: v, onLayoutAnimationComplete: P } = a.getProps(), A = !this.targetLayout || !tt(this.targetLayout, p), f = !r && d;
+        if (this.options.layoutRoot || this.resumeFrom || f || r && (A || !this.currentAnimation)) {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(n, f);
+          const D = {
+            ...rt(c, "layout"),
+            onPlay: v,
+            onComplete: P
+          };
+          (a.shouldReduceMotion || this.options.layoutRoot) && (D.delay = 0, D.type = !1), this.startAnimation(D);
+        } else
+          r || Z(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+        this.targetLayout = p;
+      });
+    }
+    unmount() {
+      this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
+      const t = this.getStack();
+      t && t.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, I(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(Ft), this.animationId++);
+    }
+    getTransformTemplate() {
+      const { visualElement: t } = this.options;
+      return t && t.getProps().transformTemplate;
+    }
+    willUpdate(t = !0) {
+      if (this.root.hasTreeAnimated = !0, this.root.isUpdateBlocked()) {
+        this.options.onExitComplete && this.options.onExitComplete();
+        return;
+      }
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && it(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+        return;
+      this.isLayoutDirty = !0;
+      for (let a = 0; a < this.path.length; a++) {
+        const n = this.path[a];
+        n.shouldResetTransform = !0, n.updateScroll("snapshot"), n.options.layoutRoot && n.willUpdate(!1);
+      }
+      const { layoutId: s, layout: i } = this.options;
+      if (s === void 0 && !i)
+        return;
+      const o = this.getTransformTemplate();
+      this.prevTransformTemplateValue = o ? o(this.latestValues, "") : void 0, this.updateSnapshot(), t && this.notifyListeners("willUpdate");
+    }
+    update() {
+      if (this.updateScheduled = !1, this.isUpdateBlocked()) {
+        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Y);
+        return;
+      }
+      this.isUpdating || this.nodes.forEach(Et), this.isUpdating = !1, this.nodes.forEach(Ut), this.nodes.forEach(At), this.nodes.forEach(Bt), this.clearAllSnapshots();
+      const t = lt.now();
+      g.delta = pt(0, 1e3 / 60, t - g.timestamp), g.timestamp = t, g.isProcessing = !0, w.update.process(g), w.preRender.process(g), w.render.process(g), g.isProcessing = !1;
+    }
+    didUpdate() {
+      this.updateScheduled || (this.updateScheduled = !0, nt.read(this.scheduleUpdate));
+    }
+    clearAllSnapshots() {
+      this.nodes.forEach(kt), this.sharedNodes.forEach(Ot);
+    }
+    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 && !j(this.snapshot.measuredBox.x) && !j(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 i = 0; i < this.path.length; i++)
+          this.path[i].updateScroll();
+      const t = this.layout;
+      this.layout = this.measure(!1), this.layoutCorrected = m(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      const { visualElement: s } = this.options;
+      s && s.notify("LayoutMeasure", this.layout.layoutBox, t ? t.layoutBox : void 0);
+    }
+    updateScroll(t = "measure") {
+      let s = !!(this.options.layoutScroll && this.instance);
+      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === t && (s = !1), s) {
+        const i = u(this.instance);
+        this.scroll = {
+          animationId: this.root.animationId,
+          phase: t,
+          isRoot: i,
+          offset: h(this.instance),
+          wasRoot: this.scroll ? this.scroll.isRoot : i
+        };
+      }
+    }
+    resetTransform() {
+      if (!T)
+        return;
+      const t = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, s = this.projectionDelta && !et(this.projectionDelta), i = this.getTransformTemplate(), o = i ? i(this.latestValues, "") : void 0, a = o !== this.prevTransformTemplateValue;
+      t && (s || S(this.latestValues) || a) && (T(this.instance, o), this.shouldResetTransform = !1, this.scheduleRender());
+    }
+    measure(t = !0) {
+      const s = this.measurePageBox();
+      let i = this.removeElementScroll(s);
+      return t && (i = this.removeTransform(i)), bt(i), {
+        animationId: this.root.animationId,
+        measuredBox: s,
+        layoutBox: i,
+        latestValues: {},
+        source: this.id
+      };
+    }
+    measurePageBox() {
+      var t;
+      const { visualElement: s } = this.options;
+      if (!s)
+        return m();
+      const i = s.measureViewportBox();
+      if (!(!((t = this.scroll) === null || t === void 0) && t.wasRoot || this.path.some(Nt))) {
+        const { scroll: o } = this.root;
+        o && (L(i.x, o.offset.x), L(i.y, o.offset.y));
+      }
+      return i;
+    }
+    removeElementScroll(t) {
+      var s;
+      const i = m();
+      if (y(i, t), !((s = this.scroll) === null || s === void 0) && s.wasRoot)
+        return i;
+      for (let o = 0; o < this.path.length; o++) {
+        const a = this.path[o], { scroll: n, options: r } = a;
+        a !== this.root && n && r.layoutScroll && (n.wasRoot && y(i, t), L(i.x, n.offset.x), L(i.y, n.offset.y));
+      }
+      return i;
+    }
+    applyTransform(t, s = !1) {
+      const i = m();
+      y(i, t);
+      for (let o = 0; o < this.path.length; o++) {
+        const a = this.path[o];
+        !s && a.options.layoutScroll && a.scroll && a !== a.root && k(i, {
+          x: -a.scroll.offset.x,
+          y: -a.scroll.offset.y
+        }), S(a.latestValues) && k(i, a.latestValues);
+      }
+      return S(this.latestValues) && k(i, this.latestValues), i;
+    }
+    removeTransform(t) {
+      const s = m();
+      y(s, t);
+      for (let i = 0; i < this.path.length; i++) {
+        const o = this.path[i];
+        if (!o.instance || !S(o.latestValues))
+          continue;
+        G(o.latestValues) && o.updateSnapshot();
+        const a = m(), n = o.measurePageBox();
+        y(a, n), b(s, o.latestValues, o.snapshot ? o.snapshot.layoutBox : void 0, a);
+      }
+      return S(this.latestValues) && b(s, this.latestValues), s;
+    }
+    setTargetDelta(t) {
+      this.targetDelta = t, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
+    }
+    setOptions(t) {
+      this.options = {
+        ...this.options,
+        ...t,
+        crossfade: t.crossfade !== void 0 ? t.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 !== g.timestamp && this.relativeParent.resolveTargetDelta(!0);
+    }
+    resolveTargetDelta(t = !1) {
+      var s;
+      const i = this.getLead();
+      this.isProjectionDirty || (this.isProjectionDirty = i.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = i.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = i.isSharedProjectionDirty);
+      const o = !!this.resumingFrom || this !== i;
+      if (!(t || o && this.isSharedProjectionDirty || this.isProjectionDirty || !((s = this.parent) === null || s === void 0) && s.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
+        return;
+      const { layout: a, layoutId: n } = this.options;
+      if (!(!this.layout || !(a || n))) {
+        if (this.resolvedRelativeTargetAt = g.timestamp, !this.targetDelta && !this.relativeTarget) {
+          const r = this.getClosestProjectingParent();
+          r && r.layout && this.animationProgress !== 1 ? (this.relativeParent = r, this.forceRelativeParentToResolveTarget(), this.relativeTarget = m(), this.relativeTargetOrigin = m(), B(this.relativeTargetOrigin, this.layout.layoutBox, r.layout.layoutBox), y(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+        }
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = m(), this.targetWithTransforms = m()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), vt(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : y(this.target, this.layout.layoutBox), yt(this.target, this.targetDelta)) : y(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+          this.attemptToResolveRelativeTarget = !1;
+          const r = this.getClosestProjectingParent();
+          r && !!r.resumingFrom == !!this.resumingFrom && !r.options.layoutScroll && r.target && this.animationProgress !== 1 ? (this.relativeParent = r, this.forceRelativeParentToResolveTarget(), this.relativeTarget = m(), this.relativeTargetOrigin = m(), B(this.relativeTargetOrigin, this.target, r.target), y(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+        }
+      }
+    }
+    getClosestProjectingParent() {
+      if (!(!this.parent || G(this.parent.latestValues) || St(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 t;
+      const s = this.getLead(), i = !!this.resumingFrom || this !== s;
+      let o = !0;
+      if ((this.isProjectionDirty || !((t = this.parent) === null || t === void 0) && t.isProjectionDirty) && (o = !1), i && (this.isSharedProjectionDirty || this.isTransformDirty) && (o = !1), this.resolvedRelativeTargetAt === g.timestamp && (o = !1), o)
+        return;
+      const { layout: a, layoutId: n } = this.options;
+      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(a || n))
+        return;
+      y(this.layoutCorrected, this.layout.layoutBox);
+      const r = this.treeScale.x, d = this.treeScale.y;
+      gt(this.layoutCorrected, this.treeScale, this.path, i), s.layout && !s.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (s.target = s.layout.layoutBox, s.targetWithTransforms = m());
+      const { target: p } = s;
+      if (!p) {
+        this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
+        return;
+      }
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (M(this.prevProjectionDelta.x, this.projectionDelta.x), M(this.prevProjectionDelta.y, this.projectionDelta.y)), V(this.projectionDelta, this.layoutCorrected, p, this.latestValues), (this.treeScale.x !== r || this.treeScale.y !== d || !N(this.projectionDelta.x, this.prevProjectionDelta.x) || !N(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p));
+    }
+    hide() {
+      this.isVisible = !1;
+    }
+    show() {
+      this.isVisible = !0;
+    }
+    scheduleRender(t = !0) {
+      var s;
+      if ((s = this.options.visualElement) === null || s === void 0 || s.scheduleRender(), t) {
+        const i = this.getStack();
+        i && i.scheduleRender();
+      }
+      this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
+    }
+    createProjectionDeltas() {
+      this.prevProjectionDelta = R(), this.projectionDelta = R(), this.projectionDeltaWithTransform = R();
+    }
+    setAnimationOrigin(t, s = !1) {
+      const i = this.snapshot, o = i ? i.latestValues : {}, a = { ...this.latestValues }, n = R();
+      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !s;
+      const r = m(), d = i ? i.source : void 0, p = this.layout ? this.layout.source : void 0, c = d !== p, v = this.getStack(), P = !v || v.members.length <= 1, A = !!(c && !P && this.options.crossfade === !0 && !this.path.some(It));
+      this.animationProgress = 0;
+      let f;
+      this.mixTargetDelta = (D) => {
+        const x = D / 1e3;
+        q(n.x, t.x, x), q(n.y, t.y, x), this.setTargetDelta(n), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (B(r, this.layout.layoutBox, this.relativeParent.layout.layoutBox), $t(this.relativeTarget, this.relativeTargetOrigin, r, x), f && xt(this.relativeTarget, f) && (this.isProjectionDirty = !1), f || (f = m()), y(f, this.relativeTarget)), c && (this.animationValues = a, ft(a, o, this.latestValues, x, A, P)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
+      }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
+    }
+    startAnimation(t) {
+      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (I(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = E.update(() => {
+        F.hasAnimatedSinceResize = !0, this.currentAnimation = ht(0, X, {
+          ...t,
+          onUpdate: (s) => {
+            this.mixTargetDelta(s), t.onUpdate && t.onUpdate(s);
+          },
+          onStop: () => {
+          },
+          onComplete: () => {
+            t.onComplete && t.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 t = this.getStack();
+      t && t.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
+    }
+    finishAnimation() {
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(X), this.currentAnimation.stop()), this.completeAnimation();
+    }
+    applyTransformsToTarget() {
+      const t = this.getLead();
+      let { targetWithTransforms: s, target: i, layout: o, latestValues: a } = t;
+      if (!(!s || !i || !o)) {
+        if (this !== t && this.layout && o && st(this.options.animationType, this.layout.layoutBox, o.layoutBox)) {
+          i = this.target || m();
+          const n = j(this.layout.layoutBox.x);
+          i.x.min = t.target.x.min, i.x.max = i.x.min + n;
+          const r = j(this.layout.layoutBox.y);
+          i.y.min = t.target.y.min, i.y.max = i.y.min + r;
+        }
+        y(s, i), k(s, a), V(this.projectionDeltaWithTransform, this.layoutCorrected, s, a);
+      }
+    }
+    registerSharedNode(t, s) {
+      this.sharedNodes.has(t) || this.sharedNodes.set(t, new Pt()), this.sharedNodes.get(t).add(s);
+      const i = s.options.initialPromotionConfig;
+      s.promote({
+        transition: i ? i.transition : void 0,
+        preserveFollowOpacity: i && i.shouldPreserveFollowOpacity ? i.shouldPreserveFollowOpacity(s) : void 0
+      });
+    }
+    isLead() {
+      const t = this.getStack();
+      return t ? t.lead === this : !0;
+    }
+    getLead() {
+      var t;
+      const { layoutId: s } = this.options;
+      return s ? ((t = this.getStack()) === null || t === void 0 ? void 0 : t.lead) || this : this;
+    }
+    getPrevLead() {
+      var t;
+      const { layoutId: s } = this.options;
+      return s ? (t = this.getStack()) === null || t === void 0 ? void 0 : t.prevLead : void 0;
+    }
+    getStack() {
+      const { layoutId: t } = this.options;
+      if (t)
+        return this.root.sharedNodes.get(t);
+    }
+    promote({ needsReset: t, transition: s, preserveFollowOpacity: i } = {}) {
+      const o = this.getStack();
+      o && o.promote(this, i), t && (this.projectionDelta = void 0, this.needsReset = !0), s && this.setOptions({ transition: s });
+    }
+    relegate() {
+      const t = this.getStack();
+      return t ? t.relegate(this) : !1;
+    }
+    resetSkewAndRotation() {
+      const { visualElement: t } = this.options;
+      if (!t)
+        return;
+      let s = !1;
+      const { latestValues: i } = t;
+      if ((i.z || i.rotate || i.rotateX || i.rotateY || i.rotateZ || i.skewX || i.skewY) && (s = !0), !s)
+        return;
+      const o = {};
+      i.z && $("z", t, o, this.animationValues);
+      for (let a = 0; a < O.length; a++)
+        $(`rotate${O[a]}`, t, o, this.animationValues), $(`skew${O[a]}`, t, o, this.animationValues);
+      t.render();
+      for (const a in o)
+        t.setStaticValue(a, o[a]), this.animationValues && (this.animationValues[a] = o[a]);
+      t.scheduleRender();
+    }
+    getProjectionStyles(t) {
+      var s, i;
+      if (!this.instance || this.isSVG)
+        return;
+      if (!this.isVisible)
+        return jt;
+      const o = {
+        visibility: ""
+      }, a = this.getTransformTemplate();
+      if (this.needsReset)
+        return this.needsReset = !1, o.opacity = "", o.pointerEvents = C(t == null ? void 0 : t.pointerEvents) || "", o.transform = a ? a(this.latestValues, "") : "none", o;
+      const n = this.getLead();
+      if (!this.projectionDelta || !this.layout || !n.target) {
+        const c = {};
+        return this.options.layoutId && (c.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, c.pointerEvents = C(t == null ? void 0 : t.pointerEvents) || ""), this.hasProjected && !S(this.latestValues) && (c.transform = a ? a({}, "") : "none", this.hasProjected = !1), c;
+      }
+      const r = n.animationValues || n.latestValues;
+      this.applyTransformsToTarget(), o.transform = Dt(this.projectionDeltaWithTransform, this.treeScale, r), a && (o.transform = a(r, o.transform));
+      const { x: d, y: p } = this.projectionDelta;
+      o.transformOrigin = `${d.origin * 100}% ${p.origin * 100}% 0`, n.animationValues ? o.opacity = n === this ? (i = (s = r.opacity) !== null && s !== void 0 ? s : this.latestValues.opacity) !== null && i !== void 0 ? i : 1 : this.preserveOpacity ? this.latestValues.opacity : r.opacityExit : o.opacity = n === this ? r.opacity !== void 0 ? r.opacity : "" : r.opacityExit !== void 0 ? r.opacityExit : 0;
+      for (const c in H) {
+        if (r[c] === void 0)
+          continue;
+        const { correct: v, applyTo: P, isCSSVariable: A } = H[c], f = o.transform === "none" ? r[c] : v(r[c], n);
+        if (P) {
+          const D = P.length;
+          for (let x = 0; x < D; x++)
+            o[P[x]] = f;
+        } else
+          A ? this.options.visualElement.renderState.vars[c] = f : o[c] = f;
+      }
+      return this.options.layoutId && (o.pointerEvents = n === this ? C(t == null ? void 0 : t.pointerEvents) || "" : "none"), o;
+    }
+    clearSnapshot() {
+      this.resumeFrom = this.snapshot = void 0;
+    }
+    // Only run on root
+    resetTree() {
+      this.root.nodes.forEach((t) => {
+        var s;
+        return (s = t.currentAnimation) === null || s === void 0 ? void 0 : s.stop();
+      }), this.root.nodes.forEach(Y), this.root.sharedNodes.clear();
+    }
+  };
+}
+function At(e) {
+  e.updateLayout();
+}
+function Bt(e) {
+  var l;
+  const h = ((l = e.resumeFrom) === null || l === void 0 ? void 0 : l.snapshot) || e.snapshot;
+  if (e.isLead() && e.layout && h && e.hasListeners("didUpdate")) {
+    const { layoutBox: u, measuredBox: T } = e.layout, { animationType: t } = e.options, s = h.source !== e.layout.source;
+    t === "size" ? W((r) => {
+      const d = s ? h.measuredBox[r] : h.layoutBox[r], p = j(d);
+      d.min = u[r].min, d.max = d.min + p;
+    }) : st(t, h.layoutBox, u) && W((r) => {
+      const d = s ? h.measuredBox[r] : h.layoutBox[r], p = j(u[r]);
+      d.max = d.min + p, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[r].max = e.relativeTarget[r].min + p);
+    });
+    const i = R();
+    V(i, u, h.layoutBox);
+    const o = R();
+    s ? V(o, e.applyTransform(T, !0), h.measuredBox) : V(o, u, h.layoutBox);
+    const a = !et(i);
+    let n = !1;
+    if (!e.resumeFrom) {
+      const r = e.getClosestProjectingParent();
+      if (r && !r.resumeFrom) {
+        const { snapshot: d, layout: p } = r;
+        if (d && p) {
+          const c = m();
+          B(c, h.layoutBox, d.layoutBox);
+          const v = m();
+          B(v, u, p.layoutBox), tt(c, v) || (n = !0), r.options.layoutRoot && (e.relativeTarget = v, e.relativeTargetOrigin = c, e.relativeParent = r);
+        }
+      }
+    }
+    e.notifyListeners("didUpdate", {
+      layout: u,
+      snapshot: h,
+      delta: o,
+      layoutDelta: i,
+      hasLayoutChanged: a,
+      hasRelativeLayoutChanged: n
+    });
+  } else if (e.isLead()) {
+    const { onExitComplete: u } = e.options;
+    u && u();
+  }
+  e.options.transition = void 0;
+}
+function Vt(e) {
+  e.parent && (e.isProjecting() || (e.isProjectionDirty = e.parent.isProjectionDirty), e.isSharedProjectionDirty || (e.isSharedProjectionDirty = !!(e.isProjectionDirty || e.parent.isProjectionDirty || e.parent.isSharedProjectionDirty)), e.isTransformDirty || (e.isTransformDirty = e.parent.isTransformDirty));
+}
+function Lt(e) {
+  e.isProjectionDirty = e.isSharedProjectionDirty = e.isTransformDirty = !1;
+}
+function kt(e) {
+  e.clearSnapshot();
+}
+function Y(e) {
+  e.clearMeasurements();
+}
+function Et(e) {
+  e.isLayoutDirty = !1;
+}
+function Ut(e) {
+  const { visualElement: l } = e.options;
+  l && l.getProps().onBeforeLayoutMeasure && l.notify("BeforeLayoutMeasure"), e.resetTransform();
+}
+function Z(e) {
+  e.finishAnimation(), e.targetDelta = e.relativeTarget = e.target = void 0, e.isProjectionDirty = !0;
+}
+function wt(e) {
+  e.resolveTargetDelta();
+}
+function Ct(e) {
+  e.calcProjection();
+}
+function Ft(e) {
+  e.resetSkewAndRotation();
+}
+function Ot(e) {
+  e.removeLeadSnapshot();
+}
+function q(e, l, h) {
+  e.translate = U(l.translate, 0, h), e.scale = U(l.scale, 1, h), e.origin = l.origin, e.originPoint = l.originPoint;
+}
+function _(e, l, h, u) {
+  e.min = U(l.min, h.min, u), e.max = U(l.max, h.max, u);
+}
+function $t(e, l, h, u) {
+  _(e.x, l.x, h.x, u), _(e.y, l.y, h.y, u);
+}
+function It(e) {
+  return e.animationValues && e.animationValues.opacityExit !== void 0;
+}
+const Mt = {
+  duration: 0.45,
+  ease: [0.4, 0, 0.1, 1]
+}, J = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), K = J("applewebkit/") && !J("chrome/") ? Math.round : ot;
+function Q(e) {
+  e.min = K(e.min), e.max = K(e.max);
+}
+function bt(e) {
+  Q(e.x), Q(e.y);
+}
+function st(e, l, h) {
+  return e === "position" || e === "preserve-aspect" && !Tt(z(l), z(h), 0.2);
+}
+function Nt(e) {
+  var l;
+  return e !== e.root && ((l = e.scroll) === null || l === void 0 ? void 0 : l.wasRoot);
+}
+export {
+  Lt as cleanDirtyNodes,
+  ye as createProjectionNode,
+  _ as mixAxis,
+  q as mixAxisDelta,
+  $t as mixBox,
+  Vt as propagateDirtyNodes
+};

package/dist/dist/node_modules/framer-motion/dist/es/projection/node/state.js

@@ -0,0 +1,15 @@
+const e = {
+  /**
+   * 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
+};
+export {
+  e as globalProjectionState
+};