@flemo/react 1.5.1 → 1.5.3

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 { TaskManger as m, applyTransitionStyles as h, computeScreenFreeze as g, consumeSelfInducedPop as _, createBrowserHistoryDriver as v, createBrowserHistoryDriver as y, createDecorator as b, createHistoryStore as ee, createHistorySync as x, createMemoryHistoryDriver as te, createNavigateStore as ne, createNavigationController as S, createPartTransition as C, createRawDecorator as w, createRawPartTransition as T, createRawTransition as E, createScreenSelector as re, createScreenStore as D, createSelfPopGuard as ie, createSwipeController as O, createTransition as k, createTransitionEngine as A, createTransitionStore as j, decoratorMap as M, driveBarRiding as N, ensureWindowHistoryState as P, getMatchedPathPattern as F, isServer as ae, markSelfInducedPop as I, partTransitionMap as L, partTransitionMap as R, seedInitialHistory as oe, transitionMap as z } from "@flemo/core";
-import { jsx as B, jsxs as se } from "react/jsx-runtime";
-import { createPortal as ce } from "react-dom";
-//#region \0rolldown/runtime.js
-var le = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), V = r(null);
+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";
+//#region src/stores/StoreContext.ts
+var R = r(null);
 //#endregion
 //#region src/stores/useStores.ts
-function H() {
-	let e = a(V);
+function z() {
+	let e = a(R);
 	if (!e) throw Error("flemo stores are missing. Render inside a <Router>.");
 	return e;
 }
 //#endregion
 //#region src/history/HistoryListener.tsx
-function ue() {
-	let e = H();
-	return o(() => x({
+function ye() {
+	let e = z();
+	return o(() => C({
 		stores: e,
 		driver: e.driver,
 		consume: e.consume
@@ -23,194 +23,7 @@ function ue() {
 }
 //#endregion
 //#region src/screen/ScreenContext.ts
-var de = (/* @__PURE__ */ le(((e) => {
-	Object.defineProperty(e, "__esModule", { value: !0 }), e.PathError = e.TokenData = void 0, e.parse = c, e.compile = l, e.pathToRegexp = f;
-	var t = "/", n = (e) => e, r = /^[$_\p{ID_Start}]$/u, i = /^[$\u200c\u200d\p{ID_Continue}]$/u;
-	function a(e) {
-		return e.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
-	}
-	var o = class {
-		constructor(e, t) {
-			this.tokens = e, this.originalPath = t;
-		}
-	};
-	e.TokenData = o;
-	var s = class extends TypeError {
-		constructor(e, t) {
-			let n = e;
-			t && (n += `: ${t}`), n += "; visit https://git.new/pathToRegexpError for info", super(n), this.originalPath = t;
-		}
-	};
-	e.PathError = s;
-	function c(e, t = {}) {
-		let { encodePath: a = n } = t, c = [...e], l = 0;
-		function u(t) {
-			let n = [], o = "";
-			function d() {
-				o &&= (n.push({
-					type: "text",
-					value: a(o)
-				}), "");
-			}
-			for (; l < c.length;) {
-				let a = c[l++];
-				if (a === t) return d(), n;
-				if (a === "\\") {
-					if (l === c.length) throw new s(`Unexpected end after \\ at index ${l}`, e);
-					o += c[l++];
-					continue;
-				}
-				if (a === ":" || a === "*") {
-					let t = a === ":" ? "param" : "wildcard", o = "";
-					if (r.test(c[l])) do
-						o += c[l++];
-					while (i.test(c[l]));
-					else if (c[l] === "\"") {
-						let t = l;
-						for (; l < c.length;) {
-							if (c[++l] === "\"") {
-								l++, t = 0;
-								break;
-							}
-							c[l] === "\\" && l++, o += c[l];
-						}
-						if (t) throw new s(`Unterminated quote at index ${t}`, e);
-					}
-					if (!o) throw new s(`Missing parameter name at index ${l}`, e);
-					d(), n.push({
-						type: t,
-						name: o
-					});
-					continue;
-				}
-				if (a === "{") {
-					d(), n.push({
-						type: "group",
-						tokens: u("}")
-					});
-					continue;
-				}
-				if (a === "}" || a === "(" || a === ")" || a === "[" || a === "]" || a === "+" || a === "?" || a === "!") throw new s(`Unexpected ${a} at index ${l - 1}`, e);
-				o += a;
-			}
-			if (t) throw new s(`Unexpected end at index ${l}, expected ${t}`, e);
-			return d(), n;
-		}
-		return new o(u(""), e);
-	}
-	function l(e, n = {}) {
-		let { encode: r = encodeURIComponent, delimiter: i = t } = n, a = u((typeof e == "object" ? e : c(e, n)).tokens, i, r);
-		return function(e = {}) {
-			let t = [], n = a(e, t);
-			if (t.length) throw TypeError(`Missing parameters: ${t.join(", ")}`);
-			return n;
-		};
-	}
-	function u(e, t, n) {
-		let r = e.map((e) => d(e, t, n));
-		return (e, t) => {
-			let n = "";
-			for (let i of r) n += i(e, t);
-			return n;
-		};
-	}
-	function d(e, t, r) {
-		if (e.type === "text") return () => e.value;
-		if (e.type === "group") {
-			let n = u(e.tokens, t, r);
-			return (e, t) => {
-				let r = t.length, i = n(e, t);
-				return t.length === r ? i : (t.length = r, "");
-			};
-		}
-		let i = r || n;
-		return e.type === "wildcard" && r !== !1 ? (n, r) => {
-			let a = n[e.name];
-			if (a == null) return r.push(e.name), "";
-			if (!Array.isArray(a) || a.length === 0) throw TypeError(`Expected "${e.name}" to be a non-empty array`);
-			let o = "";
-			for (let n = 0; n < a.length; n++) {
-				if (typeof a[n] != "string") throw TypeError(`Expected "${e.name}/${n}" to be a string`);
-				n > 0 && (o += t), o += i(a[n]);
-			}
-			return o;
-		} : (t, n) => {
-			let r = t[e.name];
-			if (r == null) return n.push(e.name), "";
-			if (typeof r != "string") throw TypeError(`Expected "${e.name}" to be a string`);
-			return i(r);
-		};
-	}
-	function f(e, n = {}) {
-		let { delimiter: r = t, end: i = !0, sensitive: o = !1, trailing: l = !0 } = n, u = [], d = "", f = 0;
-		function h(e) {
-			if (Array.isArray(e)) {
-				for (let t of e) h(t);
-				return;
-			}
-			let t = typeof e == "object" ? e : c(e, n);
-			p(t.tokens, 0, [], (e) => {
-				if (f >= 256) throw new s("Too many path combinations", t.originalPath);
-				f > 0 && (d += "|"), d += m(e, r, u, t.originalPath), f++;
-			});
-		}
-		h(e);
-		let g = `^(?:${d})`;
-		return l && (g += "(?:" + a(r) + "$)?"), g += i ? "$" : "(?=" + a(r) + "|$)", {
-			regexp: new RegExp(g, o ? "" : "i"),
-			keys: u
-		};
-	}
-	function p(e, t, n, r) {
-		for (; t < e.length;) {
-			let i = e[t++];
-			if (i.type === "group") {
-				let a = n.length;
-				p(i.tokens, 0, n, (n) => p(e, t, n, r)), n.length = a;
-				continue;
-			}
-			n.push(i);
-		}
-		r(n);
-	}
-	function m(e, t, n, r) {
-		let i = "", o = "", c = "", l = 0, u = 0, d = 0;
-		function f(n, r) {
-			for (; n < e.length;) {
-				let i = e[n++];
-				if (i.type === r) return !0;
-				if (i.type === "text" && i.value.includes(t)) break;
-			}
-			return !1;
-		}
-		function p(t) {
-			let n = "";
-			for (; t < e.length;) {
-				let r = e[t++];
-				if (r.type !== "text") break;
-				n += r.value;
-			}
-			return n;
-		}
-		for (; d < e.length;) {
-			let m = e[d++];
-			if (m.type === "text") {
-				i += a(m.value), o += m.value, l === 2 && (c += m.value), m.value.includes(t) && (u = 0);
-				continue;
-			}
-			if (m.type === "param" || m.type === "wildcard") {
-				if (l && !o) throw new s(`Missing text before "${m.name}" ${m.type}`, r);
-				m.type === "param" ? (i += u & 2 ? `(${h(t, o)}+)` : f(d, "wildcard") ? `(${h(t, p(d))}+)` : u & 1 ? `(${h(t, o)}+|${a(o)})` : `(${h(t, "")}+)`, u |= l = 1) : (i += u & 2 ? `(${h(o, "")}+)` : c ? `(${h(c, "")}+|${h(t, "")}+)` : "([^]+)", c = "", u |= l = 2), n.push(m), o = "";
-				continue;
-			}
-			throw TypeError(`Unknown token type: ${m.type}`);
-		}
-		return i;
-	}
-	function h(e, t) {
-		return t.length > e.length ? h(t, e) : (e === t && (t = ""), t.length > 1 ? `(?:(?!${a(e)}|${a(t)})[^])` : e.length > 1 ? `(?:(?!${a(e)})[^${a(t)}])` : `[^${a(e + t)}]`);
-	}
-})))(), U = r({
+var be = r({
 	id: "",
 	isActive: !1,
 	isRoot: !0,
@@ -225,15 +38,15 @@ var de = (/* @__PURE__ */ le(((e) => {
 });
 //#endregion
 //#region src/screen/useScreen.ts
-function W() {
-	return a(U);
+function B() {
+	return a(be);
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsContext.ts
-var G = r({}), K = r(() => {});
+var xe = r({}), Se = r(() => {});
 //#endregion
 //#region src/screen/ParamsProvider/ParamsReducer.ts
-function q(e, t) {
+function V(e, t) {
 	switch (t.type) {
 		case "SET": return t.params;
 		default: return e;
@@ -241,12 +54,12 @@ function q(e, t) {
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsProvider.tsx
-function J({ children: e }) {
-	let { isActive: t, params: n } = W(), { driver: r } = H(), [i, a] = d(q, n);
+function H({ children: e }) {
+	let { isActive: t, params: n } = B(), { driver: r } = z(), [i, a] = ee(V, n);
 	return o(() => {
 		if (t) return r.subscribe((e) => {
 			let t = e.state;
-			t?.step && m.addTask(async () => {
+			t?.step && p.addTask(async () => {
 				a({
 					type: "SET",
 					params: t.params ?? {}
@@ -257,9 +70,9 @@ function J({ children: e }) {
 		t,
 		a,
 		r
-	]), /* @__PURE__ */ B(K.Provider, {
+	]), /* @__PURE__ */ L(Se.Provider, {
 		value: a,
-		children: /* @__PURE__ */ B(G.Provider, {
+		children: /* @__PURE__ */ L(xe.Provider, {
 			value: i,
 			children: e
 		})
@@ -267,51 +80,41 @@ function J({ 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 Y = (e) => e;
-function X(t, n = Y) {
+var U = (e) => e;
+function W(t, n = U) {
 	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 Z(e) {
-	return X(H().history, e);
+function G(e) {
+	return W(z().history, e);
 }
 //#endregion
 //#region src/renderer/Renderer.tsx
-function Q({ children: e }) {
-	let t = Z((e) => e.index);
-	return re(Z((e) => e.histories), t).map((t) => {
-		let [r] = n.toArray(e).filter((e) => (0, de.pathToRegexp)(e.props.path).regexp.test(t.pathname));
-		return /* @__PURE__ */ B(U.Provider, {
+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, {
 			value: {
 				...t,
-				routePath: F(r.props.path, t.pathname)
+				routePath: N(r.props.path, t.pathname)
 			},
-			children: /* @__PURE__ */ B(J, { children: r })
+			children: /* @__PURE__ */ L(H, { children: r })
 		}, t.id);
 	});
 }
 //#endregion
 //#region src/screen/ScreenViewportContext.ts
-var fe = r({ contained: !1 });
-function pe() {
-	return a(fe);
+var q = r({ contained: !1 });
+function Ce() {
+	return a(q);
 }
 //#endregion
 //#region src/transition/styles.ts
-function me(e, t, n = []) {
-	l(() => {
-		for (let t of e) z.set(t.name, t);
-		for (let e of t) M.set(e.name, e);
-		for (let e of n) R.set(e.name, e);
-		return h(), () => {
-			for (let t of e) z.delete(t.name);
-			for (let e of t) M.delete(e.name);
-			for (let e of n) R.delete(e.name);
-			h();
-		};
-	}, [
+function J(e, t, n = []) {
+	l(() => he(e, t, n), [
 		e,
 		t,
 		n
@@ -319,131 +122,106 @@ function me(e, t, n = []) {
 }
 //#endregion
 //#region src/RouterDepthContext.ts
-var he = r(0), ge = { contained: !0 };
-function _e({ children: e, className: t, style: n }) {
-	return /* @__PURE__ */ B("div", {
+var we = r(0), Te = { contained: !0 };
+function Y({ children: e, className: t, style: n }) {
+	return /* @__PURE__ */ L("div", {
 		className: t,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			...n
 		},
-		children: /* @__PURE__ */ B(fe.Provider, {
-			value: ge,
-			children: /* @__PURE__ */ B(Q, { children: e })
+		children: /* @__PURE__ */ L(q.Provider, {
+			value: Te,
+			children: /* @__PURE__ */ L(K, { children: e })
 		})
 	});
 }
 //#endregion
 //#region src/Router.tsx
-function ve(e) {
+function Ee(e) {
 	let t = null;
 	return n.forEach(e, (e) => {
 		if (t || !i(e)) return;
-		if (e.type === _e) {
+		if (e.type === Y) {
 			t = n.toArray(e.props.children).filter(i);
 			return;
 		}
 		let r = e.props.children;
 		if (r) {
-			let e = ve(r);
+			let e = Ee(r);
 			e && (t = e);
 		}
 	}), t;
 }
-var ye = {
-	mark: () => {},
-	consume: () => !1
-}, be = [], xe = [], Se = [], Ce = { contained: !0 };
-function we({ children: e, initPath: t = "/", defaultTransitionName: r = "cupertino", transitions: i = be, decorators: c = xe, partTransitions: l = Se, history: u = "browser", createDriver: d, className: f, style: m }) {
-	let h = a(he), g = h > 0, _ = u === "memory", v = s(), b = ve(e), x = b !== null, S = a(V), C = g ? null : S, w = C !== null, T = d ?? y, [E] = p(() => _ ? null : T(w ? void 0 : v)), re = !g && !_ && !ae(), O = re && E ? E.readPathname() : t || "/", k = O.indexOf("?"), A = (k >= 0 ? O.slice(0, k) : O) || "/", M = re ? window.location.search : k >= 0 ? O.slice(k) : "", [N] = p(() => {
-		let t = oe((b ?? n.toArray(e)).map((e) => e.props.path).flat(), A, M, r);
-		if (C) return C.history.getState().index === -1 && C.history.setState({
-			index: 0,
-			histories: [t]
-		}), C;
-		let i = _ ? te({
-			state: {
-				id: t.id,
-				index: 0,
-				status: "IDLE",
-				params: t.params,
-				transitionName: t.transitionName,
-				layoutId: t.layoutId
-			},
-			url: t.pathname
-		}) : E, a = _ ? ye : ie();
-		return {
-			history: ee([t], 0),
-			navigate: ne(),
-			transition: j(r),
-			screen: D(),
-			driver: i,
-			markSelfInduced: a.mark,
-			consume: a.consume
-		};
-	});
-	N.transition.setState({ defaultTransitionName: r }), me(i, c, l), o(() => {
-		_ || ae() || (P(w ? null : v, r, N.history.getState().histories[0]?.params ?? {}), g && !w && E && E.readPathname() !== A && E.replaceState(E.readState(), A));
+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(),
+		pathname: O,
+		search: k,
+		defaultTransitionName: r,
+		memory: h,
+		browserDriver: w,
+		hostedScope: x
+	}));
+	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));
 	}, [
-		_,
-		w,
+		h,
+		S,
+		m,
 		g,
-		v,
-		A,
+		O,
 		r,
-		N.history,
-		E
+		A.history,
+		w
 	]);
-	let F = x ? e : /* @__PURE__ */ B(Q, { children: e }), I = /* @__PURE__ */ B(he.Provider, {
-		value: h + 1,
-		children: /* @__PURE__ */ se(V.Provider, {
-			value: N,
-			children: [!_ && /* @__PURE__ */ B(ue, {}), g ? /* @__PURE__ */ B(fe.Provider, {
-				value: Ce,
-				children: F
-			}) : F]
+	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, {
+				value: ke,
+				children: j
+			}) : j]
 		})
 	});
-	return g ? /* @__PURE__ */ B("div", {
-		className: f,
+	return m ? /* @__PURE__ */ L("div", {
+		className: d,
 		style: {
 			position: "relative",
 			overflow: "hidden",
-			...m
+			...p
 		},
-		children: I
-	}) : I;
+		children: M
+	}) : M;
 }
 //#endregion
 //#region src/Route.tsx
-function Te({ element: e }) {
+function Z({ element: e }) {
 	return e;
 }
 //#endregion
 //#region src/screen/LayerMountContext.ts
-var Ee = r(null);
+var je = r(null);
 //#endregion
 //#region src/screen/Layer.tsx
-function De({ children: e }) {
-	let t = a(Ee);
-	return t ? ce(e, t) : e;
+function Me({ children: e }) {
+	let t = a(je);
+	return t ? ve(e, t) : e;
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function Oe(e, t) {
-	let n = t ?? {}, r = (0, de.compile)(e)(Object.fromEntries(Object.entries(n).map(([e, t]) => [e, String(t)]))), i = (typeof e == "string" ? (0, de.parse)(e) : e).tokens.filter((e) => e.type === "param").map((e) => e.name), a = Object.fromEntries(Object.entries(n).filter(([e]) => !i.includes(e))), o = new URLSearchParams(a).toString();
-	return {
-		pathname: `${r}${o ? `?${o}` : ""}`,
-		toPathname: r
-	};
+function Ne(e, t) {
+	return h(e, t);
 }
 //#endregion
 //#region src/navigate/useNavigate.ts
-function ke() {
-	let e = H(), t = S({
+function Pe() {
+	let e = z(), t = T({
 		stores: e,
-		buildPathname: (e, t) => Oe(e, t),
+		buildPathname: (e, t) => Ne(e, t),
 		driver: e.driver,
 		markSelfInduced: e.markSelfInduced
 	});
@@ -455,108 +233,60 @@ function ke() {
 }
 //#endregion
 //#region src/navigate/usePathname.ts
-function Ae() {
-	return Z((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
+function Fe() {
+	return G((e) => e.histories[e.pendingIndex]?.pathname ?? "/");
 }
 //#endregion
 //#region src/navigate/useStep.ts
-var je = (e) => {
-	let t = e;
-	return t?.step ? t.params ?? {} : null;
-}, Me = (e, t) => {
-	let n = new URLSearchParams(Object.fromEntries(Object.entries(t).map(([e, t]) => [e, String(t)]))).toString();
-	return n ? `${e}?${n}` : e;
-};
-function Ne() {
-	let { routePath: e } = W(), t = H(), n = a(K), { driver: r, markSelfInduced: i } = t, [s, c] = p(null);
+function Ie() {
+	let { routePath: e } = B(), t = z(), n = a(Se), { driver: r, markSelfInduced: i } = t, [s, c] = f(null);
 	o(() => {
-		if (!e) return c(je(r.readState())), r.subscribe((e) => c(je(e.state)));
+		if (!e) return c(F(r.readState())), r.subscribe((e) => c(F(e.state)));
 	}, [e, r]);
-	let l = (t) => e ? Oe(e, t).pathname : Me(r.readPathname(), t), u = (t) => {
-		n({
-			type: "SET",
-			params: t
-		}), e || c(t);
-	};
+	let l = M({
+		stores: t,
+		driver: r,
+		markSelfInduced: i,
+		buildStepPathname: (t) => e ? Ne(e, t).pathname : m(r.readPathname(), t),
+		applyParams: (t) => {
+			n({
+				type: "SET",
+				params: t
+			}), e || c(t);
+		}
+	});
 	return {
 		step: s,
-		pushStep: async (e) => {
-			(await m.addTask(async () => {
-				let t = l(e), n = r.readState();
-				return n?.step || r.replaceState({
-					...n,
-					step: !0
-				}, r.readPathname()), r.pushState({
-					...r.readState(),
-					step: !0,
-					params: e
-				}, t), async () => u(e);
-			})).result?.();
-		},
-		replaceStep: async (e) => {
-			(await m.addTask(async () => {
-				let t = l(e);
-				return r.replaceState({
-					...r.readState(),
-					step: !0,
-					params: e
-				}, t), async () => u(e);
-			})).result?.();
-		},
-		popStep: async () => {
-			let e = m.generateTaskId();
-			(await m.addTask(async (n) => {
-				let a = new Promise((e) => {
-					let t = r.subscribe((n) => {
-						t(), e(n.state);
-					});
-				}), o = new Promise((e) => setTimeout(() => e(void 0), 200));
-				i(), r.back();
-				let s = await Promise.race([a, o]);
-				if (!s) {
-					n.abort();
-					return;
-				}
-				if (s.step) {
-					u(s.params ?? {}), n.abort();
-					return;
-				}
-				let { setStatus: c, setTransitionTaskId: l } = t.navigate.getState(), { index: d, popHistory: f } = t.history.getState();
-				return c("POPPING"), l(e), async () => {
-					f(d), c("COMPLETED");
-				};
-			}, {
-				id: e,
-				control: { manual: !0 }
-			})).result?.();
-		}
+		pushStep: (e) => l.pushStep(e),
+		replaceStep: (e) => l.replaceStep(e),
+		popStep: l.popStep
 	};
 }
 //#endregion
 //#region src/screen/ParamsProvider/useParams.ts
-function Pe() {
-	return a(G);
+function Le() {
+	return a(xe);
 }
 //#endregion
 //#region src/screen/ScreenFreeze.tsx
-function Fe({ freeze: e, children: n }) {
-	return /* @__PURE__ */ B(t, {
+function Re({ freeze: e, children: n }) {
+	return /* @__PURE__ */ L(t, {
 		mode: e ? "hidden" : "visible",
 		children: n
 	});
 }
 //#endregion
 //#region src/stores/useNavigateStore.ts
-function $(e) {
-	return X(H().navigate, e);
+function Q(e) {
+	return W(z().navigate, e);
 }
 //#endregion
 //#region src/screen/ScreenDecorator.tsx
-function Ie({ ref: e, style: t, ...n }) {
-	let { isActive: r, transitionName: i } = W(), a = f(null);
+function ze({ ref: e, style: t, ...n }) {
+	let { isActive: r, transitionName: i } = B(), a = d(null);
 	c(e, () => a.current);
-	let o = $((e) => e.status), { decoratorName: s } = z.get(i) ?? z.get("none"), l = M.get(s);
-	return l ? /* @__PURE__ */ B("div", {
+	let o = Q((e) => e.status), { decoratorName: s } = I.get(i) ?? I.get("none"), l = se.get(s);
+	return l ? /* @__PURE__ */ L("div", {
 		ref: a,
 		"data-flemo-decorator": !0,
 		"data-flemo-decorator-name": l.name,
@@ -577,143 +307,120 @@ function Ie({ ref: e, style: t, ...n }) {
 }
 //#endregion
 //#region src/screen/useViewportScrollHeight.ts
-var Le = 0;
-function Re() {
-	let [e, t] = p(0), [n, r] = p(0);
-	return o(() => {
-		let e = 0, n = () => {
-			cancelAnimationFrame(e), e = requestAnimationFrame(() => {
-				let e = document.documentElement.scrollHeight - (window.visualViewport?.height || 0);
-				e = e < 0 ? 0 : e;
-				let n = e - Le;
-				n = n < 0 ? 0 : n, Le ||= e, r(n), t(e);
-			});
-		};
-		return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
-			cancelAnimationFrame(e), window.visualViewport?.removeEventListener("resize", n), window.visualViewport?.removeEventListener("scroll", n);
-		};
-	}, []), {
+function Be() {
+	let [e, t] = f(0), [n, r] = f(0);
+	return o(() => P((e, n) => {
+		r(n), t(e);
+	}), []), {
 		viewportScrollHeight: e,
 		changedViewportScrollHeight: n
 	};
 }
 //#endregion
 //#region src/stores/useScreenStore.ts
-function ze(e) {
-	return X(H().screen, e);
+function $(e) {
+	return W(z().screen, e);
 }
 //#endregion
 //#region src/screen/ScreenMotion.tsx
-function Be({ 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: g = !0, ..._ }) {
-	let { id: v, isActive: y, isRoot: b, zIndex: ee, transitionName: x, prevTransitionName: te } = W(), { contained: ne } = pe(), S = ne ? "absolute" : "fixed", C = H(), w = $((e) => e.status), T = ze((e) => e.dragStatus), E = C.screen.getState().setDragStatus, re = C.screen.getState().setReplaceTransitionStatus, D = Z((e) => e.index), ie = f(null);
-	ie.current ||= A({
-		getTransitionTaskId: () => C.navigate.getState().transitionTaskId,
-		setDragStatus: E,
-		setReplaceTransitionStatus: re
+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({
+		getTransitionTaskId: () => E.navigate.getState().transitionTaskId,
+		setDragStatus: k,
+		setReplaceTransitionStatus: ne
 	});
-	let k = ie.current, j = z.get(x) ?? z.get("none"), { initial: P, swipeDirection: F, decoratorName: ae } = j, I = M.get(ae), { viewportScrollHeight: L } = Re(), R = L > 0, [oe, ce] = p(0), [le, V] = p(0), [ue, de] = p(null), U = f(null), G = f(null), K = f(null), q = f(null), J = f(null), Y = f({
-		transition: j,
-		decorator: I,
+	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,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: L,
+		viewportScrollHeight: me,
 		isRoot: b,
 		isActive: y,
-		status: w,
-		dragStatus: T,
-		index: D
+		status: D,
+		dragStatus: O,
+		index: A
 	});
-	Y.current = {
-		transition: j,
-		decorator: I,
+	K.current = {
+		transition: N,
+		decorator: P,
 		hasSharedTopBar: !!a,
 		hasSharedBottomBar: !!s,
-		viewportScrollHeight: L,
+		viewportScrollHeight: me,
 		isRoot: b,
 		isActive: y,
-		status: w,
-		dragStatus: T,
-		index: D
+		status: D,
+		dragStatus: O,
+		index: A
 	};
-	let X = f(null);
-	X.current ||= O({
-		getTransition: () => Y.current.transition,
-		getDecorator: () => Y.current.decorator,
+	let q = d(null);
+	q.current ||= re({
+		getTransition: () => K.current.transition,
+		getDecorator: () => K.current.decorator,
 		getElements: () => ({
-			scope: G.current,
-			screenContainer: U.current,
-			decorator: K.current,
-			sharedTopBar: q.current,
-			sharedBottomBar: J.current
+			scope: V.current,
+			screenContainer: Se.current,
+			decorator: H.current,
+			sharedTopBar: U.current,
+			sharedBottomBar: W.current
 		}),
-		hasSharedTopBar: () => Y.current.hasSharedTopBar,
-		hasSharedBottomBar: () => Y.current.hasSharedBottomBar,
-		getViewportScrollHeight: () => Y.current.viewportScrollHeight,
+		hasSharedTopBar: () => K.current.hasSharedTopBar,
+		hasSharedBottomBar: () => K.current.hasSharedBottomBar,
+		getViewportScrollHeight: () => K.current.viewportScrollHeight,
 		isReadyForDrag: () => {
-			let e = Y.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 = Y.current, t = C.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
-			return n ? C.screen.getState().sharedBars[n] : void 0;
+			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: E,
+		setDragStatus: k,
 		back: () => window.history.back()
 	});
-	let Q = X.current, fe = (e) => Q.pointerDown(e.nativeEvent), me = (e) => Q.pointerMove(e.nativeEvent), he = (e) => Q.pointerUp(e.nativeEvent);
+	let J = q.current, we = (e) => J.pointerDown(e.nativeEvent), Te = (e) => J.pointerMove(e.nativeEvent), Y = (e) => J.pointerUp(e.nativeEvent);
 	o(() => {
-		let e = G.current;
+		let e = V.current;
 		if (!e) return;
 		let t = (e) => {
-			Q.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);
 		};
-	}, [Q]), u(() => k.driveScreenLifecycle({
+	}, [J]), u(() => ce.driveScreenLifecycle({
 		getElements: () => ({
-			scope: G.current,
-			decorator: K.current,
-			bars: [q.current, J.current]
+			scope: V.current,
+			decorator: H.current,
+			bars: [U.current, W.current]
 		}),
-		transitionName: x,
-		prevTransitionName: te,
-		status: w,
+		transitionName: S,
+		prevTransitionName: C,
+		status: D,
 		isActive: y
 	}), [
-		k,
-		w,
+		ce,
+		D,
 		y,
-		te,
-		x
+		C,
+		S
 	]), u(() => {
-		let e = q.current;
+		let e = U.current;
 		if (!e) {
-			ce(0);
+			ve(0);
 			return;
 		}
-		e.offsetHeight > 0 && ce(e.offsetHeight);
-		let t = new ResizeObserver(([e]) => {
-			e.contentRect.height > 0 && ce(e.contentRect.height);
-		});
-		return t.observe(e), () => {
-			t.disconnect();
-		};
+		return pe(e, ve);
 	}, [a]), u(() => {
-		let e = J.current;
+		let e = W.current;
 		if (!e) {
-			V(0);
+			ye(0);
 			return;
 		}
-		e.offsetHeight > 0 && V(e.offsetHeight);
-		let t = new ResizeObserver(([e]) => {
-			e.contentRect.height > 0 && V(e.contentRect.height);
-		});
-		return t.observe(e), () => {
-			t.disconnect();
-		};
+		return pe(e, ye);
 	}, [s]), u(() => {
-		let { registerSharedBars: e, unregisterSharedBars: t } = C.screen.getState();
+		let { registerSharedBars: e, unregisterSharedBars: t } = E.screen.getState();
 		return e(v, {
 			topBar: !!a,
 			bottomBar: !!s
@@ -722,41 +429,42 @@ function Be({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 		v,
 		a,
 		s,
-		C.screen
+		E.screen
 	]);
-	let ge = y || ee === D - 1, _e = !!a, ve = !!s;
-	u(() => N({
-		topBar: q.current,
-		navBar: J.current,
-		isTopOrTopPrev: ge,
+	let Ee = y || x === A - 1, { app: De, nav: Oe } = g({
+		status: D,
+		isTopOrTopPrev: Ee,
+		hasTopBar: !!a,
+		hasNavBar: !!s,
+		partnerBars: ie
+	}), X = te({
+		status: D,
+		isTopOrTopPrev: Ee,
+		transitionName: S
+	}), [ke, Ae] = f({
+		key: X,
+		released: X === null
+	});
+	ke.key !== X && Ae({
+		key: X,
+		released: X === null
+	});
+	let Z = X !== null && ke.key === X && !ke.released;
+	o(() => {
+		if (Z) return ge(() => Ae((e) => e.key === X && !e.released ? {
+			key: X,
+			released: !0
+		} : e));
+	}, [Z, X]);
+	let Me = le({
+		initial: ue,
 		isActive: y,
-		index: D,
-		hasTopBar: _e,
-		hasNavBar: ve,
-		getStatus: () => C.navigate.getState().status,
-		getHistories: () => C.history.getState().histories,
-		getSharedBars: () => C.screen.getState().sharedBars,
-		subscribeStatus: (e) => C.navigate.subscribe(e),
-		subscribeSharedBars: (e) => C.screen.subscribe(e)
-	}), [
-		ge,
-		y,
-		D,
-		_e,
-		ve,
-		C.history,
-		C.navigate,
-		C.screen
-	]);
-	let ye = (() => {
-		if (!y || w !== "PUSHING" && w !== "REPLACING") return {};
-		let e = {};
-		return typeof P.x == "number" && (e.transform = `translateX(${P.x}px)`), typeof P.x == "string" && (e.transform = `translateX(${P.x})`), typeof P.y == "number" && (e.transform = `translateY(${P.y}px)`), typeof P.y == "string" && (e.transform = `translateY(${P.y})`), typeof P.opacity == "number" && (e.opacity = `${P.opacity}`), e;
-	})();
-	return /* @__PURE__ */ se("div", {
-		ref: U,
+		status: D
+	});
+	return /* @__PURE__ */ _e("div", {
+		ref: Se,
 		style: {
-			position: S,
+			position: T,
 			top: 0,
 			left: 0,
 			width: "100%",
@@ -768,10 +476,10 @@ function Be({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 			overscrollBehavior: "contain"
 		},
 		children: [
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ L("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
-					position: S,
+					position: T,
 					top: 0,
 					left: 0,
 					width: 8,
@@ -779,120 +487,128 @@ function Be({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 					zIndex: 1
 				}
 			}),
-			/* @__PURE__ */ se("div", {
-				ref: G,
+			/* @__PURE__ */ _e("div", {
+				ref: V,
 				..._,
-				onPointerDown: fe,
-				onPointerMove: me,
-				onPointerUp: he,
-				onPointerCancel: he,
+				onPointerDown: we,
+				onPointerMove: Te,
+				onPointerUp: Y,
+				onPointerCancel: Y,
 				"data-flemo-screen": !0,
-				"data-flemo-transition": x,
-				"data-flemo-status": w,
+				"data-flemo-transition": S,
+				"data-flemo-status": D,
 				"data-flemo-active": y ? "true" : "false",
+				"data-flemo-anim-hold": Z ? "true" : "false",
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					height: "100%",
-					backgroundColor: h,
-					overflowY: g ? void 0 : "auto",
-					touchAction: F === "x" ? "pan-y" : F === "y" ? "pan-x" : "auto",
-					...ye,
+					backgroundColor: m,
+					overflowY: h ? void 0 : "auto",
+					touchAction: de === "x" ? "pan-y" : de === "y" ? "pan-x" : "auto",
+					...Me,
 					..._.style
 				},
 				children: [
-					!d && t && /* @__PURE__ */ B("div", {
+					!ee && t && /* @__PURE__ */ L("div", {
 						style: { minHeight: t },
-						children: /* @__PURE__ */ B("div", { style: {
-							position: S,
+						children: /* @__PURE__ */ L("div", { style: {
+							position: T,
 							top: 0,
 							width: "100%",
 							minHeight: t,
 							backgroundColor: n
 						} })
 					}),
-					a && /* @__PURE__ */ B("div", { style: {
+					a && /* @__PURE__ */ L("div", { style: {
 						width: "100%",
-						minHeight: oe
+						minHeight: he
 					} }),
 					c,
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ L("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							flexGrow: 1,
-							overflowY: g ? "auto" : void 0,
-							...w !== "IDLE" && w !== "COMPLETED" ? {
+							overflowY: h ? "auto" : void 0,
+							...D !== "IDLE" && D !== "COMPLETED" ? {
 								transform: "translateZ(0)",
 								willChange: "transform"
 							} : null
 						},
-						children: /* @__PURE__ */ B(Ee.Provider, {
-							value: ue,
+						children: /* @__PURE__ */ L(je.Provider, {
+							value: be,
 							children: e
 						})
 					}),
 					l,
-					s && /* @__PURE__ */ B("div", { style: {
-						display: R ? "none" : void 0,
+					s && /* @__PURE__ */ L("div", { style: {
+						display: F ? "none" : void 0,
 						width: "100%",
-						minHeight: le
+						minHeight: R
 					} }),
-					!m && r && /* @__PURE__ */ B("div", {
+					!p && r && /* @__PURE__ */ L("div", {
 						style: {
-							display: R ? "none" : void 0,
+							display: F ? "none" : void 0,
 							minHeight: r
 						},
-						children: /* @__PURE__ */ B("div", { style: {
-							position: S,
+						children: /* @__PURE__ */ L("div", { style: {
+							position: T,
 							bottom: 0,
 							width: "100%",
 							minHeight: r,
 							backgroundColor: i
 						} })
 					}),
-					/* @__PURE__ */ B("div", {
-						ref: de,
+					/* @__PURE__ */ L("div", {
+						ref: xe,
 						"data-flemo-layer-mount": !0
 					})
 				]
 			}),
-			a && /* @__PURE__ */ B("div", {
-				ref: q,
+			a && /* @__PURE__ */ L("div", {
+				ref: U,
 				"data-flemo-bar": "app",
-				"data-flemo-bar-transition": x,
-				"data-flemo-bar-status": w,
+				"data-flemo-bar-transition": S,
+				"data-flemo-bar-status": D,
 				"data-flemo-bar-active": y ? "true" : "false",
+				"data-flemo-bar-riding": De ? "true" : "false",
+				"data-flemo-anim-hold": Z ? "true" : "false",
 				style: {
-					position: S,
-					top: d ? 0 : t,
+					position: T,
+					top: ee ? 0 : t,
 					left: 0,
 					width: "100%",
 					zIndex: 1
 				},
 				children: a
 			}),
-			s && /* @__PURE__ */ B("div", {
-				ref: J,
+			s && /* @__PURE__ */ L("div", {
+				ref: W,
 				"data-flemo-bar": "nav",
-				"data-flemo-bar-transition": x,
-				"data-flemo-bar-status": w,
+				"data-flemo-bar-transition": S,
+				"data-flemo-bar-status": D,
 				"data-flemo-bar-active": y ? "true" : "false",
+				"data-flemo-bar-riding": Oe ? "true" : "false",
+				"data-flemo-anim-hold": Z ? "true" : "false",
 				style: {
-					display: R ? "none" : void 0,
-					position: S,
-					bottom: m ? 0 : r,
+					display: F ? "none" : void 0,
+					position: T,
+					bottom: p ? 0 : r,
 					left: 0,
 					width: "100%",
 					zIndex: 1
 				},
 				children: s
 			}),
-			I && /* @__PURE__ */ B(Ie, { ref: K }),
-			/* @__PURE__ */ B("div", {
+			P && /* @__PURE__ */ L(ze, {
+				ref: H,
+				"data-flemo-anim-hold": Z ? "true" : "false"
+			}),
+			/* @__PURE__ */ L("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
-					position: S,
+					position: T,
 					top: 0,
 					right: 0,
 					width: 8,
@@ -905,19 +621,19 @@ function Be({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigati
 }
 //#endregion
 //#region src/screen/Screen.tsx
-function Ve({ children: e, ...t }) {
-	let { isActive: n, isPrev: r, zIndex: i } = W();
-	return /* @__PURE__ */ B(Fe, {
-		freeze: g({
+function He({ children: e, ...t }) {
+	let { isActive: n, isPrev: r, zIndex: i } = B();
+	return /* @__PURE__ */ L(Re, {
+		freeze: _({
 			isActive: n,
 			isPrev: r,
 			zIndex: i,
-			index: Z((e) => e.index),
-			status: $((e) => e.status),
-			dragStatus: ze((e) => e.dragStatus),
-			replaceTransitionStatus: ze((e) => e.replaceTransitionStatus)
+			index: G((e) => e.index),
+			status: Q((e) => e.status),
+			dragStatus: $((e) => e.dragStatus),
+			replaceTransitionStatus: $((e) => e.replaceTransitionStatus)
 		}),
-		children: /* @__PURE__ */ B(Be, {
+		children: /* @__PURE__ */ L(Ve, {
 			...t,
 			children: e
 		})
@@ -925,12 +641,12 @@ function Ve({ children: e, ...t }) {
 }
 //#endregion
 //#region src/screen/Part.tsx
-function He({ ref: e, name: t, style: n, children: r, ...i }) {
-	let { isActive: a } = W();
-	return /* @__PURE__ */ B("div", {
+function Ue({ ref: e, name: t, style: n, children: r, ...i }) {
+	let { isActive: a } = B();
+	return /* @__PURE__ */ L("div", {
 		ref: e,
 		"data-flemo-part-name": t,
-		"data-flemo-status": $((e) => e.status),
+		"data-flemo-status": Q((e) => e.status),
 		"data-flemo-active": a ? "true" : "false",
 		style: n,
 		...i,
@@ -939,20 +655,20 @@ function He({ ref: e, name: t, style: n, children: r, ...i }) {
 }
 //#endregion
 //#region src/stores/RouterScopeProvider.tsx
-function Ue({ children: e }) {
-	let [t] = p(() => ({
-		history: ee(),
-		navigate: ne(),
-		transition: j(),
-		screen: D(),
-		driver: y(),
-		markSelfInduced: I,
-		consume: _
+function We({ children: e }) {
+	let [t] = f(() => ({
+		history: S(),
+		navigate: w(),
+		transition: oe(),
+		screen: j(),
+		driver: b(),
+		markSelfInduced: de,
+		consume: v
 	}));
-	return /* @__PURE__ */ B(V.Provider, {
+	return /* @__PURE__ */ L(R.Provider, {
 		value: t,
 		children: e
 	});
 }
 //#endregion
-export { De as Layer, He as Part, Te as Route, we as Router, Ue as RouterScopeProvider, Ve as Screen, U as ScreenContext, Ie as ScreenDecorator, Fe as ScreenFreeze, Be as ScreenMotion, _e as Slot, v as createBrowserHistoryDriver, b as createDecorator, C as createPartTransition, w as createRawDecorator, T as createRawPartTransition, E as createRawTransition, k as createTransition, L as partTransitionMap, Z as useHistoryStore, ke as useNavigate, $ as useNavigateStore, Pe as useParams, Ae as usePathname, W as useScreen, ze as useScreenStore, Ne as useStep, H as useStores, Re as useViewportScrollHeight };
+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 };

package/dist/stores/StoreContext.d.ts

@@ -1,13 +1,4 @@
-import { HistoryDriver, HistoryStoreApi, NavigateStoreApi, TransitionStoreApi } from '@flemo/core';
-import { ScreenStoreApi } from '../screen/store';
-export interface FlemoStores {
-    history: HistoryStoreApi;
-    navigate: NavigateStoreApi;
-    transition: TransitionStoreApi;
-    screen: ScreenStoreApi;
-    driver: HistoryDriver;
-    markSelfInduced: () => void;
-    consume: () => boolean;
-}
+import { FlemoStores } from '@flemo/core';
+export type { FlemoStores };
 declare const StoreContext: import('react').Context<FlemoStores | null>;
 export default StoreContext;

package/dist/transition/styles.d.ts

@@ -1,2 +1,2 @@
-import { PartTransition, Decorator, Transition } from '@flemo/core';
+import { Decorator, PartTransition, Transition } from '@flemo/core';
 export default function useTransitionStyles(transitions: Transition[], decorators: Decorator[], partTransitions?: PartTransition[]): void;

package/dist/utils/buildRoutePath.d.ts

@@ -1,5 +1,5 @@
-import { Path } from 'path-to-regexp';
 import { RegisterRoute } from '../Route';
+import { Path } from 'path-to-regexp';
 export default function buildRoutePath<T extends keyof RegisterRoute>(path: Path, params: RegisterRoute[T]): {
     pathname: string;
     toPathname: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/react",
-  "version": "1.5.1",
+  "version": "1.5.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.6.1"
+    "@flemo/core": "1.8.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",