@wyxos/vibe 2.0.2 → 2.0.3

package/lib/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as ut, mergeDefaults as ct, useAttrs as ft, useSlots as dt, computed as B, ref as g, shallowRef as vt, watch as G, onMounted as ht, onUnmounted as gt, createElementBlock as x, openBlock as k, mergeProps as mt, createElementVNode as T, normalizeStyle as N, toDisplayString as Ve, Fragment as Ye, renderList as De, createCommentVNode as oe, renderSlot as ie, nextTick as Oe } from "vue";
-const pt = {
+import { defineComponent as wt, mergeDefaults as yt, useAttrs as bt, useSlots as xt, computed as B, ref as g, shallowRef as kt, watch as Z, onMounted as Mt, onUnmounted as St, createElementBlock as x, openBlock as k, mergeProps as It, createElementVNode as _, normalizeStyle as z, toDisplayString as Ge, Fragment as Ue, renderList as Ke, createCommentVNode as fe, renderSlot as de, nextTick as Je } from "vue";
+const Bt = {
   mode: "default",
   pageSize: 20,
   backfillRequestDelayMs: 2e3,
@@ -12,34 +12,34 @@ const pt = {
   footerHeight: 0,
   overscanPx: 600
 };
-function yt(n, y) {
-  return !n || n <= 0 || !y || y <= 0 ? 1 : Math.max(1, Math.floor(n / y));
+function Ft(n, w) {
+  return !n || n <= 0 || !w || w <= 0 ? 1 : Math.max(1, Math.floor(n / w));
 }
-function wt(n, y, S, l = 0) {
-  if (!n || n <= 0 || !y || y <= 0) return S;
-  const r = typeof l == "number" && l > 0 ? l : 0, M = Math.max(0, y - 1) * r, w = n - M;
-  return !w || w <= 0 ? S : w / y;
+function Pt(n, w, I, o = 0) {
+  if (!n || n <= 0 || !w || w <= 0) return I;
+  const r = typeof o == "number" && o > 0 ? o : 0, M = Math.max(0, w - 1) * r, y = n - M;
+  return !y || y <= 0 ? I : y / w;
 }
-function bt(n, y) {
-  const S = n?.width, l = n?.height;
-  return typeof S == "number" && typeof l == "number" && S > 0 && l > 0 ? l / S * y : y;
+function Tt(n, w) {
+  const I = n?.width, o = n?.height;
+  return typeof I == "number" && typeof o == "number" && I > 0 && o > 0 ? o / I * w : w;
 }
-function Ue(n) {
+function nt(n) {
   return Number.isFinite(n) && n > 0 ? Math.floor(n) : 1;
 }
-function we(n) {
+function ke(n) {
   return Number.isFinite(n) && n > 0 ? Math.floor(n) : 0;
 }
-function xt(n) {
-  async function y(l) {
-    const r = we(l);
+function _t(n) {
+  async function w(o) {
+    const r = ke(o);
     if (r <= 0) return;
     n.stats.value = {
       ...n.stats.value,
       cooldownMsTotal: r,
       cooldownMsRemaining: r
     };
-    const M = Date.now(), w = 100;
+    const M = Date.now(), y = 100;
     await new Promise((m) => {
       const h = setInterval(() => {
         const p = Date.now() - M, b = Math.max(0, r - p);
@@ -48,11 +48,11 @@ function xt(n) {
           cooldownMsTotal: r,
           cooldownMsRemaining: b
         }, b <= 0 && (clearInterval(h), m());
-      }, w);
+      }, y);
     });
   }
-  async function S(l) {
-    const r = Ue(n.getPageSize()), M = n.isEnabled(), w = we(n.getRequestDelayMs()), m = [];
+  async function I(o) {
+    const r = nt(n.getPageSize()), M = n.isEnabled(), y = ke(n.getRequestDelayMs()), m = [];
     let h = 0;
     n.buffer.value.length && (h = n.buffer.value.length, m.push(...n.buffer.value), n.buffer.value = []), n.stats.value = {
       ...n.stats.value,
@@ -60,7 +60,7 @@ function xt(n) {
       isBackfillActive: !1,
       isRequestInFlight: !1,
       requestPage: null,
-      cooldownMsTotal: w,
+      cooldownMsTotal: y,
       cooldownMsRemaining: 0,
       progress: {
         collected: 0,
@@ -70,31 +70,31 @@ function xt(n) {
       bufferSize: 0
     };
     const p = [];
-    let b = l, A = 0, _ = !1;
+    let b = o, H = 0, A = !1;
     for (; m.length < r && b != null; ) {
-      const z = b;
-      _ && (n.stats.value = {
+      const N = b;
+      A && (n.stats.value = {
         ...n.stats.value,
         enabled: M,
         isBackfillActive: !0,
         isRequestInFlight: !0,
-        requestPage: z,
+        requestPage: N,
         progress: {
           collected: Math.min(m.length, r),
           target: r
         },
-        cooldownMsTotal: w,
+        cooldownMsTotal: y,
         cooldownMsRemaining: 0,
         pageSize: r
       });
-      const I = await n.getContent(z);
-      p.push(z), _ && (n.stats.value = {
+      const S = await n.getContent(N);
+      p.push(N), A && (n.stats.value = {
         ...n.stats.value,
         enabled: M,
         isBackfillActive: !0,
         isRequestInFlight: !1,
         requestPage: null
-      }), A += I.items.length, n.markEnterFromLeft(I.items), m.push(...I.items), b = I.nextPage, !_ && m.length < r && b != null ? (_ = !0, n.stats.value = {
+      }), H += S.items.length, n.markEnterFromLeft(S.items), m.push(...S.items), b = S.nextPage, !A && m.length < r && b != null ? (A = !0, n.stats.value = {
         ...n.stats.value,
         enabled: M,
         isBackfillActive: !0,
@@ -104,10 +104,10 @@ function xt(n) {
           collected: Math.min(m.length, r),
           target: r
         },
-        cooldownMsTotal: w,
+        cooldownMsTotal: y,
         cooldownMsRemaining: 0,
         pageSize: r
-      }) : _ && (n.stats.value = {
+      }) : A && (n.stats.value = {
         ...n.stats.value,
         enabled: M,
         isBackfillActive: !0,
@@ -115,9 +115,9 @@ function xt(n) {
           collected: Math.min(m.length, r),
           target: r
         }
-      }), _ && m.length < r && b != null && await y(w);
+      }), A && m.length < r && b != null && await w(y);
     }
-    const H = m.slice(0, r), F = m.slice(r);
+    const R = m.slice(0, r), F = m.slice(r);
     return n.buffer.value = F, n.stats.value = {
       ...n.stats.value,
       enabled: M,
@@ -128,72 +128,72 @@ function xt(n) {
         collected: 0,
         target: 0
       },
-      cooldownMsTotal: w,
+      cooldownMsTotal: y,
       cooldownMsRemaining: 0,
       pageSize: r,
       bufferSize: F.length,
       lastBatch: {
-        startPage: l,
+        startPage: o,
         pages: p,
         usedFromBuffer: h,
-        fetchedFromNetwork: A,
+        fetchedFromNetwork: H,
         collectedTotal: m.length,
-        emitted: H.length,
+        emitted: R.length,
         carried: F.length
       },
       totals: {
         pagesFetched: n.stats.value.totals.pagesFetched + p.length,
-        itemsFetchedFromNetwork: n.stats.value.totals.itemsFetchedFromNetwork + A
+        itemsFetchedFromNetwork: n.stats.value.totals.itemsFetchedFromNetwork + H
       }
-    }, { batchItems: H, pages: p, nextPage: b };
+    }, { batchItems: R, pages: p, nextPage: b };
   }
-  return { loadBackfillBatch: S };
+  return { loadBackfillBatch: I };
 }
-function kt(n) {
-  const y = n.columnCount, S = n.columnWidth, l = n.gapX, r = n.gapY, M = n.headerHeight, w = n.footerHeight, m = n.bucketPx, h = Array.from({ length: y }, () => 0), p = new Array(n.items.length), b = new Array(n.items.length), A = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
-  let H = 0;
+function At(n) {
+  const w = n.columnCount, I = n.columnWidth, o = n.gapX, r = n.gapY, M = n.headerHeight, y = n.footerHeight, m = n.bucketPx, h = Array.from({ length: w }, () => 0), p = new Array(n.items.length), b = new Array(n.items.length), H = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
+  let R = 0;
   for (let F = 0; F < n.items.length; F += 1) {
-    const z = n.items[F];
-    z?.id && _.set(z.id, F);
-    let I = 0;
+    const N = n.items[F];
+    N?.id && A.set(N.id, F);
+    let S = 0;
     for (let P = 1; P < h.length; P += 1)
-      h[P] < h[I] && (I = P);
-    const q = I * (S + l), E = h[I], L = bt(z, S) + M + w;
-    p[F] = { x: q, y: E }, b[F] = L, h[I] = E + L + r, H = Math.max(H, E + L);
-    const te = Math.floor(E / m), ne = Math.floor((E + L) / m);
-    for (let P = te; P <= ne; P += 1) {
-      const $ = A.get(P);
-      $ ? $.push(F) : A.set(P, [F]);
+      h[P] < h[S] && (S = P);
+    const q = S * (I + o), L = h[S], V = Tt(N, I) + M + y;
+    p[F] = { x: q, y: L }, b[F] = V, h[S] = L + V + r, R = Math.max(R, L + V);
+    const le = Math.floor(L / m), se = Math.floor((L + V) / m);
+    for (let P = le; P <= se; P += 1) {
+      const W = H.get(P);
+      W ? W.push(F) : H.set(P, [F]);
     }
   }
-  return { positions: p, heights: b, buckets: A, contentHeight: H, indexById: _ };
+  return { positions: p, heights: b, buckets: H, contentHeight: R, indexById: A };
 }
-function Mt(n) {
-  const y = n.itemCount;
-  if (!y) return [];
-  if (n.viewportHeight <= 0) return Array.from({ length: y }, (h, p) => p);
-  const S = Math.max(0, n.scrollTop - n.overscanPx), l = n.scrollTop + n.viewportHeight + n.overscanPx, r = Math.floor(S / n.bucketPx), M = Math.floor(l / n.bucketPx), w = /* @__PURE__ */ new Set();
+function Rt(n) {
+  const w = n.itemCount;
+  if (!w) return [];
+  if (n.viewportHeight <= 0) return Array.from({ length: w }, (h, p) => p);
+  const I = Math.max(0, n.scrollTop - n.overscanPx), o = n.scrollTop + n.viewportHeight + n.overscanPx, r = Math.floor(I / n.bucketPx), M = Math.floor(o / n.bucketPx), y = /* @__PURE__ */ new Set();
   for (let h = r; h <= M; h += 1) {
     const p = n.buckets.get(h);
     if (p)
-      for (const b of p) w.add(b);
+      for (const b of p) y.add(b);
   }
-  const m = Array.from(w);
+  const m = Array.from(y);
   return m.sort((h, p) => h - p), m;
 }
-const It = {
+const Et = {
   key: 0,
   class: "flex h-full items-center justify-center"
-}, St = {
+}, Ht = {
   key: 1,
   class: "text-sm font-medium text-red-700"
-}, Bt = ["src", "width", "height", "alt"], Ft = ["poster"], Pt = ["src"], Tt = ["src", "width", "height", "alt"], _t = ["poster"], Ht = ["src"], Rt = { class: "mt-4 pb-2 text-center text-xs text-slate-600" }, At = {
+}, Ct = ["src", "width", "height", "alt"], Nt = ["poster"], zt = ["src"], qt = ["src", "width", "height", "alt"], Lt = ["poster"], Yt = ["src"], Dt = { class: "mt-4 pb-2 text-center text-xs text-slate-600" }, Vt = {
   key: 0,
   class: "inline-flex items-center justify-center gap-2"
-}, Ct = { key: 1 }, zt = { key: 2 }, Nt = 200, Xe = 600, $e = 300, je = 600, We = 600, qt = /* @__PURE__ */ ut({
+}, Ot = { key: 1 }, $t = { key: 2 }, Xt = 200, Qe = 600, Ze = 300, et = 600, tt = 600, jt = 5, Wt = 1e3, Gt = /* @__PURE__ */ wt({
   inheritAttrs: !1,
   __name: "Masonry",
-  props: /* @__PURE__ */ ct({
+  props: /* @__PURE__ */ yt({
     getContent: {},
     mode: {},
     pageSize: {},
@@ -207,187 +207,226 @@ const It = {
     headerHeight: {},
     footerHeight: {},
     overscanPx: {}
-  }, pt),
+  }, Bt),
   emits: ["update:items"],
-  setup(n, { expose: y, emit: S }) {
-    const l = n, r = S, M = ft(), w = dt(), m = B(() => {
+  setup(n, { expose: w, emit: I }) {
+    const o = n, r = I, M = bt(), y = xt(), m = B(() => {
       const { class: e, ...a } = M;
       return a;
-    }), h = g(null), p = g(0), b = g(0), A = g(0);
-    let _;
-    const H = B(() => l.gapX), F = B(() => l.gapY);
-    function z(e) {
+    }), h = g(null), p = g(0), b = g(0), H = g(0);
+    let A;
+    const R = B(() => o.gapX), F = B(() => o.gapY);
+    function N(e) {
       if (!e) return 0;
-      const a = Math.max(0, H.value);
+      const a = Math.max(0, R.value);
       return Math.max(0, e.clientWidth - a);
     }
-    const I = B(() => l.headerHeight), q = B(() => l.footerHeight), E = B(() => !!w.itemHeader), L = B(() => !!w.itemFooter), te = B(() => {
-      if (I.value > 0) return { height: `${I.value}px` };
-    }), ne = B(() => {
+    const S = B(() => o.headerHeight), q = B(() => o.footerHeight), L = B(() => !!y.itemHeader), V = B(() => !!y.itemFooter), le = B(() => {
+      if (S.value > 0) return { height: `${S.value}px` };
+    }), se = B(() => {
       if (q.value > 0) return { height: `${q.value}px` };
-    }), P = g([]), $ = g([]), be = g(/* @__PURE__ */ new Map()), xe = g(0), ae = g(/* @__PURE__ */ new Map());
-    function ke(e) {
+    }), P = g([]), W = g([]), Me = g(/* @__PURE__ */ new Map()), Se = g(0), oe = g(/* @__PURE__ */ new Map());
+    function Ie(e) {
       const a = typeof e == "number" && Number.isFinite(e) ? e : 0;
       return -Math.max(0, a);
     }
-    const j = g(/* @__PURE__ */ new Set()), K = g(/* @__PURE__ */ new Set()), re = /* @__PURE__ */ new Set(), ue = g(/* @__PURE__ */ new Map()), V = g(/* @__PURE__ */ new Set()), Y = g([]);
-    function Ge(e) {
-      const a = ue.value.get(e);
+    const O = g(/* @__PURE__ */ new Set()), G = g(/* @__PURE__ */ new Set()), ie = /* @__PURE__ */ new Set(), re = g(/* @__PURE__ */ new Map()), Y = g(/* @__PURE__ */ new Set()), D = g([]);
+    function at(e) {
+      const a = re.value.get(e);
       return a || { dx: 0, dy: 0 };
     }
-    function Ke(e) {
-      if (K.value.has(e)) return `transform ${je}ms ease-out`;
-      if (V.value.has(e)) return `transform ${$e}ms ease-out`;
+    function lt(e) {
+      if (G.value.has(e)) return `transform ${et}ms ease-out`;
+      if (Y.value.has(e)) return `transform ${Ze}ms ease-out`;
     }
-    function Je(e) {
-      const t = o.value[e]?.id, s = P.value[e] ?? { x: 0, y: 0 }, i = $.value[e] ?? 0, v = i > 0 ? i : Z.value, d = s.x, c = t && j.value.has(t) ? ke(v) : s.y, f = t ? Ge(t) : { dx: 0, dy: 0 };
-      return `translate3d(${d + f.dx}px,${c + f.dy}px,0)`;
+    function st(e) {
+      const t = i.value[e]?.id, l = P.value[e] ?? { x: 0, y: 0 }, s = W.value[e] ?? 0, f = s > 0 ? s : ne.value, u = l.x, d = t && O.value.has(t) ? Ie(f) : l.y, v = t ? at(t) : { dx: 0, dy: 0 };
+      return `translate3d(${u + v.dx}px,${d + v.dy}px,0)`;
     }
-    function W(e) {
+    function U(e) {
       (typeof requestAnimationFrame == "function" ? requestAnimationFrame : (t) => setTimeout(() => t(0), 0))(() => e());
     }
-    function Qe(e) {
-      W(() => W(e));
+    function ot(e) {
+      U(() => U(e));
     }
-    function ce(e) {
+    const Be = /* @__PURE__ */ new Set();
+    function Fe(e) {
+      return typeof e == "number" && Number.isFinite(e) && e > 0;
+    }
+    function ve(e) {
       if (!Array.isArray(e) || e.length === 0) return;
-      const a = new Set(j.value);
+      const a = new Set(O.value);
       let t = !1;
-      for (const s of e) {
-        const i = s?.id;
-        i && (a.has(i) || (a.add(i), t = !0));
+      for (const l of e) {
+        const s = l?.id;
+        if (s) {
+          if (!Be.has(s)) {
+            const f = l?.width, u = l?.height;
+            (!Fe(f) || !Fe(u)) && (Be.add(s), console.warn(
+              `[Masonry] Item "${s}" has invalid dimensions (width=${String(f)}, height=${String(
+                u
+              )}); layout expects { id, width, height }.`
+            ));
+          }
+          a.has(s) || (a.add(s), t = !0);
+        }
       }
-      t && (j.value = a);
+      t && (O.value = a);
     }
-    function Me() {
+    function Pe() {
       const e = /* @__PURE__ */ new Map();
-      for (const a of pe.value) {
-        const s = o.value[a]?.id;
-        if (!s) continue;
-        const i = P.value[a];
-        i && e.set(s, { x: i.x, y: i.y });
+      for (const a of be.value) {
+        const l = i.value[a]?.id;
+        if (!l) continue;
+        const s = P.value[a];
+        s && e.set(l, { x: s.x, y: s.y });
       }
       return e;
     }
-    function Ie(e, a) {
+    function Te(e, a) {
       if (!e.size) return;
-      const t = /* @__PURE__ */ new Map(), s = [];
-      for (const [v, d] of e.entries()) {
-        if (a?.has(v)) continue;
-        const c = ae.value.get(v);
-        if (c == null) continue;
-        const f = P.value[c];
-        if (!f) continue;
-        const u = d.x - f.x, R = d.y - f.y;
-        (u || R) && (t.set(v, { dx: u, dy: R }), s.push(v));
+      const t = /* @__PURE__ */ new Map(), l = [];
+      for (const [f, u] of e.entries()) {
+        if (a?.has(f)) continue;
+        const d = oe.value.get(f);
+        if (d == null) continue;
+        const v = P.value[d];
+        if (!v) continue;
+        const c = u.x - v.x, E = u.y - v.y;
+        (c || E) && (t.set(f, { dx: c, dy: E }), l.push(f));
       }
       if (!t.size) return;
-      ue.value = t;
-      const i = new Set(V.value);
-      for (const v of s) i.delete(v);
-      V.value = i, W(() => {
-        V.value = /* @__PURE__ */ new Set([...V.value, ...s]), W(() => {
-          ue.value = /* @__PURE__ */ new Map();
+      re.value = t;
+      const s = new Set(Y.value);
+      for (const f of l) s.delete(f);
+      Y.value = s, U(() => {
+        Y.value = /* @__PURE__ */ new Set([...Y.value, ...l]), U(() => {
+          re.value = /* @__PURE__ */ new Map();
         });
       }), setTimeout(() => {
-        const v = new Set(V.value);
-        for (const d of s) v.delete(d);
-        V.value = v;
-      }, $e);
-    }
-    const se = g(!0), J = g(!1), U = g(""), D = g([]), Se = g([]), fe = g([]), C = g(l.page), de = g([]);
-    let ve = 0;
-    function Q(e) {
+        const f = new Set(Y.value);
+        for (const u of l) f.delete(u);
+        Y.value = f;
+      }, Ze);
+    }
+    const ue = g(!0), ee = g(!1), K = g("");
+    let T = 0;
+    function _e(e) {
+      return e instanceof Error && e.name === "AbortError";
+    }
+    function Ae() {
+      const e = new Error("aborted");
+      return e.name = "AbortError", e;
+    }
+    function it(e) {
+      return new Promise((a) => setTimeout(a, e));
+    }
+    async function Re(e, a) {
+      let t = 0;
+      for (; ; ) {
+        if (a !== T) throw Ae();
+        try {
+          return await o.getContent(e);
+        } catch (l) {
+          if (a !== T) throw Ae();
+          if (t >= jt) throw l;
+          t += 1, await it(t * Wt);
+        }
+      }
+    }
+    const $ = g([]), Ee = g([]), he = g([]), C = g(o.page), ge = g([]);
+    let J = null, Q = null, me = 0;
+    function te(e) {
       for (const a of e)
-        !a || typeof a != "object" || a.id && a.originalIndex == null && (a.originalIndex = ve, ve += 1);
+        !a || typeof a != "object" || a.id && a.originalIndex == null && (a.originalIndex = me, me += 1);
     }
-    const O = /* @__PURE__ */ new Map(), X = [];
-    function le(e) {
+    const X = /* @__PURE__ */ new Map(), j = [];
+    function ce(e) {
       return typeof e == "number" && Number.isFinite(e);
     }
-    function Ze(e, a) {
+    function rt(e, a) {
       if (!a.length) return e;
       const t = /* @__PURE__ */ new Set();
-      for (const d of e) {
-        const c = d?.id;
-        c && t.add(c);
+      for (const u of e) {
+        const d = u?.id;
+        d && t.add(d);
       }
-      const s = [];
-      for (const d of a) {
-        const c = d?.id;
-        c && (t.has(c) || (s.push(d), t.add(c)));
+      const l = [];
+      for (const u of a) {
+        const d = u?.id;
+        d && (t.has(d) || (l.push(u), t.add(d)));
       }
-      if (!s.length) return e;
-      const i = s.slice().sort((d, c) => {
-        const f = le(d.originalIndex) ? d.originalIndex : Number.POSITIVE_INFINITY, u = le(c.originalIndex) ? c.originalIndex : Number.POSITIVE_INFINITY;
-        return f - u;
-      }), v = e.slice();
-      for (const d of i) {
-        const c = d.originalIndex;
-        if (!le(c)) {
-          v.push(d);
+      if (!l.length) return e;
+      const s = l.slice().sort((u, d) => {
+        const v = ce(u.originalIndex) ? u.originalIndex : Number.POSITIVE_INFINITY, c = ce(d.originalIndex) ? d.originalIndex : Number.POSITIVE_INFINITY;
+        return v - c;
+      }), f = e.slice();
+      for (const u of s) {
+        const d = u.originalIndex;
+        if (!ce(d)) {
+          f.push(u);
           continue;
         }
-        let f = 0, u = v.length;
-        for (; f < u; ) {
-          const R = f + u >> 1, ee = v[R]?.originalIndex;
-          (le(ee) ? ee : Number.POSITIVE_INFINITY) <= c ? f = R + 1 : u = R;
+        let v = 0, c = f.length;
+        for (; v < c; ) {
+          const E = v + c >> 1, ae = f[E]?.originalIndex;
+          (ce(ae) ? ae : Number.POSITIVE_INFINITY) <= d ? v = E + 1 : c = E;
         }
-        v.splice(f, 0, d);
+        f.splice(v, 0, u);
       }
-      return v;
+      return f;
     }
-    async function Be(e) {
+    async function He(e) {
       if (!e.length) return;
-      ce(e);
-      const a = Me();
-      o.value = Ze(o.value, e), await Oe(), Ie(a);
+      ve(e);
+      const a = Pe();
+      i.value = rt(i.value, e), await Je(), Te(a);
     }
-    async function Fe(e) {
-      const t = (Array.isArray(e) ? e : [e]).map(me).filter(Boolean);
+    async function Ce(e) {
+      const t = (Array.isArray(e) ? e : [e]).map(ye).filter(Boolean);
       if (!t.length) return;
-      const s = [];
-      for (const i of t) {
-        const v = O.get(i);
-        v && s.push(v);
+      const l = [];
+      for (const s of t) {
+        const f = X.get(s);
+        f && l.push(f);
       }
-      if (s.length) {
-        await Be(s);
-        for (const i of s)
-          i?.id && O.delete(i.id);
+      if (l.length) {
+        await He(l);
+        for (const s of l)
+          s?.id && X.delete(s.id);
       }
     }
-    async function Pe() {
-      const e = X.pop();
+    async function Ne() {
+      const e = j.pop();
       if (!e?.length) return;
       const a = [];
       for (const t of e) {
-        const s = O.get(t);
-        s && a.push(s);
+        const l = X.get(t);
+        l && a.push(l);
       }
       if (a.length) {
-        await Be(a);
+        await He(a);
         for (const t of a)
-          t?.id && O.delete(t.id);
+          t?.id && X.delete(t.id);
       }
     }
-    async function et(e) {
-      return Fe(e);
+    async function ut(e) {
+      return Ce(e);
     }
-    async function tt() {
-      return Pe();
+    async function ct() {
+      return Ne();
     }
-    function Te(e) {
-      const t = (Array.isArray(e) ? e : [e]).map(me).filter(Boolean);
+    function ze(e) {
+      const t = (Array.isArray(e) ? e : [e]).map(ye).filter(Boolean);
       if (!t.length) return;
-      const s = new Set(t);
-      for (const i of s) O.delete(i);
-      for (let i = X.length - 1; i >= 0; i -= 1) {
-        const d = X[i].filter((c) => !s.has(c));
-        d.length ? X[i] = d : X.splice(i, 1);
+      const l = new Set(t);
+      for (const s of l) X.delete(s);
+      for (let s = j.length - 1; s >= 0; s -= 1) {
+        const u = j[s].filter((d) => !l.has(d));
+        u.length ? j[s] = u : j.splice(s, 1);
       }
     }
-    const he = vt({
+    const pe = kt({
       enabled: !1,
       isBackfillActive: !1,
       isRequestInFlight: !1,
@@ -405,178 +444,187 @@ const It = {
         pagesFetched: 0,
         itemsFetchedFromNetwork: 0
       }
-    }), _e = xt({
-      getContent: (e) => l.getContent(e),
-      markEnterFromLeft: ce,
-      buffer: de,
-      stats: he,
-      isEnabled: () => l.mode === "backfill",
-      getPageSize: () => l.pageSize,
-      getRequestDelayMs: () => l.backfillRequestDelayMs
-    }), ge = B(() => l.items !== void 0);
-    G(
-      () => l.items,
+    }), qe = _t({
+      getContent: (e) => Re(e, T),
+      markEnterFromLeft: ve,
+      buffer: ge,
+      stats: pe,
+      isEnabled: () => o.mode === "backfill",
+      getPageSize: () => o.pageSize,
+      getRequestDelayMs: () => o.backfillRequestDelayMs
+    }), we = B(() => o.items !== void 0);
+    Z(
+      () => o.items,
       (e) => {
-        ge.value && (fe.value = Array.isArray(e) ? e : []);
+        we.value && (he.value = Array.isArray(e) ? e : []);
       },
       { immediate: !0 }
     );
-    const o = B({
+    const i = B({
       get() {
-        return ge.value ? fe.value : Se.value;
+        return we.value ? he.value : Ee.value;
       },
       set(e) {
-        ge.value ? (fe.value = e, r("update:items", e)) : Se.value = e;
+        we.value ? (he.value = e, r("update:items", e)) : Ee.value = e;
       }
     });
-    async function He(e) {
-      const a = await l.getContent(e);
-      return Q(a.items), ce(a.items), { items: a.items, nextPage: a.nextPage };
+    async function Le(e) {
+      const a = await Re(e, T);
+      return te(a.items), ve(a.items), { items: a.items, nextPage: a.nextPage };
     }
-    function me(e) {
+    function ye(e) {
       return e ? typeof e == "string" ? e : e?.id : null;
     }
-    async function Re(e) {
-      const t = (Array.isArray(e) ? e : [e]).map(me).filter(Boolean);
+    async function Ye(e) {
+      const t = (Array.isArray(e) ? e : [e]).map(ye).filter(Boolean);
       if (!t.length) return;
-      const s = new Set(t), i = [];
-      for (const f of s) {
-        const u = ae.value.get(f);
-        if (u == null) continue;
-        const R = o.value[u];
-        R && (O.set(f, R), i.push(f));
+      const l = new Set(t), s = [];
+      for (const v of l) {
+        const c = oe.value.get(v);
+        if (c == null) continue;
+        const E = i.value[c];
+        E && (X.set(v, E), s.push(v));
       }
-      i.length && X.push(i);
-      const v = Me(), d = Z.value, c = [];
-      for (const f of s) {
-        const u = ae.value.get(f);
-        if (u == null) continue;
-        const R = o.value[u];
-        if (!R) continue;
-        const ee = P.value[u] ?? { x: 0, y: 0 }, Le = $.value[u] ?? d;
-        c.push({
-          id: f,
-          item: R,
-          fromX: ee.x,
-          fromY: ee.y,
-          width: d,
-          height: Le,
+      s.length && j.push(s);
+      const f = Pe(), u = ne.value, d = [];
+      for (const v of l) {
+        const c = oe.value.get(v);
+        if (c == null) continue;
+        const E = i.value[c];
+        if (!E) continue;
+        const ae = P.value[c] ?? { x: 0, y: 0 }, We = W.value[c] ?? u;
+        d.push({
+          id: v,
+          item: E,
+          fromX: ae.x,
+          fromY: ae.y,
+          width: u,
+          height: We,
           leaving: !0
         });
       }
-      if (c.length && (Y.value = [...Y.value, ...c]), o.value = o.value.filter((f) => {
-        const u = f?.id;
-        return !u || !s.has(u);
-      }), await Oe(), Ie(v, s), c.length) {
-        const f = new Set(c.map((u) => u.id));
-        W(() => {
-          Y.value = Y.value.map(
-            (u) => f.has(u.id) ? { ...u, leaving: !1 } : u
+      if (d.length && (D.value = [...D.value, ...d]), i.value = i.value.filter((v) => {
+        const c = v?.id;
+        return !c || !l.has(c);
+      }), await Je(), Te(f, l), d.length) {
+        const v = new Set(d.map((c) => c.id));
+        U(() => {
+          D.value = D.value.map(
+            (c) => v.has(c.id) ? { ...c, leaving: !1 } : c
           ), setTimeout(() => {
-            Y.value = Y.value.filter((u) => !f.has(u.id));
-          }, We);
+            D.value = D.value.filter((c) => !v.has(c.id));
+          }, tt);
         });
       }
     }
-    async function Ae(e) {
-      return Re(e);
+    async function De(e) {
+      return Ye(e);
     }
-    y({
-      remove: Re,
-      restore: et,
-      undo: tt,
-      forget: Te,
+    w({
+      remove: Ye,
+      restore: ut,
+      undo: ct,
+      forget: ze,
       // Aliases (kept for now; can be removed if you want strictly short API only).
-      restoreRemoved: Fe,
-      undoLastRemoval: Pe,
-      forgetRemoved: Te,
-      backfillStats: he
+      restoreRemoved: Ce,
+      undoLastRemoval: Ne,
+      forgetRemoved: ze,
+      backfillStats: pe
     });
-    function Ce() {
-      const e = kt({
-        items: o.value,
-        columnCount: ye.value,
-        columnWidth: Z.value,
-        gapX: H.value,
+    function Ve() {
+      const e = At({
+        items: i.value,
+        columnCount: xe.value,
+        columnWidth: ne.value,
+        gapX: R.value,
         gapY: F.value,
-        headerHeight: I.value,
+        headerHeight: S.value,
         footerHeight: q.value,
-        bucketPx: Xe
+        bucketPx: Qe
       });
-      P.value = e.positions, $.value = e.heights, be.value = e.buckets, xe.value = e.contentHeight, ae.value = e.indexById;
+      P.value = e.positions, W.value = e.heights, Me.value = e.buckets, Se.value = e.contentHeight, oe.value = e.indexById;
     }
-    const nt = B(() => Math.max(xe.value, b.value) + Nt), pe = B(() => Mt({
-      itemCount: o.value.length,
+    const ft = B(() => Math.max(Se.value, b.value) + Xt), be = B(() => Rt({
+      itemCount: i.value.length,
       viewportHeight: b.value,
-      scrollTop: A.value,
-      overscanPx: l.overscanPx,
-      bucketPx: Xe,
-      buckets: be.value
+      scrollTop: H.value,
+      overscanPx: o.overscanPx,
+      bucketPx: Qe,
+      buckets: Me.value
     }));
-    G(
-      pe,
+    Z(
+      be,
       (e) => {
         if (!e?.length) return;
         const a = [];
         for (const t of e) {
-          const s = o.value[t]?.id;
-          s && j.value.has(s) && (re.has(s) || (re.add(s), a.push(s)));
+          const l = i.value[t]?.id;
+          l && O.value.has(l) && (ie.has(l) || (ie.add(l), a.push(l)));
         }
-        a.length && (W(() => {
-          const t = new Set(K.value);
-          for (const s of a) t.add(s);
-          K.value = t;
-        }), Qe(() => {
-          const t = new Set(j.value);
-          for (const s of a) t.delete(s);
-          j.value = t, setTimeout(() => {
-            const s = new Set(K.value);
-            for (const i of a)
-              s.delete(i), re.delete(i);
-            K.value = s;
-          }, je);
+        a.length && (U(() => {
+          const t = new Set(G.value);
+          for (const l of a) t.add(l);
+          G.value = t;
+        }), ot(() => {
+          const t = new Set(O.value);
+          for (const l of a) t.delete(l);
+          O.value = t, setTimeout(() => {
+            const l = new Set(G.value);
+            for (const s of a)
+              l.delete(s), ie.delete(s);
+            G.value = l;
+          }, et);
         }));
       },
       { flush: "post" }
     );
-    async function at() {
-      if (!(se.value || J.value) && !(l.mode !== "backfill" && C.value == null) && !(l.mode === "backfill" && C.value == null && de.value.length === 0))
+    async function dt() {
+      if (J) return J;
+      if (ue.value || ee.value || o.mode !== "backfill" && C.value == null || o.mode === "backfill" && C.value == null && ge.value.length === 0)
+        return;
+      const e = T;
+      let a = null;
+      return a = (async () => {
         try {
-          if (J.value = !0, U.value = "", l.mode === "backfill") {
-            const t = await _e.loadBackfillBatch(C.value);
-            t.pages.length && (D.value = [...D.value, ...t.pages]), Q(t.batchItems), o.value = [...o.value, ...t.batchItems], C.value = t.nextPage;
+          if (ee.value = !0, K.value = "", o.mode === "backfill") {
+            const s = await qe.loadBackfillBatch(C.value);
+            if (e !== T) return;
+            s.pages.length && ($.value = [...$.value, ...s.pages]), te(s.batchItems), i.value = [...i.value, ...s.batchItems], C.value = s.nextPage;
             return;
           }
-          const e = C.value;
-          if (e == null) return;
-          const a = await He(e);
-          D.value = [...D.value, e], Q(a.items), o.value = [...o.value, ...a.items], C.value = a.nextPage;
-        } catch (e) {
-          U.value = e instanceof Error ? e.message : String(e);
+          const t = C.value;
+          if (t == null) return;
+          const l = await Le(t);
+          if (e !== T) return;
+          $.value = [...$.value, t], te(l.items), i.value = [...i.value, ...l.items], C.value = l.nextPage;
+        } catch (t) {
+          if (e !== T || _e(t)) return;
+          K.value = t instanceof Error ? t.message : String(t);
         } finally {
-          J.value = !1;
+          e === T && (ee.value = !1), J === a && (J = null);
         }
+      })(), J = a, a;
     }
-    function st() {
+    function vt() {
       const e = h.value;
       if (!e) return;
-      A.value = e.scrollTop, b.value = e.clientHeight, e.scrollHeight - (e.scrollTop + e.clientHeight) <= l.prefetchThresholdPx && at();
+      H.value = e.scrollTop, b.value = e.clientHeight, e.scrollHeight - (e.scrollTop + e.clientHeight) <= o.prefetchThresholdPx && dt();
     }
-    function ze() {
+    function Oe() {
       return h.value;
     }
-    function Ne(e) {
-      p.value = z(e), b.value = e.clientHeight;
+    function $e(e) {
+      p.value = N(e), b.value = e.clientHeight;
     }
-    function lt() {
-      typeof ResizeObserver > "u" || (_ = new ResizeObserver(() => {
-        const e = ze();
-        e && Ne(e);
+    function ht() {
+      typeof ResizeObserver > "u" || (A = new ResizeObserver(() => {
+        const e = Oe();
+        e && $e(e);
       }));
     }
-    function ot() {
+    function gt() {
       return {
-        enabled: l.mode === "backfill",
+        enabled: o.mode === "backfill",
         isBackfillActive: !1,
         isRequestInFlight: !1,
         requestPage: null,
@@ -585,8 +633,8 @@ const It = {
           target: 0
         },
         cooldownMsRemaining: 0,
-        cooldownMsTotal: we(l.backfillRequestDelayMs),
-        pageSize: Ue(l.pageSize),
+        cooldownMsTotal: ke(o.backfillRequestDelayMs),
+        pageSize: nt(o.pageSize),
         bufferSize: 0,
         lastBatch: null,
         totals: {
@@ -595,84 +643,92 @@ const It = {
         }
       };
     }
-    function qe(e) {
-      ve = 0, O.clear(), X.length = 0, D.value = [], o.value = [], C.value = e, de.value = [], he.value = ot(), se.value = !0, J.value = !1, U.value = "";
-    }
-    async function Ee(e) {
-      try {
-        if (l.mode === "backfill") {
-          const a = await _e.loadBackfillBatch(e);
-          D.value = a.pages.length ? a.pages : [e], Q(a.batchItems), o.value = a.batchItems, C.value = a.nextPage;
-        } else {
-          const a = await He(e);
-          D.value = [e], Q(a.items), o.value = a.items, C.value = a.nextPage;
-        }
-      } catch (a) {
-        U.value = a instanceof Error ? a.message : String(a);
-      } finally {
-        se.value = !1;
-      }
-    }
-    function it() {
-      const e = ze();
-      e && (Ne(e), A.value = e.scrollTop, _?.observe(e));
+    function Xe(e) {
+      T += 1, J = null, Q = null, me = 0, X.clear(), j.length = 0, O.value = /* @__PURE__ */ new Set(), G.value = /* @__PURE__ */ new Set(), ie.clear(), re.value = /* @__PURE__ */ new Map(), Y.value = /* @__PURE__ */ new Set(), D.value = [], $.value = [], i.value = [], C.value = e, ge.value = [], pe.value = gt(), ue.value = !0, ee.value = !1, K.value = "";
     }
-    ht(async () => {
-      lt(), it(), qe(l.page), await Ee(l.page);
-    }), gt(() => {
-      _?.disconnect();
-    }), G(
-      () => l.page,
+    async function je(e) {
+      if (Q) return Q;
+      const a = T;
+      let t = null;
+      return t = (async () => {
+        try {
+          if (o.mode === "backfill") {
+            const l = await qe.loadBackfillBatch(e);
+            if (a !== T) return;
+            $.value = l.pages.length ? l.pages : [e], te(l.batchItems), i.value = l.batchItems, C.value = l.nextPage;
+          } else {
+            const l = await Le(e);
+            if (a !== T) return;
+            $.value = [e], te(l.items), i.value = l.items, C.value = l.nextPage;
+          }
+        } catch (l) {
+          if (a !== T || _e(l)) return;
+          K.value = l instanceof Error ? l.message : String(l);
+        } finally {
+          a === T && (ue.value = !1), Q === t && (Q = null);
+        }
+      })(), Q = t, t;
+    }
+    function mt() {
+      const e = Oe();
+      e && ($e(e), H.value = e.scrollTop, A?.observe(e));
+    }
+    Mt(async () => {
+      ht(), mt(), Xe(o.page), await je(o.page);
+    }), St(() => {
+      A?.disconnect();
+    }), Z(
+      () => o.page,
       async (e) => {
-        qe(e), await Ee(e);
+        Xe(e), await je(e);
       }
-    ), G(
-      H,
+    ), Z(
+      R,
       () => {
         const e = h.value;
-        e && (p.value = z(e));
+        e && (p.value = N(e));
       },
       { immediate: !1 }
     );
-    const ye = B(() => yt(p.value, l.itemWidth)), Z = B(
-      () => wt(p.value, ye.value, l.itemWidth, H.value)
+    const xe = B(() => Ft(p.value, o.itemWidth)), ne = B(
+      () => Pt(p.value, xe.value, o.itemWidth, R.value)
     );
-    G(
-      [ye, Z, H, F, I, q],
+    Z(
+      [xe, ne, R, F, S, q],
       () => {
-        Ce();
+        Ve();
       },
       { immediate: !0 }
-    ), G(
+    ), 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.
-      () => [o.value, o.value.length],
-      () => Ce(),
+      () => [i.value, i.value.length],
+      () => Ve(),
       { immediate: !0 }
     );
-    const rt = B(() => [
+    const pt = B(() => [
       "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",
       M.class
     ]);
-    return (e, a) => (k(), x("section", mt(m.value, { class: rt.value }), [
-      T("div", {
+    return (e, a) => (k(), x("section", It(m.value, { class: pt.value }), [
+      _("div", {
         ref_key: "scrollViewportRef",
         ref: h,
         "data-testid": "items-scroll-container",
         class: "mt-4 min-h-0 flex-1 overflow-auto",
-        style: N({ paddingRight: H.value + "px" }),
-        onScroll: st
+        style: z({ paddingRight: R.value + "px" }),
+        onScroll: vt
       }, [
-        se.value ? (k(), x("div", It, a[0] || (a[0] = [
-          T("div", { class: "inline-flex items-center gap-3 text-sm text-slate-600" }, [
-            T("svg", {
+        ue.value ? (k(), x("div", Et, a[0] || (a[0] = [
+          _("div", { class: "inline-flex items-center gap-3 text-sm text-slate-600" }, [
+            _("svg", {
               class: "h-5 w-5 animate-spin text-slate-500",
               viewBox: "0 0 24 24",
               "aria-hidden": "true"
             }, [
-              T("circle", {
+              _("circle", {
                 class: "opacity-25",
                 cx: "12",
                 cy: "12",
@@ -681,102 +737,102 @@ const It = {
                 stroke: "currentColor",
                 "stroke-width": "4"
               }),
-              T("path", {
+              _("path", {
                 class: "opacity-75",
                 fill: "currentColor",
                 d: "M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"
               })
             ]),
-            T("span", null, "Loading…")
+            _("span", null, "Loading…")
           ], -1)
-        ]))) : U.value ? (k(), x("p", St, "Error: " + Ve(U.value), 1)) : (k(), x("div", {
+        ]))) : K.value ? (k(), x("p", Ht, "Error: " + Ge(K.value), 1)) : (k(), x("div", {
           key: 2,
           class: "relative",
-          style: N({ height: nt.value + "px" })
+          style: z({ height: ft.value + "px" })
         }, [
-          (k(!0), x(Ye, null, De(pe.value, (t) => (k(), x("article", {
-            key: o.value[t].id,
+          (k(!0), x(Ue, null, Ke(be.value, (t) => (k(), x("article", {
+            key: i.value[t].id,
             "data-testid": "item-card",
             class: "absolute overflow-hidden rounded-xl border border-slate-200/60 bg-white shadow-sm",
-            style: N({
-              width: Z.value + "px",
-              transition: Ke(o.value[t].id),
-              transform: Je(t)
+            style: z({
+              width: ne.value + "px",
+              transition: lt(i.value[t].id),
+              transform: st(t)
             })
           }, [
-            E.value || I.value > 0 ? (k(), x("div", {
+            L.value || S.value > 0 ? (k(), x("div", {
               key: 0,
               "data-testid": "item-header-container",
               class: "w-full",
-              style: N(te.value)
+              style: z(le.value)
             }, [
-              ie(e.$slots, "itemHeader", {
-                item: o.value[t],
-                remove: () => Ae(o.value[t])
+              de(e.$slots, "itemHeader", {
+                item: i.value[t],
+                remove: () => De(i.value[t])
               })
-            ], 4)) : oe("", !0),
-            T("div", {
+            ], 4)) : fe("", !0),
+            _("div", {
               class: "bg-slate-100",
-              style: N({ aspectRatio: o.value[t].width + " / " + o.value[t].height })
+              style: z({ aspectRatio: i.value[t].width + " / " + i.value[t].height })
             }, [
-              o.value[t].type === "image" ? (k(), x("img", {
+              i.value[t].type === "image" ? (k(), x("img", {
                 key: 0,
                 class: "h-full w-full object-cover",
-                src: o.value[t].preview,
-                width: o.value[t].width,
-                height: o.value[t].height,
+                src: i.value[t].preview,
+                width: i.value[t].width,
+                height: i.value[t].height,
                 loading: "lazy",
-                alt: o.value[t].id
-              }, null, 8, Bt)) : (k(), x("video", {
+                alt: i.value[t].id
+              }, null, 8, Ct)) : (k(), x("video", {
                 key: 1,
                 class: "h-full w-full object-cover",
-                poster: o.value[t].preview,
+                poster: i.value[t].preview,
                 controls: "",
                 preload: "metadata"
               }, [
-                T("source", {
-                  src: o.value[t].original,
+                _("source", {
+                  src: i.value[t].original,
                   type: "video/mp4"
-                }, null, 8, Pt)
-              ], 8, Ft))
+                }, null, 8, zt)
+              ], 8, Nt))
             ], 4),
-            L.value || q.value > 0 ? (k(), x("div", {
+            V.value || q.value > 0 ? (k(), x("div", {
               key: 1,
               "data-testid": "item-footer-container",
               class: "w-full",
-              style: N(ne.value)
+              style: z(se.value)
             }, [
-              ie(e.$slots, "itemFooter", {
-                item: o.value[t],
-                remove: () => Ae(o.value[t])
+              de(e.$slots, "itemFooter", {
+                item: i.value[t],
+                remove: () => De(i.value[t])
               })
-            ], 4)) : oe("", !0)
+            ], 4)) : fe("", !0)
           ], 4))), 128)),
-          (k(!0), x(Ye, null, De(Y.value, (t) => (k(), x("article", {
+          (k(!0), x(Ue, null, Ke(D.value, (t) => (k(), x("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: N({
+            style: z({
               width: t.width + "px",
-              transition: "transform " + We + "ms ease-out",
-              transform: t.leaving ? "translate3d(" + t.fromX + "px," + t.fromY + "px,0)" : "translate3d(" + t.fromX + "px," + ke(t.height) + "px,0)"
+              transition: "transform " + tt + "ms ease-out",
+              transform: t.leaving ? "translate3d(" + t.fromX + "px," + t.fromY + "px,0)" : "translate3d(" + t.fromX + "px," + Ie(t.height) + "px,0)"
             })
           }, [
-            E.value || I.value > 0 ? (k(), x("div", {
+            L.value || S.value > 0 ? (k(), x("div", {
               key: 0,
               "data-testid": "item-header-container",
               class: "w-full",
-              style: N(te.value)
+              style: z(le.value)
             }, [
-              ie(e.$slots, "itemHeader", {
+              de(e.$slots, "itemHeader", {
                 item: t.item,
                 remove: () => {
                 }
               })
-            ], 4)) : oe("", !0),
-            T("div", {
+            ], 4)) : fe("", !0),
+            _("div", {
               class: "bg-slate-100",
-              style: N({ aspectRatio: t.item.width + " / " + t.item.height })
+              style: z({ aspectRatio: t.item.width + " / " + t.item.height })
             }, [
               t.item.type === "image" ? (k(), x("img", {
                 key: 0,
@@ -786,41 +842,41 @@ const It = {
                 height: t.item.height,
                 loading: "lazy",
                 alt: t.item.id
-              }, null, 8, Tt)) : (k(), x("video", {
+              }, null, 8, qt)) : (k(), x("video", {
                 key: 1,
                 class: "h-full w-full object-cover",
                 poster: t.item.preview,
                 controls: "",
                 preload: "metadata"
               }, [
-                T("source", {
+                _("source", {
                   src: t.item.original,
                   type: "video/mp4"
-                }, null, 8, Ht)
-              ], 8, _t))
+                }, null, 8, Yt)
+              ], 8, Lt))
             ], 4),
-            L.value || q.value > 0 ? (k(), x("div", {
+            V.value || q.value > 0 ? (k(), x("div", {
               key: 1,
               "data-testid": "item-footer-container",
               class: "w-full",
-              style: N(ne.value)
+              style: z(se.value)
             }, [
-              ie(e.$slots, "itemFooter", {
+              de(e.$slots, "itemFooter", {
                 item: t.item,
                 remove: () => {
                 }
               })
-            ], 4)) : oe("", !0)
+            ], 4)) : fe("", !0)
           ], 4))), 128))
         ], 4)),
-        T("div", Rt, [
-          J.value ? (k(), x("span", At, a[1] || (a[1] = [
-            T("svg", {
+        _("div", Dt, [
+          ee.value ? (k(), x("span", Vt, a[1] || (a[1] = [
+            _("svg", {
               class: "h-4 w-4 animate-spin text-slate-500",
               viewBox: "0 0 24 24",
               "aria-hidden": "true"
             }, [
-              T("circle", {
+              _("circle", {
                 class: "opacity-25",
                 cx: "12",
                 cy: "12",
@@ -829,25 +885,25 @@ const It = {
                 stroke: "currentColor",
                 "stroke-width": "4"
               }),
-              T("path", {
+              _("path", {
                 class: "opacity-75",
                 fill: "currentColor",
                 d: "M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"
               })
             ], -1),
-            T("span", null, "Loading more…", -1)
-          ]))) : C.value == null ? (k(), x("span", Ct, "End of list")) : (k(), x("span", zt, "Scroll to load page " + Ve(C.value), 1))
+            _("span", null, "Loading more…", -1)
+          ]))) : C.value == null ? (k(), x("span", Ot, "End of list")) : (k(), x("span", $t, "Scroll to load page " + Ge(C.value), 1))
         ])
       ], 36)
     ], 16));
   }
-}), Lt = {
+}), Kt = {
   install(n) {
-    n.component("Masonry", qt);
+    n.component("Masonry", Gt);
   }
 };
 export {
-  qt as Masonry,
-  Lt as VibePlugin,
-  pt as masonryDefaults
+  Gt as Masonry,
+  Kt as VibePlugin,
+  Bt as masonryDefaults
 };