@flemo/react 2.2.3 → 2.2.4

package/dist/index.mjs

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