@flemo/react 1.7.1 → 1.7.2

package/dist/index.mjs

@@ -1,24 +1,24 @@
 import e, { Activity as t, Children as n, createContext as r, isValidElement as i, useContext as a, useEffect as o, useId as s, useImperativeHandle as c, useInsertionEffect as l, useLayoutEffect as u, useReducer as ee, useRef as d, useState as f } from "react";
-import { animHoldKey as te, appendParamsQuery as p, buildRoutePath as m, computeBarRiding as h, computeScreenFreeze as ne, consumeSelfInducedPop as g, createAnimHoldCoordinator as _, createBrowserHistoryDriver as v, createBrowserHistoryDriver as y, createDecorator as b, createHistoryStore as re, createNavigateStore as x, createNavigationController as S, createPartTransition as C, createRawDecorator as w, createRawPartTransition as T, createRawTransition as E, createRouterScope as D, createScreenSelector as O, createScreenStore as k, createStepController as ie, createSwipeController as A, createTransition as j, createTransitionEngine as ae, createTransitionStore as M, decoratorMap as oe, eagerlyDecodeImages as se, ensureScopeHistorySync as ce, enteringInitialStyle as le, getMatchedPathPattern as N, isOpaqueColor as ue, isServer as de, markSelfInducedPop as fe, matchesPathname as pe, observeBarHeight as me, observeViewportScrollHeight as he, partTransitionMap as ge, readStepParams as P, registerTransitionDefinitions as _e, releaseScopeHistorySync as ve, resolveTransition as ye, seedRouterEntry as be, subscribeStepParamsRestore as xe } from "@flemo/core";
-import { jsx as F, jsxs as Se } from "react/jsx-runtime";
+import { animHoldKey as te, appendParamsQuery as p, buildRoutePath as m, computeBarRiding as h, computeScreenFreeze as ne, consumeSelfInducedPop as g, createAnimHoldCoordinator as _, createBrowserHistoryDriver as v, createBrowserHistoryDriver as y, createDecorator as b, createHistoryStore as re, createNavigateStore as x, createNavigationController as S, createPartTransition as C, createRawDecorator as w, createRawPartTransition as T, createRawTransition as E, createRouterScope as D, createScreenSelector as O, createScreenStore as k, createStepController as A, createSwipeController as j, createTransition as M, createTransitionEngine as ie, createTransitionStore as ae, decoratorMap as oe, eagerlyDecodeImages as se, ensureScopeHistorySync as ce, enteringInitialStyle as le, getMatchedPathPattern as ue, isOpaqueColor as de, isServer as N, markSelfInducedPop as fe, matchesPathname as pe, observeBarHeight as me, observeViewportScrollHeight as he, partTransitionMap as ge, readStepParams as P, registerTransitionDefinitions as F, releaseScopeHistorySync as _e, resolveTransition as ve, seedRouterEntry as ye, subscribeStepParamsRestore as be } from "@flemo/core";
+import { jsx as I, jsxs as xe } from "react/jsx-runtime";
 //#region src/stores/StoreContext.ts
-var I = r(null);
+var L = r(null);
 //#endregion
 //#region src/stores/useStores.ts
-function L() {
-	let e = a(I);
+function R() {
+	let e = a(L);
 	if (!e) throw Error("flemo stores are missing. Render inside a <Router>.");
 	return e;
 }
 //#endregion
 //#region src/history/HistoryListener.tsx
-function Ce() {
-	let e = L();
-	return o(() => (ce(e), () => ve(e)), [e]), null;
+function z() {
+	let e = R();
+	return o(() => (ce(e), () => _e(e)), [e]), null;
 }
 //#endregion
 //#region src/screen/ScreenContext.ts
-var R = r({
+var B = r({
 	id: "",
 	isActive: !1,
 	isRoot: !0,
@@ -33,15 +33,15 @@ var R = r({
 });
 //#endregion
 //#region src/screen/useScreen.ts
-function z() {
-	return a(R);
+function V() {
+	return a(B);
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsContext.ts
-var we = r({}), Te = r(() => {});
+var Se = r({}), H = r(() => {});
 //#endregion
 //#region src/screen/ParamsProvider/ParamsReducer.ts
-function Ee(e, t) {
+function Ce(e, t) {
 	switch (t.type) {
 		case "SET": return t.params;
 		default: return e;
@@ -49,10 +49,10 @@ function Ee(e, t) {
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsProvider.tsx
-function De({ children: e }) {
-	let { isActive: t, params: n } = z(), { driver: r } = L(), [i, a] = ee(Ee, n);
+function we({ children: e }) {
+	let { isActive: t, params: n } = V(), { driver: r } = R(), [i, a] = ee(Ce, n);
 	return o(() => {
-		if (t) return xe(r, (e) => a({
+		if (t) return be(r, (e) => a({
 			type: "SET",
 			params: e
 		}));
@@ -60,9 +60,9 @@ function De({ children: e }) {
 		t,
 		a,
 		r
-	]), /* @__PURE__ */ F(Te.Provider, {
+	]), /* @__PURE__ */ I(H.Provider, {
 		value: a,
-		children: /* @__PURE__ */ F(we.Provider, {
+		children: /* @__PURE__ */ I(Se.Provider, {
 			value: i,
 			children: e
 		})
@@ -70,42 +70,42 @@ function De({ children: e }) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/zustand@5.0.14_@types+react@19.2.17_react@19.2.7/node_modules/zustand/esm/react.mjs
-var B = (e) => e;
-function V(t, n = B) {
+var Te = (e) => e;
+function U(t, n = Te) {
 	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(L().history, e);
+function W(e) {
+	return U(R().history, e);
 }
 //#endregion
 //#region src/renderer/Renderer.tsx
-function U({ children: e }) {
-	let t = H((e) => e.index), r = H((e) => e.histories), i = L();
+function G({ children: e }) {
+	let t = W((e) => e.index), r = W((e) => e.histories), i = R();
 	return O(r, t).map((t) => {
 		let [r] = n.toArray(e).filter((e) => pe(e.props.path, t.pathname));
-		return r ? /* @__PURE__ */ F(R.Provider, {
+		return r ? /* @__PURE__ */ I(B.Provider, {
 			value: {
 				...t,
 				navigateStore: i.navigate,
-				routePath: N(r.props.path, t.pathname)
+				routePath: ue(r.props.path, t.pathname)
 			},
-			children: /* @__PURE__ */ F(De, { children: r })
+			children: /* @__PURE__ */ I(we, { children: r })
 		}, t.id) : null;
 	});
 }
 //#endregion
 //#region src/screen/ScreenViewportContext.ts
-var W = r({ contained: !1 });
-function Oe() {
-	return a(W);
+var K = r({ contained: !1 });
+function Ee() {
+	return a(K);
 }
 //#endregion
 //#region src/transition/styles.ts
-function G(e, t, n = []) {
-	l(() => _e(e, t, n), [
+function q(e, t, n = []) {
+	l(() => F(e, t, n), [
 		e,
 		t,
 		n
@@ -113,44 +113,44 @@ function G(e, t, n = []) {
 }
 //#endregion
 //#region src/RouterDepthContext.ts
-var K = r(0), q = { contained: !0 };
-function ke({ children: e, className: t, style: n }) {
-	return /* @__PURE__ */ F("div", {
+var J = r(0), De = { contained: !0 };
+function Y({ children: e, className: t, style: n }) {
+	return /* @__PURE__ */ I("div", {
 		className: t,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...n
 		},
-		children: /* @__PURE__ */ F(W.Provider, {
-			value: q,
-			children: /* @__PURE__ */ F(U, { children: e })
+		children: /* @__PURE__ */ I(K.Provider, {
+			value: De,
+			children: /* @__PURE__ */ I(G, { children: e })
 		})
 	});
 }
 //#endregion
 //#region src/Router.tsx
-function Ae(e) {
+function Oe(e) {
 	let t = null;
 	return n.forEach(e, (e) => {
 		if (t || !i(e)) return;
-		if (e.type === ke) {
+		if (e.type === Y) {
 			t = n.toArray(e.props.children).filter(i);
 			return;
 		}
 		let r = e.props.children;
 		if (r) {
-			let e = Ae(r);
+			let e = Oe(r);
 			e && (t = e);
 		}
 	}), t;
 }
-var je = typeof window > "u" ? o : u, Me = [], Ne = [], Pe = [], J = { contained: !0 };
-function Y({ children: e, initPath: t = "/", defaultTransitionName: r = "cupertino", transitions: i = Me, decorators: c = Ne, partTransitions: l = Pe, history: u = "browser", createDriver: ee, className: d, style: te }) {
-	let p = a(K), m = p > 0, h = u === "memory", ne = s(), g = a(R), _ = a(I), v = m && g.id ? `_F_${_?.routerKey ?? ""}${g.id}_` : ne, b = Ae(e), re = b !== null, x = m ? null : _, S = x !== null, C = ee ?? y, [w] = f(() => h ? null : C(S ? void 0 : v)), T = !m && !h && !de(), E = T && w ? w.readPathname() : t || "/", O = E.indexOf("?"), k = (O >= 0 ? E.slice(0, O) : E) || "/", ie = T ? window.location.search : O >= 0 ? E.slice(O) : "", [A] = f(() => D({
+var ke = typeof window > "u" ? o : u, Ae = [], je = [], Me = [], Ne = { contained: !0 };
+function X({ children: e, initPath: t = "/", defaultTransitionName: r = "cupertino", transitions: i = Ae, decorators: c = je, partTransitions: l = Me, history: u = "browser", createDriver: ee, className: d, style: te }) {
+	let p = a(J), m = p > 0, h = u === "memory", ne = s(), g = a(B), _ = a(L), v = m && g.id ? `_F_${_?.routerKey ?? ""}${g.id}_` : ne, b = Oe(e), re = b !== null, x = m ? null : _, S = x !== null, C = ee ?? y, [w] = f(() => h ? null : C(S ? void 0 : v)), T = !m && !h && !N(), E = T && w ? w.readPathname() : t || "/", O = E.indexOf("?"), k = (O >= 0 ? E.slice(0, O) : E) || "/", A = T ? window.location.search : O >= 0 ? E.slice(O) : "", [j] = f(() => D({
 		routePaths: (b ?? n.toArray(e)).map((e) => e.props.path).flat(),
 		pathname: k,
-		search: ie,
+		search: A,
 		defaultTransitionName: r,
 		memory: h,
 		browserDriver: w,
@@ -159,16 +159,16 @@ function Y({ children: e, initPath: t = "/", defaultTransitionName: r = "cuperti
 		zoneEntryId: m && !S && g.id || void 0,
 		persistKey: m && !h && !S ? v : void 0
 	}));
-	A.transition.setState({ defaultTransitionName: r }), je(() => (A.life.alive = !0, () => {
-		A.life.alive = !1;
-	}), [A]), G(i, c, l), o(() => {
-		h || !w || be({
+	j.transition.setState({ defaultTransitionName: r }), ke(() => (j.life.alive = !0, () => {
+		j.life.alive = !1;
+	}), [j]), q(i, c, l), o(() => {
+		h || !w || ye({
 			driver: w,
 			routerKey: S ? null : v,
 			nested: m && !S,
 			seedPathname: k,
 			defaultTransitionName: r,
-			rootParams: A.history.getState().histories[0]?.params ?? {}
+			rootParams: j.history.getState().histories[0]?.params ?? {}
 		});
 	}, [
 		h,
@@ -177,45 +177,45 @@ function Y({ children: e, initPath: t = "/", defaultTransitionName: r = "cuperti
 		v,
 		k,
 		r,
-		A.history,
+		j.history,
 		w
 	]);
-	let j = re ? e : /* @__PURE__ */ F(U, { children: e }), ae = /* @__PURE__ */ F(K.Provider, {
+	let M = re ? e : /* @__PURE__ */ I(G, { children: e }), ie = /* @__PURE__ */ I(J.Provider, {
 		value: p + 1,
-		children: /* @__PURE__ */ Se(I.Provider, {
-			value: A,
-			children: [!h && /* @__PURE__ */ F(Ce, {}), m ? /* @__PURE__ */ F(W.Provider, {
-				value: J,
-				children: j
-			}) : j]
+		children: /* @__PURE__ */ xe(L.Provider, {
+			value: j,
+			children: [!h && /* @__PURE__ */ I(z, {}), m ? /* @__PURE__ */ I(K.Provider, {
+				value: Ne,
+				children: M
+			}) : M]
 		})
 	});
-	return m ? /* @__PURE__ */ F("div", {
+	return m ? /* @__PURE__ */ I("div", {
 		className: d,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...te
 		},
-		children: ae
-	}) : ae;
+		children: ie
+	}) : ie;
 }
 //#endregion
 //#region src/Route.tsx
-function Fe({ element: e }) {
+function Pe({ element: e }) {
 	return e;
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function Ie(e, t) {
+function Fe(e, t) {
 	return m(e, t);
 }
 //#endregion
 //#region src/navigate/useNavigate.ts
-function X() {
-	let e = L(), t = S({
+function Ie() {
+	let e = R(), t = S({
 		stores: e,
-		buildPathname: (e, t) => Ie(e, t),
+		buildPathname: (e, t) => Fe(e, t),
 		driver: e.driver,
 		markSelfInduced: e.markSelfInduced
 	});
@@ -228,20 +228,20 @@ function X() {
 //#endregion
 //#region src/navigate/usePathname.ts
 function Le() {
-	return H((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
+	return W((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
 }
 //#endregion
 //#region src/navigate/useStep.ts
-function Z() {
-	let { routePath: e } = z(), t = L(), n = a(Te), { driver: r, markSelfInduced: i } = t, [s, c] = f(null);
+function Re() {
+	let { routePath: e } = V(), t = R(), n = a(H), { driver: r, markSelfInduced: i } = t, [s, c] = f(null);
 	o(() => {
 		if (!e) return c(P(r.readState())), r.subscribe((e) => c(P(e.state)));
 	}, [e, r]);
-	let l = ie({
+	let l = A({
 		stores: t,
 		driver: r,
 		markSelfInduced: i,
-		buildStepPathname: (t) => e ? Ie(e, t).pathname : p(r.readPathname(), t),
+		buildStepPathname: (t) => e ? Fe(e, t).pathname : p(r.readPathname(), t),
 		applyParams: (t) => {
 			n({
 				type: "SET",
@@ -258,13 +258,13 @@ function Z() {
 }
 //#endregion
 //#region src/screen/ParamsProvider/useParams.ts
-function Q() {
-	return a(we);
+function Z() {
+	return a(Se);
 }
 //#endregion
 //#region src/screen/ScreenFreeze.tsx
-function Re({ freeze: e, children: n }) {
-	return /* @__PURE__ */ F(t, {
+function Q({ freeze: e, children: n }) {
+	return /* @__PURE__ */ I(t, {
 		mode: e ? "hidden" : "visible",
 		children: n
 	});
@@ -279,15 +279,15 @@ function Be(e) {
 //#endregion
 //#region src/stores/useNavigateStore.ts
 function Ve(e) {
-	return V(L().navigate, e);
+	return U(R().navigate, e);
 }
 //#endregion
 //#region src/screen/ScreenDecorator.tsx
 function He({ ref: e, style: t, ...n }) {
-	let { isActive: r, transitionName: i } = z(), a = d(null);
+	let { isActive: r, transitionName: i } = V(), a = d(null);
 	c(e, () => a.current);
-	let o = Ve((e) => e.status), { decoratorName: s } = ye(i), l = oe.get(s);
-	return l ? /* @__PURE__ */ F("div", {
+	let o = Ve((e) => e.status), { decoratorName: s } = ve(i), l = oe.get(s);
+	return l ? /* @__PURE__ */ I("div", {
 		ref: a,
 		"data-flemo-decorator": !0,
 		"data-flemo-decorator-name": l.name,
@@ -320,94 +320,94 @@ function Ue() {
 //#endregion
 //#region src/stores/useScreenStore.ts
 function $(e) {
-	return V(L().screen, e);
+	return U(R().screen, e);
 }
 //#endregion
 //#region src/screen/ScreenMotion.tsx
 function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigationBarHeight: r, systemNavigationBarColor: i, sharedTopBar: a, sharedBottomBar: s, topBar: c, bottomBar: l, hideStatusBar: ee, hideSystemNavigationBar: p, backgroundColor: m = "white", contentScrollable: g = !0, ..._ }) {
-	let { id: v, isActive: y, isRoot: b, isPrev: re, zIndex: x, transitionName: S, prevTransitionName: C } = z(), { contained: w } = Oe(), T = w ? "absolute" : "fixed", E = L(), D = Ve((e) => e.status), O = $((e) => e.dragStatus), k = $((e) => e.replaceTransitionStatus), ie = E.screen.getState().setDragStatus, j = E.screen.getState().setReplaceTransitionStatus, M = H((e) => e.index), ce = H((e) => e.histories), N = y ? ce[M - 1]?.id : ce[M]?.id, de = $((e) => N ? e.sharedBars[N] : void 0), fe = $((e) => N ? e.screenSurfaces[N] : void 0), pe = d(null);
-	pe.current ||= ae({
+	let { id: v, isActive: y, isRoot: b, isPrev: re, zIndex: x, transitionName: S, prevTransitionName: C } = V(), { contained: w } = Ee(), T = w ? "absolute" : "fixed", E = R(), D = W((e) => e.index), O = W((e) => e.histories), k = y || x === D - 1, A = Ve((e) => k ? e.status : "COMPLETED"), M = $((e) => e.dragStatus), ae = $((e) => e.replaceTransitionStatus), ce = E.screen.getState().setDragStatus, ue = E.screen.getState().setReplaceTransitionStatus, N = y ? O[D - 1]?.id : O[D]?.id, fe = $((e) => N ? e.sharedBars[N] : void 0), pe = $((e) => N ? e.screenSurfaces[N] : void 0), he = d(null);
+	he.current ||= ie({
 		getTransitionTaskId: () => E.navigate.getState().transitionTaskId,
-		setDragStatus: ie,
-		setReplaceTransitionStatus: j
+		setDragStatus: ce,
+		setReplaceTransitionStatus: ue
 	});
-	let he = pe.current, ge = d(null);
-	ge.current ||= Be(E.navigate);
-	let P = ye(S), { initial: _e, swipeDirection: ve, decoratorName: be } = P, xe = oe.get(be), { viewportScrollHeight: I } = Ue(), Ce = I > 0, [R, we] = f(0), [Te, Ee] = f(0), De = d(null), B = d(null), V = d(null), U = d(null), W = d(null), G = d({
-		transition: P,
-		decorator: xe,
+	let ge = he.current, P = d(null);
+	P.current ||= Be(E.navigate);
+	let F = ve(S), { initial: _e, swipeDirection: ye, decoratorName: be } = F, L = oe.get(be), { viewportScrollHeight: z } = Ue(), B = z > 0, [Se, H] = f(0), [Ce, we] = f(0), Te = d(null), U = d(null), G = d(null), K = d(null), q = d(null), J = d({
+		transition: F,
+		decorator: L,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: I,
+		viewportScrollHeight: z,
 		isRoot: b,
 		isActive: y,
-		status: D,
-		dragStatus: O,
-		index: M
+		status: A,
+		dragStatus: M,
+		index: D
 	});
-	G.current = {
-		transition: P,
-		decorator: xe,
+	J.current = {
+		transition: F,
+		decorator: L,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: I,
+		viewportScrollHeight: z,
 		isRoot: b,
 		isActive: y,
-		status: D,
-		dragStatus: O,
-		index: M
+		status: A,
+		dragStatus: M,
+		index: D
 	};
-	let K = d(null);
-	K.current ||= A({
-		getTransition: () => G.current.transition,
-		getDecorator: () => G.current.decorator,
+	let De = d(null);
+	De.current ||= j({
+		getTransition: () => J.current.transition,
+		getDecorator: () => J.current.decorator,
 		getElements: () => ({
-			scope: B.current,
-			screenContainer: De.current,
-			decorator: V.current,
-			sharedTopBar: U.current,
-			sharedBottomBar: W.current
+			scope: U.current,
+			screenContainer: Te.current,
+			decorator: G.current,
+			sharedTopBar: K.current,
+			sharedBottomBar: q.current
 		}),
-		hasSharedTopBar: () => G.current.hasSharedTopBar,
-		hasSharedBottomBar: () => G.current.hasSharedBottomBar,
-		getViewportScrollHeight: () => G.current.viewportScrollHeight,
+		hasSharedTopBar: () => J.current.hasSharedTopBar,
+		hasSharedBottomBar: () => J.current.hasSharedBottomBar,
+		getViewportScrollHeight: () => J.current.viewportScrollHeight,
 		isReadyForDrag: () => {
-			let e = G.current;
+			let e = J.current;
 			return !e.isRoot && e.isActive && e.status === "COMPLETED" && e.dragStatus === "IDLE" && !!e.transition.swipeDirection && e.viewportScrollHeight < 10;
 		},
 		getPartnerBars: () => {
-			let e = G.current, t = E.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
+			let e = J.current, t = E.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
 			return n ? E.screen.getState().sharedBars[n] : void 0;
 		},
-		setDragStatus: ie,
+		setDragStatus: ce,
 		back: () => window.history.back()
 	});
-	let q = K.current, ke = (e) => q.pointerDown(e.nativeEvent), Ae = (e) => q.pointerMove(e.nativeEvent), je = (e) => q.pointerUp(e.nativeEvent);
+	let Y = De.current, Oe = (e) => Y.pointerDown(e.nativeEvent), ke = (e) => Y.pointerMove(e.nativeEvent), Ae = (e) => Y.pointerUp(e.nativeEvent);
 	o(() => {
-		se(B.current);
+		se(U.current);
 	}, []), o(() => {
-		let e = B.current;
+		let e = U.current;
 		if (!e) return;
 		let t = (e) => {
-			q.shouldPreventTouch() && e.preventDefault(), e.target?.dataset.swipeAtEdgeBar === "true" && e.preventDefault();
+			Y.shouldPreventTouch() && e.preventDefault(), e.target?.dataset.swipeAtEdgeBar === "true" && e.preventDefault();
 		};
 		return e.addEventListener("touchmove", t, { passive: !1 }), () => {
 			e.removeEventListener("touchmove", t);
 		};
-	}, [q]), u(() => {
-		let e = U.current;
+	}, [Y]), u(() => {
+		let e = K.current;
 		if (!e) {
-			we(0);
+			H(0);
 			return;
 		}
-		return me(e, we);
+		return me(e, H);
 	}, [a]), u(() => {
-		let e = W.current;
+		let e = q.current;
 		if (!e) {
-			Ee(0);
+			we(0);
 			return;
 		}
-		return me(e, Ee);
+		return me(e, we);
 	}, [s]), u(() => {
 		let { registerSharedBars: e, unregisterSharedBars: t } = E.screen.getState();
 		return e(v, {
@@ -420,84 +420,84 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 		s,
 		E.screen
 	]), u(() => {
-		let e = B.current;
+		let e = U.current;
 		if (!e) return;
 		let { registerScreenSurface: t, unregisterScreenSurface: n } = E.screen.getState();
-		return t(v, { opaqueBackground: ue(getComputedStyle(e).backgroundColor) }), () => n(v);
+		return t(v, { opaqueBackground: de(getComputedStyle(e).backgroundColor) }), () => n(v);
 	}, [
 		v,
 		m,
-		D,
+		A,
 		E.screen
 	]);
-	let Me = y || x === M - 1, { app: Ne, nav: Pe } = h({
-		status: D,
-		isTopOrTopPrev: Me,
+	let je = k, { app: Me, nav: Ne } = h({
+		status: A,
+		isTopOrTopPrev: je,
 		hasTopBar: !!a,
 		hasNavBar: !!s,
-		partnerBars: de
-	}), J = te({
-		status: D,
-		isTopOrTopPrev: Me,
+		partnerBars: fe
+	}), X = te({
+		status: A,
+		isTopOrTopPrev: je,
 		transitionName: S
-	}), Y = ne({
+	}), Pe = ne({
 		isActive: y,
 		isPrev: re,
 		zIndex: x,
-		index: M,
-		status: D,
-		dragStatus: O,
-		replaceTransitionStatus: k
-	}), Fe = d(Y), Ie = d(J !== null && Y), [X, Le] = f({
-		key: J,
-		released: J === null
+		index: D,
+		status: A,
+		dragStatus: M,
+		replaceTransitionStatus: ae
+	}), Fe = d(Pe), Ie = d(X !== null && Pe), [Le, Re] = f({
+		key: X,
+		released: X === null
 	});
-	X.key !== J && (Le({
-		key: J,
-		released: J === null
-	}), Ie.current = J !== null && Fe.current), Fe.current = Y;
-	let Z = J !== null && X.key === J && !X.released, Q = Z ? !y && fe?.opaqueBackground ? "park" : y && (D === "PUSHING" || D === "REPLACING") && fe?.opaqueBackground ? "park-under" : "true" : "false";
-	u(() => he.driveScreenLifecycle({
+	Le.key !== X && (Re({
+		key: X,
+		released: X === null
+	}), Ie.current = X !== null && Fe.current), Fe.current = Pe;
+	let Z = X !== null && Le.key === X && !Le.released, Q = Z ? !y && pe?.opaqueBackground ? "park" : y && (A === "PUSHING" || A === "REPLACING") && pe?.opaqueBackground ? "park-under" : "true" : "false";
+	u(() => ge.driveScreenLifecycle({
 		getElements: () => ({
-			scope: B.current,
-			decorator: V.current,
-			bars: [U.current, W.current]
+			scope: U.current,
+			decorator: G.current,
+			bars: [K.current, q.current]
 		}),
 		transitionName: S,
 		prevTransitionName: C,
-		status: D,
+		status: A,
 		isActive: y,
 		animHoldReleased: !Z
 	}), [
-		he,
-		D,
+		ge,
+		A,
 		y,
 		C,
 		S,
 		Z
 	]), o(() => {
-		if (!Z || J === null) return;
-		let e = J, t = E.navigate.getState().transitionTaskId, n = t === null ? e : `${e}#${t}`;
-		return ge.current.join(n, () => Le((t) => t.key === e && !t.released ? {
+		if (!Z || X === null) return;
+		let e = X, t = E.navigate.getState().transitionTaskId, n = t === null ? e : `${e}#${t}`;
+		return P.current.join(n, () => Re((t) => t.key === e && !t.released ? {
 			key: e,
 			released: !0
 		} : t), {
-			scope: B.current,
+			scope: U.current,
 			decodeWait: Ie.current
 		});
 	}, [
 		Z,
-		J,
+		X,
 		Q,
 		E.navigate
 	]);
-	let Re = Q === "park-under" ? {} : le({
+	let ze = Q === "park-under" ? {} : le({
 		initial: _e,
 		isActive: y,
-		status: D
+		status: A
 	});
-	return /* @__PURE__ */ Se("div", {
-		ref: De,
+	return /* @__PURE__ */ xe("div", {
+		ref: Te,
 		style: {
 			position: T,
 			top: 0,
@@ -512,7 +512,7 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			overscrollBehavior: "contain"
 		},
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
 					position: T,
@@ -523,16 +523,16 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					zIndex: 1
 				}
 			}),
-			/* @__PURE__ */ Se("div", {
-				ref: B,
+			/* @__PURE__ */ xe("div", {
+				ref: U,
 				..._,
-				onPointerDown: ke,
-				onPointerMove: Ae,
-				onPointerUp: je,
-				onPointerCancel: je,
+				onPointerDown: Oe,
+				onPointerMove: ke,
+				onPointerUp: Ae,
+				onPointerCancel: Ae,
 				"data-flemo-screen": !0,
 				"data-flemo-transition": S,
-				"data-flemo-status": D,
+				"data-flemo-status": A,
 				"data-flemo-active": y ? "true" : "false",
 				"data-flemo-anim-hold": Q,
 				style: {
@@ -541,14 +541,14 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					height: "100%",
 					backgroundColor: m,
 					overflowY: g ? void 0 : "auto",
-					touchAction: ve === "x" ? "pan-y" : ve === "y" ? "pan-x" : "auto",
-					...Re,
+					touchAction: ye === "x" ? "pan-y" : ye === "y" ? "pan-x" : "auto",
+					...ze,
 					..._.style
 				},
 				children: [
-					!ee && t && /* @__PURE__ */ F("div", {
+					!ee && t && /* @__PURE__ */ I("div", {
 						style: { minHeight: t },
-						children: /* @__PURE__ */ F("div", { style: {
+						children: /* @__PURE__ */ I("div", { style: {
 							position: T,
 							top: 0,
 							width: "100%",
@@ -556,12 +556,12 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 							backgroundColor: n
 						} })
 					}),
-					a && /* @__PURE__ */ F("div", { style: {
+					a && /* @__PURE__ */ I("div", { style: {
 						width: "100%",
-						minHeight: R
+						minHeight: Se
 					} }),
 					c,
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ I("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
@@ -571,17 +571,17 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 						children: e
 					}),
 					l,
-					s && /* @__PURE__ */ F("div", { style: {
-						display: Ce ? "none" : void 0,
+					s && /* @__PURE__ */ I("div", { style: {
+						display: B ? "none" : void 0,
 						width: "100%",
-						minHeight: Te
+						minHeight: Ce
 					} }),
-					!p && r && /* @__PURE__ */ F("div", {
+					!p && r && /* @__PURE__ */ I("div", {
 						style: {
-							display: Ce ? "none" : void 0,
+							display: B ? "none" : void 0,
 							minHeight: r
 						},
-						children: /* @__PURE__ */ F("div", { style: {
+						children: /* @__PURE__ */ I("div", { style: {
 							position: T,
 							bottom: 0,
 							width: "100%",
@@ -591,13 +591,13 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					})
 				]
 			}),
-			a && /* @__PURE__ */ F("div", {
-				ref: U,
+			a && /* @__PURE__ */ I("div", {
+				ref: K,
 				"data-flemo-bar": "app",
 				"data-flemo-bar-transition": S,
-				"data-flemo-bar-status": D,
+				"data-flemo-bar-status": A,
 				"data-flemo-bar-active": y ? "true" : "false",
-				"data-flemo-bar-riding": Ne ? "true" : "false",
+				"data-flemo-bar-riding": Me ? "true" : "false",
 				"data-flemo-anim-hold": Q,
 				style: {
 					position: T,
@@ -608,16 +608,16 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 				},
 				children: a
 			}),
-			s && /* @__PURE__ */ F("div", {
-				ref: W,
+			s && /* @__PURE__ */ I("div", {
+				ref: q,
 				"data-flemo-bar": "nav",
 				"data-flemo-bar-transition": S,
-				"data-flemo-bar-status": D,
+				"data-flemo-bar-status": A,
 				"data-flemo-bar-active": y ? "true" : "false",
-				"data-flemo-bar-riding": Pe ? "true" : "false",
+				"data-flemo-bar-riding": Ne ? "true" : "false",
 				"data-flemo-anim-hold": Q,
 				style: {
-					display: Ce ? "none" : void 0,
+					display: B ? "none" : void 0,
 					position: T,
 					bottom: p ? 0 : r,
 					left: 0,
@@ -626,11 +626,11 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 				},
 				children: s
 			}),
-			xe && /* @__PURE__ */ F(He, {
-				ref: V,
+			L && /* @__PURE__ */ I(He, {
+				ref: G,
 				"data-flemo-anim-hold": Q
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
 					position: T,
@@ -647,18 +647,18 @@ function We({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 //#endregion
 //#region src/screen/Screen.tsx
 function Ge({ children: e, ...t }) {
-	let { isActive: n, isPrev: r, zIndex: i } = z();
-	return /* @__PURE__ */ F(Re, {
+	let { isActive: n, isPrev: r, zIndex: i } = V();
+	return /* @__PURE__ */ I(Q, {
 		freeze: ne({
 			isActive: n,
 			isPrev: r,
 			zIndex: i,
-			index: H((e) => e.index),
+			index: W((e) => e.index),
 			status: Ve((e) => e.status),
 			dragStatus: $((e) => e.dragStatus),
 			replaceTransitionStatus: $((e) => e.replaceTransitionStatus)
 		}),
-		children: /* @__PURE__ */ F(We, {
+		children: /* @__PURE__ */ I(We, {
 			...t,
 			children: e
 		})
@@ -667,11 +667,11 @@ function Ge({ children: e, ...t }) {
 //#endregion
 //#region src/screen/Part.tsx
 function Ke({ ref: e, name: t, style: n, children: r, ...i }) {
-	let { isActive: a, navigateStore: o } = z(), s = L();
-	return /* @__PURE__ */ F("div", {
+	let { isActive: a, navigateStore: o } = V(), s = R();
+	return /* @__PURE__ */ I("div", {
 		ref: e,
 		"data-flemo-part-name": t,
-		"data-flemo-status": V(o ?? s.navigate, (e) => e.status),
+		"data-flemo-status": U(o ?? s.navigate, (e) => e.status),
 		"data-flemo-active": a ? "true" : "false",
 		style: n,
 		...i,
@@ -684,17 +684,17 @@ function qe({ children: e }) {
 	let [t] = f(() => ({
 		history: re(),
 		navigate: x(),
-		transition: M(),
+		transition: ae(),
 		screen: k(),
 		driver: y(),
 		markSelfInduced: fe,
 		consume: g,
 		life: { alive: !0 }
 	}));
-	return /* @__PURE__ */ F(I.Provider, {
+	return /* @__PURE__ */ I(L.Provider, {
 		value: t,
 		children: e
 	});
 }
 //#endregion
-export { Ke as Part, Fe as Route, Y as Router, qe as RouterScopeProvider, Ge as Screen, R as ScreenContext, He as ScreenDecorator, Re as ScreenFreeze, We as ScreenMotion, ke as Slot, v as createBrowserHistoryDriver, b as createDecorator, C as createPartTransition, w as createRawDecorator, T as createRawPartTransition, E as createRawTransition, j as createTransition, ge as partTransitionMap, H as useHistoryStore, X as useNavigate, Ve as useNavigateStore, Q as useParams, Le as usePathname, z as useScreen, $ as useScreenStore, Z as useStep, L as useStores, Ue as useViewportScrollHeight };
+export { Ke as Part, Pe as Route, X as Router, qe as RouterScopeProvider, Ge as Screen, B as ScreenContext, He as ScreenDecorator, Q as ScreenFreeze, We as ScreenMotion, Y as Slot, v as createBrowserHistoryDriver, b as createDecorator, C as createPartTransition, w as createRawDecorator, T as createRawPartTransition, E as createRawTransition, M as createTransition, ge as partTransitionMap, W as useHistoryStore, Ie as useNavigate, Ve as useNavigateStore, Z as useParams, Le as usePathname, V as useScreen, $ as useScreenStore, Re as useStep, R as useStores, Ue as useViewportScrollHeight };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/react",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "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.19.1"
+    "@flemo/core": "1.20.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -54,8 +54,8 @@
     "vite": "^8.0.16",
     "vite-plugin-dts": "^5.0.2",
     "vitest": "^4.1.9",
-    "@flemo/tsconfig": "0.0.0",
-    "@flemo/eslint-config": "0.0.0"
+    "@flemo/eslint-config": "0.0.0",
+    "@flemo/tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "react": "^19.2.7",