@flemo/react 1.12.6 → 1.12.8

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

package/dist/screen/__tests__/domProtocol.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/react",
-  "version": "1.12.6",
+  "version": "1.12.8",
   "description": "React bindings for flemo: Router, Route, Screen, and the screen-transition runtime.",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -36,7 +36,7 @@
   "dependencies": {
     "path-to-regexp": "^8.4.2",
     "zustand": "^5.0.14",
-    "@flemo/core": "1.28.1"
+    "@flemo/core": "1.30.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",