@wyxos/vibe 2.1.6 → 2.1.7

package/lib/index.js

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