@wyxos/vibe 3.0.0 → 3.0.1

package/lib/index.js

@@ -3,10 +3,10 @@ import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i,
 var z = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, B = (e) => e === "", V = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), H = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), U = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), W = (e) => {
-	let t = U(e);
+}, B = (e) => e === "", V = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), H = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ee = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), U = (e) => {
+	let t = ee(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, G = {
+}, W = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -16,27 +16,27 @@ var z = (e) => {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, K = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = G.width, color: s = G.stroke, ...c }, { slots: l }) => p("svg", {
-	...G,
+}, G = ({ name: e, iconNode: t, absoluteStrokeWidth: n, "absolute-stroke-width": r, strokeWidth: i, "stroke-width": a, size: o = W.width, color: s = W.stroke, ...c }, { slots: l }) => p("svg", {
+	...W,
 	...c,
 	width: o,
 	height: o,
 	stroke: s,
-	"stroke-width": B(n) || B(r) || n === !0 || r === !0 ? Number(i || a || G["stroke-width"]) * 24 / Number(o) : i || a || G["stroke-width"],
-	class: V("lucide", c.class, ...e ? [`lucide-${H(W(e))}-icon`, `lucide-${H(e)}`] : ["lucide-icon"]),
+	"stroke-width": B(n) || B(r) || n === !0 || r === !0 ? Number(i || a || W["stroke-width"]) * 24 / Number(o) : i || a || W["stroke-width"],
+	class: V("lucide", c.class, ...e ? [`lucide-${H(U(e))}-icon`, `lucide-${H(e)}`] : ["lucide-icon"]),
 	...!l.default && !z(c) && { "aria-hidden": "true" }
-}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), q = (e, t) => (n, { slots: r, attrs: i }) => p(K, {
+}, [...t.map((e) => p(...e)), ...l.default ? [l.default()] : []]), K = (e, t) => (n, { slots: r, attrs: i }) => p(G, {
 	...i,
 	...n,
 	iconNode: t,
 	name: e
-}, r), J = q("arrow-left", [["path", {
+}, r), q = K("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), Y = q("audio-lines", [
+}]]), J = K("audio-lines", [
 	["path", {
 		d: "M2 10v3",
 		key: "1fnikh"
@@ -61,7 +61,7 @@ var z = (e) => {
 		d: "M22 10v3",
 		key: "154ddg"
 	}]
-]), ee = q("clapperboard", [
+]), te = K("clapperboard", [
 	["path", {
 		d: "m12.296 3.464 3.02 3.956",
 		key: "qash78"
@@ -78,13 +78,13 @@ var z = (e) => {
 		d: "m6.18 5.276 3.1 3.899",
 		key: "zjj9t3"
 	}]
-]), te = q("file", [["path", {
+]), Y = K("file", [["path", {
 	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 	key: "1oefj6"
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
-}]]), ne = q("image-plus", [
+}]]), ne = K("image-plus", [
 	["path", {
 		d: "M16 5h6",
 		key: "1vod17"
@@ -107,10 +107,10 @@ var z = (e) => {
 		r: "2",
 		key: "af1f0g"
 	}]
-]), re = q("loader-circle", [["path", {
+]), re = K("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), ie = q("pause", [["rect", {
+}]]), ie = K("pause", [["rect", {
 	x: "14",
 	y: "3",
 	width: "5",
@@ -124,10 +124,10 @@ var z = (e) => {
 	height: "18",
 	rx: "1",
 	key: "1wsw3u"
-}]]), ae = q("play", [["path", {
+}]]), ae = K("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
-}]]), oe = q("triangle-alert", [
+}]]), oe = K("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
 		key: "wmoenq"
@@ -407,7 +407,7 @@ function Le(e) {
 		}
 		n.value > e - 1 && (n.value = e - 1);
 	}), P(() => n.value, () => {
-		f.value && te();
+		f.value && Y();
 	}), x(() => {
 		e.resolve && (Z() || z());
 	}), b(() => {
@@ -444,36 +444,36 @@ function Le(e) {
 			await z();
 		}
 	}
-	async function U() {
+	async function ee() {
 		if (R.value) return H();
 		o.value !== "failed" || !h || (a.value = null, await h());
 	}
-	async function W() {
+	async function U() {
 		if (!r.value.length) return d.value = !1, X();
 		t.value = [...t.value, ...r.value], r.value = [], d.value = !1, X();
 	}
-	function G(t) {
+	function W(t) {
 		let r = E.value;
 		if (!r.length) return;
 		let i = we(t, 0, r.length - 1);
 		i !== n.value && (n.value = i, e.emit("update:activeIndex", i));
 	}
-	function K(e) {
+	function G(e) {
 		f.value = e;
 	}
-	function q() {
+	function K() {
 		g += 1, m?.abort(), m = null, c.clear(!0), p.clear(), a.value = null, s.value = null, u.value = null, r.value.length > 0 && (t.value = [...t.value, ...r.value], r.value = []), d.value = !1, X();
 	}
-	function J() {
+	function q() {
 		return ke(E.value, D.value);
 	}
-	function Y(e = null) {
+	function J(e = null) {
 		n.value = Ae(E.value, D.value, e);
 	}
-	function ee() {
-		r.value.length > 0 && !I.value.length && W();
+	function te() {
+		r.value.length > 0 && !I.value.length && U();
 	}
-	async function te() {
+	async function Y() {
 		!E.value.length || se() || (F.value && n.value < 3 && await V(), N.value && n.value >= E.value.length - 3 && await B());
 	}
 	async function ne(e) {
@@ -503,8 +503,8 @@ function Le(e) {
 			phase: "loading"
 		});
 		if (!n) return;
-		let r = J();
-		t.value = [...n.buckets, ...t.value], Y(r), X();
+		let r = q();
+		t.value = [...n.buckets, ...t.value], J(r), X();
 	}
 	async function ie(n) {
 		if (h = async () => {
@@ -530,8 +530,8 @@ function Le(e) {
 				nextItems: n.items,
 				previousCursor: n.previousPage ?? null,
 				previousItems: r.items
-			}), a = J();
-			t.value = ye(t.value, r.cursor, i), Y(a), X();
+			}), a = q();
+			t.value = ye(t.value, r.cursor, i), J(a), X();
 		} catch (e) {
 			if (Te(e) || c !== g) {
 				X();
@@ -617,8 +617,8 @@ function Le(e) {
 	return {
 		activeIndex: D,
 		canRetryInitialLoad: R,
-		cancel: q,
-		commitPendingAppend: W,
+		cancel: K,
+		commitPendingAppend: U,
 		currentCursor: L,
 		errorMessage: a,
 		fillCollectedCount: s,
@@ -636,12 +636,12 @@ function Le(e) {
 		prefetchPreviousPage: V,
 		previousCursor: M,
 		retryInitialLoad: H,
-		retry: U,
-		setActiveIndex: G,
-		setAutoPrefetchEnabled: K,
-		syncActiveIndexAfterVisibilityChange: Y,
-		getActiveOccurrenceKey: J,
-		maybeCommitPendingAppendWhenFilteredOut: ee
+		retry: ee,
+		setActiveIndex: W,
+		setAutoPrefetchEnabled: G,
+		syncActiveIndexAfterVisibilityChange: J,
+		getActiveOccurrenceKey: q,
+		maybeCommitPendingAppendWhenFilteredOut: te
 	};
 }
 //#endregion
@@ -912,7 +912,7 @@ var Ve = {
 			class: "pointer-events-auto inline-flex h-11 w-11 shrink-0 items-center justify-center border border-white/14 bg-black/40 text-[#f7f1ea]/78 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/55",
 			"aria-label": "Back to list",
 			onClick: t[0] ||= (e) => r("back-to-list")
-		}, [u(j(J), {
+		}, [u(j(q), {
 			class: "h-4 w-4 stroke-[2.2]",
 			"aria-hidden": "true"
 		})])) : o("", !0), n.title ? (S(), s("h2", Qe, k(n.title), 1)) : o("", !0)]), c("div", $e, [c("span", et, [c("span", tt, k(n.currentIndex + 1) + " / " + k(n.total), 1), n.paginationDetail ? (S(), s("span", nt, k(n.paginationDetail), 1)) : o("", !0)]), D(e.$slots, "actions")])])]), n.showEndBadge ? (S(), s("div", rt, [...t[1] ||= [c("span", { class: "inline-flex items-center border border-amber-300/35 bg-black/40 px-4 py-3 text-[0.74rem] font-bold uppercase tracking-[0.2em] text-amber-200 backdrop-blur-[18px]" }, " End reached ", -1)]])) : o("", !0)]));
@@ -1008,68 +1008,72 @@ function vt(e) {
 //#endregion
 //#region src/components/viewer-core/useMedia.ts
 function yt(e) {
-	let t = T({}), n = T({}), r = T({}), a = T({}), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = i(() => e.activeItem.value ? $(e.activeItem.value) : null), u = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), d = i(() => u.value ? r.value[u.value] ?? st : st), f = i(() => u.value ? d.value.duration : 0), p = i(() => f.value <= 0 ? 0 : bt(d.value.currentTime / f.value * 100, 0, 100)), m = i(() => l.value ? M(l.value) : null);
+	let t = T({}), n = T({}), r = T({}), a = T({}), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = i(() => e.activeItem.value ? $(e.activeItem.value) : null), u = i(() => e.activeMediaItem.value ? $(e.activeMediaItem.value) : null), d = i(() => {
+		let t = /* @__PURE__ */ new Map();
+		for (let n of e.items.value) t.set($(n), n);
+		return t;
+	}), f = i(() => u.value ? r.value[u.value] ?? st : st), p = i(() => u.value ? f.value.duration : 0), m = i(() => p.value <= 0 ? 0 : bt(f.value.currentTime / p.value * 100, 0, 100)), h = i(() => l.value ? N(l.value) : null);
 	P(() => l.value, async () => {
-		await b();
+		await x();
 	}), P(() => e.itemCount.value, async () => {
-		await b();
+		await x();
 	});
-	function h(e, t) {
+	function _(e, t) {
 		if (t instanceof HTMLVideoElement) {
-			o.set(e, t), V(e, t);
+			o.set(e, t), H(e, t);
 			return;
 		}
 		o.delete(e);
 	}
-	function _(e, t) {
+	function v(e, t) {
 		if (t instanceof HTMLAudioElement) {
-			s.set(e, t), V(e, t);
+			s.set(e, t), H(e, t);
 			return;
 		}
 		s.delete(e);
 	}
-	function v(e, r) {
-		r instanceof HTMLImageElement && lt(r) && (t.value[e] = !0, n.value[e] = null, K(e, r.currentSrc || r.src || q()));
+	function y(e, r) {
+		r instanceof HTMLImageElement && lt(r) && (t.value[e] = !0, n.value[e] = null, K(e, r.currentSrc || r.src || J(e)));
 	}
-	function y() {
-		z(), a.value = {}, n.value = {}, t.value = {}, r.value = {}, c.clear();
+	function b() {
+		B(), a.value = {}, n.value = {}, t.value = {}, r.value = {}, c.clear();
 	}
-	async function b() {
+	async function x() {
 		if (!e.isEnabled.value) {
-			z();
+			B();
 			return;
 		}
 		await g();
 		let t = l.value;
 		for (let [e, n] of o.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
-				R(n, e);
+				z(n, e);
 				continue;
 			}
-			n.muted = !0, n.loop = !1, n.playsInline = !0, vt(n), V(e, n);
+			n.muted = !0, n.loop = !1, n.playsInline = !0, vt(n), H(e, n);
 		}
 		for (let [e, n] of s.entries()) {
 			if (e !== t || r.value[e]?.errorKind) {
-				R(n, e);
+				z(n, e);
 				continue;
 			}
-			vt(n), V(e, n);
+			vt(n), H(e, n);
 		}
 	}
-	function x(e, t) {
+	function S(e, t) {
 		let n = t.currentTarget instanceof HTMLMediaElement ? t.currentTarget : t.target instanceof HTMLMediaElement ? t.target : null;
 		if (n) {
 			let i = r.value[e]?.ready ?? !1;
-			V(e, n, t.type);
+			H(e, n, t.type);
 			let a = r.value[e]?.ready ?? !1;
-			!i && a && K(e, n.currentSrc || n.src || J());
+			!i && a && K(e, n.currentSrc || n.src || J(e));
 		}
 	}
-	function S(e, r) {
+	function C(e, r) {
 		t.value[e] = !0, n.value[e] = null, K(e, r);
 	}
-	async function C(r, i) {
-		let a = e.activeItem.value;
+	async function w(r, i) {
+		let a = q(r) ?? e.activeItem.value;
 		t.value[r] = !1, n.value[r] = "generic";
 		let o = await ht(i);
 		n.value[r] = o, a && e.onAssetError?.({
@@ -1080,8 +1084,8 @@ function yt(e) {
 			surface: "fullscreen"
 		});
 	}
-	async function w(t, n) {
-		let r = U(t), i = B(t), a = e.activeMediaItem.value ?? e.activeItem.value;
+	async function E(t, n) {
+		let r = U(t), i = V(t), a = q(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (r) {
 			r.pause();
 			try {
@@ -1098,71 +1102,71 @@ function yt(e) {
 			surface: "fullscreen"
 		});
 	}
-	function E(e, t, n) {
+	function D(e, t, n) {
 		e.button !== 0 || Date.now() < n || G(o.get(t) ?? null);
 	}
-	function D(e, t, n) {
+	function O(e, t, n) {
 		e.button !== 0 || Date.now() < n || G(U(t));
 	}
-	function O(e) {
+	function k(e) {
 		let t = W(), n = u.value;
 		if (!t || !n || !(e.target instanceof HTMLInputElement)) return;
 		let r = Number.parseFloat(e.target.value);
 		if (!Number.isFinite(r)) return;
-		let i = bt(r, 0, f.value || 0);
-		H(n, i, t), t.currentTime = i;
-	}
-	function k(e) {
-		return !!t.value[e] && !n.value[e];
+		let i = bt(r, 0, p.value || 0);
+		ee(n, i, t), t.currentTime = i;
 	}
 	function A(e) {
-		return (r.value[e]?.ready ?? !1) && !r.value[e]?.errorKind;
+		return !!t.value[e] && !n.value[e];
 	}
 	function j(e) {
-		return e.url;
+		return (r.value[e]?.ready ?? !1) && !r.value[e]?.errorKind;
 	}
 	function M(e) {
-		return n.value[e] ?? r.value[e]?.errorKind ?? null;
+		return e.url;
 	}
 	function N(e) {
-		let t = M(e);
-		return t ? pt(t) : null;
+		return n.value[e] ?? r.value[e]?.errorKind ?? null;
 	}
 	function F(e) {
-		return mt(M(e));
+		let t = N(e);
+		return t ? pt(t) : null;
 	}
 	function I(e) {
+		return mt(N(e));
+	}
+	function L(e) {
 		return `${e}:${a.value[e] ?? 0}`;
 	}
-	async function L(e) {
-		if (!F(e)) return;
+	async function R(e) {
+		if (!I(e)) return;
 		t.value[e] = !1, n.value[e] = null;
-		let r = B(e);
+		let r = V(e);
 		r.currentTime = 0, r.duration = 0, r.paused = !0, r.ready = !1, r.errorKind = null;
 		let i = U(e);
-		i && R(i, e), c.forEach((t) => {
+		i && z(i, e), c.forEach((t) => {
 			t.startsWith(`${e}|`) && c.delete(t);
-		}), a.value[e] = (a.value[e] ?? 0) + 1, await g(), await b();
+		}), a.value[e] = (a.value[e] ?? 0) + 1, await g(), await x();
 	}
-	function R(e, t) {
+	function z(e, t) {
 		e.pause();
 		try {
 			e.currentTime = 0;
 		} catch {}
-		V(t, e);
+		H(t, e);
 	}
-	function z() {
-		for (let [e, t] of o.entries()) R(t, e);
-		for (let [e, t] of s.entries()) R(t, e);
+	function B() {
+		for (let [e, t] of o.entries()) z(t, e);
+		for (let [e, t] of s.entries()) z(t, e);
 	}
-	function B(e) {
+	function V(e) {
 		return r.value[e] || (r.value[e] = ct()), r.value[e];
 	}
-	function V(e, t, n) {
-		ut(B(e), t, n);
-	}
 	function H(e, t, n) {
-		let r = B(e);
+		ut(V(e), t, n);
+	}
+	function ee(e, t, n) {
+		let r = V(e);
 		r.currentTime = t, r.duration = Number.isFinite(n.duration) ? n.duration : r.duration, r.paused = n.paused;
 	}
 	function U(e) {
@@ -1181,7 +1185,7 @@ function yt(e) {
 		}
 	}
 	function K(t, n) {
-		let r = e.activeMediaItem.value ?? e.activeItem.value;
+		let r = q(t) ?? e.activeMediaItem.value ?? e.activeItem.value;
 		if (!r || !n) return;
 		let i = `${t}|${n}`;
 		c.has(i) || (c.add(i), e.onAssetLoad?.({
@@ -1191,38 +1195,38 @@ function yt(e) {
 			url: n
 		}));
 	}
-	function q() {
-		return e.activeItem.value?.url ?? null;
+	function q(e) {
+		return d.value.get(e) ?? null;
 	}
-	function J() {
-		return e.activeMediaItem.value?.url ?? e.activeItem.value?.url ?? null;
+	function J(e) {
+		return q(e)?.url ?? null;
 	}
 	return {
-		activeAssetErrorKind: m,
-		activeMediaDuration: f,
-		activeMediaProgress: p,
-		activeMediaState: d,
-		getAssetErrorKind: M,
-		getAssetErrorLabel: N,
-		getAssetRenderKey: I,
-		getImageSource: j,
-		isImageReady: k,
-		isMediaReady: A,
-		canRetryAsset: F,
+		activeAssetErrorKind: h,
+		activeMediaDuration: p,
+		activeMediaProgress: m,
+		activeMediaState: f,
+		getAssetErrorKind: N,
+		getAssetErrorLabel: F,
+		getAssetRenderKey: L,
+		getImageSource: M,
+		isImageReady: A,
+		isMediaReady: j,
+		canRetryAsset: I,
 		mediaStates: r,
-		onAudioCoverClick: D,
-		onImageError: C,
-		onImageLoad: S,
-		onMediaError: w,
-		onMediaEvent: x,
-		onMediaSeekInput: O,
-		onVideoClick: E,
-		registerAudioElement: _,
-		registerImageElement: v,
-		registerVideoElement: h,
-		resetMediaState: y,
-		retryAsset: L,
-		syncMediaPlayback: b
+		onAudioCoverClick: O,
+		onImageError: w,
+		onImageLoad: C,
+		onMediaError: E,
+		onMediaEvent: S,
+		onMediaSeekInput: k,
+		onVideoClick: D,
+		registerAudioElement: v,
+		registerImageElement: y,
+		registerVideoElement: _,
+		resetMediaState: b,
+		retryAsset: R,
+		syncMediaPlayback: x
 	};
 }
 function bt(e, t, n) {
@@ -1254,6 +1258,7 @@ function Ct(e, t, n, r, i) {
 //#region src/components/viewer-core/useViewer.ts
 function wt(e, t, n = {}) {
 	let { activeIndex: r, canRetryInitialLoad: a, errorMessage: o, hasNextPage: s, items: c, loading: l, paginationDetail: u, retryInitialLoad: d, setActiveIndex: f } = Re(e, t), p = T(null), m = T(0), h = T(!1), g = T(1), _ = n.enabled ?? i(() => !0), v = null, y = 0, b = 0, x = 0, S = i(() => c.value.length === 0 ? 0 : M(r.value, 0, c.value.length - 1)), C = i(() => c.value[S.value] ?? null), w = i(() => C.value?.type === "audio" || C.value?.type === "video" ? C.value : null), E = yt({
+		items: c,
 		activeItem: C,
 		activeMediaItem: w,
 		isEnabled: _,
@@ -1269,7 +1274,7 @@ function wt(e, t, n = {}) {
 		onEnable() {
 			return E.syncMediaPlayback();
 		},
-		onKeydown: W,
+		onKeydown: U,
 		onResize: N
 	});
 	function M(e, t, n) {
@@ -1308,31 +1313,31 @@ function wt(e, t, n = {}) {
 	function H() {
 		m.value = 0, h.value = !1, v = null;
 	}
-	function U(e) {
+	function ee(e) {
 		if (!_.value || c.value.length === 0 || h.value || Q(e.target) || Math.abs(e.deltaY) < Math.max(Math.abs(e.deltaX), 24)) return;
 		e.preventDefault();
 		let t = Date.now();
 		t < b || (b = t + 400, F(e.deltaY > 0 ? 1 : -1));
 	}
-	function W(e) {
+	function U(e) {
 		!_.value || c.value.length === 0 || ce(e.target) || ((e.key === "ArrowDown" || e.key === "PageDown") && (e.preventDefault(), F(1)), (e.key === "ArrowUp" || e.key === "PageUp") && (e.preventDefault(), F(-1)));
 	}
-	function G(e, t) {
+	function W(e, t) {
 		E.onVideoClick(e, t, x);
 	}
-	function K(e, t) {
+	function G(e, t) {
 		E.onAudioCoverClick(e, t, x);
 	}
-	function q(e) {
+	function K(e) {
 		E.onMediaSeekInput(e);
 	}
-	function J(e) {
+	function q(e) {
 		return e.type === "image" || e.type === "video";
 	}
-	function Y(e) {
+	function J(e) {
 		return e.type === "audio";
 	}
-	function ee(e) {
+	function te(e) {
 		return Ct(e, S.value, g.value, m.value, h.value);
 	}
 	return {
@@ -1350,28 +1355,28 @@ function wt(e, t, n = {}) {
 		getAssetRenderKey: E.getAssetRenderKey,
 		formatPlaybackTime: at,
 		getImageSource: E.getImageSource,
-		getSlideStyle: ee,
+		getSlideStyle: te,
 		hasNextPage: s,
 		isAtEnd: D,
-		isAudio: Y,
-		isVisual: J,
+		isAudio: J,
+		isVisual: q,
 		items: c,
 		loading: l,
 		mediaStates: E.mediaStates,
 		isImageReady: E.isImageReady,
 		isMediaReady: E.isMediaReady,
-		onAudioCoverClick: K,
+		onAudioCoverClick: G,
 		onImageError: E.onImageError,
 		onImageLoad: E.onImageLoad,
 		onMediaEvent: E.onMediaEvent,
 		onMediaError: E.onMediaError,
-		onMediaSeekInput: q,
+		onMediaSeekInput: K,
 		onPointerCancel: B,
 		onPointerDown: L,
 		onPointerMove: R,
 		onPointerUp: z,
-		onVideoClick: G,
-		onWheel: U,
+		onVideoClick: W,
+		onWheel: ee,
 		registerAudioElement: E.registerAudioElement,
 		registerImageElement: E.registerImageElement,
 		registerVideoElement: E.registerVideoElement,
@@ -1389,9 +1394,9 @@ function wt(e, t, n = {}) {
 //#region src/components/viewer-core/media.ts
 var Tt = {
 	image: ne,
-	video: ee,
-	audio: Y,
-	other: te
+	video: te,
+	audio: J,
+	other: Y
 }, Et = {
 	image: "Image",
 	video: "Video",
@@ -1522,7 +1527,7 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 	key: 0,
 	"data-testid": "vibe-fullscreen-aside",
 	class: "absolute inset-y-0 right-0 z-[6] w-full max-w-[22rem] overflow-hidden border-l border-white/10 bg-black/82 backdrop-blur-[18px]"
-}, un = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, dn = 1280, fn = /* @__PURE__ */ d({
+}, un = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, dn = 1280, fn = 2, pn = /* @__PURE__ */ d({
 	__name: "FullscreenSurface",
 	props: {
 		items: {},
@@ -1585,40 +1590,41 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 			...L.value,
 			kind: g.isAtEnd.value && !g.hasNextPage.value && !g.loading.value ? "end" : "loading-more",
 			message: g.statusMessage.value
-		}), H = i(() => !V.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](V.value)), U = i(() => ({
-			gridTemplateColumns: K.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
+		}), H = i(() => !V.value || !p["fullscreen-status"] ? [] : p["fullscreen-status"](V.value)), ee = i(() => ({
+			gridTemplateColumns: G.value ? "minmax(0, 1fr) 22rem" : "minmax(0, 1fr) 0rem",
 			transition: "grid-template-columns 320ms cubic-bezier(0.22, 1, 0.36, 1)"
-		})), W = i(() => kt(z.value)), G = i(() => kt(B.value)), K = i(() => G.value && C.value >= dn), q = i(() => G.value && !K.value), J = i(() => kt(H.value));
+		})), U = i(() => kt(z.value)), W = i(() => kt(B.value)), G = i(() => W.value && C.value >= dn), K = i(() => W.value && !G.value), q = i(() => kt(H.value));
 		x(() => {
 			window.addEventListener("resize", le);
 		}), b(() => {
 			window.removeEventListener("resize", le);
 		});
-		function Y(e, t) {
+		function J(e, t) {
 			let n = t.title?.trim();
 			return n ? `${e} ${n}` : `${e} ${Ot(t.type).toLowerCase()}`;
 		}
-		function ee(e, t) {
+		function te(e, t) {
 			let n = Q(t);
 			return !Z(e) || e !== g.resolvedActiveIndex.value || g.getAssetErrorKind(n) ? !1 : t.type === "image" ? !g.isImageReady(n) : t.type === "video" || t.type === "audio" ? !g.isMediaReady(n) : !1;
 		}
-		function te(e) {
+		function Y(e) {
 			return g.getAssetErrorKind(Q(e));
 		}
 		function ne(e) {
 			return g.getAssetErrorLabel(Q(e)) ?? "Load error";
 		}
 		function X(e, t) {
-			return Z(e) && e === g.resolvedActiveIndex.value && !!te(t);
+			return Z(e) && e === g.resolvedActiveIndex.value && !!Y(t);
 		}
 		function Z(e) {
-			return d.active && e === g.resolvedActiveIndex.value;
+			let t = g.resolvedActiveIndex.value;
+			return d.active && e >= t && e <= t + fn;
 		}
 		function se(e, t) {
-			if (Z(e)) return g.getImageSource(t);
+			return Z(e) ? g.getImageSource(t) : void 0;
 		}
 		function ce(e, t) {
-			if (Z(e)) return t.url;
+			return Z(e) ? t.url : void 0;
 		}
 		function Q(e) {
 			return $(e);
@@ -1630,7 +1636,7 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 			c("div", { class: _(["absolute inset-0 transition-[background] duration-200", w.value]) }, null, 2),
 			c("div", {
 				class: "relative z-[1] grid h-full min-h-0",
-				style: y(U.value)
+				style: y(ee.value)
 			}, [c("div", {
 				ref: "viewer.stageRef",
 				"data-testid": "vibe-stage",
@@ -1654,13 +1660,13 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				}, [c("div", { class: _(["absolute inset-0 opacity-85", j(Pt)(r.type)]) }, null, 2), j(g).isVisual(r) ? (S(), s("div", {
 					key: 0,
 					class: _(["relative z-[1] flex h-full w-full items-center justify-center overflow-hidden", i === j(g).resolvedActiveIndex.value ? F.value : ""])
-				}, [ee(i, r) ? (S(), s("div", Rt, [c("span", zt, [u(j(re), {
+				}, [te(i, r) ? (S(), s("div", Rt, [c("span", zt, [u(j(re), {
 					class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				})])])) : o("", !0), X(i, r) ? (S(), s("div", {
 					key: 1,
 					"data-testid": "vibe-asset-error",
-					"data-kind": te(r),
+					"data-kind": Y(r),
 					class: "grid h-full w-full place-items-center"
 				}, [c("div", Vt, [
 					u(j(oe), {
@@ -1714,8 +1720,8 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 					c("button", {
 						type: "button",
 						class: "relative grid h-full w-full place-items-center border border-white/12 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02)),radial-gradient(circle_at_center,rgba(16,185,129,0.14),transparent_58%)] text-[#f7f1ea] transition-[border-color,background] duration-200 hover:border-white/30 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),radial-gradient(circle_at_center,rgba(16,185,129,0.18),transparent_58%)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
-						"aria-label": j(g).mediaStates.value[Q(r)]?.paused ?? !0 ? Y("Play", r) : Y("Pause", r),
-						disabled: !!te(r),
+						"aria-label": j(g).mediaStates.value[Q(r)]?.paused ?? !0 ? J("Play", r) : J("Pause", r),
+						disabled: !!Y(r),
 						onClick: (e) => j(g).onAudioCoverClick(e, Q(r))
 					}, [
 						n[6] ||= c("span", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(16,185,129,0.16),transparent_66%)]" }, null, -1),
@@ -1732,13 +1738,13 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 							"aria-hidden": "true"
 						}))])
 					], 8, qt),
-					ee(i, r) ? (S(), s("div", Xt, [c("span", Zt, [u(j(re), {
+					te(i, r) ? (S(), s("div", Xt, [c("span", Zt, [u(j(re), {
 						class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 						"aria-hidden": "true"
 					})])])) : o("", !0),
-					te(r) ? (S(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
+					Y(r) ? (S(), s(t, { key: 1 }, [n[8] ||= c("div", { class: "pointer-events-none absolute inset-0 border border-white/8 bg-[radial-gradient(circle,rgba(239,68,68,0.12),transparent_66%)]" }, null, -1), c("div", {
 						"data-testid": "vibe-asset-error",
-						"data-kind": te(r),
+						"data-kind": Y(r),
 						class: "relative z-[1] grid justify-items-center gap-4"
 					}, [
 						u(j(oe), {
@@ -1790,7 +1796,7 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 					title: j(g).activeItem.value.title ?? null,
 					total: j(g).items.value.length,
 					onBackToList: n[0] ||= (e) => m("back-to-list")
-				}, l({ _: 2 }, [W.value && L.value ? {
+				}, l({ _: 2 }, [U.value && L.value ? {
 					name: "actions",
 					fn: I(() => [D(e.$slots, "fullscreen-header-actions", v(f(L.value)))]),
 					key: "0"
@@ -1821,7 +1827,7 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				V.value ? (S(), s("div", {
 					key: 3,
 					class: _(["absolute left-1/2 z-[4] -translate-x-1/2", N.value])
-				}, [J.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, V.value))) : (S(), s("div", {
+				}, [q.value ? D(e.$slots, "fullscreen-status", v(h({ key: 0 }, V.value))) : (S(), s("div", {
 					key: 1,
 					class: _(["inline-flex w-auto items-center border border-white/14 bg-black/40 px-5 py-3 text-[0.75rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74 backdrop-blur-[18px] max-[720px]:w-[calc(100%-2.5rem)] max-[720px]:justify-center", V.value.kind === "end" ? "border-amber-300/35 text-amber-200" : ""])
 				}, k(V.value.message), 3))], 2)) : o("", !0)
@@ -1833,7 +1839,7 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: I(() => [K.value && L.value ? (S(), s("aside", sn, [c("div", cn, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
+				default: I(() => [G.value && L.value ? (S(), s("aside", sn, [c("div", cn, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
 				_: 3
 			})], 4),
 			u(r, {
@@ -1844,29 +1850,29 @@ var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f
 				"leave-from-class": "translate-x-0 opacity-100",
 				"leave-to-class": "translate-x-full opacity-0"
 			}, {
-				default: I(() => [q.value && L.value ? (S(), s("aside", ln, [c("div", un, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
+				default: I(() => [K.value && L.value ? (S(), s("aside", ln, [c("div", un, [D(e.$slots, "fullscreen-aside", v(f(L.value)))])])) : o("", !0)]),
 				_: 3
 			})
 		]));
 	}
-}), pn = 1, mn = .5;
-function hn(e) {
+}), mn = 1, hn = .5;
+function gn(e) {
 	if (e.type !== "image" && e.type !== "video") return {
-		width: pn,
-		height: pn,
+		width: mn,
+		height: mn,
 		source: "fallback"
 	};
 	let t = e.preview?.width, n = e.preview?.height;
-	if (Sn(t) && Sn(n)) {
-		let r = Cn(e, t, n);
+	if (Cn(t) && Cn(n)) {
+		let r = wn(e, t, n);
 		return {
 			width: r.width,
 			height: r.height,
 			source: "preview"
 		};
 	}
-	if (Sn(e.width) && Sn(e.height)) {
-		let t = Cn(e, e.width, e.height);
+	if (Cn(e.width) && Cn(e.height)) {
+		let t = wn(e, e.width, e.height);
 		return {
 			width: t.width,
 			height: t.height,
@@ -1874,31 +1880,31 @@ function hn(e) {
 		};
 	}
 	return {
-		width: pn,
-		height: pn,
+		width: mn,
+		height: mn,
 		source: "fallback"
 	};
 }
-function gn(e, t) {
+function _n(e, t) {
 	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
 }
-function _n(e, t, n, r = 0) {
+function vn(e, t, n, r = 0) {
 	if (!e || e <= 0 || !t || t <= 0) return n;
 	let i = typeof r == "number" && r > 0 ? r : 0, a = e - Math.max(0, t - 1) * i;
 	return !a || a <= 0 ? n : a / t;
 }
-function vn(e, t) {
-	let n = hn(e);
+function yn(e, t) {
+	let n = gn(e);
 	return n.height / n.width * t;
 }
-function yn(e, t) {
+function bn(e, t) {
 	let n = Array.from({ length: t.columnCount }, () => 0), r = Array(e.length), i = Array(e.length), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = 0;
 	for (let c = 0; c < e.length; c += 1) {
 		let l = e[c];
 		o.set($(l), c);
 		let u = 0;
 		for (let e = 1; e < n.length; e += 1) n[e] < n[u] && (u = e);
-		let d = u * (t.columnWidth + t.gapX), f = n[u], p = vn(l, t.columnWidth);
+		let d = u * (t.columnWidth + t.gapX), f = n[u], p = yn(l, t.columnWidth);
 		r[c] = {
 			x: d,
 			y: f
@@ -1917,7 +1923,7 @@ function yn(e, t) {
 		indexById: o
 	};
 }
-function bn(e) {
+function xn(e) {
 	if (e.itemCount <= 0) return [];
 	if (e.viewportHeight <= 0) return Array.from({ length: e.itemCount }, (e, t) => t);
 	let t = Math.max(0, e.scrollTop - e.overscanPx), n = e.scrollTop + e.viewportHeight + e.overscanPx, r = Math.floor(t / e.bucketPx), i = Math.floor(n / e.bucketPx), a = /* @__PURE__ */ new Set();
@@ -1927,7 +1933,7 @@ function bn(e) {
 	}
 	return Array.from(a).sort((e, t) => e - t);
 }
-function xn(e, t, n) {
+function Sn(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		let e = t.get($(i));
@@ -1937,11 +1943,11 @@ function xn(e, t, n) {
 	}
 	return r;
 }
-function Sn(e) {
+function Cn(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function Cn(e, t, n) {
-	return e.type !== "image" || n / t >= mn ? {
+function wn(e, t, n) {
+	return e.type !== "image" || n / t >= hn ? {
 		width: t,
 		height: n
 	} : {
@@ -1951,18 +1957,18 @@ function Cn(e, t, n) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryMotion.ts
-var wn = 300, Tn = 600, En = 40, Dn = 400;
-function On(e, t) {
+var Tn = 300, En = 600, Dn = 40, On = 400;
+function kn(e, t) {
 	return t === "top" ? [...e].reverse() : e;
 }
-function kn(e) {
-	return e <= 0 ? Tn : Tn + Math.min((e - 1) * En, Dn);
-}
 function An(e) {
+	return e <= 0 ? En : En + Math.min((e - 1) * Dn, On);
+}
+function jn(e) {
 	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
 	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
 }
-function jn(e) {
+function Mn(e) {
 	let t = T(/* @__PURE__ */ new Set()), n = T(/* @__PURE__ */ new Set()), r = T(/* @__PURE__ */ new Map()), i = T(/* @__PURE__ */ new Map()), a = T(/* @__PURE__ */ new Map()), o = T(/* @__PURE__ */ new Map()), s = T(/* @__PURE__ */ new Set()), c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
 	P(e.visibleIndices, (a) => {
 		if (!a.length) return;
@@ -1972,20 +1978,20 @@ function jn(e) {
 			!r || !t.value.has(r) || c.has(r) || (c.add(r), o.push(r));
 		}
 		if (!o.length) return;
-		let s = On(o, i.value.get(o[0]) ?? "bottom"), l = new Map(r.value);
-		for (let e = 0; e < s.length; e += 1) l.set(s[e], Math.min(e * En, Dn));
-		r.value = l, Mn(() => {
+		let s = kn(o, i.value.get(o[0]) ?? "bottom"), l = new Map(r.value);
+		for (let e = 0; e < s.length; e += 1) l.set(s[e], Math.min(e * Dn, On));
+		r.value = l, Nn(() => {
 			let e = new Set(n.value);
 			for (let t of o) e.add(t);
 			n.value = e;
-		}), Nn(() => {
+		}), Pn(() => {
 			let e = new Set(t.value);
 			for (let t of o) e.delete(t);
 			t.value = e, h(() => {
 				let e = new Set(n.value), t = new Map(r.value), a = new Map(i.value);
 				for (let n of o) e.delete(n), t.delete(n), a.delete(n), c.delete(n);
 				n.value = e, r.value = t, i.value = a;
-			}, kn(o.length));
+			}, An(o.length));
 		});
 	}, { flush: "post" }), b(() => {
 		for (let e of l) clearTimeout(e);
@@ -2000,7 +2006,7 @@ function jn(e) {
 		}
 		t.value = r, i.value = a;
 	}
-	function d(t, n, r = wn) {
+	function d(t, n, r = Tn) {
 		if (!t.size) return;
 		let i = /* @__PURE__ */ new Map(), c = [];
 		for (let [r, a] of t.entries()) {
@@ -2019,8 +2025,8 @@ function jn(e) {
 		a.value = i, s.value = /* @__PURE__ */ new Set();
 		let l = new Map(o.value);
 		for (let e of c) l.set(e, r);
-		o.value = l, Mn(() => {
-			s.value = new Set(c), Mn(() => {
+		o.value = l, Nn(() => {
+			s.value = new Set(c), Nn(() => {
 				a.value = /* @__PURE__ */ new Map();
 			});
 		}), h(() => {
@@ -2031,8 +2037,8 @@ function jn(e) {
 		}, r);
 	}
 	function f(e) {
-		if (n.value.has(e)) return `transform ${Tn}ms ease-out`;
-		if (s.value.has(e)) return `transform ${o.value.get(e) ?? wn}ms ease-out`;
+		if (n.value.has(e)) return `transform ${En}ms ease-out`;
+		if (s.value.has(e)) return `transform ${o.value.get(e) ?? Tn}ms ease-out`;
 	}
 	function p(e) {
 		if (!n.value.has(e)) return;
@@ -2049,7 +2055,7 @@ function jn(e) {
 		} : {
 			dx: 0,
 			dy: 0
-		}, u = c ? i.value.get(c) ?? "bottom" : "bottom", d = c && t.value.has(c) ? An({
+		}, u = c ? i.value.get(c) ?? "bottom" : "bottom", d = c && t.value.has(c) ? jn({
 			columnWidth: e.columnWidth.value,
 			direction: u,
 			itemHeight: s,
@@ -2072,28 +2078,28 @@ function jn(e) {
 		playFlipMoveAnimation: d
 	};
 }
-function Mn(e) {
+function Nn(e) {
 	if (typeof requestAnimationFrame == "function") {
 		requestAnimationFrame(() => e());
 		return;
 	}
 	setTimeout(e, 0);
 }
-function Nn(e) {
-	Mn(() => Mn(e));
+function Pn(e) {
+	Nn(() => Nn(e));
 }
 //#endregion
 //#region src/components/viewer-core/masonryViewport.ts
-function Pn(e, t) {
+function Fn(e, t) {
 	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || window.innerHeight || t || 1;
 }
-function Fn(e, t, n) {
+function In(e, t, n) {
 	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || window.innerWidth || t || n;
 }
-function In(e, t, n, r) {
+function Ln(e, t, n, r) {
 	return (e?.scrollHeight ?? r) - (t + n);
 }
-function Ln(e, t) {
+function Rn(e, t) {
 	return {
 		height: `${e}px`,
 		transform: `translate3d(0, ${t}px, 0)`
@@ -2101,8 +2107,8 @@ function Ln(e, t) {
 }
 //#endregion
 //#region src/components/viewer-core/useEdgeBoundary.ts
-var Rn = 250, zn = 1e3;
-function Bn(e) {
+var zn = 250, Bn = 1e3;
+function Vn(e) {
 	let t = T(!1), n = T(!1), r = T(0), i = T(0), a = T(!1), o = T(!1), s = 0, c = null;
 	b(() => {
 		y();
@@ -2118,7 +2124,7 @@ function Bn(e) {
 	function u(t) {
 		if (!x(t) || !e.isAtBoundary()) return;
 		let n = Date.now();
-		n < s || (s = n + Rn, m());
+		n < s || (s = n + zn, m());
 	}
 	function d() {
 		if (!g()) return;
@@ -2152,7 +2158,7 @@ function Bn(e) {
 		return e.hasPage.value && t.value && r.value > i.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
 	}
 	function _() {
-		o.value = !1, v(zn);
+		o.value = !1, v(Bn);
 	}
 	function v(e) {
 		y(), a.value = !0, c = setTimeout(() => {
@@ -2175,30 +2181,30 @@ function Bn(e) {
 }
 //#endregion
 //#region src/components/viewer-core/useMasonryList.ts
-var Vn = 600, Hn = 24, Un = 16, Wn = 300, Gn = 200, Kn = 200, qn = 200, Jn = 300, Yn = 24, Xn = 48, Zn = 500, Qn = 1e3;
-function $n(e) {
-	let t = T(null), n = T(0), r = T(typeof window > "u" ? 0 : window.innerHeight || 0), a = T(typeof window > "u" ? 0 : window.innerWidth || Wn), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = i(() => Math.max(Wn, a.value - Hn * 2)), p = i(() => gn(f.value, Wn)), m = i(() => _n(f.value, p.value, Wn, Un)), h = i(() => er(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), _ = i(() => bn({
+var Hn = 600, Un = 24, Wn = 16, Gn = 300, Kn = 200, qn = 200, Jn = 200, Yn = 300, Xn = 24, Zn = 48, Qn = 500, $n = 1e3;
+function er(e) {
+	let t = T(null), n = T(0), r = T(typeof window > "u" ? 0 : window.innerHeight || 0), a = T(typeof window > "u" ? 0 : window.innerWidth || Gn), o = T([]), s = T([]), c = T(/* @__PURE__ */ new Map()), l = T(0), u = T(/* @__PURE__ */ new Map()), d = T(null), f = i(() => Math.max(Gn, a.value - Un * 2)), p = i(() => _n(f.value, Gn)), m = i(() => vn(f.value, p.value, Gn, Wn)), h = i(() => tr(e.activeIndex.value, 0, Math.max(0, e.items.value.length - 1))), _ = i(() => xn({
 		itemCount: e.items.value.length,
 		viewportHeight: r.value,
 		scrollTop: n.value,
-		overscanPx: Gn,
-		bucketPx: Vn,
+		overscanPx: Kn,
+		bucketPx: Hn,
 		buckets: c.value
 	})), v = i(() => _.value.map((t) => ({
 		item: e.items.value[t],
 		index: t
 	}))), y = i(() => {
-		let e = l.value + Hn * 2, t = d.value ?? 0;
-		return Math.max(e, t, r.value) + qn;
-	}), S = i(() => e.loading.value ? e.items.value.length > 0 ? "Loading more items" : "Loading the first page" : !e.hasNextPage.value && e.items.value.length > 0 ? "End of list" : null), C = i(() => `${h.value + 1} / ${e.items.value.length}`), w = i(() => Math.max(0, r.value - Yn * 2)), E = i(() => y.value > r.value + 1 && w.value > 0), D = i(() => {
+		let e = l.value + Un * 2, t = d.value ?? 0;
+		return Math.max(e, t, r.value) + Jn;
+	}), S = i(() => e.loading.value ? e.items.value.length > 0 ? "Loading more items" : "Loading the first page" : !e.hasNextPage.value && e.items.value.length > 0 ? "End of list" : null), C = i(() => `${h.value + 1} / ${e.items.value.length}`), w = i(() => Math.max(0, r.value - Xn * 2)), E = i(() => y.value > r.value + 1 && w.value > 0), D = i(() => {
 		if (!E.value) return 0;
 		let e = r.value / y.value * w.value;
-		return Math.min(w.value, Math.max(Xn, e));
+		return Math.min(w.value, Math.max(Zn, e));
 	}), O = i(() => {
-		if (!E.value) return Yn;
+		if (!E.value) return Xn;
 		let e = Math.max(0, y.value - r.value);
-		return Yn + Math.max(0, w.value - D.value) * (e > 0 ? er(n.value / e, 0, 1) : 0);
-	}), k = jn({
+		return Xn + Math.max(0, w.value - D.value) * (e > 0 ? tr(n.value / e, 0, 1) : 0);
+	}), k = Mn({
 		items: e.items,
 		visibleIndices: _,
 		positions: o,
@@ -2207,25 +2213,25 @@ function $n(e) {
 		columnWidth: m,
 		scrollTop: n,
 		viewportHeight: r
-	}), A = Bn({
+	}), A = Vn({
 		direction: "top",
 		getAnimationLockMs(e) {
-			return Math.max(Zn, kn(e)) + Qn;
+			return Math.max(Qn, An(e)) + $n;
 		},
 		hasPage: e.hasPreviousPage,
 		isAtBoundary() {
-			return n.value <= Hn + Un;
+			return n.value <= Un + Wn;
 		},
 		loading: e.loading,
 		requestPage: e.requestPreviousPage
-	}), j = Bn({
+	}), j = Vn({
 		direction: "bottom",
 		getAnimationLockMs(e) {
-			return kn(e) + Qn;
+			return An(e) + $n;
 		},
 		hasPage: e.hasNextPage,
 		isAtBoundary() {
-			return Y() <= Kn;
+			return J() <= qn;
 		},
 		loading: e.loading,
 		requestPage: e.requestNextPage
@@ -2235,46 +2241,46 @@ function $n(e) {
 		p,
 		m
 	], async ([t], [r = []]) => {
-		let i = xn(e.items.value, u.value, o.value), a = new Set(r), s = e.items.value.filter((e) => !a.has($(e))), c = t.length > r.length && r.length > 0 && t[0] !== r[0], l = c && n.value > Hn + Un ? e.items.value[h.value] : null, d = l ? $(l) : null;
-		L(), s.length > 0 && (k.markEnter(s, c ? "top" : "bottom"), c ? A.onItemsMutated(s.length) : j.onItemsMutated(s.length)), k.playFlipMoveAnimation(i, new Set(s.map((e) => $(e))), c ? Zn : void 0), d ? (await g(), H(d, i)) : e.active.value && r.length > 0 && W();
+		let i = Sn(e.items.value, u.value, o.value), a = new Set(r), s = e.items.value.filter((e) => !a.has($(e))), c = t.length > r.length && r.length > 0 && t[0] !== r[0], l = c && n.value > Un + Wn ? e.items.value[h.value] : null, d = l ? $(l) : null;
+		L(), s.length > 0 && (k.markEnter(s, c ? "top" : "bottom"), c ? A.onItemsMutated(s.length) : j.onItemsMutated(s.length)), k.playFlipMoveAnimation(i, new Set(s.map((e) => $(e))), c ? Qn : void 0), d ? (await g(), H(d, i)) : e.active.value && r.length > 0 && U();
 	}, { immediate: !0 }), P([
 		() => e.pendingAppendItems.value.map((e) => $(e)),
 		p,
 		m,
 		r
 	], ([t]) => {
-		re(), t.length && (d.value = te([...e.items.value, ...e.pendingAppendItems.value]), ne());
+		re(), t.length && (d.value = Y([...e.items.value, ...e.pendingAppendItems.value]), ne());
 	}, { immediate: !0 }), P(() => e.restoreToken.value, async () => {
 		await g(), V(h.value, "center");
 	}), P(() => e.loading.value, async (t) => {
 		!t && !e.pendingAppendItems.value.length && !F && !I && (d.value = null), A.onLoadingChange(t), j.onLoadingChange(t), await g();
 	}), x(async () => {
-		K(), await g(), h.value > 0 ? V(h.value, "center") : U(), A.syncBoundary(), j.syncBoundary(), typeof ResizeObserver < "u" ? (M = new ResizeObserver(() => {
-			K();
-		}), t.value && M.observe(t.value)) : window.addEventListener("resize", K);
+		G(), await g(), h.value > 0 ? V(h.value, "center") : ee(), A.syncBoundary(), j.syncBoundary(), typeof ResizeObserver < "u" ? (M = new ResizeObserver(() => {
+			G();
+		}), t.value && M.observe(t.value)) : window.addEventListener("resize", G);
 	}), b(() => {
-		M?.disconnect(), M = null, window.removeEventListener("resize", K), re(), N &&= (cancelAnimationFrame(N), 0);
+		M?.disconnect(), M = null, window.removeEventListener("resize", G), re(), N &&= (cancelAnimationFrame(N), 0);
 	});
 	function L() {
-		let t = yn(e.items.value, {
+		let t = bn(e.items.value, {
 			columnCount: p.value,
 			columnWidth: m.value,
-			gapX: Un,
-			gapY: Un,
-			bucketPx: Vn
+			gapX: Wn,
+			gapY: Wn,
+			bucketPx: Hn
 		});
 		o.value = t.positions.map((e) => ({
-			x: e.x + Hn,
-			y: e.y + Hn
+			x: e.x + Un,
+			y: e.y + Un
 		})), s.value = t.heights, c.value = t.buckets, l.value = t.contentHeight, u.value = t.indexById;
 	}
 	function R() {
-		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = q(), A.syncBoundary(), j.syncBoundary(), G(), !W() && (N ||= requestAnimationFrame(() => {
-			N = 0, U();
+		e.active.value && (n.value = t.value?.scrollTop ?? 0, r.value = K(), A.syncBoundary(), j.syncBoundary(), W(), !U() && (N ||= requestAnimationFrame(() => {
+			N = 0, ee();
 		})));
 	}
 	function z(t) {
-		e.active.value && (A.onWheel(t), j.onWheel(t), G());
+		e.active.value && (A.onWheel(t), j.onWheel(t), W());
 	}
 	function B(t) {
 		let n = e.items.value[t], r = n ? $(n) : "";
@@ -2290,7 +2296,7 @@ function $n(e) {
 		let a = t.value, c = o.value[e], l = s.value[e];
 		if (!a || !c || !l) return;
 		let u = a.scrollTop, d = Math.max(0, y.value - r.value);
-		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Hn : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Hn), a.scrollTop = er(u, 0, d), n.value = a.scrollTop, U();
+		i === "center" ? u = c.y - (r.value - l) / 2 : c.y < a.scrollTop ? u = c.y - Un : c.y + l > a.scrollTop + r.value && (u = c.y + l - r.value + Un), a.scrollTop = tr(u, 0, d), n.value = a.scrollTop, ee();
 	}
 	function H(e, r) {
 		let i = t.value, a = r.get(e), s = u.value.get(e), c = s == null ? null : o.value[s];
@@ -2298,8 +2304,8 @@ function $n(e) {
 		let l = c.y - a.y;
 		i.scrollTop += l, n.value = i.scrollTop;
 	}
-	function U() {
-		if (!_.value.length || W()) return;
+	function ee() {
+		if (!_.value.length || U()) return;
 		let t = n.value + r.value / 2, i = h.value, a = Infinity;
 		for (let e of _.value) {
 			let n = o.value[e], r = s.value[e];
@@ -2309,36 +2315,36 @@ function $n(e) {
 		}
 		e.setActiveIndex(i);
 	}
-	function W() {
-		let t = n.value <= Hn + Un, r = Y() <= Kn;
+	function U() {
+		let t = n.value <= Un + Wn, r = J() <= qn;
 		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
 	}
-	function G() {
+	function W() {
 		A.maybeRequestPage(), j.maybeRequestPage();
 	}
+	function G() {
+		r.value = K(), a.value = q();
+	}
 	function K() {
-		r.value = q(), a.value = J();
+		return Fn(t.value, r.value);
 	}
 	function q() {
-		return Pn(t.value, r.value);
+		return In(t.value, a.value, Gn);
 	}
 	function J() {
-		return Fn(t.value, a.value, Wn);
+		return Ln(t.value, n.value, r.value, y.value);
 	}
-	function Y() {
-		return In(t.value, n.value, r.value, y.value);
+	function te() {
+		return Rn(D.value, O.value);
 	}
-	function ee() {
-		return Ln(D.value, O.value);
-	}
-	function te(e) {
-		return e.length ? yn(e, {
+	function Y(e) {
+		return e.length ? bn(e, {
 			columnCount: p.value,
 			columnWidth: m.value,
-			gapX: Un,
-			gapY: Un,
-			bucketPx: Vn
-		}).contentHeight + Hn * 2 : 0;
+			gapX: Wn,
+			gapY: Wn,
+			bucketPx: Hn
+		}).contentHeight + Un * 2 : 0;
 	}
 	function ne() {
 		let t = e.commitPendingAppend.value;
@@ -2350,7 +2356,7 @@ function $n(e) {
 			} finally {
 				d.value = null, I = !1;
 			}
-		}, Jn));
+		}, Yn));
 	}
 	function re() {
 		F &&= (clearTimeout(F), null);
@@ -2360,7 +2366,7 @@ function $n(e) {
 		containerHeight: y,
 		footerStatusMessage: S,
 		getCardStyle: B,
-		getScrollbarThumbStyle: ee,
+		getScrollbarThumbStyle: te,
 		onScroll: R,
 		onWheel: z,
 		paginationLabel: C,
@@ -2371,17 +2377,17 @@ function $n(e) {
 		scrollViewportRef: t
 	};
 }
-function er(e, t, n) {
+function tr(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/viewer-core/listCardAsset.ts
-function tr(e) {
+function nr(e) {
 	if (e) try {
 		e.removeAttribute("src"), e.src = "";
 	} catch {}
 }
-function nr(e) {
+function rr(e) {
 	if (e) {
 		try {
 			e.currentTime = 0;
@@ -2392,12 +2398,12 @@ function nr(e) {
 		} catch {}
 	}
 }
-function rr(e, t) {
+function ir(e, t) {
 	if (t) return e.bottom > t.top && e.top < t.bottom;
 	let n = window.innerHeight || document.documentElement.clientHeight || 0;
 	return e.bottom > 0 && e.top < n;
 }
-function ir(e) {
+function ar(e) {
 	if (!e) return null;
 	try {
 		return new URL(e, window.location.href).href;
@@ -2407,22 +2413,22 @@ function ir(e) {
 }
 //#endregion
 //#region src/components/viewer-core/listPreview.ts
-var ar = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, or = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
-function sr(e) {
-	let t = e.preview?.url ?? e.url, n = hn(e), r = e.title?.trim() || Ot(e.type);
+var or = /\.(avif|gif|jpe?g|png|svg|webp)(\?|#|$)/i, sr = /\.(m4v|mov|mp4|mpeg|ogg|ogv|webm)(\?|#|$)/i;
+function cr(e) {
+	let t = e.preview?.url ?? e.url, n = gn(e), r = e.title?.trim() || Ot(e.type);
 	return e.type !== "image" && e.type !== "video" ? {
 		kind: "fallback",
 		url: null,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : lr(e, t) ? {
+	} : ur(e, t) ? {
 		kind: "video",
 		url: t,
 		width: n.width,
 		height: n.height,
 		label: r
-	} : cr(e, t) ? {
+	} : lr(e, t) ? {
 		kind: "image",
 		url: t,
 		width: n.width,
@@ -2436,28 +2442,28 @@ function sr(e) {
 		label: r
 	};
 }
-function cr(e, t) {
-	return e.type !== "image" || typeof t != "string" ? !1 : ar.test(t) || ur(t);
-}
 function lr(e, t) {
-	return e.type === "video" && typeof t == "string" && or.test(t);
+	return e.type !== "image" || typeof t != "string" ? !1 : or.test(t) || dr(t);
+}
+function ur(e, t) {
+	return e.type === "video" && typeof t == "string" && sr.test(t);
 }
-function ur(e) {
+function dr(e) {
 	return /^https?:\/\//i.test(e);
 }
 //#endregion
 //#region src/components/viewer-core/useAssetLoadQueue.ts
-var dr = {
+var fr = {
 	maxGlobal: 10,
 	maxPerDomain: 4,
 	maxVideoPerDomain: 2
 };
-function fr(e = dr) {
+function pr(e = fr) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
 	function i(e) {
 		let i = {
 			...e,
-			domain: hr(e.url),
+			domain: gr(e.url),
 			enqueuedAt: r,
 			id: `vibe-asset-load-${r += 1}`
 		};
@@ -2476,7 +2482,7 @@ function fr(e = dr) {
 	function a() {
 		if (n.size === 0) return;
 		let r = [...n.values()].sort((e, t) => {
-			let n = mr(e) - mr(t);
+			let n = hr(e) - hr(t);
 			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
 		});
 		for (let i of r) {
@@ -2497,8 +2503,8 @@ function fr(e = dr) {
 	}
 	return { request: i };
 }
-var pr = fr();
-function mr(e) {
+var mr = pr();
+function hr(e) {
 	try {
 		let t = e.getPriority();
 		return Number.isFinite(t) ? t : Infinity;
@@ -2506,7 +2512,7 @@ function mr(e) {
 		return Infinity;
 	}
 }
-function hr(e) {
+function gr(e) {
 	try {
 		return new URL(e).hostname || "local";
 	} catch {
@@ -2515,14 +2521,14 @@ function hr(e) {
 }
 //#endregion
 //#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
-var gr = ["aria-label"], _r = {
+var _r = ["aria-label"], vr = {
 	key: 0,
 	"data-testid": "vibe-list-card-spinner",
 	class: "pointer-events-none absolute inset-0 z-[4] grid place-items-center bg-black/18"
-}, vr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, yr = ["src", "alt"], br = ["src"], xr = ["data-kind"], Sr = { class: "grid justify-items-center gap-3 px-4 text-center" }, Cr = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, wr = {
+}, yr = { class: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-black/45 shadow-[0_18px_40px_-18px_rgba(0,0,0,0.85)] backdrop-blur-[18px]" }, br = ["src", "alt"], xr = ["src"], Sr = ["data-kind"], Cr = { class: "grid justify-items-center gap-3 px-4 text-center" }, wr = { class: "text-[0.68rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, Tr = {
 	key: 4,
 	class: "grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.08),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-}, Tr = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Er = { class: "pointer-events-none absolute inset-0 z-[3]" }, Dr = /* @__PURE__ */ d({
+}, Er = { class: "inline-flex h-14 w-14 items-center justify-center border border-white/16 bg-black/20" }, Dr = { class: "pointer-events-none absolute inset-0 z-[3]" }, Or = /* @__PURE__ */ d({
 	__name: "ListCard",
 	props: {
 		active: {
@@ -2546,44 +2552,44 @@ var gr = ["aria-label"], _r = {
 	},
 	emits: ["open"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, l = i(() => sr(n.item)), d = T(!1), f = T(!1), p = T(!1), m = T(l.value.kind === "fallback"), h = T(null), g = T(null), v = T(null), y = T(null), C = T(null), w = T(l.value.kind === "fallback"), E = i(() => w.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), A = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), M = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), F = i(() => !!h.value), I = i(() => mt(h.value)), L = i(() => A.value && !h.value && (!w.value || !m.value)), z = null, B = null, V = /* @__PURE__ */ new Set();
+		let n = e, r = t, l = i(() => cr(n.item)), d = T(!1), f = T(!1), p = T(!1), m = T(l.value.kind === "fallback"), h = T(null), g = T(null), v = T(null), y = T(null), C = T(null), w = T(l.value.kind === "fallback"), E = i(() => w.value ? n.surfaceActive ? d.value ? l.value.url : null : l.value.url : null), A = i(() => n.surfaceActive && d.value && (l.value.kind === "image" || l.value.kind === "video") && !!l.value.url), M = i(() => l.value.kind === "image" && !!E.value), N = i(() => l.value.kind === "video" && !!E.value), F = i(() => !!h.value), I = i(() => mt(h.value)), L = i(() => A.value && !h.value && (!w.value || !m.value)), z = null, B = null, V = /* @__PURE__ */ new Set();
 		P([E, () => l.value.kind], () => {
 			let e = l.value.kind === "fallback";
 			m.value = e, h.value = null, e && (w.value = !0);
 		}), P(A, () => {
-			K();
+			G();
 		}), P([
 			d,
 			m,
 			E
 		], () => {
-			q();
+			K();
 		}), P(() => n.surfaceActive, (e) => {
 			if (!e) {
-				Y(), q();
+				J(), K();
 				return;
 			}
 			requestAnimationFrame(() => {
-				ee(), K(), q();
+				te(), G(), K();
 			});
 		}), x(() => {
 			if (!v.value || typeof IntersectionObserver > "u") {
-				y.value = null, d.value = !0, K();
+				y.value = null, d.value = !0, G();
 				return;
 			}
 			y.value = v.value.closest("[data-testid=\"vibe-list-scroll\"]"), z = new IntersectionObserver((e) => {
-				for (let t of e) t.target === v.value && (n.surfaceActive && ee(t), K(), q());
+				for (let t of e) t.target === v.value && (n.surfaceActive && te(t), G(), K());
 			}, {
 				root: y.value,
 				threshold: [0, 1]
 			}), z.observe(v.value);
 		}), b(() => {
-			J(), z?.disconnect(), z = null;
+			q(), z?.disconnect(), z = null;
 		});
 		function H() {
-			Z(g.value) && (m.value = !0, h.value = null, te(E.value ?? n.item.url), Y());
+			Z(g.value) && (m.value = !0, h.value = null, Y(E.value ?? n.item.url), J());
 		}
-		async function U() {
+		async function ee() {
 			if (!Z(g.value)) return;
 			let e = E.value ?? n.item.url;
 			m.value = !1, h.value = "generic";
@@ -2594,32 +2600,32 @@ var gr = ["aria-label"], _r = {
 				url: e,
 				kind: t,
 				surface: "grid"
-			}), Y();
+			}), J();
 		}
-		function W() {
-			Z(C.value) && (m.value = !0, h.value = null, te(E.value ?? n.item.url), Y(), q());
+		function U() {
+			Z(C.value) && (m.value = !0, h.value = null, Y(E.value ?? n.item.url), J(), K());
 		}
-		function G() {
+		function W() {
 			Z(C.value) && (m.value = !1);
 		}
-		function K() {
+		function G() {
 			if (l.value.kind === "fallback") {
-				J(!1);
+				q(!1);
 				return;
 			}
 			if (!n.surfaceActive) {
-				Y();
+				J();
 				return;
 			}
 			if (!A.value) {
-				J();
+				q();
 				return;
 			}
 			if (w.value || B) {
 				B?.refresh();
 				return;
 			}
-			B = pr.request({
+			B = mr.request({
 				assetType: l.value.kind,
 				getPriority: X,
 				onGrant() {
@@ -2628,7 +2634,7 @@ var gr = ["aria-label"], _r = {
 				url: l.value.url ?? n.item.url
 			});
 		}
-		function q() {
+		function K() {
 			let e = C.value;
 			if (!(!e || l.value.kind !== "video")) {
 				if (h.value) {
@@ -2645,21 +2651,21 @@ var gr = ["aria-label"], _r = {
 				e.pause();
 			}
 		}
-		function J(e = !0) {
-			w.value = l.value.kind === "fallback", h.value = null, m.value = l.value.kind === "fallback", e && (ie(), ae()), Y();
+		function q(e = !0) {
+			w.value = l.value.kind === "fallback", h.value = null, m.value = l.value.kind === "fallback", e && (ie(), ae()), J();
 		}
-		function Y() {
+		function J() {
 			B?.release(), B = null;
 		}
-		function ee(e) {
+		function te(e) {
 			let t = v.value;
 			if (!t) {
 				d.value = !0;
 				return;
 			}
-			d.value = rr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
+			d.value = ir(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
 		}
-		function te(e) {
+		function Y(e) {
 			if (!e) return;
 			let t = $(n.item), r = `${t}|${e}`;
 			V.has(r) || (V.add(r), n.reportAssetLoad?.({
@@ -2674,13 +2680,13 @@ var gr = ["aria-label"], _r = {
 			let e = $(n.item);
 			V.forEach((t) => {
 				t.startsWith(`${e}|`) && V.delete(t);
-			}), h.value = null, m.value = !1, w.value = !1, Y(), K();
+			}), h.value = null, m.value = !1, w.value = !1, J(), G();
 		}
 		function ie() {
-			tr(g.value);
+			nr(g.value);
 		}
 		function ae() {
-			nr(C.value);
+			rr(C.value);
 		}
 		function X() {
 			let e = v.value;
@@ -2694,8 +2700,8 @@ var gr = ["aria-label"], _r = {
 			return Math.abs((t.top + t.bottom) / 2 - n);
 		}
 		function Z(e) {
-			let t = ir(E.value);
-			return !e || !t ? !1 : ir("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
+			let t = ar(E.value);
+			return !e || !t ? !1 : ar("currentSrc" in e && e.currentSrc || e.getAttribute("src")) === t;
 		}
 		function se() {
 			r("open");
@@ -2723,8 +2729,8 @@ var gr = ["aria-label"], _r = {
 				class: "absolute inset-0 z-[1] block h-full w-full cursor-pointer text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f7f1ea]",
 				"aria-label": n.item.title || `Open item ${n.index + 1}`,
 				onClick: se
-			}, null, 8, gr),
-			L.value ? (S(), s("div", _r, [c("span", vr, [u(j(re), {
+			}, null, 8, _r),
+			L.value ? (S(), s("div", vr, [c("span", yr, [u(j(re), {
 				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			})])])) : o("", !0),
@@ -2737,8 +2743,8 @@ var gr = ["aria-label"], _r = {
 				draggable: "false",
 				class: _(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
 				onLoad: H,
-				onError: U
-			}, null, 42, yr)) : N.value && E.value && !F.value ? (S(), s("video", {
+				onError: ee
+			}, null, 42, br)) : N.value && E.value && !F.value ? (S(), s("video", {
 				key: 2,
 				ref_key: "videoRef",
 				ref: C,
@@ -2748,37 +2754,37 @@ var gr = ["aria-label"], _r = {
 				playsinline: "",
 				preload: "metadata",
 				class: _(["block h-full w-full object-cover transition-opacity duration-300", m.value ? "pointer-events-none opacity-100" : "pointer-events-none opacity-0"]),
-				onCanplay: W,
-				onError: U,
-				onLoadstart: G,
-				onPlaying: W,
-				onStalled: G,
-				onWaiting: G
-			}, null, 42, br)) : F.value ? (S(), s("div", {
+				onCanplay: U,
+				onError: ee,
+				onLoadstart: W,
+				onPlaying: U,
+				onStalled: W,
+				onWaiting: W
+			}, null, 42, xr)) : F.value ? (S(), s("div", {
 				key: 3,
 				"data-testid": "vibe-list-card-error",
 				"data-kind": h.value,
 				class: "relative z-[2] grid h-full w-full place-items-center bg-[radial-gradient(circle_at_center,rgba(239,68,68,0.12),transparent_65%),linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))]"
-			}, [c("div", Sr, [
+			}, [c("div", Cr, [
 				u(j(oe), {
 					class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 					"aria-hidden": "true"
 				}),
-				c("span", Cr, k(j(pt)(h.value)), 1),
+				c("span", wr, k(j(pt)(h.value)), 1),
 				I.value ? (S(), s("button", {
 					key: 0,
 					type: "button",
 					class: "pointer-events-auto inline-flex items-center justify-center border border-white/14 bg-black/35 px-3 py-2 text-[0.62rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
 					onClick: R(ne, ["stop"])
 				}, " Retry ")) : o("", !0)
-			])], 8, xr)) : (S(), s("div", wr, [c("div", Tr, [D(e.$slots, "item-icon", {
+			])], 8, Sr)) : (S(), s("div", Tr, [c("div", Er, [D(e.$slots, "item-icon", {
 				icon: j(Dt)(n.item.type),
 				item: n.item
 			}, () => [(S(), a(O(j(Dt)(n.item.type)), {
 				class: "h-6 w-6 stroke-[1.8] text-[#f7f1ea]/78",
 				"aria-hidden": "true"
 			}))])])])),
-			c("div", Er, [D(e.$slots, "grid-item-overlay", {
+			c("div", Dr, [D(e.$slots, "grid-item-overlay", {
 				active: n.active,
 				focused: f.value,
 				hovered: p.value,
@@ -2788,27 +2794,27 @@ var gr = ["aria-label"], _r = {
 			})])
 		], 34));
 	}
-}), Or = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, kr = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, Ar = {
+}), kr = { class: "relative h-full min-h-0 bg-[radial-gradient(circle_at_top_center,rgba(255,255,255,0.04),transparent_28%),linear-gradient(180deg,#06070b,#05060a)]" }, Ar = { class: "pointer-events-none absolute inset-x-0 top-0 z-[2] flex justify-end p-6" }, jr = {
 	"data-testid": "vibe-pagination",
 	class: "inline-flex shrink-0 items-center gap-2 whitespace-nowrap border border-white/14 bg-black/40 px-3 py-2 text-[0.63rem] font-bold uppercase tracking-[0.12em] text-[#f7f1ea]/72 backdrop-blur-[18px] min-[721px]:gap-3 min-[721px]:px-4 min-[721px]:py-3 min-[721px]:text-[0.74rem] min-[721px]:tracking-[0.2em]"
-}, jr = { class: "whitespace-nowrap" }, Mr = {
+}, Mr = { class: "whitespace-nowrap" }, Nr = {
 	key: 0,
 	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
-}, Nr = [
+}, Pr = [
 	"data-active",
 	"data-index",
 	"data-item-id",
 	"data-occurrence-key"
-], Pr = {
+], Fr = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
-}, Fr = {
+}, Ir = {
 	key: 1,
 	class: "pointer-events-none absolute inset-x-0 bottom-0 z-[2] px-5 pb-5 sm:px-6"
-}, Ir = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, Lr = {
+}, Lr = { class: "mx-auto flex w-full max-w-[1600px] justify-center" }, Rr = {
 	key: 1,
 	class: "inline-flex items-center border border-white/14 bg-black/55 px-4 py-3 text-[0.7rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/72 backdrop-blur-[18px]"
-}, Rr = /* @__PURE__ */ d({
+}, zr = /* @__PURE__ */ d({
 	__name: "ListSurface",
 	props: {
 		active: {
@@ -2855,7 +2861,7 @@ var gr = ["aria-label"], _r = {
 	},
 	emits: ["open-fullscreen", "update:activeIndex"],
 	setup(e, { emit: n }) {
-		let r = e, a = M(), d = n, f = $n({
+		let r = e, a = M(), d = n, f = er({
 			active: A(r, "active"),
 			items: A(r, "items"),
 			activeIndex: A(r, "activeIndex"),
@@ -2879,8 +2885,8 @@ var gr = ["aria-label"], _r = {
 			paginationDetail: r.paginationDetail,
 			total: r.items.length
 		} : null), m = i(() => !p.value || !a["grid-status"] ? [] : a["grid-status"](p.value)), g = i(() => kt(m.value));
-		return (e, n) => (S(), s("div", Or, [
-			c("div", kr, [c("span", Ar, [c("span", jr, k(j(f).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", Mr, k(r.paginationDetail), 1)) : o("", !0)])]),
+		return (e, n) => (S(), s("div", kr, [
+			c("div", Ar, [c("span", jr, [c("span", Mr, k(j(f).paginationLabel.value), 1), r.paginationDetail ? (S(), s("span", Nr, k(r.paginationDetail), 1)) : o("", !0)])]),
 			c("div", {
 				ref: j(f).scrollViewportRef,
 				"data-testid": "vibe-list-scroll",
@@ -2900,7 +2906,7 @@ var gr = ["aria-label"], _r = {
 				"data-occurrence-key": j($)(t),
 				class: "absolute will-change-transform",
 				style: y(j(f).getCardStyle(n))
-			}, [u(Dr, {
+			}, [u(Or, {
 				active: n === j(f).resolvedActiveIndex.value,
 				index: n,
 				item: t,
@@ -2924,26 +2930,26 @@ var gr = ["aria-label"], _r = {
 				"report-asset-load",
 				"surface-active",
 				"onOpen"
-			])], 12, Nr))), 128))], 4)], 544),
-			j(f).showScrollbar.value ? (S(), s("div", Pr, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
+			])], 12, Pr))), 128))], 4)], 544),
+			j(f).showScrollbar.value ? (S(), s("div", Fr, [n[2] ||= c("div", { class: "absolute bottom-6 right-3 top-6 w-px bg-white/8" }, null, -1), c("div", {
 				"data-testid": "vibe-list-scrollbar-thumb",
 				class: _(["absolute right-[0.625rem] w-1 bg-white/34 transition-[height,transform,background-color,opacity] duration-300 ease-out", r.loading ? "bg-white/52" : "bg-white/34"]),
 				style: y(j(f).getScrollbarThumbStyle())
 			}, null, 6)])) : o("", !0),
-			a["grid-footer"] ? (S(), s("div", Fr, [c("div", Ir, [D(e.$slots, "grid-footer")])])) : o("", !0),
+			a["grid-footer"] ? (S(), s("div", Ir, [c("div", Lr, [D(e.$slots, "grid-footer")])])) : o("", !0),
 			p.value ? (S(), s("div", {
 				key: 2,
 				class: _(["pointer-events-none absolute inset-x-0 bottom-0 z-[3] flex justify-center px-6", a["grid-footer"] ? "pb-24" : "pb-6"])
-			}, [g.value ? D(e.$slots, "grid-status", v(h({ key: 0 }, p.value))) : (S(), s("span", Lr, k(p.value.message), 1))], 2)) : o("", !0)
+			}, [g.value ? D(e.$slots, "grid-status", v(h({ key: 0 }, p.value))) : (S(), s("span", Rr, k(p.value.message), 1))], 2)) : o("", !0)
 		]));
 	}
-}), zr = ["data-surface-mode"], Br = {
+}), Br = ["data-surface-mode"], Vr = {
 	key: 1,
 	class: "absolute left-5 top-5 z-30 border border-amber-400/45 bg-black/35 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-amber-100 backdrop-blur"
-}, Vr = {
+}, Hr = {
 	key: 2,
 	class: "relative z-[1] grid h-full w-full content-center justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center"
-}, Hr = ["data-visible", "inert"], Ur = ["data-visible", "inert"], Wr = /* @__PURE__ */ d({
+}, Ur = ["data-visible", "inert"], Wr = ["data-visible", "inert"], Gr = /* @__PURE__ */ d({
 	name: "VibeLayout",
 	__name: "Layout",
 	props: {
@@ -2996,7 +3002,7 @@ var gr = ["aria-label"], _r = {
 			type: "button",
 			class: "absolute left-5 top-5 z-30 inline-flex items-center border border-rose-400/55 bg-rose-500/18 px-4 py-2 text-xs font-medium uppercase tracking-[0.24em] text-white backdrop-blur transition hover:bg-rose-500/28",
 			onClick: n[0] ||= (...e) => j(h).retryInitialLoad && j(h).retryInitialLoad(...e)
-		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", Br, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).items.value.length === 0 ? (S(), s("div", Vr, [j(h).loading.value ? (S(), s(t, { key: 0 }, [u(j(re), {
+		}, " Retry ")) : j(h).errorMessage.value && j(h).items.value.length > 0 ? (S(), s("div", Vr, k(j(h).errorMessage.value), 1)) : o("", !0), j(h).items.value.length === 0 ? (S(), s("div", Hr, [j(h).loading.value ? (S(), s(t, { key: 0 }, [u(j(re), {
 			class: "size-10 animate-spin text-[#f7f1ea]/82",
 			"aria-hidden": "true"
 		}), n[1] ||= c("p", { class: "m-0 text-[0.9rem] font-semibold uppercase tracking-[0.22em] text-[#f7f1ea]/72" }, " Loading... ", -1)], 64)) : (S(), s(t, { key: 1 }, [
@@ -3017,7 +3023,7 @@ var gr = ["aria-label"], _r = {
 				"data-visible": j(h).surfaceMode.value === "list" ? "true" : "false",
 				inert: j(h).surfaceMode.value !== "list",
 				class: "absolute inset-0 z-[2]"
-			}, [u(Rr, {
+			}, [u(zr, {
 				active: j(h).surfaceMode.value === "list",
 				items: j(h).items.value,
 				"active-index": j(h).activeIndex.value,
@@ -3072,7 +3078,7 @@ var gr = ["aria-label"], _r = {
 				"restore-token",
 				"onOpenFullscreen",
 				"onUpdate:activeIndex"
-			])], 8, Hr), [[N, j(h).surfaceMode.value === "list"]])]),
+			])], 8, Ur), [[N, j(h).surfaceMode.value === "list"]])]),
 			_: 3
 		}), u(r, {
 			appear: "",
@@ -3088,7 +3094,7 @@ var gr = ["aria-label"], _r = {
 				"data-visible": j(h).surfaceMode.value === "fullscreen" ? "true" : "false",
 				inert: j(h).surfaceMode.value !== "fullscreen",
 				class: "absolute inset-0 z-[3]"
-			}, [u(fn, {
+			}, [u(pn, {
 				items: j(h).items.value,
 				active: j(h).surfaceMode.value === "fullscreen",
 				"active-index": j(h).activeIndex.value,
@@ -3138,9 +3144,9 @@ var gr = ["aria-label"], _r = {
 				"show-back-to-list",
 				"onBackToList",
 				"onUpdate:activeIndex"
-			])], 8, Ur), [[N, j(h).surfaceMode.value === "fullscreen"]])]),
+			])], 8, Wr), [[N, j(h).surfaceMode.value === "fullscreen"]])]),
 			_: 3
-		})], 64)) : (S(), a(fn, {
+		})], 64)) : (S(), a(pn, {
 			key: 4,
 			items: j(h).items.value,
 			active: !0,
@@ -3189,10 +3195,10 @@ var gr = ["aria-label"], _r = {
 			"report-asset-load",
 			"onBackToList",
 			"onUpdate:activeIndex"
-		]))], 8, zr));
+		]))], 8, Br));
 	}
-}), Gr = { install(e) {
-	e.component("VibeLayout", Wr);
+}), Kr = { install(e) {
+	e.component("VibeLayout", Gr);
 } };
 //#endregion
-export { Wr as VibeLayout, Gr as VibePlugin, Gr as default };
+export { Gr as VibeLayout, Kr as VibePlugin, Kr as default };