@flemo/react 1.5.5 → 1.5.6

package/dist/index.mjs

@@ -1,21 +1,21 @@
 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 w, createNavigationController as T, createPartTransition as E, createRawDecorator as D, createRawPartTransition as O, createRawTransition as k, createRouterScope as te, createScreenSelector as ne, createScreenStore as A, createStepController as j, createSwipeController as re, createTransition as M, createTransitionEngine as ie, createTransitionStore as ae, decoratorMap as oe, eagerlyDecodeImages as se, ensureWindowHistoryState 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, resolveTransition as _e, scheduleAnimHoldRelease as ve, subscribeStepParamsRestore as I } from "@flemo/core";
-import { jsx as L, jsxs as ye } from "react/jsx-runtime";
-import { createPortal as be } from "react-dom";
+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 te, createHistorySync as S, createNavigateStore as C, createNavigationController as w, createPartTransition as T, createRawDecorator as E, createRawPartTransition as D, createRawTransition as O, createRouterScope as ne, createScreenSelector as k, createScreenStore as A, createStepController as j, createSwipeController as M, createTransition as N, createTransitionEngine as re, createTransitionStore as ie, decoratorMap as ae, eagerlyDecodeImages as oe, ensureWindowHistoryState as se, enteringInitialStyle as ce, getMatchedPathPattern as le, isOpaqueColor as ue, isServer as de, markSelfInducedPop as P, matchesPathname as fe, observeBarHeight as pe, observeViewportScrollHeight as me, partTransitionMap as he, readStepParams as F, registerTransitionDefinitions as I, resolveTransition as ge, scheduleAnimHoldRelease as _e, subscribeStepParamsRestore as L } from "@flemo/core";
+import { jsx as R, jsxs as ve } from "react/jsx-runtime";
+import { createPortal as ye } from "react-dom";
 //#region src/stores/StoreContext.ts
-var R = r(null);
+var z = r(null);
 //#endregion
 //#region src/stores/useStores.ts
-function z() {
-	let e = a(R);
+function B() {
+	let e = a(z);
 	if (!e) throw Error("flemo stores are missing. Render inside a <Router>.");
 	return e;
 }
 //#endregion
 //#region src/history/HistoryListener.tsx
-function xe() {
-	let e = z();
-	return o(() => C({
+function be() {
+	let e = B();
+	return o(() => S({
 		stores: e,
 		driver: e.driver,
 		consume: e.consume
@@ -23,7 +23,7 @@ function xe() {
 }
 //#endregion
 //#region src/screen/ScreenContext.ts
-var B = r({
+var V = r({
 	id: "",
 	isActive: !1,
 	isRoot: !0,
@@ -38,15 +38,15 @@ var B = r({
 });
 //#endregion
 //#region src/screen/useScreen.ts
-function V() {
-	return a(B);
+function H() {
+	return a(V);
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsContext.ts
-var Se = r({}), Ce = r(() => {});
+var xe = r({}), Se = r(() => {});
 //#endregion
 //#region src/screen/ParamsProvider/ParamsReducer.ts
-function we(e, t) {
+function Ce(e, t) {
 	switch (t.type) {
 		case "SET": return t.params;
 		default: return e;
@@ -54,10 +54,10 @@ function we(e, t) {
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsProvider.tsx
-function H({ children: e }) {
-	let { isActive: t, params: n } = V(), { driver: r } = z(), [i, a] = d(we, n);
+function U({ children: e }) {
+	let { isActive: t, params: n } = H(), { driver: r } = B(), [i, a] = d(Ce, n);
 	return o(() => {
-		if (t) return I(r, (e) => a({
+		if (t) return L(r, (e) => a({
 			type: "SET",
 			params: e
 		}));
@@ -65,9 +65,9 @@ function H({ children: e }) {
 		t,
 		a,
 		r
-	]), /* @__PURE__ */ L(Ce.Provider, {
+	]), /* @__PURE__ */ R(Se.Provider, {
 		value: a,
-		children: /* @__PURE__ */ L(Se.Provider, {
+		children: /* @__PURE__ */ R(xe.Provider, {
 			value: i,
 			children: e
 		})
@@ -75,41 +75,41 @@ function H({ 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 U = (e) => e;
-function W(t, n = U) {
+var W = (e) => e;
+function G(t, n = W) {
 	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 G(e) {
-	return W(z().history, e);
+function K(e) {
+	return G(B().history, e);
 }
 //#endregion
 //#region src/renderer/Renderer.tsx
-function K({ children: e }) {
-	let t = G((e) => e.index);
-	return ne(G((e) => e.histories), t).map((t) => {
-		let [r] = n.toArray(e).filter((e) => pe(e.props.path, t.pathname));
-		return /* @__PURE__ */ L(B.Provider, {
+function q({ children: e }) {
+	let t = K((e) => e.index);
+	return k(K((e) => e.histories), t).map((t) => {
+		let [r] = n.toArray(e).filter((e) => fe(e.props.path, t.pathname));
+		return /* @__PURE__ */ R(V.Provider, {
 			value: {
 				...t,
-				routePath: ue(r.props.path, t.pathname)
+				routePath: le(r.props.path, t.pathname)
 			},
-			children: /* @__PURE__ */ L(H, { children: r })
+			children: /* @__PURE__ */ R(U, { children: r })
 		}, t.id);
 	});
 }
 //#endregion
 //#region src/screen/ScreenViewportContext.ts
-var q = r({ contained: !1 });
-function Te() {
-	return a(q);
+var J = r({ contained: !1 });
+function we() {
+	return a(J);
 }
 //#endregion
 //#region src/transition/styles.ts
-function Ee(e, t, n = []) {
-	l(() => F(e, t, n), [
+function Te(e, t, n = []) {
+	l(() => I(e, t, n), [
 		e,
 		t,
 		n
@@ -117,72 +117,74 @@ function Ee(e, t, n = []) {
 }
 //#endregion
 //#region src/RouterDepthContext.ts
-var J = r(0), De = { contained: !0 };
-function Oe({ children: e, className: t, style: n }) {
-	return /* @__PURE__ */ L("div", {
+var Y = r(0), Ee = { contained: !0 };
+function De({ children: e, className: t, style: n }) {
+	return /* @__PURE__ */ R("div", {
 		className: t,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...n
 		},
-		children: /* @__PURE__ */ L(q.Provider, {
-			value: De,
-			children: /* @__PURE__ */ L(K, { children: e })
+		children: /* @__PURE__ */ R(J.Provider, {
+			value: Ee,
+			children: /* @__PURE__ */ R(q, { children: e })
 		})
 	});
 }
 //#endregion
 //#region src/Router.tsx
-function Y(e) {
+function Oe(e) {
 	let t = null;
 	return n.forEach(e, (e) => {
 		if (t || !i(e)) return;
-		if (e.type === Oe) {
+		if (e.type === De) {
 			t = n.toArray(e.props.children).filter(i);
 			return;
 		}
 		let r = e.props.children;
 		if (r) {
-			let e = Y(r);
+			let e = Oe(r);
 			e && (t = e);
 		}
 	}), t;
 }
 var ke = [], Ae = [], je = [], X = { contained: !0 };
 function Me({ children: e, initPath: t = "/", defaultTransitionName: r = "cupertino", transitions: i = ke, decorators: c = Ae, partTransitions: l = je, history: u = "browser", createDriver: d, className: f, style: ee }) {
-	let m = a(J), h = m > 0, g = u === "memory", _ = s(), v = Y(e), y = v !== null, x = a(R), S = h ? null : x, C = S !== null, w = d ?? b, [T] = p(() => g ? null : w(C ? void 0 : _)), E = !h && !g && !N(), D = E && T ? T.readPathname() : t || "/", O = D.indexOf("?"), k = (O >= 0 ? D.slice(0, O) : D) || "/", ne = E ? window.location.search : O >= 0 ? D.slice(O) : "", [A] = p(() => te({
-		routePaths: (v ?? n.toArray(e)).map((e) => e.props.path).flat(),
-		pathname: k,
-		search: ne,
+	let m = a(Y), h = m > 0, g = u === "memory", _ = s(), v = a(V), y = h && v.id ? `_F_${v.id}_` : _, x = Oe(e), te = x !== null, S = a(z), C = h ? null : S, w = C !== null, T = d ?? b, [E] = p(() => g ? null : T(w ? void 0 : y)), D = !h && !g && !de(), O = D && E ? E.readPathname() : t || "/", k = O.indexOf("?"), A = (k >= 0 ? O.slice(0, k) : O) || "/", j = D ? window.location.search : k >= 0 ? O.slice(k) : "", [M] = p(() => ne({
+		routePaths: (x ?? n.toArray(e)).map((e) => e.props.path).flat(),
+		pathname: A,
+		search: j,
 		defaultTransitionName: r,
 		memory: g,
-		browserDriver: T,
-		hostedScope: S
+		browserDriver: E,
+		hostedScope: C
 	}));
-	A.transition.setState({ defaultTransitionName: r }), Ee(i, c, l), o(() => {
-		g || N() || (ce(C ? null : _, r, A.history.getState().histories[0]?.params ?? {}), h && !C && T && T.readPathname() !== k && T.replaceState(T.readState(), k));
+	M.transition.setState({ defaultTransitionName: r }), Te(i, c, l), o(() => {
+		if (g || de()) return;
+		let e = h && !w && E ? E.readState() == null : !1;
+		se(w ? null : y, r, M.history.getState().histories[0]?.params ?? {}), h && !w && E && e && E.readPathname() !== A && E.replaceState(E.readState(), A);
 	}, [
 		g,
-		C,
+		w,
 		h,
-		_,
-		k,
+		y,
+		A,
 		r,
-		A.history,
-		T
+		M.history,
+		E
 	]);
-	let j = y ? e : /* @__PURE__ */ L(K, { children: e }), re = /* @__PURE__ */ L(J.Provider, {
+	let N = te ? e : /* @__PURE__ */ R(q, { children: e }), re = /* @__PURE__ */ R(Y.Provider, {
 		value: m + 1,
-		children: /* @__PURE__ */ ye(R.Provider, {
-			value: A,
-			children: [!g && /* @__PURE__ */ L(xe, {}), h ? /* @__PURE__ */ L(q.Provider, {
+		children: /* @__PURE__ */ ve(z.Provider, {
+			value: M,
+			children: [!g && /* @__PURE__ */ R(be, {}), h ? /* @__PURE__ */ R(J.Provider, {
 				value: X,
-				children: j
-			}) : j]
+				children: N
+			}) : N]
 		})
 	});
-	return h ? /* @__PURE__ */ L("div", {
+	return h ? /* @__PURE__ */ R("div", {
 		className: f,
 		style: {
 			position: "relative",
@@ -204,7 +206,7 @@ var Pe = r(null);
 //#region src/screen/Layer.tsx
 function Fe({ children: e }) {
 	let t = a(Pe);
-	return t ? be(e, t) : e;
+	return t ? ye(e, t) : e;
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
@@ -214,7 +216,7 @@ function Z(e, t) {
 //#endregion
 //#region src/navigate/useNavigate.ts
 function Ie() {
-	let e = z(), t = T({
+	let e = B(), t = w({
 		stores: e,
 		buildPathname: (e, t) => Z(e, t),
 		driver: e.driver,
@@ -229,14 +231,14 @@ function Ie() {
 //#endregion
 //#region src/navigate/usePathname.ts
 function Le() {
-	return G((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
+	return K((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
 }
 //#endregion
 //#region src/navigate/useStep.ts
 function Re() {
-	let { routePath: e } = V(), t = z(), n = a(Ce), { driver: r, markSelfInduced: i } = t, [s, c] = p(null);
+	let { routePath: e } = H(), t = B(), n = a(Se), { driver: r, markSelfInduced: i } = t, [s, c] = p(null);
 	o(() => {
-		if (!e) return c(P(r.readState())), r.subscribe((e) => c(P(e.state)));
+		if (!e) return c(F(r.readState())), r.subscribe((e) => c(F(e.state)));
 	}, [e, r]);
 	let l = j({
 		stores: t,
@@ -260,12 +262,12 @@ function Re() {
 //#endregion
 //#region src/screen/ParamsProvider/useParams.ts
 function ze() {
-	return a(Se);
+	return a(xe);
 }
 //#endregion
 //#region src/screen/ScreenFreeze.tsx
 function Be({ freeze: e, children: n }) {
-	return /* @__PURE__ */ L(t, {
+	return /* @__PURE__ */ R(t, {
 		mode: e ? "hidden" : "visible",
 		children: n
 	});
@@ -273,15 +275,15 @@ function Be({ freeze: e, children: n }) {
 //#endregion
 //#region src/stores/useNavigateStore.ts
 function Q(e) {
-	return W(z().navigate, e);
+	return G(B().navigate, e);
 }
 //#endregion
 //#region src/screen/ScreenDecorator.tsx
 function Ve({ ref: e, style: t, ...n }) {
-	let { isActive: r, transitionName: i } = V(), a = f(null);
+	let { isActive: r, transitionName: i } = H(), a = f(null);
 	c(e, () => a.current);
-	let o = Q((e) => e.status), { decoratorName: s } = _e(i), l = oe.get(s);
-	return l ? /* @__PURE__ */ L("div", {
+	let o = Q((e) => e.status), { decoratorName: s } = ge(i), l = ae.get(s);
+	return l ? /* @__PURE__ */ R("div", {
 		ref: a,
 		"data-flemo-decorator": !0,
 		"data-flemo-decorator-name": l.name,
@@ -304,7 +306,7 @@ function Ve({ ref: e, style: t, ...n }) {
 //#region src/screen/useViewportScrollHeight.ts
 function He() {
 	let [e, t] = p(0), [n, r] = p(0);
-	return o(() => he((e, n) => {
+	return o(() => me((e, n) => {
 		r(n), t(e);
 	}), []), {
 		viewportScrollHeight: e,
@@ -314,110 +316,110 @@ function He() {
 //#endregion
 //#region src/stores/useScreenStore.ts
 function $(e) {
-	return W(z().screen, e);
+	return G(B().screen, e);
 }
 //#endregion
 //#region src/screen/ScreenMotion.tsx
 function Ue({ 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: w } = V(), { contained: T } = Te(), E = T ? "absolute" : "fixed", D = z(), O = Q((e) => e.status), k = $((e) => e.dragStatus), te = D.screen.getState().setDragStatus, ne = D.screen.getState().setReplaceTransitionStatus, A = G((e) => e.index), j = G((e) => e.histories), M = b ? j[A - 1]?.id : j[A]?.id, ae = $((e) => M ? e.sharedBars[M] : void 0), ce = $((e) => M ? e.screenSurfaces[M] : void 0), ue = f(null);
-	ue.current ||= ie({
-		getTransitionTaskId: () => D.navigate.getState().transitionTaskId,
-		setDragStatus: te,
-		setReplaceTransitionStatus: ne
+	let { id: y, isActive: b, isRoot: x, zIndex: te, transitionName: S, prevTransitionName: C } = H(), { contained: w } = we(), T = w ? "absolute" : "fixed", E = B(), D = Q((e) => e.status), O = $((e) => e.dragStatus), ne = E.screen.getState().setDragStatus, k = E.screen.getState().setReplaceTransitionStatus, A = K((e) => e.index), j = K((e) => e.histories), N = b ? j[A - 1]?.id : j[A]?.id, ie = $((e) => N ? e.sharedBars[N] : void 0), se = $((e) => N ? e.screenSurfaces[N] : void 0), le = f(null);
+	le.current ||= re({
+		getTransitionTaskId: () => E.navigate.getState().transitionTaskId,
+		setDragStatus: ne,
+		setReplaceTransitionStatus: k
 	});
-	let N = ue.current, fe = _e(C), { initial: pe, swipeDirection: he, decoratorName: ge } = fe, P = oe.get(ge), { viewportScrollHeight: F } = He(), I = F > 0, [be, R] = p(0), [xe, B] = p(0), [Se, Ce] = p(null), we = f(null), H = f(null), U = f(null), W = f(null), K = f(null), q = f({
-		transition: fe,
-		decorator: P,
+	let de = le.current, P = ge(S), { initial: fe, swipeDirection: me, decoratorName: he } = P, F = ae.get(he), { viewportScrollHeight: I } = He(), L = I > 0, [ye, z] = p(0), [be, V] = p(0), [xe, Se] = p(null), Ce = f(null), U = f(null), W = f(null), G = f(null), q = f(null), J = f({
+		transition: P,
+		decorator: F,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: F,
+		viewportScrollHeight: I,
 		isRoot: x,
 		isActive: b,
-		status: O,
-		dragStatus: k,
+		status: D,
+		dragStatus: O,
 		index: A
 	});
-	q.current = {
-		transition: fe,
-		decorator: P,
+	J.current = {
+		transition: P,
+		decorator: F,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: F,
+		viewportScrollHeight: I,
 		isRoot: x,
 		isActive: b,
-		status: O,
-		dragStatus: k,
+		status: D,
+		dragStatus: O,
 		index: A
 	};
-	let Ee = f(null);
-	Ee.current ||= re({
-		getTransition: () => q.current.transition,
-		getDecorator: () => q.current.decorator,
+	let Te = f(null);
+	Te.current ||= M({
+		getTransition: () => J.current.transition,
+		getDecorator: () => J.current.decorator,
 		getElements: () => ({
-			scope: H.current,
-			screenContainer: we.current,
-			decorator: U.current,
-			sharedTopBar: W.current,
-			sharedBottomBar: K.current
+			scope: U.current,
+			screenContainer: Ce.current,
+			decorator: W.current,
+			sharedTopBar: G.current,
+			sharedBottomBar: q.current
 		}),
-		hasSharedTopBar: () => q.current.hasSharedTopBar,
-		hasSharedBottomBar: () => q.current.hasSharedBottomBar,
-		getViewportScrollHeight: () => q.current.viewportScrollHeight,
+		hasSharedTopBar: () => J.current.hasSharedTopBar,
+		hasSharedBottomBar: () => J.current.hasSharedBottomBar,
+		getViewportScrollHeight: () => J.current.viewportScrollHeight,
 		isReadyForDrag: () => {
-			let e = q.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 = q.current, t = D.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
-			return n ? D.screen.getState().sharedBars[n] : void 0;
+			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: te,
+		setDragStatus: ne,
 		back: () => window.history.back()
 	});
-	let J = Ee.current, De = (e) => J.pointerDown(e.nativeEvent), Oe = (e) => J.pointerMove(e.nativeEvent), Y = (e) => J.pointerUp(e.nativeEvent);
+	let Y = Te.current, Ee = (e) => Y.pointerDown(e.nativeEvent), De = (e) => Y.pointerMove(e.nativeEvent), Oe = (e) => Y.pointerUp(e.nativeEvent);
 	o(() => {
-		se(H.current);
+		oe(U.current);
 	}, []), o(() => {
-		let e = H.current;
+		let e = U.current;
 		if (!e) return;
 		let t = (e) => {
-			J.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);
 		};
-	}, [J]), u(() => N.driveScreenLifecycle({
+	}, [Y]), u(() => de.driveScreenLifecycle({
 		getElements: () => ({
-			scope: H.current,
-			decorator: U.current,
-			bars: [W.current, K.current]
+			scope: U.current,
+			decorator: W.current,
+			bars: [G.current, q.current]
 		}),
-		transitionName: C,
-		prevTransitionName: w,
-		status: O,
+		transitionName: S,
+		prevTransitionName: C,
+		status: D,
 		isActive: b
 	}), [
-		N,
-		O,
+		de,
+		D,
 		b,
-		w,
-		C
+		C,
+		S
 	]), u(() => {
-		let e = W.current;
+		let e = G.current;
 		if (!e) {
-			R(0);
+			z(0);
 			return;
 		}
-		return me(e, R);
+		return pe(e, z);
 	}, [a]), u(() => {
-		let e = K.current;
+		let e = q.current;
 		if (!e) {
-			B(0);
+			V(0);
 			return;
 		}
-		return me(e, B);
+		return pe(e, V);
 	}, [s]), u(() => {
-		let { registerSharedBars: e, unregisterSharedBars: t } = D.screen.getState();
+		let { registerSharedBars: e, unregisterSharedBars: t } = E.screen.getState();
 		return e(y, {
 			topBar: !!a,
 			bottomBar: !!s
@@ -426,28 +428,28 @@ function Ue({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 		y,
 		a,
 		s,
-		D.screen
+		E.screen
 	]), u(() => {
-		let e = H.current;
+		let e = U.current;
 		if (!e) return;
-		let { registerScreenSurface: t, unregisterScreenSurface: n } = D.screen.getState();
-		return t(y, { opaqueBackground: de(getComputedStyle(e).backgroundColor) }), () => n(y);
+		let { registerScreenSurface: t, unregisterScreenSurface: n } = E.screen.getState();
+		return t(y, { opaqueBackground: ue(getComputedStyle(e).backgroundColor) }), () => n(y);
 	}, [
 		y,
 		h,
-		O,
-		D.screen
+		D,
+		E.screen
 	]);
-	let ke = b || S === A - 1, { app: Ae, nav: je } = g({
-		status: O,
+	let ke = b || te === A - 1, { app: Ae, nav: je } = g({
+		status: D,
 		isTopOrTopPrev: ke,
 		hasTopBar: !!a,
 		hasNavBar: !!s,
-		partnerBars: ae
+		partnerBars: ie
 	}), X = ee({
-		status: O,
+		status: D,
 		isTopOrTopPrev: ke,
-		transitionName: C
+		transitionName: S
 	}), [Me, Ne] = p({
 		key: X,
 		released: X === null
@@ -456,22 +458,22 @@ function Ue({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 		key: X,
 		released: X === null
 	});
-	let Fe = X !== null && Me.key === X && !Me.released, Z = Fe ? !b && ce?.opaqueBackground ? "park" : "true" : "false";
+	let Fe = X !== null && Me.key === X && !Me.released, Z = Fe ? !b && se?.opaqueBackground ? "park" : "true" : "false";
 	o(() => {
-		if (Fe) return ve(() => Ne((e) => e.key === X && !e.released ? {
+		if (Fe) return _e(() => Ne((e) => e.key === X && !e.released ? {
 			key: X,
 			released: !0
 		} : e));
 	}, [Fe, X]);
-	let Ie = le({
-		initial: pe,
+	let Ie = ce({
+		initial: fe,
 		isActive: b,
-		status: O
+		status: D
 	});
-	return /* @__PURE__ */ ye("div", {
-		ref: we,
+	return /* @__PURE__ */ ve("div", {
+		ref: Ce,
 		style: {
-			position: E,
+			position: T,
 			top: 0,
 			left: 0,
 			width: "100%",
@@ -483,10 +485,10 @@ function Ue({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			overscrollBehavior: "contain"
 		},
 		children: [
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ R("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
-					position: E,
+					position: T,
 					top: 0,
 					left: 0,
 					width: 8,
@@ -494,16 +496,16 @@ function Ue({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					zIndex: 1
 				}
 			}),
-			/* @__PURE__ */ ye("div", {
-				ref: H,
+			/* @__PURE__ */ ve("div", {
+				ref: U,
 				...v,
-				onPointerDown: De,
-				onPointerMove: Oe,
-				onPointerUp: Y,
-				onPointerCancel: Y,
+				onPointerDown: Ee,
+				onPointerMove: De,
+				onPointerUp: Oe,
+				onPointerCancel: Oe,
 				"data-flemo-screen": !0,
-				"data-flemo-transition": C,
-				"data-flemo-status": O,
+				"data-flemo-transition": S,
+				"data-flemo-status": D,
 				"data-flemo-active": b ? "true" : "false",
 				"data-flemo-anim-hold": Z,
 				style: {
@@ -512,77 +514,77 @@ function Ue({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					height: "100%",
 					backgroundColor: h,
 					overflowY: _ ? void 0 : "auto",
-					touchAction: he === "x" ? "pan-y" : he === "y" ? "pan-x" : "auto",
+					touchAction: me === "x" ? "pan-y" : me === "y" ? "pan-x" : "auto",
 					...Ie,
 					...v.style
 				},
 				children: [
-					!d && t && /* @__PURE__ */ L("div", {
+					!d && t && /* @__PURE__ */ R("div", {
 						style: { minHeight: t },
-						children: /* @__PURE__ */ L("div", { style: {
-							position: E,
+						children: /* @__PURE__ */ R("div", { style: {
+							position: T,
 							top: 0,
 							width: "100%",
 							minHeight: t,
 							backgroundColor: n
 						} })
 					}),
-					a && /* @__PURE__ */ L("div", { style: {
+					a && /* @__PURE__ */ R("div", { style: {
 						width: "100%",
-						minHeight: be
+						minHeight: ye
 					} }),
 					c,
-					/* @__PURE__ */ L("div", {
+					/* @__PURE__ */ R("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							flexGrow: 1,
 							overflowY: _ ? "auto" : void 0,
-							...O !== "IDLE" && O !== "COMPLETED" ? {
+							...D !== "IDLE" && D !== "COMPLETED" ? {
 								transform: "translateZ(0)",
 								willChange: "transform"
 							} : null
 						},
-						children: /* @__PURE__ */ L(Pe.Provider, {
-							value: Se,
+						children: /* @__PURE__ */ R(Pe.Provider, {
+							value: xe,
 							children: e
 						})
 					}),
 					l,
-					s && /* @__PURE__ */ L("div", { style: {
-						display: I ? "none" : void 0,
+					s && /* @__PURE__ */ R("div", { style: {
+						display: L ? "none" : void 0,
 						width: "100%",
-						minHeight: xe
+						minHeight: be
 					} }),
-					!m && r && /* @__PURE__ */ L("div", {
+					!m && r && /* @__PURE__ */ R("div", {
 						style: {
-							display: I ? "none" : void 0,
+							display: L ? "none" : void 0,
 							minHeight: r
 						},
-						children: /* @__PURE__ */ L("div", { style: {
-							position: E,
+						children: /* @__PURE__ */ R("div", { style: {
+							position: T,
 							bottom: 0,
 							width: "100%",
 							minHeight: r,
 							backgroundColor: i
 						} })
 					}),
-					/* @__PURE__ */ L("div", {
-						ref: Ce,
+					/* @__PURE__ */ R("div", {
+						ref: Se,
 						"data-flemo-layer-mount": !0
 					})
 				]
 			}),
-			a && /* @__PURE__ */ L("div", {
-				ref: W,
+			a && /* @__PURE__ */ R("div", {
+				ref: G,
 				"data-flemo-bar": "app",
-				"data-flemo-bar-transition": C,
-				"data-flemo-bar-status": O,
+				"data-flemo-bar-transition": S,
+				"data-flemo-bar-status": D,
 				"data-flemo-bar-active": b ? "true" : "false",
 				"data-flemo-bar-riding": Ae ? "true" : "false",
 				"data-flemo-anim-hold": Z,
 				style: {
-					position: E,
+					position: T,
 					top: d ? 0 : t,
 					left: 0,
 					width: "100%",
@@ -590,17 +592,17 @@ function Ue({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 				},
 				children: a
 			}),
-			s && /* @__PURE__ */ L("div", {
-				ref: K,
+			s && /* @__PURE__ */ R("div", {
+				ref: q,
 				"data-flemo-bar": "nav",
-				"data-flemo-bar-transition": C,
-				"data-flemo-bar-status": O,
+				"data-flemo-bar-transition": S,
+				"data-flemo-bar-status": D,
 				"data-flemo-bar-active": b ? "true" : "false",
 				"data-flemo-bar-riding": je ? "true" : "false",
 				"data-flemo-anim-hold": Z,
 				style: {
-					display: I ? "none" : void 0,
-					position: E,
+					display: L ? "none" : void 0,
+					position: T,
 					bottom: m ? 0 : r,
 					left: 0,
 					width: "100%",
@@ -608,14 +610,14 @@ function Ue({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 				},
 				children: s
 			}),
-			P && /* @__PURE__ */ L(Ve, {
-				ref: U,
+			F && /* @__PURE__ */ R(Ve, {
+				ref: W,
 				"data-flemo-anim-hold": Z
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ R("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
-					position: E,
+					position: T,
 					top: 0,
 					right: 0,
 					width: 8,
@@ -629,18 +631,18 @@ function Ue({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 //#endregion
 //#region src/screen/Screen.tsx
 function We({ children: e, ...t }) {
-	let { isActive: n, isPrev: r, zIndex: i } = V();
-	return /* @__PURE__ */ L(Be, {
+	let { isActive: n, isPrev: r, zIndex: i } = H();
+	return /* @__PURE__ */ R(Be, {
 		freeze: _({
 			isActive: n,
 			isPrev: r,
 			zIndex: i,
-			index: G((e) => e.index),
+			index: K((e) => e.index),
 			status: Q((e) => e.status),
 			dragStatus: $((e) => e.dragStatus),
 			replaceTransitionStatus: $((e) => e.replaceTransitionStatus)
 		}),
-		children: /* @__PURE__ */ L(Ue, {
+		children: /* @__PURE__ */ R(Ue, {
 			...t,
 			children: e
 		})
@@ -649,8 +651,8 @@ function We({ children: e, ...t }) {
 //#endregion
 //#region src/screen/Part.tsx
 function Ge({ ref: e, name: t, style: n, children: r, ...i }) {
-	let { isActive: a } = V();
-	return /* @__PURE__ */ L("div", {
+	let { isActive: a } = H();
+	return /* @__PURE__ */ R("div", {
 		ref: e,
 		"data-flemo-part-name": t,
 		"data-flemo-status": Q((e) => e.status),
@@ -664,18 +666,18 @@ function Ge({ ref: e, name: t, style: n, children: r, ...i }) {
 //#region src/stores/RouterScopeProvider.tsx
 function Ke({ children: e }) {
 	let [t] = p(() => ({
-		history: S(),
-		navigate: w(),
-		transition: ae(),
+		history: te(),
+		navigate: C(),
+		transition: ie(),
 		screen: A(),
 		driver: b(),
-		markSelfInduced: fe,
+		markSelfInduced: P,
 		consume: v
 	}));
-	return /* @__PURE__ */ L(R.Provider, {
+	return /* @__PURE__ */ R(z.Provider, {
 		value: t,
 		children: e
 	});
 }
 //#endregion
-export { Fe as Layer, Ge as Part, Ne as Route, Me as Router, Ke as RouterScopeProvider, We as Screen, B as ScreenContext, Ve as ScreenDecorator, Be as ScreenFreeze, Ue as ScreenMotion, Oe as Slot, y as createBrowserHistoryDriver, x as createDecorator, E as createPartTransition, D as createRawDecorator, O as createRawPartTransition, k as createRawTransition, M as createTransition, ge as partTransitionMap, G as useHistoryStore, Ie as useNavigate, Q as useNavigateStore, ze as useParams, Le as usePathname, V as useScreen, $ as useScreenStore, Re as useStep, z as useStores, He as useViewportScrollHeight };
+export { Fe as Layer, Ge as Part, Ne as Route, Me as Router, Ke as RouterScopeProvider, We as Screen, V as ScreenContext, Ve as ScreenDecorator, Be as ScreenFreeze, Ue as ScreenMotion, De as Slot, y as createBrowserHistoryDriver, x as createDecorator, T as createPartTransition, E as createRawDecorator, D as createRawPartTransition, O as createRawTransition, N as createTransition, he as partTransitionMap, K as useHistoryStore, Ie as useNavigate, Q as useNavigateStore, ze as useParams, Le as usePathname, H as useScreen, $ as useScreenStore, Re as useStep, B as useStores, He as useViewportScrollHeight };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/react",
-  "version": "1.5.5",
+  "version": "1.5.6",
   "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.10.0"
+    "@flemo/core": "1.10.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",