@flemo/core 1.21.0 → 1.22.0

package/dist/index.mjs

@@ -865,7 +865,7 @@ function ce(e, t) {
 }
 //#endregion
 //#region src/transition/store.ts
-function M(t = "cupertino") {
+function le(t = "cupertino") {
 	return e((e) => ({
 		defaultTransitionName: t,
 		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
@@ -873,12 +873,12 @@ function M(t = "cupertino") {
 }
 //#endregion
 //#region src/utils/matchesPathname.ts
-function le(e, t) {
+function ue(e, t) {
 	return i(e).regexp.test(t);
 }
 //#endregion
 //#region src/screen/store.ts
-function ue() {
+function de() {
 	return e((e) => ({
 		dragStatus: "IDLE",
 		replaceTransitionStatus: "IDLE",
@@ -909,14 +909,14 @@ function ue() {
 }
 //#endregion
 //#region src/core/createRouterScope.ts
-var de = {
+var fe = {
 	mark: () => {},
 	consume: () => !1
-}, N = /* @__PURE__ */ new Map();
-function fe(e) {
+}, M = /* @__PURE__ */ new Map();
+function pe(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 = N.get(s);
+		let e = M.get(s);
 		if (e) {
 			e.life.alive = !0, e.navigate.getState().setStatus("IDLE"), e.navigate.getState().setTransitionTaskId(null);
 			let t = e.history.getState();
@@ -946,25 +946,25 @@ function fe(e) {
 			layoutId: p.layoutId
 		},
 		url: p.pathname
-	}) : o, h = a ? de : _(), g = {
+	}) : o, h = a ? fe : _(), g = {
 		history: c([p], 0),
 		navigate: re(),
-		transition: M(i),
-		screen: ue(),
+		transition: le(i),
+		screen: de(),
 		driver: m,
 		markSelfInduced: h.mark,
 		consume: h.consume,
 		routerKey: e.routerKey,
 		zoneEntryId: e.zoneEntryId,
-		ownsPathname: (e) => le(t, e),
+		ownsPathname: (e) => ue(t, e),
 		persistent: !!s,
 		life: { alive: !0 }
 	};
-	return s && N.set(s, g), g;
+	return s && M.set(s, g), g;
 }
 //#endregion
 //#region src/screen/createScreenSelector.ts
-function pe(e, t) {
+function me(e, t) {
 	return e.map((n, r) => ({
 		...n,
 		isActive: r === t,
@@ -977,13 +977,17 @@ function pe(e, t) {
 }
 //#endregion
 //#region src/screen/computeScreenFreeze.ts
-function me(e) {
+function he(e) {
+	if (e.isPrev && e.index - 2 <= e.zIndex && e.replaceTransitionStatus === "IDLE" || e.isPrev && e.index - 2 > e.zIndex) return "immediate";
 	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;
+	return !e.isActive && t ? "deferred" : "live";
+}
+function ge(e) {
+	return he(e) !== "live";
 }
 //#endregion
 //#region src/transition/createTransition.ts
-function P({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
+function N({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
 	return {
 		name: e,
 		initial: t,
@@ -1004,7 +1008,7 @@ function P({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exit
 }
 //#endregion
 //#region src/transition/createRawTransition.ts
-function F({ 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 _e({ 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,
@@ -1025,10 +1029,10 @@ function F({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replac
 }
 //#endregion
 //#region src/transition/cupertino.ts
-var he = (e, t, n) => {
+var ve = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, I = P({
+}, ye = N({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -1088,7 +1092,7 @@ var he = (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 = he(s, [0, window.innerWidth], [0, 100]);
+			let { offset: o } = t, s = o.x, c = ve(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 }) => {
@@ -1112,10 +1116,10 @@ var he = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), ge = (e, t, n) => {
+}), P = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, _e = P({
+}, be = N({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -1143,7 +1147,7 @@ var he = (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 = ge(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 = P(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
@@ -1160,7 +1164,7 @@ var he = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), ve = P({
+}), xe = N({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -1268,7 +1272,7 @@ var he = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), ye = P({
+}), F = N({
 	name: "none",
 	initial: {},
 	idle: {
@@ -1291,20 +1295,20 @@ var he = (e, t, n) => {
 		value: {},
 		options: { duration: 0 }
 	}
-}), L = /* @__PURE__ */ new Map([
-	["none", ye],
-	["cupertino", I],
-	["material", ve],
-	["layout", _e]
+}), I = /* @__PURE__ */ new Map([
+	["none", F],
+	["cupertino", ye],
+	["material", xe],
+	["layout", be]
 ]);
 //#endregion
 //#region src/transition/resolveTransition.ts
-function be(e) {
-	return L.get(e) ?? L.get("none");
+function Se(e) {
+	return I.get(e) ?? I.get("none");
 }
 //#endregion
 //#region src/transition/decorator/createDecorator.ts
-function xe({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function Ce({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1325,7 +1329,7 @@ function xe({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/decorator/createRawDecorator.ts
-function Se({ 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 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 }) {
 	return {
 		name: e,
 		initial: t,
@@ -1346,30 +1350,30 @@ function Se({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var Ce = "rgba(0, 0, 0, 0.2)", we = xe({
+var Te = "rgba(0, 0, 0, 0.2)", Ee = Ce({
 	name: "overlay",
 	initial: {
 		opacity: 0,
-		backgroundColor: Ce
+		backgroundColor: Te
 	},
 	idle: {
 		value: {
 			opacity: 0,
-			backgroundColor: Ce
+			backgroundColor: Te
 		},
 		options: { duration: 0 }
 	},
 	enter: {
 		value: {
 			opacity: 1,
-			backgroundColor: Ce
+			backgroundColor: Te
 		},
 		options: { duration: .6 }
 	},
 	exit: {
 		value: {
 			opacity: 0,
-			backgroundColor: Ce
+			backgroundColor: Te
 		},
 		options: { duration: .6 }
 	},
@@ -1378,10 +1382,10 @@ var Ce = "rgba(0, 0, 0, 0.2)", we = xe({
 		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 })
 	}
-}), R = /* @__PURE__ */ new Map([["overlay", we]]);
+}), L = /* @__PURE__ */ new Map([["overlay", Ee]]);
 //#endregion
 //#region src/transition/partTransition/createPartTransition.ts
-function Te({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function De({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -1402,7 +1406,7 @@ function Te({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/partTransition/createRawPartTransition.ts
-function Ee({ 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 Oe({ 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,
@@ -1423,7 +1427,7 @@ function Ee({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/partTransition/partTransition.ts
-var z = /* @__PURE__ */ new Map(), B = {
+var R = /* @__PURE__ */ new Map(), z = {
 	"IDLE-true": "self",
 	"IDLE-false": "self",
 	"PUSHING-true": "initial",
@@ -1434,17 +1438,17 @@ var z = /* @__PURE__ */ new Map(), B = {
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, De = Object.keys(B), Oe = (e) => {
+}, ke = Object.keys(z), Ae = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, ke = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Ae = (e, t) => {
-	let n = B[t];
+}, je = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, Me = (e, t) => {
+	let n = z[t];
 	return n === "self" ? null : n === "initial" ? e.initial : e.variants[n].value;
-}, V = (e, t) => {
-	let n = Ae(e, t);
+}, B = (e, t) => {
+	let n = Me(e, t);
 	if (n === null) return null;
-	let r = e.variants[t], i = Oe(r.options), a = ke(r.options);
+	let r = e.variants[t], i = Ae(r.options), a = je(r.options);
 	return i <= 0 && a <= 0 ? null : {
 		from: n,
 		to: r.value,
@@ -1452,7 +1456,7 @@ var z = /* @__PURE__ */ new Map(), B = {
 		delay: a,
 		ease: r.options?.ease
 	};
-}, je = De, Me = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Ne = (e) => typeof e == "object" && !!e && !Array.isArray(e), Pe = /* @__PURE__ */ 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(".")), Fe = (e, t) => t.startsWith("--") || Pe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Ie = (e, t) => typeof t == "number" ? Fe(t, e) : typeof t == "string" ? t : "", Le = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Re = /* @__PURE__ */ new Set([
+}, Ne = ke, Pe = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), Fe = (e) => typeof e == "object" && !!e && !Array.isArray(e), Ie = /* @__PURE__ */ 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(".")), Le = (e, t) => t.startsWith("--") || Ie.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, Re = (e, t) => typeof t == "number" ? Le(t, e) : typeof t == "string" ? t : "", ze = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), Be = /* @__PURE__ */ new Set([
 	"x",
 	"y",
 	"z",
@@ -1463,7 +1467,7 @@ var z = /* @__PURE__ */ new Map(), B = {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), ze = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, Be = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ve = /^1(\.0+)?$/, He = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 || typeof t == "string" && Ve.test(t.trim()) : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 || typeof t == "string" && Be.test(t.trim()) : t === 0 || typeof t == "string" && ze.test(t.trim()), Ue = (e, t) => {
+]), Ve = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, He = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, Ue = /^1(\.0+)?$/, We = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 || typeof t == "string" && Ue.test(t.trim()) : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 || typeof t == "string" && He.test(t.trim()) : t === 0 || typeof t == "string" && Ve.test(t.trim()), Ge = (e, t) => {
 	switch (e) {
 		case "x": return `translate3d(${t}, 0, 0)`;
 		case "y": return `translate3d(0, ${t}, 0)`;
@@ -1477,16 +1481,16 @@ var z = /* @__PURE__ */ new Map(), B = {
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, We = (e) => {
+}, Ke = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
-		if (!Ne(e)) return;
+		if (!Fe(e)) return;
 		let n = [];
 		for (let r of Object.keys(e)) {
-			let i = e[r], a = Ie(r, i);
-			if (a !== "") if (Re.has(r)) n.push(`${r}:${a}`);
+			let i = e[r], a = Re(r, i);
+			if (a !== "") if (Be.has(r)) n.push(`${r}:${a}`);
 			else {
-				let e = t.get(Le(r)) ?? /* @__PURE__ */ new Set();
-				e.add(a), t.set(Le(r), e);
+				let e = t.get(ze(r)) ?? /* @__PURE__ */ new Set();
+				e.add(a), t.set(ze(r), e);
 			}
 		}
 		r.add(n.sort().join("|"));
@@ -1496,13 +1500,13 @@ var z = /* @__PURE__ */ new Map(), B = {
 	n = r.size > 1;
 	let a = Array.from(t.entries()).filter(([, e]) => e.size > 1).map(([e]) => e);
 	return n && a.push("transform"), a;
-}, H = (e) => {
-	if (!Ne(e)) return [];
+}, V = (e) => {
+	if (!Fe(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = Ie(i, a);
-		o !== "" && (Re.has(i) ? (t.push(Ue(i, o)), He(i, a) || (n = !1)) : r.push({
-			property: Le(i),
+		let a = e[i], o = Re(i, a);
+		o !== "" && (Be.has(i) ? (t.push(Ge(i, o)), We(i, a) || (n = !1)) : r.push({
+			property: ze(i),
 			value: o
 		}));
 	}
@@ -1510,7 +1514,7 @@ var z = /* @__PURE__ */ new Map(), B = {
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, U = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), Ge = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, H = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), qe = (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",
@@ -1520,29 +1524,29 @@ var z = /* @__PURE__ */ new Map(), B = {
 	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", Je = (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) => {
+}, Ye = (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) => {
+}, Xe = (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) => {
+}, Ze = (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}-${Me(t)}-${n}`, Xe = (e, t, n, r, i, a) => {
-	let o = H(r), s = H(i.value), c = Oe(i.options), l = ke(i.options), u = Ge(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Je(t, n)}` : d;
+}, U = (e, t, n) => `flemo-${e}-${Pe(t)}-${n}`, Qe = (e, t, n, r, i, a) => {
+	let o = V(r), s = V(i.value), c = Ae(i.options), l = je(i.options), u = qe(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Xe(t, n)}` : d;
 	if (s.length === 0 && o.length === 0) return "";
-	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${U(s)}\n  animation: none;\n}`;
-	let p = W(e, t, n), m = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${H(s)}\n  animation: none;\n}`;
+	let p = U(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		U(o).replace(/^/gm, "  "),
+		H(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		U(s).replace(/^/gm, "  "),
+		H(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -1552,59 +1556,59 @@ var z = /* @__PURE__ */ new Map(), B = {
 		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(/* @__PURE__ */ 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${U(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${U(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") && $e(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")) && $e(r) && s.length > 0 ? `\n${d}[data-flemo-anim-hold="park-under"] {\n  animation: none;\n${H(s)}\n}` : ""}`;
+}, $e = (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 = H(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${U(i)}\n}`;
-}, $e = (e, t, n = []) => {
+}, et = (e, t, n, r) => {
+	let i = V(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${H(i)}\n}`;
+}, tt = (e, t, n = []) => {
 	let r = [];
 	for (let t of e) {
 		let e = t.name;
-		for (let n of De) {
-			let i = t.variants[n], a = B[n];
+		for (let n of ke) {
+			let i = t.variants[n], a = z[n];
 			if (a === "self") {
-				r.push(Qe(Ke, e, n, i));
+				r.push(et(Je, 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, Je));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let n of je) {
-			let i = e.variants[n], a = B[n];
+		for (let n of Ne) {
+			let i = e.variants[n], a = z[n];
 			if (a === "self") {
-				r.push(Qe(qe, t, n, i));
+				r.push(et(Ye, 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, Ye));
 		}
 	}
 	for (let e of n) {
 		let t = e.name;
-		for (let n of je) {
-			let i = e.variants[n], a = B[n];
+		for (let n of Ne) {
+			let i = e.variants[n], a = z[n];
 			if (a === "self") {
-				r.push(Qe(Ye, t, n, i));
+				r.push(et(Ze, 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, Ze));
 		}
 	}
 	return [
 		...r.filter((e) => e.length > 0),
-		et,
-		tt
+		nt,
+		rt
 	].join("\n\n");
-}, et = [
+}, nt = [
 	"[data-flemo-anim-hold=\"true\"],",
 	"[data-flemo-anim-hold=\"park\"],",
 	"[data-flemo-anim-hold=\"park-under\"],",
@@ -1613,45 +1617,45 @@ var z = /* @__PURE__ */ new Map(), B = {
 	"[data-flemo-anim-hold=\"park-under\"] [data-flemo-part-name] {",
 	"  animation-play-state: paused !important;",
 	"}"
-].join("\n"), tt = [
+].join("\n"), rt = [
 	"[data-flemo-held-arrival] {",
 	"  display: none !important;",
 	"}"
-].join("\n"), G = (e, t) => {
-	let n = B[t];
+].join("\n"), W = (e, t) => {
+	let n = z[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = Oe(r.options), a = ke(r.options);
+	let r = e.variants[t], i = Ae(r.options), a = je(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = H(n === "initial" ? e.initial : e.variants[n].value), s = H(r.value);
+	let o = V(n === "initial" ? e.initial : e.variants[n].value), s = V(r.value);
 	return o.length > 0 || s.length > 0;
-}, nt = "data-flemo";
-function rt() {
+}, it = "data-flemo";
+function at() {
 	if (f()) return;
-	let e = $e(L.values(), R.values(), z.values()), t = document.head.querySelector(`style[${nt}]`);
-	t || (t = document.createElement("style"), t.setAttribute(nt, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
+	let e = tt(I.values(), L.values(), R.values()), t = document.head.querySelector(`style[${it}]`);
+	t || (t = document.createElement("style"), t.setAttribute(it, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
 }
 //#endregion
 //#region src/transition/registerTransitionDefinitions.ts
-var it = /* @__PURE__ */ new Map(), at = /* @__PURE__ */ new Map(), ot = /* @__PURE__ */ new Map(), st = (e, t) => {
+var ot = /* @__PURE__ */ new Map(), st = /* @__PURE__ */ new Map(), ct = /* @__PURE__ */ new Map(), lt = (e, t) => {
 	e.set(t, (e.get(t) ?? 0) + 1);
-}, ct = (e, t) => {
+}, ut = (e, t) => {
 	let n = (e.get(t) ?? 1) - 1;
 	return n <= 0 ? (e.delete(t), !0) : (e.set(t, n), !1);
 };
-function lt(e, t, n = []) {
-	for (let t of e) L.set(t.name, t), st(it, t.name);
-	for (let e of t) R.set(e.name, e), st(at, e.name);
-	for (let e of n) z.set(e.name, e), st(ot, e.name);
-	return rt(), () => {
-		for (let t of e) ct(it, t.name) && L.delete(t.name);
-		for (let e of t) ct(at, e.name) && R.delete(e.name);
-		for (let e of n) ct(ot, e.name) && z.delete(e.name);
-		rt();
+function dt(e, t, n = []) {
+	for (let t of e) I.set(t.name, t), lt(ot, t.name);
+	for (let e of t) L.set(e.name, e), lt(st, e.name);
+	for (let e of n) R.set(e.name, e), lt(ct, e.name);
+	return at(), () => {
+		for (let t of e) ut(ot, t.name) && I.delete(t.name);
+		for (let e of t) ut(st, e.name) && L.delete(e.name);
+		for (let e of n) ut(ct, e.name) && R.delete(e.name);
+		at();
 	};
 }
 //#endregion
 //#region src/transition/enteringInitialStyle.ts
-function ut(e) {
+function ft(e) {
 	let { initial: t, isActive: n, status: r } = e;
 	if (!n || r !== "PUSHING" && r !== "REPLACING") return {};
 	let i = {};
@@ -1659,10 +1663,10 @@ function ut(e) {
 }
 //#endregion
 //#region src/transition/settleScrub.ts
-var dt = () => ({
+var pt = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e)
-}), ft = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), pt = ((e = dt()) => {
+}), mt = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), ht = ((e = pt()) => {
 	let t = /* @__PURE__ */ new Map(), n = null, r = () => {
 		t.size === 0 && n !== null && (e.cancel(n), n = null);
 	}, i = (e, n) => {
@@ -1695,7 +1699,7 @@ var dt = () => ({
 			if (typeof r.animate != "function") return null;
 			i(r, "current");
 			let l = {};
-			for (let e of o) l[ft(e.property)] = e.value;
+			for (let e of o) l[mt(e.property)] = e.value;
 			let u;
 			try {
 				u = r.animate([l], {
@@ -1725,55 +1729,56 @@ var dt = () => ({
 		takeover: (e) => i(e, "current"),
 		cancel: (e) => i(e, "drop")
 	};
-})(), mt = "flemo:motion-driver", ht = "flemo:motion-driver-force", gt = !1, _t = () => {
+})(), gt = "flemo:motion-driver", _t = "flemo:motion-driver-force", vt = !1, yt = () => {
 	try {
 		try {
-			typeof localStorage < "u" && localStorage.removeItem(ht);
+			typeof localStorage < "u" && localStorage.removeItem(_t);
 		} catch {}
 		if (typeof sessionStorage > "u") return null;
-		let e = sessionStorage.getItem(ht);
+		let e = sessionStorage.getItem(_t);
 		if (e === null) return null;
 		let [t, n] = e.split("@"), r = Number(n);
-		return (t === "css" || t === "raf") && n !== void 0 && Number.isFinite(r) && Math.abs(Date.now() - r) < 864e5 ? (!gt && typeof console < "u" && (gt = !0, console.warn(`[flemo] motion driver pinned to "${t}" via sessionStorage ${ht}; remove the key to restore automatic selection (pins expire after 24h).`)), t) : (sessionStorage.removeItem(ht), null);
+		return (t === "css" || t === "raf") && n !== void 0 && Number.isFinite(r) && Math.abs(Date.now() - r) < 864e5 ? (!vt && typeof console < "u" && (vt = !0, console.warn(`[flemo] motion driver pinned to "${t}" via sessionStorage ${_t}; remove the key to restore automatic selection (pins expire after 24h).`)), t) : (sessionStorage.removeItem(_t), null);
 	} catch {
 		return null;
 	}
-}, vt = () => ({
+}, bt = () => ({
 	read: () => {
 		try {
-			return typeof localStorage < "u" ? localStorage.getItem(mt) : null;
+			return typeof localStorage < "u" ? localStorage.getItem(gt) : null;
 		} catch {
 			return null;
 		}
 	},
 	write: (e) => {
 		try {
-			typeof localStorage < "u" && localStorage.setItem(mt, e);
+			typeof localStorage < "u" && localStorage.setItem(gt, e);
 		} catch {}
 	}
-}), yt = 30, bt = 2, xt = 2, St = () => typeof navigator < "u" && !!navigator.userAgentData, Ct = (e = vt(), t = !1, n = !0) => {
+}), xt = 30, St = 2, Ct = 2, wt = () => typeof navigator < "u" && !!navigator.userAgentData, Tt = (e = bt(), t = !1, n = !0) => {
 	let r = n && e.read() === "css", i = r;
 	r &&= !1;
 	let a = 0, o = 0, s = [];
 	return {
 		playerAllowed: () => {
-			let e = _t();
+			let e = yt();
 			return e ? e === "raf" : t && !r;
 		},
+		pinnedDriver: yt,
 		beginRun: () => {
 			o = 0, s = [];
 		},
 		reportGap: (e) => {
-			s.push(e), e >= yt && (o += 1);
+			s.push(e), e >= xt && (o += 1);
 		},
 		endRun: () => {
-			let t = o >= bt;
+			let t = o >= St;
 			if (t && (a += 1), n) {
 				if (i) {
 					i = !1, t ? r = !0 : e.write("raf");
 					return;
 				}
-				t && a >= xt && !r && (r = !0, e.write("css"));
+				t && a >= Ct && !r && (r = !0, e.write("css"));
 			}
 		},
 		stats: () => ({
@@ -1782,16 +1787,16 @@ var dt = () => ({
 			demoted: r
 		})
 	};
-}, wt = St() ? Ct() : Ct(vt(), !0, !1), Tt = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, Et = /* @__PURE__ */ new WeakMap(), K = (e, t) => {
-	let n = Et.get(e);
-	n || (n = /* @__PURE__ */ new Set(), Et.set(e, n)), n.add(t);
+}, G = wt() ? Tt() : Tt(bt(), !0, !1), Et = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, Dt = /* @__PURE__ */ new WeakMap(), K = (e, t) => {
+	let n = Dt.get(e);
+	n || (n = /* @__PURE__ */ new Set(), Dt.set(e, n)), n.add(t);
 }, q = (e, t) => {
-	if (pt.cancel(e), e.style.transition = "", e.style.removeProperty("animation-delay"), t) {
-		let n = Et.get(e);
+	if (ht.cancel(e), e.style.transition = "", e.style.removeProperty("animation-delay"), t) {
+		let n = Dt.get(e);
 		for (let r of t) e.style.removeProperty(r), n?.delete(r);
 		return;
 	}
-	let n = Et.get(e);
+	let n = Dt.get(e);
 	if (n && n.size > 0) {
 		for (let t of n) e.style.removeProperty(t);
 		n.clear();
@@ -1799,16 +1804,16 @@ var dt = () => ({
 	}
 	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
 }, J = (e, t, n = {}) => {
-	if (!Tt(e)) return Promise.resolve();
-	let r = e, i = H(t);
+	if (!Et(e)) return Promise.resolve();
+	let r = e, i = V(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 = Ge(n.ease);
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = qe(n.ease);
 	if (a <= 0 && o <= 0) {
-		pt.takeover(r), r.style.transition = "none";
+		ht.takeover(r), r.style.transition = "none";
 		for (let e of i) r.style.setProperty(e.property, e.value), K(r, e.property);
 		return Promise.resolve();
 	}
-	let c = wt.playerAllowed() ? pt.settle(r, i, {
+	let c = G.playerAllowed() ? ht.settle(r, i, {
 		durationMs: a * 1e3,
 		delayMs: o * 1e3,
 		easing: s
@@ -1827,12 +1832,12 @@ var dt = () => ({
 		};
 		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
 	});
-}, Dt = "data-flemo-held-arrival";
-function Ot(e) {
+}, Ot = "data-flemo-held-arrival";
+function kt(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 || n.closest(`[data-flemo-part-name], [${Dt}]`) !== null;
+		return !n || n === e || n.closest(`[data-flemo-part-name], [${Ot}]`) !== 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,
@@ -1862,12 +1867,12 @@ function Ot(e) {
 			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(Dt);
+						e.removeAttribute(Ot);
 						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(Dt, ""), t.add(e), l(i.target).added.push(e));
+				for (let e of Array.from(i.addedNodes)) r.delete(e) || e instanceof Element && (e.setAttribute(Ot, ""), t.add(e), l(i.target).added.push(e));
 			}
 		}
 		for (let [e, t] of u) {
@@ -1902,7 +1907,7 @@ function Ot(e) {
 		c.disconnect();
 		for (let e of n) e.parentNode?.removeChild(e);
 		n.clear();
-		for (let e of t) e.removeAttribute(Dt);
+		for (let e of t) e.removeAttribute(Ot);
 		t.clear();
 		for (let [e, t] of i) e.isConnected && (e.nodeValue = t.latest);
 		i.clear();
@@ -1912,34 +1917,34 @@ function Ot(e) {
 }
 //#endregion
 //#region src/core/engine/compositorWarmUp.ts
-var kt = "data-flemo-warm", At = 3e3, jt = [{ transform: "translate3d(0, 0, 0)" }, { transform: "translate3d(1px, 0, 0)" }], Mt = {
+var At = "data-flemo-warm", jt = 3e3, Mt = [{ transform: "translate3d(0, 0, 0)" }, { transform: "translate3d(1px, 0, 0)" }], Nt = {
 	duration: 500,
 	iterations: Infinity,
 	direction: "alternate",
 	easing: "linear"
-}, Nt = "position:fixed;top:0;left:0;width:1px;height:1px;pointer-events:none;opacity:0.02;background:#888;will-change:transform;", Y = null, Pt = null, X = 0, Ft = () => {
-	X = 0, Pt?.cancel(), Pt = null, Y?.remove(), Y = null;
+}, Pt = "position:fixed;top:0;left:0;width:1px;height:1px;pointer-events:none;opacity:0.02;background:#888;will-change:transform;", Y = null, Ft = null, X = 0, It = () => {
+	X = 0, Ft?.cancel(), Ft = null, Y?.remove(), Y = null;
 };
-function It() {
+function Lt() {
 	if (typeof document > "u" || !document.body || typeof Element > "u" || typeof Element.prototype.animate != "function") return () => {};
 	if (X += 1, !Y) {
-		Y = document.createElement("div"), Y.setAttribute(kt, ""), Y.setAttribute("aria-hidden", "true"), Y.setAttribute("style", Nt), document.body.appendChild(Y);
+		Y = document.createElement("div"), Y.setAttribute(At, ""), Y.setAttribute("aria-hidden", "true"), Y.setAttribute("style", Pt), document.body.appendChild(Y);
 		try {
-			Pt = Y.animate(jt, Mt);
+			Ft = Y.animate(Mt, Nt);
 		} catch {
-			Pt = null;
+			Ft = null;
 		}
 	}
 	let e = !1, t = setTimeout(() => {
-		e || (e = !0, --X, X <= 0 && Ft());
-	}, At);
+		e || (e = !0, --X, X <= 0 && It());
+	}, jt);
 	return () => {
-		e || (e = !0, clearTimeout(t), --X, X <= 0 && Ft());
+		e || (e = !0, clearTimeout(t), --X, X <= 0 && It());
 	};
 }
 //#endregion
 //#region src/transition/cubicBezier.ts
-var Lt = (e, t, n, r) => {
+var Rt = (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;
@@ -1951,7 +1956,7 @@ var Lt = (e, t, n, r) => {
 		}
 		return a((t + n) / 2);
 	};
-}, Rt = (e) => e, zt = {
+}, zt = (e) => e, Bt = {
 	ease: [
 		.25,
 		.1,
@@ -2006,20 +2011,20 @@ var Lt = (e, t, n, r) => {
 		.66,
 		-.56
 	]
-}, Bt = (e) => {
+}, Vt = (e) => {
 	if (Array.isArray(e)) {
 		if (e.length === 4 && e.every((e) => typeof e == "number")) {
 			let [t, n, r, i] = e;
-			return Lt(t, n, r, i);
+			return Rt(t, n, r, i);
 		}
-		return Rt;
+		return zt;
 	}
-	return typeof e == "string" ? e === "linear" ? Rt : Lt(...zt[e] ?? zt.ease) : Lt(...zt.ease);
-}, Vt = 1 / 255, Ht = 400, Ut = 24, Wt = /* @__PURE__ */ new Set([
+	return typeof e == "string" ? e === "linear" ? zt : Rt(...Bt[e] ?? Bt.ease) : Rt(...Bt.ease);
+}, Ht = 1 / 255, Ut = 400, Wt = 24, Gt = /* @__PURE__ */ new Set([
 	"x",
 	"y",
 	"opacity"
-]), Gt = (e, t, n) => {
+]), Kt = (e, t, n) => {
 	if (!e || typeof e != "object") return;
 	let r = e[t];
 	if (r === void 0) return;
@@ -2037,31 +2042,31 @@ var Lt = (e, t, n, r) => {
 		return Number.isNaN(e) ? null : e;
 	}
 	return null;
-}, Kt = (e, t, n) => {
+}, qt = (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 (!Wt.has(a)) return null;
-		let r = Gt(e.from, a, t), o = Gt(e.to, a, t);
+		if (!Gt.has(a)) return null;
+		let r = Kt(e.from, a, t), o = Kt(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" ? Vt : 1 / Math.max(1, n);
+		let c = a === "opacity" ? Ht : 1 / Math.max(1, n);
 		i = Math.min(i, c / s);
 	}
 	return !Number.isFinite(i) || i <= 0 || i >= 1 ? null : i;
-}, qt = (e, t, n) => {
+}, Jt = (e, t, n) => {
 	if (e.duration <= 0) return null;
-	let r = Kt(e, t, n);
+	let r = qt(e, t, n);
 	if (r === null) return null;
-	let i = Bt(e.ease), a = Ht;
-	for (let e = Ht; e >= 0 && !(Math.abs(1 - i(e / Ht)) > r); --e) a = e;
+	let i = Vt(e.ease), a = Ut;
+	for (let e = Ut; e >= 0 && !(Math.abs(1 - i(e / Ut)) > r); --e) a = e;
 	if (a === 0) return null;
-	let o = (e.delay + e.duration * (a / Ht)) * 1e3;
-	return (e.delay + e.duration) * 1e3 - o < Ut ? null : o;
-}, Jt = [
+	let o = (e.delay + e.duration * (a / Ut)) * 1e3;
+	return (e.delay + e.duration) * 1e3 - o < Wt ? null : o;
+}, Yt = [
 	"x",
 	"y",
 	"z",
@@ -2072,7 +2077,7 @@ var Lt = (e, t, n, r) => {
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-], Yt = new Set(Jt), Xt = {
+], Xt = new Set(Yt), Zt = {
 	x: 0,
 	y: 0,
 	z: 0,
@@ -2083,7 +2088,7 @@ var Lt = (e, t, n, r) => {
 	rotateX: 0,
 	rotateY: 0,
 	rotateZ: 0
-}, Zt = (e, t) => {
+}, Qt = (e, t) => {
 	if (typeof t == "number") return {
 		value: t,
 		unit: e === "x" || e === "y" || e === "z" ? "px" : ""
@@ -2102,26 +2107,26 @@ var Lt = (e, t, n, r) => {
 		value: i,
 		unit: a === "" && i === 0 ? "px" : a
 	};
-}, Qt = /-?\d*\.?\d+/g, $t = (e, t) => {
-	let n = e.match(Qt) ?? [], r = t.match(Qt) ?? [];
-	if (n.length !== r.length || e.replace(Qt, " ") !== t.replace(Qt, " ")) return null;
+}, $t = /-?\d*\.?\d+/g, en = (e, t) => {
+	let n = e.match($t) ?? [], r = t.match($t) ?? [];
+	if (n.length !== r.length || e.replace($t, " ") !== t.replace($t, " ")) return null;
 	let i = n.map(Number), a = r.map(Number);
 	return (t) => {
 		let n = 0;
-		return e.replace(Qt, () => {
+		return e.replace($t, () => {
 			let e = n++, r = i[e] + (a[e] - i[e]) * t;
 			return `${Math.round(r * 1e3) / 1e3}`;
 		});
 	};
-}, en = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), tn = (e) => typeof e == "object" && !!e && !Array.isArray(e), nn = (e) => tn(e) ? Object.keys(e) : [], rn = (e, t) => tn(e) ? e[t] : void 0, an = (e, t) => {
-	let n = /* @__PURE__ */ new Set([...nn(e.from), ...nn(e.to)]), r = [], i = null, a = [], o = [];
+}, tn = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), nn = (e) => typeof e == "object" && !!e && !Array.isArray(e), rn = (e) => nn(e) ? Object.keys(e) : [], an = (e, t) => nn(e) ? e[t] : void 0, on = (e, t) => {
+	let n = /* @__PURE__ */ new Set([...rn(e.from), ...rn(e.to)]), r = [], i = null, a = [], o = [];
 	for (let s of n) {
-		let n = rn(e.from, s), c = rn(e.to, s);
-		if (Yt.has(s)) {
+		let n = an(e.from, s), c = an(e.to, s);
+		if (Xt.has(s)) {
 			let e = s, i = {
-				value: Xt[e],
+				value: Zt[e],
 				unit: e === "x" || e === "y" || e === "z" ? "px" : ""
-			}, a = n === void 0 ? i : Zt(e, n), o = c === void 0 ? i : Zt(e, c);
+			}, a = n === void 0 ? i : Qt(e, n), o = c === void 0 ? i : Qt(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({
@@ -2152,15 +2157,15 @@ var Lt = (e, t, n, r) => {
 		if (typeof l != "string" || typeof u != "string") return null;
 		if (l === u) {
 			o.push({
-				property: en(s),
+				property: tn(s),
 				value: l
 			});
 			continue;
 		}
-		let d = $t(l, u);
+		let d = en(l, u);
 		if (!d) return null;
 		a.push({
-			property: en(s),
+			property: tn(s),
 			mix: d
 		});
 	}
@@ -2170,46 +2175,64 @@ var Lt = (e, t, n, r) => {
 		strings: a,
 		constants: o
 	};
-}, on = 1, sn = (e, t, n, r) => {
+}, sn = 1, cn, ln = () => {
+	if (cn !== void 0) return cn;
+	try {
+		let e = typeof sessionStorage < "u" ? sessionStorage.getItem("flemo:apply") : null;
+		cn = e === "scrub" ? e : null;
+	} catch {
+		cn = null;
+	}
+	return cn;
+}, un, dn = () => {
+	if (un !== void 0) return un;
+	try {
+		let e = typeof sessionStorage < "u" ? sessionStorage.getItem("flemo:snap") : null;
+		un = e === "always" || e === "off" ? e : null;
+	} catch {
+		un = null;
+	}
+	return un;
+}, fn = (e, t, n, r) => {
 	let i = 0, a = 0, o = !1, s = [], c = !0;
-	for (let l of Jt) {
+	for (let l of Yt) {
 		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 >= on) && 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);
+			let e = l === "x" ? r.x : r.y, t = dn(), s = (t === "always" || t !== "off" && (e === null || Math.abs(d - e) * n >= sn)) && n > 0 ? Math.round(d * n) / n : Math.round(d * 1e3) / 1e3;
+			l === "x" ? (r.x = d, i = s) : (r.y = d, a = s), o = !0, s !== 0 && (c = !1);
 			continue;
 		}
-		let f = Xt[l];
+		let f = Zt[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(" ");
-}, cn = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), ln = (e) => {
+}, pn = (e) => e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), mn = (e) => {
 	let t = {};
-	for (let n of H(e)) t[cn(n.property)] = n.value;
+	for (let n of V(e)) t[pn(n.property)] = n.value;
 	return t;
-}, un = (e, t) => {
+}, hn = (e, t) => {
 	if (typeof e.animate != "function") return null;
 	try {
-		let n = e.animate([ln(t.from), ln(t.to)], {
+		let n = e.animate([mn(t.from), mn(t.to)], {
 			duration: Math.max(0, t.duration * 1e3),
 			delay: Math.max(0, t.delay * 1e3),
-			easing: Ge(t.ease),
+			easing: qe(t.ease),
 			fill: "both"
 		});
 		return n.pause(), n.currentTime = 0, n;
 	} catch {
 		return null;
 	}
-}, dn = 1e3 / 60, fn = 100, pn = () => ({
+}, gn = 1e3 / 60 * 2, _n = () => ({
 	request: (e) => requestAnimationFrame(e),
 	cancel: (e) => cancelAnimationFrame(e),
 	devicePixelRatio: () => typeof window < "u" && window.devicePixelRatio || 1
-}), mn = ((e = pn()) => {
+}), vn = ((e = _n()) => {
 	let t = /* @__PURE__ */ new Map(), n = {
 		join: (n, r) => {
-			let i = an(r.motion, r.element), s = i ? null : un(r.element, r.motion);
+			let i = ln() === "scrub" ? null : on(r.motion, r.element), s = i ? null : hn(r.element, r.motion);
 			if (!i && !s) return null;
 			let c = t.get(n);
 			c || (c = {
@@ -2236,7 +2259,7 @@ var Lt = (e, t, n, r) => {
 				for (let e of i.constants) K(l.element, e.property);
 				a(l, 0);
 			}
-			return r.role === "active" && !c.started && (c.started = !0, wt.beginRun(), o(n, c)), () => {
+			return r.role === "active" && !c.started && (c.started = !0, G.beginRun(), o(n, c)), () => {
 				l.detached = !0, l.scrub?.cancel(), q(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)));
@@ -2252,13 +2275,13 @@ var Lt = (e, t, n, r) => {
 		}
 	}, r = /* @__PURE__ */ new WeakMap(), i = (e) => {
 		let t = r.get(e);
-		return t || (t = Bt(e.motion.ease), r.set(e, t)), t;
+		return t || (t = Vt(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 = sn(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
+				let a = fn(i.transforms, n, e.devicePixelRatio(), t.snapMemory);
 				a !== "" && (r.style.transform = a);
 			}
 			if (i.opacity) {
@@ -2278,7 +2301,7 @@ var Lt = (e, t, n, r) => {
 		let c = r.startTime ?? s;
 		if (r.lastTime !== null) {
 			let e = s - r.lastTime;
-			wt.reportGap(e), n.onFrameGap?.(e), e >= fn && (c += e - dn);
+			G.reportGap(e), n.onFrameGap?.(e), e > gn && (c += e - gn);
 		}
 		r.startTime = c, r.lastTime = s;
 		let l = !0;
@@ -2294,14 +2317,14 @@ var Lt = (e, t, n, r) => {
 			a(e, i(e)(o)), o >= 1 ? (e.completed = !0, e.onComplete?.()) : l = !1;
 		}
 		if (l) {
-			wt.endRun(), t.delete(e);
+			G.endRun(), t.delete(e);
 			return;
 		}
 		o(e, r);
 	}
 	return n;
 })();
-mn.onFrameGap = (e) => {
+vn.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);
@@ -2309,23 +2332,87 @@ mn.onFrameGap = (e) => {
 };
 //#endregion
 //#region src/core/engine/types.ts
-var hn = "data-flemo-skip-animation", Z = () => {}, gn = 400, _n = "data-flemo-part-name", vn = (e) => {
+var yn = "data-flemo-skip-animation", bn = 1e3 / 60, xn = (e, t) => {
+	let n = 0, r = !1;
+	for (let i of ["x", "y"]) {
+		let a = Kt(e.from, i, t), o = Kt(e.to, i, t);
+		if (!(a === void 0 && o === void 0)) {
+			if (a === null || o === null || a === void 0 || o === void 0) return null;
+			r = !0, n = Math.max(n, Math.abs(o - a));
+		}
+	}
+	if (!r || n === 0) return 0;
+	let i = e.duration * 1e3;
+	/* v8 ignore next 2 -- resolveVariantMotion never yields duration<=0 with a
+	distance; kept so a hand-built motion cannot divide by zero. */
+	if (i <= 0) return 0;
+	let a = i / bn, o = Vt(e.ease), s = Math.max(1, Math.min(240, Math.ceil(a))), c = 0, l = o(0);
+	for (let e = 1; e <= s; e++) {
+		let t = o(e / s);
+		c = Math.max(c, Math.abs(t - l)), l = t;
+	}
+	return n * c * (s / a);
+}, Sn = (e, t, n) => {
+	let r = e.driver;
+	if (r === "native" || r === "player") return r;
+	let i = 0;
+	for (let r of ["true", "false"]) {
+		let a = B(e, `${t}-${r}`);
+		if (!a) continue;
+		let o = xn(a, n);
+		if (o === null) return "player";
+		i = Math.max(i, o);
+	}
+	return i >= 6 ? "native" : "player";
+}, Cn = 1e3 / 60 * 2, wn = "flemo-", Tn = (e, t, n) => {
+	if (typeof e.getAnimations == "function") for (let r of e.getAnimations({ subtree: n })) {
+		let e = r.animationName;
+		if (typeof e != "string" || !e.startsWith(wn) || r.playState !== "running") continue;
+		let n = r.startTime;
+		typeof n == "number" && (r.startTime = n + t);
+	}
+};
+function En(e, t) {
+	/* v8 ignore next -- every runtime under test has rAF; the guard shields
+	exotic embedders. */
+	if (typeof requestAnimationFrame != "function") return () => {};
+	let n = 0, r = null, i = !1, a = (o) => {
+		if (!i) {
+			if (r !== null) {
+				let n = o - r;
+				if (n > 33.333333333333336) {
+					let r = n - Cn;
+					e().forEach((e, t) => {
+						e && Tn(e, r, t === 0);
+					}), t?.(r);
+				}
+			}
+			r = o, n = requestAnimationFrame(a);
+		}
+	};
+	return n = requestAnimationFrame(a), () => {
+		i = !0, cancelAnimationFrame(n);
+	};
+}
+//#endregion
+//#region src/core/engine/createTransitionEngine.ts
+var Z = () => {}, Dn = 400, On = 4, kn = 100, An = "data-flemo-part-name", jn = (e) => {
 	let t = e.parentElement ?? e;
-	return Array.from(t.querySelectorAll(`[${_n}]`)).filter((n) => {
+	return Array.from(t.querySelectorAll(`[${An}]`)).filter((n) => {
 		let r = n.closest("[data-flemo-screen]");
 		return !r || r === e || !t.contains(r);
 	});
-}, yn = (e, t) => {
+}, Mn = (e, t) => {
 	let [n, r] = t.split("-");
-	return vn(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
-}, bn = 4, xn = (e) => `${Math.round(e * 1e3) / 1e3}s`, Sn = (e) => {
+	return jn(e).filter((e) => e.getAttribute("data-flemo-status") === n && e.getAttribute("data-flemo-active") === r);
+}, Nn = 4, Pn = (e) => `${Math.round(e * 1e3) / 1e3}s`, Fn = (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 = xn(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 = Pn(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() >= bn) {
+		if (!e.isLive() || e.budgetUsed() >= Nn) {
 			e.onTerminal();
 			return;
 		}
@@ -2355,7 +2442,7 @@ var hn = "data-flemo-skip-animation", Z = () => {}, gn = 400, _n = "data-flemo-p
 		}
 	};
 };
-function Cn(e) {
+function In(e) {
 	let t = /* @__PURE__ */ new Map(), n = null, r = null, i = null, a = null, o = () => {
 		if (!a) return;
 		let { land: e, cancel: t } = a;
@@ -2378,9 +2465,9 @@ function Cn(e) {
 	return {
 		driveScreenLifecycle: (a) => {
 			let { getElements: l, transitionName: u, prevTransitionName: d, status: f, isActive: p, animHoldReleased: m } = a, h = f === "PUSHING" || f === "POPPING" || f === "REPLACING";
-			h && (i &&= (clearTimeout(i), null), r ||= It()), !h && r && !i && (typeof setTimeout == "function" ? i = setTimeout(() => {
+			h && (i &&= (clearTimeout(i), null), r ||= Lt()), !h && r && !i && (typeof setTimeout == "function" ? i = setTimeout(() => {
 				i = null, r?.(), r = null;
-			}, gn) : (r(), r = null));
+			}, Dn) : (r(), r = null));
 			let g = h && m && (p ? f === "PUSHING" || f === "REPLACING" : f === "POPPING");
 			if (!g && n) {
 				let e = n;
@@ -2389,16 +2476,21 @@ function Cn(e) {
 			if (g && !n) {
 				o();
 				let { scope: e } = l();
-				e && (n = Ot(e));
+				e && (n = kt(e));
 			}
 			let _ = (t, n, r) => {
 				let i = e.getTransitionTaskId();
-				if (!i || s.pendingTaskIds.some((e) => e !== i) || !wt.playerAllowed()) return null;
+				if (!i || s.pendingTaskIds.some((e) => e !== i) || !G.playerAllowed()) return null;
 				let { scope: a, decorator: o, bars: c } = l();
 				if (!a) return null;
-				let d = be(u), f = V(d, t);
+				let d = Se(u);
+				if (G.pinnedDriver() !== "raf") {
+					let e = t.split("-")[0];
+					if (Sn(d, e, a) === "native") return null;
+				}
+				let f = B(d, t);
 				if (!f) return null;
-				let p = [], m = mn.join(i, {
+				let p = [], m = vn.join(i, {
 					element: a,
 					motion: f,
 					role: n,
@@ -2408,7 +2500,7 @@ function Cn(e) {
 				p.push(m);
 				for (let e of c ?? []) {
 					if (!e || e.getAttribute("data-flemo-bar-riding") !== "true") continue;
-					let t = mn.join(i, {
+					let t = vn.join(i, {
 						element: e,
 						motion: f,
 						role: "passive"
@@ -2416,9 +2508,9 @@ function Cn(e) {
 					t && p.push(t);
 				}
 				if (o && d.decoratorName) {
-					let e = R.get(d.decoratorName), n = e ? V(e, t) : null;
+					let e = L.get(d.decoratorName), n = e ? B(e, t) : null;
 					if (n) {
-						let e = mn.join(i, {
+						let e = vn.join(i, {
 							element: o,
 							motion: n,
 							role: "passive"
@@ -2426,10 +2518,10 @@ function Cn(e) {
 						e && p.push(e);
 					}
 				}
-				for (let e of yn(a, t)) {
-					let n = z.get(e.getAttribute(_n)), r = n ? V(n, t) : null;
+				for (let e of Mn(a, t)) {
+					let n = R.get(e.getAttribute(An)), r = n ? B(n, t) : null;
 					if (!r) continue;
-					let a = mn.join(i, {
+					let a = vn.join(i, {
 						element: e,
 						motion: r,
 						role: "passive"
@@ -2438,8 +2530,8 @@ function Cn(e) {
 				}
 				return () => p.forEach((e) => e());
 			}, v = (e, t) => {
-				let n = [], { decorator: r, bars: i } = l(), a = be(u), o = (e, t, r) => {
-					let i = 0, a = Sn({
+				let n = [], { decorator: r, bars: i } = l(), a = Se(u), o = (e, t, r) => {
+					let i = 0, a = Fn({
 						element: e,
 						expectedName: t,
 						motion: r,
@@ -2451,15 +2543,15 @@ function Cn(e) {
 						onTerminal: Z
 					});
 					a.attach(), n.push(a.detach);
-				}, s = W("screen", u, t), c = V(a, t);
+				}, s = U("screen", u, t), c = B(a, t);
 				if (c) for (let e of i ?? []) !e || e.getAttribute("data-flemo-bar-riding") !== "true" || o(e, s, c);
 				if (r && a.decoratorName) {
-					let e = R.get(a.decoratorName), n = e ? V(e, t) : null;
-					n && o(r, W("decorator", a.decoratorName, t), n);
+					let e = L.get(a.decoratorName), n = e ? B(e, t) : null;
+					n && o(r, U("decorator", a.decoratorName, t), n);
 				}
-				for (let n of yn(e, t)) {
-					let e = n.getAttribute(_n), r = z.get(e), i = r ? V(r, t) : null;
-					i && o(n, W("part", e, t), i);
+				for (let n of Mn(e, t)) {
+					let e = n.getAttribute(An), r = R.get(e), i = r ? B(r, t) : null;
+					i && o(n, U("part", e, t), i);
 				}
 				return n;
 			};
@@ -2468,7 +2560,7 @@ function Cn(e) {
 					let { scope: e, decorator: t, bars: n } = l();
 					if (e) {
 						q(e);
-						for (let t of vn(e)) q(t);
+						for (let t of jn(e)) q(t);
 					}
 					t && q(t);
 					for (let e of n ?? []) e && q(e);
@@ -2479,11 +2571,11 @@ function Cn(e) {
 					if (t) return t;
 					let { scope: n } = l();
 					if (n) {
-						let t = be(u), r = [];
-						if (G(t, e)) {
-							let i = V(t, e), a = 0, o = Sn({
+						let t = Se(u), r = [];
+						if (W(t, e)) {
+							let i = B(t, e), a = 0, o = Fn({
 								element: n,
-								expectedName: W("screen", u, e),
+								expectedName: U("screen", u, e),
 								motion: i,
 								isLive: () => n.isConnected && n.getAttribute("data-flemo-skip-animation") !== "true",
 								budgetUsed: () => a,
@@ -2503,10 +2595,10 @@ function Cn(e) {
 				e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
 				let { scope: t, decorator: n, bars: r } = l();
 				if (t) {
-					q(t), t.removeAttribute(hn);
-					for (let e of vn(t)) q(e);
+					q(t), t.removeAttribute(yn);
+					for (let e of jn(t)) q(e);
 				}
-				n && (q(n), n.removeAttribute(hn));
+				n && (q(n), n.removeAttribute(yn));
 				for (let e of r ?? []) e && (q(e), e.style.removeProperty("will-change"));
 				return Z;
 			}
@@ -2516,72 +2608,101 @@ function Cn(e) {
 			let b = e.getTransitionTaskId(), x = () => {
 				let n = e.getTransitionTaskId();
 				n && s.resolveTask(n), b && t.delete(b);
-			}, S = be(u), C = `${f}-true`, w = y.getAttribute(hn) === "true";
-			if (!(!w && G(S, C))) {
+			}, S = Se(u), C = `${f}-true`, w = y.getAttribute(yn) === "true";
+			if (!(!w && W(S, C))) {
 				if (!w) {
 					let e = `${f}-false`;
-					if (G(S, e)) {
+					if (W(S, e)) {
 						if (!m) return b && s.markGateHeld(b), Z;
 						b && s.anchorGate(b);
-						let t = V(S, e), n = (t.delay + t.duration) * 1e3 + 50, r = setTimeout(x, n);
+						let t = B(S, e), n = (t.delay + t.duration) * 1e3 + 50, r = setTimeout(x, n);
 						return () => clearTimeout(r);
 					}
 				}
 				return queueMicrotask(x), Z;
 			}
 			b && (m ? s.anchorGate(b) : s.markGateHeld(b));
-			let T = V(S, C), E = !w && !!T, ee = W("screen", u, C), D, O = () => {
+			let T = B(S, C), E = !w && !!T, ee = U("screen", u, C), D, O = () => {
 				D !== void 0 && (clearTimeout(D), D = void 0);
-			}, te = 0, ne, re = () => {
-				if (te <= 0) {
+			}, te = 0, ne, re = [], k, A = () => {
+				re.forEach((e) => cancelAnimationFrame(e)), re = [], k !== void 0 && clearTimeout(k), k = void 0;
+			}, j = () => {
+				/* v8 ignore next 4 -- every runtime under test has rAF; the guard
+				shields exotic embedders. */
+				if (typeof requestAnimationFrame != "function") {
 					x();
 					return;
 				}
-				ne = setTimeout(x, te);
-			}, k = Z, A = Z, j = (e) => {
-				e.target === y && e.animationName === ee && (y.removeEventListener("animationend", j), O(), k(), re());
+				k = setTimeout(() => {
+					A(), x();
+				}, kn);
+				let e = (t) => {
+					if (t <= 0) {
+						A(), x();
+						return;
+					}
+					re.push(requestAnimationFrame(() => e(t - 1)));
+				};
+				e(On);
+			}, ie = () => {
+				if (te <= 0) {
+					j();
+					return;
+				}
+				ne = setTimeout(j, te);
+			}, ae = Z, oe = Z, se = (e) => {
+				e.target === y && e.animationName === ee && (y.removeEventListener("animationend", se), O(), ae(), ie());
 			};
-			y.addEventListener("animationend", j);
-			let ie = E && m ? _(C, "active", x) : null, ae = (T.delay + T.duration) * 1e3, oe = ae + 1500, se = b ? setTimeout(() => void s.resolveTask(b), oe) : void 0, ce = `${f}-false`, M = G(S, ce) ? V(S, ce) : null, le = [];
-			for (let e of Array.from(y.ownerDocument.querySelectorAll(`[${_n}][data-flemo-status="${f}"]`))) {
-				let t = z.get(e.getAttribute(_n)), n = `${f}-${e.getAttribute("data-flemo-active")}`, r = t && G(t, n) ? V(t, n) : null;
-				r && le.push({
+			y.addEventListener("animationend", se);
+			let ce = E && m ? _(C, "active", j) : null, le = (T.delay + T.duration) * 1e3, ue = le + 1500, de = b ? setTimeout(() => void s.resolveTask(b), ue) : void 0, fe = `${f}-false`, M = W(S, fe) ? B(S, fe) : null, pe = [];
+			for (let e of Array.from(y.ownerDocument.querySelectorAll(`[${An}][data-flemo-status="${f}"]`))) {
+				let t = R.get(e.getAttribute(An)), n = `${f}-${e.getAttribute("data-flemo-active")}`, r = t && W(t, n) ? B(t, n) : null;
+				r && pe.push({
 					element: e,
 					motion: r
 				});
 			}
-			let ue = M ? (M.delay + M.duration) * 1e3 : 0;
-			for (let { motion: e } of le) ue = Math.max(ue, (e.delay + e.duration) * 1e3);
-			te = Math.max(0, Math.min(1e3, ue - ae));
-			let de = ae + 250, N = () => b !== null && e.getTransitionTaskId() === b && y.isConnected && y.getAttribute("data-flemo-skip-animation") !== "true" && G(S, C), fe = Sn({
+			let me = M ? (M.delay + M.duration) * 1e3 : 0;
+			for (let { motion: e } of pe) me = Math.max(me, (e.delay + e.duration) * 1e3);
+			te = Math.max(0, Math.min(1e3, me - le));
+			let he = le + 250, ge = () => b !== null && e.getTransitionTaskId() === b && y.isConnected && y.getAttribute("data-flemo-skip-animation") !== "true" && W(S, C), N = Fn({
 				element: y,
 				expectedName: ee,
 				motion: T,
-				isLive: N,
+				isLive: ge,
 				budgetUsed: () => t.get(b) ?? 0,
 				spendBudget: () => {
-					A(), t.set(b, (t.get(b) ?? 0) + 1);
+					oe(), t.set(b, (t.get(b) ?? 0) + 1);
 				},
 				onTerminal: x
 			});
-			k = fe.detach;
-			let pe = !1, me = () => {
-				O(), D = setTimeout(P, de);
-			}, P = () => {
-				if (O(), N() && !pe) {
-					pe = !0, A(), fe.fullRestart(), me();
+			ae = N.detach;
+			let _e = !1, ve = () => {
+				O(), D = setTimeout(ye, he);
+			}, ye = () => {
+				if (O(), ge() && !_e) {
+					_e = !0, oe(), N.fullRestart(), ve();
 					return;
 				}
 				x();
-			}, F = !ie && m, he = F ? v(y, C) : [];
-			F && (fe.attach(), b && me());
-			let I, ge = () => {
-				I !== void 0 && (clearTimeout(I), I = void 0);
+			}, P = !ce && m, be = P ? v(y, C) : [];
+			P && (N.attach(), b && ve());
+			let xe = P && !wt() ? En(() => {
+				let { decorator: e, bars: t } = l();
+				return [
+					y,
+					e,
+					...t ?? []
+				];
+			}, () => {
+				oe(), b && D !== void 0 && ve();
+			}) : null, F, I = () => {
+				F !== void 0 && (clearTimeout(F), F = void 0);
 			};
-			if (A = ge, F && b) {
-				let e = typeof window < "u" && window.devicePixelRatio || 1, t = qt(T, y, e), n = M ? qt(M, y, e) : 0, r = 0;
-				for (let { element: t, motion: n } of le) {
-					let i = qt(n, t, e);
+			if (oe = I, P && b) {
+				let e = typeof window < "u" && window.devicePixelRatio || 1, t = Jt(T, y, e), n = M ? Jt(M, y, e) : 0, r = 0;
+				for (let { element: t, motion: n } of pe) {
+					let i = Jt(n, t, e);
 					if (i === null) {
 						r = null;
 						break;
@@ -2589,16 +2710,16 @@ function Cn(e) {
 					r = Math.max(r, i);
 				}
 				let i = t !== null && n !== null && r !== null ? Math.max(t, n, r) : null;
-				i !== null && i + 17 < ae + te && (I = setTimeout(() => {
-					I = void 0, N() && (y.removeEventListener("animationend", j), O(), k(), x());
+				i !== null && i + 17 < le + te && (F = setTimeout(() => {
+					F = void 0, ge() && (y.removeEventListener("animationend", se), O(), ae(), j());
 				}, i + 17));
 			}
 			return () => {
-				if (se !== void 0 && clearTimeout(se), ne !== void 0 && clearTimeout(ne), ge(), y.removeEventListener("animationend", j), F) {
-					fe.detach();
-					for (let e of he) e();
+				if (de !== void 0 && clearTimeout(de), ne !== void 0 && clearTimeout(ne), A(), xe?.(), I(), y.removeEventListener("animationend", se), P) {
+					N.detach();
+					for (let e of be) e();
 				}
-				O(), ie?.(), b && e.getTransitionTaskId() !== b && t.delete(b);
+				O(), ce?.(), b && e.getTransitionTaskId() !== b && t.delete(b);
 			};
 		},
 		activeResumeEntryCount: () => t.size
@@ -2606,20 +2727,20 @@ function Cn(e) {
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function wn(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Tn(e);
+function Ln(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = Rn(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && En(s, n) && (!a || Dn(s, n))) return {
+	if (s instanceof HTMLElement && zn(s, n) && (!a || Bn(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if (En(c, n) && (!a || Dn(c, n))) return {
+		if (zn(c, n) && (!a || Bn(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -2630,7 +2751,7 @@ function wn(e, t) {
 		hasMarker: !1
 	};
 }
-function Tn(e) {
+function Rn(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -2638,18 +2759,18 @@ function Tn(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function En(e, t) {
+function zn(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function Dn(e, t) {
-	if (!En(e, t) || typeof window > "u") return !1;
+function Bn(e, t) {
+	if (!zn(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 On = "data-flemo-skip-animation";
-function kn(e) {
+var Vn = "data-flemo-skip-animation";
+function Hn(e) {
 	let t = null, n = null, r = {
 		current: [],
 		prev: []
@@ -2711,7 +2832,7 @@ function kn(e) {
 			current: i,
 			prev: s
 		};
-		let c = We(e.getTransition()).join(", ");
+		let c = Ke(e.getTransition()).join(", ");
 		for (let e of i) e.style.willChange = c;
 		for (let e of s) e.style.willChange = c;
 	}, b = () => {
@@ -2729,7 +2850,7 @@ function kn(e) {
 		};
 	}, S = (e, t, n) => {
 		let r = (r, i) => {
-			let a = z.get(r.getAttribute("data-flemo-part-name"));
+			let a = R.get(r.getAttribute("data-flemo-part-name"));
 			if (!a) return;
 			let o = {
 				animate: J,
@@ -2812,7 +2933,7 @@ function kn(e) {
 				}), S("end", e, 0);
 			}
 		})) {
-			c?.setAttribute(On, "true"), l?.setAttribute(On, "true");
+			c?.setAttribute(Vn, "true"), l?.setAttribute(Vn, "true");
 			for (let e of r.current) e.style.removeProperty("will-change");
 			for (let e of r.prev) q(e), e.style.removeProperty("will-change");
 			r = {
@@ -2826,10 +2947,10 @@ function kn(e) {
 	};
 	return {
 		pointerDown: (t) => {
-			e.isReadyForDrag() && (f = wn(t.target, {
+			e.isReadyForDrag() && (f = Ln(t.target, {
 				direction: "x",
 				verifyByScroll: !0
-			}), p = wn(t.target, {
+			}), p = Ln(t.target, {
 				direction: "y",
 				verifyByScroll: !0
 			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
@@ -2858,7 +2979,7 @@ function kn(e) {
 }
 //#endregion
 //#region src/screen/computeBarRiding.ts
-function An(e) {
+function Un(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? {
 		app: !1,
 		nav: !1
@@ -2869,31 +2990,31 @@ function An(e) {
 }
 //#endregion
 //#region src/screen/pendingNetwork.ts
-var jn = 0, Mn = !1, Nn = () => {
-	jn = Math.max(0, jn - 1);
-}, Pn = () => {
-	if (!(Mn || typeof window > "u")) {
-		if (Mn = !0, typeof window.fetch == "function") {
+var Wn = 0, Gn = !1, Kn = () => {
+	Wn = Math.max(0, Wn - 1);
+}, qn = () => {
+	if (!(Gn || typeof window > "u")) {
+		if (Gn = !0, typeof window.fetch == "function") {
 			let e = window.fetch.bind(window);
 			window.fetch = (...t) => {
-				jn += 1;
+				Wn += 1;
 				let n;
 				try {
 					n = e(...t);
 				} catch (e) {
-					throw Nn(), e;
+					throw Kn(), e;
 				}
-				return n.then((e) => (Nn(), e), (e) => {
-					throw Nn(), e;
+				return n.then((e) => (Kn(), e), (e) => {
+					throw Kn(), e;
 				});
 			};
 		}
 		if (typeof XMLHttpRequest == "function") {
 			let e = XMLHttpRequest.prototype.send;
 			XMLHttpRequest.prototype.send = function(...t) {
-				jn += 1;
+				Wn += 1;
 				let n = !1, r = () => {
-					n || (n = !0, Nn());
+					n || (n = !0, Kn());
 				};
 				this.addEventListener("loadend", r);
 				try {
@@ -2904,26 +3025,41 @@ var jn = 0, Mn = !1, Nn = () => {
 			};
 		}
 	}
-}, Fn = () => (Pn(), jn > 0);
+}, Jn = () => (qn(), Wn > 0);
 //#endregion
 //#region src/screen/animStartAnchor.ts
-function In(e) {
+function Yn(e) {
 	return !(e.status === "PUSHING" || e.status === "POPPING" || e.status === "REPLACING") || !e.isTopOrTopPrev ? null : `${e.status}:${e.transitionName}`;
 }
-var Ln = 300, Rn = 20;
-function zn(e) {
-	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, Rn);
+var Xn = 300, Zn = 20;
+function Qn(e) {
+	return Array.from(e.querySelectorAll("img")).filter((e) => e.complete && typeof e.decode == "function").slice(0, Zn);
 }
-function Bn(e) {
-	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of zn(e)) t.decode().catch(() => {});
+function $n(e) {
+	if (!(!e || typeof e.querySelectorAll != "function")) for (let t of Qn(e)) t.decode().catch(() => {});
 }
-var Vn = 3, Hn = 40, Un = 24, Wn = (e) => {
+var er = 3, tr = 40, nr = 24, rr = (e) => {
 	if (typeof e.querySelectorAll != "function") return !1;
 	let t = e.querySelectorAll("*").length;
 	/* v8 ignore stop */
-	return t < Un ? !1 : ((e.textContent ?? "").trim().length + e.querySelectorAll("img").length * Hn) / t < Vn;
+	return t < nr ? !1 : ((e.textContent ?? "").trim().length + e.querySelectorAll("img").length * tr) / t < er;
+}, ir = (e) => typeof e.getAnimations == "function" && e.getAnimations({ subtree: !0 }).some((e) => {
+	let t = e.animationName;
+	return typeof t != "string" || !t.startsWith("flemo-");
+}), ar = (e) => {
+	/* v8 ignore next -- the settle gate only runs a scope past looksLikeShell,
+	which already requires querySelectorAll. */
+	if (typeof e.querySelectorAll != "function") return !1;
+	/* v8 ignore next 2 -- every DOM element implements getBoundingClientRect;
+	the guard shields exotic embedders. */
+	let t = typeof e.getBoundingClientRect == "function" ? e.getBoundingClientRect() : null, n = t && t.height > 0 ? t : null, r = 0;
+	for (let t of Array.from(e.querySelectorAll("img"))) {
+		if (r >= Zn) break;
+		if (!(t.loading === "lazy" && !t.currentSrc) && !(n && t.getBoundingClientRect().top - n.top >= n.height) && (r += 1, !t.complete)) return !0;
+	}
+	return !1;
 };
-function Gn(e, t = {}) {
+function or(e, t = {}) {
 	let n = !1, r = 0, i = [], a = [], o = () => {
 		if (n) return;
 		let r = t.scope;
@@ -2931,7 +3067,7 @@ function Gn(e, t = {}) {
 			e();
 			return;
 		}
-		let i = zn(r);
+		let i = Qn(r);
 		if (i.length === 0) {
 			e();
 			return;
@@ -2948,29 +3084,29 @@ function Gn(e, t = {}) {
 			e();
 			return;
 		}
-		if (!Wn(r)) {
+		if (!rr(r)) {
 			e();
 			return;
 		}
 		/* v8 ignore start -- performance exists in every runtime under test;
 		the fallback only shields exotic embedders. */
-		let i = typeof performance < "u" ? performance.now() : 0, o = () => (typeof performance < "u" ? performance.now() : 0) - i, s = [], c = !1, l = !1, u = () => {
-			l || (l = !0, f.disconnect(), clearTimeout(p), clearTimeout(m), clearTimeout(h), s.forEach((e) => cancelAnimationFrame(e)), s = [], e());
-		}, d = () => {
+		let i = typeof performance < "u" ? performance.now() : 0, o = () => (typeof performance < "u" ? performance.now() : 0) - i, s = [], c = !1, l = !1, u = () => rr(r) && ir(r), d = () => Jn() || ar(r), f = () => {
+			l || (l = !0, h.disconnect(), clearTimeout(g), clearTimeout(_), clearTimeout(v), s.forEach((e) => cancelAnimationFrame(e)), s = [], e());
+		}, p = () => !rr(r) && !d() ? 2 : 6, m = () => {
 			s.forEach((e) => cancelAnimationFrame(e)), s = [];
 			let e = (t) => {
 				if (t <= 0) {
-					if (Fn() && o() < n.capMs) {
-						s.push(requestAnimationFrame(() => e(6)));
+					if ((d() || u()) && o() < n.capMs) {
+						s.push(requestAnimationFrame(() => e(p())));
 						return;
 					}
-					u();
+					f();
 					return;
 				}
 				s.push(requestAnimationFrame(() => e(t - 1)));
 			};
-			e(6);
-		}, f = new MutationObserver((e) => {
+			e(p());
+		}, h = new MutationObserver((e) => {
 			let t = 0;
 			for (let n of e) if (n.type === "childList") for (let e of Array.from(n.addedNodes)) t += e instanceof Element ? 1 + e.querySelectorAll("*").length : 1;
 			if (!(t < n.minNodes)) {
@@ -2978,29 +3114,29 @@ function Gn(e, t = {}) {
 				capMs, so a delivery can never observe elapsed past the cap first;
 				kept so a delivery racing the timer can only ever finish early. */
 				if (c = !0, o() >= n.capMs) {
-					u();
+					f();
 					return;
 				}
 				/* v8 ignore stop */
-				d();
+				m();
 			}
 		});
-		f.observe(r, {
+		h.observe(r, {
 			childList: !0,
 			subtree: !0
 		});
-		let p = setTimeout(() => {
-			!c && !Fn() && u();
-		}, n.graceMs), m = setTimeout(function e() {
+		let g = setTimeout(() => {
+			!c && !d() && !u() && f();
+		}, n.graceMs), _ = setTimeout(function e() {
 			if (!c) {
-				if (Fn() && o() < n.capMs) {
+				if ((d() || u()) && o() < n.capMs) {
 					setTimeout(e, 100);
 					return;
 				}
-				u();
+				f();
 			}
-		}, n.firstWaitMs), h = setTimeout(u, n.capMs);
-		a.push(u);
+		}, n.firstWaitMs), v = setTimeout(f, n.capMs);
+		a.push(f);
 	}, c = (e) => {
 		if (e <= 0) {
 			s(o);
@@ -3014,13 +3150,14 @@ function Gn(e, t = {}) {
 		n = !0, cancelAnimationFrame(l), r && cancelAnimationFrame(r), i.forEach((e) => cancelAnimationFrame(e)), a.forEach((e) => e());
 	};
 }
-function Kn(e, t = {}) {
-	let n = Gn(e, t), r = setTimeout(e, 300);
+function sr(e, t = {}) {
+	let n = or(e, t), r = t.contentSettle?.capMs ?? 0, i = setTimeout(e, 300 + r);
 	return () => {
-		n(), clearTimeout(r);
+		n(), clearTimeout(i);
 	};
 }
-function qn() {
+var cr = (e) => 300 + (e?.contentSettle?.capMs ?? 0);
+function lr() {
 	let e = /* @__PURE__ */ new Map(), t = (t, n) => {
 		clearTimeout(n.backstop), e.delete(t);
 		let r = [...n.members];
@@ -3029,17 +3166,25 @@ function qn() {
 	}, n = (e) => [...e.members].every((e) => e.ready);
 	return { join: (r, i, a) => {
 		let o = e.get(r);
-		if (!o) {
-			let n = {
+		if (o) {
+			let e = cr(a);
+			if (e > o.backstopMs) {
+				clearTimeout(o.backstop);
+				let n = o;
+				n.backstopMs = e, n.backstop = setTimeout(() => t(r, n), e);
+			}
+		} else {
+			let n = cr(a), i = {
 				members: /* @__PURE__ */ new Set(),
-				backstop: setTimeout(() => t(r, n), 300)
+				backstop: setTimeout(() => t(r, i), n),
+				backstopMs: n
 			};
-			e.set(r, n), o = n;
+			e.set(r, i), o = i;
 		}
 		let s = o, c = {
 			release: i,
 			ready: !1,
-			cancelReadiness: Gn(() => {
+			cancelReadiness: or(() => {
 				c.ready = !0, n(s) && t(r, s);
 			}, a)
 		};
@@ -3056,7 +3201,7 @@ function qn() {
 }
 //#endregion
 //#region src/screen/observeBarHeight.ts
-function Jn(e, t) {
+function ur(e, t) {
 	e.offsetHeight > 0 && t(e.offsetHeight);
 	let n = new ResizeObserver(([e]) => {
 		e.contentRect.height > 0 && t(e.contentRect.height);
@@ -3067,14 +3212,14 @@ function Jn(e, t) {
 }
 //#endregion
 //#region src/screen/observeViewportScrollHeight.ts
-var Yn = 0;
-function Xn(e) {
+var dr = 0;
+function fr(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 - Yn;
-			n = n < 0 ? 0 : n, Yn ||= t, e(t, n);
+			let n = t - dr;
+			n = n < 0 ? 0 : n, dr ||= t, e(t, n);
 		});
 	};
 	return window.visualViewport?.addEventListener("resize", n), window.visualViewport?.addEventListener("scroll", n), () => {
@@ -3083,30 +3228,30 @@ function Xn(e) {
 }
 //#endregion
 //#region src/core/engine/imageDecodeOffloader.ts
-var Zn = 8, Qn = 2, Q = 96, $n = 15e3, er = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", tr = "data-flemo-image-src", nr = "flemo-image-scale-v1", rr = (e) => {
+var pr = 8, mr = 2, Q = 96, hr = 15e3, gr = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", _r = "data-flemo-image-src", vr = "flemo-image-scale-v1", yr = (e) => {
 	if (e.naturalWidth <= 0 || e.naturalHeight <= 0 || e.boxWidth <= 0 || e.boxHeight <= 0) return !1;
 	let t = e.boxWidth * e.boxHeight * e.devicePixelRatio * e.devicePixelRatio;
 	return e.naturalWidth * e.naturalHeight > t * 8;
-}, ir = "onmessage = async (e) => {\n  const { url, targetWidth, neededArea, ratio } = e.data;\n  try {\n    const response = await fetch(url);\n    if (!response.ok) throw new Error(\"http \" + response.status);\n    const blob = await response.blob();\n    const full = await createImageBitmap(blob);\n    if (full.width * full.height <= neededArea * ratio) {\n      full.close();\n      postMessage({ url, skip: true });\n      return;\n    }\n    const scale = targetWidth / full.width;\n    const canvas = new OffscreenCanvas(targetWidth, Math.max(1, Math.round(full.height * scale)));\n    const context = canvas.getContext(\"2d\");\n    context.imageSmoothingQuality = \"high\";\n    context.drawImage(full, 0, 0, canvas.width, canvas.height);\n    full.close();\n    const out = await canvas.convertToBlob({ type: \"image/jpeg\", quality: 0.85 });\n    postMessage({ url, blob: out });\n  } catch (error) {\n    postMessage({ url, error: String(error) });\n  }\n};", ar = () => typeof Worker < "u" && typeof OffscreenCanvas < "u" && typeof createImageBitmap == "function" && typeof MutationObserver < "u" && typeof URL < "u" && typeof URL.createObjectURL == "function", or = async (e, t) => {
+}, br = "onmessage = async (e) => {\n  const { url, targetWidth, neededArea, ratio } = e.data;\n  try {\n    const response = await fetch(url);\n    if (!response.ok) throw new Error(\"http \" + response.status);\n    const blob = await response.blob();\n    const full = await createImageBitmap(blob);\n    if (full.width * full.height <= neededArea * ratio) {\n      full.close();\n      postMessage({ url, skip: true });\n      return;\n    }\n    const scale = targetWidth / full.width;\n    const canvas = new OffscreenCanvas(targetWidth, Math.max(1, Math.round(full.height * scale)));\n    const context = canvas.getContext(\"2d\");\n    context.imageSmoothingQuality = \"high\";\n    context.drawImage(full, 0, 0, canvas.width, canvas.height);\n    full.close();\n    const out = await canvas.convertToBlob({ type: \"image/jpeg\", quality: 0.85 });\n    postMessage({ url, blob: out });\n  } catch (error) {\n    postMessage({ url, error: String(error) });\n  }\n};", xr = () => typeof Worker < "u" && typeof OffscreenCanvas < "u" && typeof createImageBitmap == "function" && typeof MutationObserver < "u" && typeof URL < "u" && typeof URL.createObjectURL == "function", Sr = async (e, t) => {
 	try {
 		if (typeof caches > "u") return;
-		await (await caches.open(nr)).put(e, new Response(t, { headers: { "content-type": t.type } }));
+		await (await caches.open(vr)).put(e, new Response(t, { headers: { "content-type": t.type } }));
 	} catch {}
-}, sr = async (e) => {
+}, Cr = async (e) => {
 	try {
 		if (typeof caches > "u") return null;
-		let t = await (await caches.open(nr)).match(e);
+		let t = await (await caches.open(vr)).match(e);
 		return t ? await t.blob() : null;
 	} catch {
 		return null;
 	}
 };
-function cr(e) {
-	if (!ar()) return () => {};
+function wr(e) {
+	if (!xr()) return () => {};
 	let t = null, n = !1, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakSet(), s = /* @__PURE__ */ new Set(), c = () => typeof devicePixelRatio == "number" ? devicePixelRatio : 1, l = () => {
 		if (t) return t;
 		try {
-			t = new Worker(URL.createObjectURL(new Blob([ir])));
+			t = new Worker(URL.createObjectURL(new Blob([br])));
 		} catch {
 			return null;
 		}
@@ -3117,7 +3262,7 @@ function cr(e) {
 				return;
 			}
 			let o = URL.createObjectURL(n);
-			s.add(o), or(t, n), u(t, o);
+			s.add(o), Sr(t, n), u(t, o);
 		}, t;
 	}, u = (e, t) => {
 		r.has(e) || r.set(e, t);
@@ -3127,12 +3272,12 @@ function cr(e) {
 		if (n) {
 			if (a.delete(e), clearTimeout(n.timeout), n.detachListeners?.(), n.responsive) {
 				if (t && t !== "skip") {
-					e.setAttribute(tr, n.url), e.removeAttribute("srcset"), e.removeAttribute("sizes");
+					e.setAttribute(_r, n.url), e.removeAttribute("srcset"), e.removeAttribute("sizes");
 					let r = e.closest("picture");
 					if (r) for (let e of Array.from(r.querySelectorAll("source"))) e.removeAttribute("srcset");
 					e.src = t;
 				}
-			} else e.getAttribute("src") === er && (t && t !== "skip" ? e.src = t : (e.removeAttribute(tr), e.src = n.url));
+			} else e.getAttribute("src") === gr && (t && t !== "skip" ? e.src = t : (e.removeAttribute(_r), e.src = n.url));
 			n.previousVisibility ? e.style.visibility = n.previousVisibility : e.style.removeProperty("visibility");
 		}
 	}, f = (e, t, n) => {
@@ -3140,7 +3285,7 @@ function cr(e) {
 		let a = l();
 		if (!a) return;
 		i.add(e);
-		let o = Math.round(Math.max(Q, t * c()) * Qn), s = Math.max(t * n, Q * Q) * c() ** 2;
+		let o = Math.round(Math.max(Q, t * c()) * mr), s = Math.max(t * n, Q * Q) * c() ** 2;
 		a.postMessage({
 			url: e,
 			targetWidth: o,
@@ -3152,13 +3297,13 @@ function cr(e) {
 		let t = {
 			url: "",
 			previousVisibility: e.style.visibility,
-			timeout: setTimeout(() => d(e, null), $n),
+			timeout: setTimeout(() => d(e, null), hr),
 			responsive: !0
 		}, i = () => {
 			/* v8 ignore next -- consider() only routes elements with an https src
 			here, so the final fallback arm is unreachable. */
 			let i = e.currentSrc || e.getAttribute("src") || "", o = e.getBoundingClientRect();
-			if (!(/^https?:/.test(i) && rr({
+			if (!(/^https?:/.test(i) && yr({
 				naturalWidth: e.naturalWidth,
 				naturalHeight: e.naturalHeight,
 				boxWidth: o.width || Q,
@@ -3174,7 +3319,7 @@ function cr(e) {
 				d(e, l);
 				return;
 			}
-			sr(i).then((t) => {
+			Cr(i).then((t) => {
 				if (!(n || !a.has(e))) {
 					/* v8 ignore start -- a verdict can only appear via settle(), which
 					releases every held element of the url first, so a still-held
@@ -3213,14 +3358,14 @@ function cr(e) {
 		let i = r.get(t);
 		if (i !== "skip") {
 			if (i) {
-				e.setAttribute(tr, t), e.src = i;
+				e.setAttribute(_r, t), e.src = i;
 				return;
 			}
 			a.set(e, {
 				url: t,
 				previousVisibility: e.style.visibility,
-				timeout: setTimeout(() => d(e, null), $n)
-			}), e.style.visibility = "hidden", e.setAttribute(tr, t), e.src = er, sr(t).then((i) => {
+				timeout: setTimeout(() => d(e, null), hr)
+			}), e.style.visibility = "hidden", e.setAttribute(_r, t), e.src = gr, Cr(t).then((i) => {
 				if (n || r.has(t)) return;
 				if (i) {
 					let e = URL.createObjectURL(i);
@@ -3252,9 +3397,9 @@ function cr(e) {
 	};
 }
 var $ = null;
-function lr() {
+function Tr() {
 	return typeof document > "u" || !document.body ? () => {} : ($ ? $.count += 1 : $ = {
-		dispose: cr(document.body),
+		dispose: wr(document.body),
 		count: 1
 	}, () => {
 		$ && (--$.count, $.count <= 0 && ($.dispose(), $ = null));
@@ -3262,7 +3407,7 @@ function lr() {
 }
 //#endregion
 //#region src/utils/isOpaqueColor.ts
-function ur(e) {
+function Er(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;
@@ -3273,7 +3418,7 @@ function ur(e) {
 }
 //#endregion
 //#region src/utils/buildRoutePath.ts
-function dr(e, n) {
+function Dr(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}` : ""}`,
@@ -3281,4 +3426,4 @@ function dr(e, n) {
 	};
 }
 //#endregion
-export { Ln as ANIM_HOLD_RELEASE_BACKSTOP_MS, tr as OFFLOADED_SRC_ATTR, Zn as OVERSIZE_AREA_RATIO, hn as SKIP_ANIMATION_ATTR, s as TaskManger, In as animHoldKey, J as animateInline, W as animationName, oe as appendParamsQuery, rt as applyTransitionStyles, dr as buildRoutePath, Dn as canProgrammaticallyScroll, q as clearInlineAnimation, We as collectAnimatedProperties, $e as compileTransitionStyles, An as computeBarRiding, me as computeScreenFreeze, b as consumeSelfInducedPop, qn as createAnimHoldCoordinator, g as createBrowserHistoryDriver, xe as createDecorator, c as createHistoryStore, x as createHistorySync, cr as createImageDecodeOffloader, ne as createMemoryHistoryDriver, re as createNavigateStore, ie as createNavigationController, Te as createPartTransition, Se as createRawDecorator, Ee as createRawPartTransition, F as createRawTransition, fe as createRouterScope, pe as createScreenSelector, ue as createScreenStore, _ as createSelfPopGuard, se as createStepController, kn as createSwipeController, P as createTransition, Cn as createTransitionEngine, M as createTransitionStore, I as cupertino, R as decoratorMap, Bn as eagerlyDecodeImages, Ge as easingToCss, lr as ensureImageDecodeOffloader, O as ensureScopeHistorySync, p as ensureWindowHistoryState, ut as enteringInitialStyle, wn as findScrollable, l as getMatchedPathPattern, u as getParams, It as holdCompositorWarm, ur as isOpaqueColor, f as isServer, _e as layout, y as markSelfInducedPop, le as matchesPathname, ve as material, ye as none, Jn as observeBarHeight, Xn as observeViewportScrollHeight, En as overflowsAxis, we as overlay, z as partTransitionMap, ae as readStepParams, lt as registerTransitionDefinitions, te as releaseScopeHistorySync, be as resolveTransition, Kn as scheduleAnimHoldRelease, d as seedInitialHistory, m as seedRouterEntry, rr as shouldOffloadImage, ce as subscribeStepParamsRestore, H as targetToDecls, L as transitionMap, G as variantHasAnimation };
+export { Xn as ANIM_HOLD_RELEASE_BACKSTOP_MS, _r as OFFLOADED_SRC_ATTR, pr as OVERSIZE_AREA_RATIO, yn as SKIP_ANIMATION_ATTR, s as TaskManger, Yn as animHoldKey, J as animateInline, U as animationName, oe as appendParamsQuery, at as applyTransitionStyles, Dr as buildRoutePath, Bn as canProgrammaticallyScroll, q as clearInlineAnimation, Ke as collectAnimatedProperties, tt as compileTransitionStyles, Un as computeBarRiding, ge as computeScreenFreeze, he as computeScreenFreezeMode, b as consumeSelfInducedPop, lr as createAnimHoldCoordinator, g as createBrowserHistoryDriver, Ce as createDecorator, c as createHistoryStore, x as createHistorySync, wr as createImageDecodeOffloader, ne as createMemoryHistoryDriver, re as createNavigateStore, ie as createNavigationController, De as createPartTransition, we as createRawDecorator, Oe as createRawPartTransition, _e as createRawTransition, pe as createRouterScope, me as createScreenSelector, de as createScreenStore, _ as createSelfPopGuard, se as createStepController, Hn as createSwipeController, N as createTransition, In as createTransitionEngine, le as createTransitionStore, ye as cupertino, L as decoratorMap, $n as eagerlyDecodeImages, qe as easingToCss, Tr as ensureImageDecodeOffloader, O as ensureScopeHistorySync, p as ensureWindowHistoryState, ft as enteringInitialStyle, Ln as findScrollable, l as getMatchedPathPattern, u as getParams, Lt as holdCompositorWarm, Er as isOpaqueColor, f as isServer, be as layout, y as markSelfInducedPop, ue as matchesPathname, xe as material, F as none, ur as observeBarHeight, fr as observeViewportScrollHeight, zn as overflowsAxis, Ee as overlay, R as partTransitionMap, ae as readStepParams, dt as registerTransitionDefinitions, te as releaseScopeHistorySync, Se as resolveTransition, sr as scheduleAnimHoldRelease, d as seedInitialHistory, m as seedRouterEntry, yr as shouldOffloadImage, ce as subscribeStepParamsRestore, V as targetToDecls, I as transitionMap, W as variantHasAnimation };