@flemo/react 1.3.2 → 1.4.1

package/dist/index.mjs

@@ -1,57 +1,24 @@
 import e, { Children as t, createContext as n, useContext as r, useEffect as i, useImperativeHandle as a, useInsertionEffect as o, useLayoutEffect as s, useReducer as c, useRef as l, useState as u } from "react";
-import { TaskManger as d, animationName as f, collectAnimatedProperties as p, compileTransitionStyles as m, consumeSelfInducedPop as h, createDecorator as g, createHistoryStore as _, createNavigateStore as v, createRawDecorator as ee, createRawTransition as te, createTransition as y, createTransitionStore as b, decoratorMap as ne, easingToCss as re, findScrollable as ie, getMatchedPathPattern as ae, getParams as x, isServer as oe, markSelfInducedPop as S, targetToDecls as C, transitionMap as w, variantHasAnimation as se } from "@flemo/core";
-import { jsx as T, jsxs as ce } from "react/jsx-runtime";
+import { TaskManger as d, applyTransitionStyles as f, computeScreenFreeze as p, createDecorator as m, createHistoryStore as h, createHistorySync as g, createNavigateStore as _, createNavigationController as v, createPartTransition as y, createRawDecorator as b, createRawPartTransition as ee, createRawTransition as x, createScreenSelector as te, createScreenStore as S, createSwipeController as ne, createTransition as C, createTransitionEngine as re, createTransitionStore as w, decoratorMap as T, driveBarRiding as ie, ensureWindowHistoryState as E, getMatchedPathPattern as ae, isServer as D, markSelfInducedPop as oe, partTransitionMap as O, partTransitionMap as k, seedInitialHistory as A, transitionMap as j } from "@flemo/core";
+import { jsx as M, jsxs as se } from "react/jsx-runtime";
 //#region \0rolldown/runtime.js
-var le = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), E = n(null);
+var ce = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), N = n(null);
 //#endregion
 //#region src/stores/useStores.ts
-function D() {
-	let e = r(E);
+function P() {
+	let e = r(N);
 	if (!e) throw Error("flemo stores are missing. Render inside a <Router>.");
 	return e;
 }
 //#endregion
 //#region src/history/HistoryListener.tsx
-function ue() {
-	let e = D();
-	return i(() => {
-		let t = async (t) => {
-			if (h()) return;
-			let n = t.state?.id, r = d.generateTaskId();
-			(await d.addTask(async (i) => {
-				let a = t.state?.index, o = t.state?.status, s = t.state?.params, c = t.state?.transitionName, l = t.state?.layoutId, { setStatus: u, setTransitionTaskId: d } = e.navigate.getState(), { index: f, addHistory: p, popHistory: m } = e.history.getState(), h = a < f, g = o === "PUSHING" && a > f, _ = o === "REPLACING" && a > f, v = window.location.pathname;
-				if (!h && !g && !_) {
-					i.abort();
-					return;
-				}
-				return d(r), h ? u("POPPING") : g ? (u("PUSHING"), p({
-					id: n,
-					pathname: v,
-					params: s,
-					transitionName: c,
-					layoutId: l
-				})) : _ && (u("REPLACING"), p({
-					id: n,
-					pathname: v,
-					params: s,
-					transitionName: c,
-					layoutId: l
-				})), async () => {
-					h && m(a + 1), u("COMPLETED");
-				};
-			}, {
-				id: r,
-				control: { manual: !0 }
-			})).result?.();
-		};
-		return window.addEventListener("popstate", t), () => {
-			window.removeEventListener("popstate", t);
-		};
-	}, [e]), null;
+function F() {
+	let e = P();
+	return i(() => g({ stores: e }), [e]), null;
 }
 //#endregion
 //#region src/screen/ScreenContext.ts
-var O = (/* @__PURE__ */ le(((e) => {
+var I = (/* @__PURE__ */ ce(((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) {
@@ -238,7 +205,7 @@ var O = (/* @__PURE__ */ le(((e) => {
 	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)}]`);
 	}
-})))(), k = n({
+})))(), L = n({
 	id: "",
 	isActive: !1,
 	isRoot: !0,
@@ -253,15 +220,15 @@ var O = (/* @__PURE__ */ le(((e) => {
 });
 //#endregion
 //#region src/screen/useScreen.ts
-function A() {
-	return r(k);
+function R() {
+	return r(L);
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsContext.ts
-var j = n({}), M = n(() => {});
+var le = n({}), z = n(() => {});
 //#endregion
 //#region src/screen/ParamsProvider/ParamsReducer.ts
-function de(e, t) {
+function ue(e, t) {
 	switch (t.type) {
 		case "SET": return t.params;
 		default: return e;
@@ -269,8 +236,8 @@ function de(e, t) {
 }
 //#endregion
 //#region src/screen/ParamsProvider/ParamsProvider.tsx
-function fe({ children: e }) {
-	let { isActive: t, params: n } = A(), [r, a] = c(de, n);
+function B({ children: e }) {
+	let { isActive: t, params: n } = R(), [r, a] = c(ue, n);
 	return i(() => {
 		let e = async (e) => {
 			e.state?.step && await d.addTask(async () => {
@@ -283,143 +250,92 @@ function fe({ children: e }) {
 		return t && window.addEventListener("popstate", e), () => {
 			window.removeEventListener("popstate", e);
 		};
-	}, [t, a]), /* @__PURE__ */ T(M.Provider, {
+	}, [t, a]), /* @__PURE__ */ M(z.Provider, {
 		value: a,
-		children: /* @__PURE__ */ T(j.Provider, {
+		children: /* @__PURE__ */ M(le.Provider, {
 			value: r,
 			children: e
 		})
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/zustand@5.0.14_@types+react@19.2.17_react@19.2.7/node_modules/zustand/esm/vanilla.mjs
-var N = (e) => {
-	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
-		let i = typeof e == "function" ? e(t) : e;
-		if (!Object.is(i, t)) {
-			let e = t;
-			t = r ?? (typeof i != "object" || !i) ? i : Object.assign({}, t, i), n.forEach((n) => n(t, e));
-		}
-	}, i = () => t, a = {
-		setState: r,
-		getState: i,
-		getInitialState: () => o,
-		subscribe: (e) => (n.add(e), () => n.delete(e))
-	}, o = t = e(r, i, a);
-	return a;
-}, pe = ((e) => e ? N(e) : N), me = (e) => e;
-function P(t, n = me) {
+//#region ../../node_modules/.pnpm/zustand@5.0.14_@types+react@19.2.17_react@19.2.7/node_modules/zustand/esm/react.mjs
+var V = (e) => e;
+function H(t, n = V) {
 	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 F(e) {
-	return P(D().history, e);
+function U(e) {
+	return H(P().history, e);
 }
 //#endregion
 //#region src/renderer/Renderer.tsx
-function he({ children: e }) {
-	let n = F((e) => e.index), r = F((e) => e.histories);
-	return r.map((n) => t.toArray(e).filter((e) => (0, O.pathToRegexp)(e.props.path).regexp.test(n.pathname))).map(([e], t) => /* @__PURE__ */ T(k.Provider, {
-		value: {
-			id: r[t].id,
-			isActive: t === n,
-			isRoot: t === 0,
-			isPrev: t < n - 1,
-			zIndex: t,
-			pathname: r[t].pathname,
-			params: r[t].params,
-			transitionName: r[n].transitionName,
-			prevTransitionName: r[n - 1]?.transitionName,
-			layoutId: r[t].layoutId,
-			routePath: ae(e.props.path, r[t].pathname)
-		},
-		children: /* @__PURE__ */ T(fe, { children: e })
-	}, r[t].id));
-}
-//#endregion
-//#region src/screen/store.ts
-function ge() {
-	return pe((e) => ({
-		dragStatus: "IDLE",
-		replaceTransitionStatus: "IDLE",
-		sharedBars: {},
-		setDragStatus: (t) => e({ dragStatus: t }),
-		setReplaceTransitionStatus: (t) => e({ replaceTransitionStatus: t }),
-		registerSharedBars: (t, n) => e((e) => ({ sharedBars: {
-			...e.sharedBars,
-			[t]: n
-		} })),
-		unregisterSharedBars: (t) => e((e) => {
-			let n = { ...e.sharedBars };
-			return delete n[t], { sharedBars: n };
-		})
-	}));
+function W({ children: e }) {
+	let n = U((e) => e.index);
+	return te(U((e) => e.histories), n).map((n) => {
+		let [r] = t.toArray(e).filter((e) => (0, I.pathToRegexp)(e.props.path).regexp.test(n.pathname));
+		return /* @__PURE__ */ M(L.Provider, {
+			value: {
+				...n,
+				routePath: ae(r.props.path, n.pathname)
+			},
+			children: /* @__PURE__ */ M(B, { children: r })
+		}, n.id);
+	});
 }
 //#endregion
 //#region src/transition/styles.ts
-var _e = "data-flemo", I = () => {
-	if (oe()) return;
-	let e = m(w.values(), ne.values()), t = document.head.querySelector(`style[${_e}]`);
-	t || (t = document.createElement("style"), t.setAttribute(_e, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
-};
-function L(e, t) {
+function G(e, t, n = []) {
 	o(() => {
-		for (let t of e) w.set(t.name, t);
-		for (let e of t) ne.set(e.name, e);
-		return I(), () => {
-			for (let t of e) w.delete(t.name);
-			for (let e of t) ne.delete(e.name);
-			I();
+		for (let t of e) j.set(t.name, t);
+		for (let e of t) T.set(e.name, e);
+		for (let e of n) k.set(e.name, e);
+		return f(), () => {
+			for (let t of e) j.delete(t.name);
+			for (let e of t) T.delete(e.name);
+			for (let e of n) k.delete(e.name);
+			f();
 		};
-	}, [e, t]);
+	}, [
+		e,
+		t,
+		n
+	]);
 }
 //#endregion
 //#region src/Router.tsx
-var R = [], z = [];
-function B({ children: e, initPath: n = "/", defaultTransitionName: a = "cupertino", transitions: o = R, decorators: s = z }) {
-	let c = oe() ? n || "/" : window.location.pathname, l = oe() ? c.split("?")[1] || "" : window.location.search, d = r(E), [f] = u(() => {
-		let n = {
-			id: "root",
-			pathname: c,
-			params: x(t.toArray(e).map((e) => e.props.path).flat(), c, l),
-			transitionName: a,
-			layoutId: null
-		};
-		return d ? (d.history.getState().index === -1 && d.history.setState({
+var K = [], q = [], J = [];
+function Y({ children: e, initPath: n = "/", defaultTransitionName: a = "cupertino", transitions: o = K, decorators: s = q, partTransitions: c = J }) {
+	let l = D() ? n || "/" : window.location.pathname, d = D() ? l.split("?")[1] || "" : window.location.search, f = r(N), [p] = u(() => {
+		let n = A(t.toArray(e).map((e) => e.props.path).flat(), l, d, a);
+		return f ? (f.history.getState().index === -1 && f.history.setState({
 			index: 0,
 			histories: [n]
-		}), d) : {
-			history: _([n], 0),
-			navigate: v(),
-			transition: b(a),
-			screen: ge()
+		}), f) : {
+			history: h([n], 0),
+			navigate: _(),
+			transition: w(a),
+			screen: S()
 		};
 	});
-	return f.transition.setState({ defaultTransitionName: a }), L(o, s), i(() => {
-		window.history.state?.index || window.history.replaceState({
-			id: "root",
-			index: 0,
-			status: "IDLE",
-			params: {},
-			transitionName: a,
-			layoutId: null
-		}, "", window.location.href);
-	}, [a]), /* @__PURE__ */ ce(E.Provider, {
-		value: f,
-		children: [/* @__PURE__ */ T(ue, {}), /* @__PURE__ */ T(he, { children: e })]
+	return p.transition.setState({ defaultTransitionName: a }), G(o, s, c), i(() => {
+		E(a);
+	}, [a]), /* @__PURE__ */ se(N.Provider, {
+		value: p,
+		children: [/* @__PURE__ */ M(F, {}), /* @__PURE__ */ M(W, { children: e })]
 	});
 }
 //#endregion
 //#region src/Route.tsx
-function V({ element: e }) {
+function de({ element: e }) {
 	return e;
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function H(e, t) {
-	let n = t ?? {}, r = (0, O.compile)(e)(Object.fromEntries(Object.entries(n).map(([e, t]) => [e, String(t)]))), i = (typeof e == "string" ? (0, O.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();
+function X(e, t) {
+	let n = t ?? {}, r = (0, I.compile)(e)(Object.fromEntries(Object.entries(n).map(([e, t]) => [e, String(t)]))), i = (typeof e == "string" ? (0, I.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
@@ -427,170 +343,25 @@ function H(e, t) {
 }
 //#endregion
 //#region src/navigate/useNavigate.ts
-var U = (e, t, n) => {
-	let { regexp: r } = (0, O.pathToRegexp)(e);
-	for (let e = t - 1; e >= 0; e--) if (r.test(n[e].pathname)) return t - e;
-	return -1;
-}, ve = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, W = async (e, t) => {
-	let n, r = new Promise((e) => {
-		n = () => e(!0), window.addEventListener("popstate", n, { once: !0 });
-	}), i = new Promise((e) => setTimeout(() => e(!1), 200));
-	if (S(), window.history.go(-e), !await Promise.race([r, i])) {
-		window.removeEventListener("popstate", n);
-		return;
-	}
-	t();
-};
-function G() {
-	let e = D(), t = async (t, n, r) => {
-		let { status: i } = e.navigate.getState();
-		if (i !== "COMPLETED" && i !== "IDLE") return;
-		let a = e.transition.getState().defaultTransitionName, { transitionName: o = a, layoutId: s = null } = r ?? {}, c = d.generateTaskId();
-		(await d.addTask(async () => {
-			let { index: i, histories: a, addHistory: l, popHistories: u } = e.history.getState(), d = (() => {
-				if (r?.until != null) {
-					let e = U(r.until, i, a);
-					return e < 0 ? 0 : e;
-				}
-				return Math.min(ve(r?.skip, 0), Math.max(0, i));
-			})(), { setStatus: f, setTransitionTaskId: p } = e.navigate.getState();
-			f("PUSHING"), p(c);
-			let { pathname: m, toPathname: h } = H(t, n ?? {}), g = {
-				id: c,
-				pathname: h,
-				params: n ?? {},
-				transitionName: o,
-				layoutId: s
-			};
-			return d === 0 ? (window.history.pushState({
-				id: c,
-				index: i + 1,
-				status: "PUSHING",
-				params: n,
-				transitionName: o,
-				layoutId: s
-			}, "", m), l(g), () => {
-				f("COMPLETED");
-			}) : (l(g), await W(d, () => {
-				window.history.pushState({
-					id: c,
-					index: e.history.getState().index - d,
-					status: "PUSHING",
-					params: n,
-					transitionName: o,
-					layoutId: s
-				}, "", m);
-			}), async () => {
-				u(d), f("COMPLETED");
-			});
-		}, {
-			id: c,
-			control: { manual: !0 }
-		})).result?.();
-	}, n = async (t, n, r) => {
-		let { status: i } = e.navigate.getState();
-		if (i !== "COMPLETED" && i !== "IDLE") return;
-		let a = e.transition.getState().defaultTransitionName, { transitionName: o = a, layoutId: s = null } = r ?? {}, c = d.generateTaskId();
-		(await d.addTask(async (i) => {
-			let { index: a, histories: l, addHistory: u, replaceHistory: d, popHistories: f } = e.history.getState(), p = (() => {
-				if (r?.until != null) {
-					let e = U(r.until, a, l);
-					return e < 0 ? 0 : e + 1;
-				}
-				return Math.min(ve(r?.skip, 0) + 1, a + 1);
-			})();
-			if (p <= 0) {
-				i.abort();
-				return;
-			}
-			let { setStatus: m, setTransitionTaskId: h } = e.navigate.getState();
-			m("REPLACING"), h(c);
-			let { pathname: g, toPathname: _ } = H(t, n ?? {}), v = {
-				id: c,
-				pathname: _,
-				params: n ?? {},
-				transitionName: o,
-				layoutId: s
-			};
-			return p === 1 ? (window.history.replaceState({
-				id: c,
-				index: a,
-				status: "REPLACING",
-				params: n,
-				transitionName: o,
-				layoutId: s
-			}, "", g), u(v), async () => {
-				d(a), m("COMPLETED");
-			}) : (f(p - 1), u(v), p <= a ? await W(p, () => {
-				window.history.pushState({
-					id: c,
-					index: e.history.getState().index - 1,
-					status: "REPLACING",
-					params: n,
-					transitionName: o,
-					layoutId: s
-				}, "", g);
-			}) : await W(a, () => {
-				window.history.replaceState({
-					id: c,
-					index: 0,
-					status: "REPLACING",
-					params: n,
-					transitionName: o,
-					layoutId: s
-				}, "", g);
-			}), async () => {
-				d(e.history.getState().index - 1), m("COMPLETED");
-			});
-		}, {
-			id: c,
-			control: { manual: !0 }
-		})).result?.();
-	}, r = async (t, n) => {
-		let r = d.generateTaskId();
-		(await d.addTask(async (i) => {
-			let { index: a, histories: o, popHistory: s, popHistories: c, setTransitionName: l } = e.history.getState();
-			if (a <= 0) {
-				i.abort();
-				return;
-			}
-			let u = Math.min(t(a, o), a);
-			if (u <= 0) {
-				i.abort();
-				return;
-			}
-			let { setStatus: d, setTransitionTaskId: f } = e.navigate.getState();
-			return n && l(a, n), d("POPPING"), f(r), c(u - 1), S(), u === 1 ? window.history.back() : window.history.go(-u), async () => {
-				s(e.history.getState().index), d("COMPLETED");
-			};
-		}, {
-			id: r,
-			control: { manual: !0 }
-		})).result?.();
-	};
+function fe() {
+	let e = v({
+		stores: P(),
+		buildPathname: (e, t) => X(e, t)
+	});
 	return {
-		push: t,
-		replace: n,
-		pop: async (e) => {
-			await r((t, n) => {
-				if (e?.until != null) {
-					let r = U(e.until, t, n);
-					return r < 0 ? 0 : r;
-				}
-				let r = ve(e?.skip, 1);
-				return r <= 0 ? 0 : Math.min(r, t);
-			}, e?.transitionName);
-		}
+		push: (t, n, r) => e.push(t, n ?? {}, r),
+		replace: (t, n, r) => e.replace(t, n ?? {}, r),
+		pop: (t) => e.pop(t)
 	};
 }
 //#endregion
 //#region src/navigate/useStep.ts
-function ye() {
-	let { routePath: e } = A(), t = D(), n = r(M);
+function pe() {
+	let { routePath: e } = R(), t = P(), n = r(z);
 	return {
 		pushStep: async (t) => {
 			(await d.addTask(async () => {
-				let { pathname: r } = H(e, t);
+				let { pathname: r } = X(e, t);
 				return window.history.state?.step || window.history.replaceState({
 					...window.history.state,
 					step: !0
@@ -606,7 +377,7 @@ function ye() {
 		},
 		replaceStep: async (t) => {
 			(await d.addTask(async () => {
-				let { pathname: r } = H(e, t);
+				let { pathname: r } = X(e, t);
 				return window.history.replaceState({
 					...window.history.state,
 					step: !0,
@@ -623,7 +394,7 @@ function ye() {
 				let i = new Promise((e) => {
 					window.addEventListener("popstate", (t) => e(t.state), { once: !0 });
 				}), a = new Promise((e) => setTimeout(() => e(void 0), 200));
-				S(), window.history.back();
+				oe(), window.history.back();
 				let o = await Promise.race([i, a]);
 				if (!o) {
 					r.abort();
@@ -649,30 +420,30 @@ function ye() {
 }
 //#endregion
 //#region src/screen/ParamsProvider/useParams.ts
-function be() {
-	return r(j);
+function me() {
+	return r(le);
 }
 //#endregion
 //#region src/screen/ScreenFreeze.tsx
-function K({ freeze: e, children: t }) {
+function Z({ freeze: e, children: t }) {
 	let n = l(t);
-	return e || (n.current = t), /* @__PURE__ */ T("div", {
+	return e || (n.current = t), /* @__PURE__ */ M("div", {
 		style: { display: e ? "none" : void 0 },
 		children: n.current
 	});
 }
 //#endregion
 //#region src/stores/useNavigateStore.ts
-function xe(e) {
-	return P(D().navigate, e);
+function Q(e) {
+	return H(P().navigate, e);
 }
 //#endregion
 //#region src/screen/ScreenDecorator.tsx
-function Se({ ref: e, style: t, ...n }) {
-	let { isActive: r, transitionName: i } = A(), o = l(null);
+function he({ ref: e, style: t, ...n }) {
+	let { isActive: r, transitionName: i } = R(), o = l(null);
 	a(e, () => o.current);
-	let s = xe((e) => e.status), { decoratorName: c } = w.get(i) ?? w.get("none"), u = ne.get(c);
-	return u ? /* @__PURE__ */ T("div", {
+	let s = Q((e) => e.status), { decoratorName: c } = j.get(i) ?? j.get("none"), u = T.get(c);
+	return u ? /* @__PURE__ */ M("div", {
 		ref: o,
 		"data-flemo-decorator": !0,
 		"data-flemo-decorator-name": u.name,
@@ -693,16 +464,16 @@ function Se({ ref: e, style: t, ...n }) {
 }
 //#endregion
 //#region src/screen/useViewportScrollHeight.ts
-var q = 0;
-function Ce() {
+var ge = 0;
+function _e() {
 	let [e, t] = u(0), [n, r] = u(0);
 	return i(() => {
 		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 - q;
-				n = n < 0 ? 0 : n, q ||= e, r(n), t(e);
+				let n = e - ge;
+				n = n < 0 ? 0 : n, ge ||= e, r(n), t(e);
 			});
 		};
 		return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -714,327 +485,163 @@ function Ce() {
 	};
 }
 //#endregion
-//#region src/transition/animateInline.ts
-var we = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, J = /* @__PURE__ */ new WeakMap(), Y = (e, t) => {
-	let n = J.get(e);
-	n || (n = /* @__PURE__ */ new Set(), J.set(e, n)), n.add(t);
-}, X = (e, t) => {
-	if (e.style.transition = "", t) {
-		let n = J.get(e);
-		for (let r of t) e.style.removeProperty(r), n?.delete(r);
-		return;
-	}
-	let n = J.get(e);
-	if (n && n.size > 0) {
-		for (let t of n) e.style.removeProperty(t);
-		n.clear();
-		return;
-	}
-	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
-}, Z = (e, t, n = {}) => {
-	if (!we(e)) return Promise.resolve();
-	let r = e, i = C(t);
-	if (i.length === 0) return Promise.resolve();
-	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = re(n.ease);
-	if (a <= 0 && o <= 0) {
-		r.style.transition = "none";
-		for (let e of i) r.style.setProperty(e.property, e.value), Y(r, e.property);
-		return Promise.resolve();
-	}
-	let c = i.map((e) => `${e.property} ${a}s ${s} ${o}s`).join(", ");
-	r.style.transition = c, r.offsetWidth;
-	for (let e of i) r.style.setProperty(e.property, e.value), Y(r, e.property);
-	return new Promise((e) => {
-		let t = !1, n = () => {
-			t || (t = !0, r.removeEventListener("transitionend", i), e());
-		}, i = (e) => {
-			e.target === r && n();
-		};
-		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
-	});
-};
-//#endregion
 //#region src/stores/useScreenStore.ts
-function Te(e) {
-	return P(D().screen, e);
+function $(e) {
+	return H(P().screen, e);
 }
 //#endregion
 //#region src/screen/ScreenMotion.tsx
-var Q = "data-flemo-skip-animation";
-function $({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigationBarHeight: r, systemNavigationBarColor: a, sharedAppBar: o, sharedNavigationBar: c, appBar: m, navigationBar: h, hideStatusBar: g, hideSystemNavigationBar: _, backgroundColor: v = "white", contentScrollable: ee = !0, ...te }) {
-	let { id: y, isActive: b, isRoot: re, zIndex: ae, transitionName: x, prevTransitionName: oe } = A(), S = D(), C = xe((e) => e.status), le = Te((e) => e.dragStatus), E = S.screen.getState().setDragStatus, ue = S.screen.getState().setReplaceTransitionStatus, O = F((e) => e.index), k = w.get(x) ?? w.get("none"), { initial: j, swipeDirection: M, decoratorName: de } = k, fe = ne.get(de), { viewportScrollHeight: N } = Ce(), pe = N > 0, [me, P] = u(0), [he, ge] = u(0), _e = l(null), I = l(null), L = l(null), R = l(null), z = l(null), B = l({
-		current: [],
-		prev: []
-	}), V = l(!1), H = l(!1), U = l(!1), ve = l(0), W = l({
-		x: 0,
-		y: 0
-	}), G = l({
-		x: 0,
-		y: 0
-	}), ye = l(0), be = l({
-		x: 0,
-		y: 0
-	}), K = l({
-		element: null,
-		hasMarker: !1
-	}), q = l({
-		element: null,
-		hasMarker: !1
-	}), we = l(0), J = l(0), Y = l(null), $ = l(null), Ee = (e) => {
-		let t = G.current;
-		return {
-			point: {
-				x: e.clientX,
-				y: e.clientY
-			},
-			offset: {
-				x: e.clientX - W.current.x,
-				y: e.clientY - W.current.y
-			},
-			delta: {
-				x: e.clientX - t.x,
-				y: e.clientY - t.y
-			},
-			velocity: be.current
-		};
-	}, De = (e) => {
-		let t = e.timeStamp, n = Math.max(1, t - ye.current), r = G.current;
-		be.current = {
-			x: (e.clientX - r.x) / n * 1e3,
-			y: (e.clientY - r.y) / n * 1e3
-		}, G.current = {
-			x: e.clientX,
-			y: e.clientY
-		}, ye.current = t;
-	}, Oe = (e, t, n) => {
-		let r = Z(e, t, n);
-		if (e === I.current) for (let e of B.current.current) Z(e, t, n);
-		else if (e === L.current) for (let e of B.current.prev) Z(e, t, n);
-		return r;
-	}, ke = (e) => {
-		let t = b ? S.history.getState().histories[O - 1]?.id : S.history.getState().histories[O]?.id, n = t ? S.screen.getState().sharedBars[t] : void 0, r = [], i = Y.current, a = $.current;
-		i && Re && !n?.appBar && r.push(i), a && ze && !n?.navigationBar && r.push(a);
-		let o = [];
-		if (e) {
-			let t = e.querySelector("[data-flemo-bar=\"app\"]"), n = e.querySelector("[data-flemo-bar=\"nav\"]");
-			t && !Re && o.push(t), n && !ze && o.push(n);
-		}
-		B.current = {
-			current: r,
-			prev: o
-		};
-		let s = p(k).join(", ");
-		for (let e of r) e.style.willChange = s;
-		for (let e of o) e.style.willChange = s;
-	}, Ae = () => {
-		for (let e of B.current.current) X(e), e.style.removeProperty("will-change");
-		for (let e of B.current.prev) X(e), e.style.removeProperty("will-change");
-		B.current = {
-			current: [],
-			prev: []
-		};
-	}, je = async (e) => {
-		if (!M || N > 10) return;
-		let t = I.current;
-		if (!t) return;
-		let n = _e.current?.parentElement?.previousElementSibling;
-		L.current = n?.querySelector("[data-flemo-screen]") ?? null, z.current = n?.querySelector("[data-flemo-decorator]") ?? null, L.current && (U.current = !0, ve.current = e.timeStamp, W.current = {
-			x: e.clientX,
-			y: e.clientY
-		}, G.current = {
-			x: e.clientX,
-			y: e.clientY
-		}, ye.current = e.timeStamp, be.current = {
-			x: 0,
-			y: 0
-		}, t.setPointerCapture(e.pointerId), ke(n), await k?.onSwipeStart(e, Ee(e), {
-			animate: Oe,
-			currentScreen: t,
-			prevScreen: L.current,
-			onStart: (e) => fe?.onSwipeStart?.(e, {
-				animate: Z,
-				currentDecorator: R.current,
-				prevDecorator: z.current
-			})
-		}) ? E("PENDING") : (E("IDLE"), U.current = !1, Ae()));
-	}, Me = (e) => {
-		!M || !U.current || N > 10 || (De(e), k.onSwipe(e, Ee(e), {
-			animate: Oe,
-			currentScreen: I.current,
-			prevScreen: L.current,
-			onProgress: (e, t) => fe?.onSwipe?.(e, t, {
-				animate: Z,
-				currentDecorator: R.current,
-				prevDecorator: z.current
-			})
-		}));
-	}, Ne = async (e) => {
-		if (!M || !U.current) return;
-		U.current = !1;
-		let t = I.current;
-		t && t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId);
-		let n = Ee(e);
-		if (await k?.onSwipeEnd(e, n, {
-			animate: Oe,
-			currentScreen: I.current,
-			prevScreen: L.current,
-			onStart: (e) => fe?.onSwipeEnd?.(e, {
-				animate: Z,
-				currentDecorator: R.current,
-				prevDecorator: z.current
-			})
-		})) {
-			I.current?.setAttribute(Q, "true"), R.current?.setAttribute(Q, "true");
-			for (let e of B.current.current) e.style.removeProperty("will-change");
-			for (let e of B.current.prev) X(e), e.style.removeProperty("will-change");
-			B.current = {
-				current: [],
-				prev: []
-			}, window.history.back();
-		} else X(I.current), L.current && X(L.current), R.current && X(R.current), z.current && X(z.current), Ae(), E("IDLE");
-	}, Pe = (e) => {
-		!re && b && C === "COMPLETED" && le === "IDLE" && M && N < 10 && (K.current = ie(e.target, {
-			direction: "x",
-			verifyByScroll: !0
-		}), q.current = ie(e.target, {
-			direction: "y",
-			verifyByScroll: !0
-		}), we.current = e.clientX, J.current = e.clientY, (!K.current.element && !q.current.element || K.current.element || q.current.element) && (V.current = !0));
-	}, Fe = (e) => {
-		if (N > 10) return;
-		if (U.current) {
-			Me(e.nativeEvent);
-			return;
-		}
-		let t = !K.current.element && !q.current.element;
-		if (V.current && t) {
-			V.current = !1, H.current = !0;
-			let t = e.clientY - J.current, n = e.clientX - we.current;
-			(M === "y" && t > 0 || M === "x" && n > 0) && je(e.nativeEvent);
-		} else if (V.current && !t) {
-			let t = e.clientX - we.current, n = e.clientY - J.current, r = q.current.element && q.current.element.scrollTop <= 0, i = K.current.element && K.current.element.scrollLeft <= 0 && K.current.hasMarker;
-			(M === "y" && (r || K.current.element) && n > 0 && Math.abs(t) < 2 || M === "x" && (i || q.current.element) && t > 0 && Math.abs(n) < 2) && (V.current = !1, H.current = !0, je(e.nativeEvent));
-		}
-	}, Ie = (e) => {
-		V.current = !1, H.current = !1, U.current && Ne(e.nativeEvent);
+function ve({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigationBarHeight: r, systemNavigationBarColor: a, sharedAppBar: o, sharedNavigationBar: c, appBar: d, navigationBar: f, hideStatusBar: p, hideSystemNavigationBar: m, backgroundColor: h = "white", contentScrollable: g = !0, ..._ }) {
+	let { id: v, isActive: y, isRoot: b, zIndex: ee, transitionName: x, prevTransitionName: te } = R(), S = P(), C = Q((e) => e.status), w = $((e) => e.dragStatus), E = S.screen.getState().setDragStatus, ae = S.screen.getState().setReplaceTransitionStatus, D = U((e) => e.index), oe = l(null);
+	oe.current ||= re({
+		getTransitionTaskId: () => S.navigate.getState().transitionTaskId,
+		setDragStatus: E,
+		setReplaceTransitionStatus: ae
+	});
+	let O = oe.current, k = j.get(x) ?? j.get("none"), { initial: A, swipeDirection: ce, decoratorName: N } = k, F = T.get(N), { viewportScrollHeight: I } = _e(), L = I > 0, [le, z] = u(0), [ue, B] = u(0), V = l(null), H = l(null), W = l(null), G = l(null), K = l(null), q = l({
+		transition: k,
+		decorator: F,
+		hasSharedAppBar: !!o,
+		hasSharedNavigationBar: !!c,
+		viewportScrollHeight: I,
+		isRoot: b,
+		isActive: y,
+		status: C,
+		dragStatus: w,
+		index: D
+	});
+	q.current = {
+		transition: k,
+		decorator: F,
+		hasSharedAppBar: !!o,
+		hasSharedNavigationBar: !!c,
+		viewportScrollHeight: I,
+		isRoot: b,
+		isActive: y,
+		status: C,
+		dragStatus: w,
+		index: D
 	};
+	let J = l(null);
+	J.current ||= ne({
+		getTransition: () => q.current.transition,
+		getDecorator: () => q.current.decorator,
+		getElements: () => ({
+			scope: H.current,
+			screenContainer: V.current,
+			decorator: W.current,
+			sharedAppBar: G.current,
+			sharedNavigationBar: K.current
+		}),
+		hasSharedAppBar: () => q.current.hasSharedAppBar,
+		hasSharedNavigationBar: () => q.current.hasSharedNavigationBar,
+		getViewportScrollHeight: () => q.current.viewportScrollHeight,
+		isReadyForDrag: () => {
+			let e = q.current;
+			return !e.isRoot && e.isActive && e.status === "COMPLETED" && e.dragStatus === "IDLE" && !!e.transition.swipeDirection && e.viewportScrollHeight < 10;
+		},
+		getPartnerBars: () => {
+			let e = q.current, t = S.history.getState().histories, n = e.isActive ? t[e.index - 1]?.id : t[e.index]?.id;
+			return n ? S.screen.getState().sharedBars[n] : void 0;
+		},
+		setDragStatus: E,
+		back: () => window.history.back()
+	});
+	let Y = J.current, de = (e) => Y.pointerDown(e.nativeEvent), X = (e) => Y.pointerMove(e.nativeEvent), fe = (e) => Y.pointerUp(e.nativeEvent);
 	i(() => {
-		let e = I.current;
+		let e = H.current;
 		if (!e) return;
 		let t = (e) => {
-			H.current && 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);
 		};
-	}, []), s(() => {
-		if (!b) {
-			C === "REPLACING" && oe !== x && ue("PENDING");
-			return;
-		}
-		if (C === "COMPLETED") {
-			E("IDLE"), ue("IDLE"), I.current && (X(I.current), I.current.removeAttribute(Q)), R.current && (X(R.current), R.current.removeAttribute(Q)), Y.current && (X(Y.current), Y.current.style.removeProperty("will-change")), $.current && (X($.current), $.current.style.removeProperty("will-change"));
-			return;
-		}
-		if (C === "IDLE") return;
-		let e = I.current;
-		if (!e) return;
-		let t = () => {
-			let e = S.navigate.getState().transitionTaskId;
-			e && d.resolveTask(e);
-		}, n = `${C}-true`;
-		if (!(e.getAttribute(Q) !== "true" && se(k, n))) {
-			queueMicrotask(t);
-			return;
-		}
-		let r = f("screen", x, n), i = (n) => {
-			n.target === e && n.animationName === r && (e.removeEventListener("animationend", i), t());
-		};
-		return e.addEventListener("animationend", i), () => {
-			e.removeEventListener("animationend", i);
-		};
-	}, [
+	}, [Y]), s(() => O.driveScreenLifecycle({
+		getElements: () => ({
+			scope: H.current,
+			decorator: W.current,
+			bars: [G.current, K.current]
+		}),
+		transitionName: x,
+		prevTransitionName: te,
+		status: C,
+		isActive: y
+	}), [
+		O,
 		C,
-		b,
 		y,
-		oe,
-		x,
-		k,
-		E,
-		ue,
-		S.navigate
+		te,
+		x
 	]), s(() => {
-		let e = Y.current;
+		let e = G.current;
 		if (!e) {
-			P(0);
+			z(0);
 			return;
 		}
-		e.offsetHeight > 0 && P(e.offsetHeight);
+		e.offsetHeight > 0 && z(e.offsetHeight);
 		let t = new ResizeObserver(([e]) => {
-			e.contentRect.height > 0 && P(e.contentRect.height);
+			e.contentRect.height > 0 && z(e.contentRect.height);
 		});
 		return t.observe(e), () => {
 			t.disconnect();
 		};
 	}, [o]), s(() => {
-		let e = $.current;
+		let e = K.current;
 		if (!e) {
-			ge(0);
+			B(0);
 			return;
 		}
-		e.offsetHeight > 0 && ge(e.offsetHeight);
+		e.offsetHeight > 0 && B(e.offsetHeight);
 		let t = new ResizeObserver(([e]) => {
-			e.contentRect.height > 0 && ge(e.contentRect.height);
+			e.contentRect.height > 0 && B(e.contentRect.height);
 		});
 		return t.observe(e), () => {
 			t.disconnect();
 		};
 	}, [c]), s(() => {
 		let { registerSharedBars: e, unregisterSharedBars: t } = S.screen.getState();
-		return e(y, {
+		return e(v, {
 			appBar: !!o,
 			navigationBar: !!c
-		}), () => t(y);
+		}), () => t(v);
 	}, [
-		y,
+		v,
 		o,
 		c,
 		S.screen
 	]);
-	let Le = b || ae === O - 1, Re = !!o, ze = !!c;
-	s(() => {
-		let e = Y.current, t = $.current;
-		if (!e && !t) return;
-		let n = () => {
-			if (!(S.navigate.getState().status === "PUSHING" || S.navigate.getState().status === "POPPING" || S.navigate.getState().status === "REPLACING") || !Le) {
-				e?.removeAttribute("data-flemo-bar-riding"), t?.removeAttribute("data-flemo-bar-riding");
-				return;
-			}
-			let n = b ? S.history.getState().histories[O - 1]?.id : S.history.getState().histories[O]?.id, r = n ? S.screen.getState().sharedBars[n] : void 0, i = Re && !r?.appBar, a = ze && !r?.navigationBar;
-			e && e.setAttribute("data-flemo-bar-riding", i ? "true" : "false"), t && t.setAttribute("data-flemo-bar-riding", a ? "true" : "false");
-		};
-		n();
-		let r = S.screen.subscribe(n), i = S.navigate.subscribe(n);
-		return () => {
-			r(), i(), e?.removeAttribute("data-flemo-bar-riding"), t?.removeAttribute("data-flemo-bar-riding");
-		};
-	}, [
-		Le,
-		b,
-		O,
-		Re,
-		ze,
+	let pe = y || ee === D - 1, me = !!o, Z = !!c;
+	s(() => ie({
+		appBar: G.current,
+		navBar: K.current,
+		isTopOrTopPrev: pe,
+		isActive: y,
+		index: D,
+		hasAppBar: me,
+		hasNavBar: Z,
+		getStatus: () => S.navigate.getState().status,
+		getHistories: () => S.history.getState().histories,
+		getSharedBars: () => S.screen.getState().sharedBars,
+		subscribeStatus: (e) => S.navigate.subscribe(e),
+		subscribeSharedBars: (e) => S.screen.subscribe(e)
+	}), [
+		pe,
+		y,
+		D,
+		me,
+		Z,
 		S.history,
 		S.navigate,
 		S.screen
 	]);
-	let Be = (() => {
-		if (!b || C !== "PUSHING" && C !== "REPLACING") return {};
+	let ge = (() => {
+		if (!y || C !== "PUSHING" && C !== "REPLACING") return {};
 		let e = {};
-		return typeof j.x == "number" && (e.transform = `translateX(${j.x}px)`), typeof j.x == "string" && (e.transform = `translateX(${j.x})`), typeof j.y == "number" && (e.transform = `translateY(${j.y}px)`), typeof j.y == "string" && (e.transform = `translateY(${j.y})`), typeof j.opacity == "number" && (e.opacity = `${j.opacity}`), e;
+		return typeof A.x == "number" && (e.transform = `translateX(${A.x}px)`), typeof A.x == "string" && (e.transform = `translateX(${A.x})`), typeof A.y == "number" && (e.transform = `translateY(${A.y}px)`), typeof A.y == "string" && (e.transform = `translateY(${A.y})`), typeof A.opacity == "number" && (e.opacity = `${A.opacity}`), e;
 	})();
-	return /* @__PURE__ */ ce("div", {
-		ref: _e,
+	return /* @__PURE__ */ se("div", {
+		ref: V,
 		style: {
 			position: "fixed",
 			top: 0,
@@ -1048,7 +655,7 @@ function $({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigatio
 			overscrollBehavior: "contain"
 		},
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ M("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
 					position: "fixed",
@@ -1059,31 +666,31 @@ function $({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigatio
 					zIndex: 1
 				}
 			}),
-			/* @__PURE__ */ ce("div", {
-				ref: I,
-				...te,
-				onPointerDown: Pe,
-				onPointerMove: Fe,
-				onPointerUp: Ie,
-				onPointerCancel: Ie,
+			/* @__PURE__ */ se("div", {
+				ref: H,
+				..._,
+				onPointerDown: de,
+				onPointerMove: X,
+				onPointerUp: fe,
+				onPointerCancel: fe,
 				"data-flemo-screen": !0,
 				"data-flemo-transition": x,
 				"data-flemo-status": C,
-				"data-flemo-active": b ? "true" : "false",
+				"data-flemo-active": y ? "true" : "false",
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					height: "100%",
-					backgroundColor: v,
-					overflowY: ee ? void 0 : "auto",
-					touchAction: M === "x" ? "pan-y" : M === "y" ? "pan-x" : "auto",
-					...Be,
-					...te.style
+					backgroundColor: h,
+					overflowY: g ? void 0 : "auto",
+					touchAction: ce === "x" ? "pan-y" : ce === "y" ? "pan-x" : "auto",
+					...ge,
+					..._.style
 				},
 				children: [
-					!g && t && /* @__PURE__ */ T("div", {
+					!p && t && /* @__PURE__ */ M("div", {
 						style: { minHeight: t },
-						children: /* @__PURE__ */ T("div", { style: {
+						children: /* @__PURE__ */ M("div", { style: {
 							position: "fixed",
 							top: 0,
 							width: "100%",
@@ -1091,36 +698,33 @@ function $({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigatio
 							backgroundColor: n
 						} })
 					}),
-					o && /* @__PURE__ */ T("div", { style: {
+					o && /* @__PURE__ */ M("div", { style: {
 						width: "100%",
-						minHeight: me
+						minHeight: le
 					} }),
-					m,
-					/* @__PURE__ */ T("div", {
+					d,
+					/* @__PURE__ */ M("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							flexGrow: 1,
-							overflowY: ee ? "auto" : void 0,
-							...C !== "IDLE" && C !== "COMPLETED" ? {
-								transform: "translateZ(0)",
-								willChange: "transform"
-							} : null
+							overflowY: g ? "auto" : void 0,
+							...C !== "IDLE" && C !== "COMPLETED" ? { willChange: "opacity" } : null
 						},
 						children: e
 					}),
-					h,
-					c && /* @__PURE__ */ T("div", { style: {
-						display: pe ? "none" : void 0,
+					f,
+					c && /* @__PURE__ */ M("div", { style: {
+						display: L ? "none" : void 0,
 						width: "100%",
-						minHeight: he
+						minHeight: ue
 					} }),
-					!_ && r && /* @__PURE__ */ T("div", {
+					!m && r && /* @__PURE__ */ M("div", {
 						style: {
-							display: pe ? "none" : void 0,
+							display: L ? "none" : void 0,
 							minHeight: r
 						},
-						children: /* @__PURE__ */ T("div", { style: {
+						children: /* @__PURE__ */ M("div", { style: {
 							position: "fixed",
 							bottom: 0,
 							width: "100%",
@@ -1130,39 +734,39 @@ function $({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigatio
 					})
 				]
 			}),
-			o && /* @__PURE__ */ T("div", {
-				ref: Y,
+			o && /* @__PURE__ */ M("div", {
+				ref: G,
 				"data-flemo-bar": "app",
 				"data-flemo-bar-transition": x,
 				"data-flemo-bar-status": C,
-				"data-flemo-bar-active": b ? "true" : "false",
+				"data-flemo-bar-active": y ? "true" : "false",
 				style: {
 					position: "fixed",
-					top: g ? 0 : t,
+					top: p ? 0 : t,
 					left: 0,
 					width: "100%",
 					zIndex: 1
 				},
 				children: o
 			}),
-			c && /* @__PURE__ */ T("div", {
-				ref: $,
+			c && /* @__PURE__ */ M("div", {
+				ref: K,
 				"data-flemo-bar": "nav",
 				"data-flemo-bar-transition": x,
 				"data-flemo-bar-status": C,
-				"data-flemo-bar-active": b ? "true" : "false",
+				"data-flemo-bar-active": y ? "true" : "false",
 				style: {
-					display: pe ? "none" : void 0,
+					display: L ? "none" : void 0,
 					position: "fixed",
-					bottom: _ ? 0 : r,
+					bottom: m ? 0 : r,
 					left: 0,
 					width: "100%",
 					zIndex: 1
 				},
 				children: c
 			}),
-			fe && /* @__PURE__ */ T(Se, { ref: R }),
-			/* @__PURE__ */ T("div", {
+			F && /* @__PURE__ */ M(he, { ref: W }),
+			/* @__PURE__ */ M("div", {
 				"data-swipe-at-edge-bar": !0,
 				style: {
 					position: "fixed",
@@ -1178,29 +782,51 @@ function $({ children: e, statusBarHeight: t, statusBarColor: n, systemNavigatio
 }
 //#endregion
 //#region src/screen/Screen.tsx
-function Ee({ children: e, ...t }) {
-	let { isActive: n, isPrev: r, zIndex: i } = A(), a = F((e) => e.index), o = xe((e) => e.status), s = Te((e) => e.dragStatus), c = Te((e) => e.replaceTransitionStatus);
-	return /* @__PURE__ */ T(K, {
-		freeze: !n && o === "COMPLETED" && s === "IDLE" || r && a - 2 <= i && c === "IDLE" || r && a - 2 > i,
-		children: /* @__PURE__ */ T($, {
+function ye({ children: e, ...t }) {
+	let { isActive: n, isPrev: r, zIndex: i } = R();
+	return /* @__PURE__ */ M(Z, {
+		freeze: p({
+			isActive: n,
+			isPrev: r,
+			zIndex: i,
+			index: U((e) => e.index),
+			status: Q((e) => e.status),
+			dragStatus: $((e) => e.dragStatus),
+			replaceTransitionStatus: $((e) => e.replaceTransitionStatus)
+		}),
+		children: /* @__PURE__ */ M(ve, {
 			...t,
 			children: e
 		})
 	});
 }
 //#endregion
+//#region src/screen/Part.tsx
+function be({ ref: e, name: t, style: n, children: r, ...i }) {
+	let { isActive: a } = R();
+	return /* @__PURE__ */ M("div", {
+		ref: e,
+		"data-flemo-part-name": t,
+		"data-flemo-status": Q((e) => e.status),
+		"data-flemo-active": a ? "true" : "false",
+		style: n,
+		...i,
+		children: r
+	});
+}
+//#endregion
 //#region src/stores/RouterScopeProvider.tsx
-function De({ children: e }) {
+function xe({ children: e }) {
 	let [t] = u(() => ({
-		history: _(),
-		navigate: v(),
-		transition: b(),
-		screen: ge()
+		history: h(),
+		navigate: _(),
+		transition: w(),
+		screen: S()
 	}));
-	return /* @__PURE__ */ T(E.Provider, {
+	return /* @__PURE__ */ M(N.Provider, {
 		value: t,
 		children: e
 	});
 }
 //#endregion
-export { V as Route, B as Router, De as RouterScopeProvider, Ee as Screen, k as ScreenContext, Se as ScreenDecorator, K as ScreenFreeze, $ as ScreenMotion, g as createDecorator, ee as createRawDecorator, te as createRawTransition, y as createTransition, F as useHistoryStore, G as useNavigate, xe as useNavigateStore, be as useParams, A as useScreen, Te as useScreenStore, ye as useStep, D as useStores, Ce as useViewportScrollHeight };
+export { be as Part, de as Route, Y as Router, xe as RouterScopeProvider, ye as Screen, L as ScreenContext, he as ScreenDecorator, Z as ScreenFreeze, ve as ScreenMotion, m as createDecorator, y as createPartTransition, b as createRawDecorator, ee as createRawPartTransition, x as createRawTransition, C as createTransition, O as partTransitionMap, U as useHistoryStore, fe as useNavigate, Q as useNavigateStore, me as useParams, R as useScreen, $ as useScreenStore, pe as useStep, P as useStores, _e as useViewportScrollHeight };