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