@loczer/storefront-sdk 0.181.0 → 0.182.0

package/dist/chunks/ui/dist/node_modules/motion-dom/dist/es/projection/node/create-projection-node-lII4WBGG.js

@@ -0,0 +1,584 @@
+import { SubscriptionManager as e } from "../../../../../motion-utils/dist/es/subscription-manager-yeBigJQ1.js";
+import { noop as t } from "../../../../../motion-utils/dist/es/noop-DYtO-mQc.js";
+import { cancelFrame as n, frame as r, frameData as i, frameSteps as a } from "../../frameloop/frame-CrXEyJWa.js";
+import { time as o } from "../../frameloop/sync-time-Csr7zKS1.js";
+import { clamp as s } from "../../../../../motion-utils/dist/es/clamp-oTrl-WQn.js";
+import { motionValue as c } from "../../value/index-CNA9eaPX.js";
+import { microtask as l } from "../../frameloop/microtask-Blz8zZfs.js";
+import { createBox as u, createDelta as d } from "../geometry/models-HuplMbAF.js";
+import { mixNumber as f } from "../../utils/mix/number-D5HUXDzn.js";
+import { scaleCorrectors as p } from "../styles/scale-correction-opI0Ki7f.js";
+import { resolveMotionValue as m } from "../../value/utils/resolve-motion-value-_CBBM3CB.js";
+import { has2DTranslate as h, hasScale as g, hasTransform as _ } from "../utils/has-transform-CVdDYljo.js";
+import { applyBoxDelta as ee, applyTreeDeltas as te, transformBox as v, translateAxis as y } from "../geometry/delta-apply-Bit6p8Pu.js";
+import { getValueTransition as ne } from "../../animation/utils/get-value-transition-3UotqDmH.js";
+import { getOptimisedAppearId as b } from "../../animation/optimized-appear/get-appear-id-n5sU9lwh.js";
+import { isSVGElement as re } from "../../utils/is-svg-element-Dqgq8Wr6.js";
+import { statsBuffer as x } from "../../stats/buffer-BFXa2yOD.js";
+import { isSVGSVGElement as ie } from "../../utils/is-svg-svg-element-XcqUNNpB.js";
+import { copyAxisDeltaInto as S, copyAxisInto as C, copyBoxInto as w } from "../geometry/copy-CUlld0rX.js";
+import { calcBoxDelta as T, calcLength as E, calcRelativeBox as ae, calcRelativePosition as D, isNear as O } from "../geometry/delta-calc-f45nlL0x.js";
+import { removeBoxTransforms as k } from "../geometry/delta-remove-CEIuenB3.js";
+import { aspectRatio as A, axisDeltaEquals as j, boxEquals as M, boxEqualsRounded as N, isDeltaZero as P } from "../geometry/utils-CO9cFNXe.js";
+import { eachAxis as F } from "../utils/each-axis-tCaHeYDM.js";
+import { buildProjectionTransform as oe } from "../styles/transform-Cu0fBhZh.js";
+import { mixValues as se } from "../animation/mix-values-BtIEb_1O.js";
+import { animateSingleValue as ce } from "../../animation/animate/single-value-XURU5lW9.js";
+import { FlatTree as le } from "../utils/flat-tree-CowrxBnD.js";
+import { delay as ue } from "../../utils/delay-CnjrR_CL.js";
+import { NodeStack as de } from "../shared/stack-Ci2UF1op.js";
+import { globalProjectionState as I } from "./state-vIGAz4XT.js";
+//#region ../ui/dist/node_modules/motion-dom/dist/es/projection/node/create-projection-node.js
+var L = {
+	nodes: 0,
+	calculatedTargetDeltas: 0,
+	calculatedProjections: 0
+}, R = [
+	"",
+	"X",
+	"Y",
+	"Z"
+], fe = 1e3, pe = 0;
+function z(e, t, n, r) {
+	let { latestValues: i } = t;
+	i[e] && (n[e] = i[e], t.setStaticValue(e, 0), r && (r[e] = 0));
+}
+function B(e) {
+	if (e.hasCheckedOptimisedAppear = !0, e.root === e) return;
+	let { visualElement: t } = e.options;
+	if (!t) return;
+	let n = b(t);
+	if (window.MotionHasOptimisedAnimation(n, "transform")) {
+		let { layout: t, layoutId: i } = e.options;
+		window.MotionCancelOptimisedAnimation(n, "transform", r, !(t || i));
+	}
+	let { parent: i } = e;
+	i && !i.hasCheckedOptimisedAppear && B(i);
+}
+function me({ attachResizeListener: t, defaultParent: b, measureScroll: C, checkIsScrollRoot: O, resetTransform: A }) {
+	return class {
+		constructor(e = {}, t = b?.()) {
+			this.id = pe++, 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, x.value && (L.nodes = L.calculatedTargetDeltas = L.calculatedProjections = 0), this.nodes.forEach(V), this.nodes.forEach(xe), this.nodes.forEach(Se), this.nodes.forEach(H), x.addProjectionMetrics && x.addProjectionMetrics(L);
+			}, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = e, this.root = t ? t.root || t : this, this.path = t ? [...t.path, t] : [], this.parent = t, this.depth = t ? t.depth + 1 : 0;
+			for (let e = 0; e < this.path.length; e++) this.path[e].shouldResetTransform = !0;
+			this.root === this && (this.nodes = new le());
+		}
+		addEventListener(t, n) {
+			return this.eventHandlers.has(t) || this.eventHandlers.set(t, new e()), this.eventHandlers.get(t).add(n);
+		}
+		notifyListeners(e, ...t) {
+			let n = this.eventHandlers.get(e);
+			n && n.notify(...t);
+		}
+		hasListeners(e) {
+			return this.eventHandlers.has(e);
+		}
+		mount(e) {
+			if (this.instance) return;
+			this.isSVG = re(e) && !ie(e), this.instance = e;
+			let { layoutId: n, layout: i, visualElement: a } = this.options;
+			if (a && !a.current && a.mount(e), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (i || n) && (this.isLayoutDirty = !0), t) {
+				let n, i = 0, a = () => this.root.updateBlockedByResize = !1;
+				r.read(() => {
+					i = window.innerWidth;
+				}), t(e, () => {
+					let e = window.innerWidth;
+					e !== i && (i = e, this.root.updateBlockedByResize = !0, n && n(), n = ue(a, 250), I.hasAnimatedSinceResize && (I.hasAnimatedSinceResize = !1, this.nodes.forEach(G)));
+				});
+			}
+			n && this.root.registerSharedNode(n, this), this.options.animate !== !1 && a && (n || i) && this.addEventListener("didUpdate", ({ delta: e, hasLayoutChanged: t, hasRelativeLayoutChanged: n, layout: r }) => {
+				if (this.isTreeAnimationBlocked()) {
+					this.target = void 0, this.relativeTarget = void 0;
+					return;
+				}
+				let i = this.options.transition || a.getDefaultTransition() || Te, { onLayoutAnimationStart: o, onLayoutAnimationComplete: s } = a.getProps(), c = !this.targetLayout || !N(this.targetLayout, r), l = !t && n;
+				if (this.options.layoutRoot || this.resumeFrom || l || t && (c || !this.currentAnimation)) {
+					this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
+					let t = {
+						...ne(i, "layout"),
+						onPlay: o,
+						onComplete: s
+					};
+					(a.shouldReduceMotion || this.options.layoutRoot) && (t.delay = 0, t.type = !1), this.startAnimation(t), this.setAnimationOrigin(e, l, t.path);
+				} else t || G(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+				this.targetLayout = r;
+			});
+		}
+		unmount() {
+			this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
+			let e = this.getStack();
+			e && e.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), n(this.updateProjection);
+		}
+		blockUpdate() {
+			this.updateManuallyBlocked = !0;
+		}
+		unblockUpdate() {
+			this.updateManuallyBlocked = !1;
+		}
+		isUpdateBlocked() {
+			return this.updateManuallyBlocked || this.updateBlockedByResize;
+		}
+		isTreeAnimationBlocked() {
+			return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || !1;
+		}
+		startUpdate() {
+			this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Ce), this.animationId++);
+		}
+		getTransformTemplate() {
+			let { visualElement: e } = this.options;
+			return e && e.getProps().transformTemplate;
+		}
+		willUpdate(e = !0) {
+			if (this.root.hasTreeAnimated = !0, this.root.isUpdateBlocked()) {
+				this.options.onExitComplete && this.options.onExitComplete();
+				return;
+			}
+			if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && B(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty) return;
+			this.isLayoutDirty = !0;
+			for (let e = 0; e < this.path.length; e++) {
+				let t = this.path[e];
+				t.shouldResetTransform = !0, (typeof t.latestValues.x == "string" || typeof t.latestValues.y == "string") && (t.isLayoutDirty = !0), t.updateScroll("snapshot"), t.options.layoutRoot && t.willUpdate(!1);
+			}
+			let { layoutId: t, layout: n } = this.options;
+			if (t === void 0 && !n) return;
+			let r = this.getTransformTemplate();
+			this.prevTransformTemplateValue = r ? r(this.latestValues, "") : void 0, this.updateSnapshot(), e && this.notifyListeners("willUpdate");
+		}
+		update() {
+			if (this.updateScheduled = !1, this.isUpdateBlocked()) {
+				let e = this.updateBlockedByResize;
+				this.unblockUpdate(), this.updateBlockedByResize = !1, this.clearAllSnapshots(), e && this.nodes.forEach(ve), this.nodes.forEach(U);
+				return;
+			}
+			if (this.animationId <= this.animationCommitId) {
+				this.nodes.forEach(W);
+				return;
+			}
+			this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(ye), this.nodes.forEach(be), this.nodes.forEach(he), this.nodes.forEach(ge)) : this.nodes.forEach(W), this.clearAllSnapshots();
+			let e = o.now();
+			i.delta = s(0, 1e3 / 60, e - i.timestamp), i.timestamp = e, i.isProcessing = !0, a.update.process(i), a.preRender.process(i), a.render.process(i), i.isProcessing = !1;
+		}
+		didUpdate() {
+			this.updateScheduled || (this.updateScheduled = !0, l.read(this.scheduleUpdate));
+		}
+		clearAllSnapshots() {
+			this.nodes.forEach(_e), this.sharedNodes.forEach(we);
+		}
+		scheduleUpdateProjection() {
+			this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, r.preRender(this.updateProjection, !1, !0));
+		}
+		scheduleCheckAfterUnmount() {
+			r.postRender(() => {
+				this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
+			});
+		}
+		updateSnapshot() {
+			this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !E(this.snapshot.measuredBox.x) && !E(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 e = 0; e < this.path.length; e++) this.path[e].updateScroll();
+			let e = this.layout;
+			this.layout = this.measure(!1), this.layoutVersion++, this.layoutCorrected ||= u(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+			let { visualElement: t } = this.options;
+			t && t.notify("LayoutMeasure", this.layout.layoutBox, e ? e.layoutBox : void 0);
+		}
+		updateScroll(e = "measure") {
+			let t = !!(this.options.layoutScroll && this.instance);
+			if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === e && (t = !1), t && this.instance) {
+				let t = O(this.instance);
+				this.scroll = {
+					animationId: this.root.animationId,
+					phase: e,
+					isRoot: t,
+					offset: C(this.instance),
+					wasRoot: this.scroll ? this.scroll.isRoot : t
+				};
+			}
+		}
+		resetTransform() {
+			if (!A) return;
+			let e = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, t = this.projectionDelta && !P(this.projectionDelta), n = this.getTransformTemplate(), r = n ? n(this.latestValues, "") : void 0, i = r !== this.prevTransformTemplateValue;
+			e && this.instance && (t || _(this.latestValues) || i) && (A(this.instance, r), this.shouldResetTransform = !1, this.scheduleRender());
+		}
+		measure(e = !0) {
+			let t = this.measurePageBox(), n = this.removeElementScroll(t);
+			return e && (n = this.removeTransform(n)), Ee(n), {
+				animationId: this.root.animationId,
+				measuredBox: t,
+				layoutBox: n,
+				latestValues: {},
+				source: this.id
+			};
+		}
+		measurePageBox() {
+			let { visualElement: e } = this.options;
+			if (!e) return u();
+			let t = e.measureViewportBox();
+			if (!(this.scroll?.wasRoot || this.path.some(De))) {
+				let { scroll: e } = this.root;
+				e && (y(t.x, e.offset.x), y(t.y, e.offset.y));
+			}
+			return t;
+		}
+		removeElementScroll(e) {
+			let t = u();
+			if (w(t, e), this.scroll?.wasRoot) return t;
+			for (let n = 0; n < this.path.length; n++) {
+				let r = this.path[n], { scroll: i, options: a } = r;
+				r !== this.root && i && a.layoutScroll && (i.wasRoot && w(t, e), y(t.x, i.offset.x), y(t.y, i.offset.y));
+			}
+			return t;
+		}
+		applyTransform(e, t = !1, n) {
+			let r = n || u();
+			w(r, e);
+			for (let e = 0; e < this.path.length; e++) {
+				let n = this.path[e];
+				!t && n.options.layoutScroll && n.scroll && n !== n.root && (y(r.x, -n.scroll.offset.x), y(r.y, -n.scroll.offset.y)), _(n.latestValues) && v(r, n.latestValues, n.layout?.layoutBox);
+			}
+			return _(this.latestValues) && v(r, this.latestValues, this.layout?.layoutBox), r;
+		}
+		removeTransform(e) {
+			let t = u();
+			w(t, e);
+			for (let e = 0; e < this.path.length; e++) {
+				let n = this.path[e];
+				if (!_(n.latestValues)) continue;
+				let r;
+				n.instance && (g(n.latestValues) && n.updateSnapshot(), r = u(), w(r, n.measurePageBox())), k(t, n.latestValues, n.snapshot?.layoutBox, r);
+			}
+			return _(this.latestValues) && k(t, this.latestValues), t;
+		}
+		setTargetDelta(e) {
+			this.targetDelta = e, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
+		}
+		setOptions(e) {
+			this.options = {
+				...this.options,
+				...e,
+				crossfade: e.crossfade === void 0 || e.crossfade
+			};
+		}
+		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 !== i.timestamp && this.relativeParent.resolveTargetDelta(!0);
+		}
+		resolveTargetDelta(e = !1) {
+			let t = this.getLead();
+			this.isProjectionDirty ||= t.isProjectionDirty, this.isTransformDirty ||= t.isTransformDirty, this.isSharedProjectionDirty ||= t.isSharedProjectionDirty;
+			let n = !!this.resumingFrom || this !== t;
+			if (!(e || n && this.isSharedProjectionDirty || this.isProjectionDirty || this.parent?.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize)) return;
+			let { layout: r, layoutId: a } = this.options;
+			if (!this.layout || !(r || a)) return;
+			this.resolvedRelativeTargetAt = i.timestamp;
+			let o = this.getClosestProjectingParent();
+			o && this.linkedParentVersion !== o.layoutVersion && !o.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && o && o.layout ? this.createRelativeTarget(o, this.layout.layoutBox, o.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = u(), this.targetWithTransforms = u()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), ae(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : w(this.target, this.layout.layoutBox), ee(this.target, this.targetDelta)) : w(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && o && !!o.resumingFrom == !!this.resumingFrom && !o.options.layoutScroll && o.target && this.animationProgress !== 1 ? this.createRelativeTarget(o, this.target, o.target) : this.relativeParent = this.relativeTarget = void 0), x.value && L.calculatedTargetDeltas++);
+		}
+		getClosestProjectingParent() {
+			if (!(!this.parent || g(this.parent.latestValues) || h(this.parent.latestValues))) return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
+		}
+		isProjecting() {
+			return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
+		}
+		createRelativeTarget(e, t, n) {
+			this.relativeParent = e, this.linkedParentVersion = e.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = u(), this.relativeTargetOrigin = u(), D(this.relativeTargetOrigin, t, n, this.options.layoutAnchor || void 0), w(this.relativeTarget, this.relativeTargetOrigin);
+		}
+		removeRelativeTarget() {
+			this.relativeParent = this.relativeTarget = void 0;
+		}
+		calcProjection() {
+			let e = this.getLead(), t = !!this.resumingFrom || this !== e, n = !0;
+			if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (n = !1), t && (this.isSharedProjectionDirty || this.isTransformDirty) && (n = !1), this.resolvedRelativeTargetAt === i.timestamp && (n = !1), n) return;
+			let { layout: r, 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 || !(r || a)) return;
+			w(this.layoutCorrected, this.layout.layoutBox);
+			let o = this.treeScale.x, s = this.treeScale.y;
+			te(this.layoutCorrected, this.treeScale, this.path, t), e.layout && !e.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (e.target = e.layout.layoutBox, e.targetWithTransforms = u());
+			let { target: c } = e;
+			if (!c) {
+				this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
+				return;
+			}
+			!this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (S(this.prevProjectionDelta.x, this.projectionDelta.x), S(this.prevProjectionDelta.y, this.projectionDelta.y)), T(this.projectionDelta, this.layoutCorrected, c, this.latestValues), (this.treeScale.x !== o || this.treeScale.y !== s || !j(this.projectionDelta.x, this.prevProjectionDelta.x) || !j(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", c)), x.value && L.calculatedProjections++;
+		}
+		hide() {
+			this.isVisible = !1;
+		}
+		show() {
+			this.isVisible = !0;
+		}
+		scheduleRender(e = !0) {
+			if (this.options.visualElement?.scheduleRender(), e) {
+				let e = this.getStack();
+				e && e.scheduleRender();
+			}
+			this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
+		}
+		createProjectionDeltas() {
+			this.prevProjectionDelta = d(), this.projectionDelta = d(), this.projectionDeltaWithTransform = d();
+		}
+		setAnimationOrigin(e, t = !1, n) {
+			let r = this.snapshot, i = r ? r.latestValues : {}, a = { ...this.latestValues }, o = d();
+			(!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !t;
+			let s = u(), c = (r ? r.source : void 0) !== (this.layout ? this.layout.source : void 0), l = this.getStack(), p = !l || l.members.length <= 1, m = !!(c && !p && this.options.crossfade === !0 && !this.path.some(Y));
+			this.animationProgress = 0;
+			let h, g = n?.interpolateProjection(e);
+			this.mixTargetDelta = (t) => {
+				let n = t / 1e3, r = g?.(n);
+				r ? (o.x.translate = r.x, o.x.scale = f(e.x.scale, 1, n), o.x.origin = e.x.origin, o.x.originPoint = e.x.originPoint, o.y.translate = r.y, o.y.scale = f(e.y.scale, 1, n), o.y.origin = e.y.origin, o.y.originPoint = e.y.originPoint) : (K(o.x, e.x, n), K(o.y, e.y, n)), this.setTargetDelta(o), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (D(s, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), J(this.relativeTarget, this.relativeTargetOrigin, s, n), h && M(this.relativeTarget, h) && (this.isProjectionDirty = !1), h ||= u(), w(h, this.relativeTarget)), c && (this.animationValues = a, se(a, i, this.latestValues, n, m, p)), r && r.rotate !== void 0 && (this.animationValues ||= a, this.animationValues.pathRotation = r.rotate), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = n;
+			}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
+		}
+		startAnimation(e) {
+			this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation &&= (n(this.pendingAnimation), void 0), this.pendingAnimation = r.update(() => {
+				I.hasAnimatedSinceResize = !0, this.motionValue ||= c(0), this.motionValue.jump(0, !1), this.currentAnimation = ce(this.motionValue, [0, 1e3], {
+					...e,
+					velocity: 0,
+					isSync: !0,
+					onUpdate: (t) => {
+						this.mixTargetDelta(t), e.onUpdate && e.onUpdate(t);
+					},
+					onComplete: () => {
+						e.onComplete && e.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);
+			let e = this.getStack();
+			e && e.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
+		}
+		finishAnimation() {
+			this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(fe), this.currentAnimation.stop()), this.completeAnimation();
+		}
+		applyTransformsToTarget() {
+			let e = this.getLead(), { targetWithTransforms: t, target: n, layout: r, latestValues: i } = e;
+			if (!(!t || !n || !r)) {
+				if (this !== e && this.layout && r && $(this.options.animationType, this.layout.layoutBox, r.layoutBox)) {
+					n = this.target || u();
+					let t = E(this.layout.layoutBox.x);
+					n.x.min = e.target.x.min, n.x.max = n.x.min + t;
+					let r = E(this.layout.layoutBox.y);
+					n.y.min = e.target.y.min, n.y.max = n.y.min + r;
+				}
+				w(t, n), v(t, i), T(this.projectionDeltaWithTransform, this.layoutCorrected, t, i);
+			}
+		}
+		registerSharedNode(e, t) {
+			this.sharedNodes.has(e) || this.sharedNodes.set(e, new de()), this.sharedNodes.get(e).add(t);
+			let n = t.options.initialPromotionConfig;
+			t.promote({
+				transition: n ? n.transition : void 0,
+				preserveFollowOpacity: n && n.shouldPreserveFollowOpacity ? n.shouldPreserveFollowOpacity(t) : void 0
+			});
+		}
+		isLead() {
+			let e = this.getStack();
+			return !e || e.lead === this;
+		}
+		getLead() {
+			let { layoutId: e } = this.options;
+			return e && this.getStack()?.lead || this;
+		}
+		getPrevLead() {
+			let { layoutId: e } = this.options;
+			return e ? this.getStack()?.prevLead : void 0;
+		}
+		getStack() {
+			let { layoutId: e } = this.options;
+			if (e) return this.root.sharedNodes.get(e);
+		}
+		promote({ needsReset: e, transition: t, preserveFollowOpacity: n } = {}) {
+			let r = this.getStack();
+			r && r.promote(this, n), e && (this.projectionDelta = void 0, this.needsReset = !0), t && this.setOptions({ transition: t });
+		}
+		relegate() {
+			let e = this.getStack();
+			return e ? e.relegate(this) : !1;
+		}
+		resetSkewAndRotation() {
+			let { visualElement: e } = this.options;
+			if (!e) return;
+			let t = !1, { latestValues: n } = e;
+			if ((n.z || n.rotate || n.rotateX || n.rotateY || n.rotateZ || n.skewX || n.skewY) && (t = !0), !t) return;
+			let r = {};
+			n.z && z("z", e, r, this.animationValues);
+			for (let t = 0; t < R.length; t++) z(`rotate${R[t]}`, e, r, this.animationValues), z(`skew${R[t]}`, e, r, this.animationValues);
+			e.render();
+			for (let t in r) e.setStaticValue(t, r[t]), this.animationValues && (this.animationValues[t] = r[t]);
+			e.scheduleRender();
+		}
+		applyProjectionStyles(e, t) {
+			if (!this.instance || this.isSVG) return;
+			if (!this.isVisible) {
+				e.visibility = "hidden";
+				return;
+			}
+			let n = this.getTransformTemplate();
+			if (this.needsReset) {
+				this.needsReset = !1, e.visibility = "", e.opacity = "", e.pointerEvents = m(t?.pointerEvents) || "", e.transform = n ? n(this.latestValues, "") : "none";
+				return;
+			}
+			let r = this.getLead();
+			if (!this.projectionDelta || !this.layout || !r.target) {
+				this.options.layoutId && (e.opacity = this.latestValues.opacity === void 0 ? 1 : this.latestValues.opacity, e.pointerEvents = m(t?.pointerEvents) || ""), this.hasProjected && !_(this.latestValues) && (e.transform = n ? n({}, "") : "none", this.hasProjected = !1);
+				return;
+			}
+			e.visibility = "";
+			let i = r.animationValues || r.latestValues;
+			this.applyTransformsToTarget();
+			let a = oe(this.projectionDeltaWithTransform, this.treeScale, i);
+			n && (a = n(i, a)), e.transform = a;
+			let { x: o, y: s } = this.projectionDelta;
+			e.transformOrigin = `${o.origin * 100}% ${s.origin * 100}% 0`, r.animationValues ? e.opacity = r === this ? i.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : i.opacityExit : e.opacity = r === this ? i.opacity === void 0 ? "" : i.opacity : i.opacityExit === void 0 ? 0 : i.opacityExit;
+			for (let t in p) {
+				if (i[t] === void 0) continue;
+				let { correct: n, applyTo: o, isCSSVariable: s } = p[t], c = a === "none" ? i[t] : n(i[t], r);
+				if (o) {
+					let t = o.length;
+					for (let n = 0; n < t; n++) e[o[n]] = c;
+				} else s ? this.options.visualElement.renderState.vars[t] = c : e[t] = c;
+			}
+			this.options.layoutId && (e.pointerEvents = r === this ? m(t?.pointerEvents) || "" : "none");
+		}
+		clearSnapshot() {
+			this.resumeFrom = this.snapshot = void 0;
+		}
+		resetTree() {
+			this.root.nodes.forEach((e) => e.currentAnimation?.stop()), this.root.nodes.forEach(U), this.root.sharedNodes.clear();
+		}
+	};
+}
+function he(e) {
+	e.updateLayout();
+}
+function ge(e) {
+	let t = e.resumeFrom?.snapshot || e.snapshot;
+	if (e.isLead() && e.layout && t && e.hasListeners("didUpdate")) {
+		let { layoutBox: n, measuredBox: r } = e.layout, { animationType: i } = e.options, a = t.source !== e.layout.source;
+		if (i === "size") F((e) => {
+			let r = a ? t.measuredBox[e] : t.layoutBox[e], i = E(r);
+			r.min = n[e].min, r.max = r.min + i;
+		});
+		else if (i === "x" || i === "y") {
+			let e = i === "x" ? "y" : "x";
+			C(a ? t.measuredBox[e] : t.layoutBox[e], n[e]);
+		} else $(i, t.layoutBox, n) && F((r) => {
+			let i = a ? t.measuredBox[r] : t.layoutBox[r], o = E(n[r]);
+			i.max = i.min + o, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[r].max = e.relativeTarget[r].min + o);
+		});
+		let o = d();
+		T(o, n, t.layoutBox);
+		let s = d();
+		a ? T(s, e.applyTransform(r, !0), t.measuredBox) : T(s, n, t.layoutBox);
+		let c = !P(o), l = !1;
+		if (!e.resumeFrom) {
+			let r = e.getClosestProjectingParent();
+			if (r && !r.resumeFrom) {
+				let { snapshot: i, layout: a } = r;
+				if (i && a) {
+					let o = e.options.layoutAnchor || void 0, s = u();
+					D(s, t.layoutBox, i.layoutBox, o);
+					let c = u();
+					D(c, n, a.layoutBox, o), N(s, c) || (l = !0), r.options.layoutRoot && (e.relativeTarget = c, e.relativeTargetOrigin = s, e.relativeParent = r);
+				}
+			}
+		}
+		e.notifyListeners("didUpdate", {
+			layout: n,
+			snapshot: t,
+			delta: s,
+			layoutDelta: o,
+			hasLayoutChanged: c,
+			hasRelativeLayoutChanged: l
+		});
+	} else if (e.isLead()) {
+		let { onExitComplete: t } = e.options;
+		t && t();
+	}
+	e.options.transition = void 0;
+}
+function V(e) {
+	x.value && L.nodes++, e.parent && (e.isProjecting() || (e.isProjectionDirty = e.parent.isProjectionDirty), e.isSharedProjectionDirty ||= !!(e.isProjectionDirty || e.parent.isProjectionDirty || e.parent.isSharedProjectionDirty), e.isTransformDirty ||= e.parent.isTransformDirty);
+}
+function H(e) {
+	e.isProjectionDirty = e.isSharedProjectionDirty = e.isTransformDirty = !1;
+}
+function _e(e) {
+	e.clearSnapshot();
+}
+function U(e) {
+	e.clearMeasurements();
+}
+function ve(e) {
+	e.isLayoutDirty = !0, e.updateLayout();
+}
+function W(e) {
+	e.isLayoutDirty = !1;
+}
+function ye(e) {
+	e.isAnimationBlocked && e.layout && !e.isLayoutDirty && (e.snapshot = e.layout, e.isLayoutDirty = !0);
+}
+function be(e) {
+	let { visualElement: t } = e.options;
+	t && t.getProps().onBeforeLayoutMeasure && t.notify("BeforeLayoutMeasure"), e.resetTransform();
+}
+function G(e) {
+	e.finishAnimation(), e.targetDelta = e.relativeTarget = e.target = void 0, e.isProjectionDirty = !0;
+}
+function xe(e) {
+	e.resolveTargetDelta();
+}
+function Se(e) {
+	e.calcProjection();
+}
+function Ce(e) {
+	e.resetSkewAndRotation();
+}
+function we(e) {
+	e.removeLeadSnapshot();
+}
+function K(e, t, n) {
+	e.translate = f(t.translate, 0, n), e.scale = f(t.scale, 1, n), e.origin = t.origin, e.originPoint = t.originPoint;
+}
+function q(e, t, n, r) {
+	e.min = f(t.min, n.min, r), e.max = f(t.max, n.max, r);
+}
+function J(e, t, n, r) {
+	q(e.x, t.x, n.x, r), q(e.y, t.y, n.y, r);
+}
+function Y(e) {
+	return e.animationValues && e.animationValues.opacityExit !== void 0;
+}
+var Te = {
+	duration: .45,
+	ease: [
+		.4,
+		0,
+		.1,
+		1
+	]
+}, X = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), Z = X("applewebkit/") && !X("chrome/") ? Math.round : t;
+function Q(e) {
+	e.min = Z(e.min), e.max = Z(e.max);
+}
+function Ee(e) {
+	Q(e.x), Q(e.y);
+}
+function $(e, t, n) {
+	return e === "position" || e === "preserve-aspect" && !O(A(t), A(n), .2);
+}
+function De(e) {
+	return e !== e.root && e.scroll?.wasRoot;
+}
+//#endregion
+export { H as cleanDirtyNodes, me as createProjectionNode, q as mixAxis, J as mixBox, V as propagateDirtyNodes };

package/dist/chunks/ui/dist/node_modules/motion-dom/dist/es/projection/node/state-vIGAz4XT.js

@@ -0,0 +1,7 @@
+//#region ../ui/dist/node_modules/motion-dom/dist/es/projection/node/state.js
+var e = {
+	hasAnimatedSinceResize: !0,
+	hasEverUpdated: !1
+};
+//#endregion
+export { e as globalProjectionState };

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

@@ -0,0 +1,51 @@
+import { addUniqueItem as e, removeItem as t } from "../../../../../motion-utils/dist/es/array-sBshpIYz.js";
+//#region ../ui/dist/node_modules/motion-dom/dist/es/projection/shared/stack.js
+var n = class {
+	constructor() {
+		this.members = [];
+	}
+	add(n) {
+		e(this.members, n);
+		for (let e = this.members.length - 1; e >= 0; e--) {
+			let r = this.members[e];
+			if (r === n || r === this.lead || r === this.prevLead) continue;
+			let i = r.instance;
+			(!i || i.isConnected === !1) && !r.snapshot && (t(this.members, r), r.unmount());
+		}
+		n.scheduleRender();
+	}
+	remove(e) {
+		if (t(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+			let e = this.members[this.members.length - 1];
+			e && this.promote(e);
+		}
+	}
+	relegate(e) {
+		for (let t = this.members.indexOf(e) - 1; t >= 0; t--) {
+			let e = this.members[t];
+			if (e.isPresent !== !1 && e.instance?.isConnected !== !1) return this.promote(e), !0;
+		}
+		return !1;
+	}
+	promote(e, t) {
+		let n = this.lead;
+		if (e !== n && (this.prevLead = n, this.lead = e, e.show(), n)) {
+			n.updateSnapshot(), e.scheduleRender();
+			let { layoutDependency: r } = n.options, { layoutDependency: i } = e.options;
+			(r === void 0 || r !== i) && (e.resumeFrom = n, t && (n.preserveOpacity = !0), n.snapshot && (e.snapshot = n.snapshot, e.snapshot.latestValues = n.animationValues || n.latestValues), e.root?.isUpdating && (e.isLayoutDirty = !0)), e.options.crossfade === !1 && n.hide();
+		}
+	}
+	exitAnimationComplete() {
+		this.members.forEach((e) => {
+			e.options.onExitComplete?.(), e.resumingFrom?.options.onExitComplete?.();
+		});
+	}
+	scheduleRender() {
+		this.members.forEach((e) => e.instance && e.scheduleRender(!1));
+	}
+	removeLeadSnapshot() {
+		this.lead?.snapshot && (this.lead.snapshot = void 0);
+	}
+};
+//#endregion
+export { n as NodeStack };

package/dist/chunks/ui/dist/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius-CWq5Vdv3.js

@@ -0,0 +1,13 @@
+import { px as e } from "../../value/types/numbers/units-Caw5JBHH.js";
+//#region ../ui/dist/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.js
+function t(e, t) {
+	return t.max === t.min ? 0 : e / (t.max - t.min) * 100;
+}
+var n = { correct: (n, r) => {
+	if (!r.target) return n;
+	if (typeof n == "string") if (e.test(n)) n = parseFloat(n);
+	else return n;
+	return `${t(n, r.target.x)}% ${t(n, r.target.y)}%`;
+} };
+//#endregion
+export { n as correctBorderRadius, t as pixelsToPercent };

package/dist/chunks/ui/dist/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow-CQ_koWXA.js

@@ -0,0 +1,13 @@
+import { complex as e } from "../../value/types/complex/index-iv0nLlT9.js";
+import { mixNumber as t } from "../../utils/mix/number-D5HUXDzn.js";
+//#region ../ui/dist/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.js
+var n = { correct: (n, { treeScale: r, projectionDelta: i }) => {
+	let a = n, o = e.parse(n);
+	if (o.length > 5) return a;
+	let s = e.createTransformer(n), c = typeof o[0] == "number" ? 0 : 1, l = i.x.scale * r.x, u = i.y.scale * r.y;
+	o[0 + c] /= l, o[1 + c] /= u;
+	let d = t(l, u, .5);
+	return typeof o[2 + c] == "number" && (o[2 + c] /= d), typeof o[3 + c] == "number" && (o[3 + c] /= d), s(o);
+} };
+//#endregion
+export { n as correctBoxShadow };