@flemo/react 1.6.1 → 1.6.3

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 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 te, createNavigateStore as S, createNavigationController as C, createPartTransition as w, createRawDecorator as T, createRawPartTransition as E, createRawTransition as D, createRouterScope as ne, createScreenSelector as O, createScreenStore as k, createStepController as A, createSwipeController as re, createTransition as j, createTransitionEngine as ie, createTransitionStore as M, decoratorMap as ae, eagerlyDecodeImages as oe, ensureScopeHistorySync as se, enteringInitialStyle as ce, getMatchedPathPattern as le, isOpaqueColor as ue, isServer as de, markSelfInducedPop as fe, matchesPathname as N, observeBarHeight as pe, observeViewportScrollHeight as me, partTransitionMap as he, readStepParams as ge, registerTransitionDefinitions as P, releaseScopeHistorySync as F, resolveTransition as _e, scheduleAnimHoldRelease as ve, seedRouterEntry as I, subscribeStepParamsRestore as ye } from "@flemo/core";
-import { jsx as L, jsxs as be } from "react/jsx-runtime";
+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, createNavigateStore as S, createNavigationController as C, createPartTransition as w, createRawDecorator as T, createRawPartTransition as E, createRawTransition as D, createRouterScope as ne, createScreenSelector as O, createScreenStore as k, createStepController as A, createSwipeController as re, createTransition as j, createTransitionEngine as ie, createTransitionStore as M, decoratorMap as ae, eagerlyDecodeImages as oe, ensureScopeHistorySync as se, enteringInitialStyle as ce, getMatchedPathPattern as le, isOpaqueColor as ue, isServer as de, markSelfInducedPop as fe, matchesPathname as pe, observeBarHeight as me, observeViewportScrollHeight as he, partTransitionMap as ge, readStepParams as _e, registerTransitionDefinitions as N, releaseScopeHistorySync as P, resolveTransition as ve, scheduleAnimHoldRelease as ye, seedRouterEntry as F, subscribeStepParamsRestore as be } from "@flemo/core";
+import { jsx as I, jsxs as xe } from "react/jsx-runtime";
 //#region src/stores/StoreContext.ts
-var R = r(null);
+var L = r(null);
 //#endregion
 //#region src/stores/useStores.ts
-function z() {
-	let e = a(R);
+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 xe() {
-	let e = z();
-	return o(() => (se(e), () => F(e)), [e]), null;
+function Se() {
+	let e = R();
+	return o(() => (se(e), () => P(e)), [e]), null;
 }
 //#endregion
 //#region src/screen/ScreenContext.ts
-var B = r({
+var z = r({
 	id: "",
 	isActive: !1,
 	isRoot: !0,
@@ -33,15 +33,15 @@ var B = r({
 });
 //#endregion
 //#region src/screen/useScreen.ts
-function V() {
-	return a(B);
+function B() {
+	return a(z);
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsContext.ts
-var H = r({}), U = r(() => {});
+var V = r({}), H = r(() => {});
 //#endregion
 //#region src/screen/ParamsProvider/ParamsReducer.ts
-function W(e, t) {
+function U(e, t) {
 	switch (t.type) {
 		case "SET": return t.params;
 		default: return e;
@@ -49,10 +49,10 @@ function W(e, t) {
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsProvider.tsx
-function G({ children: e }) {
-	let { isActive: t, params: n } = V(), { driver: r } = z(), [i, a] = d(W, n);
+function W({ children: e }) {
+	let { isActive: t, params: n } = B(), { driver: r } = R(), [i, a] = d(U, n);
 	return o(() => {
-		if (t) return ye(r, (e) => a({
+		if (t) return be(r, (e) => a({
 			type: "SET",
 			params: e
 		}));
@@ -60,9 +60,9 @@ function G({ children: e }) {
 		t,
 		a,
 		r
-	]), /* @__PURE__ */ L(U.Provider, {
+	]), /* @__PURE__ */ I(H.Provider, {
 		value: a,
-		children: /* @__PURE__ */ L(H.Provider, {
+		children: /* @__PURE__ */ I(V.Provider, {
 			value: i,
 			children: e
 		})
@@ -70,41 +70,41 @@ function G({ 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 K = (e) => e;
-function q(t, n = K) {
+var G = (e) => e;
+function K(t, n = G) {
 	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 J(e) {
-	return q(z().history, e);
+function q(e) {
+	return K(R().history, e);
 }
 //#endregion
 //#region src/renderer/Renderer.tsx
-function Se({ children: e }) {
-	let t = J((e) => e.index);
-	return O(J((e) => e.histories), t).map((t) => {
-		let [r] = n.toArray(e).filter((e) => N(e.props.path, t.pathname));
-		return r ? /* @__PURE__ */ L(B.Provider, {
+function Ce({ children: e }) {
+	let t = q((e) => e.index);
+	return O(q((e) => e.histories), t).map((t) => {
+		let [r] = n.toArray(e).filter((e) => pe(e.props.path, t.pathname));
+		return r ? /* @__PURE__ */ I(z.Provider, {
 			value: {
 				...t,
 				routePath: le(r.props.path, t.pathname)
 			},
-			children: /* @__PURE__ */ L(G, { children: r })
+			children: /* @__PURE__ */ I(W, { children: r })
 		}, t.id) : null;
 	});
 }
 //#endregion
 //#region src/screen/ScreenViewportContext.ts
-var Y = r({ contained: !1 });
-function Ce() {
-	return a(Y);
+var J = r({ contained: !1 });
+function we() {
+	return a(J);
 }
 //#endregion
 //#region src/transition/styles.ts
-function we(e, t, n = []) {
-	l(() => P(e, t, n), [
+function Te(e, t, n = []) {
+	l(() => N(e, t, n), [
 		e,
 		t,
 		n
@@ -112,41 +112,41 @@ function we(e, t, n = []) {
 }
 //#endregion
 //#region src/RouterDepthContext.ts
-var Te = r(0), Ee = { contained: !0 };
-function De({ children: e, className: t, style: n }) {
-	return /* @__PURE__ */ L("div", {
+var Ee = r(0), De = { contained: !0 };
+function Oe({ children: e, className: t, style: n }) {
+	return /* @__PURE__ */ I("div", {
 		className: t,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...n
 		},
-		children: /* @__PURE__ */ L(Y.Provider, {
-			value: Ee,
-			children: /* @__PURE__ */ L(Se, { children: e })
+		children: /* @__PURE__ */ I(J.Provider, {
+			value: De,
+			children: /* @__PURE__ */ I(Ce, { children: e })
 		})
 	});
 }
 //#endregion
 //#region src/Router.tsx
-function Oe(e) {
+function ke(e) {
 	let t = null;
 	return n.forEach(e, (e) => {
 		if (t || !i(e)) return;
-		if (e.type === De) {
+		if (e.type === Oe) {
 			t = n.toArray(e.props.children).filter(i);
 			return;
 		}
 		let r = e.props.children;
 		if (r) {
-			let e = Oe(r);
+			let e = ke(r);
 			e && (t = e);
 		}
 	}), t;
 }
-var ke = typeof window > "u" ? o : u, X = [], Ae = [], je = [], Me = { contained: !0 };
-function Z({ children: e, initPath: t = "/", defaultTransitionName: r = "cupertino", transitions: i = X, decorators: c = Ae, partTransitions: l = je, history: u = "browser", createDriver: d, className: f, style: ee }) {
-	let m = a(Te), h = m > 0, g = u === "memory", _ = s(), v = a(B), y = h && v.id ? `_F_${v.id}_` : _, x = Oe(e), te = x !== null, S = a(R), 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) || "/", re = D ? window.location.search : k >= 0 ? O.slice(k) : "", [j] = p(() => ne({
+var Ae = typeof window > "u" ? o : u, Y = [], je = [], Me = [], X = { contained: !0 };
+function Z({ children: e, initPath: t = "/", defaultTransitionName: r = "cupertino", transitions: i = Y, decorators: c = je, partTransitions: l = Me, history: u = "browser", createDriver: d, className: f, style: ee }) {
+	let m = a(Ee), h = m > 0, g = u === "memory", _ = s(), v = a(z), y = h && v.id ? `_F_${v.id}_` : _, x = ke(e), te = x !== null, S = a(L), 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) || "/", re = D ? window.location.search : k >= 0 ? O.slice(k) : "", [j] = p(() => ne({
 		routePaths: (x ?? n.toArray(e)).map((e) => e.props.path).flat(),
 		pathname: A,
 		search: re,
@@ -158,10 +158,10 @@ function Z({ children: e, initPath: t = "/", defaultTransitionName: r = "cuperti
 		zoneEntryId: h && !w && v.id || void 0,
 		persistKey: h && !g && !w ? y : void 0
 	}));
-	j.transition.setState({ defaultTransitionName: r }), ke(() => (j.life.alive = !0, () => {
+	j.transition.setState({ defaultTransitionName: r }), Ae(() => (j.life.alive = !0, () => {
 		j.life.alive = !1;
-	}), [j]), we(i, c, l), o(() => {
-		g || !E || I({
+	}), [j]), Te(i, c, l), o(() => {
+		g || !E || F({
 			driver: E,
 			routerKey: w ? null : y,
 			nested: h && !w,
@@ -179,17 +179,17 @@ function Z({ children: e, initPath: t = "/", defaultTransitionName: r = "cuperti
 		j.history,
 		E
 	]);
-	let ie = te ? e : /* @__PURE__ */ L(Se, { children: e }), M = /* @__PURE__ */ L(Te.Provider, {
+	let ie = te ? e : /* @__PURE__ */ I(Ce, { children: e }), M = /* @__PURE__ */ I(Ee.Provider, {
 		value: m + 1,
-		children: /* @__PURE__ */ be(R.Provider, {
+		children: /* @__PURE__ */ xe(L.Provider, {
 			value: j,
-			children: [!g && /* @__PURE__ */ L(xe, {}), h ? /* @__PURE__ */ L(Y.Provider, {
-				value: Me,
+			children: [!g && /* @__PURE__ */ I(Se, {}), h ? /* @__PURE__ */ I(J.Provider, {
+				value: X,
 				children: ie
 			}) : ie]
 		})
 	});
-	return h ? /* @__PURE__ */ L("div", {
+	return h ? /* @__PURE__ */ I("div", {
 		className: f,
 		style: {
 			position: "relative",
@@ -212,7 +212,7 @@ function Pe(e, t) {
 //#endregion
 //#region src/navigate/useNavigate.ts
 function Fe() {
-	let e = z(), t = C({
+	let e = R(), t = C({
 		stores: e,
 		buildPathname: (e, t) => Pe(e, t),
 		driver: e.driver,
@@ -227,14 +227,14 @@ function Fe() {
 //#endregion
 //#region src/navigate/usePathname.ts
 function Ie() {
-	return J((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
+	return q((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
 }
 //#endregion
 //#region src/navigate/useStep.ts
 function Le() {
-	let { routePath: e } = V(), t = z(), n = a(U), { driver: r, markSelfInduced: i } = t, [s, c] = p(null);
+	let { routePath: e } = B(), t = R(), n = a(H), { driver: r, markSelfInduced: i } = t, [s, c] = p(null);
 	o(() => {
-		if (!e) return c(ge(r.readState())), r.subscribe((e) => c(ge(e.state)));
+		if (!e) return c(_e(r.readState())), r.subscribe((e) => c(_e(e.state)));
 	}, [e, r]);
 	let l = A({
 		stores: t,
@@ -258,12 +258,12 @@ function Le() {
 //#endregion
 //#region src/screen/ParamsProvider/useParams.ts
 function Re() {
-	return a(H);
+	return a(V);
 }
 //#endregion
 //#region src/screen/ScreenFreeze.tsx
 function ze({ freeze: e, children: n }) {
-	return /* @__PURE__ */ L(t, {
+	return /* @__PURE__ */ I(t, {
 		mode: e ? "hidden" : "visible",
 		children: n
 	});
@@ -271,15 +271,15 @@ function ze({ freeze: e, children: n }) {
 //#endregion
 //#region src/stores/useNavigateStore.ts
 function Q(e) {
-	return q(z().navigate, e);
+	return K(R().navigate, e);
 }
 //#endregion
 //#region src/screen/ScreenDecorator.tsx
 function Be({ ref: e, style: t, ...n }) {
-	let { isActive: r, transitionName: i } = V(), a = f(null);
+	let { isActive: r, transitionName: i } = B(), a = f(null);
 	c(e, () => a.current);
-	let o = Q((e) => e.status), { decoratorName: s } = _e(i), l = ae.get(s);
-	return l ? /* @__PURE__ */ L("div", {
+	let o = Q((e) => e.status), { decoratorName: s } = ve(i), l = ae.get(s);
+	return l ? /* @__PURE__ */ I("div", {
 		ref: a,
 		"data-flemo-decorator": !0,
 		"data-flemo-decorator-name": l.name,
@@ -302,7 +302,7 @@ function Be({ ref: e, style: t, ...n }) {
 //#region src/screen/useViewportScrollHeight.ts
 function Ve() {
 	let [e, t] = p(0), [n, r] = p(0);
-	return o(() => me((e, n) => {
+	return o(() => he((e, n) => {
 		r(n), t(e);
 	}), []), {
 		viewportScrollHeight: e,
@@ -312,108 +312,92 @@ function Ve() {
 //#endregion
 //#region src/stores/useScreenStore.ts
 function $(e) {
-	return q(z().screen, e);
+	return K(R().screen, e);
 }
 //#endregion
 //#region src/screen/ScreenMotion.tsx
 function He({ 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: te, transitionName: S, prevTransitionName: C } = V(), { contained: w } = Ce(), T = w ? "absolute" : "fixed", E = z(), D = Q((e) => e.status), ne = $((e) => e.dragStatus), O = E.screen.getState().setDragStatus, k = E.screen.getState().setReplaceTransitionStatus, A = J((e) => e.index), j = J((e) => e.histories), M = b ? j[A - 1]?.id : j[A]?.id, se = $((e) => M ? e.sharedBars[M] : void 0), le = $((e) => M ? e.screenSurfaces[M] : void 0), de = f(null);
+	let { id: y, isActive: b, isRoot: x, zIndex: te, transitionName: S, prevTransitionName: C } = B(), { contained: w } = we(), T = w ? "absolute" : "fixed", E = R(), D = Q((e) => e.status), ne = $((e) => e.dragStatus), O = E.screen.getState().setDragStatus, k = E.screen.getState().setReplaceTransitionStatus, A = q((e) => e.index), j = q((e) => e.histories), M = b ? j[A - 1]?.id : j[A]?.id, se = $((e) => M ? e.sharedBars[M] : void 0), le = $((e) => M ? e.screenSurfaces[M] : void 0), de = f(null);
 	de.current ||= ie({
 		getTransitionTaskId: () => E.navigate.getState().transitionTaskId,
 		setDragStatus: O,
 		setReplaceTransitionStatus: k
 	});
-	let fe = de.current, N = _e(S), { initial: me, swipeDirection: he, decoratorName: ge } = N, P = ae.get(ge), { viewportScrollHeight: F } = Ve(), I = F > 0, [ye, R] = p(0), [xe, B] = p(0), H = f(null), U = f(null), W = f(null), G = f(null), K = f(null), q = f({
-		transition: N,
-		decorator: P,
+	let fe = de.current, pe = ve(S), { initial: he, swipeDirection: ge, decoratorName: _e } = pe, N = ae.get(_e), { viewportScrollHeight: P } = Ve(), F = P > 0, [be, L] = p(0), [Se, z] = p(0), V = f(null), H = f(null), U = f(null), W = f(null), G = f(null), K = f({
+		transition: pe,
+		decorator: N,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: F,
+		viewportScrollHeight: P,
 		isRoot: x,
 		isActive: b,
 		status: D,
 		dragStatus: ne,
 		index: A
 	});
-	q.current = {
-		transition: N,
-		decorator: P,
+	K.current = {
+		transition: pe,
+		decorator: N,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: F,
+		viewportScrollHeight: P,
 		isRoot: x,
 		isActive: b,
 		status: D,
 		dragStatus: ne,
 		index: A
 	};
-	let Se = f(null);
-	Se.current ||= re({
-		getTransition: () => q.current.transition,
-		getDecorator: () => q.current.decorator,
+	let Ce = f(null);
+	Ce.current ||= re({
+		getTransition: () => K.current.transition,
+		getDecorator: () => K.current.decorator,
 		getElements: () => ({
-			scope: U.current,
-			screenContainer: H.current,
-			decorator: W.current,
-			sharedTopBar: G.current,
-			sharedBottomBar: K.current
+			scope: H.current,
+			screenContainer: V.current,
+			decorator: U.current,
+			sharedTopBar: W.current,
+			sharedBottomBar: G.current
 		}),
-		hasSharedTopBar: () => q.current.hasSharedTopBar,
-		hasSharedBottomBar: () => q.current.hasSharedBottomBar,
-		getViewportScrollHeight: () => q.current.viewportScrollHeight,
+		hasSharedTopBar: () => K.current.hasSharedTopBar,
+		hasSharedBottomBar: () => K.current.hasSharedBottomBar,
+		getViewportScrollHeight: () => K.current.viewportScrollHeight,
 		isReadyForDrag: () => {
-			let e = q.current;
+			let e = K.current;
 			return !e.isRoot && e.isActive && e.status === "COMPLETED" && e.dragStatus === "IDLE" && !!e.transition.swipeDirection && e.viewportScrollHeight < 10;
 		},
 		getPartnerBars: () => {
-			let e = q.current, t = E.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
+			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: O,
 		back: () => window.history.back()
 	});
-	let Y = Se.current, we = (e) => Y.pointerDown(e.nativeEvent), Te = (e) => Y.pointerMove(e.nativeEvent), Ee = (e) => Y.pointerUp(e.nativeEvent);
+	let J = Ce.current, Te = (e) => J.pointerDown(e.nativeEvent), Ee = (e) => J.pointerMove(e.nativeEvent), De = (e) => J.pointerUp(e.nativeEvent);
 	o(() => {
-		oe(U.current);
+		oe(H.current);
 	}, []), o(() => {
-		let e = U.current;
+		let e = H.current;
 		if (!e) return;
 		let t = (e) => {
-			Y.shouldPreventTouch() && e.preventDefault(), e.target?.dataset.swipeAtEdgeBar === "true" && e.preventDefault();
+			J.shouldPreventTouch() && e.preventDefault(), e.target?.dataset.swipeAtEdgeBar === "true" && e.preventDefault();
 		};
 		return e.addEventListener("touchmove", t, { passive: !1 }), () => {
 			e.removeEventListener("touchmove", t);
 		};
-	}, [Y]), u(() => fe.driveScreenLifecycle({
-		getElements: () => ({
-			scope: U.current,
-			decorator: W.current,
-			bars: [G.current, K.current]
-		}),
-		transitionName: S,
-		prevTransitionName: C,
-		status: D,
-		isActive: b
-	}), [
-		fe,
-		D,
-		b,
-		C,
-		S
-	]), u(() => {
-		let e = G.current;
+	}, [J]), u(() => {
+		let e = W.current;
 		if (!e) {
-			R(0);
+			L(0);
 			return;
 		}
-		return pe(e, R);
+		return me(e, L);
 	}, [a]), u(() => {
-		let e = K.current;
+		let e = G.current;
 		if (!e) {
-			B(0);
+			z(0);
 			return;
 		}
-		return pe(e, B);
+		return me(e, z);
 	}, [s]), u(() => {
 		let { registerSharedBars: e, unregisterSharedBars: t } = E.screen.getState();
 		return e(y, {
@@ -426,7 +410,7 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 		s,
 		E.screen
 	]), u(() => {
-		let e = U.current;
+		let e = H.current;
 		if (!e) return;
 		let { registerScreenSurface: t, unregisterScreenSurface: n } = E.screen.getState();
 		return t(y, { opaqueBackground: ue(getComputedStyle(e).backgroundColor) }), () => n(y);
@@ -436,38 +420,60 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 		D,
 		E.screen
 	]);
-	let De = b || te === A - 1, { app: Oe, nav: ke } = g({
+	let Oe = b || te === A - 1, { app: ke, nav: Ae } = g({
 		status: D,
-		isTopOrTopPrev: De,
+		isTopOrTopPrev: Oe,
 		hasTopBar: !!a,
 		hasNavBar: !!s,
 		partnerBars: se
-	}), X = ee({
+	}), Y = ee({
 		status: D,
-		isTopOrTopPrev: De,
+		isTopOrTopPrev: Oe,
 		transitionName: S
-	}), [Ae, je] = p({
-		key: X,
-		released: X === null
+	}), [je, Me] = p({
+		key: Y,
+		released: Y === null
 	});
-	Ae.key !== X && je({
-		key: X,
-		released: X === null
+	je.key !== Y && Me({
+		key: Y,
+		released: Y === null
 	});
-	let Me = X !== null && Ae.key === X && !Ae.released, Z = Me ? !b && le?.opaqueBackground ? "park" : "true" : "false";
-	o(() => {
-		if (Me) return ve(() => je((e) => e.key === X && !e.released ? {
-			key: X,
+	let X = Y !== null && je.key === Y && !je.released, Z = X ? !b && le?.opaqueBackground ? "park" : b && (D === "PUSHING" || D === "REPLACING") && le?.opaqueBackground ? "park-under" : "true" : "false";
+	u(() => fe.driveScreenLifecycle({
+		getElements: () => ({
+			scope: H.current,
+			decorator: U.current,
+			bars: [W.current, G.current]
+		}),
+		transitionName: S,
+		prevTransitionName: C,
+		status: D,
+		isActive: b,
+		animHoldReleased: !X
+	}), [
+		fe,
+		D,
+		b,
+		C,
+		S,
+		X
+	]), o(() => {
+		if (X) return ye(() => Me((e) => e.key === Y && !e.released ? {
+			key: Y,
 			released: !0
-		} : e));
-	}, [Me, X]);
-	let Ne = ce({
-		initial: me,
+		} : e), { scope: H.current });
+	}, [
+		X,
+		Y,
+		Z
+	]);
+	let Ne = Z === "park-under" ? {} : ce({
+		initial: he,
 		isActive: b,
 		status: D
 	});
-	return /* @__PURE__ */ be("div", {
-		ref: H,
+	return /* @__PURE__ */ xe("div", {
+		ref: V,
 		style: {
 			position: T,
 			top: 0,
@@ -475,13 +481,14 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			width: "100%",
 			height: "100%",
 			display: "flex",
+			zIndex: Z === "park-under" ? -1 : void 0,
 			contain: "layout style",
 			flexDirection: "column",
 			boxSizing: "border-box",
 			overscrollBehavior: "contain"
 		},
 		children: [
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ I("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
 					position: T,
@@ -492,13 +499,13 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					zIndex: 1
 				}
 			}),
-			/* @__PURE__ */ be("div", {
-				ref: U,
+			/* @__PURE__ */ xe("div", {
+				ref: H,
 				...v,
-				onPointerDown: we,
-				onPointerMove: Te,
-				onPointerUp: Ee,
-				onPointerCancel: Ee,
+				onPointerDown: Te,
+				onPointerMove: Ee,
+				onPointerUp: De,
+				onPointerCancel: De,
 				"data-flemo-screen": !0,
 				"data-flemo-transition": S,
 				"data-flemo-status": D,
@@ -510,14 +517,14 @@ function He({ 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: ge === "x" ? "pan-y" : ge === "y" ? "pan-x" : "auto",
 					...Ne,
 					...v.style
 				},
 				children: [
-					!d && t && /* @__PURE__ */ L("div", {
+					!d && t && /* @__PURE__ */ I("div", {
 						style: { minHeight: t },
-						children: /* @__PURE__ */ L("div", { style: {
+						children: /* @__PURE__ */ I("div", { style: {
 							position: T,
 							top: 0,
 							width: "100%",
@@ -525,12 +532,12 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 							backgroundColor: n
 						} })
 					}),
-					a && /* @__PURE__ */ L("div", { style: {
+					a && /* @__PURE__ */ I("div", { style: {
 						width: "100%",
-						minHeight: ye
+						minHeight: be
 					} }),
 					c,
-					/* @__PURE__ */ L("div", {
+					/* @__PURE__ */ I("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
@@ -540,17 +547,17 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 						children: e
 					}),
 					l,
-					s && /* @__PURE__ */ L("div", { style: {
-						display: I ? "none" : void 0,
+					s && /* @__PURE__ */ I("div", { style: {
+						display: F ? "none" : void 0,
 						width: "100%",
-						minHeight: xe
+						minHeight: Se
 					} }),
-					!m && r && /* @__PURE__ */ L("div", {
+					!m && r && /* @__PURE__ */ I("div", {
 						style: {
-							display: I ? "none" : void 0,
+							display: F ? "none" : void 0,
 							minHeight: r
 						},
-						children: /* @__PURE__ */ L("div", { style: {
+						children: /* @__PURE__ */ I("div", { style: {
 							position: T,
 							bottom: 0,
 							width: "100%",
@@ -560,13 +567,13 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					})
 				]
 			}),
-			a && /* @__PURE__ */ L("div", {
-				ref: G,
+			a && /* @__PURE__ */ I("div", {
+				ref: W,
 				"data-flemo-bar": "app",
 				"data-flemo-bar-transition": S,
 				"data-flemo-bar-status": D,
 				"data-flemo-bar-active": b ? "true" : "false",
-				"data-flemo-bar-riding": Oe ? "true" : "false",
+				"data-flemo-bar-riding": ke ? "true" : "false",
 				"data-flemo-anim-hold": Z,
 				style: {
 					position: T,
@@ -577,16 +584,16 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 				},
 				children: a
 			}),
-			s && /* @__PURE__ */ L("div", {
-				ref: K,
+			s && /* @__PURE__ */ I("div", {
+				ref: G,
 				"data-flemo-bar": "nav",
 				"data-flemo-bar-transition": S,
 				"data-flemo-bar-status": D,
 				"data-flemo-bar-active": b ? "true" : "false",
-				"data-flemo-bar-riding": ke ? "true" : "false",
+				"data-flemo-bar-riding": Ae ? "true" : "false",
 				"data-flemo-anim-hold": Z,
 				style: {
-					display: I ? "none" : void 0,
+					display: F ? "none" : void 0,
 					position: T,
 					bottom: m ? 0 : r,
 					left: 0,
@@ -595,11 +602,11 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 				},
 				children: s
 			}),
-			P && /* @__PURE__ */ L(Be, {
-				ref: W,
+			N && /* @__PURE__ */ I(Be, {
+				ref: U,
 				"data-flemo-anim-hold": Z
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ I("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
 					position: T,
@@ -616,18 +623,18 @@ function He({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 //#endregion
 //#region src/screen/Screen.tsx
 function Ue({ children: e, ...t }) {
-	let { isActive: n, isPrev: r, zIndex: i } = V();
-	return /* @__PURE__ */ L(ze, {
+	let { isActive: n, isPrev: r, zIndex: i } = B();
+	return /* @__PURE__ */ I(ze, {
 		freeze: _({
 			isActive: n,
 			isPrev: r,
 			zIndex: i,
-			index: J((e) => e.index),
+			index: q((e) => e.index),
 			status: Q((e) => e.status),
 			dragStatus: $((e) => e.dragStatus),
 			replaceTransitionStatus: $((e) => e.replaceTransitionStatus)
 		}),
-		children: /* @__PURE__ */ L(He, {
+		children: /* @__PURE__ */ I(He, {
 			...t,
 			children: e
 		})
@@ -636,8 +643,8 @@ function Ue({ children: e, ...t }) {
 //#endregion
 //#region src/screen/Part.tsx
 function We({ ref: e, name: t, style: n, children: r, ...i }) {
-	let { isActive: a } = V();
-	return /* @__PURE__ */ L("div", {
+	let { isActive: a } = B();
+	return /* @__PURE__ */ I("div", {
 		ref: e,
 		"data-flemo-part-name": t,
 		"data-flemo-status": Q((e) => e.status),
@@ -660,10 +667,10 @@ function Ge({ children: e }) {
 		consume: v,
 		life: { alive: !0 }
 	}));
-	return /* @__PURE__ */ L(R.Provider, {
+	return /* @__PURE__ */ I(L.Provider, {
 		value: t,
 		children: e
 	});
 }
 //#endregion
-export { We as Part, Ne as Route, Z as Router, Ge as RouterScopeProvider, Ue as Screen, B as ScreenContext, Be as ScreenDecorator, ze as ScreenFreeze, He as ScreenMotion, De as Slot, y as createBrowserHistoryDriver, x as createDecorator, w as createPartTransition, T as createRawDecorator, E as createRawPartTransition, D as createRawTransition, j as createTransition, he as partTransitionMap, J as useHistoryStore, Fe as useNavigate, Q as useNavigateStore, Re as useParams, Ie as usePathname, V as useScreen, $ as useScreenStore, Le as useStep, z as useStores, Ve as useViewportScrollHeight };
+export { We as Part, Ne as Route, Z as Router, Ge as RouterScopeProvider, Ue as Screen, z as ScreenContext, Be as ScreenDecorator, ze as ScreenFreeze, He as ScreenMotion, Oe as Slot, y as createBrowserHistoryDriver, x as createDecorator, w as createPartTransition, T as createRawDecorator, E as createRawPartTransition, D as createRawTransition, j as createTransition, ge as partTransitionMap, q as useHistoryStore, Fe as useNavigate, Q as useNavigateStore, Re as useParams, Ie as usePathname, B as useScreen, $ as useScreenStore, Le as useStep, R as useStores, Ve as useViewportScrollHeight };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/react",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "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.12.1"
+    "@flemo/core": "1.14.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",