@wyxos/vibe 2.2.4 → 3.0.0

package/lib/index.js

@@ -1,1487 +1,3198 @@
-import { defineComponent as xe, ref as v, computed as k, createElementBlock as P, openBlock as _, createElementVNode as N, normalizeStyle as U, watch as Z, onMounted as Ze, onUnmounted as Vt, createCommentVNode as ee, createBlock as Ft, unref as ae, toDisplayString as et, normalizeClass as _t, createVNode as Q, mergeDefaults as fn, useAttrs as dn, shallowRef as Pt, provide as vn, mergeProps as mn, renderSlot as hn, Fragment as Tt, renderList as Et, nextTick as Bt, inject as gn } from "vue";
-const pn = {
-  mode: "default",
-  pageSize: 20,
-  backfillRequestDelayMs: 2e3,
-  enterStaggerMs: 40,
-  page: 1,
-  itemWidth: 300,
-  prefetchThresholdPx: 200,
-  gapX: 16,
-  gapY: 16,
-  headerHeight: 0,
-  footerHeight: 0,
-  overscanPx: 600
-}, yn = ["aria-label", "aria-valuemax", "aria-valuenow"], zt = /* @__PURE__ */ xe({
-  __name: "MasonryVideoControls",
-  props: {
-    currentTime: {},
-    duration: {},
-    ariaLabel: { default: "Seek" },
-    step: { default: 0.1 },
-    keyboardStep: { default: 5 }
-  },
-  emits: ["seek"],
-  setup(o, { expose: M, emit: i }) {
-    const a = o, d = i, b = v(null), y = v(null), h = v(null), u = v(!1), g = k(
-      () => Number.isFinite(a.step) ? Math.max(0, a.step) : 0
-    ), w = k(
-      () => Number.isFinite(a.duration) ? Math.max(0, a.duration) : 0
-    ), S = k(() => {
-      const c = Number.isFinite(a.currentTime) ? a.currentTime : 0;
-      return T(c, 0, w.value);
-    }), B = k(
-      () => w.value > 0 ? S.value / w.value : 0
-    );
-    function T(c, F, R) {
-      return Math.min(R, Math.max(F, c));
-    }
-    function I(c) {
-      return g.value <= 0 ? c : Math.round(c / g.value) * g.value;
-    }
-    function z(c) {
-      const F = T(c, 0, w.value);
-      d("seek", I(F));
-    }
-    function A(c) {
-      const F = y.value;
-      if (!F) return;
-      const R = F.getBoundingClientRect();
-      if (!R.width) return;
-      const j = T((c - R.left) / R.width, 0, 1);
-      z(j * w.value);
-    }
-    function X(c) {
-      const F = y.value;
-      F && (u.value = !0, F.setPointerCapture && F.setPointerCapture(c.pointerId), A(c.clientX));
-    }
-    function $(c) {
-      u.value && A(c.clientX);
-    }
-    function H(c) {
-      if (!u.value) return;
-      u.value = !1;
-      const F = y.value;
-      F?.releasePointerCapture && F.releasePointerCapture(c.pointerId);
-    }
-    function q(c) {
-      if (w.value <= 0) return;
-      const F = Number.isFinite(a.keyboardStep) ? a.keyboardStep : 1;
-      let R = S.value;
-      switch (c.key) {
-        case "ArrowLeft":
-        case "ArrowDown":
-          R -= F;
-          break;
-        case "ArrowRight":
-        case "ArrowUp":
-          R += F;
-          break;
-        case "Home":
-          R = 0;
-          break;
-        case "End":
-          R = w.value;
-          break;
-        default:
-          return;
-      }
-      c.preventDefault(), z(R);
-    }
-    function te() {
-      b.value?.focus();
-    }
-    return M({
-      focus: te,
-      seekTo: z,
-      percent: B,
-      currentValue: S,
-      maxValue: w,
-      isDragging: u,
-      rootEl: b,
-      trackEl: y,
-      thumbEl: h
-    }), (c, F) => (_(), P("div", {
-      ref_key: "rootEl",
-      ref: b,
-      class: "w-full select-none",
-      role: "slider",
-      tabindex: "0",
-      "aria-label": a.ariaLabel,
-      "aria-valuemin": 0,
-      "aria-valuemax": w.value,
-      "aria-valuenow": S.value,
-      onKeydown: q
-    }, [
-      N("div", {
-        ref_key: "trackEl",
-        ref: y,
-        class: "relative h-2 w-full cursor-pointer rounded-full bg-slate-200",
-        onPointerdown: X,
-        onPointermove: $,
-        onPointerup: H,
-        onPointercancel: H,
-        onPointerleave: H
-      }, [
-        N("div", {
-          class: "absolute inset-y-0 left-0 rounded-full bg-slate-500",
-          style: U({ width: `${B.value * 100}%` })
-        }, null, 4),
-        N("div", {
-          ref_key: "thumbEl",
-          ref: h,
-          class: "absolute top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-slate-700 shadow",
-          style: U({ left: `${B.value * 100}%` }),
-          "aria-hidden": "true"
-        }, null, 4)
-      ], 544)
-    ], 40, yn));
-  }
-}), wn = {
-  key: 0,
-  "data-testid": "masonry-loader-spinner",
-  class: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-1"
-}, bn = {
-  key: 1,
-  class: "h-5 w-5 animate-spin text-slate-500",
-  viewBox: "0 0 24 24",
-  "aria-hidden": "true"
-}, xn = {
-  key: 1,
-  "data-testid": "masonry-loader-error",
-  class: "absolute inset-0 z-20 grid place-items-center p-3 pointer-events-none"
-}, kn = { class: "pointer-events-auto flex flex-col items-center justify-center gap-2" }, Mn = {
-  key: 1,
-  class: "text-center text-xs font-medium text-red-700"
-}, Sn = ["src", "width", "height", "alt"], In = ["poster"], Fn = ["src"], _n = {
-  key: 4,
-  class: "pointer-events-none absolute inset-x-0 bottom-0 z-20 px-2 pb-2 opacity-0 transition-opacity duration-200 group-hover:pointer-events-auto group-hover:opacity-100"
-}, Rt = /* @__PURE__ */ xe({
-  __name: "MasonryLoader",
-  props: {
-    item: {},
-    remove: {},
-    loaderSlotFn: {},
-    errorSlotFn: {},
-    hovered: { type: Boolean, default: !1 }
-  },
-  emits: ["success", "error"],
-  setup(o, { emit: M }) {
-    const i = o, a = M, d = xe({
-      name: "SlotRenderer",
-      props: {
-        slotFn: {
-          type: Function,
-          required: !1
-        },
-        slotProps: {
-          type: Object,
-          required: !0
-        }
-      },
-      setup(s) {
-        return () => {
-          const x = s.slotFn;
-          return x ? x(s.slotProps) : null;
-        };
-      }
-    }), b = v(null), y = v(null), h = v(null), u = v(!1), g = v(!1), w = v(!1), S = v(null), B = k(() => i.item?.type === "video"), T = k(() => {
-      if (!B.value) return;
-      const s = i.item?.preview, x = i.item?.original;
-      if (!(typeof s != "string" || !s) && !(typeof x == "string" && s === x) && !/\.(mp4|webm)(\?|#|$)/i.test(s) && /\.(png|jpe?g|gif|webp)(\?|#|$)/i.test(s))
-        return s;
-    }), I = k(() => {
-      if (!B.value) return;
-      const s = i.item?.preview;
-      if (typeof s == "string" && s && !/\.(png|jpe?g|gif|webp)(\?|#|$)/i.test(s))
-        return s;
-      const x = i.item?.original;
-      if (typeof x == "string" && x) return x;
-    }), z = v(!1), A = k(() => !!i.hovered), X = v(0), $ = v(0);
-    function H() {
-      i.remove?.();
-    }
-    const q = k(() => {
-      const s = i.item?.width, x = i.item?.height;
-      return { aspectRatio: `${s} / ${x}` };
-    }), te = k(() => !B.value);
-    let c = null, F = null;
-    function R() {
-      u.value || (u.value = !0, g.value = !1, w.value = !1, S.value = null);
-    }
-    function j(s) {
-      X.value = Number.isFinite(s.duration) ? s.duration : 0, $.value = Number.isFinite(s.currentTime) ? s.currentTime : 0;
-    }
-    async function re() {
-      if (!B.value || !A.value || !u.value || !g.value || !z.value) return;
-      const s = h.value;
-      if (s)
-        try {
-          s.muted = !0, await s.play();
-        } catch {
-        }
-    }
-    function ne() {
-      const s = h.value;
-      s && (s.paused || s.pause());
-    }
-    function Ee() {
-      const s = h.value;
-      s && (s.paused || s.pause());
-    }
-    Z(
-      () => i.hovered,
-      (s) => {
-        if (s) {
-          R(), re();
-          return;
-        }
-        ne();
-      }
-    );
-    function Be(s) {
-      const x = h.value;
-      x && Number.isFinite(s) && (x.currentTime = Math.max(0, Math.min(s, Number.isFinite(x.duration) ? x.duration : s)), j(x));
-    }
-    Ze(() => {
-      if (typeof IntersectionObserver > "u") {
-        R();
-        return;
-      }
-      if (c = new IntersectionObserver(
-        (s) => {
-          for (const x of s)
-            if (x.isIntersecting && !((x.intersectionRatio ?? 0) < 0.5)) {
-              R(), c?.disconnect(), c = null;
-              return;
-            }
-        },
-        { threshold: [0, 0.5, 1] }
-      ), b.value && c.observe(b.value), B.value && b.value) {
-        const s = b.value.closest('[data-testid="items-scroll-container"]');
-        F = new IntersectionObserver(
-          (x) => {
-            for (const J of x) {
-              const Re = J.intersectionRatio ?? 0, Se = !!J.isIntersecting && Re >= 0.5;
-              z.value = Se, Se ? A.value && re() : Ee();
-            }
-          },
-          {
-            root: s ?? void 0,
-            threshold: [0, 0.25, 0.5, 0.75, 1]
-          }
-        ), F.observe(b.value);
-      }
-    }), Vt(() => {
-      c?.disconnect(), c = null, F?.disconnect(), F = null;
-    });
-    function W() {
-      g.value || (g.value = !0, w.value = !1, S.value = null, a("success", i.item));
-    }
-    function K(s) {
-      w.value || (g.value = !1, w.value = !0, S.value = s, a("error", { item: i.item, error: s }));
-    }
-    function ke() {
-      if (u.value && !g.value && !w.value) {
-        if (te.value) {
-          const s = y.value;
-          if (!s || !s.complete) return;
-          s.naturalWidth > 0 && W();
-          return;
-        }
-        if (B.value) {
-          const s = h.value;
-          s && (s.readyState ?? 0) >= 1 && Me();
-        }
-      }
-    }
-    Z(
-      [u, () => i.item.preview, () => I.value],
-      () => {
-        u.value && Promise.resolve().then(ke);
-      },
-      { flush: "post" }
-    );
-    function Me() {
-      W();
-      const s = h.value;
-      s && j(s), re();
-    }
-    function se() {
-      const s = h.value;
-      s && j(s);
-    }
-    return (s, x) => (_(), P("div", {
-      ref_key: "rootEl",
-      ref: b,
-      class: "relative bg-slate-100",
-      style: U(q.value)
-    }, [
-      u.value && !g.value && !w.value ? (_(), P("div", wn, [
-        i.loaderSlotFn ? (_(), Ft(ae(d), {
-          key: 0,
-          "slot-fn": i.loaderSlotFn,
-          "slot-props": { item: i.item, remove: H }
-        }, null, 8, ["slot-fn", "slot-props"])) : (_(), P("svg", bn, x[2] || (x[2] = [
-          N("circle", {
-            class: "opacity-25",
-            cx: "12",
-            cy: "12",
-            r: "10",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-width": "4"
-          }, null, -1),
-          N("path", {
-            class: "opacity-75",
-            fill: "currentColor",
-            d: "M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"
-          }, null, -1)
-        ])))
-      ])) : u.value && w.value ? (_(), P("div", xn, [
-        N("div", kn, [
-          i.errorSlotFn ? (_(), Ft(ae(d), {
-            key: 0,
-            "slot-fn": i.errorSlotFn,
-            "slot-props": { item: i.item, remove: H, error: S.value }
-          }, null, 8, ["slot-fn", "slot-props"])) : (_(), P("p", Mn, "Error " + et(S.value), 1))
-        ])
-      ])) : ee("", !0),
-      u.value && te.value && !w.value ? (_(), P("img", {
-        key: i.item.id + ":img",
-        ref_key: "imgEl",
-        ref: y,
-        class: _t([
-          "h-full w-full object-cover transition-opacity duration-300",
-          g.value ? "opacity-100" : "opacity-0"
-        ]),
-        src: i.item.preview,
-        width: i.item.width,
-        height: i.item.height,
-        loading: "lazy",
-        alt: i.item.id,
-        onLoad: W,
-        onError: x[0] || (x[0] = (J) => K(J))
-      }, null, 42, Sn)) : u.value && !w.value ? (_(), P("video", {
-        key: i.item.id + ":vid",
-        class: _t([
-          "h-full w-full object-cover transition-opacity duration-300",
-          g.value ? "opacity-100" : "opacity-0"
-        ]),
-        poster: T.value,
-        ref_key: "videoEl",
-        ref: h,
-        playsinline: "",
-        loop: "",
-        preload: "metadata",
-        onLoadedmetadata: Me,
-        onTimeupdate: se,
-        onDurationchange: se,
-        onLoadeddata: se,
-        onError: x[1] || (x[1] = (J) => K(J))
-      }, [
-        N("source", {
-          src: I.value,
-          type: "video/mp4"
-        }, null, 8, Fn)
-      ], 42, In)) : ee("", !0),
-      u.value && B.value && !w.value ? (_(), P("div", _n, [
-        Q(zt, {
-          duration: X.value,
-          "current-time": $.value,
-          onSeek: Be
-        }, null, 8, ["duration", "current-time"])
-      ])) : ee("", !0)
-    ], 4));
-  }
-}), $t = Symbol("masonryItemRegistry");
-function Pn(o, M) {
-  return !o || o <= 0 || !M || M <= 0 ? 1 : Math.max(1, Math.floor(o / M));
-}
-function Tn(o, M, i, a = 0) {
-  if (!o || o <= 0 || !M || M <= 0) return i;
-  const d = typeof a == "number" && a > 0 ? a : 0, b = Math.max(0, M - 1) * d, y = o - b;
-  return !y || y <= 0 ? i : y / M;
-}
-function En(o, M) {
-  const i = o?.width, a = o?.height;
-  return typeof i == "number" && typeof a == "number" && i > 0 && a > 0 ? a / i * M : M;
-}
-function Dt(o) {
-  return Number.isFinite(o) && o > 0 ? Math.floor(o) : 1;
-}
-function tt(o) {
-  return Number.isFinite(o) && o > 0 ? Math.floor(o) : 0;
-}
-function Bn() {
-  const o = new Error("aborted");
-  return o.name = "AbortError", o;
-}
-function Rn(o) {
-  async function M(a) {
-    const d = tt(a);
-    if (d <= 0) return;
-    o.stats.value = {
-      ...o.stats.value,
-      cooldownMsTotal: d,
-      cooldownMsRemaining: d
-    };
-    const b = Date.now(), y = 100;
-    await new Promise((h) => {
-      const u = setInterval(() => {
-        const g = Date.now() - b, w = Math.max(0, d - g);
-        o.stats.value = {
-          ...o.stats.value,
-          cooldownMsTotal: d,
-          cooldownMsRemaining: w
-        }, w <= 0 && (clearInterval(u), h());
-      }, y);
-    });
-  }
-  async function i(a) {
-    const d = Dt(o.getPageSize()), b = o.isEnabled(), y = tt(o.getRequestDelayMs()), h = o.stats.value.page ?? null, u = o.getCancelToken?.() ?? null, g = () => u !== null && o.getCancelToken && o.getCancelToken() !== u, w = () => {
-      if (g()) throw Bn();
-    }, S = [];
-    let B = 0;
-    o.buffer.value.length && (B = o.buffer.value.length, S.push(...o.buffer.value), o.buffer.value = []), o.stats.value = {
-      ...o.stats.value,
-      enabled: b,
-      isBackfillActive: !1,
-      isRequestInFlight: !1,
-      page: h ?? a,
-      next: a,
-      cooldownMsTotal: y,
-      cooldownMsRemaining: 0,
-      progress: {
-        collected: 0,
-        target: 0
-      },
-      pageSize: d,
-      bufferSize: 0
-    };
-    const T = [];
-    let I = a, z = 0, A = !1;
-    for (; S.length < d && I != null; ) {
-      w();
-      const H = I;
-      A && (o.stats.value = {
-        ...o.stats.value,
-        enabled: b,
-        isBackfillActive: !0,
-        isRequestInFlight: !0,
-        page: H,
-        next: null,
-        progress: {
-          collected: Math.min(S.length, d),
-          target: d
-        },
-        cooldownMsTotal: y,
-        cooldownMsRemaining: 0,
-        pageSize: d
-      });
-      const q = await o.getContent(H);
-      w(), T.push(H), A && (o.stats.value = {
-        ...o.stats.value,
-        enabled: b,
-        isBackfillActive: !0,
-        isRequestInFlight: !1,
-        page: H,
-        next: q.nextPage
-      }), z += q.items.length, o.markEnterFromLeft(q.items), S.push(...q.items), I = q.nextPage, !A && S.length < d && I != null ? (A = !0, o.stats.value = {
-        ...o.stats.value,
-        enabled: b,
-        isBackfillActive: !0,
-        isRequestInFlight: !1,
-        page: H,
-        next: I,
-        progress: {
-          collected: Math.min(S.length, d),
-          target: d
-        },
-        cooldownMsTotal: y,
-        cooldownMsRemaining: 0,
-        pageSize: d
-      }) : A && (o.stats.value = {
-        ...o.stats.value,
-        enabled: b,
-        isBackfillActive: !0,
-        page: H,
-        next: I,
-        progress: {
-          collected: Math.min(S.length, d),
-          target: d
-        }
-      }), A && S.length < d && I != null && (await M(y), w());
-    }
-    const X = S.slice(0, d), $ = S.slice(d);
-    return o.buffer.value = $, o.stats.value = {
-      ...o.stats.value,
-      enabled: b,
-      isBackfillActive: !1,
-      isRequestInFlight: !1,
-      page: T.length ? T[T.length - 1] : h ?? a,
-      next: I,
-      progress: {
-        collected: 0,
-        target: 0
-      },
-      cooldownMsTotal: y,
-      cooldownMsRemaining: 0,
-      pageSize: d,
-      bufferSize: $.length,
-      lastBatch: {
-        startPage: a,
-        pages: T,
-        usedFromBuffer: B,
-        fetchedFromNetwork: z,
-        collectedTotal: S.length,
-        emitted: X.length,
-        carried: $.length
-      },
-      totals: {
-        pagesFetched: o.stats.value.totals.pagesFetched + T.length,
-        itemsFetchedFromNetwork: o.stats.value.totals.itemsFetchedFromNetwork + z
-      }
-    }, { batchItems: X, pages: T, nextPage: I };
-  }
-  return { loadBackfillBatch: i };
-}
-function An(o) {
-  const M = o.columnCount, i = o.columnWidth, a = o.gapX, d = o.gapY, b = o.headerHeight, y = o.footerHeight, h = o.bucketPx, u = Array.from({ length: M }, () => 0), g = new Array(o.items.length), w = new Array(o.items.length), S = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
-  let T = 0;
-  for (let I = 0; I < o.items.length; I += 1) {
-    const z = o.items[I];
-    z?.id && B.set(z.id, I);
-    let A = 0;
-    for (let c = 1; c < u.length; c += 1)
-      u[c] < u[A] && (A = c);
-    const X = A * (i + a), $ = u[A], H = En(z, i) + b + y;
-    g[I] = { x: X, y: $ }, w[I] = H, u[A] = $ + H + d, T = Math.max(T, $ + H);
-    const q = Math.floor($ / h), te = Math.floor(($ + H) / h);
-    for (let c = q; c <= te; c += 1) {
-      const F = S.get(c);
-      F ? F.push(I) : S.set(c, [I]);
-    }
-  }
-  return { positions: g, heights: w, buckets: S, contentHeight: T, indexById: B };
-}
-function Cn(o) {
-  const M = o.itemCount;
-  if (!M) return [];
-  if (o.viewportHeight <= 0) return Array.from({ length: M }, (u, g) => g);
-  const i = Math.max(0, o.scrollTop - o.overscanPx), a = o.scrollTop + o.viewportHeight + o.overscanPx, d = Math.floor(i / o.bucketPx), b = Math.floor(a / o.bucketPx), y = /* @__PURE__ */ new Set();
-  for (let u = d; u <= b; u += 1) {
-    const g = o.buckets.get(u);
-    if (g)
-      for (const w of g) y.add(w);
-  }
-  const h = Array.from(y);
-  return h.sort((u, g) => u - g), h;
-}
-const Nn = { class: "hidden" }, Hn = {
-  key: 0,
-  class: "flex h-full items-center justify-center"
-}, Ln = {
-  key: 1,
-  class: "text-sm font-medium text-red-700"
-}, Vn = ["onMouseenter", "onMouseleave"], zn = {
-  key: 0,
-  class: "pointer-events-auto absolute inset-0 z-10"
-}, $n = { class: "relative" }, Dn = {
-  key: 0,
-  class: "pointer-events-auto absolute inset-0 z-10"
-}, On = { class: "mt-4 pb-2 text-center text-xs text-slate-600" }, Yn = {
-  key: 0,
-  class: "inline-flex items-center justify-center gap-2"
-}, qn = { key: 1 }, Xn = { key: 2 }, At = 100, jn = 200, Ct = 600, Nt = 300, Ht = 600, Lt = 600, Un = 400, Wn = 5, Gn = 1e3, Kn = /* @__PURE__ */ xe({
-  inheritAttrs: !1,
-  __name: "Masonry",
-  props: /* @__PURE__ */ fn({
-    getContent: {},
-    mode: {},
-    pageSize: {},
-    backfillRequestDelayMs: {},
-    enterStaggerMs: {},
-    items: {},
-    page: {},
-    restoredPages: {},
-    itemWidth: {},
-    prefetchThresholdPx: {},
-    gapX: {},
-    gapY: {},
-    headerHeight: {},
-    footerHeight: {},
-    overscanPx: {}
-  }, pn),
-  emits: ["update:items", "preloaded", "failures", "removed"],
-  setup(o, { expose: M, emit: i }) {
-    const a = o, d = i, b = dn(), y = xe({
-      name: "SlotRenderer",
-      props: {
-        slotFn: {
-          type: Function,
-          required: !1
-        },
-        slotProps: {
-          type: Object,
-          required: !0
-        }
-      },
-      setup(e) {
-        return () => {
-          const n = e.slotFn;
-          return n ? n(e.slotProps) : null;
-        };
-      }
-    }), h = Pt(null), u = v(null);
-    function g(e) {
-      u.value = e;
-    }
-    function w(e) {
-      u.value === e && (u.value = null);
-    }
-    vn($t, (e) => {
-      h.value || (h.value = e);
-    });
-    const S = [], B = [];
-    let T = null, I = null;
-    function z() {
-      if (!S.length) return;
-      const e = S.splice(0, S.length);
-      d("preloaded", e);
-    }
-    function A() {
-      if (!B.length) return;
-      const e = B.splice(0, B.length);
-      d("failures", e);
-    }
-    function X() {
-      T || (T = setTimeout(() => {
-        T = null, z();
-      }, At));
-    }
-    function $() {
-      I || (I = setTimeout(() => {
-        I = null, A();
-      }, At));
-    }
-    function H(e) {
-      h.value?.onPreloaded?.(e), S.push(e), X();
-    }
-    function q(e) {
-      h.value?.onFailed?.(e), B.push(e), $();
-    }
-    Ze(() => {
-      if (!h.value)
-        throw new Error("[Masonry] Missing <MasonryItem> definition. Add <MasonryItem> as a child of <Masonry>.");
-    });
-    const te = k(() => {
-      const { class: e, ...n } = b;
-      return n;
-    }), c = v(null), F = v(0), R = v(0), j = v(0);
-    let re;
-    const ne = k(() => a.gapX), Ee = k(() => a.gapY);
-    function Be(e) {
-      if (!e) return 0;
-      const n = Math.max(0, ne.value);
-      return Math.max(0, e.clientWidth - n);
-    }
-    const W = k(() => a.headerHeight), K = k(() => a.footerHeight), ke = k(() => h.value?.header), Me = k(() => h.value?.loader), se = k(() => h.value?.footer), s = k(() => h.value?.overlay), x = k(() => h.value?.error), J = k(() => !!ke.value), Re = k(() => !!se.value), Se = k(() => !!s.value), nt = k(() => {
-      if (W.value > 0) return { height: `${W.value}px` };
-    }), ot = k(() => {
-      if (K.value > 0) return { height: `${K.value}px` };
-    }), Ie = v([]), Ye = v([]), lt = v(/* @__PURE__ */ new Map()), at = v(0), Ae = v(/* @__PURE__ */ new Map());
-    function Ot(e) {
-      const n = typeof e == "number" && Number.isFinite(e) ? e : 0;
-      return j.value + R.value + Math.max(0, n);
-    }
-    const ie = v(/* @__PURE__ */ new Set()), ue = v(/* @__PURE__ */ new Set()), Ce = /* @__PURE__ */ new Set(), Fe = v(/* @__PURE__ */ new Map());
-    function Yt(e) {
-      return Number.isFinite(e) ? Math.max(0, Math.min(250, e)) : 0;
-    }
-    function qt(e) {
-      if (!ue.value.has(e)) return;
-      const n = Fe.value.get(e) ?? 0;
-      if (!(n <= 0))
-        return `${n}ms`;
-    }
-    const Ne = v(/* @__PURE__ */ new Map()), oe = v(/* @__PURE__ */ new Set()), le = v([]);
-    function Xt(e) {
-      const n = Ne.value.get(e);
-      return n || { dx: 0, dy: 0 };
-    }
-    function jt(e) {
-      if (ue.value.has(e)) return `transform ${Ht}ms ease-out`;
-      if (oe.value.has(e)) return `transform ${Nt}ms ease-out`;
-    }
-    function Ut(e) {
-      const t = m.value[e]?.id, l = Ie.value[e] ?? { x: 0, y: 0 }, r = Ye.value[e] ?? 0, f = r > 0 ? r : Te.value, p = l.x, E = t && ie.value.has(t) ? Ot(f) : l.y, O = t ? Xt(t) : { dx: 0, dy: 0 };
-      return `translate3d(${p + O.dx}px,${E + O.dy}px,0)`;
-    }
-    function pe(e) {
-      (typeof requestAnimationFrame == "function" ? requestAnimationFrame : (t) => setTimeout(() => t(0), 0))(() => e());
-    }
-    function Wt(e) {
-      pe(() => pe(e));
-    }
-    const rt = /* @__PURE__ */ new Set();
-    function st(e) {
-      return typeof e == "number" && Number.isFinite(e) && e > 0;
-    }
-    function He(e) {
-      if (!Array.isArray(e) || e.length === 0) return;
-      const n = new Set(ie.value);
-      let t = !1;
-      for (const l of e) {
-        const r = l?.id;
-        if (r) {
-          if (!rt.has(r)) {
-            const f = l?.width, p = l?.height;
-            (!st(f) || !st(p)) && (rt.add(r), console.warn(
-              `[Masonry] Item "${r}" has invalid dimensions (width=${String(f)}, height=${String(
-                p
-              )}); layout expects { id, width, height }.`
-            ));
-          }
-          n.has(r) || (n.add(r), t = !0);
-        }
-      }
-      t && (ie.value = n);
-    }
-    function it() {
-      const e = /* @__PURE__ */ new Map();
-      for (const n of Ge.value) {
-        const l = m.value[n]?.id;
-        if (!l) continue;
-        const r = Ie.value[n];
-        r && e.set(l, { x: r.x, y: r.y });
-      }
-      return e;
-    }
-    function ut(e, n) {
-      if (!e.size) return;
-      const t = /* @__PURE__ */ new Map(), l = [];
-      for (const [f, p] of e.entries()) {
-        if (n?.has(f)) continue;
-        const E = Ae.value.get(f);
-        if (E == null) continue;
-        const O = Ie.value[E];
-        if (!O) continue;
-        const Y = p.x - O.x, V = p.y - O.y;
-        (Y || V) && (t.set(f, { dx: Y, dy: V }), l.push(f));
-      }
-      if (!t.size) return;
-      Ne.value = t;
-      const r = new Set(oe.value);
-      for (const f of l) r.delete(f);
-      oe.value = r, pe(() => {
-        oe.value = /* @__PURE__ */ new Set([...oe.value, ...l]), pe(() => {
-          Ne.value = /* @__PURE__ */ new Map();
-        });
-      }), setTimeout(() => {
-        const f = new Set(oe.value);
-        for (const p of l) f.delete(p);
-        oe.value = f;
-      }, Nt);
-    }
-    const ce = v(!0), fe = v(!1), ye = v("");
-    let D = 0, qe = 0, Le = 0, Ve = 0, _e = !1;
-    function ct(e) {
-      return e instanceof Error && e.name === "AbortError";
-    }
-    function ft() {
-      const e = new Error("aborted");
-      return e.name = "AbortError", e;
-    }
-    function Gt(e) {
-      return new Promise((n) => setTimeout(n, e));
-    }
-    async function dt(e, n) {
-      let t = 0;
-      for (; ; ) {
-        if (n !== D) throw ft();
-        try {
-          return await a.getContent(e);
-        } catch (l) {
-          if (n !== D) throw ft();
-          if (t >= Wn) throw l;
-          t += 1, await Gt(t * Gn);
-        }
-      }
-    }
-    const G = v([]), vt = v([]), Xe = v([]), L = v(a.page), ze = v([]);
-    let de = null, ve = null, $e = 0;
-    function Kt(e) {
-      let n = -1;
-      for (const t of e) {
-        const l = t?.originalIndex;
-        Pe(l) && l > n && (n = l);
-      }
-      $e = n + 1;
-    }
-    function we(e) {
-      for (const n of e)
-        !n || typeof n != "object" || n.id && n.originalIndex == null && (n.originalIndex = $e, $e += 1);
-    }
-    const me = /* @__PURE__ */ new Map(), he = [];
-    function Pe(e) {
-      return typeof e == "number" && Number.isFinite(e);
-    }
-    function Jt(e, n) {
-      if (!n.length) return e;
-      const t = /* @__PURE__ */ new Set();
-      for (const p of e) {
-        const E = p?.id;
-        E && t.add(E);
-      }
-      const l = [];
-      for (const p of n) {
-        const E = p?.id;
-        E && (t.has(E) || (l.push(p), t.add(E)));
-      }
-      if (!l.length) return e;
-      const r = l.slice().sort((p, E) => {
-        const O = Pe(p.originalIndex) ? p.originalIndex : Number.POSITIVE_INFINITY, Y = Pe(E.originalIndex) ? E.originalIndex : Number.POSITIVE_INFINITY;
-        return O - Y;
-      }), f = e.slice();
-      for (const p of r) {
-        const E = p.originalIndex;
-        if (!Pe(E)) {
-          f.push(p);
-          continue;
-        }
-        let O = 0, Y = f.length;
-        for (; O < Y; ) {
-          const V = O + Y >> 1, C = f[V]?.originalIndex;
-          (Pe(C) ? C : Number.POSITIVE_INFINITY) <= E ? O = V + 1 : Y = V;
-        }
-        f.splice(O, 0, p);
-      }
-      return f;
-    }
-    async function mt(e) {
-      if (!e.length) return;
-      _e = !0, He(e);
-      const n = it();
-      m.value = Jt(m.value, e), await Bt(), ut(n);
-    }
-    async function Qt(e) {
-      const t = (Array.isArray(e) ? e : [e]).map(We).filter(Boolean);
-      if (!t.length) return;
-      const l = [];
-      for (const r of t) {
-        const f = me.get(r);
-        f && l.push(f);
-      }
-      if (l.length) {
-        await mt(l);
-        for (const r of l)
-          r?.id && me.delete(r.id);
-      }
-    }
-    async function Zt() {
-      const e = he.pop();
-      if (!e?.length) return;
-      const n = [];
-      for (const t of e) {
-        const l = me.get(t);
-        l && n.push(l);
-      }
-      if (n.length) {
-        await mt(n);
-        for (const t of n)
-          t?.id && me.delete(t.id);
-      }
-    }
-    function en(e) {
-      const t = (Array.isArray(e) ? e : [e]).map(We).filter(Boolean);
-      if (!t.length) return;
-      const l = new Set(t);
-      for (const r of l) me.delete(r);
-      for (let r = he.length - 1; r >= 0; r -= 1) {
-        const p = he[r].filter((E) => !l.has(E));
-        p.length ? he[r] = p : he.splice(r, 1);
-      }
-    }
-    const je = Pt({
-      enabled: !1,
-      isBackfillActive: !1,
-      isRequestInFlight: !1,
-      page: a.page,
-      next: a.page,
-      progress: {
-        collected: 0,
-        target: 0
-      },
-      cooldownMsRemaining: 0,
-      cooldownMsTotal: 2e3,
-      pageSize: 20,
-      bufferSize: 0,
-      lastBatch: null,
-      totals: {
-        pagesFetched: 0,
-        itemsFetchedFromNetwork: 0
-      }
-    }), ht = Rn({
-      getContent: (e) => dt(e, D),
-      markEnterFromLeft: He,
-      buffer: ze,
-      stats: je,
-      isEnabled: () => a.mode === "backfill",
-      getPageSize: () => a.pageSize,
-      getRequestDelayMs: () => a.backfillRequestDelayMs,
-      getCancelToken: () => qe
-    }), De = k(() => a.items !== void 0);
-    Z(
-      () => a.items,
-      (e) => {
-        De.value && (Xe.value = Array.isArray(e) ? e : []);
-      },
-      { immediate: !0 }
-    );
-    const m = k({
-      get() {
-        return De.value ? Xe.value : vt.value;
-      },
-      set(e) {
-        De.value ? (Xe.value = e, d("update:items", e)) : vt.value = e;
-      }
-    }), be = v(!1), Ue = v(!1);
-    async function gt(e) {
-      const n = await dt(e, D);
-      return we(n.items), He(n.items), { items: n.items, nextPage: n.nextPage };
-    }
-    function We(e) {
-      return e ? typeof e == "string" ? e : e?.id : null;
-    }
-    async function pt(e) {
-      const t = (Array.isArray(e) ? e : [e]).map(We).filter(Boolean);
-      if (!t.length) return;
-      const l = new Set(t), r = [], f = [];
-      for (const V of l) {
-        const C = Ae.value.get(V);
-        if (C == null) continue;
-        const ge = m.value[C];
-        ge && (me.set(V, ge), f.push(V), r.push(ge));
-      }
-      f.length && (he.push(f), _e = !0);
-      const p = it(), E = Te.value, O = j.value + R.value, Y = [];
-      for (const V of l) {
-        const C = Ae.value.get(V);
-        if (C == null) continue;
-        const ge = m.value[C];
-        if (!ge) continue;
-        const Qe = Ie.value[C] ?? { x: 0, y: 0 }, It = Ye.value[C] ?? E, cn = Math.max(Qe.y, O);
-        Y.push({
-          id: V,
-          item: ge,
-          fromX: Qe.x,
-          fromY: Qe.y,
-          toY: cn + Math.max(0, It),
-          width: E,
-          height: It,
-          leaving: !0
-        });
-      }
-      if (Y.length && (le.value = [...le.value, ...Y]), m.value = m.value.filter((V) => {
-        const C = V?.id;
-        return !C || !l.has(C);
-      }), await Bt(), ut(p, l), Y.length) {
-        const V = new Set(Y.map((C) => C.id));
-        pe(() => {
-          le.value = le.value.map(
-            (C) => V.has(C.id) ? { ...C, leaving: !1 } : C
-          ), setTimeout(() => {
-            le.value = le.value.filter((C) => !V.has(C.id));
-          }, Lt);
-        });
-      }
-      r.length && d("removed", { items: r, ids: f });
-    }
-    async function Oe(e) {
-      return pt(e);
-    }
-    function tn() {
-      D += 1, qe += 1, de = null, ve = null, ce.value = !1, fe.value = !1;
-    }
-    M({
-      remove: pt,
-      restore: Qt,
-      undo: Zt,
-      forget: en,
-      loadNextPage: wt,
-      cancel: tn,
-      get pagesLoaded() {
-        return G.value;
-      },
-      set pagesLoaded(e) {
-        G.value = e;
-      },
-      get nextPage() {
-        return L.value;
-      },
-      set nextPage(e) {
-        L.value = e;
-      },
-      get isLoading() {
-        return ce.value || fe.value;
-      },
-      get hasReachedEnd() {
-        return a.mode !== "backfill" ? L.value == null : L.value == null && ze.value.length === 0;
-      },
-      get backfillStats() {
-        return je.value;
-      }
-    });
-    function yt() {
-      const e = An({
-        items: m.value,
-        columnCount: Je.value,
-        columnWidth: Te.value,
-        gapX: ne.value,
-        gapY: Ee.value,
-        headerHeight: W.value,
-        footerHeight: K.value,
-        bucketPx: Ct
-      });
-      Ie.value = e.positions, Ye.value = e.heights, lt.value = e.buckets, at.value = e.contentHeight, Ae.value = e.indexById;
-    }
-    const nn = k(() => Math.max(at.value, R.value) + jn), Ge = k(() => Cn({
-      itemCount: m.value.length,
-      viewportHeight: R.value,
-      scrollTop: j.value,
-      overscanPx: a.overscanPx,
-      bucketPx: Ct,
-      buckets: lt.value
-    }));
-    Z(
-      Ge,
-      (e) => {
-        if (!e?.length) return;
-        if (be.value && !Ue.value) {
-          const l = [];
-          for (const r of e) {
-            const f = m.value[r];
-            f && l.push(f);
-          }
-          l.length && He(l), Ue.value = !0;
-        }
-        const n = [];
-        for (const l of e) {
-          const r = m.value[l]?.id;
-          r && ie.value.has(r) && (Ce.has(r) || (Ce.add(r), n.push(r)));
-        }
-        if (!n.length) return;
-        const t = n.length > 1 ? Yt(a.enterStaggerMs) : 0;
-        if (t > 0) {
-          const l = new Map(Fe.value);
-          for (let r = 0; r < n.length; r += 1) {
-            const f = n[r], p = Math.min(r * t, Un);
-            l.set(f, p);
-          }
-          Fe.value = l;
-        }
-        pe(() => {
-          const l = new Set(ue.value);
-          for (const r of n) l.add(r);
-          ue.value = l;
-        }), Wt(() => {
-          const l = new Set(ie.value);
-          for (const r of n) l.delete(r);
-          ie.value = l, setTimeout(() => {
-            const r = new Set(ue.value), f = new Map(Fe.value);
-            for (const p of n)
-              r.delete(p), Ce.delete(p), f.delete(p);
-            ue.value = r, Fe.value = f;
-          }, Ht);
-        });
-      },
-      { flush: "post" }
-    );
-    async function wt() {
-      if (de) return de;
-      if (ce.value || fe.value || a.mode !== "backfill" && L.value == null || a.mode === "backfill" && L.value == null && ze.value.length === 0)
-        return;
-      const e = D;
-      let n = null;
-      return n = (async () => {
-        try {
-          if (fe.value = !0, ye.value = "", a.mode === "backfill") {
-            const r = await ht.loadBackfillBatch(L.value);
-            if (e !== D) return;
-            r.pages.length && (G.value = [...G.value, ...r.pages]), we(r.batchItems), m.value = [...m.value, ...r.batchItems], L.value = r.nextPage;
-            return;
-          }
-          const t = L.value;
-          if (t == null) return;
-          const l = await gt(t);
-          if (e !== D) return;
-          G.value = [...G.value, t], we(l.items), m.value = [...m.value, ...l.items], L.value = l.nextPage;
-        } catch (t) {
-          if (e !== D || ct(t)) return;
-          ye.value = t instanceof Error ? t.message : String(t);
-        } finally {
-          e === D && (fe.value = !1), de === n && (de = null);
-        }
-      })(), de = n, n;
-    }
-    function on() {
-      const e = c.value;
-      if (!e) return;
-      const n = e.scrollTop, t = e.clientHeight, l = e.scrollHeight;
-      j.value = n, R.value = t;
-      const r = Le, f = Ve, p = n > r, E = f > 0 && l < f;
-      if (Le = n, Ve = l, _e) {
-        if (!p) return;
-        _e = !1;
-      }
-      if (E && !p) return;
-      l - (n + t) <= a.prefetchThresholdPx && wt();
-    }
-    function bt() {
-      return c.value;
-    }
-    function xt(e) {
-      F.value = Be(e), R.value = e.clientHeight;
-    }
-    function ln() {
-      typeof ResizeObserver > "u" || (re = new ResizeObserver(() => {
-        const e = bt();
-        e && xt(e);
-      }));
-    }
-    function an() {
-      return {
-        enabled: a.mode === "backfill",
-        isBackfillActive: !1,
-        isRequestInFlight: !1,
-        page: a.page,
-        next: a.page,
-        progress: {
-          collected: 0,
-          target: 0
-        },
-        cooldownMsRemaining: 0,
-        cooldownMsTotal: tt(a.backfillRequestDelayMs),
-        pageSize: Dt(a.pageSize),
-        bufferSize: 0,
-        lastBatch: null,
-        totals: {
-          pagesFetched: 0,
-          itemsFetchedFromNetwork: 0
-        }
-      };
-    }
-    function kt() {
-      D += 1, qe += 1, de = null, ve = null, Le = 0, Ve = 0, _e = !1, $e = 0, me.clear(), he.length = 0, ie.value = /* @__PURE__ */ new Set(), ue.value = /* @__PURE__ */ new Set(), Ce.clear(), Ne.value = /* @__PURE__ */ new Map(), oe.value = /* @__PURE__ */ new Set(), le.value = [], G.value = [], L.value = null, ze.value = [], je.value = an(), ce.value = !0, fe.value = !1, ye.value = "", Ue.value = !1;
-    }
-    function Mt(e) {
-      kt(), m.value = [], L.value = e;
-    }
-    function rn(e) {
-      const n = Array.isArray(e) ? e : [e], t = [], l = /* @__PURE__ */ new Set();
-      for (const r of n) {
-        if (r == null) continue;
-        const f = typeof r == "string" ? `s:${r}` : `n:${String(r)}`;
-        l.has(f) || (l.add(f), t.push(r));
-      }
-      return t;
-    }
-    function Ke(e) {
-      kt(), G.value = e ? rn(e) : [], L.value = a.page, ce.value = !1, Kt(m.value), we(m.value);
-    }
-    async function St(e) {
-      if (ve) return ve;
-      const n = D;
-      let t = null;
-      return t = (async () => {
-        try {
-          if (a.mode === "backfill") {
-            const l = await ht.loadBackfillBatch(e);
-            if (n !== D) return;
-            G.value = l.pages.length ? l.pages : [e], we(l.batchItems), m.value = l.batchItems, L.value = l.nextPage;
-          } else {
-            const l = await gt(e);
-            if (n !== D) return;
-            G.value = [e], we(l.items), m.value = l.items, L.value = l.nextPage;
-          }
-        } catch (l) {
-          if (n !== D || ct(l)) return;
-          ye.value = l instanceof Error ? l.message : String(l);
-        } finally {
-          n === D && (ce.value = !1), ve === t && (ve = null);
-        }
-      })(), ve = t, t;
-    }
-    function sn() {
-      const e = bt();
-      e && (xt(e), j.value = e.scrollTop, Le = e.scrollTop, Ve = e.scrollHeight, re?.observe(e));
-    }
-    Ze(async () => {
-      if (ln(), sn(), a.restoredPages != null) {
-        be.value = !0, Ke(a.restoredPages);
-        return;
-      }
-      if (De.value && m.value.length > 0) {
-        be.value = !0, Ke();
-        return;
-      }
-      be.value = !1, Mt(a.page), await St(a.page);
-    }), Vt(() => {
-      re?.disconnect(), T && (clearTimeout(T), T = null), I && (clearTimeout(I), I = null), z(), A();
-    }), Z(
-      () => a.page,
-      async (e) => {
-        if (be.value) {
-          L.value = e;
-          return;
-        }
-        Mt(e), await St(e);
-      }
-    ), Z(
-      () => a.restoredPages,
-      (e) => {
-        e && (be.value = !0, Ke(e));
-      }
-    ), Z(
-      ne,
-      () => {
-        const e = c.value;
-        e && (F.value = Be(e));
-      },
-      { immediate: !1 }
-    );
-    const Je = k(() => Pn(F.value, a.itemWidth)), Te = k(
-      () => Tn(F.value, Je.value, a.itemWidth, ne.value)
-    );
-    Z(
-      [Je, Te, ne, Ee, W, K],
-      () => {
-        yt();
-      },
-      { immediate: !0 }
-    ), Z(
-      // Performance note: this component targets very large arrays (e.g. 10k items).
-      // Avoid deep watchers over items; rebuild layout only when the list structure
-      // changes (new array reference or length change). This keeps metadata-only
-      // updates (e.g. reactions) cheap.
-      () => [m.value, m.value.length],
-      () => yt(),
-      { immediate: !0 }
-    );
-    const un = k(() => [
-      "mt-8 flex min-h-0 flex-1 flex-col rounded-2xl border border-slate-200/70 bg-white/70 p-5 shadow-sm backdrop-blur",
-      b.class
-    ]);
-    return (e, n) => (_(), P("section", mn(te.value, { class: un.value }), [
-      N("div", Nn, [
-        hn(e.$slots, "default")
-      ]),
-      N("div", {
-        ref_key: "scrollViewportRef",
-        ref: c,
-        "data-testid": "items-scroll-container",
-        class: "mt-4 min-h-0 flex-1 overflow-auto",
-        style: U({ paddingRight: ne.value + "px" }),
-        onScroll: on
-      }, [
-        ce.value ? (_(), P("div", Hn, n[0] || (n[0] = [
-          N("div", { class: "inline-flex items-center gap-3 text-sm text-slate-600" }, [
-            N("svg", {
-              class: "h-5 w-5 animate-spin text-slate-500",
-              viewBox: "0 0 24 24",
-              "aria-hidden": "true"
-            }, [
-              N("circle", {
-                class: "opacity-25",
-                cx: "12",
-                cy: "12",
-                r: "10",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "4"
-              }),
-              N("path", {
-                class: "opacity-75",
-                fill: "currentColor",
-                d: "M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"
-              })
-            ]),
-            N("span", null, "Loading…")
-          ], -1)
-        ]))) : ye.value ? (_(), P("p", Ln, "Error: " + et(ye.value), 1)) : (_(), P("div", {
-          key: 2,
-          class: "relative",
-          style: U({ height: nn.value + "px" })
-        }, [
-          (_(!0), P(Tt, null, Et(Ge.value, (t) => (_(), P("article", {
-            key: m.value[t].id,
-            "data-testid": "item-card",
-            class: "absolute overflow-hidden rounded-xl border border-slate-200/60 bg-white shadow-sm",
-            style: U({
-              width: Te.value + "px",
-              transition: jt(m.value[t].id),
-              transitionDelay: qt(m.value[t].id),
-              transform: Ut(t)
-            })
-          }, [
-            J.value || W.value > 0 ? (_(), P("div", {
-              key: 0,
-              "data-testid": "item-header-container",
-              class: "w-full",
-              style: U(nt.value)
-            }, [
-              Q(ae(y), {
-                "slot-fn": ke.value,
-                "slot-props": { item: m.value[t], remove: () => Oe(m.value[t]) }
-              }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : ee("", !0),
-            N("div", {
-              class: "group relative",
-              onMouseenter: (l) => g(m.value[t].id),
-              onMouseleave: (l) => w(m.value[t].id)
-            }, [
-              Q(Rt, {
-                item: m.value[t],
-                remove: () => Oe(m.value[t]),
-                "loader-slot-fn": Me.value,
-                "error-slot-fn": x.value,
-                hovered: u.value === m.value[t].id,
-                onSuccess: H,
-                onError: q
-              }, null, 8, ["item", "remove", "loader-slot-fn", "error-slot-fn", "hovered"]),
-              Se.value ? (_(), P("div", zn, [
-                Q(ae(y), {
-                  "slot-fn": s.value,
-                  "slot-props": { item: m.value[t], remove: () => Oe(m.value[t]) }
-                }, null, 8, ["slot-fn", "slot-props"])
-              ])) : ee("", !0)
-            ], 40, Vn),
-            Re.value || K.value > 0 ? (_(), P("div", {
-              key: 1,
-              "data-testid": "item-footer-container",
-              class: "w-full",
-              style: U(ot.value)
-            }, [
-              Q(ae(y), {
-                "slot-fn": se.value,
-                "slot-props": { item: m.value[t], remove: () => Oe(m.value[t]) }
-              }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : ee("", !0)
-          ], 4))), 128)),
-          (_(!0), P(Tt, null, Et(le.value, (t) => (_(), P("article", {
-            key: t.id + ":leaving",
-            "data-testid": "item-card-leaving",
-            class: "pointer-events-none absolute overflow-hidden rounded-xl border border-slate-200/60 bg-white shadow-sm",
-            style: U({
-              width: t.width + "px",
-              transition: "transform " + Lt + "ms ease-out",
-              transform: t.leaving ? "translate3d(" + t.fromX + "px," + t.fromY + "px,0)" : "translate3d(" + t.fromX + "px," + t.toY + "px,0)"
-            })
-          }, [
-            J.value || W.value > 0 ? (_(), P("div", {
-              key: 0,
-              "data-testid": "item-header-container",
-              class: "w-full",
-              style: U(nt.value)
-            }, [
-              Q(ae(y), {
-                "slot-fn": ke.value,
-                "slot-props": { item: t.item, remove: () => {
-                } }
-              }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : ee("", !0),
-            N("div", $n, [
-              Q(Rt, {
-                item: t.item,
-                remove: () => {
-                },
-                "loader-slot-fn": Me.value,
-                "error-slot-fn": x.value,
-                hovered: !1
-              }, null, 8, ["item", "loader-slot-fn", "error-slot-fn"]),
-              Se.value ? (_(), P("div", Dn, [
-                Q(ae(y), {
-                  "slot-fn": s.value,
-                  "slot-props": { item: t.item, remove: () => {
-                  } }
-                }, null, 8, ["slot-fn", "slot-props"])
-              ])) : ee("", !0)
-            ]),
-            Re.value || K.value > 0 ? (_(), P("div", {
-              key: 1,
-              "data-testid": "item-footer-container",
-              class: "w-full",
-              style: U(ot.value)
-            }, [
-              Q(ae(y), {
-                "slot-fn": se.value,
-                "slot-props": { item: t.item, remove: () => {
-                } }
-              }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : ee("", !0)
-          ], 4))), 128))
-        ], 4)),
-        N("div", On, [
-          fe.value ? (_(), P("span", Yn, n[1] || (n[1] = [
-            N("svg", {
-              class: "h-4 w-4 animate-spin text-slate-500",
-              viewBox: "0 0 24 24",
-              "aria-hidden": "true"
-            }, [
-              N("circle", {
-                class: "opacity-25",
-                cx: "12",
-                cy: "12",
-                r: "10",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "4"
-              }),
-              N("path", {
-                class: "opacity-75",
-                fill: "currentColor",
-                d: "M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"
-              })
-            ], -1),
-            N("span", null, "Loading more…", -1)
-          ]))) : L.value == null ? (_(), P("span", qn, "End of list")) : (_(), P("span", Xn, "Scroll to load page " + et(L.value), 1))
-        ])
-      ], 36)
-    ], 16));
-  }
-}), Jn = xe({
-  name: "MasonryItem",
-  setup(o, { slots: M, attrs: i }) {
-    const a = gn($t, null);
-    if (!a)
-      return () => null;
-    const d = i.onPreloaded, b = i.onFailed, y = M.overlay, h = M.default;
-    return a({
-      header: M.header,
-      loader: M.loader,
-      overlay: y ?? h,
-      error: M.error,
-      footer: M.footer,
-      onPreloaded: typeof d == "function" ? d : Array.isArray(d) ? (u) => {
-        for (const g of d)
-          typeof g == "function" && g(u);
-      } : void 0,
-      onFailed: typeof b == "function" ? b : Array.isArray(b) ? (u) => {
-        for (const g of b)
-          typeof g == "function" && g(u);
-      } : void 0
-    }), () => null;
-  }
-}), Zn = {
-  install(o) {
-    o.component("Masonry", Kn), o.component("MasonryItem", Jn), o.component("MasonryVideoControls", zt);
-  }
+import { Comment as e, Fragment as t, Text as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createVNode as u, defineComponent as d, guardReactiveProps as f, h as p, isVNode as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, openBlock as S, reactive as C, readonly as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as O, toDisplayString as k, toRef as A, unref as j, useSlots as M, vShow as N, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withModifiers as R } from "vue";
+//#region node_modules/lucide-vue-next/dist/esm/shared/src/utils/hasA11yProp.js
+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);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, G = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"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,
+	...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"]),
+	...!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, {
+	...i,
+	...n,
+	iconNode: t,
+	name: e
+}, r), J = q("arrow-left", [["path", {
+	d: "m12 19-7-7 7-7",
+	key: "1l729n"
+}], ["path", {
+	d: "M19 12H5",
+	key: "x3x0zl"
+}]]), Y = q("audio-lines", [
+	["path", {
+		d: "M2 10v3",
+		key: "1fnikh"
+	}],
+	["path", {
+		d: "M6 6v11",
+		key: "11sgs0"
+	}],
+	["path", {
+		d: "M10 3v18",
+		key: "yhl04a"
+	}],
+	["path", {
+		d: "M14 8v7",
+		key: "3a1oy3"
+	}],
+	["path", {
+		d: "M18 5v13",
+		key: "123xd1"
+	}],
+	["path", {
+		d: "M22 10v3",
+		key: "154ddg"
+	}]
+]), ee = q("clapperboard", [
+	["path", {
+		d: "m12.296 3.464 3.02 3.956",
+		key: "qash78"
+	}],
+	["path", {
+		d: "M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z",
+		key: "1h7j8b"
+	}],
+	["path", {
+		d: "M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+		key: "4lm6w1"
+	}],
+	["path", {
+		d: "m6.18 5.276 3.1 3.899",
+		key: "zjj9t3"
+	}]
+]), te = q("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", [
+	["path", {
+		d: "M16 5h6",
+		key: "1vod17"
+	}],
+	["path", {
+		d: "M19 2v6",
+		key: "4bpg5p"
+	}],
+	["path", {
+		d: "M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5",
+		key: "1ue2ih"
+	}],
+	["path", {
+		d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",
+		key: "1xmnt7"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "9",
+		r: "2",
+		key: "af1f0g"
+	}]
+]), re = q("loader-circle", [["path", {
+	d: "M21 12a9 9 0 1 1-6.219-8.56",
+	key: "13zald"
+}]]), ie = q("pause", [["rect", {
+	x: "14",
+	y: "3",
+	width: "5",
+	height: "18",
+	rx: "1",
+	key: "kaeet6"
+}], ["rect", {
+	x: "5",
+	y: "3",
+	width: "5",
+	height: "18",
+	rx: "1",
+	key: "1wsw3u"
+}]]), ae = q("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", [
+	["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"
+	}],
+	["path", {
+		d: "M12 9v4",
+		key: "juzpu7"
+	}],
+	["path", {
+		d: "M12 17h.01",
+		key: "p32p05"
+	}]
+]);
+function X(e, t = 150) {
+	return se(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}|${e.kind}`, t);
+}
+function Z(e, t = 150) {
+	return se(e, (e) => `${e.surface}|${e.occurrenceKey}|${e.url}`, t);
+}
+function se(e, t, n) {
+	let r = [], i = /* @__PURE__ */ new Set(), a = null;
+	function o(e) {
+		let o = t(e);
+		i.has(o) || (i.add(o), r.push(e), !a && (a = setTimeout(() => {
+			s();
+		}, n)));
+	}
+	function s() {
+		if (a &&= (clearTimeout(a), null), !r.length) return;
+		let t = r.slice();
+		r.length = 0, i.clear(), e(t);
+	}
+	function c() {
+		a &&= (clearTimeout(a), null), r.length = 0, i.clear();
+	}
+	return {
+		flush: s,
+		report: o,
+		stop: c
+	};
+}
+//#endregion
+//#region src/components/viewer-core/dom.ts
+function ce(e) {
+	return e instanceof HTMLElement && [
+		"INPUT",
+		"TEXTAREA",
+		"SELECT"
+	].includes(e.tagName);
+}
+function Q(e) {
+	return e instanceof HTMLElement && !!e.closest("[data-swipe-lock], input, textarea, select, a");
+}
+//#endregion
+//#region src/components/viewer-core/itemIdentity.ts
+var le = "__vibeOccurrenceKey";
+function $(e) {
+	let t = e[le];
+	return typeof t == "string" && t.length > 0 ? t : e.id;
+}
+function ue(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = [], a = n;
+	for (let e of t) {
+		let t = r.get(e.id), n = $(e);
+		t ? t.push(n) : r.set(e.id, [n]);
+	}
+	for (let t of e) {
+		let e = r.get(t.id)?.shift() ?? `vibe-occurrence-${a += 1}`;
+		i.push(de(t, e));
+	}
+	return {
+		items: i,
+		nextSequence: a
+	};
+}
+function de(e, t) {
+	return $(e) === t ? e : {
+		...e,
+		[le]: t
+	};
+}
+//#endregion
+//#region src/components/viewer-core/removalState.ts
+function fe() {
+	let e = T(/* @__PURE__ */ new Set()), t = T([]);
+	function n(n) {
+		let r = pe(n).filter((t) => !e.value.has(t));
+		if (!r.length) return { ids: [] };
+		let i = new Set(e.value);
+		for (let e of r) i.add(e);
+		return e.value = i, t.value = [...t.value, r], { ids: r };
+	}
+	function r(t) {
+		let n = pe(t).filter((t) => e.value.has(t));
+		if (!n.length) return { ids: [] };
+		let r = new Set(e.value);
+		for (let e of n) r.delete(e);
+		return e.value = r, { ids: n };
+	}
+	function i() {
+		if (!t.value.length) return null;
+		let n = [...t.value], r = n.pop() ?? [];
+		t.value = n;
+		let i = r.filter((t) => e.value.has(t));
+		if (!i.length) return { ids: [] };
+		let a = new Set(e.value);
+		for (let e of i) a.delete(e);
+		return e.value = a, { ids: i };
+	}
+	function a() {
+		!e.value.size && !t.value.length || (e.value = /* @__PURE__ */ new Set(), t.value = []);
+	}
+	function o() {
+		return Array.from(e.value);
+	}
+	return {
+		clearRemoved: a,
+		getRemovedIds: o,
+		remove: n,
+		removedIds: e,
+		restore: r,
+		undo: i
+	};
+}
+function pe(e) {
+	let t = Array.isArray(e) ? e : [e];
+	return Array.from(new Set(t.filter((e) => typeof e == "string" && e.length > 0)));
+}
+//#endregion
+//#region src/components/viewer-core/autoBuckets.ts
+function me(e) {
+	return e.flatMap((e) => e.items);
+}
+function he(e, t) {
+	return t.size ? e.filter((e) => !t.has(e.id)) : e;
+}
+function ge(e, t) {
+	return he(e.items, t);
+}
+function _e(e, t) {
+	return ge(e, t).length;
+}
+function ve(e, t, n) {
+	if (n < 0) return null;
+	let r = 0;
+	for (let i of e) {
+		let e = ge(i, t), a = r + e.length;
+		if (n < a) return i.cursor;
+		r = a;
+	}
+	return null;
+}
+function ye(e, t, n) {
+	let r = [...e], i = r.findIndex((e) => e.cursor === t);
+	return i >= 0 && r.splice(i, 1, n), r;
+}
+function be(e, t, n) {
+	let r = ue(e, t, n);
+	return {
+		items: r.items,
+		nextSequence: r.nextSequence
+	};
+}
+function xe(e) {
+	return e === "filling" || e === "loading" || e === "reloading";
+}
+function Se(e) {
+	return !e || !Number.isFinite(e) || e < 1 ? 25 : Math.floor(e);
+}
+function Ce(e) {
+	return e ?? "__vibe_initial_cursor__";
+}
+function we(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+//#endregion
+//#region src/components/viewer-core/autoResolveState.ts
+function Te(e) {
+	return e instanceof DOMException && e.name === "AbortError" || e instanceof Error && (e.name === "AbortError" || e.name === "CanceledError") ? !0 : typeof e == "object" && !!e && "code" in e && e.code === "ERR_CANCELED";
+}
+function Ee(e) {
+	let t = be(e.nextItems, e.previousItems, e.sequence);
+	return {
+		bucket: {
+			cursor: e.cursor,
+			items: t.items,
+			nextCursor: e.nextCursor,
+			previousCursor: e.previousCursor
+		},
+		nextSequence: t.nextSequence
+	};
+}
+function De(e, t, n, r) {
+	if (!e.length) return r ? null : {
+		buckets: [],
+		canceled: r,
+		visibleCount: 0
+	};
+	let i = t === "backward" ? [...e].reverse() : e;
+	return {
+		buckets: i,
+		canceled: r,
+		visibleCount: i.reduce((e, t) => e + _e(t, n), 0)
+	};
+}
+function Oe(e) {
+	let t = Ee({
+		cursor: e.initialState.cursor,
+		nextCursor: e.initialState.nextCursor ?? null,
+		nextItems: e.initialState.items,
+		previousCursor: e.initialState.previousCursor ?? null,
+		previousItems: [],
+		sequence: e.sequence
+	}), n = he(t.bucket.items, e.removedIds);
+	return {
+		activeIndex: we(e.initialState.activeIndex ?? 0, 0, Math.max(0, n.length - 1)),
+		buckets: [t.bucket],
+		nextSequence: t.nextSequence
+	};
+}
+function ke(e, t) {
+	let n = e[we(t, 0, Math.max(0, e.length - 1))];
+	return n ? $(n) : null;
+}
+function Ae(e, t, n = null) {
+	if (!e.length) return 0;
+	let r = n ? e.findIndex((e) => $(e) === n) : -1;
+	return r >= 0 ? r : we(t, 0, e.length - 1);
+}
+function je(e, t, n) {
+	return e ? _e(e, t) < n : !1;
+}
+//#endregion
+//#region src/components/viewer-core/fillDelay.ts
+var Me = 1e3, Ne = 100;
+function Pe(e, t = Me, n = 250) {
+	return t + Math.max(0, e - 1) * n;
+}
+function Fe(e, t) {
+	return !Number.isFinite(e) || e == null || e < 0 ? t : Math.floor(e);
+}
+function Ie() {
+	let e = T(null), t = null, n = null, r = null;
+	function i(i = !1) {
+		if (t &&= (clearInterval(t), null), n &&= (clearTimeout(n), null), e.value = null, i && r) {
+			let e = r;
+			r = null, e();
+		}
+	}
+	async function a(a) {
+		i(!0), !(a <= 0) && (e.value = a, await new Promise((o) => {
+			let s = Date.now(), c = !1, l = () => {
+				c || (c = !0, r = null, i(), o());
+			};
+			r = l;
+			let u = () => {
+				let t = Math.max(0, a - (Date.now() - s));
+				e.value = t, t <= 0 && l();
+			};
+			t = setInterval(u, Ne), n = setTimeout(l, a), u();
+		}));
+	}
+	return {
+		clear: i,
+		remainingMs: e,
+		wait: a
+	};
+}
+//#endregion
+//#region src/components/viewer-core/useAutoResolveSource.ts
+function Le(e) {
+	let t = T([]), n = T(0), r = T([]), a = T(null), o = T("idle"), s = T(null), c = Ie(), l = c.remainingMs, u = T(null), d = T(!1), f = T(!0), p = /* @__PURE__ */ new Set(), m = null, h = null, g = 0, _ = 0, v = i(() => Fe(e.fillDelayMs, Me)), y = i(() => Fe(e.fillDelayStepMs, 250)), S = i(() => e.mode ?? "dynamic"), C = i(() => Se(e.pageSize)), w = i(() => me(t.value)), E = i(() => he(w.value, e.removedIds.value)), D = i(() => n.value), O = i(() => xe(o.value) || d.value), k = i(() => t.value[0] ?? null), A = i(() => t.value[t.value.length - 1] ?? null), j = i(() => A.value?.nextCursor ?? null), M = i(() => k.value?.previousCursor ?? null), N = i(() => !!j.value), F = i(() => !!M.value), I = i(() => he(me(r.value), e.removedIds.value)), L = i(() => ve(t.value, e.removedIds.value, D.value)), R = i(() => !E.value.length && !O.value && !!a.value);
+	P(() => E.value.length, (e) => {
+		if (e === 0) {
+			n.value = 0;
+			return;
+		}
+		n.value > e - 1 && (n.value = e - 1);
+	}), P(() => n.value, () => {
+		f.value && te();
+	}), x(() => {
+		e.resolve && (Z() || z());
+	}), b(() => {
+		m?.abort(), m = null, c.clear(!0);
+	});
+	async function z() {
+		h = z;
+		let r = await ae({
+			continueUntilFilled: S.value === "dynamic",
+			cursor: e.initialCursor ?? null,
+			direction: "forward",
+			phase: "loading"
+		});
+		r && (t.value = r.buckets, n.value = 0, X());
+	}
+	async function B() {
+		if (!(!N.value || O.value)) {
+			if (S.value === "static" && ce("trailing")) return ie("trailing");
+			await ne(j.value);
+		}
+	}
+	async function V() {
+		if (!(!F.value || O.value)) {
+			if (S.value === "static" && ce("leading")) return ie("leading");
+			await re(M.value);
+		}
+	}
+	async function H() {
+		if (R.value) {
+			if (t.value = [], n.value = 0, r.value = [], a.value = null, o.value = "idle", s.value = null, u.value = null, d.value = !1, p.clear(), m?.abort(), m = null, c.clear(!0), Z()) {
+				X();
+				return;
+			}
+			await z();
+		}
+	}
+	async function U() {
+		if (R.value) return H();
+		o.value !== "failed" || !h || (a.value = null, await h());
+	}
+	async function W() {
+		if (!r.value.length) return d.value = !1, X();
+		t.value = [...t.value, ...r.value], r.value = [], d.value = !1, X();
+	}
+	function G(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) {
+		f.value = e;
+	}
+	function q() {
+		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() {
+		return ke(E.value, D.value);
+	}
+	function Y(e = null) {
+		n.value = Ae(E.value, D.value, e);
+	}
+	function ee() {
+		r.value.length > 0 && !I.value.length && W();
+	}
+	async function te() {
+		!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) {
+		h = async () => {
+			await ne(e);
+		};
+		let n = await ae({
+			continueUntilFilled: S.value === "dynamic",
+			cursor: e,
+			direction: "forward",
+			phase: "loading"
+		});
+		if (n) {
+			if (n.canceled) return t.value = [...t.value, ...n.buckets], r.value = [], d.value = !1, X();
+			if (r.value = n.buckets, !I.value.length) return t.value = [...t.value, ...r.value], r.value = [], d.value = !1, X();
+			d.value = !0;
+		}
+	}
+	async function re(e) {
+		h = async () => {
+			await re(e);
+		};
+		let n = await ae({
+			continueUntilFilled: S.value === "dynamic",
+			cursor: e,
+			direction: "backward",
+			phase: "loading"
+		});
+		if (!n) return;
+		let r = J();
+		t.value = [...n.buckets, ...t.value], Y(r), X();
+	}
+	async function ie(n) {
+		if (h = async () => {
+			await ie(n);
+		}, !e.resolve) return;
+		let r = n === "leading" ? k.value : A.value;
+		if (!r) return;
+		let i = Ce(r.cursor);
+		if (p.has(i)) return;
+		p.add(i), a.value = null, o.value = "reloading", s.value = null, u.value = null;
+		let c = ++g, l = typeof AbortController > "u" ? null : new AbortController();
+		m = l;
+		try {
+			let n = await e.resolve({
+				cursor: r.cursor,
+				pageSize: C.value,
+				signal: l?.signal
+			});
+			if (c !== g) return X();
+			let i = oe({
+				cursor: r.cursor,
+				nextCursor: n.nextPage,
+				nextItems: n.items,
+				previousCursor: n.previousPage ?? null,
+				previousItems: r.items
+			}), a = J();
+			t.value = ye(t.value, r.cursor, i), Y(a), X();
+		} catch (e) {
+			if (Te(e) || c !== g) {
+				X();
+				return;
+			}
+			a.value = e instanceof Error ? e.message : "The viewer could not load items.", o.value = "failed", s.value = null, u.value = null;
+		} finally {
+			m === l && (m = null), p.delete(i);
+		}
+	}
+	async function ae(t) {
+		if (!e.resolve) return null;
+		let n = ++g, r = /* @__PURE__ */ new Set(), i = [], l = t.cursor, d = 0;
+		for (a.value = null, o.value = t.phase, s.value = null, u.value = null;;) {
+			if (n !== g) return De(i, t.direction, e.removedIds.value, !0);
+			let f = Ce(l);
+			if (r.has(f) || p.has(f)) break;
+			r.add(f), p.add(f);
+			let h = typeof AbortController > "u" ? null : new AbortController();
+			m = h;
+			try {
+				let r = await e.resolve({
+					cursor: l,
+					pageSize: C.value,
+					signal: h?.signal
+				});
+				if (n !== g) return De(i, t.direction, e.removedIds.value, !0);
+				let a = oe({
+					cursor: l,
+					nextCursor: r.nextPage,
+					nextItems: r.items,
+					previousCursor: r.previousPage ?? null,
+					previousItems: []
+				});
+				i.push(a);
+				let f = i.reduce((t, n) => t + _e(n, e.removedIds.value), 0), p = t.direction === "forward" ? a.nextCursor : a.previousCursor;
+				if (!t.continueUntilFilled || f >= C.value || !p) return {
+					canceled: !1,
+					buckets: t.direction === "backward" ? [...i].reverse() : i,
+					visibleCount: f
+				};
+				o.value = "filling", s.value = f, u.value = C.value, d += 1;
+				let m = Pe(d, v.value, y.value);
+				if (await c.wait(m), n !== g) return De(i, t.direction, e.removedIds.value, !0);
+				l = p;
+			} catch (r) {
+				return Te(r) || n !== g ? De(i, t.direction, e.removedIds.value, !0) : (a.value = r instanceof Error ? r.message : "The viewer could not load items.", o.value = "failed", s.value = null, u.value = null, null);
+			} finally {
+				m === h && (m = null), p.delete(f);
+			}
+		}
+		return De(i, t.direction, e.removedIds.value, !1);
+	}
+	function oe(e) {
+		let t = Ee({
+			cursor: e.cursor,
+			nextCursor: e.nextCursor,
+			nextItems: e.nextItems,
+			previousCursor: e.previousCursor,
+			previousItems: e.previousItems,
+			sequence: _
+		});
+		return _ = t.nextSequence, t.bucket;
+	}
+	function X() {
+		o.value = "idle", s.value = null, u.value = null, c.clear();
+	}
+	function Z() {
+		if (!e.initialState || !e.initialState.items.length) return !1;
+		let i = Oe({
+			initialState: e.initialState,
+			removedIds: e.removedIds.value,
+			sequence: _
+		});
+		return t.value = i.buckets, n.value = i.activeIndex, _ = i.nextSequence, a.value = null, r.value = [], d.value = !1, !0;
+	}
+	function se() {
+		return o.value === "loading" && t.value.length === 0 && r.value.length === 0;
+	}
+	function ce(t) {
+		return je(t === "leading" ? k.value : A.value, e.removedIds.value, C.value);
+	}
+	return {
+		activeIndex: D,
+		canRetryInitialLoad: R,
+		cancel: q,
+		commitPendingAppend: W,
+		currentCursor: L,
+		errorMessage: a,
+		fillCollectedCount: s,
+		fillDelayRemainingMs: l,
+		fillTargetCount: u,
+		hasNextPage: N,
+		hasPreviousPage: F,
+		items: E,
+		loading: O,
+		mode: S,
+		nextCursor: j,
+		pendingAppendItems: I,
+		phase: o,
+		prefetchNextPage: B,
+		prefetchPreviousPage: V,
+		previousCursor: M,
+		retryInitialLoad: H,
+		retry: U,
+		setActiveIndex: G,
+		setAutoPrefetchEnabled: K,
+		syncActiveIndexAfterVisibilityChange: Y,
+		getActiveOccurrenceKey: J,
+		maybeCommitPendingAppendWhenFilteredOut: ee
+	};
+}
+//#endregion
+//#region src/components/viewer-core/useDataSource.ts
+function Re(e, t) {
+	let n = e, r = e, { clearRemoved: a, getRemovedIds: o, remove: s, removedIds: c, restore: l, undo: u } = fe(), d = Le({
+		emit: t,
+		fillDelayMs: r.fillDelayMs,
+		fillDelayStepMs: r.fillDelayStepMs,
+		initialCursor: r.initialCursor,
+		initialState: r.initialState,
+		mode: r.mode,
+		pageSize: r.pageSize,
+		removedIds: c,
+		resolve: r.resolve
+	}), f = !1, p = 0, m = T([]), h = i(() => typeof r.resolve == "function"), g = i(() => c.value.size ? m.value.filter((e) => !c.value.has(e.id)) : m.value), _ = i(() => h.value ? d.items.value : g.value), v = i(() => h.value ? d.activeIndex.value : n.activeIndex ?? 0), y = i(() => h.value ? d.loading.value : n.loading ?? !1), b = i(() => h.value ? d.hasNextPage.value : n.hasNextPage ?? !1), x = i(() => h.value ? d.hasPreviousPage.value : n.hasPreviousPage ?? !1), S = i(() => c.value.size), C = i(() => n.paginationDetail ?? null);
+	P([() => n.items, () => r.resolve], ([e, t]) => {
+		!Array.isArray(e) || typeof t != "function" || f || (f = !0, console.warn("[Vibe] `resolve` and `items` were both provided. `resolve` mode will be used."));
+	}, { immediate: !0 }), P(() => n.items ?? [], (e) => {
+		if (h.value) return;
+		let t = ue(e, m.value, p);
+		m.value = t.items, p = t.nextSequence;
+	}, {
+		deep: !0,
+		immediate: !0
+	});
+	function w(e) {
+		let r = _.value;
+		if (!r.length) return;
+		let i = M(e, 0, r.length - 1);
+		if (h.value) {
+			d.setActiveIndex(i);
+			return;
+		}
+		i !== (n.activeIndex ?? 0) && t("update:activeIndex", i);
+	}
+	function E(e) {
+		let t = A(), n = s(e);
+		return n.ids.length ? h.value ? (d.maybeCommitPendingAppendWhenFilteredOut(), d.syncActiveIndexAfterVisibilityChange(t), n) : (j(t), n) : n;
+	}
+	function D(e) {
+		let t = A(), n = l(e);
+		return n.ids.length ? h.value ? (d.syncActiveIndexAfterVisibilityChange(t), n) : (j(t), n) : n;
+	}
+	function O() {
+		let e = A(), t = u();
+		return t?.ids.length ? h.value ? (d.syncActiveIndexAfterVisibilityChange(e), t) : (j(e), t) : t;
+	}
+	function k() {
+		let e = A();
+		if (a(), h.value) {
+			d.syncActiveIndexAfterVisibilityChange(e);
+			return;
+		}
+		j(e);
+	}
+	function A() {
+		let e = _.value[M(v.value, 0, Math.max(0, _.value.length - 1))];
+		return e ? $(e) : null;
+	}
+	function j(e = null) {
+		if (!_.value.length) return;
+		let r = e ? _.value.findIndex((t) => $(t) === e) : -1, i = r >= 0 ? r : M(v.value, 0, _.value.length - 1);
+		i !== (n.activeIndex ?? 0) && t("update:activeIndex", i);
+	}
+	function M(e, t, n) {
+		return Math.min(Math.max(e, t), n);
+	}
+	function N() {
+		h.value && d.cancel();
+	}
+	async function F() {
+		if (h.value) {
+			await d.prefetchNextPage();
+			return;
+		}
+		y.value || typeof n.requestNextPage != "function" || await n.requestNextPage();
+	}
+	async function I() {
+		if (h.value) {
+			await d.prefetchPreviousPage();
+			return;
+		}
+		y.value || typeof n.requestPreviousPage != "function" || await n.requestPreviousPage();
+	}
+	async function L() {
+		h.value && await d.retry();
+	}
+	return {
+		activeIndex: v,
+		canRetryInitialLoad: i(() => h.value ? d.canRetryInitialLoad.value : !1),
+		cancel: N,
+		clearRemoved: k,
+		commitPendingAppend: d.commitPendingAppend,
+		currentCursor: i(() => h.value ? d.currentCursor.value : null),
+		errorMessage: i(() => h.value ? d.errorMessage.value : null),
+		fillCollectedCount: i(() => h.value ? d.fillCollectedCount.value : null),
+		fillDelayRemainingMs: i(() => h.value ? d.fillDelayRemainingMs.value : null),
+		fillTargetCount: i(() => h.value ? d.fillTargetCount.value : null),
+		getRemovedIds: o,
+		hasNextPage: b,
+		hasPreviousPage: x,
+		isAutoMode: h,
+		items: _,
+		loading: y,
+		loadNext: F,
+		loadPrevious: I,
+		mode: i(() => h.value ? d.mode.value : null),
+		nextCursor: i(() => h.value ? d.nextCursor.value : null),
+		paginationDetail: C,
+		pendingAppendItems: d.pendingAppendItems,
+		phase: i(() => h.value ? d.phase.value : y.value ? "loading" : "idle"),
+		prefetchNextPage: h.value ? d.prefetchNextPage : async () => {
+			y.value || typeof n.requestNextPage != "function" || await n.requestNextPage();
+		},
+		prefetchPreviousPage: h.value ? d.prefetchPreviousPage : async () => {
+			y.value || typeof n.requestPreviousPage != "function" || await n.requestPreviousPage();
+		},
+		previousCursor: i(() => h.value ? d.previousCursor.value : null),
+		removedCount: S,
+		remove: E,
+		restore: D,
+		retry: L,
+		retryInitialLoad: d.retryInitialLoad,
+		setActiveIndex: w,
+		setAutoPrefetchEnabled: d.setAutoPrefetchEnabled,
+		undo: O
+	};
+}
+//#endregion
+//#region src/components/viewer-core/useController.ts
+var ze = 1024;
+function Be(e, t) {
+	let n = Re(e, t), r = T(0), a = T("list"), o = T(0), s = C({
+		activeIndex: 0,
+		currentCursor: null,
+		errorMessage: null,
+		fillCollectedCount: null,
+		fillDelayRemainingMs: null,
+		fillTargetCount: null,
+		hasNextPage: !1,
+		hasPreviousPage: !1,
+		isAutoMode: !1,
+		itemCount: 0,
+		loadState: "loaded",
+		mode: null,
+		nextCursor: null,
+		phase: "idle",
+		previousCursor: null,
+		removedCount: 0,
+		surfaceMode: "list"
+	}), c = i(() => r.value >= ze), l = i(() => c.value ? a.value : "fullscreen"), u = i(() => c.value && l.value === "fullscreen");
+	P(c, (e, t) => {
+		e && !t && a.value === "list" && (o.value += 1);
+	}), P([l, () => n.pendingAppendItems.value.length], ([e, t]) => {
+		e === "list" || t <= 0 || n.commitPendingAppend();
+	}), P(l, (e) => {
+		n.setAutoPrefetchEnabled(e === "fullscreen");
+	}, { immediate: !0 }), F(() => {
+		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.isAutoMode = n.isAutoMode.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.mode = n.mode.value, s.nextCursor = n.nextCursor.value, s.phase = n.phase.value, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.surfaceMode = l.value;
+	}), x(() => {
+		m(), window.addEventListener("keydown", p), window.addEventListener("resize", m);
+	}), b(() => {
+		window.removeEventListener("keydown", p), window.removeEventListener("resize", m);
+	});
+	function d(e) {
+		n.setActiveIndex(e), c.value && (a.value = "fullscreen");
+	}
+	function f() {
+		c.value && (a.value = "list", o.value += 1);
+	}
+	function p(e) {
+		e.defaultPrevented || e.key !== "Escape" || !c.value || l.value !== "fullscreen" || ce(e.target) || (e.preventDefault(), f());
+	}
+	function m() {
+		r.value = window.innerWidth || 0;
+	}
+	return {
+		...n,
+		cancel: n.cancel,
+		isDesktop: c,
+		listRestoreToken: o,
+		loadNext: n.loadNext,
+		loadPrevious: n.loadPrevious,
+		openFullscreen: d,
+		returnToList: f,
+		retry: n.retry,
+		showBackToList: u,
+		status: w(s),
+		surfaceMode: l
+	};
+}
+//#endregion
+//#region src/components/FullscreenMediaBar.vue?vue&type=script&setup=true&lang.ts
+var Ve = {
+	"data-testid": "vibe-media-bar",
+	class: "absolute inset-x-0 bottom-0 z-[5] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.42)_24%,rgba(0,0,0,0.78))] px-[clamp(1rem,2.6vw,2.25rem)] pt-4 pb-[1.15rem]"
+}, He = { class: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 border-t border-white/12 bg-black/70 px-4 py-3 backdrop-blur-[18px]" }, Ue = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, We = { class: "relative h-4 w-full" }, Ge = [
+	"max",
+	"value",
+	"disabled"
+], Ke = { class: "text-[0.76rem] font-bold uppercase tracking-[0.18em] text-[#f7f1ea]/74" }, qe = /* @__PURE__ */ d({
+	__name: "FullscreenMediaBar",
+	props: {
+		currentTime: {},
+		currentTimeLabel: {},
+		duration: {},
+		durationLabel: {},
+		progress: {}
+	},
+	emits: ["seek-input"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (e, t) => (S(), s("div", Ve, [c("div", He, [
+			c("span", Ue, k(n.currentTimeLabel), 1),
+			c("div", We, [
+				t[1] ||= c("div", { class: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-white/12" }, null, -1),
+				c("div", {
+					class: "absolute left-0 top-1/2 h-px -translate-y-1/2 bg-[#f7f1ea]",
+					style: y({ width: `${n.progress}%` })
+				}, null, 4),
+				c("input", {
+					"data-swipe-lock": "true",
+					type: "range",
+					"aria-label": "Seek active media",
+					min: "0",
+					step: "0.1",
+					max: n.duration || 1,
+					value: n.currentTime,
+					disabled: n.duration <= 0,
+					class: "vibe-media-slider absolute inset-0 z-10 h-4 w-full cursor-pointer bg-transparent disabled:cursor-default disabled:opacity-50",
+					onInput: t[0] ||= (e) => r("seek-input", e)
+				}, null, 40, Ge)
+			]),
+			c("span", Ke, k(n.durationLabel), 1)
+		])]));
+	}
+}), Je = { class: "pointer-events-none absolute inset-0 z-[3] flex flex-col justify-between p-[clamp(1.25rem,2.6vw,2.25rem)]" }, Ye = { class: "grid gap-4" }, Xe = { class: "flex min-h-11 items-center justify-between gap-4" }, Ze = { class: "min-w-0 flex flex-1 items-center gap-3" }, Qe = {
+	key: 1,
+	"data-testid": "vibe-title",
+	class: "m-0 truncate text-left text-[0.82rem] leading-none tracking-[-0.04em] min-[721px]:text-[1.2rem]"
+}, $e = { class: "pointer-events-auto flex shrink-0 items-center gap-2" }, et = {
+	"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]"
+}, tt = { class: "whitespace-nowrap" }, nt = {
+	key: 0,
+	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
+}, rt = {
+	key: 0,
+	class: "grid gap-2 max-[720px]:justify-items-start"
+}, it = /* @__PURE__ */ d({
+	__name: "FullscreenHeader",
+	props: {
+		currentIndex: {},
+		paginationDetail: {},
+		showBackToList: { type: Boolean },
+		showEndBadge: { type: Boolean },
+		title: {},
+		total: {}
+	},
+	emits: ["back-to-list"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (e, t) => (S(), s("div", Je, [c("div", Ye, [c("div", Xe, [c("div", Ze, [n.showBackToList ? (S(), s("button", {
+			key: 0,
+			type: "button",
+			"data-testid": "vibe-back-to-list",
+			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), {
+			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)]));
+	}
+});
+//#endregion
+//#region src/components/viewer-core/format.ts
+function at(e) {
+	if (!Number.isFinite(e) || e <= 0) return "0:00";
+	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60;
+	return n > 0 ? `${n}:${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}` : `${r}:${String(i).padStart(2, "0")}`;
+}
+//#endregion
+//#region src/components/viewer-core/useActivation.ts
+function ot(e) {
+	let t = !1;
+	P(e.enabled, async (t) => {
+		if (n(t), t) {
+			e.onResize(), await e.onEnable();
+			return;
+		}
+		e.onDisable();
+	}, { immediate: !0 }), x(() => {
+		e.onResize(), e.enabled.value && e.onEnable();
+	}), b(() => {
+		n(!1), e.onDisable();
+	});
+	function n(n) {
+		if (n && !t) {
+			window.addEventListener("resize", e.onResize), window.addEventListener("keydown", e.onKeydown), t = !0;
+			return;
+		}
+		!n && t && (window.removeEventListener("resize", e.onResize), window.removeEventListener("keydown", e.onKeydown), t = !1);
+	}
+}
+//#endregion
+//#region src/components/viewer-core/assetState.ts
+var st = {
+	currentTime: 0,
+	duration: 0,
+	errorKind: null,
+	paused: !0,
+	ready: !1
 };
-export {
-  Kn as Masonry,
-  Jn as MasonryItem,
-  zt as MasonryVideoControls,
-  Zn as VibePlugin,
-  pn as masonryDefaults
+function ct() {
+	return { ...st };
+}
+function lt(e) {
+	return e.complete && !!(e.currentSrc || e.getAttribute("src"));
+}
+function ut(e, t, n) {
+	e.currentTime = Number.isFinite(t.currentTime) ? t.currentTime : 0, e.duration = Number.isFinite(t.duration) ? t.duration : 0, e.paused = t.paused, n && n !== "error" && (e.errorKind = null), e.ready = dt(t, n);
+}
+function dt(e, t) {
+	return t === "error" || t === "loadstart" || t === "waiting" || t === "stalled" ? !1 : t === "canplay" || t === "canplaythrough" || t === "playing" ? !0 : e.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA;
+}
+//#endregion
+//#region src/components/viewer-core/loadError.ts
+var ft = /* @__PURE__ */ new Map();
+function pt(e) {
+	return e === "not-found" ? "404" : "Load error";
+}
+function mt(e) {
+	return e === "generic";
+}
+function ht(e) {
+	let t = ft.get(e);
+	if (t) return t;
+	let n = gt(e);
+	return ft.set(e, n), n;
+}
+async function gt(e) {
+	if (!_t(e)) return "generic";
+	try {
+		let t = await fetch(e, { method: "HEAD" });
+		if (!t.ok && t.status === 404) return "not-found";
+	} catch {
+		return "generic";
+	}
+	return "generic";
+}
+function _t(e) {
+	return /^(https?:\/\/|\/)/i.test(e);
+}
+//#endregion
+//#region src/components/viewer-core/mediaPlayback.ts
+function vt(e) {
+	try {
+		let t = e.play();
+		t && typeof t.catch == "function" && t.catch(() => {});
+	} catch {}
+}
+//#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);
+	P(() => l.value, async () => {
+		await b();
+	}), P(() => e.itemCount.value, async () => {
+		await b();
+	});
+	function h(e, t) {
+		if (t instanceof HTMLVideoElement) {
+			o.set(e, t), V(e, t);
+			return;
+		}
+		o.delete(e);
+	}
+	function _(e, t) {
+		if (t instanceof HTMLAudioElement) {
+			s.set(e, t), V(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() {
+		z(), a.value = {}, n.value = {}, t.value = {}, r.value = {}, c.clear();
+	}
+	async function b() {
+		if (!e.isEnabled.value) {
+			z();
+			return;
+		}
+		await g();
+		let t = l.value;
+		for (let [e, n] of o.entries()) {
+			if (e !== t || r.value[e]?.errorKind) {
+				R(n, e);
+				continue;
+			}
+			n.muted = !0, n.loop = !1, n.playsInline = !0, vt(n), V(e, n);
+		}
+		for (let [e, n] of s.entries()) {
+			if (e !== t || r.value[e]?.errorKind) {
+				R(n, e);
+				continue;
+			}
+			vt(n), V(e, n);
+		}
+	}
+	function x(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);
+			let a = r.value[e]?.ready ?? !1;
+			!i && a && K(e, n.currentSrc || n.src || J());
+		}
+	}
+	function S(e, r) {
+		t.value[e] = !0, n.value[e] = null, K(e, r);
+	}
+	async function C(r, i) {
+		let a = e.activeItem.value;
+		t.value[r] = !1, n.value[r] = "generic";
+		let o = await ht(i);
+		n.value[r] = o, a && e.onAssetError?.({
+			item: a,
+			occurrenceKey: r,
+			url: i,
+			kind: o,
+			surface: "fullscreen"
+		});
+	}
+	async function w(t, n) {
+		let r = U(t), i = B(t), a = e.activeMediaItem.value ?? e.activeItem.value;
+		if (r) {
+			r.pause();
+			try {
+				r.currentTime = 0;
+			} catch {}
+		}
+		i.currentTime = 0, i.duration = 0, i.paused = !0, i.ready = !1, i.errorKind = "generic";
+		let o = await ht(n);
+		i.errorKind = o, a && e.onAssetError?.({
+			item: a,
+			occurrenceKey: t,
+			url: n,
+			kind: o,
+			surface: "fullscreen"
+		});
+	}
+	function E(e, t, n) {
+		e.button !== 0 || Date.now() < n || G(o.get(t) ?? null);
+	}
+	function D(e, t, n) {
+		e.button !== 0 || Date.now() < n || G(U(t));
+	}
+	function O(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];
+	}
+	function A(e) {
+		return (r.value[e]?.ready ?? !1) && !r.value[e]?.errorKind;
+	}
+	function j(e) {
+		return e.url;
+	}
+	function M(e) {
+		return n.value[e] ?? r.value[e]?.errorKind ?? null;
+	}
+	function N(e) {
+		let t = M(e);
+		return t ? pt(t) : null;
+	}
+	function F(e) {
+		return mt(M(e));
+	}
+	function I(e) {
+		return `${e}:${a.value[e] ?? 0}`;
+	}
+	async function L(e) {
+		if (!F(e)) return;
+		t.value[e] = !1, n.value[e] = null;
+		let r = B(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) => {
+			t.startsWith(`${e}|`) && c.delete(t);
+		}), a.value[e] = (a.value[e] ?? 0) + 1, await g(), await b();
+	}
+	function R(e, t) {
+		e.pause();
+		try {
+			e.currentTime = 0;
+		} catch {}
+		V(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(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);
+		r.currentTime = t, r.duration = Number.isFinite(n.duration) ? n.duration : r.duration, r.paused = n.paused;
+	}
+	function U(e) {
+		return o.get(e) ?? s.get(e) ?? null;
+	}
+	function W() {
+		return u.value ? U(u.value) : null;
+	}
+	function G(e) {
+		if (e) {
+			if (e.paused) {
+				vt(e);
+				return;
+			}
+			e.pause();
+		}
+	}
+	function K(t, n) {
+		let r = e.activeMediaItem.value ?? e.activeItem.value;
+		if (!r || !n) return;
+		let i = `${t}|${n}`;
+		c.has(i) || (c.add(i), e.onAssetLoad?.({
+			item: r,
+			occurrenceKey: t,
+			surface: "fullscreen",
+			url: n
+		}));
+	}
+	function q() {
+		return e.activeItem.value?.url ?? null;
+	}
+	function J() {
+		return e.activeMediaItem.value?.url ?? e.activeItem.value?.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,
+		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
+	};
+}
+function bt(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function xt(e, t, n = 2) {
+	return t <= 0 ? {
+		start: 0,
+		end: -1
+	} : {
+		start: Math.max(0, e - n),
+		end: Math.min(t - 1, e + n)
+	};
+}
+function St(e, t, n = 2) {
+	let r = xt(t, e.length, n);
+	return r.end < r.start ? [] : e.slice(r.start, r.end + 1).map((e, t) => ({
+		item: e,
+		index: r.start + t
+	}));
+}
+function Ct(e, t, n, r, i) {
+	return {
+		transform: `translate3d(0, ${(e - t) * n + r}px, 0)`,
+		transition: i ? "none" : "transform 320ms cubic-bezier(0.22, 1, 0.36, 1)"
+	};
+}
+//#endregion
+//#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({
+		activeItem: C,
+		activeMediaItem: w,
+		isEnabled: _,
+		itemCount: i(() => c.value.length),
+		onAssetError: n.onAssetError,
+		onAssetLoad: n.onAssetLoad
+	}), D = i(() => c.value.length > 0 && S.value === c.value.length - 1), O = i(() => c.value.length === 0 && l.value ? "Loading the first page" : l.value && s.value ? "Loading more items" : D.value && !s.value && !l.value ? "End of feed" : null), k = i(() => Math.min(96, g.value * .15 || 96)), A = i(() => xt(S.value, c.value.length)), j = i(() => St(c.value, S.value));
+	ot({
+		enabled: _,
+		onDisable() {
+			H(), E.resetMediaState();
+		},
+		onEnable() {
+			return E.syncMediaPlayback();
+		},
+		onKeydown: W,
+		onResize: N
+	});
+	function M(e, t, n) {
+		return Math.min(Math.max(e, t), n);
+	}
+	function N() {
+		g.value = p.value?.clientHeight || window.innerHeight || 1;
+	}
+	function P(e) {
+		return c.value.length === 0 ? !1 : M(S.value + e, 0, c.value.length - 1) !== S.value;
+	}
+	function F(e) {
+		if (c.value.length === 0) return;
+		let t = M(S.value + e, 0, c.value.length - 1);
+		t !== S.value && f(t);
+	}
+	function I(e) {
+		let t = e > 0, n = e < 0;
+		return t && !P(-1) || n && !P(1) ? e * .24 : e;
+	}
+	function L(e) {
+		!_.value || c.value.length === 0 || e.pointerType === "mouse" || Q(e.target) || (v = e.pointerId, y = e.clientY, m.value = 0, h.value = !0, p.value?.setPointerCapture?.(e.pointerId));
+	}
+	function R(e) {
+		!_.value || !h.value || v !== e.pointerId || (m.value = I(e.clientY - y));
+	}
+	function z(e) {
+		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), V());
+	}
+	function B(e) {
+		!_.value || v !== e.pointerId || (p.value?.releasePointerCapture?.(e.pointerId), H());
+	}
+	function V() {
+		Math.abs(m.value) >= k.value && (x = Date.now() + 250, F(m.value < 0 ? 1 : -1)), H();
+	}
+	function H() {
+		m.value = 0, h.value = !1, v = null;
+	}
+	function U(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) {
+		!_.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) {
+		E.onVideoClick(e, t, x);
+	}
+	function K(e, t) {
+		E.onAudioCoverClick(e, t, x);
+	}
+	function q(e) {
+		E.onMediaSeekInput(e);
+	}
+	function J(e) {
+		return e.type === "image" || e.type === "video";
+	}
+	function Y(e) {
+		return e.type === "audio";
+	}
+	function ee(e) {
+		return Ct(e, S.value, g.value, m.value, h.value);
+	}
+	return {
+		activeItem: C,
+		activeAssetErrorKind: E.activeAssetErrorKind,
+		activeMediaDuration: E.activeMediaDuration,
+		activeMediaItem: w,
+		activeMediaProgress: E.activeMediaProgress,
+		activeMediaState: E.activeMediaState,
+		canRetryAsset: E.canRetryAsset,
+		canRetryInitialLoad: a,
+		errorMessage: o,
+		getAssetErrorKind: E.getAssetErrorKind,
+		getAssetErrorLabel: E.getAssetErrorLabel,
+		getAssetRenderKey: E.getAssetRenderKey,
+		formatPlaybackTime: at,
+		getImageSource: E.getImageSource,
+		getSlideStyle: ee,
+		hasNextPage: s,
+		isAtEnd: D,
+		isAudio: Y,
+		isVisual: J,
+		items: c,
+		loading: l,
+		mediaStates: E.mediaStates,
+		isImageReady: E.isImageReady,
+		isMediaReady: E.isMediaReady,
+		onAudioCoverClick: K,
+		onImageError: E.onImageError,
+		onImageLoad: E.onImageLoad,
+		onMediaEvent: E.onMediaEvent,
+		onMediaError: E.onMediaError,
+		onMediaSeekInput: q,
+		onPointerCancel: B,
+		onPointerDown: L,
+		onPointerMove: R,
+		onPointerUp: z,
+		onVideoClick: G,
+		onWheel: U,
+		registerAudioElement: E.registerAudioElement,
+		registerImageElement: E.registerImageElement,
+		registerVideoElement: E.registerVideoElement,
+		renderedItems: j,
+		renderedRange: A,
+		resolvedActiveIndex: S,
+		retryInitialLoad: d,
+		retryAsset: E.retryAsset,
+		stageRef: p,
+		statusMessage: O,
+		paginationDetail: u
+	};
+}
+//#endregion
+//#region src/components/viewer-core/media.ts
+var Tt = {
+	image: ne,
+	video: ee,
+	audio: Y,
+	other: te
+}, Et = {
+	image: "Image",
+	video: "Video",
+	audio: "Audio",
+	other: "File"
+};
+function Dt(e) {
+	return Tt[e];
+}
+function Ot(e) {
+	return Et[e];
+}
+//#endregion
+//#region src/components/viewer-core/slotContent.ts
+function kt(e) {
+	if (!Array.isArray(e)) return !1;
+	for (let t of e) {
+		if (Array.isArray(t)) {
+			if (kt(t)) return !0;
+			continue;
+		}
+		if (!m(t)) {
+			if (typeof t == "string") {
+				if (t.trim().length > 0) return !0;
+				continue;
+			}
+			if (t != null && t !== !1) return !0;
+			continue;
+		}
+		if (!At(t)) return !0;
+	}
+	return !1;
+}
+function At(r) {
+	return r.type === e ? !0 : r.type === n ? typeof r.children == "string" ? r.children.trim().length === 0 : !0 : r.type === t ? !kt(r.children) : !1;
+}
+//#endregion
+//#region src/components/viewer-core/theme.ts
+var jt = {
+	image: "bg-[radial-gradient(circle_at_top_center,rgba(251,191,36,0.4)_0,transparent_42%),linear-gradient(180deg,#120d08,#050507)]",
+	video: "bg-[radial-gradient(circle_at_top_center,rgba(56,189,248,0.38)_0,transparent_42%),linear-gradient(180deg,#07111c,#050608)]",
+	audio: "bg-[radial-gradient(circle_at_top_center,rgba(16,185,129,0.32)_0,transparent_42%),linear-gradient(180deg,#06120f,#040506)]",
+	other: "bg-[radial-gradient(circle_at_top_center,rgba(148,163,184,0.28)_0,transparent_42%),linear-gradient(180deg,#0d0c10,#040506)]"
+}, Mt = {
+	image: "bg-[radial-gradient(circle_at_center,rgba(251,191,36,0.4)_0,transparent_42%),linear-gradient(180deg,#120d08,#050507)]",
+	video: "bg-[radial-gradient(circle_at_center,rgba(56,189,248,0.38)_0,transparent_42%),linear-gradient(180deg,#07111c,#050608)]",
+	audio: "bg-[radial-gradient(circle_at_center,rgba(16,185,129,0.32)_0,transparent_42%),linear-gradient(180deg,#06120f,#040506)]",
+	other: "bg-[radial-gradient(circle_at_center,rgba(148,163,184,0.28)_0,transparent_42%),linear-gradient(180deg,#0d0c10,#040506)]"
+};
+function Nt(e) {
+	return jt[e];
+}
+function Pt(e) {
+	return Mt[e];
+}
+//#endregion
+//#region src/components/FullscreenSurface.vue?vue&type=script&setup=true&lang.ts
+var Ft = { class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]" }, It = {
+	key: 0,
+	class: "relative h-full min-h-0"
+}, Lt = [
+	"data-item-id",
+	"data-occurrence-key",
+	"data-index",
+	"data-active",
+	"aria-hidden"
+], Rt = {
+	key: 0,
+	"data-testid": "vibe-asset-spinner",
+	class: "pointer-events-none absolute inset-0 z-[2] grid place-items-center"
+}, zt = { 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]" }, Bt = ["data-kind"], Vt = { class: "grid justify-items-center gap-4 border border-white/14 bg-black/45 px-8 py-7 text-center backdrop-blur-[18px]" }, Ht = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, Ut = ["onClick"], Wt = [
+	"src",
+	"alt",
+	"onLoad",
+	"onError"
+], Gt = [
+	"src",
+	"preload",
+	"onClick",
+	"onCanplay",
+	"onDurationchange",
+	"onError",
+	"onLoadstart",
+	"onLoadedmetadata",
+	"onPause",
+	"onPlay",
+	"onPlaying",
+	"onSeeking",
+	"onSeeked",
+	"onStalled",
+	"onTimeupdate",
+	"onWaiting"
+], Kt = { class: "relative grid aspect-square w-[clamp(320px,46vw,560px)] max-w-[calc(100vw-2.5rem)] place-items-center" }, qt = [
+	"aria-label",
+	"disabled",
+	"onClick"
+], Jt = { class: "relative z-[1] inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-emerald-500/12 p-4 backdrop-blur-[20px]" }, Yt = { class: "pointer-events-none absolute bottom-4 right-4 inline-flex h-10 w-10 items-center justify-center border border-white/14 bg-black/50 backdrop-blur-[18px]" }, Xt = {
+	key: 0,
+	"data-testid": "vibe-asset-spinner",
+	class: "pointer-events-none absolute inset-0 z-[3] grid place-items-center"
+}, Zt = { 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]" }, Qt = ["data-kind"], $t = { class: "m-0 text-[0.82rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/70" }, en = ["onClick"], tn = [
+	"src",
+	"preload",
+	"onCanplay",
+	"onDurationchange",
+	"onError",
+	"onLoadstart",
+	"onLoadedmetadata",
+	"onPause",
+	"onPlay",
+	"onPlaying",
+	"onSeeking",
+	"onSeeked",
+	"onStalled",
+	"onTimeupdate",
+	"onWaiting"
+], nn = {
+	key: 2,
+	class: "relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center"
+}, rn = { class: "inline-flex min-h-[4.25rem] min-w-[4.25rem] items-center justify-center border border-white/18 bg-white/8 p-4 backdrop-blur-[20px]" }, an = {
+	key: 0,
+	class: "pointer-events-none absolute inset-0 z-[4]"
+}, on = { class: "h-full w-full" }, sn = {
+	key: 0,
+	"data-testid": "vibe-fullscreen-aside",
+	class: "h-full min-h-0 overflow-hidden border-l border-white/10 bg-black/45 backdrop-blur-[18px]"
+}, cn = { class: "h-full min-h-0 overflow-y-auto overscroll-y-contain" }, ln = {
+	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({
+	__name: "FullscreenSurface",
+	props: {
+		items: {},
+		activeIndex: { default: 0 },
+		fillDelayMs: {},
+		fillDelayStepMs: {},
+		initialState: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		hasNextPage: {
+			type: Boolean,
+			default: !1
+		},
+		mode: {},
+		resolve: {},
+		initialCursor: {},
+		pageSize: {},
+		hasPreviousPage: { type: Boolean },
+		paginationDetail: { default: null },
+		requestNextPage: {},
+		requestPreviousPage: {},
+		active: {
+			type: Boolean,
+			default: !0
+		},
+		reportAssetError: {
+			type: [Function, null],
+			default: null
+		},
+		reportAssetLoad: {
+			type: [Function, null],
+			default: null
+		},
+		showBackToList: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["back-to-list", "update:activeIndex"],
+	setup(e, { emit: n }) {
+		let d = e, p = M(), m = n, g = wt(d, (e, t) => {
+			m("update:activeIndex", t);
+		}, {
+			enabled: A(d, "active"),
+			onAssetError: d.reportAssetError ?? void 0,
+			onAssetLoad: d.reportAssetLoad ?? void 0
+		}), C = T(typeof window > "u" ? dn : window.innerWidth || dn), w = i(() => Nt(g.activeItem.value?.type ?? "image")), N = i(() => g.activeMediaItem.value && !g.activeAssetErrorKind.value ? "bottom-[5.8rem] max-[720px]:bottom-[7.4rem]" : "bottom-[1.8rem] max-[720px]:bottom-[1.3rem]"), P = i(() => !!g.activeMediaItem.value && !g.activeAssetErrorKind.value), F = i(() => P.value ? "pb-[5.75rem] max-[720px]:pb-[7rem]" : ""), L = i(() => {
+			let e = g.activeItem.value;
+			return e ? {
+				hasNextPage: d.hasNextPage,
+				index: g.resolvedActiveIndex.value,
+				item: e,
+				loading: d.loading,
+				paginationDetail: d.paginationDetail,
+				total: d.items.length
+			} : null;
+		}), z = i(() => !L.value || !p["fullscreen-header-actions"] ? [] : p["fullscreen-header-actions"](L.value)), B = i(() => !L.value || !p["fullscreen-aside"] ? [] : p["fullscreen-aside"](L.value)), V = i(() => !L.value || !g.statusMessage.value ? null : {
+			...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",
+			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));
+		x(() => {
+			window.addEventListener("resize", le);
+		}), b(() => {
+			window.removeEventListener("resize", le);
+		});
+		function Y(e, t) {
+			let n = t.title?.trim();
+			return n ? `${e} ${n}` : `${e} ${Ot(t.type).toLowerCase()}`;
+		}
+		function ee(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) {
+			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);
+		}
+		function Z(e) {
+			return d.active && e === g.resolvedActiveIndex.value;
+		}
+		function se(e, t) {
+			if (Z(e)) return g.getImageSource(t);
+		}
+		function ce(e, t) {
+			if (Z(e)) return t.url;
+		}
+		function Q(e) {
+			return $(e);
+		}
+		function le() {
+			C.value = window.innerWidth || dn;
+		}
+		return (e, n) => (S(), s("div", Ft, [
+			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)
+			}, [c("div", {
+				ref: "viewer.stageRef",
+				"data-testid": "vibe-stage",
+				class: "relative h-full min-h-0 touch-none overflow-hidden",
+				onPointerdown: n[1] ||= (...e) => j(g).onPointerDown && j(g).onPointerDown(...e),
+				onPointermove: n[2] ||= (...e) => j(g).onPointerMove && j(g).onPointerMove(...e),
+				onPointerup: n[3] ||= (...e) => j(g).onPointerUp && j(g).onPointerUp(...e),
+				onPointercancel: n[4] ||= (...e) => j(g).onPointerCancel && j(g).onPointerCancel(...e),
+				onWheel: n[5] ||= (...e) => j(g).onWheel && j(g).onWheel(...e)
+			}, [j(g).items.value.length > 0 ? (S(), s("div", It, [
+				(S(!0), s(t, null, E(j(g).renderedItems.value, ({ item: r, index: i }) => (S(), s("article", {
+					key: Q(r),
+					"data-testid": "vibe-slide",
+					"data-item-id": r.id,
+					"data-occurrence-key": Q(r),
+					"data-index": i,
+					"data-active": i === j(g).resolvedActiveIndex.value,
+					"aria-hidden": i === j(g).resolvedActiveIndex.value ? "false" : "true",
+					class: _(["absolute inset-0 flex h-full min-h-full items-center justify-center will-change-transform", i === j(g).resolvedActiveIndex.value ? "pointer-events-auto" : "pointer-events-none"]),
+					style: y(j(g).getSlideStyle(i))
+				}, [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), {
+					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),
+					class: "grid h-full w-full place-items-center"
+				}, [c("div", Vt, [
+					u(j(oe), {
+						class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
+						"aria-hidden": "true"
+					}),
+					c("p", Ht, k(ne(r)), 1),
+					j(g).canRetryAsset(Q(r)) ? (S(), s("button", {
+						key: 0,
+						type: "button",
+						class: "inline-flex items-center justify-center border border-white/14 bg-black/35 px-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
+						onClick: R((e) => j(g).retryAsset(Q(r)), ["stop"])
+					}, " Retry ", 8, Ut)) : o("", !0)
+				])], 8, Bt)) : r.type === "image" ? (S(), s("img", {
+					key: j(g).getAssetRenderKey(Q(r)),
+					src: se(i, r),
+					alt: r.title ?? "",
+					draggable: "false",
+					class: _(["block h-auto max-h-full w-auto max-w-full object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", j(g).isImageReady(Q(r)) ? "opacity-100" : "opacity-0"]),
+					ref_for: !0,
+					ref: (e) => j(g).registerImageElement(Q(r), e),
+					onLoad: (e) => j(g).onImageLoad(Q(r), r.url),
+					onError: (e) => j(g).onImageError(Q(r), r.url)
+				}, null, 42, Wt)) : (S(), s("video", {
+					key: j(g).getAssetRenderKey(Q(r)),
+					class: _(["block h-auto max-h-full w-auto max-w-full cursor-pointer object-contain shadow-[0_40px_120px_-60px_rgba(0,0,0,0.9)] transition-opacity duration-300", j(g).isMediaReady(Q(r)) ? "opacity-100" : "opacity-0"]),
+					playsinline: "",
+					muted: "",
+					src: ce(i, r),
+					preload: Z(i) ? "metadata" : "none",
+					ref_for: !0,
+					ref: (e) => j(g).registerVideoElement(Q(r), e),
+					onClick: R((e) => j(g).onVideoClick(e, Q(r)), ["stop"]),
+					onCanplay: (e) => j(g).onMediaEvent(Q(r), e),
+					onDurationchange: (e) => j(g).onMediaEvent(Q(r), e),
+					onError: (e) => j(g).onMediaError(Q(r), r.url),
+					onLoadstart: (e) => j(g).onMediaEvent(Q(r), e),
+					onLoadedmetadata: (e) => j(g).onMediaEvent(Q(r), e),
+					onPause: (e) => j(g).onMediaEvent(Q(r), e),
+					onPlay: (e) => j(g).onMediaEvent(Q(r), e),
+					onPlaying: (e) => j(g).onMediaEvent(Q(r), e),
+					onSeeking: (e) => j(g).onMediaEvent(Q(r), e),
+					onSeeked: (e) => j(g).onMediaEvent(Q(r), e),
+					onStalled: (e) => j(g).onMediaEvent(Q(r), e),
+					onTimeupdate: (e) => j(g).onMediaEvent(Q(r), e),
+					onWaiting: (e) => j(g).onMediaEvent(Q(r), e)
+				}, null, 42, Gt))], 2)) : j(g).isAudio(r) ? (S(), s("div", {
+					key: 1,
+					class: _(["relative z-[1] grid w-full max-w-[1100px] justify-items-center gap-6 px-[clamp(2rem,4vw,3rem)] py-[clamp(2rem,4vw,3rem)] text-center", i === j(g).resolvedActiveIndex.value ? F.value : ""])
+				}, [c("div", Kt, [
+					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),
+						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),
+						n[7] ||= c("span", { class: "pointer-events-none absolute h-[clamp(220px,30vw,360px)] w-[clamp(220px,30vw,360px)] border border-white/8 bg-[radial-gradient(circle,rgba(255,255,255,0.08),transparent_62%)]" }, null, -1),
+						c("span", Jt, [D(e.$slots, "item-icon", {
+							icon: j(Dt)(r.type),
+							item: r
+						}, () => [(S(), a(O(j(Dt)(r.type)), {
+							class: "h-6 w-6 stroke-[1.9]",
+							"aria-hidden": "true"
+						}))])]),
+						c("span", Yt, [(S(), a(O(j(g).mediaStates.value[Q(r)]?.paused ?? !0 ? j(ae) : j(ie)), {
+							class: "h-4 w-4 stroke-2",
+							"aria-hidden": "true"
+						}))])
+					], 8, qt),
+					ee(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", {
+						"data-testid": "vibe-asset-error",
+						"data-kind": te(r),
+						class: "relative z-[1] grid justify-items-center gap-4"
+					}, [
+						u(j(oe), {
+							class: "h-7 w-7 stroke-[1.9] text-[#f7f1ea]/72",
+							"aria-hidden": "true"
+						}),
+						c("p", $t, k(ne(r)), 1),
+						j(g).canRetryAsset(Q(r)) ? (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-4 py-2 text-[0.64rem] font-bold uppercase tracking-[0.22em] text-[#f7f1ea]/82 backdrop-blur-[18px] transition hover:border-white/28 hover:bg-black/50",
+							onClick: R((e) => j(g).retryAsset(Q(r)), ["stop"])
+						}, " Retry ", 8, en)) : o("", !0)
+					], 8, Qt)], 64)) : o("", !0)
+				]), (S(), s("audio", {
+					key: j(g).getAssetRenderKey(Q(r)),
+					src: ce(i, r),
+					preload: Z(i) ? "metadata" : "none",
+					class: "pointer-events-none absolute h-px w-px opacity-0",
+					ref_for: !0,
+					ref: (e) => j(g).registerAudioElement(Q(r), e),
+					onCanplay: (e) => j(g).onMediaEvent(Q(r), e),
+					onDurationchange: (e) => j(g).onMediaEvent(Q(r), e),
+					onError: (e) => j(g).onMediaError(Q(r), r.url),
+					onLoadstart: (e) => j(g).onMediaEvent(Q(r), e),
+					onLoadedmetadata: (e) => j(g).onMediaEvent(Q(r), e),
+					onPause: (e) => j(g).onMediaEvent(Q(r), e),
+					onPlay: (e) => j(g).onMediaEvent(Q(r), e),
+					onPlaying: (e) => j(g).onMediaEvent(Q(r), e),
+					onSeeking: (e) => j(g).onMediaEvent(Q(r), e),
+					onSeeked: (e) => j(g).onMediaEvent(Q(r), e),
+					onStalled: (e) => j(g).onMediaEvent(Q(r), e),
+					onTimeupdate: (e) => j(g).onMediaEvent(Q(r), e),
+					onWaiting: (e) => j(g).onMediaEvent(Q(r), e)
+				}, null, 40, tn))], 2)) : (S(), s("div", nn, [c("div", rn, [D(e.$slots, "item-icon", {
+					icon: j(Dt)(r.type),
+					item: r
+				}, () => [(S(), a(O(j(Dt)(r.type)), {
+					class: "h-6 w-6 stroke-[1.9]",
+					"aria-hidden": "true"
+				}))])])]))], 14, Lt))), 128)),
+				L.value && p["fullscreen-overlay"] ? (S(), s("div", an, [c("div", on, [D(e.$slots, "fullscreen-overlay", v(f(L.value)))])])) : o("", !0),
+				j(g).activeItem.value ? (S(), a(it, {
+					key: 1,
+					"current-index": j(g).resolvedActiveIndex.value,
+					"pagination-detail": j(g).paginationDetail.value,
+					"show-back-to-list": d.showBackToList,
+					"show-end-badge": j(g).isAtEnd.value && !j(g).hasNextPage.value && !j(g).loading.value,
+					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 ? {
+					name: "actions",
+					fn: I(() => [D(e.$slots, "fullscreen-header-actions", v(f(L.value)))]),
+					key: "0"
+				} : void 0]), 1032, [
+					"current-index",
+					"pagination-detail",
+					"show-back-to-list",
+					"show-end-badge",
+					"title",
+					"total"
+				])) : o("", !0),
+				P.value ? (S(), a(qe, {
+					key: 2,
+					"current-time": j(g).activeMediaState.value.currentTime,
+					"current-time-label": j(g).formatPlaybackTime(j(g).activeMediaState.value.currentTime),
+					duration: j(g).activeMediaDuration.value,
+					"duration-label": j(g).formatPlaybackTime(j(g).activeMediaDuration.value),
+					progress: j(g).activeMediaProgress.value,
+					onSeekInput: j(g).onMediaSeekInput
+				}, null, 8, [
+					"current-time",
+					"current-time-label",
+					"duration",
+					"duration-label",
+					"progress",
+					"onSeekInput"
+				])) : o("", !0),
+				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", {
+					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)
+			])) : o("", !0)], 544), u(r, {
+				"enter-active-class": "transform-gpu transition-all duration-320 ease-out",
+				"enter-from-class": "translate-x-full opacity-0",
+				"enter-to-class": "translate-x-0 opacity-100",
+				"leave-active-class": "transform-gpu transition-all duration-260 ease-in",
+				"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)]),
+				_: 3
+			})], 4),
+			u(r, {
+				"enter-active-class": "transform-gpu transition-all duration-320 ease-out",
+				"enter-from-class": "translate-x-full opacity-0",
+				"enter-to-class": "translate-x-0 opacity-100",
+				"leave-active-class": "transform-gpu transition-all duration-260 ease-in",
+				"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)]),
+				_: 3
+			})
+		]));
+	}
+}), pn = 1, mn = .5;
+function hn(e) {
+	if (e.type !== "image" && e.type !== "video") return {
+		width: pn,
+		height: pn,
+		source: "fallback"
+	};
+	let t = e.preview?.width, n = e.preview?.height;
+	if (Sn(t) && Sn(n)) {
+		let r = Cn(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);
+		return {
+			width: t.width,
+			height: t.height,
+			source: "original"
+		};
+	}
+	return {
+		width: pn,
+		height: pn,
+		source: "fallback"
+	};
+}
+function gn(e, t) {
+	return !e || e <= 0 || !t || t <= 0 ? 1 : Math.max(1, Math.floor(e / t));
+}
+function _n(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);
+	return n.height / n.width * t;
+}
+function yn(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);
+		r[c] = {
+			x: d,
+			y: f
+		}, i[c] = p, n[u] = f + p + t.gapY, s = Math.max(s, f + p);
+		let m = Math.floor(f / t.bucketPx), h = Math.floor((f + p) / t.bucketPx);
+		for (let e = m; e <= h; e += 1) {
+			let t = a.get(e);
+			t ? t.push(c) : a.set(e, [c]);
+		}
+	}
+	return {
+		positions: r,
+		heights: i,
+		buckets: a,
+		contentHeight: s,
+		indexById: o
+	};
+}
+function bn(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();
+	for (let t = r; t <= i; t += 1) {
+		let n = e.buckets.get(t);
+		if (n) for (let e of n) a.add(e);
+	}
+	return Array.from(a).sort((e, t) => e - t);
+}
+function xn(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	for (let i of e) {
+		let e = t.get($(i));
+		if (e == null) continue;
+		let a = n[e];
+		a && r.set($(i), a);
+	}
+	return r;
+}
+function Sn(e) {
+	return typeof e == "number" && Number.isFinite(e) && e > 0;
+}
+function Cn(e, t, n) {
+	return e.type !== "image" || n / t >= mn ? {
+		width: t,
+		height: n
+	} : {
+		width: t,
+		height: t
+	};
+}
+//#endregion
+//#region src/components/viewer-core/useMasonryMotion.ts
+var wn = 300, Tn = 600, En = 40, Dn = 400;
+function On(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) {
+	let t = e.itemHeight > 0 ? e.itemHeight : e.columnWidth;
+	return e.direction === "top" ? e.scrollTop - t : e.scrollTop + e.viewportHeight + t;
+}
+function jn(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;
+		let o = [];
+		for (let n of a) {
+			let r = e.items.value[n] ? $(e.items.value[n]) : null;
+			!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 e = new Set(n.value);
+			for (let t of o) e.add(t);
+			n.value = e;
+		}), Nn(() => {
+			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));
+		});
+	}, { flush: "post" }), b(() => {
+		for (let e of l) clearTimeout(e);
+		l.clear();
+	});
+	function u(e, n = "bottom") {
+		if (!e.length) return;
+		let r = new Set(t.value), a = new Map(i.value);
+		for (let t of e) {
+			let e = $(t);
+			r.add(e), a.set(e, n);
+		}
+		t.value = r, i.value = a;
+	}
+	function d(t, n, r = wn) {
+		if (!t.size) return;
+		let i = /* @__PURE__ */ new Map(), c = [];
+		for (let [r, a] of t.entries()) {
+			if (n?.has(r)) continue;
+			let t = e.indexById.value.get(r);
+			if (t == null) continue;
+			let o = e.positions.value[t];
+			if (!o) continue;
+			let s = a.x - o.x, l = a.y - o.y;
+			!s && !l || (i.set(r, {
+				dx: s,
+				dy: l
+			}), c.push(r));
+		}
+		if (!i.size) return;
+		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(() => {
+				a.value = /* @__PURE__ */ new Map();
+			});
+		}), h(() => {
+			s.value = /* @__PURE__ */ new Set();
+			let e = new Map(o.value);
+			for (let t of c) e.delete(t);
+			o.value = 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`;
+	}
+	function p(e) {
+		if (!n.value.has(e)) return;
+		let t = r.value.get(e) ?? 0;
+		return t > 0 ? `${t}ms` : void 0;
+	}
+	function m(n) {
+		let r = e.items.value[n], o = e.positions.value[n] ?? {
+			x: 0,
+			y: 0
+		}, s = e.heights.value[n] ?? e.columnWidth.value, c = r ? $(r) : null, l = c ? a.value.get(c) ?? {
+			dx: 0,
+			dy: 0
+		} : {
+			dx: 0,
+			dy: 0
+		}, u = c ? i.value.get(c) ?? "bottom" : "bottom", d = c && t.value.has(c) ? An({
+			columnWidth: e.columnWidth.value,
+			direction: u,
+			itemHeight: s,
+			scrollTop: e.scrollTop.value,
+			viewportHeight: e.viewportHeight.value
+		}) : o.y;
+		return `translate3d(${o.x + l.dx}px, ${d + l.dy}px, 0)`;
+	}
+	function h(e, t) {
+		let n = setTimeout(() => {
+			l.delete(n), e();
+		}, t);
+		l.add(n);
+	}
+	return {
+		getCardTransform: m,
+		getCardTransition: f,
+		getCardTransitionDelay: p,
+		markEnter: u,
+		playFlipMoveAnimation: d
+	};
+}
+function Mn(e) {
+	if (typeof requestAnimationFrame == "function") {
+		requestAnimationFrame(() => e());
+		return;
+	}
+	setTimeout(e, 0);
+}
+function Nn(e) {
+	Mn(() => Mn(e));
+}
+//#endregion
+//#region src/components/viewer-core/masonryViewport.ts
+function Pn(e, t) {
+	return e?.clientHeight || Math.round(e?.getBoundingClientRect().height ?? 0) || window.innerHeight || t || 1;
+}
+function Fn(e, t, n) {
+	return e?.clientWidth || Math.round(e?.getBoundingClientRect().width ?? 0) || window.innerWidth || t || n;
+}
+function In(e, t, n, r) {
+	return (e?.scrollHeight ?? r) - (t + n);
+}
+function Ln(e, t) {
+	return {
+		height: `${e}px`,
+		transform: `translate3d(0, ${t}px, 0)`
+	};
+}
+//#endregion
+//#region src/components/viewer-core/useEdgeBoundary.ts
+var Rn = 250, zn = 1e3;
+function Bn(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();
+	});
+	function l() {
+		let r = t.value;
+		if (t.value = e.isAtBoundary(), !t.value) {
+			!a.value && !o.value && (n.value = !0);
+			return;
+		}
+		!r && n.value && m();
+	}
+	function u(t) {
+		if (!x(t) || !e.isAtBoundary()) return;
+		let n = Date.now();
+		n < s || (s = n + Rn, m());
+	}
+	function d() {
+		if (!g()) return;
+		let t = e.requestPage.value;
+		if (typeof t != "function") return;
+		i.value = r.value, n.value = !1, a.value = !0, o.value = !0;
+		let s;
+		try {
+			s = t();
+		} catch {
+			_();
+			return;
+		}
+		Promise.resolve(s).catch(() => {}).finally(() => {
+			!e.loading.value && o.value && _();
+		});
+	}
+	function f(e) {
+		!e && o.value && _();
+	}
+	function p(t) {
+		!o.value || t <= 0 || (o.value = !1, v(e.getAnimationLockMs(t)));
+	}
+	function m() {
+		h() && (r.value += 1);
+	}
+	function h() {
+		return e.hasPage.value && !e.loading.value && !a.value && typeof e.requestPage.value == "function";
+	}
+	function g() {
+		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);
+	}
+	function v(e) {
+		y(), a.value = !0, c = setTimeout(() => {
+			c = null, a.value = !1;
+		}, Math.max(0, e));
+	}
+	function y() {
+		c &&= (clearTimeout(c), null);
+	}
+	function x(t) {
+		return e.direction === "top" ? t.deltaY < 0 : t.deltaY > 0;
+	}
+	return {
+		maybeRequestPage: d,
+		onItemsMutated: p,
+		onLoadingChange: f,
+		onWheel: u,
+		syncBoundary: l
+	};
+}
+//#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({
+		itemCount: e.items.value.length,
+		viewportHeight: r.value,
+		scrollTop: n.value,
+		overscanPx: Gn,
+		bucketPx: Vn,
+		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(() => {
+		if (!E.value) return 0;
+		let e = r.value / y.value * w.value;
+		return Math.min(w.value, Math.max(Xn, e));
+	}), O = i(() => {
+		if (!E.value) return Yn;
+		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({
+		items: e.items,
+		visibleIndices: _,
+		positions: o,
+		heights: s,
+		indexById: u,
+		columnWidth: m,
+		scrollTop: n,
+		viewportHeight: r
+	}), A = Bn({
+		direction: "top",
+		getAnimationLockMs(e) {
+			return Math.max(Zn, kn(e)) + Qn;
+		},
+		hasPage: e.hasPreviousPage,
+		isAtBoundary() {
+			return n.value <= Hn + Un;
+		},
+		loading: e.loading,
+		requestPage: e.requestPreviousPage
+	}), j = Bn({
+		direction: "bottom",
+		getAnimationLockMs(e) {
+			return kn(e) + Qn;
+		},
+		hasPage: e.hasNextPage,
+		isAtBoundary() {
+			return Y() <= Kn;
+		},
+		loading: e.loading,
+		requestPage: e.requestNextPage
+	}), M = null, N = 0, F = null, I = !1;
+	P([
+		() => e.items.value.map((e) => $(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();
+	}, { 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());
+	}, { 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);
+	}), b(() => {
+		M?.disconnect(), M = null, window.removeEventListener("resize", K), re(), N &&= (cancelAnimationFrame(N), 0);
+	});
+	function L() {
+		let t = yn(e.items.value, {
+			columnCount: p.value,
+			columnWidth: m.value,
+			gapX: Un,
+			gapY: Un,
+			bucketPx: Vn
+		});
+		o.value = t.positions.map((e) => ({
+			x: e.x + Hn,
+			y: e.y + Hn
+		})), 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();
+		})));
+	}
+	function z(t) {
+		e.active.value && (A.onWheel(t), j.onWheel(t), G());
+	}
+	function B(t) {
+		let n = e.items.value[t], r = n ? $(n) : "";
+		return {
+			height: `${s.value[t] ?? m.value}px`,
+			width: `${m.value}px`,
+			transition: r ? k.getCardTransition(r) : void 0,
+			transitionDelay: r ? k.getCardTransitionDelay(r) : void 0,
+			transform: k.getCardTransform(t)
+		};
+	}
+	function V(e, i) {
+		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();
+	}
+	function H(e, r) {
+		let i = t.value, a = r.get(e), s = u.value.get(e), c = s == null ? null : o.value[s];
+		if (!i || !a || !c) return;
+		let l = c.y - a.y;
+		i.scrollTop += l, n.value = i.scrollTop;
+	}
+	function U() {
+		if (!_.value.length || W()) 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];
+			if (!n || !r) continue;
+			let c = n.y + r / 2, l = Math.abs(c - t);
+			l < a && (a = l, i = e);
+		}
+		e.setActiveIndex(i);
+	}
+	function W() {
+		let t = n.value <= Hn + Un, r = Y() <= Kn;
+		return t ? (e.setActiveIndex(0), !0) : r ? (e.setActiveIndex(Math.max(0, e.items.value.length - 1)), !0) : !1;
+	}
+	function G() {
+		A.maybeRequestPage(), j.maybeRequestPage();
+	}
+	function K() {
+		r.value = q(), a.value = J();
+	}
+	function q() {
+		return Pn(t.value, r.value);
+	}
+	function J() {
+		return Fn(t.value, a.value, Wn);
+	}
+	function Y() {
+		return In(t.value, n.value, r.value, y.value);
+	}
+	function ee() {
+		return Ln(D.value, O.value);
+	}
+	function te(e) {
+		return e.length ? yn(e, {
+			columnCount: p.value,
+			columnWidth: m.value,
+			gapX: Un,
+			gapY: Un,
+			bucketPx: Vn
+		}).contentHeight + Hn * 2 : 0;
+	}
+	function ne() {
+		let t = e.commitPendingAppend.value;
+		typeof t == "function" && (F = setTimeout(async () => {
+			F = null, I = !0;
+			try {
+				if (!e.pendingAppendItems.value.length) return;
+				await t(), await g(), await g();
+			} finally {
+				d.value = null, I = !1;
+			}
+		}, Jn));
+	}
+	function re() {
+		F &&= (clearTimeout(F), null);
+	}
+	return {
+		columnWidth: m,
+		containerHeight: y,
+		footerStatusMessage: S,
+		getCardStyle: B,
+		getScrollbarThumbStyle: ee,
+		onScroll: R,
+		onWheel: z,
+		paginationLabel: C,
+		renderedItems: v,
+		resolvedActiveIndex: h,
+		scrollToIndex: V,
+		showScrollbar: E,
+		scrollViewportRef: t
+	};
+}
+function er(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+//#endregion
+//#region src/components/viewer-core/listCardAsset.ts
+function tr(e) {
+	if (e) try {
+		e.removeAttribute("src"), e.src = "";
+	} catch {}
+}
+function nr(e) {
+	if (e) {
+		try {
+			e.currentTime = 0;
+		} catch {}
+		e.pause();
+		try {
+			e.removeAttribute("src"), e.load();
+		} catch {}
+	}
+}
+function rr(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) {
+	if (!e) return null;
+	try {
+		return new URL(e, window.location.href).href;
+	} catch {
+		return 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);
+	return e.type !== "image" && e.type !== "video" ? {
+		kind: "fallback",
+		url: null,
+		width: n.width,
+		height: n.height,
+		label: r
+	} : lr(e, t) ? {
+		kind: "video",
+		url: t,
+		width: n.width,
+		height: n.height,
+		label: r
+	} : cr(e, t) ? {
+		kind: "image",
+		url: t,
+		width: n.width,
+		height: n.height,
+		label: r
+	} : {
+		kind: "fallback",
+		url: null,
+		width: n.width,
+		height: n.height,
+		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);
+}
+function ur(e) {
+	return /^https?:\/\//i.test(e);
+}
+//#endregion
+//#region src/components/viewer-core/useAssetLoadQueue.ts
+var dr = {
+	maxGlobal: 10,
+	maxPerDomain: 4,
+	maxVideoPerDomain: 2
 };
+function fr(e = dr) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 0;
+	function i(e) {
+		let i = {
+			...e,
+			domain: hr(e.url),
+			enqueuedAt: r,
+			id: `vibe-asset-load-${r += 1}`
+		};
+		return n.set(i.id, i), a(), {
+			cancel() {
+				(n.delete(i.id) || t.delete(i.id)) && a();
+			},
+			refresh() {
+				a();
+			},
+			release() {
+				(t.delete(i.id) || n.delete(i.id)) && a();
+			}
+		};
+	}
+	function a() {
+		if (n.size === 0) return;
+		let r = [...n.values()].sort((e, t) => {
+			let n = mr(e) - mr(t);
+			return n === 0 ? e.enqueuedAt - t.enqueuedAt : n;
+		});
+		for (let i of r) {
+			if (t.size >= e.maxGlobal) return;
+			if (o(i)) {
+				n.delete(i.id), t.set(i.id, i);
+				try {
+					i.onGrant();
+				} catch {
+					t.delete(i.id);
+				}
+			}
+		}
+	}
+	function o(n) {
+		let r = [...t.values()].filter((e) => e.domain === n.domain);
+		return !(r.length >= e.maxPerDomain || n.assetType === "video" && r.filter((e) => e.assetType === "video").length >= e.maxVideoPerDomain);
+	}
+	return { request: i };
+}
+var pr = fr();
+function mr(e) {
+	try {
+		let t = e.getPriority();
+		return Number.isFinite(t) ? t : Infinity;
+	} catch {
+		return Infinity;
+	}
+}
+function hr(e) {
+	try {
+		return new URL(e).hostname || "local";
+	} catch {
+		return "local";
+	}
+}
+//#endregion
+//#region src/components/ListCard.vue?vue&type=script&setup=true&lang.ts
+var gr = ["aria-label"], _r = {
+	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 = {
+	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({
+	__name: "ListCard",
+	props: {
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		index: { default: 0 },
+		item: {},
+		reportAssetError: {
+			type: [Function, null],
+			default: null
+		},
+		reportAssetLoad: {
+			type: [Function, null],
+			default: null
+		},
+		surfaceActive: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	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();
+		P([E, () => l.value.kind], () => {
+			let e = l.value.kind === "fallback";
+			m.value = e, h.value = null, e && (w.value = !0);
+		}), P(A, () => {
+			K();
+		}), P([
+			d,
+			m,
+			E
+		], () => {
+			q();
+		}), P(() => n.surfaceActive, (e) => {
+			if (!e) {
+				Y(), q();
+				return;
+			}
+			requestAnimationFrame(() => {
+				ee(), K(), q();
+			});
+		}), x(() => {
+			if (!v.value || typeof IntersectionObserver > "u") {
+				y.value = null, d.value = !0, K();
+				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());
+			}, {
+				root: y.value,
+				threshold: [0, 1]
+			}), z.observe(v.value);
+		}), b(() => {
+			J(), z?.disconnect(), z = null;
+		});
+		function H() {
+			Z(g.value) && (m.value = !0, h.value = null, te(E.value ?? n.item.url), Y());
+		}
+		async function U() {
+			if (!Z(g.value)) return;
+			let e = E.value ?? n.item.url;
+			m.value = !1, h.value = "generic";
+			let t = await ht(e);
+			h.value = t, n.reportAssetError?.({
+				item: n.item,
+				occurrenceKey: $(n.item),
+				url: e,
+				kind: t,
+				surface: "grid"
+			}), Y();
+		}
+		function W() {
+			Z(C.value) && (m.value = !0, h.value = null, te(E.value ?? n.item.url), Y(), q());
+		}
+		function G() {
+			Z(C.value) && (m.value = !1);
+		}
+		function K() {
+			if (l.value.kind === "fallback") {
+				J(!1);
+				return;
+			}
+			if (!n.surfaceActive) {
+				Y();
+				return;
+			}
+			if (!A.value) {
+				J();
+				return;
+			}
+			if (w.value || B) {
+				B?.refresh();
+				return;
+			}
+			B = pr.request({
+				assetType: l.value.kind,
+				getPriority: X,
+				onGrant() {
+					w.value = !0, m.value = !1, h.value = null;
+				},
+				url: l.value.url ?? n.item.url
+			});
+		}
+		function q() {
+			let e = C.value;
+			if (!(!e || l.value.kind !== "video")) {
+				if (h.value) {
+					e.pause();
+					return;
+				}
+				if (E.value && d.value && m.value) {
+					e.muted = !0, e.loop = !0, e.playsInline = !0, vt(e);
+					return;
+				}
+				try {
+					e.currentTime = 0;
+				} catch {}
+				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 Y() {
+			B?.release(), B = null;
+		}
+		function ee(e) {
+			let t = v.value;
+			if (!t) {
+				d.value = !0;
+				return;
+			}
+			d.value = rr(e?.boundingClientRect ?? t.getBoundingClientRect(), e?.rootBounds ?? y.value?.getBoundingClientRect() ?? null);
+		}
+		function te(e) {
+			if (!e) return;
+			let t = $(n.item), r = `${t}|${e}`;
+			V.has(r) || (V.add(r), n.reportAssetLoad?.({
+				item: n.item,
+				occurrenceKey: t,
+				surface: "grid",
+				url: e
+			}));
+		}
+		function ne() {
+			if (!I.value) return;
+			let e = $(n.item);
+			V.forEach((t) => {
+				t.startsWith(`${e}|`) && V.delete(t);
+			}), h.value = null, m.value = !1, w.value = !1, Y(), K();
+		}
+		function ie() {
+			tr(g.value);
+		}
+		function ae() {
+			nr(C.value);
+		}
+		function X() {
+			let e = v.value;
+			if (!e) return Infinity;
+			let t = e.getBoundingClientRect();
+			if (y.value) {
+				let e = y.value.getBoundingClientRect(), n = e.top + e.height / 2;
+				return Math.abs((t.top + t.bottom) / 2 - n);
+			}
+			let n = window.innerHeight / 2;
+			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;
+		}
+		function se() {
+			r("open");
+		}
+		function ce() {
+			f.value = !0;
+		}
+		function Q(e) {
+			let t = e.relatedTarget;
+			v.value && t instanceof Node && v.value.contains(t) || (f.value = !1);
+		}
+		return (e, t) => (S(), s("div", {
+			ref_key: "rootRef",
+			ref: v,
+			"data-testid": "vibe-list-card-inner",
+			class: _(["group relative h-full w-full overflow-hidden border bg-[#0a0b0f] text-[#f7f1ea] transition-[border-color,transform] duration-300", n.active ? "border-white/28" : "border-white/12 hover:border-white/24"]),
+			onFocusin: ce,
+			onFocusout: Q,
+			onPointerenter: t[0] ||= (e) => p.value = !0,
+			onPointerleave: t[1] ||= (e) => p.value = !1
+		}, [
+			c("button", {
+				type: "button",
+				"data-testid": "vibe-list-card-open",
+				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), {
+				class: "h-5 w-5 animate-spin stroke-[1.9] text-[#f7f1ea]/78",
+				"aria-hidden": "true"
+			})])])) : o("", !0),
+			M.value && E.value && !F.value ? (S(), s("img", {
+				key: 1,
+				ref_key: "imageRef",
+				ref: g,
+				src: E.value,
+				alt: l.value.label,
+				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", {
+				key: 2,
+				ref_key: "videoRef",
+				ref: C,
+				src: E.value,
+				muted: "",
+				loop: "",
+				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", {
+				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, [
+				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),
+				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", {
+				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", {
+				active: n.active,
+				focused: f.value,
+				hovered: p.value,
+				index: n.index,
+				item: n.item,
+				openFullscreen: se
+			})])
+		], 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 = {
+	"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 = {
+	key: 0,
+	class: "whitespace-nowrap border-l border-white/12 pl-2 text-[#f7f1ea]/56 min-[721px]:pl-3"
+}, Nr = [
+	"data-active",
+	"data-index",
+	"data-item-id",
+	"data-occurrence-key"
+], Pr = {
+	key: 0,
+	class: "pointer-events-none absolute inset-y-0 right-0 z-[3] hidden w-8 min-[1024px]:block"
+}, Fr = {
+	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 = {
+	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({
+	__name: "ListSurface",
+	props: {
+		active: {
+			type: Boolean,
+			default: !0
+		},
+		activeIndex: { default: 0 },
+		commitPendingAppend: {
+			type: [Function, null],
+			default: null
+		},
+		hasNextPage: {
+			type: Boolean,
+			default: !1
+		},
+		hasPreviousPage: {
+			type: Boolean,
+			default: !1
+		},
+		items: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		pendingAppendItems: { default: () => [] },
+		paginationDetail: { default: null },
+		reportAssetError: {
+			type: [Function, null],
+			default: null
+		},
+		reportAssetLoad: {
+			type: [Function, null],
+			default: null
+		},
+		requestNextPage: {
+			type: [Function, null],
+			default: null
+		},
+		requestPreviousPage: {
+			type: [Function, null],
+			default: null
+		},
+		restoreToken: {}
+	},
+	emits: ["open-fullscreen", "update:activeIndex"],
+	setup(e, { emit: n }) {
+		let r = e, a = M(), d = n, f = $n({
+			active: A(r, "active"),
+			items: A(r, "items"),
+			activeIndex: A(r, "activeIndex"),
+			loading: A(r, "loading"),
+			hasNextPage: A(r, "hasNextPage"),
+			hasPreviousPage: A(r, "hasPreviousPage"),
+			paginationDetail: A(r, "paginationDetail"),
+			pendingAppendItems: A(r, "pendingAppendItems"),
+			commitPendingAppend: A(r, "commitPendingAppend"),
+			requestNextPage: A(r, "requestNextPage"),
+			requestPreviousPage: A(r, "requestPreviousPage"),
+			restoreToken: A(r, "restoreToken"),
+			setActiveIndex(e) {
+				d("update:activeIndex", e);
+			}
+		}), p = i(() => f.footerStatusMessage.value ? {
+			activeIndex: f.resolvedActiveIndex.value,
+			kind: r.loading ? "loading-more" : "end",
+			loading: r.loading,
+			message: f.footerStatusMessage.value,
+			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)])]),
+			c("div", {
+				ref: j(f).scrollViewportRef,
+				"data-testid": "vibe-list-scroll",
+				class: "h-full min-h-0 overflow-y-auto overflow-x-hidden [overflow-anchor:none] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+				onScroll: n[0] ||= (...e) => j(f).onScroll && j(f).onScroll(...e),
+				onWheel: n[1] ||= (...e) => j(f).onWheel && j(f).onWheel(...e)
+			}, [c("div", {
+				"data-testid": "vibe-list-content",
+				class: "relative",
+				style: y({ height: `${j(f).containerHeight.value}px` })
+			}, [(S(!0), s(t, null, E(j(f).renderedItems.value, ({ item: t, index: n }) => (S(), s("article", {
+				key: j($)(t),
+				"data-testid": "vibe-list-card",
+				"data-active": n === j(f).resolvedActiveIndex.value ? "true" : "false",
+				"data-index": n,
+				"data-item-id": t.id,
+				"data-occurrence-key": j($)(t),
+				class: "absolute will-change-transform",
+				style: y(j(f).getCardStyle(n))
+			}, [u(Dr, {
+				active: n === j(f).resolvedActiveIndex.value,
+				index: n,
+				item: t,
+				"report-asset-error": r.reportAssetError,
+				"report-asset-load": r.reportAssetLoad,
+				"surface-active": r.active,
+				onOpen: (e) => d("open-fullscreen", n)
+			}, l({ _: 2 }, [a["grid-item-overlay"] ? {
+				name: "grid-item-overlay",
+				fn: I((t) => [D(e.$slots, "grid-item-overlay", h({ ref_for: !0 }, t))]),
+				key: "0"
+			} : void 0, a["item-icon"] ? {
+				name: "item-icon",
+				fn: I((t) => [D(e.$slots, "item-icon", h({ ref_for: !0 }, t))]),
+				key: "1"
+			} : void 0]), 1032, [
+				"active",
+				"index",
+				"item",
+				"report-asset-error",
+				"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", {
+				"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),
+			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)
+		]));
+	}
+}), zr = ["data-surface-mode"], Br = {
+	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 = {
+	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({
+	name: "VibeLayout",
+	__name: "Layout",
+	props: {
+		items: {},
+		activeIndex: {},
+		fillDelayMs: {},
+		fillDelayStepMs: {},
+		initialState: {},
+		loading: { type: Boolean },
+		hasNextPage: { type: Boolean },
+		mode: {},
+		resolve: { type: Function },
+		initialCursor: {},
+		pageSize: {},
+		hasPreviousPage: { type: Boolean },
+		paginationDetail: {},
+		requestNextPage: { type: [Function, null] },
+		requestPreviousPage: { type: [Function, null] }
+	},
+	emits: [
+		"asset-errors",
+		"asset-loads",
+		"update:activeIndex"
+	],
+	setup(e, { expose: n, emit: i }) {
+		let d = e, p = M(), m = i, h = Be(d, m), g = X((e) => {
+			m("asset-errors", e);
+		}), _ = Z((e) => {
+			m("asset-loads", e);
+		});
+		return b(() => {
+			g.stop(), _.stop();
+		}), n({
+			cancel: h.cancel,
+			clearRemoved: h.clearRemoved,
+			getRemovedIds: h.getRemovedIds,
+			loadNext: h.loadNext,
+			loadPrevious: h.loadPrevious,
+			remove: h.remove,
+			restore: h.restore,
+			retry: h.retry,
+			status: h.status,
+			undo: h.undo
+		}), (e, n) => (S(), s("section", {
+			"data-testid": "vibe",
+			"data-surface-mode": j(h).surfaceMode.value,
+			class: "relative h-full min-h-0 overflow-hidden bg-[#05060a] text-[#f7f1ea]"
+		}, [j(h).canRetryInitialLoad.value ? (S(), s("button", {
+			key: 0,
+			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), {
+			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 }, [
+			n[2] ||= c("p", { class: "m-0 text-[0.78rem] font-bold uppercase tracking-[0.28em] text-[#f7f1ea]/68" }, " Viewer ready ", -1),
+			n[3] ||= c("h2", { class: "m-0 text-[clamp(2rem,4.4vw,3.6rem)] leading-[0.95] tracking-[-0.05em]" }, " No items available ", -1),
+			n[4] ||= c("p", { class: "m-0 text-[clamp(0.98rem,1.3vw,1.12rem)] leading-[1.8] text-[#f7f1ea]/70" }, " Attach items to VibeLayout to turn this screen into the viewer. ", -1)
+		], 64))])) : j(h).isDesktop.value ? (S(), s(t, { key: 3 }, [u(r, {
+			appear: "",
+			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
+			"enter-from-class": "translate-y-3 opacity-0",
+			"enter-to-class": "translate-y-0 opacity-100",
+			"leave-active-class": "transition-[opacity,transform] duration-300 ease-out",
+			"leave-from-class": "translate-y-0 opacity-100",
+			"leave-to-class": "translate-y-3 opacity-0"
+		}, {
+			default: I(() => [L(c("div", {
+				"data-testid": "vibe-list-surface",
+				"data-visible": j(h).surfaceMode.value === "list" ? "true" : "false",
+				inert: j(h).surfaceMode.value !== "list",
+				class: "absolute inset-0 z-[2]"
+			}, [u(Rr, {
+				active: j(h).surfaceMode.value === "list",
+				items: j(h).items.value,
+				"active-index": j(h).activeIndex.value,
+				loading: j(h).loading.value,
+				"has-next-page": j(h).hasNextPage.value,
+				"has-previous-page": j(h).hasPreviousPage.value,
+				"pending-append-items": j(h).pendingAppendItems.value,
+				"commit-pending-append": j(h).commitPendingAppend,
+				"pagination-detail": j(h).paginationDetail.value,
+				"report-asset-error": j(g).report,
+				"report-asset-load": j(_).report,
+				"request-next-page": j(h).prefetchNextPage,
+				"request-previous-page": j(h).prefetchPreviousPage,
+				"restore-token": j(h).listRestoreToken.value,
+				onOpenFullscreen: j(h).openFullscreen,
+				"onUpdate:activeIndex": j(h).setActiveIndex
+			}, l({ _: 2 }, [
+				p["grid-footer"] ? {
+					name: "grid-footer",
+					fn: I(() => [D(e.$slots, "grid-footer")]),
+					key: "0"
+				} : void 0,
+				p["grid-item-overlay"] ? {
+					name: "grid-item-overlay",
+					fn: I((t) => [D(e.$slots, "grid-item-overlay", v(f(t)))]),
+					key: "1"
+				} : void 0,
+				p["grid-status"] ? {
+					name: "grid-status",
+					fn: I((t) => [D(e.$slots, "grid-status", v(f(t)))]),
+					key: "2"
+				} : void 0,
+				p["item-icon"] ? {
+					name: "item-icon",
+					fn: I((t) => [D(e.$slots, "item-icon", v(f(t)))]),
+					key: "3"
+				} : void 0
+			]), 1032, [
+				"active",
+				"items",
+				"active-index",
+				"loading",
+				"has-next-page",
+				"has-previous-page",
+				"pending-append-items",
+				"commit-pending-append",
+				"pagination-detail",
+				"report-asset-error",
+				"report-asset-load",
+				"request-next-page",
+				"request-previous-page",
+				"restore-token",
+				"onOpenFullscreen",
+				"onUpdate:activeIndex"
+			])], 8, Hr), [[N, j(h).surfaceMode.value === "list"]])]),
+			_: 3
+		}), u(r, {
+			appear: "",
+			"enter-active-class": "transition-[opacity,transform] duration-300 ease-out",
+			"enter-from-class": "-translate-y-3 opacity-0",
+			"enter-to-class": "translate-y-0 opacity-100",
+			"leave-active-class": "transition-[opacity,transform] duration-300 ease-out",
+			"leave-from-class": "translate-y-0 opacity-100",
+			"leave-to-class": "-translate-y-3 opacity-0"
+		}, {
+			default: I(() => [L(c("div", {
+				"data-testid": "vibe-fullscreen-surface",
+				"data-visible": j(h).surfaceMode.value === "fullscreen" ? "true" : "false",
+				inert: j(h).surfaceMode.value !== "fullscreen",
+				class: "absolute inset-0 z-[3]"
+			}, [u(fn, {
+				items: j(h).items.value,
+				active: j(h).surfaceMode.value === "fullscreen",
+				"active-index": j(h).activeIndex.value,
+				loading: j(h).loading.value,
+				"has-next-page": j(h).hasNextPage.value,
+				"pagination-detail": j(h).paginationDetail.value,
+				"report-asset-error": j(g).report,
+				"report-asset-load": j(_).report,
+				"show-back-to-list": j(h).showBackToList.value,
+				onBackToList: j(h).returnToList,
+				"onUpdate:activeIndex": j(h).setActiveIndex
+			}, l({ _: 2 }, [
+				p["fullscreen-overlay"] ? {
+					name: "fullscreen-overlay",
+					fn: I((t) => [D(e.$slots, "fullscreen-overlay", v(f(t)))]),
+					key: "0"
+				} : void 0,
+				p["fullscreen-aside"] ? {
+					name: "fullscreen-aside",
+					fn: I((t) => [D(e.$slots, "fullscreen-aside", v(f(t)))]),
+					key: "1"
+				} : void 0,
+				p["fullscreen-header-actions"] ? {
+					name: "fullscreen-header-actions",
+					fn: I((t) => [D(e.$slots, "fullscreen-header-actions", v(f(t)))]),
+					key: "2"
+				} : void 0,
+				p["fullscreen-status"] ? {
+					name: "fullscreen-status",
+					fn: I((t) => [D(e.$slots, "fullscreen-status", v(f(t)))]),
+					key: "3"
+				} : void 0,
+				p["item-icon"] ? {
+					name: "item-icon",
+					fn: I((t) => [D(e.$slots, "item-icon", v(f(t)))]),
+					key: "4"
+				} : void 0
+			]), 1032, [
+				"items",
+				"active",
+				"active-index",
+				"loading",
+				"has-next-page",
+				"pagination-detail",
+				"report-asset-error",
+				"report-asset-load",
+				"show-back-to-list",
+				"onBackToList",
+				"onUpdate:activeIndex"
+			])], 8, Ur), [[N, j(h).surfaceMode.value === "fullscreen"]])]),
+			_: 3
+		})], 64)) : (S(), a(fn, {
+			key: 4,
+			items: j(h).items.value,
+			active: !0,
+			"active-index": j(h).activeIndex.value,
+			loading: j(h).loading.value,
+			"has-next-page": j(h).hasNextPage.value,
+			"pagination-detail": j(h).paginationDetail.value,
+			"report-asset-error": j(g).report,
+			"report-asset-load": j(_).report,
+			"show-back-to-list": !1,
+			onBackToList: j(h).returnToList,
+			"onUpdate:activeIndex": j(h).setActiveIndex
+		}, l({ _: 2 }, [
+			p["fullscreen-overlay"] ? {
+				name: "fullscreen-overlay",
+				fn: I((t) => [D(e.$slots, "fullscreen-overlay", v(f(t)))]),
+				key: "0"
+			} : void 0,
+			p["fullscreen-aside"] ? {
+				name: "fullscreen-aside",
+				fn: I((t) => [D(e.$slots, "fullscreen-aside", v(f(t)))]),
+				key: "1"
+			} : void 0,
+			p["fullscreen-header-actions"] ? {
+				name: "fullscreen-header-actions",
+				fn: I((t) => [D(e.$slots, "fullscreen-header-actions", v(f(t)))]),
+				key: "2"
+			} : void 0,
+			p["fullscreen-status"] ? {
+				name: "fullscreen-status",
+				fn: I((t) => [D(e.$slots, "fullscreen-status", v(f(t)))]),
+				key: "3"
+			} : void 0,
+			p["item-icon"] ? {
+				name: "item-icon",
+				fn: I((t) => [D(e.$slots, "item-icon", v(f(t)))]),
+				key: "4"
+			} : void 0
+		]), 1032, [
+			"items",
+			"active-index",
+			"loading",
+			"has-next-page",
+			"pagination-detail",
+			"report-asset-error",
+			"report-asset-load",
+			"onBackToList",
+			"onUpdate:activeIndex"
+		]))], 8, zr));
+	}
+}), Gr = { install(e) {
+	e.component("VibeLayout", Wr);
+} };
+//#endregion
+export { Wr as VibeLayout, Gr as VibePlugin, Gr as default };