@flemo/core 1.18.1 → 1.19.1

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { createStore as e } from "zustand/vanilla";
 import { compile as t, match as n, parse as r, pathToRegexp as i } from "path-to-regexp";
 //#region src/core/TaskManger.ts
-var a = 1200, o = new class {
+var a = 1200, o = 2, s = new class {
 	tasks = /* @__PURE__ */ new Map();
 	instanceId = Date.now().toString();
 	isLocked = !1;
@@ -62,7 +62,7 @@ var a = 1200, o = new class {
 		});
 	}
 	async onTaskStatusChange(e, t) {
-		(t === "COMPLETED" || t === "FAILED" || t === "ROLLEDBACK") && (this.pendingTaskQueue = this.pendingTaskQueue.filter((t) => t.id !== e), await this.processPendingTasks(), this.notifyPendingWaiters());
+		(t === "COMPLETED" || t === "FAILED" || t === "ROLLEDBACK") && (this.gatePhases.delete(e), this.pendingTaskQueue = this.pendingTaskQueue.filter((t) => t.id !== e), await this.processPendingTasks(), this.notifyPendingWaiters());
 	}
 	async addTask(e, t = {}) {
 		let n = t.id || this.generateTaskId();
@@ -155,10 +155,34 @@ var a = 1200, o = new class {
 			}).catch(i);
 		});
 	}
+	gatePhases = /* @__PURE__ */ new Map();
+	markGateHeld(e) {
+		let t = this.gatePhases.get(e);
+		t?.phase !== "anchored" && this.gatePhases.set(e, {
+			phase: "held",
+			rearms: t?.rearms ?? 0
+		});
+	}
+	anchorGate(e) {
+		let t = this.gatePhases.get(e);
+		if (t?.phase === "anchored") return;
+		this.gatePhases.set(e, {
+			phase: "anchored",
+			rearms: t?.rearms ?? 0
+		});
+		let n = this.tasks.get(e);
+		!n || n.status !== "MANUAL_PENDING" && n.status !== "SIGNAL_PENDING" || (n.backstopTimer && (clearTimeout(n.backstopTimer), delete n.backstopTimer), this.armBackstop(n));
+	}
 	armBackstop(e) {
 		let t = e.control?.maxLifetimeMs;
 		!t || t <= 0 || typeof setTimeout > "u" || (e.backstopTimer = setTimeout(() => {
-			delete e.backstopTimer, this.resolveTask(e.id);
+			delete e.backstopTimer;
+			let t = this.gatePhases.get(e.id);
+			if (t?.phase === "held" && t.rearms < o) {
+				t.rearms += 1, this.armBackstop(e);
+				return;
+			}
+			this.resolveTask(e.id);
 		}, t));
 	}
 	async resolveTask(e) {
@@ -166,7 +190,7 @@ var a = 1200, o = new class {
 		if (t?.backstopTimer && (clearTimeout(t.backstopTimer), delete t.backstopTimer), !t || t.status !== "MANUAL_PENDING" && t.status !== "SIGNAL_PENDING") return !1;
 		if (t.manualResolver) {
 			if (t.control?.condition && !await t.control.condition()) return !1;
-			t.status = "COMPLETED";
+			t.status = "COMPLETED", this.gatePhases.delete(e);
 			let n = t.manualResolver;
 			return n.resolve({
 				success: !0,
@@ -189,7 +213,7 @@ var a = 1200, o = new class {
 }();
 //#endregion
 //#region src/history/store.ts
-function s(t = [], n = -1) {
+function c(t = [], n = -1) {
 	return e((e) => ({
 		index: n,
 		pendingIndex: n,
@@ -241,13 +265,13 @@ function s(t = [], n = -1) {
 }
 //#endregion
 //#region src/utils/getMatchedPathPattern.ts
-function c(e, t) {
+function l(e, t) {
 	return Array.isArray(e) ? e.find((e) => i(e).regexp.test(t)) ?? "" : i(e).regexp.test(t) ? e : "";
 }
 //#endregion
 //#region src/utils/getParams.ts
-function l(e, t, r) {
-	let i = n(c(e, t))(t), a = new URLSearchParams(r), o = Object.fromEntries(a.entries());
+function u(e, t, r) {
+	let i = n(l(e, t))(t), a = new URLSearchParams(r), o = Object.fromEntries(a.entries());
 	return i ? {
 		...i.params,
 		...o
@@ -255,24 +279,24 @@ function l(e, t, r) {
 }
 //#endregion
 //#region src/history/seedInitialHistory.ts
-function u(e, t, n, r) {
+function d(e, t, n, r) {
 	return {
 		id: "root",
 		pathname: t,
-		params: l(e, t, n),
+		params: u(e, t, n),
 		transitionName: r,
 		layoutId: null
 	};
 }
 //#endregion
 //#region src/utils/isServer.ts
-function d() {
+function f() {
 	return typeof document > "u";
 }
 //#endregion
 //#region src/history/ensureWindowHistoryState.ts
-function f(e, t, n = {}) {
-	if (d()) return;
+function p(e, t, n = {}) {
+	if (f()) return;
 	let r = {
 		id: "root",
 		index: 0,
@@ -294,23 +318,23 @@ function f(e, t, n = {}) {
 }
 //#endregion
 //#region src/history/seedRouterEntry.ts
-function p(e) {
+function m(e) {
 	let { driver: t, routerKey: n, nested: r, seedPathname: i, defaultTransitionName: a, rootParams: o } = e;
-	if (d()) return;
+	if (f()) return;
 	if (r) {
 		let e = t.readPathname().replace(/\/+$/, "") || "/";
 		if (!(e === i || e !== "/" && i.startsWith(`${e}/`))) return;
 	}
 	let s = r && n !== null ? t.readState() == null : !1;
-	f(n, a, o), r && n !== null && s && t.readPathname() !== i && t.replaceState(t.readState(), i);
+	p(n, a, o), r && n !== null && s && t.readPathname() !== i && t.replaceState(t.readState(), i);
 }
 //#endregion
 //#region src/history/historyDriver.ts
-var m = (e, t) => ({
+var h = (e, t) => ({
 	...window.history.state ?? {},
 	[e]: t
 });
-function h(e) {
+function g(e) {
 	return e === void 0 ? {
 		readState: () => window.history.state,
 		readPathname: () => window.location.pathname,
@@ -328,8 +352,8 @@ function h(e) {
 	} : {
 		readState: () => window.history.state?.[e] ?? null,
 		readPathname: () => window.location.pathname,
-		pushState: (t, n) => window.history.pushState(m(e, t), "", n),
-		replaceState: (t, n) => window.history.replaceState(m(e, t), "", n),
+		pushState: (t, n) => window.history.pushState(h(e, t), "", n),
+		replaceState: (t, n) => window.history.replaceState(h(e, t), "", n),
 		go: (e) => window.history.go(e),
 		back: () => window.history.back(),
 		subscribe: (t) => {
@@ -343,7 +367,7 @@ function h(e) {
 }
 //#endregion
 //#region src/navigate/selfPopGuard.ts
-function g() {
+function _() {
 	let e = 0;
 	return {
 		mark() {
@@ -354,26 +378,26 @@ function g() {
 		}
 	};
 }
-var _ = g();
-function v() {
-	_.mark();
-}
+var v = _();
 function y() {
-	return _.consume();
+	v.mark();
+}
+function b() {
+	return v.consume();
 }
 //#endregion
 //#region src/history/createHistorySync.ts
-function b(e) {
-	let { stores: t, driver: n = h(), consume: r = y } = e, i = !1, s = 0, c = async (e) => {
-		let n = e.state, r = t.history.getState().truncationEpoch, i = o.generateTaskId();
-		s += 1;
+function x(e) {
+	let { stores: t, driver: n = g(), consume: r = b } = e, i = !1, o = 0, c = async (e) => {
+		let n = e.state, r = t.history.getState().truncationEpoch, i = s.generateTaskId();
+		o += 1;
 		try {
 			await l(e, n, r, i);
 		} finally {
-			--s;
+			--o;
 		}
-	}, l = async (r, s, l, u) => {
-		(await o.addTask(async (a) => {
+	}, l = async (r, o, l, u) => {
+		(await s.addTask(async (a) => {
 			if (i) {
 				a.abort();
 				return;
@@ -382,41 +406,41 @@ function b(e) {
 				a.abort();
 				return;
 			}
-			let { setStatus: o, setTransitionTaskId: d } = t.navigate.getState(), { index: f, histories: p, addHistory: m, popHistory: h, setPendingIndex: g } = t.history.getState();
+			let { setStatus: s, setTransitionTaskId: d } = t.navigate.getState(), { index: f, histories: p, addHistory: m, popHistory: h, setPendingIndex: g } = t.history.getState();
 			if (l !== t.history.getState().truncationEpoch && n.readState()?.id !== r.state?.id) {
 				a.abort();
 				return;
 			}
-			if (!s?.id) {
+			if (!o?.id) {
 				a.abort();
 				return;
 			}
-			let _ = p.findIndex((e) => e.id === s.id);
+			let _ = p.findIndex((e) => e.id === o.id);
 			if (_ === f) {
 				a.abort();
 				return;
 			}
 			let v = {
-				id: s.id,
+				id: o.id,
 				pathname: r.pathname,
-				params: s.params,
-				transitionName: s.transitionName,
-				layoutId: s.layoutId,
-				frameIndex: s.index
+				params: o.params,
+				transitionName: o.transitionName,
+				layoutId: o.layoutId,
+				frameIndex: o.index
 			};
 			if (_ === -1) {
 				let e = p[f]?.frameIndex ?? f;
-				if (!(s.index > e && (s.status === "PUSHING" || s.status === "REPLACING"))) {
+				if (!(o.index > e && (o.status === "PUSHING" || o.status === "REPLACING"))) {
 					t.history.getState().adoptHistory(v), a.abort();
 					return;
 				}
-				return d(u), o(s.status === "REPLACING" ? "REPLACING" : "PUSHING"), m(v), async () => {
-					o("COMPLETED");
+				return d(u), s(o.status === "REPLACING" ? "REPLACING" : "PUSHING"), m(v), async () => {
+					s("COMPLETED");
 				};
 			}
 			let y = f - 1;
-			return d(u), g(y), o("POPPING"), async () => {
-				h(y + 1), o("COMPLETED"), y > _ && !i && c(r);
+			return d(u), g(y), s("POPPING"), async () => {
+				h(y + 1), s("COMPLETED"), y > _ && !i && c(r);
 			};
 		}, {
 			id: u,
@@ -425,10 +449,10 @@ function b(e) {
 				maxLifetimeMs: a
 			}
 		})).result?.();
-	}, u = null, d = 0, f = "", p = 0, m = () => typeof performance < "u" ? performance.now() : Number.MAX_VALUE, g = () => {
+	}, u = null, d = 0, f = "", p = 0, m = () => typeof performance < "u" ? performance.now() : Number.MAX_VALUE, h = () => {
 		i || typeof setTimeout > "u" || (u && clearTimeout(u), u = setTimeout(function e() {
 			if (u = null, i) return;
-			if (s > 0 || o.pendingTaskIds.length > 0 || m() - d < 400) {
+			if (o > 0 || s.pendingTaskIds.length > 0 || m() - d < 400) {
 				u = setTimeout(e, 150);
 				return;
 			}
@@ -447,42 +471,42 @@ function b(e) {
 			}), u = setTimeout(e, 150);
 		}, 150));
 	}, _ = n.subscribe((e) => {
-		if (!i && (d = m(), g(), C(e.pathname), !r())) return c(e);
+		if (!i && (d = m(), h(), w(e.pathname), !r())) return c(e);
 	});
-	if (e.routerKey && e.zoneEntryId && T(n, e.zoneEntryId)) {
-		let n = t.history.getState().histories[t.history.getState().index]?.pathname, r = w(n);
+	if (e.routerKey && e.zoneEntryId && E(n, e.zoneEntryId)) {
+		let n = t.history.getState().histories[t.history.getState().index]?.pathname, r = T(n);
 		for (let t of r) c({
 			state: t.raw?.[e.routerKey] ?? null,
 			pathname: t.pathname
 		});
 	}
-	return g(), () => {
+	return h(), () => {
 		i = !0, u && clearTimeout(u), _();
 	};
 }
-var x = [], S = !1, C = (e) => {
-	S || typeof window > "u" || (S = !0, queueMicrotask(() => {
-		S = !1;
-	}), x.push({
+var S = [], C = !1, w = (e) => {
+	C || typeof window > "u" || (C = !0, queueMicrotask(() => {
+		C = !1;
+	}), S.push({
 		raw: window.history.state,
 		pathname: e
 	}));
-}, w = (e) => {
+}, T = (e) => {
 	if (!e) return [];
-	for (let t = x.length - 1; t >= 0; --t) if (x[t].pathname === e) return x.slice(t + 1);
+	for (let t = S.length - 1; t >= 0; --t) if (S[t].pathname === e) return S.slice(t + 1);
 	return [];
-}, T = (e, t) => {
+}, E = (e, t) => {
 	if (typeof window > "u") return !1;
 	let n = window.history.state;
 	return n ? Object.values(n).some((e) => !!e && typeof e == "object" && e.id === t) : !1;
 };
-function E(e, t) {
-	for (let n = x.length - 1; n >= 0; --n) if (x[n].pathname === t) return x[n].raw?.[e] ?? null;
+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 D = /* @__PURE__ */ new WeakMap();
-function ee(e) {
-	D.has(e) || D.set(e, b({
+function te(e) {
+	D.has(e) || D.set(e, x({
 		stores: e,
 		driver: e.driver,
 		consume: e.consume,
@@ -491,12 +515,12 @@ function ee(e) {
 		ownsPathname: e.ownsPathname
 	}));
 }
-function te(e) {
+function ne(e) {
 	e.persistent || (D.get(e)?.(), D.delete(e));
 }
 //#endregion
 //#region src/history/memoryHistoryDriver.ts
-function ne(e) {
+function re(e) {
 	let t = [{
 		state: e?.state ?? null,
 		url: e?.url ?? "/"
@@ -560,8 +584,8 @@ var k = (e, t, n) => {
 	let s = await Promise.race([a, o]);
 	i(), s && r();
 };
-function re(e) {
-	let { stores: t, buildPathname: n, driver: r = h(), markSelfInduced: i = v } = e, s = () => t.history.getState().bumpTruncationEpoch(), c = () => {
+function M(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;
 		let { index: n, histories: i, adoptHistory: a, truncateHistory: o } = t.history.getState();
@@ -578,13 +602,13 @@ function re(e) {
 	}, l = async (e, l, u) => {
 		let { status: d } = t.navigate.getState();
 		if (d !== "COMPLETED" && d !== "IDLE") return;
-		let f = t.transition.getState().defaultTransitionName, { transitionName: p = f, layoutId: m = null } = u ?? {}, h = o.generateTaskId();
-		(await o.addTask(async (a) => {
+		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) {
 				a.abort();
 				return;
 			}
-			let o = c(), { index: d, histories: f, addHistory: g, popHistories: _ } = t.history.getState(), v = (() => {
+			let s = c(), { index: d, histories: f, addHistory: g, popHistories: _ } = t.history.getState(), v = (() => {
 				if (u?.until != null) {
 					let e = k(u.until, d, f);
 					return e < 0 ? 0 : e;
@@ -598,8 +622,8 @@ function re(e) {
 				params: l ?? {},
 				transitionName: p,
 				layoutId: m
-			}, w = o?.index ?? f[d]?.frameIndex ?? d;
-			if (v === 0) return s(), r.pushState({
+			}, w = s?.index ?? f[d]?.frameIndex ?? d;
+			if (v === 0) return o(), r.pushState({
 				id: h,
 				index: w + 1,
 				status: "PUSHING",
@@ -617,7 +641,7 @@ function re(e) {
 				...C,
 				frameIndex: T + 1
 			}), await j(r, i, v, () => {
-				s(), r.pushState({
+				o(), r.pushState({
 					id: h,
 					index: T + 1,
 					status: "PUSHING",
@@ -638,13 +662,13 @@ function re(e) {
 	}, u = async (e, l, u) => {
 		let { status: d } = t.navigate.getState();
 		if (d !== "COMPLETED" && d !== "IDLE") return;
-		let f = t.transition.getState().defaultTransitionName, { transitionName: p = f, layoutId: m = null } = u ?? {}, h = o.generateTaskId();
-		(await o.addTask(async (a) => {
+		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) {
 				a.abort();
 				return;
 			}
-			let o = c(), { index: d, histories: f, addHistory: g, replaceHistory: _, popHistories: v } = t.history.getState(), y = (() => {
+			let s = c(), { index: d, histories: f, addHistory: g, replaceHistory: _, popHistories: v } = t.history.getState(), y = (() => {
 				if (u?.until != null) {
 					let e = k(u.until, d, f);
 					return e < 0 ? 0 : e + 1;
@@ -663,8 +687,8 @@ function re(e) {
 				params: l ?? {},
 				transitionName: p,
 				layoutId: m
-			}, T = o?.index ?? f[d]?.frameIndex ?? d;
-			if (y === 1) return s(), r.replaceState({
+			}, T = s?.index ?? f[d]?.frameIndex ?? d;
+			if (y === 1) return o(), r.replaceState({
 				id: h,
 				index: T,
 				status: "REPLACING",
@@ -682,7 +706,7 @@ function re(e) {
 				...w,
 				frameIndex: E
 			}), y <= d ? await j(r, i, y, () => {
-				s(), r.pushState({
+				o(), r.pushState({
 					id: h,
 					index: E,
 					status: "REPLACING",
@@ -691,7 +715,7 @@ function re(e) {
 					layoutId: m
 				}, S);
 			}) : await j(r, i, d, () => {
-				s(), r.replaceState({
+				o(), r.replaceState({
 					id: h,
 					index: E,
 					status: "REPLACING",
@@ -710,30 +734,30 @@ function re(e) {
 			}
 		})).result?.();
 	}, d = async (e, n) => {
-		let s = o.generateTaskId();
-		(await o.addTask(async (a) => {
+		let o = s.generateTaskId();
+		(await s.addTask(async (a) => {
 			if (t.life && !t.life.alive) {
 				a.abort();
 				return;
 			}
 			c();
-			let { index: o, histories: l, popHistory: u, popHistories: d, setPendingIndex: f, setTransitionName: p } = t.history.getState();
-			if (o <= 0) {
+			let { index: s, histories: l, popHistory: u, popHistories: d, setPendingIndex: f, setTransitionName: p } = t.history.getState();
+			if (s <= 0) {
 				a.abort();
 				return;
 			}
-			let m = Math.min(e(o, l), o);
+			let m = Math.min(e(s, l), s);
 			if (m <= 0) {
 				a.abort();
 				return;
 			}
-			f(o - m);
+			f(s - m);
 			let { setStatus: h, setTransitionTaskId: g } = t.navigate.getState();
-			return n && p(o, n), h("POPPING"), g(s), d(m - 1), i(), m === 1 ? r.back() : r.go(-m), async () => {
+			return n && p(s, n), h("POPPING"), g(o), d(m - 1), i(), m === 1 ? r.back() : r.go(-m), async () => {
 				u(t.history.getState().index), h("COMPLETED");
 			};
 		}, {
-			id: s,
+			id: o,
 			control: {
 				manual: !0,
 				maxLifetimeMs: a
@@ -757,18 +781,18 @@ function re(e) {
 }
 //#endregion
 //#region src/navigate/createStepController.ts
-var M = (e) => {
+var ie = (e) => {
 	let t = e;
 	return t?.step ? t.params ?? {} : null;
-}, ie = (e, t) => {
+}, ae = (e, t) => {
 	let n = new URLSearchParams(Object.fromEntries(Object.entries(t).map(([e, t]) => [e, String(t)]))).toString();
 	return n ? `${e}?${n}` : e;
 };
-function ae(e) {
-	let { stores: t, driver: n, markSelfInduced: r, buildStepPathname: i, applyParams: s } = e;
+function oe(e) {
+	let { stores: t, driver: n, markSelfInduced: r, buildStepPathname: i, applyParams: o } = e;
 	return {
 		pushStep: async (e) => {
-			(await o.addTask(async () => {
+			(await s.addTask(async () => {
 				let t = i(e), r = n.readState();
 				return r?.step || n.replaceState({
 					...r,
@@ -777,35 +801,35 @@ function ae(e) {
 					...n.readState(),
 					step: !0,
 					params: e
-				}, t), async () => s(e);
+				}, t), async () => o(e);
 			})).result?.();
 		},
 		replaceStep: async (e) => {
-			(await o.addTask(async () => {
+			(await s.addTask(async () => {
 				let t = i(e);
 				return n.replaceState({
 					...n.readState(),
 					step: !0,
 					params: e
-				}, t), async () => s(e);
+				}, t), async () => o(e);
 			})).result?.();
 		},
 		popStep: async () => {
-			let e = o.generateTaskId();
-			(await o.addTask(async (i) => {
+			let e = s.generateTaskId();
+			(await s.addTask(async (i) => {
 				let a = new Promise((e) => {
 					let t = n.subscribe((n) => {
 						t(), e(n.state);
 					});
-				}), o = new Promise((e) => setTimeout(() => e(void 0), 200));
+				}), s = new Promise((e) => setTimeout(() => e(void 0), 200));
 				r(), n.back();
-				let c = await Promise.race([a, o]);
+				let c = await Promise.race([a, s]);
 				if (!c) {
 					i.abort();
 					return;
 				}
 				if (c.step) {
-					s(c.params ?? {}), i.abort();
+					o(c.params ?? {}), i.abort();
 					return;
 				}
 				let { setStatus: l, setTransitionTaskId: u } = t.navigate.getState(), { index: d, popHistory: f } = t.history.getState();
@@ -822,17 +846,17 @@ function ae(e) {
 		}
 	};
 }
-function oe(e, t) {
+function se(e, t) {
 	return e.subscribe((e) => {
 		let n = e.state;
-		n?.step && o.addTask(async () => {
+		n?.step && s.addTask(async () => {
 			t(n.params ?? {});
 		});
 	});
 }
 //#endregion
 //#region src/transition/store.ts
-function se(t = "cupertino") {
+function ce(t = "cupertino") {
 	return e((e) => ({
 		defaultTransitionName: t,
 		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
@@ -840,12 +864,12 @@ function se(t = "cupertino") {
 }
 //#endregion
 //#region src/utils/matchesPathname.ts
-function ce(e, t) {
+function le(e, t) {
 	return i(e).regexp.test(t);
 }
 //#endregion
 //#region src/screen/store.ts
-function le() {
+function ue() {
 	return e((e) => ({
 		dragStatus: "IDLE",
 		replaceTransitionStatus: "IDLE",
@@ -876,25 +900,25 @@ function le() {
 }
 //#endregion
 //#region src/core/createRouterScope.ts
-var ue = {
+var de = {
 	mark: () => {},
 	consume: () => !1
-}, de = /* @__PURE__ */ new Map();
-function fe(e) {
-	let { routePaths: t, pathname: n, search: r, defaultTransitionName: i, memory: a, browserDriver: o } = e, c = d() ? void 0 : e.persistKey;
-	if (c) {
-		let e = de.get(c);
+}, fe = /* @__PURE__ */ new Map();
+function pe(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);
 		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 = u(t, n, r, i), f = (e.routerKey && !d() ? E(e.routerKey, n) : null) ?? (o && !d() ? o.readState() : null), p = f?.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: f.id,
-		params: f.params ?? l.params,
-		frameIndex: f.index ?? 0
+		id: u.id,
+		params: u.params ?? l.params,
+		frameIndex: u.index ?? 0
 	} : {
 		...l,
 		frameIndex: 0
@@ -903,7 +927,7 @@ function fe(e) {
 		index: 0,
 		histories: [p]
 	}), e.hostedScope;
-	let m = a ? ne({
+	let m = a ? re({
 		state: {
 			id: p.id,
 			index: 0,
@@ -913,25 +937,25 @@ function fe(e) {
 			layoutId: p.layoutId
 		},
 		url: p.pathname
-	}) : o, h = a ? ue : g(), _ = {
-		history: s([p], 0),
+	}) : o, h = a ? de : _(), g = {
+		history: c([p], 0),
 		navigate: O(),
-		transition: se(i),
-		screen: le(),
+		transition: ce(i),
+		screen: ue(),
 		driver: m,
 		markSelfInduced: h.mark,
 		consume: h.consume,
 		routerKey: e.routerKey,
 		zoneEntryId: e.zoneEntryId,
-		ownsPathname: (e) => ce(t, e),
-		persistent: !!c,
+		ownsPathname: (e) => le(t, e),
+		persistent: !!s,
 		life: { alive: !0 }
 	};
-	return c && de.set(c, _), _;
+	return s && fe.set(s, g), g;
 }
 //#endregion
 //#region src/screen/createScreenSelector.ts
-function pe(e, t) {
+function me(e, t) {
 	return e.map((n, r) => ({
 		...n,
 		isActive: r === t,
@@ -944,7 +968,7 @@ function pe(e, t) {
 }
 //#endregion
 //#region src/screen/computeScreenFreeze.ts
-function me(e) {
+function he(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;
 }
@@ -971,7 +995,7 @@ function N({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exit
 }
 //#endregion
 //#region src/transition/createRawTransition.ts
-function he({ 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 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 }) {
 	return {
 		name: e,
 		initial: t,
@@ -992,10 +1016,10 @@ function he({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/cupertino.ts
-var ge = (e, t, n) => {
+var _e = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, _e = N({
+}, ve = N({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -1055,7 +1079,7 @@ var ge = (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 = ge(s, [0, window.innerWidth], [0, 100]);
+			let { offset: o } = t, s = o.x, c = _e(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 }) => {
@@ -1079,10 +1103,10 @@ var ge = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), ve = (e, t, n) => {
+}), ye = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, ye = N({
+}, be = N({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -1110,7 +1134,7 @@ var ge = (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 = ve(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 = 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);
 			return i?.(!0, 100), n(r, {
 				y: f,
 				opacity: c
@@ -1127,7 +1151,7 @@ var ge = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), be = N({
+}), xe = N({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -1235,7 +1259,7 @@ var ge = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), xe = N({
+}), Se = N({
 	name: "none",
 	initial: {},
 	idle: {
@@ -1259,10 +1283,10 @@ var ge = (e, t, n) => {
 		options: { duration: 0 }
 	}
 }), P = new Map([
-	["none", xe],
-	["cupertino", _e],
-	["material", be],
-	["layout", ye]
+	["none", Se],
+	["cupertino", ve],
+	["material", xe],
+	["layout", be]
 ]);
 //#endregion
 //#region src/transition/resolveTransition.ts
@@ -1271,7 +1295,7 @@ function F(e) {
 }
 //#endregion
 //#region src/transition/decorator/createDecorator.ts
-function Se({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function Ce({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1292,7 +1316,7 @@ function Se({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/decorator/createRawDecorator.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 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 }) {
 	return {
 		name: e,
 		initial: t,
@@ -1313,7 +1337,7 @@ function Ce({ 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)", we = Se({
+var I = "rgba(0, 0, 0, 0.2)", Te = Ce({
 	name: "overlay",
 	initial: {
 		opacity: 0,
@@ -1345,10 +1369,10 @@ var I = "rgba(0, 0, 0, 0.2)", we = Se({
 		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", we]]);
+}), L = new Map([["overlay", Te]]);
 //#endregion
 //#region src/transition/partTransition/createPartTransition.ts
-function Te({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function Ee({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1369,7 +1393,7 @@ function Te({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/partTransition/createRawPartTransition.ts
-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 }) {
+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 }) {
 	return {
 		name: e,
 		initial: t,
@@ -1401,17 +1425,17 @@ var R = /* @__PURE__ */ new Map(), z = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, De = Object.keys(z), Oe = (e) => {
+}, Oe = Object.keys(z), ke = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, ke = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Ae = (e, t) => {
+}, Ae = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, je = (e, t) => {
 	let n = z[t];
 	return n === "self" ? null : n === "initial" ? e.initial : e.variants[n].value;
 }, B = (e, t) => {
-	let n = Ae(e, t);
+	let n = je(e, t);
 	if (n === null) return null;
-	let r = e.variants[t], i = Oe(r.options), a = ke(r.options);
+	let r = e.variants[t], i = ke(r.options), a = Ae(r.options);
 	return i <= 0 && a <= 0 ? null : {
 		from: n,
 		to: r.value,
@@ -1419,7 +1443,7 @@ var R = /* @__PURE__ */ new Map(), z = {
 		delay: a,
 		ease: r.options?.ease
 	};
-}, je = De, Me = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Ne = (e) => typeof e == "object" && !!e && !Array.isArray(e), Pe = new Set(/* @__PURE__ */ "opacity.scale.scaleX.scaleY.scaleZ.aspectRatio.columnCount.columns.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineHeight.lineClamp.order.orphans.tabSize.widows.zIndex.zoom.fillOpacity.floodOpacity.stopOpacity.strokeOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeWidth".split(".")), Fe = (e, t) => t.startsWith("--") || Pe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Ie = (e, t) => typeof t == "number" ? Fe(t, e) : typeof t == "string" ? t : "", Le = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Re = new Set([
+}, 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([
 	"x",
 	"y",
 	"z",
@@ -1430,7 +1454,7 @@ var R = /* @__PURE__ */ new Map(), z = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), ze = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Be = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ve = /^1(\.0+)?$/, He = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? Ve.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Be.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? ze.test(t.trim()) : !1, Ue = (e, t) => {
+]), 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) => {
 	switch (e) {
 		case "x": return `translate3d(${t}, 0, 0)`;
 		case "y": return `translate3d(0, ${t}, 0)`;
@@ -1444,16 +1468,16 @@ var R = /* @__PURE__ */ new Map(), z = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, We = (e) => {
+}, Ge = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
-		if (!Ne(e)) return;
+		if (!Pe(e)) return;
 		let n = [];
 		for (let r of Object.keys(e)) {
-			let i = e[r], a = Ie(r, i);
-			if (a !== "") if (Re.has(r)) n.push(`${r}:${a}`);
+			let i = e[r], a = Le(r, i);
+			if (a !== "") if (ze.has(r)) n.push(`${r}:${a}`);
 			else {
-				let e = t.get(Le(r)) ?? /* @__PURE__ */ new Set();
-				e.add(a), t.set(Le(r), e);
+				let e = t.get(Re(r)) ?? /* @__PURE__ */ new Set();
+				e.add(a), t.set(Re(r), e);
 			}
 		}
 		r.add(n.sort().join("|"));
@@ -1464,12 +1488,12 @@ var R = /* @__PURE__ */ new Map(), z = {
 	let a = Array.from(t.entries()).filter(([, e]) => e.size > 1).map(([e]) => e);
 	return n && a.push("transform"), a;
 }, V = (e) => {
-	if (!Ne(e)) return [];
+	if (!Pe(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = Ie(i, a);
-		o !== "" && (Re.has(i) ? (t.push(Ue(i, o)), He(i, a) || (n = !1)) : r.push({
-			property: Le(i),
+		let a = e[i], o = Le(i, a);
+		o !== "" && (ze.has(i) ? (t.push(We(i, o)), Ue(i, a) || (n = !1)) : r.push({
+			property: Re(i),
 			value: o
 		}));
 	}
@@ -1487,20 +1511,20 @@ var R = /* @__PURE__ */ new Map(), z = {
 	backIn: "cubic-bezier(0.31, 0.01, 0.66, -0.59)",
 	backOut: "cubic-bezier(0.33, 1.53, 0.69, 0.99)",
 	anticipate: "cubic-bezier(0.36, 0, 0.66, -0.56)"
-}[e] ?? "ease" : "ease", Ge = (e, 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}"]`;
-}, Ke = (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}"]`;
-}, qe = (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"]`;
-}, Je = (e, t) => {
+}, 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}-${Me(t)}-${n}`, Ye = (e, t, n, r, i, a) => {
-	let o = V(r), s = V(i.value), c = Oe(i.options), l = ke(i.options), u = U(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${qe(t, n)}` : d;
+}, 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;
 	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}`;
 	let p = W(e, t, n), m = [
@@ -1519,55 +1543,55 @@ var R = /* @__PURE__ */ new Map(), z = {
 		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") && Xe(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")) && Xe(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${H(s)}\n}` : ""}`;
-}, Xe = (e) => {
+	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}` : ""}`;
+}, 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);
-}, Ze = (e, t, n, r) => {
+}, Qe = (e, t, n, r) => {
 	let i = V(r.value);
 	return i.length === 0 ? "" : `${e(t, n)} {\n${H(i)}\n}`;
-}, Qe = (e, t, n = []) => {
+}, $e = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
 		let e = t.name;
-		for (let n of De) {
+		for (let n of Oe) {
 			let i = t.variants[n], a = z[n];
 			if (a === "self") {
-				r.push(Ze(Ge, e, n, i));
+				r.push(Qe(Ke, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			r.push(Ye("screen", e, n, o, i, Ge));
+			r.push(Xe("screen", e, n, o, i, Ke));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of je) {
+		for (let n of Me) {
 			let i = e.variants[n], a = z[n];
 			if (a === "self") {
-				r.push(Ze(Ke, t, n, i));
+				r.push(Qe(qe, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(Ye("decorator", t, n, o, i, Ke));
+			r.push(Xe("decorator", t, n, o, i, qe));
 		}
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of je) {
+		for (let n of Me) {
 			let i = e.variants[n], a = z[n];
 			if (a === "self") {
-				r.push(Ze(Je, t, n, i));
+				r.push(Qe(Ye, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(Ye("part", t, n, o, i, Je));
+			r.push(Xe("part", t, n, o, i, Ye));
 		}
 	}
-	return [...r.filter((e) => e.length > 0), $e].join("\n\n");
-}, $e = [
+	return [...r.filter((e) => e.length > 0), et].join("\n\n");
+}, et = [
 	"[data-flemo-anim-hold=\"true\"],",
 	"[data-flemo-anim-hold=\"park\"],",
 	"[data-flemo-anim-hold=\"park-under\"],",
@@ -1579,38 +1603,38 @@ var R = /* @__PURE__ */ new Map(), z = {
 ].join("\n"), G = (e, t) => {
 	let n = z[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = Oe(r.options), a = ke(r.options);
+	let r = e.variants[t], i = ke(r.options), a = Ae(r.options);
 	if (i <= 0 && a <= 0) return !1;
 	let o = V(n === "initial" ? e.initial : e.variants[n].value), s = V(r.value);
 	return o.length > 0 || s.length > 0;
-}, et = "data-flemo";
-function tt() {
-	if (d()) return;
-	let e = Qe(P.values(), L.values(), R.values()), t = document.head.querySelector(`style[${et}]`);
-	t || (t = document.createElement("style"), t.setAttribute(et, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
+}, tt = "data-flemo";
+function nt() {
+	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);
 }
 //#endregion
 //#region src/transition/registerTransitionDefinitions.ts
-var nt = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map(), at = (e, t) => {
+var rt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map(), at = /* @__PURE__ */ new Map(), ot = (e, t) => {
 	e.set(t, (e.get(t) ?? 0) + 1);
-}, ot = (e, t) => {
+}, st = (e, t) => {
 	let n = (e.get(t) ?? 1) - 1;
 	return n <= 0 ? (e.delete(t), !0) : (e.set(t, n), !1);
 };
-function st(e, t, n = []) {
-	for (let t of e) P.set(t.name, t), at(nt, t.name);
-	for (let e of t) L.set(e.name, e), at(rt, e.name);
-	for (let e of n) R.set(e.name, e), at(it, e.name);
-	return tt(), () => {
-		for (let t of e) ot(nt, t.name) && P.delete(t.name);
-		for (let e of t) ot(rt, e.name) && L.delete(e.name);
-		for (let e of n) ot(it, e.name) && R.delete(e.name);
-		tt();
+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();
 	};
 }
 //#endregion
 //#region src/transition/enteringInitialStyle.ts
-function ct(e) {
+function lt(e) {
 	let { initial: t, isActive: n, status: r } = e;
 	if (!n || r !== "PUSHING" && r !== "REPLACING") return {};
 	let i = {};
@@ -1618,10 +1642,10 @@ function ct(e) {
 }
 //#endregion
 //#region src/transition/settleScrub.ts
-var lt = () => ({
+var ut = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e)
-}), ut = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), dt = ((e = lt()) => {
+}), dt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), ft = ((e = ut()) => {
 	let t = /* @__PURE__ */ new Map(), n = null, r = () => {
 		t.size === 0 && n !== null && (e.cancel(n), n = null);
 	}, i = (e, n) => {
@@ -1654,7 +1678,7 @@ var lt = () => ({
 			if (typeof r.animate != "function") return null;
 			i(r, "current");
 			let l = {};
-			for (let e of o) l[ut(e.property)] = e.value;
+			for (let e of o) l[dt(e.property)] = e.value;
 			let u;
 			try {
 				u = r.animate([l], {
@@ -1684,49 +1708,49 @@ var lt = () => ({
 		takeover: (e) => i(e, "current"),
 		cancel: (e) => i(e, "drop")
 	};
-})(), ft = "flemo:motion-driver", pt = "flemo:motion-driver-force", mt = !1, ht = () => {
+})(), pt = "flemo:motion-driver", mt = "flemo:motion-driver-force", ht = !1, gt = () => {
 	try {
 		if (typeof localStorage > "u") return null;
-		let e = localStorage.getItem(pt);
-		return e !== "css" && e !== "raf" ? null : (!mt && typeof console < "u" && (mt = !0, console.warn(`[flemo] motion driver pinned to "${e}" via localStorage ${pt}; remove the key to restore automatic selection.`)), e);
+		let e = localStorage.getItem(mt);
+		return e !== "css" && e !== "raf" ? null : (!ht && typeof console < "u" && (ht = !0, console.warn(`[flemo] motion driver pinned to "${e}" via localStorage ${mt}; remove the key to restore automatic selection.`)), e);
 	} catch {
 		return null;
 	}
-}, gt = () => ({
+}, _t = () => ({
 	read: () => {
 		try {
-			return typeof localStorage < "u" ? localStorage.getItem(ft) : null;
+			return typeof localStorage < "u" ? localStorage.getItem(pt) : null;
 		} catch {
 			return null;
 		}
 	},
 	write: (e) => {
 		try {
-			typeof localStorage < "u" && localStorage.setItem(ft, e);
+			typeof localStorage < "u" && localStorage.setItem(pt, e);
 		} catch {}
 	}
-}), _t = 30, vt = 2, yt = 2, bt = () => typeof navigator < "u" && !!navigator.userAgentData, K = ((e = gt(), t = bt()) => {
+}), 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 = [];
 	return {
 		playerAllowed: () => {
-			let e = ht();
+			let e = gt();
 			return e ? e === "raf" : t && !n;
 		},
 		beginRun: () => {
 			a = 0, o = [];
 		},
 		reportGap: (e) => {
-			o.push(e), e >= _t && (a += 1);
+			o.push(e), e >= vt && (a += 1);
 		},
 		endRun: () => {
-			let t = a >= vt;
+			let t = a >= yt;
 			if (r) {
 				r = !1, t ? n = !0 : e.write("raf");
 				return;
 			}
-			t && (i += 1, i >= yt && !n && (n = !0, e.write("css")));
+			t && (i += 1, i >= bt && !n && (n = !0, e.write("css")));
 		},
 		stats: () => ({
 			runGaps: [...o],
@@ -1734,11 +1758,11 @@ var lt = () => ({
 			demoted: n
 		})
 	};
-})(), xt = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, q = /* @__PURE__ */ new WeakMap(), J = (e, t) => {
+})(), 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 (dt.cancel(e), e.style.transition = "", e.style.removeProperty("animation-delay"), t) {
+	if (ft.cancel(e), e.style.transition = "", e.style.removeProperty("animation-delay"), t) {
 		let n = q.get(e);
 		for (let r of t) e.style.removeProperty(r), n?.delete(r);
 		return;
@@ -1751,16 +1775,16 @@ var lt = () => ({
 	}
 	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
 }, X = (e, t, n = {}) => {
-	if (!xt(e)) return Promise.resolve();
+	if (!St(e)) return Promise.resolve();
 	let r = e, i = V(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);
 	if (a <= 0 && o <= 0) {
-		dt.takeover(r), r.style.transition = "none";
+		ft.takeover(r), r.style.transition = "none";
 		for (let e of i) r.style.setProperty(e.property, e.value), J(r, e.property);
 		return Promise.resolve();
 	}
-	let c = K.playerAllowed() ? dt.settle(r, i, {
+	let c = K.playerAllowed() ? ft.settle(r, i, {
 		durationMs: a * 1e3,
 		delayMs: o * 1e3,
 		easing: s
@@ -1779,7 +1803,7 @@ var lt = () => ({
 		};
 		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
 	});
-}, St = (e, t, n, r) => {
+}, Ct = (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;
@@ -1791,7 +1815,7 @@ var lt = () => ({
 		}
 		return a((t + n) / 2);
 	};
-}, Ct = (e) => e, wt = {
+}, wt = (e) => e, Tt = {
 	ease: [
 		.25,
 		.1,
@@ -1846,16 +1870,16 @@ var lt = () => ({
 		.66,
 		-.56
 	]
-}, Tt = (e) => {
+}, Et = (e) => {
 	if (Array.isArray(e)) {
 		if (e.length === 4 && e.every((e) => typeof e == "number")) {
 			let [t, n, r, i] = e;
-			return St(t, n, r, i);
+			return Ct(t, n, r, i);
 		}
-		return Ct;
+		return wt;
 	}
-	return typeof e == "string" ? e === "linear" ? Ct : St(...wt[e] ?? wt.ease) : St(...wt.ease);
-}, Et = [
+	return typeof e == "string" ? e === "linear" ? wt : Ct(...Tt[e] ?? Tt.ease) : Ct(...Tt.ease);
+}, Dt = [
 	"x",
 	"y",
 	"z",
@@ -1866,7 +1890,7 @@ var lt = () => ({
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-], Dt = new Set(Et), Ot = {
+], Ot = new Set(Dt), kt = {
 	x: 0,
 	y: 0,
 	z: 0,
@@ -1877,7 +1901,7 @@ var lt = () => ({
 	rotateX: 0,
 	rotateY: 0,
 	rotateZ: 0
-}, kt = (e, t) => {
+}, At = (e, t) => {
 	if (typeof t == "number") return {
 		value: t,
 		unit: e === "x" || e === "y" || e === "z" ? "px" : ""
@@ -1896,7 +1920,7 @@ var lt = () => ({
 		value: i,
 		unit: a === "" && i === 0 ? "px" : a
 	};
-}, Z = /-?\d*\.?\d+/g, At = (e, t) => {
+}, 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;
 	let i = n.map(Number), a = r.map(Number);
@@ -1907,15 +1931,15 @@ var lt = () => ({
 			return `${Math.round(r * 1e3) / 1e3}`;
 		});
 	};
-}, jt = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Mt = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nt = (e) => Mt(e) ? Object.keys(e) : [], Pt = (e, t) => Mt(e) ? e[t] : void 0, Ft = (e, t) => {
-	let n = new Set([...Nt(e.from), ...Nt(e.to)]), r = [], i = null, a = [], o = [];
+}, 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 = [];
 	for (let s of n) {
-		let n = Pt(e.from, s), c = Pt(e.to, s);
-		if (Dt.has(s)) {
+		let n = Ft(e.from, s), c = Ft(e.to, s);
+		if (Ot.has(s)) {
 			let e = s, i = {
-				value: Ot[e],
+				value: kt[e],
 				unit: e === "x" || e === "y" || e === "z" ? "px" : ""
-			}, a = n === void 0 ? i : kt(e, n), o = c === void 0 ? i : kt(e, c);
+			}, a = n === void 0 ? i : At(e, n), o = c === void 0 ? i : At(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({
@@ -1946,15 +1970,15 @@ var lt = () => ({
 		if (typeof l != "string" || typeof u != "string") return null;
 		if (l === u) {
 			o.push({
-				property: jt(s),
+				property: Mt(s),
 				value: l
 			});
 			continue;
 		}
-		let d = At(l, u);
+		let d = jt(l, u);
 		if (!d) return null;
 		a.push({
-			property: jt(s),
+			property: Mt(s),
 			mix: d
 		});
 	}
@@ -1964,29 +1988,29 @@ var lt = () => ({
 		strings: a,
 		constants: o
 	};
-}, It = 1, Lt = (e, t, n, r) => {
+}, Lt = 1, Rt = (e, t, n, r) => {
 	let i = 0, a = 0, o = !1, s = [], c = !0;
-	for (let l of Et) {
+	for (let l of Dt) {
 		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 >= It) && 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 >= Lt) && 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 = Ot[l];
+		let f = kt[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(" ");
-}, Rt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), zt = (e) => {
+}, zt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Bt = (e) => {
 	let t = {};
-	for (let n of V(e)) t[Rt(n.property)] = n.value;
+	for (let n of V(e)) t[zt(n.property)] = n.value;
 	return t;
-}, Bt = (e, t) => {
+}, Vt = (e, t) => {
 	if (typeof e.animate != "function") return null;
 	try {
-		let n = e.animate([zt(t.from), zt(t.to)], {
+		let n = e.animate([Bt(t.from), Bt(t.to)], {
 			duration: Math.max(0, t.duration * 1e3),
 			delay: Math.max(0, t.delay * 1e3),
 			easing: U(t.ease),
@@ -1996,14 +2020,14 @@ var lt = () => ({
 	} catch {
 		return null;
 	}
-}, Vt = () => ({
+}, Ht = 1e3 / 60, Ut = 100, Wt = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e),
 	devicePixelRatio: () => typeof window < "u" && window.devicePixelRatio || 1
-}), Q = ((e = Vt()) => {
+}), Q = ((e = Wt()) => {
 	let t = /* @__PURE__ */ new Map(), n = {
 		join: (n, r) => {
-			let i = Ft(r.motion, r.element), s = i ? null : Bt(r.element, r.motion);
+			let i = It(r.motion, r.element), s = i ? null : Vt(r.element, r.motion);
 			if (!i && !s) return null;
 			let c = t.get(n);
 			c || (c = {
@@ -2046,13 +2070,13 @@ var lt = () => ({
 		}
 	}, r = /* @__PURE__ */ new WeakMap(), i = (e) => {
 		let t = r.get(e);
-		return t || (t = Tt(e.motion.ease), r.set(e, t)), t;
+		return t || (t = Et(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 = Lt(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
+				let a = Rt(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
 				a !== "" && (r.style.transform = a);
 			}
 			if (i.opacity) {
@@ -2069,20 +2093,25 @@ var lt = () => ({
 		});
 	}
 	function s(e, r, s) {
-		r.startTime === null && (r.startTime = s), r.lastTime !== null && (K.reportGap(s - r.lastTime), n.onFrameGap?.(s - r.lastTime)), r.lastTime = s;
-		let c = !0;
+		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);
+		}
+		r.startTime = c, r.lastTime = s;
+		let l = !0;
 		for (let e of r.tracks) {
 			if (e.completed || e.detached) continue;
-			let t = e.motion.duration * 1e3, n = e.motion.delay * 1e3, o = s - r.startTime;
+			let t = e.motion.duration * 1e3, n = e.motion.delay * 1e3, r = s - c;
 			if (e.scrub) {
-				let r = n + t;
-				e.scrub.currentTime = Math.min(Math.max(0, o), r), o >= r ? (e.completed = !0, e.onComplete?.()) : c = !1;
+				let i = n + t;
+				e.scrub.currentTime = Math.min(Math.max(0, r), i), r >= i ? (e.completed = !0, e.onComplete?.()) : l = !1;
 				continue;
 			}
-			let l = t <= 0 ? 1 : Math.min(1, Math.max(0, (o - n) / t));
-			a(e, i(e)(l)), l >= 1 ? (e.completed = !0, e.onComplete?.()) : c = !1;
+			let o = t <= 0 ? 1 : Math.min(1, Math.max(0, (r - n) / t));
+			a(e, i(e)(o)), o >= 1 ? (e.completed = !0, e.onComplete?.()) : l = !1;
 		}
-		if (c) {
+		if (l) {
 			K.endRun(), t.delete(e);
 			return;
 		}
@@ -2098,23 +2127,23 @@ Q.onFrameGap = (e) => {
 };
 //#endregion
 //#region src/core/engine/types.ts
-var Ht = "data-flemo-skip-animation", $ = () => {}, Ut = "data-flemo-part-name", Wt = (e) => {
+var Gt = "data-flemo-skip-animation", $ = () => {}, Kt = "data-flemo-part-name", qt = (e) => {
 	let t = e.parentElement ?? e;
-	return Array.from(t.querySelectorAll(`[${Ut}]`)).filter((n) => {
+	return Array.from(t.querySelectorAll(`[${Kt}]`)).filter((n) => {
 		let r = n.closest("[data-flemo-screen]");
 		return !r || r === e || !t.contains(r);
 	});
-}, Gt = (e, t) => {
+}, Jt = (e, t) => {
 	let [n, r] = t.split("-");
-	return Wt(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
-}, Kt = 4, qt = (e) => `${Math.round(e * 1e3) / 1e3}s`, Jt = (e) => {
+	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) => {
 	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 = qt(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 = Xt(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() >= Kt) {
+		if (!e.isLive() || e.budgetUsed() >= Yt) {
 			e.onTerminal();
 			return;
 		}
@@ -2144,18 +2173,18 @@ var Ht = "data-flemo-skip-animation", $ = () => {}, Ut = "data-flemo-part-name",
 		}
 	};
 };
-function Yt(e) {
+function Qt(e) {
 	let t = /* @__PURE__ */ new Map();
 	return {
 		driveScreenLifecycle: (n) => {
-			let { getElements: r, transitionName: i, prevTransitionName: a, status: s, isActive: c, animHoldReleased: l } = n, u = s === "PUSHING" || s === "POPPING" || s === "REPLACING", d = (t, n, a) => {
-				let s = e.getTransitionTaskId();
-				if (!s || o.pendingTaskIds.some((e) => e !== s) || !K.playerAllowed()) return null;
+			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);
 				if (!f) return null;
-				let p = [], m = Q.join(s, {
+				let p = [], m = Q.join(o, {
 					element: c,
 					motion: f,
 					role: n,
@@ -2165,7 +2194,7 @@ function Yt(e) {
 				p.push(m);
 				for (let e of u ?? []) {
 					if (!e || e.getAttribute("data-flemo-bar-riding") !== "true") continue;
-					let t = Q.join(s, {
+					let t = Q.join(o, {
 						element: e,
 						motion: f,
 						role: "passive"
@@ -2175,7 +2204,7 @@ function Yt(e) {
 				if (l && d.decoratorName) {
 					let e = L.get(d.decoratorName), n = e ? B(e, t) : null;
 					if (n) {
-						let e = Q.join(s, {
+						let e = Q.join(o, {
 							element: l,
 							motion: n,
 							role: "passive"
@@ -2183,10 +2212,10 @@ function Yt(e) {
 						e && p.push(e);
 					}
 				}
-				for (let e of Gt(c, t)) {
-					let n = R.get(e.getAttribute(Ut)), r = n ? B(n, t) : null;
+				for (let e of Jt(c, t)) {
+					let n = R.get(e.getAttribute(Kt)), r = n ? B(n, t) : null;
 					if (!r) continue;
-					let i = Q.join(s, {
+					let i = Q.join(o, {
 						element: e,
 						motion: r,
 						role: "passive"
@@ -2196,7 +2225,7 @@ function Yt(e) {
 				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 = Jt({
+					let i = 0, a = Zt({
 						element: e,
 						expectedName: t,
 						motion: r,
@@ -2214,31 +2243,31 @@ function Yt(e) {
 					let e = L.get(s.decoratorName), n = e ? B(e, t) : null;
 					n && c(a, W("decorator", s.decoratorName, t), n);
 				}
-				for (let n of Gt(e, t)) {
-					let e = n.getAttribute(Ut), r = R.get(e), i = r ? B(r, t) : null;
+				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);
 				}
 				return n;
 			};
 			if (!c) {
-				if (s === "COMPLETED") {
+				if (o === "COMPLETED") {
 					let { scope: e, decorator: t, bars: n } = r();
 					if (e) {
 						Y(e);
-						for (let t of Wt(e)) Y(t);
+						for (let t of qt(e)) Y(t);
 					}
 					t && Y(t);
 					for (let e of n ?? []) e && Y(e);
 					return $;
 				}
-				if (s === "REPLACING" && a !== i && e.setReplaceTransitionStatus("PENDING"), u && l) {
-					let e = `${s}-false`, t = d(e, "passive");
+				if (o === "REPLACING" && a !== i && e.setReplaceTransitionStatus("PENDING"), u && l) {
+					let e = `${o}-false`, t = d(e, "passive");
 					if (t) return t;
 					let { scope: n } = r();
 					if (n) {
 						let t = F(i), r = [];
 						if (G(t, e)) {
-							let a = B(t, e), o = 0, s = Jt({
+							let a = B(t, e), o = 0, s = Zt({
 								element: n,
 								expectedName: W("screen", i, e),
 								motion: a,
@@ -2256,55 +2285,56 @@ function Yt(e) {
 				}
 				return $;
 			}
-			if (s === "COMPLETED") {
+			if (o === "COMPLETED") {
 				e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
 				let { scope: t, decorator: n, bars: i } = r();
 				if (t) {
-					Y(t), t.removeAttribute(Ht);
-					for (let e of Wt(t)) Y(e);
+					Y(t), t.removeAttribute(Gt);
+					for (let e of qt(t)) Y(e);
 				}
-				n && (Y(n), n.removeAttribute(Ht));
+				n && (Y(n), n.removeAttribute(Gt));
 				for (let e of i ?? []) e && (Y(e), e.style.removeProperty("will-change"));
 				return $;
 			}
-			if (s === "IDLE") return $;
+			if (o === "IDLE") return $;
 			let { scope: p } = r();
 			if (!p) return $;
 			let m = e.getTransitionTaskId(), h = () => {
 				let n = e.getTransitionTaskId();
-				n && o.resolveTask(n), m && t.delete(m);
-			}, g = F(i), _ = `${s}-true`, v = p.getAttribute(Ht) === "true";
+				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());
 			};
 			p.addEventListener("animationend", T);
-			let E = b && l ? d(_, "active", h) : null, D = (y.delay + y.duration) * 1e3, ee = D + 1500, te = m ? setTimeout(() => void o.resolveTask(m), ee) : void 0, ne = D + 250, O = () => m !== null && e.getTransitionTaskId() === m && p.isConnected && p.getAttribute("data-flemo-skip-animation") !== "true" && G(g, _), k = Jt({
+			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: O,
+				isLive: re,
 				budgetUsed: () => t.get(m) ?? 0,
 				spendBudget: () => {
 					t.set(m, (t.get(m) ?? 0) + 1);
 				},
 				onTerminal: h
 			});
-			w = k.detach;
-			let A = !1, j = () => {
-				C(), S = setTimeout(re, ne);
-			}, re = () => {
-				if (C(), O() && !A) {
-					A = !0, k.fullRestart(), j();
+			w = O.detach;
+			let k = !1, A = () => {
+				C(), S = setTimeout(j, ne);
+			}, j = () => {
+				if (C(), re() && !k) {
+					k = !0, O.fullRestart(), A();
 					return;
 				}
 				h();
 			}, M = !E && l, ie = M ? f(p, _) : [];
-			return M && (k.attach(), m && j()), () => {
+			return M && (O.attach(), m && A()), () => {
 				if (te !== void 0 && clearTimeout(te), p.removeEventListener("animationend", T), M) {
-					k.detach();
+					O.detach();
 					for (let e of ie) e();
 				}
 				C(), E?.(), m && e.getTransitionTaskId() !== m && t.delete(m);
@@ -2315,20 +2345,20 @@ function Yt(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function Xt(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Zt(e);
+function $t(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = en(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && Qt(s, n) && (!a || $t(s, n))) return {
+	if (s instanceof HTMLElement && tn(s, n) && (!a || nn(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if (Qt(c, n) && (!a || $t(c, n))) return {
+		if (tn(c, n) && (!a || nn(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -2339,7 +2369,7 @@ function Xt(e, t) {
 		hasMarker: !1
 	};
 }
-function Zt(e) {
+function en(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -2347,18 +2377,18 @@ function Zt(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function Qt(e, t) {
+function tn(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function $t(e, t) {
-	if (!Qt(e, t) || typeof window > "u") return !1;
+function nn(e, t) {
+	if (!tn(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 en = "data-flemo-skip-animation";
-function tn(e) {
+var rn = "data-flemo-skip-animation";
+function an(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -2420,7 +2450,7 @@ function tn(e) {
 			current: i,
 			prev: s
 		};
-		let c = We(e.getTransition()).join(", ");
+		let c = Ge(e.getTransition()).join(", ");
 		for (let e of i) e.style.willChange = c;
 		for (let e of s) e.style.willChange = c;
 	}, b = () => {
@@ -2521,7 +2551,7 @@ function tn(e) {
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(en, "true"), l?.setAttribute(en, "true");
+			c?.setAttribute(rn, "true"), l?.setAttribute(rn, "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");
 			r = {
@@ -2535,10 +2565,10 @@ function tn(e) {
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = Xt(t.target, {
+			e.isReadyForDrag() && (f = $t(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = Xt(t.target, {
+			}), p = $t(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -2567,7 +2597,7 @@ function tn(e) {
 }
 //#endregion
 //#region src/screen/computeBarRiding.ts
-function nn(e) {
+function on(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
 		app: !1,
 		nav: !1
@@ -2578,24 +2608,24 @@ function nn(e) {
 }
 //#endregion
 //#region src/screen/animStartAnchor.ts
-function rn(e) {
+function sn(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var an = 300, on = 20;
-function sn(e) {
-	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, on);
+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);
 }
-function cn(e) {
-	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of sn(e)) t.decode().catch(() => {});
+function dn(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of un(e)) t.decode().catch(() => {});
 }
-function ln(e, t = {}) {
+function fn(e, t = {}) {
 	let n = !1, r = 0, i = [], a = () => {
 		let r = t.scope;
 		if (t.decodeWait === !1 || !r || typeof r.querySelectorAll != "function") {
 			e();
 			return;
 		}
-		let i = sn(r);
+		let i = un(r);
 		if (i.length === 0) {
 			e();
 			return;
@@ -2619,13 +2649,13 @@ function ln(e, t = {}) {
 		n = !0, cancelAnimationFrame(s), r && cancelAnimationFrame(r), i.forEach((e) => cancelAnimationFrame(e));
 	};
 }
-function un(e, t = {}) {
-	let n = ln(e, t), r = setTimeout(e, 300);
+function pn(e, t = {}) {
+	let n = fn(e, t), r = setTimeout(e, 300);
 	return () => {
 		n(), clearTimeout(r);
 	};
 }
-function dn() {
+function mn() {
 	let e = /* @__PURE__ */ new Map(), t = (t, n) => {
 		clearTimeout(n.backstop), e.delete(t);
 		let r = [...n.members];
@@ -2644,7 +2674,7 @@ function dn() {
 		let s = o, c = {
 			release: i,
 			ready: !1,
-			cancelReadiness: ln(() => {
+			cancelReadiness: fn(() => {
 				c.ready = !0, n(s) && t(r, s);
 			}, a)
 		};
@@ -2661,7 +2691,7 @@ function dn() {
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function fn(e, t) {
+function hn(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -2672,14 +2702,14 @@ function fn(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var pn = 0;
-function mn(e) {
+var gn = 0;
+function _n(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 - pn;
-			n = n < 0 ? 0 : n, pn ||= t, e(t, n);
+			let n = t - gn;
+			n = n < 0 ? 0 : n, gn ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -2688,7 +2718,7 @@ function mn(e) {
 }
 //#endregion
 //#region src/utils/isOpaqueColor.ts
-function hn(e) {
+function vn(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;
@@ -2699,7 +2729,7 @@ function hn(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function gn(e, n) {
+function yn(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}` : ""}`,
@@ -2707,4 +2737,4 @@ function gn(e, n) {
 	};
 }
 //#endregion
-export { an as ANIM_HOLD_RELEASE_BACKSTOP_MS, Ht as SKIP_ANIMATION_ATTR, o as TaskManger, rn as animHoldKey, X as animateInline, W as animationName, ie as appendParamsQuery, tt as applyTransitionStyles, gn as buildRoutePath, $t as canProgrammaticallyScroll, Y as clearInlineAnimation, We as collectAnimatedProperties, Qe as compileTransitionStyles, nn as computeBarRiding, me as computeScreenFreeze, y as consumeSelfInducedPop, dn as createAnimHoldCoordinator, h as createBrowserHistoryDriver, Se as createDecorator, s as createHistoryStore, b as createHistorySync, ne as createMemoryHistoryDriver, O as createNavigateStore, re as createNavigationController, Te as createPartTransition, Ce as createRawDecorator, Ee as createRawPartTransition, he as createRawTransition, fe as createRouterScope, pe as createScreenSelector, le as createScreenStore, g as createSelfPopGuard, ae as createStepController, tn as createSwipeController, N as createTransition, Yt as createTransitionEngine, se as createTransitionStore, _e as cupertino, L as decoratorMap, cn as eagerlyDecodeImages, U as easingToCss, ee as ensureScopeHistorySync, f as ensureWindowHistoryState, ct as enteringInitialStyle, Xt as findScrollable, c as getMatchedPathPattern, l as getParams, hn as isOpaqueColor, d as isServer, ye as layout, v as markSelfInducedPop, ce as matchesPathname, be as material, xe as none, fn as observeBarHeight, mn as observeViewportScrollHeight, Qt as overflowsAxis, we as overlay, R as partTransitionMap, M as readStepParams, st as registerTransitionDefinitions, te as releaseScopeHistorySync, F as resolveTransition, un as scheduleAnimHoldRelease, u as seedInitialHistory, p as seedRouterEntry, oe as subscribeStepParamsRestore, V as targetToDecls, P as transitionMap, G as variantHasAnimation };
+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 };