@vkzstudio/muza-ui 1.0.8 → 1.0.10

package/dist/node_modules/{framer-motion → motion-dom}/dist/es/projection/node/create-projection-node.js

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

package/dist/node_modules/motion-dom/dist/es/projection/shared/stack.js

@@ -0,0 +1,60 @@
+import { addUniqueItem as n, removeItem as a } from "../../../../../motion-utils/dist/es/array.js";
+class l {
+  constructor() {
+    this.members = [];
+  }
+  add(e) {
+    n(this.members, e), e.scheduleRender();
+  }
+  remove(e) {
+    if (a(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+      const s = this.members[this.members.length - 1];
+      s && this.promote(s);
+    }
+  }
+  relegate(e) {
+    const s = this.members.findIndex((i) => e === i);
+    if (s === 0)
+      return !1;
+    let t;
+    for (let i = s; i >= 0; i--) {
+      const r = this.members[i];
+      if (r.isPresent !== !1) {
+        t = r;
+        break;
+      }
+    }
+    return t ? (this.promote(t), !0) : !1;
+  }
+  promote(e, s) {
+    const t = this.lead;
+    if (e !== t && (this.prevLead = t, this.lead = e, e.show(), t)) {
+      t.instance && t.scheduleRender(), e.scheduleRender();
+      const i = t.options.layoutDependency, r = e.options.layoutDependency;
+      i !== void 0 && r !== void 0 && i === r || (e.resumeFrom = t, s && (e.resumeFrom.preserveOpacity = !0), t.snapshot && (e.snapshot = t.snapshot, e.snapshot.latestValues = t.animationValues || t.latestValues), e.root && e.root.isUpdating && (e.isLayoutDirty = !0));
+      const { crossfade: o } = e.options;
+      o === !1 && t.hide();
+    }
+  }
+  exitAnimationComplete() {
+    this.members.forEach((e) => {
+      const { options: s, resumingFrom: t } = e;
+      s.onExitComplete && s.onExitComplete(), t && t.options.onExitComplete && t.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);
+  }
+}
+export {
+  l as NodeStack
+};

package/dist/node_modules/{framer-motion → motion-dom}/dist/es/projection/styles/scale-border-radius.js

@@ -1,4 +1,4 @@
-import { px as c } from "../../../../../motion-dom/dist/es/value/types/numbers/units.js";
+import { px as c } from "../../value/types/numbers/units.js";
 function e(r, n) {
   return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
 }