@flemo/react 1.5.3 → 1.5.4

package/dist/index.mjs

@@ -1,20 +1,20 @@
-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 { TaskManger as p, animHoldKey as te, appendParamsQuery as m, buildRoutePath as h, computeBarRiding as g, computeScreenFreeze as _, consumeSelfInducedPop as v, createBrowserHistoryDriver as y, createBrowserHistoryDriver as b, createDecorator as x, createHistoryStore as S, createHistorySync as C, createNavigateStore as w, createNavigationController as T, createPartTransition as E, createRawDecorator as D, createRawPartTransition as O, createRawTransition as k, createRouterScope as ne, createScreenSelector as A, createScreenStore as j, createStepController as M, createSwipeController as re, createTransition as ie, createTransitionEngine as ae, createTransitionStore as oe, decoratorMap as se, ensureWindowHistoryState as ce, enteringInitialStyle as le, getMatchedPathPattern as N, isServer as ue, markSelfInducedPop as de, matchesPathname as fe, observeBarHeight as pe, observeViewportScrollHeight as P, partTransitionMap as me, readStepParams as F, registerTransitionDefinitions as he, scheduleAnimHoldRelease as ge, transitionMap as I } from "@flemo/core";
-import { jsx as L, jsxs as _e } from "react/jsx-runtime";
-import { createPortal as ve } from "react-dom";
+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 d, useRef as f, useState as p } from "react";
+import { animHoldKey as ee, appendParamsQuery as m, buildRoutePath as h, computeBarRiding as g, computeScreenFreeze as _, consumeSelfInducedPop as v, createBrowserHistoryDriver as y, createBrowserHistoryDriver as b, createDecorator as x, createHistoryStore as S, createHistorySync as C, createNavigateStore as te, createNavigationController as w, createPartTransition as T, createRawDecorator as E, createRawPartTransition as D, createRawTransition as O, createRouterScope as ne, createScreenSelector as re, createScreenStore as k, createStepController as A, createSwipeController as ie, createTransition as ae, createTransitionEngine as oe, createTransitionStore as se, decoratorMap as ce, ensureWindowHistoryState as le, enteringInitialStyle as ue, getMatchedPathPattern as de, isServer as j, markSelfInducedPop as fe, matchesPathname as pe, observeBarHeight as me, observeViewportScrollHeight as he, partTransitionMap as M, readStepParams as N, registerTransitionDefinitions as P, resolveTransition as ge, scheduleAnimHoldRelease as _e, subscribeStepParamsRestore as ve } from "@flemo/core";
+import { jsx as F, jsxs as ye } from "react/jsx-runtime";
+import { createPortal as be } from "react-dom";
 //#region src/stores/StoreContext.ts
-var R = r(null);
+var I = r(null);
 //#endregion
 //#region src/stores/useStores.ts
-function z() {
-	let e = a(R);
+function L() {
+	let e = a(I);
 	if (!e) throw Error("flemo stores are missing. Render inside a <Router>.");
 	return e;
 }
 //#endregion
 //#region src/history/HistoryListener.tsx
-function ye() {
-	let e = z();
+function xe() {
+	let e = L();
 	return o(() => C({
 		stores: e,
 		driver: e.driver,
@@ -23,7 +23,7 @@ function ye() {
 }
 //#endregion
 //#region src/screen/ScreenContext.ts
-var be = r({
+var R = r({
 	id: "",
 	isActive: !1,
 	isRoot: !0,
@@ -38,12 +38,12 @@ var be = r({
 });
 //#endregion
 //#region src/screen/useScreen.ts
-function B() {
-	return a(be);
+function z() {
+	return a(R);
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsContext.ts
-var xe = r({}), Se = r(() => {});
+var Se = r({}), B = r(() => {});
 //#endregion
 //#region src/screen/ParamsProvider/ParamsReducer.ts
 function V(e, t) {
@@ -55,24 +55,19 @@ function V(e, t) {
 //#endregion
 //#region src/screen/ParamsProvider/ParamsProvider.tsx
 function H({ children: e }) {
-	let { isActive: t, params: n } = B(), { driver: r } = z(), [i, a] = ee(V, n);
+	let { isActive: t, params: n } = z(), { driver: r } = L(), [i, a] = d(V, n);
 	return o(() => {
-		if (t) return r.subscribe((e) => {
-			let t = e.state;
-			t?.step && p.addTask(async () => {
-				a({
-					type: "SET",
-					params: t.params ?? {}
-				});
-			});
-		});
+		if (t) return ve(r, (e) => a({
+			type: "SET",
+			params: e
+		}));
 	}, [
 		t,
 		a,
 		r
-	]), /* @__PURE__ */ L(Se.Provider, {
+	]), /* @__PURE__ */ F(B.Provider, {
 		value: a,
-		children: /* @__PURE__ */ L(xe.Provider, {
+		children: /* @__PURE__ */ F(Se.Provider, {
 			value: i,
 			children: e
 		})
@@ -88,20 +83,20 @@ function W(t, n = U) {
 //#endregion
 //#region src/stores/useHistoryStore.ts
 function G(e) {
-	return W(z().history, e);
+	return W(L().history, e);
 }
 //#endregion
 //#region src/renderer/Renderer.tsx
 function K({ children: e }) {
 	let t = G((e) => e.index);
-	return A(G((e) => e.histories), t).map((t) => {
-		let [r] = n.toArray(e).filter((e) => fe(e.props.path, t.pathname));
-		return /* @__PURE__ */ L(be.Provider, {
+	return re(G((e) => e.histories), t).map((t) => {
+		let [r] = n.toArray(e).filter((e) => pe(e.props.path, t.pathname));
+		return /* @__PURE__ */ F(R.Provider, {
 			value: {
 				...t,
-				routePath: N(r.props.path, t.pathname)
+				routePath: de(r.props.path, t.pathname)
 			},
-			children: /* @__PURE__ */ L(H, { children: r })
+			children: /* @__PURE__ */ F(H, { children: r })
 		}, t.id);
 	});
 }
@@ -114,7 +109,7 @@ function Ce() {
 //#endregion
 //#region src/transition/styles.ts
 function J(e, t, n = []) {
-	l(() => he(e, t, n), [
+	l(() => P(e, t, n), [
 		e,
 		t,
 		n
@@ -124,16 +119,16 @@ function J(e, t, n = []) {
 //#region src/RouterDepthContext.ts
 var we = r(0), Te = { contained: !0 };
 function Y({ children: e, className: t, style: n }) {
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ F("div", {
 		className: t,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...n
 		},
-		children: /* @__PURE__ */ L(q.Provider, {
+		children: /* @__PURE__ */ F(q.Provider, {
 			value: Te,
-			children: /* @__PURE__ */ L(K, { children: e })
+			children: /* @__PURE__ */ F(K, { children: e })
 		})
 	});
 }
@@ -155,47 +150,47 @@ function Ee(e) {
 	}), t;
 }
 var De = [], Oe = [], X = [], ke = { contained: !0 };
-function Ae({ children: e, initPath: t = "/", defaultTransitionName: r = "cupertino", transitions: i = De, decorators: c = Oe, partTransitions: l = X, history: u = "browser", createDriver: ee, className: d, style: p }) {
-	let te = a(we), m = te > 0, h = u === "memory", g = s(), _ = Ee(e), v = _ !== null, y = a(R), x = m ? null : y, S = x !== null, C = ee ?? b, [w] = f(() => h ? null : C(S ? void 0 : g)), T = !m && !h && !ue(), E = T && w ? w.readPathname() : t || "/", D = E.indexOf("?"), O = (D >= 0 ? E.slice(0, D) : E) || "/", k = T ? window.location.search : D >= 0 ? E.slice(D) : "", [A] = f(() => ne({
-		routePaths: (_ ?? n.toArray(e)).map((e) => e.props.path).flat(),
+function Ae({ children: e, initPath: t = "/", defaultTransitionName: r = "cupertino", transitions: i = De, decorators: c = Oe, partTransitions: l = X, history: u = "browser", createDriver: d, className: f, style: ee }) {
+	let m = a(we), h = m > 0, g = u === "memory", _ = s(), v = Ee(e), y = v !== null, x = a(I), S = h ? null : x, C = S !== null, te = d ?? b, [w] = p(() => g ? null : te(C ? void 0 : _)), T = !h && !g && !j(), E = T && w ? w.readPathname() : t || "/", D = E.indexOf("?"), O = (D >= 0 ? E.slice(0, D) : E) || "/", re = T ? window.location.search : D >= 0 ? E.slice(D) : "", [k] = p(() => ne({
+		routePaths: (v ?? n.toArray(e)).map((e) => e.props.path).flat(),
 		pathname: O,
-		search: k,
+		search: re,
 		defaultTransitionName: r,
-		memory: h,
+		memory: g,
 		browserDriver: w,
-		hostedScope: x
+		hostedScope: S
 	}));
-	A.transition.setState({ defaultTransitionName: r }), J(i, c, l), o(() => {
-		h || ue() || (ce(S ? null : g, r, A.history.getState().histories[0]?.params ?? {}), m && !S && w && w.readPathname() !== O && w.replaceState(w.readState(), O));
+	k.transition.setState({ defaultTransitionName: r }), J(i, c, l), o(() => {
+		g || j() || (le(C ? null : _, r, k.history.getState().histories[0]?.params ?? {}), h && !C && w && w.readPathname() !== O && w.replaceState(w.readState(), O));
 	}, [
-		h,
-		S,
-		m,
 		g,
+		C,
+		h,
+		_,
 		O,
 		r,
-		A.history,
+		k.history,
 		w
 	]);
-	let j = v ? e : /* @__PURE__ */ L(K, { children: e }), M = /* @__PURE__ */ L(we.Provider, {
-		value: te + 1,
-		children: /* @__PURE__ */ _e(R.Provider, {
-			value: A,
-			children: [!h && /* @__PURE__ */ L(ye, {}), m ? /* @__PURE__ */ L(q.Provider, {
+	let A = y ? e : /* @__PURE__ */ F(K, { children: e }), ie = /* @__PURE__ */ F(we.Provider, {
+		value: m + 1,
+		children: /* @__PURE__ */ ye(I.Provider, {
+			value: k,
+			children: [!g && /* @__PURE__ */ F(xe, {}), h ? /* @__PURE__ */ F(q.Provider, {
 				value: ke,
-				children: j
-			}) : j]
+				children: A
+			}) : A]
 		})
 	});
-	return m ? /* @__PURE__ */ L("div", {
-		className: d,
+	return h ? /* @__PURE__ */ F("div", {
+		className: f,
 		style: {
 			position: "relative",
 			overflow: "hidden",
-			...p
+			...ee
 		},
-		children: M
-	}) : M;
+		children: ie
+	}) : ie;
 }
 //#endregion
 //#region src/Route.tsx
@@ -209,7 +204,7 @@ var je = r(null);
 //#region src/screen/Layer.tsx
 function Me({ children: e }) {
 	let t = a(je);
-	return t ? ve(e, t) : e;
+	return t ? be(e, t) : e;
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
@@ -219,7 +214,7 @@ function Ne(e, t) {
 //#endregion
 //#region src/navigate/useNavigate.ts
 function Pe() {
-	let e = z(), t = T({
+	let e = L(), t = w({
 		stores: e,
 		buildPathname: (e, t) => Ne(e, t),
 		driver: e.driver,
@@ -239,11 +234,11 @@ function Fe() {
 //#endregion
 //#region src/navigate/useStep.ts
 function Ie() {
-	let { routePath: e } = B(), t = z(), n = a(Se), { driver: r, markSelfInduced: i } = t, [s, c] = f(null);
+	let { routePath: e } = z(), t = L(), n = a(B), { driver: r, markSelfInduced: i } = t, [s, c] = p(null);
 	o(() => {
-		if (!e) return c(F(r.readState())), r.subscribe((e) => c(F(e.state)));
+		if (!e) return c(N(r.readState())), r.subscribe((e) => c(N(e.state)));
 	}, [e, r]);
-	let l = M({
+	let l = A({
 		stores: t,
 		driver: r,
 		markSelfInduced: i,
@@ -265,12 +260,12 @@ function Ie() {
 //#endregion
 //#region src/screen/ParamsProvider/useParams.ts
 function Le() {
-	return a(xe);
+	return a(Se);
 }
 //#endregion
 //#region src/screen/ScreenFreeze.tsx
 function Re({ freeze: e, children: n }) {
-	return /* @__PURE__ */ L(t, {
+	return /* @__PURE__ */ F(t, {
 		mode: e ? "hidden" : "visible",
 		children: n
 	});
@@ -278,15 +273,15 @@ function Re({ freeze: e, children: n }) {
 //#endregion
 //#region src/stores/useNavigateStore.ts
 function Q(e) {
-	return W(z().navigate, e);
+	return W(L().navigate, e);
 }
 //#endregion
 //#region src/screen/ScreenDecorator.tsx
 function ze({ ref: e, style: t, ...n }) {
-	let { isActive: r, transitionName: i } = B(), a = d(null);
+	let { isActive: r, transitionName: i } = z(), a = f(null);
 	c(e, () => a.current);
-	let o = Q((e) => e.status), { decoratorName: s } = I.get(i) ?? I.get("none"), l = se.get(s);
-	return l ? /* @__PURE__ */ L("div", {
+	let o = Q((e) => e.status), { decoratorName: s } = ge(i), l = ce.get(s);
+	return l ? /* @__PURE__ */ F("div", {
 		ref: a,
 		"data-flemo-decorator": !0,
 		"data-flemo-decorator-name": l.name,
@@ -308,8 +303,8 @@ function ze({ ref: e, style: t, ...n }) {
 //#endregion
 //#region src/screen/useViewportScrollHeight.ts
 function Be() {
-	let [e, t] = f(0), [n, r] = f(0);
-	return o(() => P((e, n) => {
+	let [e, t] = p(0), [n, r] = p(0);
+	return o(() => he((e, n) => {
 		r(n), t(e);
 	}), []), {
 		viewportScrollHeight: e,
@@ -319,48 +314,48 @@ function Be() {
 //#endregion
 //#region src/stores/useScreenStore.ts
 function $(e) {
-	return W(z().screen, e);
+	return W(L().screen, e);
 }
 //#endregion
 //#region src/screen/ScreenMotion.tsx
-function Ve({ 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: h = !0, ..._ }) {
-	let { id: v, isActive: y, isRoot: b, zIndex: x, transitionName: S, prevTransitionName: C } = B(), { contained: w } = Ce(), T = w ? "absolute" : "fixed", E = z(), D = Q((e) => e.status), O = $((e) => e.dragStatus), k = E.screen.getState().setDragStatus, ne = E.screen.getState().setReplaceTransitionStatus, A = G((e) => e.index), j = G((e) => e.histories), M = y ? j[A - 1]?.id : j[A]?.id, ie = $((e) => M ? e.sharedBars[M] : void 0), oe = d(null);
-	oe.current ||= ae({
+function Ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigationBarHeight: r, systemNavigationBarColor: i, sharedTopBar: a, sharedBottomBar: s, topBar: c, bottomBar: l, hideStatusBar: d, hideSystemNavigationBar: m, backgroundColor: h = "white", contentScrollable: _ = !0, ...v }) {
+	let { id: y, isActive: b, isRoot: x, zIndex: S, transitionName: C, prevTransitionName: te } = z(), { contained: w } = Ce(), T = w ? "absolute" : "fixed", E = L(), D = Q((e) => e.status), O = $((e) => e.dragStatus), ne = E.screen.getState().setDragStatus, re = E.screen.getState().setReplaceTransitionStatus, k = G((e) => e.index), A = G((e) => e.histories), ae = b ? A[k - 1]?.id : A[k]?.id, se = $((e) => ae ? e.sharedBars[ae] : void 0), le = f(null);
+	le.current ||= oe({
 		getTransitionTaskId: () => E.navigate.getState().transitionTaskId,
-		setDragStatus: k,
-		setReplaceTransitionStatus: ne
+		setDragStatus: ne,
+		setReplaceTransitionStatus: re
 	});
-	let ce = oe.current, N = I.get(S) ?? I.get("none"), { initial: ue, swipeDirection: de, decoratorName: fe } = N, P = se.get(fe), { viewportScrollHeight: me } = Be(), F = me > 0, [he, ve] = f(0), [R, ye] = f(0), [be, xe] = f(null), Se = d(null), V = d(null), H = d(null), U = d(null), W = d(null), K = d({
-		transition: N,
-		decorator: P,
+	let de = le.current, j = ge(C), { initial: fe, swipeDirection: pe, decoratorName: he } = j, M = ce.get(he), { viewportScrollHeight: N } = Be(), P = N > 0, [ve, be] = p(0), [I, xe] = p(0), [R, Se] = p(null), B = f(null), V = f(null), H = f(null), U = f(null), W = f(null), K = f({
+		transition: j,
+		decorator: M,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: me,
-		isRoot: b,
-		isActive: y,
+		viewportScrollHeight: N,
+		isRoot: x,
+		isActive: b,
 		status: D,
 		dragStatus: O,
-		index: A
+		index: k
 	});
 	K.current = {
-		transition: N,
-		decorator: P,
+		transition: j,
+		decorator: M,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: me,
-		isRoot: b,
-		isActive: y,
+		viewportScrollHeight: N,
+		isRoot: x,
+		isActive: b,
 		status: D,
 		dragStatus: O,
-		index: A
+		index: k
 	};
-	let q = d(null);
-	q.current ||= re({
+	let q = f(null);
+	q.current ||= ie({
 		getTransition: () => K.current.transition,
 		getDecorator: () => K.current.decorator,
 		getElements: () => ({
 			scope: V.current,
-			screenContainer: Se.current,
+			screenContainer: B.current,
 			decorator: H.current,
 			sharedTopBar: U.current,
 			sharedBottomBar: W.current
@@ -376,7 +371,7 @@ function Ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			let e = K.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: k,
+		setDragStatus: ne,
 		back: () => window.history.back()
 	});
 	let J = q.current, we = (e) => J.pointerDown(e.nativeEvent), Te = (e) => J.pointerMove(e.nativeEvent), Y = (e) => J.pointerUp(e.nativeEvent);
@@ -389,59 +384,59 @@ function Ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 		return e.addEventListener("touchmove", t, { passive: !1 }), () => {
 			e.removeEventListener("touchmove", t);
 		};
-	}, [J]), u(() => ce.driveScreenLifecycle({
+	}, [J]), u(() => de.driveScreenLifecycle({
 		getElements: () => ({
 			scope: V.current,
 			decorator: H.current,
 			bars: [U.current, W.current]
 		}),
-		transitionName: S,
-		prevTransitionName: C,
+		transitionName: C,
+		prevTransitionName: te,
 		status: D,
-		isActive: y
+		isActive: b
 	}), [
-		ce,
+		de,
 		D,
-		y,
-		C,
-		S
+		b,
+		te,
+		C
 	]), u(() => {
 		let e = U.current;
 		if (!e) {
-			ve(0);
+			be(0);
 			return;
 		}
-		return pe(e, ve);
+		return me(e, be);
 	}, [a]), u(() => {
 		let e = W.current;
 		if (!e) {
-			ye(0);
+			xe(0);
 			return;
 		}
-		return pe(e, ye);
+		return me(e, xe);
 	}, [s]), u(() => {
 		let { registerSharedBars: e, unregisterSharedBars: t } = E.screen.getState();
-		return e(v, {
+		return e(y, {
 			topBar: !!a,
 			bottomBar: !!s
-		}), () => t(v);
+		}), () => t(y);
 	}, [
-		v,
+		y,
 		a,
 		s,
 		E.screen
 	]);
-	let Ee = y || x === A - 1, { app: De, nav: Oe } = g({
+	let Ee = b || S === k - 1, { app: De, nav: Oe } = g({
 		status: D,
 		isTopOrTopPrev: Ee,
 		hasTopBar: !!a,
 		hasNavBar: !!s,
-		partnerBars: ie
-	}), X = te({
+		partnerBars: se
+	}), X = ee({
 		status: D,
 		isTopOrTopPrev: Ee,
-		transitionName: S
-	}), [ke, Ae] = f({
+		transitionName: C
+	}), [ke, Ae] = p({
 		key: X,
 		released: X === null
 	});
@@ -451,18 +446,18 @@ function Ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 	});
 	let Z = X !== null && ke.key === X && !ke.released;
 	o(() => {
-		if (Z) return ge(() => Ae((e) => e.key === X && !e.released ? {
+		if (Z) return _e(() => Ae((e) => e.key === X && !e.released ? {
 			key: X,
 			released: !0
 		} : e));
 	}, [Z, X]);
-	let Me = le({
-		initial: ue,
-		isActive: y,
+	let Me = ue({
+		initial: fe,
+		isActive: b,
 		status: D
 	});
-	return /* @__PURE__ */ _e("div", {
-		ref: Se,
+	return /* @__PURE__ */ ye("div", {
+		ref: B,
 		style: {
 			position: T,
 			top: 0,
@@ -476,7 +471,7 @@ function Ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			overscrollBehavior: "contain"
 		},
 		children: [
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ F("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
 					position: T,
@@ -487,32 +482,32 @@ function Ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					zIndex: 1
 				}
 			}),
-			/* @__PURE__ */ _e("div", {
+			/* @__PURE__ */ ye("div", {
 				ref: V,
-				..._,
+				...v,
 				onPointerDown: we,
 				onPointerMove: Te,
 				onPointerUp: Y,
 				onPointerCancel: Y,
 				"data-flemo-screen": !0,
-				"data-flemo-transition": S,
+				"data-flemo-transition": C,
 				"data-flemo-status": D,
-				"data-flemo-active": y ? "true" : "false",
+				"data-flemo-active": b ? "true" : "false",
 				"data-flemo-anim-hold": Z ? "true" : "false",
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					height: "100%",
-					backgroundColor: m,
-					overflowY: h ? void 0 : "auto",
-					touchAction: de === "x" ? "pan-y" : de === "y" ? "pan-x" : "auto",
+					backgroundColor: h,
+					overflowY: _ ? void 0 : "auto",
+					touchAction: pe === "x" ? "pan-y" : pe === "y" ? "pan-x" : "auto",
 					...Me,
-					..._.style
+					...v.style
 				},
 				children: [
-					!ee && t && /* @__PURE__ */ L("div", {
+					!d && t && /* @__PURE__ */ F("div", {
 						style: { minHeight: t },
-						children: /* @__PURE__ */ L("div", { style: {
+						children: /* @__PURE__ */ F("div", { style: {
 							position: T,
 							top: 0,
 							width: "100%",
@@ -520,39 +515,39 @@ function Ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 							backgroundColor: n
 						} })
 					}),
-					a && /* @__PURE__ */ L("div", { style: {
+					a && /* @__PURE__ */ F("div", { style: {
 						width: "100%",
-						minHeight: he
+						minHeight: ve
 					} }),
 					c,
-					/* @__PURE__ */ L("div", {
+					/* @__PURE__ */ F("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							flexGrow: 1,
-							overflowY: h ? "auto" : void 0,
+							overflowY: _ ? "auto" : void 0,
 							...D !== "IDLE" && D !== "COMPLETED" ? {
 								transform: "translateZ(0)",
 								willChange: "transform"
 							} : null
 						},
-						children: /* @__PURE__ */ L(je.Provider, {
-							value: be,
+						children: /* @__PURE__ */ F(je.Provider, {
+							value: R,
 							children: e
 						})
 					}),
 					l,
-					s && /* @__PURE__ */ L("div", { style: {
-						display: F ? "none" : void 0,
+					s && /* @__PURE__ */ F("div", { style: {
+						display: P ? "none" : void 0,
 						width: "100%",
-						minHeight: R
+						minHeight: I
 					} }),
-					!p && r && /* @__PURE__ */ L("div", {
+					!m && r && /* @__PURE__ */ F("div", {
 						style: {
-							display: F ? "none" : void 0,
+							display: P ? "none" : void 0,
 							minHeight: r
 						},
-						children: /* @__PURE__ */ L("div", { style: {
+						children: /* @__PURE__ */ F("div", { style: {
 							position: T,
 							bottom: 0,
 							width: "100%",
@@ -560,52 +555,52 @@ function Ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 							backgroundColor: i
 						} })
 					}),
-					/* @__PURE__ */ L("div", {
-						ref: xe,
+					/* @__PURE__ */ F("div", {
+						ref: Se,
 						"data-flemo-layer-mount": !0
 					})
 				]
 			}),
-			a && /* @__PURE__ */ L("div", {
+			a && /* @__PURE__ */ F("div", {
 				ref: U,
 				"data-flemo-bar": "app",
-				"data-flemo-bar-transition": S,
+				"data-flemo-bar-transition": C,
 				"data-flemo-bar-status": D,
-				"data-flemo-bar-active": y ? "true" : "false",
+				"data-flemo-bar-active": b ? "true" : "false",
 				"data-flemo-bar-riding": De ? "true" : "false",
 				"data-flemo-anim-hold": Z ? "true" : "false",
 				style: {
 					position: T,
-					top: ee ? 0 : t,
+					top: d ? 0 : t,
 					left: 0,
 					width: "100%",
 					zIndex: 1
 				},
 				children: a
 			}),
-			s && /* @__PURE__ */ L("div", {
+			s && /* @__PURE__ */ F("div", {
 				ref: W,
 				"data-flemo-bar": "nav",
-				"data-flemo-bar-transition": S,
+				"data-flemo-bar-transition": C,
 				"data-flemo-bar-status": D,
-				"data-flemo-bar-active": y ? "true" : "false",
+				"data-flemo-bar-active": b ? "true" : "false",
 				"data-flemo-bar-riding": Oe ? "true" : "false",
 				"data-flemo-anim-hold": Z ? "true" : "false",
 				style: {
-					display: F ? "none" : void 0,
+					display: P ? "none" : void 0,
 					position: T,
-					bottom: p ? 0 : r,
+					bottom: m ? 0 : r,
 					left: 0,
 					width: "100%",
 					zIndex: 1
 				},
 				children: s
 			}),
-			P && /* @__PURE__ */ L(ze, {
+			M && /* @__PURE__ */ F(ze, {
 				ref: H,
 				"data-flemo-anim-hold": Z ? "true" : "false"
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ F("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
 					position: T,
@@ -622,8 +617,8 @@ function Ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 //#endregion
 //#region src/screen/Screen.tsx
 function He({ children: e, ...t }) {
-	let { isActive: n, isPrev: r, zIndex: i } = B();
-	return /* @__PURE__ */ L(Re, {
+	let { isActive: n, isPrev: r, zIndex: i } = z();
+	return /* @__PURE__ */ F(Re, {
 		freeze: _({
 			isActive: n,
 			isPrev: r,
@@ -633,7 +628,7 @@ function He({ children: e, ...t }) {
 			dragStatus: $((e) => e.dragStatus),
 			replaceTransitionStatus: $((e) => e.replaceTransitionStatus)
 		}),
-		children: /* @__PURE__ */ L(Ve, {
+		children: /* @__PURE__ */ F(Ve, {
 			...t,
 			children: e
 		})
@@ -642,8 +637,8 @@ function He({ children: e, ...t }) {
 //#endregion
 //#region src/screen/Part.tsx
 function Ue({ ref: e, name: t, style: n, children: r, ...i }) {
-	let { isActive: a } = B();
-	return /* @__PURE__ */ L("div", {
+	let { isActive: a } = z();
+	return /* @__PURE__ */ F("div", {
 		ref: e,
 		"data-flemo-part-name": t,
 		"data-flemo-status": Q((e) => e.status),
@@ -656,19 +651,19 @@ function Ue({ ref: e, name: t, style: n, children: r, ...i }) {
 //#endregion
 //#region src/stores/RouterScopeProvider.tsx
 function We({ children: e }) {
-	let [t] = f(() => ({
+	let [t] = p(() => ({
 		history: S(),
-		navigate: w(),
-		transition: oe(),
-		screen: j(),
+		navigate: te(),
+		transition: se(),
+		screen: k(),
 		driver: b(),
-		markSelfInduced: de,
+		markSelfInduced: fe,
 		consume: v
 	}));
-	return /* @__PURE__ */ L(R.Provider, {
+	return /* @__PURE__ */ F(I.Provider, {
 		value: t,
 		children: e
 	});
 }
 //#endregion
-export { Me as Layer, Ue as Part, Z as Route, Ae as Router, We as RouterScopeProvider, He as Screen, be as ScreenContext, ze as ScreenDecorator, Re as ScreenFreeze, Ve as ScreenMotion, Y as Slot, y as createBrowserHistoryDriver, x as createDecorator, E as createPartTransition, D as createRawDecorator, O as createRawPartTransition, k as createRawTransition, ie as createTransition, me as partTransitionMap, G as useHistoryStore, Pe as useNavigate, Q as useNavigateStore, Le as useParams, Fe as usePathname, B as useScreen, $ as useScreenStore, Ie as useStep, z as useStores, Be as useViewportScrollHeight };
+export { Me as Layer, Ue as Part, Z as Route, Ae as Router, We as RouterScopeProvider, He as Screen, R as ScreenContext, ze as ScreenDecorator, Re as ScreenFreeze, Ve as ScreenMotion, Y as Slot, y as createBrowserHistoryDriver, x as createDecorator, T as createPartTransition, E as createRawDecorator, D as createRawPartTransition, O as createRawTransition, ae as createTransition, M as partTransitionMap, G as useHistoryStore, Pe as useNavigate, Q as useNavigateStore, Le as useParams, Fe as usePathname, z as useScreen, $ as useScreenStore, Ie as useStep, L as useStores, Be as useViewportScrollHeight };

package/dist/navigate/__tests__/useStepChrome.test.d.ts

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

package/dist/screen/__tests__/ScreenMotion.branches.test.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/react",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "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.8.0"
+    "@flemo/core": "1.9.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/dist/screen/ParamsProvider/useParamsDispatch.d.ts

@@ -1 +0,0 @@
-export default function useParamsDispatch(): import('react').Dispatch<import('./ParamsDispatchContext').ParamsDispatchContextType>;