@flemo/core 1.23.0 → 1.25.0

package/dist/index.mjs

@@ -476,7 +476,7 @@ function x(e) {
 	}, _ = n.subscribe((e) => {
 		if (!i && (d = m(), h(), w(e.pathname), !r())) return c(e);
 	});
-	if (e.routerKey && e.zoneEntryId && ee(n, e.zoneEntryId)) {
+	if (e.routerKey && e.zoneEntryId && E(n, e.zoneEntryId)) {
 		let n = t.history.getState().histories[t.history.getState().index]?.pathname, r = T(n);
 		for (let t of r) c({
 			state: t.raw?.[e.routerKey] ?? null,
@@ -498,18 +498,18 @@ var S = [], C = !1, w = (e) => {
 	if (!e) return [];
 	for (let t = S.length - 1; t >= 0; --t) if (S[t].pathname === e) return S.slice(t + 1);
 	return [];
-}, ee = (e, t) => {
+}, E = (e, t) => {
 	if (typeof window > "u") return !1;
 	let n = window.history.state;
 	return n ? Object.values(n).some((e) => !!e && typeof e == "object" && e.id === t) : !1;
 };
-function te(e, t) {
+function D(e, t) {
 	for (let n = S.length - 1; n >= 0; --n) if (S[n].pathname === t) return S[n].raw?.[e] ?? null;
 	return null;
 }
-var E = /* @__PURE__ */ new WeakMap();
-function ne(e) {
-	E.has(e) || E.set(e, x({
+var O = /* @__PURE__ */ new WeakMap();
+function k(e) {
+	O.has(e) || O.set(e, x({
 		stores: e,
 		driver: e.driver,
 		consume: e.consume,
@@ -518,12 +518,12 @@ function ne(e) {
 		ownsPathname: e.ownsPathname
 	}));
 }
-function D(e) {
-	e.persistent || (E.get(e)?.(), E.delete(e));
+function ee(e) {
+	e.persistent || (O.get(e)?.(), O.delete(e));
 }
 //#endregion
 //#region src/history/memoryHistoryDriver.ts
-function re(e) {
+function A(e) {
 	let t = [{
 		state: e?.state ?? null,
 		url: e?.url ?? "/"
@@ -565,7 +565,7 @@ function re(e) {
 }
 //#endregion
 //#region src/navigate/store.ts
-function O() {
+function te() {
 	return e((e) => ({
 		status: "IDLE",
 		transitionTaskId: null,
@@ -575,11 +575,11 @@ function O() {
 }
 //#endregion
 //#region src/navigate/createNavigationController.ts
-var ie = (e, t, n) => {
+var j = (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;
-}, ae = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, oe = async (e, t, n, r) => {
+}, ne = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, M = async (e, t, n, r) => {
 	let i, a = new Promise((t) => {
 		i = e.subscribe(() => t(!0));
 	}), o = new Promise((e) => setTimeout(() => e(!1), 200));
@@ -587,7 +587,7 @@ var ie = (e, t, n) => {
 	let s = await Promise.race([a, o]);
 	i(), s && r();
 };
-function se(e) {
+function re(e) {
 	let { stores: t, buildPathname: n, driver: r = g(), markSelfInduced: i = y } = e, o = () => t.history.getState().bumpTruncationEpoch(), c = () => {
 		let e = r.readState();
 		if (!e?.id) return null;
@@ -613,10 +613,10 @@ function se(e) {
 			}
 			let s = c(), { index: d, histories: f, addHistory: g, popHistories: _ } = t.history.getState(), v = (() => {
 				if (u?.until != null) {
-					let e = ie(u.until, d, f);
+					let e = j(u.until, d, f);
 					return e < 0 ? 0 : e;
 				}
-				return Math.min(ae(u?.skip, 0), Math.max(0, d));
+				return Math.min(ne(u?.skip, 0), Math.max(0, d));
 			})(), { setStatus: y, setTransitionTaskId: b } = t.navigate.getState();
 			y("PUSHING"), b(h);
 			let { pathname: x, toPathname: S } = n(e, l ?? {}), C = {
@@ -643,7 +643,7 @@ function se(e) {
 			return g({
 				...C,
 				frameIndex: T + 1
-			}), await oe(r, i, v, () => {
+			}), await M(r, i, v, () => {
 				o(), r.pushState({
 					id: h,
 					index: T + 1,
@@ -664,16 +664,7 @@ function se(e) {
 		})).result?.();
 	}, u = async (e, l, u) => {
 		let { status: d } = t.navigate.getState();
-		if (d !== "COMPLETED" && d !== "IDLE") {
-			await s.resolveAllPending();
-			for (let e = 0; e < 5; e++) {
-				let { status: e } = t.navigate.getState();
-				if (e === "COMPLETED" || e === "IDLE") break;
-				await new Promise((e) => setTimeout(e, 0));
-			}
-			let { status: e } = t.navigate.getState();
-			if (e !== "COMPLETED" && e !== "IDLE") return;
-		}
+		if (d !== "COMPLETED" && d !== "IDLE") return;
 		let f = t.transition.getState().defaultTransitionName, { transitionName: p = f, layoutId: m = null } = u ?? {}, h = s.generateTaskId();
 		(await s.addTask(async (a) => {
 			if (t.life && !t.life.alive) {
@@ -682,10 +673,10 @@ function se(e) {
 			}
 			let s = c(), { index: d, histories: f, addHistory: g, replaceHistory: _, popHistories: v } = t.history.getState(), y = (() => {
 				if (u?.until != null) {
-					let e = ie(u.until, d, f);
+					let e = j(u.until, d, f);
 					return e < 0 ? 0 : e + 1;
 				}
-				return Math.min(ae(u?.skip, 0) + 1, d + 1);
+				return Math.min(ne(u?.skip, 0) + 1, d + 1);
 			})();
 			if (y <= 0) {
 				a.abort();
@@ -713,23 +704,23 @@ function se(e) {
 			}), async () => {
 				_(d), b("COMPLETED");
 			};
-			let ee = y <= d ? (f[d - y]?.frameIndex ?? d - y) + 1 : f[0]?.frameIndex ?? 0;
+			let E = y <= d ? (f[d - y]?.frameIndex ?? d - y) + 1 : f[0]?.frameIndex ?? 0;
 			return v(y - 1), g({
 				...w,
-				frameIndex: ee
-			}), y <= d ? await oe(r, i, y, () => {
+				frameIndex: E
+			}), y <= d ? await M(r, i, y, () => {
 				o(), r.pushState({
 					id: h,
-					index: ee,
+					index: E,
 					status: "REPLACING",
 					params: l,
 					transitionName: p,
 					layoutId: m
 				}, S);
-			}) : await oe(r, i, d, () => {
+			}) : await M(r, i, d, () => {
 				o(), r.replaceState({
 					id: h,
-					index: ee,
+					index: E,
 					status: "REPLACING",
 					params: l,
 					transitionName: p,
@@ -782,10 +773,10 @@ function se(e) {
 		pop: async (e) => {
 			await d((t, n) => {
 				if (e?.until != null) {
-					let r = ie(e.until, t, n);
+					let r = j(e.until, t, n);
 					return r < 0 ? 0 : r;
 				}
-				let r = ae(e?.skip, 1);
+				let r = ne(e?.skip, 1);
 				return r <= 0 ? 0 : Math.min(r, t);
 			}, e?.transitionName);
 		}
@@ -793,14 +784,14 @@ function se(e) {
 }
 //#endregion
 //#region src/navigate/createStepController.ts
-var k = (e) => {
+var ie = (e) => {
 	let t = e;
 	return t?.step ? t.params ?? {} : null;
-}, ce = (e, t) => {
+}, ae = (e, t) => {
 	let n = new URLSearchParams(Object.fromEntries(Object.entries(t).map(([e, t]) => [e, String(t)]))).toString();
 	return n ? `${e}?${n}` : e;
 };
-function le(e) {
+function oe(e) {
 	let { stores: t, driver: n, markSelfInduced: r, buildStepPathname: i, applyParams: o } = e;
 	return {
 		pushStep: async (e) => {
@@ -858,7 +849,7 @@ function le(e) {
 		}
 	};
 }
-function ue(e, t) {
+function se(e, t) {
 	return e.subscribe((e) => {
 		let n = e.state;
 		n?.step && s.addTask(async () => {
@@ -868,7 +859,7 @@ function ue(e, t) {
 }
 //#endregion
 //#region src/transition/store.ts
-function de(t = "cupertino") {
+function ce(t = "cupertino") {
 	return e((e) => ({
 		defaultTransitionName: t,
 		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
@@ -876,26 +867,65 @@ function de(t = "cupertino") {
 }
 //#endregion
 //#region src/utils/matchesPathname.ts
-function fe(e, t) {
+function le(e, t) {
 	return i(e).regexp.test(t);
 }
 //#endregion
 //#region src/screen/store.ts
-function pe() {
+var ue = (e, t) => {
+	if (e) return e.height !== void 0 || e.id !== t?.id ? e : {
+		...e,
+		height: t?.height
+	};
+};
+function de() {
 	return e((e) => ({
 		dragStatus: "IDLE",
 		replaceTransitionStatus: "IDLE",
 		sharedBars: {},
+		sharedBarMetadata: {},
 		screenSurfaces: {},
 		setDragStatus: (t) => e({ dragStatus: t }),
 		setReplaceTransitionStatus: (t) => e({ replaceTransitionStatus: t }),
-		registerSharedBars: (t, n) => e((e) => ({ sharedBars: {
-			...e.sharedBars,
-			[t]: n
-		} })),
+		registerSharedBars: (t, n, r) => e((e) => {
+			let i = r ?? {
+				topBar: n.topBar ? {} : void 0,
+				bottomBar: n.bottomBar ? {} : void 0
+			}, a = e.sharedBars[t], o = e.sharedBarMetadata[t], s = {
+				topBar: ue(i.topBar, o?.topBar),
+				bottomBar: ue(i.bottomBar, o?.bottomBar)
+			}, c = a?.topBar === n.topBar && a?.bottomBar === n.bottomBar, l = o?.topBar?.id === s.topBar?.id && o?.topBar?.height === s.topBar?.height && o?.bottomBar?.id === s.bottomBar?.id && o?.bottomBar?.height === s.bottomBar?.height && !!o?.topBar == !!s.topBar && !!o?.bottomBar == !!s.bottomBar;
+			return c && l ? e : {
+				sharedBars: {
+					...e.sharedBars,
+					[t]: n
+				},
+				sharedBarMetadata: {
+					...e.sharedBarMetadata,
+					[t]: s
+				}
+			};
+		}),
+		updateSharedBarHeight: (t, n, r) => e((e) => {
+			if (r <= 0) return e;
+			let i = e.sharedBarMetadata[t], a = i?.[n];
+			return !i || !a || a.height === r ? e : { sharedBarMetadata: {
+				...e.sharedBarMetadata,
+				[t]: {
+					...i,
+					[n]: {
+						...a,
+						height: r
+					}
+				}
+			} };
+		}),
 		unregisterSharedBars: (t) => e((e) => {
-			let n = { ...e.sharedBars };
-			return delete n[t], { sharedBars: n };
+			let n = { ...e.sharedBars }, r = { ...e.sharedBarMetadata };
+			return delete n[t], delete r[t], {
+				sharedBars: n,
+				sharedBarMetadata: r
+			};
 		}),
 		registerScreenSurface: (t, n) => e((e) => {
 			let r = e.screenSurfaces[t];
@@ -912,21 +942,21 @@ function pe() {
 }
 //#endregion
 //#region src/core/createRouterScope.ts
-var me = {
+var fe = {
 	mark: () => {},
 	consume: () => !1
-}, he = /* @__PURE__ */ new Map();
-function ge(e) {
+}, pe = /* @__PURE__ */ new Map();
+function me(e) {
 	let { routePaths: t, pathname: n, search: r, defaultTransitionName: i, memory: a, browserDriver: o } = e, s = f() ? void 0 : e.persistKey;
 	if (s) {
-		let e = he.get(s);
+		let e = pe.get(s);
 		if (e) {
 			e.life.alive = !0, e.navigate.getState().setStatus("IDLE"), e.navigate.getState().setTransitionTaskId(null);
 			let t = e.history.getState();
 			return t.setPendingIndex(t.index), e;
 		}
 	}
-	let l = d(t, n, r, i), u = (e.routerKey && !f() ? te(e.routerKey, n) : null) ?? (o && !f() ? o.readState() : null), p = u?.id ? {
+	let l = d(t, n, r, i), u = (e.routerKey && !f() ? D(e.routerKey, n) : null) ?? (o && !f() ? o.readState() : null), p = u?.id ? {
 		...l,
 		id: u.id,
 		params: u.params ?? l.params,
@@ -939,7 +969,7 @@ function ge(e) {
 		index: 0,
 		histories: [p]
 	}), e.hostedScope;
-	let m = a ? re({
+	let m = a ? A({
 		state: {
 			id: p.id,
 			index: 0,
@@ -949,25 +979,25 @@ function ge(e) {
 			layoutId: p.layoutId
 		},
 		url: p.pathname
-	}) : o, h = a ? me : _(), g = {
+	}) : o, h = a ? fe : _(), g = {
 		history: c([p], 0),
-		navigate: O(),
-		transition: de(i),
-		screen: pe(),
+		navigate: te(),
+		transition: ce(i),
+		screen: de(),
 		driver: m,
 		markSelfInduced: h.mark,
 		consume: h.consume,
 		routerKey: e.routerKey,
 		zoneEntryId: e.zoneEntryId,
-		ownsPathname: (e) => fe(t, e),
+		ownsPathname: (e) => le(t, e),
 		persistent: !!s,
 		life: { alive: !0 }
 	};
-	return s && he.set(s, g), g;
+	return s && pe.set(s, g), g;
 }
 //#endregion
 //#region src/screen/createScreenSelector.ts
-function A(e, t) {
+function he(e, t) {
 	return e.map((n, r) => ({
 		...n,
 		isActive: r === t,
@@ -978,32 +1008,164 @@ function A(e, t) {
 		prevTransitionName: e[t - 1]?.transitionName
 	}));
 }
+//#endregion
+//#region src/core/engine/driverPolicy.ts
+var ge = "flemo:motion-driver-force", _e = !1, ve = () => {
+	try {
+		try {
+			typeof localStorage < "u" && localStorage.removeItem(ge);
+		} catch {}
+		if (typeof sessionStorage > "u") return null;
+		let e = sessionStorage.getItem(ge);
+		if (e === null) return null;
+		let [t, n] = e.split("@"), r = Number(n);
+		return (t === "css" || t === "raf") && n !== void 0 && Number.isFinite(r) && Math.abs(Date.now() - r) < 864e5 ? (!_e && typeof console < "u" && (_e = !0, console.warn(`[flemo] motion driver pinned to "${t}" via sessionStorage ${ge}; remove the key to restore automatic selection (pins expire after 24h).`)), t) : (sessionStorage.removeItem(ge), null);
+	} catch {
+		return null;
+	}
+}, N = () => {
+	if (typeof navigator > "u") return !1;
+	let e = navigator.userAgentData?.brands;
+	if (Array.isArray(e)) return e.some((e) => /chromium/i.test(e?.brand ?? ""));
+	let t = navigator.userAgent ?? "";
+	return /Android/i.test(t) && !/Firefox|FxiOS/i.test(t);
+}, ye = () => {
+	if (typeof navigator > "u") return !1;
+	let e = navigator.userAgentData?.brands;
+	if (Array.isArray(e)) return !1;
+	let t = navigator.userAgent ?? "";
+	return /Android/i.test(t) && !/Firefox|FxiOS/i.test(t) && (navigator.maxTouchPoints ?? 0) > 0;
+}, be = ((e = !1) => ({
+	playerAllowed: () => {
+		let t = ve();
+		return t ? t === "raf" : e;
+	},
+	pinnedDriver: ve
+}))(!0), xe = 28, Se = 42, Ce = 8, we = 20, Te = 6, Ee = 400, De = 8, Oe = "flemo:lpm", ke = () => !N() && typeof navigator < "u" && navigator.maxTouchPoints > 0 && typeof requestAnimationFrame == "function", Ae = () => {
+	try {
+		return typeof sessionStorage < "u" && sessionStorage.getItem(Oe) === "1";
+	} catch {
+		return !1;
+	}
+}, je = (e) => {
+	try {
+		typeof sessionStorage < "u" && sessionStorage.setItem(Oe, e ? "1" : "0");
+	} catch {}
+}, Me = !1, Ne = !1, Pe = !1, Fe = 12, Ie = 8, P = [], Le = null, F = !1, Re = !1, ze = !1, Be = () => {
+	if (F || !ke()) return;
+	F = !0;
+	let e = (t) => {
+		if (Le !== null && (P.push(t - Le), P.length > Fe && P.shift(), P.length >= Ie)) {
+			let e = [...P].sort((e, t) => e - t), t = e.slice(1, e.length - 1), n = t[t.length >> 1];
+			t[t.length - 1] - t[0] <= Ce && (Re = n >= xe && n <= Se, ze = !0);
+		}
+		Le = t, requestAnimationFrame(e);
+	};
+	requestAnimationFrame(e);
+}, Ve = () => Me || ze && Re, He = () => ke(), Ue = (e = 0) => {
+	if (Ne || !ke()) return;
+	Ne = !0;
+	let t = [], n = null, r = (i) => {
+		if (n !== null && t.push(i - n), n = i, t.length < Te) {
+			requestAnimationFrame(r);
+			return;
+		}
+		Ne = !1;
+		let a = [...t].sort((e, t) => e - t), o = a.slice(0, a.length - 1), s = o[0] >= xe && o[o.length - 1] <= Se && o[o.length - 1] - o[0] <= Ce, c = o[o.length - 1] <= we;
+		if (s || c) {
+			Me = s, s && o[Math.floor(o.length / 2)], je(Me);
+			return;
+		}
+		/* v8 ignore next 3 -- setTimeout exists in every runtime under test. */
+		e + 1 < De && typeof setTimeout == "function" && setTimeout(() => Ue(e + 1), Ee);
+	};
+	requestAnimationFrame(r);
+}, We = () => {
+	Be(), Ue(), !(Pe || typeof document > "u" || typeof document.addEventListener != "function") && (Pe = !0, document.addEventListener("visibilitychange", () => {
+		document.visibilityState === "visible" && Ue();
+	}));
+};
+ke() && (Me = Ae(), Be(), Ue());
+var Ge = 14, Ke = 22, qe = 2, Je = 1.5, Ye = "flemo:sixty", Xe = () => {
+	try {
+		return typeof sessionStorage < "u" ? sessionStorage.getItem(Ye) : null;
+	} catch {
+		return null;
+	}
+}, Ze = (e) => {
+	try {
+		typeof sessionStorage < "u" && sessionStorage.setItem(Ye, e);
+	} catch {}
+}, Qe = Xe(), $e = Qe === "high", et = Qe !== null && Qe !== "high" ? Math.min(qe, Math.max(0, parseInt(Qe, 10) || 0)) : 0, tt = (e, t) => {
+	if (!(!Number.isFinite(e) || e <= 0)) {
+		if (e < 12) {
+			if (t !== void 0 && t > 24) return;
+			$e = !0, et = 0, Ze("high");
+			return;
+		}
+		if (e >= Ge && e <= Ke) {
+			et = Math.min(qe, et + 1), $e || Ze(String(et));
+			return;
+		}
+		e < Ge && (et = 0, $e || Ze("0"));
+	}
+}, nt = () => !$e && et >= qe, rt = () => nt() && N() && typeof navigator < "u" && navigator.maxTouchPoints === 0 && typeof window < "u" && (window.devicePixelRatio || 1) >= Je, I = (e) => {
+	try {
+		return typeof sessionStorage < "u" ? sessionStorage.getItem(e) : null;
+	} catch {
+		return null;
+	}
+}, it = () => I("flemo:landing-snap") === "on", at = () => {
+	let e = I("flemo:imghold");
+	return e === "on" || e === "off" ? e : null;
+}, ot = () => N() && (navigator.maxTouchPoints ?? 0) > 0, st = () => {
+	try {
+		let e = typeof sessionStorage < "u" ? sessionStorage.getItem("flemo:settle-gate") : null;
+		return e === "on" ? !0 : e === "off" ? !1 : He() || rt() || ot();
+	} catch {
+		return !1;
+	}
+}, ct = () => I("flemo:handoff") === "on", lt = () => I("flemo:arrivalhold") !== "off", ut = () => I("flemo:preraster") === "on", dt = () => ut() || rt(), ft = () => {
+	let e = I("flemo:imgoffload");
+	return e === "on" || e === "off" ? e : null;
+}, pt, mt = () => {
+	if (pt !== void 0) return pt;
+	let e = I("flemo:apply");
+	return pt = e === "scrub" ? e : null, pt;
+}, ht, gt = () => {
+	if (ht !== void 0) return ht;
+	let e = I("flemo:handoff");
+	return ht = e === "on" ? e : null, ht;
+}, _t, vt = () => {
+	if (_t !== void 0) return _t;
+	let e = I("flemo:snap");
+	return _t = e === "always" || e === "off" || e === "gate" || e === "hybrid" ? e : null, _t;
+}, yt, bt = () => {
+	if (yt !== void 0) return yt;
+	let e = I("flemo:snapband"), t = e === null ? NaN : Number(e);
+	return yt = Number.isFinite(t) && t > 0 ? t : 4, yt;
+}, xt, St = () => {
+	if (xt !== void 0) return xt;
+	let e = I("flemo:handoffms"), t = e === null ? NaN : Number(e);
+	return xt = Number.isFinite(t) && t >= 0 ? t : 100, xt;
+}, Ct, wt = () => (Ct === void 0 && (Ct = I("flemo:layers") === "resident"), Ct), Tt, Et = () => (Tt === void 0 && (Tt = I("flemo:freeze") === "shallow"), Tt);
 (() => {
 	try {
 		if (typeof location > "u" || typeof sessionStorage > "u") return;
 		/[?&]flemo-freeze=shallow\b/.test(location.search) ? sessionStorage.setItem("flemo:freeze", "shallow") : /[?&]flemo-freeze=off\b/.test(location.search) && sessionStorage.removeItem("flemo:freeze");
 	} catch {}
 })();
-var j, _e = () => {
-	if (j !== void 0) return j;
-	try {
-		j = typeof sessionStorage < "u" && sessionStorage.getItem("flemo:freeze") === "shallow";
-	} catch {
-		j = !1;
-	}
-	return j;
-};
-function ve(e) {
+function Dt(e) {
 	if (e.isPrev && e.index - 2 <= e.zIndex && e.replaceTransitionStatus === "IDLE" || e.isPrev && e.index - 2 > e.zIndex) return "immediate";
 	let t = e.status === "COMPLETED" && e.dragStatus === "IDLE";
-	return !e.isActive && t ? _e() ? "live" : "deferred" : "live";
+	return !e.isActive && t ? Et() ? "live" : "deferred" : "live";
 }
-function ye(e) {
-	return ve(e) !== "live";
+function Ot(e) {
+	return Dt(e) !== "live";
 }
 //#endregion
 //#region src/transition/createTransition.ts
-function be({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
+function kt({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
 	return {
 		name: e,
 		initial: t,
@@ -1024,7 +1186,7 @@ function be({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exi
 }
 //#endregion
 //#region src/transition/createRawTransition.ts
-function xe({ 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 At({ 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,
@@ -1045,15 +1207,15 @@ function xe({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/cupertino.ts
-var Se = (e, t, n) => {
+var jt = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, Ce = 30, M = .7, N = [
+}, Mt = 30, Nt = .7, Pt = [
 	.32,
 	.72,
 	0,
 	1
-], P = be({
+], Ft = kt({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -1063,29 +1225,29 @@ var Se = (e, t, n) => {
 	enter: {
 		value: { x: 0 },
 		options: {
-			duration: M,
-			ease: N
+			duration: Nt,
+			ease: Pt
 		}
 	},
 	enterBack: {
 		value: { x: "100%" },
 		options: {
-			duration: M,
-			ease: N
+			duration: Nt,
+			ease: Pt
 		}
 	},
 	exit: {
-		value: { x: `-${Ce}%` },
+		value: { x: `-${Mt}%` },
 		options: {
-			duration: M,
-			ease: N
+			duration: Nt,
+			ease: Pt
 		}
 	},
 	exitBack: {
 		value: { x: 0 },
 		options: {
-			duration: M,
-			ease: N
+			duration: Nt,
+			ease: Pt
 		}
 	},
 	options: {
@@ -1093,24 +1255,24 @@ var Se = (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 = Se(s, [0, window.innerWidth], [0, 100]);
-			return a?.(!0, c), n(r, { x: Math.max(0, s) }, { duration: 0 }), n(i, { x: `${-30 + Ce / 100 * c}%` }, { duration: 0 }), c;
+			let { offset: o } = t, s = o.x, c = jt(s, [0, window.innerWidth], [0, 100]);
+			return a?.(!0, c), n(r, { x: Math.max(0, s) }, { duration: 0 }), n(i, { x: `${-30 + Mt / 100 * c}%` }, { 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;
 			return a?.(c), await Promise.all([n(r, { x: c ? "100%" : 0 }, {
 				duration: .3,
-				ease: N
-			}), n(i, { x: c ? 0 : `-${Ce}%` }, {
+				ease: Pt
+			}), n(i, { x: c ? 0 : `-${Mt}%` }, {
 				duration: .3,
-				ease: N
+				ease: Pt
 			})]), c;
 		}
 	}
-}), we = (e, t, n) => {
+}), It = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, F = be({
+}, Lt = kt({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -1138,7 +1300,7 @@ var Se = (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 = we(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 = It(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
@@ -1155,7 +1317,7 @@ var Se = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), Te = be({
+}), Rt = kt({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -1263,7 +1425,7 @@ var Se = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), Ee = be({
+}), zt = kt({
 	name: "none",
 	initial: {},
 	idle: {
@@ -1286,20 +1448,20 @@ var Se = (e, t, n) => {
 		value: {},
 		options: { duration: 0 }
 	}
-}), I = /* @__PURE__ */ new Map([
-	["none", Ee],
-	["cupertino", P],
-	["material", Te],
-	["layout", F]
+}), Bt = /* @__PURE__ */ new Map([
+	["none", zt],
+	["cupertino", Ft],
+	["material", Rt],
+	["layout", Lt]
 ]);
 //#endregion
 //#region src/transition/resolveTransition.ts
-function De(e) {
-	return I.get(e) ?? I.get("none");
+function L(e) {
+	return Bt.get(e) ?? Bt.get("none");
 }
 //#endregion
 //#region src/transition/decorator/createDecorator.ts
-function Oe({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function Vt({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1320,7 +1482,7 @@ function Oe({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/decorator/createRawDecorator.ts
-function ke({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
+function Ht({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -1341,30 +1503,30 @@ function ke({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var L = "rgba(0, 0, 0, 0.1)", Ae = Oe({
+var Ut = "rgba(0, 0, 0, 0.1)", Wt = Vt({
 	name: "overlay",
 	initial: {
 		opacity: 0,
-		backgroundColor: L
+		backgroundColor: Ut
 	},
 	idle: {
 		value: {
 			opacity: 0,
-			backgroundColor: L
+			backgroundColor: Ut
 		},
 		options: { duration: 0 }
 	},
 	enter: {
 		value: {
 			opacity: 1,
-			backgroundColor: L
+			backgroundColor: Ut
 		},
 		options: { duration: .7 }
 	},
 	exit: {
 		value: {
 			opacity: 0,
-			backgroundColor: L
+			backgroundColor: Ut
 		},
 		options: { duration: .7 }
 	},
@@ -1373,10 +1535,10 @@ var L = "rgba(0, 0, 0, 0.1)", Ae = Oe({
 		onSwipe: (e, t, { animate: n, prevDecorator: r }) => n(r, { opacity: Math.max(0, 1 - t / 100) }, { duration: 0 }),
 		onSwipeEnd: (e, { animate: t, prevDecorator: n }) => t(n, { opacity: +!e }, { duration: .3 })
 	}
-}), R = /* @__PURE__ */ new Map([["overlay", Ae]]);
+}), R = /* @__PURE__ */ new Map([["overlay", Wt]]);
 //#endregion
 //#region src/transition/partTransition/createPartTransition.ts
-function je({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function Gt({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1397,7 +1559,7 @@ function je({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/partTransition/createRawPartTransition.ts
-function Me({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
+function Kt({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -1418,7 +1580,7 @@ function Me({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/partTransition/partTransition.ts
-var z = /* @__PURE__ */ new Map(), Ne = {
+var z = /* @__PURE__ */ new Map(), qt = {
 	"IDLE-true": "self",
 	"IDLE-false": "self",
 	"PUSHING-true": "initial",
@@ -1429,17 +1591,17 @@ var z = /* @__PURE__ */ new Map(), Ne = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, Pe = Object.keys(Ne), Fe = (e) => {
+}, Jt = Object.keys(qt), Yt = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, Ie = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Le = (e, t) => {
-	let n = Ne[t];
+}, Xt = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Zt = (e, t) => {
+	let n = qt[t];
 	return n === "self" ? null : n === "initial" ? e.initial : e.variants[n].value;
 }, B = (e, t) => {
-	let n = Le(e, t);
+	let n = Zt(e, t);
 	if (n === null) return null;
-	let r = e.variants[t], i = Fe(r.options), a = Ie(r.options);
+	let r = e.variants[t], i = Yt(r.options), a = Xt(r.options);
 	return i <= 0 && a <= 0 ? null : {
 		from: n,
 		to: r.value,
@@ -1447,7 +1609,7 @@ var z = /* @__PURE__ */ new Map(), Ne = {
 		delay: a,
 		ease: r.options?.ease
 	};
-}, Re = Pe, ze = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Be = (e) => typeof e == "object" && !!e && !Array.isArray(e), Ve = /* @__PURE__ */ 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(".")), He = (e, t) => t.startsWith("--") || Ve.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Ue = (e, t) => typeof t == "number" ? He(t, e) : typeof t == "string" ? t : "", We = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Ge = /* @__PURE__ */ new Set([
+}, Qt = Jt, $t = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), en = (e) => typeof e == "object" && !!e && !Array.isArray(e), tn = /* @__PURE__ */ 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(".")), nn = (e, t) => t.startsWith("--") || tn.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, rn = (e, t) => typeof t == "number" ? nn(t, e) : typeof t == "string" ? t : "", an = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), on = /* @__PURE__ */ new Set([
 	"x",
 	"y",
 	"z",
@@ -1458,7 +1620,7 @@ var z = /* @__PURE__ */ new Map(), Ne = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), Ke = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, qe = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Je = /^1(\.0+)?$/, Ye = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 || typeof t == "string" && Je.test(t.trim()) : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 || typeof t == "string" && qe.test(t.trim()) : t === 0 || typeof t == "string" && Ke.test(t.trim()), Xe = (e, t) => {
+]), sn = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, cn = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, ln = /^1(\.0+)?$/, un = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 || typeof t == "string" && ln.test(t.trim()) : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 || typeof t == "string" && cn.test(t.trim()) : t === 0 || typeof t == "string" && sn.test(t.trim()), dn = (e, t) => {
 	switch (e) {
 		case "x": return `translate3d(${t}, 0, 0)`;
 		case "y": return `translate3d(0, ${t}, 0)`;
@@ -1472,16 +1634,16 @@ var z = /* @__PURE__ */ new Map(), Ne = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, Ze = (e) => {
+}, fn = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
-		if (!Be(e)) return;
+		if (!en(e)) return;
 		let n = [];
 		for (let r of Object.keys(e)) {
-			let i = e[r], a = Ue(r, i);
-			if (a !== "") if (Ge.has(r)) n.push(`${r}:${a}`);
+			let i = e[r], a = rn(r, i);
+			if (a !== "") if (on.has(r)) n.push(`${r}:${a}`);
 			else {
-				let e = t.get(We(r)) ?? /* @__PURE__ */ new Set();
-				e.add(a), t.set(We(r), e);
+				let e = t.get(an(r)) ?? /* @__PURE__ */ new Set();
+				e.add(a), t.set(an(r), e);
 			}
 		}
 		r.add(n.sort().join("|"));
@@ -1491,13 +1653,13 @@ var z = /* @__PURE__ */ new Map(), Ne = {
 	n = r.size > 1;
 	let a = Array.from(t.entries()).filter(([, e]) => e.size > 1).map(([e]) => e);
 	return n && a.push("transform"), a;
-}, V = (e) => {
-	if (!Be(e)) return [];
+}, pn = (e) => {
+	if (!en(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = Ue(i, a);
-		o !== "" && (Ge.has(i) ? (t.push(Xe(i, o)), Ye(i, a) || (n = !1)) : r.push({
-			property: We(i),
+		let a = e[i], o = rn(i, a);
+		o !== "" && (on.has(i) ? (t.push(dn(i, o)), un(i, a) || (n = !1)) : r.push({
+			property: an(i),
 			value: o
 		}));
 	}
@@ -1505,7 +1667,7 @@ var z = /* @__PURE__ */ new Map(), Ne = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, Qe = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), $e = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, V = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), mn = (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",
@@ -1515,29 +1677,29 @@ var z = /* @__PURE__ */ new Map(), Ne = {
 	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", et = (e, t) => {
+}[e] ?? "ease" : "ease", hn = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-screen][data-flemo-transition="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, tt = (e, t) => {
+}, gn = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-decorator][data-flemo-decorator-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, nt = (e, t) => {
+}, _n = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-bar][data-flemo-bar-transition="${e}"][data-flemo-bar-status="${n}"][data-flemo-bar-active="${r}"][data-flemo-bar-riding="true"]`;
-}, rt = (e, t) => {
+}, vn = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, it = (e, t, n) => `flemo-${e}-${ze(t)}-${n}`, at = (e, t, n, r, i, a) => {
-	let o = V(r), s = V(i.value), c = Fe(i.options), l = Ie(i.options), u = $e(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${nt(t, n)}` : d;
+}, yn = (e, t, n) => `flemo-${e}-${$t(t)}-${n}`, bn = (e, t, n, r, i, a) => {
+	let o = pn(r), s = pn(i.value), c = Yt(i.options), l = Xt(i.options), u = mn(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${_n(t, n)}` : d;
 	if (s.length === 0 && o.length === 0) return "";
-	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${Qe(s)}\n  animation: none;\n}`;
-	let p = it(e, t, n), m = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${V(s)}\n  animation: none;\n}`;
+	let p = yn(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		Qe(o).replace(/^/gm, "  "),
+		V(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		Qe(s).replace(/^/gm, "  "),
+		V(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1546,107 +1708,123 @@ var z = /* @__PURE__ */ new Map(), Ne = {
 		u,
 		l > 0 ? `${l}s` : null,
 		"both"
-	].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(/* @__PURE__ */ 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") && ot(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${Qe(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && ot(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${Qe(s)}\n}` : ""}`;
-}, ot = (e) => {
+	].filter(Boolean).join(" "), g = (e) => e.startsWith("REPLACING") ? .18 : e.startsWith("PUSHING") ? .1 : e.startsWith("POPPING") ? .08 : 0, _ = (() => {
+		if (e === "part") return "";
+		let t = g(n);
+		if (t <= 0 || c <= 0 || o.length === 0 && s.length === 0) return "";
+		let r = c + t, i = (t / r * 100).toFixed(3), a = `${p}-lpm`, u = f.split(",\n").map((e) => `:root[data-flemo-lpm] ${e}`).join(",\n");
+		return `\n@keyframes ${a} {\n  0%, ${i}% {\n${V(o).replace(/^/gm, "  ")}\n  }\n  100% {\n${V(s).replace(/^/gm, "  ")}\n  }\n}\n${u} {\n  animation-name: ${a};\n  animation-duration: ${r.toFixed(3)}s;\n  animation-delay: ${(l + t).toFixed(3)}s;\n}`;
+	})(), v = (() => {
+		if (e !== "part") return "";
+		let t = g(n);
+		return t <= 0 || c <= 0 ? "" : `\n${f.split(",\n").map((e) => `:root[data-flemo-lpm] ${e}`).join(",\n")} {\n  animation-delay: ${(l + t).toFixed(3)}s;\n}`;
+	})(), y = new Map(o.map((e) => [e.property, e.value])), b = new Map(s.map((e) => [e.property, e.value])), x = Array.from(/* @__PURE__ */ new Set([...y.keys(), ...b.keys()])).filter((e) => y.get(e) !== b.get(e)), S = x.length > 0 ? `  will-change: ${x.join(", ")};\n` : "", C = n.split("-")[0];
+	return `${m}\n${`${f} {\n  animation: ${h};\n${S}${C === "PUSHING" || C === "REPLACING" ? "  contain: layout;\n" : ""}}`}${_}${v}${e === "screen" && n.endsWith("-false") && xn(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${V(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && xn(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${V(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && xn(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-over"] {\n  animation: none;\n${V(s)}\n  opacity: 0.02;\n}` : ""}`;
+}, xn = (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);
-}, st = (e, t, n, r) => {
-	let i = V(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${Qe(i)}\n}`;
-}, ct = (e, t, n = []) => {
+}, Sn = (e, t, n, r) => {
+	let i = pn(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${V(i)}\n}`;
+}, Cn = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
 		let e = t.name;
-		for (let n of Pe) {
-			let i = t.variants[n], a = Ne[n];
+		for (let n of Jt) {
+			let i = t.variants[n], a = qt[n];
 			if (a === "self") {
-				r.push(st(et, e, n, i));
+				r.push(Sn(hn, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			r.push(at("screen", e, n, o, i, et));
+			r.push(bn("screen", e, n, o, i, hn));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of Re) {
-			let i = e.variants[n], a = Ne[n];
+		for (let n of Qt) {
+			let i = e.variants[n], a = qt[n];
 			if (a === "self") {
-				r.push(st(tt, t, n, i));
+				r.push(Sn(gn, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(at("decorator", t, n, o, i, tt));
+			r.push(bn("decorator", t, n, o, i, gn));
 		}
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of Re) {
-			let i = e.variants[n], a = Ne[n];
+		for (let n of Qt) {
+			let i = e.variants[n], a = qt[n];
 			if (a === "self") {
-				r.push(st(rt, t, n, i));
+				r.push(Sn(vn, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(at("part", t, n, o, i, rt));
+			r.push(bn("part", t, n, o, i, vn));
 		}
 	}
 	return [
 		...r.filter((e) => e.length > 0),
-		lt,
-		ut
+		wn,
+		Tn
 	].join("\n\n");
-}, lt = [
+}, wn = [
 	"[data-flemo-anim-hold=\"true\"],",
 	"[data-flemo-anim-hold=\"park\"],",
 	"[data-flemo-anim-hold=\"park-under\"],",
+	"[data-flemo-anim-hold=\"park-over\"],",
 	"[data-flemo-anim-hold=\"true\"] [data-flemo-part-name],",
 	"[data-flemo-anim-hold=\"park\"] [data-flemo-part-name],",
-	"[data-flemo-anim-hold=\"park-under\"] [data-flemo-part-name] {",
+	"[data-flemo-anim-hold=\"park-under\"] [data-flemo-part-name],",
+	"[data-flemo-anim-hold=\"park-over\"] [data-flemo-part-name] {",
 	"  animation-play-state: paused !important;",
 	"}"
-].join("\n"), ut = [
+].join("\n"), Tn = [
 	"[data-flemo-held-arrival] {",
 	"  display: none !important;",
 	"}"
 ].join("\n"), H = (e, t) => {
-	let n = Ne[t];
+	let n = qt[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = Fe(r.options), a = Ie(r.options);
+	let r = e.variants[t], i = Yt(r.options), a = Xt(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = V(n === "initial" ? e.initial : e.variants[n].value), s = V(r.value);
+	let o = pn(n === "initial" ? e.initial : e.variants[n].value), s = pn(r.value);
 	return o.length > 0 || s.length > 0;
-}, dt = "data-flemo";
-function ft() {
+}, En = {
+	REPLACING: 180,
+	PUSHING: 100,
+	POPPING: 80
+}, Dn = "data-flemo";
+function On() {
 	if (f()) return;
-	let e = ct(I.values(), R.values(), z.values()), t = document.head.querySelector(`style[${dt}]`);
-	t || (t = document.createElement("style"), t.setAttribute(dt, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
+	let e = Cn(Bt.values(), R.values(), z.values()), t = document.head.querySelector(`style[${Dn}]`);
+	t || (t = document.createElement("style"), t.setAttribute(Dn, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
 }
 //#endregion
 //#region src/transition/registerTransitionDefinitions.ts
-var pt = /* @__PURE__ */ new Map(), mt = /* @__PURE__ */ new Map(), ht = /* @__PURE__ */ new Map(), gt = (e, t) => {
+var kn = /* @__PURE__ */ new Map(), An = /* @__PURE__ */ new Map(), jn = /* @__PURE__ */ new Map(), Mn = (e, t) => {
 	e.set(t, (e.get(t) ?? 0) + 1);
-}, _t = (e, t) => {
+}, Nn = (e, t) => {
 	let n = (e.get(t) ?? 1) - 1;
 	return n <= 0 ? (e.delete(t), !0) : (e.set(t, n), !1);
 };
-function vt(e, t, n = []) {
-	for (let t of e) I.set(t.name, t), gt(pt, t.name);
-	for (let e of t) R.set(e.name, e), gt(mt, e.name);
-	for (let e of n) z.set(e.name, e), gt(ht, e.name);
-	return ft(), () => {
-		for (let t of e) _t(pt, t.name) && I.delete(t.name);
-		for (let e of t) _t(mt, e.name) && R.delete(e.name);
-		for (let e of n) _t(ht, e.name) && z.delete(e.name);
-		ft();
+function Pn(e, t, n = []) {
+	for (let t of e) Bt.set(t.name, t), Mn(kn, t.name);
+	for (let e of t) R.set(e.name, e), Mn(An, e.name);
+	for (let e of n) z.set(e.name, e), Mn(jn, e.name);
+	return On(), () => {
+		for (let t of e) Nn(kn, t.name) && Bt.delete(t.name);
+		for (let e of t) Nn(An, e.name) && R.delete(e.name);
+		for (let e of n) Nn(jn, e.name) && z.delete(e.name);
+		On();
 	};
 }
 //#endregion
 //#region src/transition/enteringInitialStyle.ts
-function yt(e) {
+function Fn(e) {
 	let { initial: t, isActive: n, status: r } = e;
 	if (!n || r !== "PUSHING" && r !== "REPLACING") return {};
 	let i = {};
@@ -1654,10 +1832,10 @@ function yt(e) {
 }
 //#endregion
 //#region src/transition/settleScrub.ts
-var bt = () => ({
+var In = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e)
-}), xt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), St = ((e = bt()) => {
+}), Ln = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Rn = ((e = In()) => {
 	let t = /* @__PURE__ */ new Map(), n = null, r = () => {
 		t.size === 0 && n !== null && (e.cancel(n), n = null);
 	}, i = (e, n) => {
@@ -1690,7 +1868,7 @@ var bt = () => ({
 			if (typeof r.animate != "function") return null;
 			i(r, "current");
 			let u = {};
-			for (let e of o) u[xt(e.property)] = e.value;
+			for (let e of o) u[Ln(e.property)] = e.value;
 			let d;
 			try {
 				d = r.animate([u], {
@@ -1727,82 +1905,18 @@ var bt = () => ({
 			r && (n === void 0 || r.owner === n) && i(e, "drop");
 		}
 	};
-})(), Ct = "flemo:motion-driver", wt = "flemo:motion-driver-force", Tt = !1, Et = () => {
-	try {
-		try {
-			typeof localStorage < "u" && localStorage.removeItem(wt);
-		} catch {}
-		if (typeof sessionStorage > "u") return null;
-		let e = sessionStorage.getItem(wt);
-		if (e === null) return null;
-		let [t, n] = e.split("@"), r = Number(n);
-		return (t === "css" || t === "raf") && n !== void 0 && Number.isFinite(r) && Math.abs(Date.now() - r) < 864e5 ? (!Tt && typeof console < "u" && (Tt = !0, console.warn(`[flemo] motion driver pinned to "${t}" via sessionStorage ${wt}; remove the key to restore automatic selection (pins expire after 24h).`)), t) : (sessionStorage.removeItem(wt), null);
-	} catch {
-		return null;
-	}
-}, Dt = () => ({
-	read: () => {
-		try {
-			return typeof localStorage < "u" ? localStorage.getItem(Ct) : null;
-		} catch {
-			return null;
-		}
-	},
-	write: (e) => {
-		try {
-			typeof localStorage < "u" && localStorage.setItem(Ct, e);
-		} catch {}
-	}
-}), Ot = 30, kt = 2, At = 2, U = () => {
-	if (typeof navigator > "u") return !1;
-	let e = navigator.userAgentData?.brands;
-	return Array.isArray(e) ? e.some((e) => /chromium/i.test(e?.brand ?? "")) : !1;
-}, jt = ((e = Dt(), t = !1, n = !0) => {
-	let r = n && e.read() === "css", i = r;
-	r &&= !1;
-	let a = 0, o = 0, s = [];
-	return {
-		playerAllowed: () => {
-			let e = Et();
-			return e ? e === "raf" : t && !r;
-		},
-		pinnedDriver: Et,
-		beginRun: () => {
-			o = 0, s = [];
-		},
-		reportGap: (e) => {
-			s.push(e);
-		},
-		endRun: (t) => {
-			let c = Math.max(Ot, (t ?? 1e3 / 60) * 1.8);
-			o = s.filter((e) => e >= c).length;
-			let l = o >= kt;
-			if (l && (a += 1), n) {
-				if (i) {
-					i = !1, l ? r = !0 : e.write("raf");
-					return;
-				}
-				l && a >= At && !r && (r = !0, e.write("css"));
-			}
-		},
-		stats: () => ({
-			runGaps: [...s],
-			strikes: a,
-			demoted: r
-		})
-	};
-})(Dt(), !0, U()), Mt = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, Nt = /* @__PURE__ */ new WeakMap(), Pt = Symbol("flemo-inline-writer"), Ft = /* @__PURE__ */ new WeakMap(), W = (e, t, n = Pt) => {
-	let r = Nt.get(e);
-	r || (r = /* @__PURE__ */ new Map(), Nt.set(e, r));
+})(), zn = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, Bn = /* @__PURE__ */ new WeakMap(), Vn = Symbol("flemo-inline-writer"), Hn = /* @__PURE__ */ new WeakMap(), U = (e, t, n = Vn) => {
+	let r = Bn.get(e);
+	r || (r = /* @__PURE__ */ new Map(), Bn.set(e, r));
 	let i = r.get(t);
 	i || (i = {
 		original: e.style.getPropertyValue(t),
 		owners: /* @__PURE__ */ new Set()
 	}, r.set(t, i)), i.owners.add(n);
-}, G = (e, t, n) => {
-	St.cancel(e, n);
-	let r = Nt.get(e);
-	(!n || Ft.get(e) === n) && (e.style.transition = "", Ft.delete(e));
+}, W = (e, t, n) => {
+	Rn.cancel(e, n);
+	let r = Bn.get(e);
+	(!n || Hn.get(e) === n) && (e.style.transition = "", Hn.delete(e));
 	let i = (t) => {
 		let i = r?.get(t);
 		if (!i) {
@@ -1820,27 +1934,27 @@ var bt = () => ({
 		return;
 	}
 	n || (e.style.removeProperty("transform"), e.style.removeProperty("opacity"));
-}, K = (e, t, n = {}, r) => {
-	if (!Mt(e)) return Promise.resolve();
-	let i = e, a = V(t);
+}, Un = (e, t, n = {}, r) => {
+	if (!zn(e)) return Promise.resolve();
+	let i = e, a = pn(t);
 	if (a.length === 0) return Promise.resolve();
-	let o = typeof n.duration == "number" ? n.duration : 0, s = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, c = $e(n.ease);
+	let o = typeof n.duration == "number" ? n.duration : 0, s = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, c = mn(n.ease);
 	if (o <= 0 && s <= 0) {
-		St.takeover(i, r), i.style.transition = "none", Ft.set(i, r);
-		for (let e of a) W(i, e.property, r), i.style.setProperty(e.property, e.value);
+		Rn.takeover(i, r), i.style.transition = "none", Hn.set(i, r);
+		for (let e of a) U(i, e.property, r), i.style.setProperty(e.property, e.value);
 		return Promise.resolve();
 	}
-	let l = jt.playerAllowed() ? St.settle(i, a, {
+	let l = be.playerAllowed() ? Rn.settle(i, a, {
 		durationMs: o * 1e3,
 		delayMs: s * 1e3,
 		easing: c
 	}, (e) => {
-		W(i, e.property, r), i.style.setProperty(e.property, e.value);
+		U(i, e.property, r), i.style.setProperty(e.property, e.value);
 	}, r) : null;
 	if (l) return l;
 	let u = a.map((e) => `${e.property} ${o}s ${c} ${s}s`).join(", ");
-	i.style.transition = u, Ft.set(i, r), i.offsetWidth;
-	for (let e of a) W(i, e.property, r), i.style.setProperty(e.property, e.value);
+	i.style.transition = u, Hn.set(i, r), i.offsetWidth;
+	for (let e of a) U(i, e.property, r), i.style.setProperty(e.property, e.value);
 	return new Promise((e) => {
 		let t = !1, n = () => {
 			t || (t = !0, i.removeEventListener("transitionend", r), e());
@@ -1849,17 +1963,371 @@ var bt = () => ({
 		};
 		i.addEventListener("transitionend", r), setTimeout(n, (o + s) * 1e3 + 60);
 	});
-}, It = (e) => {
+}, Wn = (e) => {
 	if (typeof e.querySelectorAll == "function") {
 		e.tagName === "IMG" && !e.hasAttribute("decoding") && e.setAttribute("decoding", "async");
 		for (let t of Array.from(e.querySelectorAll("img:not([decoding])"))) t.setAttribute("decoding", "async");
 	}
-}, Lt = "data-flemo-held-arrival";
-function Rt(e) {
+}, Gn = 0, Kn = [], qn = [];
+function Jn() {
+	let e = Gn === 0;
+	if (Gn += 1, e) for (let e of qn) e();
+	let t = !1;
+	return () => {
+		if (t || (t = !0, --Gn, Gn > 0)) return;
+		let e = Kn;
+		Kn = [];
+		for (let t of e) t();
+	};
+}
+var Yn = () => Gn > 0;
+function Xn(e) {
+	return qn.push(e), () => {
+		qn = qn.filter((t) => t !== e);
+	};
+}
+function Zn(e) {
+	Gn === 0 ? e() : Kn.push(e);
+}
+//#endregion
+//#region src/core/engine/imageDecodeOffloader.ts
+var Qn = 8, $n = 2, G = 96, er = 15e3, tr = 3e3, nr = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", K = "data-flemo-image-src", rr = "flemo-image-scale-v1", ir = /* @__PURE__ */ new Set([
+	"PUSHING",
+	"POPPING",
+	"REPLACING"
+]), ar = (e) => {
+	let t = e.closest("[data-flemo-screen]");
+	return !!t && ir.has(t.getAttribute("data-flemo-status") ?? "");
+}, or = (e) => {
+	if (e.naturalWidth <= 0 || e.naturalHeight <= 0 || e.boxWidth <= 0 || e.boxHeight <= 0) return !1;
+	let t = e.boxWidth * e.boxHeight * e.devicePixelRatio * e.devicePixelRatio;
+	return e.naturalWidth * e.naturalHeight > t * 8;
+}, sr = "onmessage = async (e) => {\n  const { url, targetWidth, neededArea, ratio } = e.data;\n  try {\n    const response = await fetch(url);\n    if (!response.ok) throw new Error(\"http \" + response.status);\n    const blob = await response.blob();\n    const full = await createImageBitmap(blob);\n    if (full.width * full.height <= neededArea * ratio) {\n      full.close();\n      postMessage({ url, skip: true });\n      return;\n    }\n    const scale = targetWidth / full.width;\n    const canvas = new OffscreenCanvas(targetWidth, Math.max(1, Math.round(full.height * scale)));\n    const context = canvas.getContext(\"2d\");\n    context.imageSmoothingQuality = \"high\";\n    context.drawImage(full, 0, 0, canvas.width, canvas.height);\n    full.close();\n    const out = await canvas.convertToBlob({ type: \"image/jpeg\", quality: 0.85 });\n    postMessage({ url, blob: out });\n  } catch (error) {\n    postMessage({ url, error: String(error) });\n  }\n};", cr = () => typeof Worker < "u" && typeof OffscreenCanvas < "u" && typeof createImageBitmap == "function" && typeof MutationObserver < "u" && typeof URL < "u" && typeof URL.createObjectURL == "function", lr = async (e, t) => {
+	try {
+		if (typeof caches > "u") return;
+		await (await caches.open(rr)).put(e, new Response(t, { headers: { "content-type": t.type } }));
+	} catch {}
+}, ur = async (e) => {
+	try {
+		if (typeof caches > "u") return null;
+		let t = await (await caches.open(rr)).match(e);
+		return t ? await t.blob() : null;
+	} catch {
+		return null;
+	}
+};
+function dr(e) {
+	if (!cr()) return () => {};
+	let t = null, n = !1, r = /* @__PURE__ */ new Map(), i = (e) => !!e && e !== "skip" && e !== "opaque", a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new WeakSet(), l = /* @__PURE__ */ new Set(), u = () => typeof devicePixelRatio == "number" ? devicePixelRatio : 1, d = () => {
+		if (t) return t;
+		try {
+			t = new Worker(URL.createObjectURL(new Blob([sr])));
+		} catch {
+			return null;
+		}
+		return t.onmessage = (e) => {
+			let { url: t, blob: n, error: r, skip: i } = e.data;
+			if (o.delete(t), r) {
+				f(t, "opaque");
+				return;
+			}
+			if (i || !n) {
+				f(t, "skip");
+				return;
+			}
+			let a = URL.createObjectURL(n);
+			l.add(a), lr(t, n), f(t, a);
+		}, t;
+	}, f = (e, t) => {
+		r.has(e) || r.set(e, t);
+		for (let [t, n] of [...s]) n.url === e && v(t, r.get(e));
+	}, p = (e, t) => {
+		let n = () => {
+			t ? e.style.visibility = t : e.style.removeProperty("visibility");
+		};
+		if (!Yn()) {
+			n();
+			return;
+		}
+		let r = !1, i = () => {
+			r || (r = !0, clearTimeout(o), a.delete(i), n());
+		}, o = setTimeout(i, tr);
+		a.add(i), Zn(i);
+	}, m = (e, t) => {
+		let n = () => {
+			if (Yn()) {
+				Zn(t);
+				return;
+			}
+			if (!ar(e) || typeof requestAnimationFrame != "function") {
+				t();
+				return;
+			}
+			requestAnimationFrame(n);
+		};
+		n();
+	}, h = (e, t) => {
+		let n = e.style.visibility;
+		e.style.visibility = "hidden";
+		let r = !1, i = () => {
+			r || (r = !0, clearTimeout(o), a.delete(i), t(), n ? e.style.visibility = n : e.style.removeProperty("visibility"));
+		}, o = setTimeout(i, tr);
+		a.add(i), m(e, i);
+	}, g = (e, t) => !Yn() && !ar(e) ? !1 : (e.setAttribute(K, t), h(e, () => {}), !0), _ = (e, t, a) => {
+		e.setAttribute(K, t), e.src = a, h(e, () => {
+			/* v8 ignore next -- disposal runs pending reveals; nothing to repair. */
+			if (n) return;
+			let a = r.get(t);
+			i(a) && e.getAttribute("data-flemo-image-src") === t && e.getAttribute("src") !== a && (e.src = a);
+		});
+	}, v = (e, t) => {
+		let n = s.get(e);
+		if (n) {
+			if (s.delete(e), clearTimeout(n.timeout), n.detachListeners?.(), n.responsive) {
+				if (i(t)) {
+					e.setAttribute(K, n.url), e.removeAttribute("srcset"), e.removeAttribute("sizes");
+					let r = e.closest("picture");
+					if (r) for (let e of Array.from(r.querySelectorAll("source"))) e.removeAttribute("srcset");
+					e.src = t;
+				}
+			} else e.getAttribute("src") === nr && (i(t) ? e.src = t : (e.removeAttribute(K), e.src = n.url));
+			p(e, n.previousVisibility);
+		}
+	}, y = /* @__PURE__ */ new Map(), b = !1, x = () => {
+		if (b = !1, n) return;
+		let e = [...y];
+		y.clear();
+		for (let [t, n] of e) C(t, n.boxWidth, n.boxHeight);
+	}, S = () => {
+		b || (b = !0, Zn(() => {
+			if (n) return;
+			let e = globalThis.requestIdleCallback;
+			typeof e == "function" ? e(() => x()) : typeof setTimeout == "function" ? setTimeout(x, 400) : x();
+		}));
+	}, C = (e, t, n) => {
+		if (r.has(e) || o.has(e)) return;
+		if (Yn() && N()) {
+			y.has(e) || y.set(e, {
+				boxWidth: t,
+				boxHeight: n
+			}), S();
+			return;
+		}
+		let i = d();
+		if (!i) return;
+		o.add(e);
+		let a = Math.round(Math.max(G, t * u()) * $n), s = Math.max(t * n, 9216) * u() ** 2;
+		i.postMessage({
+			url: e,
+			targetWidth: a,
+			neededArea: s,
+			ratio: 8
+		});
+	}, w = Xn(() => {
+		if (N() && !(!t || o.size === 0)) {
+			t.terminate(), t = null;
+			for (let e of o) {
+				if (y.has(e)) continue;
+				let t = {
+					boxWidth: G,
+					boxHeight: G
+				};
+				for (let [n, r] of s) {
+					if (r.url !== e) continue;
+					let i = n.getBoundingClientRect();
+					t = {
+						boxWidth: i.width || G,
+						boxHeight: i.height || G
+					};
+					break;
+				}
+				y.set(e, t);
+			}
+			o.clear(), y.size > 0 && S();
+		}
+	}), T = (e, t) => {
+		let i = e.complete && e.naturalWidth > 0;
+		if (i && !t) return;
+		let a = {
+			url: "",
+			previousVisibility: e.style.visibility,
+			timeout: setTimeout(() => v(e, null), er),
+			responsive: !0
+		}, o = () => {
+			/* v8 ignore next -- consider() only routes elements with an https src
+			here, so the final fallback arm is unreachable. */
+			let t = e.currentSrc || e.getAttribute("src") || "", i = e.getBoundingClientRect();
+			if (!(/^https?:/.test(t) && or({
+				naturalWidth: e.naturalWidth,
+				naturalHeight: e.naturalHeight,
+				boxWidth: i.width || G,
+				boxHeight: i.height || G,
+				devicePixelRatio: u()
+			}))) {
+				v(e, null);
+				return;
+			}
+			a.url = t;
+			let o = r.get(t);
+			if (o) {
+				v(e, o);
+				return;
+			}
+			ur(t).then((a) => {
+				if (!(n || !s.has(e))) {
+					/* v8 ignore start -- a verdict can only appear via settle(), which
+					releases every held element of the url first, so a still-held
+					element cannot observe an existing verdict here; kept as a guard
+					against future settle() reorderings. */
+					if (r.has(t)) {
+						v(e, r.get(t));
+						return;
+					}
+					/* v8 ignore stop */
+					if (a) {
+						let e = URL.createObjectURL(a);
+						l.add(e), f(t, e);
+						return;
+					}
+					C(t, i.width || G, i.height || G);
+				}
+			});
+		};
+		if (i) {
+			s.set(e, a), e.style.visibility = "hidden", o();
+			return;
+		}
+		let c = () => v(e, null);
+		a.detachListeners = () => {
+			e.removeEventListener("load", o), e.removeEventListener("error", c);
+		}, e.addEventListener("load", o), e.addEventListener("error", c), s.set(e, a), e.style.visibility = "hidden";
+	}, E = (e, t) => {
+		if (n || c.has(e) || e.getAttribute("data-flemo-image-src") !== null) return;
+		let a = e.getAttribute("src") ?? "";
+		if (!/^https?:/.test(a)) return;
+		if (e.getAttribute("srcset") !== null || e.closest("picture") !== null) {
+			c.add(e), T(e, t);
+			return;
+		}
+		if (c.add(e), e.complete && e.naturalWidth > 0) {
+			if (!t) {
+				let t = e.getBoundingClientRect();
+				C(a, t.width || G, t.height || G);
+				return;
+			}
+			let n = e.getBoundingClientRect();
+			if (!or({
+				naturalWidth: e.naturalWidth,
+				naturalHeight: e.naturalHeight,
+				boxWidth: n.width || G,
+				boxHeight: n.height || G,
+				devicePixelRatio: u()
+			})) return;
+			let o = r.get(a);
+			if (i(o)) {
+				Yn() || ar(e) ? _(e, a, o) : (e.setAttribute(K, a), e.src = o);
+				return;
+			}
+			if (o === "opaque") {
+				g(e, a);
+				return;
+			}
+			if (o === "skip") return;
+		}
+		let o = r.get(a);
+		if (o !== "skip") {
+			if (o === "opaque") {
+				g(e, a);
+				return;
+			}
+			if (o) {
+				Yn() || ar(e) ? _(e, a, o) : (e.setAttribute(K, a), e.src = o);
+				return;
+			}
+			s.set(e, {
+				url: a,
+				previousVisibility: e.style.visibility,
+				timeout: setTimeout(() => v(e, null), er)
+			}), e.style.visibility = "hidden", e.setAttribute(K, a), e.src = nr, ur(a).then((t) => {
+				if (n || r.has(a)) return;
+				if (t) {
+					let e = URL.createObjectURL(t);
+					l.add(e), f(a, e);
+					return;
+				}
+				let i = () => {
+					if (n) return;
+					let t = e.getBoundingClientRect();
+					C(a, t.width || G, t.height || G);
+				};
+				typeof requestAnimationFrame == "function" ? requestAnimationFrame(i) : i();
+			});
+		}
+	}, D = (e, t) => {
+		if (e instanceof HTMLImageElement && E(e, t), typeof e.querySelectorAll == "function") for (let n of Array.from(e.querySelectorAll("img"))) E(n, t);
+	}, O = new MutationObserver((e) => {
+		for (let t of e) for (let e of Array.from(t.addedNodes)) e instanceof Element && D(e, !0);
+	});
+	O.observe(e, {
+		childList: !0,
+		subtree: !0
+	}), D(e, !1);
+	let k = (e) => {
+		let t = e.getAttribute("src") ?? "", n = s.get(e);
+		if (n && !n.responsive) {
+			t === n.url && (e.src = nr);
+			return;
+		}
+		let a = e.getAttribute(K);
+		if (a) if (t === a) {
+			let t = r.get(a);
+			i(t) && (e.src = t);
+		} else t !== nr && !t.startsWith("blob:") && e.removeAttribute(K);
+	}, ee = !1, A = new MutationObserver((t) => {
+		if (!n) {
+			if (Yn()) {
+				if (ee) return;
+				ee = !0, Zn(() => {
+					if (ee = !1, !n) {
+						for (let t of Array.from(e.querySelectorAll(`img[${K}]`))) k(t);
+						for (let e of [...s.keys()]) k(e);
+					}
+				});
+				return;
+			}
+			for (let e of t) e.attributeName === "src" && k(e.target);
+		}
+	});
+	return A.observe(e, {
+		subtree: !0,
+		attributes: !0,
+		attributeFilter: ["src"]
+	}), () => {
+		n = !0, w(), O.disconnect(), A.disconnect(), t?.terminate(), t = null;
+		for (let e of [...s.keys()]) v(e, null);
+		for (let e of [...a]) e();
+		o.clear(), r.clear();
+		for (let e of l) URL.revokeObjectURL(e);
+		l.clear();
+	};
+}
+var fr = null;
+function pr() {
+	return typeof document > "u" || !document.body ? () => {} : (fr ? fr.count += 1 : fr = {
+		dispose: dr(document.body),
+		count: 1
+	}, () => {
+		fr && (--fr.count, fr.count <= 0 && (fr.dispose(), fr = null));
+	});
+}
+//#endregion
+//#region src/core/engine/arrivalHold.ts
+var mr = "data-flemo-held-arrival";
+function hr(e) {
 	if (typeof MutationObserver > "u") return () => {};
 	let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = (t) => {
 		let n = t instanceof Element ? t : t.parentElement;
-		return !n || n === e || n.closest(`[data-flemo-part-name], [${Lt}]`) !== null;
+		return !n || n === e || n.closest(`[data-flemo-part-name], [${mr}], [${K}]`) !== null;
 	}, s = (e, t, n, r) => e ? n === e.glass ? (e.pendingEcho ? e.pendingEcho = !1 : e.latest = n, e) : (e.latest = n, r(e.glass), e.pendingEcho = !0, e) : n === t ? null : (r(t), {
 		glass: t,
 		latest: n,
@@ -1881,7 +2349,7 @@ function Rt(e) {
 			}
 			if (i.type === "attributes") {
 				let e = i.target, t = i.attributeName;
-				if (t.startsWith("data-flemo") || !e.isConnected || o(e)) continue;
+				if (t.startsWith("data-flemo") || t === "style" && e.hasAttribute("data-flemo-img-hold") || !e.isConnected || o(e)) continue;
 				let n = d.get(e);
 				n || d.set(e, n = /* @__PURE__ */ new Map()), n.has(t) || n.set(t, i.oldValue);
 				continue;
@@ -1889,12 +2357,12 @@ function Rt(e) {
 			if (i.type === "childList") {
 				for (let e of Array.from(i.removedNodes)) if (!n.has(e)) {
 					if (e instanceof Element && t.delete(e)) {
-						e.removeAttribute(Lt);
+						e.removeAttribute(mr);
 						continue;
 					}
 					(e instanceof Element || e.nodeType === Node.TEXT_NODE) && l(i.target).removed.push(e);
 				}
-				for (let e of Array.from(i.addedNodes)) r.delete(e) || e instanceof Element && (e.setAttribute(Lt, ""), t.add(e), l(i.target).added.push(e));
+				for (let e of Array.from(i.addedNodes)) r.delete(e) || e instanceof Element && (e.setAttribute(mr, ""), t.add(e), l(i.target).added.push(e));
 			}
 		}
 		for (let [e, t] of u) {
@@ -1929,7 +2397,7 @@ function Rt(e) {
 		c.disconnect();
 		for (let e of n) e.parentNode?.removeChild(e);
 		n.clear();
-		for (let e of t) e instanceof HTMLElement && It(e), e.removeAttribute(Lt);
+		for (let e of t) e instanceof HTMLElement && Wn(e), e.removeAttribute(mr);
 		t.clear();
 		for (let [e, t] of i) e.isConnected && (e.nodeValue = t.latest);
 		i.clear();
@@ -1939,58 +2407,99 @@ function Rt(e) {
 }
 //#endregion
 //#region src/core/engine/compositorWarmUp.ts
-var zt = "data-flemo-warm", Bt = 3e3, Vt = [{ transform: "translate3d(0, 0, 0)" }, { transform: "translate3d(1px, 0, 0)" }], Ht = {
+var gr = "data-flemo-warm", _r = 3e3, vr = [{ backgroundPosition: "0px 0px" }, { backgroundPosition: "48px 0px" }], yr = {
 	duration: 500,
 	iterations: Infinity,
 	direction: "alternate",
 	easing: "linear"
-}, Ut = "position:fixed;top:0;left:0;width:1px;height:1px;pointer-events:none;opacity:0.02;background:#888;will-change:transform;", q = null, Wt = null, Gt = 0, Kt = () => {
-	Gt = 0, Wt?.cancel(), Wt = null, q?.remove(), q = null;
+}, br = "position:fixed;top:0;left:0;width:48px;height:48px;pointer-events:none;opacity:0.02;background-image:linear-gradient(90deg,#808080 0 24px,#909090 24px 48px);background-repeat:repeat;background-size:48px 48px;", xr = "data:video/webm;base64,GkXfo59ChoEBQveBAULygQRC84EIQoKEd2VibUKHgQJChYECGFOAZwEAAAAAAAeuEU2bdLpNu4tTq4QVSalmU6yBoU27i1OrhBZUrmtTrIHWTbuMU6uEElTDZ1OsggExTbuMU6uEHFO7a1Osggdg7AEAAAAAAABZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVSalmsCrXsYMPQkBNgIxMYXZmNjMuMS4xMDBXQYxMYXZmNjMuMS4xMDBEiYhAj0AAAAAAABZUrmvWrgEAAAAAAABN14EBc8WIPqUZMMrLeHecgQAitZyDdW5kiIEAhoVWX1ZQOIOBASPjg4P+UCrgkLCBCLqBCJqBAlWwhFW5gQFV7oEA7AEAAAAAAAACAAASVMNn+nNzn2PAgGfImUWjh0VOQ09ERVJEh4xMYXZmNjMuMS4xMDBzc9VjwItjxYg+pRkwyst4d2fIoEWjh0VOQ09ERVJEh5NMYXZjNjMuMS4xMDAgbGlidnB4Z8ihRaOIRFVSQVRJT05Eh5MwMDowMDowMS4wMDAwMDAwMDAAH0O2dUWq54EAo5+BAACAEAIAnQEqCAAIAABHCIWFiIWEiAICAAYZaAAAo5WBABEAsQEAARAQABgAGG/0DAAEAACjlYEAIQCxAQABEBAAGAAYb/QMAAQAAKOVgQAyALEBAAEQEAAYABhv9AwABAAAo5WBAEMAsQEAARAQABgAGG/0DAAEAACjlYEAUwCxAQABEBAAGAAYb/QMAAQAAKOVgQBkALEBAAEQEAAYABhv9AwABAAAo5SBAHUAkQEAARAQFGAAYb/QMAAQAKOXgQCFALEBAAEQEAAYADA/9AwAAAD+aACjlYEAlgCxAQABEBAAGAAYb/QMAAQAAKOXgQCnALEBAAEQEAAYADA/9AwAAAD+aACjlYEAtwCxAQABEBAAGAAYb/QMAAQAAKOXgQDIALEBAAEQEAAYADA/9AwAAAD+aACjl4EA2QCxAQABEBAAGAAwP/QMAAAA/mgAo5WBAOkAsQEAARAQFGAAYWC/0AAgAACjn4EA+oAQAgCdASoIAAgAAEcIhYWIhYSIAgIABhloAACjl4EBCwCxAQABEBAAGAAwP/QMAAAA/mgAo5WBARsAsQEAARAQABgAGG/0DAAEAACjl4EBLACxAQABEBAAGAAwP/QMAAAA/mgAo5WBAT0AsQEAARAQABgAGG/0DAAEAACjl4EBTQCxAQABEBAAGAAwP/QMAAAA/mgAo5eBAV4AsQEAARAQABgAMD/0DAAAAP5oAKOVgQFvALEBAAEQEBRgAGFgv9AAIAAAo5+BAX+AEAIAnQEqCAAIAABHCIWFiIWEiAICAAYZaAAAo5eBAZAAsQEAARAQABgAMD/0DAAAAP5oAKOVgQGhALEBAAEQEAAYABhv9AwABAAAo5WBAbEAsQEAARAQABgAGG/0DAAEAACjlYEBwgCxAQABEBAAGAAYb/QMAAQAAKOXgQHTALEBAAEQEAAYADA/9AwAAAD+aACjlYEB4wCxAQABEBAAGAAYb/QMAAQAAKOWgQH0AJEBAAEQEBRgAMD/0DAAAP5oAKOVgQIFALEBAAEQEAAYABhv9AwABAAAo5WBAhUAsQEAARAQABgAGFgYL+gMAACjlYECJgCxAQABEBAAGAAYWBgv6AwAAKOVgQI3ALEBAAEQEAAYABhYGC/oDAAAo5WBAkcAsQEAARAQABgAGFgYL+gMAACjlYECWACxAQABEBAAGAAYWBgv6AwAAKOfgQJpgBACAJ0BKggACAAARwiFhYiFhIgCAgAGGWgAAKOXgQJ5ALEBAAEQEAAYADA/9AwAAAD+aACjlYECigCxAQABEBAAGAAYb/QMAAQAAKOXgQKbALEBAAEQEAAYADA/9AwAAAD+aACjl4ECqwCxAQABEBAAGAAwP/QMAAAA/mgAo5WBArwAsQEAARAQABgAGG/0DAAEAACjlYECzQCxAQABEBAAGAAYb/QMAAQAAKOWgQLdAJEBAAEQEBRgAMD/0DAAAP5oAKOVgQLuALEBAAEQEAAYABhv9AwABAAAo5WBAv8AsQEAARAQABgAGFgYL+gMAACjlYEDDwCxAQABEBAAGAAYWBgv6AwAAKOVgQMgALEBAAEQEAAYABhYGC/oDAAAo5WBAzEAsQEAARAQABgAGFgYGBgQAACjlYEDQQCxAQABEBAAGAAYWC/0AAgAAKOVgQNSALEBAAEQEBRgAGFgv9AAIAAAo5WBA2MAsQEAARAQABgAGFgv9AAIAACjlYEDcwCxAQABEBAAGAAYWC/0AAgAAKOVgQOEALEBAAEQEAAYABhYGBgYEAAAo5WBA5UAsQEAARAQABgAGFgYL+gMAACjlYEDpQCxAQABEBAAGAAYWBgYGBAAAKOVgQO2ALEBAAEQEAAYABhYGC/oDAAAo5WBA8cAsQEAARAQABgAGFgYGBgQAACjlYED1wCxAQABEBAAGAAYWBgv6AwAABxTu2vJu4+zgQC3iveBAfGCAbDwgQO7kLOB+reL94EB8YIBsPCCAW27kbOCAX+3i/eBAfGCAbDwggI3u5GzggJpt4v3gQHxggGw8IIDiA==", q = null, Sr = null, J = null, Cr = null, wr = 0, Tr = () => {
+	wr = 0, Cr?.cancel(), Cr = null, J?.remove(), J = null;
 };
-function qt() {
+function Er() {
 	if (typeof document > "u" || !document.body || typeof Element > "u" || typeof Element.prototype.animate != "function") return () => {};
-	if (Gt += 1, !q) {
-		q = document.createElement("div"), q.setAttribute(zt, ""), q.setAttribute("aria-hidden", "true"), q.setAttribute("style", Ut), document.body.appendChild(q);
+	if (wr += 1, !J) {
+		J = document.createElement("div"), J.setAttribute(gr, ""), J.setAttribute("aria-hidden", "true"), J.setAttribute("style", br), document.body.appendChild(J);
 		try {
-			Wt = q.animate(Vt, Ht);
+			Cr = J.animate(vr, yr);
+		} catch {
+			Cr = null;
+		}
+		if (!q && rt()) try {
+			q = document.createElement("video"), q.muted = !0, q.loop = !0, q.playsInline = !0, q.setAttribute("aria-hidden", "true"), q.setAttribute("data-flemo-warm-video", ""), q.setAttribute("style", "position:fixed;top:0;left:52px;width:8px;height:8px;pointer-events:none;opacity:0.02;"), q.src = xr, document.body.appendChild(q), q.play()?.catch?.(() => {});
+			let e = q;
+			Sr = () => {
+				document.visibilityState === "hidden" ? e.pause() : e.play()?.catch?.(() => {});
+			}, document.addEventListener("visibilitychange", Sr);
 		} catch {
-			Wt = null;
+			q = null;
 		}
 	}
 	let e = !1, t = setTimeout(() => {
-		e || (e = !0, --Gt, Gt <= 0 && Kt());
-	}, Bt);
+		e || (e = !0, --wr, wr <= 0 && Tr());
+	}, _r);
 	return () => {
-		e || (e = !0, clearTimeout(t), --Gt, Gt <= 0 && Kt());
+		e || (e = !0, clearTimeout(t), --wr, wr <= 0 && Tr());
 	};
 }
 //#endregion
 //#region src/core/engine/emulationNotice.ts
-var Jt = () => {
+var Dr = () => {
 	if (typeof navigator > "u") return !1;
 	let e = navigator.platform ?? "";
 	return /Mac/i.test(e) ? (navigator.maxTouchPoints ?? 0) > 0 : !1;
-}, Yt = !1, Xt = () => {
-	Yt || !U() || !Jt() || (Yt = !0, console.warn("[flemo] DevTools device emulation detected. The emulated view is composited through an extra scaling pass, so transitions can show text shimmer and settle flashes that do NOT exist in a plain window or on a real device. Judge motion quality outside device emulation."));
-}, Zt = () => {}, Qt = .004, $t = (e, t) => {
+}, Or = !1, kr = () => {
+	Or || !N() || !Dr() || (Or = !0, console.warn("[flemo] DevTools device emulation detected. The emulated view is composited through an extra scaling pass, so transitions can show text shimmer and settle flashes that do NOT exist in a plain window or on a real device. Judge motion quality outside device emulation."));
+}, Ar = "data-flemo-img-hold", jr = (e) => !(e.complete && e.naturalWidth > 0), Mr = 4, Nr = (e) => {
+	if (!(e.complete && e.naturalWidth > 0)) return !1;
+	let t = e.getBoundingClientRect(), n = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, r = Math.max(1, t.width * n) * Math.max(1, t.height * n);
+	return e.naturalWidth * e.naturalHeight > r * Mr;
+}, Pr = (e, t) => jr(e) || !t && Nr(e);
+function Fr(e, t, n = !1) {
+	if (!e || typeof document > "u" || typeof MutationObserver != "function" || typeof setTimeout != "function") return () => {};
+	let r = /* @__PURE__ */ new Map(), i = (e) => {
+		e.getAttribute(Ar) === null && (r.has(e) || !Pr(e, n) || (r.set(e, e.style.display), e.style.display = "none", e.setAttribute(Ar, "")));
+	};
+	for (let t of e.querySelectorAll("img")) i(t);
+	let a = new MutationObserver((e) => {
+		for (let t of e) for (let e of t.addedNodes) if (e instanceof HTMLImageElement) i(e);
+		else if (e instanceof Element) for (let t of e.querySelectorAll("img")) i(t);
+	});
+	a.observe(e, {
+		childList: !0,
+		subtree: !0
+	});
+	let o = !1, s = () => {
+		if (!o) {
+			o = !0, a.disconnect();
+			for (let [e, t] of r) t ? e.style.display = t : e.style.removeProperty("display"), e.removeAttribute(Ar);
+			r.clear();
+		}
+	}, c = setTimeout(s, Math.max(0, t));
+	return () => {
+		clearTimeout(c), s();
+	};
+}
+//#endregion
+//#region src/core/engine/invisibleAnimationHold.ts
+var Ir = () => {}, Lr = .004, Rr = (e, t) => {
 	let n = e.ownerDocument?.defaultView;
 	if (!n) return !1;
 	let r = e;
 	for (; r;) {
-		if (Number(n.getComputedStyle(r).opacity) <= Qt) return !0;
+		if (Number(n.getComputedStyle(r).opacity) <= Lr) return !0;
 		if (r === t) break;
 		r = r.parentElement;
 	}
 	return !1;
 };
-function en(e) {
-	if (typeof e.getAnimations != "function") return Zt;
+function zr(e) {
+	if (typeof e.getAnimations != "function") return Ir;
 	let t = /* @__PURE__ */ new Set(), n = () => {
 		for (let n of e.getAnimations({ subtree: !0 })) {
 			if (t.size >= 128) return;
 			if (t.has(n) || (n.animationName ?? "").startsWith("flemo-") || n.playState !== "running") continue;
 			let r = n.effect?.target;
-			if (r instanceof Element && $t(r, e)) try {
+			if (r instanceof Element && Rr(r, e)) try {
 				n.pause(), t.add(n);
 			} catch {}
 		}
@@ -2019,7 +2528,7 @@ function en(e) {
 }
 //#endregion
 //#region src/transition/cubicBezier.ts
-var tn = (e, t, n, r) => {
+var Br = (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;
@@ -2031,7 +2540,7 @@ var tn = (e, t, n, r) => {
 		}
 		return a((t + n) / 2);
 	};
-}, nn = (e) => e, rn = {
+}, Vr = (e) => e, Hr = {
 	ease: [
 		.25,
 		.1,
@@ -2086,20 +2595,20 @@ var tn = (e, t, n, r) => {
 		.66,
 		-.56
 	]
-}, an = (e) => {
+}, Ur = (e) => {
 	if (Array.isArray(e)) {
 		if (e.length === 4 && e.every((e) => typeof e == "number")) {
 			let [t, n, r, i] = e;
-			return tn(t, n, r, i);
+			return Br(t, n, r, i);
 		}
-		return nn;
+		return Vr;
 	}
-	return typeof e == "string" ? e === "linear" ? nn : tn(...rn[e] ?? rn.ease) : tn(...rn.ease);
-}, on = 1 / 255, sn = 400, cn = 24, ln = /* @__PURE__ */ new Set([
+	return typeof e == "string" ? e === "linear" ? Vr : Br(...Hr[e] ?? Hr.ease) : Br(...Hr.ease);
+}, Wr = 1 / 255, Gr = 400, Kr = 24, qr = /* @__PURE__ */ new Set([
 	"x",
 	"y",
 	"opacity"
-]), un = (e, t, n) => {
+]), Jr = (e, t, n) => {
 	if (!e || typeof e != "object") return;
 	let r = e[t];
 	if (r === void 0) return;
@@ -2117,7 +2626,7 @@ var tn = (e, t, n, r) => {
 		return Number.isNaN(e) ? null : e;
 	}
 	return null;
-}, dn = (e, t, n) => {
+}, Yr = (e, t, n) => {
 	let r = /* @__PURE__ */ new Set();
 	for (let t of [e.from, e.to]) if (!(!t || typeof t != "object")) for (let e of Object.keys(t)) r.add(e);
 	if (r.size === 0) return null;
@@ -2125,28 +2634,28 @@ var tn = (e, t, n, r) => {
 	for (let a of r) {
 		let r = e.from && typeof e.from == "object" ? e.from[a] : void 0, o = e.to && typeof e.to == "object" ? e.to[a] : void 0;
 		if (r !== void 0 && r === o) continue;
-		if (!ln.has(a)) return null;
-		let s = un(e.from, a, t), c = un(e.to, a, t);
+		if (!qr.has(a)) return null;
+		let s = Jr(e.from, a, t), c = Jr(e.to, a, t);
 		if (s === null || c === null || s === void 0 || c === void 0) return null;
 		let l = Math.abs(c - s);
 		if (l === 0) continue;
-		let u = a === "opacity" ? on : 1 / Math.max(1, n);
+		let u = a === "opacity" ? Wr : 1 / Math.max(1, n);
 		i = Math.min(i, u / l);
 	}
 	return !Number.isFinite(i) || i <= 0 || i >= 1 ? null : i;
-}, J = (e, t, n) => {
+}, Y = (e, t, n) => {
 	if (e.duration <= 0) return null;
-	let r = dn(e, t, n);
+	let r = Yr(e, t, n);
 	if (r === null) return null;
-	let i = an(e.ease), a = sn;
-	for (let e = sn; e >= 0 && !(Math.abs(1 - i(e / sn)) > r); --e) a = e;
+	let i = Ur(e.ease), a = Gr;
+	for (let e = Gr; e >= 0 && !(Math.abs(1 - i(e / Gr)) > r); --e) a = e;
 	if (a === 0) return null;
-	let o = (e.delay + e.duration * (a / sn)) * 1e3;
-	return (e.delay + e.duration) * 1e3 - o < cn ? null : o;
-}, fn = 1e3 / 120, pn = 4, Y = 400, mn = 4, hn = (e) => {
+	let o = (e.delay + e.duration * (a / Gr)) * 1e3;
+	return (e.delay + e.duration) * 1e3 - o < Kr ? null : o;
+}, Xr = 1e3 / 120, Zr = 4, X = 400, Qr = 4, Z = (e) => {
 	let t = +e.toFixed(5);
 	return Object.is(t, -0) ? 0 : t;
-}, gn = (e, t, n) => {
+}, $r = (e, t, n) => {
 	if (e.duration <= 0) return null;
 	let r = Number.isFinite(n) && n > 0 ? n : 1, i = /* @__PURE__ */ new Set();
 	for (let t of [e.from, e.to]) if (!(!t || typeof t != "object")) for (let e of Object.keys(t)) i.add(e);
@@ -2155,36 +2664,63 @@ var tn = (e, t, n, r) => {
 		let i = e.from && typeof e.from == "object" ? e.from[n] : void 0, o = e.to && typeof e.to == "object" ? e.to[n] : void 0;
 		if (i !== void 0 && i === o) continue;
 		if (n !== "x" && n !== "y") return null;
-		let s = un(e.from, n, t), c = un(e.to, n, t);
+		let s = Jr(e.from, n, t), c = Jr(e.to, n, t);
 		if (s === null || c === null || s === void 0 || c === void 0) return null;
 		a = Math.max(a, Math.abs(c - s) * r);
 	}
-	if (a < pn) return null;
-	let o = an(e.ease), s = Array(401);
-	for (let e = 0; e <= Y; e += 1) s[e] = o(e / Y);
-	let c = e.duration * 1e3 / Y, l = 40 / a * c / fn, u = Y, d = 0;
+	if (a < Zr) return null;
+	let o = Ur(e.ease), s = Array(401);
+	for (let e = 0; e <= X; e += 1) s[e] = o(e / X);
+	let c = e.duration * 1e3 / X, l = 40 / a * c / Xr, u = X, d = 0;
 	for (let e = 399; e >= 0 && (d = Math.max(d, Math.abs(s[e + 1] - s[e])), !(d > l)); --e) u = e;
-	for (let e = u; e < Y; e += 1) if (s[e + 1] < s[e] || s[e] > 1) return null;
+	for (let e = u; e < X; e += 1) if (s[e + 1] < s[e] || s[e] > 1) return null;
 	let f = (1 - s[u]) * a;
 	if (f <= 1) return null;
 	let p = Math.min(480, Math.floor(f)), m = u, h = (e) => {
 		let t = 1 - e / a;
-		for (; m < Y && s[m] < t;) m += 1;
+		for (; m < X && s[m] < t;) m += 1;
 		if (m === 0) return 0;
 		let n = s[m - 1], r = s[m], i = r === n ? 1 : Math.max(0, Math.min(1, (t - n) / (r - n)));
-		return (m - 1 + i) / Y * 100;
+		return (m - 1 + i) / X * 100;
 	}, g = h(p), _ = [];
-	for (let e = 0; 100 / Y * e < g; e += mn) _.push(`${hn(s[e])} ${hn(e / Y * 100)}%`);
+	for (let e = 0; 100 / X * e < g; e += Qr) _.push(`${Z(s[e])} ${Z(e / X * 100)}%`);
 	let v = g;
 	for (let e = p; e >= 2; --e) {
 		let t = h(e - 1);
 		if (t > v) {
-			let n = hn(1 - e / a);
-			_.push(`${n} ${hn(v)}%`, `${n} ${hn(t)}%`);
+			let n = Z(1 - e / a);
+			_.push(`${n} ${Z(v)}%`, `${n} ${Z(t)}%`);
 		}
 		v = t;
 	}
-	return _.push(`1 ${hn(v)}%`, "1 100%"), `linear(${_.join(", ")})`;
+	return _.push(`1 ${Z(v)}%`, "1 100%"), `linear(${_.join(", ")})`;
+}, ei = 12, ti = (e, t, n, r) => {
+	if (e.duration <= 0 || !Number.isFinite(r) || r <= 0) return null;
+	let i = Number.isFinite(n) && n > 0 ? n : 1, a = /* @__PURE__ */ new Set();
+	for (let t of [e.from, e.to]) if (!(!t || typeof t != "object")) for (let e of Object.keys(t)) a.add(e);
+	let o = 0;
+	for (let n of a) {
+		let r = e.from && typeof e.from == "object" ? e.from[n] : void 0, a = e.to && typeof e.to == "object" ? e.to[n] : void 0;
+		if (r !== void 0 && r === a) continue;
+		if (n !== "x" && n !== "y") return null;
+		let s = Jr(e.from, n, t), c = Jr(e.to, n, t);
+		if (s === null || c === null || s === void 0 || c === void 0) return null;
+		o = Math.max(o, Math.abs(c - s) * i);
+	}
+	if (o < ei) return null;
+	let s = Ur(e.ease), c = Array(401);
+	for (let e = 0; e <= X; e += 1) c[e] = s(e / X);
+	let l = e.duration * 1e3, u = l / X, d = 1 / o * (u / r), f = X, p = 0;
+	for (let e = 399; e >= 0 && (p = Math.max(p, Math.abs(c[e + 1] - c[e])), !(p > d)); --e) f = e;
+	if (f === 0 || f >= X) return null;
+	for (let e = f; e < X; e += 1) if (c[e + 1] < c[e] || c[e] > 1) return null;
+	let m = (1 - c[f]) * o;
+	if (m <= 1 || m > ei) return null;
+	let h = f / X * 100, g = m * r / l * 100;
+	if (h + g >= 100) return null;
+	let _ = [];
+	for (let e = 0; e <= f; e += Qr) _.push(`${Z(c[e])} ${Z(e / X * 100)}%`);
+	return _.push(`${Z(c[f])} ${Z(h)}%`), _.push(`1 ${Z(h + g)}%`, "1 100%"), `linear(${_.join(", ")})`;
 };
 (() => {
 	try {
@@ -2192,20 +2728,12 @@ var tn = (e, t, n, r) => {
 		/[?&]flemo-layers=resident\b/.test(location.search) ? sessionStorage.setItem("flemo:layers", "resident") : /[?&]flemo-layers=off\b/.test(location.search) && sessionStorage.removeItem("flemo:layers");
 	} catch {}
 })();
-var _n, vn = () => {
-	if (_n !== void 0) return _n;
-	try {
-		_n = typeof sessionStorage < "u" && sessionStorage.getItem("flemo:layers") === "resident";
-	} catch {
-		_n = !1;
-	}
-	return _n;
-}, yn = /* @__PURE__ */ new WeakMap(), bn = Symbol("flemo-layer-owner"), xn = (e, t) => {
+var ni = /* @__PURE__ */ new WeakMap(), ri = Symbol("flemo-layer-owner"), ii = (e, t) => {
 	t.willChange ? e.style.willChange = t.willChange : e.style.removeProperty("will-change"), t.contain ? e.style.contain = t.contain : e.style.removeProperty("contain");
-}, Sn = (e, t) => {
+}, ai = (e, t) => {
 	let n = e.trim() === "none" ? "" : e.trim();
 	return t ? n ? /\b(layout|strict|content)\b/.test(n) ? n : `${n} layout` : "layout" : n;
-}, Cn = (e, t) => {
+}, oi = (e, t) => {
 	let n = /* @__PURE__ */ new Set(), r = !1;
 	for (let e of t.willChange.split(",")) {
 		let t = e.trim();
@@ -2216,13 +2744,13 @@ var _n, vn = () => {
 		e.containment && (r = !0);
 	}
 	e.style.willChange = [...n].join(", ");
-	let i = Sn(t.contain, r);
+	let i = ai(t.contain, r);
 	i ? e.style.contain = i : e.style.removeProperty("contain");
-}, wn = (e, t, n = !1, r = bn) => {
-	let i = Ze(t), a = yn.get(e);
+}, si = (e, t, n = !1, r = ri) => {
+	let i = fn(t), a = ni.get(e);
 	if (i.length === 0) {
 		if (!a) return;
-		a.owners.has(r) ? (a.owners.delete(r), a.owners.size === 0 ? (a.pending != null && clearTimeout(a.pending), xn(e, a), yn.delete(e)) : Cn(e, a)) : r === a.settleOwner && a.owners.size === 0 && (a.pending != null && clearTimeout(a.pending), xn(e, a), yn.delete(e));
+		a.owners.has(r) ? (a.owners.delete(r), a.owners.size === 0 ? (a.pending != null && clearTimeout(a.pending), ii(e, a), ni.delete(e)) : oi(e, a)) : r === a.settleOwner && a.owners.size === 0 && (a.pending != null && clearTimeout(a.pending), ii(e, a), ni.delete(e));
 		return;
 	}
 	a?.pending != null && (clearTimeout(a.pending), a.pending = null), a || (a = {
@@ -2231,18 +2759,18 @@ var _n, vn = () => {
 		willChange: e.style.willChange,
 		contain: e.style.contain,
 		pending: null
-	}, yn.set(e, a)), a.owners.set(r, {
+	}, ni.set(e, a)), a.owners.set(r, {
 		properties: i,
 		containment: n
-	}), a.settleOwner = null, Cn(e, a);
-}, X = (e, t = bn) => {
-	let n = yn.get(e);
+	}), a.settleOwner = null, oi(e, a);
+}, Q = (e, t = ri) => {
+	let n = ni.get(e);
 	if (!(!n || !n.owners.has(t))) {
 		if (n.owners.delete(t), n.owners.size > 0) {
-			Cn(e, n);
+			oi(e, n);
 			return;
 		}
-		if (vn() && typeof e.closest == "function" && e.closest("[data-flemo-screen]")) {
+		if (wt() && typeof e.closest == "function" && e.closest("[data-flemo-screen]")) {
 			n.pending != null && clearTimeout(n.pending), n.pending = null, n.settleOwner = null, e.style.willChange = "transform", n.contain ? e.style.contain = n.contain : e.style.removeProperty("contain");
 			return;
 		}
@@ -2250,42 +2778,253 @@ var _n, vn = () => {
 		guard shields exotic embedders, where an immediate demotion is simply
 		the pre-hold behavior. */
 		if (n.settleOwner = t, n.pending != null && clearTimeout(n.pending), typeof setTimeout != "function") {
-			xn(e, n), yn.delete(e);
+			ii(e, n), ni.delete(e);
 			return;
 		}
-		n.pending = setTimeout(() => {
-			xn(e, n), yn.delete(e);
-		}, 300);
+		ci(e, n);
 	}
-}, Tn = !1, En = 0, Dn = [], On = () => {
-	let e = Dn;
-	Dn = [];
-	for (let t of e) t();
-}, kn = (e) => /event-stream/i.test(e.headers.get("content-type") ?? ""), An = () => {
-	if (Tn || typeof window > "u" || typeof window.fetch != "function") return;
-	Tn = !0;
-	let e = window.fetch.bind(window);
-	window.fetch = (...t) => e(...t).then((e) => En <= 0 || kn(e) ? e : new Promise((t) => {
-		Dn.push(() => t(e));
-	}), (e) => {
-		if (En <= 0) throw e;
+}, ci = (e, t) => {
+	t.pending = setTimeout(() => {
+		if (t.pending = null, Yn()) {
+			Zn(() => {
+				ni.get(e) === t && t.owners.size === 0 && t.settleOwner !== null && t.pending === null && ci(e, t);
+			});
+			return;
+		}
+		ii(e, t), ni.delete(e);
+	}, 300);
+}, li = (e, t, n) => {
+	let r = e.driver;
+	return r === "native" || r === "player" ? r : "player";
+}, ui = 1e3 / 60 * 2, di = "flemo-", fi = /* @__PURE__ */ new WeakMap(), pi = (e, t, n) => {
+	if (typeof e.getAnimations == "function") for (let r of e.getAnimations({ subtree: !0 })) {
+		let e = r.animationName;
+		if (typeof e != "string" || !e.startsWith(di) || r.playState !== "running" || fi.get(r) === n) continue;
+		let i = r.startTime;
+		typeof i == "number" && (r.startTime = i + t, fi.set(r, n));
+	}
+}, mi = /* @__PURE__ */ new WeakSet(), hi = 1e3, gi = 3e3;
+function _i(e, t, n) {
+	if (typeof MutationObserver > "u" || typeof requestAnimationFrame != "function") return () => {};
+	let r = 0, i = !1, a = !1, o = !1, s = null, c = [], l = null, u = () => {
+		s !== null && (clearTimeout(s), s = null);
+	}, d = () => {
+		for (let e of c) try {
+			e.playState === "paused" && e.play();
+		} catch {}
+	}, f = () => {
+		a || o || (o = !0, u(), r &&= (cancelAnimationFrame(r), 0), d(), n?.());
+	}, p = () => {
+		i = !0, m.disconnect();
+		for (let e of t()) if (!(!e || typeof e.getAnimations != "function")) for (let t of e.getAnimations({ subtree: !0 })) {
+			let e = t.animationName;
+			if (typeof e != "string" || !e.startsWith(di) || t.playState !== "running" || mi.has(t)) continue;
+			let n = t.currentTime;
+			if (!(typeof n == "number" && n > 33.333333333333336)) {
+				try {
+					t.pause();
+				} catch {
+					continue;
+				}
+				mi.add(t), c.push(t);
+			}
+		}
+		if (c.length === 0) return;
+		r = requestAnimationFrame(f), typeof setTimeout == "function" && (s = setTimeout(f, hi));
+		let e = Si(t, () => {
+			a || n?.();
+		});
+		if (l = e, typeof setTimeout == "function") {
+			let t = setTimeout(() => {
+				l === e && (l = null), e();
+			}, gi), n = e;
+			l = () => {
+				clearTimeout(t), n();
+			};
+		}
+	}, m = new MutationObserver(() => {
+		i || e.getAttribute("data-flemo-anim-hold") === "false" && p();
+	});
+	return e.getAttribute("data-flemo-anim-hold") === "false" ? p() : m.observe(e, {
+		attributes: !0,
+		attributeFilter: ["data-flemo-anim-hold"]
+	}), () => {
+		a = !0, m.disconnect(), r &&= (cancelAnimationFrame(r), 0), u(), l?.(), l = null, i && !o && d();
+	};
+}
+var vi = 150, yi = 4e3, bi = 400;
+function xi(e, t, n = !0, r = !1) {
+	/* v8 ignore next -- same rAF guard as the watcher below. */
+	if (typeof requestAnimationFrame != "function") return () => {};
+	let i = [], a = /* @__PURE__ */ new Map();
+	for (let t of e()) if (!(!t || typeof t.getAnimations != "function")) for (let e of t.getAnimations({ subtree: !0 })) {
+		let t = e.animationName;
+		if (typeof t != "string" || !t.startsWith(di) || e.playState !== "running" || mi.has(e)) continue;
+		let n = e.currentTime;
+		typeof n == "number" && n > 33.333333333333336 || (n === null || typeof n == "number") && (mi.add(e), i.push(e), a.set(e, typeof n == "number" ? n : 0));
+	}
+	if (i.length === 0) return () => {};
+	let o = 0, s = null, c = !1, l = !1, u = !1, d = null, f = null, p = 0, m = (e) => {
+		if (u) return 0;
+		u = !0;
+		let t = 0;
+		for (let n of i) {
+			if (n.playState !== "running") continue;
+			let r = n.currentTime, i = n.startTime;
+			if (typeof r != "number" || typeof i != "number") continue;
+			let o = (a.get(n) ?? 0) + e;
+			n.startTime = i + (r - o), a.set(n, o);
+			let s = r + yi;
+			t = Math.max(t, s - o);
+		}
+		return t;
+	}, h = (e) => {
+		if (c) return;
+		if (d === null && (d = e), f !== null) {
+			let t = e - f;
+			p += Math.min(Math.max(0, t), ui);
+		}
+		if (f = e, !l) {
+			if (l = !0, r) {
+				u = !0;
+				let e = 0;
+				for (let t of i) {
+					if (t.playState !== "running") continue;
+					let n = t.currentTime, r = t.startTime;
+					if (typeof n != "number" || typeof r != "number") continue;
+					let i = a.get(t) ?? 0;
+					if (n <= i + 33.333333333333336) continue;
+					let o = n - (i + ui);
+					t.startTime = r + o, e = Math.max(e, o);
+				}
+				e > 0 && t?.(e);
+				return;
+			}
+			if (!n) {
+				u = !0, o = requestAnimationFrame(h);
+				return;
+			}
+			for (let e of i) {
+				if (e.playState !== "running") continue;
+				let t = e.startTime;
+				if (typeof t == "number") {
+					e.startTime = t + yi;
+					continue;
+				}
+				let n = e.timeline?.currentTime;
+				typeof n == "number" && (e.startTime = n + yi);
+			}
+			typeof setTimeout == "function" && (s = setTimeout(() => m(p + ui), bi)), o = requestAnimationFrame(h);
+			return;
+		}
+		if (!u) {
+			s !== null && clearTimeout(s);
+			let e = m(p);
+			p = 0, e > 33.333333333333336 && t?.(e), o = requestAnimationFrame(h);
+			return;
+		}
+		let g = 0;
+		for (let e of i) {
+			if (e.playState !== "running") continue;
+			let t = e.currentTime, n = e.startTime;
+			if (typeof t != "number" || typeof n != "number") continue;
+			let r = a.get(e) ?? 0;
+			if (t <= r + p + 33.333333333333336) continue;
+			let i = t - (r + p);
+			e.startTime = n + i, g = Math.max(g, i);
+		}
+		if (g > 0) {
+			t?.(g);
+			return;
+		}
+		e - d < vi && (o = requestAnimationFrame(h));
+	};
+	return o = requestAnimationFrame(h), () => {
+		c = !0, cancelAnimationFrame(o), s !== null && clearTimeout(s), l && !u && m(p + ui);
+	};
+}
+function Si(e, t) {
+	/* v8 ignore next -- every runtime under test has rAF; the guard shields
+	exotic embedders. */
+	if (typeof requestAnimationFrame != "function") return () => {};
+	let n = 0, r = null, i = !1, a = (o) => {
+		if (!i) {
+			if (r !== null) {
+				let n = o - r;
+				if (n > 33.333333333333336) {
+					let r = n - ui;
+					for (let t of e()) t && pi(t, r, o);
+					t?.(r);
+				}
+			}
+			r = o, n = requestAnimationFrame(a);
+		}
+	};
+	return n = requestAnimationFrame(a), () => {
+		i = !0, cancelAnimationFrame(n);
+	};
+}
+var Ci = /* @__PURE__ */ new WeakMap();
+function wi(e, t, n, r = !0, i = !1) {
+	if (typeof MutationObserver > "u" || typeof requestAnimationFrame != "function") return () => {};
+	let a = Ci.get(e);
+	if (a) return a.refs += 1, a.pendingDrop !== null && (clearTimeout(a.pendingDrop), a.pendingDrop = null), () => Ti(e);
+	let o = null, s = !1, c = !1, l = () => {
+		s || c || (s = !0, u.disconnect(), o = xi(t, n, r, i));
+	}, u = new MutationObserver(() => {
+		e.getAttribute("data-flemo-anim-hold") === "false" && l();
+	});
+	return e.getAttribute("data-flemo-anim-hold") === "false" ? l() : u.observe(e, {
+		attributes: !0,
+		attributeFilter: ["data-flemo-anim-hold"]
+	}), Ci.set(e, {
+		refs: 1,
+		pendingDrop: null,
+		dispose: () => {
+			c = !0, u.disconnect(), o?.(), Ci.delete(e);
+		}
+	}), () => Ti(e);
+}
+var Ti = (e) => {
+	let t = Ci.get(e);
+	if (t && (--t.refs, !(t.refs > 0))) {
+		/* v8 ignore next 4 -- setTimeout exists in every runtime under test. */
+		if (typeof setTimeout != "function") {
+			t.dispose();
+			return;
+		}
+		t.pendingDrop !== null && clearTimeout(t.pendingDrop), t.pendingDrop = setTimeout(t.dispose, 0);
+	}
+}, Ei = !1, Di = 0, Oi = [], ki = () => {
+	let e = Oi;
+	Oi = [];
+	for (let t of e) t();
+}, Ai = (e) => /event-stream/i.test(e.headers.get("content-type") ?? ""), ji = () => {
+	if (Ei || typeof window > "u" || typeof window.fetch != "function") return;
+	Ei = !0;
+	let e = window.fetch.bind(window);
+	window.fetch = (...t) => e(...t).then((e) => Di <= 0 || Ai(e) ? e : new Promise((t) => {
+		Oi.push(() => t(e));
+	}), (e) => {
+		if (Di <= 0) throw e;
 		return new Promise((t, n) => {
-			Dn.push(() => n(e));
+			Oi.push(() => n(e));
 		});
 	});
-}, jn = 2e3;
-function Mn(e = jn) {
+}, Mi = 2e3;
+function Ni(e = Mi) {
 	/* v8 ignore next -- SSR guard: without fetch there is nothing to hold. */
-	if (An(), !Tn) return () => {};
-	En += 1;
+	if (ji(), !Ei) return () => {};
+	Di += 1;
 	let t = !1, n = null, r = () => {
-		t || (t = !0, n !== null && clearTimeout(n), En = Math.max(0, En - 1), En === 0 && On());
+		t || (t = !0, n !== null && clearTimeout(n), Di = Math.max(0, Di - 1), Di === 0 && ki());
 	};
-	return typeof setTimeout == "function" && (n = setTimeout(r, Math.max(jn, e))), r;
+	return typeof setTimeout == "function" && (n = setTimeout(r, Math.max(Mi, e))), r;
 }
+ji();
 //#endregion
 //#region src/core/engine/transitionPlayer.ts
-var Nn = [
+var Pi = [
 	"x",
 	"y",
 	"z",
@@ -2296,7 +3035,7 @@ var Nn = [
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-], Pn = new Set(Nn), Fn = {
+], Fi = new Set(Pi), Ii = {
 	x: 0,
 	y: 0,
 	z: 0,
@@ -2307,7 +3046,7 @@ var Nn = [
 	rotateX: 0,
 	rotateY: 0,
 	rotateZ: 0
-}, In = (e, t) => {
+}, Li = (e, t) => {
 	if (typeof t == "number") return {
 		value: t,
 		unit: e === "x" || e === "y" || e === "z" ? "px" : ""
@@ -2326,18 +3065,18 @@ var Nn = [
 		value: i,
 		unit: a === "" && i === 0 ? "px" : a
 	};
-}, Ln = /-?\d*\.?\d+/g, Rn = (e, t) => {
-	let n = e.match(Ln) ?? [], r = t.match(Ln) ?? [];
-	if (n.length !== r.length || e.replace(Ln, " ") !== t.replace(Ln, " ")) return null;
+}, Ri = /-?\d*\.?\d+/g, zi = (e, t) => {
+	let n = e.match(Ri) ?? [], r = t.match(Ri) ?? [];
+	if (n.length !== r.length || e.replace(Ri, " ") !== t.replace(Ri, " ")) return null;
 	let i = n.map(Number), a = r.map(Number);
 	return (t) => {
 		let n = 0;
-		return e.replace(Ln, () => {
+		return e.replace(Ri, () => {
 			let e = n++, r = i[e] + (a[e] - i[e]) * t;
 			return `${Math.round(r * 1e3) / 1e3}`;
 		});
 	};
-}, zn = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Bn = (e) => typeof e == "object" && !!e && !Array.isArray(e), Vn = (e) => Bn(e) ? Object.keys(e) : [], Hn = (e, t) => Bn(e) ? e[t] : void 0, Un = {
+}, Bi = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Vi = (e) => typeof e == "object" && !!e && !Array.isArray(e), Hi = (e) => Vi(e) ? Object.keys(e) : [], Ui = (e, t) => Vi(e) ? e[t] : void 0, Wi = {
 	x: 0,
 	y: 0,
 	z: 0,
@@ -2348,41 +3087,41 @@ var Nn = [
 	rotateX: 2,
 	rotateY: 2,
 	rotateZ: 2
-}, Wn = (e) => {
+}, Gi = (e) => {
 	let t = 0, n = -1;
 	for (let r of e) {
-		if (!Pn.has(r)) continue;
-		let e = Un[r];
+		if (!Fi.has(r)) continue;
+		let e = Wi[r];
 		if (e < t) return !1;
 		if (t = e, e === 2) {
-			let e = Nn.indexOf(r);
+			let e = Pi.indexOf(r);
 			if (e < n) return !1;
 			n = e;
 		}
 	}
 	return !0;
-}, Gn = (e) => {
+}, Ki = (e) => {
 	let t = [];
 	for (let n of e) {
-		if (!Pn.has(n)) continue;
-		let e = Un[n] === 0 ? "T" : n;
+		if (!Fi.has(n)) continue;
+		let e = Wi[n] === 0 ? "T" : n;
 		(e !== "T" || t[t.length - 1] !== "T") && t.push(e);
 	}
 	return t;
-}, Kn = (e, t) => {
-	let n = Gn(e), r = Gn(t), [i, a] = n.length <= r.length ? [n, r] : [r, n];
+}, qi = (e, t) => {
+	let n = Ki(e), r = Ki(t), [i, a] = n.length <= r.length ? [n, r] : [r, n];
 	return i.every((e, t) => a[t] === e);
-}, qn = (e, t) => {
-	let n = Vn(e.from), r = Vn(e.to);
-	if (!Wn(n) || !Wn(r) || !Kn(n, r)) return null;
+}, Ji = (e, t) => {
+	let n = Hi(e.from), r = Hi(e.to);
+	if (!Gi(n) || !Gi(r) || !qi(n, r)) return null;
 	let i = /* @__PURE__ */ new Set([...n, ...r]), a = [], o = null, s = [], c = [];
 	for (let n of i) {
-		let r = Hn(e.from, n), i = Hn(e.to, n);
-		if (Pn.has(n)) {
+		let r = Ui(e.from, n), i = Ui(e.to, n);
+		if (Fi.has(n)) {
 			let e = n, o = {
-				value: Fn[e],
+				value: Ii[e],
 				unit: e === "x" || e === "y" || e === "z" ? "px" : ""
-			}, s = r === void 0 ? o : In(e, r), c = i === void 0 ? o : In(e, i);
+			}, s = r === void 0 ? o : Li(e, r), c = i === void 0 ? o : Li(e, i);
 			if (!s || !c || s.unit !== c.unit && s.value !== 0 && c.value !== 0) return null;
 			let l = s.value === 0 && s.unit !== c.unit ? c.unit : s.unit, u = l === "%", d = 0;
 			u && t && (d = e === "y" ? t.offsetHeight / 100 : t.offsetWidth / 100), a.push({
@@ -2413,15 +3152,15 @@ var Nn = [
 		if (typeof l != "string" || typeof u != "string") return null;
 		if (l === u) {
 			c.push({
-				property: zn(n),
+				property: Bi(n),
 				value: l
 			});
 			continue;
 		}
-		let d = Rn(l, u);
+		let d = zi(l, u);
 		if (!d) return null;
 		s.push({
-			property: zn(n),
+			property: Bi(n),
 			mix: d
 		});
 	}
@@ -2431,116 +3170,79 @@ var Nn = [
 		strings: s,
 		constants: c
 	};
-}, Jn = 1, Yn, Xn = () => {
-	if (Yn !== void 0) return Yn;
-	try {
-		let e = typeof sessionStorage < "u" ? sessionStorage.getItem("flemo:apply") : null;
-		Yn = e === "scrub" ? e : null;
-	} catch {
-		Yn = null;
-	}
-	return Yn;
-}, Zn, Qn = () => {
-	if (Zn !== void 0) return Zn;
-	try {
-		let e = typeof sessionStorage < "u" ? sessionStorage.getItem("flemo:handoff") : null;
-		Zn = e === "on" ? e : null;
-	} catch {
-		Zn = null;
+}, Yi = 1, Xi = 1e3 / 60, Zi = (e) => !N() && e > 0 && e < 3, Qi = .6, $i = 600, ea = (e, t) => {
+	if (!rt()) return !1;
+	for (let n of e.transforms) {
+		if (n.prop !== "x" && n.prop !== "y") continue;
+		let e = Math.abs(n.to.value - n.from.value);
+		if (n.from.unit === "%") {
+			if (e / 100 >= Qi) return !1;
+		} else if (e * Math.max(1, t) >= $i) return !1;
 	}
-	return Zn;
-}, $n, er = () => {
-	if ($n !== void 0) return $n;
-	try {
-		let e = typeof sessionStorage < "u" ? sessionStorage.getItem("flemo:snap") : null;
-		$n = e === "always" || e === "off" || e === "gate" ? e : null;
-	} catch {
-		$n = null;
-	}
-	return $n;
-}, tr = (e) => !U() && e > 0 && e < 3, nr = (e, t, n, r) => {
-	let i = 0, a = 0, o = !1, s = [], c = !0;
-	for (let l of Nn) {
-		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 = er(), s = (t === "always" || t === null && tr(n) || t !== "off" && (e === null || Math.abs(d - e) * n >= Jn)) && n > 0 ? Math.round(d * n) / n : Math.round(d * 1e3) / 1e3;
-			l === "x" ? (r.x = d, i = s) : (r.y = d, a = s), o = !0, s !== 0 && (c = !1);
+	return !0;
+}, ta = 12, na = (e, t, n, r, i = Xi) => {
+	let a = 0, o = 0, s = !1, c = [], l = !0;
+	for (let u of Pi) {
+		let d = e.find((e) => e.prop === u);
+		if (!d) continue;
+		let f = d.from.value + (d.to.value - d.from.value) * t;
+		if (d.from.unit === "%" && (f *= d.percentBase), u === "x" || u === "y") {
+			let e = u === "x" ? r.x : r.y, t = vt(), c = e === null ? Infinity : Math.abs(f - e) * n, p = t === null && r.glide === !0, m = p ? !1 : t === "always" || t === null && Zi(n) ? !0 : t === "off" ? !1 : t === "hybrid" ? c >= bt() : e === null || c * Xi / Math.max(1, i) >= Yi, h = d.to.value;
+			d.from.unit === "%" && (h *= d.percentBase);
+			let g = u === "x" ? "landingX" : "landingY", _ = r[g], v = Math.abs(f - h) * n, y = e === null ? Infinity : Math.abs(f - e) * n, b = !p && n > 0 && (_ != null || y < 1 && v <= ta), x = u === "x" ? "writtenX" : "writtenY", S;
+			if (b) {
+				let e = _ ?? r[x] ?? f, t = 1 / n, i = Math.abs(h - e) <= t + 1e-6 ? h : e + Math.sign(h - e) * t;
+				S = Math.round(i * 1e3) / 1e3, r[g] = i, r[x] = null, i !== h && (r.pendingLanding = !0);
+			} else n > 0 && v < 1 ? (S = Math.round(h * 1e3) / 1e3, r[x] = null) : (S = m && n > 0 ? Math.round(f * n) / n : Math.round(f * 1e3) / 1e3, r[x] = S);
+			u === "x" ? (r.x = f, a = S) : (r.y = f, o = S), s = !0, S !== 0 && (l = !1);
 			continue;
 		}
-		let f = Fn[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)`);
+		let p = Ii[u];
+		f !== p && (l = !1), u === "z" ? c.push(`translateZ(${f}px)`) : u === "scale" ? c.push(`scale(${f})`) : u === "scaleX" ? c.push(`scaleX(${f})`) : u === "scaleY" ? c.push(`scaleY(${f})`) : u === "rotate" || u === "rotateZ" ? c.push(`rotate(${f}deg)`) : u === "rotateX" ? c.push(`rotateX(${f}deg)`) : u === "rotateY" && c.push(`rotateY(${f}deg)`);
 	}
-	return !o && s.length === 0 ? "" : c ? "none" : [...o ? [`translate3d(${i}px, ${a}px, 0)`] : [], ...s].join(" ");
-}, rr = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), ir = (e) => {
+	return !s && c.length === 0 ? "" : l ? "none" : [...s ? [`translate3d(${a}px, ${o}px, 0)`] : [], ...c].join(" ");
+}, ra = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), ia = (e) => {
 	let t = {};
-	for (let n of V(e)) t[rr(n.property)] = n.value;
+	for (let n of pn(e)) t[ra(n.property)] = n.value;
 	return t;
-}, ar = (e, t) => {
+}, aa = (e, t) => {
 	if (typeof e.animate != "function") return null;
 	try {
-		let n = e.animate([ir(t.from), ir(t.to)], {
+		let n = e.animate([ia(t.from), ia(t.to)], {
 			duration: Math.max(0, t.duration * 1e3),
 			delay: Math.max(0, t.delay * 1e3),
-			easing: $e(t.ease),
+			easing: mn(t.ease),
 			fill: "both"
 		});
 		return n.pause(), n.currentTime = 0, n;
 	} catch {
 		return null;
 	}
-}, or = 1e3 / 60, sr = 1.6, cr = 1e3 / 240, lr = 28, ur = 42, dr = or, fr = 6 * or, pr = 41, mr = (e) => Math.round(e * 1e4) / 1e4, hr = (e, t) => {
-	let n = 0, r = 0, i = !1, a = [], o = !0;
-	for (let s of Nn) {
-		let c = e.find((e) => e.prop === s);
-		if (!c) continue;
-		let l = c.from.value + (c.to.value - c.from.value) * t;
-		if (c.from.unit === "%" && (l *= c.percentBase), l = mr(l), s === "x" || s === "y") {
-			s === "x" ? n = l : r = l, i = !0, l !== 0 && (o = !1);
-			continue;
-		}
-		l !== Fn[s] && (o = !1), s === "z" ? a.push(`translateZ(${l}px)`) : s === "scale" ? a.push(`scale(${l})`) : s === "scaleX" ? a.push(`scaleX(${l})`) : s === "scaleY" ? a.push(`scaleY(${l})`) : s === "rotate" || s === "rotateZ" ? a.push(`rotate(${l}deg)`) : s === "rotateX" ? a.push(`rotateX(${l}deg)`) : s === "rotateY" && a.push(`rotateY(${l}deg)`);
-	}
-	return !i && a.length === 0 ? "" : o ? "none" : [...i ? [`translate3d(${n}px, ${r}px, 0)`] : [], ...a].join(" ");
-}, gr = (e, t, n) => {
-	let r = [];
-	for (let i = 0; i < pr; i += 1) {
-		let a = t(n + i / 40 * (1 - n)), o = {};
-		if (e.transforms.length > 0) {
-			let t = hr(e.transforms, a);
-			t !== "" && (o.transform = t);
-		}
-		e.opacity && (o.opacity = `${mr(e.opacity.from + (e.opacity.to - e.opacity.from) * a)}`);
-		for (let t of e.strings) o[rr(t.property)] = t.mix(a);
-		if (i === 0 || i === 40) for (let t of e.constants) o[rr(t.property)] = t.value;
-		r.push(o);
-	}
-	return r;
-}, _r = () => ({
+}, oa = 1.6, sa = 1e3 / 600, ca = 28, la = 42, ua = Xi, da = () => ua, fa = (e) => {
+	Number.isFinite(e) && (e < sa || e > la || (ua = Math.min(Xi, Math.max(sa, e))));
+}, pa = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e),
 	devicePixelRatio: () => typeof window < "u" && window.devicePixelRatio || 1
-}), vr = ((e = _r()) => {
+}), ma = ((e = pa()) => {
 	let t = /* @__PURE__ */ new Map(), n = {
 		join: (n, r) => {
-			let i = Xn() === "scrub", s = !i && !U() && Qn() === "on", c = i ? null : qn(r.motion, r.element), l = !c || s ? ar(r.element, r.motion) : null, u = l ? null : c;
+			let i = mt() === "scrub", s = !i && !N() && gt() === "on" && r.status !== "PUSHING" && r.status !== "REPLACING", c = i ? null : Ji(r.motion, r.element), l = !c || s ? aa(r.element, r.motion) : null, u = l ? null : c;
 			if (!u && !l) return null;
 			let d = t.get(n);
 			d || (d = {
 				tracks: [],
-				frameIntervalMs: dr,
+				frameIntervalMs: ua,
 				recentGaps: [],
 				navCutMs: null,
 				navComplete: null,
 				navCompleted: !1,
 				started: !1,
-				ended: !1,
 				startTime: null,
 				lastTime: null,
 				frameHandle: null
 			}, t.set(n, d));
-			let f = J(r.motion, r.element, e.devicePixelRatio() || 1), p = {
+			let f = Y(r.motion, r.element, e.devicePixelRatio() || 1), p = {
 				...r,
 				onComplete: void 0,
 				parsed: u,
@@ -2553,19 +3255,20 @@ var Nn = [
 				detached: !1,
 				snapMemory: {
 					x: null,
-					y: null
+					y: null,
+					glide: u ? ea(u, e.devicePixelRatio() || 1) : !1
 				}
 			};
 			d.tracks.push(p), d.navCutMs = d.tracks.some((e) => e.cutMs === null) ? null : Math.max(...d.tracks.map((e) => e.cutMs));
 			let m = Symbol("flemo-player-track");
-			if (W(p.element, "animation", m), p.element.style.animation = "none", u) {
-				u.transforms.length > 0 && W(p.element, "transform", m), u.opacity && W(p.element, "opacity", m);
-				for (let e of u.strings) W(p.element, e.property, m);
-				for (let e of u.constants) W(p.element, e.property, m);
+			if (Rn.takeover(p.element), U(p.element, "animation", m), p.element.style.animation = "none", u) {
+				u.transforms.length > 0 && U(p.element, "transform", m), u.opacity && U(p.element, "opacity", m);
+				for (let e of u.strings) U(p.element, e.property, m);
+				for (let e of u.constants) U(p.element, e.property, m);
 				a(p, 0);
 			}
-			return r.role === "active" && (r.onComplete && (d.navComplete = r.onComplete), d.started || (d.started = !0, jt.beginRun(), o(n, d))), () => {
-				p.detached = !0, p.scrub?.cancel(), G(p.element, void 0, m);
+			return r.role === "active" && (r.onComplete && (d.navComplete = r.onComplete), d.started || (d.started = !0, o(n, d))), () => {
+				p.detached = !0, p.scrub?.cancel(), W(p.element, void 0, m);
 				let r = t.get(n);
 				r && (r.tracks = r.tracks.filter((e) => e !== p), r.tracks.length === 0 && (r.frameHandle !== null && e.cancel(r.frameHandle), t.delete(n)));
 			};
@@ -2580,106 +3283,95 @@ var Nn = [
 		}
 	}, r = /* @__PURE__ */ new WeakMap(), i = (e) => {
 		let t = r.get(e);
-		return t || (t = an(e.motion.ease), r.set(e, t)), t;
+		return t || (t = Ur(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 = nr(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
-				a !== "" && (r.style.transform = a);
+	function a(t, n, r) {
+		let { element: i, parsed: a } = t;
+		if (!(!a || !i.isConnected)) {
+			if (a.transforms.length > 0) {
+				let o = na(a.transforms, n, e.devicePixelRatio(), t.snapMemory, r);
+				o !== "" && (i.style.transform = o);
 			}
-			if (i.opacity) {
-				let { from: e, to: t } = i.opacity;
-				r.style.opacity = `${e + (t - e) * n}`;
+			if (a.opacity) {
+				let { from: e, to: t } = a.opacity, r = e + (t - e) * n;
+				i.style.opacity = `${Math.round(r * 255) / 255}`;
 			}
-			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);
+			for (let e of a.strings) i.style.setProperty(e.property, e.mix(n));
+			if (n === 0) for (let e of a.constants) i.style.setProperty(e.property, e.value);
 		}
 	}
 	function o(t, n) {
 		n.frameHandle = e.request((e) => {
-			n.frameHandle = null, l(t, n, e);
+			n.frameHandle = null, c(t, n, e);
 		});
 	}
-	function s(e) {
-		e.ended || (e.ended = !0, jt.endRun(e.frameIntervalMs));
-	}
-	function c(e, n, r, a) {
-		let o = r.element, c = Math.max(0, r.motion.delay * 1e3), l = Math.max(0, r.motion.duration * 1e3), u = Math.max(0, c - a), d = Math.max(0, a - c), f = l - d;
-		if (f <= 0) return r.handoff = !1, !1;
-		let p = r.remainderPlan;
-		if (!p) return r.handoff = !1, !1;
-		let m = i(r), h = l > 0 ? d / l : 0;
-		if (!(1 - m(h) > .001)) return r.handoff = !1, !1;
-		let g;
+	function s(e, n, r, a) {
+		let o = r.element, s = Math.max(0, r.motion.delay * 1e3), c = Math.max(0, r.motion.duration * 1e3), l = typeof r.scrub?.currentTime == "number" ? r.scrub.currentTime : a, u = Math.max(0, l - s);
+		if (c - u <= 0 || !r.remainderPlan || !(1 - i(r)(c > 0 ? u / c : 0) > .001)) return r.handoff = !1, !1;
+		let d;
 		try {
-			g = o.animate(gr(p, m, h), {
-				duration: f,
-				delay: u,
-				easing: "linear",
+			d = o.animate([ia(r.motion.from), ia(r.motion.to)], {
+				duration: c,
+				delay: -u,
+				easing: mn(r.motion.ease),
 				fill: "both"
 			});
 		} catch {
 			return r.handoff = !1, !1;
 		}
-		if (r.scrub.cancel(), r.scrub = g, r.handedOff = !0, g.onfinish = () => {
-			r.completed || r.detached || (r.completed = !0, r.onComplete?.(), t.get(e) === n && n.tracks.every((e) => e.completed || e.detached) && (n.navCompleted || (n.navCompleted = !0, n.navComplete?.()), s(n), t.delete(e)));
-		}, typeof window < "u") {
-			let e = window.__flemoHandoffs ??= [];
-			e.push(Math.round(a)), e.length > 100 && e.splice(0, e.length - 100);
-		}
-		return !0;
+		return r.scrub.cancel(), r.scrub = d, r.handedOff = !0, d.onfinish = () => {
+			r.completed || r.detached || (r.completed = !0, r.onComplete?.(), t.get(e) === n && n.tracks.every((e) => e.completed || e.detached) && (n.navCompleted || (n.navCompleted = !0, n.navComplete?.()), t.delete(e)));
+		}, !0;
 	}
-	function l(e, r, l) {
-		let u = r.startTime ?? l;
+	function c(e, r, c) {
+		let l = r.startTime ?? c;
 		if (r.lastTime !== null) {
-			let e = l - r.lastTime;
-			if (jt.reportGap(e), n.onFrameGap?.(e), e >= cr && e <= ur) {
+			let e = c - r.lastTime;
+			if (n.onFrameGap?.(e), e >= sa && e <= la) {
 				r.recentGaps.push(e), r.recentGaps.length > 7 && r.recentGaps.shift();
-				let t = [...r.recentGaps].sort((e, t) => e - t), n = t[Math.floor(t.length / 2)], i = r.recentGaps.length >= 4 && r.recentGaps.every((e) => e >= lr);
-				r.frameIntervalMs = Math.min(i ? ur : or, Math.max(cr, n)), dr = r.frameIntervalMs;
+				let t = [...r.recentGaps].sort((e, t) => e - t), n = t[Math.floor(t.length / 2)], i = r.recentGaps.length >= 4 && r.recentGaps.every((e) => e >= ca);
+				r.frameIntervalMs = Math.min(i ? la : Xi, Math.max(sa, n)), ua = r.frameIntervalMs, n < 12 && tt(n, t[t.length - 1]);
 			}
-			e > sr * r.frameIntervalMs && (u += e - r.frameIntervalMs);
+			e > oa * r.frameIntervalMs && (l += e - r.frameIntervalMs);
 		}
-		r.startTime = u, r.lastTime = l;
-		let d = !0, f = !1;
+		r.startTime = l, r.lastTime = c;
+		let u = !0, d = !1;
 		for (let t of r.tracks) {
 			if (t.completed || t.detached) continue;
-			let n = t.motion.duration * 1e3, o = t.motion.delay * 1e3, s = l - u;
-			if (r.navCutMs !== null && s >= r.navCutMs) {
+			let n = t.motion.duration * 1e3, o = t.motion.delay * 1e3, f = c - l;
+			if (r.navCutMs !== null && f >= r.navCutMs) {
+				if (!t.scrub && (t.snapMemory.pendingLanding = !1, a(t, 1, r.frameIntervalMs), t.snapMemory.pendingLanding)) {
+					u = !1, d = !0;
+					continue;
+				}
 				t.completed = !0, t.onComplete?.();
 				continue;
 			}
 			if (t.scrub) {
 				if (t.handedOff) {
-					d = !1;
+					u = !1;
 					continue;
 				}
-				let i = o + n, a = Math.min(Math.max(0, s), i);
-				if (t.handoff && s >= fr && s < i && c(e, r, t, a)) {
-					d = !1;
+				let i = o + n, a = Math.min(Math.max(0, f), i);
+				if (t.handoff && f >= St() && f < i && s(e, r, t, a)) {
+					u = !1;
 					continue;
 				}
-				t.scrub.currentTime = a, s >= i ? (t.completed = !0, t.onComplete?.()) : (d = !1, f = !0);
+				t.scrub.currentTime = a, f >= i ? (t.completed = !0, t.onComplete?.()) : (u = !1, d = !0);
 				continue;
 			}
-			let p = n <= 0 ? 1 : Math.min(1, Math.max(0, (s - o) / n));
-			a(t, i(t)(p)), p >= 1 ? (t.completed = !0, t.onComplete?.()) : (d = !1, f = !0);
+			let p = n <= 0 ? 1 : Math.min(1, Math.max(0, (f - o) / n));
+			p >= 1 && (t.snapMemory.pendingLanding = !1), a(t, i(t)(p), r.frameIntervalMs), p >= 1 && !t.snapMemory.pendingLanding ? (t.completed = !0, t.onComplete?.()) : (u = !1, d = !0);
 		}
-		if (d) {
-			r.navCompleted || (r.navCompleted = !0, r.navComplete?.()), s(r), t.delete(e);
+		if (u) {
+			r.navCompleted || (r.navCompleted = !0, r.navComplete?.()), t.delete(e);
 			return;
 		}
-		if (!f) {
-			s(r);
-			return;
-		}
-		o(e, r);
+		d && o(e, r);
 	}
 	return n;
 })();
-vr.onFrameGap = (e) => {
+ma.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);
@@ -2687,152 +3379,39 @@ vr.onFrameGap = (e) => {
 };
 //#endregion
 //#region src/core/engine/types.ts
-var yr = "data-flemo-skip-animation", br = (e, t, n) => {
-	let r = e.driver;
-	return r === "native" || r === "player" ? r : "player";
-}, xr = 1e3 / 60 * 2, Sr = "flemo-", Cr = /* @__PURE__ */ new WeakMap(), wr = (e, t, n) => {
-	if (typeof e.getAnimations == "function") for (let r of e.getAnimations({ subtree: !0 })) {
-		let e = r.animationName;
-		if (typeof e != "string" || !e.startsWith(Sr) || r.playState !== "running" || Cr.get(r) === n) continue;
-		let i = r.startTime;
-		typeof i == "number" && (r.startTime = i + t, Cr.set(r, n));
-	}
-}, Tr = /* @__PURE__ */ new WeakSet(), Er = 1e3, Dr = 3e3;
-function Or(e, t, n) {
-	if (typeof MutationObserver > "u" || typeof requestAnimationFrame != "function") return () => {};
-	let r = 0, i = !1, a = !1, o = !1, s = null, c = [], l = null, u = () => {
-		s !== null && (clearTimeout(s), s = null);
-	}, d = () => {
-		for (let e of c) try {
-			e.playState === "paused" && e.play();
-		} catch {}
-	}, f = () => {
-		a || o || (o = !0, u(), r &&= (cancelAnimationFrame(r), 0), d(), n?.());
-	}, p = () => {
-		i = !0, m.disconnect();
-		for (let e of t()) if (!(!e || typeof e.getAnimations != "function")) for (let t of e.getAnimations({ subtree: !0 })) {
-			let e = t.animationName;
-			if (typeof e != "string" || !e.startsWith(Sr) || t.playState !== "running" || Tr.has(t)) continue;
-			let n = t.currentTime;
-			if (!(typeof n == "number" && n > 33.333333333333336)) {
-				try {
-					t.pause();
-				} catch {
-					continue;
-				}
-				Tr.add(t), c.push(t);
-			}
-		}
-		if (c.length === 0) return;
-		r = requestAnimationFrame(f), typeof setTimeout == "function" && (s = setTimeout(f, Er));
-		let e = jr(t, () => {
-			a || n?.();
-		});
-		if (l = e, typeof setTimeout == "function") {
-			let t = setTimeout(() => {
-				l === e && (l = null), e();
-			}, Dr), n = e;
-			l = () => {
-				clearTimeout(t), n();
-			};
-		}
-	}, m = new MutationObserver(() => {
-		i || e.getAttribute("data-flemo-anim-hold") === "false" && p();
-	});
-	return e.getAttribute("data-flemo-anim-hold") === "false" ? p() : m.observe(e, {
-		attributes: !0,
-		attributeFilter: ["data-flemo-anim-hold"]
-	}), () => {
-		a = !0, m.disconnect(), r &&= (cancelAnimationFrame(r), 0), u(), l?.(), l = null, i && !o && d();
-	};
-}
-var kr = 150;
-function Ar(e, t) {
-	/* v8 ignore next -- same rAF guard as the watcher below. */
-	if (typeof requestAnimationFrame != "function") return () => {};
-	let n = [], r = /* @__PURE__ */ new Map();
-	for (let t of e()) if (!(!t || typeof t.getAnimations != "function")) for (let e of t.getAnimations({ subtree: !0 })) {
-		let t = e.animationName;
-		if (typeof t != "string" || !t.startsWith(Sr) || e.playState !== "running" || Tr.has(e)) continue;
-		let i = e.currentTime;
-		typeof i != "number" || i > 33.333333333333336 || (Tr.add(e), n.push(e), r.set(e, i));
-	}
-	if (n.length === 0) return () => {};
-	let i = 0, a = !1, o = null, s = null, c = 0, l = (e) => {
-		if (a) return;
-		if (o === null && (o = e), s !== null) {
-			let t = e - s;
-			c += Math.min(Math.max(0, t), xr);
-		}
-		s = e;
-		let u = 0;
-		for (let e of n) {
-			if (e.playState !== "running") continue;
-			let t = e.currentTime, n = e.startTime;
-			if (typeof t != "number" || typeof n != "number") continue;
-			let i = r.get(e) ?? 0;
-			if (t <= i + c + 33.333333333333336) continue;
-			let a = t - (i + c);
-			e.startTime = n + a, u = Math.max(u, a);
-		}
-		if (u > 0) {
-			t?.(u);
-			return;
-		}
-		e - o < kr && (i = requestAnimationFrame(l));
-	};
-	return i = requestAnimationFrame(l), () => {
-		a = !0, cancelAnimationFrame(i);
-	};
-}
-function jr(e, t) {
-	/* v8 ignore next -- every runtime under test has rAF; the guard shields
-	exotic embedders. */
-	if (typeof requestAnimationFrame != "function") return () => {};
-	let n = 0, r = null, i = !1, a = (o) => {
-		if (!i) {
-			if (r !== null) {
-				let n = o - r;
-				if (n > 33.333333333333336) {
-					let r = n - xr;
-					for (let t of e()) t && wr(t, r, o);
-					t?.(r);
-				}
-			}
-			r = o, n = requestAnimationFrame(a);
-		}
-	};
-	return n = requestAnimationFrame(a), () => {
-		i = !0, cancelAnimationFrame(n);
-	};
-}
-//#endregion
-//#region src/core/engine/createTransitionEngine.ts
-var Z = () => {}, Mr = 400, Nr = 4, Pr = 100, Fr = 1500, Ir = "data-flemo-part-name", Lr = /* @__PURE__ */ new WeakMap(), Rr = (e) => {
+var ha = "data-flemo-skip-animation", $ = () => {}, ga = 400, _a = 4, va = 100, ya = 1500, ba = "data-flemo-part-name", xa = /* @__PURE__ */ new WeakMap(), Sa = "data-flemo-anim-hold", Ca = (e) => {
 	let t = e.parentElement ?? e;
-	return Array.from(t.querySelectorAll(`[${Ir}]`)).filter((n) => {
+	return Array.from(t.querySelectorAll(`[${ba}]`)).filter((n) => {
 		let r = n.closest("[data-flemo-screen]");
 		return !r || r === e || !t.contains(r);
 	});
-}, zr = (e, t) => {
+}, wa = (e, t) => {
 	let [n, r] = t.split("-");
-	return Rr(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
-}, Br = (e, t) => {
+	return Ca(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
+}, Ta = (e, t) => {
 	let n = e.closest("[data-flemo-router]")?.getAttribute("data-flemo-router") ?? null;
-	return Array.from(e.ownerDocument.querySelectorAll(`[${Ir}][data-flemo-status="${t}"]`)).filter((e) => {
+	return Array.from(e.ownerDocument.querySelectorAll(`[${ba}][data-flemo-status="${t}"]`)).filter((e) => {
 		if (n === null) return !0;
 		let t = e.closest("[data-flemo-router]");
 		return !t || t.getAttribute("data-flemo-router") === n;
 	});
-}, Vr = (e, t, n) => {
+}, Ea = (e, t) => Ta(e, t).filter((e) => e.parentElement?.closest(`[${Sa}]`) == null), Da = (e) => {
+	let t = e.closest("[data-flemo-router]")?.getAttribute("data-flemo-router") ?? null;
+	return Array.from(e.ownerDocument.querySelectorAll(`[${ba}][${Sa}]`)).filter((e) => {
+		if (e.parentElement?.closest(`[${Sa}]`) != null) return !1;
+		if (t === null) return !0;
+		let n = e.closest("[data-flemo-router]");
+		return !n || n.getAttribute("data-flemo-router") === t;
+	});
+}, Oa = (e, t, n) => {
 	let r = 0;
 	for (let e of [`${n}-true`, `${n}-false`]) {
 		if (!H(t, e)) continue;
 		let n = B(t, e);
 		n && (r = Math.max(r, (n.delay + n.duration) * 1e3));
 	}
-	for (let t of Br(e, n)) {
-		let e = z.get(t.getAttribute(Ir)), i = `${n}-${t.getAttribute("data-flemo-active")}`;
+	for (let t of Ta(e, n)) {
+		let e = z.get(t.getAttribute(ba)), i = `${n}-${t.getAttribute("data-flemo-active")}`;
 		if (!e || !H(e, i)) continue;
 		let a = B(e, i);
 		a && (r = Math.max(r, (a.delay + a.duration) * 1e3));
@@ -2844,46 +3423,58 @@ var Z = () => {}, Mr = 400, Nr = 4, Pr = 100, Fr = 1500, Ir = "data-flemo-part-n
 		t && (r = Math.max(r, (t.delay + t.duration) * 1e3));
 	}
 	return r;
-}, Hr = () => {
-	try {
-		return typeof sessionStorage < "u" && sessionStorage.getItem("flemo:landing-snap") === "on";
-	} catch {
-		return !1;
-	}
-}, Ur = (e, t, n, r) => {
-	let { scope: i, decorator: a, bars: o } = e, s = n.split("-")[0], c = s === "PUSHING" || s === "REPLACING", l = U() && Hr(), u = l && typeof window < "u" && window.devicePixelRatio || 1;
+}, ka = (e) => e === "POPPING" && !ct() || e === "PUSHING" && st() && !ct(), Aa = 12, ja = null, Ma = () => {
+	ja = typeof requestAnimationFrame == "function" ? requestAnimationFrame(Ma) : null;
+}, Na = () => (ja === null && typeof requestAnimationFrame == "function" && (ja = requestAnimationFrame(Ma)), $), Pa = !1, Fa = 0, Ia = () => {
+	Pa &&= (Fa += 1, !1);
+}, La = 2, Ra = 8, za = () => {
+	if (Pa || typeof requestAnimationFrame != "function") return;
+	Pa = !0;
+	let e = ++Fa, t = [], n = La, r = null, i = (a) => {
+		if (e !== Fa) return;
+		if (r !== null && (n > 0 ? --n : t.push(a - r)), r = a, t.length < Ra) {
+			requestAnimationFrame(i);
+			return;
+		}
+		Pa = !1;
+		let o = [...t].sort((e, t) => e - t), s = o[Math.floor(o.length / 2)];
+		fa(s), tt(s, o[o.length - 1]);
+	};
+	requestAnimationFrame(i);
+}, Ba = (e, t, n, r) => {
+	let { scope: i, decorator: a, bars: o } = e, s = n.split("-")[0], c = s === "PUSHING" || s === "REPLACING", l = N() && it(), u = !l && N() && typeof navigator < "u" && navigator.maxTouchPoints > 0 && da() < Aa, d = (l || u) && typeof window < "u" && window.devicePixelRatio || 1, f = (e, t) => e ? l ? $r(e, t, d) : u ? ti(e, t, d, da()) : null : null;
 	if (H(t, n)) {
-		wn(i, t, c, r);
-		let e = l ? gn(B(t, n), i, u) : null;
-		e && (W(i, "animation-timing-function", r), i.style.animationTimingFunction = e);
-		for (let n of o ?? []) n?.getAttribute("data-flemo-bar-riding") === "true" && (wn(n, t, c, r), e && (W(n, "animation-timing-function", r), n.style.animationTimingFunction = e));
+		si(i, t, c, r);
+		let e = f(B(t, n) ?? null, i);
+		e && (U(i, "animation-timing-function", r), i.style.animationTimingFunction = e);
+		for (let n of o ?? []) n?.getAttribute("data-flemo-bar-riding") === "true" && (si(n, t, c, r), e && (U(n, "animation-timing-function", r), n.style.animationTimingFunction = e));
 	}
 	if (a && t.decoratorName) {
 		let e = R.get(t.decoratorName);
-		e && H(e, n) && wn(a, e, c, r);
+		e && H(e, n) && si(a, e, c, r);
 	}
-	for (let e of zr(i, n)) {
-		let t = z.get(e.getAttribute(Ir));
+	for (let e of wa(i, n)) {
+		let t = z.get(e.getAttribute(ba));
 		if (t && H(t, n)) {
-			wn(e, t, c, r);
-			let i = l ? gn(B(t, n), e, u) : null;
-			i && (W(e, "animation-timing-function", r), e.style.animationTimingFunction = i);
+			si(e, t, c, r);
+			let i = f(B(t, n) ?? null, e);
+			i && (U(e, "animation-timing-function", r), e.style.animationTimingFunction = i);
 		}
 	}
-}, Wr = (e, t) => {
+}, Va = (e, t) => {
 	let { scope: n, decorator: r, bars: i } = e;
 	if (n) {
-		X(n, t);
-		for (let e of Rr(n)) X(e, t);
+		Q(n, t);
+		for (let e of Ca(n)) Q(e, t);
 	}
-	r && X(r, t);
-	for (let e of i ?? []) e && X(e, t);
-}, Gr = 4, Kr = (e) => `${Math.round(e * 1e3) / 1e3}s`, qr = (e) => {
+	r && Q(r, t);
+	for (let e of i ?? []) e && Q(e, t);
+}, Ha = 4, Ua = (e) => `${Math.round(e * 1e3) / 1e3}s`, Wa = (e) => {
 	let { element: t, expectedName: n, motion: r } = e, i = !1, a = !1, o = (n) => {
-		i = !0, t.style.animation = "none", t.offsetWidth, t.style.removeProperty("animation"), n.mode === "clear" ? (t.style.removeProperty("animation-delay"), a = !1) : n.mode === "set" && (W(t, "animation-delay", e.writer), t.style.animationDelay = Kr(n.seconds), a = !0), i = !1;
+		i = !0, t.style.animation = "none", t.offsetWidth, t.style.removeProperty("animation"), n.mode === "clear" ? (t.style.removeProperty("animation-delay"), a = !1) : n.mode === "set" && (U(t, "animation-delay", e.writer), t.style.animationDelay = Ua(n.seconds), a = !0), i = !1;
 	}, s = (a) => {
-		if (i || a.target !== t || a.animationName !== n) return;
-		if (!e.isLive() || e.budgetUsed() >= Gr) {
+		if (i || a.target !== t || a.animationName !== n && a.animationName !== `${n}-lpm`) return;
+		if (!e.isLive() || e.budgetUsed() >= Ha) {
 			e.onTerminal();
 			return;
 		}
@@ -2906,19 +3497,20 @@ var Z = () => {}, Mr = 400, Nr = 4, Pr = 100, Fr = 1500, Ir = "data-flemo-part-n
 			t.addEventListener("animationcancel", s);
 		},
 		detach: () => {
-			t.removeEventListener("animationcancel", s), a &&= (G(t, ["animation-delay"], e.writer), !1);
+			t.removeEventListener("animationcancel", s), a &&= (W(t, ["animation-delay"], e.writer), !1);
 		},
 		fullRestart: () => {
 			o({ mode: "clear" });
 		}
 	};
 };
-function Jr(e) {
-	let t = Symbol("flemo-engine-layer"), n = /* @__PURE__ */ new Map(), r = null, i = null, a = null, o = null, c = () => {
-		if (!o) return;
-		let { land: e, cancel: t } = o;
-		o = null, t(), e();
-	}, l = (e) => {
+function Ga(e) {
+	We();
+	let t = Symbol("flemo-engine-layer"), n = /* @__PURE__ */ new Map(), r = null, i = null, a = null, o = null, c = null, l = () => {
+		if (!c) return;
+		let { land: e, cancel: t } = c;
+		c = null, t(), e();
+	}, u = (e) => {
 		if (typeof requestAnimationFrame != "function") {
 			e();
 			return;
@@ -2926,86 +3518,108 @@ function Jr(e) {
 		let t = 0;
 		t = requestAnimationFrame(() => {
 			t = requestAnimationFrame(() => {
-				o = null, e();
+				c = null, e();
 			});
-		}), o = {
+		}), c = {
 			land: e,
 			cancel: () => cancelAnimationFrame(t)
 		};
 	};
 	return {
-		driveScreenLifecycle: (o) => {
-			let { getElements: u, transitionName: d, prevTransitionName: f, status: p, isActive: m, animHoldReleased: h } = o, g = p === "PUSHING" || p === "POPPING" || p === "REPLACING";
-			if (g) {
-				let { scope: e, bars: n } = u();
+		driveScreenLifecycle: (c) => {
+			let { getElements: d, transitionName: f, prevTransitionName: p, status: m, isActive: h, animHoldReleased: g } = c, _ = m === "PUSHING" || m === "POPPING" || m === "REPLACING";
+			if (h) {
+				let { scope: e } = d();
+				if (e) if (_ && !g) for (let t of Ea(e, m)) t.setAttribute(Sa, "true");
+				else for (let t of Da(e)) t.removeAttribute(Sa);
+			}
+			if (_) {
+				let { scope: e, bars: n } = d();
 				if (e) {
-					It(e), G(e, ["animation-timing-function"], t);
-					for (let n of Rr(e)) G(n, ["animation-timing-function"], t);
-					for (let e of n ?? []) e && G(e, ["animation-timing-function"], t);
+					Wn(e), W(e, ["animation-timing-function", "animation-duration"], t);
+					for (let n of Ca(e)) W(n, ["animation-timing-function", "animation-duration"], t);
+					for (let e of n ?? []) e && W(e, ["animation-timing-function", "animation-duration"], t);
 				}
 			}
-			g && (Xt(), a &&= (clearTimeout(a), null), i ||= qt()), !g && i && !a && (typeof setTimeout == "function" ? a = setTimeout(() => {
-				a = null, i?.(), i = null;
-			}, Mr) : (i(), i = null));
-			let _ = g && (m ? p === "PUSHING" || p === "REPLACING" : p === "POPPING");
-			if (!_ && r) {
+			_ && (kr(), o &&= (clearTimeout(o), null), a ||= Er()), !_ && a && !o && (typeof setTimeout == "function" ? o = setTimeout(() => {
+				o = null, a?.(), a = null;
+			}, ga) : (a(), a = null));
+			let v = _ && (h ? m === "PUSHING" || m === "REPLACING" : m === "POPPING"), y = _ && !v;
+			if (!y && i) {
+				let e = i;
+				i = null, _ ? e() : u(e);
+			}
+			if (!v && r) {
 				let e = r;
-				r = null, g ? e() : l(e);
+				r = null, _ ? e() : u(e);
 			}
-			if (_ && !r) {
-				c();
-				let { scope: e } = u();
+			if (v && !r && lt()) {
+				l();
+				let { scope: e } = d();
 				if (e) {
-					let t = Rt(e), n = en(e), i = Mn(Vr(e, De(d), p) + Fr);
+					Rn.takeover(e);
+					let t = hr(e), n = zr(e), i = Oa(e, L(f), m), a = Ni(i + ya), o = at(), s = o === "on" ? Fr(e, i + ya) : o === null && rt() ? Fr(e, i + ya, !0) : $, c = Jn();
 					r = () => {
-						i(), n(), t();
+						a(), s(), n(), t(), c();
 					};
 				}
 			}
-			let v = (t, n, r) => {
+			if (y && !i && lt()) {
+				l();
+				let { scope: e } = d(), t = at();
+				e && (t === "on" || t === null && rt()) && (i = Fr(e, Oa(e, L(f), m) + ya, !0));
+			}
+			let b = (t, n, r) => {
 				let i = e.getTransitionTaskId();
-				if (!i || U() && s.pendingTaskIds.some((e) => e !== i) || !jt.playerAllowed()) return null;
-				let { scope: a, decorator: o, bars: c } = u();
+				if (!i || (be.pinnedDriver(), N() && s.pendingTaskIds.some((e) => e !== i))) return null;
+				if (N() && be.pinnedDriver() !== "raf") return za(), null;
+				if (!N() && typeof navigator < "u" && navigator.maxTouchPoints === 0 && /Mac/.test(navigator.platform ?? "") || !N() && typeof navigator < "u" && navigator.maxTouchPoints > 0 && ka(t.split("-")[0])) return null;
+				if (!N() && typeof navigator < "u" && navigator.maxTouchPoints > 0 && He() && (m === "REPLACING" || m === "POPPING" || m === "PUSHING")) return Ue(), null;
+				if (!be.playerAllowed()) return null;
+				let { scope: a, decorator: o, bars: c } = d();
 				if (!a) return null;
-				let l = De(d);
-				if (jt.pinnedDriver() !== "raf") {
+				let l = L(f);
+				if (be.pinnedDriver() !== "raf") {
 					let e = t.split("-")[0];
-					if (br(l, e, a) === "native") return null;
+					if (li(l, e, a) === "native") return null;
 				}
-				let f = B(l, t);
-				if (!f) return null;
-				let p = [], m = vr.join(i, {
+				let u = B(l, t);
+				if (!u) return null;
+				let p = [], h = ma.join(i, {
 					element: a,
-					motion: f,
+					motion: u,
 					role: n,
-					onComplete: r
+					onComplete: r,
+					status: t.split("-")[0]
 				});
-				if (!m) return null;
-				p.push(m);
+				if (!h) return null;
+				p.push(h);
 				for (let e of c ?? []) {
 					if (!e || e.getAttribute("data-flemo-bar-riding") !== "true") continue;
-					let t = vr.join(i, {
+					let n = ma.join(i, {
 						element: e,
-						motion: f,
-						role: "passive"
+						motion: u,
+						role: "passive",
+						status: t.split("-")[0]
 					});
-					t && p.push(t);
+					n && p.push(n);
 				}
 				if (o && l.decoratorName) {
 					let e = R.get(l.decoratorName), n = e ? B(e, t) : null;
 					if (n) {
-						let e = vr.join(i, {
+						let e = ma.join(i, {
 							element: o,
 							motion: n,
-							role: "passive"
+							role: "passive",
+							status: t.split("-")[0]
 						});
 						e && p.push(e);
 					}
 				}
-				for (let e of zr(a, t)) {
-					let n = z.get(e.getAttribute(Ir)), r = n ? B(n, t) : null;
+				for (let e of wa(a, t)) {
+					let n = z.get(e.getAttribute(ba)), r = n ? B(n, t) : null;
 					if (!r) continue;
-					let a = vr.join(i, {
+					let a = ma.join(i, {
 						element: e,
 						motion: r,
 						role: "passive"
@@ -3013,9 +3627,9 @@ function Jr(e) {
 					a && p.push(a);
 				}
 				return () => p.forEach((e) => e());
-			}, y = (e, n) => {
-				let r = [], { decorator: i, bars: a } = u(), o = De(d), s = (e, n, i) => {
-					let a = 0, o = qr({
+			}, x = (e, n) => {
+				let r = [], { decorator: i, bars: a } = d(), o = L(f), s = (e, n, i) => {
+					let a = 0, o = Wa({
 						element: e,
 						expectedName: n,
 						motion: i,
@@ -3025,54 +3639,54 @@ function Jr(e) {
 						spendBudget: () => {
 							a += 1;
 						},
-						onTerminal: Z
+						onTerminal: $
 					});
 					o.attach(), r.push(o.detach);
-				}, c = it("screen", d, n), l = B(o, n);
+				}, c = yn("screen", f, n), l = B(o, n);
 				if (l) for (let e of a ?? []) !e || e.getAttribute("data-flemo-bar-riding") !== "true" || s(e, c, l);
 				if (i && o.decoratorName) {
 					let e = R.get(o.decoratorName), t = e ? B(e, n) : null;
-					t && s(i, it("decorator", o.decoratorName, n), t);
+					t && s(i, yn("decorator", o.decoratorName, n), t);
 				}
-				for (let t of zr(e, n)) {
-					let e = t.getAttribute(Ir), r = z.get(e), i = r ? B(r, n) : null;
-					i && s(t, it("part", e, n), i);
+				for (let t of wa(e, n)) {
+					let e = t.getAttribute(ba), r = z.get(e), i = r ? B(r, n) : null;
+					i && s(t, yn("part", e, n), i);
 				}
 				return r;
 			};
-			if (!m) {
-				if (p === "COMPLETED") {
-					let { scope: e, decorator: n, bars: r } = u();
+			if (!h) {
+				if (m === "COMPLETED") {
+					let { scope: e, decorator: n, bars: r } = d();
 					if (e) {
-						G(e);
-						for (let t of Rr(e)) G(t);
+						W(e);
+						for (let t of Ca(e)) W(t);
 					}
-					n && G(n);
-					for (let e of r ?? []) e && G(e, void 0, t);
-					return Wr({
+					n && W(n);
+					for (let e of r ?? []) e && W(e, void 0, t);
+					return Va({
 						scope: e,
 						decorator: n,
 						bars: r ?? []
-					}, t), Z;
+					}, t), $;
 				}
-				if (p === "REPLACING" && f !== d && e.setReplaceTransitionStatus("PENDING"), g) {
-					let { scope: e, decorator: n, bars: r } = u();
-					e && Ur({
+				if (m === "REPLACING" && p !== f && e.setReplaceTransitionStatus("PENDING"), _) {
+					let { scope: e, decorator: n, bars: r } = d();
+					e && Ba({
 						scope: e,
 						decorator: n,
 						bars: r ?? []
-					}, De(d), `${p}-false`, t);
+					}, L(f), `${m}-false`, t);
 				}
-				if (g && h) {
-					let e = `${p}-false`, n = v(e, "passive");
+				if (_ && g) {
+					let e = `${m}-false`, n = b(e, "passive");
 					if (n) return n;
-					let { scope: r } = u();
+					let { scope: r } = d();
 					if (r) {
-						let n = De(d), i = [];
+						let n = L(f), i = [];
 						if (H(n, e)) {
-							let a = B(n, e), o = 0, s = qr({
+							let a = B(n, e), o = 0, s = Wa({
 								element: r,
-								expectedName: it("screen", d, e),
+								expectedName: yn("screen", f, e),
 								motion: a,
 								writer: t,
 								isLive: () => r.isConnected && r.getAttribute("data-flemo-skip-animation") !== "true",
@@ -3080,151 +3694,156 @@ function Jr(e) {
 								spendBudget: () => {
 									o += 1;
 								},
-								onTerminal: Z
+								onTerminal: $
 							});
 							s.attach(), i.push(s.detach);
 						}
-						if (i.push(...y(r, e)), i.length > 0) return () => i.forEach((e) => e());
+						if (i.push(...x(r, e)), i.length > 0) return () => i.forEach((e) => e());
 					}
 				}
-				return Z;
+				return $;
 			}
-			if (p === "COMPLETED") {
-				e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
-				let { scope: n, decorator: r, bars: i } = u();
+			if (m === "COMPLETED") {
+				Ia(), e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
+				let { scope: n, decorator: r, bars: i } = d();
 				if (n) {
-					G(n), n.removeAttribute(yr);
-					for (let e of Rr(n)) G(e);
+					W(n), W(n, ["transform", "opacity"]), n.removeAttribute(ha);
+					for (let e of Ca(n)) W(e);
 				}
-				r && (G(r), r.removeAttribute(yr));
-				for (let e of i ?? []) e && G(e, void 0, t);
-				return Wr({
+				r && (W(r), r.removeAttribute(ha));
+				for (let e of i ?? []) e && W(e, void 0, t);
+				return Va({
 					scope: n,
 					decorator: r,
 					bars: i ?? []
-				}, t), Z;
-			}
-			if (p === "IDLE") return Z;
-			let { scope: b } = u();
-			if (!b) return Z;
-			let x = e.getTransitionTaskId(), S = () => {
-				let t = e.getTransitionTaskId();
-				t && s.resolveTask(t), x && n.delete(x);
-			}, C = De(d), w = `${p}-true`, T = b.getAttribute(yr) === "true", ee = !T && H(C, w);
-			if (!T) {
-				let { decorator: e, bars: n } = u();
-				Ur({
-					scope: b,
+				}, t), $;
+			}
+			if (m === "IDLE") return $;
+			let { scope: S } = d();
+			if (!S) return $;
+			let C = e.getTransitionTaskId(), w = $, T = () => {
+				w(), C && (s.resolveTask(C), n.delete(C));
+			}, E = L(f), D = `${m}-true`, O = S.getAttribute(ha) === "true", k = !O && H(E, D);
+			if (!O) {
+				let { decorator: e, bars: n } = d();
+				Ba({
+					scope: S,
 					decorator: e,
 					bars: n ?? []
-				}, C, w, t);
+				}, E, D, t);
 			}
-			let te = `${p}-false`, E = H(C, te) ? B(C, te) : null, ne = [];
-			for (let e of Br(b, p)) {
-				let t = z.get(e.getAttribute(Ir)), n = `${p}-${e.getAttribute("data-flemo-active")}`, r = t && H(t, n) ? B(t, n) : null;
-				r && ne.push({
+			k && N() && (typeof navigator < "u" && navigator.maxTouchPoints === 0 || da() < Aa) && (w = Na());
+			let ee = `${m}-false`, A = H(E, ee) ? B(E, ee) : null, te = [];
+			for (let e of Ta(S, m)) {
+				let t = z.get(e.getAttribute(ba)), n = `${m}-${e.getAttribute("data-flemo-active")}`, r = t && H(t, n) ? B(t, n) : null;
+				r && te.push({
 					element: e,
 					motion: r
 				});
 			}
-			let D = E ? (E.delay + E.duration) * 1e3 : 0;
-			for (let { motion: e } of ne) D = Math.max(D, (e.delay + e.duration) * 1e3);
-			let re = [];
+			let j = A ? (A.delay + A.duration) * 1e3 : 0;
+			for (let { motion: e } of te) j = Math.max(j, (e.delay + e.duration) * 1e3);
+			let ne = [];
 			{
-				let e = C.decoratorName ? R.get(C.decoratorName) : void 0;
-				if (e) for (let t of [`${p}-true`, `${p}-false`]) {
+				let e = E.decoratorName ? R.get(E.decoratorName) : void 0;
+				if (e) for (let t of [`${m}-true`, `${m}-false`]) {
 					if (!H(e, t)) continue;
 					let n = B(e, t);
-					n && (re.push(n), D = Math.max(D, (n.delay + n.duration) * 1e3));
+					n && (ne.push(n), j = Math.max(j, (n.delay + n.duration) * 1e3));
 				}
 			}
-			if (!ee) {
-				if (!T && D > 0) {
-					if (!h) return x && s.markGateHeld(x), Z;
-					let e = D + 50;
-					x && s.anchorGate(x, e + Fr);
-					let t = setTimeout(S, e);
+			if (!k) {
+				if (!O && j > 0) {
+					if (!g) return C && s.markGateHeld(C), $;
+					let e = j + 50;
+					C && s.anchorGate(C, e + ya);
+					let t = setTimeout(T, e);
 					return () => clearTimeout(t);
 				}
-				return queueMicrotask(S), Z;
-			}
-			let O = B(C, w);
-			if (x) if (h) {
-				let e = (O.delay + O.duration) * 1e3;
-				s.anchorGate(x, Math.max(e, D) + Fr);
-			} else s.markGateHeld(x);
-			let ie = !T && !!O, ae = C.driver === "native" && !U(), oe = null;
-			ie && ae && (oe = Or(b, () => [b.ownerDocument.documentElement], () => Lr.get(b)?.()));
-			let se = it("screen", d, w), k, ce = () => {
-				k !== void 0 && (clearTimeout(k), k = void 0);
-			}, le = 0, ue, de = [], fe, pe = () => {
-				de.forEach((e) => cancelAnimationFrame(e)), de = [], fe !== void 0 && clearTimeout(fe), fe = void 0;
-			}, me = () => {
+				return queueMicrotask(T), $;
+			}
+			let M = B(E, D);
+			if (C) if (g) {
+				let e = (M.delay + M.duration) * 1e3;
+				s.anchorGate(C, Math.max(e, j) + ya);
+			} else s.markGateHeld(C);
+			let re = !O && !!M, ie = E.driver === "native" && !N(), ae = !N() && typeof navigator < "u" && navigator.maxTouchPoints > 0 && He(), oe = N() && typeof navigator < "u" && navigator.maxTouchPoints > 0 && ye(), se = !N() && typeof navigator < "u" && navigator.maxTouchPoints > 0 && ka(m), ce = ae || oe || se, le = null;
+			re && !N() && !ie && !ae && !se && (le = wi(S, () => [S.ownerDocument.documentElement], () => xa.get(S)?.(), !1));
+			let ue = ce ? En[m] ?? 0 : 0, de = ae && (m === "PUSHING" || m === "POPPING");
+			{
+				let e = S.ownerDocument.documentElement;
+				ce ? e.setAttribute("data-flemo-lpm", "true") : e.removeAttribute("data-flemo-lpm");
+			}
+			let fe = null;
+			re && ie && (fe = _i(S, () => [S.ownerDocument.documentElement], () => xa.get(S)?.()));
+			let pe = yn("screen", f, D), me, he = () => {
+				me !== void 0 && (clearTimeout(me), me = void 0);
+			}, ge = 0, _e, ve = [], xe, Se = () => {
+				ve.forEach((e) => cancelAnimationFrame(e)), ve = [], xe !== void 0 && clearTimeout(xe), xe = void 0;
+			}, Ce = () => {
 				/* v8 ignore next 4 -- every runtime under test has rAF; the guard
 				shields exotic embedders. */
 				if (typeof requestAnimationFrame != "function") {
-					S();
+					T();
 					return;
 				}
-				fe = setTimeout(() => {
-					pe(), S();
-				}, Pr);
+				xe = setTimeout(() => {
+					Se(), T();
+				}, va);
 				let e = (t) => {
 					if (t <= 0) {
-						pe(), S();
+						Se(), T();
 						return;
 					}
-					de.push(requestAnimationFrame(() => e(t - 1)));
+					ve.push(requestAnimationFrame(() => e(t - 1)));
 				};
-				e(Nr);
-			}, he = () => {
-				if (le <= 0) {
-					me();
+				e(_a);
+			}, we = () => {
+				if (ge <= 0) {
+					Ce();
 					return;
 				}
-				ue = setTimeout(me, le);
-			}, ge = Z, A = Z, j = Z, _e = (e) => {
-				e.target === b && e.animationName === se && (b.removeEventListener("animationend", _e), ce(), ge(), he());
+				_e = setTimeout(Ce, ge);
+			}, Te = $, Ee = $, De = $, Oe = (e) => {
+				e.target === S && (e.animationName === pe || e.animationName === `${pe}-lpm`) && (S.removeEventListener("animationend", Oe), he(), Te(), we());
 			};
-			b.addEventListener("animationend", _e);
-			let ve = ie && h ? v(w, "active", me) : null, ye = (O.delay + O.duration) * 1e3, be = Math.max(ye, D) + 1500, xe = x ? setTimeout(() => void s.resolveTask(x), be) : void 0;
-			le = Math.max(0, D - ye);
-			let Se = ye + 250, Ce = () => x !== null && e.getTransitionTaskId() === x && b.isConnected && b.getAttribute("data-flemo-skip-animation") !== "true" && H(C, w), M = qr({
-				element: b,
-				expectedName: se,
-				motion: O,
+			S.addEventListener("animationend", Oe);
+			let ke = re && g ? b(D, "active", Ce) : null, Ae = (M.delay + M.duration) * 1e3, je = Math.max(Ae, j) + 1500, Me = C ? setTimeout(() => void s.resolveTask(C), je) : void 0;
+			ge = Math.max(0, j - Ae);
+			let Ne = Ae * 1 + ue + 250, Pe = () => C !== null && e.getTransitionTaskId() === C && S.isConnected && S.getAttribute("data-flemo-skip-animation") !== "true" && H(E, D), Fe = Wa({
+				element: S,
+				expectedName: pe,
+				motion: M,
 				writer: t,
-				isLive: Ce,
-				budgetUsed: () => n.get(x) ?? 0,
+				isLive: Pe,
+				budgetUsed: () => n.get(C) ?? 0,
 				spendBudget: () => {
-					A(), j(), n.set(x, (n.get(x) ?? 0) + 1);
+					Ee(), De(), n.set(C, (n.get(C) ?? 0) + 1);
 				},
-				onTerminal: S
+				onTerminal: T
 			});
-			ge = M.detach;
-			let N = !1, P = () => {
-				ce(), k = setTimeout(we, Se);
-			}, we = () => {
-				if (ce(), Ce() && !N) {
-					N = !0, A(), j(), M.fullRestart(), P();
+			Te = Fe.detach;
+			let Ie = !1, P = () => {
+				he(), me = setTimeout(Le, Ne);
+			}, Le = () => {
+				if (he(), Pe() && !Ie) {
+					Ie = !0, Ee(), De(), Fe.fullRestart(), P();
 					return;
 				}
-				S();
-			}, F = !ve && h, Te = F ? y(b, w) : [];
-			F && (M.attach(), x && P()), F && ae && Lr.set(b, () => {
-				A(), j(), x && k !== void 0 && P();
+				T();
+			}, F = !ke && g, Re = F ? x(S, D) : [];
+			F && (Fe.attach(), C && P()), F && (ie || ae) && xa.set(S, () => {
+				Ee(), De(), C && me !== void 0 && P();
 			});
-			let Ee = F && !U() ? Ar(() => [b.ownerDocument.documentElement], () => {
-				A(), j(), x && k !== void 0 && P();
-			}) : null, I = F && ae ? jr(() => [b.ownerDocument.documentElement], () => {
-				A(), j(), x && k !== void 0 && P();
-			}) : null, Oe, ke = () => {
-				Oe !== void 0 && (clearTimeout(Oe), Oe = void 0);
+			let ze = F && ie ? Si(() => [S.ownerDocument.documentElement], () => {
+				Ee(), De(), C && me !== void 0 && P();
+			}) : null, Be, Ve = () => {
+				Be !== void 0 && (clearTimeout(Be), Be = void 0);
 			};
-			if (A = ke, F && x) {
-				let e = typeof window < "u" && window.devicePixelRatio || 1, t = J(O, b, e), n = E ? J(E, b, e) : 0, r = 0;
-				for (let { element: t, motion: n } of ne) {
-					let i = J(n, t, e);
+			if (Ee = Ve, F && C && !de && !se) {
+				let e = typeof window < "u" && window.devicePixelRatio || 1, t = Y(M, S, e), n = A ? Y(A, S, e) : 0, r = 0;
+				for (let { element: t, motion: n } of te) {
+					let i = Y(n, t, e);
 					if (i === null) {
 						r = null;
 						break;
@@ -3232,10 +3851,10 @@ function Jr(e) {
 					r = Math.max(r, i);
 				}
 				let i = 0;
-				if (re.length > 0) {
-					let t = u().decorator;
-					if (t) for (let n of re) {
-						let r = J(n, t, e);
+				if (ne.length > 0) {
+					let t = d().decorator;
+					if (t) for (let n of ne) {
+						let r = Y(n, t, e);
 						if (r === null) {
 							i = null;
 							break;
@@ -3244,17 +3863,17 @@ function Jr(e) {
 					}
 				}
 				let a = t !== null && n !== null && r !== null && i !== null ? Math.max(t, n, r, i) : null;
-				a !== null && a + 17 < ye + le && (Oe = setTimeout(() => {
-					Oe = void 0, Ce() && (b.removeEventListener("animationend", _e), ce(), ge(), me());
-				}, a + 17));
+				a !== null && a + 17 < Ae + ge && (Be = setTimeout(() => {
+					Be = void 0, Pe() && (S.removeEventListener("animationend", Oe), he(), Te(), Ce());
+				}, a * 1 + 17 + ue));
 			}
-			let L, Ae = () => {
-				L !== void 0 && (clearTimeout(L), L = void 0);
+			let We, Ge = () => {
+				We !== void 0 && (clearTimeout(We), We = void 0);
 			};
-			if (j = Ae, F && r) {
-				let e = J(O, b, 1), t = E ? J(E, b, 1) : 0, n = 0;
-				for (let { element: e, motion: t } of ne) {
-					let r = J(t, e, 1);
+			if (De = Ge, F && r && !de && !se && !rt()) {
+				let e = Y(M, S, 1), t = A ? Y(A, S, 1) : 0, n = 0;
+				for (let { element: e, motion: t } of te) {
+					let r = Y(t, e, 1);
 					if (r === null) {
 						n = null;
 						break;
@@ -3262,10 +3881,10 @@ function Jr(e) {
 					n = Math.max(n, r);
 				}
 				let i = 0;
-				if (re.length > 0) {
-					let e = u().decorator;
-					if (e) for (let t of re) {
-						let n = J(t, e, 1);
+				if (ne.length > 0) {
+					let e = d().decorator;
+					if (e) for (let t of ne) {
+						let n = Y(t, e, 1);
 						if (n === null) {
 							i = null;
 							break;
@@ -3274,18 +3893,18 @@ function Jr(e) {
 					}
 				}
 				let a = e !== null && t !== null && n !== null && i !== null ? Math.max(e, t, n, i) : null;
-				a !== null && (L = setTimeout(() => {
-					L = void 0;
+				a !== null && (We = setTimeout(() => {
+					We = void 0;
 					let e = r;
 					e && (r = null, e());
-				}, a));
+				}, a * 1 + ue));
 			}
 			return () => {
-				if (xe !== void 0 && clearTimeout(xe), ue !== void 0 && clearTimeout(ue), pe(), oe?.(), Ee?.(), I?.(), ke(), Ae(), b.removeEventListener("animationend", _e), F) {
-					M.detach();
-					for (let e of Te) e();
+				if (w(), Me !== void 0 && clearTimeout(Me), _e !== void 0 && clearTimeout(_e), Se(), fe?.(), le?.(), ze?.(), Ve(), Ge(), S.removeEventListener("animationend", Oe), F) {
+					Fe.detach();
+					for (let e of Re) e();
 				}
-				ce(), ve?.(), x && e.getTransitionTaskId() !== x && n.delete(x);
+				he(), ke?.(), C && e.getTransitionTaskId() !== C && n.delete(C);
 			};
 		},
 		activeResumeEntryCount: () => n.size
@@ -3293,20 +3912,20 @@ function Jr(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function Yr(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Xr(e);
+function Ka(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = qa(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && Zr(s, n) && (!a || Qr(s, n))) return {
+	if (s instanceof HTMLElement && Ja(s, n) && (!a || Ya(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if (Zr(c, n) && (!a || Qr(c, n))) return {
+		if (Ja(c, n) && (!a || Ya(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -3317,7 +3936,7 @@ function Yr(e, t) {
 		hasMarker: !1
 	};
 }
-function Xr(e) {
+function qa(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -3325,100 +3944,119 @@ function Xr(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function Zr(e, t) {
+function Ja(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function Qr(e, t) {
-	if (!Zr(e, t) || typeof window > "u") return !1;
+function Ya(e, t) {
+	if (!Ja(e, t) || typeof window > "u") return !1;
 	let n = window.getComputedStyle(e), r = t === "y" ? n.overflowY : n.overflowX;
 	return r === "auto" || r === "scroll" || r === "overlay";
 }
 //#endregion
+//#region src/screen/computeBarRiding.ts
+function Xa(e, t) {
+	return !!e && !!t && e.id === t.id;
+}
+function Za(e) {
+	if (e.status !== "PUSHING" && e.status !== "POPPING" && e.status !== "REPLACING" || !e.isTopOrTopPrev) return {
+		app: !1,
+		nav: !1
+	};
+	let t = e.hasTopBar ? { id: e.topBarId } : void 0, n = e.hasNavBar ? { id: e.bottomBarId } : void 0, r = e.partnerMetadata?.topBar ?? (e.partnerBars?.topBar ? {} : void 0), i = e.partnerMetadata?.bottomBar ?? (e.partnerBars?.bottomBar ? {} : void 0);
+	return {
+		app: e.hasTopBar && !Xa(t, r),
+		nav: e.hasNavBar && !Xa(n, i)
+	};
+}
+//#endregion
 //#region src/core/engine/createSwipeController.ts
-var $r = "data-flemo-skip-animation";
-function ei(e) {
+var Qa = "data-flemo-skip-animation";
+function $a(e) {
 	let t = Symbol("flemo-swipe-layer"), n = null, r = null, i = {
 		current: [],
 		prev: []
 	}, a = {
 		current: [],
 		prev: []
-	}, o = !1, s = !1, c = !1, l = {
+	}, o = !1, s = !1, c = !1, l = null, u = null, d = !1, f = {
 		x: 0,
 		y: 0
-	}, u = {
+	}, p = {
 		x: 0,
 		y: 0
-	}, d = 0, f = {
+	}, m = 0, h = {
 		x: 0,
 		y: 0
-	}, p = {
+	}, g = {
 		element: null,
 		hasMarker: !1
-	}, m = {
+	}, _ = {
 		element: null,
 		hasMarker: !1
-	}, h = 0, g = 0, _ = (e) => ({
+	}, v = 0, y = 0, b = (e) => ({
 		point: {
 			x: e.clientX,
 			y: e.clientY
 		},
 		offset: {
-			x: e.clientX - l.x,
-			y: e.clientY - l.y
+			x: e.clientX - f.x,
+			y: e.clientY - f.y
 		},
 		delta: {
-			x: e.clientX - u.x,
-			y: e.clientY - u.y
+			x: e.clientX - p.x,
+			y: e.clientY - p.y
 		},
-		velocity: f
-	}), v = (e) => {
-		let t = e.timeStamp, n = Math.max(1, t - d);
-		f = {
-			x: (e.clientX - u.x) / n * 1e3,
-			y: (e.clientY - u.y) / n * 1e3
-		}, u = {
+		velocity: h
+	}), x = 0, S = (t) => {
+		let { scope: n } = e.getElements();
+		n?.hasPointerCapture(t.pointerId) && n.releasePointerCapture(t.pointerId);
+	}, C = (e) => {
+		let t = e.timeStamp, n = Math.max(1, t - m);
+		h = {
+			x: (e.clientX - p.x) / n * 1e3,
+			y: (e.clientY - p.y) / n * 1e3
+		}, p = {
 			x: e.clientX,
 			y: e.clientY
-		}, d = t;
-	}, y = (r, a, o) => {
-		let s = K(r, a, o, t);
-		if (r === e.getElements().scope) for (let e of i.current) K(e, a, o, t);
-		else if (r === n) for (let e of i.prev) K(e, a, o, t);
+		}, m = t, x = Math.max(x, Math.abs(e.clientX - f.x), Math.abs(e.clientY - f.y));
+	}, w = (r, a, o) => {
+		let s = Un(r, a, o, t);
+		if (r === e.getElements().scope) for (let e of i.current) Un(e, a, o, t);
+		else if (r === n) for (let e of i.prev) Un(e, a, o, t);
 		return s;
-	}, b = (n) => {
-		let r = e.getPartnerBars(), a = [], { sharedTopBar: o, sharedBottomBar: s } = e.getElements();
-		o && e.hasSharedTopBar() && !r?.topBar && a.push(o), s && e.hasSharedBottomBar() && !r?.bottomBar && a.push(s);
-		let c = [];
-		if (n) {
-			let t = n.querySelector("[data-flemo-bar=\"app\"]"), r = n.querySelector("[data-flemo-bar=\"nav\"]");
-			t && !e.hasSharedTopBar() && c.push(t), r && !e.hasSharedBottomBar() && c.push(r);
-		}
-		i = {
-			current: a,
-			prev: c
+	}, T = (n) => {
+		let r = e.getPartnerBars(), a = e.getPartnerBarMetadata?.(), o = n?.querySelector("[data-flemo-bar=\"app\"]"), s = n?.querySelector("[data-flemo-bar=\"nav\"]"), c = (e) => {
+			if (!e) return;
+			let t = e.getAttribute("data-flemo-bar-id");
+			return t === null ? {} : { id: e.getAttribute("data-flemo-bar-id-type") === "number" ? Number(t) : t };
+		}, l = e.hasSharedTopBar() ? { id: e.getSharedTopBarId?.() } : void 0, u = e.hasSharedBottomBar() ? { id: e.getSharedBottomBarId?.() } : void 0, d = a?.topBar ?? (r?.topBar ? {} : c(o)), f = a?.bottomBar ?? (r?.bottomBar ? {} : c(s)), p = [], { sharedTopBar: m, sharedBottomBar: h } = e.getElements();
+		m && l && !Xa(l, d) && p.push(m), h && u && !Xa(u, f) && p.push(h);
+		let g = [];
+		n && (o && d && !Xa(d, l) && g.push(o), s && f && !Xa(f, u) && g.push(s)), i = {
+			current: p,
+			prev: g
 		};
-		for (let n of a) wn(n, e.getTransition(), !1, t);
-		for (let n of c) wn(n, e.getTransition(), !1, t);
-	}, x = () => {
-		for (let e of i.current) G(e, void 0, t), X(e, t);
-		for (let e of i.prev) G(e, void 0, t), X(e, t);
+		for (let n of p) si(n, e.getTransition(), !1, t);
+		for (let n of g) si(n, e.getTransition(), !1, t);
+	}, E = () => {
+		for (let e of i.current) W(e, void 0, t), Q(e, t);
+		for (let e of i.prev) W(e, void 0, t), Q(e, t);
 		i = {
 			current: [],
 			prev: []
 		};
-	}, S = (t) => {
+	}, D = (t) => {
 		let { screenContainer: n } = e.getElements(), r = (e) => Array.from(e.querySelectorAll("[data-flemo-part-name]"));
 		a = {
 			current: r(n),
 			prev: r(t)
 		};
-	}, C = (e, n, r) => {
+	}, O = (e, n, r) => {
 		let i = (i, a) => {
 			let o = z.get(i.getAttribute("data-flemo-part-name"));
 			if (!o) return;
 			let s = {
-				animate: (e, n, r) => K(e, n, r, t),
+				animate: (e, n, r) => Un(e, n, r, t),
 				element: i,
 				active: a
 			};
@@ -3426,81 +4064,117 @@ function ei(e) {
 		};
 		for (let e of a.current) i(e, !0);
 		for (let e of a.prev) i(e, !1);
-	}, w = () => {
-		for (let e of [...a.current, ...a.prev]) G(e, void 0, t);
+	}, k = () => {
+		for (let e of [...a.current, ...a.prev]) W(e, void 0, t);
 		a = {
 			current: [],
 			prev: []
 		};
-	}, T = async (t) => {
+	}, ee = async (t) => {
 		let i = e.getTransition();
-		if (!i.swipeDirection || e.getViewportScrollHeight() > 10) return;
-		let { scope: a, screenContainer: o, decorator: s } = e.getElements();
-		if (!a) return;
-		let p = o?.previousElementSibling ?? null;
-		if (n = p?.querySelector("[data-flemo-screen]") ?? null, r = p?.querySelector("[data-flemo-decorator]") ?? null, !n) return;
-		c = !0, l = {
+		if (!i.swipeDirection || e.getViewportScrollHeight() > 10) {
+			s = !1;
+			return;
+		}
+		let { scope: a, screenContainer: o, decorator: l } = e.getElements();
+		if (!a) {
+			s = !1;
+			return;
+		}
+		let u = o?.previousElementSibling ?? null;
+		if (n = u?.querySelector("[data-flemo-screen]") ?? null, r = u?.querySelector("[data-flemo-decorator]") ?? null, !n) {
+			s = !1;
+			return;
+		}
+		c = !0, x = 0, f = {
 			x: t.clientX,
 			y: t.clientY
-		}, u = {
+		}, p = {
 			x: t.clientX,
 			y: t.clientY
-		}, d = t.timeStamp, f = {
+		}, m = t.timeStamp, h = {
 			x: 0,
 			y: 0
-		}, a.setPointerCapture(t.pointerId), b(p), S(p);
-		let m = e.getDecorator();
-		await i.onSwipeStart(t, _(t), {
-			animate: y,
+		}, a.setPointerCapture(t.pointerId), T(u), D(u);
+		let g = e.getDecorator(), _ = await i.onSwipeStart(t, b(t), {
+			animate: w,
 			currentScreen: a,
 			prevScreen: n,
 			onStart: (e) => {
-				m?.onSwipeStart?.(e, {
-					animate: K,
-					currentDecorator: s,
+				g?.onSwipeStart?.(e, {
+					animate: Un,
+					currentDecorator: l,
 					prevDecorator: r
-				}), C("start", e, 0);
+				}), O("start", e, 0);
 			}
-		}) ? e.setDragStatus("PENDING") : (e.setDragStatus("IDLE"), c = !1, x());
-	}, ee = (t) => {
+		});
+		_ && !d ? e.setDragStatus("PENDING") : _ || (e.setDragStatus("IDLE"), c = !1, s = !1, S(t), E(), k());
+	}, A = (e) => {
+		let t = ee(e);
+		u = t, t.finally(() => {
+			u = null;
+		});
+	}, te = (t) => {
 		let i = e.getTransition();
-		if (!i.swipeDirection || !c || e.getViewportScrollHeight() > 10) return;
-		v(t);
+		if (!i.swipeDirection || !c || u || e.getViewportScrollHeight() > 10) return;
+		C(t);
 		let { scope: a, decorator: o } = e.getElements(), s = e.getDecorator();
-		i.onSwipe(t, _(t), {
-			animate: y,
+		i.onSwipe(t, b(t), {
+			animate: w,
 			currentScreen: a,
 			prevScreen: n,
 			onProgress: (e, t) => {
 				s?.onSwipe?.(e, t, {
-					animate: K,
+					animate: Un,
 					currentDecorator: o,
 					prevDecorator: r
-				}), C("swipe", e, t);
+				}), O("swipe", e, t);
 			}
 		});
-	}, te = async (o) => {
-		let s = e.getTransition();
-		if (!s.swipeDirection || !c) return;
+	}, j = async (o, s = !1) => {
+		u && await u;
+		let l = e.getTransition();
+		if (!l.swipeDirection || !c) return;
 		c = !1;
-		let { scope: l, decorator: u } = e.getElements();
-		l && l.hasPointerCapture(o.pointerId) && l.releasePointerCapture(o.pointerId);
-		let d = e.getDecorator();
-		if (await s.onSwipeEnd(o, _(o), {
-			animate: y,
-			currentScreen: l,
+		let { scope: d, decorator: f } = e.getElements();
+		S(o);
+		let p = e.getDecorator(), m = s || x < 6 ? (e, t, n) => w(e, t, {
+			...n,
+			duration: 0
+		}) : w, h = s ? {
+			point: {
+				x: o.clientX,
+				y: o.clientY
+			},
+			offset: {
+				x: 0,
+				y: 0
+			},
+			delta: {
+				x: 0,
+				y: 0
+			},
+			velocity: {
+				x: 0,
+				y: 0
+			}
+		} : b(o), g = await l.onSwipeEnd(o, h, {
+			animate: m,
+			currentScreen: d,
 			prevScreen: n,
 			onStart: (e) => {
-				d?.onSwipeEnd?.(e, {
-					animate: K,
-					currentDecorator: u,
+				let t = !s && e;
+				p?.onSwipeEnd?.(t, {
+					animate: Un,
+					currentDecorator: f,
 					prevDecorator: r
-				}), C("end", e, 0);
+				}), O("end", t, 0);
 			}
-		})) {
-			l?.setAttribute($r, "true"), u?.setAttribute($r, "true");
-			for (let e of i.current) X(e, t);
-			for (let e of i.prev) G(e, void 0, t), X(e, t);
+		});
+		if (!s && g) {
+			d?.setAttribute(Qa, "true"), f?.setAttribute(Qa, "true");
+			for (let e of i.current) Q(e, t);
+			for (let e of i.prev) W(e, void 0, t), Q(e, t);
 			i = {
 				current: [],
 				prev: []
@@ -3508,78 +4182,77 @@ function ei(e) {
 				current: [],
 				prev: []
 			}, e.back();
-		} else l && G(l, void 0, t), n && G(n, void 0, t), u && G(u), r && G(r), x(), w(), e.setDragStatus("IDLE");
+		} else d && W(d, void 0, t), n && W(n, void 0, t), f && W(f), r && W(r), E(), k(), e.setDragStatus("IDLE");
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (p = Yr(t.target, {
+			!e.isReadyForDrag() || c || t.isPrimary === !1 || t.pointerType === "mouse" && t.button !== 0 || (l = t.pointerId, d = !1, o = !0, s = !1, g = Ka(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), m = Yr(t.target, {
+			}), _ = Ka(t.target, {
 				direction: "y",
 				verifyByScroll: !0
-			}), h = t.clientX, g = t.clientY, (!p.element && !m.element || p.element || m.element) && (o = !0));
+			}), v = t.clientX, y = t.clientY);
 		},
 		pointerMove: (t) => {
-			if (e.getViewportScrollHeight() > 10) return;
+			if (t.pointerId !== l || e.getViewportScrollHeight() > 10) return;
 			if (c) {
-				ee(t);
+				te(t);
+				return;
+			}
+			if (!o) return;
+			if (!e.isReadyForDrag()) {
+				o = !1;
+				return;
+			}
+			let n = e.getTransition().swipeDirection;
+			if (!n) {
+				o = !1;
 				return;
 			}
-			let n = e.getTransition().swipeDirection, r = !p.element && !m.element;
-			if (o && r) {
-				o = !1, s = !0;
-				let e = t.clientY - g, r = t.clientX - h;
-				(n === "y" && e > 0 || n === "x" && r > 0) && T(t);
-			} else if (o && !r) {
-				let e = t.clientX - h, r = t.clientY - g, i = m.element && m.element.scrollTop <= 0, a = p.element && p.element.scrollLeft <= 0 && p.hasMarker;
-				(n === "y" && (i || p.element) && r > 0 && Math.abs(e) < 2 || n === "x" && (a || m.element) && e > 0 && Math.abs(r) < 2) && (o = !1, s = !0, T(t));
+			let r = !g.element && !_.element, i = t.clientX - v, a = t.clientY - y, u = n === "x" ? i : a, d = n === "x" ? a : i;
+			if (!(Math.max(Math.abs(u), Math.abs(d)) < 8) && (o = !1, !(u <= 0 || Math.abs(u) <= Math.abs(d) * 3))) if (r) s = !0, A(t);
+			else {
+				let e = _.element && _.element.scrollTop <= 0, r = g.element && g.element.scrollLeft <= 0 && g.hasMarker;
+				(n === "y" && (e || g.element) || n === "x" && (r || _.element)) && (s = !0, A(t));
 			}
 		},
 		pointerUp: (e) => {
-			o = !1, s = !1, c && te(e);
+			e.pointerId === l && (o = !1, s = !1, l = null, c && j(e));
+		},
+		pointerCancel: (e) => {
+			e.pointerId === l && (o = !1, s = !1, l = null, d = !0, c && j(e, !0));
 		},
 		shouldPreventTouch: () => s
 	};
 }
 //#endregion
-//#region src/screen/computeBarRiding.ts
-function ti(e) {
-	return e.status !== "PUSHING" && e.status !== "POPPING" && e.status !== "REPLACING" || !e.isTopOrTopPrev ? {
-		app: !1,
-		nav: !1
-	} : {
-		app: e.hasTopBar && !e.partnerBars?.topBar,
-		nav: e.hasNavBar && !e.partnerBars?.bottomBar
-	};
-}
-//#endregion
 //#region src/screen/pendingNetwork.ts
-var ni = 0, ri = !1, ii = () => {
-	ni = Math.max(0, ni - 1);
-}, ai = () => {
-	if (!(ri || typeof window > "u")) {
-		if (ri = !0, typeof window.fetch == "function") {
+var eo = 0, to = !1, no = () => {
+	eo = Math.max(0, eo - 1);
+}, ro = () => {
+	if (!(to || typeof window > "u")) {
+		if (to = !0, typeof window.fetch == "function") {
 			let e = window.fetch.bind(window);
 			window.fetch = (...t) => {
-				ni += 1;
+				eo += 1;
 				let n;
 				try {
 					n = e(...t);
 				} catch (e) {
-					throw ii(), e;
+					throw no(), e;
 				}
-				return n.then((e) => (ii(), e), (e) => {
-					throw ii(), e;
+				return n.then((e) => (no(), e), (e) => {
+					throw no(), e;
 				});
 			};
 		}
 		if (typeof XMLHttpRequest == "function") {
 			let e = XMLHttpRequest.prototype.send;
 			XMLHttpRequest.prototype.send = function(...t) {
-				ni += 1;
+				eo += 1;
 				let n = !1, r = () => {
-					n || (n = !0, ii());
+					n || (n = !0, no());
 				};
 				this.addEventListener("loadend", r);
 				try {
@@ -3590,28 +4263,28 @@ var ni = 0, ri = !1, ii = () => {
 			};
 		}
 	}
-}, oi = () => (ai(), ni > 0);
+}, io = () => (ro(), eo > 0);
 //#endregion
 //#region src/screen/animStartAnchor.ts
-function si(e) {
+function ao(e) {
 	return e.status !== "PUSHING" && e.status !== "POPPING" && e.status !== "REPLACING" || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var ci = 300, li = 20;
-function ui(e) {
-	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, li);
+var oo = 300, so = 20;
+function co(e) {
+	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, so);
 }
-function di(e) {
-	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of ui(e)) t.decode().catch(() => {});
+function lo(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of co(e)) t.decode().catch(() => {});
 }
-var fi = 3, pi = 40, mi = (e) => {
+var uo = 3, fo = 40, po = (e) => {
 	if (typeof e.querySelectorAll != "function") return !1;
 	let t = Math.max(1, e.querySelectorAll("*").length);
 	/* v8 ignore stop */
-	return ((e.textContent ?? "").trim().length + e.querySelectorAll("img").length * pi) / t < fi;
-}, hi = (e) => typeof e.getAnimations == "function" && e.getAnimations({ subtree: !0 }).some((e) => {
+	return ((e.textContent ?? "").trim().length + e.querySelectorAll("img").length * fo) / t < uo;
+}, mo = (e) => typeof e.getAnimations == "function" && e.getAnimations({ subtree: !0 }).some((e) => {
 	let t = e.animationName;
 	return typeof t != "string" || !t.startsWith("flemo-");
-}), gi = (e) => {
+}), ho = (e) => {
 	/* v8 ignore next -- the settle gate only runs a scope past looksLikeShell,
 	which already requires querySelectorAll. */
 	if (typeof e.querySelectorAll != "function") return !1;
@@ -3619,12 +4292,12 @@ var fi = 3, pi = 40, mi = (e) => {
 	the guard shields exotic embedders. */
 	let t = typeof e.getBoundingClientRect == "function" ? e.getBoundingClientRect() : null, n = t && t.height > 0 ? t : null, r = 0;
 	for (let t of Array.from(e.querySelectorAll("img"))) {
-		if (r >= li) break;
+		if (r >= so) break;
 		if (!(t.loading === "lazy" && !t.currentSrc) && !(n && t.getBoundingClientRect().top - n.top >= n.height) && (r += 1, !t.complete)) return !0;
 	}
 	return !1;
 };
-function _i(e, t = {}) {
+function go(e, t = {}) {
 	let n = !1, r = 0, i = [], a = [], o = () => {
 		if (n) return;
 		let r = t.scope;
@@ -3632,7 +4305,7 @@ function _i(e, t = {}) {
 			e();
 			return;
 		}
-		let i = ui(r);
+		let i = co(r);
 		if (i.length === 0) {
 			e();
 			return;
@@ -3649,59 +4322,81 @@ function _i(e, t = {}) {
 			e();
 			return;
 		}
-		if (!mi(r)) {
+		let i = () => !n.renderSettleOnly && (f() || d());
+		if (!n.renderSettleOnly && !po(r)) {
 			e();
 			return;
 		}
 		/* v8 ignore start -- performance exists in every runtime under test;
 		the fallback only shields exotic embedders. */
-		let i = typeof performance < "u" ? performance.now() : 0, o = () => (typeof performance < "u" ? performance.now() : 0) - i, s = [], c = !1, l = !1, u = () => mi(r) && hi(r), d = () => oi() || gi(r), f = () => {
-			l || (l = !0, h.disconnect(), clearTimeout(g), clearTimeout(_), clearTimeout(v), s.forEach((e) => cancelAnimationFrame(e)), s = [], e());
-		}, p = () => !mi(r) && !d() ? 2 : 6, m = () => {
-			s.forEach((e) => cancelAnimationFrame(e)), s = [];
-			let e = (t) => {
-				if (t <= 0) {
-					if ((d() || u()) && o() < n.capMs) {
-						s.push(requestAnimationFrame(() => e(p())));
+		let o = typeof performance < "u" ? performance.now() : 0, s = () => (typeof performance < "u" ? performance.now() : 0) - o, c = [], l = !1, u = !1, d = () => po(r) && mo(r), f = () => io() || ho(r), p = () => {
+			u || (u = !0, v.disconnect(), clearTimeout(y), clearTimeout(b), clearTimeout(x), c.forEach((e) => cancelAnimationFrame(e)), c = [], e());
+		}, m = () => n.renderSettleOnly ? 6 : !po(r) && !i() ? 2 : 6, h = !1, g = () => {
+			if (!n.renderSettleOnly) {
+				p();
+				return;
+			}
+			if (h || u) return;
+			h = !0;
+			let e = typeof performance < "u" ? performance.now() : null, t = (r) => {
+				if (r <= 0 || s() >= n.capMs) {
+					p();
+					return;
+				}
+				c.push(requestAnimationFrame((n) => {
+					let i = e !== null && n - e > 48;
+					e = n, t(i ? 2 : r - 1);
+				}));
+			};
+			t(2);
+		}, _ = () => {
+			c.forEach((e) => cancelAnimationFrame(e)), c = [];
+			let e = null, t = (r) => {
+				if (r <= 0) {
+					if (i() && s() < n.capMs) {
+						c.push(requestAnimationFrame(() => t(m())));
 						return;
 					}
-					f();
+					p();
 					return;
 				}
-				s.push(requestAnimationFrame(() => e(t - 1)));
+				c.push(requestAnimationFrame((i) => {
+					let a = n.renderSettleOnly && e !== null && i - e > 48 && s() < n.capMs;
+					e = i, t(a ? m() : r - 1);
+				}));
 			};
-			e(p());
-		}, h = new MutationObserver((e) => {
+			t(m());
+		}, v = new MutationObserver((e) => {
 			let t = 0;
 			for (let n of e) if (n.type === "childList") for (let e of Array.from(n.addedNodes)) t += e instanceof Element ? 1 + e.querySelectorAll("*").length : 1;
 			if (!(t < n.minNodes)) {
 				/* v8 ignore start -- the cap timer fires the moment elapsed reaches
 				capMs, so a delivery can never observe elapsed past the cap first;
 				kept so a delivery racing the timer can only ever finish early. */
-				if (c = !0, o() >= n.capMs) {
-					f();
+				if (l = !0, s() >= n.capMs) {
+					p();
 					return;
 				}
 				/* v8 ignore stop */
-				m();
+				_();
 			}
 		});
-		h.observe(r, {
+		v.observe(r, {
 			childList: !0,
 			subtree: !0
 		});
-		let g = setTimeout(() => {
-			!c && !d() && !u() && f();
-		}, n.graceMs), _ = setTimeout(function e() {
-			if (!c) {
-				if ((d() || u()) && o() < n.capMs) {
+		let y = setTimeout(() => {
+			!l && !i() && g();
+		}, n.graceMs), b = setTimeout(function e() {
+			if (!l) {
+				if (i() && s() < n.capMs) {
 					setTimeout(e, 100);
 					return;
 				}
-				f();
+				g();
 			}
-		}, n.firstWaitMs), v = setTimeout(f, n.capMs);
-		a.push(f);
+		}, n.firstWaitMs), x = setTimeout(p, n.capMs);
+		a.push(p);
 	}, c = (e) => {
 		if (e <= 0) {
 			s(o);
@@ -3715,14 +4410,14 @@ function _i(e, t = {}) {
 		n = !0, cancelAnimationFrame(l), r && cancelAnimationFrame(r), i.forEach((e) => cancelAnimationFrame(e)), a.forEach((e) => e());
 	};
 }
-function vi(e, t = {}) {
-	let n = _i(e, t), r = t.contentSettle?.capMs ?? 0, i = setTimeout(e, 300 + r);
+function _o(e, t = {}) {
+	let n = go(e, t), r = t.contentSettle?.capMs ?? 0, i = setTimeout(e, 300 + r);
 	return () => {
 		n(), clearTimeout(i);
 	};
 }
-var yi = (e) => 300 + (e?.contentSettle?.capMs ?? 0);
-function bi() {
+var vo = (e) => 300 + (e?.contentSettle?.capMs ?? 0);
+function yo() {
 	let e = /* @__PURE__ */ new Map(), t = (t, n) => {
 		clearTimeout(n.backstop), e.delete(t);
 		let r = [...n.members];
@@ -3732,14 +4427,14 @@ function bi() {
 	return { join: (r, i, a) => {
 		let o = e.get(r);
 		if (o) {
-			let e = yi(a);
+			let e = vo(a);
 			if (e > o.backstopMs) {
 				clearTimeout(o.backstop);
 				let n = o;
 				n.backstopMs = e, n.backstop = setTimeout(() => t(r, n), e);
 			}
 		} else {
-			let n = yi(a), i = {
+			let n = vo(a), i = {
 				members: /* @__PURE__ */ new Set(),
 				backstop: setTimeout(() => t(r, i), n),
 				backstopMs: n
@@ -3749,7 +4444,7 @@ function bi() {
 		let s = o, c = {
 			release: i,
 			ready: !1,
-			cancelReadiness: _i(() => {
+			cancelReadiness: go(() => {
 				c.ready = !0, n(s) && t(r, s);
 			}, a)
 		};
@@ -3766,7 +4461,7 @@ function bi() {
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function xi(e, t) {
+function bo(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -3777,14 +4472,14 @@ function xi(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var Si = 0;
-function Ci(e) {
+var xo = 0;
+function So(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 - Si;
-			n = n < 0 ? 0 : n, Si ||= t, e(t, n);
+			let n = t - xo;
+			n = n < 0 ? 0 : n, xo ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -3793,14 +4488,14 @@ function Ci(e) {
 }
 //#endregion
 //#region src/core/engine/gpuPipelinePrewarm.ts
-var wi = () => {}, Ti = "data-flemo-gpu-prewarm", Ei = 2e3, Di = 1200, Oi = 120, ki = 3, Ai = "position:fixed;top:0;left:0;pointer-events:none;opacity:0.02;", ji = "width:64px;height:64px;background:#888;color:#000;font-size:10px;will-change:transform;transform:translate3d(1px,0,0);", Mi = "width:64px;height:64px;background:#000;will-change:opacity;opacity:0.5;", Ni = "cold", Pi = 0, Fi = null;
-function Ii() {
-	if (typeof document > "u" || !document.body || typeof Element > "u" || typeof Element.prototype.animate != "function" || !U()) return wi;
-	if (Pi += 1, Ni === "cold") {
-		Ni = "scheduled";
+var Co = () => {}, wo = "data-flemo-gpu-prewarm", To = 2e3, Eo = 1200, Do = 120, Oo = 3, ko = "position:fixed;top:0;left:0;pointer-events:none;opacity:0.02;", Ao = "width:64px;height:64px;background:#888;color:#000;font-size:10px;will-change:transform;transform:translate3d(1px,0,0);", jo = "width:64px;height:64px;background:#000;will-change:opacity;opacity:0.5;", Mo = "cold", No = 0, Po = null;
+function Fo() {
+	if (typeof document > "u" || !document.body || typeof Element > "u" || typeof Element.prototype.animate != "function" || !N()) return Co;
+	if (No += 1, Mo === "cold") {
+		Mo = "scheduled";
 		let e = () => document.querySelector("[data-flemo-status=\"PUSHING\"],[data-flemo-status=\"POPPING\"],[data-flemo-status=\"REPLACING\"]") !== null, t = () => {
-			let e = typeof requestIdleCallback == "function" ? requestIdleCallback(n, { timeout: Ei }) : null, t = e === null ? setTimeout(n, Di) : null;
-			Fi = () => {
+			let e = typeof requestIdleCallback == "function" ? requestIdleCallback(n, { timeout: To }) : null, t = e === null ? setTimeout(n, Eo) : null;
+			Po = () => {
 				e !== null && typeof cancelIdleCallback == "function" && cancelIdleCallback(e), t !== null && clearTimeout(t);
 			};
 		}, n = () => {
@@ -3808,20 +4503,41 @@ function Ii() {
 				t();
 				return;
 			}
-			Fi = null, Ni = "done";
+			Po = null, Mo = "done";
 			let n = document.createElement("div");
-			n.setAttribute(Ti, ""), n.setAttribute("aria-hidden", "true"), n.setAttribute("style", Ai);
+			n.setAttribute(wo, ""), n.setAttribute("aria-hidden", "true"), n.setAttribute("style", ko);
 			let r = document.createElement("div");
-			r.setAttribute("style", ji), r.textContent = "flemo";
+			r.setAttribute("style", Ao), r.textContent = "flemo";
 			let i = document.createElement("div");
-			i.setAttribute("style", Mi), n.append(r, i), document.body.appendChild(n);
+			i.setAttribute("style", jo);
+			let a = document.createElement("div");
+			a.setAttribute("style", "width:96px;font-size:11px;color:#123;will-change:transform;transform:translate3d(0,0,0);");
+			let o = document.createElement("div");
+			o.setAttribute("style", "width:24px;height:24px;border-radius:50%;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.3);");
+			try {
+				let e = document.createElement("canvas");
+				e.width = 24, e.height = 24;
+				let t = e.getContext("2d");
+				if (t) {
+					t.fillStyle = "#7a8", t.fillRect(0, 0, 24, 24), t.fillStyle = "#345", t.beginPath(), t.arc(12, 10, 6, 0, Math.PI * 2), t.fill();
+					let n = document.createElement("img");
+					n.src = e.toDataURL(), n.setAttribute("style", "width:24px;height:24px;object-fit:cover;"), o.appendChild(n);
+				}
+			} catch {}
+			let s = document.createElement("div");
+			s.setAttribute("style", "width:96px;height:10px;background:linear-gradient(90deg,#eee,#bbb,#eee);");
+			let c = document.createElement("div");
+			c.setAttribute("style", "border-top:1px solid #ccd;padding:2px 0;"), c.textContent = "의원 기록 표결 발의 가나다라", a.append(o, s, c), n.append(r, i, a), document.body.appendChild(n);
 			try {
 				r.animate([{ transform: "translate3d(0,0,0)" }, { transform: "translate3d(2px,0,0)" }], {
-					duration: Oi,
-					iterations: ki
+					duration: Do,
+					iterations: Oo
 				}), i.animate([{ opacity: .4 }, { opacity: .6 }], {
-					duration: Oi,
-					iterations: ki
+					duration: Do,
+					iterations: Oo
+				}), a.animate([{ transform: "translate3d(0,0,0)" }, { transform: "translate3d(2px,0,0)" }], {
+					duration: Do,
+					iterations: Oo
 				});
 			} catch {}
 			setTimeout(() => n.remove(), 450);
@@ -3830,191 +4546,12 @@ function Ii() {
 	}
 	let e = !1;
 	return () => {
-		e || (e = !0, Pi = Math.max(0, Pi - 1), Pi === 0 && Ni === "scheduled" && (Fi?.(), Fi = null, Ni = "cold"));
+		e || (e = !0, No = Math.max(0, No - 1), No === 0 && Mo === "scheduled" && (Po?.(), Po = null, Mo = "cold"));
 	};
 }
 //#endregion
-//#region src/core/engine/imageDecodeOffloader.ts
-var Li = 8, Ri = 2, Q = 96, zi = 15e3, Bi = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", Vi = "data-flemo-image-src", Hi = "flemo-image-scale-v1", Ui = (e) => {
-	if (e.naturalWidth <= 0 || e.naturalHeight <= 0 || e.boxWidth <= 0 || e.boxHeight <= 0) return !1;
-	let t = e.boxWidth * e.boxHeight * e.devicePixelRatio * e.devicePixelRatio;
-	return e.naturalWidth * e.naturalHeight > t * 8;
-}, Wi = "onmessage = async (e) => {\n  const { url, targetWidth, neededArea, ratio } = e.data;\n  try {\n    const response = await fetch(url);\n    if (!response.ok) throw new Error(\"http \" + response.status);\n    const blob = await response.blob();\n    const full = await createImageBitmap(blob);\n    if (full.width * full.height <= neededArea * ratio) {\n      full.close();\n      postMessage({ url, skip: true });\n      return;\n    }\n    const scale = targetWidth / full.width;\n    const canvas = new OffscreenCanvas(targetWidth, Math.max(1, Math.round(full.height * scale)));\n    const context = canvas.getContext(\"2d\");\n    context.imageSmoothingQuality = \"high\";\n    context.drawImage(full, 0, 0, canvas.width, canvas.height);\n    full.close();\n    const out = await canvas.convertToBlob({ type: \"image/jpeg\", quality: 0.85 });\n    postMessage({ url, blob: out });\n  } catch (error) {\n    postMessage({ url, error: String(error) });\n  }\n};", Gi = () => typeof Worker < "u" && typeof OffscreenCanvas < "u" && typeof createImageBitmap == "function" && typeof MutationObserver < "u" && typeof URL < "u" && typeof URL.createObjectURL == "function", Ki = async (e, t) => {
-	try {
-		if (typeof caches > "u") return;
-		await (await caches.open(Hi)).put(e, new Response(t, { headers: { "content-type": t.type } }));
-	} catch {}
-}, qi = async (e) => {
-	try {
-		if (typeof caches > "u") return null;
-		let t = await (await caches.open(Hi)).match(e);
-		return t ? await t.blob() : null;
-	} catch {
-		return null;
-	}
-};
-function Ji(e) {
-	if (!Gi()) return () => {};
-	let t = null, n = !1, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakSet(), s = /* @__PURE__ */ new Set(), c = () => typeof devicePixelRatio == "number" ? devicePixelRatio : 1, l = () => {
-		if (t) return t;
-		try {
-			t = new Worker(URL.createObjectURL(new Blob([Wi])));
-		} catch {
-			return null;
-		}
-		return t.onmessage = (e) => {
-			let { url: t, blob: n, error: r, skip: a } = e.data;
-			if (i.delete(t), r || a || !n) {
-				u(t, "skip");
-				return;
-			}
-			let o = URL.createObjectURL(n);
-			s.add(o), Ki(t, n), u(t, o);
-		}, t;
-	}, u = (e, t) => {
-		r.has(e) || r.set(e, t);
-		for (let [t, n] of [...a]) n.url === e && d(t, r.get(e));
-	}, d = (e, t) => {
-		let n = a.get(e);
-		if (n) {
-			if (a.delete(e), clearTimeout(n.timeout), n.detachListeners?.(), n.responsive) {
-				if (t && t !== "skip") {
-					e.setAttribute(Vi, n.url), e.removeAttribute("srcset"), e.removeAttribute("sizes");
-					let r = e.closest("picture");
-					if (r) for (let e of Array.from(r.querySelectorAll("source"))) e.removeAttribute("srcset");
-					e.src = t;
-				}
-			} else e.getAttribute("src") === Bi && (t && t !== "skip" ? e.src = t : (e.removeAttribute(Vi), e.src = n.url));
-			n.previousVisibility ? e.style.visibility = n.previousVisibility : e.style.removeProperty("visibility");
-		}
-	}, f = (e, t, n) => {
-		if (r.has(e) || i.has(e)) return;
-		let a = l();
-		if (!a) return;
-		i.add(e);
-		let o = Math.round(Math.max(Q, t * c()) * Ri), s = Math.max(t * n, 9216) * c() ** 2;
-		a.postMessage({
-			url: e,
-			targetWidth: o,
-			neededArea: s,
-			ratio: 8
-		});
-	}, p = (e) => {
-		if (e.complete && e.naturalWidth > 0) return;
-		let t = {
-			url: "",
-			previousVisibility: e.style.visibility,
-			timeout: setTimeout(() => d(e, null), zi),
-			responsive: !0
-		}, i = () => {
-			/* v8 ignore next -- consider() only routes elements with an https src
-			here, so the final fallback arm is unreachable. */
-			let i = e.currentSrc || e.getAttribute("src") || "", o = e.getBoundingClientRect();
-			if (!(/^https?:/.test(i) && Ui({
-				naturalWidth: e.naturalWidth,
-				naturalHeight: e.naturalHeight,
-				boxWidth: o.width || Q,
-				boxHeight: o.height || Q,
-				devicePixelRatio: c()
-			}))) {
-				d(e, null);
-				return;
-			}
-			t.url = i;
-			let l = r.get(i);
-			if (l) {
-				d(e, l);
-				return;
-			}
-			qi(i).then((t) => {
-				if (!(n || !a.has(e))) {
-					/* v8 ignore start -- a verdict can only appear via settle(), which
-					releases every held element of the url first, so a still-held
-					element cannot observe an existing verdict here; kept as a guard
-					against future settle() reorderings. */
-					if (r.has(i)) {
-						d(e, r.get(i));
-						return;
-					}
-					/* v8 ignore stop */
-					if (t) {
-						let e = URL.createObjectURL(t);
-						s.add(e), u(i, e);
-						return;
-					}
-					f(i, o.width || Q, o.height || Q);
-				}
-			});
-		}, o = () => d(e, null);
-		t.detachListeners = () => {
-			e.removeEventListener("load", i), e.removeEventListener("error", o);
-		}, e.addEventListener("load", i), e.addEventListener("error", o), a.set(e, t), e.style.visibility = "hidden";
-	}, m = (e) => {
-		if (n || o.has(e) || e.getAttribute("data-flemo-image-src") !== null) return;
-		let t = e.getAttribute("src") ?? "";
-		if (!/^https?:/.test(t)) return;
-		if (e.getAttribute("srcset") !== null || e.closest("picture") !== null) {
-			o.add(e), p(e);
-			return;
-		}
-		if (o.add(e), e.complete && e.naturalWidth > 0) {
-			let n = e.getBoundingClientRect();
-			f(t, n.width || Q, n.height || Q);
-			return;
-		}
-		let i = r.get(t);
-		if (i !== "skip") {
-			if (i) {
-				e.setAttribute(Vi, t), e.src = i;
-				return;
-			}
-			a.set(e, {
-				url: t,
-				previousVisibility: e.style.visibility,
-				timeout: setTimeout(() => d(e, null), zi)
-			}), e.style.visibility = "hidden", e.setAttribute(Vi, t), e.src = Bi, qi(t).then((i) => {
-				if (n || r.has(t)) return;
-				if (i) {
-					let e = URL.createObjectURL(i);
-					s.add(e), u(t, e);
-					return;
-				}
-				let a = () => {
-					if (n) return;
-					let r = e.getBoundingClientRect();
-					f(t, r.width || Q, r.height || Q);
-				};
-				typeof requestAnimationFrame == "function" ? requestAnimationFrame(a) : a();
-			});
-		}
-	}, h = (e) => {
-		if (e instanceof HTMLImageElement && m(e), typeof e.querySelectorAll == "function") for (let t of Array.from(e.querySelectorAll("img"))) m(t);
-	}, g = new MutationObserver((e) => {
-		for (let t of e) for (let e of Array.from(t.addedNodes)) e instanceof Element && h(e);
-	});
-	return g.observe(e, {
-		childList: !0,
-		subtree: !0
-	}), h(e), () => {
-		n = !0, g.disconnect(), t?.terminate(), t = null;
-		for (let e of [...a.keys()]) d(e, null);
-		i.clear(), r.clear();
-		for (let e of s) URL.revokeObjectURL(e);
-		s.clear();
-	};
-}
-var $ = null;
-function Yi() {
-	return typeof document > "u" || !document.body ? () => {} : ($ ? $.count += 1 : $ = {
-		dispose: Ji(document.body),
-		count: 1
-	}, () => {
-		$ && (--$.count, $.count <= 0 && ($.dispose(), $ = null));
-	});
-}
-//#endregion
 //#region src/utils/isOpaqueColor.ts
-function Xi(e) {
+function Io(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;
@@ -4025,7 +4562,7 @@ function Xi(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function Zi(e, n) {
+function Lo(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}` : ""}`,
@@ -4033,4 +4570,4 @@ function Zi(e, n) {
 	};
 }
 //#endregion
-export { ci as ANIM_HOLD_RELEASE_BACKSTOP_MS, Vi as OFFLOADED_SRC_ATTR, Li as OVERSIZE_AREA_RATIO, yr as SKIP_ANIMATION_ATTR, s as TaskManger, si as animHoldKey, K as animateInline, it as animationName, ce as appendParamsQuery, ft as applyTransitionStyles, Zi as buildRoutePath, Qr as canProgrammaticallyScroll, G as clearInlineAnimation, Ze as collectAnimatedProperties, ct as compileTransitionStyles, ti as computeBarRiding, ye as computeScreenFreeze, ve as computeScreenFreezeMode, b as consumeSelfInducedPop, bi as createAnimHoldCoordinator, g as createBrowserHistoryDriver, Oe as createDecorator, c as createHistoryStore, x as createHistorySync, Ji as createImageDecodeOffloader, re as createMemoryHistoryDriver, O as createNavigateStore, se as createNavigationController, je as createPartTransition, ke as createRawDecorator, Me as createRawPartTransition, xe as createRawTransition, ge as createRouterScope, A as createScreenSelector, pe as createScreenStore, _ as createSelfPopGuard, le as createStepController, ei as createSwipeController, be as createTransition, Jr as createTransitionEngine, de as createTransitionStore, P as cupertino, R as decoratorMap, U as detectBlinkEngine, di as eagerlyDecodeImages, $e as easingToCss, Ii as ensureGpuPipelinePrewarm, Yi as ensureImageDecodeOffloader, ne as ensureScopeHistorySync, p as ensureWindowHistoryState, yt as enteringInitialStyle, Yr as findScrollable, l as getMatchedPathPattern, u as getParams, qt as holdCompositorWarm, Xi as isOpaqueColor, f as isServer, F as layout, y as markSelfInducedPop, fe as matchesPathname, Te as material, Ee as none, xi as observeBarHeight, Ci as observeViewportScrollHeight, Zr as overflowsAxis, Ae as overlay, z as partTransitionMap, k as readStepParams, vt as registerTransitionDefinitions, D as releaseScopeHistorySync, De as resolveTransition, vi as scheduleAnimHoldRelease, d as seedInitialHistory, m as seedRouterEntry, Ui as shouldOffloadImage, ue as subscribeStepParamsRestore, V as targetToDecls, I as transitionMap, H as variantHasAnimation };
+export { oo as ANIM_HOLD_RELEASE_BACKSTOP_MS, K as OFFLOADED_SRC_ATTR, Qn as OVERSIZE_AREA_RATIO, ha as SKIP_ANIMATION_ATTR, s as TaskManager, s as TaskManger, ao as animHoldKey, Un as animateInline, yn as animationName, ae as appendParamsQuery, On as applyTransitionStyles, Lo as buildRoutePath, Ya as canProgrammaticallyScroll, W as clearInlineAnimation, fn as collectAnimatedProperties, Cn as compileTransitionStyles, Za as computeBarRiding, Ot as computeScreenFreeze, Dt as computeScreenFreezeMode, b as consumeSelfInducedPop, yo as createAnimHoldCoordinator, g as createBrowserHistoryDriver, Vt as createDecorator, c as createHistoryStore, x as createHistorySync, dr as createImageDecodeOffloader, A as createMemoryHistoryDriver, te as createNavigateStore, re as createNavigationController, Gt as createPartTransition, Ht as createRawDecorator, Kt as createRawPartTransition, At as createRawTransition, me as createRouterScope, he as createScreenSelector, de as createScreenStore, _ as createSelfPopGuard, oe as createStepController, $a as createSwipeController, kt as createTransition, Ga as createTransitionEngine, ce as createTransitionStore, Ft as cupertino, R as decoratorMap, N as detectBlinkEngine, lo as eagerlyDecodeImages, mn as easingToCss, Fo as ensureGpuPipelinePrewarm, pr as ensureImageDecodeOffloader, k as ensureScopeHistorySync, p as ensureWindowHistoryState, Fn as enteringInitialStyle, Ka as findScrollable, l as getMatchedPathPattern, u as getParams, He as governedCompiledActive, Er as holdCompositorWarm, ye as isLegacyAndroidBlink, Io as isOpaqueColor, f as isServer, Lt as layout, Ve as lowPowerCadenceActive, y as markSelfInducedPop, le as matchesPathname, Rt as material, zt as none, bo as observeBarHeight, So as observeViewportScrollHeight, Ja as overflowsAxis, Wt as overlay, z as partTransitionMap, ft as readImageOffloadOverride, dt as readLayerPromotionFlag, ut as readPrerasterFlag, st as readSettleGateFlag, ie as readStepParams, Pn as registerTransitionDefinitions, ee as releaseScopeHistorySync, L as resolveTransition, _o as scheduleAnimHoldRelease, d as seedInitialHistory, m as seedRouterEntry, Xa as sharedBarsMatch, or as shouldOffloadImage, rt as steadySixtyPlayerEligible, se as subscribeStepParamsRestore, pn as targetToDecls, Bt as transitionMap, H as variantHasAnimation };