@flemo/core 1.20.0 → 1.21.0

package/dist/index.mjs

@@ -500,13 +500,13 @@ var S = [], C = !1, w = (e) => {
 	let n = window.history.state;
 	return n ? Object.values(n).some((e) => !!e && typeof e == "object" && e.id === t) : !1;
 };
-function D(e, t) {
+function ee(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 O = /* @__PURE__ */ new WeakMap();
-function ee(e) {
-	O.has(e) || O.set(e, x({
+var D = /* @__PURE__ */ new WeakMap();
+function O(e) {
+	D.has(e) || D.set(e, x({
 		stores: e,
 		driver: e.driver,
 		consume: e.consume,
@@ -516,11 +516,11 @@ function ee(e) {
 	}));
 }
 function te(e) {
-	e.persistent || (O.get(e)?.(), O.delete(e));
+	e.persistent || (D.get(e)?.(), D.delete(e));
 }
 //#endregion
 //#region src/history/memoryHistoryDriver.ts
-function k(e) {
+function ne(e) {
 	let t = [{
 		state: e?.state ?? null,
 		url: e?.url ?? "/"
@@ -562,7 +562,7 @@ function k(e) {
 }
 //#endregion
 //#region src/navigate/store.ts
-function A() {
+function re() {
 	return e((e) => ({
 		status: "IDLE",
 		transitionTaskId: null,
@@ -572,11 +572,11 @@ function A() {
 }
 //#endregion
 //#region src/navigate/createNavigationController.ts
-var j = (e, t, n) => {
+var k = (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;
-}, M = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, N = async (e, t, n, r) => {
+}, A = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, j = async (e, t, n, r) => {
 	let i, a = new Promise((t) => {
 		i = e.subscribe(() => t(!0));
 	}), o = new Promise((e) => setTimeout(() => e(!1), 200));
@@ -584,7 +584,7 @@ var j = (e, t, n) => {
 	let s = await Promise.race([a, o]);
 	i(), s && r();
 };
-function ne(e) {
+function ie(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;
@@ -610,10 +610,10 @@ function ne(e) {
 			}
 			let s = c(), { index: d, histories: f, addHistory: g, popHistories: _ } = t.history.getState(), v = (() => {
 				if (u?.until != null) {
-					let e = j(u.until, d, f);
+					let e = k(u.until, d, f);
 					return e < 0 ? 0 : e;
 				}
-				return Math.min(M(u?.skip, 0), Math.max(0, d));
+				return Math.min(A(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 = {
@@ -640,7 +640,7 @@ function ne(e) {
 			return g({
 				...C,
 				frameIndex: T + 1
-			}), await N(r, i, v, () => {
+			}), await j(r, i, v, () => {
 				o(), r.pushState({
 					id: h,
 					index: T + 1,
@@ -661,7 +661,16 @@ function ne(e) {
 		})).result?.();
 	}, u = async (e, l, u) => {
 		let { status: d } = t.navigate.getState();
-		if (d !== "COMPLETED" && d !== "IDLE") return;
+		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;
+		}
 		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) {
@@ -670,10 +679,10 @@ function ne(e) {
 			}
 			let s = c(), { index: d, histories: f, addHistory: g, replaceHistory: _, popHistories: v } = t.history.getState(), y = (() => {
 				if (u?.until != null) {
-					let e = j(u.until, d, f);
+					let e = k(u.until, d, f);
 					return e < 0 ? 0 : e + 1;
 				}
-				return Math.min(M(u?.skip, 0) + 1, d + 1);
+				return Math.min(A(u?.skip, 0) + 1, d + 1);
 			})();
 			if (y <= 0) {
 				a.abort();
@@ -705,7 +714,7 @@ function ne(e) {
 			return v(y - 1), g({
 				...w,
 				frameIndex: E
-			}), y <= d ? await N(r, i, y, () => {
+			}), y <= d ? await j(r, i, y, () => {
 				o(), r.pushState({
 					id: h,
 					index: E,
@@ -714,7 +723,7 @@ function ne(e) {
 					transitionName: p,
 					layoutId: m
 				}, S);
-			}) : await N(r, i, d, () => {
+			}) : await j(r, i, d, () => {
 				o(), r.replaceState({
 					id: h,
 					index: E,
@@ -770,10 +779,10 @@ function ne(e) {
 		pop: async (e) => {
 			await d((t, n) => {
 				if (e?.until != null) {
-					let r = j(e.until, t, n);
+					let r = k(e.until, t, n);
 					return r < 0 ? 0 : r;
 				}
-				let r = M(e?.skip, 1);
+				let r = A(e?.skip, 1);
 				return r <= 0 ? 0 : Math.min(r, t);
 			}, e?.transitionName);
 		}
@@ -781,14 +790,14 @@ function ne(e) {
 }
 //#endregion
 //#region src/navigate/createStepController.ts
-var re = (e) => {
+var ae = (e) => {
 	let t = e;
 	return t?.step ? t.params ?? {} : null;
-}, ie = (e, t) => {
+}, oe = (e, t) => {
 	let n = new URLSearchParams(Object.fromEntries(Object.entries(t).map(([e, t]) => [e, String(t)]))).toString();
 	return n ? `${e}?${n}` : e;
 };
-function P(e) {
+function se(e) {
 	let { stores: t, driver: n, markSelfInduced: r, buildStepPathname: i, applyParams: o } = e;
 	return {
 		pushStep: async (e) => {
@@ -846,7 +855,7 @@ function P(e) {
 		}
 	};
 }
-function ae(e, t) {
+function ce(e, t) {
 	return e.subscribe((e) => {
 		let n = e.state;
 		n?.step && s.addTask(async () => {
@@ -856,7 +865,7 @@ function ae(e, t) {
 }
 //#endregion
 //#region src/transition/store.ts
-function oe(t = "cupertino") {
+function M(t = "cupertino") {
 	return e((e) => ({
 		defaultTransitionName: t,
 		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
@@ -864,12 +873,12 @@ function oe(t = "cupertino") {
 }
 //#endregion
 //#region src/utils/matchesPathname.ts
-function se(e, t) {
+function le(e, t) {
 	return i(e).regexp.test(t);
 }
 //#endregion
 //#region src/screen/store.ts
-function F() {
+function ue() {
 	return e((e) => ({
 		dragStatus: "IDLE",
 		replaceTransitionStatus: "IDLE",
@@ -900,21 +909,21 @@ function F() {
 }
 //#endregion
 //#region src/core/createRouterScope.ts
-var ce = {
+var de = {
 	mark: () => {},
 	consume: () => !1
-}, le = /* @__PURE__ */ new Map();
-function ue(e) {
+}, N = /* @__PURE__ */ new Map();
+function fe(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 = le.get(s);
+		let e = N.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() ? D(e.routerKey, n) : null) ?? (o && !f() ? o.readState() : null), p = u?.id ? {
+	let l = d(t, n, r, i), u = (e.routerKey && !f() ? ee(e.routerKey, n) : null) ?? (o && !f() ? o.readState() : null), p = u?.id ? {
 		...l,
 		id: u.id,
 		params: u.params ?? l.params,
@@ -927,7 +936,7 @@ function ue(e) {
 		index: 0,
 		histories: [p]
 	}), e.hostedScope;
-	let m = a ? k({
+	let m = a ? ne({
 		state: {
 			id: p.id,
 			index: 0,
@@ -937,25 +946,25 @@ function ue(e) {
 			layoutId: p.layoutId
 		},
 		url: p.pathname
-	}) : o, h = a ? ce : _(), g = {
+	}) : o, h = a ? de : _(), g = {
 		history: c([p], 0),
-		navigate: A(),
-		transition: oe(i),
-		screen: F(),
+		navigate: re(),
+		transition: M(i),
+		screen: ue(),
 		driver: m,
 		markSelfInduced: h.mark,
 		consume: h.consume,
 		routerKey: e.routerKey,
 		zoneEntryId: e.zoneEntryId,
-		ownsPathname: (e) => se(t, e),
+		ownsPathname: (e) => le(t, e),
 		persistent: !!s,
 		life: { alive: !0 }
 	};
-	return s && le.set(s, g), g;
+	return s && N.set(s, g), g;
 }
 //#endregion
 //#region src/screen/createScreenSelector.ts
-function de(e, t) {
+function pe(e, t) {
 	return e.map((n, r) => ({
 		...n,
 		isActive: r === t,
@@ -968,13 +977,13 @@ function de(e, t) {
 }
 //#endregion
 //#region src/screen/computeScreenFreeze.ts
-function I(e) {
+function me(e) {
 	let t = e.status === "COMPLETED" && e.dragStatus === "IDLE";
 	return !e.isActive && t || e.isPrev && e.index - 2 <= e.zIndex && e.replaceTransitionStatus === "IDLE" || e.isPrev && e.index - 2 > e.zIndex;
 }
 //#endregion
 //#region src/transition/createTransition.ts
-function L({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
+function P({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
 	return {
 		name: e,
 		initial: t,
@@ -995,7 +1004,7 @@ function L({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exit
 }
 //#endregion
 //#region src/transition/createRawTransition.ts
-function R({ 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 F({ 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,
@@ -1016,10 +1025,10 @@ function R({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replac
 }
 //#endregion
 //#region src/transition/cupertino.ts
-var fe = (e, t, n) => {
+var he = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, pe = L({
+}, I = P({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -1079,7 +1088,7 @@ var fe = (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 = fe(s, [0, window.innerWidth], [0, 100]);
+			let { offset: o } = t, s = o.x, c = he(s, [0, window.innerWidth], [0, 100]);
 			return a?.(!0, c), n(r, { x: Math.max(0, s) }, { duration: 0 }), n(i, { x: `${-35 + c * .35}%` }, { duration: 0 }), c;
 		},
 		onSwipeEnd: async (e, t, { animate: n, currentScreen: r, prevScreen: i, onStart: a }) => {
@@ -1103,10 +1112,10 @@ var fe = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), me = (e, t, n) => {
+}), ge = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, he = L({
+}, _e = P({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -1134,7 +1143,7 @@ var fe = (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 = me(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 = ge(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
@@ -1151,7 +1160,7 @@ var fe = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), ge = L({
+}), ve = P({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -1259,7 +1268,7 @@ var fe = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), _e = L({
+}), ye = P({
 	name: "none",
 	initial: {},
 	idle: {
@@ -1282,20 +1291,20 @@ var fe = (e, t, n) => {
 		value: {},
 		options: { duration: 0 }
 	}
-}), z = new Map([
-	["none", _e],
-	["cupertino", pe],
-	["material", ge],
-	["layout", he]
+}), L = /* @__PURE__ */ new Map([
+	["none", ye],
+	["cupertino", I],
+	["material", ve],
+	["layout", _e]
 ]);
 //#endregion
 //#region src/transition/resolveTransition.ts
-function B(e) {
-	return z.get(e) ?? z.get("none");
+function be(e) {
+	return L.get(e) ?? L.get("none");
 }
 //#endregion
 //#region src/transition/decorator/createDecorator.ts
-function ve({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function xe({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1316,7 +1325,7 @@ function ve({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/decorator/createRawDecorator.ts
-function ye({ 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 Se({ 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,
@@ -1337,30 +1346,30 @@ function ye({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var be = "rgba(0, 0, 0, 0.2)", xe = ve({
+var Ce = "rgba(0, 0, 0, 0.2)", we = xe({
 	name: "overlay",
 	initial: {
 		opacity: 0,
-		backgroundColor: be
+		backgroundColor: Ce
 	},
 	idle: {
 		value: {
 			opacity: 0,
-			backgroundColor: be
+			backgroundColor: Ce
 		},
 		options: { duration: 0 }
 	},
 	enter: {
 		value: {
 			opacity: 1,
-			backgroundColor: be
+			backgroundColor: Ce
 		},
 		options: { duration: .6 }
 	},
 	exit: {
 		value: {
 			opacity: 0,
-			backgroundColor: be
+			backgroundColor: Ce
 		},
 		options: { duration: .6 }
 	},
@@ -1369,10 +1378,10 @@ var be = "rgba(0, 0, 0, 0.2)", xe = ve({
 		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 })
 	}
-}), V = new Map([["overlay", xe]]);
+}), R = /* @__PURE__ */ new Map([["overlay", we]]);
 //#endregion
 //#region src/transition/partTransition/createPartTransition.ts
-function Se({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function Te({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1393,7 +1402,7 @@ function Se({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/partTransition/createRawPartTransition.ts
-function Ce({ 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 Ee({ 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,
@@ -1414,7 +1423,7 @@ function Ce({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/partTransition/partTransition.ts
-var H = /* @__PURE__ */ new Map(), U = {
+var z = /* @__PURE__ */ new Map(), B = {
 	"IDLE-true": "self",
 	"IDLE-false": "self",
 	"PUSHING-true": "initial",
@@ -1425,17 +1434,17 @@ var H = /* @__PURE__ */ new Map(), U = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, we = Object.keys(U), Te = (e) => {
+}, De = Object.keys(B), Oe = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, Ee = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, De = (e, t) => {
-	let n = U[t];
+}, ke = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Ae = (e, t) => {
+	let n = B[t];
 	return n === "self" ? null : n === "initial" ? e.initial : e.variants[n].value;
-}, W = (e, t) => {
-	let n = De(e, t);
+}, V = (e, t) => {
+	let n = Ae(e, t);
 	if (n === null) return null;
-	let r = e.variants[t], i = Te(r.options), a = Ee(r.options);
+	let r = e.variants[t], i = Oe(r.options), a = ke(r.options);
 	return i <= 0 && a <= 0 ? null : {
 		from: n,
 		to: r.value,
@@ -1443,7 +1452,7 @@ var H = /* @__PURE__ */ new Map(), U = {
 		delay: a,
 		ease: r.options?.ease
 	};
-}, Oe = we, ke = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Ae = (e) => typeof e == "object" && !!e && !Array.isArray(e), je = 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(".")), Me = (e, t) => t.startsWith("--") || je.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Ne = (e, t) => typeof t == "number" ? Me(t, e) : typeof t == "string" ? t : "", Pe = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Fe = new Set([
+}, je = De, Me = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Ne = (e) => typeof e == "object" && !!e && !Array.isArray(e), Pe = /* @__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(".")), Fe = (e, t) => t.startsWith("--") || Pe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Ie = (e, t) => typeof t == "number" ? Fe(t, e) : typeof t == "string" ? t : "", Le = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Re = /* @__PURE__ */ new Set([
 	"x",
 	"y",
 	"z",
@@ -1454,7 +1463,7 @@ var H = /* @__PURE__ */ new Map(), U = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), Ie = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Le = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Re = /^1(\.0+)?$/, ze = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? Re.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Le.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? Ie.test(t.trim()) : !1, Be = (e, t) => {
+]), ze = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Be = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ve = /^1(\.0+)?$/, He = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 || typeof t == "string" && Ve.test(t.trim()) : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 || typeof t == "string" && Be.test(t.trim()) : t === 0 || typeof t == "string" && ze.test(t.trim()), Ue = (e, t) => {
 	switch (e) {
 		case "x": return `translate3d(${t}, 0, 0)`;
 		case "y": return `translate3d(0, ${t}, 0)`;
@@ -1468,16 +1477,16 @@ var H = /* @__PURE__ */ new Map(), U = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, Ve = (e) => {
+}, We = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
-		if (!Ae(e)) return;
+		if (!Ne(e)) return;
 		let n = [];
 		for (let r of Object.keys(e)) {
-			let i = e[r], a = Ne(r, i);
-			if (a !== "") if (Fe.has(r)) n.push(`${r}:${a}`);
+			let i = e[r], a = Ie(r, i);
+			if (a !== "") if (Re.has(r)) n.push(`${r}:${a}`);
 			else {
-				let e = t.get(Pe(r)) ?? /* @__PURE__ */ new Set();
-				e.add(a), t.set(Pe(r), e);
+				let e = t.get(Le(r)) ?? /* @__PURE__ */ new Set();
+				e.add(a), t.set(Le(r), e);
 			}
 		}
 		r.add(n.sort().join("|"));
@@ -1487,13 +1496,13 @@ var H = /* @__PURE__ */ new Map(), U = {
 	n = r.size > 1;
 	let a = Array.from(t.entries()).filter(([, e]) => e.size > 1).map(([e]) => e);
 	return n && a.push("transform"), a;
-}, G = (e) => {
-	if (!Ae(e)) return [];
+}, H = (e) => {
+	if (!Ne(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = Ne(i, a);
-		o !== "" && (Fe.has(i) ? (t.push(Be(i, o)), ze(i, a) || (n = !1)) : r.push({
-			property: Pe(i),
+		let a = e[i], o = Ie(i, a);
+		o !== "" && (Re.has(i) ? (t.push(Ue(i, o)), He(i, a) || (n = !1)) : r.push({
+			property: Le(i),
 			value: o
 		}));
 	}
@@ -1501,7 +1510,7 @@ var H = /* @__PURE__ */ new Map(), U = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, K = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), He = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, U = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), Ge = (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",
@@ -1511,29 +1520,29 @@ var H = /* @__PURE__ */ new Map(), U = {
 	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", Ue = (e, t) => {
+}[e] ?? "ease" : "ease", Ke = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-screen][data-flemo-transition="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, We = (e, t) => {
+}, qe = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-decorator][data-flemo-decorator-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, Ge = (e, t) => {
+}, Je = (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"]`;
-}, Ke = (e, t) => {
+}, Ye = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, q = (e, t, n) => `flemo-${e}-${ke(t)}-${n}`, qe = (e, t, n, r, i, a) => {
-	let o = G(r), s = G(i.value), c = Te(i.options), l = Ee(i.options), u = He(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Ge(t, n)}` : d;
+}, W = (e, t, n) => `flemo-${e}-${Me(t)}-${n}`, Xe = (e, t, n, r, i, a) => {
+	let o = H(r), s = H(i.value), c = Oe(i.options), l = ke(i.options), u = Ge(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Je(t, n)}` : d;
 	if (s.length === 0 && o.length === 0) return "";
-	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${K(s)}\n  animation: none;\n}`;
-	let p = q(e, t, n), m = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${U(s)}\n  animation: none;\n}`;
+	let p = W(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		K(o).replace(/^/gm, "  "),
+		U(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		K(s).replace(/^/gm, "  "),
+		U(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1542,61 +1551,60 @@ var H = /* @__PURE__ */ new Map(), U = {
 		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(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") && Je(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${K(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && Je(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${K(s)}\n}` : ""}`;
-}, Je = (e) => {
+	].filter(Boolean).join(" "), g = new Map(o.map((e) => [e.property, e.value])), _ = new Map(s.map((e) => [e.property, e.value])), v = Array.from(/* @__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") && Ze(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${U(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && Ze(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${U(s)}\n}` : ""}`;
+}, Ze = (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);
-}, Ye = (e, t, n, r) => {
-	let i = G(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${K(i)}\n}`;
-}, Xe = (e, t, n = []) => {
+}, Qe = (e, t, n, r) => {
+	let i = H(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${U(i)}\n}`;
+}, $e = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
 		let e = t.name;
-		for (let n of we) {
-			let i = t.variants[n], a = U[n];
+		for (let n of De) {
+			let i = t.variants[n], a = B[n];
 			if (a === "self") {
-				r.push(Ye(Ue, e, n, i));
+				r.push(Qe(Ke, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			r.push(qe("screen", e, n, o, i, Ue));
+			r.push(Xe("screen", e, n, o, i, Ke));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of Oe) {
-			let i = e.variants[n], a = U[n];
+		for (let n of je) {
+			let i = e.variants[n], a = B[n];
 			if (a === "self") {
-				r.push(Ye(We, t, n, i));
+				r.push(Qe(qe, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(qe("decorator", t, n, o, i, We));
+			r.push(Xe("decorator", t, n, o, i, qe));
 		}
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of Oe) {
-			let i = e.variants[n], a = U[n];
+		for (let n of je) {
+			let i = e.variants[n], a = B[n];
 			if (a === "self") {
-				r.push(Ye(Ke, t, n, i));
+				r.push(Qe(Ye, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(qe("part", t, n, o, i, Ke));
+			r.push(Xe("part", t, n, o, i, Ye));
 		}
 	}
 	return [
 		...r.filter((e) => e.length > 0),
-		Ze,
-		$e,
-		et
+		et,
+		tt
 	].join("\n\n");
-}, Ze = [
+}, et = [
 	"[data-flemo-anim-hold=\"true\"],",
 	"[data-flemo-anim-hold=\"park\"],",
 	"[data-flemo-anim-hold=\"park-under\"],",
@@ -1605,53 +1613,45 @@ var H = /* @__PURE__ */ new Map(), U = {
 	"[data-flemo-anim-hold=\"park-under\"] [data-flemo-part-name] {",
 	"  animation-play-state: paused !important;",
 	"}"
-].join("\n"), Qe = [["PUSHING", "true"], ["REPLACING", "true"]], $e = [
-	...Qe.flatMap(([e, t], n) => [
-		"",
-		"::before",
-		"::after"
-	].map((r, i) => `[data-flemo-screen][data-flemo-status="${e}"][data-flemo-active="${t}"] :not([data-flemo-part-name])${r}${n === Qe.length - 1 && i === 2 ? " {" : ","}`)),
-	"  animation: none !important;",
-	"}"
-].join("\n"), et = [
+].join("\n"), tt = [
 	"[data-flemo-held-arrival] {",
 	"  display: none !important;",
 	"}"
-].join("\n"), J = (e, t) => {
-	let n = U[t];
+].join("\n"), G = (e, t) => {
+	let n = B[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = Te(r.options), a = Ee(r.options);
+	let r = e.variants[t], i = Oe(r.options), a = ke(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = G(n === "initial" ? e.initial : e.variants[n].value), s = G(r.value);
+	let o = H(n === "initial" ? e.initial : e.variants[n].value), s = H(r.value);
 	return o.length > 0 || s.length > 0;
-}, tt = "data-flemo";
-function nt() {
+}, nt = "data-flemo";
+function rt() {
 	if (f()) return;
-	let e = Xe(z.values(), V.values(), H.values()), t = document.head.querySelector(`style[${tt}]`);
-	t || (t = document.createElement("style"), t.setAttribute(tt, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
+	let e = $e(L.values(), R.values(), z.values()), t = document.head.querySelector(`style[${nt}]`);
+	t || (t = document.createElement("style"), t.setAttribute(nt, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
 }
 //#endregion
 //#region src/transition/registerTransitionDefinitions.ts
-var rt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map(), at = /* @__PURE__ */ new Map(), ot = (e, t) => {
+var it = /* @__PURE__ */ new Map(), at = /* @__PURE__ */ new Map(), ot = /* @__PURE__ */ new Map(), st = (e, t) => {
 	e.set(t, (e.get(t) ?? 0) + 1);
-}, st = (e, t) => {
+}, ct = (e, t) => {
 	let n = (e.get(t) ?? 1) - 1;
 	return n <= 0 ? (e.delete(t), !0) : (e.set(t, n), !1);
 };
-function ct(e, t, n = []) {
-	for (let t of e) z.set(t.name, t), ot(rt, t.name);
-	for (let e of t) V.set(e.name, e), ot(it, e.name);
-	for (let e of n) H.set(e.name, e), ot(at, e.name);
-	return nt(), () => {
-		for (let t of e) st(rt, t.name) && z.delete(t.name);
-		for (let e of t) st(it, e.name) && V.delete(e.name);
-		for (let e of n) st(at, e.name) && H.delete(e.name);
-		nt();
+function lt(e, t, n = []) {
+	for (let t of e) L.set(t.name, t), st(it, t.name);
+	for (let e of t) R.set(e.name, e), st(at, e.name);
+	for (let e of n) z.set(e.name, e), st(ot, e.name);
+	return rt(), () => {
+		for (let t of e) ct(it, t.name) && L.delete(t.name);
+		for (let e of t) ct(at, e.name) && R.delete(e.name);
+		for (let e of n) ct(ot, e.name) && z.delete(e.name);
+		rt();
 	};
 }
 //#endregion
 //#region src/transition/enteringInitialStyle.ts
-function lt(e) {
+function ut(e) {
 	let { initial: t, isActive: n, status: r } = e;
 	if (!n || r !== "PUSHING" && r !== "REPLACING") return {};
 	let i = {};
@@ -1659,10 +1659,10 @@ function lt(e) {
 }
 //#endregion
 //#region src/transition/settleScrub.ts
-var ut = () => ({
+var dt = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e)
-}), dt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), ft = ((e = ut()) => {
+}), ft = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), pt = ((e = dt()) => {
 	let t = /* @__PURE__ */ new Map(), n = null, r = () => {
 		t.size === 0 && n !== null && (e.cancel(n), n = null);
 	}, i = (e, n) => {
@@ -1695,7 +1695,7 @@ var ut = () => ({
 			if (typeof r.animate != "function") return null;
 			i(r, "current");
 			let l = {};
-			for (let e of o) l[dt(e.property)] = e.value;
+			for (let e of o) l[ft(e.property)] = e.value;
 			let u;
 			try {
 				u = r.animate([l], {
@@ -1725,96 +1725,100 @@ var ut = () => ({
 		takeover: (e) => i(e, "current"),
 		cancel: (e) => i(e, "drop")
 	};
-})(), pt = "flemo:motion-driver", mt = "flemo:motion-driver-force", ht = !1, gt = () => {
+})(), mt = "flemo:motion-driver", ht = "flemo:motion-driver-force", gt = !1, _t = () => {
 	try {
 		try {
-			typeof localStorage < "u" && localStorage.removeItem(mt);
+			typeof localStorage < "u" && localStorage.removeItem(ht);
 		} catch {}
 		if (typeof sessionStorage > "u") return null;
-		let e = sessionStorage.getItem(mt);
-		return e !== "css" && e !== "raf" ? null : (!ht && typeof console < "u" && (ht = !0, console.warn(`[flemo] motion driver pinned to "${e}" via sessionStorage ${mt}; remove the key to restore automatic selection.`)), e);
+		let e = sessionStorage.getItem(ht);
+		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 ? (!gt && typeof console < "u" && (gt = !0, console.warn(`[flemo] motion driver pinned to "${t}" via sessionStorage ${ht}; remove the key to restore automatic selection (pins expire after 24h).`)), t) : (sessionStorage.removeItem(ht), null);
 	} catch {
 		return null;
 	}
-}, _t = () => ({
+}, vt = () => ({
 	read: () => {
 		try {
-			return typeof localStorage < "u" ? localStorage.getItem(pt) : null;
+			return typeof localStorage < "u" ? localStorage.getItem(mt) : null;
 		} catch {
 			return null;
 		}
 	},
 	write: (e) => {
 		try {
-			typeof localStorage < "u" && localStorage.setItem(pt, e);
+			typeof localStorage < "u" && localStorage.setItem(mt, e);
 		} catch {}
 	}
-}), vt = 30, yt = 2, bt = 2, Y = ((e = _t(), t = !1) => {
-	let n = e.read() === "css", r = n;
-	n &&= !1;
-	let i = 0, a = 0, o = [];
+}), yt = 30, bt = 2, xt = 2, St = () => typeof navigator < "u" && !!navigator.userAgentData, Ct = (e = vt(), t = !1, n = !0) => {
+	let r = n && e.read() === "css", i = r;
+	r &&= !1;
+	let a = 0, o = 0, s = [];
 	return {
 		playerAllowed: () => {
-			let e = gt();
-			return e ? e === "raf" : t && !n;
+			let e = _t();
+			return e ? e === "raf" : t && !r;
 		},
 		beginRun: () => {
-			a = 0, o = [];
+			o = 0, s = [];
 		},
 		reportGap: (e) => {
-			o.push(e), e >= vt && (a += 1);
+			s.push(e), e >= yt && (o += 1);
 		},
 		endRun: () => {
-			let t = a >= yt;
-			if (r) {
-				r = !1, t ? n = !0 : e.write("raf");
-				return;
+			let t = o >= bt;
+			if (t && (a += 1), n) {
+				if (i) {
+					i = !1, t ? r = !0 : e.write("raf");
+					return;
+				}
+				t && a >= xt && !r && (r = !0, e.write("css"));
 			}
-			t && (i += 1, i >= bt && !n && (n = !0, e.write("css")));
 		},
 		stats: () => ({
-			runGaps: [...o],
-			strikes: i,
-			demoted: n
+			runGaps: [...s],
+			strikes: a,
+			demoted: r
 		})
 	};
-})(), xt = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, St = /* @__PURE__ */ new WeakMap(), X = (e, t) => {
-	let n = St.get(e);
-	n || (n = /* @__PURE__ */ new Set(), St.set(e, n)), n.add(t);
-}, Z = (e, t) => {
-	if (ft.cancel(e), e.style.transition = "", e.style.removeProperty("animation-delay"), t) {
-		let n = St.get(e);
+}, wt = St() ? Ct() : Ct(vt(), !0, !1), Tt = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, Et = /* @__PURE__ */ new WeakMap(), K = (e, t) => {
+	let n = Et.get(e);
+	n || (n = /* @__PURE__ */ new Set(), Et.set(e, n)), n.add(t);
+}, q = (e, t) => {
+	if (pt.cancel(e), e.style.transition = "", e.style.removeProperty("animation-delay"), t) {
+		let n = Et.get(e);
 		for (let r of t) e.style.removeProperty(r), n?.delete(r);
 		return;
 	}
-	let n = St.get(e);
+	let n = Et.get(e);
 	if (n && n.size > 0) {
 		for (let t of n) e.style.removeProperty(t);
 		n.clear();
 		return;
 	}
 	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
-}, Q = (e, t, n = {}) => {
-	if (!xt(e)) return Promise.resolve();
-	let r = e, i = G(t);
+}, J = (e, t, n = {}) => {
+	if (!Tt(e)) return Promise.resolve();
+	let r = e, i = H(t);
 	if (i.length === 0) return Promise.resolve();
-	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = He(n.ease);
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = Ge(n.ease);
 	if (a <= 0 && o <= 0) {
-		ft.takeover(r), r.style.transition = "none";
-		for (let e of i) r.style.setProperty(e.property, e.value), X(r, e.property);
+		pt.takeover(r), r.style.transition = "none";
+		for (let e of i) r.style.setProperty(e.property, e.value), K(r, e.property);
 		return Promise.resolve();
 	}
-	let c = Y.playerAllowed() ? ft.settle(r, i, {
+	let c = wt.playerAllowed() ? pt.settle(r, i, {
 		durationMs: a * 1e3,
 		delayMs: o * 1e3,
 		easing: s
 	}, (e) => {
-		r.style.setProperty(e.property, e.value), X(r, e.property);
+		r.style.setProperty(e.property, e.value), K(r, e.property);
 	}) : null;
 	if (c) return c;
 	let l = i.map((e) => `${e.property} ${a}s ${s} ${o}s`).join(", ");
 	r.style.transition = l, r.offsetWidth;
-	for (let e of i) r.style.setProperty(e.property, e.value), X(r, e.property);
+	for (let e of i) r.style.setProperty(e.property, e.value), K(r, e.property);
 	return new Promise((e) => {
 		let t = !1, n = () => {
 			t || (t = !0, r.removeEventListener("transitionend", i), e());
@@ -1823,12 +1827,12 @@ var ut = () => ({
 		};
 		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
 	});
-}, Ct = "data-flemo-held-arrival";
-function wt(e) {
+}, Dt = "data-flemo-held-arrival";
+function Ot(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 ? !0 : n.closest(`[data-flemo-part-name], [${Ct}]`) !== null;
+		return !n || n === e || n.closest(`[data-flemo-part-name], [${Dt}]`) !== 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,
@@ -1858,12 +1862,12 @@ function wt(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(Ct);
+						e.removeAttribute(Dt);
 						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(Ct, ""), 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(Dt, ""), t.add(e), l(i.target).added.push(e));
 			}
 		}
 		for (let [e, t] of u) {
@@ -1898,7 +1902,7 @@ function wt(e) {
 		c.disconnect();
 		for (let e of n) e.parentNode?.removeChild(e);
 		n.clear();
-		for (let e of t) e.removeAttribute(Ct);
+		for (let e of t) e.removeAttribute(Dt);
 		t.clear();
 		for (let [e, t] of i) e.isConnected && (e.nodeValue = t.latest);
 		i.clear();
@@ -1907,8 +1911,35 @@ function wt(e) {
 	};
 }
 //#endregion
+//#region src/core/engine/compositorWarmUp.ts
+var kt = "data-flemo-warm", At = 3e3, jt = [{ transform: "translate3d(0, 0, 0)" }, { transform: "translate3d(1px, 0, 0)" }], Mt = {
+	duration: 500,
+	iterations: Infinity,
+	direction: "alternate",
+	easing: "linear"
+}, Nt = "position:fixed;top:0;left:0;width:1px;height:1px;pointer-events:none;opacity:0.02;background:#888;will-change:transform;", Y = null, Pt = null, X = 0, Ft = () => {
+	X = 0, Pt?.cancel(), Pt = null, Y?.remove(), Y = null;
+};
+function It() {
+	if (typeof document > "u" || !document.body || typeof Element > "u" || typeof Element.prototype.animate != "function") return () => {};
+	if (X += 1, !Y) {
+		Y = document.createElement("div"), Y.setAttribute(kt, ""), Y.setAttribute("aria-hidden", "true"), Y.setAttribute("style", Nt), document.body.appendChild(Y);
+		try {
+			Pt = Y.animate(jt, Mt);
+		} catch {
+			Pt = null;
+		}
+	}
+	let e = !1, t = setTimeout(() => {
+		e || (e = !0, --X, X <= 0 && Ft());
+	}, At);
+	return () => {
+		e || (e = !0, clearTimeout(t), --X, X <= 0 && Ft());
+	};
+}
+//#endregion
 //#region src/transition/cubicBezier.ts
-var Tt = (e, t, n, r) => {
+var Lt = (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;
@@ -1920,7 +1951,7 @@ var Tt = (e, t, n, r) => {
 		}
 		return a((t + n) / 2);
 	};
-}, Et = (e) => e, Dt = {
+}, Rt = (e) => e, zt = {
 	ease: [
 		.25,
 		.1,
@@ -1975,20 +2006,20 @@ var Tt = (e, t, n, r) => {
 		.66,
 		-.56
 	]
-}, Ot = (e) => {
+}, Bt = (e) => {
 	if (Array.isArray(e)) {
 		if (e.length === 4 && e.every((e) => typeof e == "number")) {
 			let [t, n, r, i] = e;
-			return Tt(t, n, r, i);
+			return Lt(t, n, r, i);
 		}
-		return Et;
+		return Rt;
 	}
-	return typeof e == "string" ? e === "linear" ? Et : Tt(...Dt[e] ?? Dt.ease) : Tt(...Dt.ease);
-}, kt = 1 / 255, At = 400, jt = 24, Mt = new Set([
+	return typeof e == "string" ? e === "linear" ? Rt : Lt(...zt[e] ?? zt.ease) : Lt(...zt.ease);
+}, Vt = 1 / 255, Ht = 400, Ut = 24, Wt = /* @__PURE__ */ new Set([
 	"x",
 	"y",
 	"opacity"
-]), Nt = (e, t, n) => {
+]), Gt = (e, t, n) => {
 	if (!e || typeof e != "object") return;
 	let r = e[t];
 	if (r === void 0) return;
@@ -2006,31 +2037,31 @@ var Tt = (e, t, n, r) => {
 		return Number.isNaN(e) ? null : e;
 	}
 	return null;
-}, Pt = (e, t, n) => {
+}, Kt = (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;
 	let i = Infinity;
 	for (let a of r) {
-		if (!Mt.has(a)) return null;
-		let r = Nt(e.from, a, t), o = Nt(e.to, a, t);
+		if (!Wt.has(a)) return null;
+		let r = Gt(e.from, a, t), o = Gt(e.to, a, t);
 		if (r === null || o === null || r === void 0 || o === void 0) return null;
 		let s = Math.abs(o - r);
 		if (s === 0) continue;
-		let c = a === "opacity" ? kt : 1 / Math.max(1, n);
+		let c = a === "opacity" ? Vt : 1 / Math.max(1, n);
 		i = Math.min(i, c / s);
 	}
 	return !Number.isFinite(i) || i <= 0 || i >= 1 ? null : i;
-}, Ft = (e, t, n) => {
+}, qt = (e, t, n) => {
 	if (e.duration <= 0) return null;
-	let r = Pt(e, t, n);
+	let r = Kt(e, t, n);
 	if (r === null) return null;
-	let i = Ot(e.ease), a = At;
-	for (let e = At; e >= 0 && !(Math.abs(1 - i(e / At)) > r); --e) a = e;
+	let i = Bt(e.ease), a = Ht;
+	for (let e = Ht; e >= 0 && !(Math.abs(1 - i(e / Ht)) > r); --e) a = e;
 	if (a === 0) return null;
-	let o = (e.delay + e.duration * (a / At)) * 1e3;
-	return (e.delay + e.duration) * 1e3 - o < jt ? null : o;
-}, It = [
+	let o = (e.delay + e.duration * (a / Ht)) * 1e3;
+	return (e.delay + e.duration) * 1e3 - o < Ut ? null : o;
+}, Jt = [
 	"x",
 	"y",
 	"z",
@@ -2041,7 +2072,7 @@ var Tt = (e, t, n, r) => {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-], Lt = new Set(It), Rt = {
+], Yt = new Set(Jt), Xt = {
 	x: 0,
 	y: 0,
 	z: 0,
@@ -2052,7 +2083,7 @@ var Tt = (e, t, n, r) => {
 	rotateX: 0,
 	rotateY: 0,
 	rotateZ: 0
-}, zt = (e, t) => {
+}, Zt = (e, t) => {
 	if (typeof t == "number") return {
 		value: t,
 		unit: e === "x" || e === "y" || e === "z" ? "px" : ""
@@ -2071,26 +2102,26 @@ var Tt = (e, t, n, r) => {
 		value: i,
 		unit: a === "" && i === 0 ? "px" : a
 	};
-}, Bt = /-?\d*\.?\d+/g, Vt = (e, t) => {
-	let n = e.match(Bt) ?? [], r = t.match(Bt) ?? [];
-	if (n.length !== r.length || e.replace(Bt, " ") !== t.replace(Bt, " ")) return null;
+}, Qt = /-?\d*\.?\d+/g, $t = (e, t) => {
+	let n = e.match(Qt) ?? [], r = t.match(Qt) ?? [];
+	if (n.length !== r.length || e.replace(Qt, " ") !== t.replace(Qt, " ")) return null;
 	let i = n.map(Number), a = r.map(Number);
 	return (t) => {
 		let n = 0;
-		return e.replace(Bt, () => {
+		return e.replace(Qt, () => {
 			let e = n++, r = i[e] + (a[e] - i[e]) * t;
 			return `${Math.round(r * 1e3) / 1e3}`;
 		});
 	};
-}, Ht = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Ut = (e) => typeof e == "object" && !!e && !Array.isArray(e), Wt = (e) => Ut(e) ? Object.keys(e) : [], Gt = (e, t) => Ut(e) ? e[t] : void 0, Kt = (e, t) => {
-	let n = new Set([...Wt(e.from), ...Wt(e.to)]), r = [], i = null, a = [], o = [];
+}, en = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), tn = (e) => typeof e == "object" && !!e && !Array.isArray(e), nn = (e) => tn(e) ? Object.keys(e) : [], rn = (e, t) => tn(e) ? e[t] : void 0, an = (e, t) => {
+	let n = /* @__PURE__ */ new Set([...nn(e.from), ...nn(e.to)]), r = [], i = null, a = [], o = [];
 	for (let s of n) {
-		let n = Gt(e.from, s), c = Gt(e.to, s);
-		if (Lt.has(s)) {
+		let n = rn(e.from, s), c = rn(e.to, s);
+		if (Yt.has(s)) {
 			let e = s, i = {
-				value: Rt[e],
+				value: Xt[e],
 				unit: e === "x" || e === "y" || e === "z" ? "px" : ""
-			}, a = n === void 0 ? i : zt(e, n), o = c === void 0 ? i : zt(e, c);
+			}, a = n === void 0 ? i : Zt(e, n), o = c === void 0 ? i : Zt(e, c);
 			if (!a || !o || a.unit !== o.unit && a.value !== 0 && o.value !== 0) return null;
 			let l = a.value === 0 && a.unit !== o.unit ? o.unit : a.unit, u = l === "%", d = 0;
 			u && t && (d = e === "y" ? t.offsetHeight / 100 : t.offsetWidth / 100), r.push({
@@ -2121,15 +2152,15 @@ var Tt = (e, t, n, r) => {
 		if (typeof l != "string" || typeof u != "string") return null;
 		if (l === u) {
 			o.push({
-				property: Ht(s),
+				property: en(s),
 				value: l
 			});
 			continue;
 		}
-		let d = Vt(l, u);
+		let d = $t(l, u);
 		if (!d) return null;
 		a.push({
-			property: Ht(s),
+			property: en(s),
 			mix: d
 		});
 	}
@@ -2139,46 +2170,46 @@ var Tt = (e, t, n, r) => {
 		strings: a,
 		constants: o
 	};
-}, qt = 1, Jt = (e, t, n, r) => {
+}, on = 1, sn = (e, t, n, r) => {
 	let i = 0, a = 0, o = !1, s = [], c = !0;
-	for (let l of It) {
+	for (let l of Jt) {
 		let u = e.find((e) => e.prop === l);
 		if (!u) continue;
 		let d = u.from.value + (u.to.value - u.from.value) * t;
 		if (u.from.unit === "%" && (d *= u.percentBase), l === "x" || l === "y") {
-			let e = l === "x" ? r.x : r.y, t = (e === null || Math.abs(d - e) * n >= qt) && n > 0 ? Math.round(d * n) / n : Math.round(d * 1e3) / 1e3;
+			let e = l === "x" ? r.x : r.y, t = (e === null || Math.abs(d - e) * n >= on) && n > 0 ? Math.round(d * n) / n : Math.round(d * 1e3) / 1e3;
 			l === "x" ? (r.x = d, i = t) : (r.y = d, a = t), o = !0, t !== 0 && (c = !1);
 			continue;
 		}
-		let f = Rt[l];
+		let f = Xt[l];
 		d !== f && (c = !1), l === "z" ? s.push(`translateZ(${d}px)`) : l === "scale" ? s.push(`scale(${d})`) : l === "scaleX" ? s.push(`scaleX(${d})`) : l === "scaleY" ? s.push(`scaleY(${d})`) : l === "rotate" || l === "rotateZ" ? s.push(`rotate(${d}deg)`) : l === "rotateX" ? s.push(`rotateX(${d}deg)`) : l === "rotateY" && s.push(`rotateY(${d}deg)`);
 	}
 	return !o && s.length === 0 ? "" : c ? "none" : [...o ? [`translate3d(${i}px, ${a}px, 0)`] : [], ...s].join(" ");
-}, Yt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Xt = (e) => {
+}, cn = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), ln = (e) => {
 	let t = {};
-	for (let n of G(e)) t[Yt(n.property)] = n.value;
+	for (let n of H(e)) t[cn(n.property)] = n.value;
 	return t;
-}, Zt = (e, t) => {
+}, un = (e, t) => {
 	if (typeof e.animate != "function") return null;
 	try {
-		let n = e.animate([Xt(t.from), Xt(t.to)], {
+		let n = e.animate([ln(t.from), ln(t.to)], {
 			duration: Math.max(0, t.duration * 1e3),
 			delay: Math.max(0, t.delay * 1e3),
-			easing: He(t.ease),
+			easing: Ge(t.ease),
 			fill: "both"
 		});
 		return n.pause(), n.currentTime = 0, n;
 	} catch {
 		return null;
 	}
-}, Qt = 1e3 / 60, $t = 100, en = () => ({
+}, dn = 1e3 / 60, fn = 100, pn = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e),
 	devicePixelRatio: () => typeof window < "u" && window.devicePixelRatio || 1
-}), tn = ((e = en()) => {
+}), mn = ((e = pn()) => {
 	let t = /* @__PURE__ */ new Map(), n = {
 		join: (n, r) => {
-			let i = Kt(r.motion, r.element), s = i ? null : Zt(r.element, r.motion);
+			let i = an(r.motion, r.element), s = i ? null : un(r.element, r.motion);
 			if (!i && !s) return null;
 			let c = t.get(n);
 			c || (c = {
@@ -2199,14 +2230,14 @@ var Tt = (e, t, n, r) => {
 					y: null
 				}
 			};
-			if (c.tracks.push(l), l.element.style.animation = "none", X(l.element, "animation"), i) {
-				i.transforms.length > 0 && X(l.element, "transform"), i.opacity && X(l.element, "opacity");
-				for (let e of i.strings) X(l.element, e.property);
-				for (let e of i.constants) X(l.element, e.property);
+			if (c.tracks.push(l), l.element.style.animation = "none", K(l.element, "animation"), i) {
+				i.transforms.length > 0 && K(l.element, "transform"), i.opacity && K(l.element, "opacity");
+				for (let e of i.strings) K(l.element, e.property);
+				for (let e of i.constants) K(l.element, e.property);
 				a(l, 0);
 			}
-			return r.role === "active" && !c.started && (c.started = !0, Y.beginRun(), o(n, c)), () => {
-				l.detached = !0, l.scrub?.cancel(), Z(l.element);
+			return r.role === "active" && !c.started && (c.started = !0, wt.beginRun(), o(n, c)), () => {
+				l.detached = !0, l.scrub?.cancel(), q(l.element);
 				let r = t.get(n);
 				r && (r.tracks = r.tracks.filter((e) => e !== l), r.tracks.length === 0 && (r.frameHandle !== null && e.cancel(r.frameHandle), t.delete(n)));
 			};
@@ -2221,13 +2252,13 @@ var Tt = (e, t, n, r) => {
 		}
 	}, r = /* @__PURE__ */ new WeakMap(), i = (e) => {
 		let t = r.get(e);
-		return t || (t = Ot(e.motion.ease), r.set(e, t)), t;
+		return t || (t = Bt(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 = Jt(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
+				let a = sn(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
 				a !== "" && (r.style.transform = a);
 			}
 			if (i.opacity) {
@@ -2247,7 +2278,7 @@ var Tt = (e, t, n, r) => {
 		let c = r.startTime ?? s;
 		if (r.lastTime !== null) {
 			let e = s - r.lastTime;
-			Y.reportGap(e), n.onFrameGap?.(e), e >= $t && (c += e - Qt);
+			wt.reportGap(e), n.onFrameGap?.(e), e >= fn && (c += e - dn);
 		}
 		r.startTime = c, r.lastTime = s;
 		let l = !0;
@@ -2263,14 +2294,14 @@ var Tt = (e, t, n, r) => {
 			a(e, i(e)(o)), o >= 1 ? (e.completed = !0, e.onComplete?.()) : l = !1;
 		}
 		if (l) {
-			Y.endRun(), t.delete(e);
+			wt.endRun(), t.delete(e);
 			return;
 		}
 		o(e, r);
 	}
 	return n;
 })();
-tn.onFrameGap = (e) => {
+mn.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);
@@ -2278,23 +2309,23 @@ tn.onFrameGap = (e) => {
 };
 //#endregion
 //#region src/core/engine/types.ts
-var nn = "data-flemo-skip-animation", $ = () => {}, rn = "data-flemo-part-name", an = (e) => {
+var hn = "data-flemo-skip-animation", Z = () => {}, gn = 400, _n = "data-flemo-part-name", vn = (e) => {
 	let t = e.parentElement ?? e;
-	return Array.from(t.querySelectorAll(`[${rn}]`)).filter((n) => {
+	return Array.from(t.querySelectorAll(`[${_n}]`)).filter((n) => {
 		let r = n.closest("[data-flemo-screen]");
 		return !r || r === e || !t.contains(r);
 	});
-}, on = (e, t) => {
+}, yn = (e, t) => {
 	let [n, r] = t.split("-");
-	return an(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
-}, sn = 4, cn = (e) => `${Math.round(e * 1e3) / 1e3}s`, ln = (e) => {
+	return vn(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
+}, bn = 4, xn = (e) => `${Math.round(e * 1e3) / 1e3}s`, Sn = (e) => {
 	let { element: t, expectedName: n, motion: r } = e, i = null, a = !1, o = (e) => {
-		a = !0, t.style.animation = "none", t.offsetWidth, t.style.removeProperty("animation"), e.mode === "clear" ? t.style.removeProperty("animation-delay") : e.mode === "set" && (t.style.animationDelay = cn(e.seconds)), a = !1;
+		a = !0, t.style.animation = "none", t.offsetWidth, t.style.removeProperty("animation"), e.mode === "clear" ? t.style.removeProperty("animation-delay") : e.mode === "set" && (t.style.animationDelay = xn(e.seconds)), a = !1;
 	}, s = (e) => {
 		a || e.target !== t || e.animationName !== n || i === null && (i = performance.now());
 	}, c = (s) => {
 		if (a || s.target !== t || s.animationName !== n) return;
-		if (!e.isLive() || e.budgetUsed() >= sn) {
+		if (!e.isLive() || e.budgetUsed() >= bn) {
 			e.onTerminal();
 			return;
 		}
@@ -2324,12 +2355,12 @@ var nn = "data-flemo-skip-animation", $ = () => {}, rn = "data-flemo-part-name",
 		}
 	};
 };
-function un(e) {
-	let t = /* @__PURE__ */ new Map(), n = null, r = null, i = () => {
-		if (!r) return;
-		let { land: e, cancel: t } = r;
-		r = null, t(), e();
-	}, a = (e) => {
+function Cn(e) {
+	let t = /* @__PURE__ */ new Map(), n = null, r = null, i = null, a = null, o = () => {
+		if (!a) return;
+		let { land: e, cancel: t } = a;
+		a = null, t(), e();
+	}, c = (e) => {
 		if (typeof requestAnimationFrame != "function") {
 			e();
 			return;
@@ -2337,33 +2368,37 @@ function un(e) {
 		let t = 0;
 		t = requestAnimationFrame(() => {
 			t = requestAnimationFrame(() => {
-				r = null, e();
+				a = null, e();
 			});
-		}), r = {
+		}), a = {
 			land: e,
 			cancel: () => cancelAnimationFrame(t)
 		};
 	};
 	return {
-		driveScreenLifecycle: (r) => {
-			let { getElements: o, transitionName: c, prevTransitionName: l, status: u, isActive: d, animHoldReleased: f } = r, p = u === "PUSHING" || u === "POPPING" || u === "REPLACING", m = p && f && (d ? u === "PUSHING" || u === "REPLACING" : u === "POPPING");
-			if (!m && n) {
+		driveScreenLifecycle: (a) => {
+			let { getElements: l, transitionName: u, prevTransitionName: d, status: f, isActive: p, animHoldReleased: m } = a, h = f === "PUSHING" || f === "POPPING" || f === "REPLACING";
+			h && (i &&= (clearTimeout(i), null), r ||= It()), !h && r && !i && (typeof setTimeout == "function" ? i = setTimeout(() => {
+				i = null, r?.(), r = null;
+			}, gn) : (r(), r = null));
+			let g = h && m && (p ? f === "PUSHING" || f === "REPLACING" : f === "POPPING");
+			if (!g && n) {
 				let e = n;
-				n = null, p ? e() : a(e);
+				n = null, h ? e() : c(e);
 			}
-			if (m && !n) {
-				i();
-				let { scope: e } = o();
-				e && (n = wt(e));
+			if (g && !n) {
+				o();
+				let { scope: e } = l();
+				e && (n = Ot(e));
 			}
-			let h = (t, n, r) => {
+			let _ = (t, n, r) => {
 				let i = e.getTransitionTaskId();
-				if (!i || s.pendingTaskIds.some((e) => e !== i) || !Y.playerAllowed()) return null;
-				let { scope: a, decorator: l, bars: u } = o();
+				if (!i || s.pendingTaskIds.some((e) => e !== i) || !wt.playerAllowed()) return null;
+				let { scope: a, decorator: o, bars: c } = l();
 				if (!a) return null;
-				let d = B(c), f = W(d, t);
+				let d = be(u), f = V(d, t);
 				if (!f) return null;
-				let p = [], m = tn.join(i, {
+				let p = [], m = mn.join(i, {
 					element: a,
 					motion: f,
 					role: n,
@@ -2371,30 +2406,30 @@ function un(e) {
 				});
 				if (!m) return null;
 				p.push(m);
-				for (let e of u ?? []) {
+				for (let e of c ?? []) {
 					if (!e || e.getAttribute("data-flemo-bar-riding") !== "true") continue;
-					let t = tn.join(i, {
+					let t = mn.join(i, {
 						element: e,
 						motion: f,
 						role: "passive"
 					});
 					t && p.push(t);
 				}
-				if (l && d.decoratorName) {
-					let e = V.get(d.decoratorName), n = e ? W(e, t) : null;
+				if (o && d.decoratorName) {
+					let e = R.get(d.decoratorName), n = e ? V(e, t) : null;
 					if (n) {
-						let e = tn.join(i, {
-							element: l,
+						let e = mn.join(i, {
+							element: o,
 							motion: n,
 							role: "passive"
 						});
 						e && p.push(e);
 					}
 				}
-				for (let e of on(a, t)) {
-					let n = H.get(e.getAttribute(rn)), r = n ? W(n, t) : null;
+				for (let e of yn(a, t)) {
+					let n = z.get(e.getAttribute(_n)), r = n ? V(n, t) : null;
 					if (!r) continue;
-					let a = tn.join(i, {
+					let a = mn.join(i, {
 						element: e,
 						motion: r,
 						role: "passive"
@@ -2402,9 +2437,9 @@ function un(e) {
 					a && p.push(a);
 				}
 				return () => p.forEach((e) => e());
-			}, g = (e, t) => {
-				let n = [], { decorator: r, bars: i } = o(), a = B(c), s = (e, t, r) => {
-					let i = 0, a = ln({
+			}, v = (e, t) => {
+				let n = [], { decorator: r, bars: i } = l(), a = be(u), o = (e, t, r) => {
+					let i = 0, a = Sn({
 						element: e,
 						expectedName: t,
 						motion: r,
@@ -2413,140 +2448,140 @@ function un(e) {
 						spendBudget: () => {
 							i += 1;
 						},
-						onTerminal: $
+						onTerminal: Z
 					});
 					a.attach(), n.push(a.detach);
-				}, l = q("screen", c, t), u = W(a, t);
-				if (u) for (let e of i ?? []) !e || e.getAttribute("data-flemo-bar-riding") !== "true" || s(e, l, u);
+				}, s = W("screen", u, t), c = V(a, t);
+				if (c) for (let e of i ?? []) !e || e.getAttribute("data-flemo-bar-riding") !== "true" || o(e, s, c);
 				if (r && a.decoratorName) {
-					let e = V.get(a.decoratorName), n = e ? W(e, t) : null;
-					n && s(r, q("decorator", a.decoratorName, t), n);
+					let e = R.get(a.decoratorName), n = e ? V(e, t) : null;
+					n && o(r, W("decorator", a.decoratorName, t), n);
 				}
-				for (let n of on(e, t)) {
-					let e = n.getAttribute(rn), r = H.get(e), i = r ? W(r, t) : null;
-					i && s(n, q("part", e, t), i);
+				for (let n of yn(e, t)) {
+					let e = n.getAttribute(_n), r = z.get(e), i = r ? V(r, t) : null;
+					i && o(n, W("part", e, t), i);
 				}
 				return n;
 			};
-			if (!d) {
-				if (u === "COMPLETED") {
-					let { scope: e, decorator: t, bars: n } = o();
+			if (!p) {
+				if (f === "COMPLETED") {
+					let { scope: e, decorator: t, bars: n } = l();
 					if (e) {
-						Z(e);
-						for (let t of an(e)) Z(t);
+						q(e);
+						for (let t of vn(e)) q(t);
 					}
-					t && Z(t);
-					for (let e of n ?? []) e && Z(e);
-					return $;
+					t && q(t);
+					for (let e of n ?? []) e && q(e);
+					return Z;
 				}
-				if (u === "REPLACING" && l !== c && e.setReplaceTransitionStatus("PENDING"), p && f) {
-					let e = `${u}-false`, t = h(e, "passive");
+				if (f === "REPLACING" && d !== u && e.setReplaceTransitionStatus("PENDING"), h && m) {
+					let e = `${f}-false`, t = _(e, "passive");
 					if (t) return t;
-					let { scope: n } = o();
+					let { scope: n } = l();
 					if (n) {
-						let t = B(c), r = [];
-						if (J(t, e)) {
-							let i = W(t, e), a = 0, o = ln({
+						let t = be(u), r = [];
+						if (G(t, e)) {
+							let i = V(t, e), a = 0, o = Sn({
 								element: n,
-								expectedName: q("screen", c, e),
+								expectedName: W("screen", u, e),
 								motion: i,
 								isLive: () => n.isConnected && n.getAttribute("data-flemo-skip-animation") !== "true",
 								budgetUsed: () => a,
 								spendBudget: () => {
 									a += 1;
 								},
-								onTerminal: $
+								onTerminal: Z
 							});
 							o.attach(), r.push(o.detach);
 						}
-						if (r.push(...g(n, e)), r.length > 0) return () => r.forEach((e) => e());
+						if (r.push(...v(n, e)), r.length > 0) return () => r.forEach((e) => e());
 					}
 				}
-				return $;
+				return Z;
 			}
-			if (u === "COMPLETED") {
+			if (f === "COMPLETED") {
 				e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
-				let { scope: t, decorator: n, bars: r } = o();
+				let { scope: t, decorator: n, bars: r } = l();
 				if (t) {
-					Z(t), t.removeAttribute(nn);
-					for (let e of an(t)) Z(e);
+					q(t), t.removeAttribute(hn);
+					for (let e of vn(t)) q(e);
 				}
-				n && (Z(n), n.removeAttribute(nn));
-				for (let e of r ?? []) e && (Z(e), e.style.removeProperty("will-change"));
-				return $;
+				n && (q(n), n.removeAttribute(hn));
+				for (let e of r ?? []) e && (q(e), e.style.removeProperty("will-change"));
+				return Z;
 			}
-			if (u === "IDLE") return $;
-			let { scope: _ } = o();
-			if (!_) return $;
-			let v = e.getTransitionTaskId(), y = () => {
+			if (f === "IDLE") return Z;
+			let { scope: y } = l();
+			if (!y) return Z;
+			let b = e.getTransitionTaskId(), x = () => {
 				let n = e.getTransitionTaskId();
-				n && s.resolveTask(n), v && t.delete(v);
-			}, b = B(c), x = `${u}-true`, S = _.getAttribute(nn) === "true";
-			if (!(!S && J(b, x))) {
-				if (!S) {
-					let e = `${u}-false`;
-					if (J(b, e)) {
-						if (!f) return v && s.markGateHeld(v), $;
-						v && s.anchorGate(v);
-						let t = W(b, e), n = (t.delay + t.duration) * 1e3 + 50, r = setTimeout(y, n);
+				n && s.resolveTask(n), b && t.delete(b);
+			}, S = be(u), C = `${f}-true`, w = y.getAttribute(hn) === "true";
+			if (!(!w && G(S, C))) {
+				if (!w) {
+					let e = `${f}-false`;
+					if (G(S, e)) {
+						if (!m) return b && s.markGateHeld(b), Z;
+						b && s.anchorGate(b);
+						let t = V(S, e), n = (t.delay + t.duration) * 1e3 + 50, r = setTimeout(x, n);
 						return () => clearTimeout(r);
 					}
 				}
-				return queueMicrotask(y), $;
+				return queueMicrotask(x), Z;
 			}
-			v && (f ? s.anchorGate(v) : s.markGateHeld(v));
-			let C = W(b, x), w = !S && !!C, T = q("screen", c, x), E, D = () => {
-				E !== void 0 && (clearTimeout(E), E = void 0);
-			}, O = 0, ee, te = () => {
-				if (O <= 0) {
-					y();
+			b && (m ? s.anchorGate(b) : s.markGateHeld(b));
+			let T = V(S, C), E = !w && !!T, ee = W("screen", u, C), D, O = () => {
+				D !== void 0 && (clearTimeout(D), D = void 0);
+			}, te = 0, ne, re = () => {
+				if (te <= 0) {
+					x();
 					return;
 				}
-				ee = setTimeout(y, O);
-			}, k = $, A = $, j = (e) => {
-				e.target === _ && e.animationName === T && (_.removeEventListener("animationend", j), D(), k(), te());
+				ne = setTimeout(x, te);
+			}, k = Z, A = Z, j = (e) => {
+				e.target === y && e.animationName === ee && (y.removeEventListener("animationend", j), O(), k(), re());
 			};
-			_.addEventListener("animationend", j);
-			let M = w && f ? h(x, "active", y) : null, N = (C.delay + C.duration) * 1e3, ne = N + 1500, re = v ? setTimeout(() => void s.resolveTask(v), ne) : void 0, ie = `${u}-false`, P = J(b, ie) ? W(b, ie) : null, ae = [];
-			for (let e of Array.from(_.ownerDocument.querySelectorAll(`[${rn}][data-flemo-status="${u}"]`))) {
-				let t = H.get(e.getAttribute(rn)), n = `${u}-${e.getAttribute("data-flemo-active")}`, r = t && J(t, n) ? W(t, n) : null;
-				r && ae.push({
+			y.addEventListener("animationend", j);
+			let ie = E && m ? _(C, "active", x) : null, ae = (T.delay + T.duration) * 1e3, oe = ae + 1500, se = b ? setTimeout(() => void s.resolveTask(b), oe) : void 0, ce = `${f}-false`, M = G(S, ce) ? V(S, ce) : null, le = [];
+			for (let e of Array.from(y.ownerDocument.querySelectorAll(`[${_n}][data-flemo-status="${f}"]`))) {
+				let t = z.get(e.getAttribute(_n)), n = `${f}-${e.getAttribute("data-flemo-active")}`, r = t && G(t, n) ? V(t, n) : null;
+				r && le.push({
 					element: e,
 					motion: r
 				});
 			}
-			let oe = P ? (P.delay + P.duration) * 1e3 : 0;
-			for (let { motion: e } of ae) oe = Math.max(oe, (e.delay + e.duration) * 1e3);
-			O = Math.max(0, Math.min(1e3, oe - N));
-			let se = N + 250, F = () => v !== null && e.getTransitionTaskId() === v && _.isConnected && _.getAttribute("data-flemo-skip-animation") !== "true" && J(b, x), ce = ln({
-				element: _,
-				expectedName: T,
-				motion: C,
-				isLive: F,
-				budgetUsed: () => t.get(v) ?? 0,
+			let ue = M ? (M.delay + M.duration) * 1e3 : 0;
+			for (let { motion: e } of le) ue = Math.max(ue, (e.delay + e.duration) * 1e3);
+			te = Math.max(0, Math.min(1e3, ue - ae));
+			let de = ae + 250, N = () => b !== null && e.getTransitionTaskId() === b && y.isConnected && y.getAttribute("data-flemo-skip-animation") !== "true" && G(S, C), fe = Sn({
+				element: y,
+				expectedName: ee,
+				motion: T,
+				isLive: N,
+				budgetUsed: () => t.get(b) ?? 0,
 				spendBudget: () => {
-					A(), t.set(v, (t.get(v) ?? 0) + 1);
+					A(), t.set(b, (t.get(b) ?? 0) + 1);
 				},
-				onTerminal: y
+				onTerminal: x
 			});
-			k = ce.detach;
-			let le = !1, ue = () => {
-				D(), E = setTimeout(de, se);
-			}, de = () => {
-				if (D(), F() && !le) {
-					le = !0, A(), ce.fullRestart(), ue();
+			k = fe.detach;
+			let pe = !1, me = () => {
+				O(), D = setTimeout(P, de);
+			}, P = () => {
+				if (O(), N() && !pe) {
+					pe = !0, A(), fe.fullRestart(), me();
 					return;
 				}
-				y();
-			}, I = !M && f, L = I ? g(_, x) : [];
-			I && (ce.attach(), v && ue());
-			let R, fe = () => {
-				R !== void 0 && (clearTimeout(R), R = void 0);
+				x();
+			}, F = !ie && m, he = F ? v(y, C) : [];
+			F && (fe.attach(), b && me());
+			let I, ge = () => {
+				I !== void 0 && (clearTimeout(I), I = void 0);
 			};
-			if (A = fe, I && v) {
-				let e = typeof window < "u" && window.devicePixelRatio || 1, t = Ft(C, _, e), n = P ? Ft(P, _, e) : 0, r = 0;
-				for (let { element: t, motion: n } of ae) {
-					let i = Ft(n, t, e);
+			if (A = ge, F && b) {
+				let e = typeof window < "u" && window.devicePixelRatio || 1, t = qt(T, y, e), n = M ? qt(M, y, e) : 0, r = 0;
+				for (let { element: t, motion: n } of le) {
+					let i = qt(n, t, e);
 					if (i === null) {
 						r = null;
 						break;
@@ -2554,16 +2589,16 @@ function un(e) {
 					r = Math.max(r, i);
 				}
 				let i = t !== null && n !== null && r !== null ? Math.max(t, n, r) : null;
-				i !== null && i + 17 < N + O && (R = setTimeout(() => {
-					R = void 0, F() && (_.removeEventListener("animationend", j), D(), k(), y());
+				i !== null && i + 17 < ae + te && (I = setTimeout(() => {
+					I = void 0, N() && (y.removeEventListener("animationend", j), O(), k(), x());
 				}, i + 17));
 			}
 			return () => {
-				if (re !== void 0 && clearTimeout(re), ee !== void 0 && clearTimeout(ee), fe(), _.removeEventListener("animationend", j), I) {
-					ce.detach();
-					for (let e of L) e();
+				if (se !== void 0 && clearTimeout(se), ne !== void 0 && clearTimeout(ne), ge(), y.removeEventListener("animationend", j), F) {
+					fe.detach();
+					for (let e of he) e();
 				}
-				D(), M?.(), v && e.getTransitionTaskId() !== v && t.delete(v);
+				O(), ie?.(), b && e.getTransitionTaskId() !== b && t.delete(b);
 			};
 		},
 		activeResumeEntryCount: () => t.size
@@ -2571,20 +2606,20 @@ function un(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function dn(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = fn(e);
+function wn(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Tn(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && pn(s, n) && (!a || mn(s, n))) return {
+	if (s instanceof HTMLElement && En(s, n) && (!a || Dn(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if (pn(c, n) && (!a || mn(c, n))) return {
+		if (En(c, n) && (!a || Dn(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -2595,7 +2630,7 @@ function dn(e, t) {
 		hasMarker: !1
 	};
 }
-function fn(e) {
+function Tn(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -2603,18 +2638,18 @@ function fn(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function pn(e, t) {
+function En(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function mn(e, t) {
-	if (!pn(e, t) || typeof window > "u") return !1;
+function Dn(e, t) {
+	if (!En(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/core/engine/createSwipeController.ts
-var hn = "data-flemo-skip-animation";
-function gn(e) {
+var On = "data-flemo-skip-animation";
+function kn(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -2660,9 +2695,9 @@ function gn(e) {
 			y: e.clientY
 		}, u = t;
 	}, v = (n, i, a) => {
-		let o = Q(n, i, a);
-		if (n === e.getElements().scope) for (let e of r.current) Q(e, i, a);
-		else if (n === t) for (let e of r.prev) Q(e, i, a);
+		let o = J(n, i, a);
+		if (n === e.getElements().scope) for (let e of r.current) J(e, i, a);
+		else if (n === t) for (let e of r.prev) J(e, i, a);
 		return o;
 	}, y = (t) => {
 		let n = e.getPartnerBars(), i = [], { sharedTopBar: a, sharedBottomBar: o } = e.getElements();
@@ -2676,12 +2711,12 @@ function gn(e) {
 			current: i,
 			prev: s
 		};
-		let c = Ve(e.getTransition()).join(", ");
+		let c = We(e.getTransition()).join(", ");
 		for (let e of i) e.style.willChange = c;
 		for (let e of s) e.style.willChange = c;
 	}, b = () => {
-		for (let e of r.current) Z(e), e.style.removeProperty("will-change");
-		for (let e of r.prev) Z(e), e.style.removeProperty("will-change");
+		for (let e of r.current) q(e), e.style.removeProperty("will-change");
+		for (let e of r.prev) q(e), e.style.removeProperty("will-change");
 		r = {
 			current: [],
 			prev: []
@@ -2694,10 +2729,10 @@ function gn(e) {
 		};
 	}, S = (e, t, n) => {
 		let r = (r, i) => {
-			let a = H.get(r.getAttribute("data-flemo-part-name"));
+			let a = z.get(r.getAttribute("data-flemo-part-name"));
 			if (!a) return;
 			let o = {
-				animate: Q,
+				animate: J,
 				element: r,
 				active: i
 			};
@@ -2706,7 +2741,7 @@ function gn(e) {
 		for (let e of i.current) r(e, !0);
 		for (let e of i.prev) r(e, !1);
 	}, C = () => {
-		for (let e of [...i.current, ...i.prev]) Z(e);
+		for (let e of [...i.current, ...i.prev]) q(e);
 		i = {
 			current: [],
 			prev: []
@@ -2735,7 +2770,7 @@ function gn(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				m?.onSwipeStart?.(e, {
-					animate: Q,
+					animate: J,
 					currentDecorator: f,
 					prevDecorator: n
 				}), S("start", e, 0);
@@ -2752,7 +2787,7 @@ function gn(e) {
 			prevScreen: t,
 			onProgress: (e, t) => {
 				c?.onSwipe?.(e, t, {
-					animate: Q,
+					animate: J,
 					currentDecorator: o,
 					prevDecorator: n
 				}), S("swipe", e, t);
@@ -2771,15 +2806,15 @@ function gn(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				u?.onSwipeEnd?.(e, {
-					animate: Q,
+					animate: J,
 					currentDecorator: l,
 					prevDecorator: n
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(hn, "true"), l?.setAttribute(hn, "true");
+			c?.setAttribute(On, "true"), l?.setAttribute(On, "true");
 			for (let e of r.current) e.style.removeProperty("will-change");
-			for (let e of r.prev) Z(e), e.style.removeProperty("will-change");
+			for (let e of r.prev) q(e), e.style.removeProperty("will-change");
 			r = {
 				current: [],
 				prev: []
@@ -2787,14 +2822,14 @@ function gn(e) {
 				current: [],
 				prev: []
 			}, e.back();
-		} else c && Z(c), t && Z(t), l && Z(l), n && Z(n), b(), C(), e.setDragStatus("IDLE");
+		} else c && q(c), t && q(t), l && q(l), n && q(n), b(), C(), e.setDragStatus("IDLE");
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = dn(t.target, {
+			e.isReadyForDrag() && (f = wn(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = dn(t.target, {
+			}), p = wn(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -2823,7 +2858,7 @@ function gn(e) {
 }
 //#endregion
 //#region src/screen/computeBarRiding.ts
-function _n(e) {
+function An(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
 		app: !1,
 		nav: !1
@@ -2833,25 +2868,70 @@ function _n(e) {
 	};
 }
 //#endregion
+//#region src/screen/pendingNetwork.ts
+var jn = 0, Mn = !1, Nn = () => {
+	jn = Math.max(0, jn - 1);
+}, Pn = () => {
+	if (!(Mn || typeof window > "u")) {
+		if (Mn = !0, typeof window.fetch == "function") {
+			let e = window.fetch.bind(window);
+			window.fetch = (...t) => {
+				jn += 1;
+				let n;
+				try {
+					n = e(...t);
+				} catch (e) {
+					throw Nn(), e;
+				}
+				return n.then((e) => (Nn(), e), (e) => {
+					throw Nn(), e;
+				});
+			};
+		}
+		if (typeof XMLHttpRequest == "function") {
+			let e = XMLHttpRequest.prototype.send;
+			XMLHttpRequest.prototype.send = function(...t) {
+				jn += 1;
+				let n = !1, r = () => {
+					n || (n = !0, Nn());
+				};
+				this.addEventListener("loadend", r);
+				try {
+					return e.apply(this, t);
+				} catch (e) {
+					throw r(), e;
+				}
+			};
+		}
+	}
+}, Fn = () => (Pn(), jn > 0);
+//#endregion
 //#region src/screen/animStartAnchor.ts
-function vn(e) {
+function In(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var yn = 300, bn = 20;
-function xn(e) {
-	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, bn);
+var Ln = 300, Rn = 20;
+function zn(e) {
+	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, Rn);
 }
-function Sn(e) {
-	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of xn(e)) t.decode().catch(() => {});
+function Bn(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of zn(e)) t.decode().catch(() => {});
 }
-function Cn(e, t = {}) {
-	let n = !1, r = 0, i = [], a = () => {
+var Vn = 3, Hn = 40, Un = 24, Wn = (e) => {
+	if (typeof e.querySelectorAll != "function") return !1;
+	let t = e.querySelectorAll("*").length;
+	/* v8 ignore stop */
+	return t < Un ? !1 : ((e.textContent ?? "").trim().length + e.querySelectorAll("img").length * Hn) / t < Vn;
+};
+function Gn(e, t = {}) {
+	let n = !1, r = 0, i = [], a = [], o = () => {
+		if (n) return;
 		let r = t.scope;
 		if (t.decodeWait === !1 || !r || typeof r.querySelectorAll != "function") {
 			e();
 			return;
 		}
-		let i = xn(r);
+		let i = zn(r);
 		if (i.length === 0) {
 			e();
 			return;
@@ -2862,26 +2942,85 @@ function Cn(e, t = {}) {
 		Promise.race([a, o]).then(() => {
 			n || e();
 		});
-	}, o = (e) => {
+	}, s = (e) => {
+		let n = t.contentSettle, r = t.scope;
+		if (!n || !r || typeof MutationObserver > "u") {
+			e();
+			return;
+		}
+		if (!Wn(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 = () => {
+			l || (l = !0, f.disconnect(), clearTimeout(p), clearTimeout(m), clearTimeout(h), s.forEach((e) => cancelAnimationFrame(e)), s = [], e());
+		}, d = () => {
+			s.forEach((e) => cancelAnimationFrame(e)), s = [];
+			let e = (t) => {
+				if (t <= 0) {
+					if (Fn() && o() < n.capMs) {
+						s.push(requestAnimationFrame(() => e(6)));
+						return;
+					}
+					u();
+					return;
+				}
+				s.push(requestAnimationFrame(() => e(t - 1)));
+			};
+			e(6);
+		}, f = 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) {
+					u();
+					return;
+				}
+				/* v8 ignore stop */
+				d();
+			}
+		});
+		f.observe(r, {
+			childList: !0,
+			subtree: !0
+		});
+		let p = setTimeout(() => {
+			!c && !Fn() && u();
+		}, n.graceMs), m = setTimeout(function e() {
+			if (!c) {
+				if (Fn() && o() < n.capMs) {
+					setTimeout(e, 100);
+					return;
+				}
+				u();
+			}
+		}, n.firstWaitMs), h = setTimeout(u, n.capMs);
+		a.push(u);
+	}, c = (e) => {
 		if (e <= 0) {
-			a();
+			s(o);
 			return;
 		}
-		i.push(requestAnimationFrame(() => o(e - 1)));
-	}, s = requestAnimationFrame(() => {
-		r = requestAnimationFrame(() => o(t.extraFrames ?? 0));
+		i.push(requestAnimationFrame(() => c(e - 1)));
+	}, l = requestAnimationFrame(() => {
+		r = requestAnimationFrame(() => c(t.extraFrames ?? 0));
 	});
 	return () => {
-		n = !0, cancelAnimationFrame(s), r && cancelAnimationFrame(r), i.forEach((e) => cancelAnimationFrame(e));
+		n = !0, cancelAnimationFrame(l), r && cancelAnimationFrame(r), i.forEach((e) => cancelAnimationFrame(e)), a.forEach((e) => e());
 	};
 }
-function wn(e, t = {}) {
-	let n = Cn(e, t), r = setTimeout(e, 300);
+function Kn(e, t = {}) {
+	let n = Gn(e, t), r = setTimeout(e, 300);
 	return () => {
 		n(), clearTimeout(r);
 	};
 }
-function Tn() {
+function qn() {
 	let e = /* @__PURE__ */ new Map(), t = (t, n) => {
 		clearTimeout(n.backstop), e.delete(t);
 		let r = [...n.members];
@@ -2900,7 +3039,7 @@ function Tn() {
 		let s = o, c = {
 			release: i,
 			ready: !1,
-			cancelReadiness: Cn(() => {
+			cancelReadiness: Gn(() => {
 				c.ready = !0, n(s) && t(r, s);
 			}, a)
 		};
@@ -2917,7 +3056,7 @@ function Tn() {
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function En(e, t) {
+function Jn(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -2928,14 +3067,14 @@ function En(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var Dn = 0;
-function On(e) {
+var Yn = 0;
+function Xn(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 - Dn;
-			n = n < 0 ? 0 : n, Dn ||= t, e(t, n);
+			let n = t - Yn;
+			n = n < 0 ? 0 : n, Yn ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -2943,8 +3082,187 @@ function On(e) {
 	};
 }
 //#endregion
+//#region src/core/engine/imageDecodeOffloader.ts
+var Zn = 8, Qn = 2, Q = 96, $n = 15e3, er = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", tr = "data-flemo-image-src", nr = "flemo-image-scale-v1", rr = (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;
+}, ir = "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};", ar = () => typeof Worker < "u" && typeof OffscreenCanvas < "u" && typeof createImageBitmap == "function" && typeof MutationObserver < "u" && typeof URL < "u" && typeof URL.createObjectURL == "function", or = async (e, t) => {
+	try {
+		if (typeof caches > "u") return;
+		await (await caches.open(nr)).put(e, new Response(t, { headers: { "content-type": t.type } }));
+	} catch {}
+}, sr = async (e) => {
+	try {
+		if (typeof caches > "u") return null;
+		let t = await (await caches.open(nr)).match(e);
+		return t ? await t.blob() : null;
+	} catch {
+		return null;
+	}
+};
+function cr(e) {
+	if (!ar()) 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([ir])));
+		} 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), or(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(tr, 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") === er && (t && t !== "skip" ? e.src = t : (e.removeAttribute(tr), 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()) * Qn), s = Math.max(t * n, Q * Q) * 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), $n),
+			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) && rr({
+				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;
+			}
+			sr(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(tr, t), e.src = i;
+				return;
+			}
+			a.set(e, {
+				url: t,
+				previousVisibility: e.style.visibility,
+				timeout: setTimeout(() => d(e, null), $n)
+			}), e.style.visibility = "hidden", e.setAttribute(tr, t), e.src = er, sr(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 lr() {
+	return typeof document > "u" || !document.body ? () => {} : ($ ? $.count += 1 : $ = {
+		dispose: cr(document.body),
+		count: 1
+	}, () => {
+		$ && (--$.count, $.count <= 0 && ($.dispose(), $ = null));
+	});
+}
+//#endregion
 //#region src/utils/isOpaqueColor.ts
-function kn(e) {
+function ur(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;
@@ -2955,7 +3273,7 @@ function kn(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function An(e, n) {
+function dr(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}` : ""}`,
@@ -2963,4 +3281,4 @@ function An(e, n) {
 	};
 }
 //#endregion
-export { yn as ANIM_HOLD_RELEASE_BACKSTOP_MS, nn as SKIP_ANIMATION_ATTR, s as TaskManger, vn as animHoldKey, Q as animateInline, q as animationName, ie as appendParamsQuery, nt as applyTransitionStyles, An as buildRoutePath, mn as canProgrammaticallyScroll, Z as clearInlineAnimation, Ve as collectAnimatedProperties, Xe as compileTransitionStyles, _n as computeBarRiding, I as computeScreenFreeze, b as consumeSelfInducedPop, Tn as createAnimHoldCoordinator, g as createBrowserHistoryDriver, ve as createDecorator, c as createHistoryStore, x as createHistorySync, k as createMemoryHistoryDriver, A as createNavigateStore, ne as createNavigationController, Se as createPartTransition, ye as createRawDecorator, Ce as createRawPartTransition, R as createRawTransition, ue as createRouterScope, de as createScreenSelector, F as createScreenStore, _ as createSelfPopGuard, P as createStepController, gn as createSwipeController, L as createTransition, un as createTransitionEngine, oe as createTransitionStore, pe as cupertino, V as decoratorMap, Sn as eagerlyDecodeImages, He as easingToCss, ee as ensureScopeHistorySync, p as ensureWindowHistoryState, lt as enteringInitialStyle, dn as findScrollable, l as getMatchedPathPattern, u as getParams, kn as isOpaqueColor, f as isServer, he as layout, y as markSelfInducedPop, se as matchesPathname, ge as material, _e as none, En as observeBarHeight, On as observeViewportScrollHeight, pn as overflowsAxis, xe as overlay, H as partTransitionMap, re as readStepParams, ct as registerTransitionDefinitions, te as releaseScopeHistorySync, B as resolveTransition, wn as scheduleAnimHoldRelease, d as seedInitialHistory, m as seedRouterEntry, ae as subscribeStepParamsRestore, G as targetToDecls, z as transitionMap, J as variantHasAnimation };
+export { Ln as ANIM_HOLD_RELEASE_BACKSTOP_MS, tr as OFFLOADED_SRC_ATTR, Zn as OVERSIZE_AREA_RATIO, hn as SKIP_ANIMATION_ATTR, s as TaskManger, In as animHoldKey, J as animateInline, W as animationName, oe as appendParamsQuery, rt as applyTransitionStyles, dr as buildRoutePath, Dn as canProgrammaticallyScroll, q as clearInlineAnimation, We as collectAnimatedProperties, $e as compileTransitionStyles, An as computeBarRiding, me as computeScreenFreeze, b as consumeSelfInducedPop, qn as createAnimHoldCoordinator, g as createBrowserHistoryDriver, xe as createDecorator, c as createHistoryStore, x as createHistorySync, cr as createImageDecodeOffloader, ne as createMemoryHistoryDriver, re as createNavigateStore, ie as createNavigationController, Te as createPartTransition, Se as createRawDecorator, Ee as createRawPartTransition, F as createRawTransition, fe as createRouterScope, pe as createScreenSelector, ue as createScreenStore, _ as createSelfPopGuard, se as createStepController, kn as createSwipeController, P as createTransition, Cn as createTransitionEngine, M as createTransitionStore, I as cupertino, R as decoratorMap, Bn as eagerlyDecodeImages, Ge as easingToCss, lr as ensureImageDecodeOffloader, O as ensureScopeHistorySync, p as ensureWindowHistoryState, ut as enteringInitialStyle, wn as findScrollable, l as getMatchedPathPattern, u as getParams, It as holdCompositorWarm, ur as isOpaqueColor, f as isServer, _e as layout, y as markSelfInducedPop, le as matchesPathname, ve as material, ye as none, Jn as observeBarHeight, Xn as observeViewportScrollHeight, En as overflowsAxis, we as overlay, z as partTransitionMap, ae as readStepParams, lt as registerTransitionDefinitions, te as releaseScopeHistorySync, be as resolveTransition, Kn as scheduleAnimHoldRelease, d as seedInitialHistory, m as seedRouterEntry, rr as shouldOffloadImage, ce as subscribeStepParamsRestore, H as targetToDecls, L as transitionMap, G as variantHasAnimation };