@flemo/react 2.2.4 → 2.3.0

package/dist/index.mjs

@@ -1,21 +1,21 @@
 import e, { Activity as t, Children as n, createContext as r, createElement as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useId as l, useImperativeHandle as u, useInsertionEffect as d, useLayoutEffect as f, useReducer as p, useRef as m, useState as h, useSyncExternalStore as ee } from "react";
-import { ACTIVE_ATTR as te, ANIM_HOLD as g, ANIM_HOLD_ATTR as _, LAYER_HOST_ATTR as v, LAYER_OWNER_ATTR as ne, LAYER_SLOT_ATTR as re, OVERLAY_LEVEL as ie, STATUS_ATTR as ae, TRANSITION_ATTR as y, adoptEntryIdentity as oe, animHoldKey as b, appendParamsQuery as se, attachMorph as x, beginMorphSwipe as ce, buildRoutePath as S, computeBarRiding as le, computeScreenFreeze as ue, computeScreenFreezeMode as C, consumeSelfInducedPop as w, createAnimHoldCoordinator as T, createBrowserHistoryDriver as de, createBrowserHistoryDriver as E, createDecorator as D, createHistoryStore as fe, createMorphTransition as pe, createNavigateStore as O, createNavigationController as k, createPartTransition as me, createRawDecorator as A, createRawMorphTransition as he, createRawPartTransition as j, createRawTransition as M, createRouterScope as ge, createScreenSelector as N, createScreenStore as _e, createStepController as ve, createSwipeController as ye, createTransition as P, createTransitionEngine as be, createTransitionStore as xe, decoratorMap as Se, eagerlyDecodeImages as Ce, ensureScopeHistorySync as we, enteringInitialStyle as Te, getMatchedPathPattern as Ee, isDesktopBlink as De, isOpaqueColor as Oe, isServer as ke, markSelfInducedPop as Ae, matchesPathname as je, morphTransitionMap as Me, observeBarHeight as Ne, observeViewportScrollHeight as Pe, partTransitionMap as Fe, publishRideBox as Ie, readStepParams as F, registerMorphLayer as Le, registerPartLayer as Re, registerTransitionDefinitions as ze, releaseScopeHistorySync as Be, resolvePartLayer as Ve, resolvePlatformProfile as He, resolveTransition as Ue, seedRouterEntry as We, sharedBarsMatch as Ge, startFlemoRuntime as Ke, subscribeStepParamsRestore as qe } from "@flemo/core";
-import { Fragment as Je, jsx as I, jsxs as Ye } from "react/jsx-runtime";
-import { createPortal as Xe, flushSync as Ze } from "react-dom";
+import { ACTIVE_ATTR as te, ANIM_HOLD as g, ANIM_HOLD_ATTR as _, DEFAULT_COMMIT_FRACTION as v, DEFAULT_COMMIT_VELOCITY as y, LAYER_HOST_ATTR as ne, LAYER_OWNER_ATTR as b, LAYER_SLOT_ATTR as re, OVERLAY_LEVEL as x, STATUS_ATTR as S, TRANSITION_ATTR as ie, adoptEntryIdentity as ae, animHoldKey as oe, appendParamsQuery as se, attachMorph as C, beginMorphSwipe as ce, buildRoutePath as w, computeBarRiding as le, computeScreenFreeze as ue, computeScreenFreezeMode as T, consumeSelfInducedPop as de, createAnimHoldCoordinator as E, createBrowserHistoryDriver as D, createBrowserHistoryDriver as fe, createDecorator as pe, createHistoryStore as O, createMorphTransition as k, createNavigateStore as me, createNavigationController as A, createPartTransition as he, createRawDecorator as j, createRawMorphTransition as M, createRawPartTransition as N, createRawTransition as ge, createRouterScope as _e, createScreenSelector as ve, createScreenStore as P, createStepController as ye, createSwipeController as be, createTransition as xe, createTransitionEngine as Se, createTransitionStore as Ce, decoratorMap as we, eagerlyDecodeImages as Te, ensureScopeHistorySync as Ee, enteringInitialStyle as De, getMatchedPathPattern as Oe, isDesktopBlink as ke, isOpaqueColor as Ae, isServer as je, markSelfInducedPop as Me, matchesPathname as Ne, morphTransitionMap as Pe, observeBarHeight as Fe, observeViewportScrollHeight as Ie, partTransitionMap as Le, publishRideBox as Re, readStepParams as ze, registerMorphLayer as Be, registerPartLayer as Ve, registerTransitionDefinitions as He, releaseScopeHistorySync as Ue, resolvePartLayer as We, resolvePlatformProfile as Ge, resolveSwipeOptions as Ke, resolveTransition as qe, seedRouterEntry as Je, sharedBarsMatch as Ye, startFlemoRuntime as Xe, subscribeStepParamsRestore as Ze } from "@flemo/core";
+import { Fragment as Qe, jsx as F, jsxs as $e } from "react/jsx-runtime";
+import { createPortal as et, flushSync as tt } from "react-dom";
 //#region src/stores/StoreContext.ts
-var Qe = r(null);
+var nt = r(null);
 //#endregion
 //#region src/stores/useStores.ts
-function L() {
-	let e = s(Qe);
+function I() {
+	let e = s(nt);
 	if (!e) throw Error("flemo stores are missing. Render inside a <Router>.");
 	return e;
 }
 //#endregion
 //#region src/history/HistoryListener.tsx
-function $e() {
-	let e = L();
-	return c(() => (we(e), () => Be(e)), [e]), null;
+function L() {
+	let e = I();
+	return c(() => (Ee(e), () => Ue(e)), [e]), null;
 }
 //#endregion
 //#region src/screen/ScreenContext.ts
@@ -41,7 +41,7 @@ function z() {
 var B = r({}), V = r(() => {});
 //#endregion
 //#region src/screen/ParamsProvider/ParamsReducer.ts
-function H(e, t) {
+function rt(e, t) {
 	switch (t.type) {
 		case "SET": return t.params;
 		default: return e;
@@ -49,10 +49,10 @@ function H(e, t) {
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsProvider.tsx
-function U({ children: e }) {
-	let { isActive: t, params: n } = z(), { driver: r } = L(), [i, a] = p(H, n);
+function it({ children: e }) {
+	let { isActive: t, params: n } = z(), { driver: r } = I(), [i, a] = p(rt, n);
 	return c(() => {
-		if (t) return qe(r, (e) => a({
+		if (t) return Ze(r, (e) => a({
 			type: "SET",
 			params: e
 		}));
@@ -60,9 +60,9 @@ function U({ children: e }) {
 		t,
 		a,
 		r
-	]), /* @__PURE__ */ I(V.Provider, {
+	]), /* @__PURE__ */ F(V.Provider, {
 		value: a,
-		children: /* @__PURE__ */ I(B.Provider, {
+		children: /* @__PURE__ */ F(B.Provider, {
 			value: i,
 			children: e
 		})
@@ -70,42 +70,42 @@ function U({ children: e }) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/zustand@5.0.15_@types+react@19.2.18_react@19.2.8/node_modules/zustand/esm/react.mjs
-var et = (e) => e;
-function W(t, n = et) {
+var at = (e) => e;
+function ot(t, n = at) {
 	let r = e.useSyncExternalStore(t.subscribe, e.useCallback(() => n(t.getState()), [t, n]), e.useCallback(() => n(t.getInitialState()), [t, n]));
 	return e.useDebugValue(r), r;
 }
 //#endregion
 //#region src/stores/useHistoryStore.ts
-function G(e) {
-	return W(L().history, e);
+function H(e) {
+	return ot(I().history, e);
 }
 //#endregion
 //#region src/RouterIdContext.ts
-var tt = r(null);
+var st = r(null);
 //#endregion
 //#region src/renderer/Renderer.tsx
-function nt({ children: e }) {
-	let t = G((e) => e.index), r = G((e) => e.histories), i = L(), a = s(R), o = s(tt);
-	return N(r, t).map((t) => {
-		let [r] = n.toArray(e).filter((e) => je(e.props.path, t.pathname));
-		return r ? /* @__PURE__ */ I(R.Provider, {
+function ct({ children: e }) {
+	let t = H((e) => e.index), r = H((e) => e.histories), i = I(), a = s(R), o = s(st);
+	return ve(r, t).map((t) => {
+		let [r] = n.toArray(e).filter((e) => Ne(e.props.path, t.pathname));
+		return r ? /* @__PURE__ */ F(R.Provider, {
 			value: {
 				...t,
 				isPrev: t.isPrev || a.isPrev,
 				navigateStore: i.navigate,
 				routerId: o ?? void 0,
-				routePath: Ee(r.props.path, t.pathname)
+				routePath: Oe(r.props.path, t.pathname)
 			},
-			children: /* @__PURE__ */ I(U, { children: r })
+			children: /* @__PURE__ */ F(it, { children: r })
 		}, t.id) : null;
 	});
 }
 //#endregion
 //#region src/screen/MorphLayer/MorphLayer.tsx
-function rt({ stores: e }) {
+function lt({ stores: e }) {
 	let t = m(null);
-	return f(() => (Le(e.navigate, t.current), () => Le(e.navigate, null)), [e.navigate]), /* @__PURE__ */ I("div", {
+	return f(() => (Be(e.navigate, t.current), () => Be(e.navigate, null)), [e.navigate]), /* @__PURE__ */ F("div", {
 		ref: t,
 		"data-flemo-morph-layer": "",
 		"aria-hidden": "true",
@@ -118,9 +118,9 @@ function rt({ stores: e }) {
 }
 //#endregion
 //#region src/screen/PartLayer/PartLayer.tsx
-function it({ stores: e }) {
+function ut({ stores: e }) {
 	let t = m(null);
-	return f(() => (Re(e.navigate, t.current), () => Re(e.navigate, null)), [e.navigate]), /* @__PURE__ */ I("div", {
+	return f(() => (Ve(e.navigate, t.current), () => Ve(e.navigate, null)), [e.navigate]), /* @__PURE__ */ F("div", {
 		ref: t,
 		"data-flemo-part-layer": "",
 		"aria-hidden": "true",
@@ -133,14 +133,14 @@ function it({ stores: e }) {
 }
 //#endregion
 //#region src/screen/ScreenViewportContext.ts
-var at = r({ contained: !1 });
-function ot() {
-	return s(at);
+var dt = r({ contained: !1 });
+function ft() {
+	return s(dt);
 }
 //#endregion
 //#region src/transition/styles.ts
-function st(e, t, n = [], r = []) {
-	d(() => ze(e, t, n, r), [
+function pt(e, t, n = [], r = []) {
+	d(() => He(e, t, n, r), [
 		e,
 		t,
 		n,
@@ -149,50 +149,50 @@ function st(e, t, n = [], r = []) {
 }
 //#endregion
 //#region src/utils/devDiagnostics.ts
-function ct() {
+function mt() {
 	return typeof process < "u" && process.env.NODE_ENV !== "production";
 }
-function lt(e) {
-	!ct() || typeof console > "u" || console.error(`[flemo] ${e}`);
+function ht(e) {
+	!mt() || typeof console > "u" || console.error(`[flemo] ${e}`);
 }
-function ut(e) {
-	if (ct()) throw Error(`[flemo] ${e}`);
+function gt(e) {
+	if (mt()) throw Error(`[flemo] ${e}`);
 }
 //#endregion
 //#region src/RouterDepthContext.ts
-var dt = r(0), ft = r(null), K = [
+var U = r(0), W = r(null), _t = [
 	"current",
 	"parent",
 	"root",
 	"nearest-owner"
-], q = (e) => K.includes(e), J = (e) => {
+], vt = (e) => _t.includes(e), G = (e) => {
 	let t = [];
 	for (let n = e; n; n = n.parent) t.push(n);
 	return t;
 };
-function pt(e, t, n) {
-	return e.routePaths.length === 0 || e.routePaths.some((e) => e === t) ? !0 : n ? je(e.routePaths, n) : !1;
+function K(e, t, n) {
+	return e.routePaths.length === 0 || e.routePaths.some((e) => e === t) ? !0 : n ? Ne(e.routePaths, n) : !1;
 }
-function mt(e) {
-	return J(e).map((e, t) => {
+function q(e) {
+	return G(e).map((e, t) => {
 		let n = t === 0 ? "current" : `${t} level(s) up`;
 		return e.name ? `"${e.name}" (${n})` : `<unnamed> (${n})`;
 	}).join(", ");
 }
-function ht({ from: e, target: t, path: n, pathname: r }) {
+function yt({ from: e, target: t, path: n, pathname: r }) {
 	if (t === void 0) return {
 		node: e,
 		message: null
 	};
 	let i = null, a = null;
-	if (typeof t == "string" ? q(t) ? i = t : a = t : "scope" in t ? i = t.scope : a = t.name, a !== null) {
-		let t = J(e).find((e) => e.name === a);
+	if (typeof t == "string" ? vt(t) ? i = t : a = t : "scope" in t ? i = t.scope : a = t.name, a !== null) {
+		let t = G(e).find((e) => e.name === a);
 		return t ? {
 			node: t,
 			message: null
 		} : {
 			node: null,
-			message: `no <Router name="${a}"> encloses this call. Routers in scope: ${mt(e)}.`
+			message: `no <Router name="${a}"> encloses this call. Routers in scope: ${q(e)}.`
 		};
 	}
 	switch (i) {
@@ -204,7 +204,7 @@ function ht({ from: e, target: t, path: n, pathname: r }) {
 			message: "router: \"parent\" was requested, but the enclosing <Router> is the outermost one (it has no parent Router)."
 		};
 		case "root": {
-			let t = J(e);
+			let t = G(e);
 			return {
 				node: t[t.length - 1],
 				message: null
@@ -215,13 +215,13 @@ function ht({ from: e, target: t, path: n, pathname: r }) {
 				node: e,
 				message: "router: \"nearest-owner\" needs a route to search for, and pop() carries none. Falling back to \"current\" — name the Router explicitly for a cross-Router pop."
 			};
-			let t = J(e).find((e) => pt(e, n, r));
+			let t = G(e).find((e) => K(e, n, r));
 			return t ? {
 				node: t,
 				message: null
 			} : {
 				node: null,
-				message: `no <Router> in scope declares a <Route path="${n}">. Routers in scope: ${mt(e)}.`
+				message: `no <Router> in scope declares a <Route path="${n}">. Routers in scope: ${q(e)}.`
 			};
 		}
 		default: return {
@@ -230,117 +230,117 @@ function ht({ from: e, target: t, path: n, pathname: r }) {
 		};
 	}
 }
-function gt(e) {
+function bt(e) {
 	if (!e.name) return null;
 	for (let t = e.parent; t; t = t.parent) if (t.name === e.name) return t;
 	return null;
 }
 //#endregion
 //#region src/Slot.tsx
-var _t = { contained: !0 };
-function vt({ children: e, className: t, style: n }) {
-	return /* @__PURE__ */ I("div", {
+var xt = { contained: !0 };
+function St({ children: e, className: t, style: n }) {
+	return /* @__PURE__ */ F("div", {
 		className: t,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...n
 		},
-		children: /* @__PURE__ */ I(at.Provider, {
-			value: _t,
-			children: /* @__PURE__ */ I(nt, { children: e })
+		children: /* @__PURE__ */ F(dt.Provider, {
+			value: xt,
+			children: /* @__PURE__ */ F(ct, { children: e })
 		})
 	});
 }
 //#endregion
 //#region src/Router.tsx
-function yt(e) {
+function J(e) {
 	let t = null;
 	return n.forEach(e, (e) => {
 		if (t || !a(e)) return;
-		if (e.type === vt) {
+		if (e.type === St) {
 			t = n.toArray(e.props.children).filter(a);
 			return;
 		}
 		let r = e.props.children;
 		if (r) {
-			let e = yt(r);
+			let e = J(r);
 			e && (t = e);
 		}
 	}), t;
 }
-var bt = typeof window > "u" ? c : f, Y = () => () => {}, xt = () => !1, St = () => !0, X = typeof window > "u" ? c : d, Ct = [], wt = [], Tt = [], Et = [], Dt = { contained: !0 };
-function Ot({ children: e, name: t, strictRoutes: r = !1, initPath: i = "/", defaultTransitionName: o = "cupertino", transitions: u = Ct, decorators: d = wt, partTransitions: f = Tt, morphTransitions: p = Et, history: m = "browser", createDriver: te, className: g, style: _ }) {
-	let v = s(dt), ne = l(), [re, ie] = h(!1);
-	c(() => ie(!0), []);
-	let ae = re ? ne : null, y = v > 0, b = m === "memory", se = l(), x = s(R), ce = s(Qe), S = y && x.id ? `_F_${ce?.routerKey ?? ""}${x.id}_` : se, le = yt(e), ue = le !== null, C = (le ?? n.toArray(e).filter(a)).flatMap((e) => e.props?.path ? [e.props.path].flat() : []), w = y ? null : ce, T = w !== null, de = te ?? E, [D] = h(() => b ? null : de(T ? void 0 : S)), fe = !y && !b && !ke(), pe = fe && D ? D.readPathname() : i || "/", O = pe.indexOf("?"), k = (O >= 0 ? pe.slice(0, O) : pe) || "/", me = fe ? window.location.search : O >= 0 ? pe.slice(O) : "", A = ee(Y, xt, St), [he] = h(A), [j] = h(() => ge({
-		routePaths: C,
+var Ct = typeof window > "u" ? c : f, wt = () => () => {}, Y = () => !1, Tt = () => !0, Et = typeof window > "u" ? c : d, Dt = [], Ot = [], kt = [], At = [], jt = { contained: !0 };
+function Mt({ children: e, name: t, strictRoutes: r = !1, initPath: i = "/", defaultTransitionName: o = "cupertino", transitions: u = Dt, decorators: d = Ot, partTransitions: f = kt, morphTransitions: p = At, history: m = "browser", createDriver: te, className: g, style: _ }) {
+	let v = s(U), y = l(), [ne, b] = h(!1);
+	c(() => b(!0), []);
+	let re = ne ? y : null, x = v > 0, S = m === "memory", ie = l(), oe = s(R), se = s(nt), C = x && oe.id ? `_F_${se?.routerKey ?? ""}${oe.id}_` : ie, ce = J(e), w = ce !== null, le = (ce ?? n.toArray(e).filter(a)).flatMap((e) => e.props?.path ? [e.props.path].flat() : []), ue = x ? null : se, T = ue !== null, de = te ?? fe, [E] = h(() => S ? null : de(T ? void 0 : C)), D = !x && !S && !je(), pe = D && E ? E.readPathname() : i || "/", O = pe.indexOf("?"), k = (O >= 0 ? pe.slice(0, O) : pe) || "/", me = D ? window.location.search : O >= 0 ? pe.slice(O) : "", A = ee(wt, Y, Tt), [he] = h(A), [j] = h(() => _e({
+		routePaths: le,
 		pathname: k,
 		search: me,
 		defaultTransitionName: o,
-		memory: b,
-		browserDriver: D,
-		hostedScope: w,
+		memory: S,
+		browserDriver: E,
+		hostedScope: ue,
 		deferEntryAdoption: A,
-		routerKey: T ? void 0 : S,
-		zoneEntryId: y && !T && x.id || void 0,
-		persistKey: y && !b && !T ? S : void 0
+		routerKey: T ? void 0 : C,
+		zoneEntryId: x && !T && oe.id || void 0,
+		persistKey: x && !S && !T ? C : void 0
 	}));
-	bt(() => {
+	Ct(() => {
 		j.transition.getState().defaultTransitionName !== o && j.transition.setState({ defaultTransitionName: o });
 	});
-	let M = s(ft), [N] = h(() => ({
+	let M = s(W), [N] = h(() => ({
 		name: t,
 		stores: j,
-		routePaths: C,
+		routePaths: le,
 		strictRoutes: r,
 		parent: M,
 		depth: v
 	}));
-	X(() => {
-		N.name = t, N.stores = j, N.routePaths = C, N.strictRoutes = r, N.parent = M;
+	Et(() => {
+		N.name = t, N.stores = j, N.routePaths = le, N.strictRoutes = r, N.parent = M;
 	}), c(() => {
-		gt(N) && lt(`duplicate <Router name="${N.name}">: an enclosing <Router> already uses that name, so \`router\` targets resolve to the nearer one. Give each nested Router a unique name.`);
-	}, [N, t]), bt(() => (j.life.alive = !0, () => {
+		bt(N) && ht(`duplicate <Router name="${N.name}">: an enclosing <Router> already uses that name, so \`router\` targets resolve to the nearer one. Give each nested Router a unique name.`);
+	}, [N, t]), Ct(() => (j.life.alive = !0, () => {
 		j.life.alive = !1;
-	}), [j]), st(u, d, f, p), c(() => Ke(), []), bt(() => {
-		he && oe(j);
+	}), [j]), pt(u, d, f, p), c(() => Xe(), []), Ct(() => {
+		he && ae(j);
 	}, [he, j]), c(() => {
-		b || !D || We({
-			driver: D,
-			routerKey: T ? null : S,
-			nested: y && !T,
+		S || !E || Je({
+			driver: E,
+			routerKey: T ? null : C,
+			nested: x && !T,
 			seedPathname: k,
 			defaultTransitionName: o,
 			rootParams: j.history.getState().histories[0]?.params ?? {}
 		});
 	}, [
-		b,
-		T,
-		y,
 		S,
+		T,
+		x,
+		C,
 		k,
 		o,
 		j.history,
-		D
+		E
 	]);
-	let _e = ue ? e : /* @__PURE__ */ I(nt, { children: e }), ve = /* @__PURE__ */ I(tt.Provider, {
-		value: ae,
-		children: /* @__PURE__ */ I(dt.Provider, {
+	let ge = w ? e : /* @__PURE__ */ F(ct, { children: e }), ve = /* @__PURE__ */ F(st.Provider, {
+		value: re,
+		children: /* @__PURE__ */ F(U.Provider, {
 			value: v + 1,
-			children: /* @__PURE__ */ I(ft.Provider, {
+			children: /* @__PURE__ */ F(W.Provider, {
 				value: N,
-				children: /* @__PURE__ */ Ye(Qe.Provider, {
+				children: /* @__PURE__ */ $e(nt.Provider, {
 					value: j,
-					children: [/* @__PURE__ */ I($e, {}), y ? /* @__PURE__ */ I(at.Provider, {
-						value: Dt,
-						children: _e
-					}) : _e]
+					children: [/* @__PURE__ */ F(L, {}), x ? /* @__PURE__ */ F(dt.Provider, {
+						value: jt,
+						children: ge
+					}) : ge]
 				})
 			})
 		})
 	});
-	return y ? /* @__PURE__ */ Ye("div", {
+	return x ? /* @__PURE__ */ $e("div", {
 		className: g,
 		style: {
 			position: "relative",
@@ -349,29 +349,29 @@ function Ot({ children: e, name: t, strictRoutes: r = !1, initPath: i = "/", def
 		},
 		children: [
 			ve,
-			/* @__PURE__ */ I(rt, { stores: j }),
-			/* @__PURE__ */ I(it, { stores: j })
+			/* @__PURE__ */ F(lt, { stores: j }),
+			/* @__PURE__ */ F(ut, { stores: j })
 		]
-	}) : /* @__PURE__ */ Ye(Je, { children: [
+	}) : /* @__PURE__ */ $e(Qe, { children: [
 		ve,
-		/* @__PURE__ */ I(rt, { stores: j }),
-		/* @__PURE__ */ I(it, { stores: j })
+		/* @__PURE__ */ F(lt, { stores: j }),
+		/* @__PURE__ */ F(ut, { stores: j })
 	] });
 }
 //#endregion
 //#region src/Route.tsx
-function kt({ element: e }) {
+function Nt({ element: e }) {
 	return e;
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function At(e, t) {
-	return S(e, t);
+function X(e, t) {
+	return w(e, t);
 }
 //#endregion
 //#region src/navigate/useNavigate.ts
-function jt(e) {
-	let t = L(), n = s(ft) ?? {
+function Pt(e) {
+	let t = I(), n = s(W) ?? {
 		stores: t,
 		routePaths: [],
 		strictRoutes: !1,
@@ -380,24 +380,24 @@ function jt(e) {
 	}, r = (t, r, i) => {
 		let a = t ?? e?.router, o;
 		if (r) try {
-			o = At(r, i).toPathname;
+			o = X(r, i).toPathname;
 		} catch {
 			o = void 0;
 		}
-		let { node: s, message: c } = ht({
+		let { node: s, message: c } = yt({
 			from: n,
 			target: a,
 			path: r,
 			pathname: o
 		});
-		if (!s) return ut(c ?? "the requested Router could not be resolved."), null;
-		if (c && lt(c), r && !pt(s, r, o)) {
+		if (!s) return gt(c ?? "the requested Router could not be resolved."), null;
+		if (c && ht(c), r && !K(s, r, o)) {
 			let e = `"${r}" is not declared by ${s.name ? `<Router name="${s.name}">` : "the target <Router>"}, so the navigation cannot mount a screen there. Declare a matching <Route>, target the Router that owns it, or use \`router: "nearest-owner"\`.`;
-			a !== void 0 || s.strictRoutes ? ut(e) : lt(e);
+			a !== void 0 || s.strictRoutes ? gt(e) : ht(e);
 		}
-		return k({
+		return A({
 			stores: s.stores,
-			buildPathname: (e, t) => At(e, t),
+			buildPathname: (e, t) => X(e, t),
 			driver: s.stores.driver,
 			markSelfInduced: s.stores.markSelfInduced
 		});
@@ -419,21 +419,21 @@ function jt(e) {
 }
 //#endregion
 //#region src/navigate/usePathname.ts
-function Z() {
-	return G((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
+function Ft() {
+	return H((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
 }
 //#endregion
 //#region src/navigate/useStep.ts
-function Mt() {
-	let { routePath: e } = z(), t = L(), n = s(V), { driver: r, markSelfInduced: i } = t, [a, o] = h(null);
+function It() {
+	let { routePath: e } = z(), t = I(), n = s(V), { driver: r, markSelfInduced: i } = t, [a, o] = h(null);
 	c(() => {
-		if (!e) return o(F(r.readState())), r.subscribe((e) => o(F(e.state)));
+		if (!e) return o(ze(r.readState())), r.subscribe((e) => o(ze(e.state)));
 	}, [e, r]);
-	let l = ve({
+	let l = ye({
 		stores: t,
 		driver: r,
 		markSelfInduced: i,
-		buildStepPathname: (t) => e ? At(e, t).pathname : se(r.readPathname(), t),
+		buildStepPathname: (t) => e ? X(e, t).pathname : se(r.readPathname(), t),
 		applyParams: (t) => {
 			n({
 				type: "SET",
@@ -450,23 +450,23 @@ function Mt() {
 }
 //#endregion
 //#region src/screen/ParamsProvider/useParams.ts
-function Nt() {
+function Lt() {
 	return s(B);
 }
 //#endregion
 //#region src/screen/ScreenFreeze.tsx
-var Pt = 3e3;
-function Ft({ freeze: e, mode: n = "deferred", children: r }) {
+var Rt = 3e3;
+function zt({ freeze: e, mode: n = "deferred", children: r }) {
 	let [i, a] = h(e), o = m(null);
 	return !e && i && a(!1), c(() => {
 		if (!(!e || i)) {
-			if (n === "immediate" || !De()) {
+			if (n === "immediate" || !ke()) {
 				a(!0);
 				return;
 			}
 			return o.current = setTimeout(() => {
 				o.current = null, a(!0);
-			}, Pt), () => {
+			}, Rt), () => {
 				o.current !== null && (clearTimeout(o.current), o.current = null);
 			};
 		}
@@ -474,40 +474,40 @@ function Ft({ freeze: e, mode: n = "deferred", children: r }) {
 		e,
 		i,
 		n
-	]), /* @__PURE__ */ I(t, {
+	]), /* @__PURE__ */ F(t, {
 		mode: e && i ? "hidden" : "visible",
 		children: r
 	});
 }
 //#endregion
 //#region src/screen/LayerContext.ts
-var It = r(null);
-function Lt() {
-	return s(It);
+var Bt = r(null);
+function Vt() {
+	return s(Bt);
 }
-var Rt = r(null);
-function zt() {
-	return s(Rt);
+var Ht = r(null);
+function Ut() {
+	return s(Ht);
 }
 //#endregion
 //#region src/screen/scopeAnimHoldCoordinator.ts
-var Bt = /* @__PURE__ */ new WeakMap();
-function Vt(e) {
-	let t = Bt.get(e);
-	return t || (t = T(), Bt.set(e, t)), t;
+var Wt = /* @__PURE__ */ new WeakMap();
+function Gt(e) {
+	let t = Wt.get(e);
+	return t || (t = E(), Wt.set(e, t)), t;
 }
 //#endregion
 //#region src/stores/useNavigateStore.ts
-function Ht(e) {
-	return W(L().navigate, e);
+function Kt(e) {
+	return ot(I().navigate, e);
 }
 //#endregion
 //#region src/screen/ScreenDecorator.tsx
-function Ut({ ref: e, style: t, ...n }) {
+function qt({ ref: e, style: t, ...n }) {
 	let { id: r, isActive: i, isPrev: a, transitionName: o } = z(), s = m(null);
 	u(e, () => s.current);
-	let c = Ht((e) => a ? "COMPLETED" : e.status), l = Ue(o), { decoratorName: d } = l, f = Se.get(d);
-	return f ? /* @__PURE__ */ I("div", {
+	let c = Kt((e) => a ? "COMPLETED" : e.status), l = qe(o), { decoratorName: d } = l, f = we.get(d);
+	return f ? /* @__PURE__ */ F("div", {
 		ref: s,
 		"data-flemo-decorator": !0,
 		"data-flemo-decorator-name": f.name,
@@ -529,9 +529,9 @@ function Ut({ ref: e, style: t, ...n }) {
 }
 //#endregion
 //#region src/screen/useViewportScrollHeight.ts
-function Wt() {
+function Jt() {
 	let [e, t] = h(0), [n, r] = h(0);
-	return c(() => Pe((e, n) => {
+	return c(() => Ie((e, n) => {
 		r(n), t(e);
 	}), []), {
 		viewportScrollHeight: e,
@@ -540,60 +540,60 @@ function Wt() {
 }
 //#endregion
 //#region src/stores/useScreenStore.ts
-function Q(e) {
-	return W(L().screen, e);
+function Z(e) {
+	return ot(I().screen, e);
 }
 //#endregion
 //#region src/screen/ScreenMotion.tsx
-function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigationBarHeight: r, systemNavigationBarColor: i, sharedTopBar: a, sharedTopBarId: l, sharedBottomBar: u, sharedBottomBarId: d, topBar: p, bottomBar: ee, hideStatusBar: ne, hideSystemNavigationBar: re, backgroundColor: oe = "white", contentScrollable: se = !0, paintHidden: x = !1, ...S }) {
-	let { id: C, isActive: w, isRoot: T, isPrev: de, zIndex: E, transitionName: D, prevTransitionName: fe } = z(), { contained: pe } = ot(), O = pe ? "absolute" : "fixed", k = L(), me = s(tt), A = G((e) => e.index), he = G((e) => e.histories), j = w || E === A - 1, M = Ht((e) => j ? e.status : "COMPLETED"), ge = Q((e) => e.dragStatus), N = Q((e) => e.replaceTransitionStatus), _e = k.screen.getState().setDragStatus, ve = k.screen.getState().setReplaceTransitionStatus, P = w ? he[A - 1]?.id : he[A]?.id, xe = Q((e) => P ? e.sharedBars[P] : void 0), we = Q((e) => P ? e.sharedBarMetadata[P] : void 0), Ee = Q((e) => P ? e.screenSurfaces[P] : void 0), De = m(null);
-	De.current ||= be({
+function Yt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigationBarHeight: r, systemNavigationBarColor: i, sharedTopBar: a, sharedTopBarId: l, sharedBottomBar: u, sharedBottomBarId: d, topBar: p, bottomBar: ee, hideStatusBar: v, hideSystemNavigationBar: y, backgroundColor: b = "white", contentScrollable: re = !0, paintHidden: ae = !1, ...se }) {
+	let { id: C, isActive: w, isRoot: T, isPrev: de, zIndex: E, transitionName: D, prevTransitionName: fe } = z(), { contained: pe } = ft(), O = pe ? "absolute" : "fixed", k = I(), me = s(st), A = H((e) => e.index), he = H((e) => e.histories), j = w || E === A - 1, M = Kt((e) => j ? e.status : "COMPLETED"), N = Z((e) => e.dragStatus), ge = Z((e) => e.replaceTransitionStatus), _e = k.screen.getState().setDragStatus, ve = k.screen.getState().setReplaceTransitionStatus, P = w ? he[A - 1]?.id : he[A]?.id, ye = Z((e) => P ? e.sharedBars[P] : void 0), xe = Z((e) => P ? e.sharedBarMetadata[P] : void 0), Ce = Z((e) => P ? e.screenSurfaces[P] : void 0), Ee = m(null);
+	Ee.current ||= Se({
 		getTransitionTaskId: () => k.navigate.getState().transitionTaskId,
 		setDragStatus: _e,
 		setReplaceTransitionStatus: ve
 	});
-	let ke = De.current, Ae = m(null);
-	Ae.current ||= Vt(k.navigate);
-	let je = Ue(D), { initial: Me, swipeDirection: Pe, decoratorName: Fe } = je, F = Se.get(Fe), { viewportScrollHeight: Le } = Wt(), Re = Le > 0, [ze, Be] = h(null), We = Lt(), Ke = We ?? ze, qe = m(/* @__PURE__ */ new Set()), [Je, Qe] = h(!1), $e = Je, R = o((e) => {
-		let t = qe.current;
-		e ? t.add(e) : t.clear(), Qe(t.size > 0);
-	}, []), B = !!a, V = !!u, H = B ? `${typeof l}:${String(l)}` : null, U = V ? `${typeof d}:${String(d)}` : null, [et, W] = h({
-		key: H,
+	let Oe = Ee.current, ke = m(null);
+	ke.current ||= Gt(k.navigate);
+	let je = qe(D), { initial: Me, decoratorName: Ne } = je, Pe = Ke(je)?.direction, Ie = we.get(Ne), { viewportScrollHeight: Le } = Jt(), ze = Le > 0, [Be, Ve] = h(null), He = Vt(), Ue = He ?? Be, Je = m(/* @__PURE__ */ new Set()), [Xe, Ze] = h(!1), Qe = Xe, nt = o((e) => {
+		let t = Je.current;
+		e ? t.add(e) : t.clear(), Ze(t.size > 0);
+	}, []), L = !!a, R = !!u, B = L ? `${typeof l}:${String(l)}` : null, V = R ? `${typeof d}:${String(d)}` : null, [rt, it] = h({
+		key: B,
 		height: 0
-	}), [nt, rt] = h({
-		key: U,
+	}), [at, ot] = h({
+		key: V,
 		height: 0
-	}), it = m(et), at = m(nt), st = et.key === H ? et.height : 0, ct = nt.key === U ? nt.height : 0, lt = Ge(B ? { id: l } : void 0, we?.topBar) ? we?.topBar?.height ?? 0 : 0, ut = Ge(V ? { id: d } : void 0, we?.bottomBar) ? we?.bottomBar?.height ?? 0 : 0, dt = st || lt, ft = ct || ut, K = m(null), q = m(null), J = m(null), pt = m(null), mt = m(null), ht = m(null), gt = m(null), _t = o((e) => {
-		e <= 0 || H === null || (pt.current && (pt.current.style.minHeight = `${e}px`), it.current = {
-			key: H,
+	}), ct = m(rt), lt = m(at), ut = rt.key === B ? rt.height : 0, dt = at.key === V ? at.height : 0, pt = Ye(L ? { id: l } : void 0, xe?.topBar) ? xe?.topBar?.height ?? 0 : 0, mt = Ye(R ? { id: d } : void 0, xe?.bottomBar) ? xe?.bottomBar?.height ?? 0 : 0, ht = ut || pt, gt = dt || mt, U = m(null), W = m(null), _t = m(null), vt = m(null), G = m(null), K = m(null), q = m(null), yt = o((e) => {
+		e <= 0 || B === null || (vt.current && (vt.current.style.minHeight = `${e}px`), ct.current = {
+			key: B,
 			height: e
-		}, W((t) => t.key === H && t.height === e ? t : {
-			key: H,
+		}, it((t) => t.key === B && t.height === e ? t : {
+			key: B,
 			height: e
 		}), k.screen.getState().updateSharedBarHeight(C, "topBar", e));
 	}, [
 		C,
 		k.screen,
-		H
-	]), vt = o((e) => {
-		e <= 0 || U === null || (mt.current && (mt.current.style.minHeight = `${e}px`), at.current = {
-			key: U,
+		B
+	]), bt = o((e) => {
+		e <= 0 || V === null || (G.current && (G.current.style.minHeight = `${e}px`), lt.current = {
+			key: V,
 			height: e
-		}, rt((t) => t.key === U && t.height === e ? t : {
-			key: U,
+		}, ot((t) => t.key === V && t.height === e ? t : {
+			key: V,
 			height: e
 		}), k.screen.getState().updateSharedBarHeight(C, "bottomBar", e));
 	}, [
-		U,
+		V,
 		C,
 		k.screen
-	]), yt = o((e) => {
-		ht.current = e, e?.offsetHeight && _t(e.offsetHeight);
-	}, [_t]), bt = o((e) => {
-		gt.current = e, e?.offsetHeight && vt(e.offsetHeight);
-	}, [vt]), Y = m({
+	]), xt = o((e) => {
+		K.current = e, e?.offsetHeight && yt(e.offsetHeight);
+	}, [yt]), St = o((e) => {
+		q.current = e, e?.offsetHeight && bt(e.offsetHeight);
+	}, [bt]), J = m({
 		transition: je,
-		decorator: F,
+		decorator: Ie,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!u,
 		sharedTopBarId: l,
@@ -602,12 +602,12 @@ function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 		isRoot: T,
 		isActive: w,
 		status: M,
-		dragStatus: ge,
+		dragStatus: N,
 		index: A
 	});
-	Y.current = {
+	J.current = {
 		transition: je,
-		decorator: F,
+		decorator: Ie,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!u,
 		sharedTopBarId: l,
@@ -616,223 +616,223 @@ function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 		isRoot: T,
 		isActive: w,
 		status: M,
-		dragStatus: ge,
+		dragStatus: N,
 		index: A
 	};
-	let xt = m(null), St = m(null);
-	xt.current ||= ye({
-		getTransition: () => Y.current.transition,
-		getDecorator: () => Y.current.decorator,
+	let Ct = m(null), wt = m(null);
+	Ct.current ||= be({
+		getTransition: () => J.current.transition,
+		getDecorator: () => J.current.decorator,
 		getElements: () => ({
-			scope: q.current,
-			screenContainer: K.current,
-			decorator: J.current,
-			sharedTopBar: ht.current,
-			sharedBottomBar: gt.current
+			scope: W.current,
+			screenContainer: U.current,
+			decorator: _t.current,
+			sharedTopBar: K.current,
+			sharedBottomBar: q.current
 		}),
-		hasSharedTopBar: () => Y.current.hasSharedTopBar,
-		hasSharedBottomBar: () => Y.current.hasSharedBottomBar,
-		getPartLayer: () => Ve(k.navigate),
-		getSharedTopBarId: () => Y.current.sharedTopBarId,
-		getSharedBottomBarId: () => Y.current.sharedBottomBarId,
-		getViewportScrollHeight: () => Y.current.viewportScrollHeight,
+		hasSharedTopBar: () => J.current.hasSharedTopBar,
+		hasSharedBottomBar: () => J.current.hasSharedBottomBar,
+		getPartLayer: () => We(k.navigate),
+		getSharedTopBarId: () => J.current.sharedTopBarId,
+		getSharedBottomBarId: () => J.current.sharedBottomBarId,
+		getViewportScrollHeight: () => J.current.viewportScrollHeight,
 		isReadyForDrag: () => {
-			let e = Y.current;
-			return !e.isRoot && e.isActive && e.status === "COMPLETED" && e.dragStatus === "IDLE" && !!e.transition.swipeDirection && e.viewportScrollHeight < 10;
+			let e = J.current;
+			return !e.isRoot && e.isActive && e.status === "COMPLETED" && e.dragStatus === "IDLE" && !!Ke(e.transition) && e.viewportScrollHeight < 10;
 		},
 		getPartnerBars: () => {
-			let e = Y.current, t = k.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
+			let e = J.current, t = k.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
 			return n ? k.screen.getState().sharedBars[n] : void 0;
 		},
 		getPartnerBarMetadata: () => {
-			let e = Y.current, t = k.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
+			let e = J.current, t = k.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
 			return n ? k.screen.getState().sharedBarMetadata[n] : void 0;
 		},
 		setDragStatus: _e,
 		back: () => k.driver.back(),
 		onDragStart: () => {
-			St.current?.settle(!1, 0), St.current = ce(k.navigate, "POPPING");
+			wt.current?.settle(!1, 0), wt.current = ce(k.navigate, "POPPING");
 		},
 		onDragProgress: (e) => {
-			St.current?.scrub(e);
+			wt.current?.scrub(e);
 		},
 		onDragSettle: (e, t) => {
-			St.current?.settle(e, t), St.current = null;
+			wt.current?.settle(e, t), wt.current = null;
 		}
 	});
-	let X = xt.current, Ct = (e) => X.pointerDown(e.nativeEvent), wt = (e) => X.pointerMove(e.nativeEvent), Tt = (e) => X.pointerUp(e.nativeEvent), Et = (e) => X.pointerCancel(e.nativeEvent), Dt = (e) => X.lostPointerCapture(e.nativeEvent), Ot = (e) => {
+	let Y = Ct.current, Tt = (e) => Y.pointerDown(e.nativeEvent), Et = (e) => Y.pointerMove(e.nativeEvent), Dt = (e) => Y.pointerUp(e.nativeEvent), Ot = (e) => Y.pointerCancel(e.nativeEvent), kt = (e) => Y.lostPointerCapture(e.nativeEvent), At = (e) => {
 		(M === "PUSHING" || M === "REPLACING") && (e.preventDefault(), e.stopPropagation());
 	};
 	c(() => {
-		Ce(q.current);
+		Te(W.current);
 	}, []), c(() => {
-		let e = q.current;
+		let e = W.current;
 		if (!e) return;
 		let t = (e) => {
-			X.shouldPreventTouch() && e.preventDefault();
+			Y.shouldPreventTouch() && e.preventDefault();
 		};
 		return e.addEventListener("touchmove", t, { passive: !1 }), () => {
-			e.removeEventListener("touchmove", t), X.abandon();
+			e.removeEventListener("touchmove", t), Y.abandon();
 		};
-	}, [X]), f(() => {
-		let { registerSharedBars: e, unregisterSharedBars: t } = k.screen.getState(), n = it.current, r = at.current;
+	}, [Y]), f(() => {
+		let { registerSharedBars: e, unregisterSharedBars: t } = k.screen.getState(), n = ct.current, r = lt.current;
 		return e(C, {
-			topBar: B,
-			bottomBar: V
+			topBar: L,
+			bottomBar: R
 		}, {
-			topBar: B ? {
+			topBar: L ? {
 				id: l,
-				height: n.key === H ? n.height : void 0
+				height: n.key === B ? n.height : void 0
 			} : void 0,
-			bottomBar: V ? {
+			bottomBar: R ? {
 				id: d,
-				height: r.key === U ? r.height : void 0
+				height: r.key === V ? r.height : void 0
 			} : void 0
 		}), () => t(C);
 	}, [
-		U,
 		V,
-		B,
+		R,
+		L,
 		C,
 		d,
 		l,
 		k.screen,
-		H
+		B
 	]), f(() => {
-		let e = ht.current;
-		if (e) return Ne(e, _t);
-	}, [_t, B]), f(() => {
-		let e = gt.current;
-		if (e) return Ne(e, vt);
-	}, [vt, V]), f(() => {
 		let e = K.current;
-		if (e && !(!B && !V)) return Ie(e);
-	}, [V, B]), f(() => {
+		if (e) return Fe(e, yt);
+	}, [yt, L]), f(() => {
 		let e = q.current;
+		if (e) return Fe(e, bt);
+	}, [bt, R]), f(() => {
+		let e = U.current;
+		if (e && !(!L && !R)) return Re(e);
+	}, [R, L]), f(() => {
+		let e = W.current;
 		if (!e) return;
 		let { registerScreenSurface: t, unregisterScreenSurface: n } = k.screen.getState();
-		return t(C, { opaqueBackground: Oe(getComputedStyle(e).backgroundColor) }), () => n(C);
+		return t(C, { opaqueBackground: Ae(getComputedStyle(e).backgroundColor) }), () => n(C);
 	}, [
 		C,
-		oe,
+		b,
 		M,
 		k.screen
 	]);
-	let kt = j, { app: At, nav: jt } = le({
+	let jt = j, { app: Mt, nav: Nt } = le({
 		status: M,
-		isTopOrTopPrev: kt,
-		hasTopBar: B,
-		hasNavBar: V,
+		isTopOrTopPrev: jt,
+		hasTopBar: L,
+		hasNavBar: R,
 		topBarId: l,
 		bottomBarId: d,
-		partnerBars: xe,
-		partnerMetadata: we
-	}), Z = b({
+		partnerBars: ye,
+		partnerMetadata: xe
+	}), X = oe({
 		status: M,
-		isTopOrTopPrev: kt,
+		isTopOrTopPrev: jt,
 		transitionName: D
-	}), Mt = ue({
+	}), Pt = ue({
 		isActive: w,
 		isPrev: de,
 		zIndex: E,
 		index: A,
 		status: M,
-		dragStatus: ge,
-		replaceTransitionStatus: N
-	}), Nt = m(Mt), Pt = m(Z !== null && Mt), Ft = m(null), zt = m(null), Bt = m(!1);
-	Z === null && (Bt.current = !0);
-	let Gt = !Bt.current, [Kt, qt] = h({
-		key: Z,
-		released: Z === null
+		dragStatus: N,
+		replaceTransitionStatus: ge
+	}), Ft = m(Pt), It = m(X !== null && Pt), Lt = m(null), Rt = m(null), zt = m(!1);
+	X === null && (zt.current = !0);
+	let Ut = !zt.current, [Wt, Yt] = h({
+		key: X,
+		released: X === null
 	});
-	Kt.key !== Z && (qt({
-		key: Z,
-		released: Z === null
-	}), Ft.current = null, zt.current = null, Pt.current = Z !== null && Nt.current), Nt.current = Mt;
-	let Jt = Z !== null && Kt.key === Z && !Kt.released && Ft.current !== Z, $ = Jt ? !w && Ee?.opaqueBackground ? g.PARK : w && (M === "PUSHING" || M === "REPLACING") && Ee?.opaqueBackground ? He().parkOver ? g.PARK_OVER : g.PARK_UNDER : g.HELD : g.RELEASED;
-	zt.current !== Z && ($ === g.PARK_OVER || $ === g.PARK) && (zt.current = Z);
-	let Yt = Z !== null && zt.current === Z, Xt = {
+	Wt.key !== X && (Yt({
+		key: X,
+		released: X === null
+	}), Lt.current = null, Rt.current = null, It.current = X !== null && Ft.current), Ft.current = Pt;
+	let Q = X !== null && Wt.key === X && !Wt.released && Lt.current !== X, $ = Q ? !w && Ce?.opaqueBackground ? g.PARK : w && (M === "PUSHING" || M === "REPLACING") && Ce?.opaqueBackground ? Ge().parkOver ? g.PARK_OVER : g.PARK_UNDER : g.HELD : g.RELEASED;
+	Rt.current !== X && ($ === g.PARK_OVER || $ === g.PARK) && (Rt.current = X);
+	let Xt = X !== null && Rt.current === X, Zt = {
 		zIndex: E,
-		paintHidden: x,
+		paintHidden: ae,
 		transitionName: D,
 		status: M,
 		isActive: w,
 		animHold: $,
-		rendersHost: !We,
+		rendersHost: !He,
 		screenId: C,
-		registerSlot: R
+		registerSlot: nt
 	};
-	f(() => ke.driveScreenLifecycle({
+	f(() => Oe.driveScreenLifecycle({
 		getElements: () => ({
-			scope: q.current,
-			decorator: J.current,
-			bars: [ht.current, gt.current],
-			screenContainer: K.current,
-			partLayer: Ve(k.navigate)
+			scope: W.current,
+			decorator: _t.current,
+			bars: [K.current, q.current],
+			screenContainer: U.current,
+			partLayer: We(k.navigate)
 		}),
 		transitionName: D,
 		prevTransitionName: fe,
 		status: M,
 		isActive: w,
-		animHoldReleased: !Jt
+		animHoldReleased: !Q
 	}), [
-		ke,
+		Oe,
 		M,
 		w,
 		fe,
 		D,
-		Jt,
+		Q,
 		k.navigate
 	]), c(() => {
-		if (!Jt || Z === null) return;
-		let e = Z, t = k.navigate.getState().transitionTaskId, n = t === null ? e : `${e}#${t}`;
-		return Ae.current.join(n, () => {
-			let t = Y.current.transition.driver === "native", n = He({ authoredNativeDriver: t }).atomicReleaseFlip;
+		if (!Q || X === null) return;
+		let e = X, t = k.navigate.getState().transitionTaskId, n = t === null ? e : `${e}#${t}`;
+		return ke.current.join(n, () => {
+			let t = J.current.transition.driver === "native", n = Ge({ authoredNativeDriver: t }).atomicReleaseFlip;
 			if (n) {
 				for (let e of [
+					W.current,
+					K.current,
 					q.current,
-					ht.current,
-					gt.current,
-					J.current
+					_t.current
 				]) e?.isConnected && e.getAttribute(_) !== null && e.setAttribute(_, g.RELEASED);
-				K.current && (K.current.style.zIndex = String(E + 1)), Ft.current = e;
+				U.current && (U.current.style.zIndex = String(E + 1)), Lt.current = e;
 			}
 			{
-				let t = () => qt((t) => t.key === e && !t.released ? {
+				let t = () => Yt((t) => t.key === e && !t.released ? {
 					key: e,
 					released: !0
 				} : t);
-				n && He().deferReleaseCommit && typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => t()) : Ze(t);
+				n && Ge().deferReleaseCommit && typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => t()) : tt(t);
 			}
 		}, {
-			scope: q.current,
-			decodeWait: Pt.current,
-			contentSettle: He().renderSettleGate && (w && M === "PUSHING" || M === "POPPING") ? {
+			scope: W.current,
+			decodeWait: It.current,
+			contentSettle: Ge().renderSettleGate && (w && M === "PUSHING" || M === "POPPING") ? {
 				firstWaitMs: 120,
 				capMs: 700,
-				graceMs: Gt ? 60 : 0,
+				graceMs: Ut ? 60 : 0,
 				minNodes: w ? 30 : 1,
 				renderSettleOnly: !0
 			} : void 0
 		});
 	}, [
-		Jt,
-		Z,
+		Q,
+		X,
 		$,
 		w,
-		Gt,
+		Ut,
 		M,
 		k.navigate,
 		E
 	]);
-	let Zt = $ === g.PARK_UNDER || $ === g.PARK_OVER ? {} : Te({
+	let Qt = $ === g.PARK_UNDER || $ === g.PARK_OVER ? {} : De({
 		initial: Me,
 		isActive: w,
 		status: M
 	});
-	return /* @__PURE__ */ Ye("div", {
-		ref: K,
-		onClickCapture: Ot,
+	return /* @__PURE__ */ $e("div", {
+		ref: U,
+		onClickCapture: At,
 		style: {
 			position: O,
 			top: 0,
@@ -840,7 +840,7 @@ function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			width: "100%",
 			height: "100%",
 			display: "flex",
-			visibility: x ? "hidden" : void 0,
+			visibility: ae ? "hidden" : void 0,
 			zIndex: $ === g.PARK_UNDER ? E - 1 : E + 1,
 			isolation: "isolate",
 			contain: "style",
@@ -849,35 +849,35 @@ function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			overscrollBehavior: "contain"
 		},
 		children: [
-			/* @__PURE__ */ Ye("div", {
-				ref: q,
-				...S,
-				onPointerDown: Ct,
-				onPointerMove: wt,
-				onPointerUp: Tt,
-				onPointerCancel: Et,
-				onLostPointerCapture: Dt,
+			/* @__PURE__ */ $e("div", {
+				ref: W,
+				...se,
+				onPointerDown: Tt,
+				onPointerMove: Et,
+				onPointerUp: Dt,
+				onPointerCancel: Ot,
+				onLostPointerCapture: kt,
 				"data-flemo-screen": C,
 				"data-flemo-router": me ?? void 0,
 				"data-flemo-transition": D,
 				"data-flemo-status": M,
 				"data-flemo-active": w ? "true" : "false",
 				"data-flemo-anim-hold": $,
-				"data-flemo-park-head": Yt ? "true" : void 0,
+				"data-flemo-park-head": Xt ? "true" : void 0,
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					height: "100%",
-					backgroundColor: oe,
-					overflowY: se ? void 0 : "auto",
+					backgroundColor: b,
+					overflowY: re ? void 0 : "auto",
 					touchAction: Pe === "x" ? "pan-y" : Pe === "y" ? "pan-x" : "auto",
-					...Zt,
-					...S.style
+					...Qt,
+					...se.style
 				},
 				children: [
-					!ne && t && /* @__PURE__ */ I("div", {
+					!v && t && /* @__PURE__ */ F("div", {
 						style: { minHeight: t },
-						children: /* @__PURE__ */ I("div", { style: {
+						children: /* @__PURE__ */ F("div", { style: {
 							position: O,
 							top: 0,
 							width: "100%",
@@ -885,46 +885,46 @@ function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 							backgroundColor: n
 						} })
 					}),
-					a && /* @__PURE__ */ I("div", {
-						ref: pt,
+					a && /* @__PURE__ */ F("div", {
+						ref: vt,
 						"data-flemo-bar-spacer": "app",
 						style: {
 							width: "100%",
-							minHeight: dt
+							minHeight: ht
 						}
 					}),
 					p,
-					/* @__PURE__ */ I("div", {
+					/* @__PURE__ */ F("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							flexGrow: 1,
-							overflowY: se ? "auto" : void 0
+							overflowY: re ? "auto" : void 0
 						},
-						children: /* @__PURE__ */ I(It.Provider, {
-							value: Ke,
-							children: /* @__PURE__ */ I(Rt.Provider, {
-								value: Xt,
+						children: /* @__PURE__ */ F(Bt.Provider, {
+							value: Ue,
+							children: /* @__PURE__ */ F(Ht.Provider, {
+								value: Zt,
 								children: e
 							})
 						})
 					}),
 					ee,
-					u && /* @__PURE__ */ I("div", {
-						ref: mt,
+					u && /* @__PURE__ */ F("div", {
+						ref: G,
 						"data-flemo-bar-spacer": "nav",
 						style: {
-							display: Re ? "none" : void 0,
+							display: ze ? "none" : void 0,
 							width: "100%",
-							minHeight: ft
+							minHeight: gt
 						}
 					}),
-					!re && r && /* @__PURE__ */ I("div", {
+					!y && r && /* @__PURE__ */ F("div", {
 						style: {
-							display: Re ? "none" : void 0,
+							display: ze ? "none" : void 0,
 							minHeight: r
 						},
-						children: /* @__PURE__ */ I("div", { style: {
+						children: /* @__PURE__ */ F("div", { style: {
 							position: O,
 							bottom: 0,
 							width: "100%",
@@ -934,8 +934,8 @@ function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					})
 				]
 			}),
-			a && /* @__PURE__ */ I("div", {
-				ref: yt,
+			a && /* @__PURE__ */ F("div", {
+				ref: xt,
 				"data-flemo-bar": "app",
 				"data-flemo-bar-id": l,
 				"data-flemo-bar-id-type": l === void 0 ? void 0 : typeof l,
@@ -943,18 +943,18 @@ function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 				"data-flemo-bar-transition": D,
 				"data-flemo-bar-status": M,
 				"data-flemo-bar-active": w ? "true" : "false",
-				"data-flemo-bar-riding": At ? "true" : "false",
+				"data-flemo-bar-riding": Mt ? "true" : "false",
 				"data-flemo-anim-hold": $,
 				style: {
 					position: O,
-					top: ne ? 0 : t,
+					top: v ? 0 : t,
 					left: 0,
 					width: "100%"
 				},
 				children: a
 			}),
-			u && /* @__PURE__ */ I("div", {
-				ref: bt,
+			u && /* @__PURE__ */ F("div", {
+				ref: St,
 				"data-flemo-bar": "nav",
 				"data-flemo-bar-id": d,
 				"data-flemo-bar-id-type": d === void 0 ? void 0 : typeof d,
@@ -962,38 +962,38 @@ function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 				"data-flemo-bar-transition": D,
 				"data-flemo-bar-status": M,
 				"data-flemo-bar-active": w ? "true" : "false",
-				"data-flemo-bar-riding": jt ? "true" : "false",
+				"data-flemo-bar-riding": Nt ? "true" : "false",
 				"data-flemo-anim-hold": $,
 				style: {
-					display: Re ? "none" : void 0,
+					display: ze ? "none" : void 0,
 					position: O,
-					bottom: re ? 0 : r,
+					bottom: y ? 0 : r,
 					left: 0,
 					width: "100%"
 				},
 				children: u
 			}),
-			F && !$e && /* @__PURE__ */ I(Ut, {
-				ref: J,
+			Ie && !Qe && /* @__PURE__ */ F(qt, {
+				ref: _t,
 				"data-flemo-anim-hold": $
 			}),
-			F && $e && Ke ? Xe(/* @__PURE__ */ I(Ut, {
-				ref: J,
+			Ie && Qe && Ue ? et(/* @__PURE__ */ F(qt, {
+				ref: _t,
 				"data-flemo-anim-hold": $,
 				style: { zIndex: E * 2 + 1 }
-			}), Ke) : null,
-			!We && /* @__PURE__ */ I("div", {
-				ref: Be,
-				[v]: "",
-				[y]: D,
-				[ae]: M,
+			}), Ue) : null,
+			!He && /* @__PURE__ */ F("div", {
+				ref: Ve,
+				[ne]: "",
+				[ie]: D,
+				[S]: M,
 				[te]: w ? "true" : "false",
 				[_]: $,
 				style: {
 					position: "absolute",
 					inset: 0,
 					pointerEvents: "none",
-					zIndex: ie
+					zIndex: x
 				}
 			})
 		]
@@ -1001,8 +1001,8 @@ function Gt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 }
 //#endregion
 //#region src/screen/Screen.tsx
-function Kt({ children: e, ...t }) {
-	let { isActive: n, isPrev: r, zIndex: i } = z(), a = G((e) => e.index), o = Ht((e) => e.status), s = Q((e) => e.dragStatus), l = Q((e) => e.replaceTransitionStatus), u = C({
+function Q({ children: e, ...t }) {
+	let { isActive: n, isPrev: r, zIndex: i } = z(), a = H((e) => e.index), o = Kt((e) => e.status), s = Z((e) => e.dragStatus), l = Z((e) => e.replaceTransitionStatus), u = T({
 		isActive: n,
 		isPrev: r,
 		zIndex: i,
@@ -1013,24 +1013,24 @@ function Kt({ children: e, ...t }) {
 	}), [d, f] = h(u !== "live");
 	return u === "live" && d && f(!1), u === "immediate" && !d && f(!0), c(() => {
 		if (u !== "deferred" || d) return;
-		let e = setTimeout(() => f(!0), qt);
+		let e = setTimeout(() => f(!0), $);
 		return () => clearTimeout(e);
-	}, [u, d]), /* @__PURE__ */ I(Ft, {
+	}, [u, d]), /* @__PURE__ */ F(zt, {
 		freeze: d,
 		mode: u,
-		children: /* @__PURE__ */ I(Gt, {
+		children: /* @__PURE__ */ F(Yt, {
 			paintHidden: d,
 			...t,
 			children: e
 		})
 	});
 }
-var qt = 600;
+var $ = 600;
 //#endregion
 //#region src/screen/Part.tsx
-function Jt({ ref: e, name: t, style: n, children: r, ...i }) {
-	let { isActive: a, isPrev: o, navigateStore: c, routerId: l, transitionName: u } = z(), d = s(tt), f = l ?? d ?? void 0, p = L(), m = W(c ?? p.navigate, (e) => o ? "COMPLETED" : e.status);
-	return /* @__PURE__ */ I("div", {
+function Xt({ ref: e, name: t, style: n, children: r, ...i }) {
+	let { isActive: a, isPrev: o, navigateStore: c, routerId: l, transitionName: u } = z(), d = s(st), f = l ?? d ?? void 0, p = I(), m = ot(c ?? p.navigate, (e) => o ? "COMPLETED" : e.status);
+	return /* @__PURE__ */ F("div", {
 		ref: e,
 		"data-flemo-part-name": t,
 		"data-flemo-transition": u,
@@ -1044,15 +1044,15 @@ function Jt({ ref: e, name: t, style: n, children: r, ...i }) {
 }
 //#endregion
 //#region src/screen/Layer.tsx
-function $({ children: e }) {
-	let t = Lt(), n = zt();
-	return !t || !n ? null : Xe(/* @__PURE__ */ I("div", {
+function Zt({ children: e }) {
+	let t = Vt(), n = Ut();
+	return !t || !n ? null : et(/* @__PURE__ */ F("div", {
 		ref: n.registerSlot,
 		[re]: "",
-		[ne]: n.screenId,
+		[b]: n.screenId,
 		...n.rendersHost ? {} : {
-			[y]: n.transitionName,
-			[ae]: n.status,
+			[ie]: n.transitionName,
+			[S]: n.status,
 			[te]: n.isActive ? "true" : "false",
 			[_]: n.animHold
 		},
@@ -1063,7 +1063,7 @@ function $({ children: e }) {
 			zIndex: n.zIndex * 2,
 			visibility: n.paintHidden ? "hidden" : void 0
 		},
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ F("div", {
 			style: {
 				display: "contents",
 				pointerEvents: "auto"
@@ -1074,17 +1074,17 @@ function $({ children: e }) {
 }
 //#endregion
 //#region src/screen/Morph.tsx
-function Yt({ ref: e, layoutId: t, name: n, as: r = "div", style: a, children: c, ...l }) {
-	let { isActive: u, isPrev: d, navigateStore: p, routerId: h, transitionName: ee } = z(), te = s(tt), g = L(), _ = p ?? g.navigate, v = W(_, (e) => d ? "COMPLETED" : e.status), ne = m(null), re = o((t) => {
-		ne.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
-	}, [e]), ie = !!p;
+function Qt({ ref: e, layoutId: t, name: n, as: r = "div", style: a, children: c, ...l }) {
+	let { isActive: u, isPrev: d, navigateStore: p, routerId: h, transitionName: ee } = z(), te = s(st), g = I(), _ = p ?? g.navigate, v = ot(_, (e) => d ? "COMPLETED" : e.status), y = m(null), ne = o((t) => {
+		y.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+	}, [e]), b = !!p;
 	return f(() => {
-		let e = ne.current;
-		if (e) return x(e, {
+		let e = y.current;
+		if (e) return C(e, {
 			layoutId: t,
 			name: n,
 			navigateStore: _,
-			ownership: ie ? {
+			ownership: b ? {
 				status: v,
 				active: u
 			} : null
@@ -1092,7 +1092,7 @@ function Yt({ ref: e, layoutId: t, name: n, as: r = "div", style: a, children: c
 	}, [
 		t,
 		n,
-		ie,
+		b,
 		_,
 		v,
 		u
@@ -1100,10 +1100,10 @@ function Yt({ ref: e, layoutId: t, name: n, as: r = "div", style: a, children: c
 		"data-flemo-morph-slot": "",
 		style: { display: "contents" }
 	}, i(r, {
-		ref: re,
+		ref: ne,
 		"data-flemo-morph": "",
 		"data-flemo-morph-name": n,
-		...ie ? {
+		...b ? {
 			"data-flemo-transition": ee,
 			"data-flemo-router": h ?? te ?? void 0
 		} : null,
@@ -1113,22 +1113,22 @@ function Yt({ ref: e, layoutId: t, name: n, as: r = "div", style: a, children: c
 }
 //#endregion
 //#region src/stores/RouterScopeProvider.tsx
-function Xt({ children: e }) {
+function $t({ children: e }) {
 	let [t] = h(() => ({
-		history: fe(),
-		navigate: O(),
-		transition: xe(),
-		screen: _e(),
-		driver: E(),
+		history: O(),
+		navigate: me(),
+		transition: Ce(),
+		screen: P(),
+		driver: fe(),
 		memory: !1,
-		markSelfInduced: Ae,
-		consume: w,
+		markSelfInduced: Me,
+		consume: de,
 		life: { alive: !0 }
 	}));
-	return /* @__PURE__ */ I(Qe.Provider, {
+	return /* @__PURE__ */ F(nt.Provider, {
 		value: t,
 		children: e
 	});
 }
 //#endregion
-export { $ as Layer, Yt as Morph, Jt as Part, kt as Route, Ot as Router, Xt as RouterScopeProvider, Kt as Screen, R as ScreenContext, Ut as ScreenDecorator, Ft as ScreenFreeze, Gt as ScreenMotion, vt as Slot, de as createBrowserHistoryDriver, D as createDecorator, pe as createMorphTransition, me as createPartTransition, A as createRawDecorator, he as createRawMorphTransition, j as createRawPartTransition, M as createRawTransition, P as createTransition, Me as morphTransitionMap, Fe as partTransitionMap, G as useHistoryStore, jt as useNavigate, Ht as useNavigateStore, Nt as useParams, Z as usePathname, z as useScreen, Q as useScreenStore, Mt as useStep, L as useStores, Wt as useViewportScrollHeight };
+export { v as DEFAULT_COMMIT_FRACTION, y as DEFAULT_COMMIT_VELOCITY, Zt as Layer, Qt as Morph, Xt as Part, Nt as Route, Mt as Router, $t as RouterScopeProvider, Q as Screen, R as ScreenContext, qt as ScreenDecorator, zt as ScreenFreeze, Yt as ScreenMotion, St as Slot, D as createBrowserHistoryDriver, pe as createDecorator, k as createMorphTransition, he as createPartTransition, j as createRawDecorator, M as createRawMorphTransition, N as createRawPartTransition, ge as createRawTransition, xe as createTransition, Pe as morphTransitionMap, Le as partTransitionMap, H as useHistoryStore, Pt as useNavigate, Kt as useNavigateStore, Lt as useParams, Ft as usePathname, z as useScreen, Z as useScreenStore, It as useStep, I as useStores, Jt as useViewportScrollHeight };