@wyxos/vibe 2.1.3 → 2.1.5

package/lib/index.js

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