@flemo/react 2.1.0 → 2.2.0

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