@wyxos/vibe 2.1.8 → 2.1.9

package/lib/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as Se, ref as p, computed as S, onMounted as He, onUnmounted as Pt, createElementBlock as I, openBlock as k, normalizeStyle as $, createCommentVNode as j, createElementVNode as T, normalizeClass as ht, mergeDefaults as Ut, useAttrs as Kt, shallowRef as gt, provide as Jt, watch as ne, mergeProps as Qt, renderSlot as Zt, toDisplayString as pt, Fragment as yt, renderList as wt, createVNode as X, unref as ce, nextTick as xt, inject as en } from "vue";
-const tn = {
+import { defineComponent as Ie, ref as p, computed as M, onMounted as qe, onUnmounted as _t, createElementBlock as S, openBlock as I, normalizeStyle as Y, createCommentVNode as W, createElementVNode as T, normalizeClass as pt, mergeDefaults as Zt, useAttrs as en, shallowRef as yt, provide as tn, watch as le, mergeProps as nn, renderSlot as ln, toDisplayString as wt, Fragment as xt, renderList as bt, createVNode as j, unref as fe, nextTick as Mt, inject as on } from "vue";
+const an = {
   mode: "default",
   pageSize: 20,
   backfillRequestDelayMs: 2e3,
@@ -12,15 +12,15 @@ const tn = {
   headerHeight: 0,
   footerHeight: 0,
   overscanPx: 600
-}, nn = {
+}, sn = {
   key: 0,
   "data-testid": "masonry-loader-spinner",
   class: "absolute inset-0 flex items-center justify-center"
-}, ln = {
+}, rn = {
   key: 1,
   "data-testid": "masonry-loader-error",
   class: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-3"
-}, an = ["src", "width", "height", "alt"], on = ["poster"], sn = ["src"], bt = /* @__PURE__ */ Se({
+}, un = ["src", "width", "height", "alt"], cn = ["poster"], fn = ["src"], St = /* @__PURE__ */ Ie({
   __name: "MasonryLoader",
   props: {
     item: {},
@@ -28,58 +28,58 @@ const tn = {
   },
   emits: ["success", "error"],
   setup(l, { emit: y }) {
-    const u = l, s = y, i = p(null), m = p(!1), c = p(!1), r = p(!1), h = p(0), g = S(() => {
-      const _ = u.item?.width, P = u.item?.height;
-      return { aspectRatio: `${_} / ${P}` };
-    }), M = S(() => u.item?.type === "image");
-    let F = null, A = null;
+    const c = l, s = y, i = p(null), m = p(!1), f = p(!1), r = p(!1), h = p(0), g = M(() => {
+      const _ = c.item?.width, F = c.item?.height;
+      return { aspectRatio: `${_} / ${F}` };
+    }), x = M(() => c.item?.type === "image");
+    let k = null, E = null;
     function N() {
-      A != null && (window.clearTimeout(A), A = null);
+      E != null && (window.clearTimeout(E), E = null);
     }
-    function E() {
+    function R() {
       N();
-      const _ = typeof u.timeoutMs == "number" && Number.isFinite(u.timeoutMs) ? u.timeoutMs : 0;
-      _ <= 0 || (A = window.setTimeout(() => {
-        m.value && (c.value || r.value || W(new Error("timeout")));
+      const _ = typeof c.timeoutMs == "number" && Number.isFinite(c.timeoutMs) ? c.timeoutMs : 0;
+      _ <= 0 || (E = window.setTimeout(() => {
+        m.value && (f.value || r.value || G(new Error("timeout")));
       }, _));
     }
-    function L() {
-      m.value || (m.value = !0, c.value = !1, r.value = !1, E());
+    function z() {
+      m.value || (m.value = !0, f.value = !1, r.value = !1, R());
     }
-    He(() => {
+    qe(() => {
       if (typeof IntersectionObserver > "u") {
-        L();
+        z();
         return;
       }
-      F = new IntersectionObserver(
+      k = new IntersectionObserver(
         (_) => {
-          for (const P of _)
-            if (P.isIntersecting && !((P.intersectionRatio ?? 0) < 0.5)) {
-              L(), F?.disconnect(), F = null;
+          for (const F of _)
+            if (F.isIntersecting && !((F.intersectionRatio ?? 0) < 0.5)) {
+              z(), k?.disconnect(), k = null;
               return;
             }
         },
         { threshold: [0, 0.5, 1] }
-      ), i.value && F.observe(i.value);
-    }), Pt(() => {
-      F?.disconnect(), F = null, N();
+      ), i.value && k.observe(i.value);
+    }), _t(() => {
+      k?.disconnect(), k = null, N();
     });
-    function C() {
-      c.value || (c.value = !0, r.value = !1, N(), s("success", u.item));
+    function H() {
+      f.value || (f.value = !0, r.value = !1, N(), s("success", c.item));
     }
-    function W(_) {
-      r.value || (c.value = !1, r.value = !0, N(), s("error", { item: u.item, error: _ }));
+    function G(_) {
+      r.value || (f.value = !1, r.value = !0, N(), s("error", { item: c.item, error: _ }));
     }
     function O() {
-      m.value && (c.value = !1, r.value = !1, h.value += 1, E());
+      m.value && (f.value = !1, r.value = !1, h.value += 1, R());
     }
-    return (_, P) => (k(), I("div", {
+    return (_, F) => (I(), S("div", {
       ref_key: "rootEl",
       ref: i,
       class: "relative bg-slate-100",
-      style: $(g.value)
+      style: Y(g.value)
     }, [
-      m.value && !c.value && !r.value ? (k(), I("div", nn, P[2] || (P[2] = [
+      m.value && !f.value && !r.value ? (I(), S("div", sn, F[2] || (F[2] = [
         T("svg", {
           class: "h-5 w-5 animate-spin text-slate-500",
           viewBox: "0 0 24 24",
@@ -100,89 +100,89 @@ const tn = {
             d: "M4 12a8 8 0 0 1 8-8v4a4 4 0 0 0-4 4H4z"
           })
         ], -1)
-      ]))) : m.value && r.value ? (k(), I("div", ln, [
-        P[3] || (P[3] = T("p", { class: "text-center text-xs font-medium text-red-700" }, "Failed to load", -1)),
+      ]))) : m.value && r.value ? (I(), S("div", rn, [
+        F[3] || (F[3] = T("p", { class: "text-center text-xs font-medium text-red-700" }, "Failed to load", -1)),
         T("button", {
           type: "button",
           "data-testid": "masonry-loader-retry",
           class: "inline-flex items-center rounded-md border border-slate-200 bg-white px-2 py-1 text-xs font-medium text-slate-700",
           onClick: O
         }, " Retry ")
-      ])) : j("", !0),
-      m.value && M.value && !r.value ? (k(), I("img", {
-        key: u.item.id + ":img:" + h.value,
-        class: ht([
+      ])) : W("", !0),
+      m.value && x.value && !r.value ? (I(), S("img", {
+        key: c.item.id + ":img:" + h.value,
+        class: pt([
           "h-full w-full object-cover transition-opacity duration-300",
-          c.value ? "opacity-100" : "opacity-0"
+          f.value ? "opacity-100" : "opacity-0"
         ]),
-        src: u.item.preview,
-        width: u.item.width,
-        height: u.item.height,
+        src: c.item.preview,
+        width: c.item.width,
+        height: c.item.height,
         loading: "lazy",
-        alt: u.item.id,
-        onLoad: C,
-        onError: P[0] || (P[0] = (q) => W(q))
-      }, null, 42, an)) : m.value && !r.value ? (k(), I("video", {
-        key: u.item.id + ":vid:" + h.value,
-        class: ht([
+        alt: c.item.id,
+        onLoad: H,
+        onError: F[0] || (F[0] = (q) => G(q))
+      }, null, 42, un)) : m.value && !r.value ? (I(), S("video", {
+        key: c.item.id + ":vid:" + h.value,
+        class: pt([
           "h-full w-full object-cover transition-opacity duration-300",
-          c.value ? "opacity-100" : "opacity-0"
+          f.value ? "opacity-100" : "opacity-0"
         ]),
-        poster: u.item.preview,
+        poster: c.item.preview,
         controls: "",
         preload: "metadata",
-        onLoadedmetadata: C,
-        onError: P[1] || (P[1] = (q) => W(q))
+        onLoadedmetadata: H,
+        onError: F[1] || (F[1] = (q) => G(q))
       }, [
         T("source", {
-          src: u.item.original,
+          src: c.item.original,
           type: "video/mp4"
-        }, null, 8, sn)
-      ], 42, on)) : j("", !0)
+        }, null, 8, fn)
+      ], 42, cn)) : W("", !0)
     ], 4));
   }
-}), Tt = Symbol("masonryItemRegistry");
-function rn(l, y) {
+}), Bt = Symbol("masonryItemRegistry");
+function dn(l, y) {
   return !l || l <= 0 || !y || y <= 0 ? 1 : Math.max(1, Math.floor(l / y));
 }
-function un(l, y, u, s = 0) {
-  if (!l || l <= 0 || !y || y <= 0) return u;
-  const i = typeof s == "number" && s > 0 ? s : 0, m = Math.max(0, y - 1) * i, c = l - m;
-  return !c || c <= 0 ? u : c / y;
+function vn(l, y, c, s = 0) {
+  if (!l || l <= 0 || !y || y <= 0) return c;
+  const i = typeof s == "number" && s > 0 ? s : 0, m = Math.max(0, y - 1) * i, f = l - m;
+  return !f || f <= 0 ? c : f / y;
 }
-function cn(l, y) {
-  const u = l?.width, s = l?.height;
-  return typeof u == "number" && typeof s == "number" && u > 0 && s > 0 ? s / u * y : y;
+function mn(l, y) {
+  const c = l?.width, s = l?.height;
+  return typeof c == "number" && typeof s == "number" && c > 0 && s > 0 ? s / c * y : y;
 }
-function _t(l) {
+function At(l) {
   return Number.isFinite(l) && l > 0 ? Math.floor(l) : 1;
 }
-function Le(l) {
+function De(l) {
   return Number.isFinite(l) && l > 0 ? Math.floor(l) : 0;
 }
-function fn(l) {
+function hn(l) {
   async function y(s) {
-    const i = Le(s);
+    const i = De(s);
     if (i <= 0) return;
     l.stats.value = {
       ...l.stats.value,
       cooldownMsTotal: i,
       cooldownMsRemaining: i
     };
-    const m = Date.now(), c = 100;
+    const m = Date.now(), f = 100;
     await new Promise((r) => {
       const h = setInterval(() => {
-        const g = Date.now() - m, M = Math.max(0, i - g);
+        const g = Date.now() - m, x = Math.max(0, i - g);
         l.stats.value = {
           ...l.stats.value,
           cooldownMsTotal: i,
-          cooldownMsRemaining: M
-        }, M <= 0 && (clearInterval(h), r());
-      }, c);
+          cooldownMsRemaining: x
+        }, x <= 0 && (clearInterval(h), r());
+      }, f);
     });
   }
-  async function u(s) {
-    const i = _t(l.getPageSize()), m = l.isEnabled(), c = Le(l.getRequestDelayMs()), r = [];
+  async function c(s) {
+    const i = At(l.getPageSize()), m = l.isEnabled(), f = De(l.getRequestDelayMs()), r = [];
     let h = 0;
     l.buffer.value.length && (h = l.buffer.value.length, r.push(...l.buffer.value), l.buffer.value = []), l.stats.value = {
       ...l.stats.value,
@@ -190,7 +190,7 @@ function fn(l) {
       isBackfillActive: !1,
       isRequestInFlight: !1,
       requestPage: null,
-      cooldownMsTotal: c,
+      cooldownMsTotal: f,
       cooldownMsRemaining: 0,
       progress: {
         collected: 0,
@@ -200,31 +200,31 @@ function fn(l) {
       bufferSize: 0
     };
     const g = [];
-    let M = s, F = 0, A = !1;
-    for (; r.length < i && M != null; ) {
-      const L = M;
-      A && (l.stats.value = {
+    let x = s, k = 0, E = !1;
+    for (; r.length < i && x != null; ) {
+      const z = x;
+      E && (l.stats.value = {
         ...l.stats.value,
         enabled: m,
         isBackfillActive: !0,
         isRequestInFlight: !0,
-        requestPage: L,
+        requestPage: z,
         progress: {
           collected: Math.min(r.length, i),
           target: i
         },
-        cooldownMsTotal: c,
+        cooldownMsTotal: f,
         cooldownMsRemaining: 0,
         pageSize: i
       });
-      const C = await l.getContent(L);
-      g.push(L), A && (l.stats.value = {
+      const H = await l.getContent(z);
+      g.push(z), E && (l.stats.value = {
         ...l.stats.value,
         enabled: m,
         isBackfillActive: !0,
         isRequestInFlight: !1,
         requestPage: null
-      }), F += C.items.length, l.markEnterFromLeft(C.items), r.push(...C.items), M = C.nextPage, !A && r.length < i && M != null ? (A = !0, l.stats.value = {
+      }), k += H.items.length, l.markEnterFromLeft(H.items), r.push(...H.items), x = H.nextPage, !E && r.length < i && x != null ? (E = !0, l.stats.value = {
         ...l.stats.value,
         enabled: m,
         isBackfillActive: !0,
@@ -234,10 +234,10 @@ function fn(l) {
           collected: Math.min(r.length, i),
           target: i
         },
-        cooldownMsTotal: c,
+        cooldownMsTotal: f,
         cooldownMsRemaining: 0,
         pageSize: i
-      }) : A && (l.stats.value = {
+      }) : E && (l.stats.value = {
         ...l.stats.value,
         enabled: m,
         isBackfillActive: !0,
@@ -245,10 +245,10 @@ function fn(l) {
           collected: Math.min(r.length, i),
           target: i
         }
-      }), A && r.length < i && M != null && await y(c);
+      }), E && r.length < i && x != null && await y(f);
     }
-    const N = r.slice(0, i), E = r.slice(i);
-    return l.buffer.value = E, l.stats.value = {
+    const N = r.slice(0, i), R = r.slice(i);
+    return l.buffer.value = R, l.stats.value = {
       ...l.stats.value,
       enabled: m,
       isBackfillActive: !1,
@@ -258,78 +258,78 @@ function fn(l) {
         collected: 0,
         target: 0
       },
-      cooldownMsTotal: c,
+      cooldownMsTotal: f,
       cooldownMsRemaining: 0,
       pageSize: i,
-      bufferSize: E.length,
+      bufferSize: R.length,
       lastBatch: {
         startPage: s,
         pages: g,
         usedFromBuffer: h,
-        fetchedFromNetwork: F,
+        fetchedFromNetwork: k,
         collectedTotal: r.length,
         emitted: N.length,
-        carried: E.length
+        carried: R.length
       },
       totals: {
         pagesFetched: l.stats.value.totals.pagesFetched + g.length,
-        itemsFetchedFromNetwork: l.stats.value.totals.itemsFetchedFromNetwork + F
+        itemsFetchedFromNetwork: l.stats.value.totals.itemsFetchedFromNetwork + k
       }
-    }, { batchItems: N, pages: g, nextPage: M };
+    }, { batchItems: N, pages: g, nextPage: x };
   }
-  return { loadBackfillBatch: u };
+  return { loadBackfillBatch: c };
 }
-function dn(l) {
-  const y = l.columnCount, u = l.columnWidth, s = l.gapX, i = l.gapY, m = l.headerHeight, c = l.footerHeight, r = l.bucketPx, h = Array.from({ length: y }, () => 0), g = new Array(l.items.length), M = new Array(l.items.length), F = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
+function gn(l) {
+  const y = l.columnCount, c = l.columnWidth, s = l.gapX, i = l.gapY, m = l.headerHeight, f = l.footerHeight, r = l.bucketPx, h = Array.from({ length: y }, () => 0), g = new Array(l.items.length), x = new Array(l.items.length), k = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
   let N = 0;
-  for (let E = 0; E < l.items.length; E += 1) {
-    const L = l.items[E];
-    L?.id && A.set(L.id, E);
-    let C = 0;
-    for (let H = 1; H < h.length; H += 1)
-      h[H] < h[C] && (C = H);
-    const W = C * (u + s), O = h[C], _ = cn(L, u) + m + c;
-    g[E] = { x: W, y: O }, M[E] = _, h[C] = O + _ + i, N = Math.max(N, O + _);
-    const P = Math.floor(O / r), q = Math.floor((O + _) / r);
-    for (let H = P; H <= q; H += 1) {
-      const le = F.get(H);
-      le ? le.push(E) : F.set(H, [E]);
+  for (let R = 0; R < l.items.length; R += 1) {
+    const z = l.items[R];
+    z?.id && E.set(z.id, R);
+    let H = 0;
+    for (let L = 1; L < h.length; L += 1)
+      h[L] < h[H] && (H = L);
+    const G = H * (c + s), O = h[H], _ = mn(z, c) + m + f;
+    g[R] = { x: G, y: O }, x[R] = _, h[H] = O + _ + i, N = Math.max(N, O + _);
+    const F = Math.floor(O / r), q = Math.floor((O + _) / r);
+    for (let L = F; L <= q; L += 1) {
+      const oe = k.get(L);
+      oe ? oe.push(R) : k.set(L, [R]);
     }
   }
-  return { positions: g, heights: M, buckets: F, contentHeight: N, indexById: A };
+  return { positions: g, heights: x, buckets: k, contentHeight: N, indexById: E };
 }
-function vn(l) {
+function pn(l) {
   const y = l.itemCount;
   if (!y) return [];
   if (l.viewportHeight <= 0) return Array.from({ length: y }, (h, g) => g);
-  const u = Math.max(0, l.scrollTop - l.overscanPx), s = l.scrollTop + l.viewportHeight + l.overscanPx, i = Math.floor(u / l.bucketPx), m = Math.floor(s / l.bucketPx), c = /* @__PURE__ */ new Set();
+  const c = Math.max(0, l.scrollTop - l.overscanPx), s = l.scrollTop + l.viewportHeight + l.overscanPx, i = Math.floor(c / l.bucketPx), m = Math.floor(s / l.bucketPx), f = /* @__PURE__ */ new Set();
   for (let h = i; h <= m; h += 1) {
     const g = l.buckets.get(h);
     if (g)
-      for (const M of g) c.add(M);
+      for (const x of g) f.add(x);
   }
-  const r = Array.from(c);
+  const r = Array.from(f);
   return r.sort((h, g) => h - g), r;
 }
-const mn = { class: "hidden" }, hn = {
+const yn = { class: "hidden" }, wn = {
   key: 0,
   class: "flex h-full items-center justify-center"
-}, gn = {
+}, xn = {
   key: 1,
   class: "text-sm font-medium text-red-700"
-}, pn = { class: "relative" }, yn = {
+}, bn = { class: "relative" }, Mn = {
   key: 0,
   class: "pointer-events-auto absolute inset-0"
-}, wn = { class: "relative" }, xn = {
+}, Sn = { class: "relative" }, In = {
   key: 0,
   class: "pointer-events-auto absolute inset-0"
-}, bn = { class: "mt-4 pb-2 text-center text-xs text-slate-600" }, Mn = {
+}, kn = { class: "mt-4 pb-2 text-center text-xs text-slate-600" }, Fn = {
   key: 0,
   class: "inline-flex items-center justify-center gap-2"
-}, Sn = { key: 1 }, In = { key: 2 }, Mt = 100, kn = 200, St = 600, It = 300, kt = 600, Ft = 600, Fn = 400, Pn = 5, Tn = 1e3, _n = /* @__PURE__ */ Se({
+}, Pn = { key: 1 }, Tn = { key: 2 }, It = 100, _n = 200, kt = 600, Ft = 300, Pt = 600, Tt = 600, Bn = 400, An = 5, En = 1e3, Rn = /* @__PURE__ */ Ie({
   inheritAttrs: !1,
   __name: "Masonry",
-  props: /* @__PURE__ */ Ut({
+  props: /* @__PURE__ */ Zt({
     getContent: {},
     mode: {},
     pageSize: {},
@@ -345,10 +345,10 @@ const mn = { class: "hidden" }, hn = {
     headerHeight: {},
     footerHeight: {},
     overscanPx: {}
-  }, tn),
+  }, an),
   emits: ["update:items", "preloaded", "failures"],
-  setup(l, { expose: y, emit: u }) {
-    const s = l, i = u, m = Kt(), c = Se({
+  setup(l, { expose: y, emit: c }) {
+    const s = l, i = c, m = en(), f = Ie({
       name: "SlotRenderer",
       props: {
         slotFn: {
@@ -366,13 +366,13 @@ const mn = { class: "hidden" }, hn = {
           return t ? t(e.slotProps) : null;
         };
       }
-    }), r = gt(null);
-    Jt(Tt, (e) => {
+    }), r = yt(null);
+    tn(Bt, (e) => {
       r.value || (r.value = e);
     });
     const h = [], g = [];
-    let M = null, F = null;
-    function A() {
+    let x = null, k = null;
+    function E() {
       if (!h.length) return;
       const e = h.splice(0, h.length);
       i("preloaded", e);
@@ -382,255 +382,255 @@ const mn = { class: "hidden" }, hn = {
       const e = g.splice(0, g.length);
       i("failures", e);
     }
-    function E() {
-      M || (M = setTimeout(() => {
-        M = null, A();
-      }, Mt));
+    function R() {
+      x || (x = setTimeout(() => {
+        x = null, E();
+      }, It));
     }
-    function L() {
-      F || (F = setTimeout(() => {
-        F = null, N();
-      }, Mt));
+    function z() {
+      k || (k = setTimeout(() => {
+        k = null, N();
+      }, It));
     }
-    function C(e) {
-      r.value?.onPreloaded?.(e), h.push(e), E();
+    function H(e) {
+      r.value?.onPreloaded?.(e), h.push(e), R();
     }
-    function W(e) {
-      r.value?.onFailed?.(e), g.push(e), L();
+    function G(e) {
+      r.value?.onFailed?.(e), g.push(e), z();
     }
-    He(() => {
+    qe(() => {
       if (!r.value)
         throw new Error("[Masonry] Missing <MasonryItem> definition. Add <MasonryItem> as a child of <Masonry>.");
     });
-    const O = S(() => {
+    const O = M(() => {
       const { class: e, ...t } = m;
       return t;
-    }), _ = p(null), P = p(0), q = p(0), H = p(0);
-    let le;
-    const ae = S(() => s.gapX), ze = S(() => s.gapY);
-    function qe(e) {
+    }), _ = p(null), F = p(0), q = p(0), L = p(0);
+    let oe;
+    const ae = M(() => s.gapX), Oe = M(() => s.gapY);
+    function Ye(e) {
       if (!e) return 0;
       const t = Math.max(0, ae.value);
       return Math.max(0, e.clientWidth - t);
     }
-    const oe = S(() => s.headerHeight), se = S(() => s.footerHeight), Ie = S(() => r.value?.header), ke = S(() => r.value?.footer), Fe = S(() => r.value?.overlay), De = S(() => !!Ie.value), Oe = S(() => !!ke.value), $e = S(() => !!Fe.value), Ve = S(() => {
-      if (oe.value > 0) return { height: `${oe.value}px` };
-    }), Ye = S(() => {
+    const se = M(() => s.headerHeight), re = M(() => s.footerHeight), ke = M(() => r.value?.header), Fe = M(() => r.value?.footer), Pe = M(() => r.value?.overlay), $e = M(() => !!ke.value), Ve = M(() => !!Fe.value), Xe = M(() => !!Pe.value), je = M(() => {
       if (se.value > 0) return { height: `${se.value}px` };
-    }), fe = p([]), Pe = p([]), Xe = p(/* @__PURE__ */ new Map()), je = p(0), pe = p(/* @__PURE__ */ new Map());
-    function We(e) {
+    }), We = M(() => {
+      if (re.value > 0) return { height: `${re.value}px` };
+    }), de = p([]), Te = p([]), Ge = p(/* @__PURE__ */ new Map()), Ue = p(0), pe = p(/* @__PURE__ */ new Map());
+    function Et(e) {
       const t = typeof e == "number" && Number.isFinite(e) ? e : 0;
-      return rt.value + Math.max(0, t);
+      return ut.value + Math.max(0, t);
     }
-    const G = p(/* @__PURE__ */ new Set()), U = p(/* @__PURE__ */ new Set()), ye = /* @__PURE__ */ new Set(), de = p(/* @__PURE__ */ new Map());
-    function Bt(e) {
+    const U = p(/* @__PURE__ */ new Set()), K = p(/* @__PURE__ */ new Set()), ye = /* @__PURE__ */ new Set(), ve = p(/* @__PURE__ */ new Map());
+    function Rt(e) {
       return Number.isFinite(e) ? Math.max(0, Math.min(250, e)) : 0;
     }
-    function At(e) {
-      if (!U.value.has(e)) return;
-      const t = de.value.get(e) ?? 0;
+    function Ct(e) {
+      if (!K.value.has(e)) return;
+      const t = ve.value.get(e) ?? 0;
       if (!(t <= 0))
         return `${t}ms`;
     }
-    const we = p(/* @__PURE__ */ new Map()), V = p(/* @__PURE__ */ new Set()), Y = p([]);
-    function Et(e) {
+    const we = p(/* @__PURE__ */ new Map()), $ = p(/* @__PURE__ */ new Set()), V = p([]);
+    function Ht(e) {
       const t = we.value.get(e);
       return t || { dx: 0, dy: 0 };
     }
-    function Rt(e) {
-      if (U.value.has(e)) return `transform ${kt}ms ease-out`;
-      if (V.value.has(e)) return `transform ${It}ms ease-out`;
+    function Nt(e) {
+      if (K.value.has(e)) return `transform ${Pt}ms ease-out`;
+      if ($.value.has(e)) return `transform ${Ft}ms ease-out`;
     }
-    function Ct(e) {
-      const n = d.value[e]?.id, a = fe.value[e] ?? { x: 0, y: 0 }, o = Pe.value[e] ?? 0, f = o > 0 ? o : he.value, v = a.x, x = n && G.value.has(n) ? We(f) : a.y, b = n ? Et(n) : { dx: 0, dy: 0 };
-      return `translate3d(${v + b.dx}px,${x + b.dy}px,0)`;
+    function Lt(e) {
+      const n = v.value[e]?.id, o = de.value[e] ?? { x: 0, y: 0 }, a = Te.value[e] ?? 0, u = a > 0 ? a : ge.value, d = o.x, b = n && U.value.has(n) ? Et(u) : o.y, B = n ? Ht(n) : { dx: 0, dy: 0 };
+      return `translate3d(${d + B.dx}px,${b + B.dy}px,0)`;
     }
-    function re(e) {
+    function ie(e) {
       (typeof requestAnimationFrame == "function" ? requestAnimationFrame : (n) => setTimeout(() => n(0), 0))(() => e());
     }
-    function Nt(e) {
-      re(() => re(e));
+    function zt(e) {
+      ie(() => ie(e));
     }
-    const Ge = /* @__PURE__ */ new Set();
-    function Ue(e) {
+    const Ke = /* @__PURE__ */ new Set();
+    function Je(e) {
       return typeof e == "number" && Number.isFinite(e) && e > 0;
     }
-    function Te(e) {
+    function _e(e) {
       if (!Array.isArray(e) || e.length === 0) return;
-      const t = new Set(G.value);
+      const t = new Set(U.value);
       let n = !1;
-      for (const a of e) {
-        const o = a?.id;
-        if (o) {
-          if (!Ge.has(o)) {
-            const f = a?.width, v = a?.height;
-            (!Ue(f) || !Ue(v)) && (Ge.add(o), console.warn(
-              `[Masonry] Item "${o}" has invalid dimensions (width=${String(f)}, height=${String(
-                v
+      for (const o of e) {
+        const a = o?.id;
+        if (a) {
+          if (!Ke.has(a)) {
+            const u = o?.width, d = o?.height;
+            (!Je(u) || !Je(d)) && (Ke.add(a), console.warn(
+              `[Masonry] Item "${a}" has invalid dimensions (width=${String(u)}, height=${String(
+                d
               )}); layout expects { id, width, height }.`
             ));
           }
-          t.has(o) || (t.add(o), n = !0);
+          t.has(a) || (t.add(a), n = !0);
         }
       }
-      n && (G.value = t);
+      n && (U.value = t);
     }
-    function Ke() {
+    function Qe() {
       const e = /* @__PURE__ */ new Map();
-      for (const t of Re.value) {
-        const a = d.value[t]?.id;
-        if (!a) continue;
-        const o = fe.value[t];
-        o && e.set(a, { x: o.x, y: o.y });
+      for (const t of Ne.value) {
+        const o = v.value[t]?.id;
+        if (!o) continue;
+        const a = de.value[t];
+        a && e.set(o, { x: a.x, y: a.y });
       }
       return e;
     }
-    function Je(e, t) {
+    function Ze(e, t) {
       if (!e.size) return;
-      const n = /* @__PURE__ */ new Map(), a = [];
-      for (const [f, v] of e.entries()) {
-        if (t?.has(f)) continue;
-        const x = pe.value.get(f);
-        if (x == null) continue;
-        const b = fe.value[x];
-        if (!b) continue;
-        const w = v.x - b.x, z = v.y - b.y;
-        (w || z) && (n.set(f, { dx: w, dy: z }), a.push(f));
+      const n = /* @__PURE__ */ new Map(), o = [];
+      for (const [u, d] of e.entries()) {
+        if (t?.has(u)) continue;
+        const b = pe.value.get(u);
+        if (b == null) continue;
+        const B = de.value[b];
+        if (!B) continue;
+        const P = d.x - B.x, w = d.y - B.y;
+        (P || w) && (n.set(u, { dx: P, dy: w }), o.push(u));
       }
       if (!n.size) return;
       we.value = n;
-      const o = new Set(V.value);
-      for (const f of a) o.delete(f);
-      V.value = o, re(() => {
-        V.value = /* @__PURE__ */ new Set([...V.value, ...a]), re(() => {
+      const a = new Set($.value);
+      for (const u of o) a.delete(u);
+      $.value = a, ie(() => {
+        $.value = /* @__PURE__ */ new Set([...$.value, ...o]), ie(() => {
           we.value = /* @__PURE__ */ new Map();
         });
       }), setTimeout(() => {
-        const f = new Set(V.value);
-        for (const v of a) f.delete(v);
-        V.value = f;
-      }, It);
+        const u = new Set($.value);
+        for (const d of o) u.delete(d);
+        $.value = u;
+      }, Ft);
     }
-    const K = p(!0), J = p(!1), ie = p("");
-    let R = 0;
-    function Qe(e) {
+    const J = p(!0), Q = p(!1), ue = p("");
+    let C = 0, Be = 0, Ae = 0;
+    function et(e) {
       return e instanceof Error && e.name === "AbortError";
     }
-    function Ze() {
+    function tt() {
       const e = new Error("aborted");
       return e.name = "AbortError", e;
     }
-    function Ht(e) {
+    function qt(e) {
       return new Promise((t) => setTimeout(t, e));
     }
-    async function et(e, t) {
+    async function nt(e, t) {
       let n = 0;
       for (; ; ) {
-        if (t !== R) throw Ze();
+        if (t !== C) throw tt();
         try {
           return await s.getContent(e);
-        } catch (a) {
-          if (t !== R) throw Ze();
-          if (n >= Pn) throw a;
-          n += 1, await Ht(n * Tn);
+        } catch (o) {
+          if (t !== C) throw tt();
+          if (n >= An) throw o;
+          n += 1, await qt(n * En);
         }
       }
     }
-    const D = p([]), tt = p([]), _e = p([]), B = p(s.page), xe = p([]);
-    let Q = null, Z = null, be = 0;
-    function Lt(e) {
+    const D = p([]), lt = p([]), Ee = p([]), A = p(s.page), xe = p([]);
+    let Z = null, ee = null, be = 0;
+    function Dt(e) {
       let t = -1;
       for (const n of e) {
-        const a = n?.originalIndex;
-        ve(a) && a > t && (t = a);
+        const o = n?.originalIndex;
+        me(o) && o > t && (t = o);
       }
       be = t + 1;
     }
-    function ue(e) {
+    function ce(e) {
       for (const t of e)
         !t || typeof t != "object" || t.id && t.originalIndex == null && (t.originalIndex = be, be += 1);
     }
-    const ee = /* @__PURE__ */ new Map(), te = [];
-    function ve(e) {
+    const te = /* @__PURE__ */ new Map(), ne = [];
+    function me(e) {
       return typeof e == "number" && Number.isFinite(e);
     }
-    function zt(e, t) {
+    function Ot(e, t) {
       if (!t.length) return e;
       const n = /* @__PURE__ */ new Set();
-      for (const v of e) {
-        const x = v?.id;
-        x && n.add(x);
+      for (const d of e) {
+        const b = d?.id;
+        b && n.add(b);
       }
-      const a = [];
-      for (const v of t) {
-        const x = v?.id;
-        x && (n.has(x) || (a.push(v), n.add(x)));
+      const o = [];
+      for (const d of t) {
+        const b = d?.id;
+        b && (n.has(b) || (o.push(d), n.add(b)));
       }
-      if (!a.length) return e;
-      const o = a.slice().sort((v, x) => {
-        const b = ve(v.originalIndex) ? v.originalIndex : Number.POSITIVE_INFINITY, w = ve(x.originalIndex) ? x.originalIndex : Number.POSITIVE_INFINITY;
-        return b - w;
-      }), f = e.slice();
-      for (const v of o) {
-        const x = v.originalIndex;
-        if (!ve(x)) {
-          f.push(v);
+      if (!o.length) return e;
+      const a = o.slice().sort((d, b) => {
+        const B = me(d.originalIndex) ? d.originalIndex : Number.POSITIVE_INFINITY, P = me(b.originalIndex) ? b.originalIndex : Number.POSITIVE_INFINITY;
+        return B - P;
+      }), u = e.slice();
+      for (const d of a) {
+        const b = d.originalIndex;
+        if (!me(b)) {
+          u.push(d);
           continue;
         }
-        let b = 0, w = f.length;
-        for (; b < w; ) {
-          const z = b + w >> 1, ge = f[z]?.originalIndex;
-          (ve(ge) ? ge : Number.POSITIVE_INFINITY) <= x ? b = z + 1 : w = z;
+        let B = 0, P = u.length;
+        for (; B < P; ) {
+          const w = B + P >> 1, X = u[w]?.originalIndex;
+          (me(X) ? X : Number.POSITIVE_INFINITY) <= b ? B = w + 1 : P = w;
         }
-        f.splice(b, 0, v);
+        u.splice(B, 0, d);
       }
-      return f;
+      return u;
     }
-    async function nt(e) {
+    async function ot(e) {
       if (!e.length) return;
-      Te(e);
-      const t = Ke();
-      d.value = zt(d.value, e), await xt(), Je(t);
+      _e(e);
+      const t = Qe();
+      v.value = Ot(v.value, e), await Mt(), Ze(t);
     }
-    async function qt(e) {
-      const n = (Array.isArray(e) ? e : [e]).map(Ae).filter(Boolean);
+    async function Yt(e) {
+      const n = (Array.isArray(e) ? e : [e]).map(Ce).filter(Boolean);
       if (!n.length) return;
-      const a = [];
-      for (const o of n) {
-        const f = ee.get(o);
-        f && a.push(f);
+      const o = [];
+      for (const a of n) {
+        const u = te.get(a);
+        u && o.push(u);
       }
-      if (a.length) {
-        await nt(a);
-        for (const o of a)
-          o?.id && ee.delete(o.id);
+      if (o.length) {
+        await ot(o);
+        for (const a of o)
+          a?.id && te.delete(a.id);
       }
     }
-    async function Dt() {
-      const e = te.pop();
+    async function $t() {
+      const e = ne.pop();
       if (!e?.length) return;
       const t = [];
       for (const n of e) {
-        const a = ee.get(n);
-        a && t.push(a);
+        const o = te.get(n);
+        o && t.push(o);
       }
       if (t.length) {
-        await nt(t);
+        await ot(t);
         for (const n of t)
-          n?.id && ee.delete(n.id);
+          n?.id && te.delete(n.id);
       }
     }
-    function Ot(e) {
-      const n = (Array.isArray(e) ? e : [e]).map(Ae).filter(Boolean);
+    function Vt(e) {
+      const n = (Array.isArray(e) ? e : [e]).map(Ce).filter(Boolean);
       if (!n.length) return;
-      const a = new Set(n);
-      for (const o of a) ee.delete(o);
-      for (let o = te.length - 1; o >= 0; o -= 1) {
-        const v = te[o].filter((x) => !a.has(x));
-        v.length ? te[o] = v : te.splice(o, 1);
+      const o = new Set(n);
+      for (const a of o) te.delete(a);
+      for (let a = ne.length - 1; a >= 0; a -= 1) {
+        const d = ne[a].filter((b) => !o.has(b));
+        d.length ? ne[a] = d : ne.splice(a, 1);
       }
     }
-    const Be = gt({
+    const Re = yt({
       enabled: !1,
       isBackfillActive: !1,
       isRequestInFlight: !1,
@@ -648,92 +648,93 @@ const mn = { class: "hidden" }, hn = {
         pagesFetched: 0,
         itemsFetchedFromNetwork: 0
       }
-    }), lt = fn({
-      getContent: (e) => et(e, R),
-      markEnterFromLeft: Te,
+    }), at = hn({
+      getContent: (e) => nt(e, C),
+      markEnterFromLeft: _e,
       buffer: xe,
-      stats: Be,
+      stats: Re,
       isEnabled: () => s.mode === "backfill",
       getPageSize: () => s.pageSize,
       getRequestDelayMs: () => s.backfillRequestDelayMs
-    }), Me = S(() => s.items !== void 0);
-    ne(
+    }), Me = M(() => s.items !== void 0);
+    le(
       () => s.items,
       (e) => {
-        Me.value && (_e.value = Array.isArray(e) ? e : []);
+        Me.value && (Ee.value = Array.isArray(e) ? e : []);
       },
       { immediate: !0 }
     );
-    const d = S({
+    const v = M({
       get() {
-        return Me.value ? _e.value : tt.value;
+        return Me.value ? Ee.value : lt.value;
       },
       set(e) {
-        Me.value ? (_e.value = e, i("update:items", e)) : tt.value = e;
+        Me.value ? (Ee.value = e, i("update:items", e)) : lt.value = e;
       }
-    }), me = p(!1);
-    async function at(e) {
-      const t = await et(e, R);
-      return ue(t.items), Te(t.items), { items: t.items, nextPage: t.nextPage };
+    }), he = p(!1);
+    async function st(e) {
+      const t = await nt(e, C);
+      return ce(t.items), _e(t.items), { items: t.items, nextPage: t.nextPage };
     }
-    function Ae(e) {
+    function Ce(e) {
       return e ? typeof e == "string" ? e : e?.id : null;
     }
-    async function ot(e) {
-      const n = (Array.isArray(e) ? e : [e]).map(Ae).filter(Boolean);
+    async function rt(e) {
+      const n = (Array.isArray(e) ? e : [e]).map(Ce).filter(Boolean);
       if (!n.length) return;
-      const a = new Set(n), o = [];
-      for (const b of a) {
-        const w = pe.value.get(b);
+      const o = new Set(n), a = [];
+      for (const P of o) {
+        const w = pe.value.get(P);
         if (w == null) continue;
-        const z = d.value[w];
-        z && (ee.set(b, z), o.push(b));
+        const X = v.value[w];
+        X && (te.set(P, X), a.push(P));
       }
-      o.length && te.push(o);
-      const f = Ke(), v = he.value, x = [];
-      for (const b of a) {
-        const w = pe.value.get(b);
+      a.length && ne.push(a);
+      const u = Qe(), d = ge.value, b = L.value + q.value, B = [];
+      for (const P of o) {
+        const w = pe.value.get(P);
         if (w == null) continue;
-        const z = d.value[w];
-        if (!z) continue;
-        const ge = fe.value[w] ?? { x: 0, y: 0 }, mt = Pe.value[w] ?? v;
-        x.push({
-          id: b,
-          item: z,
-          fromX: ge.x,
-          fromY: ge.y,
-          width: v,
-          height: mt,
+        const X = v.value[w];
+        if (!X) continue;
+        const Se = de.value[w] ?? { x: 0, y: 0 }, gt = Te.value[w] ?? d, Qt = Math.max(Se.y, b);
+        B.push({
+          id: P,
+          item: X,
+          fromX: Se.x,
+          fromY: Se.y,
+          toY: Qt + Math.max(0, gt),
+          width: d,
+          height: gt,
           leaving: !0
         });
       }
-      if (x.length && (Y.value = [...Y.value, ...x]), d.value = d.value.filter((b) => {
-        const w = b?.id;
-        return !w || !a.has(w);
-      }), await xt(), Je(f, a), x.length) {
-        const b = new Set(x.map((w) => w.id));
-        re(() => {
-          Y.value = Y.value.map(
-            (w) => b.has(w.id) ? { ...w, leaving: !1 } : w
+      if (B.length && (V.value = [...V.value, ...B]), v.value = v.value.filter((P) => {
+        const w = P?.id;
+        return !w || !o.has(w);
+      }), await Mt(), Ze(u, o), B.length) {
+        const P = new Set(B.map((w) => w.id));
+        ie(() => {
+          V.value = V.value.map(
+            (w) => P.has(w.id) ? { ...w, leaving: !1 } : w
           ), setTimeout(() => {
-            Y.value = Y.value.filter((w) => !b.has(w.id));
-          }, Ft);
+            V.value = V.value.filter((w) => !P.has(w.id));
+          }, Tt);
         });
       }
     }
-    async function Ee(e) {
-      return ot(e);
+    async function He(e) {
+      return rt(e);
     }
-    function $t() {
-      R += 1, Q = null, Z = null, K.value = !1, J.value = !1;
+    function Xt() {
+      C += 1, Z = null, ee = null, J.value = !1, Q.value = !1;
     }
     y({
-      remove: ot,
-      restore: qt,
-      undo: Dt,
-      forget: Ot,
-      loadNextPage: it,
-      cancel: $t,
+      remove: rt,
+      restore: Yt,
+      undo: $t,
+      forget: Vt,
+      loadNextPage: ct,
+      cancel: Xt,
       get pagesLoaded() {
         return D.value;
       },
@@ -741,123 +742,127 @@ const mn = { class: "hidden" }, hn = {
         D.value = e;
       },
       get nextPage() {
-        return B.value;
+        return A.value;
       },
       set nextPage(e) {
-        B.value = e;
+        A.value = e;
       },
       get isLoading() {
-        return K.value || J.value;
+        return J.value || Q.value;
       },
       get hasReachedEnd() {
-        return s.mode !== "backfill" ? B.value == null : B.value == null && xe.value.length === 0;
+        return s.mode !== "backfill" ? A.value == null : A.value == null && xe.value.length === 0;
       },
       get backfillStats() {
-        return Be.value;
+        return Re.value;
       }
     });
-    function st() {
-      const e = dn({
-        items: d.value,
-        columnCount: Ne.value,
-        columnWidth: he.value,
+    function it() {
+      const e = gn({
+        items: v.value,
+        columnCount: ze.value,
+        columnWidth: ge.value,
         gapX: ae.value,
-        gapY: ze.value,
-        headerHeight: oe.value,
-        footerHeight: se.value,
-        bucketPx: St
+        gapY: Oe.value,
+        headerHeight: se.value,
+        footerHeight: re.value,
+        bucketPx: kt
       });
-      fe.value = e.positions, Pe.value = e.heights, Xe.value = e.buckets, je.value = e.contentHeight, pe.value = e.indexById;
+      de.value = e.positions, Te.value = e.heights, Ge.value = e.buckets, Ue.value = e.contentHeight, pe.value = e.indexById;
     }
-    const rt = S(() => Math.max(je.value, q.value) + kn), Re = S(() => vn({
-      itemCount: d.value.length,
+    const ut = M(() => Math.max(Ue.value, q.value) + _n), Ne = M(() => pn({
+      itemCount: v.value.length,
       viewportHeight: q.value,
-      scrollTop: H.value,
+      scrollTop: L.value,
       overscanPx: s.overscanPx,
-      bucketPx: St,
-      buckets: Xe.value
+      bucketPx: kt,
+      buckets: Ge.value
     }));
-    ne(
-      Re,
+    le(
+      Ne,
       (e) => {
         if (!e?.length) return;
         const t = [];
-        for (const a of e) {
-          const o = d.value[a]?.id;
-          o && G.value.has(o) && (ye.has(o) || (ye.add(o), t.push(o)));
+        for (const o of e) {
+          const a = v.value[o]?.id;
+          a && U.value.has(a) && (ye.has(a) || (ye.add(a), t.push(a)));
         }
         if (!t.length) return;
-        const n = t.length > 1 ? Bt(s.enterStaggerMs) : 0;
+        const n = t.length > 1 ? Rt(s.enterStaggerMs) : 0;
         if (n > 0) {
-          const a = new Map(de.value);
-          for (let o = 0; o < t.length; o += 1) {
-            const f = t[o], v = Math.min(o * n, Fn);
-            a.set(f, v);
+          const o = new Map(ve.value);
+          for (let a = 0; a < t.length; a += 1) {
+            const u = t[a], d = Math.min(a * n, Bn);
+            o.set(u, d);
           }
-          de.value = a;
+          ve.value = o;
         }
-        re(() => {
-          const a = new Set(U.value);
-          for (const o of t) a.add(o);
-          U.value = a;
-        }), Nt(() => {
-          const a = new Set(G.value);
-          for (const o of t) a.delete(o);
-          G.value = a, setTimeout(() => {
-            const o = new Set(U.value), f = new Map(de.value);
-            for (const v of t)
-              o.delete(v), ye.delete(v), f.delete(v);
-            U.value = o, de.value = f;
-          }, kt);
+        ie(() => {
+          const o = new Set(K.value);
+          for (const a of t) o.add(a);
+          K.value = o;
+        }), zt(() => {
+          const o = new Set(U.value);
+          for (const a of t) o.delete(a);
+          U.value = o, setTimeout(() => {
+            const a = new Set(K.value), u = new Map(ve.value);
+            for (const d of t)
+              a.delete(d), ye.delete(d), u.delete(d);
+            K.value = a, ve.value = u;
+          }, Pt);
         });
       },
       { flush: "post" }
     );
-    async function it() {
-      if (Q) return Q;
-      if (K.value || J.value || s.mode !== "backfill" && B.value == null || s.mode === "backfill" && B.value == null && xe.value.length === 0)
+    async function ct() {
+      if (Z) return Z;
+      if (J.value || Q.value || s.mode !== "backfill" && A.value == null || s.mode === "backfill" && A.value == null && xe.value.length === 0)
         return;
-      const e = R;
+      const e = C;
       let t = null;
       return t = (async () => {
         try {
-          if (J.value = !0, ie.value = "", s.mode === "backfill") {
-            const o = await lt.loadBackfillBatch(B.value);
-            if (e !== R) return;
-            o.pages.length && (D.value = [...D.value, ...o.pages]), ue(o.batchItems), d.value = [...d.value, ...o.batchItems], B.value = o.nextPage;
+          if (Q.value = !0, ue.value = "", s.mode === "backfill") {
+            const a = await at.loadBackfillBatch(A.value);
+            if (e !== C) return;
+            a.pages.length && (D.value = [...D.value, ...a.pages]), ce(a.batchItems), v.value = [...v.value, ...a.batchItems], A.value = a.nextPage;
             return;
           }
-          const n = B.value;
+          const n = A.value;
           if (n == null) return;
-          const a = await at(n);
-          if (e !== R) return;
-          D.value = [...D.value, n], ue(a.items), d.value = [...d.value, ...a.items], B.value = a.nextPage;
+          const o = await st(n);
+          if (e !== C) return;
+          D.value = [...D.value, n], ce(o.items), v.value = [...v.value, ...o.items], A.value = o.nextPage;
         } catch (n) {
-          if (e !== R || Qe(n)) return;
-          ie.value = n instanceof Error ? n.message : String(n);
+          if (e !== C || et(n)) return;
+          ue.value = n instanceof Error ? n.message : String(n);
         } finally {
-          e === R && (J.value = !1), Q === t && (Q = null);
+          e === C && (Q.value = !1), Z === t && (Z = null);
         }
-      })(), Q = t, t;
+      })(), Z = t, t;
     }
-    function Vt() {
+    function jt() {
       const e = _.value;
       if (!e) return;
-      H.value = e.scrollTop, q.value = e.clientHeight, e.scrollHeight - (e.scrollTop + e.clientHeight) <= s.prefetchThresholdPx && it();
+      const t = e.scrollTop, n = e.clientHeight, o = e.scrollHeight;
+      L.value = t, q.value = n;
+      const a = Be, u = Ae, d = u > 0 && o < u;
+      if (Be = t, Ae = o, d && t <= a) return;
+      o - (t + n) <= s.prefetchThresholdPx && ct();
     }
-    function ut() {
+    function ft() {
       return _.value;
     }
-    function ct(e) {
-      P.value = qe(e), q.value = e.clientHeight;
+    function dt(e) {
+      F.value = Ye(e), q.value = e.clientHeight;
     }
-    function Yt() {
-      typeof ResizeObserver > "u" || (le = new ResizeObserver(() => {
-        const e = ut();
-        e && ct(e);
+    function Wt() {
+      typeof ResizeObserver > "u" || (oe = new ResizeObserver(() => {
+        const e = ft();
+        e && dt(e);
       }));
     }
-    function Xt() {
+    function Gt() {
       return {
         enabled: s.mode === "backfill",
         isBackfillActive: !1,
@@ -868,8 +873,8 @@ const mn = { class: "hidden" }, hn = {
           target: 0
         },
         cooldownMsRemaining: 0,
-        cooldownMsTotal: Le(s.backfillRequestDelayMs),
-        pageSize: _t(s.pageSize),
+        cooldownMsTotal: De(s.backfillRequestDelayMs),
+        pageSize: At(s.pageSize),
         bufferSize: 0,
         lastBatch: null,
         totals: {
@@ -878,120 +883,120 @@ const mn = { class: "hidden" }, hn = {
         }
       };
     }
-    function ft() {
-      R += 1, Q = null, Z = null, be = 0, ee.clear(), te.length = 0, G.value = /* @__PURE__ */ new Set(), U.value = /* @__PURE__ */ new Set(), ye.clear(), we.value = /* @__PURE__ */ new Map(), V.value = /* @__PURE__ */ new Set(), Y.value = [], D.value = [], B.value = null, xe.value = [], Be.value = Xt(), K.value = !0, J.value = !1, ie.value = "";
+    function vt() {
+      C += 1, Z = null, ee = null, Be = 0, Ae = 0, be = 0, te.clear(), ne.length = 0, U.value = /* @__PURE__ */ new Set(), K.value = /* @__PURE__ */ new Set(), ye.clear(), we.value = /* @__PURE__ */ new Map(), $.value = /* @__PURE__ */ new Set(), V.value = [], D.value = [], A.value = null, xe.value = [], Re.value = Gt(), J.value = !0, Q.value = !1, ue.value = "";
     }
-    function dt(e) {
-      ft(), d.value = [], B.value = e;
+    function mt(e) {
+      vt(), v.value = [], A.value = e;
     }
-    function jt(e) {
-      const t = Array.isArray(e) ? e : [e], n = [], a = /* @__PURE__ */ new Set();
-      for (const o of t) {
-        if (o == null) continue;
-        const f = typeof o == "string" ? `s:${o}` : `n:${String(o)}`;
-        a.has(f) || (a.add(f), n.push(o));
+    function Ut(e) {
+      const t = Array.isArray(e) ? e : [e], n = [], o = /* @__PURE__ */ new Set();
+      for (const a of t) {
+        if (a == null) continue;
+        const u = typeof a == "string" ? `s:${a}` : `n:${String(a)}`;
+        o.has(u) || (o.add(u), n.push(a));
       }
       return n;
     }
-    function Ce(e) {
-      ft(), D.value = e ? jt(e) : [], B.value = s.page, K.value = !1, Lt(d.value), ue(d.value);
+    function Le(e) {
+      vt(), D.value = e ? Ut(e) : [], A.value = s.page, J.value = !1, Dt(v.value), ce(v.value);
     }
-    async function vt(e) {
-      if (Z) return Z;
-      const t = R;
+    async function ht(e) {
+      if (ee) return ee;
+      const t = C;
       let n = null;
       return n = (async () => {
         try {
           if (s.mode === "backfill") {
-            const a = await lt.loadBackfillBatch(e);
-            if (t !== R) return;
-            D.value = a.pages.length ? a.pages : [e], ue(a.batchItems), d.value = a.batchItems, B.value = a.nextPage;
+            const o = await at.loadBackfillBatch(e);
+            if (t !== C) return;
+            D.value = o.pages.length ? o.pages : [e], ce(o.batchItems), v.value = o.batchItems, A.value = o.nextPage;
           } else {
-            const a = await at(e);
-            if (t !== R) return;
-            D.value = [e], ue(a.items), d.value = a.items, B.value = a.nextPage;
+            const o = await st(e);
+            if (t !== C) return;
+            D.value = [e], ce(o.items), v.value = o.items, A.value = o.nextPage;
           }
-        } catch (a) {
-          if (t !== R || Qe(a)) return;
-          ie.value = a instanceof Error ? a.message : String(a);
+        } catch (o) {
+          if (t !== C || et(o)) return;
+          ue.value = o instanceof Error ? o.message : String(o);
         } finally {
-          t === R && (K.value = !1), Z === n && (Z = null);
+          t === C && (J.value = !1), ee === n && (ee = null);
         }
-      })(), Z = n, n;
+      })(), ee = n, n;
     }
-    function Wt() {
-      const e = ut();
-      e && (ct(e), H.value = e.scrollTop, le?.observe(e));
+    function Kt() {
+      const e = ft();
+      e && (dt(e), L.value = e.scrollTop, oe?.observe(e));
     }
-    He(async () => {
-      if (Yt(), Wt(), s.restoredPages != null) {
-        me.value = !0, Ce(s.restoredPages);
+    qe(async () => {
+      if (Wt(), Kt(), s.restoredPages != null) {
+        he.value = !0, Le(s.restoredPages);
         return;
       }
-      if (Me.value && d.value.length > 0) {
-        me.value = !0, Ce();
+      if (Me.value && v.value.length > 0) {
+        he.value = !0, Le();
         return;
       }
-      me.value = !1, dt(s.page), await vt(s.page);
-    }), Pt(() => {
-      le?.disconnect(), M && (clearTimeout(M), M = null), F && (clearTimeout(F), F = null), A(), N();
-    }), ne(
+      he.value = !1, mt(s.page), await ht(s.page);
+    }), _t(() => {
+      oe?.disconnect(), x && (clearTimeout(x), x = null), k && (clearTimeout(k), k = null), E(), N();
+    }), le(
       () => s.page,
       async (e) => {
-        if (me.value) {
-          B.value = e;
+        if (he.value) {
+          A.value = e;
           return;
         }
-        dt(e), await vt(e);
+        mt(e), await ht(e);
       }
-    ), ne(
+    ), le(
       () => s.restoredPages,
       (e) => {
-        e && (me.value = !0, Ce(e));
+        e && (he.value = !0, Le(e));
       }
-    ), ne(
+    ), le(
       ae,
       () => {
         const e = _.value;
-        e && (P.value = qe(e));
+        e && (F.value = Ye(e));
       },
       { immediate: !1 }
     );
-    const Ne = S(() => rn(P.value, s.itemWidth)), he = S(
-      () => un(P.value, Ne.value, s.itemWidth, ae.value)
+    const ze = M(() => dn(F.value, s.itemWidth)), ge = M(
+      () => vn(F.value, ze.value, s.itemWidth, ae.value)
     );
-    ne(
-      [Ne, he, ae, ze, oe, se],
+    le(
+      [ze, ge, ae, Oe, se, re],
       () => {
-        st();
+        it();
       },
       { immediate: !0 }
-    ), ne(
+    ), le(
       // 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.
-      () => [d.value, d.value.length],
-      () => st(),
+      () => [v.value, v.value.length],
+      () => it(),
       { immediate: !0 }
     );
-    const Gt = S(() => [
+    const Jt = M(() => [
       "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, t) => (k(), I("section", Qt(O.value, { class: Gt.value }), [
-      T("div", mn, [
-        Zt(e.$slots, "default")
+    return (e, t) => (I(), S("section", nn(O.value, { class: Jt.value }), [
+      T("div", yn, [
+        ln(e.$slots, "default")
       ]),
       T("div", {
         ref_key: "scrollViewportRef",
         ref: _,
         "data-testid": "items-scroll-container",
         class: "mt-4 min-h-0 flex-1 overflow-auto",
-        style: $({ paddingRight: ae.value + "px" }),
-        onScroll: Vt
+        style: Y({ paddingRight: ae.value + "px" }),
+        onScroll: jt
       }, [
-        K.value ? (k(), I("div", hn, t[0] || (t[0] = [
+        J.value ? (I(), S("div", wn, t[0] || (t[0] = [
           T("div", { class: "inline-flex items-center gap-3 text-sm text-slate-600" }, [
             T("svg", {
               class: "h-5 w-5 animate-spin text-slate-500",
@@ -1015,108 +1020,108 @@ const mn = { class: "hidden" }, hn = {
             ]),
             T("span", null, "Loading…")
           ], -1)
-        ]))) : ie.value ? (k(), I("p", gn, "Error: " + pt(ie.value), 1)) : (k(), I("div", {
+        ]))) : ue.value ? (I(), S("p", xn, "Error: " + wt(ue.value), 1)) : (I(), S("div", {
           key: 2,
           class: "relative",
-          style: $({ height: rt.value + "px" })
+          style: Y({ height: ut.value + "px" })
         }, [
-          (k(!0), I(yt, null, wt(Re.value, (n) => (k(), I("article", {
-            key: d.value[n].id,
+          (I(!0), S(xt, null, bt(Ne.value, (n) => (I(), S("article", {
+            key: v.value[n].id,
             "data-testid": "item-card",
             class: "absolute overflow-hidden rounded-xl border border-slate-200/60 bg-white shadow-sm",
-            style: $({
-              width: he.value + "px",
-              transition: Rt(d.value[n].id),
-              transitionDelay: At(d.value[n].id),
-              transform: Ct(n)
+            style: Y({
+              width: ge.value + "px",
+              transition: Nt(v.value[n].id),
+              transitionDelay: Ct(v.value[n].id),
+              transform: Lt(n)
             })
           }, [
-            De.value || oe.value > 0 ? (k(), I("div", {
+            $e.value || se.value > 0 ? (I(), S("div", {
               key: 0,
               "data-testid": "item-header-container",
               class: "w-full",
-              style: $(Ve.value)
+              style: Y(je.value)
             }, [
-              X(ce(c), {
-                "slot-fn": Ie.value,
-                "slot-props": { item: d.value[n], remove: () => Ee(d.value[n]) }
+              j(fe(f), {
+                "slot-fn": ke.value,
+                "slot-props": { item: v.value[n], remove: () => He(v.value[n]) }
               }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : j("", !0),
-            T("div", pn, [
-              X(bt, {
-                item: d.value[n],
-                onSuccess: C,
-                onError: W
+            ], 4)) : W("", !0),
+            T("div", bn, [
+              j(St, {
+                item: v.value[n],
+                onSuccess: H,
+                onError: G
               }, null, 8, ["item"]),
-              $e.value ? (k(), I("div", yn, [
-                X(ce(c), {
-                  "slot-fn": Fe.value,
-                  "slot-props": { item: d.value[n], remove: () => Ee(d.value[n]) }
+              Xe.value ? (I(), S("div", Mn, [
+                j(fe(f), {
+                  "slot-fn": Pe.value,
+                  "slot-props": { item: v.value[n], remove: () => He(v.value[n]) }
                 }, null, 8, ["slot-fn", "slot-props"])
-              ])) : j("", !0)
+              ])) : W("", !0)
             ]),
-            Oe.value || se.value > 0 ? (k(), I("div", {
+            Ve.value || re.value > 0 ? (I(), S("div", {
               key: 1,
               "data-testid": "item-footer-container",
               class: "w-full",
-              style: $(Ye.value)
+              style: Y(We.value)
             }, [
-              X(ce(c), {
-                "slot-fn": ke.value,
-                "slot-props": { item: d.value[n], remove: () => Ee(d.value[n]) }
+              j(fe(f), {
+                "slot-fn": Fe.value,
+                "slot-props": { item: v.value[n], remove: () => He(v.value[n]) }
               }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : j("", !0)
+            ], 4)) : W("", !0)
           ], 4))), 128)),
-          (k(!0), I(yt, null, wt(Y.value, (n) => (k(), I("article", {
+          (I(!0), S(xt, null, bt(V.value, (n) => (I(), S("article", {
             key: n.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: $({
+            style: Y({
               width: n.width + "px",
-              transition: "transform " + Ft + "ms ease-out",
-              transform: n.leaving ? "translate3d(" + n.fromX + "px," + n.fromY + "px,0)" : "translate3d(" + n.fromX + "px," + We(n.height) + "px,0)"
+              transition: "transform " + Tt + "ms ease-out",
+              transform: n.leaving ? "translate3d(" + n.fromX + "px," + n.fromY + "px,0)" : "translate3d(" + n.fromX + "px," + n.toY + "px,0)"
             })
           }, [
-            De.value || oe.value > 0 ? (k(), I("div", {
+            $e.value || se.value > 0 ? (I(), S("div", {
               key: 0,
               "data-testid": "item-header-container",
               class: "w-full",
-              style: $(Ve.value)
+              style: Y(je.value)
             }, [
-              X(ce(c), {
-                "slot-fn": Ie.value,
+              j(fe(f), {
+                "slot-fn": ke.value,
                 "slot-props": { item: n.item, remove: () => {
                 } }
               }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : j("", !0),
-            T("div", wn, [
-              X(bt, {
+            ], 4)) : W("", !0),
+            T("div", Sn, [
+              j(St, {
                 item: n.item
               }, null, 8, ["item"]),
-              $e.value ? (k(), I("div", xn, [
-                X(ce(c), {
-                  "slot-fn": Fe.value,
+              Xe.value ? (I(), S("div", In, [
+                j(fe(f), {
+                  "slot-fn": Pe.value,
                   "slot-props": { item: n.item, remove: () => {
                   } }
                 }, null, 8, ["slot-fn", "slot-props"])
-              ])) : j("", !0)
+              ])) : W("", !0)
             ]),
-            Oe.value || se.value > 0 ? (k(), I("div", {
+            Ve.value || re.value > 0 ? (I(), S("div", {
               key: 1,
               "data-testid": "item-footer-container",
               class: "w-full",
-              style: $(Ye.value)
+              style: Y(We.value)
             }, [
-              X(ce(c), {
-                "slot-fn": ke.value,
+              j(fe(f), {
+                "slot-fn": Fe.value,
                 "slot-props": { item: n.item, remove: () => {
                 } }
               }, null, 8, ["slot-fn", "slot-props"])
-            ], 4)) : j("", !0)
+            ], 4)) : W("", !0)
           ], 4))), 128))
         ], 4)),
-        T("div", bn, [
-          J.value ? (k(), I("span", Mn, t[1] || (t[1] = [
+        T("div", kn, [
+          Q.value ? (I(), S("span", Fn, t[1] || (t[1] = [
             T("svg", {
               class: "h-4 w-4 animate-spin text-slate-500",
               viewBox: "0 0 24 24",
@@ -1138,21 +1143,21 @@ const mn = { class: "hidden" }, hn = {
               })
             ], -1),
             T("span", null, "Loading more…", -1)
-          ]))) : B.value == null ? (k(), I("span", Sn, "End of list")) : (k(), I("span", In, "Scroll to load page " + pt(B.value), 1))
+          ]))) : A.value == null ? (I(), S("span", Pn, "End of list")) : (I(), S("span", Tn, "Scroll to load page " + wt(A.value), 1))
         ])
       ], 36)
     ], 16));
   }
-}), Bn = Se({
+}), Cn = Ie({
   name: "MasonryItem",
-  setup(l, { slots: y, attrs: u }) {
-    const s = en(Tt, null);
+  setup(l, { slots: y, attrs: c }) {
+    const s = on(Bt, null);
     if (!s)
       return () => null;
-    const i = u.onPreloaded, m = u.onFailed, c = y.overlay, r = y.default;
+    const i = c.onPreloaded, m = c.onFailed, f = y.overlay, r = y.default;
     return s({
       header: y.header,
-      overlay: c ?? r,
+      overlay: f ?? r,
       footer: y.footer,
       onPreloaded: typeof i == "function" ? i : Array.isArray(i) ? (h) => {
         for (const g of i)
@@ -1164,14 +1169,14 @@ const mn = { class: "hidden" }, hn = {
       } : void 0
     }), () => null;
   }
-}), En = {
+}), Nn = {
   install(l) {
-    l.component("Masonry", _n), l.component("MasonryItem", Bn);
+    l.component("Masonry", Rn), l.component("MasonryItem", Cn);
   }
 };
 export {
-  _n as Masonry,
-  Bn as MasonryItem,
-  En as VibePlugin,
-  tn as masonryDefaults
+  Rn as Masonry,
+  Cn as MasonryItem,
+  Nn as VibePlugin,
+  an as masonryDefaults
 };