@flemo/core 1.19.1 → 1.21.0

package/dist/index.mjs

@@ -505,7 +505,7 @@ function ee(e, t) {
 	return null;
 }
 var D = /* @__PURE__ */ new WeakMap();
-function te(e) {
+function O(e) {
 	D.has(e) || D.set(e, x({
 		stores: e,
 		driver: e.driver,
@@ -515,12 +515,12 @@ function te(e) {
 		ownsPathname: e.ownsPathname
 	}));
 }
-function ne(e) {
+function te(e) {
 	e.persistent || (D.get(e)?.(), D.delete(e));
 }
 //#endregion
 //#region src/history/memoryHistoryDriver.ts
-function re(e) {
+function ne(e) {
 	let t = [{
 		state: e?.state ?? null,
 		url: e?.url ?? "/"
@@ -562,7 +562,7 @@ function re(e) {
 }
 //#endregion
 //#region src/navigate/store.ts
-function O() {
+function re() {
 	return e((e) => ({
 		status: "IDLE",
 		transitionTaskId: null,
@@ -584,7 +584,7 @@ var k = (e, t, n) => {
 	let s = await Promise.race([a, o]);
 	i(), s && r();
 };
-function M(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;
@@ -661,7 +661,16 @@ function M(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) {
@@ -781,14 +790,14 @@ function M(e) {
 }
 //#endregion
 //#region src/navigate/createStepController.ts
-var ie = (e) => {
+var ae = (e) => {
 	let t = e;
 	return t?.step ? t.params ?? {} : null;
-}, ae = (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 oe(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 oe(e) {
 		}
 	};
 }
-function se(e, t) {
+function ce(e, t) {
 	return e.subscribe((e) => {
 		let n = e.state;
 		n?.step && s.addTask(async () => {
@@ -856,7 +865,7 @@ function se(e, t) {
 }
 //#endregion
 //#region src/transition/store.ts
-function ce(t = "cupertino") {
+function M(t = "cupertino") {
 	return e((e) => ({
 		defaultTransitionName: t,
 		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
@@ -903,11 +912,11 @@ function ue() {
 var de = {
 	mark: () => {},
 	consume: () => !1
-}, fe = /* @__PURE__ */ new Map();
-function pe(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 = fe.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();
@@ -927,7 +936,7 @@ function pe(e) {
 		index: 0,
 		histories: [p]
 	}), e.hostedScope;
-	let m = a ? re({
+	let m = a ? ne({
 		state: {
 			id: p.id,
 			index: 0,
@@ -939,8 +948,8 @@ function pe(e) {
 		url: p.pathname
 	}) : o, h = a ? de : _(), g = {
 		history: c([p], 0),
-		navigate: O(),
-		transition: ce(i),
+		navigate: re(),
+		transition: M(i),
 		screen: ue(),
 		driver: m,
 		markSelfInduced: h.mark,
@@ -951,11 +960,11 @@ function pe(e) {
 		persistent: !!s,
 		life: { alive: !0 }
 	};
-	return s && fe.set(s, g), g;
+	return s && N.set(s, g), g;
 }
 //#endregion
 //#region src/screen/createScreenSelector.ts
-function me(e, t) {
+function pe(e, t) {
 	return e.map((n, r) => ({
 		...n,
 		isActive: r === t,
@@ -968,13 +977,13 @@ function me(e, t) {
 }
 //#endregion
 //#region src/screen/computeScreenFreeze.ts
-function he(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 N({ 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 N({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exit
 }
 //#endregion
 //#region src/transition/createRawTransition.ts
-function ge({ 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 ge({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/cupertino.ts
-var _e = (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);
-}, ve = N({
+}, I = P({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -1079,7 +1088,7 @@ var _e = (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 = _e(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 _e = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), ye = (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);
-}, be = N({
+}, _e = P({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -1134,7 +1143,7 @@ var _e = (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 = ye(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 _e = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), xe = N({
+}), ve = P({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -1259,7 +1268,7 @@ var _e = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), Se = N({
+}), ye = P({
 	name: "none",
 	initial: {},
 	idle: {
@@ -1282,20 +1291,20 @@ var _e = (e, t, n) => {
 		value: {},
 		options: { duration: 0 }
 	}
-}), P = new Map([
-	["none", Se],
-	["cupertino", ve],
-	["material", xe],
-	["layout", be]
+}), L = /* @__PURE__ */ new Map([
+	["none", ye],
+	["cupertino", I],
+	["material", ve],
+	["layout", _e]
 ]);
 //#endregion
 //#region src/transition/resolveTransition.ts
-function F(e) {
-	return P.get(e) ?? P.get("none");
+function be(e) {
+	return L.get(e) ?? L.get("none");
 }
 //#endregion
 //#region src/transition/decorator/createDecorator.ts
-function Ce({ 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 Ce({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/decorator/createRawDecorator.ts
-function we({ 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 we({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var I = "rgba(0, 0, 0, 0.2)", Te = Ce({
+var Ce = "rgba(0, 0, 0, 0.2)", we = xe({
 	name: "overlay",
 	initial: {
 		opacity: 0,
-		backgroundColor: I
+		backgroundColor: Ce
 	},
 	idle: {
 		value: {
 			opacity: 0,
-			backgroundColor: I
+			backgroundColor: Ce
 		},
 		options: { duration: 0 }
 	},
 	enter: {
 		value: {
 			opacity: 1,
-			backgroundColor: I
+			backgroundColor: Ce
 		},
 		options: { duration: .6 }
 	},
 	exit: {
 		value: {
 			opacity: 0,
-			backgroundColor: I
+			backgroundColor: Ce
 		},
 		options: { duration: .6 }
 	},
@@ -1369,10 +1378,10 @@ var I = "rgba(0, 0, 0, 0.2)", Te = Ce({
 		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 })
 	}
-}), L = new Map([["overlay", Te]]);
+}), R = /* @__PURE__ */ new Map([["overlay", we]]);
 //#endregion
 //#region src/transition/partTransition/createPartTransition.ts
-function Ee({ 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 Ee({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/partTransition/createRawPartTransition.ts
-function De({ 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 De({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/partTransition/partTransition.ts
-var R = /* @__PURE__ */ new Map(), z = {
+var z = /* @__PURE__ */ new Map(), B = {
 	"IDLE-true": "self",
 	"IDLE-false": "self",
 	"PUSHING-true": "initial",
@@ -1425,17 +1434,17 @@ var R = /* @__PURE__ */ new Map(), z = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, Oe = Object.keys(z), ke = (e) => {
+}, De = Object.keys(B), Oe = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, Ae = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, je = (e, t) => {
-	let n = z[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;
-}, B = (e, t) => {
-	let n = je(e, t);
+}, V = (e, t) => {
+	let n = Ae(e, t);
 	if (n === null) return null;
-	let r = e.variants[t], i = ke(r.options), a = Ae(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 R = /* @__PURE__ */ new Map(), z = {
 		delay: a,
 		ease: r.options?.ease
 	};
-}, Me = Oe, Ne = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Pe = (e) => typeof e == "object" && !!e && !Array.isArray(e), Fe = 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(".")), Ie = (e, t) => t.startsWith("--") || Fe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Le = (e, t) => typeof t == "number" ? Ie(t, e) : typeof t == "string" ? t : "", Re = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), ze = 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 R = /* @__PURE__ */ new Map(), z = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), Be = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Ve = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, He = /^1(\.0+)?$/, Ue = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? He.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Ve.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? Be.test(t.trim()) : !1, We = (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 R = /* @__PURE__ */ new Map(), z = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, Ge = (e) => {
+}, We = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
-		if (!Pe(e)) return;
+		if (!Ne(e)) return;
 		let n = [];
 		for (let r of Object.keys(e)) {
-			let i = e[r], a = Le(r, i);
-			if (a !== "") if (ze.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(Re(r)) ?? /* @__PURE__ */ new Set();
-				e.add(a), t.set(Re(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 R = /* @__PURE__ */ new Map(), z = {
 	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 (!Pe(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 = Le(i, a);
-		o !== "" && (ze.has(i) ? (t.push(We(i, o)), Ue(i, a) || (n = !1)) : r.push({
-			property: Re(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 R = /* @__PURE__ */ new Map(), z = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, H = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), U = (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",
@@ -1523,17 +1532,17 @@ var R = /* @__PURE__ */ new Map(), z = {
 }, Ye = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, W = (e, t, n) => `flemo-${e}-${Ne(t)}-${n}`, Xe = (e, t, n, r, i, a) => {
-	let o = V(r), s = V(i.value), c = ke(i.options), l = Ae(i.options), u = U(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Je(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${H(s)}\n  animation: none;\n}`;
+	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 {",
-		H(o).replace(/^/gm, "  "),
+		U(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		H(s).replace(/^/gm, "  "),
+		U(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1542,22 +1551,22 @@ var R = /* @__PURE__ */ new Map(), z = {
 		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") && Ze(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${H(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${H(s)}\n}` : ""}`;
+	].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);
 }, Qe = (e, t, n, r) => {
-	let i = V(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${H(i)}\n}`;
+	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 Oe) {
-			let i = t.variants[n], a = z[n];
+		for (let n of De) {
+			let i = t.variants[n], a = B[n];
 			if (a === "self") {
 				r.push(Qe(Ke, e, n, i));
 				continue;
@@ -1568,8 +1577,8 @@ var R = /* @__PURE__ */ new Map(), z = {
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of Me) {
-			let i = e.variants[n], a = z[n];
+		for (let n of je) {
+			let i = e.variants[n], a = B[n];
 			if (a === "self") {
 				r.push(Qe(qe, t, n, i));
 				continue;
@@ -1580,8 +1589,8 @@ var R = /* @__PURE__ */ new Map(), z = {
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of Me) {
-			let i = e.variants[n], a = z[n];
+		for (let n of je) {
+			let i = e.variants[n], a = B[n];
 			if (a === "self") {
 				r.push(Qe(Ye, t, n, i));
 				continue;
@@ -1590,7 +1599,11 @@ var R = /* @__PURE__ */ new Map(), z = {
 			r.push(Xe("part", t, n, o, i, Ye));
 		}
 	}
-	return [...r.filter((e) => e.length > 0), et].join("\n\n");
+	return [
+		...r.filter((e) => e.length > 0),
+		et,
+		tt
+	].join("\n\n");
 }, et = [
 	"[data-flemo-anim-hold=\"true\"],",
 	"[data-flemo-anim-hold=\"park\"],",
@@ -1600,41 +1613,45 @@ var R = /* @__PURE__ */ new Map(), z = {
 	"[data-flemo-anim-hold=\"park-under\"] [data-flemo-part-name] {",
 	"  animation-play-state: paused !important;",
 	"}"
+].join("\n"), tt = [
+	"[data-flemo-held-arrival] {",
+	"  display: none !important;",
+	"}"
 ].join("\n"), G = (e, t) => {
-	let n = z[t];
+	let n = B[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = ke(r.options), a = Ae(r.options);
+	let r = e.variants[t], i = Oe(r.options), a = ke(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 = 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 = $e(P.values(), L.values(), R.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) P.set(t.name, t), ot(rt, t.name);
-	for (let e of t) L.set(e.name, e), ot(it, e.name);
-	for (let e of n) R.set(e.name, e), ot(at, e.name);
-	return nt(), () => {
-		for (let t of e) st(rt, t.name) && P.delete(t.name);
-		for (let e of t) st(it, e.name) && L.delete(e.name);
-		for (let e of n) st(at, e.name) && R.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 = {};
@@ -1642,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) => {
@@ -1678,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], {
@@ -1708,93 +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 {
-		if (typeof localStorage > "u") return null;
-		let e = localStorage.getItem(mt);
-		return e !== "css" && e !== "raf" ? null : (!ht && typeof console < "u" && (ht = !0, console.warn(`[flemo] motion driver pinned to "${e}" via localStorage ${mt}; remove the key to restore automatic selection.`)), e);
+		try {
+			typeof localStorage < "u" && localStorage.removeItem(ht);
+		} catch {}
+		if (typeof sessionStorage > "u") return null;
+		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, xt = () => typeof navigator < "u" && !!navigator.userAgentData, K = ((e = _t(), t = xt()) => {
-	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
 		})
 	};
-})(), St = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, q = /* @__PURE__ */ new WeakMap(), J = (e, t) => {
-	let n = q.get(e);
-	n || (n = /* @__PURE__ */ new Set(), q.set(e, n)), n.add(t);
-}, Y = (e, t) => {
-	if (ft.cancel(e), e.style.transition = "", e.style.removeProperty("animation-delay"), t) {
-		let n = q.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 = q.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");
-}, X = (e, t, n = {}) => {
-	if (!St(e)) return Promise.resolve();
-	let r = e, i = V(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 = U(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), J(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 = K.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), J(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), J(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());
@@ -1803,7 +1827,119 @@ var ut = () => ({
 		};
 		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
 	});
-}, Ct = (e, t, n, r) => {
+}, 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 || 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,
+		pendingEcho: !0
+	}), c = new MutationObserver((e) => {
+		let c = /* @__PURE__ */ new Map(), l = (e) => {
+			let t = c.get(e);
+			return t || c.set(e, t = {
+				removed: [],
+				added: []
+			}), t;
+		}, u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
+		for (let i of e) {
+			if (i.type === "characterData") {
+				let e = i.target;
+				if (!e.isConnected || o(e)) continue;
+				u.has(e) || u.set(e, i.oldValue);
+				continue;
+			}
+			if (i.type === "attributes") {
+				let e = i.target, t = i.attributeName;
+				if (t.startsWith("data-flemo") || !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;
+			}
+			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(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(Dt, ""), t.add(e), l(i.target).added.push(e));
+			}
+		}
+		for (let [e, t] of u) {
+			let n = s(i.get(e), t, e.nodeValue, (t) => {
+				e.nodeValue = t;
+			});
+			n && i.set(e, n);
+		}
+		for (let [e, t] of d) {
+			let n = a.get(e);
+			for (let [r, i] of t) {
+				let t = s(n?.get(r), i, e.getAttribute(r), (t) => {
+					t === null ? e.removeAttribute(r) : e.setAttribute(r, t);
+				});
+				t && (n || a.set(e, n = /* @__PURE__ */ new Map()), n.set(r, t));
+			}
+		}
+		for (let [e, i] of c) {
+			if (i.removed.length === 0 || !e.isConnected) continue;
+			let a = i.added.find((t) => t.parentNode === e) ?? Array.from(e.childNodes).find((e) => e instanceof Element && t.has(e)) ?? null;
+			if (!(i.added.length === 0 && !a)) for (let t of i.removed) r.add(t), e.insertBefore(t, a), n.add(t);
+		}
+	});
+	return c.observe(e, {
+		childList: !0,
+		subtree: !0,
+		characterData: !0,
+		characterDataOldValue: !0,
+		attributes: !0,
+		attributeOldValue: !0
+	}), () => {
+		c.disconnect();
+		for (let e of n) e.parentNode?.removeChild(e);
+		n.clear();
+		for (let e of t) e.removeAttribute(Dt);
+		t.clear();
+		for (let [e, t] of i) e.isConnected && (e.nodeValue = t.latest);
+		i.clear();
+		for (let [e, t] of a) if (e.isConnected) for (let [n, r] of t) r.latest === null ? e.removeAttribute(n) : e.setAttribute(n, r.latest);
+		a.clear(), r.clear();
+	};
+}
+//#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 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;
@@ -1815,7 +1951,7 @@ var ut = () => ({
 		}
 		return a((t + n) / 2);
 	};
-}, wt = (e) => e, Tt = {
+}, Rt = (e) => e, zt = {
 	ease: [
 		.25,
 		.1,
@@ -1870,16 +2006,62 @@ var ut = () => ({
 		.66,
 		-.56
 	]
-}, Et = (e) => {
+}, Bt = (e) => {
 	if (Array.isArray(e)) {
 		if (e.length === 4 && e.every((e) => typeof e == "number")) {
 			let [t, n, r, i] = e;
-			return Ct(t, n, r, i);
+			return Lt(t, n, r, i);
 		}
-		return wt;
+		return Rt;
 	}
-	return typeof e == "string" ? e === "linear" ? wt : Ct(...Tt[e] ?? Tt.ease) : Ct(...Tt.ease);
-}, Dt = [
+	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"
+]), Gt = (e, t, n) => {
+	if (!e || typeof e != "object") return;
+	let r = e[t];
+	if (r === void 0) return;
+	if (typeof r == "number") return r;
+	if (typeof r != "string") return null;
+	let i = r.trim();
+	if (i.endsWith("%")) {
+		let e = Number(i.slice(0, -1));
+		if (Number.isNaN(e)) return null;
+		let r = t === "y" ? n.clientHeight : n.clientWidth;
+		return e / 100 * r;
+	}
+	if (i.endsWith("px")) {
+		let e = Number(i.slice(0, -2));
+		return Number.isNaN(e) ? null : e;
+	}
+	return null;
+}, 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 (!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" ? Vt : 1 / Math.max(1, n);
+		i = Math.min(i, c / s);
+	}
+	return !Number.isFinite(i) || i <= 0 || i >= 1 ? null : i;
+}, qt = (e, t, n) => {
+	if (e.duration <= 0) return null;
+	let r = Kt(e, t, n);
+	if (r === null) return null;
+	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 / Ht)) * 1e3;
+	return (e.delay + e.duration) * 1e3 - o < Ut ? null : o;
+}, Jt = [
 	"x",
 	"y",
 	"z",
@@ -1890,7 +2072,7 @@ var ut = () => ({
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-], Ot = new Set(Dt), kt = {
+], Yt = new Set(Jt), Xt = {
 	x: 0,
 	y: 0,
 	z: 0,
@@ -1901,7 +2083,7 @@ var ut = () => ({
 	rotateX: 0,
 	rotateY: 0,
 	rotateZ: 0
-}, At = (e, t) => {
+}, Zt = (e, t) => {
 	if (typeof t == "number") return {
 		value: t,
 		unit: e === "x" || e === "y" || e === "z" ? "px" : ""
@@ -1920,26 +2102,26 @@ var ut = () => ({
 		value: i,
 		unit: a === "" && i === 0 ? "px" : a
 	};
-}, Z = /-?\d*\.?\d+/g, jt = (e, t) => {
-	let n = e.match(Z) ?? [], r = t.match(Z) ?? [];
-	if (n.length !== r.length || e.replace(Z, " ") !== t.replace(Z, " ")) 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(Z, () => {
+		return e.replace(Qt, () => {
 			let e = n++, r = i[e] + (a[e] - i[e]) * t;
 			return `${Math.round(r * 1e3) / 1e3}`;
 		});
 	};
-}, Mt = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Nt = (e) => typeof e == "object" && !!e && !Array.isArray(e), Pt = (e) => Nt(e) ? Object.keys(e) : [], Ft = (e, t) => Nt(e) ? e[t] : void 0, It = (e, t) => {
-	let n = new Set([...Pt(e.from), ...Pt(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 = Ft(e.from, s), c = Ft(e.to, s);
-		if (Ot.has(s)) {
+		let n = rn(e.from, s), c = rn(e.to, s);
+		if (Yt.has(s)) {
 			let e = s, i = {
-				value: kt[e],
+				value: Xt[e],
 				unit: e === "x" || e === "y" || e === "z" ? "px" : ""
-			}, a = n === void 0 ? i : At(e, n), o = c === void 0 ? i : At(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({
@@ -1970,15 +2152,15 @@ var ut = () => ({
 		if (typeof l != "string" || typeof u != "string") return null;
 		if (l === u) {
 			o.push({
-				property: Mt(s),
+				property: en(s),
 				value: l
 			});
 			continue;
 		}
-		let d = jt(l, u);
+		let d = $t(l, u);
 		if (!d) return null;
 		a.push({
-			property: Mt(s),
+			property: en(s),
 			mix: d
 		});
 	}
@@ -1988,46 +2170,46 @@ var ut = () => ({
 		strings: a,
 		constants: o
 	};
-}, Lt = 1, Rt = (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 Dt) {
+	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 >= Lt) && 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 = kt[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(" ");
-}, zt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Bt = (e) => {
+}, cn = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), ln = (e) => {
 	let t = {};
-	for (let n of V(e)) t[zt(n.property)] = n.value;
+	for (let n of H(e)) t[cn(n.property)] = n.value;
 	return t;
-}, Vt = (e, t) => {
+}, un = (e, t) => {
 	if (typeof e.animate != "function") return null;
 	try {
-		let n = e.animate([Bt(t.from), Bt(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: U(t.ease),
+			easing: Ge(t.ease),
 			fill: "both"
 		});
 		return n.pause(), n.currentTime = 0, n;
 	} catch {
 		return null;
 	}
-}, Ht = 1e3 / 60, Ut = 100, Wt = () => ({
+}, dn = 1e3 / 60, fn = 100, pn = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e),
 	devicePixelRatio: () => typeof window < "u" && window.devicePixelRatio || 1
-}), Q = ((e = Wt()) => {
+}), mn = ((e = pn()) => {
 	let t = /* @__PURE__ */ new Map(), n = {
 		join: (n, r) => {
-			let i = It(r.motion, r.element), s = i ? null : Vt(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 = {
@@ -2048,14 +2230,14 @@ var ut = () => ({
 					y: null
 				}
 			};
-			if (c.tracks.push(l), l.element.style.animation = "none", J(l.element, "animation"), i) {
-				i.transforms.length > 0 && J(l.element, "transform"), i.opacity && J(l.element, "opacity");
-				for (let e of i.strings) J(l.element, e.property);
-				for (let e of i.constants) J(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, K.beginRun(), o(n, c)), () => {
-				l.detached = !0, l.scrub?.cancel(), Y(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)));
 			};
@@ -2070,13 +2252,13 @@ var ut = () => ({
 		}
 	}, r = /* @__PURE__ */ new WeakMap(), i = (e) => {
 		let t = r.get(e);
-		return t || (t = Et(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 = Rt(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) {
@@ -2096,7 +2278,7 @@ var ut = () => ({
 		let c = r.startTime ?? s;
 		if (r.lastTime !== null) {
 			let e = s - r.lastTime;
-			K.reportGap(e), n.onFrameGap?.(e), e >= Ut && (c += e - Ht);
+			wt.reportGap(e), n.onFrameGap?.(e), e >= fn && (c += e - dn);
 		}
 		r.startTime = c, r.lastTime = s;
 		let l = !0;
@@ -2112,14 +2294,14 @@ var ut = () => ({
 			a(e, i(e)(o)), o >= 1 ? (e.completed = !0, e.onComplete?.()) : l = !1;
 		}
 		if (l) {
-			K.endRun(), t.delete(e);
+			wt.endRun(), t.delete(e);
 			return;
 		}
 		o(e, r);
 	}
 	return n;
 })();
-Q.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);
@@ -2127,23 +2309,23 @@ Q.onFrameGap = (e) => {
 };
 //#endregion
 //#region src/core/engine/types.ts
-var Gt = "data-flemo-skip-animation", $ = () => {}, Kt = "data-flemo-part-name", qt = (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(`[${Kt}]`)).filter((n) => {
+	return Array.from(t.querySelectorAll(`[${_n}]`)).filter((n) => {
 		let r = n.closest("[data-flemo-screen]");
 		return !r || r === e || !t.contains(r);
 	});
-}, Jt = (e, t) => {
+}, yn = (e, t) => {
 	let [n, r] = t.split("-");
-	return qt(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
-}, Yt = 4, Xt = (e) => `${Math.round(e * 1e3) / 1e3}s`, Zt = (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 = Xt(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() >= Yt) {
+		if (!e.isLive() || e.budgetUsed() >= bn) {
 			e.onTerminal();
 			return;
 		}
@@ -2173,59 +2355,91 @@ var Gt = "data-flemo-skip-animation", $ = () => {}, Kt = "data-flemo-part-name",
 		}
 	};
 };
-function Qt(e) {
-	let t = /* @__PURE__ */ new Map();
+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;
+		}
+		let t = 0;
+		t = requestAnimationFrame(() => {
+			t = requestAnimationFrame(() => {
+				a = null, e();
+			});
+		}), a = {
+			land: e,
+			cancel: () => cancelAnimationFrame(t)
+		};
+	};
 	return {
-		driveScreenLifecycle: (n) => {
-			let { getElements: r, transitionName: i, prevTransitionName: a, status: o, isActive: c, animHoldReleased: l } = n, u = o === "PUSHING" || o === "POPPING" || o === "REPLACING", d = (t, n, a) => {
-				let o = e.getTransitionTaskId();
-				if (!o || s.pendingTaskIds.some((e) => e !== o) || !K.playerAllowed()) return null;
-				let { scope: c, decorator: l, bars: u } = r();
-				if (!c) return null;
-				let d = F(i), f = B(d, t);
+		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, h ? e() : c(e);
+			}
+			if (g && !n) {
+				o();
+				let { scope: e } = l();
+				e && (n = Ot(e));
+			}
+			let _ = (t, n, r) => {
+				let i = e.getTransitionTaskId();
+				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 = be(u), f = V(d, t);
 				if (!f) return null;
-				let p = [], m = Q.join(o, {
-					element: c,
+				let p = [], m = mn.join(i, {
+					element: a,
 					motion: f,
 					role: n,
-					onComplete: a
+					onComplete: r
 				});
 				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 = Q.join(o, {
+					let t = mn.join(i, {
 						element: e,
 						motion: f,
 						role: "passive"
 					});
 					t && p.push(t);
 				}
-				if (l && d.decoratorName) {
-					let e = L.get(d.decoratorName), n = e ? B(e, t) : null;
+				if (o && d.decoratorName) {
+					let e = R.get(d.decoratorName), n = e ? V(e, t) : null;
 					if (n) {
-						let e = Q.join(o, {
-							element: l,
+						let e = mn.join(i, {
+							element: o,
 							motion: n,
 							role: "passive"
 						});
 						e && p.push(e);
 					}
 				}
-				for (let e of Jt(c, t)) {
-					let n = R.get(e.getAttribute(Kt)), r = n ? B(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 i = Q.join(o, {
+					let a = mn.join(i, {
 						element: e,
 						motion: r,
 						role: "passive"
 					});
-					i && p.push(i);
+					a && p.push(a);
 				}
 				return () => p.forEach((e) => e());
-			}, f = (e, t) => {
-				let n = [], { decorator: a, bars: o } = r(), s = F(i), c = (e, t, r) => {
-					let i = 0, a = Zt({
+			}, 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,
@@ -2234,110 +2448,157 @@ function Qt(e) {
 						spendBudget: () => {
 							i += 1;
 						},
-						onTerminal: $
+						onTerminal: Z
 					});
 					a.attach(), n.push(a.detach);
-				}, l = W("screen", i, t), u = B(s, t);
-				if (u) for (let e of o ?? []) !e || e.getAttribute("data-flemo-bar-riding") !== "true" || c(e, l, u);
-				if (a && s.decoratorName) {
-					let e = L.get(s.decoratorName), n = e ? B(e, t) : null;
-					n && c(a, W("decorator", s.decoratorName, t), n);
+				}, 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 = R.get(a.decoratorName), n = e ? V(e, t) : null;
+					n && o(r, W("decorator", a.decoratorName, t), n);
 				}
-				for (let n of Jt(e, t)) {
-					let e = n.getAttribute(Kt), r = R.get(e), i = r ? B(r, t) : null;
-					i && c(n, W("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 (!c) {
-				if (o === "COMPLETED") {
-					let { scope: e, decorator: t, bars: n } = r();
+			if (!p) {
+				if (f === "COMPLETED") {
+					let { scope: e, decorator: t, bars: n } = l();
 					if (e) {
-						Y(e);
-						for (let t of qt(e)) Y(t);
+						q(e);
+						for (let t of vn(e)) q(t);
 					}
-					t && Y(t);
-					for (let e of n ?? []) e && Y(e);
-					return $;
+					t && q(t);
+					for (let e of n ?? []) e && q(e);
+					return Z;
 				}
-				if (o === "REPLACING" && a !== i && e.setReplaceTransitionStatus("PENDING"), u && l) {
-					let e = `${o}-false`, t = d(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 } = r();
+					let { scope: n } = l();
 					if (n) {
-						let t = F(i), r = [];
+						let t = be(u), r = [];
 						if (G(t, e)) {
-							let a = B(t, e), o = 0, s = Zt({
+							let i = V(t, e), a = 0, o = Sn({
 								element: n,
-								expectedName: W("screen", i, e),
-								motion: a,
+								expectedName: W("screen", u, e),
+								motion: i,
 								isLive: () => n.isConnected && n.getAttribute("data-flemo-skip-animation") !== "true",
-								budgetUsed: () => o,
+								budgetUsed: () => a,
 								spendBudget: () => {
-									o += 1;
+									a += 1;
 								},
-								onTerminal: $
+								onTerminal: Z
 							});
-							s.attach(), r.push(s.detach);
+							o.attach(), r.push(o.detach);
 						}
-						if (r.push(...f(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 (o === "COMPLETED") {
+			if (f === "COMPLETED") {
 				e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
-				let { scope: t, decorator: n, bars: i } = r();
+				let { scope: t, decorator: n, bars: r } = l();
 				if (t) {
-					Y(t), t.removeAttribute(Gt);
-					for (let e of qt(t)) Y(e);
+					q(t), t.removeAttribute(hn);
+					for (let e of vn(t)) q(e);
 				}
-				n && (Y(n), n.removeAttribute(Gt));
-				for (let e of i ?? []) e && (Y(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 (o === "IDLE") return $;
-			let { scope: p } = r();
-			if (!p) return $;
-			let m = e.getTransitionTaskId(), h = () => {
+			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), m && t.delete(m);
-			}, g = F(i), _ = `${o}-true`, v = p.getAttribute(Gt) === "true";
-			if (!(!v && G(g, _))) return queueMicrotask(h), $;
-			m && (l ? s.anchorGate(m) : s.markGateHeld(m));
-			let y = B(g, _), b = !v && !!y, x = W("screen", i, _), S, C = () => {
-				S !== void 0 && (clearTimeout(S), S = void 0);
-			}, w = $, T = (e) => {
-				e.target === p && e.animationName === x && (p.removeEventListener("animationend", T), C(), w(), h());
+				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(x), Z;
+			}
+			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;
+				}
+				ne = setTimeout(x, te);
+			}, k = Z, A = Z, j = (e) => {
+				e.target === y && e.animationName === ee && (y.removeEventListener("animationend", j), O(), k(), re());
 			};
-			p.addEventListener("animationend", T);
-			let E = b && l ? d(_, "active", h) : null, ee = (y.delay + y.duration) * 1e3, D = ee + 1500, te = m ? setTimeout(() => void s.resolveTask(m), D) : void 0, ne = ee + 250, re = () => m !== null && e.getTransitionTaskId() === m && p.isConnected && p.getAttribute("data-flemo-skip-animation") !== "true" && G(g, _), O = Zt({
-				element: p,
-				expectedName: x,
-				motion: y,
-				isLive: re,
-				budgetUsed: () => t.get(m) ?? 0,
+			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 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: () => {
-					t.set(m, (t.get(m) ?? 0) + 1);
+					A(), t.set(b, (t.get(b) ?? 0) + 1);
 				},
-				onTerminal: h
+				onTerminal: x
 			});
-			w = O.detach;
-			let k = !1, A = () => {
-				C(), S = setTimeout(j, ne);
-			}, j = () => {
-				if (C(), re() && !k) {
-					k = !0, O.fullRestart(), A();
+			k = fe.detach;
+			let pe = !1, me = () => {
+				O(), D = setTimeout(P, de);
+			}, P = () => {
+				if (O(), N() && !pe) {
+					pe = !0, A(), fe.fullRestart(), me();
 					return;
 				}
-				h();
-			}, M = !E && l, ie = M ? f(p, _) : [];
-			return M && (O.attach(), m && A()), () => {
-				if (te !== void 0 && clearTimeout(te), p.removeEventListener("animationend", T), M) {
-					O.detach();
-					for (let e of ie) e();
+				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 = 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;
+					}
+					r = Math.max(r, i);
+				}
+				let i = t !== null && n !== null && r !== null ? Math.max(t, n, r) : null;
+				i !== null && i + 17 < ae + te && (I = setTimeout(() => {
+					I = void 0, N() && (y.removeEventListener("animationend", j), O(), k(), x());
+				}, i + 17));
+			}
+			return () => {
+				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();
 				}
-				C(), E?.(), m && e.getTransitionTaskId() !== m && t.delete(m);
+				O(), ie?.(), b && e.getTransitionTaskId() !== b && t.delete(b);
 			};
 		},
 		activeResumeEntryCount: () => t.size
@@ -2345,20 +2606,20 @@ function Qt(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function $t(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = en(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 && tn(s, n) && (!a || nn(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 (tn(c, n) && (!a || nn(c, n))) return {
+		if (En(c, n) && (!a || Dn(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -2369,7 +2630,7 @@ function $t(e, t) {
 		hasMarker: !1
 	};
 }
-function en(e) {
+function Tn(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -2377,18 +2638,18 @@ function en(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function tn(e, t) {
+function En(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function nn(e, t) {
-	if (!tn(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 rn = "data-flemo-skip-animation";
-function an(e) {
+var On = "data-flemo-skip-animation";
+function kn(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -2434,9 +2695,9 @@ function an(e) {
 			y: e.clientY
 		}, u = t;
 	}, v = (n, i, a) => {
-		let o = X(n, i, a);
-		if (n === e.getElements().scope) for (let e of r.current) X(e, i, a);
-		else if (n === t) for (let e of r.prev) X(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();
@@ -2450,12 +2711,12 @@ function an(e) {
 			current: i,
 			prev: s
 		};
-		let c = Ge(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) Y(e), e.style.removeProperty("will-change");
-		for (let e of r.prev) Y(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: []
@@ -2468,10 +2729,10 @@ function an(e) {
 		};
 	}, S = (e, t, n) => {
 		let r = (r, i) => {
-			let a = R.get(r.getAttribute("data-flemo-part-name"));
+			let a = z.get(r.getAttribute("data-flemo-part-name"));
 			if (!a) return;
 			let o = {
-				animate: X,
+				animate: J,
 				element: r,
 				active: i
 			};
@@ -2480,7 +2741,7 @@ function an(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]) Y(e);
+		for (let e of [...i.current, ...i.prev]) q(e);
 		i = {
 			current: [],
 			prev: []
@@ -2509,7 +2770,7 @@ function an(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				m?.onSwipeStart?.(e, {
-					animate: X,
+					animate: J,
 					currentDecorator: f,
 					prevDecorator: n
 				}), S("start", e, 0);
@@ -2526,7 +2787,7 @@ function an(e) {
 			prevScreen: t,
 			onProgress: (e, t) => {
 				c?.onSwipe?.(e, t, {
-					animate: X,
+					animate: J,
 					currentDecorator: o,
 					prevDecorator: n
 				}), S("swipe", e, t);
@@ -2545,15 +2806,15 @@ function an(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				u?.onSwipeEnd?.(e, {
-					animate: X,
+					animate: J,
 					currentDecorator: l,
 					prevDecorator: n
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(rn, "true"), l?.setAttribute(rn, "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) Y(e), e.style.removeProperty("will-change");
+			for (let e of r.prev) q(e), e.style.removeProperty("will-change");
 			r = {
 				current: [],
 				prev: []
@@ -2561,14 +2822,14 @@ function an(e) {
 				current: [],
 				prev: []
 			}, e.back();
-		} else c && Y(c), t && Y(t), l && Y(l), n && Y(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 = $t(t.target, {
+			e.isReadyForDrag() && (f = wn(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = $t(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));
@@ -2597,7 +2858,7 @@ function an(e) {
 }
 //#endregion
 //#region src/screen/computeBarRiding.ts
-function on(e) {
+function An(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
 		app: !1,
 		nav: !1
@@ -2607,25 +2868,70 @@ function on(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 sn(e) {
+function In(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var cn = 300, ln = 20;
-function un(e) {
-	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, ln);
+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 dn(e) {
-	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of un(e)) t.decode().catch(() => {});
+function Bn(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of zn(e)) t.decode().catch(() => {});
 }
-function fn(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 = un(r);
+		let i = zn(r);
 		if (i.length === 0) {
 			e();
 			return;
@@ -2636,26 +2942,85 @@ function fn(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 pn(e, t = {}) {
-	let n = fn(e, t), r = setTimeout(e, 300);
+function Kn(e, t = {}) {
+	let n = Gn(e, t), r = setTimeout(e, 300);
 	return () => {
 		n(), clearTimeout(r);
 	};
 }
-function mn() {
+function qn() {
 	let e = /* @__PURE__ */ new Map(), t = (t, n) => {
 		clearTimeout(n.backstop), e.delete(t);
 		let r = [...n.members];
@@ -2674,7 +3039,7 @@ function mn() {
 		let s = o, c = {
 			release: i,
 			ready: !1,
-			cancelReadiness: fn(() => {
+			cancelReadiness: Gn(() => {
 				c.ready = !0, n(s) && t(r, s);
 			}, a)
 		};
@@ -2691,7 +3056,7 @@ function mn() {
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function hn(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);
@@ -2702,14 +3067,14 @@ function hn(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var gn = 0;
-function _n(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 - gn;
-			n = n < 0 ? 0 : n, gn ||= 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), () => {
@@ -2717,8 +3082,187 @@ function _n(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 vn(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;
@@ -2729,7 +3273,7 @@ function vn(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function yn(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}` : ""}`,
@@ -2737,4 +3281,4 @@ function yn(e, n) {
 	};
 }
 //#endregion
-export { cn as ANIM_HOLD_RELEASE_BACKSTOP_MS, Gt as SKIP_ANIMATION_ATTR, s as TaskManger, sn as animHoldKey, X as animateInline, W as animationName, ae as appendParamsQuery, nt as applyTransitionStyles, yn as buildRoutePath, nn as canProgrammaticallyScroll, Y as clearInlineAnimation, Ge as collectAnimatedProperties, $e as compileTransitionStyles, on as computeBarRiding, he as computeScreenFreeze, b as consumeSelfInducedPop, mn as createAnimHoldCoordinator, g as createBrowserHistoryDriver, Ce as createDecorator, c as createHistoryStore, x as createHistorySync, re as createMemoryHistoryDriver, O as createNavigateStore, M as createNavigationController, Ee as createPartTransition, we as createRawDecorator, De as createRawPartTransition, ge as createRawTransition, pe as createRouterScope, me as createScreenSelector, ue as createScreenStore, _ as createSelfPopGuard, oe as createStepController, an as createSwipeController, N as createTransition, Qt as createTransitionEngine, ce as createTransitionStore, ve as cupertino, L as decoratorMap, dn as eagerlyDecodeImages, U as easingToCss, te as ensureScopeHistorySync, p as ensureWindowHistoryState, lt as enteringInitialStyle, $t as findScrollable, l as getMatchedPathPattern, u as getParams, vn as isOpaqueColor, f as isServer, be as layout, y as markSelfInducedPop, le as matchesPathname, xe as material, Se as none, hn as observeBarHeight, _n as observeViewportScrollHeight, tn as overflowsAxis, Te as overlay, R as partTransitionMap, ie as readStepParams, ct as registerTransitionDefinitions, ne as releaseScopeHistorySync, F as resolveTransition, pn as scheduleAnimHoldRelease, d as seedInitialHistory, m as seedRouterEntry, se as subscribeStepParamsRestore, V as targetToDecls, P as transitionMap, G 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 };