@flemo/core 1.12.1 → 1.14.0

package/dist/index.mjs

@@ -552,7 +552,7 @@ var O = (e, t, n) => {
 	let { regexp: r } = i(e);
 	for (let e = t - 1; e >= 0; e--) if (r.test(n[e].pathname)) return t - e;
 	return -1;
-}, k = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, A = async (e, t, n, r) => {
+}, k = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, ie = async (e, t, n, r) => {
 	let i, a = new Promise((t) => {
 		i = e.subscribe(() => t(!0));
 	}), o = new Promise((e) => setTimeout(() => e(!1), 200));
@@ -560,7 +560,7 @@ var O = (e, t, n) => {
 	let s = await Promise.race([a, o]);
 	i(), s && r();
 };
-function ie(e) {
+function ae(e) {
 	let { stores: t, buildPathname: n, driver: r = h(), markSelfInduced: i = v } = e, s = () => t.history.getState().bumpTruncationEpoch(), c = () => {
 		let e = r.readState();
 		if (!e?.id) return null;
@@ -616,7 +616,7 @@ function ie(e) {
 			return g({
 				...C,
 				frameIndex: T + 1
-			}), await A(r, i, v, () => {
+			}), await ie(r, i, v, () => {
 				s(), r.pushState({
 					id: h,
 					index: T + 1,
@@ -681,7 +681,7 @@ function ie(e) {
 			return v(y - 1), g({
 				...w,
 				frameIndex: E
-			}), y <= d ? await A(r, i, y, () => {
+			}), y <= d ? await ie(r, i, y, () => {
 				s(), r.pushState({
 					id: h,
 					index: E,
@@ -690,7 +690,7 @@ function ie(e) {
 					transitionName: p,
 					layoutId: m
 				}, S);
-			}) : await A(r, i, d, () => {
+			}) : await ie(r, i, d, () => {
 				s(), r.replaceState({
 					id: h,
 					index: E,
@@ -757,14 +757,14 @@ function ie(e) {
 }
 //#endregion
 //#region src/navigate/createStepController.ts
-var ae = (e) => {
+var oe = (e) => {
 	let t = e;
 	return t?.step ? t.params ?? {} : null;
-}, oe = (e, t) => {
+}, se = (e, t) => {
 	let n = new URLSearchParams(Object.fromEntries(Object.entries(t).map(([e, t]) => [e, String(t)]))).toString();
 	return n ? `${e}?${n}` : e;
 };
-function se(e) {
+function ce(e) {
 	let { stores: t, driver: n, markSelfInduced: r, buildStepPathname: i, applyParams: s } = e;
 	return {
 		pushStep: async (e) => {
@@ -822,7 +822,7 @@ function se(e) {
 		}
 	};
 }
-function ce(e, t) {
+function le(e, t) {
 	return e.subscribe((e) => {
 		let n = e.state;
 		n?.step && o.addTask(async () => {
@@ -832,7 +832,7 @@ function ce(e, t) {
 }
 //#endregion
 //#region src/transition/store.ts
-function le(t = "cupertino") {
+function ue(t = "cupertino") {
 	return e((e) => ({
 		defaultTransitionName: t,
 		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
@@ -840,12 +840,12 @@ function le(t = "cupertino") {
 }
 //#endregion
 //#region src/utils/matchesPathname.ts
-function ue(e, t) {
+function de(e, t) {
 	return i(e).regexp.test(t);
 }
 //#endregion
 //#region src/screen/store.ts
-function de() {
+function fe() {
 	return e((e) => ({
 		dragStatus: "IDLE",
 		replaceTransitionStatus: "IDLE",
@@ -876,14 +876,14 @@ function de() {
 }
 //#endregion
 //#region src/core/createRouterScope.ts
-var fe = {
+var pe = {
 	mark: () => {},
 	consume: () => !1
-}, pe = /* @__PURE__ */ new Map();
-function me(e) {
+}, me = /* @__PURE__ */ new Map();
+function he(e) {
 	let { routePaths: t, pathname: n, search: r, defaultTransitionName: i, memory: a, browserDriver: o } = e, c = d() ? void 0 : e.persistKey;
 	if (c) {
-		let e = pe.get(c);
+		let e = me.get(c);
 		if (e) {
 			e.life.alive = !0, e.navigate.getState().setStatus("IDLE"), e.navigate.getState().setTransitionTaskId(null);
 			let t = e.history.getState();
@@ -913,25 +913,25 @@ function me(e) {
 			layoutId: p.layoutId
 		},
 		url: p.pathname
-	}) : o, h = a ? fe : g(), _ = {
+	}) : o, h = a ? pe : g(), _ = {
 		history: s([p], 0),
 		navigate: re(),
-		transition: le(i),
-		screen: de(),
+		transition: ue(i),
+		screen: fe(),
 		driver: m,
 		markSelfInduced: h.mark,
 		consume: h.consume,
 		routerKey: e.routerKey,
 		zoneEntryId: e.zoneEntryId,
-		ownsPathname: (e) => ue(t, e),
+		ownsPathname: (e) => de(t, e),
 		persistent: !!c,
 		life: { alive: !0 }
 	};
-	return c && pe.set(c, _), _;
+	return c && me.set(c, _), _;
 }
 //#endregion
 //#region src/screen/createScreenSelector.ts
-function he(e, t) {
+function ge(e, t) {
 	return e.map((n, r) => ({
 		...n,
 		isActive: r === t,
@@ -944,13 +944,13 @@ function he(e, t) {
 }
 //#endregion
 //#region src/screen/computeScreenFreeze.ts
-function ge(e) {
+function _e(e) {
 	let t = e.status === "COMPLETED" && e.dragStatus === "IDLE";
 	return !e.isActive && t || e.isPrev && e.index - 2 <= e.zIndex && e.replaceTransitionStatus === "IDLE" || e.isPrev && e.index - 2 > e.zIndex;
 }
 //#endregion
 //#region src/transition/createTransition.ts
-function j({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
+function A({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
 	return {
 		name: e,
 		initial: t,
@@ -971,7 +971,7 @@ function j({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exit
 }
 //#endregion
 //#region src/transition/createRawTransition.ts
-function _e({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnExit: l, completedOnEnter: u, options: d }) {
+function ve({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnExit: l, completedOnEnter: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -992,10 +992,10 @@ function _e({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/cupertino.ts
-var ve = (e, t, n) => {
+var ye = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, ye = j({
+}, be = A({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -1005,7 +1005,7 @@ var ve = (e, t, n) => {
 	enter: {
 		value: { x: 0 },
 		options: {
-			duration: .7,
+			duration: .6,
 			ease: [
 				.32,
 				.72,
@@ -1027,9 +1027,9 @@ var ve = (e, t, n) => {
 		}
 	},
 	exit: {
-		value: { x: "-30%" },
+		value: { x: "-35%" },
 		options: {
-			duration: .7,
+			duration: .6,
 			ease: [
 				.32,
 				.72,
@@ -1055,8 +1055,8 @@ var ve = (e, t, n) => {
 		swipeDirection: "x",
 		onSwipeStart: async () => !0,
 		onSwipe: (e, t, { animate: n, currentScreen: r, prevScreen: i, onProgress: a }) => {
-			let { offset: o } = t, s = o.x, c = ve(s, [0, window.innerWidth], [0, 100]);
-			return a?.(!0, c), n(r, { x: Math.max(0, s) }, { duration: 0 }), n(i, { x: `${-30 + c * .3}%` }, { duration: 0 }), c;
+			let { offset: o } = t, s = o.x, c = ye(s, [0, window.innerWidth], [0, 100]);
+			return a?.(!0, c), n(r, { x: Math.max(0, s) }, { duration: 0 }), n(i, { x: `${-35 + c * .35}%` }, { duration: 0 }), c;
 		},
 		onSwipeEnd: async (e, t, { animate: n, currentScreen: r, prevScreen: i, onStart: a }) => {
 			let { offset: o, velocity: s } = t, c = o.x > 50 || s.x > 20;
@@ -1068,7 +1068,7 @@ var ve = (e, t, n) => {
 					0,
 					1
 				]
-			}), n(i, { x: c ? 0 : "-30%" }, {
+			}), n(i, { x: c ? 0 : "-35%" }, {
 				duration: .3,
 				ease: [
 					.32,
@@ -1079,10 +1079,10 @@ var ve = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), be = (e, t, n) => {
+}), xe = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, xe = j({
+}, Se = A({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -1110,7 +1110,7 @@ var ve = (e, t, n) => {
 		swipeDirection: "y",
 		onSwipeStart: async () => !0,
 		onSwipe: (e, t, { animate: n, currentScreen: r, onProgress: i }) => {
-			let { offset: a } = t, o = a.y, s = Math.max(0, Math.min(56, o)), c = be(s, [0, 56], [1, .96]), l = Math.max(0, o - 56), u = Math.min(1, l / 160), d = Math.sqrt(u) * 12, f = Math.max(0, s + d), p = Math.min(56, f);
+			let { offset: a } = t, o = a.y, s = Math.max(0, Math.min(56, o)), c = xe(s, [0, 56], [1, .96]), l = Math.max(0, o - 56), u = Math.min(1, l / 160), d = Math.sqrt(u) * 12, f = Math.max(0, s + d), p = Math.min(56, f);
 			return i?.(!0, 100), n(r, {
 				y: f,
 				opacity: c
@@ -1127,7 +1127,7 @@ var ve = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), Se = j({
+}), Ce = A({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -1235,7 +1235,7 @@ var ve = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), Ce = j({
+}), we = A({
 	name: "none",
 	initial: {},
 	idle: {
@@ -1258,16 +1258,16 @@ var ve = (e, t, n) => {
 		value: {},
 		options: { duration: 0 }
 	}
-}), M = new Map([
-	["none", Ce],
-	["cupertino", ye],
-	["material", Se],
-	["layout", xe]
+}), j = new Map([
+	["none", we],
+	["cupertino", be],
+	["material", Ce],
+	["layout", Se]
 ]);
 //#endregion
 //#region src/transition/resolveTransition.ts
-function we(e) {
-	return M.get(e) ?? M.get("none");
+function M(e) {
+	return j.get(e) ?? j.get("none");
 }
 //#endregion
 //#region src/transition/decorator/createDecorator.ts
@@ -1313,7 +1313,7 @@ function Ee({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var N = "rgba(0, 0, 0, 0.3)", De = Te({
+var N = "rgba(0, 0, 0, 0.2)", De = Te({
 	name: "overlay",
 	initial: {
 		opacity: 0,
@@ -1331,7 +1331,7 @@ var N = "rgba(0, 0, 0, 0.3)", De = Te({
 			opacity: 1,
 			backgroundColor: N
 		},
-		options: { duration: .7 }
+		options: { duration: .6 }
 	},
 	exit: {
 		value: {
@@ -1401,7 +1401,25 @@ var F = /* @__PURE__ */ new Map(), I = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, Ae = Object.keys(I), je = Ae, Me = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Ne = (e) => typeof e == "object" && !!e && !Array.isArray(e), Pe = new Set(/* @__PURE__ */ "opacity.scale.scaleX.scaleY.scaleZ.aspectRatio.columnCount.columns.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineHeight.lineClamp.order.orphans.tabSize.widows.zIndex.zoom.fillOpacity.floodOpacity.stopOpacity.strokeOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeWidth".split(".")), Fe = (e, t) => t.startsWith("--") || Pe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Ie = (e, t) => typeof t == "number" ? Fe(t, e) : typeof t == "string" ? t : "", Le = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Re = new Set([
+}, Ae = Object.keys(I), L = (e) => {
+	if (!e) return 0;
+	let t = e.duration;
+	return typeof t == "number" && t >= 0 ? t : 0;
+}, R = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, je = (e, t) => {
+	let n = I[t];
+	return n === "self" ? null : n === "initial" ? e.initial : e.variants[n].value;
+}, Me = (e, t) => {
+	let n = je(e, t);
+	if (n === null) return null;
+	let r = e.variants[t], i = L(r.options), a = R(r.options);
+	return i <= 0 && a <= 0 ? null : {
+		from: n,
+		to: r.value,
+		duration: i,
+		delay: a,
+		ease: r.options?.ease
+	};
+}, Ne = Ae, Pe = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Fe = (e) => typeof e == "object" && !!e && !Array.isArray(e), Ie = new Set(/* @__PURE__ */ "opacity.scale.scaleX.scaleY.scaleZ.aspectRatio.columnCount.columns.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineHeight.lineClamp.order.orphans.tabSize.widows.zIndex.zoom.fillOpacity.floodOpacity.stopOpacity.strokeOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeWidth".split(".")), Le = (e, t) => t.startsWith("--") || Ie.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Re = (e, t) => typeof t == "number" ? Le(t, e) : typeof t == "string" ? t : "", ze = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Be = new Set([
 	"x",
 	"y",
 	"z",
@@ -1412,10 +1430,10 @@ var F = /* @__PURE__ */ new Map(), I = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), ze = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Be = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ve = /^1(\.0+)?$/, He = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? Ve.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Be.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? ze.test(t.trim()) : !1, Ue = (e, t) => {
+]), Ve = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, He = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ue = /^1(\.0+)?$/, We = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? Ue.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? He.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? Ve.test(t.trim()) : !1, Ge = (e, t) => {
 	switch (e) {
-		case "x": return `translateX(${t})`;
-		case "y": return `translateY(${t})`;
+		case "x": return `translate3d(${t}, 0, 0)`;
+		case "y": return `translate3d(0, ${t}, 0)`;
 		case "z": return `translateZ(${t})`;
 		case "scale": return `scale(${t})`;
 		case "scaleX": return `scaleX(${t})`;
@@ -1426,23 +1444,32 @@ var F = /* @__PURE__ */ new Map(), I = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, We = (e) => {
-	let t = /* @__PURE__ */ new Set(), n = !1, r = (e) => {
-		if (Ne(e)) for (let r of Object.keys(e)) {
-			let i = e[r];
-			Ie(r, i) !== "" && (Re.has(r) ? n = !0 : t.add(Le(r)));
+}, Ke = (e) => {
+	let t = /* @__PURE__ */ new Map(), n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
+		if (!Fe(e)) return;
+		let n = [];
+		for (let r of Object.keys(e)) {
+			let i = e[r], a = Re(r, i);
+			if (a !== "") if (Be.has(r)) n.push(`${r}:${a}`);
+			else {
+				let e = t.get(ze(r)) ?? /* @__PURE__ */ new Set();
+				e.add(a), t.set(ze(r), e);
+			}
 		}
+		r.add(n.sort().join("|"));
 	};
-	r(e.initial);
-	for (let t of Object.values(e.variants)) r(t.value);
-	return n && t.add("transform"), Array.from(t);
-}, L = (e) => {
-	if (!Ne(e)) return [];
+	i(e.initial);
+	for (let t of Object.values(e.variants)) i(t.value);
+	n = r.size > 1;
+	let a = Array.from(t.entries()).filter(([, e]) => e.size > 1).map(([e]) => e);
+	return n && a.push("transform"), a;
+}, z = (e) => {
+	if (!Fe(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = Ie(i, a);
-		o !== "" && (Re.has(i) ? (t.push(Ue(i, o)), He(i, a) || (n = !1)) : r.push({
-			property: Le(i),
+		let a = e[i], o = Re(i, a);
+		o !== "" && (Be.has(i) ? (t.push(Ge(i, o)), We(i, a) || (n = !1)) : r.push({
+			property: ze(i),
 			value: o
 		}));
 	}
@@ -1450,7 +1477,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, R = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), z = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, B = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), V = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
 	linear: "linear",
 	easeIn: "ease-in",
 	easeOut: "ease-out",
@@ -1460,11 +1487,7 @@ var F = /* @__PURE__ */ new Map(), I = {
 	backIn: "cubic-bezier(0.31, 0.01, 0.66, -0.59)",
 	backOut: "cubic-bezier(0.33, 1.53, 0.69, 0.99)",
 	anticipate: "cubic-bezier(0.36, 0, 0.66, -0.56)"
-}[e] ?? "ease" : "ease", Ge = (e) => {
-	if (!e) return 0;
-	let t = e.duration;
-	return typeof t == "number" && t >= 0 ? t : 0;
-}, Ke = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, qe = (e, t) => {
+}[e] ?? "ease" : "ease", qe = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-screen][data-flemo-transition="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
 }, Je = (e, t) => {
@@ -1476,17 +1499,17 @@ var F = /* @__PURE__ */ new Map(), I = {
 }, Xe = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, B = (e, t, n) => `flemo-${e}-${Me(t)}-${n}`, V = (e, t, n, r, i, a) => {
-	let o = L(r), s = L(i.value), c = Ge(i.options), l = Ke(i.options), u = z(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Ye(t, n)}` : d;
+}, Ze = (e, t, n) => `flemo-${e}-${Pe(t)}-${n}`, H = (e, t, n, r, i, a) => {
+	let o = z(r), s = z(i.value), c = L(i.options), l = R(i.options), u = V(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Ye(t, n)}` : d;
 	if (s.length === 0 && o.length === 0) return "";
-	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${R(s)}\n  animation: none;\n}`;
-	let p = B(e, t, n), m = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${B(s)}\n  animation: none;\n}`;
+	let p = Ze(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		R(o).replace(/^/gm, "  "),
+		B(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		R(s).replace(/^/gm, "  "),
+		B(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1495,133 +1518,135 @@ var F = /* @__PURE__ */ new Map(), I = {
 		u,
 		l > 0 ? `${l}s` : null,
 		"both"
-	].filter(Boolean).join(" "), g = Array.from(new Set([...o.map((e) => e.property), ...s.map((e) => e.property)])), _ = g.length > 0 ? `  will-change: ${g.join(", ")};\n` : "", v = n.split("-")[0];
-	return `${m}\n${`${f} {\n  animation: ${h};\n${_}${v === "PUSHING" || v === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}${e === "screen" && n.endsWith("-false") && Ze(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${R(s)}\n}` : ""}`;
-}, Ze = (e) => {
+	].filter(Boolean).join(" "), g = new Map(o.map((e) => [e.property, e.value])), _ = new Map(s.map((e) => [e.property, e.value])), v = Array.from(new Set([...g.keys(), ..._.keys()])).filter((e) => g.get(e) !== _.get(e)), y = v.length > 0 ? `  will-change: ${v.join(", ")};\n` : "", b = n.split("-")[0];
+	return `${m}\n${`${f} {\n  animation: ${h};\n${y}${b === "PUSHING" || b === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}${e === "screen" && n.endsWith("-false") && Qe(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${B(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && Qe(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${B(s)}\n}` : ""}`;
+}, Qe = (e) => {
 	if (!e) return !1;
 	if (e.opacity === 0) return !0;
 	let t = (e) => typeof e == "string" && e.trim().endsWith("%") && Math.abs(parseFloat(e)) >= 100;
 	return t(e.x) || t(e.y);
-}, H = (e, t, n, r) => {
-	let i = L(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${R(i)}\n}`;
-}, Qe = (e, t, n = []) => {
+}, $e = (e, t, n, r) => {
+	let i = z(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${B(i)}\n}`;
+}, et = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
 		let e = t.name;
 		for (let n of Ae) {
 			let i = t.variants[n], a = I[n];
 			if (a === "self") {
-				r.push(H(qe, e, n, i));
+				r.push($e(qe, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			r.push(V("screen", e, n, o, i, qe));
+			r.push(H("screen", e, n, o, i, qe));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of je) {
+		for (let n of Ne) {
 			let i = e.variants[n], a = I[n];
 			if (a === "self") {
-				r.push(H(Je, t, n, i));
+				r.push($e(Je, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(V("decorator", t, n, o, i, Je));
+			r.push(H("decorator", t, n, o, i, Je));
 		}
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of je) {
+		for (let n of Ne) {
 			let i = e.variants[n], a = I[n];
 			if (a === "self") {
-				r.push(H(Xe, t, n, i));
+				r.push($e(Xe, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(V("part", t, n, o, i, Xe));
+			r.push(H("part", t, n, o, i, Xe));
 		}
 	}
-	return [...r.filter((e) => e.length > 0), $e].join("\n\n");
-}, $e = [
+	return [...r.filter((e) => e.length > 0), tt].join("\n\n");
+}, tt = [
 	"[data-flemo-anim-hold=\"true\"],",
 	"[data-flemo-anim-hold=\"park\"],",
+	"[data-flemo-anim-hold=\"park-under\"],",
 	"[data-flemo-anim-hold=\"true\"] [data-flemo-part-name],",
-	"[data-flemo-anim-hold=\"park\"] [data-flemo-part-name] {",
+	"[data-flemo-anim-hold=\"park\"] [data-flemo-part-name],",
+	"[data-flemo-anim-hold=\"park-under\"] [data-flemo-part-name] {",
 	"  animation-play-state: paused !important;",
 	"}"
-].join("\n"), et = (e, t) => {
+].join("\n"), nt = (e, t) => {
 	let n = I[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = Ge(r.options), a = Ke(r.options);
+	let r = e.variants[t], i = L(r.options), a = R(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = L(n === "initial" ? e.initial : e.variants[n].value), s = L(r.value);
+	let o = z(n === "initial" ? e.initial : e.variants[n].value), s = z(r.value);
 	return o.length > 0 || s.length > 0;
-}, tt = "data-flemo";
-function U() {
+}, rt = "data-flemo";
+function it() {
 	if (d()) return;
-	let e = Qe(M.values(), P.values(), F.values()), t = document.head.querySelector(`style[${tt}]`);
-	t || (t = document.createElement("style"), t.setAttribute(tt, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
+	let e = et(j.values(), P.values(), F.values()), t = document.head.querySelector(`style[${rt}]`);
+	t || (t = document.createElement("style"), t.setAttribute(rt, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
 }
 //#endregion
 //#region src/transition/registerTransitionDefinitions.ts
-var nt = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map(), W = (e, t) => {
+var at = /* @__PURE__ */ new Map(), ot = /* @__PURE__ */ new Map(), st = /* @__PURE__ */ new Map(), ct = (e, t) => {
 	e.set(t, (e.get(t) ?? 0) + 1);
-}, G = (e, t) => {
+}, lt = (e, t) => {
 	let n = (e.get(t) ?? 1) - 1;
 	return n <= 0 ? (e.delete(t), !0) : (e.set(t, n), !1);
 };
-function at(e, t, n = []) {
-	for (let t of e) M.set(t.name, t), W(nt, t.name);
-	for (let e of t) P.set(e.name, e), W(rt, e.name);
-	for (let e of n) F.set(e.name, e), W(it, e.name);
-	return U(), () => {
-		for (let t of e) G(nt, t.name) && M.delete(t.name);
-		for (let e of t) G(rt, e.name) && P.delete(e.name);
-		for (let e of n) G(it, e.name) && F.delete(e.name);
-		U();
+function ut(e, t, n = []) {
+	for (let t of e) j.set(t.name, t), ct(at, t.name);
+	for (let e of t) P.set(e.name, e), ct(ot, e.name);
+	for (let e of n) F.set(e.name, e), ct(st, e.name);
+	return it(), () => {
+		for (let t of e) lt(at, t.name) && j.delete(t.name);
+		for (let e of t) lt(ot, e.name) && P.delete(e.name);
+		for (let e of n) lt(st, e.name) && F.delete(e.name);
+		it();
 	};
 }
 //#endregion
 //#region src/transition/enteringInitialStyle.ts
-function ot(e) {
+function dt(e) {
 	let { initial: t, isActive: n, status: r } = e;
 	if (!n || r !== "PUSHING" && r !== "REPLACING") return {};
 	let i = {};
-	return typeof t.x == "number" && (i.transform = `translateX(${t.x}px)`), typeof t.x == "string" && (i.transform = `translateX(${t.x})`), typeof t.y == "number" && (i.transform = `translateY(${t.y}px)`), typeof t.y == "string" && (i.transform = `translateY(${t.y})`), typeof t.opacity == "number" && (i.opacity = `${t.opacity}`), i;
+	return typeof t.x == "number" && (i.transform = `translate3d(${t.x}px, 0, 0)`), typeof t.x == "string" && (i.transform = `translate3d(${t.x}, 0, 0)`), typeof t.y == "number" && (i.transform = `translate3d(0, ${t.y}px, 0)`), typeof t.y == "string" && (i.transform = `translate3d(0, ${t.y}, 0)`), typeof t.opacity == "number" && (i.opacity = `${t.opacity}`), i;
 }
 //#endregion
 //#region src/transition/animateInline.ts
-var st = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, K = /* @__PURE__ */ new WeakMap(), ct = (e, t) => {
-	let n = K.get(e);
-	n || (n = /* @__PURE__ */ new Set(), K.set(e, n)), n.add(t);
-}, q = (e, t) => {
+var ft = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, U = /* @__PURE__ */ new WeakMap(), W = (e, t) => {
+	let n = U.get(e);
+	n || (n = /* @__PURE__ */ new Set(), U.set(e, n)), n.add(t);
+}, G = (e, t) => {
 	if (e.style.transition = "", t) {
-		let n = K.get(e);
+		let n = U.get(e);
 		for (let r of t) e.style.removeProperty(r), n?.delete(r);
 		return;
 	}
-	let n = K.get(e);
+	let n = U.get(e);
 	if (n && n.size > 0) {
 		for (let t of n) e.style.removeProperty(t);
 		n.clear();
 		return;
 	}
 	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
-}, J = (e, t, n = {}) => {
-	if (!st(e)) return Promise.resolve();
-	let r = e, i = L(t);
+}, K = (e, t, n = {}) => {
+	if (!ft(e)) return Promise.resolve();
+	let r = e, i = z(t);
 	if (i.length === 0) return Promise.resolve();
-	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = z(n.ease);
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = V(n.ease);
 	if (a <= 0 && o <= 0) {
 		r.style.transition = "none";
-		for (let e of i) r.style.setProperty(e.property, e.value), ct(r, e.property);
+		for (let e of i) r.style.setProperty(e.property, e.value), W(r, e.property);
 		return Promise.resolve();
 	}
 	let c = i.map((e) => `${e.property} ${a}s ${s} ${o}s`).join(", ");
 	r.style.transition = c, r.offsetWidth;
-	for (let e of i) r.style.setProperty(e.property, e.value), ct(r, e.property);
+	for (let e of i) r.style.setProperty(e.property, e.value), W(r, e.property);
 	return new Promise((e) => {
 		let t = !1, n = () => {
 			t || (t = !0, r.removeEventListener("transitionend", i), e());
@@ -1630,38 +1655,457 @@ var st = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, K = /* @__
 		};
 		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
 	});
-}, Y = "data-flemo-skip-animation", X = () => {};
-function lt(e) {
+}, pt = "flemo:motion-driver", mt = "flemo:motion-driver-force", ht = !1, gt = () => {
+	try {
+		if (typeof localStorage > "u") return null;
+		let e = localStorage.getItem(mt);
+		return e !== "css" && e !== "raf" ? null : (!ht && typeof console < "u" && (ht = !0, console.warn(`[flemo] motion driver pinned to "${e}" via localStorage ${mt}; remove the key to restore automatic selection.`)), e);
+	} catch {
+		return null;
+	}
+}, _t = () => ({
+	read: () => {
+		try {
+			return typeof localStorage < "u" ? localStorage.getItem(pt) : null;
+		} catch {
+			return null;
+		}
+	},
+	write: (e) => {
+		try {
+			typeof localStorage < "u" && localStorage.setItem(pt, e);
+		} catch {}
+	}
+}), vt = 30, yt = 2, bt = 2, q = ((e = _t()) => {
+	let t = e.read() === "css", n = t;
+	t &&= !1;
+	let r = 0, i = 0, a = [];
+	return {
+		playerAllowed: () => {
+			let e = gt();
+			return e ? e === "raf" : !t;
+		},
+		beginRun: () => {
+			i = 0, a = [];
+		},
+		reportGap: (e) => {
+			a.push(e), e >= vt && (i += 1);
+		},
+		endRun: () => {
+			let a = i >= yt;
+			if (n) {
+				n = !1, a ? t = !0 : e.write("raf");
+				return;
+			}
+			a && (r += 1, r >= bt && !t && (t = !0, e.write("css")));
+		},
+		stats: () => ({
+			runGaps: [...a],
+			strikes: r,
+			demoted: t
+		})
+	};
+})(), xt = (e, t, n, r) => {
+	let i = (t) => 3 * (1 - t) * (1 - t) * t * e + 3 * (1 - t) * t * t * n + t ** 3, a = (e) => 3 * (1 - e) * (1 - e) * e * t + 3 * (1 - e) * e * e * r + e ** 3;
+	return (e) => {
+		if (e <= 0) return 0;
+		if (e >= 1) return 1;
+		let t = 0, n = 1;
+		for (let r = 0; r < 40; r++) {
+			let r = (t + n) / 2;
+			i(r) < e ? t = r : n = r;
+		}
+		return a((t + n) / 2);
+	};
+}, St = (e) => e, Ct = {
+	ease: [
+		.25,
+		.1,
+		.25,
+		1
+	],
+	easeIn: [
+		.42,
+		0,
+		1,
+		1
+	],
+	easeOut: [
+		0,
+		0,
+		.58,
+		1
+	],
+	easeInOut: [
+		.42,
+		0,
+		.58,
+		1
+	],
+	circIn: [
+		0,
+		.55,
+		.45,
+		1
+	],
+	circOut: [
+		.55,
+		0,
+		1,
+		.45
+	],
+	backIn: [
+		.31,
+		.01,
+		.66,
+		-.59
+	],
+	backOut: [
+		.33,
+		1.53,
+		.69,
+		.99
+	],
+	anticipate: [
+		.36,
+		0,
+		.66,
+		-.56
+	]
+}, wt = (e) => {
+	if (Array.isArray(e)) {
+		if (e.length === 4 && e.every((e) => typeof e == "number")) {
+			let [t, n, r, i] = e;
+			return xt(t, n, r, i);
+		}
+		return St;
+	}
+	return typeof e == "string" ? e === "linear" ? St : xt(...Ct[e] ?? Ct.ease) : xt(...Ct.ease);
+}, Tt = [
+	"x",
+	"y",
+	"z",
+	"scale",
+	"scaleX",
+	"scaleY",
+	"rotate",
+	"rotateX",
+	"rotateY",
+	"rotateZ"
+], Et = new Set(Tt), Dt = {
+	x: 0,
+	y: 0,
+	z: 0,
+	scale: 1,
+	scaleX: 1,
+	scaleY: 1,
+	rotate: 0,
+	rotateX: 0,
+	rotateY: 0,
+	rotateZ: 0
+}, Ot = (e, t) => {
+	if (typeof t == "number") return {
+		value: t,
+		unit: e === "x" || e === "y" || e === "z" ? "px" : ""
+	};
+	if (typeof t != "string") return null;
+	let n = t.trim(), r = /^(-?\d*\.?\d+)(px|%|deg)?$/.exec(n);
+	if (!r) return null;
+	let i = parseFloat(r[1]), a = r[2] ?? "";
+	return e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? a !== "deg" && !(a === "" && i === 0) ? null : {
+		value: i,
+		unit: ""
+	} : e === "scale" || e === "scaleX" || e === "scaleY" ? a === "" ? {
+		value: i,
+		unit: ""
+	} : null : a === "deg" ? null : {
+		value: i,
+		unit: a === "" && i === 0 ? "px" : a
+	};
+}, J = /-?\d*\.?\d+/g, kt = (e, t) => {
+	let n = e.match(J) ?? [], r = t.match(J) ?? [];
+	if (n.length !== r.length || e.replace(J, " ") !== t.replace(J, " ")) return null;
+	let i = n.map(Number), a = r.map(Number);
+	return (t) => {
+		let n = 0;
+		return e.replace(J, () => {
+			let e = n++, r = i[e] + (a[e] - i[e]) * t;
+			return `${Math.round(r * 1e3) / 1e3}`;
+		});
+	};
+}, At = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), jt = (e) => typeof e == "object" && !!e && !Array.isArray(e), Mt = (e) => jt(e) ? Object.keys(e) : [], Nt = (e, t) => jt(e) ? e[t] : void 0, Pt = (e, t) => {
+	let n = new Set([...Mt(e.from), ...Mt(e.to)]), r = [], i = null, a = [], o = [];
+	for (let s of n) {
+		let n = Nt(e.from, s), c = Nt(e.to, s);
+		if (Et.has(s)) {
+			let e = s, i = {
+				value: Dt[e],
+				unit: e === "x" || e === "y" || e === "z" ? "px" : ""
+			}, a = n === void 0 ? i : Ot(e, n), o = c === void 0 ? i : Ot(e, c);
+			if (!a || !o || a.unit !== o.unit && a.value !== 0 && o.value !== 0) return null;
+			let l = a.value === 0 && a.unit !== o.unit ? o.unit : a.unit, u = l === "%", d = 0;
+			u && t && (d = e === "y" ? t.offsetHeight / 100 : t.offsetWidth / 100), r.push({
+				prop: e,
+				from: {
+					value: a.value,
+					unit: l
+				},
+				to: {
+					value: o.value,
+					unit: l
+				},
+				percentBase: d
+			});
+			continue;
+		}
+		if (s === "opacity") {
+			let e = n === void 0 ? 1 : n, t = c === void 0 ? 1 : c;
+			if (typeof e != "number" || typeof t != "number") return null;
+			i = {
+				from: e,
+				to: t
+			};
+			continue;
+		}
+		if (n === void 0 || c === void 0) return null;
+		let l = typeof n == "number" ? `${n}` : n, u = typeof c == "number" ? `${c}` : c;
+		if (typeof l != "string" || typeof u != "string") return null;
+		if (l === u) {
+			o.push({
+				property: At(s),
+				value: l
+			});
+			continue;
+		}
+		let d = kt(l, u);
+		if (!d) return null;
+		a.push({
+			property: At(s),
+			mix: d
+		});
+	}
+	return {
+		transforms: r,
+		opacity: i,
+		strings: a,
+		constants: o
+	};
+}, Ft = 1, It = (e, t, n, r) => {
+	let i = 0, a = 0, o = !1, s = [], c = !0;
+	for (let l of Tt) {
+		let u = e.find((e) => e.prop === l);
+		if (!u) continue;
+		let d = u.from.value + (u.to.value - u.from.value) * t;
+		if (u.from.unit === "%" && (d *= u.percentBase), l === "x" || l === "y") {
+			let e = l === "x" ? r.x : r.y, t = (e === null || Math.abs(d - e) * n >= Ft) && n > 0 ? Math.round(d * n) / n : Math.round(d * 1e3) / 1e3;
+			l === "x" ? (r.x = d, i = t) : (r.y = d, a = t), o = !0, t !== 0 && (c = !1);
+			continue;
+		}
+		let f = Dt[l];
+		d !== f && (c = !1), l === "z" ? s.push(`translateZ(${d}px)`) : l === "scale" ? s.push(`scale(${d})`) : l === "scaleX" ? s.push(`scaleX(${d})`) : l === "scaleY" ? s.push(`scaleY(${d})`) : l === "rotate" || l === "rotateZ" ? s.push(`rotate(${d}deg)`) : l === "rotateX" ? s.push(`rotateX(${d}deg)`) : l === "rotateY" && s.push(`rotateY(${d}deg)`);
+	}
+	return !o && s.length === 0 ? "" : c ? "none" : [...o ? [`translate3d(${i}px, ${a}px, 0)`] : [], ...s].join(" ");
+}, Lt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Rt = (e) => {
+	let t = {};
+	for (let n of z(e)) t[Lt(n.property)] = n.value;
+	return t;
+}, zt = (e, t) => {
+	if (typeof e.animate != "function") return null;
+	try {
+		let n = e.animate([Rt(t.from), Rt(t.to)], {
+			duration: Math.max(0, t.duration * 1e3),
+			delay: Math.max(0, t.delay * 1e3),
+			easing: V(t.ease),
+			fill: "both"
+		});
+		return n.pause(), n.currentTime = 0, n;
+	} catch {
+		return null;
+	}
+}, Bt = () => ({
+	request: (e) => requestAnimationFrame(e),
+	cancel: (e) => cancelAnimationFrame(e),
+	devicePixelRatio: () => typeof window < "u" && window.devicePixelRatio || 1
+}), Y = ((e = Bt()) => {
+	let t = /* @__PURE__ */ new Map(), n = {
+		join: (n, r) => {
+			let i = Pt(r.motion, r.element), s = i ? null : zt(r.element, r.motion);
+			if (!i && !s) return null;
+			let c = t.get(n);
+			c || (c = {
+				tracks: [],
+				started: !1,
+				startTime: null,
+				lastTime: null,
+				frameHandle: null
+			}, t.set(n, c));
+			let l = {
+				...r,
+				parsed: i,
+				scrub: s,
+				completed: !1,
+				detached: !1,
+				snapMemory: {
+					x: null,
+					y: null
+				}
+			};
+			if (c.tracks.push(l), l.element.style.animation = "none", W(l.element, "animation"), i) {
+				i.transforms.length > 0 && W(l.element, "transform"), i.opacity && W(l.element, "opacity");
+				for (let e of i.strings) W(l.element, e.property);
+				for (let e of i.constants) W(l.element, e.property);
+				a(l, 0);
+			}
+			return r.role === "active" && !c.started && (c.started = !0, q.beginRun(), o(n, c)), () => {
+				l.detached = !0, l.scrub?.cancel(), G(l.element);
+				let r = t.get(n);
+				r && (r.tracks = r.tracks.filter((e) => e !== l), r.tracks.length === 0 && (r.frameHandle !== null && e.cancel(r.frameHandle), t.delete(n)));
+			};
+		},
+		dispose: (n) => {
+			let r = t.get(n);
+			if (r) {
+				r.frameHandle !== null && e.cancel(r.frameHandle);
+				for (let e of r.tracks) e.scrub?.cancel();
+				t.delete(n);
+			}
+		}
+	}, r = /* @__PURE__ */ new WeakMap(), i = (e) => {
+		let t = r.get(e);
+		return t || (t = wt(e.motion.ease), r.set(e, t)), t;
+	};
+	function a(t, n) {
+		let { element: r, parsed: i } = t;
+		if (!(!i || !r.isConnected)) {
+			if (i.transforms.length > 0) {
+				let a = It(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
+				a !== "" && (r.style.transform = a);
+			}
+			if (i.opacity) {
+				let { from: e, to: t } = i.opacity;
+				r.style.opacity = `${e + (t - e) * n}`;
+			}
+			for (let e of i.strings) r.style.setProperty(e.property, e.mix(n));
+			if (n === 0) for (let e of i.constants) r.style.setProperty(e.property, e.value);
+		}
+	}
+	function o(t, n) {
+		n.frameHandle = e.request((e) => {
+			n.frameHandle = null, s(t, n, e);
+		});
+	}
+	function s(e, r, s) {
+		r.startTime === null && (r.startTime = s), r.lastTime !== null && (q.reportGap(s - r.lastTime), n.onFrameGap?.(s - r.lastTime)), r.lastTime = s;
+		let c = !0;
+		for (let e of r.tracks) {
+			if (e.completed || e.detached) continue;
+			let t = e.motion.duration * 1e3, n = e.motion.delay * 1e3, o = s - r.startTime;
+			if (e.scrub) {
+				let r = n + t;
+				e.scrub.currentTime = Math.min(Math.max(0, o), r), o >= r ? (e.completed = !0, e.onComplete?.()) : c = !1;
+				continue;
+			}
+			let l = t <= 0 ? 1 : Math.min(1, Math.max(0, (o - n) / t));
+			a(e, i(e)(l)), l >= 1 ? (e.completed = !0, e.onComplete?.()) : c = !1;
+		}
+		if (c) {
+			q.endRun(), t.delete(e);
+			return;
+		}
+		o(e, r);
+	}
+	return n;
+})();
+Y.onFrameGap = (e) => {
+	if (typeof window < "u") {
+		let t = window.__flemoPlayerGaps ??= [];
+		t.push(Math.round(e * 10) / 10), t.length > 600 && t.splice(0, t.length - 600);
+	}
+};
+//#endregion
+//#region src/core/engine/types.ts
+var X = "data-flemo-skip-animation", Z = () => {};
+function Vt(e) {
 	return { driveScreenLifecycle: (t) => {
-		let { getElements: n, transitionName: r, prevTransitionName: i, status: a, isActive: s } = t;
-		if (!s) return a === "REPLACING" && i !== r && e.setReplaceTransitionStatus("PENDING"), X;
+		let { getElements: n, transitionName: r, prevTransitionName: i, status: a, isActive: s, animHoldReleased: c } = t, l = a === "PUSHING" || a === "POPPING" || a === "REPLACING", u = (t, i, a) => {
+			let s = e.getTransitionTaskId();
+			if (!s || o.pendingTaskIds.some((e) => e !== s) || !q.playerAllowed()) return null;
+			let { scope: c, decorator: l, bars: u } = n();
+			if (!c) return null;
+			let d = M(r), f = Me(d, t);
+			if (!f) return null;
+			let p = [], m = Y.join(s, {
+				element: c,
+				motion: f,
+				role: i,
+				onComplete: a
+			});
+			if (!m) return null;
+			p.push(m);
+			for (let e of u ?? []) {
+				if (!e || e.getAttribute("data-flemo-bar-riding") !== "true") continue;
+				let t = Y.join(s, {
+					element: e,
+					motion: f,
+					role: "passive"
+				});
+				t && p.push(t);
+			}
+			if (l && d.decoratorName) {
+				let e = P.get(d.decoratorName), n = e ? Me(e, t) : null;
+				if (n) {
+					let e = Y.join(s, {
+						element: l,
+						motion: n,
+						role: "passive"
+					});
+					e && p.push(e);
+				}
+			}
+			return () => p.forEach((e) => e());
+		};
+		if (!s) {
+			if (a === "COMPLETED") {
+				let { scope: e, decorator: t, bars: r } = n();
+				e && G(e), t && G(t);
+				for (let e of r ?? []) e && G(e);
+				return Z;
+			}
+			if (a === "REPLACING" && i !== r && e.setReplaceTransitionStatus("PENDING"), l && c) {
+				let e = u(`${a}-false`, "passive");
+				if (e) return e;
+			}
+			return Z;
+		}
 		if (a === "COMPLETED") {
 			e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
 			let { scope: t, decorator: r, bars: i } = n();
-			t && (q(t), t.removeAttribute(Y)), r && (q(r), r.removeAttribute(Y));
-			for (let e of i ?? []) e && (q(e), e.style.removeProperty("will-change"));
-			return X;
+			t && (G(t), t.removeAttribute(X)), r && (G(r), r.removeAttribute(X));
+			for (let e of i ?? []) e && (G(e), e.style.removeProperty("will-change"));
+			return Z;
 		}
-		if (a === "IDLE") return X;
-		let { scope: c } = n();
-		if (!c) return X;
-		let l = () => {
+		if (a === "IDLE") return Z;
+		let { scope: d } = n();
+		if (!d) return Z;
+		let f = () => {
 			let t = e.getTransitionTaskId();
 			t && o.resolveTask(t);
-		}, u = we(r), d = `${a}-true`;
-		if (!(c.getAttribute("data-flemo-skip-animation") !== "true" && et(u, d))) return queueMicrotask(l), X;
-		let f = B("screen", r, d), p = (e) => {
-			e.target === c && e.animationName === f && (c.removeEventListener("animationend", p), l());
+		}, p = M(r), m = `${a}-true`, h = d.getAttribute(X) === "true";
+		if (!(!h && nt(p, m))) return queueMicrotask(f), Z;
+		let g = Me(p, m), _ = !h && !!g, v = Ze("screen", r, m), y = (e) => {
+			e.target === d && e.animationName === v && (d.removeEventListener("animationend", y), f());
 		};
-		return c.addEventListener("animationend", p), () => {
-			c.removeEventListener("animationend", p);
+		d.addEventListener("animationend", y);
+		let b = _ && c ? u(m, "active", f) : null, x = e.getTransitionTaskId(), S = ((g?.delay ?? 0) + (g?.duration ?? .6)) * 1e3 + 1500, C = x ? setTimeout(() => void o.resolveTask(x), S) : void 0;
+		return () => {
+			C !== void 0 && clearTimeout(C), d.removeEventListener("animationend", y), b?.();
 		};
 	} };
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function Z(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = ut(e);
+function Ht(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Ut(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
@@ -1684,7 +2128,7 @@ function Z(e, t) {
 		hasMarker: !1
 	};
 }
-function ut(e) {
+function Ut(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -1702,8 +2146,8 @@ function $(e, t) {
 }
 //#endregion
 //#region src/core/engine/createSwipeController.ts
-var dt = "data-flemo-skip-animation";
-function ft(e) {
+var Wt = "data-flemo-skip-animation";
+function Gt(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -1749,9 +2193,9 @@ function ft(e) {
 			y: e.clientY
 		}, u = t;
 	}, v = (n, i, a) => {
-		let o = J(n, i, a);
-		if (n === e.getElements().scope) for (let e of r.current) J(e, i, a);
-		else if (n === t) for (let e of r.prev) J(e, i, a);
+		let o = K(n, i, a);
+		if (n === e.getElements().scope) for (let e of r.current) K(e, i, a);
+		else if (n === t) for (let e of r.prev) K(e, i, a);
 		return o;
 	}, y = (t) => {
 		let n = e.getPartnerBars(), i = [], { sharedTopBar: a, sharedBottomBar: o } = e.getElements();
@@ -1765,12 +2209,12 @@ function ft(e) {
 			current: i,
 			prev: s
 		};
-		let c = We(e.getTransition()).join(", ");
+		let c = Ke(e.getTransition()).join(", ");
 		for (let e of i) e.style.willChange = c;
 		for (let e of s) e.style.willChange = c;
 	}, b = () => {
-		for (let e of r.current) q(e), e.style.removeProperty("will-change");
-		for (let e of r.prev) q(e), e.style.removeProperty("will-change");
+		for (let e of r.current) G(e), e.style.removeProperty("will-change");
+		for (let e of r.prev) G(e), e.style.removeProperty("will-change");
 		r = {
 			current: [],
 			prev: []
@@ -1786,7 +2230,7 @@ function ft(e) {
 			let a = F.get(r.getAttribute("data-flemo-part-name"));
 			if (!a) return;
 			let o = {
-				animate: J,
+				animate: K,
 				element: r,
 				active: i
 			};
@@ -1795,7 +2239,7 @@ function ft(e) {
 		for (let e of i.current) r(e, !0);
 		for (let e of i.prev) r(e, !1);
 	}, C = () => {
-		for (let e of [...i.current, ...i.prev]) q(e);
+		for (let e of [...i.current, ...i.prev]) G(e);
 		i = {
 			current: [],
 			prev: []
@@ -1824,7 +2268,7 @@ function ft(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				m?.onSwipeStart?.(e, {
-					animate: J,
+					animate: K,
 					currentDecorator: f,
 					prevDecorator: n
 				}), S("start", e, 0);
@@ -1841,7 +2285,7 @@ function ft(e) {
 			prevScreen: t,
 			onProgress: (e, t) => {
 				c?.onSwipe?.(e, t, {
-					animate: J,
+					animate: K,
 					currentDecorator: o,
 					prevDecorator: n
 				}), S("swipe", e, t);
@@ -1860,32 +2304,32 @@ function ft(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				u?.onSwipeEnd?.(e, {
-					animate: J,
+					animate: K,
 					currentDecorator: l,
 					prevDecorator: n
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(dt, "true"), l?.setAttribute(dt, "true");
+			c?.setAttribute(Wt, "true"), l?.setAttribute(Wt, "true");
 			for (let e of r.current) e.style.removeProperty("will-change");
-			for (let e of r.prev) q(e), e.style.removeProperty("will-change");
+			for (let e of r.prev) G(e), e.style.removeProperty("will-change");
 			r = {
 				current: [],
 				prev: []
 			};
-			for (let e of i.prev) q(e);
+			for (let e of i.prev) G(e);
 			i = {
 				current: [],
 				prev: []
 			}, e.back();
-		} else c && q(c), t && q(t), l && q(l), n && q(n), b(), C(), e.setDragStatus("IDLE");
+		} else c && G(c), t && G(t), l && G(l), n && G(n), b(), C(), e.setDragStatus("IDLE");
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = Z(t.target, {
+			e.isReadyForDrag() && (f = Ht(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = Z(t.target, {
+			}), p = Ht(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -1914,7 +2358,7 @@ function ft(e) {
 }
 //#endregion
 //#region src/screen/computeBarRiding.ts
-function pt(e) {
+function Kt(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
 		app: !1,
 		nav: !1
@@ -1925,24 +2369,24 @@ function pt(e) {
 }
 //#endregion
 //#region src/screen/animStartAnchor.ts
-function mt(e) {
+function qt(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var ht = 300, gt = 20;
-function _t(e) {
-	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, gt);
+var Jt = 300, Yt = 20;
+function Xt(e) {
+	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, Yt);
 }
-function vt(e) {
-	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of _t(e)) t.decode().catch(() => {});
+function Zt(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of Xt(e)) t.decode().catch(() => {});
 }
-function yt(e, t = {}) {
-	let n = !1, r = 0, i = () => {
+function Qt(e, t = {}) {
+	let n = !1, r = 0, i = [], a = () => {
 		let r = t.scope;
 		if (!r || typeof r.querySelectorAll != "function") {
 			e();
 			return;
 		}
-		let i = _t(r);
+		let i = Xt(r);
 		if (i.length === 0) {
 			e();
 			return;
@@ -1953,16 +2397,22 @@ function yt(e, t = {}) {
 		Promise.race([a, o]).then(() => {
 			n || e();
 		});
-	}, a = requestAnimationFrame(() => {
-		r = requestAnimationFrame(i);
-	}), o = setTimeout(e, 300);
+	}, o = (e) => {
+		if (e <= 0) {
+			a();
+			return;
+		}
+		i.push(requestAnimationFrame(() => o(e - 1)));
+	}, s = requestAnimationFrame(() => {
+		r = requestAnimationFrame(() => o(t.extraFrames ?? 0));
+	}), c = setTimeout(e, 300);
 	return () => {
-		n = !0, cancelAnimationFrame(a), r && cancelAnimationFrame(r), clearTimeout(o);
+		n = !0, cancelAnimationFrame(s), r && cancelAnimationFrame(r), i.forEach((e) => cancelAnimationFrame(e)), clearTimeout(c);
 	};
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function bt(e, t) {
+function $t(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -1973,14 +2423,14 @@ function bt(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var xt = 0;
-function St(e) {
+var en = 0;
+function tn(e) {
 	let t = 0, n = () => {
 		cancelAnimationFrame(t), t = requestAnimationFrame(() => {
 			let t = document.documentElement.scrollHeight - (window.visualViewport?.height || 0);
 			t = t < 0 ? 0 : t;
-			let n = t - xt;
-			n = n < 0 ? 0 : n, xt ||= t, e(t, n);
+			let n = t - en;
+			n = n < 0 ? 0 : n, en ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -1989,7 +2439,7 @@ function St(e) {
 }
 //#endregion
 //#region src/utils/isOpaqueColor.ts
-function Ct(e) {
+function nn(e) {
 	let t = e.trim().toLowerCase();
 	if (t === "transparent" || t === "") return !1;
 	if (t.match(/^rgb\(\s*\d+[\s,]+\d+[\s,]+\d+\s*\)$/)) return !0;
@@ -2000,7 +2450,7 @@ function Ct(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function wt(e, n) {
+function rn(e, n) {
 	let i = n ?? {}, a = t(e)(Object.fromEntries(Object.entries(i).map(([e, t]) => [e, String(t)]))), o = (typeof e == "string" ? r(e) : e).tokens.filter((e) => e.type === "param").map((e) => e.name), s = Object.fromEntries(Object.entries(i).filter(([e]) => !o.includes(e))), c = new URLSearchParams(s).toString();
 	return {
 		pathname: `${a}${c ? `?${c}` : ""}`,
@@ -2008,4 +2458,4 @@ function wt(e, n) {
 	};
 }
 //#endregion
-export { ht as ANIM_HOLD_RELEASE_BACKSTOP_MS, Y as SKIP_ANIMATION_ATTR, o as TaskManger, mt as animHoldKey, J as animateInline, B as animationName, oe as appendParamsQuery, U as applyTransitionStyles, wt as buildRoutePath, $ as canProgrammaticallyScroll, q as clearInlineAnimation, We as collectAnimatedProperties, Qe as compileTransitionStyles, pt as computeBarRiding, ge as computeScreenFreeze, y as consumeSelfInducedPop, h as createBrowserHistoryDriver, Te as createDecorator, s as createHistoryStore, b as createHistorySync, ne as createMemoryHistoryDriver, re as createNavigateStore, ie as createNavigationController, Oe as createPartTransition, Ee as createRawDecorator, ke as createRawPartTransition, _e as createRawTransition, me as createRouterScope, he as createScreenSelector, de as createScreenStore, g as createSelfPopGuard, se as createStepController, ft as createSwipeController, j as createTransition, lt as createTransitionEngine, le as createTransitionStore, ye as cupertino, P as decoratorMap, vt as eagerlyDecodeImages, z as easingToCss, ee as ensureScopeHistorySync, f as ensureWindowHistoryState, ot as enteringInitialStyle, Z as findScrollable, c as getMatchedPathPattern, l as getParams, Ct as isOpaqueColor, d as isServer, xe as layout, v as markSelfInducedPop, ue as matchesPathname, Se as material, Ce as none, bt as observeBarHeight, St as observeViewportScrollHeight, Q as overflowsAxis, De as overlay, F as partTransitionMap, ae as readStepParams, at as registerTransitionDefinitions, te as releaseScopeHistorySync, we as resolveTransition, yt as scheduleAnimHoldRelease, u as seedInitialHistory, p as seedRouterEntry, ce as subscribeStepParamsRestore, L as targetToDecls, M as transitionMap, et as variantHasAnimation };
+export { Jt as ANIM_HOLD_RELEASE_BACKSTOP_MS, X as SKIP_ANIMATION_ATTR, o as TaskManger, qt as animHoldKey, K as animateInline, Ze as animationName, se as appendParamsQuery, it as applyTransitionStyles, rn as buildRoutePath, $ as canProgrammaticallyScroll, G as clearInlineAnimation, Ke as collectAnimatedProperties, et as compileTransitionStyles, Kt as computeBarRiding, _e as computeScreenFreeze, y as consumeSelfInducedPop, h as createBrowserHistoryDriver, Te as createDecorator, s as createHistoryStore, b as createHistorySync, ne as createMemoryHistoryDriver, re as createNavigateStore, ae as createNavigationController, Oe as createPartTransition, Ee as createRawDecorator, ke as createRawPartTransition, ve as createRawTransition, he as createRouterScope, ge as createScreenSelector, fe as createScreenStore, g as createSelfPopGuard, ce as createStepController, Gt as createSwipeController, A as createTransition, Vt as createTransitionEngine, ue as createTransitionStore, be as cupertino, P as decoratorMap, Zt as eagerlyDecodeImages, V as easingToCss, ee as ensureScopeHistorySync, f as ensureWindowHistoryState, dt as enteringInitialStyle, Ht as findScrollable, c as getMatchedPathPattern, l as getParams, nn as isOpaqueColor, d as isServer, Se as layout, v as markSelfInducedPop, de as matchesPathname, Ce as material, we as none, $t as observeBarHeight, tn as observeViewportScrollHeight, Q as overflowsAxis, De as overlay, F as partTransitionMap, oe as readStepParams, ut as registerTransitionDefinitions, te as releaseScopeHistorySync, M as resolveTransition, Qt as scheduleAnimHoldRelease, u as seedInitialHistory, p as seedRouterEntry, le as subscribeStepParamsRestore, z as targetToDecls, j as transitionMap, nt as variantHasAnimation };