@flemo/core 1.8.0 → 1.10.0

package/dist/core/__tests__/taskManagerBranches.test.d.ts

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

package/dist/core/engine/__tests__/createSwipeController.gestures.test.d.ts

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

package/dist/core/engine/__tests__/createTransitionEngine.branches.test.d.ts

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

package/dist/history/__tests__/historyDriverBranches.test.d.ts

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

package/dist/index.d.ts

@@ -8,14 +8,15 @@ export { default as createMemoryHistoryDriver } from './history/memoryHistoryDri
 export { default as createNavigateStore, type NavigateStatus, type NavigateStore, type NavigateStoreApi } from './navigate/store';
 export { markSelfInducedPop, consumeSelfInducedPop, createSelfPopGuard, type SelfPopGuard } from './navigate/selfPopGuard';
 export { default as createNavigationController, type NavigationControllerDeps, type DistanceOptions, type NavigateOptions, type PopOptions } from './navigate/createNavigationController';
-export { default as createStepController, readStepParams, appendParamsQuery, type StepControllerDeps } from './navigate/createStepController';
+export { default as createStepController, readStepParams, appendParamsQuery, subscribeStepParamsRestore, type StepControllerDeps } from './navigate/createStepController';
 export { default as createRouterScope, type FlemoStores, type CreateRouterScopeInput } from './core/createRouterScope';
-export { default as createScreenStore, type ScreenStore, type ScreenStoreApi, type SharedBarPresence } from './screen/store';
+export { default as createScreenStore, type ScreenStore, type ScreenStoreApi, type SharedBarPresence, type ScreenSurface } from './screen/store';
 export { default as createScreenSelector, type ScreenSelection } from './screen/createScreenSelector';
 export { default as computeScreenFreeze, type ScreenFreezeInput } from './screen/computeScreenFreeze';
 export { default as createTransition } from './transition/createTransition';
 export { default as createRawTransition } from './transition/createRawTransition';
 export { transitionMap } from './transition/transition';
+export { default as resolveTransition } from './transition/resolveTransition';
 export { default as createTransitionStore, type TransitionStore, type TransitionStoreApi } from './transition/store';
 export { default as createDecorator } from './transition/decorator/createDecorator';
 export { default as createRawDecorator } from './transition/decorator/createRawDecorator';
@@ -38,7 +39,7 @@ export { SKIP_ANIMATION_ATTR, type TransitionEngine, type TransitionEngineDeps,
 export { default as createSwipeController } from './core/engine/createSwipeController';
 export { type SwipeController, type SwipeControllerConfig, type SwipeControllerElements, type SharedBarPresenceLike } from './core/engine/createSwipeController';
 export { default as computeBarRiding, type BarRidingInput } from './screen/computeBarRiding';
-export { animHoldKey, scheduleAnimHoldRelease, ANIM_HOLD_RELEASE_BACKSTOP_MS, type AnimHoldInput } from './screen/animStartAnchor';
+export { animHoldKey, scheduleAnimHoldRelease, eagerlyDecodeImages, ANIM_HOLD_RELEASE_BACKSTOP_MS, type AnimHoldInput } from './screen/animStartAnchor';
 export { default as observeBarHeight } from './screen/observeBarHeight';
 export { default as observeViewportScrollHeight } from './screen/observeViewportScrollHeight';
 export type { RegisterTransition, TransitionName, TransitionVariant, TransitionVariantValue, TransitionOptions, BaseTransition, Transition, SwipeInfo, SwipeAnimate } from './transition/typing';
@@ -48,5 +49,6 @@ export { default as isServer } from './utils/isServer';
 export { default as getParams } from './utils/getParams';
 export { default as getMatchedPathPattern } from './utils/getMatchedPathPattern';
 export { default as matchesPathname } from './utils/matchesPathname';
+export { default as isOpaqueColor } from './utils/isOpaqueColor';
 export { default as buildRoutePath } from './utils/buildRoutePath';
 export { default as findScrollable, overflowsAxis, canProgrammaticallyScroll } from './utils/findScrollable';

package/dist/index.mjs

@@ -633,9 +633,17 @@ function ne(e) {
 		}
 	};
 }
+function re(e, t) {
+	return e.subscribe((e) => {
+		let n = e.state;
+		n?.step && a.addTask(async () => {
+			t(n.params ?? {});
+		});
+	});
+}
 //#endregion
 //#region src/transition/store.ts
-function re(t = "cupertino") {
+function T(t = "cupertino") {
 	return e((e) => ({
 		defaultTransitionName: t,
 		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
@@ -643,11 +651,12 @@ function re(t = "cupertino") {
 }
 //#endregion
 //#region src/screen/store.ts
-function T() {
+function E() {
 	return e((e) => ({
 		dragStatus: "IDLE",
 		replaceTransitionStatus: "IDLE",
 		sharedBars: {},
+		screenSurfaces: {},
 		setDragStatus: (t) => e({ dragStatus: t }),
 		setReplaceTransitionStatus: (t) => e({ replaceTransitionStatus: t }),
 		registerSharedBars: (t, n) => e((e) => ({ sharedBars: {
@@ -657,6 +666,17 @@ function T() {
 		unregisterSharedBars: (t) => e((e) => {
 			let n = { ...e.sharedBars };
 			return delete n[t], { sharedBars: n };
+		}),
+		registerScreenSurface: (t, n) => e((e) => {
+			let r = e.screenSurfaces[t];
+			return r && r.opaqueBackground === n.opaqueBackground ? e : { screenSurfaces: {
+				...e.screenSurfaces,
+				[t]: n
+			} };
+		}),
+		unregisterScreenSurface: (t) => e((e) => {
+			let n = { ...e.screenSurfaces };
+			return delete n[t], { screenSurfaces: n };
 		})
 	}));
 }
@@ -686,8 +706,8 @@ function ae(e) {
 	return {
 		history: o([c], 0),
 		navigate: b(),
-		transition: re(i),
-		screen: T(),
+		transition: T(i),
+		screen: E(),
 		driver: u,
 		markSelfInduced: d.mark,
 		consume: d.consume
@@ -714,7 +734,7 @@ function se(e) {
 }
 //#endregion
 //#region src/transition/createTransition.ts
-function E({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
+function D({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
 	return {
 		name: e,
 		initial: t,
@@ -759,7 +779,7 @@ function ce({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 var le = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, ue = E({
+}, ue = D({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -846,7 +866,7 @@ var le = (e, t, n) => {
 }), de = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, fe = E({
+}, fe = D({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -891,7 +911,7 @@ var le = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), pe = E({
+}), O = D({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -999,7 +1019,7 @@ var le = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), me = E({
+}), pe = D({
 	name: "none",
 	initial: {},
 	idle: {
@@ -1022,15 +1042,20 @@ var le = (e, t, n) => {
 		value: {},
 		options: { duration: 0 }
 	}
-}), D = new Map([
-	["none", me],
+}), k = new Map([
+	["none", pe],
 	["cupertino", ue],
-	["material", pe],
+	["material", O],
 	["layout", fe]
 ]);
 //#endregion
+//#region src/transition/resolveTransition.ts
+function A(e) {
+	return k.get(e) ?? k.get("none");
+}
+//#endregion
 //#region src/transition/decorator/createDecorator.ts
-function he({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function me({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1051,7 +1076,7 @@ function he({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/decorator/createRawDecorator.ts
-function ge({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
+function he({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -1072,30 +1097,30 @@ function ge({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var O = "rgba(0, 0, 0, 0.3)", _e = he({
+var j = "rgba(0, 0, 0, 0.3)", M = me({
 	name: "overlay",
 	initial: {
 		opacity: 0,
-		backgroundColor: O
+		backgroundColor: j
 	},
 	idle: {
 		value: {
 			opacity: 0,
-			backgroundColor: O
+			backgroundColor: j
 		},
 		options: { duration: 0 }
 	},
 	enter: {
 		value: {
 			opacity: 1,
-			backgroundColor: O
+			backgroundColor: j
 		},
 		options: { duration: .7 }
 	},
 	exit: {
 		value: {
 			opacity: 0,
-			backgroundColor: O
+			backgroundColor: j
 		},
 		options: { duration: .6 }
 	},
@@ -1104,10 +1129,10 @@ var O = "rgba(0, 0, 0, 0.3)", _e = he({
 		onSwipe: (e, t, { animate: n, prevDecorator: r }) => n(r, { opacity: Math.max(0, 1 - t / 100) }, { duration: 0 }),
 		onSwipeEnd: (e, { animate: t, prevDecorator: n }) => t(n, { opacity: +!e }, { duration: .3 })
 	}
-}), k = new Map([["overlay", _e]]);
+}), N = new Map([["overlay", M]]);
 //#endregion
 //#region src/transition/partTransition/createPartTransition.ts
-function ve({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function ge({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1128,7 +1153,7 @@ function ve({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/partTransition/createRawPartTransition.ts
-function ye({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
+function _e({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -1149,7 +1174,7 @@ function ye({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/partTransition/partTransition.ts
-var A = /* @__PURE__ */ new Map(), j = {
+var P = /* @__PURE__ */ new Map(), F = {
 	"IDLE-true": "self",
 	"IDLE-false": "self",
 	"PUSHING-true": "initial",
@@ -1160,7 +1185,7 @@ var A = /* @__PURE__ */ new Map(), j = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, M = Object.keys(j), N = M, be = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), P = (e) => typeof e == "object" && !!e && !Array.isArray(e), xe = new Set(/* @__PURE__ */ "opacity.scale.scaleX.scaleY.scaleZ.aspectRatio.columnCount.columns.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineHeight.lineClamp.order.orphans.tabSize.widows.zIndex.zoom.fillOpacity.floodOpacity.stopOpacity.strokeOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeWidth".split(".")), Se = (e, t) => t.startsWith("--") || xe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, F = (e, t) => typeof t == "number" ? Se(t, e) : typeof t == "string" ? t : "", I = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Ce = new Set([
+}, ve = Object.keys(F), ye = ve, be = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), xe = (e) => typeof e == "object" && !!e && !Array.isArray(e), Se = new Set(/* @__PURE__ */ "opacity.scale.scaleX.scaleY.scaleZ.aspectRatio.columnCount.columns.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineHeight.lineClamp.order.orphans.tabSize.widows.zIndex.zoom.fillOpacity.floodOpacity.stopOpacity.strokeOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeWidth".split(".")), Ce = (e, t) => t.startsWith("--") || Se.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, we = (e, t) => typeof t == "number" ? Ce(t, e) : typeof t == "string" ? t : "", Te = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Ee = new Set([
 	"x",
 	"y",
 	"z",
@@ -1171,7 +1196,7 @@ var A = /* @__PURE__ */ new Map(), j = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), we = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Te = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ee = /^1(\.0+)?$/, De = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? Ee.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Te.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? we.test(t.trim()) : !1, Oe = (e, t) => {
+]), De = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Oe = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, ke = /^1(\.0+)?$/, Ae = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? ke.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Oe.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? De.test(t.trim()) : !1, je = (e, t) => {
 	switch (e) {
 		case "x": return `translateX(${t})`;
 		case "y": return `translateY(${t})`;
@@ -1185,23 +1210,23 @@ var A = /* @__PURE__ */ new Map(), j = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, ke = (e) => {
+}, Me = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = !1, r = (e) => {
-		if (P(e)) for (let r of Object.keys(e)) {
+		if (xe(e)) for (let r of Object.keys(e)) {
 			let i = e[r];
-			F(r, i) !== "" && (Ce.has(r) ? n = !0 : t.add(I(r)));
+			we(r, i) !== "" && (Ee.has(r) ? n = !0 : t.add(Te(r)));
 		}
 	};
 	r(e.initial);
 	for (let t of Object.values(e.variants)) r(t.value);
 	return n && t.add("transform"), Array.from(t);
-}, L = (e) => {
-	if (!P(e)) return [];
+}, I = (e) => {
+	if (!xe(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = F(i, a);
-		o !== "" && (Ce.has(i) ? (t.push(Oe(i, o)), De(i, a) || (n = !1)) : r.push({
-			property: I(i),
+		let a = e[i], o = we(i, a);
+		o !== "" && (Ee.has(i) ? (t.push(je(i, o)), Ae(i, a) || (n = !1)) : r.push({
+			property: Te(i),
 			value: o
 		}));
 	}
@@ -1209,7 +1234,7 @@ var A = /* @__PURE__ */ new Map(), j = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, R = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), z = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, L = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), R = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
 	linear: "linear",
 	easeIn: "ease-in",
 	easeOut: "ease-out",
@@ -1219,11 +1244,11 @@ var A = /* @__PURE__ */ new Map(), j = {
 	backIn: "cubic-bezier(0.31, 0.01, 0.66, -0.59)",
 	backOut: "cubic-bezier(0.33, 1.53, 0.69, 0.99)",
 	anticipate: "cubic-bezier(0.36, 0, 0.66, -0.56)"
-}[e] ?? "ease" : "ease", Ae = (e) => {
+}[e] ?? "ease" : "ease", z = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, je = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Me = (e, t) => {
+}, B = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, V = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-screen][data-flemo-transition="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
 }, Ne = (e, t) => {
@@ -1235,17 +1260,17 @@ var A = /* @__PURE__ */ new Map(), j = {
 }, Fe = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, B = (e, t, n) => `flemo-${e}-${be(t)}-${n}`, V = (e, t, n, r, i, a) => {
-	let o = L(r), s = L(i.value), c = Ae(i.options), l = je(i.options), u = z(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Pe(t, n)}` : d;
+}, H = (e, t, n) => `flemo-${e}-${be(t)}-${n}`, U = (e, t, n, r, i, a) => {
+	let o = I(r), s = I(i.value), c = z(i.options), l = B(i.options), u = R(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Pe(t, n)}` : d;
 	if (s.length === 0 && o.length === 0) return "";
-	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${R(s)}\n  animation: none;\n}`;
-	let p = B(e, t, n), m = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${L(s)}\n  animation: none;\n}`;
+	let p = H(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		R(o).replace(/^/gm, "  "),
+		L(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		R(s).replace(/^/gm, "  "),
+		L(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1255,83 +1280,90 @@ var A = /* @__PURE__ */ new Map(), j = {
 		l > 0 ? `${l}s` : null,
 		"both"
 	].filter(Boolean).join(" "), g = Array.from(new Set([...o.map((e) => e.property), ...s.map((e) => e.property)])), _ = g.length > 0 ? `  will-change: ${g.join(", ")};\n` : "", v = n.split("-")[0];
-	return `${m}\n${`${f} {\n  animation: ${h};\n${_}${v === "PUSHING" || v === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}`;
-}, H = (e, t, n, r) => {
-	let i = L(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${R(i)}\n}`;
-}, Ie = (e, t, n = []) => {
+	return `${m}\n${`${f} {\n  animation: ${h};\n${_}${v === "PUSHING" || v === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}${e === "screen" && n.endsWith("-false") && Ie(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${L(s)}\n}` : ""}`;
+}, Ie = (e) => {
+	if (!e) return !1;
+	if (e.opacity === 0) return !0;
+	let t = (e) => typeof e == "string" && e.trim().endsWith("%") && Math.abs(parseFloat(e)) >= 100;
+	return t(e.x) || t(e.y);
+}, W = (e, t, n, r) => {
+	let i = I(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${L(i)}\n}`;
+}, Le = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
 		let e = t.name;
-		for (let n of M) {
-			let i = t.variants[n], a = j[n];
+		for (let n of ve) {
+			let i = t.variants[n], a = F[n];
 			if (a === "self") {
-				r.push(H(Me, e, n, i));
+				r.push(W(V, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			r.push(V("screen", e, n, o, i, Me));
+			r.push(U("screen", e, n, o, i, V));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of N) {
-			let i = e.variants[n], a = j[n];
+		for (let n of ye) {
+			let i = e.variants[n], a = F[n];
 			if (a === "self") {
-				r.push(H(Ne, t, n, i));
+				r.push(W(Ne, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(V("decorator", t, n, o, i, Ne));
+			r.push(U("decorator", t, n, o, i, Ne));
 		}
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of N) {
-			let i = e.variants[n], a = j[n];
+		for (let n of ye) {
+			let i = e.variants[n], a = F[n];
 			if (a === "self") {
-				r.push(H(Fe, t, n, i));
+				r.push(W(Fe, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(V("part", t, n, o, i, Fe));
+			r.push(U("part", t, n, o, i, Fe));
 		}
 	}
-	return [...r.filter((e) => e.length > 0), Le].join("\n\n");
-}, Le = [
+	return [...r.filter((e) => e.length > 0), Re].join("\n\n");
+}, Re = [
 	"[data-flemo-anim-hold=\"true\"],",
-	"[data-flemo-anim-hold=\"true\"] [data-flemo-part-name] {",
+	"[data-flemo-anim-hold=\"park\"],",
+	"[data-flemo-anim-hold=\"true\"] [data-flemo-part-name],",
+	"[data-flemo-anim-hold=\"park\"] [data-flemo-part-name] {",
 	"  animation-play-state: paused !important;",
 	"}"
-].join("\n"), Re = (e, t) => {
-	let n = j[t];
+].join("\n"), ze = (e, t) => {
+	let n = F[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = Ae(r.options), a = je(r.options);
+	let r = e.variants[t], i = z(r.options), a = B(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = L(n === "initial" ? e.initial : e.variants[n].value), s = L(r.value);
+	let o = I(n === "initial" ? e.initial : e.variants[n].value), s = I(r.value);
 	return o.length > 0 || s.length > 0;
-}, ze = "data-flemo";
-function U() {
+}, Be = "data-flemo";
+function G() {
 	if (u()) return;
-	let e = Ie(D.values(), k.values(), A.values()), t = document.head.querySelector(`style[${ze}]`);
-	t || (t = document.createElement("style"), t.setAttribute(ze, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
+	let e = Le(k.values(), N.values(), P.values()), t = document.head.querySelector(`style[${Be}]`);
+	t || (t = document.createElement("style"), t.setAttribute(Be, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
 }
 //#endregion
 //#region src/transition/registerTransitionDefinitions.ts
-function Be(e, t, n = []) {
-	for (let t of e) D.set(t.name, t);
-	for (let e of t) k.set(e.name, e);
-	for (let e of n) A.set(e.name, e);
-	return U(), () => {
-		for (let t of e) D.delete(t.name);
-		for (let e of t) k.delete(e.name);
-		for (let e of n) A.delete(e.name);
-		U();
+function Ve(e, t, n = []) {
+	for (let t of e) k.set(t.name, t);
+	for (let e of t) N.set(e.name, e);
+	for (let e of n) P.set(e.name, e);
+	return G(), () => {
+		for (let t of e) k.delete(t.name);
+		for (let e of t) N.delete(e.name);
+		for (let e of n) P.delete(e.name);
+		G();
 	};
 }
 //#endregion
 //#region src/transition/enteringInitialStyle.ts
-function Ve(e) {
+function He(e) {
 	let { initial: t, isActive: n, status: r } = e;
 	if (!n || r !== "PUSHING" && r !== "REPLACING") return {};
 	let i = {};
@@ -1339,35 +1371,35 @@ function Ve(e) {
 }
 //#endregion
 //#region src/transition/animateInline.ts
-var He = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, W = /* @__PURE__ */ new WeakMap(), Ue = (e, t) => {
-	let n = W.get(e);
-	n || (n = /* @__PURE__ */ new Set(), W.set(e, n)), n.add(t);
-}, G = (e, t) => {
+var Ue = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, K = /* @__PURE__ */ new WeakMap(), We = (e, t) => {
+	let n = K.get(e);
+	n || (n = /* @__PURE__ */ new Set(), K.set(e, n)), n.add(t);
+}, q = (e, t) => {
 	if (e.style.transition = "", t) {
-		let n = W.get(e);
+		let n = K.get(e);
 		for (let r of t) e.style.removeProperty(r), n?.delete(r);
 		return;
 	}
-	let n = W.get(e);
+	let n = K.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");
-}, K = (e, t, n = {}) => {
-	if (!He(e)) return Promise.resolve();
-	let r = e, i = L(t);
+}, J = (e, t, n = {}) => {
+	if (!Ue(e)) return Promise.resolve();
+	let r = e, i = I(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 = z(n.ease);
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = R(n.ease);
 	if (a <= 0 && o <= 0) {
 		r.style.transition = "none";
-		for (let e of i) r.style.setProperty(e.property, e.value), Ue(r, e.property);
+		for (let e of i) r.style.setProperty(e.property, e.value), We(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), Ue(r, e.property);
+	for (let e of i) r.style.setProperty(e.property, e.value), We(r, e.property);
 	return new Promise((e) => {
 		let t = !1, n = () => {
 			t || (t = !0, r.removeEventListener("transitionend", i), e());
@@ -1376,27 +1408,27 @@ var He = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, W = /* @__
 		};
 		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
 	});
-}, q = "data-flemo-skip-animation", J = () => {};
-function We(e) {
+}, Y = "data-flemo-skip-animation", X = () => {};
+function Ge(e) {
 	return { driveScreenLifecycle: (t) => {
 		let { getElements: n, transitionName: r, prevTransitionName: i, status: o, isActive: s } = t;
-		if (!s) return o === "REPLACING" && i !== r && e.setReplaceTransitionStatus("PENDING"), J;
+		if (!s) return o === "REPLACING" && i !== r && e.setReplaceTransitionStatus("PENDING"), X;
 		if (o === "COMPLETED") {
 			e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
 			let { scope: t, decorator: r, bars: i } = n();
-			t && (G(t), t.removeAttribute(q)), r && (G(r), r.removeAttribute(q));
-			for (let e of i ?? []) e && (G(e), e.style.removeProperty("will-change"));
-			return J;
+			t && (q(t), t.removeAttribute(Y)), r && (q(r), r.removeAttribute(Y));
+			for (let e of i ?? []) e && (q(e), e.style.removeProperty("will-change"));
+			return X;
 		}
-		if (o === "IDLE") return J;
+		if (o === "IDLE") return X;
 		let { scope: c } = n();
-		if (!c) return J;
+		if (!c) return X;
 		let l = () => {
 			let t = e.getTransitionTaskId();
 			t && a.resolveTask(t);
-		}, u = D.get(r) ?? D.get("none"), d = `${o}-true`;
-		if (!(c.getAttribute("data-flemo-skip-animation") !== "true" && Re(u, d))) return queueMicrotask(l), J;
-		let f = B("screen", r, d), p = (e) => {
+		}, u = A(r), d = `${o}-true`;
+		if (!(c.getAttribute("data-flemo-skip-animation") !== "true" && ze(u, d))) return queueMicrotask(l), X;
+		let f = H("screen", r, d), p = (e) => {
 			e.target === c && e.animationName === f && (c.removeEventListener("animationend", p), l());
 		};
 		return c.addEventListener("animationend", p), () => {
@@ -1406,20 +1438,20 @@ function We(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function Y(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Ge(e);
+function Z(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Ke(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && X(s, n) && (!a || Z(s, n))) return {
+	if (s instanceof HTMLElement && Q(s, n) && (!a || $(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if (X(c, n) && (!a || Z(c, n))) return {
+		if (Q(c, n) && (!a || $(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -1430,7 +1462,7 @@ function Y(e, t) {
 		hasMarker: !1
 	};
 }
-function Ge(e) {
+function Ke(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -1438,18 +1470,18 @@ function Ge(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function X(e, t) {
+function Q(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function Z(e, t) {
-	if (!X(e, t) || typeof window > "u") return !1;
+function $(e, t) {
+	if (!Q(e, t) || typeof window > "u") return !1;
 	let n = window.getComputedStyle(e), r = t === "y" ? n.overflowY : n.overflowX;
 	return r === "auto" || r === "scroll" || r === "overlay";
 }
 //#endregion
 //#region src/core/engine/createSwipeController.ts
-var Q = "data-flemo-skip-animation";
-function Ke(e) {
+var qe = "data-flemo-skip-animation";
+function Je(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -1495,9 +1527,9 @@ function Ke(e) {
 			y: e.clientY
 		}, u = t;
 	}, v = (n, i, a) => {
-		let o = K(n, i, a);
-		if (n === e.getElements().scope) for (let e of r.current) K(e, i, a);
-		else if (n === t) for (let e of r.prev) K(e, i, a);
+		let o = J(n, i, a);
+		if (n === e.getElements().scope) for (let e of r.current) J(e, i, a);
+		else if (n === t) for (let e of r.prev) J(e, i, a);
 		return o;
 	}, y = (t) => {
 		let n = e.getPartnerBars(), i = [], { sharedTopBar: a, sharedBottomBar: o } = e.getElements();
@@ -1511,12 +1543,12 @@ function Ke(e) {
 			current: i,
 			prev: s
 		};
-		let c = ke(e.getTransition()).join(", ");
+		let c = Me(e.getTransition()).join(", ");
 		for (let e of i) e.style.willChange = c;
 		for (let e of s) e.style.willChange = c;
 	}, b = () => {
-		for (let e of r.current) G(e), e.style.removeProperty("will-change");
-		for (let e of r.prev) G(e), e.style.removeProperty("will-change");
+		for (let e of r.current) q(e), e.style.removeProperty("will-change");
+		for (let e of r.prev) q(e), e.style.removeProperty("will-change");
 		r = {
 			current: [],
 			prev: []
@@ -1529,10 +1561,10 @@ function Ke(e) {
 		};
 	}, S = (e, t, n) => {
 		let r = (r, i) => {
-			let a = A.get(r.getAttribute("data-flemo-part-name"));
+			let a = P.get(r.getAttribute("data-flemo-part-name"));
 			if (!a) return;
 			let o = {
-				animate: K,
+				animate: J,
 				element: r,
 				active: i
 			};
@@ -1541,7 +1573,7 @@ function Ke(e) {
 		for (let e of i.current) r(e, !0);
 		for (let e of i.prev) r(e, !1);
 	}, C = () => {
-		for (let e of [...i.current, ...i.prev]) G(e);
+		for (let e of [...i.current, ...i.prev]) q(e);
 		i = {
 			current: [],
 			prev: []
@@ -1570,7 +1602,7 @@ function Ke(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				m?.onSwipeStart?.(e, {
-					animate: K,
+					animate: J,
 					currentDecorator: f,
 					prevDecorator: n
 				}), S("start", e, 0);
@@ -1587,7 +1619,7 @@ function Ke(e) {
 			prevScreen: t,
 			onProgress: (e, t) => {
 				c?.onSwipe?.(e, t, {
-					animate: K,
+					animate: J,
 					currentDecorator: o,
 					prevDecorator: n
 				}), S("swipe", e, t);
@@ -1606,32 +1638,32 @@ function Ke(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				u?.onSwipeEnd?.(e, {
-					animate: K,
+					animate: J,
 					currentDecorator: l,
 					prevDecorator: n
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(Q, "true"), l?.setAttribute(Q, "true");
+			c?.setAttribute(qe, "true"), l?.setAttribute(qe, "true");
 			for (let e of r.current) e.style.removeProperty("will-change");
-			for (let e of r.prev) G(e), e.style.removeProperty("will-change");
+			for (let e of r.prev) q(e), e.style.removeProperty("will-change");
 			r = {
 				current: [],
 				prev: []
 			};
-			for (let e of i.prev) G(e);
+			for (let e of i.prev) q(e);
 			i = {
 				current: [],
 				prev: []
 			}, e.back();
-		} else c && G(c), t && G(t), l && G(l), n && G(n), b(), C(), e.setDragStatus("IDLE");
+		} else c && q(c), t && q(t), l && q(l), n && q(n), b(), C(), e.setDragStatus("IDLE");
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = Y(t.target, {
+			e.isReadyForDrag() && (f = Z(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = Y(t.target, {
+			}), p = Z(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -1660,7 +1692,7 @@ function Ke(e) {
 }
 //#endregion
 //#region src/screen/computeBarRiding.ts
-function qe(e) {
+function Ye(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
 		app: !1,
 		nav: !1
@@ -1671,21 +1703,44 @@ function qe(e) {
 }
 //#endregion
 //#region src/screen/animStartAnchor.ts
-function Je(e) {
+function Xe(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var Ye = 300;
-function Xe(e) {
-	let t = 0, n = requestAnimationFrame(() => {
-		t = requestAnimationFrame(e);
-	}), r = setTimeout(e, 300);
+var Ze = 300, Qe = 20;
+function $e(e) {
+	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, Qe);
+}
+function et(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of $e(e)) t.decode().catch(() => {});
+}
+function tt(e, t = {}) {
+	let n = !1, r = 0, i = () => {
+		let r = t.scope;
+		if (!r || typeof r.querySelectorAll != "function") {
+			e();
+			return;
+		}
+		let i = $e(r);
+		if (i.length === 0) {
+			e();
+			return;
+		}
+		let a = Promise.allSettled(i.map((e) => e.decode())), o = new Promise((e) => {
+			setTimeout(e, 150);
+		});
+		Promise.race([a, o]).then(() => {
+			n || e();
+		});
+	}, a = requestAnimationFrame(() => {
+		r = requestAnimationFrame(i);
+	}), o = setTimeout(e, 300);
 	return () => {
-		cancelAnimationFrame(n), t && cancelAnimationFrame(t), clearTimeout(r);
+		n = !0, cancelAnimationFrame(a), r && cancelAnimationFrame(r), clearTimeout(o);
 	};
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function Ze(e, t) {
+function nt(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -1696,14 +1751,14 @@ function Ze(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var $ = 0;
-function Qe(e) {
+var rt = 0;
+function it(e) {
 	let t = 0, n = () => {
 		cancelAnimationFrame(t), t = requestAnimationFrame(() => {
 			let t = document.documentElement.scrollHeight - (window.visualViewport?.height || 0);
 			t = t < 0 ? 0 : t;
-			let n = t - $;
-			n = n < 0 ? 0 : n, $ ||= t, e(t, n);
+			let n = t - rt;
+			n = n < 0 ? 0 : n, rt ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -1712,12 +1767,23 @@ function Qe(e) {
 }
 //#endregion
 //#region src/utils/matchesPathname.ts
-function $e(e, t) {
+function at(e, t) {
 	return i(e).regexp.test(t);
 }
 //#endregion
+//#region src/utils/isOpaqueColor.ts
+function ot(e) {
+	let t = e.trim().toLowerCase();
+	if (t === "transparent" || t === "") return !1;
+	if (t.match(/^rgb\(\s*\d+[\s,]+\d+[\s,]+\d+\s*\)$/)) return !0;
+	let n = t.match(/^rgba\(\s*\d+[\s,]+\d+[\s,]+\d+[\s,/]+([\d.]+)\s*\)$/);
+	if (n) return parseFloat(n[1]) >= 1;
+	let r = t.match(/\/\s*([\d.]+%?)\s*\)$/);
+	return r ? (r[1].endsWith("%") ? parseFloat(r[1]) / 100 : parseFloat(r[1])) >= 1 : !!(t.startsWith("rgb(") || t.startsWith("color("));
+}
+//#endregion
 //#region src/utils/buildRoutePath.ts
-function et(e, n) {
+function st(e, n) {
 	let i = n ?? {}, a = t(e)(Object.fromEntries(Object.entries(i).map(([e, t]) => [e, String(t)]))), o = (typeof e == "string" ? r(e) : e).tokens.filter((e) => e.type === "param").map((e) => e.name), s = Object.fromEntries(Object.entries(i).filter(([e]) => !o.includes(e))), c = new URLSearchParams(s).toString();
 	return {
 		pathname: `${a}${c ? `?${c}` : ""}`,
@@ -1725,4 +1791,4 @@ function et(e, n) {
 	};
 }
 //#endregion
-export { Ye as ANIM_HOLD_RELEASE_BACKSTOP_MS, q as SKIP_ANIMATION_ATTR, a as TaskManger, Je as animHoldKey, K as animateInline, B as animationName, te as appendParamsQuery, U as applyTransitionStyles, et as buildRoutePath, Z as canProgrammaticallyScroll, G as clearInlineAnimation, ke as collectAnimatedProperties, Ie as compileTransitionStyles, qe as computeBarRiding, se as computeScreenFreeze, _ as consumeSelfInducedPop, p as createBrowserHistoryDriver, he as createDecorator, o as createHistoryStore, v as createHistorySync, y as createMemoryHistoryDriver, b as createNavigateStore, w as createNavigationController, ve as createPartTransition, ge as createRawDecorator, ye as createRawPartTransition, ce as createRawTransition, ae as createRouterScope, oe as createScreenSelector, T as createScreenStore, m as createSelfPopGuard, ne as createStepController, Ke as createSwipeController, E as createTransition, We as createTransitionEngine, re as createTransitionStore, ue as cupertino, k as decoratorMap, z as easingToCss, d as ensureWindowHistoryState, Ve as enteringInitialStyle, Y as findScrollable, s as getMatchedPathPattern, c as getParams, u as isServer, fe as layout, g as markSelfInducedPop, $e as matchesPathname, pe as material, me as none, Ze as observeBarHeight, Qe as observeViewportScrollHeight, X as overflowsAxis, _e as overlay, A as partTransitionMap, ee as readStepParams, Be as registerTransitionDefinitions, Xe as scheduleAnimHoldRelease, l as seedInitialHistory, L as targetToDecls, D as transitionMap, Re as variantHasAnimation };
+export { Ze as ANIM_HOLD_RELEASE_BACKSTOP_MS, Y as SKIP_ANIMATION_ATTR, a as TaskManger, Xe as animHoldKey, J as animateInline, H as animationName, te as appendParamsQuery, G as applyTransitionStyles, st as buildRoutePath, $ as canProgrammaticallyScroll, q as clearInlineAnimation, Me as collectAnimatedProperties, Le as compileTransitionStyles, Ye as computeBarRiding, se as computeScreenFreeze, _ as consumeSelfInducedPop, p as createBrowserHistoryDriver, me as createDecorator, o as createHistoryStore, v as createHistorySync, y as createMemoryHistoryDriver, b as createNavigateStore, w as createNavigationController, ge as createPartTransition, he as createRawDecorator, _e as createRawPartTransition, ce as createRawTransition, ae as createRouterScope, oe as createScreenSelector, E as createScreenStore, m as createSelfPopGuard, ne as createStepController, Je as createSwipeController, D as createTransition, Ge as createTransitionEngine, T as createTransitionStore, ue as cupertino, N as decoratorMap, et as eagerlyDecodeImages, R as easingToCss, d as ensureWindowHistoryState, He as enteringInitialStyle, Z as findScrollable, s as getMatchedPathPattern, c as getParams, ot as isOpaqueColor, u as isServer, fe as layout, g as markSelfInducedPop, at as matchesPathname, O as material, pe as none, nt as observeBarHeight, it as observeViewportScrollHeight, Q as overflowsAxis, M as overlay, P as partTransitionMap, ee as readStepParams, Ve as registerTransitionDefinitions, A as resolveTransition, tt as scheduleAnimHoldRelease, l as seedInitialHistory, re as subscribeStepParamsRestore, I as targetToDecls, k as transitionMap, ze as variantHasAnimation };

package/dist/navigate/createStepController.d.ts

@@ -18,3 +18,4 @@ export default function createStepController(deps: StepControllerDeps): {
     replaceStep: (params: object) => Promise<void>;
     popStep: () => Promise<void>;
 };
+export declare function subscribeStepParamsRestore(driver: HistoryDriver, onParams: (params: object) => void): () => void;

package/dist/screen/__tests__/screenSurfaces.test.d.ts

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

package/dist/screen/animStartAnchor.d.ts

@@ -6,4 +6,10 @@ export interface AnimHoldInput {
 }
 export declare function animHoldKey(input: AnimHoldInput): string | null;
 export declare const ANIM_HOLD_RELEASE_BACKSTOP_MS = 300;
-export declare function scheduleAnimHoldRelease(release: () => void): () => void;
+export declare const ANIM_HOLD_DECODE_CAP_MS = 150;
+export declare function collectDecodableImages(scope: HTMLElement): HTMLImageElement[];
+export declare function eagerlyDecodeImages(scope: HTMLElement | null): void;
+export interface AnimHoldReleaseOptions {
+    scope?: HTMLElement | null;
+}
+export declare function scheduleAnimHoldRelease(release: () => void, options?: AnimHoldReleaseOptions): () => void;

package/dist/screen/store.d.ts

@@ -3,14 +3,20 @@ export interface SharedBarPresence {
     topBar: boolean;
     bottomBar: boolean;
 }
+export interface ScreenSurface {
+    opaqueBackground: boolean;
+}
 export interface ScreenStore {
     dragStatus: "IDLE" | "PENDING";
     replaceTransitionStatus: "IDLE" | "PENDING";
     sharedBars: Record<string, SharedBarPresence>;
+    screenSurfaces: Record<string, ScreenSurface>;
     setDragStatus: (dragStatus: "IDLE" | "PENDING") => void;
     setReplaceTransitionStatus: (replaceTransitionStatus: "IDLE" | "PENDING") => void;
     registerSharedBars: (id: string, presence: SharedBarPresence) => void;
     unregisterSharedBars: (id: string) => void;
+    registerScreenSurface: (id: string, surface: ScreenSurface) => void;
+    unregisterScreenSurface: (id: string) => void;
 }
 export type ScreenStoreApi = StoreApi<ScreenStore>;
 export default function createScreenStore(): ScreenStoreApi;

package/dist/transition/__tests__/coverageBranches.test.d.ts

@@ -0,0 +1,6 @@
+declare module '../partTransition/typing' {
+    interface RegisterPartTransition {
+        "coverage-branch-part": "coverage-branch-part";
+    }
+}
+export {};

package/dist/transition/__tests__/presetSwipeCallbacks.test.d.ts

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

package/dist/transition/resolveTransition.d.ts

@@ -0,0 +1,2 @@
+import { Transition, TransitionName } from './typing';
+export default function resolveTransition(transitionName: TransitionName): Transition;

package/dist/utils/__tests__/findScrollableEvent.test.d.ts

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

package/dist/utils/__tests__/isOpaqueColor.test.d.ts

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

package/dist/utils/isOpaqueColor.d.ts

@@ -0,0 +1 @@
+export default function isOpaqueColor(cssColor: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flemo/core",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description": "Framework-agnostic primitives for flemo: history, navigation, transitions, task manager.",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",