@flemo/react 2.2.1 → 2.2.3

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 } 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";
+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";
 //#region src/stores/StoreContext.ts
-var $e = r(null);
+var Ye = r(null);
 //#endregion
 //#region src/stores/useStores.ts
-function P() {
-	let e = s($e);
+function R() {
+	let e = s(Ye);
 	if (!e) throw Error("flemo stores are missing. Render inside a <Router>.");
 	return e;
 }
 //#endregion
 //#region src/history/HistoryListener.tsx
-function et() {
-	let e = P();
-	return c(() => (M(e), () => Ve(e)), [e]), null;
+function Xe() {
+	let e = R();
+	return c(() => (I(e), () => Le(e)), [e]), null;
 }
 //#endregion
 //#region src/screen/ScreenContext.ts
-var tt = r({
+var Ze = r({
 	id: "",
 	isActive: !1,
 	isRoot: !0,
@@ -33,15 +33,15 @@ var tt = r({
 });
 //#endregion
 //#region src/screen/useScreen.ts
-function F() {
-	return s(tt);
+function z() {
+	return s(Ze);
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsContext.ts
-var nt = r({}), I = r(() => {});
+var Qe = r({}), $e = r(() => {});
 //#endregion
 //#region src/screen/ParamsProvider/ParamsReducer.ts
-function L(e, t) {
+function B(e, t) {
 	switch (t.type) {
 		case "SET": return t.params;
 		default: return e;
@@ -49,10 +49,10 @@ function L(e, t) {
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsProvider.tsx
-function R({ children: e }) {
-	let { isActive: t, params: n } = F(), { driver: r } = P(), [i, a] = ee(L, n);
+function V({ children: e }) {
+	let { isActive: t, params: n } = z(), { driver: r } = R(), [i, a] = p(B, n);
 	return c(() => {
-		if (t) return Je(r, (e) => a({
+		if (t) return We(r, (e) => a({
 			type: "SET",
 			params: e
 		}));
@@ -60,9 +60,9 @@ function R({ children: e }) {
 		t,
 		a,
 		r
-	]), /* @__PURE__ */ N(I.Provider, {
+	]), /* @__PURE__ */ L($e.Provider, {
 		value: a,
-		children: /* @__PURE__ */ N(nt.Provider, {
+		children: /* @__PURE__ */ L(Qe.Provider, {
 			value: i,
 			children: e
 		})
@@ -70,42 +70,42 @@ function R({ 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 z = (e) => e;
-function B(t, n = z) {
+var H = (e) => e;
+function U(t, n = H) {
 	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 V(e) {
-	return B(P().history, e);
+function W(e) {
+	return U(R().history, e);
 }
 //#endregion
 //#region src/RouterIdContext.ts
-var rt = r(null);
+var et = r(null);
 //#endregion
 //#region src/renderer/Renderer.tsx
-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__ */ N(tt.Provider, {
+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, {
 			value: {
 				...t,
 				isPrev: t.isPrev || a.isPrev,
 				navigateStore: i.navigate,
 				routerId: o ?? void 0,
-				routePath: Ee(r.props.path, t.pathname)
+				routePath: Se(r.props.path, t.pathname)
 			},
-			children: /* @__PURE__ */ N(R, { children: r })
+			children: /* @__PURE__ */ L(V, { children: r })
 		}, t.id) : null;
 	});
 }
 //#endregion
 //#region src/screen/MorphLayer/MorphLayer.tsx
-function at({ stores: e }) {
-	let t = p(null);
-	return f(() => (Re(e.navigate, t.current), () => Re(e.navigate, null)), [e.navigate]), /* @__PURE__ */ N("div", {
+function nt({ stores: e }) {
+	let t = m(null);
+	return f(() => (Pe(e.navigate, t.current), () => Pe(e.navigate, null)), [e.navigate]), /* @__PURE__ */ L("div", {
 		ref: t,
 		"data-flemo-morph-layer": "",
 		"aria-hidden": "true",
@@ -118,9 +118,9 @@ function at({ 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", {
+function rt({ stores: e }) {
+	let t = m(null);
+	return f(() => (Fe(e.navigate, t.current), () => Fe(e.navigate, null)), [e.navigate]), /* @__PURE__ */ L("div", {
 		ref: t,
 		"data-flemo-part-layer": "",
 		"aria-hidden": "true",
@@ -133,14 +133,14 @@ function ot({ stores: e }) {
 }
 //#endregion
 //#region src/screen/ScreenViewportContext.ts
-var st = r({ contained: !1 });
-function ct() {
-	return s(st);
+var it = r({ contained: !1 });
+function at() {
+	return s(it);
 }
 //#endregion
 //#region src/transition/styles.ts
-function lt(e, t, n = [], r = []) {
-	d(() => Be(e, t, n, r), [
+function ot(e, t, n = [], r = []) {
+	d(() => Ie(e, t, n, r), [
 		e,
 		t,
 		n,
@@ -149,50 +149,50 @@ function lt(e, t, n = [], r = []) {
 }
 //#endregion
 //#region src/utils/devDiagnostics.ts
-function ut() {
+function st() {
 	return typeof process < "u" && process.env.NODE_ENV !== "production";
 }
-function dt(e) {
-	!ut() || typeof console > "u" || console.error(`[flemo] ${e}`);
+function ct(e) {
+	!st() || typeof console > "u" || console.error(`[flemo] ${e}`);
 }
-function ft(e) {
-	if (ut()) throw Error(`[flemo] ${e}`);
+function lt(e) {
+	if (st()) throw Error(`[flemo] ${e}`);
 }
 //#endregion
 //#region src/RouterDepthContext.ts
-var pt = r(0), mt = r(null), ht = [
+var ut = r(0), dt = r(null), ft = [
 	"current",
 	"parent",
 	"root",
 	"nearest-owner"
-], H = (e) => ht.includes(e), U = (e) => {
+], pt = (e) => ft.includes(e), G = (e) => {
 	let t = [];
 	for (let n = e; n; n = n.parent) t.push(n);
 	return t;
 };
-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, t, n) {
+	return e.routePaths.length === 0 || e.routePaths.some((e) => e === t) ? !0 : n ? De(e.routePaths, n) : !1;
 }
-function gt(e) {
-	return U(e).map((e, t) => {
+function q(e) {
+	return G(e).map((e, t) => {
 		let n = t === 0 ? "current" : `${t} level(s) up`;
 		return e.name ? `"${e.name}" (${n})` : `<unnamed> (${n})`;
 	}).join(", ");
 }
-function _t({ from: e, target: t, path: n, pathname: r }) {
+function mt({ 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" ? 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);
+	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);
 		return t ? {
 			node: t,
 			message: null
 		} : {
 			node: null,
-			message: `no <Router name="${a}"> encloses this call. Routers in scope: ${gt(e)}.`
+			message: `no <Router name="${a}"> encloses this call. Routers in scope: ${q(e)}.`
 		};
 	}
 	switch (i) {
@@ -204,7 +204,7 @@ function _t({ 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 = U(e);
+			let t = G(e);
 			return {
 				node: t[t.length - 1],
 				message: null
@@ -215,13 +215,13 @@ function _t({ 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 = U(e).find((e) => W(e, n, r));
+			let t = G(e).find((e) => K(e, n, r));
 			return t ? {
 				node: t,
 				message: null
 			} : {
 				node: null,
-				message: `no <Router> in scope declares a <Route path="${n}">. Routers in scope: ${gt(e)}.`
+				message: `no <Router> in scope declares a <Route path="${n}">. Routers in scope: ${q(e)}.`
 			};
 		}
 		default: return {
@@ -230,129 +230,129 @@ function _t({ from: e, target: t, path: n, pathname: r }) {
 		};
 	}
 }
-function G(e) {
+function ht(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 K = { contained: !0 };
-function q({ children: e, className: t, style: n }) {
-	return /* @__PURE__ */ N("div", {
+var gt = { contained: !0 };
+function J({ children: e, className: t, style: n }) {
+	return /* @__PURE__ */ L("div", {
 		className: t,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...n
 		},
-		children: /* @__PURE__ */ N(st.Provider, {
-			value: K,
-			children: /* @__PURE__ */ N(it, { children: e })
+		children: /* @__PURE__ */ L(it.Provider, {
+			value: gt,
+			children: /* @__PURE__ */ L(tt, { children: e })
 		})
 	});
 }
 //#endregion
 //#region src/Router.tsx
-function J(e) {
+function _t(e) {
 	let t = null;
 	return n.forEach(e, (e) => {
 		if (t || !a(e)) return;
-		if (e.type === q) {
+		if (e.type === J) {
 			t = n.toArray(e.props.children).filter(a);
 			return;
 		}
 		let r = e.props.children;
 		if (r) {
-			let e = J(r);
+			let e = _t(r);
 			e && (t = e);
 		}
 	}), t;
 }
-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,
+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,
 		defaultTransitionName: o,
-		memory: _,
-		browserDriver: C,
-		hostedScope: fe,
-		routerKey: x ? void 0 : y,
-		zoneEntryId: g && !x && v.id || void 0,
-		persistKey: g && !_ && !x ? y : void 0
+		memory: S,
+		browserDriver: D,
+		hostedScope: ce,
+		routerKey: T ? void 0 : C,
+		zoneEntryId: x && !T && ie.id || void 0,
+		persistKey: x && !S && !T ? C : void 0
 	}));
 	vt(() => {
-		O.transition.getState().defaultTransitionName !== o && O.transition.setState({ defaultTransitionName: o });
+		M.transition.getState().defaultTransitionName !== o && M.transition.setState({ defaultTransitionName: o });
 	});
-	let k = s(mt), [A] = m(() => ({
+	let N = s(dt), [P] = h(() => ({
 		name: t,
-		stores: O,
-		routePaths: b,
+		stores: M,
+		routePaths: w,
 		strictRoutes: r,
-		parent: k,
-		depth: re
+		parent: N,
+		depth: v
 	}));
 	yt(() => {
-		A.name = t, A.stores = O, A.routePaths = b, A.strictRoutes = r, A.parent = k;
+		P.name = t, P.stores = M, P.routePaths = w, P.strictRoutes = r, P.parent = N;
 	}), c(() => {
-		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]), lt(u, d, f, ee), c(() => qe(), []), c(() => {
-		_ || !C || Ge({
-			driver: C,
-			routerKey: x ? null : y,
-			nested: g && !x,
-			seedPathname: me,
+		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({
+			driver: D,
+			routerKey: T ? null : C,
+			nested: x && !T,
+			seedPathname: ue,
 			defaultTransitionName: o,
-			rootParams: O.history.getState().histories[0]?.params ?? {}
+			rootParams: M.history.getState().histories[0]?.params ?? {}
 		});
 	}, [
-		_,
+		S,
+		T,
 		x,
-		g,
-		y,
-		me,
+		C,
+		ue,
 		o,
-		O.history,
-		C
+		M.history,
+		D
 	]);
-	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__ */ Xe($e.Provider, {
-					value: O,
-					children: [/* @__PURE__ */ N(et, {}), g ? /* @__PURE__ */ N(st.Provider, {
-						value: St,
-						children: he
-					}) : he]
+	let de = se ? e : /* @__PURE__ */ L(tt, { children: e }), F = /* @__PURE__ */ L(et.Provider, {
+		value: b,
+		children: /* @__PURE__ */ L(ut.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]
 				})
 			})
 		})
 	});
-	return g ? /* @__PURE__ */ Xe("div", {
-		className: h,
+	return x ? /* @__PURE__ */ Ke("div", {
+		className: g,
 		style: {
 			position: "relative",
 			overflow: "hidden",
-			...ne
+			..._
 		},
 		children: [
-			j,
-			/* @__PURE__ */ N(at, { stores: O }),
-			/* @__PURE__ */ N(ot, { stores: O })
+			F,
+			/* @__PURE__ */ L(nt, { stores: M }),
+			/* @__PURE__ */ L(rt, { stores: M })
 		]
-	}) : /* @__PURE__ */ Xe(Ye, { children: [
-		j,
-		/* @__PURE__ */ N(at, { stores: O }),
-		/* @__PURE__ */ N(ot, { stores: O })
+	}) : /* @__PURE__ */ Ke(Ge, { children: [
+		F,
+		/* @__PURE__ */ L(nt, { stores: M }),
+		/* @__PURE__ */ L(rt, { stores: M })
 	] });
 }
 //#endregion
@@ -363,12 +363,12 @@ function wt({ element: e }) {
 //#endregion
 //#region src/utils/buildRoutePath.ts
 function Tt(e, t) {
-	return y(e, t);
+	return C(e, t);
 }
 //#endregion
 //#region src/navigate/useNavigate.ts
 function Et(e) {
-	let t = P(), n = s(mt) ?? {
+	let t = R(), n = s(dt) ?? {
 		stores: t,
 		routePaths: [],
 		strictRoutes: !1,
@@ -381,18 +381,18 @@ function Et(e) {
 		} catch {
 			o = void 0;
 		}
-		let { node: s, message: c } = _t({
+		let { node: s, message: c } = mt({
 			from: n,
 			target: a,
 			path: r,
 			pathname: o
 		});
-		if (!s) return ft(c ?? "the requested Router could not be resolved."), null;
-		if (c && dt(c), r && !W(s, r, o)) {
+		if (!s) return lt(c ?? "the requested Router could not be resolved."), null;
+		if (c && ct(c), r && !K(s, r, o)) {
 			let e = `"${r}" is not declared by ${s.name ? `<Router name="${s.name}">` : "the target <Router>"}, so the navigation cannot mount a screen there. Declare a matching <Route>, target the Router that owns it, or use \`router: "nearest-owner"\`.`;
-			a !== void 0 || s.strictRoutes ? ft(e) : dt(e);
+			a !== void 0 || s.strictRoutes ? lt(e) : ct(e);
 		}
-		return me({
+		return ue({
 			stores: s.stores,
 			buildPathname: (e, t) => Tt(e, t),
 			driver: s.stores.driver,
@@ -417,20 +417,20 @@ function Et(e) {
 //#endregion
 //#region src/navigate/usePathname.ts
 function Dt() {
-	return V((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
+	return W((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
 }
 //#endregion
 //#region src/navigate/useStep.ts
 function Ot() {
-	let { routePath: e } = F(), t = P(), n = s(I), { driver: r, markSelfInduced: i } = t, [a, o] = m(null);
+	let { routePath: e } = z(), t = R(), n = s($e), { driver: r, markSelfInduced: i } = t, [a, o] = h(null);
 	c(() => {
-		if (!e) return o(Le(r.readState())), r.subscribe((e) => o(Le(e.state)));
+		if (!e) return o(Ne(r.readState())), r.subscribe((e) => o(Ne(e.state)));
 	}, [e, r]);
-	let l = ve({
+	let l = me({
 		stores: t,
 		driver: r,
 		markSelfInduced: i,
-		buildStepPathname: (t) => e ? Tt(e, t).pathname : ce(r.readPathname(), t),
+		buildStepPathname: (t) => e ? Tt(e, t).pathname : re(r.readPathname(), t),
 		applyParams: (t) => {
 			n({
 				type: "SET",
@@ -448,16 +448,16 @@ function Ot() {
 //#endregion
 //#region src/screen/ParamsProvider/useParams.ts
 function kt() {
-	return s(nt);
+	return s(Qe);
 }
 //#endregion
 //#region src/screen/ScreenFreeze.tsx
 var At = 3e3;
-function Z({ freeze: e, mode: n = "deferred", children: r }) {
-	let [i, a] = m(e), o = p(null);
+function jt({ freeze: e, mode: n = "deferred", children: r }) {
+	let [i, a] = h(e), o = m(null);
 	return !e && i && a(!1), c(() => {
 		if (!(!e || i)) {
-			if (n === "immediate" || !De()) {
+			if (n === "immediate" || !Ce()) {
 				a(!0);
 				return;
 			}
@@ -471,46 +471,47 @@ function Z({ freeze: e, mode: n = "deferred", children: r }) {
 		e,
 		i,
 		n
-	]), /* @__PURE__ */ N(t, {
+	]), /* @__PURE__ */ L(t, {
 		mode: e && i ? "hidden" : "visible",
 		children: r
 	});
 }
 //#endregion
 //#region src/screen/LayerContext.ts
-var jt = r(null);
-function Mt() {
-	return s(jt);
+var Mt = r(null);
+function Nt() {
+	return s(Mt);
 }
-var Nt = r(null);
-function Pt() {
-	return s(Nt);
+var Pt = r(null);
+function Z() {
+	return s(Pt);
 }
 //#endregion
 //#region src/screen/scopeAnimHoldCoordinator.ts
 var Ft = /* @__PURE__ */ new WeakMap();
 function It(e) {
 	let t = Ft.get(e);
-	return t || (t = x(), Ft.set(e, t)), t;
+	return t || (t = T(), Ft.set(e, t)), t;
 }
 //#endregion
 //#region src/stores/useNavigateStore.ts
 function Lt(e) {
-	return B(P().navigate, e);
+	return U(R().navigate, e);
 }
 //#endregion
 //#region src/screen/ScreenDecorator.tsx
 function Rt({ ref: e, style: t, ...n }) {
-	let { isActive: r, isPrev: i, transitionName: a } = F(), o = p(null);
-	u(e, () => o.current);
-	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,
+	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", {
+		ref: s,
 		"data-flemo-decorator": !0,
-		"data-flemo-decorator-name": d.name,
-		"data-flemo-transition": c.name,
-		"data-flemo-status": s,
-		"data-flemo-active": r ? "true" : "false",
+		"data-flemo-decorator-name": f.name,
+		"data-flemo-decorator-owner": r,
+		"data-flemo-transition": l.name,
+		"data-flemo-status": c,
+		"data-flemo-active": i ? "true" : "false",
 		style: {
 			position: "absolute",
 			top: 0,
@@ -526,8 +527,8 @@ function Rt({ ref: e, style: t, ...n }) {
 //#endregion
 //#region src/screen/useViewportScrollHeight.ts
 function zt() {
-	let [e, t] = m(0), [n, r] = m(0);
-	return c(() => Pe((e, n) => {
+	let [e, t] = h(0), [n, r] = h(0);
+	return c(() => Ae((e, n) => {
 		r(n), t(e);
 	}), []), {
 		viewportScrollHeight: e,
@@ -537,98 +538,98 @@ function zt() {
 //#endregion
 //#region src/stores/useScreenStore.ts
 function Q(e) {
-	return B(P().screen, e);
+	return U(R().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: 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: be,
-		setReplaceTransitionStatus: Se
+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,
+		setReplaceTransitionStatus: ve
 	});
-	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,
+	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({
+		key: H,
 		height: 0
-	}), [at, ot] = m({
-		key: z,
+	}), [rt, it] = h({
+		key: U,
 		height: 0
-	}), 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,
+	}), 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 = {
+			key: H,
 			height: e
-		}, it((t) => t.key === R && t.height === e ? t : {
-			key: R,
+		}, nt((t) => t.key === H && t.height === e ? t : {
+			key: H,
 			height: e
-		}), O.screen.getState().updateSharedBarHeight(x, "topBar", e));
+		}), M.screen.getState().updateSharedBarHeight(T, "topBar", e));
 	}, [
-		x,
-		O.screen,
-		R
-	]), J = o((e) => {
-		e <= 0 || z === null || (_t.current && (_t.current.style.minHeight = `${e}px`), lt.current = {
-			key: z,
+		T,
+		M.screen,
+		H
+	]), vt = o((e) => {
+		e <= 0 || U === null || (ht.current && (ht.current.style.minHeight = `${e}px`), st.current = {
+			key: U,
 			height: e
-		}, ot((t) => t.key === z && t.height === e ? t : {
-			key: z,
+		}, it((t) => t.key === U && t.height === e ? t : {
+			key: U,
 			height: e
-		}), O.screen.getState().updateSharedBarHeight(x, "bottomBar", e));
+		}), M.screen.getState().updateSharedBarHeight(T, "bottomBar", e));
 	}, [
-		z,
-		x,
-		O.screen
-	]), vt = o((e) => {
-		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,
+		U,
+		T,
+		M.screen
+	]), yt = o((e) => {
+		gt.current = e, e?.offsetHeight && _t(e.offsetHeight);
+	}, [_t]), bt = o((e) => {
+		J.current = e, e?.offsetHeight && vt(e.offsetHeight);
+	}, [vt]), Y = m({
+		transition: Ae,
+		decorator: Fe,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!u,
 		sharedTopBarId: l,
 		sharedBottomBarId: d,
-		viewportScrollHeight: Be,
-		isRoot: pe,
-		isActive: S,
-		status: j,
-		dragStatus: _e,
-		index: A
+		viewportScrollHeight: Ie,
+		isRoot: le,
+		isActive: E,
+		status: F,
+		dragStatus: pe,
+		index: P
 	});
 	Y.current = {
-		transition: Pe,
-		decorator: ze,
+		transition: Ae,
+		decorator: Fe,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!u,
 		sharedTopBarId: l,
 		sharedBottomBarId: d,
-		viewportScrollHeight: Be,
-		isRoot: pe,
-		isActive: S,
-		status: j,
-		dragStatus: _e,
-		index: A
+		viewportScrollHeight: Ie,
+		isRoot: le,
+		isActive: E,
+		status: F,
+		dragStatus: pe,
+		index: P
 	};
-	let bt = p(null), xt = p(null);
-	bt.current ||= ye({
+	let xt = m(null), St = m(null);
+	xt.current ||= he({
 		getTransition: () => Y.current.transition,
 		getDecorator: () => Y.current.decorator,
 		getElements: () => ({
-			scope: U.current,
-			screenContainer: H.current,
-			decorator: W.current,
-			sharedTopBar: G.current,
-			sharedBottomBar: K.current
+			scope: K.current,
+			screenContainer: G.current,
+			decorator: q.current,
+			sharedTopBar: gt.current,
+			sharedBottomBar: J.current
 		}),
 		hasSharedTopBar: () => Y.current.hasSharedTopBar,
 		hasSharedBottomBar: () => Y.current.hasSharedBottomBar,
-		getPartLayer: () => He(O.navigate),
+		getPartLayer: () => Re(M.navigate),
 		getSharedTopBarId: () => Y.current.sharedTopBarId,
 		getSharedBottomBarId: () => Y.current.sharedBottomBarId,
 		getViewportScrollHeight: () => Y.current.viewportScrollHeight,
@@ -637,32 +638,32 @@ 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 = O.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
-			return n ? O.screen.getState().sharedBars[n] : void 0;
+			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;
 		},
 		getPartnerBarMetadata: () => {
-			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;
+			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;
 		},
-		setDragStatus: be,
-		back: () => O.driver.back(),
+		setDragStatus: ge,
+		back: () => M.driver.back(),
 		onDragStart: () => {
-			xt.current = le(O.navigate, "POPPING");
+			St.current?.settle(!1, 0), St.current = ae(M.navigate, "POPPING");
 		},
 		onDragProgress: (e) => {
-			xt.current?.scrub(e);
+			St.current?.scrub(e);
 		},
 		onDragSettle: (e, t) => {
-			xt.current?.settle(e, t), xt.current = null;
+			St.current?.settle(e, t), St.current = null;
 		}
 	});
-	let X = bt.current, St = (e) => X.pointerDown(e.nativeEvent), Ct = (e) => X.pointerMove(e.nativeEvent), wt = (e) => X.pointerUp(e.nativeEvent), Tt = (e) => X.pointerCancel(e.nativeEvent), Et = (e) => X.lostPointerCapture(e.nativeEvent), Dt = (e) => {
-		(j === "PUSHING" || j === "REPLACING") && (e.preventDefault(), e.stopPropagation());
+	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());
 	};
 	c(() => {
-		we(U.current);
+		be(K.current);
 	}, []), c(() => {
-		let e = U.current;
+		let e = K.current;
 		if (!e) return;
 		let t = (e) => {
 			X.shouldPreventTouch() && e.preventDefault();
@@ -671,173 +672,173 @@ function Bt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			e.removeEventListener("touchmove", t), X.abandon();
 		};
 	}, [X]), f(() => {
-		let { registerSharedBars: e, unregisterSharedBars: t } = O.screen.getState(), n = st.current, r = lt.current;
-		return e(x, {
-			topBar: I,
-			bottomBar: L
+		let { registerSharedBars: e, unregisterSharedBars: t } = M.screen.getState(), n = ot.current, r = st.current;
+		return e(T, {
+			topBar: B,
+			bottomBar: V
 		}, {
-			topBar: I ? {
+			topBar: B ? {
 				id: l,
-				height: n.key === R ? n.height : void 0
+				height: n.key === H ? n.height : void 0
 			} : void 0,
-			bottomBar: L ? {
+			bottomBar: V ? {
 				id: d,
-				height: r.key === z ? r.height : void 0
+				height: r.key === U ? r.height : void 0
 			} : void 0
-		}), () => t(x);
+		}), () => t(T);
 	}, [
-		z,
-		L,
-		I,
-		x,
+		U,
+		V,
+		B,
+		T,
 		d,
 		l,
-		O.screen,
-		R
+		M.screen,
+		H
 	]), f(() => {
+		let e = gt.current;
+		if (e) return ke(e, _t);
+	}, [_t, B]), f(() => {
+		let e = J.current;
+		if (e) return ke(e, vt);
+	}, [vt, V]), f(() => {
 		let e = G.current;
-		if (e) return Ne(e, q);
-	}, [q, I]), f(() => {
+		if (e && !(!B && !V)) return Me(e);
+	}, [V, B]), 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(x, { opaqueBackground: Oe(getComputedStyle(e).backgroundColor) }), () => n(x);
+		let { registerScreenSurface: t, unregisterScreenSurface: n } = M.screen.getState();
+		return t(T, { opaqueBackground: we(getComputedStyle(e).backgroundColor) }), () => n(T);
 	}, [
-		x,
-		v,
-		j,
-		O.screen
+		T,
+		ie,
+		F,
+		M.screen
 	]);
-	let Ot = ge, { app: kt, nav: At } = ue({
-		status: j,
-		isTopOrTopPrev: Ot,
-		hasTopBar: I,
-		hasNavBar: L,
+	let kt = fe, { app: At, nav: jt } = oe({
+		status: F,
+		isTopOrTopPrev: kt,
+		hasTopBar: B,
+		hasNavBar: V,
 		topBarId: l,
 		bottomBarId: d,
-		partnerBars: Ee,
-		partnerMetadata: De
-	}), Z = _({
-		status: j,
-		isTopOrTopPrev: Ot,
-		transitionName: T
-	}), Pt = de({
-		isActive: S,
-		isPrev: C,
-		zIndex: w,
-		index: A,
-		status: j,
-		dragStatus: _e,
-		replaceTransitionStatus: ve
-	}), 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({
+		partnerBars: Se,
+		partnerMetadata: Ce
+	}), Z = S({
+		status: F,
+		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({
 		key: Z,
 		released: Z === null
 	});
-	Gt.key !== Z && (Kt({
+	Kt.key !== Z && (qt({
 		key: Z,
 		released: Z === null
-	}), 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: S,
+	}), 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,
 		animHold: $,
-		rendersHost: !Je,
-		screenId: x,
-		registerSlot: nt
+		rendersHost: !We,
+		screenId: T,
+		registerSlot: $e
 	};
-	f(() => je.driveScreenLifecycle({
+	f(() => De.driveScreenLifecycle({
 		getElements: () => ({
-			scope: U.current,
-			decorator: W.current,
-			bars: [G.current, K.current],
-			screenContainer: H.current,
-			partLayer: He(O.navigate)
+			scope: K.current,
+			decorator: q.current,
+			bars: [gt.current, J.current],
+			screenContainer: G.current,
+			partLayer: Re(M.navigate)
 		}),
-		transitionName: T,
-		prevTransitionName: E,
-		status: j,
-		isActive: S,
-		animHoldReleased: !qt
+		transitionName: k,
+		prevTransitionName: A,
+		status: F,
+		isActive: E,
+		animHoldReleased: !Jt
 	}), [
-		je,
-		j,
-		S,
+		De,
+		F,
 		E,
-		T,
-		qt,
-		O.navigate
+		A,
+		k,
+		Jt,
+		M.navigate
 	]), c(() => {
-		if (!qt || Z === null) return;
-		let e = Z, t = O.navigate.getState().transitionTaskId, n = t === null ? e : `${e}#${t}`;
-		return Me.current.join(n, () => {
-			let t = Y.current.transition.driver === "native", n = Ue({ authoredNativeDriver: t }).atomicReleaseFlip;
+		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;
 			if (n) {
 				for (let e of [
-					U.current,
-					G.current,
 					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;
+					gt.current,
+					J.current,
+					q.current
+				]) e?.isConnected && e.getAttribute(_) !== null && e.setAttribute(_, g.RELEASED);
+				G.current && (G.current.style.zIndex = String(O + 1)), Ht.current = e;
 			}
 			{
-				let t = () => Kt((t) => t.key === e && !t.released ? {
+				let t = () => qt((t) => t.key === e && !t.released ? {
 					key: e,
 					released: !0
 				} : t);
-				n && Ue().deferReleaseCommit && typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => t()) : Qe(t);
+				n && ze().deferReleaseCommit && typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => t()) : Je(t);
 			}
 		}, {
-			scope: U.current,
-			decodeWait: Bt.current,
-			contentSettle: Ue().renderSettleGate && (S && j === "PUSHING" || j === "POPPING") ? {
+			scope: K.current,
+			decodeWait: Vt.current,
+			contentSettle: ze().renderSettleGate && (E && F === "PUSHING" || F === "POPPING") ? {
 				firstWaitMs: 120,
 				capMs: 700,
-				graceMs: Wt ? 60 : 0,
-				minNodes: S ? 30 : 1,
+				graceMs: Gt ? 60 : 0,
+				minNodes: E ? 30 : 1,
 				renderSettleOnly: !0
 			} : void 0
 		});
 	}, [
-		qt,
+		Jt,
 		Z,
 		$,
-		S,
-		Wt,
-		j,
-		O.navigate,
-		w
+		E,
+		Gt,
+		F,
+		M.navigate,
+		O
 	]);
-	let Xt = $ === h.PARK_UNDER || $ === h.PARK_OVER ? {} : Te({
-		initial: Fe,
-		isActive: S,
-		status: j
+	let Zt = $ === g.PARK_UNDER || $ === g.PARK_OVER ? {} : xe({
+		initial: je,
+		isActive: E,
+		status: F
 	});
-	return /* @__PURE__ */ Xe("div", {
-		ref: H,
-		onClickCapture: Dt,
+	return /* @__PURE__ */ Ke("div", {
+		ref: G,
+		onClickCapture: Ot,
 		style: {
-			position: D,
+			position: j,
 			top: 0,
 			left: 0,
 			width: "100%",
 			height: "100%",
 			display: "flex",
-			visibility: b ? "hidden" : void 0,
-			zIndex: $ === h.PARK_UNDER ? w - 1 : w + 1,
+			visibility: w ? "hidden" : void 0,
+			zIndex: $ === g.PARK_UNDER ? O - 1 : O + 1,
 			isolation: "isolate",
 			contain: "style",
 			flexDirection: "column",
@@ -845,83 +846,83 @@ function Bt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			overscrollBehavior: "contain"
 		},
 		children: [
-			/* @__PURE__ */ Xe("div", {
-				ref: U,
-				...fe,
-				onPointerDown: St,
-				onPointerMove: Ct,
-				onPointerUp: wt,
-				onPointerCancel: Tt,
-				onLostPointerCapture: Et,
-				"data-flemo-screen": x,
-				"data-flemo-router": k ?? void 0,
-				"data-flemo-transition": T,
-				"data-flemo-status": j,
-				"data-flemo-active": S ? "true" : "false",
+			/* @__PURE__ */ Ke("div", {
+				ref: K,
+				...ce,
+				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-anim-hold": $,
-				"data-flemo-park-head": Jt ? "true" : void 0,
+				"data-flemo-park-head": Yt ? "true" : void 0,
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					height: "100%",
-					backgroundColor: v,
-					overflowY: y ? void 0 : "auto",
-					touchAction: Le === "x" ? "pan-y" : Le === "y" ? "pan-x" : "auto",
-					...Xt,
-					...fe.style
+					backgroundColor: ie,
+					overflowY: C ? void 0 : "auto",
+					touchAction: Ne === "x" ? "pan-y" : Ne === "y" ? "pan-x" : "auto",
+					...Zt,
+					...ce.style
 				},
 				children: [
-					!ae && t && /* @__PURE__ */ N("div", {
+					!y && t && /* @__PURE__ */ L("div", {
 						style: { minHeight: t },
-						children: /* @__PURE__ */ N("div", { style: {
-							position: D,
+						children: /* @__PURE__ */ L("div", { style: {
+							position: j,
 							top: 0,
 							width: "100%",
 							minHeight: t,
 							backgroundColor: n
 						} })
 					}),
-					a && /* @__PURE__ */ N("div", {
-						ref: gt,
+					a && /* @__PURE__ */ L("div", {
+						ref: mt,
 						"data-flemo-bar-spacer": "app",
 						style: {
 							width: "100%",
-							minHeight: mt
+							minHeight: ft
 						}
 					}),
-					ee,
-					/* @__PURE__ */ N("div", {
+					p,
+					/* @__PURE__ */ L("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							flexGrow: 1,
-							overflowY: y ? "auto" : void 0
+							overflowY: C ? "auto" : void 0
 						},
-						children: /* @__PURE__ */ N(jt.Provider, {
-							value: Ye,
-							children: /* @__PURE__ */ N(Nt.Provider, {
-								value: Yt,
+						children: /* @__PURE__ */ L(Mt.Provider, {
+							value: Ge,
+							children: /* @__PURE__ */ L(Pt.Provider, {
+								value: Xt,
 								children: e
 							})
 						})
 					}),
-					ie,
-					u && /* @__PURE__ */ N("div", {
-						ref: _t,
+					te,
+					u && /* @__PURE__ */ L("div", {
+						ref: ht,
 						"data-flemo-bar-spacer": "nav",
 						style: {
-							display: Ve ? "none" : void 0,
+							display: Le ? "none" : void 0,
 							width: "100%",
-							minHeight: ht
+							minHeight: pt
 						}
 					}),
-					!ce && r && /* @__PURE__ */ N("div", {
+					!re && r && /* @__PURE__ */ L("div", {
 						style: {
-							display: Ve ? "none" : void 0,
+							display: Le ? "none" : void 0,
 							minHeight: r
 						},
-						children: /* @__PURE__ */ N("div", { style: {
-							position: D,
+						children: /* @__PURE__ */ L("div", { style: {
+							position: j,
 							bottom: 0,
 							width: "100%",
 							minHeight: r,
@@ -930,65 +931,66 @@ function Bt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					})
 				]
 			}),
-			a && /* @__PURE__ */ N("div", {
-				ref: vt,
+			a && /* @__PURE__ */ L("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": k ?? void 0,
-				"data-flemo-bar-transition": T,
-				"data-flemo-bar-status": j,
-				"data-flemo-bar-active": S ? "true" : "false",
-				"data-flemo-bar-riding": kt ? "true" : "false",
+				"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-bar-riding": At ? "true" : "false",
 				"data-flemo-anim-hold": $,
 				style: {
-					position: D,
-					top: ae ? 0 : t,
+					position: j,
+					top: y ? 0 : t,
 					left: 0,
 					width: "100%"
 				},
 				children: a
 			}),
-			u && /* @__PURE__ */ N("div", {
-				ref: yt,
+			u && /* @__PURE__ */ L("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": k ?? void 0,
-				"data-flemo-bar-transition": T,
-				"data-flemo-bar-status": j,
-				"data-flemo-bar-active": S ? "true" : "false",
-				"data-flemo-bar-riding": At ? "true" : "false",
+				"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-bar-riding": jt ? "true" : "false",
 				"data-flemo-anim-hold": $,
 				style: {
-					display: Ve ? "none" : void 0,
-					position: D,
-					bottom: ce ? 0 : r,
+					display: Le ? "none" : void 0,
+					position: j,
+					bottom: re ? 0 : r,
 					left: 0,
 					width: "100%"
 				},
 				children: u
 			}),
-			ze && /* @__PURE__ */ N(Rt, {
-				ref: W,
+			Fe && !Qe && /* @__PURE__ */ L(Rt, {
+				ref: q,
 				"data-flemo-anim-hold": $
 			}),
-			ze && et && Ye ? Ze(/* @__PURE__ */ N(Rt, {
+			Fe && Qe && Ge ? qe(/* @__PURE__ */ L(Rt, {
+				ref: q,
 				"data-flemo-anim-hold": $,
-				style: { zIndex: w * 2 + 1 }
-			}), Ye) : null,
-			!Je && /* @__PURE__ */ N("div", {
-				ref: qe,
-				[re]: "",
-				[g]: T,
-				[se]: j,
-				[te]: S ? "true" : "false",
-				[ne]: $,
+				style: { zIndex: O * 2 + 1 }
+			}), Ge) : null,
+			!We && /* @__PURE__ */ L("div", {
+				ref: Ue,
+				[v]: "",
+				[x]: k,
+				[b]: F,
+				[ee]: E ? "true" : "false",
+				[_]: $,
 				style: {
 					position: "absolute",
 					inset: 0,
 					pointerEvents: "none",
-					zIndex: oe
+					zIndex: ne
 				}
 			})
 		]
@@ -997,7 +999,7 @@ 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 } = F(), a = V((e) => e.index), o = Lt((e) => e.status), s = Q((e) => e.dragStatus), l = Q((e) => e.replaceTransitionStatus), u = b({
+	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({
 		isActive: n,
 		isPrev: r,
 		zIndex: i,
@@ -1005,15 +1007,15 @@ function Vt({ children: e, ...t }) {
 		status: o,
 		dragStatus: s,
 		replaceTransitionStatus: l
-	}), [d, f] = m(u !== "live");
+	}), [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);
 		return () => clearTimeout(e);
-	}, [u, d]), /* @__PURE__ */ N(Z, {
+	}, [u, d]), /* @__PURE__ */ L(jt, {
 		freeze: d,
 		mode: u,
-		children: /* @__PURE__ */ N(Bt, {
+		children: /* @__PURE__ */ L(Bt, {
 			paintHidden: d,
 			...t,
 			children: e
@@ -1024,13 +1026,13 @@ var Ht = 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 } = 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", {
+	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", {
 		ref: e,
 		"data-flemo-part-name": t,
 		"data-flemo-transition": u,
 		"data-flemo-router": f,
-		"data-flemo-status": p,
+		"data-flemo-status": m,
 		"data-flemo-active": a ? "true" : "false",
 		style: n,
 		...i,
@@ -1040,16 +1042,16 @@ function Ut({ ref: e, name: t, style: n, children: r, ...i }) {
 //#endregion
 //#region src/screen/Layer.tsx
 function Wt({ children: e }) {
-	let t = Mt(), n = Pt();
-	return !t || !n ? null : Ze(/* @__PURE__ */ N("div", {
+	let t = Nt(), n = Z();
+	return !t || !n ? null : qe(/* @__PURE__ */ L("div", {
 		ref: n.registerSlot,
-		[ae]: "",
-		[ie]: n.screenId,
+		[y]: "",
+		[te]: n.screenId,
 		...n.rendersHost ? {} : {
-			[g]: n.transitionName,
-			[se]: n.status,
-			[te]: n.isActive ? "true" : "false",
-			[ne]: n.animHold
+			[x]: n.transitionName,
+			[b]: n.status,
+			[ee]: n.isActive ? "true" : "false",
+			[_]: n.animHold
 		},
 		style: {
 			position: "absolute",
@@ -1058,7 +1060,7 @@ function Wt({ children: e }) {
 			zIndex: n.zIndex * 2,
 			visibility: n.paintHidden ? "hidden" : void 0
 		},
-		children: /* @__PURE__ */ N("div", {
+		children: /* @__PURE__ */ L("div", {
 			style: {
 				display: "contents",
 				pointerEvents: "auto"
@@ -1069,23 +1071,28 @@ function Wt({ children: e }) {
 }
 //#endregion
 //#region src/screen/Morph.tsx
-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]);
+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;
 	return f(() => {
-		let e = h.current;
-		if (e) return v(e, {
+		let e = y.current;
+		if (e) return ie(e, {
 			layoutId: t,
 			name: n,
-			navigateStore: m
+			navigateStore: v,
+			ownership: b ? {
+				status: te,
+				active: u
+			} : null
 		});
 	}, [
 		t,
 		n,
-		m,
+		b,
+		v,
 		te,
-		l
+		u
 	]), i(r, {
 		"data-flemo-morph-slot": "",
 		style: { display: "contents" }
@@ -1093,28 +1100,32 @@ function Gt({ ref: e, layoutId: t, name: n, as: r = "div", style: a, children: s
 		ref: ne,
 		"data-flemo-morph": "",
 		"data-flemo-morph-name": n,
+		...b ? {
+			"data-flemo-transition": ee,
+			"data-flemo-router": h ?? g ?? void 0
+		} : null,
 		style: a,
-		...c
-	}, s));
+		...l
+	}, c));
 }
 //#endregion
 //#region src/stores/RouterScopeProvider.tsx
 function Kt({ children: e }) {
-	let [t] = m(() => ({
-		history: w(),
-		navigate: E(),
-		transition: Se(),
-		screen: _e(),
-		driver: pe(),
+	let [t] = h(() => ({
+		history: O(),
+		navigate: A(),
+		transition: ve(),
+		screen: pe(),
+		driver: le(),
 		memory: !1,
-		markSelfInduced: Ae,
-		consume: fe,
+		markSelfInduced: Ee,
+		consume: ce,
 		life: { alive: !0 }
 	}));
-	return /* @__PURE__ */ N($e.Provider, {
+	return /* @__PURE__ */ L(Ye.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, 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 };
+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 };