@flemo/core 1.19.1 → 1.20.0

package/dist/index.mjs

@@ -500,13 +500,13 @@ var S = [], C = !1, w = (e) => {
 	let n = window.history.state;
 	return n ? Object.values(n).some((e) => !!e && typeof e == "object" && e.id === t) : !1;
 };
-function ee(e, t) {
+function D(e, t) {
 	for (let n = S.length - 1; n >= 0; --n) if (S[n].pathname === t) return S[n].raw?.[e] ?? null;
 	return null;
 }
-var D = /* @__PURE__ */ new WeakMap();
-function te(e) {
-	D.has(e) || D.set(e, x({
+var O = /* @__PURE__ */ new WeakMap();
+function ee(e) {
+	O.has(e) || O.set(e, x({
 		stores: e,
 		driver: e.driver,
 		consume: e.consume,
@@ -515,12 +515,12 @@ function te(e) {
 		ownsPathname: e.ownsPathname
 	}));
 }
-function ne(e) {
-	e.persistent || (D.get(e)?.(), D.delete(e));
+function te(e) {
+	e.persistent || (O.get(e)?.(), O.delete(e));
 }
 //#endregion
 //#region src/history/memoryHistoryDriver.ts
-function re(e) {
+function k(e) {
 	let t = [{
 		state: e?.state ?? null,
 		url: e?.url ?? "/"
@@ -562,7 +562,7 @@ function re(e) {
 }
 //#endregion
 //#region src/navigate/store.ts
-function O() {
+function A() {
 	return e((e) => ({
 		status: "IDLE",
 		transitionTaskId: null,
@@ -572,11 +572,11 @@ function O() {
 }
 //#endregion
 //#region src/navigate/createNavigationController.ts
-var k = (e, t, n) => {
+var j = (e, t, n) => {
 	let { regexp: r } = i(e);
 	for (let e = t - 1; e >= 0; e--) if (r.test(n[e].pathname)) return t - e;
 	return -1;
-}, A = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, j = async (e, t, n, r) => {
+}, M = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, N = async (e, t, n, r) => {
 	let i, a = new Promise((t) => {
 		i = e.subscribe(() => t(!0));
 	}), o = new Promise((e) => setTimeout(() => e(!1), 200));
@@ -584,7 +584,7 @@ var k = (e, t, n) => {
 	let s = await Promise.race([a, o]);
 	i(), s && r();
 };
-function M(e) {
+function ne(e) {
 	let { stores: t, buildPathname: n, driver: r = g(), markSelfInduced: i = y } = e, o = () => t.history.getState().bumpTruncationEpoch(), c = () => {
 		let e = r.readState();
 		if (!e?.id) return null;
@@ -610,10 +610,10 @@ function M(e) {
 			}
 			let s = c(), { index: d, histories: f, addHistory: g, popHistories: _ } = t.history.getState(), v = (() => {
 				if (u?.until != null) {
-					let e = k(u.until, d, f);
+					let e = j(u.until, d, f);
 					return e < 0 ? 0 : e;
 				}
-				return Math.min(A(u?.skip, 0), Math.max(0, d));
+				return Math.min(M(u?.skip, 0), Math.max(0, d));
 			})(), { setStatus: y, setTransitionTaskId: b } = t.navigate.getState();
 			y("PUSHING"), b(h);
 			let { pathname: x, toPathname: S } = n(e, l ?? {}), C = {
@@ -640,7 +640,7 @@ function M(e) {
 			return g({
 				...C,
 				frameIndex: T + 1
-			}), await j(r, i, v, () => {
+			}), await N(r, i, v, () => {
 				o(), r.pushState({
 					id: h,
 					index: T + 1,
@@ -670,10 +670,10 @@ function M(e) {
 			}
 			let s = c(), { index: d, histories: f, addHistory: g, replaceHistory: _, popHistories: v } = t.history.getState(), y = (() => {
 				if (u?.until != null) {
-					let e = k(u.until, d, f);
+					let e = j(u.until, d, f);
 					return e < 0 ? 0 : e + 1;
 				}
-				return Math.min(A(u?.skip, 0) + 1, d + 1);
+				return Math.min(M(u?.skip, 0) + 1, d + 1);
 			})();
 			if (y <= 0) {
 				a.abort();
@@ -705,7 +705,7 @@ function M(e) {
 			return v(y - 1), g({
 				...w,
 				frameIndex: E
-			}), y <= d ? await j(r, i, y, () => {
+			}), y <= d ? await N(r, i, y, () => {
 				o(), r.pushState({
 					id: h,
 					index: E,
@@ -714,7 +714,7 @@ function M(e) {
 					transitionName: p,
 					layoutId: m
 				}, S);
-			}) : await j(r, i, d, () => {
+			}) : await N(r, i, d, () => {
 				o(), r.replaceState({
 					id: h,
 					index: E,
@@ -770,10 +770,10 @@ function M(e) {
 		pop: async (e) => {
 			await d((t, n) => {
 				if (e?.until != null) {
-					let r = k(e.until, t, n);
+					let r = j(e.until, t, n);
 					return r < 0 ? 0 : r;
 				}
-				let r = A(e?.skip, 1);
+				let r = M(e?.skip, 1);
 				return r <= 0 ? 0 : Math.min(r, t);
 			}, e?.transitionName);
 		}
@@ -781,14 +781,14 @@ function M(e) {
 }
 //#endregion
 //#region src/navigate/createStepController.ts
-var ie = (e) => {
+var re = (e) => {
 	let t = e;
 	return t?.step ? t.params ?? {} : null;
-}, ae = (e, t) => {
+}, ie = (e, t) => {
 	let n = new URLSearchParams(Object.fromEntries(Object.entries(t).map(([e, t]) => [e, String(t)]))).toString();
 	return n ? `${e}?${n}` : e;
 };
-function oe(e) {
+function P(e) {
 	let { stores: t, driver: n, markSelfInduced: r, buildStepPathname: i, applyParams: o } = e;
 	return {
 		pushStep: async (e) => {
@@ -846,7 +846,7 @@ function oe(e) {
 		}
 	};
 }
-function se(e, t) {
+function ae(e, t) {
 	return e.subscribe((e) => {
 		let n = e.state;
 		n?.step && s.addTask(async () => {
@@ -856,7 +856,7 @@ function se(e, t) {
 }
 //#endregion
 //#region src/transition/store.ts
-function ce(t = "cupertino") {
+function oe(t = "cupertino") {
 	return e((e) => ({
 		defaultTransitionName: t,
 		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
@@ -864,12 +864,12 @@ function ce(t = "cupertino") {
 }
 //#endregion
 //#region src/utils/matchesPathname.ts
-function le(e, t) {
+function se(e, t) {
 	return i(e).regexp.test(t);
 }
 //#endregion
 //#region src/screen/store.ts
-function ue() {
+function F() {
 	return e((e) => ({
 		dragStatus: "IDLE",
 		replaceTransitionStatus: "IDLE",
@@ -900,21 +900,21 @@ function ue() {
 }
 //#endregion
 //#region src/core/createRouterScope.ts
-var de = {
+var ce = {
 	mark: () => {},
 	consume: () => !1
-}, fe = /* @__PURE__ */ new Map();
-function pe(e) {
+}, le = /* @__PURE__ */ new Map();
+function ue(e) {
 	let { routePaths: t, pathname: n, search: r, defaultTransitionName: i, memory: a, browserDriver: o } = e, s = f() ? void 0 : e.persistKey;
 	if (s) {
-		let e = fe.get(s);
+		let e = le.get(s);
 		if (e) {
 			e.life.alive = !0, e.navigate.getState().setStatus("IDLE"), e.navigate.getState().setTransitionTaskId(null);
 			let t = e.history.getState();
 			return t.setPendingIndex(t.index), e;
 		}
 	}
-	let l = d(t, n, r, i), u = (e.routerKey && !f() ? ee(e.routerKey, n) : null) ?? (o && !f() ? o.readState() : null), p = u?.id ? {
+	let l = d(t, n, r, i), u = (e.routerKey && !f() ? D(e.routerKey, n) : null) ?? (o && !f() ? o.readState() : null), p = u?.id ? {
 		...l,
 		id: u.id,
 		params: u.params ?? l.params,
@@ -927,7 +927,7 @@ function pe(e) {
 		index: 0,
 		histories: [p]
 	}), e.hostedScope;
-	let m = a ? re({
+	let m = a ? k({
 		state: {
 			id: p.id,
 			index: 0,
@@ -937,25 +937,25 @@ function pe(e) {
 			layoutId: p.layoutId
 		},
 		url: p.pathname
-	}) : o, h = a ? de : _(), g = {
+	}) : o, h = a ? ce : _(), g = {
 		history: c([p], 0),
-		navigate: O(),
-		transition: ce(i),
-		screen: ue(),
+		navigate: A(),
+		transition: oe(i),
+		screen: F(),
 		driver: m,
 		markSelfInduced: h.mark,
 		consume: h.consume,
 		routerKey: e.routerKey,
 		zoneEntryId: e.zoneEntryId,
-		ownsPathname: (e) => le(t, e),
+		ownsPathname: (e) => se(t, e),
 		persistent: !!s,
 		life: { alive: !0 }
 	};
-	return s && fe.set(s, g), g;
+	return s && le.set(s, g), g;
 }
 //#endregion
 //#region src/screen/createScreenSelector.ts
-function me(e, t) {
+function de(e, t) {
 	return e.map((n, r) => ({
 		...n,
 		isActive: r === t,
@@ -968,13 +968,13 @@ function me(e, t) {
 }
 //#endregion
 //#region src/screen/computeScreenFreeze.ts
-function he(e) {
+function I(e) {
 	let t = e.status === "COMPLETED" && e.dragStatus === "IDLE";
 	return !e.isActive && t || e.isPrev && e.index - 2 <= e.zIndex && e.replaceTransitionStatus === "IDLE" || e.isPrev && e.index - 2 > e.zIndex;
 }
 //#endregion
 //#region src/transition/createTransition.ts
-function N({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
+function L({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
 	return {
 		name: e,
 		initial: t,
@@ -995,7 +995,7 @@ function N({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exit
 }
 //#endregion
 //#region src/transition/createRawTransition.ts
-function ge({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnExit: l, completedOnEnter: u, options: d }) {
+function R({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnExit: l, completedOnEnter: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -1016,10 +1016,10 @@ function ge({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/cupertino.ts
-var _e = (e, t, n) => {
+var fe = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, ve = N({
+}, pe = L({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -1079,7 +1079,7 @@ var _e = (e, t, n) => {
 		swipeDirection: "x",
 		onSwipeStart: async () => !0,
 		onSwipe: (e, t, { animate: n, currentScreen: r, prevScreen: i, onProgress: a }) => {
-			let { offset: o } = t, s = o.x, c = _e(s, [0, window.innerWidth], [0, 100]);
+			let { offset: o } = t, s = o.x, c = fe(s, [0, window.innerWidth], [0, 100]);
 			return a?.(!0, c), n(r, { x: Math.max(0, s) }, { duration: 0 }), n(i, { x: `${-35 + c * .35}%` }, { duration: 0 }), c;
 		},
 		onSwipeEnd: async (e, t, { animate: n, currentScreen: r, prevScreen: i, onStart: a }) => {
@@ -1103,10 +1103,10 @@ var _e = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), ye = (e, t, n) => {
+}), me = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, be = N({
+}, he = L({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -1134,7 +1134,7 @@ var _e = (e, t, n) => {
 		swipeDirection: "y",
 		onSwipeStart: async () => !0,
 		onSwipe: (e, t, { animate: n, currentScreen: r, onProgress: i }) => {
-			let { offset: a } = t, o = a.y, s = Math.max(0, Math.min(56, o)), c = ye(s, [0, 56], [1, .96]), l = Math.max(0, o - 56), u = Math.min(1, l / 160), d = Math.sqrt(u) * 12, f = Math.max(0, s + d), p = Math.min(56, f);
+			let { offset: a } = t, o = a.y, s = Math.max(0, Math.min(56, o)), c = me(s, [0, 56], [1, .96]), l = Math.max(0, o - 56), u = Math.min(1, l / 160), d = Math.sqrt(u) * 12, f = Math.max(0, s + d), p = Math.min(56, f);
 			return i?.(!0, 100), n(r, {
 				y: f,
 				opacity: c
@@ -1151,7 +1151,7 @@ var _e = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), xe = N({
+}), ge = L({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -1259,7 +1259,7 @@ var _e = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), Se = N({
+}), _e = L({
 	name: "none",
 	initial: {},
 	idle: {
@@ -1282,20 +1282,20 @@ var _e = (e, t, n) => {
 		value: {},
 		options: { duration: 0 }
 	}
-}), P = new Map([
-	["none", Se],
-	["cupertino", ve],
-	["material", xe],
-	["layout", be]
+}), z = new Map([
+	["none", _e],
+	["cupertino", pe],
+	["material", ge],
+	["layout", he]
 ]);
 //#endregion
 //#region src/transition/resolveTransition.ts
-function F(e) {
-	return P.get(e) ?? P.get("none");
+function B(e) {
+	return z.get(e) ?? z.get("none");
 }
 //#endregion
 //#region src/transition/decorator/createDecorator.ts
-function Ce({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function ve({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1316,7 +1316,7 @@ function Ce({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/decorator/createRawDecorator.ts
-function we({ 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 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 }) {
 	return {
 		name: e,
 		initial: t,
@@ -1337,30 +1337,30 @@ function we({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var I = "rgba(0, 0, 0, 0.2)", Te = Ce({
+var be = "rgba(0, 0, 0, 0.2)", xe = ve({
 	name: "overlay",
 	initial: {
 		opacity: 0,
-		backgroundColor: I
+		backgroundColor: be
 	},
 	idle: {
 		value: {
 			opacity: 0,
-			backgroundColor: I
+			backgroundColor: be
 		},
 		options: { duration: 0 }
 	},
 	enter: {
 		value: {
 			opacity: 1,
-			backgroundColor: I
+			backgroundColor: be
 		},
 		options: { duration: .6 }
 	},
 	exit: {
 		value: {
 			opacity: 0,
-			backgroundColor: I
+			backgroundColor: be
 		},
 		options: { duration: .6 }
 	},
@@ -1369,10 +1369,10 @@ var I = "rgba(0, 0, 0, 0.2)", Te = Ce({
 		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 })
 	}
-}), L = new Map([["overlay", Te]]);
+}), V = new Map([["overlay", xe]]);
 //#endregion
 //#region src/transition/partTransition/createPartTransition.ts
-function Ee({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function Se({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1393,7 +1393,7 @@ function Ee({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/partTransition/createRawPartTransition.ts
-function De({ 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 Ce({ 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,
@@ -1414,7 +1414,7 @@ function De({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/partTransition/partTransition.ts
-var R = /* @__PURE__ */ new Map(), z = {
+var H = /* @__PURE__ */ new Map(), U = {
 	"IDLE-true": "self",
 	"IDLE-false": "self",
 	"PUSHING-true": "initial",
@@ -1425,17 +1425,17 @@ var R = /* @__PURE__ */ new Map(), z = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, Oe = Object.keys(z), ke = (e) => {
+}, we = Object.keys(U), Te = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, Ae = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, je = (e, t) => {
-	let n = z[t];
+}, Ee = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, De = (e, t) => {
+	let n = U[t];
 	return n === "self" ? null : n === "initial" ? e.initial : e.variants[n].value;
-}, B = (e, t) => {
-	let n = je(e, t);
+}, W = (e, t) => {
+	let n = De(e, t);
 	if (n === null) return null;
-	let r = e.variants[t], i = ke(r.options), a = Ae(r.options);
+	let r = e.variants[t], i = Te(r.options), a = Ee(r.options);
 	return i <= 0 && a <= 0 ? null : {
 		from: n,
 		to: r.value,
@@ -1443,7 +1443,7 @@ var R = /* @__PURE__ */ new Map(), z = {
 		delay: a,
 		ease: r.options?.ease
 	};
-}, Me = Oe, Ne = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Pe = (e) => typeof e == "object" && !!e && !Array.isArray(e), Fe = 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(".")), Ie = (e, t) => t.startsWith("--") || Fe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Le = (e, t) => typeof t == "number" ? Ie(t, e) : typeof t == "string" ? t : "", Re = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), ze = new Set([
+}, Oe = we, ke = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Ae = (e) => typeof e == "object" && !!e && !Array.isArray(e), je = 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(".")), Me = (e, t) => t.startsWith("--") || je.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Ne = (e, t) => typeof t == "number" ? Me(t, e) : typeof t == "string" ? t : "", Pe = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Fe = new Set([
 	"x",
 	"y",
 	"z",
@@ -1454,7 +1454,7 @@ var R = /* @__PURE__ */ new Map(), z = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), Be = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Ve = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, He = /^1(\.0+)?$/, Ue = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? He.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Ve.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? Be.test(t.trim()) : !1, We = (e, t) => {
+]), Ie = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Le = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Re = /^1(\.0+)?$/, ze = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? Re.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? Le.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? Ie.test(t.trim()) : !1, Be = (e, t) => {
 	switch (e) {
 		case "x": return `translate3d(${t}, 0, 0)`;
 		case "y": return `translate3d(0, ${t}, 0)`;
@@ -1468,16 +1468,16 @@ var R = /* @__PURE__ */ new Map(), z = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, Ge = (e) => {
+}, Ve = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
-		if (!Pe(e)) return;
+		if (!Ae(e)) return;
 		let n = [];
 		for (let r of Object.keys(e)) {
-			let i = e[r], a = Le(r, i);
-			if (a !== "") if (ze.has(r)) n.push(`${r}:${a}`);
+			let i = e[r], a = Ne(r, i);
+			if (a !== "") if (Fe.has(r)) n.push(`${r}:${a}`);
 			else {
-				let e = t.get(Re(r)) ?? /* @__PURE__ */ new Set();
-				e.add(a), t.set(Re(r), e);
+				let e = t.get(Pe(r)) ?? /* @__PURE__ */ new Set();
+				e.add(a), t.set(Pe(r), e);
 			}
 		}
 		r.add(n.sort().join("|"));
@@ -1487,13 +1487,13 @@ var R = /* @__PURE__ */ new Map(), z = {
 	n = r.size > 1;
 	let a = Array.from(t.entries()).filter(([, e]) => e.size > 1).map(([e]) => e);
 	return n && a.push("transform"), a;
-}, V = (e) => {
-	if (!Pe(e)) return [];
+}, G = (e) => {
+	if (!Ae(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = Le(i, a);
-		o !== "" && (ze.has(i) ? (t.push(We(i, o)), Ue(i, a) || (n = !1)) : r.push({
-			property: Re(i),
+		let a = e[i], o = Ne(i, a);
+		o !== "" && (Fe.has(i) ? (t.push(Be(i, o)), ze(i, a) || (n = !1)) : r.push({
+			property: Pe(i),
 			value: o
 		}));
 	}
@@ -1501,7 +1501,7 @@ var R = /* @__PURE__ */ new Map(), z = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, H = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), U = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, K = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), He = (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",
@@ -1511,29 +1511,29 @@ var R = /* @__PURE__ */ new Map(), z = {
 	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", Ke = (e, t) => {
+}[e] ?? "ease" : "ease", Ue = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-screen][data-flemo-transition="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, qe = (e, t) => {
+}, We = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-decorator][data-flemo-decorator-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, Je = (e, t) => {
+}, Ge = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-bar][data-flemo-bar-transition="${e}"][data-flemo-bar-status="${n}"][data-flemo-bar-active="${r}"][data-flemo-bar-riding="true"]`;
-}, Ye = (e, t) => {
+}, Ke = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, W = (e, t, n) => `flemo-${e}-${Ne(t)}-${n}`, Xe = (e, t, n, r, i, a) => {
-	let o = V(r), s = V(i.value), c = ke(i.options), l = Ae(i.options), u = U(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Je(t, n)}` : d;
+}, q = (e, t, n) => `flemo-${e}-${ke(t)}-${n}`, qe = (e, t, n, r, i, a) => {
+	let o = G(r), s = G(i.value), c = Te(i.options), l = Ee(i.options), u = He(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Ge(t, n)}` : d;
 	if (s.length === 0 && o.length === 0) return "";
-	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${H(s)}\n  animation: none;\n}`;
-	let p = W(e, t, n), m = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${K(s)}\n  animation: none;\n}`;
+	let p = q(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		H(o).replace(/^/gm, "  "),
+		K(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		H(s).replace(/^/gm, "  "),
+		K(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1543,55 +1543,60 @@ var R = /* @__PURE__ */ new Map(), z = {
 		l > 0 ? `${l}s` : null,
 		"both"
 	].filter(Boolean).join(" "), g = new Map(o.map((e) => [e.property, e.value])), _ = new Map(s.map((e) => [e.property, e.value])), v = Array.from(new Set([...g.keys(), ..._.keys()])).filter((e) => g.get(e) !== _.get(e)), y = v.length > 0 ? `  will-change: ${v.join(", ")};\n` : "", b = n.split("-")[0];
-	return `${m}\n${`${f} {\n  animation: ${h};\n${y}${b === "PUSHING" || b === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}${e === "screen" && n.endsWith("-false") && Ze(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${H(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && Ze(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${H(s)}\n}` : ""}`;
-}, Ze = (e) => {
+	return `${m}\n${`${f} {\n  animation: ${h};\n${y}${b === "PUSHING" || b === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}${e === "screen" && n.endsWith("-false") && Je(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park"] {\n  animation: none;\n${K(s)}\n}` : ""}${e === "screen" && n.endsWith("-true") && (n.startsWith("PUSHING") || n.startsWith("REPLACING")) && Je(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${K(s)}\n}` : ""}`;
+}, Je = (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);
-}, Qe = (e, t, n, r) => {
-	let i = V(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${H(i)}\n}`;
-}, $e = (e, t, n = []) => {
+}, Ye = (e, t, n, r) => {
+	let i = G(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${K(i)}\n}`;
+}, Xe = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
 		let e = t.name;
-		for (let n of Oe) {
-			let i = t.variants[n], a = z[n];
+		for (let n of we) {
+			let i = t.variants[n], a = U[n];
 			if (a === "self") {
-				r.push(Qe(Ke, e, n, i));
+				r.push(Ye(Ue, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			r.push(Xe("screen", e, n, o, i, Ke));
+			r.push(qe("screen", e, n, o, i, Ue));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of Me) {
-			let i = e.variants[n], a = z[n];
+		for (let n of Oe) {
+			let i = e.variants[n], a = U[n];
 			if (a === "self") {
-				r.push(Qe(qe, t, n, i));
+				r.push(Ye(We, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(Xe("decorator", t, n, o, i, qe));
+			r.push(qe("decorator", t, n, o, i, We));
 		}
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of Me) {
-			let i = e.variants[n], a = z[n];
+		for (let n of Oe) {
+			let i = e.variants[n], a = U[n];
 			if (a === "self") {
-				r.push(Qe(Ye, t, n, i));
+				r.push(Ye(Ke, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			r.push(Xe("part", t, n, o, i, Ye));
+			r.push(qe("part", t, n, o, i, Ke));
 		}
 	}
-	return [...r.filter((e) => e.length > 0), et].join("\n\n");
-}, et = [
+	return [
+		...r.filter((e) => e.length > 0),
+		Ze,
+		$e,
+		et
+	].join("\n\n");
+}, Ze = [
 	"[data-flemo-anim-hold=\"true\"],",
 	"[data-flemo-anim-hold=\"park\"],",
 	"[data-flemo-anim-hold=\"park-under\"],",
@@ -1600,17 +1605,29 @@ var R = /* @__PURE__ */ new Map(), z = {
 	"[data-flemo-anim-hold=\"park-under\"] [data-flemo-part-name] {",
 	"  animation-play-state: paused !important;",
 	"}"
-].join("\n"), G = (e, t) => {
-	let n = z[t];
+].join("\n"), Qe = [["PUSHING", "true"], ["REPLACING", "true"]], $e = [
+	...Qe.flatMap(([e, t], n) => [
+		"",
+		"::before",
+		"::after"
+	].map((r, i) => `[data-flemo-screen][data-flemo-status="${e}"][data-flemo-active="${t}"] :not([data-flemo-part-name])${r}${n === Qe.length - 1 && i === 2 ? " {" : ","}`)),
+	"  animation: none !important;",
+	"}"
+].join("\n"), et = [
+	"[data-flemo-held-arrival] {",
+	"  display: none !important;",
+	"}"
+].join("\n"), J = (e, t) => {
+	let n = U[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = ke(r.options), a = Ae(r.options);
+	let r = e.variants[t], i = Te(r.options), a = Ee(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = V(n === "initial" ? e.initial : e.variants[n].value), s = V(r.value);
+	let o = G(n === "initial" ? e.initial : e.variants[n].value), s = G(r.value);
 	return o.length > 0 || s.length > 0;
 }, tt = "data-flemo";
 function nt() {
 	if (f()) return;
-	let e = $e(P.values(), L.values(), R.values()), t = document.head.querySelector(`style[${tt}]`);
+	let e = Xe(z.values(), V.values(), H.values()), t = document.head.querySelector(`style[${tt}]`);
 	t || (t = document.createElement("style"), t.setAttribute(tt, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
 }
 //#endregion
@@ -1622,13 +1639,13 @@ var rt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map(), at = /* @__P
 	return n <= 0 ? (e.delete(t), !0) : (e.set(t, n), !1);
 };
 function ct(e, t, n = []) {
-	for (let t of e) P.set(t.name, t), ot(rt, t.name);
-	for (let e of t) L.set(e.name, e), ot(it, e.name);
-	for (let e of n) R.set(e.name, e), ot(at, e.name);
+	for (let t of e) z.set(t.name, t), ot(rt, t.name);
+	for (let e of t) V.set(e.name, e), ot(it, e.name);
+	for (let e of n) H.set(e.name, e), ot(at, e.name);
 	return nt(), () => {
-		for (let t of e) st(rt, t.name) && P.delete(t.name);
-		for (let e of t) st(it, e.name) && L.delete(e.name);
-		for (let e of n) st(at, e.name) && R.delete(e.name);
+		for (let t of e) st(rt, t.name) && z.delete(t.name);
+		for (let e of t) st(it, e.name) && V.delete(e.name);
+		for (let e of n) st(at, e.name) && H.delete(e.name);
 		nt();
 	};
 }
@@ -1710,9 +1727,12 @@ var ut = () => ({
 	};
 })(), pt = "flemo:motion-driver", mt = "flemo:motion-driver-force", ht = !1, gt = () => {
 	try {
-		if (typeof localStorage > "u") return null;
-		let e = localStorage.getItem(mt);
-		return e !== "css" && e !== "raf" ? null : (!ht && typeof console < "u" && (ht = !0, console.warn(`[flemo] motion driver pinned to "${e}" via localStorage ${mt}; remove the key to restore automatic selection.`)), e);
+		try {
+			typeof localStorage < "u" && localStorage.removeItem(mt);
+		} catch {}
+		if (typeof sessionStorage > "u") return null;
+		let e = sessionStorage.getItem(mt);
+		return e !== "css" && e !== "raf" ? null : (!ht && typeof console < "u" && (ht = !0, console.warn(`[flemo] motion driver pinned to "${e}" via sessionStorage ${mt}; remove the key to restore automatic selection.`)), e);
 	} catch {
 		return null;
 	}
@@ -1729,7 +1749,7 @@ var ut = () => ({
 			typeof localStorage < "u" && localStorage.setItem(pt, e);
 		} catch {}
 	}
-}), vt = 30, yt = 2, bt = 2, xt = () => typeof navigator < "u" && !!navigator.userAgentData, K = ((e = _t(), t = xt()) => {
+}), vt = 30, yt = 2, bt = 2, Y = ((e = _t(), t = !1) => {
 	let n = e.read() === "css", r = n;
 	n &&= !1;
 	let i = 0, a = 0, o = [];
@@ -1758,43 +1778,43 @@ var ut = () => ({
 			demoted: n
 		})
 	};
-})(), St = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, q = /* @__PURE__ */ new WeakMap(), J = (e, t) => {
-	let n = q.get(e);
-	n || (n = /* @__PURE__ */ new Set(), q.set(e, n)), n.add(t);
-}, Y = (e, t) => {
+})(), xt = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, St = /* @__PURE__ */ new WeakMap(), X = (e, t) => {
+	let n = St.get(e);
+	n || (n = /* @__PURE__ */ new Set(), St.set(e, n)), n.add(t);
+}, Z = (e, t) => {
 	if (ft.cancel(e), e.style.transition = "", e.style.removeProperty("animation-delay"), t) {
-		let n = q.get(e);
+		let n = St.get(e);
 		for (let r of t) e.style.removeProperty(r), n?.delete(r);
 		return;
 	}
-	let n = q.get(e);
+	let n = St.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");
-}, X = (e, t, n = {}) => {
-	if (!St(e)) return Promise.resolve();
-	let r = e, i = V(t);
+}, Q = (e, t, n = {}) => {
+	if (!xt(e)) return Promise.resolve();
+	let r = e, i = G(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 = U(n.ease);
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = He(n.ease);
 	if (a <= 0 && o <= 0) {
 		ft.takeover(r), r.style.transition = "none";
-		for (let e of i) r.style.setProperty(e.property, e.value), J(r, e.property);
+		for (let e of i) r.style.setProperty(e.property, e.value), X(r, e.property);
 		return Promise.resolve();
 	}
-	let c = K.playerAllowed() ? ft.settle(r, i, {
+	let c = Y.playerAllowed() ? ft.settle(r, i, {
 		durationMs: a * 1e3,
 		delayMs: o * 1e3,
 		easing: s
 	}, (e) => {
-		r.style.setProperty(e.property, e.value), J(r, e.property);
+		r.style.setProperty(e.property, e.value), X(r, e.property);
 	}) : null;
 	if (c) return c;
 	let l = i.map((e) => `${e.property} ${a}s ${s} ${o}s`).join(", ");
 	r.style.transition = l, r.offsetWidth;
-	for (let e of i) r.style.setProperty(e.property, e.value), J(r, e.property);
+	for (let e of i) r.style.setProperty(e.property, e.value), X(r, e.property);
 	return new Promise((e) => {
 		let t = !1, n = () => {
 			t || (t = !0, r.removeEventListener("transitionend", i), e());
@@ -1803,7 +1823,92 @@ var ut = () => ({
 		};
 		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
 	});
-}, Ct = (e, t, n, r) => {
+}, Ct = "data-flemo-held-arrival";
+function wt(e) {
+	if (typeof MutationObserver > "u") return () => {};
+	let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = (t) => {
+		let n = t instanceof Element ? t : t.parentElement;
+		return !n || n === e ? !0 : n.closest(`[data-flemo-part-name], [${Ct}]`) !== null;
+	}, s = (e, t, n, r) => e ? n === e.glass ? (e.pendingEcho ? e.pendingEcho = !1 : e.latest = n, e) : (e.latest = n, r(e.glass), e.pendingEcho = !0, e) : n === t ? null : (r(t), {
+		glass: t,
+		latest: n,
+		pendingEcho: !0
+	}), c = new MutationObserver((e) => {
+		let c = /* @__PURE__ */ new Map(), l = (e) => {
+			let t = c.get(e);
+			return t || c.set(e, t = {
+				removed: [],
+				added: []
+			}), t;
+		}, u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
+		for (let i of e) {
+			if (i.type === "characterData") {
+				let e = i.target;
+				if (!e.isConnected || o(e)) continue;
+				u.has(e) || u.set(e, i.oldValue);
+				continue;
+			}
+			if (i.type === "attributes") {
+				let e = i.target, t = i.attributeName;
+				if (t.startsWith("data-flemo") || !e.isConnected || o(e)) continue;
+				let n = d.get(e);
+				n || d.set(e, n = /* @__PURE__ */ new Map()), n.has(t) || n.set(t, i.oldValue);
+				continue;
+			}
+			if (i.type === "childList") {
+				for (let e of Array.from(i.removedNodes)) if (!n.has(e)) {
+					if (e instanceof Element && t.delete(e)) {
+						e.removeAttribute(Ct);
+						continue;
+					}
+					(e instanceof Element || e.nodeType === Node.TEXT_NODE) && l(i.target).removed.push(e);
+				}
+				for (let e of Array.from(i.addedNodes)) r.delete(e) || e instanceof Element && (e.setAttribute(Ct, ""), t.add(e), l(i.target).added.push(e));
+			}
+		}
+		for (let [e, t] of u) {
+			let n = s(i.get(e), t, e.nodeValue, (t) => {
+				e.nodeValue = t;
+			});
+			n && i.set(e, n);
+		}
+		for (let [e, t] of d) {
+			let n = a.get(e);
+			for (let [r, i] of t) {
+				let t = s(n?.get(r), i, e.getAttribute(r), (t) => {
+					t === null ? e.removeAttribute(r) : e.setAttribute(r, t);
+				});
+				t && (n || a.set(e, n = /* @__PURE__ */ new Map()), n.set(r, t));
+			}
+		}
+		for (let [e, i] of c) {
+			if (i.removed.length === 0 || !e.isConnected) continue;
+			let a = i.added.find((t) => t.parentNode === e) ?? Array.from(e.childNodes).find((e) => e instanceof Element && t.has(e)) ?? null;
+			if (!(i.added.length === 0 && !a)) for (let t of i.removed) r.add(t), e.insertBefore(t, a), n.add(t);
+		}
+	});
+	return c.observe(e, {
+		childList: !0,
+		subtree: !0,
+		characterData: !0,
+		characterDataOldValue: !0,
+		attributes: !0,
+		attributeOldValue: !0
+	}), () => {
+		c.disconnect();
+		for (let e of n) e.parentNode?.removeChild(e);
+		n.clear();
+		for (let e of t) e.removeAttribute(Ct);
+		t.clear();
+		for (let [e, t] of i) e.isConnected && (e.nodeValue = t.latest);
+		i.clear();
+		for (let [e, t] of a) if (e.isConnected) for (let [n, r] of t) r.latest === null ? e.removeAttribute(n) : e.setAttribute(n, r.latest);
+		a.clear(), r.clear();
+	};
+}
+//#endregion
+//#region src/transition/cubicBezier.ts
+var Tt = (e, t, n, r) => {
 	let i = (t) => 3 * (1 - t) * (1 - t) * t * e + 3 * (1 - t) * t * t * n + t ** 3, a = (e) => 3 * (1 - e) * (1 - e) * e * t + 3 * (1 - e) * e * e * r + e ** 3;
 	return (e) => {
 		if (e <= 0) return 0;
@@ -1815,7 +1920,7 @@ var ut = () => ({
 		}
 		return a((t + n) / 2);
 	};
-}, wt = (e) => e, Tt = {
+}, Et = (e) => e, Dt = {
 	ease: [
 		.25,
 		.1,
@@ -1870,16 +1975,62 @@ var ut = () => ({
 		.66,
 		-.56
 	]
-}, Et = (e) => {
+}, Ot = (e) => {
 	if (Array.isArray(e)) {
 		if (e.length === 4 && e.every((e) => typeof e == "number")) {
 			let [t, n, r, i] = e;
-			return Ct(t, n, r, i);
+			return Tt(t, n, r, i);
 		}
-		return wt;
+		return Et;
+	}
+	return typeof e == "string" ? e === "linear" ? Et : Tt(...Dt[e] ?? Dt.ease) : Tt(...Dt.ease);
+}, kt = 1 / 255, At = 400, jt = 24, Mt = new Set([
+	"x",
+	"y",
+	"opacity"
+]), Nt = (e, t, n) => {
+	if (!e || typeof e != "object") return;
+	let r = e[t];
+	if (r === void 0) return;
+	if (typeof r == "number") return r;
+	if (typeof r != "string") return null;
+	let i = r.trim();
+	if (i.endsWith("%")) {
+		let e = Number(i.slice(0, -1));
+		if (Number.isNaN(e)) return null;
+		let r = t === "y" ? n.clientHeight : n.clientWidth;
+		return e / 100 * r;
 	}
-	return typeof e == "string" ? e === "linear" ? wt : Ct(...Tt[e] ?? Tt.ease) : Ct(...Tt.ease);
-}, Dt = [
+	if (i.endsWith("px")) {
+		let e = Number(i.slice(0, -2));
+		return Number.isNaN(e) ? null : e;
+	}
+	return null;
+}, Pt = (e, t, n) => {
+	let r = /* @__PURE__ */ new Set();
+	for (let t of [e.from, e.to]) if (!(!t || typeof t != "object")) for (let e of Object.keys(t)) r.add(e);
+	if (r.size === 0) return null;
+	let i = Infinity;
+	for (let a of r) {
+		if (!Mt.has(a)) return null;
+		let r = Nt(e.from, a, t), o = Nt(e.to, a, t);
+		if (r === null || o === null || r === void 0 || o === void 0) return null;
+		let s = Math.abs(o - r);
+		if (s === 0) continue;
+		let c = a === "opacity" ? kt : 1 / Math.max(1, n);
+		i = Math.min(i, c / s);
+	}
+	return !Number.isFinite(i) || i <= 0 || i >= 1 ? null : i;
+}, Ft = (e, t, n) => {
+	if (e.duration <= 0) return null;
+	let r = Pt(e, t, n);
+	if (r === null) return null;
+	let i = Ot(e.ease), a = At;
+	for (let e = At; e >= 0 && !(Math.abs(1 - i(e / At)) > r); --e) a = e;
+	if (a === 0) return null;
+	let o = (e.delay + e.duration * (a / At)) * 1e3;
+	return (e.delay + e.duration) * 1e3 - o < jt ? null : o;
+}, It = [
 	"x",
 	"y",
 	"z",
@@ -1890,7 +2041,7 @@ var ut = () => ({
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-], Ot = new Set(Dt), kt = {
+], Lt = new Set(It), Rt = {
 	x: 0,
 	y: 0,
 	z: 0,
@@ -1901,7 +2052,7 @@ var ut = () => ({
 	rotateX: 0,
 	rotateY: 0,
 	rotateZ: 0
-}, At = (e, t) => {
+}, zt = (e, t) => {
 	if (typeof t == "number") return {
 		value: t,
 		unit: e === "x" || e === "y" || e === "z" ? "px" : ""
@@ -1920,26 +2071,26 @@ var ut = () => ({
 		value: i,
 		unit: a === "" && i === 0 ? "px" : a
 	};
-}, Z = /-?\d*\.?\d+/g, jt = (e, t) => {
-	let n = e.match(Z) ?? [], r = t.match(Z) ?? [];
-	if (n.length !== r.length || e.replace(Z, " ") !== t.replace(Z, " ")) return null;
+}, Bt = /-?\d*\.?\d+/g, Vt = (e, t) => {
+	let n = e.match(Bt) ?? [], r = t.match(Bt) ?? [];
+	if (n.length !== r.length || e.replace(Bt, " ") !== t.replace(Bt, " ")) return null;
 	let i = n.map(Number), a = r.map(Number);
 	return (t) => {
 		let n = 0;
-		return e.replace(Z, () => {
+		return e.replace(Bt, () => {
 			let e = n++, r = i[e] + (a[e] - i[e]) * t;
 			return `${Math.round(r * 1e3) / 1e3}`;
 		});
 	};
-}, Mt = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Nt = (e) => typeof e == "object" && !!e && !Array.isArray(e), Pt = (e) => Nt(e) ? Object.keys(e) : [], Ft = (e, t) => Nt(e) ? e[t] : void 0, It = (e, t) => {
-	let n = new Set([...Pt(e.from), ...Pt(e.to)]), r = [], i = null, a = [], o = [];
+}, Ht = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Ut = (e) => typeof e == "object" && !!e && !Array.isArray(e), Wt = (e) => Ut(e) ? Object.keys(e) : [], Gt = (e, t) => Ut(e) ? e[t] : void 0, Kt = (e, t) => {
+	let n = new Set([...Wt(e.from), ...Wt(e.to)]), r = [], i = null, a = [], o = [];
 	for (let s of n) {
-		let n = Ft(e.from, s), c = Ft(e.to, s);
-		if (Ot.has(s)) {
+		let n = Gt(e.from, s), c = Gt(e.to, s);
+		if (Lt.has(s)) {
 			let e = s, i = {
-				value: kt[e],
+				value: Rt[e],
 				unit: e === "x" || e === "y" || e === "z" ? "px" : ""
-			}, a = n === void 0 ? i : At(e, n), o = c === void 0 ? i : At(e, c);
+			}, a = n === void 0 ? i : zt(e, n), o = c === void 0 ? i : zt(e, c);
 			if (!a || !o || a.unit !== o.unit && a.value !== 0 && o.value !== 0) return null;
 			let l = a.value === 0 && a.unit !== o.unit ? o.unit : a.unit, u = l === "%", d = 0;
 			u && t && (d = e === "y" ? t.offsetHeight / 100 : t.offsetWidth / 100), r.push({
@@ -1970,15 +2121,15 @@ var ut = () => ({
 		if (typeof l != "string" || typeof u != "string") return null;
 		if (l === u) {
 			o.push({
-				property: Mt(s),
+				property: Ht(s),
 				value: l
 			});
 			continue;
 		}
-		let d = jt(l, u);
+		let d = Vt(l, u);
 		if (!d) return null;
 		a.push({
-			property: Mt(s),
+			property: Ht(s),
 			mix: d
 		});
 	}
@@ -1988,46 +2139,46 @@ var ut = () => ({
 		strings: a,
 		constants: o
 	};
-}, Lt = 1, Rt = (e, t, n, r) => {
+}, qt = 1, Jt = (e, t, n, r) => {
 	let i = 0, a = 0, o = !1, s = [], c = !0;
-	for (let l of Dt) {
+	for (let l of It) {
 		let u = e.find((e) => e.prop === l);
 		if (!u) continue;
 		let d = u.from.value + (u.to.value - u.from.value) * t;
 		if (u.from.unit === "%" && (d *= u.percentBase), l === "x" || l === "y") {
-			let e = l === "x" ? r.x : r.y, t = (e === null || Math.abs(d - e) * n >= Lt) && n > 0 ? Math.round(d * n) / n : Math.round(d * 1e3) / 1e3;
+			let e = l === "x" ? r.x : r.y, t = (e === null || Math.abs(d - e) * n >= qt) && n > 0 ? Math.round(d * n) / n : Math.round(d * 1e3) / 1e3;
 			l === "x" ? (r.x = d, i = t) : (r.y = d, a = t), o = !0, t !== 0 && (c = !1);
 			continue;
 		}
-		let f = kt[l];
+		let f = Rt[l];
 		d !== f && (c = !1), l === "z" ? s.push(`translateZ(${d}px)`) : l === "scale" ? s.push(`scale(${d})`) : l === "scaleX" ? s.push(`scaleX(${d})`) : l === "scaleY" ? s.push(`scaleY(${d})`) : l === "rotate" || l === "rotateZ" ? s.push(`rotate(${d}deg)`) : l === "rotateX" ? s.push(`rotateX(${d}deg)`) : l === "rotateY" && s.push(`rotateY(${d}deg)`);
 	}
 	return !o && s.length === 0 ? "" : c ? "none" : [...o ? [`translate3d(${i}px, ${a}px, 0)`] : [], ...s].join(" ");
-}, zt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Bt = (e) => {
+}, Yt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Xt = (e) => {
 	let t = {};
-	for (let n of V(e)) t[zt(n.property)] = n.value;
+	for (let n of G(e)) t[Yt(n.property)] = n.value;
 	return t;
-}, Vt = (e, t) => {
+}, Zt = (e, t) => {
 	if (typeof e.animate != "function") return null;
 	try {
-		let n = e.animate([Bt(t.from), Bt(t.to)], {
+		let n = e.animate([Xt(t.from), Xt(t.to)], {
 			duration: Math.max(0, t.duration * 1e3),
 			delay: Math.max(0, t.delay * 1e3),
-			easing: U(t.ease),
+			easing: He(t.ease),
 			fill: "both"
 		});
 		return n.pause(), n.currentTime = 0, n;
 	} catch {
 		return null;
 	}
-}, Ht = 1e3 / 60, Ut = 100, Wt = () => ({
+}, Qt = 1e3 / 60, $t = 100, en = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e),
 	devicePixelRatio: () => typeof window < "u" && window.devicePixelRatio || 1
-}), Q = ((e = Wt()) => {
+}), tn = ((e = en()) => {
 	let t = /* @__PURE__ */ new Map(), n = {
 		join: (n, r) => {
-			let i = It(r.motion, r.element), s = i ? null : Vt(r.element, r.motion);
+			let i = Kt(r.motion, r.element), s = i ? null : Zt(r.element, r.motion);
 			if (!i && !s) return null;
 			let c = t.get(n);
 			c || (c = {
@@ -2048,14 +2199,14 @@ var ut = () => ({
 					y: null
 				}
 			};
-			if (c.tracks.push(l), l.element.style.animation = "none", J(l.element, "animation"), i) {
-				i.transforms.length > 0 && J(l.element, "transform"), i.opacity && J(l.element, "opacity");
-				for (let e of i.strings) J(l.element, e.property);
-				for (let e of i.constants) J(l.element, e.property);
+			if (c.tracks.push(l), l.element.style.animation = "none", X(l.element, "animation"), i) {
+				i.transforms.length > 0 && X(l.element, "transform"), i.opacity && X(l.element, "opacity");
+				for (let e of i.strings) X(l.element, e.property);
+				for (let e of i.constants) X(l.element, e.property);
 				a(l, 0);
 			}
-			return r.role === "active" && !c.started && (c.started = !0, K.beginRun(), o(n, c)), () => {
-				l.detached = !0, l.scrub?.cancel(), Y(l.element);
+			return r.role === "active" && !c.started && (c.started = !0, Y.beginRun(), o(n, c)), () => {
+				l.detached = !0, l.scrub?.cancel(), Z(l.element);
 				let r = t.get(n);
 				r && (r.tracks = r.tracks.filter((e) => e !== l), r.tracks.length === 0 && (r.frameHandle !== null && e.cancel(r.frameHandle), t.delete(n)));
 			};
@@ -2070,13 +2221,13 @@ var ut = () => ({
 		}
 	}, r = /* @__PURE__ */ new WeakMap(), i = (e) => {
 		let t = r.get(e);
-		return t || (t = Et(e.motion.ease), r.set(e, t)), t;
+		return t || (t = Ot(e.motion.ease), r.set(e, t)), t;
 	};
 	function a(t, n) {
 		let { element: r, parsed: i } = t;
 		if (!(!i || !r.isConnected)) {
 			if (i.transforms.length > 0) {
-				let a = Rt(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
+				let a = Jt(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
 				a !== "" && (r.style.transform = a);
 			}
 			if (i.opacity) {
@@ -2096,7 +2247,7 @@ var ut = () => ({
 		let c = r.startTime ?? s;
 		if (r.lastTime !== null) {
 			let e = s - r.lastTime;
-			K.reportGap(e), n.onFrameGap?.(e), e >= Ut && (c += e - Ht);
+			Y.reportGap(e), n.onFrameGap?.(e), e >= $t && (c += e - Qt);
 		}
 		r.startTime = c, r.lastTime = s;
 		let l = !0;
@@ -2112,14 +2263,14 @@ var ut = () => ({
 			a(e, i(e)(o)), o >= 1 ? (e.completed = !0, e.onComplete?.()) : l = !1;
 		}
 		if (l) {
-			K.endRun(), t.delete(e);
+			Y.endRun(), t.delete(e);
 			return;
 		}
 		o(e, r);
 	}
 	return n;
 })();
-Q.onFrameGap = (e) => {
+tn.onFrameGap = (e) => {
 	if (typeof window < "u") {
 		let t = window.__flemoPlayerGaps ??= [];
 		t.push(Math.round(e * 10) / 10), t.length > 600 && t.splice(0, t.length - 600);
@@ -2127,23 +2278,23 @@ Q.onFrameGap = (e) => {
 };
 //#endregion
 //#region src/core/engine/types.ts
-var Gt = "data-flemo-skip-animation", $ = () => {}, Kt = "data-flemo-part-name", qt = (e) => {
+var nn = "data-flemo-skip-animation", $ = () => {}, rn = "data-flemo-part-name", an = (e) => {
 	let t = e.parentElement ?? e;
-	return Array.from(t.querySelectorAll(`[${Kt}]`)).filter((n) => {
+	return Array.from(t.querySelectorAll(`[${rn}]`)).filter((n) => {
 		let r = n.closest("[data-flemo-screen]");
 		return !r || r === e || !t.contains(r);
 	});
-}, Jt = (e, t) => {
+}, on = (e, t) => {
 	let [n, r] = t.split("-");
-	return qt(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
-}, Yt = 4, Xt = (e) => `${Math.round(e * 1e3) / 1e3}s`, Zt = (e) => {
+	return an(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
+}, sn = 4, cn = (e) => `${Math.round(e * 1e3) / 1e3}s`, ln = (e) => {
 	let { element: t, expectedName: n, motion: r } = e, i = null, a = !1, o = (e) => {
-		a = !0, t.style.animation = "none", t.offsetWidth, t.style.removeProperty("animation"), e.mode === "clear" ? t.style.removeProperty("animation-delay") : e.mode === "set" && (t.style.animationDelay = Xt(e.seconds)), a = !1;
+		a = !0, t.style.animation = "none", t.offsetWidth, t.style.removeProperty("animation"), e.mode === "clear" ? t.style.removeProperty("animation-delay") : e.mode === "set" && (t.style.animationDelay = cn(e.seconds)), a = !1;
 	}, s = (e) => {
 		a || e.target !== t || e.animationName !== n || i === null && (i = performance.now());
 	}, c = (s) => {
 		if (a || s.target !== t || s.animationName !== n) return;
-		if (!e.isLive() || e.budgetUsed() >= Yt) {
+		if (!e.isLive() || e.budgetUsed() >= sn) {
 			e.onTerminal();
 			return;
 		}
@@ -2173,28 +2324,56 @@ var Gt = "data-flemo-skip-animation", $ = () => {}, Kt = "data-flemo-part-name",
 		}
 	};
 };
-function Qt(e) {
-	let t = /* @__PURE__ */ new Map();
+function un(e) {
+	let t = /* @__PURE__ */ new Map(), n = null, r = null, i = () => {
+		if (!r) return;
+		let { land: e, cancel: t } = r;
+		r = null, t(), e();
+	}, a = (e) => {
+		if (typeof requestAnimationFrame != "function") {
+			e();
+			return;
+		}
+		let t = 0;
+		t = requestAnimationFrame(() => {
+			t = requestAnimationFrame(() => {
+				r = null, e();
+			});
+		}), r = {
+			land: e,
+			cancel: () => cancelAnimationFrame(t)
+		};
+	};
 	return {
-		driveScreenLifecycle: (n) => {
-			let { getElements: r, transitionName: i, prevTransitionName: a, status: o, isActive: c, animHoldReleased: l } = n, u = o === "PUSHING" || o === "POPPING" || o === "REPLACING", d = (t, n, a) => {
-				let o = e.getTransitionTaskId();
-				if (!o || s.pendingTaskIds.some((e) => e !== o) || !K.playerAllowed()) return null;
-				let { scope: c, decorator: l, bars: u } = r();
-				if (!c) return null;
-				let d = F(i), f = B(d, t);
+		driveScreenLifecycle: (r) => {
+			let { getElements: o, transitionName: c, prevTransitionName: l, status: u, isActive: d, animHoldReleased: f } = r, p = u === "PUSHING" || u === "POPPING" || u === "REPLACING", m = p && f && (d ? u === "PUSHING" || u === "REPLACING" : u === "POPPING");
+			if (!m && n) {
+				let e = n;
+				n = null, p ? e() : a(e);
+			}
+			if (m && !n) {
+				i();
+				let { scope: e } = o();
+				e && (n = wt(e));
+			}
+			let h = (t, n, r) => {
+				let i = e.getTransitionTaskId();
+				if (!i || s.pendingTaskIds.some((e) => e !== i) || !Y.playerAllowed()) return null;
+				let { scope: a, decorator: l, bars: u } = o();
+				if (!a) return null;
+				let d = B(c), f = W(d, t);
 				if (!f) return null;
-				let p = [], m = Q.join(o, {
-					element: c,
+				let p = [], m = tn.join(i, {
+					element: a,
 					motion: f,
 					role: n,
-					onComplete: a
+					onComplete: r
 				});
 				if (!m) return null;
 				p.push(m);
 				for (let e of u ?? []) {
 					if (!e || e.getAttribute("data-flemo-bar-riding") !== "true") continue;
-					let t = Q.join(o, {
+					let t = tn.join(i, {
 						element: e,
 						motion: f,
 						role: "passive"
@@ -2202,9 +2381,9 @@ function Qt(e) {
 					t && p.push(t);
 				}
 				if (l && d.decoratorName) {
-					let e = L.get(d.decoratorName), n = e ? B(e, t) : null;
+					let e = V.get(d.decoratorName), n = e ? W(e, t) : null;
 					if (n) {
-						let e = Q.join(o, {
+						let e = tn.join(i, {
 							element: l,
 							motion: n,
 							role: "passive"
@@ -2212,20 +2391,20 @@ function Qt(e) {
 						e && p.push(e);
 					}
 				}
-				for (let e of Jt(c, t)) {
-					let n = R.get(e.getAttribute(Kt)), r = n ? B(n, t) : null;
+				for (let e of on(a, t)) {
+					let n = H.get(e.getAttribute(rn)), r = n ? W(n, t) : null;
 					if (!r) continue;
-					let i = Q.join(o, {
+					let a = tn.join(i, {
 						element: e,
 						motion: r,
 						role: "passive"
 					});
-					i && p.push(i);
+					a && p.push(a);
 				}
 				return () => p.forEach((e) => e());
-			}, f = (e, t) => {
-				let n = [], { decorator: a, bars: o } = r(), s = F(i), c = (e, t, r) => {
-					let i = 0, a = Zt({
+			}, g = (e, t) => {
+				let n = [], { decorator: r, bars: i } = o(), a = B(c), s = (e, t, r) => {
+					let i = 0, a = ln({
 						element: e,
 						expectedName: t,
 						motion: r,
@@ -2237,107 +2416,154 @@ function Qt(e) {
 						onTerminal: $
 					});
 					a.attach(), n.push(a.detach);
-				}, l = W("screen", i, t), u = B(s, t);
-				if (u) for (let e of o ?? []) !e || e.getAttribute("data-flemo-bar-riding") !== "true" || c(e, l, u);
-				if (a && s.decoratorName) {
-					let e = L.get(s.decoratorName), n = e ? B(e, t) : null;
-					n && c(a, W("decorator", s.decoratorName, t), n);
+				}, l = q("screen", c, t), u = W(a, t);
+				if (u) for (let e of i ?? []) !e || e.getAttribute("data-flemo-bar-riding") !== "true" || s(e, l, u);
+				if (r && a.decoratorName) {
+					let e = V.get(a.decoratorName), n = e ? W(e, t) : null;
+					n && s(r, q("decorator", a.decoratorName, t), n);
 				}
-				for (let n of Jt(e, t)) {
-					let e = n.getAttribute(Kt), r = R.get(e), i = r ? B(r, t) : null;
-					i && c(n, W("part", e, t), i);
+				for (let n of on(e, t)) {
+					let e = n.getAttribute(rn), r = H.get(e), i = r ? W(r, t) : null;
+					i && s(n, q("part", e, t), i);
 				}
 				return n;
 			};
-			if (!c) {
-				if (o === "COMPLETED") {
-					let { scope: e, decorator: t, bars: n } = r();
+			if (!d) {
+				if (u === "COMPLETED") {
+					let { scope: e, decorator: t, bars: n } = o();
 					if (e) {
-						Y(e);
-						for (let t of qt(e)) Y(t);
+						Z(e);
+						for (let t of an(e)) Z(t);
 					}
-					t && Y(t);
-					for (let e of n ?? []) e && Y(e);
+					t && Z(t);
+					for (let e of n ?? []) e && Z(e);
 					return $;
 				}
-				if (o === "REPLACING" && a !== i && e.setReplaceTransitionStatus("PENDING"), u && l) {
-					let e = `${o}-false`, t = d(e, "passive");
+				if (u === "REPLACING" && l !== c && e.setReplaceTransitionStatus("PENDING"), p && f) {
+					let e = `${u}-false`, t = h(e, "passive");
 					if (t) return t;
-					let { scope: n } = r();
+					let { scope: n } = o();
 					if (n) {
-						let t = F(i), r = [];
-						if (G(t, e)) {
-							let a = B(t, e), o = 0, s = Zt({
+						let t = B(c), r = [];
+						if (J(t, e)) {
+							let i = W(t, e), a = 0, o = ln({
 								element: n,
-								expectedName: W("screen", i, e),
-								motion: a,
+								expectedName: q("screen", c, e),
+								motion: i,
 								isLive: () => n.isConnected && n.getAttribute("data-flemo-skip-animation") !== "true",
-								budgetUsed: () => o,
+								budgetUsed: () => a,
 								spendBudget: () => {
-									o += 1;
+									a += 1;
 								},
 								onTerminal: $
 							});
-							s.attach(), r.push(s.detach);
+							o.attach(), r.push(o.detach);
 						}
-						if (r.push(...f(n, e)), r.length > 0) return () => r.forEach((e) => e());
+						if (r.push(...g(n, e)), r.length > 0) return () => r.forEach((e) => e());
 					}
 				}
 				return $;
 			}
-			if (o === "COMPLETED") {
+			if (u === "COMPLETED") {
 				e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
-				let { scope: t, decorator: n, bars: i } = r();
+				let { scope: t, decorator: n, bars: r } = o();
 				if (t) {
-					Y(t), t.removeAttribute(Gt);
-					for (let e of qt(t)) Y(e);
+					Z(t), t.removeAttribute(nn);
+					for (let e of an(t)) Z(e);
 				}
-				n && (Y(n), n.removeAttribute(Gt));
-				for (let e of i ?? []) e && (Y(e), e.style.removeProperty("will-change"));
+				n && (Z(n), n.removeAttribute(nn));
+				for (let e of r ?? []) e && (Z(e), e.style.removeProperty("will-change"));
 				return $;
 			}
-			if (o === "IDLE") return $;
-			let { scope: p } = r();
-			if (!p) return $;
-			let m = e.getTransitionTaskId(), h = () => {
+			if (u === "IDLE") return $;
+			let { scope: _ } = o();
+			if (!_) return $;
+			let v = e.getTransitionTaskId(), y = () => {
 				let n = e.getTransitionTaskId();
-				n && s.resolveTask(n), m && t.delete(m);
-			}, g = F(i), _ = `${o}-true`, v = p.getAttribute(Gt) === "true";
-			if (!(!v && G(g, _))) return queueMicrotask(h), $;
-			m && (l ? s.anchorGate(m) : s.markGateHeld(m));
-			let y = B(g, _), b = !v && !!y, x = W("screen", i, _), S, C = () => {
-				S !== void 0 && (clearTimeout(S), S = void 0);
-			}, w = $, T = (e) => {
-				e.target === p && e.animationName === x && (p.removeEventListener("animationend", T), C(), w(), h());
+				n && s.resolveTask(n), v && t.delete(v);
+			}, b = B(c), x = `${u}-true`, S = _.getAttribute(nn) === "true";
+			if (!(!S && J(b, x))) {
+				if (!S) {
+					let e = `${u}-false`;
+					if (J(b, e)) {
+						if (!f) return v && s.markGateHeld(v), $;
+						v && s.anchorGate(v);
+						let t = W(b, e), n = (t.delay + t.duration) * 1e3 + 50, r = setTimeout(y, n);
+						return () => clearTimeout(r);
+					}
+				}
+				return queueMicrotask(y), $;
+			}
+			v && (f ? s.anchorGate(v) : s.markGateHeld(v));
+			let C = W(b, x), w = !S && !!C, T = q("screen", c, x), E, D = () => {
+				E !== void 0 && (clearTimeout(E), E = void 0);
+			}, O = 0, ee, te = () => {
+				if (O <= 0) {
+					y();
+					return;
+				}
+				ee = setTimeout(y, O);
+			}, k = $, A = $, j = (e) => {
+				e.target === _ && e.animationName === T && (_.removeEventListener("animationend", j), D(), k(), te());
 			};
-			p.addEventListener("animationend", T);
-			let E = b && l ? d(_, "active", h) : null, ee = (y.delay + y.duration) * 1e3, D = ee + 1500, te = m ? setTimeout(() => void s.resolveTask(m), D) : void 0, ne = ee + 250, re = () => m !== null && e.getTransitionTaskId() === m && p.isConnected && p.getAttribute("data-flemo-skip-animation") !== "true" && G(g, _), O = Zt({
-				element: p,
-				expectedName: x,
-				motion: y,
-				isLive: re,
-				budgetUsed: () => t.get(m) ?? 0,
+			_.addEventListener("animationend", j);
+			let M = w && f ? h(x, "active", y) : null, N = (C.delay + C.duration) * 1e3, ne = N + 1500, re = v ? setTimeout(() => void s.resolveTask(v), ne) : void 0, ie = `${u}-false`, P = J(b, ie) ? W(b, ie) : null, ae = [];
+			for (let e of Array.from(_.ownerDocument.querySelectorAll(`[${rn}][data-flemo-status="${u}"]`))) {
+				let t = H.get(e.getAttribute(rn)), n = `${u}-${e.getAttribute("data-flemo-active")}`, r = t && J(t, n) ? W(t, n) : null;
+				r && ae.push({
+					element: e,
+					motion: r
+				});
+			}
+			let oe = P ? (P.delay + P.duration) * 1e3 : 0;
+			for (let { motion: e } of ae) oe = Math.max(oe, (e.delay + e.duration) * 1e3);
+			O = Math.max(0, Math.min(1e3, oe - N));
+			let se = N + 250, F = () => v !== null && e.getTransitionTaskId() === v && _.isConnected && _.getAttribute("data-flemo-skip-animation") !== "true" && J(b, x), ce = ln({
+				element: _,
+				expectedName: T,
+				motion: C,
+				isLive: F,
+				budgetUsed: () => t.get(v) ?? 0,
 				spendBudget: () => {
-					t.set(m, (t.get(m) ?? 0) + 1);
+					A(), t.set(v, (t.get(v) ?? 0) + 1);
 				},
-				onTerminal: h
+				onTerminal: y
 			});
-			w = O.detach;
-			let k = !1, A = () => {
-				C(), S = setTimeout(j, ne);
-			}, j = () => {
-				if (C(), re() && !k) {
-					k = !0, O.fullRestart(), A();
+			k = ce.detach;
+			let le = !1, ue = () => {
+				D(), E = setTimeout(de, se);
+			}, de = () => {
+				if (D(), F() && !le) {
+					le = !0, A(), ce.fullRestart(), ue();
 					return;
 				}
-				h();
-			}, M = !E && l, ie = M ? f(p, _) : [];
-			return M && (O.attach(), m && A()), () => {
-				if (te !== void 0 && clearTimeout(te), p.removeEventListener("animationend", T), M) {
-					O.detach();
-					for (let e of ie) e();
+				y();
+			}, I = !M && f, L = I ? g(_, x) : [];
+			I && (ce.attach(), v && ue());
+			let R, fe = () => {
+				R !== void 0 && (clearTimeout(R), R = void 0);
+			};
+			if (A = fe, I && v) {
+				let e = typeof window < "u" && window.devicePixelRatio || 1, t = Ft(C, _, e), n = P ? Ft(P, _, e) : 0, r = 0;
+				for (let { element: t, motion: n } of ae) {
+					let i = Ft(n, t, e);
+					if (i === null) {
+						r = null;
+						break;
+					}
+					r = Math.max(r, i);
+				}
+				let i = t !== null && n !== null && r !== null ? Math.max(t, n, r) : null;
+				i !== null && i + 17 < N + O && (R = setTimeout(() => {
+					R = void 0, F() && (_.removeEventListener("animationend", j), D(), k(), y());
+				}, i + 17));
+			}
+			return () => {
+				if (re !== void 0 && clearTimeout(re), ee !== void 0 && clearTimeout(ee), fe(), _.removeEventListener("animationend", j), I) {
+					ce.detach();
+					for (let e of L) e();
 				}
-				C(), E?.(), m && e.getTransitionTaskId() !== m && t.delete(m);
+				D(), M?.(), v && e.getTransitionTaskId() !== v && t.delete(v);
 			};
 		},
 		activeResumeEntryCount: () => t.size
@@ -2345,20 +2571,20 @@ function Qt(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function $t(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = en(e);
+function dn(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = fn(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && tn(s, n) && (!a || nn(s, n))) return {
+	if (s instanceof HTMLElement && pn(s, n) && (!a || mn(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if (tn(c, n) && (!a || nn(c, n))) return {
+		if (pn(c, n) && (!a || mn(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -2369,7 +2595,7 @@ function $t(e, t) {
 		hasMarker: !1
 	};
 }
-function en(e) {
+function fn(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -2377,18 +2603,18 @@ function en(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function tn(e, t) {
+function pn(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function nn(e, t) {
-	if (!tn(e, t) || typeof window > "u") return !1;
+function mn(e, t) {
+	if (!pn(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 rn = "data-flemo-skip-animation";
-function an(e) {
+var hn = "data-flemo-skip-animation";
+function gn(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -2434,9 +2660,9 @@ function an(e) {
 			y: e.clientY
 		}, u = t;
 	}, v = (n, i, a) => {
-		let o = X(n, i, a);
-		if (n === e.getElements().scope) for (let e of r.current) X(e, i, a);
-		else if (n === t) for (let e of r.prev) X(e, i, a);
+		let o = Q(n, i, a);
+		if (n === e.getElements().scope) for (let e of r.current) Q(e, i, a);
+		else if (n === t) for (let e of r.prev) Q(e, i, a);
 		return o;
 	}, y = (t) => {
 		let n = e.getPartnerBars(), i = [], { sharedTopBar: a, sharedBottomBar: o } = e.getElements();
@@ -2450,12 +2676,12 @@ function an(e) {
 			current: i,
 			prev: s
 		};
-		let c = Ge(e.getTransition()).join(", ");
+		let c = Ve(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) Y(e), e.style.removeProperty("will-change");
-		for (let e of r.prev) Y(e), e.style.removeProperty("will-change");
+		for (let e of r.current) Z(e), e.style.removeProperty("will-change");
+		for (let e of r.prev) Z(e), e.style.removeProperty("will-change");
 		r = {
 			current: [],
 			prev: []
@@ -2468,10 +2694,10 @@ function an(e) {
 		};
 	}, S = (e, t, n) => {
 		let r = (r, i) => {
-			let a = R.get(r.getAttribute("data-flemo-part-name"));
+			let a = H.get(r.getAttribute("data-flemo-part-name"));
 			if (!a) return;
 			let o = {
-				animate: X,
+				animate: Q,
 				element: r,
 				active: i
 			};
@@ -2480,7 +2706,7 @@ function an(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]) Y(e);
+		for (let e of [...i.current, ...i.prev]) Z(e);
 		i = {
 			current: [],
 			prev: []
@@ -2509,7 +2735,7 @@ function an(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				m?.onSwipeStart?.(e, {
-					animate: X,
+					animate: Q,
 					currentDecorator: f,
 					prevDecorator: n
 				}), S("start", e, 0);
@@ -2526,7 +2752,7 @@ function an(e) {
 			prevScreen: t,
 			onProgress: (e, t) => {
 				c?.onSwipe?.(e, t, {
-					animate: X,
+					animate: Q,
 					currentDecorator: o,
 					prevDecorator: n
 				}), S("swipe", e, t);
@@ -2545,15 +2771,15 @@ function an(e) {
 			prevScreen: t,
 			onStart: (e) => {
 				u?.onSwipeEnd?.(e, {
-					animate: X,
+					animate: Q,
 					currentDecorator: l,
 					prevDecorator: n
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(rn, "true"), l?.setAttribute(rn, "true");
+			c?.setAttribute(hn, "true"), l?.setAttribute(hn, "true");
 			for (let e of r.current) e.style.removeProperty("will-change");
-			for (let e of r.prev) Y(e), e.style.removeProperty("will-change");
+			for (let e of r.prev) Z(e), e.style.removeProperty("will-change");
 			r = {
 				current: [],
 				prev: []
@@ -2561,14 +2787,14 @@ function an(e) {
 				current: [],
 				prev: []
 			}, e.back();
-		} else c && Y(c), t && Y(t), l && Y(l), n && Y(n), b(), C(), e.setDragStatus("IDLE");
+		} else c && Z(c), t && Z(t), l && Z(l), n && Z(n), b(), C(), e.setDragStatus("IDLE");
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = $t(t.target, {
+			e.isReadyForDrag() && (f = dn(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = $t(t.target, {
+			}), p = dn(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -2597,7 +2823,7 @@ function an(e) {
 }
 //#endregion
 //#region src/screen/computeBarRiding.ts
-function on(e) {
+function _n(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
 		app: !1,
 		nav: !1
@@ -2608,24 +2834,24 @@ function on(e) {
 }
 //#endregion
 //#region src/screen/animStartAnchor.ts
-function sn(e) {
+function vn(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var cn = 300, ln = 20;
-function un(e) {
-	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, ln);
+var yn = 300, bn = 20;
+function xn(e) {
+	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, bn);
 }
-function dn(e) {
-	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of un(e)) t.decode().catch(() => {});
+function Sn(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of xn(e)) t.decode().catch(() => {});
 }
-function fn(e, t = {}) {
+function Cn(e, t = {}) {
 	let n = !1, r = 0, i = [], a = () => {
 		let r = t.scope;
 		if (t.decodeWait === !1 || !r || typeof r.querySelectorAll != "function") {
 			e();
 			return;
 		}
-		let i = un(r);
+		let i = xn(r);
 		if (i.length === 0) {
 			e();
 			return;
@@ -2649,13 +2875,13 @@ function fn(e, t = {}) {
 		n = !0, cancelAnimationFrame(s), r && cancelAnimationFrame(r), i.forEach((e) => cancelAnimationFrame(e));
 	};
 }
-function pn(e, t = {}) {
-	let n = fn(e, t), r = setTimeout(e, 300);
+function wn(e, t = {}) {
+	let n = Cn(e, t), r = setTimeout(e, 300);
 	return () => {
 		n(), clearTimeout(r);
 	};
 }
-function mn() {
+function Tn() {
 	let e = /* @__PURE__ */ new Map(), t = (t, n) => {
 		clearTimeout(n.backstop), e.delete(t);
 		let r = [...n.members];
@@ -2674,7 +2900,7 @@ function mn() {
 		let s = o, c = {
 			release: i,
 			ready: !1,
-			cancelReadiness: fn(() => {
+			cancelReadiness: Cn(() => {
 				c.ready = !0, n(s) && t(r, s);
 			}, a)
 		};
@@ -2691,7 +2917,7 @@ function mn() {
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function hn(e, t) {
+function En(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -2702,14 +2928,14 @@ function hn(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var gn = 0;
-function _n(e) {
+var Dn = 0;
+function On(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 - gn;
-			n = n < 0 ? 0 : n, gn ||= t, e(t, n);
+			let n = t - Dn;
+			n = n < 0 ? 0 : n, Dn ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -2718,7 +2944,7 @@ function _n(e) {
 }
 //#endregion
 //#region src/utils/isOpaqueColor.ts
-function vn(e) {
+function kn(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;
@@ -2729,7 +2955,7 @@ function vn(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function yn(e, n) {
+function An(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}` : ""}`,
@@ -2737,4 +2963,4 @@ function yn(e, n) {
 	};
 }
 //#endregion
-export { cn as ANIM_HOLD_RELEASE_BACKSTOP_MS, Gt as SKIP_ANIMATION_ATTR, s as TaskManger, sn as animHoldKey, X as animateInline, W as animationName, ae as appendParamsQuery, nt as applyTransitionStyles, yn as buildRoutePath, nn as canProgrammaticallyScroll, Y as clearInlineAnimation, Ge as collectAnimatedProperties, $e as compileTransitionStyles, on as computeBarRiding, he as computeScreenFreeze, b as consumeSelfInducedPop, mn as createAnimHoldCoordinator, g as createBrowserHistoryDriver, Ce as createDecorator, c as createHistoryStore, x as createHistorySync, re as createMemoryHistoryDriver, O as createNavigateStore, M as createNavigationController, Ee as createPartTransition, we as createRawDecorator, De as createRawPartTransition, ge as createRawTransition, pe as createRouterScope, me as createScreenSelector, ue as createScreenStore, _ as createSelfPopGuard, oe as createStepController, an as createSwipeController, N as createTransition, Qt as createTransitionEngine, ce as createTransitionStore, ve as cupertino, L as decoratorMap, dn as eagerlyDecodeImages, U as easingToCss, te as ensureScopeHistorySync, p as ensureWindowHistoryState, lt as enteringInitialStyle, $t as findScrollable, l as getMatchedPathPattern, u as getParams, vn as isOpaqueColor, f as isServer, be as layout, y as markSelfInducedPop, le as matchesPathname, xe as material, Se as none, hn as observeBarHeight, _n as observeViewportScrollHeight, tn as overflowsAxis, Te as overlay, R as partTransitionMap, ie as readStepParams, ct as registerTransitionDefinitions, ne as releaseScopeHistorySync, F as resolveTransition, pn as scheduleAnimHoldRelease, d as seedInitialHistory, m as seedRouterEntry, se as subscribeStepParamsRestore, V as targetToDecls, P as transitionMap, G as variantHasAnimation };
+export { yn as ANIM_HOLD_RELEASE_BACKSTOP_MS, nn as SKIP_ANIMATION_ATTR, s as TaskManger, vn as animHoldKey, Q as animateInline, q as animationName, ie as appendParamsQuery, nt as applyTransitionStyles, An as buildRoutePath, mn as canProgrammaticallyScroll, Z as clearInlineAnimation, Ve as collectAnimatedProperties, Xe as compileTransitionStyles, _n as computeBarRiding, I as computeScreenFreeze, b as consumeSelfInducedPop, Tn as createAnimHoldCoordinator, g as createBrowserHistoryDriver, ve as createDecorator, c as createHistoryStore, x as createHistorySync, k as createMemoryHistoryDriver, A as createNavigateStore, ne as createNavigationController, Se as createPartTransition, ye as createRawDecorator, Ce as createRawPartTransition, R as createRawTransition, ue as createRouterScope, de as createScreenSelector, F as createScreenStore, _ as createSelfPopGuard, P as createStepController, gn as createSwipeController, L as createTransition, un as createTransitionEngine, oe as createTransitionStore, pe as cupertino, V as decoratorMap, Sn as eagerlyDecodeImages, He as easingToCss, ee as ensureScopeHistorySync, p as ensureWindowHistoryState, lt as enteringInitialStyle, dn as findScrollable, l as getMatchedPathPattern, u as getParams, kn as isOpaqueColor, f as isServer, he as layout, y as markSelfInducedPop, se as matchesPathname, ge as material, _e as none, En as observeBarHeight, On as observeViewportScrollHeight, pn as overflowsAxis, xe as overlay, H as partTransitionMap, re as readStepParams, ct as registerTransitionDefinitions, te as releaseScopeHistorySync, B as resolveTransition, wn as scheduleAnimHoldRelease, d as seedInitialHistory, m as seedRouterEntry, ae as subscribeStepParamsRestore, G as targetToDecls, z as transitionMap, J as variantHasAnimation };