@flemo/core 1.6.1 → 1.8.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { createStore as e } from "zustand/vanilla";
-import { match as t, pathToRegexp as n } from "path-to-regexp";
-var r = new class {
+import { compile as t, match as n, parse as r, pathToRegexp as i } from "path-to-regexp";
+var a = new class {
 	tasks = /* @__PURE__ */ new Map();
 	instanceId = Date.now().toString();
 	isLocked = !1;
@@ -175,7 +175,7 @@ var r = new class {
 }();
 //#endregion
 //#region src/history/store.ts
-function i(t = [], n = -1) {
+function o(t = [], n = -1) {
 	return e((e) => ({
 		index: n,
 		pendingIndex: n,
@@ -219,38 +219,38 @@ function i(t = [], n = -1) {
 }
 //#endregion
 //#region src/utils/getMatchedPathPattern.ts
-function a(e, t) {
-	return Array.isArray(e) ? e.find((e) => n(e).regexp.test(t)) ?? "" : n(e).regexp.test(t) ? e : "";
+function s(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 o(e, n, r) {
-	let i = t(a(e, n))(n), o = new URLSearchParams(r), s = Object.fromEntries(o.entries());
+function c(e, t, r) {
+	let i = n(s(e, t))(t), a = new URLSearchParams(r), o = Object.fromEntries(a.entries());
 	return i ? {
 		...i.params,
-		...s
+		...o
 	} : {};
 }
 //#endregion
 //#region src/history/seedInitialHistory.ts
-function s(e, t, n, r) {
+function l(e, t, n, r) {
 	return {
 		id: "root",
 		pathname: t,
-		params: o(e, t, n),
+		params: c(e, t, n),
 		transitionName: r,
 		layoutId: null
 	};
 }
 //#endregion
 //#region src/utils/isServer.ts
-function c() {
+function u() {
 	return typeof document > "u";
 }
 //#endregion
 //#region src/history/ensureWindowHistoryState.ts
-function l(e, t, n = {}) {
-	if (c()) return;
+function d(e, t, n = {}) {
+	if (u()) return;
 	let r = {
 		id: "root",
 		index: 0,
@@ -272,11 +272,11 @@ function l(e, t, n = {}) {
 }
 //#endregion
 //#region src/history/historyDriver.ts
-var u = (e, t) => ({
+var f = (e, t) => ({
 	...window.history.state ?? {},
 	[e]: t
 });
-function d(e) {
+function p(e) {
 	return e === void 0 ? {
 		readState: () => window.history.state,
 		readPathname: () => window.location.pathname,
@@ -294,8 +294,8 @@ function d(e) {
 	} : {
 		readState: () => window.history.state?.[e] ?? null,
 		readPathname: () => window.location.pathname,
-		pushState: (t, n) => window.history.pushState(u(e, t), "", n),
-		replaceState: (t, n) => window.history.replaceState(u(e, t), "", n),
+		pushState: (t, n) => window.history.pushState(f(e, t), "", n),
+		replaceState: (t, n) => window.history.replaceState(f(e, t), "", n),
 		go: (e) => window.history.go(e),
 		back: () => window.history.back(),
 		subscribe: (t) => {
@@ -309,7 +309,7 @@ function d(e) {
 }
 //#endregion
 //#region src/navigate/selfPopGuard.ts
-function f() {
+function m() {
 	let e = 0;
 	return {
 		mark() {
@@ -320,30 +320,30 @@ function f() {
 		}
 	};
 }
-var p = f();
-function m() {
-	p.mark();
+var h = m();
+function g() {
+	h.mark();
 }
-function h() {
-	return p.consume();
+function _() {
+	return h.consume();
 }
 //#endregion
 //#region src/history/createHistorySync.ts
-function g(e) {
-	let { stores: t, driver: n = d(), consume: i = h } = e;
+function v(e) {
+	let { stores: t, driver: n = p(), consume: r = _ } = e;
 	return n.subscribe(async (e) => {
-		if (i()) return;
-		let n = e.state, a = r.generateTaskId();
-		(await r.addTask(async (r) => {
-			let { setStatus: i, setTransitionTaskId: o } = t.navigate.getState(), { index: s, addHistory: c, popHistory: l, setPendingIndex: u } = t.history.getState(), d = n?.index, f = d !== void 0 && d < s, p = n?.status === "PUSHING" && d !== void 0 && d > s, m = n?.status === "REPLACING" && d !== void 0 && d > s;
+		if (r()) return;
+		let n = e.state, i = a.generateTaskId();
+		(await a.addTask(async (r) => {
+			let { setStatus: a, setTransitionTaskId: o } = t.navigate.getState(), { index: s, addHistory: c, popHistory: l, setPendingIndex: u } = t.history.getState(), d = n?.index, f = d !== void 0 && d < s, p = n?.status === "PUSHING" && d !== void 0 && d > s, m = n?.status === "REPLACING" && d !== void 0 && d > s;
 			if (!f && !p && !m) {
 				r.abort();
 				return;
 			}
-			if (o(a), f) u(d), i("POPPING");
+			if (o(i), f) u(d), a("POPPING");
 			else {
 				let t = n;
-				i(p ? "PUSHING" : "REPLACING"), c({
+				a(p ? "PUSHING" : "REPLACING"), c({
 					id: t.id,
 					pathname: e.pathname,
 					params: t.params,
@@ -352,17 +352,17 @@ function g(e) {
 				});
 			}
 			return async () => {
-				f && d !== void 0 && l(d + 1), i("COMPLETED");
+				f && d !== void 0 && l(d + 1), a("COMPLETED");
 			};
 		}, {
-			id: a,
+			id: i,
 			control: { manual: !0 }
 		})).result?.();
 	});
 }
 //#endregion
 //#region src/history/memoryHistoryDriver.ts
-function _(e) {
+function y(e) {
 	let t = [{
 		state: e?.state ?? null,
 		url: e?.url ?? "/"
@@ -404,7 +404,7 @@ function _(e) {
 }
 //#endregion
 //#region src/navigate/store.ts
-function v() {
+function b() {
 	return e((e) => ({
 		status: "IDLE",
 		transitionTaskId: null,
@@ -414,11 +414,11 @@ function v() {
 }
 //#endregion
 //#region src/navigate/createNavigationController.ts
-var y = (e, t, r) => {
-	let { regexp: i } = n(e);
-	for (let e = t - 1; e >= 0; e--) if (i.test(r[e].pathname)) return t - e;
+var x = (e, t, n) => {
+	let { regexp: r } = i(e);
+	for (let e = t - 1; e >= 0; e--) if (r.test(n[e].pathname)) return t - e;
 	return -1;
-}, b = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, x = async (e, t, n, r) => {
+}, S = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, C = async (e, t, n, r) => {
 	let i, a = new Promise((t) => {
 		i = e.subscribe(() => t(!0));
 	}), o = new Promise((e) => setTimeout(() => e(!1), 200));
@@ -426,38 +426,38 @@ var y = (e, t, r) => {
 	let s = await Promise.race([a, o]);
 	i(), s && r();
 };
-function S(e) {
-	let { stores: t, buildPathname: n, driver: i = d(), markSelfInduced: a = m } = e, o = async (e, o, s) => {
+function w(e) {
+	let { stores: t, buildPathname: n, driver: r = p(), markSelfInduced: i = g } = e, o = async (e, o, s) => {
 		let { status: c } = t.navigate.getState();
 		if (c !== "COMPLETED" && c !== "IDLE") return;
-		let l = t.transition.getState().defaultTransitionName, { transitionName: u = l, layoutId: d = null } = s ?? {}, f = r.generateTaskId();
-		(await r.addTask(async () => {
-			let { index: r, histories: c, addHistory: l, popHistories: p } = t.history.getState(), m = (() => {
+		let l = t.transition.getState().defaultTransitionName, { transitionName: u = l, layoutId: d = null } = s ?? {}, f = a.generateTaskId();
+		(await a.addTask(async () => {
+			let { index: a, histories: c, addHistory: l, popHistories: p } = t.history.getState(), m = (() => {
 				if (s?.until != null) {
-					let e = y(s.until, r, c);
+					let e = x(s.until, a, c);
 					return e < 0 ? 0 : e;
 				}
-				return Math.min(b(s?.skip, 0), Math.max(0, r));
+				return Math.min(S(s?.skip, 0), Math.max(0, a));
 			})(), { setStatus: h, setTransitionTaskId: g } = t.navigate.getState();
 			h("PUSHING"), g(f);
-			let { pathname: _, toPathname: v } = n(e, o ?? {}), S = {
+			let { pathname: _, toPathname: v } = n(e, o ?? {}), y = {
 				id: f,
 				pathname: v,
 				params: o ?? {},
 				transitionName: u,
 				layoutId: d
 			};
-			return m === 0 ? (i.pushState({
+			return m === 0 ? (r.pushState({
 				id: f,
-				index: r + 1,
+				index: a + 1,
 				status: "PUSHING",
 				params: o,
 				transitionName: u,
 				layoutId: d
-			}, _), l(S), () => {
+			}, _), l(y), () => {
 				h("COMPLETED");
-			}) : (l(S), await x(i, a, m, () => {
-				i.pushState({
+			}) : (l(y), await C(r, i, m, () => {
+				r.pushState({
 					id: f,
 					index: t.history.getState().index - m,
 					status: "PUSHING",
@@ -475,55 +475,55 @@ function S(e) {
 	}, s = async (e, o, s) => {
 		let { status: c } = t.navigate.getState();
 		if (c !== "COMPLETED" && c !== "IDLE") return;
-		let l = t.transition.getState().defaultTransitionName, { transitionName: u = l, layoutId: d = null } = s ?? {}, f = r.generateTaskId();
-		(await r.addTask(async (r) => {
+		let l = t.transition.getState().defaultTransitionName, { transitionName: u = l, layoutId: d = null } = s ?? {}, f = a.generateTaskId();
+		(await a.addTask(async (a) => {
 			let { index: c, histories: l, addHistory: p, replaceHistory: m, popHistories: h } = t.history.getState(), g = (() => {
 				if (s?.until != null) {
-					let e = y(s.until, c, l);
+					let e = x(s.until, c, l);
 					return e < 0 ? 0 : e + 1;
 				}
-				return Math.min(b(s?.skip, 0) + 1, c + 1);
+				return Math.min(S(s?.skip, 0) + 1, c + 1);
 			})();
 			if (g <= 0) {
-				r.abort();
+				a.abort();
 				return;
 			}
 			let { setStatus: _, setTransitionTaskId: v } = t.navigate.getState();
 			_("REPLACING"), v(f);
-			let { pathname: S, toPathname: C } = n(e, o ?? {}), w = {
+			let { pathname: y, toPathname: b } = n(e, o ?? {}), w = {
 				id: f,
-				pathname: C,
+				pathname: b,
 				params: o ?? {},
 				transitionName: u,
 				layoutId: d
 			};
-			return g === 1 ? (i.replaceState({
+			return g === 1 ? (r.replaceState({
 				id: f,
 				index: c,
 				status: "REPLACING",
 				params: o,
 				transitionName: u,
 				layoutId: d
-			}, S), p(w), async () => {
+			}, y), p(w), async () => {
 				m(c), _("COMPLETED");
-			}) : (h(g - 1), p(w), g <= c ? await x(i, a, g, () => {
-				i.pushState({
+			}) : (h(g - 1), p(w), g <= c ? await C(r, i, g, () => {
+				r.pushState({
 					id: f,
 					index: t.history.getState().index - 1,
 					status: "REPLACING",
 					params: o,
 					transitionName: u,
 					layoutId: d
-				}, S);
-			}) : await x(i, a, c, () => {
-				i.replaceState({
+				}, y);
+			}) : await C(r, i, c, () => {
+				r.replaceState({
 					id: f,
 					index: 0,
 					status: "REPLACING",
 					params: o,
 					transitionName: u,
 					layoutId: d
-				}, S);
+				}, y);
 			}), async () => {
 				m(t.history.getState().index - 1), _("COMPLETED");
 			});
@@ -532,21 +532,21 @@ function S(e) {
 			control: { manual: !0 }
 		})).result?.();
 	}, c = async (e, n) => {
-		let o = r.generateTaskId();
-		(await r.addTask(async (r) => {
+		let o = a.generateTaskId();
+		(await a.addTask(async (a) => {
 			let { index: s, histories: c, popHistory: l, popHistories: u, setPendingIndex: d, setTransitionName: f } = t.history.getState();
 			if (s <= 0) {
-				r.abort();
+				a.abort();
 				return;
 			}
 			let p = Math.min(e(s, c), s);
 			if (p <= 0) {
-				r.abort();
+				a.abort();
 				return;
 			}
 			d(s - p);
 			let { setStatus: m, setTransitionTaskId: h } = t.navigate.getState();
-			return n && f(s, n), m("POPPING"), h(o), u(p - 1), a(), p === 1 ? i.back() : i.go(-p), async () => {
+			return n && f(s, n), m("POPPING"), h(o), u(p - 1), i(), p === 1 ? r.back() : r.go(-p), async () => {
 				l(t.history.getState().index), m("COMPLETED");
 			};
 		}, {
@@ -560,18 +560,90 @@ function S(e) {
 		pop: async (e) => {
 			await c((t, n) => {
 				if (e?.until != null) {
-					let r = y(e.until, t, n);
+					let r = x(e.until, t, n);
 					return r < 0 ? 0 : r;
 				}
-				let r = b(e?.skip, 1);
+				let r = S(e?.skip, 1);
 				return r <= 0 ? 0 : Math.min(r, t);
 			}, e?.transitionName);
 		}
 	};
 }
 //#endregion
+//#region src/navigate/createStepController.ts
+var ee = (e) => {
+	let t = e;
+	return t?.step ? t.params ?? {} : null;
+}, te = (e, t) => {
+	let n = new URLSearchParams(Object.fromEntries(Object.entries(t).map(([e, t]) => [e, String(t)]))).toString();
+	return n ? `${e}?${n}` : e;
+};
+function ne(e) {
+	let { stores: t, driver: n, markSelfInduced: r, buildStepPathname: i, applyParams: o } = e;
+	return {
+		pushStep: async (e) => {
+			(await a.addTask(async () => {
+				let t = i(e), r = n.readState();
+				return r?.step || n.replaceState({
+					...r,
+					step: !0
+				}, n.readPathname()), n.pushState({
+					...n.readState(),
+					step: !0,
+					params: e
+				}, t), async () => o(e);
+			})).result?.();
+		},
+		replaceStep: async (e) => {
+			(await a.addTask(async () => {
+				let t = i(e);
+				return n.replaceState({
+					...n.readState(),
+					step: !0,
+					params: e
+				}, t), async () => o(e);
+			})).result?.();
+		},
+		popStep: async () => {
+			let e = a.generateTaskId();
+			(await a.addTask(async (i) => {
+				let a = new Promise((e) => {
+					let t = n.subscribe((n) => {
+						t(), e(n.state);
+					});
+				}), s = new Promise((e) => setTimeout(() => e(void 0), 200));
+				r(), n.back();
+				let c = await Promise.race([a, s]);
+				if (!c) {
+					i.abort();
+					return;
+				}
+				if (c.step) {
+					o(c.params ?? {}), i.abort();
+					return;
+				}
+				let { setStatus: l, setTransitionTaskId: u } = t.navigate.getState(), { index: d, popHistory: f } = t.history.getState();
+				return l("POPPING"), u(e), async () => {
+					f(d), l("COMPLETED");
+				};
+			}, {
+				id: e,
+				control: { manual: !0 }
+			})).result?.();
+		}
+	};
+}
+//#endregion
+//#region src/transition/store.ts
+function re(t = "cupertino") {
+	return e((e) => ({
+		defaultTransitionName: t,
+		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
+	}));
+}
+//#endregion
 //#region src/screen/store.ts
-function C() {
+function T() {
 	return e((e) => ({
 		dragStatus: "IDLE",
 		replaceTransitionStatus: "IDLE",
@@ -589,8 +661,41 @@ function C() {
 	}));
 }
 //#endregion
+//#region src/core/createRouterScope.ts
+var ie = {
+	mark: () => {},
+	consume: () => !1
+};
+function ae(e) {
+	let { routePaths: t, pathname: n, search: r, defaultTransitionName: i, memory: a, browserDriver: s } = e, c = l(t, n, r, i);
+	if (e.hostedScope) return e.hostedScope.history.getState().index === -1 && e.hostedScope.history.setState({
+		index: 0,
+		histories: [c]
+	}), e.hostedScope;
+	let u = a ? y({
+		state: {
+			id: c.id,
+			index: 0,
+			status: "IDLE",
+			params: c.params,
+			transitionName: c.transitionName,
+			layoutId: c.layoutId
+		},
+		url: c.pathname
+	}) : s, d = a ? ie : m();
+	return {
+		history: o([c], 0),
+		navigate: b(),
+		transition: re(i),
+		screen: T(),
+		driver: u,
+		markSelfInduced: d.mark,
+		consume: d.consume
+	};
+}
+//#endregion
 //#region src/screen/createScreenSelector.ts
-function w(e, t) {
+function oe(e, t) {
 	return e.map((n, r) => ({
 		...n,
 		isActive: r === t,
@@ -603,13 +708,13 @@ function w(e, t) {
 }
 //#endregion
 //#region src/screen/computeScreenFreeze.ts
-function ee(e) {
+function se(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 T({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
+function E({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
 	return {
 		name: e,
 		initial: t,
@@ -630,7 +735,7 @@ function T({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exit
 }
 //#endregion
 //#region src/transition/createRawTransition.ts
-function te({ 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 ce({ 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,
@@ -651,10 +756,10 @@ function te({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/cupertino.ts
-var ne = (e, t, n) => {
+var le = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, E = T({
+}, ue = E({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -714,7 +819,7 @@ var ne = (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 = ne(s, [0, window.innerWidth], [0, 100]);
+			let { offset: o } = t, s = o.x, c = le(s, [0, window.innerWidth], [0, 100]);
 			return a?.(!0, c), n(r, { x: Math.max(0, s) }, { duration: 0 }), n(i, { x: `${-30 + c * .3}%` }, { duration: 0 }), c;
 		},
 		onSwipeEnd: async (e, t, { animate: n, currentScreen: r, prevScreen: i, onStart: a }) => {
@@ -738,10 +843,10 @@ var ne = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), re = (e, t, n) => {
+}), de = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, ie = T({
+}, fe = E({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -769,7 +874,7 @@ var ne = (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 = re(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 = de(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
@@ -786,7 +891,7 @@ var ne = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), ae = T({
+}), pe = E({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -894,7 +999,7 @@ var ne = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), oe = T({
+}), me = E({
 	name: "none",
 	initial: {},
 	idle: {
@@ -918,22 +1023,14 @@ var ne = (e, t, n) => {
 		options: { duration: 0 }
 	}
 }), D = new Map([
-	["none", oe],
-	["cupertino", E],
-	["material", ae],
-	["layout", ie]
+	["none", me],
+	["cupertino", ue],
+	["material", pe],
+	["layout", fe]
 ]);
 //#endregion
-//#region src/transition/store.ts
-function se(t = "cupertino") {
-	return e((e) => ({
-		defaultTransitionName: t,
-		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
-	}));
-}
-//#endregion
 //#region src/transition/decorator/createDecorator.ts
-function O({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function he({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -954,7 +1051,7 @@ function O({ 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 ge({ 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,
@@ -975,30 +1072,30 @@ function ce({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var k = "rgba(0, 0, 0, 0.3)", le = O({
+var O = "rgba(0, 0, 0, 0.3)", _e = he({
 	name: "overlay",
 	initial: {
 		opacity: 0,
-		backgroundColor: k
+		backgroundColor: O
 	},
 	idle: {
 		value: {
 			opacity: 0,
-			backgroundColor: k
+			backgroundColor: O
 		},
 		options: { duration: 0 }
 	},
 	enter: {
 		value: {
 			opacity: 1,
-			backgroundColor: k
+			backgroundColor: O
 		},
 		options: { duration: .7 }
 	},
 	exit: {
 		value: {
 			opacity: 0,
-			backgroundColor: k
+			backgroundColor: O
 		},
 		options: { duration: .6 }
 	},
@@ -1007,10 +1104,10 @@ var k = "rgba(0, 0, 0, 0.3)", le = O({
 		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 })
 	}
-}), A = new Map([["overlay", le]]);
+}), k = new Map([["overlay", _e]]);
 //#endregion
 //#region src/transition/partTransition/createPartTransition.ts
-function ue({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function ve({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1031,7 +1128,7 @@ function ue({ 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 ye({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -1052,7 +1149,7 @@ function de({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/partTransition/partTransition.ts
-var j = /* @__PURE__ */ new Map(), M = {
+var A = /* @__PURE__ */ new Map(), j = {
 	"IDLE-true": "self",
 	"IDLE-false": "self",
 	"PUSHING-true": "initial",
@@ -1063,7 +1160,7 @@ var j = /* @__PURE__ */ new Map(), M = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, fe = Object.keys(M), pe = fe, me = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), N = (e) => typeof e == "object" && !!e && !Array.isArray(e), he = 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(".")), ge = (e, t) => t.startsWith("--") || he.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, P = (e, t) => typeof t == "number" ? ge(t, e) : typeof t == "string" ? t : "", F = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), I = new Set([
+}, M = Object.keys(j), N = M, be = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), P = (e) => typeof e == "object" && !!e && !Array.isArray(e), xe = 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(".")), Se = (e, t) => t.startsWith("--") || xe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, F = (e, t) => typeof t == "number" ? Se(t, e) : typeof t == "string" ? t : "", I = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Ce = new Set([
 	"x",
 	"y",
 	"z",
@@ -1074,7 +1171,7 @@ var j = /* @__PURE__ */ new Map(), M = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), _e = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, ve = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, ye = /^1(\.0+)?$/, be = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? ye.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" ? _e.test(t.trim()) : !1, xe = (e, t) => {
+]), we = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Te = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ee = /^1(\.0+)?$/, De = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? Ee.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Te.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? we.test(t.trim()) : !1, Oe = (e, t) => {
 	switch (e) {
 		case "x": return `translateX(${t})`;
 		case "y": return `translateY(${t})`;
@@ -1088,23 +1185,23 @@ var j = /* @__PURE__ */ new Map(), M = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, L = (e) => {
+}, ke = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = !1, r = (e) => {
-		if (N(e)) for (let r of Object.keys(e)) {
+		if (P(e)) for (let r of Object.keys(e)) {
 			let i = e[r];
-			P(r, i) !== "" && (I.has(r) ? n = !0 : t.add(F(r)));
+			F(r, i) !== "" && (Ce.has(r) ? n = !0 : t.add(I(r)));
 		}
 	};
 	r(e.initial);
 	for (let t of Object.values(e.variants)) r(t.value);
 	return n && t.add("transform"), Array.from(t);
-}, R = (e) => {
-	if (!N(e)) return [];
+}, L = (e) => {
+	if (!P(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = P(i, a);
-		o !== "" && (I.has(i) ? (t.push(xe(i, o)), be(i, a) || (n = !1)) : r.push({
-			property: F(i),
+		let a = e[i], o = F(i, a);
+		o !== "" && (Ce.has(i) ? (t.push(Oe(i, o)), De(i, a) || (n = !1)) : r.push({
+			property: I(i),
 			value: o
 		}));
 	}
@@ -1112,7 +1209,7 @@ var j = /* @__PURE__ */ new Map(), M = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, z = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), B = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, R = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), z = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
 	linear: "linear",
 	easeIn: "ease-in",
 	easeOut: "ease-out",
@@ -1122,33 +1219,33 @@ var j = /* @__PURE__ */ new Map(), M = {
 	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", V = (e) => {
+}[e] ?? "ease" : "ease", Ae = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, Se = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Ce = (e, t) => {
+}, je = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Me = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-screen][data-flemo-transition="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, we = (e, t) => {
+}, Ne = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-decorator][data-flemo-decorator-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, Te = (e, t) => {
+}, Pe = (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"]`;
-}, Ee = (e, t) => {
+}, Fe = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, H = (e, t, n) => `flemo-${e}-${me(t)}-${n}`, U = (e, t, n, r, i, a) => {
-	let o = R(r), s = R(i.value), c = V(i.options), l = Se(i.options), u = B(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Te(t, n)}` : d;
+}, B = (e, t, n) => `flemo-${e}-${be(t)}-${n}`, V = (e, t, n, r, i, a) => {
+	let o = L(r), s = L(i.value), c = Ae(i.options), l = je(i.options), u = z(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Pe(t, n)}` : d;
 	if (s.length === 0 && o.length === 0) return "";
-	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${z(s)}\n  animation: none;\n}`;
-	let p = H(e, t, n), m = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${R(s)}\n  animation: none;\n}`;
+	let p = B(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		z(o).replace(/^/gm, "  "),
+		R(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		z(s).replace(/^/gm, "  "),
+		R(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1159,92 +1256,118 @@ var j = /* @__PURE__ */ new Map(), M = {
 		"both"
 	].filter(Boolean).join(" "), g = Array.from(new Set([...o.map((e) => e.property), ...s.map((e) => e.property)])), _ = g.length > 0 ? `  will-change: ${g.join(", ")};\n` : "", v = n.split("-")[0];
 	return `${m}\n${`${f} {\n  animation: ${h};\n${_}${v === "PUSHING" || v === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}`;
-}, W = (e, t, n, r) => {
-	let i = R(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${z(i)}\n}`;
-}, De = (e, t, n = []) => {
+}, H = (e, t, n, r) => {
+	let i = L(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${R(i)}\n}`;
+}, Ie = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
 		let e = t.name;
-		for (let n of fe) {
-			let i = t.variants[n], a = M[n];
+		for (let n of M) {
+			let i = t.variants[n], a = j[n];
 			if (a === "self") {
-				r.push(W(Ce, e, n, i));
+				r.push(H(Me, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			r.push(U("screen", e, n, o, i, Ce));
+			r.push(V("screen", e, n, o, i, Me));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of pe) {
-			let i = e.variants[n], a = M[n];
+		for (let n of N) {
+			let i = e.variants[n], a = j[n];
 			if (a === "self") {
-				r.push(W(we, t, n, i));
+				r.push(H(Ne, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(U("decorator", t, n, o, i, we));
+			r.push(V("decorator", t, n, o, i, Ne));
 		}
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of pe) {
-			let i = e.variants[n], a = M[n];
+		for (let n of N) {
+			let i = e.variants[n], a = j[n];
 			if (a === "self") {
-				r.push(W(Ee, t, n, i));
+				r.push(H(Fe, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(U("part", t, n, o, i, Ee));
+			r.push(V("part", t, n, o, i, Fe));
 		}
 	}
-	return r.filter((e) => e.length > 0).join("\n\n");
-}, Oe = (e, t) => {
-	let n = M[t];
+	return [...r.filter((e) => e.length > 0), Le].join("\n\n");
+}, Le = [
+	"[data-flemo-anim-hold=\"true\"],",
+	"[data-flemo-anim-hold=\"true\"] [data-flemo-part-name] {",
+	"  animation-play-state: paused !important;",
+	"}"
+].join("\n"), Re = (e, t) => {
+	let n = j[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = V(r.options), a = Se(r.options);
+	let r = e.variants[t], i = Ae(r.options), a = je(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = R(n === "initial" ? e.initial : e.variants[n].value), s = R(r.value);
+	let o = L(n === "initial" ? e.initial : e.variants[n].value), s = L(r.value);
 	return o.length > 0 || s.length > 0;
-}, ke = "data-flemo";
-function Ae() {
-	if (c()) return;
-	let e = De(D.values(), A.values(), j.values()), t = document.head.querySelector(`style[${ke}]`);
-	t || (t = document.createElement("style"), t.setAttribute(ke, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
+}, ze = "data-flemo";
+function U() {
+	if (u()) return;
+	let e = Ie(D.values(), k.values(), A.values()), t = document.head.querySelector(`style[${ze}]`);
+	t || (t = document.createElement("style"), t.setAttribute(ze, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
+}
+//#endregion
+//#region src/transition/registerTransitionDefinitions.ts
+function Be(e, t, n = []) {
+	for (let t of e) D.set(t.name, t);
+	for (let e of t) k.set(e.name, e);
+	for (let e of n) A.set(e.name, e);
+	return U(), () => {
+		for (let t of e) D.delete(t.name);
+		for (let e of t) k.delete(e.name);
+		for (let e of n) A.delete(e.name);
+		U();
+	};
+}
+//#endregion
+//#region src/transition/enteringInitialStyle.ts
+function Ve(e) {
+	let { initial: t, isActive: n, status: r } = e;
+	if (!n || r !== "PUSHING" && r !== "REPLACING") return {};
+	let i = {};
+	return typeof t.x == "number" && (i.transform = `translateX(${t.x}px)`), typeof t.x == "string" && (i.transform = `translateX(${t.x})`), typeof t.y == "number" && (i.transform = `translateY(${t.y}px)`), typeof t.y == "string" && (i.transform = `translateY(${t.y})`), typeof t.opacity == "number" && (i.opacity = `${t.opacity}`), i;
 }
 //#endregion
 //#region src/transition/animateInline.ts
-var je = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, G = /* @__PURE__ */ new WeakMap(), Me = (e, t) => {
-	let n = G.get(e);
-	n || (n = /* @__PURE__ */ new Set(), G.set(e, n)), n.add(t);
-}, K = (e, t) => {
+var He = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, W = /* @__PURE__ */ new WeakMap(), Ue = (e, t) => {
+	let n = W.get(e);
+	n || (n = /* @__PURE__ */ new Set(), W.set(e, n)), n.add(t);
+}, G = (e, t) => {
 	if (e.style.transition = "", t) {
-		let n = G.get(e);
+		let n = W.get(e);
 		for (let r of t) e.style.removeProperty(r), n?.delete(r);
 		return;
 	}
-	let n = G.get(e);
+	let n = W.get(e);
 	if (n && n.size > 0) {
 		for (let t of n) e.style.removeProperty(t);
 		n.clear();
 		return;
 	}
 	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
-}, q = (e, t, n = {}) => {
-	if (!je(e)) return Promise.resolve();
-	let r = e, i = R(t);
+}, K = (e, t, n = {}) => {
+	if (!He(e)) return Promise.resolve();
+	let r = e, i = L(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 = B(n.ease);
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = z(n.ease);
 	if (a <= 0 && o <= 0) {
 		r.style.transition = "none";
-		for (let e of i) r.style.setProperty(e.property, e.value), Me(r, e.property);
+		for (let e of i) r.style.setProperty(e.property, e.value), Ue(r, e.property);
 		return Promise.resolve();
 	}
 	let c = i.map((e) => `${e.property} ${a}s ${s} ${o}s`).join(", ");
 	r.style.transition = c, r.offsetWidth;
-	for (let e of i) r.style.setProperty(e.property, e.value), Me(r, e.property);
+	for (let e of i) r.style.setProperty(e.property, e.value), Ue(r, e.property);
 	return new Promise((e) => {
 		let t = !1, n = () => {
 			t || (t = !0, r.removeEventListener("transitionend", i), e());
@@ -1253,27 +1376,27 @@ var je = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, G = /* @__
 		};
 		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
 	});
-}, J = "data-flemo-skip-animation", Y = () => {};
-function Ne(e) {
+}, q = "data-flemo-skip-animation", J = () => {};
+function We(e) {
 	return { driveScreenLifecycle: (t) => {
-		let { getElements: n, transitionName: i, prevTransitionName: a, status: o, isActive: s } = t;
-		if (!s) return o === "REPLACING" && a !== i && e.setReplaceTransitionStatus("PENDING"), Y;
+		let { getElements: n, transitionName: r, prevTransitionName: i, status: o, isActive: s } = t;
+		if (!s) return o === "REPLACING" && i !== r && e.setReplaceTransitionStatus("PENDING"), J;
 		if (o === "COMPLETED") {
 			e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
 			let { scope: t, decorator: r, bars: i } = n();
-			t && (K(t), t.removeAttribute(J)), r && (K(r), r.removeAttribute(J));
-			for (let e of i ?? []) e && (K(e), e.style.removeProperty("will-change"));
-			return Y;
+			t && (G(t), t.removeAttribute(q)), r && (G(r), r.removeAttribute(q));
+			for (let e of i ?? []) e && (G(e), e.style.removeProperty("will-change"));
+			return J;
 		}
-		if (o === "IDLE") return Y;
+		if (o === "IDLE") return J;
 		let { scope: c } = n();
-		if (!c) return Y;
+		if (!c) return J;
 		let l = () => {
 			let t = e.getTransitionTaskId();
-			t && r.resolveTask(t);
-		}, u = D.get(i) ?? D.get("none"), d = `${o}-true`;
-		if (!(c.getAttribute("data-flemo-skip-animation") !== "true" && Oe(u, d))) return queueMicrotask(l), Y;
-		let f = H("screen", i, d), p = (e) => {
+			t && a.resolveTask(t);
+		}, u = D.get(r) ?? D.get("none"), d = `${o}-true`;
+		if (!(c.getAttribute("data-flemo-skip-animation") !== "true" && Re(u, d))) return queueMicrotask(l), J;
+		let f = B("screen", r, d), p = (e) => {
 			e.target === c && e.animationName === f && (c.removeEventListener("animationend", p), l());
 		};
 		return c.addEventListener("animationend", p), () => {
@@ -1283,20 +1406,20 @@ function Ne(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function X(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Pe(e);
+function Y(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Ge(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && Z(s, n) && (!a || Q(s, n))) return {
+	if (s instanceof HTMLElement && X(s, n) && (!a || Z(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if (Z(c, n) && (!a || Q(c, n))) return {
+		if (X(c, n) && (!a || Z(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -1307,7 +1430,7 @@ function X(e, t) {
 		hasMarker: !1
 	};
 }
-function Pe(e) {
+function Ge(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -1315,18 +1438,18 @@ function Pe(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function Z(e, t) {
+function X(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function Q(e, t) {
-	if (!Z(e, t) || typeof window > "u") return !1;
+function Z(e, t) {
+	if (!X(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 Fe = "data-flemo-skip-animation";
-function Ie(e) {
+var Q = "data-flemo-skip-animation";
+function Ke(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -1372,9 +1495,9 @@ function Ie(e) {
 			y: e.clientY
 		}, u = t;
 	}, v = (n, i, a) => {
-		let o = q(n, i, a);
-		if (n === e.getElements().scope) for (let e of r.current) q(e, i, a);
-		else if (n === t) for (let e of r.prev) q(e, i, a);
+		let o = K(n, i, a);
+		if (n === e.getElements().scope) for (let e of r.current) K(e, i, a);
+		else if (n === t) for (let e of r.prev) K(e, i, a);
 		return o;
 	}, y = (t) => {
 		let n = e.getPartnerBars(), i = [], { sharedTopBar: a, sharedBottomBar: o } = e.getElements();
@@ -1388,12 +1511,12 @@ function Ie(e) {
 			current: i,
 			prev: s
 		};
-		let c = L(e.getTransition()).join(", ");
+		let c = ke(e.getTransition()).join(", ");
 		for (let e of i) e.style.willChange = c;
 		for (let e of s) e.style.willChange = c;
 	}, b = () => {
-		for (let e of r.current) K(e), e.style.removeProperty("will-change");
-		for (let e of r.prev) K(e), e.style.removeProperty("will-change");
+		for (let e of r.current) G(e), e.style.removeProperty("will-change");
+		for (let e of r.prev) G(e), e.style.removeProperty("will-change");
 		r = {
 			current: [],
 			prev: []
@@ -1406,10 +1529,10 @@ function Ie(e) {
 		};
 	}, S = (e, t, n) => {
 		let r = (r, i) => {
-			let a = j.get(r.getAttribute("data-flemo-part-name"));
+			let a = A.get(r.getAttribute("data-flemo-part-name"));
 			if (!a) return;
 			let o = {
-				animate: q,
+				animate: K,
 				element: r,
 				active: i
 			};
@@ -1418,7 +1541,7 @@ function Ie(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]) K(e);
+		for (let e of [...i.current, ...i.prev]) G(e);
 		i = {
 			current: [],
 			prev: []
@@ -1447,7 +1570,7 @@ function Ie(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				m?.onSwipeStart?.(e, {
-					animate: q,
+					animate: K,
 					currentDecorator: f,
 					prevDecorator: n
 				}), S("start", e, 0);
@@ -1464,13 +1587,13 @@ function Ie(e) {
 			prevScreen: t,
 			onProgress: (e, t) => {
 				c?.onSwipe?.(e, t, {
-					animate: q,
+					animate: K,
 					currentDecorator: o,
 					prevDecorator: n
 				}), S("swipe", e, t);
 			}
 		});
-	}, T = async (a) => {
+	}, te = async (a) => {
 		let o = e.getTransition();
 		if (!o.swipeDirection || !s) return;
 		s = !1;
@@ -1483,32 +1606,32 @@ function Ie(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				u?.onSwipeEnd?.(e, {
-					animate: q,
+					animate: K,
 					currentDecorator: l,
 					prevDecorator: n
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(Fe, "true"), l?.setAttribute(Fe, "true");
+			c?.setAttribute(Q, "true"), l?.setAttribute(Q, "true");
 			for (let e of r.current) e.style.removeProperty("will-change");
-			for (let e of r.prev) K(e), e.style.removeProperty("will-change");
+			for (let e of r.prev) G(e), e.style.removeProperty("will-change");
 			r = {
 				current: [],
 				prev: []
 			};
-			for (let e of i.prev) K(e);
+			for (let e of i.prev) G(e);
 			i = {
 				current: [],
 				prev: []
 			}, e.back();
-		} else c && K(c), t && K(t), l && K(l), n && K(n), b(), C(), e.setDragStatus("IDLE");
+		} else c && G(c), t && G(t), l && G(l), n && G(n), b(), C(), e.setDragStatus("IDLE");
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = X(t.target, {
+			e.isReadyForDrag() && (f = Y(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = X(t.target, {
+			}), p = Y(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -1530,31 +1653,76 @@ function Ie(e) {
 			}
 		},
 		pointerUp: (e) => {
-			a = !1, o = !1, s && T(e);
+			a = !1, o = !1, s && te(e);
 		},
 		shouldPreventTouch: () => o
 	};
 }
 //#endregion
-//#region src/core/engine/barRiding.ts
-var $ = "data-flemo-bar-riding";
-function Le(e) {
-	let { topBar: t, navBar: n } = e;
-	if (!t && !n) return () => {};
-	let r = () => {
-		let r = e.getStatus();
-		if (!(r === "PUSHING" || r === "POPPING" || r === "REPLACING") || !e.isTopOrTopPrev) {
-			t?.removeAttribute($), n?.removeAttribute($);
-			return;
-		}
-		let i = e.getHistories(), a = e.isActive ? i[e.index - 1]?.id : i[e.index]?.id, o = a ? e.getSharedBars()[a] : void 0, s = e.hasTopBar && !o?.topBar, c = e.hasNavBar && !o?.bottomBar;
-		t && t.setAttribute($, s ? "true" : "false"), n && n.setAttribute($, c ? "true" : "false");
+//#region src/screen/computeBarRiding.ts
+function qe(e) {
+	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
+		app: !1,
+		nav: !1
+	} : {
+		app: e.hasTopBar && !e.partnerBars?.topBar,
+		nav: e.hasNavBar && !e.partnerBars?.bottomBar
 	};
-	r();
-	let i = e.subscribeStatus(r), a = e.subscribeSharedBars(r);
+}
+//#endregion
+//#region src/screen/animStartAnchor.ts
+function Je(e) {
+	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
+}
+var Ye = 300;
+function Xe(e) {
+	let t = 0, n = requestAnimationFrame(() => {
+		t = requestAnimationFrame(e);
+	}), r = setTimeout(e, 300);
 	return () => {
-		i(), a(), t?.removeAttribute($), n?.removeAttribute($);
+		cancelAnimationFrame(n), t && cancelAnimationFrame(t), clearTimeout(r);
+	};
+}
+//#endregion
+//#region src/screen/observeBarHeight.ts
+function Ze(e, t) {
+	e.offsetHeight > 0 && t(e.offsetHeight);
+	let n = new ResizeObserver(([e]) => {
+		e.contentRect.height > 0 && t(e.contentRect.height);
+	});
+	return n.observe(e), () => {
+		n.disconnect();
+	};
+}
+//#endregion
+//#region src/screen/observeViewportScrollHeight.ts
+var $ = 0;
+function Qe(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 - $;
+			n = n < 0 ? 0 : n, $ ||= t, e(t, n);
+		});
+	};
+	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
+		cancelAnimationFrame(t), window.visualViewport?.removeEventListener("resize", n), window.visualViewport?.removeEventListener("scroll", n);
+	};
+}
+//#endregion
+//#region src/utils/matchesPathname.ts
+function $e(e, t) {
+	return i(e).regexp.test(t);
+}
+//#endregion
+//#region src/utils/buildRoutePath.ts
+function et(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}` : ""}`,
+		toPathname: a
 	};
 }
 //#endregion
-export { J as SKIP_ANIMATION_ATTR, r as TaskManger, q as animateInline, H as animationName, Ae as applyTransitionStyles, Q as canProgrammaticallyScroll, K as clearInlineAnimation, L as collectAnimatedProperties, De as compileTransitionStyles, ee as computeScreenFreeze, h as consumeSelfInducedPop, d as createBrowserHistoryDriver, O as createDecorator, i as createHistoryStore, g as createHistorySync, _ as createMemoryHistoryDriver, v as createNavigateStore, S as createNavigationController, ue as createPartTransition, ce as createRawDecorator, de as createRawPartTransition, te as createRawTransition, w as createScreenSelector, C as createScreenStore, f as createSelfPopGuard, Ie as createSwipeController, T as createTransition, Ne as createTransitionEngine, se as createTransitionStore, E as cupertino, A as decoratorMap, Le as driveBarRiding, B as easingToCss, l as ensureWindowHistoryState, X as findScrollable, a as getMatchedPathPattern, o as getParams, c as isServer, ie as layout, m as markSelfInducedPop, ae as material, oe as none, Z as overflowsAxis, le as overlay, j as partTransitionMap, s as seedInitialHistory, R as targetToDecls, D as transitionMap, Oe as variantHasAnimation };
+export { Ye as ANIM_HOLD_RELEASE_BACKSTOP_MS, q as SKIP_ANIMATION_ATTR, a as TaskManger, Je as animHoldKey, K as animateInline, B as animationName, te as appendParamsQuery, U as applyTransitionStyles, et as buildRoutePath, Z as canProgrammaticallyScroll, G as clearInlineAnimation, ke as collectAnimatedProperties, Ie as compileTransitionStyles, qe as computeBarRiding, se as computeScreenFreeze, _ as consumeSelfInducedPop, p as createBrowserHistoryDriver, he as createDecorator, o as createHistoryStore, v as createHistorySync, y as createMemoryHistoryDriver, b as createNavigateStore, w as createNavigationController, ve as createPartTransition, ge as createRawDecorator, ye as createRawPartTransition, ce as createRawTransition, ae as createRouterScope, oe as createScreenSelector, T as createScreenStore, m as createSelfPopGuard, ne as createStepController, Ke as createSwipeController, E as createTransition, We as createTransitionEngine, re as createTransitionStore, ue as cupertino, k as decoratorMap, z as easingToCss, d as ensureWindowHistoryState, Ve as enteringInitialStyle, Y as findScrollable, s as getMatchedPathPattern, c as getParams, u as isServer, fe as layout, g as markSelfInducedPop, $e as matchesPathname, pe as material, me as none, Ze as observeBarHeight, Qe as observeViewportScrollHeight, X as overflowsAxis, _e as overlay, A as partTransitionMap, ee as readStepParams, Be as registerTransitionDefinitions, Xe as scheduleAnimHoldRelease, l as seedInitialHistory, L as targetToDecls, D as transitionMap, Re as variantHasAnimation };