@flemo/react 1.11.0 → 1.12.0

package/dist/index.mjs

@@ -1,25 +1,25 @@
-import e, { Activity as t, Children as n, createContext as r, isValidElement as i, useCallback as a, useContext as o, useEffect as s, useId as c, useImperativeHandle as l, useInsertionEffect as u, useLayoutEffect as d, useReducer as f, useRef as p, useState as m } from "react";
-import { animHoldKey as ee, appendParamsQuery as te, buildRoutePath as ne, computeBarRiding as re, computeScreenFreeze as ie, computeScreenFreezeMode as h, consumeSelfInducedPop as g, createAnimHoldCoordinator as ae, createBrowserHistoryDriver as _, createBrowserHistoryDriver as oe, createDecorator as v, createHistoryStore as y, createNavigateStore as b, createNavigationController as se, createPartTransition as x, createRawDecorator as S, createRawPartTransition as ce, createRawTransition as C, createRouterScope as w, createScreenSelector as T, createScreenStore as E, createStepController as D, createSwipeController as le, createTransition as ue, createTransitionEngine as O, createTransitionStore as de, decoratorMap as fe, detectBlinkEngine as pe, eagerlyDecodeImages as me, ensureGpuPipelinePrewarm as k, ensureImageDecodeOffloader as he, ensureScopeHistorySync as ge, enteringInitialStyle as _e, getMatchedPathPattern as ve, governedCompiledActive as ye, holdCompositorWarm as be, isLegacyAndroidBlink as A, isOpaqueColor as xe, isServer as Se, markSelfInducedPop as j, matchesPathname as Ce, observeBarHeight as we, observeViewportScrollHeight as Te, partTransitionMap as Ee, readImageOffloadOverride as De, readPrerasterFlag as Oe, readSettleGateFlag as ke, readStepParams as M, registerTransitionDefinitions as Ae, releaseScopeHistorySync as je, resolveTransition as Me, seedRouterEntry as Ne, sharedBarsMatch as Pe, steadySixtyPlayerEligible as Fe, subscribeStepParamsRestore as Ie } from "@flemo/core";
-import { jsx as N, jsxs as Le } from "react/jsx-runtime";
-import { flushSync as Re } from "react-dom";
+import e, { Activity as t, Children as n, createContext as r, isValidElement as i, useCallback as a, useContext as o, useEffect as s, useId as c, useImperativeHandle as l, useInsertionEffect as u, useLayoutEffect as d, useReducer as f, useRef as p, useState as m, useSyncExternalStore as ee } from "react";
+import { animHoldKey as te, appendParamsQuery as ne, buildRoutePath as re, computeBarRiding as ie, computeScreenFreeze as ae, computeScreenFreezeMode as oe, consumeSelfInducedPop as se, createAnimHoldCoordinator as h, createBrowserHistoryDriver as g, createBrowserHistoryDriver as _, createDecorator as v, createHistoryStore as y, createNavigateStore as ce, createNavigationController as b, createPartTransition as x, createRawDecorator as le, createRawPartTransition as S, createRawTransition as C, createRouterScope as w, createScreenSelector as T, createScreenStore as E, createStepController as D, createSwipeController as ue, createTransition as O, createTransitionEngine as de, createTransitionStore as k, decoratorMap as fe, detectBlinkEngine as A, eagerlyDecodeImages as pe, ensureGpuPipelinePrewarm as me, ensureImageDecodeOffloader as he, ensureScopeHistorySync as j, enteringInitialStyle as ge, getMatchedPathPattern as _e, governedCompiledActive as ve, holdCompositorWarm as M, isLegacyAndroidBlink as ye, isOpaqueColor as be, isServer as N, markSelfInducedPop as xe, matchesPathname as Se, observeBarHeight as Ce, observeViewportScrollHeight as we, partTransitionMap as Te, readImageOffloadOverride as Ee, readLayerPromotionFlag as De, readPrerasterFlag as Oe, readSettleGateFlag as ke, readStepParams as Ae, registerTransitionDefinitions as je, releaseScopeHistorySync as Me, resolveTransition as Ne, seedRouterEntry as Pe, sharedBarsMatch as Fe, steadySixtyPlayerEligible as Ie, subscribeStepParamsRestore as Le } from "@flemo/core";
+import { jsx as P, jsxs as Re } from "react/jsx-runtime";
+import { flushSync as ze } from "react-dom";
 //#region src/stores/StoreContext.ts
-var P = r(null);
+var F = r(null);
 //#endregion
 //#region src/stores/useStores.ts
-function F() {
-	let e = o(P);
+function I() {
+	let e = o(F);
 	if (!e) throw Error("flemo stores are missing. Render inside a <Router>.");
 	return e;
 }
 //#endregion
 //#region src/history/HistoryListener.tsx
-function ze() {
-	let e = F();
-	return s(() => (ge(e), () => je(e)), [e]), null;
+function L() {
+	let e = I();
+	return s(() => (j(e), () => Me(e)), [e]), null;
 }
 //#endregion
 //#region src/screen/ScreenContext.ts
-var I = r({
+var R = r({
 	id: "",
 	isActive: !1,
 	isRoot: !0,
@@ -34,15 +34,15 @@ var I = r({
 });
 //#endregion
 //#region src/screen/useScreen.ts
-function L() {
-	return o(I);
+function z() {
+	return o(R);
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsContext.ts
-var R = r({}), z = r(() => {});
+var B = r({}), Be = r(() => {});
 //#endregion
 //#region src/screen/ParamsProvider/ParamsReducer.ts
-function B(e, t) {
+function Ve(e, t) {
 	switch (t.type) {
 		case "SET": return t.params;
 		default: return e;
@@ -50,10 +50,10 @@ function B(e, t) {
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsProvider.tsx
-function Be({ children: e }) {
-	let { isActive: t, params: n } = L(), { driver: r } = F(), [i, a] = f(B, n);
+function He({ children: e }) {
+	let { isActive: t, params: n } = z(), { driver: r } = I(), [i, a] = f(Ve, n);
 	return s(() => {
-		if (t) return Ie(r, (e) => a({
+		if (t) return Le(r, (e) => a({
 			type: "SET",
 			params: e
 		}));
@@ -61,9 +61,9 @@ function Be({ children: e }) {
 		t,
 		a,
 		r
-	]), /* @__PURE__ */ N(z.Provider, {
+	]), /* @__PURE__ */ P(Be.Provider, {
 		value: a,
-		children: /* @__PURE__ */ N(R.Provider, {
+		children: /* @__PURE__ */ P(B.Provider, {
 			value: i,
 			children: e
 		})
@@ -71,120 +71,220 @@ function Be({ children: e }) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/zustand@5.0.14_@types+react@19.2.18_react@19.2.8/node_modules/zustand/esm/react.mjs
-var Ve = (e) => e;
-function V(t, n = Ve) {
+var Ue = (e) => e;
+function V(t, n = Ue) {
 	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 H(e) {
-	return V(F().history, e);
+	return V(I().history, e);
 }
 //#endregion
 //#region src/RouterIdContext.ts
-var He = r(null);
+var We = r(null);
 //#endregion
 //#region src/renderer/Renderer.tsx
-function Ue({ children: e }) {
-	let t = H((e) => e.index), r = H((e) => e.histories), i = F(), a = o(I), s = o(He);
+function Ge({ children: e }) {
+	let t = H((e) => e.index), r = H((e) => e.histories), i = I(), a = o(R), s = o(We);
 	return T(r, t).map((t) => {
-		let [r] = n.toArray(e).filter((e) => Ce(e.props.path, t.pathname));
-		return r ? /* @__PURE__ */ N(I.Provider, {
+		let [r] = n.toArray(e).filter((e) => Se(e.props.path, t.pathname));
+		return r ? /* @__PURE__ */ P(R.Provider, {
 			value: {
 				...t,
 				isPrev: t.isPrev || a.isPrev,
 				navigateStore: i.navigate,
 				routerId: s ?? void 0,
-				routePath: ve(r.props.path, t.pathname)
+				routePath: _e(r.props.path, t.pathname)
 			},
-			children: /* @__PURE__ */ N(Be, { children: r })
+			children: /* @__PURE__ */ P(He, { children: r })
 		}, t.id) : null;
 	});
 }
 //#endregion
 //#region src/screen/ScreenViewportContext.ts
-var U = r({ contained: !1 });
-function We() {
-	return o(U);
+var Ke = r({ contained: !1 });
+function qe() {
+	return o(Ke);
 }
 //#endregion
 //#region src/transition/styles.ts
-function Ge(e, t, n = []) {
-	u(() => Ae(e, t, n), [
+function Je(e, t, n = []) {
+	u(() => je(e, t, n), [
 		e,
 		t,
 		n
 	]);
 }
 //#endregion
+//#region src/utils/devDiagnostics.ts
+function Ye() {
+	return typeof process < "u" && process.env.NODE_ENV !== "production";
+}
+function Xe(e) {
+	!Ye() || typeof console > "u" || console.error(`[flemo] ${e}`);
+}
+function Ze(e) {
+	if (Ye()) throw Error(`[flemo] ${e}`);
+}
+//#endregion
 //#region src/RouterDepthContext.ts
-var Ke = r(0), qe = { contained: !0 };
-function Je({ children: e, className: t, style: n }) {
-	return /* @__PURE__ */ N("div", {
+var Qe = r(0), U = r(null), W = [
+	"current",
+	"parent",
+	"root",
+	"nearest-owner"
+], $e = (e) => W.includes(e), G = (e) => {
+	let t = [];
+	for (let n = e; n; n = n.parent) t.push(n);
+	return t;
+};
+function et(e, t, n) {
+	return e.routePaths.length === 0 || e.routePaths.some((e) => e === t) ? !0 : n ? Se(e.routePaths, n) : !1;
+}
+function K(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 q({ 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" ? $e(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: ${K(e)}.`
+		};
+	}
+	switch (i) {
+		case "parent": return e.parent ? {
+			node: e.parent,
+			message: null
+		} : {
+			node: null,
+			message: "router: \"parent\" was requested, but the enclosing <Router> is the outermost one (it has no parent Router)."
+		};
+		case "root": {
+			let t = G(e);
+			return {
+				node: t[t.length - 1],
+				message: null
+			};
+		}
+		case "nearest-owner": {
+			if (!n) return {
+				node: e,
+				message: "router: \"nearest-owner\" needs a route to search for, and pop() carries none. Falling back to \"current\" — name the Router explicitly for a cross-Router pop."
+			};
+			let t = G(e).find((e) => et(e, n, r));
+			return t ? {
+				node: t,
+				message: null
+			} : {
+				node: null,
+				message: `no <Router> in scope declares a <Route path="${n}">. Routers in scope: ${K(e)}.`
+			};
+		}
+		default: return {
+			node: e,
+			message: null
+		};
+	}
+}
+function tt(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 nt = { contained: !0 };
+function rt({ children: e, className: t, style: n }) {
+	return /* @__PURE__ */ P("div", {
 		className: t,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...n
 		},
-		children: /* @__PURE__ */ N(U.Provider, {
-			value: qe,
-			children: /* @__PURE__ */ N(Ue, { children: e })
+		children: /* @__PURE__ */ P(Ke.Provider, {
+			value: nt,
+			children: /* @__PURE__ */ P(Ge, { children: e })
 		})
 	});
 }
 //#endregion
 //#region src/Router.tsx
-function Ye(e) {
+function it(e) {
 	let t = null;
 	return n.forEach(e, (e) => {
 		if (t || !i(e)) return;
-		if (e.type === Je) {
+		if (e.type === rt) {
 			t = n.toArray(e.props.children).filter(i);
 			return;
 		}
 		let r = e.props.children;
 		if (r) {
-			let e = Ye(r);
+			let e = it(r);
 			e && (t = e);
 		}
 	}), t;
 }
-var Xe = typeof window > "u" ? s : d, Ze = [], Qe = [], W = [], $e = { contained: !0 }, et = 500, tt = 3e3;
-function G({ children: e, initPath: t = "/", defaultTransitionName: r = "cupertino", transitions: i = Ze, decorators: a = Qe, partTransitions: l = W, history: u = "browser", createDriver: d, className: f, style: p }) {
-	let ee = o(Ke), te = c(), [ne, re] = m(!1);
-	s(() => re(!0), []);
-	let ie = ne ? te : null, h = ee > 0, g = u === "memory", ae = c(), _ = o(I), v = o(P), y = h && _.id ? `_F_${v?.routerKey ?? ""}${_.id}_` : ae, b = Ye(e), se = b !== null, x = h ? null : v, S = x !== null, ce = d ?? oe, [C] = m(() => g ? null : ce(S ? void 0 : y)), T = !h && !g && !Se(), E = T && C ? C.readPathname() : t || "/", D = E.indexOf("?"), le = (D >= 0 ? E.slice(0, D) : E) || "/", ue = T ? window.location.search : D >= 0 ? E.slice(D) : "", [O] = m(() => {
-		let t = (b ?? n.toArray(e)).map((e) => e.props.path).flat();
-		return w({
-			routePaths: t,
-			pathname: le,
-			search: ue,
-			defaultTransitionName: r,
-			memory: g,
-			browserDriver: C,
-			hostedScope: x,
-			routerKey: S ? void 0 : y,
-			zoneEntryId: h && !S && _.id || void 0,
-			persistKey: h && !g && !S ? y : void 0
-		});
+var J = typeof window > "u" ? s : d, at = typeof window > "u" ? s : u, Y = [], ot = [], st = [], ct = { contained: !0 }, lt = 500, ut = 3e3;
+function dt({ children: e, name: t, strictRoutes: r = !1, initPath: a = "/", defaultTransitionName: l = "cupertino", transitions: u = Y, decorators: d = ot, partTransitions: f = st, history: p = "browser", createDriver: ee, className: te, style: ne }) {
+	let re = o(Qe), ie = c(), [ae, oe] = m(!1);
+	s(() => oe(!0), []);
+	let se = ae ? ie : null, h = re > 0, g = p === "memory", v = c(), y = o(R), ce = o(F), b = h && y.id ? `_F_${ce?.routerKey ?? ""}${y.id}_` : v, x = it(e), le = x !== null, S = (x ?? n.toArray(e).filter(i)).flatMap((e) => e.props?.path ? [e.props.path].flat() : []), C = h ? null : ce, T = C !== null, E = ee ?? _, [D] = m(() => g ? null : E(T ? void 0 : b)), ue = !h && !g && !N(), O = ue && D ? D.readPathname() : a || "/", de = O.indexOf("?"), k = (de >= 0 ? O.slice(0, de) : O) || "/", fe = ue ? window.location.search : de >= 0 ? O.slice(de) : "", [A] = m(() => w({
+		routePaths: S,
+		pathname: k,
+		search: fe,
+		defaultTransitionName: l,
+		memory: g,
+		browserDriver: D,
+		hostedScope: C,
+		routerKey: T ? void 0 : b,
+		zoneEntryId: h && !T && y.id || void 0,
+		persistKey: h && !g && !T ? b : void 0
+	}));
+	J(() => {
+		A.transition.getState().defaultTransitionName !== l && A.transition.setState({ defaultTransitionName: l });
 	});
-	O.transition.setState({ defaultTransitionName: r }), Xe(() => (O.life.alive = !0, () => {
-		O.life.alive = !1;
-	}), [O]), Ge(i, a, l), s(() => {
-		let e = De();
-		if (e !== "off") return e === "on" || A() ? he() : void 0;
-	}, []), s(() => k(), []), s(() => {
+	let pe = o(U), [j] = m(() => ({
+		name: t,
+		stores: A,
+		routePaths: S,
+		strictRoutes: r,
+		parent: pe,
+		depth: re
+	}));
+	at(() => {
+		j.name = t, j.stores = A, j.routePaths = S, j.strictRoutes = r, j.parent = pe;
+	}), s(() => {
+		tt(j) && Xe(`duplicate <Router name="${j.name}">: an enclosing <Router> already uses that name, so \`router\` targets resolve to the nearer one. Give each nested Router a unique name.`);
+	}, [j, t]), J(() => (A.life.alive = !0, () => {
+		A.life.alive = !1;
+	}), [A]), Je(u, d, f), s(() => {
+		let e = Ee();
+		if (e !== "off") return e === "on" || ye() ? he() : void 0;
+	}, []), s(() => me(), []), s(() => {
 		if (typeof document > "u") return;
 		let e = null, t = null, n = 0, r = () => {
 			let r = Date.now();
-			if (r - n < et) return;
+			if (r - n < lt) return;
 			n = r, t && clearTimeout(t);
 			let i = e;
-			e = be(), i?.(), t = setTimeout(() => {
+			e = M(), i?.(), t = setTimeout(() => {
 				t = null, e?.(), e = null;
-			}, tt);
+			}, ut);
 		}, i = [
 			"pointerdown",
 			"pointermove",
@@ -198,89 +298,126 @@ function G({ children: e, initPath: t = "/", defaultTransitionName: r = "cuperti
 			t && clearTimeout(t), e?.();
 		};
 	}, []), s(() => {
-		g || !C || Ne({
-			driver: C,
-			routerKey: S ? null : y,
-			nested: h && !S,
-			seedPathname: le,
-			defaultTransitionName: r,
-			rootParams: O.history.getState().histories[0]?.params ?? {}
+		g || !D || Pe({
+			driver: D,
+			routerKey: T ? null : b,
+			nested: h && !T,
+			seedPathname: k,
+			defaultTransitionName: l,
+			rootParams: A.history.getState().histories[0]?.params ?? {}
 		});
 	}, [
 		g,
-		S,
+		T,
 		h,
-		y,
-		le,
-		r,
-		O.history,
-		C
+		b,
+		k,
+		l,
+		A.history,
+		D
 	]);
-	let de = se ? e : /* @__PURE__ */ N(Ue, { children: e }), fe = /* @__PURE__ */ N(He.Provider, {
-		value: ie,
-		children: /* @__PURE__ */ N(Ke.Provider, {
-			value: ee + 1,
-			children: /* @__PURE__ */ Le(P.Provider, {
-				value: O,
-				children: [!g && /* @__PURE__ */ N(ze, {}), h ? /* @__PURE__ */ N(U.Provider, {
-					value: $e,
-					children: de
-				}) : de]
+	let ge = le ? e : /* @__PURE__ */ P(Ge, { children: e }), _e = /* @__PURE__ */ P(We.Provider, {
+		value: se,
+		children: /* @__PURE__ */ P(Qe.Provider, {
+			value: re + 1,
+			children: /* @__PURE__ */ P(U.Provider, {
+				value: j,
+				children: /* @__PURE__ */ Re(F.Provider, {
+					value: A,
+					children: [!g && /* @__PURE__ */ P(L, {}), h ? /* @__PURE__ */ P(Ke.Provider, {
+						value: ct,
+						children: ge
+					}) : ge]
+				})
 			})
 		})
 	});
-	return h ? /* @__PURE__ */ N("div", {
-		className: f,
+	return h ? /* @__PURE__ */ P("div", {
+		className: te,
 		style: {
 			position: "relative",
 			overflow: "hidden",
-			...p
+			...ne
 		},
-		children: fe
-	}) : fe;
+		children: _e
+	}) : _e;
 }
 //#endregion
 //#region src/Route.tsx
-function K({ element: e }) {
+function ft({ element: e }) {
 	return e;
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function q(e, t) {
-	return ne(e, t);
+function pt(e, t) {
+	return re(e, t);
 }
 //#endregion
 //#region src/navigate/useNavigate.ts
-function nt() {
-	let e = F(), t = se({
-		stores: e,
-		buildPathname: (e, t) => q(e, t),
-		driver: e.driver,
-		markSelfInduced: e.markSelfInduced
-	});
+function X(e) {
+	let t = I(), n = o(U) ?? {
+		stores: t,
+		routePaths: [],
+		strictRoutes: !1,
+		parent: null,
+		depth: 0
+	}, r = (t, r, i) => {
+		let a = t ?? e?.router, o;
+		if (r) try {
+			o = pt(r, i).toPathname;
+		} catch {
+			o = void 0;
+		}
+		let { node: s, message: c } = q({
+			from: n,
+			target: a,
+			path: r,
+			pathname: o
+		});
+		if (!s) return Ze(c ?? "the requested Router could not be resolved."), null;
+		if (c && Xe(c), r && !et(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 ? Ze(e) : Xe(e);
+		}
+		return b({
+			stores: s.stores,
+			buildPathname: (e, t) => pt(e, t),
+			driver: s.stores.driver,
+			markSelfInduced: s.stores.markSelfInduced
+		});
+	};
 	return {
-		push: (e, n, r) => t.push(e, n ?? {}, r),
-		replace: (e, n, r) => t.replace(e, n ?? {}, r),
-		pop: (e) => t.pop(e)
+		push: (e, t, n) => {
+			let i = r(n?.router, e, t ?? {});
+			return i ? i.push(e, t ?? {}, n) : Promise.resolve();
+		},
+		replace: (e, t, n) => {
+			let i = r(n?.router, e, t ?? {});
+			return i ? i.replace(e, t ?? {}, n) : Promise.resolve();
+		},
+		pop: (e) => {
+			let t = r(e?.router);
+			return t ? t.pop(e) : Promise.resolve();
+		}
 	};
 }
 //#endregion
 //#region src/navigate/usePathname.ts
-function rt() {
+function mt() {
 	return H((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
 }
 //#endregion
 //#region src/navigate/useStep.ts
-function it() {
-	let { routePath: e } = L(), t = F(), n = o(z), { driver: r, markSelfInduced: i } = t, [a, c] = m(null);
+function ht() {
+	let { routePath: e } = z(), t = I(), n = o(Be), { driver: r, markSelfInduced: i } = t, [a, c] = m(null);
 	s(() => {
-		if (!e) return c(M(r.readState())), r.subscribe((e) => c(M(e.state)));
+		if (!e) return c(Ae(r.readState())), r.subscribe((e) => c(Ae(e.state)));
 	}, [e, r]);
 	let l = D({
 		stores: t,
 		driver: r,
 		markSelfInduced: i,
-		buildStepPathname: (t) => e ? q(e, t).pathname : te(r.readPathname(), t),
+		buildStepPathname: (t) => e ? pt(e, t).pathname : ne(r.readPathname(), t),
 		applyParams: (t) => {
 			n({
 				type: "SET",
@@ -297,50 +434,50 @@ function it() {
 }
 //#endregion
 //#region src/screen/ParamsProvider/useParams.ts
-function J() {
-	return o(R);
+function gt() {
+	return o(B);
 }
 //#endregion
 //#region src/screen/ScreenFreeze.tsx
-var at = 3e3;
-function Y({ freeze: e, children: n }) {
+var _t = 3e3;
+function vt({ freeze: e, children: n }) {
 	let [r, i] = m(e), a = p(null);
 	return !e && r && i(!1), s(() => {
 		if (!(!e || r)) {
-			if (!Fe()) {
+			if (!Ie()) {
 				i(!0);
 				return;
 			}
 			return a.current = setTimeout(() => {
 				a.current = null, i(!0);
-			}, at), () => {
+			}, _t), () => {
 				a.current !== null && (clearTimeout(a.current), a.current = null);
 			};
 		}
-	}, [e, r]), /* @__PURE__ */ N(t, {
+	}, [e, r]), /* @__PURE__ */ P(t, {
 		mode: e && r ? "hidden" : "visible",
 		children: n
 	});
 }
 //#endregion
 //#region src/screen/scopeAnimHoldCoordinator.ts
-var ot = /* @__PURE__ */ new WeakMap();
-function st(e) {
-	let t = ot.get(e);
-	return t || (t = ae(), ot.set(e, t)), t;
+var Z = /* @__PURE__ */ new WeakMap();
+function yt(e) {
+	let t = Z.get(e);
+	return t || (t = h(), Z.set(e, t)), t;
 }
 //#endregion
 //#region src/stores/useNavigateStore.ts
-function ct(e) {
-	return V(F().navigate, e);
+function bt(e) {
+	return V(I().navigate, e);
 }
 //#endregion
 //#region src/screen/ScreenDecorator.tsx
-function lt({ ref: e, style: t, ...n }) {
-	let { isActive: r, isPrev: i, transitionName: a } = L(), o = p(null);
+function xt({ ref: e, style: t, ...n }) {
+	let { isActive: r, isPrev: i, transitionName: a } = z(), o = p(null);
 	l(e, () => o.current);
-	let s = ct((e) => i ? "COMPLETED" : e.status), { decoratorName: c } = Me(a), u = fe.get(c);
-	return u ? /* @__PURE__ */ N("div", {
+	let s = bt((e) => i ? "COMPLETED" : e.status), { decoratorName: c } = Ne(a), u = fe.get(c);
+	return u ? /* @__PURE__ */ P("div", {
 		ref: o,
 		"data-flemo-decorator": !0,
 		"data-flemo-decorator-name": u.name,
@@ -361,9 +498,9 @@ function lt({ ref: e, style: t, ...n }) {
 }
 //#endregion
 //#region src/screen/useViewportScrollHeight.ts
-function ut() {
+function St() {
 	let [e, t] = m(0), [n, r] = m(0);
-	return s(() => Te((e, n) => {
+	return s(() => we((e, n) => {
 		r(n), t(e);
 	}), []), {
 		viewportScrollHeight: e,
@@ -371,93 +508,99 @@ function ut() {
 	};
 }
 //#endregion
+//#region src/utils/useHydrationSafeFlag.ts
+var Q = () => () => {}, Ct = () => !1;
+function wt(e) {
+	return ee(Q, e, Ct);
+}
+//#endregion
 //#region src/stores/useScreenStore.ts
-function X(e) {
-	return V(F().screen, e);
+function $(e) {
+	return V(I().screen, e);
 }
 //#endregion
 //#region src/screen/ScreenMotion.tsx
-function dt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigationBarHeight: r, systemNavigationBarColor: i, sharedTopBar: c, sharedTopBarId: l, sharedBottomBar: u, sharedBottomBarId: f, topBar: te, bottomBar: ne, hideStatusBar: h, hideSystemNavigationBar: g, backgroundColor: ae = "white", contentScrollable: _ = !0, ...oe }) {
-	let { id: v, isActive: y, isRoot: b, isPrev: se, zIndex: x, transitionName: S, prevTransitionName: ce } = L(), { contained: C } = We(), w = C ? "absolute" : "fixed", T = F(), E = o(He), D = H((e) => e.index), ue = H((e) => e.histories), de = y || x === D - 1, k = ct((e) => de ? e.status : "COMPLETED"), he = X((e) => e.dragStatus), ge = X((e) => e.replaceTransitionStatus), ve = T.screen.getState().setDragStatus, be = T.screen.getState().setReplaceTransitionStatus, A = y ? ue[D - 1]?.id : ue[D]?.id, Se = X((e) => A ? e.sharedBars[A] : void 0), j = X((e) => A ? e.sharedBarMetadata[A] : void 0), Ce = X((e) => A ? e.screenSurfaces[A] : void 0), Te = p(null);
-	Te.current ||= O({
-		getTransitionTaskId: () => T.navigate.getState().transitionTaskId,
-		setDragStatus: ve,
-		setReplaceTransitionStatus: be
+function Tt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigationBarHeight: r, systemNavigationBarColor: i, sharedTopBar: c, sharedTopBarId: l, sharedBottomBar: u, sharedBottomBarId: f, topBar: ee, bottomBar: ne, hideStatusBar: re, hideSystemNavigationBar: oe, backgroundColor: se = "white", contentScrollable: h = !0, ...g }) {
+	let { id: _, isActive: v, isRoot: y, isPrev: ce, zIndex: b, transitionName: x, prevTransitionName: le } = z(), { contained: S } = qe(), C = S ? "absolute" : "fixed", w = I(), T = o(We), E = H((e) => e.index), D = H((e) => e.histories), O = v || b === E - 1, k = bt((e) => O ? e.status : "COMPLETED"), me = $((e) => e.dragStatus), he = $((e) => e.replaceTransitionStatus), j = w.screen.getState().setDragStatus, _e = w.screen.getState().setReplaceTransitionStatus, M = v ? D[E - 1]?.id : D[E]?.id, ye = $((e) => M ? e.sharedBars[M] : void 0), N = $((e) => M ? e.sharedBarMetadata[M] : void 0), xe = $((e) => M ? e.screenSurfaces[M] : void 0), Se = p(null);
+	Se.current ||= de({
+		getTransitionTaskId: () => w.navigate.getState().transitionTaskId,
+		setDragStatus: j,
+		setReplaceTransitionStatus: _e
 	});
-	let Ee = Te.current, De = p(null);
-	De.current ||= st(T.navigate);
-	let M = Me(S), { initial: Ae, swipeDirection: je, decoratorName: Ne } = M, Ie = fe.get(Ne), { viewportScrollHeight: P } = ut(), ze = P > 0, I = !!c, R = !!u, z = I ? `${typeof l}:${String(l)}` : null, B = R ? `${typeof f}:${String(f)}` : null, [Be, Ve] = m({
-		key: z,
+	let we = Se.current, Te = p(null);
+	Te.current ||= yt(w.navigate);
+	let Ee = Ne(x), { initial: Ae, swipeDirection: je, decoratorName: Me } = Ee, Pe = fe.get(Me), { viewportScrollHeight: Ie } = St(), Le = Ie > 0, F = !!c, L = !!u, R = F ? `${typeof l}:${String(l)}` : null, B = L ? `${typeof f}:${String(f)}` : null, [Be, Ve] = m({
+		key: R,
 		height: 0
-	}), [V, Ue] = m({
+	}), [He, Ue] = m({
 		key: B,
 		height: 0
-	}), U = p(Be), Ge = p(V), Ke = Be.key === z ? Be.height : 0, qe = V.key === B ? V.height : 0, Je = Pe(I ? { id: l } : void 0, j?.topBar) ? j?.topBar?.height ?? 0 : 0, Ye = Pe(R ? { id: f } : void 0, j?.bottomBar) ? j?.bottomBar?.height ?? 0 : 0, Xe = Ke || Je, Ze = qe || Ye, Qe = p(null), W = p(null), $e = p(null), et = p(null), tt = p(null), G = p(null), K = p(null), q = a((e) => {
-		e <= 0 || z === null || (et.current && (et.current.style.minHeight = `${e}px`), U.current = {
-			key: z,
+	}), V = p(Be), Ge = p(He), Ke = Be.key === R ? Be.height : 0, Je = He.key === B ? He.height : 0, Ye = Fe(F ? { id: l } : void 0, N?.topBar) ? N?.topBar?.height ?? 0 : 0, Xe = Fe(L ? { id: f } : void 0, N?.bottomBar) ? N?.bottomBar?.height ?? 0 : 0, Ze = Ke || Ye, Qe = Je || Xe, U = p(null), W = p(null), $e = p(null), G = p(null), et = p(null), K = p(null), q = p(null), tt = a((e) => {
+		e <= 0 || R === null || (G.current && (G.current.style.minHeight = `${e}px`), V.current = {
+			key: R,
 			height: e
-		}, Ve((t) => t.key === z && t.height === e ? t : {
-			key: z,
+		}, Ve((t) => t.key === R && t.height === e ? t : {
+			key: R,
 			height: e
-		}), T.screen.getState().updateSharedBarHeight(v, "topBar", e));
+		}), w.screen.getState().updateSharedBarHeight(_, "topBar", e));
 	}, [
-		v,
-		T.screen,
-		z
+		_,
+		w.screen,
+		R
 	]), nt = a((e) => {
-		e <= 0 || B === null || (tt.current && (tt.current.style.minHeight = `${e}px`), Ge.current = {
+		e <= 0 || B === null || (et.current && (et.current.style.minHeight = `${e}px`), Ge.current = {
 			key: B,
 			height: e
 		}, Ue((t) => t.key === B && t.height === e ? t : {
 			key: B,
 			height: e
-		}), T.screen.getState().updateSharedBarHeight(v, "bottomBar", e));
+		}), w.screen.getState().updateSharedBarHeight(_, "bottomBar", e));
 	}, [
 		B,
-		v,
-		T.screen
+		_,
+		w.screen
 	]), rt = a((e) => {
-		G.current = e, e?.offsetHeight && q(e.offsetHeight);
-	}, [q]), it = a((e) => {
-		K.current = e, e?.offsetHeight && nt(e.offsetHeight);
+		K.current = e, e?.offsetHeight && tt(e.offsetHeight);
+	}, [tt]), it = a((e) => {
+		q.current = e, e?.offsetHeight && nt(e.offsetHeight);
 	}, [nt]), J = p({
-		transition: M,
-		decorator: Ie,
+		transition: Ee,
+		decorator: Pe,
 		hasSharedTopBar: !!c,
 		hasSharedBottomBar: !!u,
 		sharedTopBarId: l,
 		sharedBottomBarId: f,
-		viewportScrollHeight: P,
-		isRoot: b,
-		isActive: y,
+		viewportScrollHeight: Ie,
+		isRoot: y,
+		isActive: v,
 		status: k,
-		dragStatus: he,
-		index: D
+		dragStatus: me,
+		index: E
 	});
 	J.current = {
-		transition: M,
-		decorator: Ie,
+		transition: Ee,
+		decorator: Pe,
 		hasSharedTopBar: !!c,
 		hasSharedBottomBar: !!u,
 		sharedTopBarId: l,
 		sharedBottomBarId: f,
-		viewportScrollHeight: P,
-		isRoot: b,
-		isActive: y,
+		viewportScrollHeight: Ie,
+		isRoot: y,
+		isActive: v,
 		status: k,
-		dragStatus: he,
-		index: D
+		dragStatus: me,
+		index: E
 	};
 	let at = p(null);
-	at.current ||= le({
+	at.current ||= ue({
 		getTransition: () => J.current.transition,
 		getDecorator: () => J.current.decorator,
 		getElements: () => ({
 			scope: W.current,
-			screenContainer: Qe.current,
+			screenContainer: U.current,
 			decorator: $e.current,
-			sharedTopBar: G.current,
-			sharedBottomBar: K.current
+			sharedTopBar: K.current,
+			sharedBottomBar: q.current
 		}),
 		hasSharedTopBar: () => J.current.hasSharedTopBar,
 		hasSharedBottomBar: () => J.current.hasSharedBottomBar,
@@ -469,21 +612,21 @@ function dt({ 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 = J.current, t = T.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
-			return n ? T.screen.getState().sharedBars[n] : void 0;
+			let e = J.current, t = w.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
+			return n ? w.screen.getState().sharedBars[n] : void 0;
 		},
 		getPartnerBarMetadata: () => {
-			let e = J.current, t = T.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
-			return n ? T.screen.getState().sharedBarMetadata[n] : void 0;
+			let e = J.current, t = w.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
+			return n ? w.screen.getState().sharedBarMetadata[n] : void 0;
 		},
-		setDragStatus: ve,
+		setDragStatus: j,
 		back: () => window.history.back()
 	});
-	let Y = at.current, ot = (e) => Y.pointerDown(e.nativeEvent), dt = (e) => Y.pointerMove(e.nativeEvent), ft = (e) => Y.pointerUp(e.nativeEvent), pt = (e) => Y.pointerCancel(e.nativeEvent), mt = (e) => {
+	let Y = at.current, ot = (e) => Y.pointerDown(e.nativeEvent), st = (e) => Y.pointerMove(e.nativeEvent), ct = (e) => Y.pointerUp(e.nativeEvent), lt = (e) => Y.pointerCancel(e.nativeEvent), ut = (e) => {
 		(k === "PUSHING" || k === "REPLACING") && (e.preventDefault(), e.stopPropagation());
 	};
 	s(() => {
-		me(W.current);
+		pe(W.current);
 	}, []), s(() => {
 		let e = W.current;
 		if (!e) return;
@@ -494,222 +637,222 @@ function dt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			e.removeEventListener("touchmove", t);
 		};
 	}, [Y]), d(() => {
-		let { registerSharedBars: e, unregisterSharedBars: t } = T.screen.getState(), n = U.current, r = Ge.current;
-		return e(v, {
-			topBar: I,
-			bottomBar: R
+		let { registerSharedBars: e, unregisterSharedBars: t } = w.screen.getState(), n = V.current, r = Ge.current;
+		return e(_, {
+			topBar: F,
+			bottomBar: L
 		}, {
-			topBar: I ? {
+			topBar: F ? {
 				id: l,
-				height: n.key === z ? n.height : void 0
+				height: n.key === R ? n.height : void 0
 			} : void 0,
-			bottomBar: R ? {
+			bottomBar: L ? {
 				id: f,
 				height: r.key === B ? r.height : void 0
 			} : void 0
-		}), () => t(v);
+		}), () => t(_);
 	}, [
 		B,
-		R,
-		I,
-		v,
+		L,
+		F,
+		_,
 		f,
 		l,
-		T.screen,
-		z
+		w.screen,
+		R
 	]), d(() => {
-		let e = G.current;
-		if (e) return we(e, q);
-	}, [q, c]), d(() => {
 		let e = K.current;
-		if (e) return we(e, nt);
+		if (e) return Ce(e, tt);
+	}, [tt, c]), d(() => {
+		let e = q.current;
+		if (e) return Ce(e, nt);
 	}, [nt, u]), d(() => {
 		let e = W.current;
 		if (!e) return;
-		let { registerScreenSurface: t, unregisterScreenSurface: n } = T.screen.getState();
-		return t(v, { opaqueBackground: xe(getComputedStyle(e).backgroundColor) }), () => n(v);
+		let { registerScreenSurface: t, unregisterScreenSurface: n } = w.screen.getState();
+		return t(_, { opaqueBackground: be(getComputedStyle(e).backgroundColor) }), () => n(_);
 	}, [
-		v,
-		ae,
+		_,
+		se,
 		k,
-		T.screen
+		w.screen
 	]);
-	let ht = de, { app: gt, nav: _t } = re({
+	let dt = O, { app: ft, nav: pt } = ie({
 		status: k,
-		isTopOrTopPrev: ht,
-		hasTopBar: I,
-		hasNavBar: R,
+		isTopOrTopPrev: dt,
+		hasTopBar: F,
+		hasNavBar: L,
 		topBarId: l,
 		bottomBarId: f,
-		partnerBars: Se,
-		partnerMetadata: j
-	}), Z = ee({
+		partnerBars: ye,
+		partnerMetadata: N
+	}), X = te({
 		status: k,
-		isTopOrTopPrev: ht,
-		transitionName: S
-	}), vt = ie({
-		isActive: y,
-		isPrev: se,
-		zIndex: x,
-		index: D,
+		isTopOrTopPrev: dt,
+		transitionName: x
+	}), mt = ae({
+		isActive: v,
+		isPrev: ce,
+		zIndex: b,
+		index: E,
 		status: k,
-		dragStatus: he,
-		replaceTransitionStatus: ge
-	}), yt = p(vt), bt = p(Z !== null && vt), [xt, St] = m({
-		key: Z,
-		released: Z === null
+		dragStatus: me,
+		replaceTransitionStatus: he
+	}), ht = p(mt), gt = p(X !== null && mt), [_t, vt] = m({
+		key: X,
+		released: X === null
 	});
-	xt.key !== Z && (St({
-		key: Z,
-		released: Z === null
-	}), bt.current = Z !== null && yt.current), yt.current = vt;
-	let Q = Z !== null && xt.key === Z && !xt.released, $ = Q ? !y && Ce?.opaqueBackground ? "park" : y && (k === "PUSHING" || k === "REPLACING") && Ce?.opaqueBackground ? Oe() ? "park-over" : "park-under" : "true" : "false";
-	d(() => Ee.driveScreenLifecycle({
+	_t.key !== X && (vt({
+		key: X,
+		released: X === null
+	}), gt.current = X !== null && ht.current), ht.current = mt;
+	let Z = X !== null && _t.key === X && !_t.released, Q = Z ? !v && xe?.opaqueBackground ? "park" : v && (k === "PUSHING" || k === "REPLACING") && xe?.opaqueBackground ? Oe() ? "park-over" : "park-under" : "true" : "false", Ct = wt(De);
+	d(() => we.driveScreenLifecycle({
 		getElements: () => ({
 			scope: W.current,
 			decorator: $e.current,
-			bars: [G.current, K.current]
+			bars: [K.current, q.current]
 		}),
-		transitionName: S,
-		prevTransitionName: ce,
+		transitionName: x,
+		prevTransitionName: le,
 		status: k,
-		isActive: y,
-		animHoldReleased: !Q
+		isActive: v,
+		animHoldReleased: !Z
 	}), [
-		Ee,
+		we,
 		k,
-		y,
-		ce,
-		S,
-		Q
+		v,
+		le,
+		x,
+		Z
 	]), s(() => {
-		if (!Q || Z === null) return;
-		let e = Z, t = T.navigate.getState().transitionTaskId, n = t === null ? e : `${e}#${t}`;
-		return De.current.join(n, () => {
-			if ((J.current.transition.driver === "native" || ye()) && !pe()) {
+		if (!Z || X === null) return;
+		let e = X, t = w.navigate.getState().transitionTaskId, n = t === null ? e : `${e}#${t}`;
+		return Te.current.join(n, () => {
+			if ((J.current.transition.driver === "native" || ve()) && !A()) {
 				for (let e of [
 					W.current,
-					G.current,
 					K.current,
+					q.current,
 					$e.current
 				]) e?.isConnected && e.getAttribute("data-flemo-anim-hold") !== null && e.setAttribute("data-flemo-anim-hold", "false");
-				Qe.current && (Qe.current.style.zIndex = "");
+				U.current && (U.current.style.zIndex = "");
 			}
-			Re(() => St((t) => t.key === e && !t.released ? {
+			ze(() => vt((t) => t.key === e && !t.released ? {
 				key: e,
 				released: !0
 			} : t));
 		}, {
 			scope: W.current,
-			decodeWait: bt.current,
-			contentSettle: ke() && (y && k === "PUSHING" || k === "POPPING") ? {
+			decodeWait: gt.current,
+			contentSettle: ke() && (v && k === "PUSHING" || k === "POPPING") ? {
 				firstWaitMs: 120,
 				capMs: 700,
 				graceMs: 60,
-				minNodes: y ? 30 : 1,
+				minNodes: v ? 30 : 1,
 				renderSettleOnly: !0
 			} : void 0
 		});
 	}, [
-		Q,
 		Z,
-		$,
-		y,
+		X,
+		Q,
+		v,
 		k,
-		T.navigate
+		w.navigate
 	]);
-	let Ct = $ === "park-under" || $ === "park-over" ? {} : _e({
+	let Tt = Q === "park-under" || Q === "park-over" ? {} : ge({
 		initial: Ae,
-		isActive: y,
+		isActive: v,
 		status: k
 	});
-	return /* @__PURE__ */ Le("div", {
-		ref: Qe,
-		onClickCapture: mt,
+	return /* @__PURE__ */ Re("div", {
+		ref: U,
+		onClickCapture: ut,
 		style: {
-			position: w,
+			position: C,
 			top: 0,
 			left: 0,
 			width: "100%",
 			height: "100%",
 			display: "flex",
-			zIndex: $ === "park-under" ? -1 : void 0,
+			zIndex: Q === "park-under" ? -1 : void 0,
 			contain: "layout style",
 			flexDirection: "column",
 			boxSizing: "border-box",
 			overscrollBehavior: "contain"
 		},
 		children: [
-			/* @__PURE__ */ Le("div", {
+			/* @__PURE__ */ Re("div", {
 				ref: W,
-				...oe,
+				...g,
 				onPointerDown: ot,
-				onPointerMove: dt,
-				onPointerUp: ft,
-				onPointerCancel: pt,
+				onPointerMove: st,
+				onPointerUp: ct,
+				onPointerCancel: lt,
 				"data-flemo-screen": !0,
-				"data-flemo-router": E ?? void 0,
-				"data-flemo-transition": S,
+				"data-flemo-router": T ?? void 0,
+				"data-flemo-transition": x,
 				"data-flemo-status": k,
-				"data-flemo-active": y ? "true" : "false",
-				"data-flemo-anim-hold": $,
+				"data-flemo-active": v ? "true" : "false",
+				"data-flemo-anim-hold": Q,
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					height: "100%",
-					backgroundColor: ae,
-					overflowY: _ ? void 0 : "auto",
+					backgroundColor: se,
+					overflowY: h ? void 0 : "auto",
 					touchAction: je === "x" ? "pan-y" : je === "y" ? "pan-x" : "auto",
-					...(Oe() || Fe()) && ($ !== "false" || x === D && !C) ? { willChange: "transform" } : {},
-					...Ct,
-					...oe.style
+					...Ct && (Q !== "false" || b === E && !S) ? { willChange: "transform" } : {},
+					...Tt,
+					...g.style
 				},
 				children: [
-					!h && t && /* @__PURE__ */ N("div", {
+					!re && t && /* @__PURE__ */ P("div", {
 						style: { minHeight: t },
-						children: /* @__PURE__ */ N("div", { style: {
-							position: w,
+						children: /* @__PURE__ */ P("div", { style: {
+							position: C,
 							top: 0,
 							width: "100%",
 							minHeight: t,
 							backgroundColor: n
 						} })
 					}),
-					c && /* @__PURE__ */ N("div", {
-						ref: et,
+					c && /* @__PURE__ */ P("div", {
+						ref: G,
 						"data-flemo-bar-spacer": "app",
 						style: {
 							width: "100%",
-							minHeight: Xe
+							minHeight: Ze
 						}
 					}),
-					te,
-					/* @__PURE__ */ N("div", {
+					ee,
+					/* @__PURE__ */ P("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							flexGrow: 1,
-							overflowY: _ ? "auto" : void 0
+							overflowY: h ? "auto" : void 0
 						},
 						children: e
 					}),
 					ne,
-					u && /* @__PURE__ */ N("div", {
-						ref: tt,
+					u && /* @__PURE__ */ P("div", {
+						ref: et,
 						"data-flemo-bar-spacer": "nav",
 						style: {
-							display: ze ? "none" : void 0,
+							display: Le ? "none" : void 0,
 							width: "100%",
-							minHeight: Ze
+							minHeight: Qe
 						}
 					}),
-					!g && r && /* @__PURE__ */ N("div", {
+					!oe && r && /* @__PURE__ */ P("div", {
 						style: {
-							display: ze ? "none" : void 0,
+							display: Le ? "none" : void 0,
 							minHeight: r
 						},
-						children: /* @__PURE__ */ N("div", { style: {
-							position: w,
+						children: /* @__PURE__ */ P("div", { style: {
+							position: C,
 							bottom: 0,
 							width: "100%",
 							minHeight: r,
@@ -718,58 +861,58 @@ function dt({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					})
 				]
 			}),
-			c && /* @__PURE__ */ N("div", {
+			c && /* @__PURE__ */ P("div", {
 				ref: rt,
 				"data-flemo-bar": "app",
 				"data-flemo-bar-id": l,
 				"data-flemo-bar-id-type": l === void 0 ? void 0 : typeof l,
-				"data-flemo-router": E ?? void 0,
-				"data-flemo-bar-transition": S,
+				"data-flemo-router": T ?? void 0,
+				"data-flemo-bar-transition": x,
 				"data-flemo-bar-status": k,
-				"data-flemo-bar-active": y ? "true" : "false",
-				"data-flemo-bar-riding": gt ? "true" : "false",
-				"data-flemo-anim-hold": $,
+				"data-flemo-bar-active": v ? "true" : "false",
+				"data-flemo-bar-riding": ft ? "true" : "false",
+				"data-flemo-anim-hold": Q,
 				style: {
-					position: w,
-					top: h ? 0 : t,
+					position: C,
+					top: re ? 0 : t,
 					left: 0,
 					width: "100%",
 					zIndex: 1
 				},
 				children: c
 			}),
-			u && /* @__PURE__ */ N("div", {
+			u && /* @__PURE__ */ P("div", {
 				ref: it,
 				"data-flemo-bar": "nav",
 				"data-flemo-bar-id": f,
 				"data-flemo-bar-id-type": f === void 0 ? void 0 : typeof f,
-				"data-flemo-router": E ?? void 0,
-				"data-flemo-bar-transition": S,
+				"data-flemo-router": T ?? void 0,
+				"data-flemo-bar-transition": x,
 				"data-flemo-bar-status": k,
-				"data-flemo-bar-active": y ? "true" : "false",
-				"data-flemo-bar-riding": _t ? "true" : "false",
-				"data-flemo-anim-hold": $,
+				"data-flemo-bar-active": v ? "true" : "false",
+				"data-flemo-bar-riding": pt ? "true" : "false",
+				"data-flemo-anim-hold": Q,
 				style: {
-					display: ze ? "none" : void 0,
-					position: w,
-					bottom: g ? 0 : r,
+					display: Le ? "none" : void 0,
+					position: C,
+					bottom: oe ? 0 : r,
 					left: 0,
 					width: "100%",
 					zIndex: 1
 				},
 				children: u
 			}),
-			Ie && /* @__PURE__ */ N(lt, {
+			Pe && /* @__PURE__ */ P(xt, {
 				ref: $e,
-				"data-flemo-anim-hold": $
+				"data-flemo-anim-hold": Q
 			})
 		]
 	});
 }
 //#endregion
 //#region src/screen/Screen.tsx
-function ft({ children: e, ...t }) {
-	let { isActive: n, isPrev: r, zIndex: i } = L(), a = H((e) => e.index), o = ct((e) => e.status), c = X((e) => e.dragStatus), l = X((e) => e.replaceTransitionStatus), u = h({
+function Et({ children: e, ...t }) {
+	let { isActive: n, isPrev: r, zIndex: i } = z(), a = H((e) => e.index), o = bt((e) => e.status), c = $((e) => e.dragStatus), l = $((e) => e.replaceTransitionStatus), u = oe({
 		isActive: n,
 		isPrev: r,
 		zIndex: i,
@@ -780,22 +923,22 @@ function ft({ children: e, ...t }) {
 	}), [d, f] = m(u !== "live");
 	return u === "live" && d && f(!1), u === "immediate" && !d && f(!0), s(() => {
 		if (u !== "deferred" || d) return;
-		let e = setTimeout(() => f(!0), pt);
+		let e = setTimeout(() => f(!0), Dt);
 		return () => clearTimeout(e);
-	}, [u, d]), /* @__PURE__ */ N(Y, {
+	}, [u, d]), /* @__PURE__ */ P(vt, {
 		freeze: d,
-		children: /* @__PURE__ */ N(dt, {
+		children: /* @__PURE__ */ P(Tt, {
 			...t,
 			children: e
 		})
 	});
 }
-var pt = 600;
+var Dt = 600;
 //#endregion
 //#region src/screen/Part.tsx
-function mt({ ref: e, name: t, style: n, children: r, ...i }) {
-	let { isActive: a, isPrev: s, navigateStore: c, routerId: l } = L(), u = o(He), d = l ?? u ?? void 0, f = F(), p = V(c ?? f.navigate, (e) => s ? "COMPLETED" : e.status);
-	return /* @__PURE__ */ N("div", {
+function Ot({ ref: e, name: t, style: n, children: r, ...i }) {
+	let { isActive: a, isPrev: s, navigateStore: c, routerId: l } = z(), u = o(We), d = l ?? u ?? void 0, f = I(), p = V(c ?? f.navigate, (e) => s ? "COMPLETED" : e.status);
+	return /* @__PURE__ */ P("div", {
 		ref: e,
 		"data-flemo-part-name": t,
 		"data-flemo-router": d,
@@ -808,21 +951,21 @@ function mt({ ref: e, name: t, style: n, children: r, ...i }) {
 }
 //#endregion
 //#region src/stores/RouterScopeProvider.tsx
-function ht({ children: e }) {
+function kt({ children: e }) {
 	let [t] = m(() => ({
 		history: y(),
-		navigate: b(),
-		transition: de(),
+		navigate: ce(),
+		transition: k(),
 		screen: E(),
-		driver: oe(),
-		markSelfInduced: j,
-		consume: g,
+		driver: _(),
+		markSelfInduced: xe,
+		consume: se,
 		life: { alive: !0 }
 	}));
-	return /* @__PURE__ */ N(P.Provider, {
+	return /* @__PURE__ */ P(F.Provider, {
 		value: t,
 		children: e
 	});
 }
 //#endregion
-export { mt as Part, K as Route, G as Router, ht as RouterScopeProvider, ft as Screen, I as ScreenContext, lt as ScreenDecorator, Y as ScreenFreeze, dt as ScreenMotion, Je as Slot, _ as createBrowserHistoryDriver, v as createDecorator, x as createPartTransition, S as createRawDecorator, ce as createRawPartTransition, C as createRawTransition, ue as createTransition, Ee as partTransitionMap, H as useHistoryStore, nt as useNavigate, ct as useNavigateStore, J as useParams, rt as usePathname, L as useScreen, X as useScreenStore, it as useStep, F as useStores, ut as useViewportScrollHeight };
+export { Ot as Part, ft as Route, dt as Router, kt as RouterScopeProvider, Et as Screen, R as ScreenContext, xt as ScreenDecorator, vt as ScreenFreeze, Tt as ScreenMotion, rt as Slot, g as createBrowserHistoryDriver, v as createDecorator, x as createPartTransition, le as createRawDecorator, S as createRawPartTransition, C as createRawTransition, O as createTransition, Te as partTransitionMap, H as useHistoryStore, X as useNavigate, bt as useNavigateStore, gt as useParams, mt as usePathname, z as useScreen, $ as useScreenStore, ht as useStep, I as useStores, St as useViewportScrollHeight };